@bigbinary/neeto-molecules 3.3.11 → 3.3.13

package/dist/cjs/Metadata.js

@@ -7,6 +7,7 @@ var useBreakpoints = require('@bigbinary/neeto-commons-frontend/react-utils/useB
 var Collapse = require('@bigbinary/neeto-icons/Collapse');
 var Button = require('@bigbinary/neetoui/Button');
 var Typography = require('@bigbinary/neetoui/Typography');
+var jsxRuntime = require('react/jsx-runtime');
 var neetoCist = require('@bigbinary/neeto-cist');
 var Down = require('@bigbinary/neeto-icons/Down');
 var Up = require('@bigbinary/neeto-icons/Up');
@@ -16,7 +17,6 @@ var injectCss = require('./inject-css-80a5faa3.js');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 var useBreakpoints__default = /*#__PURE__*/_interopDefaultLegacy(useBreakpoints);
 var Collapse__default = /*#__PURE__*/_interopDefaultLegacy(Collapse);
@@ -31,26 +31,32 @@ var Block = function Block(_ref) {
     children = _ref.children,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "neeto-molecules-metadata__block mb-5 w-full",
     "data-cy": "neeto-molecules-metadata-block",
-    "data-testid": "metadata-block"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "mb-2 flex w-full items-center justify-between gap-2"
-  }, title && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex w-60 items-center gap-2 break-all"
-  }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
-    className: "neeto-ui-text-gray-700",
-    "data-testid": "metadata-block-title",
-    style: "h5",
-    textTransform: "uppercase",
-    weight: "bold"
-  }, title)), actionBlock && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "ml-auto"
-  }, actionBlock)), !!children && /*#__PURE__*/React__default["default"].createElement("div", {
-    "data-testid": "metadata-card",
-    className: classnames__default["default"]("neeto-ui-bg-white neeto-ui-border-gray-300 neeto-ui-rounded-lg neeto-molecules-metadata__card border p-4", className)
-  }, children));
+    "data-testid": "metadata-block",
+    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "mb-2 flex w-full items-center justify-between gap-2",
+      children: [title && /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "flex w-60 items-center gap-2 break-all",
+        children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+          className: "neeto-ui-text-gray-700",
+          "data-testid": "metadata-block-title",
+          style: "h5",
+          textTransform: "uppercase",
+          weight: "bold",
+          children: title
+        })
+      }), actionBlock && /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "ml-auto",
+        children: actionBlock
+      })]
+    }), !!children && /*#__PURE__*/jsxRuntime.jsx("div", {
+      "data-testid": "metadata-card",
+      className: classnames__default["default"]("neeto-ui-bg-white neeto-ui-border-gray-300 neeto-ui-rounded-lg neeto-molecules-metadata__card border p-4", className),
+      children: children
+    })]
+  });
 };
 
 var STYLES = {
@@ -88,62 +94,73 @@ var DetailsBlock = function DetailsBlock(_ref) {
     truncatedDetails = _ref3[1];
   var renderDetailsValue = function renderDetailsValue(value) {
     if (typeof value === "string") {
-      return /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
+      return /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
         className: "break-anywhere",
-        style: "body2"
-      }, value);
+        style: "body2",
+        children: value
+      });
     }
-    return /*#__PURE__*/React__default["default"].createElement("span", null, value);
+    return /*#__PURE__*/jsxRuntime.jsx("span", {
+      children: value
+    });
   };
-  return /*#__PURE__*/React__default["default"].createElement(Block, {
+  return /*#__PURE__*/jsxRuntime.jsx(Block, {
     actionBlock: actionBlock,
     className: className,
-    title: title !== null && title !== void 0 ? title : t("neetoMolecules.metadata.detailsTitle")
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex flex-col space-y-3",
-    "data-cy": "neeto-molecules-metadata-details-block"
-  }, visibleDetails.map(function (_ref4, index) {
-    var label = _ref4.label,
-      value = _ref4.value,
-      type = _ref4.type;
-    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
-      key: index
-    }, type === "divider" ? /*#__PURE__*/React__default["default"].createElement("hr", null) : /*#__PURE__*/React__default["default"].createElement("div", {
-      "data-testid": "details-card-detail-wrapper",
-      className: classnames__default["default"]("flex", {
-        "space-x-4": style === STYLES.inline,
-        "flex-col": style === STYLES.multiline
-      })
-    }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
-      className: "neeto-ui-text-gray-600",
-      style: "body2"
-    }, label), renderDetailsValue(value)));
-  }), !truncate && children, showTruncated && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, truncatedDetails.map(function (_ref5, index) {
-    var label = _ref5.label,
-      value = _ref5.value,
-      type = _ref5.type;
-    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
-      key: index
-    }, type === "divider" ? /*#__PURE__*/React__default["default"].createElement("hr", null) : /*#__PURE__*/React__default["default"].createElement("div", {
-      className: classnames__default["default"]("flex", {
-        "space-x-4": style === STYLES.inline,
-        "flex-col": style === STYLES.multiline
-      })
-    }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
-      className: "neeto-ui-text-gray-600",
-      style: "body2"
-    }, label), renderDetailsValue(value)));
-  }), children), truncate && neetoCist.isNotEmpty(truncatedDetails) && /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
-    "data-testid": "expand-button",
-    icon: showTruncated ? Up__default["default"] : Down__default["default"],
-    style: "link",
-    label: showTruncated ? t("neetoMolecules.metadata.card.viewLess") : t("neetoMolecules.metadata.card.viewMore"),
-    onClick: function onClick() {
-      return setShowTruncated(function (showTruncated) {
-        return !showTruncated;
-      });
-    }
-  })));
+    title: title !== null && title !== void 0 ? title : t("neetoMolecules.metadata.detailsTitle"),
+    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex flex-col space-y-3",
+      "data-cy": "neeto-molecules-metadata-details-block",
+      children: [visibleDetails.map(function (_ref4, index) {
+        var label = _ref4.label,
+          value = _ref4.value,
+          type = _ref4.type;
+        return /*#__PURE__*/jsxRuntime.jsx(React.Fragment, {
+          children: type === "divider" ? /*#__PURE__*/jsxRuntime.jsx("hr", {}) : /*#__PURE__*/jsxRuntime.jsxs("div", {
+            "data-testid": "details-card-detail-wrapper",
+            className: classnames__default["default"]("flex", {
+              "space-x-4": style === STYLES.inline,
+              "flex-col": style === STYLES.multiline
+            }),
+            children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+              className: "neeto-ui-text-gray-600",
+              style: "body2",
+              children: label
+            }), renderDetailsValue(value)]
+          })
+        }, index);
+      }), !truncate && children, showTruncated && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [truncatedDetails.map(function (_ref5, index) {
+          var label = _ref5.label,
+            value = _ref5.value,
+            type = _ref5.type;
+          return /*#__PURE__*/jsxRuntime.jsx(React.Fragment, {
+            children: type === "divider" ? /*#__PURE__*/jsxRuntime.jsx("hr", {}) : /*#__PURE__*/jsxRuntime.jsxs("div", {
+              className: classnames__default["default"]("flex", {
+                "space-x-4": style === STYLES.inline,
+                "flex-col": style === STYLES.multiline
+              }),
+              children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+                className: "neeto-ui-text-gray-600",
+                style: "body2",
+                children: label
+              }), renderDetailsValue(value)]
+            })
+          }, index);
+        }), children]
+      }), truncate && neetoCist.isNotEmpty(truncatedDetails) && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+        "data-testid": "expand-button",
+        icon: showTruncated ? Up__default["default"] : Down__default["default"],
+        style: "link",
+        label: showTruncated ? t("neetoMolecules.metadata.card.viewLess") : t("neetoMolecules.metadata.card.viewMore"),
+        onClick: function onClick() {
+          return setShowTruncated(function (showTruncated) {
+            return !showTruncated;
+          });
+        }
+      })]
+    })
+  });
 };
 
 var css = ":root{--neeto-molecule-metadata-sidebar-width:384px}.neeto-molecules-metadata-list-panel__wrapper{height:100%;min-width:384px;min-width:var(--neeto-molecule-metadata-sidebar-width);position:relative;transition:all .15s;width:384px;width:var(--neeto-molecule-metadata-sidebar-width);z-index:51}@media screen and (min-width:1024px) and (max-width:1200px){.neeto-molecules-metadata-list-panel__wrapper{--neeto-molecule-metadata-sidebar-width:300px}}@media screen and (max-width:1024px){.neeto-molecules-metadata-list-panel__wrapper{position:fixed;right:0;top:0;transition:none}}@media screen and (max-width:576px){.neeto-molecules-metadata-list-panel__wrapper{height:100%;max-width:100%;min-width:0;width:100%}}.neeto-molecules-metadata-list-panel__wrapper--collapsed{max-width:0;min-width:0;width:0}.neeto-molecules-metadata-list-panel__wrapper--collapsed .neeto-molecules-metadata-list-panel__toggler{transform:scale(-1)}@media screen and (max-width:576px){.neeto-molecules-metadata-list-panel__wrapper--collapsed .neeto-molecules-metadata-list-panel__toggler{left:auto;right:8px}}.neeto-molecules-metadata-list-panel__container{display:flex;height:100%;justify-content:flex-end;overflow:hidden;width:100%}.neeto-molecules-metadata{min-width:384px;min-width:var(--neeto-molecule-metadata-sidebar-width);padding:24px;width:384px;width:var(--neeto-molecule-metadata-sidebar-width)}.neeto-molecules-metadata--size-small{--neeto-molecule-metadata-sidebar-width:340px}.neeto-molecules-metadata__card{width:100%}@media screen and (min-width:1024px) and (max-width:1200px){.neeto-molecules-metadata{--neeto-molecule-metadata-sidebar-width:300px}}@media screen and (max-width:576px){.neeto-molecules-metadata{padding-top:48px}}.neeto-molecules-metadata-list-panel__toggler{display:none!important;flex-shrink:0;position:absolute;right:calc(100% + 8px);top:8px}.neeto-molecules-metadata-list-panel__toggler .neeto-ui-btn__icon{transform:rotate(180deg)}@media screen and (max-width:1024px){.neeto-molecules-metadata-list-panel__toggler{display:inline-flex!important}}@media screen and (max-width:576px){.neeto-molecules-metadata-list-panel__toggler{right:8px}}.neeto-molecules-metadata-panel__backdrop{background-color:rgba(var(--neeto-ui-black),.4);display:none;height:100%;position:absolute;right:0;top:0;visibility:hidden;width:100%;z-index:51}@media screen and (min-width:576px) and (max-width:1024px){.neeto-molecules-metadata-panel__backdrop{display:block;visibility:visible}}@media screen and (min-width:576px) and (max-width:1200px){.neeto-molecules-metadata-panel__backdrop--extended{display:block;visibility:visible}}.break-anywhere{overflow-wrap:anywhere}";
@@ -166,36 +183,42 @@ var Metadata = function Metadata(_ref) {
   React.useEffect(function () {
     setIsElementsPanelCollapsed(!isLargerScreen);
   }, [isLargerScreen]);
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, !isElementsPanelCollapsed && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-molecules-metadata-panel__backdrop",
-    onClick: function onClick() {
-      setIsElementsPanelCollapsed(!isElementsPanelCollapsed);
-    }
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classnames__default["default"]("neeto-molecules-metadata-list-panel__wrapper", {
-      "neeto-molecules-metadata-list-panel__wrapper--collapsed": isElementsPanelCollapsed
-    })
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-molecules-metadata-list-panel__container"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "data-cy": "neeto-molecules-metadata-wrapper",
-    "data-testid": "metadata-wrapper",
-    className: classnames__default["default"]("neeto-ui-bg-gray-100 neeto-molecules-metadata h-screen flex-shrink-0 overflow-y-auto overflow-x-hidden", {
-      "neeto-molecules-metadata--size-large": size === SIZES.medium,
-      "neeto-molecules-metadata--size-small": size === SIZES.small
-    }, className)
-  }, headerBlock && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-molecules-metadata__header mb-5 flex w-full justify-center",
-    "data-cy": "neeto-molecules-metadata-header",
-    "data-testid": "metadata-header"
-  }, headerBlock), children)), /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
-    className: "neeto-molecules-metadata-list-panel__toggler",
-    icon: Collapse__default["default"],
-    style: "secondary",
-    onClick: function onClick() {
-      setIsElementsPanelCollapsed(!isElementsPanelCollapsed);
-    }
-  })));
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [!isElementsPanelCollapsed && /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "neeto-molecules-metadata-panel__backdrop",
+      onClick: function onClick() {
+        setIsElementsPanelCollapsed(!isElementsPanelCollapsed);
+      }
+    }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: classnames__default["default"]("neeto-molecules-metadata-list-panel__wrapper", {
+        "neeto-molecules-metadata-list-panel__wrapper--collapsed": isElementsPanelCollapsed
+      }),
+      children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "neeto-molecules-metadata-list-panel__container",
+        children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+          "data-cy": "neeto-molecules-metadata-wrapper",
+          "data-testid": "metadata-wrapper",
+          className: classnames__default["default"]("neeto-ui-bg-gray-100 neeto-molecules-metadata h-screen flex-shrink-0 overflow-y-auto overflow-x-hidden", {
+            "neeto-molecules-metadata--size-large": size === SIZES.medium,
+            "neeto-molecules-metadata--size-small": size === SIZES.small
+          }, className),
+          children: [headerBlock && /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "neeto-molecules-metadata__header mb-5 flex w-full justify-center",
+            "data-cy": "neeto-molecules-metadata-header",
+            "data-testid": "metadata-header",
+            children: headerBlock
+          }), children]
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+        className: "neeto-molecules-metadata-list-panel__toggler",
+        icon: Collapse__default["default"],
+        style: "secondary",
+        onClick: function onClick() {
+          setIsElementsPanelCollapsed(!isElementsPanelCollapsed);
+        }
+      })]
+    })]
+  });
 };
 Metadata.Block = Block;
 Metadata.DetailsBlock = DetailsBlock;

package/dist/cjs/Metadata.js.map

@@ -1 +1 @@
-{"version":3,"file":"Metadata.js","sources":["../../src/components/Metadata/Block.jsx","../../src/components/Metadata/constants.js","../../src/components/Metadata/DetailsBlock.jsx","../../src/components/Metadata/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nconst Block = ({ title, actionBlock, children, className = \"\" }) => (\n  <div\n    className=\"neeto-molecules-metadata__block mb-5 w-full\"\n    data-cy=\"neeto-molecules-metadata-block\"\n    data-testid=\"metadata-block\"\n  >\n    <div className=\"mb-2 flex w-full items-center justify-between gap-2\">\n      {title && (\n        <div className=\"flex w-60 items-center gap-2 break-all\">\n          <Typography\n            className=\"neeto-ui-text-gray-700\"\n            data-testid=\"metadata-block-title\"\n            style=\"h5\"\n            textTransform=\"uppercase\"\n            weight=\"bold\"\n          >\n            {title}\n          </Typography>\n        </div>\n      )}\n      {actionBlock && <div className=\"ml-auto\">{actionBlock}</div>}\n    </div>\n    {!!children && (\n      <div\n        data-testid=\"metadata-card\"\n        className={classnames(\n          \"neeto-ui-bg-white neeto-ui-border-gray-300 neeto-ui-rounded-lg neeto-molecules-metadata__card border p-4\",\n          className\n        )}\n      >\n        {children}\n      </div>\n    )}\n  </div>\n);\n\nBlock.propTypes = {\n  /**\n   * To specify the content to be rendered on the right side of the title.\n   */\n  actionBlock: PropTypes.node,\n  /**\n   * To specify the title of the block.\n   */\n  title: PropTypes.string,\n  /**\n   * The content to be rendered inside the block.\n   */\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node,\n  ]),\n  /**\n   * To specify external classNames as overrides to the `Block` component.\n   */\n  className: PropTypes.string,\n};\n\nexport default Block;\n","export const STYLES = { inline: \"inline\", multiline: \"multiline\" };\n\nexport const SIZES = { small: \"small\", medium: \"medium\" };\n\nexport const DEFAULT_TRUNCATE_AT = 3;\n","import React, { useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport { isNotEmpty } from \"neetocist\";\nimport { Down, Up } from \"neetoicons\";\nimport { Button, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport Block from \"./Block\";\nimport { DEFAULT_TRUNCATE_AT, STYLES } from \"./constants\";\n\nconst DetailsBlock = ({\n  title,\n  actionBlock,\n  details = [],\n  className,\n  style = STYLES.inline,\n  truncate = false,\n  truncateAt = DEFAULT_TRUNCATE_AT,\n  children,\n}) => {\n  const [showTruncated, setShowTruncated] = useState(false);\n\n  const { t } = useTranslation();\n\n  const [visibleDetails, truncatedDetails] = truncate\n    ? [details.slice(0, truncateAt), details.slice(truncateAt)]\n    : [details];\n\n  const renderDetailsValue = value => {\n    if (typeof value === \"string\") {\n      return (\n        <Typography className=\"break-anywhere\" style=\"body2\">\n          {value}\n        </Typography>\n      );\n    }\n\n    return <span>{value}</span>;\n  };\n\n  return (\n    <Block\n      {...{ actionBlock, className }}\n      title={title ?? t(\"neetoMolecules.metadata.detailsTitle\")}\n    >\n      <div\n        className=\"flex flex-col space-y-3\"\n        data-cy=\"neeto-molecules-metadata-details-block\"\n      >\n        {visibleDetails.map(({ label, value, type }, index) => (\n          <React.Fragment key={index}>\n            {type === \"divider\" ? (\n              <hr />\n            ) : (\n              <div\n                data-testid=\"details-card-detail-wrapper\"\n                className={classnames(\"flex\", {\n                  \"space-x-4\": style === STYLES.inline,\n                  \"flex-col\": style === STYLES.multiline,\n                })}\n              >\n                <Typography className=\"neeto-ui-text-gray-600\" style=\"body2\">\n                  {label}\n                </Typography>\n                {renderDetailsValue(value)}\n              </div>\n            )}\n          </React.Fragment>\n        ))}\n        {!truncate && children}\n        {showTruncated && (\n          <>\n            {truncatedDetails.map(({ label, value, type }, index) => (\n              <React.Fragment key={index}>\n                {type === \"divider\" ? (\n                  <hr />\n                ) : (\n                  <div\n                    className={classnames(\"flex\", {\n                      \"space-x-4\": style === STYLES.inline,\n                      \"flex-col\": style === STYLES.multiline,\n                    })}\n                  >\n                    <Typography\n                      className=\"neeto-ui-text-gray-600\"\n                      style=\"body2\"\n                    >\n                      {label}\n                    </Typography>\n                    {renderDetailsValue(value)}\n                  </div>\n                )}\n              </React.Fragment>\n            ))}\n            {children}\n          </>\n        )}\n        {truncate && isNotEmpty(truncatedDetails) && (\n          <Button\n            data-testid=\"expand-button\"\n            icon={showTruncated ? Up : Down}\n            style=\"link\"\n            label={\n              showTruncated\n                ? t(\"neetoMolecules.metadata.card.viewLess\")\n                : t(\"neetoMolecules.metadata.card.viewMore\")\n            }\n            onClick={() => setShowTruncated(showTruncated => !showTruncated)}\n          />\n        )}\n      </div>\n    </Block>\n  );\n};\n\nDetailsBlock.propTypes = {\n  /**\n   * To specify the content to be rendered on the right side of the title.\n   */\n  actionBlock: PropTypes.node,\n  /**\n   * To specify the title of the block.\n   */\n  title: PropTypes.string,\n  /**\n   * The details to be rendered inside the block.\n   */\n  details: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      value: PropTypes.node,\n      type: PropTypes.string,\n    })\n  ),\n  /**\n   * To specify whether the label and value should be rendered in a single line or in two lines.\n   */\n  style: PropTypes.oneOf([\"inline\", \"multiline\"]),\n  /**\n   * To specify whether the visible details should be truncated at a specific point.\n   */\n  truncate: PropTypes.bool,\n  /**\n   * To specify the position at which the details should be truncated and `View more` button should be shown.\n   */\n  truncateAt: PropTypes.number,\n  /**\n   * To specify external classNames as overrides to the `DetailsBlock` component.\n   */\n  className: PropTypes.string,\n  /**\n   * The additional content to be rendered inside the block.\n   */\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node,\n  ]),\n};\n\nexport default DetailsBlock;\n","import React, { useEffect, useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport useBreakpoints from \"neetocommons/react-utils/useBreakpoints\";\nimport { Collapse } from \"neetoicons\";\nimport { Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport Block from \"./Block\";\nimport { SIZES } from \"./constants\";\nimport DetailsBlock from \"./DetailsBlock\";\nimport \"./metadata.scss\";\n\nconst Metadata = ({\n  headerBlock,\n  size = SIZES.medium,\n  children,\n  className = \"\",\n}) => {\n  const { isSize } = useBreakpoints();\n  const isLargerScreen = isSize(\"desktop\") || isSize(\"largeDesktop\");\n  const [isElementsPanelCollapsed, setIsElementsPanelCollapsed] = useState(\n    !isLargerScreen\n  );\n\n  useEffect(() => {\n    setIsElementsPanelCollapsed(!isLargerScreen);\n  }, [isLargerScreen]);\n\n  return (\n    <>\n      {!isElementsPanelCollapsed && (\n        <div\n          className=\"neeto-molecules-metadata-panel__backdrop\"\n          onClick={() => {\n            setIsElementsPanelCollapsed(!isElementsPanelCollapsed);\n          }}\n        />\n      )}\n      <div\n        className={classnames(\"neeto-molecules-metadata-list-panel__wrapper\", {\n          \"neeto-molecules-metadata-list-panel__wrapper--collapsed\":\n            isElementsPanelCollapsed,\n        })}\n      >\n        <div className=\"neeto-molecules-metadata-list-panel__container\">\n          <div\n            data-cy=\"neeto-molecules-metadata-wrapper\"\n            data-testid=\"metadata-wrapper\"\n            className={classnames(\n              \"neeto-ui-bg-gray-100 neeto-molecules-metadata h-screen flex-shrink-0 overflow-y-auto overflow-x-hidden\",\n              {\n                \"neeto-molecules-metadata--size-large\": size === SIZES.medium,\n                \"neeto-molecules-metadata--size-small\": size === SIZES.small,\n              },\n              className\n            )}\n          >\n            {headerBlock && (\n              <div\n                className=\"neeto-molecules-metadata__header mb-5 flex w-full justify-center\"\n                data-cy=\"neeto-molecules-metadata-header\"\n                data-testid=\"metadata-header\"\n              >\n                {headerBlock}\n              </div>\n            )}\n            {children}\n          </div>\n        </div>\n        <Button\n          className=\"neeto-molecules-metadata-list-panel__toggler\"\n          icon={Collapse}\n          style=\"secondary\"\n          onClick={() => {\n            setIsElementsPanelCollapsed(!isElementsPanelCollapsed);\n          }}\n        />\n      </div>\n    </>\n  );\n};\n\nMetadata.Block = Block;\nMetadata.DetailsBlock = DetailsBlock;\n\nMetadata.propTypes = {\n  /**\n   * To specify the content to be rendered as the title of the `Metadata` wrapper.\n   */\n  headerBlock: PropTypes.node,\n  /**\n   * The content to be rendered inside the `Metadata` wrapper.\n   */\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node,\n  ]),\n  /**\n   * To specify external classNames as overrides to the `Metadata` component.\n   */\n  className: PropTypes.string,\n  /**\n   * To set the size of the `Metadata` wrapper.\n   */\n  size: PropTypes.oneOf([\"small\", \"medium\"]),\n};\n\nexport default Metadata;\n"],"names":["Block","_ref","title","actionBlock","children","_ref$className","className","React","createElement","Typography","style","textTransform","weight","classnames","STYLES","inline","multiline","SIZES","small","medium","DEFAULT_TRUNCATE_AT","DetailsBlock","_ref$details","details","_ref$style","_ref$truncate","truncate","_ref$truncateAt","truncateAt","_useState","useState","_useState2","_slicedToArray","showTruncated","setShowTruncated","_useTranslation","useTranslation","t","_ref2","slice","_ref3","visibleDetails","truncatedDetails","renderDetailsValue","value","map","_ref4","index","label","type","Fragment","key","_ref5","isNotEmpty","Button","icon","Up","Down","onClick","Metadata","headerBlock","_ref$size","size","_useBreakpoints","useBreakpoints","isSize","isLargerScreen","isElementsPanelCollapsed","setIsElementsPanelCollapsed","useEffect","Collapse"],"mappings":"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"}
+{"version":3,"file":"Metadata.js","sources":["../../src/components/Metadata/Block.jsx","../../src/components/Metadata/constants.js","../../src/components/Metadata/DetailsBlock.jsx","../../src/components/Metadata/index.jsx"],"sourcesContent":["import classnames from \"classnames\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nconst Block = ({ title, actionBlock, children, className = \"\" }) => (\n  <div\n    className=\"neeto-molecules-metadata__block mb-5 w-full\"\n    data-cy=\"neeto-molecules-metadata-block\"\n    data-testid=\"metadata-block\"\n  >\n    <div className=\"mb-2 flex w-full items-center justify-between gap-2\">\n      {title && (\n        <div className=\"flex w-60 items-center gap-2 break-all\">\n          <Typography\n            className=\"neeto-ui-text-gray-700\"\n            data-testid=\"metadata-block-title\"\n            style=\"h5\"\n            textTransform=\"uppercase\"\n            weight=\"bold\"\n          >\n            {title}\n          </Typography>\n        </div>\n      )}\n      {actionBlock && <div className=\"ml-auto\">{actionBlock}</div>}\n    </div>\n    {!!children && (\n      <div\n        data-testid=\"metadata-card\"\n        className={classnames(\n          \"neeto-ui-bg-white neeto-ui-border-gray-300 neeto-ui-rounded-lg neeto-molecules-metadata__card border p-4\",\n          className\n        )}\n      >\n        {children}\n      </div>\n    )}\n  </div>\n);\n\nBlock.propTypes = {\n  /**\n   * To specify the content to be rendered on the right side of the title.\n   */\n  actionBlock: PropTypes.node,\n  /**\n   * To specify the title of the block.\n   */\n  title: PropTypes.string,\n  /**\n   * The content to be rendered inside the block.\n   */\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node,\n  ]),\n  /**\n   * To specify external classNames as overrides to the `Block` component.\n   */\n  className: PropTypes.string,\n};\n\nexport default Block;\n","export const STYLES = { inline: \"inline\", multiline: \"multiline\" };\n\nexport const SIZES = { small: \"small\", medium: \"medium\" };\n\nexport const DEFAULT_TRUNCATE_AT = 3;\n","import { Fragment, useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport { isNotEmpty } from \"neetocist\";\nimport { Down, Up } from \"neetoicons\";\nimport { Button, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport Block from \"./Block\";\nimport { DEFAULT_TRUNCATE_AT, STYLES } from \"./constants\";\n\nconst DetailsBlock = ({\n  title,\n  actionBlock,\n  details = [],\n  className,\n  style = STYLES.inline,\n  truncate = false,\n  truncateAt = DEFAULT_TRUNCATE_AT,\n  children,\n}) => {\n  const [showTruncated, setShowTruncated] = useState(false);\n\n  const { t } = useTranslation();\n\n  const [visibleDetails, truncatedDetails] = truncate\n    ? [details.slice(0, truncateAt), details.slice(truncateAt)]\n    : [details];\n\n  const renderDetailsValue = value => {\n    if (typeof value === \"string\") {\n      return (\n        <Typography className=\"break-anywhere\" style=\"body2\">\n          {value}\n        </Typography>\n      );\n    }\n\n    return <span>{value}</span>;\n  };\n\n  return (\n    <Block\n      {...{ actionBlock, className }}\n      title={title ?? t(\"neetoMolecules.metadata.detailsTitle\")}\n    >\n      <div\n        className=\"flex flex-col space-y-3\"\n        data-cy=\"neeto-molecules-metadata-details-block\"\n      >\n        {visibleDetails.map(({ label, value, type }, index) => (\n          <Fragment key={index}>\n            {type === \"divider\" ? (\n              <hr />\n            ) : (\n              <div\n                data-testid=\"details-card-detail-wrapper\"\n                className={classnames(\"flex\", {\n                  \"space-x-4\": style === STYLES.inline,\n                  \"flex-col\": style === STYLES.multiline,\n                })}\n              >\n                <Typography className=\"neeto-ui-text-gray-600\" style=\"body2\">\n                  {label}\n                </Typography>\n                {renderDetailsValue(value)}\n              </div>\n            )}\n          </Fragment>\n        ))}\n        {!truncate && children}\n        {showTruncated && (\n          <>\n            {truncatedDetails.map(({ label, value, type }, index) => (\n              <Fragment key={index}>\n                {type === \"divider\" ? (\n                  <hr />\n                ) : (\n                  <div\n                    className={classnames(\"flex\", {\n                      \"space-x-4\": style === STYLES.inline,\n                      \"flex-col\": style === STYLES.multiline,\n                    })}\n                  >\n                    <Typography\n                      className=\"neeto-ui-text-gray-600\"\n                      style=\"body2\"\n                    >\n                      {label}\n                    </Typography>\n                    {renderDetailsValue(value)}\n                  </div>\n                )}\n              </Fragment>\n            ))}\n            {children}\n          </>\n        )}\n        {truncate && isNotEmpty(truncatedDetails) && (\n          <Button\n            data-testid=\"expand-button\"\n            icon={showTruncated ? Up : Down}\n            style=\"link\"\n            label={\n              showTruncated\n                ? t(\"neetoMolecules.metadata.card.viewLess\")\n                : t(\"neetoMolecules.metadata.card.viewMore\")\n            }\n            onClick={() => setShowTruncated(showTruncated => !showTruncated)}\n          />\n        )}\n      </div>\n    </Block>\n  );\n};\n\nDetailsBlock.propTypes = {\n  /**\n   * To specify the content to be rendered on the right side of the title.\n   */\n  actionBlock: PropTypes.node,\n  /**\n   * To specify the title of the block.\n   */\n  title: PropTypes.string,\n  /**\n   * The details to be rendered inside the block.\n   */\n  details: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      value: PropTypes.node,\n      type: PropTypes.string,\n    })\n  ),\n  /**\n   * To specify whether the label and value should be rendered in a single line or in two lines.\n   */\n  style: PropTypes.oneOf([\"inline\", \"multiline\"]),\n  /**\n   * To specify whether the visible details should be truncated at a specific point.\n   */\n  truncate: PropTypes.bool,\n  /**\n   * To specify the position at which the details should be truncated and `View more` button should be shown.\n   */\n  truncateAt: PropTypes.number,\n  /**\n   * To specify external classNames as overrides to the `DetailsBlock` component.\n   */\n  className: PropTypes.string,\n  /**\n   * The additional content to be rendered inside the block.\n   */\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node,\n  ]),\n};\n\nexport default DetailsBlock;\n","import { useEffect, useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport useBreakpoints from \"neetocommons/react-utils/useBreakpoints\";\nimport { Collapse } from \"neetoicons\";\nimport { Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport Block from \"./Block\";\nimport { SIZES } from \"./constants\";\nimport DetailsBlock from \"./DetailsBlock\";\nimport \"./metadata.scss\";\n\nconst Metadata = ({\n  headerBlock,\n  size = SIZES.medium,\n  children,\n  className = \"\",\n}) => {\n  const { isSize } = useBreakpoints();\n  const isLargerScreen = isSize(\"desktop\") || isSize(\"largeDesktop\");\n  const [isElementsPanelCollapsed, setIsElementsPanelCollapsed] = useState(\n    !isLargerScreen\n  );\n\n  useEffect(() => {\n    setIsElementsPanelCollapsed(!isLargerScreen);\n  }, [isLargerScreen]);\n\n  return (\n    <>\n      {!isElementsPanelCollapsed && (\n        <div\n          className=\"neeto-molecules-metadata-panel__backdrop\"\n          onClick={() => {\n            setIsElementsPanelCollapsed(!isElementsPanelCollapsed);\n          }}\n        />\n      )}\n      <div\n        className={classnames(\"neeto-molecules-metadata-list-panel__wrapper\", {\n          \"neeto-molecules-metadata-list-panel__wrapper--collapsed\":\n            isElementsPanelCollapsed,\n        })}\n      >\n        <div className=\"neeto-molecules-metadata-list-panel__container\">\n          <div\n            data-cy=\"neeto-molecules-metadata-wrapper\"\n            data-testid=\"metadata-wrapper\"\n            className={classnames(\n              \"neeto-ui-bg-gray-100 neeto-molecules-metadata h-screen flex-shrink-0 overflow-y-auto overflow-x-hidden\",\n              {\n                \"neeto-molecules-metadata--size-large\": size === SIZES.medium,\n                \"neeto-molecules-metadata--size-small\": size === SIZES.small,\n              },\n              className\n            )}\n          >\n            {headerBlock && (\n              <div\n                className=\"neeto-molecules-metadata__header mb-5 flex w-full justify-center\"\n                data-cy=\"neeto-molecules-metadata-header\"\n                data-testid=\"metadata-header\"\n              >\n                {headerBlock}\n              </div>\n            )}\n            {children}\n          </div>\n        </div>\n        <Button\n          className=\"neeto-molecules-metadata-list-panel__toggler\"\n          icon={Collapse}\n          style=\"secondary\"\n          onClick={() => {\n            setIsElementsPanelCollapsed(!isElementsPanelCollapsed);\n          }}\n        />\n      </div>\n    </>\n  );\n};\n\nMetadata.Block = Block;\nMetadata.DetailsBlock = DetailsBlock;\n\nMetadata.propTypes = {\n  /**\n   * To specify the content to be rendered as the title of the `Metadata` wrapper.\n   */\n  headerBlock: PropTypes.node,\n  /**\n   * The content to be rendered inside the `Metadata` wrapper.\n   */\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node,\n  ]),\n  /**\n   * To specify external classNames as overrides to the `Metadata` component.\n   */\n  className: PropTypes.string,\n  /**\n   * To set the size of the `Metadata` wrapper.\n   */\n  size: PropTypes.oneOf([\"small\", \"medium\"]),\n};\n\nexport default Metadata;\n"],"names":["Block","_ref","title","actionBlock","children","_ref$className","className","_jsxs","_jsx","Typography","style","textTransform","weight","classnames","STYLES","inline","multiline","SIZES","small","medium","DEFAULT_TRUNCATE_AT","DetailsBlock","_ref$details","details","_ref$style","_ref$truncate","truncate","_ref$truncateAt","truncateAt","_useState","useState","_useState2","_slicedToArray","showTruncated","setShowTruncated","_useTranslation","useTranslation","t","_ref2","slice","_ref3","visibleDetails","truncatedDetails","renderDetailsValue","value","map","_ref4","index","label","type","Fragment","_Fragment","_ref5","isNotEmpty","Button","icon","Up","Down","onClick","Metadata","headerBlock","_ref$size","size","_useBreakpoints","useBreakpoints","isSize","isLargerScreen","isElementsPanelCollapsed","setIsElementsPanelCollapsed","useEffect","Collapse"],"mappings":"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"}

package/dist/cjs/MoreDropdown.js

@@ -1,9 +1,7 @@
 'use strict';
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _extends = require('@babel/runtime/helpers/extends');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var React = require('react');
 var classnames = require('classnames');
 var neetoCist = require('@bigbinary/neeto-cist');
 var MenuHorizontal = require('@bigbinary/neeto-icons/MenuHorizontal');
@@ -13,14 +11,13 @@ var Dropdown = require('@bigbinary/neetoui/Dropdown');
 var Tooltip = require('@bigbinary/neetoui/Tooltip');
 var ramda = require('ramda');
 var reactI18next = require('react-i18next');
+var jsxRuntime = require('react/jsx-runtime');
 var injectCss = require('./inject-css-80a5faa3.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 var MenuHorizontal__default = /*#__PURE__*/_interopDefaultLegacy(MenuHorizontal);
 var MenuVertical__default = /*#__PURE__*/_interopDefaultLegacy(MenuVertical);
@@ -39,27 +36,32 @@ var DEFAULT_TOOLTIP_PROPS = {
 
 var _excluded$2 = ["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__default["default"](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__default["default"].MenuItem,
   Menu$1 = Dropdown__default["default"].Menu;
 var Submenu = function Submenu(_ref) {
   var label = _ref.label,
     key = _ref.key,
     menuItemProps = _objectWithoutProperties__default["default"](_ref, _excluded$2);
-  return /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], _extends__default["default"]({
-    customTarget: /*#__PURE__*/React__default["default"].createElement(MenuItem$1.Button, null, label),
-    key: key,
+  return /*#__PURE__*/jsxRuntime.jsx(Dropdown__default["default"], _objectSpread$2(_objectSpread$2({
+    customTarget: /*#__PURE__*/jsxRuntime.jsx(MenuItem$1.Button, {
+      children: label
+    }),
     position: "left",
     trigger: "hover"
-  }, menuItemProps.dropdownProps), /*#__PURE__*/React__default["default"].createElement(Menu$1, null, menuItemProps.menuItems.map(function (_ref2) {
-    var _ref2$isVisible = _ref2.isVisible,
-      isVisible = _ref2$isVisible === void 0 ? true : _ref2$isVisible,
-      key = _ref2.key,
-      menuItemProps = _objectWithoutProperties__default["default"](_ref2, _excluded2$1);
-    if (!isVisible) return null;
-    return /*#__PURE__*/React__default["default"].createElement(MoreDropdownMenuItem, _extends__default["default"]({
-      key: key
-    }, menuItemProps));
-  })));
+  }, menuItemProps.dropdownProps), {}, {
+    children: /*#__PURE__*/jsxRuntime.jsx(Menu$1, {
+      children: menuItemProps.menuItems.map(function (_ref2) {
+        var _ref2$isVisible = _ref2.isVisible,
+          isVisible = _ref2$isVisible === void 0 ? true : _ref2$isVisible,
+          key = _ref2.key,
+          menuItemProps = _objectWithoutProperties__default["default"](_ref2, _excluded2$1);
+        if (!isVisible) return null;
+        return /*#__PURE__*/jsxRuntime.jsx(MoreDropdownMenuItem, _objectSpread$2({}, menuItemProps), key);
+      })
+    })
+  }), key);
 };
 
 var _excluded$1 = ["onClick", "label", "type", "hasSubItems"];
@@ -76,16 +78,18 @@ var MoreDropdownMenuItem = function MoreDropdownMenuItem(_ref) {
     hasSubItems = _ref$hasSubItems === void 0 ? false : _ref$hasSubItems,
     menuItemProps = _objectWithoutProperties__default["default"](_ref, _excluded$1);
   if (type === MENU_ITEM_TYPES.divider) {
-    return /*#__PURE__*/React__default["default"].createElement(Divider, null);
+    return /*#__PURE__*/jsxRuntime.jsx(Divider, {});
   }
   if (hasSubItems) {
-    return /*#__PURE__*/React__default["default"].createElement(Submenu, _objectSpread$1({
+    return /*#__PURE__*/jsxRuntime.jsx(Submenu, _objectSpread$1({}, _objectSpread$1({
       label: label
-    }, menuItemProps));
+    }, menuItemProps)));
   }
-  return /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, _objectSpread$1({
+  return /*#__PURE__*/jsxRuntime.jsx(MenuItem.Button, _objectSpread$1(_objectSpread$1({}, _objectSpread$1({
     onClick: onClick
-  }, menuItemProps), label);
+  }, menuItemProps)), {}, {
+    children: label
+  }));
 };
 
 var css = ".neeto-ui-btn.neeto-ui-btn--icon-only[data-dropdown-button-style=more-dropdown],.neeto-ui-btn.neeto-ui-btn--icon-only[data-testid=column-menu-button]{--neeto-ui-btn-icon-size:20px;--neeto-ui-btn-padding-x:0;--neeto-ui-btn-padding-y:0;height:28px;justify-content:center;width:28px}.neeto-ui-btn.neeto-ui-btn--icon-only.neeto-ui-btn--size-medium[data-dropdown-button-style=more-dropdown],.neeto-ui-btn.neeto-ui-btn--icon-only.neeto-ui-btn--size-medium[data-testid=column-menu-button]{--neeto-ui-btn-icon-size:24px;--neeto-ui-btn-padding-x:0;--neeto-ui-btn-padding-y:0;height:32px;justify-content:center;width:32px}.neeto-ui-btn.neeto-ui-btn--icon-only.neeto-ui-btn--size-large[data-dropdown-button-style=more-dropdown],.neeto-ui-btn.neeto-ui-btn--icon-only.neeto-ui-btn--size-large[data-testid=column-menu-button]{--neeto-ui-btn-icon-size:30px;--neeto-ui-btn-padding-x:0;--neeto-ui-btn-padding-y:0;height:40px;justify-content:center;width:40px}.neeto-ui-btn.neeto-molecule-moredropdown--rounded[data-dropdown-button-style=more-dropdown]{border-radius:100%}";
@@ -117,21 +121,25 @@ var MoreDropdown = function MoreDropdown(_ref) {
   var targetIcon = isVertical ? MenuVertical__default["default"] : MenuHorizontal__default["default"];
   var isDropdownDisabled = isDisabled || dropdownProps.disabled;
   if (isDropdownDisabled && !tooltipProps.disabled) {
-    return /*#__PURE__*/React__default["default"].createElement(Tooltip__default["default"], tooltipProps, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], _extends__default["default"]({
-      disabled: true,
-      "data-cy": "more-dropdown-button",
-      "data-dropdown-button-style": "more-dropdown",
-      "data-testid": "nui-dropdown-button",
-      icon: targetIcon,
-      iconPosition: "right",
-      size: "medium",
-      style: "text",
-      className: classnames__default["default"]({
-        "neeto-molecule-moredropdown--rounded": isRoundedButton
+    return /*#__PURE__*/jsxRuntime.jsx(Tooltip__default["default"], _objectSpread(_objectSpread({}, tooltipProps), {}, {
+      children: /*#__PURE__*/jsxRuntime.jsx("span", {
+        children: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], _objectSpread({
+          disabled: true,
+          "data-cy": "more-dropdown-button",
+          "data-dropdown-button-style": "more-dropdown",
+          "data-testid": "nui-dropdown-button",
+          icon: targetIcon,
+          iconPosition: "right",
+          size: "medium",
+          style: "text",
+          className: classnames__default["default"]({
+            "neeto-molecule-moredropdown--rounded": isRoundedButton
+          })
+        }, buttonProps))
       })
-    }, buttonProps))));
+    }));
   }
-  return /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], _extends__default["default"]({
+  return /*#__PURE__*/jsxRuntime.jsx(Dropdown__default["default"], _objectSpread(_objectSpread({
     autoWidth: true,
     className: "flex",
     disabled: isDisabled,
@@ -147,16 +155,18 @@ var MoreDropdown = function MoreDropdown(_ref) {
         position: "top"
       }
     }, buttonProps)
-  }, dropdownProps), /*#__PURE__*/React__default["default"].createElement(Menu, null, menuTopChildren, menuItems.map(function (_ref2) {
-    var _ref2$isVisible = _ref2.isVisible,
-      isVisible = _ref2$isVisible === void 0 ? true : _ref2$isVisible,
-      key = _ref2.key,
-      menuItemProps = _objectWithoutProperties__default["default"](_ref2, _excluded2);
-    if (!isVisible) return null;
-    return /*#__PURE__*/React__default["default"].createElement(MoreDropdownMenuItem, _extends__default["default"]({
-      key: key !== null && key !== void 0 ? key : neetoCist.hyphenate(menuItemProps.label)
-    }, menuItemProps));
-  }), menuBottomChildren));
+  }, dropdownProps), {}, {
+    children: /*#__PURE__*/jsxRuntime.jsxs(Menu, {
+      children: [menuTopChildren, menuItems.map(function (_ref2) {
+        var _ref2$isVisible = _ref2.isVisible,
+          isVisible = _ref2$isVisible === void 0 ? true : _ref2$isVisible,
+          key = _ref2.key,
+          menuItemProps = _objectWithoutProperties__default["default"](_ref2, _excluded2);
+        if (!isVisible) return null;
+        return /*#__PURE__*/jsxRuntime.jsx(MoreDropdownMenuItem, _objectSpread({}, menuItemProps), key !== null && key !== void 0 ? key : neetoCist.hyphenate(menuItemProps.label));
+      }), menuBottomChildren]
+    })
+  }));
 };
 
 module.exports = MoreDropdown;

package/dist/cjs/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};\n","import React from \"react\";\n\nimport { Dropdown } from \"neetoui\";\n\nimport MoreDropdownMenuItem from \"./MenuItem\";\n\nconst { MenuItem, Menu } = Dropdown;\n\nconst Submenu = ({ label, key, ...menuItemProps }) => (\n  <Dropdown\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 React from \"react\";\n\nimport { 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 React from \"react\";\n\nimport 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      autoWidth\n      className=\"flex\"\n      disabled={isDisabled}\n      icon={targetIcon}\n      buttonProps={{\n        \"data-dropdown-button-style\": \"more-dropdown\",\n        className: classnames(\"min-h-0 flex-shrink-0\", {\n          \"neeto-molecule-moredropdown--rounded\": isRoundedButton,\n        }),\n        style: \"text\",\n        tooltipProps: {\n          content: t(\"neetoMolecules.moreDropdown.tooltip\"),\n          position: \"top\",\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","MenuItem","Dropdown","Menu","Submenu","_ref","label","key","menuItemProps","_objectWithoutProperties","_excluded","React","createElement","_extends","customTarget","Button","trigger","dropdownProps","menuItems","map","_ref2","_ref2$isVisible","isVisible","_excluded2","MoreDropdownMenuItem","Divider","onClick","_ref$type","type","_ref$hasSubItems","hasSubItems","_objectSpread","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","autoWidth","content","hyphenate"],"mappings":"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"}
+{"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};\n","import { Dropdown } from \"neetoui\";\n\nimport MoreDropdownMenuItem from \"./MenuItem\";\n\nconst { MenuItem, Menu } = Dropdown;\n\nconst Submenu = ({ label, key, ...menuItemProps }) => (\n  <Dropdown\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      autoWidth\n      className=\"flex\"\n      disabled={isDisabled}\n      icon={targetIcon}\n      buttonProps={{\n        \"data-dropdown-button-style\": \"more-dropdown\",\n        className: classnames(\"min-h-0 flex-shrink-0\", {\n          \"neeto-molecule-moredropdown--rounded\": isRoundedButton,\n        }),\n        style: \"text\",\n        tooltipProps: {\n          content: t(\"neetoMolecules.moreDropdown.tooltip\"),\n          position: \"top\",\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","MenuItem","Dropdown","Menu","Submenu","_ref","label","key","menuItemProps","_objectWithoutProperties","_excluded","_jsx","_objectSpread","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","autoWidth","content","_jsxs","hyphenate"],"mappings":"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"}