npm - @hitachivantara/uikit-react-core - Versions diffs - 5.80.2 → 5.81.0 - Mend

@hitachivantara/uikit-react-core 5.80.2 → 5.81.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (445) hide show

package/dist/esm/Tooltip/Tooltip.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tooltip.styles.js","sources":["../../../src/Tooltip/Tooltip.styles.tsx"],"sourcesContent":["import { tooltipClasses as MuitooltipClasses } from \"@mui/material/Tooltip\";\nimport { createClasses } from \"@hitachivantara/uikit-react-utils\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTooltip\", {\n root: {},\n tooltip: {},\n popper: {\n // TODO: move this to `tooltip` in v6 and make class always be applied\n [`& .${MuitooltipClasses.tooltip}`]: {\n ...theme.typography.body,\n display: \"flex\",\n width: \"fit-content\",\n maxWidth: 532,\n backgroundColor: theme.colors.atmo1,\n boxShadow: theme.colors.shadow,\n padding: 0,\n\n \"& p\": {\n display: \"-webkit-box\",\n width: \"fit-content\",\n boxOrient: \"vertical\",\n textOverflow: \"ellipsis\",\n overflow: \"hidden\",\n },\n },\n \"& $title\": {\n padding: \"15px 20px\",\n borderBottom: `3px solid ${theme.colors.atmo2}`,\n },\n \"& $valuesContainer\": {\n padding: theme.space.sm,\n },\n \"& $values\": {\n display: \"flex\",\n justifyContent: \"space-between\",\n paddingBottom: \"10px\",\n \"&:last-child\": {\n paddingBottom: 0,\n },\n },\n \"& $color\": {\n width: theme.space.xs,\n },\n \"& $separator\": {\n width: theme.space.xs,\n },\n \"& $separatorColor\": {\n width: \"5px\",\n },\n \"& $valueWrapper\": {\n padding: theme.space.sm,\n },\n \"& $tooltip\": {\n padding: theme.space.sm,\n borderRadius: theme.radii.round,\n \"& p\": {\n wordBreak: \"break-word\",\n },\n },\n },\n // TODO: remove in v6\n /** @deprecated /\n tooltipMulti: {},\n /* @deprecated /\n title: {},\n /* @deprecated /\n valuesContainer: {},\n /* @deprecated /\n values: {},\n /* @deprecated /\n color: {},\n /* @deprecated /\n separatorColor: {},\n /* @deprecated /\n separator: {},\n /* @deprecated */\n valueWrapper: {},\n});\n"],"names":["MuitooltipClasses"],"mappings":";;;AAIO,MAAM,EAAE,eAAe,eAAe,cAAc,aAAa;AAAA,EACtE,MAAM,CAAC;AAAA,EACP,SAAS,CAAC;AAAA,EACV,QAAQ;AAAA;AAAA,IAEN,CAAC,MAAMA,eAAkB,OAAO,EAAE,GAAG;AAAA,MACnC,GAAG,MAAM,WAAW;AAAA,MACpB,SAAS;AAAA,MACT,OAAO;AAAA,MACP,UAAU;AAAA,MACV,iBAAiB,MAAM,OAAO;AAAA,MAC9B,WAAW,MAAM,OAAO;AAAA,MACxB,SAAS;AAAA,MAET,OAAO;AAAA,QACL,SAAS;AAAA,QACT,OAAO;AAAA,QACP,WAAW;AAAA,QACX,cAAc;AAAA,QACd,UAAU;AAAA,~~MACZ~~;AAAA,~~IACF~~;AAAA,IACA,YAAY;AAAA,MACV,SAAS;AAAA,MACT,cAAc,aAAa,MAAM,OAAO,KAAK;AAAA,IAC/C;AAAA,IACA,sBAAsB;AAAA,MACpB,SAAS,MAAM,MAAM;AAAA,IACvB;AAAA,IACA,aAAa;AAAA,MACX,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB,eAAe;AAAA,MACf,gBAAgB;AAAA,QACd,eAAe;AAAA,~~MACjB~~;AAAA,~~IACF~~;AAAA,IACA,YAAY;AAAA,MACV,OAAO,MAAM,MAAM;AAAA,IACrB;AAAA,IACA,gBAAgB;AAAA,MACd,OAAO,MAAM,MAAM;AAAA,IACrB;AAAA,IACA,qBAAqB;AAAA,MACnB,OAAO;AAAA,IACT;AAAA,IACA,mBAAmB;AAAA,MACjB,SAAS,MAAM,MAAM;AAAA,IACvB;AAAA,IACA,cAAc;AAAA,MACZ,SAAS,MAAM,MAAM;AAAA,MACrB,cAAc,MAAM,MAAM;AAAA,MAC1B,OAAO;AAAA,QACL,WAAW;AAAA,~~MACb~~;AAAA,~~IACF~~;AAAA,~~EACF~~;AAAA;AAAA;AAAA,EAGA,cAAc,CAAC;AAAA;AAAA,EAEf,OAAO,CAAC;AAAA;AAAA,EAER,iBAAiB,CAAC;AAAA;AAAA,EAElB,QAAQ,CAAC;AAAA;AAAA,EAET,OAAO,CAAC;AAAA;AAAA,EAER,gBAAgB,CAAC;AAAA;AAAA,EAEjB,WAAW,CAAC;AAAA;AAAA,EAEZ,cAAc,~~CAAC~~;~~AACjB~~,CAAC;"}
1	+ {"version":3,"file":"Tooltip.styles.js","sources":["../../../src/Tooltip/Tooltip.styles.tsx"],"sourcesContent":["import { tooltipClasses as MuitooltipClasses } from \"@mui/material/Tooltip\";\nimport { createClasses } from \"@hitachivantara/uikit-react-utils\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTooltip\", {\n root: {},\n tooltip: {},\n popper: {\n // TODO: move this to `tooltip` in v6 and make class always be applied\n [`& .${MuitooltipClasses.tooltip}`]: {\n ...theme.typography.body,\n display: \"flex\",\n width: \"fit-content\",\n maxWidth: 532,\n backgroundColor: theme.colors.atmo1,\n boxShadow: theme.colors.shadow,\n padding: 0,\n\n \"& p\": {\n display: \"-webkit-box\",\n width: \"fit-content\",\n boxOrient: \"vertical\",\n textOverflow: \"ellipsis\",\n overflow: \"hidden\",\n },\n },\n \"& $title\": {\n padding: \"15px 20px\",\n borderBottom: `3px solid ${theme.colors.atmo2}`,\n },\n \"& $valuesContainer\": {\n padding: theme.space.sm,\n },\n \"& $values\": {\n display: \"flex\",\n justifyContent: \"space-between\",\n paddingBottom: \"10px\",\n \"&:last-child\": {\n paddingBottom: 0,\n },\n },\n \"& $color\": {\n width: theme.space.xs,\n },\n \"& $separator\": {\n width: theme.space.xs,\n },\n \"& $separatorColor\": {\n width: \"5px\",\n },\n \"& $valueWrapper\": {\n padding: theme.space.sm,\n },\n \"& $tooltip\": {\n padding: theme.space.sm,\n borderRadius: theme.radii.round,\n \"& p\": {\n wordBreak: \"break-word\",\n },\n },\n },\n // TODO: remove in v6\n /** @deprecated /\n tooltipMulti: {},\n /* @deprecated /\n title: {},\n /* @deprecated /\n valuesContainer: {},\n /* @deprecated /\n values: {},\n /* @deprecated /\n color: {},\n /* @deprecated /\n separatorColor: {},\n /* @deprecated /\n separator: {},\n /* @deprecated */\n valueWrapper: {},\n});\n"],"names":["MuitooltipClasses"],"mappings":";;;AAIO,MAAM,EAAE,eAAe,eAAe,cAAc,aAAa;AAAA,EACtE,MAAM,CAAC;AAAA,EACP,SAAS,CAAC;AAAA,EACV,QAAQ;AAAA;AAAA,IAEN,CAAC,MAAMA,eAAkB,OAAO,EAAE,GAAG;AAAA,MACnC,GAAG,MAAM,WAAW;AAAA,MACpB,SAAS;AAAA,MACT,OAAO;AAAA,MACP,UAAU;AAAA,MACV,iBAAiB,MAAM,OAAO;AAAA,MAC9B,WAAW,MAAM,OAAO;AAAA,MACxB,SAAS;AAAA,MAET,OAAO;AAAA,QACL,SAAS;AAAA,QACT,OAAO;AAAA,QACP,WAAW;AAAA,QACX,cAAc;AAAA,QACd,UAAU;AAAA,MAAA;AAAA,IAEd;AAAA,IACA,YAAY;AAAA,MACV,SAAS;AAAA,MACT,cAAc,aAAa,MAAM,OAAO,KAAK;AAAA,IAC/C;AAAA,IACA,sBAAsB;AAAA,MACpB,SAAS,MAAM,MAAM;AAAA,IACvB;AAAA,IACA,aAAa;AAAA,MACX,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB,eAAe;AAAA,MACf,gBAAgB;AAAA,QACd,eAAe;AAAA,MAAA;AAAA,IAEnB;AAAA,IACA,YAAY;AAAA,MACV,OAAO,MAAM,MAAM;AAAA,IACrB;AAAA,IACA,gBAAgB;AAAA,MACd,OAAO,MAAM,MAAM;AAAA,IACrB;AAAA,IACA,qBAAqB;AAAA,MACnB,OAAO;AAAA,IACT;AAAA,IACA,mBAAmB;AAAA,MACjB,SAAS,MAAM,MAAM;AAAA,IACvB;AAAA,IACA,cAAc;AAAA,MACZ,SAAS,MAAM,MAAM;AAAA,MACrB,cAAc,MAAM,MAAM;AAAA,MAC1B,OAAO;AAAA,QACL,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,EAEJ;AAAA;AAAA;AAAA,EAGA,cAAc,CAAC;AAAA;AAAA,EAEf,OAAO,CAAC;AAAA;AAAA,EAER,iBAAiB,CAAC;AAAA;AAAA,EAElB,QAAQ,CAAC;AAAA;AAAA,EAET,OAAO,CAAC;AAAA;AAAA,EAER,gBAAgB,CAAC;AAAA;AAAA,EAEjB,WAAW,CAAC;AAAA;AAAA,EAEZ,cAAc,CAAA;AAChB,CAAC;"}

package/dist/esm/TreeView/TreeItem/DefaultContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DefaultContent.js","sources":["../../../../src/TreeView/TreeItem/DefaultContent.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport {\n createClasses,\n useCss,\n type ExtractNames,\n} from \"@hitachivantara/uikit-react-utils\";\n\nimport { useHvTreeItem } from \"./useHvTreeItem\";\n\nexport const { useClasses } = createClasses(\"HvTreeContent\", {\n root: {},\n expanded: {},\n selected: {},\n focused: {},\n disabled: {},\n iconContainer: {},\n label: {},\n});\n\nexport type HvTreeContentClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvTreeContentProps extends React.HTMLAttributes<HTMLElement> {\n /** className applied to the root element. /\n className?: string;\n /* Override or extend the styles applied to the component. /\n classes?: HvTreeContentClasses;\n /* The tree node label. /\n label?: React.ReactNode;\n /* The id of the node. /\n nodeId: string;\n /* The icon to display next to the tree node's label. /\n icon?: React.ReactNode;\n /* The icon to display next to the tree node's label. Either an expansion or collapse icon. /\n expansionIcon?: React.ReactNode;\n /* The icon to display next to the tree node's label. Either a parent or end icon. /\n displayIcon?: React.ReactNode;\n}\n\n/\n Internal default TreeItem `component`.\n * Use this as a basis to create a custom component.\n /\nexport const DefaultContent = forwardRef<HTMLDivElement, HvTreeContentProps>(\n function DefaultContent(props, ref) {\n const {\n classes: classesProp,\n className,\n displayIcon,\n expansionIcon,\n icon: iconProp,\n label,\n nodeId,\n onClick,\n onMouseDown,\n ...others\n } = props;\n const { classes } = useClasses(classesProp);\n\n const { cx } = useCss();\n\n const {\n disabled,\n expanded,\n selected,\n focused,\n handleExpansion,\n handleSelection,\n preventSelection,\n } = useHvTreeItem(nodeId);\n\n const icon = iconProp ?? expansionIcon ?? displayIcon;\n\n return (\n / eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions -- Key event is handled by the TreeView */\n <div\n {...others}\n className={cx(className, classes.root, {\n [classes.expanded]: expanded,\n [classes.selected]: selected,\n [classes.focused]: focused,\n [classes.disabled]: disabled,\n })}\n onClick={(event) => {\n handleExpansion(event);\n handleSelection(event);\n onClick?.(event);\n }}\n onMouseDown={(event) => {\n preventSelection(event);\n onMouseDown?.(event);\n }}\n ref={ref}\n >\n <div className={classes.iconContainer}>{icon}</div>\n <div className={classes.label}>{label}</div>\n </div>\n );\n },\n);\n"],"names":["DefaultContent"],"mappings":";;;;AASO,MAAM,EAAE,WAAA,IAAe,cAAc,iBAAiB;AAAA,EAC3D,MAAM,CAAC;AAAA,EACP,UAAU,CAAC;AAAA,EACX,UAAU,CAAC;AAAA,EACX,SAAS,CAAC;AAAA,EACV,UAAU,CAAC;AAAA,EACX,eAAe,CAAC;AAAA,EAChB,OAAO,~~CAAC~~;~~AACV~~,CAAC;AAyBM,MAAM,iBAAiB;AAAA,EAC5B,SAASA,gBAAe,OAAO,KAAK;AAC5B,UAAA;AAAA,MACJ,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACD~~,IAAA~~;AACJ,UAAM,EAAE,QAAA,IAAY,WAAW,WAAW;AAEpC,UAAA,EAAE,OAAO;~~AAET~~,UAAA;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACE,cAAc,MAAM;AAElB,UAAA,OAAO,YAAY,iBAAiB;AAE1C;AAAA;AAAA,MAEE;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAG;AAAA,UACJ,WAAW,GAAG,WAAW,QAAQ,MAAM;AAAA,YACrC,CAAC,QAAQ,QAAQ,GAAG;AAAA,YACpB,CAAC,QAAQ,QAAQ,GAAG;AAAA,YACpB,CAAC,QAAQ,OAAO,GAAG;AAAA,YACnB,CAAC,QAAQ,QAAQ,GAAG;AAAA,UAAA,CACrB;AAAA,UACD,SAAS,CAAC,UAAU;AAClB,4BAAgB,KAAK;AACrB,4BAAgB,KAAK;AACrB,sBAAU,KAAK;AAAA,UACjB;AAAA,UACA,aAAa,CAAC,UAAU;AACtB,6BAAiB,KAAK;AACtB,0BAAc,KAAK;AAAA,UACrB;AAAA,UACA;AAAA,UAEA,UAAA;AAAA,YAAA,oBAAC,OAAI,EAAA,WAAW,QAAQ,eAAgB,UAAK,MAAA;AAAA,YAC5C,oBAAA,OAAA,EAAI,WAAW,QAAQ,OAAQ,UAAM,~~OAAA~~;AAAA,UAAA;AAAA,QAAA;AAAA,~~MACxC~~;AAAA;AAAA,~~EAEJ~~;~~AACF~~;"}
1	+ {"version":3,"file":"DefaultContent.js","sources":["../../../../src/TreeView/TreeItem/DefaultContent.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport {\n createClasses,\n useCss,\n type ExtractNames,\n} from \"@hitachivantara/uikit-react-utils\";\n\nimport { useHvTreeItem } from \"./useHvTreeItem\";\n\nexport const { useClasses } = createClasses(\"HvTreeContent\", {\n root: {},\n expanded: {},\n selected: {},\n focused: {},\n disabled: {},\n iconContainer: {},\n label: {},\n});\n\nexport type HvTreeContentClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvTreeContentProps extends React.HTMLAttributes<HTMLElement> {\n /** className applied to the root element. /\n className?: string;\n /* Override or extend the styles applied to the component. /\n classes?: HvTreeContentClasses;\n /* The tree node label. /\n label?: React.ReactNode;\n /* The id of the node. /\n nodeId: string;\n /* The icon to display next to the tree node's label. /\n icon?: React.ReactNode;\n /* The icon to display next to the tree node's label. Either an expansion or collapse icon. /\n expansionIcon?: React.ReactNode;\n /* The icon to display next to the tree node's label. Either a parent or end icon. /\n displayIcon?: React.ReactNode;\n}\n\n/\n Internal default TreeItem `component`.\n * Use this as a basis to create a custom component.\n /\nexport const DefaultContent = forwardRef<HTMLDivElement, HvTreeContentProps>(\n function DefaultContent(props, ref) {\n const {\n classes: classesProp,\n className,\n displayIcon,\n expansionIcon,\n icon: iconProp,\n label,\n nodeId,\n onClick,\n onMouseDown,\n ...others\n } = props;\n const { classes } = useClasses(classesProp);\n\n const { cx } = useCss();\n\n const {\n disabled,\n expanded,\n selected,\n focused,\n handleExpansion,\n handleSelection,\n preventSelection,\n } = useHvTreeItem(nodeId);\n\n const icon = iconProp ?? expansionIcon ?? displayIcon;\n\n return (\n / eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions -- Key event is handled by the TreeView */\n <div\n {...others}\n className={cx(className, classes.root, {\n [classes.expanded]: expanded,\n [classes.selected]: selected,\n [classes.focused]: focused,\n [classes.disabled]: disabled,\n })}\n onClick={(event) => {\n handleExpansion(event);\n handleSelection(event);\n onClick?.(event);\n }}\n onMouseDown={(event) => {\n preventSelection(event);\n onMouseDown?.(event);\n }}\n ref={ref}\n >\n <div className={classes.iconContainer}>{icon}</div>\n <div className={classes.label}>{label}</div>\n </div>\n );\n },\n);\n"],"names":["DefaultContent"],"mappings":";;;;AASO,MAAM,EAAE,WAAA,IAAe,cAAc,iBAAiB;AAAA,EAC3D,MAAM,CAAC;AAAA,EACP,UAAU,CAAC;AAAA,EACX,UAAU,CAAC;AAAA,EACX,SAAS,CAAC;AAAA,EACV,UAAU,CAAC;AAAA,EACX,eAAe,CAAC;AAAA,EAChB,OAAO,CAAA;AACT,CAAC;AAyBM,MAAM,iBAAiB;AAAA,EAC5B,SAASA,gBAAe,OAAO,KAAK;AAC5B,UAAA;AAAA,MACJ,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IAAA,IACD;AACJ,UAAM,EAAE,QAAA,IAAY,WAAW,WAAW;AAEpC,UAAA,EAAE,GAAG,IAAI,OAAO;AAEhB,UAAA;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACE,cAAc,MAAM;AAElB,UAAA,OAAO,YAAY,iBAAiB;AAE1C;AAAA;AAAA,MAEE;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAG;AAAA,UACJ,WAAW,GAAG,WAAW,QAAQ,MAAM;AAAA,YACrC,CAAC,QAAQ,QAAQ,GAAG;AAAA,YACpB,CAAC,QAAQ,QAAQ,GAAG;AAAA,YACpB,CAAC,QAAQ,OAAO,GAAG;AAAA,YACnB,CAAC,QAAQ,QAAQ,GAAG;AAAA,UAAA,CACrB;AAAA,UACD,SAAS,CAAC,UAAU;AAClB,4BAAgB,KAAK;AACrB,4BAAgB,KAAK;AACrB,sBAAU,KAAK;AAAA,UACjB;AAAA,UACA,aAAa,CAAC,UAAU;AACtB,6BAAiB,KAAK;AACtB,0BAAc,KAAK;AAAA,UACrB;AAAA,UACA;AAAA,UAEA,UAAA;AAAA,YAAA,oBAAC,OAAI,EAAA,WAAW,QAAQ,eAAgB,UAAK,MAAA;AAAA,YAC5C,oBAAA,OAAA,EAAI,WAAW,QAAQ,OAAQ,UAAM,MAAA,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA;AAAA,EACxC;AAGN;"}

package/dist/esm/TreeView/TreeItem/TreeItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TreeItem.js","sources":["../../../../src/TreeView/TreeItem/TreeItem.tsx"],"sourcesContent":["import { forwardRef, useEffect, useMemo, useRef, useState } from \"react\";\nimport Collapse from \"@mui/material/Collapse\";\nimport { TransitionProps } from \"@mui/material/transitions\";\nimport {\n useDefaultProps,\n type ExtractNames,\n} from \"@hitachivantara/uikit-react-utils\";\n\nimport { useForkRef } from \"../../hooks/useForkRef\";\nimport {\n DescendantProvider,\n TreeItemDescendant,\n useDescendant,\n} from \"../internals/DescendantProvider\";\nimport { DefaultTreeViewPlugins } from \"../internals/hooks/plugins\";\nimport { useTreeViewContext } from \"../internals/TreeViewProvider\";\nimport { DefaultContent, HvTreeContentClasses } from \"./DefaultContent\";\nimport { staticClasses, useClasses } from \"./TreeItem.styles\";\n\nexport { staticClasses as treeItemClasses };\n\nexport type HvTreeItemClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvTreeContentProps extends React.HTMLAttributes<HTMLElement> {\n /** className applied to the root element. /\n className?: string;\n /* Override or extend the styles applied to the component. /\n classes?: HvTreeContentClasses;\n /* The tree node label. /\n label?: React.ReactNode;\n /* The id of the node. /\n nodeId: string;\n /* The icon to display next to the tree node's label. /\n icon?: React.ReactNode;\n /* The icon to display next to the tree node's label. Either an expansion or collapse icon. /\n expansionIcon?: React.ReactNode;\n /* The icon to display next to the tree node's label. Either a parent or end icon. /\n displayIcon?: React.ReactNode;\n}\n\nexport interface HvTreeItemProps extends React.HTMLAttributes<HTMLElement> {\n /* The element id /\n id?: string;\n /* The id of the node. /\n nodeId: string;\n /* The tree node label. /\n label?: React.ReactNode;\n /* Override or extend the styles applied to the component. /\n classes?: HvTreeItemClasses;\n /* If `true`, the node is disabled. /\n disabled?: boolean;\n /* The icon to display next to the tree node's label. /\n icon?: React.ReactNode;\n /* The component used for the content node. /\n ContentComponent?: React.JSXElementConstructor<HvTreeContentProps>;\n /* Props applied to the content component /\n ContentProps?: HvTreeContentProps;\n /* The content of the component. /\n children?: React.ReactNode;\n /* className applied to the root element. /\n className?: string;\n /* The icon used to collapse the node. /\n collapseIcon?: React.ReactNode;\n /* The icon displayed next to an end node. /\n endIcon?: React.ReactNode;\n /* The icon used to expand the node. /\n expandIcon?: React.ReactNode;\n /* The component used for the transition. /\n TransitionComponent?: React.JSXElementConstructor<TransitionProps>;\n /* Props applied to the transition component /\n TransitionProps?: TransitionProps;\n /* Whether to disable the following default behavior: when the item is focused, the focus is placed on the tree root. @default `false` */\n disableTreeFocus?: boolean;\n}\n\nexport const HvTreeItem = forwardRef<HTMLLIElement, HvTreeItemProps>(\n function HvTreeItem(props, ref) {\n const {\n id: idProp,\n nodeId,\n children,\n classes: classesProp,\n className,\n label,\n disabled: disabledProp,\n icon,\n endIcon,\n expandIcon,\n collapseIcon,\n ContentComponent: Component = DefaultContent,\n TransitionProps: transitionProps,\n ContentProps: contentProps,\n disableTreeFocus = false,\n ...others\n } = useDefaultProps(\"HvTreeItem\", props);\n const { classes, cx } = useClasses(classesProp);\n\n const {\n instance,\n multiSelect,\n disabledItemsFocusable,\n treeId,\n icons: contextIcons,\n } = useTreeViewContext<DefaultTreeViewPlugins>();\n\n const id =\n idProp \|\| (treeId && nodeId && `${treeId}-${nodeId}`) \|\| undefined;\n\n const [treeItemElement, setTreeItemElement] =\n useState<HTMLLIElement \| null>(null);\n const contentRef = useRef<HTMLDivElement>(null);\n const handleRef = useForkRef(setTreeItemElement, ref);\n\n const descendant = useMemo<TreeItemDescendant>(\n () => ({ element: treeItemElement!, id: nodeId }),\n [nodeId, treeItemElement],\n );\n\n const { index, parentId, level } = useDescendant(descendant);\n\n const expandable = !!(Array.isArray(children) ? children.length : children);\n const expanded = instance ? instance.isNodeExpanded(nodeId) : false;\n const focused = instance ? instance.isNodeFocused(nodeId) : false;\n const selected = instance ? instance.isNodeSelected(nodeId) : false;\n const disabled = instance ? instance.isNodeDisabled(nodeId) : false;\n\n const expansionIcon = !expanded\n ? expandIcon \|\| contextIcons.defaultExpandIcon\n : collapseIcon \|\| contextIcons.defaultCollapseIcon;\n\n const displayIcon = expandable\n ? contextIcons.defaultParentIcon\n : endIcon \|\| contextIcons.defaultEndIcon;\n\n useEffect(() => {\n // On the first render a node's index will be -1. We want to wait for the real index.\n if (instance && index !== -1) {\n instance.updateNode({\n id: nodeId,\n idAttribute: id,\n index,\n parentId,\n expandable,\n disabled: disabledProp,\n });\n\n return () => instance.removeNode(nodeId);\n }\n\n return undefined;\n }, [instance, parentId, index, nodeId, expandable, disabledProp, id]);\n\n useEffect(() => {\n if (instance && label) {\n return instance.mapFirstChar(\n nodeId,\n (contentRef.current?.textContent ?? \"\").substring(0, 1).toLowerCase(),\n );\n }\n return undefined;\n }, [instance, nodeId, label]);\n\n const handleFocus = (event: React.FocusEvent<HTMLLIElement>) => {\n // DOM focus stays on the tree which manages focus with aria-activedescendant\n if (event.target === event.currentTarget && !disableTreeFocus) {\n const rootElement: any =\n typeof event.target.getRootNode === \"function\"\n ? event.target.getRootNode()\n : event.target.ownerDocument \|\| document;\n\n rootElement.getElementById(treeId).focus({ preventScroll: true });\n }\n\n const unfocusable = !disabledItemsFocusable && disabled;\n const canFocus =\n instance &&\n !focused &&\n !disabled &&\n !unfocusable &&\n event.currentTarget === event.target;\n\n if (canFocus) {\n instance.focusNode(event, nodeId);\n }\n };\n\n return (\n <li\n id={id}\n ref={handleRef}\n role=\"treeitem\"\n aria-expanded={expandable ? expanded : undefined}\n aria-selected={(multiSelect && selected) \|\| selected \|\| undefined}\n aria-disabled={disabled \|\| undefined}\n className={cx(classes.root, className)}\n // @ts-ignore\n onFocus={handleFocus}\n tabIndex={-1}\n {...others}\n >\n <Component\n ref={contentRef}\n nodeId={nodeId}\n classes={{\n root: classes.content,\n expanded: classes.expanded,\n selected: classes.selected,\n focused: classes.focused,\n disabled: classes.disabled,\n label: classes.label,\n iconContainer: classes.iconContainer,\n }}\n label={label}\n icon={icon}\n expansionIcon={expandable && expansionIcon}\n displayIcon={displayIcon}\n {...contentProps}\n />\n {children && (\n <DescendantProvider id={nodeId} level={level + 1}>\n <Collapse\n component=\"ul\"\n role=\"group\"\n unmountOnExit\n className={classes.group}\n in={expanded}\n {...transitionProps}\n >\n {children}\n </Collapse>\n </DescendantProvider>\n )}\n </li>\n );\n },\n);\n"],"names":["HvTreeItem"],"mappings":"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"}
1	+ {"version":3,"file":"TreeItem.js","sources":["../../../../src/TreeView/TreeItem/TreeItem.tsx"],"sourcesContent":["import { forwardRef, useEffect, useMemo, useRef, useState } from \"react\";\nimport Collapse from \"@mui/material/Collapse\";\nimport { TransitionProps } from \"@mui/material/transitions\";\nimport {\n useDefaultProps,\n type ExtractNames,\n} from \"@hitachivantara/uikit-react-utils\";\n\nimport { useForkRef } from \"../../hooks/useForkRef\";\nimport {\n DescendantProvider,\n TreeItemDescendant,\n useDescendant,\n} from \"../internals/DescendantProvider\";\nimport { DefaultTreeViewPlugins } from \"../internals/hooks/plugins\";\nimport { useTreeViewContext } from \"../internals/TreeViewProvider\";\nimport { DefaultContent, HvTreeContentClasses } from \"./DefaultContent\";\nimport { staticClasses, useClasses } from \"./TreeItem.styles\";\n\nexport { staticClasses as treeItemClasses };\n\nexport type HvTreeItemClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvTreeContentProps extends React.HTMLAttributes<HTMLElement> {\n /** className applied to the root element. /\n className?: string;\n /* Override or extend the styles applied to the component. /\n classes?: HvTreeContentClasses;\n /* The tree node label. /\n label?: React.ReactNode;\n /* The id of the node. /\n nodeId: string;\n /* The icon to display next to the tree node's label. /\n icon?: React.ReactNode;\n /* The icon to display next to the tree node's label. Either an expansion or collapse icon. /\n expansionIcon?: React.ReactNode;\n /* The icon to display next to the tree node's label. Either a parent or end icon. /\n displayIcon?: React.ReactNode;\n}\n\nexport interface HvTreeItemProps extends React.HTMLAttributes<HTMLElement> {\n /* The element id /\n id?: string;\n /* The id of the node. /\n nodeId: string;\n /* The tree node label. /\n label?: React.ReactNode;\n /* Override or extend the styles applied to the component. /\n classes?: HvTreeItemClasses;\n /* If `true`, the node is disabled. /\n disabled?: boolean;\n /* The icon to display next to the tree node's label. /\n icon?: React.ReactNode;\n /* The component used for the content node. /\n ContentComponent?: React.JSXElementConstructor<HvTreeContentProps>;\n /* Props applied to the content component /\n ContentProps?: HvTreeContentProps;\n /* The content of the component. /\n children?: React.ReactNode;\n /* className applied to the root element. /\n className?: string;\n /* The icon used to collapse the node. /\n collapseIcon?: React.ReactNode;\n /* The icon displayed next to an end node. /\n endIcon?: React.ReactNode;\n /* The icon used to expand the node. /\n expandIcon?: React.ReactNode;\n /* The component used for the transition. /\n TransitionComponent?: React.JSXElementConstructor<TransitionProps>;\n /* Props applied to the transition component /\n TransitionProps?: TransitionProps;\n /* Whether to disable the following default behavior: when the item is focused, the focus is placed on the tree root. @default `false` */\n disableTreeFocus?: boolean;\n}\n\nexport const HvTreeItem = forwardRef<HTMLLIElement, HvTreeItemProps>(\n function HvTreeItem(props, ref) {\n const {\n id: idProp,\n nodeId,\n children,\n classes: classesProp,\n className,\n label,\n disabled: disabledProp,\n icon,\n endIcon,\n expandIcon,\n collapseIcon,\n ContentComponent: Component = DefaultContent,\n TransitionProps: transitionProps,\n ContentProps: contentProps,\n disableTreeFocus = false,\n ...others\n } = useDefaultProps(\"HvTreeItem\", props);\n const { classes, cx } = useClasses(classesProp);\n\n const {\n instance,\n multiSelect,\n disabledItemsFocusable,\n treeId,\n icons: contextIcons,\n } = useTreeViewContext<DefaultTreeViewPlugins>();\n\n const id =\n idProp \|\| (treeId && nodeId && `${treeId}-${nodeId}`) \|\| undefined;\n\n const [treeItemElement, setTreeItemElement] =\n useState<HTMLLIElement \| null>(null);\n const contentRef = useRef<HTMLDivElement>(null);\n const handleRef = useForkRef(setTreeItemElement, ref);\n\n const descendant = useMemo<TreeItemDescendant>(\n () => ({ element: treeItemElement!, id: nodeId }),\n [nodeId, treeItemElement],\n );\n\n const { index, parentId, level } = useDescendant(descendant);\n\n const expandable = !!(Array.isArray(children) ? children.length : children);\n const expanded = instance ? instance.isNodeExpanded(nodeId) : false;\n const focused = instance ? instance.isNodeFocused(nodeId) : false;\n const selected = instance ? instance.isNodeSelected(nodeId) : false;\n const disabled = instance ? instance.isNodeDisabled(nodeId) : false;\n\n const expansionIcon = !expanded\n ? expandIcon \|\| contextIcons.defaultExpandIcon\n : collapseIcon \|\| contextIcons.defaultCollapseIcon;\n\n const displayIcon = expandable\n ? contextIcons.defaultParentIcon\n : endIcon \|\| contextIcons.defaultEndIcon;\n\n useEffect(() => {\n // On the first render a node's index will be -1. We want to wait for the real index.\n if (instance && index !== -1) {\n instance.updateNode({\n id: nodeId,\n idAttribute: id,\n index,\n parentId,\n expandable,\n disabled: disabledProp,\n });\n\n return () => instance.removeNode(nodeId);\n }\n\n return undefined;\n }, [instance, parentId, index, nodeId, expandable, disabledProp, id]);\n\n useEffect(() => {\n if (instance && label) {\n return instance.mapFirstChar(\n nodeId,\n (contentRef.current?.textContent ?? \"\").substring(0, 1).toLowerCase(),\n );\n }\n return undefined;\n }, [instance, nodeId, label]);\n\n const handleFocus = (event: React.FocusEvent<HTMLLIElement>) => {\n // DOM focus stays on the tree which manages focus with aria-activedescendant\n if (event.target === event.currentTarget && !disableTreeFocus) {\n const rootElement: any =\n typeof event.target.getRootNode === \"function\"\n ? event.target.getRootNode()\n : event.target.ownerDocument \|\| document;\n\n rootElement.getElementById(treeId).focus({ preventScroll: true });\n }\n\n const unfocusable = !disabledItemsFocusable && disabled;\n const canFocus =\n instance &&\n !focused &&\n !disabled &&\n !unfocusable &&\n event.currentTarget === event.target;\n\n if (canFocus) {\n instance.focusNode(event, nodeId);\n }\n };\n\n return (\n <li\n id={id}\n ref={handleRef}\n role=\"treeitem\"\n aria-expanded={expandable ? expanded : undefined}\n aria-selected={(multiSelect && selected) \|\| selected \|\| undefined}\n aria-disabled={disabled \|\| undefined}\n className={cx(classes.root, className)}\n // @ts-ignore\n onFocus={handleFocus}\n tabIndex={-1}\n {...others}\n >\n <Component\n ref={contentRef}\n nodeId={nodeId}\n classes={{\n root: classes.content,\n expanded: classes.expanded,\n selected: classes.selected,\n focused: classes.focused,\n disabled: classes.disabled,\n label: classes.label,\n iconContainer: classes.iconContainer,\n }}\n label={label}\n icon={icon}\n expansionIcon={expandable && expansionIcon}\n displayIcon={displayIcon}\n {...contentProps}\n />\n {children && (\n <DescendantProvider id={nodeId} level={level + 1}>\n <Collapse\n component=\"ul\"\n role=\"group\"\n unmountOnExit\n className={classes.group}\n in={expanded}\n {...transitionProps}\n >\n {children}\n </Collapse>\n </DescendantProvider>\n )}\n </li>\n );\n },\n);\n"],"names":["HvTreeItem"],"mappings":"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"}

package/dist/esm/TreeView/TreeItem/TreeItem.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TreeItem.styles.js","sources":["../../../../src/TreeView/TreeItem/TreeItem.styles.ts"],"sourcesContent":["import { createClasses } from \"@hitachivantara/uikit-react-utils\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { outlineStyles } from \"../../utils/focusUtils\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTreeItem\", {\n /** Applied to the root element */\n root: {\n listStyle: \"none\",\n margin: 0,\n padding: 0,\n outline: 0,\n },\n group: {\n margin: 0,\n padding: 0,\n marginLeft: theme.space.sm,\n },\n\n content: {\n padding: theme.spacing(0, 1),\n minHeight: 32, // TODO: review\n\n width: \"100%\",\n boxSizing: \"border-box\", // prevent width + padding to overflow\n display: \"flex\",\n alignItems: \"center\",\n cursor: \"pointer\",\n WebkitTapHighlightColor: \"transparent\",\n \"&:hover:not($disabled)\": {\n backgroundColor: theme.colors.containerBackgroundHover,\n },\n },\n expanded: {},\n selected: {\n backgroundColor: theme.colors.atmo3,\n },\n focused: {\n backgroundColor: theme.colors.containerBackgroundHover,\n \"&:focus-visible\": {\n ...outlineStyles,\n },\n },\n disabled: {\n cursor: \"not-allowed\",\n color: theme.colors.secondary_60,\n \"& $label\": {\n color: theme.colors.secondary_60,\n },\n },\n label: {\n paddingLeft: 4,\n width: \"100%\",\n boxSizing: \"border-box\",\n\n // fixes overflow\n minWidth: 0,\n position: \"relative\",\n ...theme.typography.body,\n },\n iconContainer: {\n display: \"flex\",\n flexShrink: 0,\n justifyContent: \"center\",\n\n marginRight: 4,\n width: theme.space.sm,\n \":empty\": {\n width: theme.space.xs,\n },\n },\n});\n"],"names":[],"mappings":";;;AAKO,MAAM,EAAE,eAAe,eAAe,cAAc,cAAc;AAAA;AAAA,EAEvE,MAAM;AAAA,IACJ,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,YAAY,MAAM,MAAM;AAAA,EAC1B;AAAA,EAEA,SAAS;AAAA,IACP,SAAS,MAAM,QAAQ,GAAG,CAAC;AAAA,IAC3B,WAAW;AAAA;AAAA,IAEX,OAAO;AAAA,IACP,WAAW;AAAA;AAAA,IACX,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,yBAAyB;AAAA,IACzB,0BAA0B;AAAA,MACxB,iBAAiB,MAAM,OAAO;AAAA,~~IAChC~~;AAAA,~~EACF~~;AAAA,EACA,UAAU,CAAC;AAAA,EACX,UAAU;AAAA,IACR,iBAAiB,MAAM,OAAO;AAAA,EAChC;AAAA,EACA,SAAS;AAAA,IACP,iBAAiB,MAAM,OAAO;AAAA,IAC9B,mBAAmB;AAAA,MACjB,GAAG;AAAA,~~IACL~~;AAAA,~~EACF~~;AAAA,EACA,UAAU;AAAA,IACR,QAAQ;AAAA,IACR,OAAO,MAAM,OAAO;AAAA,IACpB,YAAY;AAAA,MACV,OAAO,MAAM,OAAO;AAAA,~~IACtB~~;AAAA,~~EACF~~;AAAA,EACA,OAAO;AAAA,IACL,aAAa;AAAA,IACb,OAAO;AAAA,IACP,WAAW;AAAA;AAAA,IAGX,UAAU;AAAA,IACV,UAAU;AAAA,IACV,GAAG,MAAM,WAAW;AAAA,EACtB;AAAA,EACA,eAAe;AAAA,IACb,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAEhB,aAAa;AAAA,IACb,OAAO,MAAM,MAAM;AAAA,IACnB,UAAU;AAAA,MACR,OAAO,MAAM,MAAM;AAAA,~~IACrB~~;AAAA,~~EACF~~;~~AACF~~,CAAC;"}
1	+ {"version":3,"file":"TreeItem.styles.js","sources":["../../../../src/TreeView/TreeItem/TreeItem.styles.ts"],"sourcesContent":["import { createClasses } from \"@hitachivantara/uikit-react-utils\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { outlineStyles } from \"../../utils/focusUtils\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTreeItem\", {\n /** Applied to the root element */\n root: {\n listStyle: \"none\",\n margin: 0,\n padding: 0,\n outline: 0,\n },\n group: {\n margin: 0,\n padding: 0,\n marginLeft: theme.space.sm,\n },\n\n content: {\n padding: theme.spacing(0, 1),\n minHeight: 32, // TODO: review\n\n width: \"100%\",\n boxSizing: \"border-box\", // prevent width + padding to overflow\n display: \"flex\",\n alignItems: \"center\",\n cursor: \"pointer\",\n WebkitTapHighlightColor: \"transparent\",\n \"&:hover:not($disabled)\": {\n backgroundColor: theme.colors.containerBackgroundHover,\n },\n },\n expanded: {},\n selected: {\n backgroundColor: theme.colors.atmo3,\n },\n focused: {\n backgroundColor: theme.colors.containerBackgroundHover,\n \"&:focus-visible\": {\n ...outlineStyles,\n },\n },\n disabled: {\n cursor: \"not-allowed\",\n color: theme.colors.secondary_60,\n \"& $label\": {\n color: theme.colors.secondary_60,\n },\n },\n label: {\n paddingLeft: 4,\n width: \"100%\",\n boxSizing: \"border-box\",\n\n // fixes overflow\n minWidth: 0,\n position: \"relative\",\n ...theme.typography.body,\n },\n iconContainer: {\n display: \"flex\",\n flexShrink: 0,\n justifyContent: \"center\",\n\n marginRight: 4,\n width: theme.space.sm,\n \":empty\": {\n width: theme.space.xs,\n },\n },\n});\n"],"names":[],"mappings":";;;AAKO,MAAM,EAAE,eAAe,eAAe,cAAc,cAAc;AAAA;AAAA,EAEvE,MAAM;AAAA,IACJ,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,YAAY,MAAM,MAAM;AAAA,EAC1B;AAAA,EAEA,SAAS;AAAA,IACP,SAAS,MAAM,QAAQ,GAAG,CAAC;AAAA,IAC3B,WAAW;AAAA;AAAA,IAEX,OAAO;AAAA,IACP,WAAW;AAAA;AAAA,IACX,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,yBAAyB;AAAA,IACzB,0BAA0B;AAAA,MACxB,iBAAiB,MAAM,OAAO;AAAA,IAAA;AAAA,EAElC;AAAA,EACA,UAAU,CAAC;AAAA,EACX,UAAU;AAAA,IACR,iBAAiB,MAAM,OAAO;AAAA,EAChC;AAAA,EACA,SAAS;AAAA,IACP,iBAAiB,MAAM,OAAO;AAAA,IAC9B,mBAAmB;AAAA,MACjB,GAAG;AAAA,IAAA;AAAA,EAEP;AAAA,EACA,UAAU;AAAA,IACR,QAAQ;AAAA,IACR,OAAO,MAAM,OAAO;AAAA,IACpB,YAAY;AAAA,MACV,OAAO,MAAM,OAAO;AAAA,IAAA;AAAA,EAExB;AAAA,EACA,OAAO;AAAA,IACL,aAAa;AAAA,IACb,OAAO;AAAA,IACP,WAAW;AAAA;AAAA,IAGX,UAAU;AAAA,IACV,UAAU;AAAA,IACV,GAAG,MAAM,WAAW;AAAA,EACtB;AAAA,EACA,eAAe;AAAA,IACb,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAEhB,aAAa;AAAA,IACb,OAAO,MAAM,MAAM;AAAA,IACnB,UAAU;AAAA,MACR,OAAO,MAAM,MAAM;AAAA,IAAA;AAAA,EACrB;AAEJ,CAAC;"}

package/dist/esm/TreeView/TreeItem/useHvTreeItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useHvTreeItem.js","sources":["../../../../src/TreeView/TreeItem/useHvTreeItem.ts"],"sourcesContent":["import * as React from \"react\";\n\nimport { DescendantContext } from \"../internals/DescendantProvider\";\nimport { DefaultTreeViewPlugins } from \"../internals/hooks/plugins\";\nimport { useTreeViewContext } from \"../internals/TreeViewProvider\";\n\nexport function useHvTreeItem(nodeId: string) {\n const { instance, multiSelect } =\n useTreeViewContext<DefaultTreeViewPlugins>();\n const { level = 0 } = React.useContext(DescendantContext);\n\n const expandable = instance ? instance.isNodeExpandable(nodeId) : false;\n const expanded = instance ? instance.isNodeExpanded(nodeId) : false;\n const focused = instance ? instance.isNodeFocused(nodeId) : false;\n const selected = instance ? instance.isNodeSelected(nodeId) : false;\n const disabled = instance ? instance.isNodeDisabled(nodeId) : false;\n\n const handleExpansion = (event: React.MouseEvent) => {\n if (!instance \|\| disabled) return;\n\n if (!focused) {\n instance.focusNode(event, nodeId);\n }\n\n const multiple =\n multiSelect && (event.shiftKey \|\| event.ctrlKey \|\| event.metaKey);\n\n // If already expanded and trying to toggle selection don't close\n if (expandable && !(multiple && instance.isNodeExpanded(nodeId))) {\n instance.toggleNodeExpansion(event, nodeId);\n }\n };\n\n const handleSelection = (event: React.MouseEvent) => {\n if (!instance \|\| disabled) return;\n\n if (!focused) {\n instance.focusNode(event, nodeId);\n }\n\n const multiple =\n multiSelect && (event.shiftKey \|\| event.ctrlKey \|\| event.metaKey);\n\n if (multiple) {\n if (event.shiftKey) {\n instance.selectRange(event, { end: nodeId });\n } else {\n instance.selectNode(event, nodeId, true);\n }\n } else {\n instance.selectNode(event, nodeId);\n }\n };\n\n const preventSelection = (event: React.MouseEvent) => {\n if (event.shiftKey \|\| event.ctrlKey \|\| event.metaKey \|\| disabled) {\n // Prevent text selection\n event.preventDefault();\n }\n };\n\n return {\n instance,\n level,\n disabled,\n expanded,\n selected,\n focused,\n handleExpansion,\n handleSelection,\n preventSelection,\n };\n}\n"],"names":[],"mappings":";;;AAMO,SAAS,cAAc,QAAgB;AAC5C,QAAM,EAAE,UAAU,YAAY,IAC5B,mBAA2C;AAC7C,QAAM,EAAE,QAAQ,EAAA,IAAM,MAAM,WAAW,iBAAiB;AAExD,QAAM,aAAa,WAAW,SAAS,iBAAiB,MAAM,IAAI;AAClE,QAAM,WAAW,WAAW,SAAS,eAAe,MAAM,IAAI;AAC9D,QAAM,UAAU,WAAW,SAAS,cAAc,MAAM,IAAI;AAC5D,QAAM,WAAW,WAAW,SAAS,eAAe,MAAM,IAAI;AAC9D,QAAM,WAAW,WAAW,SAAS,eAAe,MAAM,IAAI;AAExD,QAAA,kBAAkB,CAAC,UAA4B;AAC/C,QAAA,CAAC,YAAY,SAAU;AAE3B,QAAI,CAAC,SAAS;AACH,eAAA,UAAU,OAAO,MAAM;AAAA,~~IAClC~~;~~AAEA~~,UAAM,WACJ,gBAAgB,MAAM,YAAY,MAAM,WAAW,MAAM;AAG3D,QAAI,cAAc,EAAE,YAAY,SAAS,eAAe,MAAM,IAAI;AACvD,eAAA,oBAAoB,OAAO,MAAM;AAAA,~~IAC5C~~;AAAA,~~EAAA~~;~~AAGI~~,QAAA,kBAAkB,CAAC,UAA4B;AAC/C,QAAA,CAAC,YAAY,SAAU;AAE3B,QAAI,CAAC,SAAS;AACH,eAAA,UAAU,OAAO,MAAM;AAAA,~~IAClC~~;~~AAEA~~,UAAM,WACJ,gBAAgB,MAAM,YAAY,MAAM,WAAW,MAAM;AAE3D,QAAI,UAAU;AACZ,UAAI,MAAM,UAAU;AAClB,iBAAS,YAAY,OAAO,EAAE,KAAK,~~OAAQ,CAAA~~;AAAA,MAAA,OACtC;AACI,iBAAA,WAAW,OAAO,QAAQ,IAAI;AAAA,~~MACzC~~;AAAA,~~IAAA~~,OACK;AACI,eAAA,WAAW,OAAO,MAAM;AAAA,~~IACnC~~;AAAA,~~EAAA~~;~~AAGI~~,QAAA,mBAAmB,CAAC,UAA4B;AACpD,QAAI,MAAM,YAAY,MAAM,WAAW,MAAM,WAAW,UAAU;AAEhE,YAAM,eAAe;AAAA,~~IACvB~~;AAAA,~~EAAA~~;~~AAGK~~,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,~~EAAA~~;~~AAEJ~~;"}
1	+ {"version":3,"file":"useHvTreeItem.js","sources":["../../../../src/TreeView/TreeItem/useHvTreeItem.ts"],"sourcesContent":["import * as React from \"react\";\n\nimport { DescendantContext } from \"../internals/DescendantProvider\";\nimport { DefaultTreeViewPlugins } from \"../internals/hooks/plugins\";\nimport { useTreeViewContext } from \"../internals/TreeViewProvider\";\n\nexport function useHvTreeItem(nodeId: string) {\n const { instance, multiSelect } =\n useTreeViewContext<DefaultTreeViewPlugins>();\n const { level = 0 } = React.useContext(DescendantContext);\n\n const expandable = instance ? instance.isNodeExpandable(nodeId) : false;\n const expanded = instance ? instance.isNodeExpanded(nodeId) : false;\n const focused = instance ? instance.isNodeFocused(nodeId) : false;\n const selected = instance ? instance.isNodeSelected(nodeId) : false;\n const disabled = instance ? instance.isNodeDisabled(nodeId) : false;\n\n const handleExpansion = (event: React.MouseEvent) => {\n if (!instance \|\| disabled) return;\n\n if (!focused) {\n instance.focusNode(event, nodeId);\n }\n\n const multiple =\n multiSelect && (event.shiftKey \|\| event.ctrlKey \|\| event.metaKey);\n\n // If already expanded and trying to toggle selection don't close\n if (expandable && !(multiple && instance.isNodeExpanded(nodeId))) {\n instance.toggleNodeExpansion(event, nodeId);\n }\n };\n\n const handleSelection = (event: React.MouseEvent) => {\n if (!instance \|\| disabled) return;\n\n if (!focused) {\n instance.focusNode(event, nodeId);\n }\n\n const multiple =\n multiSelect && (event.shiftKey \|\| event.ctrlKey \|\| event.metaKey);\n\n if (multiple) {\n if (event.shiftKey) {\n instance.selectRange(event, { end: nodeId });\n } else {\n instance.selectNode(event, nodeId, true);\n }\n } else {\n instance.selectNode(event, nodeId);\n }\n };\n\n const preventSelection = (event: React.MouseEvent) => {\n if (event.shiftKey \|\| event.ctrlKey \|\| event.metaKey \|\| disabled) {\n // Prevent text selection\n event.preventDefault();\n }\n };\n\n return {\n instance,\n level,\n disabled,\n expanded,\n selected,\n focused,\n handleExpansion,\n handleSelection,\n preventSelection,\n };\n}\n"],"names":[],"mappings":";;;AAMO,SAAS,cAAc,QAAgB;AAC5C,QAAM,EAAE,UAAU,YAAY,IAC5B,mBAA2C;AAC7C,QAAM,EAAE,QAAQ,EAAA,IAAM,MAAM,WAAW,iBAAiB;AAExD,QAAM,aAAa,WAAW,SAAS,iBAAiB,MAAM,IAAI;AAClE,QAAM,WAAW,WAAW,SAAS,eAAe,MAAM,IAAI;AAC9D,QAAM,UAAU,WAAW,SAAS,cAAc,MAAM,IAAI;AAC5D,QAAM,WAAW,WAAW,SAAS,eAAe,MAAM,IAAI;AAC9D,QAAM,WAAW,WAAW,SAAS,eAAe,MAAM,IAAI;AAExD,QAAA,kBAAkB,CAAC,UAA4B;AAC/C,QAAA,CAAC,YAAY,SAAU;AAE3B,QAAI,CAAC,SAAS;AACH,eAAA,UAAU,OAAO,MAAM;AAAA,IAAA;AAGlC,UAAM,WACJ,gBAAgB,MAAM,YAAY,MAAM,WAAW,MAAM;AAG3D,QAAI,cAAc,EAAE,YAAY,SAAS,eAAe,MAAM,IAAI;AACvD,eAAA,oBAAoB,OAAO,MAAM;AAAA,IAAA;AAAA,EAE9C;AAEM,QAAA,kBAAkB,CAAC,UAA4B;AAC/C,QAAA,CAAC,YAAY,SAAU;AAE3B,QAAI,CAAC,SAAS;AACH,eAAA,UAAU,OAAO,MAAM;AAAA,IAAA;AAGlC,UAAM,WACJ,gBAAgB,MAAM,YAAY,MAAM,WAAW,MAAM;AAE3D,QAAI,UAAU;AACZ,UAAI,MAAM,UAAU;AAClB,iBAAS,YAAY,OAAO,EAAE,KAAK,QAAQ;AAAA,MAAA,OACtC;AACI,iBAAA,WAAW,OAAO,QAAQ,IAAI;AAAA,MAAA;AAAA,IACzC,OACK;AACI,eAAA,WAAW,OAAO,MAAM;AAAA,IAAA;AAAA,EAErC;AAEM,QAAA,mBAAmB,CAAC,UAA4B;AACpD,QAAI,MAAM,YAAY,MAAM,WAAW,MAAM,WAAW,UAAU;AAEhE,YAAM,eAAe;AAAA,IAAA;AAAA,EAEzB;AAEO,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;"}

package/dist/esm/TreeView/TreeView.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TreeView.js","sources":["../../../src/TreeView/TreeView.tsx"],"sourcesContent":["import { useSlotProps } from \"@mui/base/utils\";\nimport { DropDownXS, DropRightXS } from \"@hitachivantara/uikit-react-icons\";\nimport {\n useDefaultProps,\n type ExtractNames,\n} from \"@hitachivantara/uikit-react-utils\";\n\nimport { fixedForwardRef, HvBaseProps } from \"../types/generic\";\nimport {\n DEFAULT_TREE_VIEW_PLUGINS,\n DefaultTreeViewPluginParameters,\n} from \"./internals/hooks/plugins\";\nimport { useTreeView } from \"./internals/hooks/useTreeView\";\nimport { TreeViewProvider } from \"./internals/TreeViewProvider\";\nimport { staticClasses, useClasses } from \"./TreeView.styles\";\n\nexport { staticClasses as treeView2Classes }; // TODO: remove old `treeViewClasses`\n\nexport type HvTreeViewClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvTreeViewProps<Multiple extends boolean \| undefined>\n extends HvBaseProps<HTMLUListElement>,\n DefaultTreeViewPluginParameters<Multiple> {\n /** A Jss Object used to override or extend the styles applied. /\n classes?: HvTreeViewClasses;\n /* Tree View children. Usually a `HvTreeItem` instance, or a custom variation of it /\n children?: React.ReactNode;\n}\n\n/\n A Tree View displays hierarchical structures.\n * It also facilitates the exploration of categorical levels and their content.\n \n Tree structures are built through composing the `HvTreeItem` component,\n * or a custom variation of it.\n \n It is based on MUI's [TreeView](https://mui.com/x/react-tree-view) component.\n \n @example\n * ```tsx\n * <HvTreeView>\n * <HvTreeItem nodeId=\"1\" label=\"File1\" />\n * </HvTreeView>\n * ```\n */\nexport const HvTreeView = fixedForwardRef(function HvTreeView<\n Multiple extends boolean \| undefined,\n>(props: HvTreeViewProps<Multiple>, ref: React.Ref<HTMLUListElement>) {\n const {\n id,\n children,\n classes: classesProp,\n className,\n\n disabledItemsFocusable,\n multiSelect,\n expanded,\n defaultExpanded,\n selected,\n defaultSelected,\n disableSelection,\n defaultCollapseIcon = <DropDownXS />,\n defaultExpandIcon = <DropRightXS />,\n defaultEndIcon,\n defaultParentIcon,\n onNodeSelect,\n onNodeToggle,\n onNodeFocus,\n ...others\n } = useDefaultProps(\"HvTreeView\", props);\n const { classes, cx } = useClasses(classesProp);\n\n const { getRootProps, contextValue } = useTreeView({\n disabledItemsFocusable,\n expanded,\n defaultExpanded,\n onNodeToggle,\n onNodeFocus,\n disableSelection,\n defaultSelected,\n selected,\n multiSelect,\n onNodeSelect: onNodeSelect as HvTreeViewProps<any>[\"onNodeSelect\"],\n id,\n defaultCollapseIcon,\n defaultEndIcon,\n defaultExpandIcon,\n defaultParentIcon,\n plugins: DEFAULT_TREE_VIEW_PLUGINS,\n rootRef: ref,\n });\n\n const rootProps = useSlotProps({\n elementType: \"ul\",\n externalSlotProps: {},\n externalForwardedProps: others,\n className: classes.root,\n getSlotProps: getRootProps,\n ownerState: props,\n });\n\n return (\n <TreeViewProvider value={contextValue}>\n <ul className={cx(classes.root, className)} {...rootProps} {...others}>\n {children}\n </ul>\n </TreeViewProvider>\n );\n});\n"],"names":["HvTreeView"],"mappings":";;;;;;;;;;AA6CO,MAAM,aAAa,gBAAgB,SAASA,YAEjD,OAAkC,KAAkC;AAC9D,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,0CAAuB,YAAW,EAAA;AAAA,IAClC,wCAAqB,aAAY,EAAA;AAAA,IACjC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACD,gBAAgB,cAAc,KAAK;AACvC,QAAM,EAAE,SAAS,~~GAAG~~,~~IAAI,~~WAAW,WAAW;AAE9C,QAAM,EAAE,cAAc,aAAa,IAAI,YAAY;AAAA,IACjD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT,SAAS;AAAA,EAAA,CACV;AAED,QAAM,YAAY,aAAa;AAAA,IAC7B,aAAa;AAAA,IACb,mBAAmB,CAAC;AAAA,IACpB,wBAAwB;AAAA,IACxB,WAAW,QAAQ;AAAA,IACnB,cAAc;AAAA,IACd,YAAY;AAAA,EAAA,CACb;AAED,6BACG,kBAAiB,EAAA,OAAO,cACvB,UAAA,oBAAC,QAAG,WAAW,GAAG,QAAQ,MAAM,SAAS,GAAI,GAAG,WAAY,GAAG,QAC5D,~~UACH~~,~~EACF~~,~~CAAA~~;AAEJ,CAAC;"}
1	+ {"version":3,"file":"TreeView.js","sources":["../../../src/TreeView/TreeView.tsx"],"sourcesContent":["import { useSlotProps } from \"@mui/base/utils\";\nimport { DropDownXS, DropRightXS } from \"@hitachivantara/uikit-react-icons\";\nimport {\n useDefaultProps,\n type ExtractNames,\n} from \"@hitachivantara/uikit-react-utils\";\n\nimport { fixedForwardRef, HvBaseProps } from \"../types/generic\";\nimport {\n DEFAULT_TREE_VIEW_PLUGINS,\n DefaultTreeViewPluginParameters,\n} from \"./internals/hooks/plugins\";\nimport { useTreeView } from \"./internals/hooks/useTreeView\";\nimport { TreeViewProvider } from \"./internals/TreeViewProvider\";\nimport { staticClasses, useClasses } from \"./TreeView.styles\";\n\nexport { staticClasses as treeView2Classes }; // TODO: remove old `treeViewClasses`\n\nexport type HvTreeViewClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvTreeViewProps<Multiple extends boolean \| undefined>\n extends HvBaseProps<HTMLUListElement>,\n DefaultTreeViewPluginParameters<Multiple> {\n /** A Jss Object used to override or extend the styles applied. /\n classes?: HvTreeViewClasses;\n /* Tree View children. Usually a `HvTreeItem` instance, or a custom variation of it /\n children?: React.ReactNode;\n}\n\n/\n A Tree View displays hierarchical structures.\n * It also facilitates the exploration of categorical levels and their content.\n \n Tree structures are built through composing the `HvTreeItem` component,\n * or a custom variation of it.\n \n It is based on MUI's [TreeView](https://mui.com/x/react-tree-view) component.\n \n @example\n * ```tsx\n * <HvTreeView>\n * <HvTreeItem nodeId=\"1\" label=\"File1\" />\n * </HvTreeView>\n * ```\n */\nexport const HvTreeView = fixedForwardRef(function HvTreeView<\n Multiple extends boolean \| undefined,\n>(props: HvTreeViewProps<Multiple>, ref: React.Ref<HTMLUListElement>) {\n const {\n id,\n children,\n classes: classesProp,\n className,\n\n disabledItemsFocusable,\n multiSelect,\n expanded,\n defaultExpanded,\n selected,\n defaultSelected,\n disableSelection,\n defaultCollapseIcon = <DropDownXS />,\n defaultExpandIcon = <DropRightXS />,\n defaultEndIcon,\n defaultParentIcon,\n onNodeSelect,\n onNodeToggle,\n onNodeFocus,\n ...others\n } = useDefaultProps(\"HvTreeView\", props);\n const { classes, cx } = useClasses(classesProp);\n\n const { getRootProps, contextValue } = useTreeView({\n disabledItemsFocusable,\n expanded,\n defaultExpanded,\n onNodeToggle,\n onNodeFocus,\n disableSelection,\n defaultSelected,\n selected,\n multiSelect,\n onNodeSelect: onNodeSelect as HvTreeViewProps<any>[\"onNodeSelect\"],\n id,\n defaultCollapseIcon,\n defaultEndIcon,\n defaultExpandIcon,\n defaultParentIcon,\n plugins: DEFAULT_TREE_VIEW_PLUGINS,\n rootRef: ref,\n });\n\n const rootProps = useSlotProps({\n elementType: \"ul\",\n externalSlotProps: {},\n externalForwardedProps: others,\n className: classes.root,\n getSlotProps: getRootProps,\n ownerState: props,\n });\n\n return (\n <TreeViewProvider value={contextValue}>\n <ul className={cx(classes.root, className)} {...rootProps} {...others}>\n {children}\n </ul>\n </TreeViewProvider>\n );\n});\n"],"names":["HvTreeView"],"mappings":";;;;;;;;;;AA6CO,MAAM,aAAa,gBAAgB,SAASA,YAEjD,OAAkC,KAAkC;AAC9D,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,0CAAuB,YAAW,EAAA;AAAA,IAClC,wCAAqB,aAAY,EAAA;AAAA,IACjC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACD,gBAAgB,cAAc,KAAK;AACvC,QAAM,EAAE,SAAS,OAAO,WAAW,WAAW;AAE9C,QAAM,EAAE,cAAc,aAAa,IAAI,YAAY;AAAA,IACjD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT,SAAS;AAAA,EAAA,CACV;AAED,QAAM,YAAY,aAAa;AAAA,IAC7B,aAAa;AAAA,IACb,mBAAmB,CAAC;AAAA,IACpB,wBAAwB;AAAA,IACxB,WAAW,QAAQ;AAAA,IACnB,cAAc;AAAA,IACd,YAAY;AAAA,EAAA,CACb;AAED,6BACG,kBAAiB,EAAA,OAAO,cACvB,UAAA,oBAAC,QAAG,WAAW,GAAG,QAAQ,MAAM,SAAS,GAAI,GAAG,WAAY,GAAG,QAC5D,SACH,CAAA,GACF;AAEJ,CAAC;"}

package/dist/esm/TreeView/TreeView.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TreeView.styles.js","sources":["../../../src/TreeView/TreeView.styles.ts"],"sourcesContent":["import { createClasses } from \"@hitachivantara/uikit-react-utils\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTreeView\", {\n /** Applied to the root element */\n root: {\n padding: 0,\n margin: 0,\n listStyle: \"none\",\n outline: \"none\",\n },\n});\n"],"names":[],"mappings":";AAEO,MAAM,EAAE,eAAe,eAAe,cAAc,cAAc;AAAA;AAAA,EAEvE,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,SAAS;AAAA,~~EACX~~;~~AACF~~,CAAC;"}
1	+ {"version":3,"file":"TreeView.styles.js","sources":["../../../src/TreeView/TreeView.styles.ts"],"sourcesContent":["import { createClasses } from \"@hitachivantara/uikit-react-utils\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTreeView\", {\n /** Applied to the root element */\n root: {\n padding: 0,\n margin: 0,\n listStyle: \"none\",\n outline: \"none\",\n },\n});\n"],"names":[],"mappings":";AAEO,MAAM,EAAE,eAAe,eAAe,cAAc,cAAc;AAAA;AAAA,EAEvE,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,SAAS;AAAA,EAAA;AAEb,CAAC;"}

package/dist/esm/TreeView/internals/DescendantProvider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DescendantProvider.js","sources":["../../../../src/TreeView/internals/DescendantProvider.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { unstable_useEnhancedEffect as useEnhancedEffect } from \"@mui/material/utils\";\n\n/** Credit: https://github.com/reach/reach-ui/blob/86a046f54d53b6420e392b3fa56dd991d9d4e458/packages/descendants/README.md\n * Modified slightly to suit our purposes.\n /\n\nfunction binaryFindElement(\n array: TreeItemDescendant[],\n element: HTMLLIElement,\n) {\n let start = 0;\n let end = array.length - 1;\n\n while (start <= end) {\n const middle = Math.floor((start + end) / 2);\n\n if (array[middle].element === element) {\n return middle;\n }\n\n if (\n // eslint-disable-next-line no-bitwise\n array[middle].element.compareDocumentPosition(element) &\n Node.DOCUMENT_POSITION_PRECEDING\n ) {\n end = middle - 1;\n } else {\n start = middle + 1;\n }\n }\n\n return start;\n}\n\nexport interface TreeItemDescendant {\n element: HTMLLIElement;\n id: string;\n}\n\ninterface DescendantContextValue {\n registerDescendant?: (params: TreeItemDescendant & { index: number }) => void;\n unregisterDescendant?: (params: HTMLLIElement) => void;\n descendants?: TreeItemDescendant[];\n parentId?: string \| null;\n level?: number;\n}\n\nexport const DescendantContext = React.createContext<DescendantContextValue>({\n level: 0,\n});\n\nfunction usePrevious<T>(value: T) {\n const ref = React.useRef<T \| null>(null);\n React.useEffect(() => {\n ref.current = value;\n }, [value]);\n return ref.current;\n}\n\nconst noop = () => {};\n\n/\n This hook registers our descendant by passing it into an array. We can then\n * search that array by to find its index when registering it in the component.\n * We use this for focus management, keyboard navigation, and typeahead\n * functionality for some components.\n \n The hook accepts the element node\n \n Our main goals with this are:\n * 1) maximum composability,\n * 2) minimal API friction\n * 3) SSR compatibility\n 4) concurrent safe\n * 5) index always up-to-date with the tree despite changes\n * 6) works with memoization of any component in the tree (hopefully)\n \n * As for SSR, the good news is that we don't actually need the index on the\n * server for most use-cases, as we are only using it to determine the order of\n * composed descendants for keyboard navigation.\n */\nexport function useDescendant(descendant: TreeItemDescendant) {\n const [, forceUpdate] = React.useState<{}>();\n const {\n registerDescendant = noop,\n unregisterDescendant = noop,\n descendants = [],\n parentId = null,\n level = 0,\n } = React.useContext(DescendantContext);\n\n // This will initially return -1 because we haven't registered the descendant\n // on the first render. After we register, this will then return the correct\n // index on the following render, and we will re-register descendants\n // so that everything is up-to-date before the user interacts with a\n // collection.\n const index = descendants.findIndex(\n (item) => item.element === descendant.element,\n );\n\n const previousDescendants = usePrevious(descendants);\n\n // We also need to re-register descendants any time ANY of the other\n // descendants have changed. My brain was melting when I wrote this and it\n // feels a little off, but checking in render and using the result in the\n // effect's dependency array works well enough.\n const someDescendantsHaveChanged = descendants.some(\n (newDescendant, position) => {\n return (\n previousDescendants?.[position] &&\n previousDescendants[position].element !== newDescendant.element\n );\n },\n );\n\n // Prevent any flashing\n useEnhancedEffect(() => {\n if (descendant.element) {\n registerDescendant({\n ...descendant,\n index,\n });\n return () => {\n unregisterDescendant(descendant.element!);\n };\n }\n forceUpdate({});\n\n return undefined;\n }, [\n registerDescendant,\n unregisterDescendant,\n index,\n someDescendantsHaveChanged,\n descendant,\n ]);\n\n return { parentId, index, level };\n}\n\ninterface DescendantProviderProps {\n id?: string;\n level?: number;\n children: React.ReactNode;\n}\n\nexport const DescendantProvider = (props: DescendantProviderProps) => {\n const { children, id, level } = props;\n\n const [items, set] = React.useState<\n (TreeItemDescendant & { index: number })[]\n >([]);\n\n const registerDescendant = React.useCallback(\n ({ element, ...other }: TreeItemDescendant) => {\n set((oldItems) => {\n if (oldItems.length === 0) {\n // If there are no items, register at index 0 and bail.\n return [\n {\n ...other,\n element,\n index: 0,\n },\n ];\n }\n\n const index = binaryFindElement(oldItems, element);\n let newItems: typeof oldItems;\n\n if (oldItems[index] && oldItems[index].element === element) {\n // If the element is already registered, just use the same array\n newItems = oldItems;\n } else {\n // When registering a descendant, we need to make sure we insert in\n // into the array in the same order that it appears in the DOM. So as\n // new descendants are added or maybe some are removed, we always know\n // that the array is up-to-date and correct.\n //\n // So here we look at our registered descendants and see if the new\n // element we are adding appears earlier than an existing descendant's\n // DOM node via `node.compareDocumentPosition`. If it does, we insert\n // the new element at this index. Because `registerDescendant` will be\n // called in an effect every time the descendants state value changes,\n // we should be sure that this index is accurate when descendent\n // elements come or go from our component.\n\n const newItem = {\n ...other,\n element,\n index,\n };\n\n // If an index is not found we will push the element to the end.\n newItems = oldItems.slice();\n newItems.splice(index, 0, newItem);\n }\n newItems.forEach((item, position) => {\n item.index = position;\n });\n return newItems;\n });\n },\n [],\n );\n\n const unregisterDescendant = React.useCallback((element: HTMLLIElement) => {\n set((oldItems) => oldItems.filter((item) => element !== item.element));\n }, []);\n\n const value = React.useMemo(\n () => ({\n descendants: items,\n registerDescendant,\n unregisterDescendant,\n parentId: id,\n level,\n }),\n [items, registerDescendant, unregisterDescendant, id, level],\n );\n\n return (\n <DescendantContext.Provider value={value}>\n {children}\n </DescendantContext.Provider>\n );\n};\n"],"names":["useEnhancedEffect"],"mappings":";;;AAOA,SAAS,kBACP,OACA,SACA;AACA,MAAI,QAAQ;AACR,MAAA,MAAM,MAAM,SAAS;AAEzB,SAAO,SAAS,KAAK;AACnB,UAAM,SAAS,KAAK,OAAO,QAAQ,OAAO,CAAC;AAE3C,QAAI,MAAM,MAAM,EAAE,YAAY,SAAS;AAC9B,aAAA;AAAA,~~IACT~~;~~AAEA~~;AAAA;AAAA,MAEE,MAAM,MAAM,EAAE,QAAQ,wBAAwB,OAAO,IACrD,KAAK;AAAA,MACL;AACA,YAAM,SAAS;AAAA,IAAA,OACV;AACL,cAAQ,SAAS;AAAA,~~IACnB~~;AAAA,~~EACF~~;~~AAEO~~,SAAA;AACT;AAea,MAAA,oBAAoB,MAAM,cAAsC;AAAA,EAC3E,OAAO;AACT,CAAC;AAED,SAAS,YAAe,OAAU;AAC1B,QAAA,MAAM,MAAM,OAAiB,IAAI;AACvC,QAAM,UAAU,MAAM;AACpB,QAAI,UAAU;AAAA,EAAA,GACb,CAAC,KAAK,CAAC;AACV,SAAO,IAAI;AACb;AAEA,MAAM,OAAO,MAAM;AAAC;AAsBb,SAAS,cAAc,YAAgC;AAC5D,QAAM,GAAG,WAAW,IAAI,MAAM,SAAa;AACrC,QAAA;AAAA,IACJ,qBAAqB;AAAA,IACrB,uBAAuB;AAAA,IACvB,cAAc,CAAC;AAAA,IACf,WAAW;AAAA,IACX,QAAQ;AAAA,EAAA,IACN,MAAM,WAAW,iBAAiB;AAOtC,QAAM,QAAQ,YAAY;AAAA,IACxB,CAAC,SAAS,KAAK,YAAY,WAAW;AAAA,~~EAAA~~;~~AAGlC~~,QAAA,sBAAsB,YAAY,WAAW;AAMnD,QAAM,6BAA6B,YAAY;AAAA,IAC7C,CAAC,eAAe,aAAa;AAC3B,aACE,sBAAsB,QAAQ,KAC9B,oBAAoB,QAAQ,EAAE,YAAY,cAAc;AAAA,~~IAE5D~~;AAAA,~~EAAA~~;~~AAIFA~~,6BAAkB,MAAM;AACtB,QAAI,WAAW,SAAS;AACH,yBAAA;AAAA,QACjB,GAAG;AAAA,QACH;AAAA,MAAA,CACD;AACD,aAAO,MAAM;AACX,6BAAqB,WAAW,OAAQ;AAAA,~~MAAA~~;AAAA,~~IAE5C~~;~~AACA~~,gBAAY,CAAE~~,CAAA~~;AAEP,WAAA;AAAA,EAAA,GACN;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AAEM,SAAA,EAAE,UAAU,OAAO;~~AAC5B~~;AAQa,MAAA,qBAAqB,CAAC,UAAmC;AACpE,QAAM,EAAE,UAAU,IAAI,~~MAAA~~,~~IAAU~~;AAEhC,QAAM,CAAC,OAAO,GAAG,IAAI,MAAM,SAEzB,CAAA,CAAE;AAEJ,QAAM,qBAAqB,MAAM;AAAA,IAC/B,CAAC,EAAE,SAAS,GAAG,YAAgC;AAC7C,UAAI,CAAC,aAAa;AACZ,YAAA,SAAS,WAAW,GAAG;AAElB,iBAAA;AAAA,YACL;AAAA,cACE,GAAG;AAAA,cACH;AAAA,cACA,OAAO;AAAA,~~YACT~~;AAAA,~~UAAA~~;AAAA,~~QAEJ~~;~~AAEM~~,cAAA,QAAQ,kBAAkB,UAAU,OAAO;AAC7C,YAAA;AAEJ,YAAI,SAAS,KAAK,KAAK,SAAS,KAAK,EAAE,YAAY,SAAS;AAE/C,qBAAA;AAAA,QAAA,OACN;AAcL,gBAAM,UAAU;AAAA,YACd,GAAG;AAAA,YACH;AAAA,YACA;AAAA,~~UAAA~~;~~AAIF~~,qBAAW,SAAS;~~AACX~~,mBAAA,OAAO,OAAO,GAAG,OAAO;AAAA,~~QACnC~~;~~AACS~~,iBAAA,QAAQ,CAAC,MAAM,aAAa;AACnC,eAAK,QAAQ;AAAA,QAAA,CACd;AACM,eAAA;AAAA,MAAA,CACR;AAAA,IACH;AAAA,IACA,~~CAAC~~;AAAA,~~EAAA~~;~~AAGH~~,QAAM,uBAAuB,MAAM,YAAY,CAAC,YAA2B;AACrE,QAAA,CAAC,aAAa,SAAS,OAAO,CAAC,SAAS,YAAY,KAAK,OAAO,CAAC;AAAA,EACvE,GAAG,~~CAAE,CAAA~~;AAEL,QAAM,QAAQ,MAAM;AAAA,IAClB,OAAO;AAAA,MACL,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV;AAAA,IAAA;AAAA,IAEF,CAAC,OAAO,oBAAoB,sBAAsB,IAAI,KAAK;AAAA,~~EAAA~~;~~AAG7D~~,SACG,oBAAA,kBAAkB,UAAlB,EAA2B,OACzB,SACH,CAAA;AAEJ;"}
1	+ {"version":3,"file":"DescendantProvider.js","sources":["../../../../src/TreeView/internals/DescendantProvider.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { unstable_useEnhancedEffect as useEnhancedEffect } from \"@mui/material/utils\";\n\n/** Credit: https://github.com/reach/reach-ui/blob/86a046f54d53b6420e392b3fa56dd991d9d4e458/packages/descendants/README.md\n * Modified slightly to suit our purposes.\n /\n\nfunction binaryFindElement(\n array: TreeItemDescendant[],\n element: HTMLLIElement,\n) {\n let start = 0;\n let end = array.length - 1;\n\n while (start <= end) {\n const middle = Math.floor((start + end) / 2);\n\n if (array[middle].element === element) {\n return middle;\n }\n\n if (\n // eslint-disable-next-line no-bitwise\n array[middle].element.compareDocumentPosition(element) &\n Node.DOCUMENT_POSITION_PRECEDING\n ) {\n end = middle - 1;\n } else {\n start = middle + 1;\n }\n }\n\n return start;\n}\n\nexport interface TreeItemDescendant {\n element: HTMLLIElement;\n id: string;\n}\n\ninterface DescendantContextValue {\n registerDescendant?: (params: TreeItemDescendant & { index: number }) => void;\n unregisterDescendant?: (params: HTMLLIElement) => void;\n descendants?: TreeItemDescendant[];\n parentId?: string \| null;\n level?: number;\n}\n\nexport const DescendantContext = React.createContext<DescendantContextValue>({\n level: 0,\n});\n\nfunction usePrevious<T>(value: T) {\n const ref = React.useRef<T \| null>(null);\n React.useEffect(() => {\n ref.current = value;\n }, [value]);\n return ref.current;\n}\n\nconst noop = () => {};\n\n/\n This hook registers our descendant by passing it into an array. We can then\n * search that array by to find its index when registering it in the component.\n * We use this for focus management, keyboard navigation, and typeahead\n * functionality for some components.\n \n The hook accepts the element node\n \n Our main goals with this are:\n * 1) maximum composability,\n * 2) minimal API friction\n * 3) SSR compatibility\n 4) concurrent safe\n * 5) index always up-to-date with the tree despite changes\n * 6) works with memoization of any component in the tree (hopefully)\n \n * As for SSR, the good news is that we don't actually need the index on the\n * server for most use-cases, as we are only using it to determine the order of\n * composed descendants for keyboard navigation.\n */\nexport function useDescendant(descendant: TreeItemDescendant) {\n const [, forceUpdate] = React.useState<{}>();\n const {\n registerDescendant = noop,\n unregisterDescendant = noop,\n descendants = [],\n parentId = null,\n level = 0,\n } = React.useContext(DescendantContext);\n\n // This will initially return -1 because we haven't registered the descendant\n // on the first render. After we register, this will then return the correct\n // index on the following render, and we will re-register descendants\n // so that everything is up-to-date before the user interacts with a\n // collection.\n const index = descendants.findIndex(\n (item) => item.element === descendant.element,\n );\n\n const previousDescendants = usePrevious(descendants);\n\n // We also need to re-register descendants any time ANY of the other\n // descendants have changed. My brain was melting when I wrote this and it\n // feels a little off, but checking in render and using the result in the\n // effect's dependency array works well enough.\n const someDescendantsHaveChanged = descendants.some(\n (newDescendant, position) => {\n return (\n previousDescendants?.[position] &&\n previousDescendants[position].element !== newDescendant.element\n );\n },\n );\n\n // Prevent any flashing\n useEnhancedEffect(() => {\n if (descendant.element) {\n registerDescendant({\n ...descendant,\n index,\n });\n return () => {\n unregisterDescendant(descendant.element!);\n };\n }\n forceUpdate({});\n\n return undefined;\n }, [\n registerDescendant,\n unregisterDescendant,\n index,\n someDescendantsHaveChanged,\n descendant,\n ]);\n\n return { parentId, index, level };\n}\n\ninterface DescendantProviderProps {\n id?: string;\n level?: number;\n children: React.ReactNode;\n}\n\nexport const DescendantProvider = (props: DescendantProviderProps) => {\n const { children, id, level } = props;\n\n const [items, set] = React.useState<\n (TreeItemDescendant & { index: number })[]\n >([]);\n\n const registerDescendant = React.useCallback(\n ({ element, ...other }: TreeItemDescendant) => {\n set((oldItems) => {\n if (oldItems.length === 0) {\n // If there are no items, register at index 0 and bail.\n return [\n {\n ...other,\n element,\n index: 0,\n },\n ];\n }\n\n const index = binaryFindElement(oldItems, element);\n let newItems: typeof oldItems;\n\n if (oldItems[index] && oldItems[index].element === element) {\n // If the element is already registered, just use the same array\n newItems = oldItems;\n } else {\n // When registering a descendant, we need to make sure we insert in\n // into the array in the same order that it appears in the DOM. So as\n // new descendants are added or maybe some are removed, we always know\n // that the array is up-to-date and correct.\n //\n // So here we look at our registered descendants and see if the new\n // element we are adding appears earlier than an existing descendant's\n // DOM node via `node.compareDocumentPosition`. If it does, we insert\n // the new element at this index. Because `registerDescendant` will be\n // called in an effect every time the descendants state value changes,\n // we should be sure that this index is accurate when descendent\n // elements come or go from our component.\n\n const newItem = {\n ...other,\n element,\n index,\n };\n\n // If an index is not found we will push the element to the end.\n newItems = oldItems.slice();\n newItems.splice(index, 0, newItem);\n }\n newItems.forEach((item, position) => {\n item.index = position;\n });\n return newItems;\n });\n },\n [],\n );\n\n const unregisterDescendant = React.useCallback((element: HTMLLIElement) => {\n set((oldItems) => oldItems.filter((item) => element !== item.element));\n }, []);\n\n const value = React.useMemo(\n () => ({\n descendants: items,\n registerDescendant,\n unregisterDescendant,\n parentId: id,\n level,\n }),\n [items, registerDescendant, unregisterDescendant, id, level],\n );\n\n return (\n <DescendantContext.Provider value={value}>\n {children}\n </DescendantContext.Provider>\n );\n};\n"],"names":["useEnhancedEffect"],"mappings":"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"}

package/dist/esm/TreeView/internals/TreeViewProvider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TreeViewProvider.js","sources":["../../../../src/TreeView/internals/TreeViewProvider.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\nimport { DescendantProvider } from \"./DescendantProvider\";\nimport { TreeViewAnyPluginSignature, TreeViewInstance } from \"./types\";\n\nexport interface TreeViewContextValue<\n TPlugins extends readonly TreeViewAnyPluginSignature[],\n> {\n treeId: string \| undefined;\n instance: TreeViewInstance<TPlugins> \| null;\n multiSelect: boolean;\n disabledItemsFocusable: boolean;\n icons: {\n defaultCollapseIcon: React.ReactNode;\n defaultExpandIcon: React.ReactNode;\n defaultParentIcon: React.ReactNode;\n defaultEndIcon: React.ReactNode;\n };\n}\n\nexport const DEFAULT_TREE_VIEW_CONTEXT_VALUE: TreeViewContextValue<any> = {\n instance: null,\n multiSelect: false,\n disabledItemsFocusable: false,\n treeId: undefined,\n icons: {\n defaultCollapseIcon: null,\n defaultExpandIcon: null,\n defaultParentIcon: null,\n defaultEndIcon: null,\n },\n};\n\n/*\n @ignore - internal component.\n /\nexport const TreeViewContext = createContext<TreeViewContextValue<any>>(\n DEFAULT_TREE_VIEW_CONTEXT_VALUE,\n);\n\nexport interface TreeViewProviderProps<\n TPlugins extends readonly TreeViewAnyPluginSignature[],\n> {\n value: TreeViewContextValue<TPlugins>;\n children: React.ReactNode;\n}\n\n/\n Sets up the contexts for the underlying TreeItem components.\n \n @ignore - do not document.\n */\nexport const TreeViewProvider = <\n TPlugins extends readonly TreeViewAnyPluginSignature[],\n>(\n props: TreeViewProviderProps<TPlugins>,\n) => {\n const { value, children } = props;\n\n return (\n <TreeViewContext.Provider value={value}>\n <DescendantProvider>{children}</DescendantProvider>\n </TreeViewContext.Provider>\n );\n};\n\nexport const useTreeViewContext = <\n TPlugins extends readonly TreeViewAnyPluginSignature[],\n>() => useContext(TreeViewContext) as TreeViewContextValue<TPlugins>;\n"],"names":[],"mappings":";;;AAoBO,MAAM,kCAA6D;AAAA,EACxE,UAAU;AAAA,EACV,aAAa;AAAA,EACb,wBAAwB;AAAA,EACxB,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,qBAAqB;AAAA,IACrB,mBAAmB;AAAA,IACnB,mBAAmB;AAAA,IACnB,gBAAgB;AAAA,~~EAClB~~;~~AACF~~;AAKO,MAAM,kBAAkB;AAAA,EAC7B;AACF;AAca,MAAA,mBAAmB,CAG9B,UACG;AACG,QAAA,EAAE,OAAO,~~SAAa~~,~~IAAA~~;AAG1B,SAAA,oBAAC,gBAAgB,UAAhB,EAAyB,OACxB,UAAC,oBAAA,oBAAA,EAAoB,~~SAAS~~,~~CAAA,~~EAChC,CAAA;AAEJ;AAEa,MAAA,qBAAqB,MAE3B,WAAW,eAAe;"}
1	+ {"version":3,"file":"TreeViewProvider.js","sources":["../../../../src/TreeView/internals/TreeViewProvider.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\nimport { DescendantProvider } from \"./DescendantProvider\";\nimport { TreeViewAnyPluginSignature, TreeViewInstance } from \"./types\";\n\nexport interface TreeViewContextValue<\n TPlugins extends readonly TreeViewAnyPluginSignature[],\n> {\n treeId: string \| undefined;\n instance: TreeViewInstance<TPlugins> \| null;\n multiSelect: boolean;\n disabledItemsFocusable: boolean;\n icons: {\n defaultCollapseIcon: React.ReactNode;\n defaultExpandIcon: React.ReactNode;\n defaultParentIcon: React.ReactNode;\n defaultEndIcon: React.ReactNode;\n };\n}\n\nexport const DEFAULT_TREE_VIEW_CONTEXT_VALUE: TreeViewContextValue<any> = {\n instance: null,\n multiSelect: false,\n disabledItemsFocusable: false,\n treeId: undefined,\n icons: {\n defaultCollapseIcon: null,\n defaultExpandIcon: null,\n defaultParentIcon: null,\n defaultEndIcon: null,\n },\n};\n\n/*\n @ignore - internal component.\n /\nexport const TreeViewContext = createContext<TreeViewContextValue<any>>(\n DEFAULT_TREE_VIEW_CONTEXT_VALUE,\n);\n\nexport interface TreeViewProviderProps<\n TPlugins extends readonly TreeViewAnyPluginSignature[],\n> {\n value: TreeViewContextValue<TPlugins>;\n children: React.ReactNode;\n}\n\n/\n Sets up the contexts for the underlying TreeItem components.\n \n @ignore - do not document.\n */\nexport const TreeViewProvider = <\n TPlugins extends readonly TreeViewAnyPluginSignature[],\n>(\n props: TreeViewProviderProps<TPlugins>,\n) => {\n const { value, children } = props;\n\n return (\n <TreeViewContext.Provider value={value}>\n <DescendantProvider>{children}</DescendantProvider>\n </TreeViewContext.Provider>\n );\n};\n\nexport const useTreeViewContext = <\n TPlugins extends readonly TreeViewAnyPluginSignature[],\n>() => useContext(TreeViewContext) as TreeViewContextValue<TPlugins>;\n"],"names":[],"mappings":";;;AAoBO,MAAM,kCAA6D;AAAA,EACxE,UAAU;AAAA,EACV,aAAa;AAAA,EACb,wBAAwB;AAAA,EACxB,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,qBAAqB;AAAA,IACrB,mBAAmB;AAAA,IACnB,mBAAmB;AAAA,IACnB,gBAAgB;AAAA,EAAA;AAEpB;AAKO,MAAM,kBAAkB;AAAA,EAC7B;AACF;AAca,MAAA,mBAAmB,CAG9B,UACG;AACG,QAAA,EAAE,OAAO,SAAA,IAAa;AAG1B,SAAA,oBAAC,gBAAgB,UAAhB,EAAyB,OACxB,UAAC,oBAAA,oBAAA,EAAoB,UAAS,EAChC,CAAA;AAEJ;AAEa,MAAA,qBAAqB,MAE3B,WAAW,eAAe;"}

package/dist/esm/TreeView/internals/hooks/plugins/useTreeViewContextValueBuilder.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useTreeViewContextValueBuilder.js","sources":["../../../../../../src/TreeView/internals/hooks/plugins/useTreeViewContextValueBuilder.ts"],"sourcesContent":["import { unstable_useId as useId } from \"@mui/material/utils\";\n\nimport type {\n TreeViewInstance,\n TreeViewPlugin,\n TreeViewPluginSignature,\n} from \"../../types\";\nimport type { UseTreeViewNodesSignature } from \"./useTreeViewNodes\";\nimport type { UseTreeViewSelectionSignature } from \"./useTreeViewSelection\";\n\nexport interface UseTreeViewContextValueBuilderParameters {\n /*\n This prop is used to help implement the accessibility logic.\n * If you don't provide this prop. It falls back to a randomly generated id.\n /\n id?: string;\n /\n The default icon used to collapse the node.\n /\n defaultCollapseIcon?: React.ReactNode;\n /\n The default icon displayed next to a end node. This is applied to all\n * tree nodes and can be overridden by the TreeItem `icon` prop.\n /\n defaultEndIcon?: React.ReactNode;\n /\n The default icon used to expand the node.\n /\n defaultExpandIcon?: React.ReactNode;\n /\n The default icon displayed next to a parent node. This is applied to all\n * parent nodes and can be overridden by the TreeItem `icon` prop.\n */\n defaultParentIcon?: React.ReactNode;\n}\n\nexport type UseTreeViewContextValueBuilderDefaultizedParameters =\n UseTreeViewContextValueBuilderParameters;\n\nexport type UseTreeViewContextValueBuilderSignature = TreeViewPluginSignature<\n UseTreeViewContextValueBuilderParameters,\n UseTreeViewContextValueBuilderDefaultizedParameters,\n {},\n {},\n {},\n never,\n [UseTreeViewNodesSignature, UseTreeViewSelectionSignature<any>]\n>;\n\nexport const useTreeViewContextValueBuilder: TreeViewPlugin<\n UseTreeViewContextValueBuilderSignature\n> = ({ instance, params }) => {\n const treeId = useId(params.id);\n\n return {\n getRootProps: () => ({\n id: treeId,\n }),\n contextValue: {\n treeId,\n instance: instance as TreeViewInstance<any>,\n multiSelect: params.multiSelect,\n disabledItemsFocusable: params.disabledItemsFocusable,\n icons: {\n defaultCollapseIcon: params.defaultCollapseIcon,\n defaultEndIcon: params.defaultEndIcon,\n defaultExpandIcon: params.defaultExpandIcon,\n defaultParentIcon: params.defaultParentIcon,\n },\n },\n };\n};\n"],"names":["useId"],"mappings":";AAiDO,MAAM,iCAET,CAAC,EAAE,UAAU,aAAa;AACtB,QAAA,SAASA,eAAM,OAAO,EAAE;AAEvB,SAAA;AAAA,IACL,cAAc,OAAO;AAAA,MACnB,IAAI;AAAA,IAAA;AAAA,IAEN,cAAc;AAAA,MACZ;AAAA,MACA;AAAA,MACA,aAAa,OAAO;AAAA,MACpB,wBAAwB,OAAO;AAAA,MAC/B,OAAO;AAAA,QACL,qBAAqB,OAAO;AAAA,QAC5B,gBAAgB,OAAO;AAAA,QACvB,mBAAmB,OAAO;AAAA,QAC1B,mBAAmB,OAAO;AAAA,~~MAC5B~~;AAAA,~~IACF~~;AAAA,~~EAAA~~;~~AAEJ~~;"}
1	+ {"version":3,"file":"useTreeViewContextValueBuilder.js","sources":["../../../../../../src/TreeView/internals/hooks/plugins/useTreeViewContextValueBuilder.ts"],"sourcesContent":["import { unstable_useId as useId } from \"@mui/material/utils\";\n\nimport type {\n TreeViewInstance,\n TreeViewPlugin,\n TreeViewPluginSignature,\n} from \"../../types\";\nimport type { UseTreeViewNodesSignature } from \"./useTreeViewNodes\";\nimport type { UseTreeViewSelectionSignature } from \"./useTreeViewSelection\";\n\nexport interface UseTreeViewContextValueBuilderParameters {\n /*\n This prop is used to help implement the accessibility logic.\n * If you don't provide this prop. It falls back to a randomly generated id.\n /\n id?: string;\n /\n The default icon used to collapse the node.\n /\n defaultCollapseIcon?: React.ReactNode;\n /\n The default icon displayed next to a end node. This is applied to all\n * tree nodes and can be overridden by the TreeItem `icon` prop.\n /\n defaultEndIcon?: React.ReactNode;\n /\n The default icon used to expand the node.\n /\n defaultExpandIcon?: React.ReactNode;\n /\n The default icon displayed next to a parent node. This is applied to all\n * parent nodes and can be overridden by the TreeItem `icon` prop.\n */\n defaultParentIcon?: React.ReactNode;\n}\n\nexport type UseTreeViewContextValueBuilderDefaultizedParameters =\n UseTreeViewContextValueBuilderParameters;\n\nexport type UseTreeViewContextValueBuilderSignature = TreeViewPluginSignature<\n UseTreeViewContextValueBuilderParameters,\n UseTreeViewContextValueBuilderDefaultizedParameters,\n {},\n {},\n {},\n never,\n [UseTreeViewNodesSignature, UseTreeViewSelectionSignature<any>]\n>;\n\nexport const useTreeViewContextValueBuilder: TreeViewPlugin<\n UseTreeViewContextValueBuilderSignature\n> = ({ instance, params }) => {\n const treeId = useId(params.id);\n\n return {\n getRootProps: () => ({\n id: treeId,\n }),\n contextValue: {\n treeId,\n instance: instance as TreeViewInstance<any>,\n multiSelect: params.multiSelect,\n disabledItemsFocusable: params.disabledItemsFocusable,\n icons: {\n defaultCollapseIcon: params.defaultCollapseIcon,\n defaultEndIcon: params.defaultEndIcon,\n defaultExpandIcon: params.defaultExpandIcon,\n defaultParentIcon: params.defaultParentIcon,\n },\n },\n };\n};\n"],"names":["useId"],"mappings":";AAiDO,MAAM,iCAET,CAAC,EAAE,UAAU,aAAa;AACtB,QAAA,SAASA,eAAM,OAAO,EAAE;AAEvB,SAAA;AAAA,IACL,cAAc,OAAO;AAAA,MACnB,IAAI;AAAA,IAAA;AAAA,IAEN,cAAc;AAAA,MACZ;AAAA,MACA;AAAA,MACA,aAAa,OAAO;AAAA,MACpB,wBAAwB,OAAO;AAAA,MAC/B,OAAO;AAAA,QACL,qBAAqB,OAAO;AAAA,QAC5B,gBAAgB,OAAO;AAAA,QACvB,mBAAmB,OAAO;AAAA,QAC1B,mBAAmB,OAAO;AAAA,MAAA;AAAA,IAC5B;AAAA,EAEJ;AACF;"}

package/dist/esm/TreeView/internals/hooks/plugins/useTreeViewExpansion.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useTreeViewExpansion.js","sources":["../../../../../../src/TreeView/internals/hooks/plugins/useTreeViewExpansion.ts"],"sourcesContent":["import * as React from \"react\";\nimport { useEventCallback } from \"@mui/material/utils\";\n\nimport {\n DefaultizedProps,\n TreeViewPlugin,\n TreeViewPluginSignature,\n} from \"../../types\";\nimport { populateInstance } from \"../utils\";\nimport type { UseTreeViewNodesSignature } from \"./useTreeViewNodes\";\n\nexport interface UseTreeViewExpansionInstance {\n isNodeExpanded: (nodeId: string) => boolean;\n isNodeExpandable: (nodeId: string) => boolean;\n toggleNodeExpansion: (event: React.SyntheticEvent, value: string) => void;\n expandAllSiblings: (\n event: React.KeyboardEvent<HTMLUListElement>,\n nodeId: string,\n ) => void;\n}\n\nexport interface UseTreeViewExpansionParameters {\n /*\n Expanded node ids.\n * Used when the item's expansion is controlled.\n /\n expanded?: string[];\n /\n Expanded node ids.\n * Used when the item's expansion is not controlled.\n * @default []\n /\n defaultExpanded?: string[];\n /\n Callback fired when tree items are expanded/collapsed.\n * @param {React.SyntheticEvent} event The event source of the callback.\n * @param {array} nodeIds The ids of the expanded nodes.\n */\n onNodeToggle?: (event: React.SyntheticEvent, nodeIds: string[]) => void;\n}\n\nexport type UseTreeViewExpansionDefaultizedParameters = DefaultizedProps<\n UseTreeViewExpansionParameters,\n \"defaultExpanded\"\n>;\n\nexport type UseTreeViewExpansionSignature = TreeViewPluginSignature<\n UseTreeViewExpansionParameters,\n UseTreeViewExpansionDefaultizedParameters,\n UseTreeViewExpansionInstance,\n {},\n {},\n \"expanded\",\n [UseTreeViewNodesSignature]\n>;\n\nexport const useTreeViewExpansion: TreeViewPlugin<\n UseTreeViewExpansionSignature\n> = ({ instance, params, models }) => {\n const isNodeExpanded = React.useCallback(\n (nodeId: string) => {\n return Array.isArray(models.expanded.value)\n ? models.expanded.value.indexOf(nodeId) !== -1\n : false;\n },\n [models.expanded.value],\n );\n\n const isNodeExpandable = React.useCallback(\n (nodeId: string) => !!instance.getNode(nodeId)?.expandable,\n [instance],\n );\n\n const toggleNodeExpansion = useEventCallback(\n (event: React.SyntheticEvent, nodeId: string \| null) => {\n if (nodeId == null) {\n return;\n }\n\n let newExpanded: string[];\n\n if (models.expanded.value.indexOf(nodeId!) !== -1) {\n newExpanded = models.expanded.value.filter((id) => id !== nodeId);\n } else {\n newExpanded = [nodeId].concat(models.expanded.value);\n }\n\n if (params.onNodeToggle) {\n params.onNodeToggle(event, newExpanded);\n }\n\n models.expanded.setValue(newExpanded);\n },\n );\n\n const expandAllSiblings = (\n event: React.KeyboardEvent<HTMLUListElement>,\n nodeId: string,\n ) => {\n const node = instance.getNode(nodeId);\n const siblings = instance.getChildrenIds(node.parentId);\n\n const diff = siblings.filter(\n (child) =>\n instance.isNodeExpandable(child) && !instance.isNodeExpanded(child),\n );\n\n const newExpanded = models.expanded.value.concat(diff);\n\n if (diff.length > 0) {\n models.expanded.setValue(newExpanded);\n\n if (params.onNodeToggle) {\n params.onNodeToggle(event, newExpanded);\n }\n }\n };\n\n populateInstance<UseTreeViewExpansionSignature>(instance, {\n isNodeExpanded,\n isNodeExpandable,\n toggleNodeExpansion,\n expandAllSiblings,\n });\n};\n\nuseTreeViewExpansion.models = {\n expanded: {\n controlledProp: \"expanded\",\n defaultProp: \"defaultExpanded\",\n },\n};\n\nconst DEFAULT_EXPANDED: string[] = [];\n\nuseTreeViewExpansion.getDefaultizedParams = (params) => ({\n ...params,\n defaultExpanded: params.defaultExpanded ?? DEFAULT_EXPANDED,\n});\n"],"names":[],"mappings":";;;AAwDO,MAAM,uBAET,CAAC,EAAE,UAAU,QAAQ,aAAa;AACpC,QAAM,iBAAiB,MAAM;AAAA,IAC3B,CAAC,WAAmB;AAClB,aAAO,MAAM,QAAQ,OAAO,SAAS,KAAK,IACtC,OAAO,SAAS,MAAM,QAAQ,MAAM,MAAM,KAC1C;AAAA,IACN;AAAA,IACA,CAAC,OAAO,SAAS,KAAK;AAAA,~~EAAA~~;~~AAGxB~~,QAAM,mBAAmB,MAAM;AAAA,IAC7B,CAAC,WAAmB,CAAC,CAAC,SAAS,QAAQ,MAAM,GAAG;AAAA,IAChD,CAAC,QAAQ;AAAA,~~EAAA~~;~~AAGX~~,QAAM,sBAAsB;AAAA,IAC1B,CAAC,OAA6B,WAA0B;AACtD,UAAI,UAAU,MAAM;AAClB;AAAA,~~MACF~~;~~AAEI~~,UAAA;AAEJ,UAAI,OAAO,SAAS,MAAM,QAAQ,MAAO,MAAM,IAAI;AACjD,sBAAc,OAAO,SAAS,MAAM,OAAO,CAAC,OAAO,OAAO,MAAM;AAAA,MAAA,OAC3D;AACL,sBAAc,CAAC,MAAM,EAAE,OAAO,OAAO,SAAS,KAAK;AAAA,~~MACrD~~;~~AAEA~~,UAAI,OAAO,cAAc;AAChB,eAAA,aAAa,OAAO,WAAW;AAAA,~~MACxC~~;~~AAEO~~,aAAA,SAAS,SAAS,WAAW;AAAA,~~IACtC~~;AAAA,~~EAAA~~;~~AAGI~~,QAAA,oBAAoB,CACxB,OACA,WACG;AACG,UAAA,OAAO,SAAS,QAAQ,MAAM;AACpC,UAAM,WAAW,SAAS,eAAe,KAAK,QAAQ;AAEtD,UAAM,OAAO,SAAS;AAAA,MACpB,CAAC,UACC,SAAS,iBAAiB,KAAK,KAAK,CAAC,SAAS,eAAe,KAAK;AAAA,~~IAAA~~;~~AAGtE~~,UAAM,cAAc,OAAO,SAAS,MAAM,OAAO,IAAI;AAEjD,QAAA,KAAK,SAAS,GAAG;AACZ,aAAA,SAAS,SAAS,WAAW;AAEpC,UAAI,OAAO,cAAc;AAChB,eAAA,aAAa,OAAO,WAAW;AAAA,~~MACxC~~;AAAA,~~IACF~~;AAAA,~~EAAA~~;~~AAGF~~,mBAAgD,UAAU;AAAA,IACxD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AACH;AAEA,qBAAqB,SAAS;AAAA,EAC5B,UAAU;AAAA,IACR,gBAAgB;AAAA,IAChB,aAAa;AAAA,~~EACf~~;~~AACF~~;AAEA,MAAM,mBAA6B,~~CAAA~~;~~AAEnC~~,qBAAqB,uBAAuB,CAAC,YAAY;AAAA,EACvD,GAAG;AAAA,EACH,iBAAiB,OAAO,mBAAmB;AAC7C;"}
1	+ {"version":3,"file":"useTreeViewExpansion.js","sources":["../../../../../../src/TreeView/internals/hooks/plugins/useTreeViewExpansion.ts"],"sourcesContent":["import * as React from \"react\";\nimport { useEventCallback } from \"@mui/material/utils\";\n\nimport {\n DefaultizedProps,\n TreeViewPlugin,\n TreeViewPluginSignature,\n} from \"../../types\";\nimport { populateInstance } from \"../utils\";\nimport type { UseTreeViewNodesSignature } from \"./useTreeViewNodes\";\n\nexport interface UseTreeViewExpansionInstance {\n isNodeExpanded: (nodeId: string) => boolean;\n isNodeExpandable: (nodeId: string) => boolean;\n toggleNodeExpansion: (event: React.SyntheticEvent, value: string) => void;\n expandAllSiblings: (\n event: React.KeyboardEvent<HTMLUListElement>,\n nodeId: string,\n ) => void;\n}\n\nexport interface UseTreeViewExpansionParameters {\n /*\n Expanded node ids.\n * Used when the item's expansion is controlled.\n /\n expanded?: string[];\n /\n Expanded node ids.\n * Used when the item's expansion is not controlled.\n * @default []\n /\n defaultExpanded?: string[];\n /\n Callback fired when tree items are expanded/collapsed.\n * @param {React.SyntheticEvent} event The event source of the callback.\n * @param {array} nodeIds The ids of the expanded nodes.\n */\n onNodeToggle?: (event: React.SyntheticEvent, nodeIds: string[]) => void;\n}\n\nexport type UseTreeViewExpansionDefaultizedParameters = DefaultizedProps<\n UseTreeViewExpansionParameters,\n \"defaultExpanded\"\n>;\n\nexport type UseTreeViewExpansionSignature = TreeViewPluginSignature<\n UseTreeViewExpansionParameters,\n UseTreeViewExpansionDefaultizedParameters,\n UseTreeViewExpansionInstance,\n {},\n {},\n \"expanded\",\n [UseTreeViewNodesSignature]\n>;\n\nexport const useTreeViewExpansion: TreeViewPlugin<\n UseTreeViewExpansionSignature\n> = ({ instance, params, models }) => {\n const isNodeExpanded = React.useCallback(\n (nodeId: string) => {\n return Array.isArray(models.expanded.value)\n ? models.expanded.value.indexOf(nodeId) !== -1\n : false;\n },\n [models.expanded.value],\n );\n\n const isNodeExpandable = React.useCallback(\n (nodeId: string) => !!instance.getNode(nodeId)?.expandable,\n [instance],\n );\n\n const toggleNodeExpansion = useEventCallback(\n (event: React.SyntheticEvent, nodeId: string \| null) => {\n if (nodeId == null) {\n return;\n }\n\n let newExpanded: string[];\n\n if (models.expanded.value.indexOf(nodeId!) !== -1) {\n newExpanded = models.expanded.value.filter((id) => id !== nodeId);\n } else {\n newExpanded = [nodeId].concat(models.expanded.value);\n }\n\n if (params.onNodeToggle) {\n params.onNodeToggle(event, newExpanded);\n }\n\n models.expanded.setValue(newExpanded);\n },\n );\n\n const expandAllSiblings = (\n event: React.KeyboardEvent<HTMLUListElement>,\n nodeId: string,\n ) => {\n const node = instance.getNode(nodeId);\n const siblings = instance.getChildrenIds(node.parentId);\n\n const diff = siblings.filter(\n (child) =>\n instance.isNodeExpandable(child) && !instance.isNodeExpanded(child),\n );\n\n const newExpanded = models.expanded.value.concat(diff);\n\n if (diff.length > 0) {\n models.expanded.setValue(newExpanded);\n\n if (params.onNodeToggle) {\n params.onNodeToggle(event, newExpanded);\n }\n }\n };\n\n populateInstance<UseTreeViewExpansionSignature>(instance, {\n isNodeExpanded,\n isNodeExpandable,\n toggleNodeExpansion,\n expandAllSiblings,\n });\n};\n\nuseTreeViewExpansion.models = {\n expanded: {\n controlledProp: \"expanded\",\n defaultProp: \"defaultExpanded\",\n },\n};\n\nconst DEFAULT_EXPANDED: string[] = [];\n\nuseTreeViewExpansion.getDefaultizedParams = (params) => ({\n ...params,\n defaultExpanded: params.defaultExpanded ?? DEFAULT_EXPANDED,\n});\n"],"names":[],"mappings":";;;AAwDO,MAAM,uBAET,CAAC,EAAE,UAAU,QAAQ,aAAa;AACpC,QAAM,iBAAiB,MAAM;AAAA,IAC3B,CAAC,WAAmB;AAClB,aAAO,MAAM,QAAQ,OAAO,SAAS,KAAK,IACtC,OAAO,SAAS,MAAM,QAAQ,MAAM,MAAM,KAC1C;AAAA,IACN;AAAA,IACA,CAAC,OAAO,SAAS,KAAK;AAAA,EACxB;AAEA,QAAM,mBAAmB,MAAM;AAAA,IAC7B,CAAC,WAAmB,CAAC,CAAC,SAAS,QAAQ,MAAM,GAAG;AAAA,IAChD,CAAC,QAAQ;AAAA,EACX;AAEA,QAAM,sBAAsB;AAAA,IAC1B,CAAC,OAA6B,WAA0B;AACtD,UAAI,UAAU,MAAM;AAClB;AAAA,MAAA;AAGE,UAAA;AAEJ,UAAI,OAAO,SAAS,MAAM,QAAQ,MAAO,MAAM,IAAI;AACjD,sBAAc,OAAO,SAAS,MAAM,OAAO,CAAC,OAAO,OAAO,MAAM;AAAA,MAAA,OAC3D;AACL,sBAAc,CAAC,MAAM,EAAE,OAAO,OAAO,SAAS,KAAK;AAAA,MAAA;AAGrD,UAAI,OAAO,cAAc;AAChB,eAAA,aAAa,OAAO,WAAW;AAAA,MAAA;AAGjC,aAAA,SAAS,SAAS,WAAW;AAAA,IAAA;AAAA,EAExC;AAEM,QAAA,oBAAoB,CACxB,OACA,WACG;AACG,UAAA,OAAO,SAAS,QAAQ,MAAM;AACpC,UAAM,WAAW,SAAS,eAAe,KAAK,QAAQ;AAEtD,UAAM,OAAO,SAAS;AAAA,MACpB,CAAC,UACC,SAAS,iBAAiB,KAAK,KAAK,CAAC,SAAS,eAAe,KAAK;AAAA,IACtE;AAEA,UAAM,cAAc,OAAO,SAAS,MAAM,OAAO,IAAI;AAEjD,QAAA,KAAK,SAAS,GAAG;AACZ,aAAA,SAAS,SAAS,WAAW;AAEpC,UAAI,OAAO,cAAc;AAChB,eAAA,aAAa,OAAO,WAAW;AAAA,MAAA;AAAA,IACxC;AAAA,EAEJ;AAEA,mBAAgD,UAAU;AAAA,IACxD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AACH;AAEA,qBAAqB,SAAS;AAAA,EAC5B,UAAU;AAAA,IACR,gBAAgB;AAAA,IAChB,aAAa;AAAA,EAAA;AAEjB;AAEA,MAAM,mBAA6B,CAAC;AAEpC,qBAAqB,uBAAuB,CAAC,YAAY;AAAA,EACvD,GAAG;AAAA,EACH,iBAAiB,OAAO,mBAAmB;AAC7C;"}

package/dist/esm/TreeView/internals/hooks/plugins/useTreeViewFocus.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useTreeViewFocus.js","sources":["../../../../../../src/TreeView/internals/hooks/plugins/useTreeViewFocus.ts"],"sourcesContent":["import * as React from \"react\";\nimport { EventHandlers } from \"@mui/base/utils\";\nimport { ownerDocument, useEventCallback } from \"@mui/material/utils\";\n\nimport type { TreeViewPlugin, TreeViewPluginSignature } from \"../../types\";\nimport { useInstanceEventHandler } from \"../useInstanceEventHandler\";\nimport { populateInstance } from \"../utils\";\nimport type { UseTreeViewExpansionSignature } from \"./useTreeViewExpansion\";\nimport type { UseTreeViewNodesSignature } from \"./useTreeViewNodes\";\nimport type { UseTreeViewSelectionSignature } from \"./useTreeViewSelection\";\n\nexport interface UseTreeViewFocusInstance {\n isNodeFocused: (nodeId: string) => boolean;\n focusNode: (event: React.SyntheticEvent, nodeId: string \| null) => void;\n}\n\nexport interface UseTreeViewFocusParameters {\n /*\n Callback fired when tree items are focused.\n * @param {React.SyntheticEvent} event The event source of the callback Warning: This is a generic event not a focus event.\n * @param {string} nodeId The id of the node focused.\n * @param {string} value of the focused node.\n */\n onNodeFocus?: (event: React.SyntheticEvent, nodeId: string) => void;\n}\n\nexport type UseTreeViewFocusDefaultizedParameters = UseTreeViewFocusParameters;\n\nexport interface UseTreeViewFocusState {\n focusedNodeId: string \| null;\n}\n\nexport type UseTreeViewFocusSignature = TreeViewPluginSignature<\n UseTreeViewFocusParameters,\n UseTreeViewFocusParameters,\n UseTreeViewFocusInstance,\n {},\n UseTreeViewFocusState,\n never,\n [\n UseTreeViewNodesSignature,\n UseTreeViewSelectionSignature<any>,\n UseTreeViewExpansionSignature,\n ]\n>;\n\nexport const useTreeViewFocus: TreeViewPlugin<UseTreeViewFocusSignature> = ({\n instance,\n params,\n state,\n setState,\n models,\n rootRef,\n}) => {\n const setFocusedNodeId = useEventCallback(\n (nodeId: React.SetStateAction<string \| null>) => {\n const cleanNodeId =\n typeof nodeId === \"function\" ? nodeId(state.focusedNodeId) : nodeId;\n setState((prevState) => ({ ...prevState, focusedNodeId: cleanNodeId }));\n },\n );\n\n const isNodeFocused = React.useCallback(\n (nodeId: string) => state.focusedNodeId === nodeId,\n [state.focusedNodeId],\n );\n\n const focusNode = useEventCallback(\n (event: React.SyntheticEvent, nodeId: string \| null) => {\n if (nodeId) {\n setFocusedNodeId(nodeId);\n\n if (params.onNodeFocus) {\n params.onNodeFocus(event, nodeId);\n }\n }\n },\n );\n\n populateInstance<UseTreeViewFocusSignature>(instance, {\n isNodeFocused,\n focusNode,\n });\n\n useInstanceEventHandler(instance as any, \"removeNode\", ({ id }) => {\n setFocusedNodeId((oldFocusedNodeId) => {\n if (\n oldFocusedNodeId === id &&\n rootRef.current === ownerDocument(rootRef.current).activeElement\n ) {\n return instance.getChildrenIds(null)[0];\n }\n return oldFocusedNodeId;\n });\n });\n\n const createHandleFocus =\n (otherHandlers: EventHandlers) =>\n (event: React.FocusEvent<HTMLUListElement>) => {\n otherHandlers.onFocus?.(event);\n\n // if the event bubbled (which is React specific) we don't want to steal focus\n if (event.target === event.currentTarget) {\n const isNodeVisible = (nodeId: string) => {\n const node = instance.getNode(nodeId);\n return (\n node &&\n (node.parentId == null \|\| instance.isNodeExpanded(node.parentId))\n );\n };\n\n let nodeToFocusId: string \| null \| undefined;\n if (Array.isArray(models.selected.value)) {\n nodeToFocusId = models.selected.value.find(isNodeVisible);\n } else if (\n models.selected.value != null &&\n isNodeVisible(models.selected.value)\n ) {\n nodeToFocusId = models.selected.value;\n }\n\n if (nodeToFocusId == null) {\n // eslint-disable-next-line prefer-destructuring\n nodeToFocusId = instance.getNavigableChildrenIds(null)[0];\n }\n\n instance.focusNode(event, nodeToFocusId);\n }\n };\n\n const createHandleBlur =\n (otherHandlers: EventHandlers) =>\n (event: React.FocusEvent<HTMLUListElement>) => {\n otherHandlers.onBlur?.(event);\n setFocusedNodeId(null);\n };\n\n const focusedNode = instance.getNode(state.focusedNodeId!);\n const activeDescendant = focusedNode ? focusedNode.idAttribute : null;\n\n return {\n getRootProps: (otherHandlers) => ({\n onFocus: createHandleFocus(otherHandlers),\n onBlur: createHandleBlur(otherHandlers),\n \"aria-activedescendant\": activeDescendant ?? undefined,\n }),\n };\n};\n\nuseTreeViewFocus.getInitialState = () => ({ focusedNodeId: null });\n\nuseTreeViewFocus.getDefaultizedParams = (params) => ({\n ...params,\n disabledItemsFocusable: params.disabledItemsFocusable ?? false,\n});\n"],"names":[],"mappings":";;;;AA8CO,MAAM,mBAA8D,CAAC;AAAA,EAC1E;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,mBAAmB;AAAA,IACvB,CAAC,WAAgD;AAC/C,YAAM,cACJ,OAAO,WAAW,aAAa,OAAO,MAAM,aAAa,IAAI;AAC/D,eAAS,CAAC,eAAe,EAAE,GAAG,WAAW,eAAe,~~YAAc,EAAA~~;AAAA,~~IACxE~~;AAAA,~~EAAA~~;~~AAGF~~,QAAM,gBAAgB,MAAM;AAAA,IAC1B,CAAC,WAAmB,MAAM,kBAAkB;AAAA,IAC5C,CAAC,MAAM,aAAa;AAAA,~~EAAA~~;~~AAGtB~~,QAAM,YAAY;AAAA,IAChB,CAAC,OAA6B,WAA0B;AACtD,UAAI,QAAQ;AACV,yBAAiB,MAAM;AAEvB,YAAI,OAAO,aAAa;AACf,iBAAA,YAAY,OAAO,MAAM;AAAA,~~QAClC~~;AAAA,~~MACF~~;AAAA,IACF;AAAA,~~EAAA~~;~~AAGF~~,mBAA4C,UAAU;AAAA,IACpD;AAAA,IACA;AAAA,EAAA,CACD;AAED,0BAAwB,UAAiB,cAAc,CAAC,EAAE,SAAS;AACjE,qBAAiB,CAAC,qBAAqB;AAEnC,UAAA,qBAAqB,MACrB,QAAQ,YAAY,cAAc,QAAQ,OAAO,EAAE,eACnD;AACA,eAAO,SAAS,eAAe,IAAI,EAAE,CAAC;AAAA,~~MACxC~~;~~AACO~~,aAAA;AAAA,IAAA,CACR;AAAA,EAAA,CACF;AAED,QAAM,oBACJ,CAAC,kBACD,CAAC,UAA8C;AAC7C,kBAAc,UAAU,KAAK;AAGzB,QAAA,MAAM,WAAW,MAAM,eAAe;AAClC,YAAA,gBAAgB,CAAC,WAAmB;AAClC,cAAA,OAAO,SAAS,QAAQ,MAAM;AACpC,eACE,SACC,KAAK,YAAY,QAAQ,SAAS,eAAe,KAAK,QAAQ;AAAA,~~MAAA~~;~~AAI/D~~,UAAA;AACJ,UAAI,MAAM,QAAQ,OAAO,SAAS,KAAK,GAAG;AACxC,wBAAgB,OAAO,SAAS,MAAM,KAAK,aAAa;AAAA,MAAA,WAExD,OAAO,SAAS,SAAS,QACzB,cAAc,OAAO,SAAS,KAAK,GACnC;AACA,wBAAgB,OAAO,SAAS;AAAA,~~MAClC~~;~~AAEA~~,UAAI,iBAAiB,MAAM;AAEzB,wBAAgB,SAAS,wBAAwB,IAAI,EAAE,CAAC;AAAA,~~MAC1D~~;~~AAES~~,eAAA,UAAU,OAAO,aAAa;AAAA,~~IACzC~~;AAAA,~~EAAA~~;~~AAGJ~~,QAAM,mBACJ,CAAC,kBACD,CAAC,UAA8C;AAC7C,kBAAc,SAAS,KAAK;AAC5B,qBAAiB,IAAI;AAAA,~~EAAA~~;~~AAGzB~~,QAAM,cAAc,SAAS,QAAQ,MAAM,aAAc;AACnD,QAAA,mBAAmB,cAAc,YAAY,cAAc;AAE1D,SAAA;AAAA,IACL,cAAc,CAAC,mBAAmB;AAAA,MAChC,SAAS,kBAAkB,aAAa;AAAA,MACxC,QAAQ,iBAAiB,aAAa;AAAA,MACtC,yBAAyB,oBAAoB;AAAA,~~IAAA~~;AAAA,~~EAC/C~~;~~AAEJ~~;AAEA,iBAAiB,kBAAkB,OAAO,EAAE,eAAe,KAAK;AAEhE,iBAAiB,uBAAuB,CAAC,YAAY;AAAA,EACnD,GAAG;AAAA,EACH,wBAAwB,OAAO,0BAA0B;AAC3D;"}
1	+ {"version":3,"file":"useTreeViewFocus.js","sources":["../../../../../../src/TreeView/internals/hooks/plugins/useTreeViewFocus.ts"],"sourcesContent":["import * as React from \"react\";\nimport { EventHandlers } from \"@mui/base/utils\";\nimport { ownerDocument, useEventCallback } from \"@mui/material/utils\";\n\nimport type { TreeViewPlugin, TreeViewPluginSignature } from \"../../types\";\nimport { useInstanceEventHandler } from \"../useInstanceEventHandler\";\nimport { populateInstance } from \"../utils\";\nimport type { UseTreeViewExpansionSignature } from \"./useTreeViewExpansion\";\nimport type { UseTreeViewNodesSignature } from \"./useTreeViewNodes\";\nimport type { UseTreeViewSelectionSignature } from \"./useTreeViewSelection\";\n\nexport interface UseTreeViewFocusInstance {\n isNodeFocused: (nodeId: string) => boolean;\n focusNode: (event: React.SyntheticEvent, nodeId: string \| null) => void;\n}\n\nexport interface UseTreeViewFocusParameters {\n /*\n Callback fired when tree items are focused.\n * @param {React.SyntheticEvent} event The event source of the callback Warning: This is a generic event not a focus event.\n * @param {string} nodeId The id of the node focused.\n * @param {string} value of the focused node.\n */\n onNodeFocus?: (event: React.SyntheticEvent, nodeId: string) => void;\n}\n\nexport type UseTreeViewFocusDefaultizedParameters = UseTreeViewFocusParameters;\n\nexport interface UseTreeViewFocusState {\n focusedNodeId: string \| null;\n}\n\nexport type UseTreeViewFocusSignature = TreeViewPluginSignature<\n UseTreeViewFocusParameters,\n UseTreeViewFocusParameters,\n UseTreeViewFocusInstance,\n {},\n UseTreeViewFocusState,\n never,\n [\n UseTreeViewNodesSignature,\n UseTreeViewSelectionSignature<any>,\n UseTreeViewExpansionSignature,\n ]\n>;\n\nexport const useTreeViewFocus: TreeViewPlugin<UseTreeViewFocusSignature> = ({\n instance,\n params,\n state,\n setState,\n models,\n rootRef,\n}) => {\n const setFocusedNodeId = useEventCallback(\n (nodeId: React.SetStateAction<string \| null>) => {\n const cleanNodeId =\n typeof nodeId === \"function\" ? nodeId(state.focusedNodeId) : nodeId;\n setState((prevState) => ({ ...prevState, focusedNodeId: cleanNodeId }));\n },\n );\n\n const isNodeFocused = React.useCallback(\n (nodeId: string) => state.focusedNodeId === nodeId,\n [state.focusedNodeId],\n );\n\n const focusNode = useEventCallback(\n (event: React.SyntheticEvent, nodeId: string \| null) => {\n if (nodeId) {\n setFocusedNodeId(nodeId);\n\n if (params.onNodeFocus) {\n params.onNodeFocus(event, nodeId);\n }\n }\n },\n );\n\n populateInstance<UseTreeViewFocusSignature>(instance, {\n isNodeFocused,\n focusNode,\n });\n\n useInstanceEventHandler(instance as any, \"removeNode\", ({ id }) => {\n setFocusedNodeId((oldFocusedNodeId) => {\n if (\n oldFocusedNodeId === id &&\n rootRef.current === ownerDocument(rootRef.current).activeElement\n ) {\n return instance.getChildrenIds(null)[0];\n }\n return oldFocusedNodeId;\n });\n });\n\n const createHandleFocus =\n (otherHandlers: EventHandlers) =>\n (event: React.FocusEvent<HTMLUListElement>) => {\n otherHandlers.onFocus?.(event);\n\n // if the event bubbled (which is React specific) we don't want to steal focus\n if (event.target === event.currentTarget) {\n const isNodeVisible = (nodeId: string) => {\n const node = instance.getNode(nodeId);\n return (\n node &&\n (node.parentId == null \|\| instance.isNodeExpanded(node.parentId))\n );\n };\n\n let nodeToFocusId: string \| null \| undefined;\n if (Array.isArray(models.selected.value)) {\n nodeToFocusId = models.selected.value.find(isNodeVisible);\n } else if (\n models.selected.value != null &&\n isNodeVisible(models.selected.value)\n ) {\n nodeToFocusId = models.selected.value;\n }\n\n if (nodeToFocusId == null) {\n // eslint-disable-next-line prefer-destructuring\n nodeToFocusId = instance.getNavigableChildrenIds(null)[0];\n }\n\n instance.focusNode(event, nodeToFocusId);\n }\n };\n\n const createHandleBlur =\n (otherHandlers: EventHandlers) =>\n (event: React.FocusEvent<HTMLUListElement>) => {\n otherHandlers.onBlur?.(event);\n setFocusedNodeId(null);\n };\n\n const focusedNode = instance.getNode(state.focusedNodeId!);\n const activeDescendant = focusedNode ? focusedNode.idAttribute : null;\n\n return {\n getRootProps: (otherHandlers) => ({\n onFocus: createHandleFocus(otherHandlers),\n onBlur: createHandleBlur(otherHandlers),\n \"aria-activedescendant\": activeDescendant ?? undefined,\n }),\n };\n};\n\nuseTreeViewFocus.getInitialState = () => ({ focusedNodeId: null });\n\nuseTreeViewFocus.getDefaultizedParams = (params) => ({\n ...params,\n disabledItemsFocusable: params.disabledItemsFocusable ?? false,\n});\n"],"names":[],"mappings":";;;;AA8CO,MAAM,mBAA8D,CAAC;AAAA,EAC1E;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,mBAAmB;AAAA,IACvB,CAAC,WAAgD;AAC/C,YAAM,cACJ,OAAO,WAAW,aAAa,OAAO,MAAM,aAAa,IAAI;AAC/D,eAAS,CAAC,eAAe,EAAE,GAAG,WAAW,eAAe,cAAc;AAAA,IAAA;AAAA,EAE1E;AAEA,QAAM,gBAAgB,MAAM;AAAA,IAC1B,CAAC,WAAmB,MAAM,kBAAkB;AAAA,IAC5C,CAAC,MAAM,aAAa;AAAA,EACtB;AAEA,QAAM,YAAY;AAAA,IAChB,CAAC,OAA6B,WAA0B;AACtD,UAAI,QAAQ;AACV,yBAAiB,MAAM;AAEvB,YAAI,OAAO,aAAa;AACf,iBAAA,YAAY,OAAO,MAAM;AAAA,QAAA;AAAA,MAClC;AAAA,IACF;AAAA,EAEJ;AAEA,mBAA4C,UAAU;AAAA,IACpD;AAAA,IACA;AAAA,EAAA,CACD;AAED,0BAAwB,UAAiB,cAAc,CAAC,EAAE,SAAS;AACjE,qBAAiB,CAAC,qBAAqB;AAEnC,UAAA,qBAAqB,MACrB,QAAQ,YAAY,cAAc,QAAQ,OAAO,EAAE,eACnD;AACA,eAAO,SAAS,eAAe,IAAI,EAAE,CAAC;AAAA,MAAA;AAEjC,aAAA;AAAA,IAAA,CACR;AAAA,EAAA,CACF;AAED,QAAM,oBACJ,CAAC,kBACD,CAAC,UAA8C;AAC7C,kBAAc,UAAU,KAAK;AAGzB,QAAA,MAAM,WAAW,MAAM,eAAe;AAClC,YAAA,gBAAgB,CAAC,WAAmB;AAClC,cAAA,OAAO,SAAS,QAAQ,MAAM;AACpC,eACE,SACC,KAAK,YAAY,QAAQ,SAAS,eAAe,KAAK,QAAQ;AAAA,MAEnE;AAEI,UAAA;AACJ,UAAI,MAAM,QAAQ,OAAO,SAAS,KAAK,GAAG;AACxC,wBAAgB,OAAO,SAAS,MAAM,KAAK,aAAa;AAAA,MAAA,WAExD,OAAO,SAAS,SAAS,QACzB,cAAc,OAAO,SAAS,KAAK,GACnC;AACA,wBAAgB,OAAO,SAAS;AAAA,MAAA;AAGlC,UAAI,iBAAiB,MAAM;AAEzB,wBAAgB,SAAS,wBAAwB,IAAI,EAAE,CAAC;AAAA,MAAA;AAGjD,eAAA,UAAU,OAAO,aAAa;AAAA,IAAA;AAAA,EAE3C;AAEF,QAAM,mBACJ,CAAC,kBACD,CAAC,UAA8C;AAC7C,kBAAc,SAAS,KAAK;AAC5B,qBAAiB,IAAI;AAAA,EACvB;AAEF,QAAM,cAAc,SAAS,QAAQ,MAAM,aAAc;AACnD,QAAA,mBAAmB,cAAc,YAAY,cAAc;AAE1D,SAAA;AAAA,IACL,cAAc,CAAC,mBAAmB;AAAA,MAChC,SAAS,kBAAkB,aAAa;AAAA,MACxC,QAAQ,iBAAiB,aAAa;AAAA,MACtC,yBAAyB,oBAAoB;AAAA,IAC/C;AAAA,EACF;AACF;AAEA,iBAAiB,kBAAkB,OAAO,EAAE,eAAe,KAAK;AAEhE,iBAAiB,uBAAuB,CAAC,YAAY;AAAA,EACnD,GAAG;AAAA,EACH,wBAAwB,OAAO,0BAA0B;AAC3D;"}

package/dist/esm/TreeView/internals/hooks/plugins/useTreeViewKeyboardNavigation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useTreeViewKeyboardNavigation.js","sources":["../../../../../../src/TreeView/internals/hooks/plugins/useTreeViewKeyboardNavigation.ts"],"sourcesContent":["import * as React from \"react\";\nimport { EventHandlers } from \"@mui/base/utils\";\nimport { useTheme } from \"@mui/material/styles\";\nimport { useEventCallback } from \"@mui/material/utils\";\n\nimport { TreeViewPlugin, TreeViewPluginSignature } from \"../../types\";\nimport {\n getFirstNode,\n getLastNode,\n getNextNode,\n getPreviousNode,\n populateInstance,\n} from \"../utils\";\nimport type { UseTreeViewExpansionSignature } from \"./useTreeViewExpansion\";\nimport type { UseTreeViewFocusSignature } from \"./useTreeViewFocus\";\nimport type { UseTreeViewNodesSignature } from \"./useTreeViewNodes\";\nimport type { UseTreeViewSelectionSignature } from \"./useTreeViewSelection\";\n\nfunction isPrintableCharacter(string: string) {\n return string && string.length === 1 && string.match(/\\S/);\n}\n\nfunction findNextFirstChar(\n firstChars: string[],\n startIndex: number,\n char: string,\n) {\n for (let i = startIndex; i < firstChars.length; i += 1) {\n if (char === firstChars[i]) {\n return i;\n }\n }\n return -1;\n}\n\nexport interface UseTreeViewKeyboardNavigationInstance {\n mapFirstChar: (nodeId: string, firstChar: string) => () => void;\n}\n\nexport type UseTreeViewKeyboardNavigationSignature = TreeViewPluginSignature<\n {},\n {},\n UseTreeViewKeyboardNavigationInstance,\n {},\n {},\n never,\n [\n UseTreeViewNodesSignature,\n UseTreeViewSelectionSignature<any>,\n UseTreeViewFocusSignature,\n UseTreeViewExpansionSignature,\n ]\n>;\n\nexport const useTreeViewKeyboardNavigation: TreeViewPlugin<\n UseTreeViewKeyboardNavigationSignature\n> = ({ instance, params, state }) => {\n const theme = useTheme();\n const isRtl = theme.direction === \"rtl\";\n const firstCharMap = React.useRef<{ [nodeId: string]: string }>({});\n\n const mapFirstChar = useEventCallback((nodeId: string, firstChar: string) => {\n firstCharMap.current[nodeId] = firstChar;\n\n return () => {\n const newMap = { ...firstCharMap.current };\n delete newMap[nodeId];\n firstCharMap.current = newMap;\n };\n });\n\n populateInstance<UseTreeViewKeyboardNavigationSignature>(instance, {\n mapFirstChar,\n });\n\n const handleNextArrow = (event: React.KeyboardEvent<HTMLUListElement>) => {\n if (\n state.focusedNodeId != null &&\n instance.isNodeExpandable(state.focusedNodeId)\n ) {\n if (instance.isNodeExpanded(state.focusedNodeId)) {\n instance.focusNode(event, getNextNode(instance, state.focusedNodeId));\n } else if (!instance.isNodeDisabled(state.focusedNodeId)) {\n instance.toggleNodeExpansion(event, state.focusedNodeId);\n }\n }\n return true;\n };\n\n const handlePreviousArrow = (\n event: React.KeyboardEvent<HTMLUListElement>,\n ) => {\n if (state.focusedNodeId == null) {\n return false;\n }\n\n if (\n instance.isNodeExpanded(state.focusedNodeId) &&\n !instance.isNodeDisabled(state.focusedNodeId)\n ) {\n instance.toggleNodeExpansion(event, state.focusedNodeId!);\n return true;\n }\n\n const parent = instance.getNode(state.focusedNodeId).parentId;\n if (parent) {\n instance.focusNode(event, parent);\n return true;\n }\n return false;\n };\n\n const focusByFirstCharacter = (\n event: React.KeyboardEvent<HTMLUListElement>,\n nodeId: string,\n firstChar: string,\n ) => {\n let start: number;\n let index: number;\n const lowercaseChar = firstChar.toLowerCase();\n\n const firstCharIds: string[] = [];\n const firstChars: string[] = [];\n // This really only works since the ids are strings\n Object.keys(firstCharMap.current).forEach((mapNodeId) => {\n const map = instance.getNode(mapNodeId);\n const visible = map.parentId\n ? instance.isNodeExpanded(map.parentId)\n : true;\n const shouldBeSkipped = params.disabledItemsFocusable\n ? false\n : instance.isNodeDisabled(mapNodeId);\n\n if (visible && !shouldBeSkipped) {\n firstCharIds.push(mapNodeId);\n firstChars.push(firstCharMap.current[mapNodeId]);\n }\n });\n\n // Get start index for search based on position of currentItem\n start = firstCharIds.indexOf(nodeId) + 1;\n if (start >= firstCharIds.length) {\n start = 0;\n }\n\n // Check remaining slots in the menu\n index = findNextFirstChar(firstChars, start, lowercaseChar);\n\n // If not found in remaining slots, check from beginning\n if (index === -1) {\n index = findNextFirstChar(firstChars, 0, lowercaseChar);\n }\n\n // If match was found...\n if (index > -1) {\n instance.focusNode(event, firstCharIds[index]);\n }\n };\n\n const selectNextNode = (\n event: React.KeyboardEvent<HTMLUListElement>,\n id: string,\n ) => {\n if (!instance.isNodeDisabled(getNextNode(instance, id))) {\n instance.selectRange(\n event,\n {\n end: getNextNode(instance, id),\n current: id,\n },\n true,\n );\n }\n };\n\n const selectPreviousNode = (\n event: React.KeyboardEvent<HTMLUListElement>,\n nodeId: string,\n ) => {\n if (!instance.isNodeDisabled(getPreviousNode(instance, nodeId))) {\n instance.selectRange(\n event,\n {\n end: getPreviousNode(instance, nodeId)!,\n current: nodeId,\n },\n true,\n );\n }\n };\n\n const createHandleKeyDown =\n (otherHandlers: EventHandlers) =>\n (event: React.KeyboardEvent<HTMLUListElement>) => {\n otherHandlers.onKeyDown?.(event);\n\n let flag = false;\n const { key } = event;\n\n // If the tree is empty there will be no focused node\n if (\n event.altKey \|\|\n event.currentTarget !== event.target \|\|\n state.focusedNodeId == null\n ) {\n return;\n }\n\n const ctrlPressed = event.ctrlKey \|\| event.metaKey;\n switch (key) {\n case \" \":\n if (\n !params.disableSelection &&\n !instance.isNodeDisabled(state.focusedNodeId)\n ) {\n flag = true;\n if (params.multiSelect && event.shiftKey) {\n instance.selectRange(event, { end: state.focusedNodeId });\n } else if (params.multiSelect) {\n instance.selectNode(event, state.focusedNodeId, true);\n } else {\n instance.selectNode(event, state.focusedNodeId);\n }\n }\n event.stopPropagation();\n break;\n case \"Enter\":\n if (!instance.isNodeDisabled(state.focusedNodeId)) {\n if (instance.isNodeExpandable(state.focusedNodeId)) {\n instance.toggleNodeExpansion(event, state.focusedNodeId);\n flag = true;\n } else if (!params.disableSelection) {\n flag = true;\n if (params.multiSelect) {\n instance.selectNode(event, state.focusedNodeId, true);\n } else {\n instance.selectNode(event, state.focusedNodeId);\n }\n }\n }\n event.stopPropagation();\n break;\n case \"ArrowDown\":\n if (\n params.multiSelect &&\n event.shiftKey &&\n !params.disableSelection\n ) {\n selectNextNode(event, state.focusedNodeId);\n }\n instance.focusNode(event, getNextNode(instance, state.focusedNodeId));\n flag = true;\n break;\n case \"ArrowUp\":\n if (\n params.multiSelect &&\n event.shiftKey &&\n !params.disableSelection\n ) {\n selectPreviousNode(event, state.focusedNodeId);\n }\n instance.focusNode(\n event,\n getPreviousNode(instance, state.focusedNodeId),\n );\n flag = true;\n break;\n case \"ArrowRight\":\n if (isRtl) {\n flag = handlePreviousArrow(event);\n } else {\n flag = handleNextArrow(event);\n }\n break;\n case \"ArrowLeft\":\n if (isRtl) {\n flag = handleNextArrow(event);\n } else {\n flag = handlePreviousArrow(event);\n }\n break;\n case \"Home\":\n if (\n params.multiSelect &&\n ctrlPressed &&\n event.shiftKey &&\n !params.disableSelection &&\n !instance.isNodeDisabled(state.focusedNodeId)\n ) {\n instance.rangeSelectToFirst(event, state.focusedNodeId);\n }\n instance.focusNode(event, getFirstNode(instance));\n flag = true;\n break;\n case \"End\":\n if (\n params.multiSelect &&\n ctrlPressed &&\n event.shiftKey &&\n !params.disableSelection &&\n !instance.isNodeDisabled(state.focusedNodeId)\n ) {\n instance.rangeSelectToLast(event, state.focusedNodeId);\n }\n instance.focusNode(event, getLastNode(instance));\n flag = true;\n break;\n default:\n if (key === \"*\") {\n instance.expandAllSiblings(event, state.focusedNodeId);\n flag = true;\n } else if (\n params.multiSelect &&\n ctrlPressed &&\n key.toLowerCase() === \"a\" &&\n !params.disableSelection\n ) {\n instance.selectRange(event, {\n start: getFirstNode(instance),\n end: getLastNode(instance),\n });\n flag = true;\n } else if (\n !ctrlPressed &&\n !event.shiftKey &&\n isPrintableCharacter(key)\n ) {\n focusByFirstCharacter(event, state.focusedNodeId, key);\n flag = true;\n }\n }\n\n if (flag) {\n event.preventDefault();\n event.stopPropagation();\n }\n };\n\n return {\n getRootProps: (otherHandlers) => ({\n onKeyDown: createHandleKeyDown(otherHandlers),\n }),\n };\n};\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"useTreeViewKeyboardNavigation.js","sources":["../../../../../../src/TreeView/internals/hooks/plugins/useTreeViewKeyboardNavigation.ts"],"sourcesContent":["import * as React from \"react\";\nimport { EventHandlers } from \"@mui/base/utils\";\nimport { useTheme } from \"@mui/material/styles\";\nimport { useEventCallback } from \"@mui/material/utils\";\n\nimport { TreeViewPlugin, TreeViewPluginSignature } from \"../../types\";\nimport {\n getFirstNode,\n getLastNode,\n getNextNode,\n getPreviousNode,\n populateInstance,\n} from \"../utils\";\nimport type { UseTreeViewExpansionSignature } from \"./useTreeViewExpansion\";\nimport type { UseTreeViewFocusSignature } from \"./useTreeViewFocus\";\nimport type { UseTreeViewNodesSignature } from \"./useTreeViewNodes\";\nimport type { UseTreeViewSelectionSignature } from \"./useTreeViewSelection\";\n\nfunction isPrintableCharacter(string: string) {\n return string && string.length === 1 && string.match(/\\S/);\n}\n\nfunction findNextFirstChar(\n firstChars: string[],\n startIndex: number,\n char: string,\n) {\n for (let i = startIndex; i < firstChars.length; i += 1) {\n if (char === firstChars[i]) {\n return i;\n }\n }\n return -1;\n}\n\nexport interface UseTreeViewKeyboardNavigationInstance {\n mapFirstChar: (nodeId: string, firstChar: string) => () => void;\n}\n\nexport type UseTreeViewKeyboardNavigationSignature = TreeViewPluginSignature<\n {},\n {},\n UseTreeViewKeyboardNavigationInstance,\n {},\n {},\n never,\n [\n UseTreeViewNodesSignature,\n UseTreeViewSelectionSignature<any>,\n UseTreeViewFocusSignature,\n UseTreeViewExpansionSignature,\n ]\n>;\n\nexport const useTreeViewKeyboardNavigation: TreeViewPlugin<\n UseTreeViewKeyboardNavigationSignature\n> = ({ instance, params, state }) => {\n const theme = useTheme();\n const isRtl = theme.direction === \"rtl\";\n const firstCharMap = React.useRef<{ [nodeId: string]: string }>({});\n\n const mapFirstChar = useEventCallback((nodeId: string, firstChar: string) => {\n firstCharMap.current[nodeId] = firstChar;\n\n return () => {\n const newMap = { ...firstCharMap.current };\n delete newMap[nodeId];\n firstCharMap.current = newMap;\n };\n });\n\n populateInstance<UseTreeViewKeyboardNavigationSignature>(instance, {\n mapFirstChar,\n });\n\n const handleNextArrow = (event: React.KeyboardEvent<HTMLUListElement>) => {\n if (\n state.focusedNodeId != null &&\n instance.isNodeExpandable(state.focusedNodeId)\n ) {\n if (instance.isNodeExpanded(state.focusedNodeId)) {\n instance.focusNode(event, getNextNode(instance, state.focusedNodeId));\n } else if (!instance.isNodeDisabled(state.focusedNodeId)) {\n instance.toggleNodeExpansion(event, state.focusedNodeId);\n }\n }\n return true;\n };\n\n const handlePreviousArrow = (\n event: React.KeyboardEvent<HTMLUListElement>,\n ) => {\n if (state.focusedNodeId == null) {\n return false;\n }\n\n if (\n instance.isNodeExpanded(state.focusedNodeId) &&\n !instance.isNodeDisabled(state.focusedNodeId)\n ) {\n instance.toggleNodeExpansion(event, state.focusedNodeId!);\n return true;\n }\n\n const parent = instance.getNode(state.focusedNodeId).parentId;\n if (parent) {\n instance.focusNode(event, parent);\n return true;\n }\n return false;\n };\n\n const focusByFirstCharacter = (\n event: React.KeyboardEvent<HTMLUListElement>,\n nodeId: string,\n firstChar: string,\n ) => {\n let start: number;\n let index: number;\n const lowercaseChar = firstChar.toLowerCase();\n\n const firstCharIds: string[] = [];\n const firstChars: string[] = [];\n // This really only works since the ids are strings\n Object.keys(firstCharMap.current).forEach((mapNodeId) => {\n const map = instance.getNode(mapNodeId);\n const visible = map.parentId\n ? instance.isNodeExpanded(map.parentId)\n : true;\n const shouldBeSkipped = params.disabledItemsFocusable\n ? false\n : instance.isNodeDisabled(mapNodeId);\n\n if (visible && !shouldBeSkipped) {\n firstCharIds.push(mapNodeId);\n firstChars.push(firstCharMap.current[mapNodeId]);\n }\n });\n\n // Get start index for search based on position of currentItem\n start = firstCharIds.indexOf(nodeId) + 1;\n if (start >= firstCharIds.length) {\n start = 0;\n }\n\n // Check remaining slots in the menu\n index = findNextFirstChar(firstChars, start, lowercaseChar);\n\n // If not found in remaining slots, check from beginning\n if (index === -1) {\n index = findNextFirstChar(firstChars, 0, lowercaseChar);\n }\n\n // If match was found...\n if (index > -1) {\n instance.focusNode(event, firstCharIds[index]);\n }\n };\n\n const selectNextNode = (\n event: React.KeyboardEvent<HTMLUListElement>,\n id: string,\n ) => {\n if (!instance.isNodeDisabled(getNextNode(instance, id))) {\n instance.selectRange(\n event,\n {\n end: getNextNode(instance, id),\n current: id,\n },\n true,\n );\n }\n };\n\n const selectPreviousNode = (\n event: React.KeyboardEvent<HTMLUListElement>,\n nodeId: string,\n ) => {\n if (!instance.isNodeDisabled(getPreviousNode(instance, nodeId))) {\n instance.selectRange(\n event,\n {\n end: getPreviousNode(instance, nodeId)!,\n current: nodeId,\n },\n true,\n );\n }\n };\n\n const createHandleKeyDown =\n (otherHandlers: EventHandlers) =>\n (event: React.KeyboardEvent<HTMLUListElement>) => {\n otherHandlers.onKeyDown?.(event);\n\n let flag = false;\n const { key } = event;\n\n // If the tree is empty there will be no focused node\n if (\n event.altKey \|\|\n event.currentTarget !== event.target \|\|\n state.focusedNodeId == null\n ) {\n return;\n }\n\n const ctrlPressed = event.ctrlKey \|\| event.metaKey;\n switch (key) {\n case \" \":\n if (\n !params.disableSelection &&\n !instance.isNodeDisabled(state.focusedNodeId)\n ) {\n flag = true;\n if (params.multiSelect && event.shiftKey) {\n instance.selectRange(event, { end: state.focusedNodeId });\n } else if (params.multiSelect) {\n instance.selectNode(event, state.focusedNodeId, true);\n } else {\n instance.selectNode(event, state.focusedNodeId);\n }\n }\n event.stopPropagation();\n break;\n case \"Enter\":\n if (!instance.isNodeDisabled(state.focusedNodeId)) {\n if (instance.isNodeExpandable(state.focusedNodeId)) {\n instance.toggleNodeExpansion(event, state.focusedNodeId);\n flag = true;\n } else if (!params.disableSelection) {\n flag = true;\n if (params.multiSelect) {\n instance.selectNode(event, state.focusedNodeId, true);\n } else {\n instance.selectNode(event, state.focusedNodeId);\n }\n }\n }\n event.stopPropagation();\n break;\n case \"ArrowDown\":\n if (\n params.multiSelect &&\n event.shiftKey &&\n !params.disableSelection\n ) {\n selectNextNode(event, state.focusedNodeId);\n }\n instance.focusNode(event, getNextNode(instance, state.focusedNodeId));\n flag = true;\n break;\n case \"ArrowUp\":\n if (\n params.multiSelect &&\n event.shiftKey &&\n !params.disableSelection\n ) {\n selectPreviousNode(event, state.focusedNodeId);\n }\n instance.focusNode(\n event,\n getPreviousNode(instance, state.focusedNodeId),\n );\n flag = true;\n break;\n case \"ArrowRight\":\n if (isRtl) {\n flag = handlePreviousArrow(event);\n } else {\n flag = handleNextArrow(event);\n }\n break;\n case \"ArrowLeft\":\n if (isRtl) {\n flag = handleNextArrow(event);\n } else {\n flag = handlePreviousArrow(event);\n }\n break;\n case \"Home\":\n if (\n params.multiSelect &&\n ctrlPressed &&\n event.shiftKey &&\n !params.disableSelection &&\n !instance.isNodeDisabled(state.focusedNodeId)\n ) {\n instance.rangeSelectToFirst(event, state.focusedNodeId);\n }\n instance.focusNode(event, getFirstNode(instance));\n flag = true;\n break;\n case \"End\":\n if (\n params.multiSelect &&\n ctrlPressed &&\n event.shiftKey &&\n !params.disableSelection &&\n !instance.isNodeDisabled(state.focusedNodeId)\n ) {\n instance.rangeSelectToLast(event, state.focusedNodeId);\n }\n instance.focusNode(event, getLastNode(instance));\n flag = true;\n break;\n default:\n if (key === \"*\") {\n instance.expandAllSiblings(event, state.focusedNodeId);\n flag = true;\n } else if (\n params.multiSelect &&\n ctrlPressed &&\n key.toLowerCase() === \"a\" &&\n !params.disableSelection\n ) {\n instance.selectRange(event, {\n start: getFirstNode(instance),\n end: getLastNode(instance),\n });\n flag = true;\n } else if (\n !ctrlPressed &&\n !event.shiftKey &&\n isPrintableCharacter(key)\n ) {\n focusByFirstCharacter(event, state.focusedNodeId, key);\n flag = true;\n }\n }\n\n if (flag) {\n event.preventDefault();\n event.stopPropagation();\n }\n };\n\n return {\n getRootProps: (otherHandlers) => ({\n onKeyDown: createHandleKeyDown(otherHandlers),\n }),\n };\n};\n"],"names":[],"mappings":"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"}

package/dist/esm/TreeView/internals/hooks/plugins/useTreeViewNodes.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useTreeViewNodes.js","sources":["../../../../../../src/TreeView/internals/hooks/plugins/useTreeViewNodes.ts"],"sourcesContent":["import * as React from \"react\";\nimport { useEventCallback } from \"@mui/material/utils\";\n\nimport {\n DefaultizedProps,\n TreeViewNode,\n TreeViewPlugin,\n TreeViewPluginSignature,\n} from \"../../types\";\nimport { publishTreeViewEvent } from \"../../utils/publishTreeViewEvent\";\nimport { populateInstance } from \"../utils\";\n\nexport interface UseTreeViewNodesInstance {\n getNode: (nodeId: string) => TreeViewNode;\n updateNode: (node: TreeViewNode) => void;\n removeNode: (nodeId: string) => void;\n getChildrenIds: (nodeId: string \| null) => string[];\n getNavigableChildrenIds: (nodeId: string \| null) => string[];\n isNodeDisabled: (nodeId: string \| null) => nodeId is string;\n}\n\nexport interface UseTreeViewNodesParameters {\n /*\n If `true`, will allow focus on disabled items.\n * @default false\n */\n disabledItemsFocusable?: boolean;\n}\n\nexport type UseTreeViewNodesDefaultizedParameters = DefaultizedProps<\n UseTreeViewNodesParameters,\n \"disabledItemsFocusable\"\n>;\n\ninterface UseTreeViewNodesEventLookup {\n removeNode: {\n params: { id: string };\n };\n}\n\nexport type UseTreeViewNodesSignature = TreeViewPluginSignature<\n UseTreeViewNodesParameters,\n UseTreeViewNodesDefaultizedParameters,\n UseTreeViewNodesInstance,\n UseTreeViewNodesEventLookup,\n {},\n never,\n []\n>;\n\nexport const useTreeViewNodes: TreeViewPlugin<UseTreeViewNodesSignature> = ({\n instance,\n params,\n}) => {\n const nodeMap = React.useRef<{ [nodeId: string]: TreeViewNode }>({});\n\n const getNode = React.useCallback(\n (nodeId: string) => nodeMap.current[nodeId],\n [],\n );\n\n const insertNode = React.useCallback((node: TreeViewNode) => {\n nodeMap.current[node.id] = node;\n }, []);\n\n const removeNode = React.useCallback(\n (nodeId: string) => {\n const newMap = { ...nodeMap.current };\n delete newMap[nodeId];\n nodeMap.current = newMap;\n publishTreeViewEvent(instance as any, \"removeNode\", { id: nodeId });\n },\n [instance],\n );\n\n const isNodeDisabled = React.useCallback(\n (nodeId: string \| null): nodeId is string => {\n if (nodeId == null) {\n return false;\n }\n\n let node = instance.getNode(nodeId);\n\n // This can be called before the node has been added to the node map.\n if (!node) {\n return false;\n }\n\n if (node.disabled) {\n return true;\n }\n\n while (node.parentId != null) {\n node = instance.getNode(node.parentId);\n if (node.disabled) {\n return true;\n }\n }\n\n return false;\n },\n [instance],\n );\n\n const getChildrenIds = useEventCallback((nodeId: string \| null) =>\n Object.values(nodeMap.current)\n .filter((node) => node.parentId === nodeId)\n .sort((a, b) => a.index - b.index)\n .map((child) => child.id),\n );\n\n const getNavigableChildrenIds = (nodeId: string \| null) => {\n let childrenIds = instance.getChildrenIds(nodeId);\n\n if (!params.disabledItemsFocusable) {\n childrenIds = childrenIds.filter(\n (node) => !instance.isNodeDisabled(node),\n );\n }\n return childrenIds;\n };\n\n populateInstance<UseTreeViewNodesSignature>(instance, {\n getNode,\n updateNode: insertNode,\n removeNode,\n getChildrenIds,\n getNavigableChildrenIds,\n isNodeDisabled,\n });\n};\n"],"names":[],"mappings":";;;;AAkDO,MAAM,mBAA8D,CAAC;AAAA,EAC1E;AAAA,EACA;AACF,MAAM;AACJ,QAAM,UAAU,MAAM,OAA2C,~~CAAE,CAAA~~;AAEnE,QAAM,UAAU,MAAM;AAAA,IACpB,CAAC,WAAmB,QAAQ,QAAQ,MAAM;AAAA,IAC1C,~~CAAC~~;AAAA,~~EAAA~~;~~AAGH~~,QAAM,aAAa,MAAM,YAAY,CAAC,SAAuB;AACnD,YAAA,QAAQ,KAAK,EAAE,IAAI;AAAA,EAC7B,GAAG,~~CAAE,CAAA~~;AAEL,QAAM,aAAa,MAAM;AAAA,IACvB,CAAC,WAAmB;AAClB,YAAM,SAAS,EAAE,GAAG,QAAQ,QAAQ;AACpC,aAAO,OAAO,MAAM;AACpB,cAAQ,UAAU;AAClB,2BAAqB,UAAiB,cAAc,EAAE,IAAI,~~OAAQ,CAAA~~;AAAA,IACpE;AAAA,IACA,CAAC,QAAQ;AAAA,~~EAAA~~;~~AAGX~~,QAAM,iBAAiB,MAAM;AAAA,IAC3B,CAAC,WAA4C;AAC3C,UAAI,UAAU,MAAM;AACX,eAAA;AAAA,~~MACT~~;~~AAEI~~,UAAA,OAAO,SAAS,QAAQ,MAAM;AAGlC,UAAI,CAAC,MAAM;AACF,eAAA;AAAA,~~MACT~~;~~AAEA~~,UAAI,KAAK,UAAU;AACV,eAAA;AAAA,~~MACT~~;~~AAEO~~,aAAA,KAAK,YAAY,MAAM;AACrB,eAAA,SAAS,QAAQ,KAAK,QAAQ;AACrC,YAAI,KAAK,UAAU;AACV,iBAAA;AAAA,~~QACT~~;AAAA,~~MACF~~;~~AAEO~~,aAAA;AAAA,IACT;AAAA,IACA,CAAC,QAAQ;AAAA,~~EAAA~~;~~AAGX~~,QAAM,iBAAiB;AAAA,IAAiB,CAAC,WACvC,OAAO,OAAO,QAAQ,OAAO,EAC1B,OAAO,CAAC,SAAS,KAAK,aAAa,MAAM,EACzC,KAAK,CAAC,GAAG,MAAM,EAAE,QAAQ,EAAE,KAAK,EAChC,IAAI,CAAC,UAAU,MAAM,EAAE;AAAA,~~EAAA~~;~~AAGtB~~,QAAA,0BAA0B,CAAC,WAA0B;AACrD,QAAA,cAAc,SAAS,eAAe,MAAM;AAE5C,QAAA,CAAC,OAAO,wBAAwB;AAClC,oBAAc,YAAY;AAAA,QACxB,CAAC,SAAS,CAAC,SAAS,eAAe,IAAI;AAAA,~~MAAA~~;AAAA,~~IAE3C~~;~~AACO~~,WAAA;AAAA,~~EAAA~~;~~AAGT~~,mBAA4C,UAAU;AAAA,IACpD;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AACH;"}
1	+ {"version":3,"file":"useTreeViewNodes.js","sources":["../../../../../../src/TreeView/internals/hooks/plugins/useTreeViewNodes.ts"],"sourcesContent":["import * as React from \"react\";\nimport { useEventCallback } from \"@mui/material/utils\";\n\nimport {\n DefaultizedProps,\n TreeViewNode,\n TreeViewPlugin,\n TreeViewPluginSignature,\n} from \"../../types\";\nimport { publishTreeViewEvent } from \"../../utils/publishTreeViewEvent\";\nimport { populateInstance } from \"../utils\";\n\nexport interface UseTreeViewNodesInstance {\n getNode: (nodeId: string) => TreeViewNode;\n updateNode: (node: TreeViewNode) => void;\n removeNode: (nodeId: string) => void;\n getChildrenIds: (nodeId: string \| null) => string[];\n getNavigableChildrenIds: (nodeId: string \| null) => string[];\n isNodeDisabled: (nodeId: string \| null) => nodeId is string;\n}\n\nexport interface UseTreeViewNodesParameters {\n /*\n If `true`, will allow focus on disabled items.\n * @default false\n */\n disabledItemsFocusable?: boolean;\n}\n\nexport type UseTreeViewNodesDefaultizedParameters = DefaultizedProps<\n UseTreeViewNodesParameters,\n \"disabledItemsFocusable\"\n>;\n\ninterface UseTreeViewNodesEventLookup {\n removeNode: {\n params: { id: string };\n };\n}\n\nexport type UseTreeViewNodesSignature = TreeViewPluginSignature<\n UseTreeViewNodesParameters,\n UseTreeViewNodesDefaultizedParameters,\n UseTreeViewNodesInstance,\n UseTreeViewNodesEventLookup,\n {},\n never,\n []\n>;\n\nexport const useTreeViewNodes: TreeViewPlugin<UseTreeViewNodesSignature> = ({\n instance,\n params,\n}) => {\n const nodeMap = React.useRef<{ [nodeId: string]: TreeViewNode }>({});\n\n const getNode = React.useCallback(\n (nodeId: string) => nodeMap.current[nodeId],\n [],\n );\n\n const insertNode = React.useCallback((node: TreeViewNode) => {\n nodeMap.current[node.id] = node;\n }, []);\n\n const removeNode = React.useCallback(\n (nodeId: string) => {\n const newMap = { ...nodeMap.current };\n delete newMap[nodeId];\n nodeMap.current = newMap;\n publishTreeViewEvent(instance as any, \"removeNode\", { id: nodeId });\n },\n [instance],\n );\n\n const isNodeDisabled = React.useCallback(\n (nodeId: string \| null): nodeId is string => {\n if (nodeId == null) {\n return false;\n }\n\n let node = instance.getNode(nodeId);\n\n // This can be called before the node has been added to the node map.\n if (!node) {\n return false;\n }\n\n if (node.disabled) {\n return true;\n }\n\n while (node.parentId != null) {\n node = instance.getNode(node.parentId);\n if (node.disabled) {\n return true;\n }\n }\n\n return false;\n },\n [instance],\n );\n\n const getChildrenIds = useEventCallback((nodeId: string \| null) =>\n Object.values(nodeMap.current)\n .filter((node) => node.parentId === nodeId)\n .sort((a, b) => a.index - b.index)\n .map((child) => child.id),\n );\n\n const getNavigableChildrenIds = (nodeId: string \| null) => {\n let childrenIds = instance.getChildrenIds(nodeId);\n\n if (!params.disabledItemsFocusable) {\n childrenIds = childrenIds.filter(\n (node) => !instance.isNodeDisabled(node),\n );\n }\n return childrenIds;\n };\n\n populateInstance<UseTreeViewNodesSignature>(instance, {\n getNode,\n updateNode: insertNode,\n removeNode,\n getChildrenIds,\n getNavigableChildrenIds,\n isNodeDisabled,\n });\n};\n"],"names":[],"mappings":";;;;AAkDO,MAAM,mBAA8D,CAAC;AAAA,EAC1E;AAAA,EACA;AACF,MAAM;AACJ,QAAM,UAAU,MAAM,OAA2C,EAAE;AAEnE,QAAM,UAAU,MAAM;AAAA,IACpB,CAAC,WAAmB,QAAQ,QAAQ,MAAM;AAAA,IAC1C,CAAA;AAAA,EACF;AAEA,QAAM,aAAa,MAAM,YAAY,CAAC,SAAuB;AACnD,YAAA,QAAQ,KAAK,EAAE,IAAI;AAAA,EAC7B,GAAG,EAAE;AAEL,QAAM,aAAa,MAAM;AAAA,IACvB,CAAC,WAAmB;AAClB,YAAM,SAAS,EAAE,GAAG,QAAQ,QAAQ;AACpC,aAAO,OAAO,MAAM;AACpB,cAAQ,UAAU;AAClB,2BAAqB,UAAiB,cAAc,EAAE,IAAI,QAAQ;AAAA,IACpE;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AAEA,QAAM,iBAAiB,MAAM;AAAA,IAC3B,CAAC,WAA4C;AAC3C,UAAI,UAAU,MAAM;AACX,eAAA;AAAA,MAAA;AAGL,UAAA,OAAO,SAAS,QAAQ,MAAM;AAGlC,UAAI,CAAC,MAAM;AACF,eAAA;AAAA,MAAA;AAGT,UAAI,KAAK,UAAU;AACV,eAAA;AAAA,MAAA;AAGF,aAAA,KAAK,YAAY,MAAM;AACrB,eAAA,SAAS,QAAQ,KAAK,QAAQ;AACrC,YAAI,KAAK,UAAU;AACV,iBAAA;AAAA,QAAA;AAAA,MACT;AAGK,aAAA;AAAA,IACT;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AAEA,QAAM,iBAAiB;AAAA,IAAiB,CAAC,WACvC,OAAO,OAAO,QAAQ,OAAO,EAC1B,OAAO,CAAC,SAAS,KAAK,aAAa,MAAM,EACzC,KAAK,CAAC,GAAG,MAAM,EAAE,QAAQ,EAAE,KAAK,EAChC,IAAI,CAAC,UAAU,MAAM,EAAE;AAAA,EAC5B;AAEM,QAAA,0BAA0B,CAAC,WAA0B;AACrD,QAAA,cAAc,SAAS,eAAe,MAAM;AAE5C,QAAA,CAAC,OAAO,wBAAwB;AAClC,oBAAc,YAAY;AAAA,QACxB,CAAC,SAAS,CAAC,SAAS,eAAe,IAAI;AAAA,MACzC;AAAA,IAAA;AAEK,WAAA;AAAA,EACT;AAEA,mBAA4C,UAAU;AAAA,IACpD;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AACH;"}

package/dist/esm/TreeView/internals/hooks/plugins/useTreeViewSelection.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useTreeViewSelection.js","sources":["../../../../../../src/TreeView/internals/hooks/plugins/useTreeViewSelection.ts"],"sourcesContent":["import * as React from \"react\";\n\nimport type {\n DefaultizedProps,\n TreeViewInstance,\n TreeViewItemRange,\n TreeViewPlugin,\n TreeViewPluginSignature,\n} from \"../../types\";\nimport {\n getFirstNode,\n getLastNode,\n getNextNode,\n populateInstance,\n} from \"../utils\";\nimport type { UseTreeViewExpansionSignature } from \"./useTreeViewExpansion\";\nimport type { UseTreeViewNodesSignature } from \"./useTreeViewNodes\";\n\n/*\n This is used to determine the start and end of a selection range so\n * we can get the nodes between the two border nodes.\n \n It finds the nodes' common ancestor using\n * a naive implementation of a lowest common ancestor algorithm\n * (https://en.wikipedia.org/wiki/Lowest_common_ancestor).\n * Then compares the ancestor's 2 children that are ancestors of nodeA and NodeB\n * so we can compare their indexes to work out which node comes first in a depth first search.\n * (https://en.wikipedia.org/wiki/Depth-first_search)\n \n Another way to put it is which node is shallower in a trémaux tree\n * https://en.wikipedia.org/wiki/Tr%C3%A9maux_tree\n /\nexport const findOrderInTremauxTree = (\n instance: TreeViewInstance<[UseTreeViewNodesSignature]>,\n nodeAId: string,\n nodeBId: string,\n) => {\n if (nodeAId === nodeBId) {\n return [nodeAId, nodeBId];\n }\n\n const nodeA = instance.getNode(nodeAId);\n const nodeB = instance.getNode(nodeBId);\n\n if (nodeA.parentId === nodeB.id \|\| nodeB.parentId === nodeA.id) {\n return nodeB.parentId === nodeA.id\n ? [nodeA.id, nodeB.id]\n : [nodeB.id, nodeA.id];\n }\n\n const aFamily: (string \| null)[] = [nodeA.id];\n const bFamily: (string \| null)[] = [nodeB.id];\n\n let aAncestor = nodeA.parentId;\n let bAncestor = nodeB.parentId;\n\n let aAncestorIsCommon = bFamily.indexOf(aAncestor) !== -1;\n let bAncestorIsCommon = aFamily.indexOf(bAncestor) !== -1;\n\n let continueA = true;\n let continueB = true;\n\n while (!bAncestorIsCommon && !aAncestorIsCommon) {\n if (continueA) {\n aFamily.push(aAncestor);\n aAncestorIsCommon = bFamily.indexOf(aAncestor) !== -1;\n continueA = aAncestor !== null;\n if (!aAncestorIsCommon && continueA) {\n aAncestor = instance.getNode(aAncestor!).parentId;\n }\n }\n\n if (continueB && !aAncestorIsCommon) {\n bFamily.push(bAncestor);\n bAncestorIsCommon = aFamily.indexOf(bAncestor) !== -1;\n continueB = bAncestor !== null;\n if (!bAncestorIsCommon && continueB) {\n bAncestor = instance.getNode(bAncestor!).parentId;\n }\n }\n }\n\n const commonAncestor = aAncestorIsCommon ? aAncestor : bAncestor;\n const ancestorFamily = instance.getChildrenIds(commonAncestor);\n\n const aSide = aFamily[aFamily.indexOf(commonAncestor) - 1];\n const bSide = bFamily[bFamily.indexOf(commonAncestor) - 1];\n\n return ancestorFamily.indexOf(aSide!) < ancestorFamily.indexOf(bSide!)\n ? [nodeAId, nodeBId]\n : [nodeBId, nodeAId];\n};\n\nexport interface UseTreeViewSelectionInstance {\n isNodeSelected: (nodeId: string) => boolean;\n selectNode: (\n event: React.SyntheticEvent,\n nodeId: string,\n multiple?: boolean,\n ) => void;\n selectRange: (\n event: React.SyntheticEvent,\n nodes: TreeViewItemRange,\n stacked?: boolean,\n ) => void;\n rangeSelectToFirst: (\n event: React.KeyboardEvent<HTMLUListElement>,\n nodeId: string,\n ) => void;\n rangeSelectToLast: (\n event: React.KeyboardEvent<HTMLUListElement>,\n nodeId: string,\n ) => void;\n}\n\ntype TreeViewSelectionValue<Multiple extends boolean \| undefined> =\n Multiple extends true ? string[] : string \| null;\n\nexport interface UseTreeViewSelectionParameters<\n Multiple extends boolean \| undefined,\n> {\n /\n If `true` selection is disabled.\n * @default false\n /\n disableSelection?: boolean;\n /\n Selected node ids. (Uncontrolled)\n * When `multiSelect` is true this takes an array of strings; when false (default) a string.\n * @default []\n /\n defaultSelected?: TreeViewSelectionValue<Multiple>;\n /\n Selected node ids. (Controlled)\n * When `multiSelect` is true this takes an array of strings; when false (default) a string.\n /\n selected?: TreeViewSelectionValue<Multiple>;\n /\n If true `ctrl` and `shift` will trigger multiselect.\n * @default false\n /\n multiSelect?: Multiple;\n /\n Callback fired when tree items are selected/unselected.\n * @param {React.SyntheticEvent} event The event source of the callback\n * @param {string[] \| string} nodeIds Ids of the selected nodes. When `multiSelect` is true\n * this is an array of strings; when false (default) a string.\n */\n onNodeSelect?: (\n event: React.SyntheticEvent,\n nodeIds: Exclude<TreeViewSelectionValue<Multiple>, null>,\n ) => void;\n}\n\nexport type UseTreeViewSelectionDefaultizedParameters<\n Multiple extends boolean,\n> = DefaultizedProps<\n UseTreeViewSelectionParameters<Multiple>,\n \"disableSelection\" \| \"defaultSelected\" \| \"multiSelect\"\n>;\n\nexport type UseTreeViewSelectionSignature<\n Multiple extends boolean \| undefined,\n> = TreeViewPluginSignature<\n UseTreeViewSelectionParameters<Multiple>,\n UseTreeViewSelectionDefaultizedParameters<\n Multiple extends undefined ? false : Multiple\n >,\n UseTreeViewSelectionInstance,\n {},\n {},\n \"selected\",\n [\n UseTreeViewNodesSignature,\n UseTreeViewExpansionSignature,\n UseTreeViewNodesSignature,\n ]\n>;\n\nexport const useTreeViewSelection: TreeViewPlugin<\n UseTreeViewSelectionSignature<any>\n> = ({ instance, params, models }) => {\n const lastSelectedNode = React.useRef<string \| null>(null);\n const lastSelectionWasRange = React.useRef(false);\n const currentRangeSelection = React.useRef<string[]>([]);\n\n const isNodeSelected = (nodeId: string) =>\n Array.isArray(models.selected.value)\n ? models.selected.value.indexOf(nodeId) !== -1\n : models.selected.value === nodeId;\n\n const selectNode = (\n event: React.SyntheticEvent,\n nodeId: string,\n multiple = false,\n ) => {\n if (params.disableSelection) {\n return;\n }\n\n if (multiple) {\n if (Array.isArray(models.selected.value)) {\n let newSelected: string[];\n if (models.selected.value.indexOf(nodeId) !== -1) {\n newSelected = models.selected.value.filter((id) => id !== nodeId);\n } else {\n newSelected = [nodeId].concat(models.selected.value);\n }\n\n if (params.onNodeSelect) {\n (params.onNodeSelect as UseTreeViewSelectionDefaultizedParameters<true>[\"onNodeSelect\"])!(\n event,\n newSelected,\n );\n }\n\n models.selected.setValue(newSelected);\n }\n } else {\n const newSelected = params.multiSelect ? [nodeId] : nodeId;\n\n if (params.onNodeSelect) {\n params.onNodeSelect(event, newSelected as string & string[]);\n }\n\n models.selected.setValue(newSelected);\n }\n lastSelectedNode.current = nodeId;\n lastSelectionWasRange.current = false;\n currentRangeSelection.current = [];\n };\n\n const getNodesInRange = (nodeAId: string, nodeBId: string) => {\n const [first, last] = findOrderInTremauxTree(instance, nodeAId, nodeBId);\n const nodes = [first];\n\n let current = first;\n\n while (current !== last) {\n current = getNextNode(instance, current)!;\n nodes.push(current);\n }\n\n return nodes;\n };\n\n const handleRangeArrowSelect = (\n event: React.SyntheticEvent,\n nodes: TreeViewItemRange,\n ) => {\n let base = (models.selected.value as string[]).slice();\n const { start, next, current } = nodes;\n\n if (!next \|\| !current) {\n return;\n }\n\n if (currentRangeSelection.current.indexOf(current) === -1) {\n currentRangeSelection.current = [];\n }\n\n if (lastSelectionWasRange.current) {\n if (currentRangeSelection.current.indexOf(next) !== -1) {\n base = base.filter((id) => id === start \|\| id !== current);\n currentRangeSelection.current = currentRangeSelection.current.filter(\n (id) => id === start \|\| id !== current,\n );\n } else {\n base.push(next);\n currentRangeSelection.current.push(next);\n }\n } else {\n base.push(next);\n currentRangeSelection.current.push(current, next);\n }\n\n if (params.onNodeSelect) {\n (params.onNodeSelect as UseTreeViewSelectionDefaultizedParameters<true>[\"onNodeSelect\"])!(\n event,\n base,\n );\n }\n\n models.selected.setValue(base);\n };\n\n const handleRangeSelect = (\n event: React.SyntheticEvent,\n nodes: { start: string; end: string },\n ) => {\n let base = (models.selected.value as string[]).slice();\n const { start, end } = nodes;\n // If last selection was a range selection ignore nodes that were selected.\n if (lastSelectionWasRange.current) {\n base = base.filter(\n (id) => currentRangeSelection.current.indexOf(id) === -1,\n );\n }\n\n let range = getNodesInRange(start, end);\n range = range.filter((node) => !instance.isNodeDisabled(node));\n currentRangeSelection.current = range;\n let newSelected = base.concat(range);\n newSelected = newSelected.filter((id, i) => newSelected.indexOf(id) === i);\n\n if (params.onNodeSelect) {\n (params.onNodeSelect as UseTreeViewSelectionDefaultizedParameters<true>[\"onNodeSelect\"])!(\n event,\n newSelected,\n );\n }\n\n models.selected.setValue(newSelected);\n };\n\n const selectRange = (\n event: React.SyntheticEvent,\n nodes: TreeViewItemRange,\n stacked = false,\n ) => {\n if (params.disableSelection) {\n return;\n }\n\n const { start = lastSelectedNode.current, end, current } = nodes;\n if (stacked) {\n handleRangeArrowSelect(event, { start, next: end, current });\n } else if (start != null && end != null) {\n handleRangeSelect(event, { start, end });\n }\n lastSelectionWasRange.current = true;\n };\n\n const rangeSelectToFirst = (\n event: React.KeyboardEvent<HTMLUListElement>,\n nodeId: string,\n ) => {\n if (!lastSelectedNode.current) {\n lastSelectedNode.current = nodeId;\n }\n\n const start = lastSelectionWasRange.current\n ? lastSelectedNode.current\n : nodeId;\n\n instance.selectRange(event, {\n start,\n end: getFirstNode(instance),\n });\n };\n\n const rangeSelectToLast = (\n event: React.KeyboardEvent<HTMLUListElement>,\n nodeId: string,\n ) => {\n if (!lastSelectedNode.current) {\n lastSelectedNode.current = nodeId;\n }\n\n const start = lastSelectionWasRange.current\n ? lastSelectedNode.current\n : nodeId;\n\n instance.selectRange(event, {\n start,\n end: getLastNode(instance),\n });\n };\n\n populateInstance<UseTreeViewSelectionSignature<any>>(instance, {\n isNodeSelected,\n selectNode,\n selectRange,\n rangeSelectToLast,\n rangeSelectToFirst,\n });\n\n return {\n getRootProps: () => ({\n \"aria-multiselectable\": params.multiSelect,\n }),\n };\n};\n\nuseTreeViewSelection.models = {\n selected: { controlledProp: \"selected\", defaultProp: \"defaultSelected\" },\n};\n\nconst DEFAULT_SELECTED: string[] = [];\n\nuseTreeViewSelection.getDefaultizedParams = (params) => ({\n ...params,\n disableSelection: params.disableSelection ?? false,\n multiSelect: params.multiSelect ?? false,\n defaultSelected:\n params.defaultSelected ?? (params.multiSelect ? DEFAULT_SELECTED : null),\n});\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"useTreeViewSelection.js","sources":["../../../../../../src/TreeView/internals/hooks/plugins/useTreeViewSelection.ts"],"sourcesContent":["import * as React from \"react\";\n\nimport type {\n DefaultizedProps,\n TreeViewInstance,\n TreeViewItemRange,\n TreeViewPlugin,\n TreeViewPluginSignature,\n} from \"../../types\";\nimport {\n getFirstNode,\n getLastNode,\n getNextNode,\n populateInstance,\n} from \"../utils\";\nimport type { UseTreeViewExpansionSignature } from \"./useTreeViewExpansion\";\nimport type { UseTreeViewNodesSignature } from \"./useTreeViewNodes\";\n\n/*\n This is used to determine the start and end of a selection range so\n * we can get the nodes between the two border nodes.\n \n It finds the nodes' common ancestor using\n * a naive implementation of a lowest common ancestor algorithm\n * (https://en.wikipedia.org/wiki/Lowest_common_ancestor).\n * Then compares the ancestor's 2 children that are ancestors of nodeA and NodeB\n * so we can compare their indexes to work out which node comes first in a depth first search.\n * (https://en.wikipedia.org/wiki/Depth-first_search)\n \n Another way to put it is which node is shallower in a trémaux tree\n * https://en.wikipedia.org/wiki/Tr%C3%A9maux_tree\n /\nexport const findOrderInTremauxTree = (\n instance: TreeViewInstance<[UseTreeViewNodesSignature]>,\n nodeAId: string,\n nodeBId: string,\n) => {\n if (nodeAId === nodeBId) {\n return [nodeAId, nodeBId];\n }\n\n const nodeA = instance.getNode(nodeAId);\n const nodeB = instance.getNode(nodeBId);\n\n if (nodeA.parentId === nodeB.id \|\| nodeB.parentId === nodeA.id) {\n return nodeB.parentId === nodeA.id\n ? [nodeA.id, nodeB.id]\n : [nodeB.id, nodeA.id];\n }\n\n const aFamily: (string \| null)[] = [nodeA.id];\n const bFamily: (string \| null)[] = [nodeB.id];\n\n let aAncestor = nodeA.parentId;\n let bAncestor = nodeB.parentId;\n\n let aAncestorIsCommon = bFamily.indexOf(aAncestor) !== -1;\n let bAncestorIsCommon = aFamily.indexOf(bAncestor) !== -1;\n\n let continueA = true;\n let continueB = true;\n\n while (!bAncestorIsCommon && !aAncestorIsCommon) {\n if (continueA) {\n aFamily.push(aAncestor);\n aAncestorIsCommon = bFamily.indexOf(aAncestor) !== -1;\n continueA = aAncestor !== null;\n if (!aAncestorIsCommon && continueA) {\n aAncestor = instance.getNode(aAncestor!).parentId;\n }\n }\n\n if (continueB && !aAncestorIsCommon) {\n bFamily.push(bAncestor);\n bAncestorIsCommon = aFamily.indexOf(bAncestor) !== -1;\n continueB = bAncestor !== null;\n if (!bAncestorIsCommon && continueB) {\n bAncestor = instance.getNode(bAncestor!).parentId;\n }\n }\n }\n\n const commonAncestor = aAncestorIsCommon ? aAncestor : bAncestor;\n const ancestorFamily = instance.getChildrenIds(commonAncestor);\n\n const aSide = aFamily[aFamily.indexOf(commonAncestor) - 1];\n const bSide = bFamily[bFamily.indexOf(commonAncestor) - 1];\n\n return ancestorFamily.indexOf(aSide!) < ancestorFamily.indexOf(bSide!)\n ? [nodeAId, nodeBId]\n : [nodeBId, nodeAId];\n};\n\nexport interface UseTreeViewSelectionInstance {\n isNodeSelected: (nodeId: string) => boolean;\n selectNode: (\n event: React.SyntheticEvent,\n nodeId: string,\n multiple?: boolean,\n ) => void;\n selectRange: (\n event: React.SyntheticEvent,\n nodes: TreeViewItemRange,\n stacked?: boolean,\n ) => void;\n rangeSelectToFirst: (\n event: React.KeyboardEvent<HTMLUListElement>,\n nodeId: string,\n ) => void;\n rangeSelectToLast: (\n event: React.KeyboardEvent<HTMLUListElement>,\n nodeId: string,\n ) => void;\n}\n\ntype TreeViewSelectionValue<Multiple extends boolean \| undefined> =\n Multiple extends true ? string[] : string \| null;\n\nexport interface UseTreeViewSelectionParameters<\n Multiple extends boolean \| undefined,\n> {\n /\n If `true` selection is disabled.\n * @default false\n /\n disableSelection?: boolean;\n /\n Selected node ids. (Uncontrolled)\n * When `multiSelect` is true this takes an array of strings; when false (default) a string.\n * @default []\n /\n defaultSelected?: TreeViewSelectionValue<Multiple>;\n /\n Selected node ids. (Controlled)\n * When `multiSelect` is true this takes an array of strings; when false (default) a string.\n /\n selected?: TreeViewSelectionValue<Multiple>;\n /\n If true `ctrl` and `shift` will trigger multiselect.\n * @default false\n /\n multiSelect?: Multiple;\n /\n Callback fired when tree items are selected/unselected.\n * @param {React.SyntheticEvent} event The event source of the callback\n * @param {string[] \| string} nodeIds Ids of the selected nodes. When `multiSelect` is true\n * this is an array of strings; when false (default) a string.\n */\n onNodeSelect?: (\n event: React.SyntheticEvent,\n nodeIds: Exclude<TreeViewSelectionValue<Multiple>, null>,\n ) => void;\n}\n\nexport type UseTreeViewSelectionDefaultizedParameters<\n Multiple extends boolean,\n> = DefaultizedProps<\n UseTreeViewSelectionParameters<Multiple>,\n \"disableSelection\" \| \"defaultSelected\" \| \"multiSelect\"\n>;\n\nexport type UseTreeViewSelectionSignature<\n Multiple extends boolean \| undefined,\n> = TreeViewPluginSignature<\n UseTreeViewSelectionParameters<Multiple>,\n UseTreeViewSelectionDefaultizedParameters<\n Multiple extends undefined ? false : Multiple\n >,\n UseTreeViewSelectionInstance,\n {},\n {},\n \"selected\",\n [\n UseTreeViewNodesSignature,\n UseTreeViewExpansionSignature,\n UseTreeViewNodesSignature,\n ]\n>;\n\nexport const useTreeViewSelection: TreeViewPlugin<\n UseTreeViewSelectionSignature<any>\n> = ({ instance, params, models }) => {\n const lastSelectedNode = React.useRef<string \| null>(null);\n const lastSelectionWasRange = React.useRef(false);\n const currentRangeSelection = React.useRef<string[]>([]);\n\n const isNodeSelected = (nodeId: string) =>\n Array.isArray(models.selected.value)\n ? models.selected.value.indexOf(nodeId) !== -1\n : models.selected.value === nodeId;\n\n const selectNode = (\n event: React.SyntheticEvent,\n nodeId: string,\n multiple = false,\n ) => {\n if (params.disableSelection) {\n return;\n }\n\n if (multiple) {\n if (Array.isArray(models.selected.value)) {\n let newSelected: string[];\n if (models.selected.value.indexOf(nodeId) !== -1) {\n newSelected = models.selected.value.filter((id) => id !== nodeId);\n } else {\n newSelected = [nodeId].concat(models.selected.value);\n }\n\n if (params.onNodeSelect) {\n (params.onNodeSelect as UseTreeViewSelectionDefaultizedParameters<true>[\"onNodeSelect\"])!(\n event,\n newSelected,\n );\n }\n\n models.selected.setValue(newSelected);\n }\n } else {\n const newSelected = params.multiSelect ? [nodeId] : nodeId;\n\n if (params.onNodeSelect) {\n params.onNodeSelect(event, newSelected as string & string[]);\n }\n\n models.selected.setValue(newSelected);\n }\n lastSelectedNode.current = nodeId;\n lastSelectionWasRange.current = false;\n currentRangeSelection.current = [];\n };\n\n const getNodesInRange = (nodeAId: string, nodeBId: string) => {\n const [first, last] = findOrderInTremauxTree(instance, nodeAId, nodeBId);\n const nodes = [first];\n\n let current = first;\n\n while (current !== last) {\n current = getNextNode(instance, current)!;\n nodes.push(current);\n }\n\n return nodes;\n };\n\n const handleRangeArrowSelect = (\n event: React.SyntheticEvent,\n nodes: TreeViewItemRange,\n ) => {\n let base = (models.selected.value as string[]).slice();\n const { start, next, current } = nodes;\n\n if (!next \|\| !current) {\n return;\n }\n\n if (currentRangeSelection.current.indexOf(current) === -1) {\n currentRangeSelection.current = [];\n }\n\n if (lastSelectionWasRange.current) {\n if (currentRangeSelection.current.indexOf(next) !== -1) {\n base = base.filter((id) => id === start \|\| id !== current);\n currentRangeSelection.current = currentRangeSelection.current.filter(\n (id) => id === start \|\| id !== current,\n );\n } else {\n base.push(next);\n currentRangeSelection.current.push(next);\n }\n } else {\n base.push(next);\n currentRangeSelection.current.push(current, next);\n }\n\n if (params.onNodeSelect) {\n (params.onNodeSelect as UseTreeViewSelectionDefaultizedParameters<true>[\"onNodeSelect\"])!(\n event,\n base,\n );\n }\n\n models.selected.setValue(base);\n };\n\n const handleRangeSelect = (\n event: React.SyntheticEvent,\n nodes: { start: string; end: string },\n ) => {\n let base = (models.selected.value as string[]).slice();\n const { start, end } = nodes;\n // If last selection was a range selection ignore nodes that were selected.\n if (lastSelectionWasRange.current) {\n base = base.filter(\n (id) => currentRangeSelection.current.indexOf(id) === -1,\n );\n }\n\n let range = getNodesInRange(start, end);\n range = range.filter((node) => !instance.isNodeDisabled(node));\n currentRangeSelection.current = range;\n let newSelected = base.concat(range);\n newSelected = newSelected.filter((id, i) => newSelected.indexOf(id) === i);\n\n if (params.onNodeSelect) {\n (params.onNodeSelect as UseTreeViewSelectionDefaultizedParameters<true>[\"onNodeSelect\"])!(\n event,\n newSelected,\n );\n }\n\n models.selected.setValue(newSelected);\n };\n\n const selectRange = (\n event: React.SyntheticEvent,\n nodes: TreeViewItemRange,\n stacked = false,\n ) => {\n if (params.disableSelection) {\n return;\n }\n\n const { start = lastSelectedNode.current, end, current } = nodes;\n if (stacked) {\n handleRangeArrowSelect(event, { start, next: end, current });\n } else if (start != null && end != null) {\n handleRangeSelect(event, { start, end });\n }\n lastSelectionWasRange.current = true;\n };\n\n const rangeSelectToFirst = (\n event: React.KeyboardEvent<HTMLUListElement>,\n nodeId: string,\n ) => {\n if (!lastSelectedNode.current) {\n lastSelectedNode.current = nodeId;\n }\n\n const start = lastSelectionWasRange.current\n ? lastSelectedNode.current\n : nodeId;\n\n instance.selectRange(event, {\n start,\n end: getFirstNode(instance),\n });\n };\n\n const rangeSelectToLast = (\n event: React.KeyboardEvent<HTMLUListElement>,\n nodeId: string,\n ) => {\n if (!lastSelectedNode.current) {\n lastSelectedNode.current = nodeId;\n }\n\n const start = lastSelectionWasRange.current\n ? lastSelectedNode.current\n : nodeId;\n\n instance.selectRange(event, {\n start,\n end: getLastNode(instance),\n });\n };\n\n populateInstance<UseTreeViewSelectionSignature<any>>(instance, {\n isNodeSelected,\n selectNode,\n selectRange,\n rangeSelectToLast,\n rangeSelectToFirst,\n });\n\n return {\n getRootProps: () => ({\n \"aria-multiselectable\": params.multiSelect,\n }),\n };\n};\n\nuseTreeViewSelection.models = {\n selected: { controlledProp: \"selected\", defaultProp: \"defaultSelected\" },\n};\n\nconst DEFAULT_SELECTED: string[] = [];\n\nuseTreeViewSelection.getDefaultizedParams = (params) => ({\n ...params,\n disableSelection: params.disableSelection ?? false,\n multiSelect: params.multiSelect ?? false,\n defaultSelected:\n params.defaultSelected ?? (params.multiSelect ? DEFAULT_SELECTED : null),\n});\n"],"names":[],"mappings":"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"}

package/dist/esm/TreeView/internals/hooks/useInstanceEventHandler.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useInstanceEventHandler.js","sources":["../../../../../src/TreeView/internals/hooks/useInstanceEventHandler.ts"],"sourcesContent":["import * as React from \"react\";\n\nimport { TreeViewAnyPluginSignature, TreeViewUsedEvents } from \"../types\";\nimport { TreeViewEventListener } from \"../types/events\";\nimport { CleanupTracking, UnregisterToken } from \"../utils/CleanupTracking\";\nimport { FinalizationRegistryBasedCleanupTracking } from \"../utils/FinalizationRegistryBasedCleanupTracking\";\nimport { TimerBasedCleanupTracking } from \"../utils/TimerBasedCleanupTracking\";\nimport { UseTreeViewInstanceEventsInstance } from \"./useTreeViewInstanceEvents.types\";\n\ninterface RegistryContainer {\n registry: CleanupTracking \| null;\n}\n\n// We use class to make it easier to detect in heap snapshots by name\nclass ObjectToBeRetainedByReact {}\n\n// Based on https://github.com/Bnaya/use-dispose-uncommitted/blob/main/src/finalization-registry-based-impl.ts\n// Check https://github.com/facebook/react/issues/15317 to get more information\nexport function createUseInstanceEventHandler(\n registryContainer: RegistryContainer,\n) {\n let cleanupTokensCounter = 0;\n\n return function useInstanceEventHandler<\n Instance extends UseTreeViewInstanceEventsInstance & {\n $$signature: TreeViewAnyPluginSignature;\n },\n E extends keyof TreeViewUsedEvents<Instance[\"$$signature\"]>,\n >(\n instance: Instance,\n eventName: E,\n handler: TreeViewEventListener<\n TreeViewUsedEvents<Instance[\"$$signature\"]>[E]\n >,\n ) {\n type Signature = Instance[\"$$signature\"];\n\n if (registryContainer.registry === null) {\n registryContainer.registry =\n typeof FinalizationRegistry !== \"undefined\"\n ? new FinalizationRegistryBasedCleanupTracking()\n : new TimerBasedCleanupTracking();\n }\n\n const [objectRetainedByReact] = React.useState(\n new ObjectToBeRetainedByReact(),\n );\n const subscription = React.useRef<(() => void) \| null>(null);\n const handlerRef = React.useRef<\n TreeViewEventListener<TreeViewUsedEvents<Signature>[E]> \| undefined\n >();\n handlerRef.current = handler;\n const cleanupTokenRef = React.useRef<UnregisterToken \| null>(null);\n\n if (!subscription.current && handlerRef.current) {\n const enhancedHandler: TreeViewEventListener<\n TreeViewUsedEvents<Signature>[E]\n > = (params, event) => {\n if (!event.defaultMuiPrevented) {\n handlerRef.current?.(params, event);\n }\n };\n\n subscription.current = instance.$$subscribeEvent(\n eventName as string,\n enhancedHandler,\n );\n\n cleanupTokensCounter += 1;\n cleanupTokenRef.current = { cleanupToken: cleanupTokensCounter };\n\n registryContainer.registry.register(\n objectRetainedByReact, // The callback below will be called once this reference stops being retained\n () => {\n subscription.current?.();\n subscription.current = null;\n cleanupTokenRef.current = null;\n },\n cleanupTokenRef.current,\n );\n } else if (!handlerRef.current && subscription.current) {\n subscription.current();\n subscription.current = null;\n\n if (cleanupTokenRef.current) {\n registryContainer.registry.unregister(cleanupTokenRef.current);\n cleanupTokenRef.current = null;\n }\n }\n\n React.useEffect(() => {\n if (!subscription.current && handlerRef.current) {\n const enhancedHandler: TreeViewEventListener<\n TreeViewUsedEvents<Signature>[E]\n > = (params, event) => {\n if (!event.defaultMuiPrevented) {\n handlerRef.current?.(params, event);\n }\n };\n\n subscription.current = instance.$$subscribeEvent(\n eventName as string,\n enhancedHandler,\n );\n }\n\n if (cleanupTokenRef.current && registryContainer.registry) {\n // If the effect was called, it means that this render was committed\n // so we can trust the cleanup function to remove the listener.\n registryContainer.registry.unregister(cleanupTokenRef.current);\n cleanupTokenRef.current = null;\n }\n\n return () => {\n subscription.current?.();\n subscription.current = null;\n };\n }, [instance, eventName]);\n };\n}\n\nconst registryContainer: RegistryContainer = { registry: null };\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport const unstable_resetCleanupTracking = () => {\n registryContainer.registry?.reset();\n registryContainer.registry = null;\n};\n\nexport const useInstanceEventHandler =\n createUseInstanceEventHandler(registryContainer);\n"],"names":["registryContainer","useInstanceEventHandler"],"mappings":";;;AAcA,MAAM,0BAA0B;AAAC;AAI1B,SAAS,8BACdA,oBACA;AACA,MAAI,uBAAuB;AAE3B,SAAO,SAASC,yBAMd,UACA,WACA,SAGA;AAGID,QAAAA,mBAAkB,aAAa,MAAM;AACvCA,yBAAkB,WAChB,OAAO,yBAAyB,cAC5B,IAAI,~~yCACJ~~,~~IAAA~~,IAAI;~~IACZ~~;~~AAEM~~,UAAA,CAAC,qBAAqB,IAAI,MAAM;AAAA,MACpC,IAAI,0BAA0B;AAAA,~~IAAA~~;~~AAE1B~~,UAAA,eAAe,MAAM,OAA4B,IAAI;AACrD,UAAA,aAAa,MAAM;~~AAGzB~~,eAAW,UAAU;AACf,UAAA,kBAAkB,MAAM,OAA+B,IAAI;AAEjE,QAAI,CAAC,aAAa,WAAW,WAAW,SAAS;AACzC,YAAA,kBAEF,CAAC,QAAQ,UAAU;AACjB,YAAA,CAAC,MAAM,qBAAqB;AACnB,qBAAA,UAAU,QAAQ,KAAK;AAAA,~~QACpC~~;AAAA,~~MAAA~~;~~AAGF~~,mBAAa,UAAU,SAAS;AAAA,QAC9B;AAAA,QACA;AAAA,~~MAAA~~;~~AAGsB~~,8BAAA;AACR,sBAAA,UAAU,EAAE,cAAc,qBAAqB;AAE/DA,yBAAkB,SAAS;AAAA,QACzB;AAAA;AAAA,QACA,MAAM;AACJ,uBAAa,UAAU;AACvB,uBAAa,UAAU;AACvB,0BAAgB,UAAU;AAAA,QAC5B;AAAA,QACA,gBAAgB;AAAA,~~MAAA~~;AAAA,~~IAET~~,WAAA,CAAC,WAAW,WAAW,aAAa,SAAS;AACtD,mBAAa,QAAQ;AACrB,mBAAa,UAAU;AAEvB,UAAI,gBAAgB,SAAS;AAC3BA,2BAAkB,SAAS,WAAW,gBAAgB,OAAO;AAC7D,wBAAgB,UAAU;AAAA,~~MAC5B~~;AAAA,~~IACF~~;~~AAEA~~,UAAM,UAAU,MAAM;AACpB,UAAI,CAAC,aAAa,WAAW,WAAW,SAAS;AACzC,cAAA,kBAEF,CAAC,QAAQ,UAAU;AACjB,cAAA,CAAC,MAAM,qBAAqB;AACnB,uBAAA,UAAU,QAAQ,KAAK;AAAA,~~UACpC~~;AAAA,~~QAAA~~;~~AAGF~~,qBAAa,UAAU,SAAS;AAAA,UAC9B;AAAA,UACA;AAAA,~~QAAA~~;AAAA,~~MAEJ~~;~~AAEI~~,UAAA,gBAAgB,WAAWA,mBAAkB,UAAU;AAGzDA,2BAAkB,SAAS,WAAW,gBAAgB,OAAO;AAC7D,wBAAgB,UAAU;AAAA,~~MAC5B~~;~~AAEA~~,aAAO,MAAM;AACX,qBAAa,UAAU;AACvB,qBAAa,UAAU;AAAA,~~MAAA~~;AAAA,~~IACzB~~,GACC,CAAC,UAAU,SAAS,CAAC;AAAA,~~EAAA~~;~~AAE5B~~;AAEA,MAAM,oBAAuC,EAAE,UAAU;~~AAQ5C~~,MAAA,0BACX,8BAA8B,iBAAiB;"}
1	+ {"version":3,"file":"useInstanceEventHandler.js","sources":["../../../../../src/TreeView/internals/hooks/useInstanceEventHandler.ts"],"sourcesContent":["import * as React from \"react\";\n\nimport { TreeViewAnyPluginSignature, TreeViewUsedEvents } from \"../types\";\nimport { TreeViewEventListener } from \"../types/events\";\nimport { CleanupTracking, UnregisterToken } from \"../utils/CleanupTracking\";\nimport { FinalizationRegistryBasedCleanupTracking } from \"../utils/FinalizationRegistryBasedCleanupTracking\";\nimport { TimerBasedCleanupTracking } from \"../utils/TimerBasedCleanupTracking\";\nimport { UseTreeViewInstanceEventsInstance } from \"./useTreeViewInstanceEvents.types\";\n\ninterface RegistryContainer {\n registry: CleanupTracking \| null;\n}\n\n// We use class to make it easier to detect in heap snapshots by name\nclass ObjectToBeRetainedByReact {}\n\n// Based on https://github.com/Bnaya/use-dispose-uncommitted/blob/main/src/finalization-registry-based-impl.ts\n// Check https://github.com/facebook/react/issues/15317 to get more information\nexport function createUseInstanceEventHandler(\n registryContainer: RegistryContainer,\n) {\n let cleanupTokensCounter = 0;\n\n return function useInstanceEventHandler<\n Instance extends UseTreeViewInstanceEventsInstance & {\n $$signature: TreeViewAnyPluginSignature;\n },\n E extends keyof TreeViewUsedEvents<Instance[\"$$signature\"]>,\n >(\n instance: Instance,\n eventName: E,\n handler: TreeViewEventListener<\n TreeViewUsedEvents<Instance[\"$$signature\"]>[E]\n >,\n ) {\n type Signature = Instance[\"$$signature\"];\n\n if (registryContainer.registry === null) {\n registryContainer.registry =\n typeof FinalizationRegistry !== \"undefined\"\n ? new FinalizationRegistryBasedCleanupTracking()\n : new TimerBasedCleanupTracking();\n }\n\n const [objectRetainedByReact] = React.useState(\n new ObjectToBeRetainedByReact(),\n );\n const subscription = React.useRef<(() => void) \| null>(null);\n const handlerRef = React.useRef<\n TreeViewEventListener<TreeViewUsedEvents<Signature>[E]> \| undefined\n >();\n handlerRef.current = handler;\n const cleanupTokenRef = React.useRef<UnregisterToken \| null>(null);\n\n if (!subscription.current && handlerRef.current) {\n const enhancedHandler: TreeViewEventListener<\n TreeViewUsedEvents<Signature>[E]\n > = (params, event) => {\n if (!event.defaultMuiPrevented) {\n handlerRef.current?.(params, event);\n }\n };\n\n subscription.current = instance.$$subscribeEvent(\n eventName as string,\n enhancedHandler,\n );\n\n cleanupTokensCounter += 1;\n cleanupTokenRef.current = { cleanupToken: cleanupTokensCounter };\n\n registryContainer.registry.register(\n objectRetainedByReact, // The callback below will be called once this reference stops being retained\n () => {\n subscription.current?.();\n subscription.current = null;\n cleanupTokenRef.current = null;\n },\n cleanupTokenRef.current,\n );\n } else if (!handlerRef.current && subscription.current) {\n subscription.current();\n subscription.current = null;\n\n if (cleanupTokenRef.current) {\n registryContainer.registry.unregister(cleanupTokenRef.current);\n cleanupTokenRef.current = null;\n }\n }\n\n React.useEffect(() => {\n if (!subscription.current && handlerRef.current) {\n const enhancedHandler: TreeViewEventListener<\n TreeViewUsedEvents<Signature>[E]\n > = (params, event) => {\n if (!event.defaultMuiPrevented) {\n handlerRef.current?.(params, event);\n }\n };\n\n subscription.current = instance.$$subscribeEvent(\n eventName as string,\n enhancedHandler,\n );\n }\n\n if (cleanupTokenRef.current && registryContainer.registry) {\n // If the effect was called, it means that this render was committed\n // so we can trust the cleanup function to remove the listener.\n registryContainer.registry.unregister(cleanupTokenRef.current);\n cleanupTokenRef.current = null;\n }\n\n return () => {\n subscription.current?.();\n subscription.current = null;\n };\n }, [instance, eventName]);\n };\n}\n\nconst registryContainer: RegistryContainer = { registry: null };\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport const unstable_resetCleanupTracking = () => {\n registryContainer.registry?.reset();\n registryContainer.registry = null;\n};\n\nexport const useInstanceEventHandler =\n createUseInstanceEventHandler(registryContainer);\n"],"names":["registryContainer","useInstanceEventHandler"],"mappings":";;;AAcA,MAAM,0BAA0B;AAAC;AAI1B,SAAS,8BACdA,oBACA;AACA,MAAI,uBAAuB;AAE3B,SAAO,SAASC,yBAMd,UACA,WACA,SAGA;AAGID,QAAAA,mBAAkB,aAAa,MAAM;AACvCA,yBAAkB,WAChB,OAAO,yBAAyB,cAC5B,IAAI,yCAAA,IACJ,IAAI,0BAA0B;AAAA,IAAA;AAGhC,UAAA,CAAC,qBAAqB,IAAI,MAAM;AAAA,MACpC,IAAI,0BAA0B;AAAA,IAChC;AACM,UAAA,eAAe,MAAM,OAA4B,IAAI;AACrD,UAAA,aAAa,MAAM,OAEvB;AACF,eAAW,UAAU;AACf,UAAA,kBAAkB,MAAM,OAA+B,IAAI;AAEjE,QAAI,CAAC,aAAa,WAAW,WAAW,SAAS;AACzC,YAAA,kBAEF,CAAC,QAAQ,UAAU;AACjB,YAAA,CAAC,MAAM,qBAAqB;AACnB,qBAAA,UAAU,QAAQ,KAAK;AAAA,QAAA;AAAA,MAEtC;AAEA,mBAAa,UAAU,SAAS;AAAA,QAC9B;AAAA,QACA;AAAA,MACF;AAEwB,8BAAA;AACR,sBAAA,UAAU,EAAE,cAAc,qBAAqB;AAE/DA,yBAAkB,SAAS;AAAA,QACzB;AAAA;AAAA,QACA,MAAM;AACJ,uBAAa,UAAU;AACvB,uBAAa,UAAU;AACvB,0BAAgB,UAAU;AAAA,QAC5B;AAAA,QACA,gBAAgB;AAAA,MAClB;AAAA,IACS,WAAA,CAAC,WAAW,WAAW,aAAa,SAAS;AACtD,mBAAa,QAAQ;AACrB,mBAAa,UAAU;AAEvB,UAAI,gBAAgB,SAAS;AAC3BA,2BAAkB,SAAS,WAAW,gBAAgB,OAAO;AAC7D,wBAAgB,UAAU;AAAA,MAAA;AAAA,IAC5B;AAGF,UAAM,UAAU,MAAM;AACpB,UAAI,CAAC,aAAa,WAAW,WAAW,SAAS;AACzC,cAAA,kBAEF,CAAC,QAAQ,UAAU;AACjB,cAAA,CAAC,MAAM,qBAAqB;AACnB,uBAAA,UAAU,QAAQ,KAAK;AAAA,UAAA;AAAA,QAEtC;AAEA,qBAAa,UAAU,SAAS;AAAA,UAC9B;AAAA,UACA;AAAA,QACF;AAAA,MAAA;AAGE,UAAA,gBAAgB,WAAWA,mBAAkB,UAAU;AAGzDA,2BAAkB,SAAS,WAAW,gBAAgB,OAAO;AAC7D,wBAAgB,UAAU;AAAA,MAAA;AAG5B,aAAO,MAAM;AACX,qBAAa,UAAU;AACvB,qBAAa,UAAU;AAAA,MACzB;AAAA,IAAA,GACC,CAAC,UAAU,SAAS,CAAC;AAAA,EAC1B;AACF;AAEA,MAAM,oBAAuC,EAAE,UAAU,KAAK;AAQjD,MAAA,0BACX,8BAA8B,iBAAiB;"}