@strapi/design-system 1.19.0-typescript.0 → 2.0.0-beta.0

package/dist/helpers/deprecations.js

@@ -1,21 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const PREFIX = '[@strapi/design-system]:';
-const once = (fn) => {
-    const func = fn;
-    let called = false;
-    if (typeof func !== 'function') {
-        throw new TypeError(`${PREFIX} once requires a function parameter`);
-    }
-    return (...args) => {
-        if (!called) {
-            func(...args);
-            called = true;
-        }
-    };
-};
-
-exports.PREFIX = PREFIX;
-exports.once = once;

package/dist/helpers/deprecations.mjs

@@ -1,16 +0,0 @@
-const PREFIX = '[@strapi/design-system]:';
-const once = (fn) => {
-    const func = fn;
-    let called = false;
-    if (typeof func !== 'function') {
-        throw new TypeError(`${PREFIX} once requires a function parameter`);
-    }
-    return (...args) => {
-        if (!called) {
-            func(...args);
-            called = true;
-        }
-    };
-};
-
-export { PREFIX, once };

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.d.ts

@@ -1,6 +0,0 @@
-import { useElementOnScreen as actualUseElementOnScreen } from '../hooks/useElementOnScreen';
-/**
- * @preserve
- * @deprecated useElementOnScreen has moved. Please import it from "@strapi/design-system/hooks/useElementOnScreen"
- */
-export declare const useElementOnScreen: typeof actualUseElementOnScreen;

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.d.ts

@@ -1,6 +0,0 @@
-import { useId as actualUseId } from '../hooks/useId';
-/**
- * @preserve
- * @deprecated useId has moved. Please import it from "@strapi/design-system/hooks/useId"
- */
-export declare const useId: typeof actualUseId;

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.d.ts

@@ -1,6 +0,0 @@
-import { useIntersection as actualUseIntersection } from '../hooks/useIntersection';
-/**
- * @preserve
- * @deprecated useId has moved. Please import it from "@strapi/design-system/hooks/useId"
- */
-export declare const useIntersection: typeof actualUseIntersection;

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.d.ts

@@ -1,7 +0,0 @@
-import actualUseLockScroll from '../hooks/useLockScroll';
-/**
- * @preserve
- * @deprecated useLockScroll has moved. Please import it from "@strapi/design-system/hooks/useLockScroll"
- */
-declare const useLockScroll: typeof actualUseLockScroll;
-export default useLockScroll;

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.d.ts

@@ -1,6 +0,0 @@
-import { usePrevious as actualUsePrevious } from '../hooks/usePrevious';
-/**
- * @preserve
- * @deprecated usePrevious has moved. Please import it from "@strapi/design-system/hooks/usePrevious"
- */
-export declare const usePrevious: typeof actualUsePrevious;

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.d.ts

@@ -1,6 +0,0 @@
-import { useResizeObserver as actualUseResizeObserver } from '../hooks/useResizeObserver';
-/**
- * @preserve
- * @deprecated useResizeObserver has moved. Please import it from "@strapi/design-system/hooks/useResizeObserver"
- */
-export declare const useResizeObserver: typeof actualUseResizeObserver;

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;