@data-driven-forms/carbon-component-mapper 3.15.4 → 3.16.0

package/component-mapper/component-mapper.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.components = exports["default"] = void 0;
+exports["default"] = exports.components = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 

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

@@ -1,6 +1,6 @@
 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"];
 import React from 'react';
 import PropTypes from 'prop-types';
@@ -22,6 +22,8 @@ var TimePickerBase = function TimePickerBase(_ref) {
       warnText = _ref.warnText,
       selectFormat = _ref.selectFormat,
       selectTimezone = _ref.selectTimezone,
+      format = _ref.format,
+      timezone = _ref.timezone,
       rest = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement("div", WrapperProps, /*#__PURE__*/React.createElement(CarbonTimePicker, _extends({}, input, enhnancedOnBlur && {
@@ -38,6 +40,7 @@ var TimePickerBase = function TimePickerBase(_ref) {
     invalid: Boolean(invalid),
     invalidText: invalid || ''
   }, rest), twelveHoursFormat && /*#__PURE__*/React.createElement(TimePickerSelect, {
+    defaultValue: format,
     labelText: "Period",
     id: "".concat(rest.id || input.name, "-12h"),
     onChange: function onChange(_ref2) {
@@ -51,6 +54,7 @@ var TimePickerBase = function TimePickerBase(_ref) {
     value: "PM",
     text: "PM"
   })), timezones && /*#__PURE__*/React.createElement(TimePickerSelect, {
+    defaultValue: timezone,
     labelText: "Timezone",
     id: "".concat(rest.id || input.name, "-timezones"),
     onChange: function onChange(_ref3) {
@@ -95,6 +99,8 @@ TimePickerBase.propTypes = {
   helperText: PropTypes.node,
   warnText: PropTypes.node,
   selectFormat: PropTypes.func.isRequired,
-  selectTimezone: PropTypes.func.isRequired
+  selectTimezone: PropTypes.func.isRequired,
+  format: PropTypes.oneOf(['AM', 'PM']),
+  timezone: PropTypes.string
 };
 export default TimePickerBase;

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

@@ -1,7 +1,7 @@
 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';
 import PropTypes from 'prop-types';
 import useFieldApi from "@data-driven-forms/react-form-renderer/use-field-api";
@@ -19,14 +19,19 @@ var TimePickerDate = function TimePickerDate(props) {
       validateOnMount = _useFieldApi.validateOnMount,
       helperText = _useFieldApi.helperText,
       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),
       timezone = _useState2[0],
       selectTimezone = _useState2[1];
 
-  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),
       format = _useState4[0],
       selectFormat = _useState4[1];
@@ -107,7 +112,9 @@ var TimePickerDate = function TimePickerDate(props) {
     helperText: helperText,
     warnText: warnText,
     selectFormat: selectFormat,
-    selectTimezone: selectTimezone
+    selectTimezone: selectTimezone,
+    format: format,
+    timezone: timezone
   }, rest));
 };
 
@@ -124,6 +131,7 @@ TimePickerDate.propTypes = {
     label: PropTypes.node.isRequired,
     showAs: PropTypes.string
   })),
-  WrapperProps: PropTypes.object
+  WrapperProps: PropTypes.object,
+  defaultTimezone: PropTypes.string
 };
 export default TimePickerDate;

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

@@ -65,7 +65,9 @@ var TimePickerString = function TimePickerString(props) {
     helperText: helperText,
     warnText: warnText,
     selectFormat: selectFormat,
-    selectTimezone: selectTimezone
+    selectTimezone: selectTimezone,
+    format: format,
+    timezone: timezone
   }, rest));
 };
 

package/form-template/form-template.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Header = exports.Form = exports.Description = exports.Title = exports.ButtonGroup = exports.Button = void 0;
+exports["default"] = exports.Title = exports.Header = exports.Form = exports.Description = exports.ButtonGroup = exports.Button = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 

package/index.d.ts

@@ -1,6 +1,6 @@
 export { default as Checkbox } from './checkbox';
 export * from './checkbox';
-export { default as ComponentMapper } from './component-mapper';
+export { default as mapper } from './component-mapper';
 export * from './component-mapper';
 export { default as DatePicker } from './date-picker';
 export * from './date-picker';
@@ -10,7 +10,7 @@ export { default as FieldArray } from './field-array';
 export * from './field-array';
 export { default as FormGroup } from './form-group';
 export * from './form-group';
-export { default as FormTemplate } from './form-template';
+export { default as WrappedFormTemplate } from './form-template';
 export * from './form-template';
 export { default as HelperTextBlock } from './helper-text-block';
 export * from './helper-text-block';
@@ -18,7 +18,7 @@ export { default as IsRequired } from './is-required';
 export * from './is-required';
 export { default as PlainText } from './plain-text';
 export * from './plain-text';
-export { default as PrepareProps } from './prepare-props';
+export { default as prepareProps } from './prepare-props';
 export * from './prepare-props';
 export { default as Radio } from './radio';
 export * from './radio';

package/index.js

@@ -7,24 +7,6 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "componentMapper", {
-  enumerable: true,
-  get: function get() {
-    return _componentMapper["default"];
-  }
-});
-Object.defineProperty(exports, "components", {
-  enumerable: true,
-  get: function get() {
-    return _componentMapper.components;
-  }
-});
-Object.defineProperty(exports, "FormTemplate", {
-  enumerable: true,
-  get: function get() {
-    return _formTemplate["default"];
-  }
-});
 Object.defineProperty(exports, "Checkbox", {
   enumerable: true,
   get: function get() {
@@ -49,6 +31,12 @@ Object.defineProperty(exports, "FieldArray", {
     return _fieldArray["default"];
   }
 });
+Object.defineProperty(exports, "FormTemplate", {
+  enumerable: true,
+  get: function get() {
+    return _formTemplate["default"];
+  }
+});
 Object.defineProperty(exports, "PlainText", {
   enumerable: true,
   get: function get() {
@@ -109,16 +97,28 @@ Object.defineProperty(exports, "Wizard", {
     return _wizard["default"];
   }
 });
-Object.defineProperty(exports, "prepareProps", {
+Object.defineProperty(exports, "buildLabel", {
   enumerable: true,
   get: function get() {
-    return _prepareProps["default"];
+    return _prepareProps.buildLabel;
   }
 });
-Object.defineProperty(exports, "buildLabel", {
+Object.defineProperty(exports, "componentMapper", {
   enumerable: true,
   get: function get() {
-    return _prepareProps.buildLabel;
+    return _componentMapper["default"];
+  }
+});
+Object.defineProperty(exports, "components", {
+  enumerable: true,
+  get: function get() {
+    return _componentMapper.components;
+  }
+});
+Object.defineProperty(exports, "prepareProps", {
+  enumerable: true,
+  get: function get() {
+    return _prepareProps["default"];
   }
 });
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@data-driven-forms/carbon-component-mapper",
-  "version": "3.15.4",
+  "version": "3.16.0",
   "description": "Carbon React component mapper for Data Driven Forms.",
   "main": "index.js",
   "module": "esm/index.js",

package/select/select.js

@@ -7,7 +7,7 @@ var _typeof3 = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.getMultiValue = void 0;
+exports.getMultiValue = exports["default"] = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 

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

@@ -20,6 +20,8 @@ interface InternalTimePickerBaseProps extends CarbonTimePickerProps, AnyObject {
     warnText?: ReactNode;
     selectFormat: (value: 'AM' | 'PM') => void;
     selectTimezone: (value: string) => void;
+    format?: 'AM' | 'PM';
+    defaultTimezone?: string;
 }
 
 export type TimePickerBaseProps = InternalTimePickerBaseProps & FormGroupProps;

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

@@ -23,7 +23,7 @@ var _SelectItem = _interopRequireDefault(require("carbon-components-react/lib/co
 
 var _helperTextBlock = _interopRequireDefault(require("../helper-text-block/helper-text-block"));
 
-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"];
 
 var TimePickerBase = function TimePickerBase(_ref) {
@@ -39,6 +39,8 @@ var TimePickerBase = function TimePickerBase(_ref) {
       warnText = _ref.warnText,
       selectFormat = _ref.selectFormat,
       selectTimezone = _ref.selectTimezone,
+      format = _ref.format,
+      timezone = _ref.timezone,
       rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement("div", WrapperProps, /*#__PURE__*/_react["default"].createElement(_TimePicker["default"], (0, _extends2["default"])({}, input, enhnancedOnBlur && {
     onBlur: enhnancedOnBlur
@@ -54,6 +56,7 @@ var TimePickerBase = function TimePickerBase(_ref) {
     invalid: Boolean(invalid),
     invalidText: invalid || ''
   }, rest), twelveHoursFormat && /*#__PURE__*/_react["default"].createElement(_TimePickerSelect["default"], {
+    defaultValue: format,
     labelText: "Period",
     id: "".concat(rest.id || input.name, "-12h"),
     onChange: function onChange(_ref2) {
@@ -67,6 +70,7 @@ var TimePickerBase = function TimePickerBase(_ref) {
     value: "PM",
     text: "PM"
   })), timezones && /*#__PURE__*/_react["default"].createElement(_TimePickerSelect["default"], {
+    defaultValue: timezone,
     labelText: "Timezone",
     id: "".concat(rest.id || input.name, "-timezones"),
     onChange: function onChange(_ref3) {
@@ -110,7 +114,9 @@ TimePickerBase.propTypes = {
   helperText: _propTypes["default"].node,
   warnText: _propTypes["default"].node,
   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;

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

@@ -12,6 +12,7 @@ export interface Timezone extends SelectItemProps {
 interface InternalTimePickerProps extends CarbonTimePickerProps {
     twelveHoursFormat?: boolean;
     timezones?: Timezone[];
+    defaultTimezone?: string;
 }
 
 export type TimePickerDateProps = InternalTimePickerProps & FormGroupProps & UseFieldApiComponentConfig;

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

@@ -25,7 +25,7 @@ var _prepareProps = _interopRequireDefault(require("../prepare-props"));
 
 var _timePickerBase = _interopRequireDefault(require("../time-picker-base"));
 
-var _excluded = ["input", "meta", "twelveHoursFormat", "timezones", "validateOnMount", "helperText", "WrapperProps"];
+var _excluded = ["input", "meta", "twelveHoursFormat", "timezones", "validateOnMount", "helperText", "WrapperProps", "defaultTimezone"];
 
 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); }
 
@@ -42,14 +42,19 @@ var TimePickerDate = function TimePickerDate(props) {
       validateOnMount = _useFieldApi.validateOnMount,
       helperText = _useFieldApi.helperText,
       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),
       timezone = _useState2[0],
       selectTimezone = _useState2[1];
 
-  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),
       format = _useState4[0],
       selectFormat = _useState4[1];
@@ -130,7 +135,9 @@ var TimePickerDate = function TimePickerDate(props) {
     helperText: helperText,
     warnText: warnText,
     selectFormat: selectFormat,
-    selectTimezone: selectTimezone
+    selectTimezone: selectTimezone,
+    format: format,
+    timezone: timezone
   }, rest));
 };
 
@@ -147,7 +154,8 @@ TimePickerDate.propTypes = {
     label: _propTypes["default"].node.isRequired,
     showAs: _propTypes["default"].string
   })),
-  WrapperProps: _propTypes["default"].object
+  WrapperProps: _propTypes["default"].object,
+  defaultTimezone: _propTypes["default"].string
 };
 var _default = TimePickerDate;
 exports["default"] = _default;

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

@@ -88,7 +88,9 @@ var TimePickerString = function TimePickerString(props) {
     helperText: helperText,
     warnText: warnText,
     selectFormat: selectFormat,
-    selectTimezone: selectTimezone
+    selectTimezone: selectTimezone,
+    format: format,
+    timezone: timezone
   }, rest));
 };