@hitachivantara/uikit-react-pentaho 0.5.0 → 0.5.2
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.
|
@@ -97,7 +97,7 @@ const ToolbarTabEditor = ({
|
|
|
97
97
|
setIsEditing(edit);
|
|
98
98
|
onEditChangeProp?.(edit);
|
|
99
99
|
};
|
|
100
|
-
|
|
100
|
+
uikitReactCore.useEnhancedEffect(() => {
|
|
101
101
|
if (isEditing) moveCursorToEnd();
|
|
102
102
|
}, [isEditing, value]);
|
|
103
103
|
const handleInput = (event) => {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
|
-
import { useRef, useState
|
|
3
|
-
import { createClasses, theme, useControlled, HvTypography, isKey } from "@hitachivantara/uikit-react-core";
|
|
2
|
+
import { useRef, useState } from "react";
|
|
3
|
+
import { createClasses, theme, useControlled, useEnhancedEffect, HvTypography, isKey } from "@hitachivantara/uikit-react-core";
|
|
4
4
|
import { Edit } from "@hitachivantara/uikit-react-icons";
|
|
5
5
|
const { staticClasses, useClasses } = createClasses(
|
|
6
6
|
"HvCanvasToolbarTabs-editor",
|
|
@@ -95,7 +95,7 @@ const ToolbarTabEditor = ({
|
|
|
95
95
|
setIsEditing(edit);
|
|
96
96
|
onEditChangeProp?.(edit);
|
|
97
97
|
};
|
|
98
|
-
|
|
98
|
+
useEnhancedEffect(() => {
|
|
99
99
|
if (isEditing) moveCursorToEnd();
|
|
100
100
|
}, [isEditing, value]);
|
|
101
101
|
const handleInput = (event) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarTabEditor.js","sources":["../../../../src/Canvas/ToolbarTabs/ToolbarTabEditor.tsx"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"ToolbarTabEditor.js","sources":["../../../../src/Canvas/ToolbarTabs/ToolbarTabEditor.tsx"],"sourcesContent":["import { useRef, useState } from \"react\";\nimport {\n createClasses,\n ExtractNames,\n HvTypography,\n HvTypographyProps,\n isKey,\n theme,\n useControlled,\n useEnhancedEffect,\n} from \"@hitachivantara/uikit-react-core\";\nimport { Edit } from \"@hitachivantara/uikit-react-icons\";\n\n// TODO - Extract component in the future: when we have more specs and/or is used in other components\n\nconst { staticClasses, useClasses } = createClasses(\n \"HvCanvasToolbarTabs-editor\",\n {\n root: {\n position: \"relative\",\n display: \"flex\",\n width: \"100%\",\n overflow: \"hidden\",\n \"&:has($label:hover:not($edit))\": {\n color: theme.colors.secondary_80,\n \"& $editIcon\": { visibility: \"visible\" },\n },\n },\n edit: {\n color: theme.colors.secondary_80,\n borderColor: \"currentColor\",\n backgroundColor: theme.colors.atmo1,\n cursor: \"text\",\n },\n label: {\n width: \"100%\",\n boxSizing: \"border-box\",\n border: \"1px solid transparent\",\n borderRadius: theme.radii.base,\n padding: theme.spacing(0, \"sm\", 0, \"xs\"),\n textAlign: \"start\",\n whiteSpace: \"nowrap\",\n overflow: \"hidden\",\n outline: \"none\",\n \"&:not($edit)\": {\n textOverflow: \"ellipsis\",\n },\n \"&:hover:not($edit)\": {\n color: theme.colors.secondary_80,\n borderColor: theme.colors.containerBackgroundHover,\n backgroundColor: theme.colors.containerBackgroundHover,\n },\n },\n editIcon: {\n position: \"absolute\",\n right: theme.spacing(0.5),\n top: 4,\n width: 16,\n height: 16,\n visibility: \"hidden\",\n pointerEvents: \"none\",\n },\n },\n);\n\nexport { staticClasses as toolbarTabEditorClasses };\n\ntype ToolbarTabEditorClasses = ExtractNames<typeof useClasses>;\n\ninterface ToolbarTabEditorProps\n extends Omit<HvTypographyProps, \"classes\" | \"onBlur\" | \"onChange\"> {\n /** The value of the component. When used, the component has to be controlled. */\n value?: string;\n /** The default value of the component. */\n defaultValue?: string;\n /** Whether the editor is in edit mode. When used, the prop has to be controlled. */\n edit?: boolean;\n /** A Jss Object used to override or extend the styles applied. */\n classes?: ToolbarTabEditorClasses;\n /** Called the field is blurred. */\n onBlur?: (\n event: React.FocusEvent<Element> | React.KeyboardEvent<Element>,\n value: string,\n ) => void;\n /** Called the value changes. */\n onChange?: (\n event: React.FormEvent<Element> | React.KeyboardEvent<Element>,\n value: string,\n ) => void;\n /** Called the `edit` prop changes. */\n onEditChange?: (value: boolean) => void;\n}\n\nconst sanitize = (value: string) =>\n value\n .replace(/&/g, \"&\")\n .replace(/</g, \"<\")\n .replace(/>/g, \">\")\n .replace(/\"/g, \""\")\n .replace(/'/g, \"'\");\n\nexport const ToolbarTabEditor = ({\n id,\n className,\n edit: editProp,\n value: valueProp,\n defaultValue: defaultValueProp = \"\",\n classes: classesProp,\n onInput: onInputProp,\n onClick: onClickProp,\n onBlur: onBlurProp,\n onKeyDown: onKeyDownProp,\n onChange: onChangeProp,\n onEditChange: onEditChangeProp,\n ...others\n}: ToolbarTabEditorProps) => {\n const { cx, classes } = useClasses(classesProp);\n\n const contentEditableRef = useRef<HTMLSpanElement>(null);\n\n // Sanitize content\n const [value, setValue] = useControlled(\n valueProp ? sanitize(valueProp) : valueProp,\n defaultValueProp ? sanitize(defaultValueProp) : defaultValueProp,\n );\n const [cachedValue, setCachedValue] = useState(value);\n const [isEditing, setIsEditing] = useControlled(editProp, false);\n\n const moveCursorToEnd = () => {\n if (!contentEditableRef.current) return;\n const element = contentEditableRef.current;\n const range = document.createRange();\n const selection = window.getSelection();\n range.selectNodeContents(element);\n range.collapse(false);\n selection?.removeAllRanges();\n selection?.addRange(range);\n element.scrollLeft = element.scrollWidth;\n };\n\n const scrollContentToStart = () => {\n if (!contentEditableRef.current) return;\n const element = contentEditableRef.current;\n element.scrollLeft = 0;\n };\n\n const changeEdit = (edit: boolean) => {\n setIsEditing(edit);\n onEditChangeProp?.(edit);\n };\n\n // Update cursor when value updates: otherwise it goes to the start\n useEnhancedEffect(() => {\n if (isEditing) moveCursorToEnd();\n }, [isEditing, value]);\n\n const handleInput: HvTypographyProps[\"onInput\"] = (event) => {\n // Sanitize content\n const newValue = sanitize((event.target as any).textContent) || \"\";\n setValue(newValue);\n onInputProp?.(event);\n onChangeProp?.(event, newValue);\n };\n\n const handleClick: HvTypographyProps[\"onClick\"] = (event) => {\n setCachedValue(value);\n changeEdit(true);\n onClickProp?.(event);\n };\n\n const handleBlur = (\n event: React.FocusEvent<Element> | React.KeyboardEvent<Element>,\n ) => {\n changeEdit(false);\n scrollContentToStart();\n\n // Never leave the field empty\n const newValue = value.trim() || cachedValue;\n setValue(newValue);\n\n onBlurProp?.(event, newValue);\n };\n\n const handleKeyDown: HvTypographyProps[\"onKeyDown\"] = (event) => {\n if (isKey(event, \"Enter\")) {\n // Blur field\n handleBlur(event);\n } else if (isKey(event, \"Esc\")) {\n changeEdit(false);\n\n // Cancel editing\n setValue(cachedValue);\n onChangeProp?.(event, cachedValue);\n }\n onKeyDownProp?.(event);\n };\n\n return (\n <div id={id} className={cx(classes.root, className)}>\n <HvTypography\n ref={contentEditableRef}\n contentEditable={isEditing}\n className={cx(classes.label, { [classes.edit]: isEditing })}\n variant=\"label\"\n component=\"span\"\n onInput={handleInput}\n onClick={handleClick}\n onBlur={handleBlur}\n onKeyDown={handleKeyDown}\n // Using children is unstable in React for contentEditable so the value is rendered through dangerouslySetInnerHTML\n dangerouslySetInnerHTML={{\n __html: value,\n }}\n {...others}\n />\n <Edit className={classes.editIcon} iconSize=\"XS\" />\n </div>\n );\n};\n"],"names":[],"mappings":"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"}
|
package/dist/types/index.d.ts
CHANGED
|
@@ -9,61 +9,61 @@ import { TabProps } from '@mui/base/Tab';
|
|
|
9
9
|
import { TabsProps } from '@mui/base/Tabs';
|
|
10
10
|
|
|
11
11
|
export declare const canvasBottomPanelClasses: {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
12
|
+
root: string;
|
|
13
|
+
closed: string;
|
|
14
|
+
minimized: string;
|
|
15
|
+
multipleTabs: string;
|
|
16
|
+
overflowing: string;
|
|
17
|
+
tab: string;
|
|
18
|
+
tabTitle: string;
|
|
19
|
+
tabsRoot: string;
|
|
20
|
+
leftActions: string;
|
|
21
|
+
rightActions: string;
|
|
22
|
+
actionsDisabled: string;
|
|
23
|
+
content: string;
|
|
24
24
|
};
|
|
25
25
|
|
|
26
26
|
export declare const canvasPanelTabClasses: {
|
|
27
|
-
root:
|
|
27
|
+
root: string;
|
|
28
28
|
};
|
|
29
29
|
|
|
30
30
|
export declare const canvasPanelTabsClasses: {
|
|
31
|
-
root:
|
|
32
|
-
list:
|
|
31
|
+
root: string;
|
|
32
|
+
list: string;
|
|
33
33
|
};
|
|
34
34
|
|
|
35
35
|
export declare const canvasSidePanelClasses: {
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
handle:
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
handleOpen:
|
|
43
|
-
handleClose:
|
|
36
|
+
root: string;
|
|
37
|
+
tabs: string;
|
|
38
|
+
content: string;
|
|
39
|
+
handle: string;
|
|
40
|
+
open: string;
|
|
41
|
+
close: string;
|
|
42
|
+
handleOpen: string;
|
|
43
|
+
handleClose: string;
|
|
44
44
|
};
|
|
45
45
|
|
|
46
46
|
export declare const canvasToolbarClasses: {
|
|
47
|
-
root:
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
47
|
+
root: string;
|
|
48
|
+
back: string;
|
|
49
|
+
title: string;
|
|
50
|
+
actions: string;
|
|
51
51
|
};
|
|
52
52
|
|
|
53
53
|
export declare const canvasToolbarTabsClasses: {
|
|
54
|
-
root:
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
dropdownMenuContainer:
|
|
66
|
-
dropdownMenuListRoot:
|
|
54
|
+
root: string;
|
|
55
|
+
tabsContainer: string;
|
|
56
|
+
tabsList: string;
|
|
57
|
+
tab: string;
|
|
58
|
+
tabLabel: string;
|
|
59
|
+
tabLabelEditor: string;
|
|
60
|
+
tabContent: string;
|
|
61
|
+
tabIconContainer: string;
|
|
62
|
+
closeIconContainer: string;
|
|
63
|
+
tabDivider: string;
|
|
64
|
+
actionsContainer: string;
|
|
65
|
+
dropdownMenuContainer: string;
|
|
66
|
+
dropdownMenuListRoot: string;
|
|
67
67
|
};
|
|
68
68
|
|
|
69
69
|
declare const DEFAULT_LABELS: {
|
|
@@ -240,85 +240,85 @@ declare interface ToolbarTabsTab {
|
|
|
240
240
|
}
|
|
241
241
|
|
|
242
242
|
declare const useClasses: (classesProp?: Partial<Record<"content" | "root" | "tab" | "closed" | "minimized" | "multipleTabs" | "overflowing" | "tabTitle" | "tabsRoot" | "leftActions" | "rightActions" | "actionsDisabled", string>>, addStatic?: boolean) => {
|
|
243
|
-
classes: {
|
|
244
|
-
content: string;
|
|
243
|
+
readonly classes: {
|
|
245
244
|
root: string;
|
|
246
|
-
tab: string;
|
|
247
245
|
closed: string;
|
|
248
246
|
minimized: string;
|
|
249
247
|
multipleTabs: string;
|
|
250
248
|
overflowing: string;
|
|
249
|
+
tab: string;
|
|
251
250
|
tabTitle: string;
|
|
252
251
|
tabsRoot: string;
|
|
253
252
|
leftActions: string;
|
|
254
253
|
rightActions: string;
|
|
255
254
|
actionsDisabled: string;
|
|
255
|
+
content: string;
|
|
256
256
|
};
|
|
257
|
-
css: any;
|
|
258
|
-
cx: (...args: any) => string;
|
|
257
|
+
readonly css: any;
|
|
258
|
+
readonly cx: (...args: any) => string;
|
|
259
259
|
};
|
|
260
260
|
|
|
261
261
|
declare const useClasses_2: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
|
|
262
|
-
classes: {
|
|
262
|
+
readonly classes: {
|
|
263
263
|
root: string;
|
|
264
264
|
};
|
|
265
|
-
css: any;
|
|
266
|
-
cx: (...args: any) => string;
|
|
265
|
+
readonly css: any;
|
|
266
|
+
readonly cx: (...args: any) => string;
|
|
267
267
|
};
|
|
268
268
|
|
|
269
269
|
declare const useClasses_3: (classesProp?: Partial<Record<"root" | "list", string>>, addStatic?: boolean) => {
|
|
270
|
-
classes: {
|
|
270
|
+
readonly classes: {
|
|
271
271
|
root: string;
|
|
272
272
|
list: string;
|
|
273
273
|
};
|
|
274
|
-
css: any;
|
|
275
|
-
cx: (...args: any) => string;
|
|
274
|
+
readonly css: any;
|
|
275
|
+
readonly cx: (...args: any) => string;
|
|
276
276
|
};
|
|
277
277
|
|
|
278
278
|
declare const useClasses_4: (classesProp?: Partial<Record<"content" | "root" | "open" | "handle" | "close" | "tabs" | "handleOpen" | "handleClose", string>>, addStatic?: boolean) => {
|
|
279
|
-
classes: {
|
|
280
|
-
content: string;
|
|
279
|
+
readonly classes: {
|
|
281
280
|
root: string;
|
|
282
|
-
|
|
281
|
+
tabs: string;
|
|
282
|
+
content: string;
|
|
283
283
|
handle: string;
|
|
284
|
+
open: string;
|
|
284
285
|
close: string;
|
|
285
|
-
tabs: string;
|
|
286
286
|
handleOpen: string;
|
|
287
287
|
handleClose: string;
|
|
288
288
|
};
|
|
289
|
-
css: any;
|
|
290
|
-
cx: (...args: any) => string;
|
|
289
|
+
readonly css: any;
|
|
290
|
+
readonly cx: (...args: any) => string;
|
|
291
291
|
};
|
|
292
292
|
|
|
293
293
|
declare const useClasses_5: (classesProp?: Partial<Record<"root" | "title" | "actions" | "back", string>>, addStatic?: boolean) => {
|
|
294
|
-
classes: {
|
|
294
|
+
readonly classes: {
|
|
295
295
|
root: string;
|
|
296
|
+
back: string;
|
|
296
297
|
title: string;
|
|
297
298
|
actions: string;
|
|
298
|
-
back: string;
|
|
299
299
|
};
|
|
300
|
-
css: any;
|
|
301
|
-
cx: (...args: any) => string;
|
|
300
|
+
readonly css: any;
|
|
301
|
+
readonly cx: (...args: any) => string;
|
|
302
302
|
};
|
|
303
303
|
|
|
304
304
|
declare const useClasses_6: (classesProp?: Partial<Record<"root" | "actionsContainer" | "tab" | "tabsContainer" | "tabsList" | "tabLabel" | "tabLabelEditor" | "tabContent" | "tabIconContainer" | "closeIconContainer" | "tabDivider" | "dropdownMenuContainer" | "dropdownMenuListRoot", string>>, addStatic?: boolean) => {
|
|
305
|
-
classes: {
|
|
305
|
+
readonly classes: {
|
|
306
306
|
root: string;
|
|
307
|
-
actionsContainer: string;
|
|
308
|
-
tab: string;
|
|
309
307
|
tabsContainer: string;
|
|
310
308
|
tabsList: string;
|
|
309
|
+
tab: string;
|
|
311
310
|
tabLabel: string;
|
|
312
311
|
tabLabelEditor: string;
|
|
313
312
|
tabContent: string;
|
|
314
313
|
tabIconContainer: string;
|
|
315
314
|
closeIconContainer: string;
|
|
316
315
|
tabDivider: string;
|
|
316
|
+
actionsContainer: string;
|
|
317
317
|
dropdownMenuContainer: string;
|
|
318
318
|
dropdownMenuListRoot: string;
|
|
319
319
|
};
|
|
320
|
-
css: any;
|
|
321
|
-
cx: (...args: any) => string;
|
|
320
|
+
readonly css: any;
|
|
321
|
+
readonly cx: (...args: any) => string;
|
|
322
322
|
};
|
|
323
323
|
|
|
324
324
|
export { }
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hitachivantara/uikit-react-pentaho",
|
|
3
|
-
"version": "0.5.
|
|
3
|
+
"version": "0.5.2",
|
|
4
4
|
"private": false,
|
|
5
5
|
"author": "Hitachi Vantara UI Kit Team",
|
|
6
6
|
"description": "UI Kit Pentaho+ React components.",
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
],
|
|
15
15
|
"repository": {
|
|
16
16
|
"type": "git",
|
|
17
|
-
"url": "https://github.com/lumada-design/hv-uikit-react.git",
|
|
17
|
+
"url": "git+https://github.com/lumada-design/hv-uikit-react.git",
|
|
18
18
|
"directory": "packages/pentaho"
|
|
19
19
|
},
|
|
20
20
|
"license": "Apache-2.0",
|
|
@@ -30,9 +30,9 @@
|
|
|
30
30
|
},
|
|
31
31
|
"dependencies": {
|
|
32
32
|
"@emotion/css": "^11.11.0",
|
|
33
|
-
"@hitachivantara/uikit-react-core": "^5.
|
|
34
|
-
"@hitachivantara/uikit-react-icons": "^5.12.
|
|
35
|
-
"@hitachivantara/uikit-react-utils": "^0.2.
|
|
33
|
+
"@hitachivantara/uikit-react-core": "^5.74.0",
|
|
34
|
+
"@hitachivantara/uikit-react-icons": "^5.12.2",
|
|
35
|
+
"@hitachivantara/uikit-react-utils": "^0.2.7",
|
|
36
36
|
"@mui/base": "^5.0.0-beta.40",
|
|
37
37
|
"react-resize-detector": "^8.1.0"
|
|
38
38
|
},
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
"access": "public",
|
|
44
44
|
"directory": "package"
|
|
45
45
|
},
|
|
46
|
-
"gitHead": "
|
|
46
|
+
"gitHead": "ebde08a1ca68acb95e6d98d5c9b310eee919fed5",
|
|
47
47
|
"exports": {
|
|
48
48
|
".": {
|
|
49
49
|
"types": "./dist/types/index.d.ts",
|