@strapi/design-system 1.8.2 → 1.10.0-alpha.0

package/dist/helpers/getDefaultLocale.mjs

@@ -0,0 +1,32 @@
+/**
+ *
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.} operator
+
+   Link to the code: https://github.com/adobe/react-spectrum/blob/1e2b7f280a04ead83e21b27fa580eb189e5f4186/packages/%40react-aria/i18n/src/useDefaultLocale.ts#L28
+ */
+const DEFAULT_LOCALE = 'en-EN';
+/**
+ * @preserve
+ * @deprecated This will be removed in v2.0.0, you can access the locale from `useDesignSystem` instead.
+ */
+const getDefaultLocale = () => {
+    if (typeof navigator === 'undefined') {
+        return DEFAULT_LOCALE;
+    }
+    if (navigator.language) {
+        return navigator.language;
+    }
+    return DEFAULT_LOCALE;
+};
+
+export { getDefaultLocale };

package/dist/helpers/getFocusableNodes.js

@@ -1,7 +1,36 @@
-const u = (t, e) => [
-  ...t.querySelectorAll('a, button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])')
-].filter((r) => r.hasAttribute("disabled") ? !1 : e ? !0 : r.getAttribute("tabindex") !== "-1"), n = (t) => t.filter((e) => e.tagName === "INPUT" ? e.type !== "checkbox" && e.type !== "radio" : !1);
-export {
-  u as getFocusableNodes,
-  n as getFocusableNodesWithKeyboardNav
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+/**
+ * Sometimes, we want to retrieve the elements with tabindex=-1, and sometime we don't
+ * The includeNegativeTabIndex aims to provide this capability
+ *
+ */
+const getFocusableNodes = (node, includeNegativeTabIndex) => {
+    const nodes = [
+        ...node.querySelectorAll('a, button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])'),
+    ];
+    const focusables = nodes.filter((node) => {
+        if (node.hasAttribute('disabled'))
+            return false;
+        if (includeNegativeTabIndex)
+            return true;
+        return node.getAttribute('tabindex') !== '-1';
+    });
+    return focusables;
 };
+/**
+ * This function filters an array of HTMLElements and returns any of them that have internal keyboard navigation such as input type="text"
+ */
+const getFocusableNodesWithKeyboardNav = (nodes) => {
+    return nodes.filter((node) => {
+        if (node.tagName === 'INPUT') {
+            return node.type !== 'checkbox' && node.type !== 'radio';
+        }
+        return false;
+    });
+};
+
+exports.getFocusableNodes = getFocusableNodes;
+exports.getFocusableNodesWithKeyboardNav = getFocusableNodesWithKeyboardNav;

package/dist/helpers/getFocusableNodes.mjs

@@ -0,0 +1,31 @@
+/**
+ * Sometimes, we want to retrieve the elements with tabindex=-1, and sometime we don't
+ * The includeNegativeTabIndex aims to provide this capability
+ *
+ */
+const getFocusableNodes = (node, includeNegativeTabIndex) => {
+    const nodes = [
+        ...node.querySelectorAll('a, button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])'),
+    ];
+    const focusables = nodes.filter((node) => {
+        if (node.hasAttribute('disabled'))
+            return false;
+        if (includeNegativeTabIndex)
+            return true;
+        return node.getAttribute('tabindex') !== '-1';
+    });
+    return focusables;
+};
+/**
+ * This function filters an array of HTMLElements and returns any of them that have internal keyboard navigation such as input type="text"
+ */
+const getFocusableNodesWithKeyboardNav = (nodes) => {
+    return nodes.filter((node) => {
+        if (node.tagName === 'INPUT') {
+            return node.type !== 'checkbox' && node.type !== 'radio';
+        }
+        return false;
+    });
+};
+
+export { getFocusableNodes, getFocusableNodesWithKeyboardNav };

package/dist/helpers/handleResponsiveValues.js

@@ -1,25 +1,35 @@
-const f = (n, s, e) => {
-  if (!s)
-    return;
-  let i = Array.isArray(s) ? s : [];
-  if (!Array.isArray(s) && typeof s == "object" && (i = [s?.desktop, s?.tablet, s?.mobile]), i.length > 0)
-    return i.reduce((r, t, $) => {
-      if (t)
-        switch ($) {
-          case 0:
-            return `${r}${n}: ${e.spaces[t]};`;
-          case 1:
-            return `${r}${e.mediaQueries.tablet}{${n}: ${e.spaces[t]};}`;
-          case 2:
-            return `${r}${e.mediaQueries.mobile}{${n}: ${e.spaces[t]};}`;
-          default:
-            return r;
-        }
-      return r;
-    }, "");
-  const a = e.spaces[s] || s;
-  return `${n}: ${a};`;
-};
-export {
-  f as default
+'use strict';
+
+/* eslint-disable consistent-return */
+const handleResponsiveValues = (property, value, theme) => {
+    if (!value) {
+        return undefined;
+    }
+    let transformedArray = Array.isArray(value) ? value : [];
+    if (!Array.isArray(value) && typeof value === 'object') {
+        transformedArray = [value?.desktop, value?.tablet, value?.mobile];
+    }
+    if (transformedArray.length > 0) {
+        const spaces = transformedArray.reduce((acc, curr, index) => {
+            if (curr) {
+                switch (index) {
+                    case 0:
+                        return `${acc}${property}: ${theme.spaces[curr]};`;
+                    case 1:
+                        return `${acc}${theme.mediaQueries.tablet}{${property}: ${theme.spaces[curr]};}`;
+                    case 2:
+                        return `${acc}${theme.mediaQueries.mobile}{${property}: ${theme.spaces[curr]};}`;
+                    default:
+                        return acc;
+                }
+            }
+            return acc;
+        }, '');
+        return spaces;
+    }
+    // Fallback to the passed transformedArray when necessary
+    const realValue = theme.spaces[value] || value;
+    return `${property}: ${realValue};`;
 };
+
+module.exports = handleResponsiveValues;

package/dist/helpers/handleResponsiveValues.mjs

@@ -0,0 +1,33 @@
+/* eslint-disable consistent-return */
+const handleResponsiveValues = (property, value, theme) => {
+    if (!value) {
+        return undefined;
+    }
+    let transformedArray = Array.isArray(value) ? value : [];
+    if (!Array.isArray(value) && typeof value === 'object') {
+        transformedArray = [value?.desktop, value?.tablet, value?.mobile];
+    }
+    if (transformedArray.length > 0) {
+        const spaces = transformedArray.reduce((acc, curr, index) => {
+            if (curr) {
+                switch (index) {
+                    case 0:
+                        return `${acc}${property}: ${theme.spaces[curr]};`;
+                    case 1:
+                        return `${acc}${theme.mediaQueries.tablet}{${property}: ${theme.spaces[curr]};}`;
+                    case 2:
+                        return `${acc}${theme.mediaQueries.mobile}{${property}: ${theme.spaces[curr]};}`;
+                    default:
+                        return acc;
+                }
+            }
+            return acc;
+        }, '');
+        return spaces;
+    }
+    // Fallback to the passed transformedArray when necessary
+    const realValue = theme.spaces[value] || value;
+    return `${property}: ${realValue};`;
+};
+
+export { handleResponsiveValues as default };

package/dist/helpers/keyboardKeys.js

@@ -1,20 +1,23 @@
-const E = {
-  DOWN: "ArrowDown",
-  UP: "ArrowUp",
-  RIGHT: "ArrowRight",
-  LEFT: "ArrowLeft",
-  ESCAPE: "Escape",
-  ENTER: "Enter",
-  SPACE: " ",
-  TAB: "Tab",
-  END: "End",
-  HOME: "Home",
-  DELETE: "Delete",
-  PAGE_UP: "PageUp",
-  PAGE_DOWN: "PageDown",
-  BACKSPACE: "Backspace",
-  CLEAR: "Clear"
-};
-export {
-  E as KeyboardKeys
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const KeyboardKeys = {
+    DOWN: 'ArrowDown',
+    UP: 'ArrowUp',
+    RIGHT: 'ArrowRight',
+    LEFT: 'ArrowLeft',
+    ESCAPE: 'Escape',
+    ENTER: 'Enter',
+    SPACE: ' ',
+    TAB: 'Tab',
+    END: 'End',
+    HOME: 'Home',
+    DELETE: 'Delete',
+    PAGE_UP: 'PageUp',
+    PAGE_DOWN: 'PageDown',
+    BACKSPACE: 'Backspace',
+    CLEAR: 'Clear',
 };
+
+exports.KeyboardKeys = KeyboardKeys;

package/dist/helpers/keyboardKeys.mjs

@@ -0,0 +1,19 @@
+const KeyboardKeys = {
+    DOWN: 'ArrowDown',
+    UP: 'ArrowUp',
+    RIGHT: 'ArrowRight',
+    LEFT: 'ArrowLeft',
+    ESCAPE: 'Escape',
+    ENTER: 'Enter',
+    SPACE: ' ',
+    TAB: 'Tab',
+    END: 'End',
+    HOME: 'Home',
+    DELETE: 'Delete',
+    PAGE_UP: 'PageUp',
+    PAGE_DOWN: 'PageDown',
+    BACKSPACE: 'Backspace',
+    CLEAR: 'Clear',
+};
+
+export { KeyboardKeys };

package/dist/helpers/objects.js

@@ -1,10 +1,22 @@
-function t(r, n) {
-  return typeof r == "string" ? !1 : n in r;
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+function isKeyOf(o, s) {
+    if (typeof o === 'string') {
+        return false;
+    }
+    return s in o;
 }
-function e(r) {
-  return r && typeof r == "object" && !Array.isArray(r);
+/**
+ * @description Simple object check.
+ * @export
+ * @param item
+ * @returns {boolean}
+ */
+function isObject(item) {
+    return item && typeof item === 'object' && !Array.isArray(item);
 }
-export {
-  t as isKeyOf,
-  e as isObject
-};
+
+exports.isKeyOf = isKeyOf;
+exports.isObject = isObject;

package/dist/helpers/objects.mjs

@@ -0,0 +1,17 @@
+function isKeyOf(o, s) {
+    if (typeof o === 'string') {
+        return false;
+    }
+    return s in o;
+}
+/**
+ * @description Simple object check.
+ * @export
+ * @param item
+ * @returns {boolean}
+ */
+function isObject(item) {
+    return item && typeof item === 'object' && !Array.isArray(item);
+}
+
+export { isKeyOf, isObject };

package/dist/helpers/setOpacity.js

@@ -1,4 +1,9 @@
-const a = (t, o) => `${t}${Math.floor(o * 255).toString(16).padStart(2, "0")}`;
-export {
-  a as setOpacity
-};
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const setOpacity = (hex, alpha) => `${hex}${Math.floor(alpha * 255)
+    .toString(16)
+    .padStart(2, '0')}`;
+
+exports.setOpacity = setOpacity;

package/dist/helpers/setOpacity.mjs

@@ -0,0 +1,5 @@
+const setOpacity = (hex, alpha) => `${hex}${Math.floor(alpha * 255)
+    .toString(16)
+    .padStart(2, '0')}`;
+
+export { setOpacity };

package/dist/helpers/setTabIndexOnFirstItem.js

@@ -1,7 +1,12 @@
-const n = (e, i) => {
-  const t = e.querySelectorAll(i);
-  t && t.length > 0 && t.item(0).setAttribute("tabindex", "0");
-};
-export {
-  n as setTabIndexOnFirstItem
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const setTabIndexOnFirstItem = (node, selector) => {
+    const list = node.querySelectorAll(selector);
+    if (list && list.length > 0) {
+        list.item(0).setAttribute('tabindex', '0');
+    }
 };
+
+exports.setTabIndexOnFirstItem = setTabIndexOnFirstItem;

package/dist/helpers/setTabIndexOnFirstItem.mjs

@@ -0,0 +1,8 @@
+const setTabIndexOnFirstItem = (node, selector) => {
+    const list = node.querySelectorAll(selector);
+    if (list && list.length > 0) {
+        list.item(0).setAttribute('tabindex', '0');
+    }
+};
+
+export { setTabIndexOnFirstItem };

package/dist/helpers/strings.js

@@ -1,4 +1,7 @@
-const l = (e) => e.replaceAll(":", "");
-export {
-  l as stripReactIdOfColon
-};
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const stripReactIdOfColon = (str) => str.replaceAll(':', '');
+
+exports.stripReactIdOfColon = stripReactIdOfColon;

package/dist/helpers/strings.mjs

@@ -0,0 +1,3 @@
+const stripReactIdOfColon = (str) => str.replaceAll(':', '');
+
+export { stripReactIdOfColon };

package/dist/helpers/theme.js

@@ -1,7 +1,14 @@
-import { isKeyOf as o } from "./objects.js";
-function i(t, r, f) {
-  return r && o(t, r) ? t[r] : f;
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const objects = require('./objects.js');
+
+function extractStyleFromTheme(themeSection, key, defaultValue) {
+    if (key && objects.isKeyOf(themeSection, key)) {
+        return themeSection[key];
+    }
+    return defaultValue;
 }
-export {
-  i as extractStyleFromTheme
-};
+
+exports.extractStyleFromTheme = extractStyleFromTheme;

package/dist/helpers/theme.mjs

@@ -0,0 +1,10 @@
+import { isKeyOf } from './objects.mjs';
+
+function extractStyleFromTheme(themeSection, key, defaultValue) {
+    if (key && isKeyOf(themeSection, key)) {
+        return themeSection[key];
+    }
+    return defaultValue;
+}
+
+export { extractStyleFromTheme };

package/dist/helpers/useElementOnScreen.js

@@ -1,11 +1,18 @@
-import { once as n, PREFIX as r } from "./deprecations.js";
-import { useElementOnScreen as s } from "../hooks/useElementOnScreen.js";
-const t = n(console.warn);
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const deprecations = require('./deprecations.js');
+const useElementOnScreen$1 = require('../hooks/useElementOnScreen.js');
+
+const warnDeprecated = deprecations.once(console.warn);
 /**
  * @preserve
  * @deprecated useElementOnScreen has moved. Please import it from "@strapi/design-system/hooks/useElementOnScreen"
  */
-const c = (...e) => (t(`${r} useElementOnScreen has moved. Please import it from "@strapi/design-system/hooks/useElementOnScreen"`), s(...e));
-export {
-  c as useElementOnScreen
+const useElementOnScreen = (...args) => {
+    warnDeprecated(`${deprecations.PREFIX} useElementOnScreen has moved. Please import it from "@strapi/design-system/hooks/useElementOnScreen"`);
+    return useElementOnScreen$1.useElementOnScreen(...args);
 };
+
+exports.useElementOnScreen = useElementOnScreen;

package/dist/helpers/useElementOnScreen.mjs

@@ -0,0 +1,14 @@
+import { once, PREFIX } from './deprecations.mjs';
+import { useElementOnScreen as useElementOnScreen$1 } from '../hooks/useElementOnScreen.mjs';
+
+const warnDeprecated = once(console.warn);
+/**
+ * @preserve
+ * @deprecated useElementOnScreen has moved. Please import it from "@strapi/design-system/hooks/useElementOnScreen"
+ */
+const useElementOnScreen = (...args) => {
+    warnDeprecated(`${PREFIX} useElementOnScreen has moved. Please import it from "@strapi/design-system/hooks/useElementOnScreen"`);
+    return useElementOnScreen$1(...args);
+};
+
+export { useElementOnScreen };

package/dist/helpers/useId.js

@@ -1,11 +1,18 @@
-import { once as s, PREFIX as o } from "./deprecations.js";
-import { useId as r } from "../hooks/useId.js";
-const t = s(console.warn);
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const deprecations = require('./deprecations.js');
+const useId$1 = require('../hooks/useId.js');
+
+const warnDeprecated = deprecations.once(console.warn);
 /**
  * @preserve
  * @deprecated useId has moved. Please import it from "@strapi/design-system/hooks/useId"
  */
-const n = (...e) => (t(`${o} useId has moved. Please import it from "@strapi/design-system/hooks/useId"`), r(...e));
-export {
-  n as useId
+const useId = (...args) => {
+    warnDeprecated(`${deprecations.PREFIX} useId has moved. Please import it from "@strapi/design-system/hooks/useId"`);
+    return useId$1.useId(...args);
 };
+
+exports.useId = useId;

package/dist/helpers/useId.mjs

@@ -0,0 +1,14 @@
+import { once, PREFIX } from './deprecations.mjs';
+import { useId as useId$1 } from '../hooks/useId.mjs';
+
+const warnDeprecated = once(console.warn);
+/**
+ * @preserve
+ * @deprecated useId has moved. Please import it from "@strapi/design-system/hooks/useId"
+ */
+const useId = (...args) => {
+    warnDeprecated(`${PREFIX} useId has moved. Please import it from "@strapi/design-system/hooks/useId"`);
+    return useId$1(...args);
+};
+
+export { useId };

package/dist/helpers/useIntersection.js

@@ -1,11 +1,18 @@
-import { once as s, PREFIX as t } from "./deprecations.js";
-import { useIntersection as o } from "../hooks/useIntersection.js";
-const n = s(console.warn);
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const deprecations = require('./deprecations.js');
+const useIntersection$1 = require('../hooks/useIntersection.js');
+
+const warnDeprecated = deprecations.once(console.warn);
 /**
  * @preserve
  * @deprecated useId has moved. Please import it from "@strapi/design-system/hooks/useId"
  */
-const c = (...e) => (n(`${t} useIntersection has moved. Please import it from "@strapi/design-system/hooks/useIntersection"`), o(...e));
-export {
-  c as useIntersection
+const useIntersection = (...args) => {
+    warnDeprecated(`${deprecations.PREFIX} useIntersection has moved. Please import it from "@strapi/design-system/hooks/useIntersection"`);
+    return useIntersection$1.useIntersection(...args);
 };
+
+exports.useIntersection = useIntersection;

package/dist/helpers/useIntersection.mjs

@@ -0,0 +1,14 @@
+import { once, PREFIX } from './deprecations.mjs';
+import { useIntersection as useIntersection$1 } from '../hooks/useIntersection.mjs';
+
+const warnDeprecated = once(console.warn);
+/**
+ * @preserve
+ * @deprecated useId has moved. Please import it from "@strapi/design-system/hooks/useId"
+ */
+const useIntersection = (...args) => {
+    warnDeprecated(`${PREFIX} useIntersection has moved. Please import it from "@strapi/design-system/hooks/useIntersection"`);
+    return useIntersection$1(...args);
+};
+
+export { useIntersection };

package/dist/helpers/useLockScroll.js

@@ -1,11 +1,16 @@
-import { once as e, PREFIX as r } from "./deprecations.js";
-import s from "../hooks/useLockScroll.js";
-const c = e(console.warn);
+'use strict';
+
+const deprecations = require('./deprecations.js');
+const useLockScroll$1 = require('../hooks/useLockScroll.js');
+
+const warnDeprecated = deprecations.once(console.warn);
 /**
  * @preserve
  * @deprecated useLockScroll has moved. Please import it from "@strapi/design-system/hooks/useLockScroll"
  */
-const a = (...o) => (c(`${r} useLockScroll has moved. Please import it from "@strapi/design-system/hooks/useLockScroll"`), s(...o));
-export {
-  a as default
+const useLockScroll = (...args) => {
+    warnDeprecated(`${deprecations.PREFIX} useLockScroll has moved. Please import it from "@strapi/design-system/hooks/useLockScroll"`);
+    return useLockScroll$1(...args);
 };
+
+module.exports = useLockScroll;

package/dist/helpers/useLockScroll.mjs

@@ -0,0 +1,14 @@
+import { once, PREFIX } from './deprecations.mjs';
+import useLockScroll$1 from '../hooks/useLockScroll.mjs';
+
+const warnDeprecated = once(console.warn);
+/**
+ * @preserve
+ * @deprecated useLockScroll has moved. Please import it from "@strapi/design-system/hooks/useLockScroll"
+ */
+const useLockScroll = (...args) => {
+    warnDeprecated(`${PREFIX} useLockScroll has moved. Please import it from "@strapi/design-system/hooks/useLockScroll"`);
+    return useLockScroll$1(...args);
+};
+
+export { useLockScroll as default };

package/dist/helpers/usePrevious.js

@@ -1,11 +1,18 @@
-import { once as s, PREFIX as o } from "./deprecations.js";
-import { usePrevious as r } from "../hooks/usePrevious.js";
-const i = s(console.warn);
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const deprecations = require('./deprecations.js');
+const usePrevious$1 = require('../hooks/usePrevious.js');
+
+const warnDeprecated = deprecations.once(console.warn);
 /**
  * @preserve
  * @deprecated usePrevious has moved. Please import it from "@strapi/design-system/hooks/usePrevious"
  */
-const m = (...e) => (i(`${o} usePrevious has moved. Please import it from "@strapi/design-system/hooks/usePrevious"`), r(...e));
-export {
-  m as usePrevious
+const usePrevious = (...args) => {
+    warnDeprecated(`${deprecations.PREFIX} usePrevious has moved. Please import it from "@strapi/design-system/hooks/usePrevious"`);
+    return usePrevious$1.usePrevious(...args);
 };
+
+exports.usePrevious = usePrevious;

package/dist/helpers/usePrevious.mjs

@@ -0,0 +1,14 @@
+import { once, PREFIX } from './deprecations.mjs';
+import { usePrevious as usePrevious$1 } from '../hooks/usePrevious.mjs';
+
+const warnDeprecated = once(console.warn);
+/**
+ * @preserve
+ * @deprecated usePrevious has moved. Please import it from "@strapi/design-system/hooks/usePrevious"
+ */
+const usePrevious = (...args) => {
+    warnDeprecated(`${PREFIX} usePrevious has moved. Please import it from "@strapi/design-system/hooks/usePrevious"`);
+    return usePrevious$1(...args);
+};
+
+export { usePrevious };