@bookjane2/bookjane-design-library 9.0.10 → 9.0.11
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/lib/components/BKJCheckboxListItem/BKJCheckboxListItem.d.ts.map +1 -1
- package/lib/components/BKJCheckboxListItem/BKJCheckboxListItem.js +2 -2
- package/lib/components/BKJCheckboxListItem/BKJCheckboxListItem.js.map +1 -1
- package/lib/components/BKJCheckboxListItem/BKJCheckboxListItem.styled.d.ts +1 -0
- package/lib/components/BKJCheckboxListItem/BKJCheckboxListItem.styled.d.ts.map +1 -1
- package/lib/components/BKJCheckboxListItem/BKJCheckboxListItem.styled.js +9 -0
- package/lib/components/BKJCheckboxListItem/BKJCheckboxListItem.styled.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BKJCheckboxListItem.d.ts","sourceRoot":"","sources":["../../../src/components/BKJCheckboxListItem/BKJCheckboxListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,EAAE,EAA+B,MAAM,OAAO,CAAC;AAKrE,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAG/E,OAAO,EAAE,2BAA2B,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAIlG,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAClC,iBAAiB,GAAG;IAClB,eAAe,CAAC,EAAE,2BAA2B,CAAC;IAC9C,eAAe,CAAC,EAAE,2BAA2B,CAAC;CAC/C,
|
|
1
|
+
{"version":3,"file":"BKJCheckboxListItem.d.ts","sourceRoot":"","sources":["../../../src/components/BKJCheckboxListItem/BKJCheckboxListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,EAAE,EAA+B,MAAM,OAAO,CAAC;AAKrE,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAG/E,OAAO,EAAE,2BAA2B,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAIlG,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAClC,iBAAiB,GAAG;IAClB,eAAe,CAAC,EAAE,2BAA2B,CAAC;IAC9C,eAAe,CAAC,EAAE,2BAA2B,CAAC;CAC/C,CAiFD,CAAC"}
|
|
@@ -6,7 +6,7 @@ import { BKJCheckboxDisplay, BKJCheckboxInput } from '../BKJCheckbox/BKJCheckbox
|
|
|
6
6
|
import { BKJCheck } from '../BKJCheckbox/src/BKJCheck.js';
|
|
7
7
|
import { ListItemWrapper } from '../BKJListItem/BKJListItem.styled.js';
|
|
8
8
|
import { ListItemText, SubLabel } from '../common/ListItemBaseCSS/index.js';
|
|
9
|
-
import { LabelWrapper } from './BKJCheckboxListItem.styled.js';
|
|
9
|
+
import { CheckboxSlot, LabelWrapper } from './BKJCheckboxListItem.styled.js';
|
|
10
10
|
export const BKJCheckboxListItem = forwardRef((props, ref) => {
|
|
11
11
|
const { onChange, name, subLabel, label, className, disabled = false, isTargeted = false, showPeopleIcon = false, selected, value, listItemVariant = 'LeftAlignAlternatingBackgroundColor', checkboxVariant = 'GreenSolid', ...rest } = props;
|
|
12
12
|
const inputIdRef = useRef(`bkj-cbli-input-${uuidv4()}`);
|
|
@@ -33,6 +33,6 @@ export const BKJCheckboxListItem = forwardRef((props, ref) => {
|
|
|
33
33
|
},
|
|
34
34
|
});
|
|
35
35
|
};
|
|
36
|
-
return (_jsx(ListItemWrapper, { ...rest, variant: listItemVariant, className: className, checked: checked, disabled: disabled, isTargeted: isTargeted, ref: ref, children: _jsxs(LabelWrapper, { htmlFor: inputIdRef.current, children: [_jsx(BKJCheckboxInput, { type: "checkbox", id: inputIdRef.current, "aria-labelledby": labelIdRef.current, checked: checked, disabled: disabled, name: name, onChange: handleInputChange }), _jsx(BKJCheckboxDisplay, { "aria-hidden": "true", value: checked, disabled: disabled, variant: checkboxVariant, children: _jsx(BKJCheck, { variant: checkboxVariant, checked: checked, disabled: disabled }) }), showPeopleIcon && (_jsx(BKJIcon, { iconName: "Group2", width: 16, height: 14, "aria-hidden": "true" })), _jsx(ListItemText, { id: labelIdRef.current, children: label }), subLabel && _jsx(SubLabel, { children: subLabel })] }) }));
|
|
36
|
+
return (_jsx(ListItemWrapper, { ...rest, variant: listItemVariant, className: className, checked: checked, disabled: disabled, isTargeted: isTargeted, ref: ref, children: _jsxs(LabelWrapper, { htmlFor: inputIdRef.current, children: [_jsxs(CheckboxSlot, { children: [_jsx(BKJCheckboxInput, { type: "checkbox", id: inputIdRef.current, "aria-labelledby": labelIdRef.current, checked: checked, disabled: disabled, name: name, onChange: handleInputChange }), _jsx(BKJCheckboxDisplay, { "aria-hidden": "true", value: checked, disabled: disabled, variant: checkboxVariant, children: _jsx(BKJCheck, { variant: checkboxVariant, checked: checked, disabled: disabled }) })] }), showPeopleIcon && (_jsx(BKJIcon, { iconName: "Group2", width: 16, height: 14, "aria-hidden": "true" })), _jsx(ListItemText, { id: labelIdRef.current, children: label }), subLabel && _jsx(SubLabel, { children: subLabel })] }) }));
|
|
37
37
|
});
|
|
38
38
|
//# sourceMappingURL=BKJCheckboxListItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BKJCheckboxListItem.js","sourceRoot":"","sources":["../../../src/components/BKJCheckboxListItem/BKJCheckboxListItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAmB,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAEzF,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAEpE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;
|
|
1
|
+
{"version":3,"file":"BKJCheckboxListItem.js","sourceRoot":"","sources":["../../../src/components/BKJCheckboxListItem/BKJCheckboxListItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,3 @@
|
|
|
1
1
|
export declare const LabelWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
|
|
2
|
+
export declare const CheckboxSlot: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
2
3
|
//# sourceMappingURL=BKJCheckboxListItem.styled.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BKJCheckboxListItem.styled.d.ts","sourceRoot":"","sources":["../../../src/components/BKJCheckboxListItem/BKJCheckboxListItem.styled.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,sOAGxB,CAAC"}
|
|
1
|
+
{"version":3,"file":"BKJCheckboxListItem.styled.d.ts","sourceRoot":"","sources":["../../../src/components/BKJCheckboxListItem/BKJCheckboxListItem.styled.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,sOAGxB,CAAC;AAEF,eAAO,MAAM,YAAY,6NAQxB,CAAC"}
|
|
@@ -3,4 +3,13 @@ export const LabelWrapper = styled.label `
|
|
|
3
3
|
display: contents;
|
|
4
4
|
cursor: pointer;
|
|
5
5
|
`;
|
|
6
|
+
export const CheckboxSlot = styled.div `
|
|
7
|
+
position: relative;
|
|
8
|
+
height: 20px;
|
|
9
|
+
width: 20px;
|
|
10
|
+
min-width: 20px;
|
|
11
|
+
display: flex;
|
|
12
|
+
align-items: center;
|
|
13
|
+
justify-content: center;
|
|
14
|
+
`;
|
|
6
15
|
//# sourceMappingURL=BKJCheckboxListItem.styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BKJCheckboxListItem.styled.js","sourceRoot":"","sources":["../../../src/components/BKJCheckboxListItem/BKJCheckboxListItem.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAA;;;CAGvC,CAAC"}
|
|
1
|
+
{"version":3,"file":"BKJCheckboxListItem.styled.js","sourceRoot":"","sources":["../../../src/components/BKJCheckboxListItem/BKJCheckboxListItem.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAA;;;CAGvC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;CAQrC,CAAC"}
|