@bookjane2/bookjane-design-library 7.3.55 → 8.0.0

package/lib/components/BKJComboBox/BKJComboBox.utils.d.ts

@@ -0,0 +1,24 @@
+import { Modifier } from '@popperjs/core';
+import { ComputeStylesModifier } from '@popperjs/core/lib/modifiers/computeStyles';
+import { FlipModifier } from '@popperjs/core/lib/modifiers/flip';
+import { Options } from '@popperjs/core';
+import { PopperOffsetsModifier } from '@popperjs/core/lib/modifiers/popperOffsets';
+import { IBKJTextInputProps } from '../BKJTextInput/BKJTextInput.types.js';
+import { IBKJComboBoxOption, IBKJComboBoxProps } from './BKJComboBox.types.js';
+type BKJComboBoxFilterFn = (inputValue: string, options: IBKJComboBoxOption[]) => IBKJComboBoxOption[];
+export declare const itemToString: (option: IBKJComboBoxOption | null) => string;
+export type BKJComboBoxFilterFnType = keyof typeof filterPredicateMap;
+export declare const filterPredicateMap: {
+    TimeStartsWith: BKJComboBoxFilterFn;
+    CaseSensitiveMatch: BKJComboBoxFilterFn;
+    CaseInsensitiveMatch: BKJComboBoxFilterFn;
+    StartsWith: BKJComboBoxFilterFn;
+    AnyMatch: BKJComboBoxFilterFn;
+};
+export declare const optionsVariant: 'ComboBoxSeamlessRounded';
+export declare function getPopperOptions(): {
+    modifiers: Array<Modifier<'sameWidth', ComputeStylesModifier['options']> | Partial<Modifier<'flip', FlipModifier['options']>> | Partial<Modifier<'offset', PopperOffsetsModifier['options']>>>;
+} & Omit<Partial<Options>, 'modifiers'>;
+export declare const useRightIconProps: (action: IBKJComboBoxProps["action"], disabled?: boolean) => IBKJTextInputProps["rightIconProps"];
+export {};
+//# sourceMappingURL=BKJComboBox.utils.d.ts.map

package/lib/components/BKJComboBox/BKJComboBox.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJComboBox.utils.d.ts","sourceRoot":"","sources":["../../../src/components/BKJComboBox/BKJComboBox.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,qBAAqB,EAAE,MAAM,4CAA4C,CAAC;AACnF,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,qBAAqB,EAAE,MAAM,4CAA4C,CAAC;AAEnF,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAG5E,KAAK,mBAAmB,GAAG,CACzB,UAAU,EAAE,MAAM,EAClB,OAAO,EAAE,kBAAkB,EAAE,KAC1B,kBAAkB,EAAE,CAAC;AAM1B,eAAO,MAAM,YAAY,WAAqB,kBAAkB,GAAG,IAAI,KAAG,MAEzE,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,MAAM,OAAO,kBAAkB,CAAC;AAEtE,eAAO,MAAM,kBAAkB;;;;;;CA6D9B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,yBAAqD,CAAC;AAEnF,wBAAgB,gBAAgB,IAAI;IAClC,SAAS,EAAE,KAAK,CACZ,QAAQ,CAAC,WAAW,EAAE,qBAAqB,CAAC,SAAS,CAAC,CAAC,GACvD,OAAO,CAAC,QAAQ,CAAC,MAAM,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,GAClD,OAAO,CAAC,QAAQ,CAAC,QAAQ,EAAE,qBAAqB,CAAC,SAAS,CAAC,CAAC,CAAC,CAChE,CAAC;CACH,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC,CA6DtC;AAID,eAAO,MAAM,iBAAiB,WACpB,iBAAiB,CAAC,QAAQ,CAAC,aACxB,OAAO,KACjB,kBAAkB,CAAC,gBAAgB,CAwCrC,CAAC"}

package/lib/components/BKJComboBox/BKJComboBox.utils.js

@@ -0,0 +1,168 @@
+import { matchSorter } from 'match-sorter';
+import { useBKJComboBoxContext } from './src/BKJComboBox.context.js';
+const createFilteringPredicate = (fn) => {
+    return ((inputValue = '', options = []) => fn(inputValue, options));
+};
+export const itemToString = function (option) {
+    return typeof option?.label === 'string' ? option?.label : '';
+};
+export const filterPredicateMap = {
+    TimeStartsWith: createFilteringPredicate((inputValue, options) => {
+        return inputValue
+            ? matchSorter(options, inputValue, {
+                threshold: matchSorter.rankings.STARTS_WITH,
+                keys: [
+                    (itr) => String(itr.value).replaceAll(' ', '').replaceAll(':', ''),
+                    'label',
+                    (itr) => itr.label.replaceAll(' ', '').replaceAll(':', ''),
+                ],
+            })
+            : options;
+    }),
+    CaseSensitiveMatch: createFilteringPredicate((inputValue, options) => {
+        return inputValue
+            ? matchSorter(options, inputValue, {
+                threshold: matchSorter.rankings.CASE_SENSITIVE_EQUAL,
+                keys: [
+                    (itr) => String(itr.value).replaceAll(' ', '').replaceAll(':', ''),
+                    'label',
+                    (itr) => itr.label.replaceAll(' ', '').replaceAll(':', ''),
+                ],
+            })
+            : options;
+    }),
+    CaseInsensitiveMatch: createFilteringPredicate((inputValue, options) => {
+        return inputValue
+            ? matchSorter(options, inputValue, {
+                threshold: matchSorter.rankings.EQUAL,
+                keys: [
+                    (itr) => String(itr.value).replaceAll(' ', '').replaceAll(':', ''),
+                    'label',
+                    (itr) => itr.label.replaceAll(' ', '').replaceAll(':', ''),
+                ],
+            })
+            : options;
+    }),
+    StartsWith: createFilteringPredicate((inputValue, options) => {
+        return inputValue
+            ? matchSorter(options, inputValue, {
+                threshold: matchSorter.rankings.STARTS_WITH,
+                keys: [
+                    (itr) => String(itr.value).replaceAll(' ', '').replaceAll(':', ''),
+                    'label',
+                    (itr) => itr.label.replaceAll(' ', '').replaceAll(':', ''),
+                ],
+            })
+            : options;
+    }),
+    AnyMatch: createFilteringPredicate((inputValue, options) => {
+        return inputValue
+            ? matchSorter(options, inputValue, {
+                threshold: matchSorter.rankings.MATCHES,
+                keys: [
+                    (itr) => String(itr.value).replaceAll(' ', '').replaceAll(':', ''),
+                    'label',
+                    (itr) => itr.label.replaceAll(' ', '').replaceAll(':', ''),
+                ],
+            })
+            : options;
+    }),
+};
+export const optionsVariant = 'ComboBoxSeamlessRounded';
+export function getPopperOptions() {
+    return {
+        placement: 'auto',
+        modifiers: [
+            {
+                name: 'flip',
+                options: {
+                    allowedAutoPlacements: ['bottom'],
+                },
+            },
+            {
+                name: 'offset',
+                enabled: true,
+                phase: 'main',
+                effect: ({ state: { elements: { reference }, }, instance, }) => {
+                    const RO_PROP = '__popperjsRO__';
+                    reference[RO_PROP] = new ResizeObserver(() => {
+                        instance.update();
+                    });
+                    reference[RO_PROP].observe(reference);
+                    const observer = new ResizeObserver(() => instance.update());
+                    observer.observe(reference);
+                    return () => {
+                        reference[RO_PROP].disconnect();
+                        delete reference[RO_PROP];
+                    };
+                },
+            },
+            {
+                name: 'sameWidth',
+                enabled: true,
+                phase: 'beforeWrite',
+                requires: ['computeStyles'],
+                fn({ state }) {
+                    if (!state.styles['popper'])
+                        return void 0;
+                    state.styles['popper'].minWidth = `${state.rects.reference.width}px`;
+                    state.styles['popper'].maxWidth = `${state.rects.reference.width}px`;
+                    return void 0;
+                },
+                options: {
+                    adaptive: true,
+                    gpuAcceleration: true,
+                },
+                effect({ state }) {
+                    if (!state.elements.reference['offsetWidth'])
+                        return void 0;
+                    state.elements.popper.style.minWidth = `${state.elements.reference.offsetWidth}px`;
+                    state.elements.popper.style.maxWidth = `${state.elements.reference.offsetWidth}px`;
+                    return void 0;
+                },
+            },
+        ],
+    };
+}
+const rightIconClassName = 'bkj-combobox-dropdown-icon';
+export const useRightIconProps = (action, disabled) => {
+    const { inputValue, value, reset, onSelectedClear, isOpen, anchorElement, openMenu, closeMenu } = useBKJComboBoxContext();
+    switch (action) {
+        case 'ClearInputValue':
+            if (inputValue)
+                return {
+                    iconName: 'CloseBold',
+                    onClick: reset,
+                    className: rightIconClassName,
+                };
+            return undefined;
+        case 'ClearSelectedValue':
+            if (value.length > 0)
+                return {
+                    iconName: 'CloseBold',
+                    onClick: onSelectedClear,
+                    className: rightIconClassName,
+                };
+            return undefined;
+        case 'OpenToggle':
+            return {
+                className: rightIconClassName,
+                isOpen,
+                iconName: 'ArrowDown',
+                onClick: disabled
+                    ? undefined
+                    : () => {
+                        if (!isOpen) {
+                            anchorElement?.focus();
+                            openMenu();
+                        }
+                        else {
+                            closeMenu();
+                        }
+                    },
+            };
+        default:
+            return undefined;
+    }
+};
+//# sourceMappingURL=BKJComboBox.utils.js.map

package/lib/components/BKJComboBox/BKJComboBox.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJComboBox.utils.js","sourceRoot":"","sources":["../../../src/components/BKJComboBox/BKJComboBox.utils.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAG3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAOlE,MAAM,wBAAwB,GAAG,CAAC,EAAuB,EAAE,EAAE;IAC3D,OAAO,CAAC,CAAC,UAAU,GAAG,EAAE,EAAE,OAAO,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,CAAC,CAAwB,CAAC;AAC7F,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,MAAiC;IACrE,OAAO,OAAO,MAAM,EAAE,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;AAChE,CAAC,CAAC;AAIF,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,cAAc,EAAE,wBAAwB,CAAC,CAAC,UAAU,EAAE,OAAO,EAAE,EAAE;QAC/D,OAAO,UAAU;YACf,CAAC,CAAC,WAAW,CAAC,OAAO,EAAE,UAAU,EAAE;gBAC/B,SAAS,EAAE,WAAW,CAAC,QAAQ,CAAC,WAAW;gBAC3C,IAAI,EAAE;oBACJ,CAAC,GAAG,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC;oBAClE,OAAO;oBACP,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC;iBAC3D;aACF,CAAC;YACJ,CAAC,CAAC,OAAO,CAAC;IACd,CAAC,CAAC;IACF,kBAAkB,EAAE,wBAAwB,CAAC,CAAC,UAAU,EAAE,OAAO,EAAE,EAAE;QACnE,OAAO,UAAU;YACf,CAAC,CAAC,WAAW,CAAC,OAAO,EAAE,UAAU,EAAE;gBAC/B,SAAS,EAAE,WAAW,CAAC,QAAQ,CAAC,oBAAoB;gBACpD,IAAI,EAAE;oBACJ,CAAC,GAAG,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC;oBAClE,OAAO;oBACP,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC;iBAC3D;aACF,CAAC;YACJ,CAAC,CAAC,OAAO,CAAC;IACd,CAAC,CAAC;IACF,oBAAoB,EAAE,wBAAwB,CAAC,CAAC,UAAU,EAAE,OAAO,EAAE,EAAE;QACrE,OAAO,UAAU;YACf,CAAC,CAAC,WAAW,CAAC,OAAO,EAAE,UAAU,EAAE;gBAC/B,SAAS,EAAE,WAAW,CAAC,QAAQ,CAAC,KAAK;gBACrC,IAAI,EAAE;oBACJ,CAAC,GAAG,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC;oBAClE,OAAO;oBACP,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC;iBAC3D;aACF,CAAC;YACJ,CAAC,CAAC,OAAO,CAAC;IACd,CAAC,CAAC;IACF,UAAU,EAAE,wBAAwB,CAAC,CAAC,UAAU,EAAE,OAAO,EAAE,EAAE;QAC3D,OAAO,UAAU;YACf,CAAC,CAAC,WAAW,CAAC,OAAO,EAAE,UAAU,EAAE;gBAC/B,SAAS,EAAE,WAAW,CAAC,QAAQ,CAAC,WAAW;gBAC3C,IAAI,EAAE;oBACJ,CAAC,GAAG,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC;oBAClE,OAAO;oBACP,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC;iBAC3D;aACF,CAAC;YACJ,CAAC,CAAC,OAAO,CAAC;IACd,CAAC,CAAC;IACF,QAAQ,EAAE,wBAAwB,CAAC,CAAC,UAAU,EAAE,OAAO,EAAE,EAAE;QACzD,OAAO,UAAU;YACf,CAAC,CAAC,WAAW,CAAC,OAAO,EAAE,UAAU,EAAE;gBAC/B,SAAS,EAAE,WAAW,CAAC,QAAQ,CAAC,OAAO;gBACvC,IAAI,EAAE;oBACJ,CAAC,GAAG,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC;oBAClE,OAAO;oBACP,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC;iBAC3D;aACF,CAAC;YACJ,CAAC,CAAC,OAAO,CAAC;IACd,CAAC,CAAC;CACH,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAA8B,yBAAyB,CAAC;AAEnF,MAAM,UAAU,gBAAgB;IAO9B,OAAO;QACL,SAAS,EAAE,MAAM;QACjB,SAAS,EAAE;YACT;gBACE,IAAI,EAAE,MAAM;gBACZ,OAAO,EAAE;oBACP,qBAAqB,EAAE,CAAC,QAAQ,CAAC;iBAClC;aACF;YACD;gBACE,IAAI,EAAE,QAAQ;gBACd,OAAO,EAAE,IAAI;gBACb,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,CAAC,EACP,KAAK,EAAE,EACL,QAAQ,EAAE,EAAE,SAAS,EAAE,GACxB,EACD,QAAQ,GACT,EAAE,EAAE;oBACH,MAAM,OAAO,GAAG,gBAAgB,CAAC;oBAChC,SAAiB,CAAC,OAAO,CAAC,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;wBACpD,QAAQ,CAAC,MAAM,EAAE,CAAC;oBACpB,CAAC,CAAC,CAAC;oBACF,SAAiB,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;oBAC/C,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;oBAC7D,QAAQ,CAAC,OAAO,CAAC,SAAoB,CAAC,CAAC;oBACvC,OAAO,GAAG,EAAE;wBACT,SAAiB,CAAC,OAAO,CAAC,CAAC,UAAU,EAAE,CAAC;wBACzC,OAAQ,SAAiB,CAAC,OAAO,CAAC,CAAC;oBACrC,CAAC,CAAC;gBACJ,CAAC;aACF;YACD;gBACE,IAAI,EAAE,WAAW;gBACjB,OAAO,EAAE,IAAI;gBACb,KAAK,EAAE,aAAa;gBACpB,QAAQ,EAAE,CAAC,eAAe,CAAC;gBAC3B,EAAE,CAAC,EAAE,KAAK,EAAE;oBACV,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC;wBAAE,OAAO,KAAK,CAAC,CAAC;oBAC3C,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,QAAQ,GAAG,GAAG,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;oBACrE,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,QAAQ,GAAG,GAAG,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;oBACrE,OAAO,KAAK,CAAC,CAAC;gBAChB,CAAC;gBACD,OAAO,EAAE;oBACP,QAAQ,EAAE,IAAI;oBACd,eAAe,EAAE,IAAI;iBACtB;gBACD,MAAM,CAAC,EAAE,KAAK,EAAE;oBACd,IAAI,CAAE,KAAK,CAAC,QAAQ,CAAC,SAAiB,CAAC,aAAa,CAAC;wBAAE,OAAO,KAAK,CAAC,CAAC;oBACrE,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,GAAG,GACpC,KAAK,CAAC,QAAQ,CAAC,SAAiB,CAAC,WACpC,IAAI,CAAC;oBACL,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,GAAG,GACpC,KAAK,CAAC,QAAQ,CAAC,SAAiB,CAAC,WACpC,IAAI,CAAC;oBACL,OAAO,KAAK,CAAC,CAAC;gBAChB,CAAC;aACF;SACF;KACF,CAAC;AACJ,CAAC;AAED,MAAM,kBAAkB,GAAG,4BAA4B,CAAC;AAExD,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,MAAmC,EACnC,QAAkB,EACoB,EAAE;IACxC,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,SAAS,EAAE,GAC7F,qBAAqB,EAAE,CAAC;IAC1B,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,iBAAiB;YACpB,IAAI,UAAU;gBACZ,OAAO;oBACL,QAAQ,EAAE,WAAW;oBACrB,OAAO,EAAE,KAAK;oBACd,SAAS,EAAE,kBAAkB;iBAC9B,CAAC;YACJ,OAAO,SAAS,CAAC;QAEnB,KAAK,oBAAoB;YACvB,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC;gBAClB,OAAO;oBACL,QAAQ,EAAE,WAAW;oBACrB,OAAO,EAAE,eAAe;oBACxB,SAAS,EAAE,kBAAkB;iBAC9B,CAAC;YACJ,OAAO,SAAS,CAAC;QACnB,KAAK,YAAY;YACf,OAAO;gBACL,SAAS,EAAE,kBAAkB;gBAC7B,MAAM;gBACN,QAAQ,EAAE,WAAW;gBACrB,OAAO,EAAE,QAAQ;oBACf,CAAC,CAAC,SAAS;oBACX,CAAC,CAAC,GAAG,EAAE;wBACH,IAAI,CAAC,MAAM,EAAE,CAAC;4BACZ,aAAa,EAAE,KAAK,EAAE,CAAC;4BACvB,QAAQ,EAAE,CAAC;wBACb,CAAC;6BAAM,CAAC;4BACN,SAAS,EAAE,CAAC;wBACd,CAAC;oBACH,CAAC;aACN,CAAC;QACJ;YACE,OAAO,SAAS,CAAC;IACrB,CAAC;AACH,CAAC,CAAC"}