@eightshift/ui-components 1.1.2 → 1.1.3

package/dist/components/menu/menu.js

@@ -1489,8 +1489,8 @@ const MenuItem = (props) => {
         (selected === false || checked === false) && icons.dummySpacer,
         icon,
         children,
-        shortcut && /* @__PURE__ */ jsx("div", { className: "es-uic-ml-auto es-uic-text-[0.6875rem] es-uic-tracking-tight es-uic-text-gray-400", children: shortcut }),
-        endIcon && /* @__PURE__ */ jsx("div", { className: clsx(!shortcut && "es-uic-ml-auto"), children: endIcon })
+        shortcut && /* @__PURE__ */ jsx("div", { className: "es-uic-ml-auto es-uic-pl-2 es-uic-text-[0.6875rem] es-uic-tracking-tight es-uic-text-gray-400", children: shortcut }),
+        endIcon && /* @__PURE__ */ jsx("div", { className: clsx(!shortcut && "es-uic-ml-auto es-uic-pl-2"), children: endIcon })
       ]
     }
   );

package/dist/components/select/async-multi-select.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
+import { useId } from "react";
 import { A as AsyncSelect$1 } from "../../react-select-async.esm-5zW9Dv9E.js";
 import { D as DndContext, g as getDragEndHandler, S as SortableContext, a as getMultiValue, b as getMultiValueRemove } from "../../multi-select-components-7vKCF8dG.js";
 import { r as restrictToParentElement } from "../../modifiers.esm-BuJQPI1X.js";
 import { CustomSelectDefaultMultiValueRemove, CustomSelectDefaultDropdownIndicator, CustomSelectDefaultClearIndicator } from "./custom-select-default-components.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { eightshiftSelectClasses } from "./styles.js";
-import { fixIds } from "./shared.js";
 import { c as components } from "../../index-a301f526.esm-ByOfDxiG.js";
 /**
  * Multi-select menu with async loading and re-ordering.
@@ -71,7 +71,7 @@ const AsyncMultiSelect = (props) => {
     inline,
     loadOptions,
     preloadOptions = true,
-    value,
+    value: rawValue,
     onChange,
     disabled = false,
     noSearch = false,
@@ -89,6 +89,11 @@ const AsyncMultiSelect = (props) => {
     hidden,
     ...additionalProps
   } = props;
+  const idBase = useId();
+  const value = rawValue.map((item, index) => ({
+    ...item,
+    id: `${idBase}-${index}`
+  }));
   if (hidden) {
     return null;
   }
@@ -96,7 +101,6 @@ const AsyncMultiSelect = (props) => {
     const results = await loadOptions(searchText);
     return processLoadedOptions((results == null ? void 0 : results.map((item) => ({ id: item.value, ...item }))) ?? []);
   };
-  fixIds(value, onChange);
   return /* @__PURE__ */ jsx(
     BaseControl,
     {

package/dist/components/select/multi-select.js

@@ -1,9 +1,10 @@
 import { jsx } from "react/jsx-runtime";
+import { useId } from "react";
 import { S as StateManagedSelect$1 } from "../../react-select.esm-Bi6uzjbT.js";
 import { D as DndContext, g as getDragEndHandler, S as SortableContext, a as getMultiValue, b as getMultiValueRemove } from "../../multi-select-components-7vKCF8dG.js";
 import { r as restrictToParentElement } from "../../modifiers.esm-BuJQPI1X.js";
 import { CustomSelectDefaultMultiValueRemove, CustomSelectDefaultDropdownIndicator, CustomSelectDefaultClearIndicator } from "./custom-select-default-components.js";
-import { fixIds, getValue, customOnChange } from "./shared.js";
+import { getValue, customOnChange } from "./shared.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { eightshiftSelectClasses } from "./styles.js";
 import { c as components } from "../../index-a301f526.esm-ByOfDxiG.js";
@@ -64,7 +65,7 @@ const MultiSelect = (props) => {
     subtitle,
     actions,
     inline,
-    value,
+    value: rawValue,
     onChange,
     options,
     simpleValue = false,
@@ -83,10 +84,14 @@ const MultiSelect = (props) => {
     hidden,
     ...additionalProps
   } = props;
+  const idBase = useId();
+  const value = rawValue.map((item, index) => ({
+    ...item,
+    id: `${idBase}-${index}`
+  }));
   if (hidden) {
     return null;
   }
-  fixIds(value, onChange);
   return /* @__PURE__ */ jsx(
     BaseControl,
     {

package/dist/components/select/shared.js

@@ -29,6 +29,7 @@ const getValue = (simpleValue, value, options) => {
  * @preserve
  */
 const customOnChange = (simpleValue, newValue, onChange) => {
+  delete newValue.id;
   if (!simpleValue) {
     onChange(newValue);
     return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eightshift/ui-components",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -63,7 +63,7 @@
     "eslint-plugin-prettier": "^5.1.3",
     "framer-motion": "^11.2.12",
     "glob": "^10.4.2",
-    "globals": "^15.6.0",
+    "globals": "^15.7.0",
     "just-camel-case": "^6.2.0",
     "just-debounce-it": "^3.2.0",
     "just-has": "^2.3.0",
@@ -71,7 +71,7 @@
     "just-kebab-case": "^4.2.0",
     "just-throttle": "^4.2.0",
     "lightningcss": "^1.25.1",
-    "postcss": "^8.4.38",
+    "postcss": "^8.4.39",
     "prettier": "^3.3.2",
     "prettier-plugin-tailwindcss": "^0.6.5",
     "react-aria": "^3.33.1",