@gisce/react-ooui 0.1.0

package/src/index.ts

@@ -0,0 +1,136 @@
+import { Button } from "@/widgets/base/Button";
+import { Char } from "@/widgets/base/Char";
+import { Selection } from "@/widgets/base/Selection";
+import { Boolean } from "@/widgets/base/Boolean";
+import { Many2one } from "@/widgets/base/many2one/Many2one";
+import { One2many } from "@/widgets/base/one2many/One2many";
+import Tree from "@/widgets/views/Tree";
+import { Float } from "@/widgets/base/Float";
+import { ProgressBar } from "@/widgets/base/ProgressBar";
+import { FloatTime } from "@/widgets/base/FloatTime";
+import { Integer } from "@/widgets/base/Integer";
+import Group from "@/widgets/containers/Group";
+import Notebook from "@/widgets/containers/Notebook";
+import Form from "@/widgets/views/Form";
+import Label from "@/widgets/base/Label";
+import Text from "@/widgets/base/Text";
+import { Separator } from "@/widgets/base/Separator";
+import SearchFilter from "@/widgets/views/searchFilter/SearchFilter";
+import SearchTree from "@/widgets/views/SearchTree";
+import { FormModal } from "@/widgets/modals/FormModal";
+import { SearchModal } from "@/widgets/modals/SearchModal";
+import Date from "@/widgets/base/Date";
+import DateTime from "@/widgets/base/DateTime";
+import {
+  One2manyValue,
+  One2manyItem,
+} from "@/widgets/base/one2many/One2manyInput";
+import { Reference } from "@/widgets/base/Reference";
+import { Binary } from "@/widgets/base/Binary";
+import iconMapper from "@/helpers/iconMapper";
+import ActionBar from "@/actionbar/FormActionBar";
+import { Url } from "@/widgets/base/Url";
+import { Email } from "@/widgets/base/Email";
+import { Image } from "@/widgets/base/Image";
+import showConfirmDialog from "@/ui/ConfirmDialog";
+import Dashboard from "@/widgets/views/Dashboard/Dashboard";
+import {
+  DashboardGridItem,
+  DashboardGrid,
+} from "@/widgets/views/DashboardGrid";
+import { GraphIndicator } from "@/widgets/views/Graph/GraphIndicator";
+
+import {
+  TreeView,
+  SearchFields,
+  FormView,
+  ConnectionProviderType,
+  SearchRequest,
+  SearchResponse,
+  CreateObjectRequest,
+  UpdateObjectRequest,
+  ViewData,
+  Views,
+  ExecuteRequest,
+  ReadObjectsRequest,
+  DeleteObjectsRequest,
+  CreateReportRequest,
+  GetReportRequest,
+  ExecuteOnChangeRequest,
+  GetViewRequest,
+  DefaultGetRequest,
+  ReadEvalUiObjectsRequest,
+  NameSearchRequest,
+} from "@/types";
+import ConnectionProvider from "@/ConnectionProvider";
+import RootView from "./views/RootView";
+import TabSelector from "./views/TabSelector";
+import CurrentTabContent from "./views/CurrentTabContent";
+import ContentRootProvider from "./context/ContentRootContext";
+import FavouriteButton from "./ui/FavouriteButton";
+
+export {
+  Button,
+  Char,
+  Selection,
+  Boolean,
+  Many2one,
+  Tree,
+  Group,
+  SearchFilter,
+  Form,
+  Notebook,
+  Float,
+  FloatTime,
+  Integer,
+  Label,
+  Text,
+  TreeView,
+  FormView,
+  SearchFields,
+  Separator,
+  SearchTree,
+  SearchRequest,
+  SearchResponse,
+  CreateObjectRequest,
+  UpdateObjectRequest,
+  ConnectionProvider,
+  ConnectionProviderType,
+  ViewData,
+  Views,
+  ExecuteRequest,
+  ReadObjectsRequest,
+  ReadEvalUiObjectsRequest,
+  DeleteObjectsRequest,
+  FormModal,
+  SearchModal,
+  One2many,
+  One2manyItem,
+  One2manyValue,
+  Date,
+  DateTime,
+  Reference,
+  Binary,
+  iconMapper,
+  CreateReportRequest,
+  GetReportRequest,
+  ExecuteOnChangeRequest,
+  ActionBar,
+  GetViewRequest,
+  DefaultGetRequest,
+  RootView,
+  TabSelector,
+  CurrentTabContent,
+  Url,
+  Email,
+  Image,
+  ContentRootProvider,
+  showConfirmDialog,
+  NameSearchRequest,
+  ProgressBar,
+  FavouriteButton,
+  Dashboard,
+  GraphIndicator,
+  DashboardGridItem,
+  DashboardGrid,
+};

package/src/locales/ca_ES.tsx

@@ -0,0 +1,85 @@
+export default {
+  true: "Sí",
+  false: "No",
+  simple_search: "Búsqueda simple",
+  advanced_search: "Búsqueda avançada",
+  search: "Buscar",
+  parameters: "Paràmetres",
+  limit: "Limit",
+  first: "Primer",
+  no_results: "No hi ha resultats",
+  summary:
+    "Mostrant resultats des de {from} fins {to} d'un total de {total} registres",
+  welcome: "Benvingut",
+  attachments: "Adjunts",
+  addNewAttachment: "Afegir nou adjunt",
+  viewAs: "Veure com",
+  confirmRemoveItem: "Estàs segur de volguer eliminar aquest item?",
+  save: "Desar",
+  delete: "Eliminar",
+  refresh: "Refrescar",
+  previous: "Anterior",
+  next: "Següent",
+  actions: "Accions",
+  reports: "Informes",
+  related: "Relacionat",
+  new: "Nou",
+  fillRequiredField: "Siusplau, omple aquest camp obligatori",
+  fillRequiredFields: "Siusplau, omple tots els camps obligatoris",
+  generatingReport: "Generant informe...",
+  confirmation: "Confirmació",
+  ok: "D'acord",
+  cancel: "Cancel·lar",
+  formHasErrors: "El formulari té errors",
+  unsavedChanges: "Hi ha canvis sense guardar",
+  confirmRefreshWithoutSave:
+    "Estàs segur de volguer refrescar la pàgina sense guardar els canvis?",
+  discardAndRefresh: "Descarta els canvis i refresca",
+  removeItems: "Elimina el registre/s",
+  confirmRemove: "Estàs segur de volguer eliminar els registre/s seleccionats?",
+  yesConfirmRemove: "Sí, elimina",
+  unlinkItems: "Desenllaça registre/s",
+  confirmUnlink:
+    "Estàs segur de volguer desenllaçar els registre/s seleccionats?",
+  yesConfirmUnlink: "Sí, desenllaça",
+  confirmCloseWithoutSave:
+    "Estàs segur de volguer tancar aquesta finestra sense guardar?",
+  closeWithoutSaving: "Tancar sense guardar",
+  action: "Acció",
+  report: "Informe",
+  selectAction: "Selecciona una acció",
+  download: "Descarrega",
+  clear: "Neteja",
+  open: "Obre",
+  uploadNewImage: "Puja una nova imatge",
+  noCurrentEntries: "No hi ha registres",
+  duplicate: "Duplicar",
+  downloadingAttachment: "Descarregant adjunt...",
+  tree: "llista",
+  form: "formulari",
+  favorites: "Els meus favorits",
+  edit_favorites: "Edita els favorits",
+  no_favorites: "No tens favorits guardats",
+  register: "Registre",
+  of: "de",
+  editingDocument: "Editant document",
+  showLogs: "Veure logs",
+  createdBy: "Creat per l'usuari",
+  creationDate: "Data creació",
+  lastUpdatedBy: "Última modificació per",
+  lastUpdatedDate: "Data última modificació",
+  goToResourceId: "Vés al recurs amb ID",
+  searchId: "ID de cerca:",
+  idNotFound: "No es troba aquesta id de recurs per l'objecte",
+  selectedRegisters: "registres seleccionats",
+  translate: "Traduïr",
+  enterTextBeforeTranslate:
+    "Introdueix algun text al camp abans d'afegir traduccions",
+  saveBeforeTranslate:
+    "Heu de desar el registre abans d'afegir les traduccions",
+  configDashboard: "Configurar panell",
+  moveDashboard: "Moure items del panell",
+  openAttachment: "Veure detall de l'adjunt",
+  openAttachmentLink: "Obrir enllaç de l'adjunt",
+  uninformed: "Sense informar",
+};

package/src/locales/en_US.tsx

@@ -0,0 +1,82 @@
+export default {
+  true: "Yes",
+  false: "No",
+  simple_search: "Simple search",
+  advanced_search: "Advanced search",
+  search: "Search",
+  parameters: "Parameters",
+  limit: "Limit",
+  first: "First",
+  no_results: "No results",
+  summary: "Showing registers from {from} to {to} of {total} registers",
+  welcome: "Welcome",
+  attachments: "Attachments",
+  addNewAttachment: "Add new attachment",
+  viewAs: "View as",
+  confirmRemoveItem: "Are you sure to remove this item?",
+  save: "Save",
+  delete: "Delete",
+  refresh: "Refresh",
+  previous: "Previous",
+  next: "Next",
+  actions: "Actions",
+  reports: "Reports",
+  related: "Related",
+  new: "New",
+  fillRequiredField: "Please fill this required field",
+  fillRequiredFields: "Please fill all the required fields",
+  generatingReport: "Generating report...",
+  confirmation: "Confirmation",
+  ok: "OK",
+  cancel: "Cancel",
+  formHasErrors: "Form has errors",
+  unsavedChanges: "There are unsaved changes",
+  confirmRefreshWithoutSave:
+    "Do you really want to refresh this window without saving?",
+  discardAndRefresh: "Discard changes and refresh",
+  removeItems: "Remove item/s",
+  confirmRemove: "Are you sure you want to remove the selected item/s?",
+  yesConfirmRemove: "Yes, remove",
+  unlinkItems: "Unlink item/s",
+  confirmUnlink: "Are you sure you want to unlink the selected item/s?",
+  yesConfirmUnlink: "Yes, unlink",
+  confirmCloseWithoutSave:
+    "Do you really want to close this window without saving?",
+  closeWithoutSaving: "Close without saving",
+  action: "Action",
+  report: "Report",
+  selectAction: "Select an action",
+  download: "Download",
+  clear: "Clear",
+  open: "Open",
+  uploadNewImage: "Upload new image",
+  noCurrentEntries: "No current entries",
+  duplicate: "Duplicate",
+  downloadingAttachment: "Downloading attachment...",
+  tree: "list",
+  form: "form",
+  favorites: "My shortcuts",
+  edit_favorites: "Edit shortcuts",
+  no_favorites: "You don't have any shortcuts saved yet",
+  register: "Register",
+  of: "of",
+  editingDocument: "Editing document",
+  showLogs: "Show logs",
+  createdBy: "Created by user",
+  creationDate: "Creation date",
+  lastUpdatedBy: "Last modified by",
+  lastUpdatedDate: "Date of last modification",
+  goToResourceId: "Go to resource ID",
+  searchId: "Search ID:",
+  idNotFound: "Resource ID does not exist for this object!",
+  selectedRegisters: "selected registers",
+  translate: "Translate",
+  enterTextBeforeTranslate:
+    "Enter some text to the related field before adding translations",
+  saveBeforeTranslate: "You must save the record before adding translations",
+  configDashboard: "Setup dashboard",
+  moveDashboard: "Move dashboard items",
+  openAttachment: "Open attachment detail",
+  openAttachmentLink: "Open attachment link",
+  uninformed: "Uninformed",
+};

package/src/locales/es_ES.tsx

@@ -0,0 +1,86 @@
+export default {
+  true: "Sí",
+  false: "No",
+  simple_search: "Búsqueda simple",
+  advanced_search: "Búsqueda avanzada",
+  search: "Buscar",
+  parameters: "Parametros",
+  limit: "Límite",
+  first: "Primero",
+  no_results: "No hay resultados",
+  summary:
+    "Mostrando resultado desde {from} hasta {to} de un total de {total} registros",
+  welcome: "Bienvenido",
+  attachments: "Adjuntos",
+  addNewAttachment: "Añadir nuevo adjunto",
+  viewAs: "Ver cómo",
+  confirmRemoveItem: "Estás seguro de querer eliminar éste registro?",
+  save: "Guardar",
+  delete: "Eliminar",
+  refresh: "Refrescar",
+  previous: "Anterior",
+  next: "Siguiente",
+  actions: "Acciones",
+  reports: "Informes",
+  related: "Relacionado",
+  new: "Nuevo",
+  fillRequiredField: "Por favor, rellena éste campo obligatorio",
+  fillRequiredFields: "Por favor, rellena todos los campos obligatorios",
+  generatingReport: "Generando informe...",
+  confirmation: "Confirmacióm",
+  ok: "De acuerdo",
+  cancel: "Cancelar",
+  formHasErrors: "El formulario tiene errores",
+  unsavedChanges: "Hay cambios sin guardar",
+  confirmRefreshWithoutSave:
+    "Estás seguro de querer refrescar la página sin guardar los cambios?",
+  discardAndRefresh: "Descarta los cambios y refresca",
+  removeItems: "Eliminar el registro/s",
+  confirmRemove:
+    "Estás seguro de querer eliminar los registro/s seleccionados?",
+  yesConfirmRemove: "Sí, elimina",
+  unlinkItems: "Desenlaza registro/s",
+  confirmUnlink:
+    "Estás seguro de querer desenlazar los registro/s seleccionados?",
+  yesConfirmUnlink: "Sí, desenlaza",
+  confirmCloseWithoutSave:
+    "Estás seguro de querer cerrar ésta ventana sin cerrar?",
+  closeWithoutSaving: "Cerrar sin guardar",
+  action: "Acción",
+  report: "Informe",
+  selectAction: "Selecciona una acción",
+  download: "Descarga",
+  clear: "Limpiar",
+  open: "Abrir",
+  uploadNewImage: "Subir una nueva imágen",
+  noCurrentEntries: "No hay registros",
+  duplicate: "Duplicar",
+  downloadingAttachment: "Descargando adjunto...",
+  tree: "lista",
+  form: "formulario",
+  favorites: "Mis favoritos",
+  edit_favorites: "Edita los favoritos",
+  no_favorites: "No tienes favoritos guardados",
+  register: "Registro",
+  of: "de",
+  editingDocument: "Editando documento",
+  showLogs: "Ver logs",
+  createdBy: "Creado por el usuario",
+  creationDate: "Fecha creación",
+  lastUpdatedBy: "Última modificación por",
+  lastUpdatedDate: "Fecha última modificación",
+  goToResourceId: "Ir al recurso con ID",
+  searchId: "ID de búsqueda:",
+  idNotFound: "No se encuentra ésta ID de recursos para el objeto",
+  selectedRegisters: "registros seleccionados",
+  translate: "Traducir",
+  enterTextBeforeTranslate:
+    "Introduce algun texto en el campo antes de añadir traducciones",
+  saveBeforeTranslate:
+    "Tienes que guardar el registro antes de añadir las traducciones",
+  configDashboard: "Configurar panel",
+  moveDashboard: "Mover items del panel",
+  openAttachment: "Ver detalle del adjunto",
+  openAttachmentLink: "Abrir enlace del adjunto",
+  uninformed: "Sin informar",
+};

package/src/stories/Binary.stories.tsx

@@ -0,0 +1,23 @@
+import React, { useState } from "react";
+
+import { BinaryInput } from "../widgets/base/Binary";
+import { Binary as BinaryOoui } from "@gisce/ooui";
+import "antd/dist/antd.css";
+import LocaleProvider from "../context/LocaleContext";
+
+export default {
+  title: "Components/Widgets/Base/Binary",
+};
+
+export const Default = (): React.ReactElement => {
+  const ooui = new BinaryOoui({
+    name: "field",
+    string: "Lorem ipsum",
+  });
+
+  return (
+    <LocaleProvider lang="en_US">
+      <BinaryInput ooui={ooui} />
+    </LocaleProvider>
+  );
+};

package/src/stories/Boolean.stories.tsx

@@ -0,0 +1,22 @@
+import React from "react";
+
+import { Boolean } from "..";
+import { Boolean as BooleanOoui } from "@gisce/ooui";
+import "antd/dist/antd.css";
+import LocaleProvider from "../context/LocaleContext";
+
+export default {
+  title: "Components/Widgets/Base/Boolean",
+};
+
+export const Default = (): React.ReactElement => {
+  const ooui = new BooleanOoui({
+    name: "checkbox_field",
+    string: "Lorem ipsum",
+  });
+  return (
+    <LocaleProvider lang="en_US">
+      <Boolean ooui={ooui} showLabel />
+    </LocaleProvider>
+  );
+};

package/src/stories/Button.stories.tsx

@@ -0,0 +1,120 @@
+import React from "react";
+
+import { Button } from "..";
+import { Button as ButtonOoui } from "@gisce/ooui";
+import "antd/dist/antd.css";
+import LocaleProvider from "../context/LocaleContext";
+
+export default {
+  title: "Components/Widgets/Base/Button",
+};
+
+export const Default = (): React.ReactElement => {
+  const ooui = new ButtonOoui({
+    name: "button_field",
+    string: "Lorem ipsum",
+  });
+  return (
+    <LocaleProvider lang="en_US">
+      <Button ooui={ooui} />
+    </LocaleProvider>
+  );
+};
+
+export const WithStockIcon = (): React.ReactElement => {
+  const ooui = new ButtonOoui({
+    name: "button_field",
+    string: "Lorem ipsum",
+    icon: "gtk-ok"
+  });
+  return (
+    <LocaleProvider lang="en_US">
+      <Button ooui={ooui} />
+    </LocaleProvider>
+  );
+};
+
+export const WithCustomIcon = (): React.ReactElement => {
+  const ooui = new ButtonOoui({
+    name: "button_field",
+    string: "Lorem ipsum",
+    icon: "terp-purchase"
+  });
+  return (
+    <LocaleProvider lang="en_US">
+      <Button ooui={ooui} />
+    </LocaleProvider>
+  );
+};
+
+export const WithAntdIcon = (): React.ReactElement => {
+  const ooui = new ButtonOoui({
+    name: "button_field",
+    string: "Lorem ipsum",
+    icon: "ant-design"
+  });
+  return (
+    <LocaleProvider lang="en_US">
+      <Button ooui={ooui} />
+    </LocaleProvider>
+  );
+};
+
+export const WithUnexistingdIcon = (): React.ReactElement => {
+  const ooui = new ButtonOoui({
+    name: "button_field",
+    string: "Lorem ipsum",
+    icon: "foo"
+  });
+  return (
+    <LocaleProvider lang="en_US">
+      <Button ooui={ooui} />
+    </LocaleProvider>
+  );
+};
+
+export const PrimaryButton = (): React.ReactElement => {
+  const ooui = new ButtonOoui({
+    name: "button_field",
+    string: "Lorem ipsum",
+    icon: "send",
+    primary: "1"
+  });
+  return (
+    <LocaleProvider lang="en_US">
+      <Button ooui={ooui} />
+    </LocaleProvider>
+  );
+};
+
+export const DangerButton = (): React.ReactElement => {
+  const ooui = new ButtonOoui({
+    name: "button_field",
+    string: "Lorem ipsum",
+    icon: "exclamation-circle",
+    danger: "1"
+  });
+  return (
+    <LocaleProvider lang="en_US">
+      <Button ooui={ooui} />
+    </LocaleProvider>
+  );
+};
+
+
+export const PrimaryDangerButton = (): React.ReactElement => {
+  const ooui = new ButtonOoui({
+    name: "button_field",
+    string: "Lorem ipsum",
+    icon: "exclamation-circle",
+    danger: "1",
+    primary: "1"
+  });
+  return (
+    <LocaleProvider lang="en_US">
+      <Button ooui={ooui} />
+    </LocaleProvider>
+  );
+};
+
+

package/src/stories/Char.stories.tsx

@@ -0,0 +1,49 @@
+import React from "react";
+
+import { Char } from "..";
+import { Char as CharOoui } from "@gisce/ooui";
+import "antd/dist/antd.css";
+import LocaleProvider from "../context/LocaleContext";
+
+export default {
+  title: "Components/Widgets/Base/Char",
+};
+
+export const Default = (): React.ReactElement => {
+  const ooui = new CharOoui({
+    name: "field",
+    string: "Lorem ipsum",
+  });
+  return (
+    <LocaleProvider lang="en_US">
+      <Char ooui={ooui} showLabel />
+    </LocaleProvider>
+  );
+};
+
+export const Password = (): React.ReactElement => {
+  const ooui = new CharOoui({
+    name: "field",
+    string: "Password",
+    nolabel: false,
+  });
+  ooui.isPassword = true;
+  return (
+    <LocaleProvider lang="en_US">
+      <Char ooui={ooui} showLabel />
+    </LocaleProvider>
+  );
+};
+
+export const Translatable = (): React.ReactElement => {
+  const ooui = new CharOoui({
+    name: "field",
+    string: "Lorem ipsum",
+    translate: true,
+  });
+  return (
+    <LocaleProvider lang="en_US">
+      <Char ooui={ooui} showLabel />
+    </LocaleProvider>
+  );
+};