@eightshift/ui-components 1.4.5 → 1.4.7

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

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { S as StateManagedSelect$1 } from "../../react-select.esm-DkSeQzOP.js";
 import { CustomSelectDefaultDropdownIndicator, CustomSelectDefaultClearIndicator } from "./custom-select-default-components.js";
-import { getValue, customOnChange } from "./shared.js";
+import { getValue } from "./shared.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { eightshiftSelectClasses } from "./styles.js";
 import { c as components } from "../../index-a301f526.esm-B9tWL9yi.js";
@@ -95,7 +95,14 @@ const Select = (props) => {
           unstyled: true,
           options,
           value: getValue(simpleValue, value, options),
-          onChange: (v) => customOnChange(simpleValue, v, onChange),
+          onChange: (v) => {
+            if (simpleValue) {
+              onChange(v == null ? void 0 : v.value);
+              return;
+            }
+            delete v.id;
+            onChange(v);
+          },
           closeMenuOnSelect: !keepMenuOpenAfterSelect,
           isClearable: clearable,
           isSearchable: !noSearch,

package/dist/utilities/index.js

@@ -1,6 +1,6 @@
 import { arrayMoveMultiple, fixIds } from "./array-helpers.js";
 import { camelCase, has, isEmpty, isEqual, isObject, isPlainObject, kebabCase, lowerFirst, pascalCase, snakeCase, upperFirst } from "./es-dash.js";
-import { truncate, truncateMiddle, unescapeHTML } from "./text-helpers.js";
+import { truncate, truncateEnd, truncateMiddle, unescapeHTML } from "./text-helpers.js";
 import { debounce, throttle } from "./debounce-throttle.js";
 import { c } from "../lite-DVmmD_-j.js";
 export {
@@ -20,6 +20,7 @@ export {
   snakeCase,
   throttle,
   truncate,
+  truncateEnd,
   truncateMiddle,
   unescapeHTML,
   upperFirst

package/dist/utilities/text-helpers.js

@@ -85,8 +85,46 @@ const truncate = (input, maxLength, separator = "...") => {
   const leftPart = input.slice(0, maxStringLength).trim();
   return `${leftPart}${separator}`;
 };
+/**
+ * Slices the string at the end and inputs the provided separator so that the string is maxLength characters long.
+ *
+ * @param {string} input             - String to slice.
+ * @param {number} maxLength         - Maximum allowed string length.
+ * @param {string} [separator='...'] - Separator to insert.
+ *
+ * @access public
+ *
+ * @returns {string|Error} Truncated string or error if separator length exceeds maxLength.
+ *
+ * Usage:
+ * ```js
+ * truncateMiddle('https://eightshift.com/contact/', 22);
+ * ```
+ *
+ * Output:
+ * ```js
+ * "https://ei.../contact/"
+ *
+ * @preserve
+ */
+const truncateEnd = (input, maxLength, separator = "...") => {
+  if (!input) {
+    return null;
+  }
+  if ((input == null ? void 0 : input.length) <= maxLength) {
+    return input;
+  }
+  if (separator.length + 1 > maxLength) {
+    throw new Error("Separator length exceeds the passed maximum length, string wouldn't be visible.");
+  }
+  const maxStringLength = maxLength - separator.length;
+  const leftPartLength = Math.ceil(maxStringLength);
+  const leftPart = input.slice(0, leftPartLength).trim();
+  return `${leftPart}${separator}`;
+};
 export {
   truncate,
+  truncateEnd,
   truncateMiddle,
   unescapeHTML
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eightshift/ui-components",
-  "version": "1.4.5",
+  "version": "1.4.7",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -53,29 +53,29 @@
     "@dnd-kit/utilities": "^3.2.2",
     "@eslint/compat": "^1.1.1",
     "@react-stately/collections": "^3.10.9",
-    "@stylistic/eslint-plugin-js": "^2.3.0",
+    "@stylistic/eslint-plugin-js": "^2.6.1",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@vitejs/plugin-react-swc": "^3.7.0",
     "@wordpress/i18n": "^5.4.0",
-    "autoprefixer": "^10.4.19",
+    "autoprefixer": "^10.4.20",
     "clsx": "^2.1.1",
     "css-gradient-parser": "^0.0.16",
-    "eslint": "^9.7.0",
+    "eslint": "^9.8.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-jsdoc": "^48.8.3",
+    "eslint-plugin-jsdoc": "^50.0.0",
     "eslint-plugin-prettier": "^5.2.1",
-    "framer-motion": "^11.3.17",
+    "framer-motion": "^11.3.22",
     "glob": "^11.0.0",
-    "globals": "^15.8.0",
+    "globals": "^15.9.0",
     "just-camel-case": "^6.2.0",
     "just-debounce-it": "^3.2.0",
     "just-has": "^2.3.0",
     "just-is-empty": "^3.4.1",
     "just-kebab-case": "^4.2.0",
     "just-throttle": "^4.2.0",
-    "lightningcss": "^1.25.1",
-    "postcss": "^8.4.40",
+    "lightningcss": "^1.26.0",
+    "postcss": "^8.4.41",
     "prettier": "^3.3.3",
     "prettier-plugin-tailwindcss": "^0.6.5",
     "react-aria": "^3.34.1",