draft-components 1.0.0-beta.3.1 → 1.0.0-beta.5

package/cjs/components/password-input/password-input.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PasswordInput = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_helpers_1 = require("../../lib/react-helpers");
-const text_input_1 = require("../text-input");
-const tooltip_1 = require("../tooltip");
-const icons_1 = require("./icons");
-exports.PasswordInput = (0, react_1.forwardRef)(function PasswordInput({ isDefaultVisible = false, showPasswordTitle = 'Show password', hidePasswordTitle = 'Hide password', className, ...props }, ref) {
-    const [visible, setVisible] = (0, react_1.useState)(isDefaultVisible);
-    let type;
-    let content;
-    let Icon;
-    if (visible) {
-        type = 'text';
-        content = hidePasswordTitle;
-        Icon = icons_1.EyeIcon;
-    }
-    else {
-        type = 'password';
-        content = showPasswordTitle;
-        Icon = icons_1.EyeSlashIcon;
-    }
-    const handleButtonClick = () => setVisible(!visible);
-    const button = ((0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { content: content, children: (0, jsx_runtime_1.jsx)("button", { className: "dc-password-input__btn", type: "button", onClick: handleButtonClick, children: (0, jsx_runtime_1.jsx)(Icon, { className: "dc-password-input__icon", "aria-hidden": true }) }) }));
-    return ((0, jsx_runtime_1.jsx)(text_input_1.TextInput, { ...props, className: (0, react_helpers_1.classNames)('dc-password-input', className), ref: ref, type: type, suffix: button }));
-});

package/cjs/components/popover/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./popover"), exports);

package/cjs/components/popover/popover.js

@@ -1,97 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Popover = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_helpers_1 = require("../../lib/react-helpers");
-const use_mount_transition_1 = require("../../hooks/use-mount-transition");
-const use_esc_key_down_1 = require("../../hooks/use-esc-key-down");
-const use_focus_trap_1 = require("../../hooks/use-focus-trap");
-const use_page_click_1 = require("./use-page-click");
-const positioner_1 = require("../positioner");
-exports.Popover = (0, react_1.forwardRef)(function Popover({ shouldTrapFocus = true, shouldFocusAnchorAfterEscPress = true, placement = 'bottom', alignment = 'start', anchorGap, viewportGap, anchor, className, children, onOpen, onClose, ...props }, ref) {
-    var _a, _b;
-    const [defaultIsOpen, setDefaultIsOpen] = (0, react_1.useState)((_a = props.defaultIsOpen) !== null && _a !== void 0 ? _a : false);
-    const anchorRef = (0, react_1.useRef)(null);
-    const contentRef = (0, react_1.useRef)(null);
-    const isOpen = (_b = props.isOpen) !== null && _b !== void 0 ? _b : defaultIsOpen;
-    const durationMs = 100;
-    const { isMounted, className: transitionClass } = (0, use_mount_transition_1.useMountTransition)({
-        durationMs,
-        isShown: isOpen,
-        enterFrom: 'dc-popover_closed',
-        enterTo: 'dc-popover_opened',
-    });
-    const openPopover = (0, react_1.useCallback)(() => {
-        setDefaultIsOpen(true);
-        onOpen === null || onOpen === void 0 ? void 0 : onOpen();
-    }, [onOpen]);
-    const closePopover = (0, react_1.useCallback)(() => {
-        setDefaultIsOpen(false);
-        onClose === null || onClose === void 0 ? void 0 : onClose();
-    }, [onClose]);
-    const togglePopover = (0, react_1.useCallback)(() => {
-        if (isOpen) {
-            closePopover();
-        }
-        else {
-            openPopover();
-        }
-    }, [isOpen, closePopover, openPopover]);
-    (0, react_1.useImperativeHandle)(ref, () => ({
-        open: openPopover,
-        close: closePopover,
-        toggle: togglePopover,
-    }), [openPopover, closePopover, togglePopover]);
-    (0, use_page_click_1.usePageClick)((event) => {
-        const target = event.target;
-        const anchor = anchorRef.current;
-        const content = contentRef.current;
-        if (target instanceof Node &&
-            !(anchor === null || anchor === void 0 ? void 0 : anchor.contains(target)) &&
-            !(content === null || content === void 0 ? void 0 : content.contains(target))) {
-            closePopover();
-        }
-    }, { isEnabled: isOpen });
-    (0, use_esc_key_down_1.useEscKeyDown)(() => {
-        closePopover();
-        if (shouldFocusAnchorAfterEscPress && anchorRef.current) {
-            (0, react_helpers_1.focusElement)(anchorRef.current);
-        }
-    }, { isEnabled: isOpen });
-    (0, use_focus_trap_1.useFocusTrap)(contentRef, { isEnabled: shouldTrapFocus && isOpen });
-    const renderAnchor = ({ setRef }) => {
-        if (typeof anchor === 'function') {
-            return anchor({
-                ref: (0, react_helpers_1.mergeRefs)(setRef, anchorRef),
-            }, {
-                isOpen: isOpen || isMounted,
-                openPopover,
-                closePopover,
-                togglePopover,
-            });
-        }
-        if ((0, react_helpers_1.isReactElementWithRef)(anchor)) {
-            return (0, react_1.cloneElement)(anchor, {
-                ref: (0, react_helpers_1.mergeRefs)(setRef, anchorRef, anchor.ref),
-                onClick: (event) => {
-                    var _a, _b;
-                    togglePopover();
-                    (_b = (_a = anchor.props).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, event);
-                },
-            });
-        }
-        return anchor;
-    };
-    const renderContent = ({ setRef: portalRef, style: portalStyle, }) => {
-        if (isOpen || isMounted) {
-            delete props.defaultIsOpen;
-            delete props.isOpen;
-            return ((0, jsx_runtime_1.jsx)("div", { ref: portalRef, style: {
-                    '--dc-popover-transition-duration': `${durationMs}ms`,
-                    ...portalStyle,
-                }, className: (0, react_helpers_1.classNames)('dc-popover', transitionClass), children: (0, jsx_runtime_1.jsx)("div", { ...props, ref: contentRef, className: (0, react_helpers_1.classNames)('dc-popover-modal', className), children: children }) }));
-        }
-    };
-    return ((0, jsx_runtime_1.jsx)(positioner_1.Positioner, { position: "absolute", placement: placement, alignment: alignment, anchorGap: anchorGap, viewportGap: viewportGap, renderAnchor: renderAnchor, renderContent: renderContent }));
-});

package/cjs/components/portal/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./portal"), exports);

package/cjs/components/portal/portal-context.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PortalRootProvider = exports.usePortalRoot = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-let root = null;
-const getPortalRoot = () => {
-    if (root == null) {
-        root = document.createElement('div');
-        root.id = 'portal-root';
-        root.dataset.testid = 'portal-root';
-        document.body.append(root);
-    }
-    return root;
-};
-const PortalContext = (0, react_1.createContext)(getPortalRoot);
-function usePortalRoot() {
-    const getRoot = (0, react_1.useContext)(PortalContext);
-    return getRoot();
-}
-exports.usePortalRoot = usePortalRoot;
-function PortalRootProvider(props) {
-    const { getPortalRoot, children } = props;
-    return ((0, jsx_runtime_1.jsx)(PortalContext.Provider, { value: getPortalRoot, children: children }));
-}
-exports.PortalRootProvider = PortalRootProvider;

package/cjs/components/portal/portal.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Portal = void 0;
-const react_dom_1 = require("react-dom");
-const portal_context_1 = require("./portal-context");
-function Portal({ children }) {
-    const container = (0, portal_context_1.usePortalRoot)();
-    return (0, react_dom_1.createPortal)(children, container);
-}
-exports.Portal = Portal;

package/cjs/components/positioner/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./positioner"), exports);

package/cjs/components/positioner/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/components/radio/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./radio"), exports);

package/cjs/components/radio/radio.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Radio = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_helpers_1 = require("../../lib/react-helpers");
-exports.Radio = (0, react_1.forwardRef)(function Radio({ icon = 'dot', style = {}, className = '', onChange, onToggle, ...props }, ref) {
-    let renderedIcon;
-    switch (icon) {
-        case 'check':
-            renderedIcon = checkIcon;
-            break;
-        default:
-            renderedIcon = dotIcon;
-    }
-    return ((0, jsx_runtime_1.jsxs)("label", { style: style, className: (0, react_helpers_1.classNames)('dc-radio', className), children: [(0, jsx_runtime_1.jsx)("input", { ...props, ref: ref, type: "radio", className: "dc-radio__input", onChange: (event) => {
-                    onChange === null || onChange === void 0 ? void 0 : onChange(event);
-                    onToggle === null || onToggle === void 0 ? void 0 : onToggle(event.target.checked);
-                } }), (0, jsx_runtime_1.jsx)("span", { className: "dc-radio__check", "data-testid": "radio-check", "aria-hidden": true, children: renderedIcon })] }));
-});
-const checkIcon = ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", className: "dc-radio__icon", "data-testid": "radio-check-icon", children: (0, jsx_runtime_1.jsx)("path", { d: "M7 12.7222L11 16.5L17 8", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }) }));
-const dotIcon = ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", className: "dc-radio__icon", "data-testid": "radio-dot-icon", children: (0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "12", r: "5", fill: "currentColor" }) }));

package/cjs/components/segmented-control/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./segmented-control"), exports);

package/cjs/components/segmented-control/segmented-control-button.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SegmentedControlButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_helpers_1 = require("../../lib/react-helpers");
-function SegmentedControlButton({ className, checked, icon, children, value, onChangeValue, }) {
-    function handleClick() {
-        if (!checked) {
-            onChangeValue(value);
-        }
-    }
-    return ((0, jsx_runtime_1.jsxs)("li", { className: (0, react_helpers_1.classNames)(className, 'dc-segmented__button'), role: "radio", "data-value": value, "aria-checked": checked, tabIndex: checked ? 0 : -1, onClick: handleClick, children: [icon, children] }));
-}
-exports.SegmentedControlButton = SegmentedControlButton;

package/cjs/components/segmented-control/segmented-control.js

@@ -1,47 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SegmentedControl = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const keyboard_keys_1 = require("../../lib/keyboard-keys");
-const helpers_1 = require("../../lib/helpers");
-const react_helpers_1 = require("../../lib/react-helpers");
-const segmented_control_button_1 = require("./segmented-control-button");
-function SegmentedControl({ size = 'md', disabled = false, className, value, options, onChangeValue, ...props }) {
-    const ref = (0, react_1.useRef)(null);
-    function handleKeyDown(event) {
-        const prevIndex = options.findIndex((option) => option.value === value);
-        const containerEl = ref.current;
-        (0, helpers_1.assertIfNullable)(containerEl, 'ref.current is null or undefined');
-        let index = prevIndex;
-        if (event.key === keyboard_keys_1.KeyboardKeys.ArrowRight ||
-            event.key === keyboard_keys_1.KeyboardKeys.ArrowDown) {
-            index += 1;
-        }
-        else if (event.key === keyboard_keys_1.KeyboardKeys.ArrowLeft ||
-            event.key === keyboard_keys_1.KeyboardKeys.ArrowUp) {
-            index -= 1;
-        }
-        if (index < 0) {
-            index = options.length - 1;
-        }
-        else if (index >= options.length) {
-            index = 0;
-        }
-        if (index !== prevIndex) {
-            event.stopPropagation();
-            event.preventDefault();
-            const option = options[index];
-            (0, helpers_1.assertIfNullable)(option, `Unable to get option at index ${index}`);
-            onChangeValue(option.value);
-            const radioEl = containerEl.children[index];
-            (0, helpers_1.assertIfNullable)(radioEl, `Unable to get radio at index ${index}`);
-            (0, react_helpers_1.focusElement)(radioEl);
-        }
-    }
-    return ((0, jsx_runtime_1.jsx)("ul", { ...props, ref: ref, role: "radiogroup", className: (0, react_helpers_1.classNames)(className, 'dc-segmented', {
-            [`dc-segmented_${size}`]: size,
-            'dc-segmented_disabled': disabled,
-        }), onKeyDown: handleKeyDown, children: options.map((option) => ((0, jsx_runtime_1.jsx)(segmented_control_button_1.SegmentedControlButton, { icon: option.icon, value: option.value, checked: value === option.value, onChangeValue: onChangeValue, children: option.label }, option.value))) }));
-}
-exports.SegmentedControl = SegmentedControl;

package/cjs/components/select/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./select"), exports);

package/cjs/components/select/select.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Select = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_helpers_1 = require("../../lib/react-helpers");
-exports.Select = (0, react_1.forwardRef)(function Select({ hasError, isBlock, size = 'md', style, className, disabled, multiple, htmlSize, children, onChange, onChangeValue, ...props }, ref) {
-    return ((0, jsx_runtime_1.jsxs)("div", { style: style, className: (0, react_helpers_1.classNames)(className, 'dc-select__container', {
-            [`dc-select__container_${size}`]: size !== undefined,
-            'dc-select__container_multiple': multiple,
-            'dc-select__container_disabled': disabled,
-            'dc-select__container_has_error': hasError,
-            'dc-select__container_block': isBlock,
-        }), children: [(0, jsx_runtime_1.jsx)("select", { ...props, ref: ref, className: "dc-select", size: htmlSize, multiple: multiple, disabled: disabled, onChange: (event) => {
-                    onChange === null || onChange === void 0 ? void 0 : onChange(event);
-                    if (multiple === true) {
-                        onChangeValue === null || onChangeValue === void 0 ? void 0 : onChangeValue(Array.from(event.target.options)
-                            .filter((option) => option.selected)
-                            .map((option) => option.value));
-                    }
-                    else {
-                        onChangeValue === null || onChangeValue === void 0 ? void 0 : onChangeValue(event.target.value);
-                    }
-                }, children: children }), (0, jsx_runtime_1.jsx)("svg", { className: "dc-select__icon", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24, fill: "none", stroke: "currentColor", strokeWidth: 1.5, "aria-hidden": true, children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9" }) })] }));
-});

package/cjs/components/selection-control/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./selection-control"), exports);

package/cjs/components/selection-control/selection-control.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SelectionControl = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_helpers_1 = require("../../lib/react-helpers");
-const label_1 = require("../label");
-const caption_1 = require("../caption");
-function SelectionControl({ label, labelFor, caption, className, children, ...props }) {
-    const defaultId = (0, react_1.useId)();
-    const controlId = labelFor || defaultId;
-    const shouldRenderCaption = Boolean(caption);
-    return ((0, jsx_runtime_1.jsxs)("div", { ...props, className: (0, react_helpers_1.classNames)('dc-selection-control', className), children: [(0, jsx_runtime_1.jsx)("div", { className: "dc-selection-control__input", children: typeof children === 'function'
-                    ? children({ id: controlId })
-                    : children }), (0, jsx_runtime_1.jsx)(label_1.Label, { className: "dc-selection-control__label", htmlFor: controlId, children: label }), shouldRenderCaption && ((0, jsx_runtime_1.jsx)(caption_1.Caption, { className: "dc-selection-control__caption", children: caption }))] }));
-}
-exports.SelectionControl = SelectionControl;

package/cjs/components/slider/index.js

@@ -1,20 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SliderTickMarks = void 0;
-__exportStar(require("./slider"), exports);
-var slider_tick_marks_1 = require("./slider-tick-marks");
-Object.defineProperty(exports, "SliderTickMarks", { enumerable: true, get: function () { return slider_tick_marks_1.SliderTickMarks; } });

package/cjs/components/slider/slider-tick-marks.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SliderTickMarks = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-function SliderTickMarks({ tickMarksCount, renderTickMarkLabel, }) {
-    if (tickMarksCount < 1) {
-        return null;
-    }
-    const tickMarks = [];
-    for (let index = 0; index < tickMarksCount; index += 1) {
-        const label = renderTickMarkLabel === null || renderTickMarkLabel === void 0 ? void 0 : renderTickMarkLabel(index);
-        tickMarks.push(((0, jsx_runtime_1.jsx)("div", { className: "dc-slider-tick-mark", "data-testid": "tick-mark", children: Boolean(label) && ((0, jsx_runtime_1.jsx)("span", { className: "dc-slider-tick-mark__label", children: label })) }, index)));
-    }
-    return (0, jsx_runtime_1.jsx)("div", { className: "dc-slider__tick-marks", children: tickMarks });
-}
-exports.SliderTickMarks = SliderTickMarks;

package/cjs/components/spinner/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./spinner"), exports);

package/cjs/components/spinner/spinner.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Spinner = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_helpers_1 = require("../../lib/react-helpers");
-exports.Spinner = (0, react_1.forwardRef)(function Spinner({ size = 24, width = size, height = size, className = '', ...props }, ref) {
-    return (0, jsx_runtime_1.jsx)("svg", { ...props, ref: ref, className: (0, react_helpers_1.classNames)('dc-spinner', className), xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 50 50", width: width, height: height, children: (0, jsx_runtime_1.jsx)("circle", { cx: 25, cy: 25, r: 20, fill: "none", stroke: "currentColor", strokeWidth: 5 }) });
-});

package/cjs/components/switch/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./switch"), exports);

package/cjs/components/switch/switch.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Switch = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_helpers_1 = require("../../lib/react-helpers");
-exports.Switch = (0, react_1.forwardRef)(function Switch({ style = {}, className = '', showCheckIcon = true, onChange, onToggle, ...props }, ref) {
-    return ((0, jsx_runtime_1.jsxs)("label", { style: style, className: (0, react_helpers_1.classNames)('dc-switch', className), children: [(0, jsx_runtime_1.jsx)("input", { ...props, ref: ref, className: "dc-switch__input", type: "checkbox", onChange: (event) => {
-                    onChange === null || onChange === void 0 ? void 0 : onChange(event);
-                    onToggle === null || onToggle === void 0 ? void 0 : onToggle(event.target.checked);
-                } }), (0, jsx_runtime_1.jsx)("span", { "data-testid": "switch-track", className: "dc-switch__track", "aria-hidden": true, children: (0, jsx_runtime_1.jsx)("span", { className: "dc-switch__thumb", children: showCheckIcon && checkIcon }) })] }));
-});
-const checkIcon = ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: "20", height: "20", className: "dc-switch__icon", "data-testid": "switch-check-icon", children: (0, jsx_runtime_1.jsx)("path", { d: "M6 10.353L9 13L13.5 7", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));

package/cjs/components/table/icons.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ArrowSmallUp = exports.ArrowSmallDown = exports.ArrowsUpDown = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-function ArrowsUpDown(props) {
-    return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24, strokeWidth: 1.5, stroke: "currentColor", ...props, children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M3 7.5L7.5 3m0 0L12 7.5M7.5 3v13.5m13.5 0L16.5 21m0 0L12 16.5m4.5 4.5V7.5" }) }));
-}
-exports.ArrowsUpDown = ArrowsUpDown;
-function ArrowSmallDown(props) {
-    return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24, strokeWidth: 1.5, stroke: "currentColor", ...props, children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4.5v15m0 0l6.75-6.75M12 19.5l-6.75-6.75" }) }));
-}
-exports.ArrowSmallDown = ArrowSmallDown;
-function ArrowSmallUp(props) {
-    return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24, strokeWidth: 1.5, stroke: "currentColor", ...props, children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 19.5v-15m0 0l-6.75 6.75M12 4.5l6.75 6.75" }) }));
-}
-exports.ArrowSmallUp = ArrowSmallUp;

package/cjs/components/table/index.js

@@ -1,23 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./table-container"), exports);
-__exportStar(require("./table"), exports);
-__exportStar(require("./table-head"), exports);
-__exportStar(require("./table-body"), exports);
-__exportStar(require("./table-row"), exports);
-__exportStar(require("./table-head-cell"), exports);
-__exportStar(require("./table-cell"), exports);

package/cjs/components/table/table-body.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TableBody = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_helpers_1 = require("../../lib/react-helpers");
-exports.TableBody = (0, react_1.forwardRef)(function TableBody({ className, children, ...props }, ref) {
-    return ((0, jsx_runtime_1.jsx)("tbody", { ...props, ref: ref, className: (0, react_helpers_1.classNames)(className, 'dc-table-body'), children: children }));
-});

package/cjs/components/table/table-cell.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TableCell = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_helpers_1 = require("../../lib/react-helpers");
-exports.TableCell = (0, react_1.forwardRef)(function TableCell({ className, children, ...props }, ref) {
-    return ((0, jsx_runtime_1.jsx)("td", { ...props, ref: ref, className: (0, react_helpers_1.classNames)('dc-table-cell', className), children: children }));
-});

package/cjs/components/table/table-container.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TableContainer = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_helpers_1 = require("../../lib/react-helpers");
-exports.TableContainer = (0, react_1.forwardRef)(function TableContainer({ border, className, children, ...props }, ref) {
-    let modifier = '';
-    if (typeof border === 'object' && border != null) {
-        modifier = (0, react_helpers_1.classNames)({
-            'dc-table-container_border_top': border.top,
-            'dc-table-container_border_right': border.right,
-            'dc-table-container_border_bottom': border.bottom,
-            'dc-table-container_border_left': border.left,
-        });
-    }
-    else if (border === 'all') {
-        modifier = 'dc-table-container_border_all';
-    }
-    return ((0, jsx_runtime_1.jsx)("div", { ...props, ref: ref, className: (0, react_helpers_1.classNames)(className, modifier, 'dc-table-container'), children: children }));
-});