@elliemae/ds-form 2.2.0-next.4 → 2.3.0-alpha.2

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

@@ -1,13 +1,11 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { describe } from 'react-desc';
-import { DSControlledCheckbox } from '@elliemae/ds-controlled-form';
-import { itemProps, defaultProps } from '../../props.js';
-import { StyledItemContent } from './styled.js';
-import { StyledGlobalMenuItemWrapper } from '../styled.js';
-import { jsx } from 'react/jsx-runtime';
-
-const MultiMenuItem = props => {
+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,
@@ -25,39 +23,41 @@ const MultiMenuItem = props => {
     tabIndex,
     render
   } = props;
-  return /*#__PURE__*/jsx(StyledGlobalMenuItemWrapper, {
+  return /* @__PURE__ */ React2.createElement(StyledGlobalMenuItemWrapper, {
     id: dsId,
-    disabled: disabled,
-    isActive: isActive,
-    isSelected: isSelected,
-    isFocus: isFocus,
-    onClick: onClick,
+    disabled,
+    isActive,
+    isSelected,
+    isFocus,
+    onClick,
     ref: innerRef,
-    onMouseDown: onMouseDown,
-    onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave,
+    onMouseDown,
+    onMouseEnter,
+    onMouseLeave,
     role: "option",
-    className: isActive ? 'ds-list-item-active' : '',
+    className: isActive ? "ds-list-item-active" : "",
     "aria-selected": isSelected,
     style: wrapperStyles,
     pr: render ? 0 : 40,
-    "data-testid": "combobox-option",
-    children: /*#__PURE__*/_jsx(StyledItemContent, {}, void 0, render ? render(props) : /*#__PURE__*/_jsx(DSControlledCheckbox, {
-      tabIndex: tabIndex,
-      disabled: disabled,
-      checked: isSelected,
-      onMouseDown: onMouseDown,
-      name: value,
-      ariaLabel: label,
-      label: label,
-      id: value,
-      onChange: onClick
-    }))
-  });
+    "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 };
+export {
+  MultiMenuItem,
+  MultiMenuItemWithSchema
+};
+//# sourceMappingURL=MultiMenuItem.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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,7 +1,13 @@
-import styled from 'styled-components';
-
-const StyledItemContent = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1stlix4-0"
-})(["display:flex;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%;"]);
-
-export { StyledItemContent };
+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

@@ -0,0 +1,7 @@
+{
+  "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,29 +1,23 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { describe } from 'react-desc';
-import Grid from '@elliemae/ds-grid';
-import { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';
-import { itemProps, defaultProps } from './props.js';
-import { StyledSectionWrapper, StyledGroupLabel } from './styled.js';
-import { jsx } from 'react/jsx-runtime';
-
-const Section = props => {
+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__*/jsx(StyledSectionWrapper, {
+  const { label, wrapperStyles, innerRef, render } = props;
+  return /* @__PURE__ */ React2.createElement(StyledSectionWrapper, {
     style: wrapperStyles,
-    ref: innerRef,
-    children: render ? render(props) : /*#__PURE__*/_jsx(Grid, {}, void 0, /*#__PURE__*/_jsx(StyledGroupLabel, {}, void 0, label))
-  });
+    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 };
+export {
+  Section
+};
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,7 @@
+{
+  "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,11 +1,22 @@
-import styled from 'styled-components';
-import { position, layout, sizing } from '@xstyled/styled-components';
-
-const StyledGroupLabel = /*#__PURE__*/styled.span.withConfig({
-  componentId: "sc-6xya9j-0"
-})(["font-family:12px;color:", ";"], props => props.theme.colors.neutral[500]);
-const StyledSectionWrapper = /*#__PURE__*/styled.li.withConfig({
-  componentId: "sc-6xya9j-1"
-})(["", " ", " ", " list-style:none;padding:0px 16px;height:24px;display:flex;align-items:center;"], position, layout, sizing);
-
-export { StyledGroupLabel, StyledSectionWrapper };
+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

@@ -0,0 +1,7 @@
+{
+  "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,21 +1,14 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { StyledSeparatorWrapper, StyledSeparator } from './styled.js';
-import { jsx } from 'react/jsx-runtime';
-
-var _StyledSeparator;
-
-const Separator = props => {
-  const {
-    wrapperStyles,
-    innerRef,
-    render
-  } = props;
-  return /*#__PURE__*/jsx(StyledSeparatorWrapper, {
+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,
-    children: render ? render(props) : _StyledSeparator || (_StyledSeparator = /*#__PURE__*/_jsx(StyledSeparator, {}))
-  });
+    ref: innerRef
+  }, render ? render(props) : /* @__PURE__ */ React2.createElement(StyledSeparator, null));
 };
-
-export { Separator };
+export {
+  Separator
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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,11 +1,21 @@
-import styled from 'styled-components';
-import { position, layout, sizing } from '@xstyled/styled-components';
-
-const StyledSeparator = /*#__PURE__*/styled.hr.withConfig({
-  componentId: "sc-1xat2d9-0"
-})(["border:0;border-top:1px solid #697489;margin:4px 0px;padding:0;"]);
-const StyledSeparatorWrapper = /*#__PURE__*/styled.li.withConfig({
-  componentId: "sc-1xat2d9-1"
-})(["list-style:none;padding:0px 16px;", " ", " ", ""], position, layout, sizing);
-
-export { StyledSeparator, StyledSeparatorWrapper };
+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

@@ -0,0 +1,7 @@
+{
+  "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,14 +1,12 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import '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 { itemProps, defaultProps } from '../../props.js';
-import { StyledGlobalMenuItemWrapper } from '../styled.js';
-import { jsx } from 'react/jsx-runtime';
-
-const SingleMenuItem = props => {
+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,
@@ -24,38 +22,39 @@ const SingleMenuItem = props => {
     render,
     dataTestid
   } = props;
-  return /*#__PURE__*/jsx(StyledGlobalMenuItemWrapper, {
+  return /* @__PURE__ */ React2.createElement(StyledGlobalMenuItemWrapper, {
     "aria-selected": isSelected,
     id: dsId,
     role: "option",
-    isActive: isActive,
-    isSelected: isSelected,
-    isFocus: isFocus,
-    onClick: onClick,
+    isActive,
+    isSelected,
+    isFocus,
+    onClick,
     ref: innerRef,
-    onMouseDown: onMouseDown,
-    onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave,
-    className: isActive ? 'ds-list-item-active' : '',
+    onMouseDown,
+    onMouseEnter,
+    onMouseLeave,
+    className: isActive ? "ds-list-item-active" : "",
     style: wrapperStyles,
     pr: render ? 0 : 40,
-    "data-testid": dataTestid,
-    children: render ? render(props) : /*#__PURE__*/_jsx(Grid, {
-      cols: ['16px', 'auto'],
-      height: "16px",
-      gutter: "xxs",
-      alignItems: "center"
-    }, void 0, /*#__PURE__*/_jsx("div", {}, void 0, isSelected && /*#__PURE__*/_jsx(Checkmark, {
-      size: "s",
-      color: ['brand-primary', '600']
-    })), /*#__PURE__*/_jsx(SimpleTruncatedTooltipText, {
-      value: label
-    }))
-  });
+    "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 };
+export {
+  SingleMenuItem
+};
+//# sourceMappingURL=SingleMenuItem.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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": []
+}