@vitality-ds/components 5.7.0 → 6.0.0-alpha.3

package/dist/Input/CurrencyInput/index.js

@@ -10,6 +10,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireDefault(require("react"));
 var _TextInput = _interopRequireDefault(require("../TextInput"));
 var _logic = require("./logic");
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["value", "onBlur", "currencySymbol", "currencyCode"];
 var CurrencyInput = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
   var value = _ref.value,
@@ -26,7 +27,7 @@ var CurrencyInput = /*#__PURE__*/_react["default"].forwardRef(function (_ref, re
     e.target.value = formattedValue;
     onBlur(e);
   };
-  return /*#__PURE__*/_react["default"].createElement(_TextInput["default"], (0, _extends2["default"])({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextInput["default"], (0, _extends2["default"])({
     value: value
   }, props, {
     type: "text",

package/dist/Input/DatePicker/components/Calendar/index.js

@@ -17,6 +17,7 @@ var _constants = require("./constants");
 var _useCalendar2 = _interopRequireDefault(require("./hooks/useCalendar"));
 var _logic = require("./logic");
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function Calendar(_ref) {
   var minYear = _ref.minYear,
@@ -37,60 +38,64 @@ function Calendar(_ref) {
     handleMouseOver = _useCalendar.handleMouseOver,
     prevMonthTooltip = _useCalendar.prevMonthTooltip,
     nextMonthTooltip = _useCalendar.nextMonthTooltip;
-  return /*#__PURE__*/_react["default"].createElement(_styled.BaseCalendar, null, /*#__PURE__*/_react["default"].createElement(_styled.TopBarContainer, null, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
-    tooltipContent: prevMonthTooltip,
-    size: "compact",
-    disabled: prevMonthTooltip === "End of Range",
-    icon: /*#__PURE__*/_react["default"].createElement(_lucideReact.ChevronLeft, null),
-    onClick: function onClick() {
-      dispatch({
-        type: "DECREMENT_MONTH"
-      });
-    }
-  }), /*#__PURE__*/_react["default"].createElement(_Select.Select, {
-    onChange: function onChange(monthSelection) {
-      return dispatch({
-        type: "GOTO_MONTH",
-        monthSelection: monthSelection
-      });
-    },
-    name: "".concat(name, "MonthSelect"),
-    id: "".concat(id, "MonthSelect"),
-    value: state.selectedMonth.value,
-    options: (0, _logic.generateMonths)(),
-    portalMenu: true
-  }), /*#__PURE__*/_react["default"].createElement(_Select.Select, {
-    onChange: function onChange(yearSelection) {
-      return dispatch({
-        type: "GOTO_YEAR",
-        yearSelection: yearSelection
-      });
-    },
-    id: "".concat(id, "YearSelect"),
-    value: state.selectedYear.value,
-    name: "".concat(name, "YearSelect"),
-    options: (0, _logic.generateYears)(minYear, maxYear),
-    portalMenu: true
-  }), /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
-    tooltipContent: nextMonthTooltip,
-    disabled: nextMonthTooltip === "End of Range",
-    size: "compact",
-    icon: /*#__PURE__*/_react["default"].createElement(_lucideReact.ChevronRight, null),
-    onClick: function onClick() {
-      dispatch({
-        type: "INCREMENT_MONTH"
-      });
-    }
-  })), /*#__PURE__*/_react["default"].createElement(_reactCalendar.MonthView, {
-    activeStartDate: (0, _logic.convertYearMonthStateToDate)(state.selectedYear.yearInt, state.selectedMonth.monthInt),
-    onMouseOver: handleMouseOver,
-    hover: Array.isArray(selectedDate) && hoverValue,
-    value: selectedDate,
-    valueType: _constants.CALENDAR_CONSTANTS.valueType,
-    calendarType: _constants.CALENDAR_CONSTANTS.calendarType,
-    showFixedNumberOfWeeks: true,
-    onClick: function onClick(date) {
-      return onSelectedDateChange((0, _logic.dateObjectToShortHand)(date));
-    }
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styled.BaseCalendar, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styled.TopBarContainer, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton["default"], {
+        tooltipContent: prevMonthTooltip,
+        size: "compact",
+        disabled: prevMonthTooltip === "End of Range",
+        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReact.ChevronLeft, {}),
+        onClick: function onClick() {
+          dispatch({
+            type: "DECREMENT_MONTH"
+          });
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.Select, {
+        onChange: function onChange(monthSelection) {
+          return dispatch({
+            type: "GOTO_MONTH",
+            monthSelection: monthSelection
+          });
+        },
+        name: "".concat(name, "MonthSelect"),
+        id: "".concat(id, "MonthSelect"),
+        value: state.selectedMonth.value,
+        options: (0, _logic.generateMonths)(),
+        portalMenu: true
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.Select, {
+        onChange: function onChange(yearSelection) {
+          return dispatch({
+            type: "GOTO_YEAR",
+            yearSelection: yearSelection
+          });
+        },
+        id: "".concat(id, "YearSelect"),
+        value: state.selectedYear.value,
+        name: "".concat(name, "YearSelect"),
+        options: (0, _logic.generateYears)(minYear, maxYear),
+        portalMenu: true
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton["default"], {
+        tooltipContent: nextMonthTooltip,
+        disabled: nextMonthTooltip === "End of Range",
+        size: "compact",
+        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReact.ChevronRight, {}),
+        onClick: function onClick() {
+          dispatch({
+            type: "INCREMENT_MONTH"
+          });
+        }
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactCalendar.MonthView, {
+      activeStartDate: (0, _logic.convertYearMonthStateToDate)(state.selectedYear.yearInt, state.selectedMonth.monthInt),
+      onMouseOver: handleMouseOver,
+      hover: Array.isArray(selectedDate) && hoverValue,
+      value: selectedDate,
+      valueType: _constants.CALENDAR_CONSTANTS.valueType,
+      calendarType: _constants.CALENDAR_CONSTANTS.calendarType,
+      showFixedNumberOfWeeks: true,
+      onClick: function onClick(date) {
+        return onSelectedDateChange((0, _logic.dateObjectToShortHand)(date));
+      }
+    })]
+  });
 }

package/dist/Input/DatePicker/index.js

@@ -16,6 +16,7 @@ var _Calendar = _interopRequireDefault(require("./components/Calendar"));
 var _useDatePicker2 = _interopRequireDefault(require("./hooks/useDatePicker"));
 var _logic = require("./logic");
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["name", "value", "onChange", "minYear", "maxYear", "id", "disabled", "css", "style", "className", "as", "asChild", "calendarValue", "openCalendarOnFocus", "onSelectedDateChange", "showFirstDateInRangeOnOpen", "onKeyDown"];
 var DatePicker = /*#__PURE__*/_react["default"].forwardRef(function (_ref, forwardedRef) {
   var name = _ref.name,
@@ -59,47 +60,48 @@ var DatePicker = /*#__PURE__*/_react["default"].forwardRef(function (_ref, forwa
     textValue = _useDatePicker.textValue,
     onEscapeKeyDown = _useDatePicker.onEscapeKeyDown,
     handleOnKeyDown = _useDatePicker.handleOnKeyDown;
-  return /*#__PURE__*/_react["default"].createElement(_styled.BaseDatePicker, {
-    ref: forwardedRef
-  }, /*#__PURE__*/_react["default"].createElement(_Popover["default"], {
-    isOpen: isOpen,
-    onInteractOutside: onInteractOutside,
-    onEscapeKeyDown: onEscapeKeyDown,
-    triggerElement: /*#__PURE__*/_react["default"].createElement(_TextInput["default"], (0, _extends2["default"])({
-      autoComplete: "off",
-      maskProps: {
-        presetMask: "date"
-      },
-      adornEnd: {
-        type: "iconButton",
-        props: {
-          icon: /*#__PURE__*/_react["default"].createElement(_lucideReact.Calendar, null),
-          onClick: onIconButtonClick,
-          // Let the user tab to the next field without focusing the icon button
-          tabIndex: -1,
-          tooltipContent: "Toggle calendar popover",
-          disabled: disabled,
-          id: iconButtonId
-        }
-      },
-      id: id,
-      disabled: disabled,
-      onFocus: onInputFocus,
-      name: name,
-      onChange: onTextInputValueChange,
-      onKeyDown: handleOnKeyDown,
-      value: textValue || ""
-    }, restProps)),
-    content: /*#__PURE__*/_react["default"].createElement(_Calendar["default"], {
-      showFirstDateInRangeOnOpen: showFirstDateInRangeOnOpen,
-      onSelectedDateChange: onCalendarCallbackValueChange,
-      selectedDate: calendarValue || (0, _logic.shortHandToDateObject)(textValue),
-      name: name,
-      id: id,
-      minYear: minYear || currentTime.year() - 5,
-      maxYear: maxYear || currentTime.year() + 5
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseDatePicker, {
+    ref: forwardedRef,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Popover["default"], {
+      isOpen: isOpen,
+      onInteractOutside: onInteractOutside,
+      onEscapeKeyDown: onEscapeKeyDown,
+      triggerElement: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextInput["default"], (0, _extends2["default"])({
+        autoComplete: "off",
+        maskProps: {
+          presetMask: "date"
+        },
+        adornEnd: {
+          type: "iconButton",
+          props: {
+            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReact.Calendar, {}),
+            onClick: onIconButtonClick,
+            // Let the user tab to the next field without focusing the icon button
+            tabIndex: -1,
+            tooltipContent: "Toggle calendar popover",
+            disabled: disabled,
+            id: iconButtonId
+          }
+        },
+        id: id,
+        disabled: disabled,
+        onFocus: onInputFocus,
+        name: name,
+        onChange: onTextInputValueChange,
+        onKeyDown: handleOnKeyDown,
+        value: textValue || ""
+      }, restProps)),
+      content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Calendar["default"], {
+        showFirstDateInRangeOnOpen: showFirstDateInRangeOnOpen,
+        onSelectedDateChange: onCalendarCallbackValueChange,
+        selectedDate: calendarValue || (0, _logic.shortHandToDateObject)(textValue),
+        name: name,
+        id: id,
+        minYear: minYear || currentTime.year() - 5,
+        maxYear: maxYear || currentTime.year() + 5
+      })
     })
-  }));
+  });
 });
 DatePicker.displayName = "DatePicker";
 var _default = exports["default"] = DatePicker;

package/dist/Input/DatePicker/logic.spec.js

@@ -5,6 +5,7 @@ var _react = require("@testing-library/react");
 var _react2 = _interopRequireDefault(require("react"));
 var _constants = require("./constants");
 var _logic = require("./logic");
+var _jsxRuntime = require("react/jsx-runtime");
 describe("shortHandToDateObject", function () {
   it("converts a shorthand date string to a JS date object", function () {
     var dateString = "01/01/2021";
@@ -28,11 +29,12 @@ describe("handleOnInteractOutside", function () {
     var testButtonText = "test";
 
     // Use a button to play the role of the element which returns an event
-    (0, _react.render)(/*#__PURE__*/_react2["default"].createElement("button", {
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
       type: "button",
       id: "someOtherId",
-      onClick: mockHandler
-    }, testButtonText));
+      onClick: mockHandler,
+      children: testButtonText
+    }));
     _react.fireEvent.click(_react.screen.getByText(testButtonText));
     expect(mockSetIsOpen).toHaveBeenCalledTimes(1);
     expect(mockSetIsOpen).toHaveBeenCalledWith(false);
@@ -44,11 +46,12 @@ describe("handleOnInteractOutside", function () {
     };
     var testButtonText = "test";
     // Use a button to play the role of the element which returns an event
-    (0, _react.render)(/*#__PURE__*/_react2["default"].createElement("button", {
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
       type: "button",
       id: "allowedElementId",
-      onClick: mockHandler
-    }, testButtonText));
+      onClick: mockHandler,
+      children: testButtonText
+    }));
     _react.fireEvent.click(_react.screen.getByText(testButtonText));
     expect(mockSetIsOpen).not.toHaveBeenCalled();
   });

package/dist/Input/DateRangePicker/helpers/determineFinancialYear.spec.js

@@ -5,7 +5,12 @@ var _dayjs = _interopRequireDefault(require("dayjs"));
 var _objectSupport = _interopRequireDefault(require("dayjs/plugin/objectSupport"));
 var _determineFinancialYear = require("./determineFinancialYear");
 _dayjs["default"].extend(_objectSupport["default"]);
-jest.useFakeTimers("modern");
+beforeAll(function () {
+  jest.useFakeTimers();
+});
+afterAll(function () {
+  jest.useRealTimers();
+});
 describe("determineThisFinancialYear", function () {
   it('should return the correct date for "from" when currentTime is before July', function () {
     jest.setSystemTime(new Date("2023-03-29"));

package/dist/Input/DateRangePicker/index.js

@@ -14,6 +14,7 @@ var _DatePicker = _interopRequireDefault(require("../DatePicker"));
 var _constants = _interopRequireDefault(require("./constants"));
 var _useDateRangePicker2 = _interopRequireDefault(require("./hooks/useDateRangePicker"));
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 var DateRangePicker = /*#__PURE__*/_react["default"].forwardRef(function (_ref, forwardedRef) {
   var value = _ref.value,
     _ref$toLabel = _ref.toLabel,
@@ -52,60 +53,72 @@ var DateRangePicker = /*#__PURE__*/_react["default"].forwardRef(function (_ref,
       }
     };
   });
-  return /*#__PURE__*/_react["default"].createElement(_styled.BaseDateRangePicker, {
-    ref: forwardedRef
-  }, /*#__PURE__*/_react["default"].createElement(_styled.DatePickerContainer, null, /*#__PURE__*/_react["default"].createElement(_Flex["default"], {
-    direction: "row",
-    wrap: "wrap",
-    spacing: "none"
-  }, /*#__PURE__*/_react["default"].createElement(_styled.DateContainer, null, /*#__PURE__*/_react["default"].createElement(_styled.BaseDateRangePickerLabel, {
-    id: "".concat(id, "_start_date")
-  }, fromLabel), /*#__PURE__*/_react["default"].createElement(_DatePicker["default"], {
-    disabled: disabled,
-    hasError: hasError,
-    showFirstDateInRangeOnOpen: true,
-    minYear: minYear && minYear,
-    maxYear: maxYear && maxYear,
-    onChange: handleNewStartDate,
-    value: selectedValue.startDate,
-    calendarValue: calendarValue.length === 1 ? calendarValue[0] : calendarValue,
-    id: "".concat(id, "_start_date"),
-    onSelectedDateChange: function onSelectedDateChange() {
-      return inputRef.current.children[0].children[0].children[0].focus();
-    },
-    name: "".concat(name, "_start_date")
-  })), /*#__PURE__*/_react["default"].createElement(_styled.DateContainer, null, /*#__PURE__*/_react["default"].createElement(_styled.BaseDateRangePickerLabel, {
-    id: "".concat(id, "_end_date")
-  }, toLabel), /*#__PURE__*/_react["default"].createElement(_DatePicker["default"], {
-    ref: inputRef,
-    disabled: disabled,
-    hasError: hasError,
-    minYear: minYear && minYear,
-    maxYear: maxYear && maxYear,
-    value: selectedValue.endDate,
-    onChange: handleNewEndDate,
-    calendarValue: calendarValue,
-    id: "".concat(id, "_end_date"),
-    name: "".concat(name, "_end_date")
-  }))), /*#__PURE__*/_react["default"].createElement(_styled.ExtrasContainer, null, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
-    tooltipContent: "Clear",
-    disabled: disabled,
-    onClick: function onClick() {
-      return handleClearButtonClick();
-    },
-    icon: /*#__PURE__*/_react["default"].createElement(_lucideReact.X, null)
-  }), showPresets && /*#__PURE__*/_react["default"].createElement(_DropdownMenu["default"], {
-    disabled: disabled,
-    trigger: {
-      type: "iconButton",
-      props: {
-        icon: /*#__PURE__*/_react["default"].createElement(_lucideReact.EllipsisVertical, null),
-        tooltipContent: "Preset Ranges"
-      }
-    },
-    items: itemsArray,
-    preferredAlignment: "center"
-  }))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseDateRangePicker, {
+    ref: forwardedRef,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styled.DatePickerContainer, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Flex["default"], {
+        direction: "row",
+        wrap: "wrap",
+        spacing: "none",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styled.DateContainer, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseDateRangePickerLabel, {
+            id: "".concat(id, "_start_date"),
+            children: fromLabel
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker["default"], {
+            disabled: disabled,
+            hasError: hasError,
+            showFirstDateInRangeOnOpen: true,
+            minYear: minYear && minYear,
+            maxYear: maxYear && maxYear,
+            onChange: handleNewStartDate,
+            value: selectedValue.startDate,
+            calendarValue: calendarValue.length === 1 ? calendarValue[0] : calendarValue,
+            id: "".concat(id, "_start_date"),
+            onSelectedDateChange: function onSelectedDateChange() {
+              return inputRef.current.children[0].children[0].children[0].focus();
+            },
+            name: "".concat(name, "_start_date")
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styled.DateContainer, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseDateRangePickerLabel, {
+            id: "".concat(id, "_end_date"),
+            children: toLabel
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker["default"], {
+            ref: inputRef,
+            disabled: disabled,
+            hasError: hasError,
+            minYear: minYear && minYear,
+            maxYear: maxYear && maxYear,
+            value: selectedValue.endDate,
+            onChange: handleNewEndDate,
+            calendarValue: calendarValue,
+            id: "".concat(id, "_end_date"),
+            name: "".concat(name, "_end_date")
+          })]
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styled.ExtrasContainer, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton["default"], {
+          tooltipContent: "Clear",
+          disabled: disabled,
+          onClick: function onClick() {
+            return handleClearButtonClick();
+          },
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReact.X, {})
+        }), showPresets && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DropdownMenu["default"], {
+          disabled: disabled,
+          trigger: {
+            type: "iconButton",
+            props: {
+              icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReact.EllipsisVertical, {}),
+              tooltipContent: "Preset Ranges"
+            }
+          },
+          items: itemsArray,
+          preferredAlignment: "center"
+        })]
+      })]
+    })
+  });
 });
 DateRangePicker.displayName = "DateRangePicker";
 var _default = exports["default"] = DateRangePicker;

package/dist/Input/DurationInput/index.js

@@ -10,12 +10,13 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireDefault(require("react"));
 var _TextInput = _interopRequireDefault(require("../TextInput"));
 var _logic = require("./logic");
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["value"];
 var DurationInput = /*#__PURE__*/_react["default"].forwardRef(function (_ref, forwardedRef) {
   var value = _ref.value,
     props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var formattedDuration = (0, _logic.format)(value);
-  return /*#__PURE__*/_react["default"].createElement(_TextInput["default"], (0, _extends2["default"])({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextInput["default"], (0, _extends2["default"])({
     value: value
   }, props, {
     type: "text",

package/dist/Input/PasswordInput/constants.js

@@ -7,16 +7,17 @@ Object.defineProperty(exports, "__esModule", {
 exports.passwordProps = void 0;
 var _lucideReact = require("lucide-react");
 var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
 // eslint-disable-next-line import/prefer-default-export
 var passwordProps = exports.passwordProps = {
   "true": {
     tooltipContent: "Hide Password",
-    icon: /*#__PURE__*/_react["default"].createElement(_lucideReact.Eye, null),
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReact.Eye, {}),
     type: "text"
   },
   "false": {
     tooltipContent: "Show Password",
-    icon: /*#__PURE__*/_react["default"].createElement(_lucideReact.EyeOff, null),
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReact.EyeOff, {}),
     type: "password"
   }
 };

package/dist/Input/PasswordInput/hooks/usePasswordVisible.spec.js

@@ -1,11 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _reactHooks = require("@testing-library/react-hooks");
+var _react = require("@testing-library/react");
 var _usePasswordVisible = _interopRequireDefault(require("./usePasswordVisible"));
 describe("usePasswordVisible", function () {
   var mount = function mount() {
-    return (0, _reactHooks.renderHook)(function () {
+    return (0, _react.renderHook)(function () {
       return (0, _usePasswordVisible["default"])(false);
     });
   };

package/dist/Input/PasswordInput/index.js

@@ -11,6 +11,7 @@ var _react = _interopRequireDefault(require("react"));
 var _TextInput = _interopRequireDefault(require("../TextInput"));
 var _constants = require("./constants");
 var _usePasswordVisible2 = _interopRequireDefault(require("./hooks/usePasswordVisible"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["disableVisibilitySwitch"];
 var PasswordInput = /*#__PURE__*/_react["default"].forwardRef(function (_ref, forwardedRef) {
   var disableVisibilitySwitch = _ref.disableVisibilitySwitch,
@@ -19,7 +20,7 @@ var PasswordInput = /*#__PURE__*/_react["default"].forwardRef(function (_ref, fo
     passwordVisible = _usePasswordVisible.passwordVisible,
     setPasswordVisible = _usePasswordVisible.setPasswordVisible;
   if (disableVisibilitySwitch) {
-    return /*#__PURE__*/_react["default"].createElement(_TextInput["default"], (0, _extends2["default"])({}, props, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextInput["default"], (0, _extends2["default"])({}, props, {
       type: "password"
     }));
   }
@@ -27,7 +28,7 @@ var PasswordInput = /*#__PURE__*/_react["default"].forwardRef(function (_ref, fo
     icon = _passwordProps$String.icon,
     tooltipContent = _passwordProps$String.tooltipContent,
     type = _passwordProps$String.type;
-  return /*#__PURE__*/_react["default"].createElement(_TextInput["default"], (0, _extends2["default"])({}, props, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextInput["default"], (0, _extends2["default"])({}, props, {
     type: type,
     adornEnd: {
       type: "iconButton",

package/dist/Input/PasswordInput/index.spec.js

@@ -1,10 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = require("@testing-library/react");
 var _react2 = _interopRequireDefault(require("react"));
 var _contexts = _interopRequireDefault(require("../../Tooltip/contexts"));
 var _index = _interopRequireDefault(require("./index"));
+var _jsxRuntime = require("react/jsx-runtime");
 var PLACEHOLDER = "test";
 var defaultProps = {
   value: "",
@@ -18,13 +20,17 @@ describe("Password", function () {
     expect(_index["default"]).toBeDefined();
   });
   it("should render the type='password' by default", function () {
-    var _render = (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_contexts["default"], null, /*#__PURE__*/_react2["default"].createElement(_index["default"], defaultProps))),
+    var _render = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_contexts["default"], {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], (0, _extends2["default"])({}, defaultProps))
+      })),
       container = _render.container;
     expect(container.querySelectorAll("input")).toHaveLength(1);
     expect(container.querySelector("input").getAttribute("type")).toBe("password");
   });
   it("makes the disguised password visible when toggle is clicked", function () {
-    (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_contexts["default"], null, /*#__PURE__*/_react2["default"].createElement(_index["default"], defaultProps)));
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_contexts["default"], {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], (0, _extends2["default"])({}, defaultProps))
+    }));
     var input = _react.screen.getByPlaceholderText(PLACEHOLDER);
     var button = _react.screen.getByRole("button");
     _react.fireEvent.click(button);

package/dist/Input/RadioButtons/components/RadioButton/index.js

@@ -9,6 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["label", "id", "value", "disabled"];
 var RadioButton = /*#__PURE__*/_react["default"].forwardRef(function (_ref, forwardedRef) {
   var label = _ref.label,
@@ -16,18 +17,22 @@ var RadioButton = /*#__PURE__*/_react["default"].forwardRef(function (_ref, forw
     value = _ref.value,
     disabled = _ref.disabled,
     restProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_styled.BaseRadioButtonContainer, {
-    ref: forwardedRef
-  }, /*#__PURE__*/_react["default"].createElement(_styled.BaseRadioButton, (0, _extends2["default"])({
-    disabled: disabled,
-    value: value,
-    id: id
-  }, restProps), /*#__PURE__*/_react["default"].createElement(_styled.BaseRadioIndicator, {
-    disabled: disabled
-  })), /*#__PURE__*/_react["default"].createElement(_styled.BaseRadioLabel, {
-    disabled: disabled,
-    htmlFor: id
-  }, label));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styled.BaseRadioButtonContainer, {
+    ref: forwardedRef,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseRadioButton, (0, _extends2["default"])({
+      disabled: disabled,
+      value: value,
+      id: id
+    }, restProps, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseRadioIndicator, {
+        disabled: disabled
+      })
+    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseRadioLabel, {
+      disabled: disabled,
+      htmlFor: id,
+      children: label
+    })]
+  });
 });
 RadioButton.displayName = "RadioButton";
 var _default = exports["default"] = RadioButton;