@ballistix.digital/react-components 5.3.2-next-22.0 → 5.4.1-next-24.0

package/dist/index.js

@@ -84,7 +84,7 @@ $parcel$export(module.exports, "toDateValue", () => $dbcba7ef8eeead3b$export$df2
 $parcel$export(module.exports, "toTimeValue", () => $dbcba7ef8eeead3b$export$8a6f307d1b8b1960);
 $parcel$export(module.exports, "toUTCDate", () => $dbcba7ef8eeead3b$export$8de20099c30464f2);
 $parcel$export(module.exports, "DateMenuForm", () => $754fdbc7ee597008$export$2e2bcd8739ae039);
-$parcel$export(module.exports, "DateRangeMenuForm", () => $6590abe4bc5376d5$export$2e2bcd8739ae039);
+$parcel$export(module.exports, "DateRangeMenuForm", () => $7d3977a96c400c32$export$2e2bcd8739ae039);
 $parcel$export(module.exports, "__DEPRECATED__CheckboxInputGroupForm", () => $03635ab4c6dbf412$export$2e2bcd8739ae039);
 $parcel$export(module.exports, "CheckboxInput", () => $831573d0f77f2d6b$export$2e2bcd8739ae039);
 $parcel$export(module.exports, "SwitchForm", () => $341e1fbf5ffaef7b$export$2e2bcd8739ae039);
@@ -5199,15 +5199,9 @@ var $dbcba7ef8eeead3b$export$8649d02bd537ff66 = function(dates) {
 
 
 
-
-
-
-
-
-
-
-
-var $0547d97d2fb75839$var$base = {
+/*
+https://github.com/onesine/react-tailwindcss-datepicker
+*/ var $0255f3e4133715cf$var$base = {
     container: '',
     head: 'flex justify-between',
     body: 'relative rounded-md',
@@ -5220,11 +5214,11 @@ var $0547d97d2fb75839$var$base = {
     description: 'text-gray-400 text-xs mt-1',
     error: 'text-red-500 text-xs ml-5 mt-1'
 };
-var $0547d97d2fb75839$var$leading = {
+var $0255f3e4133715cf$var$leading = {
     input: 'pl-10'
 };
-var $0547d97d2fb75839$var$trailing = {};
-var $0547d97d2fb75839$var$normal = {
+var $0255f3e4133715cf$var$trailing = {};
+var $0255f3e4133715cf$var$normal = {
     label: 'leading-6 text-sm mb-2',
     hint: 'leading-6',
     leading: 'pl-3',
@@ -5232,14 +5226,14 @@ var $0547d97d2fb75839$var$normal = {
     trailing: 'pr-3',
     description: 'mt-2 text-sm'
 };
-var $0547d97d2fb75839$var$inset = {
+var $0255f3e4133715cf$var$inset = {
     container: 'rounded-md px-3 pt-2.5 pb-1.5 shadow-sm ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-primary-600',
     label: 'text-xs',
     hint: 'text-xs',
     input: 'border-0 !ring-0 p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
     description: 'hidden'
 };
-var $0547d97d2fb75839$var$overlapping = {
+var $0255f3e4133715cf$var$overlapping = {
     container: 'relative',
     head: ' absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full',
     label: 'inline-block bg-white px-1 text-xs font-medium text-gray-900 ',
@@ -5247,44 +5241,53 @@ var $0547d97d2fb75839$var$overlapping = {
     input: 'block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 sm:text-sm sm:leading-6',
     description: 'hidden'
 };
-var $0547d97d2fb75839$var$pill = {
+var $0255f3e4133715cf$var$pill = {
     head: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6',
     foot: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mt-1 pr-6',
     input: 'block w-full rounded-full border-0 px-4 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 sm:text-sm sm:leading-6',
     trailing: 'pr-2',
     description: 'text-xs'
 };
-var $0547d97d2fb75839$var$floored = {
+var $0255f3e4133715cf$var$floored = {
     body: 'relative mt-2',
     label: 'block text-sm font-medium leading-6 text-gray-900',
     input: 'peer block w-full border-0 bg-gray-50 py-1.5 text-gray-900 focus:ring-0 sm:text-sm sm:leading-6 ring-0',
     description: 'text-xs mt-2'
 };
-var $0547d97d2fb75839$var$invalid = {
+var $0255f3e4133715cf$var$invalid = {
     container: '!ring-red-500',
     input: // 'block w-full border border-transparent text-red-900 ring-1 ring-inset ring-red-300 placeholder:text-red-300 focus:ring-2 focus:ring-inset focus:ring-red-500 sm:leading-6 pr-10',
     'block w-full border border-transparent text-red-900 ring-1  ring-inset ring-red-300 placeholder:text-red-300 focus:ring-2 focus:ring-inset focus:ring-red-500 pr-10',
     description: 'text-sm text-red-600'
 };
-var $0547d97d2fb75839$var$disabled = {
+var $0255f3e4133715cf$var$disabled = {
     input: 'block w-full rounded-md border-0 text-gray-900 shadow-sm ring-1 ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500 disabled:ring-gray-200'
 };
-var $0547d97d2fb75839$var$styles = {
-    base: $0547d97d2fb75839$var$base,
-    leading: $0547d97d2fb75839$var$leading,
-    trailing: $0547d97d2fb75839$var$trailing,
-    normal: $0547d97d2fb75839$var$normal,
-    inset: $0547d97d2fb75839$var$inset,
-    overlapping: $0547d97d2fb75839$var$overlapping,
-    pill: $0547d97d2fb75839$var$pill,
-    floored: $0547d97d2fb75839$var$floored,
-    invalid: $0547d97d2fb75839$var$invalid,
-    disabled: $0547d97d2fb75839$var$disabled
+var $0255f3e4133715cf$var$styles = {
+    base: $0255f3e4133715cf$var$base,
+    leading: $0255f3e4133715cf$var$leading,
+    trailing: $0255f3e4133715cf$var$trailing,
+    normal: $0255f3e4133715cf$var$normal,
+    inset: $0255f3e4133715cf$var$inset,
+    overlapping: $0255f3e4133715cf$var$overlapping,
+    pill: $0255f3e4133715cf$var$pill,
+    floored: $0255f3e4133715cf$var$floored,
+    invalid: $0255f3e4133715cf$var$invalid,
+    disabled: $0255f3e4133715cf$var$disabled
 };
-var $0547d97d2fb75839$export$2e2bcd8739ae039 = $0547d97d2fb75839$var$styles;
+var $0255f3e4133715cf$export$2e2bcd8739ae039 = $0255f3e4133715cf$var$styles;
+
+
 
 
-var $6590abe4bc5376d5$var$DateRangeMenu = function(props) {
+
+
+
+
+
+
+
+var $7d3977a96c400c32$var$DateRangeMenu = function(props) {
     var _a;
     var _b = props.name, name = _b === void 0 ? 'date-menu-form' : _b, _c = props.size, size = _c === void 0 ? 'compact' : _c, label = props.label, _d = props.i18n, i18n = _d === void 0 ? 'en' : _d, description = props.description, placeholder = props.placeholder, separator = props.separator, startFrom = props.startFrom, _e = props.displayFormat, displayFormat = _e === void 0 ? 'DD.MM.YYYY' : _e, _f = props.direction, direction = _f === void 0 ? 'down' : _f, minDate = props.minDate, maxDate = props.maxDate, _g = props.startWeekOn, startWeekOn = _g === void 0 ? 'mon' : _g, _h = props.icon, icon = _h === void 0 ? function(isEmpty) {
         return isEmpty ? (0, $iA2ta$reactjsxruntime.jsx)((0, $2125901b4a9afff9$export$2e2bcd8739ae039), {
@@ -5293,7 +5296,7 @@ var $6590abe4bc5376d5$var$DateRangeMenu = function(props) {
             accessor: "xmark",
             className: "text-black"
         });
-    } : _h, required = props.required, defaultValue = props.value, error = props.error, _j = props.type, type = _j === void 0 ? 'normal' : _j, _k = props.isRequired, isRequired = _k === void 0 ? false : _k, _l = props.isTouched, isTouched = _l === void 0 ? false : _l, isDisabled = props.isDisabled, _m = props.isSolo, isSolo = _m === void 0 ? false : _m, _o = props.isRanged, isRanged = _o === void 0 ? false : _o, onChange = props.onChange, onClear = props.onClear, onBlur = props.onBlur, onClick = props.onClick, stylesOverrides = props.styles;
+    } : _h, required = props.required, defaultValue = props.value, error = props.error, _j = props.type, type = _j === void 0 ? 'normal' : _j, _k = props.isRequired, isRequired = _k === void 0 ? false : _k, _l = props.isTouched, isTouched = _l === void 0 ? false : _l, isDisabled = props.isDisabled, _m = props.isSolo, isSolo = _m === void 0 ? false : _m, _o = props.isRanged, isRanged = _o === void 0 ? true : _o, onChange = props.onChange, onClear = props.onClear, onBlur = props.onBlur, onClick = props.onClick, stylesOverrides = props.styles;
     var isValid = error === undefined;
     var _p = (0, $iA2ta$react.useState)(defaultValue !== null && defaultValue !== void 0 ? defaultValue : {
         startDate: null,
@@ -5314,10 +5317,10 @@ var $6590abe4bc5376d5$var$DateRangeMenu = function(props) {
         onClear
     ]);
     var handleGenerateStyle = function() {
-        var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $0547d97d2fb75839$export$2e2bcd8739ae039).base);
-        var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $0547d97d2fb75839$export$2e2bcd8739ae039).base);
+        var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $0255f3e4133715cf$export$2e2bcd8739ae039).base);
+        var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $0255f3e4133715cf$export$2e2bcd8739ae039).base);
         keys.forEach(function(key) {
-            (0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $0547d97d2fb75839$export$2e2bcd8739ae039).base, key), type && (0, $iA2ta$lodash.get)((0, $0547d97d2fb75839$export$2e2bcd8739ae039)[type], key), isTouched === true && !isValid && (0, $iA2ta$lodash.get)((0, $0547d97d2fb75839$export$2e2bcd8739ae039).invalid, key), isDisabled && (0, $iA2ta$lodash.get)((0, $0547d97d2fb75839$export$2e2bcd8739ae039).disabled, key), (0, $iA2ta$lodash.get)(stylesOverrides, key)));
+            (0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $0255f3e4133715cf$export$2e2bcd8739ae039).base, key), type && (0, $iA2ta$lodash.get)((0, $0255f3e4133715cf$export$2e2bcd8739ae039)[type], key), isTouched === true && !isValid && (0, $iA2ta$lodash.get)((0, $0255f3e4133715cf$export$2e2bcd8739ae039).invalid, key), isDisabled && (0, $iA2ta$lodash.get)((0, $0255f3e4133715cf$export$2e2bcd8739ae039).disabled, key), (0, $iA2ta$lodash.get)(stylesOverrides, key)));
         });
         return result;
     };
@@ -5434,7 +5437,9 @@ var $6590abe4bc5376d5$var$DateRangeMenu = function(props) {
         ]
     });
 };
-var $6590abe4bc5376d5$export$2e2bcd8739ae039 = $6590abe4bc5376d5$var$DateRangeMenu;
+var $7d3977a96c400c32$export$2e2bcd8739ae039 = $7d3977a96c400c32$var$DateRangeMenu;
+
+
 
 
 var $754fdbc7ee597008$var$__assign = undefined && undefined.__assign || function() {
@@ -5459,13 +5464,13 @@ var $754fdbc7ee597008$var$DateMenuForm = function(props) {
             startDate: defaultValue,
             endDate: defaultValue
         } : {
-            startDate: '',
-            endDate: ''
+            startDate: null,
+            endDate: null
         };
     }, [
         defaultValue
     ]);
-    return (0, $iA2ta$reactjsxruntime.jsx)((0, $6590abe4bc5376d5$export$2e2bcd8739ae039), $754fdbc7ee597008$var$__assign({}, props, {
+    return (0, $iA2ta$reactjsxruntime.jsx)((0, $7d3977a96c400c32$export$2e2bcd8739ae039), $754fdbc7ee597008$var$__assign({}, props, {
         onChange: handleChange,
         isRanged: false,
         value: value