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

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;

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;

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

@@ -1,6 +1,6 @@
 import { useCallback, useEffect } from "react";
 import isEqual from "lodash/isEqual";
-//#region packages/ui/Blocks/CommonGrid/hooks/useSelectPreset.ts
+//#region packages/ui/Modules/CommonGrid/hooks/useSelectPreset.ts
 const useSelectPreset = ({ gridName, gridActions, gridSelectors, setSelectedPresetName, onClosePresetsModal }) => {
 	const gridPresets = gridSelectors?.presets;
 	const filters = gridSelectors?.filter;

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

@@ -1,7 +1,7 @@
 import { buildShareUrl } from "../utils/shareUrl/buildShareUrl.js";
 import "../utils/shareUrl/index.js";
 import { useCallback, useEffect, useState } from "react";
-//#region packages/ui/Blocks/CommonGrid/hooks/useShareGrid.ts
+//#region packages/ui/Modules/CommonGrid/hooks/useShareGrid.ts
 const useShareGrid = ({ gridSelectors, columns }) => {
 	const [isCopied, setIsCopied] = useState(false);
 	useEffect(() => {

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

@@ -1,5 +1,5 @@
 import { useCallback, useMemo } from "react";
-//#region packages/ui/Blocks/CommonGrid/hooks/useToggleAllCheckbox.ts
+//#region packages/ui/Modules/CommonGrid/hooks/useToggleAllCheckbox.ts
 const useToggleAllCheckbox = (rowsData, uxState, handleUxChange) => {
 	const allChecked = useMemo(() => rowsData && (rowsData || []).length >= 1 && rowsData.every((row) => uxState?.checkedRows?.[row.id]), [rowsData, uxState?.checkedRows]);
 	const toggleAllHandler = useCallback(() => {

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

@@ -1,5 +1,5 @@
 import React from "react";
-//#region packages/ui/Blocks/CommonGrid/hooks/useUxReset.ts
+//#region packages/ui/Modules/CommonGrid/hooks/useUxReset.ts
 const useUxReset = (rowsData, uxState, clearUxState) => {
 	const [previous, setPrevious] = React.useState("|");
 	React.useEffect(() => {

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

@@ -20,7 +20,7 @@ import store_default, { actionPrefix, actionTypes, createActions, createFullSele
 import CommonGridContainer from "./CommonGridContainer.js";
 import withReduxActions from "./HoC/withReduxActions.js";
 import useFloatingButton from "./hooks/useFloatingButton.js";
-//#region packages/ui/Blocks/CommonGrid/index.ts
+//#region packages/ui/Modules/CommonGrid/index.ts
 var CommonGrid_default = CommonGridContainer;
 //#endregion
 export { BoolIconCell, ButtonInCell, DateCell, DateTimeCell, EnumInCell, HoverBubble, IconButtonInCell, ImageCell, LinkInCell, RemoveCell, RowActionsCell, StringJoinCell, SwitchInCell, ToggleCell, types_exports as Types, actionPrefix, actionTypes, createActions, createFullSelector, createSelectors, CommonGrid_default as default, store_default as reducer, useAddFilter, useEvent, useFloatingButton, withReduxActions };

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

@@ -3,7 +3,7 @@ import getOr from "lodash/fp/getOr";
 import omit from "lodash/omit";
 import produce from "immer";
 import { createSelector } from "reselect";
-//#region packages/ui/Blocks/CommonGrid/store/index.ts
+//#region packages/ui/Modules/CommonGrid/store/index.ts
 const initialState = {
 	page: 1,
 	presets: {},

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

@@ -1,4 +1,4 @@
-//#region packages/ui/Blocks/CommonGrid/store/migrateState.ts
+//#region packages/ui/Modules/CommonGrid/store/migrateState.ts
 const v2 = (draft) => {
 	Object.keys(draft).forEach((gridName) => {
 		if (draft[gridName].columnConfig && Array.isArray(draft[gridName].columnConfig)) draft[gridName].columnConfig = {};