@gisce/react-ooui 0.1.0

package/dist/widgets/views/searchFilter/SearchFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchFilter.js","sourceRoot":"","sources":["../../../../src/widgets/views/searchFilter/SearchFilter.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,7 @@
+import React from "react";
+declare type SearchParamsProps = {
+    onLimitChange?: (limit: number) => void;
+};
+export declare function SearchParams(props: SearchParamsProps): React.ReactElement;
+export {};
+//# sourceMappingURL=SearchParams.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchParams.d.ts","sourceRoot":"","sources":["../../../../src/widgets/views/searchFilter/SearchParams.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAQ1C,aAAK,iBAAiB,GAAG;IACvB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,CAAA;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,KAAK,CAAC,YAAY,CAmBzE"}

package/dist/widgets/views/searchFilter/SearchParams.js

@@ -0,0 +1,44 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SearchParams = void 0;
+var react_1 = __importStar(require("react"));
+var Integer_1 = require("@/widgets/base/Integer");
+var antd_1 = require("antd");
+var ooui_1 = require("@gisce/ooui");
+var LocaleContext_1 = require("@/context/LocaleContext");
+function SearchParams(props) {
+    var onLimitChange = props.onLimitChange;
+    var t = react_1.useContext(LocaleContext_1.LocaleContext).t;
+    var limitOoui = new ooui_1.Integer({ name: "limit" });
+    var offsetOoui = new ooui_1.Integer({ name: "offset" });
+    return (react_1.default.createElement("div", { className: "pl-2 pt-2" },
+        react_1.default.createElement(antd_1.Row, { key: "count_params" }, t("parameters")),
+        react_1.default.createElement(antd_1.Space, { align: "center" },
+            t("limit") + " :",
+            react_1.default.createElement(Integer_1.Integer, { ooui: limitOoui, onChange: function (newValue) {
+                    onLimitChange === null || onLimitChange === void 0 ? void 0 : onLimitChange(newValue);
+                } }),
+            t("first") + " :",
+            react_1.default.createElement(Integer_1.Integer, { ooui: offsetOoui }))));
+}
+exports.SearchParams = SearchParams;
+//# sourceMappingURL=SearchParams.js.map

package/dist/widgets/views/searchFilter/SearchParams.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchParams.js","sourceRoot":"","sources":["../../../../src/widgets/views/searchFilter/SearchParams.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAE1C,kDAAiD;AACjD,6BAAkC;AAClC,oCAAqD;AAErD,yDAA2E;AAM3E,SAAgB,YAAY,CAAC,KAAwB;IAC3C,IAAA,aAAa,GAAK,KAAK,cAAV,CAAW;IACxB,IAAA,CAAC,GAAK,kBAAU,CAAC,6BAAa,CAAsB,EAAnD,CAAoD;IAE7D,IAAM,SAAS,GAAG,IAAI,cAAW,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;IACrD,IAAM,UAAU,GAAG,IAAI,cAAW,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;IACvD,OAAO,CACL,uCAAK,SAAS,EAAC,WAAW;QACxB,8BAAC,UAAG,IAAC,GAAG,EAAE,cAAc,IAAG,CAAC,CAAC,YAAY,CAAC,CAAO;QACjD,8BAAC,YAAK,IAAC,KAAK,EAAC,QAAQ;YAClB,CAAC,CAAC,OAAO,CAAC,GAAG,IAAI;YAClB,8BAAC,iBAAO,IAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAC,QAAgB;oBACnD,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,QAAQ,CAAC,CAAC;gBAC5B,CAAC,GAAG;YACH,CAAC,CAAC,OAAO,CAAC,GAAG,IAAI;YAClB,8BAAC,iBAAO,IAAC,IAAI,EAAE,UAAU,GAAI,CACvB,CACJ,CACP,CAAC;AACJ,CAAC;AAnBD,oCAmBC"}

package/package.json

@@ -0,0 +1,89 @@
+{
+  "name": "@gisce/react-ooui",
+  "version": "0.1.0",
+  "main": "dist/index.js",
+  "files": [
+    "dist",
+    "src",
+    "README.md"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "prebuild": "npm run build:tailwind && rimraf dist && npm run build:ts",
+    "build:ts": "tsc",
+    "build:tailwind": "postcss src/tailwind.css -o src/tailwind.generated.css",
+    "build": "webpack",
+    "build:dev": "npm run build:ts && npm run build:tailwind && webpack --env=development",
+    "test": "jest",
+    "cypress": "cypress open",
+    "storybook": "start-storybook -p 6006 -s public",
+    "build-storybook": "build-storybook -s public"
+  },
+  "dependencies": {
+    "@ant-design/charts": "^1.3.6",
+    "@gisce/ooui": "^0.6.14",
+    "fiber-diagram": "github:gisce/fiber-diagram",
+    "file-type": "^16.5.0",
+    "react-grid-layout": "^1.3.4",
+    "react-hotkeys-hook": "^3.4.4",
+    "react-measure": "^2.5.2",
+    "scroll-into-view": "^1.16.0",
+    "styled-components": "^5.2.1",
+    "use-deep-compare-effect": "^1.8.1",
+    "validator": "^13.6.0"
+  },
+  "devDependencies": {
+    "@storybook/addon-actions": "^6.1.20",
+    "@storybook/addon-essentials": "^6.1.20",
+    "@storybook/addon-knobs": "^6.1.20",
+    "@storybook/addon-links": "^6.1.20",
+    "@storybook/node-logger": "^6.1.20",
+    "@storybook/preset-create-react-app": "^3.1.6",
+    "@storybook/react": "^6.1.20",
+    "@tailwindcss/postcss7-compat": "^2.0.2",
+    "@testing-library/jest-dom": "^5.11.4",
+    "@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-grid-layout": "^1.3.2",
+    "@types/react-measure": "^2.0.7",
+    "@types/react-responsive": "^8.0.2",
+    "@types/scroll-into-view": "^1.16.0",
+    "@types/styled-components": "^5.1.7",
+    "@types/uuid": "^8.3.1",
+    "@types/validator": "^13.6.3",
+    "antd": "^4.12.3",
+    "autoprefixer": "^9.8.6",
+    "css-loader": "^6.6.0",
+    "cypress": "^5.2.0",
+    "html-webpack-plugin": "^5.0.0-beta.5",
+    "ignore-loader": "^0.1.2",
+    "jest": "^26.6.3",
+    "jest-enzyme": "^7.1.2",
+    "mini-css-extract-plugin": "^2.5.3",
+    "postcss": "^7.0.35",
+    "postcss-cli": "^7.1.0",
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1",
+    "react-is": "^16.13.1",
+    "react-scripts": "^4.0.1",
+    "rimraf": "^3.0.2",
+    "source-map-loader": "1.1.3",
+    "tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.0.2",
+    "ts-jest": "^26.4.4",
+    "ts-loader": "^8.0.14",
+    "typescript": "^4.0.3",
+    "webpack": "^5.14.0",
+    "webpack-bundle-analyzer": "^4.3.0",
+    "webpack-cli": "^4.3.1"
+  },
+  "peerDependencies": {
+    "antd": "^4.12.3",
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1"
+  }
+}

package/src/.eslintcache

@@ -0,0 +1 @@
+[{"/Users/marc/development/react-ooui/src/stories/Button.stories.js":"1","/Users/marc/development/react-ooui/src/stories/Char.stories.js":"2","/Users/marc/development/react-ooui/src/stories/Selection.stories.js":"3","/Users/marc/development/react-ooui/src/stories/ManyToOne.stories.js":"4","/Users/marc/development/react-ooui/src/stories/Checkbox.stories.js":"5","/Users/marc/development/react-ooui/src/widgets/Checkbox.tsx":"6","/Users/marc/development/react-ooui/src/widgets/ManyToOne.tsx":"7","/Users/marc/development/react-ooui/src/widgets/Selection.tsx":"8","/Users/marc/development/react-ooui/src/widgets/Button.tsx":"9","/Users/marc/development/react-ooui/src/widgets/Char.tsx":"10","/Users/marc/development/react-ooui/src/index.ts":"11","/Users/marc/development/react-ooui/src/helpers/TreeHelper.ts":"12","/Users/marc/development/react-ooui/src/widgets/Tree.tsx":"13","/Users/marc/development/react-ooui/src/stories/Tree.stories.js":"14"},{"size":721,"mtime":1611223665948,"results":"15","hashOfConfig":"16"},{"size":432,"mtime":1611223665949,"results":"17","hashOfConfig":"16"},{"size":539,"mtime":1611223665952,"results":"18","hashOfConfig":"16"},{"size":599,"mtime":1611223665950,"results":"19","hashOfConfig":"16"},{"size":464,"mtime":1611223665949,"results":"20","hashOfConfig":"16"},{"size":671,"mtime":1611223665953,"results":"21","hashOfConfig":"16"},{"size":1308,"mtime":1611223665954,"results":"22","hashOfConfig":"16"},{"size":706,"mtime":1611223665954,"results":"23","hashOfConfig":"16"},{"size":639,"mtime":1611223665953,"results":"24","hashOfConfig":"16"},{"size":741,"mtime":1611223665953,"results":"25","hashOfConfig":"16"},{"size":385,"mtime":1611227468105,"results":"26","hashOfConfig":"16"},{"size":1966,"mtime":1611306565063,"results":"27","hashOfConfig":"16"},{"size":1681,"mtime":1611227447728,"results":"28","hashOfConfig":"16"},{"size":3152,"mtime":1611308351200,"results":"29","hashOfConfig":"16"},{"filePath":"30","messages":"31","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"32"},"i1ix4w",{"filePath":"33","messages":"34","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"32"},{"filePath":"35","messages":"36","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"32"},{"filePath":"37","messages":"38","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"32"},{"filePath":"39","messages":"40","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"32"},{"filePath":"41","messages":"42","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"32"},{"filePath":"43","messages":"44","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"32"},{"filePath":"45","messages":"46","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"32"},{"filePath":"47","messages":"48","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"49"},{"filePath":"50","messages":"51","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"32"},{"filePath":"52","messages":"53","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"32"},{"filePath":"54","messages":"55","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"32"},{"filePath":"56","messages":"57","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"32"},{"filePath":"58","messages":"59","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"32"},"/Users/marc/development/react-ooui/src/stories/Button.stories.js",[],[],"/Users/marc/development/react-ooui/src/stories/Char.stories.js",[],"/Users/marc/development/react-ooui/src/stories/Selection.stories.js",[],"/Users/marc/development/react-ooui/src/stories/ManyToOne.stories.js",[],"/Users/marc/development/react-ooui/src/stories/Checkbox.stories.js",[],"/Users/marc/development/react-ooui/src/widgets/Checkbox.tsx",[],"/Users/marc/development/react-ooui/src/widgets/ManyToOne.tsx",[],"/Users/marc/development/react-ooui/src/widgets/Selection.tsx",[],"/Users/marc/development/react-ooui/src/widgets/Button.tsx",[],[],"/Users/marc/development/react-ooui/src/widgets/Char.tsx",[],"/Users/marc/development/react-ooui/src/index.ts",[],"/Users/marc/development/react-ooui/src/helpers/TreeHelper.ts",[],"/Users/marc/development/react-ooui/src/widgets/Tree.tsx",[],"/Users/marc/development/react-ooui/src/stories/Tree.stories.js",[]]

package/src/Config.ts

@@ -0,0 +1,4 @@
+export default {
+  requiredClass: "bg-blue-100",
+  requiredColor: "#DBEAFE",
+};

package/src/ConnectionProvider.ts

@@ -0,0 +1,16 @@
+import { ConnectionProviderType } from "@/types";
+
+export default class ConnectionProvider {
+  private static handler: ConnectionProviderType;
+
+  public static init(handler: ConnectionProviderType): void {
+    ConnectionProvider.handler = handler;
+  }
+
+  public static getHandler(): ConnectionProviderType {
+    if (!ConnectionProvider.handler) {
+      throw 'Must call init() first with a valid ConnectionProvider instance';
+    }
+    return ConnectionProvider.handler;
+  }
+}

package/src/__tests__/iconMapper.test.ts

@@ -0,0 +1,15 @@
+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 proper help icon when requested", () => {
+    const helpIcon = Icons.QuestionOutlined;
+    const icon = iconMapper("STOCK_HELP");
+    expect(icon).toBe(helpIcon);
+  });
+});

package/src/__tests__/searchFilterHelper.spec.ts

@@ -0,0 +1,386 @@
+import {
+  removeUndefinedFields,
+  groupDateTimeValuesIfNeeded,
+  getParamsForFields,
+} from "../helpers/searchFilterHelper";
+import moment from "moment";
+
+describe("A SearchFilterHelper instance", () => {
+  describe("removeUndefinedFields method", () => {
+    test("should return the same object without undefined fields", () => {
+      const object = {
+        testField: "field",
+        testField2: undefined,
+        testField3: undefined,
+      };
+
+      const filteredObject = removeUndefinedFields(object);
+
+      expect(Object.keys(filteredObject).length).toBe(1);
+      expect(filteredObject.testField).toBe("field");
+    });
+    test("should return an object without fields", () => {
+      const object = {
+        testField2: undefined,
+        testField3: undefined,
+      };
+
+      const filteredObject = removeUndefinedFields(object);
+
+      expect(Object.keys(filteredObject).length).toBe(0);
+    });
+    test("should return same object if it hasn't any undefined files", () => {
+      const object = {
+        testField1: "field",
+        testField2: "field",
+      };
+
+      const filteredObject = removeUndefinedFields(object);
+
+      expect(Object.keys(filteredObject).length).toBe(2);
+      expect(filteredObject.testField1).toBe("field");
+      expect(filteredObject.testField2).toBe("field");
+    });
+    test("should return an object without fields if we send a null", () => {
+      const object = {
+        testField1: null,
+      };
+
+      const filteredObject = removeUndefinedFields(object);
+      expect(Object.keys(filteredObject).length).toBe(0);
+    });
+    test("should return an object without fields if we send a blank string", () => {
+      const object = {
+        testField1: "",
+      };
+
+      const filteredObject = removeUndefinedFields(object);
+      expect(Object.keys(filteredObject).length).toBe(0);
+    });
+  });
+  describe("groupRangeValues method", () => {
+    test("should return the same object if it hasn't any datetime fields to group", () => {
+      const object = {
+        charValue: "test",
+        floatValue: 0.5,
+      };
+
+      const filteredObject = groupDateTimeValuesIfNeeded(object);
+
+      expect(JSON.stringify(filteredObject)).toBe(JSON.stringify(object));
+    });
+    test("should return a datetime value grouped", () => {
+      const object = {
+        charValue: "test",
+        floatValue: 0.5,
+        "dateField#date": [moment("2021-01-01"), moment("2021-01-02")],
+        "dateField#time": [
+          moment("1970-01-01 00:00"),
+          moment("1970-01-01 04:00"),
+        ],
+      };
+
+      const filteredObject = groupDateTimeValuesIfNeeded(object);
+
+      expect(Object.keys(filteredObject).length).toBe(3);
+      expect(Object.keys(filteredObject)).toContain("dateField#datetime");
+      expect(filteredObject.charValue).toBe(object.charValue);
+      expect(filteredObject.floatValue).toBe(object.floatValue);
+      expect(Array.isArray(filteredObject["dateField#datetime"])).toBeTruthy();
+      const from = filteredObject["dateField#datetime"][0];
+      const to = filteredObject["dateField#datetime"][1];
+      expect(from).toBe("2021-01-01 00:00");
+      expect(to).toBe("2021-01-02 04:00");
+    });
+  });
+  describe("getParamsForField method", () => {
+    test("should return properly a float parameter", () => {
+      const fields = {
+        floatType: {
+          type: "float",
+        },
+      };
+      const values = {
+        "floatType#from": 1.1,
+        "floatType#to": 1.5,
+      };
+      const params = getParamsForFields(values, fields);
+      expect(Array.isArray(params)).toBeTruthy();
+      expect(params.length).toBe(2);
+      expect(Array.isArray(params[0])).toBeTruthy();
+      expect(params[0].length).toBe(3);
+      const from = params[0];
+      const to = params[1];
+      expect(Array.isArray(from)).toBeTruthy();
+      expect(Array.isArray(to)).toBeTruthy();
+      expect(from[0]).toBe("floatType");
+      expect(to[0]).toBe("floatType");
+      expect(from[1]).toBe(">=");
+      expect(to[1]).toBe("<=");
+      expect(from[2]).toBe(1.1);
+      expect(to[2]).toBe(1.5);
+    });
+    test("should return properly a float_time parameter", () => {
+      const fields = {
+        floatType: {
+          type: "float_time",
+        },
+      };
+      const values = {
+        "floatType#from": 1.1,
+        "floatType#to": 1.5,
+      };
+      const params = getParamsForFields(values, fields);
+      expect(Array.isArray(params)).toBeTruthy();
+      expect(params.length).toBe(2);
+      expect(Array.isArray(params[0])).toBeTruthy();
+      expect(params[0].length).toBe(3);
+      const from = params[0];
+      const to = params[1];
+      expect(Array.isArray(from)).toBeTruthy();
+      expect(Array.isArray(to)).toBeTruthy();
+      expect(from[0]).toBe("floatType");
+      expect(to[0]).toBe("floatType");
+      expect(from[1]).toBe(">=");
+      expect(to[1]).toBe("<=");
+      expect(from[2]).toBe(1.1);
+      expect(to[2]).toBe(1.5);
+    });
+    test("should return properly a progressbar parameter", () => {
+      const fields = {
+        floatType: {
+          type: "progressbar",
+        },
+      };
+      const values = {
+        "floatType#from": 1.1,
+        "floatType#to": 1.5,
+      };
+      const params = getParamsForFields(values, fields);
+      expect(Array.isArray(params)).toBeTruthy();
+      expect(params.length).toBe(2);
+      expect(Array.isArray(params[0])).toBeTruthy();
+      expect(params[0].length).toBe(3);
+      const from = params[0];
+      const to = params[1];
+      expect(Array.isArray(from)).toBeTruthy();
+      expect(Array.isArray(to)).toBeTruthy();
+      expect(from[0]).toBe("floatType");
+      expect(to[0]).toBe("floatType");
+      expect(from[1]).toBe(">=");
+      expect(to[1]).toBe("<=");
+      expect(from[2]).toBe(1.1);
+      expect(to[2]).toBe(1.5);
+    });
+    test("should return properly an integer parameter", () => {
+      const fields = {
+        field: {
+          type: "integer",
+        },
+      };
+      const values = {
+        "field#from": 1,
+        "field#to": 5,
+      };
+      const params = getParamsForFields(values, fields);
+      expect(Array.isArray(params)).toBeTruthy();
+      expect(params.length).toBe(2);
+      expect(Array.isArray(params[0])).toBeTruthy();
+      expect(params[0].length).toBe(3);
+      const from = params[0];
+      const to = params[1];
+      expect(Array.isArray(from)).toBeTruthy();
+      expect(Array.isArray(to)).toBeTruthy();
+      expect(from[0]).toBe("field");
+      expect(to[0]).toBe("field");
+      expect(from[1]).toBe(">=");
+      expect(to[1]).toBe("<=");
+      expect(from[2]).toBe(1);
+      expect(to[2]).toBe(5);
+    });
+    test("should return properly an char parameter", () => {
+      const fields = {
+        field: {
+          type: "char",
+        },
+      };
+      const values = {
+        field: "lorem ipsum",
+      };
+      const params = getParamsForFields(values, fields);
+      expect(Array.isArray(params)).toBeTruthy();
+      expect(params.length).toBe(1);
+      expect(Array.isArray(params[0])).toBeTruthy();
+      expect(params[0].length).toBe(3);
+      const fieldParams = params[0];
+      expect(fieldParams[0]).toBe("field");
+      expect(fieldParams[1]).toBe("ilike");
+      expect(fieldParams[2]).toBe("lorem ipsum");
+    });
+    test("should return properly a text parameter", () => {
+      const fields = {
+        field: {
+          type: "text",
+        },
+      };
+      const values = {
+        field: "lorem ipsum",
+      };
+      const params = getParamsForFields(values, fields);
+      expect(Array.isArray(params)).toBeTruthy();
+      expect(params.length).toBe(1);
+      expect(Array.isArray(params[0])).toBeTruthy();
+      expect(params[0].length).toBe(3);
+      const fieldParams = params[0];
+      expect(fieldParams[0]).toBe("field");
+      expect(fieldParams[1]).toBe("ilike");
+      expect(fieldParams[2]).toBe("lorem ipsum");
+    });
+    test("should return properly a many2one parameter", () => {
+      const fields = {
+        field: {
+          type: "many2one",
+        },
+      };
+      const values = {
+        field: "lorem ipsum",
+      };
+      const params = getParamsForFields(values, fields);
+      expect(Array.isArray(params)).toBeTruthy();
+      expect(params.length).toBe(1);
+      expect(Array.isArray(params[0])).toBeTruthy();
+      expect(params[0].length).toBe(3);
+      const fieldParams = params[0];
+      expect(fieldParams[0]).toBe("field");
+      expect(fieldParams[1]).toBe("ilike");
+      expect(fieldParams[2]).toBe("lorem ipsum");
+    });
+    test("should return properly a one2many parameter", () => {
+      const fields = {
+        field: {
+          type: "one2many",
+        },
+      };
+      const values = {
+        field: "lorem ipsum",
+      };
+      const params = getParamsForFields(values, fields);
+      expect(Array.isArray(params)).toBeTruthy();
+      expect(params.length).toBe(1);
+      expect(Array.isArray(params[0])).toBeTruthy();
+      expect(params[0].length).toBe(3);
+      const fieldParams = params[0];
+      expect(fieldParams[0]).toBe("field");
+      expect(fieldParams[1]).toBe("ilike");
+      expect(fieldParams[2]).toBe("lorem ipsum");
+    });
+    test("should return properly a many2many parameter", () => {
+      const fields = {
+        field: {
+          type: "many2many",
+        },
+      };
+      const values = {
+        field: "lorem ipsum",
+      };
+      const params = getParamsForFields(values, fields);
+      expect(Array.isArray(params)).toBeTruthy();
+      expect(params.length).toBe(1);
+      expect(Array.isArray(params[0])).toBeTruthy();
+      expect(params[0].length).toBe(3);
+      const fieldParams = params[0];
+      expect(fieldParams[0]).toBe("field");
+      expect(fieldParams[1]).toBe("ilike");
+      expect(fieldParams[2]).toBe("lorem ipsum");
+    });
+    test("should return properly a selection parameter", () => {
+      const fields = {
+        field: {
+          type: "selection",
+        },
+      };
+      const values = {
+        field: "value",
+      };
+      const params = getParamsForFields(values, fields);
+      expect(Array.isArray(params)).toBeTruthy();
+      expect(params.length).toBe(1);
+      expect(Array.isArray(params[0])).toBeTruthy();
+      expect(params[0].length).toBe(3);
+      const fieldParams = params[0];
+      expect(fieldParams[0]).toBe("field");
+      expect(fieldParams[1]).toBe("=");
+      expect(fieldParams[2]).toBe("value");
+    });
+    test("should return properly a boolean parameter", () => {
+      const fields = {
+        field: {
+          type: "boolean",
+        },
+      };
+      const values = {
+        field: "true",
+      };
+      const params = getParamsForFields(values, fields);
+      expect(Array.isArray(params)).toBeTruthy();
+      expect(params.length).toBe(1);
+      expect(Array.isArray(params[0])).toBeTruthy();
+      expect(params[0].length).toBe(3);
+      const fieldParams = params[0];
+      expect(fieldParams[0]).toBe("field");
+      expect(fieldParams[1]).toBe("=");
+      expect(fieldParams[2]).toBe(true);
+    });
+    test("should return properly a date parameter", () => {
+      const fields = {
+        field: {
+          type: "date",
+        },
+      };
+      const values = {
+        field: [moment("2021-01-01"), moment("2021-01-02")],
+      };
+      const params = getParamsForFields(values, fields);
+      expect(Array.isArray(params)).toBeTruthy();
+      expect(params.length).toBe(2);
+      expect(Array.isArray(params[0])).toBeTruthy();
+      expect(params[0].length).toBe(3);
+      const from = params[0];
+      const to = params[1];
+      expect(Array.isArray(from)).toBeTruthy();
+      expect(Array.isArray(to)).toBeTruthy();
+      expect(from[0]).toBe("field");
+      expect(to[0]).toBe("field");
+      expect(from[1]).toBe(">=");
+      expect(to[1]).toBe("<=");
+      expect(from[2]).toBe("2021-01-01");
+      expect(to[2]).toBe("2021-01-02");
+    });
+    test("should return properly a datetime parameter", () => {
+      const fields = {
+        field: {
+          type: "datetime",
+        },
+      };
+      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")],
+      };
+      const params = getParamsForFields(values, fields);
+      expect(Array.isArray(params)).toBeTruthy();
+      expect(params.length).toBe(2);
+      expect(Array.isArray(params[0])).toBeTruthy();
+      expect(params[0].length).toBe(3);
+      const from = params[0];
+      const to = params[1];
+      expect(Array.isArray(from)).toBeTruthy();
+      expect(Array.isArray(to)).toBeTruthy();
+      expect(from[0]).toBe("field");
+      expect(to[0]).toBe("field");
+      expect(from[1]).toBe(">=");
+      expect(to[1]).toBe("<=");
+      expect(from[2]).toBe("2021-01-01 03:31");
+      expect(to[2]).toBe("2021-01-02 03:32");
+    });
+  });
+});

package/src/actionbar/ActionButton.tsx

@@ -0,0 +1,40 @@
+import React from "react";
+import ButtonWithTooltip from "@/common/ButtonWithTooltip";
+import { LoadingOutlined } from "@ant-design/icons";
+
+type Props = {
+  tooltip: string;
+  onClick: any;
+  icon: any;
+  disabled?: boolean;
+  label?: string;
+  loading?: boolean;
+  type?: string;
+};
+
+function ActionButton(props: Props) {
+  const {
+    onClick,
+    disabled = false,
+    loading = false,
+    tooltip,
+    icon,
+    label,
+    type = "default",
+  } = props;
+  const finalIcon = loading ? <LoadingOutlined /> : icon;
+
+  return (
+    <ButtonWithTooltip
+      type={type as any}
+      tooltip={tooltip}
+      onClick={onClick}
+      disabled={disabled}
+    >
+      {finalIcon}
+      {label}
+    </ButtonWithTooltip>
+  );
+}
+
+export default ActionButton;