@solidxai/core-ui 0.1.8-beta.19 → 0.1.8-beta.20

package/dist/components/core/form/fields/SolidSelectionDynamicField.tsx

@@ -118,16 +118,25 @@ export class SolidSelectionDynamicField implements ISolidField {
 
         const isRequired = fieldLayoutInfo.attrs?.required ?? fieldMetadata.required;
     
-        if (!isRequired) {
-            return Yup.mixed();
-        }
-
         if (isMultiSelect) {
+            if (!isRequired) {
+                return Yup.array()
+                    .of(Yup.object().shape({ label: Yup.string(), value: Yup.string() }))
+                    .nullable();
+            }
+
             return Yup.array()
                 .min(1, ERROR_MESSAGES.FIELD_REUQIRED(fieldLabel))
                 .of(Yup.object().shape({ label: Yup.string(), value: Yup.string() }));
         }
 
+        if (!isRequired) {
+            return Yup.object().shape({
+                label: Yup.string(),
+                value: Yup.string(),
+            }).nullable();
+        }
+
         return Yup.object().shape({
             label: Yup.string(),
             value: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED(fieldLabel)),

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

@@ -68,7 +68,7 @@ export var KanbanBoard = function (_a) {
                             : "Configure attrs.cardWidget on the kanban card metadata so the board can render each record." })] }) })) : (_jsx(DragDropContext, { onDragEnd: onDragEnd, children: _jsxs("div", { className: "flex gap-3 px-3 md:px-4 py-2 md:py-3 solid-kanban-board-scroll-context", children: [kanbanViewData.map(function (data) {
                         var _a;
                         // Find the displayName for the groupName from solidKanbanViewMetaData.solidFieldsMetadata
-                        var label = data.groupName;
+                        var label = data.groupLabel || data.groupName;
                         var fieldMeta = (_a = solidKanbanViewMetaData === null || solidKanbanViewMetaData === void 0 ? void 0 : solidKanbanViewMetaData.solidFieldsMetadata) === null || _a === void 0 ? void 0 : _a[groupByFieldName];
                         if (fieldMeta &&
                             fieldMeta.type === "selectionStatic" &&

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

@@ -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, 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.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                                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"]}
+{"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, 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                                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"]}

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

@@ -111,7 +111,7 @@ export const KanbanBoard = ({ groupByFieldName, kanbanViewData, maxSwimLanesCoun
                 })} */}
                     {kanbanViewData.map((data: any) => {
                         // Find the displayName for the groupName from solidKanbanViewMetaData.solidFieldsMetadata
-                        let label = data.groupName;
+                        let label = data.groupLabel || data.groupName;
                         const fieldMeta = solidKanbanViewMetaData?.solidFieldsMetadata?.[groupByFieldName];
                         if (
                             fieldMeta &&

package/dist/components/core/kanban/SolidKanbanView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidKanbanView.d.ts","sourceRoot":"","sources":["../../../../src/components/core/kanban/SolidKanbanView.tsx"],"names":[],"mappings":"AAyCA,KAAK,qBAAqB,GAAG;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAGF,eAAO,MAAM,eAAe,WAAY,qBAAqB,4CA+2B5D,CAAC"}
+{"version":3,"file":"SolidKanbanView.d.ts","sourceRoot":"","sources":["../../../../src/components/core/kanban/SolidKanbanView.tsx"],"names":[],"mappings":"AA2CA,KAAK,qBAAqB,GAAG;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAmEF,eAAO,MAAM,eAAe,WAAY,qBAAqB,4CAi7B5D,CAAC"}