@bookjane2/bookjane-design-library 9.0.11 → 9.0.13

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.
@@ -1 +1 @@
1
- {"version":3,"file":"BKJToggleInput.constants.d.ts","sourceRoot":"","sources":["../../../src/components/BKJToggleInput/BKJToggleInput.constants.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAA8C,MAAM,OAAO,CAAC;AAWvE,OAAO,EACL,8BAA8B,EAE9B,oBAAoB,EACrB,MAAM,wBAAwB,CAAC;AAoIhC,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAC7C,8BAA8B,EAC9B,EAAE,CAAC,oBAAoB,CAAC,CAOzB,CAAC"}
1
+ {"version":3,"file":"BKJToggleInput.constants.d.ts","sourceRoot":"","sources":["../../../src/components/BKJToggleInput/BKJToggleInput.constants.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,EAAE,EAA6C,MAAM,OAAO,CAAC;AAcnF,OAAO,EACL,8BAA8B,EAE9B,oBAAoB,EACrB,MAAM,wBAAwB,CAAC;AAsJhC,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAC7C,8BAA8B,EAC9B,EAAE,CAAC,oBAAoB,CAAC,CAOzB,CAAC"}
@@ -1,12 +1,17 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { forwardRef, Fragment, useCallback, useMemo } from 'react';
3
- import { BKJToggleButton, BKJToggleInputPillLabelWrapper, BKJToggleInputWrapper, BKJToggleSliderTrack, StyledButton, StyledCheckbox, } from './BKJToggleInput.styled.js';
4
- const BKJToggleInputSwitch = forwardRef(({ onChange, name, checked, disabled, ...rest }, ref) => {
5
- const handleChange = useCallback(() => {
6
- !disabled && onChange({ target: { name, value: !Boolean(checked) } });
7
- }, [name, onChange, checked, disabled]);
8
- const isSelected = useMemo(() => !!checked, [checked]);
9
- return (_jsxs(BKJToggleInputWrapper, { ref: ref, onMouseDown: handleChange, ...rest, children: [_jsx(BKJToggleButton, { isSelected: isSelected, disabled: disabled }), _jsx(BKJToggleSliderTrack, { isSelected: isSelected, disabled: disabled })] }));
2
+ import { Fragment, forwardRef, useCallback, useRef } from 'react';
3
+ import { v4 as uuidv4 } from 'uuid';
4
+ import { BKJCheck } from '../BKJCheckbox/src/BKJCheck.js';
5
+ import { BKJToggleButton, BKJToggleInputPillCheckDisplay, BKJToggleInputPillLabelWrapper, BKJToggleInputSwitchInput, BKJToggleInputWrapper, BKJToggleSliderTrack, StyledButton, } from './BKJToggleInput.styled.js';
6
+ const BKJToggleInputSwitch = forwardRef(({ onChange, name, checked, disabled, variant: _variant, children: _children, ...rest }, ref) => {
7
+ const idRef = useRef(`bkj-toggle-${uuidv4()}`);
8
+ const handleNativeChange = (event) => {
9
+ onChange({
10
+ ...event,
11
+ target: { ...event.target, name, value: event.target.checked },
12
+ });
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", isSelected: !!checked, disabled: disabled }), _jsx(BKJToggleButton, { "aria-hidden": "true", isSelected: !!checked, disabled: disabled })] }));
10
15
  });
11
16
  const BKJToggleInputPill = ({ variant, onChange, width, minWidth, checked, children, disabled, name, fontSize, }) => {
12
17
  const handleChange = useCallback((event) => {
@@ -30,14 +35,15 @@ const BKJToggleInputPill = ({ variant, onChange, width, minWidth, checked, child
30
35
  PurpleNoBorderRight: 'NoStyles',
31
36
  Switch: 'NoStyles',
32
37
  };
33
- return (_jsx(StyledButton, { onClick: handleChange, variant: ButtonVariantMap[variant], width: width, minWidth: minWidth, disabled: disabled, children: (() => {
38
+ const innerCheckVariant = variant === 'PurplePillLeft' || variant === 'PurplePillRight' ? 'PurpleOutlined' : 'PurpleSolid';
39
+ return (_jsx(StyledButton, { onClick: handleChange, variant: ButtonVariantMap[variant], width: width, minWidth: minWidth, disabled: disabled, role: "switch", "aria-checked": !!checked, "aria-disabled": disabled || undefined, children: (() => {
34
40
  switch (variant) {
35
41
  case 'PurplePillLeft':
36
42
  case 'PurplePillRight':
37
- return (_jsxs(Fragment, { children: [variant === 'PurplePillLeft' && (_jsx(BKJToggleInputPillLabelWrapper, { fontSize: fontSize, children: children })), _jsx(StyledCheckbox, { name: name, variant: "PurpleOutlined", isLeft: variant === 'PurplePillLeft', onChange: handleChange, readOnly: true, value: checked }), variant === 'PurplePillRight' && (_jsx(BKJToggleInputPillLabelWrapper, { fontSize: fontSize, children: children }))] }));
43
+ return (_jsxs(Fragment, { children: [variant === 'PurplePillLeft' && (_jsx(BKJToggleInputPillLabelWrapper, { fontSize: fontSize, children: children })), _jsx(BKJToggleInputPillCheckDisplay, { "aria-hidden": "true", variant: variant, checked: !!checked, disabled: disabled, children: _jsx(BKJCheck, { variant: innerCheckVariant, checked: !!checked, disabled: disabled }) }), variant === 'PurplePillRight' && (_jsx(BKJToggleInputPillLabelWrapper, { fontSize: fontSize, children: children }))] }));
38
44
  case 'PurpleNoBorderLeft':
39
45
  case 'PurpleNoBorderRight':
40
- return (_jsxs(Fragment, { children: [variant === 'PurpleNoBorderLeft' && (_jsx(BKJToggleInputPillLabelWrapper, { color: "PrimaryDefault", disabled: disabled, fontSize: fontSize, children: children })), _jsx(StyledCheckbox, { name: name, variant: "PurpleSolid", disabled: disabled, isLeft: variant === 'PurpleNoBorderLeft', onChange: handleChange, readOnly: true, value: checked }), variant === 'PurpleNoBorderRight' && (_jsx(BKJToggleInputPillLabelWrapper, { color: "PrimaryDefault", disabled: disabled, fontSize: fontSize, children: children }))] }));
46
+ return (_jsxs(Fragment, { children: [variant === 'PurpleNoBorderLeft' && (_jsx(BKJToggleInputPillLabelWrapper, { color: "PrimaryDefault", disabled: disabled, fontSize: fontSize, children: children })), _jsx(BKJToggleInputPillCheckDisplay, { "aria-hidden": "true", variant: variant, checked: !!checked, disabled: disabled, children: _jsx(BKJCheck, { variant: innerCheckVariant, checked: !!checked, disabled: disabled }) }), variant === 'PurpleNoBorderRight' && (_jsx(BKJToggleInputPillLabelWrapper, { color: "PrimaryDefault", disabled: disabled, fontSize: fontSize, children: children }))] }));
41
47
  case 'Switch':
42
48
  default:
43
49
  return _jsx(Fragment, {});
@@ -1 +1 @@
1
- {"version":3,"file":"BKJToggleInput.constants.js","sourceRoot":"","sources":["../../../src/components/BKJToggleInput/BKJToggleInput.constants.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAGvE,OAAO,EACL,eAAe,EACf,8BAA8B,EAC9B,qBAAqB,EACrB,oBAAoB,EACpB,YAAY,EACZ,cAAc,GACf,MAAM,yBAAyB,CAAC;AAOjC,MAAM,oBAAoB,GAA6B,UAAU,CAC/D,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IACtD,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,CAAC,QAAQ,IAAI,QAAQ,CAAC,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC;IACxE,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAExC,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEvD,OAAO,CACL,MAAC,qBAAqB,IAAC,GAAG,EAAE,GAAG,EAAE,WAAW,EAAE,YAAY,KAAM,IAAI,aAClE,KAAC,eAAe,IAAC,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,GAAI,EAC/D,KAAC,oBAAoB,IAAC,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,GAAI,IAC9C,CACzB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,kBAAkB,GAA6B,CAAC,EACpD,OAAO,EACP,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,YAAY,GAAuB,WAAW,CAClD,CAAC,KAAK,EAAE,EAAE;QACR,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,MAAM,SAAS,GAAG,CAAC,OAAO,CAAC;YAC3B,QAAQ,CAAC;gBACP,GAAG,KAAK;gBACR,MAAM,EAAE;oBACN,GAAG,KAAK,CAAC,MAAM;oBACf,IAAI;oBACJ,KAAK,EAAE,SAAS;oBAChB,OAAO,EAAE,SAAS;iBACnB;aACF,CAAC,CAAC;QACL,CAAC;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,CAAC,CACpC,CAAC;IAEF,MAAM,gBAAgB,GAA8D;QAClF,cAAc,EAAE,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,oBAAoB;QAC7D,eAAe,EAAE,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,oBAAoB;QAC9D,kBAAkB,EAAE,UAAU;QAC9B,mBAAmB,EAAE,UAAU;QAC/B,MAAM,EAAE,UAAU;KACnB,CAAC;IAEF,OAAO,CACL,KAAC,YAAY,IACX,OAAO,EAAE,YAAY,EACrB,OAAO,EAAE,gBAAgB,CAAC,OAAO,CAAC,EAClC,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,YAEjB,CAAC,GAAG,EAAE;YACL,QAAQ,OAAO,EAAE,CAAC;gBAChB,KAAK,gBAAgB,CAAC;gBACtB,KAAK,iBAAiB;oBACpB,OAAO,CACL,MAAC,QAAQ,eACN,OAAO,KAAK,gBAAgB,IAAI,CAC/B,KAAC,8BAA8B,IAAC,QAAQ,EAAE,QAAQ,YAC/C,QAAQ,GACsB,CAClC,EACD,KAAC,cAAc,IACb,IAAI,EAAE,IAAI,EACV,OAAO,EAAC,gBAAgB,EACxB,MAAM,EAAE,OAAO,KAAK,gBAAgB,EACpC,QAAQ,EAAE,YAAY,EACtB,QAAQ,QACR,KAAK,EAAE,OAAO,GACd,EACD,OAAO,KAAK,iBAAiB,IAAI,CAChC,KAAC,8BAA8B,IAAC,QAAQ,EAAE,QAAQ,YAC/C,QAAQ,GACsB,CAClC,IACQ,CACZ,CAAC;gBACJ,KAAK,oBAAoB,CAAC;gBAC1B,KAAK,qBAAqB;oBACxB,OAAO,CACL,MAAC,QAAQ,eACN,OAAO,KAAK,oBAAoB,IAAI,CACnC,KAAC,8BAA8B,IAC7B,KAAK,EAAC,gBAAgB,EACtB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,YAEjB,QAAQ,GACsB,CAClC,EACD,KAAC,cAAc,IACb,IAAI,EAAE,IAAI,EACV,OAAO,EAAC,aAAa,EACrB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,OAAO,KAAK,oBAAoB,EACxC,QAAQ,EAAE,YAAY,EACtB,QAAQ,QACR,KAAK,EAAE,OAAO,GACd,EACD,OAAO,KAAK,qBAAqB,IAAI,CACpC,KAAC,8BAA8B,IAC7B,KAAK,EAAC,gBAAgB,EACtB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,YAEjB,QAAQ,GACsB,CAClC,IACQ,CACZ,CAAC;gBACJ,KAAK,QAAQ,CAAC;gBACd;oBACE,OAAO,KAAC,QAAQ,KAAG,CAAC;YACxB,CAAC;QACH,CAAC,CAAC,EAAE,GACS,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAGnC;IACF,MAAM,EAAE,oBAAoB;IAC5B,eAAe,EAAE,kBAAkB;IACnC,cAAc,EAAE,kBAAkB;IAClC,mBAAmB,EAAE,kBAAkB;IACvC,kBAAkB,EAAE,kBAAkB;CACvC,CAAC"}
1
+ {"version":3,"file":"BKJToggleInput.constants.js","sourceRoot":"","sources":["../../../src/components/BKJToggleInput/BKJToggleInput.constants.tsx"],"names":[],"mappings":"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"}
@@ -53,5 +53,11 @@ declare const _default: {
53
53
  };
54
54
  };
55
55
  export default _default;
56
- export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IBKJToggleInputProps>;
56
+ export declare const Switch: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IBKJToggleInputProps>;
57
+ export declare const SwitchDisabled: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IBKJToggleInputProps>;
58
+ export declare const PurplePillLeft: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IBKJToggleInputProps>;
59
+ export declare const PurplePillRight: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IBKJToggleInputProps>;
60
+ export declare const PurpleNoBorderLeft: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IBKJToggleInputProps>;
61
+ export declare const PurpleNoBorderRight: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IBKJToggleInputProps>;
62
+ export declare const PillDisabled: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IBKJToggleInputProps>;
57
63
  //# sourceMappingURL=BKJToggleInput.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"BKJToggleInput.stories.d.ts","sourceRoot":"","sources":["../../../src/components/BKJToggleInput/BKJToggleInput.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE9D,wBAoDE;AAoBF,eAAO,MAAM,OAAO,gHAAoB,CAAC"}
1
+ {"version":3,"file":"BKJToggleInput.stories.d.ts","sourceRoot":"","sources":["../../../src/components/BKJToggleInput/BKJToggleInput.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE9D,wBAoDE;AAoBF,eAAO,MAAM,MAAM,gHAAoB,CAAC;AASxC,eAAO,MAAM,cAAc,gHAAoB,CAAC;AAShD,eAAO,MAAM,cAAc,gHAAoB,CAAC;AAWhD,eAAO,MAAM,eAAe,gHAAoB,CAAC;AAWjD,eAAO,MAAM,kBAAkB,gHAAoB,CAAC;AAWpD,eAAO,MAAM,mBAAmB,gHAAoB,CAAC;AAWrD,eAAO,MAAM,YAAY,gHAAoB,CAAC"}
@@ -62,14 +62,72 @@ const Template = ({ children, ...props }) => {
62
62
  useEffect(() => {
63
63
  setActive(props.checked);
64
64
  }, [props.checked]);
65
- return (_jsx(BKJToggleInput, { ...props, name: "test", checked: isActive, onChange: onChange, children: children }));
65
+ return (_jsx(BKJToggleInput, { ...props, checked: isActive, onChange: onChange, children: children }));
66
66
  };
67
- export const Default = Template.bind({});
68
- Default.args = {
67
+ export const Switch = Template.bind({});
68
+ Switch.args = {
69
+ variant: 'Switch',
70
+ name: 'enable',
71
+ checked: false,
72
+ disabled: false,
73
+ 'aria-label': 'Enable notifications',
74
+ };
75
+ export const SwitchDisabled = Template.bind({});
76
+ SwitchDisabled.args = {
77
+ variant: 'Switch',
78
+ name: 'enable',
79
+ checked: false,
80
+ disabled: true,
81
+ 'aria-label': 'Enable notifications',
82
+ };
83
+ export const PurplePillLeft = Template.bind({});
84
+ PurplePillLeft.args = {
85
+ variant: 'PurplePillLeft',
86
+ name: 'viewAll',
87
+ checked: false,
88
+ disabled: false,
89
+ children: 'View all facilities',
90
+ width: 'auto',
91
+ minWidth: 'auto',
92
+ };
93
+ export const PurplePillRight = Template.bind({});
94
+ PurplePillRight.args = {
95
+ variant: 'PurplePillRight',
96
+ name: 'viewAll',
97
+ checked: false,
98
+ disabled: false,
69
99
  children: 'View all facilities',
70
100
  width: 'auto',
71
- name: 'viewAllFacilities',
72
101
  minWidth: 'auto',
102
+ };
103
+ export const PurpleNoBorderLeft = Template.bind({});
104
+ PurpleNoBorderLeft.args = {
105
+ variant: 'PurpleNoBorderLeft',
106
+ name: 'viewAll',
107
+ checked: false,
108
+ disabled: false,
109
+ children: 'View all facilities',
110
+ width: 'auto',
111
+ minWidth: 'auto',
112
+ };
113
+ export const PurpleNoBorderRight = Template.bind({});
114
+ PurpleNoBorderRight.args = {
115
+ variant: 'PurpleNoBorderRight',
116
+ name: 'viewAll',
117
+ checked: false,
118
+ disabled: false,
119
+ children: 'View all facilities',
120
+ width: 'auto',
121
+ minWidth: 'auto',
122
+ };
123
+ export const PillDisabled = Template.bind({});
124
+ PillDisabled.args = {
73
125
  variant: 'PurplePillLeft',
126
+ name: 'viewAll',
127
+ checked: true,
128
+ disabled: true,
129
+ children: 'View all facilities',
130
+ width: 'auto',
131
+ minWidth: 'auto',
74
132
  };
75
133
  //# sourceMappingURL=BKJToggleInput.stories.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"BKJToggleInput.stories.js","sourceRoot":"","sources":["../../../src/components/BKJToggleInput/BKJToggleInput.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGlD,eAAe;IACb,KAAK,EAAE,+BAA+B;IACtC,SAAS,EAAE,cAAc;IACzB,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,IAAI,EAAE,WAAW;YACjB,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;aACf;YACD,MAAM,EAAE;gBACN,QAAQ;gBACR,iBAAiB;gBACjB,gBAAgB;gBAChB,qBAAqB;gBACrB,oBAAoB;aACrB;SACF;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,OAAO;YACb,OAAO,EAAE,MAAM;SAChB;QACD,OAAO,EAAE;YACP,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;SACzB;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;SACzB;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;SACzB;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,eAAe;YACrB,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;gBACZ,OAAO,EAAE,OAAO;aACjB;SACF;QACD,KAAK,EAAE;YACL,IAAI,EAAE,OAAO;YACb,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;gBACZ,OAAO,EAAE,OAAO;aACjB;SACF;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,UAAU;YAChB,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;gBACf,OAAO,EAAE,KAAK;aACf;SACF;KACF;CACF,CAAC;AAEF,MAAM,QAAQ,GAAkC,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACzE,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,OAAO,CAAC,CAAC;IAE/D,SAAS,QAAQ,CAAC,KAAU;QAC1B,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC;IAED,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAEpB,OAAO,CACL,KAAC,cAAc,OAAK,KAAK,EAAE,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,YACzE,QAAQ,GACM,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEzC,OAAO,CAAC,IAAI,GAAG;IACb,QAAQ,EAAE,qBAAqB;IAC/B,KAAK,EAAE,MAAM;IACb,IAAI,EAAE,mBAAmB;IACzB,QAAQ,EAAE,MAAM;IAChB,OAAO,EAAE,gBAAgB;CAC1B,CAAC"}
1
+ {"version":3,"file":"BKJToggleInput.stories.js","sourceRoot":"","sources":["../../../src/components/BKJToggleInput/BKJToggleInput.stories.tsx"],"names":[],"mappings":"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"}
@@ -1,15 +1,12 @@
1
- import { ForwardedRef, Ref } from 'react';
2
1
  import { IBKJThemeColor } from '../../providers/index.js';
3
- interface IBKJToggleInputWrapper {
4
- ref: ForwardedRef<HTMLElement> | Ref<HTMLElement> | HTMLElement;
5
- }
2
+ import { BKJThemeToggleInputVariantType } from './BKJToggleInput.types.js';
6
3
  export declare const StyledButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Pick<import("../BKJButton/BKJButton.types.js").IBKJButtonProps & {
7
4
  children?: import("react").ReactNode;
8
5
  }, "name" | "value" | "form" | "slot" | "style" | "title" | "id" | "disabled" | "variant" | "type" | "hidden" | "color" | "padding" | "width" | "minWidth" | "isLoading" | "css" | "children" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "placeholder" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & {
9
6
  ref?: any;
10
7
  }, never>> & string & Omit<import("react").FC<import("../BKJButton/BKJButton.types.js").IBKJButtonProps>, keyof import("react").Component<any, {}, any>>;
11
- export declare const StyledCheckbox: any;
12
- export declare const BKJToggleInputWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IBKJToggleInputWrapper>> & string;
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
+ 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;
13
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>, {
14
11
  isSelected: boolean;
15
12
  disabled?: boolean;
@@ -18,10 +15,14 @@ export declare const BKJToggleButton: import("styled-components/dist/types").ISt
18
15
  isSelected: boolean;
19
16
  disabled?: boolean;
20
17
  }>> & string;
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>, {
19
+ checked: boolean;
20
+ variant: BKJThemeToggleInputVariantType;
21
+ disabled?: boolean;
22
+ }>> & string;
21
23
  export declare const BKJToggleInputPillLabelWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
22
24
  color?: keyof IBKJThemeColor;
23
25
  disabled?: boolean;
24
26
  fontSize?: number;
25
27
  }>> & string;
26
- export {};
27
28
  //# sourceMappingURL=BKJToggleInput.styled.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"BKJToggleInput.styled.d.ts","sourceRoot":"","sources":["../../../src/components/BKJToggleInput/BKJToggleInput.styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAIjD,UAAU,sBAAsB;IAC9B,GAAG,EAAE,YAAY,CAAC,WAAW,CAAC,GAAG,GAAG,CAAC,WAAW,CAAC,GAAG,WAAW,CAAC;CACjE;AAED,eAAO,MAAM,YAAY;;;;qJAExB,CAAC;AAEF,eAAO,MAAM,cAAc,EAiBtB,GAAG,CAAC;AAET,eAAO,MAAM,qBAAqB,2PAYjC,CAAC;AAEF,eAAO,MAAM,oBAAoB;gBAA4B,OAAO;eAAa,OAAO;YA6BvF,CAAC;AAEF,eAAO,MAAM,eAAe;gBAA4B,OAAO;eAAa,OAAO;YAwBlF,CAAC;AAEF,eAAO,MAAM,8BAA8B;YACjC,MAAM,cAAc;eACjB,OAAO;eACP,MAAM;YAclB,CAAC"}
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"}
@@ -1,27 +1,9 @@
1
1
  import styled, { css } from 'styled-components';
2
2
  import { BKJButton } from '../BKJButton/index.js';
3
- import { BKJCheckbox } from '../BKJCheckbox/index.js';
4
3
  export const StyledButton = styled(BKJButton) `
5
4
  padding: 0 18px !important;
6
5
  `;
7
- export const StyledCheckbox = styled(BKJCheckbox) `
8
- ${({ isLeft }) => isLeft
9
- ? css `
10
- margin-left: 8px !important;
11
- margin-right: 0px !important;
12
- div {
13
- margin: 0px !important;
14
- }
15
- `
16
- : css `
17
- margin-right: 8px !important;
18
- margin-left: 0px !important;
19
- div {
20
- margin: 0px !important;
21
- }
22
- `}
23
- `;
24
- export const BKJToggleInputWrapper = styled.div `
6
+ export const BKJToggleInputWrapper = styled.label `
25
7
  position: relative;
26
8
  height: 28px;
27
9
  min-height: 28px;
@@ -34,15 +16,26 @@ export const BKJToggleInputWrapper = styled.div `
34
16
  align-items: center;
35
17
  overflow: visible;
36
18
  `;
19
+ export const BKJToggleInputSwitchInput = styled.input `
20
+ opacity: 0;
21
+ position: absolute;
22
+ top: 0;
23
+ left: 0;
24
+ width: 100%;
25
+ height: 100%;
26
+ margin: 0;
27
+ cursor: pointer;
28
+ &:disabled {
29
+ cursor: not-allowed;
30
+ }
31
+ `;
37
32
  export const BKJToggleSliderTrack = styled.div `
38
33
  background-color: ${({ theme }) => theme.colors.Grey6};
39
34
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
40
35
  border-radius: 18px;
41
36
  width: 100%;
42
37
  height: 100%;
43
- &:hover {
44
- cursor: pointer;
45
- }
38
+ pointer-events: none;
46
39
  transition: background-color linear 100ms;
47
40
  ${({ disabled }) => disabled &&
48
41
  css `
@@ -76,10 +69,7 @@ export const BKJToggleButton = styled.div `
76
69
  background-color: ${({ theme, disabled }) => disabled ? theme.colors.Grey1 : theme.colors.White};
77
70
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
78
71
  border-radius: 50%;
79
- &:hover {
80
- cursor: pointer;
81
- }
82
-
72
+ pointer-events: none;
83
73
  transition: left ease-in 100ms;
84
74
 
85
75
  ${({ isSelected }) => isSelected &&
@@ -87,6 +77,39 @@ export const BKJToggleButton = styled.div `
87
77
  left: calc(100% - 36px);
88
78
  `}
89
79
  `;
80
+ export const BKJToggleInputPillCheckDisplay = styled.div `
81
+ width: 20px;
82
+ height: 20px;
83
+ border-radius: 1px;
84
+ display: flex;
85
+ align-items: center;
86
+ justify-content: center;
87
+ pointer-events: none;
88
+
89
+ ${({ theme, variant, checked }) => {
90
+ const innerVariant = variant === 'PurplePillLeft' || variant === 'PurplePillRight'
91
+ ? 'PurpleOutlined'
92
+ : 'PurpleSolid';
93
+ return checked
94
+ ? theme.checkbox[innerVariant].checked
95
+ : theme.checkbox[innerVariant].unchecked;
96
+ }}
97
+
98
+ ${({ disabled }) => disabled &&
99
+ css `
100
+ border-color: ${({ theme }) => theme.colors.Grey5};
101
+ background-color: ${({ theme }) => theme.colors.Grey5};
102
+ opacity: 0.5;
103
+ `}
104
+
105
+ ${({ variant }) => variant === 'PurplePillLeft' || variant === 'PurpleNoBorderLeft'
106
+ ? css `
107
+ margin-left: 8px;
108
+ `
109
+ : css `
110
+ margin-right: 8px;
111
+ `}
112
+ `;
90
113
  export const BKJToggleInputPillLabelWrapper = styled.div `
91
114
  ${({ theme }) => theme.common.Ellipsis};
92
115
  ${({ color, disabled }) => !disabled &&
@@ -1 +1 @@
1
- {"version":3,"file":"BKJToggleInput.styled.js","sourceRoot":"","sources":["../../../src/components/BKJToggleInput/BKJToggleInput.styled.ts"],"names":[],"mappings":"AACA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAM7C,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,CAAA;;CAE5C,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,WAAW,CAAC,CAAA;IAC7C,CAAC,EAAE,MAAM,EAAO,EAAE,EAAE,CACpB,MAAM;IACJ,CAAC,CAAC,GAAG,CAAA;;;;;;SAMF;IACH,CAAC,CAAC,GAAG,CAAA;;;;;;SAMF;CACD,CAAC;AAET,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAAwB;;;;;;;;;;;;CAYtE,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAA6C;sBACrE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;;;;;;;IASnD,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACjB,QAAQ;IACR,GAAG,CAAA;0BACmB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;KACtD;IACD,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC7B,IAAI,UAAU,EAAE,CAAC;QACf,IAAI,QAAQ,EAAE,CAAC;YACb,OAAO,GAAG,CAAA;8BACY,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,wBAAwB;SACzE,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,OAAO,GAAG,CAAA;8BACY,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW;SAC5D,CAAC;QACJ,CAAC;IACH,CAAC;IACD,OAAO,KAAK,CAAC,CAAC;AAChB,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAA6C;;;;;;;;;sBAShE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAC1C,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;;;;;;;IASlD,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CACnB,UAAU;IACV,GAAG,CAAA;;KAEF;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,8BAA8B,GAAG,MAAM,CAAC,GAAG,CAItD;IACE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ;IACpC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CACxB,CAAC,QAAQ;IACT,KAAK;IACL,GAAG,CAAA;eACQ,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;KAC5C;IACD,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACjB,QAAQ;IACR,GAAG,CAAA;mBACY,QAAQ;KACtB;CACJ,CAAC"}
1
+ {"version":3,"file":"BKJToggleInput.styled.js","sourceRoot":"","sources":["../../../src/components/BKJToggleInput/BKJToggleInput.styled.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=BKJToggleInput.test.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BKJToggleInput.test.d.ts","sourceRoot":"","sources":["../../../src/components/BKJToggleInput/BKJToggleInput.test.tsx"],"names":[],"mappings":""}
@@ -0,0 +1,113 @@
1
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
+ // Override the global __mocks__/uuid.js (which returns a constant UUID) with a
3
+ // counter-based stub so every BKJToggleInput Switch instance gets a distinct id.
4
+ // Mirrors the pattern used in BKJCheckbox.test.tsx.
5
+ jest.mock('uuid', () => {
6
+ let counter = 0;
7
+ return {
8
+ v1: jest.fn(() => '00000000-0000-0000-0000-000000000001'),
9
+ v4: jest.fn(() => {
10
+ counter += 1;
11
+ const hex = counter.toString(16).padStart(12, '0');
12
+ return `00000000-0000-0000-0000-${hex}`;
13
+ }),
14
+ };
15
+ });
16
+ import { fireEvent, screen } from '@testing-library/react';
17
+ import { renderAndCheckA11y, renderWithTheme } from '../../test-utils/index.js';
18
+ import { BKJToggleInput } from './BKJToggleInput.js';
19
+ describe('BKJToggleInput', () => {
20
+ describe('Keyboard — Switch variant', () => {
21
+ it('native checkbox is focusable via Tab when not disabled', () => {
22
+ renderWithTheme(_jsx(BKJToggleInput, { variant: "Switch", name: "t", checked: false, onChange: () => null, "aria-label": "Enable notifications" }));
23
+ const input = screen.getByRole('checkbox');
24
+ input.focus();
25
+ expect(input).toHaveFocus();
26
+ expect(input.tabIndex).toBeGreaterThanOrEqual(0);
27
+ });
28
+ it('Space toggles checked state and fires onChange', () => {
29
+ const onChange = jest.fn();
30
+ renderWithTheme(_jsx(BKJToggleInput, { variant: "Switch", name: "t", checked: false, onChange: onChange, "aria-label": "Enable notifications" }));
31
+ const input = screen.getByRole('checkbox');
32
+ fireEvent.click(input);
33
+ expect(onChange).toHaveBeenCalledTimes(1);
34
+ expect(onChange.mock.calls[0][0].target.value).toBe(true);
35
+ });
36
+ it('disabled native checkbox is not focusable', () => {
37
+ renderWithTheme(_jsx(BKJToggleInput, { variant: "Switch", name: "t", checked: false, disabled: true, onChange: () => null, "aria-label": "Enable notifications" }));
38
+ const input = screen.getByRole('checkbox');
39
+ expect(input).toBeDisabled();
40
+ input.focus();
41
+ expect(input).not.toHaveFocus();
42
+ });
43
+ });
44
+ describe('Keyboard — Pill variants', () => {
45
+ it('native button is focusable via Tab when not disabled', () => {
46
+ renderWithTheme(_jsx(BKJToggleInput, { variant: "PurplePillLeft", name: "t", checked: false, onChange: () => null, children: "View all" }));
47
+ const button = screen.getByRole('switch');
48
+ button.focus();
49
+ expect(button).toHaveFocus();
50
+ });
51
+ it('aria-checked attribute reflects the checked prop', () => {
52
+ renderWithTheme(_jsxs(_Fragment, { children: [_jsx(BKJToggleInput, { variant: "PurplePillLeft", name: "unchecked", checked: false, onChange: () => null, children: "Off" }), _jsx(BKJToggleInput, { variant: "PurplePillLeft", name: "checked", checked: true, onChange: () => null, children: "On" })] }));
53
+ const buttons = screen.getAllByRole('switch');
54
+ expect(buttons[0].getAttribute('aria-checked')).toBe('false');
55
+ expect(buttons[1].getAttribute('aria-checked')).toBe('true');
56
+ });
57
+ it('click fires onChange with the next value', () => {
58
+ const onChange = jest.fn();
59
+ renderWithTheme(_jsx(BKJToggleInput, { variant: "PurplePillLeft", name: "t", checked: false, onChange: onChange, children: "View all" }));
60
+ const button = screen.getByRole('switch');
61
+ fireEvent.click(button);
62
+ expect(onChange).toHaveBeenCalledTimes(1);
63
+ expect(onChange.mock.calls[0][0].target.value).toBe(true);
64
+ expect(onChange.mock.calls[0][0].target.name).toBe('t');
65
+ });
66
+ it('disabled button does not fire onChange on click AND carries disabled + aria-disabled attributes', () => {
67
+ const onChange = jest.fn();
68
+ renderWithTheme(_jsx(BKJToggleInput, { variant: "PurplePillLeft", name: "t", checked: false, disabled: true, onChange: onChange, children: "View all" }));
69
+ const button = screen.getByRole('switch');
70
+ expect(button).toHaveAttribute('disabled');
71
+ expect(button).toHaveAttribute('aria-disabled', 'true');
72
+ fireEvent.click(button);
73
+ expect(onChange).not.toHaveBeenCalled();
74
+ });
75
+ it('enabled button does not carry aria-disabled attribute', () => {
76
+ renderWithTheme(_jsx(BKJToggleInput, { variant: "PurplePillLeft", name: "t", checked: false, onChange: () => null, children: "View all" }));
77
+ const button = screen.getByRole('switch');
78
+ expect(button).not.toHaveAttribute('aria-disabled');
79
+ });
80
+ });
81
+ describe('Accessibility', () => {
82
+ it.each([
83
+ ['Switch', { variant: 'Switch', 'aria-label': 'Enable notifications' }],
84
+ ['PurplePillLeft', { variant: 'PurplePillLeft', children: 'View all' }],
85
+ ['PurplePillRight', { variant: 'PurplePillRight', children: 'View all' }],
86
+ ['PurpleNoBorderLeft', { variant: 'PurpleNoBorderLeft', children: 'View all' }],
87
+ [
88
+ 'PurpleNoBorderRight',
89
+ { variant: 'PurpleNoBorderRight', children: 'View all' },
90
+ ],
91
+ ])('%s variant has no accessibility violations', async (_name, extraProps) => {
92
+ const { axeResults } = await renderAndCheckA11y(_jsx(BKJToggleInput, { name: "t", checked: false, onChange: () => null, ...extraProps }));
93
+ expect(axeResults).toHaveNoViolations();
94
+ });
95
+ it('Switch variant disabled has no accessibility violations', async () => {
96
+ const { axeResults } = await renderAndCheckA11y(_jsx(BKJToggleInput, { variant: "Switch", name: "t", checked: false, disabled: true, onChange: () => null, "aria-label": "Enable notifications" }));
97
+ expect(axeResults).toHaveNoViolations();
98
+ });
99
+ it('PurplePillLeft variant disabled has no accessibility violations', async () => {
100
+ const { axeResults } = await renderAndCheckA11y(_jsx(BKJToggleInput, { variant: "PurplePillLeft", name: "t", checked: true, disabled: true, onChange: () => null, children: "View all" }));
101
+ expect(axeResults).toHaveNoViolations();
102
+ });
103
+ it('Switch variant generates a unique id per instance', () => {
104
+ renderWithTheme(_jsxs(_Fragment, { children: [_jsx(BKJToggleInput, { variant: "Switch", name: "shared", checked: false, onChange: () => null, "aria-label": "First" }), _jsx(BKJToggleInput, { variant: "Switch", name: "shared", checked: false, onChange: () => null, "aria-label": "Second" }), _jsx(BKJToggleInput, { variant: "Switch", name: "shared", checked: false, onChange: () => null, "aria-label": "Third" })] }));
105
+ const inputs = screen.getAllByRole('checkbox');
106
+ const ids = inputs.map((el) => el.id);
107
+ expect(ids).toHaveLength(3);
108
+ ids.forEach((id) => expect(id).toMatch(/^bkj-toggle-[0-9a-f-]{36}$/));
109
+ expect(new Set(ids).size).toBe(3);
110
+ });
111
+ });
112
+ });
113
+ //# sourceMappingURL=BKJToggleInput.test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BKJToggleInput.test.js","sourceRoot":"","sources":["../../../src/components/BKJToggleInput/BKJToggleInput.test.tsx"],"names":[],"mappings":"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"}
@@ -1,6 +1,7 @@
1
+ import { AriaAttributes } from 'react';
1
2
  import { Interpolation } from 'styled-components';
2
3
  import { ChangeFunctionType } from '../../common.types.js';
3
- export interface IBKJToggleInputProps {
4
+ export interface IBKJToggleInputProps extends AriaAttributes {
4
5
  checked: boolean;
5
6
  onChange: ChangeFunctionType;
6
7
  name: string;
@@ -1 +1 @@
1
- {"version":3,"file":"BKJToggleInput.types.d.ts","sourceRoot":"","sources":["../../../src/components/BKJToggleInput/BKJToggleInput.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAExD,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,8BAA8B,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,GAAG,CAAC,EAAE,GAAG,CAAC;IACV,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAC3B,cAAc,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACnC,eAAe,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACpC,kBAAkB,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACvC,mBAAmB,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;CACzC;AAED,MAAM,MAAM,8BAA8B,GAAG,MAAM,oBAAoB,CAAC"}
1
+ {"version":3,"file":"BKJToggleInput.types.d.ts","sourceRoot":"","sources":["../../../src/components/BKJToggleInput/BKJToggleInput.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAExD,MAAM,WAAW,oBAAqB,SAAQ,cAAc;IAC1D,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,8BAA8B,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,GAAG,CAAC,EAAE,GAAG,CAAC;IACV,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAC3B,cAAc,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACnC,eAAe,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACpC,kBAAkB,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACvC,mBAAmB,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;CACzC;AAED,MAAM,MAAM,8BAA8B,GAAG,MAAM,oBAAoB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bookjane2/bookjane-design-library",
3
- "version": "9.0.11",
3
+ "version": "9.0.13",
4
4
  "main": "./lib/index.js",
5
5
  "typings": "./lib/index.d.ts",
6
6
  "engines": {