@bookjane2/bookjane-design-library 7.3.3 → 7.3.5

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

@@ -1,34 +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, Object.assign({ targetElement: portalTargetElement }, { children: _jsx(BKJDropdown, Object.assign({ "$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 }, void 0) }), void 0) }), void 0));
-};
+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, Object.assign({ targetElement: portalTargetElement }, { children: _jsx(BKJDropdown, Object.assign({ "$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 }, void 0) }), void 0) }), void 0));
+};
 //# sourceMappingURL=BKJComboBoxOptions.js.map

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

@@ -1,6 +1,6 @@
-import { FC } from 'react';
-import { IBKJComboBoxPropsOverrides } from '../BKJComboBox.types.js';
-export declare const BKJComboBoxOptionsMapper: FC<{
-    overrides?: IBKJComboBoxPropsOverrides[];
-}>;
+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.js

@@ -1,20 +1,20 @@
-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';
-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, Object.assign({}, 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: "No Results", value: "", index: 0, id: "noresults", disabled: true }, void 0))] }, void 0));
-};
+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';
+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, Object.assign({}, 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: "No Results", value: "", index: 0, id: "noresults", disabled: true }, void 0))] }, void 0));
+};
 //# sourceMappingURL=BKJComboBoxOptionsMapper.js.map

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-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, "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "id" | "type" | "pattern" | "isOpen" | "value" | "overrides" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "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" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "useMap" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "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" | "css" | "key" | "variant" | "leftIconProps" | "rightIconProps" | "labelProps" | "fieldSetProps" | "description" | "isRequired" | "error" | "options" | "searchKey" | "context" | "icon" | "searchValue" | "onSearchChange" | "cacheKey"> & import("react").RefAttributes<HTMLInputElement>>;
+/// <reference types="react" />
+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, "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "id" | "type" | "pattern" | "isOpen" | "value" | "overrides" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "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" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "useMap" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "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" | "css" | "key" | "variant" | "leftIconProps" | "rightIconProps" | "labelProps" | "fieldSetProps" | "description" | "isRequired" | "error" | "options" | "searchKey" | "context" | "icon" | "searchValue" | "onSearchChange" | "cacheKey"> & import("react").RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=BKJComboBoxAsync.d.ts.map

package/lib/components/BKJComboBoxAsync/BKJComboBoxAsync.js

@@ -1,19 +1,19 @@
-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, {}, void 0);
-    return (_jsxs(BKJComboBoxAsyncProvider, Object.assign({ 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 }, void 0),
-            _jsx(BKJComboBoxOptions, { overrides: overrides }, void 0)] }), void 0));
-});
+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, {}, void 0);
+    return (_jsxs(BKJComboBoxAsyncProvider, Object.assign({ 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 }, void 0),
+            _jsx(BKJComboBoxOptions, { overrides: overrides }, void 0)] }), void 0));
+});
 //# sourceMappingURL=BKJComboBoxAsync.js.map

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

@@ -1,11 +1,11 @@
-/// <reference types="react" />
-import { Story } from '@storybook/react';
-import { IBKJComboBoxAsyncProps } from './BKJComboBoxAsync.types.js';
-declare const setup: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<IBKJComboBoxAsyncProps, "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "id" | "type" | "pattern" | "isOpen" | "value" | "overrides" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "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" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "useMap" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "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" | "css" | "key" | "variant" | "leftIconProps" | "rightIconProps" | "labelProps" | "fieldSetProps" | "description" | "isRequired" | "error" | "options" | "searchKey" | "context" | "icon" | "searchValue" | "onSearchChange" | "cacheKey"> & import("react").RefAttributes<HTMLInputElement>>;
-    argTypes: {};
-};
-export declare const Default: Story<IBKJComboBoxAsyncProps>;
-export default setup;
+/// <reference types="react" />
+import { Story } from '@storybook/react';
+import { IBKJComboBoxAsyncProps } from './BKJComboBoxAsync.types.js';
+declare const setup: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Pick<IBKJComboBoxAsyncProps, "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "id" | "type" | "pattern" | "isOpen" | "value" | "overrides" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "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" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "useMap" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "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" | "css" | "key" | "variant" | "leftIconProps" | "rightIconProps" | "labelProps" | "fieldSetProps" | "description" | "isRequired" | "error" | "options" | "searchKey" | "context" | "icon" | "searchValue" | "onSearchChange" | "cacheKey"> & import("react").RefAttributes<HTMLInputElement>>;
+    argTypes: {};
+};
+export declare const Default: Story<IBKJComboBoxAsyncProps>;
+export default setup;
 //# sourceMappingURL=BKJComboBoxAsync.stories.d.ts.map

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

@@ -1,93 +1,93 @@
-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,
-        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, Object.assign({ 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" }, void 0) }), void 0));
-};
-export const Default = Template.bind({});
-Default.args = {};
-export default setup;
+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,
+        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, Object.assign({ 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" }, void 0) }), void 0));
+};
+export const Default = Template.bind({});
+Default.args = {};
+export default setup;
 //# sourceMappingURL=BKJComboBoxAsync.stories.js.map