@mailstep/design-system 0.5.1-beta.1 → 0.6.0

package/ui/Blocks/CommonGrid/CommonGridContext.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { ComponentsProps } from './types';
-export declare const defaultComponents: ComponentsProps;
-declare const Context: React.Context<ComponentsProps>;
-type EnhancedProviderProps = {
-    components: ComponentsProps;
-    children: React.ReactNode;
-};
-declare const Provider: ({ components, ...rest }: EnhancedProviderProps) => JSX.Element;
-declare const Consumer: React.Consumer<ComponentsProps>;
-export default Context;
-export { Provider, Consumer };

package/ui/Blocks/CommonGrid/CommonGridContext.js

@@ -1,45 +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);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import DefaultPaginator from './components/DefaultPaginator';
-export var defaultComponents = {
-    // various components:
-    Translator: function (_a) {
-        var defaults = _a.defaults;
-        return _jsx("div", { children: defaults });
-    },
-    Checkbox: function (props) { return _jsx("input", __assign({ type: "checkbox" }, props)); },
-    Button: function (props) { return _jsx("button", __assign({}, props)); },
-    Switch: function (props) { return _jsx("input", __assign({ type: "checkbox" }, props)); },
-    Paginator: DefaultPaginator,
-};
-var Context = React.createContext(defaultComponents);
-var Provider = function (_a) {
-    var components = _a.components, rest = __rest(_a, ["components"]);
-    var mergedContext = React.useMemo(function () { return (__assign(__assign({}, defaultComponents), components)); }, [components]);
-    return _jsx(Context.Provider, __assign({ value: mergedContext }, rest));
-};
-var Consumer = Context.Consumer;
-export default Context;
-export { Provider, Consumer };

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

@@ -1,4 +0,0 @@
-import React from 'react';
-import { ActionColumnHeadProps } from '../types';
-declare const _default: React.MemoExoticComponent<({ actionColumn, onBatchAction, handleUxChange, rowsData, uxState, }: ActionColumnHeadProps) => JSX.Element>;
-export default _default;

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

@@ -1,16 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { x } from '@xstyled/styled-components';
-import Context from '../CommonGridContext';
-import DropdownSelect from './DropdownSelect';
-import { useToggleAllCheckbox, useGridActionTrigger } from '../utils/public';
-var ActionColumnHead = function (_a) {
-    var _b, _c;
-    var actionColumn = _a.actionColumn, onBatchAction = _a.onBatchAction, handleUxChange = _a.handleUxChange, rowsData = _a.rowsData, uxState = _a.uxState;
-    var _d = React.useContext(Context), Translator = _d.Translator, Checkbox = _d.Checkbox;
-    var _e = useToggleAllCheckbox(rowsData, uxState, handleUxChange), allChecked = _e[0], toggleCheckbox = _e[1];
-    var _f = useGridActionTrigger(rowsData, uxState, actionColumn === null || actionColumn === void 0 ? void 0 : actionColumn.actionOptions, onBatchAction), enabledActions = _f[0], handleBatchAction = _f[1];
-    var displayCheckbox = (actionColumn === null || actionColumn === void 0 ? void 0 : actionColumn.checkAllPosition) !== 'top' && (((_b = actionColumn === null || actionColumn === void 0 ? void 0 : actionColumn.actionOptions) === null || _b === void 0 ? void 0 : _b.length) || actionColumn.forceCheckboxes);
-    return (_jsxs(x.div, { display: "flex", mr: 1, className: "actionsHandler", children: [displayCheckbox && _jsx(Checkbox, { label: "", checked: allChecked, onChange: toggleCheckbox }), ((_c = actionColumn === null || actionColumn === void 0 ? void 0 : actionColumn.actionOptions) === null || _c === void 0 ? void 0 : _c.length) ? (_jsx(DropdownSelect, { label: _jsx(Translator, { id: "dataGrid.buttonActions", defaults: "Actions" }), options: enabledActions, onSelect: handleBatchAction, appearance: "secondary", disabled: !enabledActions.length || !rowsData.length })) : null] }));
-};
-export default React.memo(ActionColumnHead);

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

@@ -1,7 +0,0 @@
-import { ExtraControlButton as ButtonProps } from '../types';
-type ButtonStripProps = {
-    buttonsLeft?: ButtonProps[];
-    buttonsRight?: ButtonProps[];
-};
-declare const ButtonStrip: ({ buttonsLeft, buttonsRight }: ButtonStripProps) => JSX.Element;
-export default ButtonStrip;

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

@@ -1,35 +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 { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { x } from '@xstyled/styled-components';
-import DropdownSelect from './DropdownSelect';
-import Context from '../CommonGridContext';
-var ControlButton = function (_a) {
-    var node = _a.node, label = _a.label, style = _a.style, hide = _a.hide, disabled = _a.disabled, onClick = _a.onClick, onSelect = _a.onSelect, options = _a.options, hideChevron = _a.hideChevron;
-    var Button = React.useContext(Context).Button;
-    if (node)
-        return _jsx(_Fragment, { children: node });
-    if (hide)
-        return null;
-    if (options) {
-        return (_jsx(DropdownSelect, { label: label || '', appearance: style || 'secondary', options: options, showChevron: !hideChevron, onSelect: onSelect, disabled: disabled }));
-    }
-    else {
-        return (_jsx(Button, { type: "button", onClick: onClick, disabled: disabled, appearance: style || 'secondary', children: label }));
-    }
-};
-var ButtonStrip = function (_a) {
-    var _b = _a.buttonsLeft, buttonsLeft = _b === void 0 ? [] : _b, _c = _a.buttonsRight, buttonsRight = _c === void 0 ? [] : _c;
-    return (_jsxs(x.div, { display: "flex", justifyContent: "space-between", className: "buttonsStrip", w: '100%', children: [_jsx(x.div, { display: "flex", children: buttonsLeft.map(function (button, idx) { return (_jsx(x.div, { mr: 1, children: _jsx(ControlButton, __assign({}, button)) }, idx)); }) }), _jsx(x.div, { display: "flex", children: buttonsRight.map(function (button, idx) { return (_jsx(x.div, { ml: 1, children: _jsx(ControlButton, __assign({}, button)) }, idx)); }) })] }));
-};
-export default ButtonStrip;

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

@@ -1,9 +0,0 @@
-import { ColumnDefinition, ColumnConfig } from '../types';
-type ConfigFormProps = {
-    columns: ColumnDefinition[];
-    columnConfig?: ColumnConfig;
-    onCancel: () => void;
-    onSubmit: (columnConfig: ColumnConfig) => void | Promise<any> | null;
-};
-declare const ConfigForm: ({ columns, columnConfig, onCancel, onSubmit }: ConfigFormProps) => JSX.Element;
-export default ConfigForm;

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

@@ -1,58 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import DialogWrapper from './Dialog';
-import { x } from '@xstyled/styled-components';
-import styled from '@xstyled/styled-components';
-import { isColumnOn } from '../utils';
-import Context from '../CommonGridContext';
-import cloneDeep from 'lodash/cloneDeep';
-var H4 = styled.h4(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  color: dark;\n  margin-bottom: 0;\n  font-weight: thin;\n  font-size: 1.25rem;\n"], ["\n  color: dark;\n  margin-bottom: 0;\n  font-weight: thin;\n  font-size: 1.25rem;\n"])));
-var ColumnTitle = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  color: dark;\n"], ["\n  color: dark;\n"])));
-var Title = function (_a) {
-    var isCheckedAll = _a.isCheckedAll, onCheckAll = _a.onCheckAll;
-    var _b = React.useContext(Context), Translator = _b.Translator, Button = _b.Button;
-    var toggleAll = React.useCallback(function () { return onCheckAll(isCheckedAll); }, [isCheckedAll, onCheckAll]);
-    return (_jsxs(x.div, { display: "flex", justifyContent: "space-between", alignItems: "center", w: '100%', children: [_jsx(H4, { children: _jsx(Translator, { id: "dataGrid.config.title", defaults: "Configure columns" }) }), _jsx(Button, { appearance: "minimal", onClick: toggleAll, children: isCheckedAll ? (_jsx(Translator, { id: "dataGrid.config.buttonUncheckAll", defaults: "Uncheck all" })) : (_jsx(Translator, { id: "dataGrid.config.buttonCheckAll", defaults: "Check all" })) })] }));
-};
-var HookedSwitch = function (_a) {
-    var checked = _a.checked, column = _a.column, onChange = _a.onChange;
-    var Switch = React.useContext(Context).Switch;
-    var handleToggleRow = React.useCallback(function () { return onChange(column); }, [column, onChange]);
-    return _jsx(Switch, { name: column.name, checked: checked, onChange: handleToggleRow });
-};
-var ConfigForm = function (_a) {
-    var columns = _a.columns, _b = _a.columnConfig, columnConfig = _b === void 0 ? {} : _b, onCancel = _a.onCancel, onSubmit = _a.onSubmit;
-    var _c = React.useState(columnConfig), newColumnConfig = _c[0], setColumnConfig = _c[1];
-    var handleToggleRow = function (column) {
-        var currentConfig = cloneDeep(newColumnConfig);
-        if (!currentConfig[column.name]) {
-            currentConfig[column.name] = {};
-        }
-        currentConfig[column.name].isHidden = isColumnOn(column, currentConfig); // = inversion
-        setColumnConfig(currentConfig);
-    };
-    var handleCheckAllColumns = React.useCallback(function (checkAll) {
-        var currentConfig = cloneDeep(newColumnConfig);
-        columns.forEach(function (column) {
-            if (!currentConfig[column.name]) {
-                currentConfig[column.name] = {};
-            }
-            currentConfig[column.name].isHidden = checkAll;
-        });
-        setColumnConfig(currentConfig);
-    }, [newColumnConfig, columns]);
-    var handleFormSubmit = React.useCallback(function () {
-        if (onSubmit)
-            onSubmit(newColumnConfig);
-    }, [onSubmit, newColumnConfig]);
-    var isCheckedAll = columns.every(function (column) { var _a; return !((_a = newColumnConfig[column.name]) === null || _a === void 0 ? void 0 : _a.isHidden); });
-    return (_jsx(DialogWrapper, { onCancel: onCancel, onSubmit: handleFormSubmit, header: _jsx(Title, { isCheckedAll: isCheckedAll, onCheckAll: handleCheckAllColumns }), children: _jsx(x.div, { children: columns
-                .filter(function (column) { return !column.alwaysOn; })
-                .map(function (column) { return (_jsxs(x.div, { my: 3, display: "flex", alignItems: "center", children: [_jsx(x.div, { mr: 3, children: _jsx(HookedSwitch, { checked: isColumnOn(column, newColumnConfig), column: column, onChange: handleToggleRow }) }), _jsx(ColumnTitle, { children: column.title || '' })] }, column.name)); }) }) }));
-};
-export default ConfigForm;
-var templateObject_1, templateObject_2;

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

@@ -1,3 +0,0 @@
-import { PaginatorProps } from '../types';
-declare const DefaultPaginator: (props: PaginatorProps) => import("react/jsx-runtime").JSX.Element;
-export default DefaultPaginator;

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

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-var DefaultPaginator = function (props) {
-    var onPageChange = props.onPageChange, itemCount = props.itemCount, itemPerPage = props.itemPerPage, page = props.page;
-    var pageCount = Math.max(Math.ceil(itemCount / itemPerPage), 1);
-    var goFirst = React.useCallback(function () { return onPageChange(1); }, []);
-    var goPrev = React.useCallback(function () { return onPageChange(page - 1); }, [page]);
-    var goNext = React.useCallback(function () { return onPageChange(page + 1); }, [page]);
-    return (_jsxs("div", { children: [_jsx("button", { onClick: goFirst, disabled: page == 1, children: "go fist" }), _jsx("button", { onClick: goPrev, disabled: page <= 1, children: "go prev" }), _jsx("span", { children: "  Page: ".concat(page, " / ").concat(pageCount, "  ") }), _jsx("button", { onClick: goNext, disabled: page >= pageCount, children: "go next" })] }));
-};
-export default DefaultPaginator;

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

@@ -1,11 +0,0 @@
-import React from 'react';
-export type DialogProps = {
-    header?: JSX.Element | string;
-    onSubmit: (close: () => void) => void;
-    isSubmitting?: boolean;
-    isConfirmDisabled?: boolean;
-    onCancel: () => void;
-    children: React.ReactNode;
-};
-declare const Dialog: ({ header: Header, onCancel, onSubmit, isSubmitting, isConfirmDisabled, children }: DialogProps) => JSX.Element;
-export default Dialog;

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

@@ -1,19 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import styled from '@xstyled/styled-components';
-import Context from '../CommonGridContext';
-var DialogOverlay = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: fixed; /* Stay in place */\n  z-index: 1; /* Sit on top */\n  padding-top: 100px; /* Location of the box */\n  left: 0;\n  top: 0;\n  width: 100%; /* Full width */\n  height: 100%; /* Full height */\n  overflow: auto; /* Enable scroll if needed */\n  background-color: rgb(0, 0, 0); /* Fallback color */\n  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */\n  text-align: center;\n"], ["\n  position: fixed; /* Stay in place */\n  z-index: 1; /* Sit on top */\n  padding-top: 100px; /* Location of the box */\n  left: 0;\n  top: 0;\n  width: 100%; /* Full width */\n  height: 100%; /* Full height */\n  overflow: auto; /* Enable scroll if needed */\n  background-color: rgb(0, 0, 0); /* Fallback color */\n  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */\n  text-align: center;\n"])));
-var DialogWindow = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: #fefefe;\n  margin: auto;\n  padding: 1em 2em;\n  border: 0;\n  border-radius: 0.5em;\n  min-width: 40%;\n  max-width: 80%;\n  display: inline-block;\n  text-align: left;\n"], ["\n  background-color: #fefefe;\n  margin: auto;\n  padding: 1em 2em;\n  border: 0;\n  border-radius: 0.5em;\n  min-width: 40%;\n  max-width: 80%;\n  display: inline-block;\n  text-align: left;\n"])));
-var HeaderContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  margin-bottom: 1em;\n  padding-bottom: 1em;\n  border-bottom: 1px solid lightgray;\n  text-align: right;\n  > * {\n    margin: 0 0.5em;\n  }\n"], ["\n  margin-bottom: 1em;\n  padding-bottom: 1em;\n  border-bottom: 1px solid lightgray;\n  text-align: right;\n  > * {\n    margin: 0 0.5em;\n  }\n"])));
-var ButtonsContainer = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  margin-top: 1em;\n  padding-top: 1em;\n  border-top: 1px solid lightgray;\n  text-align: right;\n  > * {\n    margin: 0 0.5em;\n  }\n"], ["\n  margin-top: 1em;\n  padding-top: 1em;\n  border-top: 1px solid lightgray;\n  text-align: right;\n  > * {\n    margin: 0 0.5em;\n  }\n"])));
-var Dialog = function (_a) {
-    var Header = _a.header, onCancel = _a.onCancel, onSubmit = _a.onSubmit, isSubmitting = _a.isSubmitting, isConfirmDisabled = _a.isConfirmDisabled, children = _a.children;
-    var _b = React.useContext(Context), Translator = _b.Translator, Button = _b.Button;
-    return (_jsx(DialogOverlay, { className: "dialog", children: _jsxs(DialogWindow, { children: [Header && _jsx(HeaderContainer, { children: Header }), children, _jsxs(ButtonsContainer, { children: [_jsx(Button, { onClick: onCancel, isLoading: isSubmitting, disabled: isConfirmDisabled, children: _jsx(Translator, { id: "form.buttonCancel", defaults: "Cancel" }) }), _jsx(Button, { onClick: onSubmit, children: _jsx(Translator, { id: "form.buttonSubmit", defaults: "Submit" }) })] })] }) }));
-};
-export default Dialog;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

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

@@ -1,21 +0,0 @@
-import React from 'react';
-type Pathname = {
-    pathname: string;
-};
-export type Item = {
-    icon?: React.ReactNode;
-    title?: string | JSX.Element;
-    link?: string | Pathname;
-    onClick?: Function;
-    hasSeparator?: boolean;
-};
-export type MenuItems = {
-    items?: Item[];
-};
-export type DropdownMenuProps = MenuItems & {
-    showMenu?: boolean;
-    className?: string;
-    childRef?: React.Ref<any>;
-};
-declare const DropdownMenu: ({ items, showMenu, className, childRef, ...rest }: DropdownMenuProps) => JSX.Element;
-export default DropdownMenu;

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

@@ -1,59 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-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);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React from 'react';
-import { Link } from 'react-router-dom';
-import styled, { css } from '@xstyled/styled-components';
-var StyledLink = styled(Link)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: block;\n  color: formTextColor;\n"], ["\n  display: block;\n  color: formTextColor;\n"])));
-var StyledClickableDiv = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: block;\n  color: formTextColor;\n"], ["\n  display: block;\n  color: formTextColor;\n"])));
-var StyledListItem = styled.li(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  padding: 10px;\n  font-size: 1;\n\n  :hover {\n    background-color: primary;\n    color: white;\n    cursor: pointer;\n  }\n\n  ", ";\n"], ["\n  padding: 10px;\n  font-size: 1;\n\n  :hover {\n    background-color: primary;\n    color: white;\n    cursor: pointer;\n  }\n\n  ", ";\n"])), function (props) {
-    return props.hasSeparator && css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      border-top: slim;\n      border-color: grayLight3;\n    "], ["\n      border-top: slim;\n      border-color: grayLight3;\n    "])));
-});
-var IconWrap = styled.span(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  margin-right: 10px;\n"], ["\n  margin-right: 10px;\n"])));
-var MenuItem = function (_a) {
-    var icon = _a.icon, title = _a.title, link = _a.link, onClick = _a.onClick, rest = __rest(_a, ["icon", "title", "link", "onClick"]);
-    var onClickCallback = React.useCallback(function () {
-        if (onClick)
-            onClick();
-    }, [onClick]);
-    var styledListItem = (_jsxs(StyledListItem, __assign({}, rest, { children: [icon && _jsx(IconWrap, { children: icon }), title] })));
-    return link ? (_jsx(StyledLink, { color: "dropdownMenuItem", to: link, onClick: onClickCallback, children: styledListItem })) : (_jsx(StyledClickableDiv, { color: "dropdownMenuItem", onClick: onClickCallback, children: styledListItem }));
-};
-var MenuList = function (_a) {
-    var items = _a.items;
-    return (_jsx("ul", { children: items &&
-            items.map(function (item, i) {
-                return _jsx(MenuItem, __assign({}, item), i);
-            }) }));
-};
-var StyledDropdownWrap = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  width: fit-content;\n  height: fit-content;\n  background-color: white;\n  padding: 2;\n  display: block;\n  border: slim;\n  border-color: grayLight3;\n  border-radius: 5px;\n  box-shadow: dropdownMenuShadow;\n  color: primary;\n  z-index: 5;\n"], ["\n  width: fit-content;\n  height: fit-content;\n  background-color: white;\n  padding: 2;\n  display: block;\n  border: slim;\n  border-color: grayLight3;\n  border-radius: 5px;\n  box-shadow: dropdownMenuShadow;\n  color: primary;\n  z-index: 5;\n"])));
-var DropdownMenu = function (_a) {
-    var items = _a.items, showMenu = _a.showMenu, className = _a.className, childRef = _a.childRef, rest = __rest(_a, ["items", "showMenu", "className", "childRef"]);
-    return (_jsx(_Fragment, { children: showMenu && (_jsx(StyledDropdownWrap, __assign({ ref: childRef, className: className }, rest, { children: _jsx(MenuList, { items: items }) }))) }));
-};
-export default DropdownMenu;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

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

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-type DropdownSelectProps = {
-    label: string | JSX.Element;
-    appearance: 'primary' | 'secondary';
-    options: {
-        label: string | JSX.Element;
-        value?: string | number;
-        onClick?: () => void;
-    }[];
-    showChevron?: boolean;
-    onSelect?: (value: string | number) => void;
-    disabled?: boolean;
-};
-declare const DropdownSelect: ({ label, appearance, options, showChevron, onSelect, disabled }: DropdownSelectProps) => JSX.Element;
-export default DropdownSelect;

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

@@ -1,35 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import styled from '@xstyled/styled-components';
-import DropdownMenu from './DropdownMenu';
-import ArrowSimple from './icons/ArrowSimple';
-import Context from '../CommonGridContext';
-import { useClickOutside } from '../../Modal/hooks/useClickOutside';
-var StyledDropdownMenu = styled(DropdownMenu)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n"], ["\n  position: absolute;\n"])));
-var ChevronIcon = styled(ArrowSimple)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  transform: rotate(90deg);\n  margin-left: 1;\n"], ["\n  transform: rotate(90deg);\n  margin-left: 1;\n"])));
-var DropdownSelect = function (_a) {
-    var label = _a.label, appearance = _a.appearance, options = _a.options, showChevron = _a.showChevron, onSelect = _a.onSelect, disabled = _a.disabled;
-    var Button = React.useContext(Context).Button;
-    var _b = React.useState(false), showDropdownMenu = _b[0], setShowDropdownMenu = _b[1];
-    var dropdownMenuRef = useClickOutside({ onClose: function () { return setShowDropdownMenu(false); } });
-    var toggleDropdownMenu = React.useCallback(function () {
-        setShowDropdownMenu(!showDropdownMenu);
-    }, [showDropdownMenu]);
-    var handleSelectItem = React.useCallback(function (item) {
-        var _a;
-        setShowDropdownMenu(false);
-        (_a = item.onClick) === null || _a === void 0 ? void 0 : _a.call(item);
-        onSelect === null || onSelect === void 0 ? void 0 : onSelect((item === null || item === void 0 ? void 0 : item.value) || '');
-    }, [onSelect]);
-    var items = options.map(function (item) { return ({
-        title: item.label,
-        onClick: function () { return handleSelectItem(item); },
-    }); });
-    return (_jsxs("div", { ref: dropdownMenuRef, children: [_jsxs(Button, { type: "button", disabled: disabled, appearance: appearance, onClick: toggleDropdownMenu, children: [label, showChevron && _jsx(ChevronIcon, {})] }), showDropdownMenu && _jsx(StyledDropdownMenu, { className: "dropdownMenu", items: items, showMenu: true })] }));
-};
-export default DropdownSelect;
-var templateObject_1, templateObject_2;

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

@@ -1,6 +0,0 @@
-import { ReactNode } from 'react';
-type FloatingButtonProps = {
-    children?: ReactNode;
-};
-declare const FloatingButton: ({ children }: FloatingButtonProps) => JSX.Element;
-export default FloatingButton;

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

@@ -1,13 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import styled, { x } from '@xstyled/styled-components';
-var FloatingWrapper = styled(x.div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: block;\n  position: absolute;\n  bottom: 20px;\n  right: 24px;\n  @media (min-width: 1024px) {\n    display: none;\n  }\n"], ["\n  display: block;\n  position: absolute;\n  bottom: 20px;\n  right: 24px;\n  @media (min-width: 1024px) {\n    display: none;\n  }\n"])));
-var FloatingButton = function (_a) {
-    var children = _a.children;
-    return _jsx(FloatingWrapper, { children: children });
-};
-export default FloatingButton;
-var templateObject_1;

package/ui/Blocks/CommonGrid/components/icons/ArrowSimple.d.ts

@@ -1,2 +0,0 @@
-declare const SvgArrowSimple: (props: any) => JSX.Element;
-export default SvgArrowSimple;

package/ui/Blocks/CommonGrid/hooks/useControlButtons.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { CommonGridProps, GridActionsType, ExtraControlButton } from '../types';
-type ReturnProps = {
-    topLeftButtons: ExtraControlButton[];
-    topRightButtons: ExtraControlButton[];
-    bottomLeftButtons: ExtraControlButton[];
-    bottomRightButtons: ExtraControlButton[];
-};
-declare const useControlButtons: (hideColumnConfig: CommonGridProps['hideColumnConfig'], openConfigForm: Required<GridActionsType>['openConfigForm'], resetGrid: Required<GridActionsType>['resetGrid'], columnsDefinitions: CommonGridProps['columnsDefinitions'], resetFilters: Required<GridActionsType>['resetFilters'], setRowsPerPage: Required<GridActionsType>['setRowsPerPage'], rowsSeenTxt: string, extraControlButtons: CommonGridProps['extraControlButtons'], Translator: React.ComponentType<any>, confirmOnReset: (() => boolean) | undefined, perPageOptions: number[]) => ReturnProps;
-export default useControlButtons;

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

@@ -1,64 +0,0 @@
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { ExtraControlButtonPosition } from '../types';
-var getButtonsByPosition = function (location, extraControlButtons) {
-    return (extraControlButtons || []).filter(function (_a) {
-        var position = _a.position;
-        return position == location || (!position && location == 'top-left');
-    });
-};
-var useControlButtons = function (hideColumnConfig, openConfigForm, resetGrid, columnsDefinitions, resetFilters, setRowsPerPage, rowsSeenTxt, extraControlButtons, Translator, confirmOnReset, perPageOptions) {
-    var resetGridWithConfirm = React.useCallback(function () { return confirmOnReset ? confirmOnReset() && resetGrid() : resetGrid(); }, [confirmOnReset, resetGrid]);
-    var topLeftButtons = React.useMemo(function () {
-        return __spreadArray([
-            {
-                label: rowsSeenTxt,
-                options: perPageOptions.map(function (value) { return ({ label: String(value), onClick: function () { return setRowsPerPage(value); } }); }),
-                hideChevron: true,
-            },
-            {
-                label: _jsx(Translator, { id: "dataGrid.buttonClearSettings", defaults: "Reset filters" }),
-                onClick: resetFilters,
-                hide: !columnsDefinitions.find(function (col) { return col.filtering; }), // does grid have any filters
-            },
-            {
-                label: _jsx(Translator, { id: "dataGrid.buttonClearConfig", defaults: "Reset config" }),
-                onClick: resetGridWithConfirm,
-            },
-            {
-                label: _jsx(Translator, { id: "dataGrid.buttonGridConfig", defaults: "Configure columns" }),
-                onClick: openConfigForm,
-                hide: hideColumnConfig,
-            }
-        ], getButtonsByPosition(ExtraControlButtonPosition.TopLeft, extraControlButtons), true);
-    }, [
-        hideColumnConfig,
-        columnsDefinitions,
-        extraControlButtons,
-        openConfigForm,
-        resetFilters,
-        resetGrid,
-        rowsSeenTxt,
-        setRowsPerPage,
-    ]);
-    var topRightButtons = React.useMemo(function () {
-        return getButtonsByPosition(ExtraControlButtonPosition.TopRight, extraControlButtons);
-    }, [extraControlButtons]);
-    var bottomLeftButtons = React.useMemo(function () {
-        return getButtonsByPosition(ExtraControlButtonPosition.BottomLeft, extraControlButtons);
-    }, [extraControlButtons]);
-    var bottomRightButtons = React.useMemo(function () {
-        return getButtonsByPosition(ExtraControlButtonPosition.BottomRight, extraControlButtons);
-    }, [extraControlButtons]);
-    return { topLeftButtons: topLeftButtons, topRightButtons: topRightButtons, bottomLeftButtons: bottomLeftButtons, bottomRightButtons: bottomRightButtons };
-};
-export default useControlButtons;

package/ui/Blocks/CommonGrid/storybook/stories/customControllButtons.stories.d.ts

@@ -1,13 +0,0 @@
-import { ExtraControlButton } from '../../types';
-export declare const extraControlButtons: ExtraControlButton[];
-declare const _default: {
-    title: string;
-    excludeStories: string[];
-};
-export default _default;
-export declare const CustomControllButtons: {
-    (): import("react/jsx-runtime").JSX.Element;
-    story: {
-        name: string;
-    };
-};

package/ui/Blocks/CommonGrid/storybook/stories/customControllButtons.stories.js

@@ -1,49 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import CommonGrid from '../../CommonGrid';
-import { createRandomData, gridSelectors, gridDummyActions } from '../utils/utils';
-import { oversizedColumnDefinition } from '../utils/columnDefinition';
-import { ExtraControlButtonPosition } from '../../types';
-export var extraControlButtons = [
-    {
-        label: _jsx(_Fragment, { children: "default left" }),
-        onClick: function () { return alert('test ok'); },
-    },
-    {
-        label: _jsx(_Fragment, { children: "right button" }),
-        onClick: function () { return alert('test ok'); },
-        position: ExtraControlButtonPosition.TopRight,
-    },
-    {
-        label: _jsx(_Fragment, { children: "bottom left button" }),
-        onClick: function () { return alert('test ok'); },
-        position: ExtraControlButtonPosition.BottomLeft,
-    },
-    {
-        label: _jsx(_Fragment, { children: "right options" }),
-        onClick: function () { return alert('test ok'); },
-        onSelect: function (value) { return alert(value); },
-        position: ExtraControlButtonPosition.TopRight,
-        options: [
-            {
-                label: 'Label A',
-                value: 'A',
-            },
-            {
-                label: 'Label B',
-                value: 'B',
-            },
-        ],
-    },
-    {
-        node: (_jsxs("span", { style: { marginLeft: '15px' }, children: [_jsx("span", { children: "custom node with btn - " }), _jsx("button", { onClick: function () { return alert('test ok'); }, children: "btn" })] })),
-        position: ExtraControlButtonPosition.TopRight,
-    },
-];
-export default {
-    title: '@Blocks/CommonGrid',
-    excludeStories: ['extraControlButtons'],
-};
-export var CustomControllButtons = function () { return (_jsx(CommonGrid, { rowsData: createRandomData(10), columnsDefinitions: oversizedColumnDefinition, extraControlButtons: extraControlButtons, hideColumnConfig: true, gridSelectors: gridSelectors, gridActions: gridDummyActions })); };
-CustomControllButtons.story = {
-    name: 'custom controll buttons',
-};

package/ui/Blocks/CommonGrid/storybook/utils/filters.d.ts

@@ -1,2 +0,0 @@
-import { FiltersConfig } from '../../types';
-export declare const filters: FiltersConfig;

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

@@ -1,23 +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 } from "react/jsx-runtime";
-var DefaultSelect = function (props) { return (_jsx("select", __assign({ multiple: props.isMulti }, props, { children: (props.options || []).map(function (_a) {
-        var value = _a.value, label = _a.label;
-        return (_jsx("option", { value: value, children: label }, value));
-    }) }))); };
-export var filters = {
-    options: { CellComponent: DefaultSelect },
-    number: { CellComponent: function () { return _jsx("input", { type: "number" }); } },
-    text: { CellComponent: function () { return _jsx("input", { type: "text" }); } },
-    date: { CellComponent: function () { return _jsx("input", { type: "date" }); } },
-    flag: { CellComponent: function () { return _jsx("input", { type: "text" }); } },
-};

package/ui/Blocks/CommonGrid/utils/public.d.ts

@@ -1,16 +0,0 @@
-import { RowProps, GridActionsType, ColumnDefinition, UxState, ActionColumn, OnBatchActionFn } from '../types';
-/**
- * hook for checkbox that select and unselects all row
- * returns [checked state, toggleAllHandler()] for checkbox
- */
-type ToggleAllCheckboxRet = [boolean, () => void];
-export declare const useToggleAllCheckbox: (rowsData: RowProps[], uxState: UxState, handleUxChange?: GridActionsType['handleUxChange']) => ToggleAllCheckboxRet;
-/**
- * hook for action selection and trigger
- * returns [subset of actions that are enabled, onSelect(value) - param1: selected action value]
- */
-type GridActionTriggerRet = [Required<ActionColumn>['actionOptions'], (value: any) => void];
-export declare const useGridActionTrigger: (rowsData: RowProps[], uxState: UxState, actionOptions?: ActionColumn['actionOptions'], onBatchAction?: OnBatchActionFn) => GridActionTriggerRet;
-type AddFilterRet = (value: any, column: ColumnDefinition) => void;
-export declare const useAddFilter: (onChange: Required<GridActionsType>['addFilter']) => AddFilterRet;
-export {};