@addev-be/ui 0.17.3 → 0.18.0

package/src/providers/AuthenticationProvider/index.tsx

@@ -21,6 +21,7 @@ import {
 import { basePermissions } from './helpers';
 
 export type AuthenticationContextProps = {
+  status?: number;
   token?: string;
   user?: UserDTO;
   isAuthenticated: boolean;
@@ -36,6 +37,7 @@ export type AuthenticationContextProps = {
 };
 
 export const AuthenticationContext = createContext<AuthenticationContextProps>({
+  status: undefined,
   authenticate: () => {},
   isAuthenticated: false,
   login: async () => false,
@@ -64,11 +66,13 @@ export const AuthenticationProvider: FC<AuthenticationProviderProps> = ({
     () => ({ ...basePermissions, ...permissions }),
     [permissions]
   );
+  const [isLoading, setIsLoading] = useState<boolean>(false);
   const [, setWebSocketStatus] = useState<boolean | undefined>(false);
   const [token, setToken] = useState<string | undefined>(
     sessionStorage.getItem('authToken') || undefined
   );
   const [user, setUser] = useState<UserDTO | undefined>(undefined);
+  const [status, setStatus] = useState<number | undefined>(undefined);
 
   const sendAuthenticateRequest =
     useAuthenticateRequestHandler(requestHandlerName);
@@ -81,9 +85,12 @@ export const AuthenticationProvider: FC<AuthenticationProviderProps> = ({
 
   const authenticate = useCallback(
     (force = false) => {
-      if (token && (!user || force)) {
+      if (token && (!user || force) && !isLoading) {
+        setIsLoading(true);
         sendAuthenticateRequest({ token }).then(
           (response) => {
+            setIsLoading(false);
+            setStatus(response.status);
             if (response.status === 0 && response.user) {
               setUser(response.user);
             } else if (response.status > 0) {
@@ -92,13 +99,14 @@ export const AuthenticationProvider: FC<AuthenticationProviderProps> = ({
             }
           },
           () => {
+            setIsLoading(false);
             setToken(undefined);
             setUser(undefined);
           }
         );
       }
     },
-    [sendAuthenticateRequest, token, user]
+    [isLoading, sendAuthenticateRequest, token, user]
   );
 
   useEffect(() => {
@@ -110,10 +118,20 @@ export const AuthenticationProvider: FC<AuthenticationProviderProps> = ({
     }
   }, [authenticate, token]);
 
+  const [networkStatus, setNetworkStatus] = useState<boolean | undefined>(
+    false
+  );
+
   const login = useCallback(
-    async (username: string, password: string) =>
-      sendLoginRequest({ username, password })
+    async (username: string, password: string) => {
+      if (isLoading) {
+        throw new Error('Already loading');
+      }
+
+      setIsLoading(true);
+      return sendLoginRequest({ username, password })
         .then((response) => {
+          setIsLoading(false);
           if (response.status === 0 && response.user) {
             setToken(response.token);
             setUser(response.user);
@@ -122,11 +140,13 @@ export const AuthenticationProvider: FC<AuthenticationProviderProps> = ({
           throw new Error(`Login failed with status ${response.status}`);
         })
         .catch(() => {
+          setIsLoading(false);
           setToken(undefined);
           setUser(undefined);
           return false;
-        }),
-    [sendLoginRequest]
+        });
+    },
+    [isLoading, sendLoginRequest]
   );
 
   const logout = useCallback(
@@ -138,6 +158,7 @@ export const AuthenticationProvider: FC<AuthenticationProviderProps> = ({
         .finally(() => {
           setToken(undefined);
           setUser(undefined);
+          setStatus(undefined);
         }),
     [sendLogoutRequest]
   );
@@ -183,8 +204,47 @@ export const AuthenticationProvider: FC<AuthenticationProviderProps> = ({
     ]
   );
 
+  const webSocketStatusChanged = useCallback(
+    (status: boolean | undefined) => {
+      if (!networkStatus && status) {
+        authenticate(true);
+      }
+      setNetworkStatus(status);
+    },
+    [authenticate, networkStatus]
+  );
+
+  const webSocketErrorReceived = useCallback(
+    ({ status }: { status: number; message: string }) => {
+      // Handle logout when NotAuthenticated error is received
+      if (status === -4) {
+        logout();
+      }
+    },
+    [logout]
+  );
+
+  useEffect(() => {
+    const subscription = WebSocketService.getInstance().status$.subscribe(
+      webSocketStatusChanged
+    );
+    return () => {
+      subscription.unsubscribe();
+    };
+  }, [webSocketStatusChanged]);
+
+  useEffect(() => {
+    const subscription = WebSocketService.getInstance().error$.subscribe(
+      webSocketErrorReceived
+    );
+    return () => {
+      subscription.unsubscribe();
+    };
+  }, [webSocketErrorReceived]);
+
   const contextValue = useMemo(
     () => ({
+      status,
       token,
       user,
       isAuthenticated: !!user,
@@ -199,17 +259,17 @@ export const AuthenticationProvider: FC<AuthenticationProviderProps> = ({
       setToken,
     }),
     [
-      allPermissions,
+      status,
+      token,
+      user,
       authenticate,
-      checkRecoveryKey,
-      hasPermission,
       login,
       logout,
-      resetPassword,
       sendRecoveryKey,
-      token,
-      user,
-      setToken,
+      checkRecoveryKey,
+      resetPassword,
+      allPermissions,
+      hasPermission,
     ]
   );
 

package/src/providers/TrackingProvider/hooks.ts

@@ -1,14 +1,14 @@
-import { useContext, useEffect } from 'react';
-
-import { TrackingContext } from '.';
-import { useLocation } from 'react-router-dom';
-
-export const useLocationTracking = () => {
-  const { sendEvent } = useContext(TrackingContext);
-  const { pathname, search } = useLocation();
-  const pathWithSearch = `${pathname}${search}`;
-
-  useEffect(() => {
-    sendEvent('PageView', { path: pathWithSearch });
-  }, [pathWithSearch, sendEvent]);
-};
+import { useContext, useEffect } from 'react';
+
+import { TrackingContext } from '.';
+import { useLocation } from 'react-router-dom';
+
+export const useLocationTracking = () => {
+  const { sendEvent } = useContext(TrackingContext);
+  const { pathname, search } = useLocation();
+  const pathWithSearch = `${pathname}${search}`;
+
+  useEffect(() => {
+    sendEvent('PageView', { path: pathWithSearch });
+  }, [pathWithSearch, sendEvent]);
+};

package/src/services/WebSocketService.ts

@@ -3,6 +3,16 @@ import { Request } from './base';
 import { Subject } from 'rxjs';
 import { v4 } from 'uuid';
 
+export class WebSocketError extends Error {
+  public status: number;
+
+  constructor(status: number, message: string) {
+    super(message);
+    this.status = status;
+    this.name = 'WebSocketError';
+  }
+}
+
 export class WebSocketService {
   private static instance: WebSocketService;
   private config: Config;
@@ -10,6 +20,7 @@ export class WebSocketService {
 
   public status: boolean | undefined = undefined;
   public status$ = new Subject<boolean | undefined>();
+  public error$ = new Subject<{ status: number; message: string }>();
 
   private queue: Request[] = [];
   private promises: {
@@ -99,6 +110,7 @@ export class WebSocketService {
       const request: Request = { id, name, data };
       this.promises[id] = { resolve, reject };
       if (!this.socket || !this.status) {
+        console.log('[WS] Queuing request:', request);
         this.queue.push(request);
         return;
       }
@@ -120,7 +132,13 @@ export class WebSocketService {
           typeof response.data?.status === 'number' &&
           response.data.status < 0
         ) {
-          this.promises[response.id].reject(new Error(response.data.message));
+          this.promises[response.id].reject(
+            new WebSocketError(response.data.status, response.data.message)
+          );
+          this.error$.next({
+            status: response.data.status,
+            message: response.data.message || 'Unknown error',
+          });
         } else {
           this.promises[response.id].resolve(response.data);
         }

package/src/services/hooks.ts

@@ -1,6 +1,7 @@
+import { WebSocketError, WebSocketService } from './WebSocketService';
+import { useCallback, useState } from 'react';
+
 import { HttpService } from './HttpService';
-import { WebSocketService } from './WebSocketService';
-import { useCallback } from 'react';
 import { useLoading } from '../providers';
 
 export const useLoadingRequestHandler = <TReq, TRes>(
@@ -42,3 +43,50 @@ export const useHttpRequestHandler = <TReq, TRes>(
     },
     [name]
   );
+
+export const useRequestState = <TReq, TRes>(name: string, loading = false) => {
+  const [state, setState] = useState<
+    'initial' | 'loading' | 'success' | 'error'
+  >('initial');
+  const [status, setStatus] = useState<number | undefined>(undefined);
+  const [response, setResponse] = useState<TRes | null>(null);
+
+  const handleSendRequest = useWebSocketRequestHandler<TReq, TRes>(name);
+  const handleSendLoadingRequest = useLoadingRequestHandler<TReq, TRes>(name);
+
+  const sendRequest = useCallback(
+    async (data: TReq) => {
+      setState('loading');
+      try {
+        const res = await (loading
+          ? handleSendLoadingRequest
+          : handleSendRequest)(data);
+        setStatus(0);
+        setResponse(res);
+        setState('success');
+        return res;
+      } catch (error) {
+        setStatus(error instanceof WebSocketError ? error.status : -1);
+        setState('error');
+      }
+    },
+    [handleSendLoadingRequest, handleSendRequest, loading]
+  );
+
+  const reset = useCallback(() => {
+    setState('initial');
+    setStatus(undefined);
+    setResponse(null);
+  }, []);
+
+  return {
+    status,
+    isInitial: state === 'initial',
+    isLoading: state === 'loading',
+    isSuccess: state === 'success',
+    isError: state === 'error',
+    response,
+    sendRequest,
+    reset,
+  };
+};

package/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"root":["./src/icons.tsx","./src/index.ts","./src/typings.d.ts","./src/components/index.ts","./src/components/auth/loginform.tsx","./src/components/auth/loginpage.tsx","./src/components/auth/passwordrecoveryform.tsx","./src/components/auth/passwordresetform.tsx","./src/components/auth/index.ts","./src/components/auth/styles.ts","./src/components/data/index.ts","./src/components/data/datagrid/datagridcell.tsx","./src/components/data/datagrid/datagridfooter.tsx","./src/components/data/datagrid/datagridheader.tsx","./src/components/data/datagrid/datagridheadercell.tsx","./src/components/data/datagrid/datagridrowtemplate.tsx","./src/components/data/datagrid/constants.ts","./src/components/data/datagrid/index.tsx","./src/components/data/datagrid/styles.ts","./src/components/data/datagrid/types.ts","./src/components/data/datagrid/datagridcolumnsmodal/helpers.ts","./src/components/data/datagrid/datagridcolumnsmodal/hooks.tsx","./src/components/data/datagrid/datagridcolumnsmodal/index.tsx","./src/components/data/datagrid/datagridcolumnsmodal/styles.ts","./src/components/data/datagrid/datagrideditablecell/checkboxeditablecell.tsx","./src/components/data/datagrid/datagrideditablecell/dateeditablecell.tsx","./src/components/data/datagrid/datagrideditablecell/numbereditablecell.tsx","./src/components/data/datagrid/datagrideditablecell/texteditablecell.tsx","./src/components/data/datagrid/datagrideditablecell/index.tsx","./src/components/data/datagrid/datagrideditablecell/styles.ts","./src/components/data/datagrid/datagrideditablecell/types.ts","./src/components/data/datagrid/datagridfiltermenu/filtervaluesscroller.tsx","./src/components/data/datagrid/datagridfiltermenu/hooks.tsx","./src/components/data/datagrid/datagridfiltermenu/index.tsx","./src/components/data/datagrid/datagridfiltermenu/styles.ts","./src/components/data/datagrid/filtermodalcontent/index.tsx","./src/components/data/datagrid/filtermodalcontent/styles.ts","./src/components/data/datagrid/helpers/columns.tsx","./src/components/data/datagrid/helpers/filters.ts","./src/components/data/datagrid/helpers/index.ts","./src/components/data/datagrid/hooks/index.ts","./src/components/data/datagrid/hooks/usedatagrid.tsx","./src/components/data/datagrid/hooks/usedatagridchangedrows.ts","./src/components/data/datagrid/hooks/usedatagridcopy.ts","./src/components/data/datagrid/hooks/usedatagridsettings.ts","./src/components/data/sqlrequestdatagrid/sqlrequestforeignlisteditablecell.tsx","./src/components/data/sqlrequestdatagrid/index.tsx","./src/components/data/sqlrequestdatagrid/styles.ts","./src/components/data/sqlrequestdatagrid/types.ts","./src/components/data/sqlrequestdatagrid/helpers/columns.tsx","./src/components/data/sqlrequestdatagrid/helpers/index.ts","./src/components/data/sqlrequestdatagrid/helpers/sqlrequests.ts","./src/components/data/sqlrequestforeignlist/index.tsx","./src/components/data/sqlrequestforeignlist/styles.ts","./src/components/data/sqlrequestforeignlist/types.ts","./src/components/data/sqlrequestgrid/index.tsx","./src/components/data/sqlrequestgrid/styles.ts","./src/components/data/sqlrequestgrid/types.ts","./src/components/data/sqlrequestgrid/filters/filterssidebar.tsx","./src/components/data/sqlrequestgrid/filters/styles.ts","./src/components/data/sqlrequestgrid/helpers/index.ts","./src/components/data/sqlrequestgrid/helpers/sqlrequests.ts","./src/components/data/virtualscroller/hooks.ts","./src/components/data/virtualscroller/index.tsx","./src/components/data/virtualscroller/styles.ts","./src/components/data/virtualscroller/types.ts","./src/components/forms/autotextarea.tsx","./src/components/forms/button.tsx","./src/components/forms/iconbutton.tsx","./src/components/forms/indeterminatecheckbox.tsx","./src/components/forms/numberinput.tsx","./src/components/forms/select.tsx","./src/components/forms/verticallabel.tsx","./src/components/forms/index.ts","./src/components/forms/styles.ts","./src/components/forms/form/checkbox.tsx","./src/components/forms/form/formgroup.tsx","./src/components/forms/form/input.tsx","./src/components/forms/form/row.tsx","./src/components/forms/form/select.tsx","./src/components/forms/form/textarea.tsx","./src/components/forms/form/index.tsx","./src/components/forms/form/styles.ts","./src/components/layout/columns.ts","./src/components/layout/index.ts","./src/components/layout/dropdown/index.tsx","./src/components/layout/dropdown/styles.ts","./src/components/layout/grid/index.tsx","./src/components/layout/grid/styles.ts","./src/components/layout/loading/index.tsx","./src/components/layout/loading/styles.ts","./src/components/layout/masonry/index.tsx","./src/components/layout/masonry/styles.ts","./src/components/layout/modal/index.tsx","./src/components/layout/modal/styles.ts","./src/components/search/highlightedtext.tsx","./src/components/search/quicksearchbar.tsx","./src/components/search/quicksearchresults.tsx","./src/components/search/index.ts","./src/components/search/styles.ts","./src/components/search/types.ts","./src/components/ui/ellipsis.tsx","./src/components/ui/label.tsx","./src/components/ui/index.ts","./src/components/ui/avatar/index.tsx","./src/components/ui/avatar/styles.ts","./src/components/ui/card/index.tsx","./src/components/ui/card/styles.ts","./src/components/ui/contextmenu/index.tsx","./src/components/ui/contextmenu/styles.ts","./src/components/ui/message/index.tsx","./src/components/ui/message/styles.ts","./src/config/index.ts","./src/helpers/dates.ts","./src/helpers/getscrollbarsize.ts","./src/helpers/index.ts","./src/helpers/numbers.ts","./src/helpers/responsive.ts","./src/helpers/text.ts","./src/hooks/index.ts","./src/hooks/usecontainermediaquery.ts","./src/hooks/useelementsize.ts","./src/hooks/usemediaquery.ts","./src/hooks/usemediaqueryforwidth.ts","./src/hooks/usemutablestate.ts","./src/hooks/useshowarchived.ts","./src/hooks/usewindowsize.ts","./src/providers/hooks.ts","./src/providers/index.ts","./src/providers/authenticationprovider/helpers.ts","./src/providers/authenticationprovider/index.tsx","./src/providers/loadingprovider/index.tsx","./src/providers/portalsprovider/index.tsx","./src/providers/portalsprovider/styles.ts","./src/providers/settingsprovider/index.tsx","./src/providers/themeprovider/themeprovider.ts","./src/providers/themeprovider/defaulttheme.ts","./src/providers/themeprovider/helpers.ts","./src/providers/themeprovider/index.ts","./src/providers/themeprovider/types.ts","./src/providers/trackingprovider/hooks.ts","./src/providers/trackingprovider/index.tsx","./src/providers/uiproviders/index.tsx","./src/providers/uiproviders/styles.ts","./src/services/httpservice.ts","./src/services/websocketservice.ts","./src/services/advancedrequests.ts","./src/services/base.ts","./src/services/globalsearch.ts","./src/services/hooks.ts","./src/services/index.ts","./src/services/smartqueries.ts","./src/services/smartrequests.ts","./src/services/sqlrequests.ts","./src/services/updatesqlrequests.ts","./src/services/requests/auth.ts","./src/services/requests/generic.ts","./src/services/requests/tracking.ts","./src/services/requests/userprofiles.ts","./src/services/requests/users.ts","./src/services/types/auth.ts","./src/services/types/base.ts","./src/services/types/generic.ts","./src/services/types/tracking.ts","./src/services/types/userprofiles.ts","./src/services/types/users.ts"],"version":"5.6.2"}
+{"root":["./src/icons.tsx","./src/index.ts","./src/typings.d.ts","./src/components/index.ts","./src/components/auth/loginform.tsx","./src/components/auth/loginpage.tsx","./src/components/auth/passwordrecoveryform.tsx","./src/components/auth/passwordresetform.tsx","./src/components/auth/index.ts","./src/components/auth/styles.ts","./src/components/data/index.ts","./src/components/data/advancedrequestdatagrid/index.tsx","./src/components/data/advancedrequestdatagrid/types.ts","./src/components/data/advancedrequestdatagrid/helpers/advancedrequests.ts","./src/components/data/advancedrequestdatagrid/helpers/columns.tsx","./src/components/data/advancedrequestdatagrid/helpers/index.ts","./src/components/data/datagrid/datagridcell.tsx","./src/components/data/datagrid/datagrideditablecell.tsx","./src/components/data/datagrid/datagridfooter.tsx","./src/components/data/datagrid/datagridheader.tsx","./src/components/data/datagrid/datagridheadercell.tsx","./src/components/data/datagrid/datagridrowtemplate.tsx","./src/components/data/datagrid/index.tsx","./src/components/data/datagrid/styles.ts","./src/components/data/datagrid/types.ts","./src/components/data/datagrid/datagridcolumnsmodal/helpers.ts","./src/components/data/datagrid/datagridcolumnsmodal/hooks.tsx","./src/components/data/datagrid/datagridcolumnsmodal/index.tsx","./src/components/data/datagrid/datagridcolumnsmodal/styles.ts","./src/components/data/datagrid/datagridfiltermenu/filtervaluesscroller.tsx","./src/components/data/datagrid/datagridfiltermenu/hooks.tsx","./src/components/data/datagrid/datagridfiltermenu/index.tsx","./src/components/data/datagrid/datagridfiltermenu/styles.ts","./src/components/data/datagrid/filtermodalcontent/index.tsx","./src/components/data/datagrid/filtermodalcontent/styles.ts","./src/components/data/datagrid/helpers/columns.tsx","./src/components/data/datagrid/helpers/filters.ts","./src/components/data/datagrid/helpers/index.ts","./src/components/data/datagrid/hooks/index.ts","./src/components/data/datagrid/hooks/usedatagrid.tsx","./src/components/data/datagrid/hooks/usedatagridcopy.ts","./src/components/data/datagrid/hooks/usedatagridsettings.ts","./src/components/data/sqlrequestdatagrid/index.tsx","./src/components/data/sqlrequestdatagrid/types.ts","./src/components/data/sqlrequestdatagrid/helpers/columns.tsx","./src/components/data/sqlrequestdatagrid/helpers/index.ts","./src/components/data/sqlrequestdatagrid/helpers/sqlrequests.ts","./src/components/data/sqlrequestgrid/index.tsx","./src/components/data/sqlrequestgrid/styles.ts","./src/components/data/sqlrequestgrid/types.ts","./src/components/data/sqlrequestgrid/helpers/index.ts","./src/components/data/sqlrequestgrid/helpers/sqlrequests.ts","./src/components/data/virtualscroller/hooks.ts","./src/components/data/virtualscroller/index.tsx","./src/components/data/virtualscroller/styles.ts","./src/components/data/virtualscroller/types.ts","./src/components/forms/button.tsx","./src/components/forms/iconbutton.tsx","./src/components/forms/indeterminatecheckbox.tsx","./src/components/forms/select.tsx","./src/components/forms/verticallabel.tsx","./src/components/forms/index.ts","./src/components/forms/styles.ts","./src/components/layout/index.ts","./src/components/layout/dropdown/index.tsx","./src/components/layout/dropdown/styles.ts","./src/components/layout/loading/index.tsx","./src/components/layout/loading/styles.ts","./src/components/layout/modal/index.tsx","./src/components/layout/modal/styles.ts","./src/components/search/highlightedtext.tsx","./src/components/search/quicksearchbar.tsx","./src/components/search/quicksearchresults.tsx","./src/components/search/index.ts","./src/components/search/styles.ts","./src/components/search/types.ts","./src/components/ui/index.ts","./src/components/ui/card/index.tsx","./src/components/ui/card/styles.ts","./src/components/ui/contextmenu/index.tsx","./src/components/ui/contextmenu/styles.ts","./src/components/ui/message/index.tsx","./src/components/ui/message/styles.ts","./src/config/index.ts","./src/helpers/dates.ts","./src/helpers/getscrollbarsize.ts","./src/helpers/index.ts","./src/helpers/numbers.ts","./src/helpers/text.ts","./src/hooks/index.ts","./src/hooks/useelementsize.ts","./src/hooks/usewindowsize.ts","./src/providers/hooks.ts","./src/providers/index.ts","./src/providers/authenticationprovider/helpers.ts","./src/providers/authenticationprovider/index.tsx","./src/providers/loadingprovider/index.tsx","./src/providers/portalsprovider/index.tsx","./src/providers/portalsprovider/styles.ts","./src/providers/settingsprovider/index.tsx","./src/providers/themeprovider/themeprovider.ts","./src/providers/themeprovider/defaulttheme.ts","./src/providers/themeprovider/index.ts","./src/providers/themeprovider/types.ts","./src/providers/uiproviders/index.tsx","./src/providers/uiproviders/styles.ts","./src/services/httpservice.ts","./src/services/websocketservice.ts","./src/services/advancedrequests.ts","./src/services/base.ts","./src/services/globalsearch.ts","./src/services/hooks.ts","./src/services/index.ts","./src/services/sqlrequests.ts","./src/services/requests/auth.ts","./src/services/requests/userprofiles.ts","./src/services/requests/users.ts","./src/services/types/auth.ts","./src/services/types/base.ts","./src/services/types/userprofiles.ts","./src/services/types/users.ts"],"version":"5.6.2"}

package/dist/components/data/DataGrid/DataGridEditableCell/CheckboxEditableCell.d.ts

@@ -1,2 +0,0 @@
-import { DataGridEditableCellProps } from './types';
-export declare const CheckboxEditableCell: <R>(props: DataGridEditableCellProps<R, boolean> & import("react").RefAttributes<HTMLInputElement>) => import("react").JSX.Element | null;

package/dist/components/data/DataGrid/DataGridEditableCell/CheckboxEditableCell.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CheckboxEditableCell = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var CheckboxEditableCellInner = function (_a, ref) {
-    var value = _a.value, onChange = _a.onChange, onClose = _a.onClose;
-    var onBlur = (0, react_1.useCallback)(function () {
-        onClose(true);
-    }, [onClose]);
-    var onKeyDown = (0, react_1.useCallback)(function (e) {
-        if (e.key === 'Enter') {
-            e.preventDefault();
-            onClose(true);
-        }
-        else if (e.key === 'Escape') {
-            e.preventDefault();
-            onClose(false);
-        }
-    }, [onClose]);
-    return ((0, jsx_runtime_1.jsx)("input", { ref: ref, type: "checkbox", checked: value, onChange: function (e) { return onChange(e.target.checked); }, onBlur: onBlur, onKeyDown: onKeyDown }));
-};
-exports.CheckboxEditableCell = (0, react_1.forwardRef)(CheckboxEditableCellInner);

package/dist/components/data/DataGrid/DataGridEditableCell/DateEditableCell.d.ts

@@ -1,2 +0,0 @@
-import { DataGridEditableCellProps } from './types';
-export declare const DateEditableCell: <R>(props: DataGridEditableCellProps<R, string> & import("react").RefAttributes<HTMLInputElement>) => import("react").JSX.Element | null;

package/dist/components/data/DataGrid/DataGridEditableCell/DateEditableCell.js

@@ -1,27 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DateEditableCell = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var moment_1 = __importDefault(require("moment"));
-var DateEditableCellInner = function (_a, ref) {
-    var value = _a.value, onChange = _a.onChange, onClose = _a.onClose;
-    var onBlur = (0, react_1.useCallback)(function () {
-        onClose(true);
-    }, [onClose]);
-    var onKeyDown = (0, react_1.useCallback)(function (e) {
-        if (e.key === 'Enter') {
-            e.preventDefault();
-            onClose(true);
-        }
-        else if (e.key === 'Escape') {
-            e.preventDefault();
-            onClose(false);
-        }
-    }, [onClose]);
-    return ((0, jsx_runtime_1.jsx)("input", { ref: ref, type: "date", value: (0, moment_1.default)(value).format('YYYY-MM-DD'), onChange: function (e) { return onChange(e.target.value); }, onBlur: onBlur, onKeyDown: onKeyDown }));
-};
-exports.DateEditableCell = (0, react_1.forwardRef)(DateEditableCellInner);

package/dist/components/data/DataGrid/DataGridEditableCell/NumberEditableCell.d.ts

@@ -1,5 +0,0 @@
-import { DataGridEditableCellProps } from './types';
-export declare const NumberEditableCell: <R>(props: DataGridEditableCellProps<R, number> & {
-    decimals?: number;
-    currency?: string | ((row: R) => string);
-} & import("react").RefAttributes<HTMLElement>) => import("react").JSX.Element | null;

package/dist/components/data/DataGrid/DataGridEditableCell/NumberEditableCell.js

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NumberEditableCell = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var numbers_1 = require("../../../../helpers/numbers");
-var react_number_format_1 = require("react-number-format");
-var NumberEditableCellInner = function (_a, ref) {
-    var _b = _a.decimals, decimals = _b === void 0 ? 0 : _b, currency = _a.currency, row = _a.row, value = _a.value, onChange = _a.onChange, onClose = _a.onClose;
-    var currencyName = typeof currency === 'function' ? currency(row) : currency;
-    var _c = currencyName
-        ? (0, numbers_1.getCurrencySymbol)(currencyName)
-        : [undefined, undefined], prefix = _c[0], suffix = _c[1];
-    var onBlur = (0, react_1.useCallback)(function () {
-        onClose(true);
-    }, [onClose]);
-    var onKeyDown = (0, react_1.useCallback)(function (e) {
-        if (e.key === 'Enter') {
-            e.preventDefault();
-            onClose(true);
-        }
-        else if (e.key === 'Escape') {
-            e.preventDefault();
-            onClose(false);
-        }
-    }, [onClose]);
-    return ((0, jsx_runtime_1.jsx)(react_number_format_1.NumericFormat, { getInputRef: ref, value: Number(value), onChange: function (e) {
-            console.log('e:', e);
-            onChange((0, numbers_1.parseNumber)(e.target.value));
-        }, onBlur: onBlur, onKeyDown: onKeyDown, decimalSeparator: numbers_1.decimalSeparator, decimalScale: decimals, fixedDecimalScale: !!decimals, prefix: prefix ? prefix + ' ' : undefined, suffix: suffix ? ' ' + suffix : undefined }));
-};
-exports.NumberEditableCell = (0, react_1.forwardRef)(NumberEditableCellInner);

package/dist/components/data/DataGrid/DataGridEditableCell/TextEditableCell.d.ts

@@ -1,2 +0,0 @@
-import { DataGridEditableCellProps } from './types';
-export declare const TextEditableCell: <R>(props: DataGridEditableCellProps<R, string> & import("react").RefAttributes<HTMLInputElement>) => import("react").JSX.Element | null;

package/dist/components/data/DataGrid/DataGridEditableCell/TextEditableCell.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextEditableCell = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var TextEditableCellInner = function (_a, ref) {
-    var value = _a.value, onChange = _a.onChange, onClose = _a.onClose;
-    var onBlur = (0, react_1.useCallback)(function () {
-        onClose(true);
-    }, [onClose]);
-    var onKeyDown = (0, react_1.useCallback)(function (e) {
-        if (e.key === 'Enter') {
-            e.preventDefault();
-            onClose(true);
-        }
-        else if (e.key === 'Escape') {
-            e.preventDefault();
-            onClose(false);
-        }
-    }, [onClose]);
-    return ((0, jsx_runtime_1.jsx)("input", { ref: ref, type: "text", value: String(value), onChange: function (e) { return onChange(e.target.value); }, onBlur: onBlur, onKeyDown: onKeyDown }));
-};
-exports.TextEditableCell = (0, react_1.forwardRef)(TextEditableCellInner);

package/dist/components/data/DataGrid/DataGridEditableCell/index.d.ts

@@ -1,2 +0,0 @@
-import { EditableDataGridCellProps } from '../types';
-export declare const DataGridEditableCell: <R, T>({ row, columnKey, column, context, }: EditableDataGridCellProps<R, T>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/data/DataGrid/DataGridEditableCell/index.js

@@ -1,91 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataGridEditableCell = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var styles_1 = require("./styles");
-var hooks_1 = require("../hooks");
-var DataGridEditableCell = function (_a) {
-    var _b;
-    var row = _a.row, columnKey = _a.columnKey, column = _a.column, context = _a.context;
-    var _c = (0, hooks_1.useDataGridContext)(context), setEditingCell = _c.setEditingCell, setRows = _c.setRows, editRow = _c.editRow, rows = _c.rows, rowKeyGetter = _c.rowKeyGetter;
-    var initialValue = (0, react_1.useMemo)(function () { var _a; return (_a = column.getter(row)) !== null && _a !== void 0 ? _a : ''; }, [column, row]);
-    var _d = (0, react_1.useState)(initialValue), value = _d[0], setValue = _d[1];
-    var inputRef = (0, react_1.useRef)(null);
-    var rowKey = rowKeyGetter(row);
-    var defaultItemToPartialRow = (0, react_1.useCallback)(function (row, newValue) {
-        var _a;
-        return (_a = {}, _a[columnKey] = newValue, _a);
-    }, [columnKey]);
-    var partialRowGetter = (_b = column.itemToPartialRow) !== null && _b !== void 0 ? _b : defaultItemToPartialRow;
-    var save = (0, react_1.useCallback)(function () {
-        var rowIndex = rows.findIndex(function (r) { return rowKeyGetter(r) === rowKeyGetter(row); });
-        // If row is found
-        if (rowIndex >= 0) {
-            // Update the row with the new value
-            var partialRow = partialRowGetter(row, value);
-            var newRow_1 = __assign(__assign({}, row), partialRow);
-            // Update the edited rows state
-            editRow(rowKey, partialRow);
-            // Update the rows
-            setRows === null || setRows === void 0 ? void 0 : setRows(function (oldRows) {
-                var newRows = __spreadArray([], oldRows, true);
-                newRows[rowIndex] = newRow_1;
-                return newRows;
-            });
-        }
-    }, [
-        editRow,
-        partialRowGetter,
-        row,
-        rowKey,
-        rowKeyGetter,
-        rows,
-        setRows,
-        value,
-    ]);
-    var onClose = (0, react_1.useCallback)(function (shouldSave, nextEditingCell) {
-        if (nextEditingCell === void 0) { nextEditingCell = [-1, -1]; }
-        if (shouldSave && value !== initialValue) {
-            save();
-        }
-        setEditingCell(nextEditingCell);
-    }, [initialValue, save, setEditingCell, value]);
-    (0, react_1.useEffect)(function () {
-        if (inputRef.current) {
-            inputRef.current.focus();
-            if (inputRef.current instanceof HTMLInputElement) {
-                inputRef.current.select();
-            }
-        }
-    }, [inputRef]);
-    var input = (0, react_1.useMemo)(function () {
-        if (!column.editable || !column.editComponent) {
-            return null;
-        }
-        var EditComponent = column.editComponent;
-        return ((0, jsx_runtime_1.jsx)(EditComponent, { row: row, ref: inputRef, value: value, onChange: setValue, onClose: onClose, context: context }));
-    }, [column.editComponent, column.editable, context, onClose, row, value]);
-    return ((0, jsx_runtime_1.jsx)(styles_1.EditableCellContainer, { "$textAlign": column.textAlign, children: input }, columnKey));
-};
-exports.DataGridEditableCell = DataGridEditableCell;

package/dist/components/data/DataGrid/DataGridEditableCell/styles.d.ts

@@ -1,3 +0,0 @@
-export declare const EditableCellContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $textAlign?: "left" | "right" | "center";
-}>> & string;

package/dist/components/data/DataGrid/DataGridEditableCell/styles.js

@@ -1,17 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EditableCellContainer = void 0;
-var styles_1 = require("../styles");
-var styled_components_1 = __importDefault(require("styled-components"));
-exports.EditableCellContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  ", "\n  padding: 1px 4px 0px 4px;\n  overflow: visible;\n  background-color: var(--color-neutral-0);\n\n  & input,\n  & select {\n    position: absolute;\n    inset: 0;\n    z-index: 10;\n\n    font-size: inherit;\n    font-family: inherit;\n    font-weight: inherit;\n    text-align: ", ";\n\n    border: 1px solid var(--color-neutral-300);\n    padding: var(--space-1) var(--space-2);\n\n    color: var(--color-neutral-900);\n    &::placeholder {\n      color: var(--color-neutral-400);\n    }\n\n    border: none;\n    outline: none;\n  }\n"], ["\n  position: relative;\n  ", "\n  padding: 1px 4px 0px 4px;\n  overflow: visible;\n  background-color: var(--color-neutral-0);\n\n  & input,\n  & select {\n    position: absolute;\n    inset: 0;\n    z-index: 10;\n\n    font-size: inherit;\n    font-family: inherit;\n    font-weight: inherit;\n    text-align: ", ";\n\n    border: 1px solid var(--color-neutral-300);\n    padding: var(--space-1) var(--space-2);\n\n    color: var(--color-neutral-900);\n    &::placeholder {\n      color: var(--color-neutral-400);\n    }\n\n    border: none;\n    outline: none;\n  }\n"])), styles_1.dataGridCellCss, function (_a) {
-    var _b = _a.$textAlign, $textAlign = _b === void 0 ? 'left' : _b;
-    return $textAlign;
-});
-var templateObject_1;

package/dist/components/data/DataGrid/DataGridEditableCell/types.d.ts

@@ -1,11 +0,0 @@
-import { DataGridContext } from '../types';
-import { Ref } from 'react';
-export type DataGridEditableCellProps<R, T> = {
-    ref?: Ref<any>;
-    row: R;
-    value: T;
-    onChange: (value: T) => void;
-    onClose: (save: boolean) => void;
-    context: DataGridContext<R>;
-};
-export type DataGridEditableCellFC<R, T = any> = (props: DataGridEditableCellProps<R, T>, ref: Ref<any>) => JSX.Element | null;

package/dist/components/data/DataGrid/constants.d.ts

@@ -1,6 +0,0 @@
-export declare const TOOLBAR_HEIGHT = 40;
-export declare const DEFAULT_HEADER_ROW_HEIGHT = 40;
-export declare const DEFAULT_FOOTER_ROW_HEIGHT = 40;
-export declare const DEFAULT_ROW_HEIGHT = 32;
-export declare const SELECTION_CELL_WIDTH = "var(--space-8)";
-export declare const DEFAULT_COLUMN_WIDTH = 150;

package/dist/components/data/DataGrid/constants.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DEFAULT_COLUMN_WIDTH = exports.SELECTION_CELL_WIDTH = exports.DEFAULT_ROW_HEIGHT = exports.DEFAULT_FOOTER_ROW_HEIGHT = exports.DEFAULT_HEADER_ROW_HEIGHT = exports.TOOLBAR_HEIGHT = void 0;
-exports.TOOLBAR_HEIGHT = 40;
-exports.DEFAULT_HEADER_ROW_HEIGHT = 40;
-exports.DEFAULT_FOOTER_ROW_HEIGHT = 40;
-exports.DEFAULT_ROW_HEIGHT = 32;
-exports.SELECTION_CELL_WIDTH = 'var(--space-8)';
-exports.DEFAULT_COLUMN_WIDTH = 150;