@elliemae/ds-form 2.2.0-alpha.1 → 2.2.0-alpha.2

package/cjs/index.js

@@ -1,122 +1,49 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var DSCheckbox = require('./Checkbox/DSCheckbox.js');
-var DSCheckboxGroup = require('./CheckboxGroup/DSCheckboxGroup.js');
-require('./ComboBox/v1/DSComboBox.js');
-var Combobox = require('./ComboBox/v2/Combobox.js');
-var ComboBox = require('./ComboBox/v3/ComboBox.js');
-var ComboBoxFreeSolo = require('./ComboBoxFreeSolo/ComboBoxFreeSolo.js');
-var DSDateInput = require('./DateInput/DSDateInput.js');
-var DateInputs = require('./DateInputV2/components/DateInputs.js');
-var DSDateInput$1 = require('./DateInputV2/components/DSDateInput.js');
-var DSExpandableInput = require('./ExpandableInput/DSExpandableInput.js');
-var DSFloatingLabelInput = require('./FloatingLabelInput/DSFloatingLabelInput.js');
-var DSFormItemLayout = require('./FormItem/DSFormItemLayout.js');
-var DSError = require('./FormItem/Error/DSError.js');
-var DSInput = require('./Input/DSInput.js');
-var DSInputGroup = require('./InputGroup/DSInputGroup.js');
-var DSInputMask = require('./InputMask/DSInputMask.js');
-var DSInputProtected = require('./InputProtected/DSInputProtected.js');
-var options = require('./InputProtected/options.js');
-var DSLargeInputText = require('./LargeInputText/DSLargeInputText.js');
-var SingleMenuItem = require('./MenuItem/components/SingleMenuItem/SingleMenuItem.js');
-var MultiMenuItem = require('./MenuItem/components/MultiMenuItem/MultiMenuItem.js');
-var index = require('./MenuItem/components/MenuItem/index.js');
-var index$1 = require('./MenuItem/components/SubmenuItem/index.js');
-var index$2 = require('./MenuItem/components/Section/index.js');
-var index$3 = require('./MenuItem/components/Separator/index.js');
-var DSRadio = require('./Radio/DSRadio.js');
-var DSRadioGroup = require('./RadioGroup/DSRadioGroup.js');
-var RequiredMark = require('./RequiredMark/RequiredMark.js');
-var SearchBoxToggle = require('./SearchBox/SearchBoxToggle.js');
-var DSSearchBox = require('./SearchBox/DSSearchBox.js');
-var NavSearchBox = require('./SearchBox/NavSearchBox.js');
-var DSTextBox = require('./TextBox/DSTextBox.js');
-var DSTimeInput = require('./TimeInput/DSTimeInput.js');
-var DSToggle = require('./Toggle/DSToggle.js');
-var TimeInputImpl = require('./TimeInput/TimeInputImpl.js');
-var propTypes = require('@elliemae/ds-shared/prop-types');
-var Select = require('react-select');
-var DateInputImpl = require('./DateInput/components/DateInputImpl.js');
-var variants = require('./FormItem/variants.js');
-var InputAddonWrapper = require('./Input/InputAddonWrapper.js');
-var MaskTypes = require('./InputMask/MaskTypes.js');
-var MaskPipes = require('./InputMask/MaskPipes.js');
-
-
-
-exports.CheckboxWithSchema = DSCheckbox.CheckboxWithSchema;
-exports.DSCheckbox = DSCheckbox.DSCheckbox;
-exports.DSCheckboxGroup = DSCheckboxGroup.DSCheckboxGroup;
-exports.DSCheckboxGroupWithSchema = DSCheckboxGroup.DSCheckboxGroupWithSchema;
-exports.ComboBoxWithSchema = Combobox.ComboBoxWithSchema;
-exports.DSComboBox = Combobox.DSComboBox2;
-exports.DSComboBox2 = Combobox.DSComboBox2;
-exports.DSComboBoxWithSchema = ComboBox.DSComboBoxWithSchema;
-exports.ComboBoxFreeSolo = ComboBoxFreeSolo;
-exports.DSDateInput = DSDateInput["default"];
-exports.DSDateInputWithSchema = DSDateInput.DSDateInputWithSchema;
-exports.DateInputsV2Impl = DateInputs.DateInputs;
-exports.DSDateInputV2 = DSDateInput$1.DSDateInputV2;
-exports.DSDateInputV2WithSchema = DSDateInput$1.DSDateInputV2WithSchema;
-exports.DSExpandableInput = DSExpandableInput;
-exports.DSFloatingLabelInput = DSFloatingLabelInput;
-exports.DSFormItemLayout = DSFormItemLayout["default"];
-exports.DSFormItemLayoutWithSchema = DSFormItemLayout.DSFormItemLayoutWithSchema;
-exports.DSError = DSError["default"];
-exports.DSErrorWithSchema = DSError.DSErrorWithSchema;
-exports.DSInput = DSInput["default"];
-exports.DSInputGroup = DSInputGroup["default"];
-exports.DSInputGroupWithSchema = DSInputGroup.DSInputGroupWithSchema;
-exports.DSInputMask = DSInputMask.DSInputMask;
-exports.DSInputMaskWithSchema = DSInputMask.DSInputMaskWithSchema;
-exports.DSInputProtected = DSInputProtected.DSInputProtected;
-exports.DSInputProtectedWithSchema = DSInputProtected.DSInputProtectedWithSchema;
-exports.LEFT_ADDON_OPTIONS = options.LEFT_ADDON_OPTIONS;
-exports.RIGHT_ADDON_OPTIONS = options.RIGHT_ADDON_OPTIONS;
-exports.DSLargeInputText = DSLargeInputText["default"];
-exports.DSLargeInputTextWithSchema = DSLargeInputText.DSLargeInputTextWithSchema;
-exports.SingleMenuItem = SingleMenuItem.SingleMenuItem;
-exports.MultiMenuItem = MultiMenuItem.MultiMenuItem;
-exports.MultiMenuItemWithSchema = MultiMenuItem.MultiMenuItemWithSchema;
-exports.MenuItem = index.MenuItem;
-exports.MenuItemWithSchema = index.MenuItemWithSchema;
-exports.SubmenuItem = index$1.SubmenuItem;
-exports.SubmenuItemWithSchema = index$1.SubmenuItemWithSchema;
-exports.Section = index$2.Section;
-exports.Separator = index$3.Separator;
-exports.DSRadio = DSRadio["default"];
-exports.DSRadioWithSchema = DSRadio.DSRadioWithSchema;
-exports.DSRadioGroup = DSRadioGroup["default"];
-exports.DSRequiredMark = RequiredMark;
-exports.SearchBoxToggle = SearchBoxToggle;
-exports.DSSearchBox = DSSearchBox["default"];
-exports.SearchBoxWithSchema = DSSearchBox.SearchBoxWithSchema;
-exports.DSNavSearchBox = NavSearchBox.NavSearchBox;
-exports.DSNavSearchBoxWithSchema = NavSearchBox.DSNavSearchBoxWithSchema;
-exports.DSTextBox = DSTextBox["default"];
-exports.DSTextBoxWithSchema = DSTextBox.DSTextBoxWithSchema;
-exports.DSTimeInput = DSTimeInput["default"];
-exports.DSTimeInputWithSchema = DSTimeInput.DSTimeInputWithSchema;
-exports.DSToggle = DSToggle["default"];
-exports.DSToggleWithSchema = DSToggle.DSToggleWithSchema;
-exports.TimeInputImpl = TimeInputImpl;
-Object.defineProperty(exports, 'CHECKBOX_VARIANT', {
-	enumerable: true,
-	get: function () { return propTypes.CHECKBOX_VARIANT; }
-});
-Object.defineProperty(exports, 'COMBOBOX_VARIANT', {
-	enumerable: true,
-	get: function () { return propTypes.COMBOBOX_VARIANT; }
-});
-Object.defineProperty(exports, 'components', {
-	enumerable: true,
-	get: function () { return Select.components; }
-});
-exports.DateInputImpl = DateInputImpl;
-exports.FORMITEM_LAYOUT_VARIANTS = variants.FORMITEM_LAYOUT_VARIANTS;
-exports.InputAddonWrapper = InputAddonWrapper;
-exports.MASK_TYPES = MaskTypes.MASK_TYPES;
-exports.MASK_PIPES = MaskPipes.MASK_PIPES;
+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 src_exports = {};
+var React = __toESM(require("react"));
+__reExport(src_exports, __toESM(require("./Checkbox")));
+__reExport(src_exports, __toESM(require("./CheckboxGroup")));
+__reExport(src_exports, __toESM(require("./TimeInput")));
+__reExport(src_exports, __toESM(require("./DateInput")));
+__reExport(src_exports, __toESM(require("./DateInputV2")));
+__reExport(src_exports, __toESM(require("./ExpandableInput")));
+__reExport(src_exports, __toESM(require("./FloatingLabelInput")));
+__reExport(src_exports, __toESM(require("./FormItem")));
+__reExport(src_exports, __toESM(require("./Input")));
+__reExport(src_exports, __toESM(require("./InputGroup")));
+__reExport(src_exports, __toESM(require("./InputMask")));
+__reExport(src_exports, __toESM(require("./InputProtected")));
+__reExport(src_exports, __toESM(require("./LargeInputText")));
+__reExport(src_exports, __toESM(require("./Radio")));
+__reExport(src_exports, __toESM(require("./RadioGroup")));
+__reExport(src_exports, __toESM(require("./RequiredMark")));
+__reExport(src_exports, __toESM(require("./SearchBox")));
+__reExport(src_exports, __toESM(require("./TextBox")));
+__reExport(src_exports, __toESM(require("./Toggle")));
+__reExport(src_exports, __toESM(require("./ComboBox")));
+__reExport(src_exports, __toESM(require("./ComboBoxFreeSolo")));
+__reExport(src_exports, __toESM(require("./MenuItem")));
+module.exports = __toCommonJS(src_exports);
+//# sourceMappingURL=index.js.map

package/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export * from './Checkbox';\nexport * from './CheckboxGroup';\nexport * from './TimeInput';\nexport * from './DateInput';\nexport * from './DateInputV2';\nexport * from './ExpandableInput';\nexport * from './FloatingLabelInput';\nexport * from './FormItem';\nexport * from './Input';\nexport * from './InputGroup';\nexport * from './InputMask';\nexport * from './InputProtected';\nexport * from './LargeInputText';\nexport * from './Radio';\nexport * from './RadioGroup';\nexport * from './RequiredMark';\nexport * from './SearchBox';\nexport * from './TextBox';\nexport * from './Toggle';\nexport * from './ComboBox';\nexport * from './ComboBoxFreeSolo';\nexport * from './MenuItem';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;ADAvB,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;",
+  "names": []
+}

package/esm/Checkbox/DSCheckbox.js

@@ -1,74 +1,57 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import { useMemo, useRef, useCallback } from 'react';
-import { describe } from 'react-desc';
-import { uid } from 'uid';
-import { convertPropToCssClassName } from '@elliemae/ds-classnames';
-import { cx } from '@elliemae/ds-utilities';
-export { CHECKBOX_VARIANT } from '@elliemae/ds-shared/prop-types';
-import CheckMark from './elements/CheckMark.js';
-import { defaultProps } from './defaultProps.js';
-import { checkboxProps } from './props.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-const _excluded = ["className", "onChange", "checked", "innerRef", "onKeyDown", "readOnly", "value", "disabled", "style", "variant", "tabIndex", "name", "onMouseEnter", "onMouseLeave", "instanceUID", "labelText"],
-      _excluded2 = ["labelText", "className", "htmlFor", "hasError", "readOnly", "disabled", "checked", "onChange", "variant", "children", "containerProps", "innerRef", "name"];
-
-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(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; }
-
-function Checkbox(_ref) {
-  let {
-    className,
-    onChange,
-    checked,
-    innerRef,
-    onKeyDown = () => null,
-    readOnly,
-    value,
-    disabled,
-    style,
-    variant,
-    tabIndex = 0,
-    name,
-    onMouseEnter,
-    onMouseLeave,
-    instanceUID,
-    labelText
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+import * as React from "react";
+import React2, { useMemo, useRef, useCallback } from "react";
+import { describe } from "react-desc";
+import { uid } from "uid";
+import { convertPropToCssClassName } from "@elliemae/ds-classnames";
+import { cx } from "@elliemae/ds-utilities";
+import { CHECKBOX_VARIANT } from "@elliemae/ds-shared/prop-types";
+import { CheckMark } from "./elements/CheckMark";
+import { defaultProps } from "./defaultProps";
+import { checkboxProps } from "./props";
+function Checkbox({
+  className,
+  onChange,
+  checked,
+  innerRef,
+  onKeyDown = () => null,
+  readOnly,
+  value,
+  disabled,
+  style,
+  variant,
+  tabIndex = 0,
+  name,
+  onMouseEnter,
+  onMouseLeave,
+  instanceUID,
+  labelText,
+  ...rest
+}) {
   const checkRef = useRef(null);
-  const handleClick = useCallback(e => {
-    // prevent double onChange call
-    if (e.currentTarget.dataset.kind === 'checkmark') {
+  const handleClick = useCallback((e) => {
+    if (e.currentTarget.dataset.kind === "checkmark") {
       e.target = checkRef.current;
-      if (readOnly) return;
+      if (readOnly)
+        return;
       onChange(e);
     }
   }, [onChange, readOnly]);
-  return /*#__PURE__*/_jsx("span", {
-    onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave
-  }, void 0, /*#__PURE__*/jsx(CheckMark, _objectSpread(_objectSpread({}, rest), {}, {
+  return /* @__PURE__ */ React2.createElement("span", {
+    onMouseEnter,
+    onMouseLeave
+  }, /* @__PURE__ */ React2.createElement(CheckMark, {
+    ...rest,
     ref: innerRef,
-    "data-testid": rest['data-testid'] || 'ds-checkbox',
+    "data-testid": rest["data-testid"] || "ds-checkbox",
     "aria-checked": checked,
     "aria-disabled": disabled,
-    className: "".concat(className, " ").concat(variant || '', " ").concat(disabled ? 'disabled' : ''),
+    className: `${className} ${variant || ""} ${disabled ? "disabled" : ""}`,
     "data-kind": "checkmark",
-    onKeyDown: e => {
+    onKeyDown: (e) => {
       e.target = checkRef.current;
-      if (readOnly) return;
-
-      if (e.key === 'Enter' || e.key === ' ') {
+      if (readOnly)
+        return;
+      if (e.key === "Enter" || e.key === " ") {
         e.preventDefault();
         onChange(e);
         onKeyDown(e);
@@ -76,88 +59,83 @@ function Checkbox(_ref) {
     },
     onClick: handleClick,
     role: "checkbox",
-    style: style,
-    tabIndex: tabIndex,
-    value: value,
-    children: /*#__PURE__*/jsx("input", {
-      id: "".concat(instanceUID, "-").concat(labelText),
-      onClick: handleClick,
-      ref: checkRef,
-      checked: !!checked,
-      disabled: disabled,
-      name: name,
-      readOnly: readOnly,
-      style: {
-        visibility: 'hidden',
-        pointerEvents: 'none'
-      },
-      type: "checkbox",
-      value: value,
-      onChange: () => {} // this suppress the warning, we manage onChange on another item level
-
-    })
+    style,
+    tabIndex,
+    value
+  }, /* @__PURE__ */ React2.createElement("input", {
+    id: `${instanceUID}-${labelText}`,
+    onClick: handleClick,
+    ref: checkRef,
+    checked: !!checked,
+    disabled,
+    name,
+    readOnly,
+    style: { visibility: "hidden", pointerEvents: "none" },
+    type: "checkbox",
+    value,
+    onChange: () => {
+    }
   })));
 }
-
-const DSCheckbox = _ref2 => {
-  let {
-    labelText = undefined,
-    className = undefined,
-    htmlFor = undefined,
+const DSCheckbox = ({
+  labelText = void 0,
+  className = void 0,
+  htmlFor = void 0,
+  hasError,
+  readOnly,
+  disabled,
+  checked,
+  onChange,
+  variant,
+  children,
+  containerProps,
+  innerRef,
+  name,
+  ...otherProps
+}) => {
+  const { cssClassName, classNameElement } = convertPropToCssClassName("form-element-checkbox", className, {
     hasError,
     readOnly,
-    disabled,
+    disabled
+  });
+  const instanceUID = useMemo(() => uid(5), []);
+  const checkbox = /* @__PURE__ */ React2.createElement(Checkbox, {
+    ...otherProps,
     checked,
-    onChange,
-    variant,
-    children,
-    containerProps,
+    className: cx(`${classNameElement("input-button")} checkbox-${String(checked)}`, className),
+    disabled,
     innerRef,
-    name
-  } = _ref2,
-      otherProps = _objectWithoutProperties(_ref2, _excluded2);
-
-  const {
-    cssClassName,
-    classNameElement
-  } = convertPropToCssClassName('form-element-checkbox', className, {
-    hasError,
+    name,
+    onChange,
     readOnly,
-    disabled
+    variant,
+    labelText,
+    instanceUID
   });
-  const instanceUID = useMemo(() => uid(5), []);
-
-  const checkbox = /*#__PURE__*/jsx(Checkbox, _objectSpread(_objectSpread({}, otherProps), {}, {
-    checked: checked,
-    className: cx("".concat(classNameElement('input-button'), " checkbox-").concat(String(checked)), className),
-    disabled: disabled,
-    innerRef: innerRef,
-    name: name,
-    onChange: onChange,
-    readOnly: readOnly,
-    variant: variant,
-    labelText: labelText,
-    instanceUID: instanceUID
-  }));
-
-  if (!labelText) return checkbox;
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({
-    className: "".concat(cssClassName, " ").concat(variant)
-  }, containerProps), {}, {
-    children: [/*#__PURE__*/_jsx("label", {
-      "data-testid": "ds-checkbox-label",
-      className: classNameElement('label'),
-      htmlFor: "".concat(instanceUID, "-").concat(labelText)
-    }, void 0, checkbox, /*#__PURE__*/_jsx("span", {
-      className: classNameElement('label-text')
-    }, void 0, labelText)), children && /*#__PURE__*/_jsx("div", {
-      className: classNameElement('checkbox-children')
-    }, void 0, children)]
-  }));
+  if (!labelText)
+    return checkbox;
+  return /* @__PURE__ */ React2.createElement("div", {
+    className: `${cssClassName} ${variant}`,
+    ...containerProps
+  }, /* @__PURE__ */ React2.createElement("label", {
+    "data-testid": "ds-checkbox-label",
+    className: classNameElement("label"),
+    htmlFor: `${instanceUID}-${labelText}`
+  }, checkbox, /* @__PURE__ */ React2.createElement("span", {
+    className: classNameElement("label-text")
+  }, labelText)), children && /* @__PURE__ */ React2.createElement("div", {
+    className: classNameElement("checkbox-children")
+  }, children));
 };
-
+DSCheckbox.propTypes = checkboxProps;
 DSCheckbox.defaultProps = defaultProps;
 const CheckboxWithSchema = describe(DSCheckbox);
 CheckboxWithSchema.propTypes = checkboxProps;
-
-export { CheckboxWithSchema, DSCheckbox, DSCheckbox as default };
+var DSCheckbox_default = DSCheckbox;
+export {
+  CHECKBOX_VARIANT,
+  CheckboxWithSchema,
+  DSCheckbox,
+  DSCheckbox_default as default
+};
+//# sourceMappingURL=DSCheckbox.js.map

package/esm/Checkbox/DSCheckbox.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Checkbox/DSCheckbox.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable react/prop-types */\nimport React, { useMemo, useRef, useCallback } from 'react';\nimport { describe } from 'react-desc';\nimport { uid } from 'uid';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { cx } from '@elliemae/ds-utilities';\nimport { CHECKBOX_VARIANT } from '@elliemae/ds-shared/prop-types';\nimport { CheckMark } from './elements/CheckMark';\nimport { defaultProps } from './defaultProps';\nimport { checkboxProps } from './props';\n\ninterface DSCheckboxPropsT {\n  [x: string]: unknown;\n  labelText?: string;\n  className?: string;\n  htmlFor?: string;\n  name?: string;\n  value?: string | number;\n  hasError?: boolean;\n  readOnly?: boolean;\n  disabled?: boolean;\n  checked?: boolean | 'mixed';\n  onChange?: () => void;\n  onMouseEnter?: React.MouseEventHandler<HTMLSpanElement>;\n  onMouseLeave?: React.MouseEventHandler<HTMLSpanElement>;\n  variant?: typeof CHECKBOX_VARIANT;\n  children?: React.ReactNode | React.ReactNode[];\n  containerProps?: unknown;\n  innerRef?: unknown;\n}\n\nfunction Checkbox({\n  className,\n  onChange,\n  checked,\n  innerRef,\n  onKeyDown = () => null,\n  readOnly,\n  value,\n  disabled,\n  style,\n  variant,\n  tabIndex = 0,\n  name,\n  onMouseEnter,\n  onMouseLeave,\n  instanceUID,\n  labelText,\n  ...rest\n}: DSCheckboxPropsT) {\n  const checkRef = useRef(null);\n  const handleClick = useCallback(\n    (e) => {\n      // prevent double onChange call\n      if (e.currentTarget.dataset.kind === 'checkmark') {\n        e.target = checkRef.current;\n        if (readOnly) return;\n        onChange(e);\n      }\n    },\n    [onChange, readOnly],\n  );\n  return (\n    <span onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave}>\n      <CheckMark\n        {...rest}\n        ref={innerRef}\n        data-testid={rest['data-testid'] || 'ds-checkbox'}\n        aria-checked={checked}\n        aria-disabled={disabled}\n        className={`${className} ${variant || ''} ${disabled ? 'disabled' : ''}`}\n        data-kind=\"checkmark\"\n        onKeyDown={(e) => {\n          e.target = checkRef.current;\n          if (readOnly) return;\n          if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault();\n            onChange(e);\n            onKeyDown(e);\n          }\n        }}\n        onClick={handleClick}\n        role=\"checkbox\"\n        style={style}\n        tabIndex={tabIndex}\n        value={value}\n      >\n        {/* todo: I want to remove this and add an abstraction for this kind of input. @marc */}\n        {/* check reakit checkbox */}\n        {/* https://github.com/reakit/reakit/blob/master/packages/reakit/src/Checkbox/Checkbox.ts */}\n        <input\n          id={`${instanceUID}-${labelText}`}\n          onClick={handleClick}\n          ref={checkRef}\n          checked={!!checked}\n          disabled={disabled}\n          name={name}\n          readOnly={readOnly}\n          style={{ visibility: 'hidden', pointerEvents: 'none' }}\n          type=\"checkbox\"\n          value={value}\n          onChange={() => {}} // this suppress the warning, we manage onChange on another item level\n        />\n      </CheckMark>\n    </span>\n  );\n}\n\nconst DSCheckbox = ({\n  labelText = undefined,\n  className = undefined,\n  htmlFor = undefined,\n  hasError,\n  readOnly,\n  disabled,\n  checked,\n  onChange,\n  variant,\n  children,\n  containerProps,\n  innerRef,\n  name,\n  ...otherProps\n}: DSCheckboxPropsT) => {\n  const { cssClassName, classNameElement } = convertPropToCssClassName('form-element-checkbox', className, {\n    hasError,\n    readOnly,\n    disabled,\n  });\n\n  const instanceUID = useMemo(() => uid(5), []);\n\n  const checkbox = (\n    <Checkbox\n      {...otherProps}\n      checked={checked}\n      className={cx(`${classNameElement('input-button')} checkbox-${String(checked)}`, className)}\n      disabled={disabled}\n      innerRef={innerRef}\n      name={name}\n      onChange={onChange}\n      readOnly={readOnly}\n      variant={variant}\n      labelText={labelText}\n      instanceUID={instanceUID}\n    />\n  );\n\n  if (!labelText) return checkbox;\n\n  return (\n    <div className={`${cssClassName} ${variant}`} {...containerProps}>\n      <label\n        data-testid=\"ds-checkbox-label\"\n        className={classNameElement('label')}\n        htmlFor={`${instanceUID}-${labelText}`}\n      >\n        {checkbox}\n        <span className={classNameElement('label-text')}>{labelText}</span>\n      </label>\n      {children && <div className={classNameElement('checkbox-children')}>{children}</div>}\n    </div>\n  );\n};\n\nDSCheckbox.propTypes = checkboxProps;\nDSCheckbox.defaultProps = defaultProps;\n\nconst CheckboxWithSchema = describe(DSCheckbox);\nCheckboxWithSchema.propTypes = checkboxProps;\n\nexport { DSCheckbox, CHECKBOX_VARIANT, CheckboxWithSchema };\nexport default DSCheckbox;\n"],
+  "mappings": "AAAA;ACEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAsBA,kBAAkB;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY,MAAM;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,GACgB;AACnB,QAAM,WAAW,OAAO;AACxB,QAAM,cAAc,YAClB,CAAC,MAAM;AAEL,QAAI,EAAE,cAAc,QAAQ,SAAS,aAAa;AAChD,QAAE,SAAS,SAAS;AACpB,UAAI;AAAU;AACd,eAAS;AAAA;AAAA,KAGb,CAAC,UAAU;AAEb,SACE,qCAAC,QAAD;AAAA,IAAM;AAAA,IAA4B;AAAA,KAChC,qCAAC,WAAD;AAAA,OACM;AAAA,IACJ,KAAK;AAAA,IACL,eAAa,KAAK,kBAAkB;AAAA,IACpC,gBAAc;AAAA,IACd,iBAAe;AAAA,IACf,WAAW,GAAG,aAAa,WAAW,MAAM,WAAW,aAAa;AAAA,IACpE,aAAU;AAAA,IACV,WAAW,CAAC,MAAM;AAChB,QAAE,SAAS,SAAS;AACpB,UAAI;AAAU;AACd,UAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;AACtC,UAAE;AACF,iBAAS;AACT,kBAAU;AAAA;AAAA;AAAA,IAGd,SAAS;AAAA,IACT,MAAK;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,KAKA,qCAAC,SAAD;AAAA,IACE,IAAI,GAAG,eAAe;AAAA,IACtB,SAAS;AAAA,IACT,KAAK;AAAA,IACL,SAAS,CAAC,CAAC;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,EAAE,YAAY,UAAU,eAAe;AAAA,IAC9C,MAAK;AAAA,IACL;AAAA,IACA,UAAU,MAAM;AAAA;AAAA;AAAA;AAO1B,MAAM,aAAa,CAAC;AAAA,EAClB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,MACmB;AACtB,QAAM,EAAE,cAAc,qBAAqB,0BAA0B,yBAAyB,WAAW;AAAA,IACvG;AAAA,IACA;AAAA,IACA;AAAA;AAGF,QAAM,cAAc,QAAQ,MAAM,IAAI,IAAI;AAE1C,QAAM,WACJ,qCAAC,UAAD;AAAA,OACM;AAAA,IACJ;AAAA,IACA,WAAW,GAAG,GAAG,iBAAiB,4BAA4B,OAAO,YAAY;AAAA,IACjF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIJ,MAAI,CAAC;AAAW,WAAO;AAEvB,SACE,qCAAC,OAAD;AAAA,IAAK,WAAW,GAAG,gBAAgB;AAAA,OAAe;AAAA,KAChD,qCAAC,SAAD;AAAA,IACE,eAAY;AAAA,IACZ,WAAW,iBAAiB;AAAA,IAC5B,SAAS,GAAG,eAAe;AAAA,KAE1B,UACD,qCAAC,QAAD;AAAA,IAAM,WAAW,iBAAiB;AAAA,KAAgB,aAEnD,YAAY,qCAAC,OAAD;AAAA,IAAK,WAAW,iBAAiB;AAAA,KAAuB;AAAA;AAK3E,WAAW,YAAY;AACvB,WAAW,eAAe;AAE1B,MAAM,qBAAqB,SAAS;AACpC,mBAAmB,YAAY;AAG/B,IAAO,qBAAQ;",
+  "names": []
+}

package/esm/Checkbox/defaultProps.js

@@ -1,5 +1,5 @@
-import { CHECKBOX_VARIANT } from '@elliemae/ds-shared/prop-types';
-
+import * as React from "react";
+import { CHECKBOX_VARIANT } from "@elliemae/ds-shared/prop-types";
 const defaultProps = {
   hasError: false,
   readOnly: false,
@@ -9,7 +9,9 @@ const defaultProps = {
   variant: CHECKBOX_VARIANT.DEFAULT,
   children: null,
   containerProps: {},
-  name: ''
+  name: ""
 };
-
-export { defaultProps };
+export {
+  defaultProps
+};
+//# sourceMappingURL=defaultProps.js.map

package/esm/Checkbox/defaultProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Checkbox/defaultProps.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { CHECKBOX_VARIANT } from '@elliemae/ds-shared/prop-types';\n\nexport const defaultProps = {\n  hasError: false,\n  readOnly: false,\n  disabled: false,\n  checked: false,\n  onChange: () => null,\n  variant: CHECKBOX_VARIANT.DEFAULT,\n  children: null,\n  containerProps: {},\n  name: '',\n};\n"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,eAAe;AAAA,EAC1B,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,SAAS;AAAA,EACT,UAAU,MAAM;AAAA,EAChB,SAAS,iBAAiB;AAAA,EAC1B,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,MAAM;AAAA;",
+  "names": []
+}

package/esm/Checkbox/elements/CheckMark.js

@@ -1,7 +1,9 @@
-import styled from 'styled-components';
-
-const CheckMark = /*#__PURE__*/styled.span.withConfig({
-  componentId: "sc-1rrft2r-0"
-})([""]);
-
-export { CheckMark as default };
+import * as React from "react";
+import styled from "styled-components";
+const CheckMark = styled.span``;
+var CheckMark_default = CheckMark;
+export {
+  CheckMark,
+  CheckMark_default as default
+};
+//# sourceMappingURL=CheckMark.js.map

package/esm/Checkbox/elements/CheckMark.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/Checkbox/elements/CheckMark.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\n\nexport const CheckMark = styled.span``;\nexport default CheckMark;\n"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,YAAY,OAAO;AAChC,IAAO,oBAAQ;",
+  "names": []
+}

package/esm/Checkbox/index.js

@@ -1,2 +1,3 @@
-export { CheckboxWithSchema, DSCheckbox, DSCheckbox as default } from './DSCheckbox.js';
-export { CHECKBOX_VARIANT } from '@elliemae/ds-shared/prop-types';
+import * as React from "react";
+export * from "./DSCheckbox";
+//# sourceMappingURL=index.js.map

package/esm/Checkbox/index.js.map

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

package/esm/Checkbox/props.js

@@ -1,19 +1,24 @@
-import { PropTypes } from 'react-desc';
-import { checkboxVariants, CHECKBOX_VARIANT } from '@elliemae/ds-shared/prop-types';
-
+import * as React from "react";
+import { PropTypes } from "react-desc";
+import {
+  CHECKBOX_VARIANT,
+  checkboxVariants
+} from "@elliemae/ds-shared/prop-types";
 const checkboxProps = {
-  containerProps: PropTypes.object.description('Set of Properties attached to the main container'),
-  labelText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description('Displayable label for the checkbox'),
-  htmlFor: PropTypes.element.description('html for attr'),
-  hasError: PropTypes.bool.description('Whether the checkbox has error or not').defaultValue(false),
-  readOnly: PropTypes.bool.description('Whether the checkbox is read only or not').defaultValue(false),
-  disabled: PropTypes.bool.description('Whether the checkbox is disabled or not').defaultValue(false),
-  checked: PropTypes.oneOfType([PropTypes.oneOf(['mixed']), PropTypes.bool]).description('Whether the checkbox is checked, mixed or unchecked').defaultValue(false),
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).description('Value that takes the checkbox if it is checked'),
-  variant: PropTypes.oneOf(checkboxVariants).description('checbkox variant').defaultValue(CHECKBOX_VARIANT.DEFAULT),
-  children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]).description('children elements'),
-  onChange: PropTypes.func.description('function executed when the checkbox changes'),
-  name: PropTypes.string.description('checkbox s name')
+  containerProps: PropTypes.object.description("Set of Properties attached to the main container"),
+  labelText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description("Displayable label for the checkbox"),
+  htmlFor: PropTypes.element.description("html for attr"),
+  hasError: PropTypes.bool.description("Whether the checkbox has error or not").defaultValue(false),
+  readOnly: PropTypes.bool.description("Whether the checkbox is read only or not").defaultValue(false),
+  disabled: PropTypes.bool.description("Whether the checkbox is disabled or not").defaultValue(false),
+  checked: PropTypes.oneOfType([PropTypes.oneOf(["mixed"]), PropTypes.bool]).description("Whether the checkbox is checked, mixed or unchecked").defaultValue(false),
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).description("Value that takes the checkbox if it is checked"),
+  variant: PropTypes.oneOf(checkboxVariants).description("checbkox variant").defaultValue(CHECKBOX_VARIANT.DEFAULT),
+  children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]).description("children elements"),
+  onChange: PropTypes.func.description("function executed when the checkbox changes"),
+  name: PropTypes.string.description("checkbox s name")
 };
-
-export { checkboxProps };
+export {
+  checkboxProps
+};
+//# sourceMappingURL=props.js.map

package/esm/Checkbox/props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Checkbox/props.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from 'react-desc';\nimport {\n  CHECKBOX_VARIANT,\n  checkboxVariants,\n} from '@elliemae/ds-shared/prop-types';\n\nexport const checkboxProps = {\n  containerProps: PropTypes.object.description('Set of Properties attached to the main container'),\n  labelText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description(\n    'Displayable label for the checkbox',\n  ),\n  htmlFor: PropTypes.element.description('html for attr'),\n  hasError: PropTypes.bool.description('Whether the checkbox has error or not').defaultValue(false),\n  readOnly: PropTypes.bool.description('Whether the checkbox is read only or not').defaultValue(false),\n  disabled: PropTypes.bool.description('Whether the checkbox is disabled or not').defaultValue(false),\n  checked: PropTypes.oneOfType([PropTypes.oneOf(['mixed']), PropTypes.bool])\n    .description('Whether the checkbox is checked, mixed or unchecked')\n    .defaultValue(false),\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).description(\n    'Value that takes the checkbox if it is checked',\n  ),\n  variant: PropTypes.oneOf(checkboxVariants).description('checbkox variant').defaultValue(CHECKBOX_VARIANT.DEFAULT),\n  children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]).description(\n    'children elements',\n  ),\n  onChange: PropTypes.func.description('function executed when the checkbox changes'),\n  name: PropTypes.string.description('checkbox s name'),\n};\n"],
+  "mappings": "AAAA;ACAA;AACA;AAAA;AAAA;AAAA;AAKO,MAAM,gBAAgB;AAAA,EAC3B,gBAAgB,UAAU,OAAO,YAAY;AAAA,EAC7C,WAAW,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,UAAU,YACpE;AAAA,EAEF,SAAS,UAAU,QAAQ,YAAY;AAAA,EACvC,UAAU,UAAU,KAAK,YAAY,yCAAyC,aAAa;AAAA,EAC3F,UAAU,UAAU,KAAK,YAAY,4CAA4C,aAAa;AAAA,EAC9F,UAAU,UAAU,KAAK,YAAY,2CAA2C,aAAa;AAAA,EAC7F,SAAS,UAAU,UAAU,CAAC,UAAU,MAAM,CAAC,WAAW,UAAU,OACjE,YAAY,uDACZ,aAAa;AAAA,EAChB,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,SAAS,YACjF;AAAA,EAEF,SAAS,UAAU,MAAM,kBAAkB,YAAY,oBAAoB,aAAa,iBAAiB;AAAA,EACzG,UAAU,UAAU,UAAU,CAAC,UAAU,SAAS,UAAU,QAAQ,UAAU,WAAW,YACvF;AAAA,EAEF,UAAU,UAAU,KAAK,YAAY;AAAA,EACrC,MAAM,UAAU,OAAO,YAAY;AAAA;",
+  "names": []
+}