@m4l/components 0.0.26 → 0.0.31

package/dist/components/CompanyLogo/index.js

@@ -62,7 +62,6 @@ const CompanyLogo = (props) => {
     environment
   } = useEnvironment();
   const mdUp = useResponsive("up", "md");
-  console.log("CompanyLogoSkeleton", isSkeleton);
   if (isSkeleton) {
     return /* @__PURE__ */ jsx(SKTCompanyLogoMask, {
       children: /* @__PURE__ */ jsx(Skeleton, {

package/dist/components/DataGrid/index.js

@@ -610,7 +610,6 @@ function BaseProvider(props) {
     setColumnsConfigOptions(getColumnsConfig(id, columns));
   }, [columns]);
   const setRowFilterCountInternal = (newRowsCount) => {
-    console.log("New setRowFilterCountInternal", newRowsCount);
     setRowFilterCount(newRowsCount);
   };
   const setCurrentRowHeightInternal = useCallback((newVariant) => {
@@ -774,7 +773,6 @@ const useSortColumnsRows = (sourceColumns, sourceRows, isMultipleRows) => {
     }
   }, [sourceColumns, columnsConfig, rowActionsGetter]);
   const finalColumns = useMemo(() => {
-    console.log("useMemo useSortColumnsRows [finalColumns]", isSkeleton);
     const DragAndDropHeaderRenderer = getDragHeaderRenderer(onChangeColumnsOrder);
     return columns.map((c) => {
       const newColumn = {
@@ -886,6 +884,11 @@ function Table(props) {
   };
   const onRowClick = (row) => {
     if (!isMultipleSelect) {
+      if (selectedRows.entries().next().value) {
+        if (selectedRows.entries().next().value[1] === props.rowKeyGetter(row)) {
+          return;
+        }
+      }
       const mySet = /* @__PURE__ */ new Set([props.rowKeyGetter(row)]);
       setSelectedRows(mySet);
       updateExternal(mySet);
@@ -1255,40 +1258,40 @@ const ColumnsConfig = forwardRef((props, ref) => {
         onClick: handleMoveFirst,
         "aria-label": "move first place",
         disabled: rowSelectedIndex < 1,
-        src: `${host_static_assets}/${environment}/components/grid/assets/icons/move_first_place.svg`
+        src: `${host_static_assets}/${environment}/frontend/components/grid/assets/icons/move_first_place.svg`
       }), /* @__PURE__ */ jsx(IconButton, {
         dictionaryTooltip: "grid.settings_move_up",
         onClick: () => handleMoveUpDownd(-1),
         "aria-label": "move up place",
         disabled: rowSelectedIndex < 1,
-        src: `${host_static_assets}/${environment}/components/grid/assets/icons/move_up_place.svg`
+        src: `${host_static_assets}/${environment}/frontend/components/grid/assets/icons/move_up_place.svg`
       }), /* @__PURE__ */ jsx(IconButton, {
         dictionaryTooltip: "grid.settings_move_last",
         onClick: handleMoveLast,
         "aria-label": "move last place",
         disabled: !!(rowSelectedIndex === rows.length - 1 || rowSelectedIndex === -1),
-        src: `${host_static_assets}/${environment}/components/grid/assets/icons/move_last_place.svg`
+        src: `${host_static_assets}/${environment}/frontend/components/grid/assets/icons/move_last_place.svg`
       }), /* @__PURE__ */ jsx(IconButton, {
         dictionaryTooltip: "grid.settings_move_down",
         onClick: () => handleMoveUpDownd(1),
         "aria-label": "move down place",
         disabled: !!(rowSelectedIndex === rows.length - 1 || rowSelectedIndex === -1),
-        src: `${host_static_assets}/${environment}/components/grid/assets/icons/move_down_place.svg`
+        src: `${host_static_assets}/${environment}/frontend/components/grid/assets/icons/move_down_place.svg`
       }), /* @__PURE__ */ jsx(IconButton, {
         dictionaryTooltip: "grid.settings_visible_all",
         onClick: checkAll,
         "aria-label": "check visible all",
-        src: `${host_static_assets}/${environment}/components/grid/assets/icons/check_all.svg`
+        src: `${host_static_assets}/${environment}/frontend/components/grid/assets/icons/check_all.svg`
       }), /* @__PURE__ */ jsx(IconButton, {
         dictionaryTooltip: "grid.settings_no_visible_all",
         onClick: unCheckAll,
         "aria-label": "un check all",
-        src: `${host_static_assets}/${environment}/components/grid/assets/icons/uncheck_all.svg`
+        src: `${host_static_assets}/${environment}/frontend/components/grid/assets/icons/uncheck_all.svg`
       }), /* @__PURE__ */ jsx(IconButton, {
         dictionaryTooltip: "grid.settings_restore",
         onClick: restoreAll,
         "aria-label": "Restore columns",
-        src: `${host_static_assets}/${environment}/components/grid/assets/icons/restore_columns.svg`
+        src: `${host_static_assets}/${environment}/frontend/components/grid/assets/icons/restore_columns.svg`
       })]
     })]
   });
@@ -1543,9 +1546,9 @@ function Actions(props) {
       ...pagerOptions,
       totalRecords: pagerOptions.totalRecords,
       isSkeleton
-    }), typeof rowHeights !== "number" && /* @__PURE__ */ jsx(Density, {}), withSettings && /* @__PURE__ */ jsx(Settings, {
+    }), typeof rowHeights !== "number" && /* @__PURE__ */ jsx(Density, {}), withLocalFilters && /* @__PURE__ */ jsx(Filter, {}), withSettings && /* @__PURE__ */ jsx(Settings, {
       ...settingsProps
-    }), withLocalFilters && /* @__PURE__ */ jsx(Filter, {})]
+    })]
   });
 }
 function DataGrid(props) {

package/dist/components/DynamicFilter/components/ApplyedFilters/components/ApplyedFilter/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { FilterFieldApply } from '../../../../types';
+export declare function ApplyedFilter(props: FilterFieldApply): JSX.Element;

package/dist/components/DynamicFilter/components/ApplyedFilters/components/ApplyedFilter/styles.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const WrapperApplyedFilter: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const AplyedFilterStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ContainerField: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const ContainerOperator: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const ContainerOperands: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/dist/components/DynamicFilter/components/ApplyedFilters/index.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function ApplyedFilters(): JSX.Element;

package/dist/components/DynamicFilter/components/ApplyedFilters/styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const WrapperApplyedFilters: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/DynamicFilter/components/ClearFilters/index.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const ClearFilters: () => JSX.Element;

package/dist/components/DynamicFilter/components/ClearFilters/styles.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const SKTClearFilters: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const WrapperClearFilters: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/DynamicFilter/components/FilterButton/index.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function FilterButton(): JSX.Element;

package/dist/components/DynamicFilter/components/FilterButton/styles.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const SKTWrapperFilterButton: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const InputFilter: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const WrapperFilterButton: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/DynamicFilter/components/InputFilter/index.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function InputFilter(): JSX.Element;

package/dist/components/DynamicFilter/components/InputFilter/styles.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const WrapperInputFilter: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledInputFilter: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;

package/dist/components/DynamicFilter/components/PopupEditFilter/components/BooleanFilter/index.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function BooleanFilter(): JSX.Element;

package/dist/components/DynamicFilter/components/PopupEditFilter/components/BooleanFilter/styles.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const WrapperAllFieldsFilter: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const WrapperAutoComplete: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/DynamicFilter/components/PopupEditFilter/components/DateTimeFilter/index.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function DateTimeFilter(): JSX.Element;

package/dist/components/DynamicFilter/components/PopupEditFilter/components/DateTimeFilter/styles.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const WrapperAllFieldsFilter: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const WrapperAutoComplete: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/DynamicFilter/components/PopupEditFilter/components/StringFilter/index.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function StringFilter(): JSX.Element;

package/dist/components/DynamicFilter/components/PopupEditFilter/components/StringFilter/styles.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const WrapperStringFilter: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const WrapperAutoComplete: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/DynamicFilter/components/PopupEditFilter/components/factory.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import type { FilterFieldApply, Field, Operator } from '../../../types';
+export declare const getDefaultFilterValues: (field: Field, fixed: boolean, getLabelOperator: (operator: Operator) => string) => FilterFieldApply;
+export declare const PopupEditFilterComponent: (props: {
+    filter: FilterFieldApply;
+}) => JSX.Element;

package/dist/components/DynamicFilter/components/PopupEditFilter/components/validations.d.ts

@@ -0,0 +1,5 @@
+import { InitialFilterFieldApply } from '../../../types';
+export declare function isValidDate(d: any): any;
+export declare const verifyStringFilter: (filter: InitialFilterFieldApply) => boolean;
+export declare const verifyBooleanFilter: (filter: InitialFilterFieldApply) => boolean;
+export declare const verifyDateTime: (filter: InitialFilterFieldApply) => boolean;

package/dist/components/DynamicFilter/components/PopupEditFilter/index.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const PopupEditFilter: () => JSX.Element;

package/dist/components/DynamicFilter/components/PopupEditFilter/styles.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const WrapperPopupEditFilter: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const PopperActionsContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TitleContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const HeaderContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/DynamicFilter/contexts/BaseContext/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { BaseContextProps, BaseProviderProps } from './types';
+declare const BaseContext: import("react").Context<BaseContextProps>;
+declare function BaseProvider(props: BaseProviderProps): JSX.Element;
+export { BaseProvider, BaseContext };

package/dist/components/DynamicFilter/contexts/BaseContext/types.d.ts

@@ -0,0 +1,42 @@
+import type { Maybe } from '@m4l/core';
+import type { ReactNode } from 'react';
+import { FieldValues } from 'react-hook-form';
+import type { Field, FilterFieldApply, DynamicFilterProps, Operator, FilterToEditApply, FilterToAddApply } from '../../types';
+export interface BaseProviderProps extends DynamicFilterProps {
+    children: ReactNode;
+}
+export interface PopupContext {
+    popupAnchorEl: Maybe<Element>;
+    filter: Maybe<FilterFieldApply>;
+    field: Maybe<Field>;
+}
+export interface BaseContextProps {
+    isSkeleton?: boolean;
+    withAllField: boolean;
+    fields: Array<Field>;
+    inEdition: boolean;
+    setInEdition: (newState: boolean) => void;
+    availableFields: Array<Field>;
+    getFieldByName: (name: string) => Maybe<Field>;
+    applyedFilters: Array<FilterFieldApply>;
+    automatic: boolean;
+    isDirty: boolean;
+    isValid: boolean;
+    openAnchorEl: Maybe<Element>;
+    addFilter: (newFilter: FilterToAddApply) => void;
+    updateFilter: (filterToEdit: FilterToEditApply) => void;
+    popupData: PopupContext;
+    popupValidationSchema: any;
+    getLabelOperator: (operator: Operator) => string;
+    showPopupForAddFilter: (anchorEl: Maybe<Element>, field: Field) => void;
+    showPopupForEditFilter: (anchorEl: Maybe<Element>, filterToEdit: FilterFieldApply) => void;
+    hidePopupEdit: (stayInEditon: boolean) => void;
+    setPoupEditValidationSchema: (validationSchema: any) => void;
+    removeFilter: (id: number) => void;
+    clearFilters: VoidFunction;
+    openMenuFields: (anchorEl: Element) => void;
+    closeMenuFields: VoidFunction;
+    setFnTransformFormValuesIntoValues: (fn: (data: FieldValues) => FilterFieldApply | undefined) => void;
+    fnTransformFormValuesIntoRawValues: (data: FieldValues) => FilterFieldApply | undefined;
+    fireOnChangeFilters: VoidFunction;
+}

package/dist/components/DynamicFilter/hooks/useFilter.d.ts

@@ -0,0 +1 @@
+export declare const useBase: () => import("../contexts/BaseContext/types").BaseContextProps;

package/dist/components/DynamicFilter/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { DynamicFilterProps } from './types';
+export declare const DynamicFilter: (props: DynamicFilterProps) => JSX.Element;