@salt-ds/lab 1.0.0-alpha.53 → 1.0.0-alpha.55

package/dist-es/color-chooser/SwatchesPicker.js

@@ -26,19 +26,20 @@ const SwatchesGroup = ({
   const isActive = (color) => {
     return color.toLowerCase() === (selectedColor == null ? void 0 : selectedColor.substring(0, 7).toString().toLowerCase()) || isBlackOrWhite(color);
   };
-  return /* @__PURE__ */ jsx("div", {
-    style: { display: "flex", flexDirection: "column" },
-    children: (_a = swatchGroup == null ? void 0 : swatchGroup.map((color) => {
-      return convertColorMapValueToHex(color);
-    })) == null ? void 0 : _a.map((color) => /* @__PURE__ */ jsx(Swatch, {
+  return /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column" }, children: (_a = swatchGroup == null ? void 0 : swatchGroup.map((color) => {
+    return convertColorMapValueToHex(color);
+  })) == null ? void 0 : _a.map((color) => /* @__PURE__ */ jsx(
+    Swatch,
+    {
       active: isActive(color),
       color,
       onClick,
       onDialogClosed,
       alpha,
       transparent: isTransparent(color)
-    }, color.toString()))
-  });
+    },
+    color.toString()
+  )) });
 };
 const SwatchesPicker = ({
   allColors,
@@ -47,17 +48,24 @@ const SwatchesPicker = ({
   onChange,
   onDialogClosed
 }) => {
-  return /* @__PURE__ */ jsx("div", {
-    "data-testid": "swatches-picker",
-    style: { display: "flex", flexDirection: "row" },
-    children: allColors == null ? void 0 : allColors.map((swatchGroup) => /* @__PURE__ */ jsx(SwatchesGroup, {
-      swatchGroup,
-      selectedColor: color == null ? void 0 : color.hex,
-      onClick: onChange,
-      onDialogClosed,
-      alpha
-    }, swatchGroup.toString()))
-  });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-testid": "swatches-picker",
+      style: { display: "flex", flexDirection: "row" },
+      children: allColors == null ? void 0 : allColors.map((swatchGroup) => /* @__PURE__ */ jsx(
+        SwatchesGroup,
+        {
+          swatchGroup,
+          selectedColor: color == null ? void 0 : color.hex,
+          onClick: onChange,
+          onDialogClosed,
+          alpha
+        },
+        swatchGroup.toString()
+      ))
+    }
+  );
 };
 
 export { SwatchesPicker };

package/dist-es/color-chooser/SwatchesPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwatchesPicker.js","sources":["../src/color-chooser/SwatchesPicker.tsx"],"sourcesContent":["import type { ChangeEvent } from \"react\";\nimport type { Color } from \"./Color\";\nimport { convertColorMapValueToHex } from \"./ColorHelpers\";\nimport { Swatch } from \"./Swatch\";\nimport { isTransparent } from \"./color-utils\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport swatchCSS from \"./Swatch.css\";\n\ninterface SwatchesPickerProps {\n  allColors: string[][];\n  color: Color | undefined;\n  alpha?: number;\n  onChange: (\n    color: Color | undefined,\n    finalSelection: boolean,\n    e?: ChangeEvent,\n  ) => void;\n  onDialogClosed: () => void;\n}\n\ninterface SwatchesGroupProps {\n  swatchGroup: string[];\n  selectedColor: string | undefined;\n  alpha: number;\n  onClick: (\n    color: Color | undefined,\n    finalSelection: boolean,\n    e?: ChangeEvent,\n  ) => void;\n  onDialogClosed: () => void;\n}\n\nconst SwatchesGroup = ({\n  swatchGroup,\n  onClick,\n  onDialogClosed,\n  selectedColor,\n  alpha,\n}: SwatchesGroupProps): JSX.Element => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-swatches\",\n    css: swatchCSS,\n    window: targetWindow,\n  });\n\n  const isBlackOrWhite = (color: string): boolean => {\n    return (\n      ((selectedColor ? selectedColor.startsWith(\"#000000\") : false) &&\n        color.toLowerCase() === \"black\") ||\n      ((selectedColor\n        ? selectedColor.toLowerCase().startsWith(\"#ffffff\")\n        : false) &&\n        color.toLowerCase() === \"white\")\n    );\n  };\n  const isActive = (color: string): boolean => {\n    return (\n      color.toLowerCase() ===\n        selectedColor?.substring(0, 7).toString().toLowerCase() ||\n      isBlackOrWhite(color)\n    );\n  };\n\n  return (\n    <div style={{ display: \"flex\", flexDirection: \"column\" }}>\n      {swatchGroup\n        ?.map((color) => {\n          return convertColorMapValueToHex(color);\n        })\n        ?.map((color) => (\n          <Swatch\n            key={color.toString()}\n            active={isActive(color)}\n            color={color}\n            onClick={onClick}\n            onDialogClosed={onDialogClosed}\n            alpha={alpha}\n            transparent={isTransparent(color)}\n          />\n        ))}\n    </div>\n  );\n};\n\nexport const SwatchesPicker = ({\n  allColors,\n  color,\n  alpha = 1,\n  onChange,\n  onDialogClosed,\n}: SwatchesPickerProps): JSX.Element => {\n  return (\n    <div\n      data-testid=\"swatches-picker\"\n      style={{ display: \"flex\", flexDirection: \"row\" }}\n    >\n      {allColors?.map((swatchGroup: string[]) => (\n        <SwatchesGroup\n          swatchGroup={swatchGroup}\n          key={swatchGroup.toString()}\n          selectedColor={color?.hex}\n          onClick={onChange}\n          onDialogClosed={onDialogClosed}\n          alpha={alpha}\n        />\n      ))}\n    </div>\n  );\n};\n"],"names":["swatchCSS"],"mappings":";;;;;;;;AAmCA,MAAM,gBAAgB,CAAC;AAAA,EACrB,WAAA;AAAA,EACA,OAAA;AAAA,EACA,cAAA;AAAA,EACA,aAAA;AAAA,EACA,KAAA;AACF,CAAuC,KAAA;AAzCvC,EAAA,IAAA,EAAA,CAAA;AA0CE,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,eAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAM,MAAA,cAAA,GAAiB,CAAC,KAA2B,KAAA;AACjD,IACI,OAAA,CAAA,aAAA,GAAgB,cAAc,UAAW,CAAA,SAAS,IAAI,KACtD,KAAA,KAAA,CAAM,aAAkB,KAAA,OAAA,IAAA,CACxB,gBACE,aAAc,CAAA,WAAA,GAAc,UAAW,CAAA,SAAS,IAChD,KACF,KAAA,KAAA,CAAM,aAAkB,KAAA,OAAA,CAAA;AAAA,GAE9B,CAAA;AACA,EAAM,MAAA,QAAA,GAAW,CAAC,KAA2B,KAAA;AAC3C,IACE,OAAA,KAAA,CAAM,WAAY,EAAA,MAChB,aAAe,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,aAAA,CAAA,SAAA,CAAU,GAAG,CAAG,CAAA,CAAA,QAAA,EAAA,CAAW,WAC5C,EAAA,CAAA,IAAA,cAAA,CAAe,KAAK,CAAA,CAAA;AAAA,GAExB,CAAA;AAEA,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,IAAI,KAAO,EAAA,EAAE,OAAS,EAAA,MAAA,EAAQ,eAAe,QAAS,EAAA;AAAA,IACpD,QAAA,EAAA,CAAA,EAAA,GAAA,WAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CACG,GAAI,CAAA,CAAC,KAAU,KAAA;AACf,MAAA,OAAO,0BAA0B,KAAK,CAAA,CAAA;AAAA,KAFzC,CAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAIG,GAAI,CAAA,CAAC,0BACJ,GAAA,CAAA,MAAA,EAAA;AAAA,MAEC,MAAA,EAAQ,SAAS,KAAK,CAAA;AAAA,MACtB,KAAA;AAAA,MACA,OAAA;AAAA,MACA,cAAA;AAAA,MACA,KAAA;AAAA,MACA,WAAA,EAAa,cAAc,KAAK,CAAA;AAAA,KAN3B,EAAA,KAAA,CAAM,UAOb,CAAA,CAAA;AAAA,GAEN,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEO,MAAM,iBAAiB,CAAC;AAAA,EAC7B,SAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAQ,GAAA,CAAA;AAAA,EACR,QAAA;AAAA,EACA,cAAA;AACF,CAAwC,KAAA;AACtC,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,IACC,aAAY,EAAA,iBAAA;AAAA,IACZ,KAAO,EAAA,EAAE,OAAS,EAAA,MAAA,EAAQ,eAAe,KAAM,EAAA;AAAA,IAE9C,QAAW,EAAA,SAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,GAAA,CAAI,CAAC,WAAA,qBACd,GAAA,CAAA,aAAA,EAAA;AAAA,MACC,WAAA;AAAA,MAEA,eAAe,KAAO,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA;AAAA,MACtB,OAAS,EAAA,QAAA;AAAA,MACT,cAAA;AAAA,MACA,KAAA;AAAA,KAJK,EAAA,WAAA,CAAY,UAKnB,CAAA,CAAA;AAAA,GAEJ,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"SwatchesPicker.js","sources":["../src/color-chooser/SwatchesPicker.tsx"],"sourcesContent":["import type { ChangeEvent } from \"react\";\nimport type { Color } from \"./Color\";\nimport { convertColorMapValueToHex } from \"./ColorHelpers\";\nimport { Swatch } from \"./Swatch\";\nimport { isTransparent } from \"./color-utils\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport swatchCSS from \"./Swatch.css\";\n\ninterface SwatchesPickerProps {\n  allColors: string[][];\n  color: Color | undefined;\n  alpha?: number;\n  onChange: (\n    color: Color | undefined,\n    finalSelection: boolean,\n    e?: ChangeEvent,\n  ) => void;\n  onDialogClosed: () => void;\n}\n\ninterface SwatchesGroupProps {\n  swatchGroup: string[];\n  selectedColor: string | undefined;\n  alpha: number;\n  onClick: (\n    color: Color | undefined,\n    finalSelection: boolean,\n    e?: ChangeEvent,\n  ) => void;\n  onDialogClosed: () => void;\n}\n\nconst SwatchesGroup = ({\n  swatchGroup,\n  onClick,\n  onDialogClosed,\n  selectedColor,\n  alpha,\n}: SwatchesGroupProps): JSX.Element => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-swatches\",\n    css: swatchCSS,\n    window: targetWindow,\n  });\n\n  const isBlackOrWhite = (color: string): boolean => {\n    return (\n      ((selectedColor ? selectedColor.startsWith(\"#000000\") : false) &&\n        color.toLowerCase() === \"black\") ||\n      ((selectedColor\n        ? selectedColor.toLowerCase().startsWith(\"#ffffff\")\n        : false) &&\n        color.toLowerCase() === \"white\")\n    );\n  };\n  const isActive = (color: string): boolean => {\n    return (\n      color.toLowerCase() ===\n        selectedColor?.substring(0, 7).toString().toLowerCase() ||\n      isBlackOrWhite(color)\n    );\n  };\n\n  return (\n    <div style={{ display: \"flex\", flexDirection: \"column\" }}>\n      {swatchGroup\n        ?.map((color) => {\n          return convertColorMapValueToHex(color);\n        })\n        ?.map((color) => (\n          <Swatch\n            key={color.toString()}\n            active={isActive(color)}\n            color={color}\n            onClick={onClick}\n            onDialogClosed={onDialogClosed}\n            alpha={alpha}\n            transparent={isTransparent(color)}\n          />\n        ))}\n    </div>\n  );\n};\n\nexport const SwatchesPicker = ({\n  allColors,\n  color,\n  alpha = 1,\n  onChange,\n  onDialogClosed,\n}: SwatchesPickerProps): JSX.Element => {\n  return (\n    <div\n      data-testid=\"swatches-picker\"\n      style={{ display: \"flex\", flexDirection: \"row\" }}\n    >\n      {allColors?.map((swatchGroup: string[]) => (\n        <SwatchesGroup\n          swatchGroup={swatchGroup}\n          key={swatchGroup.toString()}\n          selectedColor={color?.hex}\n          onClick={onChange}\n          onDialogClosed={onDialogClosed}\n          alpha={alpha}\n        />\n      ))}\n    </div>\n  );\n};\n"],"names":["swatchCSS"],"mappings":";;;;;;;;AAmCA,MAAM,gBAAgB,CAAC;AAAA,EACrB,WAAA;AAAA,EACA,OAAA;AAAA,EACA,cAAA;AAAA,EACA,aAAA;AAAA,EACA;AACF,CAAuC,KAAA;AAzCvC,EAAA,IAAA,EAAA;AA0CE,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,eAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAM,MAAA,cAAA,GAAiB,CAAC,KAA2B,KAAA;AACjD,IACI,OAAA,CAAA,aAAA,GAAgB,cAAc,UAAW,CAAA,SAAS,IAAI,KACtD,KAAA,KAAA,CAAM,aAAkB,KAAA,OAAA,IAAA,CACxB,gBACE,aAAc,CAAA,WAAA,GAAc,UAAW,CAAA,SAAS,IAChD,KACF,KAAA,KAAA,CAAM,aAAkB,KAAA,OAAA;AAAA,GAE9B;AACA,EAAM,MAAA,QAAA,GAAW,CAAC,KAA2B,KAAA;AAC3C,IACE,OAAA,KAAA,CAAM,WAAY,EAAA,MAChB,aAAe,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,aAAA,CAAA,SAAA,CAAU,GAAG,CAAG,CAAA,CAAA,QAAA,EAAA,CAAW,WAC5C,EAAA,CAAA,IAAA,cAAA,CAAe,KAAK,CAAA;AAAA,GAExB;AAEA,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA,EAAI,KAAO,EAAA,EAAE,OAAS,EAAA,MAAA,EAAQ,aAAe,EAAA,QAAA,EAC3C,EAAA,QAAA,EAAA,CAAA,EAAA,GAAA,WAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CACG,GAAI,CAAA,CAAC,KAAU,KAAA;AACf,IAAA,OAAO,0BAA0B,KAAK,CAAA;AAAA,GAFzC,CAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAIG,GAAI,CAAA,CAAC,KACL,qBAAA,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MAEC,MAAA,EAAQ,SAAS,KAAK,CAAA;AAAA,MACtB,KAAA;AAAA,MACA,OAAA;AAAA,MACA,cAAA;AAAA,MACA,KAAA;AAAA,MACA,WAAA,EAAa,cAAc,KAAK;AAAA,KAAA;AAAA,IAN3B,MAAM,QAAS;AAAA,GAS5B,CAAA,EAAA,CAAA;AAEJ,CAAA;AAEO,MAAM,iBAAiB,CAAC;AAAA,EAC7B,SAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAQ,GAAA,CAAA;AAAA,EACR,QAAA;AAAA,EACA;AACF,CAAwC,KAAA;AACtC,EACE,uBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,aAAY,EAAA,iBAAA;AAAA,MACZ,KAAO,EAAA,EAAE,OAAS,EAAA,MAAA,EAAQ,eAAe,KAAM,EAAA;AAAA,MAE9C,QAAA,EAAA,SAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAW,GAAI,CAAA,CAAC,WACf,qBAAA,GAAA;AAAA,QAAC,aAAA;AAAA,QAAA;AAAA,UACC,WAAA;AAAA,UAEA,eAAe,KAAO,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA;AAAA,UACtB,OAAS,EAAA,QAAA;AAAA,UACT,cAAA;AAAA,UACA;AAAA,SAAA;AAAA,QAJK,YAAY,QAAS;AAAA,OAK5B;AAAA;AAAA,GAEJ;AAEJ;;;;"}

package/dist-es/color-chooser/color-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"color-utils.js","sources":["../src/color-chooser/color-utils.ts"],"sourcesContent":["export const isTransparent = (color?: string): boolean => {\n  return color ? /#[\\da-f]{6}00/i.test(color) : false;\n};\n"],"names":[],"mappings":"AAAa,MAAA,aAAA,GAAgB,CAAC,KAA4B,KAAA;AACxD,EAAA,OAAO,KAAQ,GAAA,gBAAA,CAAiB,IAAK,CAAA,KAAK,CAAI,GAAA,KAAA,CAAA;AAChD;;;;"}
+{"version":3,"file":"color-utils.js","sources":["../src/color-chooser/color-utils.ts"],"sourcesContent":["export const isTransparent = (color?: string): boolean => {\n  return color ? /#[\\da-f]{6}00/i.test(color) : false;\n};\n"],"names":[],"mappings":"AAAa,MAAA,aAAA,GAAgB,CAAC,KAA4B,KAAA;AACxD,EAAA,OAAO,KAAQ,GAAA,gBAAA,CAAiB,IAAK,CAAA,KAAK,CAAI,GAAA,KAAA;AAChD;;;;"}

package/dist-es/color-chooser/colorMap.js

@@ -4,6 +4,7 @@ const common = {
 };
 const saltlight = {
   ...common,
+  /* Color palette will stay the same no matter of theming */
   saltred10: "rgb(255, 227, 224)",
   saltred20: "rgb(255, 207, 201)",
   saltred30: "rgb(255, 187, 178)",

package/dist-es/color-chooser/colorMap.js.map

@@ -1 +1 @@
-{"version":3,"file":"colorMap.js","sources":["../src/color-chooser/colorMap.tsx"],"sourcesContent":["const common = {\n  saltwhite: \"rgb(255, 255, 255)\",\n  saltblack: \"rgb(0, 0, 0)\",\n};\n/* TODO: a few of these are probably out of date and need checking */\nexport const saltlight = {\n  ...common,\n  /* Color palette will stay the same no matter of theming */\n  saltred10: \"rgb(255, 227, 224)\",\n  saltred20: \"rgb(255, 207, 201)\",\n  saltred30: \"rgb(255, 187, 178)\" /* ffbbb2 */,\n  saltred40: \"rgb(255, 167, 156)\" /* #ffa79c */,\n  saltred50: \"rgb(255, 148, 133)\" /* ff9485 */,\n  saltred100: \"rgb(255, 128, 111)\",\n  saltred200: \"rgb(255, 108, 88)\",\n  saltred300: \"rgb(255, 89, 66)\" /* 555942 */,\n  saltred400: \"rgb(237, 65, 42)\",\n  saltred500: \"rgb(227, 43, 22)\",\n  saltred600: \"rgb(196, 32, 16)\" /* #c42010 */,\n  saltred700: \"rgb(166, 21, 11)\",\n  saltred800: \"rgb(136, 10, 5)\",\n  saltred900: \"rgb(106, 0, 0)\",\n  saltorange10: \"rgb(255, 232, 191)\",\n  saltorange20: \"rgb(254, 223, 166)\",\n  saltorange30: \"rgb(254, 214, 142)\",\n  saltorange40: \"rgb(254, 205, 118)\",\n  saltorange50: \"rgb(254, 197, 94)\",\n  saltorange100: \"rgb(250, 181, 81)\" /* faB551 */,\n  saltorange200: \"rgb(246, 165, 68)\" /* f6a544 */,\n  saltorange300: \"rgb(242, 149, 56)\" /* #f29538 */,\n  saltorange400: \"rgb(238, 133, 43)\",\n  saltorange500: \"rgb(234, 115, 25)\" /* #ea7319 */,\n  saltorange600: \"rgb(224, 101, 25)\" /* e06519*/,\n  saltorange700: \"rgb(214, 85, 19)\",\n  saltorange800: \"rgb(204, 68, 13)\",\n  saltorange900: \"rgb(194, 52, 7)\" /* #c23407 */,\n  saltgreen10: \"rgb(209, 244, 201)\",\n  saltgreen20: \"rgb(184, 232, 182)\",\n  saltgreen30: \"rgb(160, 221, 164)\",\n  saltgreen40: \"rgb(136, 210, 145)\",\n  saltgreen50: \"rgb(112, 199, 127)\",\n  saltgreen100: \"rgb(93, 189, 116)\",\n  saltgreen200: \"rgb(77, 180, 105)\",\n  saltgreen300: \"rgb(60, 171, 96)\",\n  saltgreen400: \"rgb(48, 156, 90)\",\n  saltgreen500: \"rgb(36, 135, 75)\",\n  saltgreen600: \"rgb(24, 114, 61)\",\n  saltgreen700: \"rgb(12, 93, 46)\",\n  saltgreen800: \"rgb(1, 73, 32)\",\n  saltgreen900: \"rgb(0, 57, 18)\",\n  saltteal10: \"rgb(218, 240, 240)\",\n  saltteal20: \"rgb(199, 232, 232)\",\n  saltteal30: \"rgb(180, 224, 225)\",\n  saltteal40: \"rgb(162, 217, 218)\",\n  saltteal50: \"rgb(141, 205, 209)\",\n  saltteal100: \"rgb(123, 193, 200)\",\n  saltteal200: \"rgb(99, 181, 192)\",\n  saltteal300: \"rgb(73, 160, 172)\",\n  saltteal400: \"rgb(48, 149, 166)\",\n  saltteal500: \"rgb(0, 130, 151)\",\n  saltteal600: \"rgb(27, 107, 133)\",\n  saltteal700: \"rgb(0, 85, 113)\",\n  saltteal800: \"rgb(1, 65, 86)\",\n  saltteal900: \"rgb(0, 49, 76)\",\n  saltblue10: \"rgb(203, 231, 249)\",\n  saltblue20: \"rgb(183, 222, 246)\",\n  saltblue30: \"rgb(164, 213, 244)\",\n  saltblue40: \"rgb(144, 204, 242)\",\n  saltblue50: \"rgb(125, 195, 240)\" /* #7dc3f0 */,\n  saltblue100: \"rgb(100, 177, 228)\" /* #64B1E4 */,\n  saltblue200: \"rgb(75, 159, 216)\",\n  saltblue300: \"rgb(51, 141, 205)\" /* 338dcd */,\n  saltblue400: \"rgb(45, 129, 189)\",\n  saltblue500: \"rgb(38, 112, 169)\" /* 2670a9 */,\n  saltblue600: \"rgb(21, 92, 147)\" /* 155c93 */,\n  saltblue700: \"rgb(0, 71, 123)\",\n  saltblue800: \"rgb(12, 53, 102)\",\n  saltblue900: \"rgb(0, 40, 88)\",\n  saltblue1000: \"rgb(0, 18, 40)\",\n  saltpurple10: \"rgb(249, 224, 247)\",\n  saltpurple20: \"rgb(247, 212, 244)\",\n  saltpurple30: \"rgb(245, 201, 241)\",\n  saltpurple40: \"rgb(243, 189, 238)\",\n  saltpurple50: \"rgb(241, 178, 235)\",\n  saltpurple100: \"rgb(223, 156, 225)\",\n  saltpurple200: \"rgb(205, 135, 215)\",\n  saltpurple300: \"rgb(192, 116, 203)\",\n  saltpurple400: \"rgb(169, 97, 181)\",\n  saltpurple500: \"rgb(150, 78, 162)\",\n  saltpurple600: \"rgb(129, 60, 141)\",\n  saltpurple700: \"rgb(103, 46, 122)\",\n  saltpurple800: \"rgb(83, 37, 109)\",\n  saltpurple900: \"rgb(59, 16, 84)\",\n  saltgray10: \"rgb(242, 244, 246)\",\n  saltgray20: \"rgb(234, 237, 239)\" /* #EAEDEF */,\n  saltgray30: \"rgb(224, 228, 233)\",\n  saltgray40: \"rgb(217, 221, 227)\" /* #D9DDE3 */,\n  saltgray50: \"rgb(206, 210, 217)\",\n  saltgray60: \"rgb(197, 201, 208)\" /* #C5C9D0 */,\n  saltgray70: \"rgb(180, 183, 190)\" /* B4B7BE*/,\n  saltgray80: \"rgb(159, 163, 170)\",\n  saltgray90: \"rgb(132, 135, 142)\" /* #84878e */,\n  saltgray100: \"rgb(116, 119, 127)\",\n  saltgray200: \"rgb(97, 101, 110)\",\n  saltgray300: \"rgb(76, 80, 91)\" /* 4c505b*/,\n  saltgray400: \"rgb(68, 72, 79)\",\n  saltgray500: \"rgb(59, 63, 70)\",\n  saltgray600: \"rgb(47, 49, 54)\",\n  saltgray700: \"rgb(42, 44, 47)\",\n  saltgray800: \"rgb(36, 37, 38)\",\n  saltgray900: \"rgb(22, 22, 22)\" /* #161616 */,\n};\n\nexport const saltColorMap: Record<string, string> = saltlight;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"colorMap.js","sources":["../src/color-chooser/colorMap.tsx"],"sourcesContent":["const common = {\n  saltwhite: \"rgb(255, 255, 255)\",\n  saltblack: \"rgb(0, 0, 0)\",\n};\n/* TODO: a few of these are probably out of date and need checking */\nexport const saltlight = {\n  ...common,\n  /* Color palette will stay the same no matter of theming */\n  saltred10: \"rgb(255, 227, 224)\",\n  saltred20: \"rgb(255, 207, 201)\",\n  saltred30: \"rgb(255, 187, 178)\" /* ffbbb2 */,\n  saltred40: \"rgb(255, 167, 156)\" /* #ffa79c */,\n  saltred50: \"rgb(255, 148, 133)\" /* ff9485 */,\n  saltred100: \"rgb(255, 128, 111)\",\n  saltred200: \"rgb(255, 108, 88)\",\n  saltred300: \"rgb(255, 89, 66)\" /* 555942 */,\n  saltred400: \"rgb(237, 65, 42)\",\n  saltred500: \"rgb(227, 43, 22)\",\n  saltred600: \"rgb(196, 32, 16)\" /* #c42010 */,\n  saltred700: \"rgb(166, 21, 11)\",\n  saltred800: \"rgb(136, 10, 5)\",\n  saltred900: \"rgb(106, 0, 0)\",\n  saltorange10: \"rgb(255, 232, 191)\",\n  saltorange20: \"rgb(254, 223, 166)\",\n  saltorange30: \"rgb(254, 214, 142)\",\n  saltorange40: \"rgb(254, 205, 118)\",\n  saltorange50: \"rgb(254, 197, 94)\",\n  saltorange100: \"rgb(250, 181, 81)\" /* faB551 */,\n  saltorange200: \"rgb(246, 165, 68)\" /* f6a544 */,\n  saltorange300: \"rgb(242, 149, 56)\" /* #f29538 */,\n  saltorange400: \"rgb(238, 133, 43)\",\n  saltorange500: \"rgb(234, 115, 25)\" /* #ea7319 */,\n  saltorange600: \"rgb(224, 101, 25)\" /* e06519*/,\n  saltorange700: \"rgb(214, 85, 19)\",\n  saltorange800: \"rgb(204, 68, 13)\",\n  saltorange900: \"rgb(194, 52, 7)\" /* #c23407 */,\n  saltgreen10: \"rgb(209, 244, 201)\",\n  saltgreen20: \"rgb(184, 232, 182)\",\n  saltgreen30: \"rgb(160, 221, 164)\",\n  saltgreen40: \"rgb(136, 210, 145)\",\n  saltgreen50: \"rgb(112, 199, 127)\",\n  saltgreen100: \"rgb(93, 189, 116)\",\n  saltgreen200: \"rgb(77, 180, 105)\",\n  saltgreen300: \"rgb(60, 171, 96)\",\n  saltgreen400: \"rgb(48, 156, 90)\",\n  saltgreen500: \"rgb(36, 135, 75)\",\n  saltgreen600: \"rgb(24, 114, 61)\",\n  saltgreen700: \"rgb(12, 93, 46)\",\n  saltgreen800: \"rgb(1, 73, 32)\",\n  saltgreen900: \"rgb(0, 57, 18)\",\n  saltteal10: \"rgb(218, 240, 240)\",\n  saltteal20: \"rgb(199, 232, 232)\",\n  saltteal30: \"rgb(180, 224, 225)\",\n  saltteal40: \"rgb(162, 217, 218)\",\n  saltteal50: \"rgb(141, 205, 209)\",\n  saltteal100: \"rgb(123, 193, 200)\",\n  saltteal200: \"rgb(99, 181, 192)\",\n  saltteal300: \"rgb(73, 160, 172)\",\n  saltteal400: \"rgb(48, 149, 166)\",\n  saltteal500: \"rgb(0, 130, 151)\",\n  saltteal600: \"rgb(27, 107, 133)\",\n  saltteal700: \"rgb(0, 85, 113)\",\n  saltteal800: \"rgb(1, 65, 86)\",\n  saltteal900: \"rgb(0, 49, 76)\",\n  saltblue10: \"rgb(203, 231, 249)\",\n  saltblue20: \"rgb(183, 222, 246)\",\n  saltblue30: \"rgb(164, 213, 244)\",\n  saltblue40: \"rgb(144, 204, 242)\",\n  saltblue50: \"rgb(125, 195, 240)\" /* #7dc3f0 */,\n  saltblue100: \"rgb(100, 177, 228)\" /* #64B1E4 */,\n  saltblue200: \"rgb(75, 159, 216)\",\n  saltblue300: \"rgb(51, 141, 205)\" /* 338dcd */,\n  saltblue400: \"rgb(45, 129, 189)\",\n  saltblue500: \"rgb(38, 112, 169)\" /* 2670a9 */,\n  saltblue600: \"rgb(21, 92, 147)\" /* 155c93 */,\n  saltblue700: \"rgb(0, 71, 123)\",\n  saltblue800: \"rgb(12, 53, 102)\",\n  saltblue900: \"rgb(0, 40, 88)\",\n  saltblue1000: \"rgb(0, 18, 40)\",\n  saltpurple10: \"rgb(249, 224, 247)\",\n  saltpurple20: \"rgb(247, 212, 244)\",\n  saltpurple30: \"rgb(245, 201, 241)\",\n  saltpurple40: \"rgb(243, 189, 238)\",\n  saltpurple50: \"rgb(241, 178, 235)\",\n  saltpurple100: \"rgb(223, 156, 225)\",\n  saltpurple200: \"rgb(205, 135, 215)\",\n  saltpurple300: \"rgb(192, 116, 203)\",\n  saltpurple400: \"rgb(169, 97, 181)\",\n  saltpurple500: \"rgb(150, 78, 162)\",\n  saltpurple600: \"rgb(129, 60, 141)\",\n  saltpurple700: \"rgb(103, 46, 122)\",\n  saltpurple800: \"rgb(83, 37, 109)\",\n  saltpurple900: \"rgb(59, 16, 84)\",\n  saltgray10: \"rgb(242, 244, 246)\",\n  saltgray20: \"rgb(234, 237, 239)\" /* #EAEDEF */,\n  saltgray30: \"rgb(224, 228, 233)\",\n  saltgray40: \"rgb(217, 221, 227)\" /* #D9DDE3 */,\n  saltgray50: \"rgb(206, 210, 217)\",\n  saltgray60: \"rgb(197, 201, 208)\" /* #C5C9D0 */,\n  saltgray70: \"rgb(180, 183, 190)\" /* B4B7BE*/,\n  saltgray80: \"rgb(159, 163, 170)\",\n  saltgray90: \"rgb(132, 135, 142)\" /* #84878e */,\n  saltgray100: \"rgb(116, 119, 127)\",\n  saltgray200: \"rgb(97, 101, 110)\",\n  saltgray300: \"rgb(76, 80, 91)\" /* 4c505b*/,\n  saltgray400: \"rgb(68, 72, 79)\",\n  saltgray500: \"rgb(59, 63, 70)\",\n  saltgray600: \"rgb(47, 49, 54)\",\n  saltgray700: \"rgb(42, 44, 47)\",\n  saltgray800: \"rgb(36, 37, 38)\",\n  saltgray900: \"rgb(22, 22, 22)\" /* #161616 */,\n};\n\nexport const saltColorMap: Record<string, string> = saltlight;\n"],"names":[],"mappings":"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"}

package/dist-es/color-chooser/createTabsMapping.js.map

@@ -1 +1 @@
-{"version":3,"file":"createTabsMapping.js","sources":["../src/color-chooser/createTabsMapping.ts"],"sourcesContent":["import type { ChangeEvent } from \"react\";\nimport type { Color } from \"./Color\";\nimport { ColorPicker } from \"./ColorPicker\";\nimport type { DictTabsProps } from \"./DictTabs\";\nimport { Swatches } from \"./Swatches\";\n\ninterface TabsMappingProps {\n  swatches: boolean;\n  colorPicker: boolean;\n  disableAlphaChooser: boolean;\n  allColors: string[][];\n  color: Color | undefined;\n  alpha: number;\n  handleColorChange: (\n    color: Color | undefined,\n    finalSelection: boolean,\n    e?: ChangeEvent,\n  ) => void;\n  displayColorName: string | undefined;\n  placeholder: string | undefined;\n  onDialogClosed: () => void;\n}\n\nexport const createTabsMapping = ({\n  swatches,\n  colorPicker,\n  disableAlphaChooser,\n  allColors,\n  color,\n  alpha,\n  handleColorChange,\n  displayColorName,\n  placeholder,\n  onDialogClosed,\n}: TabsMappingProps): DictTabsProps[\"tabs\"] => {\n  if (!swatches && !colorPicker) {\n    throw new Error(\"You cannot select no color chooser tabs\");\n  }\n\n  return {\n    ...(swatches && {\n      Swatches: {\n        Component: Swatches,\n        props: {\n          allColors,\n          color,\n          alpha,\n          handleColorChange,\n          displayColorName,\n          placeholder,\n          onDialogClosed,\n        },\n      },\n    }),\n    ...(colorPicker && {\n      \"Color Picker\": {\n        Component: ColorPicker,\n        props: {\n          disableAlphaChooser,\n          color,\n          alpha,\n          onChange: handleColorChange,\n          onDialogClosed,\n        },\n      },\n    }),\n  };\n};\n"],"names":[],"mappings":";;;AAuBO,MAAM,oBAAoB,CAAC;AAAA,EAChC,QAAA;AAAA,EACA,WAAA;AAAA,EACA,mBAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,iBAAA;AAAA,EACA,gBAAA;AAAA,EACA,WAAA;AAAA,EACA,cAAA;AACF,CAA+C,KAAA;AAC7C,EAAI,IAAA,CAAC,QAAY,IAAA,CAAC,WAAa,EAAA;AAC7B,IAAM,MAAA,IAAI,MAAM,yCAAyC,CAAA,CAAA;AAAA,GAC3D;AAEA,EAAO,OAAA;AAAA,IACL,GAAI,QAAY,IAAA;AAAA,MACd,QAAU,EAAA;AAAA,QACR,SAAW,EAAA,QAAA;AAAA,QACX,KAAO,EAAA;AAAA,UACL,SAAA;AAAA,UACA,KAAA;AAAA,UACA,KAAA;AAAA,UACA,iBAAA;AAAA,UACA,gBAAA;AAAA,UACA,WAAA;AAAA,UACA,cAAA;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAAA,IACA,GAAI,WAAe,IAAA;AAAA,MACjB,cAAgB,EAAA;AAAA,QACd,SAAW,EAAA,WAAA;AAAA,QACX,KAAO,EAAA;AAAA,UACL,mBAAA;AAAA,UACA,KAAA;AAAA,UACA,KAAA;AAAA,UACA,QAAU,EAAA,iBAAA;AAAA,UACV,cAAA;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAAA,GACF,CAAA;AACF;;;;"}
+{"version":3,"file":"createTabsMapping.js","sources":["../src/color-chooser/createTabsMapping.ts"],"sourcesContent":["import type { ChangeEvent } from \"react\";\nimport type { Color } from \"./Color\";\nimport { ColorPicker } from \"./ColorPicker\";\nimport type { DictTabsProps } from \"./DictTabs\";\nimport { Swatches } from \"./Swatches\";\n\ninterface TabsMappingProps {\n  swatches: boolean;\n  colorPicker: boolean;\n  disableAlphaChooser: boolean;\n  allColors: string[][];\n  color: Color | undefined;\n  alpha: number;\n  handleColorChange: (\n    color: Color | undefined,\n    finalSelection: boolean,\n    e?: ChangeEvent,\n  ) => void;\n  displayColorName: string | undefined;\n  placeholder: string | undefined;\n  onDialogClosed: () => void;\n}\n\nexport const createTabsMapping = ({\n  swatches,\n  colorPicker,\n  disableAlphaChooser,\n  allColors,\n  color,\n  alpha,\n  handleColorChange,\n  displayColorName,\n  placeholder,\n  onDialogClosed,\n}: TabsMappingProps): DictTabsProps[\"tabs\"] => {\n  if (!swatches && !colorPicker) {\n    throw new Error(\"You cannot select no color chooser tabs\");\n  }\n\n  return {\n    ...(swatches && {\n      Swatches: {\n        Component: Swatches,\n        props: {\n          allColors,\n          color,\n          alpha,\n          handleColorChange,\n          displayColorName,\n          placeholder,\n          onDialogClosed,\n        },\n      },\n    }),\n    ...(colorPicker && {\n      \"Color Picker\": {\n        Component: ColorPicker,\n        props: {\n          disableAlphaChooser,\n          color,\n          alpha,\n          onChange: handleColorChange,\n          onDialogClosed,\n        },\n      },\n    }),\n  };\n};\n"],"names":[],"mappings":";;;AAuBO,MAAM,oBAAoB,CAAC;AAAA,EAChC,QAAA;AAAA,EACA,WAAA;AAAA,EACA,mBAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,iBAAA;AAAA,EACA,gBAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAA+C,KAAA;AAC7C,EAAI,IAAA,CAAC,QAAY,IAAA,CAAC,WAAa,EAAA;AAC7B,IAAM,MAAA,IAAI,MAAM,yCAAyC,CAAA;AAAA;AAG3D,EAAO,OAAA;AAAA,IACL,GAAI,QAAY,IAAA;AAAA,MACd,QAAU,EAAA;AAAA,QACR,SAAW,EAAA,QAAA;AAAA,QACX,KAAO,EAAA;AAAA,UACL,SAAA;AAAA,UACA,KAAA;AAAA,UACA,KAAA;AAAA,UACA,iBAAA;AAAA,UACA,gBAAA;AAAA,UACA,WAAA;AAAA,UACA;AAAA;AACF;AACF,KACF;AAAA,IACA,GAAI,WAAe,IAAA;AAAA,MACjB,cAAgB,EAAA;AAAA,QACd,SAAW,EAAA,WAAA;AAAA,QACX,KAAO,EAAA;AAAA,UACL,mBAAA;AAAA,UACA,KAAA;AAAA,UACA,KAAA;AAAA,UACA,QAAU,EAAA,iBAAA;AAAA,UACV;AAAA;AACF;AACF;AACF,GACF;AACF;;;;"}

package/dist-es/combo-box/ComboBox.js

@@ -50,7 +50,7 @@ const ComboBox = forwardRef(function Combobox({
     source,
     children,
     options: {
-      filterPattern: valueProp != null ? valueProp : defaultValue,
+      filterPattern: valueProp ?? defaultValue,
       getFilterRegex,
       itemToString
     }
@@ -98,9 +98,9 @@ const ComboBox = forwardRef(function Combobox({
     },
     []
   );
-  return /* @__PURE__ */ jsx(CollectionProvider, {
-    collectionHook,
-    children: /* @__PURE__ */ jsxs(DropdownBase, {
+  return /* @__PURE__ */ jsx(CollectionProvider, { collectionHook, children: /* @__PURE__ */ jsxs(
+    DropdownBase,
+    {
       ...props,
       fullWidth: true,
       id,
@@ -110,26 +110,32 @@ const ComboBox = forwardRef(function Combobox({
       ref: forwardedRef,
       width,
       children: [
-        /* @__PURE__ */ jsx(InputLegacy, {
-          ...inputProps,
-          disabled,
-          ...controlProps
-        }),
-        /* @__PURE__ */ jsx(List, {
-          ...ListProps,
-          ListItem,
-          focusVisible,
-          highlightedIndex,
-          itemTextHighlightPattern: inputProps.value || void 0,
-          id: `${id}-list`,
-          listHandlers,
-          onSelectionChange,
-          selected: collectionItemsToItem(selected),
-          selectionStrategy
-        })
+        /* @__PURE__ */ jsx(
+          InputLegacy,
+          {
+            ...inputProps,
+            disabled,
+            ...controlProps
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          List,
+          {
+            ...ListProps,
+            ListItem,
+            focusVisible,
+            highlightedIndex,
+            itemTextHighlightPattern: inputProps.value || void 0,
+            id: `${id}-list`,
+            listHandlers,
+            onSelectionChange,
+            selected: collectionItemsToItem(selected),
+            selectionStrategy
+          }
+        )
       ]
-    })
-  });
+    }
+  ) });
 });
 
 export { ComboBox };

package/dist-es/combo-box/ComboBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboBox.js","sources":["../src/combo-box/ComboBox.tsx"],"sourcesContent":["import { useIdMemo as useId } from \"@salt-ds/core\";\nimport {\n  type ForwardedRef,\n  type ReactElement,\n  forwardRef,\n  useCallback,\n} from \"react\";\n\nimport { DropdownBase, type DropdownBaseProps } from \"../dropdown\";\nimport {\n  InputLegacy as Input,\n  type InputLegacyProps as InputProps,\n} from \"../input-legacy\";\nimport { List, type ListProps } from \"../list\";\n\nimport {\n  type CollectionItem,\n  CollectionProvider,\n  type SelectionProps,\n  type SelectionStrategy,\n  type SingleSelectionStrategy,\n  useCollectionItems,\n} from \"../common-hooks\";\nimport { useCombobox } from \"./useCombobox\";\n\nexport interface ComboBoxProps<\n  Item = string,\n  Selection extends SelectionStrategy = \"default\",\n> extends Omit<\n      DropdownBaseProps,\n      \"triggerComponent\" | \"onBlur\" | \"onChange\" | \"onFocus\"\n    >,\n    Pick<InputProps, \"onBlur\" | \"onChange\" | \"onFocus\" | \"onSelect\">,\n    Pick<\n      ListProps<Item, Selection>,\n      \"ListItem\" | \"itemToString\" | \"source\" | \"width\"\n    >,\n    Pick<\n      SelectionProps<Item, Selection>,\n      \"onSelectionChange\" | \"selectionStrategy\"\n    > {\n  InputProps?: InputProps;\n  ListProps?: Omit<\n    ListProps<Item, Selection>,\n    \"ListItem\" | \"itemToString\" | \"source\"\n  >;\n  allowFreeText?: boolean;\n  defaultValue?: string;\n  getFilterRegex?: (inputValue: string) => RegExp;\n  stringToItem?: (value?: string) => Item | null | undefined;\n  value?: string;\n}\n\nexport const ComboBox = forwardRef(function Combobox<\n  Item = string,\n  Selection extends SelectionStrategy = \"default\",\n>(\n  {\n    InputProps,\n    ListProps,\n    ListItem,\n    \"aria-label\": ariaLabel,\n    allowFreeText,\n    children,\n    defaultIsOpen,\n    defaultValue,\n    disabled,\n    onBlur,\n    onFocus,\n    onChange,\n    onSelect,\n    getFilterRegex,\n    id: idProp,\n    isOpen: isOpenProp,\n    itemToString,\n    onOpenChange: onOpenChangeProp,\n    onSelectionChange,\n    selectionStrategy,\n    source,\n    stringToItem,\n    value: valueProp,\n    width = 180,\n    ...props\n  }: ComboBoxProps<Item, Selection>,\n  forwardedRef: ForwardedRef<HTMLDivElement>,\n) {\n  const id = useId(idProp);\n\n  const collectionHook = useCollectionItems<Item>({\n    id,\n    source,\n    children,\n    options: {\n      filterPattern: valueProp ?? defaultValue,\n      getFilterRegex,\n      itemToString,\n    },\n  });\n\n  const {\n    focusVisible,\n    highlightedIndex,\n    inputProps,\n    isOpen,\n    listHandlers,\n    listControlProps: controlProps,\n    onOpenChange,\n    selected,\n  } = useCombobox<Item, Selection>({\n    InputProps,\n    allowFreeText,\n    ariaLabel,\n    collectionHook,\n    defaultIsOpen,\n    defaultValue,\n    disabled,\n    onBlur,\n    onFocus,\n    onChange,\n    onSelect,\n    id,\n    isOpen: isOpenProp,\n    itemToString,\n    label: \"ComboBox\",\n    onOpenChange: onOpenChangeProp,\n    onSelectionChange,\n    selectionStrategy,\n    stringToItem,\n    value: valueProp,\n  });\n\n  const collectionItemsToItem = useCallback(\n    (\n      sel?: CollectionItem<Item> | null | CollectionItem<Item>[],\n    ):\n      | undefined\n      | (Selection extends SingleSelectionStrategy ? Item | null : Item[]) => {\n      type returnType = Selection extends SingleSelectionStrategy\n        ? Item | null\n        : Item[];\n      if (Array.isArray(sel)) {\n        return sel.map((i) => i.value) as returnType;\n      }\n      if (sel) {\n        return sel.value as returnType;\n      }\n      return sel as returnType;\n    },\n    [],\n  );\n\n  return (\n    <CollectionProvider<Item> collectionHook={collectionHook}>\n      <DropdownBase\n        {...props}\n        fullWidth\n        id={id}\n        isOpen={isOpen}\n        onOpenChange={onOpenChange}\n        openOnFocus\n        ref={forwardedRef}\n        width={width}\n      >\n        <Input\n          {...inputProps}\n          disabled={disabled}\n          // ref={useForkRef(setInputRef, setHookInputRef)}\n          {...controlProps}\n        />\n\n        <List<Item, Selection>\n          {...ListProps}\n          ListItem={ListItem}\n          focusVisible={focusVisible}\n          highlightedIndex={highlightedIndex}\n          itemTextHighlightPattern={inputProps.value || undefined}\n          id={`${id}-list`}\n          listHandlers={listHandlers}\n          onSelectionChange={onSelectionChange}\n          selected={collectionItemsToItem(selected)}\n          selectionStrategy={selectionStrategy}\n        />\n      </DropdownBase>\n    </CollectionProvider>\n  );\n}) as <Item, Selection extends SelectionStrategy = \"default\">(\n  props: ComboBoxProps<Item, Selection> & {\n    ref?: ForwardedRef<HTMLDivElement>;\n  },\n) => ReactElement<ComboBoxProps<Item, Selection>>;\n"],"names":["useId","Input"],"mappings":"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"}
+{"version":3,"file":"ComboBox.js","sources":["../src/combo-box/ComboBox.tsx"],"sourcesContent":["import { useIdMemo as useId } from \"@salt-ds/core\";\nimport {\n  type ForwardedRef,\n  type ReactElement,\n  forwardRef,\n  useCallback,\n} from \"react\";\n\nimport { DropdownBase, type DropdownBaseProps } from \"../dropdown\";\nimport {\n  InputLegacy as Input,\n  type InputLegacyProps as InputProps,\n} from \"../input-legacy\";\nimport { List, type ListProps } from \"../list\";\n\nimport {\n  type CollectionItem,\n  CollectionProvider,\n  type SelectionProps,\n  type SelectionStrategy,\n  type SingleSelectionStrategy,\n  useCollectionItems,\n} from \"../common-hooks\";\nimport { useCombobox } from \"./useCombobox\";\n\nexport interface ComboBoxProps<\n  Item = string,\n  Selection extends SelectionStrategy = \"default\",\n> extends Omit<\n      DropdownBaseProps,\n      \"triggerComponent\" | \"onBlur\" | \"onChange\" | \"onFocus\"\n    >,\n    Pick<InputProps, \"onBlur\" | \"onChange\" | \"onFocus\" | \"onSelect\">,\n    Pick<\n      ListProps<Item, Selection>,\n      \"ListItem\" | \"itemToString\" | \"source\" | \"width\"\n    >,\n    Pick<\n      SelectionProps<Item, Selection>,\n      \"onSelectionChange\" | \"selectionStrategy\"\n    > {\n  InputProps?: InputProps;\n  ListProps?: Omit<\n    ListProps<Item, Selection>,\n    \"ListItem\" | \"itemToString\" | \"source\"\n  >;\n  allowFreeText?: boolean;\n  defaultValue?: string;\n  getFilterRegex?: (inputValue: string) => RegExp;\n  stringToItem?: (value?: string) => Item | null | undefined;\n  value?: string;\n}\n\nexport const ComboBox = forwardRef(function Combobox<\n  Item = string,\n  Selection extends SelectionStrategy = \"default\",\n>(\n  {\n    InputProps,\n    ListProps,\n    ListItem,\n    \"aria-label\": ariaLabel,\n    allowFreeText,\n    children,\n    defaultIsOpen,\n    defaultValue,\n    disabled,\n    onBlur,\n    onFocus,\n    onChange,\n    onSelect,\n    getFilterRegex,\n    id: idProp,\n    isOpen: isOpenProp,\n    itemToString,\n    onOpenChange: onOpenChangeProp,\n    onSelectionChange,\n    selectionStrategy,\n    source,\n    stringToItem,\n    value: valueProp,\n    width = 180,\n    ...props\n  }: ComboBoxProps<Item, Selection>,\n  forwardedRef: ForwardedRef<HTMLDivElement>,\n) {\n  const id = useId(idProp);\n\n  const collectionHook = useCollectionItems<Item>({\n    id,\n    source,\n    children,\n    options: {\n      filterPattern: valueProp ?? defaultValue,\n      getFilterRegex,\n      itemToString,\n    },\n  });\n\n  const {\n    focusVisible,\n    highlightedIndex,\n    inputProps,\n    isOpen,\n    listHandlers,\n    listControlProps: controlProps,\n    onOpenChange,\n    selected,\n  } = useCombobox<Item, Selection>({\n    InputProps,\n    allowFreeText,\n    ariaLabel,\n    collectionHook,\n    defaultIsOpen,\n    defaultValue,\n    disabled,\n    onBlur,\n    onFocus,\n    onChange,\n    onSelect,\n    id,\n    isOpen: isOpenProp,\n    itemToString,\n    label: \"ComboBox\",\n    onOpenChange: onOpenChangeProp,\n    onSelectionChange,\n    selectionStrategy,\n    stringToItem,\n    value: valueProp,\n  });\n\n  const collectionItemsToItem = useCallback(\n    (\n      sel?: CollectionItem<Item> | null | CollectionItem<Item>[],\n    ):\n      | undefined\n      | (Selection extends SingleSelectionStrategy ? Item | null : Item[]) => {\n      type returnType = Selection extends SingleSelectionStrategy\n        ? Item | null\n        : Item[];\n      if (Array.isArray(sel)) {\n        return sel.map((i) => i.value) as returnType;\n      }\n      if (sel) {\n        return sel.value as returnType;\n      }\n      return sel as returnType;\n    },\n    [],\n  );\n\n  return (\n    <CollectionProvider<Item> collectionHook={collectionHook}>\n      <DropdownBase\n        {...props}\n        fullWidth\n        id={id}\n        isOpen={isOpen}\n        onOpenChange={onOpenChange}\n        openOnFocus\n        ref={forwardedRef}\n        width={width}\n      >\n        <Input\n          {...inputProps}\n          disabled={disabled}\n          // ref={useForkRef(setInputRef, setHookInputRef)}\n          {...controlProps}\n        />\n\n        <List<Item, Selection>\n          {...ListProps}\n          ListItem={ListItem}\n          focusVisible={focusVisible}\n          highlightedIndex={highlightedIndex}\n          itemTextHighlightPattern={inputProps.value || undefined}\n          id={`${id}-list`}\n          listHandlers={listHandlers}\n          onSelectionChange={onSelectionChange}\n          selected={collectionItemsToItem(selected)}\n          selectionStrategy={selectionStrategy}\n        />\n      </DropdownBase>\n    </CollectionProvider>\n  );\n}) as <Item, Selection extends SelectionStrategy = \"default\">(\n  props: ComboBoxProps<Item, Selection> & {\n    ref?: ForwardedRef<HTMLDivElement>;\n  },\n) => ReactElement<ComboBoxProps<Item, Selection>>;\n"],"names":["useId","Input"],"mappings":"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"}

package/dist-es/combo-box/useCombobox.js

@@ -38,10 +38,9 @@ const useCombobox = ({
     onSelect
   }
 }) => {
-  var _a;
   const isMultiSelect = selectionStrategy === "multiple" || selectionStrategy === "extended";
   const selectedValue = collectionHook.stringToCollectionItem(
-    (_a = valueProp != null ? valueProp : defaultValue) != null ? _a : null
+    valueProp ?? defaultValue ?? null
   );
   const {
     data: indexPositions,
@@ -55,12 +54,12 @@ const useCombobox = ({
   const selectedRef = useRef(selectedValue);
   const [isOpen, setIsOpen] = useControlled({
     controlled: isOpenProp,
-    default: defaultIsOpen != null ? defaultIsOpen : false,
+    default: defaultIsOpen ?? false,
     name: "useDropdownList"
   });
   const [value, setValue] = useControlled({
     controlled: valueProp,
-    default: defaultValue != null ? defaultValue : "",
+    default: defaultValue ?? "",
     name: "ComboBox",
     state: "value"
   });
@@ -80,11 +79,11 @@ const useCombobox = ({
   const [quickSelection, setQuickSelection] = useState(false);
   const highlightSelectedItem = useCallback(
     (selected2 = selectedRef.current) => {
-      var _a2, _b;
+      var _a, _b;
       if (Array.isArray(selected2)) {
         console.log("TODO multi selection");
       } else if (selected2 == null) {
-        (_a2 = setHighlightedIndexRef.current) == null ? void 0 : _a2.call(setHighlightedIndexRef, -1);
+        (_a = setHighlightedIndexRef.current) == null ? void 0 : _a.call(setHighlightedIndexRef, -1);
       } else {
         const indexOfSelectedItem = indexPositions.indexOf(selected2);
         (_b = setHighlightedIndexRef.current) == null ? void 0 : _b.call(setHighlightedIndexRef, indexOfSelectedItem);
@@ -101,7 +100,7 @@ const useCombobox = ({
   );
   const reconcileInput = useCallback(
     (selected2 = selectedRef.current) => {
-      var _a2;
+      var _a;
       let value2 = "";
       if (Array.isArray(selected2)) {
         console.log("TODO multi selection");
@@ -110,7 +109,7 @@ const useCombobox = ({
       }
       setTextValue(value2);
       if (value2 === "") {
-        (_a2 = setHighlightedIndexRef.current) == null ? void 0 : _a2.call(setHighlightedIndexRef, -1);
+        (_a = setHighlightedIndexRef.current) == null ? void 0 : _a.call(setHighlightedIndexRef, -1);
       } else {
         highlightSelectedItem(selected2);
       }
@@ -124,7 +123,7 @@ const useCombobox = ({
       }
       selectedRef.current = selected2;
       reconcileInput(selected2);
-      onSelectionChange == null ? void 0 : onSelectionChange(evt, collectionItemsToItem(selected2 != null ? selected2 : null));
+      onSelectionChange == null ? void 0 : onSelectionChange(evt, collectionItemsToItem(selected2 ?? null));
     },
     [collectionItemsToItem, isMultiSelect, onSelectionChange, reconcileInput]
   );
@@ -198,6 +197,7 @@ const useCombobox = ({
     onKeyDown: handleInputKeyDown,
     onSelectionChange: handleSelectionChange,
     containerRef: NULL_REF,
+    // we are controlling selection from a ref value - is this right ?
     selected: selectedRef.current,
     selectionKeys: EnterOnly,
     selectionStrategy,
@@ -218,8 +218,8 @@ const useCombobox = ({
   const { onClick: listHandlersOnClick } = listHookListHandlers;
   const handleListClick = useCallback(
     (evt) => {
-      var _a2;
-      (_a2 = document.getElementById(`${id}-input`)) == null ? void 0 : _a2.focus();
+      var _a;
+      (_a = document.getElementById(`${id}-input`)) == null ? void 0 : _a.focus();
       console.log("handle list click");
       listHandlersOnClick == null ? void 0 : listHandlersOnClick(evt);
     },
@@ -265,7 +265,7 @@ const useCombobox = ({
   );
   const selectInputValue = useCallback(
     (evt) => {
-      var _a2;
+      var _a;
       const text = value.trim();
       if (text) {
         const selectedCollectionItem = stringToCollectionItem(
@@ -273,7 +273,7 @@ const useCombobox = ({
         );
         if (selectedCollectionItem) {
           if (Array.isArray(selectedCollectionItem)) ; else if (selectedCollectionItem !== selected) {
-            (_a2 = setSelectedRef.current) == null ? void 0 : _a2.call(setSelectedRef, selectedCollectionItem);
+            (_a = setSelectedRef.current) == null ? void 0 : _a.call(setSelectedRef, selectedCollectionItem);
             onSelectionChange == null ? void 0 : onSelectionChange(
               evt,
               selectedCollectionItem.value
@@ -332,6 +332,7 @@ const useCombobox = ({
   }, [highlightSelectedItem, indexPositions.length]);
   const mergedInputProps = {
     ...inputProps.inputProps,
+    // "aria-owns": listId,
     "aria-label": ariaLabel
   };
   return {
@@ -341,6 +342,7 @@ const useCombobox = ({
     onOpenChange: handleOpenChange,
     inputProps: {
       ...inputProps,
+      // "aria-activedescendant": activeDescendant,
       id: `${id}-input`,
       inputProps: mergedInputProps,
       onChange: handleInputChange,
@@ -348,6 +350,7 @@ const useCombobox = ({
       role: "combobox",
       value
     },
+    // listControlProps,
     listControlProps: {
       ...listControlProps,
       onBlur: handleInputBlur,

package/dist-es/combo-box/useCombobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCombobox.js","sources":["../src/combo-box/useCombobox.ts"],"sourcesContent":["import { useControlled } from \"@salt-ds/core\";\nimport {\n  type ChangeEvent,\n  type FocusEvent,\n  type KeyboardEvent,\n  type MouseEvent,\n  type SyntheticEvent,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  type CollectionItem,\n  type SelectionChangeHandler,\n  type SelectionStrategy,\n  type SingleSelectionStrategy,\n  itemToString as defaultItemToString,\n} from \"../common-hooks\";\nimport type { DropdownHookProps, DropdownHookResult } from \"../dropdown\";\nimport type { InputLegacyProps as InputProps } from \"../input-legacy\";\nimport { type ListHookProps, type ListHookResult, useList } from \"../list\";\n\nconst NULL_REF = { current: null };\nconst EnterOnly = [\"Enter\"];\n\nexport interface ComboboxHookProps<Item, Strategy extends SelectionStrategy>\n  extends Partial<Omit<DropdownHookProps, \"id\" | \"onKeyDown\">>,\n    Pick<InputProps, \"onBlur\" | \"onChange\" | \"onFocus\" | \"onSelect\">,\n    Omit<\n      ListHookProps<Item, Strategy>,\n      \"containerRef\" | \"defaultSelected\" | \"selected\" | \"onSelect\"\n    > {\n  InputProps?: InputProps;\n  allowFreeText?: boolean;\n  ariaLabel?: string;\n  defaultValue?: string;\n  id: string;\n  itemToString?: (item: Item) => string;\n  stringToItem?: (value?: string) => Item | null | undefined;\n  value?: string;\n}\n\nexport interface ComboboxHookResult<Item, Selection extends SelectionStrategy>\n  extends Pick<\n      ListHookResult<Item, Selection>,\n      | \"focusVisible\"\n      | \"highlightedIndex\"\n      | \"listControlProps\"\n      | \"listHandlers\"\n      | \"selected\"\n    >,\n    Partial<DropdownHookResult> {\n  inputProps: InputProps;\n  onOpenChange: (isOpen: boolean) => void;\n}\n\nexport const useCombobox = <\n  Item,\n  Selection extends SelectionStrategy = \"default\",\n>({\n  allowFreeText,\n  ariaLabel,\n  collectionHook,\n  defaultIsOpen,\n  defaultValue,\n  onBlur,\n  onFocus,\n  onChange,\n  onSelect,\n  id,\n  isOpen: isOpenProp,\n  itemToString = defaultItemToString as (item: Item) => string,\n  onOpenChange,\n  onSelectionChange,\n  selectionStrategy,\n  stringToItem,\n  value: valueProp,\n  InputProps: inputProps = {\n    onBlur,\n    onFocus,\n    onChange,\n    onSelect,\n  },\n}: ComboboxHookProps<Item, Selection>): ComboboxHookResult<Item, Selection> => {\n  type selectedCollectionType = Selection extends SingleSelectionStrategy\n    ? CollectionItem<Item> | null\n    : CollectionItem<Item>[];\n  const isMultiSelect =\n    selectionStrategy === \"multiple\" || selectionStrategy === \"extended\";\n\n  const selectedValue = collectionHook.stringToCollectionItem<Selection>(\n    valueProp ?? defaultValue ?? null,\n  );\n\n  const {\n    data: indexPositions,\n    itemToCollectionItem,\n    setFilterPattern,\n    stringToCollectionItem,\n  } = collectionHook;\n  const setHighlightedIndexRef = useRef<null | ((i: number) => void)>(null);\n  const setSelectedRef = useRef<\n    null | ListHookResult<Item, Selection>[\"setSelected\"]\n  >(null);\n  // Input select events are used to identify user navigation within the input text.\n  // The initial select event fired on focus is an exception that we ignore.\n  const ignoreSelectOnFocus = useRef(true);\n  const selectedRef = useRef<selectedCollectionType>(selectedValue);\n\n  const [isOpen, setIsOpen] = useControlled<boolean>({\n    controlled: isOpenProp,\n    default: defaultIsOpen ?? false,\n    name: \"useDropdownList\",\n  });\n\n  const [value, setValue] = useControlled({\n    controlled: valueProp,\n    default: defaultValue ?? \"\",\n    name: \"ComboBox\",\n    state: \"value\",\n  });\n\n  const collectionItemsToItem = useCallback(\n    (\n      sel: CollectionItem<Item> | null | CollectionItem<Item>[],\n    ): Selection extends SingleSelectionStrategy ? Item | null : Item[] => {\n      type returnType = Selection extends SingleSelectionStrategy\n        ? Item | null\n        : Item[];\n      if (Array.isArray(sel)) {\n        return sel.map((i) => i.value) as returnType;\n      }\n      if (sel) {\n        return sel.value as returnType;\n      }\n      return sel as returnType;\n    },\n    [],\n  );\n\n  const [disableAriaActiveDescendant, setDisableAriaActiveDescendant] =\n    useState(true);\n  const [quickSelection, setQuickSelection] = useState(false);\n\n  const highlightSelectedItem = useCallback(\n    (selected: selectedCollectionType = selectedRef.current) => {\n      if (Array.isArray(selected)) {\n        console.log(\"TODO multi selection\");\n      } else if (selected == null) {\n        setHighlightedIndexRef.current?.(-1);\n      } else {\n        const indexOfSelectedItem = indexPositions.indexOf(selected);\n        setHighlightedIndexRef.current?.(indexOfSelectedItem);\n      }\n    },\n    [indexPositions],\n  );\n\n  const setTextValue = useCallback(\n    (value: string) => {\n      setValue(value);\n      setFilterPattern(value === \"\" ? undefined : value);\n    },\n    [setFilterPattern],\n  );\n\n  const reconcileInput = useCallback(\n    (selected: selectedCollectionType = selectedRef.current) => {\n      let value = \"\";\n      if (Array.isArray(selected)) {\n        console.log(\"TODO multi selection\");\n      } else if (selected != null && selected.value !== null) {\n        value = itemToString(selected.value);\n      }\n      setTextValue(value);\n      if (value === \"\") {\n        setHighlightedIndexRef.current?.(-1);\n      } else {\n        highlightSelectedItem(selected);\n      }\n    },\n    [highlightSelectedItem, itemToString, setTextValue],\n  );\n\n  const applySelection = useCallback(\n    (evt: any, selected: selectedCollectionType) => {\n      if (!isMultiSelect) {\n        setIsOpen(false);\n      }\n      selectedRef.current = selected;\n      reconcileInput(selected);\n      onSelectionChange?.(evt, collectionItemsToItem(selected ?? null));\n    },\n    [collectionItemsToItem, isMultiSelect, onSelectionChange, reconcileInput],\n  );\n\n  const handleSelectionChange = useCallback<\n    SelectionChangeHandler<Item, Selection>\n  >(\n    (evt, selected) => {\n      if (!isMultiSelect) {\n        const selectedCollectionItem = itemToCollectionItem<\n          Selection,\n          typeof selected\n        >(selected);\n        applySelection(evt, selectedCollectionItem);\n      }\n    },\n    [applySelection, isMultiSelect, itemToCollectionItem],\n  );\n\n  const handleFirstItemSelection = useCallback(\n    (evt: KeyboardEvent | ChangeEvent) => {\n      if (\n        !allowFreeText &&\n        (evt as KeyboardEvent).key === \"Enter\" &&\n        quickSelection\n      ) {\n        const [firstItem] = indexPositions;\n        applySelection(evt, firstItem as selectedCollectionType);\n      }\n    },\n    [allowFreeText, applySelection, indexPositions, quickSelection],\n  );\n\n  const {\n    onKeyDown: inputOnKeyDown,\n    onFocus: inputOnFocus,\n    onChange: inputOnChange,\n    onBlur: inputOnBlur,\n    onSelect: inputOnSelect,\n  } = inputProps;\n\n  const handleInputKeyDown = useCallback(\n    (evt: KeyboardEvent) => {\n      if (\"Escape\" === evt.key) {\n        if (allowFreeText) {\n          setTextValue(\"\");\n        } else {\n          reconcileInput();\n        }\n      } else if (\"Tab\" === evt.key) {\n        if (!allowFreeText) {\n          reconcileInput();\n        }\n      }\n\n      handleFirstItemSelection(evt);\n\n      inputOnKeyDown?.(evt as KeyboardEvent<HTMLInputElement>);\n    },\n    [\n      allowFreeText,\n      handleFirstItemSelection,\n      inputOnKeyDown,\n      reconcileInput,\n      setTextValue,\n    ],\n  );\n\n  const handleKeyboardNavigation = useCallback(() => {\n    setDisableAriaActiveDescendant(false);\n  }, []);\n\n  const {\n    focusVisible,\n    setHighlightedIndex,\n    highlightedIndex,\n    listControlProps,\n    listHandlers: listHookListHandlers,\n    selected,\n    setSelected,\n  } = useList<Item, Selection>({\n    collectionHook,\n    defaultHighlightedIndex: -1,\n    disableAriaActiveDescendant,\n    disableHighlightOnFocus: true,\n    disableTypeToSelect: true,\n    onKeyboardNavigation: handleKeyboardNavigation,\n    onKeyDown: handleInputKeyDown,\n    onSelectionChange: handleSelectionChange,\n    containerRef: NULL_REF,\n    // we are controlling selection from a ref value - is this right ?\n    selected: selectedRef.current,\n    selectionKeys: EnterOnly,\n    selectionStrategy,\n    tabToSelect: !isMultiSelect,\n  });\n\n  setHighlightedIndexRef.current = setHighlightedIndex;\n  setSelectedRef.current = setSelected;\n  // selectedRef.current = selected;\n\n  const handleOpenChange = useCallback(\n    (open: boolean) => {\n      setIsOpen(open);\n      if (!open) {\n        setQuickSelection(false);\n      }\n      onOpenChange?.(open);\n    },\n    [onOpenChange],\n  );\n\n  const { onClick: listHandlersOnClick } = listHookListHandlers;\n  const handleListClick = useCallback(\n    (evt: MouseEvent) => {\n      //TODO use ref\n      document.getElementById(`${id}-input`)?.focus();\n      // const inputEl = inputRef.current;\n      console.log(\"handle list click\");\n      listHandlersOnClick?.(evt);\n      // if (inputEl != null) {\n      //   inputEl.focus();\n      // }\n\n      // if (restListProps.onClick) {\n      //   restListProps.onClick(event as MouseEvent<HTMLDivElement>);\n      // }\n\n      // notifyPopper(event);\n    },\n    [id, listHandlersOnClick],\n  );\n\n  const handleInputChange = useCallback(\n    (evt: ChangeEvent<HTMLInputElement>) => {\n      const newValue = evt.target.value;\n      setValue(newValue);\n\n      if (newValue?.trim().length) {\n        setFilterPattern(newValue);\n      } else {\n        setFilterPattern(undefined);\n        if (selectedRef.current !== null) {\n          onSelectionChange?.(\n            evt,\n            null as Selection extends SingleSelectionStrategy\n              ? Item | null\n              : Item[],\n          );\n        }\n        selectedRef.current = null as selectedCollectionType;\n      }\n\n      setIsOpen(true);\n\n      setQuickSelection(newValue.length > 0 && !allowFreeText);\n\n      inputOnChange?.(evt, newValue);\n    },\n    [allowFreeText, inputOnChange, setFilterPattern, onSelectionChange],\n  );\n\n  const { onFocus: listOnFocus } = listControlProps;\n  const handleInputFocus = useCallback(\n    (evt: FocusEvent<HTMLInputElement>) => {\n      setDisableAriaActiveDescendant(false);\n      listOnFocus?.(evt);\n      inputOnFocus?.(evt);\n    },\n    [inputOnFocus, listOnFocus],\n  );\n\n  const listFocused = useCallback(\n    (evt: FocusEvent) => {\n      const element = evt.relatedTarget as HTMLElement;\n      return element?.id === `${id}-list`;\n    },\n    [id],\n  );\n\n  // When focus leaves a free text combo, check to see if the entered text is\n  // a valid selection, if so fire a change event\n  const selectInputValue = useCallback(\n    (evt: ChangeEvent) => {\n      const text = value.trim();\n      if (text) {\n        const selectedCollectionItem = stringToCollectionItem<\"default\">(\n          text,\n        ) as selectedCollectionType;\n        if (selectedCollectionItem) {\n          if (Array.isArray(selectedCollectionItem)) {\n            // TODO multi select\n          } else if (selectedCollectionItem !== selected) {\n            setSelectedRef.current?.(selectedCollectionItem);\n            onSelectionChange?.(\n              evt,\n              selectedCollectionItem.value as Selection extends SingleSelectionStrategy\n                ? Item | null\n                : Item[],\n            );\n          }\n        } else if (stringToItem) {\n          const item = stringToItem(text);\n          if (item) {\n            console.log(\"we have a new item\");\n          }\n        }\n        // How do we check if string is Item\n      }\n    },\n    [onSelectionChange, selected, stringToItem, stringToCollectionItem, value],\n  );\n\n  const { onBlur: listOnBlur } = listControlProps;\n  const handleInputBlur = useCallback(\n    (evt: FocusEvent<HTMLInputElement>) => {\n      if (listFocused(evt)) {\n        // nothing doing\n      } else {\n        listOnBlur?.(evt);\n        inputOnBlur?.(evt);\n        if (allowFreeText) {\n          selectInputValue(evt as ChangeEvent);\n        } else {\n          reconcileInput();\n        }\n        setDisableAriaActiveDescendant(true);\n        ignoreSelectOnFocus.current = true;\n      }\n    },\n    [\n      allowFreeText,\n      listFocused,\n      inputOnBlur,\n      listOnBlur,\n      reconcileInput,\n      selectInputValue,\n    ],\n  );\n\n  const handleInputSelect = useCallback(\n    (event: SyntheticEvent<HTMLDivElement>) => {\n      if (ignoreSelectOnFocus.current) {\n        ignoreSelectOnFocus.current = false;\n      } else {\n        setDisableAriaActiveDescendant(true);\n      }\n      inputOnSelect?.(event);\n    },\n    [inputOnSelect],\n  );\n\n  // If we have selected item(s) and we filter down the list by typing,\n  // the position of selected items within the list may be changing.\n  // Relocate highlighted index to the selection whenever this happens,\n  // so if we resume keyboard navigation, navigation begins from the selected\n  // item.\n  useEffect(() => {\n    highlightSelectedItem();\n    // TODO may need to scrollIntoView\n    if (indexPositions.length === 0) {\n      setIsOpen(false);\n    }\n  }, [highlightSelectedItem, indexPositions.length]);\n\n  // const activeDescendant: string | undefined = selectionChanged\n  //   ? \"\"\n  //   : undefined;\n\n  const mergedInputProps = {\n    ...inputProps.inputProps,\n    // \"aria-owns\": listId,\n    \"aria-label\": ariaLabel,\n  };\n\n  return {\n    focusVisible,\n    highlightedIndex,\n    isOpen,\n    onOpenChange: handleOpenChange,\n    inputProps: {\n      ...inputProps,\n      // \"aria-activedescendant\": activeDescendant,\n      id: `${id}-input`,\n      inputProps: mergedInputProps,\n      onChange: handleInputChange,\n      onSelect: handleInputSelect,\n      role: \"combobox\",\n      value,\n    },\n    // listControlProps,\n    listControlProps: {\n      ...listControlProps,\n      onBlur: handleInputBlur,\n      onFocus: handleInputFocus,\n    },\n    listHandlers: {\n      ...listHookListHandlers,\n      onClick: handleListClick,\n    },\n    selected,\n  };\n};\n"],"names":["itemToString","defaultItemToString","selected","_a","value"],"mappings":";;;;;;;;;;;;;AAuBA,MAAM,QAAA,GAAW,EAAE,OAAA,EAAS,IAAK,EAAA,CAAA;AACjC,MAAM,SAAA,GAAY,CAAC,OAAO,CAAA,CAAA;AAiCnB,MAAM,cAAc,CAGzB;AAAA,EACA,aAAA;AAAA,EACA,SAAA;AAAA,EACA,cAAA;AAAA,EACA,aAAA;AAAA,EACA,YAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,EAAA;AAAA,EACA,MAAQ,EAAA,UAAA;AAAA,gBACRA,cAAe,GAAAC,YAAA;AAAA,EACf,YAAA;AAAA,EACA,iBAAA;AAAA,EACA,iBAAA;AAAA,EACA,YAAA;AAAA,EACA,KAAO,EAAA,SAAA;AAAA,EACP,YAAY,UAAa,GAAA;AAAA,IACvB,MAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,GACF;AACF,CAA+E,KAAA;AApF/E,EAAA,IAAA,EAAA,CAAA;AAwFE,EAAM,MAAA,aAAA,GACJ,iBAAsB,KAAA,UAAA,IAAc,iBAAsB,KAAA,UAAA,CAAA;AAE5D,EAAA,MAAM,gBAAgB,cAAe,CAAA,sBAAA;AAAA,IACnC,CAAA,EAAA,GAAA,SAAA,IAAA,IAAA,GAAA,SAAA,GAAa,iBAAb,IAA6B,GAAA,EAAA,GAAA,IAAA;AAAA,GAC/B,CAAA;AAEA,EAAM,MAAA;AAAA,IACJ,IAAM,EAAA,cAAA;AAAA,IACN,oBAAA;AAAA,IACA,gBAAA;AAAA,IACA,sBAAA;AAAA,GACE,GAAA,cAAA,CAAA;AACJ,EAAM,MAAA,sBAAA,GAAyB,OAAqC,IAAI,CAAA,CAAA;AACxE,EAAM,MAAA,cAAA,GAAiB,OAErB,IAAI,CAAA,CAAA;AAGN,EAAM,MAAA,mBAAA,GAAsB,OAAO,IAAI,CAAA,CAAA;AACvC,EAAM,MAAA,WAAA,GAAc,OAA+B,aAAa,CAAA,CAAA;AAEhE,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,aAAuB,CAAA;AAAA,IACjD,UAAY,EAAA,UAAA;AAAA,IACZ,SAAS,aAAiB,IAAA,IAAA,GAAA,aAAA,GAAA,KAAA;AAAA,IAC1B,IAAM,EAAA,iBAAA;AAAA,GACP,CAAA,CAAA;AAED,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,aAAc,CAAA;AAAA,IACtC,UAAY,EAAA,SAAA;AAAA,IACZ,SAAS,YAAgB,IAAA,IAAA,GAAA,YAAA,GAAA,EAAA;AAAA,IACzB,IAAM,EAAA,UAAA;AAAA,IACN,KAAO,EAAA,OAAA;AAAA,GACR,CAAA,CAAA;AAED,EAAA,MAAM,qBAAwB,GAAA,WAAA;AAAA,IAC5B,CACE,GACqE,KAAA;AAIrE,MAAI,IAAA,KAAA,CAAM,OAAQ,CAAA,GAAG,CAAG,EAAA;AACtB,QAAA,OAAO,GAAI,CAAA,GAAA,CAAI,CAAC,CAAA,KAAM,EAAE,KAAK,CAAA,CAAA;AAAA,OAC/B;AACA,MAAA,IAAI,GAAK,EAAA;AACP,QAAA,OAAO,GAAI,CAAA,KAAA,CAAA;AAAA,OACb;AACA,MAAO,OAAA,GAAA,CAAA;AAAA,KACT;AAAA,IACA,EAAC;AAAA,GACH,CAAA;AAEA,EAAA,MAAM,CAAC,2BAAA,EAA6B,8BAA8B,CAAA,GAChE,SAAS,IAAI,CAAA,CAAA;AACf,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AAE1D,EAAA,MAAM,qBAAwB,GAAA,WAAA;AAAA,IAC5B,CAACC,SAAmC,GAAA,WAAA,CAAY,OAAY,KAAA;AAlJhE,MAAA,IAAAC,GAAA,EAAA,EAAA,CAAA;AAmJM,MAAI,IAAA,KAAA,CAAM,OAAQD,CAAAA,SAAQ,CAAG,EAAA;AAC3B,QAAA,OAAA,CAAQ,IAAI,sBAAsB,CAAA,CAAA;AAAA,OACpC,MAAA,IAAWA,aAAY,IAAM,EAAA;AAC3B,QAAA,CAAAC,GAAA,GAAA,sBAAA,CAAuB,OAAvB,KAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,IAAA,IAAiC,CAAA,sBAAA,EAAA,CAAA,CAAA,CAAA,CAAA;AAAA,OAC5B,MAAA;AACL,QAAM,MAAA,mBAAA,GAAsB,cAAe,CAAA,OAAA,CAAQD,SAAQ,CAAA,CAAA;AAC3D,QAAA,CAAA,EAAA,GAAA,sBAAA,CAAuB,YAAvB,IAAiC,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,sBAAA,EAAA,mBAAA,CAAA,CAAA;AAAA,OACnC;AAAA,KACF;AAAA,IACA,CAAC,cAAc,CAAA;AAAA,GACjB,CAAA;AAEA,EAAA,MAAM,YAAe,GAAA,WAAA;AAAA,IACnB,CAACE,MAAkB,KAAA;AACjB,MAAA,QAAA,CAASA,MAAK,CAAA,CAAA;AACd,MAAiBA,gBAAAA,CAAAA,MAAAA,KAAU,EAAK,GAAA,KAAA,CAAA,GAAYA,MAAK,CAAA,CAAA;AAAA,KACnD;AAAA,IACA,CAAC,gBAAgB,CAAA;AAAA,GACnB,CAAA;AAEA,EAAA,MAAM,cAAiB,GAAA,WAAA;AAAA,IACrB,CAACF,SAAmC,GAAA,WAAA,CAAY,OAAY,KAAA;AAxKhE,MAAAC,IAAAA,GAAAA,CAAAA;AAyKM,MAAA,IAAIC,MAAQ,GAAA,EAAA,CAAA;AACZ,MAAI,IAAA,KAAA,CAAM,OAAQF,CAAAA,SAAQ,CAAG,EAAA;AAC3B,QAAA,OAAA,CAAQ,IAAI,sBAAsB,CAAA,CAAA;AAAA,OACzBA,MAAAA,IAAAA,SAAAA,IAAY,IAAQA,IAAAA,SAAAA,CAAS,UAAU,IAAM,EAAA;AACtD,QAAAE,MAAAA,GAAQJ,cAAaE,CAAAA,SAAAA,CAAS,KAAK,CAAA,CAAA;AAAA,OACrC;AACA,MAAA,YAAA,CAAaE,MAAK,CAAA,CAAA;AAClB,MAAA,IAAIA,WAAU,EAAI,EAAA;AAChB,QAAA,CAAAD,GAAA,GAAA,sBAAA,CAAuB,OAAvB,KAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,IAAA,IAAiC,CAAA,sBAAA,EAAA,CAAA,CAAA,CAAA,CAAA;AAAA,OAC5B,MAAA;AACL,QAAA,qBAAA,CAAsBD,SAAQ,CAAA,CAAA;AAAA,OAChC;AAAA,KACF;AAAA,IACA,CAAC,qBAAuB,EAAAF,cAAA,EAAc,YAAY,CAAA;AAAA,GACpD,CAAA;AAEA,EAAA,MAAM,cAAiB,GAAA,WAAA;AAAA,IACrB,CAAC,KAAUE,SAAqC,KAAA;AAC9C,MAAA,IAAI,CAAC,aAAe,EAAA;AAClB,QAAA,SAAA,CAAU,KAAK,CAAA,CAAA;AAAA,OACjB;AACA,MAAA,WAAA,CAAY,OAAUA,GAAAA,SAAAA,CAAAA;AACtB,MAAA,cAAA,CAAeA,SAAQ,CAAA,CAAA;AACvB,MAAA,iBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,iBAAA,CAAoB,GAAK,EAAA,qBAAA,CAAsBA,SAAA,IAAA,IAAA,GAAAA,YAAY,IAAI,CAAA,CAAA,CAAA;AAAA,KACjE;AAAA,IACA,CAAC,qBAAA,EAAuB,aAAe,EAAA,iBAAA,EAAmB,cAAc,CAAA;AAAA,GAC1E,CAAA;AAEA,EAAA,MAAM,qBAAwB,GAAA,WAAA;AAAA,IAG5B,CAAC,KAAKA,SAAa,KAAA;AACjB,MAAA,IAAI,CAAC,aAAe,EAAA;AAClB,QAAM,MAAA,sBAAA,GAAyB,qBAG7BA,SAAQ,CAAA,CAAA;AACV,QAAA,cAAA,CAAe,KAAK,sBAAsB,CAAA,CAAA;AAAA,OAC5C;AAAA,KACF;AAAA,IACA,CAAC,cAAgB,EAAA,aAAA,EAAe,oBAAoB,CAAA;AAAA,GACtD,CAAA;AAEA,EAAA,MAAM,wBAA2B,GAAA,WAAA;AAAA,IAC/B,CAAC,GAAqC,KAAA;AACpC,MAAA,IACE,CAAC,aAAA,IACA,GAAsB,CAAA,GAAA,KAAQ,WAC/B,cACA,EAAA;AACA,QAAM,MAAA,CAAC,SAAS,CAAI,GAAA,cAAA,CAAA;AACpB,QAAA,cAAA,CAAe,KAAK,SAAmC,CAAA,CAAA;AAAA,OACzD;AAAA,KACF;AAAA,IACA,CAAC,aAAA,EAAe,cAAgB,EAAA,cAAA,EAAgB,cAAc,CAAA;AAAA,GAChE,CAAA;AAEA,EAAM,MAAA;AAAA,IACJ,SAAW,EAAA,cAAA;AAAA,IACX,OAAS,EAAA,YAAA;AAAA,IACT,QAAU,EAAA,aAAA;AAAA,IACV,MAAQ,EAAA,WAAA;AAAA,IACR,QAAU,EAAA,aAAA;AAAA,GACR,GAAA,UAAA,CAAA;AAEJ,EAAA,MAAM,kBAAqB,GAAA,WAAA;AAAA,IACzB,CAAC,GAAuB,KAAA;AACtB,MAAI,IAAA,QAAA,KAAa,IAAI,GAAK,EAAA;AACxB,QAAA,IAAI,aAAe,EAAA;AACjB,UAAA,YAAA,CAAa,EAAE,CAAA,CAAA;AAAA,SACV,MAAA;AACL,UAAe,cAAA,EAAA,CAAA;AAAA,SACjB;AAAA,OACF,MAAA,IAAW,KAAU,KAAA,GAAA,CAAI,GAAK,EAAA;AAC5B,QAAA,IAAI,CAAC,aAAe,EAAA;AAClB,UAAe,cAAA,EAAA,CAAA;AAAA,SACjB;AAAA,OACF;AAEA,MAAA,wBAAA,CAAyB,GAAG,CAAA,CAAA;AAE5B,MAAiB,cAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,cAAA,CAAA,GAAA,CAAA,CAAA;AAAA,KACnB;AAAA,IACA;AAAA,MACE,aAAA;AAAA,MACA,wBAAA;AAAA,MACA,cAAA;AAAA,MACA,cAAA;AAAA,MACA,YAAA;AAAA,KACF;AAAA,GACF,CAAA;AAEA,EAAM,MAAA,wBAAA,GAA2B,YAAY,MAAM;AACjD,IAAA,8BAAA,CAA+B,KAAK,CAAA,CAAA;AAAA,GACtC,EAAG,EAAE,CAAA,CAAA;AAEL,EAAM,MAAA;AAAA,IACJ,YAAA;AAAA,IACA,mBAAA;AAAA,IACA,gBAAA;AAAA,IACA,gBAAA;AAAA,IACA,YAAc,EAAA,oBAAA;AAAA,IACd,QAAA;AAAA,IACA,WAAA;AAAA,MACE,OAAyB,CAAA;AAAA,IAC3B,cAAA;AAAA,IACA,uBAAyB,EAAA,CAAA,CAAA;AAAA,IACzB,2BAAA;AAAA,IACA,uBAAyB,EAAA,IAAA;AAAA,IACzB,mBAAqB,EAAA,IAAA;AAAA,IACrB,oBAAsB,EAAA,wBAAA;AAAA,IACtB,SAAW,EAAA,kBAAA;AAAA,IACX,iBAAmB,EAAA,qBAAA;AAAA,IACnB,YAAc,EAAA,QAAA;AAAA,IAEd,UAAU,WAAY,CAAA,OAAA;AAAA,IACtB,aAAe,EAAA,SAAA;AAAA,IACf,iBAAA;AAAA,IACA,aAAa,CAAC,aAAA;AAAA,GACf,CAAA,CAAA;AAED,EAAA,sBAAA,CAAuB,OAAU,GAAA,mBAAA,CAAA;AACjC,EAAA,cAAA,CAAe,OAAU,GAAA,WAAA,CAAA;AAGzB,EAAA,MAAM,gBAAmB,GAAA,WAAA;AAAA,IACvB,CAAC,IAAkB,KAAA;AACjB,MAAA,SAAA,CAAU,IAAI,CAAA,CAAA;AACd,MAAA,IAAI,CAAC,IAAM,EAAA;AACT,QAAA,iBAAA,CAAkB,KAAK,CAAA,CAAA;AAAA,OACzB;AACA,MAAe,YAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,YAAA,CAAA,IAAA,CAAA,CAAA;AAAA,KACjB;AAAA,IACA,CAAC,YAAY,CAAA;AAAA,GACf,CAAA;AAEA,EAAM,MAAA,EAAE,OAAS,EAAA,mBAAA,EAAwB,GAAA,oBAAA,CAAA;AACzC,EAAA,MAAM,eAAkB,GAAA,WAAA;AAAA,IACtB,CAAC,GAAoB,KAAA;AAnTzB,MAAAC,IAAAA,GAAAA,CAAAA;AAqTM,MAAA,CAAAA,MAAA,QAAS,CAAA,cAAA,CAAe,GAAG,EAAU,CAAA,MAAA,CAAA,CAAA,KAArC,gBAAAA,GAAwC,CAAA,KAAA,EAAA,CAAA;AAExC,MAAA,OAAA,CAAQ,IAAI,mBAAmB,CAAA,CAAA;AAC/B,MAAsB,mBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,mBAAA,CAAA,GAAA,CAAA,CAAA;AAAA,KAUxB;AAAA,IACA,CAAC,IAAI,mBAAmB,CAAA;AAAA,GAC1B,CAAA;AAEA,EAAA,MAAM,iBAAoB,GAAA,WAAA;AAAA,IACxB,CAAC,GAAuC,KAAA;AACtC,MAAM,MAAA,QAAA,GAAW,IAAI,MAAO,CAAA,KAAA,CAAA;AAC5B,MAAA,QAAA,CAAS,QAAQ,CAAA,CAAA;AAEjB,MAAI,IAAA,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAU,OAAO,MAAQ,EAAA;AAC3B,QAAA,gBAAA,CAAiB,QAAQ,CAAA,CAAA;AAAA,OACpB,MAAA;AACL,QAAA,gBAAA,CAAiB,KAAS,CAAA,CAAA,CAAA;AAC1B,QAAI,IAAA,WAAA,CAAY,YAAY,IAAM,EAAA;AAChC,UAAA,iBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,iBAAA;AAAA,YACE,GAAA;AAAA,YACA,IAAA;AAAA,WAAA,CAAA;AAAA,SAIJ;AACA,QAAA,WAAA,CAAY,OAAU,GAAA,IAAA,CAAA;AAAA,OACxB;AAEA,MAAA,SAAA,CAAU,IAAI,CAAA,CAAA;AAEd,MAAA,iBAAA,CAAkB,QAAS,CAAA,MAAA,GAAS,CAAK,IAAA,CAAC,aAAa,CAAA,CAAA;AAEvD,MAAA,aAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,aAAA,CAAgB,GAAK,EAAA,QAAA,CAAA,CAAA;AAAA,KACvB;AAAA,IACA,CAAC,aAAA,EAAe,aAAe,EAAA,gBAAA,EAAkB,iBAAiB,CAAA;AAAA,GACpE,CAAA;AAEA,EAAM,MAAA,EAAE,OAAS,EAAA,WAAA,EAAgB,GAAA,gBAAA,CAAA;AACjC,EAAA,MAAM,gBAAmB,GAAA,WAAA;AAAA,IACvB,CAAC,GAAsC,KAAA;AACrC,MAAA,8BAAA,CAA+B,KAAK,CAAA,CAAA;AACpC,MAAc,WAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAA,GAAA,CAAA,CAAA;AACd,MAAe,YAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,YAAA,CAAA,GAAA,CAAA,CAAA;AAAA,KACjB;AAAA,IACA,CAAC,cAAc,WAAW,CAAA;AAAA,GAC5B,CAAA;AAEA,EAAA,MAAM,WAAc,GAAA,WAAA;AAAA,IAClB,CAAC,GAAoB,KAAA;AACnB,MAAA,MAAM,UAAU,GAAI,CAAA,aAAA,CAAA;AACpB,MAAO,OAAA,CAAA,OAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAS,QAAO,CAAG,EAAA,EAAA,CAAA,KAAA,CAAA,CAAA;AAAA,KAC5B;AAAA,IACA,CAAC,EAAE,CAAA;AAAA,GACL,CAAA;AAIA,EAAA,MAAM,gBAAmB,GAAA,WAAA;AAAA,IACvB,CAAC,GAAqB,KAAA;AAxX1B,MAAAA,IAAAA,GAAAA,CAAAA;AAyXM,MAAM,MAAA,IAAA,GAAO,MAAM,IAAK,EAAA,CAAA;AACxB,MAAA,IAAI,IAAM,EAAA;AACR,QAAA,MAAM,sBAAyB,GAAA,sBAAA;AAAA,UAC7B,IAAA;AAAA,SACF,CAAA;AACA,QAAA,IAAI,sBAAwB,EAAA;AAC1B,UAAI,IAAA,KAAA,CAAM,OAAQ,CAAA,sBAAsB,CAAG,EAAA,CAE3C,MAAA,IAAW,2BAA2B,QAAU,EAAA;AAC9C,YAAA,CAAAA,GAAA,GAAA,cAAA,CAAe,OAAf,KAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,IAAA,IAAyB,CAAA,cAAA,EAAA,sBAAA,CAAA,CAAA;AACzB,YAAA,iBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,iBAAA;AAAA,cACE,GAAA;AAAA,cACA,sBAAuB,CAAA,KAAA;AAAA,aAAA,CAAA;AAAA,WAI3B;AAAA,mBACS,YAAc,EAAA;AACvB,UAAM,MAAA,IAAA,GAAO,aAAa,IAAI,CAAA,CAAA;AAC9B,UAAA,IAAI,IAAM,EAAA;AACR,YAAA,OAAA,CAAQ,IAAI,oBAAoB,CAAA,CAAA;AAAA,WAClC;AAAA,SACF;AAAA,OAEF;AAAA,KACF;AAAA,IACA,CAAC,iBAAA,EAAmB,QAAU,EAAA,YAAA,EAAc,wBAAwB,KAAK,CAAA;AAAA,GAC3E,CAAA;AAEA,EAAM,MAAA,EAAE,MAAQ,EAAA,UAAA,EAAe,GAAA,gBAAA,CAAA;AAC/B,EAAA,MAAM,eAAkB,GAAA,WAAA;AAAA,IACtB,CAAC,GAAsC,KAAA;AACrC,MAAI,IAAA,WAAA,CAAY,GAAG,CAAG,EAAA,CAEf,MAAA;AACL,QAAa,UAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,CAAA,GAAA,CAAA,CAAA;AACb,QAAc,WAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAA,GAAA,CAAA,CAAA;AACd,QAAA,IAAI,aAAe,EAAA;AACjB,UAAA,gBAAA,CAAiB,GAAkB,CAAA,CAAA;AAAA,SAC9B,MAAA;AACL,UAAe,cAAA,EAAA,CAAA;AAAA,SACjB;AACA,QAAA,8BAAA,CAA+B,IAAI,CAAA,CAAA;AACnC,QAAA,mBAAA,CAAoB,OAAU,GAAA,IAAA,CAAA;AAAA,OAChC;AAAA,KACF;AAAA,IACA;AAAA,MACE,aAAA;AAAA,MACA,WAAA;AAAA,MACA,WAAA;AAAA,MACA,UAAA;AAAA,MACA,cAAA;AAAA,MACA,gBAAA;AAAA,KACF;AAAA,GACF,CAAA;AAEA,EAAA,MAAM,iBAAoB,GAAA,WAAA;AAAA,IACxB,CAAC,KAA0C,KAAA;AACzC,MAAA,IAAI,oBAAoB,OAAS,EAAA;AAC/B,QAAA,mBAAA,CAAoB,OAAU,GAAA,KAAA,CAAA;AAAA,OACzB,MAAA;AACL,QAAA,8BAAA,CAA+B,IAAI,CAAA,CAAA;AAAA,OACrC;AACA,MAAgB,aAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,aAAA,CAAA,KAAA,CAAA,CAAA;AAAA,KAClB;AAAA,IACA,CAAC,aAAa,CAAA;AAAA,GAChB,CAAA;AAOA,EAAA,SAAA,CAAU,MAAM;AACd,IAAsB,qBAAA,EAAA,CAAA;AAEtB,IAAI,IAAA,cAAA,CAAe,WAAW,CAAG,EAAA;AAC/B,MAAA,SAAA,CAAU,KAAK,CAAA,CAAA;AAAA,KACjB;AAAA,GACC,EAAA,CAAC,qBAAuB,EAAA,cAAA,CAAe,MAAM,CAAC,CAAA,CAAA;AAMjD,EAAA,MAAM,gBAAmB,GAAA;AAAA,IACvB,GAAG,UAAW,CAAA,UAAA;AAAA,IAEd,YAAc,EAAA,SAAA;AAAA,GAChB,CAAA;AAEA,EAAO,OAAA;AAAA,IACL,YAAA;AAAA,IACA,gBAAA;AAAA,IACA,MAAA;AAAA,IACA,YAAc,EAAA,gBAAA;AAAA,IACd,UAAY,EAAA;AAAA,MACV,GAAG,UAAA;AAAA,MAEH,IAAI,CAAG,EAAA,EAAA,CAAA,MAAA,CAAA;AAAA,MACP,UAAY,EAAA,gBAAA;AAAA,MACZ,QAAU,EAAA,iBAAA;AAAA,MACV,QAAU,EAAA,iBAAA;AAAA,MACV,IAAM,EAAA,UAAA;AAAA,MACN,KAAA;AAAA,KACF;AAAA,IAEA,gBAAkB,EAAA;AAAA,MAChB,GAAG,gBAAA;AAAA,MACH,MAAQ,EAAA,eAAA;AAAA,MACR,OAAS,EAAA,gBAAA;AAAA,KACX;AAAA,IACA,YAAc,EAAA;AAAA,MACZ,GAAG,oBAAA;AAAA,MACH,OAAS,EAAA,eAAA;AAAA,KACX;AAAA,IACA,QAAA;AAAA,GACF,CAAA;AACF;;;;"}
+{"version":3,"file":"useCombobox.js","sources":["../src/combo-box/useCombobox.ts"],"sourcesContent":["import { useControlled } from \"@salt-ds/core\";\nimport {\n  type ChangeEvent,\n  type FocusEvent,\n  type KeyboardEvent,\n  type MouseEvent,\n  type SyntheticEvent,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  type CollectionItem,\n  type SelectionChangeHandler,\n  type SelectionStrategy,\n  type SingleSelectionStrategy,\n  itemToString as defaultItemToString,\n} from \"../common-hooks\";\nimport type { DropdownHookProps, DropdownHookResult } from \"../dropdown\";\nimport type { InputLegacyProps as InputProps } from \"../input-legacy\";\nimport { type ListHookProps, type ListHookResult, useList } from \"../list\";\n\nconst NULL_REF = { current: null };\nconst EnterOnly = [\"Enter\"];\n\nexport interface ComboboxHookProps<Item, Strategy extends SelectionStrategy>\n  extends Partial<Omit<DropdownHookProps, \"id\" | \"onKeyDown\">>,\n    Pick<InputProps, \"onBlur\" | \"onChange\" | \"onFocus\" | \"onSelect\">,\n    Omit<\n      ListHookProps<Item, Strategy>,\n      \"containerRef\" | \"defaultSelected\" | \"selected\" | \"onSelect\"\n    > {\n  InputProps?: InputProps;\n  allowFreeText?: boolean;\n  ariaLabel?: string;\n  defaultValue?: string;\n  id: string;\n  itemToString?: (item: Item) => string;\n  stringToItem?: (value?: string) => Item | null | undefined;\n  value?: string;\n}\n\nexport interface ComboboxHookResult<Item, Selection extends SelectionStrategy>\n  extends Pick<\n      ListHookResult<Item, Selection>,\n      | \"focusVisible\"\n      | \"highlightedIndex\"\n      | \"listControlProps\"\n      | \"listHandlers\"\n      | \"selected\"\n    >,\n    Partial<DropdownHookResult> {\n  inputProps: InputProps;\n  onOpenChange: (isOpen: boolean) => void;\n}\n\nexport const useCombobox = <\n  Item,\n  Selection extends SelectionStrategy = \"default\",\n>({\n  allowFreeText,\n  ariaLabel,\n  collectionHook,\n  defaultIsOpen,\n  defaultValue,\n  onBlur,\n  onFocus,\n  onChange,\n  onSelect,\n  id,\n  isOpen: isOpenProp,\n  itemToString = defaultItemToString as (item: Item) => string,\n  onOpenChange,\n  onSelectionChange,\n  selectionStrategy,\n  stringToItem,\n  value: valueProp,\n  InputProps: inputProps = {\n    onBlur,\n    onFocus,\n    onChange,\n    onSelect,\n  },\n}: ComboboxHookProps<Item, Selection>): ComboboxHookResult<Item, Selection> => {\n  type selectedCollectionType = Selection extends SingleSelectionStrategy\n    ? CollectionItem<Item> | null\n    : CollectionItem<Item>[];\n  const isMultiSelect =\n    selectionStrategy === \"multiple\" || selectionStrategy === \"extended\";\n\n  const selectedValue = collectionHook.stringToCollectionItem<Selection>(\n    valueProp ?? defaultValue ?? null,\n  );\n\n  const {\n    data: indexPositions,\n    itemToCollectionItem,\n    setFilterPattern,\n    stringToCollectionItem,\n  } = collectionHook;\n  const setHighlightedIndexRef = useRef<null | ((i: number) => void)>(null);\n  const setSelectedRef = useRef<\n    null | ListHookResult<Item, Selection>[\"setSelected\"]\n  >(null);\n  // Input select events are used to identify user navigation within the input text.\n  // The initial select event fired on focus is an exception that we ignore.\n  const ignoreSelectOnFocus = useRef(true);\n  const selectedRef = useRef<selectedCollectionType>(selectedValue);\n\n  const [isOpen, setIsOpen] = useControlled<boolean>({\n    controlled: isOpenProp,\n    default: defaultIsOpen ?? false,\n    name: \"useDropdownList\",\n  });\n\n  const [value, setValue] = useControlled({\n    controlled: valueProp,\n    default: defaultValue ?? \"\",\n    name: \"ComboBox\",\n    state: \"value\",\n  });\n\n  const collectionItemsToItem = useCallback(\n    (\n      sel: CollectionItem<Item> | null | CollectionItem<Item>[],\n    ): Selection extends SingleSelectionStrategy ? Item | null : Item[] => {\n      type returnType = Selection extends SingleSelectionStrategy\n        ? Item | null\n        : Item[];\n      if (Array.isArray(sel)) {\n        return sel.map((i) => i.value) as returnType;\n      }\n      if (sel) {\n        return sel.value as returnType;\n      }\n      return sel as returnType;\n    },\n    [],\n  );\n\n  const [disableAriaActiveDescendant, setDisableAriaActiveDescendant] =\n    useState(true);\n  const [quickSelection, setQuickSelection] = useState(false);\n\n  const highlightSelectedItem = useCallback(\n    (selected: selectedCollectionType = selectedRef.current) => {\n      if (Array.isArray(selected)) {\n        console.log(\"TODO multi selection\");\n      } else if (selected == null) {\n        setHighlightedIndexRef.current?.(-1);\n      } else {\n        const indexOfSelectedItem = indexPositions.indexOf(selected);\n        setHighlightedIndexRef.current?.(indexOfSelectedItem);\n      }\n    },\n    [indexPositions],\n  );\n\n  const setTextValue = useCallback(\n    (value: string) => {\n      setValue(value);\n      setFilterPattern(value === \"\" ? undefined : value);\n    },\n    [setFilterPattern],\n  );\n\n  const reconcileInput = useCallback(\n    (selected: selectedCollectionType = selectedRef.current) => {\n      let value = \"\";\n      if (Array.isArray(selected)) {\n        console.log(\"TODO multi selection\");\n      } else if (selected != null && selected.value !== null) {\n        value = itemToString(selected.value);\n      }\n      setTextValue(value);\n      if (value === \"\") {\n        setHighlightedIndexRef.current?.(-1);\n      } else {\n        highlightSelectedItem(selected);\n      }\n    },\n    [highlightSelectedItem, itemToString, setTextValue],\n  );\n\n  const applySelection = useCallback(\n    (evt: any, selected: selectedCollectionType) => {\n      if (!isMultiSelect) {\n        setIsOpen(false);\n      }\n      selectedRef.current = selected;\n      reconcileInput(selected);\n      onSelectionChange?.(evt, collectionItemsToItem(selected ?? null));\n    },\n    [collectionItemsToItem, isMultiSelect, onSelectionChange, reconcileInput],\n  );\n\n  const handleSelectionChange = useCallback<\n    SelectionChangeHandler<Item, Selection>\n  >(\n    (evt, selected) => {\n      if (!isMultiSelect) {\n        const selectedCollectionItem = itemToCollectionItem<\n          Selection,\n          typeof selected\n        >(selected);\n        applySelection(evt, selectedCollectionItem);\n      }\n    },\n    [applySelection, isMultiSelect, itemToCollectionItem],\n  );\n\n  const handleFirstItemSelection = useCallback(\n    (evt: KeyboardEvent | ChangeEvent) => {\n      if (\n        !allowFreeText &&\n        (evt as KeyboardEvent).key === \"Enter\" &&\n        quickSelection\n      ) {\n        const [firstItem] = indexPositions;\n        applySelection(evt, firstItem as selectedCollectionType);\n      }\n    },\n    [allowFreeText, applySelection, indexPositions, quickSelection],\n  );\n\n  const {\n    onKeyDown: inputOnKeyDown,\n    onFocus: inputOnFocus,\n    onChange: inputOnChange,\n    onBlur: inputOnBlur,\n    onSelect: inputOnSelect,\n  } = inputProps;\n\n  const handleInputKeyDown = useCallback(\n    (evt: KeyboardEvent) => {\n      if (\"Escape\" === evt.key) {\n        if (allowFreeText) {\n          setTextValue(\"\");\n        } else {\n          reconcileInput();\n        }\n      } else if (\"Tab\" === evt.key) {\n        if (!allowFreeText) {\n          reconcileInput();\n        }\n      }\n\n      handleFirstItemSelection(evt);\n\n      inputOnKeyDown?.(evt as KeyboardEvent<HTMLInputElement>);\n    },\n    [\n      allowFreeText,\n      handleFirstItemSelection,\n      inputOnKeyDown,\n      reconcileInput,\n      setTextValue,\n    ],\n  );\n\n  const handleKeyboardNavigation = useCallback(() => {\n    setDisableAriaActiveDescendant(false);\n  }, []);\n\n  const {\n    focusVisible,\n    setHighlightedIndex,\n    highlightedIndex,\n    listControlProps,\n    listHandlers: listHookListHandlers,\n    selected,\n    setSelected,\n  } = useList<Item, Selection>({\n    collectionHook,\n    defaultHighlightedIndex: -1,\n    disableAriaActiveDescendant,\n    disableHighlightOnFocus: true,\n    disableTypeToSelect: true,\n    onKeyboardNavigation: handleKeyboardNavigation,\n    onKeyDown: handleInputKeyDown,\n    onSelectionChange: handleSelectionChange,\n    containerRef: NULL_REF,\n    // we are controlling selection from a ref value - is this right ?\n    selected: selectedRef.current,\n    selectionKeys: EnterOnly,\n    selectionStrategy,\n    tabToSelect: !isMultiSelect,\n  });\n\n  setHighlightedIndexRef.current = setHighlightedIndex;\n  setSelectedRef.current = setSelected;\n  // selectedRef.current = selected;\n\n  const handleOpenChange = useCallback(\n    (open: boolean) => {\n      setIsOpen(open);\n      if (!open) {\n        setQuickSelection(false);\n      }\n      onOpenChange?.(open);\n    },\n    [onOpenChange],\n  );\n\n  const { onClick: listHandlersOnClick } = listHookListHandlers;\n  const handleListClick = useCallback(\n    (evt: MouseEvent) => {\n      //TODO use ref\n      document.getElementById(`${id}-input`)?.focus();\n      // const inputEl = inputRef.current;\n      console.log(\"handle list click\");\n      listHandlersOnClick?.(evt);\n      // if (inputEl != null) {\n      //   inputEl.focus();\n      // }\n\n      // if (restListProps.onClick) {\n      //   restListProps.onClick(event as MouseEvent<HTMLDivElement>);\n      // }\n\n      // notifyPopper(event);\n    },\n    [id, listHandlersOnClick],\n  );\n\n  const handleInputChange = useCallback(\n    (evt: ChangeEvent<HTMLInputElement>) => {\n      const newValue = evt.target.value;\n      setValue(newValue);\n\n      if (newValue?.trim().length) {\n        setFilterPattern(newValue);\n      } else {\n        setFilterPattern(undefined);\n        if (selectedRef.current !== null) {\n          onSelectionChange?.(\n            evt,\n            null as Selection extends SingleSelectionStrategy\n              ? Item | null\n              : Item[],\n          );\n        }\n        selectedRef.current = null as selectedCollectionType;\n      }\n\n      setIsOpen(true);\n\n      setQuickSelection(newValue.length > 0 && !allowFreeText);\n\n      inputOnChange?.(evt, newValue);\n    },\n    [allowFreeText, inputOnChange, setFilterPattern, onSelectionChange],\n  );\n\n  const { onFocus: listOnFocus } = listControlProps;\n  const handleInputFocus = useCallback(\n    (evt: FocusEvent<HTMLInputElement>) => {\n      setDisableAriaActiveDescendant(false);\n      listOnFocus?.(evt);\n      inputOnFocus?.(evt);\n    },\n    [inputOnFocus, listOnFocus],\n  );\n\n  const listFocused = useCallback(\n    (evt: FocusEvent) => {\n      const element = evt.relatedTarget as HTMLElement;\n      return element?.id === `${id}-list`;\n    },\n    [id],\n  );\n\n  // When focus leaves a free text combo, check to see if the entered text is\n  // a valid selection, if so fire a change event\n  const selectInputValue = useCallback(\n    (evt: ChangeEvent) => {\n      const text = value.trim();\n      if (text) {\n        const selectedCollectionItem = stringToCollectionItem<\"default\">(\n          text,\n        ) as selectedCollectionType;\n        if (selectedCollectionItem) {\n          if (Array.isArray(selectedCollectionItem)) {\n            // TODO multi select\n          } else if (selectedCollectionItem !== selected) {\n            setSelectedRef.current?.(selectedCollectionItem);\n            onSelectionChange?.(\n              evt,\n              selectedCollectionItem.value as Selection extends SingleSelectionStrategy\n                ? Item | null\n                : Item[],\n            );\n          }\n        } else if (stringToItem) {\n          const item = stringToItem(text);\n          if (item) {\n            console.log(\"we have a new item\");\n          }\n        }\n        // How do we check if string is Item\n      }\n    },\n    [onSelectionChange, selected, stringToItem, stringToCollectionItem, value],\n  );\n\n  const { onBlur: listOnBlur } = listControlProps;\n  const handleInputBlur = useCallback(\n    (evt: FocusEvent<HTMLInputElement>) => {\n      if (listFocused(evt)) {\n        // nothing doing\n      } else {\n        listOnBlur?.(evt);\n        inputOnBlur?.(evt);\n        if (allowFreeText) {\n          selectInputValue(evt as ChangeEvent);\n        } else {\n          reconcileInput();\n        }\n        setDisableAriaActiveDescendant(true);\n        ignoreSelectOnFocus.current = true;\n      }\n    },\n    [\n      allowFreeText,\n      listFocused,\n      inputOnBlur,\n      listOnBlur,\n      reconcileInput,\n      selectInputValue,\n    ],\n  );\n\n  const handleInputSelect = useCallback(\n    (event: SyntheticEvent<HTMLDivElement>) => {\n      if (ignoreSelectOnFocus.current) {\n        ignoreSelectOnFocus.current = false;\n      } else {\n        setDisableAriaActiveDescendant(true);\n      }\n      inputOnSelect?.(event);\n    },\n    [inputOnSelect],\n  );\n\n  // If we have selected item(s) and we filter down the list by typing,\n  // the position of selected items within the list may be changing.\n  // Relocate highlighted index to the selection whenever this happens,\n  // so if we resume keyboard navigation, navigation begins from the selected\n  // item.\n  useEffect(() => {\n    highlightSelectedItem();\n    // TODO may need to scrollIntoView\n    if (indexPositions.length === 0) {\n      setIsOpen(false);\n    }\n  }, [highlightSelectedItem, indexPositions.length]);\n\n  // const activeDescendant: string | undefined = selectionChanged\n  //   ? \"\"\n  //   : undefined;\n\n  const mergedInputProps = {\n    ...inputProps.inputProps,\n    // \"aria-owns\": listId,\n    \"aria-label\": ariaLabel,\n  };\n\n  return {\n    focusVisible,\n    highlightedIndex,\n    isOpen,\n    onOpenChange: handleOpenChange,\n    inputProps: {\n      ...inputProps,\n      // \"aria-activedescendant\": activeDescendant,\n      id: `${id}-input`,\n      inputProps: mergedInputProps,\n      onChange: handleInputChange,\n      onSelect: handleInputSelect,\n      role: \"combobox\",\n      value,\n    },\n    // listControlProps,\n    listControlProps: {\n      ...listControlProps,\n      onBlur: handleInputBlur,\n      onFocus: handleInputFocus,\n    },\n    listHandlers: {\n      ...listHookListHandlers,\n      onClick: handleListClick,\n    },\n    selected,\n  };\n};\n"],"names":["itemToString","defaultItemToString","selected","value"],"mappings":"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"}

package/dist-es/combo-box-deprecated/ComboBoxDeprecated.js

@@ -66,37 +66,43 @@ const ComboBoxDeprecated = forwardRef(function ComboBox(props, ref) {
     width == null && listWidth == null
   );
   const ComboBoxComponent = isMultiSelect ? MultiSelectComboBox : DefaultComboBox;
-  return /* @__PURE__ */ jsx("div", {
-    className: clsx(
-      withBaseName(),
-      {
-        [withBaseName("disabled")]: disabled,
-        [withBaseName("field")]: inFormField
-      },
-      className
-    ),
-    id,
-    ref: useForkRef(ref, rootRef),
-    style: { width },
-    children: /* @__PURE__ */ jsx(ComboBoxComponent, {
-      ...{
-        ...restProps,
-        id,
-        source,
-        disabled,
-        rootRef,
-        rootWidth,
-        inputRef,
-        listRef,
-        listWidth,
-        initialSelectedItem,
-        selectedItem,
-        "aria-label": clsx(ariaLabel),
-        "aria-labelledby": ariaLabelledBy,
-        "aria-required": ariaRequired
-      }
-    })
-  });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: clsx(
+        withBaseName(),
+        {
+          [withBaseName("disabled")]: disabled,
+          [withBaseName("field")]: inFormField
+        },
+        className
+      ),
+      id,
+      ref: useForkRef(ref, rootRef),
+      style: { width },
+      children: /* @__PURE__ */ jsx(
+        ComboBoxComponent,
+        {
+          ...{
+            ...restProps,
+            id,
+            source,
+            disabled,
+            rootRef,
+            rootWidth,
+            inputRef,
+            listRef,
+            listWidth,
+            initialSelectedItem,
+            selectedItem,
+            "aria-label": clsx(ariaLabel),
+            "aria-labelledby": ariaLabelledBy,
+            "aria-required": ariaRequired
+          }
+        }
+      )
+    }
+  );
 });
 
 export { ComboBoxDeprecated };