@bookjane2/bookjane-design-library 8.0.41 → 8.2.0

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

@@ -0,0 +1,231 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCombobox } from 'downshift';
+import { createContext, useCallback, useContext, useEffect, useRef, useState, useMemo, } from 'react';
+import { useVirtual } from 'react-virtual';
+import { generateTimeOptions, itemToString, timeFilter, getHighlightedIndex, parseInputToMinutes, formatMinutesToTime, isValidTimeFormat, } from '../BKJTimeInput.utils.js';
+import { useBKJTimeInputContextHooks } from './BKJTimeInput.context.hooks.js';
+export const BKJTimeInputContext = createContext({});
+export const BKJTimeInputProvider = ({ label, variant, placeholder, onChange, name, value, error, action, portalTargetElement, leftIconProps, leftIconName, disabled, required, children, timeFormat = '12h', onIsOpenChange: __onIsOpenChange__, }) => {
+    const [{ inputValue, anchorElement, dropdownElement }, { setInputValue, setAnchorElement, setDropdownElement },] = useBKJTimeInputContextHooks(value);
+    const [isDropdownReverse, setIsDropdownReverse] = useState(false);
+    const skipBlurValidation = useRef(false);
+    const hasNavigatedWithArrows = useRef(false);
+    const staticOptions = useMemo(() => generateTimeOptions(timeFormat), [timeFormat]);
+    // Custom filtering based on input
+    const filteredOptions = useMemo(() => {
+        return timeFilter(inputValue, staticOptions, timeFormat);
+    }, [inputValue, staticOptions, timeFormat]);
+    const parentRef = useRef(null);
+    const estimateSize = useCallback(() => 40, []);
+    const rowVirtualizer = useVirtual({
+        size: filteredOptions.length,
+        parentRef,
+        estimateSize,
+        overscan: 2,
+    });
+    const { reset, isOpen, openMenu, closeMenu, toggleMenu, selectedItem, selectItem, getMenuProps, getItemProps, getInputProps, getLabelProps, getComboboxProps, highlightedIndex, setHighlightedIndex, getToggleButtonProps, setInputValue: __downShiftSetInputValue__, } = useCombobox({
+        inputValue,
+        itemToString,
+        items: filteredOptions,
+        selectedItem: useMemo(() => {
+            if (!value)
+                return null;
+            const found = staticOptions.find((opt) => opt.value === value);
+            if (found)
+                return found;
+            const mins = parseInputToMinutes(value, timeFormat);
+            if (mins !== null) {
+                return {
+                    id: 'selected-value',
+                    label: value,
+                    value,
+                    minutes: mins,
+                };
+            }
+            return null;
+        }, [value, staticOptions, timeFormat]),
+        scrollIntoView: () => void 0,
+        onInputValueChange: ({ inputValue: __inputValue__, isOpen: __isOpen__ }) => {
+            const newVal = __inputValue__ || '';
+            setInputValue(newVal);
+            if (__isOpen__) {
+                // Find if any filtered option is a match or best match
+                const nextHighIndex = getHighlightedIndex(newVal, filteredOptions, timeFormat);
+                if (nextHighIndex !== -1) {
+                    setHighlightedIndex(nextHighIndex);
+                }
+            }
+        },
+        onSelectedItemChange: ({ selectedItem }) => {
+            if (selectedItem) {
+                skipBlurValidation.current = true;
+                const target = {
+                    name,
+                    value: selectedItem.value,
+                    label: selectedItem.label,
+                };
+                if (onChange)
+                    onChange({ target });
+                setInputValue(selectedItem.value);
+                closeMenu();
+                anchorElement?.blur();
+            }
+        },
+        onIsOpenChange: ({ isOpen: __isOpen__, highlightedIndex: __highlightedIndex__ }) => {
+            if (__onIsOpenChange__)
+                __onIsOpenChange__({ isOpen: !!__isOpen__, highlightedIndex: __highlightedIndex__ });
+            if (__isOpen__) {
+                // When opening, highlight current value match if exists
+                const indexToHighlight = getHighlightedIndex(inputValue, filteredOptions, timeFormat);
+                if (indexToHighlight !== -1) {
+                    setHighlightedIndex(indexToHighlight);
+                    rowVirtualizer.scrollToIndex(indexToHighlight, { align: 'auto' });
+                }
+            }
+        },
+    });
+    const handleInputFocus = useCallback(() => {
+        openMenu();
+    }, [openMenu]);
+    useEffect(() => {
+        // Keep input in sync with external value changes
+        setInputValue(value);
+    }, [value, setInputValue]);
+    const handleInputKeyDown = useCallback((event) => {
+        const { key } = event;
+        if (key === 'ArrowDown' || key === 'ArrowUp') {
+            hasNavigatedWithArrows.current = true;
+        }
+        if (key === 'Enter') {
+            event.preventDefault();
+            if (hasNavigatedWithArrows.current) {
+                const highlightedItem = isOpen && highlightedIndex >= 0 ? filteredOptions[highlightedIndex] : null;
+                if (highlightedItem) {
+                    skipBlurValidation.current = true;
+                    hasNavigatedWithArrows.current = false;
+                    selectItem(highlightedItem);
+                    return;
+                }
+            }
+            const exactMatch = filteredOptions.find((opt) => opt.label.toLowerCase() === inputValue.toLowerCase());
+            if (exactMatch) {
+                skipBlurValidation.current = true;
+                hasNavigatedWithArrows.current = false;
+                selectItem(exactMatch);
+                return;
+            }
+            if (isValidTimeFormat(inputValue, timeFormat)) {
+                const mins = parseInputToMinutes(inputValue, timeFormat);
+                const finalValue = mins !== null ? formatMinutesToTime(mins, timeFormat) : inputValue;
+                skipBlurValidation.current = true;
+                hasNavigatedWithArrows.current = false;
+                if (onChange)
+                    onChange({ target: { name, value: finalValue } });
+                setInputValue(finalValue);
+                closeMenu();
+                anchorElement?.blur();
+                return;
+            }
+            skipBlurValidation.current = true;
+            hasNavigatedWithArrows.current = false;
+            if (inputValue !== '') {
+                if (onChange)
+                    onChange({ target: { name, value: '' } });
+                setInputValue('');
+            }
+            closeMenu();
+            anchorElement?.blur();
+        }
+    }, [
+        filteredOptions,
+        inputValue,
+        name,
+        onChange,
+        closeMenu,
+        anchorElement,
+        selectItem,
+        setInputValue,
+        timeFormat,
+        isOpen,
+        highlightedIndex,
+    ]);
+    const handleInputBlur = useCallback(() => {
+        if (skipBlurValidation.current) {
+            skipBlurValidation.current = false;
+            return;
+        }
+        if (inputValue === value)
+            return;
+        if (inputValue === '') {
+            if (onChange)
+                onChange({ target: { name, value: '' } });
+            return;
+        }
+        const mins = parseInputToMinutes(inputValue, timeFormat);
+        if (mins !== null) {
+            const finalValue = formatMinutesToTime(mins, timeFormat);
+            if (onChange)
+                onChange({ target: { name, value: finalValue } });
+            setInputValue(finalValue);
+        }
+        else {
+            setInputValue(value);
+        }
+    }, [inputValue, value, name, onChange, setInputValue, timeFormat]);
+    const handleSelectClear = useCallback(() => {
+        setInputValue('');
+        if (onChange)
+            onChange({ target: { name, value: '' } });
+    }, [name, onChange, setInputValue]);
+    useEffect(() => {
+        if (!isOpen) {
+            hasNavigatedWithArrows.current = false;
+        }
+    }, [isOpen]);
+    return (_jsx(BKJTimeInputContext.Provider, { value: {
+            name,
+            label,
+            reset,
+            value,
+            error,
+            action,
+            isOpen,
+            options: filteredOptions,
+            variant,
+            timeFormat,
+            onChange,
+            required,
+            disabled,
+            openMenu,
+            parentRef,
+            closeMenu,
+            inputValue,
+            toggleMenu,
+            placeholder,
+            selectedItem,
+            getItemProps,
+            getMenuProps,
+            getInputProps,
+            getLabelProps,
+            anchorElement,
+            leftIconProps,
+            leftIconName,
+            rowVirtualizer,
+            dropdownElement,
+            setAnchorElement,
+            highlightedIndex,
+            getComboboxProps,
+            isDropdownReverse,
+            setIsDropdownReverse,
+            setDropdownElement,
+            portalTargetElement,
+            setHighlightedIndex,
+            getToggleButtonProps,
+            onInputFocus: handleInputFocus,
+            onInputBlur: handleInputBlur,
+            onInputKeyDown: handleInputKeyDown,
+            onSelectedClear: handleSelectClear,
+        }, children: children }));
+};
+export const useBKJTimeInputContext = () => useContext(BKJTimeInputContext);
+//# sourceMappingURL=BKJTimeInput.context.js.map

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

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

package/lib/components/BKJTimeInput/src/BKJTimeInputInput.d.ts

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

package/lib/components/BKJTimeInput/src/BKJTimeInputInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJTimeInputInput.d.ts","sourceRoot":"","sources":["../../../../src/components/BKJTimeInput/src/BKJTimeInputInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAe,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,2BAA2B,EAAE,MAAM,uBAAuB,CAAC;AAIpE,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC;IAC5B,SAAS,CAAC,EAAE,2BAA2B,EAAE,CAAC;CAC3C,CA+GA,CAAC"}

package/lib/components/BKJTimeInput/src/BKJTimeInputInput.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { BKJTextInput } from '../../BKJTextInput/index.js';
+import { useBKJTimeInputContext } from './BKJTimeInput.context.js';
+export const BKJTimeInputInput = ({ className, autoComplete, overrides, ...rest }) => {
+    const { label, variant = 'ComboBoxSeamlessRounded', action, error, getComboboxProps, setAnchorElement, getInputProps, getLabelProps, isOpen, onInputFocus, onInputBlur, onInputKeyDown, name, leftIconProps, leftIconName, disabled, placeholder, required, isDropdownReverse, inputValue, value, reset, onSelectedClear, anchorElement, openMenu, closeMenu, } = useBKJTimeInputContext();
+    const rightIconClassName = 'bkj-timeinput-dropdown-icon';
+    let rightIconProps = undefined;
+    switch (action) {
+        case 'ClearInputValue':
+            if (inputValue) {
+                rightIconProps = {
+                    iconName: 'CloseBold',
+                    onClick: reset,
+                    className: rightIconClassName,
+                };
+            }
+            break;
+        case 'ClearSelectedValue':
+            if (value) {
+                rightIconProps = {
+                    iconName: 'CloseBold',
+                    onClick: onSelectedClear,
+                    className: rightIconClassName,
+                };
+            }
+            break;
+        case 'OpenToggle':
+            rightIconProps = {
+                className: rightIconClassName,
+                isOpen,
+                iconName: 'ArrowDown',
+                onClick: disabled
+                    ? undefined
+                    : () => {
+                        if (!isOpen) {
+                            anchorElement?.focus();
+                            openMenu();
+                        }
+                        else {
+                            closeMenu();
+                        }
+                    },
+            };
+            break;
+    }
+    const stableRef = useCallback((node) => {
+        setAnchorElement((prev) => (prev !== node ? node : prev));
+    }, [setAnchorElement]);
+    const inputProps = getInputProps({
+        ...rest,
+        onKeyDown: (e) => {
+            onInputKeyDown(e);
+        },
+        onFocus: onInputFocus,
+        onBlur: onInputBlur,
+        ref: stableRef,
+        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.className} ${className}`, overrides: ['NO_REQUIRED'], rightIconProps: rightIconProps, leftIconProps: leftIconProps || leftIconName ? { ...leftIconProps, iconName: leftIconName } : undefined, error: error }));
+};
+//# sourceMappingURL=BKJTimeInputInput.js.map

package/lib/components/BKJTimeInput/src/BKJTimeInputInput.js.map

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

package/lib/components/BKJTimeInput/src/BKJTimeInputItem.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { IBKJTimeInputOption } from '../BKJTimeInput.types.js';
+export declare const BKJTimeInputItem: FC<IBKJTimeInputOption & {
+    index?: number;
+}>;
+//# sourceMappingURL=BKJTimeInputItem.d.ts.map

package/lib/components/BKJTimeInput/src/BKJTimeInputItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJTimeInputItem.d.ts","sourceRoot":"","sources":["../../../../src/components/BKJTimeInput/src/BKJTimeInputItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAG5D,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,mBAAmB,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAyBzE,CAAC"}

package/lib/components/BKJTimeInput/src/BKJTimeInputItem.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BKJListItem } from '../../BKJListItem/index.js';
+import { useBKJTimeInputContext } from './BKJTimeInput.context.js';
+export const BKJTimeInputItem = (props) => {
+    const { getItemProps, highlightedIndex, name } = useBKJTimeInputContext();
+    const itemProps = props.index !== undefined
+        ? getItemProps({
+            item: props,
+            isSelected: false,
+            index: props.index,
+            disabled: !!props.disabled,
+            style: props.style,
+        })
+        : {};
+    return (_jsx(BKJListItem, { isTargeted: highlightedIndex === props.index, ...itemProps, selected: [], value: props.value, label: props.label, name: name, variant: "SpaceBetween" }));
+};
+//# sourceMappingURL=BKJTimeInputItem.js.map

package/lib/components/BKJTimeInput/src/BKJTimeInputItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJTimeInputItem.js","sourceRoot":"","sources":["../../../../src/components/BKJTimeInput/src/BKJTimeInputItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAEhE,MAAM,CAAC,MAAM,gBAAgB,GAAiD,CAAC,KAAK,EAAE,EAAE;IACtF,MAAM,EAAE,YAAY,EAAE,gBAAgB,EAAE,IAAI,EAAE,GAAG,sBAAsB,EAAE,CAAC;IAE1E,MAAM,SAAS,GACb,KAAK,CAAC,KAAK,KAAK,SAAS;QACvB,CAAC,CAAC,YAAY,CAAC;YACX,IAAI,EAAE,KAAK;YACX,UAAU,EAAE,KAAK;YACjB,KAAK,EAAE,KAAK,CAAC,KAAK;YAClB,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ;YAC1B,KAAK,EAAE,KAAK,CAAC,KAAK;SACnB,CAAC;QACJ,CAAC,CAAC,EAAE,CAAC;IAET,OAAO,CACL,KAAC,WAAW,IACV,UAAU,EAAE,gBAAgB,KAAK,KAAK,CAAC,KAAK,KACxC,SAAS,EACb,QAAQ,EAAE,EAAE,EACZ,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,IAAI,EAAE,IAAI,EACV,OAAO,EAAC,cAAc,GACtB,CACH,CAAC;AACJ,CAAC,CAAC"}

package/lib/components/BKJTimeInput/src/BKJTimeInputOptions.d.ts

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

package/lib/components/BKJTimeInput/src/BKJTimeInputOptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJTimeInputOptions.d.ts","sourceRoot":"","sources":["../../../../src/components/BKJTimeInput/src/BKJTimeInputOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAmC,MAAM,OAAO,CAAC;AAM5D,OAAO,EAAE,2BAA2B,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAW,SAAS,EAAE,MAAM,gBAAgB,CAAC;AA0BpD,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC;IACnC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qBAAqB,CAAC,EAAE,SAAS,EAAE,CAAC;IACpC,SAAS,CAAC,EAAE,2BAA2B,EAAE,CAAC;CAC3C,CAuEA,CAAC"}

package/lib/components/BKJTimeInput/src/BKJTimeInputOptions.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo, useEffect, useCallback } from 'react';
+import { usePopper } from 'react-popper';
+import { Portal } from '../../Portal/Portal.js';
+import { useBKJTimeInputContext } from './BKJTimeInput.context.js';
+import { BKJTimeInputOptionsMapper } from './BKJTimeInputOptionsMapper.js';
+import { StyledDropdown } from '../../BKJTimeInput/BKJTimeInput.styled.js';
+const variantMap = {
+    ComboBoxSeamlessRounded: 'SeamlessRounded',
+};
+const defaultPopperOptions = {
+    placement: 'bottom-start',
+    modifiers: [
+        {
+            name: 'flip',
+            options: {
+                allowedAutoPlacements: ['bottom', 'top'],
+            },
+        },
+        {
+            name: 'offset',
+            options: {
+                offset: [0, 8],
+            },
+        },
+    ],
+};
+export const BKJTimeInputOptions = ({ $dropdownHeight, allowedAutoPlacements = ['bottom', 'top'] }) => {
+    const { error, isOpen, parentRef, getMenuProps, anchorElement, dropdownElement, setDropdownElement, portalTargetElement, isDropdownReverse, setIsDropdownReverse, } = useBKJTimeInputContext();
+    const popperOptions = useMemo(() => ({
+        ...defaultPopperOptions,
+        modifiers: (defaultPopperOptions.modifiers || []).map((modifier) => ({
+            ...modifier,
+            ...(modifier.name === 'flip' && {
+                options: {
+                    ...modifier.options,
+                    allowedAutoPlacements,
+                },
+            }),
+        })),
+    }), [allowedAutoPlacements]);
+    const { styles, state } = usePopper(anchorElement, dropdownElement, popperOptions);
+    useEffect(() => {
+        if (state?.placement) {
+            const isReverse = state.placement.startsWith('top');
+            if (isReverse !== isDropdownReverse) {
+                setIsDropdownReverse(isReverse);
+            }
+        }
+    }, [state?.placement, isDropdownReverse, setIsDropdownReverse]);
+    const menuRef = useCallback((node) => {
+        setDropdownElement((prev) => (prev !== node ? node : prev));
+        parentRef.current = node;
+    }, [setDropdownElement, parentRef]);
+    if (!isOpen || !portalTargetElement)
+        return null;
+    return (_jsx(Portal, { targetElement: portalTargetElement, children: _jsx(StyledDropdown, { "$isOpen": isOpen, "$dropdownVariant": variantMap['ComboBoxSeamlessRounded'], "$dropdownHeight": $dropdownHeight, error: error, ...getMenuProps({
+                ref: menuRef,
+                style: {
+                    ...styles['popper'],
+                    minWidth: anchorElement?.offsetWidth,
+                },
+            }), openBorderLocation: undefined, children: _jsx(BKJTimeInputOptionsMapper, {}) }) }));
+};
+//# sourceMappingURL=BKJTimeInputOptions.js.map

package/lib/components/BKJTimeInput/src/BKJTimeInputOptions.js.map

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

package/lib/components/BKJTimeInput/src/BKJTimeInputOptionsMapper.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+export declare const BKJTimeInputOptionsMapper: FC;
+//# sourceMappingURL=BKJTimeInputOptionsMapper.d.ts.map

package/lib/components/BKJTimeInput/src/BKJTimeInputOptionsMapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJTimeInputOptionsMapper.d.ts","sourceRoot":"","sources":["../../../../src/components/BKJTimeInput/src/BKJTimeInputOptionsMapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AAKrC,eAAO,MAAM,yBAAyB,EAAE,EA8BvC,CAAC"}

package/lib/components/BKJTimeInput/src/BKJTimeInputOptionsMapper.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment } from 'react';
+import { useBKJTimeInputContext } from './BKJTimeInput.context.js';
+import { BKJTimeInputItem } from './BKJTimeInputItem.js';
+export const BKJTimeInputOptionsMapper = () => {
+    const { options, rowVirtualizer } = useBKJTimeInputContext();
+    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(BKJTimeInputItem, { ...item, index: virtualRow.index, style: {
+                        position: 'absolute',
+                        top: 0,
+                        left: 0,
+                        width: '100%',
+                        height: virtualRow.size,
+                        transform: `translateY(${virtualRow.start}px)`,
+                    } }, item.id));
+            })) : (_jsx(BKJTimeInputItem, { label: "No results", value: "", id: "noresults", disabled: true, minutes: 0 }))] }));
+};
+//# sourceMappingURL=BKJTimeInputOptionsMapper.js.map

package/lib/components/BKJTimeInput/src/BKJTimeInputOptionsMapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJTimeInputOptionsMapper.js","sourceRoot":"","sources":["../../../../src/components/BKJTimeInput/src/BKJTimeInputOptionsMapper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD,MAAM,CAAC,MAAM,yBAAyB,GAAO,GAAG,EAAE;IAChD,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,GAAG,sBAAsB,EAAE,CAAC;IAE7D,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,GAAwB,OAAO,CAAC,UAAU,CAAC,KAAK,CAAE,CAAC;gBAC7D,OAAO,CACL,KAAC,gBAAgB,OAEX,IAAI,EACR,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,IAVI,IAAI,CAAC,EAAE,CAWZ,CACH,CAAC;YACJ,CAAC,CAAC,CACH,CAAC,CAAC,CAAC,CACF,KAAC,gBAAgB,IAAC,KAAK,EAAC,YAAY,EAAC,KAAK,EAAC,EAAE,EAAC,EAAE,EAAC,WAAW,EAAC,QAAQ,QAAC,OAAO,EAAE,CAAC,GAAI,CACrF,IACQ,CACZ,CAAC;AACJ,CAAC,CAAC"}

package/lib/components/index.d.ts

@@ -43,4 +43,5 @@ export * from './BKJInteractiveMap/index.js';
 export * from './BKJDropdownMenu/index.js';
 export * from './MobileBKJDropdownMenu/index.js';
 export * from './BKJPillDropdown/index.js';
+export * from './BKJTimeInput/index.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC"}

package/lib/components/index.js

@@ -43,4 +43,5 @@ export * from './BKJInteractiveMap/index.js';
 export * from './BKJDropdownMenu/index.js';
 export * from './MobileBKJDropdownMenu/index.js';
 export * from './BKJPillDropdown/index.js';
+export * from './BKJTimeInput/index.js';
 //# sourceMappingURL=index.js.map

package/lib/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC"}

package/lib/providers/BKJThemeProvider/BKJColors.d.ts

@@ -1,9 +1,19 @@
 export declare const colors: {
+    TextDarkGrey: string;
+    TextSubtleGrey: string;
+    TextDisabled: string;
     TextWhite: string;
     TextHighlight1: string;
-    White: string;
-    AccentPurple: string;
-    Transparent: string;
+    TextHighlight2: string;
+    ErrorClick: string;
+    ErrorDefault: string;
+    ErrorHover: string;
+    SuccessClick: string;
+    SuccessDefault: string;
+    SuccessHover: string;
+    PrimaryClick: string;
+    PrimaryDefault: string;
+    PrimaryHover: string;
     SecondaryPendingDefault: string;
     SecondaryPendingHover: string;
     SecondaryPendingDraftHover: string;
@@ -13,26 +23,10 @@ export declare const colors: {
     OtherDefault: string;
     OtherHover: string;
     OtherDraftHover: string;
-    NewlyEdited: string;
-    ShiftRejected: string;
-    ShiftRequested: string;
-    TextDarkGrey: string;
-    TextSubtleGrey: string;
-    TextDisabled: string;
-    TextHighlight2: string;
-    PrimaryDefault: string;
-    PrimaryHover: string;
-    PrimaryClick: string;
-    AccentBrand: string;
-    AccentGreen: string;
-    SuccessDefault: string;
-    SuccessHover: string;
-    SuccessClick: string;
     WarningBackground: string;
-    ErrorDefault: string;
-    ErrorHover: string;
-    ErrorClick: string;
     ErrorBackground: string;
+    NewlyEdited: string;
+    GreyDivider: string;
     Grey1: string;
     Grey2: string;
     Grey3: string;
@@ -40,19 +34,25 @@ export declare const colors: {
     Grey5: string;
     Grey6: string;
     Grey7: string;
-    GreyDivider: string;
-    ShiftPending: string;
-    ShiftOpen: string;
+    White: string;
+    AccentGreen: string;
+    AccentBrand: string;
+    AccentPurple: string;
+    Transparent: string;
+    ShiftInProgress: string;
     ShiftAccepted: string;
     ShiftAssigned: string;
-    ShiftInProgress: string;
     ShiftCancelled: string;
     ShiftCompleted: string;
-    ShiftAbsent: string;
+    ShiftOpen: string;
+    ShiftPending: string;
+    ShiftRejected: string;
+    ShiftRequested: string;
     ShiftUnfulfilled: string;
-    ShiftSwapped: string;
-    ShiftUnfulfilledStroke: string;
     ShiftTimeOff: string;
     ShiftOtherPosition: string;
+    ShiftUnfulfilledStroke: string;
+    ShiftSwapped: string;
+    ShiftAbsent: string;
 };
 //# sourceMappingURL=BKJColors.d.ts.map

package/lib/providers/BKJThemeProvider/BKJColors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BKJColors.d.ts","sourceRoot":"","sources":["../../../src/providers/BKJThemeProvider/BKJColors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkFlB,CAAC"}
+{"version":3,"file":"BKJColors.d.ts","sourceRoot":"","sources":["../../../src/providers/BKJThemeProvider/BKJColors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwDlB,CAAC"}