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

package/cjs/components/date-range-picker-popover/date-range-picker-popover.js

@@ -1,54 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DateRangePickerPopover = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_helpers_1 = require("../../lib/react-helpers");
-const helpers_1 = require("../../lib/helpers");
-const helpers_2 = require("./helpers");
-const react_1 = require("react");
-const use_is_compact_view_1 = require("./use-is-compact-view");
-const popover_1 = require("../popover");
-const date_picker_1 = require("../date-picker");
-const date_range_picker_popover_footer_1 = require("./date-range-picker-popover-footer");
-const date_range_picker_popover_presets_1 = require("./date-range-picker-popover-presets");
-function DateRangePickerPopover({ defaultIsOpen = false, compactViewBreakpoint = '(max-width: 599px)', customPreset = 'custom', customPresetLabel = 'Custom date preset', placement = 'bottom', alignment = 'start', cancelButtonLabel = 'Cancel', confirmButtonLabel = 'Confirm', footer = null, className, options = [], children, value, onChangeValue, 
-// DateRangePickerProps
-min, max, locale, weekStartsOn, prevMonthButtonLabel, nextMonthButtonLabel, monthSelectLabel, yearInputLabel, }) {
-    const [selection, setSelection] = (0, react_1.useState)(value);
-    const popoverRef = (0, react_1.useRef)(null);
-    const isCompactView = (0, use_is_compact_view_1.useIsCompactView)(compactViewBreakpoint);
-    function getPopover() {
-        const popover = popoverRef.current;
-        (0, helpers_1.assertIfNullable)(popover, 'Popover ref was not set');
-        return popover;
-    }
-    function handleClickCancelButton() {
-        getPopover().close();
-    }
-    function handleClickConfirmButton() {
-        if (selection) {
-            onChangeValue(selection);
-        }
-        getPopover().close();
-    }
-    function handleChangeDateRange(range) {
-        const selection = { range, preset: customPreset };
-        const selectedOption = (0, helpers_2.findSelectedOption)(selection, options);
-        if (selectedOption) {
-            setSelection({
-                preset: selectedOption.preset,
-                range: selectedOption.range,
-            });
-        }
-        else {
-            setSelection(selection);
-        }
-    }
-    return ((0, jsx_runtime_1.jsxs)(popover_1.Popover, { className: (0, react_helpers_1.classNames)(className, {
-            'dc-date-range-picker-popover': true,
-            'dc-date-range-picker-popover_compact': isCompactView,
-        }), ref: popoverRef, placement: placement, alignment: alignment, anchor: children, defaultIsOpen: defaultIsOpen, onOpen: () => setSelection(value), children: [options.length > 0 && ((0, jsx_runtime_1.jsx)(date_range_picker_popover_presets_1.DateRangePickerPopoverPresets, { isCompactView: isCompactView, customPresetLabel: customPresetLabel, options: options, value: selection, onChangeValue: setSelection })), (0, jsx_runtime_1.jsx)(date_picker_1.DateRangePicker, { className: "dc-date-range-picker-popover__calendar", min: min, max: max, locale: locale, weekStartsOn: weekStartsOn, prevMonthButtonLabel: prevMonthButtonLabel, nextMonthButtonLabel: nextMonthButtonLabel, monthSelectLabel: monthSelectLabel, yearInputLabel: yearInputLabel, value: selection && selection.range, onChangeValue: handleChangeDateRange }), (0, jsx_runtime_1.jsx)(date_range_picker_popover_footer_1.DateRangePickerPopoverFooter, { cancelButtonLabel: cancelButtonLabel, confirmButtonLabel: confirmButtonLabel, onClickCancelButton: handleClickCancelButton, onClickConfirmButton: handleClickConfirmButton, children: typeof footer === 'function'
-                    ? footer({ selection })
-                    : footer })] }));
-}
-exports.DateRangePickerPopover = DateRangePickerPopover;

package/cjs/components/date-range-picker-popover/index.js

@@ -1,18 +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("./types"), exports);
-__exportStar(require("./date-range-picker-popover"), exports);

package/cjs/components/date-range-picker-popover/types.js

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

package/cjs/components/dialog/dialog-footer.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DialogFooter = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_helpers_1 = require("../../lib/react-helpers");
-function DialogFooter({ className, children, }) {
-    return ((0, jsx_runtime_1.jsx)("div", { className: (0, react_helpers_1.classNames)('dc-dialog-footer', className), children: children }));
-}
-exports.DialogFooter = DialogFooter;

package/cjs/components/dialog/dialog-header.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DialogHeader = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_helpers_1 = require("../../lib/react-helpers");
-const dialog_context_1 = require("./dialog-context");
-const button_1 = require("../button");
-const x_mark_icon_1 = require("./x-mark-icon");
-function DialogHeader({ heading, subheading, className, children, }) {
-    const { titleId, descriptionId, onClose, } = (0, dialog_context_1.useDialogContext)();
-    const shouldRenderHeading = Boolean(heading);
-    const shouldRenderDescription = Boolean(subheading);
-    const shouldRenderChildren = Boolean(children);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, react_helpers_1.classNames)(className, 'dc-dialog-header'), children: [(0, jsx_runtime_1.jsxs)("div", { className: "dc-dialog-header__title-bar", children: [shouldRenderHeading && ((0, jsx_runtime_1.jsx)("h2", { id: titleId, className: "dc-dialog-header__heading", children: heading })), (0, jsx_runtime_1.jsx)(button_1.IconButton, { icon: (0, jsx_runtime_1.jsx)(x_mark_icon_1.XMarkIcon, { width: 18, height: 18, strokeWidth: 2 }), variant: "plain", className: "dc-dialog-header__close-btn", onClick: () => onClose() })] }), shouldRenderDescription && ((0, jsx_runtime_1.jsx)("div", { id: descriptionId, className: "dc-dialog-header__subheading", children: subheading })), shouldRenderChildren && ((0, jsx_runtime_1.jsx)("div", { className: "dc-dialog-header__body", children: children }))] }));
-}
-exports.DialogHeader = DialogHeader;

package/cjs/components/dialog/dialog.js

@@ -1,46 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Dialog = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_helpers_1 = require("../../lib/react-helpers");
-const hooks_1 = require("../../hooks");
-const portal_1 = require("../portal");
-const dialog_context_1 = require("./dialog-context");
-function Dialog({ width = 'md', isOpen = false, openFocusRef, closeFocusRef, onClose, className, children, ...props }) {
-    const defaultId = (0, react_1.useId)();
-    const dialogRef = (0, react_1.useRef)(null);
-    const durationMs = 200;
-    const { isMounted, className: transitionClass } = (0, hooks_1.useMountTransition)({
-        durationMs,
-        isShown: isOpen,
-        enterFrom: 'dc-dialog_closed',
-        enterTo: 'dc-dialog_opened',
-    });
-    (0, react_1.useEffect)(() => {
-        if (isOpen) {
-            const openFocus = openFocusRef === null || openFocusRef === void 0 ? void 0 : openFocusRef.current;
-            const closeFocus = closeFocusRef === null || closeFocusRef === void 0 ? void 0 : closeFocusRef.current;
-            (0, react_helpers_1.focusElement)(openFocus);
-            return () => (0, react_helpers_1.focusElement)(closeFocus);
-        }
-    }, [isOpen, openFocusRef, closeFocusRef]);
-    (0, hooks_1.useEscKeyDown)(() => {
-        onClose();
-    }, { isEnabled: isOpen });
-    (0, hooks_1.useFocusTrap)(dialogRef, { isEnabled: isOpen });
-    (0, hooks_1.useDisableBodyScroll)({ isEnabled: isOpen });
-    if (!isOpen && !isMounted) {
-        return null;
-    }
-    const id = props.id || defaultId;
-    const titleId = `dialog-title-${id}`;
-    const descriptionId = `dialog-description-${id}`;
-    return ((0, jsx_runtime_1.jsx)(portal_1.Portal, { children: (0, jsx_runtime_1.jsxs)("div", { style: {
-                '--dc-dialog-transition-duration': `${durationMs}ms`,
-            }, className: (0, react_helpers_1.classNames)('dc-dialog', transitionClass), children: [(0, jsx_runtime_1.jsx)("div", { className: "dc-dialog-backdrop" }), (0, jsx_runtime_1.jsx)("div", { ...props, ref: dialogRef, className: (0, react_helpers_1.classNames)(className, {
-                        'dc-dialog-modal': true,
-                        [`dc-dialog-modal_${width}`]: width,
-                    }), role: "dialog", id: id, "aria-labelledby": titleId, "aria-describedby": descriptionId, "aria-modal": true, children: (0, jsx_runtime_1.jsx)(dialog_context_1.DialogContextProvider, { titleId: titleId, descriptionId: descriptionId, isOpen: isOpen, onClose: onClose, children: children }) })] }) }));
-}
-exports.Dialog = Dialog;

package/cjs/components/dialog/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 });
-__exportStar(require("./dialog"), exports);
-__exportStar(require("./dialog-header"), exports);
-__exportStar(require("./dialog-body"), exports);
-__exportStar(require("./dialog-footer"), exports);

package/cjs/components/dialog/x-mark-icon.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.XMarkIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-function XMarkIcon(props) {
-    return ((0, jsx_runtime_1.jsx)("svg", { width: 24, height: 24, fill: "none", stroke: "currentColor", strokeWidth: 1.5, ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" }) }));
-}
-exports.XMarkIcon = XMarkIcon;

package/cjs/components/empty-state/empty-state.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EmptyState = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_helpers_1 = require("../../lib/react-helpers");
-function EmptyState({ className, image, heading, description, primaryAction, secondaryAction, children, }) {
-    return ((0, jsx_runtime_1.jsxs)("section", { className: (0, react_helpers_1.classNames)('dc-empty-state', className), children: [Boolean(image) && ((0, jsx_runtime_1.jsx)("div", { className: "dc-empty-state__image", children: image })), Boolean(heading) && ((0, jsx_runtime_1.jsx)("h1", { className: "dc-empty-state__heading", children: heading })), Boolean(description) && ((0, jsx_runtime_1.jsx)("div", { className: "dc-empty-state__description", children: description })), Boolean(primaryAction) && ((0, jsx_runtime_1.jsx)("div", { className: "dc-empty-state__primary-action", children: primaryAction })), Boolean(secondaryAction) && ((0, jsx_runtime_1.jsx)("div", { className: "dc-empty-state__secondary-action", children: secondaryAction })), Boolean(children) && ((0, jsx_runtime_1.jsx)("div", { className: "dc-empty-state__content", children: children }))] }));
-}
-exports.EmptyState = EmptyState;

package/cjs/components/empty-state/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("./empty-state"), exports);

package/cjs/components/file-picker/file-picker.js

@@ -1,44 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FilePicker = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_helpers_1 = require("../../lib/react-helpers");
-const button_1 = require("../button");
-exports.FilePicker = (0, react_1.forwardRef)(function FilePicker({ label, icon, caption, buttonLabel = 'Browse', id, style, className, disabled, onSelectFiles, ...props }, ref) {
-    const defaultId = (0, react_1.useId)();
-    const inputId = id || defaultId;
-    const inputRef = (0, react_1.useRef)(null);
-    const [draggingOver, setDraggingOver] = (0, react_1.useState)(false);
-    const handleChange = (event) => {
-        const fileList = event.target.files;
-        onSelectFiles === null || onSelectFiles === void 0 ? void 0 : onSelectFiles(fileList ? Array.from(fileList) : []);
-    };
-    const handleDragOver = (event) => {
-        event.preventDefault();
-        event.stopPropagation();
-        if (!disabled) {
-            setDraggingOver(true);
-        }
-    };
-    const handleDragEnd = (event) => {
-        event.preventDefault();
-        event.stopPropagation();
-        if (!disabled) {
-            setDraggingOver(false);
-        }
-    };
-    const handleDrop = (event) => {
-        event.preventDefault();
-        event.stopPropagation();
-        if (!disabled) {
-            setDraggingOver(false);
-            const fileList = event.dataTransfer.files;
-            onSelectFiles === null || onSelectFiles === void 0 ? void 0 : onSelectFiles(fileList ? Array.from(fileList) : []);
-        }
-    };
-    return ((0, jsx_runtime_1.jsxs)("div", { style: style, className: (0, react_helpers_1.classNames)(className, 'dc-file-picker', {
-            'dc-file-picker_disabled': disabled,
-            'dc-file-picker_dragging-over': draggingOver,
-        }), onDragOver: handleDragOver, onDragLeave: handleDragEnd, onDrop: handleDrop, "data-testid": "file-picker", children: [(0, jsx_runtime_1.jsx)("input", { ...props, id: inputId, ref: (0, react_helpers_1.mergeRefs)(ref, inputRef), className: "dc-file-picker__input", type: "file", disabled: disabled, onChange: handleChange }), (0, jsx_runtime_1.jsxs)("div", { className: "dc-file-picker__body", children: [Boolean(icon) && ((0, jsx_runtime_1.jsx)("div", { className: "dc-file-picker__icon", children: icon })), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("label", { className: "dc-file-picker__label", htmlFor: inputId, children: label }), Boolean(caption) && ((0, jsx_runtime_1.jsx)("div", { className: "dc-file-picker__caption", children: caption }))] })] }), (0, jsx_runtime_1.jsx)(button_1.Button, { className: "dc-file-picker__button", onClick: () => { var _a; return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click(); }, children: buttonLabel })] }));
-});

package/cjs/components/file-picker/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("./file-picker"), exports);

package/cjs/components/filter-buttons/filter-button.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FilterButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_helpers_1 = require("../../lib/react-helpers");
-exports.FilterButton = (0, react_1.forwardRef)(function FilterButton({ isActive = false, 'aria-pressed': ariaPressed = isActive, className, children, ...props }, ref) {
-    return ((0, jsx_runtime_1.jsx)("button", { ...props, ref: ref, className: (0, react_helpers_1.classNames)('dc-filter-button', isActive && 'active', className), "data-active": isActive, "aria-pressed": ariaPressed, children: children }));
-});

package/cjs/components/filter-buttons/filter-buttons.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FilterButtons = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const helpers_1 = require("../../lib/helpers");
-const react_helpers_1 = require("../../lib/react-helpers");
-function FilterButtons({ className, children, ...props }) {
-    const ref = (0, react_1.useRef)(null);
-    (0, react_1.useLayoutEffect)(() => {
-        const el = ref.current;
-        (0, helpers_1.assertIfNullable)(el, 'FilterButtons ref was not set');
-        for (const child of el.children) {
-            if (child instanceof HTMLButtonElement &&
-                child.dataset.active === 'true') {
-                const offset = el.offsetWidth - child.offsetWidth - child.offsetLeft;
-                if (offset < 0) {
-                    el.scrollTo(Math.abs(offset), 0);
-                }
-                break;
-            }
-        }
-    }, []);
-    return ((0, jsx_runtime_1.jsx)("div", { ...props, ref: ref, role: "group", className: (0, react_helpers_1.classNames)(className, 'dc-filter-buttons'), children: children }));
-}
-exports.FilterButtons = FilterButtons;

package/cjs/components/filter-buttons/index.js

@@ -1,18 +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("./filter-buttons"), exports);
-__exportStar(require("./filter-button"), exports);

package/cjs/components/form-field/form-field.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormField = 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 FormField({ required = false, labelFor = '', label, caption, error, className = '', children, ...props }) {
-    const defaultId = (0, react_1.useId)();
-    const id = labelFor || defaultId;
-    const hasError = Boolean(error);
-    const shouldRenderLabel = Boolean(label);
-    let captionEl = null;
-    if (hasError) {
-        captionEl = ((0, jsx_runtime_1.jsx)(caption_1.Caption, { className: "dc-form-field__error", appearance: "error", showIcon: true, children: error }));
-    }
-    else if (caption) {
-        captionEl = (0, jsx_runtime_1.jsx)(caption_1.Caption, { className: "dc-form-field__caption", children: caption });
-    }
-    return ((0, jsx_runtime_1.jsxs)("div", { ...props, className: (0, react_helpers_1.classNames)('dc-form-field', className), children: [shouldRenderLabel && ((0, jsx_runtime_1.jsx)(label_1.Label, { className: "dc-form-field__label", htmlFor: id, required: required, children: label })), (0, jsx_runtime_1.jsx)("div", { className: "dc-form-field__input", children: typeof children === 'function'
-                    ? children({ id, required, hasError })
-                    : children }), captionEl] }));
-}
-exports.FormField = FormField;

package/cjs/components/form-field/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("./form-field"), exports);

package/cjs/components/index.js

@@ -1,53 +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("./alert"), exports);
-__exportStar(require("./avatar"), exports);
-__exportStar(require("./avatar-group"), exports);
-__exportStar(require("./badge"), exports);
-__exportStar(require("./breadcrumbs"), exports);
-__exportStar(require("./button"), exports);
-__exportStar(require("./button-group"), exports);
-__exportStar(require("./caption"), exports);
-__exportStar(require("./checkbox"), exports);
-__exportStar(require("./date-picker"), exports);
-__exportStar(require("./date-picker-popover"), exports);
-__exportStar(require("./date-range-picker-popover"), exports);
-__exportStar(require("./dialog"), exports);
-__exportStar(require("./empty-state"), exports);
-__exportStar(require("./file-picker"), exports);
-__exportStar(require("./filter-buttons"), exports);
-__exportStar(require("./form-field"), exports);
-__exportStar(require("./label"), exports);
-__exportStar(require("./menu"), exports);
-__exportStar(require("./nav-list"), exports);
-__exportStar(require("./password-input"), exports);
-__exportStar(require("./popover"), exports);
-__exportStar(require("./portal"), exports);
-__exportStar(require("./radio"), exports);
-__exportStar(require("./segmented-control"), exports);
-__exportStar(require("./select"), exports);
-__exportStar(require("./slider"), exports);
-__exportStar(require("./spinner"), exports);
-__exportStar(require("./switch"), exports);
-__exportStar(require("./table"), exports);
-__exportStar(require("./tabs"), exports);
-__exportStar(require("./tag"), exports);
-__exportStar(require("./text-input"), exports);
-__exportStar(require("./textarea"), exports);
-__exportStar(require("./toast"), exports);
-__exportStar(require("./toaster"), exports);
-__exportStar(require("./tooltip"), exports);

package/cjs/components/label/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("./label"), exports);

package/cjs/components/label/label.js

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

package/cjs/components/menu/index.js

@@ -1,19 +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("./menu"), exports);
-__exportStar(require("./menu-item"), exports);
-__exportStar(require("./menu-separator"), exports);

package/cjs/components/menu/menu-item.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MenuItem = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_helpers_1 = require("../../lib/react-helpers");
-exports.MenuItem = (0, react_1.forwardRef)(function MenuItem({ icon = null, appearance = 'default', className, children, ...props }, ref) {
-    return ((0, jsx_runtime_1.jsx)("li", { role: "presentation", children: (0, jsx_runtime_1.jsxs)("button", { ...props, ref: ref, className: (0, react_helpers_1.classNames)(className, {
-                'dc-menu-btn': true,
-                [`dc-menu-btn_${appearance}`]: appearance,
-            }), type: "button", role: "menuitem", tabIndex: -1, children: [Boolean(icon) && (0, jsx_runtime_1.jsx)("span", { className: "dc-menu-btn__icon", children: icon }), (0, jsx_runtime_1.jsx)("span", { className: "dc-menu-btn__label", children: children })] }) }));
-});

package/cjs/components/menu/menu-separator.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MenuSeparator = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_helpers_1 = require("../../lib/react-helpers");
-function MenuSeparator({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("li", { ...props, className: (0, react_helpers_1.classNames)('dc-menu__separator', className), role: "separator" }));
-}
-exports.MenuSeparator = MenuSeparator;

package/cjs/components/nav-list/index.js

@@ -1,19 +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("./nav-list"), exports);
-__exportStar(require("./nav-list-item"), exports);
-__exportStar(require("./nav-list-title"), exports);

package/cjs/components/nav-list/nav-list-item.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NavListItem = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_helpers_1 = require("../../lib/react-helpers");
-const badge_1 = require("../badge");
-function NavListItem({ className, icon, badge, children, renderAs, ...props }) {
-    className = (0, react_helpers_1.classNames)(className, 'dc-nav-link');
-    children = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [icon != null && (0, jsx_runtime_1.jsxs)("div", { className: "dc-nav-link__icon", children: [icon, " "] }), (0, jsx_runtime_1.jsx)("div", { className: "dc-nav-link__text", children: children }), badge != null && (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["\u00A0", (0, jsx_runtime_1.jsx)(badge_1.Badge, { className: "dc-nav-link__badge", children: badge })] })] }));
-    let content;
-    if (typeof renderAs === 'function') {
-        content = renderAs({ className, children });
-    }
-    else {
-        content = (0, jsx_runtime_1.jsx)("a", { ...props, className: className, children: children });
-    }
-    return (0, jsx_runtime_1.jsx)("li", { className: "dc-nav-list__item", children: content });
-}
-exports.NavListItem = NavListItem;

package/cjs/components/nav-list/nav-list-title.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NavListTitle = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_helpers_1 = require("../../lib/react-helpers");
-function NavListTitle({ className, children, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("li", { ...props, className: (0, react_helpers_1.classNames)('dc-nav-list__title', className), children: children }));
-}
-exports.NavListTitle = NavListTitle;

package/cjs/components/nav-list/nav-list.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NavList = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_helpers_1 = require("../../lib/react-helpers");
-function NavList({ className, children, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("nav", { ...props, className: (0, react_helpers_1.classNames)('dc-nav-list', className), children: (0, jsx_runtime_1.jsx)("ul", { className: "dc-nav-list__items", children: children }) }));
-}
-exports.NavList = NavList;

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

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EyeSlashIcon = exports.EyeIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-function EyeIcon(props) {
-    return ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24, fill: "none", strokeWidth: 1.5, stroke: "currentColor", ...props, children: [(0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M2.036 12.322a1.012 1.012 0 010-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178z" }), (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z" })] }));
-}
-exports.EyeIcon = EyeIcon;
-function EyeSlashIcon(props) {
-    return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24, fill: "none", strokeWidth: 1.5, stroke: "currentColor", ...props, children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M3.98 8.223A10.477 10.477 0 001.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.45 10.45 0 0112 4.5c4.756 0 8.773 3.162 10.065 7.498a10.523 10.523 0 01-4.293 5.774M6.228 6.228L3 3m3.228 3.228l3.65 3.65m7.894 7.894L21 21m-3.228-3.228l-3.65-3.65m0 0a3 3 0 10-4.243-4.243m4.242 4.242L9.88 9.88" }) }));
-}
-exports.EyeSlashIcon = EyeSlashIcon;

package/cjs/components/password-input/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("./password-input"), exports);