@elliemae/ds-menu-items 3.9.0-next.5

package/dist/esm/components/SingleWithSubmenuItem/useGetSubmenuHandlers.js

@@ -0,0 +1,57 @@
+import * as React from "react";
+import { useRef, useCallback } from "react";
+const useGetSubmenuHandlers = ({
+  disabled,
+  rightAddon,
+  isSubmenuOpened,
+  onMouseEnter,
+  onSubmenuOpen,
+  onSubmenuClose,
+  onMouseLeave
+}) => {
+  const timeoutRef = useRef(null);
+  const onMouseEnterHandler = useCallback(
+    (e) => {
+      if (rightAddon !== "ellipsis") {
+        if (timeoutRef.current !== null)
+          clearTimeout(timeoutRef.current);
+        else if (!isSubmenuOpened)
+          onSubmenuOpen(e);
+        timeoutRef.current = null;
+      }
+      onMouseEnter(e);
+    },
+    [isSubmenuOpened, onMouseEnter, onSubmenuOpen, rightAddon]
+  );
+  const onMouseLeaveHandler = useCallback(
+    (e) => {
+      if (rightAddon !== "ellipsis") {
+        if (timeoutRef.current === null) {
+          timeoutRef.current = setTimeout(() => {
+            timeoutRef.current = null;
+            onSubmenuClose(e);
+          }, 300);
+        }
+      }
+      onMouseLeave(e);
+    },
+    [onMouseLeave, onSubmenuClose, rightAddon]
+  );
+  const onEllipsisClick = useCallback(
+    (e) => {
+      if (disabled)
+        return;
+      e.stopPropagation();
+      if (isSubmenuOpened)
+        onSubmenuClose(e);
+      else
+        onSubmenuOpen(e);
+    },
+    [disabled, isSubmenuOpened, onSubmenuClose, onSubmenuOpen]
+  );
+  return { onMouseEnterHandler, onMouseLeaveHandler, onEllipsisClick };
+};
+export {
+  useGetSubmenuHandlers
+};
+//# sourceMappingURL=useGetSubmenuHandlers.js.map

package/dist/esm/components/SingleWithSubmenuItem/useGetSubmenuHandlers.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/SingleWithSubmenuItem/useGetSubmenuHandlers.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useRef, useCallback } from 'react';\nimport { DSMenuItemT } from '../../react-desc-prop-types';\n\nexport const useGetSubmenuHandlers = ({\n  disabled,\n  rightAddon,\n  isSubmenuOpened,\n  onMouseEnter,\n  onSubmenuOpen,\n  onSubmenuClose,\n  onMouseLeave,\n}: Required<DSMenuItemT.SingleWithSubmenuProps>) => {\n  const timeoutRef = useRef<NodeJS.Timeout | null>(null);\n\n  const onMouseEnterHandler = useCallback(\n    (e: React.MouseEvent) => {\n      if (rightAddon !== 'ellipsis') {\n        if (timeoutRef.current !== null) clearTimeout(timeoutRef.current);\n        else if (!isSubmenuOpened) onSubmenuOpen(e);\n        timeoutRef.current = null;\n      }\n      onMouseEnter(e);\n    },\n    [isSubmenuOpened, onMouseEnter, onSubmenuOpen, rightAddon],\n  );\n\n  const onMouseLeaveHandler = useCallback(\n    (e: React.MouseEvent) => {\n      if (rightAddon !== 'ellipsis') {\n        if (timeoutRef.current === null) {\n          timeoutRef.current = setTimeout(() => {\n            timeoutRef.current = null;\n            onSubmenuClose(e);\n          }, 300);\n        }\n      }\n      onMouseLeave(e);\n    },\n    [onMouseLeave, onSubmenuClose, rightAddon],\n  );\n\n  const onEllipsisClick: React.MouseEventHandler = useCallback(\n    (e) => {\n      if (disabled) return;\n      e.stopPropagation();\n      if (isSubmenuOpened) onSubmenuClose(e);\n      else onSubmenuOpen(e);\n    },\n    [disabled, isSubmenuOpened, onSubmenuClose, onSubmenuOpen],\n  );\n\n  return { onMouseEnterHandler, onMouseLeaveHandler, onEllipsisClick };\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,mBAAmB;AAG7B,MAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAoD;AAClD,QAAM,aAAa,OAA8B,IAAI;AAErD,QAAM,sBAAsB;AAAA,IAC1B,CAAC,MAAwB;AACvB,UAAI,eAAe,YAAY;AAC7B,YAAI,WAAW,YAAY;AAAM,uBAAa,WAAW,OAAO;AAAA,iBACvD,CAAC;AAAiB,wBAAc,CAAC;AAC1C,mBAAW,UAAU;AAAA,MACvB;AACA,mBAAa,CAAC;AAAA,IAChB;AAAA,IACA,CAAC,iBAAiB,cAAc,eAAe,UAAU;AAAA,EAC3D;AAEA,QAAM,sBAAsB;AAAA,IAC1B,CAAC,MAAwB;AACvB,UAAI,eAAe,YAAY;AAC7B,YAAI,WAAW,YAAY,MAAM;AAC/B,qBAAW,UAAU,WAAW,MAAM;AACpC,uBAAW,UAAU;AACrB,2BAAe,CAAC;AAAA,UAClB,GAAG,GAAG;AAAA,QACR;AAAA,MACF;AACA,mBAAa,CAAC;AAAA,IAChB;AAAA,IACA,CAAC,cAAc,gBAAgB,UAAU;AAAA,EAC3C;AAEA,QAAM,kBAA2C;AAAA,IAC/C,CAAC,MAAM;AACL,UAAI;AAAU;AACd,QAAE,gBAAgB;AAClB,UAAI;AAAiB,uBAAe,CAAC;AAAA;AAChC,sBAAc,CAAC;AAAA,IACtB;AAAA,IACA,CAAC,UAAU,iBAAiB,gBAAgB,aAAa;AAAA,EAC3D;AAEA,SAAO,EAAE,qBAAqB,qBAAqB,gBAAgB;AACrE;",
+  "names": []
+}

package/dist/esm/components/SubmenuItem/index.js

@@ -0,0 +1,127 @@
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Grid } from "@elliemae/ds-grid";
+import { MoreOptionsVert, ChevronRight } from "@elliemae/ds-icons";
+import { describe, useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from "@elliemae/ds-utilities";
+import { defaultSubmenuProps, itemProps } from "../../react-desc-prop-types";
+import {
+  StyledItemLabel,
+  StyledIconContainer,
+  StyledEllipsisButton,
+  StyledGlobalMenuItemWrapper,
+  StyledVerticalSeparator
+} from "../styled";
+import { useGetSubmenuHandlers } from "./useGetSubmenuHandlers";
+const SubmenuItem = (props) => {
+  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultSubmenuProps);
+  useValidateTypescriptPropTypes(propsWithDefault, itemProps);
+  const {
+    dsId,
+    label,
+    isActive,
+    disabled,
+    isSubmenuOpened,
+    rightAddon,
+    innerRef,
+    wrapperStyles,
+    optionsShouldHavePadding,
+    render: Render,
+    Dropdown,
+    dropdownProps: {
+      options,
+      openedSubmenus,
+      onSubmenuToggle,
+      selectedOptions,
+      onKeyDown,
+      onOptionClick,
+      onClickOutside,
+      minWidth,
+      maxHeight
+    }
+  } = propsWithDefault;
+  const [delayedIsOpened, setDelayedIsOpened] = useState(false);
+  useEffect(() => {
+    setTimeout(() => setDelayedIsOpened(isSubmenuOpened));
+  }, [isSubmenuOpened]);
+  const { onMouseEnterHandler, onMouseLeaveHandler, onEllipsisClick } = useGetSubmenuHandlers(propsWithDefault);
+  return /* @__PURE__ */ jsx(Dropdown, {
+    isOpened: delayedIsOpened,
+    options: options ?? [],
+    onOptionClick,
+    startPlacementPreference: "right-start",
+    placementOrderPreference: ["right-start", "right-end", "left-start", "left-end"],
+    selectedOptions,
+    openedSubmenus,
+    onSubmenuToggle,
+    onKeyDown,
+    onClickOutside,
+    customOffset: [-4, 1],
+    onMouseEnter: onMouseEnterHandler,
+    onMouseLeave: onMouseLeaveHandler,
+    wrapperStyles: { ...wrapperStyles, w: "100%" },
+    minWidth,
+    maxHeight,
+    as: "li",
+    role: "option",
+    "aria-selected": isSubmenuOpened,
+    "aria-describedby": `dropdownmenu-submenu-${dsId}`,
+    id: dsId,
+    children: /* @__PURE__ */ jsxs(StyledGlobalMenuItemWrapper, {
+      pr: 0,
+      isSelected: isSubmenuOpened,
+      isActive,
+      onMouseEnter: onMouseEnterHandler,
+      onMouseLeave: onMouseLeaveHandler,
+      ref: innerRef,
+      disabled,
+      pl: optionsShouldHavePadding ? 40 : 0,
+      as: "div",
+      children: [
+        Render !== void 0 ? /* @__PURE__ */ jsx(Render, {
+          ...propsWithDefault
+        }) : /* @__PURE__ */ jsxs(Grid, {
+          cols: ["auto", "min-content"],
+          alignItems: "center",
+          children: [
+            /* @__PURE__ */ jsx(StyledItemLabel, {
+              children: label
+            }),
+            /* @__PURE__ */ jsxs(StyledIconContainer, {
+              children: [
+                /* @__PURE__ */ jsx(StyledVerticalSeparator, {}),
+                rightAddon === "ellipsis" ? /* @__PURE__ */ jsx(StyledEllipsisButton, {
+                  tabIndex: -1,
+                  onClick: onEllipsisClick,
+                  disabled,
+                  children: /* @__PURE__ */ jsx(MoreOptionsVert, {
+                    className: "ds-dropdown-menu-v2-more-options",
+                    color: disabled ? ["neutral", "500"] : ["brand-primary", "600"],
+                    size: "s"
+                  })
+                }) : /* @__PURE__ */ jsx(ChevronRight, {
+                  color: disabled ? ["neutral", "500"] : ["brand-primary", "600"],
+                  size: "s"
+                })
+              ]
+            })
+          ]
+        }),
+        /* @__PURE__ */ jsx("span", {
+          id: `dropdownmenu-submenu-${dsId}`,
+          style: { display: "none" },
+          children: "submenu, to open this submenu press the Right Arrow key"
+        })
+      ]
+    })
+  });
+};
+SubmenuItem.propTypes = itemProps;
+SubmenuItem.displayName = "SubmenuItem";
+const SubmenuItemWithSchema = describe(SubmenuItem);
+SubmenuItemWithSchema.propTypes = itemProps;
+export {
+  SubmenuItem,
+  SubmenuItemWithSchema
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/components/SubmenuItem/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/SubmenuItem/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React, { useEffect, useState } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { MoreOptionsVert, ChevronRight } from '@elliemae/ds-icons';\nimport { describe, useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-utilities';\nimport { DSMenuItemT, defaultSubmenuProps, itemProps } from '../../react-desc-prop-types';\nimport {\n  StyledItemLabel,\n  StyledIconContainer,\n  StyledEllipsisButton,\n  StyledGlobalMenuItemWrapper,\n  StyledVerticalSeparator,\n} from '../styled';\nimport { useGetSubmenuHandlers } from './useGetSubmenuHandlers';\n\nconst SubmenuItem: React.ComponentType<DSMenuItemT.SubmenuProps> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<Required<DSMenuItemT.SubmenuProps>>(props, defaultSubmenuProps);\n\n  useValidateTypescriptPropTypes(propsWithDefault, itemProps);\n\n  const {\n    dsId,\n    label,\n    isActive,\n    disabled,\n    isSubmenuOpened,\n    rightAddon,\n    innerRef,\n    wrapperStyles,\n    optionsShouldHavePadding,\n    render: Render,\n    Dropdown,\n    dropdownProps: {\n      options,\n      openedSubmenus,\n      onSubmenuToggle,\n      selectedOptions,\n      onKeyDown,\n      onOptionClick,\n      onClickOutside,\n      minWidth,\n      maxHeight,\n    },\n  } = propsWithDefault;\n\n  // If we don't delay the opening of the poppers, the position will not be placed correctly\n  // That why we delay it for the next render using the useEffect hook\n  // TODO -- @carusox move this to utilities as a hook\n  const [delayedIsOpened, setDelayedIsOpened] = useState(false);\n\n  useEffect(() => {\n    setTimeout(() => setDelayedIsOpened(isSubmenuOpened));\n  }, [isSubmenuOpened]);\n\n  const { onMouseEnterHandler, onMouseLeaveHandler, onEllipsisClick } = useGetSubmenuHandlers(propsWithDefault);\n\n  return (\n    <Dropdown\n      isOpened={delayedIsOpened}\n      options={options ?? []}\n      onOptionClick={onOptionClick}\n      startPlacementPreference=\"right-start\"\n      placementOrderPreference={['right-start', 'right-end', 'left-start', 'left-end']}\n      selectedOptions={selectedOptions}\n      openedSubmenus={openedSubmenus}\n      onSubmenuToggle={onSubmenuToggle}\n      onKeyDown={onKeyDown}\n      onClickOutside={onClickOutside}\n      customOffset={[-4, 1]}\n      onMouseEnter={onMouseEnterHandler}\n      onMouseLeave={onMouseLeaveHandler}\n      wrapperStyles={{ ...wrapperStyles, w: '100%' }}\n      minWidth={minWidth}\n      maxHeight={maxHeight}\n      as=\"li\"\n      role=\"option\"\n      aria-selected={isSubmenuOpened}\n      aria-describedby={`dropdownmenu-submenu-${dsId}`}\n      id={dsId}\n    >\n      <StyledGlobalMenuItemWrapper\n        pr={0}\n        isSelected={isSubmenuOpened}\n        isActive={isActive}\n        onMouseEnter={onMouseEnterHandler}\n        onMouseLeave={onMouseLeaveHandler}\n        ref={innerRef}\n        disabled={disabled}\n        pl={optionsShouldHavePadding ? 40 : 0}\n        as=\"div\"\n      >\n        {Render !== undefined ? (\n          <Render {...propsWithDefault} />\n        ) : (\n          <Grid cols={['auto', 'min-content']} alignItems=\"center\">\n            <StyledItemLabel>{label}</StyledItemLabel>\n            <StyledIconContainer>\n              <StyledVerticalSeparator />\n              {rightAddon === 'ellipsis' ? (\n                <StyledEllipsisButton tabIndex={-1} onClick={onEllipsisClick} disabled={disabled}>\n                  <MoreOptionsVert\n                    className=\"ds-dropdown-menu-v2-more-options\"\n                    color={disabled ? ['neutral', '500'] : ['brand-primary', '600']}\n                    size=\"s\"\n                  />\n                </StyledEllipsisButton>\n              ) : (\n                <ChevronRight color={disabled ? ['neutral', '500'] : ['brand-primary', '600']} size=\"s\" />\n              )}\n            </StyledIconContainer>\n          </Grid>\n        )}\n        <span id={`dropdownmenu-submenu-${dsId}`} style={{ display: 'none' }}>\n          submenu, to open this submenu press the Right Arrow key\n        </span>\n      </StyledGlobalMenuItemWrapper>\n    </Dropdown>\n  );\n};\n\nSubmenuItem.propTypes = itemProps;\nSubmenuItem.displayName = 'SubmenuItem';\nconst SubmenuItemWithSchema = describe(SubmenuItem);\nSubmenuItemWithSchema.propTypes = itemProps;\n\nexport { SubmenuItem, SubmenuItemWithSchema };\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/components/SubmenuItem/useGetSubmenuHandlers.js

@@ -0,0 +1,57 @@
+import * as React from "react";
+import { useRef, useCallback } from "react";
+const useGetSubmenuHandlers = ({
+  disabled,
+  rightAddon,
+  isSubmenuOpened,
+  onMouseEnter,
+  onSubmenuOpen,
+  onSubmenuClose,
+  onMouseLeave
+}) => {
+  const timeoutRef = useRef(null);
+  const onMouseEnterHandler = useCallback(
+    (e) => {
+      if (rightAddon !== "ellipsis") {
+        if (timeoutRef.current !== null)
+          clearTimeout(timeoutRef.current);
+        else if (!isSubmenuOpened)
+          onSubmenuOpen(e);
+        timeoutRef.current = null;
+      }
+      onMouseEnter(e);
+    },
+    [isSubmenuOpened, onMouseEnter, onSubmenuOpen, rightAddon]
+  );
+  const onMouseLeaveHandler = useCallback(
+    (e) => {
+      if (rightAddon !== "ellipsis") {
+        if (timeoutRef.current === null) {
+          timeoutRef.current = setTimeout(() => {
+            timeoutRef.current = null;
+            onSubmenuClose(e);
+          }, 300);
+        }
+      }
+      onMouseLeave(e);
+    },
+    [onMouseLeave, onSubmenuClose, rightAddon]
+  );
+  const onEllipsisClick = useCallback(
+    (e) => {
+      if (disabled)
+        return;
+      e.stopPropagation();
+      if (isSubmenuOpened)
+        onSubmenuClose(e);
+      else
+        onSubmenuOpen(e);
+    },
+    [disabled, isSubmenuOpened, onSubmenuClose, onSubmenuOpen]
+  );
+  return { onMouseEnterHandler, onMouseLeaveHandler, onEllipsisClick };
+};
+export {
+  useGetSubmenuHandlers
+};
+//# sourceMappingURL=useGetSubmenuHandlers.js.map

package/dist/esm/components/SubmenuItem/useGetSubmenuHandlers.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/SubmenuItem/useGetSubmenuHandlers.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useRef, useCallback } from 'react';\nimport { DSMenuItemT } from '../../react-desc-prop-types';\n\nexport const useGetSubmenuHandlers = ({\n  disabled,\n  rightAddon,\n  isSubmenuOpened,\n  onMouseEnter,\n  onSubmenuOpen,\n  onSubmenuClose,\n  onMouseLeave,\n}: Required<DSMenuItemT.SubmenuProps>) => {\n  const timeoutRef = useRef<NodeJS.Timeout | null>(null);\n\n  const onMouseEnterHandler = useCallback(\n    (e: React.MouseEvent) => {\n      if (rightAddon !== 'ellipsis') {\n        if (timeoutRef.current !== null) clearTimeout(timeoutRef.current);\n        else if (!isSubmenuOpened) onSubmenuOpen(e);\n        timeoutRef.current = null;\n      }\n      onMouseEnter(e);\n    },\n    [isSubmenuOpened, onMouseEnter, onSubmenuOpen, rightAddon],\n  );\n\n  const onMouseLeaveHandler = useCallback(\n    (e: React.MouseEvent) => {\n      if (rightAddon !== 'ellipsis') {\n        if (timeoutRef.current === null) {\n          timeoutRef.current = setTimeout(() => {\n            timeoutRef.current = null;\n            onSubmenuClose(e);\n          }, 300);\n        }\n      }\n      onMouseLeave(e);\n    },\n    [onMouseLeave, onSubmenuClose, rightAddon],\n  );\n\n  const onEllipsisClick: React.MouseEventHandler = useCallback(\n    (e) => {\n      if (disabled) return;\n      e.stopPropagation();\n      if (isSubmenuOpened) onSubmenuClose(e);\n      else onSubmenuOpen(e);\n    },\n    [disabled, isSubmenuOpened, onSubmenuClose, onSubmenuOpen],\n  );\n\n  return { onMouseEnterHandler, onMouseLeaveHandler, onEllipsisClick };\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,mBAAmB;AAG7B,MAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA0C;AACxC,QAAM,aAAa,OAA8B,IAAI;AAErD,QAAM,sBAAsB;AAAA,IAC1B,CAAC,MAAwB;AACvB,UAAI,eAAe,YAAY;AAC7B,YAAI,WAAW,YAAY;AAAM,uBAAa,WAAW,OAAO;AAAA,iBACvD,CAAC;AAAiB,wBAAc,CAAC;AAC1C,mBAAW,UAAU;AAAA,MACvB;AACA,mBAAa,CAAC;AAAA,IAChB;AAAA,IACA,CAAC,iBAAiB,cAAc,eAAe,UAAU;AAAA,EAC3D;AAEA,QAAM,sBAAsB;AAAA,IAC1B,CAAC,MAAwB;AACvB,UAAI,eAAe,YAAY;AAC7B,YAAI,WAAW,YAAY,MAAM;AAC/B,qBAAW,UAAU,WAAW,MAAM;AACpC,uBAAW,UAAU;AACrB,2BAAe,CAAC;AAAA,UAClB,GAAG,GAAG;AAAA,QACR;AAAA,MACF;AACA,mBAAa,CAAC;AAAA,IAChB;AAAA,IACA,CAAC,cAAc,gBAAgB,UAAU;AAAA,EAC3C;AAEA,QAAM,kBAA2C;AAAA,IAC/C,CAAC,MAAM;AACL,UAAI;AAAU;AACd,QAAE,gBAAgB;AAClB,UAAI;AAAiB,uBAAe,CAAC;AAAA;AAChC,sBAAc,CAAC;AAAA,IACtB;AAAA,IACA,CAAC,UAAU,iBAAiB,gBAAgB,aAAa;AAAA,EAC3D;AAEA,SAAO,EAAE,qBAAqB,qBAAqB,gBAAgB;AACrE;",
+  "names": []
+}

package/dist/esm/components/index.js

@@ -0,0 +1,9 @@
+import * as React from "react";
+export * from "./ActionMenuItem";
+export * from "./MultiMenuItem";
+export * from "./Section";
+export * from "./Separator";
+export * from "./SingleMenuItem";
+export * from "./SingleWithSubmenuItem";
+export * from "./SubmenuItem";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './ActionMenuItem';\nexport * from './MultiMenuItem';\nexport * from './Section';\nexport * from './Separator';\nexport * from './SingleMenuItem';\nexport * from './SingleWithSubmenuItem';\nexport * from './SubmenuItem';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
+  "names": []
+}

package/dist/esm/components/styled.js

@@ -0,0 +1,140 @@
+import * as React from "react";
+import {
+  styled,
+  css,
+  layout,
+  position,
+  space,
+  sizing
+} from "@elliemae/ds-system";
+const borderOutside = () => 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 = () => css`
+  color: ${({ theme }) => theme.colors.neutral[500]};
+
+  cursor: not-allowed;
+  * {
+    cursor: not-allowed;
+  }
+`;
+const StyledGlobalMenuItemWrapper = styled.li`
+  cursor: pointer;
+  min-height: 32px;
+
+  padding-left: 16px;
+  padding-right: 16px;
+  display: grid;
+  align-items: center;
+  list-style: none;
+  position: relative;
+  ${position}
+  ${layout}
+  ${sizing}
+  ${space}
+
+  ${(props) => {
+  if (props.disabled)
+    return disabledOption();
+  if (props.isActive)
+    return borderOutside();
+  return "";
+}};
+
+  background-color: ${(props) => props.isActive ? props.theme.colors.brand[200] : "white"};
+
+  &:hover {
+    background-color: ${(props) => !props.disabled && props.theme.colors.brand[200]};
+  }
+`;
+const StyleMenuItemLabel = styled.span`
+  padding: 8px 0;
+  font-size: 13px;
+`;
+const StyledItemLabel = styled.div`
+  display: grid;
+  align-items: center;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  width: 100%;
+`;
+const StyledIconContainer = styled.div`
+  width: 29px;
+  height: 28px;
+  display: grid;
+  grid-template-columns: min-content auto;
+  place-items: center;
+`;
+const StyledEllipsisButton = styled.div`
+  position: relative;
+  width: 100%;
+  height: 100%;
+  display: grid;
+  place-items: center;
+  background: transparent;
+  :active {
+    ${(props) => props.disabled ? "" : borderOutside()}
+  }
+`;
+const StyledItemContent = styled.div`
+  display: flex;
+  width: 100%;
+`;
+const StyledSeparator = styled.hr`
+  border: 0;
+  border-top: 1px solid #697489;
+  margin: 4px 0px;
+  padding: 0;
+`;
+const StyledSeparatorWrapper = styled.li`
+  list-style: none;
+  padding: 0px 16px;
+  ${position}
+  ${layout}
+  ${sizing}
+`;
+const StyledGroupLabel = styled.span`
+  font-size: 13px;
+  color: neutral-500;
+`;
+const StyledSectionWrapper = styled.li`
+  ${position}
+  ${layout}
+  ${sizing}
+  list-style: none;
+  padding: 0px 16px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+`;
+const StyledVerticalSeparator = styled.div`
+  width: 1px;
+  height: 18px;
+  background-color: neutral-300;
+`;
+export {
+  StyleMenuItemLabel,
+  StyledEllipsisButton,
+  StyledGlobalMenuItemWrapper,
+  StyledGroupLabel,
+  StyledIconContainer,
+  StyledItemContent,
+  StyledItemLabel,
+  StyledSectionWrapper,
+  StyledSeparator,
+  StyledSeparatorWrapper,
+  StyledVerticalSeparator
+};
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/styled.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import {\n  styled,\n  css,\n  layout,\n  position,\n  space,\n  sizing,\n  LayoutProps,\n  SizingProps,\n  PositionProps,\n  SpaceProps,\n} from '@elliemae/ds-system';\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\n  cursor: not-allowed;\n  * {\n    cursor: not-allowed;\n  }\n`;\n\nexport const StyledGlobalMenuItemWrapper = styled.li<\n  { isSelected: boolean; isActive: boolean } & LayoutProps & SizingProps & PositionProps & SpaceProps\n>`\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  ${position}\n  ${layout}\n  ${sizing}\n  ${space}\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] : 'white')};\n\n  &:hover {\n    background-color: ${(props) => !props.disabled && props.theme.colors.brand[200]};\n  }\n`;\n\nexport const StyleMenuItemLabel = styled.span`\n  padding: 8px 0;\n  font-size: 13px;\n`;\n\nexport const StyledItemLabel = styled.div`\n  display: grid;\n  align-items: center;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  width: 100%;\n`;\n\nexport const StyledIconContainer = styled.div`\n  width: 29px;\n  height: 28px;\n  display: grid;\n  grid-template-columns: min-content auto;\n  place-items: center;\n`;\n\nexport const StyledEllipsisButton = styled.div`\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`\n  display: flex;\n  width: 100%;\n`;\n\nexport const StyledSeparator = styled.hr`\n  border: 0;\n  border-top: 1px solid #697489;\n  margin: 4px 0px;\n  padding: 0;\n`;\n\nexport const StyledSeparatorWrapper = styled.li`\n  list-style: none;\n  padding: 0px 16px;\n  ${position}\n  ${layout}\n  ${sizing}\n`;\n\nexport const StyledGroupLabel = styled.span`\n  font-size: 13px;\n  color: neutral-500;\n`;\n\nexport const StyledSectionWrapper = styled.li`\n  ${position}\n  ${layout}\n  ${sizing}\n  list-style: none;\n  padding: 0px 16px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n`;\n\nexport const StyledVerticalSeparator = styled.div`\n  width: 1px;\n  height: 18px;\n  background-color: neutral-300;\n`;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAKK;AAEP,MAAM,gBAAgB,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBASJ,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAM1D,MAAM,iBAAiB,MAAM;AAAA,WAClB,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQxC,MAAM,8BAA8B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAY9C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA,CAAC,UAAU;AACX,MAAI,MAAM;AAAU,WAAO,eAAe;AAC1C,MAAI,MAAM;AAAU,WAAO,cAAc;AACzC,SAAO;AACT;AAAA;AAAA,sBAEoB,CAAC,UAAW,MAAM,WAAW,MAAM,MAAM,OAAO,MAAM,OAAO;AAAA;AAAA;AAAA,wBAG3D,CAAC,UAAU,CAAC,MAAM,YAAY,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAIxE,MAAM,qBAAqB,OAAO;AAAA;AAAA;AAAA;AAKlC,MAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS/B,MAAM,sBAAsB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQnC,MAAM,uBAAuB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAQrC,CAAC,UAAW,MAAM,WAAW,KAAK,cAAc;AAAA;AAAA;AAI/C,MAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAKjC,MAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAO/B,MAAM,yBAAyB,OAAO;AAAA;AAAA;AAAA,IAGzC;AAAA,IACA;AAAA,IACA;AAAA;AAGG,MAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA;AAKhC,MAAM,uBAAuB,OAAO;AAAA,IACvC;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQG,MAAM,0BAA0B,OAAO;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,3 @@
+import * as React from "react";
+export * from "./components";
+//# 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.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './components';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;",
+  "names": []
+}

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

@@ -0,0 +1,92 @@
+import * as React from "react";
+import { PropTypes } from "@elliemae/ds-utilities";
+const noop = () => null;
+const defaultCommonProps = {
+  innerRef: noop,
+  wrapperStyles: {}
+};
+const defaultActionProps = {
+  ...defaultCommonProps,
+  label: "",
+  value: void 0,
+  disabled: false,
+  isActive: false,
+  onClick: noop,
+  optionsShouldHavePadding: false
+};
+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: "",
+  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 = {
+  dsId: PropTypes.string,
+  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]),
+  wrapperStyles: PropTypes.object,
+  render: PropTypes.func
+};
+export {
+  defaultActionProps,
+  defaultCommonProps,
+  defaultMultiProps,
+  defaultSectionProps,
+  defaultSeparatorProps,
+  defaultSingleProps,
+  defaultSingleWithSubmenuProps,
+  defaultSubmenuProps,
+  itemProps
+};
+//# 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-explicit-any */\nimport React, { PropsWithChildren, WeakValidationMap } from 'react';\nimport { SizingProps } from '@elliemae/ds-system';\nimport { PropTypes } from '@elliemae/ds-utilities';\n\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  }\n\n  export interface ActionProps extends CommonProps<ActionProps> {\n    label?: string;\n    value?: unknown;\n    disabled?: boolean;\n    isActive?: boolean;\n    onClick?: React.MouseEventHandler;\n    optionsShouldHavePadding?: boolean;\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    onMouseDown?: React.MouseEventHandler;\n    onMouseEnter?: React.MouseEventHandler;\n    onMouseLeave?: React.MouseEventHandler;\n    tabIndex?: number;\n  }\n\n  export interface SingleProps extends CommonProps<SingleProps> {\n    label?: string;\n    isActive?: boolean;\n    disabled?: boolean;\n    isSelected?: boolean;\n    onClick?: React.MouseEventHandler;\n    onMouseDown?: React.MouseEventHandler;\n    onMouseEnter?: React.MouseEventHandler;\n    onMouseLeave?: React.MouseEventHandler;\n    dataTestid?: string;\n    tabIndex?: number;\n  }\n\n  export interface SubmenuProps extends CommonProps<SubmenuProps> {\n    label?: 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    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: React.MouseEvent | React.KeyboardEvent | React.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}\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};\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: '',\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  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"],
+  "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,iBAAiB;AAyF1B,MAAM,OAAO,MAAM;AAEZ,MAAM,qBAAuE;AAAA,EAClF,UAAU;AAAA,EACV,eAAe,CAAC;AAClB;AAEO,MAAM,qBAAuD;AAAA,EAClE,GAAG;AAAA,EACH,OAAO;AAAA,EACP,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AAAA,EACV,SAAS;AAAA,EACT,0BAA0B;AAC5B;AAEO,MAAM,oBAAqD;AAAA,EAChE,GAAG;AAAA,EACH,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,UAAU;AACZ;AAEO,MAAM,qBAAuD;AAAA,EAClE,GAAG;AAAA,EACH,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,UAAU;AACZ;AAEO,MAAM,sBAAyD;AAAA,EACpE,GAAG;AAAA,EACH,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,0BAA0B;AAAA,EAC1B,UAAU;AAAA,EACV,eAAe;AAAA,IACb,SAAS,CAAC;AAAA,IACV,iBAAiB;AAAA,IACjB,gBAAgB,CAAC;AAAA,IACjB,iBAAiB,CAAC;AAAA,IAClB,WAAW;AAAA,IACX,eAAe;AAAA,IACf,gBAAgB;AAAA,IAChB,UAAU;AAAA,IACV,WAAW;AAAA,EACb;AACF;AAEO,MAAM,sBAAyD;AAAA,EACpE,GAAG;AAAA,EACH,OAAO;AACT;AAEO,MAAM,wBAA6D;AAAA,EACxE,GAAG;AACL;AAEO,MAAM,gCAA6F;AAAA,EACxG,GAAG;AAAA,EACH,GAAG;AACL;AAEO,MAAM,YAAY;AAAA,EACvB,MAAM,UAAU;AAAA,EAChB,UAAU,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,EAAE,SAAS,UAAU,IAAI,CAAC,CAAC,CAAC;AAAA,EAC3F,eAAe,UAAU;AAAA,EACzB,QAAQ,UAAU;AACpB;",
+  "names": []
+}

package/package.json

@@ -0,0 +1,62 @@
+{
+  "name": "@elliemae/ds-menu-items",
+  "version": "3.9.0-next.5",
+  "license": "MIT",
+  "description": "ICE MT - Dimsum - Menu Items",
+  "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": {
+    "@elliemae/ds-form-checkbox": "3.9.0-next.5",
+    "@elliemae/ds-grid": "3.9.0-next.5",
+    "@elliemae/ds-icons": "3.9.0-next.5",
+    "@elliemae/ds-system": "3.9.0-next.5",
+    "@elliemae/ds-utilities": "3.9.0-next.5"
+  },
+  "peerDependencies": {
+    "lodash": "^4.17.21",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "styled-components": "^5.3.5"
+  },
+  "publishConfig": {
+    "access": "public",
+    "typeSafety": false
+  },
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
+    "test": "node ../../scripts/testing/test.mjs",
+    "lint": "node ../../scripts/lint.mjs",
+    "dts": "node ../../scripts/dts.mjs",
+    "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
+    "checkDeps": "npx -yes ../ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
+  }
+}