@mailstep/design-system 0.7.53-beta.6 → 0.7.54

package/ui/Blocks/CommonGrid/components/HeadCell.d.ts

@@ -1,16 +0,0 @@
-import type { FC } from 'react';
-import type { Group, Settings, ColumnDefinition, SortingValueType } from '../types';
-type HeadCellProps = {
-    column: ColumnDefinition;
-    isDragDisabled: boolean;
-    displayColumnsWidth: Record<string, number>;
-    onResizeOut: () => void;
-    onResizeOver: () => void;
-    onResize: (column: string) => (width: number) => void;
-    sortingValues: Settings['sorting'];
-    onSetSort: (column: string, systemName?: string) => (value: SortingValueType) => void;
-    group: Group;
-    hasResize: boolean;
-};
-export declare const HeadCell: FC<HeadCellProps>;
-export {};

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

@@ -1,29 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getCellSizeProps, getGroupClassNames, getSortName, getStickyCollClassNames } from '../utils';
-import { useSortable } from '@dnd-kit/sortable';
-import { CSS } from '@dnd-kit/utilities';
-import ColumnTitle from './ColumnTitle';
-import Resize from './Resize';
-import { Cell } from './Table';
-export var HeadCell = function (_a) {
-    var _b;
-    var column = _a.column, isDragDisabled = _a.isDragDisabled, displayColumnsWidth = _a.displayColumnsWidth, onResizeOut = _a.onResizeOut, onResizeOver = _a.onResizeOver, onResize = _a.onResize, sortingValues = _a.sortingValues, onSetSort = _a.onSetSort, group = _a.group, hasResize = _a.hasResize;
-    var _c = useSortable({
-        id: column.name,
-        disabled: isDragDisabled || !!column.sticky,
-        animateLayoutChanges: function () { return false; }
-    }), attributes = _c.attributes, listeners = _c.listeners, setNodeRef = _c.setNodeRef, transform = _c.transform, transition = _c.transition;
-    var cellClassName = "cell".concat(getStickyCollClassNames(!!(column === null || column === void 0 ? void 0 : column.sticky), column === null || column === void 0 ? void 0 : column.stickTo), " ").concat(getGroupClassNames(group));
-    return (_jsxs(Cell, __assign({}, getCellSizeProps(column, displayColumnsWidth[column.name]), attributes, listeners, { className: cellClassName, transition: transition, transform: CSS.Transform.toString(transform), ref: setNodeRef, children: [_jsx(ColumnTitle, { title: column === null || column === void 0 ? void 0 : column.title, isSortable: !!column.sorting, onSetSort: onSetSort(column.name, column.systemName), sortValue: ((_b = sortingValues.find(function (sorting) { return sorting.column === getSortName(column); })) === null || _b === void 0 ? void 0 : _b.direction) || null }), hasResize && onResizeOut && onResizeOver && (_jsx(Resize, { onResize: onResize(column.name), onResizeOver: onResizeOver, onResizeOut: onResizeOut }))] })));
-};

package/ui/Blocks/CommonGrid/components/ManageColumnForm/components/ManageColumnRow.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import type { FC } from 'react';
-import type { ColumnConfig, ColumnDefinition } from '../../../types';
-type ActionRowProps = {
-    column: ColumnDefinition;
-    columnsConfigValues: string[] | undefined;
-    setColumnsConfigOptions: (value: React.SetStateAction<Record<string, ColumnConfig | {}>>) => void;
-    searchedValue: string;
-};
-export declare const ManageColumnRow: FC<ActionRowProps>;
-export {};

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

@@ -1,41 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useState } from 'react';
-import { Group } from '../../../../../Elements/Icon/icons/Group';
-import Toggle from '../../../../../Elements/Toggle/Toggle';
-import { H6 } from '../../../../../Elements/Typography/Typography';
-import { RowLayout } from '../styles';
-import { getTranslatedValue } from '../utils';
-import { useSortable } from '@dnd-kit/sortable';
-import { CSS } from '@dnd-kit/utilities';
-import { x } from '@xstyled/styled-components';
-export var ManageColumnRow = function (_a) {
-    var _b;
-    var column = _a.column, columnsConfigValues = _a.columnsConfigValues, setColumnsConfigOptions = _a.setColumnsConfigOptions, searchedValue = _a.searchedValue;
-    var _c = useState((_b = columnsConfigValues === null || columnsConfigValues === void 0 ? void 0 : columnsConfigValues.includes(column.name)) !== null && _b !== void 0 ? _b : false), isSelected = _c[0], setIsSelected = _c[1];
-    var handleToggleChange = useCallback(function () {
-        setColumnsConfigOptions(function (prevOptions) {
-            var _a;
-            return __assign(__assign({}, prevOptions), (_a = {}, _a[column.name] = !isSelected ? {} : { isHidden: true }, _a));
-        });
-        setIsSelected(!isSelected);
-    }, [setColumnsConfigOptions, isSelected, column.name]);
-    var translatedValue = getTranslatedValue(column);
-    var isVisible = (translatedValue === null || translatedValue === void 0 ? void 0 : translatedValue.toLocaleLowerCase().includes(searchedValue.toLocaleLowerCase())) && !column.alwaysOn;
-    var _d = useSortable({
-        id: column.name,
-        disabled: !!searchedValue || !!column.sticky,
-        animateLayoutChanges: function () { return false; }
-    }), attributes = _d.attributes, listeners = _d.listeners, setNodeRef = _d.setNodeRef, transform = _d.transform, transition = _d.transition;
-    return (_jsx(RowLayout, { "$isVisible": isVisible, transition: transition, transform: CSS.Transform.toString(transform), ref: setNodeRef, children: _jsxs(x.div, { display: "flex", alignItems: "center", w: "100%", children: [_jsx(x.div, { w: "28px", children: _jsx(Toggle, { name: "", variant: "grid", onChange: handleToggleChange, spaceAround: false, checked: isSelected }) }), _jsxs(H6, __assign({ variant: "medium", ml: "8px", m: "0", w: "100%", p: "8px" }, attributes, listeners, { display: "flex", alignItems: "center", justifyContent: "space-between", children: [translatedValue, _jsx(Group, {})] }))] }) }));
-};