@gisce/react-ooui 2.0.0-alpha.3 → 2.0.0-alpha.30

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,KAAqB,MAAM,OAAO,CAAC;AAY1C,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,KAAK,CAAC,YAAY,CAkChE"}

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,2CAyHjC;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.3",
+  "version": "2.0.0-alpha.30",
   "engines": {
     "node": "20.5.0"
   },
@@ -20,19 +20,21 @@
     }
   },
   "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": "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.5",
     "@gisce/react-formiga-components": "^1.0.9-rc.21",
     "@gisce/react-formiga-table": "^0.8.6",
     "@monaco-editor/react": "^4.4.5",
@@ -42,25 +44,35 @@
     "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": {
     "@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 +95,20 @@
     "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 +130,12 @@
     "plugins": [
       "@semantic-release/commit-analyzer",
       "@semantic-release/release-notes-generator",
+      [
+        "@semantic-release/exec",
+        {
+          "prepareCmd": "npm run build"
+        }
+      ],
       [
         "@semantic-release/npm",
         {
@@ -126,5 +145,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 (

package/src/actionbar/DropdownButton.tsx

@@ -1,7 +1,9 @@
-import React from "react";
-import { Menu, Dropdown, Button } from "antd";
+import React, { useState } from "react";
+import { Menu, Dropdown, Button, Input } from "antd";
 import { DownOutlined } from "@ant-design/icons";
 
+const { Search } = Input;
+
 type Props = {
   onItemClick: (event: any) => void;
   items: any[];
@@ -9,6 +11,7 @@ type Props = {
   icon: any;
   label?: string;
   disabled?: boolean;
+  searchable?: true | false | "auto";
 };
 
 function DropdownButton(props: Props) {
@@ -19,18 +22,56 @@ function DropdownButton(props: Props) {
     onItemClick,
     label,
     disabled = false,
+    searchable = "auto",
   } = props;
+  const [searchValue, setSearchValue] = useState<string>();
+
+  const onSearch = (value?: string) => {
+    if (!value) {
+      setSearchValue(undefined);
+      return;
+    }
+
+    const sanitizedValue = value.trim();
+
+    if (sanitizedValue.length === 0) {
+      setSearchValue(undefined);
+      return;
+    }
+
+    setSearchValue(sanitizedValue);
+  };
 
   function getMenu() {
-    const menuItems = items?.map((item, idx) => {
+    let itemsData = [];
+    if (searchValue) {
+      itemsData = items.filter((item) => {
+        return item.name.toLowerCase().includes(searchValue.toLowerCase());
+      });
+    } else {
+      itemsData = items;
+    }
+
+    const menuItems = itemsData.map((item, idx) => {
       if (item.name === "divider") {
         return <Menu.Divider key={"divider" + idx} />;
       }
       return <Menu.Item key={item.id}>{item.name}</Menu.Item>;
     });
 
+    const mustShowSearch =
+      searchable === true || (searchable === "auto" && items.length > 3);
+
     return (
       <Menu onClick={handleMenuClick}>
+        {mustShowSearch && (
+          <Search
+            onChange={(e: any) => onSearch(e.target.value)}
+            onSearch={onSearch}
+            allowClear
+            style={{ padding: 5 }}
+          />
+        )}
         <Menu.ItemGroup title={tooltip}>{menuItems}</Menu.ItemGroup>
       </Menu>
     );

package/src/actionbar/FormActionBar.tsx

@@ -70,12 +70,12 @@ function FormActionBar({ toolbar }: { toolbar: any }) {
   const { t, lang } = useContext(LocaleContext) as LocaleContextType;
 
   const contentRootContext = useContext(
-    ContentRootContext
+    ContentRootContext,
   ) as ContentRootContextType;
   const { processAction } = contentRootContext || {};
 
   const tabManagerContext = useContext(
-    TabManagerContext
+    TabManagerContext,
   ) as TabManagerContextType;
   const { openRelate, openDefaultActionForModel } = tabManagerContext || {};
 

package/src/actionbar/NewButton.tsx

@@ -16,7 +16,7 @@ function NewButton(props: Props) {
   const { disabled = false } = props;
 
   const { formHasChanges, onNewClicked: onNewClickedProps } = useContext(
-    ActionViewContext
+    ActionViewContext,
   ) as ActionViewContextType;
   const { t, lang } = useContext(LocaleContext) as LocaleContextType;
 

package/src/actionbar/TreeActionBar.tsx

@@ -69,7 +69,7 @@ function TreeActionBar(props: Props) {
   const { previewFeatures } = useContext(ConfigContext);
   const { t, lang } = useContext(LocaleContext) as LocaleContextType;
   const contentRootContext = useContext(
-    ContentRootContext
+    ContentRootContext,
   ) as ContentRootContextType;
   const { processAction } = contentRootContext || {};
   const [exportModalVisible, setExportModalVisible] = useState(false);
@@ -357,7 +357,7 @@ function TreeActionBar(props: Props) {
         model={currentModel!}
         domain={mergeParams(
           searchTreeRef?.current?.getDomain() || [],
-          searchParams || []
+          searchParams || [],
         )}
         limit={limit}
         totalRegisters={totalItems || 0}

package/src/context/ActionViewContext.tsx

@@ -48,7 +48,7 @@ export type ActionViewContextType = {
   setSearchTreeNameSearch?: (searchString?: string) => void;
   previousView?: View;
   setPreviousView?: (view: View) => void;
-  goToResourceId?: (id: number) => Promise<void>;
+  goToResourceId?: (ids: number[]) => Promise<void>;
   searchValues?: any;
   setSearchValues?: (value: any) => void;
   limit?: number;
@@ -105,7 +105,7 @@ const ActionViewProvider = (props: ActionViewProviderProps): any => {
   const [previousView, setPreviousView] = useState<View>();
   const [searchValues, setSearchValues] = useState<any>({});
   const [limit, setLimit] = useState<number>(
-    limitProps !== undefined ? limitProps : DEFAULT_SEARCH_LIMIT
+    limitProps !== undefined ? limitProps : DEFAULT_SEARCH_LIMIT,
   );
   const [title, setTitle] = useState<string>(titleProps);
 
@@ -125,7 +125,9 @@ const ActionViewProvider = (props: ActionViewProviderProps): any => {
       setPreviousView(availableViews[0]);
     } else if (availableViews.length > 1) {
       setPreviousView(
-        availableViews.filter((view) => view.view_id !== currentView.view_id)[0]
+        availableViews.filter(
+          (view) => view.view_id !== currentView.view_id,
+        )[0],
       );
     }
   }, [availableViews]);
@@ -136,7 +138,9 @@ const ActionViewProvider = (props: ActionViewProviderProps): any => {
       availableViews.length > 1
     ) {
       setPreviousView(
-        availableViews.filter((view) => view.view_id !== currentView.view_id)[0]
+        availableViews.filter(
+          (view) => view.view_id !== currentView.view_id,
+        )[0],
       );
     }
   }, [currentView]);

package/src/context/DashboardActionContext.tsx

@@ -10,9 +10,8 @@ export type DashboardActionContextType = {
   setMoveItemsEnabled: (value: boolean) => void;
 };
 
-export const DashboardActionContext = React.createContext<DashboardActionContextType | null>(
-  null
-);
+export const DashboardActionContext =
+  React.createContext<DashboardActionContextType | null>(null);
 
 type DashboardActionProviderProps = {
   children: React.ReactNode;

package/src/context/FormModalContext.tsx

@@ -4,9 +4,8 @@ export type FormModalContextType = {
   setTitle?: (title: string) => void;
 };
 
-export const FormModalContext = React.createContext<FormModalContextType | null>(
-  null
-);
+export const FormModalContext =
+  React.createContext<FormModalContextType | null>(null);
 
 type FormModalProviderProps = FormModalContextType & {
   children: React.ReactNode;

package/src/context/LocaleContext.tsx

@@ -15,7 +15,7 @@ export type LocaleContextType = {
 };
 
 export const LocaleContext = React.createContext<LocaleContextType | null>(
-  null
+  null,
 );
 
 type LocaleContextProps = {

package/src/context/One2manyContext.tsx

@@ -11,7 +11,7 @@ export type One2manyContextType = {
 };
 
 export const One2manyContext = React.createContext<One2manyContextType | null>(
-  null
+  null,
 );
 
 const One2manyProvider = ({
@@ -23,9 +23,8 @@ const One2manyProvider = ({
 }): any => {
   const [currentView, setCurrentView] = useState<ViewType>(initialView);
   const [itemIndex, setItemIndex] = useState<number>(0);
-  const [manualTriggerChange, setManualTriggerChange] = useState<boolean>(
-    false
-  );
+  const [manualTriggerChange, setManualTriggerChange] =
+    useState<boolean>(false);
 
   return (
     <One2manyContext.Provider

package/src/helpers/containerHelper.ts

@@ -72,7 +72,7 @@ const expandWidgetsIfNeeded = ({
 
 const getSingleRowTemplateColumns = (
   row: Widget[],
-  numberOfColumns: number
+  numberOfColumns: number,
 ) => {
   const gridOptions = row.map((item: Widget) => {
     if (item instanceof Label && (item as Label).fieldForLabel) {

package/src/helpers/dynamicColumnsHelper.ts

@@ -20,7 +20,7 @@ const getTextWidth = (text: string, font = "14px -apple-system") => {
 export const calculateColumnsWidth = (
   columns: any,
   source: any,
-  maxWidthPerCell = 500
+  maxWidthPerCell = 500,
 ) => {
   if (columns.length === 0) {
     return { columns };
@@ -32,7 +32,7 @@ export const calculateColumnsWidth = (
   const columnsWithWidth = columns.map((column: any) =>
     Object.assign(column, {
       width: getTextWidth(column.title),
-    })
+    }),
   );
 
   // Since we have a minimum width (column's width already calculated),

package/src/helpers/iconMapper.ts

@@ -102,7 +102,7 @@ const iconMapping: { [key: string]: string } = {
 
 export default (
   key: string,
-  props?: { className?: any; style: CSSProperties }
+  props?: { className?: any; style: CSSProperties },
 ) => {
   if (key.indexOf("gtk-") !== -1) {
     const rootIcon = key.replace("gtk-", "").replace(/\-/g, "_");
@@ -122,15 +122,15 @@ function toCamelCase(key: string): string {
     .map((word) =>
       word.replace(
         /\w\S*/g,
-        (w) => w.charAt(0).toUpperCase() + w.slice(1).toLowerCase()
-      )
+        (w) => w.charAt(0).toUpperCase() + w.slice(1).toLowerCase(),
+      ),
     )
     .join("")}`;
 }
 
 function getIconForKey(
   key: string,
-  props?: { className?: any; style: CSSProperties }
+  props?: { className?: any; style: CSSProperties },
 ) {
   let IconCamelCase = key.charAt(0).toUpperCase() + key.slice(1); // Capitalize first letter
   if (IconCamelCase.indexOf("-") !== -1) {
@@ -150,7 +150,7 @@ function getIconForKey(
     const TablerIcon = () =>
       React.createElement(TablerIcons[tablerKey] as any, {
         fill: "transparent",
-        size: props?.style?.fontSize || 17
+        size: props?.style?.fontSize || 17,
       });
     const CustomIcon = () =>
       React.createElement(Icon, {

package/src/helpers/logInfoHelper.tsx

@@ -5,12 +5,14 @@ import showInfo from "@/ui/InfoDialog";
 async function showLogInfo(
   model: string,
   currentId: number,
-  translateFn: Function
+  translateFn: Function,
 ) {
-  const logInfo = ((await ConnectionProvider.getHandler().getLogInfo({
-    model,
-    ids: [currentId],
-  })) as any)[0];
+  const logInfo = (
+    (await ConnectionProvider.getHandler().getLogInfo({
+      model,
+      ids: [currentId],
+    })) as any
+  )[0];
 
   const { create_date, create_uid, id, write_date, write_uid } = logInfo;
 
@@ -21,7 +23,7 @@ async function showLogInfo(
       {translateFn("creationDate") + ": " + create_date} <br />
       {translateFn("lastUpdatedBy") + ": " + write_uid[1]} <br />
       {translateFn("lastUpdatedDate") + ": " + write_date}
-    </div>
+    </div>,
   );
 }
 

package/src/helpers/timeHelper.ts

@@ -8,7 +8,7 @@ function parseStringToFloat(text?: string) {
       const splitted = text.trim().split(":");
       return (
         Math.round(
-          (parseInt(splitted[0]) + parseInt(splitted[1]) / 60.0) * 10000
+          (parseInt(splitted[0]) + parseInt(splitted[1]) / 60.0) * 10000,
         ) / 10000
       );
     } else {
@@ -55,4 +55,4 @@ function parseFloatToString(num?: number) {
   return finalString;
 }
 
-export { parseStringToFloat, parseFloatToString };
+export { parseStringToFloat, parseFloatToString };