@bigbinary/neeto-molecules 5.1.24 → 5.1.26

package/dist/v2/ShareViaEmail.js

@@ -0,0 +1,366 @@
+import { DatePicker, Typography, Label, Button } from '@bigbinary/neeto-atoms';
+import { Switch, Input, ActionBlock, Form as Form$1 } from '@bigbinary/neeto-atoms/formik';
+import { useTranslation } from 'react-i18next';
+import { useState, forwardRef, useRef } from 'react';
+import { useField, useFormikContext } from 'formik';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import classnames from 'classnames';
+import { prop, not } from 'ramda';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { t } from 'i18next';
+import '@bigbinary/neeto-cist';
+import { dayjs } from '@bigbinary/neeto-commons-frontend/v2/utils';
+import { isEditorEmpty } from '@bigbinary/neeto-editor/utils';
+import '../papaparse-p7fkGgWo.js';
+import * as yup from 'yup';
+import { C as ChevronUp } from '../chevron-up-B2_LTx_h.js';
+import { C as ChevronDown } from '../chevron-down-BMerqYpK.js';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import FormikEditor from '@bigbinary/neeto-editor/FormikEditor';
+import SendToFields from './SendToFields.js';
+import EmailPreview from './EmailPreview.js';
+import MobilePreviewHeader from './MobilePreviewHeader.js';
+import { A as ArrowLeft } from '../arrow-left-B-s28MD1.js';
+import '../_commonjsHelpers-BFTU3MAI.js';
+import 'stream';
+import '../createLucideIcon-mNMhCCpf.js';
+import 'react-dropzone';
+import '@bigbinary/neeto-commons-frontend/v2/react-utils';
+import '../download-CZ7Q6k7-.js';
+import '../upload-BNvlRoRJ.js';
+import '@bigbinary/neeto-editor/EditorContent';
+import '../index-DAYCJu79.js';
+import '../avatar-placeholder-DEjUhVlU.js';
+import '@bigbinary/neeto-commons-frontend/react-utils';
+
+var INITIAL_VALUES = {
+  sendFromEmail: "",
+  replyToEmail: "",
+  notifyEmails: [],
+  emailSubject: "",
+  emailBody: "",
+  isSendLaterEnabled: false,
+  sendEmailDatetime: undefined,
+  category: "email_share",
+  actionButtonText: ""
+};
+var EDITOR_ADDONS = ["emoji", "block-quote", "image-upload", "divider"];
+var TIME_FORMAT = "hh:mm A";
+
+var _excluded = ["name", "disabledDate", "data-testid"];
+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 FormikDatePicker = function FormikDatePicker(_ref) {
+  var name = _ref.name,
+    disabledDate = _ref.disabledDate,
+    dataTestId = _ref["data-testid"],
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useField = useField(name),
+    _useField2 = _slicedToArray(_useField, 3),
+    field = _useField2[0],
+    meta = _useField2[1],
+    _useField2$ = _useField2[2],
+    setValue = _useField2$.setValue,
+    setTouched = _useField2$.setTouched;
+  return /*#__PURE__*/jsx("div", {
+    className: "w-full",
+    "data-testid": dataTestId,
+    children: /*#__PURE__*/jsx(DatePicker, _objectSpread$1({
+      disabledDate: disabledDate,
+      showTime: true,
+      error: meta.error,
+      timeFormat: TIME_FORMAT,
+      value: field.value,
+      onBlur: function onBlur() {
+        return !meta.touched && setTouched(true);
+      },
+      onChange: function onChange(date) {
+        setValue(date || undefined);
+        if (!meta.touched) setTouched(true);
+      }
+    }, 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), 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 isPastDate = function isPastDate(date) {
+  return dayjs(date).isBefore(dayjs().subtract(1, "days"));
+};
+var generateInitialValues = function generateInitialValues(defaultValues) {
+  return _objectSpread(_objectSpread({}, INITIAL_VALUES), defaultValues);
+};
+var emailFormValidationSchema = function emailFormValidationSchema(disableReplyTo) {
+  return yup.object().shape({
+    emailSubject: yup.string().required(t("neetoMolecules.shareViaEmail.validations.requiredField.subject")),
+    emailBody: yup.string().test("emailBody", t("neetoMolecules.shareViaEmail.validations.requiredField.emailBody"), function (value) {
+      return !isEditorEmpty(value);
+    }),
+    sendFromEmail: yup.string().trim().email(t("neetoMolecules.shareViaEmail.validations.invalidField.emailAddress")).required(t("neetoMolecules.shareViaEmail.validations.requiredField.sendFrom")),
+    replyToEmail: !disableReplyTo && yup.string().trim().email(t("neetoMolecules.shareViaEmail.validations.invalidField.emailAddress")).required(t("neetoMolecules.shareViaEmail.validations.requiredField.replyTo")),
+    notifyEmails: yup.array().min(1, t("neetoMolecules.shareViaEmail.validations.atleastOneIsRequired.emailAddress")).test("are-all-emails-valid", t("neetoMolecules.shareViaEmail.validations.invalidField.emailAddress"), function (emails) {
+      return emails.every(prop("valid"));
+    }),
+    isSendLaterEnabled: yup["boolean"](),
+    sendEmailDatetime: yup.date().when("isSendLaterEnabled", {
+      is: true,
+      then: yup.date().required(t("neetoMolecules.shareViaEmail.validations.requiredField.sendLater"))
+    }),
+    name: yup.string(),
+    actionButtonText: yup.string().required(t("neetoMolecules.shareViaEmail.validations.requiredField.startButtonText"))
+  });
+};
+
+var AdvancedProperties = function AdvancedProperties(_ref) {
+  var showSendFromField = _ref.showSendFromField,
+    disableReplyTo = _ref.disableReplyTo;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useFormikContext = useFormikContext(),
+    values = _useFormikContext.values;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isAdvancedPropertiesVisible = _useState2[0],
+    setIsAdvancedPropertiesVisible = _useState2[1];
+  var toggleAdvancedOptions = function toggleAdvancedOptions() {
+    return setIsAdvancedPropertiesVisible(not);
+  };
+  return /*#__PURE__*/jsxs("div", {
+    className: "flex w-full flex-col items-start gap-4",
+    children: [/*#__PURE__*/jsxs("button", {
+      className: "flex w-full cursor-pointer items-start justify-between overflow-hidden border-0 py-4",
+      type: "button",
+      onClick: toggleAdvancedOptions,
+      children: [/*#__PURE__*/jsx(Typography, {
+        as: "span",
+        className: "flex min-w-0 flex-grow",
+        variant: "h5",
+        weight: "medium",
+        children: t("neetoMolecules.shareViaEmail.advancedProperties")
+      }), isAdvancedPropertiesVisible ? /*#__PURE__*/jsx(ChevronUp, {
+        className: "flex-shrink-0",
+        size: 20
+      }) : /*#__PURE__*/jsx(ChevronDown, {
+        className: "flex-shrink-0",
+        size: 20
+      })]
+    }), isAdvancedPropertiesVisible && /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx("div", {
+        children: /*#__PURE__*/jsxs(Label, {
+          className: "flex items-center gap-2",
+          children: [/*#__PURE__*/jsx(Switch, {
+            "data-testid": "send-later-switch",
+            name: "isSendLaterEnabled"
+          }), /*#__PURE__*/jsx(Typography, {
+            as: "span",
+            className: "leading-normal",
+            "data-testid": "send-later-label",
+            variant: "h4",
+            weight: "semibold",
+            children: t("neetoMolecules.shareViaEmail.sendLater")
+          })]
+        })
+      }), values.isSendLaterEnabled && /*#__PURE__*/jsx(FormikDatePicker, {
+        autoFocus: true,
+        "data-testid": "email-share-date-input",
+        disabledDate: isPastDate,
+        name: "sendEmailDatetime",
+        size: "large"
+      }), /*#__PURE__*/jsx(Input, {
+        required: true,
+        className: "w-full",
+        label: t("neetoMolecules.shareViaEmail.startButtonText"),
+        name: "actionButtonText"
+      }), /*#__PURE__*/jsxs("div", {
+        className: "flex w-full flex-col gap-4 sm:flex-row sm:gap-6",
+        children: [showSendFromField && /*#__PURE__*/jsx(Input, {
+          required: true,
+          "data-testid": "neeto-molecules-share-via-email-send-from",
+          label: t("neetoMolecules.shareViaEmail.sendFrom"),
+          name: "sendFromEmail",
+          className: classnames({
+            "w-full flex-grow-0": !disableReplyTo
+          })
+        }), !disableReplyTo && /*#__PURE__*/jsx(Input, {
+          required: true,
+          "data-testid": "replyTo-field",
+          label: t("neetoMolecules.shareViaEmail.replyTo"),
+          name: "replyToEmail",
+          className: classnames({
+            "w-full flex-grow-0": showSendFromField
+          })
+        })]
+      })]
+    })]
+  });
+};
+
+var EmailBody = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var id = _ref.id,
+    showVideoEmbedInEditor = _ref.showVideoEmbedInEditor;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/jsx(FormikEditor, {
+    id: id,
+    ref: ref,
+    required: true,
+    className: "mb-6",
+    "data-testid": "email-body",
+    label: t("neetoMolecules.shareViaEmail.emailBody"),
+    name: "emailBody",
+    addons: showVideoEmbedInEditor ? [].concat(_toConsumableArray(EDITOR_ADDONS), ["video-embed"]) : EDITOR_ADDONS
+  });
+});
+EmailBody.displayName = "EmailBody";
+
+var Form = function Form(_ref) {
+  var showSendFromField = _ref.showSendFromField,
+    disableReplyTo = _ref.disableReplyTo,
+    showVideoEmbedInEditor = _ref.showVideoEmbedInEditor,
+    children = _ref.children;
+  var _useFormikContext = useFormikContext(),
+    initialValues = _useFormikContext.initialValues;
+  var editorRef = useRef();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var handleReset = function handleReset() {
+    return editorRef.current.editor.commands.setContent(initialValues.emailBody);
+  };
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsxs("div", {
+      className: "flex flex-col gap-y-6",
+      children: [/*#__PURE__*/jsx(SendToFields, {
+        showUploadCsvButton: true,
+        emailInputProps: {
+          label: t("neetoMolecules.shareViaEmail.sendTo"),
+          name: "notifyEmails",
+          required: true
+        }
+      }), /*#__PURE__*/jsx(Input, {
+        required: true,
+        className: "col-span-1",
+        label: t("neetoMolecules.shareViaEmail.subject"),
+        name: "emailSubject"
+      }), /*#__PURE__*/jsx(EmailBody, {
+        showVideoEmbedInEditor: showVideoEmbedInEditor,
+        id: "emailBody",
+        ref: editorRef
+      }), /*#__PURE__*/jsx("div", {
+        ref: editorRef
+      }), /*#__PURE__*/jsx(AdvancedProperties, {
+        disableReplyTo: disableReplyTo,
+        showSendFromField: showSendFromField
+      })]
+    }), children && /*#__PURE__*/jsxs("div", {
+      className: "border-border mt-4 border-t py-4",
+      children: [/*#__PURE__*/jsx("h3", {
+        className: "mb-4",
+        children: t("neetoMolecules.shareViaEmail.additionalOptions")
+      }), children]
+    }), /*#__PURE__*/jsx("div", {
+      className: "bg-background sticky bottom-0 z-10 mt-6 py-6",
+      children: /*#__PURE__*/jsx(ActionBlock, {
+        cancelButtonProps: {
+          label: t("neetoMolecules.shareViaEmail.reset"),
+          type: "reset",
+          onClick: handleReset
+        },
+        submitButtonProps: {
+          label: t("neetoMolecules.shareViaEmail.sendEmail")
+        }
+      })
+    })]
+  });
+};
+
+var ShareViaEmail = function ShareViaEmail(_ref) {
+  var _ref$showSendFromFiel = _ref.showSendFromField,
+    showSendFromField = _ref$showSendFromFiel === void 0 ? false : _ref$showSendFromFiel,
+    backToUrl = _ref.backToUrl,
+    handleSubmit = _ref.handleSubmit,
+    _children = _ref.children,
+    description = _ref.description,
+    defaultValues = _ref.defaultValues,
+    disableReplyTo = _ref.disableReplyTo,
+    showVideoEmbedInEditor = _ref.showVideoEmbedInEditor,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? "" : _ref$title;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var shareViaEmailTitle = title || t("neetoMolecules.shareViaEmail.title");
+  var sendToEmails = function sendToEmails(notifyEmails) {
+    return notifyEmails.map(function (email) {
+      return email === null || email === void 0 ? void 0 : email.value;
+    });
+  };
+  return /*#__PURE__*/jsx("div", {
+    className: "w-full",
+    children: /*#__PURE__*/jsx(Form$1, {
+      scrollToErrorField: true,
+      formProps: {
+        noValidate: true
+      },
+      formikProps: {
+        enableReinitialize: true,
+        validateOnMount: true,
+        initialValues: generateInitialValues(defaultValues),
+        validationSchema: emailFormValidationSchema(disableReplyTo),
+        onSubmit: handleSubmit
+      },
+      children: function children(_ref2) {
+        var values = _ref2.values;
+        return /*#__PURE__*/jsxs("div", {
+          className: "grid grid-cols-1 md:h-[calc(100dvh-4rem)] md:grid-cols-12",
+          children: [/*#__PURE__*/jsxs("div", {
+            className: "col-span-1 p-6 pb-0 md:col-span-6 md:h-full md:overflow-y-auto lg:col-span-5",
+            "data-testid": "share-via-email-frame-wrapper",
+            children: [backToUrl && /*#__PURE__*/jsx(Button, {
+              className: "mb-4",
+              "data-testid": "back-to-url-button",
+              icon: ArrowLeft,
+              iconPosition: "left",
+              label: t("neetoMolecules.shareViaEmail.backToShare"),
+              size: "sm",
+              to: backToUrl,
+              variant: "link"
+            }), /*#__PURE__*/jsxs("div", {
+              className: "mb-6",
+              children: [/*#__PURE__*/jsx(Typography, {
+                className: "mb-0.5 leading-normal break-words",
+                "data-testid": "share-via-email-heading",
+                variant: "h2",
+                weight: "semibold",
+                children: shareViaEmailTitle
+              }), description && /*#__PURE__*/jsx(Typography, {
+                className: "text-foreground leading-normal",
+                "data-testid": "share-via-email-sub-heading",
+                variant: "body2",
+                children: description
+              })]
+            }), /*#__PURE__*/jsx(Form, {
+              disableReplyTo: disableReplyTo,
+              showSendFromField: showSendFromField,
+              showVideoEmbedInEditor: showVideoEmbedInEditor,
+              children: _children
+            })]
+          }), /*#__PURE__*/jsx(MobilePreviewHeader, {
+            className: "col-span-1 md:hidden"
+          }), /*#__PURE__*/jsx("div", {
+            className: "bg-muted col-span-1 p-6 py-10 md:col-span-6 md:h-full md:overflow-y-auto lg:col-span-7",
+            children: /*#__PURE__*/jsx(EmailPreview, {
+              actionButtonText: values.actionButtonText,
+              body: values.emailBody,
+              subject: values.emailSubject,
+              to: sendToEmails(values.notifyEmails)
+            })
+          })]
+        });
+      }
+    })
+  });
+};
+
+export { ShareViaEmail as default };
+//# sourceMappingURL=ShareViaEmail.js.map

package/dist/v2/ShareViaEmail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShareViaEmail.js","sources":["../../src/v2/components/ShareViaEmail/constants.js","../../src/v2/components/ShareViaEmail/FormikDatePicker.jsx","../../src/v2/components/ShareViaEmail/utils.js","../../src/v2/components/ShareViaEmail/AdvancedProperties.jsx","../../src/v2/components/ShareViaEmail/EmailBodyEditor.jsx","../../src/v2/components/ShareViaEmail/Form.jsx","../../src/v2/components/ShareViaEmail/index.jsx"],"sourcesContent":["export const ONE_MEGABYTE = 1_048_576;\n\nexport const INITIAL_VALUES = {\n  sendFromEmail: \"\",\n  replyToEmail: \"\",\n  notifyEmails: [],\n  emailSubject: \"\",\n  emailBody: \"\",\n  isSendLaterEnabled: false,\n  sendEmailDatetime: undefined,\n  category: \"email_share\",\n  actionButtonText: \"\",\n};\n\nexport const EDITOR_ADDONS = [\n  \"emoji\",\n  \"block-quote\",\n  \"image-upload\",\n  \"divider\",\n];\n\nexport const ALLOWED_FILE_PICKER_TYPES = [\".csv\"];\n\nexport const TIME_FORMAT = \"hh:mm A\";\n","import { DatePicker } from \"@bigbinary/neeto-atoms\";\nimport { useField } from \"formik\";\n\nimport { TIME_FORMAT } from \"./constants\";\n\nconst FormikDatePicker = ({\n  name,\n  disabledDate,\n  \"data-testid\": dataTestId,\n  ...props\n}) => {\n  const [field, meta, { setValue, setTouched }] = useField(name);\n\n  return (\n    <div className=\"w-full\" data-testid={dataTestId}>\n      <DatePicker\n        {...{ disabledDate }}\n        showTime\n        error={meta.error}\n        timeFormat={TIME_FORMAT}\n        value={field.value}\n        onBlur={() => !meta.touched && setTouched(true)}\n        onChange={date => {\n          setValue(date || undefined);\n          if (!meta.touched) setTouched(true);\n        }}\n        {...props}\n      />\n    </div>\n  );\n};\n\nexport default FormikDatePicker;\n","import { t } from \"i18next\";\nimport { dynamicArray, isNot } from \"neetocist\";\nimport { dayjs } from \"neetocommons/v2/utils\";\nimport { isEditorEmpty } from \"neetoeditor\";\nimport Papa from \"papaparse\";\nimport { prop } from \"ramda\";\nimport { string } from \"yup\";\nimport * as yup from \"yup\";\n\nimport { INITIAL_VALUES } from \"./constants\";\n\nconst isValidEmail = email => string().email().isValidSync(email);\n\nexport const isPastDate = date =>\n  dayjs(date).isBefore(dayjs().subtract(1, \"days\"));\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 =>\n  new Promise(resolve => {\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) return resolve([]);\n\n        const emails = results.data\n          .map(item => item.email?.trim())\n          .filter(isNot(undefined));\n\n        return resolve(createEmailOptions(emails));\n      },\n    });\n  });\n\nexport const generateInitialValues = defaultValues => ({\n  ...INITIAL_VALUES,\n  ...defaultValues,\n});\n\nexport const emailFormValidationSchema = disableReplyTo =>\n  yup.object().shape({\n    emailSubject: yup\n      .string()\n      .required(\n        t(\"neetoMolecules.shareViaEmail.validations.requiredField.subject\")\n      ),\n    emailBody: yup\n      .string()\n      .test(\n        \"emailBody\",\n        t(\"neetoMolecules.shareViaEmail.validations.requiredField.emailBody\"),\n        value => !isEditorEmpty(value)\n      ),\n    sendFromEmail: yup\n      .string()\n      .trim()\n      .email(\n        t(\"neetoMolecules.shareViaEmail.validations.invalidField.emailAddress\")\n      )\n      .required(\n        t(\"neetoMolecules.shareViaEmail.validations.requiredField.sendFrom\")\n      ),\n    replyToEmail:\n      !disableReplyTo &&\n      yup\n        .string()\n        .trim()\n        .email(\n          t(\n            \"neetoMolecules.shareViaEmail.validations.invalidField.emailAddress\"\n          )\n        )\n        .required(\n          t(\"neetoMolecules.shareViaEmail.validations.requiredField.replyTo\")\n        ),\n    notifyEmails: yup\n      .array()\n      .min(\n        1,\n        t(\n          \"neetoMolecules.shareViaEmail.validations.atleastOneIsRequired.emailAddress\"\n        )\n      )\n      .test(\n        \"are-all-emails-valid\",\n        t(\"neetoMolecules.shareViaEmail.validations.invalidField.emailAddress\"),\n        emails => emails.every(prop(\"valid\"))\n      ),\n    isSendLaterEnabled: yup.boolean(),\n    sendEmailDatetime: yup.date().when(\"isSendLaterEnabled\", {\n      is: true,\n      then: yup\n        .date()\n        .required(\n          t(\"neetoMolecules.shareViaEmail.validations.requiredField.sendLater\")\n        ),\n    }),\n    name: yup.string(),\n    actionButtonText: yup\n      .string()\n      .required(\n        t(\n          \"neetoMolecules.shareViaEmail.validations.requiredField.startButtonText\"\n        )\n      ),\n  });\n\nexport const disabledTime = selectedDate => {\n  const current = dayjs(selectedDate).startOf(\"day\");\n  const today = dayjs().startOf(\"day\");\n\n  if (current.isBefore(today)) {\n    return {\n      disabledHours: () => dynamicArray(24, i => i),\n      disabledMinutes: () => dynamicArray(60, i => i),\n    };\n  }\n\n  if (current.isSame(today)) {\n    const currentTime = dayjs();\n    const currentHour = currentTime.hour();\n    const currentMinute = currentTime.minute();\n\n    return {\n      disabledHours: () => dynamicArray(currentHour, i => i),\n      disabledMinutes: selectedHour =>\n        selectedHour === currentHour ? dynamicArray(currentMinute, i => i) : [],\n    };\n  }\n\n  return {};\n};\n","import { useState } from \"react\";\n\nimport { Label, Typography } from \"@bigbinary/neeto-atoms\";\nimport { Input, Switch } from \"@bigbinary/neeto-atoms/formik\";\nimport classNames from \"classnames\";\nimport { useFormikContext } from \"formik\";\nimport { ChevronDown, ChevronUp } from \"lucide-react\";\nimport { not } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport FormikDatePicker from \"./FormikDatePicker\";\nimport { isPastDate } from \"./utils\";\n\nconst AdvancedProperties = ({ showSendFromField, disableReplyTo }) => {\n  const { t } = useTranslation();\n\n  const { values } = useFormikContext();\n\n  const [isAdvancedPropertiesVisible, setIsAdvancedPropertiesVisible] =\n    useState(false);\n\n  const toggleAdvancedOptions = () => setIsAdvancedPropertiesVisible(not);\n\n  return (\n    <div className=\"flex w-full flex-col items-start gap-4\">\n      <button\n        className=\"flex w-full cursor-pointer items-start justify-between overflow-hidden border-0 py-4\"\n        type=\"button\"\n        onClick={toggleAdvancedOptions}\n      >\n        <Typography\n          as=\"span\"\n          className=\"flex min-w-0 flex-grow\"\n          variant=\"h5\"\n          weight=\"medium\"\n        >\n          {t(\"neetoMolecules.shareViaEmail.advancedProperties\")}\n        </Typography>\n        {isAdvancedPropertiesVisible ? (\n          <ChevronUp className=\"flex-shrink-0\" size={20} />\n        ) : (\n          <ChevronDown className=\"flex-shrink-0\" size={20} />\n        )}\n      </button>\n      {isAdvancedPropertiesVisible && (\n        <>\n          <div>\n            <Label className=\"flex items-center gap-2\">\n              <Switch\n                data-testid=\"send-later-switch\"\n                name=\"isSendLaterEnabled\"\n              />\n              <Typography\n                as=\"span\"\n                className=\"leading-normal\"\n                data-testid=\"send-later-label\"\n                variant=\"h4\"\n                weight=\"semibold\"\n              >\n                {t(\"neetoMolecules.shareViaEmail.sendLater\")}\n              </Typography>\n            </Label>\n          </div>\n          {values.isSendLaterEnabled && (\n            <FormikDatePicker\n              autoFocus\n              data-testid=\"email-share-date-input\"\n              disabledDate={isPastDate}\n              name=\"sendEmailDatetime\"\n              size=\"large\"\n            />\n          )}\n          <Input\n            required\n            className=\"w-full\"\n            label={t(\"neetoMolecules.shareViaEmail.startButtonText\")}\n            name=\"actionButtonText\"\n          />\n          <div className=\"flex w-full flex-col gap-4 sm:flex-row sm:gap-6\">\n            {showSendFromField && (\n              <Input\n                required\n                data-testid=\"neeto-molecules-share-via-email-send-from\"\n                label={t(\"neetoMolecules.shareViaEmail.sendFrom\")}\n                name=\"sendFromEmail\"\n                className={classNames({\n                  \"w-full flex-grow-0\": !disableReplyTo,\n                })}\n              />\n            )}\n            {!disableReplyTo && (\n              <Input\n                required\n                data-testid=\"replyTo-field\"\n                label={t(\"neetoMolecules.shareViaEmail.replyTo\")}\n                name=\"replyToEmail\"\n                className={classNames({\n                  \"w-full flex-grow-0\": showSendFromField,\n                })}\n              />\n            )}\n          </div>\n        </>\n      )}\n    </div>\n  );\n};\n\nexport default AdvancedProperties;\n","import { forwardRef } from \"react\";\n\nimport { FormikEditor } from \"neetoeditor\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { EDITOR_ADDONS } from \"./constants\";\n\nconst EmailBody = forwardRef(({ id, showVideoEmbedInEditor }, ref) => {\n  const { t } = useTranslation();\n\n  return (\n    <FormikEditor\n      {...{ id, ref }}\n      required\n      className=\"mb-6\"\n      data-testid=\"email-body\"\n      label={t(\"neetoMolecules.shareViaEmail.emailBody\")}\n      name=\"emailBody\"\n      addons={\n        showVideoEmbedInEditor\n          ? [...EDITOR_ADDONS, \"video-embed\"]\n          : EDITOR_ADDONS\n      }\n    />\n  );\n});\n\nEmailBody.displayName = \"EmailBody\";\n\nexport default EmailBody;\n","import { useRef } from \"react\";\n\nimport { Input, ActionBlock } from \"@bigbinary/neeto-atoms/formik\";\nimport { useFormikContext } from \"formik\";\nimport { useTranslation } from \"react-i18next\";\n\nimport AdvancedProperties from \"./AdvancedProperties\";\nimport EmailBody from \"./EmailBodyEditor\";\n\nimport SendToFields from \"../SendToFields\";\n\nconst Form = ({\n  showSendFromField,\n  disableReplyTo,\n  showVideoEmbedInEditor,\n  children,\n}) => {\n  const { initialValues } = useFormikContext();\n  const editorRef = useRef();\n  const { t } = useTranslation();\n\n  const handleReset = () =>\n    editorRef.current.editor.commands.setContent(initialValues.emailBody);\n\n  return (\n    <>\n      <div className=\"flex flex-col gap-y-6\">\n        <SendToFields\n          showUploadCsvButton\n          emailInputProps={{\n            label: t(\"neetoMolecules.shareViaEmail.sendTo\"),\n            name: \"notifyEmails\",\n            required: true,\n          }}\n        />\n        <Input\n          required\n          className=\"col-span-1\"\n          label={t(\"neetoMolecules.shareViaEmail.subject\")}\n          name=\"emailSubject\"\n        />\n        <EmailBody\n          {...{ showVideoEmbedInEditor }}\n          id=\"emailBody\"\n          ref={editorRef}\n        />\n        <div ref={editorRef} />\n        <AdvancedProperties {...{ disableReplyTo, showSendFromField }} />\n      </div>\n      {children && (\n        <div className=\"border-border mt-4 border-t py-4\">\n          <h3 className=\"mb-4\">\n            {t(\"neetoMolecules.shareViaEmail.additionalOptions\")}\n          </h3>\n          {children}\n        </div>\n      )}\n      <div className=\"bg-background sticky bottom-0 z-10 mt-6 py-6\">\n        <ActionBlock\n          cancelButtonProps={{\n            label: t(\"neetoMolecules.shareViaEmail.reset\"),\n            type: \"reset\",\n            onClick: handleReset,\n          }}\n          submitButtonProps={{\n            label: t(\"neetoMolecules.shareViaEmail.sendEmail\"),\n          }}\n        />\n      </div>\n    </>\n  );\n};\n\nexport default Form;\n","import { Button, Typography } from \"@bigbinary/neeto-atoms\";\nimport { Form } from \"@bigbinary/neeto-atoms/formik\";\nimport { ArrowLeft } from \"lucide-react\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport EmailForm from \"./Form\";\nimport { emailFormValidationSchema, generateInitialValues } from \"./utils\";\n\nimport EmailPreview from \"../EmailPreview\";\nimport MobilePreviewHeader from \"../MobilePreviewHeader\";\n\nconst ShareViaEmail = ({\n  showSendFromField = false,\n  backToUrl,\n  handleSubmit,\n  children,\n  description,\n  defaultValues,\n  disableReplyTo,\n  showVideoEmbedInEditor,\n  title = \"\",\n}) => {\n  const { t } = useTranslation();\n\n  const shareViaEmailTitle = title || t(\"neetoMolecules.shareViaEmail.title\");\n  const sendToEmails = notifyEmails => notifyEmails.map(email => email?.value);\n\n  return (\n    <div className=\"w-full\">\n      <Form\n        scrollToErrorField\n        formProps={{ noValidate: true }}\n        formikProps={{\n          enableReinitialize: true,\n          validateOnMount: true,\n          initialValues: generateInitialValues(defaultValues),\n          validationSchema: emailFormValidationSchema(disableReplyTo),\n          onSubmit: handleSubmit,\n        }}\n      >\n        {({ values }) => (\n          <div className=\"grid grid-cols-1 md:h-[calc(100dvh-4rem)] md:grid-cols-12\">\n            <div\n              className=\"col-span-1 p-6 pb-0 md:col-span-6 md:h-full md:overflow-y-auto lg:col-span-5\"\n              data-testid=\"share-via-email-frame-wrapper\"\n            >\n              {backToUrl && (\n                <Button\n                  className=\"mb-4\"\n                  data-testid=\"back-to-url-button\"\n                  icon={ArrowLeft}\n                  iconPosition=\"left\"\n                  label={t(\"neetoMolecules.shareViaEmail.backToShare\")}\n                  size=\"sm\"\n                  to={backToUrl}\n                  variant=\"link\"\n                />\n              )}\n              <div className=\"mb-6\">\n                <Typography\n                  className=\"mb-0.5 leading-normal break-words\"\n                  data-testid=\"share-via-email-heading\"\n                  variant=\"h2\"\n                  weight=\"semibold\"\n                >\n                  {shareViaEmailTitle}\n                </Typography>\n                {description && (\n                  <Typography\n                    className=\"text-foreground leading-normal\"\n                    data-testid=\"share-via-email-sub-heading\"\n                    variant=\"body2\"\n                  >\n                    {description}\n                  </Typography>\n                )}\n              </div>\n              <EmailForm\n                {...{\n                  disableReplyTo,\n                  showSendFromField,\n                  showVideoEmbedInEditor,\n                }}\n              >\n                {children}\n              </EmailForm>\n            </div>\n            <MobilePreviewHeader className=\"col-span-1 md:hidden\" />\n            <div className=\"bg-muted col-span-1 p-6 py-10 md:col-span-6 md:h-full md:overflow-y-auto lg:col-span-7\">\n              <EmailPreview\n                actionButtonText={values.actionButtonText}\n                body={values.emailBody}\n                subject={values.emailSubject}\n                to={sendToEmails(values.notifyEmails)}\n              />\n            </div>\n          </div>\n        )}\n      </Form>\n    </div>\n  );\n};\n\nShareViaEmail.propTypes = {\n  /**\n   * The path to navigate back to the required page on clicking the 'Back to share' button.\n   */\n  backToUrl: PropTypes.string,\n  /**\n   * The function that handles submitting of values to the API.\n   */\n  handleSubmit: PropTypes.func,\n  /**\n   * React components that can be passed on as children, to add optional fields.\n   */\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node,\n  ]),\n  /**\n   * Description text to be displayed under the component title.\n   */\n  description: PropTypes.string,\n  /**\n   * An object to assign default values to the email form.\n   */\n  defaultValues: PropTypes.shape({\n    sendFromEmail: PropTypes.string,\n    replyToEmail: PropTypes.string,\n    actionButtonText: PropTypes.string,\n    emailSubject: PropTypes.string,\n    emailBody: PropTypes.string,\n  }),\n  /**\n   * Boolean value to show the \"Send From\" field if needed.\n   */\n  showSendFromField: PropTypes.bool,\n  /**\n   * Boolean value to hide the \"Reply to\" field if not needed.\n   */\n  disableReplyTo: PropTypes.bool,\n  /**\n   * Boolean value to show video url as embed video in email body.\n   */\n  showVideoEmbedInEditor: PropTypes.bool,\n  /**\n   * To specify the title of the component. Defaults to \"Share via email\"\n   */\n  title: PropTypes.string,\n};\n\nexport default ShareViaEmail;\n"],"names":["INITIAL_VALUES","sendFromEmail","replyToEmail","notifyEmails","emailSubject","emailBody","isSendLaterEnabled","sendEmailDatetime","undefined","category","actionButtonText","EDITOR_ADDONS","TIME_FORMAT","FormikDatePicker","_ref","name","disabledDate","dataTestId","props","_objectWithoutProperties","_excluded","_useField","useField","_useField2","_slicedToArray","field","meta","_useField2$","setValue","setTouched","_jsx","className","children","DatePicker","_objectSpread","showTime","error","timeFormat","value","onBlur","touched","onChange","date","isPastDate","dayjs","isBefore","subtract","generateInitialValues","defaultValues","emailFormValidationSchema","disableReplyTo","yup","object","shape","string","required","t","test","isEditorEmpty","trim","email","array","min","emails","every","prop","when","is","then","AdvancedProperties","showSendFromField","_useTranslation","useTranslation","_useFormikContext","useFormikContext","values","_useState","useState","_useState2","isAdvancedPropertiesVisible","setIsAdvancedPropertiesVisible","toggleAdvancedOptions","not","_jsxs","type","onClick","Typography","as","variant","weight","ChevronUp","size","ChevronDown","_Fragment","Label","Switch","autoFocus","Input","label","classNames","EmailBody","forwardRef","ref","id","showVideoEmbedInEditor","FormikEditor","addons","concat","_toConsumableArray","displayName","Form","initialValues","editorRef","useRef","handleReset","current","editor","commands","setContent","SendToFields","showUploadCsvButton","emailInputProps","ActionBlock","cancelButtonProps","submitButtonProps","ShareViaEmail","_ref$showSendFromFiel","backToUrl","handleSubmit","description","_ref$title","title","shareViaEmailTitle","sendToEmails","map","scrollToErrorField","formProps","noValidate","formikProps","enableReinitialize","validateOnMount","validationSchema","onSubmit","_ref2","Button","icon","ArrowLeft","iconPosition","to","EmailForm","MobilePreviewHeader","EmailPreview","body","subject"],"mappings":"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"}

package/dist/v2/StatusDropdown.js

@@ -0,0 +1,159 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { DropdownMenu, Typography, Spinner } from '@bigbinary/neeto-atoms';
+import { hyphenate, isPresent, _findBy, noop } from '@bigbinary/neeto-cist';
+import { memo, forwardRef } from 'react';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { n } from '../inject-css-C2dztUxs.js';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { isNil } from 'ramda';
+import { useTranslation } from 'react-i18next';
+import { X } from '../x-B1Er0oV4.js';
+import { C as ChevronDown } from '../chevron-down-BMerqYpK.js';
+import '../createLucideIcon-mNMhCCpf.js';
+
+var Menu = function Menu(_ref) {
+  var onItemClick = _ref.onItemClick,
+    options = _ref.options,
+    _ref$shouldShowAllOpt = _ref.shouldShowAllOptions,
+    shouldShowAllOptions = _ref$shouldShowAllOpt === void 0 ? false : _ref$shouldShowAllOpt,
+    _ref$hiddenStatuses = _ref.hiddenStatuses,
+    hiddenStatuses = _ref$hiddenStatuses === void 0 ? [] : _ref$hiddenStatuses;
+  var allowedOptions = shouldShowAllOptions ? options : options.filter(function (status) {
+    return !hiddenStatuses.includes(status.value);
+  });
+  return /*#__PURE__*/jsx(Fragment, {
+    children: allowedOptions === null || allowedOptions === void 0 ? void 0 : allowedOptions.map(function (option) {
+      return /*#__PURE__*/jsx(DropdownMenu.MenuItem, {
+        className: "status-dropdown-item--".concat(option.color),
+        "data-testid": "status-dropdown-item-".concat(hyphenate(option.value)),
+        onClick: function onClick() {
+          return onItemClick(option);
+        },
+        children: option.label
+      }, option.value);
+    })
+  });
+};
+var Menu$1 = /*#__PURE__*/memo(Menu);
+
+var css = ":root{--neeto-molecules-status-color-open:9,90,186;--neeto-molecules-status-color-done:189,100,13;--neeto-molecules-status-color-waiting:47,57,65;--neeto-molecules-status-color-red:187,18,26;--neeto-molecules-status-color-yellow:255,204,112;--neeto-molecules-status-color-violet:157,98,162;--neeto-molecules-status-color-pink:225,62,230;--neeto-molecules-status-color-teal:38,87,124;--neeto-molecules-status-color-cyan:66,160,157;--neeto-molecules-status-color-green:16,113,84;--neeto-molecules-status-bg-open:226,241,255;--neeto-molecules-status-bg-done:250,241,225;--neeto-molecules-status-bg-waiting:233,235,237;--neeto-molecules-status-bg-red:254,236,240;--neeto-molecules-status-bg-yellow:255,247,233;--neeto-molecules-status-bg-violet:235,222,255;--neeto-molecules-status-bg-pink:254,233,255;--neeto-molecules-status-bg-teal:228,244,255;--neeto-molecules-status-bg-cyan:224,255,254;--neeto-molecules-status-bg-green:224,244,238}.dark{--neeto-molecules-status-color-open:144,194,255;--neeto-molecules-status-bg-open:24,42,66;--neeto-molecules-status-color-done:255,194,121;--neeto-molecules-status-bg-done:54,38,18;--neeto-molecules-status-color-waiting:255,255,255;--neeto-molecules-status-bg-waiting:16,24,40;--neeto-molecules-status-color-red:255,119,130;--neeto-molecules-status-bg-red:60,20,24;--neeto-molecules-status-color-yellow:255,221,138;--neeto-molecules-status-bg-yellow:60,48,20;--neeto-molecules-status-color-violet:218,170,255;--neeto-molecules-status-bg-violet:49,27,63;--neeto-molecules-status-color-pink:255,155,255;--neeto-molecules-status-bg-pink:56,30,60;--neeto-molecules-status-color-teal:139,205,255;--neeto-molecules-status-bg-teal:22,42,55;--neeto-molecules-status-color-cyan:130,255,247;--neeto-molecules-status-bg-cyan:14,49,48;--neeto-molecules-status-color-green:117,255,195;--neeto-molecules-status-bg-green:15,50,36}.status-dropdown-target--cyan,.status-dropdown-target--done,.status-dropdown-target--green,.status-dropdown-target--open,.status-dropdown-target--pink,.status-dropdown-target--red,.status-dropdown-target--teal,.status-dropdown-target--violet,.status-dropdown-target--waiting,.status-dropdown-target--yellow{background-color:rgb(var(--status-target-bg));color:rgb(var(--status-target-color))}.status-dropdown-target--open{--status-target-color:var(--neeto-molecules-status-color-open);--status-target-bg:var(--neeto-molecules-status-bg-open)}.status-dropdown-target--done{--status-target-color:var(--neeto-molecules-status-color-done);--status-target-bg:var(--neeto-molecules-status-bg-done)}.status-dropdown-target--waiting{--status-target-color:var(--neeto-molecules-status-color-waiting);--status-target-bg:var(--neeto-molecules-status-bg-waiting)}.status-dropdown-target--red{--status-target-color:var(--neeto-molecules-status-color-red);--status-target-bg:var(--neeto-molecules-status-bg-red)}.status-dropdown-target--yellow{--status-target-color:var(--neeto-molecules-status-color-yellow);--status-target-bg:var(--neeto-molecules-status-bg-yellow)}.status-dropdown-target--violet{--status-target-color:var(--neeto-molecules-status-color-violet);--status-target-bg:var(--neeto-molecules-status-bg-violet)}.status-dropdown-target--pink{--status-target-color:var(--neeto-molecules-status-color-pink);--status-target-bg:var(--neeto-molecules-status-bg-pink)}.status-dropdown-target--teal{--status-target-color:var(--neeto-molecules-status-color-teal);--status-target-bg:var(--neeto-molecules-status-bg-teal)}.status-dropdown-target--cyan{--status-target-color:var(--neeto-molecules-status-color-cyan);--status-target-bg:var(--neeto-molecules-status-bg-cyan)}.status-dropdown-target--green{--status-target-color:var(--neeto-molecules-status-color-green);--status-target-bg:var(--neeto-molecules-status-bg-green)}.status-dropdown-item--open{color:#095aba!important;color:rgb(var(--neeto-molecules-status-color-open))!important}.status-dropdown-item--done{color:#bd640d!important;color:rgb(var(--neeto-molecules-status-color-done))!important}.status-dropdown-item--waiting{color:#2f3941!important;color:rgb(var(--neeto-molecules-status-color-waiting))!important}.status-dropdown-item--red{color:#bb121a!important;color:rgb(var(--neeto-molecules-status-color-red))!important}.status-dropdown-item--yellow{color:#ffcc70!important;color:rgb(var(--neeto-molecules-status-color-yellow))!important}.status-dropdown-item--violet{color:#9d62a2!important;color:rgb(var(--neeto-molecules-status-color-violet))!important}.status-dropdown-item--pink{color:#e13ee6!important;color:rgb(var(--neeto-molecules-status-color-pink))!important}.status-dropdown-item--teal{color:#26577c!important;color:rgb(var(--neeto-molecules-status-color-teal))!important}.status-dropdown-item--cyan{color:#42a09d!important;color:rgb(var(--neeto-molecules-status-color-cyan))!important}.status-dropdown-item--green{color:#107154!important;color:rgb(var(--neeto-molecules-status-color-green))!important}";
+n(css,{});
+
+var ICON_SIZE = 16;
+
+var _excluded = ["color", "value", "label", "dataTestid", "isClearable", "onClear", "placeholder"];
+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 Target = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var color = _ref.color,
+    value = _ref.value,
+    label = _ref.label,
+    dataTestid = _ref.dataTestid,
+    isClearable = _ref.isClearable,
+    onClear = _ref.onClear,
+    placeholder = _ref.placeholder,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var targetClassName = "rounded-sm inline-flex items-center gap-2 cursor-pointer py-0.5 px-2 status-dropdown-target--".concat(color || "waiting");
+  var isOptionSelected = !isNil(value);
+  var handleClearClick = function handleClearClick(event) {
+    onClear();
+    event.stopPropagation();
+  };
+  var handleClearKeyDown = function handleClearKeyDown(event) {
+    if (!(event.key === "Enter" || event.key === " ")) return;
+    event.preventDefault();
+    handleClearClick(event);
+  };
+  return /*#__PURE__*/jsxs("button", _objectSpread$1(_objectSpread$1({}, _objectSpread$1({
+    ref: ref
+  }, otherProps)), {}, {
+    "aria-haspopup": "listbox",
+    className: targetClassName,
+    "data-testid": isPresent(dataTestid) ? dataTestid : "status-dropdown",
+    type: "button",
+    "aria-label": isOptionSelected ? "Selected: ".concat(label) : placeholder || t("neetoMolecules.statusDropdown.placeholder"),
+    children: [isOptionSelected ? /*#__PURE__*/jsx(Typography, {
+      className: "inline",
+      variant: "body2",
+      children: label
+    }) : /*#__PURE__*/jsx(Typography, {
+      className: "text-muted-foreground inline",
+      variant: "body2",
+      children: placeholder || t("neetoMolecules.statusDropdown.placeholder")
+    }), /*#__PURE__*/jsxs("span", {
+      className: "inline-flex items-center gap-1",
+      children: [isClearable && isOptionSelected && /*#__PURE__*/jsx("span", {
+        "aria-label": t("neetoMolecules.statusDropdown.clear"),
+        className: "cursor-pointer",
+        "data-testid": "status-dropdown-clear-button",
+        role: "button",
+        tabIndex: 0,
+        onClick: handleClearClick,
+        onKeyDown: handleClearKeyDown,
+        children: /*#__PURE__*/jsx(X, {
+          size: ICON_SIZE
+        })
+      }), /*#__PURE__*/jsx(ChevronDown, {
+        "aria-hidden": "true",
+        size: ICON_SIZE
+      })]
+    })]
+  }));
+});
+Target.displayName = "Target";
+
+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 StatusDropdown = function StatusDropdown(_ref) {
+  var _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$hiddenStatuses = _ref.hiddenStatuses,
+    hiddenStatuses = _ref$hiddenStatuses === void 0 ? [] : _ref$hiddenStatuses,
+    _ref$isLoading = _ref.isLoading,
+    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
+    onItemClick = _ref.onItemClick,
+    options = _ref.options,
+    _ref$placeholder = _ref.placeholder,
+    placeholder = _ref$placeholder === void 0 ? null : _ref$placeholder,
+    selectedValue = _ref.selectedValue,
+    _ref$shouldShowAllOpt = _ref.shouldShowAllOptions,
+    shouldShowAllOptions = _ref$shouldShowAllOpt === void 0 ? false : _ref$shouldShowAllOpt,
+    _ref$isClearable = _ref.isClearable,
+    isClearable = _ref$isClearable === void 0 ? false : _ref$isClearable,
+    _ref$onClear = _ref.onClear,
+    onClear = _ref$onClear === void 0 ? noop : _ref$onClear,
+    _ref$dataTestid = _ref.dataTestid,
+    dataTestid = _ref$dataTestid === void 0 ? "status-dropdown" : _ref$dataTestid;
+  var selectedOption = _findBy({
+    value: selectedValue
+  }, options);
+  return /*#__PURE__*/jsx(DropdownMenu, {
+    disabled: disabled,
+    dropdownProps: {
+      "data-testid": "status-dropdown-menu"
+    },
+    customTarget: /*#__PURE__*/jsx(Target, _objectSpread({
+      label: selectedValue
+    }, _objectSpread(_objectSpread({}, selectedOption), {}, {
+      dataTestid: dataTestid,
+      isClearable: isClearable,
+      onClear: onClear,
+      placeholder: placeholder
+    }))),
+    children: isLoading ? /*#__PURE__*/jsx("div", {
+      className: "flex w-full items-center justify-center py-8",
+      children: /*#__PURE__*/jsx(Spinner, {})
+    }) : /*#__PURE__*/jsx(Menu$1, {
+      hiddenStatuses: hiddenStatuses,
+      onItemClick: onItemClick,
+      options: options,
+      shouldShowAllOptions: shouldShowAllOptions
+    })
+  });
+};
+StatusDropdown.Menu = Menu$1;
+
+export { StatusDropdown as default };
+//# sourceMappingURL=StatusDropdown.js.map

package/dist/v2/StatusDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusDropdown.js","sources":["../../src/v2/components/StatusDropdown/Menu.jsx","../../src/v2/components/StatusDropdown/constants.js","../../src/v2/components/StatusDropdown/Target.jsx","../../src/v2/components/StatusDropdown/index.jsx"],"sourcesContent":["import { memo } from \"react\";\n\nimport { DropdownMenu } from \"@bigbinary/neeto-atoms\";\nimport { hyphenate } from \"neetocist\";\n\nconst Menu = ({\n  onItemClick,\n  options,\n  shouldShowAllOptions = false,\n  hiddenStatuses = [],\n}) => {\n  const allowedOptions = shouldShowAllOptions\n    ? options\n    : options.filter(status => !hiddenStatuses.includes(status.value));\n\n  return (\n    <>\n      {allowedOptions?.map(option => (\n        <DropdownMenu.MenuItem\n          className={`status-dropdown-item--${option.color}`}\n          data-testid={`status-dropdown-item-${hyphenate(option.value)}`}\n          key={option.value}\n          onClick={() => onItemClick(option)}\n        >\n          {option.label}\n        </DropdownMenu.MenuItem>\n      ))}\n    </>\n  );\n};\n\nexport default memo(Menu);\n","export const ICON_SIZE = 16;\n","import { forwardRef } from \"react\";\n\nimport { Typography } from \"@bigbinary/neeto-atoms\";\nimport { ChevronDown, X } from \"lucide-react\";\nimport { isPresent } from \"neetocist\";\nimport { isNil } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { ICON_SIZE } from \"./constants.js\";\n\nconst Target = forwardRef(\n  (\n    {\n      color,\n      value,\n      label,\n      dataTestid,\n      isClearable,\n      onClear,\n      placeholder,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const { t } = useTranslation();\n    const targetClassName = `rounded-sm inline-flex items-center gap-2 cursor-pointer py-0.5 px-2 status-dropdown-target--${\n      color || \"waiting\"\n    }`;\n    const isOptionSelected = !isNil(value);\n\n    const handleClearClick = event => {\n      onClear();\n      event.stopPropagation();\n    };\n\n    const handleClearKeyDown = event => {\n      if (!(event.key === \"Enter\" || event.key === \" \")) return;\n      event.preventDefault();\n      handleClearClick(event);\n    };\n\n    return (\n      <button\n        {...{ ref, ...otherProps }}\n        aria-haspopup=\"listbox\"\n        className={targetClassName}\n        data-testid={isPresent(dataTestid) ? dataTestid : \"status-dropdown\"}\n        type=\"button\"\n        aria-label={\n          isOptionSelected\n            ? `Selected: ${label}`\n            : placeholder || t(\"neetoMolecules.statusDropdown.placeholder\")\n        }\n      >\n        {isOptionSelected ? (\n          <Typography className=\"inline\" variant=\"body2\">\n            {label}\n          </Typography>\n        ) : (\n          <Typography className=\"text-muted-foreground inline\" variant=\"body2\">\n            {placeholder || t(\"neetoMolecules.statusDropdown.placeholder\")}\n          </Typography>\n        )}\n        <span className=\"inline-flex items-center gap-1\">\n          {isClearable && isOptionSelected && (\n            <span\n              aria-label={t(\"neetoMolecules.statusDropdown.clear\")}\n              className=\"cursor-pointer\"\n              data-testid=\"status-dropdown-clear-button\"\n              role=\"button\"\n              tabIndex={0}\n              onClick={handleClearClick}\n              onKeyDown={handleClearKeyDown}\n            >\n              <X size={ICON_SIZE} />\n            </span>\n          )}\n          <ChevronDown aria-hidden=\"true\" size={ICON_SIZE} />\n        </span>\n      </button>\n    );\n  }\n);\n\nTarget.displayName = \"Target\";\n\nexport default Target;\n","import { DropdownMenu, Spinner } from \"@bigbinary/neeto-atoms\";\nimport { _findBy, noop } from \"neetocist\";\nimport PropTypes from \"prop-types\";\n\nimport Menu from \"./Menu\";\nimport \"./status-dropdown.css\";\nimport Target from \"./Target\";\n\nconst StatusDropdown = ({\n  disabled = false,\n  hiddenStatuses = [],\n  isLoading = false,\n  onItemClick,\n  options,\n  placeholder = null,\n  selectedValue,\n  shouldShowAllOptions = false,\n  isClearable = false,\n  onClear = noop,\n  dataTestid = \"status-dropdown\",\n}) => {\n  const selectedOption = _findBy({ value: selectedValue }, options);\n\n  return (\n    <DropdownMenu\n      {...{ disabled }}\n      dropdownProps={{ \"data-testid\": \"status-dropdown-menu\" }}\n      customTarget={\n        <Target\n          label={selectedValue}\n          {...{\n            ...selectedOption,\n            dataTestid,\n            isClearable,\n            onClear,\n            placeholder,\n          }}\n        />\n      }\n    >\n      {isLoading ? (\n        <div className=\"flex w-full items-center justify-center py-8\">\n          <Spinner />\n        </div>\n      ) : (\n        <Menu\n          {...{ hiddenStatuses, onItemClick, options, shouldShowAllOptions }}\n        />\n      )}\n    </DropdownMenu>\n  );\n};\n\nStatusDropdown.Menu = Menu;\n\nStatusDropdown.propTypes = {\n  /**\n   * This prop will decide whether the dropdown is disabled or not.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Statuses to be hidden when shouldShowAllOptions is false.\n   */\n  hiddenStatuses: PropTypes.array,\n  /**\n   * This prop will decide whether the dropdown is in loading state or not.\n   */\n  isLoading: PropTypes.bool,\n  /**\n   * Function to be called when a menu item is clicked.\n   */\n  onItemClick: PropTypes.func,\n  /**\n   * The items that should be shown in the dropdown.\n   */\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      value: PropTypes.string,\n      color: PropTypes.string,\n    })\n  ),\n  /**\n   * Placeholder for the dropdown.\n   */\n  placeholder: PropTypes.string,\n  /**\n   * The selected value.\n   */\n  selectedValue: PropTypes.string,\n  /**\n   * This prop will decide whether all options should be shown or not.  If set to false, the items in hiddenStatuses will not be shown.\n   */\n  shouldShowAllOptions: PropTypes.bool,\n  /**\n   * This prop will decide whether the dropdown is clearable or not.\n   */\n  isClearable: PropTypes.bool,\n  /**\n   * Function to be called when the clear button is clicked.\n   */\n  onClear: PropTypes.func,\n};\n\nexport default StatusDropdown;\n"],"names":["Menu","_ref","onItemClick","options","_ref$shouldShowAllOpt","shouldShowAllOptions","_ref$hiddenStatuses","hiddenStatuses","allowedOptions","filter","status","includes","value","_jsx","_Fragment","children","map","option","DropdownMenu","MenuItem","className","concat","color","hyphenate","onClick","label","memo","ICON_SIZE","Target","forwardRef","ref","dataTestid","isClearable","onClear","placeholder","otherProps","_objectWithoutProperties","_excluded","_useTranslation","useTranslation","t","targetClassName","isOptionSelected","isNil","handleClearClick","event","stopPropagation","handleClearKeyDown","key","preventDefault","_jsxs","_objectSpread","isPresent","type","Typography","variant","role","tabIndex","onKeyDown","X","size","ChevronDown","displayName","StatusDropdown","_ref$disabled","disabled","_ref$isLoading","isLoading","_ref$placeholder","selectedValue","_ref$isClearable","_ref$onClear","noop","_ref$dataTestid","selectedOption","_findBy","dropdownProps","customTarget","Spinner"],"mappings":"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"}