@elliemae/ds-form 2.3.0-alpha.1 → 2.3.0-alpha.10

package/esm/MenuItem/components/MenuItem/index.js

@@ -1,34 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import { describe } from "react-desc";
-import { Grid } from "@elliemae/ds-grid";
-import { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from "@elliemae/ds-props-helpers";
-import { defaultProps, itemProps } from "../../props";
-import { StyledMenuItemWrapper } from "../styled";
-import { StyledItemLabel } from "./styled";
-const MenuItem = (props) => {
-  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
-  useValidateTypescriptPropTypes(propsWithDefault, itemProps);
-  const { dsId, label, isSelected, onClick, isFocus, isActive, innerRef, onMouseEnter, onMouseLeave, wrapperStyles } = propsWithDefault;
-  return /* @__PURE__ */ React2.createElement(StyledMenuItemWrapper, {
-    "aria-selected": isSelected,
-    id: dsId,
-    role: "option",
-    isSelected,
-    isActive,
-    isFocus,
-    onClick,
-    ref: innerRef,
-    onMouseEnter,
-    onMouseLeave,
-    style: wrapperStyles
-  }, /* @__PURE__ */ React2.createElement(Grid, null, /* @__PURE__ */ React2.createElement(StyledItemLabel, null, label)));
-};
-MenuItem.propTypes = itemProps;
-const MenuItemWithSchema = describe(MenuItem);
-MenuItemWithSchema.propTypes = itemProps;
-export {
-  MenuItem,
-  MenuItemWithSchema
-};
-//# sourceMappingURL=index.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/MenuItem/components/MenuItem/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from 'react-desc';\nimport { Grid } from '@elliemae/ds-grid';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { MenuItemT, defaultProps, itemProps } from '../../props';\nimport { StyledMenuItemWrapper } from '../styled';\nimport { StyledItemLabel } from './styled';\n\nconst MenuItem = (props: MenuItemT): JSX.Element => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n\n  useValidateTypescriptPropTypes(propsWithDefault, itemProps);\n\n  const { dsId, label, isSelected, onClick, isFocus, isActive, innerRef, onMouseEnter, onMouseLeave, wrapperStyles } =\n    propsWithDefault;\n\n  return (\n    <StyledMenuItemWrapper\n      aria-selected={isSelected}\n      id={dsId}\n      role=\"option\"\n      isSelected={isSelected}\n      isActive={isActive}\n      isFocus={isFocus}\n      onClick={onClick}\n      ref={innerRef}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      style={wrapperStyles}\n    >\n      <Grid>\n        <StyledItemLabel>{label}</StyledItemLabel>\n      </Grid>\n    </StyledMenuItemWrapper>\n  );\n};\n\nMenuItem.propTypes = itemProps;\nconst MenuItemWithSchema = describe(MenuItem);\nMenuItemWithSchema.propTypes = itemProps;\n\nexport { MenuItem, MenuItemWithSchema };\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,WAAW,CAAC,UAAkC;AAClD,QAAM,mBAAmB,6BAA6B,OAAO;AAE7D,iCAA+B,kBAAkB;AAEjD,QAAM,EAAE,MAAM,OAAO,YAAY,SAAS,SAAS,UAAU,UAAU,cAAc,cAAc,kBACjG;AAEF,SACE,qCAAC,uBAAD;AAAA,IACE,iBAAe;AAAA,IACf,IAAI;AAAA,IACJ,MAAK;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,KAAK;AAAA,IACL;AAAA,IACA;AAAA,IACA,OAAO;AAAA,KAEP,qCAAC,MAAD,MACE,qCAAC,iBAAD,MAAkB;AAAA;AAM1B,SAAS,YAAY;AACrB,MAAM,qBAAqB,SAAS;AACpC,mBAAmB,YAAY;",
-  "names": []
-}

package/esm/MenuItem/components/MenuItem/styled.js

@@ -1,14 +0,0 @@
-import * as React from "react";
-import styled from "styled-components";
-const StyledItemLabel = styled.div`
-  display: grid;
-  align-items: center;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  width: 100%;
-`;
-export {
-  StyledItemLabel
-};
-//# sourceMappingURL=styled.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/MenuItem/components/MenuItem/styled.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\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"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
-  "names": []
-}

package/esm/MenuItem/components/MultiMenuItem/MultiMenuItem.js

@@ -1,63 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import { describe } from "react-desc";
-import { DSControlledCheckbox } from "@elliemae/ds-controlled-form";
-import { defaultProps, itemProps } from "../../props";
-import { StyledItemContent } from "./styled";
-import { StyledGlobalMenuItemWrapper } from "../styled";
-const MultiMenuItem = (props) => {
-  const {
-    dsId,
-    value,
-    label,
-    disabled,
-    isSelected,
-    isActive,
-    onClick,
-    isFocus,
-    innerRef,
-    onMouseEnter,
-    onMouseLeave,
-    onMouseDown,
-    wrapperStyles,
-    tabIndex,
-    render
-  } = props;
-  return /* @__PURE__ */ React2.createElement(StyledGlobalMenuItemWrapper, {
-    id: dsId,
-    disabled,
-    isActive,
-    isSelected,
-    isFocus,
-    onClick,
-    ref: innerRef,
-    onMouseDown,
-    onMouseEnter,
-    onMouseLeave,
-    role: "option",
-    className: isActive ? "ds-list-item-active" : "",
-    "aria-selected": isSelected,
-    style: wrapperStyles,
-    pr: render ? 0 : 40,
-    "data-testid": "combobox-option"
-  }, /* @__PURE__ */ React2.createElement(StyledItemContent, null, render ? render(props) : /* @__PURE__ */ React2.createElement(DSControlledCheckbox, {
-    tabIndex,
-    disabled,
-    checked: isSelected,
-    onMouseDown,
-    name: value,
-    ariaLabel: label,
-    label,
-    id: value,
-    onChange: onClick
-  })));
-};
-MultiMenuItem.propTypes = itemProps;
-MultiMenuItem.defaultProps = defaultProps;
-const MultiMenuItemWithSchema = describe(MultiMenuItem);
-MultiMenuItemWithSchema.propTypes = itemProps;
-export {
-  MultiMenuItem,
-  MultiMenuItemWithSchema
-};
-//# sourceMappingURL=MultiMenuItem.js.map

package/esm/MenuItem/components/MultiMenuItem/MultiMenuItem.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/MenuItem/components/MultiMenuItem/MultiMenuItem.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from 'react-desc';\nimport { DSControlledCheckbox } from '@elliemae/ds-controlled-form';\nimport { MenuItemT, defaultProps, itemProps } from '../../props';\nimport { StyledItemContent } from './styled';\nimport { StyledGlobalMenuItemWrapper } from '../styled';\n\nconst MultiMenuItem = (props: MenuItemT): JSX.Element => {\n  const {\n    dsId,\n    value,\n    label,\n    disabled,\n    isSelected,\n    isActive,\n    onClick,\n    isFocus,\n    innerRef,\n    onMouseEnter,\n    onMouseLeave,\n    onMouseDown,\n    wrapperStyles,\n    tabIndex,\n    render,\n  } = props;\n\n  return (\n    <StyledGlobalMenuItemWrapper\n      id={dsId}\n      disabled={disabled}\n      isActive={isActive}\n      isSelected={isSelected}\n      isFocus={isFocus}\n      onClick={onClick}\n      ref={innerRef}\n      onMouseDown={onMouseDown}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      role=\"option\"\n      className={isActive ? 'ds-list-item-active' : ''}\n      aria-selected={isSelected}\n      style={wrapperStyles}\n      pr={render ? 0 : 40}\n      data-testid=\"combobox-option\"\n    >\n      <StyledItemContent>\n        {render ? (\n          render(props)\n        ) : (\n          <DSControlledCheckbox\n            tabIndex={tabIndex}\n            disabled={disabled}\n            checked={isSelected}\n            onMouseDown={onMouseDown}\n            name={value}\n            ariaLabel={label}\n            label={label}\n            id={value}\n            onChange={onClick}\n          />\n        )}\n      </StyledItemContent>\n    </StyledGlobalMenuItemWrapper>\n  );\n};\n\nMultiMenuItem.propTypes = itemProps;\nMultiMenuItem.defaultProps = defaultProps;\nconst MultiMenuItemWithSchema = describe(MultiMenuItem);\nMultiMenuItemWithSchema.propTypes = itemProps;\n\nexport { MultiMenuItem, MultiMenuItemWithSchema };\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,gBAAgB,CAAC,UAAkC;AACvD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE;AAEJ,SACE,qCAAC,6BAAD;AAAA,IACE,IAAI;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,KAAK;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAK;AAAA,IACL,WAAW,WAAW,wBAAwB;AAAA,IAC9C,iBAAe;AAAA,IACf,OAAO;AAAA,IACP,IAAI,SAAS,IAAI;AAAA,IACjB,eAAY;AAAA,KAEZ,qCAAC,mBAAD,MACG,SACC,OAAO,SAEP,qCAAC,sBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA,MAAM;AAAA,IACN,WAAW;AAAA,IACX;AAAA,IACA,IAAI;AAAA,IACJ,UAAU;AAAA;AAAA;AAQtB,cAAc,YAAY;AAC1B,cAAc,eAAe;AAC7B,MAAM,0BAA0B,SAAS;AACzC,wBAAwB,YAAY;",
-  "names": []
-}

package/esm/MenuItem/components/MultiMenuItem/styled.js

@@ -1,13 +0,0 @@
-import * as React from "react";
-import styled from "styled-components";
-const StyledItemContent = styled.div`
-  display: flex;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  width: 100%;
-`;
-export {
-  StyledItemContent
-};
-//# sourceMappingURL=styled.js.map

package/esm/MenuItem/components/MultiMenuItem/styled.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/MenuItem/components/MultiMenuItem/styled.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\n\nexport const StyledItemContent = styled.div`\n  display: flex;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  width: 100%;\n`;\n"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
-  "names": []
-}

package/esm/MenuItem/components/Section/index.js

@@ -1,23 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import { describe } from "react-desc";
-import { Grid } from "@elliemae/ds-grid";
-import { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from "@elliemae/ds-props-helpers";
-import { defaultProps, itemProps } from "./props";
-import { StyledSectionWrapper, StyledGroupLabel } from "./styled";
-const Section = (props) => {
-  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
-  useValidateTypescriptPropTypes(propsWithDefault, itemProps);
-  const { label, wrapperStyles, innerRef, render } = props;
-  return /* @__PURE__ */ React2.createElement(StyledSectionWrapper, {
-    style: wrapperStyles,
-    ref: innerRef
-  }, render ? render(props) : /* @__PURE__ */ React2.createElement(Grid, null, /* @__PURE__ */ React2.createElement(StyledGroupLabel, null, label)));
-};
-Section.propTypes = itemProps;
-const MenuSectionItemWithSchema = describe(Section);
-MenuSectionItemWithSchema.propTypes = itemProps;
-export {
-  Section
-};
-//# sourceMappingURL=index.js.map

package/esm/MenuItem/components/Section/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/MenuItem/components/Section/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from 'react-desc';\nimport { Grid } from '@elliemae/ds-grid';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { MenuSectionItemT, defaultProps, itemProps } from './props';\nimport { StyledSectionWrapper, StyledGroupLabel } from './styled';\nconst Section = (props: MenuSectionItemT): JSX.Element => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n\n  useValidateTypescriptPropTypes(propsWithDefault, itemProps);\n  const { label, wrapperStyles, innerRef, render } = props;\n  return (\n    <StyledSectionWrapper style={wrapperStyles} ref={innerRef}>\n      {render ? (\n        render(props)\n      ) : (\n        <Grid>\n          <StyledGroupLabel>{label}</StyledGroupLabel>\n        </Grid>\n      )}\n    </StyledSectionWrapper>\n  );\n};\n\nSection.propTypes = itemProps;\nconst MenuSectionItemWithSchema = describe(Section);\nMenuSectionItemWithSchema.propTypes = itemProps;\n\nexport { Section };\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM,UAAU,CAAC,UAAyC;AACxD,QAAM,mBAAmB,6BAA6B,OAAO;AAE7D,iCAA+B,kBAAkB;AACjD,QAAM,EAAE,OAAO,eAAe,UAAU,WAAW;AACnD,SACE,qCAAC,sBAAD;AAAA,IAAsB,OAAO;AAAA,IAAe,KAAK;AAAA,KAC9C,SACC,OAAO,SAEP,qCAAC,MAAD,MACE,qCAAC,kBAAD,MAAmB;AAAA;AAO7B,QAAQ,YAAY;AACpB,MAAM,4BAA4B,SAAS;AAC3C,0BAA0B,YAAY;",
-  "names": []
-}

package/esm/MenuItem/components/Section/props.js

@@ -1,14 +0,0 @@
-import * as React from "react";
-import { PropTypes } from "react-desc";
-const defaultProps = {
-  label: "",
-  wrapperStyles: {}
-};
-const itemProps = {
-  label: PropTypes.string.description("").defaultValue("")
-};
-export {
-  defaultProps,
-  itemProps
-};
-//# sourceMappingURL=props.js.map

package/esm/MenuItem/components/Section/props.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/MenuItem/components/Section/props.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from 'react-desc';\n\nexport interface MenuSectionItemT {\n  label: string;\n  wrapperStyles?: Record<string, unknown>;\n  innerRef?: React.RefObject<HTMLLIElement> | ((_ref: HTMLLIElement) => void);\n  render?: (props: MenuSectionItemT) => JSX.Element;\n}\n\nexport const defaultProps: MenuSectionItemT = {\n  label: '',\n  wrapperStyles: {},\n};\n\nexport const itemProps = {\n  label: PropTypes.string.description('').defaultValue(''),\n};\n"],
-  "mappings": "AAAA;ACAA;AASO,MAAM,eAAiC;AAAA,EAC5C,OAAO;AAAA,EACP,eAAe;AAAA;AAGV,MAAM,YAAY;AAAA,EACvB,OAAO,UAAU,OAAO,YAAY,IAAI,aAAa;AAAA;",
-  "names": []
-}

package/esm/MenuItem/components/Section/styled.js

@@ -1,22 +0,0 @@
-import * as React from "react";
-import styled from "styled-components";
-import { position, layout, sizing } from "@xstyled/styled-components";
-const StyledGroupLabel = styled.span`
-  font-family: 12px;
-  color: ${(props) => props.theme.colors.neutral[500]};
-`;
-const StyledSectionWrapper = styled.li`
-  ${position}
-  ${layout}
-  ${sizing}
-  list-style: none;
-  padding: 0px 16px;
-  height: 24px;
-  display: flex;
-  align-items: center;
-`;
-export {
-  StyledGroupLabel,
-  StyledSectionWrapper
-};
-//# sourceMappingURL=styled.js.map

package/esm/MenuItem/components/Section/styled.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/MenuItem/components/Section/styled.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\nimport { position, layout, sizing } from '@xstyled/styled-components';\n\nexport const StyledGroupLabel = styled.span`\n  font-family: 12px;\n  color: ${(props) => props.theme.colors.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"],
-  "mappings": "AAAA;ACAA;AACA;AAEO,MAAM,mBAAmB,OAAO;AAAA;AAAA,WAE5B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAG1C,MAAM,uBAAuB,OAAO;AAAA,IACvC;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
-  "names": []
-}

package/esm/MenuItem/components/Separator/index.js

@@ -1,14 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import { StyledSeparatorWrapper, StyledSeparator } from "./styled";
-const Separator = (props) => {
-  const { wrapperStyles, innerRef, render } = props;
-  return /* @__PURE__ */ React2.createElement(StyledSeparatorWrapper, {
-    style: wrapperStyles,
-    ref: innerRef
-  }, render ? render(props) : /* @__PURE__ */ React2.createElement(StyledSeparator, null));
-};
-export {
-  Separator
-};
-//# sourceMappingURL=index.js.map

package/esm/MenuItem/components/Separator/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/MenuItem/components/Separator/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\n\nimport { StyledSeparatorWrapper, StyledSeparator } from './styled';\n\ninterface SeparatorProps {\n  wrapperStyles: Record<string, unknown>;\n  innerRef: React.RefObject<HTMLLIElement> | ((_ref: HTMLLIElement) => void);\n  render?: (props: SeparatorProps) => JSX.Element;\n}\n\nconst Separator = (props: SeparatorProps): JSX.Element => {\n  const { wrapperStyles, innerRef, render } = props;\n  return (\n    <StyledSeparatorWrapper style={wrapperStyles} ref={innerRef}>\n      {render ? render(props) : <StyledSeparator />}\n    </StyledSeparatorWrapper>\n  );\n};\n\nexport { Separator };\n"],
-  "mappings": "AAAA;ACAA;AAEA;AAQA,MAAM,YAAY,CAAC,UAAuC;AACxD,QAAM,EAAE,eAAe,UAAU,WAAW;AAC5C,SACE,qCAAC,wBAAD;AAAA,IAAwB,OAAO;AAAA,IAAe,KAAK;AAAA,KAChD,SAAS,OAAO,SAAS,qCAAC,iBAAD;AAAA;",
-  "names": []
-}

package/esm/MenuItem/components/Separator/styled.js

@@ -1,21 +0,0 @@
-import * as React from "react";
-import styled from "styled-components";
-import { position, layout, sizing } from "@xstyled/styled-components";
-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}
-`;
-export {
-  StyledSeparator,
-  StyledSeparatorWrapper
-};
-//# sourceMappingURL=styled.js.map

package/esm/MenuItem/components/Separator/styled.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/MenuItem/components/Separator/styled.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\nimport { position, layout, sizing } from '@xstyled/styled-components';\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"],
-  "mappings": "AAAA;ACAA;AACA;AAEO,MAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAO/B,MAAM,yBAAyB,OAAO;AAAA;AAAA;AAAA,IAGzC;AAAA,IACA;AAAA,IACA;AAAA;",
-  "names": []
-}

package/esm/MenuItem/components/SingleMenuItem/SingleMenuItem.js

@@ -1,60 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import { describe } from "react-desc";
-import { SimpleTruncatedTooltipText } from "@elliemae/ds-truncated-tooltip-text";
-import { Checkmark } from "@elliemae/ds-icons";
-import { Grid } from "@elliemae/ds-grid";
-import { defaultProps, itemProps } from "../../props";
-import { StyledGlobalMenuItemWrapper } from "../styled";
-const SingleMenuItem = (props) => {
-  const {
-    dsId,
-    label,
-    isSelected,
-    onClick,
-    isFocus,
-    isActive,
-    innerRef,
-    onMouseDown,
-    onMouseEnter,
-    onMouseLeave,
-    wrapperStyles,
-    render,
-    dataTestid
-  } = props;
-  return /* @__PURE__ */ React2.createElement(StyledGlobalMenuItemWrapper, {
-    "aria-selected": isSelected,
-    id: dsId,
-    role: "option",
-    isActive,
-    isSelected,
-    isFocus,
-    onClick,
-    ref: innerRef,
-    onMouseDown,
-    onMouseEnter,
-    onMouseLeave,
-    className: isActive ? "ds-list-item-active" : "",
-    style: wrapperStyles,
-    pr: render ? 0 : 40,
-    "data-testid": dataTestid
-  }, render ? render(props) : /* @__PURE__ */ React2.createElement(Grid, {
-    cols: ["16px", "auto"],
-    height: "16px",
-    gutter: "xxs",
-    alignItems: "center"
-  }, /* @__PURE__ */ React2.createElement("div", null, isSelected && /* @__PURE__ */ React2.createElement(Checkmark, {
-    size: "s",
-    color: ["brand-primary", "600"]
-  })), /* @__PURE__ */ React2.createElement(SimpleTruncatedTooltipText, {
-    value: label
-  })));
-};
-SingleMenuItem.propTypes = itemProps;
-SingleMenuItem.defaultProps = defaultProps;
-const SingleMenuItemWithSchema = describe(SingleMenuItem);
-SingleMenuItemWithSchema.propTypes = itemProps;
-export {
-  SingleMenuItem
-};
-//# sourceMappingURL=SingleMenuItem.js.map

package/esm/MenuItem/components/SingleMenuItem/SingleMenuItem.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/MenuItem/components/SingleMenuItem/SingleMenuItem.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from 'react-desc';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { Checkmark } from '@elliemae/ds-icons';\nimport { Grid } from '@elliemae/ds-grid';\nimport { defaultProps, itemProps, MenuItemT } from '../../props';\nimport { StyledGlobalMenuItemWrapper } from '../styled';\n\nconst SingleMenuItem = (props: MenuItemT): JSX.Element => {\n  const {\n    dsId,\n    label,\n    isSelected,\n    onClick,\n    isFocus,\n    isActive,\n    innerRef,\n    onMouseDown,\n    onMouseEnter,\n    onMouseLeave,\n    wrapperStyles,\n    render,\n    dataTestid,\n  } = props;\n  return (\n    <StyledGlobalMenuItemWrapper\n      aria-selected={isSelected}\n      id={dsId}\n      role=\"option\"\n      isActive={isActive}\n      isSelected={isSelected}\n      isFocus={isFocus}\n      onClick={onClick}\n      ref={innerRef}\n      onMouseDown={onMouseDown}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      className={isActive ? 'ds-list-item-active' : ''}\n      style={wrapperStyles}\n      pr={render ? 0 : 40}\n      data-testid={dataTestid}\n    >\n      {render ? (\n        render(props)\n      ) : (\n        <Grid cols={['16px', 'auto']} height=\"16px\" gutter=\"xxs\" alignItems=\"center\">\n          <div>{isSelected && <Checkmark size=\"s\" color={['brand-primary', '600']} />}</div>\n          <SimpleTruncatedTooltipText value={label} />\n        </Grid>\n      )}\n    </StyledGlobalMenuItemWrapper>\n  );\n};\n\nSingleMenuItem.propTypes = itemProps;\nSingleMenuItem.defaultProps = defaultProps;\nconst SingleMenuItemWithSchema = describe(SingleMenuItem);\nSingleMenuItemWithSchema.propTypes = itemProps;\n\nexport { SingleMenuItem };\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,iBAAiB,CAAC,UAAkC;AACxD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE;AACJ,SACE,qCAAC,6BAAD;AAAA,IACE,iBAAe;AAAA,IACf,IAAI;AAAA,IACJ,MAAK;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,KAAK;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,WAAW,wBAAwB;AAAA,IAC9C,OAAO;AAAA,IACP,IAAI,SAAS,IAAI;AAAA,IACjB,eAAa;AAAA,KAEZ,SACC,OAAO,SAEP,qCAAC,MAAD;AAAA,IAAM,MAAM,CAAC,QAAQ;AAAA,IAAS,QAAO;AAAA,IAAO,QAAO;AAAA,IAAM,YAAW;AAAA,KAClE,qCAAC,OAAD,MAAM,cAAc,qCAAC,WAAD;AAAA,IAAW,MAAK;AAAA,IAAI,OAAO,CAAC,iBAAiB;AAAA,OACjE,qCAAC,4BAAD;AAAA,IAA4B,OAAO;AAAA;AAAA;AAO7C,eAAe,YAAY;AAC3B,eAAe,eAAe;AAC9B,MAAM,2BAA2B,SAAS;AAC1C,yBAAyB,YAAY;",
-  "names": []
-}

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

@@ -1,112 +0,0 @@
-import * as React from "react";
-import React2, { useCallback, useEffect, useRef, useState } from "react";
-import { describe } from "react-desc";
-import { Grid } from "@elliemae/ds-grid";
-import { DSButtonV2 } from "@elliemae/ds-button";
-import { MoreOptionsVert } from "@elliemae/ds-icons";
-import { ChevronRight } from "@elliemae/ds-icons";
-import { DSDropdownMenuV2 } from "@elliemae/ds-dropdownmenu";
-import { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from "@elliemae/ds-props-helpers";
-import { defaultProps, itemProps } from "../../props";
-import { StyledItemLabel } from "./styled";
-import { StyledSubmenuItemWrapper } from "../styled";
-const SubmenuItem = (props) => {
-  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
-  useValidateTypescriptPropTypes(propsWithDefault, itemProps);
-  const {
-    dsId,
-    label,
-    isSelected,
-    isActive,
-    onClick,
-    isFocus,
-    rightAddon,
-    options,
-    selectedOptions,
-    innerRef,
-    onMouseEnter,
-    onMouseLeave,
-    onKeyDown,
-    onOptionClick,
-    onClickOutside,
-    wrapperStyles,
-    minWidth,
-    maxHeight,
-    render
-  } = propsWithDefault;
-  const [delayedIsOpened, setDelayedIsOpened] = useState(false);
-  useEffect(() => {
-    setDelayedIsOpened(isSelected);
-  }, [isSelected]);
-  const timeoutRef = useRef(null);
-  const onMouseEnterHandler = useCallback((e) => {
-    if (rightAddon !== "ellipsis") {
-      if (timeoutRef.current !== null)
-        clearTimeout(timeoutRef.current);
-      else if (!isSelected)
-        onClick(e);
-      timeoutRef.current = null;
-    }
-    if (e.target)
-      onMouseEnter(e);
-  }, [isSelected, onClick, onMouseEnter, rightAddon]);
-  const onMouseLeaveHandler = useCallback((e) => {
-    if (rightAddon !== "ellipsis") {
-      if (timeoutRef.current === null) {
-        timeoutRef.current = setTimeout(() => {
-          timeoutRef.current = null;
-          onClick(e);
-        }, 300);
-      }
-    }
-    onMouseLeave(e);
-  }, [onClick, onMouseLeave, rightAddon]);
-  return /* @__PURE__ */ React2.createElement(DSDropdownMenuV2, {
-    isOpened: delayedIsOpened,
-    options,
-    onOptionClick,
-    startPlacementPreference: "right-start",
-    placementOrderPreference: ["right-start", "right-end", "left-start", "left-end"],
-    selectedOptions,
-    onKeyDown,
-    onMouseEnter: onMouseEnterHandler,
-    onMouseLeave: onMouseLeaveHandler,
-    onClickOutside,
-    customOffset: [0, 1],
-    wrapperStyles: { ...wrapperStyles, w: "100%" },
-    minWidth,
-    maxHeight
-  }, /* @__PURE__ */ React2.createElement(StyledSubmenuItemWrapper, {
-    "aria-selected": isSelected,
-    pr: 0,
-    id: dsId,
-    role: "option",
-    isSelected,
-    isActive,
-    isFocus,
-    onClick,
-    ref: innerRef,
-    onMouseEnter: onMouseEnterHandler,
-    onMouseLeave: onMouseLeaveHandler,
-    "aria-describedby": `dropdownmenu-submenu-${dsId}`
-  }, render ? render(props) : /* @__PURE__ */ React2.createElement(Grid, {
-    cols: ["auto", "min-content"]
-  }, /* @__PURE__ */ React2.createElement(StyledItemLabel, null, label), /* @__PURE__ */ React2.createElement(DSButtonV2, {
-    buttonType: "icon",
-    onClick: (e) => {
-      e.stopPropagation();
-      onClick(e);
-    }
-  }, rightAddon === "ellipsis" ? /* @__PURE__ */ React2.createElement(MoreOptionsVert, null) : /* @__PURE__ */ React2.createElement(ChevronRight, null))), /* @__PURE__ */ React2.createElement("span", {
-    id: `dropdownmenu-submenu-${dsId}`,
-    style: { display: "none" }
-  }, "Submenu. To open this submenu press the Right Arrow key.")));
-};
-SubmenuItem.propTypes = itemProps;
-const SubmenuItemWithSchema = describe(SubmenuItem);
-SubmenuItemWithSchema.propTypes = itemProps;
-export {
-  SubmenuItem,
-  SubmenuItemWithSchema
-};
-//# sourceMappingURL=index.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/MenuItem/components/SubmenuItem/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { describe } from 'react-desc';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSButtonV2 } from '@elliemae/ds-button';\nimport { MoreOptionsVert } from '@elliemae/ds-icons';\nimport { ChevronRight } from '@elliemae/ds-icons';\nimport { DSDropdownMenuV2 } from '@elliemae/ds-dropdownmenu';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { MenuItemT, defaultProps, itemProps } from '../../props';\nimport { StyledItemLabel } from './styled';\nimport { StyledSubmenuItemWrapper } from '../styled';\n\nconst SubmenuItem = (props: MenuItemT): JSX.Element => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n\n  useValidateTypescriptPropTypes(propsWithDefault, itemProps);\n\n  const {\n    dsId,\n    label,\n    isSelected,\n    isActive,\n    onClick,\n    isFocus,\n    rightAddon,\n    options,\n    selectedOptions,\n    innerRef,\n    onMouseEnter,\n    onMouseLeave,\n    onKeyDown,\n    onOptionClick,\n    onClickOutside,\n    wrapperStyles,\n    minWidth,\n    maxHeight,\n    render,\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  const [delayedIsOpened, setDelayedIsOpened] = useState(false);\n\n  useEffect(() => {\n    setDelayedIsOpened(isSelected);\n  }, [isSelected]);\n\n  const timeoutRef = useRef<NodeJS.Timeout>(null);\n\n  const onMouseEnterHandler = useCallback(\n    (e) => {\n      if (rightAddon !== 'ellipsis') {\n        if (timeoutRef.current !== null) clearTimeout(timeoutRef.current);\n        else if (!isSelected) onClick(e);\n        timeoutRef.current = null;\n      }\n      if (e.target) onMouseEnter(e);\n    },\n    [isSelected, onClick, onMouseEnter, rightAddon],\n  );\n\n  const onMouseLeaveHandler = useCallback(\n    (e) => {\n      if (rightAddon !== 'ellipsis') {\n        if (timeoutRef.current === null) {\n          timeoutRef.current = setTimeout(() => {\n            timeoutRef.current = null;\n            onClick(e);\n          }, 300);\n        }\n      }\n      onMouseLeave(e);\n    },\n    [onClick, onMouseLeave, rightAddon],\n  );\n\n  return (\n    <DSDropdownMenuV2\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      onKeyDown={onKeyDown}\n      onMouseEnter={onMouseEnterHandler}\n      onMouseLeave={onMouseLeaveHandler}\n      onClickOutside={onClickOutside}\n      customOffset={[0, 1]}\n      wrapperStyles={{ ...wrapperStyles, w: '100%' }}\n      minWidth={minWidth}\n      maxHeight={maxHeight}\n    >\n      <StyledSubmenuItemWrapper\n        aria-selected={isSelected}\n        pr={0}\n        id={dsId}\n        role=\"option\"\n        isSelected={isSelected}\n        isActive={isActive}\n        isFocus={isFocus}\n        onClick={onClick}\n        ref={innerRef}\n        onMouseEnter={onMouseEnterHandler}\n        onMouseLeave={onMouseLeaveHandler}\n        aria-describedby={`dropdownmenu-submenu-${dsId}`}\n      >\n        {render ? (\n          render(props)\n        ) : (\n          <Grid cols={['auto', 'min-content']}>\n            <StyledItemLabel>{label}</StyledItemLabel>\n\n            <DSButtonV2\n              buttonType=\"icon\"\n              onClick={(e) => {\n                e.stopPropagation();\n                onClick(e);\n              }}\n            >\n              {rightAddon === 'ellipsis' ? <MoreOptionsVert /> : <ChevronRight />}\n            </DSButtonV2>\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      </StyledSubmenuItemWrapper>\n    </DSDropdownMenuV2>\n  );\n};\n\nSubmenuItem.propTypes = itemProps;\nconst SubmenuItemWithSchema = describe(SubmenuItem);\nSubmenuItemWithSchema.propTypes = itemProps;\n\nexport { SubmenuItem, SubmenuItemWithSchema };\n"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,cAAc,CAAC,UAAkC;AACrD,QAAM,mBAAmB,6BAA6B,OAAO;AAE7D,iCAA+B,kBAAkB;AAEjD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE;AAIJ,QAAM,CAAC,iBAAiB,sBAAsB,SAAS;AAEvD,YAAU,MAAM;AACd,uBAAmB;AAAA,KAClB,CAAC;AAEJ,QAAM,aAAa,OAAuB;AAE1C,QAAM,sBAAsB,YAC1B,CAAC,MAAM;AACL,QAAI,eAAe,YAAY;AAC7B,UAAI,WAAW,YAAY;AAAM,qBAAa,WAAW;AAAA,eAChD,CAAC;AAAY,gBAAQ;AAC9B,iBAAW,UAAU;AAAA;AAEvB,QAAI,EAAE;AAAQ,mBAAa;AAAA,KAE7B,CAAC,YAAY,SAAS,cAAc;AAGtC,QAAM,sBAAsB,YAC1B,CAAC,MAAM;AACL,QAAI,eAAe,YAAY;AAC7B,UAAI,WAAW,YAAY,MAAM;AAC/B,mBAAW,UAAU,WAAW,MAAM;AACpC,qBAAW,UAAU;AACrB,kBAAQ;AAAA,WACP;AAAA;AAAA;AAGP,iBAAa;AAAA,KAEf,CAAC,SAAS,cAAc;AAG1B,SACE,qCAAC,kBAAD;AAAA,IACE,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,0BAAyB;AAAA,IACzB,0BAA0B,CAAC,eAAe,aAAa,cAAc;AAAA,IACrE;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,cAAc;AAAA,IACd;AAAA,IACA,cAAc,CAAC,GAAG;AAAA,IAClB,eAAe,KAAK,eAAe,GAAG;AAAA,IACtC;AAAA,IACA;AAAA,KAEA,qCAAC,0BAAD;AAAA,IACE,iBAAe;AAAA,IACf,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,MAAK;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,KAAK;AAAA,IACL,cAAc;AAAA,IACd,cAAc;AAAA,IACd,oBAAkB,wBAAwB;AAAA,KAEzC,SACC,OAAO,SAEP,qCAAC,MAAD;AAAA,IAAM,MAAM,CAAC,QAAQ;AAAA,KACnB,qCAAC,iBAAD,MAAkB,QAElB,qCAAC,YAAD;AAAA,IACE,YAAW;AAAA,IACX,SAAS,CAAC,MAAM;AACd,QAAE;AACF,cAAQ;AAAA;AAAA,KAGT,eAAe,aAAa,qCAAC,iBAAD,QAAsB,qCAAC,cAAD,SAIzD,qCAAC,QAAD;AAAA,IAAM,IAAI,wBAAwB;AAAA,IAAQ,OAAO,EAAE,SAAS;AAAA,KAAU;AAAA;AAQ9E,YAAY,YAAY;AACxB,MAAM,wBAAwB,SAAS;AACvC,sBAAsB,YAAY;",
-  "names": []
-}

package/esm/MenuItem/components/SubmenuItem/styled.js

@@ -1,19 +0,0 @@
-import * as React from "react";
-import styled from "styled-components";
-import { StyledGlobalMenuItemWrapper } from "../styled";
-const StyledItemWrapper = styled(StyledGlobalMenuItemWrapper)`
-  background-color: ${(props) => props.isSelected ? props.theme.colors.brand[200] : "white"} !important;
-`;
-const StyledItemLabel = styled.div`
-  display: grid;
-  align-items: center;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  width: 100%;
-`;
-export {
-  StyledItemLabel,
-  StyledItemWrapper
-};
-//# sourceMappingURL=styled.js.map

package/esm/MenuItem/components/SubmenuItem/styled.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/MenuItem/components/SubmenuItem/styled.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\nimport { StyledGlobalMenuItemWrapper } from '../styled';\n\nexport const StyledItemWrapper = styled(StyledGlobalMenuItemWrapper)`\n  background-color: ${(props) => (props.isSelected ? props.theme.colors.brand[200] : 'white')} !important;\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"],
-  "mappings": "AAAA;ACAA;AACA;AAEO,MAAM,oBAAoB,OAAO;AAAA,sBAClB,CAAC,UAAW,MAAM,aAAa,MAAM,MAAM,OAAO,MAAM,OAAO;AAAA;AAG9E,MAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
-  "names": []
-}

package/esm/MenuItem/components/index.js

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

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

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