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

package/ui/Modules/CommonGrid/components/IconList/IconList.js

@@ -1,7 +1,7 @@
 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/Modules/CommonGrid/components/IconList/IconList.tsx
 const List = styled$1.ul`

package/ui/Modules/CommonGrid/components/ManageColumnForm/ManageColumnForm.js

@@ -1,8 +1,8 @@
 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";

package/ui/Modules/CommonGrid/components/ManageColumnForm/components/ManageColumnRow.js

@@ -4,8 +4,8 @@ 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/Modules/CommonGrid/components/ManageColumnForm/components/ManageColumnRow.tsx

package/ui/Modules/CommonGrid/components/MobileFilterModal.js

@@ -4,8 +4,8 @@ import { createFilterType, getFilterName, isFilterActive } from "../utils/index.
 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/Modules/CommonGrid/components/MobileFilterModal.tsx

package/ui/Modules/CommonGrid/components/MobileSortModal.js

@@ -3,8 +3,8 @@ import { getSortName } from "../utils/index.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/Modules/CommonGrid/components/MobileSortModal.tsx
 const AscIcon = /* @__PURE__ */ jsx(SortingUp, {

package/ui/Modules/CommonGrid/components/OversizedScroll.js

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

package/ui/Modules/CommonGrid/components/PresetsModalBody/index.js

@@ -5,8 +5,8 @@ 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/Modules/CommonGrid/components/PresetsModalBody/index.tsx

package/ui/Modules/CommonGrid/components/QuickFilter/QuickFilter.js

@@ -1,7 +1,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";
+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"};

package/ui/Modules/CommonGrid/components/Resize.js

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

package/ui/Modules/CommonGrid/components/TablePagination/TablePagination.js

@@ -1,8 +1,8 @@
 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/Modules/CommonGrid/components/TablePagination/TablePagination.tsx
 const Wrapper = styled$1.span`

package/ui/Modules/CommonGrid/components/gridCells/BoolIcon.js

@@ -2,8 +2,8 @@ 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/Modules/CommonGrid/components/gridCells/BoolIcon.tsx
 const Center = styled$1.div`

package/ui/Modules/CommonGrid/components/gridCells/EnumInCell.js

@@ -1,7 +1,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";
+import styled$1 from "@xstyled/styled-components";
 //#region packages/ui/Modules/CommonGrid/components/gridCells/EnumInCell.tsx
 const Center = styled$1.div`
   display: flex;

package/ui/Modules/CommonGrid/components/gridCells/HoverBubble.js

@@ -1,6 +1,6 @@
 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/Modules/CommonGrid/components/gridCells/HoverBubble.tsx
 const Wrapper = styled$1.div`

package/ui/Modules/CommonGrid/components/gridCells/IconButtonInCell.js

@@ -1,8 +1,8 @@
 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/Modules/CommonGrid/components/gridCells/IconButtonInCell.tsx
 const IconButtonInCell = ({ icon, isLoading, onClick, linkTo }) => {

package/ui/Modules/CommonGrid/components/gridCells/ImageCell.js

@@ -1,7 +1,7 @@
 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/Modules/CommonGrid/components/gridCells/ImageCell.tsx
 const ImageWrapper = styled$1.div`

package/ui/Modules/CommonGrid/components/gridCells/RemoveItem.js

@@ -1,7 +1,7 @@
 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/Modules/CommonGrid/components/gridCells/RemoveItem.tsx
 const Wrap = styled$1.div`

package/ui/Modules/CommonGrid/components/gridCells/RowActionsCell.js

@@ -1,8 +1,8 @@
 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/Modules/CommonGrid/components/gridCells/RowActionsCell.tsx
 const RowActionsCell = ({ actionColumnDefinition, rowData, addRowNumbers, rowIndex, rowNumberWidth = 0, checkedRows, withCheckboxes, onUxChange, onRowAction }) => {

package/ui/Modules/CommonGrid/styles.d.ts

@@ -12,7 +12,7 @@ export declare const CommonGridWithStyles: import("styled-components").StyledCom
     displayColumnsDefinitions: import("./types").ColumnDefinition[];
     hasGroups: boolean;
     hasFilters: boolean;
-    onCellClick?: (columnName: string) => void;
+    onSetActiveColumn?: (columnName: string) => void;
 }>, import("@xstyled/styled-components").Theme, {
     withButtonStrip: boolean;
     hasGroupsOrFilters: boolean;

package/ui/Modules/Dashboard/components/Layout/components/ItemConfig/ItemConfigControls.js

@@ -2,8 +2,8 @@ import styles_default from "../../../../styles.js";
 import Text from "../../../Text/Text.js";
 import ComponentContext from "../../../../context/ComponentContext.js";
 import React from "react";
-import { x } from "@xstyled/styled-components";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { x } from "@xstyled/styled-components";
 //#region packages/ui/Modules/Dashboard/components/Layout/components/ItemConfig/ItemConfigControls.tsx
 const ItemConfigControls = ({ onCancel, onSave, onRemove }) => {
 	const { Button } = React.useContext(ComponentContext);

package/ui/Modules/Dashboard/components/Widgets/HorizontalBar/components/LabelsLine.js

@@ -1,7 +1,7 @@
 import styles_default from "../styles.js";
 import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import styled from "styled-components";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region packages/ui/Modules/Dashboard/components/Widgets/HorizontalBar/components/LabelsLine.tsx
 const BoldSpan = styled.span`
   font-weight: bold;

package/ui/Modules/Dashboard/components/Widgets/PieChart/PieChart.js

@@ -6,8 +6,8 @@ import { createWidgetColors } from "../utils/generic.js";
 import { getColorStringArray } from "../utils/helpers.js";
 import { Description, OtherText, Subtitle, Title, Wrapper, WrapperText, layers, margin } from "./styles.js";
 import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useTheme } from "styled-components";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { ResponsivePie } from "@nivo/pie";
 //#region packages/ui/Modules/Dashboard/components/Widgets/PieChart/PieChart.tsx
 const defaultLegendRowMaxLength = 4;

package/ui/Modules/Dashboard/errors/ErrorMessage.js

@@ -1,6 +1,6 @@
 import "react";
-import { jsx } from "react/jsx-runtime";
 import styled from "styled-components";
+import { jsx } from "react/jsx-runtime";
 //#region packages/ui/Modules/Dashboard/errors/ErrorMessage.tsx
 const ErrorContainer = styled.div`
   color: red;

package/ui/ThemeProvider/ThemeProvider.js

@@ -1,7 +1,7 @@
 import themes from "./themes/index.js";
 import { createContext } from "react";
-import { Preflight, ThemeProvider } from "@xstyled/styled-components";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Preflight, ThemeProvider } from "@xstyled/styled-components";
 //#region packages/ui/ThemeProvider/ThemeProvider.tsx
 const LanguageContext = createContext("en");
 const MailstepThemeProvider = ({ children, theme = "default", preflight = true, language = "en" }) => {

package/ui/index.js

@@ -1,3 +1,4 @@
+import { useModal } from "./Blocks/Modal/hooks/useModal.js";
 import { Cancel } from "./Elements/Icon/icons/Cancel.js";
 import { FlagUSA } from "./Elements/Icon/icons/FlagUSA.js";
 import { FlagCZ } from "./Elements/Icon/icons/FlagCZ.js";
@@ -113,7 +114,6 @@ import { Break } from "./Elements/Icon/icons/Break.js";
 import { iconDictionary } from "./Elements/Icon/Icon.js";
 import Icon_default from "./Elements/Icon/index.js";
 import Pagination_default from "./Elements/Pagination/index.js";
-import { useModal } from "./Blocks/Modal/hooks/useModal.js";
 import Spinner_default from "./Elements/Spinner/index.js";
 import Button_default from "./Elements/Button/index.js";
 import themes from "./ThemeProvider/themes/index.js";