@bookjane2/bookjane-design-library 9.0.12 → 9.0.14
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/BKJAvatar/BKJAvatar.styled.d.ts +1 -1
- package/lib/components/BKJButtonIconTextInput/BKJButtonIconTextInput.styled.d.ts +2 -2
- package/lib/components/BKJDialog/BKJDialog.styled.d.ts +1 -1
- package/lib/components/BKJDialogChildren/BKJDialogChildren.styled.d.ts +1 -1
- package/lib/components/BKJFileInput/BKJFileInput.styled.d.ts +2 -2
- package/lib/components/BKJListItem/BKJListItem.d.ts.map +1 -1
- package/lib/components/BKJListItem/BKJListItem.js +1 -1
- package/lib/components/BKJListItem/BKJListItem.js.map +1 -1
- package/lib/components/BKJSelect/BKJSelect.constants.d.ts +7 -0
- package/lib/components/BKJSelect/BKJSelect.constants.d.ts.map +1 -1
- package/lib/components/BKJSelect/BKJSelect.constants.js +7 -0
- package/lib/components/BKJSelect/BKJSelect.constants.js.map +1 -1
- package/lib/components/BKJSelect/BKJSelect.d.ts.map +1 -1
- package/lib/components/BKJSelect/BKJSelect.js +156 -12
- package/lib/components/BKJSelect/BKJSelect.js.map +1 -1
- package/lib/components/BKJSelect/BKJSelect.stories.d.ts +50 -1
- package/lib/components/BKJSelect/BKJSelect.stories.d.ts.map +1 -1
- package/lib/components/BKJSelect/BKJSelect.stories.js +98 -96
- package/lib/components/BKJSelect/BKJSelect.stories.js.map +1 -1
- package/lib/components/BKJSelect/BKJSelect.styled.d.ts +2 -6
- package/lib/components/BKJSelect/BKJSelect.styled.d.ts.map +1 -1
- package/lib/components/BKJSelect/BKJSelect.styled.js +5 -8
- package/lib/components/BKJSelect/BKJSelect.styled.js.map +1 -1
- package/lib/components/BKJSelect/BKJSelect.test.d.ts +2 -0
- package/lib/components/BKJSelect/BKJSelect.test.d.ts.map +1 -0
- package/lib/components/BKJSelect/BKJSelect.test.js +367 -0
- package/lib/components/BKJSelect/BKJSelect.test.js.map +1 -0
- package/lib/components/BKJSelect/BKJSelect.types.d.ts +10 -2
- package/lib/components/BKJSelect/BKJSelect.types.d.ts.map +1 -1
- package/lib/components/BKJToggleInput/BKJToggleInput.constants.js +1 -1
- package/lib/components/BKJToggleInput/BKJToggleInput.constants.js.map +1 -1
- package/lib/components/BKJToggleInput/BKJToggleInput.styled.d.ts +8 -2
- package/lib/components/BKJToggleInput/BKJToggleInput.styled.d.ts.map +1 -1
- package/lib/components/BKJToggleInput/BKJToggleInput.styled.js +24 -17
- package/lib/components/BKJToggleInput/BKJToggleInput.styled.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Interpolation } from 'styled-components';
|
|
2
|
-
import { FC, HTMLProps, Key } from 'react';
|
|
2
|
+
import { AriaAttributes, FC, HTMLProps, Key, ReactNode } from 'react';
|
|
3
3
|
import { VariationPlacement } from '@popperjs/core';
|
|
4
4
|
import { BKJIconNameType, IBKJIconProps } from '../BKJIcon/BKJIcon.types.js';
|
|
5
5
|
import { IBKJThemeColor } from '../../providers/index.js';
|
|
@@ -27,8 +27,9 @@ export interface IBKJSelectRenderOptionsProps<DropdownPropsType = {}> {
|
|
|
27
27
|
name: string;
|
|
28
28
|
type: 'Single' | 'Multiple';
|
|
29
29
|
dropdownProps?: DropdownPropsType;
|
|
30
|
+
optionIdsByValue?: Map<string, string>;
|
|
30
31
|
}
|
|
31
|
-
export interface IBKJSelectProps<DropdownPropsType = {}> extends Omit<HTMLProps<HTMLSelectElement>, 'value' | 'css'
|
|
32
|
+
export interface IBKJSelectProps<DropdownPropsType = {}> extends Omit<HTMLProps<HTMLSelectElement>, 'value' | 'css'>, AriaAttributes {
|
|
32
33
|
type: 'Single' | 'Multiple';
|
|
33
34
|
error?: FormValidationErrorMessageType;
|
|
34
35
|
onChange: BKJSelectChangeEventType;
|
|
@@ -60,6 +61,13 @@ export interface IBKJSelectProps<DropdownPropsType = {}> extends Omit<HTMLProps<
|
|
|
60
61
|
dropdownProps?: DropdownPropsType;
|
|
61
62
|
placeholderColor?: keyof IBKJThemeColor;
|
|
62
63
|
css?: any;
|
|
64
|
+
/**
|
|
65
|
+
* Optional non-option content rendered inside the popover but outside the
|
|
66
|
+
* `role="listbox"` container (e.g., a "Select All" header, a filter input).
|
|
67
|
+
* Pointer-only — no focus-trap; Tab from the trigger does NOT redirect into
|
|
68
|
+
* headerSlot. See spec Clarifications 2026-04-23 (Q3=D) and 2026-04-24 (Q1=A).
|
|
69
|
+
*/
|
|
70
|
+
headerSlot?: ReactNode;
|
|
63
71
|
}
|
|
64
72
|
export interface IBKJThemeSelect {
|
|
65
73
|
PurpleOutlined: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BKJSelect.types.d.ts","sourceRoot":"","sources":["../../../src/components/BKJSelect/BKJSelect.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"BKJSelect.types.d.ts","sourceRoot":"","sources":["../../../src/components/BKJSelect/BKJSelect.types.ts"],"names":[],"mappings":"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"}
|
|
@@ -11,7 +11,7 @@ const BKJToggleInputSwitch = forwardRef(({ onChange, name, checked, disabled, va
|
|
|
11
11
|
target: { ...event.target, name, value: event.target.checked },
|
|
12
12
|
});
|
|
13
13
|
};
|
|
14
|
-
return (_jsxs(BKJToggleInputWrapper, { htmlFor: idRef.current, children: [_jsx(BKJToggleInputSwitchInput, { ...rest, type: "checkbox", id: idRef.current, name: name, checked: !!checked, disabled: disabled, onChange: handleNativeChange, ref: ref }), _jsx(BKJToggleSliderTrack, { "aria-hidden": "true" }), _jsx(BKJToggleButton, { "aria-hidden": "true" })] }));
|
|
14
|
+
return (_jsxs(BKJToggleInputWrapper, { htmlFor: idRef.current, children: [_jsx(BKJToggleInputSwitchInput, { ...rest, type: "checkbox", id: idRef.current, name: name, checked: !!checked, disabled: disabled, onChange: handleNativeChange, ref: ref }), _jsx(BKJToggleSliderTrack, { "aria-hidden": "true", isSelected: !!checked, disabled: disabled }), _jsx(BKJToggleButton, { "aria-hidden": "true", isSelected: !!checked, disabled: disabled })] }));
|
|
15
15
|
});
|
|
16
16
|
const BKJToggleInputPill = ({ variant, onChange, width, minWidth, checked, children, disabled, name, fontSize, }) => {
|
|
17
17
|
const handleChange = useCallback((event) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BKJToggleInput.constants.js","sourceRoot":"","sources":["../../../src/components/BKJToggleInput/BKJToggleInput.constants.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAmB,QAAQ,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACnF,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAC;AAEpC,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,OAAO,EACL,eAAe,EACf,8BAA8B,EAC9B,8BAA8B,EAC9B,yBAAyB,EACzB,qBAAqB,EACrB,oBAAoB,EACpB,YAAY,GACb,MAAM,yBAAyB,CAAC;AAOjC,MAAM,oBAAoB,GAA6B,UAAU,CAC/D,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IAC9F,MAAM,KAAK,GAAG,MAAM,CAAS,cAAc,MAAM,EAAE,EAAE,CAAC,CAAC;IAEvD,MAAM,kBAAkB,GAAG,CAAC,KAAoC,EAAE,EAAE;QAClE,QAAQ,CAAC;YACP,GAAG,KAAK;YACR,MAAM,EAAE,EAAE,GAAG,KAAK,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE;SAC/D,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,qBAAqB,IAAC,OAAO,EAAE,KAAK,CAAC,OAAO,aAC3C,KAAC,yBAAyB,OACpB,IAAI,EACR,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,KAAK,CAAC,OAAO,EACjB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,CAAC,CAAC,OAAO,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,kBAAkB,EAC5B,GAAG,EAAE,GAAG,GACR,EACF,KAAC,oBAAoB,mBAAa,MAAM,
|
|
1
|
+
{"version":3,"file":"BKJToggleInput.constants.js","sourceRoot":"","sources":["../../../src/components/BKJToggleInput/BKJToggleInput.constants.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,8 +7,14 @@ export declare const StyledButton: import("styled-components/dist/types").IStyle
|
|
|
7
7
|
}, never>> & string & Omit<import("react").FC<import("../BKJButton/BKJButton.types.js").IBKJButtonProps>, keyof import("react").Component<any, {}, any>>;
|
|
8
8
|
export declare const BKJToggleInputWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
|
|
9
9
|
export declare const BKJToggleInputSwitchInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
|
|
10
|
-
export declare const BKJToggleSliderTrack: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").
|
|
11
|
-
|
|
10
|
+
export declare const BKJToggleSliderTrack: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
11
|
+
isSelected: boolean;
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
}>> & string;
|
|
14
|
+
export declare const BKJToggleButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
15
|
+
isSelected: boolean;
|
|
16
|
+
disabled?: boolean;
|
|
17
|
+
}>> & string;
|
|
12
18
|
export declare const BKJToggleInputPillCheckDisplay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
13
19
|
checked: boolean;
|
|
14
20
|
variant: BKJThemeToggleInputVariantType;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BKJToggleInput.styled.d.ts","sourceRoot":"","sources":["../../../src/components/BKJToggleInput/BKJToggleInput.styled.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,OAAO,EAAE,8BAA8B,EAAE,MAAM,wBAAwB,CAAC;AAExE,eAAO,MAAM,YAAY;;;;qJAExB,CAAC;AAEF,eAAO,MAAM,qBAAqB,sOAYjC,CAAC;AAEF,eAAO,MAAM,yBAAyB,sOAYrC,CAAC;AAEF,eAAO,MAAM,oBAAoB,
|
|
1
|
+
{"version":3,"file":"BKJToggleInput.styled.d.ts","sourceRoot":"","sources":["../../../src/components/BKJToggleInput/BKJToggleInput.styled.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,OAAO,EAAE,8BAA8B,EAAE,MAAM,wBAAwB,CAAC;AAExE,eAAO,MAAM,YAAY;;;;qJAExB,CAAC;AAEF,eAAO,MAAM,qBAAqB,sOAYjC,CAAC;AAEF,eAAO,MAAM,yBAAyB,sOAYrC,CAAC;AAEF,eAAO,MAAM,oBAAoB;gBAA4B,OAAO;eAAa,OAAO;YA2BvF,CAAC;AAEF,eAAO,MAAM,eAAe;gBAA4B,OAAO;eAAa,OAAO;YAqBlF,CAAC;AAEF,eAAO,MAAM,8BAA8B;aAChC,OAAO;aACP,8BAA8B;eAC5B,OAAO;YAoCnB,CAAC;AAEF,eAAO,MAAM,8BAA8B;YACjC,MAAM,cAAc;eACjB,OAAO;eACP,MAAM;YAclB,CAAC"}
|
|
@@ -37,16 +37,25 @@ export const BKJToggleSliderTrack = styled.div `
|
|
|
37
37
|
height: 100%;
|
|
38
38
|
pointer-events: none;
|
|
39
39
|
transition: background-color linear 100ms;
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
40
|
+
${({ disabled }) => disabled &&
|
|
41
|
+
css `
|
|
42
|
+
background-color: ${({ theme }) => theme.colors.Grey4};
|
|
43
|
+
`}
|
|
44
|
+
${({ isSelected, disabled }) => {
|
|
45
|
+
if (isSelected) {
|
|
46
|
+
if (disabled) {
|
|
47
|
+
return css `
|
|
48
|
+
background-color: ${({ theme }) => theme.colors.SecondaryAcceptedDefault};
|
|
49
|
+
`;
|
|
50
|
+
}
|
|
51
|
+
else {
|
|
52
|
+
return css `
|
|
53
|
+
background-color: ${({ theme }) => theme.colors.AccentGreen};
|
|
54
|
+
`;
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
return void 0;
|
|
58
|
+
}}
|
|
50
59
|
`;
|
|
51
60
|
export const BKJToggleButton = styled.div `
|
|
52
61
|
position: absolute;
|
|
@@ -57,18 +66,16 @@ export const BKJToggleButton = styled.div `
|
|
|
57
66
|
width: 36px;
|
|
58
67
|
min-width: 36px;
|
|
59
68
|
max-width: 36px;
|
|
60
|
-
background-color: ${({ theme }) => theme.colors.White};
|
|
69
|
+
background-color: ${({ theme, disabled }) => disabled ? theme.colors.Grey1 : theme.colors.White};
|
|
61
70
|
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
|
|
62
71
|
border-radius: 50%;
|
|
63
72
|
pointer-events: none;
|
|
64
73
|
transition: left ease-in 100ms;
|
|
65
74
|
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
left: calc(100% - 36px);
|
|
71
|
-
}
|
|
75
|
+
${({ isSelected }) => isSelected &&
|
|
76
|
+
css `
|
|
77
|
+
left: calc(100% - 36px);
|
|
78
|
+
`}
|
|
72
79
|
`;
|
|
73
80
|
export const BKJToggleInputPillCheckDisplay = styled.div `
|
|
74
81
|
width: 20px;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BKJToggleInput.styled.js","sourceRoot":"","sources":["../../../src/components/BKJToggleInput/BKJToggleInput.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzC,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,CAAA;;CAE5C,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,KAAK,CAAA;;;;;;;;;;;;CAYhD,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAG,MAAM,CAAC,KAAK,CAAA;;;;;;;;;;;;CAYpD,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"BKJToggleInput.styled.js","sourceRoot":"","sources":["../../../src/components/BKJToggleInput/BKJToggleInput.styled.ts"],"names":[],"mappings":"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"}
|