@elliemae/ds-controlled-form 2.2.0-next.6 → 2.3.0-alpha.1

package/cjs/controlled-toggle/ControlledToggle.js

@@ -1,129 +1,134 @@
-'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(() => {
+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 = require("uid");
+var import_react_desc = require("react-desc");
+var import_propTypes = require("./propTypes");
+var import_styles = require("./styles");
+var import_defaultProps = require("./defaultProps");
+var import_addTooltipOnReadOnly = 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)(() => {
     if (labelTextRef.current) {
       setIsLongerTextRendering(labelTextRef.current.innerText === longerText);
     }
   }, [labelTextRef, longerText, checked]);
-  React.useEffect(() => {
+  (0, import_react.useEffect)(() => {
     if (widthTextRef.current) {
       setWidth(widthTextRef.current.clientWidth);
     }
   }, [widthTextRef]);
-  const handleOnChange = React.useCallback(() => {
-    if (disabled || readOnly) return;
+  const handleOnChange = (0, import_react.useCallback)(() => {
+    if (disabled || readOnly)
+      return;
     onChange();
   }, [disabled, readOnly, onChange]);
-  const handleKeyDown = React.useCallback(e => {
+  const handleKeyDown = (0, import_react.useCallback)((e) => {
     if (disabled || readOnly) {
       e.preventDefault();
     }
-
-    if (e.key === 'Enter') {
+    if (e.key === "Enter") {
       e.preventDefault();
       onChange();
     }
   }, [disabled, onChange, 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);
+  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);
 };
-
-DSControlledToggle.defaultProps = defaultProps.defaultProps;
-const DSControlledToggleWithSchema = reactDesc.describe(DSControlledToggle);
-DSControlledToggleWithSchema.propTypes = propTypes.propTypes;
-
-exports.DSControlledToggle = DSControlledToggle;
-exports.DSControlledToggleWithSchema = DSControlledToggleWithSchema;
+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

package/cjs/controlled-toggle/ControlledToggle.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/controlled-toggle/ControlledToggle.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useState, useMemo, useRef, useEffect, useCallback } from 'react';\nimport { uid } from 'uid';\nimport { describe } from 'react-desc';\nimport { propTypes } from './propTypes';\nimport {\n  StyledContainer,\n  StyledInput,\n  StyledLabel,\n  StyledVisibleContent,\n  StyledCircle,\n  StyledText,\n  SetLabelWidth,\n} from './styles';\nimport { defaultProps } from './defaultProps';\nimport type { DSControlledTogglePropsT } from './index.d';\nimport { addTooltipOnReadOnly } from './utils/addTooltipOnReadOnly';\n\nconst DSControlledToggle = ({\n  labelOn,\n  labelOff,\n  name,\n  value,\n  checked,\n  onChange,\n  size,\n  readOnly,\n  active,\n  disabled,\n  containerProps,\n  id,\n}: DSControlledTogglePropsT): JSX.Element => {\n  const [isLongerTextRendering, setIsLongerTextRendering] = useState<boolean>(false);\n  const [width, setWidth] = useState<number>(0);\n  const labelTextRef = useRef<HTMLDivElement | null>(null);\n  const widthTextRef = useRef<HTMLDivElement | null>(null);\n\n  const longerText = useMemo(() => (labelOn.length > labelOff.length ? labelOn : labelOff), [labelOff, labelOn]);\n\n  const instanceUID = useMemo(() => uid(5), []);\n\n  useEffect(() => {\n    if (labelTextRef.current) {\n      setIsLongerTextRendering(labelTextRef.current.innerText === longerText);\n    }\n  }, [labelTextRef, longerText, checked]);\n\n  useEffect(() => {\n    if (widthTextRef.current) {\n      setWidth(widthTextRef.current.clientWidth);\n    }\n  }, [widthTextRef]);\n\n  const handleOnChange = useCallback(() => {\n    if (disabled || readOnly) return;\n    onChange();\n  }, [disabled, readOnly, onChange]);\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (disabled || readOnly) {\n        e.preventDefault();\n      }\n      if (e.key === 'Enter') {\n        e.preventDefault();\n        onChange();\n      }\n    },\n    [disabled, onChange, readOnly],\n  );\n\n  return addTooltipOnReadOnly(\n    <StyledContainer size={size} data-testid=\"ds-controlled-toggle\" {...containerProps}>\n      <StyledInput\n        type=\"checkbox\"\n        name={name}\n        value={value}\n        checked={checked}\n        data-testid=\"ds-controlled-toggle-checkbox\"\n        id={id || instanceUID}\n        aria-disabled={disabled}\n        aria-checked={checked}\n        tabIndex={0}\n        onChange={handleOnChange}\n        onKeyDown={handleKeyDown}\n      />\n      <StyledLabel checked={checked} size={size} width={width}>\n        <StyledVisibleContent\n          checked={checked}\n          size={size}\n          readOnly={readOnly}\n          active={active}\n          disabled={disabled}\n          htmlFor={id ? undefined : instanceUID}\n          as={id ? 'p' : 'label'}\n        >\n          <StyledCircle checked={checked} size={size} readOnly={readOnly} disabled={disabled} />\n          <StyledText\n            ref={labelTextRef}\n            isLongerTextRendering={isLongerTextRendering}\n            checked={checked}\n            size={size}\n            disabled={disabled}\n          >\n            {checked ? labelOn : labelOff}\n          </StyledText>\n        </StyledVisibleContent>\n      </StyledLabel>\n      <SetLabelWidth size={size} ref={widthTextRef}>\n        {longerText}\n      </SetLabelWidth>\n    </StyledContainer>,\n    readOnly,\n  );\n};\n\nDSControlledToggle.defaultProps = defaultProps;\nDSControlledToggle.propTypes = propTypes;\nconst DSControlledToggleWithSchema = describe(DSControlledToggle);\nDSControlledToggleWithSchema.propTypes = propTypes;\n\nexport { DSControlledToggle, DSControlledToggleWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAyE;AACzE,iBAAoB;AACpB,wBAAyB;AACzB,uBAA0B;AAC1B,oBAQO;AACP,0BAA6B;AAE7B,kCAAqC;AAErC,MAAM,qBAAqB,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAC2C;AAC3C,QAAM,CAAC,uBAAuB,4BAA4B,2BAAkB;AAC5E,QAAM,CAAC,OAAO,YAAY,2BAAiB;AAC3C,QAAM,eAAe,yBAA8B;AACnD,QAAM,eAAe,yBAA8B;AAEnD,QAAM,aAAa,0BAAQ,MAAO,QAAQ,SAAS,SAAS,SAAS,UAAU,UAAW,CAAC,UAAU;AAErG,QAAM,cAAc,0BAAQ,MAAM,oBAAI,IAAI;AAE1C,8BAAU,MAAM;AACd,QAAI,aAAa,SAAS;AACxB,+BAAyB,aAAa,QAAQ,cAAc;AAAA;AAAA,KAE7D,CAAC,cAAc,YAAY;AAE9B,8BAAU,MAAM;AACd,QAAI,aAAa,SAAS;AACxB,eAAS,aAAa,QAAQ;AAAA;AAAA,KAE/B,CAAC;AAEJ,QAAM,iBAAiB,8BAAY,MAAM;AACvC,QAAI,YAAY;AAAU;AAC1B;AAAA,KACC,CAAC,UAAU,UAAU;AAExB,QAAM,gBAAgB,8BACpB,CAAC,MAA2B;AAC1B,QAAI,YAAY,UAAU;AACxB,QAAE;AAAA;AAEJ,QAAI,EAAE,QAAQ,SAAS;AACrB,QAAE;AACF;AAAA;AAAA,KAGJ,CAAC,UAAU,UAAU;AAGvB,SAAO,sDACL,mDAAC,+BAAD;AAAA,IAAiB;AAAA,IAAY,eAAY;AAAA,OAA2B;AAAA,KAClE,mDAAC,2BAAD;AAAA,IACE,MAAK;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAY;AAAA,IACZ,IAAI,MAAM;AAAA,IACV,iBAAe;AAAA,IACf,gBAAc;AAAA,IACd,UAAU;AAAA,IACV,UAAU;AAAA,IACV,WAAW;AAAA,MAEb,mDAAC,2BAAD;AAAA,IAAa;AAAA,IAAkB;AAAA,IAAY;AAAA,KACzC,mDAAC,oCAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,KAAK,SAAY;AAAA,IAC1B,IAAI,KAAK,MAAM;AAAA,KAEf,mDAAC,4BAAD;AAAA,IAAc;AAAA,IAAkB;AAAA,IAAY;AAAA,IAAoB;AAAA,MAChE,mDAAC,0BAAD;AAAA,IACE,KAAK;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,KAEC,UAAU,UAAU,aAI3B,mDAAC,6BAAD;AAAA,IAAe;AAAA,IAAY,KAAK;AAAA,KAC7B,cAGL;AAAA;AAIJ,mBAAmB,eAAe;AAClC,mBAAmB,YAAY;AAC/B,MAAM,+BAA+B,gCAAS;AAC9C,6BAA6B,YAAY;",
+  "names": []
+}

package/cjs/controlled-toggle/defaultProps.js

@@ -1,18 +1,46 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
+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 defaultProps_exports = {};
+__export(defaultProps_exports, {
+  defaultProps: () => defaultProps
+});
+var React = __toESM(require("react"));
 const defaultProps = {
-  labelOn: 'ON',
-  labelOff: 'OFF',
-  name: '',
-  value: '',
+  labelOn: "ON",
+  labelOff: "OFF",
+  name: "",
+  value: "",
   checked: false,
   onClick: () => null,
-  size: 'm',
+  size: "m",
   readonly: false,
   active: false,
   disabled: false
 };
-
-exports.defaultProps = defaultProps;
+module.exports = __toCommonJS(defaultProps_exports);
+//# sourceMappingURL=defaultProps.js.map

package/cjs/controlled-toggle/defaultProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/controlled-toggle/defaultProps.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export const defaultProps = {\n  labelOn: 'ON',\n  labelOff: 'OFF',\n  name: '',\n  value: '',\n  checked: false,\n  onClick: () => null,\n  size: 'm',\n  readonly: false,\n  active: false,\n  disabled: false,\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,eAAe;AAAA,EAC1B,SAAS;AAAA,EACT,UAAU;AAAA,EACV,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS,MAAM;AAAA,EACf,MAAM;AAAA,EACN,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,UAAU;AAAA;",
+  "names": []
+}

package/cjs/controlled-toggle/index.d.js

@@ -1,2 +1,27 @@
-'use strict';
-
+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 __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 index_d_exports = {};
+var React = __toESM(require("react"));
+module.exports = __toCommonJS(index_d_exports);
+//# sourceMappingURL=index.d.js.map

package/cjs/controlled-toggle/index.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/controlled-toggle/index.d.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export type ToggleSize = 's' | 'm' | 'l';\n\nexport interface DSControlledTogglePropsT {\n  labelOn: string;\n  labelOff: string;\n  name: string;\n  value: string;\n  checked: boolean;\n  onChange: () => void | null;\n  size: ToggleSize;\n  readOnly: boolean;\n  active: boolean;\n  disabled: boolean;\n  containerProps: Record<string, unknown>;\n  id: string;\n}\n\nexport interface StyledContainerT {\n  size: ToggleSize;\n}\n\nexport interface StyledLabelT {\n  width: number;\n  size: ToggleSize;\n  checked: boolean;\n}\n\nexport interface StyledVisibleContentT {\n  checked: boolean;\n  size: ToggleSize;\n  disabled: boolean;\n  readOnly: boolean;\n  active: boolean;\n  as: 'p' | 'label';\n  htmlFor: string;\n}\n\nexport interface StyledCircleT {\n  size: ToggleSize;\n  readOnly: boolean;\n  checked: boolean;\n  disabled: boolean;\n}\n\nexport interface StyledTextT {\n  isLongerTextRendering: boolean;\n  size: ToggleSize;\n  checked: boolean;\n  disabled: boolean;\n}\n\nexport interface SetLabelWidthT {\n  size: ToggleSize;\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;",
+  "names": []
+}

package/cjs/controlled-toggle/index.js

@@ -1,10 +1,28 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var ControlledToggle = require('./ControlledToggle.js');
-
-
-
-exports.DSControlledToggle = ControlledToggle.DSControlledToggle;
-exports.DSControlledToggleWithSchema = ControlledToggle.DSControlledToggleWithSchema;
+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 __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 controlled_toggle_exports = {};
+var React = __toESM(require("react"));
+__reExport(controlled_toggle_exports, require("./ControlledToggle"));
+module.exports = __toCommonJS(controlled_toggle_exports);
+//# sourceMappingURL=index.js.map

package/cjs/controlled-toggle/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/controlled-toggle/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export * from './ControlledToggle';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;ADAvB,sCAAc;",
+  "names": []
+}

package/cjs/controlled-toggle/propTypes.js

@@ -1,22 +1,49 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var reactDesc = require('react-desc');
-
+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 propTypes_exports = {};
+__export(propTypes_exports, {
+  propTypes: () => propTypes
+});
+var React = __toESM(require("react"));
+var import_react_desc = require("react-desc");
 const propTypes = {
-  labelOn: reactDesc.PropTypes.string.description('Label when toggle is checked'),
-  labelOff: reactDesc.PropTypes.string.description('Label when toggle is unchecked'),
-  value: reactDesc.PropTypes.string.description('Value attribute for toggle'),
-  name: reactDesc.PropTypes.string.description('Name attribute for toggle'),
-  checked: reactDesc.PropTypes.bool.description('Wether the toggle is checked or not'),
-  onchange: reactDesc.PropTypes.func.description('OnClick callback'),
-  size: reactDesc.PropTypes.oneOf(['s', 'm', 'l']).description('Size of toggle'),
-  readOnly: reactDesc.PropTypes.bool.description('Wether the toggle is readOnly or not'),
-  active: reactDesc.PropTypes.bool.description('Wether the toggle has active styles or not'),
-  disabled: reactDesc.PropTypes.bool.description('Wether the toggle is disabled or not'),
-  containerProps: reactDesc.PropTypes.shape({}).description('Set of properties attached to the main container'),
-  id: reactDesc.PropTypes.string.description('Unique id.')
+  labelOn: import_react_desc.PropTypes.string.description("Label when toggle is checked"),
+  labelOff: import_react_desc.PropTypes.string.description("Label when toggle is unchecked"),
+  value: import_react_desc.PropTypes.string.description("Value attribute for toggle"),
+  name: import_react_desc.PropTypes.string.description("Name attribute for toggle"),
+  checked: import_react_desc.PropTypes.bool.description("Wether the toggle is checked or not"),
+  onchange: import_react_desc.PropTypes.func.description("OnClick callback"),
+  size: import_react_desc.PropTypes.oneOf(["s", "m", "l"]).description("Size of toggle"),
+  readOnly: import_react_desc.PropTypes.bool.description("Wether the toggle is readOnly or not"),
+  active: import_react_desc.PropTypes.bool.description("Wether the toggle has active styles or not"),
+  disabled: import_react_desc.PropTypes.bool.description("Wether the toggle is disabled or not"),
+  containerProps: import_react_desc.PropTypes.shape({}).description("Set of properties attached to the main container"),
+  id: import_react_desc.PropTypes.string.description("Unique id.")
 };
-
-exports.propTypes = propTypes;
+module.exports = __toCommonJS(propTypes_exports);
+//# sourceMappingURL=propTypes.js.map

package/cjs/controlled-toggle/propTypes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/controlled-toggle/propTypes.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { PropTypes } from 'react-desc';\n\nexport const propTypes = {\n  labelOn: PropTypes.string.description('Label when toggle is checked'),\n  labelOff: PropTypes.string.description('Label when toggle is unchecked'),\n  value: PropTypes.string.description('Value attribute for toggle'),\n  name: PropTypes.string.description('Name attribute for toggle'),\n  checked: PropTypes.bool.description('Wether the toggle is checked or not'),\n  onchange: PropTypes.func.description('OnClick callback'),\n  size: PropTypes.oneOf(['s', 'm', 'l']).description('Size of toggle'),\n  readOnly: PropTypes.bool.description('Wether the toggle is readOnly or not'),\n  active: PropTypes.bool.description('Wether the toggle has active styles or not'),\n  disabled: PropTypes.bool.description('Wether the toggle is disabled or not'),\n  containerProps: PropTypes.shape({}).description('Set of properties attached to the main container'),\n  id: PropTypes.string.description('Unique id.'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA0B;AAEnB,MAAM,YAAY;AAAA,EACvB,SAAS,4BAAU,OAAO,YAAY;AAAA,EACtC,UAAU,4BAAU,OAAO,YAAY;AAAA,EACvC,OAAO,4BAAU,OAAO,YAAY;AAAA,EACpC,MAAM,4BAAU,OAAO,YAAY;AAAA,EACnC,SAAS,4BAAU,KAAK,YAAY;AAAA,EACpC,UAAU,4BAAU,KAAK,YAAY;AAAA,EACrC,MAAM,4BAAU,MAAM,CAAC,KAAK,KAAK,MAAM,YAAY;AAAA,EACnD,UAAU,4BAAU,KAAK,YAAY;AAAA,EACrC,QAAQ,4BAAU,KAAK,YAAY;AAAA,EACnC,UAAU,4BAAU,KAAK,YAAY;AAAA,EACrC,gBAAgB,4BAAU,MAAM,IAAI,YAAY;AAAA,EAChD,IAAI,4BAAU,OAAO,YAAY;AAAA;",
+  "names": []
+}