@mailstep/design-system 0.12.0-beta.2 → 0.13.0-beta.2

package/ui/{Blocks → Modules}/CommonGrid/CommonGrid.js

@@ -11,14 +11,14 @@ import useRowsKeyControls from "./hooks/useRowsKeyControls.js";
 import useUxReset from "./hooks/useUxReset.js";
 import { initialState } from "./store/index.js";
 import { useCallback, useMemo } from "react";
-import { x } from "@xstyled/styled-components";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region packages/ui/Blocks/CommonGrid/CommonGrid.tsx
+import { x } from "@xstyled/styled-components";
+//#region packages/ui/Modules/CommonGrid/CommonGrid.tsx
 const rowsStyles = { outline: "none" };
 const defaultVoidFunction = (...args) => null;
 const defaultUxState = initialState.uxState;
 const defaultColumnsWidth = {};
-const CommonGrid = ({ filters, comparators, handleDragEnd, gridSelectors, gridActions, isLoading, rowsData, hasColouredRows, actionColumnDefinition, allowRowSelect, allowRowSelectOnAction, onRowAction, onRowClick, onAsyncLoadFilterOptions, columnLayout = "normal", displayColumnsDefinitions, className, minColumnWidth, errorMessage, floatingButtonProps, hasGroups, hasFilters, isSortTerminated, onCellClick }) => {
+const CommonGrid = ({ filters, comparators, handleDragEnd, gridSelectors, gridActions, isLoading, rowsData, hasColouredRows, actionColumnDefinition, allowRowSelect, allowRowSelectOnAction, onRowAction, onRowClick, onAsyncLoadFilterOptions, onSetActiveColumn, columnLayout = "normal", displayColumnsDefinitions, className, minColumnWidth, errorMessage, floatingButtonProps, hasGroups, hasFilters, isSortTerminated }) => {
 	const { uxState = defaultUxState, columnsWidth = defaultColumnsWidth, columnsWidthVariant, page = 1, filter, sorting, rowsPerPage = 10 } = gridSelectors;
 	const { clearUxState, handleUxChange, addFilter = defaultVoidFunction, addSorting = defaultVoidFunction, setColumnWidth = defaultVoidFunction } = gridActions;
 	const handleRowsKeyDown = useRowsKeyControls(rowsData, uxState, handleUxChange);
@@ -61,7 +61,8 @@ const CommonGrid = ({ filters, comparators, handleDragEnd, gridSelectors, gridAc
 						handleResizeDrag,
 						groups,
 						handleDragEnd,
-						isSortTerminated
+						isSortTerminated,
+						onCellClick: onSetActiveColumn
 					}),
 					hasFilters && /* @__PURE__ */ jsx(FilterRow, {
 						filters,
@@ -75,7 +76,8 @@ const CommonGrid = ({ filters, comparators, handleDragEnd, gridSelectors, gridAc
 						rowsData,
 						uxState,
 						handleUxChange,
-						onAsyncLoadFilterOptions
+						onAsyncLoadFilterOptions,
+						onCellClick: onSetActiveColumn
 					})
 				]
 			}), /* @__PURE__ */ jsx("div", {
@@ -94,7 +96,7 @@ const CommonGrid = ({ filters, comparators, handleDragEnd, gridSelectors, gridAc
 						onRowAction,
 						onUxChange: handleUxChange,
 						onRowClick,
-						onCellClick,
+						onCellClick: onSetActiveColumn,
 						columns: displayColumnsDefinitions,
 						displayColumnsWidth,
 						groups

package/ui/{Blocks → Modules}/CommonGrid/CommonGridContainer.js

@@ -1,8 +1,8 @@
+import HidePrint from "../../Blocks/HidePrint/HidePrint.js";
+import { useModal } from "../../Blocks/Modal/hooks/useModal.js";
 import Pagination from "../../Elements/Pagination/Pagination.js";
 import "../../Elements/Pagination/index.js";
 import { useCheckDeviceWidth } from "../../utils/CheckDeviceWidth/checkDeviceWidth.js";
-import HidePrint from "../HidePrint/HidePrint.js";
-import { useModal } from "../Modal/hooks/useModal.js";
 import ActionHead_default from "./components/ActionHead/index.js";
 import { getFilters } from "./utils/index.js";
 import { clearShareParams } from "./utils/shareUrl/clearShareParams.js";
@@ -25,9 +25,9 @@ import { getRowsPerPage } from "./utils/getRowsPerPage.js";
 import { hasSortTerminated } from "./utils/hasSortTerminated.js";
 import { BottomWrapper, CommonGridWithStyles, CommonGridWrap, ContentContainer, StyledButtonStrip } from "./styles.js";
 import { useCallback, useMemo, useRef, useState } from "react";
-import { x } from "@xstyled/styled-components";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region packages/ui/Blocks/CommonGrid/CommonGridContainer.tsx
+import { x } from "@xstyled/styled-components";
+//#region packages/ui/Modules/CommonGrid/CommonGridContainer.tsx
 const CommonGridContainer = (props) => {
 	const { optimizeFilters = false, extraControlButtons, onBatchAction, processCheckedValues, processCheckedValuesTitle, hideControlButtons, quickFilter, floatingButtonProps, queryRowsParam, customPaginationHandler, autoHeight = true, gridName, withPresets = true, withManageColumnButton = true, withPagination = true, withAggregation = true, withShare = true, allowSortingOnlyUnderTotalRows, onReload, ...passDownProps } = props;
 	const { gridActions, gridSelectors, rowsData, actionColumnDefinition } = passDownProps;
@@ -114,7 +114,7 @@ const CommonGridContainer = (props) => {
 					hasFilters,
 					hasGroups,
 					isSortTerminated,
-					onCellClick: setActiveColumnName,
+					onSetActiveColumn: setActiveColumnName,
 					hasColouredRows: true
 				})]
 			}), /* @__PURE__ */ jsxs(BottomWrapper, {

package/ui/{Blocks → Modules}/CommonGrid/HoC/withProps.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-//#region packages/ui/Blocks/CommonGrid/HoC/withProps.tsx
+//#region packages/ui/Modules/CommonGrid/HoC/withProps.tsx
 const withProps = (input) => (Component) => function ComponentWithProps(props) {
 	const additinalProps = typeof input === "function" ? input(props) : input;
 	return /* @__PURE__ */ jsx(Component, {

package/ui/{Blocks → Modules}/CommonGrid/HoC/withReduxActions.js

@@ -1,7 +1,7 @@
 import { createActions, createFullSelector } from "../store/index.js";
 import { connect } from "react-redux";
 import { bindActionCreators } from "redux";
-//#region packages/ui/Blocks/CommonGrid/HoC/withReduxActions.ts
+//#region packages/ui/Modules/CommonGrid/HoC/withReduxActions.ts
 const withReduxActions = (gridName, prefix = "grid") => {
 	const actions = createActions(gridName);
 	const selectors = createFullSelector(gridName);

package/ui/{Blocks → Modules}/CommonGrid/components/ActionHead/ActionHead.js

@@ -4,11 +4,11 @@ import { useGridActionTrigger } from "../../hooks/useGridActionTrigger.js";
 import { useToggleAllCheckbox } from "../../hooks/useToggleAllCheckbox.js";
 import ButtonMore from "../ButtonMore/ButtonMore.js";
 import { useCallback, useMemo } from "react";
-import styled$1 from "@xstyled/styled-components";
 import { jsx, jsxs } from "react/jsx-runtime";
+import styled$1 from "@xstyled/styled-components";
 import { i18n } from "@lingui/core";
 import { Trans } from "@lingui/react";
-//#region packages/ui/Blocks/CommonGrid/components/ActionHead/ActionHead.tsx
+//#region packages/ui/Modules/CommonGrid/components/ActionHead/ActionHead.tsx
 const Wrap = styled$1.div`
   display: flex;
   align-items: center;

package/ui/{Blocks → Modules}/CommonGrid/components/ActionHead/components/ActionDropdownMenu.js

@@ -1,8 +1,8 @@
 import "react";
-import styled$1 from "@xstyled/styled-components";
 import { jsx } from "react/jsx-runtime";
+import styled$1 from "@xstyled/styled-components";
 import { th as th$1 } from "@xstyled/system";
-//#region packages/ui/Blocks/CommonGrid/components/ActionHead/components/ActionDropdownMenu.tsx
+//#region packages/ui/Modules/CommonGrid/components/ActionHead/components/ActionDropdownMenu.tsx
 const StyledDropdownWrap = styled$1.div`
   position: relative;
   left: 0;

package/ui/{Blocks → Modules}/CommonGrid/components/ActionHead/components/ActionDropdownSelect.js

@@ -1,12 +1,12 @@
 import Icon from "../../../../../Elements/Icon/Icon.js";
-import Popover from "../../../../Popover/index.js";
+import Popover from "../../../../../Blocks/Popover/index.js";
 import ActionDropdownMenu from "./ActionDropdownMenu.js";
 import React, { memo, useRef } from "react";
-import styled$1 from "@xstyled/styled-components";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import styled$1 from "@xstyled/styled-components";
 import { th as th$1 } from "@xstyled/system";
 import { Trans } from "@lingui/react";
-//#region packages/ui/Blocks/CommonGrid/components/ActionHead/components/ActionDropdownSelect.tsx
+//#region packages/ui/Modules/CommonGrid/components/ActionHead/components/ActionDropdownSelect.tsx
 const Content = styled$1.div`
   position: relative;
   display: flex;

package/ui/{Blocks → Modules}/CommonGrid/components/ActionHead/index.js

@@ -1,5 +1,5 @@
 import ActionHead from "./ActionHead.js";
-//#region packages/ui/Blocks/CommonGrid/components/ActionHead/index.tsx
+//#region packages/ui/Modules/CommonGrid/components/ActionHead/index.tsx
 var ActionHead_default = ActionHead;
 //#endregion
 export { ActionHead_default as default };

package/ui/{Blocks → Modules}/CommonGrid/components/ButtonMore/ButtonMore.js

@@ -1,11 +1,11 @@
 import Button from "../../../../Elements/Button/Button.js";
 import { DropdownMenu } from "../../../../Elements/DropdownMenu/DropdownMenu.js";
 import "../../../../Elements/DropdownMenu/index.js";
-import { useClickOutside } from "../../../Modal/hooks/useClickOutside.js";
+import { useClickOutside } from "../../../../Blocks/Modal/hooks/useClickOutside.js";
 import { useCallback, useState } from "react";
-import styled$1 from "@xstyled/styled-components";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region packages/ui/Blocks/CommonGrid/components/ButtonMore/ButtonMore.tsx
+import styled$1 from "@xstyled/styled-components";
+//#region packages/ui/Modules/CommonGrid/components/ButtonMore/ButtonMore.tsx
 const ButtonWrapper = styled$1.div`
   position: relative;
   width: fit-content;

package/ui/{Blocks → Modules}/CommonGrid/components/ButtonMore/index.js

@@ -1,5 +1,5 @@
 import ButtonMore from "./ButtonMore.js";
-//#region packages/ui/Blocks/CommonGrid/components/ButtonMore/index.ts
+//#region packages/ui/Modules/CommonGrid/components/ButtonMore/index.ts
 var ButtonMore_default = ButtonMore;
 //#endregion
 export { ButtonMore_default as default };

package/ui/{Blocks → Modules}/CommonGrid/components/ColumnFilterCell.js

@@ -3,9 +3,9 @@ import { useAddFilter } from "../hooks/useAddFilter.js";
 import { Cell } from "./Table.js";
 import OverlayComponent from "./FilterDropdown.js";
 import React from "react";
-import { x } from "@xstyled/styled-components";
 import { jsx } from "react/jsx-runtime";
-//#region packages/ui/Blocks/CommonGrid/components/ColumnFilterCell.tsx
+import { x } from "@xstyled/styled-components";
+//#region packages/ui/Modules/CommonGrid/components/ColumnFilterCell.tsx
 const ColumnFilterCell = ({ onChange, value, others, displayColumnWidth, filters, column: columnDefinition, group, comparators, actionColumn, rowsData, uxState, handleUxChange, onAsyncLoadFilterOptions }) => {
 	const cellSizeProps = getCellSizeProps(columnDefinition, displayColumnWidth);
 	const handleAddFilter = useAddFilter(onChange);
@@ -28,6 +28,7 @@ const ColumnFilterCell = ({ onChange, value, others, displayColumnWidth, filters
 	return /* @__PURE__ */ jsx(Cell, {
 		className: cellClassName,
 		...cellSizeProps,
+		"data-column-name": columnDefinition.name,
 		children: /* @__PURE__ */ jsx(x.div, { children: /* @__PURE__ */ jsx(RenderComponent, {
 			asyncLoadKey: columnDefinition.asyncLoadKey,
 			"data-test": columnDefinition.name,
@@ -44,7 +45,7 @@ const ColumnFilterCell = ({ onChange, value, others, displayColumnWidth, filters
 			onAsyncLoadFilterOptions,
 			...filterConfig?.defaultExtraProps,
 			...columnDefinition.filterExtraProps,
-			...filterType == "options" && { options: columnDefinition.filterOptions },
+			...filterType === "options" && { options: columnDefinition.filterOptions },
 			columnWidth: cellSizeProps?.flexBasis
 		}) })
 	});

package/ui/{Blocks → Modules}/CommonGrid/components/ColumnTitle/ColumnTitle.js

@@ -1,8 +1,8 @@
 import Icon from "../../../../Elements/Icon/Icon.js";
 import { useCallback, useEffect, useRef, useState } from "react";
-import styled$1, { css, x } from "@xstyled/styled-components";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region packages/ui/Blocks/CommonGrid/components/ColumnTitle/ColumnTitle.tsx
+import styled$1, { css, x } from "@xstyled/styled-components";
+//#region packages/ui/Modules/CommonGrid/components/ColumnTitle/ColumnTitle.tsx
 const WRAPPER_WIDTH = 35;
 const Wrap = styled$1.div`
   width: 100%;

package/ui/{Blocks → Modules}/CommonGrid/components/ColumnTitle/index.js

@@ -1,5 +1,5 @@
 import ColumnTitle from "./ColumnTitle.js";
-//#region packages/ui/Blocks/CommonGrid/components/ColumnTitle/index.tsx
+//#region packages/ui/Modules/CommonGrid/components/ColumnTitle/index.tsx
 var ColumnTitle_default = ColumnTitle;
 //#endregion
 export { ColumnTitle_default as default };

package/ui/{Blocks → Modules}/CommonGrid/components/ColumnTitle.js

@@ -1,8 +1,8 @@
 import { SortingDown, SortingUp } from "./icons/Sorting.js";
 import React from "react";
-import styled$1, { th, useTheme } from "@xstyled/styled-components";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region packages/ui/Blocks/CommonGrid/components/ColumnTitle.tsx
+import styled$1, { th, useTheme } from "@xstyled/styled-components";
+//#region packages/ui/Modules/CommonGrid/components/ColumnTitle.tsx
 const Title = styled$1.span`
   & + * {
     margin-left: 1em;

package/ui/{Blocks → Modules}/CommonGrid/components/ControlButtons/ControlButtons.js

@@ -14,11 +14,11 @@ import ExtraControlButtons_default from "../ExtraControlButtons/index.js";
 import QuickFilter_default from "../QuickFilter/index.js";
 import { ControlButtonsContainer, CopiedMessage, Left, Right, ShareButtonWrapper, StyledColumnButton } from "./styles.js";
 import { useEffect, useMemo } from "react";
-import { useColor, x } from "@xstyled/styled-components";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useColor, x } from "@xstyled/styled-components";
 import { i18n } from "@lingui/core";
 import { Trans } from "@lingui/react";
-//#region packages/ui/Blocks/CommonGrid/components/ControlButtons/ControlButtons.tsx
+//#region packages/ui/Modules/CommonGrid/components/ControlButtons/ControlButtons.tsx
 const ControlButtons = ({ extraControlButtons, gridActions, gridSelectors, quickFilter = "", columns, filters, hideControlButtons, displayManageColumnButton, openManageColumnForm, setDisplayManageColumnButton, onOpenPresetsModal, gridName, selectedPresetName, withPresets, withManageColumnButton, onOpenMobileFilters, onOpenMobileSorting, isSortTerminated, withShare }) => {
 	const { onShare, isCopied } = useShareGrid({
 		gridSelectors,

package/ui/{Blocks → Modules}/CommonGrid/components/ControlButtons/index.js

@@ -1,5 +1,5 @@
 import ControlButtons from "./ControlButtons.js";
-//#region packages/ui/Blocks/CommonGrid/components/ControlButtons/index.tsx
+//#region packages/ui/Modules/CommonGrid/components/ControlButtons/index.tsx
 var ControlButtons_default = ControlButtons;
 //#endregion
 export { ControlButtons_default as default };

package/ui/{Blocks → Modules}/CommonGrid/components/ControlButtons/styles.js

@@ -2,7 +2,7 @@ import Button from "../../../../Elements/Button/Button.js";
 import "../../../../Elements/Button/index.js";
 import styled$1 from "@xstyled/styled-components";
 import { th as th$1 } from "@xstyled/system";
-//#region packages/ui/Blocks/CommonGrid/components/ControlButtons/styles.ts
+//#region packages/ui/Modules/CommonGrid/components/ControlButtons/styles.ts
 const ControlButtonsContainer = styled$1.div`
   display: flex;
   position: sticky;

package/ui/{Blocks → Modules}/CommonGrid/components/DataCell.js

@@ -3,7 +3,7 @@ import { TextCell } from "./Table.js";
 import React from "react";
 import { jsx } from "react/jsx-runtime";
 import get from "lodash/fp/get";
-//#region packages/ui/Blocks/CommonGrid/components/DataCell.tsx
+//#region packages/ui/Modules/CommonGrid/components/DataCell.tsx
 const DataCell = ({ column, group, rowData, onRowAction, displayColumnWidth, rowIndex }) => {
 	const Wrapper = column.fixedSize ? "div" : TextCell;
 	const wrapperBaseProps = column.fixedSize ? { style: {

package/ui/{Blocks → Modules}/CommonGrid/components/DataRow.js

@@ -4,7 +4,7 @@ import MemoDataCell from "./DataCell.js";
 import { useTimeMeasurement } from "./utils.js";
 import React from "react";
 import { jsx } from "react/jsx-runtime";
-//#region packages/ui/Blocks/CommonGrid/components/DataRow.tsx
+//#region packages/ui/Modules/CommonGrid/components/DataRow.tsx
 const DataRow = ({ columns, rowData, rowIndex, uxState, allowRowSelect, allowRowSelectOnAction, onUxChange, onRowClick, onRowAction, onCellClick, displayColumnsWidth, groups, isEven }) => {
 	const isChecked = !!uxState.checkedRows?.[rowData.id];
 	const handleRowAction = React.useCallback((id, field, value, rowData) => {

package/ui/{Blocks → Modules}/CommonGrid/components/DropdownButton/DropdownButton.js

@@ -4,12 +4,12 @@ import "../../../../Elements/Icon/index.js";
 import Button from "../../../../Elements/Button/Button.js";
 import { DropdownMenu } from "../../../../Elements/DropdownMenu/DropdownMenu.js";
 import "../../../../Elements/DropdownMenu/index.js";
-import { useClickOutside } from "../../../Modal/hooks/useClickOutside.js";
+import { useClickOutside } from "../../../../Blocks/Modal/hooks/useClickOutside.js";
 import React, { useCallback, useState } from "react";
-import styled$1 from "@xstyled/styled-components";
 import { jsx, jsxs } from "react/jsx-runtime";
+import styled$1 from "@xstyled/styled-components";
 import { th as th$1 } from "@xstyled/system";
-//#region packages/ui/Blocks/CommonGrid/components/DropdownButton/DropdownButton.tsx
+//#region packages/ui/Modules/CommonGrid/components/DropdownButton/DropdownButton.tsx
 const ButtonWrapper = styled$1.div`
   position: relative;
   width: fit-content;

package/ui/{Blocks → Modules}/CommonGrid/components/DropdownButton/index.js

@@ -1,5 +1,5 @@
 import DropdownButton from "./DropdownButton.js";
-//#region packages/ui/Blocks/CommonGrid/components/DropdownButton/index.ts
+//#region packages/ui/Modules/CommonGrid/components/DropdownButton/index.ts
 var DropdownButton_default = DropdownButton;
 //#endregion
 export { DropdownButton_default as default };

package/ui/{Blocks → Modules}/CommonGrid/components/ExtraControlButtons/ExtraControlButtons.js

@@ -2,9 +2,9 @@ import Button from "../../../../Elements/Button/Button.js";
 import ButtonMore from "../ButtonMore/ButtonMore.js";
 import DropdownSelect_default from "../../../../Elements/DropdownSelect/index.js";
 import "react";
-import styled$1, { x } from "@xstyled/styled-components";
 import { Fragment, jsx } from "react/jsx-runtime";
-//#region packages/ui/Blocks/CommonGrid/components/ExtraControlButtons/ExtraControlButtons.tsx
+import styled$1, { x } from "@xstyled/styled-components";
+//#region packages/ui/Modules/CommonGrid/components/ExtraControlButtons/ExtraControlButtons.tsx
 const Row = styled$1.div`
   display: flex;
   gap: 8px;

package/ui/{Blocks → Modules}/CommonGrid/components/ExtraControlButtons/index.js

@@ -1,5 +1,5 @@
 import ExtraControlButtons from "./ExtraControlButtons.js";
-//#region packages/ui/Blocks/CommonGrid/components/ExtraControlButtons/index.tsx
+//#region packages/ui/Modules/CommonGrid/components/ExtraControlButtons/index.tsx
 var ExtraControlButtons_default = ExtraControlButtons;
 //#endregion
 export { ExtraControlButtons_default as default };

package/ui/{Blocks → Modules}/CommonGrid/components/FilterDropdown.js

@@ -1,7 +1,7 @@
 import React from "react";
-import styled$1 from "@xstyled/styled-components";
 import { jsx } from "react/jsx-runtime";
-//#region packages/ui/Blocks/CommonGrid/components/FilterDropdown.tsx
+import styled$1 from "@xstyled/styled-components";
+//#region packages/ui/Modules/CommonGrid/components/FilterDropdown.tsx
 const OverlayWrapper = styled$1.div`
   position: absolute;
   z-index: 1;

package/ui/{Blocks → Modules}/CommonGrid/components/FilterRow.d.ts

@@ -13,6 +13,7 @@ type Props = {
     onAsyncLoadFilterOptions?: (key: string, value: string) => void;
     rowsData: RowProps[];
     uxState: UxState;
+    onCellClick?: (columnName: string) => void;
 };
 declare const FilterRow: FC<Props>;
 export default FilterRow;

package/ui/{Blocks → Modules}/CommonGrid/components/FilterRow.js

@@ -1,14 +1,19 @@
 import { getFilterName } from "../utils/index.js";
 import { Row } from "./Table.js";
 import ColumnFilterCell from "./ColumnFilterCell.js";
+import { useCallback } from "react";
 import { jsx } from "react/jsx-runtime";
 import get from "lodash/fp/get";
 import throttle from "lodash/throttle";
-//#region packages/ui/Blocks/CommonGrid/components/FilterRow.tsx
-const FilterRow = ({ columns, groups, actionColumn, onChange, filterValues = {}, displayColumnsWidth, filters, comparators, handleUxChange, onAsyncLoadFilterOptions, rowsData, uxState }) => {
+//#region packages/ui/Modules/CommonGrid/components/FilterRow.tsx
+const FilterRow = ({ columns, groups, actionColumn, onChange, filterValues = {}, displayColumnsWidth, filters, comparators, handleUxChange, onAsyncLoadFilterOptions, onCellClick, rowsData, uxState }) => {
 	const handleOnChange = throttle(onChange, 500);
 	return /* @__PURE__ */ jsx(Row, {
 		className: "filterRow",
+		onMouseDown: useCallback((e) => {
+			const columnName = e.target.closest(".cell")?.dataset?.columnName;
+			if (columnName) onCellClick?.(columnName);
+		}, [onCellClick]),
 		children: columns.map((column, index) => /* @__PURE__ */ jsx(ColumnFilterCell, {
 			column,
 			actionColumn,

package/ui/{Blocks → Modules}/CommonGrid/components/Filters/ActionsFilter/ActionsFilter.js

@@ -1,8 +1,8 @@
 import { useToggleAllCheckbox } from "../../../hooks/useToggleAllCheckbox.js";
 import Checkbox_default from "../../../../../Forms/Checkbox/index.js";
-import { x } from "@xstyled/styled-components";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region packages/ui/Blocks/CommonGrid/components/Filters/ActionsFilter/ActionsFilter.tsx
+import { x } from "@xstyled/styled-components";
+//#region packages/ui/Modules/CommonGrid/components/Filters/ActionsFilter/ActionsFilter.tsx
 const ActionsFilter = ({ actionColumn, rowsData, uxState, handleUxChange }) => {
 	const [allChecked, toggleCheckbox] = useToggleAllCheckbox(rowsData, uxState, handleUxChange);
 	const rowsNumberLabel = actionColumn?.addRowNumbersLabel;

package/ui/{Blocks → Modules}/CommonGrid/components/Filters/ActionsFilter/index.js

@@ -1,5 +1,5 @@
 import ActionsFilter from "./ActionsFilter.js";
-//#region packages/ui/Blocks/CommonGrid/components/Filters/ActionsFilter/index.ts
+//#region packages/ui/Modules/CommonGrid/components/Filters/ActionsFilter/index.ts
 var ActionsFilter_default = ActionsFilter;
 //#endregion
 export { ActionsFilter_default as default };

package/ui/{Blocks → Modules}/CommonGrid/components/Filters/BooleanSelect/BooleanSelect.js

@@ -2,7 +2,7 @@ import GridSelect_default from "../GridSelect/index.js";
 import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { i18n } from "@lingui/core";
-//#region packages/ui/Blocks/CommonGrid/components/Filters/BooleanSelect/BooleanSelect.tsx
+//#region packages/ui/Modules/CommonGrid/components/Filters/BooleanSelect/BooleanSelect.tsx
 const getFlagOptions = () => [
 	{
 		value: "",

package/ui/{Blocks → Modules}/CommonGrid/components/Filters/BooleanSelect/index.js

@@ -1,5 +1,5 @@
 import SelectFilter from "./BooleanSelect.js";
-//#region packages/ui/Blocks/CommonGrid/components/Filters/BooleanSelect/index.tsx
+//#region packages/ui/Modules/CommonGrid/components/Filters/BooleanSelect/index.tsx
 var BooleanSelect_default = SelectFilter;
 //#endregion
 export { BooleanSelect_default as default };

package/ui/{Blocks → Modules}/CommonGrid/components/Filters/DatePickerRange/DatePickerRange.js

@@ -1,14 +1,14 @@
-import { useClickOutside } from "../../../../Modal/hooks/useClickOutside.js";
+import { useClickOutside } from "../../../../../Blocks/Modal/hooks/useClickOutside.js";
 import Input_default from "../../../../../Forms/Input/index.js";
 import DatePicker_default from "../../../../../Elements/DatePicker/index.js";
 import { getCleanValues } from "./utils/getCleanValues.js";
 import { pickerRangeToString } from "./utils/pickerRangeToString.js";
 import React, { useCallback, useMemo, useState } from "react";
-import styled$1, { css } from "@xstyled/styled-components";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import styled$1, { css } from "@xstyled/styled-components";
 import { i18n } from "@lingui/core";
 import { DateTime } from "luxon";
-//#region packages/ui/Blocks/CommonGrid/components/Filters/DatePickerRange/DatePickerRange.tsx
+//#region packages/ui/Modules/CommonGrid/components/Filters/DatePickerRange/DatePickerRange.tsx
 const RangeWrapper = styled$1.div`
   display: ${({ $compact }) => $compact ? "flex" : "inline-flex"};
   flex-direction: ${({ $compact }) => $compact ? "column" : "row"};

package/ui/{Blocks → Modules}/CommonGrid/components/Filters/DatePickerRange/index.js

@@ -1,5 +1,5 @@
 import DatePickerRange from "./DatePickerRange.js";
-//#region packages/ui/Blocks/CommonGrid/components/Filters/DatePickerRange/index.tsx
+//#region packages/ui/Modules/CommonGrid/components/Filters/DatePickerRange/index.tsx
 var DatePickerRange_default = DatePickerRange;
 //#endregion
 export { DatePickerRange_default as default };

package/ui/{Blocks → Modules}/CommonGrid/components/Filters/DatePickerRange/utils/getCleanValues.js

@@ -1,4 +1,4 @@
-//#region packages/ui/Blocks/CommonGrid/components/Filters/DatePickerRange/utils/getCleanValues.ts
+//#region packages/ui/Modules/CommonGrid/components/Filters/DatePickerRange/utils/getCleanValues.ts
 const getCleanValue = (value) => {
 	if (typeof value === "string") return new Date(value);
 	return value || void 0;

package/ui/{Blocks → Modules}/CommonGrid/components/Filters/DatePickerRange/utils/pickerRangeToString.js

@@ -1,7 +1,7 @@
 import { DatePickerRepeatTrans, TimePickerRepeatTrans } from "../../../../../../Elements/DatePicker/utils/constants.js";
 import { sameDate } from "./sameDate.js";
 import { DateTime } from "luxon";
-//#region packages/ui/Blocks/CommonGrid/components/Filters/DatePickerRange/utils/pickerRangeToString.ts
+//#region packages/ui/Modules/CommonGrid/components/Filters/DatePickerRange/utils/pickerRangeToString.ts
 const pickerRangeToString = (values = [], others) => {
 	if (others?.[0]?.dateTypeRepeater || others?.[1]?.dateTypeRepeater) return others.map((other, i) => {
 		if (!other?.dateTypeRepeater) return values[i] && DateTime.fromJSDate(values[i]).toFormat("dd.LL.yyyy HH:mm");

package/ui/{Blocks → Modules}/CommonGrid/components/Filters/DatePickerRange/utils/sameDate.js

@@ -1,4 +1,4 @@
-//#region packages/ui/Blocks/CommonGrid/components/Filters/DatePickerRange/utils/sameDate.ts
+//#region packages/ui/Modules/CommonGrid/components/Filters/DatePickerRange/utils/sameDate.ts
 const sameDate = (date1, date2) => date1 && date1.getTime && date2 && date2.getTime && date1.getTime() === date2.getTime();
 //#endregion
 export { sameDate };

package/ui/{Blocks → Modules}/CommonGrid/components/Filters/GridSelect/GridSelect.js

@@ -6,7 +6,7 @@ import { jsx } from "react/jsx-runtime";
 import { i18n } from "@lingui/core";
 import isArray from "lodash/isArray";
 import uniqBy from "lodash/uniqBy";
-//#region packages/ui/Blocks/CommonGrid/components/Filters/GridSelect/GridSelect.tsx
+//#region packages/ui/Modules/CommonGrid/components/Filters/GridSelect/GridSelect.tsx
 const minColumnWidth = 120;
 const noOptionsMessage = () => null;
 const SelectFilter = ({ onChange, isClearable = true, disabled, placeholder, showValue = true, columnWidth, isMulti, value, options, checkAllButton, asyncLoadKey, onAsyncLoadFilterOptions, withNotEqComparator = true }) => {

package/ui/{Blocks → Modules}/CommonGrid/components/Filters/GridSelect/guards.js

@@ -1,4 +1,4 @@
-//#region packages/ui/Blocks/CommonGrid/components/Filters/GridSelect/guards.ts
+//#region packages/ui/Modules/CommonGrid/components/Filters/GridSelect/guards.ts
 const isOptionArray = (value) => {
 	return Array.isArray(value) && value.every((v) => typeof v === "object" && v !== null && "label" in v && "value" in v);
 };

package/ui/{Blocks → Modules}/CommonGrid/components/Filters/GridSelect/index.js

@@ -1,5 +1,5 @@
 import SelectFilter from "./GridSelect.js";
-//#region packages/ui/Blocks/CommonGrid/components/Filters/GridSelect/index.tsx
+//#region packages/ui/Modules/CommonGrid/components/Filters/GridSelect/index.tsx
 var GridSelect_default = SelectFilter;
 //#endregion
 export { GridSelect_default as default };

package/ui/{Blocks → Modules}/CommonGrid/components/Filters/NumberRange/NumberRange.js

@@ -1,11 +1,11 @@
-import { useClickOutside } from "../../../../Modal/hooks/useClickOutside.js";
+import { useClickOutside } from "../../../../../Blocks/Modal/hooks/useClickOutside.js";
 import { Input } from "../../../../../Forms/Input/Input.js";
 import { useEvent } from "../../../hooks/useEvent.js";
 import IconList_default from "../../IconList/index.js";
 import { useCallback, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { i18n } from "@lingui/core";
-//#region packages/ui/Blocks/CommonGrid/components/Filters/NumberRange/NumberRange.tsx
+//#region packages/ui/Modules/CommonGrid/components/Filters/NumberRange/NumberRange.tsx
 const OverlayComponentDefault = ({ children }) => /* @__PURE__ */ jsx("div", { children });
 const createNumberComparators = () => [
 	{

package/ui/{Blocks → Modules}/CommonGrid/components/Filters/NumberRange/index.js

@@ -1,5 +1,5 @@
 import NumberRange from "./NumberRange.js";
-//#region packages/ui/Blocks/CommonGrid/components/Filters/NumberRange/index.ts
+//#region packages/ui/Modules/CommonGrid/components/Filters/NumberRange/index.ts
 var NumberRange_default = NumberRange;
 //#endregion
 export { NumberRange_default as default };

package/ui/{Blocks → Modules}/CommonGrid/components/Filters/TextRange/TextRange.js

@@ -1,4 +1,4 @@
-import { useClickOutside } from "../../../../Modal/hooks/useClickOutside.js";
+import { useClickOutside } from "../../../../../Blocks/Modal/hooks/useClickOutside.js";
 import { Input } from "../../../../../Forms/Input/Input.js";
 import { useEvent } from "../../../hooks/useEvent.js";
 import IconList from "../../IconList/IconList.js";
@@ -6,7 +6,7 @@ import { useCallback, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { i18n } from "@lingui/core";
 import { Trans } from "@lingui/react";
-//#region packages/ui/Blocks/CommonGrid/components/Filters/TextRange/TextRange.tsx
+//#region packages/ui/Modules/CommonGrid/components/Filters/TextRange/TextRange.tsx
 const OverlayComponentDefault = ({ children }) => /* @__PURE__ */ jsx("div", { children });
 const ipv4 = /^([01]?[0-9]?[0-9]|2[0-4][0-9]|25[0-5])\.([01]?[0-9]?[0-9]|2[0-4][0-9]|25[0-5])\.([01]?[0-9]?[0-9]|2[0-4][0-9]|25[0-5])\.([01]?[0-9]?[0-9]|2[0-4][0-9]|25[0-5])$/;
 const createTextComparators = () => [

package/ui/{Blocks → Modules}/CommonGrid/components/Filters/TextRange/index.js

@@ -1,5 +1,5 @@
 import TextRange from "./TextRange.js";
-//#region packages/ui/Blocks/CommonGrid/components/Filters/TextRange/index.ts
+//#region packages/ui/Modules/CommonGrid/components/Filters/TextRange/index.ts
 var TextRange_default = TextRange;
 //#endregion
 export { TextRange_default as default };

package/ui/{Blocks → Modules}/CommonGrid/components/FloatingButton/FloatingButton.js

@@ -1,10 +1,10 @@
 import { DropdownMenu } from "../../../../Elements/DropdownMenu/DropdownMenu.js";
 import "../../../../Elements/DropdownMenu/index.js";
-import Popover from "../../../Popover/index.js";
+import Popover from "../../../../Blocks/Popover/index.js";
 import { useCallback, useRef, useState } from "react";
-import styled$1 from "@xstyled/styled-components";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region packages/ui/Blocks/CommonGrid/components/FloatingButton/FloatingButton.tsx
+import styled$1 from "@xstyled/styled-components";
+//#region packages/ui/Modules/CommonGrid/components/FloatingButton/FloatingButton.tsx
 const FloatingWrapper = styled$1.div`
   display: block;
   position: absolute;

package/ui/{Blocks → Modules}/CommonGrid/components/FloatingButton/index.js

@@ -1,5 +1,5 @@
 import FloatingButton from "./FloatingButton.js";
-//#region packages/ui/Blocks/CommonGrid/components/FloatingButton/index.tsx
+//#region packages/ui/Modules/CommonGrid/components/FloatingButton/index.tsx
 var FloatingButton_default = FloatingButton;
 //#endregion
 export { FloatingButton_default as default };

package/ui/{Blocks → Modules}/CommonGrid/components/GridAggregation/GridAggregation.js

@@ -3,7 +3,7 @@ import { useGridAggregation } from "./hooks/useGridAggregation.js";
 import { ColumnTitle, StyledSelect, Wrapper } from "./styles.js";
 import { useCallback, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region packages/ui/Blocks/CommonGrid/components/GridAggregation/GridAggregation.tsx
+//#region packages/ui/Modules/CommonGrid/components/GridAggregation/GridAggregation.tsx
 const GridAggregation = ({ rowsData, columns, activeColumnName }) => {
 	const [operation, setOperation] = useState("sum");
 	const { column, isNumberFilter, numericValues, operationOptions, selectedOption } = useGridAggregation({

package/ui/{Blocks → Modules}/CommonGrid/components/GridAggregation/hooks/useGridAggregation.js

@@ -1,7 +1,7 @@
 import { aggregate } from "../utils/aggregate.js";
 import { useMemo } from "react";
 import get from "lodash/fp/get";
-//#region packages/ui/Blocks/CommonGrid/components/GridAggregation/hooks/useGridAggregation.ts
+//#region packages/ui/Modules/CommonGrid/components/GridAggregation/hooks/useGridAggregation.ts
 const useGridAggregation = ({ rowsData, columns, activeColumnName, operation }) => {
 	const column = useMemo(() => {
 		if (!activeColumnName || !rowsData?.length) return null;

package/ui/{Blocks → Modules}/CommonGrid/components/GridAggregation/styles.js

@@ -1,5 +1,5 @@
 import styled$1, { x } from "@xstyled/styled-components";
-//#region packages/ui/Blocks/CommonGrid/components/GridAggregation/styles.ts
+//#region packages/ui/Modules/CommonGrid/components/GridAggregation/styles.ts
 const Wrapper = styled$1(x.div)`
   display: none;
   @media (min-width: 768px) {