@drivenets/design-system 0.0.2 → 0.0.3

package/dist/components/ds-file-upload/components/file-upload-item/file-upload-item.js

@@ -0,0 +1,155 @@
+import ds_icon_default from "../../../ds-icon/ds-icon.js";
+import "../../../ds-icon/index.js";
+import ds_button_default from "../../../ds-button/ds-button.js";
+import "../../../ds-button/index.js";
+import ds_tooltip_default from "../../../ds-tooltip/ds-tooltip.js";
+import "../../../ds-tooltip/index.js";
+import { getErrorMessage } from "../../utils/get-error-message.js";
+import file_upload_item_module_default from "./file-upload-item.module.js";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Progress } from "@ark-ui/react";
+
+//#region src/components/ds-file-upload/components/file-upload-item/file-upload-item.tsx
+/**
+* Individual file upload item component
+* Displays a single file with its upload status, progress, and action buttons
+*/
+const FileUploadItem = ({ id, name, progress, hideProgress = false, status, errors, onCancel, onRetry, onRemove, onDelete }) => {
+	const fileItemClass = classNames(file_upload_item_module_default.fileItemContent, {
+		[file_upload_item_module_default.fileItemError]: status === "error",
+		[file_upload_item_module_default.fileItemCompleted]: status === "completed",
+		[file_upload_item_module_default.fileItemUploading]: status === "uploading",
+		[file_upload_item_module_default.fileItemInterrupted]: status === "interrupted" || status === "cancelled"
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: file_upload_item_module_default.fileItem,
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: fileItemClass,
+				children: [
+					/* @__PURE__ */ jsx(ds_icon_default, {
+						className: file_upload_item_module_default.filePreview,
+						icon: "upload_file",
+						size: "tiny"
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: file_upload_item_module_default.fileInfo,
+						children: [/* @__PURE__ */ jsx("div", {
+							className: file_upload_item_module_default.fileName,
+							title: name,
+							children: name
+						}), /* @__PURE__ */ jsx(Progress.Root, {
+							value: status === "error" ? 1 : progress,
+							className: file_upload_item_module_default.progressBar,
+							children: /* @__PURE__ */ jsx(Progress.Track, {
+								className: file_upload_item_module_default.progressTrack,
+								children: /* @__PURE__ */ jsx(Progress.Range, { className: file_upload_item_module_default.progressRange })
+							})
+						})]
+					}),
+					(status === "interrupted" || status === "cancelled") && onRetry && /* @__PURE__ */ jsx(ds_tooltip_default, {
+						content: "Retry",
+						children: /* @__PURE__ */ jsx(ds_button_default, {
+							type: "button",
+							design: "v1.2",
+							buttonType: "tertiary",
+							"aria-label": `Retry ${name} upload`,
+							onClick: () => onRetry(id),
+							children: /* @__PURE__ */ jsx(ds_icon_default, {
+								icon: "refresh",
+								size: "small"
+							})
+						})
+					}),
+					(status === "pending" || status === "error" || status === "interrupted") && /* @__PURE__ */ jsx(ds_tooltip_default, {
+						content: "Remove",
+						children: /* @__PURE__ */ jsx(ds_button_default, {
+							type: "button",
+							design: "v1.2",
+							buttonType: "tertiary",
+							"aria-label": `Remove ${name} upload`,
+							onClick: () => onRemove?.(id),
+							children: /* @__PURE__ */ jsx(ds_icon_default, {
+								icon: "do_not_disturb_on",
+								size: "small"
+							})
+						})
+					}),
+					status === "uploading" && onCancel && /* @__PURE__ */ jsx(ds_tooltip_default, {
+						content: "Cancel",
+						children: /* @__PURE__ */ jsx(ds_button_default, {
+							type: "button",
+							design: "v1.2",
+							buttonType: "tertiary",
+							"aria-label": `Cancel ${name} upload`,
+							onClick: () => onCancel(id),
+							children: /* @__PURE__ */ jsx(ds_icon_default, {
+								icon: "close",
+								size: "small"
+							})
+						})
+					}),
+					status === "completed" && /* @__PURE__ */ jsx(ds_tooltip_default, {
+						content: "Delete",
+						children: /* @__PURE__ */ jsx(ds_button_default, {
+							type: "button",
+							design: "v1.2",
+							buttonType: "tertiary",
+							"aria-label": `Delete ${name}`,
+							onClick: () => onDelete?.(id),
+							children: /* @__PURE__ */ jsx(ds_icon_default, {
+								icon: "delete",
+								size: "small"
+							})
+						})
+					})
+				]
+			}),
+			status === "completed" && /* @__PURE__ */ jsxs("div", {
+				className: file_upload_item_module_default.completedText,
+				children: [/* @__PURE__ */ jsx(ds_icon_default, {
+					icon: "check_circle",
+					size: "tiny",
+					filled: true
+				}), "Upload complete"]
+			}),
+			status === "interrupted" && /* @__PURE__ */ jsxs("div", {
+				className: file_upload_item_module_default.interruptedText,
+				children: [/* @__PURE__ */ jsx(ds_icon_default, {
+					icon: "info",
+					size: "tiny",
+					filled: true
+				}), "Upload interrupted"]
+			}),
+			status === "cancelled" && /* @__PURE__ */ jsxs("div", {
+				className: file_upload_item_module_default.interruptedText,
+				children: [/* @__PURE__ */ jsx(ds_icon_default, {
+					icon: "info",
+					size: "tiny",
+					filled: true
+				}), "Upload cancelled"]
+			}),
+			status === "error" && errors?.length && errors.map((error) => /* @__PURE__ */ jsxs("div", {
+				className: file_upload_item_module_default.errorMessage,
+				children: [/* @__PURE__ */ jsx(ds_icon_default, {
+					icon: "cancel",
+					size: "tiny",
+					filled: true
+				}), getErrorMessage(error)]
+			}, error)),
+			!hideProgress && status === "uploading" && /* @__PURE__ */ jsxs("span", {
+				className: file_upload_item_module_default.progressText,
+				children: [
+					"Uploading...(",
+					Math.round(progress),
+					"%)"
+				]
+			})
+		]
+	});
+};
+
+//#endregion
+export { FileUploadItem };
+//# sourceMappingURL=file-upload-item.js.map

package/dist/components/ds-file-upload/components/file-upload-item/file-upload-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload-item.js","names":["FileUploadItem: React.FC<FileUploadItemProps>","styles","DsIcon","DsTooltip","DsButton"],"sources":["../../../../../src/components/ds-file-upload/components/file-upload-item/file-upload-item.tsx"],"sourcesContent":["import type React from 'react';\nimport classNames from 'classnames';\nimport { Progress } from '@ark-ui/react';\nimport { DsTooltip } from '../../../ds-tooltip';\nimport { DsButton } from '../../../ds-button';\nimport { DsIcon } from '../../../ds-icon';\nimport { getErrorMessage } from '../../utils/get-error-message';\nimport type { FileUploadItemProps } from './file-upload-item.types';\nimport styles from './file-upload-item.module.scss';\n\n/**\n * Individual file upload item component\n * Displays a single file with its upload status, progress, and action buttons\n */\nexport const FileUploadItem: React.FC<FileUploadItemProps> = ({\n\tid,\n\tname,\n\tprogress,\n\thideProgress = false,\n\tstatus,\n\terrors,\n\tonCancel,\n\tonRetry,\n\tonRemove,\n\tonDelete,\n}) => {\n\tconst fileItemClass = classNames(styles.fileItemContent, {\n\t\t[styles.fileItemError]: status === 'error',\n\t\t[styles.fileItemCompleted]: status === 'completed',\n\t\t[styles.fileItemUploading]: status === 'uploading',\n\t\t[styles.fileItemInterrupted]: status === 'interrupted' || status === 'cancelled',\n\t});\n\n\treturn (\n\t\t<div className={styles.fileItem}>\n\t\t\t<div className={fileItemClass}>\n\t\t\t\t<DsIcon className={styles.filePreview} icon=\"upload_file\" size=\"tiny\" />\n\n\t\t\t\t<div className={styles.fileInfo}>\n\t\t\t\t\t<div className={styles.fileName} title={name}>\n\t\t\t\t\t\t{name}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<Progress.Root value={status === 'error' ? 1 : progress} className={styles.progressBar}>\n\t\t\t\t\t\t<Progress.Track className={styles.progressTrack}>\n\t\t\t\t\t\t\t<Progress.Range className={styles.progressRange} />\n\t\t\t\t\t\t</Progress.Track>\n\t\t\t\t\t</Progress.Root>\n\t\t\t\t</div>\n\n\t\t\t\t{(status === 'interrupted' || status === 'cancelled') && onRetry && (\n\t\t\t\t\t<DsTooltip content=\"Retry\">\n\t\t\t\t\t\t<DsButton\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tdesign=\"v1.2\"\n\t\t\t\t\t\t\tbuttonType=\"tertiary\"\n\t\t\t\t\t\t\taria-label={`Retry ${name} upload`}\n\t\t\t\t\t\t\tonClick={() => onRetry(id)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<DsIcon icon=\"refresh\" size=\"small\" />\n\t\t\t\t\t\t</DsButton>\n\t\t\t\t\t</DsTooltip>\n\t\t\t\t)}\n\n\t\t\t\t{(status === 'pending' || status === 'error' || status === 'interrupted') && (\n\t\t\t\t\t<DsTooltip content=\"Remove\">\n\t\t\t\t\t\t<DsButton\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tdesign=\"v1.2\"\n\t\t\t\t\t\t\tbuttonType=\"tertiary\"\n\t\t\t\t\t\t\taria-label={`Remove ${name} upload`}\n\t\t\t\t\t\t\tonClick={() => onRemove?.(id)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<DsIcon icon=\"do_not_disturb_on\" size=\"small\" />\n\t\t\t\t\t\t</DsButton>\n\t\t\t\t\t</DsTooltip>\n\t\t\t\t)}\n\n\t\t\t\t{status === 'uploading' && onCancel && (\n\t\t\t\t\t<DsTooltip content=\"Cancel\">\n\t\t\t\t\t\t<DsButton\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tdesign=\"v1.2\"\n\t\t\t\t\t\t\tbuttonType=\"tertiary\"\n\t\t\t\t\t\t\taria-label={`Cancel ${name} upload`}\n\t\t\t\t\t\t\tonClick={() => onCancel(id)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<DsIcon icon=\"close\" size=\"small\" />\n\t\t\t\t\t\t</DsButton>\n\t\t\t\t\t</DsTooltip>\n\t\t\t\t)}\n\n\t\t\t\t{status === 'completed' && (\n\t\t\t\t\t<DsTooltip content=\"Delete\">\n\t\t\t\t\t\t<DsButton\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tdesign=\"v1.2\"\n\t\t\t\t\t\t\tbuttonType=\"tertiary\"\n\t\t\t\t\t\t\taria-label={`Delete ${name}`}\n\t\t\t\t\t\t\tonClick={() => onDelete?.(id)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<DsIcon icon=\"delete\" size=\"small\" />\n\t\t\t\t\t\t</DsButton>\n\t\t\t\t\t</DsTooltip>\n\t\t\t\t)}\n\t\t\t</div>\n\n\t\t\t{status === 'completed' && (\n\t\t\t\t<div className={styles.completedText}>\n\t\t\t\t\t<DsIcon icon=\"check_circle\" size=\"tiny\" filled />\n\t\t\t\t\tUpload complete\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{status === 'interrupted' && (\n\t\t\t\t<div className={styles.interruptedText}>\n\t\t\t\t\t<DsIcon icon=\"info\" size=\"tiny\" filled />\n\t\t\t\t\tUpload interrupted\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{status === 'cancelled' && (\n\t\t\t\t<div className={styles.interruptedText}>\n\t\t\t\t\t<DsIcon icon=\"info\" size=\"tiny\" filled />\n\t\t\t\t\tUpload cancelled\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{status === 'error' &&\n\t\t\t\terrors?.length &&\n\t\t\t\terrors.map((error) => (\n\t\t\t\t\t<div key={error} className={styles.errorMessage}>\n\t\t\t\t\t\t<DsIcon icon=\"cancel\" size=\"tiny\" filled />\n\t\t\t\t\t\t{getErrorMessage(error)}\n\t\t\t\t\t</div>\n\t\t\t\t))}\n\n\t\t\t{!hideProgress && status === 'uploading' && (\n\t\t\t\t<span className={styles.progressText}>Uploading...({Math.round(progress)}%)</span>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAcA,MAAaA,kBAAiD,EAC7D,IACA,MACA,UACA,eAAe,OACf,QACA,QACA,UACA,SACA,UACA,eACK;CACL,MAAM,gBAAgB,WAAWC,gCAAO,iBAAiB;GACvDA,gCAAO,gBAAgB,WAAW;GAClCA,gCAAO,oBAAoB,WAAW;GACtCA,gCAAO,oBAAoB,WAAW;GACtCA,gCAAO,sBAAsB,WAAW,iBAAiB,WAAW;EACrE,CAAC;AAEF,QACC,qBAAC;EAAI,WAAWA,gCAAO;;GACtB,qBAAC;IAAI,WAAW;;KACf,oBAACC;MAAO,WAAWD,gCAAO;MAAa,MAAK;MAAc,MAAK;OAAS;KAExE,qBAAC;MAAI,WAAWA,gCAAO;iBACtB,oBAAC;OAAI,WAAWA,gCAAO;OAAU,OAAO;iBACtC;QACI,EAEN,oBAAC,SAAS;OAAK,OAAO,WAAW,UAAU,IAAI;OAAU,WAAWA,gCAAO;iBAC1E,oBAAC,SAAS;QAAM,WAAWA,gCAAO;kBACjC,oBAAC,SAAS,SAAM,WAAWA,gCAAO,gBAAiB;SACnC;QACF;OACX;MAEJ,WAAW,iBAAiB,WAAW,gBAAgB,WACxD,oBAACE;MAAU,SAAQ;gBAClB,oBAACC;OACA,MAAK;OACL,QAAO;OACP,YAAW;OACX,cAAY,SAAS,KAAK;OAC1B,eAAe,QAAQ,GAAG;iBAE1B,oBAACF;QAAO,MAAK;QAAU,MAAK;SAAU;QAC5B;OACA;MAGX,WAAW,aAAa,WAAW,WAAW,WAAW,kBAC1D,oBAACC;MAAU,SAAQ;gBAClB,oBAACC;OACA,MAAK;OACL,QAAO;OACP,YAAW;OACX,cAAY,UAAU,KAAK;OAC3B,eAAe,WAAW,GAAG;iBAE7B,oBAACF;QAAO,MAAK;QAAoB,MAAK;SAAU;QACtC;OACA;KAGZ,WAAW,eAAe,YAC1B,oBAACC;MAAU,SAAQ;gBAClB,oBAACC;OACA,MAAK;OACL,QAAO;OACP,YAAW;OACX,cAAY,UAAU,KAAK;OAC3B,eAAe,SAAS,GAAG;iBAE3B,oBAACF;QAAO,MAAK;QAAQ,MAAK;SAAU;QAC1B;OACA;KAGZ,WAAW,eACX,oBAACC;MAAU,SAAQ;gBAClB,oBAACC;OACA,MAAK;OACL,QAAO;OACP,YAAW;OACX,cAAY,UAAU;OACtB,eAAe,WAAW,GAAG;iBAE7B,oBAACF;QAAO,MAAK;QAAS,MAAK;SAAU;QAC3B;OACA;;KAER;GAEL,WAAW,eACX,qBAAC;IAAI,WAAWD,gCAAO;eACtB,oBAACC;KAAO,MAAK;KAAe,MAAK;KAAO;MAAS;KAE5C;GAGN,WAAW,iBACX,qBAAC;IAAI,WAAWD,gCAAO;eACtB,oBAACC;KAAO,MAAK;KAAO,MAAK;KAAO;MAAS;KAEpC;GAGN,WAAW,eACX,qBAAC;IAAI,WAAWD,gCAAO;eACtB,oBAACC;KAAO,MAAK;KAAO,MAAK;KAAO;MAAS;KAEpC;GAGN,WAAW,WACX,QAAQ,UACR,OAAO,KAAK,UACX,qBAAC;IAAgB,WAAWD,gCAAO;eAClC,oBAACC;KAAO,MAAK;KAAS,MAAK;KAAO;MAAS,EAC1C,gBAAgB,MAAM;MAFd,MAGJ,CACL;GAEF,CAAC,gBAAgB,WAAW,eAC5B,qBAAC;IAAK,WAAWD,gCAAO;;KAAc;KAAc,KAAK,MAAM,SAAS;KAAC;;KAAS;;GAE9E"}

package/dist/components/ds-file-upload/components/file-upload-item/file-upload-item.module.cjs

@@ -0,0 +1,24 @@
+
+//#region src/components/ds-file-upload/components/file-upload-item/file-upload-item.module.scss
+var file_upload_item_module_default = {
+	"fileItem": "_fileItem_4ejd1_1",
+	"fileItemContent": "_fileItemContent_4ejd1_1",
+	"fileItemError": "_fileItemError_4ejd1_1",
+	"progressRange": "_progressRange_4ejd1_1",
+	"fileItemCompleted": "_fileItemCompleted_4ejd1_1",
+	"fileItemUploading": "_fileItemUploading_4ejd1_1",
+	"fileItemInterrupted": "_fileItemInterrupted_4ejd1_1",
+	"filePreview": "_filePreview_4ejd1_1",
+	"fileInfo": "_fileInfo_4ejd1_1",
+	"fileName": "_fileName_4ejd1_1",
+	"progressContainer": "_progressContainer_4ejd1_1",
+	"progressBar": "_progressBar_4ejd1_1",
+	"progressTrack": "_progressTrack_4ejd1_1",
+	"progressText": "_progressText_4ejd1_1",
+	"completedText": "_completedText_4ejd1_1",
+	"interruptedText": "_interruptedText_4ejd1_1",
+	"errorMessage": "_errorMessage_4ejd1_1"
+};
+
+//#endregion
+exports.default = file_upload_item_module_default;

package/dist/components/ds-file-upload/components/file-upload-item/file-upload-item.module.js

@@ -0,0 +1,24 @@
+//#region src/components/ds-file-upload/components/file-upload-item/file-upload-item.module.scss
+var file_upload_item_module_default = {
+	"fileItem": "_fileItem_4ejd1_1",
+	"fileItemContent": "_fileItemContent_4ejd1_1",
+	"fileItemError": "_fileItemError_4ejd1_1",
+	"progressRange": "_progressRange_4ejd1_1",
+	"fileItemCompleted": "_fileItemCompleted_4ejd1_1",
+	"fileItemUploading": "_fileItemUploading_4ejd1_1",
+	"fileItemInterrupted": "_fileItemInterrupted_4ejd1_1",
+	"filePreview": "_filePreview_4ejd1_1",
+	"fileInfo": "_fileInfo_4ejd1_1",
+	"fileName": "_fileName_4ejd1_1",
+	"progressContainer": "_progressContainer_4ejd1_1",
+	"progressBar": "_progressBar_4ejd1_1",
+	"progressTrack": "_progressTrack_4ejd1_1",
+	"progressText": "_progressText_4ejd1_1",
+	"completedText": "_completedText_4ejd1_1",
+	"interruptedText": "_interruptedText_4ejd1_1",
+	"errorMessage": "_errorMessage_4ejd1_1"
+};
+
+//#endregion
+export { file_upload_item_module_default as default };
+//# sourceMappingURL=file-upload-item.module.js.map

package/dist/components/ds-file-upload/components/file-upload-item/file-upload-item.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload-item.module.js","names":[],"sources":["../../../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/components/ds-file-upload/components/file-upload-item/file-upload-item.module.scss","../../../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/_typography.scss"],"sourcesContent":["@use '../../../../styles/typography';\n\n.fileItem {\n\tdisplay: flex;\n\tflex-direction: column;\n\n\t.fileItemContent {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: var(--spacing-2xs);\n\t\twidth: 100%;\n\t\tbackground-color: var(--color-background);\n\t\tpadding: var(--spacing-4xs) var(--exo-spacing-x-small);\n\t\tborder: 1px solid transparent;\n\t\tborder-radius: var(--exo-spacing-2x-small);\n\t\ttransition: all 0.2s ease;\n\n\t\t&:hover {\n\t\t\tborder-color: var(--color-border-secondary);\n\t\t}\n\n\t\t&[data-disabled] {\n\t\t\topacity: 0.5;\n\t\t}\n\n\t\t&.fileItemError {\n\t\t\tbackground-color: var(--color-background-danger-weak);\n\n\t\t\t.progressRange {\n\t\t\t\tbackground: var(--color-background-danger-strong);\n\t\t\t}\n\t\t}\n\n\t\t&.fileItemCompleted {\n\t\t\t.progressRange {\n\t\t\t\tbackground: var(--color-background-success-strong);\n\t\t\t}\n\t\t}\n\n\t\t&.fileItemUploading {\n\t\t\t.progressRange {\n\t\t\t\tbackground: var(--color-background-selected);\n\t\t\t}\n\t\t}\n\n\t\t&.fileItemInterrupted {\n\t\t\t.progressRange {\n\t\t\t\tbackground: var(--color-background-warning-strong);\n\t\t\t}\n\t\t}\n\t}\n}\n\n.filePreview {\n\tcolor: var(--color-background-deselected);\n}\n\n.fileInfo {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: var(--spacing-2xs);\n\tflex: 1;\n\tmin-width: 0;\n}\n\n.fileName {\n\t@include typography.body-sm-reg;\n\t@include typography.ellipsis;\n\tcolor: var(--color-font-main);\n\tflex: 1 0 75%;\n}\n\n.progressContainer {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: var(--spacing-xs);\n\twidth: 100%;\n}\n\n.progressBar {\n\twidth: 100%;\n\theight: 2px;\n}\n\n.progressTrack {\n\twidth: 100%;\n\theight: 100%;\n\tbackground-color: var(--color-background-tertiary);\n\tborder-radius: var(--exo-spacing-2x-small);\n\toverflow: hidden;\n}\n\n.progressRange {\n\theight: 100%;\n\tbackground-color: var(--color-background-selected);\n\tborder-radius: 2px;\n\ttransition: width 0.3s ease;\n}\n\n@mixin infoText {\n\t@include typography.body-xs-reg;\n\tdisplay: flex;\n\tgap: var(--spacing-3xs);\n\tpadding: var(--spacing-3xs) var(--spacing-sm);\n}\n\n.progressText {\n\t@include infoText;\n\tcolor: var(--color-font-secondary);\n}\n\n.completedText {\n\t@include infoText;\n\tcolor: var(--color-background-success-strong);\n}\n\n.interruptedText {\n\t@include infoText;\n\tcolor: var(--color-font-warning);\n}\n\n.errorMessage {\n\t@include infoText;\n\tcolor: var(--color-background-danger-strong);\n}\n"],"mappings":""}

package/dist/components/ds-file-upload/components/file-upload-item/index.cjs

@@ -0,0 +1 @@
+const require_file_upload_item = require('./file-upload-item.cjs');

package/dist/components/ds-file-upload/components/file-upload-item/index.js

@@ -0,0 +1 @@
+import { FileUploadItem } from "./file-upload-item.js";

package/dist/components/ds-file-upload/ds-file-upload-api.types.d.cts

@@ -0,0 +1,38 @@
+import { FileUploadFileError } from "@ark-ui/react";
+
+//#region src/components/ds-file-upload/ds-file-upload-api.types.d.ts
+type FileError = FileUploadFileError;
+type UploadFileStatus = 'pending' | 'uploading' | 'interrupted' | 'completed' | 'error' | 'cancelled';
+type FileMetadata = Record<string, unknown>;
+interface UploadedFile extends File {
+  id: string;
+  progress: number;
+  status: UploadFileStatus;
+  errors?: FileError[];
+}
+interface FileUploadOptions {
+  file: File;
+  fileId: string;
+  metadata?: FileMetadata;
+  onProgress?: (progress: number) => void;
+  signal?: AbortSignal;
+}
+interface FileUploadResult {
+  url: string;
+  metadata?: FileMetadata;
+}
+/**
+ * File upload adapter interface
+ * The upload method should:
+ * - resolve with FileUploadResult on success
+ * - reject with RetryableFileUploadError for transient failures
+ * - reject with FatalFileUploadError for permanent failures
+ */
+interface FileUploadAdapter {
+  upload: (options: FileUploadOptions) => FileUploadResult | Promise<FileUploadResult>;
+  cancel?: (fileId: string) => void | Promise<void>;
+  delete?: (fileId: string) => void | Promise<void>;
+}
+//#endregion
+export { FileError, FileMetadata, FileUploadAdapter, FileUploadOptions, FileUploadResult, UploadedFile };
+//# sourceMappingURL=ds-file-upload-api.types.d.cts.map

package/dist/components/ds-file-upload/ds-file-upload-api.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-file-upload-api.types.d.cts","names":[],"sources":["../../../src/components/ds-file-upload/ds-file-upload-api.types.ts"],"sourcesContent":[],"mappings":";;;KAEY,SAAA,GAAY;KACZ,gBAAA;AADA,KAEA,YAAA,GAAe,MAFH,CAAA,MAAA,EAAA,OAAmB,CAAA;AAC/B,UAGK,YAAA,SAAqB,IAHV,CAAA;EAChB,EAAA,EAAA,MAAA;EAEK,QAAA,EAAA,MAAa;EAGrB,MAAA,EAAA,gBAAA;EACC,MAAA,CAAA,EAAA,SAAA,EAAA;;AAJgC,UAOzB,iBAAA,CAPyB;EAOzB,IAAA,EACV,IADU;EACV,MAAA,EAAA,MAAA;EAEK,QAAA,CAAA,EAAA,YAAA;EAEF,UAAA,CAAA,EAAA,CAAA,QAAA,EAAA,MAAA,EAAA,GAAA,IAAA;EAAW,MAAA,CAAA,EAAX,WAAW;AAGrB;AAYiB,UAZA,gBAAA,CAYiB;EACf,GAAA,EAAA,MAAA;EAAsB,QAAA,CAAA,EAX7B,YAW6B;;;;;;;;;UADxB,iBAAA;oBACE,sBAAsB,mBAAmB,QAAQ;sCAC/B;sCACA"}

package/dist/components/ds-file-upload/ds-file-upload-api.types.d.ts

@@ -0,0 +1,38 @@
+import { FileUploadFileError } from "@ark-ui/react";
+
+//#region src/components/ds-file-upload/ds-file-upload-api.types.d.ts
+type FileError = FileUploadFileError;
+type UploadFileStatus = 'pending' | 'uploading' | 'interrupted' | 'completed' | 'error' | 'cancelled';
+type FileMetadata = Record<string, unknown>;
+interface UploadedFile extends File {
+  id: string;
+  progress: number;
+  status: UploadFileStatus;
+  errors?: FileError[];
+}
+interface FileUploadOptions {
+  file: File;
+  fileId: string;
+  metadata?: FileMetadata;
+  onProgress?: (progress: number) => void;
+  signal?: AbortSignal;
+}
+interface FileUploadResult {
+  url: string;
+  metadata?: FileMetadata;
+}
+/**
+ * File upload adapter interface
+ * The upload method should:
+ * - resolve with FileUploadResult on success
+ * - reject with RetryableFileUploadError for transient failures
+ * - reject with FatalFileUploadError for permanent failures
+ */
+interface FileUploadAdapter {
+  upload: (options: FileUploadOptions) => FileUploadResult | Promise<FileUploadResult>;
+  cancel?: (fileId: string) => void | Promise<void>;
+  delete?: (fileId: string) => void | Promise<void>;
+}
+//#endregion
+export { FileError, FileMetadata, FileUploadAdapter, FileUploadOptions, FileUploadResult, UploadedFile };
+//# sourceMappingURL=ds-file-upload-api.types.d.ts.map

package/dist/components/ds-file-upload/ds-file-upload-api.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-file-upload-api.types.d.ts","names":[],"sources":["../../../src/components/ds-file-upload/ds-file-upload-api.types.ts"],"sourcesContent":[],"mappings":";;;KAEY,SAAA,GAAY;KACZ,gBAAA;AADA,KAEA,YAAA,GAAe,MAFH,CAAA,MAAA,EAAA,OAAmB,CAAA;AAC/B,UAGK,YAAA,SAAqB,IAHV,CAAA;EAChB,EAAA,EAAA,MAAA;EAEK,QAAA,EAAA,MAAa;EAGrB,MAAA,EAAA,gBAAA;EACC,MAAA,CAAA,EAAA,SAAA,EAAA;;AAJgC,UAOzB,iBAAA,CAPyB;EAOzB,IAAA,EACV,IADU;EACV,MAAA,EAAA,MAAA;EAEK,QAAA,CAAA,EAAA,YAAA;EAEF,UAAA,CAAA,EAAA,CAAA,QAAA,EAAA,MAAA,EAAA,GAAA,IAAA;EAAW,MAAA,CAAA,EAAX,WAAW;AAGrB;AAYiB,UAZA,gBAAA,CAYiB;EACf,GAAA,EAAA,MAAA;EAAsB,QAAA,CAAA,EAX7B,YAW6B;;;;;;;;;UADxB,iBAAA;oBACE,sBAAsB,mBAAmB,QAAQ;sCAC/B;sCACA"}

package/dist/components/ds-file-upload/ds-file-upload.cjs

@@ -0,0 +1,37 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_file_upload = require('./components/file-upload/file-upload.cjs');
+require('./components/file-upload/index.cjs');
+const require_use_file_upload = require('./hooks/use-file-upload.cjs');
+require('./hooks/index.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/ds-file-upload/ds-file-upload.tsx
+/**
+* Design system File Upload component (with state management)
+*/
+const DsFileUpload = ({ adapter, autoUpload = true, maxConcurrent = 3, metadata, onFileUploadComplete, onFileUploadError, onFilesAdded, onFileRemoved, onFileDeleted, onFileUploadCanceled, onFileUploadRetried, onAllFileUploadsComplete, ...props }) => {
+	const { getProps } = require_use_file_upload.useFileUpload({
+		adapter,
+		autoUpload,
+		maxConcurrent,
+		maxFiles: props.maxFiles,
+		metadata,
+		onFileUploadComplete,
+		onFileUploadError,
+		onAllFileUploadsComplete
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_file_upload.FileUpload, {
+		...getProps({
+			onFilesAdded,
+			onFileRemoved,
+			onFileDeleted,
+			onFileUploadCanceled,
+			onFileUploadRetried
+		}),
+		...props
+	});
+};
+var ds_file_upload_default = DsFileUpload;
+
+//#endregion
+exports.default = ds_file_upload_default;

package/dist/components/ds-file-upload/ds-file-upload.d.cts

@@ -0,0 +1,12 @@
+import { DsFileUploadProps } from "./ds-file-upload.types.cjs";
+import React from "react";
+
+//#region src/components/ds-file-upload/ds-file-upload.d.ts
+
+/**
+ * Design system File Upload component (with state management)
+ */
+declare const DsFileUpload: React.FC<DsFileUploadProps>;
+//#endregion
+export { DsFileUpload };
+//# sourceMappingURL=ds-file-upload.d.cts.map

package/dist/components/ds-file-upload/ds-file-upload.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-file-upload.d.cts","names":[],"sources":["../../../src/components/ds-file-upload/ds-file-upload.tsx"],"sourcesContent":[],"mappings":";;;;;;;AACgE;cAO1D,cAAc,KAAA,CAAM,GAAG"}

package/dist/components/ds-file-upload/ds-file-upload.d.ts

@@ -0,0 +1,12 @@
+import { DsFileUploadProps } from "./ds-file-upload.types.js";
+import React from "react";
+
+//#region src/components/ds-file-upload/ds-file-upload.d.ts
+
+/**
+ * Design system File Upload component (with state management)
+ */
+declare const DsFileUpload: React.FC<DsFileUploadProps>;
+//#endregion
+export { DsFileUpload };
+//# sourceMappingURL=ds-file-upload.d.ts.map

package/dist/components/ds-file-upload/ds-file-upload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-file-upload.d.ts","names":[],"sources":["../../../src/components/ds-file-upload/ds-file-upload.tsx"],"sourcesContent":[],"mappings":";;;;;;;AACgE;cAO1D,cAAc,KAAA,CAAM,GAAG"}

package/dist/components/ds-file-upload/ds-file-upload.js

@@ -0,0 +1,37 @@
+import { FileUpload } from "./components/file-upload/file-upload.js";
+import "./components/file-upload/index.js";
+import { useFileUpload } from "./hooks/use-file-upload.js";
+import "./hooks/index.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/ds-file-upload/ds-file-upload.tsx
+/**
+* Design system File Upload component (with state management)
+*/
+const DsFileUpload = ({ adapter, autoUpload = true, maxConcurrent = 3, metadata, onFileUploadComplete, onFileUploadError, onFilesAdded, onFileRemoved, onFileDeleted, onFileUploadCanceled, onFileUploadRetried, onAllFileUploadsComplete, ...props }) => {
+	const { getProps } = useFileUpload({
+		adapter,
+		autoUpload,
+		maxConcurrent,
+		maxFiles: props.maxFiles,
+		metadata,
+		onFileUploadComplete,
+		onFileUploadError,
+		onAllFileUploadsComplete
+	});
+	return /* @__PURE__ */ jsx(FileUpload, {
+		...getProps({
+			onFilesAdded,
+			onFileRemoved,
+			onFileDeleted,
+			onFileUploadCanceled,
+			onFileUploadRetried
+		}),
+		...props
+	});
+};
+var ds_file_upload_default = DsFileUpload;
+
+//#endregion
+export { ds_file_upload_default as default };
+//# sourceMappingURL=ds-file-upload.js.map

package/dist/components/ds-file-upload/ds-file-upload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-file-upload.js","names":["DsFileUpload: React.FC<DsFileUploadProps>"],"sources":["../../../src/components/ds-file-upload/ds-file-upload.tsx"],"sourcesContent":["import type React from 'react';\nimport type { DsFileUploadProps } from './ds-file-upload.types';\nimport { FileUpload } from './components/file-upload';\nimport { useFileUpload } from './hooks';\n\n/**\n * Design system File Upload component (with state management)\n */\nconst DsFileUpload: React.FC<DsFileUploadProps> = ({\n\tadapter,\n\tautoUpload = true,\n\tmaxConcurrent = 3,\n\tmetadata,\n\tonFileUploadComplete,\n\tonFileUploadError,\n\tonFilesAdded,\n\tonFileRemoved,\n\tonFileDeleted,\n\tonFileUploadCanceled,\n\tonFileUploadRetried,\n\tonAllFileUploadsComplete,\n\t...props\n}) => {\n\tconst { getProps } = useFileUpload({\n\t\tadapter,\n\t\tautoUpload,\n\t\tmaxConcurrent,\n\t\tmaxFiles: props.maxFiles,\n\t\tmetadata,\n\t\tonFileUploadComplete,\n\t\tonFileUploadError,\n\t\tonAllFileUploadsComplete,\n\t});\n\n\tconst fileUploadProps = getProps({\n\t\tonFilesAdded,\n\t\tonFileRemoved,\n\t\tonFileDeleted,\n\t\tonFileUploadCanceled,\n\t\tonFileUploadRetried,\n\t});\n\n\treturn <FileUpload {...fileUploadProps} {...props} />;\n};\n\nexport default DsFileUpload;\n"],"mappings":";;;;;;;;;;AAQA,MAAMA,gBAA6C,EAClD,SACA,aAAa,MACb,gBAAgB,GAChB,UACA,sBACA,mBACA,cACA,eACA,eACA,sBACA,qBACA,0BACA,GAAG,YACE;CACL,MAAM,EAAE,aAAa,cAAc;EAClC;EACA;EACA;EACA,UAAU,MAAM;EAChB;EACA;EACA;EACA;EACA,CAAC;AAUF,QAAO,oBAAC;EAAW,GARK,SAAS;GAChC;GACA;GACA;GACA;GACA;GACA,CAAC;EAEsC,GAAI;GAAS;;AAGtD,6BAAe"}

package/dist/components/ds-file-upload/ds-file-upload.types.d.cts

@@ -0,0 +1,36 @@
+import { FileMetadata, FileUploadAdapter, FileUploadResult } from "./ds-file-upload-api.types.cjs";
+import { FileUploadProps } from "./components/file-upload/file-upload.types.cjs";
+
+//#region src/components/ds-file-upload/ds-file-upload.types.d.ts
+interface DsFileUploadProps extends Omit<FileUploadProps, 'files' | 'acceptedFiles' | 'onFileAccept' | 'onFileReject' | 'onFileRemove' | 'onFileDelete' | 'onFileCancel' | 'onFileRetry' | 'uploadProgress'> {
+  /** Upload adapter implementation */
+  adapter: FileUploadAdapter;
+  /**
+   * Whether to start upload automatically when files are added
+   * @default true
+   */
+  autoUpload?: boolean;
+  /** Maximum number of concurrent uploads */
+  maxConcurrent?: number;
+  /** Additional metadata to attach to uploads */
+  metadata?: FileMetadata;
+  /** Called when a file upload completes successfully */
+  onFileUploadComplete?: (fileId: string, result: FileUploadResult) => void;
+  /** Called when a file upload fails */
+  onFileUploadError?: (fileId: string, error: string) => void;
+  /** Called when files are added (before upload) */
+  onFilesAdded?: (files: File[]) => void;
+  /** Called when a file is removed */
+  onFileRemoved?: (fileId: string) => void;
+  /** Called when a file is deleted */
+  onFileDeleted?: (fileId: string) => void;
+  /** Called when a file upload is canceled */
+  onFileUploadCanceled?: (fileId: string) => void;
+  /** Called when a file upload is retried */
+  onFileUploadRetried?: (fileId: string) => void;
+  /** Called when all file uploads are complete */
+  onAllFileUploadsComplete?: () => void;
+}
+//#endregion
+export { DsFileUploadProps };
+//# sourceMappingURL=ds-file-upload.types.d.cts.map

package/dist/components/ds-file-upload/ds-file-upload.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-file-upload.types.d.cts","names":[],"sources":["../../../src/components/ds-file-upload/ds-file-upload.types.tsx"],"sourcesContent":[],"mappings":";;;;UAGiB,iBAAA,SAA0B,KAC1C;;EADgB,OAAA,EAaP,iBAbyB;EAClC;;;;EAiCuB,UAAA,CAAA,EAAA,OAAA;EAlCmB;EAAI,aAAA,CAAA,EAAA,MAAA;;aAyBnC;;kDAGqC;;;;yBAMzB"}

package/dist/components/ds-file-upload/ds-file-upload.types.d.ts

@@ -0,0 +1,37 @@
+import { FileMetadata, FileUploadAdapter, FileUploadResult } from "./ds-file-upload-api.types.js";
+import { FileUploadProps } from "./components/file-upload/file-upload.types.js";
+import "./components/file-upload/index.js";
+
+//#region src/components/ds-file-upload/ds-file-upload.types.d.ts
+interface DsFileUploadProps extends Omit<FileUploadProps, 'files' | 'acceptedFiles' | 'onFileAccept' | 'onFileReject' | 'onFileRemove' | 'onFileDelete' | 'onFileCancel' | 'onFileRetry' | 'uploadProgress'> {
+  /** Upload adapter implementation */
+  adapter: FileUploadAdapter;
+  /**
+   * Whether to start upload automatically when files are added
+   * @default true
+   */
+  autoUpload?: boolean;
+  /** Maximum number of concurrent uploads */
+  maxConcurrent?: number;
+  /** Additional metadata to attach to uploads */
+  metadata?: FileMetadata;
+  /** Called when a file upload completes successfully */
+  onFileUploadComplete?: (fileId: string, result: FileUploadResult) => void;
+  /** Called when a file upload fails */
+  onFileUploadError?: (fileId: string, error: string) => void;
+  /** Called when files are added (before upload) */
+  onFilesAdded?: (files: File[]) => void;
+  /** Called when a file is removed */
+  onFileRemoved?: (fileId: string) => void;
+  /** Called when a file is deleted */
+  onFileDeleted?: (fileId: string) => void;
+  /** Called when a file upload is canceled */
+  onFileUploadCanceled?: (fileId: string) => void;
+  /** Called when a file upload is retried */
+  onFileUploadRetried?: (fileId: string) => void;
+  /** Called when all file uploads are complete */
+  onAllFileUploadsComplete?: () => void;
+}
+//#endregion
+export { DsFileUploadProps };
+//# sourceMappingURL=ds-file-upload.types.d.ts.map

package/dist/components/ds-file-upload/ds-file-upload.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-file-upload.types.d.ts","names":[],"sources":["../../../src/components/ds-file-upload/ds-file-upload.types.tsx"],"sourcesContent":[],"mappings":";;;;;UAGiB,iBAAA,SAA0B,KAC1C;;WAYS;EAbO;;;;EA4BgC,UAAA,CAAA,EAAA,OAAA;EAMzB;EAlCmB,aAAA,CAAA,EAAA,MAAA;EAAI;aAyBnC;;kDAGqC;;;;yBAMzB"}

package/dist/components/ds-file-upload/errors/file-upload-errors.cjs

@@ -0,0 +1,30 @@
+
+//#region src/components/ds-file-upload/errors/file-upload-errors.ts
+/**
+* Base class for file upload errors
+*/
+var FileUploadError = class extends Error {
+	constructor(message) {
+		super(message);
+		this.name = this.constructor.name;
+	}
+};
+/**
+* Retryable file upload error - indicates the upload can be retried
+* Examples: network errors, timeouts, temporary server errors (503), user cancellation
+*/
+var RetryableFileUploadError = class extends FileUploadError {
+	isRetryable = true;
+};
+/**
+* Fatal file upload error - indicates the upload should not be retried
+* Examples: file type not allowed, file too large, invalid credentials, malformed response
+*/
+var FatalFileUploadError = class extends FileUploadError {
+	isRetryable = false;
+};
+
+//#endregion
+exports.FatalFileUploadError = FatalFileUploadError;
+exports.FileUploadError = FileUploadError;
+exports.RetryableFileUploadError = RetryableFileUploadError;

package/dist/components/ds-file-upload/errors/file-upload-errors.d.cts

@@ -0,0 +1,25 @@
+//#region src/components/ds-file-upload/errors/file-upload-errors.d.ts
+/**
+ * Base class for file upload errors
+ */
+declare abstract class FileUploadError extends Error {
+  abstract readonly isRetryable: boolean;
+  constructor(message: string);
+}
+/**
+ * Retryable file upload error - indicates the upload can be retried
+ * Examples: network errors, timeouts, temporary server errors (503), user cancellation
+ */
+declare class RetryableFileUploadError extends FileUploadError {
+  readonly isRetryable = true;
+}
+/**
+ * Fatal file upload error - indicates the upload should not be retried
+ * Examples: file type not allowed, file too large, invalid credentials, malformed response
+ */
+declare class FatalFileUploadError extends FileUploadError {
+  readonly isRetryable = false;
+}
+//#endregion
+export { FatalFileUploadError, FileUploadError, RetryableFileUploadError };
+//# sourceMappingURL=file-upload-errors.d.cts.map

package/dist/components/ds-file-upload/errors/file-upload-errors.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload-errors.d.cts","names":[],"sources":["../../../../src/components/ds-file-upload/errors/file-upload-errors.ts"],"sourcesContent":[],"mappings":";;AAGA;AAaA;AAQa,uBArBS,eAAA,SAAwB,KAAA,CAqBW;;;;;;;;cAR5C,wBAAA,SAAiC,eAAA;;;;;;;cAQjC,oBAAA,SAA6B,eAAA"}

package/dist/components/ds-file-upload/errors/file-upload-errors.d.ts

@@ -0,0 +1,25 @@
+//#region src/components/ds-file-upload/errors/file-upload-errors.d.ts
+/**
+ * Base class for file upload errors
+ */
+declare abstract class FileUploadError extends Error {
+  abstract readonly isRetryable: boolean;
+  constructor(message: string);
+}
+/**
+ * Retryable file upload error - indicates the upload can be retried
+ * Examples: network errors, timeouts, temporary server errors (503), user cancellation
+ */
+declare class RetryableFileUploadError extends FileUploadError {
+  readonly isRetryable = true;
+}
+/**
+ * Fatal file upload error - indicates the upload should not be retried
+ * Examples: file type not allowed, file too large, invalid credentials, malformed response
+ */
+declare class FatalFileUploadError extends FileUploadError {
+  readonly isRetryable = false;
+}
+//#endregion
+export { FatalFileUploadError, FileUploadError, RetryableFileUploadError };
+//# sourceMappingURL=file-upload-errors.d.ts.map

package/dist/components/ds-file-upload/errors/file-upload-errors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload-errors.d.ts","names":[],"sources":["../../../../src/components/ds-file-upload/errors/file-upload-errors.ts"],"sourcesContent":[],"mappings":";;AAGA;AAaA;AAQa,uBArBS,eAAA,SAAwB,KAAA,CAqBW;;;;;;;;cAR5C,wBAAA,SAAiC,eAAA;;;;;;;cAQjC,oBAAA,SAA6B,eAAA"}

package/dist/components/ds-file-upload/errors/file-upload-errors.js

@@ -0,0 +1,28 @@
+//#region src/components/ds-file-upload/errors/file-upload-errors.ts
+/**
+* Base class for file upload errors
+*/
+var FileUploadError = class extends Error {
+	constructor(message) {
+		super(message);
+		this.name = this.constructor.name;
+	}
+};
+/**
+* Retryable file upload error - indicates the upload can be retried
+* Examples: network errors, timeouts, temporary server errors (503), user cancellation
+*/
+var RetryableFileUploadError = class extends FileUploadError {
+	isRetryable = true;
+};
+/**
+* Fatal file upload error - indicates the upload should not be retried
+* Examples: file type not allowed, file too large, invalid credentials, malformed response
+*/
+var FatalFileUploadError = class extends FileUploadError {
+	isRetryable = false;
+};
+
+//#endregion
+export { FatalFileUploadError, FileUploadError, RetryableFileUploadError };
+//# sourceMappingURL=file-upload-errors.js.map