@gisce/react-ooui 1.2.0-rc.8 → 1.2.0-rc.82

package/dist/widgets/views/Graph/GraphChart.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 export declare type GraphChartProps = {
     model: string;
     domain: any;
@@ -7,5 +7,5 @@ export declare type GraphChartProps = {
     limit?: number;
     manualIds?: number[];
 };
-export declare const GraphChart: (props: GraphChartProps) => JSX.Element;
+export declare const GraphChart: (props: GraphChartProps) => React.JSX.Element;
 //# sourceMappingURL=GraphChart.d.ts.map

package/dist/widgets/views/Graph/GraphChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GraphChart.d.ts","sourceRoot":"","sources":["GraphChart.tsx"],"names":[],"mappings":";AAaA,oBAAY,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,GAAG,CAAC;IACZ,OAAO,EAAE,GAAG,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,UAAU,UAAW,eAAe,gBAiDhD,CAAC"}
+{"version":3,"file":"GraphChart.d.ts","sourceRoot":"","sources":["GraphChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAa1C,oBAAY,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,GAAG,CAAC;IACZ,OAAO,EAAE,GAAG,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,UAAU,UAAW,eAAe,sBAsDhD,CAAC"}

package/dist/widgets/views/Graph/GraphDefaults.d.ts

@@ -3,11 +3,25 @@ declare const DefaultGraphOptions: {
         padding: string;
         xAxis: {
             tickCount: number;
+            label: {
+                formatter: (value: any) => any;
+            };
+        };
+        yAxis: {
+            label: {
+                formatter: (value: any) => any;
+            };
         };
         legend: {
             maxWidthRatio: number;
             maxItemWidth: number;
         };
+        tooltip: {
+            formatter: (object: any) => {
+                name: any;
+                value: any;
+            };
+        };
     };
     pie: {
         appendPadding: number;
@@ -25,6 +39,12 @@ declare const DefaultGraphOptions: {
             maxWidthRatio: number;
             maxItemWidth: number;
         };
+        tooltip: {
+            formatter: (object: any) => {
+                name: any;
+                value: any;
+            };
+        };
         interactions: {
             type: string;
         }[];
@@ -35,6 +55,22 @@ declare const DefaultGraphOptions: {
             maxWidthRatio: number;
             maxItemWidth: number;
         };
+        tooltip: {
+            formatter: (object: any) => {
+                name: any;
+                value: any;
+            };
+        };
+        xAxis: {
+            label: {
+                formatter: (value: any) => any;
+            };
+        };
+        yAxis: {
+            label: {
+                formatter: (value: any) => any;
+            };
+        };
         label: {
             position: string;
             layout: {

package/dist/widgets/views/Graph/GraphDefaults.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GraphDefaults.d.ts","sourceRoot":"","sources":["GraphDefaults.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,mBAAmB;;;;;;;;;;;;;;;;;mCAiBI,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqC/B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"GraphDefaults.d.ts","sourceRoot":"","sources":["GraphDefaults.ts"],"names":[],"mappings":"AA2CA,QAAA,MAAM,mBAAmB;;;;;;mCA/BK,GAAG;;;;;mCAAH,GAAG;;;;;;;;gCATf,GAAG;;;;;;;;;;;;mCAoEQ,GAAG;;;;;;;;;;;gCApEd,GAAG;;;;;;;;;;;;;;;;gCAAH,GAAG;;;;;;;mCASS,GAAG;;;;;mCAAH,GAAG;;;;;;;;;;CAgHhC,CAAC;AA6CF,eAAe,mBAAmB,CAAC"}

package/dist/widgets/views/Graph/GraphIndicator.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import { Operator } from "@gisce/ooui";
 export declare type GraphInidicatorProps = {
     model: string;
@@ -13,5 +13,5 @@ export declare type GraphInidicatorProps = {
     operator?: Operator;
     manualIds?: number[];
 };
-export declare const GraphIndicator: (props: GraphInidicatorProps) => JSX.Element;
+export declare const GraphIndicator: (props: GraphInidicatorProps) => React.JSX.Element;
 //# sourceMappingURL=GraphIndicator.d.ts.map

package/dist/widgets/views/Graph/GraphIndicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GraphIndicator.d.ts","sourceRoot":"","sources":["GraphIndicator.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAQvC,oBAAY,oBAAoB,GAAG;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,GAAG,CAAC;IACZ,OAAO,EAAE,GAAG,CAAC;IACb,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,cAAc,UAAW,oBAAoB,gBAoNzD,CAAC"}
+{"version":3,"file":"GraphIndicator.d.ts","sourceRoot":"","sources":["GraphIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAOnD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAQvC,oBAAY,oBAAoB,GAAG;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,GAAG,CAAC;IACZ,OAAO,EAAE,GAAG,CAAC;IACb,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,cAAc,UAAW,oBAAoB,sBAoNzD,CAAC"}

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;;AA4SF,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;;AA+SF,wBAAsC"}

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

@@ -19,6 +19,8 @@ declare type Props = {
     sorter?: any;
     onFetchChildrenForRecord?: (item: any) => Promise<any[]>;
     childField?: string;
+    rootTree?: boolean;
+    context?: any;
 };
 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;AAKvE,OAAO,EAAE,QAAQ,EAAU,MAAM,SAAS,CAAC;AAc3C,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,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;CACrB,CAAC;AAyDF,iBAAS,IAAI,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK,CAAC,YAAY,CAoL9C;AAED,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Tree.d.ts","sourceRoot":"","sources":["Tree.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAKvE,OAAO,EAAE,QAAQ,EAAU,MAAM,SAAS,CAAC;AAsB3C,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,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;CACf,CAAC;AA8GF,iBAAS,IAAI,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK,CAAC,YAAY,CA2M9C;AAED,eAAe,IAAI,CAAC"}

package/dist/widgets/views/searchFilter/DateRangePicker.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import { WidgetProps } from '../../../types';
-export declare const DateRangePicker: (props: WidgetProps) => JSX.Element;
+export declare const DateRangePicker: (props: WidgetProps) => React.JSX.Element;
 //# sourceMappingURL=DateRangePicker.d.ts.map

package/dist/widgets/views/searchFilter/DateRangePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["DateRangePicker.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,eAAO,MAAM,eAAe,UAAW,WAAW,gBASjD,CAAC"}
+{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["DateRangePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,eAAO,MAAM,eAAe,UAAW,WAAW,sBASjD,CAAC"}

package/dist/widgets/views/searchFilter/DateTimeRangePicker.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import { WidgetProps } from '../../../types';
-export declare const DateTimeRangePicker: (props: WidgetProps) => JSX.Element;
+export declare const DateTimeRangePicker: (props: WidgetProps) => React.JSX.Element;
 //# sourceMappingURL=DateTimeRangePicker.d.ts.map

package/dist/widgets/views/searchFilter/DateTimeRangePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimeRangePicker.d.ts","sourceRoot":"","sources":["DateTimeRangePicker.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAKtC,eAAO,MAAM,mBAAmB,UAAW,WAAW,gBAoDrD,CAAC"}
+{"version":3,"file":"DateTimeRangePicker.d.ts","sourceRoot":"","sources":["DateTimeRangePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAKtC,eAAO,MAAM,mBAAmB,UAAW,WAAW,sBAoDrD,CAAC"}

package/dist/widgets/views/searchFilter/SearchField.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from "react";
 import { Field } from "@gisce/ooui";
 declare type Props = {
     field: Field;
 };
-export declare function SearchField(props: Props): JSX.Element;
+export declare function SearchField(props: Props): React.JSX.Element;
 export {};
 //# sourceMappingURL=SearchField.d.ts.map

package/dist/widgets/views/searchFilter/SearchField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchField.d.ts","sourceRoot":"","sources":["SearchField.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,KAAK,EAA8B,MAAM,aAAa,CAAC;AAGhE,aAAK,KAAK,GAAG;IACX,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;AAgBF,wBAAgB,WAAW,CAAC,KAAK,EAAE,KAAK,eAyCvC"}
+{"version":3,"file":"SearchField.d.ts","sourceRoot":"","sources":["SearchField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAU1C,OAAO,EAAE,KAAK,EAAgD,MAAM,aAAa,CAAC;AAGlF,aAAK,KAAK,GAAG;IACX,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;AAEF,wBAAgB,WAAW,CAAC,KAAK,EAAE,KAAK,qBAyCvC"}

package/dist/widgets/views/searchFilter/SearchFilter.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import { SearchFields } from '../../../types';
 declare type Props = {
     fields: any;
@@ -14,7 +14,8 @@ declare type Props = {
     searchError?: string;
     searchValues?: any;
     showLimitOptions?: boolean;
+    formXml: string;
 };
-declare function SearchFilter(props: Props): JSX.Element;
+declare function SearchFilter(props: Props): React.JSX.Element;
 export default SearchFilter;
 //# sourceMappingURL=SearchFilter.d.ts.map

package/dist/widgets/views/searchFilter/SearchFilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchFilter.d.ts","sourceRoot":"","sources":["SearchFilter.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAMvC,aAAK,KAAK,GAAG;IACX,MAAM,EAAE,GAAG,CAAC;IACZ,YAAY,EAAE,YAAY,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,WAAW,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,iBAAS,YAAY,CAAC,KAAK,EAAE,KAAK,eAmHjC;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"SearchFilter.d.ts","sourceRoot":"","sources":["SearchFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAY3D,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAOvC,aAAK,KAAK,GAAG;IACX,MAAM,EAAE,GAAG,CAAC;IACZ,YAAY,EAAE,YAAY,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,WAAW,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,iBAAS,YAAY,CAAC,KAAK,EAAE,KAAK,qBA0HjC;AAED,eAAe,YAAY,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gisce/react-ooui",
-  "version": "1.2.0-rc.8",
+  "version": "1.2.0-rc.82",
   "files": [
     "dist",
     "src",
@@ -13,10 +13,6 @@
     ".": {
       "import": "./dist/react-ooui.es.js",
       "require": "./dist/react-ooui.umd.js"
-    },
-    "./dist/main.css": {
-      "import": "./dist/main.css",
-      "require": "./dist/main.css"
     }
   },
   "publishConfig": {
@@ -27,28 +23,30 @@
     "prerelease": "npm version prerelease --preid rc",
     "prepatch": "npm version prepatch --preid rc",
     "premajor": "npm version premajor --preid rc",
-    "start": "while :; do vite build --watch --force; done",
+    "start": "while :; do tsc && vite build --watch --force; done",
     "build:tailwind": "postcss src/tailwind.css -o src/tailwind.generated.css",
-    "build": "vite build",
+    "build": "tsc && vite build",
     "test": "jest",
     "storybook": "start-storybook -p 6006",
     "build-storybook": "build-storybook"
   },
   "dependencies": {
     "@ant-design/plots": "^1.0.9",
-    "@gisce/ooui": "^0.17.9-rc.0",
-    "@gisce/react-formiga-components": "^1.0.9-rc.9",
+    "@gisce/ooui": "^0.19.5-rc.1",
+    "@gisce/react-formiga-components": "^1.0.9-rc.21",
     "@gisce/react-formiga-table": "^0.5.0",
     "@monaco-editor/react": "^4.4.5",
-    "@tabler/icons": "^1.96.0",
-    "antd": "^4.12.3",
+    "@tabler/icons-react": "^2.11.0",
+    "antd": "^5.5.2",
     "buffer": "^6.0.3",
     "fiber-diagram": "github:gisce/fiber-diagram",
     "file-type": "^16.5.0",
+    "interweave": "^13.0.0",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
     "react-grid-layout": "^1.3.4",
     "react-hotkeys-hook": "^3.4.4",
+    "react-markdown": "^8.0.7",
     "react-measure": "^2.5.2",
     "use-deep-compare-effect": "^1.8.1",
     "validator": "^13.6.0"
@@ -67,8 +65,8 @@
     "@types/jest": "^26.0.15",
     "@types/lodash": "^4.14.170",
     "@types/node": "^12.0.0",
-    "@types/react": "^16.9.53",
-    "@types/react-dom": "^16.9.8",
+    "@types/react": "^17.0.1",
+    "@types/react-dom": "^17.0.1",
     "@types/react-grid-layout": "^1.3.2",
     "@types/react-measure": "^2.0.7",
     "@types/react-responsive": "^8.0.2",

package/src/__tests__/iconMapper.test.ts

@@ -2,14 +2,29 @@ import iconMapper from "../helpers/iconMapper";
 import * as Icons from "@ant-design/icons";
 
 describe("A IconMapper instance", () => {
-  test("should return the default icon when key not found", () => {
-    const defaultIcon = Icons.RightOutlined;
-    const icon = iconMapper("RANDOM_KEY");
-    expect(icon).toBe(defaultIcon);
+  test("should return undefined when key not found", () => {
+    const icon = iconMapper("foo-bar");
+    expect(icon).toBe(undefined);
   });
   test("should return proper help icon when requested", () => {
     const helpIcon = Icons.QuestionOutlined;
-    const icon = iconMapper("STOCK_HELP");
+    const icon = iconMapper("gtk-help");
     expect(icon).toBe(helpIcon);
   });
+  test("should replace all - for _", () => {
+    const findAndReplaceIcon = Icons.FileSearchOutlined;
+    const icon = iconMapper("gtk-find-and-replace");
+    expect(icon).toBe(findAndReplaceIcon);
+  })
+  test("should return gtk-go", () => {
+    const findAndReplaceIcon = Icons.FileSearchOutlined;
+    const icon = iconMapper("gtk-find-and-replace");
+    expect(icon).toBe(findAndReplaceIcon);
+  })
+  describe("If key doesn't exist in iconMapper", () => {
+    test("should return undefined", () => {
+      const icon = iconMapper("gtk-foo-bar");
+      expect(icon).toBe(undefined);
+    })
+  })
 });

package/src/__tests__/searchFilterHelper.spec.ts

@@ -3,7 +3,7 @@ import {
   groupDateTimeValuesIfNeeded,
   getParamsForFields,
 } from "../helpers/searchFilterHelper";
-import moment from "moment";
+import dayjs from "dayjs";
 
 describe("A SearchFilterHelper instance", () => {
   describe("removeUndefinedFields method", () => {
@@ -73,10 +73,10 @@ describe("A SearchFilterHelper instance", () => {
       const object = {
         charValue: "test",
         floatValue: 0.5,
-        "dateField#date": [moment("2021-01-01"), moment("2021-01-02")],
+        "dateField#date": [dayjs("2021-01-01"), dayjs("2021-01-02")],
         "dateField#time": [
-          moment("1970-01-01 00:00"),
-          moment("1970-01-01 04:00"),
+          dayjs("1970-01-01 00:00"),
+          dayjs("1970-01-01 04:00"),
         ],
       };
 
@@ -338,7 +338,7 @@ describe("A SearchFilterHelper instance", () => {
         },
       };
       const values = {
-        field: [moment("2021-01-01"), moment("2021-01-02")],
+        field: [dayjs("2021-01-01"), dayjs("2021-01-02")],
       };
       const params = getParamsForFields(values, fields);
       expect(Array.isArray(params)).toBeTruthy();
@@ -363,8 +363,8 @@ describe("A SearchFilterHelper instance", () => {
         },
       };
       const values = {
-        "field#date": [moment("2021-01-01"), moment("2021-01-02")],
-        "field#time": [moment("1970-01-01 03:31"), moment("1970-01-01 03:32")],
+        "field#date": [dayjs("2021-01-01"), dayjs("2021-01-02")],
+        "field#time": [dayjs("1970-01-01 03:31"), dayjs("1970-01-01 03:32")],
       };
       const params = getParamsForFields(values, fields);
       expect(Array.isArray(params)).toBeTruthy();

package/src/actionbar/AttachmentsButton.tsx

@@ -103,30 +103,28 @@ function AttachmentsButton(props: AttachmentsButtonProps) {
     preloadAttachments();
   }, [preloadAttachments]);
 
-  return (
-    <>
-      <AttachmentsButtonWrapper
-        numberOfAttachments={attachments.length}
-        attachments={preloadedAttachments}
-        disabled={disabled}
-        loading={preloading}
-        onAddNewAttachment={onAddNewAttachment}
-        onListAllAttachments={onListAllAttachments}
-        onopenAttachmentLink={openAttachmentLink}
-        onOpenAttachmentDetail={openAttachmentDetail}
-      />
-      <Modal
-        title={t("downloadingAttachment")}
-        visible={downloading}
-        footer={null}
-        closable={false}
-        centered
-        maskClosable={false}
-      >
-        <Spin />
-      </Modal>
-    </>
-  );
+  return (<>
+    <AttachmentsButtonWrapper
+      numberOfAttachments={attachments.length}
+      attachments={preloadedAttachments}
+      disabled={disabled}
+      loading={preloading}
+      onAddNewAttachment={onAddNewAttachment}
+      onListAllAttachments={onListAllAttachments}
+      onopenAttachmentLink={openAttachmentLink}
+      onOpenAttachmentDetail={openAttachmentDetail}
+    />
+    <Modal
+      title={t("downloadingAttachment")}
+      open={downloading}
+      footer={null}
+      closable={false}
+      centered
+      maskClosable={false}
+    >
+      <Spin />
+    </Modal>
+  </>);
 }
 
 export default AttachmentsButton;

package/src/actionbar/AttachmentsButtonWrapper.tsx

@@ -8,7 +8,11 @@ import {
   TableOutlined,
 } from "@ant-design/icons";
 import { Popover, Button, Row, Col, Tooltip, Spin } from "antd";
-import { LocaleContext, LocaleContextType } from "@/context/LocaleContext";
+import {
+  LocaleContext,
+  LocaleContextType,
+  tForLang,
+} from "@/context/LocaleContext";
 
 export type Attachment = {
   id: number;
@@ -32,7 +36,7 @@ export const AttachmentsButtonWrapper = (
   props: AttachmentsButtonWrapperProps
 ) => {
   const { numberOfAttachments, disabled } = props;
-  const { t } = useContext(LocaleContext) as LocaleContextType;
+  const { t, lang } = useContext(LocaleContext) as LocaleContextType;
   const [popoverVisible, setPopoverVisible] = useState<boolean>(false);
 
   const button = (
@@ -52,7 +56,7 @@ export const AttachmentsButtonWrapper = (
       onVisibleChange={(visible: boolean) => setPopoverVisible(visible)}
       visible={popoverVisible}
       placement="bottom"
-      content={Content(props, setPopoverVisible)}
+      content={Content(props, setPopoverVisible, lang)}
       title={t("attachments")}
       arrowContent={null}
     >
@@ -63,7 +67,8 @@ export const AttachmentsButtonWrapper = (
 
 const Content = (
   props: AttachmentsButtonWrapperProps,
-  setPopoverVisible: (visible: boolean) => void
+  setPopoverVisible: (visible: boolean) => void,
+  locale: string
 ) => {
   const {
     attachments = [],
@@ -73,8 +78,6 @@ const Content = (
     onOpenAttachmentDetail,
     onListAllAttachments,
   } = props;
-  const { t } = useContext(LocaleContext) as LocaleContextType;
-
   if (loading) {
     return <Spin style={{ padding: 20 }} />;
   }
@@ -89,7 +92,7 @@ const Content = (
           onListAllAttachments();
         }}
       >
-        <TableOutlined /> {t("listAllAttachments")}
+        <TableOutlined /> {tForLang("listAllAttachments", locale)}
       </a>
       <a
         style={{ display: "block" }}
@@ -99,11 +102,11 @@ const Content = (
           onAddNewAttachment();
         }}
       >
-        <FileAddOutlined /> {t("addNewAttachment")}
+        <FileAddOutlined /> {tForLang("addNewAttachment", locale)}
       </a>
       {attachments.length > 0 && (
         <>
-          <li className=" ant-dropdown-menu-item-divider"></li>
+          <li className="ant-dropdown-menu-item-divider"></li>
           {attachments.map((attachment: any) => {
             const Icon = attachment.link ? LinkOutlined : DownloadOutlined;
             return (
@@ -119,8 +122,8 @@ const Content = (
                     <Tooltip
                       title={
                         attachment.link
-                          ? t("openAttachmentLink")
-                          : t("download")
+                          ? tForLang("openAttachmentLink", locale)
+                          : tForLang("download", locale)
                       }
                     >
                       <Icon
@@ -134,7 +137,7 @@ const Content = (
                   )}
                 </Col>
                 <Col flex="25px" style={{ textAlign: "center" }}>
-                  <Tooltip title={t("openAttachment")}>
+                  <Tooltip title={tForLang("openAttachment", locale)}>
                     <FormOutlined
                       style={{ cursor: "pointer" }}
                       onClick={() => {

package/src/actionbar/ButtonWithBadge.tsx

@@ -1,5 +1,7 @@
 import React from "react";
 import ButtonWithTooltip, {Props as ButtonWithTooltipProps } from "@/common/ButtonWithTooltip";
+import { theme } from 'antd';
+const { useToken } = theme;
 
 type Props = ButtonWithTooltipProps & {
   badgeNumber?: number;
@@ -7,6 +9,7 @@ type Props = ButtonWithTooltipProps & {
 
 function ButtonWithBadge(props: Props) {
   const { badgeNumber = 0, ...restProps } = props;
+  const { token } = useToken();
 
   return (
     <div style={{ position: "relative" }}>
@@ -20,8 +23,8 @@ function ButtonWithBadge(props: Props) {
               borderRadius: "50%",
               fontSize: "12px",
               textAlign: "center",
-              background: "#1890FF",
-              color: "#fefefe",
+              background: token.colorPrimaryBg,
+              color: token.colorPrimaryHover,
             }}
           >
             {badgeNumber}

package/src/actionbar/ChangeViewButton.tsx

@@ -57,9 +57,7 @@ function ChangeViewButton(props: Props) {
               {getIconForView(view)}
             </Col>
             <Col flex="auto" style={{ paddingRight: 20 }}>
-              {view.type === "graph"
-                ? (view as GraphView).name
-                : view.type.charAt(0).toUpperCase() + view.type.slice(1)}
+              {view.type.charAt(0).toUpperCase() + view.type.slice(1)}
             </Col>
             <Col flex="none">
               <CheckOutlined
@@ -104,11 +102,15 @@ function ChangeViewButton(props: Props) {
   }
 
   return (
-    <>
+    <div style={{ display: "flex" }}>
       <ButtonWithTooltip
         tooltip={previousView ? t("viewAs") + " " + t(previousView.type) : ""}
         icon={getIconForView(previousView)}
-        style={{ width: 50 }}
+        style={{
+          width: 50,
+          borderTopRightRadius: 0,
+          borderBottomRightRadius: 0,
+        }}
         onClick={() => {
           handleMenuClick({ key: previousView?.view_id });
         }}
@@ -119,12 +121,16 @@ function ChangeViewButton(props: Props) {
         disabled={disabled || availableViews.length === 1}
       >
         <Button
-          style={{ width: 25 }}
+          style={{
+            width: 25,
+            borderTopLeftRadius: 0,
+            borderBottomLeftRadius: 0,
+          }}
           icon={<DownOutlined style={{ fontSize: "0.5em" }} />}
           onClick={(e) => e.preventDefault()}
         ></Button>
       </Dropdown>
-    </>
+    </div>
   );
 }