@strapi/design-system 1.18.0 → 2.0.0-beta.0

package/dist/helpers/getDefaultLocale.js

@@ -1,36 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-/**
- *
-   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;
-};
-
-exports.getDefaultLocale = getDefaultLocale;

package/dist/helpers/getDefaultLocale.mjs

@@ -1,32 +0,0 @@
-/**
- *
-   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,36 +0,0 @@
-'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

@@ -1,31 +0,0 @@
-/**
- * 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,34 +0,0 @@
-'use strict';
-
-/* eslint-disable consistent-return */
-const handleResponsiveValues = (property, value, theme) => {
-    if (!value) {
-        return undefined;
-    }
-    if (typeof value === 'object') {
-        const transformedArray = Array.isArray(value)
-            ? value
-            : [value?.desktop, value?.tablet, value?.mobile];
-        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

@@ -1,32 +0,0 @@
-/* eslint-disable consistent-return */
-const handleResponsiveValues = (property, value, theme) => {
-    if (!value) {
-        return undefined;
-    }
-    if (typeof value === 'object') {
-        const transformedArray = Array.isArray(value)
-            ? value
-            : [value?.desktop, value?.tablet, value?.mobile];
-        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,23 +0,0 @@
-'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

@@ -1,19 +0,0 @@
-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,22 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-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);
-}
-
-exports.isKeyOf = isKeyOf;
-exports.isObject = isObject;

package/dist/helpers/objects.mjs

@@ -1,17 +0,0 @@
-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,9 +0,0 @@
-'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

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

package/dist/helpers/setTabIndexOnFirstItem.js

@@ -1,12 +0,0 @@
-'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

@@ -1,8 +0,0 @@
-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,7 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const stripReactIdOfColon = (str) => str.replaceAll(':', '');
-
-exports.stripReactIdOfColon = stripReactIdOfColon;

package/dist/helpers/strings.mjs

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

package/dist/helpers/theme.js

@@ -1,14 +0,0 @@
-'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;
-}
-
-exports.extractStyleFromTheme = extractStyleFromTheme;

package/dist/helpers/theme.mjs

@@ -1,10 +0,0 @@
-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,18 +0,0 @@
-'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 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

@@ -1,14 +0,0 @@
-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,18 +0,0 @@
-'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 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

@@ -1,14 +0,0 @@
-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,18 +0,0 @@
-'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 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

@@ -1,14 +0,0 @@
-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,16 +0,0 @@
-'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 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

@@ -1,14 +0,0 @@
-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,18 +0,0 @@
-'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 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

@@ -1,14 +0,0 @@
-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 };

package/dist/helpers/useResizeObserver.js

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

package/dist/helpers/useResizeObserver.mjs

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

package/dist/hooks/useComposeRefs.js

@@ -1,72 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const React = require('react');
-
-function _interopNamespace(e) {
-    if (e && e.__esModule) return e;
-    const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
-    if (e) {
-        for (const k in e) {
-            if (k !== 'default') {
-                const d = Object.getOwnPropertyDescriptor(e, k);
-                Object.defineProperty(n, k, d.get ? d : {
-                    enumerable: true,
-                    get: () => e[k]
-                });
-            }
-        }
-    }
-    n.default = e;
-    return Object.freeze(n);
-}
-
-const React__namespace = /*#__PURE__*/_interopNamespace(React);
-
-/**
- * Set a given ref to a given value
- * This utility takes care of different types of refs: callback refs and RefObject(s)
- */
-function setRef(ref, value) {
-    if (typeof ref === 'function') {
-        ref(value);
-    }
-    else if (ref !== null && ref !== undefined) {
-        ref.current = value;
-    }
-}
-/**
- * A utility to compose multiple refs together
- * Accepts callback refs and RefObject(s)
- */
-function composeRefs(...refs) {
-    return (node) => refs.forEach((ref) => setRef(ref, node));
-}
-/**
- * Takes multiple React like refs either React.Ref or a callback:
- * (node: T) => void and returns a single function that can be
- * passed to a React component as a ref.
- *
- * Example:
- * ```tsx
- * import { useComposedRefs } from '../hooks/useComposedRefs';
- *
- * const Component = React.forwardRef<HTMLInputElement, ComponentProps>((props, forwardedRef) => {
- *  const ref = useComposedRefs(internalRef, forwardedRef);
- *
- *  React.useEffect(() => {
- *   ref.current.focus();
- *  }, [ref]);
- *
- *  return <input ref={ref} />
- * }
- * ```
- */
-function useComposedRefs(...refs) {
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    return React__namespace.useCallback(composeRefs(...refs), refs);
-}
-
-exports.composeRefs = composeRefs;
-exports.useComposedRefs = useComposedRefs;