@bookjane2/bookjane-design-library 9.0.13 → 9.0.15

package/lib/components/BKJSelect/BKJSelect.stories.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment, useCallback, useState } from 'react';
 import { BKJIcon } from '../BKJIcon/index.js';
 import { BKJListItem } from '../BKJListItem/index.js';
@@ -15,108 +15,110 @@ const options = [
     { key: 'part_time', value: 'part_time', label: 'Part Time' },
     { key: 'reg_part_time', value: 'reg_part_time', label: 'Reg Part Time' },
     { key: 'terminated', value: 'terminated', label: 'Terminated' },
-    { key: 'terminatee', value: 'terminatee', label: 'Terminated' },
-    { key: 'terminatef', value: 'terminatef', label: 'Terminated' },
-    { key: 'terminateg', value: 'terminateg', label: 'Terminated' },
-    { key: 'terminateh', value: 'terminateh', label: 'Terminated' },
-    { key: 'terminatei', value: 'terminatei', label: 'Terminated' },
-    { key: 'terminatej', value: 'terminatej', label: 'Terminated' },
-    { key: 'terminatek', value: 'terminatek', label: 'Terminated' },
-    { key: 'terminatel', value: 'terminatel', label: 'Terminated' },
-    { key: 'terminatem', value: 'terminatem', label: 'Terminated' },
-    { key: 'terminaten', value: 'terminaten', label: 'Terminated' },
-    { key: 'terminateo', value: 'terminateo', label: 'Terminated' },
-    { key: 'terminatep', value: 'terminatep', label: 'Terminated' },
-    { key: 'terminateq', value: 'terminateq', label: 'Terminated' },
-    { key: 'terminater', value: 'terminater', label: 'Terminated' },
-    { key: 'terminates', value: 'terminates', label: 'Terminated' },
-    { key: 'terminatet', value: 'terminatet', label: 'Terminated' },
-    { key: 'terminateu', value: 'terminateu', label: 'Terminated' },
-    { key: 'terminatev', value: 'terminatev', label: 'Terminated' },
-    { key: 'terminatew', value: 'terminatew', label: 'Terminated' },
-    { key: 'terminatex', value: 'terminatex', label: 'Terminated' },
-    { key: 'terminatey', value: 'terminatey', label: 'Terminated' },
-    { key: 'terminatez', value: 'terminatez', label: 'Terminated' },
-    { key: 'terminatfa', value: 'terminatfa', label: 'Terminated' },
-    { key: 'terminatfb', value: 'terminatfb', label: 'Terminated' },
-    { key: 'terminatfc', value: 'terminatfc', label: 'Terminated' },
-    { key: 'terminatfd', value: 'terminatfd', label: 'Terminated' },
-    { key: 'terminatfe', value: 'terminatfe', label: 'Terminated' },
-    { key: 'terminatff', value: 'terminatff', label: 'Terminated' },
-    { key: 'terminatfg', value: 'terminatfg', label: 'Terminated' },
-    { key: 'terminatfh', value: 'terminatfh', label: 'Terminated' },
-    { key: 'terminatfi', value: 'terminatfi', label: 'Terminated' },
-    { key: 'terminatfj', value: 'terminatfj', label: 'Terminated' },
-    { key: 'terminatfk', value: 'terminatfk', label: 'Terminated' },
-    { key: 'terminatfl', value: 'terminatfl', label: 'Terminated' },
-    { key: 'terminatfm', value: 'terminatfm', label: 'Terminated' },
-    { key: 'terminatfn', value: 'terminatfn', label: 'Terminated' },
-    { key: 'terminatfo', value: 'terminatfo', label: 'Terminated' },
-    { key: 'terminatfp', value: 'terminatfp', label: 'Terminated' },
-    { key: 'terminatfq', value: 'terminatfq', label: 'Terminated' },
-    { key: 'terminatfr', value: 'terminatfr', label: 'Terminated' },
-    { key: 'terminatfs', value: 'terminatfs', label: 'Terminated' },
-    { key: 'terminatft', value: 'terminatft', label: 'Terminated' },
-    { key: 'terminatfu', value: 'terminatfu', label: 'Terminated' },
-    { key: 'terminatfv', value: 'terminatfv', label: 'Terminated' },
-    { key: 'terminatfw', value: 'terminatfw', label: 'Terminated' },
-    { key: 'terminatfx', value: 'terminatfx', label: 'Terminated' },
-    { key: 'terminatfy', value: 'terminatfy', label: 'Terminated' },
-    { key: 'terminatfz', value: 'terminatfz', label: 'Terminated' },
-    { key: 'terminatga', value: 'terminatga', label: 'Terminated' },
-    { key: 'terminatgb', value: 'terminatgb', label: 'Terminated' },
-    { key: 'terminatgc', value: 'terminatgc', label: 'Terminated' },
-    { key: 'terminatgd', value: 'terminatgd', label: 'Terminated' },
-    { key: 'terminatge', value: 'terminatge', label: 'Terminated' },
-    { key: 'terminatgf', value: 'terminatgf', label: 'Terminated' },
 ];
-const someRandomDropdownProps = {
-    omg: true,
-    nest: {
-        anuddaOne: 'lmfao',
-        whoa: {
-            lol: {
-                noway: {
-                    fn: () => { },
-                },
-            },
-        },
-    },
-};
+// Options-only renderOptions: emits exclusively `role="option"` items.
+// Non-option content (e.g., "Select All" controls) is now passed via the
+// new `headerSlot` prop on `<BKJSelect>` per Clarifications 2026-04-23 (Q3=D).
 function Test(props) {
-    // const [value, setValue] = useState({ byName: '' });
-    const isAllSelected = props.selected.length === props.options.length;
-    return (_jsxs(Fragment, { children: [_jsx(BKJSelectSearchControls, { numSelected: props.selected.length, isAllSelected: isAllSelected, onSelectAll: () => {
-                    isAllSelected
-                        ? props.onChange({
-                            target: {
-                                name: 'employmentStatus',
-                                label: [],
-                                value: [],
-                            },
-                        })
-                        : props.onChange({
-                            target: {
-                                name: 'employmentStatus',
-                                label: options.map(({ label }) => label),
-                                value: options.map(({ value }) => value),
-                            },
-                        });
-                } }), props.options.map((val) => (_jsx(BKJListItem, { ...props, ...val, type: "Standard" })))] }));
+    return (_jsx(Fragment, { children: props.options.map((val) => (_jsx(BKJListItem, { ...props, ...val, id: props.optionIdsByValue?.get(String(val.value)), type: "Standard" }))) }));
 }
-const Template = () => {
+// Default template: multi-select with a "Select All" header in the new
+// `headerSlot` slot. Mirrors the previous default visual (PillClear pill with
+// header controls). Crucially does NOT pass `label` — the existing rendering
+// in BKJSelect.tsx shows `label` text in place of the selected display
+// values when `label` is defined, so passing `label` would prevent the visible
+// trigger text from updating as items are selected. Accessible-name comes from
+// `aria-label` rest-spread (FR-014 fallback ladder, second priority).
+const MultipleWithHeaderTemplate = (args) => {
     const [values, setValues] = useState({ employmentStatus: [] });
     const handleChange = useCallback((event) => {
         setValues({ ...values, [event.target.name]: event.target.value });
     }, [values]);
-    return (_jsx(Fragment, { children: _jsx(BKJSelect, { type: "Multiple", variant: "GreyOutlinedPillClear", placeholder: "Location", 
-            // disabled
-            // label="Location"
-            width: "300px", dropdownProps: someRandomDropdownProps, name: "employmentStatus", dropdownWidth: "400px", dropdownPlacement: "bottom-start", onChange: handleChange, value: values.employmentStatus, options: options, renderOptions: Test, iconComponent: BKJIcon, 
-            // placeholderColor="Grey6"
-            css: "padding-left: 12px;" }) }));
+    const isAllSelected = values.employmentStatus.length === options.length;
+    const handleSelectAll = useCallback(() => {
+        if (isAllSelected) {
+            setValues({ ...values, employmentStatus: [] });
+        }
+        else {
+            setValues({
+                ...values,
+                employmentStatus: options.map((o) => o.value),
+            });
+        }
+    }, [isAllSelected, values]);
+    return (_jsx(BKJSelect, { type: "Multiple", width: "300px", name: "employmentStatus", dropdownWidth: "400px", dropdownPlacement: "bottom-start", onChange: handleChange, value: values.employmentStatus, options: options, renderOptions: Test, iconComponent: BKJIcon, css: "padding-left: 12px;", headerSlot: _jsx(BKJSelectSearchControls, { numSelected: values.employmentStatus.length, isAllSelected: isAllSelected, onSelectAll: handleSelectAll }), ...args }));
+};
+// Single-select form-input style. `label` IS passed here because for Single
+// type the typical UX shows the label text in the trigger; this story
+// demonstrates the form-input pattern. The visible trigger text shows the
+// `label` (when present) regardless of selection — this is pre-existing
+// behavior of BKJSelect.tsx's render logic.
+const SingleTemplate = (args) => {
+    const [values, setValues] = useState({ employmentStatus: [] });
+    const handleChange = useCallback((event) => {
+        setValues({ ...values, [event.target.name]: event.target.value });
+    }, [values]);
+    return (_jsx(BKJSelect, { type: "Single", width: "300px", name: "employmentStatus", dropdownPlacement: "bottom-start", onChange: handleChange, value: values.employmentStatus, options: options, renderOptions: Test, iconComponent: BKJIcon, ...args }));
+};
+// === Stories ===
+// Default — restored to match the pre-WEB-4819 visual: Multiple PillClear
+// with `BKJSelectSearchControls` in the header. Uses `aria-label` (not
+// `label`) so the visible trigger text updates with selection per the
+// existing render logic.
+export const Default = MultipleWithHeaderTemplate.bind({});
+Default.args = {
+    variant: 'GreyOutlinedPillClear',
+    placeholder: 'Location',
+    'aria-label': 'Location',
+};
+// Open — same template as Default; opens on render via the play function so
+// the a11y panel can score the open state.
+export const Open = MultipleWithHeaderTemplate.bind({});
+Open.args = {
+    variant: 'GreyOutlinedPillClear',
+    placeholder: 'Location',
+    'aria-label': 'Location',
+};
+Open.play = async ({ canvasElement }) => {
+    const trigger = canvasElement.querySelector('[role="combobox"]');
+    trigger?.click();
+};
+// Single — form-input style: Single + GreyOutlined + `label`.
+export const Single = SingleTemplate.bind({});
+Single.args = {
+    variant: 'GreyOutlined',
+    label: 'Employment Status',
+    placeholder: 'Select',
+};
+// Error / ErrorMultiple / Disabled / Required — Single-select form-input
+// style stories so the validation surfaces are clear and focus-visible.
+export const Error = SingleTemplate.bind({});
+Error.args = {
+    variant: 'GreyOutlined',
+    label: 'Employment Status',
+    placeholder: 'Select',
+    error: 'This field is required',
+};
+export const ErrorMultiple = SingleTemplate.bind({});
+ErrorMultiple.args = {
+    variant: 'GreyOutlined',
+    label: 'Employment Status',
+    placeholder: 'Select',
+    error: ['This field is required', 'Minimum length is 2'],
+};
+export const Disabled = SingleTemplate.bind({});
+Disabled.args = {
+    variant: 'GreyOutlined',
+    label: 'Employment Status',
+    placeholder: 'Select',
+    disabled: true,
+};
+export const Required = SingleTemplate.bind({});
+Required.args = {
+    variant: 'GreyOutlined',
+    label: 'Employment Status',
+    placeholder: 'Select',
+    required: true,
 };
-export const Default = Template.bind({});
-Default.args = {};
 export default setup;
 //# sourceMappingURL=BKJSelect.stories.js.map

package/lib/components/BKJSelect/BKJSelect.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"BKJSelect.stories.js","sourceRoot":"","sources":["../../../src/components/BKJSelect/BKJSelect.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,MAAM,KAAK,GAAG;IACZ,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,SAAS;CACrB,CAAC;AAEF,MAAM,OAAO,GAAG;IACd,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;IACnD,EAAE,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;IAC5D,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;IACzD,EAAE,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;IAC5D,EAAE,GAAG,EAAE,eAAe,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,eAAe,EAAE;IACxE,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC/D,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC/D,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC/D,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC/D,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC/D,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC/D,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC/D,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC/D,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC/D,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC/D,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC/D,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC/D,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC/D,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC/D,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC/D,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC/D,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC/D,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC/D,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC/D,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC/D,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC/D,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC/D,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC/D,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC/D,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC/D,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC/D,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC/D,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC/D,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC/D,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC/D,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC/D,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC/D,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC/D,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC/D,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC/D,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC/D,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC/D,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC/D,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC/D,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC/D,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC/D,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC/D,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC/D,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC/D,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC/D,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC/D,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC/D,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC/D,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC/D,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC/D,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC/D,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC/D,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC/D,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC/D,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;CAChE,CAAC;AAEF,MAAM,uBAAuB,GAAG;IAC9B,GAAG,EAAE,IAAI;IACT,IAAI,EAAE;QACJ,SAAS,EAAE,OAAO;QAClB,IAAI,EAAE;YACJ,GAAG,EAAE;gBACH,KAAK,EAAE;oBACL,EAAE,EAAE,GAAG,EAAE,GAAE,CAAC;iBACb;aACF;SACF;KACF;CACF,CAAC;AAIF,SAAS,IAAI,CAAC,KAAoD;IAChE,sDAAsD;IACtD,MAAM,aAAa,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,KAAK,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC;IAErE,OAAO,CACL,MAAC,QAAQ,eACP,KAAC,uBAAuB,IACtB,WAAW,EAAE,KAAK,CAAC,QAAQ,CAAC,MAAM,EAClC,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,GAAG,EAAE;oBAChB,aAAa;wBACX,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC;4BACb,MAAM,EAAE;gCACN,IAAI,EAAE,kBAAkB;gCACxB,KAAK,EAAE,EAAE;gCACT,KAAK,EAAE,EAAE;6BACV;yBACF,CAAC;wBACJ,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC;4BACb,MAAM,EAAE;gCACN,IAAI,EAAE,kBAAkB;gCACxB,KAAK,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC;gCACxC,KAAK,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC;6BACzC;yBACF,CAAC,CAAC;gBACT,CAAC,GACD,EACD,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAC1B,KAAC,WAAW,OAAK,KAAK,KAAM,GAAG,EAAE,IAAI,EAAC,UAAU,GAAG,CACpD,CAAC,IACO,CACZ,CAAC;AACJ,CAAC;AAED,MAAM,QAAQ,GAAgB,GAAG,EAAE;IACjC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,EAAE,gBAAgB,EAAE,EAAE,EAAE,CAAC,CAAC;IAC/D,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAAK,EAAE,EAAE;QACR,SAAS,CAAC,EAAE,GAAG,MAAM,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;IACpE,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,OAAO,CACL,KAAC,QAAQ,cACP,KAAC,SAAS,IACR,IAAI,EAAC,UAAU,EACf,OAAO,EAAC,uBAAuB,EAC/B,WAAW,EAAC,UAAU;YACtB,WAAW;YACX,mBAAmB;YACnB,KAAK,EAAC,OAAO,EACb,aAAa,EAAE,uBAAuB,EACtC,IAAI,EAAC,kBAAkB,EACvB,aAAa,EAAC,OAAO,EACrB,iBAAiB,EAAC,cAAc,EAChC,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,MAAM,CAAC,gBAAgB,EAC9B,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,IAAI,EACnB,aAAa,EAAE,OAAO;YACtB,2BAA2B;YAC3B,GAAG,EAAC,qBAAqB,GACzB,GACO,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEzC,OAAO,CAAC,IAAI,GAAG,EAAE,CAAC;AAElB,eAAe,KAAK,CAAC"}
+{"version":3,"file":"BKJSelect.stories.js","sourceRoot":"","sources":["../../../src/components/BKJSelect/BKJSelect.stories.tsx"],"names":[],"mappings":"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"}

package/lib/components/BKJSelect/BKJSelect.styled.d.ts

@@ -4,21 +4,17 @@ interface IButtonWrapper {
     onClick: BKJSelectChangeEventType;
     variant: BKJThemeSelectVariantType;
     dropdownVariant: BKJThemeDropdownVariantType;
-    htmlFor: string;
     isOpen: boolean;
     width?: string;
     $isPlaceholderShown: boolean;
     isError?: boolean;
 }
 export declare const DropdownIcon: any;
+export declare const BKJSelectPopoverWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const ButtonWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, IButtonWrapper>> & string;
-interface IHiddenSelectElementProps {
-    readOnly: boolean;
-}
-export declare const HiddenSelectElement: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, IHiddenSelectElementProps>> & string;
 export declare const BKJSelectIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Pick<import("../BKJIcon/BKJIcon.types.js").IBKJIconProps & {
     children?: import("react").ReactNode;
-}, "string" | "target" | "name" | "filter" | "fill" | "values" | "style" | "id" | "type" | "end" | "alphabetic" | "ideographic" | "mathematical" | "accumulate" | "local" | "color" | "hanging" | "unicode" | "clip" | "stroke" | "x" | "y" | "width" | "css" | "children" | "crossOrigin" | "height" | "href" | "max" | "media" | "method" | "min" | "className" | "lang" | "tabIndex" | "role" | "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" | "key" | "clipPath" | "mask" | "path" | "offset" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "cursor" | "cx" | "cy" | "d" | "direction" | "display" | "dominantBaseline" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "imageRendering" | "letterSpacing" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "opacity" | "order" | "overflow" | "paintOrder" | "pointerEvents" | "r" | "rotate" | "rx" | "ry" | "scale" | "shapeRendering" | "stopColor" | "stopOpacity" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "textDecoration" | "textRendering" | "transform" | "unicodeBidi" | "vectorEffect" | "visibility" | "wordSpacing" | "writingMode" | "spacing" | "iconName" | "secondaryColor" | "accentHeight" | "additive" | "allowReorder" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "colorProfile" | "colorRendering" | "contentScriptType" | "contentStyleType" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "exponent" | "externalResourcesRequired" | "filterRes" | "filterUnits" | "focusable" | "format" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphOrientationVertical" | "glyphRef" | "gradientTransform" | "gradientUnits" | "horizAdvX" | "horizOriginX" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "limitingConeAngle" | "markerHeight" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mode" | "numOctaves" | "operator" | "orient" | "orientation" | "origin" | "overlinePosition" | "overlineThickness" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "seed" | "slope" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "strikethroughPosition" | "strikethroughThickness" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textLength" | "to" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "yChannelSelector" | "z" | "zoomAndPan"> & {
+}, "string" | "target" | "name" | "filter" | "fill" | "values" | "style" | "id" | "type" | "end" | "alphabetic" | "ideographic" | "mathematical" | "accumulate" | "local" | "color" | "hanging" | "unicode" | "clip" | "stroke" | "x" | "y" | "width" | "css" | "children" | "crossOrigin" | "height" | "href" | "max" | "media" | "method" | "min" | "className" | "lang" | "tabIndex" | "role" | "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" | "key" | "clipPath" | "mask" | "path" | "offset" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "cursor" | "cx" | "cy" | "d" | "direction" | "display" | "dominantBaseline" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "imageRendering" | "letterSpacing" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "opacity" | "order" | "overflow" | "paintOrder" | "pointerEvents" | "r" | "rotate" | "rx" | "ry" | "scale" | "shapeRendering" | "stopColor" | "stopOpacity" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "textDecoration" | "textRendering" | "transform" | "unicodeBidi" | "vectorEffect" | "visibility" | "wordSpacing" | "writingMode" | "iconName" | "spacing" | "secondaryColor" | "accentHeight" | "additive" | "allowReorder" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "colorProfile" | "colorRendering" | "contentScriptType" | "contentStyleType" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "exponent" | "externalResourcesRequired" | "filterRes" | "filterUnits" | "focusable" | "format" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphOrientationVertical" | "glyphRef" | "gradientTransform" | "gradientUnits" | "horizAdvX" | "horizOriginX" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "limitingConeAngle" | "markerHeight" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mode" | "numOctaves" | "operator" | "orient" | "orientation" | "origin" | "overlinePosition" | "overlineThickness" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "seed" | "slope" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "strikethroughPosition" | "strikethroughThickness" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textLength" | "to" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "yChannelSelector" | "z" | "zoomAndPan"> & {
     ref?: import("react").Ref<SVGSVGElement>;
 }, never>> & string & Omit<import("react").FC<import("../BKJIcon/BKJIcon.types.js").IBKJIconProps>, keyof import("react").Component<any, {}, any>>;
 export declare const Placeholder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {

package/lib/components/BKJSelect/BKJSelect.styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BKJSelect.styled.d.ts","sourceRoot":"","sources":["../../../src/components/BKJSelect/BKJSelect.styled.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGjD,OAAO,EACL,wBAAwB,EACxB,2BAA2B,EAC3B,yBAAyB,EAC1B,MAAM,mBAAmB,CAAC;AAE3B,UAAU,cAAc;IACtB,OAAO,EAAE,wBAAwB,CAAC;IAClC,OAAO,EAAE,yBAAyB,CAAC;IACnC,eAAe,EAAE,2BAA2B,CAAC;IAC7C,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mBAAmB,EAAE,OAAO,CAAC;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,YAAY,EAAE,GAI1B,CAAC;AAEF,eAAO,MAAM,aAAa,+PAkEzB,CAAC;AAEF,UAAU,yBAAyB;IACjC,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,mBAAmB,0QAO/B,CAAC;AAEF,eAAO,MAAM,aAAa;;;;+IASzB,CAAC;AAEF,eAAO,MAAM,WAAW;uBAAoC,MAAM,cAAc;YAU/E,CAAC;AAEF,eAAO,MAAM,qBAAqB,sOAEjC,CAAC"}
+{"version":3,"file":"BKJSelect.styled.d.ts","sourceRoot":"","sources":["../../../src/components/BKJSelect/BKJSelect.styled.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGjD,OAAO,EACL,wBAAwB,EACxB,2BAA2B,EAC3B,yBAAyB,EAC1B,MAAM,mBAAmB,CAAC;AAE3B,UAAU,cAAc;IACtB,OAAO,EAAE,wBAAwB,CAAC;IAClC,OAAO,EAAE,yBAAyB,CAAC;IACnC,eAAe,EAAE,2BAA2B,CAAC;IAC7C,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mBAAmB,EAAE,OAAO,CAAC;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,YAAY,EAAE,GAI1B,CAAC;AAEF,eAAO,MAAM,uBAAuB,6NAInC,CAAC;AAEF,eAAO,MAAM,aAAa,+PAkEzB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;+IASzB,CAAC;AAEF,eAAO,MAAM,WAAW;uBAAoC,MAAM,cAAc;YAU/E,CAAC;AAEF,eAAO,MAAM,qBAAqB,sOAEjC,CAAC"}

package/lib/components/BKJSelect/BKJSelect.styled.js

@@ -6,6 +6,11 @@ export const DropdownIcon = styled(BKJIcon) `
   min-width: fit-content;
   width: auto;
 `;
+export const BKJSelectPopoverWrapper = styled.div `
+  display: flex;
+  flex-direction: column;
+  z-index: 1000;
+`;
 export const ButtonWrapper = styled.button `
   display: flex;
   align-items: center;
@@ -69,14 +74,6 @@ export const ButtonWrapper = styled.button `
       pointer-events: none !important;
     `};
 `;
-export const HiddenSelectElement = styled.select `
-  visibility: hidden;
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  top: 0;
-  left: 0;
-`;
 export const BKJSelectIcon = styled(BKJIcon) `
   height: 100%;
   display: flex;

package/lib/components/BKJSelect/BKJSelect.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"BKJSelect.styled.js","sourceRoot":"","sources":["../../../src/components/BKJSelect/BKJSelect.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,oBAAoB,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAkB/D,MAAM,CAAC,MAAM,YAAY,GAAQ,MAAM,CAAC,OAAO,CAAC,CAAA;;;;CAI/C,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAgB;;;;;;;;IAQtD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ;IACpC,CAAC,EAAE,MAAM,EAAE,eAAe,EAAE,EAAE,EAAE;IAChC,IAAI,eAAe,KAAK,QAAQ;QAAE,OAAO,GAAG,CAAA,EAAE,CAAC;IAC/C,IAAI,eAAe,KAAK,iBAAiB;QACvC,OAAO,CACL,MAAM;YACN,GAAG,CAAA;;;;SAIF,CACF,CAAC;IACJ,OAAO,GAAG,CAAA,EAAE,CAAC;AACf,CAAC;;IAEC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,KAAK,cAAc,IAAI,GAAG,CAAA;;QAE9C,YAAY,EAAE;;GAEnB;;IAEC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACd,KAAK;IACL,GAAG,CAAA;eACQ,KAAK;mBACD,KAAK;mBACL,KAAK;KACnB;;;;;;;;IAQD,YAAY;;;;IAIZ,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CACf,MAAM;IACN,GAAG,CAAA;QACC,YAAY;;;;KAIf;;IAED,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG;;IAEjD,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACjB,QAAQ;IACR,GAAG,CAAA;0BACmB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;;KAItD;CACJ,CAAC;AAMF,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,MAAM,CAA2B;;;;;;;CAO1E,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,CAAA;;;;;;;;;CAS3C,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAA6C;IAC/E,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ;;;;IAIpC,CAAC,EAAE,gBAAgB,EAAE,EAAE,EAAE,CACzB,gBAAgB;IAChB,GAAG,CAAA;eACQ,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,gBAAgB,CAAC;KACvD;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,KAAK,CAAA;IAC7C,oBAAoB;CACvB,CAAC"}
+{"version":3,"file":"BKJSelect.styled.js","sourceRoot":"","sources":["../../../src/components/BKJSelect/BKJSelect.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,oBAAoB,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAiB/D,MAAM,CAAC,MAAM,YAAY,GAAQ,MAAM,CAAC,OAAO,CAAC,CAAA;;;;CAI/C,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIhD,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAgB;;;;;;;;IAQtD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ;IACpC,CAAC,EAAE,MAAM,EAAE,eAAe,EAAE,EAAE,EAAE;IAChC,IAAI,eAAe,KAAK,QAAQ;QAAE,OAAO,GAAG,CAAA,EAAE,CAAC;IAC/C,IAAI,eAAe,KAAK,iBAAiB;QACvC,OAAO,CACL,MAAM;YACN,GAAG,CAAA;;;;SAIF,CACF,CAAC;IACJ,OAAO,GAAG,CAAA,EAAE,CAAC;AACf,CAAC;;IAEC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,KAAK,cAAc,IAAI,GAAG,CAAA;;QAE9C,YAAY,EAAE;;GAEnB;;IAEC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACd,KAAK;IACL,GAAG,CAAA;eACQ,KAAK;mBACD,KAAK;mBACL,KAAK;KACnB;;;;;;;;IAQD,YAAY;;;;IAIZ,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CACf,MAAM;IACN,GAAG,CAAA;QACC,YAAY;;;;KAIf;;IAED,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG;;IAEjD,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACjB,QAAQ;IACR,GAAG,CAAA;0BACmB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;;KAItD;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,CAAA;;;;;;;;;CAS3C,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAA6C;IAC/E,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ;;;;IAIpC,CAAC,EAAE,gBAAgB,EAAE,EAAE,EAAE,CACzB,gBAAgB;IAChB,GAAG,CAAA;eACQ,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,gBAAgB,CAAC;KACvD;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,KAAK,CAAA;IAC7C,oBAAoB;CACvB,CAAC"}

package/lib/components/BKJSelect/BKJSelect.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=BKJSelect.test.d.ts.map

package/lib/components/BKJSelect/BKJSelect.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJSelect.test.d.ts","sourceRoot":"","sources":["../../../src/components/BKJSelect/BKJSelect.test.tsx"],"names":[],"mappings":""}