@gisce/react-ooui 1.1.67 → 1.1.68

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 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 { 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, Avatar as Avatar$1, 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, Tree as Tree$1, Reference as Reference$1, Selection as Selection$1, Many2one as Many2one$1, Boolean as Boolean$2, Container as Container$1, parseContext, Form as Form$4, Integer as Integer$1, SearchFieldTypes, 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";
@@ -15168,6 +15168,27 @@ const ProgressBar = (e) => /* @__PURE__ */ jsx(Field$1, {
       model: l
     })]
   });
+}, Avatar = (e) => {
+  console.log("Avatar Props", e);
+  const {
+    ooui: t,
+    value: r
+  } = e;
+  if (!r)
+    return null;
+  let n = r;
+  t.selectionValues.size ? n = t.selectionValues.get(r) : Array.isArray(r) && (n = r[1]);
+  const a = n.toString().split(" ").filter((s) => s.length > 1).slice(0, 3).map((s) => s[0].toUpperCase()).join(""), o = colorFromString(n);
+  return /* @__PURE__ */ jsx(Tooltip$2, {
+    title: n,
+    children: /* @__PURE__ */ jsx(Avatar$1, {
+      alt: n,
+      style: {
+        backgroundColor: o
+      },
+      children: a
+    })
+  });
 };
 //! moment.js
 //! version : 2.29.4
@@ -17790,6 +17811,9 @@ const DatePickerConfig = {
     selectionValues: r.selectionValues,
     context: n
   })
+}), AvatarFn = (e, t, r, n) => /* @__PURE__ */ jsx(Avatar, {
+  ooui: r,
+  value: e
 });
 function Tree(e) {
   const {
@@ -17834,7 +17858,8 @@ function Tree(e) {
       tag: TagComponent,
       selection: SelectionComponent,
       date: dateComponentFn,
-      datetime: dateTimeComponentFn
+      datetime: dateTimeComponentFn,
+      avatar: AvatarFn
     }, g);
     O(Y), w.current.string && q !== w.current.string && ($ == null || $(w.current.string));
   }, [a]), useEffect(() => {