@elliemae/ds-controlled-form 2.2.0-alpha.3 → 3.0.0-next.0

package/cjs/controlled-date-time-picker/utils/stringHelpers.js

@@ -1,155 +1,162 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/es.string.replace.js');
+var constants = require('./constants.js');
+var numberHelpers = require('./numberHelpers.js');
+
+/* eslint-disable max-lines */
+
+const prependStringWithPlaceHolders = function (val, finalLength) {
+  let placeholder = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '0';
+  if (val.length === finalLength) return val;
+  const stringAsAnArray = val.split('').reverse();
+  return new Array(finalLength).fill(placeholder).map((_c, i) => stringAsAnArray[i] ? stringAsAnArray[i] : placeholder).reverse().join('');
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
+const fillStringWithPlaceHolders = function (val, finalLength) {
+  let placeholder = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '_';
+  if (val.length === finalLength) return val;
+  const stringAsAnArray = val.split('');
+  return new Array(finalLength).fill(placeholder).map((_c, i) => stringAsAnArray[i] ? stringAsAnArray[i] : placeholder).join('');
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var stringHelpers_exports = {};
-__export(stringHelpers_exports, {
-  dateTimeToDate: () => dateTimeToDate,
-  dateTimeToTime: () => dateTimeToTime,
-  deconstructTimeValues: () => deconstructTimeValues,
-  deconstructValuesFromDateString: () => deconstructValuesFromDateString,
-  deconstructValuesFromTimeString: () => deconstructValuesFromTimeString,
-  fillStringWithPlaceHolders: () => fillStringWithPlaceHolders,
-  getAriaDayFromDateString: () => getAriaDayFromDateString,
-  getFormattedDateString: () => getFormattedDateString,
-  getFormattedTimeString: () => getFormattedTimeString,
-  isEmptyDateStringMask: () => isEmptyDateStringMask,
-  isEmptyDateTimeStringMask: () => isEmptyDateTimeStringMask,
-  isEmptyTimeStringMask: () => isEmptyTimeStringMask,
-  isIncompleteString: () => isIncompleteString,
-  isValidDateString: () => isValidDateString,
-  isValidTimeString: () => isValidTimeString,
-  prependStringWithPlaceHolders: () => prependStringWithPlaceHolders
-});
-var React = __toESM(require("react"));
-var import_constants = __toESM(require("./constants"));
-var import_numberHelpers = __toESM(require("./numberHelpers"));
-const prependStringWithPlaceHolders = (val, finalLength, placeholder = "0") => {
-  if (val.length === finalLength)
-    return val;
-  const stringAsAnArray = val.split("").reverse();
-  return new Array(finalLength).fill(placeholder).map((_c, i) => stringAsAnArray[i] ? stringAsAnArray[i] : placeholder).reverse().join("");
-};
-const fillStringWithPlaceHolders = (val, finalLength, placeholder = "_") => {
-  if (val.length === finalLength)
-    return val;
-  const stringAsAnArray = val.split("");
-  return new Array(finalLength).fill(placeholder).map((_c, i) => stringAsAnArray[i] ? stringAsAnArray[i] : placeholder).join("");
-};
-const getFormattedDateString = ({ month, day, year }) => {
+const getFormattedDateString = _ref => {
+  let {
+    month,
+    day,
+    year
+  } = _ref;
   const finalMonth = fillStringWithPlaceHolders(month, 2);
   const finalDay = fillStringWithPlaceHolders(day, 2);
   const finalYear = fillStringWithPlaceHolders(year, 4);
-  return `${finalMonth}/${finalDay}/${finalYear}`;
+  return "".concat(finalMonth, "/").concat(finalDay, "/").concat(finalYear);
 };
-const dateTimeToDate = (dateTime) => dateTime?.split?.(" ")?.[0];
-const deconstructValuesFromDateString = (dateString) => {
-  const [dirtyMonth = "", dirtyDay = "", dirtyYear = ""] = dateString?.split("/");
+const dateTimeToDate = dateTime => {
+  var _dateTime$split, _dateTime$split$call;
+
+  return dateTime === null || dateTime === void 0 ? void 0 : (_dateTime$split = dateTime.split) === null || _dateTime$split === void 0 ? void 0 : (_dateTime$split$call = _dateTime$split.call(dateTime, ' ')) === null || _dateTime$split$call === void 0 ? void 0 : _dateTime$split$call[0];
+};
+const deconstructValuesFromDateString = dateString => {
+  const [dirtyMonth = '', dirtyDay = '', dirtyYear = ''] = dateString === null || dateString === void 0 ? void 0 : dateString.split('/');
   const replaceAllRegexp = /_/g;
   return {
-    month: (dirtyMonth || "").replace(replaceAllRegexp, ""),
-    day: (dirtyDay || "").replace(replaceAllRegexp, ""),
-    year: (dirtyYear || "").replace(replaceAllRegexp, "")
+    month: (dirtyMonth || '').replace(replaceAllRegexp, ''),
+    day: (dirtyDay || '').replace(replaceAllRegexp, ''),
+    year: (dirtyYear || '').replace(replaceAllRegexp, '')
   };
 };
-const deconstructValuesFromTimeString = (timeString) => {
-  const [dirtyHour = "", dirtyMintuesAndMeridiem = ""] = timeString?.split(":");
-  const [dirtyMinutes = "", dirtyMeridiem = ""] = dirtyMintuesAndMeridiem?.split(" ");
+const deconstructValuesFromTimeString = timeString => {
+  const [dirtyHour = '', dirtyMintuesAndMeridiem = ''] = timeString === null || timeString === void 0 ? void 0 : timeString.split(':');
+  const [dirtyMinutes = '', dirtyMeridiem = ''] = dirtyMintuesAndMeridiem === null || dirtyMintuesAndMeridiem === void 0 ? void 0 : dirtyMintuesAndMeridiem.split(' ');
   const replaceAllRegexp = /_/g;
   return {
-    hours: (dirtyHour || "").replace(replaceAllRegexp, ""),
-    minutes: (dirtyMinutes || "").replace(replaceAllRegexp, ""),
-    meridiem: (dirtyMeridiem || "").replace(replaceAllRegexp, "")
+    hours: (dirtyHour || '').replace(replaceAllRegexp, ''),
+    minutes: (dirtyMinutes || '').replace(replaceAllRegexp, ''),
+    meridiem: (dirtyMeridiem || '').replace(replaceAllRegexp, '')
   };
-};
+}; // https://regex101.com/r/U5r5lh/1/
+
 const dateRegExp = /^[0-9_][0-9_]\/[0-9_][0-9_]\/[0-9_]{4}$/;
-const isValidDateString = (testString) => {
-  if (testString === "")
-    return true;
+const isValidDateString = testString => {
+  if (testString === '') return true;
   const isValidDateRegexp = dateRegExp.test(testString);
-  if (!isValidDateRegexp)
-    return false;
-  const { month, day, year } = deconstructValuesFromDateString(testString);
-  if (Number.parseInt(month, 10) > 12 || Number.parseInt(day, 10) > 31 || Number.parseInt(year, 10) > 9999)
-    return false;
+  if (!isValidDateRegexp) return false;
+  const {
+    month,
+    day,
+    year
+  } = deconstructValuesFromDateString(testString);
+  if (Number.parseInt(month, 10) > 12 || Number.parseInt(day, 10) > 31 || Number.parseInt(year, 10) > 9999) return false;
   return true;
 };
-const getFormattedTimeString = ({
-  hours,
-  minutes,
-  meridiem
-}) => {
+const getFormattedTimeString = _ref2 => {
+  let {
+    hours,
+    minutes,
+    // seconds,
+    meridiem
+  } = _ref2;
   const finalHour = fillStringWithPlaceHolders(hours, 2);
-  const finalMinutes = fillStringWithPlaceHolders(minutes, 2);
-  const finalMeridiem = fillStringWithPlaceHolders(meridiem, 2);
-  return `${finalHour}:${finalMinutes} ${finalMeridiem}`;
+  const finalMinutes = fillStringWithPlaceHolders(minutes, 2); // const finalSeconds = fillStringWithPlaceHolders(seconds, 2); // <-- seconds format
+
+  const finalMeridiem = fillStringWithPlaceHolders(meridiem, 2); // return `${finalHour}:${finalMinutes}:${finalSeconds} ${finalMeridiem}`;// <-- seconds format
+
+  return "".concat(finalHour, ":").concat(finalMinutes, " ").concat(finalMeridiem);
 };
-const dateTimeToTime = (dateTime) => {
-  const [
-    _date,
-    timeNumbers = "__:__",
-    timeMeridiem = "__"
-  ] = dateTime?.split?.(" ");
-  return `${timeNumbers} ${timeMeridiem}`;
+const dateTimeToTime = dateTime => {
+  var _dateTime$split2;
+
+  const [// eslint-disable-next-line @typescript-eslint/no-unused-vars
+  _date, // timeNumbers = '__:__:__', // <-- seconds format
+  timeNumbers = '__:__', timeMeridiem = '__'] = dateTime === null || dateTime === void 0 ? void 0 : (_dateTime$split2 = dateTime.split) === null || _dateTime$split2 === void 0 ? void 0 : _dateTime$split2.call(dateTime, ' ');
+  return "".concat(timeNumbers, " ").concat(timeMeridiem);
 };
-const deconstructTimeValues = (timeString) => {
-  const [dirtyTimes, dirtyMeridiem] = timeString?.split?.(" ");
-  const [dirtyHours, dirtyMinutes] = dirtyTimes.split?.(":");
-  const regex = /_/g;
+const deconstructTimeValues = timeString => {
+  var _timeString$split, _dirtyTimes$split;
+
+  const [dirtyTimes, dirtyMeridiem] = timeString === null || timeString === void 0 ? void 0 : (_timeString$split = timeString.split) === null || _timeString$split === void 0 ? void 0 : _timeString$split.call(timeString, ' '); // <--['__:__','__']
+
+  const [dirtyHours, dirtyMinutes] = (_dirtyTimes$split = dirtyTimes.split) === null || _dirtyTimes$split === void 0 ? void 0 : _dirtyTimes$split.call(dirtyTimes, ':'); // <--['__','__']
+
+  const regex = /_/g; // Note the 'g' flag, which matches all occurrences of the expression
+
   const newValues = {
-    hours: (dirtyHours || "").replace(regex, ""),
-    minutes: (dirtyMinutes || "").replace(regex, ""),
-    meridiem: (dirtyMeridiem || "").replace(regex, "")
+    hours: (dirtyHours || '').replace(regex, ''),
+    minutes: (dirtyMinutes || '').replace(regex, ''),
+    // seconds: (dirtySeconds||"").replace(regex, ''),
+    meridiem: (dirtyMeridiem || '').replace(regex, '')
   };
   return newValues;
-};
+}; // https://regex101.com/r/jeBmNT/1
+
 const timeRegExp = /^[0-9_][0-9_]:[0-9_][0-9_]\s[aApP_][mM_]$/;
-const isValidTimeString = (testString) => {
-  if (testString === "")
-    return true;
+const isValidTimeString = testString => {
+  if (testString === '') return true;
   const isValidTimeRegexp = timeRegExp.test(testString);
-  if (!isValidTimeRegexp)
-    return false;
-  const { hours, minutes } = deconstructTimeValues(testString);
-  if (Number.parseInt(hours, 10) > 12 || Number.parseInt(minutes, 10) > 60)
-    return false;
+  if (!isValidTimeRegexp) return false;
+  const {
+    hours,
+    minutes
+  } = deconstructTimeValues(testString);
+  if (Number.parseInt(hours, 10) > 12 || Number.parseInt(minutes, 10) > 60) return false;
   return true;
 };
-const isIncompleteString = (testString, placeholder = "_") => testString === "" || testString.includes(placeholder);
-const isEmptyDateStringMask = (testString) => testString === "__/__/____";
-const isEmptyTimeStringMask = (testString) => testString === "__:__ __";
-const isEmptyDateTimeStringMask = (testString) => testString === "__/__/____ __:__ __";
-const getAriaDayFromDateString = (dateString) => {
-  const { month: monthString, day: dayString, year: yearString } = deconstructValuesFromDateString(dateString);
-  const monthNum = (0, import_numberHelpers.convertToPositiveNumberIfPossible)(monthString);
-  const dayNum = (0, import_numberHelpers.convertToPositiveNumberIfPossible)(dayString);
-  const yearNum = (0, import_numberHelpers.convertToPositiveNumberIfPossible)(yearString);
-  if (monthNum === -1 || dayNum === -1 || yearNum === -1)
-    return "";
-  return `${import_constants.monthNames[monthNum - 1]} ${import_constants.announcableCardinalDays[dayNum]} ${yearNum}`;
+const isIncompleteString = function (testString) {
+  let placeholder = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '_';
+  return testString === '' || testString.includes(placeholder);
+};
+const isEmptyDateStringMask = testString => testString === '__/__/____';
+const isEmptyTimeStringMask = testString => testString === '__:__ __';
+const isEmptyDateTimeStringMask = testString => testString === '__/__/____ __:__ __';
+const getAriaDayFromDateString = dateString => {
+  const {
+    month: monthString,
+    day: dayString,
+    year: yearString
+  } = deconstructValuesFromDateString(dateString);
+  const monthNum = numberHelpers.convertToPositiveNumberIfPossible(monthString);
+  const dayNum = numberHelpers.convertToPositiveNumberIfPossible(dayString);
+  const yearNum = numberHelpers.convertToPositiveNumberIfPossible(yearString);
+  if (monthNum === -1 || dayNum === -1 || yearNum === -1) return '';
+  return "".concat(constants.monthNames[monthNum - 1], " ").concat(constants.announcableCardinalDays[dayNum], " ").concat(yearNum);
 };
-module.exports = __toCommonJS(stringHelpers_exports);
-//# sourceMappingURL=stringHelpers.js.map
+
+exports.dateTimeToDate = dateTimeToDate;
+exports.dateTimeToTime = dateTimeToTime;
+exports.deconstructTimeValues = deconstructTimeValues;
+exports.deconstructValuesFromDateString = deconstructValuesFromDateString;
+exports.deconstructValuesFromTimeString = deconstructValuesFromTimeString;
+exports.fillStringWithPlaceHolders = fillStringWithPlaceHolders;
+exports.getAriaDayFromDateString = getAriaDayFromDateString;
+exports.getFormattedDateString = getFormattedDateString;
+exports.getFormattedTimeString = getFormattedTimeString;
+exports.isEmptyDateStringMask = isEmptyDateStringMask;
+exports.isEmptyDateTimeStringMask = isEmptyDateTimeStringMask;
+exports.isEmptyTimeStringMask = isEmptyTimeStringMask;
+exports.isIncompleteString = isIncompleteString;
+exports.isValidDateString = isValidDateString;
+exports.isValidTimeString = isValidTimeString;
+exports.prependStringWithPlaceHolders = prependStringWithPlaceHolders;

package/cjs/controlled-date-time-picker/utils/timeHelpers.js

@@ -1,44 +1,19 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var timeHelpers_exports = {};
-__export(timeHelpers_exports, {
-  getValidationTimeStringMetaInfo: () => getValidationTimeStringMetaInfo
-});
-var React = __toESM(require("react"));
-var import_stringHelpers = __toESM(require("./stringHelpers"));
-const getValidationTimeStringMetaInfo = (timeString, getIsDisabledTime = (timeS) => false) => {
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var stringHelpers = require('./stringHelpers.js');
+
+const getValidationTimeStringMetaInfo = function (timeString) {
+  let getIsDisabledTime = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : timeS => false;
   const metaInfo = {};
-  if (!(0, import_stringHelpers.isIncompleteString)(timeString)) {
+
+  if (!stringHelpers.isIncompleteString(timeString)) {
     metaInfo.isDisabledTime = getIsDisabledTime(timeString);
-    if (metaInfo.isDisabledTime)
-      metaInfo.suggestedErrorMsg = "The selected time is not allowed";
+    if (metaInfo.isDisabledTime) metaInfo.suggestedErrorMsg = 'The selected time is not allowed';
   }
+
   return metaInfo;
 };
-module.exports = __toCommonJS(timeHelpers_exports);
-//# sourceMappingURL=timeHelpers.js.map
+
+exports.getValidationTimeStringMetaInfo = getValidationTimeStringMetaInfo;

package/cjs/controlled-toggle/ControlledToggle.js

@@ -1,134 +1,129 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var ControlledToggle_exports = {};
-__export(ControlledToggle_exports, {
-  DSControlledToggle: () => DSControlledToggle,
-  DSControlledToggleWithSchema: () => DSControlledToggleWithSchema
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_uid = __toESM(require("uid"));
-var import_react_desc = __toESM(require("react-desc"));
-var import_propTypes = __toESM(require("./propTypes"));
-var import_styles = __toESM(require("./styles"));
-var import_defaultProps = __toESM(require("./defaultProps"));
-var import_addTooltipOnReadOnly = __toESM(require("./utils/addTooltipOnReadOnly"));
-const DSControlledToggle = ({
-  labelOn,
-  labelOff,
-  name,
-  value,
-  checked,
-  onChange,
-  size,
-  readOnly,
-  active,
-  disabled,
-  containerProps,
-  id
-}) => {
-  const [isLongerTextRendering, setIsLongerTextRendering] = (0, import_react.useState)(false);
-  const [width, setWidth] = (0, import_react.useState)(0);
-  const labelTextRef = (0, import_react.useRef)(null);
-  const widthTextRef = (0, import_react.useRef)(null);
-  const longerText = (0, import_react.useMemo)(() => labelOn.length > labelOff.length ? labelOn : labelOff, [labelOff, labelOn]);
-  const instanceUID = (0, import_react.useMemo)(() => (0, import_uid.uid)(5), []);
-  (0, import_react.useEffect)(() => {
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var React = require('react');
+var uid = require('uid');
+var reactDesc = require('react-desc');
+var propTypes = require('./propTypes.js');
+var styles = require('./styles.js');
+var defaultProps = require('./defaultProps.js');
+var addTooltipOnReadOnly = require('./utils/addTooltipOnReadOnly.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+const DSControlledToggle = _ref => {
+  let {
+    labelOn,
+    labelOff,
+    name,
+    value,
+    checked,
+    onChange,
+    size,
+    readOnly,
+    active,
+    disabled,
+    containerProps,
+    id
+  } = _ref;
+  const [isLongerTextRendering, setIsLongerTextRendering] = React.useState(false);
+  const [width, setWidth] = React.useState(0);
+  const labelTextRef = React.useRef(null);
+  const widthTextRef = React.useRef(null);
+  const longerText = React.useMemo(() => labelOn.length > labelOff.length ? labelOn : labelOff, [labelOff, labelOn]);
+  const instanceUID = React.useMemo(() => uid.uid(5), []);
+  React.useEffect(() => {
     if (labelTextRef.current) {
       setIsLongerTextRendering(labelTextRef.current.innerText === longerText);
     }
   }, [labelTextRef, longerText, checked]);
-  (0, import_react.useEffect)(() => {
+  React.useEffect(() => {
     if (widthTextRef.current) {
       setWidth(widthTextRef.current.clientWidth);
     }
   }, [widthTextRef]);
-  const handleOnChange = (0, import_react.useCallback)(() => {
-    if (disabled || readOnly)
-      return;
+  const handleOnChange = React.useCallback(() => {
+    if (disabled || readOnly) return;
     onChange();
   }, [disabled, readOnly, onChange]);
-  const handleKeyDown = (0, import_react.useCallback)((e) => {
+  const handleKeyDown = React.useCallback(e => {
     if (disabled || readOnly) {
       e.preventDefault();
     }
-    if (e.key === "Enter") {
+
+    if (e.key === 'Enter') {
       e.preventDefault();
       onChange();
     }
   }, [disabled, onChange, readOnly]);
-  return (0, import_addTooltipOnReadOnly.addTooltipOnReadOnly)(/* @__PURE__ */ import_react.default.createElement(import_styles.StyledContainer, {
-    size,
-    "data-testid": "ds-controlled-toggle",
-    ...containerProps
-  }, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledInput, {
-    type: "checkbox",
-    name,
-    value,
-    checked,
-    "data-testid": "ds-controlled-toggle-checkbox",
-    id: id || instanceUID,
-    "aria-disabled": disabled,
-    "aria-checked": checked,
-    tabIndex: 0,
-    onChange: handleOnChange,
-    onKeyDown: handleKeyDown
-  }), /* @__PURE__ */ import_react.default.createElement(import_styles.StyledLabel, {
-    checked,
-    size,
-    width
-  }, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledVisibleContent, {
-    checked,
-    size,
-    readOnly,
-    active,
-    disabled,
-    htmlFor: id ? void 0 : instanceUID,
-    as: id ? "p" : "label"
-  }, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledCircle, {
-    checked,
-    size,
-    readOnly,
-    disabled
-  }), /* @__PURE__ */ import_react.default.createElement(import_styles.StyledText, {
-    ref: labelTextRef,
-    isLongerTextRendering,
-    checked,
-    size,
-    disabled
-  }, checked ? labelOn : labelOff))), /* @__PURE__ */ import_react.default.createElement(import_styles.SetLabelWidth, {
-    size,
-    ref: widthTextRef
-  }, longerText)), readOnly);
+  return addTooltipOnReadOnly.addTooltipOnReadOnly( /*#__PURE__*/jsxRuntime.jsxs(styles.StyledContainer, _objectSpread(_objectSpread({
+    size: size,
+    "data-testid": "ds-controlled-toggle"
+  }, containerProps), {}, {
+    children: [/*#__PURE__*/_jsx__default["default"](styles.StyledInput, {
+      type: "checkbox",
+      name: name,
+      value: value,
+      checked: checked,
+      "data-testid": "ds-controlled-toggle-checkbox",
+      id: id || instanceUID,
+      "aria-disabled": disabled,
+      "aria-checked": checked,
+      tabIndex: 0,
+      onChange: handleOnChange,
+      onKeyDown: handleKeyDown
+    }), /*#__PURE__*/_jsx__default["default"](styles.StyledLabel, {
+      checked: checked,
+      size: size,
+      width: width
+    }, void 0, /*#__PURE__*/_jsx__default["default"](styles.StyledVisibleContent, {
+      checked: checked,
+      size: size,
+      readOnly: readOnly,
+      active: active,
+      disabled: disabled,
+      htmlFor: id ? undefined : instanceUID,
+      as: id ? 'p' : 'label'
+    }, void 0, /*#__PURE__*/_jsx__default["default"](styles.StyledCircle, {
+      checked: checked,
+      size: size,
+      readOnly: readOnly,
+      disabled: disabled
+    }), /*#__PURE__*/jsxRuntime.jsx(styles.StyledText, {
+      ref: labelTextRef,
+      isLongerTextRendering: isLongerTextRendering,
+      checked: checked,
+      size: size,
+      disabled: disabled,
+      children: checked ? labelOn : labelOff
+    }))), /*#__PURE__*/jsxRuntime.jsx(styles.SetLabelWidth, {
+      size: size,
+      ref: widthTextRef,
+      children: longerText
+    })]
+  })), readOnly);
 };
-DSControlledToggle.defaultProps = import_defaultProps.defaultProps;
-DSControlledToggle.propTypes = import_propTypes.propTypes;
-const DSControlledToggleWithSchema = (0, import_react_desc.describe)(DSControlledToggle);
-DSControlledToggleWithSchema.propTypes = import_propTypes.propTypes;
-module.exports = __toCommonJS(ControlledToggle_exports);
-//# sourceMappingURL=ControlledToggle.js.map
+
+DSControlledToggle.defaultProps = defaultProps.defaultProps;
+const DSControlledToggleWithSchema = reactDesc.describe(DSControlledToggle);
+DSControlledToggleWithSchema.propTypes = propTypes.propTypes;
+
+exports.DSControlledToggle = DSControlledToggle;
+exports.DSControlledToggleWithSchema = DSControlledToggleWithSchema;