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

package/dist/Portal/Portal.mjs

@@ -1,11 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import * as React from 'react';
-import { createPortal } from 'react-dom';
-import { Box } from '../Box/Box.mjs';
-
-const Portal = React.forwardRef(({ container = globalThis?.document?.body, ...portalProps }, forwardedRef) => {
-    return container ? createPortal(jsx(Box, { ref: forwardedRef, ...portalProps }), container) : null;
-});
-Portal.displayName = 'Portal';
-
-export { Portal };

package/dist/Portal/index.js

@@ -1,9 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const Portal = require('./Portal.js');
-
-
-
-exports.Portal = Portal.Portal;

package/dist/Portal/index.mjs

@@ -1 +0,0 @@
-export { Portal } from './Portal.mjs';

package/dist/ProgressBar/ProgressBar.js

@@ -1,28 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const styled = require('styled-components');
-const Box = require('../Box/Box.js');
-
-const _interopDefault = e => e && e.__esModule ? e : { default: e };
-
-const styled__default = /*#__PURE__*/_interopDefault(styled);
-
-const ProgressbarBase = styled__default.default(Box.Box) `
-  &:before {
-    background-color: ${({ theme }) => theme.colors.neutral0};
-    border-radius: ${({ theme }) => theme.borderRadius};
-    bottom: 0;
-    content: '';
-    position: absolute;
-    top: 0;
-    width: ${({ value }) => `${value}%`};
-  }
-`;
-const ProgressBar = ({ min = 0, max = 100, value = 0, children, size = 'M', ...props }) => {
-    return (jsxRuntime.jsx(ProgressbarBase, { background: "neutral600", hasRadius: true, "aria-label": children, "aria-valuemax": max, "aria-valuemin": min, "aria-valuenow": value, height: size === 'S' ? 1 : 2, position: "relative", role: "progressbar", value: value, width: size === 'S' ? '78px' : '102px', ...props }));
-};
-
-exports.ProgressBar = ProgressBar;

package/dist/ProgressBar/ProgressBar.mjs

@@ -1,20 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import styled from 'styled-components';
-import { Box } from '../Box/Box.mjs';
-
-const ProgressbarBase = styled(Box) `
-  &:before {
-    background-color: ${({ theme }) => theme.colors.neutral0};
-    border-radius: ${({ theme }) => theme.borderRadius};
-    bottom: 0;
-    content: '';
-    position: absolute;
-    top: 0;
-    width: ${({ value }) => `${value}%`};
-  }
-`;
-const ProgressBar = ({ min = 0, max = 100, value = 0, children, size = 'M', ...props }) => {
-    return (jsx(ProgressbarBase, { background: "neutral600", hasRadius: true, "aria-label": children, "aria-valuemax": max, "aria-valuemin": min, "aria-valuenow": value, height: size === 'S' ? 1 : 2, position: "relative", role: "progressbar", value: value, width: size === 'S' ? '78px' : '102px', ...props }));
-};
-
-export { ProgressBar };

package/dist/ProgressBar/index.js

@@ -1,9 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const ProgressBar = require('./ProgressBar.js');
-
-
-
-exports.ProgressBar = ProgressBar.ProgressBar;

package/dist/ProgressBar/index.mjs

@@ -1 +0,0 @@
-export { ProgressBar } from './ProgressBar.mjs';

package/dist/Radio/Radio.js

@@ -1,14 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const BaseRadio = require('../BaseRadio/BaseRadio.js');
-const Flex = require('../Flex/Flex.js');
-const Typography = require('../Typography/Typography.js');
-
-const Radio = ({ children, ...props }) => {
-    return (jsxRuntime.jsxs(Flex.Flex, { alignItems: "center", as: "label", gap: 2, children: [jsxRuntime.jsx(BaseRadio.BaseRadio, { ...props }), jsxRuntime.jsx(Typography.Typography, { textColor: "neutral800", children: children })] }));
-};
-
-exports.Radio = Radio;

package/dist/Radio/Radio.mjs

@@ -1,10 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { BaseRadio } from '../BaseRadio/BaseRadio.mjs';
-import { Flex } from '../Flex/Flex.mjs';
-import { Typography } from '../Typography/Typography.mjs';
-
-const Radio = ({ children, ...props }) => {
-    return (jsxs(Flex, { alignItems: "center", as: "label", gap: 2, children: [jsx(BaseRadio, { ...props }), jsx(Typography, { textColor: "neutral800", children: children })] }));
-};
-
-export { Radio };

package/dist/Radio/__tests__/Radio.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/Radio/index.js

@@ -1,11 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const Radio = require('./Radio.js');
-const RadioGroup = require('../BaseRadio/RadioGroup.js');
-
-
-
-exports.Radio = Radio.Radio;
-exports.RadioGroup = RadioGroup.RadioGroup;

package/dist/Radio/index.mjs

@@ -1,2 +0,0 @@
-export { Radio } from './Radio.mjs';
-export { RadioGroup } from '../BaseRadio/RadioGroup.mjs';

package/dist/RawTable/RawCell.js

@@ -1,149 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const React = require('react');
-const RawTableContext = require('./RawTableContext.js');
-const getFocusableNodes = require('../helpers/getFocusableNodes.js');
-const keyboardKeys = require('../helpers/keyboardKeys.js');
-const Box = require('../Box/Box.js');
-
-const RawTh = (props) => jsxRuntime.jsx(RawTd, { ...props, as: "th" });
-const RawTd = ({ coords = { col: 0, row: 0 }, as = 'td', ...props }) => {
-    const tdRef = React.useRef(null);
-    const { rowIndex, colIndex, setTableValues } = RawTableContext.useTable();
-    const [isActive, setIsActive] = React.useState(false);
-    const handleKeyDown = (e) => {
-        const focusableNodes = getFocusableNodes.getFocusableNodes(tdRef.current, true);
-        /**
-         * If the cell does not have focusable children or if it has focusable children
-         * without keyboard navigation, we should not run the handler.
-         */
-        if (focusableNodes.length === 0 ||
-            (focusableNodes.length === 1 && getFocusableNodes.getFocusableNodesWithKeyboardNav(focusableNodes).length === 0)) {
-            return;
-            /**
-             * This allows cells that **only** have buttons in them to still be
-             * navigable with the keyboard arrow keys (left / right) as if they were grid cells.
-             *
-             * If there are nextNodes (next child node) then we stop the table's keyboard navigation
-             * handlers from happening.
-             */
-        }
-        if (focusableNodes.length > 1 && !focusableNodes.find((node) => node.tagName !== 'BUTTON')) {
-            e.preventDefault();
-            const focussedButtonIndex = focusableNodes.findIndex((node) => node === document.activeElement);
-            if (e.key === keyboardKeys.KeyboardKeys.RIGHT) {
-                const nextNode = focusableNodes[focussedButtonIndex + 1];
-                if (nextNode) {
-                    e.stopPropagation();
-                    nextNode.focus();
-                }
-            }
-            else if (e.key === keyboardKeys.KeyboardKeys.LEFT) {
-                const nextNode = focusableNodes[focussedButtonIndex - 1];
-                if (nextNode) {
-                    e.stopPropagation();
-                    nextNode.focus();
-                }
-            }
-            return;
-        }
-        const isEnterKey = e.key === keyboardKeys.KeyboardKeys.ENTER;
-        if (isEnterKey && !isActive) {
-            setIsActive(true);
-            /**
-             * Cells should be "escapeable" with the escape key or enter key
-             */
-        }
-        else if ((e.key === keyboardKeys.KeyboardKeys.ESCAPE || isEnterKey) && isActive) {
-            /**
-             * It's expected behaviour that the cell can't be escaped with `enter` if
-             * the element that is focussed is an anchor tag.
-             */
-            if (isEnterKey && document.activeElement?.tagName === 'A') {
-                return;
-            }
-            setIsActive(false);
-            tdRef.current.focus();
-        }
-        else if (isActive) {
-            /**
-             * This stops the table navigation from working
-             */
-            e.stopPropagation();
-        }
-    };
-    const isFocused = rowIndex === coords.row - 1 && colIndex === coords.col - 1;
-    /**
-     * Handles tabindex of the rendered cell element
-     */
-    React.useLayoutEffect(() => {
-        const focusableNodes = getFocusableNodes.getFocusableNodes(tdRef.current, true);
-        /**
-         * We should focus the cell if there are no focussable children inside
-         * If there is only one focusable child and it has it's own keyboard navigation
-         * Or if there is more than one focusable child unless those children
-         * are exclusively buttons.
-         */
-        if (focusableNodes.length === 0 ||
-            (focusableNodes.length === 1 && getFocusableNodes.getFocusableNodesWithKeyboardNav(focusableNodes).length !== 0) ||
-            (focusableNodes.length > 1 && Boolean(focusableNodes.find((node) => node.tagName !== 'BUTTON')))) {
-            tdRef.current.setAttribute('tabIndex', !isActive && isFocused ? '0' : '-1');
-            focusableNodes.forEach((node, index) => {
-                node.setAttribute('tabIndex', isActive ? '0' : '-1');
-                /**
-                 * When a cell is active we want to focus the
-                 * first focusable element simulating a focus trap
-                 */
-                if (isActive && index === 0) {
-                    node.focus();
-                }
-            });
-        }
-        else {
-            focusableNodes.forEach((node) => {
-                node.setAttribute('tabIndex', isFocused ? '0' : '-1');
-            });
-        }
-    }, [isActive, isFocused]);
-    const handleFocusableNodeFocus = React.useCallback(() => {
-        const focusableNodes = getFocusableNodes.getFocusableNodes(tdRef.current, true);
-        /**
-         * If there's 1 or more focusable children and at least one has keyboard navigation
-         * or the children are exclusively button elements the cell should be using the "active" system
-         */
-        if (focusableNodes.length >= 1 &&
-            (getFocusableNodes.getFocusableNodesWithKeyboardNav(focusableNodes).length !== 0 ||
-                !focusableNodes.find((node) => node.tagName !== 'BUTTON'))) {
-            setIsActive(true);
-        }
-        /**
-         * This function is wrapped in `useCallback` so we can safely
-         * assume that the reference will not change
-         */
-        setTableValues({ rowIndex: coords.row - 1, colIndex: coords.col - 1 });
-    }, [coords, setTableValues]);
-    /**
-     * This handles the case where you click on a focusable
-     * node that has it's own keyboard nav (e.g. Input)
-     */
-    React.useLayoutEffect(() => {
-        const cell = tdRef.current;
-        const focusableNodes = getFocusableNodes.getFocusableNodes(cell, true);
-        focusableNodes.forEach((node) => {
-            node.addEventListener('focus', handleFocusableNodeFocus);
-        });
-        return () => {
-            const focusableNodes = getFocusableNodes.getFocusableNodes(cell, true);
-            focusableNodes.forEach((node) => {
-                node.removeEventListener('focus', handleFocusableNodeFocus);
-            });
-        };
-    }, [handleFocusableNodeFocus]);
-    return jsxRuntime.jsx(Box.Box, { role: "gridcell", as: as, ref: tdRef, onKeyDown: handleKeyDown, ...props });
-};
-
-exports.RawTd = RawTd;
-exports.RawTh = RawTh;

package/dist/RawTable/RawCell.mjs

@@ -1,144 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useRef, useState, useLayoutEffect, useCallback } from 'react';
-import { useTable } from './RawTableContext.mjs';
-import { getFocusableNodes, getFocusableNodesWithKeyboardNav } from '../helpers/getFocusableNodes.mjs';
-import { KeyboardKeys } from '../helpers/keyboardKeys.mjs';
-import { Box } from '../Box/Box.mjs';
-
-const RawTh = (props) => jsx(RawTd, { ...props, as: "th" });
-const RawTd = ({ coords = { col: 0, row: 0 }, as = 'td', ...props }) => {
-    const tdRef = useRef(null);
-    const { rowIndex, colIndex, setTableValues } = useTable();
-    const [isActive, setIsActive] = useState(false);
-    const handleKeyDown = (e) => {
-        const focusableNodes = getFocusableNodes(tdRef.current, true);
-        /**
-         * If the cell does not have focusable children or if it has focusable children
-         * without keyboard navigation, we should not run the handler.
-         */
-        if (focusableNodes.length === 0 ||
-            (focusableNodes.length === 1 && getFocusableNodesWithKeyboardNav(focusableNodes).length === 0)) {
-            return;
-            /**
-             * This allows cells that **only** have buttons in them to still be
-             * navigable with the keyboard arrow keys (left / right) as if they were grid cells.
-             *
-             * If there are nextNodes (next child node) then we stop the table's keyboard navigation
-             * handlers from happening.
-             */
-        }
-        if (focusableNodes.length > 1 && !focusableNodes.find((node) => node.tagName !== 'BUTTON')) {
-            e.preventDefault();
-            const focussedButtonIndex = focusableNodes.findIndex((node) => node === document.activeElement);
-            if (e.key === KeyboardKeys.RIGHT) {
-                const nextNode = focusableNodes[focussedButtonIndex + 1];
-                if (nextNode) {
-                    e.stopPropagation();
-                    nextNode.focus();
-                }
-            }
-            else if (e.key === KeyboardKeys.LEFT) {
-                const nextNode = focusableNodes[focussedButtonIndex - 1];
-                if (nextNode) {
-                    e.stopPropagation();
-                    nextNode.focus();
-                }
-            }
-            return;
-        }
-        const isEnterKey = e.key === KeyboardKeys.ENTER;
-        if (isEnterKey && !isActive) {
-            setIsActive(true);
-            /**
-             * Cells should be "escapeable" with the escape key or enter key
-             */
-        }
-        else if ((e.key === KeyboardKeys.ESCAPE || isEnterKey) && isActive) {
-            /**
-             * It's expected behaviour that the cell can't be escaped with `enter` if
-             * the element that is focussed is an anchor tag.
-             */
-            if (isEnterKey && document.activeElement?.tagName === 'A') {
-                return;
-            }
-            setIsActive(false);
-            tdRef.current.focus();
-        }
-        else if (isActive) {
-            /**
-             * This stops the table navigation from working
-             */
-            e.stopPropagation();
-        }
-    };
-    const isFocused = rowIndex === coords.row - 1 && colIndex === coords.col - 1;
-    /**
-     * Handles tabindex of the rendered cell element
-     */
-    useLayoutEffect(() => {
-        const focusableNodes = getFocusableNodes(tdRef.current, true);
-        /**
-         * We should focus the cell if there are no focussable children inside
-         * If there is only one focusable child and it has it's own keyboard navigation
-         * Or if there is more than one focusable child unless those children
-         * are exclusively buttons.
-         */
-        if (focusableNodes.length === 0 ||
-            (focusableNodes.length === 1 && getFocusableNodesWithKeyboardNav(focusableNodes).length !== 0) ||
-            (focusableNodes.length > 1 && Boolean(focusableNodes.find((node) => node.tagName !== 'BUTTON')))) {
-            tdRef.current.setAttribute('tabIndex', !isActive && isFocused ? '0' : '-1');
-            focusableNodes.forEach((node, index) => {
-                node.setAttribute('tabIndex', isActive ? '0' : '-1');
-                /**
-                 * When a cell is active we want to focus the
-                 * first focusable element simulating a focus trap
-                 */
-                if (isActive && index === 0) {
-                    node.focus();
-                }
-            });
-        }
-        else {
-            focusableNodes.forEach((node) => {
-                node.setAttribute('tabIndex', isFocused ? '0' : '-1');
-            });
-        }
-    }, [isActive, isFocused]);
-    const handleFocusableNodeFocus = useCallback(() => {
-        const focusableNodes = getFocusableNodes(tdRef.current, true);
-        /**
-         * If there's 1 or more focusable children and at least one has keyboard navigation
-         * or the children are exclusively button elements the cell should be using the "active" system
-         */
-        if (focusableNodes.length >= 1 &&
-            (getFocusableNodesWithKeyboardNav(focusableNodes).length !== 0 ||
-                !focusableNodes.find((node) => node.tagName !== 'BUTTON'))) {
-            setIsActive(true);
-        }
-        /**
-         * This function is wrapped in `useCallback` so we can safely
-         * assume that the reference will not change
-         */
-        setTableValues({ rowIndex: coords.row - 1, colIndex: coords.col - 1 });
-    }, [coords, setTableValues]);
-    /**
-     * This handles the case where you click on a focusable
-     * node that has it's own keyboard nav (e.g. Input)
-     */
-    useLayoutEffect(() => {
-        const cell = tdRef.current;
-        const focusableNodes = getFocusableNodes(cell, true);
-        focusableNodes.forEach((node) => {
-            node.addEventListener('focus', handleFocusableNodeFocus);
-        });
-        return () => {
-            const focusableNodes = getFocusableNodes(cell, true);
-            focusableNodes.forEach((node) => {
-                node.removeEventListener('focus', handleFocusableNodeFocus);
-            });
-        };
-    }, [handleFocusableNodeFocus]);
-    return jsx(Box, { role: "gridcell", as: as, ref: tdRef, onKeyDown: handleKeyDown, ...props });
-};
-
-export { RawTd, RawTh };

package/dist/RawTable/RawTable.js

@@ -1,85 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const React = require('react');
-const focusFocusable = require('./focusFocusable.js');
-const RawTableContext = require('./RawTableContext.js');
-const keyboardKeys = require('../helpers/keyboardKeys.js');
-
-const RawTable = ({ colCount, rowCount, jumpStep = 3, initialCol = 0, initialRow = 0, ...props }) => {
-    const tableRef = React.useRef(null);
-    const mountedRef = React.useRef(false);
-    /**
-     * Rows will always have n+1 line because of the <tr><th></th></tr> elements
-     */
-    const [rowIndex, setRowIndex] = React.useState(initialRow);
-    const [colIndex, setColIndex] = React.useState(initialCol);
-    const setTableValues = React.useCallback(({ colIndex, rowIndex }) => {
-        setColIndex(colIndex);
-        setRowIndex(rowIndex);
-    }, []);
-    React.useEffect(() => {
-        if (mountedRef.current) {
-            focusFocusable.focusFocusable(tableRef.current);
-        }
-        if (!mountedRef.current) {
-            mountedRef.current = true;
-        }
-    }, [colIndex, rowIndex]);
-    const handleKeyDown = (e) => {
-        switch (e.key) {
-            case keyboardKeys.KeyboardKeys.RIGHT: {
-                e.preventDefault();
-                setColIndex((prevColIndex) => (prevColIndex < colCount - 1 ? prevColIndex + 1 : prevColIndex));
-                break;
-            }
-            case keyboardKeys.KeyboardKeys.LEFT: {
-                e.preventDefault();
-                setColIndex((prevColIndex) => (prevColIndex > 0 ? prevColIndex - 1 : prevColIndex));
-                break;
-            }
-            case keyboardKeys.KeyboardKeys.UP: {
-                e.preventDefault();
-                setRowIndex((prevRowIndex) => (prevRowIndex > 0 ? prevRowIndex - 1 : prevRowIndex));
-                break;
-            }
-            case keyboardKeys.KeyboardKeys.DOWN: {
-                e.preventDefault();
-                setRowIndex((prevRowIndex) => (prevRowIndex < rowCount - 1 ? prevRowIndex + 1 : prevRowIndex));
-                break;
-            }
-            case keyboardKeys.KeyboardKeys.HOME: {
-                e.preventDefault();
-                if (e.ctrlKey) {
-                    setRowIndex(0);
-                }
-                setColIndex(0);
-                break;
-            }
-            case keyboardKeys.KeyboardKeys.END: {
-                e.preventDefault();
-                if (e.ctrlKey) {
-                    setRowIndex(rowCount - 1);
-                }
-                setColIndex(colCount - 1);
-                break;
-            }
-            case keyboardKeys.KeyboardKeys.PAGE_DOWN: {
-                e.preventDefault();
-                setRowIndex((prevRowIndex) => (prevRowIndex + jumpStep < rowCount ? prevRowIndex + jumpStep : rowCount - 1));
-                break;
-            }
-            case keyboardKeys.KeyboardKeys.PAGE_UP: {
-                e.preventDefault();
-                setRowIndex((prevRowIndex) => (prevRowIndex - jumpStep > 0 ? prevRowIndex - jumpStep : 0));
-                break;
-            }
-        }
-    };
-    const context = React.useMemo(() => ({ rowIndex, colIndex, setTableValues }), [colIndex, rowIndex, setTableValues]);
-    return (jsxRuntime.jsx(RawTableContext.RawTableContext.Provider, { value: context, children: jsxRuntime.jsx("table", { role: "grid", ref: tableRef, "aria-rowcount": rowCount, "aria-colcount": colCount, onKeyDown: handleKeyDown, ...props }) }));
-};
-
-exports.RawTable = RawTable;

package/dist/RawTable/RawTable.mjs

@@ -1,81 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useRef, useState, useCallback, useEffect, useMemo } from 'react';
-import { focusFocusable } from './focusFocusable.mjs';
-import { RawTableContext } from './RawTableContext.mjs';
-import { KeyboardKeys } from '../helpers/keyboardKeys.mjs';
-
-const RawTable = ({ colCount, rowCount, jumpStep = 3, initialCol = 0, initialRow = 0, ...props }) => {
-    const tableRef = useRef(null);
-    const mountedRef = useRef(false);
-    /**
-     * Rows will always have n+1 line because of the <tr><th></th></tr> elements
-     */
-    const [rowIndex, setRowIndex] = useState(initialRow);
-    const [colIndex, setColIndex] = useState(initialCol);
-    const setTableValues = useCallback(({ colIndex, rowIndex }) => {
-        setColIndex(colIndex);
-        setRowIndex(rowIndex);
-    }, []);
-    useEffect(() => {
-        if (mountedRef.current) {
-            focusFocusable(tableRef.current);
-        }
-        if (!mountedRef.current) {
-            mountedRef.current = true;
-        }
-    }, [colIndex, rowIndex]);
-    const handleKeyDown = (e) => {
-        switch (e.key) {
-            case KeyboardKeys.RIGHT: {
-                e.preventDefault();
-                setColIndex((prevColIndex) => (prevColIndex < colCount - 1 ? prevColIndex + 1 : prevColIndex));
-                break;
-            }
-            case KeyboardKeys.LEFT: {
-                e.preventDefault();
-                setColIndex((prevColIndex) => (prevColIndex > 0 ? prevColIndex - 1 : prevColIndex));
-                break;
-            }
-            case KeyboardKeys.UP: {
-                e.preventDefault();
-                setRowIndex((prevRowIndex) => (prevRowIndex > 0 ? prevRowIndex - 1 : prevRowIndex));
-                break;
-            }
-            case KeyboardKeys.DOWN: {
-                e.preventDefault();
-                setRowIndex((prevRowIndex) => (prevRowIndex < rowCount - 1 ? prevRowIndex + 1 : prevRowIndex));
-                break;
-            }
-            case KeyboardKeys.HOME: {
-                e.preventDefault();
-                if (e.ctrlKey) {
-                    setRowIndex(0);
-                }
-                setColIndex(0);
-                break;
-            }
-            case KeyboardKeys.END: {
-                e.preventDefault();
-                if (e.ctrlKey) {
-                    setRowIndex(rowCount - 1);
-                }
-                setColIndex(colCount - 1);
-                break;
-            }
-            case KeyboardKeys.PAGE_DOWN: {
-                e.preventDefault();
-                setRowIndex((prevRowIndex) => (prevRowIndex + jumpStep < rowCount ? prevRowIndex + jumpStep : rowCount - 1));
-                break;
-            }
-            case KeyboardKeys.PAGE_UP: {
-                e.preventDefault();
-                setRowIndex((prevRowIndex) => (prevRowIndex - jumpStep > 0 ? prevRowIndex - jumpStep : 0));
-                break;
-            }
-        }
-    };
-    const context = useMemo(() => ({ rowIndex, colIndex, setTableValues }), [colIndex, rowIndex, setTableValues]);
-    return (jsx(RawTableContext.Provider, { value: context, children: jsx("table", { role: "grid", ref: tableRef, "aria-rowcount": rowCount, "aria-colcount": colCount, onKeyDown: handleKeyDown, ...props }) }));
-};
-
-export { RawTable };

package/dist/RawTable/RawTableContext.js

@@ -1,17 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const React = require('react');
-
-const RawTableContext = React.createContext({
-    rowIndex: 0,
-    colIndex: 0,
-    setTableValues() {
-        throw new Error('setTableValues must be initialized via the RawTableContext.Provider');
-    },
-});
-const useTable = () => React.useContext(RawTableContext);
-
-exports.RawTableContext = RawTableContext;
-exports.useTable = useTable;

package/dist/RawTable/RawTableContext.mjs

@@ -1,12 +0,0 @@
-import { createContext, useContext } from 'react';
-
-const RawTableContext = createContext({
-    rowIndex: 0,
-    colIndex: 0,
-    setTableValues() {
-        throw new Error('setTableValues must be initialized via the RawTableContext.Provider');
-    },
-});
-const useTable = () => useContext(RawTableContext);
-
-export { RawTableContext, useTable };

package/dist/RawTable/RawTbody.js

@@ -1,22 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const React = require('react');
-
-const RawTbody = ({ children, ...props }) => {
-    /**
-     * aria-rowindex is 1-based: we have to start from 1
-     * since the <tr><th></th></tr> elements count as 1 row, we have to increment the index by 2 (because of the base 1 AND the th)
-     */
-    const childrenClone = React.Children.toArray(children).map((child, index) => {
-        if (React.isValidElement(child)) {
-            return React.cloneElement(child, { 'aria-rowindex': index + 2 });
-        }
-        return child;
-    });
-    return jsxRuntime.jsx("tbody", { ...props, children: childrenClone });
-};
-
-exports.RawTbody = RawTbody;