@dilicorp/ui 0.0.77 → 0.0.79
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/atoms/input-datepicker.d.ts +2 -0
- package/dist/atoms/input-datepicker.d.ts.map +1 -1
- package/dist/atoms/input-datepicker.js +2 -2
- package/dist/components/form-builder/form-builder.types.d.ts +2 -0
- package/dist/components/form-builder/form-builder.types.d.ts.map +1 -1
- package/dist/components/page-list/filters/filter-datepicker.d.ts +3 -0
- package/dist/components/page-list/filters/filter-datepicker.d.ts.map +1 -1
- package/dist/components/page-list/filters/filter-datepicker.js +7 -2
- package/dist/components/page-list/filters/filter-select-group.d.ts +1 -1
- package/dist/components/page-list/filters/filter-select-group.d.ts.map +1 -1
- package/dist/components/page-list/filters/filter-select-group.js +29 -2
- package/package.json +1 -1
|
@@ -9,6 +9,8 @@ export declare type InputDatepickerProps = {
|
|
|
9
9
|
onChange?: (name: string, value: string) => void;
|
|
10
10
|
locale?: SupportedLanguages;
|
|
11
11
|
dateFormat?: SupportedDateFormat;
|
|
12
|
+
minDate?: Date | null;
|
|
13
|
+
maxDate?: Date | null;
|
|
12
14
|
};
|
|
13
15
|
export declare const InputDatepicker: (props: InputDatepickerProps) => JSX.Element;
|
|
14
16
|
//# sourceMappingURL=input-datepicker.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-datepicker.d.ts","sourceRoot":"","sources":["../../src/atoms/input-datepicker.tsx"],"names":[],"mappings":";AAQA,oBAAY,kBAAkB,GAAG,OAAO,GAAC,OAAO,GAAC,OAAO,GAAC,OAAO,CAAA;AAChE,oBAAY,mBAAmB,GAAG,YAAY,CAAA;AAO9C,oBAAY,oBAAoB,GAAG;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAChD,MAAM,CAAC,EAAE,kBAAkB,CAAA;IAC3B,UAAU,CAAC,EAAE,mBAAmB,CAAA;
|
|
1
|
+
{"version":3,"file":"input-datepicker.d.ts","sourceRoot":"","sources":["../../src/atoms/input-datepicker.tsx"],"names":[],"mappings":";AAQA,oBAAY,kBAAkB,GAAG,OAAO,GAAC,OAAO,GAAC,OAAO,GAAC,OAAO,CAAA;AAChE,oBAAY,mBAAmB,GAAG,YAAY,CAAA;AAO9C,oBAAY,oBAAoB,GAAG;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAChD,MAAM,CAAC,EAAE,kBAAkB,CAAA;IAC3B,UAAU,CAAC,EAAE,mBAAmB,CAAA;IAChC,OAAO,CAAC,EAAE,IAAI,GAAC,IAAI,CAAA;IACnB,OAAO,CAAC,EAAE,IAAI,GAAC,IAAI,CAAA;CACpB,CAAA;AAGD,eAAO,MAAM,eAAe,UAAW,oBAAoB,gBAkD1D,CAAA"}
|
|
@@ -11,7 +11,7 @@ registerLocale('es-CO', es);
|
|
|
11
11
|
registerLocale('en-US', en);
|
|
12
12
|
// example use https://reactdatepicker.com
|
|
13
13
|
export const InputDatepicker = (props) => {
|
|
14
|
-
const { name, id = name, value, onChange, locale = 'pt-BR', dateFormat = 'dd/MM/yyyy', placeholder = 'DD/MM/YYYY' } = props;
|
|
14
|
+
const { name, id = name, value, onChange, locale = 'pt-BR', dateFormat = 'dd/MM/yyyy', placeholder = 'DD/MM/YYYY', minDate, maxDate } = props;
|
|
15
15
|
const [date, setDate] = React.useState(dateHelper.stringToDate(value));
|
|
16
16
|
const handleDateSelect = (currentDate) => {
|
|
17
17
|
if (onChange) {
|
|
@@ -23,5 +23,5 @@ export const InputDatepicker = (props) => {
|
|
|
23
23
|
return (React.createElement(ReactDatePicker, { name: name, id: id, locale: locale, dateFormat: dateFormat, className: "form-control", selected: date, onChange: handleDateSelect, placeholderText: placeholder, autoComplete: "off",
|
|
24
24
|
// showMonthDropdown
|
|
25
25
|
// useShortMonthInDropdown
|
|
26
|
-
showYearDropdown: true, yearDropdownItemNumber: 5, scrollableYearDropdown: true, tabIndex: 2, customInput: React.createElement(MaskedTextInput, { type: "text", mask: mask }) }));
|
|
26
|
+
minDate: minDate, maxDate: maxDate, showYearDropdown: true, yearDropdownItemNumber: 5, scrollableYearDropdown: true, tabIndex: 2, customInput: React.createElement(MaskedTextInput, { type: "text", mask: mask }) }));
|
|
27
27
|
};
|
|
@@ -54,6 +54,8 @@ interface FormBuilderItemDatePicker extends FormBuilderBasicsItem {
|
|
|
54
54
|
component?: 'datepicker';
|
|
55
55
|
locale?: SupportedLanguages;
|
|
56
56
|
dateFormat?: SupportedDateFormat;
|
|
57
|
+
minDate?: Date | null;
|
|
58
|
+
maxDate?: Date | null;
|
|
57
59
|
}
|
|
58
60
|
interface FormBuilderItemDropZone extends FormBuilderBasicsItem {
|
|
59
61
|
component?: 'dropzone';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-builder.types.d.ts","sourceRoot":"","sources":["../../../src/components/form-builder/form-builder.types.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"form-builder.types.d.ts","sourceRoot":"","sources":["../../../src/components/form-builder/form-builder.types.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,6 +7,9 @@ declare type FilterDatepickerProps = {
|
|
|
7
7
|
placeholder?: string;
|
|
8
8
|
locale?: SupportedLanguages;
|
|
9
9
|
dateFormat?: SupportedDateFormat;
|
|
10
|
+
minDate?: Date | null;
|
|
11
|
+
maxDate?: Date | null;
|
|
12
|
+
onChange?: (name: string, value: string) => void;
|
|
10
13
|
};
|
|
11
14
|
export declare const FilterDatepicker: React.FC<FilterDatepickerProps>;
|
|
12
15
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"filter-datepicker.d.ts","sourceRoot":"","sources":["../../../../src/components/page-list/filters/filter-datepicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAmB,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAA;AAE1G,aAAK,qBAAqB,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,CAAC,EAAE,kBAAkB,CAAA;IAC3B,UAAU,CAAC,EAAE,mBAAmB,CAAA;
|
|
1
|
+
{"version":3,"file":"filter-datepicker.d.ts","sourceRoot":"","sources":["../../../../src/components/page-list/filters/filter-datepicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAmB,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAA;AAE1G,aAAK,qBAAqB,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,CAAC,EAAE,kBAAkB,CAAA;IAC3B,UAAU,CAAC,EAAE,mBAAmB,CAAA;IAChC,OAAO,CAAC,EAAE,IAAI,GAAC,IAAI,CAAA;IACnB,OAAO,CAAC,EAAE,IAAI,GAAC,IAAI,CAAA;IACnB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACjD,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA8B5D,CAAA"}
|
|
@@ -1,10 +1,15 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { InputDatepicker } from '../../../atoms/input-datepicker';
|
|
3
3
|
export const FilterDatepicker = (props) => {
|
|
4
|
-
const { name, id = name, value = '', placeholder } = props;
|
|
4
|
+
const { name, id = name, value = '', placeholder, minDate, maxDate, onChange } = props;
|
|
5
|
+
const handleChange = (name, value) => {
|
|
6
|
+
if (onChange) {
|
|
7
|
+
onChange(name, value);
|
|
8
|
+
}
|
|
9
|
+
};
|
|
5
10
|
return (React.createElement("div", { className: "form-group" },
|
|
6
11
|
Boolean(placeholder) && React.createElement("label", { className: "form-label", htmlFor: name },
|
|
7
12
|
placeholder,
|
|
8
13
|
":"),
|
|
9
|
-
React.createElement(InputDatepicker, Object.assign({}, props, { value: value, id: id }))));
|
|
14
|
+
React.createElement(InputDatepicker, Object.assign({}, props, { value: value, id: id, minDate: minDate, maxDate: maxDate, onChange: handleChange }))));
|
|
10
15
|
};
|
|
@@ -13,7 +13,7 @@ declare type FilterSelectProps = {
|
|
|
13
13
|
placeholder: string;
|
|
14
14
|
groupedOptions?: GroupedOptions[];
|
|
15
15
|
id?: string;
|
|
16
|
-
value?: string |
|
|
16
|
+
value?: string | Options | Options[];
|
|
17
17
|
isDisabled?: boolean;
|
|
18
18
|
isLoading?: boolean;
|
|
19
19
|
isClearable?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"filter-select-group.d.ts","sourceRoot":"","sources":["../../../../src/components/page-list/filters/filter-select-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAoB,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAErE,UAAU,OAAO;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,EAAE,CAAA;CACnB;
|
|
1
|
+
{"version":3,"file":"filter-select-group.d.ts","sourceRoot":"","sources":["../../../../src/components/page-list/filters/filter-select-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAoB,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAErE,UAAU,OAAO;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,EAAE,CAAA;CACnB;AAID,aAAK,iBAAiB,GAAG;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,cAAc,EAAE,CAAA;IACjC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,EAAE,CAAA;IACpC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,UAAU,EAAE,UAAU,CAAC,GAAG,CAAC,KAAK,IAAI,CAAA;CACpF,CAAA;AA+BD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAkDzD,CAAA"}
|
|
@@ -1,7 +1,34 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import ReactSelect from 'react-select';
|
|
3
|
+
const getValueInOption = (groups, value) => {
|
|
4
|
+
const initial = [];
|
|
5
|
+
const options = groups.reduce((total, curr) => (total.concat(curr.options)), initial);
|
|
6
|
+
return options.find(({ value: currValue }) => typeof currValue === 'number'
|
|
7
|
+
? currValue === Number(value)
|
|
8
|
+
: currValue === value);
|
|
9
|
+
};
|
|
10
|
+
const getValue = (value, options) => {
|
|
11
|
+
if (!value)
|
|
12
|
+
return undefined;
|
|
13
|
+
const isArray = typeof value === 'object' && Array.isArray(value);
|
|
14
|
+
const isObject = !isArray && typeof value === 'object';
|
|
15
|
+
if (!isObject && !isObject) {
|
|
16
|
+
return getValueInOption(options, (value).toString());
|
|
17
|
+
}
|
|
18
|
+
if (isArray) {
|
|
19
|
+
const selected = [];
|
|
20
|
+
value.forEach(val => {
|
|
21
|
+
const data = getValueInOption(options, (val.value).toString());
|
|
22
|
+
if (data)
|
|
23
|
+
selected.push(data);
|
|
24
|
+
});
|
|
25
|
+
return selected;
|
|
26
|
+
}
|
|
27
|
+
return getValueInOption(options, (value.value).toString());
|
|
28
|
+
};
|
|
3
29
|
export const FilterSelectGroup = (props) => {
|
|
4
|
-
const { groupedOptions = [], name, id = name, placeholder, isDisabled = false, isLoading = false, isClearable = false, isSearchable = true, onChange } = props;
|
|
30
|
+
const { groupedOptions = [], name, id = name, placeholder, isDisabled = false, isLoading = false, isClearable = false, isSearchable = true, value = undefined, onChange } = props;
|
|
31
|
+
const newValue = getValue(value, groupedOptions);
|
|
5
32
|
const handleChange = React.useCallback((event, action) => {
|
|
6
33
|
if (onChange) {
|
|
7
34
|
onChange({
|
|
@@ -20,5 +47,5 @@ export const FilterSelectGroup = (props) => {
|
|
|
20
47
|
Boolean(placeholder) && React.createElement("label", { className: "form-label", htmlFor: name },
|
|
21
48
|
placeholder,
|
|
22
49
|
":"),
|
|
23
|
-
React.createElement(ReactSelect, { placeholder: placeholder, className: "form-builder-select", classNamePrefix: "form-builder", options: groupedOptions, name: name, id: id, isDisabled: isDisabled, isLoading: isLoading, isClearable: isClearable, isSearchable: isSearchable, onChange: handleChange })));
|
|
50
|
+
React.createElement(ReactSelect, { placeholder: placeholder, className: "form-builder-select", classNamePrefix: "form-builder", options: groupedOptions, name: name, id: id, defaultValue: newValue, isDisabled: isDisabled, isLoading: isLoading, isClearable: isClearable, isSearchable: isSearchable, onChange: handleChange })));
|
|
24
51
|
};
|