@gisce/react-ooui 1.5.2-alpha.1 → 1.5.2-rc.0

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

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

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

@@ -0,0 +1 @@
+{"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/PairFields.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { WidgetProps } from '../../../types';
+export declare function PairFields(props: WidgetProps): React.ReactElement;
+//# sourceMappingURL=PairFields.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PairFields.d.ts","sourceRoot":"","sources":["PairFields.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAMtC,wBAAgB,UAAU,CAAC,KAAK,EAAE,WAAW,GAAG,KAAK,CAAC,YAAY,CA2CjE"}

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

@@ -0,0 +1,10 @@
+import React from "react";
+declare type Props = {
+    advancedFilter: boolean;
+    isSearching: boolean;
+    onAdvancedFilterToggle: () => void;
+    onClear: () => void;
+};
+export declare function SearchBottomBar(props: Props): React.ReactElement;
+export {};
+//# sourceMappingURL=SearchBottomBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBottomBar.d.ts","sourceRoot":"","sources":["SearchBottomBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAY1C,aAAK,KAAK,GAAG;IACX,cAAc,EAAE,OAAO,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;IACrB,sBAAsB,EAAE,MAAM,IAAI,CAAC;IACnC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,wBAAgB,eAAe,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK,CAAC,YAAY,CAsChE"}

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

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

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,20 @@
+import React from "react";
+import { SearchFields } from '../../../types';
+declare type Props = {
+    fields: any;
+    searchFields: SearchFields;
+    onClear: () => void;
+    onSubmit: (values: any) => void;
+    isSearching: boolean;
+    limit: number;
+    offset: number;
+    onLimitChange?: (limit: number) => void;
+    searchVisible?: boolean;
+    setSearchFilterHeight?: (height: number) => void;
+    searchError?: string;
+    searchValues?: any;
+    showLimitOptions?: boolean;
+};
+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

@@ -0,0 +1 @@
+{"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;CAC5B,CAAC;AAEF,iBAAS,YAAY,CAAC,KAAK,EAAE,KAAK,qBAyHjC;AAED,eAAe,YAAY,CAAC"}

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":["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/package.json

@@ -1,38 +1,39 @@
 {
   "name": "@gisce/react-ooui",
-  "version": "1.5.2-alpha.1",
-  "engines": {
-    "node": "20.5.0"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
+  "version": "1.5.2-rc.0",
   "files": [
     "dist",
     "src",
     "README.md"
   ],
+  "main": "./dist/react-ooui.umd.js",
   "module": "./dist/react-ooui.es.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/react-ooui.es.js"
+      "import": "./dist/react-ooui.es.js",
+      "require": "./dist/react-ooui.umd.js"
     }
   },
+  "publishConfig": {
+    "access": "public"
+  },
   "scripts": {
-    "preinstall": "npx only-allow npm",
-    "build": "tsc --noEmit && vite build",
-    "preview": "npm run build && vite preview",
-    "dev:vite": "while :; do tsc && vite build --watch --force; done",
-    "dev:tsc": "tsc --noEmit --watch",
-    "prepare": "husky install",
-    "start": "concurrently npm:dev:*",
-    "check": "lint-staged"
+    "preminor": "npm version preminor --preid rc",
+    "prerelease": "npm version prerelease --preid rc",
+    "prepatch": "npm version prepatch --preid rc",
+    "premajor": "npm version premajor --preid rc",
+    "start": "while :; do tsc && vite build --watch --force; done",
+    "build:tailwind": "postcss src/tailwind.css -o src/tailwind.generated.css",
+    "build": "tsc && vite build",
+    "test": "jest",
+    "storybook": "start-storybook -p 6006",
+    "build-storybook": "build-storybook"
   },
   "dependencies": {
     "@ant-design/plots": "^1.0.9",
     "@gisce/fiber-diagram": "^1.1.0-rc.3",
-    "@gisce/ooui": "^0.22.3",
+    "@gisce/ooui": "^0.22.4-rc.0",
     "@gisce/react-formiga-components": "^1.0.9-rc.21",
     "@gisce/react-formiga-table": "^0.8.6",
     "@monaco-editor/react": "^4.4.5",
@@ -48,83 +49,51 @@
     "react-hotkeys-hook": "^3.4.4",
     "react-markdown": "^8.0.7",
     "react-measure": "^2.5.2",
-    "styled-components": "5.3.5",
     "use-deep-compare-effect": "^1.8.1",
     "uuid": "^3.4.0",
     "validator": "^13.6.0"
   },
   "devDependencies": {
-    "@semantic-release/exec": "6.0.3",
-    "@semantic-release/git": "10.0.1",
-    "@semantic-release/npm": "10.0.4",
+    "@babel/core": "^7.19.1",
+    "@storybook/addon-actions": "^6.5.12",
+    "@storybook/addon-essentials": "^6.5.12",
+    "@storybook/addon-interactions": "^6.5.12",
+    "@storybook/addon-knobs": "^6.4.0",
+    "@storybook/addon-links": "^6.5.12",
+    "@storybook/builder-vite": "^0.2.2",
+    "@storybook/react": "^6.5.12",
+    "@storybook/testing-library": "^0.0.13",
+    "@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",
     "@types/react-grid-layout": "^1.3.2",
     "@types/react-measure": "^2.0.7",
     "@types/react-responsive": "^8.0.2",
-    "@types/rollup-plugin-peer-deps-external": "^2.2.2",
     "@types/scroll-into-view": "^1.16.0",
     "@types/styled-components": "^5.1.7",
     "@types/uuid": "^8.3.1",
     "@types/validator": "^13.6.3",
-    "@typescript-eslint/eslint-plugin": "5.59.0",
-    "@typescript-eslint/parser": "5.59.0",
-    "@vitejs/plugin-react-swc": "3.3.2",
-    "concurrently": "8.2.0",
-    "eslint": "8.51.0",
-    "eslint-config-prettier": "8.5.0",
-    "eslint-config-standard-with-typescript": "24.0.0",
-    "eslint-plugin-import": "2.28.0",
-    "eslint-plugin-n": "15.6.0",
-    "eslint-plugin-promise": "6.1.1",
-    "eslint-plugin-react": "7.33.1",
-    "eslint-plugin-react-hooks": "4.6.0",
-    "husky": "8.0.3",
-    "lint-staged": "13.2.3",
-    "only-allow": "1.1.1",
-    "prettier": "3.0.1",
+    "@vitejs/plugin-react": "^2.1.0",
+    "autoprefixer": "^9.8.6",
+    "babel-loader": "^8.2.5",
+    "jest": "^26.6.3",
+    "jest-enzyme": "^7.1.2",
+    "postcss": "^7.0.35",
+    "postcss-cli": "^7.1.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "semantic-release": "21.0.7",
-    "typescript": "^5.0.4",
-    "vite": "4.4.8",
-    "vite-plugin-dts": "^3.6.0",
-    "vite-plugin-package-version": "1.0.2",
-    "vite-tsconfig-paths": "3.5.0"
+    "tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.0.2",
+    "ts-jest": "^26.4.4",
+    "typescript": "^4.0.3",
+    "vite": "^3.1.0",
+    "vite-plugin-dts": "^1.0.3"
   },
   "peerDependencies": {
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
-    "styled-components": "5.3.5"
-  },
-  "lint-staged": {
-    "src/**/*.{js,jsx,ts,tsx}": "eslint --fix",
-    "src/**/*.{js,jsx,ts,tsx,json,css,md}": "prettier --write"
-  },
-  "release": {
-    "branches": [
-      "master",
-      {
-        "name": "develop",
-        "prerelease": "rc"
-      },
-      {
-        "name": "alpha",
-        "prerelease": true
-      }
-    ],
-    "plugins": [
-      "@semantic-release/commit-analyzer",
-      "@semantic-release/release-notes-generator",
-      [
-        "@semantic-release/npm",
-        {
-          "npmPublish": true
-        }
-      ],
-      "@semantic-release/github",
-      "@semantic-release/git"
-    ]
+    "styled-components": "^5.2.1"
   }
 }

package/src/actionbar/FormActionBar.tsx

@@ -141,7 +141,7 @@ function FormActionBar({ toolbar }: { toolbar: any }) {
     try {
       setRemovingItem?.(true);
 
-      await ConnectionProvider.getHandler().deleteObjects({
+      await ConnectionProvider.getHandler().delete({
         model: currentModel!,
         ids: [currentId!],
       });

package/src/actionbar/TreeActionBar.tsx

@@ -92,7 +92,7 @@ function TreeActionBar(props: Props) {
     try {
       setRemovingItem?.(true);
 
-      await ConnectionProvider.getHandler().deleteObjects({
+      await ConnectionProvider.getHandler().delete({
         model: currentModel!,
         ids: selectedRowItems!.map((item) => item.id),
       });

package/src/common/DatePicker.tsx

@@ -5,9 +5,9 @@ import Field from "@/common/Field";
 import { WidgetProps } from "@/types";
 import { Date as DateOoui } from "@gisce/ooui";
 import dayjs from "dayjs";
+const { useToken } = theme;
 import weekday from "dayjs/plugin/weekday";
 import localeData from "dayjs/plugin/localeData";
-const { useToken } = theme;
 dayjs.extend(weekday);
 dayjs.extend(localeData);
 
@@ -47,7 +47,7 @@ interface DatePickerInputProps {
 }
 
 const DatePickerInput: React.FC<DatePickerInputProps> = (
-  props: DatePickerInputProps,
+  props: DatePickerInputProps
 ) => {
   const { value, onChange, ooui, showTime } = props;
   const { id, readOnly, required } = ooui as DateOoui;

package/src/common/SelectAllRecordsRow.tsx

@@ -1,5 +1,6 @@
 import styled from "styled-components";
-import React, { useContext, useState } from "react";
+import { useContext, useState } from "react";
+import React from "react";
 import { Spin } from "antd";
 import { LocaleContext, LocaleContextType } from "@/context/LocaleContext";
 import Link from "antd/es/typography/Link";
@@ -59,7 +60,7 @@ export const SelectAllRecordsRow = ({
     <span>
       {translations.recordsSelected.replace(
         "{numberOfSelectedRows}",
-        numberOfVisibleSelectedRows.toString(),
+        numberOfVisibleSelectedRows.toString()
       ) + " "}
 
       {loading ? (
@@ -68,7 +69,7 @@ export const SelectAllRecordsRow = ({
         <Link onClick={handleClick} style={{ fontWeight: 600 }}>
           {translations.selectAllRecords.replace(
             "{totalRecords}",
-            totalRecords.toString(),
+            totalRecords.toString()
           )}
         </Link>
       )}
@@ -79,7 +80,7 @@ export const SelectAllRecordsRow = ({
     <span style={{ fontWeight: 600 }}>
       {translations.allRecordsSelected.replace(
         "{totalRecords}",
-        numberOfRealSelectedRows.toString(),
+        numberOfRealSelectedRows.toString()
       ) + " "}
     </span>
   );

package/src/context/ContentRootContext.tsx

@@ -59,14 +59,14 @@ const callRefreshValues = async (fns: any[]) => {
 
 const ContentRootProvider = (
   props: ContentRootProviderProps,
-  ref: any,
+  ref: any
 ): any => {
   const { children, globalValues = {} } = props;
   const reportInProgressInterval = useRef<any>();
   const waitingForReport = useRef<boolean>();
   const [reportGenerating, setReportGenerating] = useState<boolean>(false);
   const tabManagerContext = useContext(
-    TabManagerContext,
+    TabManagerContext
   ) as TabManagerContextType;
   const { openAction } = tabManagerContext || {};
   const onRefreshParentValues = useRef<any>([]);
@@ -82,7 +82,7 @@ const ContentRootProvider = (
   const [actionModalOptions, setActionModalOptions] = useState<ActionModalOpts>(
     {
       context: {},
-    },
+    }
   );
 
   async function generateReport(options: GenerateReportOptions) {
@@ -103,7 +103,7 @@ const ContentRootProvider = (
 
     const { ids } = datas || {};
 
-    const idsToExecute = ids || [];
+    let idsToExecute = ids || [];
 
     const reportContextParsed =
       typeof reportContext === "string"
@@ -182,12 +182,9 @@ const ContentRootProvider = (
         context,
       });
     } else if (type === "ir.actions.act_window") {
-      return await runAction({ actionData, fields, values, context });
+      return await runAction({actionData, fields, values, context});
     } else if (type === "ir.actions.act_url") {
-      window.open(
-        stringFormat(actionData.url, { ...values, context }),
-        "_blank",
-      );
+      window.open(stringFormat(actionData.url, {...values, context}), "_blank");
     } else {
       showErrorDialog(`${type} action not supported`);
       return {};
@@ -278,7 +275,7 @@ const ContentRootProvider = (
         context: mergedContext,
         domain: parsedDomain,
         model: actionData.res_model,
-        views,
+        views: views,
         title: actionData.name,
         initialView,
         action_id: actionData.id,
@@ -349,54 +346,52 @@ const ContentRootProvider = (
     });
   }
 
-  return (
-    <>
-      <ContentRootContext.Provider
-        value={{
-          processAction,
-          globalValues,
-        }}
-      >
-        <>
-          {children}
-          <Modal
-            title={t("generatingReport")}
-            open={reportGenerating}
-            footer={null}
-            closable={false}
-            centered
-            maskClosable={false}
-          >
-            <Spin />
-          </Modal>
-          <FormModal
-            buttonModal
-            parentContext={actionModalOptions.context}
-            model={actionModalOptions.model!}
-            formView={actionModalOptions.formView}
-            visible={actionModalVisible}
-            onSubmitSucceed={onFormModalSucceed}
-            onCancel={() => {
-              callRefreshValues(onRefreshParentValues.current);
-              onRefreshParentValues.current = [];
-              setActionModalVisible(false);
-              setActionModalOptions({
-                domain: undefined,
-                model: undefined,
-                context: {},
-                formView: undefined,
-                actionData: undefined,
-              });
-            }}
-            showFooter={false}
-            actionDomain={actionModalOptions.domain}
-            isMenuAction={actionModalOptions?.actionData !== undefined}
-            actionData={actionModalOptions?.actionData}
-          />
-        </>
-      </ContentRootContext.Provider>
-    </>
-  );
+  return (<>
+    <ContentRootContext.Provider
+      value={{
+        processAction,
+        globalValues,
+      }}
+    >
+      <>
+        {children}
+        <Modal
+          title={t("generatingReport")}
+          open={reportGenerating}
+          footer={null}
+          closable={false}
+          centered
+          maskClosable={false}
+        >
+          <Spin />
+        </Modal>
+        <FormModal
+          buttonModal
+          parentContext={actionModalOptions.context}
+          model={actionModalOptions.model!}
+          formView={actionModalOptions.formView}
+          visible={actionModalVisible}
+          onSubmitSucceed={onFormModalSucceed}
+          onCancel={() => {
+            callRefreshValues(onRefreshParentValues.current);
+            onRefreshParentValues.current = [];
+            setActionModalVisible(false);
+            setActionModalOptions({
+              domain: undefined,
+              model: undefined,
+              context: {},
+              formView: undefined,
+              actionData: undefined,
+            });
+          }}
+          showFooter={false}
+          actionDomain={actionModalOptions.domain}
+          isMenuAction={actionModalOptions?.actionData !== undefined}
+          actionData={actionModalOptions?.actionData}
+        />
+      </>
+    </ContentRootContext.Provider>
+  </>);
 };
 
 async function getViewsAndInitialView({
@@ -444,9 +439,7 @@ async function getViewsAndInitialView({
     };
   } else if (!view_id) {
     const type = view_mode.split(",")[0];
-    const [retrievedViewId] = retriedViewData.find(
-      ([_, viewType]) => viewType === type,
-    )!;
+    const [retrievedViewId] = retriedViewData.find(([_, viewType]) => viewType === type)!;
     initialView = { id: retrievedViewId, type };
   } else {
     initialView = {

package/src/context/TabManagerContext.tsx

@@ -20,7 +20,7 @@ export type TabManagerContextType = {
     domain: any;
     context: any;
     model: string;
-    views: any[];
+    views: Array<any>;
     title: string;
     target: string;
     initialView: InitialViewData;
@@ -69,8 +69,9 @@ export type TabManagerContextType = {
   setCurrentId?: (id?: number) => void;
 };
 
-export const TabManagerContext =
-  React.createContext<TabManagerContextType | null>(null);
+export const TabManagerContext = React.createContext<TabManagerContextType | null>(
+  null
+);
 
 type TabManagerProviderProps = TabManagerContextType & {
   children: React.ReactNode;

package/src/helpers/dynamicColumnsHelper.ts

@@ -23,7 +23,7 @@ export const calculateColumnsWidth = (
   maxWidthPerCell = 500
 ) => {
   if (columns.length === 0) {
-    return { columns };
+    return columns;
   }
 
   // First we calculate the width for each column

package/src/helpers/filesHelper.ts

@@ -8,7 +8,7 @@ export function getFilesize(base64string: string) {
 
 export async function getMimeType(base64string: string) {
   const mimeInfo = await fileTypeFromBuffer(
-    Buffer.from(base64string, "base64"),
+    Buffer.from(base64string, "base64")
   );
   if (!mimeInfo) {
     return {
@@ -29,13 +29,13 @@ export const toBase64 = (file: File): Promise<string> =>
   });
 
 export function openBase64InNewTab(data: string, mimeType: string) {
-  const byteCharacters = atob(data);
-  const byteNumbers = new Array(byteCharacters.length);
-  for (let i = 0; i < byteCharacters.length; i++) {
+  var byteCharacters = atob(data);
+  var byteNumbers = new Array(byteCharacters.length);
+  for (var i = 0; i < byteCharacters.length; i++) {
     byteNumbers[i] = byteCharacters.charCodeAt(i);
   }
-  const byteArray = new Uint8Array(byteNumbers);
-  const file = new Blob([byteArray], { type: mimeType + ";base64" });
-  const fileURL = URL.createObjectURL(file);
+  var byteArray = new Uint8Array(byteNumbers);
+  var file = new Blob([byteArray], { type: mimeType + ";base64" });
+  var fileURL = URL.createObjectURL(file);
   window.open(fileURL);
 }