@bigbinary/neeto-molecules 4.3.0 → 4.3.2

package/src/translations/pl.json

@@ -30,7 +30,8 @@
         "enable": "Włącz",
         "disable": "Wyłącz",
         "share": "Udostępnij",
-        "done": "Zrobione"
+        "done": "Zrobione",
+        "remove": "Usuń"
       },
       "reacted": "Zareagował",
       "record": "rekord",
@@ -907,7 +908,8 @@
         "allowedFileTypes": "Dozwolone typy plików to {{types}}",
         "oneFileAllowed": "Proszę przesłać tylko 1 plik",
         "chooseFileOrDragHere": "Wybierz plik lub przeciągnij tutaj"
-      }
+      },
+      "fileUploadSuccessful": "Przesyłanie zakończone"
     },
     "deviceIncompatibility": {
       "description": "Zakładka projektowania nie jest obecnie obsługiwana w tym rozmiarze ekranu. Proszę przełączyć się na ekran szerszy niż 768px."

package/src/translations/pt-BR.json

@@ -94,7 +94,8 @@
         "allowedFileTypes": "Os tipos de arquivo permitidos são {{types}}",
         "oneFileAllowed": "Por favor, envie apenas 1 arquivo",
         "chooseFileOrDragHere": "Escolha o arquivo ou arraste aqui"
-      }
+      },
+      "fileUploadSuccessful": "Upload completo"
     },
     "deviceIncompatibility": {
       "description": "A aba de design não é suportada nesse tamanho de tela. Por favor, mude para uma tela maior que 768px de largura."
@@ -186,7 +187,8 @@
         "enable": "Habilitar",
         "disable": "Desabilitar",
         "share": "Compartilhar",
-        "done": "Concluído"
+        "done": "Concluído",
+        "remove": "Remover"
       },
       "reacted": "Reagiu",
       "record": "registro",

package/src/translations/pt.json

@@ -30,7 +30,8 @@
         "enable": "Ativar",
         "disable": "Desativar",
         "share": "Compartilhar",
-        "done": "Feito"
+        "done": "Feito",
+        "remove": "Remover"
       },
       "reacted": "Reagiu",
       "record": "registro",
@@ -907,7 +908,8 @@
         "allowedFileTypes": "Os tipos de arquivo permitidos são {{types}}",
         "oneFileAllowed": "Por favor, envie apenas 1 arquivo",
         "chooseFileOrDragHere": "Escolha o arquivo ou arraste-o aqui"
-      }
+      },
+      "fileUploadSuccessful": "Upload concluído"
     },
     "deviceIncompatibility": {
       "description": "A aba de design atualmente não é suportada neste tamanho de tela. Por favor, mude para uma tela maior que 768px de largura."

package/src/translations/ro.json

@@ -94,7 +94,8 @@
         "allowedFileTypes": "Tipurile de fișiere permise sunt {{types}}",
         "oneFileAllowed": "Vă rugăm să încărcați doar 1 fișier",
         "chooseFileOrDragHere": "Alegeți fișierul sau trageți-l aici"
-      }
+      },
+      "fileUploadSuccessful": "Încărcare completă"
     },
     "deviceIncompatibility": {
       "description": "Tabloul de proiectare nu este în prezent compatibil cu această dimensiune a ecranului. Vă rugăm să comutați la un ecran mai mare de 768px lățime."
@@ -186,7 +187,8 @@
         "enable": "Activează",
         "disable": "Dezactivează",
         "share": "Împărtășește",
-        "done": "Finalizat"
+        "done": "Finalizat",
+        "remove": "Eliminați"
       },
       "reacted": "Reacționat",
       "record": "înregistrare",

package/src/translations/ru.json

@@ -88,7 +88,8 @@
         "allowedFileTypes": "Допустимые типы файлов: {{types}}",
         "oneFileAllowed": "Пожалуйста, загрузите только 1 файл",
         "chooseFileOrDragHere": "Выберите файл или перетащите сюда"
-      }
+      },
+      "fileUploadSuccessful": "Загрузка завершена"
     },
     "deviceIncompatibility": {
       "description": "Вкладка дизайна в данный момент не поддерживается на этом размере экрана. Пожалуйста, переключитесь на экран шире 768 пикселей."
@@ -180,7 +181,8 @@
         "enable": "Включить",
         "disable": "Отключить",
         "share": "Поделиться",
-        "done": "Готово"
+        "done": "Готово",
+        "remove": "Удалить"
       },
       "reacted": "Отреагировал",
       "record": "запись",

package/src/translations/sk.json

@@ -94,7 +94,8 @@
         "allowedFileTypes": "Povolené typy súborov sú {{types}}",
         "oneFileAllowed": "Prosím, nahrajte iba 1 súbor",
         "chooseFileOrDragHere": "Vyberte súbor alebo presuňte sem"
-      }
+      },
+      "fileUploadSuccessful": "Nahrávanie dokončené"
     },
     "deviceIncompatibility": {
       "description": "Karta dizajnu momentálne nie je podporovaná v tejto šírke obrazovky. Prepnite sa na obrazovku väčšiu ako 768 pixelov."
@@ -186,7 +187,8 @@
         "enable": "Povoliť",
         "disable": "Zakázať",
         "share": "Zdieľať",
-        "done": "Hotovo"
+        "done": "Hotovo",
+        "remove": "Odstrániť"
       },
       "reacted": "Reagoval",
       "record": "záznam",

package/src/translations/sl.json

@@ -94,7 +94,8 @@
         "allowedFileTypes": "Dovoljene vrste datotek so {{types}}",
         "oneFileAllowed": "Naložite lahko samo 1 datotek",
         "chooseFileOrDragHere": "Izberite datoteko ali povlecite sem"
-      }
+      },
+      "fileUploadSuccessful": "Nalaganje končano"
     },
     "deviceIncompatibility": {
       "description": "Zavihek za oblikovanje trenutno ni podprt v tej velikosti zaslona. Prosimo, preklopite na zaslon, ki je širši od 768px."
@@ -186,7 +187,8 @@
         "enable": "Omogoči",
         "disable": "Onemogoči",
         "share": "Deli",
-        "done": "Končano"
+        "done": "Končano",
+        "remove": "Odstrani"
       },
       "reacted": "Reagirano",
       "record": "zapis",

package/src/translations/sv.json

@@ -94,7 +94,8 @@
         "allowedFileTypes": "Tillåtna filtyper är {{types}}",
         "oneFileAllowed": "Vänligen ladda upp endast 1 fil",
         "chooseFileOrDragHere": "Välj fil eller dra hit"
-      }
+      },
+      "fileUploadSuccessful": "Uppladdning färdig"
     },
     "deviceIncompatibility": {
       "description": "Designfliken stöds för närvarande inte i denna skärmstorlek. Vänligen väx till en skärm som är större än 768px bred."
@@ -186,7 +187,8 @@
         "enable": "Aktivera",
         "disable": "Inaktivera",
         "share": "Dela",
-        "done": "Klar"
+        "done": "Klar",
+        "remove": "Ta bort"
       },
       "reacted": "Reagerad",
       "record": "post",

package/src/translations/th.json

@@ -484,7 +484,8 @@
         "enable": "เปิดใช้งาน",
         "disable": "ปิดการใช้งาน",
         "share": "แชร์",
-        "done": "เสร็จสิ้น"
+        "done": "เสร็จสิ้น",
+        "remove": "ลบ"
       },
       "reacted": "ตอบสนองแล้ว",
       "record": "บันทึก",
@@ -907,7 +908,8 @@
         "allowedFileTypes": "ประเภทไฟล์ที่อนุญาตคือ {{types}}",
         "oneFileAllowed": "โปรดอัปโหลดเพียง 1 ไฟล์",
         "chooseFileOrDragHere": "เลือกไฟล์หรือลากที่นี่"
-      }
+      },
+      "fileUploadSuccessful": "การอัปโหลดเสร็จสมบูรณ์"
     },
     "deviceIncompatibility": {
       "description": "แท็บดีไซน์ไม่รองรับในขนาดหน้าจอนี้ โปรดเปลี่ยนไปใช้หน้าจอที่กว้างกว่า 768px."

package/src/translations/tr.json

@@ -94,7 +94,8 @@
         "allowedFileTypes": "İzin verilen dosya türleri {{types}}'dir.",
         "oneFileAllowed": "Lütfen sadece 1 dosya yükleyin",
         "chooseFileOrDragHere": "Dosya seçin veya buraya sürükleyin"
-      }
+      },
+      "fileUploadSuccessful": "Yükleme tamamlandı"
     },
     "deviceIncompatibility": {
       "description": "Tasarım sekmesi, bu ekran boyutunda desteklenmiyor. Lütfen 768px genişliğinden daha büyük bir ekrana geçin."
@@ -186,7 +187,8 @@
         "enable": "Etkinleştir",
         "disable": "Devre dışı bırak",
         "share": "Paylaş",
-        "done": "Tamam"
+        "done": "Tamam",
+        "remove": "Kaldır"
       },
       "reacted": "Tepki verildi",
       "record": "kayıt",

package/src/translations/uk.json

@@ -94,7 +94,8 @@
         "allowedFileTypes": "Дозволені типи файлів: {{types}}",
         "oneFileAllowed": "Будь ласка, завантажте лише 1 файл",
         "chooseFileOrDragHere": "Виберіть файл або перетягніть сюди"
-      }
+      },
+      "fileUploadSuccessful": "Завантаження завершено"
     },
     "deviceIncompatibility": {
       "description": "Вкладка дизайну наразі не підтримується на цьому розмірі екрану. Будь ласка, змініть на екран ширше 768px."
@@ -186,7 +187,8 @@
         "enable": "Увімкнути",
         "disable": "Вимкнути",
         "share": "Поділитися",
-        "done": "Готово"
+        "done": "Готово",
+        "remove": "Видалити"
       },
       "reacted": "Взаємодіяв",
       "record": "запис",

package/src/translations/vi.json

@@ -94,7 +94,8 @@
         "allowedFileTypes": "Các loại tệp được phép là {{types}}",
         "oneFileAllowed": "Vui lòng chỉ tải lên 1 tệp",
         "chooseFileOrDragHere": "Chọn tệp hoặc kéo vào đây"
-      }
+      },
+      "fileUploadSuccessful": "Tải lên thành công"
     },
     "deviceIncompatibility": {
       "description": "Tab thiết kế hiện không hỗ trợ kích thước màn hình này. Vui lòng chuyển sang màn hình lớn hơn 768px."
@@ -186,7 +187,8 @@
         "enable": "Kích hoạt",
         "disable": "Vô hiệu hóa",
         "share": "Chia sẻ",
-        "done": "Hoàn thành"
+        "done": "Hoàn thành",
+        "remove": "Xóa"
       },
       "reacted": "Đã phản hồi",
       "record": "ghi lại",

package/src/translations/zh-CN.json

@@ -94,7 +94,8 @@
         "allowedFileTypes": "允许的文件类型为 {{types}}",
         "oneFileAllowed": "请仅上传1个文件",
         "chooseFileOrDragHere": "选择文件或拖到这里"
-      }
+      },
+      "fileUploadSuccessful": "上传完成"
     },
     "deviceIncompatibility": {
       "description": "设计标签在此屏幕尺寸下目前不被支持。请切换到宽度大于768px的屏幕。"
@@ -186,7 +187,8 @@
         "enable": "启用",
         "disable": "禁用",
         "share": "分享",
-        "done": "完成"
+        "done": "完成",
+        "remove": "移除"
       },
       "reacted": "已反应",
       "record": "记录",

package/src/translations/zh-TW.json

@@ -94,7 +94,8 @@
         "allowedFileTypes": "允許的文件類型為 {{types}}",
         "oneFileAllowed": "請僅上傳 1 個文件",
         "chooseFileOrDragHere": "選擇文件或拖放到這裡"
-      }
+      },
+      "fileUploadSuccessful": "上傳完成"
     },
     "deviceIncompatibility": {
       "description": "設計標籤目前不支持此屏幕尺寸。請切換到寬度大於 768 像素的屏幕。"
@@ -186,7 +187,8 @@
         "enable": "啟用",
         "disable": "禁用",
         "share": "分享",
-        "done": "完成"
+        "done": "完成",
+        "remove": "移除"
       },
       "reacted": "已回應",
       "record": "記錄",

package/types/v2/BoardView.d.ts

@@ -0,0 +1,27 @@
+type SectionData = { id: string };
+type ItemData = { id: string };
+
+type SectionArgs = { section: SectionData; index: number };
+type ItemArgs = { Item: ItemData; section: SectionData; index: number };
+
+const BoardView: React.FC<{
+  ref?: React.Ref<HTMLDivElement>;
+  sections: SectionData[];
+  renderSection: (args: SectionArgs) => React.ReactNode;
+  renderSectionOverlay?: (args: SectionArgs) => React.ReactNode;
+  renderItemOverlay?: (args: ItemArgs) => React.ReactNode;
+  onMoveSection?: (source: SectionArgs, destination: SectionArgs) => void;
+  onMoveItem?: (source: ItemArgs, destination: ItemArgs) => void;
+  className?: string;
+  isDragAndDropDisabled?: boolean;
+}> & {
+  Section: React.FC<{
+    ref?: React.Ref<HTMLDivElement>;
+    section: SectionData;
+    items: ItemData[];
+    renderItem: (args: ItemArgs) => React.ReactNode;
+    isDragAndDropDisabled?: boolean;
+  }>;
+};
+
+export default BoardView;

package/types/v2/CalendarView.d.ts

@@ -0,0 +1,40 @@
+import React from "react";
+
+import { DateClickArg, EventClickArg } from "@fullcalendar/react";
+import { Dayjs } from "dayjs";
+import { EventContentArg } from "@fullcalendar/core";
+
+type ViewOption = {
+  label: string;
+  fullCalendarView: string;
+  picker: string;
+  default?: boolean;
+};
+
+type ViewOptionsType = {
+  [key: string]: ViewOption;
+};
+
+interface EventObject {
+  title: string;
+  start: Date;
+  [key: string]: any;
+}
+
+const CalendarView: React.FC<{
+  viewOptions?: ViewOptionsType;
+  events?: EventObject[];
+  handleDateClick?: (info: DateClickArg) => void;
+  handleEventClick?: (info: EventClickArg) => void;
+  onDateChange?: (date: Dayjs) => void;
+  eventClassNames?: string | ((arg: EventContentArg) => string);
+  eventContent?: (arg: EventContentArg) => void;
+  dayCellClassNames?: string | ((arg: any) => string);
+  dayMaxEvents?: number;
+  eventMaxStack?: number;
+  validDates?: { start: Dayjs | Date | null; end: Dayjs | Date | null };
+  hideHeader?: boolean;
+  locale?: string;
+}>;
+
+export default CalendarView;

package/types/v2/DateFormat.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+
+import { TooltipProps } from "@bigbinary/neeto-atoms";
+import {
+  timeFormat,
+  DateTimeType,
+} from "@bigbinary/neeto-commons-frontend/utils";
+
+const DateFormat: {
+  [key in Capitalize<keyof typeof timeFormat>]: React.FC<{
+    date: DateTimeType;
+    timerInterval?: number;
+    tooltipDateFormat?: keyof typeof timeFormat;
+    typographyProps?: React.HTMLAttributes<HTMLSpanElement>;
+    tooltipProps?: Partial<TooltipProps>;
+  }>;
+};
+
+export default DateFormat;

package/types/v2/DocumentEditor.d.ts

@@ -0,0 +1,20 @@
+import { FormikEditorProps, attachment } from "@bigbinary/neeto-editor";
+import { TextareaProps } from "@bigbinary/neeto-atoms";
+
+const DocumentEditor: React.FC<{
+  attachments?: attachment[];
+  onContentChange?: (content: string) => void;
+  onAttachmentChange?: (attachments: attachment[]) => void;
+  onTitleChange?: (title: string) => void;
+  getTitleRef?: (ref: HTMLTextAreaElement | null) => void;
+  getEditorRef?: (ref: any) => void;
+  editorContentFieldName?: string;
+  titleFieldName?: string;
+  editorProps?: FormikEditorProps;
+  titleProps?: TextareaProps;
+  menuClassName?: string;
+  children?: React.ReactNode;
+  hasThumbnailImage?: boolean;
+}>;
+
+export default DocumentEditor;

package/types/v2/EmojiPicker.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+
+type Emoji = {
+  native: string;
+  unified: string;
+};
+
+const EmojiPicker: React.FC<{
+  onSelect?: (emoji: Emoji) => void;
+  open?: boolean;
+  dropdownProps?: Record<string, unknown>;
+}>;
+
+export default EmojiPicker;

package/types/v2/Engagements.d.ts

@@ -0,0 +1,50 @@
+import React from "react";
+
+import { ENGAGEMENT_TYPES } from "../src/v2/components/Engagements/constants";
+
+type Emoji = { native: string; unified: string };
+type MenuItems = {
+  label: string;
+  onClick: () => void;
+  key: string;
+  isVisible?: boolean;
+};
+
+type UserData = { name: string; profileImageUrl?: string };
+type CommentData = {
+  id: string;
+  createdAt?: string;
+  commenter?: UserData;
+  [key: string]: any;
+};
+
+type ActivityData = { id: string; creator?: UserData; [key: string]: any };
+type EngagementType = (typeof ENGAGEMENT_TYPES)[keyof typeof ENGAGEMENT_TYPES];
+
+const Engagements: React.FC<{
+  data: Array<CommentData | ActivityData>;
+  isActivitiesEnabled?: boolean;
+  matchType?: (engagement: CommentData | ActivityData) => EngagementType;
+  renderComment: (engagement: CommentData, index: number) => React.ReactNode;
+  renderActivity: (engagement: ActivityData, index: number) => React.ReactNode;
+}> & {
+  Comment: React.FC<{
+    user: UserData;
+    comment: CommentData;
+    reactions?: boolean | Emoji[];
+    info?: string;
+    actions?: MenuItems[];
+    className?: string;
+    onAddReaction?: (emoji: Emoji) => void;
+    onRemoveReaction?: (emoji: Emoji) => void;
+  }>;
+  Activity: React.FC<{
+    user: UserData;
+    icon: React.ReactNode;
+    unread?: boolean;
+    className?: string;
+  }>;
+  TYPES: typeof ENGAGEMENT_TYPES;
+};
+
+export default Engagements;

package/types/v2/FileUpload.d.ts

@@ -0,0 +1,30 @@
+import React from "react";
+
+interface FileObject {
+  url: string;
+  size?: number;
+  name: string;
+}
+export interface FileUploadProps {
+  className?: string;
+  allowedFileTypes?: string;
+  multipleFilesAllowed?: boolean;
+  maxFileSize?: number;
+  hasFileSizeLimit?: boolean;
+  isPreview?: boolean;
+  minFileSize?: number;
+  files?: FileObject[];
+  onChange?: (files: FileObject[] | []) => void;
+  error?: string;
+  setError?: (error: string) => void;
+  setTouched?: (touched: boolean) => void;
+}
+
+export interface FormikFileUploadProps extends FileUploadProps {
+  name: string;
+}
+
+const FileUpload: React.FC<FileUploadProps>;
+const FormikFileUpload: React.FC<FormikFileUploadProps>;
+
+export { FileUpload, FormikFileUpload };

package/types/v2/FinderModal.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+
+interface Data {
+  [key: string]: Array<{
+    id: string;
+    url: string;
+    content?: string;
+    body?: string;
+    name?: string;
+  }>;
+}
+
+const FinderModal: React.FC<{
+  enableAdvancedSearch?: boolean;
+  data: Data;
+  isFetching: boolean;
+  isOpen: boolean;
+  searchTerm: string;
+  setSearchTerm: (searchTerm: string) => void;
+  onClose: () => void;
+  onGoToAdvanced?: () => void;
+}>;
+
+export default FinderModal;

package/types/v2/InlineInput.d.ts

@@ -0,0 +1,28 @@
+import React from "react";
+
+import { InputProps, ButtonProps } from "@bigbinary/neeto-atoms";
+
+export interface InlineInputProps extends InputProps {
+  className?: string;
+  value?: string;
+  nullable?: boolean;
+  isSaving?: boolean;
+  saveOnBlur?: boolean;
+  clearOnSave?: boolean;
+  submitButtonProps?: ButtonProps;
+  cancelButtonProps?: ButtonProps;
+  handleSubmit: (value: string) => void;
+  handleCancel: (value: string) => void;
+  size?: "small" | "medium" | "large";
+}
+
+export interface FormikInlineInputProps extends InlineInputProps {
+  name: string;
+  handleSubmit?: (value: string) => void;
+  handleCancel?: (value: string) => void;
+}
+
+const InlineInput: React.ForwardRefExoticComponent<InlineInputProps>;
+const FormikInlineInput: React.ForwardRefExoticComponent<FormikInlineInputProps>;
+
+export { InlineInput, FormikInlineInput };

package/types/v2/NavigationHeader.d.ts

@@ -0,0 +1,80 @@
+import React from "react";
+
+import { ButtonProps } from "@bigbinary/neeto-atoms";
+
+interface NavLinkProps {
+  activeClassName?: string;
+  disabled?: boolean;
+  exact?: boolean;
+}
+
+type TooltipPropType = { content: string; position: string };
+type HomeButtonPropType = { tooltip: TooltipPropType; icon: React.ReactNode };
+
+type MenuItemPropType = {
+  key: string;
+  label: string;
+  onClick?: () => void;
+  disabled?: boolean;
+  isDisabled?: boolean;
+  tooltipProps?: { content: string };
+};
+
+type MoreOptionsPropType = {
+  isVertical?: boolean;
+  dropdownButtonProps?: { size?: string; className?: string };
+  menuItems?: MenuItemPropType[];
+};
+
+type HeaderLinkPropType = {
+  key: string;
+  to: string;
+  label: string;
+  className?: string;
+  labelProps?: Record<string, unknown>;
+  moreOptions?: MoreOptionsPropType;
+} & NavLinkProps;
+
+type RightActionBlockPropTypes = {
+  isDraftBlockHidden?: boolean;
+  previewDraftUrl?: string;
+  isResetDraftButtonVisible?: boolean;
+  onResetClick?: () => void;
+  isResetting?: boolean;
+  isPublishDisabled?: boolean;
+  isPublishing?: boolean;
+  handlePublish?: () => void;
+  isPublishPreviewDisabled?: boolean;
+  previewPublishedUrl?: string;
+  isPublishButtonVisible?: boolean;
+  isResetAlertOpen?: boolean;
+  setIsResetAlertOpen?: (open: boolean) => void;
+  handleReset?: () => void;
+  publishAlertTitle?: string;
+  publishAlertDescription?: string;
+  publishButtonProps?: ButtonProps;
+};
+
+type NavigationLinkPropsType = {
+  headerLinks: HeaderLinkPropType[];
+  maxVisibleLinks?: number;
+};
+
+type LeftBlockPropTypes = {
+  homeButtonProps?: HomeButtonPropType;
+  homeUrl: string;
+  renameProps?: Record<string, unknown>;
+  children?: React.ReactNode;
+};
+
+const NavigationHeader: React.FC<{
+  leftActionBlock?: React.ReactNode;
+  navigationLinks?: React.ReactNode;
+  rightActionBlock?: React.ReactNode;
+}> & {
+  RightActionBlock: React.FC<RightActionBlockPropTypes>;
+  NavigationLinks: React.FC<NavigationLinkPropsType>;
+  LeftActionBlock: React.FC<LeftBlockPropTypes>;
+};
+
+export default NavigationHeader;