chore: Moves CheckboxIcons to Checkbox folder (#13459)

This commit is contained in:
Michael S. Molina 2021-03-30 17:55:10 -03:00 committed by GitHub
parent 6fe4cc0c51
commit 3c4591ef15
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 58 additions and 39 deletions

View File

@ -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;

View File

@ -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>
);
}

View File

@ -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';

View File

@ -24,7 +24,7 @@ import {
CheckboxChecked,
CheckboxUnchecked,
CheckboxHalfChecked,
} from '../../../components/CheckboxIcons';
} from 'src/components/Checkbox/CheckboxIcons';
const treeIcons = {
check: <CheckboxChecked />,