@mailstep/design-system 0.8.29-beta.0 → 0.8.29-beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mailstep/design-system",
-  "version": "0.8.29-beta.0",
+  "version": "0.8.29-beta.1",
   "license": "ISC",
   "type": "module",
   "main": "./ui/index.js",

package/ui/Blocks/CommonGrid/components/DataCell.js

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

package/ui/Blocks/CommonGrid/components/FilterRow.js

@@ -2,8 +2,8 @@ import { getFilterName } from "../utils/index.js";
 import { Row } from "./Table.js";
 import ColumnFilterCell from "./ColumnFilterCell.js";
 import { jsx } from "react/jsx-runtime";
-import get from "lodash/fp/get.js";
-import throttle from "lodash/throttle.js";
+import get from "lodash/fp/get";
+import throttle from "lodash/throttle";
 //#region packages/ui/Blocks/CommonGrid/components/FilterRow.tsx
 const FilterRow = ({ columns, groups, actionColumn, onChange, filterValues = {}, displayColumnsWidth, filters, comparators, handleUxChange, onAsyncLoadFilterOptions, rowsData, uxState }) => {
 	const handleOnChange = throttle(onChange, 500);

package/ui/Blocks/CommonGrid/components/Filters/GridSelect/GridSelect.js

@@ -4,8 +4,8 @@ import { isOptionArray } from "./guards.js";
 import { useCallback, useMemo, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 import { i18n } from "@lingui/core";
-import isArray from "lodash/isArray.js";
-import uniqBy from "lodash/uniqBy.js";
+import isArray from "lodash/isArray";
+import uniqBy from "lodash/uniqBy";
 //#region packages/ui/Blocks/CommonGrid/components/Filters/GridSelect/GridSelect.tsx
 const minColumnWidth = 120;
 const noOptionsMessage = () => null;

package/ui/Blocks/CommonGrid/components/HeadCell.js

@@ -4,7 +4,7 @@ import ColumnTitle_default from "./ColumnTitle.js";
 import Resize from "./Resize.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useSortable } from "@dnd-kit/sortable";
-import { CSS } from "/home/linomorfed/Projects/design-system/node_modules/@dnd-kit/utilities/dist/index.js";
+import { CSS } from "@dnd-kit/utilities";
 //#region packages/ui/Blocks/CommonGrid/components/HeadCell.tsx
 const HeadCell = ({ column, isDragDisabled, displayColumnsWidth, onResizeOut, onResizeOver, onResize, sortingValues, onSetSort, group, hasResize, isSortTerminated }) => {
 	const { attributes, listeners, setNodeRef, transform, transition } = useSortable({

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

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

package/ui/Blocks/CommonGrid/components/ManageColumnForm/utils.js

@@ -1,5 +1,5 @@
 import { i18n } from "@lingui/core";
-import isObject from "lodash/isObject.js";
+import isObject from "lodash/isObject";
 //#region packages/ui/Blocks/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 ?? "",

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

@@ -7,7 +7,7 @@ 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.js";
+import get from "lodash/fp/get";
 //#region packages/ui/Blocks/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);

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

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

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

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

package/ui/Blocks/CommonGrid/components/gridCells/Date.js

@@ -1,7 +1,7 @@
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { DateTime } from "luxon";
-import get from "lodash/fp/get.js";
+import get from "lodash/fp/get";
 //#region packages/ui/Blocks/CommonGrid/components/gridCells/Date.tsx
 const DateCell = ({ rowData, column }) => {
 	const value = get(column.name, rowData);

package/ui/Blocks/CommonGrid/components/gridCells/DateTime.js

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

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

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

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

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

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

@@ -3,7 +3,7 @@ import { IconButtonInCell } from "./IconButtonInCell.js";
 import { useCallback, useMemo } from "react";
 import { x } from "@xstyled/styled-components";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { isFunction } from "lodash/fp.js";
+import { isFunction } from "lodash/fp";
 //#region packages/ui/Blocks/CommonGrid/components/gridCells/RowActionsCell.tsx
 const RowActionsCell = ({ actionColumnDefinition, rowData, addRowNumbers, rowIndex, checkedRows, withCheckboxes, onUxChange, onRowAction }) => {
 	const rowDataId = rowData?.id;

package/ui/Blocks/CommonGrid/components/gridCells/StringJoin.js

@@ -1,6 +1,6 @@
 import "react";
 import { jsx } from "react/jsx-runtime";
-import get from "lodash/fp/get.js";
+import get from "lodash/fp/get";
 //#region packages/ui/Blocks/CommonGrid/components/gridCells/StringJoin.tsx
 const StringJoinCell = ({ rowData, column }) => {
 	const values = get(column.name, rowData);

package/ui/Blocks/CommonGrid/components/gridCells/ToggleCell.js

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

package/ui/Blocks/CommonGrid/hooks/useColumnSizes.js

@@ -1,5 +1,5 @@
 import React from "react";
-import sum from "lodash/sum.js";
+import sum from "lodash/sum";
 //#region packages/ui/Blocks/CommonGrid/hooks/useColumnSizes.tsx
 const useColumnSizes = (displayColumnsDefinitions, storeColumnsWidth, storeColumnsWidthVariant, setColumnWidth, columnLayout, minColumnWidth = 50) => {
 	/**

package/ui/Blocks/CommonGrid/hooks/useCreatePreset.js

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

package/ui/Blocks/CommonGrid/hooks/useGridActionTrigger.js

@@ -1,5 +1,5 @@
 import { useCallback, useMemo } from "react";
-import find from "lodash/find.js";
+import find from "lodash/find";
 //#region packages/ui/Blocks/CommonGrid/hooks/useGridActionTrigger.ts
 const useGridActionTrigger = (rowsData, uxState, actionOptions = [], onBatchAction) => {
 	const actionRows = useMemo(() => {

package/ui/Blocks/CommonGrid/hooks/usePresetFileHandlers.js

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

package/ui/Blocks/CommonGrid/hooks/useSelectPreset.js

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

package/ui/Blocks/CommonGrid/store/index.js

@@ -1,6 +1,6 @@
 import migrateState_default from "./migrateState.js";
-import getOr from "lodash/fp/getOr.js";
-import omit from "lodash/omit.js";
+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

package/ui/Blocks/CommonGrid/storybook/utils/utils.js

@@ -3,7 +3,7 @@ import CommonGridContainer from "../../CommonGridContainer.js";
 import withReduxActions from "../../HoC/withReduxActions.js";
 import React from "react";
 import { jsx } from "react/jsx-runtime";
-import faker from "/home/linomorfed/Projects/design-system/node_modules/faker/index.js";
+import faker from "faker";
 //#region packages/ui/Blocks/CommonGrid/storybook/utils/utils.tsx
 const enumValues = [
 	"option A",

package/ui/Blocks/CommonGrid/utils/getExtendedExtraControlButtons.js

@@ -1,7 +1,7 @@
 import { Reload } from "../../../Elements/Icon/icons/Reload.js";
 import "../types.js";
 import { jsx } from "react/jsx-runtime";
-import compact from "lodash/compact.js";
+import compact from "lodash/compact";
 //#region packages/ui/Blocks/CommonGrid/utils/getExtendedExtraControlButtons.tsx
 const getExtendedExtraControlButtons = (extraControlButtons, onReload) => compact([onReload && {
 	onClick: onReload,

package/ui/Blocks/Scheduler/components/BookedTimeSlots/index.js

@@ -4,7 +4,7 @@ import { convertMinutesToDuration } from "../../utils/convertMinutesToDuration.j
 import { Body, BookedTimeSlot, Header } from "./styles.js";
 import { x } from "@xstyled/styled-components";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import get from "lodash/get.js";
+import get from "lodash/get";
 //#region packages/ui/Blocks/Scheduler/components/BookedTimeSlots/index.tsx
 const BookedTimeSlots = ({ bookedTimeSlots, timeSlotDefinitions, handleTimeSlotClick, time }) => {
 	return /* @__PURE__ */ jsx(Fragment, { children: bookedTimeSlots.map(({ id, from, to, ...rest }) => {

package/ui/Blocks/Stepper/components/StepItem/index.js

@@ -4,7 +4,7 @@ import { ContentWrapper, Line, StepItemContainer } from "./styles.js";
 import { x } from "@xstyled/styled-components";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Trans } from "@lingui/react";
-import isBoolean from "lodash/isBoolean.js";
+import isBoolean from "lodash/isBoolean";
 //#region packages/ui/Blocks/Stepper/components/StepItem/index.tsx
 const StepItem = ({ title, index, disabled, isPrevStepCompleted, activeStep, completed, icon, hasStepNumbering = true, visible = true, total, onClick }) => {
 	const isActiveStep = index === activeStep;

package/ui/Elements/DatePicker/DatePicker.js

@@ -7,11 +7,11 @@ import React, { useCallback, useContext } from "react";
 import { x } from "@xstyled/styled-components";
 import { jsx } from "react/jsx-runtime";
 import moment from "moment";
-import "moment/dist/locale/cs.js";
-import "moment/dist/locale/el.js";
-import "moment/dist/locale/it.js";
-import "moment/dist/locale/ru.js";
-import "moment/dist/locale/sk.js";
+import "moment/dist/locale/cs";
+import "moment/dist/locale/el";
+import "moment/dist/locale/it";
+import "moment/dist/locale/ru";
+import "moment/dist/locale/sk";
 //#region packages/ui/Elements/DatePicker/DatePicker.tsx
 const defaultDateFormat = "DD.MM.YYYY";
 const DatePicker = ({ name, value, initialViewDate, error, label, disabled, isValidDate, onChange, dateFormat = defaultDateFormat, timeFormat = false, open, secondValue = null, input, icon = true, showInputLabel = false, showCalendarLabel = true, spaceAround = false, className, onClear, onInputChange, ...passProps }) => {

package/ui/Elements/SingleSelect/SingleSelect.js

@@ -3,8 +3,8 @@ import { useCallback, useEffect, useMemo, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 import { i18n } from "@lingui/core";
 import { createFilter } from "react-select";
-import { nanoid } from "/home/linomorfed/Projects/design-system/node_modules/nanoid/index.js";
-import omit from "lodash/fp/omit.js";
+import { nanoid } from "nanoid";
+import omit from "lodash/fp/omit";
 //#region packages/ui/Elements/SingleSelect/SingleSelect.tsx
 const CREATE = `_create_${nanoid()}_`;
 const defaultFilterOption = createFilter();

package/ui/utils/CreateRgba/createRgba.js

@@ -1,6 +1,6 @@
 import themes from "../../ThemeProvider/themes/index.js";
 import "../../ThemeProvider/index.js";
-import getOr from "lodash/fp/getOr.js";
+import getOr from "lodash/fp/getOr";
 //#region packages/ui/utils/CreateRgba/createRgba.ts
 const createRgba = (color, alpha) => {
 	color = getOr(false, `colors[${color}]`, themes.default) || color;