@data-driven-forms/carbon-component-mapper 4.1.1 → 4.1.2

package/textarea/textarea.js

@@ -15,7 +15,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _useFieldApi2 = _interopRequireDefault(require("@data-driven-forms/react-form-renderer/use-field-api"));
 
-var _carbonComponentsReact = require("carbon-components-react");
+var _react2 = require("@carbon/react");
 
 var _prepareProps = _interopRequireDefault(require("../prepare-props"));
 
@@ -31,7 +31,7 @@ var Textarea = function Textarea(props) {
 
   var invalid = (meta.touched || validateOnMount) && (meta.error || meta.submitError);
   var text = (meta.touched || validateOnMount) && meta.warning || helperText;
-  return /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.TextArea, (0, _extends2["default"])({}, input, {
+  return /*#__PURE__*/_react["default"].createElement(_react2.TextArea, (0, _extends2["default"])({}, input, {
     key: input.name,
     id: input.name,
     invalid: Boolean(invalid),

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

@@ -3,7 +3,7 @@ import { AnyObject, Input } from "@data-driven-forms/react-form-renderer";
 
 import { FormGroupProps } from "../form-group";
 
-import { TimePickerProps as CarbonTimePickerProps, SelectItemProps } from 'carbon-components-react';
+import { TimePickerProps as CarbonTimePickerProps, SelectItemProps } from '@carbon/react';
 
 export interface Timezone extends SelectItemProps {
     value: string;

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

@@ -13,7 +13,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _carbonComponentsReact = require("carbon-components-react");
+var _react2 = require("@carbon/react");
 
 var _helperTextBlock = _interopRequireDefault(require("../helper-text-block/helper-text-block"));
 
@@ -36,7 +36,7 @@ var TimePickerBase = function TimePickerBase(_ref) {
       format = _ref.format,
       timezone = _ref.timezone,
       rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement("div", WrapperProps, /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.TimePicker, (0, _extends2["default"])({}, input, enhnancedOnBlur && {
+  return /*#__PURE__*/_react["default"].createElement("div", WrapperProps, /*#__PURE__*/_react["default"].createElement(_react2.TimePicker, (0, _extends2["default"])({}, input, enhnancedOnBlur && {
     onBlur: enhnancedOnBlur
   }, enhancedOnChange && {
     onChange: function onChange(e) {
@@ -49,7 +49,7 @@ var TimePickerBase = function TimePickerBase(_ref) {
     id: input.name,
     invalid: Boolean(invalid),
     invalidText: invalid || ''
-  }, rest), twelveHoursFormat && /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.TimePickerSelect, {
+  }, rest), twelveHoursFormat && /*#__PURE__*/_react["default"].createElement(_react2.TimePickerSelect, {
     defaultValue: format,
     labelText: "Period",
     id: "".concat(rest.id || input.name, "-12h"),
@@ -57,13 +57,13 @@ var TimePickerBase = function TimePickerBase(_ref) {
       var value = _ref2.target.value;
       return selectFormat(value);
     }
-  }, /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.SelectItem, {
+  }, /*#__PURE__*/_react["default"].createElement(_react2.SelectItem, {
     value: "AM",
     text: "AM"
-  }), /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.SelectItem, {
+  }), /*#__PURE__*/_react["default"].createElement(_react2.SelectItem, {
     value: "PM",
     text: "PM"
-  })), timezones && /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.TimePickerSelect, {
+  })), timezones && /*#__PURE__*/_react["default"].createElement(_react2.TimePickerSelect, {
     defaultValue: timezone,
     labelText: "Timezone",
     id: "".concat(rest.id || input.name, "-timezones"),
@@ -74,7 +74,7 @@ var TimePickerBase = function TimePickerBase(_ref) {
   }, timezones.map(function (_ref4) {
     var showAs = _ref4.showAs,
         tz = (0, _objectWithoutProperties2["default"])(_ref4, _excluded2);
-    return /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.SelectItem, (0, _extends2["default"])({
+    return /*#__PURE__*/_react["default"].createElement(_react2.SelectItem, (0, _extends2["default"])({
       key: tz.value,
       text: tz.label
     }, tz));

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

@@ -2,7 +2,7 @@ import { UseFieldApiComponentConfig } from "@data-driven-forms/react-form-render
 
 import { FormGroupProps } from "../form-group";
 
-import { TimePickerProps as CarbonTimePickerProps, SelectItemProps } from 'carbon-components-react';
+import { TimePickerProps as CarbonTimePickerProps, SelectItemProps } from '@carbon/react';
 
 export interface Timezone extends SelectItemProps {
     value: string;

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

@@ -2,7 +2,7 @@ import { UseFieldApiComponentConfig } from "@data-driven-forms/react-form-render
 
 import { FormGroupProps } from "../form-group";
 
-import { TimePickerProps as CarbonTimePickerProps, SelectItemProps } from 'carbon-components-react';
+import { TimePickerProps as CarbonTimePickerProps, SelectItemProps } from '@carbon/react';
 
 export interface Timezone extends SelectItemProps {
     value: string;

package/with-description/with-description.js

@@ -9,14 +9,34 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _carbonComponentsReact = require("carbon-components-react");
+var _reactJssCjs = require("react-jss/dist/react-jss.cjs.js");
+
+var _react2 = require("@carbon/react");
+
+var _icons = require("@carbon/react/icons");
+
+var useStyles = (0, _reactJssCjs.createUseStyles)({
+  container: {
+    display: 'inline-flex',
+    alignItems: 'center',
+    gap: '0.5rem'
+  }
+});
 
 var WithDescription = function WithDescription(_ref) {
   var labelText = _ref.labelText,
       description = _ref.description;
-  return /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.Tooltip, {
-    triggerText: labelText
-  }, description);
+
+  var _useStyles = useStyles(),
+      container = _useStyles.container;
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: container
+  }, /*#__PURE__*/_react["default"].createElement("span", null, labelText), /*#__PURE__*/_react["default"].createElement(_react2.Toggletip, {
+    align: "bottom"
+  }, /*#__PURE__*/_react["default"].createElement(_react2.ToggletipButton, {
+    label: "Show information"
+  }, /*#__PURE__*/_react["default"].createElement(_icons.Information, null)), /*#__PURE__*/_react["default"].createElement(_react2.ToggletipContent, null, /*#__PURE__*/_react["default"].createElement("p", null, description))));
 };
 
 var _default = WithDescription;

package/wizard/wizard.d.ts

@@ -1,6 +1,6 @@
 import { Field, AnyObject } from "@data-driven-forms/react-form-renderer";
 import { ReactNode } from "react";
-import { ButtonProps, ProgressIndicatorProps, ProgressStepProps } from "carbon-components-react";
+import { ButtonProps, ProgressIndicatorProps, ProgressStepProps } from "@carbon/react";
 
 export interface WizardButtonLabels {
   submit?: ReactNode;

package/wizard/wizard.js

@@ -27,9 +27,7 @@ var _formSpy = _interopRequireDefault(require("@data-driven-forms/react-form-ren
 
 var _wizardContext = _interopRequireDefault(require("@data-driven-forms/react-form-renderer/wizard-context"));
 
-var _carbonComponentsReact = require("carbon-components-react");
-
-var _ProgressIndicator = require("carbon-components-react/lib/components/ProgressIndicator/ProgressIndicator");
+var _react2 = require("@carbon/react");
 
 var _excluded = ["stepsInfo", "jumpToStep"],
     _excluded2 = ["title"],
@@ -67,7 +65,7 @@ var WizardNav = function WizardNav(_ref) {
   var _useStyles = useStyles(),
       horizontalNav = _useStyles.horizontalNav;
 
-  return /*#__PURE__*/_react["default"].createElement(_ProgressIndicator.ProgressIndicator, (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement(_react2.ProgressIndicator, (0, _extends2["default"])({
     onChange: function onChange(index) {
       return props.currentIndex > index ? jumpToStep(index, true) : undefined;
     }
@@ -76,7 +74,7 @@ var WizardNav = function WizardNav(_ref) {
   }), stepsInfo.map(function (_ref2, index) {
     var title = _ref2.title,
         step = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
-    return /*#__PURE__*/_react["default"].createElement(_ProgressIndicator.ProgressStep, (0, _extends2["default"])({
+    return /*#__PURE__*/_react["default"].createElement(_react2.ProgressStep, (0, _extends2["default"])({
       key: index,
       label: title,
       disabled: index > props.currentIndex
@@ -111,15 +109,19 @@ var VerticalLayout = function VerticalLayout(_ref4) {
   var _useStyles3 = useStyles(),
       body = _useStyles3.body;
 
-  return /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.Grid, {
+  return /*#__PURE__*/_react["default"].createElement(_react2.Grid, {
     narrow: true
-  }, /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.Row, null, /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.Column, {
+  }, /*#__PURE__*/_react["default"].createElement(_react2.Column, {
     sm: 1,
     md: 2,
     lg: 3
-  }, nav), /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.Column, (0, _extends2["default"])({}, WizardBodyProps, {
+  }, nav), /*#__PURE__*/_react["default"].createElement(_react2.Column, (0, _extends2["default"])({
+    sm: 3,
+    md: 6,
+    lg: 13
+  }, WizardBodyProps, {
     className: (0, _clsx["default"])(body, WizardBodyProps === null || WizardBodyProps === void 0 ? void 0 : WizardBodyProps.className)
-  }), fields)));
+  }), fields));
 };
 
 var WizardInternal = function WizardInternal(_ref5) {
@@ -181,17 +183,17 @@ var WizardInternal = function WizardInternal(_ref5) {
     var progressNext = nextResult !== conditionalSubmitFlag && currentStep.nextStep;
     return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, ButtonSetProps, {
       className: (0, _clsx["default"])(buttonSet, ButtonSetProps.className)
-    }), progressNext ? /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.Button, (0, _extends2["default"])({
+    }), progressNext ? /*#__PURE__*/_react["default"].createElement(_react2.Button, (0, _extends2["default"])({
       onClick: function onClick() {
         return handleNext(nextResult);
       },
       disabled: !formOptions.valid || invalid || validating || submitting
-    }, NextButtonProps), finalButtoLabels.next) : /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.Button, (0, _extends2["default"])({
+    }, NextButtonProps), finalButtoLabels.next) : /*#__PURE__*/_react["default"].createElement(_react2.Button, (0, _extends2["default"])({
       onClick: function onClick() {
         return formOptions.handleSubmit();
       },
       disabled: !formOptions.valid || invalid || validating || submitting
-    }, SubmitButtonProps), finalButtoLabels.submit), /*#__PURE__*/_react["default"].createElement(_carbonComponentsReact.Button, (0, _extends2["default"])({
+    }, SubmitButtonProps), finalButtoLabels.submit), /*#__PURE__*/_react["default"].createElement(_react2.Button, (0, _extends2["default"])({
       kind: "secondary",
       onClick: handlePrev,
       disabled: activeStepIndex === 0