@bigbinary/neeto-molecules 3.3.10 → 3.3.12

package/dist/cjs/SubHeader.js

@@ -2,15 +2,16 @@
 
 var React = require('react');
 var classnames = require('classnames');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var neetoCist = require('@bigbinary/neeto-cist');
 var ramda = require('ramda');
-var _extends = require('@babel/runtime/helpers/extends');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var Column = require('@bigbinary/neeto-icons/Column');
 var Button = require('@bigbinary/neetoui/Button');
 var reactI18next = require('react-i18next');
-var useColumns = require('./useColumns-5ce3cf1e.js');
+var useColumns = require('./useColumns-8894f767.js');
+var jsxRuntime = require('react/jsx-runtime');
+var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var Download = require('@bigbinary/neeto-icons/Download');
 var neetoFiltersFrontend = require('@bigbinary/neeto-filters-frontend');
 var Filter = require('@bigbinary/neeto-icons/Filter');
@@ -29,9 +30,7 @@ require('@bigbinary/neeto-commons-frontend/utils/general');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var Column__default = /*#__PURE__*/_interopDefaultLegacy(Column);
@@ -40,8 +39,8 @@ var Download__default = /*#__PURE__*/_interopDefaultLegacy(Download);
 var Filter__default = /*#__PURE__*/_interopDefaultLegacy(Filter);
 
 var _excluded$1 = ["buttonProps", "columnData", "localStorageKey", "fixedColumns"];
-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; }
-function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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 Columns = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$buttonProps = _ref.buttonProps,
     buttonProps = _ref$buttonProps === void 0 ? {} : _ref$buttonProps,
@@ -59,107 +58,113 @@ var Columns = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _useHiddenColumns = useColumns.useHiddenColumns(localStorageKey),
     hideColumn = _useHiddenColumns.hideColumn,
     showColumn = _useHiddenColumns.showColumn;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-molecules-subheader__columns"
-  }, /*#__PURE__*/React__default["default"].createElement(useColumns.Columns, _extends__default["default"]({
-    isSearchable: true,
-    className: "neeto-ui-dropdown--manage-columns",
-    actionBlock: /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "grid grid-cols-2 gap-2 px-4 py-3"
-    }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
-      className: "col-span-1 justify-center",
-      label: "Hide all",
-      style: "secondary",
-      onClick: function onClick() {
-        return hideColumn(columnDataIndex);
-      }
-    }), /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
-      className: "col-span-1 justify-center",
-      label: "Show all",
-      style: "secondary",
-      onClick: function onClick() {
-        return showColumn(columnDataIndex);
-      }
-    })),
-    buttonProps: _objectSpread$1({
-      icon: Column__default["default"],
-      label: null,
-      tooltipProps: {
-        content: t("neetoMolecules.columns.columns"),
-        position: "bottom"
-      },
-      "data-testid": "columns-button",
-      "data-cy": "columns-dropdown-button"
-    }, buttonProps)
-  }, _objectSpread$1(_objectSpread$1({
-    columnData: columnData,
-    localStorageKey: localStorageKey
-  }, props), {}, {
-    ref: ref
-  }))));
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "neeto-molecules-subheader__columns",
+    children: /*#__PURE__*/jsxRuntime.jsx(useColumns.Columns, _objectSpread$2({
+      isSearchable: true,
+      className: "neeto-ui-dropdown--manage-columns",
+      actionBlock: /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "grid grid-cols-2 gap-2 px-4 py-3",
+        children: [/*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+          className: "col-span-1 justify-center",
+          label: "Hide all",
+          style: "secondary",
+          onClick: function onClick() {
+            return hideColumn(columnDataIndex);
+          }
+        }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+          className: "col-span-1 justify-center",
+          label: "Show all",
+          style: "secondary",
+          onClick: function onClick() {
+            return showColumn(columnDataIndex);
+          }
+        })]
+      }),
+      buttonProps: _objectSpread$2({
+        icon: Column__default["default"],
+        label: null,
+        tooltipProps: {
+          content: t("neetoMolecules.columns.columns"),
+          position: "bottom"
+        },
+        "data-testid": "columns-button",
+        "data-cy": "columns-dropdown-button"
+      }, buttonProps)
+    }, _objectSpread$2(_objectSpread$2({
+      columnData: columnData,
+      localStorageKey: localStorageKey
+    }, props), {}, {
+      ref: ref
+    })))
+  });
 });
 Columns.displayName = "Columns";
 
-var DownloadButton = function DownloadButton(_ref) {
-  var count = _ref.count,
+var DownloadButton = reactUtils.withT(function (_ref) {
+  var t = _ref.t,
+    count = _ref.count,
     onClick = _ref.onClick,
     _ref$dataCy = _ref["data-cy"],
     dataCy = _ref$dataCy === void 0 ? "download-button" : _ref$dataCy;
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-molecules-subheader__download"
-  }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
-    "data-cy": dataCy,
-    "data-testid": "download-button",
-    icon: Download__default["default"],
-    style: "text",
-    tooltipProps: {
-      content: t("neetoMolecules.common.download"),
-      position: "bottom"
-    },
-    onClick: onClick
-  }), count && /*#__PURE__*/React__default["default"].createElement("span", {
-    className: "neeto-molecules-subheader__download-count"
-  }, count));
-};
-
-var _excluded = ["buttonProps"];
-function ownKeys(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(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var FilterButton = function FilterButton(_ref) {
-  var buttonProps = _ref.buttonProps,
-    props = _objectWithoutProperties__default["default"](_ref, _excluded);
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-molecules-subheader__filter"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoFiltersFrontend.Filters, _extends__default["default"]({
-    buttonProps: _objectSpread({
-      "data-testid": "filter-button",
-      icon: Filter__default["default"],
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "neeto-molecules-subheader__download",
+    children: [/*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+      onClick: onClick,
+      "data-cy": dataCy,
+      "data-testid": "download-button",
+      icon: Download__default["default"],
       style: "text",
       tooltipProps: {
-        content: t("neetoMolecules.common.filter"),
+        content: t("neetoMolecules.common.download"),
         position: "bottom"
-      },
-      label: null
-    }, buttonProps)
-  }, props)));
-};
+      }
+    }), count && /*#__PURE__*/jsxRuntime.jsx("span", {
+      className: "neeto-molecules-subheader__download-count",
+      children: count
+    })]
+  });
+});
 
+var _excluded = ["t", "buttonProps"];
+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; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var FilterButton = reactUtils.withT(function (_ref) {
+  var t = _ref.t,
+    buttonProps = _ref.buttonProps,
+    props = _objectWithoutProperties__default["default"](_ref, _excluded);
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "neeto-molecules-subheader__filter",
+    children: /*#__PURE__*/jsxRuntime.jsx(neetoFiltersFrontend.Filters, _objectSpread$1({
+      buttonProps: _objectSpread$1({
+        "data-testid": "filter-button",
+        icon: Filter__default["default"],
+        style: "text",
+        tooltipProps: {
+          content: t("neetoMolecules.common.filter"),
+          position: "bottom"
+        },
+        label: null
+      }, buttonProps)
+    }, props))
+  });
+});
+
+function ownKeys(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(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var RightBlock = function RightBlock(_ref) {
   var downloadButtonProps = _ref.downloadButtonProps,
     columnsButtonProps = _ref.columnsButtonProps,
     filterProps = _ref.filterProps,
     dataProps = _ref.dataProps;
   var showIcons = neetoCist.isNotPresent(dataProps === null || dataProps === void 0 ? void 0 : dataProps.totalCount) ? true : (dataProps === null || dataProps === void 0 ? void 0 : dataProps.totalCount) > 0;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
     "data-testid": "subheader-rightblock-buttons-container",
     className: classnames__default["default"]("neeto-molecules-subheader__right-actions", {
       hidden: ramda.not(showIcons)
-    })
-  }, downloadButtonProps && /*#__PURE__*/React__default["default"].createElement(DownloadButton, downloadButtonProps), columnsButtonProps && /*#__PURE__*/React__default["default"].createElement(Columns, columnsButtonProps), filterProps && /*#__PURE__*/React__default["default"].createElement(FilterButton, filterProps));
+    }),
+    children: [downloadButtonProps && /*#__PURE__*/jsxRuntime.jsx(DownloadButton, _objectSpread({}, downloadButtonProps)), columnsButtonProps && /*#__PURE__*/jsxRuntime.jsx(Columns, _objectSpread({}, columnsButtonProps)), filterProps && /*#__PURE__*/jsxRuntime.jsx(FilterButton, _objectSpread({}, filterProps))]
+  });
 };
 
 var css = ":root{--neeto-molecules-sub-header-height:37px;--neeto-molecules-sub-header-bottom-margin:20px;--neeto-molecules-effective-subheader-height:0px}.neeto-molecules-subheader{align-items:center;background-color:rgb(var(--neeto-ui-white));display:flex;flex-direction:row;flex-shrink:0;gap:16px;justify-content:space-between;margin-bottom:20px;margin-bottom:var(--neeto-molecules-sub-header-bottom-margin);width:100%}@media screen and (max-width:768px){.neeto-molecules-subheader{flex-wrap:wrap}}.neeto-molecules-subheader .neeto-molecules-subheader__left-wrapper{display:flex;flex-grow:1}.neeto-molecules-subheader .neeto-molecules-subheader__left-wrapper .neeto-molecules-subheader__left{align-items:center;display:flex;flex-direction:row;justify-content:flex-start}.neeto-molecules-subheader .neeto-molecules-subheader__left-wrapper .neeto-molecules-subheader__left .neeto-molecules-input__prefix{color:rgb(var(--neeto-ui-gray-400))}@media screen and (max-width:360px){.neeto-molecules-subheader .neeto-molecules-subheader__left-wrapper .neeto-molecules-subheader__left h4{font-size:14px}}.neeto-molecules-subheader .neeto-molecules-subheader__left-wrapper .neeto-ui-btn{flex-shrink:0}.neeto-molecules-subheader .neeto-molecules-subheader__right{align-items:center;display:flex;flex-direction:row;gap:12px;justify-content:flex-end}@media screen and (max-width:768px){.neeto-molecules-subheader .neeto-molecules-subheader__right{margin-left:auto}}.neeto-molecules-subheader .neeto-molecules-subheader__right-actions{align-items:center;display:flex;flex-direction:row;gap:8px;justify-content:flex-end}.neeto-molecules-subheader .neeto-molecules-subheader__right-actions>:not([hidden])~:not([hidden]){border-left:thin solid rgb(var(--neeto-ui-gray-200));padding-left:8px}.neeto-molecules-subheader__download{position:relative}.neeto-molecules-subheader__download-count{align-items:center;background-color:rgb(var(--neeto-ui-accent-500));border-radius:var(--neeto-ui-rounded-full);color:rgb(var(--neeto-ui-white));display:inline-flex;font-size:10px;justify-content:center;min-height:16px;min-width:16px;position:absolute;right:-2px;text-align:center;top:-2px;z-index:1}.neeto-molecules-subheader__columns .neeto-ui-dropdown__popup{max-height:calc(100vh - var(--neeto-molecules-effective-header-height) - 57px);max-height:calc(100vh - var(--neeto-molecules-effective-header-height) - var(--neeto-molecules-sub-header-height) - var(--neeto-molecules-sub-header-bottom-margin));min-width:320px}";
@@ -185,21 +190,25 @@ var SubHeader = function SubHeader(_ref) {
       return window.removeEventListener("resize", updateHeaderHeight);
     };
   }, []);
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: classnames__default["default"](["neeto-molecules-subheader", className]),
     "data-cy": dataCy,
     "data-testid": "subheader",
-    ref: subheaderRef
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-molecules-subheader__left-wrapper",
-    "data-cy": "subheader-left-wrapper"
-  }, leftActionBlock && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-molecules-subheader__left",
-    "data-cy": "subheader-left"
-  }, leftActionBlock)), rightActionBlock && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-molecules-subheader__right",
-    "data-cy": "subheader-right"
-  }, rightActionBlock));
+    ref: subheaderRef,
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "neeto-molecules-subheader__left-wrapper",
+      "data-cy": "subheader-left-wrapper",
+      children: leftActionBlock && /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "neeto-molecules-subheader__left",
+        "data-cy": "subheader-left",
+        children: leftActionBlock
+      })
+    }), rightActionBlock && /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "neeto-molecules-subheader__right",
+      "data-cy": "subheader-right",
+      children: rightActionBlock
+    })]
+  });
 };
 SubHeader.RightBlock = RightBlock;
 

package/dist/cjs/SubHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubHeader.js","sources":["../../src/components/SubHeader/RightBlock/Columns.jsx","../../src/components/SubHeader/RightBlock/Download.jsx","../../src/components/SubHeader/RightBlock/Filter.jsx","../../src/components/SubHeader/RightBlock/index.jsx","../../src/components/SubHeader/index.jsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\n\nimport { Column } from \"neetoicons\";\nimport { Button } from \"neetoui\";\nimport { pluck } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport ManageColumns, { useHiddenColumns } from \"components/Columns\";\n\nconst Columns = forwardRef(\n  (\n    { buttonProps = {}, columnData, localStorageKey, fixedColumns, ...props },\n    ref\n  ) => {\n    const { t } = useTranslation();\n\n    const columnDataIndex = useMemo(\n      () =>\n        pluck(\n          \"dataIndex\",\n          (columnData || []).filter(\n            column => !fixedColumns?.includes(column.dataIndex)\n          )\n        ),\n      [columnData, fixedColumns]\n    );\n\n    const { hideColumn, showColumn } = useHiddenColumns(localStorageKey);\n\n    return (\n      <div className=\"neeto-molecules-subheader__columns\">\n        <ManageColumns\n          isSearchable\n          className=\"neeto-ui-dropdown--manage-columns\"\n          actionBlock={\n            <div className=\"grid grid-cols-2 gap-2 px-4 py-3\">\n              <Button\n                className=\"col-span-1 justify-center\"\n                label=\"Hide all\"\n                style=\"secondary\"\n                onClick={() => hideColumn(columnDataIndex)}\n              />\n              <Button\n                className=\"col-span-1 justify-center\"\n                label=\"Show all\"\n                style=\"secondary\"\n                onClick={() => showColumn(columnDataIndex)}\n              />\n            </div>\n          }\n          buttonProps={{\n            icon: Column,\n            label: null,\n            tooltipProps: {\n              content: t(\"neetoMolecules.columns.columns\"),\n              position: \"bottom\",\n            },\n            \"data-testid\": \"columns-button\",\n            \"data-cy\": \"columns-dropdown-button\",\n            ...buttonProps,\n          }}\n          {...{ columnData, localStorageKey, ...props, ref }}\n        />\n      </div>\n    );\n  }\n);\n\nColumns.displayName = \"Columns\";\nexport default Columns;\n","import React from \"react\";\n\nimport { Download } from \"neetoicons\";\nimport { Button } from \"neetoui\";\nimport { useTranslation } from \"react-i18next\";\n\nconst DownloadButton = ({\n  count,\n  onClick,\n  \"data-cy\": dataCy = \"download-button\",\n}) => {\n  const { t } = useTranslation();\n\n  return (\n    <div className=\"neeto-molecules-subheader__download\">\n      <Button\n        data-cy={dataCy}\n        data-testid=\"download-button\"\n        icon={Download}\n        style=\"text\"\n        tooltipProps={{\n          content: t(\"neetoMolecules.common.download\"),\n          position: \"bottom\",\n        }}\n        onClick={onClick}\n      />\n      {count && (\n        <span className=\"neeto-molecules-subheader__download-count\">\n          {count}\n        </span>\n      )}\n    </div>\n  );\n};\n\nexport default DownloadButton;\n","import React from \"react\";\n\nimport { Filters as NeetoFilters } from \"neetofilters\";\nimport { Filter } from \"neetoicons\";\nimport { useTranslation } from \"react-i18next\";\n\nconst FilterButton = ({ buttonProps, ...props }) => {\n  const { t } = useTranslation();\n\n  return (\n    <div className=\"neeto-molecules-subheader__filter\">\n      <NeetoFilters\n        buttonProps={{\n          \"data-testid\": \"filter-button\",\n          icon: Filter,\n          style: \"text\",\n          tooltipProps: {\n            content: t(\"neetoMolecules.common.filter\"),\n            position: \"bottom\",\n          },\n          label: null,\n          ...buttonProps,\n        }}\n        {...props}\n      />\n    </div>\n  );\n};\n\nexport default FilterButton;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { isNotPresent } from \"neetocist\";\nimport PropTypes from \"prop-types\";\nimport { not } from \"ramda\";\n\nimport Columns from \"./Columns\";\nimport Download from \"./Download\";\nimport Filter from \"./Filter\";\n\nconst RightBlock = ({\n  downloadButtonProps,\n  columnsButtonProps,\n  filterProps,\n  dataProps,\n}) => {\n  const showIcons = isNotPresent(dataProps?.totalCount)\n    ? true\n    : dataProps?.totalCount > 0;\n\n  return (\n    <div\n      data-testid=\"subheader-rightblock-buttons-container\"\n      className={classnames(\"neeto-molecules-subheader__right-actions\", {\n        hidden: not(showIcons),\n      })}\n    >\n      {downloadButtonProps && <Download {...downloadButtonProps} />}\n      {columnsButtonProps && <Columns {...columnsButtonProps} />}\n      {filterProps && <Filter {...filterProps} />}\n    </div>\n  );\n};\n\nRightBlock.propTypes = {\n  /**\n   * Props that are passed to the download button.\n   */\n  downloadButtonProps: PropTypes.shape({\n    count: PropTypes.number,\n    onClick: PropTypes.func,\n  }),\n  /**\n   * Props that are passed to the columns button, same as the `Columns` component from neetoMolecules.\n   */\n  columnsButtonProps: PropTypes.shape({\n    onChange: PropTypes.func,\n    actionBlock: PropTypes.node,\n    checkboxProps: PropTypes.object,\n    columnData: PropTypes.array,\n    isSearchable: PropTypes.bool,\n    localStorageKey: PropTypes.string,\n    initialValue: PropTypes.array,\n    noColumnMessage: PropTypes.string,\n    searchProps: PropTypes.object,\n  }),\n  /**\n   * Props that are passed the the filter component. These are the same props as the\n   * neetoFilters `Filters` component.\n   */\n  filterProps: PropTypes.shape({\n    size: PropTypes.oneOf([\"xsmall\", \"small\", \"large\"]),\n    isOpen: PropTypes.bool,\n    setIsOpen: PropTypes.func,\n    columns: PropTypes.object,\n    onChange: PropTypes.func,\n    onSelectorsChange: PropTypes.func,\n    buttonProps: PropTypes.object,\n    paneProps: PropTypes.object,\n    isSearchable: PropTypes.bool,\n    className: PropTypes.string,\n  }),\n  /**\n   * Props related to data being displayed, such as tables, lists, and more. The buttons\n   * will be hidden if the value of `totalCount` in `dataProps` is `0`.\n   */\n  dataProps: PropTypes.shape({ totalCount: PropTypes.number }),\n};\n\nexport default RightBlock;\n","import React, { useLayoutEffect, useRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport RightBlock from \"./RightBlock\";\nimport \"./subheader.scss\";\n\nconst SubHeader = ({\n  className = \"\",\n  leftActionBlock,\n  rightActionBlock,\n  \"data-cy\": dataCy = \"subheader\",\n}) => {\n  const subheaderRef = useRef(null);\n\n  useLayoutEffect(() => {\n    const updateHeaderHeight = () => {\n      if (!subheaderRef.current) return;\n      const height = subheaderRef.current.offsetHeight;\n      document.body.style.setProperty(\n        \"--neeto-molecules-effective-subheader-height\",\n        `${height}px`\n      );\n    };\n\n    updateHeaderHeight();\n\n    window.addEventListener(\"resize\", updateHeaderHeight);\n\n    return () => window.removeEventListener(\"resize\", updateHeaderHeight);\n  }, []);\n\n  return (\n    <div\n      className={classnames([\"neeto-molecules-subheader\", className])}\n      data-cy={dataCy}\n      data-testid=\"subheader\"\n      ref={subheaderRef}\n    >\n      <div\n        className=\"neeto-molecules-subheader__left-wrapper\"\n        data-cy=\"subheader-left-wrapper\"\n      >\n        {leftActionBlock && (\n          <div\n            className=\"neeto-molecules-subheader__left\"\n            data-cy=\"subheader-left\"\n          >\n            {leftActionBlock}\n          </div>\n        )}\n      </div>\n      {rightActionBlock && (\n        <div\n          className=\"neeto-molecules-subheader__right\"\n          data-cy=\"subheader-right\"\n        >\n          {rightActionBlock}\n        </div>\n      )}\n    </div>\n  );\n};\n\nSubHeader.RightBlock = RightBlock;\n\nSubHeader.propTypes = {\n  /**\n   * To specify external classnames as overrides to the `SubHeader`.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered in the left side of the `SubHeader` section.\n   */\n  leftActionBlock: PropTypes.node,\n  /**\n   * To specify the content to be rendered in the right side of the `SubHeader` section.\n   */\n  rightActionBlock: PropTypes.node,\n};\n\nexport default SubHeader;\n"],"names":["Columns","forwardRef","_ref","ref","_ref$buttonProps","buttonProps","columnData","localStorageKey","fixedColumns","props","_objectWithoutProperties","_excluded","_useTranslation","useTranslation","t","columnDataIndex","useMemo","pluck","filter","column","includes","dataIndex","_useHiddenColumns","useHiddenColumns","hideColumn","showColumn","React","createElement","className","ManageColumns","_extends","isSearchable","actionBlock","Button","label","style","onClick","_objectSpread","icon","Column","tooltipProps","content","position","displayName","DownloadButton","count","_ref$dataCy","dataCy","Download","FilterButton","NeetoFilters","Filter","RightBlock","downloadButtonProps","columnsButtonProps","filterProps","dataProps","showIcons","isNotPresent","totalCount","classnames","hidden","not","SubHeader","_ref$className","leftActionBlock","rightActionBlock","subheaderRef","useRef","useLayoutEffect","updateHeaderHeight","current","height","offsetHeight","document","body","setProperty","concat","window","addEventListener","removeEventListener"],"mappings":"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"}
+{"version":3,"file":"SubHeader.js","sources":["../../src/components/SubHeader/RightBlock/Columns.jsx","../../src/components/SubHeader/RightBlock/Download.jsx","../../src/components/SubHeader/RightBlock/Filter.jsx","../../src/components/SubHeader/RightBlock/index.jsx","../../src/components/SubHeader/index.jsx"],"sourcesContent":["import { forwardRef, useMemo } from \"react\";\n\nimport { Column } from \"neetoicons\";\nimport { Button } from \"neetoui\";\nimport { pluck } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport ManageColumns, { useHiddenColumns } from \"components/Columns\";\n\nconst Columns = forwardRef(\n  (\n    { buttonProps = {}, columnData, localStorageKey, fixedColumns, ...props },\n    ref\n  ) => {\n    const { t } = useTranslation();\n\n    const columnDataIndex = useMemo(\n      () =>\n        pluck(\n          \"dataIndex\",\n          (columnData || []).filter(\n            column => !fixedColumns?.includes(column.dataIndex)\n          )\n        ),\n      [columnData, fixedColumns]\n    );\n\n    const { hideColumn, showColumn } = useHiddenColumns(localStorageKey);\n\n    return (\n      <div className=\"neeto-molecules-subheader__columns\">\n        <ManageColumns\n          isSearchable\n          className=\"neeto-ui-dropdown--manage-columns\"\n          actionBlock={\n            <div className=\"grid grid-cols-2 gap-2 px-4 py-3\">\n              <Button\n                className=\"col-span-1 justify-center\"\n                label=\"Hide all\"\n                style=\"secondary\"\n                onClick={() => hideColumn(columnDataIndex)}\n              />\n              <Button\n                className=\"col-span-1 justify-center\"\n                label=\"Show all\"\n                style=\"secondary\"\n                onClick={() => showColumn(columnDataIndex)}\n              />\n            </div>\n          }\n          buttonProps={{\n            icon: Column,\n            label: null,\n            tooltipProps: {\n              content: t(\"neetoMolecules.columns.columns\"),\n              position: \"bottom\",\n            },\n            \"data-testid\": \"columns-button\",\n            \"data-cy\": \"columns-dropdown-button\",\n            ...buttonProps,\n          }}\n          {...{ columnData, localStorageKey, ...props, ref }}\n        />\n      </div>\n    );\n  }\n);\n\nColumns.displayName = \"Columns\";\nexport default Columns;\n","import { withT } from \"neetocommons/react-utils\";\nimport { Download } from \"neetoicons\";\nimport { Button } from \"neetoui\";\n\nconst DownloadButton = withT(\n  ({ t, count, onClick, \"data-cy\": dataCy = \"download-button\" }) => (\n    <div className=\"neeto-molecules-subheader__download\">\n      <Button\n        {...{ onClick }}\n        data-cy={dataCy}\n        data-testid=\"download-button\"\n        icon={Download}\n        style=\"text\"\n        tooltipProps={{\n          content: t(\"neetoMolecules.common.download\"),\n          position: \"bottom\",\n        }}\n      />\n      {count && (\n        <span className=\"neeto-molecules-subheader__download-count\">\n          {count}\n        </span>\n      )}\n    </div>\n  )\n);\n\nexport default DownloadButton;\n","import { withT } from \"neetocommons/react-utils\";\nimport { Filters as NeetoFilters } from \"neetofilters\";\nimport { Filter } from \"neetoicons\";\n\nconst FilterButton = withT(({ t, buttonProps, ...props }) => (\n  <div className=\"neeto-molecules-subheader__filter\">\n    <NeetoFilters\n      buttonProps={{\n        \"data-testid\": \"filter-button\",\n        icon: Filter,\n        style: \"text\",\n        tooltipProps: {\n          content: t(\"neetoMolecules.common.filter\"),\n          position: \"bottom\",\n        },\n        label: null,\n        ...buttonProps,\n      }}\n      {...props}\n    />\n  </div>\n));\n\nexport default FilterButton;\n","import classnames from \"classnames\";\nimport { isNotPresent } from \"neetocist\";\nimport PropTypes from \"prop-types\";\nimport { not } from \"ramda\";\n\nimport Columns from \"./Columns\";\nimport Download from \"./Download\";\nimport Filter from \"./Filter\";\n\nconst RightBlock = ({\n  downloadButtonProps,\n  columnsButtonProps,\n  filterProps,\n  dataProps,\n}) => {\n  const showIcons = isNotPresent(dataProps?.totalCount)\n    ? true\n    : dataProps?.totalCount > 0;\n\n  return (\n    <div\n      data-testid=\"subheader-rightblock-buttons-container\"\n      className={classnames(\"neeto-molecules-subheader__right-actions\", {\n        hidden: not(showIcons),\n      })}\n    >\n      {downloadButtonProps && <Download {...downloadButtonProps} />}\n      {columnsButtonProps && <Columns {...columnsButtonProps} />}\n      {filterProps && <Filter {...filterProps} />}\n    </div>\n  );\n};\n\nRightBlock.propTypes = {\n  /**\n   * Props that are passed to the download button.\n   */\n  downloadButtonProps: PropTypes.shape({\n    count: PropTypes.number,\n    onClick: PropTypes.func,\n  }),\n  /**\n   * Props that are passed to the columns button, same as the `Columns` component from neetoMolecules.\n   */\n  columnsButtonProps: PropTypes.shape({\n    onChange: PropTypes.func,\n    actionBlock: PropTypes.node,\n    checkboxProps: PropTypes.object,\n    columnData: PropTypes.array,\n    isSearchable: PropTypes.bool,\n    localStorageKey: PropTypes.string,\n    initialValue: PropTypes.array,\n    noColumnMessage: PropTypes.string,\n    searchProps: PropTypes.object,\n  }),\n  /**\n   * Props that are passed the the filter component. These are the same props as the\n   * neetoFilters `Filters` component.\n   */\n  filterProps: PropTypes.shape({\n    size: PropTypes.oneOf([\"xsmall\", \"small\", \"large\"]),\n    isOpen: PropTypes.bool,\n    setIsOpen: PropTypes.func,\n    columns: PropTypes.object,\n    onChange: PropTypes.func,\n    onSelectorsChange: PropTypes.func,\n    buttonProps: PropTypes.object,\n    paneProps: PropTypes.object,\n    isSearchable: PropTypes.bool,\n    className: PropTypes.string,\n  }),\n  /**\n   * Props related to data being displayed, such as tables, lists, and more. The buttons\n   * will be hidden if the value of `totalCount` in `dataProps` is `0`.\n   */\n  dataProps: PropTypes.shape({ totalCount: PropTypes.number }),\n};\n\nexport default RightBlock;\n","import { useLayoutEffect, useRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport RightBlock from \"./RightBlock\";\nimport \"./subheader.scss\";\n\nconst SubHeader = ({\n  className = \"\",\n  leftActionBlock,\n  rightActionBlock,\n  \"data-cy\": dataCy = \"subheader\",\n}) => {\n  const subheaderRef = useRef(null);\n\n  useLayoutEffect(() => {\n    const updateHeaderHeight = () => {\n      if (!subheaderRef.current) return;\n      const height = subheaderRef.current.offsetHeight;\n      document.body.style.setProperty(\n        \"--neeto-molecules-effective-subheader-height\",\n        `${height}px`\n      );\n    };\n\n    updateHeaderHeight();\n\n    window.addEventListener(\"resize\", updateHeaderHeight);\n\n    return () => window.removeEventListener(\"resize\", updateHeaderHeight);\n  }, []);\n\n  return (\n    <div\n      className={classnames([\"neeto-molecules-subheader\", className])}\n      data-cy={dataCy}\n      data-testid=\"subheader\"\n      ref={subheaderRef}\n    >\n      <div\n        className=\"neeto-molecules-subheader__left-wrapper\"\n        data-cy=\"subheader-left-wrapper\"\n      >\n        {leftActionBlock && (\n          <div\n            className=\"neeto-molecules-subheader__left\"\n            data-cy=\"subheader-left\"\n          >\n            {leftActionBlock}\n          </div>\n        )}\n      </div>\n      {rightActionBlock && (\n        <div\n          className=\"neeto-molecules-subheader__right\"\n          data-cy=\"subheader-right\"\n        >\n          {rightActionBlock}\n        </div>\n      )}\n    </div>\n  );\n};\n\nSubHeader.RightBlock = RightBlock;\n\nSubHeader.propTypes = {\n  /**\n   * To specify external classnames as overrides to the `SubHeader`.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered in the left side of the `SubHeader` section.\n   */\n  leftActionBlock: PropTypes.node,\n  /**\n   * To specify the content to be rendered in the right side of the `SubHeader` section.\n   */\n  rightActionBlock: PropTypes.node,\n};\n\nexport default SubHeader;\n"],"names":["Columns","forwardRef","_ref","ref","_ref$buttonProps","buttonProps","columnData","localStorageKey","fixedColumns","props","_objectWithoutProperties","_excluded","_useTranslation","useTranslation","t","columnDataIndex","useMemo","pluck","filter","column","includes","dataIndex","_useHiddenColumns","useHiddenColumns","hideColumn","showColumn","_jsx","className","children","ManageColumns","_objectSpread","isSearchable","actionBlock","_jsxs","Button","label","style","onClick","icon","Column","tooltipProps","content","position","displayName","DownloadButton","withT","count","_ref$dataCy","dataCy","Download","FilterButton","NeetoFilters","Filter","RightBlock","downloadButtonProps","columnsButtonProps","filterProps","dataProps","showIcons","isNotPresent","totalCount","classnames","hidden","not","SubHeader","_ref$className","leftActionBlock","rightActionBlock","subheaderRef","useRef","useLayoutEffect","updateHeaderHeight","current","height","offsetHeight","document","body","setProperty","concat","window","addEventListener","removeEventListener"],"mappings":"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"}

package/dist/cjs/SuffixedInput.js

@@ -1,6 +1,5 @@
 'use strict';
 
-var _extends = require('@babel/runtime/helpers/extends');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var React = require('react');
@@ -10,6 +9,7 @@ var Input = require('@bigbinary/neetoui/formik/Input');
 var ramda = require('ramda');
 var CopyToClipboardButton = require('./CopyToClipboardButton.js');
 var injectCss = require('./inject-css-80a5faa3.js');
+var jsxRuntime = require('react/jsx-runtime');
 require('@babel/runtime/helpers/objectWithoutProperties');
 require('classnames');
 require('@bigbinary/neeto-commons-frontend/utils/general');
@@ -20,10 +20,8 @@ require('react-i18next');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var Info__default = /*#__PURE__*/_interopDefaultLegacy(Info);
 var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
 
@@ -65,53 +63,58 @@ var SuffixedInput = function SuffixedInput(_ref) {
     var placeholderSpanWidth = (_placeholderRef$curre = placeholderRef.current) === null || _placeholderRef$curre === void 0 ? void 0 : _placeholderRef$curre.offsetWidth;
     setInitialInputWidth(placeholderSpanWidth);
   }, []);
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("span", {
-    // Dummy element to calculate the width to be set for the input. Do not remove.
-    className: "pointer-events-none invisible absolute pl-2",
-    ref: placeholderRef
-  }, value || placeholder), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "inline-flex max-w-full items-end gap-2"
-  }, /*#__PURE__*/React__default["default"].createElement(Input__default["default"], _extends__default["default"]({}, _objectSpread({
-    label: label,
-    name: name,
-    placeholder: placeholder
-  }, inputProps), {
-    className: "nm-suffixed-input-field",
-    ref: setInputRef,
-    type: "text",
-    labelProps: {
-      helpIconProps: neetoCist.isPresent(helpUrl) && {
-        icon: Info__default["default"],
-        className: "cursor-pointer opacity-75 hover:opacity-100 transition-opacity duration-300 ease-in-out",
-        onClick: function onClick() {
-          return window.open(helpUrl, "_blank");
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+      // Dummy element to calculate the width to be set for the input. Do not remove.
+      className: "pointer-events-none invisible absolute pl-2",
+      ref: placeholderRef,
+      children: value || placeholder
+    }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "inline-flex max-w-full items-end gap-2",
+      children: [/*#__PURE__*/jsxRuntime.jsx(Input__default["default"], _objectSpread(_objectSpread({}, _objectSpread({
+        label: label,
+        name: name,
+        placeholder: placeholder
+      }, inputProps)), {}, {
+        className: "nm-suffixed-input-field",
+        ref: setInputRef,
+        type: "text",
+        labelProps: {
+          helpIconProps: neetoCist.isPresent(helpUrl) && {
+            icon: Info__default["default"],
+            className: "cursor-pointer opacity-75 hover:opacity-100 transition-opacity duration-300 ease-in-out",
+            onClick: function onClick() {
+              return window.open(helpUrl, "_blank");
+            },
+            tooltipProps: {
+              content: helpIconTooltipContent,
+              position: "right",
+              disabled: neetoCist.isNotPresent(helpUrl)
+            }
+          }
+        },
+        style: {
+          minWidth: ramda.isEmpty(value) ? INPUT_FIELD_MIN_WIDTH : 0,
+          width: (_placeholderRef$curre2 = (_placeholderRef$curre3 = placeholderRef.current) === null || _placeholderRef$curre3 === void 0 ? void 0 : _placeholderRef$curre3.offsetWidth) !== null && _placeholderRef$curre2 !== void 0 ? _placeholderRef$curre2 : initialInputWidth // Additional 2px to act as a buffer.
         },
-        tooltipProps: {
-          content: helpIconTooltipContent,
-          position: "right",
-          disabled: neetoCist.isNotPresent(helpUrl)
-        }
-      }
-    },
-    style: {
-      minWidth: ramda.isEmpty(value) ? INPUT_FIELD_MIN_WIDTH : 0,
-      width: (_placeholderRef$curre2 = (_placeholderRef$curre3 = placeholderRef.current) === null || _placeholderRef$curre3 === void 0 ? void 0 : _placeholderRef$curre3.offsetWidth) !== null && _placeholderRef$curre2 !== void 0 ? _placeholderRef$curre2 : initialInputWidth // Additional 2px to act as a buffer.
-    },
 
-    suffix:
-    /*#__PURE__*/
-    // Added onClick to focus the input even when the suffix part is clicked.
-    React__default["default"].createElement("span", {
-      onClick: function onClick() {
-        var _inputRef$current;
-        return (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
-      }
-    }, suffix)
-  })), isCopyToClipboardEnabled && /*#__PURE__*/React__default["default"].createElement(CopyToClipboardButton, {
-    disabled: ramda.isEmpty(value),
-    style: "text",
-    value: "".concat(value).concat(suffix)
-  })));
+        suffix:
+        /*#__PURE__*/
+        // Added onClick to focus the input even when the suffix part is clicked.
+        jsxRuntime.jsx("span", {
+          onClick: function onClick() {
+            var _inputRef$current;
+            return (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
+          },
+          children: suffix
+        })
+      })), isCopyToClipboardEnabled && /*#__PURE__*/jsxRuntime.jsx(CopyToClipboardButton, {
+        disabled: ramda.isEmpty(value),
+        style: "text",
+        value: "".concat(value).concat(suffix)
+      })]
+    })]
+  });
 };
 
 module.exports = SuffixedInput;

package/dist/cjs/SuffixedInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"SuffixedInput.js","sources":["../../src/components/SuffixedInput/constants.js","../../src/components/SuffixedInput/index.jsx"],"sourcesContent":["export const INPUT_FIELD_MIN_WIDTH = 60;\n","import React, { useEffect, useRef, useState } from \"react\";\n\nimport { isPresent, isNotPresent } from \"neetocist\";\nimport { Info } from \"neetoicons\";\nimport { Input } from \"neetoui/formik\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty } from \"ramda\";\n\nimport CopyToClipboardButton from \"components/CopyToClipboardButton\";\n\nimport { INPUT_FIELD_MIN_WIDTH } from \"./constants\";\nimport \"./suffixed-input.scss\";\n\nconst SuffixedInput = ({\n  placeholder,\n  helpUrl,\n  helpIconTooltipContent,\n  label,\n  value,\n  getInputRef,\n  suffix,\n  isCopyToClipboardEnabled = false,\n  name = \"email\",\n  inputProps = {},\n}) => {\n  const [initialInputWidth, setInitialInputWidth] = useState(\n    INPUT_FIELD_MIN_WIDTH\n  );\n  const inputRef = useRef(null);\n  const placeholderRef = useRef(null);\n\n  const setInputRef = ref => {\n    inputRef.current = ref;\n    getInputRef?.(ref);\n  };\n\n  useEffect(() => {\n    //To handle the input width on initial render.\n    const placeholderSpanWidth = placeholderRef.current?.offsetWidth;\n    setInitialInputWidth(placeholderSpanWidth);\n  }, []);\n\n  return (\n    <>\n      <span // Dummy element to calculate the width to be set for the input. Do not remove.\n        className=\"pointer-events-none invisible absolute pl-2\"\n        ref={placeholderRef}\n      >\n        {value || placeholder}\n      </span>\n      <div className=\"inline-flex max-w-full items-end gap-2\">\n        <Input\n          {...{ label, name, placeholder, ...inputProps }}\n          className=\"nm-suffixed-input-field\"\n          ref={setInputRef}\n          type=\"text\"\n          labelProps={{\n            helpIconProps: isPresent(helpUrl) && {\n              icon: Info,\n              className:\n                \"cursor-pointer opacity-75 hover:opacity-100 transition-opacity duration-300 ease-in-out\",\n              onClick: () => window.open(helpUrl, \"_blank\"),\n              tooltipProps: {\n                content: helpIconTooltipContent,\n                position: \"right\",\n                disabled: isNotPresent(helpUrl),\n              },\n            },\n          }}\n          style={{\n            minWidth: isEmpty(value) ? INPUT_FIELD_MIN_WIDTH : 0,\n            width: placeholderRef.current?.offsetWidth ?? initialInputWidth, // Additional 2px to act as a buffer.\n          }}\n          suffix={\n            // Added onClick to focus the input even when the suffix part is clicked.\n            <span onClick={() => inputRef.current?.focus()}>{suffix}</span>\n          }\n        />\n        {isCopyToClipboardEnabled && (\n          <CopyToClipboardButton\n            disabled={isEmpty(value)}\n            style=\"text\"\n            value={`${value}${suffix}`}\n          />\n        )}\n      </div>\n    </>\n  );\n};\n\nSuffixedInput.propTypes = {\n  /**\n   * Placeholder of the input field.\n   */\n  placeholder: PropTypes.string,\n  /**\n   * A help icon will be displayed next to the label if helpUrl is present. On clicking the icon will take the user to the URL.\n   */\n  helpUrl: PropTypes.string,\n  /**\n   * Text to be displayed inside the tooltip of the help icon.\n   */\n  helpIconTooltipContent: PropTypes.string,\n  /**\n   * Label of the input field.\n   */\n  label: PropTypes.string,\n  /**\n   * The value entered by the user, eg: email.\n   */\n  value: PropTypes.string,\n  /**\n   * A method to get the ref of the input field.\n   */\n  getInputRef: PropTypes.func,\n  /**\n   * Domain name to be rendered next to the input field.\n   */\n  suffix: PropTypes.string,\n  /**\n   * Whether to show the copy to clipboard button.\n   */\n  isCopyToClipboardEnabled: PropTypes.bool,\n  /**\n   * Formik field name of the input field.\n   */\n  name: PropTypes.string,\n  /**\n   * This will be passed down to the `Input` component.\n   */\n  inputProps: PropTypes.object,\n};\n\nexport default SuffixedInput;\n"],"names":["INPUT_FIELD_MIN_WIDTH","SuffixedInput","_ref","_placeholderRef$curre2","_placeholderRef$curre3","placeholder","helpUrl","helpIconTooltipContent","label","value","getInputRef","suffix","_ref$isCopyToClipboar","isCopyToClipboardEnabled","_ref$name","name","_ref$inputProps","inputProps","_useState","useState","_useState2","_slicedToArray","initialInputWidth","setInitialInputWidth","inputRef","useRef","placeholderRef","setInputRef","ref","current","useEffect","_placeholderRef$curre","placeholderSpanWidth","offsetWidth","React","createElement","Fragment","className","Input","_extends","_objectSpread","type","labelProps","helpIconProps","isPresent","icon","Info","onClick","window","open","tooltipProps","content","position","disabled","isNotPresent","style","minWidth","isEmpty","width","_inputRef$current","focus","CopyToClipboardButton","concat"],"mappings":"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"}
+{"version":3,"file":"SuffixedInput.js","sources":["../../src/components/SuffixedInput/constants.js","../../src/components/SuffixedInput/index.jsx"],"sourcesContent":["export const INPUT_FIELD_MIN_WIDTH = 60;\n","import { useEffect, useRef, useState } from \"react\";\n\nimport { isPresent, isNotPresent } from \"neetocist\";\nimport { Info } from \"neetoicons\";\nimport { Input } from \"neetoui/formik\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty } from \"ramda\";\n\nimport CopyToClipboardButton from \"components/CopyToClipboardButton\";\n\nimport { INPUT_FIELD_MIN_WIDTH } from \"./constants\";\nimport \"./suffixed-input.scss\";\n\nconst SuffixedInput = ({\n  placeholder,\n  helpUrl,\n  helpIconTooltipContent,\n  label,\n  value,\n  getInputRef,\n  suffix,\n  isCopyToClipboardEnabled = false,\n  name = \"email\",\n  inputProps = {},\n}) => {\n  const [initialInputWidth, setInitialInputWidth] = useState(\n    INPUT_FIELD_MIN_WIDTH\n  );\n  const inputRef = useRef(null);\n  const placeholderRef = useRef(null);\n\n  const setInputRef = ref => {\n    inputRef.current = ref;\n    getInputRef?.(ref);\n  };\n\n  useEffect(() => {\n    //To handle the input width on initial render.\n    const placeholderSpanWidth = placeholderRef.current?.offsetWidth;\n    setInitialInputWidth(placeholderSpanWidth);\n  }, []);\n\n  return (\n    <>\n      <span // Dummy element to calculate the width to be set for the input. Do not remove.\n        className=\"pointer-events-none invisible absolute pl-2\"\n        ref={placeholderRef}\n      >\n        {value || placeholder}\n      </span>\n      <div className=\"inline-flex max-w-full items-end gap-2\">\n        <Input\n          {...{ label, name, placeholder, ...inputProps }}\n          className=\"nm-suffixed-input-field\"\n          ref={setInputRef}\n          type=\"text\"\n          labelProps={{\n            helpIconProps: isPresent(helpUrl) && {\n              icon: Info,\n              className:\n                \"cursor-pointer opacity-75 hover:opacity-100 transition-opacity duration-300 ease-in-out\",\n              onClick: () => window.open(helpUrl, \"_blank\"),\n              tooltipProps: {\n                content: helpIconTooltipContent,\n                position: \"right\",\n                disabled: isNotPresent(helpUrl),\n              },\n            },\n          }}\n          style={{\n            minWidth: isEmpty(value) ? INPUT_FIELD_MIN_WIDTH : 0,\n            width: placeholderRef.current?.offsetWidth ?? initialInputWidth, // Additional 2px to act as a buffer.\n          }}\n          suffix={\n            // Added onClick to focus the input even when the suffix part is clicked.\n            <span onClick={() => inputRef.current?.focus()}>{suffix}</span>\n          }\n        />\n        {isCopyToClipboardEnabled && (\n          <CopyToClipboardButton\n            disabled={isEmpty(value)}\n            style=\"text\"\n            value={`${value}${suffix}`}\n          />\n        )}\n      </div>\n    </>\n  );\n};\n\nSuffixedInput.propTypes = {\n  /**\n   * Placeholder of the input field.\n   */\n  placeholder: PropTypes.string,\n  /**\n   * A help icon will be displayed next to the label if helpUrl is present. On clicking the icon will take the user to the URL.\n   */\n  helpUrl: PropTypes.string,\n  /**\n   * Text to be displayed inside the tooltip of the help icon.\n   */\n  helpIconTooltipContent: PropTypes.string,\n  /**\n   * Label of the input field.\n   */\n  label: PropTypes.string,\n  /**\n   * The value entered by the user, eg: email.\n   */\n  value: PropTypes.string,\n  /**\n   * A method to get the ref of the input field.\n   */\n  getInputRef: PropTypes.func,\n  /**\n   * Domain name to be rendered next to the input field.\n   */\n  suffix: PropTypes.string,\n  /**\n   * Whether to show the copy to clipboard button.\n   */\n  isCopyToClipboardEnabled: PropTypes.bool,\n  /**\n   * Formik field name of the input field.\n   */\n  name: PropTypes.string,\n  /**\n   * This will be passed down to the `Input` component.\n   */\n  inputProps: PropTypes.object,\n};\n\nexport default SuffixedInput;\n"],"names":["INPUT_FIELD_MIN_WIDTH","SuffixedInput","_ref","_placeholderRef$curre2","_placeholderRef$curre3","placeholder","helpUrl","helpIconTooltipContent","label","value","getInputRef","suffix","_ref$isCopyToClipboar","isCopyToClipboardEnabled","_ref$name","name","_ref$inputProps","inputProps","_useState","useState","_useState2","_slicedToArray","initialInputWidth","setInitialInputWidth","inputRef","useRef","placeholderRef","setInputRef","ref","current","useEffect","_placeholderRef$curre","placeholderSpanWidth","offsetWidth","_jsxs","_Fragment","children","_jsx","className","Input","_objectSpread","type","labelProps","helpIconProps","isPresent","icon","Info","onClick","window","open","tooltipProps","content","position","disabled","isNotPresent","style","minWidth","isEmpty","width","_inputRef$current","focus","CopyToClipboardButton","concat"],"mappings":"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"}

package/dist/cjs/TableWrapper.js

@@ -1,12 +1,11 @@
 'use strict';
 
-var React = require('react');
 var classnames = require('classnames');
 var injectCss = require('./inject-css-80a5faa3.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
 var css = ".neeto-molecules-tablewrapper-pagination--height{padding:0 0 48px}";
@@ -18,14 +17,16 @@ var TableWrapper = function TableWrapper(_ref) {
     className = _ref$className === void 0 ? "" : _ref$className,
     _ref$hasPagination = _ref.hasPagination,
     hasPagination = _ref$hasPagination === void 0 ? false : _ref$hasPagination;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
     "data-testid": "table-wrapper",
-    className: classnames__default["default"]("flex min-h-0 w-full flex-grow flex-col pb-6", className)
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classnames__default["default"]("min-h-0 flex-grow", {
-      "neeto-molecules-tablewrapper-pagination--height": hasPagination
+    className: classnames__default["default"]("flex min-h-0 w-full flex-grow flex-col pb-6", className),
+    children: /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: classnames__default["default"]("min-h-0 flex-grow", {
+        "neeto-molecules-tablewrapper-pagination--height": hasPagination
+      }),
+      children: children
     })
-  }, children));
+  });
 };
 
 module.exports = TableWrapper;

package/dist/cjs/TableWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableWrapper.js","sources":["../../src/components/TableWrapper/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classNames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport \"./table-wrapper.scss\";\n\nconst TableWrapper = ({ children, className = \"\", hasPagination = false }) => (\n  <div\n    data-testid=\"table-wrapper\"\n    className={classNames(\n      \"flex min-h-0 w-full flex-grow flex-col pb-6\",\n      className\n    )}\n  >\n    <div\n      className={classNames(\"min-h-0 flex-grow\", {\n        \"neeto-molecules-tablewrapper-pagination--height\": hasPagination,\n      })}\n    >\n      {children}\n    </div>\n  </div>\n);\n\nTableWrapper.propTypes = {\n  /**\n   * Custom classnames for table wrapper.\n   */\n  className: PropTypes.string,\n  /**\n   * Handles table wrapper height when pagination is enabled.\n   *\n   * `hasPagination={totalCount > defaultPageSize}`\n   */\n  hasPagination: PropTypes.bool,\n};\n\nexport default TableWrapper;\n"],"names":["TableWrapper","_ref","children","_ref$className","className","_ref$hasPagination","hasPagination","React","createElement","classNames"],"mappings":";;;;;;;;;;;;;;AAOA,IAAMA,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,cAAA,GAAAF,IAAA,CAAEG,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IAAAE,kBAAA,GAAAJ,IAAA,CAAEK,aAAa;AAAbA,IAAAA,aAAa,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,kBAAA,CAAA;EAAA,oBACrEE,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACE,IAAA,aAAA,EAAY,eAAe;AAC3BJ,IAAAA,SAAS,EAAEK,8BAAU,CACnB,6CAA6C,EAC7CL,SACF,CAAA;GAEAG,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEJ,IAAAA,SAAS,EAAEK,8BAAU,CAAC,mBAAmB,EAAE;AACzC,MAAA,iDAAiD,EAAEH,aAAAA;KACpD,CAAA;GAEAJ,EAAAA,QACE,CACF,CAAC,CAAA;AAAA;;;;"}
+{"version":3,"file":"TableWrapper.js","sources":["../../src/components/TableWrapper/index.jsx"],"sourcesContent":["import classNames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport \"./table-wrapper.scss\";\n\nconst TableWrapper = ({ children, className = \"\", hasPagination = false }) => (\n  <div\n    data-testid=\"table-wrapper\"\n    className={classNames(\n      \"flex min-h-0 w-full flex-grow flex-col pb-6\",\n      className\n    )}\n  >\n    <div\n      className={classNames(\"min-h-0 flex-grow\", {\n        \"neeto-molecules-tablewrapper-pagination--height\": hasPagination,\n      })}\n    >\n      {children}\n    </div>\n  </div>\n);\n\nTableWrapper.propTypes = {\n  /**\n   * Custom classnames for table wrapper.\n   */\n  className: PropTypes.string,\n  /**\n   * Handles table wrapper height when pagination is enabled.\n   *\n   * `hasPagination={totalCount > defaultPageSize}`\n   */\n  hasPagination: PropTypes.bool,\n};\n\nexport default TableWrapper;\n"],"names":["TableWrapper","_ref","children","_ref$className","className","_ref$hasPagination","hasPagination","_jsx","classNames"],"mappings":";;;;;;;;;;;;;AAKA,IAAMA,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,cAAA,GAAAF,IAAA,CAAEG,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IAAAE,kBAAA,GAAAJ,IAAA,CAAEK,aAAa;AAAbA,IAAAA,aAAa,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,kBAAA,CAAA;AAAA,EAAA,oBACrEE,cAAA,CAAA,KAAA,EAAA;AACE,IAAA,aAAA,EAAY,eAAe;AAC3BH,IAAAA,SAAS,EAAEI,8BAAU,CACnB,6CAA6C,EAC7CJ,SACF,CAAE;AAAAF,IAAAA,QAAA,eAEFK,cAAA,CAAA,KAAA,EAAA;AACEH,MAAAA,SAAS,EAAEI,8BAAU,CAAC,mBAAmB,EAAE;AACzC,QAAA,iDAAiD,EAAEF,aAAAA;AACrD,OAAC,CAAE;AAAAJ,MAAAA,QAAA,EAEFA,QAAAA;KACE,CAAA;AAAC,GACH,CAAC,CAAA;AAAA;;;;"}