@solidxai/core-ui 0.1.7-beta.1 → 0.1.7-beta.4

package/dist/components/core/list/SolidEmptyListViewPlaceholder.tsx

@@ -1,115 +1,147 @@
 import { permissionExpression } from '../../../helpers/permissions'
 import { SolidCreateButton } from '../common/SolidCreateButton'
-import Image from "../../common/Image"
-import { Button } from 'primereact/button'
 import { useHandleListCustomButtonClick } from '../../../components/common/useHandleListCustomButtonClick'
 import { hasAnyRole } from '../../../helpers/rolesHelper'
 import { env } from "../../../adapters/env";
 import { useSession } from "../../../hooks/useSession";
+import { useState } from "react";
+import { Download, SquarePen } from "lucide-react";
+import { SolidGenericImport } from "../common/SolidGenericImport/SolidGenericImport";
+import { SolidButton } from "../../shad-cn-ui";
 
-export const SolidEmptyListViewPlaceholder = ({ createButtonUrl, createActionQueryParams, actionsAllowed, params, solidListViewMetaData }: any) => {
+export const SolidEmptyListViewPlaceholder = ({
+    createButtonUrl,
+    createActionQueryParams,
+    actionsAllowed,
+    params,
+    solidListViewMetaData,
+    handleFetchUpdatedRecords,
+}: any) => {
+    const [openImportDialog, setOpenImportDialog] = useState(false);
+    const { data: session } = useSession();
+    const user = session?.user;
+
+    const layoutAttrs = solidListViewMetaData?.data?.solidView?.layout?.attrs ?? {};
+    const displayName = solidListViewMetaData?.data?.solidView?.displayName ?? "records";
+    const entityName = displayName.toLowerCase();
     const noDataText = solidListViewMetaData?.data?.solidView?.layout?.attrs?.listViewNoDataHelperText
         ?? (env("NEXT_PUBLIC_DEFAULT_LIST_VIEW_NODATA_HELPER_TEXT") && solidListViewMetaData?.data?.solidView?.displayName
             ? `${env("NEXT_PUBLIC_DEFAULT_LIST_VIEW_NODATA_HELPER_TEXT")} ${solidListViewMetaData.data.solidView.displayName}`
-            : null)
+            : `There are no ${entityName} records yet.`);
 
-    const handleCustomButtonClick = useHandleListCustomButtonClick()
+    const handleCustomButtonClick = useHandleListCustomButtonClick();
 
-    const CustomActionButtons = () => {
-        return (
-            <div>
-                {solidListViewMetaData?.data?.solidView?.layout?.attrs.showDefaultAddButton === false && solidListViewMetaData?.data?.solidView?.layout?.attrs?.headerButtons &&
-                    solidListViewMetaData?.data?.solidView?.layout?.attrs?.headerButtons.map((button: any) => {
+    const normalizeAction = (value: boolean | string[] | undefined) => {
+        if (value === true || value === undefined) return { enabled: true, roles: [] as string[] };
+        if (value === false) return { enabled: false, roles: [] as string[] };
+        if (Array.isArray(value)) return { enabled: true, roles: value };
+        return { enabled: true, roles: [] as string[] };
+    };
 
-                        const { data: session, status } = useSession();
-                        const user = session?.user;
+    const importAction = normalizeAction(layoutAttrs.import);
+    const canCreate =
+        actionsAllowed.includes(`${permissionExpression(params.modelName, 'create')}`) &&
+        layoutAttrs?.create !== false &&
+        params.embeded !== true &&
+        layoutAttrs.showDefaultAddButton !== false;
+    const canImport =
+        params.embeded !== true &&
+        importAction.enabled &&
+        actionsAllowed.includes(`${permissionExpression(params.modelName, 'create')}`) &&
+        actionsAllowed.includes(`${permissionExpression('importTransaction', 'create')}`) &&
+        (importAction.roles.length === 0 || hasAnyRole(user?.roles, importAction.roles));
 
-                        const hasRole = !button?.attrs?.roles || button?.attrs?.roles.length === 0 ? true : hasAnyRole(user?.roles, button?.attrs?.roles);
+    const CustomActionButtons = () => {
+        const headerButtons = layoutAttrs?.headerButtons ?? [];
+        if (layoutAttrs.showDefaultAddButton !== false || !headerButtons.length) return null;
 
-                        if (!hasRole) return null;
-                        return (
-                            <Button
-                                text={button?.attrs?.showText ?? true}
-                                type="button"
-                                className={`w-full text-left ${button?.attrs?.className ?? 'gap-2'} `}
-                                label={button.attrs.label}
-                                size="small"
-                                iconPos="left"
-                                icon={button?.attrs?.icon ? button?.attrs?.icon : "pi pi-pencil"}
-                                onClick={() => {
-                                    const event = {
-                                        params,
-                                        solidListViewMetaData: solidListViewMetaData.data
-                                    }
-                                    handleCustomButtonClick(button.attrs, event)
-                                }}
-                            />
-                        );
-                    })
-                }
+        return (
+            <div className="solid-empty-listview-custom-actions">
+                {headerButtons.map((button: any) => {
+                    const hasRole = !button?.attrs?.roles || button?.attrs?.roles.length === 0 ? true : hasAnyRole(user?.roles, button?.attrs?.roles);
+                    if (!hasRole) return null;
+
+                    return (
+                        <SolidButton
+                            key={button?.attrs?.name || button?.attrs?.label}
+                            type="button"
+                            className={`solid-empty-listview-secondary-action ${button?.attrs?.className ?? ''}`}
+                            variant={button?.attrs?.showText === false ? "primary" : "ghost"}
+                            size="small"
+                            icon={button?.attrs?.icon}
+                            leftIcon={!button?.attrs?.icon ? <SquarePen size={14} /> : undefined}
+                            onClick={() => {
+                                const event = {
+                                    params,
+                                    solidListViewMetaData: solidListViewMetaData.data
+                                };
+                                handleCustomButtonClick(button.attrs, event);
+                            }}
+                        >
+                            {button.attrs.label}
+                        </SolidButton>
+                    );
+                })}
             </div>
-        )
-    }
+        );
+    };
 
     return (
         <>
-            {/* <div className="page-header">
-                <p className="m-0 view-title">{solidListViewMetaData?.data?.solidView?.layout?.displayName}</p>
-            </div> */}
             <div className='solid-empty-listview-placeholder-container'>
-                {env("NEXT_PUBLIC_DEFAULT_LIST_VIEW_NODATA_IMAGE") &&
-                    <Image
-                        alt={solidListViewMetaData?.data?.solidView?.displayName}
-                        src={env("NEXT_PUBLIC_DEFAULT_LIST_VIEW_NODATA_IMAGE")}
-                        className='relative'
-                        height={385}
-                        width={617}
-                    />
-                }
-                <div className='text-base font-bold'>
-                    No Data Available.
-                </div>
-                {noDataText &&
-                    <div className='text-sm mt-1'>
-                        {noDataText}
+                <div className="solid-empty-listview-placeholder-panel">
+                    <div className="solid-empty-listview-header">
+                        <div className="solid-empty-listview-header-title">{displayName}</div>
+                        <div className="solid-empty-listview-header-subtitle">{noDataText}</div>
                     </div>
-                }
-                {
-                    actionsAllowed.includes(`${permissionExpression(params.modelName, 'create')}`) &&
-                    solidListViewMetaData?.data?.solidView?.layout?.attrs?.create !== false &&
-                    params.embeded !== true &&
-                    solidListViewMetaData?.data?.solidView?.layout?.attrs.showDefaultAddButton !== false &&
 
-                    <div className='mt-2'>
-                        <SolidCreateButton createButtonUrl={createButtonUrl} createActionQueryParams={createActionQueryParams} title={solidListViewMetaData?.data?.solidView?.displayName} />
-                    </div>
-                }
-                <CustomActionButtons />
-                {/* <div>
-                    {solidListViewMetaData?.data?.solidView?.layout?.attrs.showDefaultAddButton === false && solidListViewMetaData?.data?.solidView?.layout?.attrs?.headerButtons &&
-                        solidListViewMetaData?.data?.solidView?.layout?.attrs?.headerButtons.map((button: any) => {
-                            return (
-                                <Button
-                                    text
+                    <div className="solid-empty-listview-body">
+                        {/* <div className="solid-empty-listview-icon-wrap">
+                            <FolderOpen className="solid-empty-listview-icon" aria-hidden="true" />
+                        </div>
+                        <div className="solid-empty-listview-title">
+                            No {displayName} Data Available
+                        </div> */}
+
+                        <div className="solid-empty-listview-actions">
+                            {canCreate && (
+                                <div className="solid-empty-listview-create-action">
+                                    <SolidCreateButton
+                                        createButtonUrl={createButtonUrl}
+                                        createActionQueryParams={createActionQueryParams}
+                                        title={solidListViewMetaData?.data?.solidView?.displayName}
+                                    />
+                                </div>
+                            )}
+                            {canImport && (
+                                <SolidButton
                                     type="button"
-                                    className={`w-full text-left gap-2 ${button?.attrs?.className ? button?.attrs?.className : ''}`}
-                                    label={button.attrs.label}
-                                    size="small"
-                                    iconPos="left"
-                                    icon={button?.attrs?.icon ? button?.attrs?.icon : "pi pi-pencil"}
-                                    onClick={() => {
-                                        const event = {
-                                            params,
-                                            solidListViewMetaData: solidListViewMetaData.data
-                                        }
-                                        handleCustomButtonClick(button.attrs, event)
-                                    }}
-                                />
-                            );
-                        })
-                    }
-                </div> */}
+                                    variant="outline"
+                                    leftIcon={<Download size={14} />}
+                                    className="solid-empty-listview-import-button"
+                                    onClick={() => setOpenImportDialog(true)}
+                                >
+                                    Import
+                                </SolidButton>
+                            )}
+                        </div>
+
+                        <div className="solid-empty-listview-description">
+                            Click Create or Import to add {entityName} entities.
+                        </div>
+
+                        <CustomActionButtons />
+                    </div>
+                </div>
             </div>
+            {openImportDialog && (
+                <SolidGenericImport
+                    openImportDialog={openImportDialog}
+                    setOpenImportDialog={setOpenImportDialog}
+                    listViewMetaData={solidListViewMetaData}
+                    handleFetchUpdatedRecords={handleFetchUpdatedRecords}
+                />
+            )}
         </>
-    )
-}
+    );
+};

package/dist/components/core/list/SolidListView.d.ts

@@ -1,10 +1,8 @@
 /// <reference types="react" />
-import "yet-another-react-lightbox/styles.css";
-import "yet-another-react-lightbox/plugins/counter.css";
 export declare const getFilterObjectFromLocalStorage: () => any;
 export declare const getFilterObjectFromLocalStorageByUrl: (url: string) => any;
-export declare const setFilterObjectToLocalStorage: (queryObject: string) => string | null;
-export declare const setFilterObjectToLocalStorageByUrl: (url: string, queryObject: string) => string | null;
+export declare const setFilterObjectToLocalStorage: (queryObject: any) => string | null;
+export declare const setFilterObjectToLocalStorageByUrl: (url: string, queryObject: any) => string | null;
 type SolidListViewParams = {
     moduleName: string;
     modelName: string;
@@ -54,10 +52,7 @@ export type SolidListViewHandle = {
      * Updates sorting state and resets page offset to the first page.
      * Use this for programmatic sort controls to match DataTable behavior.
      */
-    setSort: (nextMultiSortMeta: {
-        field: string;
-        order: 1 | -1;
-    }[]) => void;
+    setSort: (nextSortField: string, nextSortOrder: 1 | -1 | 0) => void;
     /**
      * Toggles inclusion of archived/soft-deleted records.
      * Use this to switch between active-only and inclusive list views.
@@ -70,10 +65,8 @@ export type SolidListViewHandle = {
     getState: () => {
         first: number;
         rows: number;
-        multiSortMeta: {
-            field: string;
-            order: 1 | -1;
-        }[];
+        sortField: string;
+        sortOrder: 1 | -1 | 0;
         showArchived: boolean;
         filters: any;
         filterPredicates: any;

package/dist/components/core/list/SolidListView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidListView.d.ts","sourceRoot":"","sources":["../../../../src/components/core/list/SolidListView.tsx"],"names":[],"mappings":";AAgCA,OAAO,uCAAuC,CAAC;AAC/C,OAAO,gDAAgD,CAAC;AAyBxD,eAAO,MAAM,+BAA+B,WAgB3C,CAAC;AAGF,eAAO,MAAM,oCAAoC,QAAS,MAAM,QAgB/D,CAAC;AAEF,eAAO,MAAM,6BAA6B,gBAAiB,MAAM,kBAUhE,CAAC;AAGF,eAAO,MAAM,kCAAkC,QAAS,MAAM,eAAe,MAAM,kBAUlF,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,6BAA6B,CAAC,EAAE,GAAG,CAAC;IACpC,8BAA8B,CAAC,EAAE,GAAG,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,iBAAiB,CAAC,EAAE,GAAG,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;;;OAKG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;;OAIG;IACH,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB;;;;;;OAMG;IACH,WAAW,EAAE,CAAC,MAAM,EAAE;QACpB,uBAAuB,CAAC,EAAE,GAAG,CAAC;QAC9B,gBAAgB,CAAC,EAAE,GAAG,CAAC;QACvB,sBAAsB,CAAC,EAAE,GAAG,CAAC;QAC7B,2BAA2B,CAAC,EAAE,GAAG,CAAC;KACnC,KAAK,IAAI,CAAC;IACX;;;;OAIG;IACH,aAAa,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7D;;;OAGG;IACH,OAAO,EAAE,CAAC,iBAAiB,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;KAAE,EAAE,KAAK,IAAI,CAAC;IACzE;;;OAGG;IACH,eAAe,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C;;;OAGG;IACH,QAAQ,EAAE,MAAM;QACd,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,aAAa,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;SAAE,EAAE,CAAC;QAClD,YAAY,EAAE,OAAO,CAAC;QACtB,OAAO,EAAE,GAAG,CAAC;QACb,gBAAgB,EAAE,GAAG,CAAC;QACtB,QAAQ,EAAE,GAAG,EAAE,CAAC;QAChB,YAAY,EAAE,MAAM,CAAC;QACrB,OAAO,EAAE,OAAO,CAAC;KAClB,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,aAAa,qHA0xDxB,CAAC"}
+{"version":3,"file":"SolidListView.d.ts","sourceRoot":"","sources":["../../../../src/components/core/list/SolidListView.tsx"],"names":[],"mappings":";AAuDA,eAAO,MAAM,+BAA+B,WAgB3C,CAAC;AAGF,eAAO,MAAM,oCAAoC,QAAS,MAAM,QAgB/D,CAAC;AAEF,eAAO,MAAM,6BAA6B,gBAAiB,GAAG,kBAU7D,CAAC;AAGF,eAAO,MAAM,kCAAkC,QAAS,MAAM,eAAe,GAAG,kBAU/E,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,6BAA6B,CAAC,EAAE,GAAG,CAAC;IACpC,8BAA8B,CAAC,EAAE,GAAG,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,iBAAiB,CAAC,EAAE,GAAG,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;;;OAKG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;;OAIG;IACH,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB;;;;;;OAMG;IACH,WAAW,EAAE,CAAC,MAAM,EAAE;QACpB,uBAAuB,CAAC,EAAE,GAAG,CAAC;QAC9B,gBAAgB,CAAC,EAAE,GAAG,CAAC;QACvB,sBAAsB,CAAC,EAAE,GAAG,CAAC;QAC7B,2BAA2B,CAAC,EAAE,GAAG,CAAC;KACnC,KAAK,IAAI,CAAC;IACX;;;;OAIG;IACH,aAAa,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7D;;;OAGG;IACH,OAAO,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;IACpE;;;OAGG;IACH,eAAe,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C;;;OAGG;IACH,QAAQ,EAAE,MAAM;QACd,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;QACtB,YAAY,EAAE,OAAO,CAAC;QACtB,OAAO,EAAE,GAAG,CAAC;QACb,gBAAgB,EAAE,GAAG,CAAC;QACtB,QAAQ,EAAE,GAAG,EAAE,CAAC;QAChB,YAAY,EAAE,MAAM,CAAC;QACrB,OAAO,EAAE,OAAO,CAAC;KAClB,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,aAAa,qHAkmDxB,CAAC"}