@zealicsolutions/web-ui 1.0.133 → 1.0.135

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

@@ -0,0 +1,25 @@
+import type { FC } from 'react';
+import type { QuickFilterConfig } from './components/QuickFilters';
+type Density = 'compact' | 'comfortable';
+type Props = {
+    cfgRoot: any;
+    densityToggle: boolean;
+    quickFiltersCfg: Array<QuickFilterConfig>;
+    showSearchControl: boolean;
+    showExport: boolean;
+    search: string;
+    showSearch: boolean;
+    density: Density;
+    apiRef: {
+        current?: {
+            exportDataAsCsv?: () => void;
+        };
+    };
+    quickFilters: Record<string, string | string[]>;
+    setQuickFilter: (field: string, value: string) => void;
+    setDensity: (d: Density) => void;
+    setSearch: (s: string) => void;
+    setShowSearch: (v: boolean) => void;
+};
+export declare const Toolbar: FC<Props>;
+export {};

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

@@ -0,0 +1,2 @@
+import{__assign as o}from"tslib";import{jsxs as i,jsx as l}from"@emotion/react/jsx-runtime";import r from"@mui/material/Box";import{DensityToggle as n}from"./components/DensityToggle.js";import{ExportCsvButton as t}from"./components/ExportCsvButton.js";import{QuickFilters as e}from"./components/QuickFilters.js";import{SearchControl as d}from"./components/SearchControl.js";var s=function(s){var u,v,a,c,p,m,h,g,f,x,C,b,y,S,k,F,j,w,q,H,R,T,B,D,G,Q,E=s.cfgRoot,I=s.densityToggle,W=s.quickFiltersCfg,z=s.showSearchControl,A=s.showExport,J=s.search,K=s.showSearch,L=s.density,M=s.apiRef,N=s.quickFilters,O=s.setQuickFilter,P=s.setDensity,U=s.setSearch,V=s.setShowSearch,X=null!==(c=null===(a=null===(v=null===(u=null==E?void 0:E.props)||void 0===u?void 0:u.toolbarContainer)||void 0===v?void 0:v.sx)||void 0===a?void 0:a.controlHeight)&&void 0!==c?c:44,Y=null!==(g=null===(h=null===(m=null===(p=null==E?void 0:E.props)||void 0===p?void 0:p.toolbarContainer)||void 0===m?void 0:m.sx)||void 0===h?void 0:h.searchWidth)&&void 0!==g?g:360,Z=null!==(b=null===(C=null===(x=null===(f=null==E?void 0:E.props)||void 0===f?void 0:f.toolbarContainer)||void 0===x?void 0:x.sx)||void 0===C?void 0:C.marginTop)&&void 0!==b?b:1,$=null!==(F=null===(k=null===(S=null===(y=null==E?void 0:E.props)||void 0===y?void 0:y.toolbarContainer)||void 0===S?void 0:S.sx)||void 0===k?void 0:k.columnGap)&&void 0!==F?F:1,_=(null===(w=null===(j=null==E?void 0:E.props)||void 0===j?void 0:j.toolbarContainer)||void 0===w?void 0:w.sx)||{},oo=(null===(H=null===(q=null==E?void 0:E.props)||void 0===q?void 0:q.quickFiltersGroup)||void 0===H?void 0:H.sx)||{},io=(null===(T=null===(R=null==E?void 0:E.props)||void 0===R?void 0:R.exportButton)||void 0===T?void 0:T.sx)||{},lo=(null===(D=null===(B=null==E?void 0:E.props)||void 0===B?void 0:B.densityToggleContainer)||void 0===D?void 0:D.sx)||{},ro=(null===(G=null==E?void 0:E.toolbar)||void 0===G?void 0:G.searchControl)||{};return i(r,o({sx:{display:"grid",gridTemplateColumns:"auto 1fr auto",alignItems:"center",mt:Z,columnGap:$}},{children:[l(e,{controlHeight:X,quickFiltersCfg:W,quickFilters:N,styles:oo,setQuickFilter:O}),l(r,{}),i(r,o({sx:{display:"inline-flex",alignItems:"center",gap:null!==(Q=_.gap)&&void 0!==Q?Q:1.5,flexShrink:0,justifySelf:"end",background:_.backgroundColor,border:_.borderColor?"1px solid ".concat(_.borderColor):void 0,borderRadius:_.borderRadius}},{children:[z&&l(d,{controlHeight:X,searchWidth:Y,search:J,showSearch:K,config:ro,setSearch:U,setShowSearch:V}),I&&l(n,{controlHeight:X,density:L,styles:lo,setDensity:P}),A&&l(t,{controlHeight:X,styles:io,apiRef:M})]}))]}))};export{s as Toolbar};
+//# sourceMappingURL=Toolbar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.js","sources":["../../../../../../src/organisms/DataGrid/Toolbar/Toolbar.tsx"],"sourcesContent":[null],"names":["Toolbar","_a","cfgRoot","densityToggle","quickFiltersCfg","showSearchControl","showExport","search","showSearch","density","apiRef","quickFilters","setQuickFilter","setDensity","setSearch","setShowSearch","CONTROL_HEIGHT","_e","_d","_b","props","toolbarContainer","_c","sx","controlHeight","SEARCH_WIDTH","_j","_h","_f","_g","searchWidth","TOOLBAR_MT","_o","_m","_k","_l","marginTop","TOOLBAR_COLUMN_GAP","_s","_r","_p","_q","columnGap","toolbarStyles","_t","quickFiltersStyles","_v","quickFiltersGroup","exportBtnStyles","_x","exportButton","densityStyles","_z","densityToggleContainer","searchControlCfg","_1","toolbar","searchControl","_jsxs","Box","__assign","display","gridTemplateColumns","alignItems","mt","children","_jsx","QuickFilters","styles","gap","_2","flexShrink","justifySelf","background","backgroundColor","border","borderColor","concat","undefined","borderRadius","SearchControl","config","DensityToggle","ExportCsvButton"],"mappings":"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"}

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

@@ -0,0 +1,16 @@
+import type { FC } from 'react';
+export type Density = 'compact' | 'comfortable';
+export type DensityStyles = {
+    backgroundColor?: string;
+    borderRadius?: number;
+    selectedTextColor?: string;
+    selectedBackgroundColor?: string;
+};
+type Props = {
+    controlHeight: number;
+    density: Density;
+    styles?: DensityStyles;
+    setDensity: (d: Density) => void;
+};
+export declare const DensityToggle: FC<Props>;
+export {};

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

@@ -0,0 +1,2 @@
+import{__assign as o}from"tslib";import{jsx as e,jsxs as r}from"@emotion/react/jsx-runtime";import t from"@mui/material/Box";import l from"@mui/material/ToggleButton";import i from"@mui/material/ToggleButtonGroup";var a=function(a){var n,u,d,m,c,g=a.controlHeight,s=a.density,p=a.styles,b=a.setDensity,x=p||{};return e(t,o({sx:{background:null!==(n=x.backgroundColor)&&void 0!==n?n:"#F7F5FF",borderRadius:null!==(u=x.borderRadius)&&void 0!==u?u:3,px:1,py:.5,display:"inline-flex",alignItems:"center"}},{children:r(i,o({size:"small",exclusive:!0,value:s,onChange:function(o,e){e&&b(e)},"aria-label":"table-density",sx:{"& .MuiToggleButton-root":{textTransform:"none",height:g,px:2,py:0,fontSize:14,lineHeight:1.2,borderRadius:"".concat(null!==(d=x.borderRadius)&&void 0!==d?d:10,"px"),border:"none",color:"#6B7280",background:"transparent"},"& .MuiToggleButton-root + .MuiToggleButton-root":{ml:1},"& .MuiToggleButton-root.Mui-selected":{fontWeight:700,color:null!==(m=x.selectedTextColor)&&void 0!==m?m:"#3F3F46",background:null!==(c=x.selectedBackgroundColor)&&void 0!==c?c:"#FFFFFF",border:"1px solid #E2E4EA",boxShadow:"0 2px 6px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.06)"}}},{children:[e(l,o({value:"compact","aria-label":"Compact"},{children:"Compact"})),e(l,o({value:"comfortable","aria-label":"Comfortable"},{children:"Comfortable"}))]}))}))};export{a as DensityToggle};
+//# sourceMappingURL=DensityToggle.js.map

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":"sNAqBO,IAAMA,EAA2B,SAACC,iBAAEC,EAAaD,EAAAC,cAAEC,EAAOF,EAAAE,QAAEC,EAAMH,EAAAG,OAAEC,EAAUJ,EAAAI,WAC7EC,EAAgBF,GAAU,GAEhC,OACEG,EAACC,EAAGC,EAAA,CACFC,GAAI,CACFC,mBAAYC,EAAAN,EAAcO,+BAAmB,UAC7CC,qBAAcC,EAAAT,EAAcQ,4BAAgB,EAC5CE,GAAI,EACJC,GAAI,GACJC,QAAS,cACTC,WAAY,WACb,CAAAC,SAEDC,EAACC,EAAiBb,EAAA,CAChBc,KAAK,QACLC,WAAS,EACTC,MAAOtB,EACPuB,SAAU,SAACC,EAAGC,GACRA,GAAGvB,EAAWuB,EACpB,EACW,aAAA,gBACXlB,GAAI,CACF,0BAA2B,CACzBmB,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,eAEd,kDAAmD,CAAEyB,GAAI,GACzD,uCAAwC,CACtCC,WAAY,IACZF,cAAOG,EAAAhC,EAAciC,iCAAqB,UAC1C5B,mBAAY6B,EAAAlC,EAAcmC,uCAA2B,UACrDP,OAAQ,oBACRQ,UAAW,4DAIf,CAAAtB,SAAA,CAAAb,EAACoC,EAAalC,EAAA,CAAAgB,MAAM,UAAS,aAAY,WAAS,CAAAL,SAAA,aAGlDb,EAACoC,EAAalC,EAAA,CAAAgB,MAAM,cAAa,aAAY,eAE9B,CAAAL,SAAA,uBAIvB"}

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"tslib";import{jsx as r}from"@emotion/react/jsx-runtime";import l from"@mui/material/IconButton";import{IconRenderer as i}from"molecules/Icon";var e=function(e){var n,t,a,d,c,u,p=e.controlHeight,s=e.styles,b=e.apiRef,v=i,x=s||{};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:p,height:p,borderRadius:null!==(n=x.borderRadius)&&void 0!==n?n:2,background:null!==(t=x.backgroundColor)&&void 0!==t?t:"#FFFFFF",border:"1px solid ".concat(null!==(a=x.borderColor)&&void 0!==a?a:"#E2E4EA"),boxShadow:"0 2px 6px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04)",color:null!==(d=x.iconColor)&&void 0!==d?d:"#6C4CF5","& svg":{display:"block"},"&:hover":{background:null!==(c=x.backgroundColor)&&void 0!==c?c:"#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(v,{iconName:"download",size:20})}))};export{e 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":"wKAiBO,IAAMA,EAA6B,SAACC,mBAAEC,kBAAeC,EAAMF,EAAAE,OAAEC,EAAMH,EAAAG,OAClEC,EAAOC,EACPC,EAAkBJ,GAAU,GAElC,OACEK,EAACC,EACYC,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,CACFC,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,CACTQ,mBAAYU,EAAA7B,EAAgBqB,+BAAmB,UAC/CG,oBAAaM,EAAA9B,EAAgBwB,2BAAe,UAC5CC,UAAW,4DAEd,CAAAM,SAED9B,EAACH,EAAK,CAAAkC,SAAS,WAAW5B,KAAM,OAGtC"}

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 r}from"tslib";import{jsx as o}from"@emotion/react/jsx-runtime";import e from"@mui/material/Box";var l=function(l){var n,i=l.controlHeight,t=l.quickFiltersCfg,a=l.quickFilters,u=l.styles,s=l.setQuickFilter,c=u||{};return t.length?o(e,r({sx:{minWidth:0,overflowX:"auto",pr:1,flexShrink:0}},{children:o(e,r({sx:{display:"inline-flex",alignItems:"center",gap:"".concat(null!==(n=c.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,u,d,p=a[e.columnField],h=Array.isArray(p)?p.includes(e.value):p===e.value,x=""===e.value,F=x&&(void 0===p||Array.isArray(p)&&0===p.length),m=e.color||c.chipBackgroundColor,b=c.selectedChipColor||m;return o("button",r({"aria-label":e.label,"aria-pressed":x?F:h,onClick:function(){return s(e.columnField,e.value)},style:{height:i,padding:x?"0 14px":"0 12px",border:x||h||F?"1px solid ".concat(null!==(n=null!==(l=c.chipBorderColor)&&void 0!==l?l:m)&&void 0!==n?n:"#E5E7EB"):"none",borderRadius:x?null!==(t=c.chipBorderRadius)&&void 0!==t?t:10:h?null!==(u=c.chipBorderRadius)&&void 0!==u?u:10:0,background:x||h||F?h||F?null!=b?b:"#FFFFFF":null!=m?m:"#FFFFFF":"transparent",boxShadow:x&&F||!x&&h?"0 1px 2px rgba(0,0,0,0.06)":void 0,color:h?"#111827":null!==(d=c.chipTextColor)&&void 0!==d?d:"#6B7280",fontWeight:h||x&&F?700:500,fontSize:13,cursor:"pointer",transition:"transform 80ms ease, box-shadow 120ms ease"},onMouseDown:function(r){var o=r.currentTarget;o.style.transform="translateY(1px)",o.style.boxShadow=x?"0 0 0 rgba(0,0,0,0.0)":o.style.boxShadow||""},onMouseUp:function(r){r.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":"mHA6BO,IAAMA,EAA0B,SAACC,SACtCC,EAAaD,EAAAC,cACbC,EAAeF,EAAAE,gBACfC,EAAYH,EAAAG,aACZC,EAAMJ,EAAAI,OACNC,EAAcL,EAAAK,eAERC,EAAqBF,GAAU,GAErC,OAAKF,EAAgBK,OAGnBC,EAACC,EAAGC,EAAA,CAACC,GAAI,CAAEC,SAAU,EAAGC,UAAW,OAAQC,GAAI,EAAGC,WAAY,IAAG,CAAAC,SAC/DR,EAACC,EACCC,EAAA,CAAAC,GAAI,CACFM,QAAS,cACTC,WAAY,SACZC,IAAK,UAA6B,QAA1BC,EAAAd,EAAmBe,eAAO,IAAAD,EAAAA,EAAI,EAAK,MAC3CE,GAAI,MACJC,GAAI,MACJC,aAAc,MACdC,WAAY,UACZC,WAAY,WACb,CAAAV,SAEAd,EAAgByB,IAAI,SAACC,iBACdC,EAAU1B,EAAayB,EAAEE,aACzBC,EAASC,MAAMC,QAAQJ,GAAWA,EAAQK,SAASN,EAAEO,OAASN,IAAYD,EAAEO,MAC5EC,EAAoB,KAAZR,EAAEO,MACVE,EACJD,SAAsBE,IAAZT,GAA0BG,MAAMC,QAAQJ,IAA+B,IAAnBA,EAAQtB,QAClEgC,EAAYX,EAAEY,OAASlC,EAAmBmC,oBAC1CC,EAAgBpC,EAAmBqC,mBAAqBJ,EAE9D,OACE/B,EAAA,SAAAE,EAAA,CAAA,aAEckB,EAAEgB,MACA,eAAAR,EAAQC,EAAYN,EAClCc,QAAS,WAAM,OAAAxC,EAAeuB,EAAEE,YAAaF,EAAEO,MAAM,EACrDW,MAAO,CACLC,OAAQ9C,EACR+C,QAASZ,EAAQ,SAAW,SAC5Ba,OACEb,GAASL,GAAUM,EACf,aAAaa,OAAmD,QAAnD9B,EAAsC,QAAtCpB,EAAAM,EAAmB6C,uBAAmB,IAAAnD,EAAAA,EAAAuC,SAAa,IAAAnB,EAAAA,EAAA,WAChE,OACNI,aAAcY,UACVgB,EAAA9C,EAAmB+C,gCAAoB,GACvCtB,UACAuB,EAAAhD,EAAmB+C,gCAAoB,GACvC,EACJ5B,WACEW,GAASL,GAAUM,EACfN,GAAUM,EACRK,QAAAA,EAAiB,UACjBH,QAAAA,EAAa,UACf,cACNgB,UACGnB,GAASC,IAAgBD,GAASL,EAC/B,kCACAO,EACNE,MAAOT,EAAS,kBAAYyB,EAAAlD,EAAmBmD,6BAAiB,UAChEC,WAAY3B,GAAWK,GAASC,EAAa,IAAM,IACnDsB,SAAU,GACVC,OAAQ,UACRC,WAAY,8CAEdC,YAAa,SAACC,GACZ,IAAMC,EAASD,EAAEE,cACjBD,EAAOlB,MAAMoB,UAAY,kBACzBF,EAAOlB,MAAMS,UAAYnB,EACrB,wBACA4B,EAAOlB,MAAMS,WAAa,EAChC,EACAY,UAAW,SAACJ,GACKA,EAAEE,cACVnB,MAAMoB,UAAY,kBAC1B,CAAAlD,SAEAY,EAAEgB,QA5CEhB,EAAEgB,MA+Cb,SA1E8B,IA8EtC"}

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"tslib";import{jsx as r}from"@emotion/react/jsx-runtime";import e from"@mui/material/Box";import t from"@mui/material/IconButton";import a from"@mui/material/InputAdornment";import i from"@mui/material/TextField";import{IconRenderer as n}from"molecules/Icon";var l=function(l){var c,u,d,s,p=l.controlHeight,h=l.searchWidth,m=l.search,x=l.showSearch,b=l.config,g=l.setSearch,F=l.setShowSearch,f=n,C=b||{};return r(e,o({sx:{width:x||Boolean(m)?"".concat(h,"px"):"".concat(p,"px"),transition:"width 250ms ease"}},{children:x||Boolean(m)?r(i,{"aria-label":"grid-search",size:"small",value:m,autoFocus:Boolean(C.autoFocus),onBlur:function(){m||F(!1)},onChange:function(o){return g(o.target.value)},placeholder:C.placeholder||"Search",fullWidth:!0,sx:{"& .MuiInputBase-root":{height:"".concat(p,"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(a,o({position:"start"},{children:r(f,{iconName:"search",size:16})}))}}):r(e,o({sx:{width:p,height:p}},{children:r(t,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!==(c=C.backgroundColor)&&void 0!==c?c:"#FFFFFF",border:"1px solid ".concat(null!==(u=C.borderColor)&&void 0!==u?u:"#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!==(d=C.backgroundColor)&&void 0!==d?d:"#FFFFFF",borderColor:null!==(s=C.borderColor)&&void 0!==s?s:"#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":"4RAyBO,IAAMA,EAA2B,SAACC,eACvCC,kBACAC,gBACAC,WACAC,EAAUJ,EAAAI,WACVC,EAAML,EAAAK,OACNC,EAASN,EAAAM,UACTC,EAAaP,EAAAO,cAEPC,EAAOC,EACPC,EAAmBL,GAAU,GAEnC,OACEM,EAACC,EAAGC,EAAA,CACFC,GAAI,CACFC,MAAOX,GAAcY,QAAQb,GAAU,GAAAc,OAAGf,EAAe,MAAG,GAAAe,OAAGhB,EAAiB,MAChFiB,WAAY,qBACb,CAAAC,SAEAf,GAAcY,QAAQb,GACrBQ,EAACS,EAAS,CAAA,aACG,cACXC,KAAK,QACLC,MAAOnB,EACPoB,UAAWP,QAAQN,EAAiBa,WACpCC,OAAQ,WACDrB,GAAQI,GAAc,EAC7B,EACAkB,SAAU,SAACC,GAAM,OAAApB,EAAUoB,EAAEC,OAAOL,MAAM,EAC1CM,YAAalB,EAAiBkB,aAAe,SAC7CC,WAAS,EACTf,GAAI,CACF,uBAAwB,CACtBgB,OAAQ,GAAGb,OAAAhB,EAAiB,MAC5B8B,aAAcrB,EAAiBqB,aAC/BC,WAAYtB,EAAiBuB,iBAE/B,qCAAsC,CACpCC,YAAaxB,EAAiBwB,aAEhC,4BAA6B,CAAEC,GAAI,GACnC,gCAAiC,CAAEC,UAAW,0BAEhDC,WAAY,CACVC,eACE3B,EAAC4B,KAAeC,SAAS,SACvB,CAAArB,SAAAR,EAACH,EAAK,CAAAiC,SAAS,SAASpB,KAAM,WAMtCV,EAACC,EAAIC,EAAA,CAAAC,GAAI,CAAEC,MAAOd,EAAe6B,OAAQ7B,IAAe,CAAAkB,SACtDR,EAAC+B,kBACY,cACXrB,KAAK,QACLsB,QAAS,WAAM,OAAApC,GAAc,IAC7BO,GAAI,CACF8B,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,CACPR,QAAS,QACTS,OAAQ,EACRjB,UAAW,yBAEb,UAAW,CACTJ,mBAAYsB,EAAA5C,EAAiBuB,+BAAmB,UAChDC,oBAAaqB,EAAA7C,EAAiBwB,2BAAe,UAC7CiB,UAAW,4DAEd,CAAAhC,SAEDR,EAACH,EAAI,CAACiC,SAAS,SAASpB,KAAM,aAM1C"}

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

@@ -0,0 +1,463 @@
+export declare const dataGridConfiguratorDescriptor: {
+    readonly component: "DataGridOrganism";
+    readonly version: "1.4.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 basePathAliasKey: "meta.pathAliases.dataGridView";
+            readonly templates: readonly [{
+                readonly id: "custom";
+                readonly label: "Custom";
+                readonly labelKey: "config.datagrid.list.template.custom";
+            }, {
+                readonly id: "studyCard";
+                readonly label: "Study card";
+                readonly labelKey: "config.datagrid.list.template.studyCard";
+            }, {
+                readonly id: "subjectCard";
+                readonly label: "Subject card";
+                readonly labelKey: "config.datagrid.list.template.subjectCard";
+            }, {
+                readonly id: "visitCard";
+                readonly label: "Visit card";
+                readonly labelKey: "config.datagrid.list.template.visitCard";
+            }, {
+                readonly id: "visitCardCheck";
+                readonly label: "Visit card (check)";
+                readonly labelKey: "config.datagrid.list.template.visitCardCheck";
+            }, {
+                readonly id: "fourItems";
+                readonly label: "4 items view";
+                readonly labelKey: "config.datagrid.list.template.fourItems";
+            }, {
+                readonly id: "applicationCard";
+                readonly label: "Application card";
+                readonly labelKey: "config.datagrid.list.template.applicationCard";
+            }, {
+                readonly id: "notificationCard";
+                readonly label: "Notification card";
+                readonly labelKey: "config.datagrid.list.template.notificationCard";
+            }, {
+                readonly id: "compact";
+                readonly label: "Compact";
+                readonly labelKey: "config.datagrid.list.template.compact";
+            }, {
+                readonly id: "mediaLeft";
+                readonly label: "Media left";
+                readonly labelKey: "config.datagrid.list.template.mediaLeft";
+            }, {
+                readonly id: "titleSubtitleMeta";
+                readonly label: "Title + subtitle + meta";
+                readonly labelKey: "config.datagrid.list.template.titleSubtitleMeta";
+            }, {
+                readonly id: "twoColumn";
+                readonly label: "Two column";
+                readonly labelKey: "config.datagrid.list.template.twoColumn";
+            }];
+        };
+    }, {
+        readonly id: "columns";
+        readonly tool: "dataGridColumns";
+        readonly titleKey: "config.datagrid.group.columns";
+        readonly collapsible: true;
+        readonly initiallyExpanded: true;
+        readonly pathBase: "dataRetrievalConfig.columns";
+    }, {
+        readonly id: "quickFilters";
+        readonly tool: "dataGridQuickFilters";
+        readonly titleKey: "config.datagrid.group.quickFilters";
+        readonly collapsible: true;
+        readonly initiallyExpanded: false;
+        readonly pathBase: "toolbar.quickFilters";
+        readonly toolConfig: {
+            readonly columnsDependencyPath: "dataRetrievalConfig.columns";
+            readonly fields: readonly [{
+                readonly type: "text";
+                readonly captureName: "label";
+                readonly labelKey: "config.datagrid.quickFilters.label";
+            }, {
+                readonly type: "text";
+                readonly captureName: "columnField";
+                readonly labelKey: "config.datagrid.quickFilters.columnField";
+            }, {
+                readonly type: "text";
+                readonly captureName: "value";
+                readonly labelKey: "config.datagrid.quickFilters.value";
+            }, {
+                readonly type: "color";
+                readonly captureName: "color";
+                readonly labelKey: "config.datagrid.quickFilters.color";
+            }];
+        };
+    }, {
+        readonly id: "toolbar";
+        readonly tool: "custom";
+        readonly titleKey: "config.datagrid.group.toolbar";
+        readonly collapsible: true;
+        readonly initiallyExpanded: false;
+        readonly pathBase: "toolbar";
+        readonly fields: readonly [{
+            readonly type: "select";
+            readonly captureName: "densityDefault";
+            readonly labelKey: "config.datagrid.toolbar.densityDefault";
+            readonly defaultValue: "comfortable";
+            readonly options: readonly [{
+                readonly id: "compact";
+                readonly labelKey: "config.datagrid.toolbar.view.compact";
+            }, {
+                readonly id: "comfortable";
+                readonly labelKey: "config.datagrid.toolbar.view.comfortable";
+            }];
+        }, {
+            readonly type: "switch";
+            readonly captureName: "densityToggle";
+            readonly labelKey: "config.datagrid.toolbar.densityToggle";
+            readonly defaultValue: true;
+        }, {
+            readonly type: "switch";
+            readonly captureName: "search";
+            readonly labelKey: "config.datagrid.toolbar.search";
+            readonly defaultValue: true;
+        }, {
+            readonly type: "switch";
+            readonly captureName: "exportCsv";
+            readonly labelKey: "config.datagrid.toolbar.exportCsv";
+            readonly defaultValue: true;
+        }];
+    }, {
+        readonly id: "controlsLayout";
+        readonly tool: "custom";
+        readonly titleKey: "config.datagrid.group.controlsLayout";
+        readonly collapsible: true;
+        readonly initiallyExpanded: false;
+        readonly pathBase: "props.toolbarContainer.sx";
+        readonly fields: readonly [{
+            readonly type: "number";
+            readonly captureName: "controlHeight";
+            readonly labelKey: "config.datagrid.controls.height";
+            readonly defaultValue: 44;
+        }, {
+            readonly type: "number";
+            readonly captureName: "searchWidth";
+            readonly labelKey: "config.datagrid.controls.searchWidth";
+            readonly defaultValue: 360;
+        }, {
+            readonly type: "number";
+            readonly captureName: "columnGap";
+            readonly labelKey: "config.datagrid.controls.columnGap";
+            readonly defaultValue: 1;
+        }, {
+            readonly type: "number";
+            readonly captureName: "marginTop";
+            readonly labelKey: "config.datagrid.controls.marginTop";
+            readonly defaultValue: 1;
+        }];
+    }, {
+        readonly id: "rootWrapperStyles";
+        readonly tool: "custom";
+        readonly titleKey: "config.datagrid.group.rootWrapperStyles";
+        readonly collapsible: true;
+        readonly initiallyExpanded: false;
+        readonly pathBase: "props.rootContainer.sx";
+        readonly fields: readonly [{
+            readonly type: "color";
+            readonly captureName: "backgroundColor";
+            readonly labelKey: "config.datagrid.rootWrapper.background";
+        }, {
+            readonly type: "number";
+            readonly captureName: "paddingX";
+            readonly labelKey: "config.datagrid.rootWrapper.paddingX";
+            readonly defaultValue: 0;
+        }, {
+            readonly type: "number";
+            readonly captureName: "paddingY";
+            readonly labelKey: "config.datagrid.rootWrapper.paddingY";
+            readonly defaultValue: 0;
+        }, {
+            readonly type: "number";
+            readonly captureName: "marginX";
+            readonly labelKey: "config.datagrid.rootWrapper.marginX";
+            readonly defaultValue: 0;
+        }, {
+            readonly type: "number";
+            readonly captureName: "marginY";
+            readonly labelKey: "config.datagrid.rootWrapper.marginY";
+            readonly defaultValue: 0;
+        }];
+    }, {
+        readonly id: "wrapperStyles";
+        readonly tool: "custom";
+        readonly titleKey: "config.datagrid.group.wrapperStyles";
+        readonly collapsible: true;
+        readonly initiallyExpanded: false;
+        readonly pathBase: "props.dataGridWrapper.sx";
+        readonly fields: readonly [{
+            readonly type: "color";
+            readonly captureName: "backgroundColor";
+            readonly labelKey: "config.datagrid.wrapper.background";
+        }, {
+            readonly type: "color";
+            readonly captureName: "borderColor";
+            readonly labelKey: "config.datagrid.wrapper.borderColor";
+        }, {
+            readonly type: "number";
+            readonly captureName: "borderRadius";
+            readonly labelKey: "config.datagrid.wrapper.borderRadius";
+            readonly defaultValue: 8;
+        }, {
+            readonly type: "number";
+            readonly captureName: "paddingX";
+            readonly labelKey: "config.datagrid.wrapper.paddingX";
+            readonly defaultValue: 0;
+        }, {
+            readonly type: "number";
+            readonly captureName: "paddingY";
+            readonly labelKey: "config.datagrid.wrapper.paddingY";
+            readonly defaultValue: 0;
+        }, {
+            readonly type: "number";
+            readonly captureName: "elevation";
+            readonly labelKey: "config.datagrid.wrapper.elevation";
+            readonly defaultValue: 0;
+        }, {
+            readonly type: "number";
+            readonly captureName: "marginX";
+            readonly labelKey: "config.datagrid.wrapper.marginX";
+            readonly defaultValue: 0;
+        }, {
+            readonly type: "number";
+            readonly captureName: "marginY";
+            readonly labelKey: "config.datagrid.wrapper.marginY";
+            readonly defaultValue: 0;
+        }, {
+            readonly type: "text";
+            readonly captureName: "boxShadow";
+            readonly labelKey: "config.datagrid.wrapper.boxShadow";
+        }];
+    }, {
+        readonly id: "listItemStyles";
+        readonly tool: "custom";
+        readonly titleKey: "config.datagrid.group.listItemStyles";
+        readonly collapsible: true;
+        readonly initiallyExpanded: false;
+        readonly pathBase: "props.listItem.sx";
+        readonly fields: readonly [{
+            readonly type: "color";
+            readonly captureName: "backgroundColor";
+            readonly labelKey: "config.datagrid.listItem.background";
+        }, {
+            readonly type: "color";
+            readonly captureName: "borderColor";
+            readonly labelKey: "config.datagrid.listItem.borderColor";
+        }, {
+            readonly type: "number";
+            readonly captureName: "borderRadius";
+            readonly labelKey: "config.datagrid.listItem.borderRadius";
+            readonly defaultValue: 12;
+        }, {
+            readonly type: "number";
+            readonly captureName: "paddingX";
+            readonly labelKey: "config.datagrid.listItem.paddingX";
+            readonly defaultValue: 10;
+        }, {
+            readonly type: "number";
+            readonly captureName: "paddingY";
+            readonly labelKey: "config.datagrid.listItem.paddingY";
+            readonly defaultValue: 10;
+        }, {
+            readonly type: "number";
+            readonly captureName: "marginX";
+            readonly labelKey: "config.datagrid.listItem.marginX";
+            readonly defaultValue: 0;
+        }, {
+            readonly type: "number";
+            readonly captureName: "marginY";
+            readonly labelKey: "config.datagrid.listItem.marginY";
+            readonly defaultValue: 0;
+        }, {
+            readonly type: "text";
+            readonly captureName: "boxShadow";
+            readonly labelKey: "config.datagrid.listItem.boxShadow";
+        }];
+    }, {
+        readonly id: "toolbarStyles";
+        readonly tool: "custom";
+        readonly titleKey: "config.datagrid.group.toolbarStyles";
+        readonly collapsible: true;
+        readonly initiallyExpanded: false;
+        readonly pathBase: "props.toolbarContainer.sx";
+        readonly fields: readonly [{
+            readonly type: "color";
+            readonly captureName: "backgroundColor";
+            readonly labelKey: "config.datagrid.toolbarStyles.background";
+        }, {
+            readonly type: "color";
+            readonly captureName: "borderColor";
+            readonly labelKey: "config.datagrid.toolbarStyles.borderColor";
+        }, {
+            readonly type: "number";
+            readonly captureName: "borderRadius";
+            readonly labelKey: "config.datagrid.toolbarStyles.borderRadius";
+            readonly defaultValue: 8;
+        }, {
+            readonly type: "number";
+            readonly captureName: "gap";
+            readonly labelKey: "config.datagrid.toolbarStyles.gap";
+            readonly defaultValue: 1.5;
+        }];
+    }, {
+        readonly id: "quickFiltersStyles";
+        readonly tool: "custom";
+        readonly titleKey: "config.datagrid.group.quickFiltersStyles";
+        readonly collapsible: true;
+        readonly initiallyExpanded: false;
+        readonly pathBase: "props.quickFiltersGroup.sx";
+        readonly fields: readonly [{
+            readonly type: "color";
+            readonly captureName: "chipBackgroundColor";
+            readonly labelKey: "config.datagrid.quickFilters.chipBackground";
+        }, {
+            readonly type: "color";
+            readonly captureName: "chipTextColor";
+            readonly labelKey: "config.datagrid.quickFilters.chipText";
+        }, {
+            readonly type: "color";
+            readonly captureName: "chipBorderColor";
+            readonly labelKey: "config.datagrid.quickFilters.chipBorder";
+        }, {
+            readonly type: "number";
+            readonly captureName: "chipBorderRadius";
+            readonly labelKey: "config.datagrid.quickFilters.chipBorderRadius";
+            readonly defaultValue: 10;
+        }, {
+            readonly type: "number";
+            readonly captureName: "chipGap";
+            readonly labelKey: "config.datagrid.quickFilters.chipGap";
+            readonly defaultValue: 8;
+        }, {
+            readonly type: "color";
+            readonly captureName: "selectedChipColor";
+            readonly labelKey: "config.datagrid.quickFilters.selectedChipColor";
+        }];
+    }, {
+        readonly id: "searchControl";
+        readonly tool: "custom";
+        readonly titleKey: "config.datagrid.group.searchControl";
+        readonly collapsible: true;
+        readonly initiallyExpanded: false;
+        readonly pathBase: "toolbar.searchControl";
+        readonly fields: readonly [{
+            readonly type: "text";
+            readonly captureName: "placeholder";
+            readonly labelKey: "config.datagrid.search.placeholder";
+            readonly defaultValue: "Search";
+        }, {
+            readonly type: "switch";
+            readonly captureName: "autoFocus";
+            readonly labelKey: "config.datagrid.search.autoFocus";
+            readonly defaultValue: false;
+        }, {
+            readonly type: "number";
+            readonly captureName: "borderRadius";
+            readonly labelKey: "config.datagrid.search.borderRadius";
+            readonly defaultValue: 2;
+        }, {
+            readonly type: "color";
+            readonly captureName: "backgroundColor";
+            readonly labelKey: "config.datagrid.search.background";
+        }, {
+            readonly type: "color";
+            readonly captureName: "borderColor";
+            readonly labelKey: "config.datagrid.search.borderColor";
+        }];
+    }, {
+        readonly id: "densityToggleStyles";
+        readonly tool: "custom";
+        readonly titleKey: "config.datagrid.group.densityToggleStyles";
+        readonly collapsible: true;
+        readonly initiallyExpanded: false;
+        readonly pathBase: "props.densityToggleContainer.sx";
+        readonly fields: readonly [{
+            readonly type: "color";
+            readonly captureName: "backgroundColor";
+            readonly labelKey: "config.datagrid.density.background";
+        }, {
+            readonly type: "color";
+            readonly captureName: "selectedBackgroundColor";
+            readonly labelKey: "config.datagrid.density.selectedBackground";
+        }, {
+            readonly type: "color";
+            readonly captureName: "selectedTextColor";
+            readonly labelKey: "config.datagrid.density.selectedTextColor";
+        }, {
+            readonly type: "number";
+            readonly captureName: "borderRadius";
+            readonly labelKey: "config.datagrid.density.borderRadius";
+            readonly defaultValue: 10;
+        }];
+    }, {
+        readonly id: "exportButtonStyles";
+        readonly tool: "custom";
+        readonly titleKey: "config.datagrid.group.exportButtonStyles";
+        readonly collapsible: true;
+        readonly initiallyExpanded: false;
+        readonly pathBase: "props.exportButton.sx";
+        readonly fields: readonly [{
+            readonly type: "color";
+            readonly captureName: "backgroundColor";
+            readonly labelKey: "config.datagrid.export.background";
+        }, {
+            readonly type: "color";
+            readonly captureName: "borderColor";
+            readonly labelKey: "config.datagrid.export.borderColor";
+        }, {
+            readonly type: "color";
+            readonly captureName: "iconColor";
+            readonly labelKey: "config.datagrid.export.iconColor";
+        }, {
+            readonly type: "number";
+            readonly captureName: "borderRadius";
+            readonly labelKey: "config.datagrid.export.borderRadius";
+            readonly defaultValue: 8;
+        }];
+    }, {
+        readonly id: "styles";
+        readonly tool: "custom";
+        readonly titleKey: "config.datagrid.group.styles";
+        readonly collapsible: true;
+        readonly initiallyExpanded: false;
+        readonly pathBase: "props.dataGrid.sx";
+        readonly fields: readonly [{
+            readonly type: "color";
+            readonly captureName: "backgroundColor";
+            readonly labelKey: "config.datagrid.styles.background";
+            readonly defaultValue: "#FFFFFF";
+        }, {
+            readonly type: "color";
+            readonly captureName: "headerBackgroundColor";
+            readonly labelKey: "config.datagrid.styles.headerBackground";
+        }, {
+            readonly type: "number";
+            readonly captureName: "headerFontSize";
+            readonly labelKey: "config.datagrid.styles.headerFontSize";
+        }, {
+            readonly type: "color";
+            readonly captureName: "rowHoverColor";
+            readonly labelKey: "config.datagrid.styles.rowHoverColor";
+        }, {
+            readonly type: "number";
+            readonly captureName: "rowHeight";
+            readonly labelKey: "config.datagrid.styles.rowHeight";
+        }, {
+            readonly type: "number";
+            readonly captureName: "rowGap";
+            readonly labelKey: "config.datagrid.styles.rowGap";
+        }];
+    }];
+};