ydb-embedded-ui 8.11.0 → 8.11.1
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/dist/components/JsonViewer/JsonViewer.js +10 -4
- package/dist/components/JsonViewer/JsonViewer.js.map +1 -1
- package/dist/components/JsonViewer/components/Filter.d.ts +2 -0
- package/dist/components/JsonViewer/components/Filter.js +3 -6
- package/dist/components/JsonViewer/components/Filter.js.map +1 -1
- package/dist/{index.css → styles/index.scss} +4 -0
- package/dist/styles/themes.scss +0 -3
- package/dist/styles/unipika.scss +7 -0
- package/package.json +1 -1
|
@@ -42,7 +42,7 @@ function calculateState(value, collapsedState, filter, caseSensitive) {
|
|
|
42
42
|
});
|
|
43
43
|
}
|
|
44
44
|
export function JsonViewer({ tableSettings, value, unipikaSettings, search = true, extraTools, collapsedInitially, }) {
|
|
45
|
-
const [caseSensitiveSearch] = useSetting(CASE_SENSITIVE_JSON_SEARCH, false);
|
|
45
|
+
const [caseSensitiveSearch, setCaseSensitiveSearch] = useSetting(CASE_SENSITIVE_JSON_SEARCH, false);
|
|
46
46
|
const [collapsedState, setCollapsedState] = React.useState(() => {
|
|
47
47
|
if (collapsedInitially) {
|
|
48
48
|
return getCollapsedState(value);
|
|
@@ -77,7 +77,7 @@ export function JsonViewer({ tableSettings, value, unipikaSettings, search = tru
|
|
|
77
77
|
updateState({ collapsedState: newCollapsedState });
|
|
78
78
|
};
|
|
79
79
|
const updateState = (changedState, cb) => {
|
|
80
|
-
const { collapsedState: newCollapsedState, matchIndex: newMatchIndex, filter: newFilter, } = changedState;
|
|
80
|
+
const { collapsedState: newCollapsedState, matchIndex: newMatchIndex, filter: newFilter, caseSensitive: newCaseSensitive, } = changedState;
|
|
81
81
|
if (newCollapsedState !== undefined) {
|
|
82
82
|
setCollapsedState(newCollapsedState);
|
|
83
83
|
}
|
|
@@ -87,7 +87,8 @@ export function JsonViewer({ tableSettings, value, unipikaSettings, search = tru
|
|
|
87
87
|
if (newFilter !== undefined) {
|
|
88
88
|
setFilter(newFilter);
|
|
89
89
|
}
|
|
90
|
-
|
|
90
|
+
const caseSensitive = newCaseSensitive !== null && newCaseSensitive !== void 0 ? newCaseSensitive : caseSensitiveSearch;
|
|
91
|
+
setState(calculateState(value, newCollapsedState !== null && newCollapsedState !== void 0 ? newCollapsedState : collapsedState, newFilter !== null && newFilter !== void 0 ? newFilter : filter, caseSensitive));
|
|
91
92
|
cb === null || cb === void 0 ? void 0 : cb();
|
|
92
93
|
};
|
|
93
94
|
const renderTable = () => {
|
|
@@ -145,8 +146,13 @@ export function JsonViewer({ tableSettings, value, unipikaSettings, search = tru
|
|
|
145
146
|
onNextMatch(null);
|
|
146
147
|
}
|
|
147
148
|
};
|
|
149
|
+
const handleUpdateCaseSensitive = () => {
|
|
150
|
+
const newCaseSensitive = !caseSensitiveSearch;
|
|
151
|
+
setCaseSensitiveSearch(newCaseSensitive);
|
|
152
|
+
updateState({ caseSensitive: newCaseSensitive });
|
|
153
|
+
};
|
|
148
154
|
const renderToolbar = () => {
|
|
149
|
-
return (_jsxs(Flex, { gap: 2, wrap: "nowrap", className: block('toolbar'), children: [_jsxs(Flex, { gap: 1, wrap: "nowrap", children: [_jsx(ActionTooltip, { title: i18n('action_expand-all'), children: _jsx(Button, { onClick: onExpandAll, view: "flat-secondary", children: _jsx(Icon, { data: ArrowDownToLineIcon }) }) }), _jsx(ActionTooltip, { title: i18n('action_collapse-all'), children: _jsx(Button, { onClick: onCollapseAll, view: "flat-secondary", children: _jsx(Icon, { data: ArrowUpFromLineIcon }) }) })] }), search && (_jsx(Filter, { onUpdate: onFilterChange, matchIndex: matchIndex, matchedRows: state.matchedRows, value: filter, ref: searchRef, onKeyDown: onEnterKeyDown, onNextMatch: onNextMatch, onPrevMatch: onPrevMatch })), _jsx("span", { className: block('extra-tools'), children: extraTools })] }));
|
|
155
|
+
return (_jsxs(Flex, { gap: 2, wrap: "nowrap", className: block('toolbar'), children: [_jsxs(Flex, { gap: 1, wrap: "nowrap", children: [_jsx(ActionTooltip, { title: i18n('action_expand-all'), children: _jsx(Button, { onClick: onExpandAll, view: "flat-secondary", children: _jsx(Icon, { data: ArrowDownToLineIcon }) }) }), _jsx(ActionTooltip, { title: i18n('action_collapse-all'), children: _jsx(Button, { onClick: onCollapseAll, view: "flat-secondary", children: _jsx(Icon, { data: ArrowUpFromLineIcon }) }) })] }), search && (_jsx(Filter, { onUpdate: onFilterChange, matchIndex: matchIndex, matchedRows: state.matchedRows, value: filter, ref: searchRef, onKeyDown: onEnterKeyDown, onNextMatch: onNextMatch, onPrevMatch: onPrevMatch, caseSensitive: caseSensitiveSearch, onUpdateCaseSensitive: handleUpdateCaseSensitive })), _jsx("span", { className: block('extra-tools'), children: extraTools })] }));
|
|
150
156
|
};
|
|
151
157
|
const onShowFullText = (index) => {
|
|
152
158
|
const { flattenResult: { searchIndex, data }, } = state;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JsonViewer.js","sourceRoot":"","sources":["../../../src/components/JsonViewer/JsonViewer.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,SAAS,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAC,aAAa,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEpE,OAAO,EAAC,0BAA0B,EAAC,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAC,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,MAAM,EAAC,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAC,KAAK,EAAC,MAAM,aAAa,CAAC;AAClC,OAAO,IAAI,MAAM,QAAQ,CAAC;AAE1B,OAAO,EAAC,cAAc,EAAC,MAAM,0BAA0B,CAAC;AAOxD,OAAO,EAAC,OAAO,EAAC,MAAM,mBAAmB,CAAC;AAE1C,OAAO,mBAAmB,MAAM,+CAA+C,CAAC;AAChF,OAAO,mBAAmB,MAAM,+CAA+C,CAAC;AAEhF,OAAO,mBAAmB,CAAC;AAwB3B,MAAM,QAAQ,GAAmB;IAC7B,cAAc,EAAE,KAAK;IACrB,aAAa,EAAE,IAAI;IACnB,QAAQ,EAAE,KAAK;IACf,oBAAoB,EAAE,GAAG;CAC5B,CAAC;AAEF,SAAS,iBAAiB,CAAC,KAAmB;IAC1C,MAAM,EAAC,IAAI,EAAC,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IACrC,MAAM,cAAc,GAAG,IAAI,CAAC,MAAM,CAAiB,CAAC,GAAG,EAAE,EAAC,IAAI,EAAC,EAAE,EAAE;QAC/D,IAAI,IAAI,EAAE,CAAC;YACP,GAAG,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;QACrB,CAAC;QACD,OAAO,GAAG,CAAC;IACf,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,cAAc,CAAC;AAC1B,CAAC;AAED,SAAS,cAAc,CACnB,KAAmB,EACnB,cAA8B,EAC9B,MAAc,EACd,aAAuB;IAEvB,MAAM,aAAa,GAAG,cAAc,CAAC,KAAK,EAAE;QACxC,cAAc,EAAE,cAAc;QAC9B,MAAM;QACN,aAAa;KAChB,CAAC,CAAC;IAEH,OAAO,MAAM,CAAC,MAAM,CAChB,EAAE,EACF;QACI,aAAa;QACb,WAAW,EAAE,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC;KAClE,CACJ,CAAC;AACN,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,EACvB,aAAa,EACb,KAAK,EACL,eAAe,EACf,MAAM,GAAG,IAAI,EACb,UAAU,EACV,kBAAkB,GACJ;IACd,MAAM,CAAC,mBAAmB,CAAC,GAAG,UAAU,
|
|
1
|
+
{"version":3,"file":"JsonViewer.js","sourceRoot":"","sources":["../../../src/components/JsonViewer/JsonViewer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,6 +7,8 @@ interface FilterProps {
|
|
|
7
7
|
onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
8
8
|
onNextMatch?: (_event: unknown, diff?: number) => void;
|
|
9
9
|
onPrevMatch?: (_event: unknown, diff?: number) => void;
|
|
10
|
+
caseSensitive?: boolean;
|
|
11
|
+
onUpdateCaseSensitive: VoidFunction;
|
|
10
12
|
}
|
|
11
13
|
export declare const Filter: React.ForwardRefExoticComponent<FilterProps & React.RefAttributes<HTMLInputElement>>;
|
|
12
14
|
export {};
|
|
@@ -1,19 +1,16 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { ActionTooltip, Button, Flex, Icon, TextInput } from '@gravity-ui/uikit';
|
|
4
|
-
import { CASE_SENSITIVE_JSON_SEARCH } from '../../../utils/constants';
|
|
5
|
-
import { useSetting } from '../../../utils/hooks';
|
|
6
4
|
import { block } from '../constants';
|
|
7
5
|
import i18n from '../i18n';
|
|
8
6
|
import ChevronDownIcon from '@gravity-ui/icons/svgs/chevron-down.svg';
|
|
9
7
|
import ChevronUpIcon from '@gravity-ui/icons/svgs/chevron-up.svg';
|
|
10
8
|
import FontCaseIcon from '@gravity-ui/icons/svgs/font-case.svg';
|
|
11
|
-
export const Filter = React.forwardRef(function Filter({ matchIndex, matchedRows, value, onUpdate, onKeyDown, onNextMatch, onPrevMatch }, ref) {
|
|
12
|
-
const [caseSensitiveSearch, setCaseSensitiveSearch] = useSetting(CASE_SENSITIVE_JSON_SEARCH, false);
|
|
9
|
+
export const Filter = React.forwardRef(function Filter({ matchIndex, matchedRows, value, onUpdate, onKeyDown, onNextMatch, onPrevMatch, caseSensitive, onUpdateCaseSensitive, }, ref) {
|
|
13
10
|
const count = matchedRows.length;
|
|
14
11
|
const matchPosition = count ? 1 + (matchIndex % count) : 0;
|
|
15
|
-
return (_jsxs(React.Fragment, { children: [_jsx(TextInput, { ref: ref, className: block('filter'), hasClear: true, size: "m", type: "text", value: value, placeholder: i18n('description_search'), onUpdate: onUpdate, autoFocus: false, onKeyDown: onKeyDown, endContent: _jsx(ActionTooltip, { title:
|
|
12
|
+
return (_jsxs(React.Fragment, { children: [_jsx(TextInput, { ref: ref, className: block('filter'), hasClear: true, size: "m", type: "text", value: value, placeholder: i18n('description_search'), onUpdate: onUpdate, autoFocus: false, onKeyDown: onKeyDown, endContent: _jsx(ActionTooltip, { title: caseSensitive
|
|
16
13
|
? i18n('context_case-sensitive-search')
|
|
17
|
-
: i18n('context_case-sensitive-search-disabled'), children: _jsx(Button, { view: "flat-secondary", onClick:
|
|
14
|
+
: i18n('context_case-sensitive-search-disabled'), children: _jsx(Button, { view: "flat-secondary", onClick: onUpdateCaseSensitive, selected: caseSensitive, children: _jsx(Icon, { data: FontCaseIcon }) }) }) }), _jsxs(Flex, { gap: 1, wrap: "nowrap", children: [_jsx(Button, { className: block('match-btn'), view: "flat-secondary", title: i18n('action_next'), onClick: onNextMatch, disabled: !count, children: _jsx(Icon, { data: ChevronDownIcon }) }), _jsx(Button, { className: block('match-btn'), view: "flat-secondary", title: i18n('action_back'), onClick: onPrevMatch, disabled: !count, children: _jsx(Icon, { data: ChevronUpIcon }) })] }), _jsxs("span", { className: block('match-counter'), title: i18n('description_matched-rows'), children: [matchPosition, " / ", count || 0] })] }));
|
|
18
15
|
});
|
|
19
16
|
//# sourceMappingURL=Filter.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Filter.js","sourceRoot":"","sources":["../../../../src/components/JsonViewer/components/Filter.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,aAAa,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAE/E,OAAO,EAAC,
|
|
1
|
+
{"version":3,"file":"Filter.js","sourceRoot":"","sources":["../../../../src/components/JsonViewer/components/Filter.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,aAAa,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAE/E,OAAO,EAAC,KAAK,EAAC,MAAM,cAAc,CAAC;AACnC,OAAO,IAAI,MAAM,SAAS,CAAC;AAE3B,OAAO,eAAe,MAAM,yCAAyC,CAAC;AACtE,OAAO,aAAa,MAAM,uCAAuC,CAAC;AAClE,OAAO,YAAY,MAAM,sCAAsC,CAAC;AAchE,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAgC,SAAS,MAAM,CACjF,EACI,UAAU,EACV,WAAW,EACX,KAAK,EACL,QAAQ,EACR,SAAS,EACT,WAAW,EACX,WAAW,EACX,aAAa,EACb,qBAAqB,GACxB,EACD,GAAG;IAEH,MAAM,KAAK,GAAG,WAAW,CAAC,MAAM,CAAC;IACjC,MAAM,aAAa,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,UAAU,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3D,OAAO,CACH,MAAC,KAAK,CAAC,QAAQ,eACX,KAAC,SAAS,IACN,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,EAC1B,QAAQ,QACR,IAAI,EAAC,GAAG,EACR,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,IAAI,CAAC,oBAAoB,CAAC,EACvC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,KAAK,EAChB,SAAS,EAAE,SAAS,EACpB,UAAU,EACN,KAAC,aAAa,IACV,KAAK,EACD,aAAa;wBACT,CAAC,CAAC,IAAI,CAAC,+BAA+B,CAAC;wBACvC,CAAC,CAAC,IAAI,CAAC,wCAAwC,CAAC,YAGxD,KAAC,MAAM,IACH,IAAI,EAAC,gBAAgB,EACrB,OAAO,EAAE,qBAAqB,EAC9B,QAAQ,EAAE,aAAa,YAEvB,KAAC,IAAI,IAAC,IAAI,EAAE,YAAY,GAAI,GACvB,GACG,GAEtB,EACF,MAAC,IAAI,IAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAC,QAAQ,aACvB,KAAC,MAAM,IACH,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC,EAC7B,IAAI,EAAC,gBAAgB,EACrB,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,EAC1B,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,CAAC,KAAK,YAEhB,KAAC,IAAI,IAAC,IAAI,EAAE,eAAe,GAAI,GAC1B,EACT,KAAC,MAAM,IACH,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC,EAC7B,IAAI,EAAC,gBAAgB,EACrB,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,EAC1B,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,CAAC,KAAK,YAEhB,KAAC,IAAI,IAAC,IAAI,EAAE,aAAa,GAAI,GACxB,IACN,EACP,gBAAM,SAAS,EAAE,KAAK,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,0BAA0B,CAAC,aAC3E,aAAa,SAAK,KAAK,IAAI,CAAC,IAC1B,IACM,CACpB,CAAC;AACN,CAAC,CAAC,CAAC"}
|
package/dist/styles/themes.scss
CHANGED
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
@use './themes/light-hc';
|
|
3
3
|
@use './themes/dark';
|
|
4
4
|
@use './themes/dark-hc';
|
|
5
|
-
@use '~@gravity-ui/unipika/styles/unipika.scss';
|
|
6
5
|
|
|
7
6
|
// Override @gravity-ui/uikit color palette with our own colors
|
|
8
7
|
|
|
@@ -55,7 +54,6 @@
|
|
|
55
54
|
--g-color-text-link: var(--g-color-private-blue-550-solid);
|
|
56
55
|
--g-color-text-link-hover: var(--g-color-private-blue-700-solid);
|
|
57
56
|
@include dark.colors-private-dark;
|
|
58
|
-
@include unipika.unipika-dark;
|
|
59
57
|
}
|
|
60
58
|
|
|
61
59
|
&_theme_dark-hc {
|
|
@@ -71,6 +69,5 @@
|
|
|
71
69
|
--g-color-text-link: var(--g-color-private-blue-650-solid);
|
|
72
70
|
--g-color-text-link-hover: var(--g-color-private-blue-800-solid);
|
|
73
71
|
@include dark-hc.colors-private-dark-hc;
|
|
74
|
-
@include unipika.unipika-dark;
|
|
75
72
|
}
|
|
76
73
|
}
|
package/dist/styles/unipika.scss
CHANGED