@gisce/react-ooui 2.0.0-alpha.6 → 2.0.0-alpha.60

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

@@ -0,0 +1,131 @@
+import { ReactElement } from "react";
+import { One2manyValue } from "../../base/one2many/One2manyInput";
+export declare const BooleanComponent: ({ value, }: {
+    value: boolean;
+}) => ReactElement;
+export declare const Many2OneComponent: ({ value }: {
+    value: any;
+}) => ReactElement;
+export declare const TextComponent: ({ value }: {
+    value: any;
+}) => ReactElement;
+export declare const DateComponent: ({ value }: {
+    value: any;
+}) => ReactElement;
+export declare const DateTimeComponent: ({ value }: {
+    value: any;
+}) => ReactElement;
+export declare const One2ManyComponent: ({ value, }: {
+    value: One2manyValue;
+}) => ReactElement;
+export declare const ProgressBarComponent: ({ value, }: {
+    value: any;
+}) => ReactElement;
+export declare const FloatTimeComponent: ({ value }: {
+    value: any;
+}) => ReactElement;
+export declare const NumberComponent: ({ value }: {
+    value: number;
+}) => ReactElement;
+export declare const ImageComponent: ({ value }: {
+    value: string;
+}) => ReactElement;
+export declare const TagComponent: ({ value, key, ooui, context, }: {
+    value: any;
+    key: string;
+    ooui: any;
+    context: any;
+}) => ReactElement;
+export declare const SelectionComponent: ({ value, key, ooui, context, }: {
+    value: any;
+    key: string;
+    ooui: any;
+    context: any;
+}) => ReactElement;
+export declare const ReferenceComponent: ({ value, key, ooui, context, }: {
+    value: any;
+    key: string;
+    ooui: any;
+    context: any;
+}) => ReactElement;
+export declare const AvatarComponent: ({ value, key, ooui, context, }: {
+    value: any;
+    key: string;
+    ooui: any;
+    context: any;
+}) => ReactElement;
+export declare const TagsComponent: ({ value, key, ooui, context, }: {
+    value: any;
+    key: string;
+    ooui: any;
+    context: any;
+}) => ReactElement;
+export declare const COLUMN_COMPONENTS: {
+    boolean: ({ value, }: {
+        value: boolean;
+    }) => ReactElement;
+    many2one: ({ value }: {
+        value: any;
+    }) => ReactElement;
+    text: ({ value }: {
+        value: any;
+    }) => ReactElement;
+    one2many: ({ value, }: {
+        value: One2manyValue;
+    }) => ReactElement;
+    many2many: ({ value, }: {
+        value: One2manyValue;
+    }) => ReactElement;
+    progressbar: ({ value, }: {
+        value: any;
+    }) => ReactElement;
+    float_time: ({ value }: {
+        value: any;
+    }) => ReactElement;
+    image: ({ value }: {
+        value: string;
+    }) => ReactElement;
+    integer: ({ value }: {
+        value: number;
+    }) => ReactElement;
+    float: ({ value }: {
+        value: number;
+    }) => ReactElement;
+    reference: ({ value, key, ooui, context, }: {
+        value: any;
+        key: string;
+        ooui: any;
+        context: any;
+    }) => ReactElement;
+    tag: ({ value, key, ooui, context, }: {
+        value: any;
+        key: string;
+        ooui: any;
+        context: any;
+    }) => ReactElement;
+    selection: ({ value, key, ooui, context, }: {
+        value: any;
+        key: string;
+        ooui: any;
+        context: any;
+    }) => ReactElement;
+    date: ({ value }: {
+        value: any;
+    }) => ReactElement;
+    datetime: ({ value }: {
+        value: any;
+    }) => ReactElement;
+    avatar: ({ value, key, ooui, context, }: {
+        value: any;
+        key: string;
+        ooui: any;
+        context: any;
+    }) => ReactElement;
+    tags: ({ value, key, ooui, context, }: {
+        value: any;
+        key: string;
+        ooui: any;
+        context: any;
+    }) => ReactElement;
+};
+//# sourceMappingURL=treeComponents.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"treeComponents.d.ts","sourceRoot":"","sources":["../../../../src/widgets/views/Tree/treeComponents.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAA6C,MAAM,OAAO,CAAC;AAIhF,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAWlE,eAAO,MAAM,gBAAgB;WAGpB,OAAO;MACZ,YAeH,CAAC;AAEF,eAAO,MAAM,iBAAiB;WAAwB,GAAG;MAAK,YAE7D,CAAC;AAEF,eAAO,MAAM,aAAa;WAAwB,GAAG;MAAK,YASzD,CAAC;AAEF,eAAO,MAAM,aAAa;WAAwB,GAAG;MAAK,YAUzD,CAAC;AAEF,eAAO,MAAM,iBAAiB;WAAwB,GAAG;MAAK,YAS7D,CAAC;AAEF,eAAO,MAAM,iBAAiB;WAGrB,aAAa;MAClB,YAKH,CAAC;AAEF,eAAO,MAAM,oBAAoB;WAGxB,GAAG;MACR,YAEH,CAAC;AAEF,eAAO,MAAM,kBAAkB;WAAwB,GAAG;MAAK,YAE9D,CAAC;AAEF,eAAO,MAAM,eAAe;WAAwB,MAAM;MAAK,YAK9D,CAAC;AAEF,eAAO,MAAM,cAAc;WAAwB,MAAM;MAAK,YAU7D,CAAC;AAEF,eAAO,MAAM,YAAY;WAMhB,GAAG;SACL,MAAM;UACL,GAAG;aACA,GAAG;MACV,YAEH,CAAC;AAEF,eAAO,MAAM,kBAAkB;WAMtB,GAAG;SACL,MAAM;UACL,GAAG;aACA,GAAG;MACV,YAEH,CAAC;AAEF,eAAO,MAAM,kBAAkB;WAMtB,GAAG;SACL,MAAM;UACL,GAAG;aACA,GAAG;MACV,YAWH,CAAC;AAEF,eAAO,MAAM,eAAe;WAMnB,GAAG;SACL,MAAM;UACL,GAAG;aACA,GAAG;MACV,YAEH,CAAC;AAEF,eAAO,MAAM,aAAa;WAMjB,GAAG;SACL,MAAM;UACL,GAAG;aACA,GAAG;MACV,YAgEH,CAAC;AAEF,eAAO,MAAM,iBAAiB;;eA/OrB,OAAO;UACZ,YAAY;;eAiBsC,GAAG;UAAK,YAAY;;eAIxB,GAAG;UAAK,YAAY;;eAqC7D,aAAa;UAClB,YAAY;;eADP,aAAa;UAClB,YAAY;;eAUP,GAAG;UACR,YAAY;;eAIuC,GAAG;UAAK,YAAY;;eAWxB,MAAM;UAAK,YAAY;;eAPtB,MAAM;UAAK,YAAY;;eAAvB,MAAM;UAAK,YAAY;;eAqDlE,GAAG;aACL,MAAM;cACL,GAAG;iBACA,GAAG;UACV,YAAY;;eAhCP,GAAG;aACL,MAAM;cACL,GAAG;iBACA,GAAG;UACV,YAAY;;eAUP,GAAG;aACL,MAAM;cACL,GAAG;iBACA,GAAG;UACV,YAAY;;eAzFkC,GAAG;UAAK,YAAY;;eAYhB,GAAG;UAAK,YAAY;;eA8GjE,GAAG;aACL,MAAM;cACL,GAAG;iBACA,GAAG;UACV,YAAY;;eAUP,GAAG;aACL,MAAM;cACL,GAAG;iBACA,GAAG;UACV,YAAY;CAoFf,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/widgets/views/searchFilter/DateRangePicker.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,eAAO,MAAM,eAAe,UAAW,WAAW,4CASjD,CAAC"}

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

@@ -0,0 +1,3 @@
+import { WidgetProps } from '../../../*/types';
+export declare const DateTimeRangePicker: (props: WidgetProps) => import("react/jsx-runtime").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":["../../../../src/widgets/views/searchFilter/DateTimeRangePicker.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAItC,eAAO,MAAM,mBAAmB,UAAW,WAAW,4CAgDrD,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":["../../../../src/widgets/views/searchFilter/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 { ReactElement } from "react";
+type Props = {
+    advancedFilter: boolean;
+    isSearching: boolean;
+    onAdvancedFilterToggle: () => void;
+    onClear: () => void;
+};
+export declare function SearchBottomBar(props: Props): 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":["../../../../src/widgets/views/searchFilter/SearchBottomBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAc,MAAM,OAAO,CAAC;AAYjD,KAAK,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,YAAY,CAkC1D"}

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

@@ -0,0 +1,7 @@
+import { Field } from "@gisce/ooui";
+type Props = {
+    field: Field;
+};
+export declare function SearchField(props: Props): import("react/jsx-runtime").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":["../../../../src/widgets/views/searchFilter/SearchField.tsx"],"names":[],"mappings":"AAUA,OAAO,EACL,KAAK,EAGN,MAAM,aAAa,CAAC;AAGrB,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;AAEF,wBAAgB,WAAW,CAAC,KAAK,EAAE,KAAK,2CAyCvC"}

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

@@ -0,0 +1,19 @@
+import { SearchFields } from '../../../*/types';
+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): import("react/jsx-runtime").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":["../../../../src/widgets/views/searchFilter/SearchFilter.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAOvC,KAAK,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,2CA0HjC;AAED,eAAe,YAAY,CAAC"}

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

@@ -0,0 +1,7 @@
+import React from "react";
+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,KAAK,iBAAiB,GAAG;IACvB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,KAAK,CAAC,YAAY,CAsBzE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gisce/react-ooui",
-  "version": "2.0.0-alpha.6",
+  "version": "2.0.0-alpha.60",
   "engines": {
     "node": "20.5.0"
   },
@@ -16,25 +16,27 @@
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/react-ooui.es.js"
+      "import": "./dist/react-ooui.es.js",
+      "types": "./dist/index.d.ts"
     }
   },
   "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:vite": "vite build --watch --force",
     "dev:tsc": "tsc --noEmit --watch",
     "prepare": "husky install",
     "start": "concurrently npm:dev:*",
-    "check": "lint-staged"
+    "check": "lint-staged",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "analyze": "npm run build && npx vite-bundle-visualizer"
   },
   "dependencies": {
     "@ant-design/plots": "^1.0.9",
     "@gisce/fiber-diagram": "^1.1.0-rc.3",
-    "@gisce/ooui": "^0.22.3",
+    "@gisce/ooui": "1.0.0-alpha.21",
     "@gisce/react-formiga-components": "^1.0.9-rc.21",
-    "@gisce/react-formiga-table": "^0.8.6",
+    "@gisce/react-formiga-table": "1.0.0-alpha.12",
     "@monaco-editor/react": "^4.4.5",
     "@tabler/icons-react": "^2.11.0",
     "antd": "^5.5.2",
@@ -42,25 +44,37 @@
     "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": "18.2.0",
+    "react-dom": "18.2.0",
     "react-grid-layout": "^1.3.4",
     "react-hotkeys-hook": "^3.4.4",
-    "react-markdown": "^8.0.7",
+    "react-markdown": "^9.0.0",
     "react-measure": "^2.5.2",
+    "remark-gfm": "^4.0.0",
     "styled-components": "5.3.5",
     "use-deep-compare-effect": "^1.8.1",
-    "uuid": "^3.4.0",
+    "uuid": "^9.0.1",
     "validator": "^13.6.0"
   },
   "devDependencies": {
+    "@commitlint/cli": "^18.4.3",
+    "@gisce/commitlint-rules": "1.0.5",
     "@semantic-release/exec": "6.0.3",
     "@semantic-release/git": "10.0.1",
     "@semantic-release/npm": "10.0.4",
+    "@storybook/addon-essentials": "^7.4.6",
+    "@storybook/addon-interactions": "^7.4.6",
+    "@storybook/addon-knobs": "^7.0.2",
+    "@storybook/addon-links": "^7.4.6",
+    "@storybook/addon-onboarding": "^1.0.8",
+    "@storybook/blocks": "^7.4.6",
+    "@storybook/react": "^7.4.6",
+    "@storybook/react-vite": "^7.4.6",
+    "@storybook/testing-library": "^0.2.2",
     "@types/lodash": "^4.14.170",
     "@types/md5": "^2.3.2",
-    "@types/react": "^17.0.1",
-    "@types/react-dom": "^17.0.1",
+    "@types/react": "18.2.18",
+    "@types/react-dom": "18.2.7",
     "@types/react-grid-layout": "^1.3.2",
     "@types/react-measure": "^2.0.7",
     "@types/react-responsive": "^8.0.2",
@@ -83,19 +97,19 @@
     "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",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "semantic-release": "21.0.7",
+    "storybook": "^7.4.6",
     "typescript": "^5.0.4",
     "vite": "4.4.8",
+    "vite-bundle-visualizer": "^0.10.0",
     "vite-plugin-dts": "^3.6.0",
-    "vite-plugin-package-version": "1.0.2",
     "vite-tsconfig-paths": "3.5.0"
   },
   "peerDependencies": {
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
     "styled-components": "5.3.5"
   },
   "lint-staged": {
@@ -117,6 +131,12 @@
     "plugins": [
       "@semantic-release/commit-analyzer",
       "@semantic-release/release-notes-generator",
+      [
+        "@semantic-release/exec",
+        {
+          "prepareCmd": "npm run build"
+        }
+      ],
       [
         "@semantic-release/npm",
         {
@@ -126,5 +146,10 @@
       "@semantic-release/github",
       "@semantic-release/git"
     ]
+  },
+  "overrides": {
+    "rc-dropdown": "3.2.0",
+    "react": "18.2.0",
+    "react-dom": "18.2.0"
   }
 }

package/src/ConnectionProvider.ts

@@ -9,7 +9,7 @@ export default class ConnectionProvider {
 
   public static getHandler(): ConnectionProviderType {
     if (!ConnectionProvider.handler) {
-      throw 'Must call init() first with a valid ConnectionProvider instance';
+      throw "Must call init() first with a valid ConnectionProvider instance";
     }
     return ConnectionProvider.handler;
   }

package/src/__tests__/iconMapper.test.ts

@@ -15,16 +15,16 @@ describe("A IconMapper instance", () => {
     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/actionbar/AttachmentsButton.tsx

@@ -52,7 +52,7 @@ function AttachmentsButton(props: AttachmentsButtonProps) {
           name: r.name,
           datas_fname: r.datas_fname,
           link: r.link,
-        }))
+        })),
       );
     } catch (error) {
       showErrorDialog(error as any);
@@ -103,28 +103,30 @@ 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")}
-      open={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

@@ -33,7 +33,7 @@ export type AttachmentsButtonWrapperProps = {
 };
 
 export const AttachmentsButtonWrapper = (
-  props: AttachmentsButtonWrapperProps
+  props: AttachmentsButtonWrapperProps,
 ) => {
   const { numberOfAttachments, disabled } = props;
   const { t, lang } = useContext(LocaleContext) as LocaleContextType;
@@ -68,7 +68,7 @@ export const AttachmentsButtonWrapper = (
 const Content = (
   props: AttachmentsButtonWrapperProps,
   setPopoverVisible: (visible: boolean) => void,
-  locale: string
+  locale: string,
 ) => {
   const {
     attachments = [],

package/src/actionbar/ButtonWithBadge.tsx

@@ -1,6 +1,8 @@
 import React from "react";
-import ButtonWithTooltip, {Props as ButtonWithTooltipProps } from "@/common/ButtonWithTooltip";
-import { theme } from 'antd';
+import ButtonWithTooltip, {
+  Props as ButtonWithTooltipProps,
+} from "@/common/ButtonWithTooltip";
+import { theme } from "antd";
 const { useToken } = theme;
 
 type Props = ButtonWithTooltipProps & {

package/src/actionbar/ChangeViewButton.tsx

@@ -95,7 +95,7 @@ function ChangeViewButton(props: Props) {
   function handleMenuClick(event: any) {
     tryNavigate(() => {
       const selectedView = availableViews.find(
-        (view) => view.view_id === parseInt(event.key)
+        (view) => view.view_id === parseInt(event.key),
       );
       onChangeView(selectedView!);
     });

package/src/actionbar/DashboardActionBar.tsx

@@ -13,12 +13,8 @@ import {
 import { LocaleContext, LocaleContextType } from "@/context/LocaleContext";
 
 function DashboardActionBar() {
-  const {
-    isLoading,
-    dashboardRef,
-    moveItemsEnabled,
-    setMoveItemsEnabled,
-  } = useContext(DashboardActionContext) as DashboardActionContextType;
+  const { isLoading, dashboardRef, moveItemsEnabled, setMoveItemsEnabled } =
+    useContext(DashboardActionContext) as DashboardActionContextType;
   const { t } = useContext(LocaleContext) as LocaleContextType;
 
   return (