payload 1.15.6 → 2.0.0-beta.1

package/dist/admin/components/elements/DatePicker/DatePicker.js

@@ -1,100 +1,133 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
     }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_datepicker_1 = __importStar(require("react-datepicker"));
-const Locales = __importStar(require("date-fns/locale"));
-const react_i18next_1 = require("react-i18next");
-const Calendar_1 = __importDefault(require("../../icons/Calendar"));
-const X_1 = __importDefault(require("../../icons/X"));
-const getSupportedDateLocale_1 = require("../../../utilities/formatDate/getSupportedDateLocale");
+const _locale = /*#__PURE__*/ _interop_require_wildcard(require("date-fns/locale"));
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _reactdatepicker = /*#__PURE__*/ _interop_require_wildcard(require("react-datepicker"));
 require("react-datepicker/dist/react-datepicker.css");
+const _reacti18next = require("react-i18next");
+const _getSupportedDateLocale = require("../../../utilities/formatDate/getSupportedDateLocale");
+const _Calendar = /*#__PURE__*/ _interop_require_default(require("../../icons/Calendar"));
+const _X = /*#__PURE__*/ _interop_require_default(require("../../icons/X"));
 require("./index.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {};
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
 const baseClass = 'date-time-picker';
-const DateTime = (props) => {
-    const { value, onChange, displayFormat: customDisplayFormat, pickerAppearance = 'default', minDate, maxDate, monthsToShow = 1, minTime, maxTime, timeIntervals = 30, timeFormat = 'h:mm aa', readOnly, placeholder: placeholderText, } = props;
+const DateTime = (props)=>{
+    const { displayFormat: customDisplayFormat, maxDate, maxTime, minDate, minTime, monthsToShow = 1, onChange, pickerAppearance = 'default', placeholder: placeholderText, readOnly, timeFormat = 'h:mm aa', timeIntervals = 30, value } = props;
     // Use the user's AdminUI language preference for the locale
-    const { i18n } = (0, react_i18next_1.useTranslation)();
-    const locale = (0, getSupportedDateLocale_1.getSupportedDateLocale)(i18n.language);
+    const { i18n } = (0, _reacti18next.useTranslation)();
+    const locale = (0, _getSupportedDateLocale.getSupportedDateLocale)(i18n.language);
     try {
-        (0, react_datepicker_1.registerLocale)(locale, Locales[locale]);
-    }
-    catch (e) {
+        (0, _reactdatepicker.registerLocale)(locale, _locale[locale]);
+    } catch (e) {
         console.warn(`Could not find DatePicker locale for ${locale}`);
     }
     let dateFormat = customDisplayFormat;
     if (!customDisplayFormat) {
         // when no displayFormat is provided, determine format based on the picker appearance
-        if (pickerAppearance === 'default')
-            dateFormat = 'MM/dd/yyyy';
-        else if (pickerAppearance === 'dayAndTime')
-            dateFormat = 'MMM d, yyy h:mm a';
-        else if (pickerAppearance === 'timeOnly')
-            dateFormat = 'h:mm a';
-        else if (pickerAppearance === 'dayOnly')
-            dateFormat = 'MMM dd';
-        else if (pickerAppearance === 'monthOnly')
-            dateFormat = 'MMMM';
+        if (pickerAppearance === 'default') dateFormat = 'MM/dd/yyyy';
+        else if (pickerAppearance === 'dayAndTime') dateFormat = 'MMM d, yyy h:mm a';
+        else if (pickerAppearance === 'timeOnly') dateFormat = 'h:mm a';
+        else if (pickerAppearance === 'dayOnly') dateFormat = 'MMM dd';
+        else if (pickerAppearance === 'monthOnly') dateFormat = 'MMMM';
     }
     const dateTimePickerProps = {
-        minDate,
-        maxDate,
+        customInputRef: 'ref',
         dateFormat,
-        monthsShown: Math.min(2, monthsToShow),
-        showTimeSelect: pickerAppearance === 'dayAndTime' || pickerAppearance === 'timeOnly',
-        minTime,
-        maxTime,
-        timeIntervals,
-        timeFormat,
-        placeholderText,
         disabled: readOnly,
+        maxDate,
+        maxTime,
+        minDate,
+        minTime,
+        monthsShown: Math.min(2, monthsToShow),
         onChange,
-        showPopperArrow: false,
+        placeholderText,
         selected: value && new Date(value),
-        customInputRef: 'ref',
         showMonthYearPicker: pickerAppearance === 'monthOnly',
+        showPopperArrow: false,
+        showTimeSelect: pickerAppearance === 'dayAndTime' || pickerAppearance === 'timeOnly',
+        timeFormat,
+        timeIntervals
     };
     const classes = [
         baseClass,
-        `${baseClass}__appearance--${pickerAppearance}`,
+        `${baseClass}__appearance--${pickerAppearance}`
     ].filter(Boolean).join(' ');
-    return (react_1.default.createElement("div", { className: classes },
-        react_1.default.createElement("div", { className: `${baseClass}__icon-wrap` },
-            dateTimePickerProps.selected && (react_1.default.createElement("button", { type: "button", className: `${baseClass}__clear-button`, onClick: () => onChange(null) },
-                react_1.default.createElement(X_1.default, null))),
-            react_1.default.createElement(Calendar_1.default, null)),
-        react_1.default.createElement("div", { className: `${baseClass}__input-wrapper` },
-            react_1.default.createElement(react_datepicker_1.default, { ...dateTimePickerProps, onChange: (val) => onChange(val), locale: locale, popperModifiers: [
-                    {
-                        name: 'preventOverflow',
-                        enabled: true,
-                    },
-                ], showMonthDropdown: true, showYearDropdown: true, dropdownMode: "select" }))));
+    return /*#__PURE__*/ _react.default.createElement("div", {
+        className: classes
+    }, /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__icon-wrap`
+    }, dateTimePickerProps.selected && /*#__PURE__*/ _react.default.createElement("button", {
+        className: `${baseClass}__clear-button`,
+        onClick: ()=>onChange(null),
+        type: "button"
+    }, /*#__PURE__*/ _react.default.createElement(_X.default, null)), /*#__PURE__*/ _react.default.createElement(_Calendar.default, null)), /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__input-wrapper`
+    }, /*#__PURE__*/ _react.default.createElement(_reactdatepicker.default, {
+        ...dateTimePickerProps,
+        dropdownMode: "select",
+        locale: locale,
+        onChange: (val)=>onChange(val),
+        popperModifiers: [
+            {
+                name: 'preventOverflow',
+                enabled: true
+            }
+        ],
+        showMonthDropdown: true,
+        showYearDropdown: true
+    })));
 };
-exports.default = DateTime;
-//# sourceMappingURL=DatePicker.js.map
+const _default = DateTime;
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL2VsZW1lbnRzL0RhdGVQaWNrZXIvRGF0ZVBpY2tlci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0ICogYXMgTG9jYWxlcyBmcm9tICdkYXRlLWZucy9sb2NhbGUnXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgRGF0ZVBpY2tlciwgeyByZWdpc3RlckxvY2FsZSB9IGZyb20gJ3JlYWN0LWRhdGVwaWNrZXInXG5pbXBvcnQgJ3JlYWN0LWRhdGVwaWNrZXIvZGlzdC9yZWFjdC1kYXRlcGlja2VyLmNzcydcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCdcblxuaW1wb3J0IHR5cGUgeyBQcm9wcyB9IGZyb20gJy4vdHlwZXMnXG5cbmltcG9ydCB7IGdldFN1cHBvcnRlZERhdGVMb2NhbGUgfSBmcm9tICcuLi8uLi8uLi91dGlsaXRpZXMvZm9ybWF0RGF0ZS9nZXRTdXBwb3J0ZWREYXRlTG9jYWxlJ1xuaW1wb3J0IENhbGVuZGFySWNvbiBmcm9tICcuLi8uLi9pY29ucy9DYWxlbmRhcidcbmltcG9ydCBYSWNvbiBmcm9tICcuLi8uLi9pY29ucy9YJ1xuaW1wb3J0ICcuL2luZGV4LnNjc3MnXG5cbmNvbnN0IGJhc2VDbGFzcyA9ICdkYXRlLXRpbWUtcGlja2VyJ1xuXG5jb25zdCBEYXRlVGltZTogUmVhY3QuRkM8UHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBkaXNwbGF5Rm9ybWF0OiBjdXN0b21EaXNwbGF5Rm9ybWF0LFxuICAgIG1heERhdGUsXG4gICAgbWF4VGltZSxcbiAgICBtaW5EYXRlLFxuICAgIG1pblRpbWUsXG4gICAgbW9udGhzVG9TaG93ID0gMSxcbiAgICBvbkNoYW5nZSxcbiAgICBwaWNrZXJBcHBlYXJhbmNlID0gJ2RlZmF1bHQnLFxuICAgIHBsYWNlaG9sZGVyOiBwbGFjZWhvbGRlclRleHQsXG4gICAgcmVhZE9ubHksXG4gICAgdGltZUZvcm1hdCA9ICdoOm1tIGFhJyxcbiAgICB0aW1lSW50ZXJ2YWxzID0gMzAsXG4gICAgdmFsdWUsXG4gIH0gPSBwcm9wc1xuXG4gIC8vIFVzZSB0aGUgdXNlcidzIEFkbWluVUkgbGFuZ3VhZ2UgcHJlZmVyZW5jZSBmb3IgdGhlIGxvY2FsZVxuICBjb25zdCB7IGkxOG4gfSA9IHVzZVRyYW5zbGF0aW9uKClcbiAgY29uc3QgbG9jYWxlID0gZ2V0U3VwcG9ydGVkRGF0ZUxvY2FsZShpMThuLmxhbmd1YWdlKVxuXG4gIHRyeSB7XG4gICAgcmVnaXN0ZXJMb2NhbGUobG9jYWxlLCBMb2NhbGVzW2xvY2FsZV0pXG4gIH0gY2F0Y2ggKGUpIHtcbiAgICBjb25zb2xlLndhcm4oYENvdWxkIG5vdCBmaW5kIERhdGVQaWNrZXIgbG9jYWxlIGZvciAke2xvY2FsZX1gKVxuICB9XG5cbiAgbGV0IGRhdGVGb3JtYXQgPSBjdXN0b21EaXNwbGF5Rm9ybWF0XG5cbiAgaWYgKCFjdXN0b21EaXNwbGF5Rm9ybWF0KSB7XG4gICAgLy8gd2hlbiBubyBkaXNwbGF5Rm9ybWF0IGlzIHByb3ZpZGVkLCBkZXRlcm1pbmUgZm9ybWF0IGJhc2VkIG9uIHRoZSBwaWNrZXIgYXBwZWFyYW5jZVxuICAgIGlmIChwaWNrZXJBcHBlYXJhbmNlID09PSAnZGVmYXVsdCcpIGRhdGVGb3JtYXQgPSAnTU0vZGQveXl5eSdcbiAgICBlbHNlIGlmIChwaWNrZXJBcHBlYXJhbmNlID09PSAnZGF5QW5kVGltZScpIGRhdGVGb3JtYXQgPSAnTU1NIGQsIHl5eSBoOm1tIGEnXG4gICAgZWxzZSBpZiAocGlja2VyQXBwZWFyYW5jZSA9PT0gJ3RpbWVPbmx5JykgZGF0ZUZvcm1hdCA9ICdoOm1tIGEnXG4gICAgZWxzZSBpZiAocGlja2VyQXBwZWFyYW5jZSA9PT0gJ2RheU9ubHknKSBkYXRlRm9ybWF0ID0gJ01NTSBkZCdcbiAgICBlbHNlIGlmIChwaWNrZXJBcHBlYXJhbmNlID09PSAnbW9udGhPbmx5JykgZGF0ZUZvcm1hdCA9ICdNTU1NJ1xuICB9XG5cbiAgY29uc3QgZGF0ZVRpbWVQaWNrZXJQcm9wcyA9IHtcbiAgICBjdXN0b21JbnB1dFJlZjogJ3JlZicsXG4gICAgZGF0ZUZvcm1hdCxcbiAgICBkaXNhYmxlZDogcmVhZE9ubHksXG4gICAgbWF4RGF0ZSxcbiAgICBtYXhUaW1lLFxuICAgIG1pbkRhdGUsXG4gICAgbWluVGltZSxcbiAgICBtb250aHNTaG93bjogTWF0aC5taW4oMiwgbW9udGhzVG9TaG93KSxcbiAgICBvbkNoYW5nZSxcbiAgICBwbGFjZWhvbGRlclRleHQsXG4gICAgc2VsZWN0ZWQ6IHZhbHVlICYmIG5ldyBEYXRlKHZhbHVlKSxcbiAgICBzaG93TW9udGhZZWFyUGlja2VyOiBwaWNrZXJBcHBlYXJhbmNlID09PSAnbW9udGhPbmx5JyxcbiAgICBzaG93UG9wcGVyQXJyb3c6IGZhbHNlLFxuICAgIHNob3dUaW1lU2VsZWN0OiBwaWNrZXJBcHBlYXJhbmNlID09PSAnZGF5QW5kVGltZScgfHwgcGlja2VyQXBwZWFyYW5jZSA9PT0gJ3RpbWVPbmx5JyxcbiAgICB0aW1lRm9ybWF0LFxuICAgIHRpbWVJbnRlcnZhbHMsXG4gIH1cblxuICBjb25zdCBjbGFzc2VzID0gW2Jhc2VDbGFzcywgYCR7YmFzZUNsYXNzfV9fYXBwZWFyYW5jZS0tJHtwaWNrZXJBcHBlYXJhbmNlfWBdXG4gICAgLmZpbHRlcihCb29sZWFuKVxuICAgIC5qb2luKCcgJylcblxuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtjbGFzc2VzfT5cbiAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19pY29uLXdyYXBgfT5cbiAgICAgICAge2RhdGVUaW1lUGlja2VyUHJvcHMuc2VsZWN0ZWQgJiYgKFxuICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fY2xlYXItYnV0dG9uYH1cbiAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKG51bGwpfVxuICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFhJY29uIC8+XG4gICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICl9XG4gICAgICAgIDxDYWxlbmRhckljb24gLz5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2lucHV0LXdyYXBwZXJgfT5cbiAgICAgICAgPERhdGVQaWNrZXJcbiAgICAgICAgICB7Li4uZGF0ZVRpbWVQaWNrZXJQcm9wc31cbiAgICAgICAgICBkcm9wZG93bk1vZGU9XCJzZWxlY3RcIlxuICAgICAgICAgIGxvY2FsZT17bG9jYWxlfVxuICAgICAgICAgIG9uQ2hhbmdlPXsodmFsKSA9PiBvbkNoYW5nZSh2YWwpfVxuICAgICAgICAgIHBvcHBlck1vZGlmaWVycz17W1xuICAgICAgICAgICAge1xuICAgICAgICAgICAgICBuYW1lOiAncHJldmVudE92ZXJmbG93JyxcbiAgICAgICAgICAgICAgZW5hYmxlZDogdHJ1ZSxcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgXX1cbiAgICAgICAgICBzaG93TW9udGhEcm9wZG93blxuICAgICAgICAgIHNob3dZZWFyRHJvcGRvd25cbiAgICAgICAgLz5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IERhdGVUaW1lXG4iXSwibmFtZXMiOlsiYmFzZUNsYXNzIiwiRGF0ZVRpbWUiLCJwcm9wcyIsImRpc3BsYXlGb3JtYXQiLCJjdXN0b21EaXNwbGF5Rm9ybWF0IiwibWF4RGF0ZSIsIm1heFRpbWUiLCJtaW5EYXRlIiwibWluVGltZSIsIm1vbnRoc1RvU2hvdyIsIm9uQ2hhbmdlIiwicGlja2VyQXBwZWFyYW5jZSIsInBsYWNlaG9sZGVyIiwicGxhY2Vob2xkZXJUZXh0IiwicmVhZE9ubHkiLCJ0aW1lRm9ybWF0IiwidGltZUludGVydmFscyIsInZhbHVlIiwiaTE4biIsInVzZVRyYW5zbGF0aW9uIiwibG9jYWxlIiwiZ2V0U3VwcG9ydGVkRGF0ZUxvY2FsZSIsImxhbmd1YWdlIiwicmVnaXN0ZXJMb2NhbGUiLCJMb2NhbGVzIiwiZSIsImNvbnNvbGUiLCJ3YXJuIiwiZGF0ZUZvcm1hdCIsImRhdGVUaW1lUGlja2VyUHJvcHMiLCJjdXN0b21JbnB1dFJlZiIsImRpc2FibGVkIiwibW9udGhzU2hvd24iLCJNYXRoIiwibWluIiwic2VsZWN0ZWQiLCJEYXRlIiwic2hvd01vbnRoWWVhclBpY2tlciIsInNob3dQb3BwZXJBcnJvdyIsInNob3dUaW1lU2VsZWN0IiwiY2xhc3NlcyIsImZpbHRlciIsIkJvb2xlYW4iLCJqb2luIiwiZGl2IiwiY2xhc3NOYW1lIiwiYnV0dG9uIiwib25DbGljayIsInR5cGUiLCJYSWNvbiIsIkNhbGVuZGFySWNvbiIsIkRhdGVQaWNrZXIiLCJkcm9wZG93bk1vZGUiLCJ2YWwiLCJwb3BwZXJNb2RpZmllcnMiLCJuYW1lIiwiZW5hYmxlZCIsInNob3dNb250aERyb3Bkb3duIiwic2hvd1llYXJEcm9wZG93biJdLCJtYXBwaW5ncyI6Ijs7OzsrQkE4R0E7OztlQUFBOzs7Z0VBOUd5Qjs4REFDUDt5RUFDeUI7UUFDcEM7OEJBQ3dCO3dDQUlRO2lFQUNkOzBEQUNQO1FBQ1g7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUVQLE1BQU1BLFlBQVk7QUFFbEIsTUFBTUMsV0FBNEIsQ0FBQ0M7SUFDakMsTUFBTSxFQUNKQyxlQUFlQyxtQkFBbUIsRUFDbENDLE9BQU8sRUFDUEMsT0FBTyxFQUNQQyxPQUFPLEVBQ1BDLE9BQU8sRUFDUEMsZUFBZSxDQUFDLEVBQ2hCQyxRQUFRLEVBQ1JDLG1CQUFtQixTQUFTLEVBQzVCQyxhQUFhQyxlQUFlLEVBQzVCQyxRQUFRLEVBQ1JDLGFBQWEsU0FBUyxFQUN0QkMsZ0JBQWdCLEVBQUUsRUFDbEJDLEtBQUssRUFDTixHQUFHZjtJQUVKLDREQUE0RDtJQUM1RCxNQUFNLEVBQUVnQixJQUFJLEVBQUUsR0FBR0MsSUFBQUEsNEJBQWM7SUFDL0IsTUFBTUMsU0FBU0MsSUFBQUEsOENBQXNCLEVBQUNILEtBQUtJLFFBQVE7SUFFbkQsSUFBSTtRQUNGQyxJQUFBQSwrQkFBYyxFQUFDSCxRQUFRSSxPQUFPLENBQUNKLE9BQU87SUFDeEMsRUFBRSxPQUFPSyxHQUFHO1FBQ1ZDLFFBQVFDLElBQUksQ0FBQyxDQUFDLHFDQUFxQyxFQUFFUCxPQUFPLENBQUM7SUFDL0Q7SUFFQSxJQUFJUSxhQUFheEI7SUFFakIsSUFBSSxDQUFDQSxxQkFBcUI7UUFDeEIscUZBQXFGO1FBQ3JGLElBQUlPLHFCQUFxQixXQUFXaUIsYUFBYTthQUM1QyxJQUFJakIscUJBQXFCLGNBQWNpQixhQUFhO2FBQ3BELElBQUlqQixxQkFBcUIsWUFBWWlCLGFBQWE7YUFDbEQsSUFBSWpCLHFCQUFxQixXQUFXaUIsYUFBYTthQUNqRCxJQUFJakIscUJBQXFCLGFBQWFpQixhQUFhO0lBQzFEO0lBRUEsTUFBTUMsc0JBQXNCO1FBQzFCQyxnQkFBZ0I7UUFDaEJGO1FBQ0FHLFVBQVVqQjtRQUNWVDtRQUNBQztRQUNBQztRQUNBQztRQUNBd0IsYUFBYUMsS0FBS0MsR0FBRyxDQUFDLEdBQUd6QjtRQUN6QkM7UUFDQUc7UUFDQXNCLFVBQVVsQixTQUFTLElBQUltQixLQUFLbkI7UUFDNUJvQixxQkFBcUIxQixxQkFBcUI7UUFDMUMyQixpQkFBaUI7UUFDakJDLGdCQUFnQjVCLHFCQUFxQixnQkFBZ0JBLHFCQUFxQjtRQUMxRUk7UUFDQUM7SUFDRjtJQUVBLE1BQU13QixVQUFVO1FBQUN4QztRQUFXLENBQUMsRUFBRUEsVUFBVSxjQUFjLEVBQUVXLGlCQUFpQixDQUFDO0tBQUMsQ0FDekU4QixNQUFNLENBQUNDLFNBQ1BDLElBQUksQ0FBQztJQUVSLHFCQUNFLDZCQUFDQztRQUFJQyxXQUFXTDtxQkFDZCw2QkFBQ0k7UUFBSUMsV0FBVyxDQUFDLEVBQUU3QyxVQUFVLFdBQVcsQ0FBQztPQUN0QzZCLG9CQUFvQk0sUUFBUSxrQkFDM0IsNkJBQUNXO1FBQ0NELFdBQVcsQ0FBQyxFQUFFN0MsVUFBVSxjQUFjLENBQUM7UUFDdkMrQyxTQUFTLElBQU1yQyxTQUFTO1FBQ3hCc0MsTUFBSztxQkFFTCw2QkFBQ0MsVUFBSyx3QkFHViw2QkFBQ0MsaUJBQVksd0JBRWYsNkJBQUNOO1FBQUlDLFdBQVcsQ0FBQyxFQUFFN0MsVUFBVSxlQUFlLENBQUM7cUJBQzNDLDZCQUFDbUQsd0JBQVU7UUFDUixHQUFHdEIsbUJBQW1CO1FBQ3ZCdUIsY0FBYTtRQUNiaEMsUUFBUUE7UUFDUlYsVUFBVSxDQUFDMkMsTUFBUTNDLFNBQVMyQztRQUM1QkMsaUJBQWlCO1lBQ2Y7Z0JBQ0VDLE1BQU07Z0JBQ05DLFNBQVM7WUFDWDtTQUNEO1FBQ0RDLG1CQUFBQTtRQUNBQyxrQkFBQUE7O0FBS1Y7TUFFQSxXQUFlekQifQ==

package/dist/admin/components/elements/DatePicker/index.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
-import { Props } from './types';
+import type { Props } from './types';
 declare const DatePickerField: React.FC<Props>;
 export default DatePickerField;
+//# sourceMappingURL=index.d.ts.map

package/dist/admin/components/elements/DatePicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/admin/components/elements/DatePicker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAE7C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAOpC,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAIpC,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist/admin/components/elements/DatePicker/index.js

@@ -1,32 +1,61 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
     }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const ShimmerEffect_1 = require("../ShimmerEffect");
-const DatePicker = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./DatePicker'))));
-const DatePickerField = (props) => (react_1.default.createElement(react_1.Suspense, { fallback: react_1.default.createElement(ShimmerEffect_1.ShimmerEffect, { height: 50 }) },
-    react_1.default.createElement(DatePicker, { ...props })));
-exports.default = DatePickerField;
-//# sourceMappingURL=index.js.map
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _ShimmerEffect = require("../ShimmerEffect");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {};
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+// @ts-expect-error Just TypeScript being broken // TODO: Open TypeScript issue
+const DatePicker = /*#__PURE__*/ (0, _react.lazy)(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require("./DatePicker"))));
+const DatePickerField = (props)=>/*#__PURE__*/ _react.default.createElement(_react.Suspense, {
+        fallback: /*#__PURE__*/ _react.default.createElement(_ShimmerEffect.ShimmerEffect, {
+            height: 50
+        })
+    }, /*#__PURE__*/ _react.default.createElement(DatePicker, props));
+const _default = DatePickerField;
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL2VsZW1lbnRzL0RhdGVQaWNrZXIvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBTdXNwZW5zZSwgbGF6eSB9IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgdHlwZSB7IFByb3BzIH0gZnJvbSAnLi90eXBlcydcblxuaW1wb3J0IHsgU2hpbW1lckVmZmVjdCB9IGZyb20gJy4uL1NoaW1tZXJFZmZlY3QnXG5cbi8vIEB0cy1leHBlY3QtZXJyb3IgSnVzdCBUeXBlU2NyaXB0IGJlaW5nIGJyb2tlbiAvLyBUT0RPOiBPcGVuIFR5cGVTY3JpcHQgaXNzdWVcbmNvbnN0IERhdGVQaWNrZXIgPSBsYXp5KCgpID0+IGltcG9ydCgnLi9EYXRlUGlja2VyJykpXG5cbmNvbnN0IERhdGVQaWNrZXJGaWVsZDogUmVhY3QuRkM8UHJvcHM+ID0gKHByb3BzKSA9PiAoXG4gIDxTdXNwZW5zZSBmYWxsYmFjaz17PFNoaW1tZXJFZmZlY3QgaGVpZ2h0PXs1MH0gLz59PlxuICAgIDxEYXRlUGlja2VyIHsuLi5wcm9wc30gLz5cbiAgPC9TdXNwZW5zZT5cbilcblxuZXhwb3J0IGRlZmF1bHQgRGF0ZVBpY2tlckZpZWxkXG4iXSwibmFtZXMiOlsiRGF0ZVBpY2tlciIsImxhenkiLCJEYXRlUGlja2VyRmllbGQiLCJwcm9wcyIsIlN1c3BlbnNlIiwiZmFsbGJhY2siLCJTaGltbWVyRWZmZWN0IiwiaGVpZ2h0Il0sIm1hcHBpbmdzIjoiOzs7OytCQWVBOzs7ZUFBQTs7OytEQWZzQzsrQkFJUjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUU5QiwrRUFBK0U7QUFDL0UsTUFBTUEsMkJBQWFDLElBQUFBLFdBQUksRUFBQyxJQUFNLG1FQUFBLFFBQU87QUFFckMsTUFBTUMsa0JBQW1DLENBQUNDLHNCQUN4Qyw2QkFBQ0MsZUFBUTtRQUFDQyx3QkFBVSw2QkFBQ0MsNEJBQWE7WUFBQ0MsUUFBUTs7cUJBQ3pDLDZCQUFDUCxZQUFlRztNQUlwQixXQUFlRCJ9

package/dist/admin/components/elements/DatePicker/index.scss

@@ -2,8 +2,15 @@
 
 $cal-icon-width: 18px;
 
-.date-time-picker {
+[dir='rtl'] {
+  .date-time-picker {
+    .react-datepicker__input-container input {
+      padding-right: base(3.4);
+    }
+  }
+}
 
+.date-time-picker {
   .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box,
   .react-datepicker__time-container {
     width: 120px;
@@ -26,13 +33,13 @@ $cal-icon-width: 18px;
   }
 
   &__clear-button {
-    top: base(.5);
+    top: base(0.5);
     right: base(2);
   }
 
   .icon--calendar {
-    top: base(.625);
-    right: base(.75);
+    top: base(0.625);
+    right: base(0.75);
     width: $cal-icon-width;
     pointer-events: none;
   }
@@ -88,7 +95,7 @@ $cal-icon-width: 18px;
 
   .react-datepicker__input-container input {
     @include formInput;
-    padding-right: calc(#{base(.75)} + #{$cal-icon-width});
+    padding-right: calc(#{base(0.75)} + #{$cal-icon-width});
   }
 
   &--has-error {
@@ -172,7 +179,8 @@ $cal-icon-width: 18px;
       display: none;
     }
 
-    &__header__dropdown, &-year-header {
+    &__header__dropdown,
+    &-year-header {
       padding: 10px 0;
       font-weight: bold;
     }
@@ -210,7 +218,7 @@ $cal-icon-width: 18px;
 
     &__day {
       box-shadow: inset 0px 0px 0px 1px var(--theme-elevation-150);
-      font-size: base(.55);
+      font-size: base(0.55);
 
       &:hover {
         background: var(--theme-elevation-100);
@@ -235,7 +243,9 @@ $cal-icon-width: 18px;
 
         &:focus {
           background-color: var(--theme-elevation-150);
-          box-shadow: inset 0px 0px 0px 1px var(--theme-elevation-800), 0px 0px 0px 1px var(--theme-elevation-800);
+          box-shadow:
+            inset 0px 0px 0px 1px var(--theme-elevation-800),
+            0px 0px 0px 1px var(--theme-elevation-800);
         }
       }
 
@@ -247,7 +257,7 @@ $cal-icon-width: 18px;
     &__day,
     &__day-name {
       width: base(1.5);
-      margin: base(.15);
+      margin: base(0.15);
       line-height: base(1.25);
     }
   }
@@ -257,13 +267,20 @@ $cal-icon-width: 18px;
     border: none;
   }
 
-  .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
+  .react-datepicker__time-container
+    .react-datepicker__time
+    .react-datepicker__time-box
+    ul.react-datepicker__time-list {
     max-height: 100%;
   }
 
   .react-datepicker__day--keyboard-selected,
   .react-datepicker__month-text--keyboard-selected,
-  .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
+  .react-datepicker__time-container
+    .react-datepicker__time
+    .react-datepicker__time-box
+    ul.react-datepicker__time-list
+    li.react-datepicker__time-list-item--selected {
     box-shadow: none;
     background-color: var(--theme-elevation-150);
     font-weight: bold;
@@ -271,7 +288,11 @@ $cal-icon-width: 18px;
     border-radius: 0;
   }
 
-  .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected,
+  .react-datepicker__time-container
+    .react-datepicker__time
+    .react-datepicker__time-box
+    ul.react-datepicker__time-list
+    li.react-datepicker__time-list-item--selected,
   .react-datepicker__day--selected,
   .react-datepicker__day--in-selecting-range,
   .react-datepicker__day--in-range,
@@ -285,7 +306,11 @@ $cal-icon-width: 18px;
     border-radius: 0;
   }
 
-  .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
+  .react-datepicker__time-container
+    .react-datepicker__time
+    .react-datepicker__time-box
+    ul.react-datepicker__time-list
+    li.react-datepicker__time-list-item:hover {
     background: var(--theme-elevation-100);
   }
 
@@ -294,13 +319,19 @@ $cal-icon-width: 18px;
     border-radius: 0;
   }
 
-  .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
+  .react-datepicker__navigation--next--with-time:not(
+      .react-datepicker__navigation--next--with-today-button
+    ) {
     right: 130px;
   }
 
-  .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
+  .react-datepicker__time-container
+    .react-datepicker__time
+    .react-datepicker__time-box
+    ul.react-datepicker__time-list
+    li.react-datepicker__time-list-item {
     line-height: 20px;
-    font-size: base(.5);
+    font-size: base(0.5);
   }
 
   &__appearance--dayOnly,
@@ -334,12 +365,14 @@ $cal-icon-width: 18px;
         height: 120px;
       }
     }
-    .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
+    .react-datepicker__navigation--next--with-time:not(
+        .react-datepicker__navigation--next--with-today-button
+      ) {
       right: 0px;
     }
     &__input-wrapper {
       .icon {
-        top: calc(50% - #{base(.25)});
+        top: calc(50% - #{base(0.25)});
       }
     }
   }

package/dist/admin/components/elements/DatePicker/types.d.ts

@@ -1,37 +1,38 @@
 type SharedProps = {
     displayFormat?: string;
-    pickerAppearance?: 'default' | 'dayAndTime' | 'timeOnly' | 'dayOnly' | 'monthOnly';
+    pickerAppearance?: 'dayAndTime' | 'dayOnly' | 'default' | 'monthOnly' | 'timeOnly';
 };
 type TimePickerProps = {
-    minTime?: Date;
     maxTime?: Date;
-    timeIntervals?: number;
+    minTime?: Date;
     timeFormat?: string;
+    timeIntervals?: number;
 };
 type DayPickerProps = {
-    monthsToShow?: 1 | 2;
-    minDate?: Date;
     maxDate?: Date;
+    minDate?: Date;
+    monthsToShow?: 1 | 2;
 };
 type MonthPickerProps = {
-    minDate?: Date;
     maxDate?: Date;
+    minDate?: Date;
 };
-export type ConditionalDateProps = SharedProps & {
-    pickerAppearance?: 'default';
-} | SharedProps & DayPickerProps & TimePickerProps & {
+export type ConditionalDateProps = (SharedProps & DayPickerProps & TimePickerProps & {
     pickerAppearance?: 'dayAndTime';
-} | SharedProps & TimePickerProps & {
-    pickerAppearance: 'timeOnly';
-} | SharedProps & DayPickerProps & {
+}) | (SharedProps & DayPickerProps & {
     pickerAppearance: 'dayOnly';
-} | SharedProps & MonthPickerProps & {
+}) | (SharedProps & MonthPickerProps & {
     pickerAppearance: 'monthOnly';
-};
+}) | (SharedProps & TimePickerProps & {
+    pickerAppearance: 'timeOnly';
+}) | (SharedProps & {
+    pickerAppearance?: 'default';
+});
 export type Props = SharedProps & DayPickerProps & TimePickerProps & {
-    value?: Date;
     onChange?: (val: Date) => void;
-    readOnly?: boolean;
     placeholder?: string;
+    readOnly?: boolean;
+    value?: Date;
 };
 export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/admin/components/elements/DatePicker/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/admin/components/elements/DatePicker/types.ts"],"names":[],"mappings":"AAAA,KAAK,WAAW,GAAG;IACjB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,gBAAgB,CAAC,EAAE,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,CAAA;CACnF,CAAA;AAED,KAAK,eAAe,GAAG;IACrB,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,KAAK,cAAc,GAAG;IACpB,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,CAAA;CACrB,CAAA;AAED,KAAK,gBAAgB,GAAG;IACtB,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;CACf,CAAA;AAED,MAAM,MAAM,oBAAoB,GAC5B,CAAC,WAAW,GACV,cAAc,GACd,eAAe,GAAG;IAChB,gBAAgB,CAAC,EAAE,YAAY,CAAA;CAChC,CAAC,GACJ,CAAC,WAAW,GACV,cAAc,GAAG;IACf,gBAAgB,EAAE,SAAS,CAAA;CAC5B,CAAC,GACJ,CAAC,WAAW,GACV,gBAAgB,GAAG;IACjB,gBAAgB,EAAE,WAAW,CAAA;CAC9B,CAAC,GACJ,CAAC,WAAW,GACV,eAAe,GAAG;IAChB,gBAAgB,EAAE,UAAU,CAAA;CAC7B,CAAC,GACJ,CAAC,WAAW,GAAG;IACb,gBAAgB,CAAC,EAAE,SAAS,CAAA;CAC7B,CAAC,CAAA;AAEN,MAAM,MAAM,KAAK,GAAG,WAAW,GAC7B,cAAc,GACd,eAAe,GAAG;IAChB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,IAAI,CAAA;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,IAAI,CAAA;CACb,CAAA"}

package/dist/admin/components/elements/DatePicker/types.js

@@ -1,3 +1,6 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=types.js.map
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/dist/admin/components/elements/DeleteDocument/index.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-import { Props } from './types';
+import type { Props } from './types';
 import './index.scss';
 declare const DeleteDocument: React.FC<Props>;
 export default DeleteDocument;
+//# sourceMappingURL=index.d.ts.map

package/dist/admin/components/elements/DeleteDocument/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/admin/components/elements/DeleteDocument/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAKpD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AASpC,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA0HnC,CAAA;AAED,eAAe,cAAc,CAAA"}