@bookjane2/bookjane-design-library 8.0.6 → 8.0.8
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/BKJComboBox/BKJComboBox.types.d.ts +1 -2
- package/lib/components/BKJComboBox/BKJComboBox.types.d.ts.map +1 -1
- package/lib/components/BKJComboBox/src/BKJComboBoxOptionsMapper.js +1 -1
- package/lib/components/BKJComboBox/src/BKJComboBoxOptionsMapper.js.map +1 -1
- package/lib/components/BKJPillDropdown/BKJPillDropdown.constants.d.ts +0 -1
- package/lib/components/BKJPillDropdown/BKJPillDropdown.constants.d.ts.map +1 -1
- package/lib/components/BKJPillDropdown/BKJPillDropdown.constants.js +0 -1
- package/lib/components/BKJPillDropdown/BKJPillDropdown.constants.js.map +1 -1
- package/lib/components/BKJPillDropdown/BKJPillDropdown.d.ts.map +1 -1
- package/lib/components/BKJPillDropdown/BKJPillDropdown.js +27 -60
- package/lib/components/BKJPillDropdown/BKJPillDropdown.js.map +1 -1
- package/lib/components/BKJPillDropdown/BKJPillDropdown.stories.d.ts.map +1 -1
- package/lib/components/BKJPillDropdown/BKJPillDropdown.stories.js +66 -4
- package/lib/components/BKJPillDropdown/BKJPillDropdown.stories.js.map +1 -1
- package/package.json +1 -1
|
@@ -49,8 +49,7 @@ export type IBKJComboBoxOption<TOptionValue = string | number, TOptionLabel = st
|
|
|
49
49
|
label: TOptionLabel;
|
|
50
50
|
subLabel?: TOptionLabel;
|
|
51
51
|
groupId?: string;
|
|
52
|
-
|
|
53
|
-
isNested?: boolean;
|
|
52
|
+
isGroupNode?: boolean;
|
|
54
53
|
id: TOptionIdentifier;
|
|
55
54
|
name?: string;
|
|
56
55
|
key?: Key;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BKJComboBox.types.d.ts","sourceRoot":"","sources":["../../../src/components/BKJComboBox/BKJComboBox.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC9F,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EACL,eAAe,EACf,kBAAkB,EAClB,8BAA8B,EAC/B,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,MAAM,MAAM,0BAA0B,GAAG,kBAAkB,GAAG,kBAAkB,CAAC;AACjF,MAAM,WAAW,iBAAiB,CAAC,eAAe,GAAG,kBAAkB,CACrE,SAAQ,IAAI,CAAC,kBAAkB,EAAE,OAAO,GAAG,WAAW,CAAC;IACvD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qBAAqB,CAAC,EAAE,SAAS,EAAE,CAAC;IACpC;;OAEG;IACH,OAAO,EAAE,IAAI,CAAC,eAAe,EAAE,OAAO,CAAC,EAAE,CAAC;IAC1C,OAAO,CAAC,EAAE,yBAAyB,CAAC;IACpC,WAAW,CAAC,EAAE,kBAAkB,CAAC,aAAa,CAAC,CAAC;IAChD;;;;OAIG;IACH,IAAI,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC5B;;;;OAIG;IACH,MAAM,CAAC,EAAE,uBAAuB,CAAC;IACjC,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,aAAa,CAAC,EAAE,kBAAkB,CAAC,eAAe,CAAC,CAAC;IACpD;;;;OAIG;IACH,MAAM,EAAE,iBAAiB,GAAG,YAAY,GAAG,oBAAoB,CAAC;IAChE,KAAK,CAAC,EAAE,8BAA8B,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,0BAA0B,EAAE,CAAC;IACzC,cAAc,CAAC,EAAE,yBAAyB,CAAC,gBAAgB,CAAC,CAAC;CAC9D;AAED,MAAM,MAAM,kBAAkB,CAC5B,YAAY,GAAG,MAAM,GAAG,MAAM,EAC9B,YAAY,GAAG,MAAM,EACrB,iBAAiB,GAAG,MAAM,GAAG,MAAM,IACjC;IACF,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,EAAE,YAAY,CAAC;IACpB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,
|
|
1
|
+
{"version":3,"file":"BKJComboBox.types.d.ts","sourceRoot":"","sources":["../../../src/components/BKJComboBox/BKJComboBox.types.ts"],"names":[],"mappings":"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"}
|
|
@@ -14,7 +14,7 @@ export const BKJComboBoxOptionsMapper = ({ overrides, }) => {
|
|
|
14
14
|
width: '100%',
|
|
15
15
|
height: virtualRow.size,
|
|
16
16
|
transform: `translateY(${virtualRow.start}px)`,
|
|
17
|
-
...(item.
|
|
17
|
+
...(item.groupId && !item.isGroupNode && { paddingLeft: '42px' }),
|
|
18
18
|
} }, options[virtualRow.index].id));
|
|
19
19
|
})) : (_jsx(BKJComboBoxItem, { label: i18next.t('translations:NO_RESULTS'), value: "", index: 0, id: "noresults", disabled: true }) //
|
|
20
20
|
)] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BKJComboBoxOptionsMapper.js","sourceRoot":"","sources":["../../../../src/components/BKJComboBox/src/BKJComboBoxOptionsMapper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,QAAQ,EAAE,MAAM,OAAO,CAAC;AAErC,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,OAAO,MAAM,SAAS,CAAC;AAC9B,MAAM,CAAC,MAAM,wBAAwB,GAAqD,CAAC,EACzF,SAAS,GACV,EAAE,EAAE;IACH,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAC5D,OAAO,CACL,MAAC,QAAQ,eACP,aAAqB,KAAK,EAAE,EAAE,MAAM,EAAE,cAAc,CAAC,SAAS,EAAE,IAAxD,YAAY,CAAgD,EACnE,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACpB,cAAc,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE;gBAC7C,MAAM,IAAI,GAAuB,OAAO,CAAC,UAAU,CAAC,KAAK,CAAE,CAAC;gBAC5D,OAAO,CACL,KAAC,eAAe,OAEV,IAAI,EACR,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,UAAU,CAAC,KAAK,EACvB,KAAK,EAAE;wBACL,QAAQ,EAAE,UAAU;wBACpB,GAAG,EAAE,CAAC;wBACN,IAAI,EAAE,CAAC;wBACP,KAAK,EAAE,MAAM;wBACb,MAAM,EAAE,UAAU,CAAC,IAAI;wBACvB,SAAS,EAAE,cAAc,UAAU,CAAC,KAAK,KAAK;wBAC9C,GAAG,CAAC,IAAI,CAAC,
|
|
1
|
+
{"version":3,"file":"BKJComboBoxOptionsMapper.js","sourceRoot":"","sources":["../../../../src/components/BKJComboBox/src/BKJComboBoxOptionsMapper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,QAAQ,EAAE,MAAM,OAAO,CAAC;AAErC,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,OAAO,MAAM,SAAS,CAAC;AAC9B,MAAM,CAAC,MAAM,wBAAwB,GAAqD,CAAC,EACzF,SAAS,GACV,EAAE,EAAE;IACH,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAC5D,OAAO,CACL,MAAC,QAAQ,eACP,aAAqB,KAAK,EAAE,EAAE,MAAM,EAAE,cAAc,CAAC,SAAS,EAAE,IAAxD,YAAY,CAAgD,EACnE,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACpB,cAAc,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE;gBAC7C,MAAM,IAAI,GAAuB,OAAO,CAAC,UAAU,CAAC,KAAK,CAAE,CAAC;gBAC5D,OAAO,CACL,KAAC,eAAe,OAEV,IAAI,EACR,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,UAAU,CAAC,KAAK,EACvB,KAAK,EAAE;wBACL,QAAQ,EAAE,UAAU;wBACpB,GAAG,EAAE,CAAC;wBACN,IAAI,EAAE,CAAC;wBACP,KAAK,EAAE,MAAM;wBACb,MAAM,EAAE,UAAU,CAAC,IAAI;wBACvB,SAAS,EAAE,cAAc,UAAU,CAAC,KAAK,KAAK;wBAC9C,GAAG,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,EAAE,WAAW,EAAE,MAAM,EAAC,CAAC;qBACjE,IAZI,OAAO,CAAC,UAAU,CAAC,KAAK,CAAE,CAAC,EAAE,CAalC,CACH,CAAC;YACJ,CAAC,CAAC,CACH,CAAC,CAAC,CAAC,CACF,KAAC,eAAe,IACd,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,yBAAyB,CAAC,EAC3C,KAAK,EAAC,EAAE,EACR,KAAK,EAAE,CAAC,EACR,EAAE,EAAC,WAAW,EACd,QAAQ,SACR,CAAC,EAAE;aACN,IACQ,CACZ,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BKJPillDropdown.constants.d.ts","sourceRoot":"","sources":["../../../src/components/BKJPillDropdown/BKJPillDropdown.constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,
|
|
1
|
+
{"version":3,"file":"BKJPillDropdown.constants.d.ts","sourceRoot":"","sources":["../../../src/components/BKJPillDropdown/BKJPillDropdown.constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,eAAe,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BKJPillDropdown.constants.js","sourceRoot":"","sources":["../../../src/components/BKJPillDropdown/BKJPillDropdown.constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"BKJPillDropdown.constants.js","sourceRoot":"","sources":["../../../src/components/BKJPillDropdown/BKJPillDropdown.constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,kBAAkB,GAAG,YAAY,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BKJPillDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/BKJPillDropdown/BKJPillDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,
|
|
1
|
+
{"version":3,"file":"BKJPillDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/BKJPillDropdown/BKJPillDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAwB,MAAM,OAAO,CAAC;AAajD,OAAO,EAAE,gBAAgB,EAA2B,MAAM,yBAAyB,CAAC;AAkMpF,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,gBAAgB,CA4BhD,CAAC"}
|
|
@@ -1,52 +1,28 @@
|
|
|
1
1
|
import { createElement as _createElement } from "react";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { Fragment, forwardRef
|
|
3
|
+
import { Fragment, forwardRef } from 'react';
|
|
4
4
|
import { BKJChip, BKJIcon } from '../index.js';
|
|
5
5
|
import { Flex } from '../Flex/index.js';
|
|
6
6
|
import { BKJPillDropdownProvider, useBKJPillDropdownContext } from './BKJPillDropdown.context.js';
|
|
7
7
|
import { ArrowIconWrapper, BKJPillDropdownComboBox, BKJPillDropdownWrapper, InputLabel, InputMessage, RequiredAsterisk, TextAreaWrapper, } from './BKJPillDropdown.styled.js';
|
|
8
8
|
import i18next from 'i18next';
|
|
9
|
-
import {
|
|
9
|
+
import { SELECT_ALL_NODE_ID } from './BKJPillDropdown.constants.js';
|
|
10
10
|
const InputComponent = forwardRef(({ onInputChange, value, isFocused, onIsOpenChange, options = [], placeholder, ...rest }, ref) => {
|
|
11
11
|
return (_jsx(BKJPillDropdownComboBox, { ...rest, overrides: ['HIDE_VALUE_LABEL', 'CHECKBOX_VARIANT'], ref: ref, action: "OpenToggle", name: "BKJPillDropdown_InputValue", placeholder: !!value?.length ? '' : placeholder, options: options, type: "Multiple", onIsOpenChange: onIsOpenChange, onChange: onInputChange, value: value, hasValue: value.length > 0, isFocused: isFocused }));
|
|
12
12
|
});
|
|
13
13
|
const BKJPillDropdownComponent = (props) => {
|
|
14
14
|
const { value, label, required, disabled, description, name, error, max, options, placeholder, showSelectAll, ...rest } = props;
|
|
15
15
|
const { wrapperRef, inputRef, uuid, onChipRemove, onInputFocused, onInputChange, onInputBlur, isMaxLimitReached, onIsOpenChange, isFocused, } = useBKJPillDropdownContext();
|
|
16
|
-
const
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
groupId: option.groupId,
|
|
27
|
-
isNested: false,
|
|
28
|
-
value: `${GROUP_NODE_PREFIX}${option.groupId}`,
|
|
29
|
-
label: `${option.groupLabel}`,
|
|
30
|
-
});
|
|
31
|
-
}
|
|
32
|
-
groupedOptions.push({
|
|
33
|
-
...option,
|
|
34
|
-
isNested: true
|
|
35
|
-
});
|
|
36
|
-
}
|
|
37
|
-
else {
|
|
38
|
-
groupedOptions.push(option);
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
return groupedOptions;
|
|
42
|
-
}, [options]) : options;
|
|
43
|
-
const dropdownListOptions = showSelectAll ? [{
|
|
44
|
-
name: SELECT_ALL_NODE_ID,
|
|
45
|
-
id: SELECT_ALL_NODE_ID,
|
|
46
|
-
key: SELECT_ALL_NODE_ID,
|
|
47
|
-
label: i18next.t('translations:SELECT_ALL'),
|
|
48
|
-
value: SELECT_ALL_NODE_ID,
|
|
49
|
-
}, ...options] : groupedOptions;
|
|
16
|
+
const dropdownListOptions = [
|
|
17
|
+
...(showSelectAll ? [{
|
|
18
|
+
name: SELECT_ALL_NODE_ID,
|
|
19
|
+
id: SELECT_ALL_NODE_ID,
|
|
20
|
+
key: SELECT_ALL_NODE_ID,
|
|
21
|
+
label: i18next.t('translations:SELECT_ALL'),
|
|
22
|
+
value: SELECT_ALL_NODE_ID,
|
|
23
|
+
}] : []),
|
|
24
|
+
...options
|
|
25
|
+
];
|
|
50
26
|
const handleSelectAllChange = (event, dropdownListOptions, onInputChange) => {
|
|
51
27
|
if (event.target.id === SELECT_ALL_NODE_ID) {
|
|
52
28
|
const allValues = dropdownListOptions.map(({ value }) => value);
|
|
@@ -58,7 +34,7 @@ const BKJPillDropdownComponent = (props) => {
|
|
|
58
34
|
}
|
|
59
35
|
};
|
|
60
36
|
const handleGroupChange = (event, _, onInputChange) => {
|
|
61
|
-
const groupOptions =
|
|
37
|
+
const groupOptions = options.filter((option) => option?.groupId === event.target.groupId).map(({ value }) => value);
|
|
62
38
|
const allGroupOptionsExceptCurrent = groupOptions.filter((value) => value !== event.target.id);
|
|
63
39
|
const shouldClearValues = allGroupOptionsExceptCurrent.every((value) => event.target.value.includes(value));
|
|
64
40
|
if (shouldClearValues) {
|
|
@@ -66,37 +42,28 @@ const BKJPillDropdownComponent = (props) => {
|
|
|
66
42
|
return onInputChange({ ...event, target: { ...event.target, name, value: filteredValue } });
|
|
67
43
|
}
|
|
68
44
|
else {
|
|
69
|
-
const selectedOptions =
|
|
45
|
+
const selectedOptions = options.filter((option) => option?.groupId === event.target.groupId || event.target.value.includes(option.value)).map(({ value }) => value);
|
|
70
46
|
return onInputChange({ ...event, target: { ...event.target, name, value: selectedOptions } });
|
|
71
47
|
}
|
|
72
48
|
};
|
|
73
49
|
const handleNestedGroupChange = (event, _, onInputChange) => {
|
|
74
50
|
const filteredValue = event.target.value.filter((value) => {
|
|
75
|
-
const option =
|
|
76
|
-
return !(option && option.groupId === event.target.groupId && option.
|
|
51
|
+
const option = options.find((opt) => opt.value === value);
|
|
52
|
+
return !(option && option.groupId === event.target.groupId && option.isGroupNode);
|
|
77
53
|
});
|
|
54
|
+
const nestedGroupOptions = options
|
|
55
|
+
.filter((option) => option.groupId === event.target.groupId && !option.isGroupNode);
|
|
56
|
+
if (nestedGroupOptions.every((value) => filteredValue.includes(value))) {
|
|
57
|
+
const groupNode = options.find((opt) => opt.groupId === event.target.groupId && opt.isGroupNode);
|
|
58
|
+
if (!filteredValue.includes(groupNode.value)) {
|
|
59
|
+
filteredValue.push(groupNode.value);
|
|
60
|
+
}
|
|
61
|
+
}
|
|
78
62
|
return onInputChange({ ...event, target: { ...event.target, name, value: filteredValue } });
|
|
79
63
|
};
|
|
80
|
-
useEffect(() => {
|
|
81
|
-
groupedOptions.map(({ value: groupedOptionValue }) => groupedOptionValue).filter((node) => node.startsWith(GROUP_NODE_PREFIX)).forEach((groupNodeName) => {
|
|
82
|
-
const groupNodeId = groupNodeName.substring(GROUP_NODE_PREFIX.length);
|
|
83
|
-
// options associated with the group
|
|
84
|
-
const nestedGroupOptions = groupedOptions
|
|
85
|
-
.filter((groupOption) => groupOption.groupId === groupNodeId && groupOption.isNested)
|
|
86
|
-
.map((option) => option.value);
|
|
87
|
-
// if all options in the group
|
|
88
|
-
if (nestedGroupOptions.every((nestedGroupValue) => !!value?.includes(nestedGroupValue))) {
|
|
89
|
-
// if group node is not selected, mark it as checked
|
|
90
|
-
if (!value.includes(groupNodeName)) {
|
|
91
|
-
const newValue = [...value, groupNodeName];
|
|
92
|
-
onInputChange({ target: { name, value: newValue } });
|
|
93
|
-
}
|
|
94
|
-
}
|
|
95
|
-
});
|
|
96
|
-
}, [groupedOptions, value, onInputChange, name]);
|
|
97
64
|
return (_jsxs(BKJPillDropdownWrapper, { children: [label && (_jsxs(InputLabel, { disabled: disabled, children: [label, required && _jsx(RequiredAsterisk, { children: "\u00A0*" })] })), value.length !== 0 && (_createElement(TextAreaWrapper, { ...rest, key: `BKJPillDropdown_${uuid}`, id: `BKJPillDropdown_${uuid}_TextAreaWrapper`, ref: wrapperRef, error: !!error || isMaxLimitReached, disabled: disabled, onMouseDown: onInputFocused, hasValue: value.length > 0, isFocused: isFocused },
|
|
98
65
|
_jsxs(Flex, { flexWrap: "wrap", gap: "4px", padding: value.length > 0 ? '8px 8px 0' : '8px 8px', margin: "0 17px 0 0", children: [value.map((strValue) => {
|
|
99
|
-
const MATCHED = options.find(({ value,
|
|
66
|
+
const MATCHED = options.find(({ value, isGroupNode }) => value === strValue && !isGroupNode);
|
|
100
67
|
if (!MATCHED)
|
|
101
68
|
return _jsx(Fragment, {});
|
|
102
69
|
return (_jsx(BKJChip, { onClose: onChipRemove(MATCHED.value), variant: "Purple", children: MATCHED.label }, MATCHED.value));
|
|
@@ -107,10 +74,10 @@ const BKJPillDropdownComponent = (props) => {
|
|
|
107
74
|
else if (showSelectAll && event.target.id === SELECT_ALL_NODE_ID) {
|
|
108
75
|
return onInputChange({ ...event, target: { ...event.target, value: [] } });
|
|
109
76
|
}
|
|
110
|
-
else if (event.target?.groupId &&
|
|
77
|
+
else if (event.target?.groupId && event.target?.isGroupNode) {
|
|
111
78
|
return handleGroupChange(event, options, onInputChange);
|
|
112
79
|
}
|
|
113
|
-
else if (event.target?.groupId && event.target?.
|
|
80
|
+
else if (event.target?.groupId && !event.target?.isGroupNode) {
|
|
114
81
|
return handleNestedGroupChange(event, options, onInputChange);
|
|
115
82
|
}
|
|
116
83
|
else {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BKJPillDropdown.js","sourceRoot":"","sources":["../../../src/components/BKJPillDropdown/BKJPillDropdown.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAM,QAAQ,EAAE,UAAU,EAAE,
|
|
1
|
+
{"version":3,"file":"BKJPillDropdown.js","sourceRoot":"","sources":["../../../src/components/BKJPillDropdown/BKJPillDropdown.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAM,QAAQ,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,uBAAuB,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AAC/F,OAAO,EACL,gBAAgB,EAChB,uBAAuB,EACvB,sBAAsB,EACtB,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,eAAe,GAChB,MAAM,0BAA0B,CAAC;AAElC,OAAO,OAAO,MAAM,SAAS,CAAC;AAC9B,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAEjE,MAAM,cAAc,GAAG,UAAU,CAa/B,CACE,EAAE,aAAa,EAAE,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,OAAO,GAAG,EAAE,EAAE,WAAW,EAAE,GAAG,IAAI,EAAE,EACvF,GAAG,EACH,EAAE;IACF,OAAO,CACL,KAAC,uBAAuB,OAClB,IAAI,EACR,SAAS,EAAE,CAAC,kBAAkB,EAAE,kBAAkB,CAAC,EACnD,GAAG,EAAE,GAAG,EACR,MAAM,EAAC,YAAY,EACnB,IAAI,EAAC,4BAA4B,EACjC,WAAW,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAC/C,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,UAAU,EACf,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,aAAa,EACvB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,EAC1B,SAAS,EAAE,SAAS,GACpB,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,wBAAwB,GAA2D,CACvF,KAAK,EACL,EAAE;IACF,MAAM,EACJ,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,KAAK,EACL,GAAG,EACH,OAAO,EACP,WAAW,EACX,aAAa,EACb,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IACV,MAAM,EACJ,UAAU,EACV,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,cAAc,EACd,aAAa,EACb,WAAW,EACX,iBAAiB,EACjB,cAAc,EACd,SAAS,GACV,GAAG,yBAAyB,EAAE,CAAC;IAEhC,MAAM,mBAAmB,GAAG;QAC1B,GAAG,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;gBACnB,IAAI,EAAE,kBAAkB;gBACxB,EAAE,EAAE,kBAAkB;gBACtB,GAAG,EAAE,kBAAkB;gBACvB,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,yBAAyB,CAAC;gBAC3C,KAAK,EAAE,kBAAkB;aAC1B,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QACR,GAAG,OAAO;KACX,CAAC;IAGF,MAAM,qBAAqB,GAAG,CAAC,KAAK,EAAE,mBAAmB,EAAE,aAAa,EAAE,EAAE;QAC1E,IAAI,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,kBAAkB,EAAE,CAAC;YAC3C,MAAM,SAAS,GAAG,mBAAmB,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC;YAChE,OAAO,aAAa,CAAC,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,EAAE,GAAG,KAAK,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC;QAC1F,CAAC;aAAM,CAAC;YACN,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,kBAAkB,CAAC,CAAC;YACzF,OAAO,aAAa,CAAC,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,EAAE,GAAG,KAAK,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,CAAC,CAAC;QAC9F,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,KAAK,EAAE,CAAC,EAAE,aAAa,EAAE,EAAE;QACpD,MAAM,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC;QACpH,MAAM,4BAA4B,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QAC/F,MAAM,iBAAiB,GAAG,4BAA4B,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;QAE5G,IAAI,iBAAiB,EAAE,CAAC;YACtB,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;YAC1F,OAAO,aAAa,CAAC,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,EAAE,GAAG,KAAK,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,CAAC,CAAC;QAC9F,CAAC;aAAM,CAAC;YACN,MAAM,eAAe,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,KAAK,CAAC,MAAM,CAAC,OAAO,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC;YACpK,OAAO,aAAa,CAAC,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,EAAE,GAAG,KAAK,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,CAAC,CAAC;QAChG,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,uBAAuB,GAAG,CAAC,KAAK,EAAE,CAAC,EAAE,aAAa,EAAE,EAAE;QAC1D,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE;YACxD,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;YAC1D,OAAO,CAAC,CAAC,MAAM,IAAI,MAAM,CAAC,OAAO,KAAK,KAAK,CAAC,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,WAAW,CAAC,CAAC;QACpF,CAAC,CAAC,CAAC;QAEH,MAAM,kBAAkB,GAAG,OAAO;aACjC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,KAAK,KAAK,CAAC,MAAM,CAAC,OAAO,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,CAAA;QAEnF,IAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC;YACtE,MAAM,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,OAAO,KAAK,KAAK,CAAC,MAAM,CAAC,OAAO,IAAI,GAAG,CAAC,WAAW,CAAC,CAAC;YACjG,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC;gBAC7C,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;YACtC,CAAC;QACH,CAAC;QACD,OAAO,aAAa,CAAC,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,EAAE,GAAG,KAAK,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,CAAC,CAAC;IAC9F,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,sBAAsB,eACpB,KAAK,IAAI,CACR,MAAC,UAAU,IAAC,QAAQ,EAAE,QAAQ,aAC3B,KAAK,EACL,QAAQ,IAAI,KAAC,gBAAgB,0BAA2B,IAC9C,CACd,EACA,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,CACrB,eAAC,eAAe,OACV,IAAI,EACR,GAAG,EAAE,mBAAmB,IAAI,EAAE,EAC9B,EAAE,EAAE,mBAAmB,IAAI,kBAAkB,EAC7C,GAAG,EAAE,UAAU,EACf,KAAK,EAAE,CAAC,CAAC,KAAK,IAAI,iBAAiB,EACnC,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,cAAc,EAC3B,QAAQ,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,EAC1B,SAAS,EAAE,SAAS;gBAEpB,MAAC,IAAI,IACH,QAAQ,EAAC,MAAM,EACf,GAAG,EAAC,KAAK,EACT,OAAO,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EACnD,MAAM,EAAC,YAAY,aAElB,KAAK,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE;4BACtB,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,KAAK,KAAK,QAAQ,IAAI,CAAC,WAAW,CAAE,CAAC;4BAC9F,IAAI,CAAC,OAAO;gCAAE,OAAO,KAAC,QAAQ,KAAG,CAAC;4BAClC,OAAO,CACL,KAAC,OAAO,IAAC,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,OAAO,EAAC,QAAQ,YAC5D,OAAO,CAAC,KAAK,IADqD,OAAO,CAAC,KAAK,CAExE,CACX,CAAC;wBACJ,CAAC,CAAC,EAEF,KAAC,gBAAgB,cACf,KAAC,OAAO,IAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,GAAI,GACzC,IACd,CACS,CACnB,EACD,KAAC,cAAc,IACb,GAAG,EAAE,QAAQ,EACb,OAAO,EAAE,mBAAmB,EAC5B,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE;oBACvB,IAAI,aAAa,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,kBAAkB,CAAC,EAAE,CAAC;wBACrE,OAAO,qBAAqB,CAAC,KAAK,EAAE,mBAAmB,EAAE,aAAa,CAAC,CAAC;oBAC1E,CAAC;yBAAM,IAAI,aAAa,IAAI,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,kBAAkB,EAAE,CAAC;wBACnE,OAAO,aAAa,CAAC,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,EAAE,GAAG,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;oBAC7E,CAAC;yBAAM,IAAI,KAAK,CAAC,MAAM,EAAE,OAAO,IAAI,KAAK,CAAC,MAAM,EAAE,WAAW,EAAE,CAAC;wBAC9D,OAAO,iBAAiB,CAAC,KAAK,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC;oBAC1D,CAAC;yBAAM,IAAI,KAAK,CAAC,MAAM,EAAE,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,WAAW,EAAE,CAAC;wBAC/D,OAAO,uBAAuB,CAAC,KAAK,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC;oBAChE,CAAC;yBAAM,CAAC;wBACN,OAAO,aAAa,CAAC,KAAK,CAAC,CAAC;oBAC9B,CAAC;gBACH,CAAC,EACD,MAAM,EAAE,WAAW,EACnB,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,GACxB,EACD,WAAW,IAAI,KAAC,YAAY,cAAE,WAAW,GAAgB,IACnC,CAC1B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAyB,CAAC,EACpD,KAAK,GAAG,EAAE,EACV,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,GAAG,GAAG,EAAE,EACR,WAAW,GAAG,EAAE,EAChB,aAAa,GAAG,KAAK,EACrB,GAAG,IAAI,EACR,EAAE,EAAE;IACH,OAAO,CACL,KAAC,uBAAuB,IACtB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,GAAG,EAAE,GAAG,YAER,KAAC,wBAAwB,IACvB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,KACJ,IAAI,EACR,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,GACxB,GACsB,CAC3B,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BKJPillDropdown.stories.d.ts","sourceRoot":"","sources":["../../../src/components/BKJPillDropdown/BKJPillDropdown.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAS3D,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BV,CAAC;
|
|
1
|
+
{"version":3,"file":"BKJPillDropdown.stories.d.ts","sourceRoot":"","sources":["../../../src/components/BKJPillDropdown/BKJPillDropdown.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAS3D,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BV,CAAC;AAmHF,eAAO,MAAM,OAAO,uGAAoB,CAAC;AAQzC,eAAe,KAAK,CAAC"}
|
|
@@ -36,7 +36,7 @@ const setup = {
|
|
|
36
36
|
},
|
|
37
37
|
};
|
|
38
38
|
const initialState = {
|
|
39
|
-
data: ['
|
|
39
|
+
data: ['2'],
|
|
40
40
|
};
|
|
41
41
|
function VALIDATION_unique(data) {
|
|
42
42
|
let errs = [];
|
|
@@ -53,9 +53,71 @@ function VALIDATION_unique(data) {
|
|
|
53
53
|
const opts = [...Array(10)].map((_, i) => {
|
|
54
54
|
return { id: String(i + 1), label: `Item Number #${i + 1}`, value: String(i + 1) };
|
|
55
55
|
});
|
|
56
|
-
const groupedOpts = [
|
|
57
|
-
|
|
58
|
-
|
|
56
|
+
const groupedOpts = [
|
|
57
|
+
{
|
|
58
|
+
"id": "1",
|
|
59
|
+
"label": "Department A",
|
|
60
|
+
"value": "1",
|
|
61
|
+
"groupId": "0",
|
|
62
|
+
"isGroupNode": true,
|
|
63
|
+
},
|
|
64
|
+
{
|
|
65
|
+
"id": "2",
|
|
66
|
+
"label": "Item Number #2",
|
|
67
|
+
"value": "2",
|
|
68
|
+
"groupId": "0",
|
|
69
|
+
},
|
|
70
|
+
{
|
|
71
|
+
"id": "3",
|
|
72
|
+
"label": "Item Number #3",
|
|
73
|
+
"value": "3",
|
|
74
|
+
"groupId": "0",
|
|
75
|
+
},
|
|
76
|
+
{
|
|
77
|
+
"id": "4",
|
|
78
|
+
"label": "Item Number #4",
|
|
79
|
+
"value": "4",
|
|
80
|
+
"groupId": "0",
|
|
81
|
+
},
|
|
82
|
+
{
|
|
83
|
+
"id": "5",
|
|
84
|
+
"label": "Department B",
|
|
85
|
+
"value": "5",
|
|
86
|
+
"groupId": "1",
|
|
87
|
+
"isGroupNode": true,
|
|
88
|
+
},
|
|
89
|
+
{
|
|
90
|
+
"id": "6",
|
|
91
|
+
"label": "Item Number #6",
|
|
92
|
+
"value": "6",
|
|
93
|
+
"groupId": "1",
|
|
94
|
+
},
|
|
95
|
+
{
|
|
96
|
+
"id": "7",
|
|
97
|
+
"label": "Item Number #7",
|
|
98
|
+
"value": "7",
|
|
99
|
+
"groupId": "1",
|
|
100
|
+
},
|
|
101
|
+
{
|
|
102
|
+
"id": "8",
|
|
103
|
+
"label": "Item Number #8",
|
|
104
|
+
"value": "8",
|
|
105
|
+
"groupId": "1",
|
|
106
|
+
},
|
|
107
|
+
{
|
|
108
|
+
"id": "9",
|
|
109
|
+
"label": "Department C",
|
|
110
|
+
"value": "9",
|
|
111
|
+
"groupId": "2",
|
|
112
|
+
"isGroupNode": true,
|
|
113
|
+
},
|
|
114
|
+
{
|
|
115
|
+
"id": "10",
|
|
116
|
+
"label": "Item Number #10",
|
|
117
|
+
"value": "10",
|
|
118
|
+
"groupId": "2",
|
|
119
|
+
}
|
|
120
|
+
];
|
|
59
121
|
const Template = (props) => {
|
|
60
122
|
const { values: { data }, onChange, } = useFormBehaviors({
|
|
61
123
|
initialState,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BKJPillDropdown.stories.js","sourceRoot":"","sources":["../../../src/components/BKJPillDropdown/BKJPillDropdown.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,IAAI,MAAM,aAAa,CAAC;AAC/B,OAAO,MAAM,MAAM,eAAe,CAAC;AACnC,OAAO,QAAQ,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAEvC,MAAM,KAAK,GAAG;IACZ,KAAK,EAAE,gCAAgC;IACvC,SAAS,EAAE,eAAe;IAC1B,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,IAAI,EAAE,YAAY;SACnB;QACD,KAAK,EAAE;YACL,IAAI,EAAE,eAAe;YACrB,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;SACF;QACD,MAAM,EAAE;YACN,IAAI,EAAE,QAAQ;SACf;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,gBAAgB;SACvB;QACD,WAAW,EAAE;YACX,IAAI,EAAE,aAAa;SACpB;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,UAAU;SACjB;QACD,KAAK,EAAE;YACL,IAAI,EAAE,aAAa;SACpB;KACF;CACF,CAAC;AAEF,MAAM,YAAY,GAAG;IACnB,IAAI,EAAE,CAAC,GAAG,CAAC;CACZ,CAAC;AAEF,SAAS,iBAAiB,CAAC,IAAc;IACvC,IAAI,IAAI,GAAa,EAAE,CAAC;IACxB,MAAM,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,CAAC;IACxD,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5F,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC;QAAE,IAAI,CAAC,IAAI,CAAC,+BAA+B,CAAC,CAAC;IAClE,IAAI,aAAa;QACf,CAAC,yBAAyB,EAAE,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,OAAO,GAAG,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CACrF,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAChB,CAAC;IACJ,IAAI,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAC7B,OAAO,EAAE,CAAC;AACZ,CAAC;AACC,MAAM,IAAI,GAAG,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;IACvC,OAAO,EAAE,EAAE,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,gBAAgB,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;AACrF,CAAC,CAAC,CAAC;AAEL,MAAM,WAAW,GAAG,
|
|
1
|
+
{"version":3,"file":"BKJPillDropdown.stories.js","sourceRoot":"","sources":["../../../src/components/BKJPillDropdown/BKJPillDropdown.stories.tsx"],"names":[],"mappings":"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"}
|