@bigbinary/neeto-molecules 4.0.3 → 4.0.5

package/dist/MoreDropdown.js

@@ -9,6 +9,7 @@ import Dropdown from '@bigbinary/neetoui/Dropdown';
 import Tooltip from '@bigbinary/neetoui/Tooltip';
 import { mergeRight } from 'ramda';
 import { useTranslation } from 'react-i18next';
+import { withT } from '@bigbinary/neeto-commons-frontend/react-utils';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { n } from './inject-css-DmrvuTKK.js';
 
@@ -22,25 +23,32 @@ var DEFAULT_TOOLTIP_PROPS = {
   touch: ["hold", 500]
 };
 
-var _excluded$2 = ["label", "key"],
+var _excluded$2 = ["t", "label", "key"],
   _excluded2$1 = ["isVisible", "key"];
 function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var MenuItem$1 = Dropdown.MenuItem,
   Menu$1 = Dropdown.Menu;
-var Submenu = function Submenu(_ref) {
-  var label = _ref.label,
+var Submenu = withT(function (_ref) {
+  var t = _ref.t,
+    label = _ref.label,
     key = _ref.key,
     menuItemProps = _objectWithoutProperties(_ref, _excluded$2);
   return /*#__PURE__*/jsx(Dropdown, _objectSpread$2(_objectSpread$2({
     appendTo: "parent",
+    position: "left",
+    trigger: "hover",
     customTarget: /*#__PURE__*/jsx(MenuItem$1.Button, {
+      "aria-haspopup": "menu",
+      role: "menuitem",
       children: label
-    }),
-    position: "left",
-    trigger: "hover"
+    })
   }, menuItemProps.dropdownProps), {}, {
     children: /*#__PURE__*/jsx(Menu$1, {
+      "aria-label": t("neetoMolecules.moreDropdown.submenuAriaLabel", {
+        label: label
+      }),
+      role: "menu",
       children: menuItemProps.menuItems.map(function (_ref2) {
         var _ref2$isVisible = _ref2.isVisible,
           isVisible = _ref2$isVisible === void 0 ? true : _ref2$isVisible,
@@ -51,7 +59,7 @@ var Submenu = function Submenu(_ref) {
       })
     })
   }), key);
-};
+});
 
 var _excluded$1 = ["onClick", "label", "type", "hasSubItems"];
 function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -67,7 +75,9 @@ var MoreDropdownMenuItem = function MoreDropdownMenuItem(_ref) {
     hasSubItems = _ref$hasSubItems === void 0 ? false : _ref$hasSubItems,
     menuItemProps = _objectWithoutProperties(_ref, _excluded$1);
   if (type === MENU_ITEM_TYPES.divider) {
-    return /*#__PURE__*/jsx(Divider, {});
+    return /*#__PURE__*/jsx(Divider, {
+      role: "separator"
+    });
   }
   if (hasSubItems) {
     return /*#__PURE__*/jsx(Submenu, _objectSpread$1({}, _objectSpread$1({
@@ -77,6 +87,7 @@ var MoreDropdownMenuItem = function MoreDropdownMenuItem(_ref) {
   return /*#__PURE__*/jsx(MenuItem.Button, _objectSpread$1(_objectSpread$1({}, _objectSpread$1({
     onClick: onClick
   }, menuItemProps)), {}, {
+    role: "menuitem",
     children: label
   }));
 };
@@ -143,10 +154,14 @@ var MoreDropdown = function MoreDropdown(_ref) {
         content: t("neetoMolecules.moreDropdown.tooltip"),
         position: "top",
         touch: ["hold", 500]
-      }
+      },
+      "aria-haspopup": "menu",
+      "aria-label": t("neetoMolecules.moreDropdown.buttonAriaLabel")
     }, buttonProps)
   }, dropdownProps), {}, {
     children: /*#__PURE__*/jsxs(Menu, {
+      "aria-label": t("neetoMolecules.moreDropdown.menuAriaLabel"),
+      role: "menu",
       children: [menuTopChildren, menuItems.map(function (_ref2) {
         var _ref2$isVisible = _ref2.isVisible,
           isVisible = _ref2$isVisible === void 0 ? true : _ref2$isVisible,

package/dist/MoreDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"MoreDropdown.js","sources":["../src/components/MoreDropdown/constants.js","../src/components/MoreDropdown/Submenu.jsx","../src/components/MoreDropdown/MenuItem.jsx","../src/components/MoreDropdown/index.jsx"],"sourcesContent":["export const BUTTON_STYLES = {\n  primary: \"primary\",\n  secondary: \"secondary\",\n  tertiary: \"tertiary\",\n  danger: \"danger\",\n  danger_text: \"danger-text\",\n  text: \"text\",\n  link: \"link\",\n};\n\nexport const SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\n\nexport const STRATEGY = { absolute: \"absolute\", fixed: \"fixed\" };\n\nexport const MENU_ITEM_TYPES = {\n  menuItem: \"menuItem\",\n  divider: \"divider\",\n};\n\nexport const DEFAULT_TOOLTIP_PROPS = {\n  disabled: true,\n  position: \"bottom\",\n  touch: [\"hold\", 500],\n};\n","import { Dropdown } from \"neetoui\";\n\nimport MoreDropdownMenuItem from \"./MenuItem\";\n\nconst { MenuItem, Menu } = Dropdown;\n\nconst Submenu = ({ label, key, ...menuItemProps }) => (\n  <Dropdown\n    appendTo=\"parent\"\n    customTarget={<MenuItem.Button>{label}</MenuItem.Button>}\n    key={key}\n    position=\"left\"\n    trigger=\"hover\"\n    {...menuItemProps.dropdownProps}\n  >\n    <Menu>\n      {menuItemProps.menuItems.map(\n        ({ isVisible = true, key, ...menuItemProps }) => {\n          if (!isVisible) return null;\n\n          return <MoreDropdownMenuItem key={key} {...menuItemProps} />;\n        }\n      )}\n    </Menu>\n  </Dropdown>\n);\n\nexport default Submenu;\n","import { Dropdown } from \"neetoui\";\n\nimport { MENU_ITEM_TYPES } from \"./constants\";\nimport Submenu from \"./Submenu\";\n\nconst { MenuItem, Divider } = Dropdown;\n\nconst MoreDropdownMenuItem = ({\n  onClick,\n  label,\n  type = MENU_ITEM_TYPES.menuItem,\n  hasSubItems = false,\n  ...menuItemProps\n}) => {\n  if (type === MENU_ITEM_TYPES.divider) {\n    return <Divider />;\n  }\n\n  if (hasSubItems) {\n    return <Submenu {...{ label, ...menuItemProps }} />;\n  }\n\n  return (\n    <MenuItem.Button {...{ onClick, ...menuItemProps }}>\n      {label}\n    </MenuItem.Button>\n  );\n};\n\nexport default MoreDropdownMenuItem;\n","import classnames from \"classnames\";\nimport { hyphenate } from \"neetocist\";\nimport { MenuHorizontal, MenuVertical } from \"neetoicons\";\nimport { Button, Dropdown, Tooltip } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { mergeRight } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport {\n  BUTTON_STYLES,\n  DEFAULT_TOOLTIP_PROPS,\n  MENU_ITEM_TYPES,\n  SIZES,\n  STRATEGY,\n} from \"./constants\";\nimport MenuItem from \"./MenuItem\";\nimport \"./moredropdown.scss\";\n\nconst { Menu } = Dropdown;\n\nconst MoreDropdown = ({\n  dropdownButtonProps = {},\n  isVertical = false,\n  isDisabled = false,\n  dropdownProps = {},\n  menuTopChildren,\n  menuBottomChildren,\n  menuItems = [],\n}) => {\n  const { t } = useTranslation();\n\n  const { isRounded: isRoundedButton, ...buttonProps } = dropdownButtonProps;\n\n  const tooltipProps = mergeRight(\n    DEFAULT_TOOLTIP_PROPS,\n    dropdownButtonProps.tooltipProps\n  );\n\n  const targetIcon = isVertical ? MenuVertical : MenuHorizontal;\n\n  const isDropdownDisabled = isDisabled || dropdownProps.disabled;\n  if (isDropdownDisabled && !tooltipProps.disabled) {\n    return (\n      <Tooltip {...tooltipProps}>\n        <span>\n          <Button\n            disabled\n            data-cy=\"more-dropdown-button\"\n            data-dropdown-button-style=\"more-dropdown\"\n            data-testid=\"nui-dropdown-button\"\n            icon={targetIcon}\n            iconPosition=\"right\"\n            size=\"medium\"\n            style=\"text\"\n            className={classnames({\n              \"neeto-molecule-moredropdown--rounded\": isRoundedButton,\n            })}\n            {...buttonProps}\n          />\n        </span>\n      </Tooltip>\n    );\n  }\n\n  return (\n    <Dropdown\n      className=\"flex\"\n      disabled={isDisabled}\n      icon={targetIcon}\n      zIndex={99999}\n      buttonProps={{\n        \"data-dropdown-button-style\": \"more-dropdown\",\n        className: classnames(\n          \"min-h-0 flex-shrink-0 neeto-molecule-moredropdown-btn\",\n          { \"neeto-molecule-moredropdown--rounded\": isRoundedButton }\n        ),\n        style: \"text\",\n        tooltipProps: {\n          content: t(\"neetoMolecules.moreDropdown.tooltip\"),\n          position: \"top\",\n          touch: [\"hold\", 500],\n        },\n        ...buttonProps,\n      }}\n      {...dropdownProps}\n    >\n      <Menu>\n        {menuTopChildren}\n        {menuItems.map(({ isVisible = true, key, ...menuItemProps }) => {\n          if (!isVisible) return null;\n\n          return (\n            <MenuItem\n              key={key ?? hyphenate(menuItemProps.label)}\n              {...menuItemProps}\n            />\n          );\n        })}\n        {menuBottomChildren}\n      </Menu>\n    </Dropdown>\n  );\n};\n\nMoreDropdown.propTypes = {\n  /*\n   * This props will be passed to the target button of the dropdown.\n   */\n  dropdownButtonProps: PropTypes.shape({\n    style: PropTypes.oneOf(Object.values(BUTTON_STYLES)),\n    size: PropTypes.oneOf(Object.values(SIZES)),\n    iconSize: PropTypes.number,\n    disabled: PropTypes.bool,\n    isRounded: PropTypes.bool,\n  }),\n  /*\n   * Whether to show a MenuVertical icon. By default the icon will be MenuHorizontal.\n   */\n  isVertical: PropTypes.bool,\n  /*\n   * Whether the dropdown is disabled or not.\n   */\n  isDisabled: PropTypes.bool,\n  /*\n   * This props will be passed to the dropdown.\n   */\n  dropdownProps: PropTypes.shape({\n    strategy: PropTypes.oneOf(Object.values(STRATEGY)),\n  }),\n  /*\n   * This children will be rendered on top of the dropdown menu.\n   */\n  menuTopChildren: PropTypes.node,\n  /*\n   * This children will be rendered on bottom of the dropdown menu.\n   */\n  menuBottomChildren: PropTypes.node,\n  /*\n   * Menu items inside the dropdown. Each item needs to have a `label`, `onClick` and `key`.\n   */\n  menuItems: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      onClick: PropTypes.func,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(Object.values(MENU_ITEM_TYPES)),\n      isVisible: PropTypes.bool,\n      hasSubItems: PropTypes.bool,\n      dropdownProps: PropTypes.shape({\n        position: PropTypes.string,\n        trigger: PropTypes.string,\n      }),\n    })\n  ),\n};\n\nexport default MoreDropdown;\n"],"names":["MENU_ITEM_TYPES","menuItem","divider","DEFAULT_TOOLTIP_PROPS","disabled","position","touch","MenuItem","Dropdown","Menu","Submenu","_ref","label","key","menuItemProps","_objectWithoutProperties","_excluded","_jsx","_objectSpread","appendTo","customTarget","Button","children","trigger","dropdownProps","menuItems","map","_ref2","_ref2$isVisible","isVisible","_excluded2","MoreDropdownMenuItem","Divider","onClick","_ref$type","type","_ref$hasSubItems","hasSubItems","MoreDropdown","_ref$dropdownButtonPr","dropdownButtonProps","_ref$isVertical","isVertical","_ref$isDisabled","isDisabled","_ref$dropdownProps","menuTopChildren","menuBottomChildren","_ref$menuItems","_useTranslation","useTranslation","t","isRoundedButton","isRounded","buttonProps","tooltipProps","mergeRight","targetIcon","MenuVertical","MenuHorizontal","isDropdownDisabled","Tooltip","icon","iconPosition","size","style","className","classnames","zIndex","content","_jsxs","hyphenate"],"mappings":";;;;;;;;;;;;;;AAcO,IAAMA,eAAe,GAAG;AAC7BC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,OAAO,EAAE,SAAA;AACX,CAAC,CAAA;AAEM,IAAMC,qBAAqB,GAAG;AACnCC,EAAAA,QAAQ,EAAE,IAAI;AACdC,EAAAA,QAAQ,EAAE,QAAQ;AAClBC,EAAAA,KAAK,EAAE,CAAC,MAAM,EAAE,GAAG,CAAA;AACrB,CAAC;;;;;;ACnBD,IAAQC,UAAQ,GAAWC,QAAQ,CAA3BD,QAAQ;EAAEE,MAAI,GAAKD,QAAQ,CAAjBC,IAAI,CAAA;AAEtB,IAAMC,OAAO,GAAG,SAAVA,OAAOA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,GAAG,GAAAF,IAAA,CAAHE,GAAG;AAAKC,IAAAA,aAAa,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,WAAA,CAAA,CAAA;AAAA,EAAA,oBAC7CC,GAAA,CAACT,QAAQ,EAAAU,eAAA,CAAAA,eAAA,CAAA;AACPC,IAAAA,QAAQ,EAAC,QAAQ;AACjBC,IAAAA,YAAY,eAAEH,GAAA,CAACV,UAAQ,CAACc,MAAM,EAAA;AAAAC,MAAAA,QAAA,EAAEV,KAAAA;AAAK,KAAkB,CAAE;AAEzDP,IAAAA,QAAQ,EAAC,MAAM;AACfkB,IAAAA,OAAO,EAAC,OAAA;GACJT,EAAAA,aAAa,CAACU,aAAa,CAAA,EAAA,EAAA,EAAA;IAAAF,QAAA,eAE/BL,GAAA,CAACR,MAAI,EAAA;MAAAa,QAAA,EACFR,aAAa,CAACW,SAAS,CAACC,GAAG,CAC1B,UAAAC,KAAA,EAAiD;AAAA,QAAA,IAAAC,eAAA,GAAAD,KAAA,CAA9CE,SAAS;AAATA,UAAAA,SAAS,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,eAAA;UAAEf,GAAG,GAAAc,KAAA,CAAHd,GAAG;AAAKC,UAAAA,aAAa,GAAAC,wBAAA,CAAAY,KAAA,EAAAG,YAAA,CAAA,CAAA;AACxC,QAAA,IAAI,CAACD,SAAS,EAAE,OAAO,IAAI,CAAA;QAE3B,oBAAOZ,GAAA,CAACc,oBAAoB,EAAAb,eAAA,CAAeJ,EAAAA,EAAAA,aAAa,CAAtBD,EAAAA,GAAyB,CAAC,CAAA;OAEhE,CAAA;KACI,CAAA;AAAC,GAAA,CAAA,EAbFA,GAcG,CAAC,CAAA;AAAA,CACZ;;;;;ACpBD,IAAQN,QAAQ,GAAcC,QAAQ,CAA9BD,QAAQ;EAAEyB,OAAO,GAAKxB,QAAQ,CAApBwB,OAAO,CAAA;AAEzB,IAAMD,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAApB,IAAA,EAMpB;AAAA,EAAA,IALJsB,OAAO,GAAAtB,IAAA,CAAPsB,OAAO;IACPrB,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAAsB,SAAA,GAAAvB,IAAA,CACLwB,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,KAAA,CAAA,GAAGlC,eAAe,CAACC,QAAQ,GAAAiC,SAAA;IAAAE,gBAAA,GAAAzB,IAAA,CAC/B0B,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,gBAAA;AAChBtB,IAAAA,aAAa,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,WAAA,CAAA,CAAA;AAEhB,EAAA,IAAImB,IAAI,KAAKnC,eAAe,CAACE,OAAO,EAAE;AACpC,IAAA,oBAAOe,GAAA,CAACe,OAAO,EAAA,EAAE,CAAC,CAAA;AACpB,GAAA;AAEA,EAAA,IAAIK,WAAW,EAAE;AACf,IAAA,oBAAOpB,GAAA,CAACP,OAAO,EAAAQ,eAAA,KAAAA,eAAA,CAAA;AAAON,MAAAA,KAAK,EAALA,KAAAA;KAAUE,EAAAA,aAAa,EAAK,CAAC,CAAA;AACrD,GAAA;EAEA,oBACEG,GAAA,CAACV,QAAQ,CAACc,MAAM,EAAAH,eAAA,CAAAA,eAAA,CAAA,EAAA,EAAAA,eAAA,CAAA;AAAOe,IAAAA,OAAO,EAAPA,OAAAA;AAAO,GAAA,EAAKnB,aAAa,CAAA,CAAA,EAAA,EAAA,EAAA;AAAAQ,IAAAA,QAAA,EAC7CV,KAAAA;AAAK,GAAA,CACS,CAAC,CAAA;AAEtB,CAAC;;;;;;;;;ACTD,IAAQH,IAAI,GAAKD,QAAQ,CAAjBC,IAAI,CAAA;AAEZ,IAAM6B,YAAY,GAAG,SAAfA,YAAYA,CAAA3B,IAAA,EAQZ;AAAA,EAAA,IAAA4B,qBAAA,GAAA5B,IAAA,CAPJ6B,mBAAmB;AAAnBA,IAAAA,mBAAmB,GAAAD,qBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,qBAAA;IAAAE,eAAA,GAAA9B,IAAA,CACxB+B,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;IAAAE,eAAA,GAAAhC,IAAA,CAClBiC,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;IAAAE,kBAAA,GAAAlC,IAAA,CAClBa,aAAa;AAAbA,IAAAA,aAAa,GAAAqB,kBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,kBAAA;IAClBC,eAAe,GAAAnC,IAAA,CAAfmC,eAAe;IACfC,kBAAkB,GAAApC,IAAA,CAAlBoC,kBAAkB;IAAAC,cAAA,GAAArC,IAAA,CAClBc,SAAS;AAATA,IAAAA,SAAS,GAAAuB,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA,CAAA;AAEd,EAAA,IAAAC,eAAA,GAAcC,cAAc,EAAE;IAAtBC,CAAC,GAAAF,eAAA,CAADE,CAAC,CAAA;AAET,EAAA,IAAmBC,eAAe,GAAqBZ,mBAAmB,CAAlEa,SAAS;AAAsBC,IAAAA,WAAW,GAAAvC,wBAAA,CAAKyB,mBAAmB,EAAAxB,SAAA,CAAA,CAAA;EAE1E,IAAMuC,YAAY,GAAGC,UAAU,CAC7BrD,qBAAqB,EACrBqC,mBAAmB,CAACe,YACtB,CAAC,CAAA;AAED,EAAA,IAAME,UAAU,GAAGf,UAAU,GAAGgB,YAAY,GAAGC,cAAc,CAAA;AAE7D,EAAA,IAAMC,kBAAkB,GAAGhB,UAAU,IAAIpB,aAAa,CAACpB,QAAQ,CAAA;AAC/D,EAAA,IAAIwD,kBAAkB,IAAI,CAACL,YAAY,CAACnD,QAAQ,EAAE;IAChD,oBACEa,GAAA,CAAC4C,OAAO,EAAA3C,aAAA,CAAAA,aAAA,KAAKqC,YAAY,CAAA,EAAA,EAAA,EAAA;AAAAjC,MAAAA,QAAA,eACvBL,GAAA,CAAA,MAAA,EAAA;AAAAK,QAAAA,QAAA,eACEL,GAAA,CAACI,MAAM,EAAAH,aAAA,CAAA;UACLd,QAAQ,EAAA,IAAA;AACR,UAAA,SAAA,EAAQ,sBAAsB;AAC9B,UAAA,4BAAA,EAA2B,eAAe;AAC1C,UAAA,aAAA,EAAY,qBAAqB;AACjC0D,UAAAA,IAAI,EAAEL,UAAW;AACjBM,UAAAA,YAAY,EAAC,OAAO;AACpBC,UAAAA,IAAI,EAAC,QAAQ;AACbC,UAAAA,KAAK,EAAC,MAAM;UACZC,SAAS,EAAEC,UAAU,CAAC;AACpB,YAAA,sCAAsC,EAAEf,eAAAA;WACzC,CAAA;AAAE,SAAA,EACCE,WAAW,CAChB,CAAA;OACG,CAAA;AAAC,KAAA,CACA,CAAC,CAAA;AAEd,GAAA;AAEA,EAAA,oBACErC,GAAA,CAACT,QAAQ,EAAAU,aAAA,CAAAA,aAAA,CAAA;AACPgD,IAAAA,SAAS,EAAC,MAAM;AAChB9D,IAAAA,QAAQ,EAAEwC,UAAW;AACrBkB,IAAAA,IAAI,EAAEL,UAAW;AACjBW,IAAAA,MAAM,EAAE,KAAM;AACdd,IAAAA,WAAW,EAAApC,aAAA,CAAA;AACT,MAAA,4BAA4B,EAAE,eAAe;AAC7CgD,MAAAA,SAAS,EAAEC,UAAU,CACnB,uDAAuD,EACvD;AAAE,QAAA,sCAAsC,EAAEf,eAAAA;AAAgB,OAC5D,CAAC;AACDa,MAAAA,KAAK,EAAE,MAAM;AACbV,MAAAA,YAAY,EAAE;AACZc,QAAAA,OAAO,EAAElB,CAAC,CAAC,qCAAqC,CAAC;AACjD9C,QAAAA,QAAQ,EAAE,KAAK;AACfC,QAAAA,KAAK,EAAE,CAAC,MAAM,EAAE,GAAG,CAAA;AACrB,OAAA;AAAC,KAAA,EACEgD,WAAW,CAAA;AACd,GAAA,EACE9B,aAAa,CAAA,EAAA,EAAA,EAAA;IAAAF,QAAA,eAEjBgD,IAAA,CAAC7D,IAAI,EAAA;MAAAa,QAAA,EAAA,CACFwB,eAAe,EACfrB,SAAS,CAACC,GAAG,CAAC,UAAAC,KAAA,EAAiD;AAAA,QAAA,IAAAC,eAAA,GAAAD,KAAA,CAA9CE,SAAS;AAATA,UAAAA,SAAS,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,eAAA;UAAEf,GAAG,GAAAc,KAAA,CAAHd,GAAG;AAAKC,UAAAA,aAAa,GAAAC,wBAAA,CAAAY,KAAA,EAAAG,UAAA,CAAA,CAAA;AACvD,QAAA,IAAI,CAACD,SAAS,EAAE,OAAO,IAAI,CAAA;QAE3B,oBACEZ,GAAA,CAACV,oBAAQ,EAAAW,aAAA,CAEHJ,EAAAA,EAAAA,aAAa,GADZD,GAAG,KAAA,IAAA,IAAHA,GAAG,KAAHA,KAAAA,CAAAA,GAAAA,GAAG,GAAI0D,SAAS,CAACzD,aAAa,CAACF,KAAK,CAE1C,CAAC,CAAA;OAEL,CAAC,EACDmC,kBAAkB,CAAA;KACf,CAAA;AAAC,GAAA,CACC,CAAC,CAAA;AAEf;;;;"}
+{"version":3,"file":"MoreDropdown.js","sources":["../src/components/MoreDropdown/constants.js","../src/components/MoreDropdown/Submenu.jsx","../src/components/MoreDropdown/MenuItem.jsx","../src/components/MoreDropdown/index.jsx"],"sourcesContent":["export const BUTTON_STYLES = {\n  primary: \"primary\",\n  secondary: \"secondary\",\n  tertiary: \"tertiary\",\n  danger: \"danger\",\n  danger_text: \"danger-text\",\n  text: \"text\",\n  link: \"link\",\n};\n\nexport const SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\n\nexport const STRATEGY = { absolute: \"absolute\", fixed: \"fixed\" };\n\nexport const MENU_ITEM_TYPES = {\n  menuItem: \"menuItem\",\n  divider: \"divider\",\n};\n\nexport const DEFAULT_TOOLTIP_PROPS = {\n  disabled: true,\n  position: \"bottom\",\n  touch: [\"hold\", 500],\n};\n","import { withT } from \"neetocommons/react-utils\";\nimport { Dropdown } from \"neetoui\";\n\nimport MoreDropdownMenuItem from \"./MenuItem\";\n\nconst { MenuItem, Menu } = Dropdown;\n\nconst Submenu = withT(({ t, label, key, ...menuItemProps }) => (\n  <Dropdown\n    appendTo=\"parent\"\n    key={key}\n    position=\"left\"\n    trigger=\"hover\"\n    customTarget={\n      <MenuItem.Button aria-haspopup=\"menu\" role=\"menuitem\">\n        {label}\n      </MenuItem.Button>\n    }\n    {...menuItemProps.dropdownProps}\n  >\n    <Menu\n      aria-label={t(\"neetoMolecules.moreDropdown.submenuAriaLabel\", { label })}\n      role=\"menu\"\n    >\n      {menuItemProps.menuItems.map(\n        ({ isVisible = true, key, ...menuItemProps }) => {\n          if (!isVisible) return null;\n\n          return <MoreDropdownMenuItem key={key} {...menuItemProps} />;\n        }\n      )}\n    </Menu>\n  </Dropdown>\n));\n\nexport default Submenu;\n","import { Dropdown } from \"neetoui\";\n\nimport { MENU_ITEM_TYPES } from \"./constants\";\nimport Submenu from \"./Submenu\";\n\nconst { MenuItem, Divider } = Dropdown;\n\nconst MoreDropdownMenuItem = ({\n  onClick,\n  label,\n  type = MENU_ITEM_TYPES.menuItem,\n  hasSubItems = false,\n  ...menuItemProps\n}) => {\n  if (type === MENU_ITEM_TYPES.divider) {\n    return <Divider role=\"separator\" />;\n  }\n\n  if (hasSubItems) {\n    return <Submenu {...{ label, ...menuItemProps }} />;\n  }\n\n  return (\n    <MenuItem.Button {...{ onClick, ...menuItemProps }} role=\"menuitem\">\n      {label}\n    </MenuItem.Button>\n  );\n};\n\nexport default MoreDropdownMenuItem;\n","import classnames from \"classnames\";\nimport { hyphenate } from \"neetocist\";\nimport { MenuHorizontal, MenuVertical } from \"neetoicons\";\nimport { Button, Dropdown, Tooltip } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { mergeRight } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport {\n  BUTTON_STYLES,\n  DEFAULT_TOOLTIP_PROPS,\n  MENU_ITEM_TYPES,\n  SIZES,\n  STRATEGY,\n} from \"./constants\";\nimport MenuItem from \"./MenuItem\";\nimport \"./moredropdown.scss\";\n\nconst { Menu } = Dropdown;\n\nconst MoreDropdown = ({\n  dropdownButtonProps = {},\n  isVertical = false,\n  isDisabled = false,\n  dropdownProps = {},\n  menuTopChildren,\n  menuBottomChildren,\n  menuItems = [],\n}) => {\n  const { t } = useTranslation();\n\n  const { isRounded: isRoundedButton, ...buttonProps } = dropdownButtonProps;\n\n  const tooltipProps = mergeRight(\n    DEFAULT_TOOLTIP_PROPS,\n    dropdownButtonProps.tooltipProps\n  );\n\n  const targetIcon = isVertical ? MenuVertical : MenuHorizontal;\n\n  const isDropdownDisabled = isDisabled || dropdownProps.disabled;\n  if (isDropdownDisabled && !tooltipProps.disabled) {\n    return (\n      <Tooltip {...tooltipProps}>\n        <span>\n          <Button\n            disabled\n            data-cy=\"more-dropdown-button\"\n            data-dropdown-button-style=\"more-dropdown\"\n            data-testid=\"nui-dropdown-button\"\n            icon={targetIcon}\n            iconPosition=\"right\"\n            size=\"medium\"\n            style=\"text\"\n            className={classnames({\n              \"neeto-molecule-moredropdown--rounded\": isRoundedButton,\n            })}\n            {...buttonProps}\n          />\n        </span>\n      </Tooltip>\n    );\n  }\n\n  return (\n    <Dropdown\n      className=\"flex\"\n      disabled={isDisabled}\n      icon={targetIcon}\n      zIndex={99999}\n      buttonProps={{\n        \"data-dropdown-button-style\": \"more-dropdown\",\n        className: classnames(\n          \"min-h-0 flex-shrink-0 neeto-molecule-moredropdown-btn\",\n          { \"neeto-molecule-moredropdown--rounded\": isRoundedButton }\n        ),\n        style: \"text\",\n        tooltipProps: {\n          content: t(\"neetoMolecules.moreDropdown.tooltip\"),\n          position: \"top\",\n          touch: [\"hold\", 500],\n        },\n        \"aria-haspopup\": \"menu\",\n        \"aria-label\": t(\"neetoMolecules.moreDropdown.buttonAriaLabel\"),\n        ...buttonProps,\n      }}\n      {...dropdownProps}\n    >\n      <Menu\n        aria-label={t(\"neetoMolecules.moreDropdown.menuAriaLabel\")}\n        role=\"menu\"\n      >\n        {menuTopChildren}\n        {menuItems.map(({ isVisible = true, key, ...menuItemProps }) => {\n          if (!isVisible) return null;\n\n          return (\n            <MenuItem\n              key={key ?? hyphenate(menuItemProps.label)}\n              {...menuItemProps}\n            />\n          );\n        })}\n        {menuBottomChildren}\n      </Menu>\n    </Dropdown>\n  );\n};\n\nMoreDropdown.propTypes = {\n  /*\n   * This props will be passed to the target button of the dropdown.\n   */\n  dropdownButtonProps: PropTypes.shape({\n    style: PropTypes.oneOf(Object.values(BUTTON_STYLES)),\n    size: PropTypes.oneOf(Object.values(SIZES)),\n    iconSize: PropTypes.number,\n    disabled: PropTypes.bool,\n    isRounded: PropTypes.bool,\n  }),\n  /*\n   * Whether to show a MenuVertical icon. By default the icon will be MenuHorizontal.\n   */\n  isVertical: PropTypes.bool,\n  /*\n   * Whether the dropdown is disabled or not.\n   */\n  isDisabled: PropTypes.bool,\n  /*\n   * This props will be passed to the dropdown.\n   */\n  dropdownProps: PropTypes.shape({\n    strategy: PropTypes.oneOf(Object.values(STRATEGY)),\n  }),\n  /*\n   * This children will be rendered on top of the dropdown menu.\n   */\n  menuTopChildren: PropTypes.node,\n  /*\n   * This children will be rendered on bottom of the dropdown menu.\n   */\n  menuBottomChildren: PropTypes.node,\n  /*\n   * Menu items inside the dropdown. Each item needs to have a `label`, `onClick` and `key`.\n   */\n  menuItems: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      onClick: PropTypes.func,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(Object.values(MENU_ITEM_TYPES)),\n      isVisible: PropTypes.bool,\n      hasSubItems: PropTypes.bool,\n      dropdownProps: PropTypes.shape({\n        position: PropTypes.string,\n        trigger: PropTypes.string,\n      }),\n    })\n  ),\n};\n\nexport default MoreDropdown;\n"],"names":["MENU_ITEM_TYPES","menuItem","divider","DEFAULT_TOOLTIP_PROPS","disabled","position","touch","MenuItem","Dropdown","Menu","Submenu","withT","_ref","t","label","key","menuItemProps","_objectWithoutProperties","_excluded","_jsx","_objectSpread","appendTo","trigger","customTarget","Button","role","children","dropdownProps","menuItems","map","_ref2","_ref2$isVisible","isVisible","_excluded2","MoreDropdownMenuItem","Divider","onClick","_ref$type","type","_ref$hasSubItems","hasSubItems","MoreDropdown","_ref$dropdownButtonPr","dropdownButtonProps","_ref$isVertical","isVertical","_ref$isDisabled","isDisabled","_ref$dropdownProps","menuTopChildren","menuBottomChildren","_ref$menuItems","_useTranslation","useTranslation","isRoundedButton","isRounded","buttonProps","tooltipProps","mergeRight","targetIcon","MenuVertical","MenuHorizontal","isDropdownDisabled","Tooltip","icon","iconPosition","size","style","className","classnames","zIndex","content","_jsxs","hyphenate"],"mappings":";;;;;;;;;;;;;;;AAcO,IAAMA,eAAe,GAAG;AAC7BC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,OAAO,EAAE,SAAA;AACX,CAAC,CAAA;AAEM,IAAMC,qBAAqB,GAAG;AACnCC,EAAAA,QAAQ,EAAE,IAAI;AACdC,EAAAA,QAAQ,EAAE,QAAQ;AAClBC,EAAAA,KAAK,EAAE,CAAC,MAAM,EAAE,GAAG,CAAA;AACrB,CAAC;;;;;;AClBD,IAAQC,UAAQ,GAAWC,QAAQ,CAA3BD,QAAQ;EAAEE,MAAI,GAAKD,QAAQ,CAAjBC,IAAI,CAAA;AAEtB,IAAMC,OAAO,GAAGC,KAAK,CAAC,UAAAC,IAAA,EAAA;AAAA,EAAA,IAAGC,CAAC,GAAAD,IAAA,CAADC,CAAC;IAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAEC,GAAG,GAAAH,IAAA,CAAHG,GAAG;AAAKC,IAAAA,aAAa,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,WAAA,CAAA,CAAA;AAAA,EAAA,oBACtDC,GAAA,CAACX,QAAQ,EAAAY,eAAA,CAAAA,eAAA,CAAA;AACPC,IAAAA,QAAQ,EAAC,QAAQ;AAEjBhB,IAAAA,QAAQ,EAAC,MAAM;AACfiB,IAAAA,OAAO,EAAC,OAAO;AACfC,IAAAA,YAAY,eACVJ,GAAA,CAACZ,UAAQ,CAACiB,MAAM,EAAA;AAAC,MAAA,eAAA,EAAc,MAAM;AAACC,MAAAA,IAAI,EAAC,UAAU;AAAAC,MAAAA,QAAA,EAClDZ,KAAAA;KACc,CAAA;GAEfE,EAAAA,aAAa,CAACW,aAAa,CAAA,EAAA,EAAA,EAAA;IAAAD,QAAA,eAE/BP,GAAA,CAACV,MAAI,EAAA;MACH,YAAYI,EAAAA,CAAC,CAAC,8CAA8C,EAAE;AAAEC,QAAAA,KAAK,EAALA,KAAAA;AAAM,OAAC,CAAE;AACzEW,MAAAA,IAAI,EAAC,MAAM;MAAAC,QAAA,EAEVV,aAAa,CAACY,SAAS,CAACC,GAAG,CAC1B,UAAAC,KAAA,EAAiD;AAAA,QAAA,IAAAC,eAAA,GAAAD,KAAA,CAA9CE,SAAS;AAATA,UAAAA,SAAS,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,eAAA;UAAEhB,GAAG,GAAAe,KAAA,CAAHf,GAAG;AAAKC,UAAAA,aAAa,GAAAC,wBAAA,CAAAa,KAAA,EAAAG,YAAA,CAAA,CAAA;AACxC,QAAA,IAAI,CAACD,SAAS,EAAE,OAAO,IAAI,CAAA;QAE3B,oBAAOb,GAAA,CAACe,oBAAoB,EAAAd,eAAA,CAAeJ,EAAAA,EAAAA,aAAa,CAAtBD,EAAAA,GAAyB,CAAC,CAAA;OAEhE,CAAA;KACI,CAAA;AAAC,GAAA,CAAA,EArBFA,GAsBG,CAAC,CAAA;AAAA,CACZ,CAAC;;;;;AC5BF,IAAQR,QAAQ,GAAcC,QAAQ,CAA9BD,QAAQ;EAAE4B,OAAO,GAAK3B,QAAQ,CAApB2B,OAAO,CAAA;AAEzB,IAAMD,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAtB,IAAA,EAMpB;AAAA,EAAA,IALJwB,OAAO,GAAAxB,IAAA,CAAPwB,OAAO;IACPtB,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAAuB,SAAA,GAAAzB,IAAA,CACL0B,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,KAAA,CAAA,GAAGrC,eAAe,CAACC,QAAQ,GAAAoC,SAAA;IAAAE,gBAAA,GAAA3B,IAAA,CAC/B4B,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,gBAAA;AAChBvB,IAAAA,aAAa,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,WAAA,CAAA,CAAA;AAEhB,EAAA,IAAIoB,IAAI,KAAKtC,eAAe,CAACE,OAAO,EAAE;IACpC,oBAAOiB,GAAA,CAACgB,OAAO,EAAA;AAACV,MAAAA,IAAI,EAAC,WAAA;AAAW,KAAE,CAAC,CAAA;AACrC,GAAA;AAEA,EAAA,IAAIe,WAAW,EAAE;AACf,IAAA,oBAAOrB,GAAA,CAACT,OAAO,EAAAU,eAAA,KAAAA,eAAA,CAAA;AAAON,MAAAA,KAAK,EAALA,KAAAA;KAAUE,EAAAA,aAAa,EAAK,CAAC,CAAA;AACrD,GAAA;EAEA,oBACEG,GAAA,CAACZ,QAAQ,CAACiB,MAAM,EAAAJ,eAAA,CAAAA,eAAA,CAAA,EAAA,EAAAA,eAAA,CAAA;AAAOgB,IAAAA,OAAO,EAAPA,OAAAA;AAAO,GAAA,EAAKpB,aAAa,CAAA,CAAA,EAAA,EAAA,EAAA;AAAIS,IAAAA,IAAI,EAAC,UAAU;AAAAC,IAAAA,QAAA,EAChEZ,KAAAA;AAAK,GAAA,CACS,CAAC,CAAA;AAEtB,CAAC;;;;;;;;;ACTD,IAAQL,IAAI,GAAKD,QAAQ,CAAjBC,IAAI,CAAA;AAEZ,IAAMgC,YAAY,GAAG,SAAfA,YAAYA,CAAA7B,IAAA,EAQZ;AAAA,EAAA,IAAA8B,qBAAA,GAAA9B,IAAA,CAPJ+B,mBAAmB;AAAnBA,IAAAA,mBAAmB,GAAAD,qBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,qBAAA;IAAAE,eAAA,GAAAhC,IAAA,CACxBiC,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;IAAAE,eAAA,GAAAlC,IAAA,CAClBmC,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;IAAAE,kBAAA,GAAApC,IAAA,CAClBe,aAAa;AAAbA,IAAAA,aAAa,GAAAqB,kBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,kBAAA;IAClBC,eAAe,GAAArC,IAAA,CAAfqC,eAAe;IACfC,kBAAkB,GAAAtC,IAAA,CAAlBsC,kBAAkB;IAAAC,cAAA,GAAAvC,IAAA,CAClBgB,SAAS;AAATA,IAAAA,SAAS,GAAAuB,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA,CAAA;AAEd,EAAA,IAAAC,eAAA,GAAcC,cAAc,EAAE;IAAtBxC,CAAC,GAAAuC,eAAA,CAADvC,CAAC,CAAA;AAET,EAAA,IAAmByC,eAAe,GAAqBX,mBAAmB,CAAlEY,SAAS;AAAsBC,IAAAA,WAAW,GAAAvC,wBAAA,CAAK0B,mBAAmB,EAAAzB,SAAA,CAAA,CAAA;EAE1E,IAAMuC,YAAY,GAAGC,UAAU,CAC7BvD,qBAAqB,EACrBwC,mBAAmB,CAACc,YACtB,CAAC,CAAA;AAED,EAAA,IAAME,UAAU,GAAGd,UAAU,GAAGe,YAAY,GAAGC,cAAc,CAAA;AAE7D,EAAA,IAAMC,kBAAkB,GAAGf,UAAU,IAAIpB,aAAa,CAACvB,QAAQ,CAAA;AAC/D,EAAA,IAAI0D,kBAAkB,IAAI,CAACL,YAAY,CAACrD,QAAQ,EAAE;IAChD,oBACEe,GAAA,CAAC4C,OAAO,EAAA3C,aAAA,CAAAA,aAAA,KAAKqC,YAAY,CAAA,EAAA,EAAA,EAAA;AAAA/B,MAAAA,QAAA,eACvBP,GAAA,CAAA,MAAA,EAAA;AAAAO,QAAAA,QAAA,eACEP,GAAA,CAACK,MAAM,EAAAJ,aAAA,CAAA;UACLhB,QAAQ,EAAA,IAAA;AACR,UAAA,SAAA,EAAQ,sBAAsB;AAC9B,UAAA,4BAAA,EAA2B,eAAe;AAC1C,UAAA,aAAA,EAAY,qBAAqB;AACjC4D,UAAAA,IAAI,EAAEL,UAAW;AACjBM,UAAAA,YAAY,EAAC,OAAO;AACpBC,UAAAA,IAAI,EAAC,QAAQ;AACbC,UAAAA,KAAK,EAAC,MAAM;UACZC,SAAS,EAAEC,UAAU,CAAC;AACpB,YAAA,sCAAsC,EAAEf,eAAAA;WACzC,CAAA;AAAE,SAAA,EACCE,WAAW,CAChB,CAAA;OACG,CAAA;AAAC,KAAA,CACA,CAAC,CAAA;AAEd,GAAA;AAEA,EAAA,oBACErC,GAAA,CAACX,QAAQ,EAAAY,aAAA,CAAAA,aAAA,CAAA;AACPgD,IAAAA,SAAS,EAAC,MAAM;AAChBhE,IAAAA,QAAQ,EAAE2C,UAAW;AACrBiB,IAAAA,IAAI,EAAEL,UAAW;AACjBW,IAAAA,MAAM,EAAE,KAAM;AACdd,IAAAA,WAAW,EAAApC,aAAA,CAAA;AACT,MAAA,4BAA4B,EAAE,eAAe;AAC7CgD,MAAAA,SAAS,EAAEC,UAAU,CACnB,uDAAuD,EACvD;AAAE,QAAA,sCAAsC,EAAEf,eAAAA;AAAgB,OAC5D,CAAC;AACDa,MAAAA,KAAK,EAAE,MAAM;AACbV,MAAAA,YAAY,EAAE;AACZc,QAAAA,OAAO,EAAE1D,CAAC,CAAC,qCAAqC,CAAC;AACjDR,QAAAA,QAAQ,EAAE,KAAK;AACfC,QAAAA,KAAK,EAAE,CAAC,MAAM,EAAE,GAAG,CAAA;OACpB;AACD,MAAA,eAAe,EAAE,MAAM;MACvB,YAAY,EAAEO,CAAC,CAAC,6CAA6C,CAAA;AAAC,KAAA,EAC3D2C,WAAW,CAAA;AACd,GAAA,EACE7B,aAAa,CAAA,EAAA,EAAA,EAAA;IAAAD,QAAA,eAEjB8C,IAAA,CAAC/D,IAAI,EAAA;MACH,YAAYI,EAAAA,CAAC,CAAC,2CAA2C,CAAE;AAC3DY,MAAAA,IAAI,EAAC,MAAM;MAAAC,QAAA,EAAA,CAEVuB,eAAe,EACfrB,SAAS,CAACC,GAAG,CAAC,UAAAC,KAAA,EAAiD;AAAA,QAAA,IAAAC,eAAA,GAAAD,KAAA,CAA9CE,SAAS;AAATA,UAAAA,SAAS,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,eAAA;UAAEhB,GAAG,GAAAe,KAAA,CAAHf,GAAG;AAAKC,UAAAA,aAAa,GAAAC,wBAAA,CAAAa,KAAA,EAAAG,UAAA,CAAA,CAAA;AACvD,QAAA,IAAI,CAACD,SAAS,EAAE,OAAO,IAAI,CAAA;QAE3B,oBACEb,GAAA,CAACZ,oBAAQ,EAAAa,aAAA,CAEHJ,EAAAA,EAAAA,aAAa,GADZD,GAAG,KAAA,IAAA,IAAHA,GAAG,KAAHA,KAAAA,CAAAA,GAAAA,GAAG,GAAI0D,SAAS,CAACzD,aAAa,CAACF,KAAK,CAE1C,CAAC,CAAA;OAEL,CAAC,EACDoC,kBAAkB,CAAA;KACf,CAAA;AAAC,GAAA,CACC,CAAC,CAAA;AAEf;;;;"}

package/dist/ProductEmbed.js

@@ -138,7 +138,7 @@ var elementPopupEmbedCode$1 = function elementPopupEmbedCode(_ref5) {
     extraArgs = _ref5.extraArgs;
   var elementSelector = customization.elementSelector,
     queryParams = customization.queryParams;
-  return "\n  <!-- This is a demo button, you can use any element on your website instead. -->\n  <button id=\"".concat(elementSelector, "\">Click to open popup</button>\n\n  <!-- ").concat(globalProps.appName, " element-click embed code begins -->\n  ").concat(embedBaseScript(embedScriptLink), "\n  <script>\n    ").concat(camelCasedAppName$1, ".embed({\n      type: \"elementClick\",\n      id: \"").concat(id, "\",\n      organization: \"").concat(globalProps.organization.subdomain, "\",\n      elementSelector: \"#").concat(elementSelector, "\",").concat(embedQueryParam$1(queryParams)).concat(embedEnv$1()).concat(parseExtraArgs$1(extraArgs), "\n    });\n  </script>\n  <!-- ").concat(globalProps.appName, " element-click embed code ends -->");
+  return "\n  <!-- This is a demo button, you can use any element on your website instead. -->\n  <!-- <button id=\"".concat(elementSelector, "\">Click to open popup</button> -->\n\n  <!-- ").concat(globalProps.appName, " element-click embed code begins -->\n  ").concat(embedBaseScript(embedScriptLink), "\n  <script>\n    ").concat(camelCasedAppName$1, ".embed({\n      type: \"elementClick\",\n      id: \"").concat(id, "\",\n      organization: \"").concat(globalProps.organization.subdomain, "\",\n      elementSelector: \"#").concat(elementSelector, "\",").concat(embedQueryParam$1(queryParams)).concat(embedEnv$1()).concat(parseExtraArgs$1(extraArgs), "\n    });\n  </script>\n  <!-- ").concat(globalProps.appName, " element-click embed code ends -->");
 };
 var iframeEmbedCode$1 = function iframeEmbedCode(_ref6) {
   var id = _ref6.id,