@apia/tree2-component 4.0.44 → 4.0.45
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/index.d.ts +0 -1
- package/dist/index.js +3 -14
- package/dist/index.js.map +1 -1
- package/package.json +7 -7
package/dist/index.d.ts
CHANGED
|
@@ -5,7 +5,6 @@ import { BoxProps } from '@apia/theme';
|
|
|
5
5
|
|
|
6
6
|
declare const Tree: react.MemoExoticComponent<({ getHandler, store: customStore, containerProps, ...props }: Partial<{
|
|
7
7
|
containerProps?: BoxProps;
|
|
8
|
-
rootNode?: string;
|
|
9
8
|
} & Pick<MobXTreeState, "aria-label" | "className" | "disableSelection" | "hideEmptyFolders" | "id" | "isMultiple" | "selectionMode" | "toggleNodesOnLabelClick" | "variant" | "onLoadData" | "filterString" | "isLoading" | "onNodeClick" | "onNodeExpanderClick" | "onNodeKeyDown" | "onNodeDoubleClick" | "onSelect" | "title"> & {
|
|
10
9
|
getHandler?: (handler: MobXTree) => unknown;
|
|
11
10
|
store?: MobXTree;
|
package/dist/index.js
CHANGED
|
@@ -164,10 +164,9 @@ const NodeRenderer = observer(
|
|
|
164
164
|
({
|
|
165
165
|
level = 0,
|
|
166
166
|
node,
|
|
167
|
-
containerProps
|
|
168
|
-
rootNode
|
|
167
|
+
containerProps
|
|
169
168
|
}) => {
|
|
170
|
-
const children =
|
|
169
|
+
const children = [...node.state.children.values()];
|
|
171
170
|
if (node instanceof MobXTree) {
|
|
172
171
|
return /* @__PURE__ */ jsx(
|
|
173
172
|
Box,
|
|
@@ -193,9 +192,6 @@ const NodeRenderer = observer(
|
|
|
193
192
|
el.focus();
|
|
194
193
|
}
|
|
195
194
|
},
|
|
196
|
-
sx: {
|
|
197
|
-
display: node.state.isHidden ? "none" : "block"
|
|
198
|
-
},
|
|
199
195
|
children: [
|
|
200
196
|
/* @__PURE__ */ jsx(NodeItemLabel, { level, node }),
|
|
201
197
|
children.length > 0 && node.state.isExpanded && /* @__PURE__ */ jsx(Box, { ...getNodeChildrenContainerProps(), children: [...node.state.children.values()].map((c) => {
|
|
@@ -240,14 +236,7 @@ const Tree = memo(
|
|
|
240
236
|
if (!shallowEqual(previousProps.current, props)) {
|
|
241
237
|
Object.assign(store.state, props);
|
|
242
238
|
}
|
|
243
|
-
return /* @__PURE__ */ jsx(
|
|
244
|
-
NodeRenderer,
|
|
245
|
-
{
|
|
246
|
-
node: store,
|
|
247
|
-
rootNode: props.rootNode ? store.getNodeById(props.rootNode) : void 0,
|
|
248
|
-
containerProps
|
|
249
|
-
}
|
|
250
|
-
);
|
|
239
|
+
return /* @__PURE__ */ jsx(NodeRenderer, { node: store, containerProps });
|
|
251
240
|
}
|
|
252
241
|
);
|
|
253
242
|
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/components/nodeProps.ts","../src/components/renderers/DefaultLabelRenderer.tsx","../src/components/renderers/DefaultIconRenderer.tsx","../src/components/renderers/Spacer.tsx","../src/components/NodeItemLabel.tsx","../src/components/NodeRenderer.tsx","../src/components/Tree.tsx"],"sourcesContent":["import { BoxProps, getVariant } from '@apia/theme';\r\nimport { MobXTree, MobXTreeNode } from '@apia/tree2-controller';\r\n\r\nexport function getTreeContainerProps(tree: MobXTree): BoxProps & {\r\n [key: `data-${string}`]: string;\r\n} {\r\n const getNode = (el: EventTarget) => {\r\n const nodeElement = (el as HTMLElement).closest<HTMLElement>(\r\n '.mobxtree__node',\r\n );\r\n if (nodeElement) {\r\n const node = tree.getNodeById(nodeElement.id.slice(1)); // Se quita el _ del principio\r\n if (node instanceof MobXTreeNode) {\r\n return node;\r\n }\r\n }\r\n return null;\r\n };\r\n\r\n return {\r\n ...getVariant('layout.common.trees.mobx'),\r\n as: 'ul',\r\n className: 'mobxtree',\r\n id: tree.id,\r\n onClick: (ev) => {\r\n const node = getNode(ev.target);\r\n if (node) {\r\n ev.stopPropagation();\r\n node.handleClick(ev);\r\n }\r\n },\r\n onMouseDown: (ev) => {\r\n const node = getNode(ev.target);\r\n if (node) {\r\n ev.preventDefault();\r\n }\r\n },\r\n onDoubleClick: (ev) => {\r\n const node = getNode(ev.target);\r\n if (node) {\r\n ev.stopPropagation();\r\n node.handleDoubleClick(ev);\r\n }\r\n },\r\n onKeyDown: (ev) => {\r\n const node = getNode(ev.target);\r\n if (node) {\r\n node.handleKeyDown(ev);\r\n } else {\r\n const firstNode = tree.state.children.values().next();\r\n if (firstNode?.value) {\r\n tree.handleNodeKeyDown(firstNode.value, ev);\r\n }\r\n }\r\n },\r\n role: 'tree',\r\n };\r\n}\r\n\r\nexport function getNodeContainerProps(node: MobXTreeNode): BoxProps & {\r\n [key: `data-${string}`]: string;\r\n} {\r\n return {\r\n 'aria-expanded': node.state.isExpanded,\r\n 'aria-selected': node.isSelected,\r\n as: 'li',\r\n className: `mobxtree__node ${node.isFocused ? 'focus' : ''} ${node.isSelected ? 'selected' : ''}`,\r\n id: `_${node.id}`,\r\n role: 'treeitem',\r\n tabIndex: node.isFocused ? 0 : -1,\r\n };\r\n}\r\n\r\nexport function getNodeChildrenContainerProps(node: MobXTreeNode): BoxProps {\r\n node;\r\n return {\r\n as: 'ul',\r\n className: 'mobxtree__children__group',\r\n role: 'group',\r\n };\r\n}\r\n","import { Box } from '@apia/theme';\r\nimport { TTreeLabelRenderer } from '../../store/types';\r\nimport { observer } from 'mobx-react-lite';\r\nimport { IconButton } from '@apia/components';\r\n\r\nconst DefaultLabelRenderer: TTreeLabelRenderer = observer(({ node }) => {\r\n return (\r\n <>\r\n <Box\r\n as=\"span\"\r\n className=\"mobxtree__node__label__renderer\"\r\n title={node.state.title}\r\n >\r\n {node.state.label}\r\n </Box>\r\n {node.state.labelIcons?.length > 0 && (\r\n <Box className=\"mobxtree__node__label__icons\">\r\n {node.state.labelIcons.map(\r\n ({ className, icon, title, onClick, onKeyDown, ...props }) => (\r\n <IconButton\r\n className={`mobx__node__label__icon ${className ?? ''}`}\r\n icon={icon}\r\n iconSize=\"Xs\"\r\n title={title ?? ''}\r\n onClick={(ev) => {\r\n ev.stopPropagation();\r\n onClick?.(node, ev as any);\r\n }}\r\n onKeyDown={(ev) => {\r\n onKeyDown?.(node, ev as any);\r\n }}\r\n size=\"Sm\"\r\n variant=\"icon-outline\"\r\n tabIndex={node.isFocused ? 0 : -1}\r\n {...props}\r\n />\r\n ),\r\n )}\r\n </Box>\r\n )}\r\n </>\r\n );\r\n});\r\n\r\nexport default DefaultLabelRenderer;\r\n","import { Icon, TIconName } from '@apia/icons';\r\nimport { TTreeIconRenderer } from '../../store/types';\r\nimport { observer } from 'mobx-react-lite';\r\n\r\nconst DefaultIconRenderer: TTreeIconRenderer = observer(({ node }) => {\r\n return (\r\n <Icon\r\n className=\"tree__node__icon\"\r\n name={node.state.icon as TIconName}\r\n size={node.state.iconSize ?? 'iconSm'}\r\n title={node.state.label}\r\n />\r\n );\r\n});\r\n\r\nexport default DefaultIconRenderer;\r\n","import React from 'react';\r\nimport { Box } from '@apia/theme';\r\n\r\nconst Spacer: React.FunctionComponent<{ level: number }> = ({ level }) => {\r\n return (\r\n <>\r\n {Array(level)\r\n .fill('')\r\n .map((_, i) => i)\r\n .map((current) => (\r\n <Box className=\"spacer\" key={current} />\r\n ))}\r\n </>\r\n );\r\n};\r\n\r\nexport default Spacer;\r\n","import { observer } from 'mobx-react-lite';\r\nimport { Icon } from '@apia/icons';\r\nimport { Box, Spinner } from '@apia/theme';\r\nimport DefaultLabelRenderer from './renderers/DefaultLabelRenderer';\r\nimport DefaultIconRenderer from './renderers/DefaultIconRenderer';\r\nimport Spacer from './renderers/Spacer';\r\nimport type { MobXTreeNode } from '@apia/tree2-controller';\r\n\r\nexport const NodeItemLabel = observer(\r\n ({ level, node }: { level: number; node: MobXTreeNode }) => {\r\n const LabelRenderer = node.state.labelRenderer ?? DefaultLabelRenderer;\r\n const IconRenderer =\r\n node.state.icon && typeof node.state.icon !== 'string'\r\n ? node.state.icon\r\n : DefaultIconRenderer;\r\n\r\n return (\r\n <Box className=\"mobxtree__node__label__wrapper\">\r\n <Spacer level={level} />\r\n {node.showExpander && (\r\n <Box className=\"mobxtree__node__expander\">\r\n {node.state.isLoading ? (\r\n <Spinner\r\n className=\"mobxtree__node__expander__loading\"\r\n sx={{ width: 'iconSm', height: 'iconSm' }}\r\n />\r\n ) : (\r\n <Icon\r\n className=\"mobxtree__node__expandIcon\"\r\n onClick={(ev) => node.handleExpanderClick(ev)}\r\n name={\r\n node.state.isExpanded ? 'ArrowDownThin' : 'ArrowRightThin'\r\n }\r\n title=\"\"\r\n size={20}\r\n />\r\n )}\r\n </Box>\r\n )}\r\n {node.state.icon && <IconRenderer node={node} />}\r\n <Box as=\"span\" className=\"mobxtree__node__label\">\r\n <LabelRenderer node={node} />\r\n </Box>\r\n </Box>\r\n );\r\n },\r\n);\r\n","import { Box, BoxProps } from '@apia/theme';\r\nimport { observer } from 'mobx-react-lite';\r\nimport {\r\n getNodeChildrenContainerProps,\r\n getNodeContainerProps,\r\n getTreeContainerProps,\r\n} from './nodeProps';\r\nimport { NodeItemLabel } from './NodeItemLabel';\r\nimport { usePrevious } from '@apia/util';\r\nimport { MobXTree, MobXTreeNode } from '@apia/tree2-controller';\r\n\r\nexport const NodeRenderer = observer(\r\n ({\r\n level = 0,\r\n node,\r\n containerProps,\r\n rootNode,\r\n }: {\r\n level?: number;\r\n node: MobXTreeNode | MobXTree;\r\n containerProps?: BoxProps;\r\n rootNode?: MobXTreeNode;\r\n }) => {\r\n const children = rootNode\r\n ? rootNode.getChildren()\r\n : [...node.state.children.values()];\r\n\r\n if (node instanceof MobXTree) {\r\n return (\r\n <Box\r\n {...getTreeContainerProps(node)}\r\n {...containerProps}\r\n tabIndex={node.focusedNode ? undefined : 0}\r\n >\r\n {children.map((c) => {\r\n return <NodeRenderer level={0} key={c.id} node={c} />;\r\n })}\r\n </Box>\r\n );\r\n }\r\n\r\n const previousFocused = usePrevious(node.isFocused);\r\n const shouldFocus = node.isFocused && !previousFocused.current;\r\n\r\n return (\r\n <Box\r\n {...getNodeContainerProps(node)}\r\n {...containerProps}\r\n ref={(el) => {\r\n if (el && shouldFocus) {\r\n el.focus();\r\n }\r\n }}\r\n sx={{\r\n display: node.state.isHidden ? 'none' : 'block',\r\n }}\r\n >\r\n <NodeItemLabel level={level} node={node} />\r\n {children.length > 0 && node.state.isExpanded && (\r\n <Box {...getNodeChildrenContainerProps(node)}>\r\n {[...node.state.children.values()].map((c) => {\r\n return <NodeRenderer level={level + 1} key={c.id} node={c} />;\r\n })}\r\n </Box>\r\n )}\r\n </Box>\r\n );\r\n },\r\n);\r\n","import { memo, useState } from 'react';\r\nimport { MobXTree, MobXTreeNode, MobXTreeState } from '@apia/tree2-controller';\r\nimport { shallowEqual, usePrevious } from '@apia/util';\r\nimport { NodeRenderer } from './NodeRenderer';\r\nimport { reaction } from 'mobx';\r\nimport { BoxProps } from '@apia/theme';\r\n\r\nexport const Tree = memo(\r\n ({\r\n getHandler,\r\n store: customStore,\r\n containerProps,\r\n ...props\r\n }: Partial<\r\n { containerProps?: BoxProps; rootNode?: string } & Pick<\r\n MobXTreeState,\r\n | 'aria-label'\r\n | 'className'\r\n | 'disableSelection'\r\n | 'hideEmptyFolders'\r\n | 'id'\r\n | 'isMultiple'\r\n | 'selectionMode'\r\n | 'toggleNodesOnLabelClick'\r\n | 'variant'\r\n | 'onLoadData'\r\n | 'filterString'\r\n | 'isLoading'\r\n | 'onNodeClick'\r\n | 'onNodeExpanderClick'\r\n | 'onNodeKeyDown'\r\n | 'onNodeDoubleClick'\r\n | 'onSelect'\r\n | 'title'\r\n > & { getHandler?: (handler: MobXTree) => unknown; store?: MobXTree }\r\n >) => {\r\n const [store] = useState(() => {\r\n const tree = customStore ?? new MobXTree(props);\r\n getHandler?.(tree);\r\n\r\n reaction(\r\n () => tree.focusedNode,\r\n (f) => {\r\n if (f) {\r\n const element = document.querySelector(`#_${tree.id} #_${f.id}`);\r\n if (element instanceof HTMLElement) {\r\n element.tabIndex = 0;\r\n element.focus({ preventScroll: true });\r\n element\r\n .querySelector<HTMLElement>('.mobxtree__node__label__wrapper')!\r\n .scrollIntoView({\r\n behavior: 'auto',\r\n block: 'nearest',\r\n inline: 'nearest',\r\n });\r\n }\r\n }\r\n },\r\n );\r\n\r\n return tree;\r\n });\r\n\r\n const previousProps = usePrevious(props);\r\n if (!shallowEqual(previousProps.current, props)) {\r\n Object.assign(store.state, props);\r\n }\r\n\r\n return (\r\n <NodeRenderer\r\n node={store}\r\n rootNode={\r\n props.rootNode\r\n ? (store.getNodeById(props.rootNode) as MobXTreeNode)\r\n : undefined\r\n }\r\n containerProps={containerProps}\r\n />\r\n );\r\n },\r\n);\r\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/components/nodeProps.ts","../src/components/renderers/DefaultLabelRenderer.tsx","../src/components/renderers/DefaultIconRenderer.tsx","../src/components/renderers/Spacer.tsx","../src/components/NodeItemLabel.tsx","../src/components/NodeRenderer.tsx","../src/components/Tree.tsx"],"sourcesContent":["import { BoxProps, getVariant } from '@apia/theme';\r\nimport { MobXTree, MobXTreeNode } from '@apia/tree2-controller';\r\n\r\nexport function getTreeContainerProps(tree: MobXTree): BoxProps & {\r\n [key: `data-${string}`]: string;\r\n} {\r\n const getNode = (el: EventTarget) => {\r\n const nodeElement = (el as HTMLElement).closest<HTMLElement>(\r\n '.mobxtree__node',\r\n );\r\n if (nodeElement) {\r\n const node = tree.getNodeById(nodeElement.id.slice(1)); // Se quita el _ del principio\r\n if (node instanceof MobXTreeNode) {\r\n return node;\r\n }\r\n }\r\n return null;\r\n };\r\n\r\n return {\r\n ...getVariant('layout.common.trees.mobx'),\r\n as: 'ul',\r\n className: 'mobxtree',\r\n id: tree.id,\r\n onClick: (ev) => {\r\n const node = getNode(ev.target);\r\n if (node) {\r\n ev.stopPropagation();\r\n node.handleClick(ev);\r\n }\r\n },\r\n onMouseDown: (ev) => {\r\n const node = getNode(ev.target);\r\n if (node) {\r\n ev.preventDefault();\r\n }\r\n },\r\n onDoubleClick: (ev) => {\r\n const node = getNode(ev.target);\r\n if (node) {\r\n ev.stopPropagation();\r\n node.handleDoubleClick(ev);\r\n }\r\n },\r\n onKeyDown: (ev) => {\r\n const node = getNode(ev.target);\r\n if (node) {\r\n node.handleKeyDown(ev);\r\n } else {\r\n const firstNode = tree.state.children.values().next();\r\n if (firstNode?.value) {\r\n tree.handleNodeKeyDown(firstNode.value, ev);\r\n }\r\n }\r\n },\r\n role: 'tree',\r\n };\r\n}\r\n\r\nexport function getNodeContainerProps(node: MobXTreeNode): BoxProps & {\r\n [key: `data-${string}`]: string;\r\n} {\r\n return {\r\n 'aria-expanded': node.state.isExpanded,\r\n 'aria-selected': node.isSelected,\r\n as: 'li',\r\n className: `mobxtree__node ${node.isFocused ? 'focus' : ''} ${node.isSelected ? 'selected' : ''}`,\r\n id: `_${node.id}`,\r\n role: 'treeitem',\r\n tabIndex: node.isFocused ? 0 : -1,\r\n };\r\n}\r\n\r\nexport function getNodeChildrenContainerProps(node: MobXTreeNode): BoxProps {\r\n node;\r\n return {\r\n as: 'ul',\r\n className: 'mobxtree__children__group',\r\n role: 'group',\r\n };\r\n}\r\n","import { Box } from '@apia/theme';\r\nimport { TTreeLabelRenderer } from '../../store/types';\r\nimport { observer } from 'mobx-react-lite';\r\nimport { IconButton } from '@apia/components';\r\n\r\nconst DefaultLabelRenderer: TTreeLabelRenderer = observer(({ node }) => {\r\n return (\r\n <>\r\n <Box\r\n as=\"span\"\r\n className=\"mobxtree__node__label__renderer\"\r\n title={node.state.title}\r\n >\r\n {node.state.label}\r\n </Box>\r\n {node.state.labelIcons?.length > 0 && (\r\n <Box className=\"mobxtree__node__label__icons\">\r\n {node.state.labelIcons.map(\r\n ({ className, icon, title, onClick, onKeyDown, ...props }) => (\r\n <IconButton\r\n className={`mobx__node__label__icon ${className ?? ''}`}\r\n icon={icon}\r\n iconSize=\"Xs\"\r\n title={title ?? ''}\r\n onClick={(ev) => {\r\n ev.stopPropagation();\r\n onClick?.(node, ev as any);\r\n }}\r\n onKeyDown={(ev) => {\r\n onKeyDown?.(node, ev as any);\r\n }}\r\n size=\"Sm\"\r\n variant=\"icon-outline\"\r\n tabIndex={node.isFocused ? 0 : -1}\r\n {...props}\r\n />\r\n ),\r\n )}\r\n </Box>\r\n )}\r\n </>\r\n );\r\n});\r\n\r\nexport default DefaultLabelRenderer;\r\n","import { Icon, TIconName } from '@apia/icons';\r\nimport { TTreeIconRenderer } from '../../store/types';\r\nimport { observer } from 'mobx-react-lite';\r\n\r\nconst DefaultIconRenderer: TTreeIconRenderer = observer(({ node }) => {\r\n return (\r\n <Icon\r\n className=\"tree__node__icon\"\r\n name={node.state.icon as TIconName}\r\n size={node.state.iconSize ?? 'iconSm'}\r\n title={node.state.label}\r\n />\r\n );\r\n});\r\n\r\nexport default DefaultIconRenderer;\r\n","import React from 'react';\r\nimport { Box } from '@apia/theme';\r\n\r\nconst Spacer: React.FunctionComponent<{ level: number }> = ({ level }) => {\r\n return (\r\n <>\r\n {Array(level)\r\n .fill('')\r\n .map((_, i) => i)\r\n .map((current) => (\r\n <Box className=\"spacer\" key={current} />\r\n ))}\r\n </>\r\n );\r\n};\r\n\r\nexport default Spacer;\r\n","import { observer } from 'mobx-react-lite';\r\nimport { MobXTreeNode } from '../store/MobXTreeNode';\r\nimport { Icon } from '@apia/icons';\r\nimport { Box, Spinner } from '@apia/theme';\r\nimport DefaultLabelRenderer from './renderers/DefaultLabelRenderer';\r\nimport DefaultIconRenderer from './renderers/DefaultIconRenderer';\r\nimport Spacer from './renderers/Spacer';\r\n\r\nexport const NodeItemLabel = observer(\r\n ({ level, node }: { level: number; node: MobXTreeNode }) => {\r\n const LabelRenderer = node.state.labelRenderer ?? DefaultLabelRenderer;\r\n const IconRenderer =\r\n node.state.icon && typeof node.state.icon !== 'string'\r\n ? node.state.icon\r\n : DefaultIconRenderer;\r\n\r\n return (\r\n <Box className=\"mobxtree__node__label__wrapper\">\r\n <Spacer level={level} />\r\n {node.showExpander && (\r\n <Box className=\"mobxtree__node__expander\">\r\n {node.state.isLoading ? (\r\n <Spinner\r\n className=\"mobxtree__node__expander__loading\"\r\n sx={{ width: 'iconSm', height: 'iconSm' }}\r\n />\r\n ) : (\r\n <Icon\r\n className=\"mobxtree__node__expandIcon\"\r\n onClick={(ev) => node.handleExpanderClick(ev)}\r\n name={\r\n node.state.isExpanded ? 'ArrowDownThin' : 'ArrowRightThin'\r\n }\r\n title=\"\"\r\n size={20}\r\n />\r\n )}\r\n </Box>\r\n )}\r\n {node.state.icon && <IconRenderer node={node} />}\r\n <Box as=\"span\" className=\"mobxtree__node__label\">\r\n <LabelRenderer node={node} />\r\n </Box>\r\n </Box>\r\n );\r\n },\r\n);\r\n","import { Box, BoxProps } from '@apia/theme';\r\nimport { observer } from 'mobx-react-lite';\r\nimport {\r\n getNodeChildrenContainerProps,\r\n getNodeContainerProps,\r\n getTreeContainerProps,\r\n} from './nodeProps';\r\nimport { NodeItemLabel } from './NodeItemLabel';\r\nimport { usePrevious } from '@apia/util';\r\nimport { MobXTree, MobXTreeNode } from '@apia/tree2-controller';\r\n\r\nexport const NodeRenderer = observer(\r\n ({\r\n level = 0,\r\n node,\r\n containerProps,\r\n }: {\r\n level?: number;\r\n node: MobXTreeNode | MobXTree;\r\n containerProps?: BoxProps;\r\n }) => {\r\n const children = [...node.state.children.values()];\r\n\r\n if (node instanceof MobXTree) {\r\n return (\r\n <Box\r\n {...getTreeContainerProps(node)}\r\n {...containerProps}\r\n tabIndex={node.focusedNode ? undefined : 0}\r\n >\r\n {children.map((c) => {\r\n return <NodeRenderer level={0} key={c.id} node={c} />;\r\n })}\r\n </Box>\r\n );\r\n }\r\n\r\n const previousFocused = usePrevious(node.isFocused);\r\n const shouldFocus = node.isFocused && !previousFocused.current;\r\n\r\n return (\r\n <Box\r\n {...getNodeContainerProps(node)}\r\n {...containerProps}\r\n ref={(el) => {\r\n if (el && shouldFocus) {\r\n el.focus();\r\n }\r\n }}\r\n >\r\n <NodeItemLabel level={level} node={node} />\r\n {children.length > 0 && node.state.isExpanded && (\r\n <Box {...getNodeChildrenContainerProps(node)}>\r\n {[...node.state.children.values()].map((c) => {\r\n return <NodeRenderer level={level + 1} key={c.id} node={c} />;\r\n })}\r\n </Box>\r\n )}\r\n </Box>\r\n );\r\n },\r\n);\r\n","import { memo, useState } from 'react';\r\nimport { MobXTree, MobXTreeState } from '@apia/tree2-controller';\r\nimport { shallowEqual, usePrevious } from '@apia/util';\r\nimport { NodeRenderer } from './NodeRenderer';\r\nimport { reaction } from 'mobx';\r\nimport { BoxProps } from '@apia/theme';\r\n\r\nexport const Tree = memo(\r\n ({\r\n getHandler,\r\n store: customStore,\r\n containerProps,\r\n ...props\r\n }: Partial<\r\n { containerProps?: BoxProps } & Pick<\r\n MobXTreeState,\r\n | 'aria-label'\r\n | 'className'\r\n | 'disableSelection'\r\n | 'hideEmptyFolders'\r\n | 'id'\r\n | 'isMultiple'\r\n | 'selectionMode'\r\n | 'toggleNodesOnLabelClick'\r\n | 'variant'\r\n | 'onLoadData'\r\n | 'filterString'\r\n | 'isLoading'\r\n | 'onNodeClick'\r\n | 'onNodeExpanderClick'\r\n | 'onNodeKeyDown'\r\n | 'onNodeDoubleClick'\r\n | 'onSelect'\r\n | 'title'\r\n > & { getHandler?: (handler: MobXTree) => unknown; store?: MobXTree }\r\n >) => {\r\n const [store] = useState(() => {\r\n const tree = customStore ?? new MobXTree(props);\r\n getHandler?.(tree);\r\n\r\n reaction(\r\n () => tree.focusedNode,\r\n (f) => {\r\n if (f) {\r\n const element = document.querySelector(`#_${tree.id} #_${f.id}`);\r\n if (element instanceof HTMLElement) {\r\n element.tabIndex = 0;\r\n element.focus({ preventScroll: true });\r\n element\r\n .querySelector<HTMLElement>('.mobxtree__node__label__wrapper')!\r\n .scrollIntoView({\r\n behavior: 'auto',\r\n block: 'nearest',\r\n inline: 'nearest',\r\n });\r\n }\r\n }\r\n },\r\n );\r\n\r\n return tree;\r\n });\r\n\r\n const previousProps = usePrevious(props);\r\n if (!shallowEqual(previousProps.current, props)) {\r\n Object.assign(store.state, props);\r\n }\r\n\r\n return <NodeRenderer node={store} containerProps={containerProps} />;\r\n },\r\n);\r\n"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@apia/tree2-component",
|
|
3
|
-
"version": "4.0.
|
|
3
|
+
"version": "4.0.45",
|
|
4
4
|
"sideEffects": false,
|
|
5
5
|
"author": "Alexis Leite <alexisleite@live.com>",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -15,11 +15,11 @@
|
|
|
15
15
|
"libWatchForDashboards": "rollup --watch --config ../../config/rollup.common.mjs --environment MODE:development,ENTRY:index.ts,WATCH:true,DEV_SERVER_MODULE:dashboards"
|
|
16
16
|
},
|
|
17
17
|
"dependencies": {
|
|
18
|
-
"@apia/components": "^4.0.
|
|
19
|
-
"@apia/icons": "^4.0.
|
|
20
|
-
"@apia/theme": "^4.0.
|
|
21
|
-
"@apia/tree2-controller": "^4.0.
|
|
22
|
-
"@apia/util": "^4.0.
|
|
18
|
+
"@apia/components": "^4.0.45",
|
|
19
|
+
"@apia/icons": "^4.0.45",
|
|
20
|
+
"@apia/theme": "^4.0.45",
|
|
21
|
+
"@apia/tree2-controller": "^4.0.45",
|
|
22
|
+
"@apia/util": "^4.0.45",
|
|
23
23
|
"@types/uuid": "^9.0.8",
|
|
24
24
|
"ahooks": "^3.7.10",
|
|
25
25
|
"mobx": "^6.12.3",
|
|
@@ -41,5 +41,5 @@
|
|
|
41
41
|
"access": "public",
|
|
42
42
|
"registry": "https://registry.npmjs.org/"
|
|
43
43
|
},
|
|
44
|
-
"gitHead": "
|
|
44
|
+
"gitHead": "1b035d1b515ceb49207373a4fafcf0ff465bc439"
|
|
45
45
|
}
|