@mailstep/design-system 0.6.91-beta.0.0 → 0.6.91-beta.jja.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/package.json +1 -2
  2. package/ui/Blocks/CommonGrid/CommonGridContainer.js +11 -11
  3. package/ui/Blocks/CommonGrid/HoC/withReduxActions.js +1 -2
  4. package/ui/Blocks/CommonGrid/components/ControlButtons/ControlButtons.d.ts +1 -5
  5. package/ui/Blocks/CommonGrid/components/ControlButtons/ControlButtons.js +6 -19
  6. package/ui/Blocks/CommonGrid/components/ControlButtons/styles.js +1 -1
  7. package/ui/Blocks/CommonGrid/components/HeadCell.d.ts +1 -1
  8. package/ui/Blocks/CommonGrid/components/HeadCell.js +4 -6
  9. package/ui/Blocks/CommonGrid/components/HeadRow.d.ts +1 -1
  10. package/ui/Blocks/CommonGrid/components/HeadRow.js +4 -4
  11. package/ui/Blocks/CommonGrid/components/ManageColumnForm/ManageColumnForm.d.ts +2 -2
  12. package/ui/Blocks/CommonGrid/components/ManageColumnForm/ManageColumnForm.js +4 -4
  13. package/ui/Blocks/CommonGrid/store/index.d.ts +1 -3
  14. package/ui/Blocks/CommonGrid/store/index.js +89 -89
  15. package/ui/Blocks/CommonGrid/storybook/stories/complexWithPaginationAndRedux.stories.js +1 -1
  16. package/ui/Blocks/CommonGrid/types.d.ts +0 -3
  17. package/ui/Elements/Tag/palletes.js +0 -3
  18. package/ui/Elements/Text/types.d.ts +0 -1
  19. package/ui/index.es.js +16183 -16526
  20. package/ui/index.umd.js +622 -621
  21. package/ui/utils/translations.js +1 -1
  22. package/ui/Blocks/CommonGrid/components/GridModals/index.d.ts +0 -22
  23. package/ui/Blocks/CommonGrid/components/GridModals/index.js +0 -27
  24. package/ui/Blocks/CommonGrid/components/PresetsModalBody/index.d.ts +0 -16
  25. package/ui/Blocks/CommonGrid/components/PresetsModalBody/index.js +0 -31
  26. package/ui/Blocks/CommonGrid/hooks/useCreatePreset.d.ts +0 -19
  27. package/ui/Blocks/CommonGrid/hooks/useCreatePreset.js +0 -52
  28. package/ui/Blocks/CommonGrid/hooks/useDeletePreset.d.ts +0 -17
  29. package/ui/Blocks/CommonGrid/hooks/useDeletePreset.js +0 -45
  30. package/ui/Blocks/CommonGrid/hooks/usePresetFileHandlers.d.ts +0 -13
  31. package/ui/Blocks/CommonGrid/hooks/usePresetFileHandlers.js +0 -68
  32. package/ui/Blocks/CommonGrid/hooks/usePresetsState.d.ts +0 -9
  33. package/ui/Blocks/CommonGrid/hooks/usePresetsState.js +0 -13
  34. package/ui/Blocks/CommonGrid/hooks/useSelectPreset.d.ts +0 -15
  35. package/ui/Blocks/CommonGrid/hooks/useSelectPreset.js +0 -47
  36. package/ui/Blocks/CommonGrid/utils/constants.d.ts +0 -1
  37. package/ui/Blocks/CommonGrid/utils/constants.js +0 -1
  38. package/ui/Elements/BarChartSymbol/BarChartSymbol.d.ts +0 -8
  39. package/ui/Elements/BarChartSymbol/BarChartSymbol.js +0 -7
  40. package/ui/Elements/BarChartSymbol/index.d.ts +0 -1
  41. package/ui/Elements/BarChartSymbol/index.js +0 -1
  42. package/ui/Elements/BarChartSymbol/stories/BarChartSymbol.stories.d.ts +0 -13
  43. package/ui/Elements/BarChartSymbol/stories/BarChartSymbol.stories.js +0 -26
  44. package/ui/Elements/BarChartSymbol/styles.d.ts +0 -7
  45. package/ui/Elements/BarChartSymbol/styles.js +0 -14
@@ -2,5 +2,5 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
2
2
  import { Trans } from '@lingui/react';
3
3
  /** catalog for lungui to track translations - DO NOT REMOVE */
4
4
  var Translations = function () {
5
- return (_jsxs(_Fragment, { children: [_jsx(Trans, { id: "dataGrid.status.loadingData", message: "... loading data ..." }), _jsx(Trans, { id: "dataGrid.status.noDataFound", message: "No data found." }), _jsx(Trans, { id: "dataGrid.buttonClearSettings", message: "Reset filters" }), _jsx(Trans, { id: "dataGrid.buttonClearConfig", message: "Reset config" }), _jsx(Trans, { id: "dataGrid.buttonGridConfig", message: "Configure columns" }), _jsx(Trans, { id: "dataGrid.config.title", message: "Configure columns" }), _jsx(Trans, { id: "dataGrid.config.buttonReset", message: "Reset all" }), _jsx(Trans, { id: "dataGrid.resultsPerPage", message: "Results per page" }), _jsx(Trans, { id: "manageColumn.title", message: "Manage column" }), _jsx(Trans, { id: "dataGrid.buttonClearSettings", message: "Reset filters" }), _jsx(Trans, { id: "form.buttonCancel", message: "Cancel" }), _jsx(Trans, { id: "form.buttonConfirm", message: "Confirm" }), ",", _jsx(Trans, { id: "dataGrid.actionOptions.createNew", message: "Create new" }), ",", _jsx(Trans, { id: "form.buttonImport", message: "Import" }), ",", _jsx(Trans, { id: "dataGrid.actionOptions.export", message: "Export" }), ",", _jsx(Trans, { id: "form.buttonConfirm", message: "Confirm" }), ",", _jsx(Trans, { id: "dataGrid.actionOptions.createNew", message: "Create new" }), ",", _jsx(Trans, { id: "dataGrid.checkAll", message: "Check all" }), ",", _jsx(Trans, { id: "datagrid.filterCell.selectAllLabel", message: "select all" }), _jsx(Trans, { id: "datagrid.filterCell.optionsSelectedLabel", message: '{count} options' }), ",", _jsx(Trans, { id: "dataGrid.deleteItem", message: "Delete" }), ",", _jsx(Trans, { id: "dataGrid.columnLot.NA", message: "N/A" }), ",", _jsx(Trans, { id: "dataGrid.buttonActions", message: "Actions" }), ",", _jsx(Trans, { id: "dataGrid.errors.ipValidationError", message: "Value is not valid ip" }), ",", _jsx(Trans, { id: "dataGrid.columnActive.filterOptions.all", message: "All" }), ",", _jsx(Trans, { id: "dataGrid.columnActive.filterOptions.yes", message: "Yes" }), ",", _jsx(Trans, { id: "dataGrid.columnActive.filterOptions.no", message: "No" }), _jsx(Trans, { id: "dataGrid.checkedRowsCount", message: "Selected {checkedRowsCount} items" }), ",", _jsx(Trans, { id: "dataGrid.filterCell", message: "Type to filter" }), ",", _jsx(Trans, { id: "dataGrid.filterCell.from", message: "From" }), ",", _jsx(Trans, { id: "dataGrid.filterCell.to", message: "To" }), ",", _jsx(Trans, { id: "manageColumn.searchPlaceholder", message: "Find column..." }), ",", _jsx(Trans, { id: "dataGrid.comparator.equals", message: "Equals" }), ",", _jsx(Trans, { id: "dataGrid.comparator.notEquals", message: "Not equal" }), ",", _jsx(Trans, { id: "dataGrid.comparator.lessThan", message: "Less than" }), ",", _jsx(Trans, { id: "dataGrid.comparator.lessThanOrEquals", message: "Less than or equals" }), ",", _jsx(Trans, { id: "dataGrid.comparator.greaterThan", message: "Greater than" }), ",", _jsx(Trans, { id: "dataGrid.comparator.greaterThanOrEquals", message: "Greater than or equal" }), ",", _jsx(Trans, { id: "dataGrid.comparator.contains", message: "Contains" }), ",", _jsx(Trans, { id: "dataGrid.comparator.notContains", message: "Not contains" }), ",", _jsx(Trans, { id: "dataGrid.comparator.startsWith", message: "Starts with'" }), ",", _jsx(Trans, { id: "dataGrid.comparator.endsWith", message: "Ends with" }), ",", _jsx(Trans, { id: "select.noOptions", message: "no options" }), ",", _jsx(Trans, { id: "components.dropdown.loading", message: "Loading..." }), ",", _jsx(Trans, { id: "components.dropdown.placeholder", message: "Select..." }), ",", _jsx(Trans, { id: "components.dropdown.notReact", message: "Select related values first..." }), ",", _jsx(Trans, { id: "components.dropdown.writeMoreChars", message: "Write at least ${asyncLoadMinChars} characters." }), ",", _jsx(Trans, { id: "components.dropdown.noOptions", message: "No options" }), ",", _jsx(Trans, { id: "components.dropdown.newOption", message: "new value" }), ",", _jsx(Trans, { id: "form.general.min2Chars", message: "Minimal length is 2 characters." }), ",", _jsx(Trans, { id: "controlButtons.searchPlaceholder", message: "Search ${translatedValue} ..." }), ",", _jsx(Trans, { id: "dataGrid.presets.title", message: "Presets" }), _jsx(Trans, { id: "dataGrid.createPreset.title", message: "Create preset" }), _jsx(Trans, { id: "dataGrid.createPreset.title", message: "Preset name" }), _jsx(Trans, { id: "dataGrid.deletePreset.title", message: "Delete preset" }), _jsx(Trans, { id: "dataGrid.deletePreset.confirm", message: "Are you sure you want to delete preset" }), _jsx(Trans, { id: "dataGrid.noPresets.title", message: "No presets available" }), _jsx(Trans, { id: "dataGrid.exportPreset.title", message: "Export presets" }), _jsx(Trans, { id: "dataGrid.importPreset.title", message: "Import presets" }), _jsx(Trans, { id: "dataGrid.createNewPreset.title", message: "Create new preset" }), _jsx(Trans, { id: "card.entrustLogisticsEshopProfessionals", message: "Entrust the logistics of your e-shop to professionals." }), _jsx(Trans, { id: "form.heading.support", message: "Support:" }), _jsx(Trans, { id: "requiredField", message: "Required field" }), _jsx(Trans, { id: "form.login.label", message: "Login" }), _jsx(Trans, { id: "form.password.label", message: "Password" }), _jsx(Trans, { id: "form.distributionCenter.label", message: "Distribution center" }), _jsx(Trans, { id: "form.buttonSignIn", message: "Sign in" }), _jsx(Trans, { id: "footer.collapse", message: "Collapse" }), _jsx(Trans, { id: "step", message: "Step" }), _jsx(Trans, { id: "logout", message: "Logout" })] }));
5
+ return (_jsxs(_Fragment, { children: [_jsx(Trans, { id: "dataGrid.status.loadingData", message: "... loading data ..." }), _jsx(Trans, { id: "dataGrid.status.noDataFound", message: "No data found." }), _jsx(Trans, { id: "dataGrid.buttonClearSettings", message: "Reset filters" }), _jsx(Trans, { id: "dataGrid.buttonClearConfig", message: "Reset config" }), _jsx(Trans, { id: "dataGrid.buttonGridConfig", message: "Configure columns" }), _jsx(Trans, { id: "dataGrid.config.title", message: "Configure columns" }), _jsx(Trans, { id: "dataGrid.config.buttonReset", message: "Reset all" }), _jsx(Trans, { id: "dataGrid.resultsPerPage", message: "Results per page" }), _jsx(Trans, { id: "manageColumn.title", message: "Manage column" }), _jsx(Trans, { id: "dataGrid.buttonClearSettings", message: "Reset filters" }), _jsx(Trans, { id: "form.buttonCancel", message: "Cancel" }), _jsx(Trans, { id: "form.buttonConfirm", message: "Confirm" }), ",", _jsx(Trans, { id: "dataGrid.actionOptions.createNew", message: "Create new" }), ",", _jsx(Trans, { id: "form.buttonImport", message: "Import" }), ",", _jsx(Trans, { id: "dataGrid.actionOptions.export", message: "Export" }), ",", _jsx(Trans, { id: "form.buttonConfirm", message: "Confirm" }), ",", _jsx(Trans, { id: "dataGrid.actionOptions.createNew", message: "Create new" }), ",", _jsx(Trans, { id: "dataGrid.checkAll", message: "Check all" }), ",", _jsx(Trans, { id: "datagrid.filterCell.selectAllLabel", message: "select all" }), _jsx(Trans, { id: "datagrid.filterCell.optionsSelectedLabel", message: '{count} options' }), ",", _jsx(Trans, { id: "dataGrid.deleteItem", message: "Delete" }), ",", _jsx(Trans, { id: "dataGrid.columnLot.NA", message: "N/A" }), ",", _jsx(Trans, { id: "dataGrid.buttonActions", message: "Actions" }), ",", _jsx(Trans, { id: "dataGrid.errors.ipValidationError", message: "Value is not valid ip" }), ",", _jsx(Trans, { id: "dataGrid.columnActive.filterOptions.all", message: "All" }), ",", _jsx(Trans, { id: "dataGrid.columnActive.filterOptions.yes", message: "Yes" }), ",", _jsx(Trans, { id: "dataGrid.columnActive.filterOptions.no", message: "No" }), _jsx(Trans, { id: "dataGrid.checkedRowsCount", message: "Selected {checkedRowsCount} items" }), ",", _jsx(Trans, { id: "dataGrid.filterCell", message: "Type to filter" }), ",", _jsx(Trans, { id: "dataGrid.filterCell.from", message: "From" }), ",", _jsx(Trans, { id: "dataGrid.filterCell.to", message: "To" }), ",", _jsx(Trans, { id: "manageColumn.searchPlaceholder", message: "Find column..." }), ",", _jsx(Trans, { id: "dataGrid.comparator.equals", message: "Equals" }), ",", _jsx(Trans, { id: "dataGrid.comparator.notEquals", message: "Not equal" }), ",", _jsx(Trans, { id: "dataGrid.comparator.lessThan", message: "Less than" }), ",", _jsx(Trans, { id: "dataGrid.comparator.lessThanOrEquals", message: "Less than or equals" }), ",", _jsx(Trans, { id: "dataGrid.comparator.greaterThan", message: "Greater than" }), ",", _jsx(Trans, { id: "dataGrid.comparator.greaterThanOrEquals", message: "Greater than or equal" }), ",", _jsx(Trans, { id: "dataGrid.comparator.contains", message: "Contains" }), ",", _jsx(Trans, { id: "dataGrid.comparator.notContains", message: "Not contains" }), ",", _jsx(Trans, { id: "dataGrid.comparator.startsWith", message: "Starts with'" }), ",", _jsx(Trans, { id: "dataGrid.comparator.endsWith", message: "Ends with" }), ",", _jsx(Trans, { id: "select.noOptions", message: "no options" }), ",", _jsx(Trans, { id: "components.dropdown.loading", message: "Loading..." }), ",", _jsx(Trans, { id: "components.dropdown.placeholder", message: "Select..." }), ",", _jsx(Trans, { id: "components.dropdown.notReact", message: "Select related values first..." }), ",", _jsx(Trans, { id: "components.dropdown.writeMoreChars", message: "Write at least ${asyncLoadMinChars} characters." }), ",", _jsx(Trans, { id: "components.dropdown.noOptions", message: "No options" }), ",", _jsx(Trans, { id: "components.dropdown.newOption", message: "new value" }), ",", _jsx(Trans, { id: "form.general.min2Chars", message: "Minimal length is 2 characters." }), ",", _jsx(Trans, { id: "controlButtons.searchPlaceholder", message: "Search ${translatedValue} ..." }), ",", _jsx(Trans, { id: "card.entrustLogisticsEshopProfessionals", message: "Entrust the logistics of your e-shop to professionals." }), _jsx(Trans, { id: "form.heading.support", message: "Support:" }), _jsx(Trans, { id: "requiredField", message: "Required field" }), _jsx(Trans, { id: "form.login.label", message: "Login" }), _jsx(Trans, { id: "form.password.label", message: "Password" }), _jsx(Trans, { id: "form.distributionCenter.label", message: "Distribution center" }), _jsx(Trans, { id: "form.buttonSignIn", message: "Sign in" }), _jsx(Trans, { id: "footer.collapse", message: "Collapse" }), _jsx(Trans, { id: "step", message: "Step" }), _jsx(Trans, { id: "logout", message: "Logout" })] }));
6
6
  };
@@ -1,22 +0,0 @@
1
- import React, { type FC } from 'react';
2
- import { DropResult } from 'react-beautiful-dnd';
3
- import { ColumnConfig, ColumnDefinition, GridActionsType, GridSelectorsType } from '../../types';
4
- type ModalsProps = {
5
- manageColumnFormVisible: boolean;
6
- onCloseForm: () => void;
7
- resetColumnConfig: () => void;
8
- onConfirmForm: () => void;
9
- manageColumnsFormDefinitions: ColumnDefinition[];
10
- columnsConfigValues: string[];
11
- setColumnsConfigOptions: (value: React.SetStateAction<Record<string, ColumnConfig | {}>>) => void;
12
- handleDragEnd: (item: DropResult) => void;
13
- gridName?: string;
14
- gridSelectors: GridSelectorsType;
15
- gridActions: GridActionsType;
16
- isPresetsModalOpen: boolean;
17
- onClosePresetsModal: () => void;
18
- selectedPresetName: string;
19
- setSelectedPresetName: (value: string) => void;
20
- };
21
- export declare const GridModals: FC<ModalsProps>;
22
- export {};
@@ -1,27 +0,0 @@
1
- import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Input } from '../../../../Forms/Input/Input';
3
- import { Modal } from '../../../Modal/Modal';
4
- import { useCreatePreset } from '../../hooks/useCreatePreset';
5
- import { useDeletePreset } from '../../hooks/useDeletePreset';
6
- import { usePresetFileHandlers } from '../../hooks/usePresetFileHandlers';
7
- import { useSelectPreset } from '../../hooks/useSelectPreset';
8
- import ManageColumnForm from '../ManageColumnForm';
9
- import { PresetsModalBody } from '../PresetsModalBody';
10
- import { Trans } from '@lingui/react';
11
- export var GridModals = function (_a) {
12
- var manageColumnFormVisible = _a.manageColumnFormVisible, onCloseForm = _a.onCloseForm, resetColumnConfig = _a.resetColumnConfig, onConfirmForm = _a.onConfirmForm, manageColumnsFormDefinitions = _a.manageColumnsFormDefinitions, columnsConfigValues = _a.columnsConfigValues, setColumnsConfigOptions = _a.setColumnsConfigOptions, handleDragEnd = _a.handleDragEnd, gridName = _a.gridName, gridSelectors = _a.gridSelectors, gridActions = _a.gridActions, isPresetsModalOpen = _a.isPresetsModalOpen, onClosePresetsModal = _a.onClosePresetsModal, selectedPresetName = _a.selectedPresetName, setSelectedPresetName = _a.setSelectedPresetName;
13
- var _b = useSelectPreset({
14
- gridName: gridName,
15
- gridActions: gridActions,
16
- setSelectedPresetName: setSelectedPresetName,
17
- onClosePresetsModal: onClosePresetsModal,
18
- filters: gridSelectors.filter
19
- }), gridPresets = _b.gridPresets, setGridPresets = _b.setGridPresets, handleSelectPreset = _b.handleSelectPreset;
20
- var _c = useCreatePreset({ gridName: gridName, setGridPresets: setGridPresets, onClosePresetsModal: onClosePresetsModal, setSelectedPresetName: setSelectedPresetName, filters: gridSelectors.filter }), isCreatePresetModalOpen = _c.isCreatePresetModalOpen, handleCloseCreatePresetModal = _c.handleCloseCreatePresetModal, onOpenCreatePresetModal = _c.onOpenCreatePresetModal, handleCreatePreset = _c.handleCreatePreset, presetName = _c.presetName, handleChangePresetName = _c.handleChangePresetName;
21
- var _d = useDeletePreset({ gridName: gridName, selectedPresetName: selectedPresetName, setGridPresets: setGridPresets, setSelectedPresetName: setSelectedPresetName }), handleOpenDeletePresetModal = _d.handleOpenDeletePresetModal, handleDeletePreset = _d.handleDeletePreset, onCloseDeletePresetModal = _d.onCloseDeletePresetModal, presetNameToDelete = _d.presetNameToDelete, isDeletePresetModalOpen = _d.isDeletePresetModalOpen;
22
- var _e = usePresetFileHandlers({
23
- gridName: gridName,
24
- setGridPresets: setGridPresets
25
- }), fileInputRef = _e.fileInputRef, handleImportPresets = _e.handleImportPresets, handleExportPresets = _e.handleExportPresets, handleImportButtonClick = _e.handleImportButtonClick;
26
- return (_jsxs(_Fragment, { children: [manageColumnFormVisible && (_jsx(Modal, { title: _jsx(Trans, { id: "manageColumn.title", message: "Manage columns" }), onClose: onCloseForm, onCancel: onCloseForm, onExtraAction: resetColumnConfig, onConfirm: onConfirmForm, width: "auto", minWidth: "350px", hasFooter: true, extraActionLabel: _jsx(Trans, { id: "dataGrid.buttonClearConfig", message: "Reset config" }), cancelLabel: _jsx(Trans, { id: "form.buttonCancel", message: "Cancel" }), confirmLabel: _jsx(Trans, { id: "form.buttonConfirm", message: "Confirm" }), children: _jsx(ManageColumnForm, { columns: manageColumnsFormDefinitions, columnsConfigValues: columnsConfigValues, setColumnsConfigOptions: setColumnsConfigOptions, handleDragEnd: handleDragEnd }) })), _jsx(Modal, { isShown: isPresetsModalOpen, title: _jsx(Trans, { id: "dataGrid.presets.title", message: "Presets" }), onClose: onClosePresetsModal, width: "narrow", children: _jsx(PresetsModalBody, { onOpenCreatePresetModal: onOpenCreatePresetModal, gridPresets: gridPresets, handleSelectPreset: handleSelectPreset, handleOpenDeletePresetModal: handleOpenDeletePresetModal, selectedPresetName: selectedPresetName, handleExportPresets: handleExportPresets, handleImportPresets: handleImportPresets, handleImportButtonClick: handleImportButtonClick, fileInputRef: fileInputRef, filters: gridSelectors.filter }) }), _jsx(Modal, { isShown: isCreatePresetModalOpen, title: _jsx(Trans, { id: "dataGrid.createPreset.title", message: "Create preset" }), onCancel: handleCloseCreatePresetModal, onConfirm: handleCreatePreset, isConfirmDisabled: !presetName, width: "narrow", children: _jsx(Input, { type: "text", onChange: handleChangePresetName, value: presetName, label: _jsx(Trans, { id: "dataGrid.createPreset.title", message: "Preset name" }) }) }), _jsx(Modal, { isShown: isDeletePresetModalOpen, title: _jsx(Trans, { id: "dataGrid.deletePreset.title", message: "Delete preset" }), onCancel: onCloseDeletePresetModal, onConfirm: handleDeletePreset, isConfirmDisabled: !presetNameToDelete, width: "narrow", children: _jsxs(_Fragment, { children: [_jsx(Trans, { id: "dataGrid.deletePreset.confirm", message: "Are you sure you want to delete preset" }), " \"", presetNameToDelete, "\" ?"] }) })] }));
27
- };
@@ -1,16 +0,0 @@
1
- import { ChangeEvent, type FC, MouseEvent, RefObject } from 'react';
2
- import { Filtering } from '../../types';
3
- type PresetsModalBodyProps = {
4
- onOpenCreatePresetModal: () => void;
5
- gridPresets: Record<string, Record<string, any>>;
6
- handleSelectPreset: (presetName: string, filters: Filtering) => () => void;
7
- handleOpenDeletePresetModal: (presetName: string) => (e: MouseEvent) => void;
8
- selectedPresetName: string;
9
- handleExportPresets: () => void;
10
- handleImportButtonClick: () => void;
11
- handleImportPresets: (event: ChangeEvent<HTMLInputElement>) => void;
12
- fileInputRef: RefObject<HTMLInputElement>;
13
- filters?: Filtering;
14
- };
15
- export declare const PresetsModalBody: FC<PresetsModalBodyProps>;
16
- export {};
@@ -1,31 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
- import { useMemo } from 'react';
14
- import Button from '../../../../Elements/Button/Button';
15
- import { Cancel } from '../../../../Elements/Icon/icons/Cancel';
16
- import Tag from '../../../../Elements/Tag/Tag';
17
- import { palletes } from '../../../../Elements/Tag/palletes';
18
- import { H6 } from '../../../../Elements/Typography/Typography';
19
- import { Trans } from '@lingui/react';
20
- import { x } from '@xstyled/styled-components';
21
- import isEmpty from 'lodash/isEmpty';
22
- export var PresetsModalBody = function (_a) {
23
- var onOpenCreatePresetModal = _a.onOpenCreatePresetModal, gridPresets = _a.gridPresets, handleSelectPreset = _a.handleSelectPreset, handleOpenDeletePresetModal = _a.handleOpenDeletePresetModal, selectedPresetName = _a.selectedPresetName, handleExportPresets = _a.handleExportPresets, handleImportButtonClick = _a.handleImportButtonClick, handleImportPresets = _a.handleImportPresets, fileInputRef = _a.fileInputRef, filters = _a.filters;
24
- var presets = useMemo(function () { return Object.entries(gridPresets || {}); }, [gridPresets]);
25
- var hasPresets = !!(presets === null || presets === void 0 ? void 0 : presets.length);
26
- return (_jsxs(x.div, { children: [_jsx(x.div, { display: "flex", rowGap: "12px", children: hasPresets ? (presets === null || presets === void 0 ? void 0 : presets.map(function (_a, index) {
27
- var presetName = _a[0], filters = _a[1];
28
- var isSelected = presetName === selectedPresetName;
29
- return (_jsxs(Tag, __assign({ size: "big", onClick: handleSelectPreset(presetName, filters) }, (isSelected ? palletes.redWhite : palletes.redRed), { pointer: true, children: [_jsx(H6, { mt: 0, mb: 0, variant: "semiBold", children: presetName }), _jsx(x.div, { ml: "12px", h: "fit-content", onClick: handleOpenDeletePresetModal(presetName), children: _jsx(Cancel, { fill: isSelected ? 'white' : '#DB2B19' }) })] }), "".concat(presetName, "_").concat(index)));
30
- })) : (_jsx(Trans, { id: "dataGrid.noPresets.title", message: "No presets available" })) }), _jsx(x.input, { type: "file", accept: ".json", onChange: handleImportPresets, ref: fileInputRef, display: "none" }), _jsxs(x.div, { display: "flex", mt: "34px", gap: "12px", justifyContent: "space-between", children: [_jsxs(x.div, { display: "flex", gap: "12px", children: [hasPresets && (_jsx(Button, { onClick: handleExportPresets, type: "button", appearance: "secondary", children: _jsx(Trans, { id: "dataGrid.exportPreset.title", message: "Export presets" }) })), _jsx(Button, { onClick: handleImportButtonClick, type: "button", appearance: "secondary", children: _jsx(Trans, { id: "dataGrid.importPreset.title", message: "Import presets" }) })] }), _jsx(Button, { type: "button", onClick: onOpenCreatePresetModal, disabled: isEmpty(filters), children: _jsx(Trans, { id: "dataGrid.createNewPreset.title", message: "Create new preset" }) })] })] }));
31
- };
@@ -1,19 +0,0 @@
1
- import { ChangeEvent } from 'react';
2
- import { Filtering } from '../types';
3
- type Props = {
4
- gridName?: string;
5
- filters?: Filtering;
6
- onClosePresetsModal: () => void;
7
- setSelectedPresetName: (value: string) => void;
8
- setGridPresets: (data: Record<string, Filtering>) => void;
9
- };
10
- type HookType = (props: Props) => {
11
- isCreatePresetModalOpen: boolean;
12
- onOpenCreatePresetModal: () => void;
13
- handleCloseCreatePresetModal: () => void;
14
- presetName: string;
15
- handleChangePresetName: (event: ChangeEvent<HTMLInputElement>) => void;
16
- handleCreatePreset: () => void;
17
- };
18
- export declare const useCreatePreset: HookType;
19
- export {};
@@ -1,52 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- import { useCallback, useState } from 'react';
13
- import { useModal } from '../../Modal/hooks/useModal';
14
- import { presetsLocalStorageKey } from '../utils/constants';
15
- import isEmpty from 'lodash/isEmpty';
16
- import { useEvent } from './useEvent';
17
- export var useCreatePreset = function (_a) {
18
- var gridName = _a.gridName, filters = _a.filters, onClosePresetsModal = _a.onClosePresetsModal, setSelectedPresetName = _a.setSelectedPresetName, setGridPresets = _a.setGridPresets;
19
- var _b = useModal(), isCreatePresetModalOpen = _b.isOpen, onOpenCreatePresetModal = _b.onOpen, onCloseCreatePresetModal = _b.onClose;
20
- var _c = useState(''), presetName = _c[0], setPresetName = _c[1];
21
- var handleChangePresetName = useCallback(function (event) {
22
- setPresetName(event.target.value);
23
- }, []);
24
- var handleCloseCreatePresetModal = useCallback(function () {
25
- setPresetName('');
26
- onCloseCreatePresetModal();
27
- }, []);
28
- var handleCreatePreset = useEvent(function () {
29
- var _a;
30
- var _b;
31
- setPresetName('');
32
- onCloseCreatePresetModal();
33
- onClosePresetsModal();
34
- if (isEmpty(filters) || !gridName)
35
- return;
36
- var presetsAsString = localStorage.getItem(presetsLocalStorageKey);
37
- var presets = presetsAsString ? JSON.parse(presetsAsString) : {};
38
- var updatedPresets = __assign({}, presets);
39
- updatedPresets[gridName] = __assign(__assign({}, ((_b = updatedPresets[gridName]) !== null && _b !== void 0 ? _b : {})), (_a = {}, _a[presetName] = filters, _a));
40
- setGridPresets(updatedPresets[gridName]);
41
- setSelectedPresetName(presetName);
42
- localStorage.setItem(presetsLocalStorageKey, JSON.stringify(updatedPresets));
43
- });
44
- return {
45
- isCreatePresetModalOpen: isCreatePresetModalOpen,
46
- onOpenCreatePresetModal: onOpenCreatePresetModal,
47
- handleCloseCreatePresetModal: handleCloseCreatePresetModal,
48
- presetName: presetName,
49
- handleChangePresetName: handleChangePresetName,
50
- handleCreatePreset: handleCreatePreset
51
- };
52
- };
@@ -1,17 +0,0 @@
1
- import { MouseEvent } from 'react';
2
- import { Filtering } from '../types';
3
- type Props = {
4
- gridName?: string;
5
- selectedPresetName: string;
6
- setGridPresets: (data: Record<string, Filtering>) => void;
7
- setSelectedPresetName: (value: string) => void;
8
- };
9
- type HookType = (props: Props) => {
10
- handleOpenDeletePresetModal: (presetName: string) => (e: MouseEvent) => void;
11
- isDeletePresetModalOpen: boolean;
12
- handleDeletePreset: () => void;
13
- onCloseDeletePresetModal: () => void;
14
- presetNameToDelete?: string;
15
- };
16
- export declare const useDeletePreset: HookType;
17
- export {};
@@ -1,45 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- import { useCallback } from 'react';
13
- import { useModal } from '../../Modal/hooks/useModal';
14
- import { presetsLocalStorageKey } from '../utils/constants';
15
- export var useDeletePreset = function (_a) {
16
- var selectedPresetName = _a.selectedPresetName, gridName = _a.gridName, setGridPresets = _a.setGridPresets, setSelectedPresetName = _a.setSelectedPresetName;
17
- var _b = useModal(), isDeletePresetModalOpen = _b.isOpen, onOpenDeletePresetModal = _b.onOpen, onCloseDeletePresetModal = _b.onClose, presetNameToDelete = _b.data;
18
- var handleOpenDeletePresetModal = useCallback(function (presetName) { return function (e) {
19
- if (!presetName)
20
- return;
21
- e.stopPropagation();
22
- onOpenDeletePresetModal(presetName);
23
- }; }, [selectedPresetName]);
24
- var handleDeletePreset = useCallback(function () {
25
- if (!gridName || !presetNameToDelete)
26
- return;
27
- var presetsAsString = localStorage.getItem(presetsLocalStorageKey);
28
- var presets = presetsAsString ? JSON.parse(presetsAsString) : {};
29
- var updatedPresets = __assign({}, presets);
30
- delete updatedPresets[gridName][presetNameToDelete];
31
- setGridPresets(updatedPresets[gridName]);
32
- localStorage.setItem(presetsLocalStorageKey, JSON.stringify(updatedPresets));
33
- if (selectedPresetName === presetNameToDelete) {
34
- setSelectedPresetName('');
35
- }
36
- onCloseDeletePresetModal();
37
- }, [gridName, presetNameToDelete]);
38
- return {
39
- handleOpenDeletePresetModal: handleOpenDeletePresetModal,
40
- isDeletePresetModalOpen: isDeletePresetModalOpen,
41
- handleDeletePreset: handleDeletePreset,
42
- onCloseDeletePresetModal: onCloseDeletePresetModal,
43
- presetNameToDelete: presetNameToDelete
44
- };
45
- };
@@ -1,13 +0,0 @@
1
- import { ChangeEvent, RefObject } from 'react';
2
- type FileHandlersProps = {
3
- gridName?: string;
4
- setGridPresets: (data: Record<string, any>) => void;
5
- };
6
- type HookType = (props: FileHandlersProps) => {
7
- handleExportPresets: () => void;
8
- handleImportPresets: (event: ChangeEvent<HTMLInputElement>) => void;
9
- handleImportButtonClick: () => void;
10
- fileInputRef: RefObject<HTMLInputElement>;
11
- };
12
- export declare const usePresetFileHandlers: HookType;
13
- export {};
@@ -1,68 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- import { useRef, useCallback } from 'react';
13
- import { presetsLocalStorageKey } from '../utils/constants';
14
- export var usePresetFileHandlers = function (_a) {
15
- var gridName = _a.gridName, setGridPresets = _a.setGridPresets;
16
- var fileInputRef = useRef(null);
17
- var handleExportPresets = useCallback(function () {
18
- if (!gridName)
19
- return;
20
- var presetsAsString = localStorage.getItem(presetsLocalStorageKey);
21
- var presets = presetsAsString ? JSON.parse(presetsAsString) : {};
22
- var blob = new Blob([JSON.stringify(presets[gridName], null, 2)], {
23
- type: 'application/json'
24
- });
25
- var link = document.createElement('a');
26
- link.href = URL.createObjectURL(blob);
27
- link.download = "".concat(gridName, "Presets.json");
28
- document.body.appendChild(link);
29
- link.click();
30
- document.body.removeChild(link);
31
- }, [gridName]);
32
- var handleImportPresets = useCallback(function (event) {
33
- var _a;
34
- if (!gridName)
35
- return;
36
- var file = (_a = event.target.files) === null || _a === void 0 ? void 0 : _a[0];
37
- if (!file)
38
- return;
39
- var reader = new FileReader();
40
- reader.readAsText(file);
41
- reader.onload = function (e) {
42
- var _a;
43
- var _b;
44
- try {
45
- var fileContent = JSON.parse((_b = e.target) === null || _b === void 0 ? void 0 : _b.result);
46
- var presetsAsString = localStorage.getItem(presetsLocalStorageKey);
47
- var presets = presetsAsString ? JSON.parse(presetsAsString) : {};
48
- var newPresets = JSON.stringify(__assign(__assign({}, presets), (_a = {}, _a[gridName] = fileContent, _a)));
49
- localStorage.setItem(presetsLocalStorageKey, newPresets);
50
- setGridPresets(fileContent);
51
- }
52
- catch (error) {
53
- console.warn('Error parsing JSON file:', error);
54
- alert('The uploaded file is not a valid JSON.');
55
- }
56
- };
57
- }, [gridName]);
58
- var handleImportButtonClick = useCallback(function () {
59
- var _a;
60
- (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click();
61
- }, []);
62
- return {
63
- fileInputRef: fileInputRef,
64
- handleImportPresets: handleImportPresets,
65
- handleExportPresets: handleExportPresets,
66
- handleImportButtonClick: handleImportButtonClick
67
- };
68
- };
@@ -1,9 +0,0 @@
1
- type HookType = () => {
2
- isPresetsModalOpen: boolean;
3
- onOpenPresetsModal: () => void;
4
- onClosePresetsModal: () => void;
5
- selectedPresetName: string;
6
- setSelectedPresetName: (name: string) => void;
7
- };
8
- export declare const usePresetState: HookType;
9
- export {};
@@ -1,13 +0,0 @@
1
- import { useState } from 'react';
2
- import { useModal } from '../../Modal/hooks/useModal';
3
- export var usePresetState = function () {
4
- var _a = useModal(), isPresetsModalOpen = _a.isOpen, onOpenPresetsModal = _a.onOpen, onClosePresetsModal = _a.onClose;
5
- var _b = useState(''), selectedPresetName = _b[0], setSelectedPresetName = _b[1];
6
- return {
7
- isPresetsModalOpen: isPresetsModalOpen,
8
- onOpenPresetsModal: onOpenPresetsModal,
9
- onClosePresetsModal: onClosePresetsModal,
10
- selectedPresetName: selectedPresetName,
11
- setSelectedPresetName: setSelectedPresetName
12
- };
13
- };
@@ -1,15 +0,0 @@
1
- import { Filtering, GridActionsType } from '../types';
2
- type Props = {
3
- gridName?: string;
4
- gridActions: GridActionsType;
5
- setSelectedPresetName: (value: string) => void;
6
- onClosePresetsModal: () => void;
7
- filters?: Filtering;
8
- };
9
- type HookType = (props: Props) => {
10
- gridPresets: Record<string, Filtering>;
11
- handleSelectPreset: (presetName: string, filters: Filtering) => () => void;
12
- setGridPresets: (data: Record<string, Filtering>) => void;
13
- };
14
- export declare const useSelectPreset: HookType;
15
- export {};
@@ -1,47 +0,0 @@
1
- import { useCallback, useEffect, useState } from 'react';
2
- import { isEqual } from 'lodash';
3
- import { presetsLocalStorageKey } from '../utils/constants';
4
- var getInitialPresets = function (gridName) {
5
- var _a;
6
- if (!gridName)
7
- return {};
8
- try {
9
- var presetsAsString = localStorage.getItem(presetsLocalStorageKey);
10
- var presets = presetsAsString ? JSON.parse(presetsAsString) : {};
11
- return gridName ? (_a = presets[gridName]) !== null && _a !== void 0 ? _a : {} : {};
12
- }
13
- catch (error) {
14
- console.error('Error parsing JSON file:', error);
15
- }
16
- };
17
- export var useSelectPreset = function (_a) {
18
- var gridName = _a.gridName, gridActions = _a.gridActions, setSelectedPresetName = _a.setSelectedPresetName, onClosePresetsModal = _a.onClosePresetsModal, filters = _a.filters;
19
- var _b = useState(false), isFilterChangeFromButton = _b[0], setIsFilterChangeFromButton = _b[1];
20
- var _c = useState(getInitialPresets(gridName)), gridPresets = _c[0], setGridPresets = _c[1];
21
- var handleSelectPreset = useCallback(function (presetName, filters) { return function () {
22
- var _a;
23
- setSelectedPresetName(presetName);
24
- (_a = gridActions.setFilters) === null || _a === void 0 ? void 0 : _a.call(gridActions, filters);
25
- onClosePresetsModal();
26
- setIsFilterChangeFromButton(true);
27
- }; }, [gridActions]);
28
- useEffect(function () {
29
- if (!isFilterChangeFromButton) {
30
- setSelectedPresetName('');
31
- }
32
- setIsFilterChangeFromButton(false);
33
- }, [filters]);
34
- useEffect(function () {
35
- var _a;
36
- if (!gridName || !gridPresets)
37
- return;
38
- var activePreset = (_a = Object.entries(gridPresets)) === null || _a === void 0 ? void 0 : _a.find(function (_a) {
39
- var presetName = _a[0], presetFilters = _a[1];
40
- return isEqual(presetFilters, filters);
41
- });
42
- if (activePreset) {
43
- setSelectedPresetName(activePreset[0]);
44
- }
45
- }, []);
46
- return { gridPresets: gridPresets, setGridPresets: setGridPresets, handleSelectPreset: handleSelectPreset };
47
- };
@@ -1 +0,0 @@
1
- export declare const presetsLocalStorageKey = "commonGridPresets";
@@ -1 +0,0 @@
1
- export var presetsLocalStorageKey = 'commonGridPresets';
@@ -1,8 +0,0 @@
1
- import { FC } from 'react';
2
- export type BarChartSymbolProps = {
3
- selected?: number;
4
- total?: number;
5
- height?: number;
6
- color?: string;
7
- };
8
- export declare const BarChartSymbol: FC<BarChartSymbolProps>;
@@ -1,7 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { x } from '@xstyled/styled-components';
3
- import { Bar } from './styles';
4
- export var BarChartSymbol = function (_a) {
5
- var _b = _a.total, total = _b === void 0 ? 3 : _b, _c = _a.height, height = _c === void 0 ? 14 : _c, _d = _a.selected, selected = _d === void 0 ? 3 : _d, color = _a.color;
6
- return (_jsx(x.div, { display: "flex", alignItems: "flex-end", gap: "2px", children: Array.from({ length: total }).map(function (_, index) { return (_jsx(Bar, { total: total, index: index + 1, height: height, selected: selected, color: color }, index)); }) }));
7
- };
@@ -1 +0,0 @@
1
- export { BarChartSymbol } from './BarChartSymbol';
@@ -1 +0,0 @@
1
- export { BarChartSymbol } from './BarChartSymbol';
@@ -1,13 +0,0 @@
1
- /// <reference types="react" />
2
- import type { StoryObj } from '@storybook/react';
3
- declare const meta: {
4
- title: string;
5
- component: import("react").FC<import("../BarChartSymbol").BarChartSymbolProps>;
6
- tags: string[];
7
- argTypes: {};
8
- };
9
- export default meta;
10
- type Story = StoryObj<typeof meta>;
11
- export declare const Default: Story;
12
- export declare const MediumBarchChart: Story;
13
- export declare const LowBarChart: Story;
@@ -1,26 +0,0 @@
1
- import { BarChartSymbol } from '../';
2
- var meta = {
3
- title: 'Elements/BarChartSymbol',
4
- component: BarChartSymbol,
5
- tags: ['autodocs'],
6
- argTypes: {}
7
- };
8
- export default meta;
9
- export var Default = {
10
- args: {
11
- selected: 3,
12
- color: 'green'
13
- }
14
- };
15
- export var MediumBarchChart = {
16
- args: {
17
- selected: 2,
18
- color: 'orange',
19
- }
20
- };
21
- export var LowBarChart = {
22
- args: {
23
- selected: 1,
24
- color: 'red1',
25
- }
26
- };
@@ -1,7 +0,0 @@
1
- export declare const Bar: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
2
- height: number;
3
- index: number;
4
- total: number;
5
- selected: number;
6
- color?: string | undefined;
7
- }, never>;
@@ -1,14 +0,0 @@
1
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
2
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
3
- return cooked;
4
- };
5
- import { styled, th } from '@xstyled/styled-components';
6
- var minHeight = 7;
7
- export var Bar = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 3px;\n height: ", "px;\n background-color: ", ";\n border-radius: 7px;\n"], ["\n width: 3px;\n height: ", "px;\n background-color: ", ";\n border-radius: 7px;\n"])), function (_a) {
8
- var index = _a.index, height = _a.height, total = _a.total;
9
- return minHeight + (index - 1) * ((height - minHeight) / (total - 1));
10
- }, function (_a) {
11
- var selected = _a.selected, index = _a.index, color = _a.color;
12
- return selected >= index ? th.color(color || 'red1') : th.color('lightGray6');
13
- });
14
- var templateObject_1;