npm - @solidxai/core-ui - Versions diffs - 0.1.12-beta.6 → 0.1.12-beta.8 - Mend

@solidxai/core-ui 0.1.12-beta.6 → 0.1.12-beta.8

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 (286) hide show

package/dist/components/core/form/fields/widgets/SolidIconEditWidget.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SolidIconEditWidget.js","sourceRoot":"","sources":["../../../../../../src/components/core/form/fields/widgets/SolidIconEditWidget.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { solidIcons } from \"../../../../../helpers/solidIcons\";\nimport { SolidFormFieldWidgetProps } from \"../../../../../types/solid-core\";\nimport { SolidButton } from \"../../../../shad-cn-ui/SolidButton\";\nimport {\n SolidDialog,\n SolidDialogBody,\n SolidDialogClose,\n SolidDialogFooter,\n SolidDialogHeader,\n SolidDialogTitle,\n} from \"../../../../shad-cn-ui/SolidDialog\";\nimport { SolidInput } from \"../../../../shad-cn-ui/SolidInput\";\nimport { useEffect, useState } from \"react\";\n\nexport const SolidIconEditWidget = ({ formik, fieldContext }: SolidFormFieldWidgetProps) => {\n const fieldMetadata = fieldContext.fieldMetadata;\n const fieldLayoutInfo = fieldContext.field;\n const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;\n const fieldName = fieldLayoutInfo?.attrs?.name;\n\n const [openIconDialog, setOpenIconDialog] = useState(false);\n const [selectedCategory, setSelectedCategory] = useState(\"All\");\n const [searchIcon, setSearchIcon] = useState(\"\");\n const [selectedIcon, setSelectedIcon] = useState(formik.values?.[fieldName] \|\| \"\");\n\n // const [iconVariant, setIconVariant] = useState(formik.values.iconVariant \|\| \"outlined\");\n\n // const iconVariants = [\n // { label: \"Outlined\", value: \"outlined\" },\n // { label: \"Rounded\", value: \"rounded\" },\n // { label: \"Sharp\", value: \"sharp\" }\n // ];\n\n const allIcons = solidIcons.flatMap(({ category, icons }) =>\n icons.map((icon) => ({ icon, category }))\n );\n\n const filteredIcons = (selectedCategory === \"All\" ? allIcons :\n allIcons.filter((i) => i.category === selectedCategory)\n ).filter(({ icon }) => icon.toLowerCase().includes(searchIcon.toLowerCase()));\n\n const tabs = [\"All\", ...solidIcons.map((c) => c.category)];\n\n useEffect(() => {\n if (openIconDialog) {\n setSelectedIcon(formik?.values?.[fieldName] ?? \"\");\n // setIconVariant(formik.values.iconVariant ?? \"outlined\");\n }\n }, [openIconDialog]);\n\n const handleSelectIcon = (icon: string) => {\n setSelectedIcon(icon);\n // setIconVariant(variant)\n fieldContext.onChange(\n {\n target: {\n name: fieldName,\n value: icon,\n type: \"text\",\n },\n } as any,\n \"onFieldChange\"\n );\n // formik.setFieldValue(\"iconVariant\", variant);\n };\n\n const handleRemoveIcon = () => {\n setSelectedIcon(\"\");\n // setIconVariant(null)\n fieldContext.onChange(\n {\n target: {\n name: fieldName,\n value: \"\",\n type: \"text\",\n },\n } as any,\n \"onFieldChange\"\n );\n // formik.setFieldValue(\"iconVariant\", null);\n };\n\n const formatIconLabel = (icon: string) =>\n icon\n .split('_')\n .map((word: string) => word.charAt(0).toUpperCase() + word.slice(1))\n .join(' ');\n\n return (\n <div>\n <label className=\"form-field-label\">{fieldLabel}</label>\n <div className=\"flex items-end gap-4 mt-2\">\n <div style={{ display: 'inline-block' }}>\n {selectedIcon ? (\n // <Button\n // type=\"button\"\n // icon={<span className={`material-symbols-outlined`}>{selectedIcon}</span>}\n // onClick={() => setOpenIconDialog(true)}\n // outlined\n // />\n <div>\n <span className={`material-symbols-outlined`} style={{ fontSize: 48, cursor: 'pointer' }} onClick={() => setOpenIconDialog(true)}>\n {selectedIcon}\n </span>\n <p className=\"mb-0 text-center\">\n {formatIconLabel(selectedIcon)}\n </p>\n </div>\n ) : (\n <SolidButton\n type=\"button\"\n size=\"sm\"\n variant=\"outline\"\n onClick={() => setOpenIconDialog(true)}\n >\n Select Icon\n </SolidButton>\n )}\n </div>\n {selectedIcon && (\n <div>\n <SolidButton\n type=\"button\"\n variant=\"ghost\"\n className=\"ml-2\"\n onClick={handleRemoveIcon}\n >\n Remove\n </SolidButton>\n </div>\n )}\n </div>\n <SolidDialog\n open={openIconDialog}\n onOpenChange={setOpenIconDialog}\n className=\"solid-icon-dialog p-0\"\n style={{ width: '70vw', height: '70vh', borderRadius: 6 }}\n showHeader={false}\n breakpoints={{ '1024px': '75vw','991px': '90vw','767px':'94w', '250px': '96vw'}}\n >\n <SolidDialogHeader>\n <SolidDialogTitle>Select Icon</SolidDialogTitle>\n <SolidDialogClose />\n </SolidDialogHeader>\n <SolidDialogBody className=\"p-0\">\n <div className=\"flex flex-wrap -mx-2 -mt-2 m-0 flex-col md:flex-row\">\n <div className=\"w-full lg:w-1/4 px-0 pt-0\">\n <div className=\"flex flex-col justify-between p-4 lg:p-6\" style={{ height: '100%' }}>\n <div className=\"\">\n {/* <p className=\"font-medium\">Variant</p>\n <Dropdown\n value={iconVariant}\n onChange={(e) => setIconVariant(e.value)}\n options={iconVariants}\n optionLabel=\"label\"\n className=\"w-full mb-3\"\n checkmark\n highlightOnSelect={false}\n placeholder=\"Select Variant\"\n /> /}\n\n <p className=\"font-medium\">Category</p>\n <div style={{ marginBottom: \"1rem\", display: \"flex\", gap: \"1rem\", flexWrap: \"wrap\" }} className=\"solid-icon-category-wrapper\">\n {tabs.map((tab) => (\n <SolidButton\n type='button'\n key={tab}\n size=\"sm\"\n onClick={() => {\n setSelectedCategory(tab);\n setSearchIcon(\"\");\n }}\n variant={selectedCategory === tab ? \"primary\" : \"outline\"}\n style={{\n padding: \"8px 16px\",\n fontSize: 12\n }}\n className=\"solid-icon-category\"\n >\n {tab}\n </SolidButton>\n ))}\n </div>\n </div>\n </div>\n </div>\n\n <div className=\"w-1/2 px-0 pt-0 flex lg:hidden\">\n <div className=\"p-4 lg:p-6\">\n <p className=\"font-medium\">Selected Icon</p>\n {selectedIcon && (\n <>\n <div className=\"flex justify-center\">\n <span className={`material-symbols-outlined`} style={{ fontSize: 100 }}>\n {selectedIcon}\n </span>\n </div>\n <p className='mt-2 text-center'>{formatIconLabel(selectedIcon)}</p>\n {/ <code className=\"mt-2 d-block\">\n {`<span class=\"material-symbols-${iconVariant \|\| \"outlined\"}\">${selectedIcon}</span>`}\n </code> /}\n </>\n )}\n </div>\n\n </div>\n <div className=\"w-full lg:w-1/2 px-0 pt-0\" style={{ borderLeft: '1px solid var(--primary-light-color)', borderRight: '1px solid var(--primary-light-color)' }}>\n <div className=\"px-4 lg:px-6 pt-4 lg:pt-6\">\n <div>\n <p className=\"font-medium\">Select Icon</p>\n <SolidInput\n type=\"text\"\n placeholder={`Search icons in \"${selectedCategory}\"`}\n value={searchIcon}\n onChange={(e) => setSearchIcon(e.target.value)}\n className=\"w-full\"\n />\n </div>\n </div>\n <div style={{ height: 'calc(70vh - 125px)', overflowY: 'auto', overflowX: 'hidden' }} className=\"px-6 pb-4 mt-6\">\n <div className=\"flex flex-wrap -mx-2 -mt-2\">\n {filteredIcons.length > 0 ? (\n filteredIcons.map(({ icon, category }) => (\n <div className=\"w-1/4 px-2 pt-2\" key={icon}>\n <div className=\"w-full flex flex-col items-center justify-center gap-4\">\n <span\n className={`material-symbols-outlined`}\n style={{\n fontSize: 32,\n cursor: \"pointer\",\n padding: \"8px\",\n border: selectedIcon === icon ? \"2px solid var(--primary-color)\" : \"2px solid transparent\",\n borderRadius: \"6px\",\n }}\n onClick={() => handleSelectIcon(icon)}\n title={`${icon} (${category})`}\n >\n {icon}\n </span>\n <p className='mb-0 mt-1 text-center'>\n {formatIconLabel(icon)}\n </p>\n </div>\n </div>\n ))\n ) : (\n <p className=\"mt\">No icons found.</p>\n )}\n </div>\n </div>\n </div>\n\n <div className=\"w-1/4 px-0 pt-0 hidden lg:flex\">\n <div className=\"p-4 lg:p-6\">\n <p className=\"font-medium\">Selected Icon</p>\n {selectedIcon && (\n <>\n <div className=\"flex justify-center\">\n <span className={`material-symbols-outlined`} style={{ fontSize: 100 }}>\n {selectedIcon}\n </span>\n </div>\n <p className='mt-2 text-center'>{formatIconLabel(selectedIcon)}</p>\n {/ <code className=\"mt-2 d-block\">\n {`<span class=\"material-symbols-${iconVariant \|\| \"outlined\"}\">${selectedIcon}</span>`}\n </code> */}\n </>\n )}\n </div>\n\n </div>\n </div>\n </SolidDialogBody>\n <SolidDialogFooter className=\"gap-4\">\n <SolidButton type=\"button\" size=\"sm\" onClick={() => setOpenIconDialog(false)}>\n Select\n </SolidButton>\n <SolidButton type=\"button\" size=\"sm\" variant=\"outline\" onClick={() => setOpenIconDialog(false)}>\n Cancel\n </SolidButton>\n </SolidDialogFooter>\n </SolidDialog>\n </div>\n );\n};\n"]}
1	+ {"version":3,"file":"SolidIconEditWidget.js","sourceRoot":"","sources":["../../../../../../src/components/core/form/fields/widgets/SolidIconEditWidget.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { solidIcons } from \"../../../../../helpers/solidIcons\";\nimport { SolidFormFieldWidgetProps } from \"../../../../../types/solid-core\";\nimport { SolidButton } from \"../../../../shad-cn-ui/SolidButton\";\nimport {\n SolidDialog,\n SolidDialogBody,\n SolidDialogClose,\n SolidDialogFooter,\n SolidDialogHeader,\n SolidDialogTitle,\n} from \"../../../../shad-cn-ui/SolidDialog\";\nimport { SolidInput } from \"../../../../shad-cn-ui/SolidInput\";\nimport { useEffect, useState } from \"react\";\nimport { SolidIcon } from \"../../../../shad-cn-ui/SolidIcon\";\nimport { SolidMaterialSymbol } from \"../../../../common/SolidMaterialSymbol\";\n\nexport const SolidIconEditWidget = ({ formik, fieldContext }: SolidFormFieldWidgetProps) => {\n const fieldMetadata = fieldContext.fieldMetadata;\n const fieldLayoutInfo = fieldContext.field;\n const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;\n const fieldName = fieldLayoutInfo?.attrs?.name;\n\n const [openIconDialog, setOpenIconDialog] = useState(false);\n const [selectedCategory, setSelectedCategory] = useState(\"All\");\n const [searchIcon, setSearchIcon] = useState(\"\");\n const [selectedIcon, setSelectedIcon] = useState(formik.values?.[fieldName] \|\| \"\");\n\n // const [iconVariant, setIconVariant] = useState(formik.values.iconVariant \|\| \"outlined\");\n\n // const iconVariants = [\n // { label: \"Outlined\", value: \"outlined\" },\n // { label: \"Rounded\", value: \"rounded\" },\n // { label: \"Sharp\", value: \"sharp\" }\n // ];\n\n useEffect(() => {\n setSelectedIcon(formik.values?.[fieldName] ?? \"\");\n }, [formik.values?.[fieldName]]);\n\n const allIcons = solidIcons.flatMap(({ category, icons }) =>\n icons.map((icon) => ({ icon, category }))\n );\n\n const filteredIcons = (selectedCategory === \"All\" ? allIcons :\n allIcons.filter((i) => i.category === selectedCategory)\n ).filter(({ icon }) => icon.toLowerCase().includes(searchIcon.toLowerCase()));\n\n const tabs = [\"All\", ...solidIcons.map((c) => c.category)];\n\n useEffect(() => {\n if (openIconDialog) {\n setSelectedIcon(formik?.values?.[fieldName] ?? \"\");\n // setIconVariant(formik.values.iconVariant ?? \"outlined\");\n }\n }, [openIconDialog]);\n\n const handleSelectIcon = (icon: string) => {\n setSelectedIcon(icon);\n // setIconVariant(variant)\n fieldContext.onChange(\n {\n target: {\n name: fieldName,\n value: icon,\n type: \"text\",\n },\n } as any,\n \"onFieldChange\"\n );\n // formik.setFieldValue(\"iconVariant\", variant);\n };\n\n const handleRemoveIcon = () => {\n setSelectedIcon(\"\");\n // setIconVariant(null)\n fieldContext.onChange(\n {\n target: {\n name: fieldName,\n value: \"\",\n type: \"text\",\n },\n } as any,\n \"onFieldChange\"\n );\n // formik.setFieldValue(\"iconVariant\", null);\n };\n\n const formatIconLabel = (icon: string) =>\n icon\n .split('_')\n .map((word: string) => word.charAt(0).toUpperCase() + word.slice(1))\n .join(' ');\n\n return (\n <div>\n <label className=\"form-field-label\">{fieldLabel}</label>\n <div className=\"flex items-end gap-4 mt-2\">\n <div style={{ display: 'inline-block' }}>\n {selectedIcon ? (\n // <Button\n // type=\"button\"\n // icon={<span className={`material-symbols-outlined`}>{selectedIcon}</span>}\n // onClick={() => setOpenIconDialog(true)}\n // outlined\n // />\n <div>\n <SolidMaterialSymbol\n className=\"cursor-pointer\"\n fallback={<SolidIcon name=\"si-th-large\" size={48} />}\n name={selectedIcon}\n onClick={() => setOpenIconDialog(true)}\n size={48}\n style={{ cursor: \"pointer\" }}\n />\n <p className=\"mb-0 text-center\">\n {formatIconLabel(selectedIcon)}\n </p>\n </div>\n ) : (\n <SolidButton\n type=\"button\"\n size=\"sm\"\n variant=\"outline\"\n onClick={() => setOpenIconDialog(true)}\n >\n Select Icon\n </SolidButton>\n )}\n </div>\n {selectedIcon && (\n <div>\n <SolidButton\n type=\"button\"\n variant=\"ghost\"\n className=\"ml-2\"\n onClick={handleRemoveIcon}\n >\n Remove\n </SolidButton>\n </div>\n )}\n </div>\n <SolidDialog\n open={openIconDialog}\n onOpenChange={setOpenIconDialog}\n className=\"solid-icon-dialog p-0\"\n style={{ minWidth: '70vw', minHeight: '70vh', borderRadius: 6 }}\n showHeader={false}\n breakpoints={{ '1024px': '75vw', '991px': '90vw', '767px': '94w', '250px': '96vw' }}\n >\n <SolidDialogHeader>\n <SolidDialogTitle>Select Icon</SolidDialogTitle>\n <SolidDialogClose />\n </SolidDialogHeader>\n <SolidDialogBody className=\"p-0\">\n <div className=\"flex flex-wrap -mx-2 -mt-2 m-0 flex-col md:flex-row\">\n <div className=\"w-full lg:w-1/4 px-0 pt-0\">\n <div className=\"flex flex-col justify-between p-4 lg:p-6\" style={{ height: '100%' }}>\n <div className=\"\">\n {/* <p className=\"font-medium\">Variant</p>\n <Dropdown\n value={iconVariant}\n onChange={(e) => setIconVariant(e.value)}\n options={iconVariants}\n optionLabel=\"label\"\n className=\"w-full mb-3\"\n checkmark\n highlightOnSelect={false}\n placeholder=\"Select Variant\"\n /> /}\n\n <p className=\"font-medium\">Category</p>\n <div style={{ marginBottom: \"1rem\", display: \"flex\", gap: \"1rem\", flexWrap: \"wrap\" }} className=\"solid-icon-category-wrapper\">\n {tabs.map((tab) => (\n <SolidButton\n type='button'\n key={tab}\n size=\"sm\"\n onClick={() => {\n setSelectedCategory(tab);\n setSearchIcon(\"\");\n }}\n variant={selectedCategory === tab ? \"primary\" : \"outline\"}\n style={{\n padding: \"8px 16px\",\n fontSize: 12\n }}\n className=\"solid-icon-category\"\n >\n {tab}\n </SolidButton>\n ))}\n </div>\n </div>\n </div>\n </div>\n\n <div className=\"w-1/2 px-0 pt-0 flex lg:hidden\">\n <div className=\"p-4 lg:p-6\">\n <p className=\"font-medium\">Selected Icon</p>\n {selectedIcon && (\n <>\n <div className=\"flex justify-center\">\n <SolidMaterialSymbol\n fallback={<SolidIcon name=\"si-th-large\" size={100} />}\n name={selectedIcon}\n size={100}\n />\n </div>\n <p className='mt-2 text-center'>{formatIconLabel(selectedIcon)}</p>\n {/ <code className=\"mt-2 d-block\">\n {`<span class=\"material-symbols-${iconVariant \|\| \"outlined\"}\">${selectedIcon}</span>`}\n </code> /}\n </>\n )}\n </div>\n\n </div>\n <div className=\"w-full lg:w-1/2 px-0 pt-0\" style={{ borderLeft: '1px solid var(--primary-light-color)', borderRight: '1px solid var(--primary-light-color)' }}>\n <div className=\"px-4 lg:px-6 pt-4 lg:pt-6\">\n <div>\n <p className=\"font-medium\">Select Icon</p>\n <SolidInput\n type=\"text\"\n placeholder={`Search icons in \"${selectedCategory}\"`}\n value={searchIcon}\n onChange={(e) => setSearchIcon(e.target.value)}\n className=\"w-full\"\n />\n </div>\n </div>\n <div style={{ height: 'calc(70vh - 125px)', overflowY: 'auto', overflowX: 'hidden' }} className=\"px-6 pb-4 mt-6\">\n <div className=\"flex flex-wrap -mx-2 -mt-2\">\n {filteredIcons.length > 0 ? (\n filteredIcons.map(({ icon, category }) => (\n <div className=\"w-1/4 px-2 pt-2\" key={icon}>\n <div className=\"w-full flex flex-col items-center justify-center gap-4\">\n <SolidMaterialSymbol\n fallback={null}\n name={icon}\n onClick={() => handleSelectIcon(icon)}\n size={32}\n style={{\n cursor: \"pointer\",\n padding: \"8px\",\n border: selectedIcon === icon ? \"2px solid var(--primary-color)\" : \"2px solid transparent\",\n borderRadius: \"6px\",\n }}\n title={`${icon} (${category})`}\n />\n <p className='mb-0 mt-1 text-center'>\n {formatIconLabel(icon)}\n </p>\n </div>\n </div>\n ))\n ) : (\n <p className=\"mt\">No icons found.</p>\n )}\n </div>\n </div>\n </div>\n\n <div className=\"w-1/4 px-0 pt-0 hidden lg:flex\">\n <div className=\"p-4 lg:p-6\">\n <p className=\"font-medium\">Selected Icon</p>\n {selectedIcon && (\n <>\n <div className=\"flex justify-center\">\n <SolidMaterialSymbol\n fallback={<SolidIcon name=\"si-th-large\" size={100} />}\n name={selectedIcon}\n size={100}\n />\n </div>\n <p className='mt-2 text-center'>{formatIconLabel(selectedIcon)}</p>\n {/ <code className=\"mt-2 d-block\">\n {`<span class=\"material-symbols-${iconVariant \|\| \"outlined\"}\">${selectedIcon}</span>`}\n </code> */}\n </>\n )}\n </div>\n\n </div>\n </div>\n </SolidDialogBody>\n <SolidDialogFooter className=\"gap-4\">\n <SolidButton type=\"button\" size=\"sm\" onClick={() => setOpenIconDialog(false)}>\n Select\n </SolidButton>\n <SolidButton type=\"button\" size=\"sm\" variant=\"outline\" onClick={() => setOpenIconDialog(false)}>\n Cancel\n </SolidButton>\n </SolidDialogFooter>\n </SolidDialog>\n </div>\n );\n};\n"]}

package/dist/components/core/form/fields/widgets/SolidIconEditWidget.tsx CHANGED Viewed

@@ -12,6 +12,8 @@ import {
 } from "../../../../shad-cn-ui/SolidDialog";
 import { SolidInput } from "../../../../shad-cn-ui/SolidInput";
 import { useEffect, useState } from "react";
+import { SolidIcon } from "../../../../shad-cn-ui/SolidIcon";
+import { SolidMaterialSymbol } from "../../../../common/SolidMaterialSymbol";
 export const SolidIconEditWidget = ({ formik, fieldContext }: SolidFormFieldWidgetProps) => {
     const fieldMetadata = fieldContext.fieldMetadata;
@@ -32,6 +34,10 @@ export const SolidIconEditWidget = ({ formik, fieldContext }: SolidFormFieldWidg
     //     { label: "Sharp", value: "sharp" }
     // ];
+    useEffect(() => {
+        setSelectedIcon(formik.values?.[fieldName] ?? "");
+    }, [formik.values?.[fieldName]]);
     const allIcons = solidIcons.flatMap(({ category, icons }) =>
         icons.map((icon) => ({ icon, category }))
     );
@@ -100,9 +106,14 @@ export const SolidIconEditWidget = ({ formik, fieldContext }: SolidFormFieldWidg
                         //     outlined
                         // />
                         <div>
-                            <span className={`material-symbols-outlined`} style={{ fontSize: 48, cursor: 'pointer' }} onClick={() => setOpenIconDialog(true)}>
-                                {selectedIcon}
-                            </span>
+                            <SolidMaterialSymbol
+                                className="cursor-pointer"
+                                fallback={<SolidIcon name="si-th-large" size={48} />}
+                                name={selectedIcon}
+                                onClick={() => setOpenIconDialog(true)}
+                                size={48}
+                                style={{ cursor: "pointer" }}
+                            />
                             <p className="mb-0 text-center">
                                 {formatIconLabel(selectedIcon)}
                             </p>
@@ -135,9 +146,9 @@ export const SolidIconEditWidget = ({ formik, fieldContext }: SolidFormFieldWidg
                 open={openIconDialog}
                 onOpenChange={setOpenIconDialog}
                 className="solid-icon-dialog p-0"
-                style={{ width: '70vw', height: '70vh', borderRadius: 6 }}
+                style={{ minWidth: '70vw', minHeight: '70vh', borderRadius: 6 }}
                 showHeader={false}
-                breakpoints={{ '1024px': '75vw','991px': '90vw','767px':'94w', '250px': '96vw'}}
+                breakpoints={{ '1024px': '75vw', '991px': '90vw', '767px': '94w', '250px': '96vw' }}
             >
                 <SolidDialogHeader>
                     <SolidDialogTitle>Select Icon</SolidDialogTitle>
@@ -192,9 +203,11 @@ export const SolidIconEditWidget = ({ formik, fieldContext }: SolidFormFieldWidg
                                 {selectedIcon && (
                                     <>
                                         <div className="flex justify-center">
-                                            <span className={`material-symbols-outlined`} style={{ fontSize: 100 }}>
-                                                {selectedIcon}
-                                            </span>
+                                            <SolidMaterialSymbol
+                                                fallback={<SolidIcon name="si-th-large" size={100} />}
+                                                name={selectedIcon}
+                                                size={100}
+                                            />
                                         </div>
                                         <p className='mt-2 text-center'>{formatIconLabel(selectedIcon)}</p>
                                         {/* <code className="mt-2 d-block">
@@ -224,20 +237,19 @@ export const SolidIconEditWidget = ({ formik, fieldContext }: SolidFormFieldWidg
                                         filteredIcons.map(({ icon, category }) => (
                                             <div className="w-1/4 px-2 pt-2" key={icon}>
                                                 <div className="w-full flex flex-col items-center justify-center gap-4">
-                                                    <span
-                                                        className={`material-symbols-outlined`}
+                                                    <SolidMaterialSymbol
+                                                        fallback={null}
+                                                        name={icon}
+                                                        onClick={() => handleSelectIcon(icon)}
+                                                        size={32}
                                                         style={{
-                                                            fontSize: 32,
                                                             cursor: "pointer",
                                                             padding: "8px",
                                                             border: selectedIcon === icon ? "2px solid var(--primary-color)" : "2px solid transparent",
                                                             borderRadius: "6px",
                                                         }}
-                                                        onClick={() => handleSelectIcon(icon)}
                                                         title={`${icon} (${category})`}
-                                                    >
-                                                        {icon}
-                                                    </span>
+                                                    />
                                                     <p className='mb-0 mt-1 text-center'>
                                                         {formatIconLabel(icon)}
                                                     </p>
@@ -257,9 +269,11 @@ export const SolidIconEditWidget = ({ formik, fieldContext }: SolidFormFieldWidg
                                 {selectedIcon && (
                                     <>
                                         <div className="flex justify-center">
-                                            <span className={`material-symbols-outlined`} style={{ fontSize: 100 }}>
-                                                {selectedIcon}
-                                            </span>
+                                            <SolidMaterialSymbol
+                                                fallback={<SolidIcon name="si-th-large" size={100} />}
+                                                name={selectedIcon}
+                                                size={100}
+                                            />
                                         </div>
                                         <p className='mt-2 text-center'>{formatIconLabel(selectedIcon)}</p>
                                         {/* <code className="mt-2 d-block">

package/dist/components/core/form/fields/widgets/SolidIconViewWidget.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SolidIconViewWidget.d.ts","sourceRoot":"","sources":["../../../../../../src/components/core/form/fields/widgets/SolidIconViewWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;~~AAE5E~~,eAAO,MAAM,mBAAmB,6BAA8B,yBAAyB,~~4CA6BtF~~,CAAC"}
1	+ {"version":3,"file":"SolidIconViewWidget.d.ts","sourceRoot":"","sources":["../../../../../../src/components/core/form/fields/widgets/SolidIconViewWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AAI5E,eAAO,MAAM,mBAAmB,6BAA8B,yBAAyB,4CAiCtF,CAAC"}

package/dist/components/core/form/fields/widgets/SolidIconViewWidget.js CHANGED Viewed

@@ -1,4 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SolidIcon } from "../../../../shad-cn-ui/SolidIcon";
+import { SolidMaterialSymbol } from "../../../../common/SolidMaterialSymbol";
 export var SolidIconViewWidget = function (_a) {
     var _b, _c, _d;
     var formik = _a.formik, fieldContext = _a.fieldContext;
@@ -13,6 +15,6 @@ export var SolidIconViewWidget = function (_a) {
             .map(function (word) { return word.charAt(0).toUpperCase() + word.slice(1); })
             .join(' ')
         : '';
-    return (_jsxs("div", { children: [_jsx("label", { className: "form-field-label", children: fieldLabel }), selectedIcon ? (_jsxs("div", { className: "mt-2", style: { display: 'inline-block' }, children: [_jsx("span", { className: "material-symbols-outlined", style: { fontSize: 48, cursor: 'pointer' }, children: selectedIcon }), _jsx("p", { className: "mb-0 text-center", children: formattedIconName })] })) : (_jsx("p", { className: "mt-2", children: "No icon selected." }))] }));
+    return (_jsxs("div", { children: [_jsx("label", { className: "form-field-label", children: fieldLabel }), selectedIcon ? (_jsxs("div", { className: "mt-2", style: { display: 'inline-block' }, children: [_jsx(SolidMaterialSymbol, { fallback: _jsx(SolidIcon, { name: "si-th-large", size: 48 }), name: selectedIcon, size: 48, style: { cursor: "pointer" } }), _jsx("p", { className: "mb-0 text-center", children: formattedIconName })] })) : (_jsx("p", { className: "mt-2", children: "No icon selected." }))] }));
 };
 //# sourceMappingURL=SolidIconViewWidget.js.map

package/dist/components/core/form/fields/widgets/SolidIconViewWidget.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SolidIconViewWidget.js","sourceRoot":"","sources":["../../../../../../src/components/core/form/fields/widgets/SolidIconViewWidget.tsx"],"names":[],"mappings":";~~AAEA~~,MAAM,CAAC,IAAM,mBAAmB,GAAG,UAAC,EAAmD;;QAAjD,MAAM,YAAA,EAAE,YAAY,kBAAA;IACtD,IAAM,aAAa,GAAG,YAAY,CAAC,aAAa,CAAC;IACjD,IAAM,eAAe,GAAG,YAAY,CAAC,KAAK,CAAC;IAC3C,IAAM,UAAU,GAAG,MAAA,eAAe,CAAC,KAAK,CAAC,KAAK,mCAAI,aAAa,CAAC,WAAW,CAAC;IAC5E,IAAM,SAAS,GAAG,MAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,KAAK,0CAAE,IAAI,CAAC;IAC/C,IAAM,YAAY,GAAG,MAAA,MAAM,CAAC,MAAM,0CAAG,SAAS,CAAC,CAAC;IAEhD,IAAM,iBAAiB,GAAG,YAAY;QAClC,CAAC,CAAC,YAAY;aACT,KAAK,CAAC,GAAG,CAAC;aACV,GAAG,CAAC,UAAC,IAAY,IAAK,OAAA,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAA5C,CAA4C,CAAC;aACnE,IAAI,CAAC,GAAG,CAAC;QACd,CAAC,CAAC,EAAE,CAAC;~~IAET~~,OAAO,CACH,0BACI,gBAAO,SAAS,EAAC,kBAAkB,YAAE,UAAU,GAAS,EACvD,YAAY,CAAC,CAAC,CAAC,CACZ,eAAK,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,~~EAAC~~,OAAO,~~EAAC~~,cAAc,~~EAAC~~,~~aACjD~~,~~eAAM~~,SAAS,EAAC,~~2BAA2B~~,EAAC,~~KAAK~~,EAAE,EAAE,~~QAAQ~~,EAAE,EAAE,~~EAAG~~,MAAM,~~EAAC~~,SAAS,~~EAAC~~,~~YAChF~~,~~YAAY~~,~~GACV,EACP,~~YAAG,SAAS,EAAC,kBAAkB,YAAE,iBAAiB,GAAK,IACrD,CACT,CAAC,CAAC,CAAC,CACA,YAAG,SAAS,EAAC,MAAM,kCAAsB,CAC5C,IACC,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { SolidFormFieldWidgetProps } from \"../../../../../types/solid-core\";\n\nexport const SolidIconViewWidget = ({ formik, fieldContext }: SolidFormFieldWidgetProps) => {\n const fieldMetadata = fieldContext.fieldMetadata;\n const fieldLayoutInfo = fieldContext.field;\n const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;\n const fieldName = fieldLayoutInfo?.attrs?.name;\n const selectedIcon = formik.values?.[fieldName];\n\n const formattedIconName = selectedIcon\n ? selectedIcon\n .split('_')\n .map((word: string) => word.charAt(0).toUpperCase() + word.slice(1))\n .join(' ')\n : '';\n\n return (\n <div>\n <label className=\"form-field-label\">{fieldLabel}</label>\n {selectedIcon ? (\n <div className=\"mt-2\" style={{display:'inline-block'}}>\n <~~span~~ ~~className~~=\"~~material~~-~~symbols~~-~~outlined~~\" ~~style~~={~~{ fontSize:~~ 48 ~~, cursor:'pointer'~~}~~}>\~~n {selectedIcon}\n ~~</span>\~~n <p className=\"mb-0 text-center\">{formattedIconName}</p>\n </div>\n ) : (\n <p className=\"mt-2\">No icon selected.</p>\n )}\n </div>\n );\n};"]}
1	+ {"version":3,"file":"SolidIconViewWidget.js","sourceRoot":"","sources":["../../../../../../src/components/core/form/fields/widgets/SolidIconViewWidget.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAE7E,MAAM,CAAC,IAAM,mBAAmB,GAAG,UAAC,EAAmD;;QAAjD,MAAM,YAAA,EAAE,YAAY,kBAAA;IACtD,IAAM,aAAa,GAAG,YAAY,CAAC,aAAa,CAAC;IACjD,IAAM,eAAe,GAAG,YAAY,CAAC,KAAK,CAAC;IAC3C,IAAM,UAAU,GAAG,MAAA,eAAe,CAAC,KAAK,CAAC,KAAK,mCAAI,aAAa,CAAC,WAAW,CAAC;IAC5E,IAAM,SAAS,GAAG,MAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,KAAK,0CAAE,IAAI,CAAC;IAC/C,IAAM,YAAY,GAAG,MAAA,MAAM,CAAC,MAAM,0CAAG,SAAS,CAAC,CAAC;IAEhD,IAAM,iBAAiB,GAAG,YAAY;QAClC,CAAC,CAAC,YAAY;aACT,KAAK,CAAC,GAAG,CAAC;aACV,GAAG,CAAC,UAAC,IAAY,IAAK,OAAA,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAA5C,CAA4C,CAAC;aACnE,IAAI,CAAC,GAAG,CAAC;QACd,CAAC,CAAC,EAAE,CAAC;IAGT,OAAO,CACH,0BACI,gBAAO,SAAS,EAAC,kBAAkB,YAAE,UAAU,GAAS,EACvD,YAAY,CAAC,CAAC,CAAC,CACZ,eAAK,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,aACpD,KAAC,mBAAmB,IAChB,QAAQ,EAAE,KAAC,SAAS,IAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAE,EAAE,GAAI,EACpD,IAAI,EAAE,YAAY,EAClB,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,GAC9B,EACF,YAAG,SAAS,EAAC,kBAAkB,YAAE,iBAAiB,GAAK,IACrD,CACT,CAAC,CAAC,CAAC,CACA,YAAG,SAAS,EAAC,MAAM,kCAAsB,CAC5C,IACC,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { SolidFormFieldWidgetProps } from \"../../../../../types/solid-core\";\nimport { SolidIcon } from \"../../../../shad-cn-ui/SolidIcon\";\nimport { SolidMaterialSymbol } from \"../../../../common/SolidMaterialSymbol\";\n\nexport const SolidIconViewWidget = ({ formik, fieldContext }: SolidFormFieldWidgetProps) => {\n const fieldMetadata = fieldContext.fieldMetadata;\n const fieldLayoutInfo = fieldContext.field;\n const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;\n const fieldName = fieldLayoutInfo?.attrs?.name;\n const selectedIcon = formik.values?.[fieldName];\n\n const formattedIconName = selectedIcon\n ? selectedIcon\n .split('_')\n .map((word: string) => word.charAt(0).toUpperCase() + word.slice(1))\n .join(' ')\n : '';\n\n\n return (\n <div>\n <label className=\"form-field-label\">{fieldLabel}</label>\n {selectedIcon ? (\n <div className=\"mt-2\" style={{ display: 'inline-block' }}>\n <SolidMaterialSymbol\n fallback={<SolidIcon name=\"si-th-large\" size={48} />}\n name={selectedIcon}\n size={48}\n style={{ cursor: \"pointer\" }}\n />\n <p className=\"mb-0 text-center\">{formattedIconName}</p>\n </div>\n ) : (\n <p className=\"mt-2\">No icon selected.</p>\n )}\n </div>\n );\n};\n"]}

package/dist/components/core/form/fields/widgets/SolidIconViewWidget.tsx CHANGED Viewed

@@ -1,4 +1,6 @@
 import { SolidFormFieldWidgetProps } from "../../../../../types/solid-core";
+import { SolidIcon } from "../../../../shad-cn-ui/SolidIcon";
+import { SolidMaterialSymbol } from "../../../../common/SolidMaterialSymbol";
 export const SolidIconViewWidget = ({ formik, fieldContext }: SolidFormFieldWidgetProps) => {
     const fieldMetadata = fieldContext.fieldMetadata;
@@ -14,14 +16,18 @@ export const SolidIconViewWidget = ({ formik, fieldContext }: SolidFormFieldWidg
             .join(' ')
         : '';
     return (
         <div>
             <label className="form-field-label">{fieldLabel}</label>
             {selectedIcon ? (
-                <div className="mt-2" style={{display:'inline-block'}}>
-                    <span className="material-symbols-outlined" style={{ fontSize: 48 , cursor:'pointer'}}>
-                        {selectedIcon}
-                    </span>
+                <div className="mt-2" style={{ display: 'inline-block' }}>
+                    <SolidMaterialSymbol
+                        fallback={<SolidIcon name="si-th-large" size={48} />}
+                        name={selectedIcon}
+                        size={48}
+                        style={{ cursor: "pointer" }}
+                    />
                     <p className="mb-0 text-center">{formattedIconName}</p>
                 </div>
             ) : (
@@ -29,4 +35,4 @@ export const SolidIconViewWidget = ({ formik, fieldContext }: SolidFormFieldWidg
             )}
         </div>
     );
-};
+};

package/dist/components/core/kanban/KanbanBoard.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-export declare const KanbanBoard: ({ groupByFieldName, kanbanViewData, maxSwimLanesCount, solidKanbanViewMetaData, setKanbanViewData, handleLoadMore, onDragEnd, handleSwimLanePagination, onDelete, setLightboxUrls, setOpenLightbox, editButtonUrl }: any) => import("react/jsx-runtime").JSX.Element;
+export declare const KanbanBoard: ({ groupByFieldName, kanbanViewData, maxSwimLanesCount, solidKanbanViewMetaData, setKanbanViewData, handleLoadMore, onDragEnd, handleSwimLanePagination, onDelete, onRecover, setLightboxUrls, setOpenLightbox, editButtonUrl, showArchived }: any) => import("react/jsx-runtime").JSX.Element;
 export default KanbanBoard;
 //# sourceMappingURL=KanbanBoard.d.ts.map

package/dist/components/core/kanban/KanbanBoard.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"KanbanBoard.d.ts","sourceRoot":"","sources":["../../../../src/components/core/kanban/KanbanBoard.tsx"],"names":[],"mappings":"AA+BA,eAAO,MAAM,WAAW,~~wNAAyN~~,GAAG,~~4CAyInP~~,CAAA;AAED,eAAe,WAAW,CAAC"}
1	+ {"version":3,"file":"KanbanBoard.d.ts","sourceRoot":"","sources":["../../../../src/components/core/kanban/KanbanBoard.tsx"],"names":[],"mappings":"AA+BA,eAAO,MAAM,WAAW,iPAAkP,GAAG,4CA2I5Q,CAAA;AAED,eAAe,WAAW,CAAC"}

package/dist/components/core/kanban/KanbanBoard.js CHANGED Viewed

@@ -33,7 +33,7 @@ var findKanbanCardNode = function (nodes) {
 };
 export var KanbanBoard = function (_a) {
     var _b, _c, _d, _e, _f;
-    var groupByFieldName = _a.groupByFieldName, kanbanViewData = _a.kanbanViewData, maxSwimLanesCount = _a.maxSwimLanesCount, solidKanbanViewMetaData = _a.solidKanbanViewMetaData, setKanbanViewData = _a.setKanbanViewData, handleLoadMore = _a.handleLoadMore, onDragEnd = _a.onDragEnd, handleSwimLanePagination = _a.handleSwimLanePagination, onDelete = _a.onDelete, setLightboxUrls = _a.setLightboxUrls, setOpenLightbox = _a.setOpenLightbox, editButtonUrl = _a.editButtonUrl;
+    var groupByFieldName = _a.groupByFieldName, kanbanViewData = _a.kanbanViewData, maxSwimLanesCount = _a.maxSwimLanesCount, solidKanbanViewMetaData = _a.solidKanbanViewMetaData, setKanbanViewData = _a.setKanbanViewData, handleLoadMore = _a.handleLoadMore, onDragEnd = _a.onDragEnd, handleSwimLanePagination = _a.handleSwimLanePagination, onDelete = _a.onDelete, onRecover = _a.onRecover, setLightboxUrls = _a.setLightboxUrls, setOpenLightbox = _a.setOpenLightbox, editButtonUrl = _a.editButtonUrl, showArchived = _a.showArchived;
     var _g = useState(true), loading = _g[0], setLoading = _g[1];
     // State to manage the folded status of each column
     var _h = useState({}), foldedStates = _h[0], setFoldedStates = _h[1];
@@ -88,7 +88,7 @@ export var KanbanBoard = function (_a) {
                             currentPage: data.groupData.meta.currentPage,
                             folded: foldedStates[data.groupName] || false,
                         };
-                        return (_jsx(KanbanColumn, { groupByField: data.groupName, group: group, isKanbanDragEnabled: isKanbanDragEnabled, solidKanbanViewMetaData: solidKanbanViewMetaData, groupData: data.groupData.records, toggleFold: toggleFold, handleLoadMore: handleLoadMore, onDelete: onDelete, setLightboxUrls: setLightboxUrls, setOpenLightbox: setOpenLightbox, editButtonUrl: editButtonUrl, cardNode: cardNode, DynamicCardWidget: DynamicCardWidget }, data.groupName));
+                        return (_jsx(KanbanColumn, { groupByField: data.groupName, group: group, isKanbanDragEnabled: isKanbanDragEnabled, solidKanbanViewMetaData: solidKanbanViewMetaData, groupData: data.groupData.records, toggleFold: toggleFold, handleLoadMore: handleLoadMore, onDelete: onDelete, onRecover: onRecover, setLightboxUrls: setLightboxUrls, setOpenLightbox: setOpenLightbox, editButtonUrl: editButtonUrl, cardNode: cardNode, DynamicCardWidget: DynamicCardWidget, showArchived: showArchived }, data.groupName));
                     }), kanbanViewData.length < maxSwimLanesCount &&
                         _jsx("div", { children: _jsxs("a", { size: "small", className: "kaban-swimlane-load-more", style: { textWrap: 'nowrap' }, text: true, onClick: handleSwimLanePagination, children: ["Load More...(", maxSwimLanesCount - kanbanViewData.length, ")"] }) })] }) })) }));
 };

package/dist/components/core/kanban/KanbanBoard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"KanbanBoard.js","sourceRoot":"","sources":["../../../../src/components/core/kanban/KanbanBoard.tsx"],"names":[],"mappings":"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","sourcesContent":["// @ts-nocheck\nimport { useState } from \"react\";\nimport { DragDropContext } from \"@hello-pangea/dnd\";\nimport KanbanColumn from \"./KanbanColumn\";\nimport { getExtensionComponent } from \"../../../helpers/registry\";\n\n// Define types for groupData and Grouped Data\ninterface Post {\n id: string;\n title: string;\n status: string;\n}\n\ninterface GroupData {\n count: number;\n records: Post[];\n}\n\nconst findKanbanCardNode = (nodes: any[] = []): any => {\n for (const node of nodes) {\n if (!node) continue;\n if (node.type === \"card\") return node;\n if (Array.isArray(node?.children) && node.children.length > 0) {\n const nestedCard = findKanbanCardNode(node.children);\n if (nestedCard) return nestedCard;\n }\n }\n\n return null;\n};\n\nexport const KanbanBoard = ({ groupByFieldName, kanbanViewData, maxSwimLanesCount, solidKanbanViewMetaData, setKanbanViewData, handleLoadMore, onDragEnd, handleSwimLanePagination, onDelete, setLightboxUrls, setOpenLightbox, editButtonUrl }: any) => {\n const [loading, setLoading] = useState<boolean>(true);\n // State to manage the folded status of each column\n const [foldedStates, setFoldedStates] = useState<Record<string, boolean>>({});\n const cardNode = findKanbanCardNode(solidKanbanViewMetaData?.solidView?.layout?.children \|\| []);\n const layoutAttrs = solidKanbanViewMetaData?.solidView?.layout?.attrs \|\| {};\n const isKanbanDragEnabled =\n layoutAttrs.draggable !== false &&\n layoutAttrs.dragAndDrop !== false &&\n layoutAttrs.enableDrag !== false &&\n layoutAttrs.disableDrag !== true &&\n layoutAttrs.disableDragging !== true;\n const cardWidget = cardNode?.attrs?.cardWidget \|\| cardNode?.cardWidget;\n const DynamicCardWidget = cardWidget ? getExtensionComponent(cardWidget) : null;\n const kanbanCardConfigurationIssue = !cardWidget\n ? { type: \"missing_widget_reference\" }\n : !DynamicCardWidget\n ? { type: \"missing_widget\", cardWidget }\n : null;\n\n // Toggle fold (not yet implemented)\n const toggleFold = (status: string): void => {\n setFoldedStates((prevFoldedStates) => ({\n ...prevFoldedStates,\n [status]: !prevFoldedStates[status],\n }));\n };\n\n // Render the Kanban board\n return (\n //@ts-ignore\n <div className=\"solid-kanban-board-wrapper\">\n {kanbanCardConfigurationIssue ? (\n <div className=\"solid-kanban-config-placeholder-container\">\n <div className=\"solid-kanban-config-placeholder-panel\">\n <div className=\"solid-kanban-config-placeholder-badge\">KANBAN CONFIGURATION</div>\n <div className=\"solid-kanban-config-placeholder-title\">\n {kanbanCardConfigurationIssue.type === \"missing_widget\"\n ? \"Kanban card widget could not be resolved\"\n : \"Kanban card widget is not configured\"}\n </div>\n <div className=\"solid-kanban-config-placeholder-description\">\n {kanbanCardConfigurationIssue.type === \"missing_widget\" ? (\n <>\n This kanban view references <code>{kanbanCardConfigurationIssue.cardWidget}</code>, but no matching card widget is registered.\n </>\n ) : (\n <>\n This kanban view does not define a <code>cardWidget</code> on the card node.\n </>\n )}\n </div>\n <div className=\"solid-kanban-config-placeholder-hint\">\n {kanbanCardConfigurationIssue.type === \"missing_widget\"\n ? \"Register the widget in the extension registry or update the kanban metadata to point at a valid component.\"\n : \"Configure attrs.cardWidget on the kanban card metadata so the board can render each record.\"}\n </div>\n </div>\n </div>\n ) : (\n <DragDropContext onDragEnd={onDragEnd}>\n <div className=\"flex gap-3 px-3 md:px-4 py-2 md:py-3 solid-kanban-board-scroll-context\">\n {/* {Object.entries(kanbanViewData).map(([groupVal, data]) => {\n const group = {\n label: groupVal,\n count: data.count,\n folded: foldedStates[groupVal] \|\| false,\n };\n\n return (\n <KanbanColumn\n key={groupVal}\n groupByField={groupVal}\n group={group}\n groupData={data.records}\n toggleFold={toggleFold}\n handleLoadMore={handleLoadMore}\n />\n );\n })} */}\n {kanbanViewData.map((data: any) => {\n // Find the displayName for the groupName from solidKanbanViewMetaData.solidFieldsMetadata\n let label = data.groupLabel \|\| data.groupName;\n const fieldMeta = solidKanbanViewMetaData?.solidFieldsMetadata?.[groupByFieldName];\n if (\n fieldMeta &&\n fieldMeta.type === \"selectionStatic\" &&\n Array.isArray(fieldMeta.selectionStaticValues)\n ) {\n const match = fieldMeta.selectionStaticValues.find(\n (v: string) => {\n const [value, displayName] = v.split(\":\");\n return value === data.groupName;\n }\n );\n if (match) {\n label = match.split(\":\")[1];\n }\n }\n\n const group = {\n label,\n count: data.groupData.meta.totalRecords,\n limit: data.groupData.meta.perPage,\n currentPage: data.groupData.meta.currentPage,\n folded: foldedStates[data.groupName] \|\| false,\n };\n\n return (\n <KanbanColumn\n key={data.groupName}\n groupByField={data.groupName}\n group={group}\n isKanbanDragEnabled={isKanbanDragEnabled}\n solidKanbanViewMetaData={solidKanbanViewMetaData}\n groupData={data.groupData.records}\n toggleFold={toggleFold}\n handleLoadMore={handleLoadMore}\n onDelete={onDelete}\n setLightboxUrls={setLightboxUrls}\n setOpenLightbox={setOpenLightbox}\n editButtonUrl={editButtonUrl}\n cardNode={cardNode}\n DynamicCardWidget={DynamicCardWidget}\n />\n );\n })}\n {kanbanViewData.length < maxSwimLanesCount &&\n <div>\n <a size=\"small\" className=\"kaban-swimlane-load-more\" style={{ textWrap: 'nowrap' }} text onClick={handleSwimLanePagination}>Load More...({maxSwimLanesCount - kanbanViewData.length})</a>\n </div>\n }\n </div>\n </DragDropContext>\n )}\n </div>\n );\n}\n\nexport default KanbanBoard;\n"]}
1	+ {"version":3,"file":"KanbanBoard.js","sourceRoot":"","sources":["../../../../src/components/core/kanban/KanbanBoard.tsx"],"names":[],"mappings":"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","sourcesContent":["// @ts-nocheck\nimport { useState } from \"react\";\nimport { DragDropContext } from \"@hello-pangea/dnd\";\nimport KanbanColumn from \"./KanbanColumn\";\nimport { getExtensionComponent } from \"../../../helpers/registry\";\n\n// Define types for groupData and Grouped Data\ninterface Post {\n id: string;\n title: string;\n status: string;\n}\n\ninterface GroupData {\n count: number;\n records: Post[];\n}\n\nconst findKanbanCardNode = (nodes: any[] = []): any => {\n for (const node of nodes) {\n if (!node) continue;\n if (node.type === \"card\") return node;\n if (Array.isArray(node?.children) && node.children.length > 0) {\n const nestedCard = findKanbanCardNode(node.children);\n if (nestedCard) return nestedCard;\n }\n }\n\n return null;\n};\n\nexport const KanbanBoard = ({ groupByFieldName, kanbanViewData, maxSwimLanesCount, solidKanbanViewMetaData, setKanbanViewData, handleLoadMore, onDragEnd, handleSwimLanePagination, onDelete, onRecover, setLightboxUrls, setOpenLightbox, editButtonUrl, showArchived }: any) => {\n const [loading, setLoading] = useState<boolean>(true);\n // State to manage the folded status of each column\n const [foldedStates, setFoldedStates] = useState<Record<string, boolean>>({});\n const cardNode = findKanbanCardNode(solidKanbanViewMetaData?.solidView?.layout?.children \|\| []);\n const layoutAttrs = solidKanbanViewMetaData?.solidView?.layout?.attrs \|\| {};\n const isKanbanDragEnabled =\n layoutAttrs.draggable !== false &&\n layoutAttrs.dragAndDrop !== false &&\n layoutAttrs.enableDrag !== false &&\n layoutAttrs.disableDrag !== true &&\n layoutAttrs.disableDragging !== true;\n const cardWidget = cardNode?.attrs?.cardWidget \|\| cardNode?.cardWidget;\n const DynamicCardWidget = cardWidget ? getExtensionComponent(cardWidget) : null;\n const kanbanCardConfigurationIssue = !cardWidget\n ? { type: \"missing_widget_reference\" }\n : !DynamicCardWidget\n ? { type: \"missing_widget\", cardWidget }\n : null;\n\n // Toggle fold (not yet implemented)\n const toggleFold = (status: string): void => {\n setFoldedStates((prevFoldedStates) => ({\n ...prevFoldedStates,\n [status]: !prevFoldedStates[status],\n }));\n };\n\n // Render the Kanban board\n return (\n //@ts-ignore\n <div className=\"solid-kanban-board-wrapper\">\n {kanbanCardConfigurationIssue ? (\n <div className=\"solid-kanban-config-placeholder-container\">\n <div className=\"solid-kanban-config-placeholder-panel\">\n <div className=\"solid-kanban-config-placeholder-badge\">KANBAN CONFIGURATION</div>\n <div className=\"solid-kanban-config-placeholder-title\">\n {kanbanCardConfigurationIssue.type === \"missing_widget\"\n ? \"Kanban card widget could not be resolved\"\n : \"Kanban card widget is not configured\"}\n </div>\n <div className=\"solid-kanban-config-placeholder-description\">\n {kanbanCardConfigurationIssue.type === \"missing_widget\" ? (\n <>\n This kanban view references <code>{kanbanCardConfigurationIssue.cardWidget}</code>, but no matching card widget is registered.\n </>\n ) : (\n <>\n This kanban view does not define a <code>cardWidget</code> on the card node.\n </>\n )}\n </div>\n <div className=\"solid-kanban-config-placeholder-hint\">\n {kanbanCardConfigurationIssue.type === \"missing_widget\"\n ? \"Register the widget in the extension registry or update the kanban metadata to point at a valid component.\"\n : \"Configure attrs.cardWidget on the kanban card metadata so the board can render each record.\"}\n </div>\n </div>\n </div>\n ) : (\n <DragDropContext onDragEnd={onDragEnd}>\n <div className=\"flex gap-3 px-3 md:px-4 py-2 md:py-3 solid-kanban-board-scroll-context\">\n {/* {Object.entries(kanbanViewData).map(([groupVal, data]) => {\n const group = {\n label: groupVal,\n count: data.count,\n folded: foldedStates[groupVal] \|\| false,\n };\n\n return (\n <KanbanColumn\n key={groupVal}\n groupByField={groupVal}\n group={group}\n groupData={data.records}\n toggleFold={toggleFold}\n handleLoadMore={handleLoadMore}\n />\n );\n })} */}\n {kanbanViewData.map((data: any) => {\n // Find the displayName for the groupName from solidKanbanViewMetaData.solidFieldsMetadata\n let label = data.groupLabel \|\| data.groupName;\n const fieldMeta = solidKanbanViewMetaData?.solidFieldsMetadata?.[groupByFieldName];\n if (\n fieldMeta &&\n fieldMeta.type === \"selectionStatic\" &&\n Array.isArray(fieldMeta.selectionStaticValues)\n ) {\n const match = fieldMeta.selectionStaticValues.find(\n (v: string) => {\n const [value, displayName] = v.split(\":\");\n return value === data.groupName;\n }\n );\n if (match) {\n label = match.split(\":\")[1];\n }\n }\n\n const group = {\n label,\n count: data.groupData.meta.totalRecords,\n limit: data.groupData.meta.perPage,\n currentPage: data.groupData.meta.currentPage,\n folded: foldedStates[data.groupName] \|\| false,\n };\n\n return (\n <KanbanColumn\n key={data.groupName}\n groupByField={data.groupName}\n group={group}\n isKanbanDragEnabled={isKanbanDragEnabled}\n solidKanbanViewMetaData={solidKanbanViewMetaData}\n groupData={data.groupData.records}\n toggleFold={toggleFold}\n handleLoadMore={handleLoadMore}\n onDelete={onDelete}\n onRecover={onRecover}\n setLightboxUrls={setLightboxUrls}\n setOpenLightbox={setOpenLightbox}\n editButtonUrl={editButtonUrl}\n cardNode={cardNode}\n DynamicCardWidget={DynamicCardWidget}\n showArchived={showArchived}\n />\n );\n })}\n {kanbanViewData.length < maxSwimLanesCount &&\n <div>\n <a size=\"small\" className=\"kaban-swimlane-load-more\" style={{ textWrap: 'nowrap' }} text onClick={handleSwimLanePagination}>Load More...({maxSwimLanesCount - kanbanViewData.length})</a>\n </div>\n }\n </div>\n </DragDropContext>\n )}\n </div>\n );\n}\n\nexport default KanbanBoard;\n"]}

package/dist/components/core/kanban/KanbanBoard.tsx CHANGED Viewed

@@ -29,7 +29,7 @@ const findKanbanCardNode = (nodes: any[] = []): any => {
     return null;
 };
-export const KanbanBoard = ({ groupByFieldName, kanbanViewData, maxSwimLanesCount, solidKanbanViewMetaData, setKanbanViewData, handleLoadMore, onDragEnd, handleSwimLanePagination, onDelete, setLightboxUrls, setOpenLightbox, editButtonUrl }: any) => {
+export const KanbanBoard = ({ groupByFieldName, kanbanViewData, maxSwimLanesCount, solidKanbanViewMetaData, setKanbanViewData, handleLoadMore, onDragEnd, handleSwimLanePagination, onDelete, onRecover, setLightboxUrls, setOpenLightbox, editButtonUrl, showArchived }: any) => {
     const [loading, setLoading] = useState<boolean>(true);
     // State to manage the folded status of each column
     const [foldedStates, setFoldedStates] = useState<Record<string, boolean>>({});
@@ -148,11 +148,13 @@ export const KanbanBoard = ({ groupByFieldName, kanbanViewData, maxSwimLanesCoun
                                 toggleFold={toggleFold}
                                 handleLoadMore={handleLoadMore}
                                 onDelete={onDelete}
+                                onRecover={onRecover}
                                 setLightboxUrls={setLightboxUrls}
                                 setOpenLightbox={setOpenLightbox}
                                 editButtonUrl={editButtonUrl}
                                 cardNode={cardNode}
                                 DynamicCardWidget={DynamicCardWidget}
+                                showArchived={showArchived}
                             />
                         );
                     })}

package/dist/components/core/kanban/KanbanCard.d.ts CHANGED Viewed

@@ -17,6 +17,8 @@ interface KanbanCardProps {
     cardNode?: any;
     DynamicCardWidget?: any;
     onDelete?: (record: Data) => void;
+    onRecover?: (record: Data) => void;
+    showArchived?: boolean;
 }
 declare const KanbanCard: React.FC<KanbanCardProps>;
 export default KanbanCard;

package/dist/components/core/kanban/KanbanCard.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"KanbanCard.d.ts","sourceRoot":"","sources":["../../../../src/components/core/kanban/KanbanCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,UAAU,IAAI;IACZ,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,eAAe;IACvB,IAAI,EAAE,IAAI,CAAC;IACX,uBAAuB,EAAE,GAAG,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,iBAAiB,CAAC,EAAE,GAAG,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,KAAK,IAAI,CAAC;~~CACnC~~;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,~~CAoGzC~~,CAAC;AAEF,eAAe,UAAU,CAAC"}
1	+ {"version":3,"file":"KanbanCard.d.ts","sourceRoot":"","sources":["../../../../src/components/core/kanban/KanbanCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,UAAU,IAAI;IACZ,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,eAAe;IACvB,IAAI,EAAE,IAAI,CAAC;IACX,uBAAuB,EAAE,GAAG,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,iBAAiB,CAAC,EAAE,GAAG,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAkHzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/core/kanban/KanbanCard.js CHANGED Viewed

@@ -15,29 +15,34 @@ import { CompatibleDraggable } from "../common/dndCompat";
 import { storeCurrentModelViewContext } from "../../../helpers/modelViewPersistence";
 import { SolidDropdownMenu, SolidDropdownMenuContent, SolidDropdownMenuItem, SolidDropdownMenuTrigger, SolidIcon, } from "../../shad-cn-ui";
 var KanbanCard = function (_a) {
-    var data = _a.data, solidKanbanViewMetaData = _a.solidKanbanViewMetaData, index = _a.index, _b = _a.isDragDisabled, isDragDisabled = _b === void 0 ? false : _b, setLightboxUrls = _a.setLightboxUrls, setOpenLightbox = _a.setOpenLightbox, editButtonUrl = _a.editButtonUrl, groupByFieldName = _a.groupByFieldName, group = _a.group, cardNode = _a.cardNode, DynamicCardWidget = _a.DynamicCardWidget, onDelete = _a.onDelete;
+    var data = _a.data, solidKanbanViewMetaData = _a.solidKanbanViewMetaData, index = _a.index, _b = _a.isDragDisabled, isDragDisabled = _b === void 0 ? false : _b, setLightboxUrls = _a.setLightboxUrls, setOpenLightbox = _a.setOpenLightbox, editButtonUrl = _a.editButtonUrl, groupByFieldName = _a.groupByFieldName, group = _a.group, cardNode = _a.cardNode, DynamicCardWidget = _a.DynamicCardWidget, onDelete = _a.onDelete, onRecover = _a.onRecover, showArchived = _a.showArchived;
     var router = useRouter();
+    var isArchivedRecord = (data === null || data === void 0 ? void 0 : data.deletedAt) !== null && (data === null || data === void 0 ? void 0 : data.deletedAt) !== undefined;
     var persistReturnView = function () {
         storeCurrentModelViewContext();
     };
     var openRecord = function () {
+        if (isArchivedRecord)
+            return;
         persistReturnView();
         router.push("".concat(editButtonUrl, "/").concat(data === null || data === void 0 ? void 0 : data.id));
     };
     var openEdit = function () {
+        if (isArchivedRecord)
+            return;
         persistReturnView();
         router.push("".concat(editButtonUrl, "/").concat(data === null || data === void 0 ? void 0 : data.id));
     };
     var renderKanbanAction = function (data) {
-        return (_jsx("div", { className: "solid-kanban-action", onClick: function (e) { return e.stopPropagation(); }, children: _jsxs(SolidDropdownMenu, { children: [_jsx(SolidDropdownMenuTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "solid-header-cog-trigger solid-kanban-action-trigger", "aria-label": "Open card actions", children: _jsx(SolidIcon, { name: "si-ellipsis-v", "aria-hidden": true }) }) }), _jsxs(SolidDropdownMenuContent, { className: "solid-custom-overlay", align: "end", children: [_jsxs(SolidDropdownMenuItem, { className: "solid-header-dropdown-item", onSelect: openEdit, children: [_jsx(SolidIcon, { name: "si-pencil", className: "solid-header-action-button-icon", "aria-hidden": true }), _jsx("span", { className: "solid-header-action-button-label", children: "Edit" })] }), onDelete ? (_jsxs(SolidDropdownMenuItem, { className: "solid-header-dropdown-item solid-header-dropdown-item-danger", onSelect: function () { return onDelete(data); }, children: [_jsx(SolidIcon, { name: "si-trash", className: "solid-header-action-button-icon", "aria-hidden": true }), _jsx("span", { className: "solid-header-action-button-label", children: "Delete" })] })) : null] })] }) }));
+        return (_jsx("div", { className: "solid-kanban-action", onClick: function (e) { return e.stopPropagation(); }, children: _jsxs(SolidDropdownMenu, { children: [_jsx(SolidDropdownMenuTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "solid-header-cog-trigger solid-kanban-action-trigger", "aria-label": "Open card actions", children: _jsx(SolidIcon, { name: "si-ellipsis-v", "aria-hidden": true }) }) }), _jsxs(SolidDropdownMenuContent, { className: "solid-custom-overlay", align: "end", children: [!isArchivedRecord ? (_jsxs(SolidDropdownMenuItem, { className: "solid-header-dropdown-item", onSelect: openEdit, children: [_jsx(SolidIcon, { name: "si-pencil", className: "solid-header-action-button-icon", "aria-hidden": true }), _jsx("span", { className: "solid-header-action-button-label", children: "Edit" })] })) : null, showArchived && (data === null || data === void 0 ? void 0 : data.deletedAt) !== null && (data === null || data === void 0 ? void 0 : data.deletedAt) !== undefined && onRecover ? (_jsxs(SolidDropdownMenuItem, { className: "solid-header-dropdown-item", onSelect: function () { return onRecover(data); }, children: [_jsx(SolidIcon, { name: "si-refresh", className: "solid-header-action-button-icon", "aria-hidden": true }), _jsx("span", { className: "solid-header-action-button-label", children: "Recover" })] })) : null, onDelete && ((data === null || data === void 0 ? void 0 : data.deletedAt) === null || (data === null || data === void 0 ? void 0 : data.deletedAt) === undefined) ? (_jsxs(SolidDropdownMenuItem, { className: "solid-header-dropdown-item solid-header-dropdown-item-danger", onSelect: function () { return onDelete(data); }, children: [_jsx(SolidIcon, { name: "si-trash", className: "solid-header-action-button-icon", "aria-hidden": true }), _jsx("span", { className: "solid-header-action-button-label", children: "Delete" })] })) : null] })] }) }));
     };
     return (_jsx(CompatibleDraggable, { draggableId: String(data.id), index: index, isDragDisabled: isDragDisabled, children: function (provided, snapshot) {
             var _a, _b;
             return (_jsx("div", __assign({ className: "", ref: provided.innerRef }, provided.draggableProps, (!isDragDisabled ? provided.dragHandleProps : {}), { style: __assign({ marginTop: "1rem" }, provided.draggableProps.style), className: "kanban-card-container", children: _jsxs("div", { style: {
-                        opacity: snapshot.isDragging ? 0.9 : 1,
+                        opacity: snapshot.isDragging ? 0.9 : (isArchivedRecord ? 0.55 : 1),
                         transform: snapshot.isDragging ? "rotate(-2deg)" : "",
-                        cursor: isDragDisabled ? "pointer" : "grab"
-                    }, elevation: snapshot.isDragging ? 3 : 1, className: "solid-kanban-card", onClick: openRecord, children: [renderKanbanAction(data), DynamicCardWidget ? (_jsx(DynamicCardWidget, { rowData: data, solidKanbanViewMetaData: solidKanbanViewMetaData, solidView: solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.solidView, solidFieldsMetadata: solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.solidFieldsMetadata, card: cardNode, layoutAttrs: ((_b = (_a = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.solidView) === null || _a === void 0 ? void 0 : _a.layout) === null || _b === void 0 ? void 0 : _b.attrs) || {}, groupedView: true, groupByFieldName: groupByFieldName, group: group, editButtonUrl: editButtonUrl, setLightboxUrls: setLightboxUrls, setOpenLightbox: setOpenLightbox, openRecord: openRecord, openEdit: openEdit })) : null] }) })));
+                        cursor: isArchivedRecord ? "default" : (isDragDisabled ? "pointer" : "grab")
+                    }, elevation: snapshot.isDragging ? 3 : 1, className: "solid-kanban-card".concat(isArchivedRecord ? " greyed-out-row" : ""), onClick: openRecord, children: [renderKanbanAction(data), DynamicCardWidget ? (_jsx(DynamicCardWidget, { rowData: data, solidKanbanViewMetaData: solidKanbanViewMetaData, solidView: solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.solidView, solidFieldsMetadata: solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.solidFieldsMetadata, card: cardNode, layoutAttrs: ((_b = (_a = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.solidView) === null || _a === void 0 ? void 0 : _a.layout) === null || _b === void 0 ? void 0 : _b.attrs) || {}, groupedView: true, groupByFieldName: groupByFieldName, group: group, editButtonUrl: editButtonUrl, setLightboxUrls: setLightboxUrls, setOpenLightbox: setOpenLightbox, openRecord: openRecord, openEdit: openEdit })) : null] }) })));
         } }));
 };
 export default KanbanCard;

package/dist/components/core/kanban/KanbanCard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"KanbanCard.js","sourceRoot":"","sources":["../../../../src/components/core/kanban/KanbanCard.tsx"],"names":[],"mappings":"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","sourcesContent":["// @ts-nocheck\nimport React from \"react\";\nimport { useRouter } from \"../../../hooks/useRouter\";\nimport { DraggableProvided } from \"@hello-pangea/dnd\";\nimport { CompatibleDraggable } from \"../common/dndCompat\";\nimport { storeCurrentModelViewContext } from \"../../../helpers/modelViewPersistence\";\nimport {\n SolidDropdownMenu,\n SolidDropdownMenuContent,\n SolidDropdownMenuItem,\n SolidDropdownMenuTrigger,\n SolidIcon,\n} from \"../../shad-cn-ui\";\n\n// Define the types for the data and props\ninterface Data {\n id: string;\n title: string;\n content: string;\n}\n\ninterface KanbanCardProps {\n data: Data;\n solidKanbanViewMetaData: any;\n index: number;\n isDragDisabled?: boolean;\n setLightboxUrls?: any;\n setOpenLightbox?: any;\n editButtonUrl?: string;\n groupByFieldName?: string;\n group?: any;\n cardNode?: any;\n DynamicCardWidget?: any;\n onDelete?: (record: Data) => void;\n}\n\nconst KanbanCard: React.FC<KanbanCardProps> = ({ data, solidKanbanViewMetaData, index, isDragDisabled = false, setLightboxUrls, setOpenLightbox, editButtonUrl, groupByFieldName, group, cardNode, DynamicCardWidget, onDelete }) => {\n const router = useRouter()\n\n const persistReturnView = () => {\n storeCurrentModelViewContext();\n };\n\n const openRecord = () => {\n persistReturnView();\n router.push(`${editButtonUrl}/${data?.id}`);\n };\n\n const openEdit = () => {\n persistReturnView();\n router.push(`${editButtonUrl}/${data?.id}`);\n };\n\n const renderKanbanAction = (data) => {\n return (\n <div className=\"solid-kanban-action\" onClick={(e) => e.stopPropagation()}>\n <SolidDropdownMenu>\n <SolidDropdownMenuTrigger asChild>\n <button\n type=\"button\"\n className=\"solid-header-cog-trigger solid-kanban-action-trigger\"\n aria-label=\"Open card actions\"\n >\n <SolidIcon name=\"si-ellipsis-v\" aria-hidden />\n </button>\n </SolidDropdownMenuTrigger>\n <SolidDropdownMenuContent className=\"solid-custom-overlay\" align=\"end\">\n <SolidDropdownMenuItem\n className=\"solid-header-dropdown-item\"\n onSelect={openEdit}\n >\n <SolidIcon name=\"si-pencil\" className=\"solid-header-action-button-icon\" aria-hidden />\n <span className=\"solid-header-action-button-label\">Edit</span>\n </SolidDropdownMenuItem>\n {onDelete ? (\n <SolidDropdownMenuItem\n className=\"solid-header-dropdown-item solid-header-dropdown-item-danger\"\n onSelect={() => onDelete(data)}\n >\n <SolidIcon name=\"si-trash\" className=\"solid-header-action-button-icon\" aria-hidden />\n <span className=\"solid-header-action-button-label\">Delete</span>\n </SolidDropdownMenuItem>\n ) : null}\n </SolidDropdownMenuContent>\n </SolidDropdownMenu>\n </div>\n )\n }\n\n return (\n <CompatibleDraggable draggableId={String(data.id)} index={index} isDragDisabled={isDragDisabled}>\n {(provided: DraggableProvided, snapshot) => (\n <div\n className=\"\"\n ref={provided.innerRef}\n {...provided.draggableProps}\n {...(!isDragDisabled ? provided.dragHandleProps : {})}\n style={{ marginTop: \"1rem\", ...provided.draggableProps.style }}\n className=\"kanban-card-container\"\n >\n {/* <p className=\"kanban-card-heading\">{data.title}</p> /}\n {/ <p className=\"kanban-card-content\">{data.content}</p> */}\n <div\n style={{\n opacity: snapshot.isDragging ? 0.9 : 1,\n transform: snapshot.isDragging ? \"rotate(-2deg)\" : \"\",\n cursor: isDragDisabled ? \"pointer\" : \"grab\"\n }}\n elevation={snapshot.isDragging ? 3 : 1}\n className=\"solid-kanban-card\"\n onClick={openRecord}\n >\n {renderKanbanAction(data)}\n {DynamicCardWidget ? (\n <DynamicCardWidget\n rowData={data}\n solidKanbanViewMetaData={solidKanbanViewMetaData}\n solidView={solidKanbanViewMetaData?.solidView}\n solidFieldsMetadata={solidKanbanViewMetaData?.solidFieldsMetadata}\n card={cardNode}\n layoutAttrs={solidKanbanViewMetaData?.solidView?.layout?.attrs \|\| {}}\n groupedView={true}\n groupByFieldName={groupByFieldName}\n group={group}\n editButtonUrl={editButtonUrl}\n setLightboxUrls={setLightboxUrls}\n setOpenLightbox={setOpenLightbox}\n openRecord={openRecord}\n openEdit={openEdit}\n />\n ) : null}\n </div>\n </div>\n )}\n </CompatibleDraggable>\n );\n};\n\nexport default KanbanCard;\n"]}
1	+ {"version":3,"file":"KanbanCard.js","sourceRoot":"","sources":["../../../../src/components/core/kanban/KanbanCard.tsx"],"names":[],"mappings":"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","sourcesContent":["// @ts-nocheck\nimport React from \"react\";\nimport { useRouter } from \"../../../hooks/useRouter\";\nimport { DraggableProvided } from \"@hello-pangea/dnd\";\nimport { CompatibleDraggable } from \"../common/dndCompat\";\nimport { storeCurrentModelViewContext } from \"../../../helpers/modelViewPersistence\";\nimport {\n SolidDropdownMenu,\n SolidDropdownMenuContent,\n SolidDropdownMenuItem,\n SolidDropdownMenuTrigger,\n SolidIcon,\n} from \"../../shad-cn-ui\";\n\n// Define the types for the data and props\ninterface Data {\n id: string;\n title: string;\n content: string;\n}\n\ninterface KanbanCardProps {\n data: Data;\n solidKanbanViewMetaData: any;\n index: number;\n isDragDisabled?: boolean;\n setLightboxUrls?: any;\n setOpenLightbox?: any;\n editButtonUrl?: string;\n groupByFieldName?: string;\n group?: any;\n cardNode?: any;\n DynamicCardWidget?: any;\n onDelete?: (record: Data) => void;\n onRecover?: (record: Data) => void;\n showArchived?: boolean;\n}\n\nconst KanbanCard: React.FC<KanbanCardProps> = ({ data, solidKanbanViewMetaData, index, isDragDisabled = false, setLightboxUrls, setOpenLightbox, editButtonUrl, groupByFieldName, group, cardNode, DynamicCardWidget, onDelete, onRecover, showArchived }) => {\n const router = useRouter()\n const isArchivedRecord = data?.deletedAt !== null && data?.deletedAt !== undefined;\n\n const persistReturnView = () => {\n storeCurrentModelViewContext();\n };\n\n const openRecord = () => {\n if (isArchivedRecord) return;\n persistReturnView();\n router.push(`${editButtonUrl}/${data?.id}`);\n };\n\n const openEdit = () => {\n if (isArchivedRecord) return;\n persistReturnView();\n router.push(`${editButtonUrl}/${data?.id}`);\n };\n\n const renderKanbanAction = (data) => {\n return (\n <div className=\"solid-kanban-action\" onClick={(e) => e.stopPropagation()}>\n <SolidDropdownMenu>\n <SolidDropdownMenuTrigger asChild>\n <button\n type=\"button\"\n className=\"solid-header-cog-trigger solid-kanban-action-trigger\"\n aria-label=\"Open card actions\"\n >\n <SolidIcon name=\"si-ellipsis-v\" aria-hidden />\n </button>\n </SolidDropdownMenuTrigger>\n <SolidDropdownMenuContent className=\"solid-custom-overlay\" align=\"end\">\n {!isArchivedRecord ? (\n <SolidDropdownMenuItem\n className=\"solid-header-dropdown-item\"\n onSelect={openEdit}\n >\n <SolidIcon name=\"si-pencil\" className=\"solid-header-action-button-icon\" aria-hidden />\n <span className=\"solid-header-action-button-label\">Edit</span>\n </SolidDropdownMenuItem>\n ) : null}\n {showArchived && data?.deletedAt !== null && data?.deletedAt !== undefined && onRecover ? (\n <SolidDropdownMenuItem\n className=\"solid-header-dropdown-item\"\n onSelect={() => onRecover(data)}\n >\n <SolidIcon name=\"si-refresh\" className=\"solid-header-action-button-icon\" aria-hidden />\n <span className=\"solid-header-action-button-label\">Recover</span>\n </SolidDropdownMenuItem>\n ) : null}\n {onDelete && (data?.deletedAt === null \|\| data?.deletedAt === undefined) ? (\n <SolidDropdownMenuItem\n className=\"solid-header-dropdown-item solid-header-dropdown-item-danger\"\n onSelect={() => onDelete(data)}\n >\n <SolidIcon name=\"si-trash\" className=\"solid-header-action-button-icon\" aria-hidden />\n <span className=\"solid-header-action-button-label\">Delete</span>\n </SolidDropdownMenuItem>\n ) : null}\n </SolidDropdownMenuContent>\n </SolidDropdownMenu>\n </div>\n )\n }\n\n return (\n <CompatibleDraggable draggableId={String(data.id)} index={index} isDragDisabled={isDragDisabled}>\n {(provided: DraggableProvided, snapshot) => (\n <div\n className=\"\"\n ref={provided.innerRef}\n {...provided.draggableProps}\n {...(!isDragDisabled ? provided.dragHandleProps : {})}\n style={{ marginTop: \"1rem\", ...provided.draggableProps.style }}\n className=\"kanban-card-container\"\n >\n {/* <p className=\"kanban-card-heading\">{data.title}</p> /}\n {/ <p className=\"kanban-card-content\">{data.content}</p> */}\n <div\n style={{\n opacity: snapshot.isDragging ? 0.9 : (isArchivedRecord ? 0.55 : 1),\n transform: snapshot.isDragging ? \"rotate(-2deg)\" : \"\",\n cursor: isArchivedRecord ? \"default\" : (isDragDisabled ? \"pointer\" : \"grab\")\n }}\n elevation={snapshot.isDragging ? 3 : 1}\n className={`solid-kanban-card${isArchivedRecord ? \" greyed-out-row\" : \"\"}`}\n onClick={openRecord}\n >\n {renderKanbanAction(data)}\n {DynamicCardWidget ? (\n <DynamicCardWidget\n rowData={data}\n solidKanbanViewMetaData={solidKanbanViewMetaData}\n solidView={solidKanbanViewMetaData?.solidView}\n solidFieldsMetadata={solidKanbanViewMetaData?.solidFieldsMetadata}\n card={cardNode}\n layoutAttrs={solidKanbanViewMetaData?.solidView?.layout?.attrs \|\| {}}\n groupedView={true}\n groupByFieldName={groupByFieldName}\n group={group}\n editButtonUrl={editButtonUrl}\n setLightboxUrls={setLightboxUrls}\n setOpenLightbox={setOpenLightbox}\n openRecord={openRecord}\n openEdit={openEdit}\n />\n ) : null}\n </div>\n </div>\n )}\n </CompatibleDraggable>\n );\n};\n\nexport default KanbanCard;\n"]}