@elliemae/ds-form 1.60.0 → 2.0.0-alpha.12

package/esm/MenuItem/index.js

@@ -4,29 +4,3 @@ export { MenuItem, MenuItemWithSchema } from './components/MenuItem/index.js';
 export { SubmenuItem, SubmenuItemWithSchema } from './components/SubmenuItem/index.js';
 export { Section } from './components/Section/index.js';
 export { Separator } from './components/Separator/index.js';
-import 'react';
-import 'react-desc';
-import '@elliemae/ds-truncated-tooltip-text';
-import '@elliemae/ds-icons';
-import '@elliemae/ds-grid';
-import './props.js';
-import 'lodash';
-import './components/SingleMenuItem/styled.js';
-import 'styled-components';
-import './components/styled.js';
-import 'styled-system';
-import '@elliemae/ds-controlled-form';
-import './components/MultiMenuItem/styled.js';
-import '@elliemae/ds-props-helpers';
-import './components/MenuItem/styled.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import '@elliemae/ds-button';
-import '@elliemae/ds-icons/MoreOptionsVert';
-import '@elliemae/ds-icons/ChevronRight';
-import '@elliemae/ds-dropdownmenu';
-import './components/SubmenuItem/styled.js';
-import './components/Section/props.js';
-import './components/Section/styled.js';
-import './components/Separator/styled.js';
-//# sourceMappingURL=index.js.map

package/esm/MenuItem/props.js

@@ -1,7 +1,7 @@
 import { noop } from 'lodash';
 import { PropTypes } from 'react-desc';
 
-var defaultProps = {
+const defaultProps = {
   dsId: '',
   value: '',
   label: '',
@@ -15,10 +15,9 @@ var defaultProps = {
   withVirtualization: false,
   dataTestid: 'ds-menu-item'
 };
-var itemProps = {
+const itemProps = {
   value: PropTypes.any.description('').defaultValue(''),
   label: PropTypes.string.description('').defaultValue('')
 };
 
 export { defaultProps, itemProps };
-//# sourceMappingURL=props.js.map

package/esm/Radio/Circle.js

@@ -1,14 +1,17 @@
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import { withTheme } from '@elliemae/ds-system';
 
-var Circle = function Circle(_ref) {
-  var checked = _ref.checked,
-      theme = _ref.theme;
-  var r = theme.breakpoints.medium.split('px')[0] - window.innerWidth >= 0 ? 6 : 4;
-  return /*#__PURE__*/React.createElement("svg", {
+const Circle = _ref => {
+  let {
+    checked,
+    theme
+  } = _ref;
+  const r = theme.breakpoints.medium.split('px')[0] - window.innerWidth >= 0 ? 6 : 4;
+  return /*#__PURE__*/_jsx("svg", {
     width: "100%",
     height: "100%"
-  }, /*#__PURE__*/React.createElement("circle", {
+  }, void 0, /*#__PURE__*/_jsx("circle", {
     className: checked ? 'checked' : 'unchecked',
     r: r,
     cx: "50%",
@@ -19,4 +22,3 @@ var Circle = function Circle(_ref) {
 var Circle$1 = withTheme(Circle);
 
 export { Circle$1 as default };
-//# sourceMappingURL=Circle.js.map

package/esm/Radio/DSRadio.js

@@ -1,86 +1,100 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
+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 React, { useRef } from 'react';
+import { useRef } from 'react';
 import { PropTypes, describe } from 'react-desc';
 import { convertPropToCssClassName } from '@elliemae/ds-classnames';
 import Circle from './Circle.js';
-import '@elliemae/ds-system';
-
-var _excluded = ["containerProps", "className", "style", "labelText", "htmlFor", "hasError", "readOnly", "disabled", "checked", "value", "name", "onChange", "children", "tabIndex"];
-
-var DSRadio = function DSRadio(_ref) {
-  var containerProps = _ref.containerProps,
-      className = _ref.className,
-      style = _ref.style,
-      labelText = _ref.labelText,
-      htmlFor = _ref.htmlFor,
-      hasError = _ref.hasError,
-      readOnly = _ref.readOnly,
-      disabled = _ref.disabled,
-      checked = _ref.checked,
-      value = _ref.value,
-      name = _ref.name,
-      _onChange = _ref.onChange,
-      children = _ref.children,
-      tabIndex = _ref.tabIndex,
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+const _excluded = ["containerProps", "className", "style", "labelText", "htmlFor", "hasError", "readOnly", "disabled", "checked", "value", "name", "onChange", "children", "tabIndex"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+const DSRadio = _ref => {
+  let {
+    containerProps,
+    className,
+    style,
+    labelText,
+    htmlFor,
+    hasError,
+    readOnly,
+    disabled,
+    checked,
+    value,
+    name,
+    onChange,
+    children,
+    tabIndex
+  } = _ref,
       otherProps = _objectWithoutProperties(_ref, _excluded);
 
-  var _convertPropToCssClas = convertPropToCssClassName('form-element-radio', className, {
-    hasError: hasError,
-    readOnly: readOnly,
-    disabled: disabled
-  }),
-      cssClassName = _convertPropToCssClas.cssClassName,
-      classNameElement = _convertPropToCssClas.classNameElement;
-
-  var checkRef = useRef(null);
-  return /*#__PURE__*/React.createElement("div", _extends({}, containerProps, {
-    className: cssClassName
-  }), /*#__PURE__*/React.createElement("label", {
-    className: classNameElement('label'),
-    htmlFor: htmlFor
-  }, /*#__PURE__*/React.createElement("input", _extends({}, otherProps, {
-    ref: checkRef,
-    "aria-disabled": disabled,
-    checked: disabled ? false : checked,
-    className: classNameElement('input'),
-    disabled: disabled,
-    name: name,
-    onChange: function onChange(e) {
-      if (!readOnly && !disabled) {
-        _onChange(e);
-      }
-    },
-    readOnly: readOnly,
-    tabIndex: -1,
-    type: "radio",
-    value: value
-  })), /*#__PURE__*/React.createElement("span", {
-    ref: otherProps.innerRef,
-    "aria-checked": checked,
-    "aria-disabled": disabled,
-    className: classNameElement('input-button'),
-    onKeyDown: function onKeyDown(e) {
-      e.target = checkRef.current;
-      if (disabled) return;
-
-      if (e.key === 'Enter' || e.keyCode === 32) {
-        _onChange(e);
-      } else if (otherProps.onKeyDown) {
-        otherProps.onKeyDown(e);
-      }
-    },
-    role: "radio",
-    style: style,
-    tabIndex: disabled ? -1 : tabIndex,
-    value: value
-  }, /*#__PURE__*/React.createElement(Circle, {
-    checked: checked
-  })), /*#__PURE__*/React.createElement("span", {
-    className: classNameElement('label-text')
-  }, labelText)), children && /*#__PURE__*/React.createElement("div", {
-    className: classNameElement('radio-children')
-  }, children));
+  const {
+    cssClassName,
+    classNameElement
+  } = convertPropToCssClassName('form-element-radio', className, {
+    hasError,
+    readOnly,
+    disabled
+  });
+  const checkRef = useRef(null);
+  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, containerProps), {}, {
+    className: cssClassName,
+    children: [/*#__PURE__*/_jsx("label", {
+      className: classNameElement('label'),
+      htmlFor: htmlFor
+    }, void 0, /*#__PURE__*/jsx("input", _objectSpread(_objectSpread({}, otherProps), {}, {
+      ref: checkRef,
+      "aria-disabled": disabled,
+      checked: disabled ? false : checked,
+      className: classNameElement('input'),
+      disabled: disabled,
+      name: name,
+      onChange: e => {
+        if (!readOnly && !disabled) {
+          onChange(e);
+        }
+      },
+      readOnly: readOnly,
+      tabIndex: -1,
+      type: "radio",
+      value: value
+    })), /*#__PURE__*/jsx("span", {
+      ref: otherProps.innerRef,
+      "aria-checked": checked,
+      "aria-disabled": disabled,
+      className: classNameElement('input-button'),
+      onKeyDown: e => {
+        e.target = checkRef.current;
+        if (disabled) return;
+
+        if (e.key === 'Enter' || e.keyCode === 32) {
+          onChange(e);
+        } else if (otherProps.onKeyDown) {
+          otherProps.onKeyDown(e);
+        }
+      },
+      role: "radio",
+      style: style,
+      tabIndex: disabled ? -1 : tabIndex,
+      value: value,
+      children: /*#__PURE__*/_jsx(Circle, {
+        checked: checked
+      })
+    }), /*#__PURE__*/_jsx("span", {
+      className: classNameElement('label-text')
+    }, void 0, labelText)), children && /*#__PURE__*/_jsx("div", {
+      className: classNameElement('radio-children')
+    }, void 0, children)]
+  }));
 };
 
 DSRadio.defaultProps = {
@@ -91,13 +105,11 @@ DSRadio.defaultProps = {
   disabled: false,
   checked: false,
   name: '',
-  onChange: function onChange() {
-    return null;
-  },
+  onChange: () => null,
   children: null,
   tabIndex: 0
 };
-var radioProps = {
+const radioProps = {
   /** Injected props to wrapper element of component */
   containerProps: PropTypes.object.description('Injected props to wrapper element of component'),
 
@@ -156,9 +168,7 @@ var radioProps = {
   /** style override object */
   style: PropTypes.number.description('style override object')
 };
-DSRadio.propTypes = radioProps;
-var DSRadioWithSchema = describe(DSRadio).description('Radio button component');
+const DSRadioWithSchema = describe(DSRadio).description('Radio button component');
 DSRadioWithSchema.propTypes = radioProps;
 
 export { DSRadioWithSchema, DSRadio as default };
-//# sourceMappingURL=DSRadio.js.map

package/esm/Radio/index.js

@@ -1,9 +1 @@
 export { DSRadioWithSchema, default } from './DSRadio.js';
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react';
-import 'react-desc';
-import '@elliemae/ds-classnames';
-import './Circle.js';
-import '@elliemae/ds-system';
-//# sourceMappingURL=index.js.map

package/esm/RadioGroup/DSRadioGroup.js

@@ -1,4 +1,12 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
+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 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
 import React from 'react';
 import { describe } from 'react-desc';
 import GroupItem from '@elliemae/ds-shared/GroupContext/GroupItem';
@@ -8,77 +16,37 @@ import '../FormItem/Error/DSError.js';
 import DSRadio from '../Radio/DSRadio.js';
 import { props } from './props.js';
 import { defaultProps } from './defaultProps.js';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@elliemae/ds-classnames';
-import '@elliemae/ds-utilities';
-import '../InputGroup/DSInputGroup.js';
-import '../InputGroup/AddonWrapper.js';
-import '@babel/runtime/helpers/esm/classCallCheck';
-import '@babel/runtime/helpers/esm/createClass';
-import '@babel/runtime/helpers/esm/inherits';
-import '@babel/runtime/helpers/esm/possibleConstructorReturn';
-import '@babel/runtime/helpers/esm/getPrototypeOf';
-import '../InputGroup/props.js';
-import '../InputGroup/defaultProps.js';
-import '../FloatingLabelInput/DSFloatingLabelInput.js';
-import '../FloatingLabelInput/FloatingLabelInputImpl.js';
-import '@babel/runtime/helpers/esm/assertThisInitialized';
-import '@elliemae/ds-text-wrapper';
-import 'resize-observer';
-import '../FloatingLabelInput/getSvgPath.js';
-import '../RequiredMark/RequiredMark.js';
-import '../FormItem/Label/DSLabel.js';
-import 'prop-types';
-import '@elliemae/ds-truncated-tooltip-text';
-import '../TextBox/DSTextBox.js';
-import '../Input/DSInput.js';
-import '../Input/InputImpl.js';
-import '@babel/runtime/helpers/esm/typeof';
-import 'lodash';
-import '@elliemae/ds-icons';
-import '@elliemae/ds-button';
-import '@elliemae/ds-tooltip';
-import '../Input/InputAddonWrapper.js';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import '../FormItem/props.js';
-import '../FormItem/variants.js';
-import '../FormItem/defaultProps.js';
-import '../FormItem/Feedback.js';
-import '../FormItem/Suffix/Suffix.js';
-import 'styled-components';
-import '../Radio/Circle.js';
-import '@elliemae/ds-system';
-import '../prop-types-45aa1e9c.js';
+import { jsx } from 'react/jsx-runtime';
 
-var emClassPrefix = 'em-ds';
-var baseClass = "".concat(emClassPrefix, "-radio-group");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-var RadioItem = function RadioItem(props) {
-  return /*#__PURE__*/React.createElement(GroupItem, {
-    render: function render(context) {
-      return /*#__PURE__*/React.createElement(DSRadio, _extends({}, props, {
-        checked: context.activeValue === props.value,
-        disabled: context.disabled || props.disabled,
-        onChange: context.onChange
-      }));
-    }
-  });
-};
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+const emClassPrefix = 'em-ds';
+const baseClass = "".concat(emClassPrefix, "-radio-group");
+
+const RadioItem = props => /*#__PURE__*/_jsx(GroupItem, {
+  render: context => /*#__PURE__*/jsx(DSRadio, _objectSpread(_objectSpread({}, props), {}, {
+    checked: context.activeValue === props.value,
+    disabled: context.disabled || props.disabled,
+    onChange: context.onChange
+  }))
+});
 
-var DSRadioGroup = function DSRadioGroup(_ref) {
-  var containerProps = _ref.containerProps,
-      onChange = _ref.onChange,
-      activeValue = _ref.activeValue,
-      children = _ref.children,
-      orientation = _ref.orientation,
-      disabled = _ref.disabled,
-      truncateText = _ref.truncateText,
-      labelProps = _ref.labelProps;
-  var checkRefs = [];
-  var count = React.Children.count(children);
+const DSRadioGroup = _ref => {
+  let {
+    containerProps,
+    onChange,
+    activeValue,
+    children,
+    orientation,
+    disabled,
+    truncateText,
+    labelProps
+  } = _ref;
+  const checkRefs = [];
+  const count = React.Children.count(children);
 
-  var _onKeyDown = function onKeyDown(e, index) {
+  const onKeyDown = (e, index) => {
     if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {
       if (index === 0) checkRefs[count - 1].focus();else checkRefs[index - 1].focus();
     }
@@ -88,45 +56,41 @@ var DSRadioGroup = function DSRadioGroup(_ref) {
     }
   };
 
-  var group = /*#__PURE__*/React.createElement(Group, {
+  const group = /*#__PURE__*/_jsx(Group, {
     activeValue: activeValue,
     disabled: disabled,
     onChange: onChange
-  }, /*#__PURE__*/React.createElement("div", _extends({
+  }, void 0, /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({
     "data-testid": "ds-radiogroup"
-  }, labelProps && labelProps.labelText ? {} : containerProps, {
+  }, labelProps && labelProps.labelText ? {} : containerProps), {}, {
     className: "".concat(baseClass, " ").concat(baseClass, "--").concat(orientation),
-    role: "group"
-  }), React.Children.map(children, function (child, index) {
-    return /*#__PURE__*/React.createElement(RadioItem, _extends({}, child.props, {
-      innerRef: function innerRef(t) {
+    role: "group",
+    children: React.Children.map(children, (child, index) => /*#__PURE__*/jsx(RadioItem, _objectSpread(_objectSpread({}, child.props), {}, {
+      innerRef: t => {
         checkRefs.push(t);
       },
-      onKeyDown: function onKeyDown(e) {
-        return _onKeyDown(e, index);
-      }
-    }));
-  }, null)));
+      onKeyDown: e => onKeyDown(e, index)
+    })), null)
+  })));
 
   if (labelProps && labelProps.labelText) {
-    return /*#__PURE__*/React.createElement("div", _extends({
+    return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({
       className: "".concat(baseClass, "-form-item-layout-wrapper")
-    }, containerProps, {
-      role: "group"
-    }), /*#__PURE__*/React.createElement(DSFormItemLayout, _extends({}, labelProps, {
-      inputComponent: group,
-      onChange: onChange,
-      truncateText: truncateText
-    })));
+    }, containerProps), {}, {
+      role: "group",
+      children: /*#__PURE__*/jsx(DSFormItemLayout, _objectSpread(_objectSpread({}, labelProps), {}, {
+        inputComponent: group,
+        onChange: onChange,
+        truncateText: truncateText
+      }))
+    }));
   }
 
   return group;
 };
 
-DSRadioGroup.propTypes = props;
 DSRadioGroup.defaultProps = defaultProps;
-var DSRadioGroupWithSchema = describe(DSRadioGroup);
+const DSRadioGroupWithSchema = describe(DSRadioGroup);
 DSRadioGroupWithSchema.propTypes = props;
 
 export { DSRadioGroupWithSchema, DSRadioGroup as default };
-//# sourceMappingURL=DSRadioGroup.js.map

package/esm/RadioGroup/defaultProps.js

@@ -1,8 +1,6 @@
-var defaultProps = {
+const defaultProps = {
   containerProps: {},
-  onChange: function onChange() {
-    return null;
-  },
+  onChange: () => null,
   orientation: 'vertical',
   disabled: false,
   truncateText: false,
@@ -14,4 +12,3 @@ var defaultProps = {
 };
 
 export { defaultProps };
-//# sourceMappingURL=defaultProps.js.map

package/esm/RadioGroup/index.js

@@ -1,54 +1 @@
 export { default } from './DSRadioGroup.js';
-import '@babel/runtime/helpers/esm/extends';
-import 'react';
-import 'react-desc';
-import '@elliemae/ds-shared/GroupContext/GroupItem';
-import '@elliemae/ds-shared/GroupContext/Group';
-import '../FormItem/DSFormItemLayout.js';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@elliemae/ds-classnames';
-import '@elliemae/ds-utilities';
-import '../InputGroup/DSInputGroup.js';
-import '../InputGroup/AddonWrapper.js';
-import '@babel/runtime/helpers/esm/classCallCheck';
-import '@babel/runtime/helpers/esm/createClass';
-import '@babel/runtime/helpers/esm/inherits';
-import '@babel/runtime/helpers/esm/possibleConstructorReturn';
-import '@babel/runtime/helpers/esm/getPrototypeOf';
-import '../InputGroup/props.js';
-import '../InputGroup/defaultProps.js';
-import '../FloatingLabelInput/DSFloatingLabelInput.js';
-import '../FloatingLabelInput/FloatingLabelInputImpl.js';
-import '@babel/runtime/helpers/esm/assertThisInitialized';
-import '@elliemae/ds-text-wrapper';
-import 'resize-observer';
-import '../FloatingLabelInput/getSvgPath.js';
-import '../RequiredMark/RequiredMark.js';
-import '../FormItem/Label/DSLabel.js';
-import 'prop-types';
-import '@elliemae/ds-truncated-tooltip-text';
-import '../TextBox/DSTextBox.js';
-import '../Input/DSInput.js';
-import '../Input/InputImpl.js';
-import '@babel/runtime/helpers/esm/typeof';
-import 'lodash';
-import '@elliemae/ds-icons';
-import '@elliemae/ds-button';
-import '@elliemae/ds-tooltip';
-import '../Input/InputAddonWrapper.js';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import '../FormItem/Error/DSError.js';
-import '../FormItem/props.js';
-import '../FormItem/variants.js';
-import '../FormItem/defaultProps.js';
-import '../FormItem/Feedback.js';
-import '../FormItem/Suffix/Suffix.js';
-import 'styled-components';
-import '../Radio/DSRadio.js';
-import '../Radio/Circle.js';
-import '@elliemae/ds-system';
-import './props.js';
-import '../prop-types-45aa1e9c.js';
-import './defaultProps.js';
-//# sourceMappingURL=index.js.map

package/esm/RadioGroup/props.js

@@ -1,7 +1,7 @@
 import { PropTypes } from 'react-desc';
-import { o as orientation } from '../prop-types-45aa1e9c.js';
+import { orientation } from '@elliemae/ds-shared/prop-types';
 
-var props = {
+const props = {
   /** Inject props to component wrapper  */
   containerProps: PropTypes.object.description('Inject props to component wrapper'),
 
@@ -37,4 +37,3 @@ var props = {
 };
 
 export { props };
-//# sourceMappingURL=props.js.map

package/esm/RequiredMark/RequiredMark.js

@@ -1,26 +1,27 @@
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import { convertPropToCssClassName } from '@elliemae/ds-classnames';
 
-var _convertPropToCssClas = convertPropToCssClassName('form-required-mark'),
-    cssClassName = _convertPropToCssClas.cssClassName;
+const {
+  cssClassName
+} = convertPropToCssClassName('form-required-mark');
 
-var RequiredMark = function RequiredMark(_ref) {
-  var _ref$required = _ref.required,
-      required = _ref$required === void 0 ? false : _ref$required,
-      _ref$optional = _ref.optional,
-      optional = _ref$optional === void 0 ? false : _ref$optional;
+const RequiredMark = _ref => {
+  let {
+    required = false,
+    optional = false
+  } = _ref;
   if (!required && !optional) return null;
 
   if (required) {
-    return /*#__PURE__*/React.createElement("span", {
+    return /*#__PURE__*/_jsx("span", {
       className: "".concat(cssClassName)
-    }, "\u25CF");
+    }, void 0, "\u25CF");
   }
 
-  return /*#__PURE__*/React.createElement("span", {
+  return /*#__PURE__*/_jsx("span", {
     className: "".concat(cssClassName, " optional-mark")
-  }, "\u26AC");
+  }, void 0, "\u26AC");
 };
 
 export { RequiredMark as default };
-//# sourceMappingURL=RequiredMark.js.map

package/esm/RequiredMark/index.js

@@ -1,4 +1 @@
 export { default } from './RequiredMark.js';
-import 'react';
-import '@elliemae/ds-classnames';
-//# sourceMappingURL=index.js.map