@simplybusiness/mobius 9.1.2 → 9.3.0

package/dist/cjs/components/Combobox/Listbox.js

@@ -0,0 +1,169 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Combobox/Listbox.tsx
+var Listbox_exports = {};
+__export(Listbox_exports, {
+  Listbox: () => Listbox
+});
+module.exports = __toCommonJS(Listbox_exports);
+var import_dedupe2 = __toESM(require("classnames/dedupe"));
+
+// src/components/Combobox/Option.tsx
+var import_react = require("react");
+var import_dedupe = __toESM(require("classnames/dedupe"));
+
+// src/components/Combobox/utils.tsx
+function isOptionGroup(options) {
+  if (!options) return false;
+  return typeof options[0] === "object" && "options" in options[0] && options[0].options !== void 0 && "heading" in options[0] && options[0].heading !== void 0;
+}
+var getOptionValue = (option) => typeof option === "string" ? option : option?.value;
+var getOptionLabel = (option) => typeof option === "string" ? option : option?.label;
+var buildOptionTestId = (prefix, value) => `${prefix}-${value.trim().toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "")}`;
+
+// src/components/Combobox/Option.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var Option = ({
+  option,
+  isHighlighted,
+  onOptionSelect,
+  optionComponent: OptionComponent,
+  optionTestIdPrefix,
+  id
+}) => {
+  const optionRef = (0, import_react.useRef)(null);
+  const optionValue = getOptionValue(option) || "";
+  const testId = buildOptionTestId(
+    optionTestIdPrefix || "combobox-option",
+    optionValue
+  );
+  (0, import_react.useEffect)(() => {
+    if (isHighlighted && optionRef.current && optionRef.current.scrollIntoView) {
+      optionRef.current.scrollIntoView({ block: "nearest" });
+    }
+  }, [isHighlighted]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "li",
+    {
+      ref: optionRef,
+      role: "option",
+      "data-testid": testId,
+      id,
+      "aria-selected": isHighlighted,
+      onMouseDown: () => onOptionSelect(option),
+      className: (0, import_dedupe.default)("mobius-combobox__option", "has-pii", {
+        "mobius-combobox__option--is-highlighted": isHighlighted
+      }),
+      children: OptionComponent ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(OptionComponent, { option, isHighlighted }) : getOptionLabel(option)
+    },
+    getOptionValue(option)
+  );
+};
+
+// src/components/Combobox/Listbox.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var getOptionKey = (option, index, groupIndex) => {
+  let key;
+  if (typeof option === "object" && option.id) key = option.id;
+  else if (typeof option === "object") key = `${option.value}::${option.label}`;
+  else if (typeof option === "string") key = option;
+  else key = String(index);
+  return groupIndex !== void 0 ? `${groupIndex}:${key}` : key;
+};
+var Listbox = ({
+  id,
+  isOpen = false,
+  options,
+  highlightedIndex,
+  highlightedGroupIndex,
+  onOptionSelect,
+  optionComponent,
+  optionTestIdPrefix
+}) => {
+  const classes = (0, import_dedupe2.default)("mobius-combobox__list", {
+    "mobius-combobox__list--hidden": !isOpen
+  });
+  function getOptionId(option, groupIndex, index) {
+    if (typeof option === "object" && "id" in option && typeof option.id === "string") {
+      return option.id;
+    }
+    return isOptionGroup(options) ? `${id}-option-${groupIndex}-${index}` : `${id}-option-${index}`;
+  }
+  if (!isOpen) {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { role: "listbox", id, className: classes });
+  }
+  if (options && options.length === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { role: "listbox", id, className: classes, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "mobius-combobox__no-options", children: "No options" }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { role: "listbox", id, className: classes, children: isOptionGroup(options) ? options.map((option, groupIndex) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    "ul",
+    {
+      role: "group",
+      "aria-labelledby": `${id}-group-${groupIndex}`,
+      className: "mobius-combobox__group",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "li",
+          {
+            role: "presentation",
+            id: `${id}-group-${groupIndex}`,
+            className: "mobius-combobox__group-label",
+            children: option.heading
+          }
+        ),
+        option.options.map((groupOption, index) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          Option,
+          {
+            option: groupOption,
+            isHighlighted: highlightedIndex === index && highlightedGroupIndex === groupIndex,
+            onOptionSelect,
+            optionComponent,
+            optionTestIdPrefix,
+            id: getOptionId(groupOption, groupIndex, index)
+          },
+          getOptionKey(groupOption, index, groupIndex)
+        ))
+      ]
+    },
+    option.heading
+  )) : typeof options !== "undefined" ? options.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    Option,
+    {
+      option,
+      isHighlighted: highlightedIndex === index,
+      onOptionSelect,
+      optionComponent,
+      optionTestIdPrefix,
+      id: getOptionId(option, 0, index)
+    },
+    getOptionKey(option, index)
+  )) : null });
+};
+//# sourceMappingURL=Listbox.js.map

package/dist/cjs/components/Combobox/Listbox.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/Combobox/Listbox.tsx", "../../../../src/components/Combobox/Option.tsx", "../../../../src/components/Combobox/utils.tsx"],
+  "sourcesContent": ["import classNames from \"classnames/dedupe\";\nimport { Option } from \"./Option\";\nimport type {\n  ComboboxBaseProps,\n  ComboboxOption,\n  ComboboxOptions,\n} from \"./types\";\nimport { isOptionGroup } from \"./utils\";\n\nconst getOptionKey = (\n  option: ComboboxOption,\n  index: number,\n  groupIndex?: number,\n): string => {\n  let key: string;\n  if (typeof option === \"object\" && option.id) key = option.id;\n  else if (typeof option === \"object\") key = `${option.value}::${option.label}`;\n  else if (typeof option === \"string\") key = option;\n  else key = String(index);\n\n  return groupIndex !== undefined ? `${groupIndex}:${key}` : key;\n};\n\nexport type ListboxProps<T extends ComboboxOption> = {\n  id: string;\n  isOpen?: boolean;\n  isLoading?: boolean;\n  options: ComboboxOptions<T> | undefined;\n  highlightedIndex: number;\n  highlightedGroupIndex: number;\n  onOptionSelect: (option: T) => void;\n  optionComponent?: ComboboxBaseProps<T>[\"optionComponent\"];\n  optionTestIdPrefix?: string;\n};\n\nexport const Listbox = <T extends ComboboxOption>({\n  id,\n  isOpen = false,\n  options,\n  highlightedIndex,\n  highlightedGroupIndex,\n  onOptionSelect,\n  optionComponent,\n  optionTestIdPrefix,\n}: ListboxProps<T>) => {\n  const classes = classNames(\"mobius-combobox__list\", {\n    \"mobius-combobox__list--hidden\": !isOpen,\n  });\n\n  function getOptionId(\n    option: ComboboxOption,\n    groupIndex: number,\n    index: number,\n  ) {\n    if (\n      typeof option === \"object\" &&\n      \"id\" in option &&\n      typeof option.id === \"string\"\n    ) {\n      return option.id;\n    }\n    return isOptionGroup(options)\n      ? `${id}-option-${groupIndex}-${index}`\n      : `${id}-option-${index}`;\n  }\n\n  // If not open, render empty listbox but keep it in DOM for accessibility\n  if (!isOpen) {\n    return <div role=\"listbox\" id={id} className={classes} />;\n  }\n\n  if (options && options.length === 0) {\n    return (\n      <div role=\"listbox\" id={id} className={classes}>\n        <div className=\"mobius-combobox__no-options\">No options</div>\n      </div>\n    );\n  }\n\n  return (\n    <div role=\"listbox\" id={id} className={classes}>\n      {isOptionGroup(options)\n        ? options.map((option, groupIndex) => (\n            <ul\n              role=\"group\"\n              key={option.heading}\n              aria-labelledby={`${id}-group-${groupIndex}`}\n              className=\"mobius-combobox__group\"\n            >\n              <li\n                role=\"presentation\"\n                id={`${id}-group-${groupIndex}`}\n                className=\"mobius-combobox__group-label\"\n              >\n                {option.heading}\n              </li>\n              {option.options.map((groupOption, index) => (\n                <Option\n                  key={getOptionKey(groupOption, index, groupIndex)}\n                  option={groupOption}\n                  isHighlighted={\n                    highlightedIndex === index &&\n                    highlightedGroupIndex === groupIndex\n                  }\n                  onOptionSelect={onOptionSelect}\n                  optionComponent={optionComponent}\n                  optionTestIdPrefix={optionTestIdPrefix}\n                  id={getOptionId(groupOption, groupIndex, index)}\n                />\n              ))}\n            </ul>\n          ))\n        : typeof options !== \"undefined\"\n          ? options.map((option, index) => (\n              <Option\n                key={getOptionKey(option, index)}\n                option={option}\n                isHighlighted={highlightedIndex === index}\n                onOptionSelect={onOptionSelect}\n                optionComponent={optionComponent}\n                optionTestIdPrefix={optionTestIdPrefix}\n                id={getOptionId(option, 0, index)}\n              />\n            ))\n          : null}\n    </div>\n  );\n};\n", "import { useEffect, useRef } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { getOptionValue, getOptionLabel, buildOptionTestId } from \"./utils\";\nimport type { ComboboxOption, ComboboxOptionProps } from \"./types\";\n\nexport const Option = <T extends ComboboxOption>({\n  option,\n  isHighlighted,\n  onOptionSelect,\n  optionComponent: OptionComponent,\n  optionTestIdPrefix,\n  id,\n}: ComboboxOptionProps<T>) => {\n  const optionRef = useRef<HTMLLIElement>(null);\n  const optionValue = getOptionValue(option) || \"\";\n  const testId = buildOptionTestId(\n    optionTestIdPrefix || \"combobox-option\",\n    optionValue,\n  );\n\n  useEffect(() => {\n    if (\n      isHighlighted &&\n      optionRef.current &&\n      optionRef.current.scrollIntoView\n    ) {\n      optionRef.current.scrollIntoView({ block: \"nearest\" });\n    }\n  }, [isHighlighted]);\n\n  return (\n    <li\n      ref={optionRef}\n      role=\"option\"\n      data-testid={testId}\n      key={getOptionValue(option)}\n      id={id}\n      aria-selected={isHighlighted}\n      onMouseDown={() => onOptionSelect(option)}\n      className={classNames(\"mobius-combobox__option\", \"has-pii\", {\n        \"mobius-combobox__option--is-highlighted\": isHighlighted,\n      })}\n    >\n      {OptionComponent ? (\n        <OptionComponent option={option} isHighlighted={isHighlighted} />\n      ) : (\n        getOptionLabel(option)\n      )}\n    </li>\n  );\n};\n", "import type {\n  ComboboxOption,\n  ComboboxOptionGroup,\n  ComboboxOptions,\n} from \"./types\";\n\n// FIXME: This might be better handled with Zod\nexport function isOptionGroup<T extends ComboboxOption>(\n  options: ComboboxOptions<T> | undefined,\n): options is ComboboxOptionGroup<T>[] {\n  if (!options) return false;\n  return (\n    typeof options[0] === \"object\" &&\n    \"options\" in options[0] &&\n    options[0].options !== undefined &&\n    \"heading\" in options[0] &&\n    options[0].heading !== undefined\n  );\n}\n\nexport const getOptionValue = (option: ComboboxOption | undefined) =>\n  typeof option === \"string\" ? option : option?.value;\n\nexport const getOptionLabel = (option: ComboboxOption | undefined) =>\n  typeof option === \"string\" ? option : option?.label;\n\nexport function filterOptions<T extends ComboboxOption>(\n  options: ComboboxOptions<T>,\n  inputValue: string,\n): ComboboxOptions<T> {\n  if (isOptionGroup(options)) {\n    return options\n      .map(optionGroup => ({\n        ...optionGroup,\n        options: optionGroup.options.filter(option =>\n          getOptionLabel(option)!\n            .toLowerCase()\n            .includes(inputValue.toLowerCase()),\n        ),\n      }))\n      .filter(optionGroup => optionGroup.options.length > 0);\n  }\n\n  return options.filter(option =>\n    getOptionLabel(option)!.toLowerCase().includes(inputValue.toLowerCase()),\n  );\n}\n\nexport function clamp(value: number, min: number, max: number) {\n  return Math.min(Math.max(value, min), max);\n}\n\nexport const buildOptionTestId = (prefix: string, value: string): string =>\n  `${prefix}-${value\n    .trim()\n    .toLowerCase()\n    .replace(/[^a-z0-9]+/g, \"-\")\n    .replace(/^-+|-+$/g, \"\")}`;\n"],
+  "mappings": "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",
+  "names": ["import_dedupe", "classNames", "import_jsx_runtime", "classNames"]
+}

package/dist/cjs/components/Combobox/Option.js

@@ -0,0 +1,82 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Combobox/Option.tsx
+var Option_exports = {};
+__export(Option_exports, {
+  Option: () => Option
+});
+module.exports = __toCommonJS(Option_exports);
+var import_react = require("react");
+var import_dedupe = __toESM(require("classnames/dedupe"));
+
+// src/components/Combobox/utils.tsx
+var getOptionValue = (option) => typeof option === "string" ? option : option?.value;
+var getOptionLabel = (option) => typeof option === "string" ? option : option?.label;
+var buildOptionTestId = (prefix, value) => `${prefix}-${value.trim().toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "")}`;
+
+// src/components/Combobox/Option.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var Option = ({
+  option,
+  isHighlighted,
+  onOptionSelect,
+  optionComponent: OptionComponent,
+  optionTestIdPrefix,
+  id
+}) => {
+  const optionRef = (0, import_react.useRef)(null);
+  const optionValue = getOptionValue(option) || "";
+  const testId = buildOptionTestId(
+    optionTestIdPrefix || "combobox-option",
+    optionValue
+  );
+  (0, import_react.useEffect)(() => {
+    if (isHighlighted && optionRef.current && optionRef.current.scrollIntoView) {
+      optionRef.current.scrollIntoView({ block: "nearest" });
+    }
+  }, [isHighlighted]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "li",
+    {
+      ref: optionRef,
+      role: "option",
+      "data-testid": testId,
+      id,
+      "aria-selected": isHighlighted,
+      onMouseDown: () => onOptionSelect(option),
+      className: (0, import_dedupe.default)("mobius-combobox__option", "has-pii", {
+        "mobius-combobox__option--is-highlighted": isHighlighted
+      }),
+      children: OptionComponent ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(OptionComponent, { option, isHighlighted }) : getOptionLabel(option)
+    },
+    getOptionValue(option)
+  );
+};
+//# sourceMappingURL=Option.js.map

package/dist/cjs/components/Combobox/Option.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/Combobox/Option.tsx", "../../../../src/components/Combobox/utils.tsx"],
+  "sourcesContent": ["import { useEffect, useRef } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { getOptionValue, getOptionLabel, buildOptionTestId } from \"./utils\";\nimport type { ComboboxOption, ComboboxOptionProps } from \"./types\";\n\nexport const Option = <T extends ComboboxOption>({\n  option,\n  isHighlighted,\n  onOptionSelect,\n  optionComponent: OptionComponent,\n  optionTestIdPrefix,\n  id,\n}: ComboboxOptionProps<T>) => {\n  const optionRef = useRef<HTMLLIElement>(null);\n  const optionValue = getOptionValue(option) || \"\";\n  const testId = buildOptionTestId(\n    optionTestIdPrefix || \"combobox-option\",\n    optionValue,\n  );\n\n  useEffect(() => {\n    if (\n      isHighlighted &&\n      optionRef.current &&\n      optionRef.current.scrollIntoView\n    ) {\n      optionRef.current.scrollIntoView({ block: \"nearest\" });\n    }\n  }, [isHighlighted]);\n\n  return (\n    <li\n      ref={optionRef}\n      role=\"option\"\n      data-testid={testId}\n      key={getOptionValue(option)}\n      id={id}\n      aria-selected={isHighlighted}\n      onMouseDown={() => onOptionSelect(option)}\n      className={classNames(\"mobius-combobox__option\", \"has-pii\", {\n        \"mobius-combobox__option--is-highlighted\": isHighlighted,\n      })}\n    >\n      {OptionComponent ? (\n        <OptionComponent option={option} isHighlighted={isHighlighted} />\n      ) : (\n        getOptionLabel(option)\n      )}\n    </li>\n  );\n};\n", "import type {\n  ComboboxOption,\n  ComboboxOptionGroup,\n  ComboboxOptions,\n} from \"./types\";\n\n// FIXME: This might be better handled with Zod\nexport function isOptionGroup<T extends ComboboxOption>(\n  options: ComboboxOptions<T> | undefined,\n): options is ComboboxOptionGroup<T>[] {\n  if (!options) return false;\n  return (\n    typeof options[0] === \"object\" &&\n    \"options\" in options[0] &&\n    options[0].options !== undefined &&\n    \"heading\" in options[0] &&\n    options[0].heading !== undefined\n  );\n}\n\nexport const getOptionValue = (option: ComboboxOption | undefined) =>\n  typeof option === \"string\" ? option : option?.value;\n\nexport const getOptionLabel = (option: ComboboxOption | undefined) =>\n  typeof option === \"string\" ? option : option?.label;\n\nexport function filterOptions<T extends ComboboxOption>(\n  options: ComboboxOptions<T>,\n  inputValue: string,\n): ComboboxOptions<T> {\n  if (isOptionGroup(options)) {\n    return options\n      .map(optionGroup => ({\n        ...optionGroup,\n        options: optionGroup.options.filter(option =>\n          getOptionLabel(option)!\n            .toLowerCase()\n            .includes(inputValue.toLowerCase()),\n        ),\n      }))\n      .filter(optionGroup => optionGroup.options.length > 0);\n  }\n\n  return options.filter(option =>\n    getOptionLabel(option)!.toLowerCase().includes(inputValue.toLowerCase()),\n  );\n}\n\nexport function clamp(value: number, min: number, max: number) {\n  return Math.min(Math.max(value, min), max);\n}\n\nexport const buildOptionTestId = (prefix: string, value: string): string =>\n  `${prefix}-${value\n    .trim()\n    .toLowerCase()\n    .replace(/[^a-z0-9]+/g, \"-\")\n    .replace(/^-+|-+$/g, \"\")}`;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAClC,oBAAuB;;;ACmBhB,IAAM,iBAAiB,CAAC,WAC7B,OAAO,WAAW,WAAW,SAAS,QAAQ;AAEzC,IAAM,iBAAiB,CAAC,WAC7B,OAAO,WAAW,WAAW,SAAS,QAAQ;AA4BzC,IAAM,oBAAoB,CAAC,QAAgB,UAChD,GAAG,MAAM,IAAI,MACV,KAAK,EACL,YAAY,EACZ,QAAQ,eAAe,GAAG,EAC1B,QAAQ,YAAY,EAAE,CAAC;;;ADbpB;AAvCD,IAAM,SAAS,CAA2B;AAAA,EAC/C;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA;AACF,MAA8B;AAC5B,QAAM,gBAAY,qBAAsB,IAAI;AAC5C,QAAM,cAAc,eAAe,MAAM,KAAK;AAC9C,QAAM,SAAS;AAAA,IACb,sBAAsB;AAAA,IACtB;AAAA,EACF;AAEA,8BAAU,MAAM;AACd,QACE,iBACA,UAAU,WACV,UAAU,QAAQ,gBAClB;AACA,gBAAU,QAAQ,eAAe,EAAE,OAAO,UAAU,CAAC;AAAA,IACvD;AAAA,EACF,GAAG,CAAC,aAAa,CAAC;AAElB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,MAAK;AAAA,MACL,eAAa;AAAA,MAEb;AAAA,MACA,iBAAe;AAAA,MACf,aAAa,MAAM,eAAe,MAAM;AAAA,MACxC,eAAW,cAAAA,SAAW,2BAA2B,WAAW;AAAA,QAC1D,2CAA2C;AAAA,MAC7C,CAAC;AAAA,MAEA,4BACC,4CAAC,mBAAgB,QAAgB,eAA8B,IAE/D,eAAe,MAAM;AAAA;AAAA,IAXlB,eAAe,MAAM;AAAA,EAa5B;AAEJ;",
+  "names": ["classNames"]
+}

package/dist/cjs/components/Combobox/fixtures.js

@@ -0,0 +1,287 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Combobox/fixtures.tsx
+var fixtures_exports = {};
+__export(fixtures_exports, {
+  FRUITS: () => FRUITS,
+  FRUITS_OBJECTS: () => FRUITS_OBJECTS,
+  FRUITS_OBJECT_GROUPS: () => FRUITS_OBJECT_GROUPS,
+  FRUITS_STRING_GROUPS: () => FRUITS_STRING_GROUPS,
+  US_STATES: () => US_STATES
+});
+module.exports = __toCommonJS(fixtures_exports);
+var FRUITS = [
+  "Apple",
+  "Apricot",
+  "Avocado",
+  "Banana",
+  "Blackberry",
+  "Blueberry",
+  "Cantaloupe",
+  "Cherry",
+  "Clementine",
+  "Coconut",
+  "Cranberry",
+  "Date",
+  "Dragonfruit",
+  "Durian",
+  "Elderberry",
+  "Fig",
+  "Grape",
+  "Grapefruit",
+  "Guava",
+  "Honeydew",
+  "Jackfruit",
+  "Kiwi",
+  "Kumquat",
+  "Lemon",
+  "Lime",
+  "Lychee",
+  "Mango",
+  "Mulberry",
+  "Nectarine",
+  "Orange",
+  "Papaya",
+  "Passionfruit",
+  "Peach",
+  "Pear",
+  "Persimmon",
+  "Pineapple",
+  "Plum",
+  "Pomegranate",
+  "Raspberry",
+  "Redcurrant",
+  "Starfruit",
+  "Strawberry",
+  "Tangerine",
+  "Watermelon"
+];
+var FRUITS_OBJECTS = [
+  { label: "Apple", value: "apple" },
+  { label: "Apricot", value: "apricot" },
+  { label: "Avocado", value: "avocado" },
+  { label: "Banana", value: "banana" },
+  { label: "Blackberry", value: "blackberry" },
+  { label: "Blueberry", value: "blueberry" },
+  { label: "Cantaloupe", value: "cantaloupe" },
+  { label: "Cherry", value: "cherry" },
+  { label: "Clementine", value: "clementine" },
+  { label: "Coconut", value: "coconut" },
+  { label: "Cranberry", value: "cranberry" },
+  { label: "Date", value: "date" },
+  { label: "Dragonfruit", value: "dragonfruit" },
+  { label: "Durian", value: "durian" },
+  { label: "Elderberry", value: "elderberry" },
+  { label: "Fig", value: "fig" },
+  { label: "Grape", value: "grape" },
+  { label: "Grapefruit", value: "grapefruit" },
+  { label: "Guava", value: "guava" },
+  { label: "Honeydew", value: "honeydew" },
+  { label: "Jackfruit", value: "jackfruit" },
+  { label: "Kiwi", value: "kiwi" },
+  { label: "Kumquat", value: "kumquat" },
+  { label: "Lemon", value: "lemon" },
+  { label: "Lime", value: "lime" },
+  { label: "Lychee", value: "lychee" },
+  { label: "Mango", value: "mango" },
+  { label: "Mulberry", value: "mulberry" },
+  { label: "Nectarine", value: "nectarine" },
+  { label: "Orange", value: "orange" },
+  { label: "Papaya", value: "papaya" },
+  { label: "Passionfruit", value: "passionfruit" },
+  { label: "Peach", value: "peach" },
+  { label: "Pear", value: "pear" },
+  { label: "Persimmon", value: "persimmon" },
+  { label: "Pineapple", value: "pineapple" },
+  { label: "Plum", value: "plum" },
+  { label: "Pomegranate", value: "pomegranate" },
+  { label: "Raspberry", value: "raspberry" },
+  { label: "Redcurrant", value: "redcurrant" },
+  { label: "Starfruit", value: "starfruit" },
+  { label: "Strawberry", value: "strawberry" },
+  { label: "Tangerine", value: "tangerine" },
+  { label: "Watermelon", value: "watermelon" }
+];
+var FRUITS_STRING_GROUPS = [
+  {
+    heading: "A-L",
+    options: [
+      "Apple",
+      "Apricot",
+      "Avocado",
+      "Banana",
+      "Blackberry",
+      "Blueberry",
+      "Cantaloupe",
+      "Cherry",
+      "Clementine",
+      "Coconut",
+      "Cranberry",
+      "Date",
+      "Dragonfruit",
+      "Durian",
+      "Elderberry",
+      "Fig",
+      "Grape",
+      "Grapefruit",
+      "Guava",
+      "Honeydew",
+      "Jackfruit",
+      "Kiwi",
+      "Kumquat",
+      "Lemon",
+      "Lime",
+      "Lychee"
+    ]
+  },
+  {
+    heading: "M-Z",
+    options: [
+      "Mango",
+      "Mulberry",
+      "Nectarine",
+      "Orange",
+      "Papaya",
+      "Passionfruit",
+      "Peach",
+      "Pear",
+      "Persimmon",
+      "Pineapple",
+      "Plum",
+      "Pomegranate",
+      "Raspberry",
+      "Redcurrant",
+      "Starfruit",
+      "Strawberry",
+      "Tangerine",
+      "Watermelon"
+    ]
+  }
+];
+var FRUITS_OBJECT_GROUPS = [
+  {
+    heading: "A-L",
+    options: [
+      { label: "Apple", value: "apple" },
+      { label: "Apricot", value: "apricot" },
+      { label: "Avocado", value: "avocado" },
+      { label: "Banana", value: "banana" },
+      { label: "Blackberry", value: "blackberry" },
+      { label: "Blueberry", value: "blueberry" },
+      { label: "Cantaloupe", value: "cantaloupe" },
+      { label: "Cherry", value: "cherry" },
+      { label: "Clementine", value: "clementine" },
+      { label: "Coconut", value: "coconut" },
+      { label: "Cranberry", value: "cranberry" },
+      { label: "Date", value: "date" },
+      { label: "Dragonfruit", value: "dragonfruit" },
+      { label: "Durian", value: "durian" },
+      { label: "Elderberry", value: "elderberry" },
+      { label: "Fig", value: "fig" },
+      { label: "Grape", value: "grape" },
+      { label: "Grapefruit", value: "grapefruit" },
+      { label: "Guava", value: "guava" },
+      { label: "Honeydew", value: "honeydew" },
+      { label: "Jackfruit", value: "jackfruit" },
+      { label: "Kiwi", value: "kiwi" },
+      { label: "Kumquat", value: "kumquat" },
+      { label: "Lemon", value: "lemon" },
+      { label: "Lime", value: "lime" },
+      { label: "Lychee", value: "lychee" }
+    ]
+  },
+  {
+    heading: "M-Z",
+    options: [
+      { label: "Mango", value: "mango" },
+      { label: "Mulberry", value: "mulberry" },
+      { label: "Nectarine", value: "nectarine" },
+      { label: "Orange", value: "orange" },
+      { label: "Papaya", value: "papaya" },
+      { label: "Passionfruit", value: "passionfruit" },
+      { label: "Peach", value: "peach" },
+      { label: "Pear", value: "pear" },
+      { label: "Persimmon", value: "persimmon" },
+      { label: "Pineapple", value: "pineapple" },
+      { label: "Plum", value: "plum" },
+      { label: "Pomegranate", value: "pomegranate" },
+      { label: "Raspberry", value: "raspberry" },
+      { label: "Redcurrant", value: "redcurrant" },
+      { label: "Starfruit", value: "starfruit" },
+      { label: "Strawberry", value: "strawberry" },
+      { label: "Tangerine", value: "tangerine" },
+      { label: "Watermelon", value: "watermelon" }
+    ]
+  }
+];
+var US_STATES = [
+  "Alabama",
+  "Alaska",
+  "Arizona",
+  "Arkansas",
+  "California",
+  "Colorado",
+  "Connecticut",
+  "Delaware",
+  "District Of Columbia",
+  "Florida",
+  "Georgia",
+  "Hawaii",
+  "Idaho",
+  "Illinois",
+  "Indiana",
+  "Iowa",
+  "Kansas",
+  "Kentucky",
+  "Louisiana",
+  "Maine",
+  "Maryland",
+  "Massachusetts",
+  "Michigan",
+  "Minnesota",
+  "Mississippi",
+  "Missouri",
+  "Montana",
+  "Nebraska",
+  "Nevada",
+  "New Hampshire",
+  "New Jersey",
+  "New Mexico",
+  "New York",
+  "North Carolina",
+  "North Dakota",
+  "Ohio",
+  "Oklahoma",
+  "Oregon",
+  "Pennsylvania",
+  "Rhode Island",
+  "South Carolina",
+  "South Dakota",
+  "Tennessee",
+  "Texas",
+  "Utah",
+  "Vermont",
+  "Virginia",
+  "Washington",
+  "West Virginia",
+  "Wisconsin",
+  "Wyoming"
+];
+//# sourceMappingURL=fixtures.js.map

package/dist/cjs/components/Combobox/fixtures.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/Combobox/fixtures.tsx"],
+  "sourcesContent": ["export const FRUITS = [\n  \"Apple\",\n  \"Apricot\",\n  \"Avocado\",\n  \"Banana\",\n  \"Blackberry\",\n  \"Blueberry\",\n  \"Cantaloupe\",\n  \"Cherry\",\n  \"Clementine\",\n  \"Coconut\",\n  \"Cranberry\",\n  \"Date\",\n  \"Dragonfruit\",\n  \"Durian\",\n  \"Elderberry\",\n  \"Fig\",\n  \"Grape\",\n  \"Grapefruit\",\n  \"Guava\",\n  \"Honeydew\",\n  \"Jackfruit\",\n  \"Kiwi\",\n  \"Kumquat\",\n  \"Lemon\",\n  \"Lime\",\n  \"Lychee\",\n  \"Mango\",\n  \"Mulberry\",\n  \"Nectarine\",\n  \"Orange\",\n  \"Papaya\",\n  \"Passionfruit\",\n  \"Peach\",\n  \"Pear\",\n  \"Persimmon\",\n  \"Pineapple\",\n  \"Plum\",\n  \"Pomegranate\",\n  \"Raspberry\",\n  \"Redcurrant\",\n  \"Starfruit\",\n  \"Strawberry\",\n  \"Tangerine\",\n  \"Watermelon\",\n];\n\nexport const FRUITS_OBJECTS = [\n  { label: \"Apple\", value: \"apple\" },\n  { label: \"Apricot\", value: \"apricot\" },\n  { label: \"Avocado\", value: \"avocado\" },\n  { label: \"Banana\", value: \"banana\" },\n  { label: \"Blackberry\", value: \"blackberry\" },\n  { label: \"Blueberry\", value: \"blueberry\" },\n  { label: \"Cantaloupe\", value: \"cantaloupe\" },\n  { label: \"Cherry\", value: \"cherry\" },\n  { label: \"Clementine\", value: \"clementine\" },\n  { label: \"Coconut\", value: \"coconut\" },\n  { label: \"Cranberry\", value: \"cranberry\" },\n  { label: \"Date\", value: \"date\" },\n  { label: \"Dragonfruit\", value: \"dragonfruit\" },\n  { label: \"Durian\", value: \"durian\" },\n  { label: \"Elderberry\", value: \"elderberry\" },\n  { label: \"Fig\", value: \"fig\" },\n  { label: \"Grape\", value: \"grape\" },\n  { label: \"Grapefruit\", value: \"grapefruit\" },\n  { label: \"Guava\", value: \"guava\" },\n  { label: \"Honeydew\", value: \"honeydew\" },\n  { label: \"Jackfruit\", value: \"jackfruit\" },\n  { label: \"Kiwi\", value: \"kiwi\" },\n  { label: \"Kumquat\", value: \"kumquat\" },\n  { label: \"Lemon\", value: \"lemon\" },\n  { label: \"Lime\", value: \"lime\" },\n  { label: \"Lychee\", value: \"lychee\" },\n  { label: \"Mango\", value: \"mango\" },\n  { label: \"Mulberry\", value: \"mulberry\" },\n  { label: \"Nectarine\", value: \"nectarine\" },\n  { label: \"Orange\", value: \"orange\" },\n  { label: \"Papaya\", value: \"papaya\" },\n  { label: \"Passionfruit\", value: \"passionfruit\" },\n  { label: \"Peach\", value: \"peach\" },\n  { label: \"Pear\", value: \"pear\" },\n  { label: \"Persimmon\", value: \"persimmon\" },\n  { label: \"Pineapple\", value: \"pineapple\" },\n  { label: \"Plum\", value: \"plum\" },\n  { label: \"Pomegranate\", value: \"pomegranate\" },\n  { label: \"Raspberry\", value: \"raspberry\" },\n  { label: \"Redcurrant\", value: \"redcurrant\" },\n  { label: \"Starfruit\", value: \"starfruit\" },\n  { label: \"Strawberry\", value: \"strawberry\" },\n  { label: \"Tangerine\", value: \"tangerine\" },\n  { label: \"Watermelon\", value: \"watermelon\" },\n];\n\nexport const FRUITS_STRING_GROUPS = [\n  {\n    heading: \"A-L\",\n    options: [\n      \"Apple\",\n      \"Apricot\",\n      \"Avocado\",\n      \"Banana\",\n      \"Blackberry\",\n      \"Blueberry\",\n      \"Cantaloupe\",\n      \"Cherry\",\n      \"Clementine\",\n      \"Coconut\",\n      \"Cranberry\",\n      \"Date\",\n      \"Dragonfruit\",\n      \"Durian\",\n      \"Elderberry\",\n      \"Fig\",\n      \"Grape\",\n      \"Grapefruit\",\n      \"Guava\",\n      \"Honeydew\",\n      \"Jackfruit\",\n      \"Kiwi\",\n      \"Kumquat\",\n      \"Lemon\",\n      \"Lime\",\n      \"Lychee\",\n    ],\n  },\n  {\n    heading: \"M-Z\",\n    options: [\n      \"Mango\",\n      \"Mulberry\",\n      \"Nectarine\",\n      \"Orange\",\n      \"Papaya\",\n      \"Passionfruit\",\n      \"Peach\",\n      \"Pear\",\n      \"Persimmon\",\n      \"Pineapple\",\n      \"Plum\",\n      \"Pomegranate\",\n      \"Raspberry\",\n      \"Redcurrant\",\n      \"Starfruit\",\n      \"Strawberry\",\n      \"Tangerine\",\n      \"Watermelon\",\n    ],\n  },\n];\n\nexport const FRUITS_OBJECT_GROUPS = [\n  {\n    heading: \"A-L\",\n    options: [\n      { label: \"Apple\", value: \"apple\" },\n      { label: \"Apricot\", value: \"apricot\" },\n      { label: \"Avocado\", value: \"avocado\" },\n      { label: \"Banana\", value: \"banana\" },\n      { label: \"Blackberry\", value: \"blackberry\" },\n      { label: \"Blueberry\", value: \"blueberry\" },\n      { label: \"Cantaloupe\", value: \"cantaloupe\" },\n      { label: \"Cherry\", value: \"cherry\" },\n      { label: \"Clementine\", value: \"clementine\" },\n      { label: \"Coconut\", value: \"coconut\" },\n      { label: \"Cranberry\", value: \"cranberry\" },\n      { label: \"Date\", value: \"date\" },\n      { label: \"Dragonfruit\", value: \"dragonfruit\" },\n      { label: \"Durian\", value: \"durian\" },\n      { label: \"Elderberry\", value: \"elderberry\" },\n      { label: \"Fig\", value: \"fig\" },\n      { label: \"Grape\", value: \"grape\" },\n      { label: \"Grapefruit\", value: \"grapefruit\" },\n      { label: \"Guava\", value: \"guava\" },\n      { label: \"Honeydew\", value: \"honeydew\" },\n      { label: \"Jackfruit\", value: \"jackfruit\" },\n      { label: \"Kiwi\", value: \"kiwi\" },\n      { label: \"Kumquat\", value: \"kumquat\" },\n      { label: \"Lemon\", value: \"lemon\" },\n      { label: \"Lime\", value: \"lime\" },\n      { label: \"Lychee\", value: \"lychee\" },\n    ],\n  },\n  {\n    heading: \"M-Z\",\n    options: [\n      { label: \"Mango\", value: \"mango\" },\n      { label: \"Mulberry\", value: \"mulberry\" },\n      { label: \"Nectarine\", value: \"nectarine\" },\n      { label: \"Orange\", value: \"orange\" },\n      { label: \"Papaya\", value: \"papaya\" },\n      { label: \"Passionfruit\", value: \"passionfruit\" },\n      { label: \"Peach\", value: \"peach\" },\n      { label: \"Pear\", value: \"pear\" },\n      { label: \"Persimmon\", value: \"persimmon\" },\n      { label: \"Pineapple\", value: \"pineapple\" },\n      { label: \"Plum\", value: \"plum\" },\n      { label: \"Pomegranate\", value: \"pomegranate\" },\n      { label: \"Raspberry\", value: \"raspberry\" },\n      { label: \"Redcurrant\", value: \"redcurrant\" },\n      { label: \"Starfruit\", value: \"starfruit\" },\n      { label: \"Strawberry\", value: \"strawberry\" },\n      { label: \"Tangerine\", value: \"tangerine\" },\n      { label: \"Watermelon\", value: \"watermelon\" },\n    ],\n  },\n];\n\nexport const US_STATES = [\n  \"Alabama\",\n  \"Alaska\",\n  \"Arizona\",\n  \"Arkansas\",\n  \"California\",\n  \"Colorado\",\n  \"Connecticut\",\n  \"Delaware\",\n  \"District Of Columbia\",\n  \"Florida\",\n  \"Georgia\",\n  \"Hawaii\",\n  \"Idaho\",\n  \"Illinois\",\n  \"Indiana\",\n  \"Iowa\",\n  \"Kansas\",\n  \"Kentucky\",\n  \"Louisiana\",\n  \"Maine\",\n  \"Maryland\",\n  \"Massachusetts\",\n  \"Michigan\",\n  \"Minnesota\",\n  \"Mississippi\",\n  \"Missouri\",\n  \"Montana\",\n  \"Nebraska\",\n  \"Nevada\",\n  \"New Hampshire\",\n  \"New Jersey\",\n  \"New Mexico\",\n  \"New York\",\n  \"North Carolina\",\n  \"North Dakota\",\n  \"Ohio\",\n  \"Oklahoma\",\n  \"Oregon\",\n  \"Pennsylvania\",\n  \"Rhode Island\",\n  \"South Carolina\",\n  \"South Dakota\",\n  \"Tennessee\",\n  \"Texas\",\n  \"Utah\",\n  \"Vermont\",\n  \"Virginia\",\n  \"Washington\",\n  \"West Virginia\",\n  \"Wisconsin\",\n  \"Wyoming\",\n];\n"],
+  "mappings": "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",
+  "names": []
+}