@dilicorp/ui 0.0.45 → 0.0.46

package/dist/atoms/input-datepicker.d.ts

@@ -4,7 +4,9 @@ export declare type SupportedDateFormat = 'dd/MM/yyyy';
 export declare type InputDatepickerProps = {
     value: string;
     name: string;
-    onChange: (name: string, value: string) => void;
+    id?: string;
+    placeholder?: string;
+    onChange?: (name: string, value: string) => void;
     locale?: SupportedLanguages;
     dateFormat?: SupportedDateFormat;
 };

package/dist/atoms/input-datepicker.d.ts.map

@@ -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,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/C,MAAM,CAAC,EAAE,kBAAkB,CAAA;IAC3B,UAAU,CAAC,EAAE,mBAAmB,CAAA;CACjC,CAAA;AAGD,eAAO,MAAM,eAAe,UAAW,oBAAoB,gBAyC1D,CAAA"}
+{"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;CACjC,CAAA;AAGD,eAAO,MAAM,eAAe,UAAW,oBAAoB,gBA8C1D,CAAA"}

package/dist/atoms/input-datepicker.js

@@ -11,16 +11,16 @@ registerLocale('es-CO', es);
 registerLocale('en-US', en);
 // example use https://reactdatepicker.com
 export const InputDatepicker = (props) => {
-    const { name, value, onChange, locale = 'pt-BR', dateFormat = 'dd/MM/yyyy' } = props;
+    const { name, id = name, value, onChange, locale = 'pt-BR', dateFormat = 'dd/MM/yyyy', placeholder = 'DD/MM/YYYY' } = props;
     const [date, setDate] = React.useState(dateHelper.stringToDate(value));
     const handleDateSelect = (currentDate) => {
         if (onChange) {
             onChange(name, dateHelper.dateToString(currentDate) || '');
-            setDate(currentDate);
         }
+        setDate(currentDate);
     };
     const mask = [/\d/, /\d/, '/', /\d/, /\d/, '/', /\d/, /\d/, /\d/, /\d/];
-    return (React.createElement(ReactDatePicker, { locale: locale, dateFormat: dateFormat, className: "form-control", selected: date, onChange: handleDateSelect, placeholderText: "DD/MM/YYYY", 
+    return (React.createElement(ReactDatePicker, { name: name, id: id, locale: locale, dateFormat: dateFormat, className: "form-control", selected: date, onChange: handleDateSelect, placeholderText: placeholder, autoComplete: "off", 
         // showMonthDropdown
         // useShortMonthInDropdown
         showYearDropdown: true, yearDropdownItemNumber: 5, scrollableYearDropdown: true, tabIndex: 2, customInput: React.createElement(MaskedTextInput, { type: "text", mask: mask }) }));

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

@@ -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;AAGzB,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAA;AAEzF,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;CACjC,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA+B5D,CAAA"}
+{"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;CACjC,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAkB5D,CAAA"}

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

@@ -1,15 +1,10 @@
 import React from 'react';
-import Datepicker from 'react-datepicker';
-import dateHelper from '../../../utils/date-helper';
+import { InputDatepicker } from '../../../atoms/input-datepicker';
 export const FilterDatepicker = (props) => {
-    const { name, id = name, value, placeholder, locale = 'pt-BR', dateFormat = 'dd/MM/yyyy' } = props;
-    const [date, setDate] = React.useState(dateHelper.stringToDate(value));
-    const handleChange = (currentDate) => {
-        setDate(currentDate);
-    };
+    const { name, id = name, value = '', placeholder } = props;
     return (React.createElement("div", { className: "form-group" },
         Boolean(placeholder) && React.createElement("label", { className: "form-label", htmlFor: name },
             placeholder,
             ":"),
-        React.createElement(Datepicker, { name: name, id: id, placeholderText: placeholder, selected: date, locale: locale, className: "form-control", dateFormat: dateFormat, autoComplete: "off", onChange: handleChange })));
+        React.createElement(InputDatepicker, Object.assign({}, props, { value: value, id: id }))));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dilicorp/ui",
-  "version": "0.0.45",
+  "version": "0.0.46",
   "description": "A simple UI design for Dilicorp",
   "repository": {
     "type": "git",