chore: Moves CheckboxIcons to Checkbox folder (#13459)
This commit is contained in:
parent
6fe4cc0c51
commit
3c4591ef15
|
|
@ -24,8 +24,10 @@ import {
|
|||
styledShallow as shallow,
|
||||
} from 'spec/helpers/theming';
|
||||
|
||||
import Checkbox from '.';
|
||||
import { CheckboxChecked, CheckboxUnchecked } from '../CheckboxIcons';
|
||||
import Checkbox, {
|
||||
CheckboxChecked,
|
||||
CheckboxUnchecked,
|
||||
} from 'src/components/Checkbox';
|
||||
|
||||
describe('Checkbox', () => {
|
||||
let wrapper: ReactWrapper;
|
||||
|
|
|
|||
|
|
@ -0,0 +1,51 @@
|
|||
/**
|
||||
* 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 React from 'react';
|
||||
import { styled } from '@superset-ui/core';
|
||||
import { CheckboxChecked, CheckboxUnchecked } from 'src/components/Checkbox';
|
||||
|
||||
interface CheckboxProps {
|
||||
checked: boolean;
|
||||
onChange: (val?: boolean) => void;
|
||||
style?: React.CSSProperties;
|
||||
}
|
||||
|
||||
const Styles = styled.span`
|
||||
&,
|
||||
& svg {
|
||||
vertical-align: top;
|
||||
}
|
||||
`;
|
||||
|
||||
export default function Checkbox({ checked, onChange, style }: CheckboxProps) {
|
||||
return (
|
||||
<Styles
|
||||
style={style}
|
||||
onClick={() => {
|
||||
onChange(!checked);
|
||||
}}
|
||||
role="checkbox"
|
||||
tabIndex={0}
|
||||
aria-checked={checked}
|
||||
aria-label="Checkbox"
|
||||
>
|
||||
{checked ? <CheckboxChecked /> : <CheckboxUnchecked />}
|
||||
</Styles>
|
||||
);
|
||||
}
|
||||
|
|
@ -16,39 +16,5 @@
|
|||
* specific language governing permissions and limitations
|
||||
* under the License.
|
||||
*/
|
||||
import React from 'react';
|
||||
import { styled } from '@superset-ui/core';
|
||||
import {
|
||||
CheckboxChecked,
|
||||
CheckboxUnchecked,
|
||||
} from 'src/components/CheckboxIcons';
|
||||
|
||||
interface CheckboxProps {
|
||||
checked: boolean;
|
||||
onChange: (val?: boolean) => void;
|
||||
style?: React.CSSProperties;
|
||||
}
|
||||
|
||||
const Styles = styled.span`
|
||||
&,
|
||||
& svg {
|
||||
vertical-align: top;
|
||||
}
|
||||
`;
|
||||
|
||||
export default function Checkbox({ checked, onChange, style }: CheckboxProps) {
|
||||
return (
|
||||
<Styles
|
||||
style={style}
|
||||
onClick={() => {
|
||||
onChange(!checked);
|
||||
}}
|
||||
role="checkbox"
|
||||
tabIndex={0}
|
||||
aria-checked={checked}
|
||||
aria-label="Checkbox"
|
||||
>
|
||||
{checked ? <CheckboxChecked /> : <CheckboxUnchecked />}
|
||||
</Styles>
|
||||
);
|
||||
}
|
||||
export { default } from 'src/components/Checkbox/Checkbox';
|
||||
export * from 'src/components/Checkbox/CheckboxIcons';
|
||||
|
|
|
|||
|
|
@ -24,7 +24,7 @@ import {
|
|||
CheckboxChecked,
|
||||
CheckboxUnchecked,
|
||||
CheckboxHalfChecked,
|
||||
} from '../../../components/CheckboxIcons';
|
||||
} from 'src/components/Checkbox/CheckboxIcons';
|
||||
|
||||
const treeIcons = {
|
||||
check: <CheckboxChecked />,
|
||||
|
|
|
|||
Loading…
Reference in New Issue