@topconsultnpm/sdkui-react-beta 6.13.28 → 6.13.29

package/lib/components/layout/ResizableGrid.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // ResizableGrid.tsx
 import React, { useRef, useState } from 'react';
+import { SDKUI_Globals } from '../../helper';
 const ResizableGrid = ({ panels, minPercents, initialPercents, }) => {
     const panelCount = panels.length;
     const defaultMinPercents = minPercents ?? Array(panelCount).fill(0.1);
@@ -37,18 +38,19 @@ const ResizableGrid = ({ panels, minPercents, initialPercents, }) => {
     };
     // Build gridTemplateColumns string
     const gridTemplateColumns = percents
-        .map((p, i) => `${(p * 100).toFixed(2)}%${i < panelCount - 1 ? ' 6px' : ''}`)
+        .map((p, i) => `${(p * 100).toFixed(2)}%${i < panelCount - 1 ? ` ${SDKUI_Globals.userSettings.themeSettings.gutters}px` : ''}`)
         .join(' ');
     return (_jsx("div", { ref: containerRef, style: {
             display: 'grid',
             gridTemplateColumns,
-            width: '100%',
+            width: 'calc(100% - 20px)',
             height: '100%',
             position: 'relative',
-        }, children: panels.map((panel, idx) => (_jsxs(React.Fragment, { children: [_jsx("div", { style: { overflow: 'auto', height: '100%' }, children: panel }), idx < panelCount - 1 && (_jsx("div", { style: {
+            overflow: 'hidden',
+        }, children: panels.map((panel, idx) => (_jsxs(React.Fragment, { children: [panel, idx < panelCount - 1 && (_jsx("div", { style: {
                         cursor: 'col-resize',
-                        background: '#e0e0e0',
-                        width: 6,
+                        background: 'transparent',
+                        width: `${SDKUI_Globals.userSettings.themeSettings.gutters}px`,
                         zIndex: 1,
                         height: '100%',
                     }, onMouseDown: e => handleMouseDown(idx, e) }))] }, idx))) }));

package/lib/components/settings/SettingsAppearance.d.ts

@@ -1,7 +1,11 @@
-declare const SettingsAppearance: ({ landingPagesOptions }: {
+declare const SettingsAppearance: ({ landingPagesOptions, permissions }: {
     landingPagesOptions?: {
         display: string;
         value: string;
     }[];
+    permissions?: {
+        canArchive: boolean;
+        canSearch: boolean;
+    };
 }) => import("react/jsx-runtime").JSX.Element;
 export default SettingsAppearance;

package/lib/components/settings/SettingsAppearance.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
+import { useMemo, useState } from 'react';
 import TMLayoutContainer from '../base/TMLayout';
 import TMDropDown from '../editors/TMDropDown';
 import TMCheckBox from '../editors/TMCheckBox';
 import TMButton from '../base/TMButton';
-import { SDKUI_Globals, SDKUI_Localizator, ThemeSettings } from '../../helper';
+import { LandingPages, SDKUI_Globals, SDKUI_Localizator, ThemeSettings } from '../../helper';
 const fontSizes = [
     { value: "10px", display: "10px" },
     { value: "11px", display: "11px" },
@@ -18,10 +18,20 @@ const fontSizes = [
     { value: "19px", display: "19px" },
     { value: "20px", display: "20px" }
 ];
-const SettingsAppearance = ({ landingPagesOptions }) => {
+const SettingsAppearance = ({ landingPagesOptions, permissions = { canArchive: true, canSearch: true } }) => {
     const [, setForceUpdate] = useState(0); // Dummy state to force re-renders
     const triggerUIUpdate = () => setForceUpdate((prev) => prev + 1); // Increment dummy state to re-render
-    return (_jsxs(TMLayoutContainer, { children: [landingPagesOptions && _jsx("p", { style: { fontSize: '1.h1rem', fontWeight: 'bold', marginBottom: '5px' }, children: 'Pagina iniziale' }), landingPagesOptions && _jsx(TMDropDown, { dataSource: landingPagesOptions, value: SDKUI_Globals.userSettings.landingPage, width: '230px', onValueChanged: (e) => {
+    const filteredLandingPageOptopns = useMemo(() => {
+        let options = landingPagesOptions ?? [];
+        if (!permissions?.canArchive) {
+            options = options.filter(option => option.value !== LandingPages.ARCHIVE);
+        }
+        if (!permissions?.canSearch) {
+            options = options.filter(option => option.value !== LandingPages.SEARCH);
+        }
+        return options;
+    }, [permissions?.canArchive, permissions?.canSearch]);
+    return (_jsxs(TMLayoutContainer, { children: [landingPagesOptions && _jsx("p", { style: { fontSize: '1.h1rem', fontWeight: 'bold', marginBottom: '5px' }, children: 'Pagina iniziale' }), landingPagesOptions && _jsx(TMDropDown, { dataSource: filteredLandingPageOptopns, value: SDKUI_Globals.userSettings.landingPage, width: '230px', onValueChanged: (e) => {
                     SDKUI_Globals.userSettings.landingPage = e.target.value;
                     triggerUIUpdate();
                 } }), _jsx("p", { style: { fontSize: '1.h1rem', fontWeight: 'bold', marginTop: '10px' }, children: 'Font' }), _jsx(TMDropDown, { label: SDKUI_Localizator.Size, dataSource: fontSizes, width: '230px', value: SDKUI_Globals.userSettings.themeSettings.fontSize, onValueChanged: (e) => {

package/lib/helper/helpers.d.ts

@@ -39,6 +39,19 @@ export declare function stringIsNullOrEmpty(value: string | undefined): boolean;
 export declare function isPositiveNumber(val: unknown): val is number;
 export declare function sleep(ms: number): Promise<void>;
 export declare const dialogConfirmOperation: (title: string, msg: string, operationAsync: () => Promise<void>) => void;
+export declare enum LandingPages {
+    HOME_PAGE = "homepage",
+    SEARCH = "search",
+    ARCHIVE = "archive",
+    WORKING_GROUPS = "workingGroups",
+    APPR_WORKFLOW = "approvazioneWorkflow",
+    DOSSIERS = "pratiche",
+    PREFERITI = "preferiti",
+    RECENTI = "recenti",
+    AREA_MANAGER = "areaDiAppoggio",
+    NOTIFICATIONS = "notifications",
+    ACTIVITIES = "activities"
+}
 export declare function getExceptionMessage(ex: any): string;
 export declare function getContrastColor(inputColor: string): {
     bgColor: string;

package/lib/helper/helpers.js

@@ -658,6 +658,20 @@ export const dialogConfirmOperation = (title, msg, operationAsync) => {
         }
     });
 };
+export var LandingPages;
+(function (LandingPages) {
+    LandingPages["HOME_PAGE"] = "homepage";
+    LandingPages["SEARCH"] = "search";
+    LandingPages["ARCHIVE"] = "archive";
+    LandingPages["WORKING_GROUPS"] = "workingGroups";
+    LandingPages["APPR_WORKFLOW"] = "approvazioneWorkflow";
+    LandingPages["DOSSIERS"] = "pratiche";
+    LandingPages["PREFERITI"] = "preferiti";
+    LandingPages["RECENTI"] = "recenti";
+    LandingPages["AREA_MANAGER"] = "areaDiAppoggio";
+    LandingPages["NOTIFICATIONS"] = "notifications";
+    LandingPages["ACTIVITIES"] = "activities";
+})(LandingPages || (LandingPages = {}));
 // #endregion
 // #region Exception
 export function getExceptionMessage(ex) {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@topconsultnpm/sdkui-react-beta",
-    "version": "6.13.28",
+    "version": "6.13.29",
     "description": "",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",