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

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

@@ -3,7 +3,7 @@ import "../../../../Elements/Icon/index.js";
 import { x } from "@xstyled/styled-components";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Trans } from "@lingui/react";
-//#region packages/ui/Blocks/CommonGrid/components/GridInfo/index.tsx
+//#region packages/ui/Modules/CommonGrid/components/GridInfo/index.tsx
 const GridInfo = ({ isSortTerminatedAppeal, isSortTerminated }) => {
 	if (!isSortTerminatedAppeal) return null;
 	return /* @__PURE__ */ jsxs(x.span, {

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

@@ -1,5 +1,5 @@
 import { Input } from "../../../../Forms/Input/Input.js";
-import { Modal } from "../../../Modal/Modal.js";
+import { Modal } from "../../../../Blocks/Modal/Modal.js";
 import { useCreatePreset } from "../../hooks/useCreatePreset.js";
 import { useDeletePreset } from "../../hooks/useDeletePreset.js";
 import { usePresetFileHandlers } from "../../hooks/usePresetFileHandlers.js";
@@ -9,7 +9,7 @@ import { PresetsModalBody } from "../PresetsModalBody/index.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Trans } from "@lingui/react";
-//#region packages/ui/Blocks/CommonGrid/components/GridModals/index.tsx
+//#region packages/ui/Modules/CommonGrid/components/GridModals/index.tsx
 const GridModals = ({ manageColumnFormVisible, onCloseForm, resetColumnConfig, onConfirmForm, manageColumnsFormDefinitions, columnsConfigValues, setColumnsConfigOptions, handleDragEnd, gridName, gridSelectors, gridActions, isPresetsModalOpen, onClosePresetsModal, selectedPresetName, setSelectedPresetName }) => {
 	const { handleSelectPreset } = useSelectPreset({
 		gridName,

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

@@ -1,7 +1,7 @@
 import { MessageCell, MessageCellBody, Row } from "../Table.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Trans } from "@lingui/react";
-//#region packages/ui/Blocks/CommonGrid/components/GridStatus/index.tsx
+//#region packages/ui/Modules/CommonGrid/components/GridStatus/index.tsx
 const GridStatus = ({ isLoading, isEmpty, errorMessage }) => {
 	const hasError = !isLoading && errorMessage;
 	return /* @__PURE__ */ jsx(Row, {

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

@@ -1,7 +1,7 @@
 import { getCellSizeProps, getGroupClassNames, getStickyCollClassNames } from "../utils/index.js";
 import { Cell, Row } from "./Table.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region packages/ui/Blocks/CommonGrid/components/GroupRow.tsx
+//#region packages/ui/Modules/CommonGrid/components/GroupRow.tsx
 const GroupCell = ({ column, group, displayColumnWidth }) => {
 	const cellSizeProps = getCellSizeProps(column, displayColumnWidth);
 	return /* @__PURE__ */ jsx(Cell, {

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

@@ -5,7 +5,7 @@ import Resize from "./Resize.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useSortable } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
-//#region packages/ui/Blocks/CommonGrid/components/HeadCell.tsx
+//#region packages/ui/Modules/CommonGrid/components/HeadCell.tsx
 const HeadCell = ({ column, isDragDisabled, displayColumnsWidth, onResizeOut, onResizeOver, onResize, sortingValues, onSetSort, group, hasResize, isSortTerminated }) => {
 	const { attributes, listeners, setNodeRef, transform, transition } = useSortable({
 		id: column.name,

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

@@ -6,7 +6,7 @@ import React, { useEffect, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { SortableContext, horizontalListSortingStrategy } from "@dnd-kit/sortable";
 import { DndContext, PointerSensor, closestCenter, useSensor, useSensors } from "@dnd-kit/core";
-//#region packages/ui/Blocks/CommonGrid/components/HeadRow.tsx
+//#region packages/ui/Modules/CommonGrid/components/HeadRow.tsx
 const getStickyComponent = (columns, stickyTo, displayColumnsWidth) => columns?.filter((item) => item.sticky && item.stickTo === stickyTo)?.map((column) => {
 	const cellClassName = `cell${getStickyCollClassNames(!!column.sticky, column.stickTo)}`;
 	return /* @__PURE__ */ jsx(Cell, {

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

@@ -3,7 +3,7 @@ import React from "react";
 import styled$1 from "@xstyled/styled-components";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { th as th$1 } from "@xstyled/system";
-//#region packages/ui/Blocks/CommonGrid/components/IconList/IconList.tsx
+//#region packages/ui/Modules/CommonGrid/components/IconList/IconList.tsx
 const List = styled$1.ul`
   background-color: white;
   box-shadow: dropShadow;

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

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

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

@@ -7,7 +7,7 @@ import { i18n } from "@lingui/core";
 import { SortableContext, verticalListSortingStrategy } from "@dnd-kit/sortable";
 import { DndContext, PointerSensor, closestCenter, useSensor, useSensors } from "@dnd-kit/core";
 import { restrictToVerticalAxis } from "@dnd-kit/modifiers";
-//#region packages/ui/Blocks/CommonGrid/components/ManageColumnForm/ManageColumnForm.tsx
+//#region packages/ui/Modules/CommonGrid/components/ManageColumnForm/ManageColumnForm.tsx
 const modifiers = [restrictToVerticalAxis];
 const ManageColumnForm = ({ columns, columnsConfigValues, setColumnsConfigOptions, handleDragEnd }) => {
 	const [searchedValue, setSearchedValue] = useState("");

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

@@ -8,7 +8,7 @@ import { x } from "@xstyled/styled-components";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useSortable } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
-//#region packages/ui/Blocks/CommonGrid/components/ManageColumnForm/components/ManageColumnRow.tsx
+//#region packages/ui/Modules/CommonGrid/components/ManageColumnForm/components/ManageColumnRow.tsx
 const ManageColumnRow = ({ column, columnsConfigValues, setColumnsConfigOptions, searchedValue }) => {
 	const [isSelected, setIsSelected] = useState(columnsConfigValues?.includes(column.name) ?? false);
 	const handleToggleChange = useCallback(() => {

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

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

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

@@ -1,5 +1,5 @@
 import styled$1, { th } from "@xstyled/styled-components";
-//#region packages/ui/Blocks/CommonGrid/components/ManageColumnForm/styles.ts
+//#region packages/ui/Modules/CommonGrid/components/ManageColumnForm/styles.ts
 const RowLayout = styled$1.div`
   display: ${({ $isVisible }) => $isVisible ? "flex" : "none"};
   align-items: center;

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

@@ -1,6 +1,6 @@
 import { i18n } from "@lingui/core";
 import isObject from "lodash/isObject";
-//#region packages/ui/Blocks/CommonGrid/components/ManageColumnForm/utils.ts
+//#region packages/ui/Modules/CommonGrid/components/ManageColumnForm/utils.ts
 const getTranslatedValue = (column) => column && isObject(column?.title) ? "props" in column.title && column.title?.props && i18n._({
 	id: column.title?.props?.id ?? "",
 	message: column.title?.props.message

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

@@ -1,14 +1,14 @@
 import { H6 } from "../../../Elements/Typography/Typography.js";
 import "../../../Elements/Typography/index.js";
 import { createFilterType, getFilterName, isFilterActive } from "../utils/index.js";
-import { Modal } from "../../Modal/Modal.js";
+import { Modal } from "../../../Blocks/Modal/Modal.js";
 import { MobileOverlayWrapper } from "./MobileOverlayWrapper.js";
 import { useCallback, useEffect, useState } from "react";
 import { x } from "@xstyled/styled-components";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Trans } from "@lingui/react";
 import get from "lodash/fp/get";
-//#region packages/ui/Blocks/CommonGrid/components/MobileFilterModal.tsx
+//#region packages/ui/Modules/CommonGrid/components/MobileFilterModal.tsx
 const MobileFilterModal = ({ isShown, onClose, columns, filters, comparators, filterValues = {}, setFilters, rowsData, uxState, handleUxChange, onAsyncLoadFilterOptions, actionColumn, onClearSettings }) => {
 	const filterableColumns = columns.filter((col) => col.filtering && col.title);
 	const [localFilterValues, setLocalFilterValues] = useState(filterValues ?? {});

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

@@ -1,5 +1,5 @@
 import styled$1 from "@xstyled/styled-components";
-//#region packages/ui/Blocks/CommonGrid/components/MobileOverlayWrapper.tsx
+//#region packages/ui/Modules/CommonGrid/components/MobileOverlayWrapper.tsx
 const MobileOverlayWrapper = styled$1.div`
   position: absolute;
   z-index: 10;

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

@@ -1,12 +1,12 @@
 import Button_default from "../../../Elements/Button/index.js";
 import { getSortName } from "../utils/index.js";
-import { Modal } from "../../Modal/Modal.js";
+import { Modal } from "../../../Blocks/Modal/Modal.js";
 import { SortingDown, SortingUp } from "./icons/Sorting.js";
 import { useCallback } from "react";
 import { x } from "@xstyled/styled-components";
 import { jsx } from "react/jsx-runtime";
 import { Trans } from "@lingui/react";
-//#region packages/ui/Blocks/CommonGrid/components/MobileSortModal.tsx
+//#region packages/ui/Modules/CommonGrid/components/MobileSortModal.tsx
 const AscIcon = /* @__PURE__ */ jsx(SortingUp, {
 	width: "16",
 	fill: "white"

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

@@ -1,7 +1,7 @@
 import "react";
 import styled$1, { css } from "@xstyled/styled-components";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region packages/ui/Blocks/CommonGrid/components/OversizedScroll.tsx
+//#region packages/ui/Modules/CommonGrid/components/OversizedScroll.tsx
 const ScrollWrapper = styled$1.div`
   ${(props) => props.columnLayout !== "no-scroll" && css`
       overflow-x: ${props.columnLayout === "sticky" ? "inherit" : "auto"};

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

@@ -1,5 +1,5 @@
 import { styled } from "@xstyled/styled-components";
-//#region packages/ui/Blocks/CommonGrid/components/PresetsModalBody/components/TagRemove.tsx
+//#region packages/ui/Modules/CommonGrid/components/PresetsModalBody/components/TagRemove.tsx
 const TagRemove = styled.div`
   cursor: pointer;
   margin-left: 6px;

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

@@ -9,7 +9,7 @@ import { x } from "@xstyled/styled-components";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Trans } from "@lingui/react";
 import isEmpty from "lodash/isEmpty";
-//#region packages/ui/Blocks/CommonGrid/components/PresetsModalBody/index.tsx
+//#region packages/ui/Modules/CommonGrid/components/PresetsModalBody/index.tsx
 const PresetsModalBody = ({ onOpenCreatePresetModal, gridPresets, handleSelectPreset, handleOpenDeletePresetModal, selectedPresetName, handleExportPresets, handleImportButtonClick, handleImportPresets, fileInputRef, filters }) => {
 	const presets = useMemo(() => Object.entries(gridPresets || {}), [gridPresets]);
 	const hasPresets = !!presets?.length;

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

@@ -2,7 +2,7 @@ import Button_default from "../../../../Elements/Button/index.js";
 import Input_default from "../../../../Forms/Input/index.js";
 import styled$1, { x } from "@xstyled/styled-components";
 import { jsx } from "react/jsx-runtime";
-//#region packages/ui/Blocks/CommonGrid/components/QuickFilter/QuickFilter.tsx
+//#region packages/ui/Modules/CommonGrid/components/QuickFilter/QuickFilter.tsx
 const StyledInput = styled$1(Input_default)`
   position: ${({ isMobileInputView }) => isMobileInputView ? "absolute" : "relative"};
   z-index: ${({ isMobileInputView }) => isMobileInputView ? "3" : "1"};

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

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

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

@@ -1,7 +1,7 @@
 import { useCallback } from "react";
 import styled$1 from "@xstyled/styled-components";
 import { jsx } from "react/jsx-runtime";
-//#region packages/ui/Blocks/CommonGrid/components/Resize.tsx
+//#region packages/ui/Modules/CommonGrid/components/Resize.tsx
 const Resizer = styled$1.div`
   height: 100%;
   width: 7px;

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

@@ -1,5 +1,5 @@
 import styled$1, { system, th } from "@xstyled/styled-components";
-//#region packages/ui/Blocks/CommonGrid/components/Table.tsx
+//#region packages/ui/Modules/CommonGrid/components/Table.tsx
 const Row = styled$1.div`
   ${system};
   display: flex;

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

@@ -4,7 +4,7 @@ import { useCallback, useMemo } from "react";
 import styled$1, { x } from "@xstyled/styled-components";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Trans } from "@lingui/react";
-//#region packages/ui/Blocks/CommonGrid/components/TablePagination/TablePagination.tsx
+//#region packages/ui/Modules/CommonGrid/components/TablePagination/TablePagination.tsx
 const Wrapper = styled$1.span`
   display: flex;
   align-items: center;

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

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

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

@@ -5,7 +5,7 @@ import React from "react";
 import styled$1 from "@xstyled/styled-components";
 import { jsx } from "react/jsx-runtime";
 import get from "lodash/fp/get";
-//#region packages/ui/Blocks/CommonGrid/components/gridCells/BoolIcon.tsx
+//#region packages/ui/Modules/CommonGrid/components/gridCells/BoolIcon.tsx
 const Center = styled$1.div`
   display: flex;
   justify-content: center;

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

@@ -1,7 +1,7 @@
 import Button from "../../../../Elements/Button/Button.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
-//#region packages/ui/Blocks/CommonGrid/components/gridCells/ButtonInCell.tsx
+//#region packages/ui/Modules/CommonGrid/components/gridCells/ButtonInCell.tsx
 const ButtonInCell = (props) => {
 	return /* @__PURE__ */ jsx(Button, {
 		...props,

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

@@ -2,7 +2,7 @@ import "react";
 import { jsx } from "react/jsx-runtime";
 import { DateTime } from "luxon";
 import get from "lodash/fp/get";
-//#region packages/ui/Blocks/CommonGrid/components/gridCells/Date.tsx
+//#region packages/ui/Modules/CommonGrid/components/gridCells/Date.tsx
 const DateCell = ({ rowData, column }) => {
 	const value = get(column.name, rowData);
 	return value ? /* @__PURE__ */ jsx("span", { children: DateTime.fromISO(value).toFormat("dd. MM. yyyy") }) : null;

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

@@ -2,7 +2,7 @@ import "react";
 import { jsx } from "react/jsx-runtime";
 import { DateTime } from "luxon";
 import get from "lodash/fp/get";
-//#region packages/ui/Blocks/CommonGrid/components/gridCells/DateTime.tsx
+//#region packages/ui/Modules/CommonGrid/components/gridCells/DateTime.tsx
 const defaultProps = { dateTimeFormat: "dd. MM. yyyy HH:mm" };
 const DateTimeCell = ({ rowData, column }) => {
 	const value = get(column.name, rowData);

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

@@ -2,7 +2,7 @@ import HighlightBox_default from "../../../../Elements/HighlightBox/index.js";
 import { useMemo } from "react";
 import styled$1 from "@xstyled/styled-components";
 import { jsx } from "react/jsx-runtime";
-//#region packages/ui/Blocks/CommonGrid/components/gridCells/EnumInCell.tsx
+//#region packages/ui/Modules/CommonGrid/components/gridCells/EnumInCell.tsx
 const Center = styled$1.div`
   display: flex;
   justify-content: flex-start;

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

@@ -2,7 +2,7 @@ import "react";
 import styled$1 from "@xstyled/styled-components";
 import { jsx, jsxs } from "react/jsx-runtime";
 import get from "lodash/fp/get";
-//#region packages/ui/Blocks/CommonGrid/components/gridCells/HoverBubble.tsx
+//#region packages/ui/Modules/CommonGrid/components/gridCells/HoverBubble.tsx
 const Wrapper = styled$1.div`
   text-align: center;
   overflow: hidden;

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

@@ -4,7 +4,7 @@ import "react";
 import { x } from "@xstyled/styled-components";
 import { Fragment, jsx } from "react/jsx-runtime";
 import { Link } from "react-router-dom";
-//#region packages/ui/Blocks/CommonGrid/components/gridCells/IconButtonInCell.tsx
+//#region packages/ui/Modules/CommonGrid/components/gridCells/IconButtonInCell.tsx
 const IconButtonInCell = ({ icon, isLoading, onClick, linkTo }) => {
 	return /* @__PURE__ */ jsx(Fragment, { children: isLoading ? /* @__PURE__ */ jsx(Spinner, { variant: "sm" }) : linkTo ? /* @__PURE__ */ jsx(Link, {
 		to: linkTo,

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

@@ -3,7 +3,7 @@ import "react";
 import styled$1 from "@xstyled/styled-components";
 import { jsx } from "react/jsx-runtime";
 import get from "lodash/fp/get";
-//#region packages/ui/Blocks/CommonGrid/components/gridCells/ImageCell.tsx
+//#region packages/ui/Modules/CommonGrid/components/gridCells/ImageCell.tsx
 const ImageWrapper = styled$1.div`
   ${({ onClick }) => onClick ? "cursor: pointer;" : ""}
   height: 100%;

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

@@ -1,7 +1,7 @@
 import StyledLink from "../../../../Elements/SimpleLink/SimpleLink.js";
 import "../../../../Elements/SimpleLink/index.js";
 import styled$1 from "@xstyled/styled-components";
-//#region packages/ui/Blocks/CommonGrid/components/gridCells/LinkInCell.tsx
+//#region packages/ui/Modules/CommonGrid/components/gridCells/LinkInCell.tsx
 const LinkInCell = styled$1(StyledLink)`
   text-decoration: underline;
 `;

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

@@ -3,7 +3,7 @@ import React from "react";
 import styled$1 from "@xstyled/styled-components";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Trans } from "@lingui/react";
-//#region packages/ui/Blocks/CommonGrid/components/gridCells/RemoveItem.tsx
+//#region packages/ui/Modules/CommonGrid/components/gridCells/RemoveItem.tsx
 const Wrap = styled$1.div`
   width: 100%;
 `;

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

@@ -4,7 +4,7 @@ import { useCallback, useMemo } from "react";
 import { x } from "@xstyled/styled-components";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { isFunction, omit } from "lodash/fp";
-//#region packages/ui/Blocks/CommonGrid/components/gridCells/RowActionsCell.tsx
+//#region packages/ui/Modules/CommonGrid/components/gridCells/RowActionsCell.tsx
 const RowActionsCell = ({ actionColumnDefinition, rowData, addRowNumbers, rowIndex, rowNumberWidth = 0, checkedRows, withCheckboxes, onUxChange, onRowAction }) => {
 	const rowDataId = rowData?.id;
 	const canEdit = isFunction(actionColumnDefinition?.canRowEdit) ? actionColumnDefinition?.canRowEdit(rowData) : actionColumnDefinition?.canRowEdit;
@@ -42,7 +42,7 @@ const RowActionsCell = ({ actionColumnDefinition, rowData, addRowNumbers, rowInd
 	}, [onClick]);
 	return /* @__PURE__ */ jsxs(x.div, {
 		display: "flex",
-		gap: "12px",
+		gap: addRowNumbers ? "12px" : "18px",
 		pl: "4px",
 		pr: "4px",
 		children: [

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

@@ -1,7 +1,7 @@
 import "react";
 import { jsx } from "react/jsx-runtime";
 import get from "lodash/fp/get";
-//#region packages/ui/Blocks/CommonGrid/components/gridCells/StringJoin.tsx
+//#region packages/ui/Modules/CommonGrid/components/gridCells/StringJoin.tsx
 const StringJoinCell = ({ rowData, column }) => {
 	const values = get(column.name, rowData);
 	return values?.length ? /* @__PURE__ */ jsx("span", { children: values.join(", ") }) : null;

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

@@ -1,7 +1,7 @@
 import Toggle from "../../../../Elements/Toggle/Toggle.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
-//#region packages/ui/Blocks/CommonGrid/components/gridCells/SwitchInCell.tsx
+//#region packages/ui/Modules/CommonGrid/components/gridCells/SwitchInCell.tsx
 const SwitchInCell = (props) => {
 	return /* @__PURE__ */ jsx(Toggle, {
 		...props,

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

@@ -2,7 +2,7 @@ import { SwitchInCell } from "./SwitchInCell.js";
 import React, { useCallback } from "react";
 import { jsx } from "react/jsx-runtime";
 import get from "lodash/fp/get";
-//#region packages/ui/Blocks/CommonGrid/components/gridCells/ToggleCell.tsx
+//#region packages/ui/Modules/CommonGrid/components/gridCells/ToggleCell.tsx
 const ToggleCell = ({ rowData, column, onRowAction }) => {
 	const inverse = !!column?.passProps?.inverse;
 	const rawValue = get(column.name, rowData);

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

@@ -1,6 +1,6 @@
 import "react";
 import { jsx } from "react/jsx-runtime";
-//#region packages/ui/Blocks/CommonGrid/components/icons/Edit.tsx
+//#region packages/ui/Modules/CommonGrid/components/icons/Edit.tsx
 const Edit = (props) => /* @__PURE__ */ jsx("svg", {
 	"data-icon": "edit",
 	viewBox: "0 0 16 16",

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

@@ -1,6 +1,6 @@
 import "react";
 import { jsx } from "react/jsx-runtime";
-//#region packages/ui/Blocks/CommonGrid/components/icons/EyeOpen.tsx
+//#region packages/ui/Modules/CommonGrid/components/icons/EyeOpen.tsx
 const EyeOpen = (props) => /* @__PURE__ */ jsx("svg", {
 	"data-icon": "eye-open",
 	viewBox: "0 0 16 16",

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

@@ -1,6 +1,6 @@
 import "react";
 import { jsx } from "react/jsx-runtime";
-//#region packages/ui/Blocks/CommonGrid/components/icons/Sorting.tsx
+//#region packages/ui/Modules/CommonGrid/components/icons/Sorting.tsx
 const SortingUp = (props) => /* @__PURE__ */ jsx("svg", {
 	viewBox: "0 0 16 16",
 	...props,

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

@@ -1,5 +1,5 @@
 import { useState } from "react";
-//#region packages/ui/Blocks/CommonGrid/components/utils.tsx
+//#region packages/ui/Modules/CommonGrid/components/utils.tsx
 const useTimeMeasurement = ({ handleRowClick }) => {
 	const [startTime, setStartTime] = useState(0);
 	const handleMouseDown = () => {

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

@@ -1,6 +1,6 @@
 import { createFilterType, getFilterName } from "../utils/index.js";
 import { useCallback } from "react";
-//#region packages/ui/Blocks/CommonGrid/hooks/useAddFilter.ts
+//#region packages/ui/Modules/CommonGrid/hooks/useAddFilter.ts
 const useAddFilter = (onChange) => {
 	return useCallback((value, column, others) => {
 		if (onChange) {

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

@@ -1,7 +1,7 @@
 import { parseSharedGridState } from "../utils/shareUrl/parseSharedGridState.js";
 import "../utils/shareUrl/index.js";
 import { useEffect, useRef } from "react";
-//#region packages/ui/Blocks/CommonGrid/hooks/useApplySharedGridState.ts
+//#region packages/ui/Modules/CommonGrid/hooks/useApplySharedGridState.ts
 const useApplySharedGridState = ({ enabled, columns, gridActions }) => {
 	const appliedRef = useRef(false);
 	useEffect(() => {

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

@@ -1,6 +1,6 @@
 import React from "react";
 import sum from "lodash/sum";
-//#region packages/ui/Blocks/CommonGrid/hooks/useColumnSizes.tsx
+//#region packages/ui/Modules/CommonGrid/hooks/useColumnSizes.tsx
 const useColumnSizes = (displayColumnsDefinitions, storeColumnsWidth, storeColumnsWidthVariant, setColumnWidth, columnLayout, minColumnWidth = 50) => {
 	/**
 	* decorate grid resize with layout and reset grid widths if layout changes

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

@@ -1,8 +1,8 @@
-import { useModal } from "../../Modal/hooks/useModal.js";
+import { useModal } from "../../../Blocks/Modal/hooks/useModal.js";
 import { useEvent } from "./useEvent.js";
 import { useCallback, useState } from "react";
 import isEmpty from "lodash/isEmpty";
-//#region packages/ui/Blocks/CommonGrid/hooks/useCreatePreset.ts
+//#region packages/ui/Modules/CommonGrid/hooks/useCreatePreset.ts
 const maxPresetNameLength = 40;
 const useCreatePreset = ({ gridName, filters, onClosePresetsModal, setSelectedPresetName, gridActions }) => {
 	const { isOpen: isCreatePresetModalOpen, onOpen: onOpenCreatePresetModal, onClose: onCloseCreatePresetModal } = useModal();

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

@@ -1,6 +1,6 @@
-import { useModal } from "../../Modal/hooks/useModal.js";
+import { useModal } from "../../../Blocks/Modal/hooks/useModal.js";
 import { useCallback } from "react";
-//#region packages/ui/Blocks/CommonGrid/hooks/useDeletePreset.ts
+//#region packages/ui/Modules/CommonGrid/hooks/useDeletePreset.ts
 const useDeletePreset = ({ selectedPresetName, gridName, gridActions, setSelectedPresetName }) => {
 	const { isOpen: isDeletePresetModalOpen, onOpen: onOpenDeletePresetModal, onClose: onCloseDeletePresetModal, data: presetNameToDelete } = useModal();
 	return {

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

@@ -4,7 +4,7 @@ import withProps from "../HoC/withProps.js";
 import { RowActionsCell } from "../components/gridCells/RowActionsCell.js";
 import "../components/gridCells/index.js";
 import { useCallback, useMemo } from "react";
-//#region packages/ui/Blocks/CommonGrid/hooks/useEditReadAsColumn.tsx
+//#region packages/ui/Modules/CommonGrid/hooks/useEditReadAsColumn.tsx
 const useEditReadAsColumn = (props) => {
 	const { onRowAction, actionColumnDefinition, columnsDefinitions, gridSelectors, gridActions, onRowEditClick, onRowReadClick, rowsData } = props;
 	const modifiedOnRowAction = useCallback((id, field, value, rowData) => {

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

@@ -1,5 +1,5 @@
 import { useCallback, useLayoutEffect, useRef } from "react";
-//#region packages/ui/Blocks/CommonGrid/hooks/useEvent.ts
+//#region packages/ui/Modules/CommonGrid/hooks/useEvent.ts
 const useEvent = (callback) => {
 	const ref = useRef(() => {
 		throw new Error("Cannot call an event handler while rendering.");

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

@@ -1,5 +1,5 @@
 import { useMemo } from "react";
-//#region packages/ui/Blocks/CommonGrid/hooks/useFloatingButton.ts
+//#region packages/ui/Modules/CommonGrid/hooks/useFloatingButton.ts
 const useFloatingButton = (hasPermission, onClick, options) => useMemo(() => {
 	if (!hasPermission) return;
 	return {

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

@@ -1,6 +1,6 @@
 import { useCallback, useMemo } from "react";
 import find from "lodash/find";
-//#region packages/ui/Blocks/CommonGrid/hooks/useGridActionTrigger.ts
+//#region packages/ui/Modules/CommonGrid/hooks/useGridActionTrigger.ts
 const useGridActionTrigger = (rowsData, uxState, actionOptions = [], onBatchAction) => {
 	const actionRows = useMemo(() => {
 		return (rowsData || []).filter((row) => uxState.checkedRows?.[row.id]);

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

@@ -1,6 +1,6 @@
 import { rowsPerPageOptions } from "../utils/constants.js";
 import { useEffect } from "react";
-//#region packages/ui/Blocks/CommonGrid/hooks/useGridAutoRowsPerPage.ts
+//#region packages/ui/Modules/CommonGrid/hooks/useGridAutoRowsPerPage.ts
 const useGridAutoRowsPerPage = ({ gridActions, queryRowsParam, selectedRowsPerPage, autoRowsPerPage, autoHeight }) => {
 	useEffect(() => {
 		if (!autoHeight || queryRowsParam || !autoRowsPerPage) return;

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

@@ -1,6 +1,6 @@
 import { checksColumnsOrder, isColumnOn } from "../utils/index.js";
 import { useCallback, useEffect, useMemo, useState } from "react";
-//#region packages/ui/Blocks/CommonGrid/hooks/useManageColumn.ts
+//#region packages/ui/Modules/CommonGrid/hooks/useManageColumn.ts
 const useManageColumn = ({ columns, gridSelectors, gridActions, onClose }) => {
 	const { resetGrid, setColumnConfig, setColumnsOrder } = gridActions;
 	const { columnConfig, columnsOrder } = gridSelectors;

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

@@ -1,7 +1,7 @@
 import { useCallback, useRef } from "react";
 import { i18n } from "@lingui/core";
 import omit from "lodash/omit";
-//#region packages/ui/Blocks/CommonGrid/hooks/usePresetFileHandlers.ts
+//#region packages/ui/Modules/CommonGrid/hooks/usePresetFileHandlers.ts
 const usePresetFileHandlers = ({ gridName, gridActions, gridSelectors }) => {
 	const fileInputRef = useRef(null);
 	const handleExportPresets = useCallback(() => {

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

@@ -1,6 +1,6 @@
-import { useModal } from "../../Modal/hooks/useModal.js";
+import { useModal } from "../../../Blocks/Modal/hooks/useModal.js";
 import { useState } from "react";
-//#region packages/ui/Blocks/CommonGrid/hooks/usePresetsState.ts
+//#region packages/ui/Modules/CommonGrid/hooks/usePresetsState.ts
 const usePresetState = () => {
 	const { isOpen: isPresetsModalOpen, onOpen: onOpenPresetsModal, onClose: onClosePresetsModal } = useModal();
 	const [selectedPresetName, setSelectedPresetName] = useState("");

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

@@ -5,7 +5,7 @@ import { clearShareParams } from "../utils/shareUrl/clearShareParams.js";
 import "../utils/shareUrl/index.js";
 import { useAddFilter } from "./useAddFilter.js";
 import { useCallback, useEffect, useState } from "react";
-//#region packages/ui/Blocks/CommonGrid/hooks/useQuickFilter.ts
+//#region packages/ui/Modules/CommonGrid/hooks/useQuickFilter.ts
 const defaultVoidFunction = (...args) => null;
 const useQuickFilter = ({ gridActions, gridSelectors, quickFilter, columns, filters }) => {
 	const { addFilter = defaultVoidFunction, clearSettings = defaultVoidFunction } = gridActions;

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

@@ -1,5 +1,5 @@
 import React from "react";
-//#region packages/ui/Blocks/CommonGrid/hooks/useRowsKeyControls.ts
+//#region packages/ui/Modules/CommonGrid/hooks/useRowsKeyControls.ts
 const useRowsKeyControls = (rowsData, uxState, onUxChange) => React.useCallback((e) => {
 	const selectedRowId = uxState.selectedRow;
 	if (!selectedRowId) return;