@zealicsolutions/web-ui 1.0.99-beta.60 → 1.0.99-beta.61
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/Input/helpers.d.ts +1 -1
- package/dist/cjs/index.js +5 -5
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/organisms/CalendarDataGridOrganism/config/descriptors.d.ts +20 -0
- package/dist/cjs/organisms/DataGrid/ListView/templates/components/VisitCard.d.ts +14 -1
- package/dist/cjs/organisms/DataGrid/ListView/templates/components/VisitCardCheck.d.ts +14 -1
- package/dist/cjs/organisms/DataGrid/config/descriptors.d.ts +66 -1
- package/dist/cjs/organisms/DataGrid/config/toolDescriptor/listItemStyles.d.ts +46 -0
- package/dist/cjs/organisms/DataGrid/config/toolDescriptor/styles.d.ts +20 -0
- package/dist/esm/components/Input/helpers.d.ts +1 -1
- package/dist/esm/components/Input/helpers.js +1 -1
- package/dist/esm/components/Input/helpers.js.map +1 -1
- package/dist/esm/containers/FormStepContainer.js +1 -1
- package/dist/esm/containers/FormStepContainer.js.map +1 -1
- package/dist/esm/molecules/BaseMolecule.js +1 -1
- package/dist/esm/molecules/BaseMolecule.js.map +1 -1
- package/dist/esm/organisms/CalendarDataGridOrganism/config/descriptors.d.ts +20 -0
- package/dist/esm/organisms/CalendarDataGridOrganism/renderers/ResourceCell.js +1 -1
- package/dist/esm/organisms/CalendarDataGridOrganism/renderers/ResourceCell.js.map +1 -1
- package/dist/esm/organisms/DataGrid/DataGridOrganism.js +1 -1
- package/dist/esm/organisms/DataGrid/DataGridOrganism.js.map +1 -1
- package/dist/esm/organisms/DataGrid/ListView/ListView.js.map +1 -1
- package/dist/esm/organisms/DataGrid/ListView/hooks/useListItemTemplate.js +1 -1
- package/dist/esm/organisms/DataGrid/ListView/hooks/useListItemTemplate.js.map +1 -1
- package/dist/esm/organisms/DataGrid/ListView/templates/components/Custom.js +1 -1
- package/dist/esm/organisms/DataGrid/ListView/templates/components/Custom.js.map +1 -1
- package/dist/esm/organisms/DataGrid/ListView/templates/components/FourItems.js +1 -1
- package/dist/esm/organisms/DataGrid/ListView/templates/components/FourItems.js.map +1 -1
- package/dist/esm/organisms/DataGrid/ListView/templates/components/VisitCard.d.ts +14 -1
- package/dist/esm/organisms/DataGrid/ListView/templates/components/VisitCard.js +1 -1
- package/dist/esm/organisms/DataGrid/ListView/templates/components/VisitCard.js.map +1 -1
- package/dist/esm/organisms/DataGrid/ListView/templates/components/VisitCardCheck.d.ts +14 -1
- package/dist/esm/organisms/DataGrid/ListView/templates/components/VisitCardCheck.js +1 -1
- package/dist/esm/organisms/DataGrid/ListView/templates/components/VisitCardCheck.js.map +1 -1
- package/dist/esm/organisms/DataGrid/ListView/templates/registry.js +1 -1
- package/dist/esm/organisms/DataGrid/ListView/templates/registry.js.map +1 -1
- package/dist/esm/organisms/DataGrid/config/descriptors.d.ts +66 -1
- package/dist/esm/organisms/DataGrid/config/descriptors.js +1 -1
- package/dist/esm/organisms/DataGrid/config/descriptors.js.map +1 -1
- package/dist/esm/organisms/DataGrid/config/toolDescriptor/listItemStyles.d.ts +46 -0
- package/dist/esm/organisms/DataGrid/config/toolDescriptor/listItemStyles.js +2 -0
- package/dist/esm/organisms/DataGrid/config/toolDescriptor/listItemStyles.js.map +1 -0
- package/dist/esm/organisms/DataGrid/config/toolDescriptor/styles.d.ts +20 -0
- package/dist/esm/organisms/DataGrid/config/toolDescriptor/styles.js +1 -1
- package/dist/esm/organisms/DataGrid/config/toolDescriptor/styles.js.map +1 -1
- package/dist/index.d.ts +86 -1
- package/package.json +1 -1
|
@@ -407,6 +407,26 @@ export declare const calendarDataGridConfiguratorDescriptor: {
|
|
|
407
407
|
readonly captureName: "backgroundColor";
|
|
408
408
|
readonly labelKey: "config.datagrid.styles.background";
|
|
409
409
|
readonly defaultValue: "#FFFFFF";
|
|
410
|
+
}, {
|
|
411
|
+
readonly type: "color";
|
|
412
|
+
readonly captureName: "headerBackgroundColor";
|
|
413
|
+
readonly labelKey: "config.datagrid.styles.headerBackground";
|
|
414
|
+
}, {
|
|
415
|
+
readonly type: "number";
|
|
416
|
+
readonly captureName: "headerFontSize";
|
|
417
|
+
readonly labelKey: "config.datagrid.styles.headerFontSize";
|
|
418
|
+
}, {
|
|
419
|
+
readonly type: "color";
|
|
420
|
+
readonly captureName: "rowHoverColor";
|
|
421
|
+
readonly labelKey: "config.datagrid.styles.rowHoverColor";
|
|
422
|
+
}, {
|
|
423
|
+
readonly type: "number";
|
|
424
|
+
readonly captureName: "rowHeight";
|
|
425
|
+
readonly labelKey: "config.datagrid.styles.rowHeight";
|
|
426
|
+
}, {
|
|
427
|
+
readonly type: "number";
|
|
428
|
+
readonly captureName: "rowGap";
|
|
429
|
+
readonly labelKey: "config.datagrid.styles.rowGap";
|
|
410
430
|
}];
|
|
411
431
|
}];
|
|
412
432
|
};
|
|
@@ -4,6 +4,19 @@ type Props = {
|
|
|
4
4
|
columns: Array<{
|
|
5
5
|
field: string;
|
|
6
6
|
}>;
|
|
7
|
+
layout?: {
|
|
8
|
+
item?: {
|
|
9
|
+
padding?: number;
|
|
10
|
+
paddingX?: number;
|
|
11
|
+
paddingY?: number;
|
|
12
|
+
marginX?: number;
|
|
13
|
+
marginY?: number;
|
|
14
|
+
backgroundColor?: string;
|
|
15
|
+
borderColor?: string;
|
|
16
|
+
borderRadius?: number | string;
|
|
17
|
+
boxShadow?: string;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
7
20
|
};
|
|
8
|
-
export declare const VisitCard: ({ params, columns }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
21
|
+
export declare const VisitCard: ({ params, columns, layout }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
9
22
|
export {};
|
|
@@ -4,6 +4,19 @@ type Props = {
|
|
|
4
4
|
columns: Array<{
|
|
5
5
|
field: string;
|
|
6
6
|
}>;
|
|
7
|
+
layout?: {
|
|
8
|
+
item?: {
|
|
9
|
+
padding?: number;
|
|
10
|
+
paddingX?: number;
|
|
11
|
+
paddingY?: number;
|
|
12
|
+
marginX?: number;
|
|
13
|
+
marginY?: number;
|
|
14
|
+
backgroundColor?: string;
|
|
15
|
+
borderColor?: string;
|
|
16
|
+
borderRadius?: number | string;
|
|
17
|
+
boxShadow?: string;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
7
20
|
};
|
|
8
|
-
export declare const VisitCardCheck: ({ params, columns }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
21
|
+
export declare const VisitCardCheck: ({ params, columns, layout }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
9
22
|
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export declare const dataGridConfiguratorDescriptor: {
|
|
2
2
|
readonly component: "DataGridOrganism";
|
|
3
|
-
readonly version: "1.
|
|
3
|
+
readonly version: "1.3.0";
|
|
4
4
|
readonly toolGroups: readonly [{
|
|
5
5
|
readonly id: "view";
|
|
6
6
|
readonly tool: "dataGridListConfigurator";
|
|
@@ -170,6 +170,51 @@ export declare const dataGridConfiguratorDescriptor: {
|
|
|
170
170
|
readonly labelKey: "config.datagrid.wrapper.elevation";
|
|
171
171
|
readonly defaultValue: 0;
|
|
172
172
|
}];
|
|
173
|
+
}, {
|
|
174
|
+
readonly id: "listItemStyles";
|
|
175
|
+
readonly tool: "custom";
|
|
176
|
+
readonly titleKey: "config.datagrid.group.listItemStyles";
|
|
177
|
+
readonly collapsible: true;
|
|
178
|
+
readonly initiallyExpanded: false;
|
|
179
|
+
readonly pathBase: "props.listItem.sx";
|
|
180
|
+
readonly fields: readonly [{
|
|
181
|
+
readonly type: "color";
|
|
182
|
+
readonly captureName: "backgroundColor";
|
|
183
|
+
readonly labelKey: "config.datagrid.listItem.background";
|
|
184
|
+
}, {
|
|
185
|
+
readonly type: "color";
|
|
186
|
+
readonly captureName: "borderColor";
|
|
187
|
+
readonly labelKey: "config.datagrid.listItem.borderColor";
|
|
188
|
+
}, {
|
|
189
|
+
readonly type: "number";
|
|
190
|
+
readonly captureName: "borderRadius";
|
|
191
|
+
readonly labelKey: "config.datagrid.listItem.borderRadius";
|
|
192
|
+
readonly defaultValue: 12;
|
|
193
|
+
}, {
|
|
194
|
+
readonly type: "number";
|
|
195
|
+
readonly captureName: "paddingX";
|
|
196
|
+
readonly labelKey: "config.datagrid.listItem.paddingX";
|
|
197
|
+
readonly defaultValue: 10;
|
|
198
|
+
}, {
|
|
199
|
+
readonly type: "number";
|
|
200
|
+
readonly captureName: "paddingY";
|
|
201
|
+
readonly labelKey: "config.datagrid.listItem.paddingY";
|
|
202
|
+
readonly defaultValue: 10;
|
|
203
|
+
}, {
|
|
204
|
+
readonly type: "number";
|
|
205
|
+
readonly captureName: "marginX";
|
|
206
|
+
readonly labelKey: "config.datagrid.listItem.marginX";
|
|
207
|
+
readonly defaultValue: 0;
|
|
208
|
+
}, {
|
|
209
|
+
readonly type: "number";
|
|
210
|
+
readonly captureName: "marginY";
|
|
211
|
+
readonly labelKey: "config.datagrid.listItem.marginY";
|
|
212
|
+
readonly defaultValue: 0;
|
|
213
|
+
}, {
|
|
214
|
+
readonly type: "text";
|
|
215
|
+
readonly captureName: "boxShadow";
|
|
216
|
+
readonly labelKey: "config.datagrid.listItem.boxShadow";
|
|
217
|
+
}];
|
|
173
218
|
}, {
|
|
174
219
|
readonly id: "toolbarStyles";
|
|
175
220
|
readonly tool: "custom";
|
|
@@ -323,6 +368,26 @@ export declare const dataGridConfiguratorDescriptor: {
|
|
|
323
368
|
readonly captureName: "backgroundColor";
|
|
324
369
|
readonly labelKey: "config.datagrid.styles.background";
|
|
325
370
|
readonly defaultValue: "#FFFFFF";
|
|
371
|
+
}, {
|
|
372
|
+
readonly type: "color";
|
|
373
|
+
readonly captureName: "headerBackgroundColor";
|
|
374
|
+
readonly labelKey: "config.datagrid.styles.headerBackground";
|
|
375
|
+
}, {
|
|
376
|
+
readonly type: "number";
|
|
377
|
+
readonly captureName: "headerFontSize";
|
|
378
|
+
readonly labelKey: "config.datagrid.styles.headerFontSize";
|
|
379
|
+
}, {
|
|
380
|
+
readonly type: "color";
|
|
381
|
+
readonly captureName: "rowHoverColor";
|
|
382
|
+
readonly labelKey: "config.datagrid.styles.rowHoverColor";
|
|
383
|
+
}, {
|
|
384
|
+
readonly type: "number";
|
|
385
|
+
readonly captureName: "rowHeight";
|
|
386
|
+
readonly labelKey: "config.datagrid.styles.rowHeight";
|
|
387
|
+
}, {
|
|
388
|
+
readonly type: "number";
|
|
389
|
+
readonly captureName: "rowGap";
|
|
390
|
+
readonly labelKey: "config.datagrid.styles.rowGap";
|
|
326
391
|
}];
|
|
327
392
|
}];
|
|
328
393
|
};
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
export declare const listItemStylesGroup: {
|
|
2
|
+
readonly id: "listItemStyles";
|
|
3
|
+
readonly tool: "custom";
|
|
4
|
+
readonly titleKey: "config.datagrid.group.listItemStyles";
|
|
5
|
+
readonly collapsible: true;
|
|
6
|
+
readonly initiallyExpanded: false;
|
|
7
|
+
readonly pathBase: "props.listItem.sx";
|
|
8
|
+
readonly fields: readonly [{
|
|
9
|
+
readonly type: "color";
|
|
10
|
+
readonly captureName: "backgroundColor";
|
|
11
|
+
readonly labelKey: "config.datagrid.listItem.background";
|
|
12
|
+
}, {
|
|
13
|
+
readonly type: "color";
|
|
14
|
+
readonly captureName: "borderColor";
|
|
15
|
+
readonly labelKey: "config.datagrid.listItem.borderColor";
|
|
16
|
+
}, {
|
|
17
|
+
readonly type: "number";
|
|
18
|
+
readonly captureName: "borderRadius";
|
|
19
|
+
readonly labelKey: "config.datagrid.listItem.borderRadius";
|
|
20
|
+
readonly defaultValue: 12;
|
|
21
|
+
}, {
|
|
22
|
+
readonly type: "number";
|
|
23
|
+
readonly captureName: "paddingX";
|
|
24
|
+
readonly labelKey: "config.datagrid.listItem.paddingX";
|
|
25
|
+
readonly defaultValue: 10;
|
|
26
|
+
}, {
|
|
27
|
+
readonly type: "number";
|
|
28
|
+
readonly captureName: "paddingY";
|
|
29
|
+
readonly labelKey: "config.datagrid.listItem.paddingY";
|
|
30
|
+
readonly defaultValue: 10;
|
|
31
|
+
}, {
|
|
32
|
+
readonly type: "number";
|
|
33
|
+
readonly captureName: "marginX";
|
|
34
|
+
readonly labelKey: "config.datagrid.listItem.marginX";
|
|
35
|
+
readonly defaultValue: 0;
|
|
36
|
+
}, {
|
|
37
|
+
readonly type: "number";
|
|
38
|
+
readonly captureName: "marginY";
|
|
39
|
+
readonly labelKey: "config.datagrid.listItem.marginY";
|
|
40
|
+
readonly defaultValue: 0;
|
|
41
|
+
}, {
|
|
42
|
+
readonly type: "text";
|
|
43
|
+
readonly captureName: "boxShadow";
|
|
44
|
+
readonly labelKey: "config.datagrid.listItem.boxShadow";
|
|
45
|
+
}];
|
|
46
|
+
};
|
|
@@ -10,5 +10,25 @@ export declare const stylesGroup: {
|
|
|
10
10
|
readonly captureName: "backgroundColor";
|
|
11
11
|
readonly labelKey: "config.datagrid.styles.background";
|
|
12
12
|
readonly defaultValue: "#FFFFFF";
|
|
13
|
+
}, {
|
|
14
|
+
readonly type: "color";
|
|
15
|
+
readonly captureName: "headerBackgroundColor";
|
|
16
|
+
readonly labelKey: "config.datagrid.styles.headerBackground";
|
|
17
|
+
}, {
|
|
18
|
+
readonly type: "number";
|
|
19
|
+
readonly captureName: "headerFontSize";
|
|
20
|
+
readonly labelKey: "config.datagrid.styles.headerFontSize";
|
|
21
|
+
}, {
|
|
22
|
+
readonly type: "color";
|
|
23
|
+
readonly captureName: "rowHoverColor";
|
|
24
|
+
readonly labelKey: "config.datagrid.styles.rowHoverColor";
|
|
25
|
+
}, {
|
|
26
|
+
readonly type: "number";
|
|
27
|
+
readonly captureName: "rowHeight";
|
|
28
|
+
readonly labelKey: "config.datagrid.styles.rowHeight";
|
|
29
|
+
}, {
|
|
30
|
+
readonly type: "number";
|
|
31
|
+
readonly captureName: "rowGap";
|
|
32
|
+
readonly labelKey: "config.datagrid.styles.rowGap";
|
|
13
33
|
}];
|
|
14
34
|
};
|
|
@@ -12,7 +12,7 @@ export declare const getSpecificInputProps: (type: string) => {
|
|
|
12
12
|
type?: HTMLInputTypeAttribute | undefined;
|
|
13
13
|
inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
|
14
14
|
};
|
|
15
|
-
export declare const getMaskInputProps: (type?:
|
|
15
|
+
export declare const getMaskInputProps: (type?: string, config?: MaskConfig) => Pick<MaskedInputProps, 'pipe' | 'mask' | 'placeholder' | 'keepCharPositions'>;
|
|
16
16
|
export declare const getInputIconColor: ({ isEditMode, isFocused, isError, disabled, }: Pick<Partial<{
|
|
17
17
|
value: string;
|
|
18
18
|
leftIcon: import("components").InputIconProps;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{numericalMask as e,integerMask as
|
|
1
|
+
import{numericalMask as e,integerMask as a,postCodeMask as r,phoneNumberMask as t,yearMonthDayDateMask as s,monthDayYearDateMask as o,dayMonthYearDateMask as d,monthYearDateMask as n}from"../../helpers/validations.js";import"../../node_modules/text-mask-addons/dist/textMaskAddons.js";import i from"../../node_modules/text-mask-addons/dist/emailMask.js";import{t as m}from"../../_virtual/textMaskAddons.js";var p=function(e){switch(e){case"text":return{type:"text",inputMode:"text"};case"phone_number":return{type:"tel",inputMode:"tel"};case"password":return{type:"password",inputMode:"text"};default:return{}}},l={minYear:1930,maxYear:2123},c=function(p,c){var u=(c||{}).maskPlaceholder,y=m.exports.createAutoCorrectedDatePipe;switch(p){case"month_year_date":return{keepCharPositions:!0,mask:n,placeholder:u||"09/1970",pipe:y("mm/yyyy",l)};case"day_month_year_date":return{keepCharPositions:!0,mask:d,placeholder:u||"25/09/1970",pipe:y("dd/mm/yyyy",l)};case"month_day_year_date":return{keepCharPositions:!0,mask:o,placeholder:u||"09/25/1970",pipe:y("mm/dd/yyyy",l)};case"year_month_day_date":return{keepCharPositions:!0,mask:s,placeholder:u||"1970/09/25",pipe:y("yyyy/mm/dd",l)};case"phone_number":return{keepCharPositions:!0,mask:t,placeholder:u||"(555) 495-3947"};case"email":return{mask:i,placeholder:u||"example@mail.com"};case"us_zip_code":return{keepCharPositions:!0,mask:r,placeholder:u||"12345"};case"integer":return{mask:a,placeholder:u||"123"};case"numerical":return{mask:e,placeholder:u||"123.45"};default:return{mask:!1}}},u=function(e){var a=e.isEditMode,r=e.isFocused,t=e.isError,s=e.disabled;return a?s?"gray3":t?"red":r?"gray1":"gray3":"gray1"};export{u as getInputIconColor,c as getMaskInputProps,p as getSpecificInputProps};
|
|
2
2
|
//# sourceMappingURL=helpers.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helpers.js","sources":["../../../../../src/components/Input/helpers.ts"],"sourcesContent":[null],"names":["getSpecificInputProps","type","inputMode","dateYearsLimitation","minYear","maxYear","getMaskInputProps","config","maskPlaceholder","keepCharPositions","mask","monthYearDateMask","placeholder","pipe","
|
|
1
|
+
{"version":3,"file":"helpers.js","sources":["../../../../../src/components/Input/helpers.ts"],"sourcesContent":[null],"names":["getSpecificInputProps","type","inputMode","dateYearsLimitation","minYear","maxYear","getMaskInputProps","config","maskPlaceholder","autoPipe","createAutoCorrectedDatePipe","keepCharPositions","mask","monthYearDateMask","placeholder","pipe","dayMonthYearDateMask","monthDayYearDateMask","yearMonthDayDateMask","phoneNumberMask","emailMask","postCodeMask","integerMask","numericalMask","getInputIconColor","_a","isEditMode","isFocused","isError","disabled"],"mappings":"uZAyBO,IAAMA,EAAwB,SACnCC,GAKA,OAAQA,GACN,IAAK,OACH,MAAO,CAAEA,KAAM,OAAQC,UAAW,QACpC,IAAK,eACH,MAAO,CAAED,KAAM,MAAOC,UAAW,OACnC,IAAK,WACH,MAAO,CAAED,KAAM,WAAYC,UAAW,QACxC,QACE,MAAO,GAEb,EAEMC,EAAsB,CAAEC,QAAS,KAAMC,QAAS,MAEzCC,EAAoB,SAC/BL,EACAM,GAEQ,IAAAC,GAAoBD,GAAU,CAAA,mBAEhCE,EAAWC,EAAAA,QAAAA,4BAKjB,OAAQT,GACN,IAAK,kBACH,MAAO,CACLU,mBAAmB,EACnBC,KAAMC,EACNC,YAAaN,GAAmB,UAChCO,KAAMN,EAAS,UAAWN,IAE9B,IAAK,sBACH,MAAO,CACLQ,mBAAmB,EACnBC,KAAMI,EACNF,YAAaN,GAAmB,aAChCO,KAAMN,EAAS,aAAcN,IAEjC,IAAK,sBACH,MAAO,CACLQ,mBAAmB,EACnBC,KAAMK,EACNH,YAAaN,GAAmB,aAChCO,KAAMN,EAAS,aAAcN,IAEjC,IAAK,sBACH,MAAO,CACLQ,mBAAmB,EACnBC,KAAMM,EACNJ,YAAaN,GAAmB,aAChCO,KAAMN,EAAS,aAAcN,IAEjC,IAAK,eACH,MAAO,CACLQ,mBAAmB,EACnBC,KAAMO,EACNL,YAAaN,GAAmB,kBAEpC,IAAK,QACH,MAAO,CACLI,KAAMQ,EACNN,YAAaN,GAAmB,oBAEpC,IAAK,cACH,MAAO,CACLG,mBAAmB,EACnBC,KAAMS,EACNP,YAAaN,GAAmB,SAEpC,IAAK,UACH,MAAO,CACLI,KAAMU,EACNR,YAAaN,GAAmB,OAEpC,IAAK,YACH,MAAO,CACLI,KAAMW,EACNT,YAAaN,GAAmB,UAEpC,QACE,MAAO,CAAEI,MAAM,GAErB,EAEaY,EAAoB,SAACC,OAChCC,EAAUD,EAAAC,WACVC,EAASF,EAAAE,UACTC,EAAOH,EAAAG,QACPC,EAAQJ,EAAAI,SAIR,OAAKH,EACDG,EAAiB,QACjBD,EAAgB,MAChBD,EAAkB,QAEf,QALiB,OAM1B"}
|