@zealicsolutions/web-ui 1.0.99-beta.54 → 1.0.99-beta.56

package/dist/esm/organisms/DataGrid/Toolbar/components/DensityToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DensityToggle.js","sources":["../../../../../../../src/organisms/DataGrid/Toolbar/components/DensityToggle.tsx"],"sourcesContent":[null],"names":["DensityToggle","_a","controlHeight","density","styles","setDensity","densityStyles","_jsx","Box","__assign","sx","background","_b","backgroundColor","borderRadius","_c","px","py","display","alignItems","children","_jsxs","ToggleButtonGroup","size","exclusive","value","onChange","_","v","textTransform","height","fontSize","lineHeight","_d","border","color","ml","fontWeight","_e","selectedTextColor","_f","selectedBackgroundColor","boxShadow","ToggleButton"],"mappings":"8bAqBO,IAAMA,EAA2B,SAACC,iBAAEC,EAAaD,EAAAC,cAAEC,EAAOF,EAAAE,QAAEC,EAAMH,EAAAG,OAAEC,EAAUJ,EAAAI,WAC3EC,EAAgBF,GAAU,GAEhC,OACIG,EAACC,EAAGC,EAAA,CACAC,GAAI,CACAC,mBAAYC,EAAAN,EAAcO,+BAAmB,UAC7CC,qBAAcC,EAAAT,EAAcQ,4BAAgB,EAC5CE,GAAI,EACJC,GAAI,GACJC,QAAS,cACTC,WAAY,WACf,CAAAC,SAEDC,EAACC,EAAiBb,EAAA,CACdc,KAAK,QACLC,WAAS,EACTC,MAAOtB,EACPuB,SAAU,SAACC,EAAGC,GACNA,GAAGvB,EAAWuB,EACtB,EACW,aAAA,gBACXlB,GAAI,CACA,0BAA2B,CACvBmB,cAAe,OACfC,OAAQ5B,EACRc,GAAI,EACJC,GAAI,EACJc,SAAU,GACVC,WAAY,IACZlB,aAAc,UAA6B,QAA1BmB,EAAA3B,EAAcQ,oBAAY,IAAAmB,EAAAA,EAAI,GAAM,MACrDC,OAAQ,OACRC,MAAO,UACPxB,WAAY,eAEhB,kDAAmD,CAAEyB,GAAI,GACzD,uCAAwC,CACpCC,WAAY,IACZF,cAAOG,EAAAhC,EAAciC,iCAAqB,UAC1C5B,mBAAY6B,EAAAlC,EAAcmC,uCAA2B,UACrDP,OAAQ,oBACRQ,UAAW,4DAInB,CAAAtB,SAAA,CAAAb,EAACoC,EAAalC,EAAA,CAAAgB,MAAM,UAAS,aAAY,WAAS,CAAAL,SAAA,aAGlDb,EAACoC,EAAalC,EAAA,CAAAgB,MAAM,cAAa,aAAY,eAE9B,CAAAL,SAAA,uBAI/B"}

package/dist/esm/organisms/DataGrid/Toolbar/components/ExportCsvButton.d.ts

@@ -0,0 +1,18 @@
+import type { FC } from 'react';
+export type ExportButtonStyles = {
+    borderRadius?: number;
+    backgroundColor?: string;
+    borderColor?: string;
+    iconColor?: string;
+};
+type Props = {
+    controlHeight: number;
+    styles?: ExportButtonStyles;
+    apiRef: {
+        current?: {
+            exportDataAsCsv?: () => void;
+        };
+    };
+};
+export declare const ExportCsvButton: FC<Props>;
+export {};

package/dist/esm/organisms/DataGrid/Toolbar/components/ExportCsvButton.js

@@ -0,0 +1,2 @@
+import{__assign as o}from"../../../../node_modules/tslib/tslib.es6.js";import{jsx as r}from"../../../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js";import{IconRenderer as e}from"../../../../molecules/Icon/IconRenderer.js";import l from"../../../../node_modules/@mui/material/esm/IconButton/IconButton.js";var n=function(n){var i,t,d,a,s,u,c=n.controlHeight,m=n.styles,b=n.apiRef,p=e,x=m||{};return r(l,o({"aria-label":"export-csv",size:"small",onClick:function(){var o,r;return null===(r=null===(o=b.current)||void 0===o?void 0:o.exportDataAsCsv)||void 0===r?void 0:r.call(o)},sx:{display:"flex",alignItems:"center",justifyContent:"center",lineHeight:0,p:0,width:c,height:c,borderRadius:null!==(i=x.borderRadius)&&void 0!==i?i:2,background:null!==(t=x.backgroundColor)&&void 0!==t?t:"#FFFFFF",border:"1px solid ".concat(null!==(d=x.borderColor)&&void 0!==d?d:"#E2E4EA"),boxShadow:"0 2px 6px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04)",color:null!==(a=x.iconColor)&&void 0!==a?a:"#6C4CF5","& svg":{display:"block"},"&:hover":{background:null!==(s=x.backgroundColor)&&void 0!==s?s:"#FFFFFF",borderColor:null!==(u=x.borderColor)&&void 0!==u?u:"#D7DAE2",boxShadow:"0 3px 8px rgba(0,0,0,0.08), 0 2px 4px rgba(0,0,0,0.05)"}}},{children:r(p,{iconName:"download",size:20})}))};export{n as ExportCsvButton};
+//# sourceMappingURL=ExportCsvButton.js.map

package/dist/esm/organisms/DataGrid/Toolbar/components/ExportCsvButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportCsvButton.js","sources":["../../../../../../../src/organisms/DataGrid/Toolbar/components/ExportCsvButton.tsx"],"sourcesContent":[null],"names":["ExportCsvButton","_a","controlHeight","styles","apiRef","Icon","IconRenderer","exportBtnStyles","_jsx","IconButton","__assign","size","onClick","_b","current","exportDataAsCsv","call","sx","display","alignItems","justifyContent","lineHeight","p","width","height","borderRadius","background","_c","backgroundColor","border","_d","borderColor","boxShadow","color","_e","iconColor","_f","_g","children","iconName"],"mappings":"oVAiBO,IAAMA,EAA6B,SAACC,mBAAEC,kBAAeC,EAAMF,EAAAE,OAAEC,EAAMH,EAAAG,OAChEC,EAAOC,EACPC,EAAkBJ,GAAU,GAElC,OACIK,EAACC,EACcC,EAAA,CAAA,aAAA,aACXC,KAAK,QACLC,QAAS,WAAA,IAAAX,EAAAY,EAAM,OAA+B,QAA/BA,EAAc,QAAdZ,EAAAG,EAAOU,eAAO,IAAAb,OAAA,EAAAA,EAAEc,uBAAe,IAAAF,OAAA,EAAAA,EAAAG,KAAAf,EAAI,EAClDgB,GAAI,CACAC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,WAAY,EACZC,EAAG,EACHC,MAAOrB,EACPsB,OAAQtB,EACRuB,qBAAcZ,EAAAN,EAAgBkB,4BAAgB,EAC9CC,mBAAYC,EAAApB,EAAgBqB,+BAAmB,UAC/CC,OAAQ,oBAAwC,QAA3BC,EAAAvB,EAAgBwB,mBAAW,IAAAD,EAAAA,EAAI,WACpDE,UAAW,yDACXC,cAAOC,EAAA3B,EAAgB4B,yBAAa,UACpC,QAAS,CAAEjB,QAAS,SACpB,UAAW,CACPQ,mBAAYU,EAAA7B,EAAgBqB,+BAAmB,UAC/CG,oBAAaM,EAAA9B,EAAgBwB,2BAAe,UAC5CC,UAAW,4DAElB,CAAAM,SAED9B,EAACH,EAAK,CAAAkC,SAAS,WAAW5B,KAAM,OAG5C"}

package/dist/esm/organisms/DataGrid/Toolbar/components/QuickFilters.d.ts

@@ -0,0 +1,25 @@
+import type { FC } from 'react';
+export type Density = 'compact' | 'comfortable';
+export type QuickFilterConfig = {
+    label: string;
+    columnField: string;
+    value: string;
+    color?: string;
+};
+export type QuickFiltersStyles = {
+    chipGap?: number;
+    chipBackgroundColor?: string;
+    selectedChipColor?: string;
+    chipTextColor?: string;
+    chipBorderColor?: string;
+    chipBorderRadius?: number;
+};
+type Props = {
+    controlHeight: number;
+    quickFiltersCfg: QuickFilterConfig[];
+    quickFilters: Record<string, string | string[]>;
+    styles?: QuickFiltersStyles;
+    setQuickFilter: (field: string, value: string) => void;
+};
+export declare const QuickFilters: FC<Props>;
+export {};

package/dist/esm/organisms/DataGrid/Toolbar/components/QuickFilters.js

@@ -0,0 +1,2 @@
+import{__assign as o}from"../../../../node_modules/tslib/tslib.es6.js";import{jsx as r}from"../../../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js";import e from"../../../../node_modules/@mui/material/esm/Box/Box.js";var l=function(l){var n,i=l.controlHeight,t=l.quickFiltersCfg,a=l.quickFilters,s=l.styles,u=l.setQuickFilter,d=s||{};return t.length?r(e,o({sx:{minWidth:0,overflowX:"auto",pr:1,flexShrink:0}},{children:r(e,o({sx:{display:"inline-flex",alignItems:"center",gap:"".concat(null!==(n=d.chipGap)&&void 0!==n?n:8,"px"),px:"6px",py:"4px",borderRadius:"8px",background:"#FAFAFF",whiteSpace:"nowrap"}},{children:t.map(function(e){var l,n,t,s,c,p=a[e.columnField],m=Array.isArray(p)?p.includes(e.value):p===e.value,x=""===e.value,h=x&&(void 0===p||Array.isArray(p)&&0===p.length),F=e.color||d.chipBackgroundColor,b=d.selectedChipColor||F;return r("button",o({"aria-label":e.label,"aria-pressed":x?h:m,onClick:function(){return u(e.columnField,e.value)},style:{height:i,padding:x?"0 14px":"0 12px",border:x||m||h?"1px solid ".concat(null!==(n=null!==(l=d.chipBorderColor)&&void 0!==l?l:F)&&void 0!==n?n:"#E5E7EB"):"none",borderRadius:x?null!==(t=d.chipBorderRadius)&&void 0!==t?t:10:m?null!==(s=d.chipBorderRadius)&&void 0!==s?s:10:0,background:x||m||h?m||h?null!=b?b:"#FFFFFF":null!=F?F:"#FFFFFF":"transparent",boxShadow:x&&h||!x&&m?"0 1px 2px rgba(0,0,0,0.06)":void 0,color:m?"#111827":null!==(c=d.chipTextColor)&&void 0!==c?c:"#6B7280",fontWeight:m||x&&h?700:500,fontSize:13,cursor:"pointer",transition:"transform 80ms ease, box-shadow 120ms ease"},onMouseDown:function(o){var r=o.currentTarget;r.style.transform="translateY(1px)",r.style.boxShadow=x?"0 0 0 rgba(0,0,0,0.0)":r.style.boxShadow||""},onMouseUp:function(o){o.currentTarget.style.transform="translateY(0)"}},{children:e.label}),e.label)})}))})):null};export{l as QuickFilters};
+//# sourceMappingURL=QuickFilters.js.map

package/dist/esm/organisms/DataGrid/Toolbar/components/QuickFilters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuickFilters.js","sources":["../../../../../../../src/organisms/DataGrid/Toolbar/components/QuickFilters.tsx"],"sourcesContent":[null],"names":["QuickFilters","_a","controlHeight","quickFiltersCfg","quickFilters","styles","setQuickFilter","quickFiltersStyles","length","_jsx","Box","__assign","sx","minWidth","overflowX","pr","flexShrink","children","display","alignItems","gap","_b","chipGap","px","py","borderRadius","background","whiteSpace","map","q","current","columnField","active","Array","isArray","includes","value","isAll","allActive","undefined","baseColor","color","chipBackgroundColor","selectedColor","selectedChipColor","label","onClick","style","height","padding","border","concat","chipBorderColor","_c","chipBorderRadius","_d","boxShadow","_e","chipTextColor","fontWeight","fontSize","cursor","transition","onMouseDown","e","target","currentTarget","transform","onMouseUp"],"mappings":"4PA6BO,IAAMA,EAA0B,SAACC,SAAEC,EAAaD,EAAAC,cAAEC,EAAeF,EAAAE,gBAAEC,EAAYH,EAAAG,aAAEC,EAAMJ,EAAAI,OAAEC,EAAcL,EAAAK,eACpGC,EAAqBF,GAAU,GAErC,OAAKF,EAAgBK,OAGjBC,EAACC,EAAGC,EAAA,CAACC,GAAI,CAAEC,SAAU,EAAGC,UAAW,OAAQC,GAAI,EAAGC,WAAY,IAAG,CAAAC,SAC7DR,EAACC,EACGC,EAAA,CAAAC,GAAI,CACAM,QAAS,cACTC,WAAY,SACZC,IAAK,UAA6B,QAA1BC,EAAAd,EAAmBe,eAAO,IAAAD,EAAAA,EAAI,EAAK,MAC3CE,GAAI,MACJC,GAAI,MACJC,aAAc,MACdC,WAAY,UACZC,WAAY,WACf,CAAAV,SAEAd,EAAgByB,IAAI,SAACC,iBACZC,EAAU1B,EAAayB,EAAEE,aACzBC,EAASC,MAAMC,QAAQJ,GAAWA,EAAQK,SAASN,EAAEO,OAASN,IAAYD,EAAEO,MAC5EC,EAAoB,KAAZR,EAAEO,MACVE,EAAYD,SAAsBE,IAAZT,GAA0BG,MAAMC,QAAQJ,IAA+B,IAAnBA,EAAQtB,QAClFgC,EAAYX,EAAEY,OAASlC,EAAmBmC,oBAC1CC,EAAgBpC,EAAmBqC,mBAAqBJ,EAE9D,OACI/B,EAAA,SAAAE,EAAA,CAAA,aAEgBkB,EAAEgB,MACA,eAAAR,EAAQC,EAAYN,EAClCc,QAAS,WAAM,OAAAxC,EAAeuB,EAAEE,YAAaF,EAAEO,MAAM,EACrDW,MAAO,CACHC,OAAQ9C,EACR+C,QAASZ,EAAQ,SAAW,SAC5Ba,OACIb,GAASL,GAAUM,EACb,aAAaa,OAAmD,QAAnD9B,EAAsC,QAAtCpB,EAAAM,EAAmB6C,uBAAmB,IAAAnD,EAAAA,EAAAuC,SAAa,IAAAnB,EAAAA,EAAA,WAChE,OACVI,aAAcY,UACRgB,EAAA9C,EAAmB+C,gCAAoB,GACvCtB,UACIuB,EAAAhD,EAAmB+C,gCAAoB,GACvC,EACV5B,WACIW,GAASL,GAAUM,EACbN,GAAUM,EACNK,QAAAA,EAAiB,UACjBH,QAAAA,EAAa,UACjB,cACVgB,UACKnB,GAASC,IAAgBD,GAASL,EAC7B,kCACAO,EACVE,MAAOT,EAAS,kBAAYyB,EAAAlD,EAAmBmD,6BAAiB,UAChEC,WAAY3B,GAAWK,GAASC,EAAa,IAAM,IACnDsB,SAAU,GACVC,OAAQ,UACRC,WAAY,8CAEhBC,YAAa,SAACC,GACV,IAAMC,EAASD,EAAEE,cACjBD,EAAOlB,MAAMoB,UAAY,kBACzBF,EAAOlB,MAAMS,UAAYnB,EAAQ,wBAA2B4B,EAAOlB,MAAMS,WAAa,EAC1F,EACAY,UAAW,SAACJ,GACOA,EAAEE,cACVnB,MAAMoB,UAAY,kBAC5B,CAAAlD,SAEAY,EAAEgB,QA1CEhB,EAAEgB,MA6CnB,SAvEwB,IA2ExC"}

package/dist/esm/organisms/DataGrid/Toolbar/components/SearchControl.d.ts

@@ -0,0 +1,19 @@
+import type { FC } from 'react';
+export type SearchControlConfig = {
+    placeholder?: string;
+    autoFocus?: boolean;
+    borderRadius?: number;
+    backgroundColor?: string;
+    borderColor?: string;
+};
+type Props = {
+    controlHeight: number;
+    searchWidth: number;
+    search: string;
+    showSearch: boolean;
+    config?: SearchControlConfig;
+    setSearch: (s: string) => void;
+    setShowSearch: (v: boolean) => void;
+};
+export declare const SearchControl: FC<Props>;
+export {};

package/dist/esm/organisms/DataGrid/Toolbar/components/SearchControl.js

@@ -0,0 +1,2 @@
+import{__assign as o}from"../../../../node_modules/tslib/tslib.es6.js";import{jsx as r}from"../../../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js";import{IconRenderer as e}from"../../../../molecules/Icon/IconRenderer.js";import t from"../../../../node_modules/@mui/material/esm/TextField/TextField.js";import n from"../../../../node_modules/@mui/material/esm/InputAdornment/InputAdornment.js";import i from"../../../../node_modules/@mui/material/esm/Box/Box.js";import a from"../../../../node_modules/@mui/material/esm/IconButton/IconButton.js";var l=function(l){var s,d,u,c,m=l.controlHeight,p=l.searchWidth,h=l.search,x=l.showSearch,b=l.config,g=l.setSearch,F=l.setShowSearch,f=e,C=b||{};return r(i,o({sx:{width:x||Boolean(h)?"".concat(p,"px"):"".concat(m,"px"),transition:"width 250ms ease"}},{children:x||Boolean(h)?r(t,{"aria-label":"grid-search",size:"small",value:h,autoFocus:Boolean(C.autoFocus),onBlur:function(){h||F(!1)},onChange:function(o){return g(o.target.value)},placeholder:C.placeholder||"Search",fullWidth:!0,sx:{"& .MuiInputBase-root":{height:"".concat(m,"px"),borderRadius:C.borderRadius,background:C.backgroundColor},"& .MuiOutlinedInput-notchedOutline":{borderColor:C.borderColor},"& .MuiOutlinedInput-input":{py:0},"& .MuiInputAdornment-root svg":{transform:"translate(1px, 0.5px)"}},InputProps:{startAdornment:r(n,o({position:"start"},{children:r(f,{iconName:"search",size:16})}))}}):r(i,o({sx:{width:m,height:m}},{children:r(a,o({"aria-label":"open-search",size:"small",onClick:function(){return F(!0)},sx:{display:"grid",placeItems:"center",lineHeight:0,p:0,width:"100%",height:"100%",borderRadius:2,background:null!==(s=C.backgroundColor)&&void 0!==s?s:"#FFFFFF",border:"1px solid ".concat(null!==(d=C.borderColor)&&void 0!==d?d:"#E2E4EA"),boxShadow:"0 2px 6px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04)",color:"#6C4CF5","& svg":{display:"block",margin:0,transform:"translate(1px, 0.5px)"},"&:hover":{background:null!==(u=C.backgroundColor)&&void 0!==u?u:"#FFFFFF",borderColor:null!==(c=C.borderColor)&&void 0!==c?c:"#D7DAE2",boxShadow:"0 3px 8px rgba(0,0,0,0.08), 0 2px 4px rgba(0,0,0,0.05)"}}},{children:r(f,{iconName:"search",size:20})}))}))}))};export{l as SearchControl};
+//# sourceMappingURL=SearchControl.js.map

package/dist/esm/organisms/DataGrid/Toolbar/components/SearchControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchControl.js","sources":["../../../../../../../src/organisms/DataGrid/Toolbar/components/SearchControl.tsx"],"sourcesContent":[null],"names":["SearchControl","_a","controlHeight","searchWidth","search","showSearch","config","setSearch","setShowSearch","Icon","IconRenderer","searchControlCfg","_jsx","Box","__assign","sx","width","Boolean","concat","transition","children","TextField","size","value","autoFocus","onBlur","onChange","e","target","placeholder","fullWidth","height","borderRadius","background","backgroundColor","borderColor","py","transform","InputProps","startAdornment","InputAdornment","position","iconName","IconButton","onClick","display","placeItems","lineHeight","p","_b","border","_c","boxShadow","color","margin","_d","_e"],"mappings":"qkBAyBO,IAAMA,EAA2B,SAACC,eAAEC,kBAAeC,gBAAaC,WAAQC,EAAUJ,EAAAI,WAAEC,EAAML,EAAAK,OAAEC,EAASN,EAAAM,UAAEC,EAAaP,EAAAO,cACjHC,EAAOC,EACPC,EAAmBL,GAAU,GAEnC,OACIM,EAACC,EAAGC,EAAA,CACAC,GAAI,CACAC,MAAOX,GAAcY,QAAQb,GAAU,GAAAc,OAAGf,EAAe,MAAG,GAAAe,OAAGhB,EAAiB,MAChFiB,WAAY,qBACf,CAAAC,SAEAf,GAAcY,QAAQb,GACnBQ,EAACS,EAAS,CAAA,aACK,cACXC,KAAK,QACLC,MAAOnB,EACPoB,UAAWP,QAAQN,EAAiBa,WACpCC,OAAQ,WACCrB,GAAQI,GAAc,EAC/B,EACAkB,SAAU,SAACC,GAAM,OAAApB,EAAUoB,EAAEC,OAAOL,MAAM,EAC1CM,YAAalB,EAAiBkB,aAAe,SAC7CC,WAAS,EACTf,GAAI,CACA,uBAAwB,CACpBgB,OAAQ,GAAGb,OAAAhB,EAAiB,MAC5B8B,aAAcrB,EAAiBqB,aAC/BC,WAAYtB,EAAiBuB,iBAEjC,qCAAsC,CAClCC,YAAaxB,EAAiBwB,aAElC,4BAA6B,CAAEC,GAAI,GACnC,gCAAiC,CAAEC,UAAW,0BAElDC,WAAY,CACRC,eACI3B,EAAC4B,KAAeC,SAAS,SACrB,CAAArB,SAAAR,EAACH,EAAK,CAAAiC,SAAS,SAASpB,KAAM,WAM9CV,EAACC,EAAIC,EAAA,CAAAC,GAAI,CAAEC,MAAOd,EAAe6B,OAAQ7B,IAAe,CAAAkB,SACpDR,EAAC+B,kBACc,cACXrB,KAAK,QACLsB,QAAS,WAAM,OAAApC,GAAc,IAC7BO,GAAI,CACA8B,QAAS,OACTC,WAAY,SACZC,WAAY,EACZC,EAAG,EACHhC,MAAO,OACPe,OAAQ,OACRC,aAAc,EACdC,mBAAYgB,EAAAtC,EAAiBuB,+BAAmB,UAChDgB,OAAQ,oBAAyC,QAA5BC,EAAAxC,EAAiBwB,mBAAW,IAAAgB,EAAAA,EAAI,WACrDC,UAAW,yDACXC,MAAO,UACP,QAAS,CACLR,QAAS,QACTS,OAAQ,EACRjB,UAAW,yBAEf,UAAW,CACPJ,mBAAYsB,EAAA5C,EAAiBuB,+BAAmB,UAChDC,oBAAaqB,EAAA7C,EAAiBwB,2BAAe,UAC7CiB,UAAW,4DAElB,CAAAhC,SAEDR,EAACH,EAAI,CAACiC,SAAS,SAASpB,KAAM,aAMtD"}

package/dist/esm/organisms/DataGrid/config/descriptors.d.ts

@@ -1,7 +1,42 @@
 export declare const dataGridConfiguratorDescriptor: {
     readonly component: "DataGridOrganism";
-    readonly version: "1.1.0";
+    readonly version: "1.2.0";
     readonly toolGroups: readonly [{
+        readonly id: "view";
+        readonly tool: "dataGridListConfigurator";
+        readonly titleKey: "config.datagrid.group.view";
+        readonly collapsible: true;
+        readonly initiallyExpanded: true;
+        readonly pathBase: "view";
+        readonly defaultView: "listView";
+        readonly toolConfig: {
+            readonly templates: readonly [{
+                readonly id: "custom";
+                readonly labelKey: "config.datagrid.list.template.custom";
+            }, {
+                readonly id: "visitCard";
+                readonly labelKey: "config.datagrid.list.template.visitCard";
+            }, {
+                readonly id: "visitCardCheck";
+                readonly labelKey: "config.datagrid.list.template.visitCardCheck";
+            }, {
+                readonly id: "fourItems";
+                readonly labelKey: "config.datagrid.list.template.fourItems";
+            }, {
+                readonly id: "compact";
+                readonly labelKey: "config.datagrid.list.template.compact";
+            }, {
+                readonly id: "mediaLeft";
+                readonly labelKey: "config.datagrid.list.template.mediaLeft";
+            }, {
+                readonly id: "titleSubtitleMeta";
+                readonly labelKey: "config.datagrid.list.template.titleSubtitleMeta";
+            }, {
+                readonly id: "twoColumn";
+                readonly labelKey: "config.datagrid.list.template.twoColumn";
+            }];
+        };
+    }, {
         readonly id: "columns";
         readonly tool: "dataGridColumns";
         readonly titleKey: "config.datagrid.group.columns";

package/dist/esm/organisms/DataGrid/config/descriptors.js

@@ -1,2 +1,2 @@
-import{columnsGroup as o}from"./toolDescriptor/columns.js";import{controlsLayoutGroup as r}from"./toolDescriptor/controlsLayout.js";import{densityToggleStylesGroup as t}from"./toolDescriptor/densityToggleStyles.js";import{exportButtonStylesGroup as s}from"./toolDescriptor/exportButtonStyles.js";import{quickFiltersGroup as i}from"./toolDescriptor/quickFilters.js";import{quickFiltersStylesGroup as p}from"./toolDescriptor/quickFiltersStyles.js";import{searchControlGroup as e}from"./toolDescriptor/searchControl.js";import{stylesGroup as l}from"./toolDescriptor/styles.js";import{toolbarGroup as m}from"./toolDescriptor/toolbar.js";import{toolbarStylesGroup as c}from"./toolDescriptor/toolbarStyles.js";import{wrapperStylesGroup as D}from"./toolDescriptor/wrapperStyles.js";var f={component:"DataGridOrganism",version:"1.1.0",toolGroups:[o,i,m,r,D,c,p,e,t,s,l]};export{f as dataGridConfiguratorDescriptor};
+import{columnsGroup as o}from"./toolDescriptor/columns.js";import{controlsLayoutGroup as r}from"./toolDescriptor/controlsLayout.js";import{densityToggleStylesGroup as t}from"./toolDescriptor/densityToggleStyles.js";import{exportButtonStylesGroup as s}from"./toolDescriptor/exportButtonStyles.js";import{quickFiltersGroup as i}from"./toolDescriptor/quickFilters.js";import{quickFiltersStylesGroup as p}from"./toolDescriptor/quickFiltersStyles.js";import{searchControlGroup as e}from"./toolDescriptor/searchControl.js";import{stylesGroup as l}from"./toolDescriptor/styles.js";import{toolbarGroup as m}from"./toolDescriptor/toolbar.js";import{toolbarStylesGroup as c}from"./toolDescriptor/toolbarStyles.js";import{viewGroup as D}from"./toolDescriptor/view.js";import{wrapperStylesGroup as f}from"./toolDescriptor/wrapperStyles.js";var j={component:"DataGridOrganism",version:"1.2.0",toolGroups:[D,o,i,m,r,f,c,p,e,t,s,l]};export{j as dataGridConfiguratorDescriptor};
 //# sourceMappingURL=descriptors.js.map

package/dist/esm/organisms/DataGrid/config/descriptors.js.map

@@ -1 +1 @@
-{"version":3,"file":"descriptors.js","sources":["../../../../../../src/organisms/DataGrid/config/descriptors.ts"],"sourcesContent":[null],"names":["dataGridConfiguratorDescriptor","component","version","toolGroups","columnsGroup","quickFiltersGroup","toolbarGroup","controlsLayoutGroup","wrapperStylesGroup","toolbarStylesGroup","quickFiltersStylesGroup","searchControlGroup","densityToggleStylesGroup","exportButtonStylesGroup","stylesGroup"],"mappings":"uwBAaa,IAAAA,EAAiC,CAC5CC,UAAW,mBACXC,QAAS,QACTC,WAAY,CACVC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC"}
+{"version":3,"file":"descriptors.js","sources":["../../../../../../src/organisms/DataGrid/config/descriptors.ts"],"sourcesContent":[null],"names":["dataGridConfiguratorDescriptor","component","version","toolGroups","viewGroup","columnsGroup","quickFiltersGroup","toolbarGroup","controlsLayoutGroup","wrapperStylesGroup","toolbarStylesGroup","quickFiltersStylesGroup","searchControlGroup","densityToggleStylesGroup","exportButtonStylesGroup","stylesGroup"],"mappings":"4zBAca,IAAAA,EAAiC,CAC5CC,UAAW,mBACXC,QAAS,QACTC,WAAY,CACVC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC"}

package/dist/esm/organisms/DataGrid/config/toolDescriptor/view.d.ts

@@ -0,0 +1,36 @@
+export declare const viewGroup: {
+    readonly id: "view";
+    readonly tool: "dataGridListConfigurator";
+    readonly titleKey: "config.datagrid.group.view";
+    readonly collapsible: true;
+    readonly initiallyExpanded: true;
+    readonly pathBase: "view";
+    readonly defaultView: "listView";
+    readonly toolConfig: {
+        readonly templates: readonly [{
+            readonly id: "custom";
+            readonly labelKey: "config.datagrid.list.template.custom";
+        }, {
+            readonly id: "visitCard";
+            readonly labelKey: "config.datagrid.list.template.visitCard";
+        }, {
+            readonly id: "visitCardCheck";
+            readonly labelKey: "config.datagrid.list.template.visitCardCheck";
+        }, {
+            readonly id: "fourItems";
+            readonly labelKey: "config.datagrid.list.template.fourItems";
+        }, {
+            readonly id: "compact";
+            readonly labelKey: "config.datagrid.list.template.compact";
+        }, {
+            readonly id: "mediaLeft";
+            readonly labelKey: "config.datagrid.list.template.mediaLeft";
+        }, {
+            readonly id: "titleSubtitleMeta";
+            readonly labelKey: "config.datagrid.list.template.titleSubtitleMeta";
+        }, {
+            readonly id: "twoColumn";
+            readonly labelKey: "config.datagrid.list.template.twoColumn";
+        }];
+    };
+};

package/dist/esm/organisms/DataGrid/config/toolDescriptor/view.js

@@ -0,0 +1,2 @@
+var t={id:"view",tool:"dataGridListConfigurator",titleKey:"config.datagrid.group.view",collapsible:!0,initiallyExpanded:!0,pathBase:"view",defaultView:"listView",toolConfig:{templates:[{id:"custom",labelKey:"config.datagrid.list.template.custom"},{id:"visitCard",labelKey:"config.datagrid.list.template.visitCard"},{id:"visitCardCheck",labelKey:"config.datagrid.list.template.visitCardCheck"},{id:"fourItems",labelKey:"config.datagrid.list.template.fourItems"},{id:"compact",labelKey:"config.datagrid.list.template.compact"},{id:"mediaLeft",labelKey:"config.datagrid.list.template.mediaLeft"},{id:"titleSubtitleMeta",labelKey:"config.datagrid.list.template.titleSubtitleMeta"},{id:"twoColumn",labelKey:"config.datagrid.list.template.twoColumn"}]}};export{t as viewGroup};
+//# sourceMappingURL=view.js.map

package/dist/esm/organisms/DataGrid/config/toolDescriptor/view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"view.js","sources":["../../../../../../../src/organisms/DataGrid/config/toolDescriptor/view.ts"],"sourcesContent":[null],"names":["viewGroup","id","tool","titleKey","collapsible","initiallyExpanded","pathBase","defaultView","toolConfig","templates","labelKey"],"mappings":"AAAa,IAAAA,EAAY,CACrBC,GAAI,OACJC,KAAM,2BACNC,SAAU,6BACVC,aAAa,EACbC,mBAAmB,EAEnBC,SAAU,OACVC,YAAa,WACbC,WAAY,CACRC,UAAW,CACP,CAAER,GAAI,SAAUS,SAAU,wCAC1B,CAAET,GAAI,YAAaS,SAAU,2CAC7B,CAAET,GAAI,iBAAkBS,SAAU,gDAClC,CAAET,GAAI,YAAaS,SAAU,2CAC7B,CAAET,GAAI,UAAWS,SAAU,yCAC3B,CAAET,GAAI,YAAaS,SAAU,2CAC7B,CAAET,GAAI,oBAAqBS,SAAU,mDACrC,CAAET,GAAI,YAAaS,SAAU"}

package/dist/esm/organisms/DataGrid/config/types.d.ts

@@ -1,4 +1,4 @@
-import type { DataGridOrganismConfig } from '../types';
+import type { DataGridOrganismConfig } from '../types/types';
 export type FieldType = 'text' | 'number' | 'color' | 'select' | 'switch' | 'checkbox' | 'array';
 export type GridSpan = {
     xs?: number;

package/dist/esm/organisms/DataGrid/hooks/useDataGridOrganism.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { GridColDef, GridFilterModel } from '@mui/x-data-grid-pro';
-import type { DataGridOrganismConfig } from '../types';
+import type { DataGridOrganismConfig } from '../types/types';
 type Params = {
     organism?: {
         id?: string;
@@ -16,6 +16,7 @@ type Params = {
 export declare const useDataGridOrganism: (params: Params) => {
     organismId: string;
     configuration: DataGridOrganismConfig;
+    usingLegacyListConfig: boolean;
     rows: Record<string, unknown>[];
     total: number;
     isLoading: boolean;
@@ -34,12 +35,14 @@ export declare const useDataGridOrganism: (params: Params) => {
     columnsKey: string;
     apiRef: import("react").MutableRefObject<import("@mui/x-data-grid-pro").GridApiPro | null>;
     columns: GridColDef<any, any, any>[];
+    listViewColumn: import("@mui/x-data-grid-pro").GridListViewColDef<any, any, any>;
+    resolvedView: "table" | "list";
     setPage: import("react").Dispatch<import("react").SetStateAction<number>>;
     setPageSize: import("react").Dispatch<import("react").SetStateAction<number>>;
     setSearch: import("react").Dispatch<import("react").SetStateAction<string>>;
     setQuickFilter: (columnField: string, value: string) => void;
     setDensity: import("react").Dispatch<import("react").SetStateAction<"compact" | "comfortable">>;
     setShowSearch: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    refetch: (options?: import("@tanstack/query-core/build/legacy/hydration-BlEK5ylC").al | undefined) => Promise<import("@tanstack/query-core/build/legacy/hydration-BlEK5ylC").aC<import("../types").DataGridPage, Error>>;
+    refetch: (options?: import("@tanstack/query-core/build/legacy/hydration-BlEK5ylC").al | undefined) => Promise<import("@tanstack/query-core/build/legacy/hydration-BlEK5ylC").aC<import("../types/types").DataGridPage, Error>>;
 };
 export {};