@bigbinary/neeto-molecules 3.15.43 → 3.15.44

package/dist/cjs/DocumentEditor.js

@@ -0,0 +1,185 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var React = require('react');
+var classnames = require('classnames');
+var neetoCist = require('@bigbinary/neeto-cist');
+var FormikEditor = require('@bigbinary/neeto-editor/FormikEditor');
+var Typography = require('@bigbinary/neetoui/Typography');
+var Textarea = require('@bigbinary/neetoui/formik/Textarea');
+var ramda = require('ramda');
+var reactI18next = require('react-i18next');
+var injectCss = require('./inject-css-vQvjPR2x.js');
+var formik = require('formik');
+var useHotkeys = require('@bigbinary/neeto-hotkeys');
+var jsxRuntime = require('react/jsx-runtime');
+
+var EDITOR_ADDONS = ["highlight", "emoji", "video-upload", "code-block", "block-quote", "image-upload", "image-upload-unsplash", "divider", "video-embed", "undo", "redo", "table"];
+var DEFAULT_EDITOR_PROPS = {
+  isCharacterCountActive: true,
+  isMenuIndependent: true,
+  addons: [],
+  size: "medium"
+};
+
+var css = ".neeto-molecules-document__wrapper{height:100%}@media screen and (max-width:768px){.neeto-molecules-document__wrapper{width:100%}}.neeto-molecules-document__wrapper .neeto-molecules-document__container{margin:0 auto;max-width:48rem!important;width:100%}.neeto-molecules-document__wrapper .neeto-molecules-document-editor__menubar{position:sticky;top:0;width:100%;z-index:20}.neeto-molecules-document__wrapper .neeto-molecules-document__title{margin:1.5rem 0 0;width:100%}.neeto-molecules-document__wrapper .neeto-molecules-document__title .neeto-ui-input{padding:0!important}.neeto-molecules-document__wrapper .neeto-molecules-document__title .neeto-ui-input textarea{color:rgb(var(--neeto-ui-black));font-size:2.625rem;font-weight:700;line-height:3rem;max-height:none;resize:none}.neeto-molecules-document__wrapper .neeto-molecules-document__title .neeto-ui-input textarea::-moz-placeholder{color:rgb(var(--neeto-ui-gray-300))}.neeto-molecules-document__wrapper .neeto-molecules-document__title .neeto-ui-input textarea::placeholder{color:rgb(var(--neeto-ui-gray-300))}@media screen and (max-width:768px){.neeto-molecules-document__wrapper .neeto-molecules-document__title .neeto-ui-input textarea{font-size:2.25rem}}.neeto-molecules-document__wrapper .neeto-molecules-editor-content__error{margin:.75rem auto}.neeto-molecules-document__wrapper .ProseMirror{flex-grow:1;height:auto;max-height:none;overflow-y:hidden}.neeto-molecules-document__wrapper .neeto-editor-fixed-menu{border:thin solid rgb(var(--neeto-ui-gray-200));border-left:none;border-right:none}@media screen and (max-width:768px){.neeto-molecules-document__wrapper .neeto-editor-fixed-menu button.neeto-editor-fixed-menu__item{padding:.375rem}}.neeto-molecules-document__wrapper .neeto-editor-fixed-menu__wrapper{margin:0 auto;max-width:46.875rem;padding-left:0!important;padding-right:0!important}.neeto-molecules-document__wrapper .neeto-editor-fixed-menu__wrapper button.neeto-editor-fixed-menu__item{flex-shrink:0}@media screen and (max-width:768px){.neeto-molecules-document__wrapper .neeto-editor-fixed-menu__wrapper{overflow-x:auto}}.neeto-molecules-document__wrapper .editor-content__wrapper{border:none!important;padding:.75rem 1rem 0!important;width:100%!important}.neeto-molecules-document__wrapper .editor-content-attachments{border:none;margin:.75rem auto 0;max-width:48rem!important;padding-left:1rem;padding-right:1rem}.neeto-molecules-document__wrapper .editor-content-attachments--no-attachments{display:none!important}.neeto-molecules-document__wrapper .neeto-editor-character-count{margin:0 auto;max-width:48rem!important;padding-left:1rem;padding-right:1rem}.neeto-molecules-document__wrapper .ne-attachments__wrapper{width:100%}.neeto-molecules-document__wrapper ins{background-color:#c1f4cb!important;text-decoration:none!important}.neeto-molecules-document__wrapper del{background-color:#faa!important}";
+injectCss.n(css,{});
+
+var useEditor = function useEditor(_ref) {
+  var onContentChange = _ref.onContentChange,
+    editorContentFieldName = _ref.editorContentFieldName,
+    onAttachmentChange = _ref.onAttachmentChange,
+    onTitleChange = _ref.onTitleChange,
+    titleFieldName = _ref.titleFieldName,
+    editorRef = _ref.editorRef,
+    titleRef = _ref.titleRef;
+  var _useFormikContext = formik.useFormikContext(),
+    setFieldValue = _useFormikContext.setFieldValue,
+    errors = _useFormikContext.errors;
+  var handleContentChange = React.useCallback(function (content) {
+    setFieldValue(editorContentFieldName, content);
+    onContentChange === null || onContentChange === void 0 || onContentChange(content);
+  }, [editorContentFieldName, onContentChange, setFieldValue]);
+  var handleAttachmentChange = React.useCallback(function (attachments) {
+    setFieldValue("attachments", attachments);
+    onAttachmentChange === null || onAttachmentChange === void 0 || onAttachmentChange(attachments);
+  }, [onAttachmentChange, setFieldValue]);
+  var handleTitleChange = function handleTitleChange(event) {
+    var title = event.target.value;
+    setFieldValue(titleFieldName, title);
+    onTitleChange === null || onTitleChange === void 0 || onTitleChange(title);
+  };
+  var handleEditorBackspaceKeypress = function handleEditorBackspaceKeypress() {
+    var _editorRef$current, _editor$state;
+    var editor = (_editorRef$current = editorRef.current) === null || _editorRef$current === void 0 ? void 0 : _editorRef$current.editor;
+    var selection = editor === null || editor === void 0 || (_editor$state = editor.state) === null || _editor$state === void 0 ? void 0 : _editor$state.selection;
+    if (editor !== null && editor !== void 0 && editor.isFocused && neetoCist.isPresent(titleRef.current) && (selection === null || selection === void 0 ? void 0 : selection.anchor) === 1) {
+      var title = titleRef.current.value;
+      titleRef.current.focus();
+      titleRef.current.setSelectionRange(title === null || title === void 0 ? void 0 : title.length, title === null || title === void 0 ? void 0 : title.length);
+    }
+  };
+  var titleHotkeyRef = useHotkeys("return", function () {
+    var _editorRef$current2, _editorRef$current3;
+    (_editorRef$current2 = editorRef.current) === null || _editorRef$current2 === void 0 || (_editorRef$current2 = _editorRef$current2.editor) === null || _editorRef$current2 === void 0 || (_editorRef$current2 = _editorRef$current2.commands) === null || _editorRef$current2 === void 0 || _editorRef$current2.insertContentAt(0, "<p />");
+    (_editorRef$current3 = editorRef.current) === null || _editorRef$current3 === void 0 || (_editorRef$current3 = _editorRef$current3.editor) === null || _editorRef$current3 === void 0 || (_editorRef$current3 = _editorRef$current3.commands) === null || _editorRef$current3 === void 0 || _editorRef$current3.focus("start");
+  }, {
+    mode: "scoped"
+  });
+  var editorHotkeyRef = useHotkeys("backspace", handleEditorBackspaceKeypress, {
+    mode: "scoped"
+  });
+  return {
+    handleContentChange: handleContentChange,
+    handleAttachmentChange: handleAttachmentChange,
+    handleTitleChange: handleTitleChange,
+    editorHotkeyRef: editorHotkeyRef,
+    titleHotkeyRef: titleHotkeyRef,
+    errors: errors
+  };
+};
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(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 Editor = function Editor(_ref) {
+  var attachments = _ref.attachments,
+    onContentChange = _ref.onContentChange,
+    onAttachmentChange = _ref.onAttachmentChange,
+    onTitleChange = _ref.onTitleChange,
+    _ref$getTitleRef = _ref.getTitleRef,
+    getTitleRef = _ref$getTitleRef === void 0 ? neetoCist.noop : _ref$getTitleRef,
+    _ref$getEditorRef = _ref.getEditorRef,
+    getEditorRef = _ref$getEditorRef === void 0 ? neetoCist.noop : _ref$getEditorRef,
+    menuClassName = _ref.menuClassName,
+    _ref$editorContentFie = _ref.editorContentFieldName,
+    editorContentFieldName = _ref$editorContentFie === void 0 ? "htmlContent" : _ref$editorContentFie,
+    _ref$titleFieldName = _ref.titleFieldName,
+    titleFieldName = _ref$titleFieldName === void 0 ? "title" : _ref$titleFieldName,
+    _ref$editorProps = _ref.editorProps,
+    customEditorProps = _ref$editorProps === void 0 ? {} : _ref$editorProps,
+    _ref$titleProps = _ref.titleProps,
+    titleProps = _ref$titleProps === void 0 ? {} : _ref$titleProps,
+    children = _ref.children;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var titleRef = React.useRef();
+  var editorRef = React.useRef();
+  var editorProps = ramda.mergeRight(DEFAULT_EDITOR_PROPS, customEditorProps);
+  var _useEditor = useEditor({
+      onContentChange: onContentChange,
+      editorContentFieldName: editorContentFieldName,
+      onAttachmentChange: onAttachmentChange,
+      onTitleChange: onTitleChange,
+      titleFieldName: titleFieldName,
+      editorRef: editorRef,
+      titleRef: titleRef
+    }),
+    handleContentChange = _useEditor.handleContentChange,
+    handleAttachmentChange = _useEditor.handleAttachmentChange,
+    handleTitleChange = _useEditor.handleTitleChange,
+    editorHotkeyRef = _useEditor.editorHotkeyRef,
+    titleHotkeyRef = _useEditor.titleHotkeyRef,
+    errors = _useEditor.errors;
+  var setTitleRef = function setTitleRef(node) {
+    titleHotkeyRef.current = node;
+    getTitleRef(node);
+    titleRef.current = node;
+  };
+  var setEditorRef = React.useCallback(function (node) {
+    editorRef.current = node;
+    getEditorRef(node);
+  }, []);
+  var addons = React.useMemo(function () {
+    return EDITOR_ADDONS.concat(editorProps.addons || []);
+  }, [editorProps.addons]);
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "neeto-molecules-document__wrapper",
+    "data-testid": "document-editor-container",
+    ref: editorHotkeyRef,
+    children: /*#__PURE__*/jsxRuntime.jsxs(FormikEditor, _objectSpread(_objectSpread({
+      attachmentsClassName: "editor-content-attachments w-full flex-shrink-0",
+      className: "h-full w-full",
+      contentClassName: "editor-content__wrapper neeto-molecules-document__container",
+      "data-cy": "neeto-molecules-document-content-text-area",
+      error: undefined,
+      errorWrapperClassName: "w-full min-h-full flex flex-col items-center",
+      name: editorContentFieldName,
+      ref: setEditorRef,
+      menuClassName: classnames("neeto-molecules-document-editor__menubar", menuClassName)
+    }, _objectSpread(_objectSpread({
+      attachments: attachments
+    }, editorProps), {}, {
+      addons: addons
+    })), {}, {
+      contentWrapperClassName: "w-full flex flex-col flex-grow",
+      onChange: handleContentChange,
+      onChangeAttachments: handleAttachmentChange,
+      children: [children, /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "neeto-molecules-document__container px-4",
+        children: [/*#__PURE__*/jsxRuntime.jsx(Textarea, _objectSpread({
+          nakedTextarea: true,
+          className: "neeto-molecules-document__title",
+          "data-cy": "neeto-molecules-document-title-text-field",
+          name: titleFieldName,
+          ref: setTitleRef,
+          rows: 1,
+          placeholder: titleProps.placeholder || t("neetoMolecules.documentEditor.title"),
+          onChange: handleTitleChange,
+          onKeyDown: function onKeyDown(e) {
+            return e.key === "Enter" && !e.shiftKey && e.preventDefault();
+          }
+        }, titleProps)), errors[editorContentFieldName] && /*#__PURE__*/jsxRuntime.jsx(Typography, {
+          className: "neeto-ui-input__error neeto-molecules-editor-content__error",
+          "data-cy": "articles-content-input-error",
+          style: "body3",
+          children: errors[editorContentFieldName]
+        })]
+      })]
+    }))
+  });
+};
+Editor.displayName = "DocumentEditor";
+var index = /*#__PURE__*/React.memo(Editor);
+
+module.exports = index;
+//# sourceMappingURL=DocumentEditor.js.map

package/dist/cjs/DocumentEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentEditor.js","sources":["../../src/components/DocumentEditor/constants.js","../../src/components/DocumentEditor/hooks/useEditor.js","../../src/components/DocumentEditor/index.jsx"],"sourcesContent":["export const EDITOR_ADDONS = [\n  \"highlight\",\n  \"emoji\",\n  \"video-upload\",\n  \"code-block\",\n  \"block-quote\",\n  \"image-upload\",\n  \"image-upload-unsplash\",\n  \"divider\",\n  \"video-embed\",\n  \"undo\",\n  \"redo\",\n  \"table\",\n];\n\nexport const DEFAULT_EDITOR_PROPS = {\n  isCharacterCountActive: true,\n  isMenuIndependent: true,\n  addons: [],\n  size: \"medium\",\n};\n","import { useCallback } from \"react\";\n\nimport { useFormikContext } from \"formik\";\nimport { isPresent } from \"neetocist\";\nimport useHotkeys from \"neetohotkeys\";\n\nconst useEditor = ({\n  onContentChange,\n  editorContentFieldName,\n  onAttachmentChange,\n  onTitleChange,\n  titleFieldName,\n  editorRef,\n  titleRef,\n}) => {\n  const { setFieldValue, errors } = useFormikContext();\n\n  const handleContentChange = useCallback(\n    content => {\n      setFieldValue(editorContentFieldName, content);\n      onContentChange?.(content);\n    },\n    [editorContentFieldName, onContentChange, setFieldValue]\n  );\n\n  const handleAttachmentChange = useCallback(\n    attachments => {\n      setFieldValue(\"attachments\", attachments);\n      onAttachmentChange?.(attachments);\n    },\n    [onAttachmentChange, setFieldValue]\n  );\n\n  const handleTitleChange = event => {\n    const title = event.target.value;\n    setFieldValue(titleFieldName, title);\n    onTitleChange?.(title);\n  };\n\n  const handleEditorBackspaceKeypress = () => {\n    const editor = editorRef.current?.editor;\n    const selection = editor?.state?.selection;\n    if (\n      editor?.isFocused &&\n      isPresent(titleRef.current) &&\n      selection?.anchor === 1\n    ) {\n      const title = titleRef.current.value;\n      titleRef.current.focus();\n      titleRef.current.setSelectionRange(title?.length, title?.length);\n    }\n  };\n\n  const titleHotkeyRef = useHotkeys(\n    \"return\",\n    () => {\n      editorRef.current?.editor?.commands?.insertContentAt(0, \"<p />\");\n      editorRef.current?.editor?.commands?.focus(\"start\");\n    },\n    { mode: \"scoped\" }\n  );\n\n  const editorHotkeyRef = useHotkeys(\n    \"backspace\",\n    handleEditorBackspaceKeypress,\n    { mode: \"scoped\" }\n  );\n\n  return {\n    handleContentChange,\n    handleAttachmentChange,\n    handleTitleChange,\n    editorHotkeyRef,\n    titleHotkeyRef,\n    errors,\n  };\n};\n\nexport default useEditor;\n","import { memo, useCallback, useMemo, useRef } from \"react\";\n\nimport classNames from \"classnames\";\nimport { noop } from \"neetocist\";\nimport { FormikEditor } from \"neetoeditor\";\nimport { Typography } from \"neetoui\";\nimport { Textarea } from \"neetoui/formik\";\nimport PropTypes from \"prop-types\";\nimport { mergeRight } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { DEFAULT_EDITOR_PROPS, EDITOR_ADDONS } from \"./constants\";\nimport \"./editor.scss\";\nimport useEditor from \"./hooks/useEditor\";\n\nconst Editor = ({\n  attachments,\n  onContentChange,\n  onAttachmentChange,\n  onTitleChange,\n  getTitleRef = noop,\n  getEditorRef = noop,\n  menuClassName,\n  editorContentFieldName = \"htmlContent\",\n  titleFieldName = \"title\",\n  editorProps: customEditorProps = {},\n  titleProps = {},\n  children,\n}) => {\n  const { t } = useTranslation();\n\n  const titleRef = useRef();\n  const editorRef = useRef();\n\n  const editorProps = mergeRight(DEFAULT_EDITOR_PROPS, customEditorProps);\n\n  const {\n    handleContentChange,\n    handleAttachmentChange,\n    handleTitleChange,\n    editorHotkeyRef,\n    titleHotkeyRef,\n    errors,\n  } = useEditor({\n    onContentChange,\n    editorContentFieldName,\n    onAttachmentChange,\n    onTitleChange,\n    titleFieldName,\n    editorRef,\n    titleRef,\n  });\n\n  const setTitleRef = node => {\n    titleHotkeyRef.current = node;\n    getTitleRef(node);\n    titleRef.current = node;\n  };\n\n  const setEditorRef = useCallback(node => {\n    editorRef.current = node;\n    getEditorRef(node);\n  }, []);\n\n  const addons = useMemo(\n    () => EDITOR_ADDONS.concat(editorProps.addons || []),\n    [editorProps.addons]\n  );\n\n  return (\n    <div\n      className=\"neeto-molecules-document__wrapper\"\n      data-testid=\"document-editor-container\"\n      ref={editorHotkeyRef}\n    >\n      <FormikEditor\n        attachmentsClassName=\"editor-content-attachments w-full flex-shrink-0\"\n        className=\"h-full w-full\"\n        contentClassName=\"editor-content__wrapper neeto-molecules-document__container\"\n        data-cy=\"neeto-molecules-document-content-text-area\"\n        error={undefined}\n        errorWrapperClassName=\"w-full min-h-full flex flex-col items-center\"\n        name={editorContentFieldName}\n        ref={setEditorRef}\n        menuClassName={classNames(\n          \"neeto-molecules-document-editor__menubar\",\n          menuClassName\n        )}\n        {...{ attachments, ...editorProps, addons }}\n        contentWrapperClassName=\"w-full flex flex-col flex-grow\"\n        onChange={handleContentChange}\n        onChangeAttachments={handleAttachmentChange}\n      >\n        {children}\n        <div className=\"neeto-molecules-document__container px-4\">\n          <Textarea\n            nakedTextarea\n            className=\"neeto-molecules-document__title\"\n            data-cy=\"neeto-molecules-document-title-text-field\"\n            name={titleFieldName}\n            ref={setTitleRef}\n            rows={1}\n            placeholder={\n              titleProps.placeholder || t(\"neetoMolecules.documentEditor.title\")\n            }\n            onChange={handleTitleChange}\n            onKeyDown={e =>\n              e.key === \"Enter\" && !e.shiftKey && e.preventDefault()\n            }\n            {...titleProps}\n          />\n          {errors[editorContentFieldName] && (\n            <Typography\n              className=\"neeto-ui-input__error neeto-molecules-editor-content__error\"\n              data-cy=\"articles-content-input-error\"\n              style=\"body3\"\n            >\n              {errors[editorContentFieldName]}\n            </Typography>\n          )}\n        </div>\n      </FormikEditor>\n    </div>\n  );\n};\n\nEditor.propTypes = {\n  /**\n   * List of initial attachments.\n   */\n  attachments: PropTypes.arrayOf(\n    PropTypes.shape({\n      contentType: PropTypes.string,\n      filename: PropTypes.string,\n      signedId: PropTypes.string,\n      url: PropTypes.string,\n    })\n  ),\n  /**\n   * Callback that will be triggered when the editor content changes.\n   * This function is not throttled.\n   */\n  onContentChange: PropTypes.func,\n  /**\n   * Callback that will be triggered when the attachments changes.\n   */\n  onAttachmentChange: PropTypes.func,\n  /**\n   * Callback that will be triggered when the article title changes.\n   */\n  onTitleChange: PropTypes.func,\n  /**\n   * This function will be called with the title node reference.\n   */\n  getTitleRef: PropTypes.func,\n  /**\n   * This function will be called with editor reference.\n   */\n  getEditorRef: PropTypes.func,\n  /**\n   * Formik field name of the editor. The default value is `htmlContent`.\n   */\n  editorContentFieldName: PropTypes.string,\n  /**\n   * Formik field name of the title. The default value is `title`.\n   */\n  titleFieldName: PropTypes.string,\n  /**\n   * These props will be passed down to the editor component.\n   */\n  editorProps: PropTypes.object,\n  /**\n   * These props will be passed down to the title text area component.\n   */\n  titleProps: PropTypes.object,\n  /**\n   * A prop to pass class names to the editor menubar.\n   */\n  menuClassName: PropTypes.string,\n  /**\n   * The children will be rendered above the title input field.\n   */\n  children: PropTypes.node,\n};\n\nEditor.displayName = \"DocumentEditor\";\n\nexport default memo(Editor);\n"],"names":["EDITOR_ADDONS","DEFAULT_EDITOR_PROPS","isCharacterCountActive","isMenuIndependent","addons","size","useEditor","_ref","onContentChange","editorContentFieldName","onAttachmentChange","onTitleChange","titleFieldName","editorRef","titleRef","_useFormikContext","useFormikContext","setFieldValue","errors","handleContentChange","useCallback","content","handleAttachmentChange","attachments","handleTitleChange","event","title","target","value","handleEditorBackspaceKeypress","_editorRef$current","_editor$state","editor","current","selection","state","isFocused","isPresent","anchor","focus","setSelectionRange","length","titleHotkeyRef","useHotkeys","_editorRef$current2","_editorRef$current3","commands","insertContentAt","mode","editorHotkeyRef","Editor","_ref$getTitleRef","getTitleRef","noop","_ref$getEditorRef","getEditorRef","menuClassName","_ref$editorContentFie","_ref$titleFieldName","_ref$editorProps","editorProps","customEditorProps","_ref$titleProps","titleProps","children","_useTranslation","useTranslation","t","useRef","mergeRight","_useEditor","setTitleRef","node","setEditorRef","useMemo","concat","_jsx","className","ref","_jsxs","FormikEditor","_objectSpread","attachmentsClassName","contentClassName","error","undefined","errorWrapperClassName","name","classNames","contentWrapperClassName","onChange","onChangeAttachments","Textarea","nakedTextarea","rows","placeholder","onKeyDown","e","key","shiftKey","preventDefault","Typography","style","displayName","memo"],"mappings":";;;;;;;;;;;;;;;;AAAO,IAAMA,aAAa,GAAG,CAC3B,WAAW,EACX,OAAO,EACP,cAAc,EACd,YAAY,EACZ,aAAa,EACb,cAAc,EACd,uBAAuB,EACvB,SAAS,EACT,aAAa,EACb,MAAM,EACN,MAAM,EACN,OAAO,CACR,CAAA;AAEM,IAAMC,oBAAoB,GAAG;AAClCC,EAAAA,sBAAsB,EAAE,IAAI;AAC5BC,EAAAA,iBAAiB,EAAE,IAAI;AACvBC,EAAAA,MAAM,EAAE,EAAE;AACVC,EAAAA,IAAI,EAAE,QAAA;AACR,CAAC;;;;;ACdD,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAAC,IAAA,EAQT;AAAA,EAAA,IAPJC,eAAe,GAAAD,IAAA,CAAfC,eAAe;IACfC,sBAAsB,GAAAF,IAAA,CAAtBE,sBAAsB;IACtBC,kBAAkB,GAAAH,IAAA,CAAlBG,kBAAkB;IAClBC,aAAa,GAAAJ,IAAA,CAAbI,aAAa;IACbC,cAAc,GAAAL,IAAA,CAAdK,cAAc;IACdC,SAAS,GAAAN,IAAA,CAATM,SAAS;IACTC,QAAQ,GAAAP,IAAA,CAARO,QAAQ,CAAA;AAER,EAAA,IAAAC,iBAAA,GAAkCC,uBAAgB,EAAE;IAA5CC,aAAa,GAAAF,iBAAA,CAAbE,aAAa;IAAEC,MAAM,GAAAH,iBAAA,CAANG,MAAM,CAAA;AAE7B,EAAA,IAAMC,mBAAmB,GAAGC,iBAAW,CACrC,UAAAC,OAAO,EAAI;AACTJ,IAAAA,aAAa,CAACR,sBAAsB,EAAEY,OAAO,CAAC,CAAA;AAC9Cb,IAAAA,eAAe,aAAfA,eAAe,KAAA,KAAA,CAAA,IAAfA,eAAe,CAAGa,OAAO,CAAC,CAAA;GAC3B,EACD,CAACZ,sBAAsB,EAAED,eAAe,EAAES,aAAa,CACzD,CAAC,CAAA;AAED,EAAA,IAAMK,sBAAsB,GAAGF,iBAAW,CACxC,UAAAG,WAAW,EAAI;AACbN,IAAAA,aAAa,CAAC,aAAa,EAAEM,WAAW,CAAC,CAAA;AACzCb,IAAAA,kBAAkB,aAAlBA,kBAAkB,KAAA,KAAA,CAAA,IAAlBA,kBAAkB,CAAGa,WAAW,CAAC,CAAA;AACnC,GAAC,EACD,CAACb,kBAAkB,EAAEO,aAAa,CACpC,CAAC,CAAA;AAED,EAAA,IAAMO,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAGC,KAAK,EAAI;AACjC,IAAA,IAAMC,KAAK,GAAGD,KAAK,CAACE,MAAM,CAACC,KAAK,CAAA;AAChCX,IAAAA,aAAa,CAACL,cAAc,EAAEc,KAAK,CAAC,CAAA;AACpCf,IAAAA,aAAa,aAAbA,aAAa,KAAA,KAAA,CAAA,IAAbA,aAAa,CAAGe,KAAK,CAAC,CAAA;GACvB,CAAA;AAED,EAAA,IAAMG,6BAA6B,GAAG,SAAhCA,6BAA6BA,GAAS;IAAA,IAAAC,kBAAA,EAAAC,aAAA,CAAA;AAC1C,IAAA,IAAMC,MAAM,GAAA,CAAAF,kBAAA,GAAGjB,SAAS,CAACoB,OAAO,MAAA,IAAA,IAAAH,kBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAjBA,kBAAA,CAAmBE,MAAM,CAAA;AACxC,IAAA,IAAME,SAAS,GAAGF,MAAM,KAANA,IAAAA,IAAAA,MAAM,gBAAAD,aAAA,GAANC,MAAM,CAAEG,KAAK,MAAAJ,IAAAA,IAAAA,aAAA,KAAbA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,aAAA,CAAeG,SAAS,CAAA;IAC1C,IACEF,MAAM,KAANA,IAAAA,IAAAA,MAAM,KAANA,KAAAA,CAAAA,IAAAA,MAAM,CAAEI,SAAS,IACjBC,mBAAS,CAACvB,QAAQ,CAACmB,OAAO,CAAC,IAC3B,CAAAC,SAAS,KAATA,IAAAA,IAAAA,SAAS,KAATA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,SAAS,CAAEI,MAAM,MAAK,CAAC,EACvB;AACA,MAAA,IAAMZ,KAAK,GAAGZ,QAAQ,CAACmB,OAAO,CAACL,KAAK,CAAA;AACpCd,MAAAA,QAAQ,CAACmB,OAAO,CAACM,KAAK,EAAE,CAAA;MACxBzB,QAAQ,CAACmB,OAAO,CAACO,iBAAiB,CAACd,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAEe,MAAM,EAAEf,KAAK,KAALA,IAAAA,IAAAA,KAAK,uBAALA,KAAK,CAAEe,MAAM,CAAC,CAAA;AAClE,KAAA;GACD,CAAA;AAED,EAAA,IAAMC,cAAc,GAAGC,UAAU,CAC/B,QAAQ,EACR,YAAM;IAAA,IAAAC,mBAAA,EAAAC,mBAAA,CAAA;AACJ,IAAA,CAAAD,mBAAA,GAAA/B,SAAS,CAACoB,OAAO,MAAA,IAAA,IAAAW,mBAAA,KAAA,KAAA,CAAA,IAAA,CAAAA,mBAAA,GAAjBA,mBAAA,CAAmBZ,MAAM,MAAAY,IAAAA,IAAAA,mBAAA,KAAAA,KAAAA,CAAAA,IAAAA,CAAAA,mBAAA,GAAzBA,mBAAA,CAA2BE,QAAQ,cAAAF,mBAAA,KAAA,KAAA,CAAA,IAAnCA,mBAAA,CAAqCG,eAAe,CAAC,CAAC,EAAE,OAAO,CAAC,CAAA;AAChE,IAAA,CAAAF,mBAAA,GAAAhC,SAAS,CAACoB,OAAO,MAAA,IAAA,IAAAY,mBAAA,KAAA,KAAA,CAAA,IAAA,CAAAA,mBAAA,GAAjBA,mBAAA,CAAmBb,MAAM,MAAA,IAAA,IAAAa,mBAAA,KAAA,KAAA,CAAA,IAAA,CAAAA,mBAAA,GAAzBA,mBAAA,CAA2BC,QAAQ,MAAA,IAAA,IAAAD,mBAAA,KAAA,KAAA,CAAA,IAAnCA,mBAAA,CAAqCN,KAAK,CAAC,OAAO,CAAC,CAAA;AACrD,GAAC,EACD;AAAES,IAAAA,IAAI,EAAE,QAAA;AAAS,GACnB,CAAC,CAAA;AAED,EAAA,IAAMC,eAAe,GAAGN,UAAU,CAChC,WAAW,EACXd,6BAA6B,EAC7B;AAAEmB,IAAAA,IAAI,EAAE,QAAA;AAAS,GACnB,CAAC,CAAA;EAED,OAAO;AACL7B,IAAAA,mBAAmB,EAAnBA,mBAAmB;AACnBG,IAAAA,sBAAsB,EAAtBA,sBAAsB;AACtBE,IAAAA,iBAAiB,EAAjBA,iBAAiB;AACjByB,IAAAA,eAAe,EAAfA,eAAe;AACfP,IAAAA,cAAc,EAAdA,cAAc;AACdxB,IAAAA,MAAM,EAANA,MAAAA;GACD,CAAA;AACH,CAAC;;;;AC7DD,IAAMgC,MAAM,GAAG,SAATA,MAAMA,CAAA3C,IAAA,EAaN;AAAA,EAAA,IAZJgB,WAAW,GAAAhB,IAAA,CAAXgB,WAAW;IACXf,eAAe,GAAAD,IAAA,CAAfC,eAAe;IACfE,kBAAkB,GAAAH,IAAA,CAAlBG,kBAAkB;IAClBC,aAAa,GAAAJ,IAAA,CAAbI,aAAa;IAAAwC,gBAAA,GAAA5C,IAAA,CACb6C,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAGE,KAAAA,CAAAA,GAAAA,cAAI,GAAAF,gBAAA;IAAAG,iBAAA,GAAA/C,IAAA,CAClBgD,YAAY;AAAZA,IAAAA,YAAY,GAAAD,iBAAA,KAAGD,KAAAA,CAAAA,GAAAA,cAAI,GAAAC,iBAAA;IACnBE,aAAa,GAAAjD,IAAA,CAAbiD,aAAa;IAAAC,qBAAA,GAAAlD,IAAA,CACbE,sBAAsB;AAAtBA,IAAAA,sBAAsB,GAAAgD,qBAAA,KAAG,KAAA,CAAA,GAAA,aAAa,GAAAA,qBAAA;IAAAC,mBAAA,GAAAnD,IAAA,CACtCK,cAAc;AAAdA,IAAAA,cAAc,GAAA8C,mBAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,mBAAA;IAAAC,gBAAA,GAAApD,IAAA,CACxBqD,WAAW;AAAEC,IAAAA,iBAAiB,GAAAF,gBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,gBAAA;IAAAG,eAAA,GAAAvD,IAAA,CACnCwD,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,eAAA;IACfE,QAAQ,GAAAzD,IAAA,CAARyD,QAAQ,CAAA;AAER,EAAA,IAAAC,eAAA,GAAcC,2BAAc,EAAE;IAAtBC,CAAC,GAAAF,eAAA,CAADE,CAAC,CAAA;AAET,EAAA,IAAMrD,QAAQ,GAAGsD,YAAM,EAAE,CAAA;AACzB,EAAA,IAAMvD,SAAS,GAAGuD,YAAM,EAAE,CAAA;AAE1B,EAAA,IAAMR,WAAW,GAAGS,gBAAU,CAACpE,oBAAoB,EAAE4D,iBAAiB,CAAC,CAAA;EAEvE,IAAAS,UAAA,GAOIhE,SAAS,CAAC;AACZE,MAAAA,eAAe,EAAfA,eAAe;AACfC,MAAAA,sBAAsB,EAAtBA,sBAAsB;AACtBC,MAAAA,kBAAkB,EAAlBA,kBAAkB;AAClBC,MAAAA,aAAa,EAAbA,aAAa;AACbC,MAAAA,cAAc,EAAdA,cAAc;AACdC,MAAAA,SAAS,EAATA,SAAS;AACTC,MAAAA,QAAQ,EAARA,QAAAA;AACF,KAAC,CAAC;IAdAK,mBAAmB,GAAAmD,UAAA,CAAnBnD,mBAAmB;IACnBG,sBAAsB,GAAAgD,UAAA,CAAtBhD,sBAAsB;IACtBE,iBAAiB,GAAA8C,UAAA,CAAjB9C,iBAAiB;IACjByB,eAAe,GAAAqB,UAAA,CAAfrB,eAAe;IACfP,cAAc,GAAA4B,UAAA,CAAd5B,cAAc;IACdxB,MAAM,GAAAoD,UAAA,CAANpD,MAAM,CAAA;AAWR,EAAA,IAAMqD,WAAW,GAAG,SAAdA,WAAWA,CAAGC,IAAI,EAAI;IAC1B9B,cAAc,CAACT,OAAO,GAAGuC,IAAI,CAAA;IAC7BpB,WAAW,CAACoB,IAAI,CAAC,CAAA;IACjB1D,QAAQ,CAACmB,OAAO,GAAGuC,IAAI,CAAA;GACxB,CAAA;AAED,EAAA,IAAMC,YAAY,GAAGrD,iBAAW,CAAC,UAAAoD,IAAI,EAAI;IACvC3D,SAAS,CAACoB,OAAO,GAAGuC,IAAI,CAAA;IACxBjB,YAAY,CAACiB,IAAI,CAAC,CAAA;GACnB,EAAE,EAAE,CAAC,CAAA;EAEN,IAAMpE,MAAM,GAAGsE,aAAO,CACpB,YAAA;IAAA,OAAM1E,aAAa,CAAC2E,MAAM,CAACf,WAAW,CAACxD,MAAM,IAAI,EAAE,CAAC,CAAA;AAAA,GAAA,EACpD,CAACwD,WAAW,CAACxD,MAAM,CACrB,CAAC,CAAA;AAED,EAAA,oBACEwE,cAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,SAAS,EAAC,mCAAmC;AAC7C,IAAA,aAAA,EAAY,2BAA2B;AACvCC,IAAAA,GAAG,EAAE7B,eAAgB;AAAAe,IAAAA,QAAA,eAErBe,eAAA,CAACC,YAAY,EAAAC,aAAA,CAAAA,aAAA,CAAA;AACXC,MAAAA,oBAAoB,EAAC,iDAAiD;AACtEL,MAAAA,SAAS,EAAC,eAAe;AACzBM,MAAAA,gBAAgB,EAAC,6DAA6D;AAC9E,MAAA,SAAA,EAAQ,4CAA4C;AACpDC,MAAAA,KAAK,EAAEC,SAAU;AACjBC,MAAAA,qBAAqB,EAAC,8CAA8C;AACpEC,MAAAA,IAAI,EAAE9E,sBAAuB;AAC7BqE,MAAAA,GAAG,EAAEL,YAAa;AAClBjB,MAAAA,aAAa,EAAEgC,UAAU,CACvB,0CAA0C,EAC1ChC,aACF,CAAA;KAAEyB,EAAAA,aAAA,CAAAA,aAAA,CAAA;AACI1D,MAAAA,WAAW,EAAXA,WAAAA;AAAW,KAAA,EAAKqC,WAAW,CAAA,EAAA,EAAA,EAAA;AAAExD,MAAAA,MAAM,EAANA,MAAAA;AAAM,KAAA,CAAA,CAAA,EAAA,EAAA,EAAA;AACzCqF,MAAAA,uBAAuB,EAAC,gCAAgC;AACxDC,MAAAA,QAAQ,EAAEvE,mBAAoB;AAC9BwE,MAAAA,mBAAmB,EAAErE,sBAAuB;MAAA0C,QAAA,EAAA,CAE3CA,QAAQ,eACTe,eAAA,CAAA,KAAA,EAAA;AAAKF,QAAAA,SAAS,EAAC,0CAA0C;AAAAb,QAAAA,QAAA,EACvDY,cAAAA,cAAA,CAACgB,QAAQ,EAAAX,aAAA,CAAA;UACPY,aAAa,EAAA,IAAA;AACbhB,UAAAA,SAAS,EAAC,iCAAiC;AAC3C,UAAA,SAAA,EAAQ,2CAA2C;AACnDU,UAAAA,IAAI,EAAE3E,cAAe;AACrBkE,UAAAA,GAAG,EAAEP,WAAY;AACjBuB,UAAAA,IAAI,EAAE,CAAE;UACRC,WAAW,EACThC,UAAU,CAACgC,WAAW,IAAI5B,CAAC,CAAC,qCAAqC,CAClE;AACDuB,UAAAA,QAAQ,EAAElE,iBAAkB;AAC5BwE,UAAAA,SAAS,EAAE,SAAXA,SAASA,CAAEC,CAAC,EAAA;AAAA,YAAA,OACVA,CAAC,CAACC,GAAG,KAAK,OAAO,IAAI,CAACD,CAAC,CAACE,QAAQ,IAAIF,CAAC,CAACG,cAAc,EAAE,CAAA;AAAA,WAAA;SAEpDrC,EAAAA,UAAU,CACf,CAAC,EACD7C,MAAM,CAACT,sBAAsB,CAAC,iBAC7BmE,cAAA,CAACyB,UAAU,EAAA;AACTxB,UAAAA,SAAS,EAAC,6DAA6D;AACvE,UAAA,SAAA,EAAQ,8BAA8B;AACtCyB,UAAAA,KAAK,EAAC,OAAO;UAAAtC,QAAA,EAEZ9C,MAAM,CAACT,sBAAsB,CAAA;AAAC,SACrB,CACb,CAAA;AAAA,OACE,CAAC,CAAA;KACM,CAAA,CAAA;AAAC,GACZ,CAAC,CAAA;AAEV,CAAC,CAAA;AA6DDyC,MAAM,CAACqD,WAAW,GAAG,gBAAgB,CAAA;AAErC,YAAeC,aAAAA,UAAI,CAACtD,MAAM,CAAC;;;;"}

package/dist/cjs/DownloadMobileAppCallout.js

@@ -0,0 +1,42 @@
+'use strict';
+
+var initializers = require('@bigbinary/neeto-commons-frontend/initializers');
+var Callout = require('@bigbinary/neetoui/Callout');
+var platform = require('./platform-BUcCb8Jx.js');
+var reactI18next = require('react-i18next');
+var reactRouterDom = require('react-router-dom');
+var jsxRuntime = require('react/jsx-runtime');
+require('./_commonjsHelpers-BJu3ubxk.js');
+
+var MOBILE_PLATFORMS = ["Android", "iOS", "Windows Phone"];
+
+var DownloadMobileAppCallout = function DownloadMobileAppCallout(_ref) {
+  var _platform$os, _globalProps$appName;
+  var excludePathRegex = _ref.excludePathRegex;
+  var _useLocation = reactRouterDom.useLocation(),
+    pathname = _useLocation.pathname;
+  var isMobilePlatform = MOBILE_PLATFORMS.includes((_platform$os = platform.platform.os) === null || _platform$os === void 0 ? void 0 : _platform$os.family);
+  if (!isMobilePlatform) return null;
+  var shouldExcludePath = excludePathRegex && excludePathRegex.test(pathname);
+  if (shouldExcludePath) return null;
+  var appName = (_globalProps$appName = initializers.globalProps.appName) === null || _globalProps$appName === void 0 ? void 0 : _globalProps$appName.toLowerCase();
+  var mobileAppDownloadUrl = "https://www.neeto.com/".concat(appName, "/mobile");
+  return /*#__PURE__*/jsxRuntime.jsx(Callout, {
+    className: "m-4 block",
+    style: "warning",
+    children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+      i18nKey: "neetoMolecules.downloadMobileAppCallout.message",
+      components: {
+        a: /*#__PURE__*/jsxRuntime.jsx("a", {
+          className: "neeto-ui-btn--style-link",
+          href: mobileAppDownloadUrl,
+          rel: "noreferrer",
+          target: "_blank"
+        })
+      }
+    })
+  });
+};
+
+module.exports = DownloadMobileAppCallout;
+//# sourceMappingURL=DownloadMobileAppCallout.js.map

package/dist/cjs/DownloadMobileAppCallout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DownloadMobileAppCallout.js","sources":["../../src/components/DownloadMobileAppCallout/constants.js","../../src/components/DownloadMobileAppCallout/index.jsx"],"sourcesContent":["export const MOBILE_PLATFORMS = [\"Android\", \"iOS\", \"Windows Phone\"];\n","import { globalProps } from \"neetocommons/initializers\";\nimport { Callout } from \"neetoui\";\nimport platform from \"platform\";\nimport PropTypes from \"prop-types\";\nimport { Trans } from \"react-i18next\";\nimport { useLocation } from \"react-router-dom\";\n\nimport { MOBILE_PLATFORMS } from \"./constants\";\n\nconst DownloadMobileAppCallout = ({ excludePathRegex }) => {\n  const { pathname } = useLocation();\n\n  const isMobilePlatform = MOBILE_PLATFORMS.includes(platform.os?.family);\n  if (!isMobilePlatform) return null;\n\n  const shouldExcludePath = excludePathRegex && excludePathRegex.test(pathname);\n  if (shouldExcludePath) return null;\n\n  const appName = globalProps.appName?.toLowerCase();\n  const mobileAppDownloadUrl = `https://www.neeto.com/${appName}/mobile`;\n\n  return (\n    <Callout className=\"m-4 block\" style=\"warning\">\n      <Trans\n        i18nKey=\"neetoMolecules.downloadMobileAppCallout.message\"\n        components={{\n          a: (\n            <a\n              className=\"neeto-ui-btn--style-link\"\n              href={mobileAppDownloadUrl}\n              rel=\"noreferrer\"\n              target=\"_blank\"\n            />\n          ),\n        }}\n      />\n    </Callout>\n  );\n};\n\nDownloadMobileAppCallout.propTypes = {\n  /**\n   * To exclude specific paths where download mobile app callout should be hidden.\n   */\n  excludePathRegex: PropTypes.instanceOf(RegExp),\n};\n\nexport default DownloadMobileAppCallout;\n"],"names":["MOBILE_PLATFORMS","DownloadMobileAppCallout","_ref","_platform$os","_globalProps$appName","excludePathRegex","_useLocation","useLocation","pathname","isMobilePlatform","includes","platform","os","family","shouldExcludePath","test","appName","globalProps","toLowerCase","mobileAppDownloadUrl","concat","_jsx","Callout","className","style","children","Trans","i18nKey","components","a","href","rel","target"],"mappings":";;;;;;;;;;AAAO,IAAMA,gBAAgB,GAAG,CAAC,SAAS,EAAE,KAAK,EAAE,eAAe,CAAC;;ACSnE,IAAMC,wBAAwB,GAAG,SAA3BA,wBAAwBA,CAAAC,IAAA,EAA6B;EAAA,IAAAC,YAAA,EAAAC,oBAAA,CAAA;AAAA,EAAA,IAAvBC,gBAAgB,GAAAH,IAAA,CAAhBG,gBAAgB,CAAA;AAClD,EAAA,IAAAC,YAAA,GAAqBC,0BAAW,EAAE;IAA1BC,QAAQ,GAAAF,YAAA,CAARE,QAAQ,CAAA;AAEhB,EAAA,IAAMC,gBAAgB,GAAGT,gBAAgB,CAACU,QAAQ,EAAAP,YAAA,GAACQ,iBAAQ,CAACC,EAAE,MAAAT,IAAAA,IAAAA,YAAA,uBAAXA,YAAA,CAAaU,MAAM,CAAC,CAAA;AACvE,EAAA,IAAI,CAACJ,gBAAgB,EAAE,OAAO,IAAI,CAAA;EAElC,IAAMK,iBAAiB,GAAGT,gBAAgB,IAAIA,gBAAgB,CAACU,IAAI,CAACP,QAAQ,CAAC,CAAA;EAC7E,IAAIM,iBAAiB,EAAE,OAAO,IAAI,CAAA;AAElC,EAAA,IAAME,OAAO,GAAA,CAAAZ,oBAAA,GAAGa,wBAAW,CAACD,OAAO,MAAAZ,IAAAA,IAAAA,oBAAA,KAAnBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,oBAAA,CAAqBc,WAAW,EAAE,CAAA;AAClD,EAAA,IAAMC,oBAAoB,GAAA,wBAAA,CAAAC,MAAA,CAA4BJ,OAAO,EAAS,SAAA,CAAA,CAAA;EAEtE,oBACEK,cAAA,CAACC,OAAO,EAAA;AAACC,IAAAA,SAAS,EAAC,WAAW;AAACC,IAAAA,KAAK,EAAC,SAAS;IAAAC,QAAA,eAC5CJ,cAAA,CAACK,kBAAK,EAAA;AACJC,MAAAA,OAAO,EAAC,iDAAiD;AACzDC,MAAAA,UAAU,EAAE;AACVC,QAAAA,CAAC,eACCR,cAAA,CAAA,GAAA,EAAA;AACEE,UAAAA,SAAS,EAAC,0BAA0B;AACpCO,UAAAA,IAAI,EAAEX,oBAAqB;AAC3BY,UAAAA,GAAG,EAAC,YAAY;AAChBC,UAAAA,MAAM,EAAC,QAAA;SACR,CAAA;AAEL,OAAA;KACD,CAAA;AAAC,GACK,CAAC,CAAA;AAEd;;;;"}

package/dist/cjs/DynamicVariables.js

@@ -0,0 +1,117 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var React = require('react');
+var neetoCist = require('@bigbinary/neeto-cist');
+var general = require('@bigbinary/neeto-commons-frontend/utils/general');
+var Braces = require('@bigbinary/neeto-icons/Braces');
+var Dropdown = require('@bigbinary/neetoui/Dropdown');
+var Typography = require('@bigbinary/neetoui/Typography');
+var ramda = require('ramda');
+var injectCss = require('./inject-css-vQvjPR2x.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+var css = ".neeto-molecules-dynamic-variables{display:flex;flex-direction:column;gap:.375rem;max-width:22.5rem;min-width:11.5rem;padding:.5rem}.neeto-molecules-dynamic-variables__list{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.neeto-molecules-dynamic-variables__list button{border:1px solid rgb(var(--neeto-ui-gray-300));border-radius:var(--neeto-ui-rounded-md);color:rgb(var(--neeto-ui-black));padding:.375rem;text-align:left;transition:var(--neeto-ui-transition);-webkit-user-select:none;-moz-user-select:none;user-select:none}.neeto-molecules-dynamic-variables__list button:focus,.neeto-molecules-dynamic-variables__list button:focus-visible,.neeto-molecules-dynamic-variables__list button:hover{border-color:rgb(var(--neeto-ui-primary-800));box-shadow:none;color:rgb(var(--neeto-ui-primary-800));outline:none}";
+injectCss.n(css,{});
+
+var parseVariables = function parseVariables() {
+  var variableArr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var uncategorized = [];
+  var groupedVariables = [];
+  var categorySet = new Set();
+  variableArr.forEach(function (variable) {
+    var category = variable.category,
+      label = variable.label,
+      variables = variable.variables;
+    if (category && variables) {
+      var parsedVariables = variables.map(ramda.mergeLeft({
+        category: category,
+        categoryLabel: label
+      }));
+      if (!categorySet.has(category)) {
+        categorySet.add(category);
+        groupedVariables.push({
+          label: label,
+          variables: parsedVariables
+        });
+      } else {
+        var existingGroup = neetoCist.findBy({
+          label: label
+        }, groupedVariables);
+        existingGroup.variables = ramda.uniqBy(ramda.prop("key"), existingGroup.variables.concat(parsedVariables));
+      }
+    } else {
+      uncategorized.push(variable);
+    }
+  });
+  if (!ramda.isEmpty(uncategorized)) {
+    groupedVariables.push({
+      label: !ramda.isEmpty(groupedVariables) ? "Others" : null,
+      variables: uncategorized
+    });
+  }
+  return groupedVariables;
+};
+
+var _excluded = ["onVariableClick", "variables", "buttonProps"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(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 Menu = Dropdown.Menu;
+var DynamicVariables = function DynamicVariables(_ref) {
+  var _ref$onVariableClick = _ref.onVariableClick,
+    onVariableClick = _ref$onVariableClick === void 0 ? neetoCist.noop : _ref$onVariableClick,
+    _ref$variables = _ref.variables,
+    variables = _ref$variables === void 0 ? [] : _ref$variables,
+    buttonProps = _ref.buttonProps,
+    dropdownProps = _objectWithoutProperties(_ref, _excluded);
+  if (ramda.isEmpty(variables)) {
+    return null;
+  }
+  var parsedVariables = parseVariables(variables);
+  return /*#__PURE__*/jsxRuntime.jsx(Dropdown, _objectSpread(_objectSpread({
+    appendTo: function appendTo() {
+      return document.body;
+    },
+    buttonStyle: "secondary",
+    icon: Braces,
+    strategy: "fixed",
+    zIndex: 99999,
+    buttonProps: _objectSpread({
+      "data-testid": "variables-dropdown",
+      "data-cy": "dynamic-variables-button"
+    }, buttonProps)
+  }, dropdownProps), {}, {
+    children: /*#__PURE__*/jsxRuntime.jsx(Menu, {
+      children: /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "neeto-molecules-dynamic-variables",
+        "data-testid": "variables-list",
+        children: parsedVariables.map(function (_ref2) {
+          var label = _ref2.label,
+            variables = _ref2.variables;
+          return /*#__PURE__*/jsxRuntime.jsxs(React.Fragment, {
+            children: [label && /*#__PURE__*/jsxRuntime.jsx(Typography, {
+              style: "h6",
+              children: label
+            }), /*#__PURE__*/jsxRuntime.jsx("div", {
+              className: "neeto-molecules-dynamic-variables__list",
+              "data-cy": "dynamic-variables-list",
+              children: variables.map(function (item) {
+                return /*#__PURE__*/jsxRuntime.jsx("button", {
+                  "data-cy": general.joinHyphenCase("dynamic-variables-list-item", item.label),
+                  onClick: function onClick() {
+                    return onVariableClick(item);
+                  },
+                  children: item.label
+                }, item.label);
+              })
+            })]
+          }, label);
+        })
+      })
+    })
+  }));
+};
+
+module.exports = DynamicVariables;
+//# sourceMappingURL=DynamicVariables.js.map

package/dist/cjs/DynamicVariables.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicVariables.js","sources":["../../src/components/DynamicVariables/utils.js","../../src/components/DynamicVariables/index.jsx"],"sourcesContent":["import { findBy } from \"neetocist\";\nimport { prop, isEmpty, uniqBy, mergeLeft } from \"ramda\";\n\nexport const parseVariables = (variableArr = []) => {\n  const uncategorized = [];\n  const groupedVariables = [];\n  const categorySet = new Set();\n\n  variableArr.forEach(variable => {\n    const { category, label, variables } = variable;\n    if (category && variables) {\n      const parsedVariables = variables.map(\n        mergeLeft({ category, categoryLabel: label })\n      );\n\n      if (!categorySet.has(category)) {\n        categorySet.add(category);\n        groupedVariables.push({ label, variables: parsedVariables });\n      } else {\n        const existingGroup = findBy({ label }, groupedVariables);\n\n        existingGroup.variables = uniqBy(\n          prop(\"key\"),\n          existingGroup.variables.concat(parsedVariables)\n        );\n      }\n    } else {\n      uncategorized.push(variable);\n    }\n  });\n\n  if (!isEmpty(uncategorized)) {\n    groupedVariables.push({\n      label: !isEmpty(groupedVariables) ? \"Others\" : null,\n      variables: uncategorized,\n    });\n  }\n\n  return groupedVariables;\n};\n","import { Fragment } from \"react\";\n\nimport { noop } from \"neetocist\";\nimport { joinHyphenCase } from \"neetocommons/utils/general\";\nimport { Braces } from \"neetoicons\";\nimport { Dropdown, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty } from \"ramda\";\n\nimport \"./dynamic-variables.scss\";\nimport { parseVariables } from \"./utils\";\n\nconst { Menu } = Dropdown;\n\nconst DynamicVariables = ({\n  onVariableClick = noop,\n  variables = [],\n  buttonProps,\n  ...dropdownProps\n}) => {\n  if (isEmpty(variables)) {\n    return null;\n  }\n\n  const parsedVariables = parseVariables(variables);\n\n  return (\n    <Dropdown\n      appendTo={() => document.body}\n      buttonStyle=\"secondary\"\n      icon={Braces}\n      strategy=\"fixed\"\n      zIndex={99999}\n      buttonProps={{\n        \"data-testid\": \"variables-dropdown\",\n        \"data-cy\": \"dynamic-variables-button\",\n        ...buttonProps,\n      }}\n      {...dropdownProps}\n    >\n      <Menu>\n        <div\n          className=\"neeto-molecules-dynamic-variables\"\n          data-testid=\"variables-list\"\n        >\n          {parsedVariables.map(({ label, variables }) => (\n            <Fragment key={label}>\n              {label && <Typography style=\"h6\">{label}</Typography>}\n              <div\n                className=\"neeto-molecules-dynamic-variables__list\"\n                data-cy=\"dynamic-variables-list\"\n              >\n                {variables.map(item => (\n                  <button\n                    key={item.label}\n                    data-cy={joinHyphenCase(\n                      \"dynamic-variables-list-item\",\n                      item.label\n                    )}\n                    onClick={() => onVariableClick(item)}\n                  >\n                    {item.label}\n                  </button>\n                ))}\n              </div>\n            </Fragment>\n          ))}\n        </div>\n      </Menu>\n    </Dropdown>\n  );\n};\n\nDynamicVariables.propTypes = {\n  /**\n   * A function that is triggered when a dynamic variable button is clicked. It receives an object containing information about the clicked variable.\n   */\n  onVariableClick: PropTypes.func,\n  /**\n   * An array of objects, each representing a category or standalone variable, with the ability to define a label, key, and default value for each variable.\n   */\n  variables: PropTypes.arrayOf(\n    PropTypes.shape({ label: PropTypes.string, key: PropTypes.string })\n  ),\n};\n\nexport default DynamicVariables;\n"],"names":["parseVariables","variableArr","arguments","length","undefined","uncategorized","groupedVariables","categorySet","Set","forEach","variable","category","label","variables","parsedVariables","map","mergeLeft","categoryLabel","has","add","push","existingGroup","findBy","uniqBy","prop","concat","isEmpty","Menu","Dropdown","DynamicVariables","_ref","_ref$onVariableClick","onVariableClick","noop","_ref$variables","buttonProps","dropdownProps","_objectWithoutProperties","_excluded","_jsx","_objectSpread","appendTo","document","body","buttonStyle","icon","Braces","strategy","zIndex","children","className","_ref2","_jsxs","Fragment","Typography","style","item","joinHyphenCase","onClick"],"mappings":"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"}