@cakemail-org/ui-components-v2 2.1.4 → 2.1.6

package/dist/cjs/index.js

@@ -1533,7 +1533,7 @@ var css_248z$v = ".textfield-component-v2 {\n  position: relative;\n}\n.textfiel
 styleInject(css_248z$v);
 
 var TextField = React.forwardRef(function (_a, ref) {
-    var _b = _a.className, className = _b === void 0 ? "" : _b, label = _a.label, timeout = _a.timeout, labelTooltipText = _a.labelTooltipText, disabled = _a.disabled; _a.useBareBoneInput; var onChange = _a.onChange, multiline = _a.multiline, inputProps = _a.inputProps, iconName = _a.iconName, props = __rest(_a, ["className", "label", "timeout", "labelTooltipText", "disabled", "useBareBoneInput", "onChange", "multiline", "inputProps", "iconName"]);
+    var _b = _a.className, className = _b === void 0 ? "" : _b, label = _a.label, timeout = _a.timeout, labelTooltipText = _a.labelTooltipText, disabled = _a.disabled; _a.useBareBoneInput; var onChange = _a.onChange, multiline = _a.multiline, inputProps = _a.inputProps, iconName = _a.iconName, onKeyDown = _a.onKeyDown, props = __rest(_a, ["className", "label", "timeout", "labelTooltipText", "disabled", "useBareBoneInput", "onChange", "multiline", "inputProps", "iconName", "onKeyDown"]);
     var cLabel = label;
     var timeoutRef = React.useRef(undefined);
     function onChangeHandler(e) {
@@ -1562,6 +1562,7 @@ var TextField = React.forwardRef(function (_a, ref) {
                 currentTarget: { value: "", name: props.name }
             });
         }
+        onKeyDown && onKeyDown(event);
     }
     inputProps = __assign({ maxLength: 256 }, inputProps);
     return React.createElement(Box, { className: "textfield-component-v2 ".concat(className, " ").concat(disabled ? "disabled" : "", " ") },
@@ -8875,7 +8876,7 @@ function DataTable(_a) {
         showPagination && (hasMore !== undefined ? (React.createElement(DataTablePaginationNoCount, { page: page, setPage: setPage, onPaginationChange: onPaginationChange, rowsPerPage: rowsPerPage, hasMore: hasMore })) : (React.createElement(TablePagination, { rowsPerPageOptions: rowsPerPageOptions, component: "div", count: totalCount !== undefined ? totalCount : rows.length, rowsPerPage: rowsPerPage, page: page, onPageChange: handleChangePage, onRowsPerPageChange: handleChangeRowsPerPage }))));
 }
 
-var css_248z$f = ".dateTimeSelector.dateTimeCalendar {\n  background: var(--white, #FFFFFF);\n}";
+var css_248z$f = ".dateTimeSelector.dateTimeCalendar {\n  background: var(--white, #FFFFFF);\n}\n.dateTimeSelector .MuiMultiSectionDigitalClock-root,\n.dateTimeSelector .MuiMultiSectionDigitalClockSection-root {\n  flex: 1;\n}\n.dateTimeSelector .MuiMultiSectionDigitalClock-root .MuiMultiSectionDigitalClockSection-item.Mui-selected,\n.dateTimeSelector .MuiMultiSectionDigitalClockSection-root .MuiMultiSectionDigitalClockSection-item.Mui-selected {\n  background-color: var(--primary-brand-color, var(--grape, #69006E)) !important;\n}";
 styleInject(css_248z$f);
 
 function DatePicker(_a) {
@@ -8914,8 +8915,12 @@ function DateTimeCalendar(_a) {
     var classes = classNames("dateTimeSelector", "dateTimeCalendar", className);
     return React.createElement(LocalizationProvider.LocalizationProvider, { dateAdapter: AdapterMoment.AdapterMoment },
         React.createElement(xDatePickers.StaticDateTimePicker, __assign({}, props, { view: currentView, 
-            //Preview default auto switch
-            onViewChange: function (newView) { }, className: classes, viewRenderers: {
+            //Preview default auto switch fix
+            onViewChange: function (newView) {
+                if (currentView !== "hours" && (newView === "year" || currentView === "year")) {
+                    setCurrentView(newView);
+                }
+            }, className: classes, viewRenderers: {
                 hours: function (props) {
                     return React.createElement(xDatePickers.MultiSectionDigitalClock, { ampm: props.ampm, minTime: props.minTime, maxTime: props.maxTime, onChange: props.onChange, value: props.value, defaultValue: props.defaultValue, disableFuture: props.disableFuture, disablePast: props.disablePast, timezone: props.timezone });
                 },
@@ -8925,6 +8930,7 @@ function DateTimeCalendar(_a) {
                 tabs: {
                     //@ts-ignore
                     onViewChange: function (view) {
+                        console.log("view", view);
                         setCurrentView(view);
                     }
                 }

package/dist/esm/index.js

@@ -1513,7 +1513,7 @@ var css_248z$v = ".textfield-component-v2 {\n  position: relative;\n}\n.textfiel
 styleInject(css_248z$v);
 
 var TextField = forwardRef(function (_a, ref) {
-    var _b = _a.className, className = _b === void 0 ? "" : _b, label = _a.label, timeout = _a.timeout, labelTooltipText = _a.labelTooltipText, disabled = _a.disabled; _a.useBareBoneInput; var onChange = _a.onChange, multiline = _a.multiline, inputProps = _a.inputProps, iconName = _a.iconName, props = __rest(_a, ["className", "label", "timeout", "labelTooltipText", "disabled", "useBareBoneInput", "onChange", "multiline", "inputProps", "iconName"]);
+    var _b = _a.className, className = _b === void 0 ? "" : _b, label = _a.label, timeout = _a.timeout, labelTooltipText = _a.labelTooltipText, disabled = _a.disabled; _a.useBareBoneInput; var onChange = _a.onChange, multiline = _a.multiline, inputProps = _a.inputProps, iconName = _a.iconName, onKeyDown = _a.onKeyDown, props = __rest(_a, ["className", "label", "timeout", "labelTooltipText", "disabled", "useBareBoneInput", "onChange", "multiline", "inputProps", "iconName", "onKeyDown"]);
     var cLabel = label;
     var timeoutRef = useRef(undefined);
     function onChangeHandler(e) {
@@ -1542,6 +1542,7 @@ var TextField = forwardRef(function (_a, ref) {
                 currentTarget: { value: "", name: props.name }
             });
         }
+        onKeyDown && onKeyDown(event);
     }
     inputProps = __assign({ maxLength: 256 }, inputProps);
     return React__default.createElement(Box$1, { className: "textfield-component-v2 ".concat(className, " ").concat(disabled ? "disabled" : "", " ") },
@@ -8855,7 +8856,7 @@ function DataTable(_a) {
         showPagination && (hasMore !== undefined ? (React__default.createElement(DataTablePaginationNoCount, { page: page, setPage: setPage, onPaginationChange: onPaginationChange, rowsPerPage: rowsPerPage, hasMore: hasMore })) : (React__default.createElement(TablePagination, { rowsPerPageOptions: rowsPerPageOptions, component: "div", count: totalCount !== undefined ? totalCount : rows.length, rowsPerPage: rowsPerPage, page: page, onPageChange: handleChangePage, onRowsPerPageChange: handleChangeRowsPerPage }))));
 }
 
-var css_248z$f = ".dateTimeSelector.dateTimeCalendar {\n  background: var(--white, #FFFFFF);\n}";
+var css_248z$f = ".dateTimeSelector.dateTimeCalendar {\n  background: var(--white, #FFFFFF);\n}\n.dateTimeSelector .MuiMultiSectionDigitalClock-root,\n.dateTimeSelector .MuiMultiSectionDigitalClockSection-root {\n  flex: 1;\n}\n.dateTimeSelector .MuiMultiSectionDigitalClock-root .MuiMultiSectionDigitalClockSection-item.Mui-selected,\n.dateTimeSelector .MuiMultiSectionDigitalClockSection-root .MuiMultiSectionDigitalClockSection-item.Mui-selected {\n  background-color: var(--primary-brand-color, var(--grape, #69006E)) !important;\n}";
 styleInject(css_248z$f);
 
 function DatePicker(_a) {
@@ -8894,8 +8895,12 @@ function DateTimeCalendar(_a) {
     var classes = classNames("dateTimeSelector", "dateTimeCalendar", className);
     return React__default.createElement(LocalizationProvider, { dateAdapter: AdapterMoment },
         React__default.createElement(StaticDateTimePicker, __assign({}, props, { view: currentView, 
-            //Preview default auto switch
-            onViewChange: function (newView) { }, className: classes, viewRenderers: {
+            //Preview default auto switch fix
+            onViewChange: function (newView) {
+                if (currentView !== "hours" && (newView === "year" || currentView === "year")) {
+                    setCurrentView(newView);
+                }
+            }, className: classes, viewRenderers: {
                 hours: function (props) {
                     return React__default.createElement(MultiSectionDigitalClock, { ampm: props.ampm, minTime: props.minTime, maxTime: props.maxTime, onChange: props.onChange, value: props.value, defaultValue: props.defaultValue, disableFuture: props.disableFuture, disablePast: props.disablePast, timezone: props.timezone });
                 },
@@ -8905,6 +8910,7 @@ function DateTimeCalendar(_a) {
                 tabs: {
                     //@ts-ignore
                     onViewChange: function (view) {
+                        console.log("view", view);
                         setCurrentView(view);
                     }
                 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@cakemail-org/ui-components-v2",
-    "version": "2.1.4",
+    "version": "2.1.6",
     "description": "ui library kit made with material UI",
     "main": "dist/cjs/index.js",
     "module": "dist/esm/index.js",