@elliemae/ds-form 2.2.0-alpha.1 → 2.2.0-alpha.5

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

@@ -1,20 +1,51 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styled = require('styled-components');
-var styledComponents = require('@xstyled/styled-components');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const StyledGroupLabel = /*#__PURE__*/styled__default["default"].span.withConfig({
-  componentId: "sc-6xya9j-0"
-})(["font-family:12px;color:", ";"], props => props.theme.colors.neutral[500]);
-const StyledSectionWrapper = /*#__PURE__*/styled__default["default"].li.withConfig({
-  componentId: "sc-6xya9j-1"
-})(["", " ", " ", " list-style:none;padding:0px 16px;height:24px;display:flex;align-items:center;"], styledComponents.position, styledComponents.layout, styledComponents.sizing);
-
-exports.StyledGroupLabel = StyledGroupLabel;
-exports.StyledSectionWrapper = StyledSectionWrapper;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var styled_exports = {};
+__export(styled_exports, {
+  StyledGroupLabel: () => StyledGroupLabel,
+  StyledSectionWrapper: () => StyledSectionWrapper
+});
+var React = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_styled_components2 = require("@xstyled/styled-components");
+const StyledGroupLabel = import_styled_components.default.span`
+  font-family: 12px;
+  color: ${(props) => props.theme.colors.neutral[500]};
+`;
+const StyledSectionWrapper = import_styled_components.default.li`
+  ${import_styled_components2.position}
+  ${import_styled_components2.layout}
+  ${import_styled_components2.sizing}
+  list-style: none;
+  padding: 0px 16px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+`;
+module.exports = __toCommonJS(styled_exports);
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/MenuItem/components/Section/styled.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AACnB,gCAAyC;AAElC,MAAM,mBAAmB,iCAAO;AAAA;AAAA,WAE5B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAG1C,MAAM,uBAAuB,iCAAO;AAAA,IACvC;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

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

@@ -1,29 +1,43 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var styled = require('./styled.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-var _StyledSeparator;
-
-const Separator = props => {
-  const {
-    wrapperStyles,
-    innerRef,
-    render
-  } = props;
-  return /*#__PURE__*/jsxRuntime.jsx(styled.StyledSeparatorWrapper, {
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var Separator_exports = {};
+__export(Separator_exports, {
+  Separator: () => Separator
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_styled = require("./styled");
+const Separator = (props) => {
+  const { wrapperStyles, innerRef, render } = props;
+  return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledSeparatorWrapper, {
     style: wrapperStyles,
-    ref: innerRef,
-    children: render ? render(props) : _StyledSeparator || (_StyledSeparator = /*#__PURE__*/_jsx__default["default"](styled.StyledSeparator, {}))
-  });
+    ref: innerRef
+  }, render ? render(props) : /* @__PURE__ */ import_react.default.createElement(import_styled.StyledSeparator, null));
 };
-
-exports.Separator = Separator;
+module.exports = __toCommonJS(Separator_exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/MenuItem/components/Separator/index.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAElB,oBAAwD;AAQxD,MAAM,YAAY,CAAC,UAAuC;AACxD,QAAM,EAAE,eAAe,UAAU,WAAW;AAC5C,SACE,mDAAC,sCAAD;AAAA,IAAwB,OAAO;AAAA,IAAe,KAAK;AAAA,KAChD,SAAS,OAAO,SAAS,mDAAC,+BAAD;AAAA;",
+  "names": []
+}

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

@@ -1,20 +1,50 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styled = require('styled-components');
-var styledComponents = require('@xstyled/styled-components');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const StyledSeparator = /*#__PURE__*/styled__default["default"].hr.withConfig({
-  componentId: "sc-1xat2d9-0"
-})(["border:0;border-top:1px solid #697489;margin:4px 0px;padding:0;"]);
-const StyledSeparatorWrapper = /*#__PURE__*/styled__default["default"].li.withConfig({
-  componentId: "sc-1xat2d9-1"
-})(["list-style:none;padding:0px 16px;", " ", " ", ""], styledComponents.position, styledComponents.layout, styledComponents.sizing);
-
-exports.StyledSeparator = StyledSeparator;
-exports.StyledSeparatorWrapper = StyledSeparatorWrapper;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var styled_exports = {};
+__export(styled_exports, {
+  StyledSeparator: () => StyledSeparator,
+  StyledSeparatorWrapper: () => StyledSeparatorWrapper
+});
+var React = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_styled_components2 = require("@xstyled/styled-components");
+const StyledSeparator = import_styled_components.default.hr`
+  border: 0;
+  border-top: 1px solid #697489;
+  margin: 4px 0px;
+  padding: 0;
+`;
+const StyledSeparatorWrapper = import_styled_components.default.li`
+  list-style: none;
+  padding: 0px 16px;
+  ${import_styled_components2.position}
+  ${import_styled_components2.layout}
+  ${import_styled_components2.sizing}
+`;
+module.exports = __toCommonJS(styled_exports);
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/MenuItem/components/Separator/styled.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AACnB,gCAAyC;AAElC,MAAM,kBAAkB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAO/B,MAAM,yBAAyB,iCAAO;AAAA;AAAA;AAAA,IAGzC;AAAA,IACA;AAAA,IACA;AAAA;",
+  "names": []
+}

package/cjs/MenuItem/components/SingleMenuItem/SingleMenuItem.js

@@ -1,23 +1,43 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var reactDesc = require('react-desc');
-var DSTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
-var dsIcons = require('@elliemae/ds-icons');
-var Grid = require('@elliemae/ds-grid');
-var props = require('../../props.js');
-var styled = require('../styled.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
-
-const SingleMenuItem = props => {
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var SingleMenuItem_exports = {};
+__export(SingleMenuItem_exports, {
+  SingleMenuItem: () => SingleMenuItem
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_props = require("../../props");
+var import_styled = require("../styled");
+const SingleMenuItem = (props) => {
   const {
     dsId,
     label,
@@ -33,38 +53,37 @@ const SingleMenuItem = props => {
     render,
     dataTestid
   } = props;
-  return /*#__PURE__*/jsxRuntime.jsx(styled.StyledGlobalMenuItemWrapper, {
+  return /* @__PURE__ */ import_react.default.createElement(import_styled.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__default["default"](Grid__default["default"], {
-      cols: ['16px', 'auto'],
-      height: "16px",
-      gutter: "xxs",
-      alignItems: "center"
-    }, void 0, /*#__PURE__*/_jsx__default["default"]("div", {}, void 0, isSelected && /*#__PURE__*/_jsx__default["default"](dsIcons.Checkmark, {
-      size: "s",
-      color: ['brand-primary', '600']
-    })), /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText.SimpleTruncatedTooltipText, {
-      value: label
-    }))
-  });
+    "data-testid": dataTestid
+  }, render ? render(props) : /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+    cols: ["16px", "auto"],
+    height: "16px",
+    gutter: "xxs",
+    alignItems: "center"
+  }, /* @__PURE__ */ import_react.default.createElement("div", null, isSelected && /* @__PURE__ */ import_react.default.createElement(import_ds_icons.Checkmark, {
+    size: "s",
+    color: ["brand-primary", "600"]
+  })), /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.SimpleTruncatedTooltipText, {
+    value: label
+  })));
 };
-
-SingleMenuItem.defaultProps = props.defaultProps;
-const SingleMenuItemWithSchema = reactDesc.describe(SingleMenuItem);
-SingleMenuItemWithSchema.propTypes = props.itemProps;
-
-exports.SingleMenuItem = SingleMenuItem;
+SingleMenuItem.propTypes = import_props.itemProps;
+SingleMenuItem.defaultProps = import_props.defaultProps;
+const SingleMenuItemWithSchema = (0, import_react_desc.describe)(SingleMenuItem);
+SingleMenuItemWithSchema.propTypes = import_props.itemProps;
+module.exports = __toCommonJS(SingleMenuItem_exports);
+//# sourceMappingURL=SingleMenuItem.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/MenuItem/components/SingleMenuItem/SingleMenuItem.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAyB;AACzB,uCAA2C;AAC3C,sBAA0B;AAC1B,qBAAqB;AACrB,mBAAmD;AACnD,oBAA4C;AAE5C,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,mDAAC,2CAAD;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,mDAAC,qBAAD;AAAA,IAAM,MAAM,CAAC,QAAQ;AAAA,IAAS,QAAO;AAAA,IAAO,QAAO;AAAA,IAAM,YAAW;AAAA,KAClE,mDAAC,OAAD,MAAM,cAAc,mDAAC,2BAAD;AAAA,IAAW,MAAK;AAAA,IAAI,OAAO,CAAC,iBAAiB;AAAA,OACjE,mDAAC,6DAAD;AAAA,IAA4B,OAAO;AAAA;AAAA;AAO7C,eAAe,YAAY;AAC3B,eAAe,eAAe;AAC9B,MAAM,2BAA2B,gCAAS;AAC1C,yBAAyB,YAAY;",
+  "names": []
+}

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

@@ -1,45 +1,50 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var React = require('react');
-var reactDesc = require('react-desc');
-var Grid = require('@elliemae/ds-grid');
-var DSButton = require('@elliemae/ds-button');
-var Ellipsis = require('@elliemae/ds-icons/MoreOptionsVert');
-var ChevronRight = require('@elliemae/ds-icons/ChevronRight');
-var dsDropdownmenu = require('@elliemae/ds-dropdownmenu');
-var dsPropsHelpers = require('@elliemae/ds-props-helpers');
-var props = require('../../props.js');
-var styled$1 = require('./styled.js');
-var styled = require('../styled.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
-var Ellipsis__default = /*#__PURE__*/_interopDefaultLegacy(Ellipsis);
-var ChevronRight__default = /*#__PURE__*/_interopDefaultLegacy(ChevronRight);
-
-var _Ellipsis, _ChevronRight;
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const SubmenuItem = props$1 => {
-  const propsWithDefault = dsPropsHelpers.useMemoMergePropsWithDefault(props$1, props.defaultProps);
-  dsPropsHelpers.useValidateTypescriptPropTypes(propsWithDefault, props.itemProps);
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var SubmenuItem_exports = {};
+__export(SubmenuItem_exports, {
+  SubmenuItem: () => SubmenuItem,
+  SubmenuItemWithSchema: () => SubmenuItemWithSchema
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_ds_button = require("@elliemae/ds-button");
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_ds_icons2 = require("@elliemae/ds-icons");
+var import_ds_dropdownmenu = require("@elliemae/ds-dropdownmenu");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_props = require("../../props");
+var import_styled = require("./styled");
+var import_styled2 = require("../styled");
+const SubmenuItem = (props) => {
+  const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_props.defaultProps);
+  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefault, import_props.itemProps);
   const {
     dsId,
     label,
@@ -60,24 +65,25 @@ const SubmenuItem = props$1 => {
     minWidth,
     maxHeight,
     render
-  } = propsWithDefault; // If we don't delay the opening of the poppers, the position will not be placed correctly
-  // That why we delay it for the next render using the useEffect hook
-
-  const [delayedIsOpened, setDelayedIsOpened] = React.useState(false);
-  React.useEffect(() => {
+  } = propsWithDefault;
+  const [delayedIsOpened, setDelayedIsOpened] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
     setDelayedIsOpened(isSelected);
   }, [isSelected]);
-  const timeoutRef = React.useRef(null);
-  const onMouseEnterHandler = React.useCallback(e => {
-    if (rightAddon !== 'ellipsis') {
-      if (timeoutRef.current !== null) clearTimeout(timeoutRef.current);else if (!isSelected) onClick(e);
+  const timeoutRef = (0, import_react.useRef)(null);
+  const onMouseEnterHandler = (0, import_react.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);
+    if (e.target)
+      onMouseEnter(e);
   }, [isSelected, onClick, onMouseEnter, rightAddon]);
-  const onMouseLeaveHandler = React.useCallback(e => {
-    if (rightAddon !== 'ellipsis') {
+  const onMouseLeaveHandler = (0, import_react.useCallback)((e) => {
+    if (rightAddon !== "ellipsis") {
       if (timeoutRef.current === null) {
         timeoutRef.current = setTimeout(() => {
           timeoutRef.current = null;
@@ -85,58 +91,51 @@ const SubmenuItem = props$1 => {
         }, 300);
       }
     }
-
     onMouseLeave(e);
   }, [onClick, onMouseLeave, rightAddon]);
-  return /*#__PURE__*/_jsx__default["default"](dsDropdownmenu.DSDropdownMenuV2, {
+  return /* @__PURE__ */ import_react.default.createElement(import_ds_dropdownmenu.DSDropdownMenuV2, {
     isOpened: delayedIsOpened,
-    options: options,
-    onOptionClick: onOptionClick,
+    options,
+    onOptionClick,
     startPlacementPreference: "right-start",
-    placementOrderPreference: ['right-start', 'right-end', 'left-start', 'left-end'],
-    selectedOptions: selectedOptions,
-    onKeyDown: onKeyDown,
+    placementOrderPreference: ["right-start", "right-end", "left-start", "left-end"],
+    selectedOptions,
+    onKeyDown,
     onMouseEnter: onMouseEnterHandler,
     onMouseLeave: onMouseLeaveHandler,
-    onClickOutside: onClickOutside,
+    onClickOutside,
     customOffset: [0, 1],
-    wrapperStyles: _objectSpread(_objectSpread({}, wrapperStyles), {}, {
-      w: '100%'
-    }),
-    minWidth: minWidth,
-    maxHeight: maxHeight
-  }, void 0, /*#__PURE__*/jsxRuntime.jsxs(styled.StyledSubmenuItemWrapper, {
+    wrapperStyles: { ...wrapperStyles, w: "100%" },
+    minWidth,
+    maxHeight
+  }, /* @__PURE__ */ import_react.default.createElement(import_styled2.StyledSubmenuItemWrapper, {
     "aria-selected": isSelected,
     pr: 0,
     id: dsId,
     role: "option",
-    isSelected: isSelected,
-    isActive: isActive,
-    isFocus: isFocus,
-    onClick: onClick,
+    isSelected,
+    isActive,
+    isFocus,
+    onClick,
     ref: innerRef,
     onMouseEnter: onMouseEnterHandler,
     onMouseLeave: onMouseLeaveHandler,
-    "aria-describedby": "dropdownmenu-submenu-".concat(dsId),
-    children: [render ? render(props$1) : /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
-      cols: ['auto', 'min-content']
-    }, void 0, /*#__PURE__*/_jsx__default["default"](styled$1.StyledItemLabel, {}, void 0, label), /*#__PURE__*/_jsx__default["default"](DSButton.DSButtonV2, {
-      buttonType: "icon",
-      onClick: e => {
-        e.stopPropagation();
-        onClick(e);
-      }
-    }, void 0, rightAddon === 'ellipsis' ? _Ellipsis || (_Ellipsis = /*#__PURE__*/_jsx__default["default"](Ellipsis__default["default"], {})) : _ChevronRight || (_ChevronRight = /*#__PURE__*/_jsx__default["default"](ChevronRight__default["default"], {})))), /*#__PURE__*/_jsx__default["default"]("span", {
-      id: "dropdownmenu-submenu-".concat(dsId),
-      style: {
-        display: 'none'
-      }
-    }, void 0, "Submenu. To open this submenu press the Right Arrow key.")]
-  }));
+    "aria-describedby": `dropdownmenu-submenu-${dsId}`
+  }, render ? render(props) : /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+    cols: ["auto", "min-content"]
+  }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledItemLabel, null, label), /* @__PURE__ */ import_react.default.createElement(import_ds_button.DSButtonV2, {
+    buttonType: "icon",
+    onClick: (e) => {
+      e.stopPropagation();
+      onClick(e);
+    }
+  }, rightAddon === "ellipsis" ? /* @__PURE__ */ import_react.default.createElement(import_ds_icons.MoreOptionsVert, null) : /* @__PURE__ */ import_react.default.createElement(import_ds_icons2.ChevronRight, null))), /* @__PURE__ */ import_react.default.createElement("span", {
+    id: `dropdownmenu-submenu-${dsId}`,
+    style: { display: "none" }
+  }, "Submenu. To open this submenu press the Right Arrow key.")));
 };
-
-const SubmenuItemWithSchema = reactDesc.describe(SubmenuItem);
-SubmenuItemWithSchema.propTypes = props.itemProps;
-
-exports.SubmenuItem = SubmenuItem;
-exports.SubmenuItemWithSchema = SubmenuItemWithSchema;
+SubmenuItem.propTypes = import_props.itemProps;
+const SubmenuItemWithSchema = (0, import_react_desc.describe)(SubmenuItem);
+SubmenuItemWithSchema.propTypes = import_props.itemProps;
+module.exports = __toCommonJS(SubmenuItem_exports);
+//# sourceMappingURL=index.js.map