@eightshift/ui-components 1.0.6 → 1.1.0

package/dist/{useFormValidationState-CdYmOaXI.js → useFormValidationState-CthG9Fbc.js}

@@ -1,16 +1,14 @@
 import { useEffect, createContext, useMemo, useContext, useState, useRef } from "react";
-import { i as $507fabe10e71c6fb$export$8397ddfc504fdb9a } from "./focusSafely-B0hyd-S4.js";
-import { g as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, f as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./utils-DIBzm1e4.js";
+import { i as $507fabe10e71c6fb$export$8397ddfc504fdb9a } from "./focusSafely-BS4dllCW.js";
+import { g as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, f as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./utils-Dc35LwuT.js";
 function $e93e671b31057976$export$b8473d3665f3a75a(props, state, ref) {
   let { validationBehavior, focus } = props;
   $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
     if (validationBehavior === "native" && (ref === null || ref === void 0 ? void 0 : ref.current)) {
       let errorMessage = state.realtimeValidation.isInvalid ? state.realtimeValidation.validationErrors.join(" ") || "Invalid value." : "";
       ref.current.setCustomValidity(errorMessage);
-      if (!ref.current.hasAttribute("title"))
-        ref.current.title = "";
-      if (!state.realtimeValidation.isInvalid)
-        state.updateValidation($e93e671b31057976$var$getNativeValidity(ref.current));
+      if (!ref.current.hasAttribute("title")) ref.current.title = "";
+      if (!state.realtimeValidation.isInvalid) state.updateValidation($e93e671b31057976$var$getNativeValidity(ref.current));
     }
   });
   let onReset = $8ae05eaa5c114e9c$export$7f54fc3180508a52(() => {
@@ -18,15 +16,12 @@ function $e93e671b31057976$export$b8473d3665f3a75a(props, state, ref) {
   });
   let onInvalid = $8ae05eaa5c114e9c$export$7f54fc3180508a52((e) => {
     var _ref_current;
-    if (!state.displayValidation.isInvalid)
-      state.commitValidation();
+    if (!state.displayValidation.isInvalid) state.commitValidation();
     let form = ref === null || ref === void 0 ? void 0 : (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.form;
     if (!e.defaultPrevented && ref && form && $e93e671b31057976$var$getFirstInvalidInput(form) === ref.current) {
       var _ref_current1;
-      if (focus)
-        focus();
-      else
-        (_ref_current1 = ref.current) === null || _ref_current1 === void 0 ? void 0 : _ref_current1.focus();
+      if (focus) focus();
+      else (_ref_current1 = ref.current) === null || _ref_current1 === void 0 ? void 0 : _ref_current1.focus();
       $507fabe10e71c6fb$export$8397ddfc504fdb9a("keyboard");
     }
     e.preventDefault();
@@ -36,8 +31,7 @@ function $e93e671b31057976$export$b8473d3665f3a75a(props, state, ref) {
   });
   useEffect(() => {
     let input = ref === null || ref === void 0 ? void 0 : ref.current;
-    if (!input)
-      return;
+    if (!input) return;
     let form = input.form;
     input.addEventListener("invalid", onInvalid);
     input.addEventListener("change", onChange);
@@ -83,8 +77,7 @@ function $e93e671b31057976$var$getNativeValidity(input) {
 function $e93e671b31057976$var$getFirstInvalidInput(form) {
   for (let i = 0; i < form.elements.length; i++) {
     let element = form.elements[i];
-    if (!element.validity.valid)
-      return element;
+    if (!element.validity.valid) return element;
   }
   return null;
 }
@@ -128,8 +121,7 @@ function $e5be200c675c3b3a$export$fc1a364ae1f3ff10(props) {
 }
 function $e5be200c675c3b3a$var$useFormValidationStateImpl(props) {
   let { isInvalid, validationState, name, value, builtinValidation, validate, validationBehavior = "aria" } = props;
-  if (validationState)
-    isInvalid || (isInvalid = validationState === "invalid");
+  if (validationState) isInvalid || (isInvalid = validationState === "invalid");
   let controlledError = isInvalid !== void 0 ? {
     isInvalid,
     validationErrors: [],
@@ -139,12 +131,10 @@ function $e5be200c675c3b3a$var$useFormValidationStateImpl(props) {
     validate,
     value
   ]);
-  if (builtinValidation === null || builtinValidation === void 0 ? void 0 : builtinValidation.validationDetails.valid)
-    builtinValidation = null;
+  if (builtinValidation === null || builtinValidation === void 0 ? void 0 : builtinValidation.validationDetails.valid) builtinValidation = null;
   let serverErrors = useContext($e5be200c675c3b3a$export$571b5131b7e65c11);
   let serverErrorMessages = useMemo(() => {
-    if (name)
-      return Array.isArray(name) ? name.flatMap((name2) => $e5be200c675c3b3a$var$asArray(serverErrors[name2])) : $e5be200c675c3b3a$var$asArray(serverErrors[name]);
+    if (name) return Array.isArray(name) ? name.flatMap((name2) => $e5be200c675c3b3a$var$asArray(serverErrors[name2])) : $e5be200c675c3b3a$var$asArray(serverErrors[name]);
     return [];
   }, [
     serverErrors,
@@ -164,8 +154,7 @@ function $e5be200c675c3b3a$var$useFormValidationStateImpl(props) {
   let [currentValidity, setCurrentValidity] = useState($e5be200c675c3b3a$export$dad6ae84456c676a);
   let lastError = useRef($e5be200c675c3b3a$export$dad6ae84456c676a);
   let commitValidation = () => {
-    if (!commitQueued)
-      return;
+    if (!commitQueued) return;
     setCommitQueued(false);
     let error = clientError || builtinValidation || nextValidation.current;
     if (!$e5be200c675c3b3a$var$isEqualValidation(error, lastError.current)) {
@@ -181,10 +170,8 @@ function $e5be200c675c3b3a$var$useFormValidationStateImpl(props) {
     realtimeValidation,
     displayValidation,
     updateValidation(value2) {
-      if (validationBehavior === "aria" && !$e5be200c675c3b3a$var$isEqualValidation(currentValidity, value2))
-        setCurrentValidity(value2);
-      else
-        nextValidation.current = value2;
+      if (validationBehavior === "aria" && !$e5be200c675c3b3a$var$isEqualValidation(currentValidity, value2)) setCurrentValidity(value2);
+      else nextValidation.current = value2;
     },
     resetValidation() {
       let error = $e5be200c675c3b3a$export$dad6ae84456c676a;
@@ -192,20 +179,17 @@ function $e5be200c675c3b3a$var$useFormValidationStateImpl(props) {
         lastError.current = error;
         setCurrentValidity(error);
       }
-      if (validationBehavior === "native")
-        setCommitQueued(false);
+      if (validationBehavior === "native") setCommitQueued(false);
       setServerErrorCleared(true);
     },
     commitValidation() {
-      if (validationBehavior === "native")
-        setCommitQueued(true);
+      if (validationBehavior === "native") setCommitQueued(true);
       setServerErrorCleared(true);
     }
   };
 }
 function $e5be200c675c3b3a$var$asArray(v) {
-  if (!v)
-    return [];
+  if (!v) return [];
   return Array.isArray(v) ? v : [
     v
   ];
@@ -213,8 +197,7 @@ function $e5be200c675c3b3a$var$asArray(v) {
 function $e5be200c675c3b3a$var$runValidate(validate, value) {
   if (typeof validate === "function") {
     let e = validate(value);
-    if (e && typeof e !== "boolean")
-      return $e5be200c675c3b3a$var$asArray(e);
+    if (e && typeof e !== "boolean") return $e5be200c675c3b3a$var$asArray(e);
   }
   return [];
 }
@@ -226,8 +209,7 @@ function $e5be200c675c3b3a$var$getValidationResult(errors) {
   } : null;
 }
 function $e5be200c675c3b3a$var$isEqualValidation(a, b) {
-  if (a === b)
-    return true;
+  if (a === b) return true;
   return a && b && a.isInvalid === b.isInvalid && a.validationErrors.length === b.validationErrors.length && a.validationErrors.every((a2, i) => a2 === b.validationErrors[i]) && Object.entries(a.validationDetails).every(([k, v]) => b.validationDetails[k] === v);
 }
 export {

package/dist/{useHasTabbableChild-domoFB7A.js → useHasTabbableChild--gkWUICh.js}

@@ -1,6 +1,6 @@
-import { a as $9bf71ea28793e738$export$2d6ec8fc375ceafa } from "./FocusScope-B9b0VMib.js";
+import { a as $9bf71ea28793e738$export$2d6ec8fc375ceafa } from "./FocusScope-Bw-IatMO.js";
 import { useState } from "react";
-import { g as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c } from "./utils-DIBzm1e4.js";
+import { g as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c } from "./utils-Dc35LwuT.js";
 function $83013635b024ae3d$export$eac1895992b9f3d6(ref, options) {
   let isDisabled = options === null || options === void 0 ? void 0 : options.isDisabled;
   let [hasTabbableChild, setHasTabbableChild] = useState(false);

package/dist/{useLabel-DVhXVhtH.js → useLabel-g836T8kL.js}

@@ -1,5 +1,5 @@
-import { e as $bdb11010cef70236$export$f680877a34711e37 } from "./utils-DIBzm1e4.js";
-import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "./useLabels-C7E5SkOi.js";
+import { e as $bdb11010cef70236$export$f680877a34711e37 } from "./utils-Dc35LwuT.js";
+import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "./useLabels-CfOtyOe2.js";
 function $d191a55c9702f145$export$8467354a121f1b9f(props) {
   let { id, label, "aria-labelledby": ariaLabelledby, "aria-label": ariaLabel, labelElementType = "label" } = props;
   id = $bdb11010cef70236$export$f680877a34711e37(id);
@@ -11,8 +11,7 @@ function $d191a55c9702f145$export$8467354a121f1b9f(props) {
       id: labelId,
       htmlFor: labelElementType === "label" ? id : void 0
     };
-  } else if (!ariaLabelledby && !ariaLabel)
-    console.warn("If you do not provide a visible label, you must specify an aria-label or aria-labelledby attribute for accessibility");
+  } else if (!ariaLabelledby && !ariaLabel) console.warn("If you do not provide a visible label, you must specify an aria-label or aria-labelledby attribute for accessibility");
   let fieldProps = $313b98861ee5dd6c$export$d6875122194c7b44({
     id,
     "aria-label": ariaLabel,

package/dist/{useLabels-C7E5SkOi.js → useLabels-CfOtyOe2.js}

@@ -1,4 +1,4 @@
-import { e as $bdb11010cef70236$export$f680877a34711e37 } from "./utils-DIBzm1e4.js";
+import { e as $bdb11010cef70236$export$f680877a34711e37 } from "./utils-Dc35LwuT.js";
 function $313b98861ee5dd6c$export$d6875122194c7b44(props, defaultLabel) {
   let { id, "aria-label": label, "aria-labelledby": labelledBy } = props;
   id = $bdb11010cef70236$export$f680877a34711e37(id);
@@ -10,10 +10,8 @@ function $313b98861ee5dd6c$export$d6875122194c7b44(props, defaultLabel) {
     labelledBy = [
       ...ids
     ].join(" ");
-  } else if (labelledBy)
-    labelledBy = labelledBy.trim().split(/\s+/).join(" ");
-  if (!label && !labelledBy && defaultLabel)
-    label = defaultLabel;
+  } else if (labelledBy) labelledBy = labelledBy.trim().split(/\s+/).join(" ");
+  if (!label && !labelledBy && defaultLabel) label = defaultLabel;
   return {
     id,
     "aria-label": label,

package/dist/{useListData-BelKu4kx.js → useListData-BpYQj7kK.js}

@@ -44,10 +44,8 @@ function $0d86e9c8f07f9a7b$export$79c0c687a5963b0a(opts, dispatch) {
       dispatch((state) => {
         let index = state.items.findIndex((item) => getKey(item) === key);
         if (index === -1) {
-          if (state.items.length === 0)
-            index = 0;
-          else
-            return state;
+          if (state.items.length === 0) index = 0;
+          else return state;
         }
         return $0d86e9c8f07f9a7b$var$insert(state, index, ...values);
       });
@@ -56,10 +54,8 @@ function $0d86e9c8f07f9a7b$export$79c0c687a5963b0a(opts, dispatch) {
       dispatch((state) => {
         let index = state.items.findIndex((item) => getKey(item) === key);
         if (index === -1) {
-          if (state.items.length === 0)
-            index = 0;
-          else
-            return state;
+          if (state.items.length === 0) index = 0;
+          else return state;
         }
         return $0d86e9c8f07f9a7b$var$insert(state, index + 1, ...values);
       });
@@ -77,11 +73,9 @@ function $0d86e9c8f07f9a7b$export$79c0c687a5963b0a(opts, dispatch) {
         let selection = "all";
         if (state.selectedKeys !== "all") {
           selection = new Set(state.selectedKeys);
-          for (let key of keys)
-            selection.delete(key);
+          for (let key of keys) selection.delete(key);
         }
-        if (cursor == null && items.length === 0)
-          selection = /* @__PURE__ */ new Set();
+        if (cursor == null && items.length === 0) selection = /* @__PURE__ */ new Set();
         return {
           ...state,
           items,
@@ -91,12 +85,11 @@ function $0d86e9c8f07f9a7b$export$79c0c687a5963b0a(opts, dispatch) {
     },
     removeSelectedItems() {
       dispatch((state) => {
-        if (state.selectedKeys === "all")
-          return {
-            ...state,
-            items: [],
-            selectedKeys: /* @__PURE__ */ new Set()
-          };
+        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 {
@@ -109,8 +102,7 @@ function $0d86e9c8f07f9a7b$export$79c0c687a5963b0a(opts, dispatch) {
     move(key, toIndex) {
       dispatch((state) => {
         let index = state.items.findIndex((item2) => getKey(item2) === key);
-        if (index === -1)
-          return state;
+        if (index === -1) return state;
         let copy = state.items.slice();
         let [item] = copy.splice(index, 1);
         copy.splice(toIndex, 0, item);
@@ -123,8 +115,7 @@ function $0d86e9c8f07f9a7b$export$79c0c687a5963b0a(opts, dispatch) {
     moveBefore(key, keys) {
       dispatch((state) => {
         let toIndex = state.items.findIndex((item) => getKey(item) === key);
-        if (toIndex === -1)
-          return state;
+        if (toIndex === -1) return state;
         let keyArray = Array.isArray(keys) ? keys : [
           ...keys
         ];
@@ -135,8 +126,7 @@ function $0d86e9c8f07f9a7b$export$79c0c687a5963b0a(opts, dispatch) {
     moveAfter(key, keys) {
       dispatch((state) => {
         let toIndex = state.items.findIndex((item) => getKey(item) === key);
-        if (toIndex === -1)
-          return state;
+        if (toIndex === -1) return state;
         let keyArray = Array.isArray(keys) ? keys : [
           ...keys
         ];
@@ -147,8 +137,7 @@ function $0d86e9c8f07f9a7b$export$79c0c687a5963b0a(opts, dispatch) {
     update(key, newValue) {
       dispatch((state) => {
         let index = state.items.findIndex((item) => getKey(item) === key);
-        if (index === -1)
-          return state;
+        if (index === -1) return state;
         return {
           ...state,
           items: [
@@ -181,18 +170,15 @@ function $0d86e9c8f07f9a7b$var$move(state, indices, toIndex) {
     let a = moves[i].from;
     for (let j = i; j < moves.length; j++) {
       let b = moves[j].from;
-      if (b > a)
-        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++;
+      if (b.from < a.to) a.to++;
+      else b.from++;
     }
   }
   let copy = state.items.slice();

package/dist/{useListState-BRsq7O1C.js → useListState-DnWZa__1.js}

@@ -1,4 +1,4 @@
-import { $ as $7af3f5b51489e0b5$export$253fe78d46329472, a as $7613b1592d41b092$export$6cd28814d92fa9c9, b as $d496c0a20b6e58ec$export$6c8a5aaad13c9852 } from "./SelectionManager-sedvcM-1.js";
+import { $ as $7af3f5b51489e0b5$export$253fe78d46329472, a as $7613b1592d41b092$export$6cd28814d92fa9c9, b as $d496c0a20b6e58ec$export$6c8a5aaad13c9852 } from "./SelectionManager-XOAt-Ekx.js";
 import { useMemo, useCallback, useRef, useEffect } from "react";
 class $a02d57049d202695$export$d085fb9e920b5ca7 {
   *[Symbol.iterator]() {
@@ -42,12 +42,9 @@ class $a02d57049d202695$export$d085fb9e920b5ca7 {
     this.iterable = nodes;
     let visit = (node) => {
       this.keyMap.set(node.key, node);
-      if (node.childNodes && node.type === "section")
-        for (let child of node.childNodes)
-          visit(child);
+      if (node.childNodes && node.type === "section") for (let child of node.childNodes) visit(child);
     };
-    for (let node of nodes)
-      visit(node);
+    for (let node of nodes) visit(node);
     let last;
     let index = 0;
     for (let [key, node] of this.keyMap) {
@@ -58,8 +55,7 @@ class $a02d57049d202695$export$d085fb9e920b5ca7 {
         this.firstKey = key;
         node.prevKey = void 0;
       }
-      if (node.type === "item")
-        node.index = index++;
+      if (node.type === "item") node.index = index++;
       last = node;
       last.nextKey = void 0;
     }
@@ -109,11 +105,9 @@ function $e72dd72e1c76a225$export$2f645645f7bca764(props) {
           newNode = itemNodes[index];
           break;
         }
-        if (index < itemNodes.length - 1)
-          index++;
+        if (index < itemNodes.length - 1) index++;
         else {
-          if (index > startItem.index)
-            index = startItem.index;
+          if (index > startItem.index) index = startItem.index;
           index--;
         }
       }

package/dist/{useLocalizedStringFormatter-WsEL47qR.js → useLocalizedStringFormatter-BQCMno9k.js}

@@ -1,4 +1,4 @@
-import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-BAcFg5GO.js";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-4oSz1ItD.js";
 import { useMemo } from "react";
 const $5b160d28a433310d$var$localeSymbol = Symbol.for("react-aria.i18n.locale");
 const $5b160d28a433310d$var$stringsSymbol = Symbol.for("react-aria.i18n.strings");
@@ -8,8 +8,7 @@ class $5b160d28a433310d$export$c17fa47878dc55b6 {
   getStringForLocale(key, locale) {
     let strings = this.getStringsForLocale(locale);
     let string = strings[key];
-    if (!string)
-      throw new Error(`Could not find intl message ${key} in ${locale} locale`);
+    if (!string) throw new Error(`Could not find intl message ${key} in ${locale} locale`);
     return string;
   }
   /** Returns all localized strings for the given locale. */
@@ -22,22 +21,18 @@ class $5b160d28a433310d$export$c17fa47878dc55b6 {
     return strings;
   }
   static getGlobalDictionaryForPackage(packageName) {
-    if (typeof window === "undefined")
-      return null;
+    if (typeof window === "undefined") return null;
     let locale = window[$5b160d28a433310d$var$localeSymbol];
     if ($5b160d28a433310d$var$cachedGlobalStrings === void 0) {
       let globalStrings = window[$5b160d28a433310d$var$stringsSymbol];
-      if (!globalStrings)
-        return null;
+      if (!globalStrings) return null;
       $5b160d28a433310d$var$cachedGlobalStrings = {};
-      for (let pkg in globalStrings)
-        $5b160d28a433310d$var$cachedGlobalStrings[pkg] = new $5b160d28a433310d$export$c17fa47878dc55b6({
-          [locale]: globalStrings[pkg]
-        }, locale);
+      for (let pkg in globalStrings) $5b160d28a433310d$var$cachedGlobalStrings[pkg] = new $5b160d28a433310d$export$c17fa47878dc55b6({
+        [locale]: globalStrings[pkg]
+      }, locale);
     }
     let dictionary = $5b160d28a433310d$var$cachedGlobalStrings === null || $5b160d28a433310d$var$cachedGlobalStrings === void 0 ? void 0 : $5b160d28a433310d$var$cachedGlobalStrings[packageName];
-    if (!dictionary)
-      throw new Error(`Strings for package "${packageName}" were not included by LocalizedStringProvider. Please add it to the list passed to createLocalizedStringDictionary.`);
+    if (!dictionary) throw new Error(`Strings for package "${packageName}" were not included by LocalizedStringProvider. Please add it to the list passed to createLocalizedStringDictionary.`);
     return dictionary;
   }
   constructor(messages, defaultLocale = "en-US") {
@@ -46,14 +41,11 @@ class $5b160d28a433310d$export$c17fa47878dc55b6 {
   }
 }
 function $5b160d28a433310d$var$getStringsForLocale(locale, strings, defaultLocale = "en-US") {
-  if (strings[locale])
-    return strings[locale];
+  if (strings[locale]) return strings[locale];
   let language = $5b160d28a433310d$var$getLanguage(locale);
-  if (strings[language])
-    return strings[language];
+  if (strings[language]) return strings[language];
   for (let key in strings) {
-    if (key.startsWith(language + "-"))
-      return strings[key];
+    if (key.startsWith(language + "-")) return strings[key];
   }
   return strings[defaultLocale];
 }
@@ -72,8 +64,7 @@ class $6db58dc88e78b024$export$2f817fcdc4b89ae0 {
   }
   plural(count, options, type = "cardinal") {
     let opt = options["=" + count];
-    if (opt)
-      return typeof opt === "function" ? opt() : opt;
+    if (opt) return typeof opt === "function" ? opt() : opt;
     let key = this.locale + ":" + type;
     let pluralRules = $6db58dc88e78b024$var$pluralRulesCache.get(key);
     if (!pluralRules) {