@elliemae/ds-menu-tree-item 3.27.0-next.11

package/dist/cjs/DSMenuTreeItem.js

@@ -0,0 +1,134 @@
+"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 DSMenuTreeItem_exports = {};
+__export(DSMenuTreeItem_exports, {
+  DSMenuTreeItem: () => DSMenuTreeItem,
+  DSMenuTreeItemWithSchema: () => DSMenuTreeItemWithSchema
+});
+module.exports = __toCommonJS(DSMenuTreeItem_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_ds_form_checkbox = require("@elliemae/ds-form-checkbox");
+var import_ds_form_radio = require("@elliemae/ds-form-radio");
+var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_ds_separator = require("@elliemae/ds-separator");
+var import_ds_typography = require("@elliemae/ds-typography");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+var import_useMenuTreeItem = require("./config/useMenuTreeItem.js");
+var import_constants = require("./constants/index.js");
+var import_styled = require("./styled.js");
+const mainContentCols = ["1fr"];
+const DSMenuTreeItem = (props) => {
+  const { propsWithDefault, xstyledProps } = (0, import_useMenuTreeItem.useMenuTreeItem)(props);
+  const { onCollapse, item, onSelect = () => {
+  }, isSelected, multiple } = propsWithDefault;
+  const cols = (0, import_react.useMemo)(() => {
+    if (isSelected !== void 0) {
+      return ["auto", "auto", "auto", "1fr"];
+    }
+    return ["auto", "auto", "1fr"];
+  }, [isSelected]);
+  const subItemsLength = (0, import_react.useMemo)(() => {
+    if (item.subitems && item.subitems?.length > 0) {
+      return item.subitems.length;
+    }
+    return 0;
+  }, [item.subitems]);
+  const expandableButton = (0, import_react.useMemo)(() => {
+    if (subItemsLength > 0) {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.default, { cols: ["auto", "auto"], alignItems: "center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_styled.StyledButton,
+          {
+            "aria-label": "Expand",
+            buttonType: "icon",
+            size: "s",
+            onClick: () => {
+              onCollapse(item.dsId);
+            },
+            children: item.collapsed === false ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ArrowheadDown, { size: "s", color: ["brand-primary", "800"] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ArrowheadRight, { size: "s", color: ["brand-primary", "800"] })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.Folder, { color: ["brand-primary", "700"] })
+      ] });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.default, { alignItems: "center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.FilePdf, { color: ["brand-primary", "700"] }) });
+  }, [item.collapsed, item.dsId, onCollapse, subItemsLength]);
+  const SelectComponent = import_react.default.useMemo(() => {
+    if (multiple) {
+      return import_ds_form_checkbox.DSControlledCheckbox;
+    }
+    return import_ds_form_radio.DSControlledRadio;
+  }, [multiple]);
+  const handleOnSelect = (0, import_react.useCallback)(() => {
+    onSelect(item.dsId);
+  }, [item.dsId, onSelect]);
+  const [, setIsFocused] = import_react.default.useState(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_styled.MenuItemWrapper,
+    {
+      cols: mainContentCols,
+      getOwnerProps: () => propsWithDefault,
+      getOwnerPropsArguments: () => ({}),
+      ...xstyledProps,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.default, { cols, marginLeft: item.depth * 24, gutter: "xxs2", alignItems: "center", children: [
+        isSelected !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          SelectComponent,
+          {
+            onFocus: () => setIsFocused(true),
+            onBlur: () => setIsFocused(false),
+            checked: isSelected,
+            onChange: handleOnSelect,
+            "aria-label": "Select",
+            value: String(item.dsId)
+          }
+        ),
+        expandableButton,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.default, { alignItems: "flex-end", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_typography.DSTypography, { variant: "b1", id: `${item.dsId}-text`, children: [
+          "Test ",
+          item.dsId
+        ] }) }),
+        subItemsLength > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.default, { cols: ["min-content", "auto"], gutter: "xxs", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.default, { alignItems: "center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_separator.DSSeparatorV2, { isVertical: true, height: "80%" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.default, { alignItems: "flex-end", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_typography.DSTypography, { variant: "b1", color: "neutral-500", children: [
+            subItemsLength,
+            " Items"
+          ] }) })
+        ] })
+      ] })
+    }
+  );
+};
+DSMenuTreeItem.displayName = import_constants.DSMenuTreeItemName;
+const DSMenuTreeItemWithSchema = (0, import_ds_props_helpers.describe)(DSMenuTreeItem);
+DSMenuTreeItemWithSchema.propTypes = import_react_desc_prop_types.DSMenuTreeItemPropTypesSchema;
+//# sourceMappingURL=DSMenuTreeItem.js.map

package/dist/cjs/DSMenuTreeItem.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/DSMenuTreeItem.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-unsafe-assignment */\nimport React, { useCallback, useMemo } from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { DSControlledCheckbox } from '@elliemae/ds-form-checkbox';\nimport { DSControlledRadio } from '@elliemae/ds-form-radio';\nimport Grid from '@elliemae/ds-grid';\nimport { ArrowheadDown, ArrowheadRight, Folder, FilePdf } from '@elliemae/ds-icons';\nimport { DSSeparatorV2 } from '@elliemae/ds-separator';\nimport { DSTypography } from '@elliemae/ds-typography';\nimport { type DSMenuTreeItemT, DSMenuTreeItemPropTypesSchema } from './react-desc-prop-types.js';\nimport { useMenuTreeItem } from './config/useMenuTreeItem.js';\nimport { DSMenuTreeItemName } from './constants/index.js';\nimport { MenuItemWrapper, StyledButton } from './styled.js';\n\nconst mainContentCols = ['1fr'];\n\nconst DSMenuTreeItem: React.ComponentType<DSMenuTreeItemT.Props> = (props) => {\n  const { propsWithDefault, xstyledProps } = useMenuTreeItem(props);\n\n  const { onCollapse, item, onSelect = () => {}, isSelected, multiple } = propsWithDefault;\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\n  const handleOnSelect = useCallback(() => {\n    onSelect(item.dsId);\n  }, [item.dsId, onSelect]);\n\n  const [, setIsFocused] = React.useState(false);\n\n  return (\n    <MenuItemWrapper\n      cols={mainContentCols}\n      getOwnerProps={() => propsWithDefault}\n      getOwnerPropsArguments={() => ({})}\n      {...xstyledProps}\n    >\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={String(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\nDSMenuTreeItem.displayName = DSMenuTreeItemName;\nconst DSMenuTreeItemWithSchema = describe(DSMenuTreeItem);\nDSMenuTreeItemWithSchema.propTypes = DSMenuTreeItemPropTypesSchema;\n\nexport { DSMenuTreeItem, DSMenuTreeItemWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": ["Grid", "React"]
+}

package/dist/cjs/config/useMenuTreeItem.js

@@ -0,0 +1,60 @@
+"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 useMenuTreeItem_exports = {};
+__export(useMenuTreeItem_exports, {
+  useMenuTreeItem: () => useMenuTreeItem
+});
+module.exports = __toCommonJS(useMenuTreeItem_exports);
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_uid = require("uid");
+var import_react_desc_prop_types = require("../react-desc-prop-types.js");
+var import_useValidateProps = require("./useValidateProps.js");
+const useMenuTreeItem = (propsFromUser) => {
+  const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(propsFromUser, import_react_desc_prop_types.defaultProps);
+  (0, import_useValidateProps.useValidateProps)(propsWithDefault, import_react_desc_prop_types.DSMenuTreeItemPropTypes);
+  const xstyledProps = (0, import_ds_props_helpers.useGetXstyledProps)(propsWithDefault);
+  const instanceUid = import_react.default.useMemo(() => (0, import_uid.uid)(5), []);
+  return import_react.default.useMemo(
+    () => ({
+      propsWithDefault,
+      xstyledProps,
+      instanceUid
+      // ...eventHandlers,
+    }),
+    [
+      propsWithDefault,
+      xstyledProps,
+      instanceUid
+      // eventHandlers,
+    ]
+  );
+};
+//# sourceMappingURL=useMenuTreeItem.js.map

package/dist/cjs/config/useMenuTreeItem.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/config/useMenuTreeItem.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { uid } from 'uid';\nimport { type DSMenuTreeItemT, DSMenuTreeItemPropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport interface MenuTreeItemCTX {\n  propsWithDefault: DSMenuTreeItemT.InternalProps;\n  xstyledProps: ReturnType<typeof useGetXstyledProps>;\n  instanceUid: string;\n}\n\nexport const useMenuTreeItem = (propsFromUser: DSMenuTreeItemT.Props) => {\n  // =============================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =============================================================================\n  const propsWithDefault = useMemoMergePropsWithDefault<DSMenuTreeItemT.InternalProps>(propsFromUser, defaultProps);\n  useValidateProps(propsWithDefault, DSMenuTreeItemPropTypes);\n  // =============================================================================\n  // XSTYLED PROPS\n  // =============================================================================\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n  // =============================================================================\n  // AD HOC PER COMPONENT LOGIC\n  // =============================================================================\n  // custom code goes here, this is an example\n  const instanceUid = React.useMemo(() => uid(5), []);\n  // =============================================================================\n  // HELPERS HOOKS CONFIGS\n  // =============================================================================\n  // const eventHandlers = useEventHandlers({ propsWithDefault, instanceUid }); // <-- complex logic should be made atomics this way\n\n  return React.useMemo(\n    () => ({\n      propsWithDefault,\n      xstyledProps,\n      instanceUid,\n      // ...eventHandlers,\n    }),\n    [\n      propsWithDefault,\n      xstyledProps,\n      instanceUid,\n      // eventHandlers,\n    ],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,8BAAiE;AACjE,iBAAoB;AACpB,mCAA4E;AAC5E,8BAAiC;AAQ1B,MAAM,kBAAkB,CAAC,kBAAyC;AAIvE,QAAM,uBAAmB,sDAA4D,eAAe,yCAAY;AAChH,gDAAiB,kBAAkB,oDAAuB;AAI1D,QAAM,mBAAe,4CAAmB,gBAAgB;AAKxD,QAAM,cAAc,aAAAA,QAAM,QAAQ,UAAM,gBAAI,CAAC,GAAG,CAAC,CAAC;AAMlD,SAAO,aAAAA,QAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,EACF;AACF;",
+  "names": ["React"]
+}

package/dist/cjs/config/useValidateProps.js

@@ -0,0 +1,40 @@
+"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 useValidateProps_exports = {};
+__export(useValidateProps_exports, {
+  useValidateProps: () => useValidateProps
+});
+module.exports = __toCommonJS(useValidateProps_exports);
+var React = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_constants = require("../constants");
+const useValidateProps = (props, propTypes) => {
+  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(props, propTypes, import_constants.DSMenuTreeItemName);
+};
+//# sourceMappingURL=useValidateProps.js.map

package/dist/cjs/config/useValidateProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/config/useValidateProps.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { WeakValidationMap } from 'react';\nimport { type DSMenuTreeItemT } from '../react-desc-prop-types';\nimport { DSMenuTreeItemName } from '../constants';\n\nexport const useValidateProps = (props: DSMenuTreeItemT.InternalProps, propTypes: WeakValidationMap<unknown>): void => {\n  // we validate the \"required if\" via 'isRequiredIf from our custom PropTypes\n  useValidateTypescriptPropTypes(props, propTypes, DSMenuTreeItemName);\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA+C;AAG/C,uBAAmC;AAE5B,MAAM,mBAAmB,CAAC,OAAsC,cAAgD;AAErH,8DAA+B,OAAO,WAAW,mCAAkB;AACrE;",
+  "names": []
+}

package/dist/cjs/constants/index.js

@@ -0,0 +1,48 @@
+"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, {
+  DSMenuTreeItemName: () => DSMenuTreeItemName,
+  EXAMPLE_CONSTANTS: () => EXAMPLE_CONSTANTS,
+  MENU_TREE_ITEM_DATA_TESTID: () => MENU_TREE_ITEM_DATA_TESTID,
+  MENU_TREE_ITEM_SLOTS: () => MENU_TREE_ITEM_SLOTS
+});
+module.exports = __toCommonJS(constants_exports);
+var React = __toESM(require("react"));
+var import_ds_system = require("@elliemae/ds-system");
+const DSMenuTreeItemName = "DSMenuTreeItem";
+const EXAMPLE_CONSTANTS = {
+  HELLO: "WORLD",
+  FOO: "BAR"
+};
+const MENU_TREE_ITEM_SLOTS = {
+  ROOT: "root"
+};
+const MENU_TREE_ITEM_DATA_TESTID = (0, import_ds_system.slotObjectToDataTestIds)(DSMenuTreeItemName, MENU_TREE_ITEM_SLOTS);
+//# sourceMappingURL=index.js.map

package/dist/cjs/constants/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/constants/index.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSMenuTreeItemName = 'DSMenuTreeItem';\n\nexport const EXAMPLE_CONSTANTS = {\n  HELLO: 'WORLD',\n  FOO: 'BAR',\n} as const;\n\n// we are giving \"component_name_slots\" to avoid errors on duplicate exports variables in aggregators \nexport const MENU_TREE_ITEM_SLOTS = {\n  ROOT: 'root',\n} as const;\n\n// we are giving \"component_name_data_testid\" to avoid errors on duplicate exports variables in aggregators\nexport const MENU_TREE_ITEM_DATA_TESTID = slotObjectToDataTestIds(DSMenuTreeItemName, MENU_TREE_ITEM_SLOTS)\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AAEjC,MAAM,qBAAqB;AAE3B,MAAM,oBAAoB;AAAA,EAC/B,OAAO;AAAA,EACP,KAAK;AACP;AAGO,MAAM,uBAAuB;AAAA,EAClC,MAAM;AACR;AAGO,MAAM,iCAA6B,0CAAwB,oBAAoB,oBAAoB;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -0,0 +1,41 @@
+"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 src_exports = {};
+__export(src_exports, {
+  DSMenuTreeItem: () => import_DSMenuTreeItem.DSMenuTreeItem,
+  DSMenuTreeItemWithSchema: () => import_DSMenuTreeItem.DSMenuTreeItemWithSchema,
+  MENU_TREE_ITEM_DATA_TESTID: () => import_constants.MENU_TREE_ITEM_DATA_TESTID,
+  MENU_TREE_ITEM_SLOTS: () => import_constants.MENU_TREE_ITEM_SLOTS
+});
+module.exports = __toCommonJS(src_exports);
+var React = __toESM(require("react"));
+var import_DSMenuTreeItem = require("./DSMenuTreeItem");
+var import_react_desc_prop_types = require("./react-desc-prop-types");
+var import_constants = require("./constants");
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["// this is a workaround to typescript error TS2742\n// https://github.com/microsoft/TypeScript/issues/47663\nimport type {} from '@xstyled/system';\nexport { \n    DSMenuTreeItem,\n    DSMenuTreeItemWithSchema\n} from './DSMenuTreeItem';\nexport { type DSMenuTreeItemT } from './react-desc-prop-types';\nexport {\n    MENU_TREE_ITEM_SLOTS,\n    MENU_TREE_ITEM_DATA_TESTID,\n} from './constants';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,4BAGO;AACP,mCAAqC;AACrC,uBAGO;",
+  "names": []
+}

package/dist/cjs/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "commonjs",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

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

@@ -0,0 +1,60 @@
+"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, {
+  DSMenuTreeItemPropTypes: () => DSMenuTreeItemPropTypes,
+  DSMenuTreeItemPropTypesSchema: () => DSMenuTreeItemPropTypesSchema,
+  defaultProps: () => defaultProps
+});
+module.exports = __toCommonJS(react_desc_prop_types_exports);
+var React = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+const defaultProps = {
+  isSelected: false,
+  multiple: false
+};
+const itemPropsSchema = import_ds_props_helpers.PropTypes.shape({
+  dsId: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.string, import_ds_props_helpers.PropTypes.number]).isRequired,
+  collapsed: import_ds_props_helpers.PropTypes.bool,
+  depth: import_ds_props_helpers.PropTypes.number,
+  // eslint-disable-next-line @typescript-eslint/no-use-before-define
+  subitems: import_ds_props_helpers.PropTypes.any
+});
+const DSMenuTreeItemPropTypes = {
+  ...import_ds_props_helpers.xstyledPropTypes,
+  item: itemPropsSchema.description("some example of proptypes"),
+  onCollapse: import_ds_props_helpers.PropTypes.func,
+  subitems: import_ds_props_helpers.PropTypes.object,
+  onSelect: import_ds_props_helpers.PropTypes.func,
+  isSelected: import_ds_props_helpers.PropTypes.bool,
+  multiple: import_ds_props_helpers.PropTypes.bool,
+  depth: import_ds_props_helpers.PropTypes.number
+};
+const DSMenuTreeItemPropTypesSchema = DSMenuTreeItemPropTypes;
+//# sourceMappingURL=react-desc-prop-types.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/react-desc-prop-types.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport { PropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport type { DSMenuTreeItemName, MENU_TREE_ITEM_SLOTS } from './constants/index.js';\nimport type { WeakValidationMap } from 'react';\n\nexport declare namespace DSMenuTreeItemT {\n  export interface ItemT {\n    dsId: string;\n    collapsed?: boolean;\n    depth: number;\n    subitems: ItemT[] | null;\n  }\n\n  export interface TreeviewItemProps {\n    onCollapse: (dsId: string) => void;\n    item: ItemT;\n    onSelect?: (dsId: string) => void;\n    isSelected?: boolean;\n    multiple?: boolean;\n  }\n\n  export interface RequiredProps {\n    item: ItemT;\n    dsId: string;\n    depth: number;\n  }\n\n  export interface DefaultProps {\n    isSelected?: boolean;\n    multiple?: boolean;\n  }\n\n  export interface OptionalProps extends PropsForGlobalOnSlots<typeof DSMenuTreeItemName, typeof MENU_TREE_ITEM_SLOTS> {\n    onCollapse: (dsId: string) => void;\n    subitems: ItemT[] | null;\n    onSelect?: (dsId: string) => void;\n  }\n\n  export interface Props extends Partial<DefaultProps>, OptionalProps, XstyledProps, RequiredProps {}\n\n  export interface InternalProps extends DefaultProps, OptionalProps, XstyledProps, RequiredProps {}\n\n  export type ExampleState = '0' | '1';\n}\n\nexport const defaultProps: DSMenuTreeItemT.DefaultProps = {\n  isSelected: false,\n  multiple: false,\n};\n\nconst itemPropsSchema = PropTypes.shape({\n  dsId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  collapsed: PropTypes.bool,\n  depth: PropTypes.number,\n  // eslint-disable-next-line @typescript-eslint/no-use-before-define\n  subitems: PropTypes.any,\n});\n\nexport const DSMenuTreeItemPropTypes: DSPropTypesSchema<DSMenuTreeItemT.Props> = {\n  ...xstyledPropTypes,\n  item: itemPropsSchema.description('some example of proptypes'),\n  onCollapse: PropTypes.func,\n  subitems: PropTypes.object,\n  onSelect: PropTypes.func,\n  isSelected: PropTypes.bool,\n  multiple: PropTypes.bool,\n  depth: PropTypes.number,\n};\n\nexport const DSMenuTreeItemPropTypesSchema =\n  DSMenuTreeItemPropTypes as unknown as WeakValidationMap<DSMenuTreeItemT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,8BAA4C;AA4CrC,MAAM,eAA6C;AAAA,EACxD,YAAY;AAAA,EACZ,UAAU;AACZ;AAEA,MAAM,kBAAkB,kCAAU,MAAM;AAAA,EACtC,MAAM,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,MAAM,CAAC,EAAE;AAAA,EAChE,WAAW,kCAAU;AAAA,EACrB,OAAO,kCAAU;AAAA;AAAA,EAEjB,UAAU,kCAAU;AACtB,CAAC;AAEM,MAAM,0BAAoE;AAAA,EAC/E,GAAG;AAAA,EACH,MAAM,gBAAgB,YAAY,2BAA2B;AAAA,EAC7D,YAAY,kCAAU;AAAA,EACtB,UAAU,kCAAU;AAAA,EACpB,UAAU,kCAAU;AAAA,EACpB,YAAY,kCAAU;AAAA,EACtB,UAAU,kCAAU;AAAA,EACpB,OAAO,kCAAU;AACnB;AAEO,MAAM,gCACX;",
+  "names": []
+}

package/dist/cjs/styled.js

@@ -0,0 +1,57 @@
+"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, {
+  MenuItemWrapper: () => MenuItemWrapper,
+  StyledButton: () => StyledButton
+});
+module.exports = __toCommonJS(styled_exports);
+var React = __toESM(require("react"));
+var import_ds_system = require("@elliemae/ds-system");
+var import_ds_button_v2 = require("@elliemae/ds-button-v2");
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_constants = require("./constants/index.js");
+const borderStyle = import_ds_system.css`
+  outline: 2px solid ${({ theme }) => theme.colors.brand["700"]};
+  outline-offset: -2px;
+`;
+const MenuItemWrapper = (0, import_ds_system.styled)(import_ds_grid.Grid, { name: import_constants.DSMenuTreeItemName, slot: import_constants.MENU_TREE_ITEM_SLOTS.ROOT })`
+  height: 36px;
+
+  ${({ isFocused }) => isFocused && borderStyle};
+  &:hover {
+    background-color: ${({ theme }) => theme.colors.brand["200"]};
+  }
+`;
+const StyledButton = (0, import_ds_system.styled)(import_ds_button_v2.DSButtonV3)`
+  &:hover:not(:disabled) {
+    background-color: transparent;
+  }
+`;
+//# sourceMappingURL=styled.js.map

package/dist/cjs/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/styled.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { styled, css } from '@elliemae/ds-system';\nimport { DSButtonV3 } from '@elliemae/ds-button-v2';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSMenuTreeItemName, MENU_TREE_ITEM_SLOTS } from './constants/index.js';\n\nconst borderStyle = css`\n  outline: 2px solid ${({ theme }) => theme.colors.brand['700']};\n  outline-offset: -2px;\n`;\n\nexport const MenuItemWrapper = styled(Grid, { name: DSMenuTreeItemName, slot: MENU_TREE_ITEM_SLOTS.ROOT })`\n  height: 36px;\n\n  ${({ isFocused }: any) => isFocused && borderStyle};\n  &:hover {\n    background-color: ${({ theme }) => theme.colors.brand['200']};\n  }\n`;\n\nexport const StyledButton = styled(DSButtonV3)`\n  &:hover:not(:disabled) {\n    background-color: transparent;\n  }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA4B;AAC5B,0BAA2B;AAC3B,qBAAqB;AACrB,uBAAyD;AAEzD,MAAM,cAAc;AAAA,uBACG,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM,KAAK;AAAA;AAAA;AAIvD,MAAM,sBAAkB,yBAAO,qBAAM,EAAE,MAAM,qCAAoB,MAAM,sCAAqB,KAAK,CAAC;AAAA;AAAA;AAAA,IAGrG,CAAC,EAAE,UAAU,MAAW,aAAa;AAAA;AAAA,wBAEjB,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM,KAAK;AAAA;AAAA;AAIxD,MAAM,mBAAe,yBAAO,8BAAU;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/esm/DSMenuTreeItem.js

@@ -0,0 +1,104 @@
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import React2, { useCallback, useMemo } from "react";
+import { describe } from "@elliemae/ds-props-helpers";
+import { DSControlledCheckbox } from "@elliemae/ds-form-checkbox";
+import { DSControlledRadio } from "@elliemae/ds-form-radio";
+import Grid from "@elliemae/ds-grid";
+import { ArrowheadDown, ArrowheadRight, Folder, FilePdf } from "@elliemae/ds-icons";
+import { DSSeparatorV2 } from "@elliemae/ds-separator";
+import { DSTypography } from "@elliemae/ds-typography";
+import { DSMenuTreeItemPropTypesSchema } from "./react-desc-prop-types.js";
+import { useMenuTreeItem } from "./config/useMenuTreeItem.js";
+import { DSMenuTreeItemName } from "./constants/index.js";
+import { MenuItemWrapper, StyledButton } from "./styled.js";
+const mainContentCols = ["1fr"];
+const DSMenuTreeItem = (props) => {
+  const { propsWithDefault, xstyledProps } = useMenuTreeItem(props);
+  const { onCollapse, item, onSelect = () => {
+  }, isSelected, multiple } = propsWithDefault;
+  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 [, setIsFocused] = React2.useState(false);
+  return /* @__PURE__ */ jsx(
+    MenuItemWrapper,
+    {
+      cols: mainContentCols,
+      getOwnerProps: () => propsWithDefault,
+      getOwnerPropsArguments: () => ({}),
+      ...xstyledProps,
+      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: String(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"
+          ] }) })
+        ] })
+      ] })
+    }
+  );
+};
+DSMenuTreeItem.displayName = DSMenuTreeItemName;
+const DSMenuTreeItemWithSchema = describe(DSMenuTreeItem);
+DSMenuTreeItemWithSchema.propTypes = DSMenuTreeItemPropTypesSchema;
+export {
+  DSMenuTreeItem,
+  DSMenuTreeItemWithSchema
+};
+//# sourceMappingURL=DSMenuTreeItem.js.map

package/dist/esm/DSMenuTreeItem.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSMenuTreeItem.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unsafe-assignment */\nimport React, { useCallback, useMemo } from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { DSControlledCheckbox } from '@elliemae/ds-form-checkbox';\nimport { DSControlledRadio } from '@elliemae/ds-form-radio';\nimport Grid from '@elliemae/ds-grid';\nimport { ArrowheadDown, ArrowheadRight, Folder, FilePdf } from '@elliemae/ds-icons';\nimport { DSSeparatorV2 } from '@elliemae/ds-separator';\nimport { DSTypography } from '@elliemae/ds-typography';\nimport { type DSMenuTreeItemT, DSMenuTreeItemPropTypesSchema } from './react-desc-prop-types.js';\nimport { useMenuTreeItem } from './config/useMenuTreeItem.js';\nimport { DSMenuTreeItemName } from './constants/index.js';\nimport { MenuItemWrapper, StyledButton } from './styled.js';\n\nconst mainContentCols = ['1fr'];\n\nconst DSMenuTreeItem: React.ComponentType<DSMenuTreeItemT.Props> = (props) => {\n  const { propsWithDefault, xstyledProps } = useMenuTreeItem(props);\n\n  const { onCollapse, item, onSelect = () => {}, isSelected, multiple } = propsWithDefault;\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\n  const handleOnSelect = useCallback(() => {\n    onSelect(item.dsId);\n  }, [item.dsId, onSelect]);\n\n  const [, setIsFocused] = React.useState(false);\n\n  return (\n    <MenuItemWrapper\n      cols={mainContentCols}\n      getOwnerProps={() => propsWithDefault}\n      getOwnerPropsArguments={() => ({})}\n      {...xstyledProps}\n    >\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={String(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\nDSMenuTreeItem.displayName = DSMenuTreeItemName;\nconst DSMenuTreeItemWithSchema = describe(DSMenuTreeItem);\nDSMenuTreeItemWithSchema.propTypes = DSMenuTreeItemPropTypesSchema;\n\nexport { DSMenuTreeItem, DSMenuTreeItemWithSchema };\n"],
+  "mappings": "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",
+  "names": ["React"]
+}

package/dist/esm/config/useMenuTreeItem.js

@@ -0,0 +1,30 @@
+import * as React from "react";
+import React2 from "react";
+import { useGetXstyledProps, useMemoMergePropsWithDefault } from "@elliemae/ds-props-helpers";
+import { uid } from "uid";
+import { DSMenuTreeItemPropTypes, defaultProps } from "../react-desc-prop-types.js";
+import { useValidateProps } from "./useValidateProps.js";
+const useMenuTreeItem = (propsFromUser) => {
+  const propsWithDefault = useMemoMergePropsWithDefault(propsFromUser, defaultProps);
+  useValidateProps(propsWithDefault, DSMenuTreeItemPropTypes);
+  const xstyledProps = useGetXstyledProps(propsWithDefault);
+  const instanceUid = React2.useMemo(() => uid(5), []);
+  return React2.useMemo(
+    () => ({
+      propsWithDefault,
+      xstyledProps,
+      instanceUid
+      // ...eventHandlers,
+    }),
+    [
+      propsWithDefault,
+      xstyledProps,
+      instanceUid
+      // eventHandlers,
+    ]
+  );
+};
+export {
+  useMenuTreeItem
+};
+//# sourceMappingURL=useMenuTreeItem.js.map

package/dist/esm/config/useMenuTreeItem.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useMenuTreeItem.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { uid } from 'uid';\nimport { type DSMenuTreeItemT, DSMenuTreeItemPropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport interface MenuTreeItemCTX {\n  propsWithDefault: DSMenuTreeItemT.InternalProps;\n  xstyledProps: ReturnType<typeof useGetXstyledProps>;\n  instanceUid: string;\n}\n\nexport const useMenuTreeItem = (propsFromUser: DSMenuTreeItemT.Props) => {\n  // =============================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =============================================================================\n  const propsWithDefault = useMemoMergePropsWithDefault<DSMenuTreeItemT.InternalProps>(propsFromUser, defaultProps);\n  useValidateProps(propsWithDefault, DSMenuTreeItemPropTypes);\n  // =============================================================================\n  // XSTYLED PROPS\n  // =============================================================================\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n  // =============================================================================\n  // AD HOC PER COMPONENT LOGIC\n  // =============================================================================\n  // custom code goes here, this is an example\n  const instanceUid = React.useMemo(() => uid(5), []);\n  // =============================================================================\n  // HELPERS HOOKS CONFIGS\n  // =============================================================================\n  // const eventHandlers = useEventHandlers({ propsWithDefault, instanceUid }); // <-- complex logic should be made atomics this way\n\n  return React.useMemo(\n    () => ({\n      propsWithDefault,\n      xstyledProps,\n      instanceUid,\n      // ...eventHandlers,\n    }),\n    [\n      propsWithDefault,\n      xstyledProps,\n      instanceUid,\n      // eventHandlers,\n    ],\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,oBAAoB,oCAAoC;AACjE,SAAS,WAAW;AACpB,SAA+B,yBAAyB,oBAAoB;AAC5E,SAAS,wBAAwB;AAQ1B,MAAM,kBAAkB,CAAC,kBAAyC;AAIvE,QAAM,mBAAmB,6BAA4D,eAAe,YAAY;AAChH,mBAAiB,kBAAkB,uBAAuB;AAI1D,QAAM,eAAe,mBAAmB,gBAAgB;AAKxD,QAAM,cAAcA,OAAM,QAAQ,MAAM,IAAI,CAAC,GAAG,CAAC,CAAC;AAMlD,SAAOA,OAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,EACF;AACF;",
+  "names": ["React"]
+}

package/dist/esm/config/useValidateProps.js

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { useValidateTypescriptPropTypes } from "@elliemae/ds-props-helpers";
+import { DSMenuTreeItemName } from "../constants";
+const useValidateProps = (props, propTypes) => {
+  useValidateTypescriptPropTypes(props, propTypes, DSMenuTreeItemName);
+};
+export {
+  useValidateProps
+};
+//# sourceMappingURL=useValidateProps.js.map

package/dist/esm/config/useValidateProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useValidateProps.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { WeakValidationMap } from 'react';\nimport { type DSMenuTreeItemT } from '../react-desc-prop-types';\nimport { DSMenuTreeItemName } from '../constants';\n\nexport const useValidateProps = (props: DSMenuTreeItemT.InternalProps, propTypes: WeakValidationMap<unknown>): void => {\n  // we validate the \"required if\" via 'isRequiredIf from our custom PropTypes\n  useValidateTypescriptPropTypes(props, propTypes, DSMenuTreeItemName);\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,sCAAsC;AAG/C,SAAS,0BAA0B;AAE5B,MAAM,mBAAmB,CAAC,OAAsC,cAAgD;AAErH,iCAA+B,OAAO,WAAW,kBAAkB;AACrE;",
+  "names": []
+}

package/dist/esm/constants/index.js

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { slotObjectToDataTestIds } from "@elliemae/ds-system";
+const DSMenuTreeItemName = "DSMenuTreeItem";
+const EXAMPLE_CONSTANTS = {
+  HELLO: "WORLD",
+  FOO: "BAR"
+};
+const MENU_TREE_ITEM_SLOTS = {
+  ROOT: "root"
+};
+const MENU_TREE_ITEM_DATA_TESTID = slotObjectToDataTestIds(DSMenuTreeItemName, MENU_TREE_ITEM_SLOTS);
+export {
+  DSMenuTreeItemName,
+  EXAMPLE_CONSTANTS,
+  MENU_TREE_ITEM_DATA_TESTID,
+  MENU_TREE_ITEM_SLOTS
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/constants/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/constants/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSMenuTreeItemName = 'DSMenuTreeItem';\n\nexport const EXAMPLE_CONSTANTS = {\n  HELLO: 'WORLD',\n  FOO: 'BAR',\n} as const;\n\n// we are giving \"component_name_slots\" to avoid errors on duplicate exports variables in aggregators \nexport const MENU_TREE_ITEM_SLOTS = {\n  ROOT: 'root',\n} as const;\n\n// we are giving \"component_name_data_testid\" to avoid errors on duplicate exports variables in aggregators\nexport const MENU_TREE_ITEM_DATA_TESTID = slotObjectToDataTestIds(DSMenuTreeItemName, MENU_TREE_ITEM_SLOTS)\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,+BAA+B;AAEjC,MAAM,qBAAqB;AAE3B,MAAM,oBAAoB;AAAA,EAC/B,OAAO;AAAA,EACP,KAAK;AACP;AAGO,MAAM,uBAAuB;AAAA,EAClC,MAAM;AACR;AAGO,MAAM,6BAA6B,wBAAwB,oBAAoB,oBAAoB;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,17 @@
+import * as React from "react";
+import {
+  DSMenuTreeItem,
+  DSMenuTreeItemWithSchema
+} from "./DSMenuTreeItem";
+import {} from "./react-desc-prop-types";
+import {
+  MENU_TREE_ITEM_SLOTS,
+  MENU_TREE_ITEM_DATA_TESTID
+} from "./constants";
+export {
+  DSMenuTreeItem,
+  DSMenuTreeItemWithSchema,
+  MENU_TREE_ITEM_DATA_TESTID,
+  MENU_TREE_ITEM_SLOTS
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "// this is a workaround to typescript error TS2742\n// https://github.com/microsoft/TypeScript/issues/47663\nimport type {} from '@xstyled/system';\nexport { \n    DSMenuTreeItem,\n    DSMenuTreeItemWithSchema\n} from './DSMenuTreeItem';\nexport { type DSMenuTreeItemT } from './react-desc-prop-types';\nexport {\n    MENU_TREE_ITEM_SLOTS,\n    MENU_TREE_ITEM_DATA_TESTID,\n} from './constants';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACGvB;AAAA,EACI;AAAA,EACA;AAAA,OACG;AACP,eAAqC;AACrC;AAAA,EACI;AAAA,EACA;AAAA,OACG;",
+  "names": []
+}

package/dist/esm/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "module",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

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

@@ -0,0 +1,30 @@
+import * as React from "react";
+import { PropTypes, xstyledPropTypes } from "@elliemae/ds-props-helpers";
+const defaultProps = {
+  isSelected: false,
+  multiple: false
+};
+const itemPropsSchema = PropTypes.shape({
+  dsId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
+  collapsed: PropTypes.bool,
+  depth: PropTypes.number,
+  // eslint-disable-next-line @typescript-eslint/no-use-before-define
+  subitems: PropTypes.any
+});
+const DSMenuTreeItemPropTypes = {
+  ...xstyledPropTypes,
+  item: itemPropsSchema.description("some example of proptypes"),
+  onCollapse: PropTypes.func,
+  subitems: PropTypes.object,
+  onSelect: PropTypes.func,
+  isSelected: PropTypes.bool,
+  multiple: PropTypes.bool,
+  depth: PropTypes.number
+};
+const DSMenuTreeItemPropTypesSchema = DSMenuTreeItemPropTypes;
+export {
+  DSMenuTreeItemPropTypes,
+  DSMenuTreeItemPropTypesSchema,
+  defaultProps
+};
+//# sourceMappingURL=react-desc-prop-types.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport { PropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport type { DSMenuTreeItemName, MENU_TREE_ITEM_SLOTS } from './constants/index.js';\nimport type { WeakValidationMap } from 'react';\n\nexport declare namespace DSMenuTreeItemT {\n  export interface ItemT {\n    dsId: string;\n    collapsed?: boolean;\n    depth: number;\n    subitems: ItemT[] | null;\n  }\n\n  export interface TreeviewItemProps {\n    onCollapse: (dsId: string) => void;\n    item: ItemT;\n    onSelect?: (dsId: string) => void;\n    isSelected?: boolean;\n    multiple?: boolean;\n  }\n\n  export interface RequiredProps {\n    item: ItemT;\n    dsId: string;\n    depth: number;\n  }\n\n  export interface DefaultProps {\n    isSelected?: boolean;\n    multiple?: boolean;\n  }\n\n  export interface OptionalProps extends PropsForGlobalOnSlots<typeof DSMenuTreeItemName, typeof MENU_TREE_ITEM_SLOTS> {\n    onCollapse: (dsId: string) => void;\n    subitems: ItemT[] | null;\n    onSelect?: (dsId: string) => void;\n  }\n\n  export interface Props extends Partial<DefaultProps>, OptionalProps, XstyledProps, RequiredProps {}\n\n  export interface InternalProps extends DefaultProps, OptionalProps, XstyledProps, RequiredProps {}\n\n  export type ExampleState = '0' | '1';\n}\n\nexport const defaultProps: DSMenuTreeItemT.DefaultProps = {\n  isSelected: false,\n  multiple: false,\n};\n\nconst itemPropsSchema = PropTypes.shape({\n  dsId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  collapsed: PropTypes.bool,\n  depth: PropTypes.number,\n  // eslint-disable-next-line @typescript-eslint/no-use-before-define\n  subitems: PropTypes.any,\n});\n\nexport const DSMenuTreeItemPropTypes: DSPropTypesSchema<DSMenuTreeItemT.Props> = {\n  ...xstyledPropTypes,\n  item: itemPropsSchema.description('some example of proptypes'),\n  onCollapse: PropTypes.func,\n  subitems: PropTypes.object,\n  onSelect: PropTypes.func,\n  isSelected: PropTypes.bool,\n  multiple: PropTypes.bool,\n  depth: PropTypes.number,\n};\n\nexport const DSMenuTreeItemPropTypesSchema =\n  DSMenuTreeItemPropTypes as unknown as WeakValidationMap<DSMenuTreeItemT.Props>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,WAAW,wBAAwB;AA4CrC,MAAM,eAA6C;AAAA,EACxD,YAAY;AAAA,EACZ,UAAU;AACZ;AAEA,MAAM,kBAAkB,UAAU,MAAM;AAAA,EACtC,MAAM,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE;AAAA,EAChE,WAAW,UAAU;AAAA,EACrB,OAAO,UAAU;AAAA;AAAA,EAEjB,UAAU,UAAU;AACtB,CAAC;AAEM,MAAM,0BAAoE;AAAA,EAC/E,GAAG;AAAA,EACH,MAAM,gBAAgB,YAAY,2BAA2B;AAAA,EAC7D,YAAY,UAAU;AAAA,EACtB,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AAAA,EACpB,YAAY,UAAU;AAAA,EACtB,UAAU,UAAU;AAAA,EACpB,OAAO,UAAU;AACnB;AAEO,MAAM,gCACX;",
+  "names": []
+}

package/dist/esm/styled.js

@@ -0,0 +1,27 @@
+import * as React from "react";
+import { styled, css } from "@elliemae/ds-system";
+import { DSButtonV3 } from "@elliemae/ds-button-v2";
+import { Grid } from "@elliemae/ds-grid";
+import { DSMenuTreeItemName, MENU_TREE_ITEM_SLOTS } from "./constants/index.js";
+const borderStyle = css`
+  outline: 2px solid ${({ theme }) => theme.colors.brand["700"]};
+  outline-offset: -2px;
+`;
+const MenuItemWrapper = styled(Grid, { name: DSMenuTreeItemName, slot: MENU_TREE_ITEM_SLOTS.ROOT })`
+  height: 36px;
+
+  ${({ isFocused }) => isFocused && borderStyle};
+  &:hover {
+    background-color: ${({ theme }) => theme.colors.brand["200"]};
+  }
+`;
+const StyledButton = styled(DSButtonV3)`
+  &:hover:not(:disabled) {
+    background-color: transparent;
+  }
+`;
+export {
+  MenuItemWrapper,
+  StyledButton
+};
+//# sourceMappingURL=styled.js.map

package/dist/esm/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/styled.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled, css } from '@elliemae/ds-system';\nimport { DSButtonV3 } from '@elliemae/ds-button-v2';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSMenuTreeItemName, MENU_TREE_ITEM_SLOTS } from './constants/index.js';\n\nconst borderStyle = css`\n  outline: 2px solid ${({ theme }) => theme.colors.brand['700']};\n  outline-offset: -2px;\n`;\n\nexport const MenuItemWrapper = styled(Grid, { name: DSMenuTreeItemName, slot: MENU_TREE_ITEM_SLOTS.ROOT })`\n  height: 36px;\n\n  ${({ isFocused }: any) => isFocused && borderStyle};\n  &:hover {\n    background-color: ${({ theme }) => theme.colors.brand['200']};\n  }\n`;\n\nexport const StyledButton = styled(DSButtonV3)`\n  &:hover:not(:disabled) {\n    background-color: transparent;\n  }\n`;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,WAAW;AAC5B,SAAS,kBAAkB;AAC3B,SAAS,YAAY;AACrB,SAAS,oBAAoB,4BAA4B;AAEzD,MAAM,cAAc;AAAA,uBACG,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM,KAAK;AAAA;AAAA;AAIvD,MAAM,kBAAkB,OAAO,MAAM,EAAE,MAAM,oBAAoB,MAAM,qBAAqB,KAAK,CAAC;AAAA;AAAA;AAAA,IAGrG,CAAC,EAAE,UAAU,MAAW,aAAa;AAAA;AAAA,wBAEjB,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM,KAAK;AAAA;AAAA;AAIxD,MAAM,eAAe,OAAO,UAAU;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/types/DSMenuTreeItem.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { type DSMenuTreeItemT } from './react-desc-prop-types.js';
+declare const DSMenuTreeItem: React.ComponentType<DSMenuTreeItemT.Props>;
+declare const DSMenuTreeItemWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSMenuTreeItemT.Props>;
+export { DSMenuTreeItem, DSMenuTreeItemWithSchema };

package/dist/types/config/useMenuTreeItem.d.ts

@@ -0,0 +1,12 @@
+import { useGetXstyledProps } from '@elliemae/ds-props-helpers';
+import { type DSMenuTreeItemT } from '../react-desc-prop-types.js';
+export interface MenuTreeItemCTX {
+    propsWithDefault: DSMenuTreeItemT.InternalProps;
+    xstyledProps: ReturnType<typeof useGetXstyledProps>;
+    instanceUid: string;
+}
+export declare const useMenuTreeItem: (propsFromUser: DSMenuTreeItemT.Props) => {
+    propsWithDefault: DSMenuTreeItemT.InternalProps;
+    xstyledProps: import("@elliemae/ds-props-helpers").XstyledProps;
+    instanceUid: string;
+};

package/dist/types/config/useValidateProps.d.ts

@@ -0,0 +1,3 @@
+import { WeakValidationMap } from 'react';
+import { type DSMenuTreeItemT } from '../react-desc-prop-types';
+export declare const useValidateProps: (props: DSMenuTreeItemT.InternalProps, propTypes: WeakValidationMap<unknown>) => void;

package/dist/types/constants/index.d.ts

@@ -0,0 +1,9 @@
+export declare const DSMenuTreeItemName = "DSMenuTreeItem";
+export declare const EXAMPLE_CONSTANTS: {
+    readonly HELLO: "WORLD";
+    readonly FOO: "BAR";
+};
+export declare const MENU_TREE_ITEM_SLOTS: {
+    readonly ROOT: "root";
+};
+export declare const MENU_TREE_ITEM_DATA_TESTID: Record<string, string>;

package/dist/types/index.d.ts

@@ -0,0 +1,3 @@
+export { DSMenuTreeItem, DSMenuTreeItemWithSchema } from './DSMenuTreeItem';
+export { type DSMenuTreeItemT } from './react-desc-prop-types';
+export { MENU_TREE_ITEM_SLOTS, MENU_TREE_ITEM_DATA_TESTID, } from './constants';

package/dist/types/react-desc-prop-types.d.ts

@@ -0,0 +1,40 @@
+import type { XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';
+import type { DSMenuTreeItemName, MENU_TREE_ITEM_SLOTS } from './constants/index.js';
+import type { WeakValidationMap } from 'react';
+export declare namespace DSMenuTreeItemT {
+    interface ItemT {
+        dsId: string;
+        collapsed?: boolean;
+        depth: number;
+        subitems: ItemT[] | null;
+    }
+    interface TreeviewItemProps {
+        onCollapse: (dsId: string) => void;
+        item: ItemT;
+        onSelect?: (dsId: string) => void;
+        isSelected?: boolean;
+        multiple?: boolean;
+    }
+    interface RequiredProps {
+        item: ItemT;
+        dsId: string;
+        depth: number;
+    }
+    interface DefaultProps {
+        isSelected?: boolean;
+        multiple?: boolean;
+    }
+    interface OptionalProps extends PropsForGlobalOnSlots<typeof DSMenuTreeItemName, typeof MENU_TREE_ITEM_SLOTS> {
+        onCollapse: (dsId: string) => void;
+        subitems: ItemT[] | null;
+        onSelect?: (dsId: string) => void;
+    }
+    interface Props extends Partial<DefaultProps>, OptionalProps, XstyledProps, RequiredProps {
+    }
+    interface InternalProps extends DefaultProps, OptionalProps, XstyledProps, RequiredProps {
+    }
+    type ExampleState = '0' | '1';
+}
+export declare const defaultProps: DSMenuTreeItemT.DefaultProps;
+export declare const DSMenuTreeItemPropTypes: DSPropTypesSchema<DSMenuTreeItemT.Props>;
+export declare const DSMenuTreeItemPropTypesSchema: WeakValidationMap<DSMenuTreeItemT.Props>;

package/dist/types/styled.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const MenuItemWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, any, never>;
+export declare const StyledButton: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button-v2").DSButtonV3T.Props>, import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").ComponentType<import("@elliemae/ds-button-v2").DSButtonV3T.Props>>, never>;

package/dist/types/tests/DSMenuTreeItem.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -0,0 +1,79 @@
+{
+  "name": "@elliemae/ds-menu-tree-item",
+  "version": "3.27.0-next.11",
+  "license": "MIT",
+  "description": "ICE MT - Dimsum - Menu Tree Item",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
+    }
+  },
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum.git"
+  },
+  "engines": {
+    "pnpm": ">=6",
+    "node": ">=16"
+  },
+  "author": "ICE MT",
+  "jestSonar": {
+    "sonar56x": true,
+    "reportPath": "reports",
+    "reportFile": "tests.xml",
+    "indent": 4
+  },
+  "dependencies": {
+    "@xstyled/styled-components": "~3.6.0",
+    "@elliemae/ds-button-v2": "3.27.0-next.11",
+    "@elliemae/ds-form-checkbox": "3.27.0-next.11",
+    "@elliemae/ds-grid": "3.27.0-next.11",
+    "@elliemae/ds-form-radio": "3.27.0-next.11",
+    "@elliemae/ds-icons": "3.27.0-next.11",
+    "@elliemae/ds-props-helpers": "3.27.0-next.11",
+    "@elliemae/ds-separator": "3.27.0-next.11",
+    "@elliemae/ds-system": "3.27.0-next.11",
+    "@elliemae/ds-typography": "3.27.0-next.11",
+    "@elliemae/ds-utilities": "3.27.0-next.11"
+  },
+  "devDependencies": {
+    "@elliemae/pui-cli": "~9.0.0-next.31",
+    "styled-components": "~5.3.9",
+    "@elliemae/ds-monorepo-devops": "3.27.0-next.11"
+  },
+  "peerDependencies": {
+    "@testing-library/jest-dom": "~5.16.4",
+    "@testing-library/react": "~12.1.3",
+    "@testing-library/user-event": "~13.5.0",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "styled-components": "~5.3.9"
+  },
+  "publishConfig": {
+    "access": "public",
+    "typeSafety": false
+  },
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
+    "test": "pui-cli test --passWithNoTests",
+    "lint": "node ../../../scripts/lint.mjs --fix",
+    "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../../.eslintrc.js' src/",
+    "dts": "node ../../scripts/dts.mjs",
+    "dts:withdeps": "pnpm --filter {.}... dts",
+    "build": "cross-env NODE_ENV=production node ../../../scripts/build/build.mjs",
+    "dev:build": "pnpm --filter {.}... build",
+    "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
+    "checkDeps": "npx -yes ../../util/ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
+  }
+}