This is an automated email from the ASF dual-hosted git repository. enzomartellucci pushed a commit to branch refactor/antd5-radio in repository https://gitbox.apache.org/repos/asf/superset.git
commit eaf5bf06aae4b397e85a0eefad614b7f051628b9 Author: Enzo Martellucci <[email protected]> AuthorDate: Fri Jan 24 18:22:11 2025 +0100 refactor(radio) Migrates Radio to Ant Design 5 --- superset-frontend/src/components/Radio/index.ts | 26 ++++++++++ superset-frontend/src/components/Radio/index.tsx | 61 ------------------------ 2 files changed, 26 insertions(+), 61 deletions(-) diff --git a/superset-frontend/src/components/Radio/index.ts b/superset-frontend/src/components/Radio/index.ts new file mode 100644 index 0000000000..2c416288fb --- /dev/null +++ b/superset-frontend/src/components/Radio/index.ts @@ -0,0 +1,26 @@ +/** + * Licensed to the Apache Software Foundation (ASF) under one + * or more contributor license agreements. See the NOTICE file + * distributed with this work for additional information + * regarding copyright ownership. The ASF licenses this file + * to you under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance + * with the License. You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, + * software distributed under the License is distributed on an + * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY + * KIND, either express or implied. See the License for the + * specific language governing permissions and limitations + * under the License. + */ +import { Radio as Antd5Radio } from 'antd-v5'; + +export type { RadioChangeEvent, RadioGroupProps, RadioProps } from 'antd-v5'; + +export const Radio = Object.assign(Antd5Radio, { + Group: Antd5Radio.Group, + Button: Antd5Radio.Button, +}); diff --git a/superset-frontend/src/components/Radio/index.tsx b/superset-frontend/src/components/Radio/index.tsx deleted file mode 100644 index f06392d278..0000000000 --- a/superset-frontend/src/components/Radio/index.tsx +++ /dev/null @@ -1,61 +0,0 @@ -/** - * Licensed to the Apache Software Foundation (ASF) under one - * or more contributor license agreements. See the NOTICE file - * distributed with this work for additional information - * regarding copyright ownership. The ASF licenses this file - * to you under the Apache License, Version 2.0 (the - * "License"); you may not use this file except in compliance - * with the License. You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, - * software distributed under the License is distributed on an - * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY - * KIND, either express or implied. See the License for the - * specific language governing permissions and limitations - * under the License. - */ -import { styled } from '@superset-ui/core'; -import { Radio as AntdRadio } from 'antd'; - -const StyledRadio = styled(AntdRadio)` - .ant-radio-inner { - top: -1px; - left: 2px; - width: ${({ theme }) => theme.gridUnit * 4}px; - height: ${({ theme }) => theme.gridUnit * 4}px; - border-width: 2px; - border-color: ${({ theme }) => theme.colors.grayscale.light2}; - } - - .ant-radio.ant-radio-checked { - .ant-radio-inner { - border-width: ${({ theme }) => theme.gridUnit + 1}px; - border-color: ${({ theme }) => theme.colors.primary.base}; - } - - .ant-radio-inner::after { - background-color: ${({ theme }) => theme.colors.grayscale.light5}; - top: 0; - left: 0; - width: ${({ theme }) => theme.gridUnit + 2}px; - height: ${({ theme }) => theme.gridUnit + 2}px; - } - } - - .ant-radio:hover, - .ant-radio:focus { - .ant-radio-inner { - border-color: ${({ theme }) => theme.colors.primary.dark1}; - } - } -`; -const StyledGroup = styled(AntdRadio.Group)` - font-size: inherit; -`; - -export const Radio = Object.assign(StyledRadio, { - Group: StyledGroup, - Button: AntdRadio.Button, -});
