@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.
- package/package.json +1 -2
- package/ui/Blocks/CommonGrid/CommonGridContainer.js +11 -11
- package/ui/Blocks/CommonGrid/HoC/withReduxActions.js +1 -2
- package/ui/Blocks/CommonGrid/components/ControlButtons/ControlButtons.d.ts +1 -5
- package/ui/Blocks/CommonGrid/components/ControlButtons/ControlButtons.js +6 -19
- package/ui/Blocks/CommonGrid/components/ControlButtons/styles.js +1 -1
- package/ui/Blocks/CommonGrid/components/HeadCell.d.ts +1 -1
- package/ui/Blocks/CommonGrid/components/HeadCell.js +4 -6
- package/ui/Blocks/CommonGrid/components/HeadRow.d.ts +1 -1
- package/ui/Blocks/CommonGrid/components/HeadRow.js +4 -4
- package/ui/Blocks/CommonGrid/components/ManageColumnForm/ManageColumnForm.d.ts +2 -2
- package/ui/Blocks/CommonGrid/components/ManageColumnForm/ManageColumnForm.js +4 -4
- package/ui/Blocks/CommonGrid/store/index.d.ts +1 -3
- package/ui/Blocks/CommonGrid/store/index.js +89 -89
- package/ui/Blocks/CommonGrid/storybook/stories/complexWithPaginationAndRedux.stories.js +1 -1
- package/ui/Blocks/CommonGrid/types.d.ts +0 -3
- package/ui/Elements/Tag/palletes.js +0 -3
- package/ui/Elements/Text/types.d.ts +0 -1
- package/ui/index.es.js +16183 -16526
- package/ui/index.umd.js +622 -621
- package/ui/utils/translations.js +1 -1
- package/ui/Blocks/CommonGrid/components/GridModals/index.d.ts +0 -22
- package/ui/Blocks/CommonGrid/components/GridModals/index.js +0 -27
- package/ui/Blocks/CommonGrid/components/PresetsModalBody/index.d.ts +0 -16
- package/ui/Blocks/CommonGrid/components/PresetsModalBody/index.js +0 -31
- package/ui/Blocks/CommonGrid/hooks/useCreatePreset.d.ts +0 -19
- package/ui/Blocks/CommonGrid/hooks/useCreatePreset.js +0 -52
- package/ui/Blocks/CommonGrid/hooks/useDeletePreset.d.ts +0 -17
- package/ui/Blocks/CommonGrid/hooks/useDeletePreset.js +0 -45
- package/ui/Blocks/CommonGrid/hooks/usePresetFileHandlers.d.ts +0 -13
- package/ui/Blocks/CommonGrid/hooks/usePresetFileHandlers.js +0 -68
- package/ui/Blocks/CommonGrid/hooks/usePresetsState.d.ts +0 -9
- package/ui/Blocks/CommonGrid/hooks/usePresetsState.js +0 -13
- package/ui/Blocks/CommonGrid/hooks/useSelectPreset.d.ts +0 -15
- package/ui/Blocks/CommonGrid/hooks/useSelectPreset.js +0 -47
- package/ui/Blocks/CommonGrid/utils/constants.d.ts +0 -1
- package/ui/Blocks/CommonGrid/utils/constants.js +0 -1
- package/ui/Elements/BarChartSymbol/BarChartSymbol.d.ts +0 -8
- package/ui/Elements/BarChartSymbol/BarChartSymbol.js +0 -7
- package/ui/Elements/BarChartSymbol/index.d.ts +0 -1
- package/ui/Elements/BarChartSymbol/index.js +0 -1
- package/ui/Elements/BarChartSymbol/stories/BarChartSymbol.stories.d.ts +0 -13
- package/ui/Elements/BarChartSymbol/stories/BarChartSymbol.stories.js +0 -26
- package/ui/Elements/BarChartSymbol/styles.d.ts +0 -7
- package/ui/Elements/BarChartSymbol/styles.js +0 -14
package/ui/utils/translations.js
CHANGED
|
@@ -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: "
|
|
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,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,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;
|