@dextinity/admin 2.0.0-canary-20260729062014

package/lib/form/file/FileSelectListItem.js

@@ -0,0 +1,240 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24;
+var _excluded = ["file", "disabled", "onClickDownload", "downloadUrl", "onClickDelete", "iconMapping", "filePreview", "slotProps"];
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import { Delete, Download, Error, File as FileIcon, FileNotMenu, ThreeDotSaving } from "@dextinity/admin-icons";
+import { Chip, css, IconButton as MuiIconButton, Skeleton as MuiSkeleton, Typography, useThemeProps } from "@mui/material";
+import { useRef } from "react";
+import { Tooltip } from "../../common/Tooltip";
+import { createComponentSlot } from "../../helpers/createComponentSlot";
+import { PrettyBytes } from "../../helpers/PrettyBytes";
+import { useElementIsOverflowing } from "../../hooks/useElementIsOverflowing";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export var FileSelectListItem = function FileSelectListItem(inProps) {
+  var _useThemeProps = useThemeProps({
+      props: inProps,
+      name: "CometAdminFileSelectListItem"
+    }),
+    file = _useThemeProps.file,
+    disabled = _useThemeProps.disabled,
+    onClickDownload = _useThemeProps.onClickDownload,
+    downloadUrl = _useThemeProps.downloadUrl,
+    onClickDelete = _useThemeProps.onClickDelete,
+    _useThemeProps$iconMa = _useThemeProps.iconMapping,
+    iconMapping = _useThemeProps$iconMa === void 0 ? {} : _useThemeProps$iconMa,
+    filePreview = _useThemeProps.filePreview,
+    slotProps = _useThemeProps.slotProps,
+    restProps = _objectWithoutProperties(_useThemeProps, _excluded);
+  var fileNameRef = useRef(null);
+  var fileNameIsOverflowing = useElementIsOverflowing(fileNameRef);
+  var _iconMapping$download = iconMapping.download,
+    downloadIcon = _iconMapping$download === void 0 ? /*#__PURE__*/_jsx(Download, {}) : _iconMapping$download,
+    _iconMapping$delete = iconMapping["delete"],
+    deleteIcon = _iconMapping$delete === void 0 ? /*#__PURE__*/_jsx(Delete, {}) : _iconMapping$delete,
+    _iconMapping$loading = iconMapping.loading,
+    loadingIcon = _iconMapping$loading === void 0 ? /*#__PURE__*/_jsx(ThreeDotSaving, {}) : _iconMapping$loading,
+    _iconMapping$error = iconMapping.error,
+    errorIcon = _iconMapping$error === void 0 ? /*#__PURE__*/_jsx(Error, {
+      fontSize: "inherit"
+    }) : _iconMapping$error,
+    _iconMapping$filePrev = iconMapping.filePreviewGenericFile,
+    filePreviewGenericFileIcon = _iconMapping$filePrev === void 0 ? /*#__PURE__*/_jsx(FileIcon, {
+      fontSize: "inherit",
+      color: "inherit"
+    }) : _iconMapping$filePrev,
+    _iconMapping$filePrev2 = iconMapping.filePreviewLoading,
+    filePreviewLoadingIcon = _iconMapping$filePrev2 === void 0 ? /*#__PURE__*/_jsx(ThreeDotSaving, {
+      fontSize: "inherit",
+      color: "inherit"
+    }) : _iconMapping$filePrev2,
+    _iconMapping$filePrev3 = iconMapping.filePreviewError,
+    filePreviewErrorIcon = _iconMapping$filePrev3 === void 0 ? /*#__PURE__*/_jsx(FileNotMenu, {
+      fontSize: "inherit",
+      color: "inherit"
+    }) : _iconMapping$filePrev3;
+  var getFilePreviewContent = function getFilePreviewContent() {
+    if ("loading" in file) {
+      return filePreviewLoadingIcon;
+    }
+    if ("error" in file) {
+      return filePreviewErrorIcon;
+    }
+    if (typeof filePreview === "string") {
+      return /*#__PURE__*/_jsx(PreviewImage, {
+        src: filePreview
+      });
+    }
+    return filePreviewGenericFileIcon;
+  };
+  var ownerState = {
+    hasFilePreview: Boolean(filePreview),
+    hasErrorWithDetails: "error" in file && typeof file.error !== "boolean",
+    hasErrorWithoutDetails: "error" in file && typeof file.error === "boolean",
+    disabled: Boolean(disabled)
+  };
+  if ("loading" in file && !file.name) {
+    return /*#__PURE__*/_jsx(Skeleton, _objectSpread({
+      ownerState: ownerState,
+      variant: "rounded",
+      animation: "wave"
+    }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.skeleton));
+  }
+  return /*#__PURE__*/_jsxs(Root, _objectSpread(_objectSpread(_objectSpread({
+    ownerState: ownerState
+  }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root), restProps), {}, {
+    children: [Boolean(filePreview) && /*#__PURE__*/_jsx(Preview, {
+      ownerState: ownerState,
+      children: getFilePreviewContent()
+    }), /*#__PURE__*/_jsxs(Content, _objectSpread(_objectSpread({
+      ownerState: ownerState
+    }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.content), {}, {
+      children: [/*#__PURE__*/_jsx(Tooltip, {
+        title: fileNameIsOverflowing ? file.name : undefined,
+        children: /*#__PURE__*/_jsx(FileName, _objectSpread(_objectSpread({
+          ref: fileNameRef,
+          variant: "caption",
+          ownerState: ownerState
+        }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.fileName), {}, {
+          children: file.name
+        }))
+      }), /*#__PURE__*/_jsx(FileListItemInfos, _objectSpread(_objectSpread({
+        ownerState: ownerState
+      }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.fileListItemInfos), {}, {
+        children: "loading" in file ? loadingIcon : /*#__PURE__*/_jsxs(_Fragment, {
+          children: ["size" in file && typeof file.size !== "undefined" && /*#__PURE__*/_jsx(FileSize, _objectSpread({
+            label: /*#__PURE__*/_jsx(PrettyBytes, {
+              value: file.size
+            }),
+            size: "small",
+            disabled: disabled
+          }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.fileSize)), ownerState.hasErrorWithoutDetails && /*#__PURE__*/_jsx(ErrorIconContainer, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.errorIconContainer), {}, {
+            children: errorIcon
+          })), (Boolean(onClickDownload) || !!downloadUrl) && /*#__PURE__*/_jsx(IconButton, _objectSpread(_objectSpread(_objectSpread({
+            ownerState: ownerState,
+            disabled: disabled
+          }, downloadUrl ? {
+            href: downloadUrl,
+            download: true
+          } : {
+            onClick: onClickDownload
+          }), slotProps === null || slotProps === void 0 ? void 0 : slotProps.iconButton), {}, {
+            children: downloadIcon
+          })), Boolean(onClickDelete) && /*#__PURE__*/_jsx(IconButton, _objectSpread(_objectSpread({
+            ownerState: ownerState,
+            onClick: onClickDelete,
+            disabled: disabled
+          }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.iconButton), {}, {
+            children: deleteIcon
+          }))]
+        })
+      }))]
+    })), ownerState.hasErrorWithDetails && "error" in file && /*#__PURE__*/_jsxs(ErrorDetails, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.errorDetails), {}, {
+      children: [errorIcon, /*#__PURE__*/_jsx(ErrorDetailsText, _objectSpread(_objectSpread({
+        variant: "caption"
+      }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.errorDetailsText), {}, {
+        children: file.error
+      }))]
+    }))]
+  }));
+};
+var getCommonItemSpacingStyles = function getCommonItemSpacingStyles(ownerState) {
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    ", "\n"])), !ownerState.hasFilePreview && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        &:not(:last-child) {\n            margin-bottom: 2px;\n        }\n    "]))));
+};
+var Root = createComponentSlot("div")({
+  componentName: "FileSelectListItem",
+  slotName: "root",
+  classesResolver: function classesResolver(_ref) {
+    var hasFilePreview = _ref.hasFilePreview,
+      hasErrorWithDetails = _ref.hasErrorWithDetails,
+      hasErrorWithoutDetails = _ref.hasErrorWithoutDetails,
+      disabled = _ref.disabled;
+    return [hasFilePreview && "hasFilePreview", hasErrorWithDetails && "hasErrorWithDetails", hasErrorWithoutDetails && "hasErrorWithoutDetails", disabled && "disabled"];
+  }
+})(function (_ref2) {
+  var theme = _ref2.theme,
+    ownerState = _ref2.ownerState;
+  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        ", ";\n        padding-right: ", ";\n        padding-left: ", ";\n        border-radius: 4px;\n        background-color: ", ";\n        transition: background-color 200ms;\n        width: 100%;\n        border: 1px solid ", ";\n        box-sizing: border-box;\n\n        &:hover {\n            background-color: ", ";\n\n            .CometAdminFileSelectListItem-fileSize {\n                background-color: ", ";\n            }\n\n            .CometAdminFileSelectListItem-iconButton {\n                color: ", ";\n            }\n        }\n\n        ", "\n\n        ", "\n    "])), getCommonItemSpacingStyles(ownerState), theme.spacing(2), theme.spacing(2), theme.palette.grey[50], theme.palette.grey[100], theme.palette.grey[100], theme.palette.grey[200], theme.palette.grey[900], (ownerState.hasErrorWithDetails || ownerState.hasErrorWithoutDetails) && css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n            outline: 1px dashed ", ";\n            outline-offset: -1px;\n        "])), theme.palette.error.main), ownerState.disabled && css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n            pointer-events: none;\n        "]))));
+});
+var Skeleton = createComponentSlot(MuiSkeleton)({
+  componentName: "FileSelectListItem",
+  slotName: "skeleton"
+})(function (_ref3) {
+  var theme = _ref3.theme,
+    ownerState = _ref3.ownerState;
+  return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n        width: 100%;\n        height: 36px;\n        outline: 1px solid ", ";\n        outline-offset: -1px;\n        border-radius: 4px;\n        box-sizing: border-box;\n        ", ";\n\n        ", "\n    "])), theme.palette.grey[100], getCommonItemSpacingStyles(ownerState), ownerState.hasFilePreview && css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n            aspect-ratio: 1;\n            height: auto;\n            padding-bottom: 34px;\n            box-sizing: content-box;\n        "]))));
+});
+var Preview = createComponentSlot("div")({
+  componentName: "FileSelectListItem",
+  slotName: "preview"
+})(function (_ref4) {
+  var theme = _ref4.theme,
+    ownerState = _ref4.ownerState;
+  return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n        aspect-ratio: 1;\n        margin-top: 7px;\n        margin-bottom: 4px;\n        background-color: ", ";\n        border-radius: 2px;\n        overflow: hidden;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 30px;\n        color: white;\n\n        ", "\n    "])), theme.palette.grey[200], ownerState.hasErrorWithDetails && css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n            margin-bottom: 0;\n        "]))));
+});
+var PreviewImage = createComponentSlot("img")({
+  componentName: "FileSelectListItem",
+  slotName: "previewImage"
+})(css(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["\n    width: 100%;\n    aspect-ratio: 1;\n    object-fit: cover;\n"]))));
+var Content = createComponentSlot("div")({
+  componentName: "FileSelectListItem",
+  slotName: "content"
+})(function (_ref5) {
+  var theme = _ref5.theme,
+    ownerState = _ref5.ownerState;
+  return css(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: ", ";\n\n        ", "\n    "])), theme.spacing(1), ownerState.hasFilePreview && !ownerState.hasErrorWithDetails && css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n            margin-bottom: 7px;\n        "]))));
+});
+var FileListItemInfos = createComponentSlot("div")({
+  componentName: "FileSelectListItem",
+  slotName: "fileListItemInfos"
+})(function (_ref6) {
+  var ownerState = _ref6.ownerState;
+  return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n        display: flex;\n        align-items: center;\n        justify-content: end;\n        margin-left: auto;\n\n        ", ";\n    "])), ownerState.hasErrorWithDetails && css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n            padding-top: 3.5px;\n            margin-bottom: -3.5px;\n\n            ", "\n        "])), ownerState.hasFilePreview && css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n                padding-top: 0;\n                margin-bottom: 0;\n            "])))));
+});
+var FileName = createComponentSlot(Typography)({
+  componentName: "FileSelectListItem",
+  slotName: "fileName"
+})(function (_ref7) {
+  var ownerState = _ref7.ownerState,
+    theme = _ref7.theme;
+  return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n        text-overflow: ellipsis;\n        overflow: hidden;\n        white-space: nowrap;\n        flex-grow: 1;\n        line-height: 16px;\n        padding-top: 9px;\n        padding-bottom: 9px;\n\n        ", "\n\n        ", "\n\n        ", "\n\n        ", "\n    "])), ownerState.hasFilePreview && css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n            padding-top: ", ";\n            padding-bottom: ", ";\n        "])), theme.spacing(2), theme.spacing(2)), ownerState.hasErrorWithoutDetails && css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n            color: ", ";\n        "])), theme.palette.error.main), ownerState.hasErrorWithDetails && css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n            padding-top: 7px;\n            padding-bottom: 4px;\n\n            ", "\n        "])), ownerState.hasFilePreview && css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n                padding-top: 4px;\n            "])))), ownerState.disabled && css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n            color: ", ";\n        "])), theme.palette.text.disabled));
+});
+var FileSize = createComponentSlot(Chip)({
+  componentName: "FileSelectListItem",
+  slotName: "fileSize"
+})(function (_ref8) {
+  var theme = _ref8.theme;
+  return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n        transition: background-color 200ms;\n\n        &:not(:last-child) {\n            margin-right: ", ";\n        }\n    "])), theme.spacing(1));
+});
+var ErrorIconContainer = createComponentSlot("div")({
+  componentName: "FileSelectListItem",
+  slotName: "errorIconContainer"
+})(function (_ref9) {
+  var theme = _ref9.theme;
+  return css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n        padding: ", ";\n        line-height: 0;\n        font-size: 16px;\n        color: ", ";\n\n        &:last-child {\n            padding-right: 0;\n        }\n    "])), theme.spacing(1), theme.palette.error.main);
+});
+var ErrorDetails = createComponentSlot("div")({
+  componentName: "FileSelectListItem",
+  slotName: "errorDetails"
+})(function (_ref0) {
+  var theme = _ref0.theme;
+  return css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n        display: flex;\n        align-items: center;\n        gap: ", ";\n        color: ", ";\n        padding-bottom: 7px;\n        font-size: 12px;\n        line-height: 0;\n    "])), theme.spacing(1), theme.palette.error.main);
+});
+var ErrorDetailsText = createComponentSlot(Typography)({
+  componentName: "FileSelectListItem",
+  slotName: "errorDetailsText"
+})();
+var IconButton = createComponentSlot(MuiIconButton)({
+  componentName: "FileSelectListItem",
+  slotName: "iconButton"
+})(function (_ref1) {
+  var theme = _ref1.theme,
+    ownerState = _ref1.ownerState;
+  return css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n        padding: ", ";\n        color: ", ";\n        transition: background-color 200ms;\n\n        &:hover {\n            background-color: ", ";\n        }\n\n        &:last-child {\n            margin-right: ", ";\n        }\n\n        ", "\n    "])), theme.spacing(1), theme.palette.grey[300], theme.palette.grey[200], theme.spacing(-1), ownerState.hasFilePreview && css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n            padding: 4px;\n\n            &:last-child {\n                margin-right: -4px;\n            }\n        "]))));
+});

package/lib/form/file/commonErrorMessages.d.ts

@@ -0,0 +1,6 @@
+export declare const commonErrorMessages: {
+    invalidFileType: import("react/jsx-runtime").JSX.Element;
+    fileTooLarge: import("react/jsx-runtime").JSX.Element;
+    tooManyFiles: (maxFiles: number) => import("react/jsx-runtime").JSX.Element;
+};
+//# sourceMappingURL=commonErrorMessages.d.ts.map

package/lib/form/file/commonErrorMessages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"commonErrorMessages.d.ts","sourceRoot":"","sources":["../../../src/form/file/commonErrorMessages.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB;;;6BAGH,MAAM;CAOlC,CAAC"}

package/lib/form/file/commonErrorMessages.js

@@ -0,0 +1,21 @@
+import { FormattedMessage } from "react-intl";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var commonErrorMessages = {
+  invalidFileType: /*#__PURE__*/_jsx(FormattedMessage, {
+    id: "comet.form.file.invalidFileType",
+    defaultMessage: "File type is not allowed."
+  }),
+  fileTooLarge: /*#__PURE__*/_jsx(FormattedMessage, {
+    id: "comet.form.file.fileTooLarge",
+    defaultMessage: "File is too large."
+  }),
+  tooManyFiles: function tooManyFiles(maxFiles) {
+    return /*#__PURE__*/_jsx(FormattedMessage, {
+      id: "comet.form.file.tooManyFiles",
+      defaultMessage: "Upload was canceled. You can only upload a maximum of {maxFiles} {maxFiles, plural, one {file} other {files}}, please reduce your selection.",
+      values: {
+        maxFiles: maxFiles
+      }
+    });
+  }
+};

package/lib/form/file/fileSelectItemTypes.d.ts

@@ -0,0 +1,16 @@
+import type { ReactNode } from "react";
+export type ValidFileSelectItem<AdditionalFileValues = Record<string, unknown>> = {
+    name: string;
+    size?: number;
+    previewUrl?: string;
+} & AdditionalFileValues;
+export type ErrorFileSelectItem = {
+    name?: string;
+    error: true | ReactNode;
+};
+export type LoadingFileSelectItem = {
+    name?: string;
+    loading: true;
+};
+export type FileSelectItem<AdditionalValidFileValues = Record<string, unknown>> = ValidFileSelectItem<AdditionalValidFileValues> | ErrorFileSelectItem | LoadingFileSelectItem;
+//# sourceMappingURL=fileSelectItemTypes.d.ts.map

package/lib/form/file/fileSelectItemTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fileSelectItemTypes.d.ts","sourceRoot":"","sources":["../../../src/form/file/fileSelectItemTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,mBAAmB,CAAC,oBAAoB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI;IAC9E,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB,GAAG,oBAAoB,CAAC;AAEzB,MAAM,MAAM,mBAAmB,GAAG;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,IAAI,GAAG,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,IAAI,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,cAAc,CAAC,yBAAyB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IACxE,mBAAmB,CAAC,yBAAyB,CAAC,GAC9C,mBAAmB,GACnB,qBAAqB,CAAC"}

package/lib/form/file/fileSelectItemTypes.js

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

package/lib/form/helpers/OnChangeField.d.ts

@@ -0,0 +1,7 @@
+type Props = {
+    name: string;
+    children: (value: any, previousValue: any) => void;
+};
+declare function OnChangeField({ name, children }: Props): null;
+export { OnChangeField };
+//# sourceMappingURL=OnChangeField.d.ts.map

package/lib/form/helpers/OnChangeField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OnChangeField.d.ts","sourceRoot":"","sources":["../../../src/form/helpers/OnChangeField.tsx"],"names":[],"mappings":"AAIA,KAAK,KAAK,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,aAAa,EAAE,GAAG,KAAK,IAAI,CAAA;CAAE,CAAC;AAElF,iBAAS,aAAa,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,KAAK,QAY/C;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/lib/form/helpers/OnChangeField.js

@@ -0,0 +1,18 @@
+// Inspired by https://github.com/final-form/react-final-form-listeners/blob/master/src/OnChange.js
+import { useEffect, useRef } from "react";
+import { useField } from "react-final-form";
+function OnChangeField(_ref) {
+  var name = _ref.name,
+    children = _ref.children;
+  var _useField = useField(name),
+    input = _useField.input;
+  var previousValue = useRef(input.value);
+  useEffect(function () {
+    if (input.value !== previousValue.current) {
+      children(input.value, previousValue.current);
+      previousValue.current = input.value;
+    }
+  }, [input.value, children]);
+  return null;
+}
+export { OnChangeField };

package/lib/form/useAsyncAutocompleteOptionsProps.d.ts

@@ -0,0 +1,18 @@
+import type { UseAutocompleteProps } from "@mui/material";
+import { type ChangeEvent } from "react";
+export interface AsyncAutocompleteOptionsProps<T> {
+    isAsync: boolean;
+    open: boolean;
+    options: T[];
+    loadingError: Error | null;
+    loading?: boolean;
+    onOpen: (event: ChangeEvent) => void;
+    onClose: (event: ChangeEvent) => void;
+    onInputChange: UseAutocompleteProps<any, any, any, any>["onInputChange"];
+}
+/**
+ * A hook that handles the state management and loading behavior for asynchronous autocomplete fields.
+ * It returns a set of props ready to be used with FinalFormAsyncAutocomplete component.
+ */
+export declare function useAsyncAutocompleteOptionsProps<T>(loadOptions: (search?: string) => Promise<T[]>): AsyncAutocompleteOptionsProps<T>;
+//# sourceMappingURL=useAsyncAutocompleteOptionsProps.d.ts.map

package/lib/form/useAsyncAutocompleteOptionsProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAsyncAutocompleteOptionsProps.d.ts","sourceRoot":"","sources":["../../src/form/useAsyncAutocompleteOptionsProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAE1D,OAAO,EAAE,KAAK,WAAW,EAAkC,MAAM,OAAO,CAAC;AAEzE,MAAM,WAAW,6BAA6B,CAAC,CAAC;IAC5C,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,EAAE,CAAC;IACb,YAAY,EAAE,KAAK,GAAG,IAAI,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IACrC,OAAO,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IACtC,aAAa,EAAE,oBAAoB,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,eAAe,CAAC,CAAC;CAC5E;AAED;;;GAGG;AACH,wBAAgB,gCAAgC,CAAC,CAAC,EAAE,WAAW,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,CAAC,EAAE,CAAC,GAAG,6BAA6B,CAAC,CAAC,CAAC,CAyDpI"}

package/lib/form/useAsyncAutocompleteOptionsProps.js

@@ -0,0 +1,139 @@
+function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
+function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
+function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import { debounce } from "@mui/material/utils";
+import { useCallback, useMemo, useState } from "react";
+/**
+ * A hook that handles the state management and loading behavior for asynchronous autocomplete fields.
+ * It returns a set of props ready to be used with FinalFormAsyncAutocomplete component.
+ */
+export function useAsyncAutocompleteOptionsProps(loadOptions) {
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    options = _useState4[0],
+    setOptions = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    loading = _useState6[0],
+    setLoading = _useState6[1];
+  var _useState7 = useState(null),
+    _useState8 = _slicedToArray(_useState7, 2),
+    error = _useState8[0],
+    setError = _useState8[1];
+  var loadOptionsWithSearch = useCallback(/*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(search) {
+      var newOptions, _t;
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.p = _context.n) {
+          case 0:
+            setLoading(true);
+            setError(null);
+            _context.p = 1;
+            _context.n = 2;
+            return loadOptions(search);
+          case 2:
+            newOptions = _context.v;
+            setOptions(newOptions);
+            _context.n = 4;
+            break;
+          case 3:
+            _context.p = 3;
+            _t = _context.v;
+            setError(_t);
+          case 4:
+            _context.p = 4;
+            setLoading(false);
+            return _context.f(4);
+          case 5:
+            return _context.a(2);
+        }
+      }, _callee, null, [[1, 3, 4, 5]]);
+    }));
+    return function (_x) {
+      return _ref.apply(this, arguments);
+    };
+  }(), [loadOptions]);
+  var debouncedLoadOptionWithSearch = useMemo(function () {
+    return debounce(/*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2(value) {
+        return _regenerator().w(function (_context2) {
+          while (1) switch (_context2.n) {
+            case 0:
+              _context2.n = 1;
+              return loadOptionsWithSearch(value);
+            case 1:
+              return _context2.a(2);
+          }
+        }, _callee2);
+      }));
+      return function (_x2) {
+        return _ref2.apply(this, arguments);
+      };
+    }(), 500);
+  }, [loadOptionsWithSearch]);
+  var onInputChange = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3(event, value, reason) {
+      return _regenerator().w(function (_context3) {
+        while (1) switch (_context3.n) {
+          case 0:
+            if (!(reason !== "selectOption" && reason !== "removeOption")) {
+              _context3.n = 1;
+              break;
+            }
+            setError(null);
+            setLoading(true);
+            setOptions([]);
+            _context3.n = 1;
+            return debouncedLoadOptionWithSearch(value);
+          case 1:
+            return _context3.a(2);
+        }
+      }, _callee3);
+    }));
+    return function onInputChange(_x3, _x4, _x5) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  var handleOpen = /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee4() {
+      return _regenerator().w(function (_context4) {
+        while (1) switch (_context4.n) {
+          case 0:
+            setError(null);
+            setOpen(true);
+            setOptions([]);
+            _context4.n = 1;
+            return loadOptionsWithSearch();
+          case 1:
+            return _context4.a(2);
+        }
+      }, _callee4);
+    }));
+    return function handleOpen() {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+  return {
+    isAsync: true,
+    open: open,
+    loadingError: error,
+    options: options,
+    loading: loading,
+    onInputChange: onInputChange,
+    onOpen: handleOpen,
+    onClose: function onClose() {
+      return setOpen(false);
+    }
+  };
+}

package/lib/fullPageAlert/FullPageAlert.d.ts

@@ -0,0 +1,47 @@
+import { type ComponentsOverrides, type Divider, type Theme, type Typography } from "@mui/material";
+import type { FunctionComponent, ReactNode } from "react";
+import type { ThemedComponentBaseProps } from "../helpers/ThemedComponentBaseProps";
+import type { InlineAlert, InlineAlertSeverity } from "../inlineAlert/InlineAlert";
+import type { FullPageAlertBackground } from "./FullPageAlertBackground";
+export type FullPageAlertClassKey = "root" | "background" | "detailDescription" | "contentContainer" | "divider" | "logoContainer" | "actionContainer" | "inlineAlert";
+type FullPageAlertSeverity = InlineAlertSeverity;
+export type FullPageAlertProps = ThemedComponentBaseProps<{
+    root: "div";
+    contentContainer: "div";
+    iconContainer: "div";
+    background: typeof FullPageAlertBackground;
+    divider: typeof Divider;
+    inlineAlert: typeof InlineAlert;
+    detailDescription: typeof Typography;
+    logoContainer: "div";
+    actionContainer: "div";
+}> & {
+    logo?: ReactNode;
+    icon?: ReactNode;
+    iconMapping?: Partial<Record<FullPageAlertSeverity, ReactNode>>;
+    title?: ReactNode;
+    titleMapping?: Partial<Record<FullPageAlertSeverity, ReactNode>>;
+    description?: ReactNode;
+    descriptionMapping?: Partial<Record<FullPageAlertSeverity, ReactNode>>;
+    detailDescription?: ReactNode;
+    detailDescriptionMapping?: Partial<Record<FullPageAlertSeverity, ReactNode>>;
+    actions?: ReactNode;
+    severity?: FullPageAlertSeverity;
+};
+export declare const FullPageAlert: FunctionComponent<FullPageAlertProps>;
+declare module "@mui/material/styles" {
+    interface ComponentsPropsList {
+        CometAdminFullPageAlert: FullPageAlertProps;
+    }
+    interface ComponentNameToClassKey {
+        CometAdminFullPageAlert: FullPageAlertClassKey;
+    }
+    interface Components {
+        CometAdminFullPageAlert?: {
+            defaultProps?: Partial<ComponentsPropsList["CometAdminFullPageAlert"]>;
+            styleOverrides?: ComponentsOverrides<Theme>["CometAdminFullPageAlert"];
+        };
+    }
+}
+export {};
+//# sourceMappingURL=FullPageAlert.d.ts.map

package/lib/fullPageAlert/FullPageAlert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullPageAlert.d.ts","sourceRoot":"","sources":["../../src/fullPageAlert/FullPageAlert.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,mBAAmB,EAAE,KAAK,OAAO,EAAE,KAAK,KAAK,EAAE,KAAK,UAAU,EAAiB,MAAM,eAAe,CAAC;AACnH,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI1D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qCAAqC,CAAC;AACpF,OAAO,KAAK,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAWnF,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAEzE,MAAM,MAAM,qBAAqB,GAC3B,MAAM,GACN,YAAY,GACZ,mBAAmB,GACnB,kBAAkB,GAClB,SAAS,GACT,eAAe,GACf,iBAAiB,GACjB,aAAa,CAAC;AAEpB,KAAK,qBAAqB,GAAG,mBAAmB,CAAC;AAEjD,MAAM,MAAM,kBAAkB,GAAG,wBAAwB,CAAC;IACtD,IAAI,EAAE,KAAK,CAAC;IACZ,gBAAgB,EAAE,KAAK,CAAC;IACxB,aAAa,EAAE,KAAK,CAAC;IACrB,UAAU,EAAE,OAAO,uBAAuB,CAAC;IAC3C,OAAO,EAAE,OAAO,OAAO,CAAC;IACxB,WAAW,EAAE,OAAO,WAAW,CAAC;IAChC,iBAAiB,EAAE,OAAO,UAAU,CAAC;IACrC,aAAa,EAAE,KAAK,CAAC;IACrB,eAAe,EAAE,KAAK,CAAC;CAC1B,CAAC,GAAG;IACD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC,CAAC;IAChE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC,CAAC;IACjE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,kBAAkB,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC,CAAC;IACvE,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,wBAAwB,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC,CAAC;IAC7E,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,qBAAqB,CAAC;CACpC,CAAC;AA+BF,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC,kBAAkB,CAgE/D,CAAC;AAEF,OAAO,QAAQ,sBAAsB,CAAC;IAClC,UAAU,mBAAmB;QACzB,uBAAuB,EAAE,kBAAkB,CAAC;KAC/C;IAED,UAAU,uBAAuB;QAC7B,uBAAuB,EAAE,qBAAqB,CAAC;KAClD;IAED,UAAU,UAAU;QAChB,uBAAuB,CAAC,EAAE;YACtB,YAAY,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,yBAAyB,CAAC,CAAC,CAAC;YACvE,cAAc,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,yBAAyB,CAAC,CAAC;SAC1E,CAAC;KACL;CACJ"}