@bigbinary/neeto-molecules 4.0.86 → 4.0.88

package/dist/DndTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DndTable.js","sources":["../src/components/DndTable/Row.jsx","../src/components/DndTable/Table.jsx","../src/components/DndTable/useDndTable.js"],"sourcesContent":["import { useDraggable, useDroppable } from \"@dnd-kit/core\";\nimport classNames from \"classnames\";\n\nconst Row = ({ children, data, index, className, isDroppable, ...rest }) => {\n  const {\n    isDragging,\n    attributes,\n    listeners,\n    setNodeRef: setDraggableNodeRef,\n  } = useDraggable({\n    data: { ...data, index },\n    id: `draggable-${rest[\"data-row-key\"]}`,\n  });\n\n  const { isOver, setNodeRef: setDroppableNodeRef } = useDroppable({\n    data: { ...data, index: index + 1 },\n    id: `droppable-${rest[\"data-row-key\"]}`,\n    disabled: !isDroppable || isDragging,\n  });\n\n  const isIndicatorVisible = !isDragging && isOver;\n\n  return (\n    <tr\n      {...rest}\n      {...attributes}\n      {...listeners}\n      className={classNames(className, {\n        \"neeto-ui-rounded-lg hover:neeto-ui-bg-gray-100 w-full min-w-0 cursor-move transition-colors\": true,\n        \"neeto-ui-bg-gray-100 opacity-50\": isDragging,\n        \"neeto-ui-bg-primary-100 neeto-ui-shadow-2xs\": isIndicatorVisible,\n      })}\n      ref={node => {\n        setDraggableNodeRef(node);\n        setDroppableNodeRef(node);\n      }}\n    >\n      {children}\n    </tr>\n  );\n};\n\nexport default Row;\n","import { useState } from \"react\";\n\nimport {\n  DndContext,\n  DragOverlay,\n  PointerSensor,\n  useSensor,\n  useSensors,\n} from \"@dnd-kit/core\";\nimport { restrictToVerticalAxis } from \"@dnd-kit/modifiers\";\nimport { noop } from \"neetocist\";\nimport { Table } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { T } from \"ramda\";\nimport { createPortal } from \"react-dom\";\n\nimport Row from \"./Row\";\n\nconst sensorConfig = { activationConstraint: { distance: 8 } };\n\nconst DndTable = ({\n  rowData,\n  columnData,\n  overlayColumnIndex = 0,\n  isRowDroppable = T,\n  onDrop = noop,\n  ...rest\n}) => {\n  const [dragState, setDragState] = useState(null);\n  const sensors = useSensors(useSensor(PointerSensor, sensorConfig));\n\n  const onDragEnd = ({ active, over }) => {\n    setDragState(null);\n    if (!active || !over) return;\n    onDrop(active.data.current, over.data.current);\n  };\n\n  const renderOverlay = data => {\n    const colData = columnData[overlayColumnIndex];\n    const rowData = data[colData.dataIndex];\n\n    return (\n      <div className=\"flex px-20\">\n        <div className=\"neeto-ui-rounded-lg neeto-ui-bg-white px-4\">\n          {colData.render ? colData.render(rowData, data) : rowData}\n        </div>\n      </div>\n    );\n  };\n\n  return (\n    <DndContext {...{ onDragEnd, sensors }} onDragStart={setDragState}>\n      <Table\n        {...{ ...rest, columnData, rowData }}\n        components={{ body: { row: Row } }}\n        onRow={(data, index) => ({\n          data,\n          index,\n          isDroppable: isRowDroppable(data),\n        })}\n      />\n      {createPortal(\n        <DragOverlay modifiers={[restrictToVerticalAxis]}>\n          {dragState?.active && renderOverlay(dragState.active.data?.current)}\n        </DragOverlay>,\n        document.body\n      )}\n    </DndContext>\n  );\n};\n\nDndTable.propTypes = {\n  /** The data for the rows of the table. */\n  rowData: PropTypes.arrayOf(PropTypes.object).isRequired,\n\n  /** The data for the columns of the table. */\n  columnData: PropTypes.arrayOf(PropTypes.object).isRequired,\n\n  /** The index of the column to display the overlay for. */\n  overlayColumnIndex: PropTypes.number,\n\n  /** A function that determines if a row is droppable based on checks on the data. */\n  isRowDroppable: PropTypes.func,\n\n  /** A function that is called when a row is dropped. */\n  onDrop: PropTypes.func.isRequired,\n};\n\nexport default DndTable;\n","import { useStateWithDependency } from \"neetocommons/react-utils\";\nimport { Toastr } from \"neetoui\";\nimport { path, remove } from \"ramda\";\n\nconst useDndTable = ({ rowData, onUpdate }) => {\n  const [rowDataState, setRowDataState] = useStateWithDependency(rowData, [\n    rowData,\n  ]);\n\n  const onDrop = async (active, over) => {\n    const stateBefore = rowDataState;\n    setRowDataState(remove(active.index, 1));\n\n    try {\n      await onUpdate(active, over);\n    } catch (error) {\n      setRowDataState(stateBefore);\n      const errors = path([\"response\", \"data\", \"errors\"], error);\n      const message = errors && Object.values(errors)[0]?.[0];\n      if (message) Toastr.error(message);\n    }\n  };\n\n  return { rowData: rowDataState, onDrop };\n};\n\nexport default useDndTable;\n"],"names":["Row","_ref","children","data","index","className","isDroppable","rest","_objectWithoutProperties","_excluded","_useDraggable","useDraggable","_objectSpread","id","concat","isDragging","attributes","listeners","setDraggableNodeRef","setNodeRef","_useDroppable","useDroppable","disabled","isOver","setDroppableNodeRef","isIndicatorVisible","_jsx","classNames","ref","node","sensorConfig","activationConstraint","distance","DndTable","_dragState$active$dat","rowData","columnData","_ref$overlayColumnInd","overlayColumnIndex","_ref$isRowDroppable","isRowDroppable","T","_ref$onDrop","onDrop","noop","_useState","useState","_useState2","_slicedToArray","dragState","setDragState","sensors","useSensors","useSensor","PointerSensor","onDragEnd","_ref2","active","over","current","renderOverlay","colData","dataIndex","render","_jsxs","DndContext","onDragStart","Table","components","body","row","onRow","createPortal","DragOverlay","modifiers","restrictToVerticalAxis","document","e","t","r","Symbol","n","iterator","o","toStringTag","i","c","prototype","Generator","u","Object","create","_regeneratorDefine2","f","p","y","G","v","a","d","bind","length","l","TypeError","call","done","value","GeneratorFunction","GeneratorFunctionPrototype","getPrototypeOf","setPrototypeOf","__proto__","displayName","_regenerator","w","m","defineProperty","_regeneratorDefine","_invoke","enumerable","configurable","writable","useDndTable","onUpdate","_useStateWithDependen","useStateWithDependency","_useStateWithDependen2","rowDataState","setRowDataState","_asyncToGenerator","_callee","stateBefore","_Object$values$","errors","message","_t","_context","remove","path","values","Toastr","error","_x","_x2","apply","arguments"],"mappings":"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"}

package/dist/DocumentEditor.js

@@ -35,7 +35,7 @@ var IMAGE_UPLOAD_CONFIG = {
   }
 };
 
-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:1024px){.neeto-molecules-document__wrapper .neeto-molecules-document__title .neeto-ui-input textarea{font-size:2rem;line-height:1.25}}.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 1.5rem 2rem!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}.neeto-molecules-document__wrapper .neeto-molecules-document__thumbnail-image{border-radius:5px;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.neeto-molecules-document__wrapper .neeto-molecules-document__thumbnail-image img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}@media screen and (max-width:767px){.ne-media-uploader-modal{width:95vw!important}}";
+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:1024px){.neeto-molecules-document__wrapper .neeto-molecules-document__title .neeto-ui-input textarea{font-size:2rem;line-height:1.25}}.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-inline-end:none;border-inline-start: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-inline-end:0!important;padding-inline-start: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 1.5rem 2rem!important;width:100%!important}.neeto-molecules-document__wrapper .editor-content-attachments{border:none;margin:.75rem auto 0;max-width:48rem!important;padding-inline-end:1rem;padding-inline-start: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-inline-end:1rem;padding-inline-start: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}.neeto-molecules-document__wrapper .neeto-molecules-document__thumbnail-image{border-radius:5px;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.neeto-molecules-document__wrapper .neeto-molecules-document__thumbnail-image img{height:100%;inset-inline-start:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}@media screen and (max-width:767px){.ne-media-uploader-modal{width:95vw!important}}";
 n(css,{});
 
 var useEditor = function useEditor(_ref) {
@@ -270,7 +270,7 @@ var Editor = function Editor(_ref) {
               src: thumbnailImageUrl
             })
           }), /*#__PURE__*/jsx("div", {
-            className: "neeto-ui-rounded-full absolute right-2 top-2",
+            className: "neeto-ui-rounded-full absolute end-2 top-2",
             children: /*#__PURE__*/jsx(Dropdown, {
               strategy: "fixed",
               buttonProps: {
@@ -301,7 +301,7 @@ var Editor = function Editor(_ref) {
         setIsThumbnailImageModalOpen(false);
       },
       children: [/*#__PURE__*/jsx(Modal.Header, {
-        className: "ml-0 pl-0",
+        className: "ms-0 ps-0",
         children: /*#__PURE__*/jsx(Typography, {
           style: "h2",
           children: t("neetoMolecules.documentEditor.uploadThumbnailImage")

package/dist/DocumentEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentEditor.js","sources":["../src/components/DocumentEditor/constants.js","../src/components/DocumentEditor/hooks/useEditor.js","../src/components/DocumentEditor/MediaUploader.jsx","../src/components/DocumentEditor/utils.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  \"callout\",\n];\n\nexport const DEFAULT_EDITOR_PROPS = {\n  isMenuIndependent: true,\n  addons: [],\n  size: \"medium\",\n};\n\nexport const IMAGE_UPLOAD_CONFIG = {\n  maxImageSize: 1,\n  allowedImageTypes: {\n    \"image/jpg\": [\".jpg\", \".jpeg\"],\n    \"image/png\": [\".png\"],\n    \"image/svg\": [\".svg\"],\n  },\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 { ImageUploader } from \"@bigbinary/neeto-image-uploader-frontend\";\nimport { useFormikContext } from \"formik\";\nimport { Spinner } from \"neetoui\";\nimport { isEmpty } from \"ramda\";\n\nimport { IMAGE_UPLOAD_CONFIG } from \"./constants\";\n\nconst MediaUploader = ({ setIsThumbnailImageModalOpen }) => {\n  const {\n    values: { thumbnailImageUrl },\n    setFieldValue,\n    initialValues,\n    submitForm,\n  } = useFormikContext();\n\n  const handleUpload = file => {\n    const { url, signedId } = file;\n    setFieldValue(\"thumbnailImage\", signedId);\n    setFieldValue(\"thumbnailImageUrl\", url);\n    setTimeout(() => {\n      setIsThumbnailImageModalOpen(false);\n      submitForm();\n    });\n  };\n\n  if (isEmpty(initialValues)) {\n    return <Spinner />;\n  }\n\n  return (\n    <ImageUploader\n      className=\"h-auto w-full\"\n      key={thumbnailImageUrl}\n      src={thumbnailImageUrl}\n      uploadConfig={IMAGE_UPLOAD_CONFIG}\n      onUploadComplete={handleUpload}\n    />\n  );\n};\n\nexport default MediaUploader;\n","import { t } from \"i18next\";\nimport { Image } from \"neetoicons\";\n\nexport const getThumbnailAddon = command => ({\n  label: t(\"neetoMolecules.documentEditor.thumbnailImage\"),\n  optionName: \"thumbnail-image\",\n  command,\n  icon: Image,\n  isEnabled: true,\n  \"data-testid\": \"thumbnail-image-addon\",\n});\n","import { memo, useCallback, useMemo, useRef, useState } from \"react\";\n\nimport classNames from \"classnames\";\nimport { useFormikContext } from \"formik\";\nimport { noop } from \"neetocist\";\nimport { FormikEditor } from \"neetoeditor\";\nimport { MenuHorizontal } from \"neetoicons\";\nimport { Modal, Typography, Dropdown } 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\";\nimport MediaUploader from \"./MediaUploader\";\nimport { getThumbnailAddon } from \"./utils\";\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  hasThumbnailImage = false,\n  children,\n}) => {\n  const { t } = useTranslation();\n  const { values, setFieldValue, submitForm } = useFormikContext();\n  const { thumbnailImageUrl } = values;\n\n  const { Menu, MenuItem } = Dropdown;\n\n  const titleRef = useRef();\n  const editorRef = useRef();\n  const [isThumbnailImageModalOpen, setIsThumbnailImageModalOpen] =\n    useState(false);\n\n  const editorProps = useMemo(() => {\n    const baseProps = mergeRight(DEFAULT_EDITOR_PROPS, customEditorProps);\n\n    if (!hasThumbnailImage) return baseProps;\n\n    const thumbnailAddon = getThumbnailAddon(() =>\n      setIsThumbnailImageModalOpen(true)\n    );\n\n    return mergeRight(baseProps, { addonCommands: [thumbnailAddon] });\n  }, [customEditorProps, hasThumbnailImage]);\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  const handleTab = () => {\n    const isListActive =\n      editorRef.current?.editor?.isActive(\"orderedList\") ||\n      editorRef.current?.editor?.isActive(\"bulletList\");\n\n    if (isListActive) {\n      editorRef.current?.editor?.commands?.sinkListItem(\"listItem\");\n\n      return true;\n    }\n\n    return true;\n  };\n\n  const handleDeleteThumbnail = () => {\n    setFieldValue(\"thumbnailImage\", \"\");\n    setFieldValue(\"thumbnailImageUrl\", \"\");\n    setTimeout(submitForm);\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        hideSlashCommands={false}\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        keyboardShortcuts={{ Tab: handleTab, ...editorProps.keyboardShortcuts }}\n        onChange={handleContentChange}\n        onChangeAttachments={handleAttachmentChange}\n      >\n        {children}\n        <div className=\"neeto-molecules-document__container px-6\">\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          {thumbnailImageUrl && (\n            <div className=\"group relative mt-4\">\n              <div className=\"neeto-molecules-document__thumbnail-image\">\n                <img alt=\"Cover\" src={thumbnailImageUrl} />\n              </div>\n              <div className=\"neeto-ui-rounded-full absolute right-2 top-2\">\n                <Dropdown\n                  strategy=\"fixed\"\n                  buttonProps={{\n                    style: \"secondary\",\n                    size: \"small\",\n                    icon: MenuHorizontal,\n                  }}\n                >\n                  <Menu>\n                    <MenuItem.Button onClick={handleDeleteThumbnail}>\n                      {t(\"neetoMolecules.documentEditor.delete\")}\n                    </MenuItem.Button>\n                  </Menu>\n                </Dropdown>\n              </div>\n            </div>\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      <Modal\n        className=\"media-uploader-modal p-5 pt-0\"\n        data-testid=\"thumbnail-image-modal\"\n        isOpen={isThumbnailImageModalOpen}\n        onClose={() => {\n          setIsThumbnailImageModalOpen(false);\n        }}\n      >\n        <Modal.Header className=\"ml-0 pl-0\">\n          <Typography style=\"h2\">\n            {t(\"neetoMolecules.documentEditor.uploadThumbnailImage\")}\n          </Typography>\n        </Modal.Header>\n        <MediaUploader {...{ setIsThumbnailImageModalOpen }} />\n      </Modal>\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   * A prop to enable the thumbnail image uploader.\n   */\n  hasThumbnailImage: PropTypes.bool,\n};\n\nEditor.displayName = \"DocumentEditor\";\n\nexport default memo(Editor);\n"],"names":["EDITOR_ADDONS","DEFAULT_EDITOR_PROPS","isMenuIndependent","addons","size","IMAGE_UPLOAD_CONFIG","maxImageSize","allowedImageTypes","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","MediaUploader","setIsThumbnailImageModalOpen","thumbnailImageUrl","values","initialValues","submitForm","handleUpload","file","url","signedId","setTimeout","isEmpty","_jsx","Spinner","ImageUploader","className","src","uploadConfig","onUploadComplete","getThumbnailAddon","command","label","t","optionName","icon","Image","isEnabled","Editor","_ref$getTitleRef","getTitleRef","noop","_ref$getEditorRef","getEditorRef","menuClassName","_ref$editorContentFie","_ref$titleFieldName","_ref$editorProps","editorProps","customEditorProps","_ref$titleProps","titleProps","_ref$hasThumbnailImag","hasThumbnailImage","children","_useTranslation","useTranslation","Menu","Dropdown","MenuItem","useRef","_useState","useState","_useState2","_slicedToArray","isThumbnailImageModalOpen","useMemo","baseProps","mergeRight","thumbnailAddon","addonCommands","_useEditor","setTitleRef","node","setEditorRef","concat","handleTab","isListActive","isActive","sinkListItem","handleDeleteThumbnail","_jsxs","ref","FormikEditor","_objectSpread","attachmentsClassName","contentClassName","error","undefined","errorWrapperClassName","hideSlashCommands","name","classNames","contentWrapperClassName","keyboardShortcuts","Tab","onChange","onChangeAttachments","Textarea","nakedTextarea","rows","placeholder","onKeyDown","e","key","shiftKey","preventDefault","alt","strategy","buttonProps","style","MenuHorizontal","Button","onClick","Typography","Modal","isOpen","onClose","Header","displayName","memo"],"mappings":"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"}
+{"version":3,"file":"DocumentEditor.js","sources":["../src/components/DocumentEditor/constants.js","../src/components/DocumentEditor/hooks/useEditor.js","../src/components/DocumentEditor/MediaUploader.jsx","../src/components/DocumentEditor/utils.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  \"callout\",\n];\n\nexport const DEFAULT_EDITOR_PROPS = {\n  isMenuIndependent: true,\n  addons: [],\n  size: \"medium\",\n};\n\nexport const IMAGE_UPLOAD_CONFIG = {\n  maxImageSize: 1,\n  allowedImageTypes: {\n    \"image/jpg\": [\".jpg\", \".jpeg\"],\n    \"image/png\": [\".png\"],\n    \"image/svg\": [\".svg\"],\n  },\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 { ImageUploader } from \"@bigbinary/neeto-image-uploader-frontend\";\nimport { useFormikContext } from \"formik\";\nimport { Spinner } from \"neetoui\";\nimport { isEmpty } from \"ramda\";\n\nimport { IMAGE_UPLOAD_CONFIG } from \"./constants\";\n\nconst MediaUploader = ({ setIsThumbnailImageModalOpen }) => {\n  const {\n    values: { thumbnailImageUrl },\n    setFieldValue,\n    initialValues,\n    submitForm,\n  } = useFormikContext();\n\n  const handleUpload = file => {\n    const { url, signedId } = file;\n    setFieldValue(\"thumbnailImage\", signedId);\n    setFieldValue(\"thumbnailImageUrl\", url);\n    setTimeout(() => {\n      setIsThumbnailImageModalOpen(false);\n      submitForm();\n    });\n  };\n\n  if (isEmpty(initialValues)) {\n    return <Spinner />;\n  }\n\n  return (\n    <ImageUploader\n      className=\"h-auto w-full\"\n      key={thumbnailImageUrl}\n      src={thumbnailImageUrl}\n      uploadConfig={IMAGE_UPLOAD_CONFIG}\n      onUploadComplete={handleUpload}\n    />\n  );\n};\n\nexport default MediaUploader;\n","import { t } from \"i18next\";\nimport { Image } from \"neetoicons\";\n\nexport const getThumbnailAddon = command => ({\n  label: t(\"neetoMolecules.documentEditor.thumbnailImage\"),\n  optionName: \"thumbnail-image\",\n  command,\n  icon: Image,\n  isEnabled: true,\n  \"data-testid\": \"thumbnail-image-addon\",\n});\n","import { memo, useCallback, useMemo, useRef, useState } from \"react\";\n\nimport classNames from \"classnames\";\nimport { useFormikContext } from \"formik\";\nimport { noop } from \"neetocist\";\nimport { FormikEditor } from \"neetoeditor\";\nimport { MenuHorizontal } from \"neetoicons\";\nimport { Modal, Typography, Dropdown } 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\";\nimport MediaUploader from \"./MediaUploader\";\nimport { getThumbnailAddon } from \"./utils\";\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  hasThumbnailImage = false,\n  children,\n}) => {\n  const { t } = useTranslation();\n  const { values, setFieldValue, submitForm } = useFormikContext();\n  const { thumbnailImageUrl } = values;\n\n  const { Menu, MenuItem } = Dropdown;\n\n  const titleRef = useRef();\n  const editorRef = useRef();\n  const [isThumbnailImageModalOpen, setIsThumbnailImageModalOpen] =\n    useState(false);\n\n  const editorProps = useMemo(() => {\n    const baseProps = mergeRight(DEFAULT_EDITOR_PROPS, customEditorProps);\n\n    if (!hasThumbnailImage) return baseProps;\n\n    const thumbnailAddon = getThumbnailAddon(() =>\n      setIsThumbnailImageModalOpen(true)\n    );\n\n    return mergeRight(baseProps, { addonCommands: [thumbnailAddon] });\n  }, [customEditorProps, hasThumbnailImage]);\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  const handleTab = () => {\n    const isListActive =\n      editorRef.current?.editor?.isActive(\"orderedList\") ||\n      editorRef.current?.editor?.isActive(\"bulletList\");\n\n    if (isListActive) {\n      editorRef.current?.editor?.commands?.sinkListItem(\"listItem\");\n\n      return true;\n    }\n\n    return true;\n  };\n\n  const handleDeleteThumbnail = () => {\n    setFieldValue(\"thumbnailImage\", \"\");\n    setFieldValue(\"thumbnailImageUrl\", \"\");\n    setTimeout(submitForm);\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        hideSlashCommands={false}\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        keyboardShortcuts={{ Tab: handleTab, ...editorProps.keyboardShortcuts }}\n        onChange={handleContentChange}\n        onChangeAttachments={handleAttachmentChange}\n      >\n        {children}\n        <div className=\"neeto-molecules-document__container px-6\">\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          {thumbnailImageUrl && (\n            <div className=\"group relative mt-4\">\n              <div className=\"neeto-molecules-document__thumbnail-image\">\n                <img alt=\"Cover\" src={thumbnailImageUrl} />\n              </div>\n              <div className=\"neeto-ui-rounded-full absolute end-2 top-2\">\n                <Dropdown\n                  strategy=\"fixed\"\n                  buttonProps={{\n                    style: \"secondary\",\n                    size: \"small\",\n                    icon: MenuHorizontal,\n                  }}\n                >\n                  <Menu>\n                    <MenuItem.Button onClick={handleDeleteThumbnail}>\n                      {t(\"neetoMolecules.documentEditor.delete\")}\n                    </MenuItem.Button>\n                  </Menu>\n                </Dropdown>\n              </div>\n            </div>\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      <Modal\n        className=\"media-uploader-modal p-5 pt-0\"\n        data-testid=\"thumbnail-image-modal\"\n        isOpen={isThumbnailImageModalOpen}\n        onClose={() => {\n          setIsThumbnailImageModalOpen(false);\n        }}\n      >\n        <Modal.Header className=\"ms-0 ps-0\">\n          <Typography style=\"h2\">\n            {t(\"neetoMolecules.documentEditor.uploadThumbnailImage\")}\n          </Typography>\n        </Modal.Header>\n        <MediaUploader {...{ setIsThumbnailImageModalOpen }} />\n      </Modal>\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   * A prop to enable the thumbnail image uploader.\n   */\n  hasThumbnailImage: PropTypes.bool,\n};\n\nEditor.displayName = \"DocumentEditor\";\n\nexport default memo(Editor);\n"],"names":["EDITOR_ADDONS","DEFAULT_EDITOR_PROPS","isMenuIndependent","addons","size","IMAGE_UPLOAD_CONFIG","maxImageSize","allowedImageTypes","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","MediaUploader","setIsThumbnailImageModalOpen","thumbnailImageUrl","values","initialValues","submitForm","handleUpload","file","url","signedId","setTimeout","isEmpty","_jsx","Spinner","ImageUploader","className","src","uploadConfig","onUploadComplete","getThumbnailAddon","command","label","t","optionName","icon","Image","isEnabled","Editor","_ref$getTitleRef","getTitleRef","noop","_ref$getEditorRef","getEditorRef","menuClassName","_ref$editorContentFie","_ref$titleFieldName","_ref$editorProps","editorProps","customEditorProps","_ref$titleProps","titleProps","_ref$hasThumbnailImag","hasThumbnailImage","children","_useTranslation","useTranslation","Menu","Dropdown","MenuItem","useRef","_useState","useState","_useState2","_slicedToArray","isThumbnailImageModalOpen","useMemo","baseProps","mergeRight","thumbnailAddon","addonCommands","_useEditor","setTitleRef","node","setEditorRef","concat","handleTab","isListActive","isActive","sinkListItem","handleDeleteThumbnail","_jsxs","ref","FormikEditor","_objectSpread","attachmentsClassName","contentClassName","error","undefined","errorWrapperClassName","hideSlashCommands","name","classNames","contentWrapperClassName","keyboardShortcuts","Tab","onChange","onChangeAttachments","Textarea","nakedTextarea","rows","placeholder","onKeyDown","e","key","shiftKey","preventDefault","alt","strategy","buttonProps","style","MenuHorizontal","Button","onClick","Typography","Modal","isOpen","onClose","Header","displayName","memo"],"mappings":"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"}

package/dist/DynamicVariables.js

@@ -10,7 +10,7 @@ import { mergeLeft, uniqBy, prop, isEmpty } from 'ramda';
 import { n } from './inject-css-C2dztUxs.js';
 import { jsx, jsxs } from '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}";
+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:start;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}";
 n(css,{});
 
 var parseVariables = function parseVariables() {

package/dist/EmailPreview.js

@@ -77,7 +77,7 @@ var EmailPreview = withT(function (_ref) {
         })]
       })]
     }), /*#__PURE__*/jsxs("div", {
-      className: "neeto-ui-text-gray-800 flex flex-1 flex-col justify-between gap-y-6 p-6 pr-10 text-base leading-relaxed",
+      className: "neeto-ui-text-gray-800 flex flex-1 flex-col justify-between gap-y-6 p-6 pe-10 text-base leading-relaxed",
       "data-cy": "email-body-preview-container",
       children: [body ? /*#__PURE__*/jsx(MemoizedEditorContent, {
         content: body

package/dist/EmailPreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmailPreview.js","sources":["../src/components/EmailPreview.jsx"],"sourcesContent":["import { memo } from \"react\";\n\nimport classnames from \"classnames\";\nimport { isPresent } from \"neetocist\";\nimport withT from \"neetocommons/react-utils/withT\";\nimport { EditorContent } from \"neetoeditor\";\nimport { Typography, Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nconst MemoizedEditorContent = memo(EditorContent);\n\nconst EmailPreview = withT(\n  ({\n    t,\n    to = [],\n    from,\n    subject,\n    body,\n    actionButtonText,\n    logo,\n    className = \"\",\n    customContent,\n  }) => (\n    <div\n      data-cy=\"email-preview-card\"\n      data-testid=\"email-preview\"\n      className={classnames(\n        \"neeto-ui-border-gray-300 neeto-ui-shadow-m neeto-ui-bg-white neeto-ui-theme--light neeto-notification-email-wrapper__preview flex flex-1 flex-col border\",\n        className\n      )}\n    >\n      <div className=\"neeto-ui-border-gray-300 flex flex-col gap-y-3 border-b p-6\">\n        <div\n          className=\"flex gap-2\"\n          data-cy=\"email-send-to-preview\"\n          data-testid=\"email-to-block\"\n        >\n          <Typography\n            className=\"neeto-ui-text-gray-500\"\n            lineHeight=\"normal\"\n            style=\"body2\"\n          >\n            {t(\"neetoMolecules.emailPreview.to\")}:\n          </Typography>\n          {isPresent(to) ? (\n            <Typography\n              className=\"neeto-ui-text-gray-800 min-w-0 flex-grow break-words\"\n              lineHeight=\"normal\"\n              style=\"body2\"\n            >\n              {to.join(\", \")}\n            </Typography>\n          ) : (\n            <div className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full mt-2 h-2 w-40\" />\n          )}\n        </div>\n        {from && (\n          <div className=\"neeto-ui-border-gray-200 flex items-center gap-2 border-t pt-3\">\n            <Typography\n              className=\"neeto-ui-text-gray-500\"\n              lineHeight=\"normal\"\n              style=\"body2\"\n            >\n              {t(\"neetoMolecules.emailPreview.from\")}:\n            </Typography>\n            <Typography\n              className=\"neeto-ui-text-gray-800 min-w-0 flex-grow break-words\"\n              data-cy=\"email-send-from-preview\"\n              lineHeight=\"normal\"\n              style=\"body2\"\n            >\n              {from}\n            </Typography>\n          </div>\n        )}\n        <div className=\"neeto-ui-border-gray-200 flex items-center gap-2 border-t pt-3\">\n          <Typography\n            className=\"neeto-ui-text-gray-500\"\n            lineHeight=\"normal\"\n            style=\"body2\"\n          >\n            {t(\"neetoMolecules.emailPreview.subject\")}:\n          </Typography>\n          <Typography\n            className=\"neeto-ui-text-gray-800 min-w-0 flex-grow break-words\"\n            data-cy=\"email-subject-preview\"\n            lineHeight=\"normal\"\n            style=\"body2\"\n          >\n            {subject || (\n              <span className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2 w-40\" />\n            )}\n          </Typography>\n        </div>\n      </div>\n      <div\n        className=\"neeto-ui-text-gray-800 flex flex-1 flex-col justify-between gap-y-6 p-6 pr-10 text-base leading-relaxed\"\n        data-cy=\"email-body-preview-container\"\n      >\n        {body ? (\n          <MemoizedEditorContent content={body} />\n        ) : (\n          <div className=\"flex flex-col gap-y-4\">\n            <div className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2 w-48 max-w-full md:w-80\" />\n            <div className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2 w-40 max-w-full md:w-72\" />\n            <div className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2 w-48 max-w-full md:w-80\" />\n          </div>\n        )}\n        {customContent && customContent}\n        {actionButtonText && (\n          <div className=\"mt-6 flex w-full items-center justify-center\">\n            <Button className=\"pointer-events-none\" label={actionButtonText} />\n          </div>\n        )}\n        {logo && (\n          <img\n            alt={t(\"neetoMolecules.emailPreview.logoAltText\")}\n            className=\"h-20 w-36 object-cover\"\n            data-cy=\"company-logo-preview\"\n            src={logo}\n          />\n        )}\n      </div>\n    </div>\n  )\n);\n\nEmailPreview.propTypes = {\n  /**\n   * The value of the send-to field.\n   */\n  to: PropTypes.arrayOf(PropTypes.string),\n  /**\n   * The value of the send-from field.\n   */\n  from: PropTypes.string,\n  /**\n   * The subject of the email.\n   */\n  subject: PropTypes.string,\n  /**\n   * The body of the email.\n   */\n  body: PropTypes.string,\n  /**\n   * The text to be shown in the action button.\n   */\n  actionButtonText: PropTypes.string,\n  /**\n   * Source link for the company logo.\n   */\n  logo: PropTypes.string,\n  /**\n   * To pass custom content that will be rendered above the action button.\n   */\n  customContent: PropTypes.string,\n};\n\nexport default EmailPreview;\n"],"names":["MemoizedEditorContent","memo","EditorContent","EmailPreview","withT","_ref","t","_ref$to","to","from","subject","body","actionButtonText","logo","_ref$className","className","customContent","_jsxs","classnames","children","Typography","lineHeight","style","isPresent","_jsx","join","content","Button","label","alt","src","propTypes","PropTypes","arrayOf","string"],"mappings":"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"}
+{"version":3,"file":"EmailPreview.js","sources":["../src/components/EmailPreview.jsx"],"sourcesContent":["import { memo } from \"react\";\n\nimport classnames from \"classnames\";\nimport { isPresent } from \"neetocist\";\nimport withT from \"neetocommons/react-utils/withT\";\nimport { EditorContent } from \"neetoeditor\";\nimport { Typography, Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nconst MemoizedEditorContent = memo(EditorContent);\n\nconst EmailPreview = withT(\n  ({\n    t,\n    to = [],\n    from,\n    subject,\n    body,\n    actionButtonText,\n    logo,\n    className = \"\",\n    customContent,\n  }) => (\n    <div\n      data-cy=\"email-preview-card\"\n      data-testid=\"email-preview\"\n      className={classnames(\n        \"neeto-ui-border-gray-300 neeto-ui-shadow-m neeto-ui-bg-white neeto-ui-theme--light neeto-notification-email-wrapper__preview flex flex-1 flex-col border\",\n        className\n      )}\n    >\n      <div className=\"neeto-ui-border-gray-300 flex flex-col gap-y-3 border-b p-6\">\n        <div\n          className=\"flex gap-2\"\n          data-cy=\"email-send-to-preview\"\n          data-testid=\"email-to-block\"\n        >\n          <Typography\n            className=\"neeto-ui-text-gray-500\"\n            lineHeight=\"normal\"\n            style=\"body2\"\n          >\n            {t(\"neetoMolecules.emailPreview.to\")}:\n          </Typography>\n          {isPresent(to) ? (\n            <Typography\n              className=\"neeto-ui-text-gray-800 min-w-0 flex-grow break-words\"\n              lineHeight=\"normal\"\n              style=\"body2\"\n            >\n              {to.join(\", \")}\n            </Typography>\n          ) : (\n            <div className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full mt-2 h-2 w-40\" />\n          )}\n        </div>\n        {from && (\n          <div className=\"neeto-ui-border-gray-200 flex items-center gap-2 border-t pt-3\">\n            <Typography\n              className=\"neeto-ui-text-gray-500\"\n              lineHeight=\"normal\"\n              style=\"body2\"\n            >\n              {t(\"neetoMolecules.emailPreview.from\")}:\n            </Typography>\n            <Typography\n              className=\"neeto-ui-text-gray-800 min-w-0 flex-grow break-words\"\n              data-cy=\"email-send-from-preview\"\n              lineHeight=\"normal\"\n              style=\"body2\"\n            >\n              {from}\n            </Typography>\n          </div>\n        )}\n        <div className=\"neeto-ui-border-gray-200 flex items-center gap-2 border-t pt-3\">\n          <Typography\n            className=\"neeto-ui-text-gray-500\"\n            lineHeight=\"normal\"\n            style=\"body2\"\n          >\n            {t(\"neetoMolecules.emailPreview.subject\")}:\n          </Typography>\n          <Typography\n            className=\"neeto-ui-text-gray-800 min-w-0 flex-grow break-words\"\n            data-cy=\"email-subject-preview\"\n            lineHeight=\"normal\"\n            style=\"body2\"\n          >\n            {subject || (\n              <span className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2 w-40\" />\n            )}\n          </Typography>\n        </div>\n      </div>\n      <div\n        className=\"neeto-ui-text-gray-800 flex flex-1 flex-col justify-between gap-y-6 p-6 pe-10 text-base leading-relaxed\"\n        data-cy=\"email-body-preview-container\"\n      >\n        {body ? (\n          <MemoizedEditorContent content={body} />\n        ) : (\n          <div className=\"flex flex-col gap-y-4\">\n            <div className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2 w-48 max-w-full md:w-80\" />\n            <div className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2 w-40 max-w-full md:w-72\" />\n            <div className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2 w-48 max-w-full md:w-80\" />\n          </div>\n        )}\n        {customContent && customContent}\n        {actionButtonText && (\n          <div className=\"mt-6 flex w-full items-center justify-center\">\n            <Button className=\"pointer-events-none\" label={actionButtonText} />\n          </div>\n        )}\n        {logo && (\n          <img\n            alt={t(\"neetoMolecules.emailPreview.logoAltText\")}\n            className=\"h-20 w-36 object-cover\"\n            data-cy=\"company-logo-preview\"\n            src={logo}\n          />\n        )}\n      </div>\n    </div>\n  )\n);\n\nEmailPreview.propTypes = {\n  /**\n   * The value of the send-to field.\n   */\n  to: PropTypes.arrayOf(PropTypes.string),\n  /**\n   * The value of the send-from field.\n   */\n  from: PropTypes.string,\n  /**\n   * The subject of the email.\n   */\n  subject: PropTypes.string,\n  /**\n   * The body of the email.\n   */\n  body: PropTypes.string,\n  /**\n   * The text to be shown in the action button.\n   */\n  actionButtonText: PropTypes.string,\n  /**\n   * Source link for the company logo.\n   */\n  logo: PropTypes.string,\n  /**\n   * To pass custom content that will be rendered above the action button.\n   */\n  customContent: PropTypes.string,\n};\n\nexport default EmailPreview;\n"],"names":["MemoizedEditorContent","memo","EditorContent","EmailPreview","withT","_ref","t","_ref$to","to","from","subject","body","actionButtonText","logo","_ref$className","className","customContent","_jsxs","classnames","children","Typography","lineHeight","style","isPresent","_jsx","join","content","Button","label","alt","src","propTypes","PropTypes","arrayOf","string"],"mappings":";;;;;;;;;;;AASA,IAAMA,qBAAqB,gBAAGC,IAAI,CAACC,aAAa,CAAC;AAEjD,IAAMC,YAAY,GAAGC,KAAK,CACxB,UAAAC,IAAA,EAAA;AAAA,EAAA,IACEC,CAAC,GAAAD,IAAA,CAADC,CAAC;IAAAC,OAAA,GAAAF,IAAA,CACDG,EAAE;AAAFA,IAAAA,EAAE,GAAAD,OAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,OAAA;IACPE,IAAI,GAAAJ,IAAA,CAAJI,IAAI;IACJC,OAAO,GAAAL,IAAA,CAAPK,OAAO;IACPC,IAAI,GAAAN,IAAA,CAAJM,IAAI;IACJC,gBAAgB,GAAAP,IAAA,CAAhBO,gBAAgB;IAChBC,IAAI,GAAAR,IAAA,CAAJQ,IAAI;IAAAC,cAAA,GAAAT,IAAA,CACJU,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,cAAA;IACdE,aAAa,GAAAX,IAAA,CAAbW,aAAa;AAAA,EAAA,oBAEbC,IAAA,CAAA,KAAA,EAAA;AACE,IAAA,SAAA,EAAQ,oBAAoB;AAC5B,IAAA,aAAA,EAAY,eAAe;AAC3BF,IAAAA,SAAS,EAAEG,UAAU,CACnB,0JAA0J,EAC1JH,SACF,CAAE;AAAAI,IAAAA,QAAA,gBAEFF,IAAA,CAAA,KAAA,EAAA;AAAKF,MAAAA,SAAS,EAAC,6DAA6D;AAAAI,MAAAA,QAAA,gBAC1EF,IAAA,CAAA,KAAA,EAAA;AACEF,QAAAA,SAAS,EAAC,YAAY;AACtB,QAAA,SAAA,EAAQ,uBAAuB;AAC/B,QAAA,aAAA,EAAY,gBAAgB;QAAAI,QAAA,EAAA,cAE5BF,IAAA,CAACG,UAAU,EAAA;AACTL,UAAAA,SAAS,EAAC,wBAAwB;AAClCM,UAAAA,UAAU,EAAC,QAAQ;AACnBC,UAAAA,KAAK,EAAC,OAAO;AAAAH,UAAAA,QAAA,GAEZb,CAAC,CAAC,gCAAgC,CAAC,EAAC,GACvC;SAAY,CAAC,EACZiB,SAAS,CAACf,EAAE,CAAC,gBACZgB,GAAA,CAACJ,UAAU,EAAA;AACTL,UAAAA,SAAS,EAAC,sDAAsD;AAChEM,UAAAA,UAAU,EAAC,QAAQ;AACnBC,UAAAA,KAAK,EAAC,OAAO;AAAAH,UAAAA,QAAA,EAEZX,EAAE,CAACiB,IAAI,CAAC,IAAI;SACH,CAAC,gBAEbD,GAAA,CAAA,KAAA,EAAA;AAAKT,UAAAA,SAAS,EAAC;AAA0D,SAAE,CAC5E;AAAA,OACE,CAAC,EACLN,IAAI,iBACHQ,IAAA,CAAA,KAAA,EAAA;AAAKF,QAAAA,SAAS,EAAC,gEAAgE;QAAAI,QAAA,EAAA,cAC7EF,IAAA,CAACG,UAAU,EAAA;AACTL,UAAAA,SAAS,EAAC,wBAAwB;AAClCM,UAAAA,UAAU,EAAC,QAAQ;AACnBC,UAAAA,KAAK,EAAC,OAAO;AAAAH,UAAAA,QAAA,GAEZb,CAAC,CAAC,kCAAkC,CAAC,EAAC,GACzC;AAAA,SAAY,CAAC,eACbkB,GAAA,CAACJ,UAAU,EAAA;AACTL,UAAAA,SAAS,EAAC,sDAAsD;AAChE,UAAA,SAAA,EAAQ,yBAAyB;AACjCM,UAAAA,UAAU,EAAC,QAAQ;AACnBC,UAAAA,KAAK,EAAC,OAAO;AAAAH,UAAAA,QAAA,EAEZV;AAAI,SACK,CAAC;OACV,CACN,eACDQ,IAAA,CAAA,KAAA,EAAA;AAAKF,QAAAA,SAAS,EAAC,gEAAgE;QAAAI,QAAA,EAAA,cAC7EF,IAAA,CAACG,UAAU,EAAA;AACTL,UAAAA,SAAS,EAAC,wBAAwB;AAClCM,UAAAA,UAAU,EAAC,QAAQ;AACnBC,UAAAA,KAAK,EAAC,OAAO;AAAAH,UAAAA,QAAA,GAEZb,CAAC,CAAC,qCAAqC,CAAC,EAAC,GAC5C;AAAA,SAAY,CAAC,eACbkB,GAAA,CAACJ,UAAU,EAAA;AACTL,UAAAA,SAAS,EAAC,sDAAsD;AAChE,UAAA,SAAA,EAAQ,uBAAuB;AAC/BM,UAAAA,UAAU,EAAC,QAAQ;AACnBC,UAAAA,KAAK,EAAC,OAAO;UAAAH,QAAA,EAEZT,OAAO,iBACNc,GAAA,CAAA,MAAA,EAAA;AAAMT,YAAAA,SAAS,EAAC;WAAuD;AACxE,SACS,CAAC;AAAA,OACV,CAAC;KACH,CAAC,eACNE,IAAA,CAAA,KAAA,EAAA;AACEF,MAAAA,SAAS,EAAC,yGAAyG;AACnH,MAAA,SAAA,EAAQ,8BAA8B;AAAAI,MAAAA,QAAA,EAAA,CAErCR,IAAI,gBACHa,GAAA,CAACxB,qBAAqB,EAAA;AAAC0B,QAAAA,OAAO,EAAEf;OAAO,CAAC,gBAExCM,IAAA,CAAA,KAAA,EAAA;AAAKF,QAAAA,SAAS,EAAC,uBAAuB;AAAAI,QAAAA,QAAA,gBACpCK,GAAA,CAAA,KAAA,EAAA;AAAKT,UAAAA,SAAS,EAAC;SAA0E,CAAC,eAC1FS,GAAA,CAAA,KAAA,EAAA;AAAKT,UAAAA,SAAS,EAAC;SAA0E,CAAC,eAC1FS,GAAA,CAAA,KAAA,EAAA;AAAKT,UAAAA,SAAS,EAAC;AAAwE,SAAE,CAAC;OACvF,CACN,EACAC,aAAa,IAAIA,aAAa,EAC9BJ,gBAAgB,iBACfY,GAAA,CAAA,KAAA,EAAA;AAAKT,QAAAA,SAAS,EAAC,8CAA8C;QAAAI,QAAA,eAC3DK,GAAA,CAACG,MAAM,EAAA;AAACZ,UAAAA,SAAS,EAAC,qBAAqB;AAACa,UAAAA,KAAK,EAAEhB;SAAmB;AAAC,OAChE,CACN,EACAC,IAAI,iBACHW,GAAA,CAAA,KAAA,EAAA;AACEK,QAAAA,GAAG,EAAEvB,CAAC,CAAC,yCAAyC,CAAE;AAClDS,QAAAA,SAAS,EAAC,wBAAwB;AAClC,QAAA,SAAA,EAAQ,sBAAsB;AAC9Be,QAAAA,GAAG,EAAEjB;AAAK,OACX,CACF;AAAA,KACE,CAAC;AAAA,GACH,CAAC;AAAA,CAEV;AAEAV,YAAY,CAAC4B,SAAS,GAAG;AACvB;AACF;AACA;EACEvB,EAAE,EAAEwB,SAAS,CAACC,OAAO,CAACD,SAAS,CAACE,MAAM,CAAC;AACvC;AACF;AACA;EACEzB,IAAI,EAAEuB,SAAS,CAACE,MAAM;AACtB;AACF;AACA;EACExB,OAAO,EAAEsB,SAAS,CAACE,MAAM;AACzB;AACF;AACA;EACEvB,IAAI,EAAEqB,SAAS,CAACE,MAAM;AACtB;AACF;AACA;EACEtB,gBAAgB,EAAEoB,SAAS,CAACE,MAAM;AAClC;AACF;AACA;EACErB,IAAI,EAAEmB,SAAS,CAACE,MAAM;AACtB;AACF;AACA;EACElB,aAAa,EAAEgB,SAAS,CAACE;AAC3B,CAAC;;;;"}

package/dist/Engagements.js

@@ -39,7 +39,7 @@ var ActivityIcon = function ActivityIcon(_ref) {
         "neeto-ui-text-primary-600 neeto-ui-bg-primary-100": unread
       }),
       children: [icon, unread && /*#__PURE__*/jsx("span", {
-        className: "neeto-ui-rounded-full neeto-ui-bg-primary-800 absolute -right-0.5 -top-0.5 h-2 w-2"
+        className: "neeto-ui-rounded-full neeto-ui-bg-primary-800 absolute -end-0.5 -top-0.5 h-2 w-2"
       })]
     })
   });
@@ -81,7 +81,7 @@ var CommentHeader = function CommentHeader(_ref) {
     imageUrl: user.profileImageUrl
   };
   return /*#__PURE__*/jsxs("div", {
-    className: "neeto-ui-bg-gray-100 neeto-ui-border-gray-300 flex items-center justify-between rounded-t-md border-b py-1 pl-4 pr-1",
+    className: "neeto-ui-bg-gray-100 neeto-ui-border-gray-300 flex items-center justify-between rounded-t-md border-b py-1 pe-1 ps-4",
     children: [/*#__PURE__*/jsxs("div", {
       className: "flex min-w-0 flex-grow flex-wrap items-center gap-2",
       children: [/*#__PURE__*/jsx(Avatar, {
@@ -149,7 +149,7 @@ var Reactions = function Reactions(_ref) {
   return /*#__PURE__*/jsxs("div", {
     className: "mt-2 flex flex-wrap gap-0.5",
     children: [/*#__PURE__*/jsx("div", {
-      className: "neeto-ui-rounded-full neeto-ui-bg-gray-200 mr-2",
+      className: "neeto-ui-rounded-full neeto-ui-bg-gray-200 me-2",
       children: /*#__PURE__*/jsx(EmojiPicker, {
         onSelect: onSelect
       })
@@ -264,7 +264,7 @@ Comment.propTypes = {
   onRemoveReaction: PropTypes.func
 };
 
-var css = ".neeto-molecules-comments-node{position:relative}.neeto-molecules-comments-node:before{background-color:rgb(var(--neeto-ui-gray-200));content:\"\";height:1rem;left:31px;position:absolute;top:calc(100% + 1px);transform:translateX(-50%);width:2px}.neeto-molecules-engagements-node{position:relative}.neeto-molecules-engagements-node .neeto-ui-avatar__container{--neeto-ui-avatar-container-width:1.125rem;--neeto-ui-avatar-container-height:1.125rem;--neeto-ui-avatar-width:1.125rem;--neeto-ui-avatar-height:1.125rem}.neeto-molecules-engagements-node .neeto-ui-avatar__container>div{height:1.125rem;width:1.125rem}.neeto-molecules-engagements-node:before{background-color:rgb(var(--neeto-ui-gray-200));content:\"\";height:100%;left:32px;position:absolute;top:0;transform:translateX(-50%);width:2px}.neeto-molecules-activity-node-icon svg{height:16px;width:16px}";
+var css = ".neeto-molecules-comments-node{position:relative}.neeto-molecules-comments-node:before{background-color:rgb(var(--neeto-ui-gray-200));content:\"\";height:1rem;inset-inline-start:31px;position:absolute;top:calc(100% + 1px);transform:translateX(-50%);width:2px}.neeto-molecules-engagements-node{position:relative}.neeto-molecules-engagements-node .neeto-ui-avatar__container{--neeto-ui-avatar-container-width:1.125rem;--neeto-ui-avatar-container-height:1.125rem;--neeto-ui-avatar-width:1.125rem;--neeto-ui-avatar-height:1.125rem}.neeto-molecules-engagements-node .neeto-ui-avatar__container>div{height:1.125rem;width:1.125rem}.neeto-molecules-engagements-node:before{background-color:rgb(var(--neeto-ui-gray-200));content:\"\";height:100%;inset-inline-start:32px;position:absolute;top:0;transform:translateX(-50%);width:2px}.neeto-molecules-activity-node-icon svg{height:16px;width:16px}";
 n(css,{});
 
 var Engagements = function Engagements(_ref) {

package/dist/Engagements.js.map

@@ -1 +1 @@
-{"version":3,"file":"Engagements.js","sources":["../src/components/Engagements/Activity/Icon.jsx","../src/components/Engagements/Activity/index.jsx","../src/components/Engagements/Comment/Header.jsx","../src/components/Engagements/Comment/Reactions.jsx","../src/components/Engagements/constants.js","../src/components/Engagements/utils.js","../src/components/Engagements/Comment/index.jsx","../src/components/Engagements/index.jsx"],"sourcesContent":["import classNames from \"classnames\";\n\nconst ActivityIcon = ({ icon, unread }) => (\n  <div className=\"mx-0.5 flex-shrink-0\">\n    <span\n      className={classNames(\n        \"neeto-ui-bg-gray-200 neeto-ui-text-gray-600 neeto-ui-rounded-full neeto-molecules-activity-node-icon relative z-10 flex h-7 w-7 items-center justify-center p-1\",\n        {\n          \"neeto-ui-text-primary-600 neeto-ui-bg-primary-100\": unread,\n        }\n      )}\n    >\n      {icon}\n      {unread && (\n        <span className=\"neeto-ui-rounded-full neeto-ui-bg-primary-800 absolute -right-0.5 -top-0.5 h-2 w-2\" />\n      )}\n    </span>\n  </div>\n);\n\nexport default ActivityIcon;\n","import classNames from \"classnames\";\nimport { Avatar } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport ActivityIcon from \"./Icon\";\n\nconst Activity = ({\n  user,\n  icon,\n  unread = false,\n  className,\n  children,\n  userIcon,\n}) => (\n  <div\n    className={classNames(\n      \"neeto-molecules-engagements-node relative -mt-4 flex items-center gap-2 px-4 py-4\",\n      className\n    )}\n  >\n    <ActivityIcon {...{ icon, unread }} />\n    {userIcon || (\n      <Avatar\n        size=\"small\"\n        user={{ name: user.name, imageUrl: user.profileImageUrl }}\n      />\n    )}\n    <div className=\"neeto-molecules-engagements-node__children\">{children}</div>\n  </div>\n);\n\nActivity.propTypes = {\n  /** Object representing the user information  */\n  user: PropTypes.shape({ name: PropTypes.string.isRequired }).isRequired,\n\n  /** Element to render as the icon  */\n  icon: PropTypes.oneOfType([PropTypes.string, PropTypes.object]).isRequired,\n\n  /** Boolean indicating if the activity is unread to show unread badge */\n  unread: PropTypes.bool,\n\n  /**  Additional classes passed on to the board view. */\n  className: PropTypes.string,\n};\n\nexport default Activity;\n","import { isPresent } from \"neetocist\";\nimport { Avatar, Typography } from \"neetoui\";\n\nimport DateFormat from \"components/DateFormat\";\nimport MoreDropdown from \"components/MoreDropdown\";\n\nconst CommentHeader = ({ user, comment, info, actions }) => {\n  const avatar = { name: user.name, imageUrl: user.profileImageUrl };\n\n  return (\n    <div className=\"neeto-ui-bg-gray-100 neeto-ui-border-gray-300 flex items-center justify-between rounded-t-md border-b py-1 pl-4 pr-1\">\n      <div className=\"flex min-w-0 flex-grow flex-wrap items-center gap-2\">\n        <Avatar size=\"medium\" user={avatar} />\n        <Typography\n          className=\"neeto-ui-text-gray-700\"\n          style=\"body2\"\n          weight=\"semibold\"\n        >\n          {user.name}\n        </Typography>\n        <Typography className=\"neeto-ui-text-gray-700\" style=\"body2\">\n          •\n        </Typography>\n        {info && (\n          <>\n            <Typography\n              className=\"neeto-ui-text-gray-500 lowercase\"\n              style=\"body2\"\n            >\n              {info}\n            </Typography>\n            <Typography className=\"neeto-ui-text-gray-700\" style=\"body2\">\n              •\n            </Typography>\n          </>\n        )}\n        {comment.createdAt && (\n          <DateFormat.FromNow\n            date={comment.createdAt}\n            typographyProps={{\n              style: \"body2\",\n              className: \"neeto-ui-text-gray-500\",\n            }}\n          />\n        )}\n      </div>\n      {isPresent(actions) && (\n        <MoreDropdown\n          dropdownButtonProps={{ className: \"self-start fles-shrink-0\" }}\n          dropdownProps={{ position: \"bottom-start\" }}\n          menuItems={actions}\n        />\n      )}\n    </div>\n  );\n};\n\nexport default CommentHeader;\n","import { memo } from \"react\";\n\nimport classNames from \"classnames\";\nimport { findIndexBy } from \"neetocist\";\nimport { globalProps } from \"neetocommons/initializers\";\nimport { Tooltip, Typography } from \"neetoui\";\nimport { collectBy, eqProps, pathEq, pluck, prop } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport EmojiPicker from \"components/EmojiPicker\";\n\nconst findOwnIndex = findIndexBy({ userId: globalProps.user.id });\nconst groupReactions = collectBy(prop(\"unified\"));\n\nconst Reactions = ({ reactions, onAdd, onRemove }) => {\n  const { t } = useTranslation();\n  const groups = groupReactions(reactions);\n\n  const onSelect = emoji => {\n    // Try to find group to which emoji belongs in existing reactions.\n    const group = groups.find(pathEq(emoji.unified, [0, \"unified\"]));\n    if (group && findOwnIndex(group) >= 0) return; // User already reacted with same emoji.\n    onAdd({ ...emoji, emoji: emoji.native });\n  };\n\n  return (\n    <div className=\"mt-2 flex flex-wrap gap-0.5\">\n      <div className=\"neeto-ui-rounded-full neeto-ui-bg-gray-200 mr-2\">\n        <EmojiPicker {...{ onSelect }} />\n      </div>\n      {groups.map(reactions => {\n        const ownIndex = findOwnIndex(reactions);\n        const selected = ownIndex >= 0;\n        const reaction = selected ? reactions[ownIndex] : reactions[0];\n        const names = pluck(\"reactor\", reactions).join(\", \");\n\n        return (\n          <Tooltip\n            key={reaction.unified}\n            position=\"top\"\n            content={\n              <p className=\"text-center text-xs\">\n                {t(\"neetoMolecules.engagements.namesReacted\", { names })}\n              </p>\n            }\n          >\n            <div\n              className={classNames(\n                \"neeto-ui-rounded-full mx-1 flex cursor-pointer items-center justify-center px-2 py-1\",\n                {\n                  \"neeto-ui-bg-accent-100\": selected,\n                  \"neeto-ui-bg-gray-100\": !selected,\n                }\n              )}\n              onClick={() => (selected ? onRemove : onAdd)(reaction)}\n            >\n              <Typography\n                className=\"flex items-center gap-x-1 text-sm\"\n                style=\"body2\"\n              >\n                <span className=\"text-sm\">{reaction.emoji}</span>\n                <span className=\"text-sm\">{reactions.length}</span>\n              </Typography>\n            </div>\n          </Tooltip>\n        );\n      })}\n    </div>\n  );\n};\n\nexport default memo(Reactions, eqProps(\"reactions\"));\n","export const ACTIVITY_TYPES = {\n  TIMELINE: \"Timeline\",\n  FIELD_VALUE: \"FieldValue\",\n  TASK: \"Task\",\n  ASSIGNEE: \"Assignee\",\n  CHECKLIST: \"Checklist\",\n  FIELD: \"Field\",\n  PROJECT: \"Project\",\n  COMMENT: \"Comment\",\n  DOCUMENT: \"Document\",\n  CHAT_MESSAGE: \"ChatMessage\",\n  MESSAGE: \"Message\",\n  SECTION: \"Section\",\n  PROJECT_MEMBER: \"ProjectMember\",\n  PULL_REQUEST: \"NeetoGithubEngine::PullRequest\",\n};\n\nexport const ENGAGEMENT_TYPES = {\n  COMMENT: \"comment\",\n  ACTIVITY: \"activity\",\n};\n","import { ENGAGEMENT_TYPES } from \"./constants\";\n\nexport const createCommentElementId = comment =>\n  `neeto-molecules-engagement-comment--${comment.id}`;\n\nexport const defaultMatchType = engagement => {\n  if (engagement.commenter) return ENGAGEMENT_TYPES.COMMENT;\n  else if (engagement.creator) return ENGAGEMENT_TYPES.ACTIVITY;\n\n  return null;\n};\n","import { forwardRef } from \"react\";\n\nimport classNames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport CommentHeader from \"./Header\";\nimport Reactions from \"./Reactions\";\n\nimport { createCommentElementId } from \"../utils\";\n\nconst Comment = forwardRef(\n  (\n    {\n      user,\n      comment,\n      reactions,\n      info,\n      actions,\n      className,\n      children,\n      onAddReaction,\n      onRemoveReaction,\n    },\n    ref\n  ) => (\n    <div\n      {...{ ref }}\n      id={createCommentElementId(comment)}\n      className={classNames(\n        \"neeto-ui-bg-white neeto-ui-rounded-md neeto-ui-border-gray-300 neeto-molecules-comments-node mb-4 w-full border\",\n        className\n      )}\n    >\n      <CommentHeader {...{ actions, comment, info, user }} />\n      <div className=\"neeto-molecules-comments-node__inner p-4\">\n        {children}\n        {reactions !== false && (\n          <Reactions\n            {...{ reactions }}\n            onAdd={onAddReaction}\n            onRemove={onRemoveReaction}\n          />\n        )}\n      </div>\n    </div>\n  )\n);\n\nComment.displayName = \"Comment\";\nComment.propTypes = {\n  /** Object representing the user information  */\n  user: PropTypes.shape({ name: PropTypes.string.isRequired }).isRequired,\n\n  /** Object representing the comment item.  */\n  comment: PropTypes.shape({\n    id: PropTypes.string.isRequired,\n    createdAt: PropTypes.string.isRequired,\n  }).isRequired,\n\n  /** Array of reactions. Settings this to `false` will disable reactions for the item  */\n  reactions: PropTypes.oneOfType([PropTypes.array, PropTypes.bool]),\n\n  /**  Optional text label to be displayed in the header. */\n  info: PropTypes.string,\n\n  /**  Optional action items to be passed to the menuItems prop of the actions dropdown */\n  actions: PropTypes.arrayOf(\n    PropTypes.shape({\n      isVisible: PropTypes.bool,\n      key: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n      onClick: PropTypes.func.isRequired,\n    })\n  ),\n\n  /**  Additional classes passed on to the board view. */\n  className: PropTypes.string,\n\n  /** Callback function triggered when a reaction (emoji) is added */\n  onAddReaction: PropTypes.func,\n\n  /** Callback function triggered when a reaction (emoji) is removed*/\n  onRemoveReaction: PropTypes.func,\n};\n\nexport default Comment;\n","import React from \"react\";\n\nimport { noop } from \"neetocist\";\nimport PropTypes from \"prop-types\";\n\nimport Activity from \"./Activity\";\nimport Comment from \"./Comment\";\nimport { ENGAGEMENT_TYPES } from \"./constants\";\nimport \"./engagements.scss\";\nimport { defaultMatchType } from \"./utils\";\n\nconst Engagements = ({\n  data,\n  isActivitiesEnabled = false,\n  matchType = defaultMatchType,\n  renderComment,\n  renderActivity,\n}) => {\n  const rendererHashmap = {\n    [ENGAGEMENT_TYPES.COMMENT]: renderComment,\n    [ENGAGEMENT_TYPES.ACTIVITY]: isActivitiesEnabled ? renderActivity : noop,\n  };\n\n  return (\n    <>\n      {data.map((engagement, index) => {\n        const type = matchType(engagement);\n        const renderer = rendererHashmap[type];\n        if (!renderer) return null;\n\n        return (\n          <React.Fragment key={engagement.id}>\n            {renderer(engagement, index)}\n          </React.Fragment>\n        );\n      })}\n    </>\n  );\n};\n\nEngagements.displayName = \"Engagements\";\nEngagements.Comment = Comment;\nEngagements.Activity = Activity;\nEngagements.TYPES = ENGAGEMENT_TYPES;\n\nEngagements.propTypes = {\n  /**  An array of engagement items */\n  data: PropTypes.arrayOf(PropTypes.shape({ id: PropTypes.string.isRequired }))\n    .isRequired,\n\n  /** Boolean, determines whether activities are rendered. Defaults to false  */\n  isActivitiesEnabled: PropTypes.bool,\n\n  /** Optional function to match the item type. Receives item as argument and should return one of Engagements.TYPES.*/\n  matchType: PropTypes.func,\n\n  /** A function to render individual comment item. Receives comment and index as arguments  */\n  renderComment: PropTypes.func.isRequired,\n\n  /** A function to render individual activity item. Receives comment and index as arguments  */\n  renderActivity: PropTypes.func.isRequired,\n};\n\nexport default Engagements;\n"],"names":["ActivityIcon","_ref","icon","unread","_jsx","className","children","_jsxs","classNames","Activity","user","_ref$unread","userIcon","Avatar","size","name","imageUrl","profileImageUrl","CommentHeader","comment","info","actions","avatar","Typography","style","weight","_Fragment","createdAt","DateFormat","FromNow","date","typographyProps","isPresent","MoreDropdown","dropdownButtonProps","dropdownProps","position","menuItems","findOwnIndex","findIndexBy","userId","globalProps","id","groupReactions","collectBy","prop","Reactions","reactions","onAdd","onRemove","_useTranslation","useTranslation","t","groups","onSelect","emoji","group","find","pathEq","unified","_objectSpread","EmojiPicker","map","ownIndex","selected","reaction","names","pluck","join","Tooltip","content","onClick","length","memo","eqProps","ENGAGEMENT_TYPES","COMMENT","ACTIVITY","createCommentElementId","concat","defaultMatchType","engagement","commenter","creator","Comment","forwardRef","ref","onAddReaction","onRemoveReaction","displayName","propTypes","PropTypes","shape","string","isRequired","oneOfType","array","bool","arrayOf","isVisible","key","label","func","Engagements","data","_ref$isActivitiesEnab","isActivitiesEnabled","_ref$matchType","matchType","renderComment","renderActivity","rendererHashmap","_defineProperty","noop","index","type","renderer","React","Fragment","TYPES"],"mappings":"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"}
+{"version":3,"file":"Engagements.js","sources":["../src/components/Engagements/Activity/Icon.jsx","../src/components/Engagements/Activity/index.jsx","../src/components/Engagements/Comment/Header.jsx","../src/components/Engagements/Comment/Reactions.jsx","../src/components/Engagements/constants.js","../src/components/Engagements/utils.js","../src/components/Engagements/Comment/index.jsx","../src/components/Engagements/index.jsx"],"sourcesContent":["import classNames from \"classnames\";\n\nconst ActivityIcon = ({ icon, unread }) => (\n  <div className=\"mx-0.5 flex-shrink-0\">\n    <span\n      className={classNames(\n        \"neeto-ui-bg-gray-200 neeto-ui-text-gray-600 neeto-ui-rounded-full neeto-molecules-activity-node-icon relative z-10 flex h-7 w-7 items-center justify-center p-1\",\n        {\n          \"neeto-ui-text-primary-600 neeto-ui-bg-primary-100\": unread,\n        }\n      )}\n    >\n      {icon}\n      {unread && (\n        <span className=\"neeto-ui-rounded-full neeto-ui-bg-primary-800 absolute -end-0.5 -top-0.5 h-2 w-2\" />\n      )}\n    </span>\n  </div>\n);\n\nexport default ActivityIcon;\n","import classNames from \"classnames\";\nimport { Avatar } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport ActivityIcon from \"./Icon\";\n\nconst Activity = ({\n  user,\n  icon,\n  unread = false,\n  className,\n  children,\n  userIcon,\n}) => (\n  <div\n    className={classNames(\n      \"neeto-molecules-engagements-node relative -mt-4 flex items-center gap-2 px-4 py-4\",\n      className\n    )}\n  >\n    <ActivityIcon {...{ icon, unread }} />\n    {userIcon || (\n      <Avatar\n        size=\"small\"\n        user={{ name: user.name, imageUrl: user.profileImageUrl }}\n      />\n    )}\n    <div className=\"neeto-molecules-engagements-node__children\">{children}</div>\n  </div>\n);\n\nActivity.propTypes = {\n  /** Object representing the user information  */\n  user: PropTypes.shape({ name: PropTypes.string.isRequired }).isRequired,\n\n  /** Element to render as the icon  */\n  icon: PropTypes.oneOfType([PropTypes.string, PropTypes.object]).isRequired,\n\n  /** Boolean indicating if the activity is unread to show unread badge */\n  unread: PropTypes.bool,\n\n  /**  Additional classes passed on to the board view. */\n  className: PropTypes.string,\n};\n\nexport default Activity;\n","import { isPresent } from \"neetocist\";\nimport { Avatar, Typography } from \"neetoui\";\n\nimport DateFormat from \"components/DateFormat\";\nimport MoreDropdown from \"components/MoreDropdown\";\n\nconst CommentHeader = ({ user, comment, info, actions }) => {\n  const avatar = { name: user.name, imageUrl: user.profileImageUrl };\n\n  return (\n    <div className=\"neeto-ui-bg-gray-100 neeto-ui-border-gray-300 flex items-center justify-between rounded-t-md border-b py-1 pe-1 ps-4\">\n      <div className=\"flex min-w-0 flex-grow flex-wrap items-center gap-2\">\n        <Avatar size=\"medium\" user={avatar} />\n        <Typography\n          className=\"neeto-ui-text-gray-700\"\n          style=\"body2\"\n          weight=\"semibold\"\n        >\n          {user.name}\n        </Typography>\n        <Typography className=\"neeto-ui-text-gray-700\" style=\"body2\">\n          •\n        </Typography>\n        {info && (\n          <>\n            <Typography\n              className=\"neeto-ui-text-gray-500 lowercase\"\n              style=\"body2\"\n            >\n              {info}\n            </Typography>\n            <Typography className=\"neeto-ui-text-gray-700\" style=\"body2\">\n              •\n            </Typography>\n          </>\n        )}\n        {comment.createdAt && (\n          <DateFormat.FromNow\n            date={comment.createdAt}\n            typographyProps={{\n              style: \"body2\",\n              className: \"neeto-ui-text-gray-500\",\n            }}\n          />\n        )}\n      </div>\n      {isPresent(actions) && (\n        <MoreDropdown\n          dropdownButtonProps={{ className: \"self-start fles-shrink-0\" }}\n          dropdownProps={{ position: \"bottom-start\" }}\n          menuItems={actions}\n        />\n      )}\n    </div>\n  );\n};\n\nexport default CommentHeader;\n","import { memo } from \"react\";\n\nimport classNames from \"classnames\";\nimport { findIndexBy } from \"neetocist\";\nimport { globalProps } from \"neetocommons/initializers\";\nimport { Tooltip, Typography } from \"neetoui\";\nimport { collectBy, eqProps, pathEq, pluck, prop } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport EmojiPicker from \"components/EmojiPicker\";\n\nconst findOwnIndex = findIndexBy({ userId: globalProps.user.id });\nconst groupReactions = collectBy(prop(\"unified\"));\n\nconst Reactions = ({ reactions, onAdd, onRemove }) => {\n  const { t } = useTranslation();\n  const groups = groupReactions(reactions);\n\n  const onSelect = emoji => {\n    // Try to find group to which emoji belongs in existing reactions.\n    const group = groups.find(pathEq(emoji.unified, [0, \"unified\"]));\n    if (group && findOwnIndex(group) >= 0) return; // User already reacted with same emoji.\n    onAdd({ ...emoji, emoji: emoji.native });\n  };\n\n  return (\n    <div className=\"mt-2 flex flex-wrap gap-0.5\">\n      <div className=\"neeto-ui-rounded-full neeto-ui-bg-gray-200 me-2\">\n        <EmojiPicker {...{ onSelect }} />\n      </div>\n      {groups.map(reactions => {\n        const ownIndex = findOwnIndex(reactions);\n        const selected = ownIndex >= 0;\n        const reaction = selected ? reactions[ownIndex] : reactions[0];\n        const names = pluck(\"reactor\", reactions).join(\", \");\n\n        return (\n          <Tooltip\n            key={reaction.unified}\n            position=\"top\"\n            content={\n              <p className=\"text-center text-xs\">\n                {t(\"neetoMolecules.engagements.namesReacted\", { names })}\n              </p>\n            }\n          >\n            <div\n              className={classNames(\n                \"neeto-ui-rounded-full mx-1 flex cursor-pointer items-center justify-center px-2 py-1\",\n                {\n                  \"neeto-ui-bg-accent-100\": selected,\n                  \"neeto-ui-bg-gray-100\": !selected,\n                }\n              )}\n              onClick={() => (selected ? onRemove : onAdd)(reaction)}\n            >\n              <Typography\n                className=\"flex items-center gap-x-1 text-sm\"\n                style=\"body2\"\n              >\n                <span className=\"text-sm\">{reaction.emoji}</span>\n                <span className=\"text-sm\">{reactions.length}</span>\n              </Typography>\n            </div>\n          </Tooltip>\n        );\n      })}\n    </div>\n  );\n};\n\nexport default memo(Reactions, eqProps(\"reactions\"));\n","export const ACTIVITY_TYPES = {\n  TIMELINE: \"Timeline\",\n  FIELD_VALUE: \"FieldValue\",\n  TASK: \"Task\",\n  ASSIGNEE: \"Assignee\",\n  CHECKLIST: \"Checklist\",\n  FIELD: \"Field\",\n  PROJECT: \"Project\",\n  COMMENT: \"Comment\",\n  DOCUMENT: \"Document\",\n  CHAT_MESSAGE: \"ChatMessage\",\n  MESSAGE: \"Message\",\n  SECTION: \"Section\",\n  PROJECT_MEMBER: \"ProjectMember\",\n  PULL_REQUEST: \"NeetoGithubEngine::PullRequest\",\n};\n\nexport const ENGAGEMENT_TYPES = {\n  COMMENT: \"comment\",\n  ACTIVITY: \"activity\",\n};\n","import { ENGAGEMENT_TYPES } from \"./constants\";\n\nexport const createCommentElementId = comment =>\n  `neeto-molecules-engagement-comment--${comment.id}`;\n\nexport const defaultMatchType = engagement => {\n  if (engagement.commenter) return ENGAGEMENT_TYPES.COMMENT;\n  else if (engagement.creator) return ENGAGEMENT_TYPES.ACTIVITY;\n\n  return null;\n};\n","import { forwardRef } from \"react\";\n\nimport classNames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport CommentHeader from \"./Header\";\nimport Reactions from \"./Reactions\";\n\nimport { createCommentElementId } from \"../utils\";\n\nconst Comment = forwardRef(\n  (\n    {\n      user,\n      comment,\n      reactions,\n      info,\n      actions,\n      className,\n      children,\n      onAddReaction,\n      onRemoveReaction,\n    },\n    ref\n  ) => (\n    <div\n      {...{ ref }}\n      id={createCommentElementId(comment)}\n      className={classNames(\n        \"neeto-ui-bg-white neeto-ui-rounded-md neeto-ui-border-gray-300 neeto-molecules-comments-node mb-4 w-full border\",\n        className\n      )}\n    >\n      <CommentHeader {...{ actions, comment, info, user }} />\n      <div className=\"neeto-molecules-comments-node__inner p-4\">\n        {children}\n        {reactions !== false && (\n          <Reactions\n            {...{ reactions }}\n            onAdd={onAddReaction}\n            onRemove={onRemoveReaction}\n          />\n        )}\n      </div>\n    </div>\n  )\n);\n\nComment.displayName = \"Comment\";\nComment.propTypes = {\n  /** Object representing the user information  */\n  user: PropTypes.shape({ name: PropTypes.string.isRequired }).isRequired,\n\n  /** Object representing the comment item.  */\n  comment: PropTypes.shape({\n    id: PropTypes.string.isRequired,\n    createdAt: PropTypes.string.isRequired,\n  }).isRequired,\n\n  /** Array of reactions. Settings this to `false` will disable reactions for the item  */\n  reactions: PropTypes.oneOfType([PropTypes.array, PropTypes.bool]),\n\n  /**  Optional text label to be displayed in the header. */\n  info: PropTypes.string,\n\n  /**  Optional action items to be passed to the menuItems prop of the actions dropdown */\n  actions: PropTypes.arrayOf(\n    PropTypes.shape({\n      isVisible: PropTypes.bool,\n      key: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n      onClick: PropTypes.func.isRequired,\n    })\n  ),\n\n  /**  Additional classes passed on to the board view. */\n  className: PropTypes.string,\n\n  /** Callback function triggered when a reaction (emoji) is added */\n  onAddReaction: PropTypes.func,\n\n  /** Callback function triggered when a reaction (emoji) is removed*/\n  onRemoveReaction: PropTypes.func,\n};\n\nexport default Comment;\n","import React from \"react\";\n\nimport { noop } from \"neetocist\";\nimport PropTypes from \"prop-types\";\n\nimport Activity from \"./Activity\";\nimport Comment from \"./Comment\";\nimport { ENGAGEMENT_TYPES } from \"./constants\";\nimport \"./engagements.scss\";\nimport { defaultMatchType } from \"./utils\";\n\nconst Engagements = ({\n  data,\n  isActivitiesEnabled = false,\n  matchType = defaultMatchType,\n  renderComment,\n  renderActivity,\n}) => {\n  const rendererHashmap = {\n    [ENGAGEMENT_TYPES.COMMENT]: renderComment,\n    [ENGAGEMENT_TYPES.ACTIVITY]: isActivitiesEnabled ? renderActivity : noop,\n  };\n\n  return (\n    <>\n      {data.map((engagement, index) => {\n        const type = matchType(engagement);\n        const renderer = rendererHashmap[type];\n        if (!renderer) return null;\n\n        return (\n          <React.Fragment key={engagement.id}>\n            {renderer(engagement, index)}\n          </React.Fragment>\n        );\n      })}\n    </>\n  );\n};\n\nEngagements.displayName = \"Engagements\";\nEngagements.Comment = Comment;\nEngagements.Activity = Activity;\nEngagements.TYPES = ENGAGEMENT_TYPES;\n\nEngagements.propTypes = {\n  /**  An array of engagement items */\n  data: PropTypes.arrayOf(PropTypes.shape({ id: PropTypes.string.isRequired }))\n    .isRequired,\n\n  /** Boolean, determines whether activities are rendered. Defaults to false  */\n  isActivitiesEnabled: PropTypes.bool,\n\n  /** Optional function to match the item type. Receives item as argument and should return one of Engagements.TYPES.*/\n  matchType: PropTypes.func,\n\n  /** A function to render individual comment item. Receives comment and index as arguments  */\n  renderComment: PropTypes.func.isRequired,\n\n  /** A function to render individual activity item. Receives comment and index as arguments  */\n  renderActivity: PropTypes.func.isRequired,\n};\n\nexport default Engagements;\n"],"names":["ActivityIcon","_ref","icon","unread","_jsx","className","children","_jsxs","classNames","Activity","user","_ref$unread","userIcon","Avatar","size","name","imageUrl","profileImageUrl","CommentHeader","comment","info","actions","avatar","Typography","style","weight","_Fragment","createdAt","DateFormat","FromNow","date","typographyProps","isPresent","MoreDropdown","dropdownButtonProps","dropdownProps","position","menuItems","findOwnIndex","findIndexBy","userId","globalProps","id","groupReactions","collectBy","prop","Reactions","reactions","onAdd","onRemove","_useTranslation","useTranslation","t","groups","onSelect","emoji","group","find","pathEq","unified","_objectSpread","EmojiPicker","map","ownIndex","selected","reaction","names","pluck","join","Tooltip","content","onClick","length","memo","eqProps","ENGAGEMENT_TYPES","COMMENT","ACTIVITY","createCommentElementId","concat","defaultMatchType","engagement","commenter","creator","Comment","forwardRef","ref","onAddReaction","onRemoveReaction","displayName","propTypes","PropTypes","shape","string","isRequired","oneOfType","array","bool","arrayOf","isVisible","key","label","func","Engagements","data","_ref$isActivitiesEnab","isActivitiesEnabled","_ref$matchType","matchType","renderComment","renderActivity","rendererHashmap","_defineProperty","noop","index","type","renderer","React","Fragment","TYPES"],"mappings":"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"}

package/dist/FileUpload.js

@@ -201,7 +201,7 @@ var ErrorMessages = function ErrorMessages(_ref) {
   });
 };
 
-var css = ".neeto-ui-theme--dark,.neeto-ui-theme--light,:root{--neeto-molecules-file-upload-dropzone-color:var(--neeto-ui-gray-800),1;--neeto-molecules-file-upload-dropzone-help-text-color:var(--neeto-ui-gray-700),1;--neeto-molecules-file-upload-dropzone-icon-color:var(--neeto-ui-primary-500),1;--neeto-molecules-file-upload-dropzone-background-color:var(--neeto-ui-white),1;--neeto-molecules-file-upload-dropzone-hover-background-color:var(--neeto-ui-gray-100,1);--neeto-molecules-file-upload-dropzone-border-color:var(--neeto-ui-gray-400),1;--neeto-molecules-file-upload-border-radius:var(--neeto-ui-rounded-md);--neeto-molecules-file-upload-transition:var(--neeto-ui-transition);--neeto-molecules-file-upload-list-item-border-color:var(--neeto-ui-gray-400),1;--neeto-molecules-file-upload-list-item-background-color:var(--neeto-ui-white),1;--neeto-molecules-file-upload-preview-icon-color:var(--neeto-ui-gray-400),1;--neeto-molecules-file-upload-progress-ring-background-color:var(--neeto-ui-primary-500),1;--neeto-molecules-file-upload-success-background-color:var(--neeto-ui-primary-500),1;--neeto-molecules-file-upload-success-color:var(--neeto-ui-white),1;--neeto-molecules-file-upload-cancel-background-color:var(--neeto-ui-error-500),1;--neeto-molecules-file-upload-cancel-color:var(--neeto-ui-white),1;--neeto-molecules-file-upload-error-color:var(--neeto-ui-error-500),1;--neeto-molecules-file-upload-error-background-color:var(--neeto-ui-white),1}.neeto-molecules-file-upload__dropzone{background-color:rgba(var(--neeto-molecules-file-upload-dropzone-background-color));border:2px dashed rgba(var(--neeto-molecules-file-upload-dropzone-border-color));border-radius:var(--neeto-molecules-file-upload-border-radius);color:rgba(var(--neeto-molecules-file-upload-dropzone-color));padding:1.5em;transition:var(--neeto-molecules-file-upload-transition)}.neeto-molecules-file-upload__dropzone:hover{background-color:rgba(var(--neeto-molecules-file-upload-dropzone-hover-background-color))}.neeto-molecules-file-upload__dropzone-inner{text-align:center}.neeto-molecules-file-upload__upload-icon{color:rgba(var(--neeto-molecules-file-upload-dropzone-icon-color));display:block;margin-bottom:1.25em;margin-left:auto;margin-right:auto}.neeto-molecules-file-upload__upload-label{display:flex;font-size:1rem;gap:.3125em;justify-content:center}.neeto-molecules-file-upload__choose-file{font-weight:500}.neeto-molecules-file-upload__dropzone-helper-block{margin-top:.5em}.neeto-molecules-file-upload__dropzone-helper-text{color:rgba(var(--neeto-molecules-file-upload-dropzone-help-text-color));display:block;font-size:.75rem;line-height:1.2;margin-bottom:.5rem}.neeto-molecules-file-upload__uploaded-list{list-style:none;margin:1.25em 0;padding:0}.neeto-molecules-file-upload__uploaded-list-item{align-items:center;background-color:rgba(var(--neeto-molecules-file-upload-list-item-background-color));border:1px solid rgba(var(--neeto-molecules-file-upload-list-item-border-color));display:flex;gap:.75em;list-style:none;margin-bottom:-.0625rem;padding:.5em .75em}.neeto-molecules-file-upload__uploaded-list-item:first-of-type{border-top-left-radius:var(--neeto-molecules-file-upload-border-radius);border-top-right-radius:var(--neeto-molecules-file-upload-border-radius)}.neeto-molecules-file-upload__uploaded-list-item:last-of-type{border-bottom-left-radius:var(--neeto-molecules-file-upload-border-radius);border-bottom-right-radius:var(--neeto-molecules-file-upload-border-radius)}.neeto-molecules-file-upload__file-preview{color:rgba(var(--neeto-molecules-file-upload-preview-icon-color));position:relative}.neeto-molecules-file-upload__file-preview .neeto-molecules-progress{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.neeto-molecules-file-upload__file-preview .neeto-molecules-progress__circle-wrapper{color:rgba(var(--neeto-molecules-file-upload-progress-ring-background-color));position:relative}.neeto-molecules-file-upload__file-info{word-wrap:break-word;display:flex;flex-direction:column;flex-grow:1;min-width:0;overflow-wrap:break-word}.neeto-molecules-file-upload__file-info-name{font-size:.875em;margin-bottom:.3125em}.neeto-molecules-file-upload__file-info-size{color:rgba(var(--neeto-molecules-file-upload-dropzone-help-text-color));font-size:.75em}.neeto-molecules-file-upload__actions{flex-shrink:0;margin-left:auto;position:relative}.neeto-molecules-file-upload__success-indicator{align-items:center;border-radius:100%;display:inline-flex;height:1.75em;justify-content:center;width:1.75em}.neeto-molecules-file-upload__success-indicator.neeto-molecules-file-upload__success-indicator--active{background-color:rgba(var(--neeto-molecules-file-upload-success-background-color));color:rgba(var(--neeto-molecules-file-upload-success-color))}.neeto-molecules-file-upload__button--red{align-items:center;background-color:rgba(var(--neeto-molecules-file-upload-cancel-background-color));border-radius:100%;color:rgba(var(--neeto-molecules-file-upload-cancel-color));display:inline-flex;height:1.75em;justify-content:center;width:1.75em}.neeto-molecules-file-upload__remove-button{left:0;opacity:0;position:absolute;top:0;transition:var(--neeto-molecules-file-upload-transition);visibility:hidden}.neeto-molecules-file-upload__actions:hover .neeto-molecules-file-upload__remove-button{opacity:1;visibility:visible}.neeto-molecules-invisible{visibility:hidden}.neeto-molecules-input__error-text{font-size:.875rem;line-height:1.2;margin-top:.5em}.neeto-molecules-input__error-text-style-handle{background-color:rgba(var(--neeto-molecules-file-upload-error-background-color));border-radius:.1875rem;color:rgba(var(--neeto-molecules-file-upload-error-color));display:inline-block;font-size:.875rem;line-height:1.2;padding:.1875rem .375rem}";
+var css = ".neeto-ui-theme--dark,.neeto-ui-theme--light,:root{--neeto-molecules-file-upload-dropzone-color:var(--neeto-ui-gray-800),1;--neeto-molecules-file-upload-dropzone-help-text-color:var(--neeto-ui-gray-700),1;--neeto-molecules-file-upload-dropzone-icon-color:var(--neeto-ui-primary-500),1;--neeto-molecules-file-upload-dropzone-background-color:var(--neeto-ui-white),1;--neeto-molecules-file-upload-dropzone-hover-background-color:var(--neeto-ui-gray-100,1);--neeto-molecules-file-upload-dropzone-border-color:var(--neeto-ui-gray-400),1;--neeto-molecules-file-upload-border-radius:var(--neeto-ui-rounded-md);--neeto-molecules-file-upload-transition:var(--neeto-ui-transition);--neeto-molecules-file-upload-list-item-border-color:var(--neeto-ui-gray-400),1;--neeto-molecules-file-upload-list-item-background-color:var(--neeto-ui-white),1;--neeto-molecules-file-upload-preview-icon-color:var(--neeto-ui-gray-400),1;--neeto-molecules-file-upload-progress-ring-background-color:var(--neeto-ui-primary-500),1;--neeto-molecules-file-upload-success-background-color:var(--neeto-ui-primary-500),1;--neeto-molecules-file-upload-success-color:var(--neeto-ui-white),1;--neeto-molecules-file-upload-cancel-background-color:var(--neeto-ui-error-500),1;--neeto-molecules-file-upload-cancel-color:var(--neeto-ui-white),1;--neeto-molecules-file-upload-error-color:var(--neeto-ui-error-500),1;--neeto-molecules-file-upload-error-background-color:var(--neeto-ui-white),1}.neeto-molecules-file-upload__dropzone{background-color:rgba(var(--neeto-molecules-file-upload-dropzone-background-color));border:2px dashed rgba(var(--neeto-molecules-file-upload-dropzone-border-color));border-radius:var(--neeto-molecules-file-upload-border-radius);color:rgba(var(--neeto-molecules-file-upload-dropzone-color));padding:1.5em;transition:var(--neeto-molecules-file-upload-transition)}.neeto-molecules-file-upload__dropzone:hover{background-color:rgba(var(--neeto-molecules-file-upload-dropzone-hover-background-color))}.neeto-molecules-file-upload__dropzone-inner{text-align:center}.neeto-molecules-file-upload__upload-icon{color:rgba(var(--neeto-molecules-file-upload-dropzone-icon-color));display:block;margin-bottom:1.25em;margin-inline-end:auto;margin-inline-start:auto}.neeto-molecules-file-upload__upload-label{display:flex;font-size:1rem;gap:.3125em;justify-content:center}.neeto-molecules-file-upload__choose-file{font-weight:500}.neeto-molecules-file-upload__dropzone-helper-block{margin-top:.5em}.neeto-molecules-file-upload__dropzone-helper-text{color:rgba(var(--neeto-molecules-file-upload-dropzone-help-text-color));display:block;font-size:.75rem;line-height:1.2;margin-bottom:.5rem}.neeto-molecules-file-upload__uploaded-list{list-style:none;margin:1.25em 0;padding:0}.neeto-molecules-file-upload__uploaded-list-item{align-items:center;background-color:rgba(var(--neeto-molecules-file-upload-list-item-background-color));border:1px solid rgba(var(--neeto-molecules-file-upload-list-item-border-color));display:flex;gap:.75em;list-style:none;margin-bottom:-.0625rem;padding:.5em .75em}.neeto-molecules-file-upload__uploaded-list-item:first-of-type{border-start-end-radius:var(--neeto-molecules-file-upload-border-radius);border-start-start-radius:var(--neeto-molecules-file-upload-border-radius)}.neeto-molecules-file-upload__uploaded-list-item:last-of-type{border-end-end-radius:var(--neeto-molecules-file-upload-border-radius);border-end-start-radius:var(--neeto-molecules-file-upload-border-radius)}.neeto-molecules-file-upload__file-preview{color:rgba(var(--neeto-molecules-file-upload-preview-icon-color));position:relative}.neeto-molecules-file-upload__file-preview .neeto-molecules-progress{align-items:center;display:flex;height:100%;inset-inline-start:0;justify-content:center;position:absolute;top:0;width:100%}.neeto-molecules-file-upload__file-preview .neeto-molecules-progress__circle-wrapper{color:rgba(var(--neeto-molecules-file-upload-progress-ring-background-color));position:relative}.neeto-molecules-file-upload__file-info{word-wrap:break-word;display:flex;flex-direction:column;flex-grow:1;min-width:0;overflow-wrap:break-word}.neeto-molecules-file-upload__file-info-name{font-size:.875em;margin-bottom:.3125em}.neeto-molecules-file-upload__file-info-size{color:rgba(var(--neeto-molecules-file-upload-dropzone-help-text-color));font-size:.75em}.neeto-molecules-file-upload__actions{flex-shrink:0;margin-inline-start:auto;position:relative}.neeto-molecules-file-upload__success-indicator{align-items:center;border-radius:100%;display:inline-flex;height:1.75em;justify-content:center;width:1.75em}.neeto-molecules-file-upload__success-indicator.neeto-molecules-file-upload__success-indicator--active{background-color:rgba(var(--neeto-molecules-file-upload-success-background-color));color:rgba(var(--neeto-molecules-file-upload-success-color))}.neeto-molecules-file-upload__button--red{align-items:center;background-color:rgba(var(--neeto-molecules-file-upload-cancel-background-color));border-radius:100%;color:rgba(var(--neeto-molecules-file-upload-cancel-color));display:inline-flex;height:1.75em;justify-content:center;width:1.75em}.neeto-molecules-file-upload__remove-button{inset-inline-start:0;opacity:0;position:absolute;top:0;transition:var(--neeto-molecules-file-upload-transition);visibility:hidden}.neeto-molecules-file-upload__actions:hover .neeto-molecules-file-upload__remove-button{opacity:1;visibility:visible}.neeto-molecules-invisible{visibility:hidden}.neeto-molecules-input__error-text{font-size:.875rem;line-height:1.2;margin-top:.5em}.neeto-molecules-input__error-text-style-handle{background-color:rgba(var(--neeto-molecules-file-upload-error-background-color));border-radius:.1875rem;color:rgba(var(--neeto-molecules-file-upload-error-color));display:inline-block;font-size:.875rem;line-height:1.2;padding:.1875rem .375rem}";
 n(css,{});
 
 var Progress = function Progress(_ref) {

package/dist/FinderModal.js

@@ -146,7 +146,7 @@ var ModalBody = function ModalBody(_ref) {
   });
 };
 
-var css = ".neeto-molecules-finder-modal__search .neeto-ui-input--naked input{padding-left:4px}.neeto-molecules-finder-modal-backdrop{grid-template-columns:100%}.neeto-molecules-finder-modal-backdrop .neeto-ui-modal__wrapper.neeto-molecules-finder-modal{margin-left:auto;margin-right:auto;max-width:740px;width:100%}.neeto-molecules-finder-matched-tag{background-color:#fbe48f!important}.neeto-molecules-finder-modal__footer{--neeto-ui-modal-footer-bg:rgb(var(--neeto-ui-white))}";
+var css = ".neeto-molecules-finder-modal__search .neeto-ui-input--naked input{padding-inline-start:4px}.neeto-molecules-finder-modal-backdrop{grid-template-columns:100%}.neeto-molecules-finder-modal-backdrop .neeto-ui-modal__wrapper.neeto-molecules-finder-modal{margin-inline-end:auto;margin-inline-start:auto;max-width:740px;width:100%}.neeto-molecules-finder-matched-tag{background-color:#fbe48f!important}.neeto-molecules-finder-modal__footer{--neeto-ui-modal-footer-bg:rgb(var(--neeto-ui-white))}";
 n(css,{});
 
 var ModalFooter = function ModalFooter(_ref) {
@@ -219,14 +219,14 @@ var ModalHeader = withT(function (_ref) {
       name: "term",
       placeholder: t("neetoMolecules.common.actions.search"),
       suffix: /*#__PURE__*/jsxs("div", {
-        className: "ml-3 flex items-center",
+        className: "ms-3 flex items-center",
         children: [/*#__PURE__*/jsx("div", {
           className: "h-4 w-4 flex-shrink-0",
           children: loading && /*#__PURE__*/jsx(Spinner, {
             size: "small"
           })
         }), enableAdvancedSearch && /*#__PURE__*/jsx(Button, {
-          className: "ml-3 whitespace-nowrap",
+          className: "ms-3 whitespace-nowrap",
           label: t("neetoMolecules.finderModal.advancedSearch"),
           size: "small",
           style: "secondary",