@elliemae/ds-menu 2.3.0-alpha.8 → 2.3.0-next.2

package/dist/cjs/utils/useHeightByAmountOfItems.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/utils/useHeightByAmountOfItems.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { useMemo } from 'react';\n\nconst calculateHeight = (itemHeight, amountItemsInWindow, itemsLength) => {\n  const realAmountItemsInWindow =\n    itemsLength < amountItemsInWindow ? itemsLength : amountItemsInWindow;\n  return itemHeight * realAmountItemsInWindow;\n};\n\nfunction useHeightByAmountOfItems({\n  itemHeight,\n  amountItems,\n  items,\n}) {\n  const calculatedHeight = useMemo(\n    () => calculateHeight(itemHeight, amountItems, items.length),\n    [amountItems, items],\n  );\n\n  return calculatedHeight;\n}\n\nexport { useHeightByAmountOfItems };\nexport default useHeightByAmountOfItems;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAwB;AAExB,MAAM,kBAAkB,CAAC,YAAY,qBAAqB,gBAAgB;AACxE,QAAM,0BACJ,cAAc,sBAAsB,cAAc;AACpD,SAAO,aAAa;AAAA;AAGtB,kCAAkC;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,GACC;AACD,QAAM,mBAAmB,0BACvB,MAAM,gBAAgB,YAAY,aAAa,MAAM,SACrD,CAAC,aAAa;AAGhB,SAAO;AAAA;AAIT,IAAO,mCAAQ;",
-  "names": []
-}

package/dist/esm/Menu.js

@@ -1,122 +0,0 @@
-import * as React from "react";
-import React2, { useContext, useEffect, useMemo, useRef } from "react";
-import { PropTypes, describe } from "react-desc";
-import { omit } from "lodash";
-import { aggregatedClasses } from "@elliemae/ds-classnames";
-import { animated } from "react-spring/web";
-import { useOnClickOutside } from "@elliemae/ds-utilities/hooks";
-import { mergeRefs } from "@elliemae/ds-utilities/system";
-import { focusGroupManagerHoc, FocusGroupContext } from "@elliemae/ds-shared/FocusGroup";
-import { useHiddenTransition } from "@elliemae/ds-hidden";
-import { MenuContext } from "./MenuContext";
-import { MenuItemRadio } from "./MenuItems/MenuItemRadio";
-import { MenuItemCheckbox } from "./MenuItems/MenuItemCheckbox";
-import { CheckboxGroup } from "./MenuItems/CheckboxGroup";
-import { RadioGroup } from "./MenuItems/RadioGroup";
-import { MenuSeparator } from "./MenuItems/Separator";
-import { MenuItem } from "./MenuItems/MenuItem";
-import { SearchableGroup } from "./MenuItems/SearchableGroup";
-import { SelectionGroup } from "./MenuItems/SelectionGroup";
-import { menuItemFactory } from "./MenuItems/menuItemFactory";
-import { renderMenuItems } from "./MenuItems/renderMenuItems";
-const RESPONSIVE_HEIHGT_MARGIN = 120;
-const blockName = "menu";
-const noop = () => {
-};
-const MenuComponent = aggregatedClasses("div")(blockName, "", ({ menuComboBox, type }) => ({
-  "menu-combo-box": menuComboBox,
-  [`type-${type}`]: type
-}));
-const isChildOfType = (child, type) => child.type === type || child.type?.name === type;
-const DSMenu = ({
-  containerProps = {},
-  innerRef,
-  as: MenuTag = animated.ul,
-  children = void 0,
-  onClickOutside = noop,
-  visible = void 0,
-  focusOnOpen = false,
-  maxOption = 0,
-  style = {},
-  minWidth = void 0,
-  maxWidth = void 0,
-  closeMenu,
-  responsiveHeight = false,
-  ...otherProps
-}) => {
-  const menuRef = useRef(null);
-  const { focusFirst } = useContext(FocusGroupContext);
-  const { destroyed, ...hiddenProps } = useHiddenTransition({ visible, style });
-  const nextChildren = useMemo(() => {
-    const forceLeftAddon = React2.Children.toArray(children).some((child) => isChildOfType(child, "SelectionGroup") || isChildOfType(child, "MenuItemCheckbox") || isChildOfType(child, "MenuItemRadio") || child.props.leftAddon);
-    return React2.Children.map(children, (child) => child && React2.cloneElement(child, {
-      ...child.props,
-      noAddon: !forceLeftAddon ? true : void 0,
-      maxOption,
-      closeMenu
-    }));
-  }, [children]);
-  useOnClickOutside(menuRef, onClickOutside);
-  useEffect(() => {
-    if (focusOnOpen && visible) {
-      setTimeout(() => {
-        focusFirst();
-      }, 0);
-    }
-  }, [visible, focusOnOpen]);
-  return !hiddenProps.destroyed ? /* @__PURE__ */ React2.createElement(MenuContext.Provider, {
-    value: { visible, closeMenu }
-  }, /* @__PURE__ */ React2.createElement(MenuComponent, {
-    "data-testid": containerProps?.["data-testid"] ? containerProps["data-testid"] : "em-ds-menu",
-    ...containerProps,
-    as: MenuTag,
-    classProps: { ...otherProps.classProps || {}, type: otherProps.type },
-    innerRef: mergeRefs(innerRef, menuRef),
-    role: "menu",
-    ...omit(otherProps, ["scheduleUpdate"]),
-    ...hiddenProps
-  }, /* @__PURE__ */ React2.createElement("div", {
-    className: "menu-component-internal-wrapper",
-    style: {
-      ...style,
-      minWidth,
-      maxWidth,
-      ...responsiveHeight ? {
-        overflowY: "scroll",
-        maxHeight: responsiveHeight ? `${window.innerHeight - RESPONSIVE_HEIHGT_MARGIN}px` : void 0
-      } : {}
-    }
-  }, nextChildren))) : null;
-};
-const Menu = focusGroupManagerHoc(DSMenu, { loop: true });
-const props = {
-  containerProps: PropTypes.object.description("Injected props to wrapper element of component"),
-  as: PropTypes.element.description("Renders the menu with a specific html element"),
-  onClickOutside: PropTypes.func.description("Handler when a user clicks outside the menu"),
-  visible: PropTypes.bool.description("Whether the menu is visible or not"),
-  focusOnOpen: PropTypes.bool.description("When set to true, it's going to focus the first item"),
-  minWidth: PropTypes.number.description("Customize menu minWidth. Can be undefined or 'number'"),
-  maxWidth: PropTypes.number.description("Customize menu maxWidth. Can be undefined or 'number'")
-};
-DSMenu.propTypes = props;
-const DSMenuWithSchema = describe(DSMenu);
-DSMenuWithSchema.propTypes = props;
-Menu.Item = MenuItem;
-Menu.ItemCheckbox = MenuItemCheckbox;
-Menu.ItemRadio = MenuItemRadio;
-Menu.Separator = MenuSeparator;
-Menu.CheckboxGroup = CheckboxGroup;
-Menu.RadioGroup = RadioGroup;
-Menu.SearchableGroup = SearchableGroup;
-Menu.SelectionGroup = SelectionGroup;
-const setSubMenu = (SubMenu) => Menu.SubMenu = SubMenu;
-var Menu_default = Menu;
-export {
-  DSMenuWithSchema,
-  Menu,
-  Menu_default as default,
-  menuItemFactory,
-  renderMenuItems,
-  setSubMenu
-};
-//# sourceMappingURL=Menu.js.map

package/dist/esm/Menu.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/Menu.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext, useEffect, useMemo, useRef } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { omit } from 'lodash';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { animated } from 'react-spring/web';\nimport { useOnClickOutside } from '@elliemae/ds-utilities/hooks';\nimport { mergeRefs } from '@elliemae/ds-utilities/system';\nimport { focusGroupManagerHoc, FocusGroupContext } from '@elliemae/ds-shared/FocusGroup';\nimport { useHiddenTransition } from '@elliemae/ds-hidden';\nimport { MenuContext } from './MenuContext';\nimport { MenuItemRadio } from './MenuItems/MenuItemRadio';\nimport { MenuItemCheckbox } from './MenuItems/MenuItemCheckbox';\nimport { CheckboxGroup } from './MenuItems/CheckboxGroup';\nimport { RadioGroup } from './MenuItems/RadioGroup';\nimport { MenuSeparator } from './MenuItems/Separator';\nimport { MenuItem } from './MenuItems/MenuItem';\nimport { SearchableGroup } from './MenuItems/SearchableGroup';\nimport { SelectionGroup } from './MenuItems/SelectionGroup';\nimport { menuItemFactory } from './MenuItems/menuItemFactory';\nimport { renderMenuItems } from './MenuItems/renderMenuItems';\n\nconst RESPONSIVE_HEIHGT_MARGIN = 120;\n\nconst blockName = 'menu';\n\nconst noop = () => {};\n\nconst MenuComponent = aggregatedClasses('div')(blockName, '', ({ menuComboBox, type }) => ({\n  'menu-combo-box': menuComboBox,\n  [`type-${type}`]: type,\n}));\n\n/**\n * todo: -- IDEA -- each menu could have an overlay based on an overlay stack context so we can\n * capture the context of the clicks on very nested components\n */\n\nconst isChildOfType = (child, type) => (child.type === type || child.type?.name === type);\n\nconst DSMenu = ({\n  containerProps = {},\n  innerRef,\n  as: MenuTag = animated.ul,\n  children = undefined,\n  onClickOutside = noop,\n  // handlers from hidden\n  visible = undefined,\n  focusOnOpen = false,\n  maxOption = 0,\n  style = {},\n  minWidth = undefined,\n  maxWidth = undefined,\n  closeMenu,\n  responsiveHeight = false,\n  ...otherProps\n}) => {\n  const menuRef = useRef(null);\n  const { focusFirst } = useContext(FocusGroupContext);\n  const { destroyed, ...hiddenProps } = useHiddenTransition({ visible, style });\n\n  // force no addon to the children if the menu doesn't have any item with leftAddon like SelectionGroup\n  const nextChildren = useMemo(() => {\n    const forceLeftAddon = React.Children.toArray(children).some(\n      (child) =>\n        isChildOfType(child, 'SelectionGroup') ||\n        isChildOfType(child, 'MenuItemCheckbox') ||\n        isChildOfType(child, 'MenuItemRadio') ||\n        child.props.leftAddon,\n    );\n\n    return React.Children.map(\n      children,\n      (child) =>\n        child &&\n        React.cloneElement(child, {\n          ...child.props,\n          noAddon: !forceLeftAddon ? true : undefined,\n          maxOption,\n          closeMenu,\n        }),\n    );\n  }, [children]);\n\n  useOnClickOutside(menuRef, onClickOutside);\n\n  useEffect(() => {\n    if (focusOnOpen && visible) {\n      setTimeout(() => {\n        focusFirst();\n      }, 0);\n    }\n  }, [visible, focusOnOpen]);\n  // todo: find out a better approach to this\n  return !hiddenProps.destroyed ? (\n    <MenuContext.Provider value={{ visible, closeMenu }}>\n      <MenuComponent\n        data-testid={containerProps?.['data-testid'] ? containerProps['data-testid'] : 'em-ds-menu'}\n        {...containerProps}\n        as={MenuTag}\n        classProps={{ ...(otherProps.classProps || {}), type: otherProps.type }}\n        innerRef={mergeRefs(innerRef, menuRef)}\n        role=\"menu\"\n        {...omit(otherProps, ['scheduleUpdate'])}\n        {...hiddenProps}\n      >\n        {/* eslint-disable indent */}\n        <div\n          className=\"menu-component-internal-wrapper\"\n          style={{\n            ...style,\n            minWidth,\n            maxWidth,\n            ...(responsiveHeight\n              ? {\n                  overflowY: 'scroll',\n                  maxHeight: responsiveHeight ? `${window.innerHeight - RESPONSIVE_HEIHGT_MARGIN}px` : undefined,\n                }\n              : {}),\n          }}\n        >\n          {/* eslint-enable indent */}\n          {nextChildren}\n        </div>\n      </MenuComponent>\n    </MenuContext.Provider>\n  ) : null;\n};\n\nconst Menu = focusGroupManagerHoc(DSMenu, { loop: true });\n\nconst props = {\n  /** Injected props to wrapper element of component */\n  containerProps: PropTypes.object.description('Injected props to wrapper element of component'),\n  /** Renders the menu with a specific html element */\n  as: PropTypes.element.description('Renders the menu with a specific html element'),\n  /** Handler when a user clicks outside the menu */\n  onClickOutside: PropTypes.func.description('Handler when a user clicks outside the menu'),\n  /** Whether the menu is visible or not */\n  visible: PropTypes.bool.description('Whether the menu is visible or not'),\n  /** When set to true, it's going to focus the first item */\n  focusOnOpen: PropTypes.bool.description(\"When set to true, it's going to focus the first item\"),\n  /** Customize menu minWidth. Can be undefined or 'number' */\n  minWidth: PropTypes.number.description(\"Customize menu minWidth. Can be undefined or 'number'\"),\n  /** Customize menu maxWidth. Can be undefined or 'number' */\n  maxWidth: PropTypes.number.description(\"Customize menu maxWidth. Can be undefined or 'number'\"),\n};\n\nDSMenu.propTypes = props;\n\nconst DSMenuWithSchema = describe(DSMenu);\n\nDSMenuWithSchema.propTypes = props;\n\nMenu.Item = MenuItem;\nMenu.ItemCheckbox = MenuItemCheckbox;\nMenu.ItemRadio = MenuItemRadio;\nMenu.Separator = MenuSeparator;\nMenu.CheckboxGroup = CheckboxGroup;\nMenu.RadioGroup = RadioGroup;\nMenu.SearchableGroup = SearchableGroup;\nMenu.SelectionGroup = SelectionGroup;\n\nconst setSubMenu = (SubMenu) => Menu.SubMenu = SubMenu;\n\nexport { menuItemFactory, renderMenuItems, DSMenuWithSchema, Menu, setSubMenu };\nexport default Menu;\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/esm/MenuCombobox.js

@@ -1,41 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import PropTypes from "prop-types";
-import { SearchableList } from "./MenuItems/SearchableList";
-import { Menu } from "./Menu";
-function MenuCombobox({
-  dropdownFilterOptions = {},
-  options = [],
-  onSelectMenuItem = () => null,
-  innerRef,
-  maxOptions = 10,
-  loading = false,
-  ...rest
-}) {
-  return /* @__PURE__ */ React2.createElement(Menu, {
-    ...rest,
-    classProps: { menuComboBox: true },
-    innerRef,
-    visible: true
-  }, /* @__PURE__ */ React2.createElement(SearchableList, {
-    appendTermInList: true,
-    extraListProps: dropdownFilterOptions,
-    items: options,
-    onSelectMenuItem,
-    maxOptions,
-    loading
-  }));
-}
-MenuCombobox.propTypes = {
-  dropdownFilterOptions: PropTypes.shape({}),
-  options: PropTypes.arrayOf(PropTypes.object),
-  onSelectMenuItem: PropTypes.func,
-  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-  maxOptions: PropTypes.number,
-  loading: PropTypes.bool
-};
-var MenuCombobox_default = MenuCombobox;
-export {
-  MenuCombobox_default as default
-};
-//# sourceMappingURL=MenuCombobox.js.map

package/dist/esm/MenuCombobox.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/MenuCombobox.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { SearchableList } from './MenuItems/SearchableList';\nimport { Menu } from './Menu';\n\nfunction MenuCombobox({\n  dropdownFilterOptions = {},\n  options = [],\n  onSelectMenuItem = () => null,\n  innerRef,\n  maxOptions = 10,\n  loading = false,\n  ...rest\n}) {\n  return (\n    <Menu\n      {...rest}\n      classProps={{ menuComboBox: true }}\n      innerRef={innerRef}\n      visible\n    >\n      <SearchableList\n        appendTermInList\n        extraListProps={dropdownFilterOptions}\n        items={options}\n        onSelectMenuItem={onSelectMenuItem}\n        maxOptions={maxOptions}\n        loading={loading}\n      />\n    </Menu>\n  );\n}\n\nMenuCombobox.propTypes = {\n  /** Options */\n  dropdownFilterOptions: PropTypes.shape({}),\n  /** The option or menu items to render */\n  options: PropTypes.arrayOf(PropTypes.object),\n  /** Handler when a menu item is selected */\n  onSelectMenuItem: PropTypes.func,\n  /** Internal ref */\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),\n  /** Max options to display in the list */\n  maxOptions: PropTypes.number,\n  /** Is loading */\n  loading: PropTypes.bool,\n};\n\nexport default MenuCombobox;\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,sBAAsB;AAAA,EACpB,wBAAwB;AAAA,EACxB,UAAU;AAAA,EACV,mBAAmB,MAAM;AAAA,EACzB;AAAA,EACA,aAAa;AAAA,EACb,UAAU;AAAA,KACP;AAAA,GACF;AACD,SACE,qCAAC,MAAD;AAAA,OACM;AAAA,IACJ,YAAY,EAAE,cAAc;AAAA,IAC5B;AAAA,IACA,SAAO;AAAA,KAEP,qCAAC,gBAAD;AAAA,IACE,kBAAgB;AAAA,IAChB,gBAAgB;AAAA,IAChB,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAMR,aAAa,YAAY;AAAA,EAEvB,uBAAuB,UAAU,MAAM;AAAA,EAEvC,SAAS,UAAU,QAAQ,UAAU;AAAA,EAErC,kBAAkB,UAAU;AAAA,EAE5B,UAAU,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU;AAAA,EAEzD,YAAY,UAAU;AAAA,EAEtB,SAAS,UAAU;AAAA;AAGrB,IAAO,uBAAQ;",
-  "names": []
-}

package/dist/esm/MenuContext.js

@@ -1,9 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-const MenuContext = React2.createContext();
-var MenuContext_default = MenuContext;
-export {
-  MenuContext,
-  MenuContext_default as default
-};
-//# sourceMappingURL=MenuContext.js.map

package/dist/esm/MenuContext.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/MenuContext.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\n\nconst MenuContext = React.createContext();\nexport { MenuContext };\nexport default MenuContext;\n"],
-  "mappings": "AAAA;ACAA;AAEA,MAAM,cAAc,OAAM;AAE1B,IAAO,sBAAQ;",
-  "names": []
-}

package/dist/esm/MenuExports.js

@@ -1,7 +0,0 @@
-import * as React from "react";
-import { DSMenuWithSchema, Menu } from "./Menu";
-export {
-  DSMenuWithSchema,
-  Menu
-};
-//# sourceMappingURL=MenuExports.js.map

package/dist/esm/MenuExports.js.map

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

package/dist/esm/MenuItems/CheckboxGroup.js

@@ -1,23 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import { PropTypes, describe } from "react-desc";
-import { CheckableGroup } from "@elliemae/ds-shared/CheckableGroup";
-const CheckboxGroup = (props2) => /* @__PURE__ */ React2.createElement(CheckableGroup, {
-  ...props2,
-  multi: true
-});
-const props = {
-  active: PropTypes.arrayOf(PropTypes.string).description("The item (if multi false) or items (if multi true) selected"),
-  multi: PropTypes.bool.description("Whether is multi select or not"),
-  onCheck: PropTypes.func.description("Handler when a user checks an item")
-};
-CheckboxGroup.propTypes = props;
-const DSMenuCheckboxGroupWithSchema = describe(CheckboxGroup);
-DSMenuCheckboxGroupWithSchema.propTypes = props;
-var CheckboxGroup_default = CheckboxGroup;
-export {
-  CheckboxGroup,
-  DSMenuCheckboxGroupWithSchema,
-  CheckboxGroup_default as default
-};
-//# sourceMappingURL=CheckboxGroup.js.map

package/dist/esm/MenuItems/CheckboxGroup.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MenuItems/CheckboxGroup.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { CheckableGroup } from '@elliemae/ds-shared/CheckableGroup';\n\nconst CheckboxGroup = (props) => <CheckableGroup {...props} multi />;\n\nconst props = {\n  /* The item (if multi false) or items (if multi true) selected */\n  active: PropTypes.arrayOf(PropTypes.string).description(\n    'The item (if multi false) or items (if multi true) selected',\n  ),\n  /* Whether is multi select or not */\n  multi: PropTypes.bool.description('Whether is multi select or not'),\n  /* Handler when a user checks an item */\n  onCheck: PropTypes.func.description('Handler when a user checks an item'),\n};\n\nCheckboxGroup.propTypes = props;\n\nconst DSMenuCheckboxGroupWithSchema = describe(CheckboxGroup);\nDSMenuCheckboxGroupWithSchema.propTypes = props;\n\nexport { DSMenuCheckboxGroupWithSchema, CheckboxGroup };\nexport default CheckboxGroup;\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAEA,MAAM,gBAAgB,CAAC,WAAU,qCAAC,gBAAD;AAAA,KAAoB;AAAA,EAAO,OAAK;AAAA;AAEjE,MAAM,QAAQ;AAAA,EAEZ,QAAQ,UAAU,QAAQ,UAAU,QAAQ,YAC1C;AAAA,EAGF,OAAO,UAAU,KAAK,YAAY;AAAA,EAElC,SAAS,UAAU,KAAK,YAAY;AAAA;AAGtC,cAAc,YAAY;AAE1B,MAAM,gCAAgC,SAAS;AAC/C,8BAA8B,YAAY;AAG1C,IAAO,wBAAQ;",
-  "names": []
-}

package/dist/esm/MenuItems/MenuItem.js

@@ -1,128 +0,0 @@
-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, menuItemFactory } from "./menuItemFactory";
-import { renderMenuItems } from "./renderMenuItems";
-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 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;
-  return length * 7;
-};
-const MenuItem = (props2) => {
-  const {
-    innerRef,
-    as = "li",
-    role = "menuitem",
-    leftAddon = null,
-    rightAddon = void 0,
-    disabledAddonInactive = void 0,
-    label = void 0,
-    children,
-    tabIndex = -1,
-    onKeyDown = noop,
-    fixedItem = false,
-    noAddon,
-    disabled = false,
-    customRenderer,
-    maxOption,
-    closeMenu,
-    style,
-    ...otherProps
-  } = props2;
-  const menuCxt = useContext(MenuContext);
-  const ref = useRef(null);
-  useFocusGroupItem(ref);
-  if (otherProps.subItems) {
-    const SubMenu = menuItemFactory("submenu");
-    return /* @__PURE__ */ React2.createElement(SubMenu, {
-      ...props2,
-      closeMenu: menuCxt.closeMenu
-    }, renderMenuItems(otherProps.subItems));
-  }
-  const wrapperProps = useMemo(() => omit(otherProps, ["icon"]), [otherProps]);
-  const onClick = (...args) => {
-    if (wrapperProps.onClick)
-      wrapperProps.onClick(...args);
-    if (wrapperProps.closeOnClick && menuCxt.closeMenu) {
-      menuCxt.closeMenu(...args);
-    }
-  };
-  return /* @__PURE__ */ React2.createElement(Wrapper, {
-    as,
-    classProps: {
-      disabled,
-      disabledAddonInactive,
-      customRenderer,
-      fixedItem,
-      type: otherProps.type
-    },
-    id: otherProps.id,
-    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", {
-          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);
-};
-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")
-};
-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

package/dist/esm/MenuItems/MenuItem.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MenuItems/MenuItem.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable import/no-cycle */\nimport React, { useRef, useMemo, useContext } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { omit } from 'lodash';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { mergeRefs, runAll } from '@elliemae/ds-utilities';\nimport { useFocusGroupItem } from '@elliemae/ds-shared/FocusGroup';\nimport { DSTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { MenuContext } from '../MenuContext';\nimport { registerMenuItem, menuItemFactory } from './menuItemFactory';\nimport { renderMenuItems } from './renderMenuItems';\n\nconst noop = () => null;\n\nconst blockName = 'menu-item';\n\nconst Content = aggregatedClasses('div')(blockName, 'content');\nconst Addon = aggregatedClasses('div')(blockName, 'addon', ({ empty, fixedItem }) => ({ empty, fixedItem }));\n\nconst renderAddon = (addon, fixedItem, addonId) => (\n  <Addon key={addonId} classProps={{ fixedItem }}>\n    {addon}\n  </Addon>\n);\n\nconst renderAddons = (addons, fixedItem) =>\n  Array.isArray(addons) ? addons.map(renderAddon) : renderAddon(addons, fixedItem);\n\nconst Wrapper = aggregatedClasses('li')(\n  blockName,\n  null,\n  ({ disabled, disabledAddonInactive, customRenderer, fixedItem, type }) => ({\n    disabled,\n    disabledAddonInactive,\n    customRenderer,\n    fixedItem,\n    [`menu-type-${type}`]: type,\n  }),\n);\nconst calculateSize = (length = 0) => {\n  if (length > 45) return 45 * 7;\n  return length * 7;\n};\n\nconst MenuItem = (props) => {\n  const {\n    innerRef,\n    as = 'li',\n    role = 'menuitem',\n    leftAddon = null,\n    rightAddon = undefined,\n    disabledAddonInactive = undefined,\n    label = undefined,\n    children,\n    tabIndex = -1,\n    onKeyDown = noop,\n    fixedItem = false,\n    noAddon,\n    disabled = false,\n    customRenderer,\n    maxOption,\n    closeMenu,\n    style,\n    ...otherProps\n  } = props;\n\n  const menuCxt = useContext(MenuContext);\n  const ref = useRef(null);\n  useFocusGroupItem(ref);\n  if (otherProps.subItems) {\n    const SubMenu = menuItemFactory('submenu');\n    return (\n      <SubMenu {...props} closeMenu={menuCxt.closeMenu}>\n        {renderMenuItems(otherProps.subItems)}\n      </SubMenu>\n    );\n  }\n\n  const wrapperProps = useMemo(() => omit(otherProps, ['icon']), [otherProps]);\n\n  const onClick = (...args) => {\n    if (wrapperProps.onClick) wrapperProps.onClick(...args);\n    if (wrapperProps.closeOnClick && menuCxt.closeMenu) {\n      menuCxt.closeMenu(...args);\n    }\n  };\n\n  return (\n    <Wrapper\n      as={as}\n      classProps={{\n        disabled,\n        disabledAddonInactive,\n        customRenderer,\n        fixedItem,\n        type: otherProps.type,\n      }}\n      id={otherProps.id}\n      innerRef={otherProps.type !== 'disabled' ? mergeRefs(innerRef, ref) : innerRef}\n      onKeyDown={\n        !fixedItem &&\n        runAll((e) => {\n          if (e.key === ' ' || e.key === 'Enter') {\n            e.preventDefault();\n            e.target.dispatchEvent(\n              new MouseEvent('click', {\n                view: window,\n                bubbles: true,\n                cancelable: false,\n              }),\n            );\n          }\n        }, onKeyDown)\n      }\n      role={role}\n      style={style}\n      tabIndex={tabIndex}\n      {...wrapperProps}\n      onClick={onClick}\n    >\n      {!noAddon && renderAddons(leftAddon, fixedItem)}\n      {label && (\n        <Content\n          style={\n            maxOption > 0\n              ? {\n                  width: `${calculateSize(maxOption)}px`,\n                  maxWidth: `${calculateSize(maxOption)}px`,\n                }\n              : undefined\n          }\n        >\n          <DSTruncatedTooltipText value={label} />\n        </Content>\n      )}\n      {customRenderer}\n      {rightAddon && renderAddons(rightAddon)}\n      {children}\n    </Wrapper>\n  );\n};\n\nconst props = {\n  /** Renders the MenuItem with a specific html element */\n  as: PropTypes.element.description('Renders the MenuItem with a specific html element'),\n  /**\n   * reference to the component\n   */\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]).description(\n    'reference to the component',\n  ),\n  /** Renders the passed element to the left */\n  leftAddon: PropTypes.element.description('Renders the passed element to the left'),\n  /** Renders the passed element to the right */\n  rightAddon: PropTypes.element.description('Renders the passed element to the right'),\n  /** Label for the menu item */\n  label: PropTypes.string.description('Label for the menu item'),\n  /** style object for menu item wrapper */\n  style: PropTypes.object.description('style object for menu item wrapper'),\n  /** disable menu item */\n  disabled: PropTypes.bool.description('disable menu item'),\n  /** HTML tabindex to manage focus order */\n  tabindex: PropTypes.number.description('HTML tabindex to manage focus order'),\n  /** a11y role */\n  role: PropTypes.string.description('a11y role'),\n};\n\nMenuItem.propTypes = props;\nregisterMenuItem('menuitem', MenuItem);\n\nconst DSMenuItemWithSchema = describe(MenuItem);\nDSMenuItemWithSchema.propTypes = props;\n\nexport { DSMenuItemWithSchema, MenuItem };\nexport default MenuItem;\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/esm/MenuItems/MenuItemCheckable.js

@@ -1,59 +0,0 @@
-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 }) {
-  return {
-    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", {
-    className: "checkable-mark"
-  }, checkIcon) : /* @__PURE__ */ React2.createElement("div", null));
-  return /* @__PURE__ */ React2.createElement(MenuItem, {
-    ...item,
-    ...otherProps,
-    ...checkableProps,
-    customRenderer: item && item.customRenderer ? item.customRenderer : () => {
-    },
-    items: otherProps.subItems,
-    leftAddon: checkAddon,
-    onClick: handleClick,
-    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")
-};
-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

package/dist/esm/MenuItems/MenuItemCheckable.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MenuItems/MenuItemCheckable.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable import/no-cycle */\nimport React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { Checkmark } from '@elliemae/ds-icons';\nimport { runAll } from '@elliemae/ds-utilities';\nimport { MenuItem } from './MenuItem';\n\n// TODO: where to move this?\nfunction useCheckable({ checked }) {\n  return {\n    checked,\n    'aria-checked': checked,\n  };\n}\n\n/**\n * Reuses the same props as the MenuItem\n *\n * @param root0\n * @param root0.role\n * @param root0.checked\n * @param root0.name\n * @param root0.checkIcon\n * @param root0.children\n * @param root0.leftAddon\n * @param root0.item\n */\nconst MenuItemCheckable = ({\n  role = 'menuitemcheckbox',\n  checked = false,\n  name = '',\n  checkIcon = <Checkmark color={['brand-primary', 600]} />,\n  // eslint-disable-next-line react/prop-types\n  children,\n  leftAddon,\n  item = undefined,\n  ...otherProps\n}) => {\n  const checkableProps = useCheckable({ checked, name });\n  const handleClick = () =>\n    runAll(otherProps.onClick, checkableProps.onClick)({ target: { value: name, checked } }, item);\n\n  const checkAddon =\n    leftAddon || (checkableProps.checked ? <div className=\"checkable-mark\">{checkIcon}</div> : <div />);\n  return (\n    <MenuItem\n      {...item}\n      {...otherProps}\n      {...checkableProps}\n      customRenderer={item && item.customRenderer ? item.customRenderer : () => {}}\n      items={otherProps.subItems}\n      leftAddon={checkAddon}\n      onClick={handleClick}\n      role={role}\n    />\n  );\n};\n\nconst props = {\n  /** Whether the item is checked or not */\n  checked: PropTypes.bool.description('Whether the item is checked or not'),\n  /** A custom item when the item is checked */\n  checkIcon: PropTypes.element.description('A custom item when the item is checked'),\n  /** form field name */\n  name: PropTypes.string.description('form field name'),\n  /** menu item object props */\n  item: PropTypes.object.description('menu item object props'),\n  /** a11y role */\n  role: PropTypes.string.description('a11y role'),\n  /** left addon component */\n  leftAddon: PropTypes.node.description('left addon component'),\n};\n\nMenuItemCheckable.propTypes = props;\n\nconst DSMenuItemCheckeableWithSchema = describe(MenuItemCheckable);\nDSMenuItemCheckeableWithSchema.propTypes = props;\n\nexport { DSMenuItemCheckeableWithSchema, MenuItemCheckable };\nexport default MenuItemCheckable;\n"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AAGA,sBAAsB,EAAE,WAAW;AACjC,SAAO;AAAA,IACL;AAAA,IACA,gBAAgB;AAAA;AAAA;AAgBpB,MAAM,oBAAoB,CAAC;AAAA,EACzB,OAAO;AAAA,EACP,UAAU;AAAA,EACV,OAAO;AAAA,EACP,YAAY,qCAAC,WAAD;AAAA,IAAW,OAAO,CAAC,iBAAiB;AAAA;AAAA,EAEhD;AAAA,EACA;AAAA,EACA,OAAO;AAAA,KACJ;AAAA,MACC;AACJ,QAAM,iBAAiB,aAAa,EAAE,SAAS;AAC/C,QAAM,cAAc,MAClB,OAAO,WAAW,SAAS,eAAe,SAAS,EAAE,QAAQ,EAAE,OAAO,MAAM,aAAa;AAE3F,QAAM,aACJ,aAAc,gBAAe,UAAU,qCAAC,OAAD;AAAA,IAAK,WAAU;AAAA,KAAkB,aAAmB,qCAAC,OAAD;AAC7F,SACE,qCAAC,UAAD;AAAA,OACM;AAAA,OACA;AAAA,OACA;AAAA,IACJ,gBAAgB,QAAQ,KAAK,iBAAiB,KAAK,iBAAiB,MAAM;AAAA;AAAA,IAC1E,OAAO,WAAW;AAAA,IAClB,WAAW;AAAA,IACX,SAAS;AAAA,IACT;AAAA;AAAA;AAKN,MAAM,QAAQ;AAAA,EAEZ,SAAS,UAAU,KAAK,YAAY;AAAA,EAEpC,WAAW,UAAU,QAAQ,YAAY;AAAA,EAEzC,MAAM,UAAU,OAAO,YAAY;AAAA,EAEnC,MAAM,UAAU,OAAO,YAAY;AAAA,EAEnC,MAAM,UAAU,OAAO,YAAY;AAAA,EAEnC,WAAW,UAAU,KAAK,YAAY;AAAA;AAGxC,kBAAkB,YAAY;AAE9B,MAAM,iCAAiC,SAAS;AAChD,+BAA+B,YAAY;AAG3C,IAAO,4BAAQ;",
-  "names": []
-}

package/dist/esm/MenuItems/MenuItemCheckbox.js

@@ -1,19 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import { DSCheckbox } from "@elliemae/ds-form/Checkbox";
-import { MenuItemCheckable } from "./MenuItemCheckable";
-import { registerMenuItem } from "./menuItemFactory";
-const MenuItemCheckbox = ({ checked, ...rest }) => /* @__PURE__ */ React2.createElement(MenuItemCheckable, {
-  ...rest,
-  leftAddon: /* @__PURE__ */ React2.createElement(DSCheckbox, {
-    checked
-  }),
-  role: "menuitemcheckbox"
-});
-registerMenuItem("checkbox", MenuItemCheckbox);
-var MenuItemCheckbox_default = MenuItemCheckbox;
-export {
-  MenuItemCheckbox,
-  MenuItemCheckbox_default as default
-};
-//# sourceMappingURL=MenuItemCheckbox.js.map

package/dist/esm/MenuItems/MenuItemCheckbox.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MenuItems/MenuItemCheckbox.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { DSCheckbox } from '@elliemae/ds-form/Checkbox';\nimport { MenuItemCheckable } from './MenuItemCheckable';\nimport { registerMenuItem } from './menuItemFactory';\n\nconst MenuItemCheckbox = ({ checked, ...rest }) => (\n  <MenuItemCheckable {...rest} leftAddon={<DSCheckbox checked={checked} />} role=\"menuitemcheckbox\" />\n);\n\nregisterMenuItem('checkbox', MenuItemCheckbox);\nexport { MenuItemCheckbox };\nexport default MenuItemCheckbox;\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,mBAAmB,CAAC,EAAE,YAAY,WACtC,qCAAC,mBAAD;AAAA,KAAuB;AAAA,EAAM,WAAW,qCAAC,YAAD;AAAA,IAAY;AAAA;AAAA,EAAsB,MAAK;AAAA;AAGjF,iBAAiB,YAAY;AAE7B,IAAO,2BAAQ;",
-  "names": []
-}

package/dist/esm/MenuItems/MenuItemRadio.js

@@ -1,24 +0,0 @@
-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"
-});
-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")
-};
-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

package/dist/esm/MenuItems/MenuItemRadio.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MenuItems/MenuItemRadio.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport { MenuItemCheckable } from './MenuItemCheckable';\nimport { registerMenuItem } from './menuItemFactory';\n\nconst MenuItemRadio = (props) => <MenuItemCheckable {...props} role=\"menuitemradio\" />;\n\nconst props = {\n  /** Whether the item is checked or not */\n  checked: PropTypes.bool.description('Whether the item is checked or not'),\n  /** A custom item when the item is checked */\n  checkIcon: PropTypes.element.description('A custom item when the item is checked'),\n};\n\nMenuItemRadio.propTypes = props;\nregisterMenuItem('radio', MenuItemRadio);\n\nconst DSMenuItemRadioWithSchema = describe(MenuItemCheckable);\nDSMenuItemRadioWithSchema.propTypes = props;\n\nexport { DSMenuItemRadioWithSchema, MenuItemRadio };\nexport default MenuItemRadio;\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,gBAAgB,CAAC,WAAU,qCAAC,mBAAD;AAAA,KAAuB;AAAA,EAAO,MAAK;AAAA;AAEpE,MAAM,QAAQ;AAAA,EAEZ,SAAS,UAAU,KAAK,YAAY;AAAA,EAEpC,WAAW,UAAU,QAAQ,YAAY;AAAA;AAG3C,cAAc,YAAY;AAC1B,iBAAiB,SAAS;AAE1B,MAAM,4BAA4B,SAAS;AAC3C,0BAA0B,YAAY;AAGtC,IAAO,wBAAQ;",
-  "names": []
-}

package/dist/esm/MenuItems/RadioGroup.js

@@ -1,22 +0,0 @@
-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
-});
-const props = {
-  active: PropTypes.arrayOf(PropTypes.string).description("the item selected"),
-  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

package/dist/esm/MenuItems/RadioGroup.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MenuItems/RadioGroup.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport { CheckableGroup } from '@elliemae/ds-shared/CheckableGroup';\n\nconst RadioGroup = (props) => <CheckableGroup {...props} multi={false} />;\n\nconst props = {\n  /* The item selected */\n  active: PropTypes.arrayOf(PropTypes.string).description('the item selected'),\n  /* Handler when a user checks an item */\n  onCheck: PropTypes.func.description('Handler when a user checks an item'),\n};\n\nRadioGroup.propTypes = props;\n\nconst DSMenuRadioGroupWithSchema = describe(RadioGroup);\n\nDSMenuRadioGroupWithSchema.propTypes = props;\n\nexport { DSMenuRadioGroupWithSchema, RadioGroup };\nexport default RadioGroup;\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAEA,MAAM,aAAa,CAAC,WAAU,qCAAC,gBAAD;AAAA,KAAoB;AAAA,EAAO,OAAO;AAAA;AAEhE,MAAM,QAAQ;AAAA,EAEZ,QAAQ,UAAU,QAAQ,UAAU,QAAQ,YAAY;AAAA,EAExD,SAAS,UAAU,KAAK,YAAY;AAAA;AAGtC,WAAW,YAAY;AAEvB,MAAM,6BAA6B,SAAS;AAE5C,2BAA2B,YAAY;AAGvC,IAAO,qBAAQ;",
-  "names": []
-}