@eightshift/ui-components 5.0.10 → 5.1.0

package/dist/useAsyncList-fLtZMvJO.js

@@ -0,0 +1,420 @@
+import { useReducer, useRef, useEffect } from "react";
+function $0d86e9c8f07f9a7b$export$79c0c687a5963b0a(opts, dispatch) {
+  let { cursor, getKey } = opts;
+  return {
+    setSelectedKeys(selectedKeys) {
+      dispatch((state) => ({
+        ...state,
+        selectedKeys
+      }));
+    },
+    setFilterText(filterText) {
+      dispatch((state) => ({
+        ...state,
+        filterText
+      }));
+    },
+    insert(index, ...values) {
+      dispatch((state) => $0d86e9c8f07f9a7b$var$insert(state, index, ...values));
+    },
+    insertBefore(key, ...values) {
+      dispatch((state) => {
+        let index = state.items.findIndex((item) => (getKey === null || getKey === void 0 ? void 0 : getKey(item)) === key);
+        if (index === -1) {
+          if (state.items.length === 0) index = 0;
+          else return state;
+        }
+        return $0d86e9c8f07f9a7b$var$insert(state, index, ...values);
+      });
+    },
+    insertAfter(key, ...values) {
+      dispatch((state) => {
+        let index = state.items.findIndex((item) => (getKey === null || getKey === void 0 ? void 0 : getKey(item)) === key);
+        if (index === -1) {
+          if (state.items.length === 0) index = 0;
+          else return state;
+        }
+        return $0d86e9c8f07f9a7b$var$insert(state, index + 1, ...values);
+      });
+    },
+    prepend(...values) {
+      dispatch((state) => $0d86e9c8f07f9a7b$var$insert(state, 0, ...values));
+    },
+    append(...values) {
+      dispatch((state) => $0d86e9c8f07f9a7b$var$insert(state, state.items.length, ...values));
+    },
+    remove(...keys) {
+      dispatch((state) => {
+        let keySet = new Set(keys);
+        let items = state.items.filter((item) => !keySet.has(getKey(item)));
+        let selection = "all";
+        if (state.selectedKeys !== "all") {
+          selection = new Set(state.selectedKeys);
+          for (let key of keys) selection.delete(key);
+        }
+        if (cursor == null && items.length === 0) selection = /* @__PURE__ */ new Set();
+        return {
+          ...state,
+          items,
+          selectedKeys: selection
+        };
+      });
+    },
+    removeSelectedItems() {
+      dispatch((state) => {
+        if (state.selectedKeys === "all") return {
+          ...state,
+          items: [],
+          selectedKeys: /* @__PURE__ */ new Set()
+        };
+        let selectedKeys = state.selectedKeys;
+        let items = state.items.filter((item) => !selectedKeys.has(getKey(item)));
+        return {
+          ...state,
+          items,
+          selectedKeys: /* @__PURE__ */ new Set()
+        };
+      });
+    },
+    move(key, toIndex) {
+      dispatch((state) => {
+        let index = state.items.findIndex((item2) => getKey(item2) === key);
+        if (index === -1) return state;
+        let copy = state.items.slice();
+        let [item] = copy.splice(index, 1);
+        copy.splice(toIndex, 0, item);
+        return {
+          ...state,
+          items: copy
+        };
+      });
+    },
+    moveBefore(key, keys) {
+      dispatch((state) => {
+        let toIndex = state.items.findIndex((item) => getKey(item) === key);
+        if (toIndex === -1) return state;
+        let keyArray = Array.isArray(keys) ? keys : [
+          ...keys
+        ];
+        let indices = keyArray.map((key2) => state.items.findIndex((item) => getKey(item) === key2)).sort((a, b) => a - b);
+        return $0d86e9c8f07f9a7b$var$move(state, indices, toIndex);
+      });
+    },
+    moveAfter(key, keys) {
+      dispatch((state) => {
+        let toIndex = state.items.findIndex((item) => getKey(item) === key);
+        if (toIndex === -1) return state;
+        let keyArray = Array.isArray(keys) ? keys : [
+          ...keys
+        ];
+        let indices = keyArray.map((key2) => state.items.findIndex((item) => getKey(item) === key2)).sort((a, b) => a - b);
+        return $0d86e9c8f07f9a7b$var$move(state, indices, toIndex + 1);
+      });
+    },
+    update(key, newValue) {
+      dispatch((state) => {
+        let index = state.items.findIndex((item) => getKey(item) === key);
+        if (index === -1) return state;
+        return {
+          ...state,
+          items: [
+            ...state.items.slice(0, index),
+            newValue,
+            ...state.items.slice(index + 1)
+          ]
+        };
+      });
+    }
+  };
+}
+function $0d86e9c8f07f9a7b$var$insert(state, index, ...values) {
+  return {
+    ...state,
+    items: [
+      ...state.items.slice(0, index),
+      ...values,
+      ...state.items.slice(index)
+    ]
+  };
+}
+function $0d86e9c8f07f9a7b$var$move(state, indices, toIndex) {
+  toIndex -= indices.filter((index) => index < toIndex).length;
+  let moves = indices.map((from) => ({
+    from,
+    to: toIndex++
+  }));
+  for (let i = 0; i < moves.length; i++) {
+    let a = moves[i].from;
+    for (let j = i; j < moves.length; j++) {
+      let b = moves[j].from;
+      if (b > a) moves[j].from--;
+    }
+  }
+  for (let i = 0; i < moves.length; i++) {
+    let a = moves[i];
+    for (let j = moves.length - 1; j > i; j--) {
+      let b = moves[j];
+      if (b.from < a.to) a.to++;
+      else b.from++;
+    }
+  }
+  let copy = state.items.slice();
+  for (let move of moves) {
+    let [item] = copy.splice(move.from, 1);
+    copy.splice(move.to, 0, item);
+  }
+  return {
+    ...state,
+    items: copy
+  };
+}
+function $f86e6c1ec7da6ebb$var$reducer(data, action) {
+  let selectedKeys;
+  switch (data.state) {
+    case "idle":
+    case "error":
+      switch (action.type) {
+        case "loading":
+        case "loadingMore":
+        case "sorting":
+        case "filtering":
+          var _action_filterText, _action_sortDescriptor;
+          return {
+            ...data,
+            filterText: (_action_filterText = action.filterText) !== null && _action_filterText !== void 0 ? _action_filterText : data.filterText,
+            state: action.type,
+            // Reset items to an empty list if loading, but not when sorting.
+            items: action.type === "loading" ? [] : data.items,
+            sortDescriptor: (_action_sortDescriptor = action.sortDescriptor) !== null && _action_sortDescriptor !== void 0 ? _action_sortDescriptor : data.sortDescriptor,
+            abortController: action.abortController
+          };
+        case "update":
+          var _action_updater;
+          return {
+            ...data,
+            ...(_action_updater = action.updater) === null || _action_updater === void 0 ? void 0 : _action_updater.call(action, data)
+          };
+        case "success":
+        case "error":
+          return data;
+        default:
+          throw new Error(`Invalid action "${action.type}" in state "${data.state}"`);
+      }
+    case "loading":
+    case "sorting":
+    case "filtering":
+      switch (action.type) {
+        case "success":
+          if (action.abortController !== data.abortController) return data;
+          var _action_selectedKeys;
+          selectedKeys = (_action_selectedKeys = action.selectedKeys) !== null && _action_selectedKeys !== void 0 ? _action_selectedKeys : data.selectedKeys;
+          var _action_filterText1, _action_items, _action_sortDescriptor1;
+          return {
+            ...data,
+            filterText: (_action_filterText1 = action.filterText) !== null && _action_filterText1 !== void 0 ? _action_filterText1 : data.filterText,
+            state: "idle",
+            items: [
+              ...(_action_items = action.items) !== null && _action_items !== void 0 ? _action_items : []
+            ],
+            selectedKeys: selectedKeys === "all" ? "all" : new Set(selectedKeys),
+            sortDescriptor: (_action_sortDescriptor1 = action.sortDescriptor) !== null && _action_sortDescriptor1 !== void 0 ? _action_sortDescriptor1 : data.sortDescriptor,
+            abortController: void 0,
+            cursor: action.cursor
+          };
+        case "error":
+          if (action.abortController !== data.abortController) return data;
+          return {
+            ...data,
+            state: "error",
+            error: action.error,
+            abortController: void 0
+          };
+        case "loading":
+        case "loadingMore":
+        case "sorting":
+        case "filtering":
+          var _data_abortController;
+          (_data_abortController = data.abortController) === null || _data_abortController === void 0 ? void 0 : _data_abortController.abort();
+          var _action_filterText2;
+          return {
+            ...data,
+            filterText: (_action_filterText2 = action.filterText) !== null && _action_filterText2 !== void 0 ? _action_filterText2 : data.filterText,
+            state: action.type,
+            // Reset items to an empty list if loading, but not when sorting.
+            items: action.type === "loading" ? [] : data.items,
+            abortController: action.abortController
+          };
+        case "update":
+          var _action_updater1;
+          return {
+            ...data,
+            ...(_action_updater1 = action.updater) === null || _action_updater1 === void 0 ? void 0 : _action_updater1.call(action, data)
+          };
+        default:
+          throw new Error(`Invalid action "${action.type}" in state "${data.state}"`);
+      }
+    case "loadingMore":
+      switch (action.type) {
+        case "success":
+          var _action_selectedKeys1;
+          selectedKeys = data.selectedKeys === "all" || action.selectedKeys === "all" ? "all" : /* @__PURE__ */ new Set([
+            ...data.selectedKeys,
+            ...(_action_selectedKeys1 = action.selectedKeys) !== null && _action_selectedKeys1 !== void 0 ? _action_selectedKeys1 : []
+          ]);
+          var _action_items1, _action_sortDescriptor2;
+          return {
+            ...data,
+            state: "idle",
+            items: [
+              ...data.items,
+              ...(_action_items1 = action.items) !== null && _action_items1 !== void 0 ? _action_items1 : []
+            ],
+            selectedKeys,
+            sortDescriptor: (_action_sortDescriptor2 = action.sortDescriptor) !== null && _action_sortDescriptor2 !== void 0 ? _action_sortDescriptor2 : data.sortDescriptor,
+            abortController: void 0,
+            cursor: action.cursor
+          };
+        case "error":
+          if (action.abortController !== data.abortController) return data;
+          return {
+            ...data,
+            state: "error",
+            error: action.error
+          };
+        case "loading":
+        case "sorting":
+        case "filtering":
+          var _data_abortController1;
+          (_data_abortController1 = data.abortController) === null || _data_abortController1 === void 0 ? void 0 : _data_abortController1.abort();
+          var _action_filterText3;
+          return {
+            ...data,
+            filterText: (_action_filterText3 = action.filterText) !== null && _action_filterText3 !== void 0 ? _action_filterText3 : data.filterText,
+            state: action.type,
+            // Reset items to an empty list if loading, but not when sorting.
+            items: action.type === "loading" ? [] : data.items,
+            abortController: action.abortController
+          };
+        case "loadingMore":
+          var _action_abortController;
+          (_action_abortController = action.abortController) === null || _action_abortController === void 0 ? void 0 : _action_abortController.abort();
+          return data;
+        case "update":
+          var _action_updater2;
+          return {
+            ...data,
+            ...(_action_updater2 = action.updater) === null || _action_updater2 === void 0 ? void 0 : _action_updater2.call(action, data)
+          };
+        default:
+          throw new Error(`Invalid action "${action.type}" in state "${data.state}"`);
+      }
+    default:
+      throw new Error(`Invalid state "${data.state}"`);
+  }
+}
+function $f86e6c1ec7da6ebb$export$bc3384a35de93d66(options) {
+  const { load, sort, initialSelectedKeys, initialSortDescriptor, getKey = (item) => item.id || item.key, initialFilterText = "" } = options;
+  let [data, dispatch] = useReducer($f86e6c1ec7da6ebb$var$reducer, {
+    state: "idle",
+    error: void 0,
+    items: [],
+    selectedKeys: initialSelectedKeys === "all" ? "all" : new Set(initialSelectedKeys),
+    sortDescriptor: initialSortDescriptor,
+    filterText: initialFilterText
+  });
+  const dispatchFetch = async (action, fn) => {
+    let abortController = new AbortController();
+    try {
+      dispatch({
+        ...action,
+        abortController
+      });
+      var _action_filterText;
+      let previousFilterText = (_action_filterText = action.filterText) !== null && _action_filterText !== void 0 ? _action_filterText : data.filterText;
+      var _action_sortDescriptor;
+      let response = await fn({
+        items: data.items.slice(),
+        selectedKeys: data.selectedKeys,
+        sortDescriptor: (_action_sortDescriptor = action.sortDescriptor) !== null && _action_sortDescriptor !== void 0 ? _action_sortDescriptor : data.sortDescriptor,
+        signal: abortController.signal,
+        cursor: action.type === "loadingMore" ? data.cursor : void 0,
+        filterText: previousFilterText,
+        loadingState: data.state
+      });
+      var _response_filterText;
+      let filterText = (_response_filterText = response.filterText) !== null && _response_filterText !== void 0 ? _response_filterText : previousFilterText;
+      dispatch({
+        type: "success",
+        ...response,
+        abortController
+      });
+      if (filterText && filterText !== previousFilterText && !abortController.signal.aborted) dispatchFetch({
+        type: "filtering",
+        filterText
+      }, load);
+    } catch (e) {
+      dispatch({
+        type: "error",
+        error: e,
+        abortController
+      });
+    }
+  };
+  let didDispatchInitialFetch = useRef(false);
+  useEffect(() => {
+    if (!didDispatchInitialFetch.current) {
+      dispatchFetch({
+        type: "loading"
+      }, load);
+      didDispatchInitialFetch.current = true;
+    }
+  }, []);
+  return {
+    items: data.items,
+    selectedKeys: data.selectedKeys,
+    sortDescriptor: data.sortDescriptor,
+    isLoading: data.state === "loading" || data.state === "loadingMore" || data.state === "sorting" || data.state === "filtering",
+    loadingState: data.state,
+    error: data.error,
+    filterText: data.filterText,
+    getItem(key) {
+      return data.items.find((item) => getKey(item) === key);
+    },
+    reload() {
+      dispatchFetch({
+        type: "loading"
+      }, load);
+    },
+    loadMore() {
+      if (data.state === "loadingMore" || data.state === "filtering" || data.cursor == null) return;
+      dispatchFetch({
+        type: "loadingMore"
+      }, load);
+    },
+    sort(sortDescriptor) {
+      dispatchFetch({
+        type: "sorting",
+        sortDescriptor
+      }, sort || load);
+    },
+    ...$0d86e9c8f07f9a7b$export$79c0c687a5963b0a({
+      ...options,
+      getKey,
+      cursor: data.cursor
+    }, (fn) => {
+      dispatch({
+        type: "update",
+        updater: fn
+      });
+    }),
+    setFilterText(filterText) {
+      dispatchFetch({
+        type: "filtering",
+        filterText
+      }, load);
+    }
+  };
+}
+export {
+  $f86e6c1ec7da6ebb$export$bc3384a35de93d66 as $
+};

package/dist/useFilter-BR5z1A4Q.js

@@ -0,0 +1,50 @@
+import { d as $325a3faab7a68acd$export$a16aca283550c30d } from "./Separator-CTQWg_HO.js";
+import { useCallback, useMemo } from "react";
+function $bb77f239b46e8c72$export$3274cf84b703fff(options) {
+  let collator = $325a3faab7a68acd$export$a16aca283550c30d({
+    usage: "search",
+    ...options
+  });
+  let startsWith = useCallback((string, substring) => {
+    if (substring.length === 0) return true;
+    string = string.normalize("NFC");
+    substring = substring.normalize("NFC");
+    return collator.compare(string.slice(0, substring.length), substring) === 0;
+  }, [
+    collator
+  ]);
+  let endsWith = useCallback((string, substring) => {
+    if (substring.length === 0) return true;
+    string = string.normalize("NFC");
+    substring = substring.normalize("NFC");
+    return collator.compare(string.slice(-substring.length), substring) === 0;
+  }, [
+    collator
+  ]);
+  let contains = useCallback((string, substring) => {
+    if (substring.length === 0) return true;
+    string = string.normalize("NFC");
+    substring = substring.normalize("NFC");
+    let scan = 0;
+    let sliceLen = substring.length;
+    for (; scan + sliceLen <= string.length; scan++) {
+      let slice = string.slice(scan, scan + sliceLen);
+      if (collator.compare(substring, slice) === 0) return true;
+    }
+    return false;
+  }, [
+    collator
+  ]);
+  return useMemo(() => ({
+    startsWith,
+    endsWith,
+    contains
+  }), [
+    startsWith,
+    endsWith,
+    contains
+  ]);
+}
+export {
+  $bb77f239b46e8c72$export$3274cf84b703fff as $
+};

package/dist/{useListState-9Hq_FiRF.js → useListState-BrZ2XvDS.js}

@@ -1,5 +1,5 @@
 import { version, useMemo, useCallback, useRef, useEffect } from "react";
-import { $ as $7af3f5b51489e0b5$export$253fe78d46329472, a as $7613b1592d41b092$export$6cd28814d92fa9c9, b as $d496c0a20b6e58ec$export$6c8a5aaad13c9852 } from "./Collection-uTAXq9Br.js";
+import { $ as $7af3f5b51489e0b5$export$253fe78d46329472, a as $7613b1592d41b092$export$6cd28814d92fa9c9, b as $d496c0a20b6e58ec$export$6c8a5aaad13c9852 } from "./Collection-BRJOMbOa.js";
 function $cdc5a6778b766db2$export$a9d04c5684123369(value) {
   const pieces = version.split(".");
   const major = parseInt(pieces[0], 10);

package/dist/{useNumberField-D0u2bh8g.js → useNumberField-y0dLc_6m.js}

@@ -1,6 +1,6 @@
 import { b as $458b0a5536c1a7cf$export$40bfa8c7b0832715, g as $03deb23ff14920c4$export$4eaf04e54aa8eed6, p as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6, L as $c87311424ea30a05$export$186c6964ca17d99, v as $c87311424ea30a05$export$a11b0059900ceec8, c as $c87311424ea30a05$export$fedb369cb70207f1 } from "./useHover-C2SkI1Fn.js";
 import { a as $9446cca9a3875146$export$cb6e0bb50bc19463, $ as $9446cca9a3875146$export$7d15b64cf5a3a4c4 } from "./number-CHmNj-oR.js";
-import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, b as $e5be200c675c3b3a$export$a763b9476acd3eb } from "./useFormValidation-Dy0PXJg5.js";
+import { a as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, c as $e5be200c675c3b3a$export$a763b9476acd3eb } from "./Form-Bnyyv3Im.js";
 import { $ as $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5 } from "./NumberFormatter-DA8u1Ot7.js";
 import { useCallback, useState, useMemo, useEffect, useRef } from "react";
 import { f as $8ae05eaa5c114e9c$export$7f54fc3180508a52, d as $3ef42575df84b30b$export$9d1611c77c2fe928, e as $bdb11010cef70236$export$f680877a34711e37, p as $ff5963eb1fccf552$export$e08e3b67e392101e } from "./utils-CZt7LCbO.js";
@@ -8,7 +8,7 @@ import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps
 import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-D2YaWRIA.js";
 import { a as $9ab94262bd0047c7$export$420e68273165f4ec } from "./useFocusRing-Bv0UJQl8.js";
 import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "./useEvent-ICdlokG-.js";
-import { b as $2d73ec29415bd339$export$712718f7aec83d5 } from "./Input-BmDS8Juy.js";
+import { b as $2d73ec29415bd339$export$712718f7aec83d5 } from "./Input-DfSBLhDx.js";
 import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-C9GO0IDB.js";
 import { $ as $a916eb452884faea$export$b7a616150fdb9f44 } from "./useNumberFormatter-CZ9QUnRt.js";
 import { d as $319e236875307eab$export$d10ae4f68404609a, c as $319e236875307eab$export$a9b970dcc4ae71a9 } from "./Button-DH22t_SM.js";

package/dist/{useSingleSelectListState-DqhemUIh.js → useSingleSelectListState-Bh46cRXs.js}

@@ -1,4 +1,4 @@
-import { $ as $e72dd72e1c76a225$export$2f645645f7bca764 } from "./useListState-9Hq_FiRF.js";
+import { $ as $e72dd72e1c76a225$export$2f645645f7bca764 } from "./useListState-BrZ2XvDS.js";
 import { b as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useHover-C2SkI1Fn.js";
 import { useMemo } from "react";
 function $a0d645289fe9b86b$export$e7f05e985daf4b5f(props) {

package/dist/utilities/array-helpers.js

@@ -36,13 +36,10 @@ const arrayMoveMultiple = (array, fromIndices, to, direction = "before") => {
  * @preserve
  */
 const fixIds = (items, onChange, idKey = "id") => {
-  const allIds = (items == null ? void 0 : items.map((item) => item == null ? void 0 : item[idKey])) ?? [];
-  const hasDuplicates = (input) => {
-    var _a;
-    return ((_a = new Set(input)) == null ? void 0 : _a.size) !== (input == null ? void 0 : input.length);
-  };
-  const hasMissingIds = items == null ? void 0 : items.some((item) => typeof (item == null ? void 0 : item[idKey]) === "undefined" || (item == null ? void 0 : item[idKey]) === null || (item == null ? void 0 : item[idKey]) === "");
-  if (hasDuplicates(allIds) && (items == null ? void 0 : items.length) > 0 || hasMissingIds) {
+  const allIds = items?.map((item) => item?.[idKey]) ?? [];
+  const hasDuplicates = (input) => new Set(input)?.size !== input?.length;
+  const hasMissingIds = items?.some((item) => typeof item?.[idKey] === "undefined" || item?.[idKey] === null || item?.[idKey] === "");
+  if (hasDuplicates(allIds) && items?.length > 0 || hasMissingIds) {
     const newItems = [...items].map((item, index) => ({
       ...item,
       [idKey]: index + 1

package/dist/utilities/es-dash.js

@@ -221,7 +221,7 @@ const lowerFirst = (input) => {
   if (typeof input !== "string") {
     input = String(input);
   }
-  if ((input == null ? void 0 : input.length) < 2) {
+  if (input?.length < 2) {
     return input.toLowerCase();
   }
   return input.charAt(0).toLowerCase() + input.slice(1);
@@ -319,8 +319,8 @@ const isEqual = (first, second) => {
   if ((first === void 0 || second === void 0 || first === null || second === null) && (first || second)) {
     return false;
   }
-  const firstType = first == null ? void 0 : first.constructor.name;
-  const secondType = second == null ? void 0 : second.constructor.name;
+  const firstType = first?.constructor.name;
+  const secondType = second?.constructor.name;
   if (firstType !== secondType) {
     return false;
   }
@@ -367,6 +367,23 @@ const isEqual = (first, second) => {
   }
   return first === second;
 };
+/**
+ * Checks if value is the language type of `String`.
+ *
+ * @param {*} value - Value to check.
+ * @returns {boolean} true if value is a string, false otherwise.
+ *
+ * Usage:
+ * ```js
+ * isString('Lorem') // => true
+ * isString(2) // => false
+ * isString([]) // => false
+ * isString(new String('Lorem')) // => false
+ * ```
+ *
+ * @preserve
+ */
+const isString = (value) => typeof value === "string" || value instanceof String;
 export {
   camelCase,
   has,
@@ -374,6 +391,7 @@ export {
   isEqual,
   isObject,
   isPlainObject,
+  isString,
   kebabCase,
   lowerFirst,
   pascalCase,

package/dist/utilities/index.js

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

package/dist/utilities/text-helpers.js

@@ -24,7 +24,7 @@ const truncateMiddle = (input, maxLength, separator = "...") => {
   if (!input) {
     return null;
   }
-  if ((input == null ? void 0 : input.length) <= maxLength) {
+  if (input?.length <= maxLength) {
     return input;
   }
   if (separator.length + 1 > maxLength) {
@@ -81,7 +81,7 @@ const truncate = (input, maxLength, separator = "...") => {
   if (!input) {
     return null;
   }
-  if ((input == null ? void 0 : input.length) <= maxLength) {
+  if (input?.length <= maxLength) {
     return input;
   }
   if (separator.length + 1 > maxLength) {
@@ -117,7 +117,7 @@ const truncateEnd = (input, maxLength, separator = "...") => {
   if (!input) {
     return null;
   }
-  if ((input == null ? void 0 : input.length) <= maxLength) {
+  if (input?.length <= maxLength) {
     return input;
   }
   if (separator.length + 1 > maxLength) {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@eightshift/ui-components",
-	"version": "5.0.10",
+	"version": "5.1.0",
 	"type": "module",
 	"main": "./dist/index.js",
 	"module": "./dist/index.js",
@@ -52,22 +52,22 @@
 		"@dnd-kit/react": "^0.1.19",
 		"@dnd-kit/sortable": "^10.0.0",
 		"@dnd-kit/utilities": "^3.2.2",
-		"@eslint/compat": "^1.3.0",
+		"@eslint/compat": "^1.3.1",
 		"@react-stately/collections": "^3.12.5",
 		"@stylistic/eslint-plugin-js": "^4.4.1",
-		"@tailwindcss/vite": "^4.1.10",
+		"@tailwindcss/vite": "^4.1.11",
 		"@types/react": "^18.3.23",
 		"@types/react-dom": "^18.3.7",
 		"@vitejs/plugin-react-swc": "^3.10.2",
-		"@wordpress/i18n": "^5.25.0",
+		"@wordpress/i18n": "^5.26.0",
 		"autoprefixer": "^10.4.21",
 		"class-variance-authority": "^0.7.1",
 		"clsx": "^2.1.1",
 		"css-gradient-parser": "^0.0.16",
 		"eslint": "^9.29.0",
 		"eslint-config-prettier": "^10.1.5",
-		"eslint-plugin-jsdoc": "^51.2.1",
-		"eslint-plugin-prettier": "^5.5.0",
+		"eslint-plugin-jsdoc": "^51.2.3",
+		"eslint-plugin-prettier": "^5.5.1",
 		"glob": "^11.0.3",
 		"globals": "^16.2.0",
 		"just-camel-case": "^6.2.0",
@@ -78,7 +78,7 @@
 		"just-throttle": "^4.2.0",
 		"lightningcss": "^1.30.1",
 		"postcss": "^8.5.6",
-		"prettier": "^3.6.0",
+		"prettier": "^3.6.2",
 		"prettier-plugin-tailwindcss": "^0.6.13",
 		"react": "^18.3.1",
 		"react-aria": "^3.41.1",
@@ -89,10 +89,10 @@
 		"react-select": "^5.10.1",
 		"react-stately": "^3.39.0",
 		"svg-to-jsx-string": "^0.1.1",
-		"tailwindcss": "^4.1.10",
+		"tailwindcss": "^4.1.11",
 		"tailwindcss-motion": "^1.1.1",
 		"tailwindcss-react-aria-components": "^2.0.0",
-		"vite": "^6.3.5",
+		"vite": "^7.0.0",
 		"vite-plugin-lib-inject-css": "^2.2.2"
 	},
 	"dependencies": {