@gisce/react-ooui 1.1.32-0 → 1.1.32

package/dist/index.d.ts

@@ -33,6 +33,7 @@ import { Image } from './widgets/base/Image';
 import showConfirmDialog from './ui/ConfirmDialog';
 import Dashboard from './widgets/views/Dashboard/Dashboard';
 import { Tags } from './widgets/custom/Tags';
+import { Tag } from './widgets/custom/Tag';
 import { MultiCheckbox } from "./widgets/custom/MultiCheckbox";
 import { Radio } from './widgets/custom/Radio';
 import { Switch } from './widgets/custom/Switch';
@@ -47,5 +48,5 @@ import TabSelector from "./views/TabSelector";
 import CurrentTabContent from "./views/CurrentTabContent";
 import ContentRootProvider from "./context/ContentRootContext";
 import FavouriteButton from "./ui/FavouriteButton";
-export { Button, ButtonGroup, 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, GetFieldsRequest, DefaultGetRequest, RootView, TabSelector, CurrentTabContent, Url, Email, Image, ContentRootProvider, showConfirmDialog, NameSearchRequest, ProgressBar, FavouriteButton, Dashboard, GraphIndicator, DashboardGridItem, DashboardGrid, Tags, MultiCheckbox, Radio, Switch, Steps, CodeEditor, };
+export { Button, ButtonGroup, 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, GetFieldsRequest, DefaultGetRequest, RootView, TabSelector, CurrentTabContent, Url, Email, Image, ContentRootProvider, showConfirmDialog, NameSearchRequest, ProgressBar, FavouriteButton, Dashboard, GraphIndicator, DashboardGridItem, DashboardGrid, Tags, Tag, MultiCheckbox, Radio, Switch, Steps, CodeEditor, };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"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"}

package/dist/react-ooui.es.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 import React__default, { useContext, useState, useEffect, useRef, useLayoutEffect, Component, useCallback, forwardRef, useImperativeHandle } from "react";
-import { Tooltip as Tooltip$2, Typography as Typography$1, Form as Form$3, Row, Col, Modal, Button as Button$1, Dropdown, Menu, Spin, Divider, Space, Input as Input$1, Select, Checkbox, Alert, Timeline as Timeline$1, Statistic, Card, Tag, message as message$1, DatePicker as DatePicker$1, TimePicker, InputNumber, Progress, Pagination, Tabs, Popover, Radio as Radio$1, Switch as Switch$1, Steps as Steps$1, Layout } from "antd";
+import { Tooltip as Tooltip$2, Typography as Typography$1, Form as Form$3, Row, Col, Modal, Button as Button$1, Dropdown, Menu, Spin, Divider, Space, Input as Input$1, Select, Checkbox, Alert, Timeline as Timeline$1, Statistic, Card, Tag as Tag$1, message as message$1, DatePicker as DatePicker$1, TimePicker, InputNumber, Progress, Pagination, Tabs, Popover, Radio as Radio$1, Switch as Switch$1, Steps as Steps$1, Layout } from "antd";
 import { Label as Label$1, Field as Field$2, Container as Container$1, Tree as Tree$1, Reference as Reference$1, Selection as Selection$1, Many2one as Many2one$1, Boolean as Boolean$2, parseContext, Form as Form$4, Integer as Integer$1, SearchFilter as SearchFilter$1, transformDomainForChildWidget, graphProcessor, parseGraph, graphFieldUtils } from "@gisce/ooui";
 import * as AntIcons from "@ant-design/icons";
 import AntIcons__default, { QuestionCircleOutlined, ExclamationCircleOutlined as ExclamationCircleOutlined$3, LoadingOutlined as LoadingOutlined$3, DownOutlined, WarningOutlined, CloseOutlined as CloseOutlined$3, CheckOutlined as CheckOutlined$3, TranslationOutlined, FolderOpenOutlined, DownloadOutlined, ClearOutlined, StarFilled, StarOutlined, UpOutlined, SearchOutlined, RightCircleOutlined, ThunderboltOutlined, PrinterOutlined, EnterOutlined as EnterOutlined$3, PlusSquareOutlined, MinusSquareOutlined, FileAddOutlined, AlignLeftOutlined, ApiOutlined, DeleteOutlined, LeftOutlined, RightOutlined, EyeOutlined, FormOutlined, TableOutlined, AreaChartOutlined, CalendarOutlined, LinkOutlined, SaveOutlined, CopyOutlined as CopyOutlined$3, InfoCircleOutlined as InfoCircleOutlined$3, ReloadOutlined, EditOutlined as EditOutlined$3, FilterOutlined, CloseCircleFilled as CloseCircleFilled$3, BorderOuterOutlined, SettingOutlined, ExportOutlined } from "@ant-design/icons";
@@ -12613,7 +12613,7 @@ const transformPlainMany2Ones = ({
     } = E, T = (I) => {
       I.preventDefault(), I.stopPropagation();
     };
-    return /* @__PURE__ */ jsx(Tag, {
+    return /* @__PURE__ */ jsx(Tag$1, {
       color: colorFromString(F),
       onMouseDown: T,
       style: {
@@ -12706,6 +12706,8 @@ const transformPlainMany2Ones = ({
       return Indicator;
     case "tags":
       return Tags;
+    case "tag":
+      return Tag;
     case "multicheckbox":
       return MultiCheckbox;
     case "radio":
@@ -12934,7 +12936,7 @@ const transformPlainMany2Ones = ({
 }, getTableColumns = (e, t, r) => e.columns.map((a) => {
   const o = a.type, s = a.id, u = t == null ? void 0 : t[o];
   let l;
-  return u && (l = (c) => u(c, s, e.fields[s], r)), {
+  return u && (l = (c) => u(c, s, a, r)), {
     key: s,
     dataIndex: s,
     title: a.label,
@@ -12952,17 +12954,11 @@ const transformPlainMany2Ones = ({
       a[o] = n[o];
     else {
       const s = e.findById(o);
-      if (s instanceof Reference$1)
-        a[o] = n[o];
-      else if (s instanceof Selection$1) {
-        const u = s;
-        a[o] = u.selectionValues.get(n[o]);
-      } else
-        s instanceof Many2one$1 ? a[o] = n[o] && Array.isArray(n[o]) && n[o].length === 2 && {
-          model: s.relation,
-          id: n[o][0],
-          value: n[o][1]
-        } : s instanceof Boolean$2 ? a[o] = n[o] : s ? a[o] = n[o] === !1 ? "" : n[o] : a[o] = n[o];
+      s instanceof Reference$1 || s instanceof Selection$1 ? a[o] = n[o] : s instanceof Many2one$1 ? a[o] = n[o] && Array.isArray(n[o]) && n[o].length === 2 && {
+        model: s.relation,
+        id: n[o][0],
+        value: n[o][1]
+      } : s instanceof Boolean$2 ? a[o] = n[o] : s ? a[o] = n[o] === !1 ? "" : n[o] : a[o] = n[o];
     }
   }), a;
 });
@@ -15131,10 +15127,17 @@ const ProgressBar = (e) => /* @__PURE__ */ jsx(Field$1, {
     maxWidth: "50px",
     padding: "5px"
   }
+}), TagComponent = (e, t, r, n) => /* @__PURE__ */ jsx(Fragment, {
+  children: e ? /* @__PURE__ */ jsx(Tag$1, {
+    color: r.colors[e],
+    children: r.selectionValues.get(e)
+  }) : null
+}), SelectionComponent = (e, t, r, n) => /* @__PURE__ */ jsx(Fragment, {
+  children: r.selectionValues.get(e)
 }), referenceComponent = (e, t, r, n) => /* @__PURE__ */ jsx(Fragment, {
   children: /* @__PURE__ */ jsx(ReferenceTree, {
     value: e,
-    selectionValues: new Map(r == null ? void 0 : r.selection),
+    selectionValues: r.selectionValues,
     context: n
   })
 });
@@ -15177,7 +15180,9 @@ function Tree(e) {
       image: imageComponent,
       integer: numberComponent,
       float: numberComponent,
-      reference: referenceComponent
+      reference: referenceComponent,
+      tag: TagComponent,
+      selection: SelectionComponent
     }, v);
     E(z), w.current.string && q !== w.current.string && (M == null || M(w.current.string));
   }, [a]), useEffect(() => {
@@ -25464,7 +25469,24 @@ function Dashboard(e, t) {
     })
   });
 }
-const Dashboard$1 = forwardRef(Dashboard), MultiCheckbox = (e) => {
+const Dashboard$1 = forwardRef(Dashboard), Tag = (e) => /* @__PURE__ */ jsx(Field$1, {
+  ...e,
+  children: /* @__PURE__ */ jsx(TagInput, {
+    ...e
+  })
+}), TagInput = (e) => {
+  const {
+    ooui: t,
+    value: r
+  } = e;
+  if (!r)
+    return null;
+  const n = t.colors === "auto" ? colorFromString(r) : t.colors[r];
+  return /* @__PURE__ */ jsx(Tag$1, {
+    color: n,
+    children: t.selectionValues.get(r)
+  });
+}, MultiCheckbox = (e) => {
   const {
     ooui: t
   } = e;
@@ -26454,6 +26476,7 @@ export {
   Steps,
   Switch,
   TabSelector,
+  Tag,
   Tags,
   Text$2 as Text,
   Tree,