@bookjane2/bookjane-design-library 7.3.55 → 8.0.1

package/lib/components/BKJCheckbox/src/BKJCheck.theme.d.ts

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

package/lib/components/BKJCheckbox/src/BKJCheck.theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJCheck.theme.d.ts","sourceRoot":"","sources":["../../../../src/components/BKJCheckbox/src/BKJCheck.theme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAIlD,eAAO,MAAM,aAAa,EAAE,cAa3B,CAAC"}

package/lib/components/BKJCheckbox/src/BKJCheck.theme.js

@@ -0,0 +1,17 @@
+import { css } from 'styled-components';
+// These are not semantically named because they are reliant on BKJThemeCheckbox color scheme
+export const BKJThemeCheck = {
+    GreenSolid: css `
+    ${({ theme }) => theme.colors.White};
+  `,
+    GreenNoBorder: css `
+    ${({ theme }) => theme.colors.AccentGreen};
+  `,
+    PurpleOutlined: css `
+    ${({ theme }) => theme.colors.AccentPurple};
+  `,
+    PurpleSolid: css `
+    ${({ theme }) => theme.colors.White};
+  `,
+};
+//# sourceMappingURL=BKJCheck.theme.js.map

package/lib/components/BKJCheckbox/src/BKJCheck.theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJCheck.theme.js","sourceRoot":"","sources":["../../../../src/components/BKJCheckbox/src/BKJCheck.theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,6FAA6F;AAE7F,MAAM,CAAC,MAAM,aAAa,GAAmB;IAC3C,UAAU,EAAE,GAAG,CAAA;MACX,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;GACpC;IACD,aAAa,EAAE,GAAG,CAAA;MACd,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW;GAC1C;IACD,cAAc,EAAE,GAAG,CAAA;MACf,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY;GAC3C;IACD,WAAW,EAAE,GAAG,CAAA;MACZ,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;GACpC;CACF,CAAC"}

package/lib/components/BKJCheckbox/src/BKJCheck.types.d.ts

@@ -0,0 +1,20 @@
+import { Interpolation } from 'styled-components';
+import { BKJThemeCheckboxVariantType } from '../BKJCheckbox.types.js';
+export interface IBKJCheckProps extends React.SVGProps<SVGPathElement> {
+    variant: BKJThemeCheckboxVariantType;
+    disabled?: boolean;
+    checked?: boolean;
+}
+export interface IBKJCheckPathProps extends React.SVGProps<SVGPathElement> {
+    variant: BKJThemeCheckVariantType;
+    disabled?: boolean;
+    checked?: boolean;
+}
+export interface IBKJThemeCheck {
+    GreenSolid: Interpolation<any>;
+    GreenNoBorder: Interpolation<any>;
+    PurpleOutlined: Interpolation<any>;
+    PurpleSolid: Interpolation<any>;
+}
+export type BKJThemeCheckVariantType = keyof IBKJThemeCheck;
+//# sourceMappingURL=BKJCheck.types.d.ts.map

package/lib/components/BKJCheckbox/src/BKJCheck.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJCheck.types.d.ts","sourceRoot":"","sources":["../../../../src/components/BKJCheckbox/src/BKJCheck.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,2BAA2B,EAAE,MAAM,sBAAsB,CAAC;AAEnE,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,QAAQ,CAAC,cAAc,CAAC;IACpE,OAAO,EAAE,2BAA2B,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,QAAQ,CAAC,cAAc,CAAC;IACxE,OAAO,EAAE,wBAAwB,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,cAAc;IAC7B,UAAU,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAC/B,aAAa,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAClC,cAAc,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACnC,WAAW,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;CACjC;AAED,MAAM,MAAM,wBAAwB,GAAG,MAAM,cAAc,CAAC"}

package/lib/components/BKJCheckbox/src/BKJCheck.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=BKJCheck.types.js.map

package/lib/components/BKJCheckbox/src/BKJCheck.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJCheck.types.js","sourceRoot":"","sources":["../../../../src/components/BKJCheckbox/src/BKJCheck.types.ts"],"names":[],"mappings":""}

package/lib/components/BKJCheckboxListItem/BKJCheckboxListItem.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { BKJThemeCheckboxVariantType } from '../BKJCheckbox/BKJCheckbox.types.js';
+import { BKJThemeListItemVariantType, IBKJListItemProps } from '../BKJListItem/BKJListItem.types.js';
+export declare const BKJCheckboxListItem: FC<IBKJListItemProps & {
+    listItemVariant?: BKJThemeListItemVariantType;
+    checkboxVariant?: BKJThemeCheckboxVariantType;
+}>;
+//# sourceMappingURL=BKJCheckboxListItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJCheckboxListItem.d.ts","sourceRoot":"","sources":["../../../src/components/BKJCheckboxListItem/BKJCheckboxListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAoD,MAAM,OAAO,CAAC;AAE7E,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAE/E,OAAO,EAAE,2BAA2B,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAGlG,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAClC,iBAAiB,GAAG;IAClB,eAAe,CAAC,EAAE,2BAA2B,CAAC;IAC9C,eAAe,CAAC,EAAE,2BAA2B,CAAC;CAC/C,CAmDD,CAAC"}

package/lib/components/BKJCheckboxListItem/BKJCheckboxListItem.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useCallback, useMemo } from 'react';
+import { BKJCheckbox } from '../BKJCheckbox/BKJCheckbox.js';
+import { ListItemWrapper } from '../BKJListItem/BKJListItem.styled.js';
+import { ListItemText, SubLabel } from '../common/ListItemBaseCSS/index.js';
+export const BKJCheckboxListItem = forwardRef((props, ref) => {
+    const { onChange, name, subLabel, label, className, disabled = false, isTargeted = false, selected, value, listItemVariant = 'LeftAlignAlternatingBackgroundColor', checkboxVariant = 'GreenSolid', ...rest } = props;
+    const checked = useMemo(() => {
+        if (Array.isArray(selected)) {
+            return selected?.some((str) => String(str) === String(value));
+        }
+        else {
+            return false;
+        }
+    }, [selected, value]);
+    const handleClick = useCallback((event) => {
+        event.preventDefault && event.preventDefault();
+        if (onChange)
+            onChange({ ...event, target: { ...event.target, checked, name, value, label } });
+    }, [checked, label, name, onChange, value]);
+    return (_jsxs(ListItemWrapper, { ...rest, variant: listItemVariant, role: "listbox", onClick: handleClick, className: className, checked: checked, disabled: disabled, isTargeted: isTargeted, ref: ref, children: [_jsx(BKJCheckbox, { variant: checkboxVariant, value: checked, disabled: disabled, readOnly: true }), _jsx(ListItemText, { children: label }), subLabel && _jsx(SubLabel, { children: subLabel })] }));
+});
+//# sourceMappingURL=BKJCheckboxListItem.js.map

package/lib/components/BKJCheckboxListItem/BKJCheckboxListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJCheckboxListItem.js","sourceRoot":"","sources":["../../../src/components/BKJCheckboxListItem/BKJCheckboxListItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,UAAU,EAAkB,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAEzD,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAEpE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEnE,MAAM,CAAC,MAAM,mBAAmB,GAK5B,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,EAAe,EAAE;IACzC,MAAM,EACJ,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAG,KAAK,EAClB,QAAQ,EACR,KAAK,EACL,eAAe,GAAG,qCAAqC,EACvD,eAAe,GAAG,YAAY,EAC9B,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3B,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;YAC5B,OAAO,QAAQ,EAAE,IAAI,CAAC,CAAC,GAAoB,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;QACjF,CAAC;aAAM,CAAC;YACN,OAAO,KAAK,CAAC;QACf,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC;IAEtB,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAAqB,EAAE,EAAE;QACxB,KAAK,CAAC,cAAc,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC;QAC/C,IAAI,QAAQ;YACV,QAAQ,CAAC,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,EAAE,GAAG,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;IACrF,CAAC,EACD,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,CACxC,CAAC;IAEF,OAAO,CACL,MAAC,eAAe,OACV,IAAI,EACR,OAAO,EAAE,eAAe,EACxB,IAAI,EAAC,SAAS,EACd,OAAO,EAAE,WAAkB,EAC3B,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,aAER,KAAC,WAAW,IAAC,OAAO,EAAE,eAAe,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,SAAG,EACtF,KAAC,YAAY,cAAE,KAAK,GAAgB,EACnC,QAAQ,IAAI,KAAC,QAAQ,cAAE,QAAQ,GAAY,IAC5B,CACnB,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,11 @@
+declare const _default: {
+    title: string;
+    component: import("react").FC<import("../BKJListItem/BKJListItem.types.js").IBKJListItemProps & {
+        listItemVariant?: import("../BKJListItem/BKJListItem.types.js").BKJThemeListItemVariantType;
+        checkboxVariant?: import("../BKJCheckbox/BKJCheckbox.types.js").BKJThemeCheckboxVariantType;
+    }>;
+};
+export default _default;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {}>;
+export declare const Multiple: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {}>;
+//# sourceMappingURL=BKJCheckboxListItem.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJCheckboxListItem.stories.d.ts","sourceRoot":"","sources":["../../../src/components/BKJCheckboxListItem/BKJCheckboxListItem.stories.tsx"],"names":[],"mappings":";;;;;;;AAGA,wBAGE;AAgCF,eAAO,MAAM,OAAO,yFAAoB,CAAC;AAgCzC,eAAO,MAAM,QAAQ,yFAA4B,CAAC"}

package/lib/components/BKJCheckboxListItem/BKJCheckboxListItem.stories.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { BKJCheckboxListItem } from './BKJCheckboxListItem.js';
+export default {
+    title: 'List Elements/BKJCheckboxListItem',
+    component: BKJCheckboxListItem,
+};
+const noop = () => void 0;
+const selected1 = ['two'];
+const Template = () => (_jsxs(_Fragment, { children: [_jsx(BKJCheckboxListItem, { onChange: noop, value: "one", label: "Item One", name: "test", selected: selected1 }), _jsx(BKJCheckboxListItem, { onChange: noop, value: "two", label: "Item Two", name: "test", selected: selected1 }), _jsx(BKJCheckboxListItem, { onChange: noop, value: "three", label: "Item Three", name: "test", selected: selected1 })] }));
+export const Default = Template.bind({});
+const selected2 = ['one', 'three'];
+const MultipleTemplate = () => {
+    return (_jsxs(_Fragment, { children: [_jsx(BKJCheckboxListItem, { onChange: noop, value: "one", label: "Item One", name: "test", selected: selected2 }), _jsx(BKJCheckboxListItem, { onChange: noop, value: "two", label: "Item Two", name: "test", selected: selected2 }), _jsx(BKJCheckboxListItem, { onChange: noop, value: "three", label: "Item Three", name: "test", selected: selected2 })] }));
+};
+export const Multiple = MultipleTemplate.bind({});
+//# sourceMappingURL=BKJCheckboxListItem.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJCheckboxListItem.stories.js","sourceRoot":"","sources":["../../../src/components/BKJCheckboxListItem/BKJCheckboxListItem.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,eAAe;IACb,KAAK,EAAE,mCAAmC;IAC1C,SAAS,EAAE,mBAAmB;CAC/B,CAAC;AAEF,MAAM,IAAI,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC;AAE1B,MAAM,SAAS,GAAG,CAAC,KAAK,CAAC,CAAC;AAE1B,MAAM,QAAQ,GAAgB,GAAG,EAAE,CAAC,CAClC,8BACE,KAAC,mBAAmB,IAClB,QAAQ,EAAE,IAAI,EACd,KAAK,EAAC,KAAK,EACX,KAAK,EAAC,UAAU,EAChB,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,SAAS,GACnB,EACF,KAAC,mBAAmB,IAClB,QAAQ,EAAE,IAAI,EACd,KAAK,EAAC,KAAK,EACX,KAAK,EAAC,UAAU,EAChB,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,SAAS,GACnB,EACF,KAAC,mBAAmB,IAClB,QAAQ,EAAE,IAAI,EACd,KAAK,EAAC,OAAO,EACb,KAAK,EAAC,YAAY,EAClB,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,SAAS,GACnB,IACD,CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEzC,MAAM,SAAS,GAAG,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;AAEnC,MAAM,gBAAgB,GAAgB,GAAG,EAAE;IACzC,OAAO,CACL,8BACE,KAAC,mBAAmB,IAClB,QAAQ,EAAE,IAAI,EACd,KAAK,EAAC,KAAK,EACX,KAAK,EAAC,UAAU,EAChB,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,SAAS,GACnB,EACF,KAAC,mBAAmB,IAClB,QAAQ,EAAE,IAAI,EACd,KAAK,EAAC,KAAK,EACX,KAAK,EAAC,UAAU,EAChB,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,SAAS,GACnB,EACF,KAAC,mBAAmB,IAClB,QAAQ,EAAE,IAAI,EACd,KAAK,EAAC,OAAO,EACb,KAAK,EAAC,YAAY,EAClB,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,SAAS,GACnB,IACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC"}

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

@@ -0,0 +1,3 @@
+import { BKJCheckboxListItem } from './BKJCheckboxListItem.js';
+export { BKJCheckboxListItem };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BKJCheckboxListItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/lib/components/BKJCheckboxListItem/index.js

@@ -0,0 +1,3 @@
+import { BKJCheckboxListItem } from './BKJCheckboxListItem.js';
+export { BKJCheckboxListItem };
+//# sourceMappingURL=index.js.map

package/lib/components/BKJCheckboxListItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/BKJCheckboxListItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/lib/components/BKJChip/BKJChip.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJChip.d.ts","sourceRoot":"","sources":["../../../src/components/BKJChip/BKJChip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAO3C,CAAC"}

package/lib/components/BKJChip/BKJChip.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BKJIcon } from '../BKJIcon/index.js';
+import { ChipText, ChipWrapper, CloseIcon } from './BKJChip.styled.js';
+export const BKJChip = ({ onClose, variant = 'Purple', children }) => (_jsxs(ChipWrapper, { variant: variant, children: [_jsx(ChipText, { children: children }), _jsx(CloseIcon, { onMouseDown: onClose, children: _jsx(BKJIcon, { iconName: "CloseBold", color: "White" }) })] }));
+//# sourceMappingURL=BKJChip.js.map

package/lib/components/BKJChip/BKJChip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJChip.js","sourceRoot":"","sources":["../../../src/components/BKJChip/BKJChip.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAGpE,MAAM,CAAC,MAAM,OAAO,GAA4B,CAAC,EAAE,OAAO,EAAE,OAAO,GAAG,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC7F,MAAC,WAAW,IAAC,OAAO,EAAE,OAAO,aAC3B,KAAC,QAAQ,cAAE,QAAQ,GAAY,EAC/B,KAAC,SAAS,IAAC,WAAW,EAAE,OAAO,YAC7B,KAAC,OAAO,IAAC,QAAQ,EAAC,WAAW,EAAC,KAAK,EAAC,OAAO,GAAG,GACpC,IACA,CACf,CAAC"}

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

@@ -0,0 +1,22 @@
+import { IBKJChipProps } from './BKJChip.types.js';
+declare const _default: {
+    title: string;
+    component: import("react").FC<IBKJChipProps>;
+    argTypes: {
+        variant: {
+            name: string;
+            control: {
+                type: string;
+            };
+            option: string[];
+        };
+        onClose: {
+            table: {
+                disable: boolean;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IBKJChipProps>;
+//# sourceMappingURL=BKJChip.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJChip.stories.d.ts","sourceRoot":"","sources":["../../../src/components/BKJChip/BKJChip.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;;AAEhD,wBAiBE;AAQF,eAAO,MAAM,OAAO,oGAAoB,CAAC"}

package/lib/components/BKJChip/BKJChip.stories.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BKJThemeProvider } from '../../providers/BKJThemeProvider/index.js';
+import { BKJChip } from './BKJChip.js';
+export default {
+    title: 'Basic Elements/BKJChip',
+    component: BKJChip,
+    argTypes: {
+        variant: {
+            name: 'Variation',
+            control: {
+                type: 'select',
+            },
+            option: ['Purple', 'Red'],
+        },
+        onClose: {
+            table: {
+                disable: true,
+            },
+        },
+    },
+};
+const Template = ({ ...props }) => (_jsx(BKJThemeProvider, { children: _jsx(BKJChip, { ...props, children: "Filter Pill" }) }));
+export const Default = Template.bind({});
+Default.args = {
+    variant: 'Purple',
+};
+//# sourceMappingURL=BKJChip.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJChip.stories.js","sourceRoot":"","sources":["../../../src/components/BKJChip/BKJChip.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAGpC,eAAe;IACb,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,OAAO;IAClB,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,IAAI,EAAE,WAAW;YACjB,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;aACf;YACD,MAAM,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC;SAC1B;QACD,OAAO,EAAE;YACP,KAAK,EAAE;gBACL,OAAO,EAAE,IAAI;aACd;SACF;KACF;CACF,CAAC;AAEF,MAAM,QAAQ,GAA2B,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CACzD,KAAC,gBAAgB,cACf,KAAC,OAAO,OAAK,KAAK,4BAAuB,GACxB,CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACb,OAAO,EAAE,QAAQ;CAClB,CAAC"}

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

@@ -0,0 +1,7 @@
+import { BKJThemeChipVariantType } from './BKJChip.types.js';
+export declare const ChipWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    variant: BKJThemeChipVariantType;
+}>> & string;
+export declare const ChipText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
+export declare const CloseIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+//# sourceMappingURL=BKJChip.styled.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJChip.styled.d.ts","sourceRoot":"","sources":["../../../src/components/BKJChip/BKJChip.styled.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,eAAO,MAAM,WAAW;aAAyB,uBAAuB;YAQvE,CAAC;AAEF,eAAO,MAAM,QAAQ,yOAQpB,CAAC;AAEF,eAAO,MAAM,SAAS,6NAKrB,CAAC"}

package/lib/components/BKJChip/BKJChip.styled.js

@@ -0,0 +1,26 @@
+import styled from 'styled-components';
+export const ChipWrapper = styled.div `
+  display: flex;
+  align-items: center;
+  border-radius: 99px;
+  padding: 0px 10px;
+  max-width: fit-content;
+  min-height: 30px;
+  ${({ theme, variant }) => theme.chip[variant]}
+`;
+export const ChipText = styled.p `
+  ${({ theme }) => theme.typography.TextLink};
+  ${({ theme }) => theme.fonts.PoppinsBold};
+  text-overflow: ellipsis;
+  overflow: hidden;
+  font-size: 14px;
+  color: white;
+  margin: 0px 8px;
+`;
+export const CloseIcon = styled.div `
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`;
+//# sourceMappingURL=BKJChip.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJChip.styled.js","sourceRoot":"","sources":["../../../src/components/BKJChip/BKJChip.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAGvC,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAsC;;;;;;;IAOvE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC;CAC9C,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAA;IAC5B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ;IACxC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW;;;;;;CAMzC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAKlC,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJChip.theme.d.ts","sourceRoot":"","sources":["../../../src/components/BKJChip/BKJChip.theme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,eAAO,MAAM,YAAY,EAAE,aAO1B,CAAC"}

package/lib/components/BKJChip/BKJChip.theme.js

@@ -0,0 +1,10 @@
+import { css } from 'styled-components';
+export const BKJThemeChip = {
+    Purple: css `
+    background-color: ${({ theme }) => theme.colors.PrimaryDefault};
+  `,
+    Red: css `
+    background-color: ${({ theme }) => theme.colors.ErrorDefault};
+  `,
+};
+//# sourceMappingURL=BKJChip.theme.js.map

package/lib/components/BKJChip/BKJChip.theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJChip.theme.js","sourceRoot":"","sources":["../../../src/components/BKJChip/BKJChip.theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,MAAM,CAAC,MAAM,YAAY,GAAkB;IACzC,MAAM,EAAE,GAAG,CAAA;wBACW,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,cAAc;GAC/D;IACD,GAAG,EAAE,GAAG,CAAA;wBACc,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY;GAC7D;CACF,CAAC"}

package/lib/components/BKJChip/BKJChip.types.d.ts

@@ -0,0 +1,12 @@
+import { MouseEventHandler } from 'react';
+import { Interpolation } from 'styled-components';
+export interface IBKJChipProps {
+    variant: BKJThemeChipVariantType;
+    onClose?: MouseEventHandler<HTMLDivElement>;
+}
+export interface IBKJThemeChip {
+    Purple: Interpolation<any>;
+    Red: Interpolation<any>;
+}
+export type BKJThemeChipVariantType = keyof IBKJThemeChip;
+//# sourceMappingURL=BKJChip.types.d.ts.map

package/lib/components/BKJChip/BKJChip.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJChip.types.d.ts","sourceRoot":"","sources":["../../../src/components/BKJChip/BKJChip.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,uBAAuB,CAAC;IACjC,OAAO,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;CAC7C;AAED,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAC3B,GAAG,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;CACzB;AAED,MAAM,MAAM,uBAAuB,GAAG,MAAM,aAAa,CAAC"}

package/lib/components/BKJChip/BKJChip.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=BKJChip.types.js.map

package/lib/components/BKJChip/BKJChip.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJChip.types.js","sourceRoot":"","sources":["../../../src/components/BKJChip/BKJChip.types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,3 @@
+import { BKJChip } from './BKJChip.js';
+export { BKJChip };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BKJChip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/lib/components/BKJChip/index.js

@@ -0,0 +1,3 @@
+import { BKJChip } from './BKJChip.js';
+export { BKJChip };
+//# sourceMappingURL=index.js.map

package/lib/components/BKJChip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/BKJChip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,OAAO,EAAE,OAAO,EAAE,CAAC"}

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

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { IBKJComboBoxProps } from './BKJComboBox.types.js';
+/**
+ * BookJane's Searchable Select Component
+ * @authors [David Zahiri](https://github.com/twistedrc1017), [Matthew J. Wong](https://github.com/matthew-jay-wong)
+ */
+export declare const BKJComboBox: FC<IBKJComboBoxProps>;
+//# sourceMappingURL=BKJComboBox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJComboBox.d.ts","sourceRoot":"","sources":["../../../src/components/BKJComboBox/BKJComboBox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AAErC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAKxD;;;GAGG;AAEH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,iBAAiB,CAsD7C,CAAC"}

package/lib/components/BKJComboBox/BKJComboBox.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment } from 'react';
+import { usePortalTargetElement } from '../../hooks/usePortalTargetElement.js';
+import { BKJComboBoxProvider } from './src/BKJComboBox.context.js';
+import { BKJComboBoxInput } from './src/BKJComboBoxInput.js';
+import { BKJComboBoxOptions } from './src/BKJComboBoxOptions.js';
+/**
+ * BookJane's Searchable Select Component
+ * @authors [David Zahiri](https://github.com/twistedrc1017), [Matthew J. Wong](https://github.com/matthew-jay-wong)
+ */
+export const BKJComboBox = (props) => {
+    const { label, name, onChange, options, value, type = 'Single', filter = 'AnyMatch', action = 'OpenToggle', variant = 'ComboBoxSeamlessRounded', placeholder = 'Begin typing to see results...', leftIconProps, disabled, required, className, autoComplete = 'off', overrides = [], onIsOpenChange, $dropdownHeight, allowedAutoPlacements, } = props;
+    const targetElement = usePortalTargetElement('dropdown-root');
+    if (!targetElement)
+        return _jsx(Fragment, {});
+    return (_jsxs(BKJComboBoxProvider, { required: required, name: name, type: type, value: value, label: label, action: action, filter: filter, variant: variant, options: options, onChange: onChange, disabled: disabled, error: props.error, placeholder: placeholder, leftIconProps: leftIconProps, portalTargetElement: targetElement, overrides: overrides, onIsOpenChange: onIsOpenChange, children: [_jsx(BKJComboBoxInput, { className: className, autoComplete: autoComplete, overrides: overrides }), _jsx(BKJComboBoxOptions, { "$dropdownHeight": $dropdownHeight, allowedAutoPlacements: allowedAutoPlacements, overrides: overrides }, JSON.stringify(value))] }));
+};
+//# sourceMappingURL=BKJComboBox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJComboBox.js","sourceRoot":"","sources":["../../../src/components/BKJComboBox/BKJComboBox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAE5E,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAE9D;;;GAGG;AAEH,MAAM,CAAC,MAAM,WAAW,GAA0B,CAAC,KAAK,EAAE,EAAE;IAC1D,MAAM,EACJ,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,KAAK,EACL,IAAI,GAAG,QAAQ,EACf,MAAM,GAAG,UAAU,EACnB,MAAM,GAAG,YAAY,EACrB,OAAO,GAAG,yBAAyB,EACnC,WAAW,GAAG,gCAAgC,EAC9C,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,YAAY,GAAG,KAAK,EACpB,SAAS,GAAG,EAAE,EACd,cAAc,EACd,eAAe,EACf,qBAAqB,GACtB,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,mBAAmB,IAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,mBAAmB,EAAE,aAAa,EAClC,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,aAE9B,KAAC,gBAAgB,IAAC,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,GAAI,EAC5F,KAAC,kBAAkB,uBAEA,eAAe,EAChC,qBAAqB,EAAE,qBAAqB,EAC5C,SAAS,EAAE,SAAS,IAHf,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAI1B,IACkB,CACvB,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,9 @@
+import { IBKJComboBoxProps } from './BKJComboBox.types.js';
+declare const setup: {
+    title: string;
+    component: import("react").FC<IBKJComboBoxProps<import("./BKJComboBox.types.js").IBKJComboBoxOption<string | number, string, string | number>>>;
+    argTypes: {};
+};
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IBKJComboBoxProps<import("./BKJComboBox.types.js").IBKJComboBoxOption<string | number, string, string | number>>>;
+export default setup;
+//# sourceMappingURL=BKJComboBox.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJComboBox.stories.d.ts","sourceRoot":"","sources":["../../../src/components/BKJComboBox/BKJComboBox.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAYxD,QAAA,MAAM,KAAK;;;;CAIV,CAAC;AAmDF,eAAO,MAAM,OAAO,oMAAoB,CAAC;AAIzC,eAAe,KAAK,CAAC"}

package/lib/components/BKJComboBox/BKJComboBox.stories.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment } from 'react';
+import { useFormBehaviors } from '../../hooks/index.js';
+import { BKJComboBox } from './BKJComboBox.js';
+import options from './fortune-500-company-list.json';
+const __options__ = options.map((item, i) => ({
+    ...item,
+    value: item.id,
+    label: item.company_name,
+    subLabel: `(${item.profit})`,
+    index: i,
+    id: item.id,
+}));
+const setup = {
+    title: 'Input Elements/BKJComboBox',
+    component: BKJComboBox,
+    argTypes: {},
+};
+const Template = () => {
+    const { values, onChange } = useFormBehaviors({
+        initialState: { location: [] },
+        isDirtyCheckEnabled: true,
+        type: 'EDIT',
+        validations: {},
+        onSubmit: () => { },
+    });
+    return (_jsxs(Fragment, { children: [_jsx("br", {}), _jsx("br", {}), _jsx("br", {}), _jsx("br", {}), _jsx("br", {}), _jsx("br", {}), _jsx("br", {}), _jsx("br", {}), _jsx("br", {}), _jsx("br", {}), _jsx("br", {}), _jsx("br", {}), _jsx("br", {}), _jsx("br", {}), _jsx("br", {}), _jsx("br", {}), _jsx("br", {}), _jsxs("form", { onSubmit: () => { }, children: [_jsx(BKJComboBox, { variant: "ComboBoxSeamlessRounded", allowedAutoPlacements: ['bottom', 'top'], type: "Single", label: "Something", value: values.location, options: __options__, name: "location", action: "OpenToggle", filter: "TimeStartsWith", onChange: onChange, leftIconProps: { iconName: 'ShiftsTime' } }), _jsx("button", { type: "submit", children: "send" })] })] }));
+};
+export const Default = Template.bind({});
+Default.args = {};
+export default setup;
+//# sourceMappingURL=BKJComboBox.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJComboBox.stories.js","sourceRoot":"","sources":["../../../src/components/BKJComboBox/BKJComboBox.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,OAAO,MAAM,iCAAiC,CAAC;AAEtD,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAC5C,GAAG,IAAI;IACP,KAAK,EAAE,IAAI,CAAC,EAAE;IACd,KAAK,EAAE,IAAI,CAAC,YAAY;IACxB,QAAQ,EAAE,IAAI,IAAI,CAAC,MAAM,GAAG;IAC5B,KAAK,EAAE,CAAC;IACR,EAAE,EAAE,IAAI,CAAC,EAAE;CACZ,CAAC,CAAC,CAAC;AAEJ,MAAM,KAAK,GAAG;IACZ,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,WAAW;IACtB,QAAQ,EAAE,EAAE;CACb,CAAC;AAEF,MAAM,QAAQ,GAA+B,GAAG,EAAE;IAChD,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,gBAAgB,CAAC;QAC5C,YAAY,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;QAC9B,mBAAmB,EAAE,IAAI;QACzB,IAAI,EAAE,MAAM;QACZ,WAAW,EAAE,EAAE;QACf,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;KACnB,CAAC,CAAC;IAEH,OAAO,CACL,MAAC,QAAQ,eACP,cAAM,EACN,cAAM,EACN,cAAM,EACN,cAAM,EACN,cAAM,EACN,cAAM,EACN,cAAM,EACN,cAAM,EACN,cAAM,EACN,cAAM,EACN,cAAM,EACN,cAAM,EACN,cAAM,EACN,cAAM,EACN,cAAM,EACN,cAAM,EACN,cAAM,EACN,gBAAM,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,aACtB,KAAC,WAAW,IACV,OAAO,EAAC,yBAAyB,EACjC,qBAAqB,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,EACxC,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,WAAW,EACjB,KAAK,EAAE,MAAM,CAAC,QAAQ,EACtB,OAAO,EAAE,WAAW,EACpB,IAAI,EAAC,UAAU,EACf,MAAM,EAAC,YAAY,EACnB,MAAM,EAAC,gBAAgB,EACvB,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,EAAE,QAAQ,EAAE,YAAY,EAAE,GACzC,EAEF,iBAAQ,IAAI,EAAC,QAAQ,qBAAc,IAC9B,IACE,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEzC,OAAO,CAAC,IAAI,GAAG,EAAE,CAAC;AAElB,eAAe,KAAK,CAAC"}

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

@@ -0,0 +1,122 @@
+import { UseComboboxReturnValue } from 'downshift';
+import { Dispatch, Key, KeyboardEventHandler, MutableRefObject, SetStateAction } from 'react';
+import { VirtualItem } from 'react-virtual';
+import { CSSProperties } from 'styled-components';
+import { ChangeEventType, ChangeFunctionType, FormValidationErrorMessageType } from '../../common.types.js';
+import { IBKJTextInputProps } from '../BKJTextInput/BKJTextInput.types.js';
+import { BKJComboBoxFilterFnType } from './BKJComboBox.utils.js';
+import { Placement } from '@popperjs/core';
+export type IBKJComboBoxPropsOverrides = 'HIDE_VALUE_LABEL' | 'CHECKBOX_VARIANT';
+export interface IBKJComboBoxProps<TComboBoxOption = IBKJComboBoxOption> extends Omit<IBKJTextInputProps, 'value' | 'overrides'> {
+    name: string;
+    label?: string;
+    $dropdownHeight?: string;
+    allowedAutoPlacements?: Placement[];
+    /**
+     * @description Array of dropdown options
+     */
+    options: Omit<TComboBoxOption, 'index'>[];
+    variant?: 'ComboBoxSeamlessRounded';
+    placeholder?: IBKJTextInputProps['placeholder'];
+    /**
+     * @description To specify if you can only select 1 option at a time, or multiple
+     * @param Single Can only select 1 value
+     * @param Multiple [NOT IMPLEMENTED] Can select multiple values
+     */
+    type: 'Single' | 'Multiple';
+    /**
+     * @description Enum values that map to a filtering function
+     * @param Default Uses matchSorter function from npm package 'match-sorter'
+     * @param ExactMatch Will narrow results by exactly matching input string
+     */
+    filter?: BKJComboBoxFilterFnType;
+    value: string[];
+    onChange: ChangeFunctionType;
+    leftIconProps?: IBKJTextInputProps['leftIconProps'];
+    /**
+     * @description Specifies what the right side button is & does
+     * @param OpenToggle Arrow button to toggle dropdown (SELECTING THIS DISABLES THE ABILITY TO UNSELECT VALUE)
+     * @param ClearValue Clear button that only appears when the inner input has a value
+     */
+    action: 'ClearInputValue' | 'OpenToggle' | 'ClearSelectedValue';
+    error?: FormValidationErrorMessageType;
+    required?: boolean;
+    overrides?: IBKJComboBoxPropsOverrides[];
+    onIsOpenChange?: IBKJComboBoxProviderProps['onIsOpenChange'];
+}
+export type IBKJComboBoxOption<TOptionValue = string | number, TOptionLabel = string, TOptionIdentifier = string | number> = {
+    value: TOptionValue;
+    label: TOptionLabel;
+    subLabel?: TOptionLabel;
+    id: TOptionIdentifier;
+    name?: string;
+    key?: Key;
+    disabled?: boolean;
+    style?: CSSProperties;
+    index?: number;
+    overrides?: IBKJComboBoxPropsOverrides[];
+};
+/**
+ * @description Props taken by BKJComboBoxProvider
+ */
+export interface IBKJComboBoxProviderProps {
+    action: IBKJComboBoxProps['action'];
+    error?: FormValidationErrorMessageType;
+    filter: BKJComboBoxFilterFnType;
+    label: IBKJTextInputProps['label'];
+    name: IBKJComboBoxProps['name'];
+    onChange: IBKJComboBoxProps['onChange'];
+    options: IBKJComboBoxProps['options'];
+    placeholder: IBKJTextInputProps['placeholder'];
+    portalTargetElement: HTMLElement;
+    type: IBKJComboBoxProps['type'];
+    value: IBKJComboBoxProps['value'];
+    variant: IBKJComboBoxProps['variant'];
+    leftIconProps?: IBKJComboBoxProps['leftIconProps'];
+    disabled?: IBKJComboBoxProps['disabled'];
+    required?: IBKJComboBoxProps['required'];
+    overrides: IBKJComboBoxPropsOverrides[];
+    onIsOpenChange?: (args: {
+        isOpen?: boolean;
+        highlightedIndex?: number;
+    }) => void;
+}
+interface ScrollToOptions {
+    align: 'start' | 'center' | 'end' | 'auto';
+}
+export interface IBKJComboBoxContextValue extends Omit<UseComboboxReturnValue<IBKJComboBoxOption<string | number>>, 'selectItem' | 'setInputValue'> {
+    anchorElement?: HTMLInputElement;
+    setAnchorElement: Dispatch<SetStateAction<IBKJComboBoxContextValue['anchorElement']>>;
+    dropdownElement?: HTMLUListElement;
+    setDropdownElement: Dispatch<SetStateAction<IBKJComboBoxContextValue['dropdownElement']>>;
+    onInputKeyDown: KeyboardEventHandler<HTMLInputElement>;
+    onSelectedClear: () => void;
+    onInputFocus: (...args: any) => void;
+    options: IBKJComboBoxProps['options'];
+    parentRef: MutableRefObject<HTMLUListElement>;
+    rowVirtualizer: {
+        virtualItems: VirtualItem[];
+        totalSize: number;
+        scrollToOffset: (index: number, options?: ScrollToOptions) => void;
+        scrollToIndex: (index: number, options?: ScrollToOptions) => void;
+        measure: () => void;
+    };
+    portalTargetElement: IBKJComboBoxProviderProps['portalTargetElement'];
+    isDropdownReverse: boolean;
+    handleMultiSelectClick: (e: ChangeEventType) => any;
+    name: IBKJComboBoxProps['name'];
+    error?: FormValidationErrorMessageType;
+    filter: BKJComboBoxFilterFnType;
+    label: IBKJTextInputProps['label'];
+    type: IBKJComboBoxProps['type'];
+    value: IBKJComboBoxProps['value'];
+    variant: IBKJComboBoxProps['variant'];
+    onChange: IBKJComboBoxProps['onChange'];
+    placeholder: IBKJTextInputProps['placeholder'];
+    action: IBKJComboBoxProps['action'];
+    leftIconProps?: IBKJComboBoxProps['leftIconProps'];
+    disabled?: IBKJComboBoxProps['disabled'];
+    required?: IBKJComboBoxProps['required'];
+}
+export {};
+//# sourceMappingURL=BKJComboBox.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJComboBox.types.d.ts","sourceRoot":"","sources":["../../../src/components/BKJComboBox/BKJComboBox.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC9F,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EACL,eAAe,EACf,kBAAkB,EAClB,8BAA8B,EAC/B,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,MAAM,MAAM,0BAA0B,GAAG,kBAAkB,GAAG,kBAAkB,CAAC;AACjF,MAAM,WAAW,iBAAiB,CAAC,eAAe,GAAG,kBAAkB,CACrE,SAAQ,IAAI,CAAC,kBAAkB,EAAE,OAAO,GAAG,WAAW,CAAC;IACvD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qBAAqB,CAAC,EAAE,SAAS,EAAE,CAAC;IACpC;;OAEG;IACH,OAAO,EAAE,IAAI,CAAC,eAAe,EAAE,OAAO,CAAC,EAAE,CAAC;IAC1C,OAAO,CAAC,EAAE,yBAAyB,CAAC;IACpC,WAAW,CAAC,EAAE,kBAAkB,CAAC,aAAa,CAAC,CAAC;IAChD;;;;OAIG;IACH,IAAI,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC5B;;;;OAIG;IACH,MAAM,CAAC,EAAE,uBAAuB,CAAC;IACjC,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,aAAa,CAAC,EAAE,kBAAkB,CAAC,eAAe,CAAC,CAAC;IACpD;;;;OAIG;IACH,MAAM,EAAE,iBAAiB,GAAG,YAAY,GAAG,oBAAoB,CAAC;IAChE,KAAK,CAAC,EAAE,8BAA8B,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,0BAA0B,EAAE,CAAC;IACzC,cAAc,CAAC,EAAE,yBAAyB,CAAC,gBAAgB,CAAC,CAAC;CAC9D;AAED,MAAM,MAAM,kBAAkB,CAC5B,YAAY,GAAG,MAAM,GAAG,MAAM,EAC9B,YAAY,GAAG,MAAM,EACrB,iBAAiB,GAAG,MAAM,GAAG,MAAM,IACjC;IACF,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,EAAE,YAAY,CAAC;IACpB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,EAAE,EAAE,iBAAiB,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,GAAG,CAAC;IACV,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,0BAA0B,EAAE,CAAC;CAC1C,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC,MAAM,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IACpC,KAAK,CAAC,EAAE,8BAA8B,CAAC;IACvC,MAAM,EAAE,uBAAuB,CAAC;IAChC,KAAK,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACnC,IAAI,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAChC,QAAQ,EAAE,iBAAiB,CAAC,UAAU,CAAC,CAAC;IACxC,OAAO,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAC;IACtC,WAAW,EAAE,kBAAkB,CAAC,aAAa,CAAC,CAAC;IAC/C,mBAAmB,EAAE,WAAW,CAAC;IACjC,IAAI,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAChC,KAAK,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAClC,OAAO,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAC;IACtC,aAAa,CAAC,EAAE,iBAAiB,CAAC,eAAe,CAAC,CAAC;IACnD,QAAQ,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC,CAAC;IACzC,SAAS,EAAE,0BAA0B,EAAE,CAAC;IACxC,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAC;QAAC,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAClF;AACD,UAAU,eAAe;IACvB,KAAK,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC;CAC5C;AAED,MAAM,WAAW,wBACf,SAAQ,IAAI,CACV,sBAAsB,CAAC,kBAAkB,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC,EAC3D,YAAY,GAAG,eAAe,CAC/B;IACD,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,gBAAgB,EAAE,QAAQ,CAAC,cAAc,CAAC,wBAAwB,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;IACtF,eAAe,CAAC,EAAE,gBAAgB,CAAC;IACnC,kBAAkB,EAAE,QAAQ,CAAC,cAAc,CAAC,wBAAwB,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;IAC1F,cAAc,EAAE,oBAAoB,CAAC,gBAAgB,CAAC,CAAC;IACvD,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,YAAY,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IACrC,OAAO,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAC;IACtC,SAAS,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IAC9C,cAAc,EAAE;QACd,YAAY,EAAE,WAAW,EAAE,CAAC;QAC5B,SAAS,EAAE,MAAM,CAAC;QAClB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,eAAe,KAAK,IAAI,CAAC;QACnE,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,eAAe,KAAK,IAAI,CAAC;QAClE,OAAO,EAAE,MAAM,IAAI,CAAC;KACrB,CAAC;IACF,mBAAmB,EAAE,yBAAyB,CAAC,qBAAqB,CAAC,CAAC;IACtE,iBAAiB,EAAE,OAAO,CAAC;IAC3B,sBAAsB,EAAE,CAAC,CAAC,EAAE,eAAe,KAAK,GAAG,CAAC;IACpD,IAAI,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAChC,KAAK,CAAC,EAAE,8BAA8B,CAAC;IACvC,MAAM,EAAE,uBAAuB,CAAC;IAChC,KAAK,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACnC,IAAI,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAChC,KAAK,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAClC,OAAO,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAC;IACtC,QAAQ,EAAE,iBAAiB,CAAC,UAAU,CAAC,CAAC;IACxC,WAAW,EAAE,kBAAkB,CAAC,aAAa,CAAC,CAAC;IAC/C,MAAM,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IACpC,aAAa,CAAC,EAAE,iBAAiB,CAAC,eAAe,CAAC,CAAC;IACnD,QAAQ,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC,CAAC;CAC1C"}

package/lib/components/BKJComboBox/BKJComboBox.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=BKJComboBox.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJComboBox.types.js","sourceRoot":"","sources":["../../../src/components/BKJComboBox/BKJComboBox.types.ts"],"names":[],"mappings":""}