@elliemae/ds-controlled-form 2.2.0-alpha.4 → 3.0.0-next.2

package/cjs/controlled-autocomplete/utils/listHelper.js

@@ -1,61 +1,43 @@
-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 listHelper_exports = {};
-__export(listHelper_exports, {
-  findInCircularList: () => findInCircularList,
-  getOptions: () => getOptions,
-  getSelectableOptions: () => getSelectableOptions,
-  isSelected: () => isSelected,
-  isSelectedValueEmpty: () => isSelectedValueEmpty,
-  isSelectedValueMultiple: () => isSelectedValueMultiple
-});
-var React = __toESM(require("react"));
-const getSelectableOptions = (options) => options ? options.filter((option) => option.type === "option" && !option.disabled) : [];
-const getOptions = (options) => options ? options.filter((option) => option.type === "option") : [];
-const isSelectedValueEmpty = (value) => Array.isArray(value) ? value.length === 0 : !value;
-const isSelectedValueMultiple = (value) => Array.isArray(value);
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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.some.js');
+require('core-js/modules/esnext.iterator.some.js');
+
+const getSelectableOptions = options => options ? options.filter(option => option.type === 'option' && !option.disabled) : [];
+const getOptions = options => options ? options.filter(option => option.type === 'option') : [];
+const isSelectedValueEmpty = value => Array.isArray(value) ? value.length === 0 : !value;
+const isSelectedValueMultiple = value => Array.isArray(value);
 const isSelected = (value, activeOption) => {
   if (isSelectedValueMultiple(value)) {
     const multiValue = value;
-    return multiValue.some((item) => item?.value === activeOption?.value);
+    return multiValue.some(item => (item === null || item === void 0 ? void 0 : item.value) === (activeOption === null || activeOption === void 0 ? void 0 : activeOption.value));
   }
-  if (typeof value === "string") {
+
+  if (typeof value === 'string') {
     return false;
   }
+
   const singleValue = value;
-  return singleValue?.value === activeOption.value;
+  return (singleValue === null || singleValue === void 0 ? void 0 : singleValue.value) === activeOption.value;
 };
-const findInCircularList = (list, from, criteria, step = 1) => {
+const findInCircularList = function (list, from, criteria) {
+  let step = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
+
   for (let i = (from + step + list.length) % list.length; i !== from; i = (i + step + list.length) % list.length) {
-    if (criteria(list[i]))
-      return i;
+    if (criteria(list[i])) return i;
   }
-  return from;
+
+  return from; // return same item
 };
-module.exports = __toCommonJS(listHelper_exports);
-//# sourceMappingURL=listHelper.js.map
+
+exports.findInCircularList = findInCircularList;
+exports.getOptions = getOptions;
+exports.getSelectableOptions = getSelectableOptions;
+exports.isSelected = isSelected;
+exports.isSelectedValueEmpty = isSelectedValueEmpty;
+exports.isSelectedValueMultiple = isSelectedValueMultiple;

package/cjs/controlled-checkbox/ControlledCheckbox.js

@@ -1,46 +1,24 @@
-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)();
+'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();
   const {
     autoFocus,
     checked,
@@ -59,51 +37,52 @@ const DSControlledCheckbox = (props) => {
     innerRef,
     tabIndex
   } = props;
-  const handleOnKeyDown = (0, import_react.useCallback)((e) => {
-    if (checkboxRef.current && e.key === "Enter") {
+  const handleOnKeyDown = React.useCallback(e => {
+    if (checkboxRef.current && e.key === 'Enter') {
       checkboxRef.current.click();
     }
   }, []);
-  return /* @__PURE__ */ import_react.default.createElement(import_styles.StyledContainer, {
+  return /*#__PURE__*/_jsx__default["default"](styles.StyledContainer, {
     "data-testid": "ds-checkbox-container"
-  }, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledCheckBox, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](styles.StyledCheckBox, {
     checked: props.checked,
-    hasError,
-    disabled,
-    readOnly
-  }, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledInput, {
-    disabled,
-    ref: (ref) => (0, import_setMultipleRefs.setMultipleRefs)([checkboxRef, innerRef])(ref),
+    hasError: hasError,
+    disabled: disabled,
+    readOnly: readOnly
+  }, void 0, /*#__PURE__*/jsxRuntime.jsx(styles.StyledInput, {
+    disabled: disabled,
+    ref: ref => setMultipleRefs.setMultipleRefs([checkboxRef, innerRef])(ref),
     onKeyDown: handleOnKeyDown,
     type: "checkbox",
-    checked: checked !== "mixed" ? checked : void 0,
+    checked: checked !== 'mixed' ? checked : undefined,
     "aria-controls": ariaControls,
     "aria-checked": checked,
     "aria-disabled": disabled,
     "aria-invalid": hasError,
     "aria-readonly": readOnly,
     "aria-label": ariaLabel || label,
-    onFocus,
-    onBlur,
-    name,
-    value,
-    onChange,
-    id,
+    onFocus: onFocus,
+    onBlur: onBlur,
+    name: name,
+    value: value,
+    onChange: onChange,
+    id: id,
     "data-testid": "ds-checkbox",
-    autoFocus,
+    autoFocus: autoFocus,
     tabIndex: tabIndex || 0
-  })), label && /* @__PURE__ */ import_react.default.createElement(import_styles.StyledLabel, {
+  })), label && /*#__PURE__*/_jsx__default["default"](styles.StyledLabel, {
     htmlFor: id,
-    disabled,
-    readOnly,
-    checked,
+    disabled: disabled,
+    readOnly: readOnly,
+    checked: checked,
     "data-testid": "ds-checkbox-label"
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.SimpleTruncatedTooltipText, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsTruncatedTooltipText.SimpleTruncatedTooltipText, {
     value: label
   })));
 };
-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
+
+const DSControlledCheckboxWithSchema = reactDesc.describe(DSControlledCheckbox);
+DSControlledCheckboxWithSchema.propTypes = propTypes.propTypes;
+
+exports.DSControlledCheckbox = DSControlledCheckbox;
+exports.DSControlledCheckboxWithSchema = DSControlledCheckboxWithSchema;

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

@@ -1,49 +1,23 @@
-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}
-  `);
+'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  "));
 };
+
 const useValidateProps = (props, propTypes) => {
-  (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.`);
+  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.");
   }
-  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.`);
+
+  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.");
   }
 };
-module.exports = __toCommonJS(useValidateProps_exports);
-//# sourceMappingURL=useValidateProps.js.map
+
+exports.useValidateProps = useValidateProps;

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

@@ -1,27 +1,2 @@
-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
+'use strict';
+

package/cjs/controlled-checkbox/index.js

@@ -1,28 +1,10 @@
-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
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var ControlledCheckbox = require('./ControlledCheckbox.js');
+
+
+
+exports.DSControlledCheckbox = ControlledCheckbox.DSControlledCheckbox;
+exports.DSControlledCheckboxWithSchema = ControlledCheckbox.DSControlledCheckboxWithSchema;

package/cjs/controlled-checkbox/propTypes.js

@@ -1,49 +1,22 @@
-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");
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactDesc = require('react-desc');
+
 const propTypes = {
-  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.func.description("Checkbox input ref."),
-  autoFocus: import_react_desc.PropTypes.bool.description("Whether you want the checkbox to be autofocused on render")
+  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.func.description('Checkbox input ref.'),
+  autoFocus: reactDesc.PropTypes.bool.description('Whether you want the checkbox to be autofocused on render')
 };
-module.exports = __toCommonJS(propTypes_exports);
-//# sourceMappingURL=propTypes.js.map
+
+exports.propTypes = propTypes;