@bigbinary/neeto-molecules 5.1.17 → 5.1.19

package/dist/v2/SendToFields.js

@@ -0,0 +1,311 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { memo, useState, useRef } from 'react';
+import { Callout, Button, Typography, Sheet, Toastr } from '@bigbinary/neeto-atoms';
+import { MultiEmailInput } from '@bigbinary/neeto-atoms/formik';
+import { useFormikContext } from 'formik';
+import { Trans, useTranslation } from 'react-i18next';
+import classnames from 'classnames';
+import { useDropzone } from 'react-dropzone';
+import { withT } from '@bigbinary/neeto-commons-frontend/v2/react-utils';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { D as Download } from '../download-CZ7Q6k7-.js';
+import { U as Upload } from '../upload-BNvlRoRJ.js';
+import { t } from 'i18next';
+import { P as Papa } from '../papaparse-p7fkGgWo.js';
+import { prop } from 'ramda';
+import { string } from 'yup';
+import '../createLucideIcon-mNMhCCpf.js';
+import '../_commonjsHelpers-BFTU3MAI.js';
+import 'stream';
+
+var CSV_FILE_SIZE_IN_KB = 32;
+var ONE_KILOBYTE_IN_BYTES = 1024;
+var DOWNLOAD_SAMPLE_EMAIL_CSV_FILE = "https://d2v7kzglnr2dnh.cloudfront.net/others/sample-bulk-email.csv";
+
+var Requirements = withT(function (_ref) {
+  var t = _ref.t,
+    fileSize = _ref.fileSize;
+  return /*#__PURE__*/jsxs(Callout, {
+    className: "flex flex-col items-center py-6",
+    variant: "info",
+    children: [/*#__PURE__*/jsxs("ul", {
+      className: "flex list-outside list-disc flex-col gap-y-1 leading-normal font-normal",
+      children: [fileSize && /*#__PURE__*/jsx("li", {
+        children: t("neetoMolecules.shareViaLink.requirements.fileTypeAndSize", {
+          limit: fileSize
+        })
+      }), /*#__PURE__*/jsx("li", {
+        children: /*#__PURE__*/jsx(Trans, {
+          components: {
+            strong: /*#__PURE__*/jsx("strong", {
+              className: "font-semibold"
+            })
+          },
+          i18nKey: "neetoMolecules.shareViaLink.requirements.shouldContainColumns"
+        })
+      })]
+    }), /*#__PURE__*/jsx(Button, {
+      href: DOWNLOAD_SAMPLE_EMAIL_CSV_FILE,
+      icon: Download,
+      iconPosition: "left",
+      label: t("neetoMolecules.shareViaLink.bulkUploadPane.downloadSampleCSV"),
+      variant: "link"
+    })]
+  });
+});
+var Requirements$1 = /*#__PURE__*/memo(Requirements);
+
+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), true).forEach(function (r) { _defineProperty(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 BulkUploadPane = function BulkUploadPane(_ref) {
+  var _fileRejections$;
+  var isOpen = _ref.isOpen,
+    fileSize = _ref.fileSize,
+    onClose = _ref.onClose,
+    handleFileSubmit = _ref.handleFileSubmit;
+  var _useDropzone = useDropzone({
+      accept: {
+        "text/csv": []
+      },
+      maxFiles: 1,
+      maxSize: fileSize * ONE_KILOBYTE_IN_BYTES,
+      onDrop: function onDrop(files) {
+        return files[0] && handleFileSubmit(files[0]);
+      }
+    }),
+    getRootProps = _useDropzone.getRootProps,
+    getInputProps = _useDropzone.getInputProps,
+    isDragActive = _useDropzone.isDragActive,
+    fileRejections = _useDropzone.fileRejections;
+  var errors = (_fileRejections$ = fileRejections[0]) === null || _fileRejections$ === void 0 ? void 0 : _fileRejections$.errors.map(function (_ref2) {
+    var message = _ref2.message,
+      code = _ref2.code;
+    return /*#__PURE__*/jsx(Typography, {
+      className: "text-destructive items",
+      "data-testid": "file-input-error-message",
+      variant: "body3",
+      children: message
+    }, code);
+  });
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/jsx(Sheet, {
+    isOpen: isOpen,
+    onClose: onClose,
+    "aria-describedby": undefined,
+    "data-testid": "bulk-upload-pane",
+    children: /*#__PURE__*/jsxs("div", {
+      tabIndex: 0,
+      children: [/*#__PURE__*/jsx(Sheet.Header, {
+        children: /*#__PURE__*/jsx(Sheet.Title, {
+          "data-testid": "bulk-upload-header",
+          children: t("neetoMolecules.shareViaLink.bulkUpload")
+        })
+      }), /*#__PURE__*/jsx(Sheet.Body, {
+        children: /*#__PURE__*/jsxs("div", {
+          className: "flex w-full flex-col gap-y-4",
+          children: [/*#__PURE__*/jsx(Requirements$1, {
+            fileSize: fileSize
+          }), /*#__PURE__*/jsxs("div", _objectSpread$1(_objectSpread$1({}, getRootProps({
+            className: classnames("border-primary flex cursor-pointer flex-col items-center rounded-md border border-dashed p-2 transition duration-500 ease-in-out hover:bg-muted", {
+              "border-muted": isDragActive,
+              "border-destructive bg-destructive/10 hover:bg-destructive/10": fileRejections.length
+            })
+          })), {}, {
+            children: [/*#__PURE__*/jsxs("div", {
+              className: "flex flex-col items-center gap-y-3 p-4",
+              children: [/*#__PURE__*/jsx(Upload, {
+                className: "text-primary",
+                size: 32
+              }), /*#__PURE__*/jsx("input", _objectSpread$1(_objectSpread$1({}, getInputProps()), {}, {
+                "data-testid": "csv-upload-input"
+              })), isDragActive ? /*#__PURE__*/jsx(Typography, {
+                variant: "body2",
+                children: t("neetoMolecules.shareViaLink.bulkUploadPane.dropFileHere")
+              }) : /*#__PURE__*/jsxs("div", {
+                className: "flex flex-col items-center gap-y-1",
+                children: [/*#__PURE__*/jsx("div", {
+                  className: "flex w-full items-center justify-center gap-x-1",
+                  children: /*#__PURE__*/jsx(Trans, {
+                    i18nKey: "neetoMolecules.shareViaLink.bulkUploadPane.dragNDrop",
+                    components: {
+                      Button: /*#__PURE__*/jsx(Button, {
+                        variant: "link"
+                      })
+                    }
+                  })
+                }), /*#__PURE__*/jsxs(Typography, {
+                  className: "text-muted-foreground",
+                  variant: "body3",
+                  children: [/*#__PURE__*/jsx(Trans, {
+                    i18nKey: "neetoMolecules.shareViaLink.bulkUploadPane.supportedFormat",
+                    values: {
+                      fileType: "csv"
+                    },
+                    components: {
+                      code: /*#__PURE__*/jsx("code", {
+                        className: "bg-background m-0 border-s-0 p-0 text-sm"
+                      })
+                    }
+                  }), " ", fileSize && t("neetoMolecules.shareViaLink.bulkUploadPane.supportedSize", {
+                    fileSize: fileSize
+                  })]
+                })]
+              })]
+            }), errors]
+          }))]
+        })
+      }), /*#__PURE__*/jsx(Sheet.Footer, {
+        className: "flex items-center gap-x-2",
+        children: /*#__PURE__*/jsx(Button, {
+          "data-testid": "bulk-upload-cancel-button",
+          label: t("neetoMolecules.common.actions.cancel"),
+          type: "reset",
+          variant: "ghost",
+          onClick: onClose
+        })
+      })]
+    })
+  });
+};
+
+var isValidEmail = function isValidEmail(email) {
+  return string().email().isValidSync(email);
+};
+var createEmailOptions = function createEmailOptions() {
+  var emails = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  return emails.map(function (email) {
+    return {
+      label: email,
+      value: email,
+      valid: isValidEmail(email)
+    };
+  });
+};
+var parseCsvEmails = function parseCsvEmails(file, onSuccess) {
+  Papa.parse(file, {
+    header: true,
+    skipEmptyLines: true,
+    transformHeader: function transformHeader(h) {
+      return h.toLowerCase().replace(/\W/g, "");
+    },
+    complete: function complete(results) {
+      var _results$meta$fields;
+      var isEmailFieldPresent = (_results$meta$fields = results.meta.fields) === null || _results$meta$fields === void 0 ? void 0 : _results$meta$fields.includes("email");
+      if (isEmailFieldPresent) {
+        var emails = results.data.filter(prop("email")).map(function (item) {
+          return item.email.trim();
+        });
+        onSuccess(createEmailOptions(emails));
+      } else {
+        Toastr.error(t("neetoMolecules.sendToFields.errors.invalidCsv"));
+      }
+    }
+  });
+};
+
+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), true).forEach(function (r) { _defineProperty(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 SendToFields = function SendToFields(_ref) {
+  var emailInputProps = _ref.emailInputProps,
+    ccInputProps = _ref.ccInputProps,
+    bccInputProps = _ref.bccInputProps,
+    _ref$showUploadCsvBut = _ref.showUploadCsvButton,
+    showUploadCsvButton = _ref$showUploadCsvBut === void 0 ? false : _ref$showUploadCsvBut,
+    _ref$showCcBccButton = _ref.showCcBccButton,
+    showCcBccButton = _ref$showCcBccButton === void 0 ? false : _ref$showCcBccButton,
+    _ref$showCcField = _ref.showCcField,
+    showCcField = _ref$showCcField === void 0 ? false : _ref$showCcField,
+    _ref$showBccField = _ref.showBccField,
+    showBccField = _ref$showBccField === void 0 ? false : _ref$showBccField,
+    _ref$showSendToField = _ref.showSendToField,
+    showSendToField = _ref$showSendToField === void 0 ? true : _ref$showSendToField;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isBulkUploadPaneOpen = _useState2[0],
+    setIsBulkUploadPaneOpen = _useState2[1];
+  var sendToFieldRef = useRef();
+  var _useFormikContext = useFormikContext(),
+    _useFormikContext$val = _useFormikContext.values,
+    showCopyEmails = _useFormikContext$val.showCopyEmails,
+    existingSendToEmails = _useFormikContext$val[emailInputProps.name || "sendTo"],
+    setFieldValue = _useFormikContext.setFieldValue;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var handleCSVFile = function handleCSVFile(file) {
+    try {
+      var _sendToFieldRef$curre;
+      var onSuccess = function onSuccess(values) {
+        return setFieldValue(emailInputProps.name || "sendTo", [].concat(_toConsumableArray(existingSendToEmails), _toConsumableArray(values)));
+      };
+      parseCsvEmails(file, onSuccess);
+      setIsBulkUploadPaneOpen(false);
+      (_sendToFieldRef$curre = sendToFieldRef.current) === null || _sendToFieldRef$curre === void 0 || _sendToFieldRef$curre.focus();
+    } catch (error) {
+      Toastr.error(error);
+    }
+  };
+  var handelCcBccButtonClick = function handelCcBccButtonClick(e) {
+    e.stopPropagation();
+    setFieldValue("showCopyEmails", !showCopyEmails);
+  };
+  return /*#__PURE__*/jsxs("div", {
+    className: "w-full",
+    "data-testid": "send-to-text-field",
+    children: [showUploadCsvButton && /*#__PURE__*/jsx("div", {
+      className: "flex justify-end",
+      children: /*#__PURE__*/jsx(Button, {
+        "data-testid": "bulk-upload-button",
+        icon: Upload,
+        label: t("neetoMolecules.shareViaLink.bulkUpload"),
+        size: "sm",
+        variant: "link",
+        onClick: function onClick() {
+          return setIsBulkUploadPaneOpen(true);
+        }
+      })
+    }), showSendToField && /*#__PURE__*/jsx("div", {
+      className: "border-border w-full border-b pb-1",
+      children: /*#__PURE__*/jsx(MultiEmailInput, _objectSpread(_objectSpread({
+        name: "sendTo",
+        ref: sendToFieldRef
+      }, emailInputProps), {}, {
+        suffix: showCcBccButton && /*#__PURE__*/jsx(Button, {
+          "data-testid": "cc-bcc-button",
+          label: t("neetoMolecules.emailForm.labels.ccBcc"),
+          size: "sm",
+          variant: "link",
+          onClick: handelCcBccButtonClick,
+          onKeyDown: function onKeyDown(event) {
+            return event.stopPropagation();
+          }
+        })
+      }))
+    }), (showCopyEmails || showCcField || showBccField) && /*#__PURE__*/jsxs("div", {
+      className: "mt-5 flex w-full flex-col gap-5",
+      children: [(showCopyEmails || showCcField) && /*#__PURE__*/jsx("div", {
+        className: "border-border w-full border-b pb-1",
+        children: /*#__PURE__*/jsx(MultiEmailInput, _objectSpread({
+          name: "sendToBcc"
+        }, ccInputProps))
+      }), (showCopyEmails || showBccField) && /*#__PURE__*/jsx("div", {
+        className: "border-border w-full border-b pb-1",
+        children: /*#__PURE__*/jsx(MultiEmailInput, _objectSpread({
+          name: "sendToCc"
+        }, bccInputProps))
+      })]
+    }), /*#__PURE__*/jsx(BulkUploadPane, {
+      fileSize: CSV_FILE_SIZE_IN_KB,
+      handleFileSubmit: handleCSVFile,
+      isOpen: isBulkUploadPaneOpen,
+      onClose: function onClose() {
+        return setIsBulkUploadPaneOpen(false);
+      }
+    })]
+  });
+};
+
+export { SendToFields as default };
+//# sourceMappingURL=SendToFields.js.map

package/dist/v2/SendToFields.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SendToFields.js","sources":["../../src/v2/components/SendToFields/constants.js","../../src/v2/components/SendToFields/Requirements.jsx","../../src/v2/components/SendToFields/BulkUploadPane.jsx","../../src/v2/components/SendToFields/utils.js","../../src/v2/components/SendToFields/index.jsx"],"sourcesContent":["export const SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\nexport const CSV_FILE_SIZE_IN_KB = 32;\nexport const ONE_KILOBYTE_IN_BYTES = 1024;\nexport const DOWNLOAD_SAMPLE_EMAIL_CSV_FILE =\n  \"https://d2v7kzglnr2dnh.cloudfront.net/others/sample-bulk-email.csv\";\n","import { memo } from \"react\";\n\nimport { Button, Callout } from \"@bigbinary/neeto-atoms\";\nimport { Download } from \"lucide-react\";\nimport { withT } from \"neetocommons/v2/react-utils\";\nimport { Trans } from \"react-i18next\";\n\nimport { DOWNLOAD_SAMPLE_EMAIL_CSV_FILE } from \"./constants\";\n\nconst Requirements = withT(({ t, fileSize }) => (\n  <Callout className=\"flex flex-col items-center py-6\" variant=\"info\">\n    <ul className=\"flex list-outside list-disc flex-col gap-y-1 leading-normal font-normal\">\n      {fileSize && (\n        <li>\n          {t(\"neetoMolecules.shareViaLink.requirements.fileTypeAndSize\", {\n            limit: fileSize,\n          })}\n        </li>\n      )}\n      <li>\n        <Trans\n          components={{ strong: <strong className=\"font-semibold\" /> }}\n          i18nKey=\"neetoMolecules.shareViaLink.requirements.shouldContainColumns\"\n        />\n      </li>\n    </ul>\n    <Button\n      href={DOWNLOAD_SAMPLE_EMAIL_CSV_FILE}\n      icon={Download}\n      iconPosition=\"left\"\n      label={t(\"neetoMolecules.shareViaLink.bulkUploadPane.downloadSampleCSV\")}\n      variant=\"link\"\n    />\n  </Callout>\n));\n\nexport default memo(Requirements);\n","import { Button, Sheet, Typography } from \"@bigbinary/neeto-atoms\";\nimport classNames from \"classnames\";\nimport { Upload } from \"lucide-react\";\nimport { useDropzone } from \"react-dropzone\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport { ONE_KILOBYTE_IN_BYTES } from \"./constants\";\nimport Requirements from \"./Requirements\";\n\nconst BulkUploadPane = ({ isOpen, fileSize, onClose, handleFileSubmit }) => {\n  const { getRootProps, getInputProps, isDragActive, fileRejections } =\n    useDropzone({\n      accept: { \"text/csv\": [] },\n      maxFiles: 1,\n      maxSize: fileSize * ONE_KILOBYTE_IN_BYTES,\n      onDrop: files => files[0] && handleFileSubmit(files[0]),\n    });\n\n  const errors = fileRejections[0]?.errors.map(({ message, code }) => (\n    <Typography\n      className=\"text-destructive items\"\n      data-testid=\"file-input-error-message\"\n      key={code}\n      variant=\"body3\"\n    >\n      {message}\n    </Typography>\n  ));\n\n  const { t } = useTranslation();\n\n  return (\n    <Sheet\n      {...{ isOpen, onClose }}\n      aria-describedby={undefined}\n      data-testid=\"bulk-upload-pane\"\n    >\n      <div tabIndex={0}>\n        <Sheet.Header>\n          <Sheet.Title data-testid=\"bulk-upload-header\">\n            {t(\"neetoMolecules.shareViaLink.bulkUpload\")}\n          </Sheet.Title>\n        </Sheet.Header>\n        <Sheet.Body>\n          <div className=\"flex w-full flex-col gap-y-4\">\n            <Requirements {...{ fileSize }} />\n            <div\n              {...getRootProps({\n                className: classNames(\n                  \"border-primary flex cursor-pointer flex-col items-center rounded-md border border-dashed p-2 transition duration-500 ease-in-out hover:bg-muted\",\n                  {\n                    \"border-muted\": isDragActive,\n                    \"border-destructive bg-destructive/10 hover:bg-destructive/10\":\n                      fileRejections.length,\n                  }\n                ),\n              })}\n            >\n              <div className=\"flex flex-col items-center gap-y-3 p-4\">\n                <Upload className=\"text-primary\" size={32} />\n                <input {...getInputProps()} data-testid=\"csv-upload-input\" />\n                {isDragActive ? (\n                  <Typography variant=\"body2\">\n                    {t(\n                      \"neetoMolecules.shareViaLink.bulkUploadPane.dropFileHere\"\n                    )}\n                  </Typography>\n                ) : (\n                  <div className=\"flex flex-col items-center gap-y-1\">\n                    <div className=\"flex w-full items-center justify-center gap-x-1\">\n                      <Trans\n                        i18nKey=\"neetoMolecules.shareViaLink.bulkUploadPane.dragNDrop\"\n                        components={{\n                          Button: <Button variant=\"link\" />,\n                        }}\n                      />\n                    </div>\n                    <Typography\n                      className=\"text-muted-foreground\"\n                      variant=\"body3\"\n                    >\n                      <Trans\n                        i18nKey=\"neetoMolecules.shareViaLink.bulkUploadPane.supportedFormat\"\n                        values={{ fileType: \"csv\" }}\n                        components={{\n                          code: (\n                            <code className=\"bg-background m-0 border-s-0 p-0 text-sm\" />\n                          ),\n                        }}\n                      />{\" \"}\n                      {fileSize &&\n                        t(\n                          \"neetoMolecules.shareViaLink.bulkUploadPane.supportedSize\",\n                          { fileSize }\n                        )}\n                    </Typography>\n                  </div>\n                )}\n              </div>\n              {errors}\n            </div>\n          </div>\n        </Sheet.Body>\n        <Sheet.Footer className=\"flex items-center gap-x-2\">\n          <Button\n            data-testid=\"bulk-upload-cancel-button\"\n            label={t(\"neetoMolecules.common.actions.cancel\")}\n            type=\"reset\"\n            variant=\"ghost\"\n            onClick={onClose}\n          />\n        </Sheet.Footer>\n      </div>\n    </Sheet>\n  );\n};\n\nexport default BulkUploadPane;\n","import { Toastr } from \"@bigbinary/neeto-atoms\";\nimport { t } from \"i18next\";\nimport Papa from \"papaparse\";\nimport { prop } from \"ramda\";\nimport { string } from \"yup\";\n\nconst isValidEmail = email => string().email().isValidSync(email);\n\nexport const createEmailOptions = (emails = []) =>\n  emails.map(email => ({\n    label: email,\n    value: email,\n    valid: isValidEmail(email),\n  }));\n\nexport const parseCsvEmails = (file, onSuccess) => {\n  Papa.parse(file, {\n    header: true,\n    skipEmptyLines: true,\n    transformHeader: h => h.toLowerCase().replace(/\\W/g, \"\"),\n    complete: results => {\n      const isEmailFieldPresent = results.meta.fields?.includes(\"email\");\n      if (isEmailFieldPresent) {\n        const emails = results.data\n          .filter(prop(\"email\"))\n          .map(item => item.email.trim());\n        onSuccess(createEmailOptions(emails));\n      } else {\n        Toastr.error(t(\"neetoMolecules.sendToFields.errors.invalidCsv\"));\n      }\n    },\n  });\n};\n","import { useRef, useState } from \"react\";\n\nimport { Button, Toastr } from \"@bigbinary/neeto-atoms\";\nimport { MultiEmailInput } from \"@bigbinary/neeto-atoms/formik\";\nimport { useFormikContext } from \"formik\";\nimport { Upload } from \"lucide-react\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport BulkUploadPane from \"./BulkUploadPane\";\nimport { CSV_FILE_SIZE_IN_KB, SIZES } from \"./constants\";\nimport { parseCsvEmails } from \"./utils\";\n\nconst SendToFields = ({\n  emailInputProps,\n  ccInputProps,\n  bccInputProps,\n  showUploadCsvButton = false,\n  showCcBccButton = false,\n  showCcField = false,\n  showBccField = false,\n  showSendToField = true,\n}) => {\n  const [isBulkUploadPaneOpen, setIsBulkUploadPaneOpen] = useState(false);\n  const sendToFieldRef = useRef();\n  const {\n    values: {\n      showCopyEmails,\n      [emailInputProps.name || \"sendTo\"]: existingSendToEmails,\n    },\n    setFieldValue,\n  } = useFormikContext();\n  const { t } = useTranslation();\n\n  const handleCSVFile = file => {\n    try {\n      const onSuccess = values =>\n        setFieldValue(emailInputProps.name || \"sendTo\", [\n          ...existingSendToEmails,\n          ...values,\n        ]);\n\n      parseCsvEmails(file, onSuccess);\n      setIsBulkUploadPaneOpen(false);\n      sendToFieldRef.current?.focus();\n    } catch (error) {\n      Toastr.error(error);\n    }\n  };\n\n  const handelCcBccButtonClick = e => {\n    e.stopPropagation();\n    setFieldValue(\"showCopyEmails\", !showCopyEmails);\n  };\n\n  return (\n    <div className=\"w-full\" data-testid=\"send-to-text-field\">\n      {showUploadCsvButton && (\n        <div className=\"flex justify-end\">\n          <Button\n            data-testid=\"bulk-upload-button\"\n            icon={Upload}\n            label={t(\"neetoMolecules.shareViaLink.bulkUpload\")}\n            size=\"sm\"\n            variant=\"link\"\n            onClick={() => setIsBulkUploadPaneOpen(true)}\n          />\n        </div>\n      )}\n      {showSendToField && (\n        <div className=\"border-border w-full border-b pb-1\">\n          <MultiEmailInput\n            name=\"sendTo\"\n            ref={sendToFieldRef}\n            {...emailInputProps}\n            suffix={\n              showCcBccButton && (\n                <Button\n                  data-testid=\"cc-bcc-button\"\n                  label={t(\"neetoMolecules.emailForm.labels.ccBcc\")}\n                  size=\"sm\"\n                  variant=\"link\"\n                  onClick={handelCcBccButtonClick}\n                  onKeyDown={event => event.stopPropagation()}\n                />\n              )\n            }\n          />\n        </div>\n      )}\n      {(showCopyEmails || showCcField || showBccField) && (\n        <div className=\"mt-5 flex w-full flex-col gap-5\">\n          {(showCopyEmails || showCcField) && (\n            <div className=\"border-border w-full border-b pb-1\">\n              <MultiEmailInput name=\"sendToBcc\" {...ccInputProps} />\n            </div>\n          )}\n          {(showCopyEmails || showBccField) && (\n            <div className=\"border-border w-full border-b pb-1\">\n              <MultiEmailInput name=\"sendToCc\" {...bccInputProps} />\n            </div>\n          )}\n        </div>\n      )}\n      <BulkUploadPane\n        fileSize={CSV_FILE_SIZE_IN_KB}\n        handleFileSubmit={handleCSVFile}\n        isOpen={isBulkUploadPaneOpen}\n        onClose={() => setIsBulkUploadPaneOpen(false)}\n      />\n    </div>\n  );\n};\n\nconst inputPropTypes = PropTypes.shape({\n  name: PropTypes.string,\n  label: PropTypes.string,\n  placeholder: PropTypes.string,\n  dataTestid: PropTypes.string,\n  onChange: PropTypes.func,\n  suffix: PropTypes.node,\n  prefix: PropTypes.node,\n  className: PropTypes.string,\n  size: PropTypes.oneOf(Object.values(SIZES)),\n  required: PropTypes.bool,\n});\n\nSendToFields.propTypes = {\n  /**\n   * Input props for sendTo input field.\n   */\n  emailInputProps: inputPropTypes,\n  /**\n   * Input props for CC input field.\n   */\n  ccInputProps: inputPropTypes,\n  /**\n   * Input props for BCC input field.\n   */\n  bccInputProps: inputPropTypes,\n  /**\n   * Flag to determine whether the 'FilePicker' button is displayed.\n   */\n  showUploadCsvButton: PropTypes.bool,\n  /**\n   * Flag to determine whether the 'Cc/Bcc' button is displayed.\n   */\n  showCcBccButton: PropTypes.bool,\n  /**\n   * To show or hide the CC field.\n   */\n  showCcField: PropTypes.bool,\n  /**\n   * To show or hide the BCC field.\n   */\n  showBccField: PropTypes.bool,\n  /**\n   * To show or hide the \"Send to\" field.\n   */\n  showSendToField: PropTypes.bool,\n};\n\nexport default SendToFields;\n"],"names":["CSV_FILE_SIZE_IN_KB","ONE_KILOBYTE_IN_BYTES","DOWNLOAD_SAMPLE_EMAIL_CSV_FILE","Requirements","withT","_ref","t","fileSize","_jsxs","Callout","className","variant","children","_jsx","limit","Trans","components","strong","i18nKey","Button","href","icon","Download","iconPosition","label","memo","BulkUploadPane","_fileRejections$","isOpen","onClose","handleFileSubmit","_useDropzone","useDropzone","accept","maxFiles","maxSize","onDrop","files","getRootProps","getInputProps","isDragActive","fileRejections","errors","map","_ref2","message","code","Typography","_useTranslation","useTranslation","Sheet","undefined","tabIndex","Header","Title","Body","_objectSpread","classNames","length","Upload","size","values","fileType","Footer","type","onClick","isValidEmail","email","string","isValidSync","createEmailOptions","emails","arguments","value","valid","parseCsvEmails","file","onSuccess","Papa","parse","header","skipEmptyLines","transformHeader","h","toLowerCase","replace","complete","results","_results$meta$fields","isEmailFieldPresent","meta","fields","includes","data","filter","prop","item","trim","Toastr","error","SendToFields","emailInputProps","ccInputProps","bccInputProps","_ref$showUploadCsvBut","showUploadCsvButton","_ref$showCcBccButton","showCcBccButton","_ref$showCcField","showCcField","_ref$showBccField","showBccField","_ref$showSendToField","showSendToField","_useState","useState","_useState2","_slicedToArray","isBulkUploadPaneOpen","setIsBulkUploadPaneOpen","sendToFieldRef","useRef","_useFormikContext","useFormikContext","_useFormikContext$val","showCopyEmails","existingSendToEmails","name","setFieldValue","handleCSVFile","_sendToFieldRef$curre","concat","_toConsumableArray","current","focus","handelCcBccButtonClick","e","stopPropagation","MultiEmailInput","ref","suffix","onKeyDown","event"],"mappings":"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"}

package/dist/v2/SubHeader.js

@@ -7,7 +7,7 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from '@bigbinary/neeto-atoms/primitives';
 import { useTranslation } from 'react-i18next';
-import { a as Columns$1 } from '../Columns-gR00LMKF.js';
+import { a as Columns$1 } from '../Columns-BFBWAHqh.js';
 import '@babel/runtime/helpers/toConsumableArray';
 import '@tanstack/react-query';
 import '@bigbinary/neeto-commons-frontend/v2/react-utils/useMutationWithInvalidation';
@@ -15,6 +15,7 @@ import 'axios';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { c as createLucideIcon } from '../createLucideIcon-mNMhCCpf.js';
 import { Tooltip as Tooltip$1, Button } from '@bigbinary/neeto-atoms';
+import { D as Download } from '../download-CZ7Q6k7-.js';
 import { withT } from '@bigbinary/neeto-commons-frontend/v2/react-utils';
 import NeetoFilters from '@bigbinary/neeto-filters-frontend/v2/Filters';
 import '@dnd-kit/core';
@@ -22,6 +23,7 @@ import '@dnd-kit/modifiers';
 import '@dnd-kit/sortable';
 import 'i18next';
 import '../utilities.esm-CS21Daln.js';
+import '../grip-vertical-FEAaqOeC.js';
 import '../search-DCgpNjip.js';
 
 /**
@@ -32,27 +34,12 @@ import '../search-DCgpNjip.js';
  */
 
 
-const __iconNode$2 = [
+const __iconNode$1 = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M9 3v18", key: "fh3hqa" }],
   ["path", { d: "M15 3v18", key: "14nvp0" }]
 ];
-const Columns3 = createLucideIcon("columns-3", __iconNode$2);
-
-/**
- * @license lucide-react v1.7.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode$1 = [
-  ["path", { d: "M12 15V3", key: "m9g1x1" }],
-  ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }],
-  ["path", { d: "m7 10 5 5 5-5", key: "brsn70" }]
-];
-const Download = createLucideIcon("download", __iconNode$1);
+const Columns3 = createLucideIcon("columns-3", __iconNode$1);
 
 /**
  * @license lucide-react v1.7.0 - ISC

package/dist/v2/SubHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubHeader.js","sources":["../../node_modules/lucide-react/dist/esm/icons/columns-3.js","../../node_modules/lucide-react/dist/esm/icons/download.js","../../node_modules/lucide-react/dist/esm/icons/funnel.js","../../src/v2/components/SubHeader/RightBlock/Columns.jsx","../../src/v2/components/SubHeader/RightBlock/Download.jsx","../../src/v2/components/SubHeader/RightBlock/Filter.jsx","../../src/v2/components/SubHeader/RightBlock/index.jsx","../../src/v2/components/SubHeader/index.jsx"],"sourcesContent":["/**\n * @license lucide-react v1.7.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"rect\", { width: \"18\", height: \"18\", x: \"3\", y: \"3\", rx: \"2\", key: \"afitv7\" }],\n  [\"path\", { d: \"M9 3v18\", key: \"fh3hqa\" }],\n  [\"path\", { d: \"M15 3v18\", key: \"14nvp0\" }]\n];\nconst Columns3 = createLucideIcon(\"columns-3\", __iconNode);\n\nexport { __iconNode, Columns3 as default };\n//# sourceMappingURL=columns-3.js.map\n","/**\n * @license lucide-react v1.7.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"path\", { d: \"M12 15V3\", key: \"m9g1x1\" }],\n  [\"path\", { d: \"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\", key: \"ih7n3h\" }],\n  [\"path\", { d: \"m7 10 5 5 5-5\", key: \"brsn70\" }]\n];\nconst Download = createLucideIcon(\"download\", __iconNode);\n\nexport { __iconNode, Download as default };\n//# sourceMappingURL=download.js.map\n","/**\n * @license lucide-react v1.7.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M10 20a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341L21.74 4.67A1 1 0 0 0 21 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14z\",\n      key: \"sc7q7i\"\n    }\n  ]\n];\nconst Funnel = createLucideIcon(\"funnel\", __iconNode);\n\nexport { __iconNode, Funnel as default };\n//# sourceMappingURL=funnel.js.map\n","import { useState } from \"react\";\n\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"@bigbinary/neeto-atoms/primitives\";\nimport { Columns3 } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport ManageColumns from \"../../Columns\";\n\nconst Columns = ({\n  buttonProps = {},\n  columnData,\n  onMutationSuccess,\n  allowConfigurationResetOnUpdate,\n  tableKey,\n  ...props\n}) => {\n  const { t } = useTranslation();\n\n  const [isOpen, setIsOpen] = useState(false);\n  const [isTooltipOpen, setIsTooltipOpen] = useState(false);\n\n  return (\n    <TooltipProvider>\n      <Tooltip\n        open={isOpen ? false : isTooltipOpen}\n        onOpenChange={setIsTooltipOpen}\n      >\n        <TooltipTrigger asChild>\n          <span className=\"inline-flex\">\n            <ManageColumns\n              isSearchable\n              buttonProps={{\n                icon: Columns3,\n                \"data-testid\": \"columns-dropdown-button\",\n                ...buttonProps,\n              }}\n              onOpenChange={setIsOpen}\n              {...{\n                allowConfigurationResetOnUpdate,\n                columnData,\n                onMutationSuccess,\n                tableKey,\n                ...props,\n              }}\n            />\n          </span>\n        </TooltipTrigger>\n        <TooltipContent side=\"bottom\">\n          {t(\"neetoMolecules.columns.columns\")}\n        </TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  );\n};\n\nColumns.displayName = \"Columns\";\nexport default Columns;\n","import { Button, Tooltip } from \"@bigbinary/neeto-atoms\";\nimport { Download } from \"lucide-react\";\nimport { isPresent } from \"neetocist\";\nimport { useTranslation } from \"react-i18next\";\n\nconst DownloadButton = ({\n  count,\n  onClick,\n  \"data-testid\": dataTestid = \"download-button\",\n  tooltipProps = {},\n}) => {\n  const { t } = useTranslation();\n  const { content, position, ...restTooltipProps } = tooltipProps;\n\n  return (\n    <div className=\"relative\">\n      <Tooltip\n        content={content ?? t(\"neetoMolecules.common.download\")}\n        position={position ?? \"bottom\"}\n        {...restTooltipProps}\n      >\n        <Button\n          {...{ onClick }}\n          data-testid={isPresent(dataTestid) ? dataTestid : \"download-button\"}\n          icon={Download}\n          size=\"icon\"\n          variant=\"ghost\"\n        />\n      </Tooltip>\n      {count && (\n        <span className=\"bg-primary text-primary-foreground absolute -end-0.5 -top-0.5 z-[1] inline-flex min-h-4 min-w-4 items-center justify-center rounded-full text-[0.625rem]\">\n          {count}\n        </span>\n      )}\n    </div>\n  );\n};\n\nexport default DownloadButton;\n","import { Filter } from \"lucide-react\";\nimport { withT } from \"neetocommons/v2/react-utils\";\nimport { Filters as NeetoFilters } from \"neetofilters/v2\";\n\nconst FilterButton = withT(({ t, buttonProps, ...props }) => (\n  <NeetoFilters\n    buttonProps={{\n      \"data-testid\": \"filter-button\",\n      icon: Filter,\n      variant: \"ghost\",\n      tooltipProps: {\n        content: t(\"neetoMolecules.common.filter\"),\n        position: \"bottom\",\n      },\n      label: null,\n      ...buttonProps,\n    }}\n    {...props}\n  />\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(\n        \"flex flex-row items-center justify-end gap-2\",\n        \"[&>:not([hidden])~:not([hidden])]:border-border [&>:not([hidden])~:not([hidden])]:border-s [&>:not([hidden])~:not([hidden])]:ps-2\",\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    tooltipProps: PropTypes.object,\n  }),\n  /**\n   * Props that are passed to the columns button, same as the `Columns` component from neetoMolecules.\n   */\n  columnsButtonProps: PropTypes.shape({\n    actionBlock: PropTypes.node,\n    tableKey: PropTypes.string,\n    checkboxProps: PropTypes.object,\n    columnData: PropTypes.array,\n    isSearchable: PropTypes.bool,\n    noColumnMessage: PropTypes.string,\n    searchProps: PropTypes.object,\n    onMutationSuccess: PropTypes.func,\n    allowConfigurationResetOnUpdate: PropTypes.bool,\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 { isPresent } from \"neetocist\";\nimport PropTypes from \"prop-types\";\n\nimport RightBlock from \"./RightBlock\";\n\nconst SubHeader = ({\n  className = \"\",\n  leftActionBlock,\n  rightActionBlock,\n  \"data-testid\": dataTestid = \"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(\"--nv-subheader-height\", `${height}px`);\n    };\n\n    updateHeaderHeight();\n\n    window.addEventListener(\"resize\", updateHeaderHeight);\n\n    return () => {\n      window.removeEventListener(\"resize\", updateHeaderHeight);\n      document.body.style.removeProperty(\"--nv-subheader-height\");\n    };\n  }, []);\n\n  return (\n    <div\n      data-testid={isPresent(dataTestid) ? dataTestid : \"subheader\"}\n      ref={subheaderRef}\n      className={classnames(\n        \"mb-5 flex w-full shrink-0 flex-row flex-wrap items-center justify-between gap-4 md:flex-nowrap\",\n        className\n      )}\n    >\n      <div className=\"flex grow\" data-testid=\"subheader-left-wrapper\">\n        {leftActionBlock && (\n          <div\n            className=\"flex flex-row items-center justify-start\"\n            data-testid=\"subheader-left\"\n          >\n            {leftActionBlock}\n          </div>\n        )}\n      </div>\n      {rightActionBlock && (\n        <div\n          className=\"ms-auto flex flex-row items-center justify-end gap-3 md:ms-0\"\n          data-testid=\"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":["__iconNode","Columns","_ref","_ref$buttonProps","buttonProps","columnData","onMutationSuccess","allowConfigurationResetOnUpdate","tableKey","props","_objectWithoutProperties","_excluded","_useTranslation","useTranslation","t","_useState","useState","_useState2","_slicedToArray","isOpen","setIsOpen","_useState3","_useState4","isTooltipOpen","setIsTooltipOpen","_jsx","TooltipProvider","children","_jsxs","Tooltip","open","onOpenChange","TooltipTrigger","asChild","className","ManageColumns","_objectSpread","isSearchable","icon","Columns3","TooltipContent","side","displayName","DownloadButton","count","onClick","_ref$dataTestid","dataTestid","_ref$tooltipProps","tooltipProps","content","position","restTooltipProps","Button","isPresent","Download","size","variant","FilterButton","withT","NeetoFilters","Filter","label","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","style","setProperty","concat","window","addEventListener","removeEventListener","removeProperty","ref"],"mappings":"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","x_google_ignoreList":[0,1,2]}
+{"version":3,"file":"SubHeader.js","sources":["../../node_modules/lucide-react/dist/esm/icons/columns-3.js","../../node_modules/lucide-react/dist/esm/icons/funnel.js","../../src/v2/components/SubHeader/RightBlock/Columns.jsx","../../src/v2/components/SubHeader/RightBlock/Download.jsx","../../src/v2/components/SubHeader/RightBlock/Filter.jsx","../../src/v2/components/SubHeader/RightBlock/index.jsx","../../src/v2/components/SubHeader/index.jsx"],"sourcesContent":["/**\n * @license lucide-react v1.7.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"rect\", { width: \"18\", height: \"18\", x: \"3\", y: \"3\", rx: \"2\", key: \"afitv7\" }],\n  [\"path\", { d: \"M9 3v18\", key: \"fh3hqa\" }],\n  [\"path\", { d: \"M15 3v18\", key: \"14nvp0\" }]\n];\nconst Columns3 = createLucideIcon(\"columns-3\", __iconNode);\n\nexport { __iconNode, Columns3 as default };\n//# sourceMappingURL=columns-3.js.map\n","/**\n * @license lucide-react v1.7.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M10 20a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341L21.74 4.67A1 1 0 0 0 21 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14z\",\n      key: \"sc7q7i\"\n    }\n  ]\n];\nconst Funnel = createLucideIcon(\"funnel\", __iconNode);\n\nexport { __iconNode, Funnel as default };\n//# sourceMappingURL=funnel.js.map\n","import { useState } from \"react\";\n\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"@bigbinary/neeto-atoms/primitives\";\nimport { Columns3 } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport ManageColumns from \"../../Columns\";\n\nconst Columns = ({\n  buttonProps = {},\n  columnData,\n  onMutationSuccess,\n  allowConfigurationResetOnUpdate,\n  tableKey,\n  ...props\n}) => {\n  const { t } = useTranslation();\n\n  const [isOpen, setIsOpen] = useState(false);\n  const [isTooltipOpen, setIsTooltipOpen] = useState(false);\n\n  return (\n    <TooltipProvider>\n      <Tooltip\n        open={isOpen ? false : isTooltipOpen}\n        onOpenChange={setIsTooltipOpen}\n      >\n        <TooltipTrigger asChild>\n          <span className=\"inline-flex\">\n            <ManageColumns\n              isSearchable\n              buttonProps={{\n                icon: Columns3,\n                \"data-testid\": \"columns-dropdown-button\",\n                ...buttonProps,\n              }}\n              onOpenChange={setIsOpen}\n              {...{\n                allowConfigurationResetOnUpdate,\n                columnData,\n                onMutationSuccess,\n                tableKey,\n                ...props,\n              }}\n            />\n          </span>\n        </TooltipTrigger>\n        <TooltipContent side=\"bottom\">\n          {t(\"neetoMolecules.columns.columns\")}\n        </TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  );\n};\n\nColumns.displayName = \"Columns\";\nexport default Columns;\n","import { Button, Tooltip } from \"@bigbinary/neeto-atoms\";\nimport { Download } from \"lucide-react\";\nimport { isPresent } from \"neetocist\";\nimport { useTranslation } from \"react-i18next\";\n\nconst DownloadButton = ({\n  count,\n  onClick,\n  \"data-testid\": dataTestid = \"download-button\",\n  tooltipProps = {},\n}) => {\n  const { t } = useTranslation();\n  const { content, position, ...restTooltipProps } = tooltipProps;\n\n  return (\n    <div className=\"relative\">\n      <Tooltip\n        content={content ?? t(\"neetoMolecules.common.download\")}\n        position={position ?? \"bottom\"}\n        {...restTooltipProps}\n      >\n        <Button\n          {...{ onClick }}\n          data-testid={isPresent(dataTestid) ? dataTestid : \"download-button\"}\n          icon={Download}\n          size=\"icon\"\n          variant=\"ghost\"\n        />\n      </Tooltip>\n      {count && (\n        <span className=\"bg-primary text-primary-foreground absolute -end-0.5 -top-0.5 z-[1] inline-flex min-h-4 min-w-4 items-center justify-center rounded-full text-[0.625rem]\">\n          {count}\n        </span>\n      )}\n    </div>\n  );\n};\n\nexport default DownloadButton;\n","import { Filter } from \"lucide-react\";\nimport { withT } from \"neetocommons/v2/react-utils\";\nimport { Filters as NeetoFilters } from \"neetofilters/v2\";\n\nconst FilterButton = withT(({ t, buttonProps, ...props }) => (\n  <NeetoFilters\n    buttonProps={{\n      \"data-testid\": \"filter-button\",\n      icon: Filter,\n      variant: \"ghost\",\n      tooltipProps: {\n        content: t(\"neetoMolecules.common.filter\"),\n        position: \"bottom\",\n      },\n      label: null,\n      ...buttonProps,\n    }}\n    {...props}\n  />\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(\n        \"flex flex-row items-center justify-end gap-2\",\n        \"[&>:not([hidden])~:not([hidden])]:border-border [&>:not([hidden])~:not([hidden])]:border-s [&>:not([hidden])~:not([hidden])]:ps-2\",\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    tooltipProps: PropTypes.object,\n  }),\n  /**\n   * Props that are passed to the columns button, same as the `Columns` component from neetoMolecules.\n   */\n  columnsButtonProps: PropTypes.shape({\n    actionBlock: PropTypes.node,\n    tableKey: PropTypes.string,\n    checkboxProps: PropTypes.object,\n    columnData: PropTypes.array,\n    isSearchable: PropTypes.bool,\n    noColumnMessage: PropTypes.string,\n    searchProps: PropTypes.object,\n    onMutationSuccess: PropTypes.func,\n    allowConfigurationResetOnUpdate: PropTypes.bool,\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 { isPresent } from \"neetocist\";\nimport PropTypes from \"prop-types\";\n\nimport RightBlock from \"./RightBlock\";\n\nconst SubHeader = ({\n  className = \"\",\n  leftActionBlock,\n  rightActionBlock,\n  \"data-testid\": dataTestid = \"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(\"--nv-subheader-height\", `${height}px`);\n    };\n\n    updateHeaderHeight();\n\n    window.addEventListener(\"resize\", updateHeaderHeight);\n\n    return () => {\n      window.removeEventListener(\"resize\", updateHeaderHeight);\n      document.body.style.removeProperty(\"--nv-subheader-height\");\n    };\n  }, []);\n\n  return (\n    <div\n      data-testid={isPresent(dataTestid) ? dataTestid : \"subheader\"}\n      ref={subheaderRef}\n      className={classnames(\n        \"mb-5 flex w-full shrink-0 flex-row flex-wrap items-center justify-between gap-4 md:flex-nowrap\",\n        className\n      )}\n    >\n      <div className=\"flex grow\" data-testid=\"subheader-left-wrapper\">\n        {leftActionBlock && (\n          <div\n            className=\"flex flex-row items-center justify-start\"\n            data-testid=\"subheader-left\"\n          >\n            {leftActionBlock}\n          </div>\n        )}\n      </div>\n      {rightActionBlock && (\n        <div\n          className=\"ms-auto flex flex-row items-center justify-end gap-3 md:ms-0\"\n          data-testid=\"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":["__iconNode","Columns","_ref","_ref$buttonProps","buttonProps","columnData","onMutationSuccess","allowConfigurationResetOnUpdate","tableKey","props","_objectWithoutProperties","_excluded","_useTranslation","useTranslation","t","_useState","useState","_useState2","_slicedToArray","isOpen","setIsOpen","_useState3","_useState4","isTooltipOpen","setIsTooltipOpen","_jsx","TooltipProvider","children","_jsxs","Tooltip","open","onOpenChange","TooltipTrigger","asChild","className","ManageColumns","_objectSpread","isSearchable","icon","Columns3","TooltipContent","side","displayName","DownloadButton","count","onClick","_ref$dataTestid","dataTestid","_ref$tooltipProps","tooltipProps","content","position","restTooltipProps","Button","isPresent","Download","size","variant","FilterButton","withT","NeetoFilters","Filter","label","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","style","setProperty","concat","window","addEventListener","removeEventListener","removeProperty","ref"],"mappings":"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","x_google_ignoreList":[0,1]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-molecules",
-  "version": "5.1.17",
+  "version": "5.1.19",
   "description": "A package of reusable molecular components for neeto products.",
   "repository": "git@github.com:bigbinary/neeto-molecules.git",
   "author": "Amaljith K <amaljith.k@bigbinary.com>",
@@ -61,13 +61,13 @@
     "@bigbinary/neeto-atoms": "1.0.71",
     "@bigbinary/neeto-audit-frontend": "2.4.5",
     "@bigbinary/neeto-cist": "1.0.17",
-    "@bigbinary/neeto-commons-frontend": "4.13.127",
-    "@bigbinary/neeto-editor": "1.47.117",
-    "@bigbinary/neeto-filters-frontend": "4.3.38",
+    "@bigbinary/neeto-commons-frontend": "4.13.129",
+    "@bigbinary/neeto-editor": "1.47.118",
+    "@bigbinary/neeto-filters-frontend": "4.3.39",
     "@bigbinary/neeto-hotkeys": "1.0.9",
     "@bigbinary/neeto-icons": "1.20.89",
     "@bigbinary/neeto-image-uploader-frontend": "4.0.6",
-    "@bigbinary/neeto-team-members-frontend": "5.0.51",
+    "@bigbinary/neeto-team-members-frontend": "5.0.55",
     "@bigbinary/neeto-time-zones": "0.8.25",
     "@bigbinary/neetoui": "8.8.1",
     "@dnd-kit/core": "^6.3.1",
@@ -237,13 +237,13 @@
     "@babel/runtime": "7.26.0",
     "@bigbinary/neeto-atoms": "1.0.71",
     "@bigbinary/neeto-cist": "1.0.17",
-    "@bigbinary/neeto-commons-frontend": "4.13.127",
-    "@bigbinary/neeto-editor": "1.47.117",
-    "@bigbinary/neeto-filters-frontend": "4.3.38",
+    "@bigbinary/neeto-commons-frontend": "4.13.129",
+    "@bigbinary/neeto-editor": "1.47.118",
+    "@bigbinary/neeto-filters-frontend": "4.3.39",
     "@bigbinary/neeto-hotkeys": "1.0.9",
     "@bigbinary/neeto-icons": "1.20.89",
     "@bigbinary/neeto-image-uploader-frontend": "4.0.6",
-    "@bigbinary/neeto-team-members-frontend": "5.0.51",
+    "@bigbinary/neeto-team-members-frontend": "5.0.55",
     "@bigbinary/neeto-time-zones": "0.8.25",
     "@bigbinary/neetoui": "8.8.1",
     "@dnd-kit/core": "^6.2.0",

package/types/v2/BrowserPreview.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+
+const BrowserPreview: React.FC<{
+  wrapperClassName?: string;
+  className?: string;
+  children?: React.ReactNode;
+}>;
+
+export default BrowserPreview;