@macive/ui 0.0.1 → 0.0.2

package/dist/src/components/Upload/utils/useFileUpload.js

@@ -0,0 +1,283 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFileUpload = void 0;
+const react_1 = require("react");
+const _1 = require(".");
+/**
+ * @function handleDragDropEvent
+ */
+const handleDragDropEvent = (e) => {
+    e.stopPropagation();
+    e.preventDefault();
+};
+const useFileUpload = ({ onCompleteAction, uploadService, onUploadError, onUploadComplete, onUploadStart, }) => {
+    const [files, setFilesState] = (0, react_1.useState)([]);
+    const [fileNames, setFileNames] = (0, react_1.useState)([]);
+    const [fileTypes, setFileTypes] = (0, react_1.useState)([]);
+    const [totalSize, setTotalSize] = (0, react_1.useState)('');
+    const [totalSizeInBytes, setTotalSizeInBytes] = (0, react_1.useState)(0);
+    const [error, setError] = (0, react_1.useState)(null);
+    const [progress, setProgress] = (0, react_1.useState)(0);
+    (0, react_1.useEffect)(() => {
+        setFileNames(files.map((file) => file.name));
+        setFileTypes(files.map((file) => file.type));
+        handleSizes(files);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [files]);
+    // useEffect(() => {
+    //   async function progressAction() {
+    //     if (isUploadComplete && !error) {
+    //       onCompleteAction && (await onCompleteAction())
+    //       setFilesState([])
+    //     }
+    //   }
+    //   progressAction()
+    //   // eslint-disable-next-line react-hooks/exhaustive-deps
+    // }, [isUploadComplete])
+    /**
+     * Sets the files to be uploaded and triggers the upload process.
+     *
+     * @param e The event object representing the user's file selection or drop.
+     */
+    const setFiles = (0, react_1.useCallback)(async (e) => {
+        var _a;
+        let filesArr = [];
+        if ((_a = e.currentTarget) === null || _a === void 0 ? void 0 : _a.files) {
+            // From input
+            filesArr = Array.from(e.currentTarget.files);
+        }
+        else if (e === null || e === void 0 ? void 0 : e.dataTransfer.files) {
+            // From drag and drop
+            filesArr = Array.from(e.dataTransfer.files);
+        }
+        else {
+            throw new Error('Argument not recognized. Please pass an event object.');
+        }
+        // Update state with new files
+        setFilesState((prevFiles) => [...prevFiles, ...filesArr]);
+        setError(null);
+        try {
+            onUploadStart === null || onUploadStart === void 0 ? void 0 : onUploadStart();
+            const attachments = await uploadService(filesArr, onUploadProgressAction);
+            handleUploadSuccess(attachments);
+            return attachments;
+        }
+        catch (error) {
+            handleUploadError(error);
+        }
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [files]);
+    /**
+     * Handles a successful upload of one or more attachments.
+     *
+     * @param data An array of Attachment objects representing the uploaded files.
+     */
+    const handleUploadSuccess = (data) => {
+        if (!data.length) {
+            return handleUploadError(data);
+        }
+        handleUploadComplete();
+        onUploadComplete === null || onUploadComplete === void 0 ? void 0 : onUploadComplete();
+    };
+    /**
+     * Handles an error that occurs during file upload.
+     * @param error - The error that occurred.
+     * @returns undefined
+     */
+    const handleUploadError = (error) => {
+        setError(error.message);
+        onUploadError === null || onUploadError === void 0 ? void 0 : onUploadError(error);
+        handleUploadComplete();
+    };
+    /**
+     * Handles the completion of an upload process.
+     * If the upload is complete and no errors have occurred, calls the `onCompleteAction` callback function (if provided)
+     * and clears the `filesState` state variable.
+     */
+    async function handleUploadComplete() {
+        setProgress(0);
+        onCompleteAction && (await onCompleteAction());
+        // setFilesState([])
+    }
+    /**
+     *  Callback function for tracking file upload progress.
+     * @function onUploadProgressAction
+     *  @param {UploadProgressData} data - The progress data object containing the loaded and total bytes for the file.
+     *  @returns {void}
+     */
+    const onUploadProgressAction = (data) => {
+        if (!data) {
+            return;
+        }
+        return setProgress(Math.round((100 * data.loaded) / data.total));
+    };
+    /**
+     * Updates the state with the total size of a file in bytes and a human-readable format.
+     *
+     * @param file The file to get the size of.
+     */
+    const handleSizes = (0, react_1.useCallback)((files) => {
+        const sizeInBytes = (0, _1.getTotalSizeInBytes)(files);
+        const prettySize = (0, _1.formatBytes)(sizeInBytes);
+        setTotalSizeInBytes(sizeInBytes);
+        setTotalSize(prettySize);
+    }, []);
+    /**
+     * Removes a file from the list of selected files.
+     * @param fileIndex - The index or name of the file to remove.
+     *                    Must be of type number or string.
+     * @throws An error if the argument is not of type number or string.
+     */
+    const removeFile = (0, react_1.useCallback)((fileIndex) => {
+        if (typeof fileIndex !== 'number' && typeof fileIndex !== 'string') {
+            throw new Error('argument supplied to removeFile must be of type number or string.');
+        }
+        if (typeof fileIndex === 'string') {
+            setFilesState(files.filter((_file) => _file.name !== fileIndex));
+        }
+        else {
+            setFilesState(files.filter((_file, i) => i !== fileIndex));
+        }
+    }, [files]);
+    /**
+     * Clears all selected files.
+     * @returns void
+     */
+    const clearAllFiles = (0, react_1.useCallback)(() => {
+        setFilesState([]);
+    }, []);
+    /**
+     * Creates a new FormData object and appends each file in the files array to it using formData.append.
+     *
+     * @returns A new FormData object containing all files in the files array.
+     */
+    const createFormData = (0, react_1.useCallback)(() => {
+        const formData = new FormData();
+        for (const file of files) {
+            //@ts-expect-error non known
+            formData.append(file.name, file);
+        }
+        return formData;
+    }, [files]);
+    /**
+     * Creates a FormData object with the files to be uploaded.
+     *
+     * @returns A FormData object containing the selected files.
+     */
+    const createFileData = (0, react_1.useCallback)(() => {
+        const formData = new FormData();
+        for (const file of files) {
+            //@ts-expect-error non known
+            formData.append('files[]', file);
+        }
+        return formData;
+    }, [files]);
+    /**
+     * The currently selected attachments.
+     */
+    const [selectedAttachments, setSelectedAttachments] = (0, react_1.useState)({});
+    /**
+     * Updates the selected attachments for a given key.
+     * @param attachments - The new array of attachments to set for the given key.
+     * @param key - The key of the selected attachments to update.
+     */
+    const updateSelectedAttachments = (0, react_1.useCallback)((attachments, key, maxAttachments) => {
+        // Get the existing attachments for the given key, or an empty array if none exist
+        const existingAttachments = selectedAttachments[key] || [];
+        // If there are attachments in the incoming array
+        if (attachments.length) {
+            // Filter out any existing attachments that are also in the incoming attachments array
+            const filteredExistingAttachments = existingAttachments.filter((existingAttachment) => attachments.every((newAttachment) => newAttachment.id !== (existingAttachment === null || existingAttachment === void 0 ? void 0 : existingAttachment.id)));
+            // Filter out any incoming attachments that are already in the existing attachments array
+            const newAttachments = attachments.filter((newAttachment) => existingAttachments.every((existingAttachment) => (existingAttachment === null || existingAttachment === void 0 ? void 0 : existingAttachment.id) !== newAttachment.id));
+            let combinedAttachments = [...filteredExistingAttachments, ...newAttachments];
+            // If the number of combined attachments exceeds the maximum allowed
+            if (combinedAttachments.length > maxAttachments) {
+                // Remove the oldest attachments to meet the maxAttachments limit
+                combinedAttachments = combinedAttachments.slice(combinedAttachments.length - maxAttachments);
+            }
+            // Set the new state with the filtered and limited attachments
+            setSelectedAttachments({
+                ...selectedAttachments,
+                [key]: combinedAttachments,
+            });
+        }
+        else {
+            // If there are no incoming attachments, remove the key from the state
+            const { [key]: removedKey, ...rest } = selectedAttachments;
+            setSelectedAttachments(rest);
+        }
+    }, 
+    // Memoize the function with the selectedAttachments state as a dependency
+    [selectedAttachments]);
+    // const updateSelectedAttachmentsWithoutRemoving = useCallback(
+    //   (attachments: Attachment[], key: string, maxAttachments: number) => {
+    //     // Get the existing attachments for the given key, or an empty array if none exist
+    //     /** Existing attachments for the given key */
+    //     const existingAttachments = selectedAttachments[key] || []
+    //     // If there are attachments in the incoming array
+    //     if (attachments.length) {
+    //       // Filter out any existing attachments that are also in the incoming attachments array
+    //       const filteredExistingAttachments = existingAttachments.filter((existingAttachment) =>
+    //         attachments.every((newAttachment) => newAttachment.id !== existingAttachment?.id),
+    //       )
+    //       // Filter out any incoming attachments that are already in the existing attachments array
+    //       const newAttachments = attachments.filter((newAttachment) =>
+    //         existingAttachments.every(
+    //           (existingAttachment) => existingAttachment?.id !== newAttachment.id,
+    //         ),
+    //       )
+    //       // Set the new state with the filtered existing attachments and the new attachments
+    //       setSelectedAttachments({
+    //         ...selectedAttachments,
+    //         [key]: [...filteredExistingAttachments, ...newAttachments],
+    //       })
+    //     } else {
+    //       // If there are no incoming attachments, remove the key from the state
+    //       const {
+    //         // [key]: [],
+    //         ...rest
+    //       } = selectedAttachments
+    //       setSelectedAttachments(rest)
+    //     }
+    //   },
+    //   // Memoize the function with the selectedAttachments state as a dependency
+    //   [selectedAttachments],
+    // )
+    /**
+     * Removes a selected attachment from the given key.
+     * @param attachment - The attachment to remove.
+     * @param key - The key of the selected attachments to update.
+     */
+    const removeSelectedAttachment = (0, react_1.useCallback)((attachment, key) => {
+        setSelectedAttachments({
+            ...selectedAttachments,
+            [key]: selectedAttachments[key].filter((item) => item !== attachment),
+        });
+    }, [selectedAttachments]);
+    return {
+        files,
+        fileNames,
+        fileTypes,
+        totalSize,
+        totalSizeInBytes,
+        clearAllFiles,
+        createFormData,
+        handleDragDropEvent,
+        removeFile,
+        setFiles,
+        //@ts-expect-error non known
+        createFileData,
+        setError,
+        error,
+        progress,
+        setProgress,
+        setFilesState,
+        selectedAttachments,
+        setSelectedAttachments,
+        removeSelectedAttachment,
+        updateSelectedAttachments,
+    };
+};
+exports.useFileUpload = useFileUpload;

package/dist/src/components/VerticalStack/VerticalStack copy.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VerticalStack = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = __importDefault(require("react"));
+const generateResponsiveSpacing_1 = require("../../utilities/generateResponsiveSpacing");
+const use_break_point_1 = require("../../utilities/use-break-point");
+const VerticalStack = ({ children, as = 'div', align, inlineAlign, gap, id, breakpoints, reverseOrder = false, height = 'full', spacer, }) => {
+    const Element = as;
+    const heightClasses = {
+        auto: 'h-auto',
+        full: 'h-full',
+        max: 'h-max',
+    }[height];
+    const classes = (0, classnames_1.default)('flex', 'flex-col ', align && `items-${align}`, inlineAlign && `justify-${inlineAlign}`, gap && (0, generateResponsiveSpacing_1.generateResponsiveSpacing)(gap, 'space-y'), heightClasses, spacer && 'space-y-4 md:space-y-6');
+    const { breakpoint } = (0, use_break_point_1.useBreakpoint)();
+    const width = breakpoints && breakpoints[breakpoint];
+    return ((0, jsx_runtime_1.jsx)(Element, { "aria-label": 'vertical-stack', id: id, className: classes, style: { width: '100%', ...(width && { width }) }, children: reverseOrder ? react_1.default.Children.toArray(children).reverse() : children }));
+};
+exports.VerticalStack = VerticalStack;

package/dist/src/components/VerticalStack/VerticalStack.classnames.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const VerticalStackClassnames = {
+    "VerticalStack": "VerticalStack-VerticalStack",
+    "listReset": "VerticalStack-listReset",
+    "fieldsetReset": "VerticalStack-fieldsetReset"
+};
+exports.default = VerticalStackClassnames;

package/dist/src/components/VerticalStack/VerticalStack.js

@@ -0,0 +1,36 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VerticalStack = void 0;
+const react_1 = __importDefault(require("react"));
+const css_1 = require("../../utilities/css");
+const VerticalStack_classnames_1 = __importDefault(require("./VerticalStack.classnames"));
+const VerticalStack = ({ as = 'div', children, align, inlineAlign, gap, id, height, width, reverseOrder = false, ...restProps }) => {
+    const heightClasses = {
+        auto: 'h-auto',
+        full: 'h-full',
+        max: 'h-max',
+        none: '',
+    }[height !== null && height !== void 0 ? height : 'none'];
+    const widthClasses = {
+        auto: 'w-auto',
+        full: 'w-full',
+        max: 'w-max',
+        none: '',
+    }[width !== null && width !== void 0 ? width : 'none'];
+    const className = (0, css_1.classNames)(VerticalStack_classnames_1.default.VerticalStack, (as === 'ul' || as === 'ol') && VerticalStack_classnames_1.default.listReset, as === 'fieldset' && VerticalStack_classnames_1.default.fieldsetReset, heightClasses, widthClasses);
+    const style = {
+        '--pc-vertical-stack-align': align ? `${align}` : '',
+        '--pc-vertical-stack-inline-align': inlineAlign ? `${inlineAlign}` : '',
+        '--pc-vertical-stack-order': reverseOrder ? 'column-reverse' : 'column',
+        ...(0, css_1.getResponsiveProps)('vertical-stack', 'gap', 'space', gap),
+    };
+    return react_1.default.createElement(as, {
+        className,
+        style: (0, css_1.sanitizeCustomProperties)(style),
+        ...restProps,
+    }, children);
+};
+exports.VerticalStack = VerticalStack;

package/dist/src/components/VerticalStack/index.js

@@ -0,0 +1,17 @@
+"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("./VerticalStack"), exports);

package/dist/src/components/VideoThumbnail/VideoThumbnail.classnames.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const VideoThumbnailClassnames = {
+    "Thumbnail": "VideoThumbnail-Thumbnail",
+    "ThumbnailContainer": "VideoThumbnail-ThumbnailContainer",
+    "PlayButton": "VideoThumbnail-PlayButton",
+    "Timestamp": "VideoThumbnail-Timestamp",
+    "PlayIcon": "VideoThumbnail-PlayIcon",
+    "Progress": "VideoThumbnail-Progress",
+    "Indicator": "VideoThumbnail-Indicator",
+    "Label": "VideoThumbnail-Label"
+};
+exports.default = VideoThumbnailClassnames;

package/dist/src/components/VideoThumbnail/VideoThumbnail.js

@@ -0,0 +1,56 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VideoThumbnail = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Icons_1 = require("../Icons");
+const duration_1 = require("../../utilities/duration");
+const i18n_1 = require("../../utilities/i18n");
+const media_query_1 = require("../../utilities/media-query");
+const Icon_1 = require("../Icon");
+const LegacyStack_1 = require("../LegacyStack");
+const Text_1 = require("../Text");
+const VideoThumbnail_styles_1 = __importDefault(require("./VideoThumbnail.styles"));
+function VideoThumbnail({ thumbnailUrl, videoLength = 0, videoProgress = 0, showVideoProgress = false, accessibilityLabel, onClick, onBeforeStartPlaying, }) {
+    const i18n = (0, i18n_1.useI18n)();
+    const { isNavigationCollapsed } = (0, media_query_1.useMediaQuery)();
+    let buttonLabel;
+    if (accessibilityLabel) {
+        buttonLabel = accessibilityLabel;
+    }
+    else if (videoLength) {
+        const { hours, minutes, seconds } = (0, duration_1.secondsToTimeComponents)(videoLength);
+        buttonLabel = i18n.translate('Polaris.VideoThumbnail.playButtonA11yLabel.defaultWithDuration', {
+            duration: i18n.translate((0, duration_1.secondsToDurationTranslationKey)(videoLength), {
+                hourCount: hours,
+                minuteCount: minutes,
+                secondCount: seconds,
+            }),
+        });
+    }
+    else {
+        buttonLabel = i18n.translate('Polaris.VideoThumbnail.playButtonA11yLabel.default');
+    }
+    const timeStampMarkup = videoLength ? ((0, jsx_runtime_1.jsx)("div", { className: VideoThumbnail_styles_1.default.Timestamp, children: (0, jsx_runtime_1.jsxs)(LegacyStack_1.LegacyStack, { alignment: 'center', spacing: 'extraTight', children: [(0, jsx_runtime_1.jsx)("span", { className: VideoThumbnail_styles_1.default.PlayIcon, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { source: Icons_1.MaPlay }) }), (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: isNavigationCollapsed ? 'bodyLg' : 'bodyMd', as: 'p', fontWeight: 'semibold', children: (0, duration_1.secondsToTimestamp)(videoLength) })] }) })) : null;
+    let progressMarkup = null;
+    if (showVideoProgress) {
+        const progressValue = calculateProgress(videoLength, videoProgress);
+        const progressValuePercents = Math.round(progressValue * 100);
+        progressMarkup = ((0, jsx_runtime_1.jsxs)("div", { className: VideoThumbnail_styles_1.default.Progress, children: [(0, jsx_runtime_1.jsx)("progress", { className: VideoThumbnail_styles_1.default.ProgressBar, value: progressValuePercents, max: '100' }), (0, jsx_runtime_1.jsx)("div", { className: VideoThumbnail_styles_1.default.Indicator, style: { transform: `scaleX(${progressValue})` }, children: (0, jsx_runtime_1.jsxs)("span", { className: VideoThumbnail_styles_1.default.Label, children: [progressValuePercents, "%"] }) })] }));
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", { className: VideoThumbnail_styles_1.default.ThumbnailContainer, children: [(0, jsx_runtime_1.jsx)("div", { className: VideoThumbnail_styles_1.default.Thumbnail, style: { backgroundImage: `url(${thumbnailUrl})` } }), (0, jsx_runtime_1.jsx)("button", { type: 'button', className: VideoThumbnail_styles_1.default.PlayButton, "aria-label": buttonLabel, onClick: onClick, onMouseEnter: onBeforeStartPlaying, onFocus: onBeforeStartPlaying, onTouchStart: onBeforeStartPlaying, children: timeStampMarkup }), progressMarkup] }));
+}
+exports.VideoThumbnail = VideoThumbnail;
+function calculateProgress(videoLength, videoProgress) {
+    if (videoProgress > videoLength && process.env.NODE_ENV === 'development') {
+        // eslint-disable-next-line no-console
+        console.warn('Value passed to the video progress should not exceed video length. Resetting progress to 100%.');
+    }
+    if (videoProgress > 0 && videoLength > 0) {
+        const progress = parseFloat((videoProgress / videoLength).toFixed(2));
+        return progress > 1 ? 1 : progress;
+    }
+    return 0;
+}

package/dist/src/components/VideoThumbnail/VideoThumbnail.styles.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const styles = {
+    Thumbnail: 'relative pb-[9 / 16 * 100%]  bg-cover w-full h-64 sm:h-full no-repeat   ',
+    ThumbnailContainer: 'relative h-full ',
+    PlayButton: 'absolute top-0 left-0 w-full h-full p-0 border-none cursor-pointer bg-transparent transition-[200ms cubic-bezier(0.42, 0, 1, 1)] ',
+    Timestamp: 'bg-[rgba(0, 0, 0, 0.8)] absolute bottom-0  ml-4 text-red-black  bg-red-[rgba(0, 0, 0, 0.6)] text-center transition-todecide ',
+    Progress: 'absolute bottom-0 bg-red-200 overflow-hidden w-full h-[6px]  overflow-hidden',
+    Indicator: 'h-inherit w-full transform transform-origin-left transition',
+    Label: '',
+    ProgressBar: '',
+    PlayIcon: '',
+};
+exports.default = styles;

package/dist/src/components/VideoThumbnail/index.js

@@ -0,0 +1,17 @@
+"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("./VideoThumbnail"), exports);

package/dist/src/components/index.js

@@ -0,0 +1,70 @@
+"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("./ActionMenu"), exports);
+__exportStar(require("./AppProvider"), exports);
+__exportStar(require("./Autocomplete"), exports);
+__exportStar(require("./Stack"), exports);
+// export * from './KeypressListener'
+__exportStar(require("./Banner"), exports);
+__exportStar(require("./Bleed"), exports);
+__exportStar(require("./Box"), exports);
+__exportStar(require("./Breadcrumbs"), exports);
+__exportStar(require("./CalloutCard"), exports);
+__exportStar(require("./Checkbox"), exports);
+__exportStar(require("./Choice"), exports);
+__exportStar(require("./ChoiceList"), exports);
+__exportStar(require("./ColorPicker"), exports);
+__exportStar(require("./Combobox"), exports);
+__exportStar(require("./Connected"), exports);
+__exportStar(require("./ContextualSaveBar"), exports);
+__exportStar(require("./Divider"), exports);
+__exportStar(require("./EmptySearchResult"), exports);
+__exportStar(require("./EmptyState"), exports);
+__exportStar(require("./EventListener"), exports);
+__exportStar(require("./FormLayout"), exports);
+__exportStar(require("./Frame"), exports);
+__exportStar(require("./Grid"), exports);
+__exportStar(require("./HorizontalGrid"), exports);
+__exportStar(require("./HorizontalStack"), exports);
+__exportStar(require("./Icon"), exports);
+__exportStar(require("./Image"), exports);
+__exportStar(require("./KeyboardKey"), exports);
+__exportStar(require("./Label"), exports);
+__exportStar(require("./LegacyCard"), exports);
+__exportStar(require("./LegacyStack"), exports);
+__exportStar(require("./Link"), exports);
+__exportStar(require("./Listbox"), exports);
+__exportStar(require("./MediaCard"), exports);
+__exportStar(require("./Modal"), exports);
+__exportStar(require("./Page"), exports);
+__exportStar(require("./PageActions"), exports);
+__exportStar(require("./Pagination"), exports);
+__exportStar(require("./Popover"), exports);
+__exportStar(require("./Portal"), exports);
+__exportStar(require("./PositionedOverlay"), exports);
+__exportStar(require("./RadioButton"), exports);
+__exportStar(require("./Select"), exports);
+__exportStar(require("./Spinner"), exports);
+__exportStar(require("./Tag"), exports);
+__exportStar(require("./Text"), exports);
+__exportStar(require("./TextContainer"), exports);
+__exportStar(require("./TextField"), exports);
+__exportStar(require("./Thumbnail"), exports);
+__exportStar(require("./Tooltip"), exports);
+__exportStar(require("./UnstyledLink"), exports);
+__exportStar(require("./VerticalStack"), exports);
+__exportStar(require("./VideoThumbnail"), exports);

package/dist/src/components/shared.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DATA_ATTRIBUTE = exports.portal = exports.headerCell = exports.dataPolarisTopBar = exports.unstyled = exports.layer = exports.overlay = exports.scrollable = void 0;
+exports.scrollable = {
+    props: { 'data-polaris-scrollable': true },
+    selector: '[data-polaris-scrollable]',
+};
+exports.overlay = {
+    props: { 'data-polaris-overlay': true },
+    selector: '[data-polaris-overlay]',
+};
+exports.layer = {
+    props: { 'data-polaris-layer': true },
+    selector: '[data-polaris-layer]',
+};
+exports.unstyled = {
+    props: { 'data-polaris-unstyled': true },
+    selector: '[data-polaris-unstyled]',
+};
+exports.dataPolarisTopBar = {
+    props: { 'data-polaris-top-bar': true },
+    selector: '[data-polaris-top-bar]',
+};
+exports.headerCell = {
+    props: { 'data-polaris-header-cell': true },
+    selector: '[data-polaris-header-cell]',
+};
+exports.portal = {
+    props: ['data-portal-id'],
+    selector: '[data-portal-id]',
+};
+exports.DATA_ATTRIBUTE = {
+    overlay: exports.overlay,
+    layer: exports.layer,
+};

package/dist/src/components/typings/index.js

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