@eightshift/ui-components 3.0.1 → 5.0.0

package/dist/useSingleSelectListState-CMGsRHHh.js

@@ -1,38 +0,0 @@
-import { $ as $e72dd72e1c76a225$export$2f645645f7bca764 } from "./useListState-DVr6aYd_.js";
-import { b as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useHover-DwDr6ozG.js";
-import { useMemo } from "react";
-function $a0d645289fe9b86b$export$e7f05e985daf4b5f(props) {
-  var _props_defaultSelectedKey;
-  let [selectedKey, setSelectedKey] = $458b0a5536c1a7cf$export$40bfa8c7b0832715(props.selectedKey, (_props_defaultSelectedKey = props.defaultSelectedKey) !== null && _props_defaultSelectedKey !== void 0 ? _props_defaultSelectedKey : null, props.onSelectionChange);
-  let selectedKeys = useMemo(() => selectedKey != null ? [
-    selectedKey
-  ] : [], [
-    selectedKey
-  ]);
-  let { collection, disabledKeys, selectionManager } = $e72dd72e1c76a225$export$2f645645f7bca764({
-    ...props,
-    selectionMode: "single",
-    disallowEmptySelection: true,
-    allowDuplicateSelectionEvents: true,
-    selectedKeys,
-    onSelectionChange: (keys) => {
-      if (keys === "all") return;
-      var _keys_values_next_value;
-      let key = (_keys_values_next_value = keys.values().next().value) !== null && _keys_values_next_value !== void 0 ? _keys_values_next_value : null;
-      if (key === selectedKey && props.onSelectionChange) props.onSelectionChange(key);
-      setSelectedKey(key);
-    }
-  });
-  let selectedItem = selectedKey != null ? collection.getItem(selectedKey) : null;
-  return {
-    collection,
-    disabledKeys,
-    selectionManager,
-    selectedKey,
-    setSelectedKey,
-    selectedItem
-  };
-}
-export {
-  $a0d645289fe9b86b$export$e7f05e985daf4b5f as $
-};

package/dist/useToggle-C0I3vs0g.js

@@ -1,59 +0,0 @@
-import { d as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-DkCSC521.js";
-import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.js";
-import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-C5OggHsw.js";
-import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-Cucx-xSA.js";
-import { a as $f645667febf57a63$export$4c014de7c8940b4c } from "./useHover-DwDr6ozG.js";
-function $d2c8e2b0480f3f34$export$cbe85ee05b554577(props, state, ref) {
-  let { isDisabled = false, isReadOnly = false, value, name, children, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, validationState = "valid", isInvalid } = props;
-  let onChange = (e) => {
-    e.stopPropagation();
-    state.setSelected(e.target.checked);
-  };
-  let hasChildren = children != null;
-  let hasAriaLabel = ariaLabel != null || ariaLabelledby != null;
-  if (!hasChildren && !hasAriaLabel) console.warn("If you do not provide children, you must specify an aria-label for accessibility");
-  let { pressProps, isPressed } = $f6c31cce2adf654f$export$45712eceda6fad21({
-    isDisabled
-  });
-  let { pressProps: labelProps, isPressed: isLabelPressed } = $f6c31cce2adf654f$export$45712eceda6fad21({
-    onPress() {
-      var _ref_current;
-      state.toggle();
-      (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.focus();
-    },
-    isDisabled: isDisabled || isReadOnly
-  });
-  let { focusableProps } = $f645667febf57a63$export$4c014de7c8940b4c(props, ref);
-  let interactions = $3ef42575df84b30b$export$9d1611c77c2fe928(pressProps, focusableProps);
-  let domProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
-    labelable: true
-  });
-  $99facab73266f662$export$5add1d006293d136(ref, state.isSelected, state.setSelected);
-  return {
-    labelProps: $3ef42575df84b30b$export$9d1611c77c2fe928(labelProps, {
-      onClick: (e) => e.preventDefault()
-    }),
-    inputProps: $3ef42575df84b30b$export$9d1611c77c2fe928(domProps, {
-      "aria-invalid": isInvalid || validationState === "invalid" || void 0,
-      "aria-errormessage": props["aria-errormessage"],
-      "aria-controls": props["aria-controls"],
-      "aria-readonly": isReadOnly || void 0,
-      onChange,
-      disabled: isDisabled,
-      ...value == null ? {} : {
-        value
-      },
-      name,
-      type: "checkbox",
-      ...interactions
-    }),
-    isSelected: state.isSelected,
-    isPressed: isPressed || isLabelPressed,
-    isDisabled,
-    isReadOnly,
-    isInvalid: isInvalid || validationState === "invalid"
-  };
-}
-export {
-  $d2c8e2b0480f3f34$export$cbe85ee05b554577 as $
-};

package/dist/useToggleState-CmQX3SoX.js

@@ -1,19 +0,0 @@
-import { b as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useHover-DwDr6ozG.js";
-function $3017fa7ffdddec74$export$8042c6c013fd5226(props = {}) {
-  let { isReadOnly } = props;
-  let [isSelected, setSelected] = $458b0a5536c1a7cf$export$40bfa8c7b0832715(props.isSelected, props.defaultSelected || false, props.onChange);
-  function updateSelected(value) {
-    if (!isReadOnly) setSelected(value);
-  }
-  function toggleState() {
-    if (!isReadOnly) setSelected(!isSelected);
-  }
-  return {
-    isSelected,
-    setSelected: updateSelected,
-    toggle: toggleState
-  };
-}
-export {
-  $3017fa7ffdddec74$export$8042c6c013fd5226 as $
-};

package/dist/utilities/array-helpers.js

@@ -1,56 +0,0 @@
-/**
- * Move multiple array items to a different position with direction control. Returns a new array with the items moved.
- *
- * @param {Array} array - The original array.
- * @param {Array} fromIndices - An array of indices of the items to move.
- * @param {number} to - The index to move the items to.
- * @param {'before' | 'after'} direction - The direction to move the items ('before' or 'after').
- *
- * @returns {Array} - The array with the items moved.
- *
- * @preserve
- */
-const arrayMoveMultiple = (array, fromIndices, to, direction = "before") => {
-  const newArray = array.slice();
-  fromIndices.sort((a, b) => b - a);
-  const itemsToMove = fromIndices.map((index) => newArray.splice(index, 1)[0]);
-  let insertAt = to;
-  if (direction === "after") {
-    insertAt += 1;
-    const minFromIndex = Math.min(...fromIndices);
-    if (to >= minFromIndex) {
-      insertAt -= 1;
-    }
-  }
-  newArray.splice(insertAt, 0, ...itemsToMove.reverse());
-  return newArray;
-};
-/**
- * Fix the IDs of the items in the array to ensure they are unique and sequential.
- * If the IDs are missing or duplicate, new IDs are generated for the items.
- *
- * @param {Array} items - The array of items to fix.
- * @param {Function} onChange - The callback to update the items.
- * @param {string} [idKey='id'] - The key to use for the IDs.
- *
- * @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 newItems = [...items].map((item, index) => ({
-      ...item,
-      [idKey]: index + 1
-    }));
-    onChange(newItems);
-  }
-};
-export {
-  arrayMoveMultiple,
-  fixIds
-};

package/dist/utilities/debounce-throttle.js

@@ -1,123 +0,0 @@
-var functionDebounce = debounce$1;
-function debounce$1(fn, wait, callFirst) {
-  var timeout = null;
-  var debouncedFn = null;
-  var clear = function() {
-    if (timeout) {
-      clearTimeout(timeout);
-      debouncedFn = null;
-      timeout = null;
-    }
-  };
-  var flush = function() {
-    var call = debouncedFn;
-    clear();
-    if (call) {
-      call();
-    }
-  };
-  var debounceWrapper = function() {
-    if (!wait) {
-      return fn.apply(this, arguments);
-    }
-    var context = this;
-    var args = arguments;
-    var callNow = callFirst && !timeout;
-    clear();
-    debouncedFn = function() {
-      fn.apply(context, args);
-    };
-    timeout = setTimeout(function() {
-      timeout = null;
-      if (!callNow) {
-        var call = debouncedFn;
-        debouncedFn = null;
-        return call();
-      }
-    }, wait);
-    if (callNow) {
-      return debouncedFn();
-    }
-  };
-  debounceWrapper.cancel = clear;
-  debounceWrapper.flush = flush;
-  return debounceWrapper;
-}
-var functionThrottle = throttle$1;
-function throttle$1(fn, interval, options) {
-  var timeoutId = null;
-  var throttledFn = null;
-  var leading = options && options.leading;
-  var trailing = options && options.trailing;
-  if (leading == null) {
-    leading = true;
-  }
-  if (trailing == null) {
-    trailing = !leading;
-  }
-  if (leading == true) {
-    trailing = false;
-  }
-  var cancel = function() {
-    if (timeoutId) {
-      clearTimeout(timeoutId);
-      timeoutId = null;
-    }
-  };
-  var flush = function() {
-    var call = throttledFn;
-    cancel();
-    if (call) {
-      call();
-    }
-  };
-  var throttleWrapper = function() {
-    var callNow = leading && !timeoutId;
-    var context = this;
-    var args = arguments;
-    throttledFn = function() {
-      return fn.apply(context, args);
-    };
-    if (!timeoutId) {
-      timeoutId = setTimeout(function() {
-        timeoutId = null;
-        if (trailing) {
-          return throttledFn();
-        }
-      }, interval);
-    }
-    if (callNow) {
-      callNow = false;
-      return throttledFn();
-    }
-  };
-  throttleWrapper.cancel = cancel;
-  throttleWrapper.flush = flush;
-  return throttleWrapper;
-}
-/**
- * Debounces the provided function.
- * For more information, check [this blog post](https://davidwalsh.name/javascript-debounce-function).
- *
- * @param {function} func - Callback to apply.
- * @param {number} wait   - Number of milliseconds for the delay of the callback function. Default is 200ms.
- *
- * @access public
- *
- * @return {function} Debounced callback.
- *
- * Usage:
- * ```js
- * debounce(() => {
- *   // callback function.
- * }, 250);
- * ```
- *
- * @preserve
- */
-const debounce = (func, wait = 250) => functionDebounce(func, wait);
-const throttle = (func, wait = 250, after = false) => functionThrottle(func, wait, { leading: !after, trailing: after });
-export {
-  debounce,
-  throttle
-};

package/dist/utilities/es-dash.js

@@ -1,376 +0,0 @@
-var stringKebabCase = kebabCase$1;
-var wordSeparators = /[\s\u2000-\u206F\u2E00-\u2E7F\\'!"#$%&()*+,\-.\/:;<=>?@\[\]^_`{|}~]+/;
-var capital_plus_lower = /[A-ZÀ-Ý\u00C0-\u00D6\u00D9-\u00DD][a-zà-ÿ]/g;
-var capitals = /[A-ZÀ-Ý\u00C0-\u00D6\u00D9-\u00DD]+/g;
-function kebabCase$1(str) {
-  str = str.replace(capital_plus_lower, function(match) {
-    return " " + (match[0].toLowerCase() || match[0]) + match[1];
-  });
-  str = str.replace(capitals, function(match) {
-    return " " + match.toLowerCase();
-  });
-  return str.trim().split(wordSeparators).join("-").replace(/^-/, "").replace(/-\s*$/, "");
-}
-var stringCamelCase = camelCase$1;
-var wordSeparatorsRegEx = /[\s\u2000-\u206F\u2E00-\u2E7F\\'!"#$%&()*+,\-.\/:;<=>?@\[\]^_`{|}~]+/;
-var basicCamelRegEx = /^[a-z\u00E0-\u00FCA-Z\u00C0-\u00DC][\d|a-z\u00E0-\u00FCA-Z\u00C0-\u00DC]*$/;
-var fourOrMoreConsecutiveCapsRegEx = /([A-Z\u00C0-\u00DC]{4,})/g;
-var allCapsRegEx = /^[A-Z\u00C0-\u00DC]+$/;
-function camelCase$1(str) {
-  var words = str.split(wordSeparatorsRegEx);
-  var len = words.length;
-  var mappedWords = new Array(len);
-  for (var i = 0; i < len; i++) {
-    var word = words[i];
-    if (word === "") {
-      continue;
-    }
-    var isCamelCase = basicCamelRegEx.test(word) && !allCapsRegEx.test(word);
-    if (isCamelCase) {
-      word = word.replace(fourOrMoreConsecutiveCapsRegEx, function(match, p1, offset) {
-        return deCap(match, word.length - offset - match.length == 0);
-      });
-    }
-    var firstLetter = word[0];
-    firstLetter = i > 0 ? firstLetter.toUpperCase() : firstLetter.toLowerCase();
-    mappedWords[i] = firstLetter + (!isCamelCase ? word.slice(1).toLowerCase() : word.slice(1));
-  }
-  return mappedWords.join("");
-}
-function deCap(match, endOfWord) {
-  var arr = match.split("");
-  var first = arr.shift().toUpperCase();
-  var last = endOfWord ? arr.pop().toLowerCase() : arr.pop();
-  return first + arr.join("").toLowerCase() + last;
-}
-var objectIsEmpty = isEmpty$1;
-function isEmpty$1(obj) {
-  if (obj == null) {
-    return true;
-  }
-  if (Array.isArray(obj)) {
-    return !obj.length;
-  }
-  if (typeof obj == "string") {
-    return !obj.length;
-  }
-  var type = {}.toString.call(obj);
-  if (type == "[object Object]") {
-    return !Object.keys(obj).length && !Object.getOwnPropertySymbols(obj).length;
-  }
-  if (type == "[object Map]" || type == "[object Set]") {
-    return !obj.size;
-  }
-  return Object(obj) !== obj || !Object.keys(obj).length;
-}
-var objectHas = has$1;
-function has$1(obj, propsArg) {
-  if (!obj) {
-    return false;
-  }
-  var props, prop;
-  if (Array.isArray(propsArg)) {
-    props = propsArg.slice(0);
-  }
-  if (typeof propsArg == "string") {
-    props = propsArg.split(".");
-  }
-  if (typeof propsArg == "symbol") {
-    props = [propsArg];
-  }
-  if (!Array.isArray(props)) {
-    throw new Error("props arg must be an array, a string or a symbol");
-  }
-  while (props.length) {
-    prop = props.shift();
-    if (obj == null) {
-      return false;
-    }
-    if (!Object.prototype.hasOwnProperty.call(obj, prop)) {
-      return false;
-    }
-    if (props.length === 0) {
-      return true;
-    }
-    obj = obj[prop];
-  }
-  return false;
-}
-/**
- * Returns a camelCase-formatted string.
- *
- * @param {string} input - String to convert.
- *
- * @access public
- *
- * @return {string} *camelCase*-formatted string.
- *
- * @example
- * camelCase('New super Test-title') // => 'newSuperTestTitle'
- * camelCase(null) // => ''
- *
- * @preserve
- */
-const camelCase = (input) => lowerFirst(stringCamelCase(input ?? ""));
-/**
- * Returns a PascalCase-formatted string.
- *
- * @param {string} input - String to convert.
- *
- * @access public
- *
- * @return {string} *PascalCase*-formatted string.
- *
- * Usage:
- * ```js
- * pascalCase('New super Test-title') // => 'NewSuperTestTitle'
- * pascalCase(null) // => ''
- * ```
- *
- * @preserve
- */
-const pascalCase = (input) => upperFirst(stringCamelCase(input ?? ""));
-/**
- * Returns a snake_case-formatted string.
- *
- * @param {string} input - String to convert.
- *
- * @access public
- *
- * @return {string} *snake_case*-formatted string.
- *
- * Usage:
- * ```js
- * snakeCase('New super Test-title') // => 'new_super_test_title'
- * snakeCase(null) // => ''
- * ```
- *
- * @preserve
- */
-const snakeCase = (input) => kebabCase(input ?? "").replaceAll("-", "_");
-const kebabCase = (input) => stringKebabCase(input ?? "");
-/**
- * Checks if value is an empty object or collection.
- *
- * @param {*} input - Value to check.
- *
- * @returns true if the object is empty, false otherwise.
- *
- * Usage:
- * ```js
- * isEmpty({}) // => true
- * isEmpty([]) // => true
- * isEmpty('') // => true
- * isEmpty({ a: 1 }) // => false
- * isEmpty([1, 2, 3]) // => false
- * ```
- *
- * @preserve
- */
-const isEmpty = (input) => objectIsEmpty(input);
-/**
- * Returns the string with its first character converted to uppercase.
- *
- * @param {string} input - String to convert.
- *
- * @return {string} string with its first character converted to uppercase.
- *
- * @example
- * upperFirst('new super Test-title') // => 'New super Test-title'
- *
- * @preserve
- */
-const upperFirst = (input) => {
-  if (typeof input === "undefined") {
-    return "";
-  }
-  if (input === true) {
-    return "True";
-  } else if (input === false) {
-    return "False";
-  }
-  if (input.length < 2) {
-    return input.toUpperCase();
-  }
-  return input.charAt(0).toUpperCase() + input.slice(1);
-};
-/**
- * Returns the string with its first character converted to lowercase.
- *
- * @param {string} input - String to convert.
- *
- * @return {string} string with its first character converted to lowercase.
- *
- * @example
- * lowerFirst('New super Test-title') // => 'new super Test-title'
- *
- * @preserve
- */
-const lowerFirst = (input) => {
-  if (typeof input === "undefined") {
-    return "";
-  }
-  if (input === true) {
-    return "true";
-  } else if (input === false) {
-    return "false";
-  }
-  if ((input == null ? void 0 : input.length) < 2) {
-    return input.toLowerCase();
-  }
-  return input.charAt(0).toLowerCase() + input.slice(1);
-};
-/**
- * Checks if `key` is a direct property of `object`. Key may be a path of a value separated by `.`
- *
- * @param {object} obj - Object to check.
- * @param {string} key - Key to check.
- *
- * @return {boolean} true if key is a direct property, false otherwise.
- *
- * Usage:
- * ```js
- * has({ a: 1 }, 'a') // => true
- * has({ a: 1 }, 'b') // => false
- * has({ a: { b: 2 } }, 'a.b') // => true
- * has({ a: { b: 3 } }, 'a.c') // => false
- * ```
- *
- * @preserve
- */
-const has = (obj, key) => objectHas(obj, key);
-/*
- * Checks if value is a plain object, that is, an object created by the Object constructor or one with a `[[Prototype]]` of `null`.
- *
- * @param {*} value - Value to check.
- * @returns {boolean} true if value is a plain object, false otherwise.
- *
- * Usage:
- * ```js
- * isPlainObject({ a: 2 }) // => true
- * isPlainObject('Lorem') // => false
- * isPlainObject([]) // => false
- * isPlainObject(new Boolean()) // => false
- * ```
- *
- * @preserve
- */
-const isPlainObject = (value) => {
-  if (typeof value !== "object" || value === null) {
-    return false;
-  }
-  if (Object.prototype.toString.call(value) !== "[object Object]") {
-    return false;
-  }
-  const proto = Object.getPrototypeOf(value);
-  if (proto === null) {
-    return true;
-  }
-  const Ctor = Object.prototype.hasOwnProperty.call(proto, "constructor") && proto.constructor;
-  return typeof Ctor === "function" && Ctor instanceof Ctor && Function.prototype.call(Ctor) === Function.prototype.call(value);
-};
-/**
- * Checks if value is the language type of `Object`. (e.g. arrays, functions, objects, regexes, new Number(0), and new String(’’))
- *
- * @param {*} input - Value to check.
- *
- * @returns {boolean} true if value is an array, false otherwise.
- *
- * Usage:
- * ```js
- * isObject({}) // => true
- * isObject([1, 2, 3]) // => true
- * isObject(() => {}) // => true
- * isObject(null) // => false
- * ```
- *
- * @preserve
- */
-const isObject = (input) => input instanceof Object;
-/**
- * Performs a deep comparison between two values to determine if they are equivalent.
- *
- * **Note**: works for simple types, arrays, and objects. Might not work for all the types the lodash version supports.
- *
- * @param {*} first First value to compare.
- * @param {*} second Second value to compare.
- *
- * @returns true if the values are equivalent, false otherwise.
- *
- * Usage:
- * ```js
- * isEqual({ a: 1 }, { a: 1 }) // => true
- * isEqual({ a: 1 }, { a: 2 }) // => false
- * isEqual({ a: 1 }, 'b') // => false
- * ```
- *
- * @preserve
- */
-const isEqual = (first, second) => {
-  if (first === second) {
-    return true;
-  }
-  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;
-  if (firstType !== secondType) {
-    return false;
-  }
-  if (firstType === "Array") {
-    if (first.length !== second.length) {
-      return false;
-    }
-    let equal = true;
-    for (let i = 0; i < first.length; i++) {
-      if (!isEqual(first[i], second[i])) {
-        equal = false;
-        break;
-      }
-    }
-    return equal;
-  }
-  if (firstType === "Object") {
-    let equal = true;
-    const fKeys = Object.keys(first);
-    const sKeys = Object.keys(second);
-    if (fKeys.length !== sKeys.length) {
-      return false;
-    }
-    for (let i = 0; i < fKeys.length; i++) {
-      if (first[fKeys[i]] && second[fKeys[i]]) {
-        if (first[fKeys[i]] === second[fKeys[i]]) {
-          continue;
-        }
-        if (first[fKeys[i]] && (first[fKeys[i]].constructor.name === "Array" || first[fKeys[i]].constructor.name === "Object")) {
-          equal = isEqual(first[fKeys[i]], second[fKeys[i]]);
-          if (!equal) {
-            break;
-          }
-        } else if (first[fKeys[i]] !== second[fKeys[i]]) {
-          equal = false;
-          break;
-        }
-      } else if (first[fKeys[i]] && !second[fKeys[i]] || !first[fKeys[i]] && second[fKeys[i]]) {
-        equal = false;
-        break;
-      }
-    }
-    return equal;
-  }
-  return first === second;
-};
-export {
-  camelCase,
-  has,
-  isEmpty,
-  isEqual,
-  isObject,
-  isPlainObject,
-  kebabCase,
-  lowerFirst,
-  pascalCase,
-  snakeCase,
-  upperFirst
-};

package/dist/utilities/index.js

@@ -1,27 +0,0 @@
-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, truncateEnd, truncateMiddle, unescapeHTML } from "./text-helpers.js";
-import { debounce, throttle } from "./debounce-throttle.js";
-import { c } from "../lite-DVmmD_-j.js";
-export {
-  arrayMoveMultiple,
-  camelCase,
-  c as clsx,
-  debounce,
-  fixIds,
-  has,
-  isEmpty,
-  isEqual,
-  isObject,
-  isPlainObject,
-  kebabCase,
-  lowerFirst,
-  pascalCase,
-  snakeCase,
-  throttle,
-  truncate,
-  truncateEnd,
-  truncateMiddle,
-  unescapeHTML,
-  upperFirst
-};