nurseitaly-components 0.0.1

package/dist/basic/index.d.ts

@@ -0,0 +1,33 @@
+export { default as Avatar } from './Avatar';
+export { default as Badge } from './Badge';
+export { default as Button } from './Button';
+export type { ButtonDSColors, ButtonDSModes, ButtonDSPositions, ButtonDSSizes, } from './Button/Button';
+export { default as CheckboxField } from './CheckboxField';
+export { default as DatePickerField } from './DatePickerField';
+export { default as DropdownButton } from './DropdownButton';
+export { default as DropdownList } from './DropdownList';
+export type { DropdownItem } from './DropdownList/DropdownItemList';
+export { default as DropdownMenu } from './DropdownMenu';
+export type { DropdownMenuItem } from './DropdownMenu/DropdownMenu';
+export { default as FilterDropdown } from './FilterDropdown';
+export { default as Icon } from './Icon';
+export { IconSizes } from './Icon/Icon';
+export { ICON_SIZE_PX, iconSizeToPx } from './Icon/IconSizes';
+export { default as IconButton } from './IconButton';
+export { default as Pill } from './Pill';
+export { default as SelectField } from './SelectField';
+export { default as AsyncSelectField } from './SelectField/AsyncSelectField';
+export type { SelectItem } from './SelectField/SelectField';
+export { default as SelectMultipleField } from './SelectField/SelectMultipleField';
+export { default as Spinner } from './Spinner';
+export { default as SwitchField } from './SwitchField';
+export { default as Tabs } from './Tabs';
+export { default as Tag } from './Tag';
+export type { TagColors } from './Tag/Tag';
+export { default as TextField } from './TextField';
+export type { MaskFunction } from './TextField/TextField';
+export { default as Tooltip } from './Tooltip';
+export { TooltipPlacements } from './Tooltip/Tooltip';
+export { default as VerticalButton } from './VerticalButton';
+export * from './SelectField/SelectFieldTheme';
+export * from './TextField/inputRefManager';

package/dist/basic/index.js

@@ -0,0 +1,29 @@
+import { injectFontFaces } from './fonts';
+injectFontFaces();
+export { default as Avatar } from './Avatar';
+export { default as Badge } from './Badge';
+export { default as Button } from './Button';
+export { default as CheckboxField } from './CheckboxField';
+export { default as DatePickerField } from './DatePickerField';
+export { default as DropdownButton } from './DropdownButton';
+export { default as DropdownList } from './DropdownList';
+export { default as DropdownMenu } from './DropdownMenu';
+export { default as FilterDropdown } from './FilterDropdown';
+export { default as Icon } from './Icon';
+export { IconSizes } from './Icon/Icon';
+export { ICON_SIZE_PX, iconSizeToPx } from './Icon/IconSizes';
+export { default as IconButton } from './IconButton';
+export { default as Pill } from './Pill';
+export { default as SelectField } from './SelectField';
+export { default as AsyncSelectField } from './SelectField/AsyncSelectField';
+export { default as SelectMultipleField } from './SelectField/SelectMultipleField';
+export { default as Spinner } from './Spinner';
+export { default as SwitchField } from './SwitchField';
+export { default as Tabs } from './Tabs';
+export { default as Tag } from './Tag';
+export { default as TextField } from './TextField';
+export { default as Tooltip } from './Tooltip';
+export { TooltipPlacements } from './Tooltip/Tooltip';
+export { default as VerticalButton } from './VerticalButton';
+export * from './SelectField/SelectFieldTheme';
+export * from './TextField/inputRefManager';

package/dist/common/AppAnalytics/AppAnalytics.d.ts

@@ -0,0 +1 @@
+export default function AppAnalytics(): null;

package/dist/common/AppAnalytics/AppAnalytics.js

@@ -0,0 +1,25 @@
+import { useEffect } from 'react';
+export default function AppAnalytics() {
+    const GA_ID = import.meta.env.VITE_APP_GA_ID;
+    useEffect(() => {
+        if (!GA_ID) {
+            console.warn('Google Analytics ID not set.');
+            return;
+        }
+        // Inject the gtag.js script
+        const script = document.createElement('script');
+        script.src = `https://www.googletagmanager.com/gtag/js?id=${GA_ID}`;
+        script.async = true;
+        document.head.appendChild(script);
+        // Inject the inline gtag config script exactly like GA docs do
+        const inlineScript = document.createElement('script');
+        inlineScript.innerHTML = `
+      window.dataLayer = window.dataLayer || [];
+      function gtag(){dataLayer.push(arguments);}
+      gtag('js', new Date());
+      gtag('config', '${GA_ID}');
+    `;
+        document.head.appendChild(inlineScript);
+    }, []);
+    return null;
+}

package/dist/common/AppAnalytics/index.d.ts

@@ -0,0 +1,2 @@
+import AppAnalytics from './AppAnalytics';
+export default AppAnalytics;

package/dist/common/AppAnalytics/index.js

@@ -0,0 +1,2 @@
+import AppAnalytics from './AppAnalytics';
+export default AppAnalytics;

package/dist/common/AppCard/AppCard.d.ts

@@ -0,0 +1,13 @@
+import { DropdownMenuItem } from '../../basic/DropdownMenu/DropdownMenu';
+import './style.scss';
+type Props = {
+    title?: string | React.ReactNode;
+    children: React.ReactNode;
+    extraHeaderActions?: React.ReactNode;
+    footer?: React.ReactNode;
+    options?: DropdownMenuItem[];
+    className?: string;
+    onClick?: () => void;
+};
+export default function AppCard({ title, children, extraHeaderActions, footer, options, className, onClick, }: Props): import("react").JSX.Element;
+export {};

package/dist/common/AppCard/AppCard.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import cx from 'classnames';
+import { DropdownMenu } from '../../basic';
+import './style.scss';
+export default function AppCard({ title, children, extraHeaderActions, footer, options, className, onClick, }) {
+    return (_jsxs("div", { className: cx('ds-app-card', className), onClick: onClick, children: [title && (_jsxs("div", { className: "header", children: [_jsx("div", { className: "title", children: title }), extraHeaderActions && (_jsx("div", { className: "extra-header-actions", children: extraHeaderActions })), options && _jsx(DropdownMenu, { list: options })] })), _jsx("div", { className: "body", children: children }), footer && _jsx("div", { className: "footer", children: footer })] }));
+}

package/dist/common/AppCard/index.d.ts

@@ -0,0 +1,2 @@
+import AppCard from './AppCard';
+export default AppCard;

package/dist/common/AppCard/index.js

@@ -0,0 +1,2 @@
+import AppCard from './AppCard';
+export default AppCard;

package/dist/common/AppCard/style.scss

@@ -0,0 +1,33 @@
+.ds-app-card {
+  border: 1px solid var(--border-subtle-1);
+  border-radius: var(--radius-100);
+
+  > .header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 8px 16px;
+    background-color: var(--layer-layer-2);
+    border-bottom: 1px solid var(--border-subtle-1);
+    gap: 12px;
+
+    > .title {
+      @include label-large-2;
+      flex: 1;
+    }
+
+    > .extra-header-actions {
+      display: flex;
+    }
+  }
+
+  > .body {
+    padding: 16px;
+  }
+
+  > .footer {
+    display: flex;
+    padding: 8px 16px;
+    border-top: 1px solid var(--border-subtle-1);
+  }
+}

package/dist/common/AppClipboard/AppClipboard.d.ts

@@ -0,0 +1,7 @@
+import { ButtonDSSizes } from '../../basic/Button/Button';
+type Props = {
+    text: string;
+    size?: ButtonDSSizes;
+};
+export default function AppClipboard({ text, size }: Props): import("react").JSX.Element;
+export {};

package/dist/common/AppClipboard/AppClipboard.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { IconButton } from '../../basic';
+export default function AppClipboard({ text, size = 'x-small' }) {
+    const { t } = useTranslation('common');
+    const [copied, setCopied] = useState(false);
+    const handleCopy = () => {
+        navigator.clipboard
+            .writeText(text)
+            .then(() => {
+            setCopied(true);
+            setTimeout(() => {
+                setCopied(false);
+            }, 2000);
+        })
+            .catch((err) => {
+            console.error('Failed to copy text:', err);
+        });
+    };
+    const tooltipTitle = copied ? t('tooltip.copied') : t('tooltip.copy');
+    return (_jsx(IconButton, { name: "content_copy", title: tooltipTitle, onClick: handleCopy, size: size }));
+}

package/dist/common/AppClipboard/index.d.ts

@@ -0,0 +1,2 @@
+import AppClipboard from './AppClipboard';
+export default AppClipboard;

package/dist/common/AppClipboard/index.js

@@ -0,0 +1,2 @@
+import AppClipboard from './AppClipboard';
+export default AppClipboard;

package/dist/common/AppColorpicker/AppColorpicker.d.ts

@@ -0,0 +1,9 @@
+import { AppFormField } from '../AppForm/AppFormField';
+import './style.scss';
+type AppColorpickerProps = {
+    item: Record<string, unknown>;
+    field: AppFormField;
+    handleSave: (value: string, field: AppFormField) => void;
+};
+export default function AppColorpicker({ field, item, handleSave, }: AppColorpickerProps): import("react").JSX.Element;
+export {};

package/dist/common/AppColorpicker/AppColorpicker.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { HexColorPicker } from 'react-colorful';
+import { useTranslation } from 'react-i18next';
+import { Button } from '../../basic';
+import './style.scss';
+const defaultColor = '#FFFFFF';
+export default function AppColorpicker({ field, item, handleSave, }) {
+    const { t } = useTranslation('common');
+    const [openColor, setOpenColor] = useState(false);
+    const [color, setColor] = useState(defaultColor);
+    useEffect(() => {
+        if (item[field.name])
+            setColor(item[field.name]);
+        else
+            setColor(defaultColor);
+    }, [item]);
+    return (_jsxs("div", { className: "color-picker-container", children: [_jsx("div", { className: "swatch", style: { backgroundColor: color }, onClick: () => setOpenColor(!openColor), onKeyDown: () => setOpenColor(!openColor), role: "link", "aria-label": "open color picker", tabIndex: 0 }), openColor && (_jsxs(_Fragment, { children: [_jsx(HexColorPicker, { color: color, onChange: setColor }), _jsxs("div", { className: "buttons", children: [_jsx(Button, { text: t('button.confirm'), onClick: () => {
+                                    handleSave(color, field);
+                                    setOpenColor(false);
+                                }, size: "x-small" }), _jsx(Button, { text: t('button.cancel'), onClick: () => setOpenColor(false), color: "danger", size: "x-small" })] })] }))] }));
+}

package/dist/common/AppColorpicker/index.d.ts

@@ -0,0 +1,2 @@
+import AppColorpicker from './AppColorpicker';
+export default AppColorpicker;

package/dist/common/AppColorpicker/index.js

@@ -0,0 +1,2 @@
+import AppColorpicker from './AppColorpicker';
+export default AppColorpicker;

package/dist/common/AppColorpicker/style.scss

@@ -0,0 +1,26 @@
+.color-picker-container {
+  display: flex;
+  flex-direction: column;
+
+  .swatch {
+    width: 28px;
+    height: 28px;
+    border-radius: 8px;
+    border: 3px solid #fff;
+    box-shadow:
+      0 0 0 1px rgba(0, 0, 0, 0.1),
+      inset 0 0 0 1px rgba(0, 0, 0, 0.1);
+    cursor: pointer;
+    margin-bottom: 8px;
+  }
+
+  .react-colorful {
+    margin-bottom: 8px;
+  }
+
+  .buttons {
+    display: flex;
+    justify-content: center;
+    gap: 8px;
+  }
+}

package/dist/common/AppCopyText/AppCopyText.d.ts

@@ -0,0 +1,11 @@
+import "./styles.scss";
+export declare const TitlePositions: readonly ["top", "right"];
+type TitlePosition = (typeof TitlePositions)[number];
+export type Props = {
+    className?: string;
+    title?: string;
+    content: string;
+    titlePosition?: TitlePosition;
+};
+export default function AppCopyText({ className, title, content, titlePosition, }: Props): import("react").JSX.Element;
+export {};

package/dist/common/AppCopyText/AppCopyText.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import cx from "classnames";
+import "./styles.scss";
+import { Icon, Tooltip } from '../../basic';
+import { useTranslation } from "react-i18next";
+export const TitlePositions = ["top", "right"];
+export default function AppCopyText({ className, title, content, titlePosition = "right", }) {
+    const [copied, setCopied] = useState(false);
+    const [isHovered, setIsHovered] = useState(false);
+    const { t } = useTranslation("common");
+    const getClassNames = cx("ds-copy-text", className, {
+        "title-top": titlePosition === "top" && title,
+        "title-right": titlePosition === "right" && title,
+        "no-title": !title,
+    });
+    const handleClipboard = () => {
+        navigator.clipboard
+            .writeText(content)
+            .then(() => {
+            setCopied(true);
+            setTimeout(() => {
+                setCopied(false);
+            }, 2000);
+        })
+            .catch((err) => {
+            console.error("Failed to copy text:", err);
+        });
+    };
+    const tooltipTitle = copied ? t("tooltip.copied") : t("tooltip.copy");
+    const iconName = copied ? "check" : "content_copy";
+    const iconFilled = isHovered && !copied;
+    const contentElement = (_jsxs("div", { className: getClassNames, onClick: handleClipboard, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), children: [title && _jsx("span", { className: "ds-copy-text__title", children: title }), title && titlePosition === "right" && (_jsx("span", { className: "ds-copy-text__separator", children: "|" })), _jsxs("div", { className: "group-content", children: [_jsx("span", { className: "ds-copy-text__content", children: content }), _jsx(Icon, { name: iconName, size: "small", className: "ds-copy-text__icon", filled: iconFilled })] })] }));
+    return (_jsx(Tooltip, { title: tooltipTitle, placement: "top", mode: "simple", triggerOpen: copied ? true : undefined, children: contentElement }));
+}

package/dist/common/AppCopyText/index.d.ts

@@ -0,0 +1,2 @@
+import AppCopyText from './AppCopyText';
+export default AppCopyText;

package/dist/common/AppCopyText/index.js

@@ -0,0 +1,2 @@
+import AppCopyText from './AppCopyText';
+export default AppCopyText;

package/dist/common/AppCopyText/styles.scss

@@ -0,0 +1,55 @@
+.ds-copy-text {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  cursor: pointer;
+  width: fit-content;
+
+  &__title {
+    @include helper-small-1;
+    color: var(--text-secondary);
+  }
+
+  &__separator {
+    color: var(--text-secondary);
+  }
+
+  &__content {
+    color: var(--text-primary);
+    @include body-small-1;
+  }
+
+  &__icon {
+    color: var(--icon-accent);
+    transition: all 0.2s ease;
+  }
+
+  &:hover {
+    .ds-copy-text__icon {
+      color: var(--text-primary);
+      background-color: var(--button-secondary-default);
+    }
+  }
+
+  .group-content {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+  }
+
+  &.title-top {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: var(--spacing-50, 4px);
+  }
+
+  &.title-right {
+    flex-direction: row;
+  }
+
+  &.no-title {
+    .ds-copy-text__separator {
+      display: none;
+    }
+  }
+}

package/dist/common/AppDropzone/AppDropzone.d.ts

@@ -0,0 +1,19 @@
+import type { UploadedFile } from './UploadedFile';
+type Props = {
+    folder: string;
+    onClose: () => void;
+    onSuccess: (response: UploadedFile) => void;
+    onError?: (err: any) => void;
+    accept: Record<string, string[]>;
+    messages?: Partial<Record<'label.dropzone' | 'label.uploaded.file', string>>;
+    onDrop?: () => void;
+    keepName?: boolean;
+    title?: string;
+    alternativeButton?: {
+        title: string;
+        action: () => void;
+    };
+    disableConfirm?: boolean;
+};
+export default function AppDropzone({ folder, onClose, onSuccess, onError, accept, messages, onDrop, keepName, title, alternativeButton, disableConfirm, }: Props): import("react").JSX.Element;
+export {};

package/dist/common/AppDropzone/AppDropzone.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef } from 'react';
+import { useTranslation } from 'react-i18next';
+import AppModal from '../AppModal';
+import AppDropzoneBody from './AppDropzoneBody';
+export default function AppDropzone({ folder, onClose, onSuccess, onError, accept, messages, onDrop, keepName, title, alternativeButton, disableConfirm = false, }) {
+    const { t } = useTranslation('upload');
+    const bodyRef = useRef(null);
+    const handleConfirm = () => {
+        bodyRef.current?.upload();
+    };
+    return (_jsx(AppModal, { title: title || t('modal.title'), className: "modal-upload", close: onClose, confirm: handleConfirm, disableConfirm: disableConfirm, alternativeButton: alternativeButton, children: _jsx(AppDropzoneBody, { ref: bodyRef, folder: folder, onSuccess: onSuccess, onError: onError, accept: accept, messages: messages, onDrop: onDrop, keepName: keepName, showConfirmButton: false }) }));
+}

package/dist/common/AppDropzone/AppDropzoneBody.d.ts

@@ -0,0 +1,22 @@
+import { UploadedFile } from './UploadedFile';
+import './style.scss';
+export type AppDropzoneBodyProps = {
+    folder: string;
+    onSuccess: (response: UploadedFile) => void;
+    onError?: (err: any) => void;
+    accept: Record<string, string[]>;
+    messages?: Partial<Record<'label.dropzone' | 'label.uploaded.file', string>>;
+    onDrop?: () => void;
+    keepName?: boolean;
+    /** When false, the confirm button is hidden (e.g. when used inside modal with its own confirm) */
+    showConfirmButton?: boolean;
+    /** When true, image preview is not rendered and filename message is shown instead */
+    disablePreview?: boolean;
+    /** When true, confirm button is visible but disabled */
+    disableConfirm?: boolean;
+};
+export type AppDropzoneBodyRef = {
+    upload: () => Promise<void>;
+};
+declare const AppDropzoneBody: import("react").ForwardRefExoticComponent<AppDropzoneBodyProps & import("react").RefAttributes<AppDropzoneBodyRef>>;
+export default AppDropzoneBody;

package/dist/common/AppDropzone/AppDropzoneBody.js

@@ -0,0 +1,74 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { forwardRef, useContext, useEffect, useImperativeHandle, useRef, useState, } from 'react';
+import Dropzone from 'react-dropzone';
+import { useTranslation } from 'react-i18next';
+import { Button } from '../../basic';
+import CommonContext from '../../configs/CommonContext';
+import { toastLoadingAction } from '../../configs/sessionTypes';
+import { useMessageUtils } from '../../configs/useMessageUtils';
+import UploadService from './UploadService';
+import './style.scss';
+function AppDropzoneBodyInner({ folder, onSuccess, onError, accept, messages, onDrop, keepName, showConfirmButton = true, disablePreview = false, disableConfirm = false, }, ref) {
+    const { t } = useTranslation('upload');
+    const { state, dispatch } = useContext(CommonContext);
+    const { dispatchError } = useMessageUtils();
+    const [file, setFile] = useState();
+    const [preview, setPreview] = useState();
+    const fileRef = useRef();
+    fileRef.current = file;
+    const isImageFile = (f) => {
+        return f.type?.startsWith('image/') ?? false;
+    };
+    useEffect(() => {
+        if (!file) {
+            setPreview(undefined);
+            return;
+        }
+        if (!disablePreview && isImageFile(file)) {
+            const url = URL.createObjectURL(file);
+            setPreview(url);
+            return () => URL.revokeObjectURL(url);
+        }
+        setPreview(undefined);
+    }, [file, disablePreview]);
+    const upload = async () => {
+        const currentFile = fileRef.current;
+        if (!currentFile || state.toastLoading)
+            return;
+        dispatch(toastLoadingAction(true));
+        const data = new FormData();
+        data.append('file', currentFile);
+        data.append('folder', folder);
+        keepName && data.append('keepOriginalName', 'true');
+        UploadService.execute(data)
+            .then((r) => {
+            onSuccess(r.data);
+        })
+            .catch((err) => {
+            dispatchError({ err: 'error.uploading.image', t, key: 'upload' });
+            onError?.(err);
+        })
+            .finally(() => {
+            dispatch(toastLoadingAction(false));
+        });
+    };
+    useImperativeHandle(ref, () => ({
+        upload,
+    }));
+    const handleDrop = (files) => {
+        if (files.length === 0)
+            return;
+        setFile(files[0]);
+        onDrop?.();
+    };
+    const handleCancel = () => {
+        setFile(undefined);
+    };
+    const resolveMessage = (key) => {
+        const customMessage = messages?.[key]?.trim();
+        return customMessage || t(key);
+    };
+    return (_jsxs("div", { className: "dropzone-container", children: [!file && (_jsx(Dropzone, { onDrop: (acceptedFiles) => handleDrop(acceptedFiles), accept: accept, maxFiles: 1, children: ({ getRootProps, getInputProps }) => (_jsxs("div", { ...getRootProps(), className: "dropzone", children: [_jsx("input", { ...getInputProps() }), _jsx("span", { children: resolveMessage('label.dropzone') })] })) })), file && (_jsxs("div", { className: "uploaded-file", children: [preview && _jsx("img", { className: "preview", src: preview, alt: "" }), !preview && (_jsxs(_Fragment, { children: [_jsx("b", { children: resolveMessage('label.uploaded.file') }), _jsx("span", { children: file.name })] })), showConfirmButton && (_jsxs("div", { className: "buttons", children: [_jsx(Button, { onClick: handleCancel, text: t('common:button.cancel'), size: "small", mode: "outlined", color: "danger" }), _jsx(Button, { onClick: upload, text: t('common:button.confirm'), size: "small", mode: "outlined", disabled: disableConfirm })] }))] }))] }));
+}
+const AppDropzoneBody = forwardRef(AppDropzoneBodyInner);
+export default AppDropzoneBody;

package/dist/common/AppDropzone/UploadService.d.ts

@@ -0,0 +1,6 @@
+import { UploadedFile } from './UploadedFile';
+declare function execute(data: FormData): Promise<import("axios").AxiosResponse<UploadedFile, any, {}, any>>;
+declare const UploadService: {
+    execute: typeof execute;
+};
+export default UploadService;

package/dist/common/AppDropzone/UploadService.js

@@ -0,0 +1,18 @@
+import axios from 'axios';
+import Cookies from 'js-cookie';
+const JWT_TOKEN = 'jwt_token_tycho';
+const getJwtToken = () => {
+    const cookie = Cookies.get(JWT_TOKEN);
+    return cookie === 'undefined' ? '' : cookie;
+};
+function execute(data) {
+    const token = getJwtToken() || '';
+    const header = {
+        Authorization: `Bearer ${token}`,
+    };
+    return axios.post(import.meta.env.VITE_APP_UPLOAD_URL, data, {
+        headers: header,
+    });
+}
+const UploadService = { execute };
+export default UploadService;

package/dist/common/AppDropzone/UploadedFile.d.ts

@@ -0,0 +1,14 @@
+export interface UploadedFile {
+    url: string;
+    path: string;
+    filetype: string;
+    name: string;
+    original: string;
+    width?: number;
+    height?: number;
+    type?: string;
+}
+export interface UploadedPreview {
+    file: File;
+    preview: any;
+}

package/dist/common/AppDropzone/UploadedFile.js

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

package/dist/common/AppDropzone/index.d.ts

@@ -0,0 +1,4 @@
+import AppDropzone from './AppDropzone';
+import AppDropzoneBody, { type AppDropzoneBodyProps, type AppDropzoneBodyRef } from './AppDropzoneBody';
+export default AppDropzone;
+export { AppDropzoneBody, type AppDropzoneBodyProps, type AppDropzoneBodyRef };

package/dist/common/AppDropzone/index.js

@@ -0,0 +1,4 @@
+import AppDropzone from './AppDropzone';
+import AppDropzoneBody from './AppDropzoneBody';
+export default AppDropzone;
+export { AppDropzoneBody };

package/dist/common/AppDropzone/style.scss

@@ -0,0 +1,42 @@
+.dropzone-container {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  .dropzone {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    width: 100%;
+    padding: var(--spacing-700);
+    border-radius: var(--radius-100);
+    border: 2px dashed var(--border-subtle-3);
+    background-color: var(--layer-layer-2);
+    cursor: pointer;
+  }
+
+  .preview {
+    margin: 0 auto;
+    width: 400px;
+    height: 400px;
+  }
+
+  .uploaded-file {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    width: 100%;
+    text-align: center;
+    border: 1px solid var(--border-subtle-3);
+    border-radius: var(--radius-100);
+    padding: 16px;
+    gap: 16px;
+
+    .buttons {
+      display: flex;
+      gap: 16px;
+      margin-top: 16px;
+    }
+  }
+}

package/dist/common/AppDropzoneLocal/AppDropzoneBodyLocal.d.ts

@@ -0,0 +1,15 @@
+import './style.scss';
+import type { UploadedFileLocal } from './UploadedFileLocal';
+export type AppDropzoneBodyLocalProps = {
+    onSuccess: (files: UploadedFileLocal[]) => void;
+    onError?: (err: unknown) => void;
+    accept: Record<string, string[]>;
+    onDrop?: () => void;
+    /** When false, the confirm button is hidden (e.g. when used inside modal with its own confirm) */
+    showConfirmButton?: boolean;
+};
+export type AppDropzoneBodyLocalRef = {
+    upload: () => Promise<void>;
+};
+declare const AppDropzoneBodyLocal: import("react").ForwardRefExoticComponent<AppDropzoneBodyLocalProps & import("react").RefAttributes<AppDropzoneBodyLocalRef>>;
+export default AppDropzoneBodyLocal;