npm - @solidxai/core-ui - Versions diffs - 0.1.13-beta.1 → 0.1.13-beta.3 - Mend

@solidxai/core-ui 0.1.13-beta.1 → 0.1.13-beta.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (94) hide show

package/dist/components/core/model/FieldMetaData.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FieldMetaData.js","sourceRoot":"","sources":["../../../../src/components/core/model/FieldMetaData.tsx"],"names":[],"mappings":"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","sourcesContent":["import { usePathname } from \"../../../hooks/usePathname\";\nimport { SolidDataTable as DataTable, Column } from \"../list/SolidDataTable\";\nimport { useState } from \"react\";\nimport { useDispatch } from \"react-redux\";\nimport { showToast } from \"../../../redux/features/toastSlice\";\nimport FieldMetaDataForm from \"./FieldMetaDataForm\";\nimport { ERROR_MESSAGES } from \"../../../constants/error-messages\";\nimport { AlertTriangle, Info, Pencil, Plus, Trash2 } from \"lucide-react\";\nimport {\n SolidButton,\n SolidDialog,\n SolidDialogBody,\n SolidDialogClose,\n SolidDialogFooter,\n SolidDialogHeader,\n SolidDialogSeparator,\n SolidDialogTitle,\n} from \"../../shad-cn-ui\";\n\n\nconst FieldMetaData = ({ setIsDirty, setFieldDeleted, modelMetaData, fieldMetaData, setFieldMetaData, deleteModelFunction, nextTab, formikFieldsMetadataRef, params }: any) => {\n const pathname = usePathname();\n const dispatch = useDispatch();\n const [visiblePopup, setVisiblePopup] = useState(false);\n const [isRequiredPopUp, setIsRequiredPopUp] = useState(false);\n const [currentPopup, setCurrentPopup] = useState();\n const [selectedFieldMetaData, setSelectedFieldMetaData] = useState<any>(null);\n const [deleteAlertPopup, setDeleteAlertPopup] = useState(false);\n const [rowToDelete, setRowToDelete] = useState<any>(null);\n const onRowSelect = (event: any) => {\n setVisiblePopup(true);\n\n };\n\n\n const bodyTemplate = (rowData: any) => {\n return (\n <>\n\n {rowData.displayName &&\n <>\n <p>{rowData.displayName}\n {rowData.isMarkedForRemoval === true &&\n <>\n <br></br> <span style={{ fontSize: '11px', color: 'red' }}>This field will be removed next time you generate code for this model.</span>\n </>\n }\n </p>\n </>\n }\n </>\n )\n };\n\n\n // Template for the pencil icon column\n const editTemplate = (rowData: any) => {\n return (\n <>\n {rowData.isSystem !== true && rowData.isMarkedForRemoval !== true &&\n <SolidButton\n variant=\"ghost\"\n size=\"sm\"\n className=\"solid-icon-button\"\n aria-label=\"Edit field\"\n leftIcon={<Pencil size={14} />}\n onClick={() => {\n setSelectedFieldMetaData(rowData);\n setVisiblePopup(true);\n }}\n />\n }\n </>\n )\n };\n\n // Function to delete a row\n const deleteRow = (rowData: any) => {\n //show dialog bbefore deletion & which will have to option ok and cancel\n setFieldMetaData((prevData: any) => {\n const updatedData = prevData.filter((item: any) => item.name !== rowData.name);\n setIsDirty(true); // Ensure dirty state is updated immediately\n if (setFieldDeleted) setFieldDeleted(true);\n return updatedData;\n });\n };\n\n // Template for the trash (delete) icon column\n const deleteTemplate = (rowData: any) => {\n return (\n <>\n {(pathname.includes('create') \|\| (rowData.isSystem !== true && rowData.isMarkedForRemoval !== true)) &&\n <SolidButton\n variant=\"ghost\"\n size=\"sm\"\n className=\"solid-icon-button\"\n style={{ color: \"var(--solid-danger, #ef4444)\" }}\n aria-label=\"Delete field\"\n leftIcon={<Trash2 size={14} />}\n onClick={() => { setRowToDelete(rowData); setDeleteAlertPopup(true) }}\n />\n\n }\n </>\n )\n };\n\n const showToaster = async (message: any, severity: any) => {\n const errorMessages = Object.values(message);\n if (errorMessages.length > 0) {\n dispatch(showToast({ severity, summary: ERROR_MESSAGES.SEND_REPORT, detail: errorMessages.map(String).join(', '), life: 3000 }));\n }\n };\n\n\n // const rowClass = (data: any) => {\n // return {\n // 'bg-red-row': data.isMarkedForRemoval === true\n // };\n // };\n\n\n const needsModelSetup = !modelMetaData.moduleId \|\| !modelMetaData.dataSource;\n\n return (\n <>\n\n {needsModelSetup ?\n <div className=\"solid-placeholder-card-wrapper\">\n <div className=\"solid-placeholder-card\">\n <div className=\"solid-placeholder-card-icon\">\n <Info size={18} />\n </div>\n <div className=\"solid-placeholder-card-body\">\n <p className=\"solid-placeholder-card-title\">Model setup incomplete</p>\n <p className=\"solid-placeholder-card-text\">Please select Module and Datasource from the models tab before managing fields.</p>\n </div>\n </div>\n </div>\n :\n <>\n\n <div className=\"flex justify-end\" style={{ marginBottom: '0.5rem' }}>\n {modelMetaData.isSystem !== true &&\n <SolidButton\n size=\"sm\"\n leftIcon={<Plus size={14} />}\n onClick={() => {\n if (!modelMetaData?.dataSourceType) {\n dispatch(showToast({ severity: 'error', summary: ERROR_MESSAGES.ERROR, detail: ERROR_MESSAGES.ORM_TYPE_REQUIRED }));\n } else {\n setSelectedFieldMetaData(null);\n setVisiblePopup(true)\n }\n }}\n >\n Add\n </SolidButton>\n }\n </div>\n <div className=\"solid-datatable-wrapper solid-list-table-area flex-1 min-h-0 overflow-hidden\">\n <DataTable\n value={fieldMetaData}\n dataKey=\"id\"\n size=\"small\"\n emptyMessage=\"No fields configured\"\n rowClassName={(rowData) => rowData.isMarkedForRemoval === true ? \"greyed-out-row\" : \"\"}\n >\n <Column field=\"displayName\" header=\"Display Name\" body={bodyTemplate}></Column>\n <Column field=\"name\" header=\"Name\"></Column>\n <Column field=\"type\" header=\"Type\"></Column>\n\n {modelMetaData.isSystem !== true &&\n <Column body={editTemplate} header=\"Edit\" style={{ width: '80px' }} />\n }\n {modelMetaData.isSystem !== true &&\n <Column body={deleteTemplate} header=\"Delete\" style={{ width: '90px' }} />\n }\n </DataTable>\n </div>\n <SolidDialog\n open={visiblePopup}\n onOpenChange={(open) => {\n if (!open) {\n setVisiblePopup(false);\n }\n }}\n className=\"solid-dialog solid-field-dialog\"\n style={{ width: \"min(720px, calc(100vw - 2rem))\", minWidth:\"20rem\", maxWidth:\"95vw\" }}\n showHeader={false}\n >\n <SolidDialogBody className=\"solid-dialog-body-flush\">\n <FieldMetaDataForm setIsDirty={setIsDirty} modelMetaData={modelMetaData} fieldMetaData={selectedFieldMetaData} allFields={fieldMetaData} setFieldMetaData={setFieldMetaData} deleteModelFunction={deleteModelFunction} setVisiblePopup={setVisiblePopup} formikFieldsMetadataRef={formikFieldsMetadataRef} params={params} setIsRequiredPopUp={setIsRequiredPopUp} showToaster={showToaster}></FieldMetaDataForm>\n </SolidDialogBody>\n </SolidDialog>\n <SolidDialog\n open={isRequiredPopUp}\n onOpenChange={(open) => {\n if (!open) {\n setIsRequiredPopUp(false);\n }\n }}\n className=\"solid-dialog solid-confirm-dialog solid-field-confirm-dialog\"\n style={{ width: \"min(420px, calc(100vw - 2rem))\" }}\n >\n <SolidDialogHeader className=\"solid-field-confirm-header\">\n <SolidDialogTitle>\n <span className=\"flex items-center gap-2\">\n <AlertTriangle size={18} className=\"text-yellow-500\" />\n <span>Warning</span>\n </span>\n </SolidDialogTitle>\n <SolidDialogClose />\n </SolidDialogHeader>\n <SolidDialogBody className=\"solid-field-confirm-dialog-body\">\n <p className=\"solid-field-confirm-message\">If there is data against this model this operation might not work and manual intervention will be required.</p>\n </SolidDialogBody>\n <SolidDialogFooter className=\"solid-field-confirm-actions\">\n <SolidButton size=\"sm\" onClick={() => setIsRequiredPopUp(false)}>\n Ok\n </SolidButton>\n </SolidDialogFooter>\n </SolidDialog>\n <SolidDialog\n open={deleteAlertPopup}\n onOpenChange={(open) => {\n if (!open) {\n setDeleteAlertPopup(false);\n setRowToDelete(null);\n }\n }}\n className=\"solid-shadcn-confirm-dialog solid-field-delete-flow-dialog\"\n style={{ width: \"min(560px, calc(100vw - 2rem))\" }}\n >\n <SolidDialogHeader className=\"solid-shadcn-dialog-head solid-field-delete-flow-head\">\n <SolidDialogTitle>\n <span className=\"flex items-center gap-2\">\n <AlertTriangle size={18} className=\"text-yellow-500\" />\n <span>Remove Field</span>\n </span>\n </SolidDialogTitle>\n <SolidDialogClose />\n </SolidDialogHeader>\n <SolidDialogSeparator className=\"solid-shadcn-dialog-sep\" />\n <SolidDialogBody className=\"solid-shadcn-dialog-body solid-field-delete-flow-body\">\n <p className=\"solid-shadcn-dialog-text solid-field-delete-flow-intro\">\n Removing a field is a 2 step process.\n </p>\n <ol className=\"solid-field-delete-flow-list\">\n <li>\n <span className=\"solid-field-delete-flow-index\">1.</span>\n <div className=\"solid-field-delete-flow-step\">\n <p className=\"solid-field-delete-flow-step-title\">Delete the field and save the model form.</p>\n <span className=\"solid-field-delete-flow-step-note\">This marks the field for removal.</span>\n </div>\n </li>\n <li>\n <span className=\"solid-field-delete-flow-index\">2.</span>\n <div className=\"solid-field-delete-flow-step\">\n <p className=\"solid-field-delete-flow-step-title\">Generate code for this model.</p>\n <span className=\"solid-field-delete-flow-step-note\">This removes the field from generated code, metadata tables, and JSON.</span>\n </div>\n </li>\n </ol>\n </SolidDialogBody>\n <SolidDialogFooter className=\"solid-shadcn-dialog-actions solid-field-delete-flow-actions\">\n <SolidButton\n size=\"sm\"\n onClick={() => {\n if (rowToDelete) {\n deleteRow(rowToDelete);\n }\n setDeleteAlertPopup(false);\n setRowToDelete(null);\n }}\n >\n Ok\n </SolidButton>\n <SolidButton\n size=\"sm\"\n variant=\"outline\"\n onClick={() => {\n setDeleteAlertPopup(false);\n setRowToDelete(null);\n }}\n >\n Cancel\n </SolidButton>\n </SolidDialogFooter>\n </SolidDialog>\n\n </>\n }\n </>\n\n\n\n );\n};\nexport default FieldMetaData;\n"]}
1	+ {"version":3,"file":"FieldMetaData.js","sourceRoot":"","sources":["../../../../src/components/core/model/FieldMetaData.tsx"],"names":[],"mappings":"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","sourcesContent":["import { usePathname } from \"../../../hooks/usePathname\";\nimport { SolidDataTable as DataTable, Column } from \"../list/SolidDataTable\";\nimport { useState } from \"react\";\nimport { useDispatch } from \"react-redux\";\nimport { showToast } from \"../../../redux/features/toastSlice\";\nimport FieldMetaDataForm from \"./FieldMetaDataForm\";\nimport { ERROR_MESSAGES } from \"../../../constants/error-messages\";\nimport { AlertTriangle, Info, Pencil, Plus, Trash2 } from \"lucide-react\";\nimport {\n SolidButton,\n SolidDialog,\n SolidDialogBody,\n SolidDialogClose,\n SolidDialogFooter,\n SolidDialogHeader,\n SolidDialogSeparator,\n SolidDialogTitle,\n} from \"../../shad-cn-ui\";\n\n\nconst FieldMetaData = ({ setIsDirty, setFieldDeleted, modelMetaData, fieldMetaData, setFieldMetaData, deleteModelFunction, nextTab, formikFieldsMetadataRef, params, showSaveButton = false, onSave }: any) => {\n const pathname = usePathname();\n const dispatch = useDispatch();\n const [visiblePopup, setVisiblePopup] = useState(false);\n const [isRequiredPopUp, setIsRequiredPopUp] = useState(false);\n const [currentPopup, setCurrentPopup] = useState();\n const [selectedFieldMetaData, setSelectedFieldMetaData] = useState<any>(null);\n const [deleteAlertPopup, setDeleteAlertPopup] = useState(false);\n const [rowToDelete, setRowToDelete] = useState<any>(null);\n const onRowSelect = (event: any) => {\n setVisiblePopup(true);\n\n };\n\n\n const bodyTemplate = (rowData: any) => {\n return (\n <>\n\n {rowData.displayName &&\n <>\n <p>{rowData.displayName}\n {rowData.isMarkedForRemoval === true &&\n <>\n <br></br> <span style={{ fontSize: '11px', color: 'red' }}>This field will be removed next time you generate code for this model.</span>\n </>\n }\n </p>\n </>\n }\n </>\n )\n };\n\n\n // Template for the pencil icon column\n const editTemplate = (rowData: any) => {\n return (\n <>\n {rowData.isSystem !== true && rowData.isMarkedForRemoval !== true &&\n <SolidButton\n variant=\"ghost\"\n size=\"sm\"\n className=\"solid-icon-button\"\n aria-label=\"Edit field\"\n leftIcon={<Pencil size={14} />}\n onClick={() => {\n setSelectedFieldMetaData(rowData);\n setVisiblePopup(true);\n }}\n />\n }\n </>\n )\n };\n\n // Function to delete a row\n const deleteRow = (rowData: any) => {\n //show dialog bbefore deletion & which will have to option ok and cancel\n setFieldMetaData((prevData: any) => {\n const updatedData = prevData.filter((item: any) => item.name !== rowData.name);\n setIsDirty(true); // Ensure dirty state is updated immediately\n if (setFieldDeleted) setFieldDeleted(true);\n return updatedData;\n });\n };\n\n // Template for the trash (delete) icon column\n const deleteTemplate = (rowData: any) => {\n return (\n <>\n {(pathname.includes('create') \|\| (rowData.isSystem !== true && rowData.isMarkedForRemoval !== true)) &&\n <SolidButton\n variant=\"ghost\"\n size=\"sm\"\n className=\"solid-icon-button\"\n style={{ color: \"var(--solid-danger, #ef4444)\" }}\n aria-label=\"Delete field\"\n leftIcon={<Trash2 size={14} />}\n onClick={() => { setRowToDelete(rowData); setDeleteAlertPopup(true) }}\n />\n\n }\n </>\n )\n };\n\n const showToaster = async (message: any, severity: any) => {\n const errorMessages = Object.values(message);\n if (errorMessages.length > 0) {\n dispatch(showToast({ severity, summary: ERROR_MESSAGES.SEND_REPORT, detail: errorMessages.map(String).join(', '), life: 3000 }));\n }\n };\n\n\n // const rowClass = (data: any) => {\n // return {\n // 'bg-red-row': data.isMarkedForRemoval === true\n // };\n // };\n\n\n const needsModelSetup = !modelMetaData.moduleId \|\| !modelMetaData.dataSource;\n\n return (\n <>\n\n {needsModelSetup ?\n <div className=\"solid-placeholder-card-wrapper\">\n <div className=\"solid-placeholder-card\">\n <div className=\"solid-placeholder-card-icon\">\n <Info size={18} />\n </div>\n <div className=\"solid-placeholder-card-body\">\n <p className=\"solid-placeholder-card-title\">Model setup incomplete</p>\n <p className=\"solid-placeholder-card-text\">Please select Module and Datasource from the models tab before managing fields.</p>\n </div>\n </div>\n </div>\n :\n <>\n\n <div className=\"flex justify-end gap-2\" style={{ marginBottom: '0.5rem' }}>\n {showSaveButton && (\n <SolidButton\n size=\"sm\"\n onClick={onSave}\n >\n Save\n </SolidButton>\n )}\n {modelMetaData.isSystem !== true &&\n <SolidButton\n size=\"sm\"\n leftIcon={<Plus size={14} />}\n onClick={() => {\n if (!modelMetaData?.dataSourceType) {\n dispatch(showToast({ severity: 'error', summary: ERROR_MESSAGES.ERROR, detail: ERROR_MESSAGES.ORM_TYPE_REQUIRED }));\n } else {\n setSelectedFieldMetaData(null);\n setVisiblePopup(true)\n }\n }}\n >\n Add\n </SolidButton>\n }\n </div>\n <div className=\"solid-datatable-wrapper solid-list-table-area flex-1 min-h-0 overflow-hidden\">\n <DataTable\n value={fieldMetaData}\n dataKey=\"id\"\n size=\"small\"\n emptyMessage=\"No fields configured\"\n rowClassName={(rowData) => rowData.isMarkedForRemoval === true ? \"greyed-out-row\" : \"\"}\n >\n <Column field=\"displayName\" header=\"Display Name\" body={bodyTemplate}></Column>\n <Column field=\"name\" header=\"Name\"></Column>\n <Column field=\"type\" header=\"Type\"></Column>\n\n {modelMetaData.isSystem !== true &&\n <Column body={editTemplate} header=\"Edit\" style={{ width: '80px' }} />\n }\n {modelMetaData.isSystem !== true &&\n <Column body={deleteTemplate} header=\"Delete\" style={{ width: '90px' }} />\n }\n </DataTable>\n </div>\n <SolidDialog\n open={visiblePopup}\n onOpenChange={(open) => {\n if (!open) {\n setVisiblePopup(false);\n }\n }}\n className=\"solid-dialog solid-field-dialog\"\n style={{ width: \"min(720px, calc(100vw - 2rem))\", minWidth:\"20rem\", maxWidth:\"95vw\" }}\n showHeader={false}\n >\n <SolidDialogBody className=\"solid-dialog-body-flush\">\n <FieldMetaDataForm setIsDirty={setIsDirty} modelMetaData={modelMetaData} fieldMetaData={selectedFieldMetaData} allFields={fieldMetaData} setFieldMetaData={setFieldMetaData} deleteModelFunction={deleteModelFunction} setVisiblePopup={setVisiblePopup} formikFieldsMetadataRef={formikFieldsMetadataRef} params={params} setIsRequiredPopUp={setIsRequiredPopUp} showToaster={showToaster}></FieldMetaDataForm>\n </SolidDialogBody>\n </SolidDialog>\n <SolidDialog\n open={isRequiredPopUp}\n onOpenChange={(open) => {\n if (!open) {\n setIsRequiredPopUp(false);\n }\n }}\n className=\"solid-dialog solid-confirm-dialog solid-field-confirm-dialog\"\n style={{ width: \"min(420px, calc(100vw - 2rem))\" }}\n >\n <SolidDialogHeader className=\"solid-field-confirm-header\">\n <SolidDialogTitle>\n <span className=\"flex items-center gap-2\">\n <AlertTriangle size={18} className=\"text-yellow-500\" />\n <span>Warning</span>\n </span>\n </SolidDialogTitle>\n <SolidDialogClose />\n </SolidDialogHeader>\n <SolidDialogBody className=\"solid-field-confirm-dialog-body\">\n <p className=\"solid-field-confirm-message\">If there is data against this model this operation might not work and manual intervention will be required.</p>\n </SolidDialogBody>\n <SolidDialogFooter className=\"solid-field-confirm-actions\">\n <SolidButton size=\"sm\" onClick={() => setIsRequiredPopUp(false)}>\n Ok\n </SolidButton>\n </SolidDialogFooter>\n </SolidDialog>\n <SolidDialog\n open={deleteAlertPopup}\n onOpenChange={(open) => {\n if (!open) {\n setDeleteAlertPopup(false);\n setRowToDelete(null);\n }\n }}\n className=\"solid-shadcn-confirm-dialog solid-field-delete-flow-dialog\"\n style={{ width: \"min(560px, calc(100vw - 2rem))\" }}\n >\n <SolidDialogHeader className=\"solid-shadcn-dialog-head solid-field-delete-flow-head\">\n <SolidDialogTitle>\n <span className=\"flex items-center gap-2\">\n <AlertTriangle size={18} className=\"text-yellow-500\" />\n <span>Remove Field</span>\n </span>\n </SolidDialogTitle>\n <SolidDialogClose />\n </SolidDialogHeader>\n <SolidDialogSeparator className=\"solid-shadcn-dialog-sep\" />\n <SolidDialogBody className=\"solid-shadcn-dialog-body solid-field-delete-flow-body\">\n <p className=\"solid-shadcn-dialog-text solid-field-delete-flow-intro\">\n Removing a field is a 2 step process.\n </p>\n <ol className=\"solid-field-delete-flow-list\">\n <li>\n <span className=\"solid-field-delete-flow-index\">1.</span>\n <div className=\"solid-field-delete-flow-step\">\n <p className=\"solid-field-delete-flow-step-title\">Delete the field and save the model form.</p>\n <span className=\"solid-field-delete-flow-step-note\">This marks the field for removal.</span>\n </div>\n </li>\n <li>\n <span className=\"solid-field-delete-flow-index\">2.</span>\n <div className=\"solid-field-delete-flow-step\">\n <p className=\"solid-field-delete-flow-step-title\">Generate code for this model.</p>\n <span className=\"solid-field-delete-flow-step-note\">This removes the field from generated code, metadata tables, and JSON.</span>\n </div>\n </li>\n </ol>\n </SolidDialogBody>\n <SolidDialogFooter className=\"solid-shadcn-dialog-actions solid-field-delete-flow-actions\">\n <SolidButton\n size=\"sm\"\n onClick={() => {\n if (rowToDelete) {\n deleteRow(rowToDelete);\n }\n setDeleteAlertPopup(false);\n setRowToDelete(null);\n }}\n >\n Ok\n </SolidButton>\n <SolidButton\n size=\"sm\"\n variant=\"outline\"\n onClick={() => {\n setDeleteAlertPopup(false);\n setRowToDelete(null);\n }}\n >\n Cancel\n </SolidButton>\n </SolidDialogFooter>\n </SolidDialog>\n\n </>\n }\n </>\n\n\n\n );\n};\nexport default FieldMetaData;\n"]}

package/dist/components/core/model/FieldMetaData.tsx CHANGED Viewed

@@ -18,7 +18,7 @@ import {
 } from "../../shad-cn-ui";
-const FieldMetaData = ({ setIsDirty, setFieldDeleted, modelMetaData, fieldMetaData, setFieldMetaData, deleteModelFunction, nextTab, formikFieldsMetadataRef, params }: any) => {
+const FieldMetaData = ({ setIsDirty, setFieldDeleted, modelMetaData, fieldMetaData, setFieldMetaData, deleteModelFunction, nextTab, formikFieldsMetadataRef, params, showSaveButton = false, onSave }: any) => {
   const pathname = usePathname();
   const dispatch = useDispatch();
   const [visiblePopup, setVisiblePopup] = useState(false);
@@ -140,7 +140,15 @@ const FieldMetaData = ({ setIsDirty, setFieldDeleted, modelMetaData, fieldMetaDa
         :
         <>
-          <div className="flex justify-end" style={{ marginBottom: '0.5rem' }}>
+          <div className="flex justify-end gap-2" style={{ marginBottom: '0.5rem' }}>
+            {showSaveButton && (
+              <SolidButton
+                size="sm"
+                onClick={onSave}
+              >
+                Save
+              </SolidButton>
+            )}
             {modelMetaData.isSystem !== true &&
               <SolidButton
                 size="sm"

package/dist/components/shad-cn-ui/SolidTextarea.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from "react";
 type SolidTextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement>;
-export declare function SolidTextarea({ className, disabled, readOnly, style, ...props }: SolidTextareaProps): import("react/jsx-runtime").JSX.Element;
+export declare const SolidTextarea: React.ForwardRefExoticComponent<SolidTextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
 export {};
 //# sourceMappingURL=SolidTextarea.d.ts.map

package/dist/components/shad-cn-ui/SolidTextarea.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SolidTextarea.d.ts","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidTextarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,kBAAkB,GAAG,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,CAAC;AAM5E,~~wBAAgB~~,aAAa,CAAC~~,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAiBnG~~"}
1	+ {"version":3,"file":"SolidTextarea.d.ts","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidTextarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,kBAAkB,GAAG,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,CAAC;AAM5E,eAAO,MAAM,aAAa,gGAmBxB,CAAC"}

package/dist/components/shad-cn-ui/SolidTextarea.js CHANGED Viewed

@@ -21,6 +21,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
 function cx() {
     var parts = [];
     for (var _i = 0; _i < arguments.length; _i++) {
@@ -28,9 +29,9 @@ function cx() {
     }
     return parts.filter(Boolean).join(" ");
 }
-export function SolidTextarea(_a) {
+export var SolidTextarea = React.forwardRef(function SolidTextarea(_a, ref) {
     var className = _a.className, disabled = _a.disabled, readOnly = _a.readOnly, style = _a.style, props = __rest(_a, ["className", "disabled", "readOnly", "style"]);
     var isInteractionLocked = Boolean(disabled || readOnly);
-    return (_jsx("textarea", __assign({ className: cx("solid-input solid-textarea", isInteractionLocked && "is-interaction-locked", className), "aria-disabled": disabled || undefined, "aria-readonly": readOnly || undefined, style: __assign(__assign({}, (style || {})), (isInteractionLocked ? { opacity: 0.75, cursor: "not-allowed" } : {})), disabled: disabled, readOnly: readOnly }, props)));
-}
+    return (_jsx("textarea", __assign({ ref: ref, className: cx("solid-input solid-textarea", isInteractionLocked && "is-interaction-locked", className), "aria-disabled": disabled || undefined, "aria-readonly": readOnly || undefined, style: __assign(__assign({}, (style || {})), (isInteractionLocked ? { opacity: 0.75, cursor: "not-allowed" } : {})), disabled: disabled, readOnly: readOnly }, props)));
+});
 //# sourceMappingURL=SolidTextarea.js.map

package/dist/components/shad-cn-ui/SolidTextarea.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SolidTextarea.js","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidTextarea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;~~AAIA~~,SAAS,EAAE;IAAC,eAA2C;SAA3C,UAA2C,EAA3C,qBAA2C,EAA3C,IAA2C;QAA3C,0BAA2C;;IACrD,OAAO,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACzC,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,~~EAAsE~~;~~IAApE~~,IAAA,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAK,KAAK,cAAhD,8CAAkD,CAAF;~~IAC5E~~,IAAM,mBAAmB,GAAG,OAAO,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC;IAE1D,OAAO,CACL,4BACE,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,mBAAmB,IAAI,uBAAuB,EAAE,SAAS,CAAC,mBACvF,QAAQ,IAAI,SAAS,mBACrB,QAAQ,IAAI,SAAS,EACpC,KAAK,wBACA,CAAC,KAAK,IAAI,EAAE,CAAC,GACb,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GAE1E,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,IACd,KAAK,EACT,CACH,CAAC;AACJ,CAAC","sourcesContent":["import React from \"react\";\n\ntype SolidTextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement>;\n\nfunction cx(...parts: Array<string \| false \| undefined>) {\n return parts.filter(Boolean).join(\" \");\n}\n\nexport ~~function~~ SolidTextarea({ className, disabled, readOnly, style, ...props }: ~~SolidTextareaProps~~) {\n const isInteractionLocked = Boolean(disabled \|\| readOnly);\n\n return (\n <textarea\n className={cx(\"solid-input solid-textarea\", isInteractionLocked && \"is-interaction-locked\", className)}\n aria-disabled={disabled \|\| undefined}\n aria-readonly={readOnly \|\| undefined}\n style={{\n ...(style \|\| {}),\n ...(isInteractionLocked ? { opacity: 0.75, cursor: \"not-allowed\" } : {}),\n }}\n disabled={disabled}\n readOnly={readOnly}\n {...props}\n />\n );\n}\n"]}
1	+ {"version":3,"file":"SolidTextarea.js","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidTextarea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,SAAS,EAAE;IAAC,eAA2C;SAA3C,UAA2C,EAA3C,qBAA2C,EAA3C,IAA2C;QAA3C,0BAA2C;;IACrD,OAAO,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACzC,CAAC;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAC7C,SAAS,aAAa,CAAC,EAAkD,EAAE,GAAG;IAArD,IAAA,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAK,KAAK,cAAhD,8CAAkD,CAAF;IACrE,IAAM,mBAAmB,GAAG,OAAO,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC;IAE1D,OAAO,CACL,4BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,mBAAmB,IAAI,uBAAuB,EAAE,SAAS,CAAC,mBACvF,QAAQ,IAAI,SAAS,mBACrB,QAAQ,IAAI,SAAS,EACpC,KAAK,wBACA,CAAC,KAAK,IAAI,EAAE,CAAC,GACb,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GAE1E,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,IACd,KAAK,EACT,CACH,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import React from \"react\";\n\ntype SolidTextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement>;\n\nfunction cx(...parts: Array<string \| false \| undefined>) {\n return parts.filter(Boolean).join(\" \");\n}\n\nexport const SolidTextarea = React.forwardRef<HTMLTextAreaElement, SolidTextareaProps>(\nfunction SolidTextarea({ className, disabled, readOnly, style, ...props }, ref) {\n const isInteractionLocked = Boolean(disabled \|\| readOnly);\n\n return (\n <textarea\n ref={ref}\n className={cx(\"solid-input solid-textarea\", isInteractionLocked && \"is-interaction-locked\", className)}\n aria-disabled={disabled \|\| undefined}\n aria-readonly={readOnly \|\| undefined}\n style={{\n ...(style \|\| {}),\n ...(isInteractionLocked ? { opacity: 0.75, cursor: \"not-allowed\" } : {}),\n }}\n disabled={disabled}\n readOnly={readOnly}\n {...props}\n />\n );\n});\n"]}

package/dist/components/shad-cn-ui/SolidTextarea.tsx CHANGED Viewed

@@ -6,11 +6,13 @@ function cx(...parts: Array<string | false | undefined>) {
   return parts.filter(Boolean).join(" ");
 }
-export function SolidTextarea({ className, disabled, readOnly, style, ...props }: SolidTextareaProps) {
+export const SolidTextarea = React.forwardRef<HTMLTextAreaElement, SolidTextareaProps>(
+function SolidTextarea({ className, disabled, readOnly, style, ...props }, ref) {
   const isInteractionLocked = Boolean(disabled || readOnly);
   return (
     <textarea
+      ref={ref}
       className={cx("solid-input solid-textarea", isInteractionLocked && "is-interaction-locked", className)}
       aria-disabled={disabled || undefined}
       aria-readonly={readOnly || undefined}
@@ -23,4 +25,4 @@ export function SolidTextarea({ className, disabled, readOnly, style, ...props }
       {...props}
     />
   );
-}
+});

package/dist/helpers/downloadMediaFile.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"downloadMediaFile.d.ts","sourceRoot":"","sources":["../../src/helpers/downloadMediaFile.tsx"],"names":[],"mappings":"~~AAGA~~,eAAO,MAAM,iBAAiB,YAAa,MAAM,aAAa,MAAM,~~SAQnE~~,CAAC"}
1	+ {"version":3,"file":"downloadMediaFile.d.ts","sourceRoot":"","sources":["../../src/helpers/downloadMediaFile.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,iBAAiB,YAAa,MAAM,aAAa,MAAM,SAMnE,CAAC"}

package/dist/helpers/downloadMediaFile.js CHANGED Viewed

@@ -1,10 +1,17 @@
-export var downloadMediaFile = function (fileUrl, fileName) {
+var triggerBrowserDownload = function (url, fileName) {
     var link = document.createElement("a");
-    link.href = fileUrl;
+    var downloadUrl = new URL(url, window.location.origin);
+    downloadUrl.searchParams.set("disposition", "attachment");
+    link.href = downloadUrl.toString();
     link.download = fileName || "";
-    link.target = "_blank";
     document.body.appendChild(link);
     link.click();
     document.body.removeChild(link);
 };
+export var downloadMediaFile = function (fileUrl, fileName) {
+    if (!fileUrl) {
+        return;
+    }
+    triggerBrowserDownload(fileUrl, fileName);
+};
 //# sourceMappingURL=downloadMediaFile.js.map

package/dist/helpers/downloadMediaFile.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"downloadMediaFile.js","sourceRoot":"","sources":["../../src/helpers/downloadMediaFile.tsx"],"names":[],"mappings":"~~AAGA~~,~~MAAM,CAAC,~~IAAM,~~iBAAiB~~,GAAG,UAAC,~~OAAe~~,EAAE,QAAiB;~~IAChE~~,IAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACzC,IAAI,CAAC,~~IAAI~~,GAAG,~~OAAO~~,CAAC;~~IACpB~~,IAAI,CAAC,~~QAAQ~~,GAAG,QAAQ,~~IAAI,~~EAAE,CAAC;~~IAC/B~~,IAAI,CAAC,~~MAAM~~,GAAG,QAAQ,CAAC;~~IACvB~~,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAChC,IAAI,CAAC,KAAK,EAAE,~~CAAC~~;~~IACb~~,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;AACpC,CAAC,CAAC","sourcesContent":["~~import { ERROR_MESSAGES } from \"../constants/error-messages\";\nimport { env } from \"../adapters/env\";\n\nexport~~ const ~~downloadMediaFile~~ = (~~fileUrl~~: string, fileName?: string) => {\n const link = document.createElement(\"a\");\n ~~link.href~~ = ~~fileUrl~~;\n ~~link~~.~~download~~ ~~= fileName \|\|~~ \"\";\n link.~~target~~ = \"~~_blank~~\";\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n};\n"]}
1	+ {"version":3,"file":"downloadMediaFile.js","sourceRoot":"","sources":["../../src/helpers/downloadMediaFile.tsx"],"names":[],"mappings":"AAAA,IAAM,sBAAsB,GAAG,UAAC,GAAW,EAAE,QAAiB;IAC1D,IAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACzC,IAAM,WAAW,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IACzD,WAAW,CAAC,YAAY,CAAC,GAAG,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC;IAC1D,IAAI,CAAC,IAAI,GAAG,WAAW,CAAC,QAAQ,EAAE,CAAC;IACnC,IAAI,CAAC,QAAQ,GAAG,QAAQ,IAAI,EAAE,CAAC;IAC/B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAChC,IAAI,CAAC,KAAK,EAAE,CAAK;IACjB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;AACpC,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,OAAe,EAAE,QAAiB;IAChE,IAAI,CAAC,OAAO,EAAE;QACV,OAAO;KACV;IAED,sBAAsB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;AAC9C,CAAC,CAAC","sourcesContent":["const triggerBrowserDownload = (url: string, fileName?: string) => {\n const link = document.createElement(\"a\");\n const downloadUrl = new URL(url, window.location.origin);\n downloadUrl.searchParams.set(\"disposition\", \"attachment\");\n link.href = downloadUrl.toString();\n link.download = fileName \|\| \"\";\n document.body.appendChild(link);\n link.click() ;\n document.body.removeChild(link);\n};\n\nexport const downloadMediaFile = (fileUrl: string, fileName?: string) => {\n if (!fileUrl) {\n return;\n }\n\n triggerBrowserDownload(fileUrl, fileName);\n};\n"]}

package/dist/helpers/downloadMediaFile.tsx CHANGED Viewed

@@ -1,12 +1,18 @@
-import { ERROR_MESSAGES } from "../constants/error-messages";
-import { env } from "../adapters/env";
-export const downloadMediaFile = (fileUrl: string, fileName?: string) => {
+const triggerBrowserDownload = (url: string, fileName?: string) => {
     const link = document.createElement("a");
-    link.href = fileUrl;
+    const downloadUrl = new URL(url, window.location.origin);
+    downloadUrl.searchParams.set("disposition", "attachment");
+    link.href = downloadUrl.toString();
     link.download = fileName || "";
-    link.target = "_blank";
     document.body.appendChild(link);
-    link.click();
+    link.click()    ;
     document.body.removeChild(link);
 };
+export const downloadMediaFile = (fileUrl: string, fileName?: string) => {
+    if (!fileUrl) {
+        return;
+    }
+    triggerBrowserDownload(fileUrl, fileName);
+};

package/dist/helpers/fileTypeIcon.d.ts CHANGED Viewed

@@ -2,9 +2,10 @@ type FileTypeIconTone = {
     bg: string;
     corner: string;
 };
-export declare const getFileTypeIconTone: (fileUrl: string) => FileTypeIconTone;
-export declare const SolidFileTypeIcon: ({ fileUrl, size, className }: {
+export declare const getFileTypeIconTone: (fileUrl: string, fileName?: string) => FileTypeIconTone;
+export declare const SolidFileTypeIcon: ({ fileUrl, fileName, size, className }: {
     fileUrl: string;
+    fileName?: string | undefined;
     size?: number | undefined;
     className?: string | undefined;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/helpers/fileTypeIcon.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"fileTypeIcon.d.ts","sourceRoot":"","sources":["../../src/helpers/fileTypeIcon.tsx"],"names":[],"mappings":"AAEA,KAAK,gBAAgB,GAAG;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;CAClB,CAAC;~~AA6BF~~,eAAO,MAAM,mBAAmB,YAAa,MAAM,~~qBAGlD~~,CAAC;AAEF,eAAO,MAAM,iBAAiB;~~aAAkD~~,MAAM~~;;;6CAyBrF~~,CAAC"}
1	+ {"version":3,"file":"fileTypeIcon.d.ts","sourceRoot":"","sources":["../../src/helpers/fileTypeIcon.tsx"],"names":[],"mappings":"AAEA,KAAK,gBAAgB,GAAG;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;CAClB,CAAC;AAkCF,eAAO,MAAM,mBAAmB,YAAa,MAAM,aAAa,MAAM,qBAGrE,CAAC;AAEF,eAAO,MAAM,iBAAiB;aAA4D,MAAM;;;;6CAyB/F,CAAC"}

package/dist/helpers/fileTypeIcon.js CHANGED Viewed

@@ -19,19 +19,23 @@ var FILE_TYPE_ICON_MAP = {
     ogg: { bg: "#DB2777", corner: "#F9A8D4" },
     wav: { bg: "#DB2777", corner: "#F9A8D4" }
 };
-var getFileExtension = function (fileUrl) {
+var getFileExtension = function (fileName, fileUrl) {
     var _a, _b;
-    var cleanUrl = fileUrl.split("?")[0];
-    return (_b = (_a = cleanUrl.split(".").pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase()) !== null && _b !== void 0 ? _b : "";
+    var value = fileName || fileUrl;
+    if (!value) {
+        return "";
+    }
+    var cleanValue = value.split("?")[0];
+    return (_b = (_a = cleanValue.split(".").pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase()) !== null && _b !== void 0 ? _b : "";
 };
-export var getFileTypeIconTone = function (fileUrl) {
+export var getFileTypeIconTone = function (fileUrl, fileName) {
     var _a;
-    var extension = getFileExtension(fileUrl);
+    var extension = getFileExtension(fileName, fileUrl);
     return (_a = FILE_TYPE_ICON_MAP[extension]) !== null && _a !== void 0 ? _a : DEFAULT_FILE_ICON;
 };
 export var SolidFileTypeIcon = function (_a) {
-    var fileUrl = _a.fileUrl, _b = _a.size, size = _b === void 0 ? 24 : _b, className = _a.className;
-    var icon = getFileTypeIconTone(fileUrl);
+    var fileUrl = _a.fileUrl, fileName = _a.fileName, _b = _a.size, size = _b === void 0 ? 24 : _b, className = _a.className;
+    var icon = getFileTypeIconTone(fileUrl, fileName);
     return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 32 32", fill: "none", className: className, "aria-hidden": true, children: [_jsx("path", { d: "M7.5 2.5h12L26 9v19.5a2 2 0 0 1-2 2H7.5a2 2 0 0 1-2-2v-24a2 2 0 0 1 2-2Z", fill: icon.bg }), _jsx("path", { d: "M19.5 2.5V8a1 1 0 0 0 1 1H26L19.5 2.5Z", fill: icon.corner }), _jsx("path", { d: "M9.5 12.25h9.5M9.5 15.25h12", stroke: "rgba(255,255,255,0.42)", strokeWidth: "1.4", strokeLinecap: "round" }), _jsx("rect", { x: "7.5", y: "18", width: "17", height: "7.5", rx: "1.5", fill: "rgba(255,255,255,0.2)" })] }));
 };
 //# sourceMappingURL=fileTypeIcon.js.map

package/dist/helpers/fileTypeIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"fileTypeIcon.js","sourceRoot":"","sources":["../../src/helpers/fileTypeIcon.tsx"],"names":[],"mappings":";AAOA,IAAM,iBAAiB,GAAqB;IACxC,EAAE,EAAE,SAAS;IACb,MAAM,EAAE,SAAS;CACpB,CAAC;AAEF,IAAM,kBAAkB,GAAqC;IACzD,GAAG,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE;IACzC,GAAG,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE;IACzC,GAAG,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE;IACzC,IAAI,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE;IAC1C,GAAG,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE;IACzC,IAAI,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE;IAC1C,GAAG,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE;IACzC,GAAG,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE;IACzC,IAAI,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE;IAC1C,GAAG,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE;IACzC,GAAG,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE;IACzC,IAAI,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE;IAC1C,GAAG,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE;IACzC,GAAG,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE;CAC5C,CAAC;AAEF,IAAM,gBAAgB,GAAG,UAAC,~~OAAe~~;;~~IACrC~~,IAAM,~~QAAQ~~,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IACvC,OAAO,MAAA,MAAA,~~QAAQ~~,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,0CAAE,WAAW,EAAE,mCAAI,EAAE,CAAC;~~AAC1D~~,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,mBAAmB,GAAG,UAAC,OAAe;;~~IAC/C~~,IAAM,SAAS,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;~~IAC5C~~,OAAO,MAAA,kBAAkB,CAAC,SAAS,CAAC,mCAAI,iBAAiB,CAAC;AAC9D,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,~~EAAyF~~;~~QAAvF~~,OAAO,aAAA,EAAE,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,SAAS,eAAA;~~IAC7D~~,IAAM,IAAI,GAAG,mBAAmB,CAAC,OAAO,CAAC,CAAC;~~IAE1C~~,OAAO,CACH,eACI,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,SAAS,kCAGpB,eACI,CAAC,EAAC,0EAA0E,EAC5E,IAAI,EAAE,IAAI,CAAC,EAAE,GACf,EACF,eACI,CAAC,EAAC,wCAAwC,EAC1C,IAAI,EAAE,IAAI,CAAC,MAAM,GACnB,EACF,eAAM,CAAC,EAAC,6BAA6B,EAAC,MAAM,EAAC,wBAAwB,EAAC,WAAW,EAAC,KAAK,EAAC,aAAa,EAAC,OAAO,GAAG,EAChH,eAAM,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,EAAE,EAAC,KAAK,EAAC,IAAI,EAAC,uBAAuB,GAAG,IACnF,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import React from \"react\";\n\ntype FileTypeIconTone = {\n bg: string;\n corner: string;\n};\n\nconst DEFAULT_FILE_ICON: FileTypeIconTone = {\n bg: \"#64748B\",\n corner: \"#CBD5E1\"\n};\n\nconst FILE_TYPE_ICON_MAP: Record<string, FileTypeIconTone> = {\n pdf: { bg: \"#DC2626\", corner: \"#FCA5A5\" },\n txt: { bg: \"#475569\", corner: \"#CBD5E1\" },\n doc: { bg: \"#2563EB\", corner: \"#93C5FD\" },\n docx: { bg: \"#2563EB\", corner: \"#93C5FD\" },\n xls: { bg: \"#16A34A\", corner: \"#86EFAC\" },\n xlsx: { bg: \"#16A34A\", corner: \"#86EFAC\" },\n csv: { bg: \"#059669\", corner: \"#A7F3D0\" },\n ppt: { bg: \"#EA580C\", corner: \"#FDBA74\" },\n pptx: { bg: \"#EA580C\", corner: \"#FDBA74\" },\n zip: { bg: \"#7C3AED\", corner: \"#C4B5FD\" },\n rar: { bg: \"#7C3AED\", corner: \"#C4B5FD\" },\n webm: { bg: \"#4F46E5\", corner: \"#A5B4FC\" },\n ogg: { bg: \"#DB2777\", corner: \"#F9A8D4\" },\n wav: { bg: \"#DB2777\", corner: \"#F9A8D4\" }\n};\n\nconst getFileExtension = (fileUrl: string) => {\n const ~~cleanUrl~~ = fileUrl.split(\"?\")[0];\n return ~~cleanUrl~~.split(\".\").pop()?.toLowerCase() ?? \"\";\n};\n\nexport const getFileTypeIconTone = (fileUrl: string) => {\n const extension = getFileExtension(fileUrl);\n return FILE_TYPE_ICON_MAP[extension] ?? DEFAULT_FILE_ICON;\n};\n\nexport const SolidFileTypeIcon = ({ fileUrl, size = 24, className }: { fileUrl: string; size?: number; className?: string }) => {\n const icon = getFileTypeIconTone(fileUrl);\n\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={size}\n height={size}\n viewBox=\"0 0 32 32\"\n fill=\"none\"\n className={className}\n aria-hidden\n >\n <path\n d=\"M7.5 2.5h12L26 9v19.5a2 2 0 0 1-2 2H7.5a2 2 0 0 1-2-2v-24a2 2 0 0 1 2-2Z\"\n fill={icon.bg}\n />\n <path\n d=\"M19.5 2.5V8a1 1 0 0 0 1 1H26L19.5 2.5Z\"\n fill={icon.corner}\n />\n <path d=\"M9.5 12.25h9.5M9.5 15.25h12\" stroke=\"rgba(255,255,255,0.42)\" strokeWidth=\"1.4\" strokeLinecap=\"round\" />\n <rect x=\"7.5\" y=\"18\" width=\"17\" height=\"7.5\" rx=\"1.5\" fill=\"rgba(255,255,255,0.2)\" />\n </svg>\n );\n};\n"]}
1	+ {"version":3,"file":"fileTypeIcon.js","sourceRoot":"","sources":["../../src/helpers/fileTypeIcon.tsx"],"names":[],"mappings":";AAOA,IAAM,iBAAiB,GAAqB;IACxC,EAAE,EAAE,SAAS;IACb,MAAM,EAAE,SAAS;CACpB,CAAC;AAEF,IAAM,kBAAkB,GAAqC;IACzD,GAAG,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE;IACzC,GAAG,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE;IACzC,GAAG,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE;IACzC,IAAI,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE;IAC1C,GAAG,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE;IACzC,IAAI,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE;IAC1C,GAAG,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE;IACzC,GAAG,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE;IACzC,IAAI,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE;IAC1C,GAAG,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE;IACzC,GAAG,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE;IACzC,IAAI,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE;IAC1C,GAAG,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE;IACzC,GAAG,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE;CAC5C,CAAC;AAEF,IAAM,gBAAgB,GAAG,UAAC,QAAiB,EAAE,OAAgB;;IACzD,IAAM,KAAK,GAAG,QAAQ,IAAI,OAAO,CAAC;IAClC,IAAI,CAAC,KAAK,EAAE;QACR,OAAO,EAAE,CAAC;KACb;IAED,IAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IACvC,OAAO,MAAA,MAAA,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,0CAAE,WAAW,EAAE,mCAAI,EAAE,CAAC;AAC5D,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,mBAAmB,GAAG,UAAC,OAAe,EAAE,QAAiB;;IAClE,IAAM,SAAS,GAAG,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IACtD,OAAO,MAAA,kBAAkB,CAAC,SAAS,CAAC,mCAAI,iBAAiB,CAAC;AAC9D,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,EAAsH;QAApH,OAAO,aAAA,EAAE,QAAQ,cAAA,EAAE,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,SAAS,eAAA;IACvE,IAAM,IAAI,GAAG,mBAAmB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IAEpD,OAAO,CACH,eACI,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,SAAS,kCAGpB,eACI,CAAC,EAAC,0EAA0E,EAC5E,IAAI,EAAE,IAAI,CAAC,EAAE,GACf,EACF,eACI,CAAC,EAAC,wCAAwC,EAC1C,IAAI,EAAE,IAAI,CAAC,MAAM,GACnB,EACF,eAAM,CAAC,EAAC,6BAA6B,EAAC,MAAM,EAAC,wBAAwB,EAAC,WAAW,EAAC,KAAK,EAAC,aAAa,EAAC,OAAO,GAAG,EAChH,eAAM,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,EAAE,EAAC,KAAK,EAAC,IAAI,EAAC,uBAAuB,GAAG,IACnF,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import React from \"react\";\n\ntype FileTypeIconTone = {\n bg: string;\n corner: string;\n};\n\nconst DEFAULT_FILE_ICON: FileTypeIconTone = {\n bg: \"#64748B\",\n corner: \"#CBD5E1\"\n};\n\nconst FILE_TYPE_ICON_MAP: Record<string, FileTypeIconTone> = {\n pdf: { bg: \"#DC2626\", corner: \"#FCA5A5\" },\n txt: { bg: \"#475569\", corner: \"#CBD5E1\" },\n doc: { bg: \"#2563EB\", corner: \"#93C5FD\" },\n docx: { bg: \"#2563EB\", corner: \"#93C5FD\" },\n xls: { bg: \"#16A34A\", corner: \"#86EFAC\" },\n xlsx: { bg: \"#16A34A\", corner: \"#86EFAC\" },\n csv: { bg: \"#059669\", corner: \"#A7F3D0\" },\n ppt: { bg: \"#EA580C\", corner: \"#FDBA74\" },\n pptx: { bg: \"#EA580C\", corner: \"#FDBA74\" },\n zip: { bg: \"#7C3AED\", corner: \"#C4B5FD\" },\n rar: { bg: \"#7C3AED\", corner: \"#C4B5FD\" },\n webm: { bg: \"#4F46E5\", corner: \"#A5B4FC\" },\n ogg: { bg: \"#DB2777\", corner: \"#F9A8D4\" },\n wav: { bg: \"#DB2777\", corner: \"#F9A8D4\" }\n};\n\nconst getFileExtension = (fileName?: string, fileUrl?: string) => {\n const value = fileName \|\| fileUrl;\n if (!value) {\n return \"\";\n }\n\n const cleanValue = value.split(\"?\")[0];\n return cleanValue.split(\".\").pop()?.toLowerCase() ?? \"\";\n};\n\nexport const getFileTypeIconTone = (fileUrl: string, fileName?: string) => {\n const extension = getFileExtension(fileName, fileUrl);\n return FILE_TYPE_ICON_MAP[extension] ?? DEFAULT_FILE_ICON;\n};\n\nexport const SolidFileTypeIcon = ({ fileUrl, fileName, size = 24, className }: { fileUrl: string; fileName?: string; size?: number; className?: string }) => {\n const icon = getFileTypeIconTone(fileUrl, fileName);\n\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={size}\n height={size}\n viewBox=\"0 0 32 32\"\n fill=\"none\"\n className={className}\n aria-hidden\n >\n <path\n d=\"M7.5 2.5h12L26 9v19.5a2 2 0 0 1-2 2H7.5a2 2 0 0 1-2-2v-24a2 2 0 0 1 2-2Z\"\n fill={icon.bg}\n />\n <path\n d=\"M19.5 2.5V8a1 1 0 0 0 1 1H26L19.5 2.5Z\"\n fill={icon.corner}\n />\n <path d=\"M9.5 12.25h9.5M9.5 15.25h12\" stroke=\"rgba(255,255,255,0.42)\" strokeWidth=\"1.4\" strokeLinecap=\"round\" />\n <rect x=\"7.5\" y=\"18\" width=\"17\" height=\"7.5\" rx=\"1.5\" fill=\"rgba(255,255,255,0.2)\" />\n </svg>\n );\n};\n"]}

package/dist/helpers/fileTypeIcon.tsx CHANGED Viewed

@@ -27,18 +27,23 @@ const FILE_TYPE_ICON_MAP: Record<string, FileTypeIconTone> = {
     wav: { bg: "#DB2777", corner: "#F9A8D4" }
 };
-const getFileExtension = (fileUrl: string) => {
-    const cleanUrl = fileUrl.split("?")[0];
-    return cleanUrl.split(".").pop()?.toLowerCase() ?? "";
+const getFileExtension = (fileName?: string, fileUrl?: string) => {
+    const value = fileName || fileUrl;
+    if (!value) {
+        return "";
+    }
+    const cleanValue = value.split("?")[0];
+    return cleanValue.split(".").pop()?.toLowerCase() ?? "";
 };
-export const getFileTypeIconTone = (fileUrl: string) => {
-    const extension = getFileExtension(fileUrl);
+export const getFileTypeIconTone = (fileUrl: string, fileName?: string) => {
+    const extension = getFileExtension(fileName, fileUrl);
     return FILE_TYPE_ICON_MAP[extension] ?? DEFAULT_FILE_ICON;
 };
-export const SolidFileTypeIcon = ({ fileUrl, size = 24, className }: { fileUrl: string; size?: number; className?: string }) => {
-    const icon = getFileTypeIconTone(fileUrl);
+export const SolidFileTypeIcon = ({ fileUrl, fileName, size = 24, className }: { fileUrl: string; fileName?: string; size?: number; className?: string }) => {
+    const icon = getFileTypeIconTone(fileUrl, fileName);
     return (
         <svg

package/dist/helpers/mediaType.d.ts CHANGED Viewed

@@ -1,3 +1,10 @@
 export type MediaKind = "image" | "video" | "audio";
+export type MediaPreviewKind = MediaKind | "file";
+export declare const getMediaPreviewKind: ({ url, fileName, mimeType }: {
+    url?: string | undefined;
+    fileName?: string | undefined;
+    mimeType?: string | undefined;
+}) => MediaPreviewKind;
+export declare const isLightboxMediaKind: (mediaKind: MediaPreviewKind) => mediaKind is "video" | "image";
 export declare const getMediaTypeFromUrl: (url?: string) => MediaKind;
 //# sourceMappingURL=mediaType.d.ts.map

package/dist/helpers/mediaType.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mediaType.d.ts","sourceRoot":"","sources":["../../src/helpers/mediaType.ts"],"names":[],"mappings":"~~AAGA~~,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;~~AAEpD~~,eAAO,MAAM,mBAAmB,SAAU,MAAM,KAAG,~~SAiBlD~~,CAAC"}
1	+ {"version":3,"file":"mediaType.d.ts","sourceRoot":"","sources":["../../src/helpers/mediaType.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;AACpD,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,MAAM,CAAC;AAyClD,eAAO,MAAM,mBAAmB;;;;MAA0F,gBAEzH,CAAC;AAEF,eAAO,MAAM,mBAAmB,cACnB,gBAAgB,mCACsD,CAAC;AAEpF,eAAO,MAAM,mBAAmB,SAAU,MAAM,KAAG,SAOlD,CAAC"}

package/dist/helpers/mediaType.js CHANGED Viewed

@@ -1,19 +1,50 @@
+var imageExtensions = ["jpg", "jpeg", "png", "gif", "bmp", "webp", "svg", "avif"];
 var videoExtensions = ["mp4", "webm", "ogg", "mov", "m4v"];
 var audioExtensions = ["mp3", "wav", "m4a", "aac", "oga"];
-export var getMediaTypeFromUrl = function (url) {
-    var _a;
-    if (!url)
+var getMediaExtension = function (value) {
+    var _a, _b;
+    if (!value)
+        return "";
+    var cleanValue = value.split("?")[0];
+    return (_b = (_a = cleanValue.split(".").pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase()) !== null && _b !== void 0 ? _b : "";
+};
+var getMediaKind = function (_a) {
+    var url = _a.url, fileName = _a.fileName, mimeType = _a.mimeType;
+    var normalizedMimeType = String(mimeType || "").toLowerCase();
+    if (normalizedMimeType.startsWith("image/")) {
         return "image";
-    var cleanUrl = url.split("?")[0];
-    var ext = (_a = cleanUrl.split(".").pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase();
-    if (!ext)
+    }
+    if (normalizedMimeType.startsWith("video/")) {
+        return "video";
+    }
+    if (normalizedMimeType.startsWith("audio/")) {
+        return "audio";
+    }
+    var extension = getMediaExtension(fileName) || getMediaExtension(url);
+    if (!extension)
+        return null;
+    if (imageExtensions.includes(extension)) {
         return "image";
-    if (videoExtensions.includes(ext)) {
+    }
+    if (videoExtensions.includes(extension)) {
         return "video";
     }
-    if (audioExtensions.includes(ext)) {
+    if (audioExtensions.includes(extension)) {
         return "audio";
     }
+    return null;
+};
+export var getMediaPreviewKind = function (_a) {
+    var _b;
+    var url = _a.url, fileName = _a.fileName, mimeType = _a.mimeType;
+    return (_b = getMediaKind({ url: url, fileName: fileName, mimeType: mimeType })) !== null && _b !== void 0 ? _b : "file";
+};
+export var isLightboxMediaKind = function (mediaKind) { return mediaKind === "image" || mediaKind === "video"; };
+export var getMediaTypeFromUrl = function (url) {
+    var mediaKind = getMediaKind({ url: url });
+    if (mediaKind === "video" || mediaKind === "audio") {
+        return mediaKind;
+    }
     return "image";
 };
 //# sourceMappingURL=mediaType.js.map

package/dist/helpers/mediaType.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mediaType.js","sourceRoot":"","sources":["../../src/helpers/mediaType.ts"],"names":[],"mappings":"AAAA,IAAM,eAAe,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;~~AAC7D~~,IAAM,eAAe,GAAG,CAAC,KAAK,EAAE,~~KAAK~~,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;~~AAI5D~~,~~MAAM~~,CAAC,IAAM,~~mBAAmB~~,GAAG,UAAC,~~GAAY~~;;~~IAC9C~~,IAAI,CAAC,~~GAAG~~;QAAE,OAAO,~~OAAO~~,CAAC;~~IAEzB~~,IAAM,~~QAAQ~~,GAAG,~~GAAG~~,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;~~IACnC~~,~~IAAM~~,~~GAAG~~,~~GAAG,~~MAAA,~~QAAQ~~,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,0CAAE,WAAW,EAAE,CAAC;~~IAErD~~,IAAI,CAAC,GAAG;QAAE,OAAO,OAAO,CAAC;~~IAEzB~~,IAAI,eAAe,CAAC,QAAQ,CAAC,~~GAAG~~,CAAC,EAAE;~~QACjC~~,OAAO,OAAO,CAAC;KAChB;IAED,IAAI,eAAe,CAAC,QAAQ,CAAC,~~GAAG~~,CAAC,EAAE;~~QACjC~~,OAAO,OAAO,CAAC;KAChB;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC","sourcesContent":["const videoExtensions = [\"mp4\", \"webm\", \"ogg\", \"mov\", \"m4v\"];\nconst audioExtensions = [\"mp3\", \"wav\", \"m4a\", \"aac\", \"oga\"];\n\nexport type MediaKind = \"image\" \| \"video\" \| \"audio\";\n\nexport ~~const~~ ~~getMediaTypeFromUrl~~ = (~~url~~?: string): ~~MediaKind~~ => {\n if (!~~url~~) return \"~~image~~\";\n\n const ~~cleanUrl~~ = ~~url~~.split(\"?\")[0];\n ~~const~~ ~~ext = cleanUrl~~.split(\".\").pop()?.toLowerCase();\n\n if (!~~ext~~) return \"image\";\n\n if (videoExtensions.includes(~~ext~~)) {\n return \"video\";\n }\n\n if (audioExtensions.includes(~~ext~~)) {\n return \"audio\";\n }\n\n return \"image\";\n};\n"]}
1	+ {"version":3,"file":"mediaType.js","sourceRoot":"","sources":["../../src/helpers/mediaType.ts"],"names":[],"mappings":"AAAA,IAAM,eAAe,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;AACpF,IAAM,eAAe,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;AAC7D,IAAM,eAAe,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;AAK5D,IAAM,iBAAiB,GAAG,UAAC,KAAc;;IACvC,IAAI,CAAC,KAAK;QAAE,OAAO,EAAE,CAAC;IAEtB,IAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IACvC,OAAO,MAAA,MAAA,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,0CAAE,WAAW,EAAE,mCAAI,EAAE,CAAC;AAC1D,CAAC,CAAC;AAEF,IAAM,YAAY,GAAG,UAAC,EAAoF;QAAlF,GAAG,SAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAA;IAC7C,IAAM,kBAAkB,GAAG,MAAM,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC;IAChE,IAAI,kBAAkB,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;QAC3C,OAAO,OAAO,CAAC;KAChB;IAED,IAAI,kBAAkB,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;QAC3C,OAAO,OAAO,CAAC;KAChB;IAED,IAAI,kBAAkB,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;QAC3C,OAAO,OAAO,CAAC;KAChB;IAED,IAAM,SAAS,GAAG,iBAAiB,CAAC,QAAQ,CAAC,IAAI,iBAAiB,CAAC,GAAG,CAAC,CAAC;IACxE,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAE5B,IAAI,eAAe,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE;QACvC,OAAO,OAAO,CAAC;KAChB;IAED,IAAI,eAAe,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE;QACvC,OAAO,OAAO,CAAC;KAChB;IAED,IAAI,eAAe,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE;QACvC,OAAO,OAAO,CAAC;KAChB;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,mBAAmB,GAAG,UAAC,EAAmF;;QAAjF,GAAG,SAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAA;IAC3D,OAAO,MAAA,YAAY,CAAC,EAAE,GAAG,KAAA,EAAE,QAAQ,UAAA,EAAE,QAAQ,UAAA,EAAE,CAAC,mCAAI,MAAM,CAAC;AAC7D,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,mBAAmB,GAAG,UACjC,SAA2B,IACQ,OAAA,SAAS,KAAK,OAAO,IAAI,SAAS,KAAK,OAAO,EAA9C,CAA8C,CAAC;AAEpF,MAAM,CAAC,IAAM,mBAAmB,GAAG,UAAC,GAAY;IAC9C,IAAM,SAAS,GAAG,YAAY,CAAC,EAAE,GAAG,KAAA,EAAE,CAAC,CAAC;IACxC,IAAI,SAAS,KAAK,OAAO,IAAI,SAAS,KAAK,OAAO,EAAE;QAClD,OAAO,SAAS,CAAC;KAClB;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC","sourcesContent":["const imageExtensions = [\"jpg\", \"jpeg\", \"png\", \"gif\", \"bmp\", \"webp\", \"svg\", \"avif\"];\nconst videoExtensions = [\"mp4\", \"webm\", \"ogg\", \"mov\", \"m4v\"];\nconst audioExtensions = [\"mp3\", \"wav\", \"m4a\", \"aac\", \"oga\"];\n\nexport type MediaKind = \"image\" \| \"video\" \| \"audio\";\nexport type MediaPreviewKind = MediaKind \| \"file\";\n\nconst getMediaExtension = (value?: string): string => {\n if (!value) return \"\";\n\n const cleanValue = value.split(\"?\")[0];\n return cleanValue.split(\".\").pop()?.toLowerCase() ?? \"\";\n};\n\nconst getMediaKind = ({ url, fileName, mimeType }: { url?: string; fileName?: string; mimeType?: string; }): MediaKind \| null => {\n const normalizedMimeType = String(mimeType \|\| \"\").toLowerCase();\n if (normalizedMimeType.startsWith(\"image/\")) {\n return \"image\";\n }\n\n if (normalizedMimeType.startsWith(\"video/\")) {\n return \"video\";\n }\n\n if (normalizedMimeType.startsWith(\"audio/\")) {\n return \"audio\";\n }\n\n const extension = getMediaExtension(fileName) \|\| getMediaExtension(url);\n if (!extension) return null;\n\n if (imageExtensions.includes(extension)) {\n return \"image\";\n }\n\n if (videoExtensions.includes(extension)) {\n return \"video\";\n }\n\n if (audioExtensions.includes(extension)) {\n return \"audio\";\n }\n\n return null;\n};\n\nexport const getMediaPreviewKind = ({ url, fileName, mimeType}: { url?: string; fileName?: string; mimeType?: string; }): MediaPreviewKind => {\n return getMediaKind({ url, fileName, mimeType }) ?? \"file\";\n};\n\nexport const isLightboxMediaKind = (\n mediaKind: MediaPreviewKind\n): mediaKind is \"image\" \| \"video\" => mediaKind === \"image\" \|\| mediaKind === \"video\";\n\nexport const getMediaTypeFromUrl = (url?: string): MediaKind => {\n const mediaKind = getMediaKind({ url });\n if (mediaKind === \"video\" \|\| mediaKind === \"audio\") {\n return mediaKind;\n }\n\n return \"image\";\n};\n"]}

package/dist/helpers/mediaType.ts CHANGED Viewed

@@ -1,23 +1,62 @@
+const imageExtensions = ["jpg", "jpeg", "png", "gif", "bmp", "webp", "svg", "avif"];
 const videoExtensions = ["mp4", "webm", "ogg", "mov", "m4v"];
 const audioExtensions = ["mp3", "wav", "m4a", "aac", "oga"];
 export type MediaKind = "image" | "video" | "audio";
+export type MediaPreviewKind = MediaKind | "file";
-export const getMediaTypeFromUrl = (url?: string): MediaKind => {
-  if (!url) return "image";
+const getMediaExtension = (value?: string): string => {
+  if (!value) return "";
+  const cleanValue = value.split("?")[0];
+  return cleanValue.split(".").pop()?.toLowerCase() ?? "";
+};
+const getMediaKind = ({ url, fileName, mimeType }: { url?: string; fileName?: string; mimeType?: string; }): MediaKind | null => {
+  const normalizedMimeType = String(mimeType || "").toLowerCase();
+  if (normalizedMimeType.startsWith("image/")) {
+    return "image";
+  }
+  if (normalizedMimeType.startsWith("video/")) {
+    return "video";
+  }
+  if (normalizedMimeType.startsWith("audio/")) {
+    return "audio";
+  }
-  const cleanUrl = url.split("?")[0];
-  const ext = cleanUrl.split(".").pop()?.toLowerCase();
+  const extension = getMediaExtension(fileName) || getMediaExtension(url);
+  if (!extension) return null;
-  if (!ext) return "image";
+  if (imageExtensions.includes(extension)) {
+    return "image";
+  }
-  if (videoExtensions.includes(ext)) {
+  if (videoExtensions.includes(extension)) {
     return "video";
   }
-  if (audioExtensions.includes(ext)) {
+  if (audioExtensions.includes(extension)) {
     return "audio";
   }
+  return null;
+};
+export const getMediaPreviewKind = ({ url, fileName, mimeType}: { url?: string; fileName?: string; mimeType?: string; }): MediaPreviewKind => {
+  return getMediaKind({ url, fileName, mimeType }) ?? "file";
+};
+export const isLightboxMediaKind = (
+  mediaKind: MediaPreviewKind
+): mediaKind is "image" | "video" => mediaKind === "image" || mediaKind === "video";
+export const getMediaTypeFromUrl = (url?: string): MediaKind => {
+  const mediaKind = getMediaKind({ url });
+  if (mediaKind === "video" || mediaKind === "audio") {
+    return mediaKind;
+  }
   return "image";
 };

package/dist/helpers/mediaUrl.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export declare const openMediaInNewTab: (value?: string) => void;
2	+ //# sourceMappingURL=mediaUrl.d.ts.map

package/dist/helpers/mediaUrl.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"mediaUrl.d.ts","sourceRoot":"","sources":["../../src/helpers/mediaUrl.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,WAAY,MAAM,SAU/C,CAAC"}

package/dist/helpers/mediaUrl.js ADDED Viewed

@@ -0,0 +1,10 @@
+export var openMediaInNewTab = function (value) {
+    if (typeof window === "undefined") {
+        return;
+    }
+    if (!value) {
+        return;
+    }
+    window.open(value, "_blank", "noopener,noreferrer");
+};
+//# sourceMappingURL=mediaUrl.js.map

package/dist/helpers/mediaUrl.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"mediaUrl.js","sourceRoot":"","sources":["../../src/helpers/mediaUrl.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,KAAc;IAC5C,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;QAC/B,OAAO;KACV;IAED,IAAI,CAAC,KAAK,EAAE;QACR,OAAO;KACV;IAED,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,qBAAqB,CAAC,CAAC;AACxD,CAAC,CAAC","sourcesContent":["export const openMediaInNewTab = (value?: string) => {\n if (typeof window === \"undefined\") {\n return;\n }\n\n if (!value) {\n return;\n }\n\n window.open(value, \"_blank\", \"noopener,noreferrer\");\n};\n"]}

package/dist/helpers/mediaUrl.ts ADDED Viewed

@@ -0,0 +1,11 @@
+export const openMediaInNewTab = (value?: string) => {
+    if (typeof window === "undefined") {
+        return;
+    }
+    if (!value) {
+        return;
+    }
+    window.open(value, "_blank", "noopener,noreferrer");
+};

package/dist/resources/globals.css CHANGED Viewed

@@ -878,6 +878,20 @@ html.dark .solid-react-datepicker-calendar .react-datepicker__month-year-read-vi
   word-break: break-word;
 }
+.solid-popover-content.solid-field-tooltip-popover {
+  z-index: 9999;
+  border: none;
+  border-radius: 6px;
+  background: #111827;
+  color: #fff;
+  padding: 6px 8px;
+  font-size: 12px;
+  line-height: 1.3;
+  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
+  max-width: 280px;
+  word-break: break-word;
+}
 .form-wrapper-subtitle {
   font-size: 0.75rem !important;
   font-weight: 700;