@dilicorp/ui 0.0.49 → 0.0.51

package/dist/components/page-list/filters/filter-input.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type FilterInputProps = React.InputHTMLAttributes<HTMLInputElement> & {
+declare type FilterInputProps = (React.InputHTMLAttributes<HTMLInputElement>) & {
     name: string;
     placeholder: string;
     mask?: string | Array<string | RegExp>;

package/dist/components/page-list/filters/filter-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter-input.d.ts","sourceRoot":"","sources":["../../../../src/components/page-list/filters/filter-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,aAAK,gBAAgB,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IACpE,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,GAAC,KAAK,CAAC,MAAM,GAAC,MAAM,CAAC,CAAA;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAqDlD,CAAA"}
+{"version":3,"file":"filter-input.d.ts","sourceRoot":"","sources":["../../../../src/components/page-list/filters/filter-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,aAAK,gBAAgB,GAAG,CACtB,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,GAAG;IAC/C,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,GAAC,KAAK,CAAC,MAAM,GAAC,MAAM,CAAC,CAAA;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAmDlD,CAAA"}

package/dist/components/page-list/filters/filter-input.js

@@ -13,7 +13,7 @@ import React from 'react';
 import classNames from 'classnames';
 import InputMask from 'react-input-mask';
 export const FilterInput = (props) => {
-    const { name, className, id = name, multiple = false, mask, value, placeholder } = props, elements = __rest(props, ["name", "className", "id", "multiple", "mask", "value", "placeholder"]);
+    const { name, className, id = name, mask, value, placeholder } = props, elements = __rest(props, ["name", "className", "id", "mask", "value", "placeholder"]);
     const validOptions = {
         alt: elements.alt,
         autoComplete: elements.autoComplete,
@@ -25,7 +25,7 @@ export const FilterInput = (props) => {
         required: elements.required
     };
     const classes = classNames(className, 'form-control');
-    const attrs = Object.assign(Object.assign({}, validOptions), { className: classes, name: name, id: id, defaultValue: value });
+    const attrs = Object.assign(Object.assign({}, validOptions), { className: classes, name: name, id: id, defaultValue: value, onChange: props.onChange });
     if (mask) {
         return (React.createElement("div", { className: "form-group" },
             Boolean(placeholder) && React.createElement("label", { className: "form-label", htmlFor: name },
@@ -33,10 +33,9 @@ export const FilterInput = (props) => {
                 ":"),
             React.createElement(InputMask, Object.assign({ mask: mask }, attrs))));
     }
-    const Tag = multiple ? 'textarea' : 'input';
     return (React.createElement("div", { className: "form-group" },
         Boolean(placeholder) && React.createElement("label", { className: "form-label", htmlFor: name },
             placeholder,
             ":"),
-        React.createElement(Tag, Object.assign({}, attrs))));
+        React.createElement("input", Object.assign({}, attrs))));
 };

package/dist/components/page-list/filters/filter-select.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { ActionMeta, OnChangeValue } from 'react-select';
 declare type Option = {
     label: string | number;
     value: string | number;
@@ -14,6 +15,7 @@ declare type FilterSelectProps = {
     isClearable?: boolean;
     isSearchable?: boolean;
     isMulti?: boolean;
+    onChange?: (newValue: OnChangeValue<any, any>, actionMeta: ActionMeta<any>) => void;
 };
 export declare const FilterSelect: React.FC<FilterSelectProps>;
 export {};

package/dist/components/page-list/filters/filter-select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter-select.d.ts","sourceRoot":"","sources":["../../../../src/components/page-list/filters/filter-select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,aAAK,MAAM,GAAG;IACZ,KAAK,EAAE,MAAM,GAAC,MAAM,CAAA;IACpB,KAAK,EAAE,MAAM,GAAC,MAAM,CAAA;CACrB,CAAA;AAID,aAAK,iBAAiB,GAAG;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,GAAC,MAAM,GAAC,MAAM,EAAE,CAAA;IAC9B,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;CAClB,CAAA;AA6BD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAmCpD,CAAA"}
+{"version":3,"file":"filter-select.d.ts","sourceRoot":"","sources":["../../../../src/components/page-list/filters/filter-select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAoB,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAErE,aAAK,MAAM,GAAG;IACZ,KAAK,EAAE,MAAM,GAAC,MAAM,CAAA;IACpB,KAAK,EAAE,MAAM,GAAC,MAAM,CAAA;CACrB,CAAA;AAID,aAAK,iBAAiB,GAAG;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,GAAC,MAAM,GAAC,MAAM,EAAE,CAAA;IAC9B,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;AA6BD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAoDpD,CAAA"}

package/dist/components/page-list/filters/filter-select.js

@@ -25,11 +25,25 @@ const getValue = (value, options) => {
     return getValueInOption(options, (value.value).toString());
 };
 export const FilterSelect = (props) => {
-    const { options = [], name, id = name, value = undefined, placeholder, isDisabled = false, isLoading = false, isClearable = false, isSearchable = true, isMulti = false } = props;
+    const { options = [], name, id = name, value = undefined, placeholder, isDisabled = false, isLoading = false, isClearable = false, isSearchable = true, isMulti = false, onChange } = props;
     const newValue = getValue(value, options);
+    const handleChange = React.useCallback((event, action) => {
+        if (onChange) {
+            onChange({
+                target: {
+                    name,
+                    value: event
+                },
+                currentTarget: {
+                    name,
+                    value: JSON.stringify(event)
+                }
+            }, action);
+        }
+    }, []);
     return (React.createElement("div", { className: "form-group" },
         Boolean(placeholder) && React.createElement("label", { className: "form-label", htmlFor: name },
             placeholder,
             ":"),
-        React.createElement(ReactSelect, { placeholder: placeholder, className: "form-builder-select", classNamePrefix: "form-builder", options: options, name: name, id: id, defaultValue: newValue, isDisabled: isDisabled, isLoading: isLoading, isClearable: isClearable, isSearchable: isSearchable, isMulti: isMulti })));
+        React.createElement(ReactSelect, { placeholder: placeholder, className: "form-builder-select", classNamePrefix: "form-builder", options: options, name: name, id: id, defaultValue: newValue, isDisabled: isDisabled, isLoading: isLoading, isClearable: isClearable, isSearchable: isSearchable, isMulti: isMulti, onChange: handleChange })));
 };

package/dist/components/page-list/page-list-filters.d.ts

@@ -1,7 +1,10 @@
 import React from 'react';
-declare type PageListFiltersProps = {
+declare type Props = {
     children: React.ReactNode;
 };
-export declare const PageListFilters: React.FC<PageListFiltersProps>;
+export declare const PageListFilters: {
+    ({ children }: Props): JSX.Element;
+    displayName: string;
+};
 export {};
 //# sourceMappingURL=page-list-filters.d.ts.map

package/dist/components/page-list/page-list-filters.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page-list-filters.d.ts","sourceRoot":"","sources":["../../../src/components/page-list/page-list-filters.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,aAAK,oBAAoB,GAAG;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAM1D,CAAA"}
+{"version":3,"file":"page-list-filters.d.ts","sourceRoot":"","sources":["../../../src/components/page-list/page-list-filters.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,aAAK,KAAK,GAAG;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAED,eAAO,MAAM,eAAe;mBAAkB,KAAK;;CAMlD,CAAA"}

package/dist/components/page-list/page-list-get-filters.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page-list-get-filters.d.ts","sourceRoot":"","sources":["../../../src/components/page-list/page-list-get-filters.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,aAAK,uBAAuB,GAAG;IAC7B,UAAU,EAAE,GAAG,CAAA;IACf,MAAM,EAAE,GAAG,CAAA;IACX,MAAM,CAAC,EAAE;QACP,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,UAAU,CAAC,EAAE,MAAM,CAAA;KACpB,CAAA;IACD,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B,CAAA;AAYD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA2DhE,CAAA"}
+{"version":3,"file":"page-list-get-filters.d.ts","sourceRoot":"","sources":["../../../src/components/page-list/page-list-get-filters.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,aAAK,uBAAuB,GAAG;IAC7B,UAAU,EAAE,GAAG,CAAA;IACf,MAAM,EAAE,GAAG,CAAA;IACX,MAAM,CAAC,EAAE;QACP,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,UAAU,CAAC,EAAE,MAAM,CAAA;KACpB,CAAA;IACD,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B,CAAA;AAYD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAqEhE,CAAA"}

package/dist/components/page-list/page-list-get-filters.js

@@ -24,7 +24,7 @@ export const PageListGetFilters = (props) => {
     const [showFilter, setShowFilter] = React.useState(false);
     return (React.createElement(FilterForm, { search: search },
         React.createElement(Row, null,
-            visible.map((element, index) => (React.createElement(Col, { size: [12, 6, 4, 3], key: index, className: "mb-3" }, setValue(element, search[element.props.name])))),
+            visible.map((element, index) => (React.createElement(Col, { size: [12, 6, 4, 3], key: JSON.stringify({ index, props: element === null || element === void 0 ? void 0 : element.props }), className: "mb-3" }, setValue(element, search[element.props.name])))),
             React.createElement(Col, null,
                 React.createElement("div", { className: "form-group", id: "btns-filter" },
                     React.createElement("label", { className: "form-label", htmlFor: "btns-filter" }, "\u00A0"),
@@ -36,7 +36,7 @@ export const PageListGetFilters = (props) => {
             React.createElement("div", { className: "mb-3 text-right" },
                 React.createElement(Button, { color: "primary", outline: showFilter, onClick: () => setShowFilter(prev => !prev), small: true },
                     React.createElement(Icon, { icon: "faTimes" }))),
-            React.createElement("div", { className: "content-aside-filter" }, hidden.map((element, index) => (React.createElement("div", { key: `visible-child-${index + 100}`, className: hidden.length === (index + 1) ? '' : 'mb-3' }, setValue(element, search[element.props.name]))))),
+            React.createElement("div", { className: "content-aside-filter" }, hidden.map((element, index) => (React.createElement("div", { key: `visible-child-${JSON.stringify({ index: index + numFiltersVisible, props: element === null || element === void 0 ? void 0 : element.props })}`, className: hidden.length === (index + 1) ? '' : 'mb-3' }, setValue(element, search[element.props.name]))))),
             React.createElement("div", { className: `pt-3 text-center ${showFilter ? 'd-block' : 'd-none'}` },
                 React.createElement(ButtonFilter, { submitLabel: filter.submitLabel, className: "me-3" }),
                 React.createElement(ButtonFilterClear, { clearLabel: filter.clearLabel, search: search }))))));

package/dist/components/page-list/page-list.d.ts

@@ -25,7 +25,7 @@ export declare type PageListProps = ChildrenProps & {
         submitLabel?: string;
         clearLabel?: string;
     };
-    meta: {
+    meta?: {
         current_page: number;
         per_page: number;
         total: number;

package/dist/components/page-list/page-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page-list.d.ts","sourceRoot":"","sources":["../../../src/components/page-list/page-list.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAA;AAO1E,aAAK,QAAQ,GAAG;IACd,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,aAAK,YAAY,GAAG;IAClB,IAAI,EAAE,MAAM,GAAG;QACb,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,WAAW,CAAC,EAAE,MAAM,CAAA;KACrB,CAAC;IACF,KAAK,EAAE,aAAa,GAAC,GAAG,CAAA;CACzB,CAAA;AAED,aAAK,aAAa,GAAG;IACnB,QAAQ,EAAE,YAAY,GAAC,YAAY,EAAE,CAAA;CACtC,CAAA;AAED,oBAAY,aAAa,GAAG,aAAa,GAAG;IAC1C,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,YAAY,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAClC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACjC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE;QACP,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,UAAU,CAAC,EAAE,MAAM,CAAA;KACpB,CAAA;IACD,IAAI,EAAE;QACJ,YAAY,EAAE,MAAM,CAAA;QACpB,QAAQ,EAAE,MAAM,CAAA;QAChB,KAAK,EAAE,MAAM,CAAA;QACb,EAAE,EAAE,MAAM,CAAA;QACV,IAAI,EAAE,MAAM,CAAA;KACb,CAAA;IACD,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAoE5C,CAAA"}
+{"version":3,"file":"page-list.d.ts","sourceRoot":"","sources":["../../../src/components/page-list/page-list.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAA;AAO1E,aAAK,QAAQ,GAAG;IACd,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,aAAK,YAAY,GAAG;IAClB,IAAI,EAAE,MAAM,GAAG;QACb,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,WAAW,CAAC,EAAE,MAAM,CAAA;KACrB,CAAC;IACF,KAAK,EAAE,aAAa,GAAC,GAAG,CAAA;CACzB,CAAA;AAED,aAAK,aAAa,GAAG;IACnB,QAAQ,EAAE,YAAY,GAAC,YAAY,EAAE,CAAA;CACtC,CAAA;AAED,oBAAY,aAAa,GAAG,aAAa,GAAG;IAC1C,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,YAAY,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAClC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACjC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE;QACP,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,UAAU,CAAC,EAAE,MAAM,CAAA;KACpB,CAAA;IACD,IAAI,CAAC,EAAE;QACL,YAAY,EAAE,MAAM,CAAA;QACpB,QAAQ,EAAE,MAAM,CAAA;QAChB,KAAK,EAAE,MAAM,CAAA;QACb,EAAE,EAAE,MAAM,CAAA;QACV,IAAI,EAAE,MAAM,CAAA;KACb,CAAA;IACD,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA4E5C,CAAA"}

package/dist/components/page-list/page-list.js

@@ -31,7 +31,8 @@ export const PageList = (props) => {
                 Boolean(addButton) && (React.createElement(Button, { tag: Link, href: addButton === null || addButton === void 0 ? void 0 : addButton.uri },
                     React.createElement(Icon, { icon: "faPlus", className: "me-1" }), addButton === null || addButton === void 0 ? void 0 :
                     addButton.label)))),
-        customizeFilter || React.createElement(PageListGetFilters, { filterList: filterList, search: search, filter: filter, key: Math.random() }),
+        !!customizeFilter && customizeFilter,
+        !customizeFilter && filterList && (React.createElement(PageListGetFilters, { filterList: filterList, search: search, filter: filter, key: JSON.stringify(history) })),
         React.createElement("div", null, restList),
         meta && React.createElement(Paginate, { activePage: meta.current_page, perPage: meta.per_page, totalItems: meta.total, currentCount: totalRecords, translate: metaTranslate })));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dilicorp/ui",
-  "version": "0.0.49",
+  "version": "0.0.51",
   "description": "A simple UI design for Dilicorp",
   "repository": {
     "type": "git",
@@ -63,6 +63,7 @@
     "@fortawesome/free-brands-svg-icons": "^5.15.4",
     "@fortawesome/free-solid-svg-icons": "^5.15.4",
     "@fortawesome/react-fontawesome": "^0.1.16",
+    "flatted": "^3.2.7",
     "formik": "^2.2.9",
     "react-alert": "^7.0.3",
     "react-datepicker": "^4.3.0",