@true-engineering/true-react-common-ui-kit 4.0.0-alpha40 → 4.0.0-alpha42
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Checkbox/Checkbox.d.ts +3 -1
- package/dist/components/Checkbox/Checkbox.styles.d.ts +2 -1
- package/dist/components/Checkbox/types.d.ts +3 -0
- package/dist/true-react-common-ui-kit.js +3 -3
- package/dist/true-react-common-ui-kit.js.map +1 -1
- package/dist/true-react-common-ui-kit.umd.cjs +3 -3
- package/dist/true-react-common-ui-kit.umd.cjs.map +1 -1
- package/package.json +1 -1
- package/src/components/Checkbox/Checkbox.stories.tsx +13 -0
- package/src/components/Checkbox/Checkbox.styles.ts +2 -1
- package/src/components/Checkbox/Checkbox.tsx +7 -5
- package/src/components/Checkbox/types.ts +4 -0
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import { ReactNode, ChangeEvent, KeyboardEvent } from 'react';
|
|
2
2
|
import { ICommonProps } from '../../types';
|
|
3
|
+
import { ICheckboxSize } from './types';
|
|
3
4
|
import { ICheckboxStyles } from './Checkbox.styles';
|
|
4
5
|
export interface ICheckboxProps<V> extends ICommonProps<ICheckboxStyles> {
|
|
5
6
|
value?: V;
|
|
6
7
|
children?: ReactNode;
|
|
8
|
+
size?: ICheckboxSize;
|
|
7
9
|
/** @default false */
|
|
8
10
|
isChecked?: boolean;
|
|
9
11
|
/** @default false */
|
|
@@ -21,4 +23,4 @@ export interface ICheckboxProps<V> extends ICommonProps<ICheckboxStyles> {
|
|
|
21
23
|
isSelected: boolean;
|
|
22
24
|
}, event: ChangeEvent<HTMLInputElement> | KeyboardEvent) => void;
|
|
23
25
|
}
|
|
24
|
-
export declare function Checkbox<V>({ value, children, isChecked, isSemiChecked, isInvalid, isDisabled, isReadonly, labelPosition, data, testId, tweakStyles, onSelect, }: ICheckboxProps<V>): JSX.Element;
|
|
26
|
+
export declare function Checkbox<V>({ value, children, size, isChecked, isSemiChecked, isInvalid, isDisabled, isReadonly, labelPosition, data, testId, tweakStyles, onSelect, }: ICheckboxProps<V>): JSX.Element;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import { ITweakStyles } from '../../theme';
|
|
2
|
+
import { ICheckboxSizes } from './types';
|
|
2
3
|
export declare const useStyles: import("../../theme").IUseStyles<"input" | "invalid" | "children" | "root" | "disabled" | "checked" | "check" | "labelPositionLeft", unknown>;
|
|
3
|
-
export type ICheckboxStyles = ITweakStyles<typeof useStyles>;
|
|
4
|
+
export type ICheckboxStyles = ITweakStyles<typeof useStyles, ICheckboxSizes>;
|
|
@@ -8616,7 +8616,7 @@ function _object_spread_props$O(target, source) {
|
|
|
8616
8616
|
return target;
|
|
8617
8617
|
}
|
|
8618
8618
|
function Checkbox(param) {
|
|
8619
|
-
var value = param.value, children = param.children, _param_isChecked = param.isChecked, isChecked = _param_isChecked === void 0 ? false : _param_isChecked, _param_isSemiChecked = param.isSemiChecked, isSemiChecked = _param_isSemiChecked === void 0 ? false : _param_isSemiChecked, _param_isInvalid = param.isInvalid, isInvalid = _param_isInvalid === void 0 ? false : _param_isInvalid, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_isReadonly = param.isReadonly, isReadonly = _param_isReadonly === void 0 ? false : _param_isReadonly, _param_labelPosition = param.labelPosition, labelPosition = _param_labelPosition === void 0 ? "right" : _param_labelPosition, data = param.data, testId = param.testId, tweakStyles = param.tweakStyles, onSelect = param.onSelect;
|
|
8619
|
+
var value = param.value, children = param.children, size2 = param.size, _param_isChecked = param.isChecked, isChecked = _param_isChecked === void 0 ? false : _param_isChecked, _param_isSemiChecked = param.isSemiChecked, isSemiChecked = _param_isSemiChecked === void 0 ? false : _param_isSemiChecked, _param_isInvalid = param.isInvalid, isInvalid = _param_isInvalid === void 0 ? false : _param_isInvalid, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_isReadonly = param.isReadonly, isReadonly = _param_isReadonly === void 0 ? false : _param_isReadonly, _param_labelPosition = param.labelPosition, labelPosition = _param_labelPosition === void 0 ? "right" : _param_labelPosition, data = param.data, testId = param.testId, tweakStyles = param.tweakStyles, onSelect = param.onSelect;
|
|
8620
8620
|
var classes = useStyles$O({
|
|
8621
8621
|
theme: tweakStyles
|
|
8622
8622
|
});
|
|
@@ -8630,8 +8630,8 @@ function Checkbox(param) {
|
|
|
8630
8630
|
};
|
|
8631
8631
|
var _obj2;
|
|
8632
8632
|
return /* @__PURE__ */ jsxs("label", _object_spread_props$O(_object_spread$_({
|
|
8633
|
-
className: clsx(classes.root, (_obj2 = {}, _define_property$11(_obj2, classes.checked, isSelected), _define_property$11(_obj2, classes.invalid, isInvalid), _define_property$11(_obj2, classes.disabled, isDisabled), _define_property$11(_obj2, classes.labelPositionLeft, labelPosition === "left"), _obj2))
|
|
8634
|
-
},
|
|
8633
|
+
className: clsx(classes.root, isNotEmpty(size2) && classes[size2], (_obj2 = {}, _define_property$11(_obj2, classes.checked, isSelected), _define_property$11(_obj2, classes.invalid, isInvalid), _define_property$11(_obj2, classes.disabled, isDisabled), _define_property$11(_obj2, classes.labelPositionLeft, labelPosition === "left"), _obj2))
|
|
8634
|
+
}, addDataAttributes$1(data, testId)), {
|
|
8635
8635
|
children: [
|
|
8636
8636
|
/* @__PURE__ */ jsx("input", _object_spread$_({
|
|
8637
8637
|
className: classes.input,
|