@eightshift/ui-components 1.0.5 → 1.1.0

package/dist/utilities/text-helpers.js

@@ -35,26 +35,26 @@ const truncateMiddle = (input, maxLength, separator = "...") => {
   return `${leftPart}${separator}${rightPart}`;
 };
 /**
-* Un-escapes HTML entities.
-*
-* @param {string} input - Input string.
-*
-* @access public
-*
-* @returns {string} String with HTML entities unescaped.
-*
-* Usage:
-* ```js
-* unescapeHTML('Test&Up');
-* ```
-*
-* Output:
-* ```js
-* Test&Up
-* ```
-*
-* @preserve
-*/
+ * Un-escapes HTML entities.
+ *
+ * @param {string} input - Input string.
+ *
+ * @access public
+ *
+ * @returns {string} String with HTML entities unescaped.
+ *
+ * Usage:
+ * ```js
+ * unescapeHTML('Test&Up');
+ * ```
+ *
+ * Output:
+ * ```js
+ * Test&Up
+ * ```
+ *
+ * @preserve
+ */
 const unescapeHTML = (input = "") => new DOMParser().parseFromString(input, "text/html").documentElement.textContent;
 /**
  * Limits the string to the maximum length and adds the provided separator in case the string is longer.

package/dist/{utils-DIBzm1e4.js → utils-Dc35LwuT.js}

@@ -1,5 +1,5 @@
 import React__default, { useRef, useCallback, useState, useContext, useEffect, useMemo, createContext } from "react";
-import { $ as $dbSRa$reactdom } from "./index-BDk0TPWz.js";
+import { $ as $dbSRa$reactdom } from "./index-CAPcSs9K.js";
 const $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c = typeof document !== "undefined" ? React__default.useLayoutEffect : () => {
 };
 function $8ae05eaa5c114e9c$export$7f54fc3180508a52(fn) {
@@ -18,21 +18,17 @@ function $1dbecbe27a04f9af$export$14d238f342723f25(defaultValue) {
   let [value, setValue] = useState(defaultValue);
   let effect = useRef(null);
   let nextRef = $8ae05eaa5c114e9c$export$7f54fc3180508a52(() => {
-    if (!effect.current)
-      return;
+    if (!effect.current) return;
     let newValue = effect.current.next();
     if (newValue.done) {
       effect.current = null;
       return;
     }
-    if (value === newValue.value)
-      nextRef();
-    else
-      setValue(newValue.value);
+    if (value === newValue.value) nextRef();
+    else setValue(newValue.value);
   });
   $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
-    if (effect.current)
-      nextRef();
+    if (effect.current) nextRef();
   });
   let queue = $8ae05eaa5c114e9c$export$7f54fc3180508a52((fn) => {
     effect.current = fn(value);
@@ -75,8 +71,7 @@ function $b5e257d569688ac6$var$useCounter(isDisabled = false) {
 }
 function $b5e257d569688ac6$var$useLegacySSRSafeId(defaultId) {
   let ctx = useContext($b5e257d569688ac6$var$SSRContext);
-  if (ctx === $b5e257d569688ac6$var$defaultContext && !$b5e257d569688ac6$var$canUseDOM)
-    console.warn("When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.");
+  if (ctx === $b5e257d569688ac6$var$defaultContext && !$b5e257d569688ac6$var$canUseDOM) console.warn("When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.");
   let counter = $b5e257d569688ac6$var$useCounter(!!defaultId);
   let prefix = ctx === $b5e257d569688ac6$var$defaultContext && process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${ctx.prefix}`;
   return defaultId || `${prefix}-${counter}`;
@@ -99,8 +94,7 @@ function $b5e257d569688ac6$var$subscribe(onStoreChange) {
   };
 }
 function $b5e257d569688ac6$export$535bd6ca7f90a273() {
-  if (typeof React__default["useSyncExternalStore"] === "function")
-    return React__default["useSyncExternalStore"]($b5e257d569688ac6$var$subscribe, $b5e257d569688ac6$var$getSnapshot, $b5e257d569688ac6$var$getServerSnapshot);
+  if (typeof React__default["useSyncExternalStore"] === "function") return React__default["useSyncExternalStore"]($b5e257d569688ac6$var$subscribe, $b5e257d569688ac6$var$getSnapshot, $b5e257d569688ac6$var$getServerSnapshot);
   return useContext($b5e257d569688ac6$var$IsSSRContext);
 }
 let $bdb11010cef70236$var$canUseDOM = Boolean(typeof window !== "undefined" && window.document && window.document.createElement);
@@ -112,8 +106,7 @@ function $bdb11010cef70236$export$f680877a34711e37(defaultId) {
   let updateValue = useCallback((val) => {
     nextId.current = val;
   }, []);
-  if ($bdb11010cef70236$var$canUseDOM)
-    $bdb11010cef70236$var$idsUpdaterMap.set(res, updateValue);
+  if ($bdb11010cef70236$var$canUseDOM) $bdb11010cef70236$var$idsUpdaterMap.set(res, updateValue);
   $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
     let r2 = res;
     return () => {
@@ -132,8 +125,7 @@ function $bdb11010cef70236$export$f680877a34711e37(defaultId) {
   return res;
 }
 function $bdb11010cef70236$export$cd8c9cb68f842629(idA, idB) {
-  if (idA === idB)
-    return idA;
+  if (idA === idB) return idA;
   let setIdA = $bdb11010cef70236$var$idsUpdaterMap.get(idA);
   if (setIdA) {
     setIdA(idB);
@@ -167,28 +159,20 @@ function $bdb11010cef70236$export$b4cc09c592e8fdb8(depArray = []) {
 }
 function $ff5963eb1fccf552$export$e08e3b67e392101e(...callbacks) {
   return (...args) => {
-    for (let callback of callbacks)
-      if (typeof callback === "function")
-        callback(...args);
+    for (let callback of callbacks) if (typeof callback === "function") callback(...args);
   };
 }
 function r(e) {
   var t, f, n = "";
-  if ("string" == typeof e || "number" == typeof e)
-    n += e;
-  else if ("object" == typeof e)
-    if (Array.isArray(e)) {
-      var o = e.length;
-      for (t = 0; t < o; t++)
-        e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
-    } else
-      for (f in e)
-        e[f] && (n && (n += " "), n += f);
+  if ("string" == typeof e || "number" == typeof e) n += e;
+  else if ("object" == typeof e) if (Array.isArray(e)) {
+    var o = e.length;
+    for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+  } else for (f in e) e[f] && (n && (n += " "), n += f);
   return n;
 }
 function clsx() {
-  for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++)
-    (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
+  for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
   return n;
 }
 function $3ef42575df84b30b$export$9d1611c77c2fe928(...args) {
@@ -203,27 +187,20 @@ function $3ef42575df84b30b$export$9d1611c77c2fe928(...args) {
       if (typeof a === "function" && typeof b === "function" && // This is a lot faster than a regex.
       key[0] === "o" && key[1] === "n" && key.charCodeAt(2) >= /* 'A' */
       65 && key.charCodeAt(2) <= /* 'Z' */
-      90)
-        result[key] = $ff5963eb1fccf552$export$e08e3b67e392101e(a, b);
-      else if ((key === "className" || key === "UNSAFE_className") && typeof a === "string" && typeof b === "string")
-        result[key] = clsx(a, b);
-      else if (key === "id" && a && b)
-        result.id = $bdb11010cef70236$export$cd8c9cb68f842629(a, b);
-      else
-        result[key] = b !== void 0 ? b : a;
+      90) result[key] = $ff5963eb1fccf552$export$e08e3b67e392101e(a, b);
+      else if ((key === "className" || key === "UNSAFE_className") && typeof a === "string" && typeof b === "string") result[key] = clsx(a, b);
+      else if (key === "id" && a && b) result.id = $bdb11010cef70236$export$cd8c9cb68f842629(a, b);
+      else result[key] = b !== void 0 ? b : a;
     }
   }
   return result;
 }
 function $5dc95899b306f630$export$c9058316764c140e(...refs) {
-  if (refs.length === 1)
-    return refs[0];
+  if (refs.length === 1) return refs[0];
   return (value) => {
     for (let ref of refs) {
-      if (typeof ref === "function")
-        ref(value);
-      else if (ref != null)
-        ref.current = value;
+      if (typeof ref === "function") ref(value);
+      else if (ref != null) ref.current = value;
     }
   };
 }
@@ -235,10 +212,8 @@ function $df56164dff5785e2$export$4338b53315abf666(forwardedRef) {
     },
     set current(value) {
       objRef.current = value;
-      if (typeof forwardedRef === "function")
-        forwardedRef(value);
-      else if (forwardedRef)
-        forwardedRef.current = value;
+      if (typeof forwardedRef === "function") forwardedRef(value);
+      else if (forwardedRef) forwardedRef.current = value;
     }
   }), [
     forwardedRef
@@ -258,29 +233,22 @@ function $64fa3d84918910a7$export$4d86445c2cf5e3(props) {
     let computedClassName;
     let computedStyle;
     let computedChildren;
-    if (typeof className === "function")
-      computedClassName = className({
-        ...values,
-        defaultClassName
-      });
-    else
-      computedClassName = className;
-    if (typeof style === "function")
-      computedStyle = style({
-        ...values,
-        defaultStyle: defaultStyle || {}
-      });
-    else
-      computedStyle = style;
-    if (typeof children === "function")
-      computedChildren = children({
-        ...values,
-        defaultChildren
-      });
-    else if (children == null)
-      computedChildren = defaultChildren;
-    else
-      computedChildren = children;
+    if (typeof className === "function") computedClassName = className({
+      ...values,
+      defaultClassName
+    });
+    else computedClassName = className;
+    if (typeof style === "function") computedStyle = style({
+      ...values,
+      defaultStyle: defaultStyle || {}
+    });
+    else computedStyle = style;
+    if (typeof children === "function") computedChildren = children({
+      ...values,
+      defaultChildren
+    });
+    else if (children == null) computedChildren = defaultChildren;
+    else computedChildren = children;
     return {
       className: computedClassName !== null && computedClassName !== void 0 ? computedClassName : defaultClassName,
       style: computedStyle || defaultStyle ? {
@@ -306,8 +274,7 @@ function $64fa3d84918910a7$export$fabf2dc03a41866e(context, slot) {
     return null;
   if (ctx && typeof ctx === "object" && "slots" in ctx && ctx.slots) {
     let availableSlots = new Intl.ListFormat().format(Object.keys(ctx.slots).map((p) => `"${p}"`));
-    if (!slot && !ctx.slots[$64fa3d84918910a7$export$c62b8e45d58ddad9])
-      throw new Error(`A slot prop is required. Valid slot names are ${availableSlots}.`);
+    if (!slot && !ctx.slots[$64fa3d84918910a7$export$c62b8e45d58ddad9]) throw new Error(`A slot prop is required. Valid slot names are ${availableSlots}.`);
     let slotKey = slot || $64fa3d84918910a7$export$c62b8e45d58ddad9;
     if (!ctx.slots[slotKey])
       throw new Error(`Invalid slot "${slot}". Valid slot names are ${availableSlots}.`);
@@ -359,8 +326,7 @@ function $64fa3d84918910a7$export$9d4c57ee4c6ffdd8() {
     setHasSlot(!!el);
   }, []);
   $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
-    if (!hasRun.current)
-      setHasSlot(false);
+    if (!hasRun.current) setHasSlot(false);
   }, []);
   return [
     ref,
@@ -380,8 +346,7 @@ function $64fa3d84918910a7$export$45fda7c47f93fd48(ref, isOpen) {
     setExiting(true);
     setExitState("exiting");
   }
-  if (!ref.current && exitState === "exited")
-    setExitState("idle");
+  if (!ref.current && exitState === "exited") setExitState("idle");
   $64fa3d84918910a7$var$useAnimation(ref, isExiting, useCallback(() => {
     setExitState("exited");
     setExiting(false);
@@ -409,8 +374,7 @@ function $64fa3d84918910a7$var$useAnimation(ref, isActive, onEnd) {
         return () => {
           element.removeEventListener("animationend", onAnimationEnd);
         };
-      } else
-        onEnd();
+      } else onEnd();
     }
   }, [
     ref,
@@ -424,10 +388,8 @@ if (typeof HTMLTemplateElement !== "undefined") {
     configurable: true,
     enumerable: true,
     get: function() {
-      if (this.dataset.reactAriaHidden)
-        return this.content.firstChild;
-      else
-        return getFirstChild.call(this);
+      if (this.dataset.reactAriaHidden) return this.content.firstChild;
+      else return getFirstChild.call(this);
     }
   });
 }
@@ -448,8 +410,7 @@ function $64fa3d84918910a7$export$8dc98ba7eadeaa56(props) {
 function $64fa3d84918910a7$export$86427a43e3e48ebb(fn) {
   let Wrapper = (props, ref) => {
     let isHidden = useContext($64fa3d84918910a7$export$94b6d0abf7d33e8c);
-    if (isHidden)
-      return null;
+    if (isHidden) return null;
     return fn(props, ref);
   };
   Wrapper.displayName = fn.displayName || fn.name;
@@ -458,9 +419,7 @@ function $64fa3d84918910a7$export$86427a43e3e48ebb(fn) {
 function $64fa3d84918910a7$export$ef03459518577ad4(props) {
   const prefix = /^(data-.*)$/;
   let filteredProps = {};
-  for (const prop in props)
-    if (!prefix.test(prop))
-      filteredProps[prop] = props[prop];
+  for (const prop in props) if (!prefix.test(prop)) filteredProps[prop] = props[prop];
   return filteredProps;
 }
 export {

package/package.json

@@ -1,91 +1,97 @@
 {
-	"name": "@eightshift/ui-components",
-	"version": "1.0.5",
-	"type": "module",
-	"main": "./dist/index.js",
-	"module": "./dist/index.js",
-	"repository": {
-		"type": "git",
-		"url": "git+https://github.com/infinum/eightshift-ui-components.git"
-	},
-	"files": [
-		"dist"
-	],
-	"sideEffects": [
-		"./dist/assets/*.css"
-	],
-	"exports": {
-		".": {
-			"import": "./dist/index.js",
-			"require": "./dist/index.js"
-		},
-		"./icons": "./dist/icons/index.js",
-		"./utilities": "./dist/utilities/index.js",
-		"./dist/assets/style.css": "./dist/assets/style.css",
-		"./dist/assets/fonts.css": "./dist/assets/fonts.css",
-		"./dist/assets/wp-font-enhancements.css": "./dist/assets/wp-font-enhancements.css",
-		"./dist/assets/wp-ui-enhancements.css": "./dist/assets/wp-ui-enhancements.css",
-		"./styles": "./dist/assets/style.css",
-		"./fonts": "./dist/assets/fonts.css",
-		"./wp-font-enhancements": "./dist/assets/wp-font-enhancements.css",
-		"./wp-ui-enhancements": "./dist/assets/wp-ui-enhancements.css",
-		"./wp-overrides": "./dist/assets/wp.css"
-	},
-	"scripts": {
-		"dev": "vite",
-		"start": "vite",
-		"build": "vite build",
-		"lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0",
-		"preview": "vite preview",
-		"prepare": "npm run build"
-	},
-	"peerDependencies": {
-		"react": "^18.3.1",
-		"react-dom": "^18.3.1"
-	},
-	"dependencies": {
-		"react": "^18.3.1",
-		"react-dom": "^18.3.1",
-		"react-jsx-parser": "^1.29.0",
-		"svg-to-jsx-string": "^0.1.1",
-		"use-debounce": "^10.0.1"
-	},
-	"devDependencies": {
-		"@adobe/react-spectrum": "^3.35.1",
-		"@dnd-kit/core": "^6.1.0",
-		"@dnd-kit/modifiers": "^7.0.0",
-		"@dnd-kit/sortable": "^8.0.0",
-		"@dnd-kit/utilities": "^3.2.2",
-		"@react-stately/collections": "^3.10.7",
-		"@types/react": "^18.3.3",
-		"@types/react-dom": "^18.3.0",
-		"@vitejs/plugin-react": "^4.3.0",
-		"@wordpress/i18n": "^5.0.0",
-		"autoprefixer": "^10.4.19",
-		"clsx": "^2.1.1",
-		"css-gradient-parser": "^0.0.16",
-		"eslint": "^8.57.0",
-		"eslint-plugin-react": "^7.34.2",
-		"eslint-plugin-react-hooks": "^4.6.2",
-		"eslint-plugin-react-refresh": "^0.4.7",
-		"framer-motion": "^11.2.10",
-		"glob": "^10.4.1",
-		"postcss": "^8.4.38",
-		"prettier": "^3.3.0",
-		"prettier-plugin-tailwindcss": "^0.6.1",
-		"react-aria-components": "^1.2.1",
-		"react-select": "^5.8.0",
-		"react-stately": "^3.31.1",
-		"tailwindcss": "^3.4.3",
-		"tailwindcss-animate": "^1.0.7",
-		"tailwindcss-react-aria-components": "^1.1.3",
-		"vite": "^5.2.12",
-		"vite-plugin-lib-inject-css": "^2.1.1",
-		"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"
-	}
-}
+  "name": "@eightshift/ui-components",
+  "version": "1.1.0",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/infinum/eightshift-ui-components.git"
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "./dist/assets/*.css"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.js"
+    },
+    "./icons": "./dist/icons/index.js",
+    "./utilities": "./dist/utilities/index.js",
+    "./dist/assets/style.css": "./dist/assets/style.css",
+    "./dist/assets/fonts.css": "./dist/assets/fonts.css",
+    "./dist/assets/wp-font-enhancements.css": "./dist/assets/wp-font-enhancements.css",
+    "./dist/assets/wp-ui-enhancements.css": "./dist/assets/wp-ui-enhancements.css",
+    "./styles": "./dist/assets/style.css",
+    "./fonts": "./dist/assets/fonts.css",
+    "./wp-font-enhancements": "./dist/assets/wp-font-enhancements.css",
+    "./wp-ui-enhancements": "./dist/assets/wp-ui-enhancements.css",
+    "./wp-overrides": "./dist/assets/wp.css"
+  },
+  "peerDependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  },
+  "dependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-jsx-parser": "^1.29.0",
+    "svg-to-jsx-string": "^0.1.1"
+  },
+  "devDependencies": {
+    "@adobe/react-spectrum": "^3.35.1",
+    "@dnd-kit/core": "^6.1.0",
+    "@dnd-kit/modifiers": "^7.0.0",
+    "@dnd-kit/sortable": "^8.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
+    "@eslint/compat": "^1.1.0",
+    "@react-stately/collections": "^3.10.7",
+    "@stylistic/eslint-plugin-js": "^2.3.0",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "@vitejs/plugin-react-swc": "^3.7.0",
+    "@wordpress/i18n": "^5.1.0",
+    "autoprefixer": "^10.4.19",
+    "clsx": "^2.1.1",
+    "css-gradient-parser": "^0.0.16",
+    "eslint": "^9.5.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-jsdoc": "^48.4.0",
+    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-react": "^7.34.3",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "framer-motion": "^11.2.12",
+    "glob": "^10.4.2",
+    "globals": "^15.6.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.38",
+    "prettier": "^3.3.2",
+    "prettier-plugin-tailwindcss": "^0.6.5",
+    "react-aria": "^3.33.1",
+    "react-aria-components": "^1.2.1",
+    "react-select": "^5.8.0",
+    "react-stately": "^3.31.1",
+    "tailwindcss": "^3.4.4",
+    "tailwindcss-animate": "^1.0.7",
+    "tailwindcss-react-aria-components": "^1.1.3",
+    "use-debounce": "^10.0.1",
+    "vite": "^5.3.1",
+    "vite-plugin-lib-inject-css": "^2.1.1"
+  },
+  "scripts": {
+    "dev": "vite",
+    "start": "vite",
+    "build": "vite build",
+    "lint": "npx eslint",
+    "preview": "vite preview"
+  }
+}

package/dist/lite-pbIeT7tm.js

@@ -1,8 +0,0 @@
-function clsx() {
-  for (var t, r = 0, e = "", n = arguments.length; r < n; r++)
-    (t = arguments[r]) && "string" == typeof t && (e += (e && " ") + t);
-  return e;
-}
-export {
-  clsx as c
-};