@elliemae/ds-menu-items 3.27.0-next.8 → 3.27.0-rc.0

package/dist/cjs/components/styled.js

@@ -1,192 +0,0 @@
-"use strict";
-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 __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var styled_exports = {};
-__export(styled_exports, {
-  StyleMenuItemLabel: () => StyleMenuItemLabel,
-  StyleMenuItemSecondaryLabel: () => StyleMenuItemSecondaryLabel,
-  StyledContentWrapper: () => StyledContentWrapper,
-  StyledEllipsisButton: () => StyledEllipsisButton,
-  StyledGlobalMenuItemWrapper: () => StyledGlobalMenuItemWrapper,
-  StyledGroupLabel: () => StyledGroupLabel,
-  StyledIconContainer: () => StyledIconContainer,
-  StyledItemContent: () => StyledItemContent,
-  StyledSectionWrapper: () => StyledSectionWrapper,
-  StyledSeparator: () => StyledSeparator,
-  StyledSeparatorWrapper: () => StyledSeparatorWrapper,
-  StyledVerticalSeparator: () => StyledVerticalSeparator
-});
-module.exports = __toCommonJS(styled_exports);
-var React = __toESM(require("react"));
-var import_ds_system = require("@elliemae/ds-system");
-var import_ds_grid = require("@elliemae/ds-grid");
-var import_exported_related = require("../exported-related/index.js");
-const borderOutside = () => import_ds_system.css`
-  :after {
-    display: block;
-    content: ' ';
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    border: 1px solid ${({ theme }) => theme.colors.brand[500]};
-    pointer-events: none;
-    z-index: 7;
-  }
-`;
-const disabledOption = () => import_ds_system.css`
-  color: ${({ theme }) => theme.colors.neutral[500]};
-  background-color: ${({ theme }) => theme.colors.neutral["000"]};
-  cursor: not-allowed;
-  * {
-    cursor: not-allowed;
-  }
-`;
-const StyledGlobalMenuItemWrapper = (0, import_ds_system.styled)("li", {
-  name: import_exported_related.DSMenuItemName,
-  slot: import_exported_related.DSMenuItemSlots.MENU_ITEM_WRAPPER
-})`
-  cursor: pointer;
-  min-height: 32px;
-
-  padding-left: 16px;
-  padding-right: 16px;
-  display: grid;
-  align-items: center;
-  list-style: none;
-  position: relative;
-
-  ${(props) => {
-  if (props.disabled)
-    return disabledOption();
-  if (props.isActive)
-    return borderOutside();
-  return "";
-}};
-
-  background-color: ${(props) => props.isActive ? props.theme.colors.brand[200] : props.theme.colors.neutral["000"]};
-
-  // focus style for standalone version
-  &:focus {
-    ${(props) => {
-  if (props.disabled)
-    return disabledOption();
-  return borderOutside();
-}};
-    outline: none;
-    background-color: ${(props) => !props.disabled ? props.theme.colors.brand[200] : props.theme.colors.neutral["000"]};
-  }
-  &:hover {
-    background-color: ${(props) => !props.disabled && props.theme.colors.brand[200]};
-  }
-  ${import_ds_system.xStyledCommonProps}
-`;
-const StyleMenuItemLabel = (0, import_ds_system.styled)("span", { name: import_exported_related.DSMenuItemName, slot: import_exported_related.DSMenuItemSlots.MENU_ITEM_LABEL })`
-  padding: 8px 0;
-  font-size: 13px;
-`;
-const StyleMenuItemSecondaryLabel = (0, import_ds_system.styled)("span", {
-  name: import_exported_related.DSMenuItemName,
-  slot: import_exported_related.DSMenuItemSlots.MENU_ITEM_SECONDARY_LABEL
-})`
-  padding: 8px 0;
-  font-size: 11px;
-  font-style: italic;
-  color: brand-800;
-`;
-const StyledIconContainer = (0, import_ds_system.styled)("div", { name: import_exported_related.DSMenuItemName, slot: import_exported_related.DSMenuItemSlots.MENU_ITEM_ICON })`
-  width: 25px;
-  height: 24px;
-  display: grid;
-  grid-template-columns: min-content auto;
-  place-items: center;
-`;
-const StyledEllipsisButton = (0, import_ds_system.styled)("div", {
-  name: import_exported_related.DSMenuItemName,
-  slot: import_exported_related.DSMenuItemSlots.MENU_ITEM_ELLIPSIS_BUTTON
-})`
-  position: relative;
-  width: 100%;
-  height: 100%;
-  display: grid;
-  place-items: center;
-  background: transparent;
-  :active {
-    ${(props) => props.disabled ? "" : borderOutside()}
-  }
-`;
-const StyledItemContent = (0, import_ds_system.styled)("div", { name: import_exported_related.DSMenuItemName, slot: import_exported_related.DSMenuItemSlots.MENU_ITEM_CONTENT })`
-  display: flex;
-  width: 100%;
-  margin: 8px 0px;
-`;
-const StyledSeparator = (0, import_ds_system.styled)("hr", { name: import_exported_related.DSMenuItemName, slot: import_exported_related.DSMenuItemSlots.MENU_ITEM_SEPARATOR })`
-  border: 0;
-  border-top: 1px solid #697489;
-  margin: 4px 0px;
-  padding: 0;
-`;
-const StyledSeparatorWrapper = (0, import_ds_system.styled)("li", {
-  name: import_exported_related.DSMenuItemName,
-  slot: import_exported_related.DSMenuItemSlots.MENU_ITEM_SEPARATOR_WRAPPER
-})`
-  list-style: none;
-  padding: 0px 16px;
-
-  ${import_ds_system.xStyledCommonProps}
-`;
-const StyledGroupLabel = (0, import_ds_system.styled)("span", { name: import_exported_related.DSMenuItemName, slot: import_exported_related.DSMenuItemSlots.MENU_ITEM_GROUP_LABEL })`
-  font-size: 13px;
-  color: neutral-500;
-`;
-const StyledSectionWrapper = (0, import_ds_system.styled)("li", {
-  name: import_exported_related.DSMenuItemName,
-  slot: import_exported_related.DSMenuItemSlots.MENU_ITEM_SECTION_WRAPPER
-})`
-  list-style: none;
-  padding: 0px 16px;
-  height: 24px;
-  display: flex;
-  align-items: center;
-
-  ${import_ds_system.xStyledCommonProps}
-`;
-const StyledVerticalSeparator = (0, import_ds_system.styled)("div", {
-  name: import_exported_related.DSMenuItemName,
-  slot: import_exported_related.DSMenuItemSlots.MENU_ITEM_VERTICAL_SEPARATOR
-})`
-  width: 1px;
-  height: 18px;
-  background-color: neutral-300;
-`;
-const StyledContentWrapper = (0, import_ds_system.styled)(import_ds_grid.Grid, {
-  name: import_exported_related.DSMenuItemName,
-  slot: import_exported_related.DSMenuItemSlots.MENU_ITEM_CONTENT_WRAPPER
-})``;
-//# sourceMappingURL=styled.js.map

package/dist/cjs/components/styled.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/styled.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type { LayoutProps, SizingProps, PositionProps, SpaceProps } from '@elliemae/ds-system';\nimport { styled, css, xStyledCommonProps } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSMenuItemName, DSMenuItemSlots } from '../exported-related/index.js';\n\nconst borderOutside = () => css`\n  :after {\n    display: block;\n    content: ' ';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border: 1px solid ${({ theme }) => theme.colors.brand[500]};\n    pointer-events: none;\n    z-index: 7;\n  }\n`;\n\nconst disabledOption = () => css`\n  color: ${({ theme }) => theme.colors.neutral[500]};\n  background-color: ${({ theme }) => theme.colors.neutral['000']};\n  cursor: not-allowed;\n  * {\n    cursor: not-allowed;\n  }\n`;\n\ninterface StyledGlobalMenuItemWrapperT extends LayoutProps, SizingProps, PositionProps, SpaceProps {\n  isSelected?: boolean;\n  isActive?: boolean;\n  disabled?: boolean;\n}\n\nexport const StyledGlobalMenuItemWrapper = styled('li', {\n  name: DSMenuItemName,\n  slot: DSMenuItemSlots.MENU_ITEM_WRAPPER,\n})<StyledGlobalMenuItemWrapperT>`\n  cursor: pointer;\n  min-height: 32px;\n\n  padding-left: 16px;\n  padding-right: 16px;\n  display: grid;\n  align-items: center;\n  list-style: none;\n  position: relative;\n\n  ${(props) => {\n    if (props.disabled) return disabledOption();\n    if (props.isActive) return borderOutside();\n    return '';\n  }};\n\n  background-color: ${(props) => (props.isActive ? props.theme.colors.brand[200] : props.theme.colors.neutral['000'])};\n\n  // focus style for standalone version\n  &:focus {\n    ${(props) => {\n      if (props.disabled) return disabledOption();\n      return borderOutside();\n    }};\n    outline: none;\n    background-color: ${(props) =>\n      !props.disabled ? props.theme.colors.brand[200] : props.theme.colors.neutral['000']};\n  }\n  &:hover {\n    background-color: ${(props) => !props.disabled && props.theme.colors.brand[200]};\n  }\n  ${xStyledCommonProps}\n`;\n\nexport const StyleMenuItemLabel = styled('span', { name: DSMenuItemName, slot: DSMenuItemSlots.MENU_ITEM_LABEL })`\n  padding: 8px 0;\n  font-size: 13px;\n`;\n\nexport const StyleMenuItemSecondaryLabel = styled('span', {\n  name: DSMenuItemName,\n  slot: DSMenuItemSlots.MENU_ITEM_SECONDARY_LABEL,\n})`\n  padding: 8px 0;\n  font-size: 11px;\n  font-style: italic;\n  color: brand-800;\n`;\n\nexport const StyledIconContainer = styled('div', { name: DSMenuItemName, slot: DSMenuItemSlots.MENU_ITEM_ICON })`\n  width: 25px;\n  height: 24px;\n  display: grid;\n  grid-template-columns: min-content auto;\n  place-items: center;\n`;\n\nexport const StyledEllipsisButton = styled('div', {\n  name: DSMenuItemName,\n  slot: DSMenuItemSlots.MENU_ITEM_ELLIPSIS_BUTTON,\n})<{ disabled: boolean }>`\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: grid;\n  place-items: center;\n  background: transparent;\n  :active {\n    ${(props) => (props.disabled ? '' : borderOutside())}\n  }\n`;\n\nexport const StyledItemContent = styled('div', { name: DSMenuItemName, slot: DSMenuItemSlots.MENU_ITEM_CONTENT })`\n  display: flex;\n  width: 100%;\n  margin: 8px 0px;\n`;\n\nexport const StyledSeparator = styled('hr', { name: DSMenuItemName, slot: DSMenuItemSlots.MENU_ITEM_SEPARATOR })`\n  border: 0;\n  border-top: 1px solid #697489;\n  margin: 4px 0px;\n  padding: 0;\n`;\n\nexport const StyledSeparatorWrapper = styled('li', {\n  name: DSMenuItemName,\n  slot: DSMenuItemSlots.MENU_ITEM_SEPARATOR_WRAPPER,\n})`\n  list-style: none;\n  padding: 0px 16px;\n\n  ${xStyledCommonProps}\n`;\n\nexport const StyledGroupLabel = styled('span', { name: DSMenuItemName, slot: DSMenuItemSlots.MENU_ITEM_GROUP_LABEL })`\n  font-size: 13px;\n  color: neutral-500;\n`;\n\nexport const StyledSectionWrapper = styled('li', {\n  name: DSMenuItemName,\n  slot: DSMenuItemSlots.MENU_ITEM_SECTION_WRAPPER,\n})`\n  list-style: none;\n  padding: 0px 16px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n\n  ${xStyledCommonProps}\n`;\n\nexport const StyledVerticalSeparator = styled('div', {\n  name: DSMenuItemName,\n  slot: DSMenuItemSlots.MENU_ITEM_VERTICAL_SEPARATOR,\n})`\n  width: 1px;\n  height: 18px;\n  background-color: neutral-300;\n`;\n\nexport const StyledContentWrapper = styled(Grid, {\n  name: DSMenuItemName,\n  slot: DSMenuItemSlots.MENU_ITEM_CONTENT_WRAPPER,\n})``;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/cjs/components/useGetGlobalsAndXStyledProps.js

@@ -1,42 +0,0 @@
-"use strict";
-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 __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var useGetGlobalsAndXStyledProps_exports = {};
-__export(useGetGlobalsAndXStyledProps_exports, {
-  useGetGlobalsAndXStyledProps: () => useGetGlobalsAndXStyledProps
-});
-module.exports = __toCommonJS(useGetGlobalsAndXStyledProps_exports);
-var React = __toESM(require("react"));
-var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-const useGetGlobalsAndXStyledProps = (props, toMergeEvents) => {
-  const sourceGlobalProps = props.original ?? props;
-  const globalAttributes = (0, import_ds_props_helpers.useGetGlobalAttributes)(sourceGlobalProps, toMergeEvents);
-  const xStyledProps = (0, import_ds_props_helpers.useGetXstyledProps)(sourceGlobalProps);
-  return { globalAttributes, xStyledProps };
-};
-//# sourceMappingURL=useGetGlobalsAndXStyledProps.js.map

package/dist/cjs/components/useGetGlobalsAndXStyledProps.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/useGetGlobalsAndXStyledProps.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { useGetGlobalAttributes, useGetXstyledProps } from '@elliemae/ds-props-helpers';\nimport type { DSMenuItemT } from '../react-desc-prop-types.js';\n\nexport const useGetGlobalsAndXStyledProps = (\n  props: DSMenuItemT.AllTypeItems,\n  toMergeEvents?: Record<string, unknown>,\n) => {\n  const sourceGlobalProps = props.original ?? props;\n\n  const globalAttributes = useGetGlobalAttributes(sourceGlobalProps, toMergeEvents);\n  const xStyledProps = useGetXstyledProps(sourceGlobalProps);\n\n  return { globalAttributes, xStyledProps };\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA2D;AAGpD,MAAM,+BAA+B,CAC1C,OACA,kBACG;AACH,QAAM,oBAAoB,MAAM,YAAY;AAE5C,QAAM,uBAAmB,gDAAuB,mBAAmB,aAAa;AAChF,QAAM,mBAAe,4CAAmB,iBAAiB;AAEzD,SAAO,EAAE,kBAAkB,aAAa;AAC1C;",
-  "names": []
-}

package/dist/cjs/exported-related/constants.js

@@ -1,51 +0,0 @@
-"use strict";
-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 __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var constants_exports = {};
-__export(constants_exports, {
-  DSMenuItemName: () => DSMenuItemName,
-  DSMenuItemSlots: () => DSMenuItemSlots
-});
-module.exports = __toCommonJS(constants_exports);
-var React = __toESM(require("react"));
-const DSMenuItemName = "DSMenuItem";
-const DSMenuItemSlots = {
-  MENU_ITEM_WRAPPER: "menu-item-wrapper",
-  MENU_ITEM_LABEL: "menu-item-label",
-  MENU_ITEM_SECONDARY_LABEL: "menu-item-secondary-label",
-  MENU_ITEM_ICON: "menu-item-icon",
-  MENU_ITEM_ELLIPSIS_BUTTON: "menu-item-ellipsis-button",
-  MENU_ITEM_CONTENT: "menu-item-content",
-  MENU_ITEM_SEPARATOR: "menu-item-separator",
-  MENU_ITEM_SEPARATOR_WRAPPER: "menu-item-separator-wrapper",
-  MENU_ITEM_GROUP_LABEL: "menu-item-group-label",
-  MENU_ITEM_SECTION_WRAPPER: "menu-item-section-wrapper",
-  MENU_ITEM_VERTICAL_SEPARATOR: "menu-item-vertical-separator",
-  MENU_ITEM_CONTENT_WRAPPER: "menu-item-content-wrapper"
-};
-//# sourceMappingURL=constants.js.map

package/dist/cjs/exported-related/constants.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/exported-related/constants.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export const DSMenuItemName = 'DSMenuItem';\n\nexport const DSMenuItemSlots = {\n  MENU_ITEM_WRAPPER: 'menu-item-wrapper',\n  MENU_ITEM_LABEL: 'menu-item-label',\n  MENU_ITEM_SECONDARY_LABEL: 'menu-item-secondary-label',\n  MENU_ITEM_ICON: 'menu-item-icon',\n  MENU_ITEM_ELLIPSIS_BUTTON: 'menu-item-ellipsis-button',\n  MENU_ITEM_CONTENT: 'menu-item-content',\n  MENU_ITEM_SEPARATOR: 'menu-item-separator',\n  MENU_ITEM_SEPARATOR_WRAPPER: 'menu-item-separator-wrapper',\n  MENU_ITEM_GROUP_LABEL: 'menu-item-group-label',\n  MENU_ITEM_SECTION_WRAPPER: 'menu-item-section-wrapper',\n  MENU_ITEM_VERTICAL_SEPARATOR: 'menu-item-vertical-separator',\n  MENU_ITEM_CONTENT_WRAPPER: 'menu-item-content-wrapper',\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,iBAAiB;AAEvB,MAAM,kBAAkB;AAAA,EAC7B,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,2BAA2B;AAAA,EAC3B,gBAAgB;AAAA,EAChB,2BAA2B;AAAA,EAC3B,mBAAmB;AAAA,EACnB,qBAAqB;AAAA,EACrB,6BAA6B;AAAA,EAC7B,uBAAuB;AAAA,EACvB,2BAA2B;AAAA,EAC3B,8BAA8B;AAAA,EAC9B,2BAA2B;AAC7B;",
-  "names": []
-}

package/dist/cjs/react-desc-prop-types.js

@@ -1,169 +0,0 @@
-"use strict";
-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 __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var react_desc_prop_types_exports = {};
-__export(react_desc_prop_types_exports, {
-  ActionMenuItemPropTypes: () => ActionMenuItemPropTypes,
-  MenuItemPropTypes: () => MenuItemPropTypes,
-  MultiMenuItemPropTypes: () => MultiMenuItemPropTypes,
-  SectionMenuItemPropTypes: () => SectionMenuItemPropTypes,
-  SingleMenuItemPropTypes: () => SingleMenuItemPropTypes,
-  defaultActionProps: () => defaultActionProps,
-  defaultCommonProps: () => defaultCommonProps,
-  defaultMultiProps: () => defaultMultiProps,
-  defaultSectionProps: () => defaultSectionProps,
-  defaultSeparatorProps: () => defaultSeparatorProps,
-  defaultSingleProps: () => defaultSingleProps,
-  defaultSingleWithSubmenuProps: () => defaultSingleWithSubmenuProps,
-  defaultSubmenuProps: () => defaultSubmenuProps,
-  itemProps: () => itemProps
-});
-module.exports = __toCommonJS(react_desc_prop_types_exports);
-var React = __toESM(require("react"));
-var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-const noop = () => null;
-const defaultCommonProps = {
-  innerRef: noop,
-  wrapperStyles: {}
-};
-const defaultActionProps = {
-  ...defaultCommonProps,
-  label: "",
-  value: void 0,
-  disabled: false,
-  isActive: false,
-  onClick: noop,
-  optionsShouldHavePadding: false,
-  tabIndex: 0
-};
-const defaultMultiProps = {
-  ...defaultCommonProps,
-  label: "",
-  isActive: false,
-  disabled: false,
-  isSelected: false,
-  onClick: noop,
-  onMouseDown: noop,
-  onMouseEnter: noop,
-  onMouseLeave: noop,
-  tabIndex: 0
-};
-const defaultSingleProps = {
-  ...defaultCommonProps,
-  label: "",
-  isActive: false,
-  disabled: false,
-  isSelected: false,
-  onClick: noop,
-  onMouseDown: noop,
-  onMouseEnter: noop,
-  onMouseLeave: noop,
-  dataTestid: "ds-menu-item",
-  tabIndex: 0
-};
-const defaultSubmenuProps = {
-  ...defaultCommonProps,
-  label: "",
-  isActive: false,
-  disabled: false,
-  isSubmenuOpened: false,
-  onSubmenuOpen: noop,
-  rightAddon: "chevron",
-  optionsShouldHavePadding: false,
-  Dropdown: noop,
-  dropdownProps: {
-    options: [],
-    onSubmenuToggle: noop,
-    openedSubmenus: {},
-    selectedOptions: {},
-    onKeyDown: noop,
-    onOptionClick: noop,
-    onClickOutside: noop,
-    minWidth: "auto",
-    maxHeight: "auto"
-  }
-};
-const defaultSectionProps = {
-  ...defaultCommonProps,
-  label: ""
-};
-const defaultSeparatorProps = {
-  ...defaultCommonProps
-};
-const defaultSingleWithSubmenuProps = {
-  ...defaultSingleProps,
-  ...defaultSubmenuProps
-};
-const itemProps = {
-  ...import_ds_props_helpers.globalAttributesPropTypes,
-  ...import_ds_props_helpers.xstyledPropTypes,
-  dsId: import_ds_props_helpers.PropTypes.string,
-  innerRef: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.func, import_ds_props_helpers.PropTypes.shape({ current: import_ds_props_helpers.PropTypes.any })]),
-  wrapperStyles: import_ds_props_helpers.PropTypes.object,
-  render: import_ds_props_helpers.PropTypes.func
-};
-const MenuItemPropTypes = {
-  dsId: import_ds_props_helpers.PropTypes.string.description("The unique ID for the menu item.").isRequired,
-  innerRef: import_ds_props_helpers.PropTypes.oneOfType([
-    import_ds_props_helpers.PropTypes.shape({
-      current: import_ds_props_helpers.PropTypes.node
-    }),
-    import_ds_props_helpers.PropTypes.func.description(
-      " A ref object or callback function to access the underlying DOM element (HTMLLIElement) of the menu item."
-    )
-  ]),
-  render: import_ds_props_helpers.PropTypes.func.description("A custom render function to render the content of the menu item.")
-};
-const SingleMenuItemPropTypes = {
-  ...MenuItemPropTypes,
-  label: import_ds_props_helpers.PropTypes.string.description("The label of the menu item."),
-  secondaryLabel: import_ds_props_helpers.PropTypes.string.description("The secondary label of the menu item."),
-  isActive: import_ds_props_helpers.PropTypes.bool.description("Whether the menu item is active."),
-  disabled: import_ds_props_helpers.PropTypes.bool.description("Whether the menu item is disabled."),
-  isSelected: import_ds_props_helpers.PropTypes.bool.description("Whether the menu item is selected.")
-};
-const MultiMenuItemPropTypes = {
-  ...MenuItemPropTypes,
-  label: import_ds_props_helpers.PropTypes.string.description("The label of the menu item."),
-  secondaryLabel: import_ds_props_helpers.PropTypes.string.description("The secondary label of the menu item."),
-  isActive: import_ds_props_helpers.PropTypes.bool.description("Whether the menu item is active."),
-  disabled: import_ds_props_helpers.PropTypes.bool.description("Whether the menu item is disabled."),
-  isSelected: import_ds_props_helpers.PropTypes.bool.description("Whether the menu item is selected.")
-};
-const ActionMenuItemPropTypes = {
-  ...MenuItemPropTypes,
-  label: import_ds_props_helpers.PropTypes.string.description("The label of the menu item."),
-  value: import_ds_props_helpers.PropTypes.any.description("The value of the menu item."),
-  disabled: import_ds_props_helpers.PropTypes.bool.description("Whether the menu item is disabled."),
-  isActive: import_ds_props_helpers.PropTypes.bool.description("Whether the menu item is active.")
-};
-const SectionMenuItemPropTypes = {
-  ...MenuItemPropTypes,
-  label: import_ds_props_helpers.PropTypes.string.description("The label of the menu item.")
-};
-//# sourceMappingURL=react-desc-prop-types.js.map

package/dist/cjs/react-desc-prop-types.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/react-desc-prop-types.ts", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { PropsWithChildren, WeakValidationMap } from 'react';\nimport type React from 'react';\nimport type { SizingProps } from '@elliemae/ds-system';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nexport namespace DSMenuItemT {\n  export interface CommonProps<T = Record<string, unknown>> {\n    dsId: string;\n    innerRef?: React.RefObject<HTMLLIElement> | ((_ref: HTMLLIElement) => void);\n    wrapperStyles?: Record<string, unknown>;\n    render?: React.ComponentType<T>;\n    original?: Record<string, unknown>;\n  }\n\n  export interface ActionProps extends CommonProps<ActionProps> {\n    label?: string;\n    secondaryLabel?: string;\n    value?: unknown;\n    disabled?: boolean;\n    isActive?: boolean;\n    onClick?: React.MouseEventHandler;\n    optionsShouldHavePadding?: boolean;\n    tabIndex: WCAGTabIndex;\n  }\n\n  export interface SkeletonProps extends CommonProps<ActionProps> {\n    secondaryLabel?: string;\n    isActive?: boolean;\n    onClick?: React.MouseEventHandler;\n    tabIndex?: WCAGTabIndex;\n  }\n\n  export interface MultiProps extends CommonProps<MultiProps> {\n    label?: string;\n    isActive?: boolean;\n    disabled?: boolean;\n    isSelected?: boolean;\n    onClick?: React.MouseEventHandler;\n    onKeyDown?: React.KeyboardEventHandler;\n    onMouseDown?: React.MouseEventHandler;\n    onMouseEnter?: React.MouseEventHandler;\n    onMouseLeave?: React.MouseEventHandler;\n    dataTestid?: string;\n    tabIndex?: WCAGTabIndex;\n    value?: unknown;\n  }\n\n  export interface SingleProps extends CommonProps<SingleProps> {\n    label?: string;\n    secondaryLabel?: string;\n    isActive?: boolean;\n    disabled?: boolean;\n    isSelected?: boolean;\n    onClick?: React.MouseEventHandler;\n    onKeyDown?: React.KeyboardEventHandler;\n    onMouseDown?: React.MouseEventHandler;\n    onMouseEnter?: React.MouseEventHandler;\n    onMouseLeave?: React.MouseEventHandler;\n    dataTestid?: string;\n    tabIndex?: number;\n    value?: unknown;\n  }\n\n  export interface SubmenuProps extends CommonProps<SubmenuProps> {\n    label?: string;\n    secondaryLabel?: string;\n    isActive?: boolean;\n    disabled?: boolean;\n    isSubmenuOpened?: boolean;\n    onSubmenuOpen?: React.MouseEventHandler;\n    onSubmenuClose?: React.MouseEventHandler;\n    rightAddon?: 'ellipsis' | 'chevron';\n    optionsShouldHavePadding?: boolean;\n    onMouseEnter?: React.MouseEventHandler;\n    onMouseLeave?: React.MouseEventHandler;\n    onMouseDown?: React.MouseEventHandler;\n    Dropdown: React.ComponentType<PropsWithChildren<SubmenuProps['dropdownProps']>>;\n    dropdownProps?: {\n      options: any[];\n      onSubmenuToggle?: (\n        nextOpenedSubmenus: Record<string, boolean>,\n        submenu: any,\n        e: React.MouseEvent | React.KeyboardEvent,\n      ) => void;\n      openedSubmenus?: Record<string, boolean>;\n      selectedOptions?: Record<string, boolean>;\n      onKeyDown?: React.KeyboardEventHandler;\n      onOptionClick?: (\n        nextSelectedOptions: Record<string, boolean>,\n        clickedOption: any,\n        e: React.MouseEvent | React.KeyboardEvent,\n      ) => void;\n      onClickOutside?: (e: MouseEvent | React.KeyboardEvent | TouchEvent) => void;\n      minWidth?: SizingProps['minWidth'];\n      maxHeight?: SizingProps['maxHeight'];\n      [key: string]: unknown;\n    };\n  }\n\n  export interface SectionProps extends CommonProps<SectionProps> {\n    label?: string;\n  }\n\n  export type SeparatorProps = CommonProps<SeparatorProps>;\n\n  export interface SingleWithSubmenuProps extends Omit<SingleProps, 'render'>, Omit<SubmenuProps, 'render'> {\n    render?: React.ComponentType<SingleWithSubmenuProps>;\n  }\n  export type AllTypeItems = ActionProps | MultiProps | SingleProps | SubmenuProps | SectionProps | SeparatorProps;\n}\n\nconst noop = () => null;\n\nexport const defaultCommonProps: Partial<Omit<DSMenuItemT.CommonProps, 'render'>> = {\n  innerRef: noop,\n  wrapperStyles: {},\n};\n\nexport const defaultActionProps: Partial<DSMenuItemT.ActionProps> = {\n  ...defaultCommonProps,\n  label: '',\n  value: undefined,\n  disabled: false,\n  isActive: false,\n  onClick: noop,\n  optionsShouldHavePadding: false,\n  tabIndex: 0,\n};\n\nexport const defaultMultiProps: Partial<DSMenuItemT.MultiProps> = {\n  ...defaultCommonProps,\n  label: '',\n  isActive: false,\n  disabled: false,\n  isSelected: false,\n  onClick: noop,\n  onMouseDown: noop,\n  onMouseEnter: noop,\n  onMouseLeave: noop,\n  tabIndex: 0,\n};\n\nexport const defaultSingleProps: Partial<DSMenuItemT.SingleProps> = {\n  ...defaultCommonProps,\n  label: '',\n  isActive: false,\n  disabled: false,\n  isSelected: false,\n  onClick: noop,\n  onMouseDown: noop,\n  onMouseEnter: noop,\n  onMouseLeave: noop,\n  dataTestid: 'ds-menu-item',\n  tabIndex: 0,\n};\n\nexport const defaultSubmenuProps: Partial<DSMenuItemT.SubmenuProps> = {\n  ...defaultCommonProps,\n  label: '',\n  isActive: false,\n  disabled: false,\n  isSubmenuOpened: false,\n  onSubmenuOpen: noop,\n  rightAddon: 'chevron',\n  optionsShouldHavePadding: false,\n  Dropdown: noop,\n  dropdownProps: {\n    options: [],\n    onSubmenuToggle: noop,\n    openedSubmenus: {},\n    selectedOptions: {},\n    onKeyDown: noop,\n    onOptionClick: noop,\n    onClickOutside: noop,\n    minWidth: 'auto',\n    maxHeight: 'auto',\n  },\n};\n\nexport const defaultSectionProps: Partial<DSMenuItemT.SectionProps> = {\n  ...defaultCommonProps,\n  label: '',\n};\n\nexport const defaultSeparatorProps: Partial<DSMenuItemT.SeparatorProps> = {\n  ...defaultCommonProps,\n};\n\nexport const defaultSingleWithSubmenuProps: Partial<Omit<DSMenuItemT.SingleWithSubmenuProps, 'render'>> = {\n  ...defaultSingleProps,\n  ...defaultSubmenuProps,\n};\n\nexport const itemProps = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  dsId: PropTypes.string,\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]),\n  wrapperStyles: PropTypes.object,\n  render: PropTypes.func,\n} as WeakValidationMap<unknown>;\n\nexport const MenuItemPropTypes = {\n  dsId: PropTypes.string.description('The unique ID for the menu item.').isRequired,\n  innerRef: PropTypes.oneOfType([\n    PropTypes.shape({\n      current: PropTypes.node,\n    }),\n    PropTypes.func.description(\n      ' A ref object or callback function to access the underlying DOM element (HTMLLIElement) of the menu item.',\n    ),\n  ]),\n  render: PropTypes.func.description('A custom render function to render the content of the menu item.'),\n} as WeakValidationMap<unknown>;\n\nexport const SingleMenuItemPropTypes = {\n  ...MenuItemPropTypes,\n  label: PropTypes.string.description('The label of the menu item.'),\n  secondaryLabel: PropTypes.string.description('The secondary label of the menu item.'),\n  isActive: PropTypes.bool.description('Whether the menu item is active.'),\n  disabled: PropTypes.bool.description('Whether the menu item is disabled.'),\n  isSelected: PropTypes.bool.description('Whether the menu item is selected.'),\n} as WeakValidationMap<unknown>;\n\nexport const MultiMenuItemPropTypes = {\n  ...MenuItemPropTypes,\n  label: PropTypes.string.description('The label of the menu item.'),\n  secondaryLabel: PropTypes.string.description('The secondary label of the menu item.'),\n  isActive: PropTypes.bool.description('Whether the menu item is active.'),\n  disabled: PropTypes.bool.description('Whether the menu item is disabled.'),\n  isSelected: PropTypes.bool.description('Whether the menu item is selected.'),\n} as WeakValidationMap<unknown>;\n\nexport const ActionMenuItemPropTypes = {\n  ...MenuItemPropTypes,\n  label: PropTypes.string.description('The label of the menu item.'),\n  value: PropTypes.any.description('The value of the menu item.'),\n  disabled: PropTypes.bool.description('Whether the menu item is disabled.'),\n  isActive: PropTypes.bool.description('Whether the menu item is active.'),\n} as WeakValidationMap<unknown>;\n\nexport const SectionMenuItemPropTypes = {\n  ...MenuItemPropTypes,\n  label: PropTypes.string.description('The label of the menu item.'),\n} as WeakValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/esm/TempTreeviewItem.js

@@ -1,103 +0,0 @@
-import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import React2, { useCallback, useMemo } from "react";
-import { styled, css } from "@elliemae/ds-system";
-import { ArrowheadDown, ArrowheadRight, Folder, FilePdf } from "@elliemae/ds-icons";
-import { DSButtonV2 } from "@elliemae/ds-button-v2";
-import { DSSeparatorV2 } from "@elliemae/ds-separator";
-import { DSTypography } from "@elliemae/ds-typography";
-import { Grid } from "@elliemae/ds-grid";
-import { DSControlledCheckbox } from "@elliemae/ds-form-checkbox";
-import { DSControlledRadio } from "@elliemae/ds-form-radio";
-const borderStyle = css`
-  outline: 2px solid ${({ theme }) => theme.colors.brand["700"]};
-  outline-offset: -2px;
-`;
-const MenuItemWrapper = styled(Grid)`
-  height: 36px;
-
-  ${({ isFocused }) => isFocused && borderStyle};
-  &:hover {
-    background-color: ${({ theme }) => theme.colors.brand["200"]};
-  }
-`;
-const StyledButton = styled(DSButtonV2)`
-  &:hover:not(:disabled) {
-    background-color: transparent;
-  }
-`;
-const TreeviewItem = (props) => {
-  const { onCollapse, item, onSelect = () => {
-  }, isSelected, multiple } = props;
-  const cols = useMemo(() => {
-    if (isSelected !== void 0) {
-      return ["auto", "auto", "auto", "1fr"];
-    }
-    return ["auto", "auto", "1fr"];
-  }, [isSelected]);
-  const subItemsLength = useMemo(() => {
-    if (item.subitems && item.subitems?.length > 0) {
-      return item.subitems.length;
-    }
-    return 0;
-  }, [item.subitems]);
-  const expandableButton = useMemo(() => {
-    if (subItemsLength > 0) {
-      return /* @__PURE__ */ jsxs(Grid, { cols: ["auto", "auto"], alignItems: "center", children: [
-        /* @__PURE__ */ jsx(
-          StyledButton,
-          {
-            "aria-label": "Expand",
-            buttonType: "icon",
-            size: "s",
-            onClick: () => {
-              onCollapse(item.dsId);
-            },
-            children: item.collapsed === false ? /* @__PURE__ */ jsx(ArrowheadDown, { size: "s", color: ["brand-primary", "800"] }) : /* @__PURE__ */ jsx(ArrowheadRight, { size: "s", color: ["brand-primary", "800"] })
-          }
-        ),
-        /* @__PURE__ */ jsx(Folder, { color: ["brand-primary", "700"] })
-      ] });
-    }
-    return /* @__PURE__ */ jsx(Grid, { alignItems: "center", children: /* @__PURE__ */ jsx(FilePdf, { color: ["brand-primary", "700"] }) });
-  }, [item.collapsed, item.dsId, onCollapse, subItemsLength]);
-  const SelectComponent = React2.useMemo(() => {
-    if (multiple) {
-      return DSControlledCheckbox;
-    }
-    return DSControlledRadio;
-  }, [multiple]);
-  const handleOnSelect = useCallback(() => {
-    onSelect(item.dsId);
-  }, [item.dsId, onSelect]);
-  const [isFocused, setIsFocused] = React2.useState(false);
-  return /* @__PURE__ */ jsx(MenuItemWrapper, { px: "xxs", isFocused, children: /* @__PURE__ */ jsxs(Grid, { cols, marginLeft: item.depth * 24, gutter: "xxs2", alignItems: "center", children: [
-    isSelected !== void 0 && /* @__PURE__ */ jsx(
-      SelectComponent,
-      {
-        onFocus: () => setIsFocused(true),
-        onBlur: () => setIsFocused(false),
-        checked: isSelected,
-        onChange: handleOnSelect,
-        "aria-label": "Select",
-        value: item.dsId
-      }
-    ),
-    expandableButton,
-    /* @__PURE__ */ jsx(Grid, { alignItems: "flex-end", children: /* @__PURE__ */ jsxs(DSTypography, { variant: "b1", id: `${item.dsId}-text`, children: [
-      "Test ",
-      item.dsId
-    ] }) }),
-    subItemsLength > 0 && /* @__PURE__ */ jsxs(Grid, { cols: ["min-content", "auto"], gutter: "xxs", children: [
-      /* @__PURE__ */ jsx(Grid, { alignItems: "center", children: /* @__PURE__ */ jsx(DSSeparatorV2, { isVertical: true, height: "80%" }) }),
-      /* @__PURE__ */ jsx(Grid, { alignItems: "flex-end", children: /* @__PURE__ */ jsxs(DSTypography, { variant: "b1", color: "neutral-500", children: [
-        subItemsLength,
-        " Items"
-      ] }) })
-    ] })
-  ] }) });
-};
-export {
-  TreeviewItem
-};
-//# sourceMappingURL=TempTreeviewItem.js.map

package/dist/esm/TempTreeviewItem.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/TempTreeviewItem.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable arrow-body-style */\n/* eslint-disable max-lines */\n/* eslint-disable react/no-array-index-key */\nimport React, { useCallback, useMemo } from 'react';\nimport { styled, css } from '@elliemae/ds-system';\nimport { ArrowheadDown, ArrowheadRight, Folder, FilePdf } from '@elliemae/ds-icons';\nimport { DSButtonV2 } from '@elliemae/ds-button-v2';\nimport { DSSeparatorV2 } from '@elliemae/ds-separator';\nimport { DSTypography } from '@elliemae/ds-typography';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSControlledCheckbox } from '@elliemae/ds-form-checkbox';\nimport { DSControlledRadio } from '@elliemae/ds-form-radio';\n\nconst borderStyle = css`\n  outline: 2px solid ${({ theme }) => theme.colors.brand['700']};\n  outline-offset: -2px;\n`;\nconst MenuItemWrapper = styled(Grid)<{ isFocused: boolean }>`\n  height: 36px;\n\n  ${({ isFocused }) => isFocused && borderStyle};\n  &:hover {\n    background-color: ${({ theme }) => theme.colors.brand['200']};\n  }\n`;\n\nconst StyledButton = styled(DSButtonV2)`\n  &:hover:not(:disabled) {\n    background-color: transparent;\n  }\n`;\n\ninterface ItemT {\n  dsId: string;\n  collapsed?: boolean;\n  depth: number;\n  subitems: ItemT[] | null;\n}\ninterface TreeviewItemProps {\n  onCollapse: (dsId: string) => void;\n  item: ItemT;\n  onSelect?: (dsId: string) => void;\n  isSelected?: boolean;\n  multiple?: boolean;\n}\n\nexport const TreeviewItem: React.ComponentType<TreeviewItemProps> = (props) => {\n  const { onCollapse, item, onSelect = () => {}, isSelected, multiple } = props;\n  const cols = useMemo(() => {\n    if (isSelected !== undefined) {\n      return ['auto', 'auto', 'auto', '1fr'];\n    }\n    return ['auto', 'auto', '1fr'];\n  }, [isSelected]);\n\n  const subItemsLength = useMemo(() => {\n    if (item.subitems && item.subitems?.length > 0) {\n      return item.subitems.length;\n    }\n    return 0;\n  }, [item.subitems]);\n  const expandableButton = useMemo(() => {\n    if (subItemsLength > 0) {\n      return (\n        <Grid cols={['auto', 'auto']} alignItems=\"center\">\n          <StyledButton\n            aria-label=\"Expand\"\n            buttonType=\"icon\"\n            size=\"s\"\n            onClick={() => {\n              onCollapse(item.dsId);\n            }}\n          >\n            {item.collapsed === false ? (\n              <ArrowheadDown size=\"s\" color={['brand-primary', '800']} />\n            ) : (\n              <ArrowheadRight size=\"s\" color={['brand-primary', '800']} />\n            )}\n          </StyledButton>\n          <Folder color={['brand-primary', '700']} />\n        </Grid>\n      );\n    }\n    return (\n      <Grid alignItems=\"center\">\n        <FilePdf color={['brand-primary', '700']} />\n      </Grid>\n    );\n  }, [item.collapsed, item.dsId, onCollapse, subItemsLength]);\n\n  const SelectComponent = React.useMemo(() => {\n    if (multiple) {\n      return DSControlledCheckbox;\n    }\n    return DSControlledRadio;\n  }, [multiple]);\n  const handleOnSelect = useCallback(() => {\n    onSelect(item.dsId);\n  }, [item.dsId, onSelect]);\n  const [isFocused, setIsFocused] = React.useState(false);\n  return (\n    <MenuItemWrapper px=\"xxs\" isFocused={isFocused}>\n      <Grid cols={cols} marginLeft={item.depth * 24} gutter=\"xxs2\" alignItems=\"center\">\n        {isSelected !== undefined && (\n          <SelectComponent\n            onFocus={() => setIsFocused(true)}\n            onBlur={() => setIsFocused(false)}\n            checked={isSelected}\n            onChange={handleOnSelect}\n            aria-label=\"Select\"\n            value={item.dsId}\n          />\n        )}\n        {expandableButton}\n        <Grid alignItems=\"flex-end\">\n          <DSTypography variant=\"b1\" id={`${item.dsId}-text`}>\n            Test {item.dsId}\n          </DSTypography>\n        </Grid>\n        {subItemsLength > 0 && (\n          <Grid cols={['min-content', 'auto']} gutter=\"xxs\">\n            <Grid alignItems=\"center\">\n              <DSSeparatorV2 isVertical height=\"80%\" />\n            </Grid>\n            <Grid alignItems=\"flex-end\">\n              <DSTypography variant=\"b1\" color=\"neutral-500\">\n                {subItemsLength} Items\n              </DSTypography>\n            </Grid>\n          </Grid>\n        )}\n      </Grid>\n    </MenuItemWrapper>\n  );\n};\n"],
-  "mappings": "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",
-  "names": ["React"]
-}