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

package/esm/MenuItems/MenuItem.js

@@ -1,44 +1,87 @@
-import * as React from "react";
-import React2, { useRef, useMemo, useContext } from "react";
-import { PropTypes, describe } from "react-desc";
-import { omit } from "lodash";
-import { aggregatedClasses } from "@elliemae/ds-classnames";
-import { mergeRefs, runAll } from "@elliemae/ds-utilities";
-import { useFocusGroupItem } from "@elliemae/ds-shared/FocusGroup";
-import { DSTruncatedTooltipText } from "@elliemae/ds-truncated-tooltip-text";
-import { MenuContext } from "../MenuContext";
-import { registerMenuItem } from "./menuItemFactory";
-import { renderMenuItems } from "./renderMenuItems";
+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 _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { useContext, useRef, useMemo } from 'react';
+import { PropTypes, describe } from 'react-desc';
+import { omit } from 'lodash';
+import { aggregatedClasses } from '@elliemae/ds-classnames';
+import { mergeRefs, runAll } from '@elliemae/ds-utilities';
+import { useFocusGroupItem } from '@elliemae/ds-shared/FocusGroup';
+import DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';
+import { renderMenuItems } from './menuItemFactory.js';
+import SubMenu from './SubMenu.js';
+import MenuContext from '../MenuContext.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+const _excluded = ["innerRef", "as", "role", "leftAddon", "rightAddon", "disabledAddonInactive", "label", "children", "tabIndex", "onKeyDown", "fixedItem", "noAddon", "disabled", "customRenderer", "maxOption", "closeMenu", "style"];
+
+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; }
+
 const noop = () => null;
-const blockName = "menu-item";
-const Content = aggregatedClasses("div")(blockName, "content");
-const Addon = aggregatedClasses("div")(blockName, "addon", ({ empty, fixedItem }) => ({ empty, fixedItem }));
-const renderAddon = (addon, fixedItem, addonId) => /* @__PURE__ */ React2.createElement(Addon, {
-  key: addonId,
-  classProps: { fixedItem }
-}, addon);
+
+const blockName = 'menu-item';
+const Content = aggregatedClasses('div')(blockName, 'content');
+const Addon = aggregatedClasses('div')(blockName, 'addon', _ref => {
+  let {
+    empty,
+    fixedItem
+  } = _ref;
+  return {
+    empty,
+    fixedItem
+  };
+});
+
+const renderAddon = (addon, fixedItem, addonId) => /*#__PURE__*/_jsx(Addon, {
+  classProps: {
+    fixedItem
+  }
+}, addonId, addon);
+
 const renderAddons = (addons, fixedItem) => Array.isArray(addons) ? addons.map(renderAddon) : renderAddon(addons, fixedItem);
-const Wrapper = aggregatedClasses("li")(blockName, null, ({ disabled, disabledAddonInactive, customRenderer, fixedItem, type }) => ({
-  disabled,
-  disabledAddonInactive,
-  customRenderer,
-  fixedItem,
-  [`menu-type-${type}`]: type
-}));
-const calculateSize = (length = 0) => {
-  if (length > 45)
-    return 45 * 7;
+
+const Wrapper = aggregatedClasses('li')(blockName, null, _ref2 => {
+  let {
+    disabled,
+    disabledAddonInactive,
+    customRenderer,
+    fixedItem,
+    type
+  } = _ref2;
+  return {
+    disabled,
+    disabledAddonInactive,
+    customRenderer,
+    fixedItem,
+    ["menu-type-".concat(type)]: type
+  };
+});
+
+const calculateSize = function () {
+  let length = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+  if (length > 45) return 45 * 7;
   return length * 7;
 };
-const MenuItem = (props2) => {
+
+function MenuItem(props) {
   const {
     innerRef,
-    as = "li",
-    role = "menuitem",
+    as = 'li',
+    role = 'menuitem',
     leftAddon = null,
-    rightAddon = void 0,
-    disabledAddonInactive = void 0,
-    label = void 0,
+    rightAddon = undefined,
+    disabledAddonInactive = undefined,
+    label = undefined,
     children,
     tabIndex = -1,
     onKeyDown = noop,
@@ -48,28 +91,33 @@ const MenuItem = (props2) => {
     customRenderer,
     maxOption,
     closeMenu,
-    style,
-    ...otherProps
-  } = props2;
+    style
+  } = props,
+        otherProps = _objectWithoutProperties(props, _excluded);
+
   const menuCxt = useContext(MenuContext);
   const ref = useRef(null);
   useFocusGroupItem(ref);
+
   if (otherProps.subItems) {
-    return /* @__PURE__ */ React2.createElement(SubMenu, {
-      ...props2,
-      closeMenu: menuCxt.closeMenu
-    }, renderMenuItems(otherProps.subItems));
+    return /*#__PURE__*/jsx(SubMenu, _objectSpread(_objectSpread({}, props), {}, {
+      closeMenu: menuCxt.closeMenu,
+      children: renderMenuItems(otherProps.subItems)
+    }));
   }
-  const wrapperProps = useMemo(() => omit(otherProps, ["icon"]), [otherProps]);
-  const onClick = (...args) => {
-    if (wrapperProps.onClick)
-      wrapperProps.onClick(...args);
+
+  const wrapperProps = useMemo(() => omit(otherProps, ['icon']), [otherProps]);
+
+  const onClick = function () {
+    if (wrapperProps.onClick) wrapperProps.onClick(...arguments);
+
     if (wrapperProps.closeOnClick && menuCxt.closeMenu) {
-      menuCxt.closeMenu(...args);
+      menuCxt.closeMenu(...arguments);
     }
   };
-  return /* @__PURE__ */ React2.createElement(Wrapper, {
-    as,
+
+  return /*#__PURE__*/jsxs(Wrapper, _objectSpread(_objectSpread({
+    as: as,
     classProps: {
       disabled,
       disabledAddonInactive,
@@ -78,50 +126,66 @@ const MenuItem = (props2) => {
       type: otherProps.type
     },
     id: otherProps.id,
-    innerRef: otherProps.type !== "disabled" ? mergeRefs(innerRef, ref) : innerRef,
-    onKeyDown: !fixedItem && runAll((e) => {
-      if (e.key === " " || e.key === "Enter") {
+    innerRef: otherProps.type !== 'disabled' ? mergeRefs(innerRef, ref) : innerRef,
+    onKeyDown: !fixedItem && runAll(e => {
+      if (e.key === ' ' || e.key === 'Enter') {
         e.preventDefault();
-        e.target.dispatchEvent(new MouseEvent("click", {
+        e.target.dispatchEvent(new MouseEvent('click', {
           view: window,
           bubbles: true,
           cancelable: false
         }));
       }
     }, onKeyDown),
-    role,
-    style,
-    tabIndex,
-    ...wrapperProps,
-    onClick
-  }, !noAddon && renderAddons(leftAddon, fixedItem), label && /* @__PURE__ */ React2.createElement(Content, {
-    style: maxOption > 0 ? {
-      width: `${calculateSize(maxOption)}px`,
-      maxWidth: `${calculateSize(maxOption)}px`
-    } : void 0
-  }, /* @__PURE__ */ React2.createElement(DSTruncatedTooltipText, {
-    value: label
-  })), customRenderer, rightAddon && renderAddons(rightAddon), children);
-};
+    role: role,
+    style: style,
+    tabIndex: tabIndex
+  }, wrapperProps), {}, {
+    onClick: onClick,
+    children: [!noAddon && renderAddons(leftAddon, fixedItem), label && /*#__PURE__*/_jsx(Content, {
+      style: maxOption > 0 ? {
+        width: "".concat(calculateSize(maxOption), "px"),
+        maxWidth: "".concat(calculateSize(maxOption), "px")
+      } : undefined
+    }, void 0, /*#__PURE__*/_jsx(DSTruncatedTooltipText, {
+      value: label
+    })), customRenderer, rightAddon && renderAddons(rightAddon), children]
+  }));
+}
+
 const props = {
-  as: PropTypes.element.description("Renders the MenuItem with a specific html element"),
-  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]).description("reference to the component"),
-  leftAddon: PropTypes.element.description("Renders the passed element to the left"),
-  rightAddon: PropTypes.element.description("Renders the passed element to the right"),
-  label: PropTypes.string.description("Label for the menu item"),
-  style: PropTypes.object.description("style object for menu item wrapper"),
-  disabled: PropTypes.bool.description("disable menu item"),
-  tabindex: PropTypes.number.description("HTML tabindex to manage focus order"),
-  role: PropTypes.string.description("a11y role")
+  /** Renders the MenuItem with a specific html element */
+  as: PropTypes.element.description('Renders the MenuItem with a specific html element'),
+
+  /**
+   * reference to the component
+   */
+  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
+    current: PropTypes.any
+  })]).description('reference to the component'),
+
+  /** Renders the passed element to the left */
+  leftAddon: PropTypes.element.description('Renders the passed element to the left'),
+
+  /** Renders the passed element to the right */
+  rightAddon: PropTypes.element.description('Renders the passed element to the right'),
+
+  /** Label for the menu item */
+  label: PropTypes.string.description('Label for the menu item'),
+
+  /** style object for menu item wrapper */
+  style: PropTypes.object.description('style object for menu item wrapper'),
+
+  /** disable menu item */
+  disabled: PropTypes.bool.description('disable menu item'),
+
+  /** HTML tabindex to manage focus order */
+  tabindex: PropTypes.number.description('HTML tabindex to manage focus order'),
+
+  /** a11y role */
+  role: PropTypes.string.description('a11y role')
 };
-MenuItem.propTypes = props;
-registerMenuItem("menuitem", MenuItem);
 const DSMenuItemWithSchema = describe(MenuItem);
 DSMenuItemWithSchema.propTypes = props;
-var MenuItem_default = MenuItem;
-export {
-  DSMenuItemWithSchema,
-  MenuItem,
-  MenuItem_default as default
-};
-//# sourceMappingURL=MenuItem.js.map
+
+export { DSMenuItemWithSchema, MenuItem as default };

package/esm/MenuItems/MenuItemCheckable.js

@@ -1,59 +1,108 @@
-import * as React from "react";
-import React2 from "react";
-import { PropTypes, describe } from "react-desc";
-import { Checkmark } from "@elliemae/ds-icons";
-import { runAll } from "@elliemae/ds-utilities";
-import { MenuItem } from "./MenuItem";
-function useCheckable({ checked }) {
+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 _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'react';
+import { PropTypes, describe } from 'react-desc';
+import { Checkmark } from '@elliemae/ds-icons';
+import { runAll } from '@elliemae/ds-utilities';
+import MenuItem from './MenuItem.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _div;
+
+const _excluded = ["role", "checked", "name", "checkIcon", "children", "leftAddon", "item"];
+
+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 useCheckable(_ref) {
+  let {
+    checked
+  } = _ref;
   return {
     checked,
-    "aria-checked": checked
+    'aria-checked': checked
   };
 }
-const MenuItemCheckable = ({
-  role = "menuitemcheckbox",
-  checked = false,
-  name = "",
-  checkIcon = /* @__PURE__ */ React2.createElement(Checkmark, {
-    color: ["brand-primary", 600]
-  }),
-  children,
-  leftAddon,
-  item = void 0,
-  ...otherProps
-}) => {
-  const checkableProps = useCheckable({ checked, name });
-  const handleClick = () => runAll(otherProps.onClick, checkableProps.onClick)({ target: { value: name, checked } }, item);
-  const checkAddon = leftAddon || (checkableProps.checked ? /* @__PURE__ */ React2.createElement("div", {
+/**
+ * Reuses the same props as the MenuItem
+ *
+ * @param root0
+ * @param root0.role
+ * @param root0.checked
+ * @param root0.name
+ * @param root0.checkIcon
+ * @param root0.children
+ * @param root0.leftAddon
+ * @param root0.item
+ */
+
+
+function MenuItemCheckable(_ref2) {
+  let {
+    role = 'menuitemcheckbox',
+    checked = false,
+    name = '',
+    checkIcon = /*#__PURE__*/_jsx(Checkmark, {
+      color: ['brand-primary', 600]
+    }),
+    // eslint-disable-next-line react/prop-types
+    children,
+    leftAddon,
+    item = undefined
+  } = _ref2,
+      otherProps = _objectWithoutProperties(_ref2, _excluded);
+
+  const checkableProps = useCheckable({
+    checked,
+    name
+  });
+
+  const handleClick = () => runAll(otherProps.onClick, checkableProps.onClick)({
+    target: {
+      value: name,
+      checked
+    }
+  }, item);
+
+  const checkAddon = leftAddon || (checkableProps.checked ? /*#__PURE__*/_jsx("div", {
     className: "checkable-mark"
-  }, checkIcon) : /* @__PURE__ */ React2.createElement("div", null));
-  return /* @__PURE__ */ React2.createElement(MenuItem, {
-    ...item,
-    ...otherProps,
-    ...checkableProps,
-    customRenderer: item && item.customRenderer ? item.customRenderer : () => {
-    },
+  }, void 0, checkIcon) : _div || (_div = /*#__PURE__*/_jsx("div", {})));
+  return /*#__PURE__*/jsx(MenuItem, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, item), otherProps), checkableProps), {}, {
+    customRenderer: item && item.customRenderer ? item.customRenderer : () => {},
     items: otherProps.subItems,
     leftAddon: checkAddon,
     onClick: handleClick,
-    role
-  });
-};
+    role: role
+  }));
+}
+
 const props = {
-  checked: PropTypes.bool.description("Whether the item is checked or not"),
-  checkIcon: PropTypes.element.description("A custom item when the item is checked"),
-  name: PropTypes.string.description("form field name"),
-  item: PropTypes.object.description("menu item object props"),
-  role: PropTypes.string.description("a11y role"),
-  leftAddon: PropTypes.node.description("left addon component")
+  /** Whether the item is checked or not */
+  checked: PropTypes.bool.description('Whether the item is checked or not'),
+
+  /** A custom item when the item is checked */
+  checkIcon: PropTypes.element.description('A custom item when the item is checked'),
+
+  /** form field name */
+  name: PropTypes.string.description('form field name'),
+
+  /** menu item object props */
+  item: PropTypes.object.description('menu item object props'),
+
+  /** a11y role */
+  role: PropTypes.string.description('a11y role'),
+
+  /** left addon component */
+  leftAddon: PropTypes.node.description('left addon component')
 };
-MenuItemCheckable.propTypes = props;
 const DSMenuItemCheckeableWithSchema = describe(MenuItemCheckable);
 DSMenuItemCheckeableWithSchema.propTypes = props;
-var MenuItemCheckable_default = MenuItemCheckable;
-export {
-  DSMenuItemCheckeableWithSchema,
-  MenuItemCheckable,
-  MenuItemCheckable_default as default
-};
-//# sourceMappingURL=MenuItemCheckable.js.map
+
+export { DSMenuItemCheckeableWithSchema, MenuItemCheckable as default };

package/esm/MenuItems/MenuItemCheckbox.js

@@ -1,19 +1,34 @@
-import * as React from "react";
-import React2 from "react";
-import { DSCheckbox } from "@elliemae/ds-form";
-import { MenuItemCheckable } from "./MenuItemCheckable";
-import { registerMenuItem } from "./menuItemFactory";
-const MenuItemCheckbox = ({ checked, ...rest }) => /* @__PURE__ */ React2.createElement(MenuItemCheckable, {
-  ...rest,
-  leftAddon: /* @__PURE__ */ React2.createElement(DSCheckbox, {
+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 _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'react';
+import { DSCheckbox } from '@elliemae/ds-form';
+import MenuItemCheckable from './MenuItemCheckable.js';
+import { jsx } from 'react/jsx-runtime';
+
+const _excluded = ["checked"];
+
+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 MenuItemCheckbox(_ref) {
+  let {
     checked
-  }),
-  role: "menuitemcheckbox"
-});
-registerMenuItem("checkbox", MenuItemCheckbox);
-var MenuItemCheckbox_default = MenuItemCheckbox;
-export {
-  MenuItemCheckbox,
-  MenuItemCheckbox_default as default
-};
-//# sourceMappingURL=MenuItemCheckbox.js.map
+  } = _ref,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/jsx(MenuItemCheckable, _objectSpread(_objectSpread({}, rest), {}, {
+    leftAddon: /*#__PURE__*/_jsx(DSCheckbox, {
+      checked: checked
+    }),
+    role: "menuitemcheckbox"
+  }));
+}
+
+export { MenuItemCheckbox as default };

package/esm/MenuItems/MenuItemRadio.js

@@ -1,24 +1,32 @@
-import * as React from "react";
-import React2 from "react";
-import { describe, PropTypes } from "react-desc";
-import { MenuItemCheckable } from "./MenuItemCheckable";
-import { registerMenuItem } from "./menuItemFactory";
-const MenuItemRadio = (props2) => /* @__PURE__ */ React2.createElement(MenuItemCheckable, {
-  ...props2,
-  role: "menuitemradio"
-});
+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 _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'react';
+import { PropTypes, describe } from 'react-desc';
+import MenuItemCheckable from './MenuItemCheckable.js';
+import { jsx } from 'react/jsx-runtime';
+
+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 MenuItemRadio(props) {
+  return /*#__PURE__*/jsx(MenuItemCheckable, _objectSpread(_objectSpread({}, props), {}, {
+    role: "menuitemradio"
+  }));
+}
+
 const props = {
-  checked: PropTypes.bool.description("Whether the item is checked or not"),
-  checkIcon: PropTypes.element.description("A custom item when the item is checked")
+  /** Whether the item is checked or not */
+  checked: PropTypes.bool.description('Whether the item is checked or not'),
+
+  /** A custom item when the item is checked */
+  checkIcon: PropTypes.element.description('A custom item when the item is checked')
 };
-MenuItemRadio.propTypes = props;
-registerMenuItem("radio", MenuItemRadio);
 const DSMenuItemRadioWithSchema = describe(MenuItemCheckable);
 DSMenuItemRadioWithSchema.propTypes = props;
-var MenuItemRadio_default = MenuItemRadio;
-export {
-  DSMenuItemRadioWithSchema,
-  MenuItemRadio,
-  MenuItemRadio_default as default
-};
-//# sourceMappingURL=MenuItemRadio.js.map
+
+export { DSMenuItemRadioWithSchema, MenuItemRadio as default };

package/esm/MenuItems/RadioGroup.js

@@ -1,22 +1,32 @@
-import * as React from "react";
-import React2 from "react";
-import { describe, PropTypes } from "react-desc";
-import { CheckableGroup } from "@elliemae/ds-shared/CheckableGroup";
-const RadioGroup = (props2) => /* @__PURE__ */ React2.createElement(CheckableGroup, {
-  ...props2,
-  multi: false
-});
+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 _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'react';
+import { PropTypes, describe } from 'react-desc';
+import CheckableGroup from '@elliemae/ds-shared/CheckableGroup';
+import { jsx } from 'react/jsx-runtime';
+
+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 RadioGroup(props) {
+  return /*#__PURE__*/jsx(CheckableGroup, _objectSpread(_objectSpread({}, props), {}, {
+    multi: false
+  }));
+}
+
 const props = {
-  active: PropTypes.arrayOf(PropTypes.string).description("the item selected"),
-  onCheck: PropTypes.func.description("Handler when a user checks an item")
+  /* The item selected */
+  active: PropTypes.arrayOf(PropTypes.string).description('the item selected'),
+
+  /* Handler when a user checks an item */
+  onCheck: PropTypes.func.description('Handler when a user checks an item')
 };
-RadioGroup.propTypes = props;
 const DSMenuRadioGroupWithSchema = describe(RadioGroup);
 DSMenuRadioGroupWithSchema.propTypes = props;
-var RadioGroup_default = RadioGroup;
-export {
-  DSMenuRadioGroupWithSchema,
-  RadioGroup,
-  RadioGroup_default as default
-};
-//# sourceMappingURL=RadioGroup.js.map
+
+export { DSMenuRadioGroupWithSchema, RadioGroup as default };