@gisce/react-ooui 2.0.0-rc.6 → 2.0.0-rc.8

package/dist/widgets/WidgetFactory.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetFactory.d.ts","sourceRoot":"","sources":["WidgetFactory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA6H1B,QAAA,MAAM,iBAAiB,UAAW,GAAG,+DAWpC,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"WidgetFactory.d.ts","sourceRoot":"","sources":["WidgetFactory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAgI1B,QAAA,MAAM,iBAAiB,UAAW,GAAG,+DAWpC,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/widgets/custom/Avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,WAAW,EAAC,MAAM,SAAS,CAAC;AAEpC,OAAO,EAAE,MAAM,IAAI,UAAU,EAAC,MAAM,aAAa,CAAC;AAGlD,aAAK,WAAW,GAAG,WAAW,GAAG;IAC/B,IAAI,EAAE,UAAU,CAAA;IAChB,KAAK,CAAC,EAAE,GAAG,CAAC;CACb,CAAC;AAEF,QAAA,MAAM,MAAM,UAAW,WAAW,KAAG,MAAM,YAAY,GAAG,IAmBzD,CAAA;AAED,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,WAAW,EAAC,MAAM,SAAS,CAAC;AAEpC,OAAO,EAAE,MAAM,IAAI,UAAU,EAAC,MAAM,aAAa,CAAC;AAGlD,aAAK,WAAW,GAAG,WAAW,GAAG;IAC/B,IAAI,EAAE,UAAU,CAAA;IAChB,KAAK,CAAC,EAAE,GAAG,CAAC;CACb,CAAC;AAEF,QAAA,MAAM,MAAM,UAAW,WAAW,KAAG,MAAM,YAAY,GAAG,IAkBzD,CAAA;AAED,eAAe,MAAM,CAAC"}

package/dist/widgets/custom/Comments.d.ts

@@ -0,0 +1,35 @@
+import React from "react";
+import { WidgetProps } from '../../types';
+declare type CommentDataType = {
+    id: number;
+    isSender: boolean;
+    isAuthor: boolean;
+    text: string;
+    email: string;
+    date: string;
+    author: string;
+};
+declare type CommentProps = {
+    data: CommentDataType;
+    style?: any;
+};
+declare type CommentsTypeProps = {
+    data: CommentDataType[];
+};
+declare type CommentsTimelineProps = {
+    value?: EventsType[];
+};
+declare type EventActionType = {
+    date: string;
+    action: string;
+};
+export declare type EventsType = {
+    type: "action" | "comment";
+    event: EventActionType | CommentDataType;
+};
+export declare const Comment: (props: CommentProps) => React.JSX.Element;
+export declare const Comments: (props: CommentsTypeProps) => React.JSX.Element;
+export declare const CommentsTimeline: (props: CommentsTimelineProps) => React.JSX.Element;
+export declare const CommentsTimelineField: (props: WidgetProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=Comments.d.ts.map

package/dist/widgets/custom/Comments.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Comments.d.ts","sourceRoot":"","sources":["Comments.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAoBtC,aAAK,eAAe,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAChB,CAAA;AAED,aAAK,YAAY,GAAG;IAClB,IAAI,EAAE,eAAe,CAAC;IACtB,KAAK,CAAC,EAAE,GAAG,CAAC;CACb,CAAA;AAED,aAAK,iBAAiB,GAAG;IACvB,IAAI,EAAE,eAAe,EAAE,CAAC;CACzB,CAAA;AAED,aAAK,qBAAqB,GAAG;IAC3B,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;CACtB,CAAA;AAGD,aAAK,eAAe,GAAG;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAChB,CAAA;AAED,oBAAY,UAAU,GAAG;IACvB,IAAI,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC3B,KAAK,EAAE,eAAe,GAAG,eAAe,CAAA;CAEzC,CAAA;AA2BD,eAAO,MAAM,OAAO,UAAW,YAAY,sBAkB1C,CAAA;AAED,eAAO,MAAM,QAAQ,UAAW,iBAAiB,sBAahD,CAAA;AAGD,eAAO,MAAM,gBAAgB,UAAW,qBAAqB,sBAiB5D,CAAA;AAED,eAAO,MAAM,qBAAqB,UAAW,WAAW,sBAMvD,CAAA"}

package/dist/widgets/views/Form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAkCf,OAAO,EAAE,QAAQ,EAAgB,MAAM,SAAS,CAAC;AAmBjD,oBAAY,SAAS,GAAG;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,UAAU,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxC,eAAe,CAAC,EAAE,CAChB,EAAE,CAAC,EAAE,MAAM,EACX,MAAM,CAAC,EAAE,GAAG,EACZ,UAAU,CAAC,EAAE,GAAG,EAChB,iBAAiB,CAAC,EAAE,OAAO,KACxB,IAAI,CAAC;IACV,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;;AAuhCF,wBAAgC"}
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAkCf,OAAO,EAAE,QAAQ,EAAgB,MAAM,SAAS,CAAC;AAmBjD,oBAAY,SAAS,GAAG;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,UAAU,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxC,eAAe,CAAC,EAAE,CAChB,EAAE,CAAC,EAAE,MAAM,EACX,MAAM,CAAC,EAAE,GAAG,EACZ,UAAU,CAAC,EAAE,GAAG,EAChB,iBAAiB,CAAC,EAAE,OAAO,KACxB,IAAI,CAAC;IACV,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;;AAwiCF,wBAAgC"}

package/dist/widgets/views/SearchTree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchTree.d.ts","sourceRoot":"","sources":["SearchTree.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAKf,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAgBnD,aAAK,gBAAgB,GAAG;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,EAAE,QAAQ,CAAC;CACpB,CAAC;AAEF,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,uBAAuB,CAAC,EAAE,CAAC,eAAe,EAAE,GAAG,KAAK,IAAI,CAAC;CAC1D,CAAC;;AAgTF,wBAAsC"}
+{"version":3,"file":"SearchTree.d.ts","sourceRoot":"","sources":["SearchTree.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAKf,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAgBnD,aAAK,gBAAgB,GAAG;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,EAAE,QAAQ,CAAC;CACpB,CAAC;AAEF,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,uBAAuB,CAAC,EAAE,CAAC,eAAe,EAAE,GAAG,KAAK,IAAI,CAAC;CAC1D,CAAC;;AAqTF,wBAAsC"}

package/dist/widgets/views/Tree.d.ts

@@ -25,6 +25,7 @@ declare type Props = {
     rootTree?: boolean;
     context?: any;
     readonly?: boolean;
+    onSelectAllRecords?: () => Promise<void>;
 };
 declare function Tree(props: Props): React.ReactElement;
 export default Tree;

package/dist/widgets/views/Tree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tree.d.ts","sourceRoot":"","sources":["Tree.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAUvE,OAAO,EAAE,QAAQ,EAAU,MAAM,SAAS,CAAC;AAwB3C,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,QAAQ,CAAC;IACnB,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACrC,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAC7C,gBAAgB,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAC7C,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,wBAAwB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;IACzD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAmHF,iBAAS,IAAI,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK,CAAC,YAAY,CA0N9C;AAED,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Tree.d.ts","sourceRoot":"","sources":["Tree.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAUvE,OAAO,EAAE,QAAQ,EAAU,MAAM,SAAS,CAAC;AAwB3C,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,QAAQ,CAAC;IACnB,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACrC,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAC7C,gBAAgB,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAC7C,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,wBAAwB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;IACzD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC1C,CAAC;AAmHF,iBAAS,IAAI,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK,CAAC,YAAY,CAkO9C;AAED,eAAe,IAAI,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gisce/react-ooui",
-  "version": "2.0.0-rc.6",
+  "version": "2.0.0-rc.8",
   "files": [
     "dist",
     "src",
@@ -35,13 +35,14 @@
     "@gisce/fiber-diagram": "^1.1.0-rc.3",
     "@gisce/ooui": "^0.22.3",
     "@gisce/react-formiga-components": "^1.0.9-rc.21",
-    "@gisce/react-formiga-table": "^0.8.5",
+    "@gisce/react-formiga-table": "^0.8.7-rc.0",
     "@monaco-editor/react": "^4.4.5",
     "@tabler/icons-react": "^2.11.0",
     "antd": "^5.5.2",
     "buffer": "^6.0.3",
     "file-type-buffer-browser": "git+ssh://git@github.com/mguellsegarra/file-type-buffer-browser.git",
     "interweave": "^13.0.0",
+    "md5": "^2.3.0",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
     "react-grid-layout": "^1.3.4",
@@ -65,6 +66,7 @@
     "@tailwindcss/postcss7-compat": "^2.0.2",
     "@types/jest": "^26.0.15",
     "@types/lodash": "^4.14.170",
+    "@types/md5": "^2.3.2",
     "@types/node": "^12.0.0",
     "@types/react": "^17.0.1",
     "@types/react-dom": "^17.0.1",

package/src/actionbar/TreeActionBar.tsx

@@ -287,89 +287,84 @@ function TreeActionBar(props: Props) {
         }}
       />
 
-      {previewFeatures && (
-        <>
-          {separator()}
-          <DropdownButton
-            icon={
-              <Icon
-                component={() => (
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    className="icon icon-tabler icon-tabler-database-export"
-                    width="1em"
-                    height="1em"
-                    viewBox="0 0 24 24"
-                    strokeWidth="1.5"
-                    fill="none"
-                    stroke="currentColor"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                  >
-                    <path stroke="none" d="M0 0h24v24H0z" fill="none" />
-                    <ellipse cx="12" cy="6" rx="8" ry="3" />
-                    <path d="M4 6v6c0 1.657 3.582 3 8 3a19.84 19.84 0 0 0 3.302 -.267m4.698 -2.733v-6" />
-                    <path d="M4 12v6c0 1.599 3.335 2.905 7.538 2.995m8.462 -6.995v-2m-6 7h7m-3 -3l3 3l-3 3" />
-                  </svg>
-                )}
-              />
-            }
-            tooltip={t("export")}
-            items={[
-              {
-                id: "print_screen",
-                name: t("printScreen"),
-              },
-              {
-                id: "export",
-                name: t("advancedExport"),
-              },
-            ]}
-            onItemClick={(itemClicked: any) => {
-              if (itemClicked.id === "print_screen") {
-                let idsToExport =
-                  selectedRowItems?.map((item) => item.id) || [];
+      {separator()}
+      <DropdownButton
+        icon={
+          <Icon
+            component={() => (
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                className="icon icon-tabler icon-tabler-database-export"
+                width="1em"
+                height="1em"
+                viewBox="0 0 24 24"
+                strokeWidth="1.5"
+                fill="none"
+                stroke="currentColor"
+                strokeLinecap="round"
+                strokeLinejoin="round"
+              >
+                <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+                <ellipse cx="12" cy="6" rx="8" ry="3" />
+                <path d="M4 6v6c0 1.657 3.582 3 8 3a19.84 19.84 0 0 0 3.302 -.267m4.698 -2.733v-6" />
+                <path d="M4 12v6c0 1.599 3.335 2.905 7.538 2.995m8.462 -6.995v-2m-6 7h7m-3 -3l3 3l-3 3" />
+              </svg>
+            )}
+          />
+        }
+        tooltip={t("export")}
+        items={[
+          {
+            id: "print_screen",
+            name: t("printScreen"),
+          },
+          {
+            id: "export",
+            name: t("advancedExport"),
+          },
+        ]}
+        onItemClick={(itemClicked: any) => {
+          if (itemClicked.id === "print_screen") {
+            let idsToExport = selectedRowItems?.map((item) => item.id) || [];
 
-                if (idsToExport.length === 0) {
-                  idsToExport = results?.map((item) => item.id) || [];
-                }
+            if (idsToExport.length === 0) {
+              idsToExport = results?.map((item) => item.id) || [];
+            }
 
-                runAction({
-                  id: -1,
-                  model: currentModel,
-                  report_name: "printscreen.list",
-                  type: "ir.actions.report.xml",
-                  datas: {
-                    model: currentModel,
-                    ids: idsToExport,
-                  },
-                });
-                return;
-              }
+            runAction({
+              id: -1,
+              model: currentModel,
+              report_name: "printscreen.list",
+              type: "ir.actions.report.xml",
+              datas: {
+                model: currentModel,
+                ids: idsToExport,
+              },
+            });
+            return;
+          }
 
-              setExportModalVisible(true);
-            }}
-            disabled={
-              duplicatingItem || removingItem || treeIsLoading || hasNameSearch
-            }
-          />
-          <ExportModal
-            visible={exportModalVisible}
-            locale={lang}
-            onClose={() => setExportModalVisible(false)}
-            model={currentModel!}
-            domain={mergeParams(
-              searchTreeRef?.current?.getDomain() || [],
-              searchParams || []
-            )}
-            limit={limit}
-            totalRegisters={totalItems || 0}
-            selectedRegistersToExport={selectedRowItems}
-            visibleRegisters={results?.length || 0}
-            context={parentContext}
-          />
-        </>
-      )}
+          setExportModalVisible(true);
+        }}
+        disabled={
+          duplicatingItem || removingItem || treeIsLoading || hasNameSearch
+        }
+      />
+      <ExportModal
+        visible={exportModalVisible}
+        locale={lang}
+        onClose={() => setExportModalVisible(false)}
+        model={currentModel!}
+        domain={mergeParams(
+          searchTreeRef?.current?.getDomain() || [],
+          searchParams || []
+        )}
+        limit={limit}
+        totalRegisters={totalItems || 0}
+        selectedRegistersToExport={selectedRowItems}
+        visibleRegisters={results?.length || 0}
+        context={parentContext}
+      />
     </Space>
   );
 }

package/src/helpers/iconMapper.ts

@@ -150,8 +150,7 @@ function getIconForKey(
     const TablerIcon = () =>
       React.createElement(TablerIcons[tablerKey] as any, {
         fill: "transparent",
-        height: 17,
-        width: 17,
+        size: props?.style?.fontSize || 17
       });
     const CustomIcon = () =>
       React.createElement(Icon, {

package/src/hooks/useSearch.ts

@@ -1,6 +1,7 @@
 import { mergeParams } from "@/helpers/searchHelper";
 import {
-  getColorMap, getStatusMap,
+  getColorMap,
+  getStatusMap,
   getTableItems,
   getTree,
   sortResults,
@@ -176,7 +177,8 @@ export const useSearch = (opts: UseSearchOpts) => {
       const { params, newOffset } = opts || {};
 
       const mergedParams = mergeParams(params || searchParams, domain);
-      const { colors, status } = getTree(treeView!);      const attrs: any = {};
+      const { colors, status } = getTree(treeView!);
+      const attrs: any = {};
       if (colors) {
         attrs.colors = colors;
       }
@@ -184,7 +186,6 @@ export const useSearch = (opts: UseSearchOpts) => {
         attrs.status = status;
       }
 
-
       const { totalItems, results, attrsEvaluated } =
         await ConnectionProvider.getHandler().searchForTree({
           params: mergedParams,
@@ -402,6 +403,15 @@ export const useSearch = (opts: UseSearchOpts) => {
     [treeView, model, context, getResults, setResults]
   );
 
+  const getAllIds = useCallback(async () => {
+    return await ConnectionProvider.getHandler().searchAllIds({
+      params: mergeParams(searchParams, domain),
+      model,
+      context,
+      totalItems,
+    });
+  }, [model, context, totalItems, searchParams, domain]);
+
   return {
     submit,
     clear,
@@ -419,5 +429,6 @@ export const useSearch = (opts: UseSearchOpts) => {
     colorsForResults,
     statusForResults,
     totalItems,
+    getAllIds,
   };
 };

package/src/index.ts

@@ -45,6 +45,7 @@ import { Radio } from "@/widgets/custom/Radio";
 import { Switch } from "@/widgets/custom/Switch";
 import { Steps } from "@/widgets/custom/Steps";
 import { CodeEditor } from "@/widgets/custom/CodeEditor";
+import { CommentsTimelineField } from "@/widgets/custom/Comments";
 import {
   DashboardGridItem,
   DashboardGrid,
@@ -159,6 +160,7 @@ export {
   Switch,
   Steps,
   CodeEditor,
+  CommentsTimelineField,
   ExportModal,
   ConfigContext,
   Tab,

package/src/locales/ca_ES.tsx

@@ -90,4 +90,9 @@ export default {
   advancedExport: "Exportació avançada",
   savedRegisters: "Registre guardat correctament",
   errorWhileSavingForm: "Error en guardar el formulari",
+  autor: "Autor",
+  recordsSelected:
+    "Hi ha {numberOfSelectedRows} registres seleccionats en aquesta pàgina.",
+  selectAllRecords: "Seleccionar tots els {totalRecords} registres.",
+  allRecordsSelected: "Hi ha {totalRecords} registres seleccionats.",
 };

package/src/locales/en_US.tsx

@@ -87,4 +87,9 @@ export default {
   advancedExport: "Advanced export",
   savedRegisters: "Record successfully saved",
   errorWhileSavingForm: "Error while saving form",
+  author: "Author",
+  recordsSelected:
+    "Hi ha {numberOfSelectedRows} registres seleccionats en aquesta pàgina.",
+  selectAllRecords: "Seleccionar tots els {totalRecords} registres.",
+  allRecordsSelected: "Hi ha {totalRecords} registres seleccionats.",
 };

package/src/locales/es_ES.tsx

@@ -91,4 +91,9 @@ export default {
   advancedExport: "Exportación avanzada",
   savedRegisters: "Registro guardado correctamente",
   errorWhileSavingForm: "Error al guardar el formulario",
+  author: "Autor",
+  recordsSelected:
+    "Hay {numberOfSelectedRows} registros seleccionados en ésta página.",
+  selectAllRecords: "Seleccionar todos los {totalRecords} registros.",
+  allRecordsSelected: "Hay {totalRecords} registros seleccionados.",
 };

package/src/stories/custom/Comments.stories.tsx

@@ -0,0 +1,190 @@
+// @ts-ignore
+import React from "react";
+import LocaleProvider from "../../context/LocaleContext";
+import { Comments, CommentsTimeline, EventsType } from "../../widgets/custom/Comments";
+
+
+export default {
+  title: "Components/Widgets/Custom/Comments",
+};
+
+export const Default = (): React.ReactElement => {
+
+  const data = [
+    {
+      id: 1,
+      text: "Totam odit eum distinctio tempore. Numquam illo dolorum laboriosam vel illum. Sunt saepe ab nihil soluta placeat ullam.\n" +
+        "Eius ea enim ut. Unde consequatur ducimus esse ullam. Odio fugit reprehenderit sunt.\n" +
+        "Recusandae a aliquid. Iusto quisquam temporibus a assumenda aut fuga. Tenetur cum quis saepe et alias delectus quos.\n" +
+        "Corporis adipisci eaque quod. Aperiam voluptatum doloribus accusamus suscipit.\n" +
+        "Iste corporis non quisquam adipisci fuga. Aperiam possimus est ratione modi dicta. Cum consequatur eius harum ea eius omnis.\n" +
+        "Eveniet sit iste sed commodi cumque. Quis ipsam maxime quam eveniet.\n" +
+        "Repellat officia praesentium adipisci aspernatur impedit. Voluptas architecto autem vero et praesentium dignissimos.\n" +
+        "Nisi ex sapiente incidunt eveniet mollitia. Iure libero natus perferendis voluptate iure fuga.\n" +
+        "Vel voluptate cumque laudantium. Reiciendis sapiente eaque neque exercitationem inventore nam.",
+      author: "Ciríaco Pelayo Camps",
+      email: "ciraco@example.com",
+      date: "2023-04-01 10:00:00",
+      isSender: true,
+      isAuthor: false,
+    },
+    {
+      id: 2,
+      text: "Dicta eligendi pariatur ratione ipsam accusantium. Ad minus nesciunt optio id ipsum.\n" +
+        "Incidunt eligendi doloremque molestias. Voluptate sapiente nulla veritatis.\n" +
+        "Nostrum minima ad repudiandae optio laborum.\n" +
+        "Adipisci sint quasi laudantium explicabo ab nostrum. Rerum nemo itaque officia. Velit accusamus itaque accusantium ducimus quidem quae cum.\n" +
+        "Sequi possimus harum maxime. Qui laboriosam voluptate pariatur laudantium nam quo. Vel dolorum magni nam iusto sapiente animi quaerat. Debitis minus temporibus molestias quae accusamus.\n" +
+        "Nobis ab adipisci laborum doloremque impedit quo. Tempore cumque accusamus voluptates. In non facere in.\n" +
+        "Laboriosam exercitationem possimus quo sequi. Aspernatur quia consequuntur aspernatur repudiandae molestiae modi. Vero esse nisi dicta nihil accusantium nesciunt.\n" +
+        "Modi voluptatem excepturi. Architecto sapiente nobis quis ipsam. Doloremque ipsum pariatur dicta at.",
+      author: "Plácido Baeza Vaquero",
+      email: "placido@example.com",
+      date: "2023-04-01 11:00:00",
+      isSender: false,
+      isAuthor: true,
+    },
+    {
+      id: 3,
+      text: "Amet tempora ipsum ipsum delectus.\n" +
+        "Autem minus magnam in eveniet. Veniam voluptas deleniti eaque sequi autem.\n" +
+        "Occaecati laborum ut voluptatum maxime iure cupiditate. Facere vitae aliquid.\n" +
+        "Nemo nihil enim quia exercitationem. Quisquam aut autem magni occaecati velit.\n" +
+        "Perferendis impedit iure nostrum ratione nemo distinctio.\n" +
+        "Facilis deserunt amet officia accusantium qui. Non corporis rerum deleniti harum optio ipsa ducimus. Veniam saepe illo aspernatur id quae omnis.\n" +
+        "Distinctio dolor sequi odio officia amet natus. Quidem quidem quibusdam animi alias quia distinctio.\n" +
+        "Eum placeat expedita possimus eveniet. Fugit earum corrupti itaque. Ab expedita officiis numquam.\n" +
+        "Quos optio iure quos minima deserunt assumenda beatae. Illo quod non aliquid.\n" +
+        "Nobis odio reprehenderit ullam numquam. Beatae molestiae aperiam ratione.\n" +
+        "Quidem perferendis minima animi ipsa natus aliquam. Exercitationem perferendis sequi assumenda. Eaque ducimus saepe deleniti eum iure itaque.",
+      author: "Jorge Acosta Valverde",
+      email: "jorge@example.com",
+      date: "2023-04-01 11:30:00",
+      isSender: false,
+      isAuthor: false,
+    },
+    {
+      id: 4,
+      text: "Esse tempora amet consectetur asperiores dicta. Quidem est harum tempora voluptatum mollitia.\n" +
+        "Voluptate reprehenderit sint vitae laborum animi placeat nihil. Maxime iure porro delectus voluptate. Molestiae dolorem natus alias ipsam consequuntur. Nisi nam exercitationem voluptas saepe occaecati.\n" +
+        "Reprehenderit quam ex est vel.\n" +
+        "Magnam quidem laudantium reprehenderit rerum nam ducimus perspiciatis. Vero omnis sed ducimus quidem dolores dolor illum.\n" +
+        "Corrupti a iste praesentium. Exercitationem cum id neque.\n" +
+        "Optio repellat excepturi sapiente alias iusto quaerat. Explicabo fuga cupiditate atque porro. Qui fuga ea quis porro id.\n" +
+        "Natus optio ab reiciendis quae aperiam tempore. Voluptatem asperiores adipisci ullam nobis. Saepe quas odit rem ad autem cum consequatur.\n" +
+        "Numquam deleniti veniam rem. Enim doloremque consectetur quas reprehenderit. Numquam unde a animi odio sequi.\n" +
+        "Cum at eos fuga.\n" +
+        "Vel exercitationem excepturi placeat. Quisquam neque quasi impedit at.",
+      author: "Ciríaco Pelayo Camps",
+      email: "ciraco@example.com",
+      date: "2023-04-01 13:00:00",
+      isSender: true,
+      isAuthor: false,
+    }
+  ]
+  return (
+    <LocaleProvider lang="es_ES">
+      <Comments data={data} />
+    </LocaleProvider>
+  );
+};
+
+export const Timeline = () => {
+  const data = [
+    {
+      type: "action",
+      event: {
+        date: "2023-04-01 10:00",
+        action: "Draft",
+      }
+    },
+    {
+      type: "comment",
+      event: {
+        id: 1,
+        text: "Totam odit eum distinctio tempore. Numquam illo dolorum laboriosam vel illum. Sunt saepe ab nihil soluta placeat ullam.\n" +
+          "Eius ea enim ut. Unde consequatur ducimus esse ullam. Odio fugit reprehenderit sunt.\n" +
+          "Recusandae a aliquid. Iusto quisquam temporibus a assumenda aut fuga. Tenetur cum quis saepe et alias delectus quos.\n" +
+          "Corporis adipisci eaque quod. Aperiam voluptatum doloribus accusamus suscipit.\n" +
+          "Iste corporis non quisquam adipisci fuga. Aperiam possimus est ratione modi dicta. Cum consequatur eius harum ea eius omnis.\n" +
+          "Eveniet sit iste sed commodi cumque. Quis ipsam maxime quam eveniet.\n" +
+          "Repellat officia praesentium adipisci aspernatur impedit. Voluptas architecto autem vero et praesentium dignissimos.\n" +
+          "Nisi ex sapiente incidunt eveniet mollitia. Iure libero natus perferendis voluptate iure fuga.\n" +
+          "Vel voluptate cumque laudantium. Reiciendis sapiente eaque neque exercitationem inventore nam.",
+        author: "Ciríaco Pelayo Camps",
+        email: "ciraco@example.com",
+        date: "2023-04-01 10:00:00",
+        isSender: true,
+        isAuthor: true,
+      }
+    },
+    {
+      type: "action",
+      event: {
+        date: "2023-04-01 10:10",
+        action: "Open",
+      }
+    },
+    {
+      type: "comment",
+      event: {
+        id: 2,
+        text: "Dicta eligendi pariatur ratione ipsam accusantium. Ad minus nesciunt optio id ipsum.\n" +
+          "Incidunt eligendi doloremque molestias. Voluptate sapiente nulla veritatis.\n" +
+          "Nostrum minima ad repudiandae optio laborum.\n" +
+          "Adipisci sint quasi laudantium explicabo ab nostrum. Rerum nemo itaque officia. Velit accusamus itaque accusantium ducimus quidem quae cum.\n" +
+          "Sequi possimus harum maxime. Qui laboriosam voluptate pariatur laudantium nam quo. Vel dolorum magni nam iusto sapiente animi quaerat. Debitis minus temporibus molestias quae accusamus.\n" +
+          "Nobis ab adipisci laborum doloremque impedit quo. Tempore cumque accusamus voluptates. In non facere in.\n" +
+          "Laboriosam exercitationem possimus quo sequi. Aspernatur quia consequuntur aspernatur repudiandae molestiae modi. Vero esse nisi dicta nihil accusantium nesciunt.\n" +
+          "Modi voluptatem excepturi. Architecto sapiente nobis quis ipsam. Doloremque ipsum pariatur dicta at.",
+        author: "Plácido Baeza Vaquero",
+        email: "placido@example.com",
+        date: "2023-04-01 11:00:00",
+        isSender: false,
+        isAuthor: false,
+      },
+    },
+    {
+      type: "comment",
+      event: {
+        id: 4,
+        text: "Esse tempora amet consectetur asperiores dicta. Quidem est harum tempora voluptatum mollitia.\n" +
+          "Voluptate reprehenderit sint vitae laborum animi placeat nihil. Maxime iure porro delectus voluptate. Molestiae dolorem natus alias ipsam consequuntur. Nisi nam exercitationem voluptas saepe occaecati.\n" +
+          "Reprehenderit quam ex est vel.\n" +
+          "Magnam quidem laudantium reprehenderit rerum nam ducimus perspiciatis. Vero omnis sed ducimus quidem dolores dolor illum.\n" +
+          "Corrupti a iste praesentium. Exercitationem cum id neque.\n" +
+          "Optio repellat excepturi sapiente alias iusto quaerat. Explicabo fuga cupiditate atque porro. Qui fuga ea quis porro id.\n" +
+          "Natus optio ab reiciendis quae aperiam tempore. Voluptatem asperiores adipisci ullam nobis. Saepe quas odit rem ad autem cum consequatur.\n" +
+          "Numquam deleniti veniam rem. Enim doloremque consectetur quas reprehenderit. Numquam unde a animi odio sequi.\n" +
+          "Cum at eos fuga.\n" +
+          "Vel exercitationem excepturi placeat. Quisquam neque quasi impedit at.",
+        author: "Ciríaco Pelayo Camps",
+        email: "ciraco@example.com",
+        date: "2023-04-01 13:00:00",
+        isSender: true,
+        isAuthor: false,
+      }
+    },
+    {
+      type: "action",
+      event: {
+        action: "Pendent",
+        date: "2023-04-01 13:05:00"
+      }
+    },
+    {
+      type: "action",
+      event: {
+        action: "Close",
+        date: "2023-04-01 13:35:00"
+      }
+    }
+  ] as EventsType[]
+  return (
+    <LocaleProvider lang="es_ES">
+      <CommentsTimeline value={data} />
+    </LocaleProvider>
+  );
+}
+
+

package/src/stories/dashboard/DashboardGrid.stories.tsx

@@ -24,6 +24,19 @@ export function Default(): React.ReactElement {
             // suffix={"€"}
           />
         </DashboardGridItem>
+        <DashboardGridItem
+          title="test"
+          parms={{ w: 3, h: 9, x: 0, y: 0, id: 10 }}
+        >
+          <GraphIndicator
+            model="res.partner"
+            context={{}}
+            domain={{}}
+            icon={"bolt"}
+            showPercent={true}
+            // suffix={"€"}
+          />
+        </DashboardGridItem>
       </DashboardGrid>
     </LocaleProvider>
   );

package/src/widgets/WidgetFactory.tsx

@@ -33,6 +33,7 @@ import {
   Steps,
   Tag,
   CodeEditor,
+  CommentsTimelineField,
 } from "@/index";
 import { Image } from "./base/Image";
 import { FiberGrid } from "./custom/FiberGrid";
@@ -118,6 +119,8 @@ const getWidgetType = (type: string) => {
       return Steps;
     case "codeeditor":
       return CodeEditor;
+    case "comments_timeline":
+      return CommentsTimelineField;
     default:
       return undefined;
   }

package/src/widgets/custom/Avatar.tsx

@@ -10,7 +10,6 @@ type AvatarProps = WidgetProps & {
 };
 
 const Avatar = (props: AvatarProps): React.ReactElement | null => {
-  console.log("Avatar Props", props);
   const {ooui, value} = props;
   if (!value) {
     return null;