mirror of
https://github.com/apache/superset.git
synced 2024-09-12 00:29:39 -04:00
chore: Moves CheckboxIcons to Checkbox folder (#13459)
This commit is contained in:
parent
6fe4cc0c51
commit
3c4591ef15
@ -24,8 +24,10 @@ import {
|
|||||||
styledShallow as shallow,
|
styledShallow as shallow,
|
||||||
} from 'spec/helpers/theming';
|
} from 'spec/helpers/theming';
|
||||||
|
|
||||||
import Checkbox from '.';
|
import Checkbox, {
|
||||||
import { CheckboxChecked, CheckboxUnchecked } from '../CheckboxIcons';
|
CheckboxChecked,
|
||||||
|
CheckboxUnchecked,
|
||||||
|
} from 'src/components/Checkbox';
|
||||||
|
|
||||||
describe('Checkbox', () => {
|
describe('Checkbox', () => {
|
||||||
let wrapper: ReactWrapper;
|
let wrapper: ReactWrapper;
|
||||||
|
51
superset-frontend/src/components/Checkbox/Checkbox.tsx
Normal file
51
superset-frontend/src/components/Checkbox/Checkbox.tsx
Normal 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>
|
||||||
|
);
|
||||||
|
}
|
@ -16,39 +16,5 @@
|
|||||||
* specific language governing permissions and limitations
|
* specific language governing permissions and limitations
|
||||||
* under the License.
|
* under the License.
|
||||||
*/
|
*/
|
||||||
import React from 'react';
|
export { default } from 'src/components/Checkbox/Checkbox';
|
||||||
import { styled } from '@superset-ui/core';
|
export * from 'src/components/Checkbox/CheckboxIcons';
|
||||||
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>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
@ -24,7 +24,7 @@ import {
|
|||||||
CheckboxChecked,
|
CheckboxChecked,
|
||||||
CheckboxUnchecked,
|
CheckboxUnchecked,
|
||||||
CheckboxHalfChecked,
|
CheckboxHalfChecked,
|
||||||
} from '../../../components/CheckboxIcons';
|
} from 'src/components/Checkbox/CheckboxIcons';
|
||||||
|
|
||||||
const treeIcons = {
|
const treeIcons = {
|
||||||
check: <CheckboxChecked />,
|
check: <CheckboxChecked />,
|
||||||
|
Loading…
Reference in New Issue
Block a user