fuse-importer 0.0.6-testing → 0.0.7-testing

package/lib/esm/Importer/Uploader/DragAndDropImporter/ImporterDropzone.js

@@ -44,7 +44,7 @@ var ImporterDropzone = function () {
     var _a = useUploaderContext(), setIsUploading = _a.setIsUploading, setFileName = _a.setFileName;
     var setUploadedData = useImporterContext().setUploadedData;
     var validHeadersCount = function (headersLength) {
-        var headersCountLimit = 60;
+        var headersCountLimit = 70;
         if (headersLength > headersCountLimit) {
             addToast("File cannot contain more than ".concat(headersCountLimit, " columns"), "error");
             return false;

package/lib/esm/Importer/common/Spreadsheet/transformation/transformators.js

@@ -81,7 +81,12 @@ var stringFieldTransformations = {
 };
 var datesDateTimesAndTimesTransformations = {
     autoformat: function (fieldValue, _, fieldOptions) {
-        var JSDate = new Date(fieldValue);
+        var cleanFieldValue = fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.replace(/"/g, "");
+        var normalizedFieldValue = cleanFieldValue === null || cleanFieldValue === void 0 ? void 0 : cleanFieldValue.replace(/-/g, "/");
+        var isUnixTimestamp = /^\d+$/.test(normalizedFieldValue);
+        var JSDate = isUnixTimestamp
+            ? new Date(Number(normalizedFieldValue))
+            : new Date(normalizedFieldValue);
         var pattern = fieldOptions === null || fieldOptions === void 0 ? void 0 : fieldOptions.pattern;
         var defaultObj = {
             transformationWasNeeded: false,

package/lib/esm/Importer/common/Spreadsheet/validation/validators.d.ts

@@ -1,5 +1,5 @@
 import { Field, FieldValidation, Record } from "../../../../types";
-export type FieldValidator = (field: Field, fieldValue: any, validation?: FieldValidation, data?: Record[]) => null | string;
+export type FieldValidator = (field: Field, fieldValue: any, validation?: FieldValidation, data?: Record[], customErrorMessage?: string) => null | string;
 export type FieldValidations = Partial<{
     [key: string]: FieldValidator;
 }>;

package/lib/esm/Importer/common/Spreadsheet/validation/validators.js

@@ -85,7 +85,12 @@ export var fieldValidations = {
         if (!isNullOrUndefined(field.pattern) &&
             !isNullOrUndefined(fieldValue) &&
             !DateTime.fromFormat(fieldValue, field.pattern).isValid) {
-            return "".concat(field.label, " must match the pattern ").concat(field.pattern);
+            var randomDate = DateTime.fromISO("1990-01-15T14:35:55.150");
+            var transformedValue = randomDate === null || randomDate === void 0 ? void 0 : randomDate.toFormat(field.pattern);
+            var defaultMessage = "".concat(field.label, " must match the pattern ").concat(field.pattern);
+            return transformedValue
+                ? "Must be formatted as \"".concat(field.pattern, "\" (e.g. ").concat(transformedValue, ")")
+                : defaultMessage;
         }
     },
     unique_case_sensitive: function (field, fieldValue, validator, data) {

package/lib/esm/common/ConfirmationModal.js

@@ -13,7 +13,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { colors, Div, Modal, Button } from "../";
 export var ConfirmationModal = function (_a) {
     var isOpen = _a.isOpen, handleClose = _a.handleClose, onSubmit = _a.onSubmit, title = _a.title, description = _a.description, buttonText = _a.buttonText, _b = _a.icon, icon = _b === void 0 ? null : _b, _c = _a.hasCancelButton, hasCancelButton = _c === void 0 ? true : _c;
-    var headerUI = (_jsxs(Div, { children: [icon && (_jsx(Div, __assign({ centered: true, mb: 20 }, { children: icon }))), _jsx(Div, __assign({ mb: 12 }, { children: _jsx(Div, __assign({ h5: true, dflex: true, centered: true }, { children: title })) }))] }));
+    var headerUI = (_jsxs(Div, { children: [icon && (_jsx(Div, __assign({ centered: true, mb: 20 }, { children: icon }))), _jsx(Div, __assign({ mb: 16 }, { children: _jsx(Div, __assign({ h5: true, dflex: true, centered: true }, { children: title })) }))] }));
     var bodyUI = (_jsxs(_Fragment, { children: [_jsx(Div, __assign({ c: colors.gray800, body1: true, flexColumn: true, centered: true }, { children: description })), _jsxs(Div, __assign({ mt: 40, dflex: true, centered: true }, { children: [hasCancelButton && (_jsx(Button, __assign({ variant: "secondary", mr: 16, w: 104, onClick: handleClose }, { children: "Cancel" }))), _jsx(Button, __assign({ w: 135, onClick: onSubmit }, { children: buttonText }))] }))] }));
     return (_jsx(_Fragment, { children: _jsx(Modal, __assign({ isOpen: isOpen, onClose: handleClose }, { children: _jsxs(Div, __assign({ p: "48px 56px" }, { children: [headerUI, bodyUI] })) })) }));
 };

package/lib/esm/common/Modal.js

@@ -19,12 +19,12 @@ import { Div } from "../styled/utils";
 import { closeIcon } from "./icons";
 export var ModalContainer = styled(Div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  top: 0px;\n  left: 0px;\n  margin: 0px;\n  position: fixed;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 10000000000;\n  width: 100vw;\n  height: 100vh;\n  pointer-events: none;\n  div {\n    pointer-events: auto;\n  }\n"], ["\n  top: 0px;\n  left: 0px;\n  margin: 0px;\n  position: fixed;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 10000000000;\n  width: 100vw;\n  height: 100vh;\n  pointer-events: none;\n  div {\n    pointer-events: auto;\n  }\n"])));
 export var ModalBackdrop = styled(Div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: fixed;\n  top: 0px;\n  left: 0px;\n  margin: 0px;\n  width: 100vw;\n  height: 100vh;\n  z-index: 99999999;\n  background: black;\n  opacity: 0.38;\n"], ["\n  position: fixed;\n  top: 0px;\n  left: 0px;\n  margin: 0px;\n  width: 100vw;\n  height: 100vh;\n  z-index: 99999999;\n  background: black;\n  opacity: 0.38;\n"])));
-export var ModalWrapper = styled(Div)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  background: ", ";\n  padding: 32px 36px;\n  border-radius: 8px;\n  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.32);\n"], ["\n  background: ", ";\n  padding: 32px 36px;\n  border-radius: 8px;\n  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.32);\n"])), function (props) { return props.theme.colors.white; });
+export var ModalWrapper = styled(Div)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  background: ", ";\n  padding: 32px 56px;\n  border-radius: 8px;\n  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.32);\n"], ["\n  background: ", ";\n  padding: 32px 56px;\n  border-radius: 8px;\n  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.32);\n"])), function (props) { return props.theme.colors.white; });
 export var ModalCloseIcon = styled(Div)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  height: 0;\n  display: flex;\n  flex-direction: row-reverse;\n  z-index: 10;\n"], ["\n  height: 0;\n  display: flex;\n  flex-direction: row-reverse;\n  z-index: 10;\n"])));
 export var Modal = function (_a) {
     var _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, _c = _a.onClose, onClose = _c === void 0 ? null : _c, children = _a.children, _d = _a.withCloseIcon, withCloseIcon = _d === void 0 ? true : _d, _e = _a.withBackdropClose, withBackdropClose = _e === void 0 ? true : _e, _f = _a.className, className = _f === void 0 ? "" : _f, testId = _a.testId;
     function renderModal() {
-        return (_jsxs(Div, __assign({ className: className, "data-testid": testId }, { children: [_jsx(ModalBackdrop, { onClick: withBackdropClose ? onClose : null }), _jsx(ModalContainer, { children: _jsxs(ModalWrapper, { children: [withCloseIcon && (_jsx(ModalCloseIcon, { children: _jsx(Div, __assign({ clickable: true, mt: -5, mr: -5, w: "25px", h: "25px", onClick: onClose }, { children: closeIcon })) })), children] }) })] })));
+        return (_jsxs(Div, __assign({ className: className, "data-testid": testId }, { children: [_jsx(ModalBackdrop, { onClick: withBackdropClose ? onClose : null }), _jsx(ModalContainer, { children: _jsxs(ModalWrapper, { children: [withCloseIcon && (_jsx(ModalCloseIcon, { children: _jsx(Div, __assign({ clickable: true, mt: -10, mr: -20, w: "25px", h: "25px", onClick: onClose }, { children: closeIcon })) })), children] }) })] })));
     }
     return _jsx(_Fragment, { children: isOpen && renderModal() });
 };

package/lib/esm/common/Table/TableActions/TransformedRecordsCount.js

@@ -14,7 +14,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect, useMemo } from "react";
+import { useEffect, useMemo, useRef } from "react";
 import { useTranslation } from "react-i18next";
 import styled from "styled-components";
 import { useSpreadsheetContext } from "../../../Importer";
@@ -42,6 +42,7 @@ var Tooltip = function (_a) {
 export var TransformedRecordsCount = function () {
     var _a = useSpreadsheetContext(), data = _a.data, isTransformTooltipOpened = _a.isTransformTooltipOpened, setIsTransformTooltipOpened = _a.setIsTransformTooltipOpened;
     var t = useTranslation("review").t;
+    var tooltipWasAlreadyOpened = useRef(false);
     var transformedRecordsCount = useMemo(function () {
         var _a;
         var counter = 0;
@@ -55,13 +56,16 @@ export var TransformedRecordsCount = function () {
         return counter;
     }, [data]);
     useEffect(function () {
+        if (tooltipWasAlreadyOpened.current)
+            return;
         if (transformedRecordsCount > 0 && !isTransformTooltipOpened) {
             setIsTransformTooltipOpened(true);
+            tooltipWasAlreadyOpened.current = true;
         }
     }, [transformedRecordsCount]);
     var handleCloseTooltip = function () {
         setIsTransformTooltipOpened(false);
     };
-    return (_jsx(_Fragment, { children: transformedRecordsCount ? (_jsxs(RecordsCountContainer, { children: [_jsxs(Counter, __assign({ body1: true }, { children: [_jsxs(Div, __assign({ bold: true, mr: 4, "data-cy": "transformations-counter" }, { children: [formatToLocaleString(transformedRecordsCount), " "] })), t("table_actions.transformed_records.auto_corrections_done")] })), isTransformTooltipOpened && (_jsx(Tooltip, { recordsCount: transformedRecordsCount, onClose: handleCloseTooltip }))] })) : null }));
+    return (_jsx(_Fragment, { children: isTransformTooltipOpened && transformedRecordsCount ? (_jsxs(RecordsCountContainer, { children: [_jsxs(Counter, __assign({ body1: true }, { children: [_jsxs(Div, __assign({ bold: true, mr: 4, "data-cy": "transformations-counter" }, { children: [formatToLocaleString(transformedRecordsCount), " "] })), t("table_actions.transformed_records.auto_corrections_done")] })), isTransformTooltipOpened && (_jsx(Tooltip, { recordsCount: transformedRecordsCount, onClose: handleCloseTooltip }))] })) : null }));
 };
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

package/lib/esm/common/Table/TableView/CustomScrollbar.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const CustomScrollbarsVirtualList: import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<unknown>>;

package/lib/esm/common/Table/TableView/CustomScrollbar.js

@@ -0,0 +1,34 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useCallback } from "react";
+import { Scrollbars } from "react-custom-scrollbars";
+import styled from "styled-components";
+var StyledScrollbars = styled(Scrollbars)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  scrollbar-width: thin;\n  scrollbar-color: #b1b1b2 transparent;\n\n  ::-webkit-scrollbar {\n    width: 0;\n    height: 5px;\n  }\n\n  ::-webkit-scrollbar-thumb {\n    background-color: #b1b1b2;\n    border-radius: 3px;\n  }\n\n  ::-webkit-scrollbar-track {\n    background: transparent;\n  }\n\n  > div:first-of-type {\n    margin-bottom: 0 !important;\n  }\n"], ["\n  scrollbar-width: thin;\n  scrollbar-color: #b1b1b2 transparent;\n\n  ::-webkit-scrollbar {\n    width: 0;\n    height: 5px;\n  }\n\n  ::-webkit-scrollbar-thumb {\n    background-color: #b1b1b2;\n    border-radius: 3px;\n  }\n\n  ::-webkit-scrollbar-track {\n    background: transparent;\n  }\n\n  > div:first-of-type {\n    margin-bottom: 0 !important;\n  }\n"])));
+var CustomScrollbars = function (_a) {
+    var onScroll = _a.onScroll, forwardedRef = _a.forwardedRef, style = _a.style, children = _a.children;
+    var refSetter = useCallback(function (scrollbarsRef) {
+        if (scrollbarsRef) {
+            forwardedRef(scrollbarsRef.view);
+        }
+        else {
+            forwardedRef(null);
+        }
+    }, []);
+    return (_jsx(StyledScrollbars, __assign({ renderTrackHorizontal: function (props) { return (_jsx("div", __assign({}, props, { style: { display: "none" }, className: "track-horizontal" }))); }, ref: refSetter, style: style, onScroll: onScroll }, { children: children })));
+};
+export var CustomScrollbarsVirtualList = forwardRef(function (props, ref) { return (_jsx(CustomScrollbars, __assign({}, props, { forwardedRef: ref }))); });
+var templateObject_1;

package/lib/esm/common/columnsValidations.js

@@ -222,27 +222,283 @@ export var availableColumnTypes = Object.keys(validationsByColumnType);
 export var datePatterns = [
     {
         value: "MM/dd/yyyy",
-        label: "MM/dd/yyyy",
+        label: "MM/dd/yyyy (e.g. 08/31/2023)",
+    },
+    {
+        value: "yyyy-MM-dd",
+        label: "yyyy-MM-dd (e.g. 2023-08-31",
+    },
+    {
+        value: "dd/MM/yyyy",
+        label: "dd/MM/yyyy (e.g. 31/08/2023",
+    },
+    {
+        value: "MM-dd-yyyy",
+        label: "MM-dd-yyyy (e.g. 08-31-2023)",
+    },
+    {
+        value: "yyyy/MM/dd",
+        label: "yyyy/MM/dd (e.g. 2023/08/31)",
+    },
+    {
+        value: "dd-MMMM-yyyy",
+        label: "dd-MMMM-yyyy (e.g. 31-August-2023)",
+    },
+    {
+        value: "MMMM dd, yyyy",
+        label: "MMMM dd, yyyy (e.g. August 31, 2023)",
+    },
+    {
+        value: "dd/MM/yy",
+        label: "dd/MM/yy (e.g. 31/08/23)",
+    },
+    {
+        value: "MMMM dd, yy",
+        label: "MMMM dd, yy (e.g. August 31, 23)",
+    },
+    {
+        value: "yy/MM/dd",
+        label: "yy/MM/dd (e.g. 23/08/31)",
+    },
+    {
+        value: "EEEE MMMM yyyy",
+        label: "Day MMMM Year (e.g. Tuesday August 2023)",
+    },
+    {
+        value: "EEEE dd MMMM yyyy",
+        label: "Day Day-of-Month Month Year (e.g. Tuesday 08 August 2023)",
+    },
+    {
+        value: "MM-dd-yy",
+        label: "MM-dd-yy (e.g. 01-15-90)",
+    },
+    {
+        value: "M-dd-yy",
+        label: "M-dd-yy (e.g. 1-15-90)",
+    },
+    {
+        value: "dd-MM-yy",
+        label: "dd-MM-yy  (e.g. 15-01-90)",
+    },
+    {
+        value: "dd-MM-yyyy",
+        label: "dd-MM-yyyy (e.g. 15-01-1990)",
+    },
+    {
+        value: "dd-M-yy",
+        label: "dd-M-yy (e.g. 15-1-90)",
+    },
+    {
+        value: "MM/dd/yy",
+        label: "MM/dd/yy (e.g. 01/15/90)",
+    },
+    {
+        value: "M/dd/yy",
+        label: "M/dd/yy (e.g. 1/15/90)",
+    },
+    {
+        value: "MM.dd.yy",
+        label: "MM.dd.yy (e.g. 01.15.90)",
+    },
+    {
+        value: "M.dd.yy",
+        label: "M.dd.yy (e.g. 1.15.90)",
+    },
+    {
+        value: "MMM-dd-yy",
+        label: "MMM-dd-yy (e.g. Jan-15-90)",
+    },
+    {
+        value: "MMMM-dd-yy",
+        label: "MMMM-dd-yy (e.g. January-15-90)",
+    },
+    {
+        value: "dd-MMM-yy",
+        label: "dd-MMM-yy (e.g. 15-Jan-90)",
+    },
+    {
+        value: "yyyy-M-dd",
+        label: "yyyy-M-dd (e.g. 1990-1-15)",
+    },
+    {
+        value: "M-dd-yyyy",
+        label: "M-dd-yyyy (e.g. 1-15-1990)",
+    },
+    {
+        value: "M/dd/yyyy",
+        label: "M/dd/yyyy (e.g. 1/15/1990)",
+    },
+    {
+        value: "dd/M/yyyy",
+        label: "dd/M/yyyy (e.g. 15/1/1990)",
+    },
+    {
+        value: "yyyy/M/dd",
+        label: "yyyy/M/dd (e.g. 1990/1/15)",
+    },
+    {
+        value: "dd.MM.yyyy",
+        label: "dd.MM.yyyy (e.g. 15.01.1990)",
+    },
+    {
+        value: "dd.M.yyyy",
+        label: "dd.M.yyyy (e.g. 15.1.1990)",
+    },
+    {
+        value: "yyyy.MM.dd",
+        label: "yyyy.MM.dd (e.g. 1990.01.15)",
+    },
+    {
+        value: "yyyy.M.dd",
+        label: "yyyy.M.dd (e.g. 1990.1.15)",
+    },
+    {
+        value: "MMM. dd, yyyy",
+        label: "MMM. dd, yyyy (e.g. Jan. 15, 1990)",
+    },
+    {
+        value: "dd MMM. yyyy",
+        label: "dd MMM. yyyy(e.g. 15 Jan. 1990)",
+    },
+    {
+        value: "dd. MMM. yyyy",
+        label: "dd. MMM. yyyy (e.g. 15. Jan. 1990)",
+    },
+    {
+        value: "EEE, MMM dd, yyyy",
+        label: "EEE, MMM dd, yyyy (e.g. Mon, Jan 15, 1990)",
     },
 ];
 export var dateTimePatterns = [
     {
         value: "MM/dd/yyyy HH:mm",
-        label: "MM/dd/yyyy HH:mm",
+        label: "MM/dd/yyyy HH:mm (e.g. 08/31/2023 12:30)",
     },
     {
         value: "MM/dd/yyyy HH:mm:ss",
-        label: "MM/dd/yyyy HH:mm:ss",
+        label: "MM/dd/yyyy HH:mm:ss (e.g. 08/31/2023 12:30:45)",
+    },
+    {
+        value: "MM/dd/yyyy HH:mm:ss.SSS",
+        label: "MM/dd/yyyy HH:mm:ss.SSS (e.g. 08/31/2023 12:30:45.500)",
+    },
+    {
+        value: "MM/dd/yyyy h:mm a",
+        label: "MM/dd/yyyy h:mm a (e.g. 08/31/2023 1:30 PM)",
+    },
+    {
+        value: "MM/dd/yyyy h:mm:ss a",
+        label: "MM/dd/yyyy h:mm:ss a (e.g. 08/31/2023 1:30:45 PM)",
+    },
+    {
+        value: "MMM dd HH:mm:ss yyyy",
+        label: "MMM dd HH:mm:ss yyyy (e.g. Jan 15 00:34:59 1990)",
+    },
+    {
+        value: "dd MMM HH:mm:ss yyyy",
+        label: "dd MMM HH:mm:ss yyyy (e.g. 15 Jan 00:34:59 1990)",
+    },
+    {
+        value: "MM/dd/yyyy h:mm:ss.SSS a",
+        label: "MM/dd/yyyy h:mm:ss.SSS a (e.g. 08/31/2023 1:30:45.500 PM)",
+    },
+    {
+        value: "MMMM dd, yyyy HH:mm",
+        label: "MMMM dd, yyyy HH:mm (e.g. August 31, 2023 12:30)",
+    },
+    {
+        value: "MMMM dd, yyyy HH:mm:ss",
+        label: "MMMM dd, yyyy HH:mm:ss (e.g. August 31, 2023 12:30:45)",
+    },
+    {
+        value: "MMMM dd, yyyy h:mm a",
+        label: "MMMM dd, yyyy h:mm a (e.g. August 31, 2023 1:30 PM)",
+    },
+    {
+        value: "MMMM dd, yyyy h:mm:ss a",
+        label: "MMMM dd, yyyy h:mm:ss a (e.g. August 31, 2023 1:30:45 PM)",
+    },
+    {
+        value: "MMMM dd, yyyy h:mm:ss.SSS a",
+        label: "MMMM dd, yyyy h:mm:ss.SSS a (e.g. August 31, 2023 1:30:45.500 PM)",
+    },
+    {
+        value: "MM-dd-yy HH:mm",
+        label: "MM-dd-yy HH:mm (e.g. 01-15-90 10:10)",
+    },
+    {
+        value: "dd-MM-yyyy HH:mm",
+        label: "dd-MM-yyyy HH:mm (e.g. 15-01-1990 10:10)",
+    },
+    {
+        value: "dd/MM/yyyy HH:mm",
+        label: "dd/MM/yyyy HH:mm (e.g. 15/01/1990 10:10)",
+    },
+    {
+        value: "dd-MM-yyyy h:mm a",
+        label: "dd-MM-yyyy h:mm a (e.g. 15-01-1990 10:10 AM)",
+    },
+    {
+        value: "dd/MM/yyyy h:mm a",
+        label: "dd/MM/yyyy h:mm a (e.g. 15/01/1990 10:10 AM)",
+    },
+    {
+        value: "MM/dd/yy HH:mm",
+        label: "MM/dd/yy HH:mm (e.g. 01/15/90 10:10)",
+    },
+    {
+        value: "MM/dd/yy HH:mm:ss",
+        label: "MM/dd/yy HH:mm:ss (e.g. 01/15/90 10:10:14)",
+    },
+    {
+        value: "MM/dd/yy h:mm:ss a",
+        label: "MM/dd/yy h:mm:ss a (e.g. 01/15/90 5:10:14 AM)",
+    },
+    {
+        value: "yyyy/MM/dd HH:mm",
+        label: "yyyy/MM/dd HH:mm (e.g. 1990/01/15 10:10)",
+    },
+    {
+        value: "MM-dd-yyyy HH:mm",
+        label: "MM-dd-yyyy HH:mm (e.g. 01-15-1990 10:10)",
+    },
+    {
+        value: "yyyy-MM-dd HH:mm",
+        label: "yyyy-MM-dd HH:mm (e.g. 1990-01-15 10:10)",
+    },
+    {
+        value: "yyyy-MM-dd'T'HH:mm:ss.SSSZ",
+        label: "ISO 8601 (e.g. 1990-01-15T00:34:55.020+09:30)",
+    },
+    {
+        value: "yyyy-MM-dd'T'HH:mm:ss.SSS",
+        label: "ISO 8601 without timezone offset (e.g. 1990-01-15T00:34:55.020)",
+    },
+    {
+        value: "yyyy-MM-dd'T'HH:mmZ",
+        label: "yyyy-MM-dd'T'HH:mm+offset (e.g. 1990-01-15T10:10+09:30)",
+    },
+    {
+        value: "yyyy-MM-dd'T'HH:mm",
+        label: "yyyy-MM-dd'T'HH:mm (e.g. 1990-01-15T10:10)",
     },
 ];
 export var timePatterns = [
     {
         value: "HH:mm",
-        label: "HH:mm",
+        label: "HH:mm (e.g. 12:30)",
     },
     {
         value: "HH:mm:ss",
-        label: "HH:mm:ss",
+        label: "HH:mm:ss (e.g. 12:30:45)",
+    },
+    {
+        value: "hh:mm a",
+        label: "hh:mm a (e.g. 01:30 PM)",
+    },
+    {
+        value: "hh:mm:ss a",
+        label: "hh:mm:ss a  (e.g. 01:30:45 PM)",
     },
 ];
 export var allowedPatterns = {