@elliemae/ds-controlled-form 2.2.1 → 2.3.0-alpha.4

package/cjs/controlled-checkbox/ControlledCheckbox.js

@@ -1,24 +1,46 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var React = require('react');
-var reactDesc = require('react-desc');
-var dsTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
-var propTypes = require('./propTypes.js');
-var styles = require('./styles.js');
-var useValidateProps = require('./config/useValidateProps.js');
-var setMultipleRefs = require('./utils/setMultipleRefs.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-const DSControlledCheckbox = props => {
-  useValidateProps.useValidateProps(props, propTypes.propTypes);
-  const checkboxRef = React.useRef();
+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 ControlledCheckbox_exports = {};
+__export(ControlledCheckbox_exports, {
+  DSControlledCheckbox: () => DSControlledCheckbox,
+  DSControlledCheckboxWithSchema: () => DSControlledCheckboxWithSchema
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
+var import_propTypes = require("./propTypes");
+var import_styles = require("./styles");
+var import_useValidateProps = require("./config/useValidateProps");
+var import_setMultipleRefs = require("./utils/setMultipleRefs");
+const DSControlledCheckbox = (props) => {
+  (0, import_useValidateProps.useValidateProps)(props, import_propTypes.propTypes);
+  const checkboxRef = (0, import_react.useRef)();
   const {
     autoFocus,
     checked,
@@ -37,52 +59,51 @@ const DSControlledCheckbox = props => {
     innerRef,
     tabIndex
   } = props;
-  const handleOnKeyDown = React.useCallback(e => {
-    if (checkboxRef.current && e.key === 'Enter') {
+  const handleOnKeyDown = (0, import_react.useCallback)((e) => {
+    if (checkboxRef.current && e.key === "Enter") {
       checkboxRef.current.click();
     }
   }, []);
-  return /*#__PURE__*/_jsx__default["default"](styles.StyledContainer, {
+  return /* @__PURE__ */ import_react.default.createElement(import_styles.StyledContainer, {
     "data-testid": "ds-checkbox-container"
-  }, void 0, /*#__PURE__*/_jsx__default["default"](styles.StyledCheckBox, {
+  }, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledCheckBox, {
     checked: props.checked,
-    hasError: hasError,
-    disabled: disabled,
-    readOnly: readOnly
-  }, void 0, /*#__PURE__*/jsxRuntime.jsx(styles.StyledInput, {
-    disabled: disabled,
-    ref: ref => setMultipleRefs.setMultipleRefs([checkboxRef, innerRef])(ref),
+    hasError,
+    disabled,
+    readOnly
+  }, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledInput, {
+    disabled,
+    ref: (ref) => (0, import_setMultipleRefs.setMultipleRefs)([checkboxRef, innerRef])(ref),
     onKeyDown: handleOnKeyDown,
     type: "checkbox",
-    checked: checked !== 'mixed' ? checked : undefined,
+    checked: checked !== "mixed" ? checked : void 0,
     "aria-controls": ariaControls,
     "aria-checked": checked,
     "aria-disabled": disabled,
     "aria-invalid": hasError,
     "aria-readonly": readOnly,
     "aria-label": ariaLabel || label,
-    onFocus: onFocus,
-    onBlur: onBlur,
-    name: name,
-    value: value,
-    onChange: onChange,
-    id: id,
+    onFocus,
+    onBlur,
+    name,
+    value,
+    onChange,
+    id,
     "data-testid": "ds-checkbox",
-    autoFocus: autoFocus,
+    autoFocus,
     tabIndex: tabIndex || 0
-  })), label && /*#__PURE__*/_jsx__default["default"](styles.StyledLabel, {
+  })), label && /* @__PURE__ */ import_react.default.createElement(import_styles.StyledLabel, {
     htmlFor: id,
-    disabled: disabled,
-    readOnly: readOnly,
-    checked: checked,
+    disabled,
+    readOnly,
+    checked,
     "data-testid": "ds-checkbox-label"
-  }, void 0, /*#__PURE__*/_jsx__default["default"](dsTruncatedTooltipText.SimpleTruncatedTooltipText, {
+  }, /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.SimpleTruncatedTooltipText, {
     value: label
   })));
 };
-
-const DSControlledCheckboxWithSchema = reactDesc.describe(DSControlledCheckbox);
-DSControlledCheckboxWithSchema.propTypes = propTypes.propTypes;
-
-exports.DSControlledCheckbox = DSControlledCheckbox;
-exports.DSControlledCheckboxWithSchema = DSControlledCheckboxWithSchema;
+DSControlledCheckbox.propTypes = import_propTypes.propTypes;
+const DSControlledCheckboxWithSchema = (0, import_react_desc.describe)(DSControlledCheckbox);
+DSControlledCheckboxWithSchema.propTypes = import_propTypes.propTypes;
+module.exports = __toCommonJS(ControlledCheckbox_exports);
+//# sourceMappingURL=ControlledCheckbox.js.map

package/cjs/controlled-checkbox/ControlledCheckbox.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/controlled-checkbox/ControlledCheckbox.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useRef, useCallback } from 'react';\nimport { describe } from 'react-desc';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { propTypes } from './propTypes';\nimport { StyledContainer, StyledInput, StyledLabel, StyledCheckBox } from './styles';\nimport type { DSControlledCheckboxPropsT } from './index.d';\nimport { useValidateProps } from './config/useValidateProps';\nimport { setMultipleRefs } from './utils/setMultipleRefs';\n\nconst DSControlledCheckbox = (props: DSControlledCheckboxPropsT): JSX.Element => {\n  useValidateProps(props, propTypes);\n  const checkboxRef = useRef<HTMLInputElement>();\n\n  const {\n    autoFocus,\n    checked,\n    ariaControls,\n    ariaLabel,\n    disabled,\n    id,\n    label,\n    hasError,\n    onChange,\n    onFocus,\n    onBlur,\n    value,\n    readOnly,\n    name,\n    innerRef,\n    tabIndex,\n  } = props;\n\n  const handleOnKeyDown = useCallback((e: React.KeyboardEvent) => {\n    if (checkboxRef.current && e.key === 'Enter') {\n      checkboxRef.current.click();\n    }\n  }, []);\n\n  return (\n    <StyledContainer data-testid=\"ds-checkbox-container\">\n      <StyledCheckBox checked={props.checked} hasError={hasError} disabled={disabled} readOnly={readOnly}>\n        <StyledInput\n          disabled={disabled}\n          ref={(ref) => setMultipleRefs<HTMLInputElement>([checkboxRef, innerRef])(ref)}\n          onKeyDown={handleOnKeyDown}\n          type=\"checkbox\"\n          checked={checked !== 'mixed' ? checked : undefined}\n          aria-controls={ariaControls}\n          aria-checked={checked}\n          aria-disabled={disabled}\n          aria-invalid={hasError}\n          aria-readonly={readOnly}\n          aria-label={ariaLabel || label}\n          onFocus={onFocus}\n          onBlur={onBlur}\n          name={name}\n          value={value}\n          onChange={onChange}\n          id={id}\n          data-testid=\"ds-checkbox\"\n          autoFocus={autoFocus}\n          tabIndex={tabIndex || 0}\n        />\n      </StyledCheckBox>\n      {label && (\n        <StyledLabel\n          htmlFor={id}\n          disabled={disabled}\n          readOnly={readOnly}\n          checked={checked}\n          data-testid=\"ds-checkbox-label\"\n        >\n          <SimpleTruncatedTooltipText value={label} />\n        </StyledLabel>\n      )}\n    </StyledContainer>\n  );\n};\n\nDSControlledCheckbox.propTypes = propTypes;\nconst DSControlledCheckboxWithSchema = describe(DSControlledCheckbox);\nDSControlledCheckboxWithSchema.propTypes = propTypes;\n\nexport { DSControlledCheckbox, DSControlledCheckboxWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA2C;AAC3C,wBAAyB;AACzB,uCAA2C;AAC3C,uBAA0B;AAC1B,oBAA0E;AAE1E,8BAAiC;AACjC,6BAAgC;AAEhC,MAAM,uBAAuB,CAAC,UAAmD;AAC/E,gDAAiB,OAAO;AACxB,QAAM,cAAc;AAEpB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE;AAEJ,QAAM,kBAAkB,8BAAY,CAAC,MAA2B;AAC9D,QAAI,YAAY,WAAW,EAAE,QAAQ,SAAS;AAC5C,kBAAY,QAAQ;AAAA;AAAA,KAErB;AAEH,SACE,mDAAC,+BAAD;AAAA,IAAiB,eAAY;AAAA,KAC3B,mDAAC,8BAAD;AAAA,IAAgB,SAAS,MAAM;AAAA,IAAS;AAAA,IAAoB;AAAA,IAAoB;AAAA,KAC9E,mDAAC,2BAAD;AAAA,IACE;AAAA,IACA,KAAK,CAAC,QAAQ,4CAAkC,CAAC,aAAa,WAAW;AAAA,IACzE,WAAW;AAAA,IACX,MAAK;AAAA,IACL,SAAS,YAAY,UAAU,UAAU;AAAA,IACzC,iBAAe;AAAA,IACf,gBAAc;AAAA,IACd,iBAAe;AAAA,IACf,gBAAc;AAAA,IACd,iBAAe;AAAA,IACf,cAAY,aAAa;AAAA,IACzB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAY;AAAA,IACZ;AAAA,IACA,UAAU,YAAY;AAAA,OAGzB,SACC,mDAAC,2BAAD;AAAA,IACE,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAY;AAAA,KAEZ,mDAAC,6DAAD;AAAA,IAA4B,OAAO;AAAA;AAAA;AAO7C,qBAAqB,YAAY;AACjC,MAAM,iCAAiC,gCAAS;AAChD,+BAA+B,YAAY;",
+  "names": []
+}

package/cjs/controlled-checkbox/config/useValidateProps.js

@@ -1,23 +1,49 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var dsPropsHelpers = require('@elliemae/ds-props-helpers');
-
-const throwError = message => {
-  throw new Error("DSControlledCheckbox:: ".concat(message, "\n  "));
+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 useValidateProps_exports = {};
+__export(useValidateProps_exports, {
+  useValidateProps: () => useValidateProps
+});
+var React = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+const throwError = (message) => {
+  throw new Error(`DSControlledCheckbox:: ${message}
+  `);
 };
-
 const useValidateProps = (props, propTypes) => {
-  dsPropsHelpers.useValidateTypescriptPropTypes(props, propTypes);
-
-  if (typeof props.label === 'undefined' && typeof props.ariaLabel === 'undefined') {
-    throwError("Please provide a label or ariaLabel property to use this component.");
+  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(props, propTypes);
+  if (typeof props.label === "undefined" && typeof props.ariaLabel === "undefined") {
+    throwError(`Please provide a label or ariaLabel property to use this component.`);
   }
-
-  if (props.checked === 'mixed' && typeof props.ariaControls === 'undefined') {
-    throwError("Please provide an ariaControls property to use a checkbox mixed state. \n      This property must be a string containing all the ids that this mixed checkbox is controlling.");
+  if (props.checked === "mixed" && typeof props.ariaControls === "undefined") {
+    throwError(`Please provide an ariaControls property to use a checkbox mixed state. 
+      This property must be a string containing all the ids that this mixed checkbox is controlling.`);
   }
 };
-
-exports.useValidateProps = useValidateProps;
+module.exports = __toCommonJS(useValidateProps_exports);
+//# sourceMappingURL=useValidateProps.js.map

package/cjs/controlled-checkbox/config/useValidateProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/controlled-checkbox/config/useValidateProps.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { DSControlledCheckboxPropsT } from '../index.d';\n\nconst throwError = (message: string): void => {\n  throw new Error(\n    `DSControlledCheckbox:: ${message}\n  `,\n  );\n};\n\nexport const useValidateProps = (props: DSControlledCheckboxPropsT, propTypes: unknown): void => {\n  useValidateTypescriptPropTypes(props, propTypes);\n  if (typeof props.label === 'undefined' && typeof props.ariaLabel === 'undefined') {\n    throwError(`Please provide a label or ariaLabel property to use this component.`);\n  }\n  if (props.checked === 'mixed' && typeof props.ariaControls === 'undefined') {\n    throwError(\n      `Please provide an ariaControls property to use a checkbox mixed state. \n      This property must be a string containing all the ids that this mixed checkbox is controlling.`,\n    );\n  }\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA+C;AAG/C,MAAM,aAAa,CAAC,YAA0B;AAC5C,QAAM,IAAI,MACR,0BAA0B;AAAA;AAAA;AAKvB,MAAM,mBAAmB,CAAC,OAAmC,cAA6B;AAC/F,8DAA+B,OAAO;AACtC,MAAI,OAAO,MAAM,UAAU,eAAe,OAAO,MAAM,cAAc,aAAa;AAChF,eAAW;AAAA;AAEb,MAAI,MAAM,YAAY,WAAW,OAAO,MAAM,iBAAiB,aAAa;AAC1E,eACE;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/cjs/controlled-checkbox/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-checkbox/index.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/controlled-checkbox/index.d.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export interface DSControlledCheckboxPropsT {\n  checked: boolean | 'mixed';\n  name: string;\n  label?: string;\n  value?: string;\n  onChange: () => void;\n  onBlur: () => void;\n  onFocus: () => void;\n  ariaControls?: string;\n  ariaLabel?: string;\n  id?: string;\n  readOnly?: boolean;\n  tabIndex?: number;\n  hasError?: boolean;\n  disabled?: boolean;\n  innerRef?: (ref: HTMLInputElement) => void;\n  autoFocus?: boolean;\n}\n\nexport interface StyledCheckBoxT {\n  checked: boolean | 'mixed';\n  readOnly: boolean;\n  hasError: boolean;\n  disabled: boolean;\n}\n\nexport interface StyledLabelT {\n  disabled: boolean;\n  readOnly: boolean;\n  checked: boolean | 'mixed';\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;",
+  "names": []
+}

package/cjs/controlled-checkbox/index.js

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

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

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

package/cjs/controlled-checkbox/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 = {
-  checked: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.bool, reactDesc.PropTypes.oneOf(['mixed'])]).isRequired.description('Whether the checkbox is invalid or not.'),
-  value: reactDesc.PropTypes.string.description('Checkbox value property.'),
-  name: reactDesc.PropTypes.string.isRequired.description('Checkbox name property.'),
-  label: reactDesc.PropTypes.string.description('Checkbox Label property. This label is also going to be used as an aria-label for screen readers.'),
-  id: reactDesc.PropTypes.string.isRequired.description('Checkbox unique id property, this property is required for accesibility purposes.'),
-  readOnly: reactDesc.PropTypes.bool.description('Checkbox readOnly property.'),
-  hasError: reactDesc.PropTypes.bool.description('Whether the checkbox has error or not.'),
-  disabled: reactDesc.PropTypes.bool.description('Whether the checkbox is disabled or not.'),
-  ariaControls: reactDesc.PropTypes.string.description('This string is required when you use a mixed checkbox. It contains all the ids that this checkbox is controlling.'),
-  ariaLabel: reactDesc.PropTypes.string.description('Checkbox aria-label property. This property is going to be required if there is no label property added.'),
-  innerRef: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.func, reactDesc.PropTypes.object]).description('Checkbox input ref.'),
-  autoFocus: reactDesc.PropTypes.bool.description('Whether you want the checkbox to be autofocused on render')
+  checked: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.bool, import_react_desc.PropTypes.oneOf(["mixed"])]).isRequired.description("Whether the checkbox is invalid or not."),
+  value: import_react_desc.PropTypes.string.description("Checkbox value property."),
+  name: import_react_desc.PropTypes.string.isRequired.description("Checkbox name property."),
+  label: import_react_desc.PropTypes.string.description("Checkbox Label property. This label is also going to be used as an aria-label for screen readers."),
+  id: import_react_desc.PropTypes.string.isRequired.description("Checkbox unique id property, this property is required for accesibility purposes."),
+  readOnly: import_react_desc.PropTypes.bool.description("Checkbox readOnly property."),
+  hasError: import_react_desc.PropTypes.bool.description("Whether the checkbox has error or not."),
+  disabled: import_react_desc.PropTypes.bool.description("Whether the checkbox is disabled or not."),
+  ariaControls: import_react_desc.PropTypes.string.description("This string is required when you use a mixed checkbox. It contains all the ids that this checkbox is controlling."),
+  ariaLabel: import_react_desc.PropTypes.string.description("Checkbox aria-label property. This property is going to be required if there is no label property added."),
+  innerRef: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.func, import_react_desc.PropTypes.object]).description("Checkbox input ref."),
+  autoFocus: import_react_desc.PropTypes.bool.description("Whether you want the checkbox to be autofocused on render")
 };
-
-exports.propTypes = propTypes;
+module.exports = __toCommonJS(propTypes_exports);
+//# sourceMappingURL=propTypes.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/controlled-checkbox/propTypes.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { PropTypes } from 'react-desc';\n\nexport const propTypes = {\n  checked: PropTypes.oneOfType([PropTypes.bool, PropTypes.oneOf(['mixed'])]).isRequired.description(\n    'Whether the checkbox is invalid or not.',\n  ),\n  value: PropTypes.string.description('Checkbox value property.'),\n  name: PropTypes.string.isRequired.description('Checkbox name property.'),\n  label: PropTypes.string.description(\n    'Checkbox Label property. This label is also going to be used as an aria-label for screen readers.',\n  ),\n  id: PropTypes.string.isRequired.description(\n    'Checkbox unique id property, this property is required for accesibility purposes.',\n  ),\n  readOnly: PropTypes.bool.description('Checkbox readOnly property.'),\n  hasError: PropTypes.bool.description('Whether the checkbox has error or not.'),\n  disabled: PropTypes.bool.description('Whether the checkbox is disabled or not.'),\n  ariaControls: PropTypes.string.description(\n    'This string is required when you use a mixed checkbox. It contains all the ids that this checkbox is controlling.',\n  ),\n  ariaLabel: PropTypes.string.description(\n    'Checkbox aria-label property. This property is going to be required if there is no label property added.',\n  ),\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description('Checkbox input ref.'),\n  autoFocus: PropTypes.bool.description('Whether you want the checkbox to be autofocused on render'),\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,UAAU,CAAC,4BAAU,MAAM,4BAAU,MAAM,CAAC,YAAY,WAAW,YACpF;AAAA,EAEF,OAAO,4BAAU,OAAO,YAAY;AAAA,EACpC,MAAM,4BAAU,OAAO,WAAW,YAAY;AAAA,EAC9C,OAAO,4BAAU,OAAO,YACtB;AAAA,EAEF,IAAI,4BAAU,OAAO,WAAW,YAC9B;AAAA,EAEF,UAAU,4BAAU,KAAK,YAAY;AAAA,EACrC,UAAU,4BAAU,KAAK,YAAY;AAAA,EACrC,UAAU,4BAAU,KAAK,YAAY;AAAA,EACrC,cAAc,4BAAU,OAAO,YAC7B;AAAA,EAEF,WAAW,4BAAU,OAAO,YAC1B;AAAA,EAEF,UAAU,4BAAU,UAAU,CAAC,4BAAU,MAAM,4BAAU,SAAS,YAAY;AAAA,EAC9E,WAAW,4BAAU,KAAK,YAAY;AAAA;",
+  "names": []
+}

package/cjs/controlled-checkbox/styles.js

@@ -1,108 +1,88 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styled = require('styled-components');
-var styleHelpers = require('./utils/styleHelpers.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const StyledContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-349ih4-0"
-})(["display:inline-grid;grid-template-rows:min-content;grid-template-columns:", " auto;align-items:center;"], _ref => {
-  let {
-    theme
-  } = _ref;
-  return theme.space.xs;
-});
-const StyledCheckBox = /*#__PURE__*/styled__default["default"].span.withConfig({
-  componentId: "sc-349ih4-1"
-})(["width:", ";height:", ";border:1px solid ", ";border-radius:2px;position:relative;background:", ";", " &:focus-within{", ";&:hover{", "}}&:hover{background:", ";", ";}"], _ref2 => {
-  let {
-    theme
-  } = _ref2;
-  return theme.space.xs;
-}, _ref3 => {
-  let {
-    theme
-  } = _ref3;
-  return theme.space.xs;
-}, _ref4 => {
-  let {
-    theme,
-    hasError
-  } = _ref4;
-  return hasError ? theme.colors.danger[900] : theme.colors.neutral[400];
-}, _ref5 => {
-  let {
-    theme,
-    disabled
-  } = _ref5;
-  return styleHelpers.handleBackgroundColor(theme, disabled);
-}, _ref6 => {
-  let {
-    theme,
-    checked,
-    disabled,
-    readOnly,
-    hasError
-  } = _ref6;
-  return styleHelpers.handleCheckmark(theme, checked, disabled, readOnly, hasError);
-}, _ref7 => {
-  let {
-    theme,
-    hasError,
-    disabled
-  } = _ref7;
-  return !disabled && !hasError ? "border: 1px solid ".concat(theme.colors.brand[600], " ") : undefined;
-}, _ref8 => {
-  let {
-    theme,
-    checked,
-    disabled,
-    readOnly,
-    hasError
-  } = _ref8;
-  return styleHelpers.handleCheckmark(theme, checked, disabled, readOnly, hasError, true);
-}, _ref9 => {
-  let {
-    theme,
-    checked,
-    disabled
-  } = _ref9;
-  return !disabled && (checked === 'mixed' || checked) ? theme.colors.brand[200] : undefined;
-}, _ref10 => {
-  let {
-    theme,
-    hasError,
-    disabled,
-    readOnly
-  } = _ref10;
-  return !hasError && !disabled && !readOnly ? " border: 1px solid  ".concat(theme.colors.brand[600]) : undefined;
-});
-const StyledInput = /*#__PURE__*/styled__default["default"].input.withConfig({
-  componentId: "sc-349ih4-2"
-})(["&:hover{cursor:pointer;}&:disabled{cursor:not-allowed;}height:100%;position:absolute;top:0;left:0;opacity:0;"]);
-const StyledLabel = /*#__PURE__*/styled__default["default"].label.withConfig({
-  componentId: "sc-349ih4-3"
-})(["&:hover{cursor:pointer;}padding-left:", ";color:", ";font-size:13px;line-height:13px;display:inherit;"], _ref11 => {
-  let {
-    theme
-  } = _ref11;
-  return theme.space.xxs;
-}, _ref12 => {
-  let {
-    theme,
-    disabled,
-    readOnly,
-    checked
-  } = _ref12;
-  return disabled && checked !== true || readOnly ? theme.colors.neutral[500] : theme.colors.neutral[800];
+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 styles_exports = {};
+__export(styles_exports, {
+  StyledCheckBox: () => StyledCheckBox,
+  StyledContainer: () => StyledContainer,
+  StyledInput: () => StyledInput,
+  StyledLabel: () => StyledLabel
 });
+var React = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_styleHelpers = require("./utils/styleHelpers");
+const StyledContainer = import_styled_components.default.div`
+  display: inline-grid;
+  grid-template-rows: min-content;
+  grid-template-columns: ${({ theme }) => theme.space.xs} auto;
+  align-items: center;
+`;
+const StyledCheckBox = import_styled_components.default.span`
+  width: ${({ theme }) => theme.space.xs};
+  height: ${({ theme }) => theme.space.xs};
+  border: 1px solid ${({ theme, hasError }) => hasError ? theme.colors.danger[900] : theme.colors.neutral[400]};
+  border-radius: 2px;
+  position: relative;
+  background: ${({ theme, disabled }) => (0, import_styleHelpers.handleBackgroundColor)(theme, disabled)};
+  ${({ theme, checked, disabled, readOnly, hasError }) => (0, import_styleHelpers.handleCheckmark)(theme, checked, disabled, readOnly, hasError)}
+  &:focus-within {
+    ${({ theme, hasError, disabled }) => !disabled && !hasError ? `border: 1px solid ${theme.colors.brand[600]} ` : void 0};
+    &:hover {
+      ${({ theme, checked, disabled, readOnly, hasError }) => (0, import_styleHelpers.handleCheckmark)(theme, checked, disabled, readOnly, hasError, true)}
+    }
+  }
+  &:hover {
+    background: ${({ theme, checked, disabled }) => !disabled && (checked === "mixed" || checked) ? theme.colors.brand[200] : void 0};
+    ${({ theme, hasError, disabled, readOnly }) => !hasError && !disabled && !readOnly ? ` border: 1px solid  ${theme.colors.brand[600]}` : void 0};
+  }
+`;
+const StyledInput = import_styled_components.default.input`
+  &:hover {
+    cursor: pointer;
+  }
 
-exports.StyledCheckBox = StyledCheckBox;
-exports.StyledContainer = StyledContainer;
-exports.StyledInput = StyledInput;
-exports.StyledLabel = StyledLabel;
+  &:disabled {
+    cursor: not-allowed;
+  }
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  opacity: 0;
+`;
+const StyledLabel = import_styled_components.default.label`
+  &:hover {
+    cursor: pointer;
+  }
+  padding-left: ${({ theme }) => theme.space.xxs};
+  color: ${({ theme, disabled, readOnly, checked }) => disabled && checked !== true || readOnly ? theme.colors.neutral[500] : theme.colors.neutral[800]};
+  font-size: 13px;
+  line-height: 13px;
+  display: inherit;
+`;
+module.exports = __toCommonJS(styles_exports);
+//# sourceMappingURL=styles.js.map

package/cjs/controlled-checkbox/styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/controlled-checkbox/styles.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import styled from 'styled-components';\nimport { StyledCheckBoxT, StyledLabelT } from './index.d';\nimport { handleBackgroundColor, handleCheckmark } from './utils/styleHelpers';\n\nexport const StyledContainer = styled.div`\n  display: inline-grid;\n  grid-template-rows: min-content;\n  grid-template-columns: ${({ theme }) => theme.space.xs} auto;\n  align-items: center;\n`;\n\nexport const StyledCheckBox = styled.span<StyledCheckBoxT>`\n  width: ${({ theme }) => theme.space.xs};\n  height: ${({ theme }) => theme.space.xs};\n  border: 1px solid ${({ theme, hasError }) => (hasError ? theme.colors.danger[900] : theme.colors.neutral[400])};\n  border-radius: 2px;\n  position: relative;\n  background: ${({ theme, disabled }) => handleBackgroundColor(theme, disabled)};\n  ${({ theme, checked, disabled, readOnly, hasError }) => handleCheckmark(theme, checked, disabled, readOnly, hasError)}\n  &:focus-within {\n    ${({ theme, hasError, disabled }) =>\n      !disabled && !hasError ? `border: 1px solid ${theme.colors.brand[600]} ` : undefined};\n    &:hover {\n      ${({ theme, checked, disabled, readOnly, hasError }) =>\n        handleCheckmark(theme, checked, disabled, readOnly, hasError, true)}\n    }\n  }\n  &:hover {\n    background: ${({ theme, checked, disabled }) =>\n      !disabled && (checked === 'mixed' || checked) ? theme.colors.brand[200] : undefined};\n    ${({ theme, hasError, disabled, readOnly }) =>\n      !hasError && !disabled && !readOnly ? ` border: 1px solid  ${theme.colors.brand[600]}` : undefined};\n  }\n`;\n\nexport const StyledInput = styled.input`\n  &:hover {\n    cursor: pointer;\n  }\n\n  &:disabled {\n    cursor: not-allowed;\n  }\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  opacity: 0;\n`;\n\nexport const StyledLabel = styled.label<StyledLabelT>`\n  &:hover {\n    cursor: pointer;\n  }\n  padding-left: ${({ theme }) => theme.space.xxs};\n  color: ${({ theme, disabled, readOnly, checked }) =>\n    (disabled && checked !== true) || readOnly ? theme.colors.neutral[500] : theme.colors.neutral[800]};\n  font-size: 13px;\n  line-height: 13px;\n  display: inherit;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AAEnB,0BAAuD;AAEhD,MAAM,kBAAkB,iCAAO;AAAA;AAAA;AAAA,2BAGX,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA;AAI/C,MAAM,iBAAiB,iCAAO;AAAA,WAC1B,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,YAC1B,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,sBACjB,CAAC,EAAE,OAAO,eAAgB,WAAW,MAAM,OAAO,OAAO,OAAO,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,gBAG3F,CAAC,EAAE,OAAO,eAAe,+CAAsB,OAAO;AAAA,IAClE,CAAC,EAAE,OAAO,SAAS,UAAU,UAAU,eAAe,yCAAgB,OAAO,SAAS,UAAU,UAAU;AAAA;AAAA,MAExG,CAAC,EAAE,OAAO,UAAU,eACpB,CAAC,YAAY,CAAC,WAAW,qBAAqB,MAAM,OAAO,MAAM,UAAU;AAAA;AAAA,QAEzE,CAAC,EAAE,OAAO,SAAS,UAAU,UAAU,eACvC,yCAAgB,OAAO,SAAS,UAAU,UAAU,UAAU;AAAA;AAAA;AAAA;AAAA,kBAIpD,CAAC,EAAE,OAAO,SAAS,eAC/B,CAAC,YAAa,aAAY,WAAW,WAAW,MAAM,OAAO,MAAM,OAAO;AAAA,MAC1E,CAAC,EAAE,OAAO,UAAU,UAAU,eAC9B,CAAC,YAAY,CAAC,YAAY,CAAC,WAAW,uBAAuB,MAAM,OAAO,MAAM,SAAS;AAAA;AAAA;AAIxF,MAAM,cAAc,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAe3B,MAAM,cAAc,iCAAO;AAAA;AAAA;AAAA;AAAA,kBAIhB,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,WAClC,CAAC,EAAE,OAAO,UAAU,UAAU,cACpC,YAAY,YAAY,QAAS,WAAW,MAAM,OAAO,QAAQ,OAAO,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}