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

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

@@ -1,4 +1,4 @@
-//#region packages/ui/Blocks/CommonGrid/components/GridAggregation/utils/aggregate.ts
+//#region packages/ui/Modules/CommonGrid/components/GridAggregation/utils/aggregate.ts
 const aggregate = (values, operation) => {
 	if (values.length === 0) return 0;
 	switch (operation) {

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

@@ -1,9 +1,9 @@
 import Icon from "../../../../Elements/Icon/Icon.js";
 import "../../../../Elements/Icon/index.js";
-import { x } from "@xstyled/styled-components";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { x } from "@xstyled/styled-components";
 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,
@@ -21,6 +21,7 @@ const HeadCell = ({ column, isDragDisabled, displayColumnsWidth, onResizeOut, on
 		transition,
 		transform: CSS.Transform.toString(transform),
 		ref: setNodeRef,
+		"data-column-name": column.name,
 		children: [/* @__PURE__ */ jsx(ColumnTitle_default, {
 			title: column?.title,
 			isSortable: !!column.sorting && !isSortTerminated,

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

@@ -11,6 +11,7 @@ type HeadRowProps = {
     handleDragEnd: (event: DragEndEvent) => void;
     groups: Group[];
     isSortTerminated?: boolean;
+    onCellClick?: (columnName: string) => void;
 };
 declare const HeadRow: FC<HeadRowProps>;
 export default HeadRow;

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

@@ -2,11 +2,11 @@ import { getCellSizeProps, getStickyCollClassNames } from "../utils/index.js";
 import { Cell, Row } from "./Table.js";
 import ColumnTitle_default from "./ColumnTitle.js";
 import { HeadCell } from "./HeadCell.js";
-import React, { useEffect, useState } from "react";
+import { useCallback, 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, {
@@ -19,24 +19,28 @@ const getStickyComponent = (columns, stickyTo, displayColumnsWidth) => columns?.
 		})
 	}, column.name);
 });
-const HeadRow = ({ columns, onAddSort, handleDragEnd, sortingValues = [], displayColumnsWidth, columnLayout, handleResizeDrag, groups, isSortTerminated }) => {
+const HeadRow = ({ columns, onAddSort, handleDragEnd, sortingValues = [], displayColumnsWidth, columnLayout, handleResizeDrag, groups, isSortTerminated, onCellClick }) => {
 	const [showUIElements, setShowUIElements] = useState(false);
 	useEffect(() => {
 		setShowUIElements(true);
 	}, []);
 	const [isDragDisabled, setIsDragDisabled] = useState(false);
-	const onResizeOver = React.useCallback(() => {
+	const onResizeOver = useCallback(() => {
 		setIsDragDisabled(true);
 	}, [setIsDragDisabled]);
-	const onResizeOut = React.useCallback(() => {
+	const onResizeOut = useCallback(() => {
 		setIsDragDisabled(false);
 	}, [setIsDragDisabled]);
-	const onResize = React.useCallback((name) => (width) => {
+	const onResize = useCallback((name) => (width) => {
 		handleResizeDrag?.(name, width);
 	}, [handleResizeDrag]);
-	const onSetSort = React.useCallback((name, systemName) => (value) => {
+	const onSetSort = useCallback((name, systemName) => (value) => {
 		onAddSort?.(systemName || name, value);
 	}, [onAddSort]);
+	const onRowClick = useCallback((e) => {
+		const columnName = e.target.closest(".cell")?.dataset?.columnName;
+		if (columnName) onCellClick?.(columnName);
+	}, [onCellClick]);
 	const sensors = useSensors(useSensor(PointerSensor));
 	return /* @__PURE__ */ jsx(Fragment, { children: showUIElements && /* @__PURE__ */ jsx(DndContext, {
 		sensors,
@@ -47,6 +51,7 @@ const HeadRow = ({ columns, onAddSort, handleDragEnd, sortingValues = [], displa
 			strategy: horizontalListSortingStrategy,
 			children: /* @__PURE__ */ jsxs(Row, {
 				className: "headRow",
+				onMouseDown: onRowClick,
 				children: [
 					getStickyComponent(columns, "left", displayColumnsWidth),
 					columns.filter((item) => !item.sticky).map((column, index) => /* @__PURE__ */ jsx(HeadCell, {

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

@@ -1,9 +1,9 @@
 import Icon from "../../../../Elements/Icon/Icon.js";
 import React 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/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

@@ -1,13 +1,13 @@
 import { Input } from "../../../../Forms/Input/Input.js";
 import { ManageColumnRow } from "./components/ManageColumnRow.js";
 import { useCallback, useState } from "react";
-import { x } from "@xstyled/styled-components";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { x } from "@xstyled/styled-components";
 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

@@ -4,11 +4,11 @@ import { getTranslatedValue } from "../utils.js";
 import Toggle from "../../../../../Elements/Toggle/Toggle.js";
 import { RowLayout } from "../styles.js";
 import { useCallback, useState } from "react";
-import { x } from "@xstyled/styled-components";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { x } from "@xstyled/styled-components";
 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 { x } from "@xstyled/styled-components";
 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 { x } from "@xstyled/styled-components";
 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
+import styled$1, { css } from "@xstyled/styled-components";
+//#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

@@ -5,11 +5,11 @@ import { palettes } from "../../../../Elements/Tag/palettes.js";
 import { H6 } from "../../../../Elements/Typography/Typography.js";
 import { TagRemove } from "./components/TagRemove.js";
 import { useMemo } from "react";
-import { x } from "@xstyled/styled-components";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { x } from "@xstyled/styled-components";
 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

@@ -1,8 +1,8 @@
 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
+import styled$1, { x } from "@xstyled/styled-components";
+//#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
+import styled$1 from "@xstyled/styled-components";
+//#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

@@ -1,10 +1,10 @@
 import Select from "../../../../Elements/Select/Select.js";
 import { rowsPerPageOptions } from "../../utils/constants.js";
 import { useCallback, useMemo } from "react";
-import styled$1, { x } from "@xstyled/styled-components";
 import { jsx, jsxs } from "react/jsx-runtime";
+import styled$1, { x } from "@xstyled/styled-components";
 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

@@ -2,10 +2,10 @@ import { ToastSuccess } from "../../../../Elements/Icon/icons/ToastSuccess.js";
 import { ToastError } from "../../../../Elements/Icon/icons/ToastError.js";
 import "../../../../Elements/Icon/index.js";
 import React from "react";
-import styled$1 from "@xstyled/styled-components";
 import { jsx } from "react/jsx-runtime";
+import styled$1 from "@xstyled/styled-components";
 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

@@ -1,8 +1,8 @@
 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
+import styled$1 from "@xstyled/styled-components";
+//#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

@@ -1,8 +1,8 @@
 import "react";
-import styled$1 from "@xstyled/styled-components";
 import { jsx, jsxs } from "react/jsx-runtime";
+import styled$1 from "@xstyled/styled-components";
 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

@@ -1,10 +1,10 @@
 import Icon from "../../../../Elements/Icon/Icon.js";
 import { Spinner } from "../../../../Elements/Spinner/Spinner.js";
 import "react";
-import { x } from "@xstyled/styled-components";
 import { Fragment, jsx } from "react/jsx-runtime";
+import { x } from "@xstyled/styled-components";
 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

@@ -1,9 +1,9 @@
 import Image from "../../../../Elements/Image/Image.js";
 import "react";
-import styled$1 from "@xstyled/styled-components";
 import { jsx } from "react/jsx-runtime";
+import styled$1 from "@xstyled/styled-components";
 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

@@ -1,9 +1,9 @@
 import Icon from "../../../../Elements/Icon/Icon.js";
 import React from "react";
-import styled$1 from "@xstyled/styled-components";
 import { jsx, jsxs } from "react/jsx-runtime";
+import styled$1 from "@xstyled/styled-components";
 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

@@ -1,10 +1,10 @@
 import Checkbox_default from "../../../../Forms/Checkbox/index.js";
 import { IconButtonInCell } from "./IconButtonInCell.js";
 import { useCallback, useMemo } from "react";
-import { x } from "@xstyled/styled-components";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { x } from "@xstyled/styled-components";
 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();