@data-driven-forms/carbon-component-mapper - npm Package Compare versions

Comparing version 3.15.4 to 3.15.5

esm/time-picker-base/time-picker-base.js

 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["WrapperProps", "input", "enhnancedOnBlur", "enhancedOnChange", "finalValue", "invalid", "twelveHoursFormat", "timezones", "helperText", "warnText", "selectFormat", "selectTimezone"],
+var _excluded = ["WrapperProps", "input", "enhnancedOnBlur", "enhancedOnChange", "finalValue", "invalid", "twelveHoursFormat", "timezones", "helperText", "warnText", "selectFormat", "selectTimezone", "format", "timezone"],
     _excluded2 = ["showAs"];
@@ -25,2 +25,4 @@ import React from 'react';
       selectTimezone = _ref.selectTimezone,
+      format = _ref.format,
+      timezone = _ref.timezone,
       rest = _objectWithoutProperties(_ref, _excluded);
@@ -42,2 +44,3 @@
   }, rest), twelveHoursFormat && /*#__PURE__*/React.createElement(TimePickerSelect, {
+    defaultValue: format,
     labelText: "Period",
@@ -56,2 +59,3 @@ id: "".concat(rest.id || input.name, "-12h"),
   })), timezones && /*#__PURE__*/React.createElement(TimePickerSelect, {
+    defaultValue: timezone,
     labelText: "Timezone",
@@ -101,4 +105,6 @@ id: "".concat(rest.id || input.name, "-timezones"),
   selectFormat: PropTypes.func.isRequired,
-  selectTimezone: PropTypes.func.isRequired
+  selectTimezone: PropTypes.func.isRequired,
+  format: PropTypes.oneOf(['AM', 'PM']),
+  timezone: PropTypes.string
 };
 export default TimePickerBase;

esm/time-picker-date/time-picker-date.js

 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["input", "meta", "twelveHoursFormat", "timezones", "validateOnMount", "helperText", "WrapperProps"];
+var _excluded = ["input", "meta", "twelveHoursFormat", "timezones", "validateOnMount", "helperText", "WrapperProps", "defaultTimezone"];
 import React, { useState, useEffect, useRef } from 'react';
@@ -22,5 +22,6 @@ import PropTypes from 'prop-types';
       WrapperProps = _useFieldApi.WrapperProps,
+      defaultTimezone = _useFieldApi.defaultTimezone,
       rest = _objectWithoutProperties(_useFieldApi, _excluded);
 
-  var _useState = useState(timezones ? (_timezones$ = timezones[0]) === null || _timezones$ === void 0 ? void 0 : _timezones$.value : ''),
+  var _useState = useState(defaultTimezone || timezones ? (_timezones$ = timezones[0]) === null || _timezones$ === void 0 ? void 0 : _timezones$.value : ''),
       _useState2 = _slicedToArray(_useState, 2),
@@ -30,3 +31,7 @@ timezone = _useState2[0],
 
-  var _useState3 = useState('AM'),
+  var _useState3 = useState(function () {
+    var _input$value, _input$value$getHours;
+
+    return ((_input$value = input.value) === null || _input$value === void 0 ? void 0 : (_input$value$getHours = _input$value.getHours) === null || _input$value$getHours === void 0 ? void 0 : _input$value$getHours.call(_input$value)) >= 12 ? 'PM' : 'AM';
+  }),
       _useState4 = _slicedToArray(_useState3, 2),
@@ -112,3 +117,5 @@ format = _useState4[0],
     selectFormat: selectFormat,
-    selectTimezone: selectTimezone
+    selectTimezone: selectTimezone,
+    format: format,
+    timezone: timezone
   }, rest));
@@ -130,4 +137,5 @@ };
   })),
-  WrapperProps: PropTypes.object
+  WrapperProps: PropTypes.object,
+  defaultTimezone: PropTypes.string
 };
 export default TimePickerDate;

esm/time-picker-string/time-picker-string.js

@@ -68,3 +68,5 @@ import _extends from "@babel/runtime/helpers/extends";
     selectFormat: selectFormat,
-    selectTimezone: selectTimezone
+    selectTimezone: selectTimezone,
+    format: format,
+    timezone: timezone
   }, rest));
@@ -71,0 +73,0 @@ };

package.json

 {
   "name": "@data-driven-forms/carbon-component-mapper",
-  "version": "3.15.4",
+  "version": "3.15.5",
   "description": "Carbon React component mapper for Data Driven Forms.",
@@ -5,0 +5,0 @@ "main": "index.js",

time-picker-base/time-picker-base.d.ts

@@ -23,2 +23,4 @@ import { ReactNode } from "react";
     selectTimezone: (value: string) => void;
+    format?: 'AM' | 'PM';
+    defaultTimezone?: string;
 }
@@ -25,0 +27,0 @@

time-picker-base/time-picker-base.js

@@ -26,3 +26,3 @@ "use strict";
 
-var _excluded = ["WrapperProps", "input", "enhnancedOnBlur", "enhancedOnChange", "finalValue", "invalid", "twelveHoursFormat", "timezones", "helperText", "warnText", "selectFormat", "selectTimezone"],
+var _excluded = ["WrapperProps", "input", "enhnancedOnBlur", "enhancedOnChange", "finalValue", "invalid", "twelveHoursFormat", "timezones", "helperText", "warnText", "selectFormat", "selectTimezone", "format", "timezone"],
     _excluded2 = ["showAs"];
@@ -43,2 +43,4 @@
       selectTimezone = _ref.selectTimezone,
+      format = _ref.format,
+      timezone = _ref.timezone,
       rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
@@ -59,2 +61,3 @@ return /*#__PURE__*/_react["default"].createElement("div", WrapperProps, /*#__PURE__*/_react["default"].createElement(_TimePicker["default"], (0, _extends2["default"])({}, input, enhnancedOnBlur && {
   }, rest), twelveHoursFormat && /*#__PURE__*/_react["default"].createElement(_TimePickerSelect["default"], {
+    defaultValue: format,
     labelText: "Period",
@@ -73,2 +76,3 @@ id: "".concat(rest.id || input.name, "-12h"),
   })), timezones && /*#__PURE__*/_react["default"].createElement(_TimePickerSelect["default"], {
+    defaultValue: timezone,
     labelText: "Timezone",
@@ -117,5 +121,7 @@ id: "".concat(rest.id || input.name, "-timezones"),
   selectFormat: _propTypes["default"].func.isRequired,
-  selectTimezone: _propTypes["default"].func.isRequired
+  selectTimezone: _propTypes["default"].func.isRequired,
+  format: _propTypes["default"].oneOf(['AM', 'PM']),
+  timezone: _propTypes["default"].string
 };
 var _default = TimePickerBase;
 exports["default"] = _default;

time-picker-date/time-picker-date.d.ts

@@ -15,2 +15,3 @@ import { UseFieldApiComponentConfig } from "@data-driven-forms/react-form-renderer";
     timezones?: Timezone[];
+    defaultTimezone?: string;
 }
@@ -17,0 +18,0 @@

time-picker-date/time-picker-date.js

@@ -28,3 +28,3 @@ "use strict";
 
-var _excluded = ["input", "meta", "twelveHoursFormat", "timezones", "validateOnMount", "helperText", "WrapperProps"];
+var _excluded = ["input", "meta", "twelveHoursFormat", "timezones", "validateOnMount", "helperText", "WrapperProps", "defaultTimezone"];
 
@@ -46,5 +46,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
       WrapperProps = _useFieldApi.WrapperProps,
+      defaultTimezone = _useFieldApi.defaultTimezone,
       rest = (0, _objectWithoutProperties2["default"])(_useFieldApi, _excluded);
 
-  var _useState = (0, _react.useState)(timezones ? (_timezones$ = timezones[0]) === null || _timezones$ === void 0 ? void 0 : _timezones$.value : ''),
+  var _useState = (0, _react.useState)(defaultTimezone || timezones ? (_timezones$ = timezones[0]) === null || _timezones$ === void 0 ? void 0 : _timezones$.value : ''),
       _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
@@ -54,3 +55,7 @@ timezone = _useState2[0],
 
-  var _useState3 = (0, _react.useState)('AM'),
+  var _useState3 = (0, _react.useState)(function () {
+    var _input$value, _input$value$getHours;
+
+    return ((_input$value = input.value) === null || _input$value === void 0 ? void 0 : (_input$value$getHours = _input$value.getHours) === null || _input$value$getHours === void 0 ? void 0 : _input$value$getHours.call(_input$value)) >= 12 ? 'PM' : 'AM';
+  }),
       _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
@@ -136,3 +141,5 @@ format = _useState4[0],
     selectFormat: selectFormat,
-    selectTimezone: selectTimezone
+    selectTimezone: selectTimezone,
+    format: format,
+    timezone: timezone
   }, rest));
@@ -154,5 +161,6 @@ };
   })),
-  WrapperProps: _propTypes["default"].object
+  WrapperProps: _propTypes["default"].object,
+  defaultTimezone: _propTypes["default"].string
 };
 var _default = TimePickerDate;
 exports["default"] = _default;

time-picker-string/time-picker-string.js

@@ -91,3 +91,5 @@ "use strict";
     selectFormat: selectFormat,
-    selectTimezone: selectTimezone
+    selectTimezone: selectTimezone,
+    format: format,
+    timezone: timezone
   }, rest));
@@ -94,0 +96,0 @@ };

No alert changes

Improved metrics

Total package byte prevSize

297334

increased by0.54%

Lines of code

5887

increased by0.56%

No dependency changes