@bookjane2/bookjane-design-library 7.3.55 → 8.0.0

package/lib/components/BKJComboBox/src/BKJComboBox.context.js

@@ -0,0 +1,200 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCombobox } from 'downshift';
+import { createContext, useCallback, useContext, useEffect, useRef } from 'react';
+import { useVirtual } from 'react-virtual';
+import { isNumber } from '../../../common.types.js';
+import { filterPredicateMap as filterFnMap, itemToString } from '../BKJComboBox.utils.js';
+import { useBKJComboBoxContextHooks } from './BKJComboBox.context.hooks.js';
+export const BKJComboBoxContext = createContext({});
+function extractInitialSelectedItem({ value, options, type }) {
+    if (type === 'Multiple')
+        return undefined;
+    if (value.length === 1) {
+        return options.find((option) => String(option.value) === String(value[0]));
+    }
+    return undefined;
+}
+export const BKJComboBoxProvider = ({ options: __options__, label, type, variant, placeholder, filter, onChange, name, value, error, action, portalTargetElement, leftIconProps, disabled, required, children, overrides, onIsOpenChange: __onIsOpenChange__, }) => {
+    const [{ inputValue, anchorElement, dropdownElement }, { setInputValue, setAnchorElement, setDropdownElement },] = useBKJComboBoxContextHooks();
+    const isDropdownReverse = dropdownElement?.style?.top === 'auto' && dropdownElement?.style?.bottom === '0px';
+    const isLabelValueShown = !overrides.includes('HIDE_VALUE_LABEL');
+    const filterFn = filterFnMap[filter];
+    const options = filterFn(inputValue, __options__);
+    const parentRef = useRef(null);
+    const estimateSize = useCallback(() => 56, []);
+    const rowVirtualizer = useVirtual({
+        size: options.length,
+        parentRef,
+        estimateSize,
+        overscan: 2,
+        keyExtractor: (index) => options[index].id,
+    });
+    const { reset, isOpen, openMenu, closeMenu, toggleMenu, selectedItem, selectItem, getMenuProps, getItemProps, getInputProps, getLabelProps, getComboboxProps, highlightedIndex, setHighlightedIndex, getToggleButtonProps, setInputValue: __downShiftSetInputValue__, } = useCombobox({
+        inputValue,
+        itemToString,
+        items: options,
+        initialSelectedItem: extractInitialSelectedItem({
+            value,
+            options,
+            type,
+        }),
+        scrollIntoView: () => void 0,
+        onInputValueChange: ({ inputValue: __inputValue__, isOpen: __isOpen__ }) => {
+            if (__isOpen__)
+                setInputValue(__inputValue__ || '');
+            if (!isLabelValueShown) {
+                if (!__isOpen__)
+                    setInputValue('');
+            }
+        },
+        onHighlightedIndexChange: ({ highlightedIndex: __i__ }) => {
+            if (isNumber(__i__) && __i__ >= 0)
+                rowVirtualizer.scrollToIndex(__i__);
+        },
+        onSelectedItemChange: (event) => {
+            switch (type) {
+                case 'Multiple': {
+                    const { selectedItem } = event;
+                    const selectedItemValue = String(selectedItem?.value || '');
+                    const target = {
+                        ...selectedItem,
+                        name,
+                        value: value.includes(selectedItemValue)
+                            ? value.filter((strValue) => strValue !== selectedItemValue)
+                            : [...value, selectedItemValue],
+                    };
+                    if (isLabelValueShown)
+                        __downShiftSetInputValue__(target?.label || '');
+                    else
+                        __downShiftSetInputValue__('');
+                    if (onChange)
+                        onChange({ target });
+                    return void 0;
+                }
+                case 'Single': {
+                    const { selectedItem } = event;
+                    const target = {
+                        ...selectedItem,
+                        name,
+                        value: selectedItem?.value ? [selectedItem?.value] : undefined,
+                    };
+                    if (isLabelValueShown)
+                        __downShiftSetInputValue__(target?.label || '');
+                    else
+                        __downShiftSetInputValue__('');
+                    if (onChange)
+                        onChange({ target });
+                    closeMenu();
+                    anchorElement?.blur();
+                    return void 0;
+                }
+            }
+        },
+        onIsOpenChange: ({ isOpen: __isOpen__, highlightedIndex: __highlightedIndex__ }) => {
+            if (__onIsOpenChange__)
+                __onIsOpenChange__({ isOpen: !!__isOpen__, highlightedIndex: __highlightedIndex__ });
+            if (__isOpen__) {
+                if (isNumber(__highlightedIndex__) && __highlightedIndex__ >= 0) {
+                    rowVirtualizer.scrollToIndex(__highlightedIndex__, { align: 'auto' });
+                }
+            }
+            __downShiftSetInputValue__('');
+        },
+    });
+    const handleInputFocus = useCallback(openMenu, [openMenu]);
+    const handleInputKeyDown = useCallback(({ key, nativeEvent }) => {
+        switch (action) {
+            case 'OpenToggle':
+                switch (key) {
+                    case 'Escape':
+                    case 'Enter':
+                        nativeEvent.preventDownshiftDefault = true;
+                        if (isOpen && inputValue !== '')
+                            setInputValue('');
+                        if (isOpen && inputValue === '') {
+                            closeMenu();
+                            anchorElement?.blur();
+                        }
+                        break;
+                }
+                break;
+            case 'ClearInputValue': {
+                break;
+            }
+        }
+    }, [action, anchorElement, closeMenu, inputValue, isOpen, setInputValue]);
+    const handleMultiSelectClick = useCallback((event) => {
+        if (type === 'Multiple') {
+            const selectedItem = options.find((option) => option.value === event.target.value);
+            const selectedItemValue = String(selectedItem?.value || '');
+            const target = {
+                ...selectedItem,
+                name,
+                value: value.includes(selectedItemValue)
+                    ? value.filter((strValue) => strValue !== selectedItemValue)
+                    : [...value, selectedItemValue],
+            };
+            if (isLabelValueShown)
+                __downShiftSetInputValue__(target?.label || '');
+            else
+                __downShiftSetInputValue__('');
+            if (onChange)
+                onChange({ target });
+        }
+    }, [__downShiftSetInputValue__, isLabelValueShown, name, onChange, options, type, value]);
+    const handleSelectClear = useCallback(() => {
+        selectItem(undefined);
+        onChange({ target: { name, value: [] } });
+    }, [name, onChange, selectItem]);
+    useEffect(() => {
+        if (options.length === 0)
+            setHighlightedIndex(-1);
+        else if (inputValue !== '' && highlightedIndex === -1 && options.length > 0)
+            setHighlightedIndex(0);
+    }, [highlightedIndex, inputValue, options.length, setHighlightedIndex]);
+    return (_jsx(BKJComboBoxContext.Provider, { value: {
+            type,
+            name,
+            label,
+            reset,
+            value,
+            error,
+            action,
+            isOpen,
+            filter,
+            options,
+            variant,
+            onChange,
+            required,
+            disabled,
+            openMenu,
+            parentRef,
+            closeMenu,
+            inputValue,
+            toggleMenu,
+            placeholder,
+            selectedItem,
+            getItemProps,
+            getMenuProps,
+            getInputProps,
+            getLabelProps,
+            anchorElement,
+            leftIconProps,
+            rowVirtualizer,
+            dropdownElement,
+            setAnchorElement,
+            highlightedIndex,
+            getComboboxProps,
+            isDropdownReverse,
+            setDropdownElement,
+            portalTargetElement,
+            setHighlightedIndex,
+            getToggleButtonProps,
+            handleMultiSelectClick,
+            onInputFocus: handleInputFocus,
+            onInputKeyDown: handleInputKeyDown,
+            onSelectedClear: handleSelectClear,
+        }, children: children }));
+};
+export const useBKJComboBoxContext = () => useContext(BKJComboBoxContext);
+//# sourceMappingURL=BKJComboBox.context.js.map

package/lib/components/BKJComboBox/src/BKJComboBox.context.js.map

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

package/lib/components/BKJComboBox/src/BKJComboBoxInput.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { IBKJComboBoxPropsOverrides } from '../BKJComboBox.types.js';
+export declare const BKJComboBoxInput: FC<{
+    className?: string;
+    autoComplete?: 'on' | 'off';
+    overrides: IBKJComboBoxPropsOverrides[];
+}>;
+//# sourceMappingURL=BKJComboBoxInput.d.ts.map

package/lib/components/BKJComboBox/src/BKJComboBoxInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJComboBoxInput.d.ts","sourceRoot":"","sources":["../../../../src/components/BKJComboBox/src/BKJComboBoxInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,OAAO,EAAE,0BAA0B,EAAE,MAAM,sBAAsB,CAAC;AAIlE,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC;IAC5B,SAAS,EAAE,0BAA0B,EAAE,CAAC;CACzC,CAyDA,CAAC"}

package/lib/components/BKJComboBox/src/BKJComboBoxInput.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BKJTextInput } from '../../BKJTextInput/index.js';
+import { useRightIconProps } from '../BKJComboBox.utils.js';
+import { useBKJComboBoxContext } from './BKJComboBox.context.js';
+export const BKJComboBoxInput = ({ className, autoComplete, overrides, ...rest }) => {
+    const { label, variant = 'ComboBoxSeamlessRounded', action, error, getComboboxProps, setAnchorElement, getInputProps, inputValue, getLabelProps, isOpen, onInputFocus, onInputKeyDown, selectedItem, name, leftIconProps, disabled, placeholder, required, isDropdownReverse, } = useBKJComboBoxContext();
+    const isLabelValueHidden = overrides.includes('HIDE_VALUE_LABEL');
+    const rightIconProps = useRightIconProps(action, disabled);
+    const inputProps = getInputProps({
+        ...rest,
+        onKeyDown: onInputKeyDown,
+        value: !isOpen && !isLabelValueHidden ? selectedItem?.label || '' : inputValue,
+        onFocus: onInputFocus,
+        ref: setAnchorElement,
+        placeholder,
+        required,
+        name,
+        label,
+        disabled,
+    });
+    return (_jsx(BKJTextInput, { isOpen: isOpen, openBorderLocation: !!isDropdownReverse ? 'top' : 'bottom', labelProps: getLabelProps(), fieldSetProps: getComboboxProps(), variant: variant, ...inputProps, value: inputProps.value, autoComplete: autoComplete, className: `${inputProps.class} ${className}`, overrides: ['NO_REQUIRED'], rightIconProps: rightIconProps, leftIconProps: leftIconProps, error: error }));
+};
+//# sourceMappingURL=BKJComboBoxInput.js.map

package/lib/components/BKJComboBox/src/BKJComboBoxInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJComboBoxInput.js","sourceRoot":"","sources":["../../../../src/components/BKJComboBox/src/BKJComboBoxInput.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAElD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,MAAM,CAAC,MAAM,gBAAgB,GAIxB,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACvD,MAAM,EACJ,KAAK,EACL,OAAO,GAAG,yBAAyB,EACnC,MAAM,EACN,KAAK,EACL,gBAAgB,EAChB,gBAAgB,EAChB,aAAa,EACb,UAAU,EACV,aAAa,EACb,MAAM,EACN,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,IAAI,EACJ,aAAa,EACb,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,iBAAiB,GAClB,GAAG,qBAAqB,EAAE,CAAC;IAE5B,MAAM,kBAAkB,GAAG,SAAS,CAAC,QAAQ,CAAC,kBAAkB,CAAC,CAAC;IAElE,MAAM,cAAc,GAAG,iBAAiB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAE3D,MAAM,UAAU,GAAG,aAAa,CAAC;QAC/B,GAAG,IAAI;QACP,SAAS,EAAE,cAAc;QACzB,KAAK,EAAE,CAAC,MAAM,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,YAAY,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC,UAAU;QAC9E,OAAO,EAAE,YAAY;QACrB,GAAG,EAAE,gBAAuB;QAC5B,WAAW;QACX,QAAQ;QACR,IAAI;QACJ,KAAK;QACL,QAAQ;KACT,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,YAAY,IACX,MAAM,EAAE,MAAM,EACd,kBAAkB,EAAE,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,EAC1D,UAAU,EAAE,aAAa,EAAE,EAC3B,aAAa,EAAE,gBAAgB,EAAE,EACjC,OAAO,EAAE,OAAO,KACZ,UAAU,EACd,KAAK,EAAE,UAAU,CAAC,KAAK,EACvB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,GAAG,UAAU,CAAC,KAAK,IAAI,SAAS,EAAE,EAC7C,SAAS,EAAE,CAAC,aAAa,CAAC,EAC1B,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC,CAAC"}

package/lib/components/BKJComboBox/src/BKJComboBoxItem.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { IBKJComboBoxOption } from '../BKJComboBox.types.js';
+export declare const BKJComboBoxItem: FC<IBKJComboBoxOption>;
+//# sourceMappingURL=BKJComboBoxItem.d.ts.map

package/lib/components/BKJComboBox/src/BKJComboBoxItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJComboBoxItem.d.ts","sourceRoot":"","sources":["../../../../src/components/BKJComboBox/src/BKJComboBoxItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG1D,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,kBAAkB,CAkClD,CAAC"}

package/lib/components/BKJComboBox/src/BKJComboBoxItem.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BKJListItem } from '../../BKJListItem/index.js';
+import { useBKJComboBoxContext } from './BKJComboBox.context.js';
+export const BKJComboBoxItem = (props) => {
+    const { getItemProps, highlightedIndex, name, value, handleMultiSelectClick } = useBKJComboBoxContext();
+    const isSelected = value.includes(`${props.value}`);
+    const itemProps = getItemProps({
+        item: props,
+        isSelected,
+        index: props.index,
+        value: props.value,
+        label: props.label,
+        selected: isSelected,
+        checked: isSelected,
+        disabled: !!props.disabled,
+        style: props.style,
+        name,
+    });
+    const checkBoxVariantConfig = props.overrides && !!props.overrides.includes('CHECKBOX_VARIANT')
+        ? {
+            variant: 'LeftAlignRowReverse',
+            checkBoxVariant: 'GreenSolid',
+            onChange: handleMultiSelectClick,
+        }
+        : { variant: 'SpaceBetween' };
+    return (_jsx(BKJListItem, { ...checkBoxVariantConfig, isTargeted: highlightedIndex === props.index, ...itemProps, subLabel: props?.subLabel, selected: value }));
+};
+//# sourceMappingURL=BKJComboBoxItem.js.map

package/lib/components/BKJComboBox/src/BKJComboBoxItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJComboBoxItem.js","sourceRoot":"","sources":["../../../../src/components/BKJComboBox/src/BKJComboBoxItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,MAAM,CAAC,MAAM,eAAe,GAA2B,CAAC,KAAK,EAAE,EAAE;IAC/D,MAAM,EAAE,YAAY,EAAE,gBAAgB,EAAE,IAAI,EAAE,KAAK,EAAE,sBAAsB,EAAE,GAC3E,qBAAqB,EAAE,CAAC;IAC1B,MAAM,UAAU,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC;IACpD,MAAM,SAAS,GAAG,YAAY,CAAC;QAC7B,IAAI,EAAE,KAAK;QACX,UAAU;QACV,KAAK,EAAE,KAAK,CAAC,KAAK;QAClB,KAAK,EAAE,KAAK,CAAC,KAAK;QAClB,KAAK,EAAE,KAAK,CAAC,KAAK;QAClB,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,UAAU;QACnB,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ;QAC1B,KAAK,EAAE,KAAK,CAAC,KAAK;QAClB,IAAI;KACL,CAAC,CAAC;IACH,MAAM,qBAAqB,GACzB,KAAK,CAAC,SAAS,IAAI,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,kBAAkB,CAAC;QAC/D,CAAC,CAAC;YACE,OAAO,EAAE,qBAAqB;YAC9B,eAAe,EAAE,YAAY;YAC7B,QAAQ,EAAE,sBAAsB;SACjC;QACH,CAAC,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,CAAC;IAElC,OAAO,CACL,KAAC,WAAW,OACN,qBAAqB,EACzB,UAAU,EAAE,gBAAgB,KAAK,KAAK,CAAC,KAAK,KACxC,SAAS,EACb,QAAQ,EAAE,KAAK,EAAE,QAAQ,EACzB,QAAQ,EAAE,KAAK,GACf,CACH,CAAC;AACJ,CAAC,CAAC"}

package/lib/components/BKJComboBox/src/BKJComboBoxOptions.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { IBKJComboBoxPropsOverrides } from '../BKJComboBox.types.js';
+import { Placement } from '@popperjs/core';
+export declare const BKJComboBoxOptions: FC<{
+    $dropdownHeight?: string;
+    allowedAutoPlacements?: Placement[];
+    overrides?: IBKJComboBoxPropsOverrides[];
+}>;
+//# sourceMappingURL=BKJComboBoxOptions.d.ts.map

package/lib/components/BKJComboBox/src/BKJComboBoxOptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJComboBoxOptions.d.ts","sourceRoot":"","sources":["../../../../src/components/BKJComboBox/src/BKJComboBoxOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAW,MAAM,OAAO,CAAC;AASpC,OAAO,EAAE,0BAA0B,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAW,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAMpD,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC;IAClC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qBAAqB,CAAC,EAAE,SAAS,EAAE,CAAC;IACpC,SAAS,CAAC,EAAE,0BAA0B,EAAE,CAAC;CAC1C,CAsDA,CAAC"}

package/lib/components/BKJComboBox/src/BKJComboBoxOptions.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { usePopper } from 'react-popper';
+import { BKJDropdown } from '../../BKJDropdown/index.js';
+import { mergeRefs } from '../../BKJSelect/utils/mergeRefs.js';
+import { Portal } from '../../Portal/Portal.js';
+import { getPopperOptions, optionsVariant } from '../BKJComboBox.utils.js';
+import { useBKJComboBoxContext } from './BKJComboBox.context.js';
+import { BKJComboBoxOptionsMapper } from './BKJComboBoxOptionsMapper.js';
+const variantMap = {
+    ComboBoxSeamlessRounded: 'SeamlessRounded',
+};
+export const BKJComboBoxOptions = ({ $dropdownHeight, allowedAutoPlacements = ['bottom'], overrides = [], }) => {
+    const { error, isOpen, parentRef, getMenuProps, anchorElement, dropdownElement, setDropdownElement, portalTargetElement, isDropdownReverse, } = useBKJComboBoxContext();
+    const popperOpts = useMemo(getPopperOptions, []);
+    const popperWithAllowedAutoPlacements = useMemo(() => ({
+        ...popperOpts,
+        modifiers: popperOpts.modifiers.map((modifier) => ({
+            ...modifier,
+            ...(modifier.name === 'flip' && {
+                options: {
+                    ...modifier.options,
+                    allowedAutoPlacements,
+                },
+            }),
+        })),
+    }), [allowedAutoPlacements, popperOpts]);
+    const { styles } = usePopper(anchorElement, dropdownElement, popperWithAllowedAutoPlacements);
+    return (_jsx(Portal, { targetElement: portalTargetElement, children: _jsx(BKJDropdown, { "$isOpen": isOpen, "$dropdownVariant": variantMap[optionsVariant], "$dropdownHeight": $dropdownHeight, error: error, ...getMenuProps({
+                ref: mergeRefs([parentRef, setDropdownElement]),
+                style: styles['popper'],
+            }), openBorderLocation: isDropdownReverse ? 'bottom' : 'top', children: _jsx(BKJComboBoxOptionsMapper, { overrides: overrides }) }) }));
+};
+//# sourceMappingURL=BKJComboBoxOptions.js.map

package/lib/components/BKJComboBox/src/BKJComboBoxOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJComboBoxOptions.js","sourceRoot":"","sources":["../../../../src/components/BKJComboBox/src/BKJComboBoxOptions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,OAAO,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAItE,MAAM,UAAU,GAAgD;IAC9D,uBAAuB,EAAE,iBAAiB;CAC3C,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAI1B,CAAC,EACJ,eAAe,EACf,qBAAqB,GAAG,CAAC,QAAQ,CAAC,EAClC,SAAS,GAAG,EAAE,GAKf,EAAE,EAAE;IACH,MAAM,EACJ,KAAK,EACL,MAAM,EACN,SAAS,EACT,YAAY,EACZ,aAAa,EACb,eAAe,EACf,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB,GAClB,GAAG,qBAAqB,EAAE,CAAC;IAC5B,MAAM,UAAU,GAAG,OAAO,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAAC;IACjD,MAAM,+BAA+B,GAAqB,OAAO,CAC/D,GAAG,EAAE,CAAC,CAAC;QACL,GAAG,UAAU;QACb,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;YACjD,GAAG,QAAQ;YACX,GAAG,CAAC,QAAQ,CAAC,IAAI,KAAK,MAAM,IAAI;gBAC9B,OAAO,EAAE;oBACP,GAAG,QAAQ,CAAC,OAAO;oBACnB,qBAAqB;iBACtB;aACF,CAAC;SACH,CAAC,CAAC;KACJ,CAAC,EACF,CAAC,qBAAqB,EAAE,UAAU,CAAC,CACpC,CAAC;IACF,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC,aAAa,EAAE,eAAe,EAAE,+BAA+B,CAAC,CAAC;IAC9F,OAAO,CACL,KAAC,MAAM,IAAC,aAAa,EAAE,mBAAmB,YACxC,KAAC,WAAW,eACD,MAAM,sBACG,UAAU,CAAC,cAAc,CAAC,qBAC3B,eAAe,EAChC,KAAK,EAAE,KAAK,KACR,YAAY,CAAC;gBACf,GAAG,EAAE,SAAS,CAAC,CAAC,SAAS,EAAE,kBAAkB,CAAC,CAAC;gBAC/C,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC;aACxB,CAAC,EACF,kBAAkB,EAAE,iBAAiB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,YAExD,KAAC,wBAAwB,IAAC,SAAS,EAAE,SAAS,GAAI,GACtC,GACP,CACV,CAAC;AACJ,CAAC,CAAC"}

package/lib/components/BKJComboBox/src/BKJComboBoxOptionsMapper.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { IBKJComboBoxPropsOverrides } from '../BKJComboBox.types.js';
+export declare const BKJComboBoxOptionsMapper: FC<{
+    overrides?: IBKJComboBoxPropsOverrides[];
+}>;
+//# sourceMappingURL=BKJComboBoxOptionsMapper.d.ts.map

package/lib/components/BKJComboBox/src/BKJComboBoxOptionsMapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJComboBoxOptionsMapper.d.ts","sourceRoot":"","sources":["../../../../src/components/BKJComboBox/src/BKJComboBoxOptionsMapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AACrC,OAAO,EAAsB,0BAA0B,EAAE,MAAM,sBAAsB,CAAC;AAItF,eAAO,MAAM,wBAAwB,EAAE,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,0BAA0B,EAAE,CAAA;CAAE,CAsCrF,CAAC"}

package/lib/components/BKJComboBox/src/BKJComboBoxOptionsMapper.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment } from 'react';
+import { useBKJComboBoxContext } from './BKJComboBox.context.js';
+import { BKJComboBoxItem } from './BKJComboBoxItem.js';
+import i18next from 'i18next';
+export const BKJComboBoxOptionsMapper = ({ overrides, }) => {
+    const { options, rowVirtualizer } = useBKJComboBoxContext();
+    return (_jsxs(Fragment, { children: [_jsx("li", { style: { height: rowVirtualizer.totalSize } }, "total-size"), options.length > 0 ? (rowVirtualizer.virtualItems.map((virtualRow) => {
+                const item = options[virtualRow.index];
+                return (_jsx(BKJComboBoxItem, { ...item, overrides: overrides, index: virtualRow.index, style: {
+                        position: 'absolute',
+                        top: 0,
+                        left: 0,
+                        width: '100%',
+                        height: virtualRow.size,
+                        transform: `translateY(${virtualRow.start}px)`,
+                    } }, options[virtualRow.index].id));
+            })) : (_jsx(BKJComboBoxItem, { label: i18next.t('translations:NO_RESULTS'), value: "", index: 0, id: "noresults", disabled: true }) //
+            )] }));
+};
+//# sourceMappingURL=BKJComboBoxOptionsMapper.js.map

package/lib/components/BKJComboBox/src/BKJComboBoxOptionsMapper.js.map

@@ -0,0 +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;qBAC/C,IAXI,OAAO,CAAC,UAAU,CAAC,KAAK,CAAE,CAAC,EAAE,CAYlC,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"}

package/lib/components/BKJComboBoxAsync/BKJComboBoxAsync.d.ts

@@ -0,0 +1,7 @@
+import { IBKJComboBoxAsyncProps } from './BKJComboBoxAsync.types.js';
+/**
+ * BookJane's Asynchronous Searchable Select Component
+ * @authors [David Zahiri](https://github.com/twistedrc1017), [Matthew J. Wong](https://github.com/matthew-jay-wong)
+ */
+export declare const BKJComboBoxAsync: import("react").ForwardRefExoticComponent<Pick<IBKJComboBoxAsyncProps, "target" | "name" | "value" | "label" | "checked" | "cite" | "data" | "form" | "slot" | "span" | "style" | "summary" | "title" | "id" | "selected" | "disabled" | "variant" | "type" | "start" | "hidden" | "color" | "content" | "size" | "default" | "wrap" | "open" | "icon" | "multiple" | "width" | "css" | "isOpen" | "overrides" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "muted" | "nonce" | "noValidate" | "optimum" | "pattern" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "useMap" | "wmode" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "leftIconProps" | "rightIconProps" | "labelProps" | "fieldSetProps" | "description" | "isRequired" | "error" | "options" | "searchKey" | "context" | "searchValue" | "onSearchChange" | "cacheKey"> & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=BKJComboBoxAsync.d.ts.map

package/lib/components/BKJComboBoxAsync/BKJComboBoxAsync.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJComboBoxAsync.d.ts","sourceRoot":"","sources":["../../../src/components/BKJComboBoxAsync/BKJComboBoxAsync.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAKlE;;;GAGG;AAEH,eAAO,MAAM,gBAAgB,gkMAyD5B,CAAC"}

package/lib/components/BKJComboBoxAsync/BKJComboBoxAsync.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, Fragment } from 'react';
+import { usePortalTargetElement } from '../../hooks/usePortalTargetElement.js';
+import { BKJComboBoxAsyncProvider } from './src/BKJComboBoxAsync.context.js';
+import { BKJComboBoxAsyncInput } from './src/BKJComboBoxAsyncInput.js';
+import { BKJComboBoxOptions } from './src/BKJComboBoxAsyncOptions.js';
+/**
+ * BookJane's Asynchronous Searchable Select Component
+ * @authors [David Zahiri](https://github.com/twistedrc1017), [Matthew J. Wong](https://github.com/matthew-jay-wong)
+ */
+export const BKJComboBoxAsync = forwardRef((props, ref) => {
+    const { autoComplete = 'off', label = undefined, name, onChange, onSearchChange, searchValue = '', options = [], value = undefined, type = 'Single', action = 'OpenToggle', variant = 'Search', placeholder = 'Begin typing to see results...', context, required, disabled = undefined, searchKey, icon = undefined, className, overrides = [], } = props;
+    const targetElement = usePortalTargetElement('dropdown-root');
+    if (!targetElement)
+        return _jsx(Fragment, {});
+    return (_jsxs(BKJComboBoxAsyncProvider, { name: name, type: type, icon: icon, value: value, label: label, action: action, context: context, variant: variant, options: options, onChange: onChange, required: required, disabled: disabled, error: props.error, searchKey: searchKey, placeholder: placeholder, searchValue: searchValue, onSearchChange: onSearchChange, portalTargetElement: targetElement, children: [_jsx(BKJComboBoxAsyncInput, { ref: ref, autoComplete: autoComplete, className: className, overrides: overrides }), _jsx(BKJComboBoxOptions, { overrides: overrides })] }));
+});
+//# sourceMappingURL=BKJComboBoxAsync.js.map

package/lib/components/BKJComboBoxAsync/BKJComboBoxAsync.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJComboBoxAsync.js","sourceRoot":"","sources":["../../../src/components/BKJComboBoxAsync/BKJComboBoxAsync.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAE5E,OAAO,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAEnE;;;GAGG;AAEH,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CACxC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,EACJ,YAAY,GAAG,KAAK,EACpB,KAAK,GAAG,SAAS,EACjB,IAAI,EACJ,QAAQ,EACR,cAAc,EACd,WAAW,GAAG,EAAE,EAChB,OAAO,GAAG,EAAE,EACZ,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,QAAQ,EACf,MAAM,GAAG,YAAY,EACrB,OAAO,GAAG,QAAQ,EAClB,WAAW,GAAG,gCAAgC,EAC9C,OAAO,EACP,QAAQ,EACR,QAAQ,GAAG,SAAS,EACpB,SAAS,EACT,IAAI,GAAG,SAAS,EAChB,SAAS,EACT,SAAS,GAAG,EAAE,GACf,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,sBAAsB,CAAC,eAAe,CAAC,CAAC;IAC9D,IAAI,CAAC,aAAa;QAAE,OAAO,KAAC,QAAQ,KAAG,CAAC;IACxC,OAAO,CACL,MAAC,wBAAwB,IACvB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,mBAAmB,EAAE,aAAa,aAElC,KAAC,qBAAqB,IACpB,GAAG,EAAE,GAAG,EACR,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,GACpB,EACF,KAAC,kBAAkB,IAAC,SAAS,EAAE,SAAS,GAAI,IACnB,CAC5B,CAAC;AACJ,CAAC,CACF,CAAC"}

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

@@ -0,0 +1,9 @@
+import { IBKJComboBoxAsyncProps } from './BKJComboBoxAsync.types.js';
+declare const setup: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Pick<IBKJComboBoxAsyncProps, "target" | "name" | "value" | "label" | "checked" | "cite" | "data" | "form" | "slot" | "span" | "style" | "summary" | "title" | "id" | "selected" | "disabled" | "variant" | "type" | "start" | "hidden" | "color" | "content" | "size" | "default" | "wrap" | "open" | "icon" | "multiple" | "width" | "css" | "isOpen" | "overrides" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "muted" | "nonce" | "noValidate" | "optimum" | "pattern" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "useMap" | "wmode" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "leftIconProps" | "rightIconProps" | "labelProps" | "fieldSetProps" | "description" | "isRequired" | "error" | "options" | "searchKey" | "context" | "searchValue" | "onSearchChange" | "cacheKey"> & import("react").RefAttributes<HTMLInputElement>>;
+    argTypes: {};
+};
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IBKJComboBoxAsyncProps>;
+export default setup;
+//# sourceMappingURL=BKJComboBoxAsync.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJComboBoxAsync.stories.d.ts","sourceRoot":"","sources":["../../../src/components/BKJComboBoxAsync/BKJComboBoxAsync.stories.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAelE,QAAA,MAAM,KAAK;;;;CAIV,CAAC;AAuFF,eAAO,MAAM,OAAO,6GAAoB,CAAC;AAIzC,eAAe,KAAK,CAAC"}

package/lib/components/BKJComboBoxAsync/BKJComboBoxAsync.stories.js

@@ -0,0 +1,94 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useState } from 'react';
+import { v4 as uuidv4 } from 'uuid';
+import { useFormBehaviors } from '../../hooks/index.js';
+import { BKJComboBoxAsync } from './BKJComboBoxAsync.js';
+import options from './fortune-500-company-list.json';
+const __options__ = options.map((item, i) => {
+    const id = uuidv4();
+    return {
+        ...item,
+        value: item.id,
+        label: item.company_name,
+        subLabel: `(${item.profit})`,
+        index: i,
+        id,
+    };
+});
+const setup = {
+    title: 'Input Elements/BKJComboBoxAsync',
+    component: BKJComboBoxAsync,
+    argTypes: {},
+};
+const SomeContext = createContext({
+    __typename: 'GraphQLAPI',
+    loadMore: () => null,
+    data: {
+        pageInfo: {
+            hasNextPage: true,
+        },
+    },
+    status: 'LOADING',
+    fetch: () => null,
+    values: {},
+});
+const Template = () => {
+    const { values, onChange } = useFormBehaviors({
+        initialState: {
+            location: {
+                id: 5,
+                value: 5,
+                name: 'location',
+                label: 'Amazon.com',
+                index: 0,
+                company_name: 'Amazon.com',
+                revenue: 232887,
+                profit: 10073,
+                type: 'Standard',
+            },
+        },
+        isDirtyCheckEnabled: true,
+        type: 'EDIT',
+        validations: {},
+        onSubmit: () => { },
+    });
+    const { values: values2, onChange: onChange2 } = useFormBehaviors({
+        initialState: {
+            byName: '',
+        },
+        isDirtyCheckEnabled: true,
+        type: 'EDIT',
+        validations: {},
+        onSubmit: () => { },
+    });
+    const [opts] = useState(__options__);
+    const [value] = useState({
+        isLoading: true,
+        loadMore: () => null,
+        status: 'LOADING',
+        pageInfo: {
+            hasNextPage: false,
+        },
+        data: {},
+    });
+    // useEffect(() => {
+    //   let offset = 0;
+    //   const copyOptions = Array.from(__options__);
+    //   setOpts(copyOptions.slice(0, offset + 10));
+    //   offset = offset + 10;
+    //   setInterval(() => {
+    //     const copyOptions = Array.from(__options__);
+    //     setOpts(copyOptions.slice(0, offset + 10));
+    //     offset = offset + 10;
+    //   }, 50);
+    // }, []);
+    return (_jsx(SomeContext.Provider, { value: value, children: _jsx(BKJComboBoxAsync, { searchValue: values2.byName, searchKey: "byName", onSearchChange: onChange2, type: "Single", value: values.location, options: opts.slice(0, 19), 
+            // options={[]}
+            name: "location", action: "OpenToggle", 
+            // disabled={true}
+            onChange: onChange, context: SomeContext, icon: "Location1" }) }));
+};
+export const Default = Template.bind({});
+Default.args = {};
+export default setup;
+//# sourceMappingURL=BKJComboBoxAsync.stories.js.map

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

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