@bookjane2/bookjane-design-library 7.3.55 → 8.0.0

package/lib/components/BKJSelect/BKJSelect.js

@@ -0,0 +1,172 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { ButtonWrapper, DropdownIcon, HiddenSelectElement, Placeholder, BKJSelectIcon, BKJSelectErrorMessage, } from './BKJSelect.styled.js';
+import { v4 as uuidv4 } from 'uuid';
+import { usePopper } from 'react-popper';
+import { getDesignLibraryElementNode } from './utils/getDesignLibraryElementNode.js';
+import { useClickOutside } from '../../hooks/useClickOutside.js';
+import { mergeRefs } from './utils/mergeRefs.js';
+import { BKJDropdown } from '../BKJDropdown/index.js';
+import { isArray } from '../../common.types.js';
+import { ErrorBoundary } from '../ErrorBoundary/index.js';
+import { BKJTheme } from '../../providers/index.js';
+import { Portal } from '../Portal/Portal.js';
+import { BKJIcon } from '../BKJIcon/index.js';
+import { VariantsWithClear } from './BKJSelect.constants.js';
+function BKJSelectEndIcon({ iconProps, isOpen, value, name, variant, onChange, }) {
+    if (variant === 'PurpleTextNoArrow')
+        return null;
+    const handleClear = (e) => {
+        e.stopPropagation();
+        onChange({ target: { value: [], name } });
+    };
+    if (value.length >= 1 && VariantsWithClear.includes(variant)) {
+        return _jsx(BKJIcon, { iconName: "CloseBold", color: "White", onClick: handleClear });
+    }
+    return (_jsx(DropdownIcon, { ...iconProps, iconName: "ArrowDown", color: BKJTheme.select[variant].colorScheme.fontColor(isOpen), isOpen: isOpen }));
+}
+function BKJSelectComponent(props, ref) {
+    const { type = 'Single', label, name, onChange, onClose, value: _value = [], placeholder, required = false, variant = 'GreyOutlined', width = 'auto', disabled, dropdownVariant = 'Square', dropdownPlacement = 'bottom', moreValuesLabel = 'More', dropdownWidth, dropdownHeight, dropdownMinHeight, options, renderOptions: RenderOptions, iconComponent: IconComponent, iconProps = {}, modifiers: _modifiers, error, dropdownProps, placeholderColor, ...rest } = props;
+    const isError = !!error || (Array.isArray(error) && !!error[0]);
+    let errorMessages = [];
+    if (error && typeof error !== 'boolean') {
+        errorMessages = Array.isArray(error) ? [...error] : [error];
+    }
+    if (!Array.isArray(_value))
+        throw new Error("BKJSelect must receive an array for it's value. Even if type is set to Single.");
+    const value = useMemo(() => (Boolean(_value.length) ? _value : []), [_value]);
+    const [displayValues, setDisplayValues] = useState(options.filter((opt) => value.includes(opt.value)).map((opt) => opt.label));
+    const modifiers = useMemo(() => _modifiers || [
+        {
+            name: 'offset',
+            options: {
+                offset: () => {
+                    switch (dropdownVariant) {
+                        case 'SeamlessRounded':
+                            return [0, -2];
+                        case 'Square':
+                            return [0, 4];
+                        default:
+                            return [0, 0];
+                    }
+                },
+            },
+        },
+        {
+            name: 'sameWidth',
+            enabled: !dropdownWidth,
+            phase: 'beforeWrite',
+            requires: ['computeStyles'],
+            fn({ state }) {
+                if (dropdownWidth)
+                    return void 0;
+                state.styles.popper.minWidth = `${state.rects.reference.width}px`;
+                state.styles.popper.maxWidth = `${state.rects.reference.width}px`;
+            },
+            effect({ state }) {
+                if (dropdownWidth)
+                    return void 0;
+                state.elements.popper.style.minWidth = `${state.elements.reference.offsetWidth}px`;
+                state.elements.popper.style.maxWidth = `${state.elements.reference.offsetWidth}px`;
+            },
+        },
+    ], [dropdownVariant, _modifiers]);
+    const uuid = useMemo(() => `${name}_${uuidv4()}`, [name]);
+    const buttonRef = useRef();
+    const dropdownRef = useRef();
+    const [inputElement, setInputElement] = useState();
+    const [dropdownElement, setDropdownElement] = useState();
+    const [targetElement, setTargetElement] = useState(getDesignLibraryElementNode('dropdown-root'));
+    const [isOpen, setOpen] = useState(false);
+    useEffect(() => {
+        if (!targetElement) {
+            const element = document.createElement('div');
+            element.setAttribute('id', 'dropdown-root');
+            document.body.prepend(element);
+            setTargetElement(element);
+        }
+    }, []); // eslint-disable-line
+    const handleChange = useCallback((event) => {
+        switch (type) {
+            case 'Multiple': {
+                let nextValue = [...value];
+                if (Array.isArray(event.target.value)) {
+                    setDisplayValues(event.target.label);
+                    onChange({
+                        ...event,
+                        target: { ...event.target, value: [...new Set(event.target.value)] },
+                    });
+                    return;
+                }
+                if (nextValue.includes(event.target.value)) {
+                    nextValue = nextValue.filter((str) => str !== event.target.value);
+                    setDisplayValues(displayValues.filter((str) => str !== event.target.label));
+                }
+                else {
+                    nextValue = nextValue.concat(event.target.value);
+                    const nextDisplayValues = nextValue.length === 1
+                        ? [event.target.label]
+                        : displayValues.concat(event.target.label);
+                    setDisplayValues([...new Set(nextDisplayValues)]);
+                }
+                onChange({ ...event, target: { ...event.target, value: [...new Set(nextValue)] } });
+                break;
+            }
+            case 'Single': {
+                onChange({ ...event, target: { ...event.target, value: [event.target.value] } });
+                setDisplayValues([event.target.label]);
+                setOpen(false);
+                break;
+            }
+        }
+    }, [displayValues, onChange, type, value]);
+    const handleToggle = useCallback(() => {
+        setOpen(!isOpen);
+    }, [isOpen]);
+    const handleClose = useCallback((event) => {
+        if (buttonRef?.current && !buttonRef?.current.contains(event.target)) {
+            if (dropdownRef?.current && !dropdownRef?.current.contains(event.target)) {
+                setOpen(false);
+                onClose && onClose(event);
+            }
+        }
+    }, [onClose]);
+    const { styles, attributes } = usePopper(inputElement, dropdownElement, {
+        modifiers,
+        placement: dropdownPlacement,
+    });
+    const popperStyles = useMemo(() => ({
+        ...styles['popper'],
+        maxHeight: 'auto',
+        height: 'auto',
+        minHeight: 'auto',
+    }), [styles]);
+    useClickOutside([buttonRef && buttonRef.current, dropdownRef && dropdownRef.current, dropdownElement], handleClose);
+    const popperProps = useMemo(() => ({
+        style: popperStyles,
+        ...attributes['popper'],
+    }), [attributes, popperStyles]);
+    let isPlaceholderShown = Boolean(value.length === 0) && !!placeholder;
+    if (isArray(value)) {
+        isPlaceholderShown = Boolean(value.length === 0) && !!placeholder;
+    }
+    if (isArray(value) && value.length === 1 && value[0] === '') {
+        isPlaceholderShown = !!placeholder;
+    }
+    if (typeof value === 'string') {
+        isPlaceholderShown = value === '' && !!placeholder;
+    }
+    const scrollRef = useRef();
+    const RenderOptionsComponent = RenderOptions;
+    return (_jsxs(ErrorBoundary, { componentName: "BKJSelect", height: "38px", direction: "row", size: "Small", width: width, isStyled: true, children: [_jsxs(ButtonWrapper, { ...rest, disabled: disabled, "$isPlaceholderShown": isPlaceholderShown, ref: mergeRefs([ref, buttonRef, setInputElement]), name: name, onClick: handleToggle, value: value, htmlFor: uuid, variant: variant, dropdownVariant: dropdownVariant, width: width, isOpen: isOpen, isError: isError, type: "button", children: [IconComponent && iconProps.iconName && _jsx(BKJSelectIcon, { ...iconProps }), _jsx(HiddenSelectElement, { readOnly: true, multiple: true, id: uuid, name: name, value: value, role: "listbox", required: required, "aria-labelledby": uuid }), isPlaceholderShown ? (_jsx(Placeholder, { placeholderColor: placeholderColor, children: placeholder })) : typeof label === 'undefined' ? (_jsx("span", { children: displayValues.length > 0
+                            ? `${displayValues[0]}${displayValues.length > 1
+                                ? `... +${displayValues.length - 1} ${moreValuesLabel}`
+                                : ''}`
+                            : placeholder })) : (_jsx("span", { children: label })), _jsx(BKJSelectEndIcon, { iconProps: iconProps, isOpen: isOpen, value: value, name: name, variant: variant, onChange: (e) => {
+                            setDisplayValues([]);
+                            return onChange(e);
+                        } })] }), errorMessages[0] &&
+                errorMessages.map((err) => _jsx(BKJSelectErrorMessage, { children: err }, err)), targetElement && isOpen && (_jsx(Portal, { targetElement: targetElement, children: _jsx(BKJDropdown, { "$dropdownVariant": dropdownVariant, "$dropdownWidth": dropdownWidth, "$dropdownHeight": dropdownHeight, "$dropdownMinHeight": dropdownMinHeight, ...popperProps, ref: mergeRefs([dropdownRef, setDropdownElement]), children: _jsx(RenderOptionsComponent, { scrollRef: scrollRef, onChange: handleChange, selected: value, options: options, onClose: handleClose, name: name, type: type, dropdownProps: dropdownProps }) }) }))] }));
+}
+export const BKJSelect = forwardRef(BKJSelectComponent);
+//# sourceMappingURL=BKJSelect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJSelect.js","sourceRoot":"","sources":["../../../src/components/BKJSelect/BKJSelect.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,9 @@
+declare const setup: {
+    title: string;
+    component: <Type>(props: import("./BKJSelect.types.js").IBKJSelectProps<Type> & {
+        ref?: React.ForwardedRef<HTMLElement>;
+    }) => ReturnType<(<Type_1>(props: import("./BKJSelect.types.js").IBKJSelectProps<Type_1>, ref: import("react").Ref<HTMLElement>) => JSX.Element)>;
+};
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {}>;
+export default setup;
+//# sourceMappingURL=BKJSelect.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJSelect.stories.d.ts","sourceRoot":"","sources":["../../../src/components/BKJSelect/BKJSelect.stories.tsx"],"names":[],"mappings":"AAQA,QAAA,MAAM,KAAK;;;WA6JqoI,CAAC,EAAC,MAAO,YAAY;;CA1JpqI,CAAC;AAqJF,eAAO,MAAM,OAAO,yFAAoB,CAAC;AAIzC,eAAe,KAAK,CAAC"}

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

@@ -0,0 +1,122 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment, useCallback, useState } from 'react';
+import { BKJIcon } from '../BKJIcon/index.js';
+import { BKJListItem } from '../BKJListItem/index.js';
+import { BKJSelectSearchControls } from '../BKJSelectSearch/index.js';
+import { BKJSelect } from './BKJSelect.js';
+const setup = {
+    title: 'Input Elements/BKJSelect',
+    component: BKJSelect,
+};
+const options = [
+    { key: 'casual', value: 'casual', label: 'Casual' },
+    { key: 'full_time', value: 'full_time', label: 'Full Time' },
+    { key: 'not_sure', value: 'not_sure', label: 'Not Sure' },
+    { 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: () => { },
+                },
+            },
+        },
+    },
+};
+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" })))] }));
+}
+const Template = () => {
+    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;" }) }));
+};
+export const Default = Template.bind({});
+Default.args = {};
+export default setup;
+//# sourceMappingURL=BKJSelect.stories.js.map

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

@@ -0,0 +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,EAA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"}

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

@@ -0,0 +1,29 @@
+import { IBKJThemeColor } from '../../providers/index.js';
+import { BKJSelectChangeEventType, BKJThemeDropdownVariantType, BKJThemeSelectVariantType } from './BKJSelect.types.js';
+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 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" | "accumulate" | "local" | "color" | "clip" | "unicode" | "stroke" | "x" | "y" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "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" | "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" | "spacing" | "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>, {
+    placeholderColor?: keyof IBKJThemeColor;
+}>> & string;
+export declare const BKJSelectErrorMessage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
+export {};
+//# sourceMappingURL=BKJSelect.styled.d.ts.map

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

@@ -0,0 +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,+PA4DzB,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"}

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

@@ -0,0 +1,97 @@
+import styled, { css } from 'styled-components';
+import { BKJIcon } from '../BKJIcon/index.js';
+import { InputErrorMessageCSS } from '../common/index.js';
+export const DropdownIcon = styled(BKJIcon) `
+  margin-left: auto;
+  min-width: fit-content;
+  width: auto;
+`;
+export const ButtonWrapper = styled.button `
+  display: flex;
+  align-items: center;
+  min-height: 38px;
+  height: 38px;
+  max-height: 38px;
+  padding: 0 8px;
+  transition: background-color 100ms linear;
+  ${({ theme }) => theme.common.Ellipsis};
+  ${({ isOpen, dropdownVariant }) => {
+    if (dropdownVariant === 'Square')
+        return css ``;
+    if (dropdownVariant === 'SeamlessRounded')
+        return (isOpen &&
+            css `
+          border-bottom-color: transparent;
+          border-bottom-right-radius: 0;
+          border-bottom-left-radius: 0;
+        `);
+    return css ``;
+}};
+
+  ${({ width }) => width &&
+    css `
+      width: ${width};
+      max-width: ${width};
+      min-width: ${width};
+    `};
+
+  &:hover {
+    cursor: pointer;
+  }
+
+  position: relative;
+
+  ${DropdownIcon} {
+    transition: transform 150ms ease-in-out;
+  }
+
+  ${({ isOpen }) => isOpen &&
+    css `
+      ${DropdownIcon} {
+        transition: transform 150ms ease-in-out;
+        transform: scale(1, -1);
+      }
+    `};
+
+  ${({ variant, theme }) => theme.select[variant].css};
+
+  ${({ disabled }) => disabled &&
+    css `
+      background-color: ${({ theme }) => theme.colors.Grey3};
+      border: none;
+      cursor: default !important;
+      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;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  max-width: 24px;
+  min-width: 24px;
+  margin-right: 6px;
+`;
+export const Placeholder = styled.span `
+  ${({ theme }) => theme.common.Ellipsis};
+  text-align: left;
+  margin: 0;
+  width: 100%;
+  ${({ placeholderColor }) => placeholderColor &&
+    css `
+      color: ${({ theme }) => theme.colors[placeholderColor]} !important;
+    `};
+`;
+export const BKJSelectErrorMessage = styled.label `
+  ${InputErrorMessageCSS}
+`;
+//# sourceMappingURL=BKJSelect.styled.js.map

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

@@ -0,0 +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,MAAM,WAAW,CAAC;AAkBjD,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,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"}

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

@@ -0,0 +1,3 @@
+import { IBKJThemeSelect } from './BKJSelect.types.js';
+export declare const BKJThemeSelect: IBKJThemeSelect;
+//# sourceMappingURL=BKJSelect.theme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJSelect.theme.d.ts","sourceRoot":"","sources":["../../../src/components/BKJSelect/BKJSelect.theme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAsCpD,eAAO,MAAM,cAAc,EAAE,eAuM5B,CAAC"}