npm - @fluentui/react-tree - Versions diffs - 9.12.0 → 9.12.2 - Mend

@fluentui/react-tree 9.12.0 → 9.12.2

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

Files changed (155) hide show

package/lib-commonjs/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutContextValues.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutContextValues.ts"],"sourcesContent":["import type { AvatarContextValue } from '@fluentui/react-avatar';\nimport * as React from 'react';\nimport type { TreeItemPersonaLayoutState, TreeItemPersonaLayoutContextValues } from './TreeItemPersonaLayout.types';\n\nexport function useTreeItemPersonaLayoutContextValues_unstable(\n state: TreeItemPersonaLayoutState,\n): TreeItemPersonaLayoutContextValues {\n const { avatarSize } = state;\n\n const avatar = React.useMemo<AvatarContextValue>(() => ({ size: avatarSize }), [avatarSize]);\n\n return { avatar };\n}\n"],"names":["useTreeItemPersonaLayoutContextValues_unstable","state","avatarSize","avatar","~~React","~~useMemo","size"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","~~mappings":";;;;+~~BAIgBA;;;eAAAA;;;;~~iEAHO;~~AAGhB~~,~~SAASA,+CACdC~~,KAAiC;IAEjC,MAAM,EAAEC,UAAU,EAAE,GAAGD;IAEvB,MAAME,~~SAASC~~,~~OAAMC~~,OAAO,CAAqB,IAAO,CAAA;YAAEC,~~MAAMJ~~;~~QAAW~~,CAAA,~~GAAI~~;QAACA;KAAW;IAE3F,OAAO;QAAEC;IAAO;AAClB"}
1	+ {"version":3,"sources":["../src/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutContextValues.ts"],"sourcesContent":["import type { AvatarContextValue } from '@fluentui/react-avatar';\nimport * as React from 'react';\nimport type { TreeItemPersonaLayoutState, TreeItemPersonaLayoutContextValues } from './TreeItemPersonaLayout.types';\n\nexport function useTreeItemPersonaLayoutContextValues_unstable(\n state: TreeItemPersonaLayoutState,\n): TreeItemPersonaLayoutContextValues {\n const { avatarSize } = state;\n\n const avatar = React.useMemo<AvatarContextValue>(() => ({ size: avatarSize }), [avatarSize]);\n\n return { avatar };\n}\n"],"names":["React","useTreeItemPersonaLayoutContextValues_unstable","state","avatarSize","avatar","useMemo","size"],"mappings":";;;;+BAIgBC;;;;;;;iEAHO,QAAQ;AAGxB,wDACLC,KAAiC;IAEjC,MAAM,EAAEC,UAAU,EAAE,GAAGD;IAEvB,MAAME,SAASJ,OAAMK,OAAO,CAAqB,IAAO,CAAA;YAAEC,MAAMH;SAAW,CAAA,EAAI;QAACA;KAAW;IAE3F,OAAO;QAAEC;IAAO;AAClB"}

package/lib-commonjs/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["useTreeItemPersonaLayoutStyles.styles.js"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { treeItemLevelToken } from '../../utils/tokens';\nimport { useTreeItemContext_unstable } from '../../contexts/treeItemContext';\nexport const treeItemPersonaLayoutClassNames = {\n root: 'fui-TreeItemPersonaLayout',\n media: 'fui-TreeItemPersonaLayout__media',\n description: 'fui-TreeItemPersonaLayout__description',\n main: 'fui-TreeItemPersonaLayout__main',\n expandIcon: 'fui-TreeItemPersonaLayout__expandIcon',\n aside: 'fui-TreeItemPersonaLayout__aside',\n actions: 'fui-TreeItemPersonaLayout__actions',\n selector: 'fui-TreeItemPersonaLayout__selector'\n};\nconst useRootBaseStyles = makeResetStyles({\n display: 'grid',\n gridTemplateRows: '1fr auto',\n gridTemplateColumns: 'auto auto 1fr auto',\n gridTemplateAreas: `\n \"expandIcon media main aside\"\n \"expandIcon media description aside\"\n `,\n alignItems: 'center',\n ...typographyStyles.body1,\n ':active': {\n color: tokens.colorNeutralForeground2Pressed,\n backgroundColor: tokens.colorSubtleBackgroundPressed,\n // TODO: stop using treeItemPersonaLayoutClassNames.expandIcon for styling\n [`& .${treeItemPersonaLayoutClassNames.expandIcon}`]: {\n color: tokens.colorNeutralForeground3Pressed\n }\n },\n ':hover': {\n color: tokens.colorNeutralForeground2Hover,\n backgroundColor: tokens.colorSubtleBackgroundHover,\n // TODO: stop using treeItemPersonaLayoutClassNames.expandIcon for styling\n [`& .${treeItemPersonaLayoutClassNames.expandIcon}`]: {\n color: tokens.colorNeutralForeground3Hover\n }\n }\n});\n/*\n Styles for the root slot\n / const useRootStyles = makeStyles({\n leaf: {\n paddingLeft: `calc(var(${treeItemLevelToken}, 1) ${tokens.spacingHorizontalXXL})`\n },\n branch: {\n paddingLeft: `calc((var(${treeItemLevelToken}, 1) - 1) * ${tokens.spacingHorizontalXXL})`\n }\n});\n/*\n Styles for the expand icon slot\n / const useMediaBaseStyles = makeResetStyles({\n display: 'flex',\n alignItems: 'center',\n width: '32px',\n height: '32px',\n gridArea: 'media',\n padding: `0 ${tokens.spacingHorizontalXS} 0 ${tokens.spacingHorizontalXXS}`\n});\nconst useMainBaseStyles = makeResetStyles({\n gridArea: 'main',\n padding: `${tokens.spacingVerticalMNudge} ${tokens.spacingHorizontalXS} ${tokens.spacingVerticalMNudge} ${tokens.spacingHorizontalS}`\n});\nconst useMainStyles = makeStyles({\n withDescription: {\n padding: `${tokens.spacingVerticalMNudge} ${tokens.spacingHorizontalXS} 0 ${tokens.spacingHorizontalS}`\n }\n});\nconst useDescriptionBaseStyles = makeResetStyles({\n gridArea: 'description',\n ...typographyStyles.caption1,\n padding: `0 ${tokens.spacingHorizontalXS} ${tokens.spacingVerticalMNudge} ${tokens.spacingHorizontalS}`\n});\n/\n Styles for the action icon slot\n / const useActionsBaseStyles = makeResetStyles({\n display: 'flex',\n marginLeft: 'auto',\n position: 'relative',\n zIndex: 1,\n gridArea: 'aside',\n padding: `0 ${tokens.spacingHorizontalS}`\n});\n/\n Styles for the action icon slot\n / const useAsideBaseStyles = makeResetStyles({\n display: 'flex',\n marginLeft: 'auto',\n alignItems: 'center',\n zIndex: 0,\n gridArea: 'aside',\n padding: `0 ${tokens.spacingHorizontalM}`,\n gap: tokens.spacingHorizontalXS\n});\n/\n Styles for the expand icon slot\n / const useExpandIconBaseStyles = makeResetStyles({\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n minWidth: '24px',\n boxSizing: 'border-box',\n color: tokens.colorNeutralForeground3,\n gridArea: 'expandIcon',\n flex: `0 0 auto`,\n padding: `${tokens.spacingVerticalXS} 0`\n});\n/\n Apply styling to the TreeItemPersonaLayout slots based on the state\n */ export const useTreeItemPersonaLayoutStyles_unstable = (state)=>{\n 'use no memo';\n const rootBaseStyles = useRootBaseStyles();\n const rootStyles = useRootStyles();\n const mediaBaseStyles = useMediaBaseStyles();\n const descriptionBaseStyles = useDescriptionBaseStyles();\n const actionsBaseStyles = useActionsBaseStyles();\n const asideBaseStyles = useAsideBaseStyles();\n const expandIconBaseStyles = useExpandIconBaseStyles();\n const mainBaseStyles = useMainBaseStyles();\n const mainStyles = useMainStyles();\n const itemType = useTreeItemContext_unstable((ctx)=>ctx.itemType);\n state.root.className = mergeClasses(treeItemPersonaLayoutClassNames.root, rootBaseStyles, rootStyles[itemType], state.root.className);\n state.media.className = mergeClasses(treeItemPersonaLayoutClassNames.media, mediaBaseStyles, state.media.className);\n if (state.main) {\n state.main.className = mergeClasses(treeItemPersonaLayoutClassNames.main, mainBaseStyles, state.description && mainStyles.withDescription, state.main.className);\n }\n if (state.description) {\n state.description.className = mergeClasses(treeItemPersonaLayoutClassNames.description, descriptionBaseStyles, state.description.className);\n }\n if (state.actions) {\n state.actions.className = mergeClasses(treeItemPersonaLayoutClassNames.actions, actionsBaseStyles, state.actions.className);\n }\n if (state.aside) {\n state.aside.className = mergeClasses(treeItemPersonaLayoutClassNames.aside, asideBaseStyles, state.aside.className);\n }\n if (state.expandIcon) {\n state.expandIcon.className = mergeClasses(treeItemPersonaLayoutClassNames.expandIcon, expandIconBaseStyles, state.expandIcon.className);\n }\n if (state.selector) {\n state.selector.className = mergeClasses(treeItemPersonaLayoutClassNames.selector, state.selector.className);\n }\n return state;\n};\n"],"names":["treeItemPersonaLayoutClassNames","useTreeItemPersonaLayoutStyles_unstable","root","media","description","main","expandIcon","aside","actions","selector","useRootBaseStyles","__resetStyles","useRootStyles","__styles","leaf","uwmqm3","branch","d","useMediaBaseStyles","useMainBaseStyles","useMainStyles","withDescription","Byoj8tv","z189sj","z8tnut","B0ocmuz","p","useDescriptionBaseStyles","useActionsBaseStyles","useAsideBaseStyles","useExpandIconBaseStyles","state","rootBaseStyles","rootStyles","mediaBaseStyles","descriptionBaseStyles","actionsBaseStyles","asideBaseStyles","expandIconBaseStyles","mainBaseStyles","mainStyles","itemType","useTreeItemContext_unstable","ctx","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
1	+ {"version":3,"sources":["useTreeItemPersonaLayoutStyles.styles.js"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { treeItemLevelToken } from '../../utils/tokens';\nimport { useTreeItemContext_unstable } from '../../contexts/treeItemContext';\nexport const treeItemPersonaLayoutClassNames = {\n root: 'fui-TreeItemPersonaLayout',\n media: 'fui-TreeItemPersonaLayout__media',\n description: 'fui-TreeItemPersonaLayout__description',\n main: 'fui-TreeItemPersonaLayout__main',\n expandIcon: 'fui-TreeItemPersonaLayout__expandIcon',\n aside: 'fui-TreeItemPersonaLayout__aside',\n actions: 'fui-TreeItemPersonaLayout__actions',\n selector: 'fui-TreeItemPersonaLayout__selector'\n};\nconst useRootBaseStyles = makeResetStyles({\n display: 'grid',\n gridTemplateRows: '1fr auto',\n gridTemplateColumns: 'auto auto 1fr auto',\n gridTemplateAreas: `\n \"expandIcon media main aside\"\n \"expandIcon media description aside\"\n `,\n alignItems: 'center',\n ...typographyStyles.body1,\n ':active': {\n color: tokens.colorNeutralForeground2Pressed,\n backgroundColor: tokens.colorSubtleBackgroundPressed,\n // TODO: stop using treeItemPersonaLayoutClassNames.expandIcon for styling\n [`& .${treeItemPersonaLayoutClassNames.expandIcon}`]: {\n color: tokens.colorNeutralForeground3Pressed\n }\n },\n ':hover': {\n color: tokens.colorNeutralForeground2Hover,\n backgroundColor: tokens.colorSubtleBackgroundHover,\n // TODO: stop using treeItemPersonaLayoutClassNames.expandIcon for styling\n [`& .${treeItemPersonaLayoutClassNames.expandIcon}`]: {\n color: tokens.colorNeutralForeground3Hover\n }\n }\n});\n/*\n Styles for the root slot\n / const useRootStyles = makeStyles({\n leaf: {\n paddingLeft: `calc(var(${treeItemLevelToken}, 1) ${tokens.spacingHorizontalXXL})`\n },\n branch: {\n paddingLeft: `calc((var(${treeItemLevelToken}, 1) - 1) * ${tokens.spacingHorizontalXXL})`\n }\n});\n/*\n Styles for the expand icon slot\n / const useMediaBaseStyles = makeResetStyles({\n display: 'flex',\n alignItems: 'center',\n width: '32px',\n height: '32px',\n gridArea: 'media',\n padding: `0 ${tokens.spacingHorizontalXS} 0 ${tokens.spacingHorizontalXXS}`\n});\nconst useMainBaseStyles = makeResetStyles({\n gridArea: 'main',\n padding: `${tokens.spacingVerticalMNudge} ${tokens.spacingHorizontalXS} ${tokens.spacingVerticalMNudge} ${tokens.spacingHorizontalS}`\n});\nconst useMainStyles = makeStyles({\n withDescription: {\n padding: `${tokens.spacingVerticalMNudge} ${tokens.spacingHorizontalXS} 0 ${tokens.spacingHorizontalS}`\n }\n});\nconst useDescriptionBaseStyles = makeResetStyles({\n gridArea: 'description',\n ...typographyStyles.caption1,\n padding: `0 ${tokens.spacingHorizontalXS} ${tokens.spacingVerticalMNudge} ${tokens.spacingHorizontalS}`\n});\n/\n Styles for the action icon slot\n / const useActionsBaseStyles = makeResetStyles({\n display: 'flex',\n marginLeft: 'auto',\n position: 'relative',\n zIndex: 1,\n gridArea: 'aside',\n padding: `0 ${tokens.spacingHorizontalS}`\n});\n/\n Styles for the action icon slot\n / const useAsideBaseStyles = makeResetStyles({\n display: 'flex',\n marginLeft: 'auto',\n alignItems: 'center',\n zIndex: 0,\n gridArea: 'aside',\n padding: `0 ${tokens.spacingHorizontalM}`,\n gap: tokens.spacingHorizontalXS\n});\n/\n Styles for the expand icon slot\n / const useExpandIconBaseStyles = makeResetStyles({\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n minWidth: '24px',\n boxSizing: 'border-box',\n color: tokens.colorNeutralForeground3,\n gridArea: 'expandIcon',\n flex: `0 0 auto`,\n padding: `${tokens.spacingVerticalXS} 0`\n});\n/\n Apply styling to the TreeItemPersonaLayout slots based on the state\n */ export const useTreeItemPersonaLayoutStyles_unstable = (state)=>{\n 'use no memo';\n const rootBaseStyles = useRootBaseStyles();\n const rootStyles = useRootStyles();\n const mediaBaseStyles = useMediaBaseStyles();\n const descriptionBaseStyles = useDescriptionBaseStyles();\n const actionsBaseStyles = useActionsBaseStyles();\n const asideBaseStyles = useAsideBaseStyles();\n const expandIconBaseStyles = useExpandIconBaseStyles();\n const mainBaseStyles = useMainBaseStyles();\n const mainStyles = useMainStyles();\n const itemType = useTreeItemContext_unstable((ctx)=>ctx.itemType);\n state.root.className = mergeClasses(treeItemPersonaLayoutClassNames.root, rootBaseStyles, rootStyles[itemType], state.root.className);\n state.media.className = mergeClasses(treeItemPersonaLayoutClassNames.media, mediaBaseStyles, state.media.className);\n if (state.main) {\n state.main.className = mergeClasses(treeItemPersonaLayoutClassNames.main, mainBaseStyles, state.description && mainStyles.withDescription, state.main.className);\n }\n if (state.description) {\n state.description.className = mergeClasses(treeItemPersonaLayoutClassNames.description, descriptionBaseStyles, state.description.className);\n }\n if (state.actions) {\n state.actions.className = mergeClasses(treeItemPersonaLayoutClassNames.actions, actionsBaseStyles, state.actions.className);\n }\n if (state.aside) {\n state.aside.className = mergeClasses(treeItemPersonaLayoutClassNames.aside, asideBaseStyles, state.aside.className);\n }\n if (state.expandIcon) {\n state.expandIcon.className = mergeClasses(treeItemPersonaLayoutClassNames.expandIcon, expandIconBaseStyles, state.expandIcon.className);\n }\n if (state.selector) {\n state.selector.className = mergeClasses(treeItemPersonaLayoutClassNames.selector, state.selector.className);\n }\n return state;\n};\n"],"names":["__resetStyles","__styles","mergeClasses","tokens","typographyStyles","treeItemLevelToken","useTreeItemContext_unstable","treeItemPersonaLayoutClassNames","root","media","description","main","expandIcon","aside","actions","selector","useRootBaseStyles","useRootStyles","leaf","uwmqm3","branch","d","useMediaBaseStyles","useMainBaseStyles","useMainStyles","withDescription","Byoj8tv","z189sj","z8tnut","B0ocmuz","p","useDescriptionBaseStyles","useActionsBaseStyles","useAsideBaseStyles","useExpandIconBaseStyles","useTreeItemPersonaLayoutStyles_unstable","state","rootBaseStyles","rootStyles","mediaBaseStyles","descriptionBaseStyles","actionsBaseStyles","asideBaseStyles","expandIconBaseStyles","mainBaseStyles","mainStyles","itemType","ctx","className"],"mappings":"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"}

package/lib-commonjs/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutStyles.styles.raw.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutStyles.styles.ts"],"sourcesContent":["import type { TreeItemPersonaLayoutSlots, TreeItemPersonaLayoutState } from './TreeItemPersonaLayout.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { treeItemLevelToken } from '../../utils/tokens';\nimport { useTreeItemContext_unstable } from '../../contexts/treeItemContext';\n\nexport const treeItemPersonaLayoutClassNames: SlotClassNames<TreeItemPersonaLayoutSlots> = {\n root: 'fui-TreeItemPersonaLayout',\n media: 'fui-TreeItemPersonaLayout__media',\n description: 'fui-TreeItemPersonaLayout__description',\n main: 'fui-TreeItemPersonaLayout__main',\n expandIcon: 'fui-TreeItemPersonaLayout__expandIcon',\n aside: 'fui-TreeItemPersonaLayout__aside',\n actions: 'fui-TreeItemPersonaLayout__actions',\n selector: 'fui-TreeItemPersonaLayout__selector',\n};\n\nconst useRootBaseStyles = makeResetStyles({\n display: 'grid',\n gridTemplateRows: '1fr auto',\n gridTemplateColumns: 'auto auto 1fr auto',\n gridTemplateAreas: `\n \"expandIcon media main aside\"\n \"expandIcon media description aside\"\n `,\n alignItems: 'center',\n ...typographyStyles.body1,\n ':active': {\n color: tokens.colorNeutralForeground2Pressed,\n backgroundColor: tokens.colorSubtleBackgroundPressed,\n // TODO: stop using treeItemPersonaLayoutClassNames.expandIcon for styling\n [`& .${treeItemPersonaLayoutClassNames.expandIcon}`]: {\n color: tokens.colorNeutralForeground3Pressed,\n },\n },\n ':hover': {\n color: tokens.colorNeutralForeground2Hover,\n backgroundColor: tokens.colorSubtleBackgroundHover,\n // TODO: stop using treeItemPersonaLayoutClassNames.expandIcon for styling\n [`& .${treeItemPersonaLayoutClassNames.expandIcon}`]: {\n color: tokens.colorNeutralForeground3Hover,\n },\n },\n});\n\n/*\n Styles for the root slot\n /\nconst useRootStyles = makeStyles({\n leaf: {\n paddingLeft: `calc(var(${treeItemLevelToken}, 1) ${tokens.spacingHorizontalXXL})`,\n },\n branch: {\n paddingLeft: `calc((var(${treeItemLevelToken}, 1) - 1) * ${tokens.spacingHorizontalXXL})`,\n },\n});\n\n/*\n Styles for the expand icon slot\n /\nconst useMediaBaseStyles = makeResetStyles({\n display: 'flex',\n alignItems: 'center',\n width: '32px',\n height: '32px',\n gridArea: 'media',\n padding: `0 ${tokens.spacingHorizontalXS} 0 ${tokens.spacingHorizontalXXS}`,\n});\n\nconst useMainBaseStyles = makeResetStyles({\n gridArea: 'main',\n padding: `${tokens.spacingVerticalMNudge} ${tokens.spacingHorizontalXS} ${tokens.spacingVerticalMNudge} ${tokens.spacingHorizontalS}`,\n});\n\nconst useMainStyles = makeStyles({\n withDescription: {\n padding: `${tokens.spacingVerticalMNudge} ${tokens.spacingHorizontalXS} 0 ${tokens.spacingHorizontalS}`,\n },\n});\n\nconst useDescriptionBaseStyles = makeResetStyles({\n gridArea: 'description',\n ...typographyStyles.caption1,\n padding: `0 ${tokens.spacingHorizontalXS} ${tokens.spacingVerticalMNudge} ${tokens.spacingHorizontalS}`,\n});\n\n/\n Styles for the action icon slot\n /\nconst useActionsBaseStyles = makeResetStyles({\n display: 'flex',\n marginLeft: 'auto',\n position: 'relative',\n zIndex: 1,\n gridArea: 'aside',\n padding: `0 ${tokens.spacingHorizontalS}`,\n});\n/\n Styles for the action icon slot\n /\nconst useAsideBaseStyles = makeResetStyles({\n display: 'flex',\n marginLeft: 'auto',\n alignItems: 'center',\n zIndex: 0,\n gridArea: 'aside',\n padding: `0 ${tokens.spacingHorizontalM}`,\n gap: tokens.spacingHorizontalXS,\n});\n\n/\n Styles for the expand icon slot\n /\nconst useExpandIconBaseStyles = makeResetStyles({\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n minWidth: '24px',\n boxSizing: 'border-box',\n color: tokens.colorNeutralForeground3,\n gridArea: 'expandIcon',\n flex: `0 0 auto`,\n padding: `${tokens.spacingVerticalXS} 0`,\n});\n\n/\n Apply styling to the TreeItemPersonaLayout slots based on the state\n */\nexport const useTreeItemPersonaLayoutStyles_unstable = (\n state: TreeItemPersonaLayoutState,\n): TreeItemPersonaLayoutState => {\n 'use no memo';\n\n const rootBaseStyles = useRootBaseStyles();\n const rootStyles = useRootStyles();\n const mediaBaseStyles = useMediaBaseStyles();\n const descriptionBaseStyles = useDescriptionBaseStyles();\n const actionsBaseStyles = useActionsBaseStyles();\n const asideBaseStyles = useAsideBaseStyles();\n const expandIconBaseStyles = useExpandIconBaseStyles();\n const mainBaseStyles = useMainBaseStyles();\n const mainStyles = useMainStyles();\n\n const itemType = useTreeItemContext_unstable(ctx => ctx.itemType);\n\n state.root.className = mergeClasses(\n treeItemPersonaLayoutClassNames.root,\n rootBaseStyles,\n rootStyles[itemType],\n state.root.className,\n );\n\n state.media.className = mergeClasses(treeItemPersonaLayoutClassNames.media, mediaBaseStyles, state.media.className);\n\n if (state.main) {\n state.main.className = mergeClasses(\n treeItemPersonaLayoutClassNames.main,\n mainBaseStyles,\n state.description && mainStyles.withDescription,\n state.main.className,\n );\n }\n if (state.description) {\n state.description.className = mergeClasses(\n treeItemPersonaLayoutClassNames.description,\n descriptionBaseStyles,\n state.description.className,\n );\n }\n if (state.actions) {\n state.actions.className = mergeClasses(\n treeItemPersonaLayoutClassNames.actions,\n actionsBaseStyles,\n state.actions.className,\n );\n }\n if (state.aside) {\n state.aside.className = mergeClasses(treeItemPersonaLayoutClassNames.aside, asideBaseStyles, state.aside.className);\n }\n if (state.expandIcon) {\n state.expandIcon.className = mergeClasses(\n treeItemPersonaLayoutClassNames.expandIcon,\n expandIconBaseStyles,\n state.expandIcon.className,\n );\n }\n\n if (state.selector) {\n state.selector.className = mergeClasses(treeItemPersonaLayoutClassNames.selector, state.selector.className);\n }\n\n return state;\n};\n"],"names":["treeItemPersonaLayoutClassNames","useTreeItemPersonaLayoutStyles_unstable","root","media","description","main","expandIcon","aside","actions","selector","useRootBaseStyles","makeResetStyles","display","gridTemplateRows","gridTemplateColumns","gridTemplateAreas","alignItems","typographyStyles","body1","color","tokens","colorNeutralForeground2Pressed","backgroundColor","colorSubtleBackgroundPressed","colorNeutralForeground3Pressed","colorNeutralForeground2Hover","colorSubtleBackgroundHover","colorNeutralForeground3Hover","useRootStyles","makeStyles","leaf","paddingLeft","treeItemLevelToken","spacingHorizontalXXL","branch","useMediaBaseStyles","width","height","gridArea","padding","spacingHorizontalXS","spacingHorizontalXXS","useMainBaseStyles","spacingVerticalMNudge","spacingHorizontalS","useMainStyles","withDescription","useDescriptionBaseStyles","caption1","useActionsBaseStyles","marginLeft","position","zIndex","useAsideBaseStyles","spacingHorizontalM","gap","useExpandIconBaseStyles","justifyContent","minWidth","boxSizing","colorNeutralForeground3","flex","spacingVerticalXS","state","rootBaseStyles","rootStyles","mediaBaseStyles","descriptionBaseStyles","actionsBaseStyles","asideBaseStyles","expandIconBaseStyles","mainBaseStyles","mainStyles","itemType","useTreeItemContext_unstable","ctx","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
1	+ {"version":3,"sources":["../src/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutStyles.styles.ts"],"sourcesContent":["import type { TreeItemPersonaLayoutSlots, TreeItemPersonaLayoutState } from './TreeItemPersonaLayout.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { treeItemLevelToken } from '../../utils/tokens';\nimport { useTreeItemContext_unstable } from '../../contexts/treeItemContext';\n\nexport const treeItemPersonaLayoutClassNames: SlotClassNames<TreeItemPersonaLayoutSlots> = {\n root: 'fui-TreeItemPersonaLayout',\n media: 'fui-TreeItemPersonaLayout__media',\n description: 'fui-TreeItemPersonaLayout__description',\n main: 'fui-TreeItemPersonaLayout__main',\n expandIcon: 'fui-TreeItemPersonaLayout__expandIcon',\n aside: 'fui-TreeItemPersonaLayout__aside',\n actions: 'fui-TreeItemPersonaLayout__actions',\n selector: 'fui-TreeItemPersonaLayout__selector',\n};\n\nconst useRootBaseStyles = makeResetStyles({\n display: 'grid',\n gridTemplateRows: '1fr auto',\n gridTemplateColumns: 'auto auto 1fr auto',\n gridTemplateAreas: `\n \"expandIcon media main aside\"\n \"expandIcon media description aside\"\n `,\n alignItems: 'center',\n ...typographyStyles.body1,\n ':active': {\n color: tokens.colorNeutralForeground2Pressed,\n backgroundColor: tokens.colorSubtleBackgroundPressed,\n // TODO: stop using treeItemPersonaLayoutClassNames.expandIcon for styling\n [`& .${treeItemPersonaLayoutClassNames.expandIcon}`]: {\n color: tokens.colorNeutralForeground3Pressed,\n },\n },\n ':hover': {\n color: tokens.colorNeutralForeground2Hover,\n backgroundColor: tokens.colorSubtleBackgroundHover,\n // TODO: stop using treeItemPersonaLayoutClassNames.expandIcon for styling\n [`& .${treeItemPersonaLayoutClassNames.expandIcon}`]: {\n color: tokens.colorNeutralForeground3Hover,\n },\n },\n});\n\n/*\n Styles for the root slot\n /\nconst useRootStyles = makeStyles({\n leaf: {\n paddingLeft: `calc(var(${treeItemLevelToken}, 1) ${tokens.spacingHorizontalXXL})`,\n },\n branch: {\n paddingLeft: `calc((var(${treeItemLevelToken}, 1) - 1) * ${tokens.spacingHorizontalXXL})`,\n },\n});\n\n/*\n Styles for the expand icon slot\n /\nconst useMediaBaseStyles = makeResetStyles({\n display: 'flex',\n alignItems: 'center',\n width: '32px',\n height: '32px',\n gridArea: 'media',\n padding: `0 ${tokens.spacingHorizontalXS} 0 ${tokens.spacingHorizontalXXS}`,\n});\n\nconst useMainBaseStyles = makeResetStyles({\n gridArea: 'main',\n padding: `${tokens.spacingVerticalMNudge} ${tokens.spacingHorizontalXS} ${tokens.spacingVerticalMNudge} ${tokens.spacingHorizontalS}`,\n});\n\nconst useMainStyles = makeStyles({\n withDescription: {\n padding: `${tokens.spacingVerticalMNudge} ${tokens.spacingHorizontalXS} 0 ${tokens.spacingHorizontalS}`,\n },\n});\n\nconst useDescriptionBaseStyles = makeResetStyles({\n gridArea: 'description',\n ...typographyStyles.caption1,\n padding: `0 ${tokens.spacingHorizontalXS} ${tokens.spacingVerticalMNudge} ${tokens.spacingHorizontalS}`,\n});\n\n/\n Styles for the action icon slot\n /\nconst useActionsBaseStyles = makeResetStyles({\n display: 'flex',\n marginLeft: 'auto',\n position: 'relative',\n zIndex: 1,\n gridArea: 'aside',\n padding: `0 ${tokens.spacingHorizontalS}`,\n});\n/\n Styles for the action icon slot\n /\nconst useAsideBaseStyles = makeResetStyles({\n display: 'flex',\n marginLeft: 'auto',\n alignItems: 'center',\n zIndex: 0,\n gridArea: 'aside',\n padding: `0 ${tokens.spacingHorizontalM}`,\n gap: tokens.spacingHorizontalXS,\n});\n\n/\n Styles for the expand icon slot\n /\nconst useExpandIconBaseStyles = makeResetStyles({\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n minWidth: '24px',\n boxSizing: 'border-box',\n color: tokens.colorNeutralForeground3,\n gridArea: 'expandIcon',\n flex: `0 0 auto`,\n padding: `${tokens.spacingVerticalXS} 0`,\n});\n\n/\n Apply styling to the TreeItemPersonaLayout slots based on the state\n */\nexport const useTreeItemPersonaLayoutStyles_unstable = (\n state: TreeItemPersonaLayoutState,\n): TreeItemPersonaLayoutState => {\n 'use no memo';\n\n const rootBaseStyles = useRootBaseStyles();\n const rootStyles = useRootStyles();\n const mediaBaseStyles = useMediaBaseStyles();\n const descriptionBaseStyles = useDescriptionBaseStyles();\n const actionsBaseStyles = useActionsBaseStyles();\n const asideBaseStyles = useAsideBaseStyles();\n const expandIconBaseStyles = useExpandIconBaseStyles();\n const mainBaseStyles = useMainBaseStyles();\n const mainStyles = useMainStyles();\n\n const itemType = useTreeItemContext_unstable(ctx => ctx.itemType);\n\n state.root.className = mergeClasses(\n treeItemPersonaLayoutClassNames.root,\n rootBaseStyles,\n rootStyles[itemType],\n state.root.className,\n );\n\n state.media.className = mergeClasses(treeItemPersonaLayoutClassNames.media, mediaBaseStyles, state.media.className);\n\n if (state.main) {\n state.main.className = mergeClasses(\n treeItemPersonaLayoutClassNames.main,\n mainBaseStyles,\n state.description && mainStyles.withDescription,\n state.main.className,\n );\n }\n if (state.description) {\n state.description.className = mergeClasses(\n treeItemPersonaLayoutClassNames.description,\n descriptionBaseStyles,\n state.description.className,\n );\n }\n if (state.actions) {\n state.actions.className = mergeClasses(\n treeItemPersonaLayoutClassNames.actions,\n actionsBaseStyles,\n state.actions.className,\n );\n }\n if (state.aside) {\n state.aside.className = mergeClasses(treeItemPersonaLayoutClassNames.aside, asideBaseStyles, state.aside.className);\n }\n if (state.expandIcon) {\n state.expandIcon.className = mergeClasses(\n treeItemPersonaLayoutClassNames.expandIcon,\n expandIconBaseStyles,\n state.expandIcon.className,\n );\n }\n\n if (state.selector) {\n state.selector.className = mergeClasses(treeItemPersonaLayoutClassNames.selector, state.selector.className);\n }\n\n return state;\n};\n"],"names":["makeResetStyles","makeStyles","mergeClasses","tokens","typographyStyles","treeItemLevelToken","useTreeItemContext_unstable","treeItemPersonaLayoutClassNames","root","media","description","main","expandIcon","aside","actions","selector","useRootBaseStyles","display","gridTemplateRows","gridTemplateColumns","gridTemplateAreas","alignItems","body1","color","colorNeutralForeground2Pressed","backgroundColor","colorSubtleBackgroundPressed","colorNeutralForeground3Pressed","colorNeutralForeground2Hover","colorSubtleBackgroundHover","colorNeutralForeground3Hover","useRootStyles","leaf","paddingLeft","spacingHorizontalXXL","branch","useMediaBaseStyles","width","height","gridArea","padding","spacingHorizontalXS","spacingHorizontalXXS","useMainBaseStyles","spacingVerticalMNudge","spacingHorizontalS","useMainStyles","withDescription","useDescriptionBaseStyles","caption1","useActionsBaseStyles","marginLeft","position","zIndex","useAsideBaseStyles","spacingHorizontalM","gap","useExpandIconBaseStyles","justifyContent","minWidth","boxSizing","colorNeutralForeground3","flex","spacingVerticalXS","useTreeItemPersonaLayoutStyles_unstable","state","rootBaseStyles","rootStyles","mediaBaseStyles","descriptionBaseStyles","actionsBaseStyles","asideBaseStyles","expandIconBaseStyles","mainBaseStyles","mainStyles","itemType","ctx","className"],"mappings":"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"}

package/lib-commonjs/components/TreeProvider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/TreeProvider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { SubtreeContext, SubtreeContextValue, TreeContextValue, TreeContext } from '../contexts';\n\n/*\n @internal\n */\nconst rootSubtreeContextValue: SubtreeContextValue = {\n level: 1,\n contextType: 'subtree',\n};\n\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport const TreeProvider = (props: React.ProviderProps<TreeContextValue \| SubtreeContextValue>): JSX.Element => {\n if (props.value.contextType === 'subtree') {\n return <SubtreeContext.Provider value={props.value}>{props.children}</SubtreeContext.Provider>;\n }\n return (\n <TreeContext.Provider value={props.value}>\n <SubtreeContext.Provider value={rootSubtreeContextValue}>{props.children}</SubtreeContext.Provider>\n </TreeContext.Provider>\n );\n};\n\nTreeProvider.displayName = 'TreeProvider';\n\nexport type TreeRootResetProps = {\n children?: React.ReactNode;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport const TreeRootReset = (props: TreeRootResetProps): JSX.Element => (\n <SubtreeContext.Provider value={undefined as unknown as SubtreeContextValue}>\n {props.children}\n </SubtreeContext.Provider>\n);\n"],"names":["~~TreeProvider~~","~~TreeRootReset~~","rootSubtreeContextValue","level","contextType","~~props~~","~~value~~","~~React~~","~~createElement","SubtreeContext","~~Provider","children","~~TreeContext~~","~~displayName~~","undefined"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","~~mappings":";;;;;;;;;;;~~IAYaA~~,YAAAA;~~eAAAA;;IAkBAC~~,~~aAAAA~~;~~eAAAA;;;;iEA9BU;0BAC4D;AAEnF~~;;CAEC,GACD,~~MAAMC~~,0BAA+C;IACnDC,OAAO;IACPC,aAAa;AACf;AAGO,~~MAAMJ~~,~~eAAe,CAACK~~;IAC3B,IAAIA,MAAMC,KAAK,~~CAACF~~,WAAW,KAAK,WAAW;QACzC,OAAA,WAAA,~~GAAOG~~,~~OAAAC~~,aAAA,~~CAACC~~,wBAAAA,~~CAAeC~~,QAAQ,EAAA;~~YAACJ~~,OAAOD,MAAMC,KAAK;WAAGD,~~MAAMM~~,QAAQ;IACrE;IACA,OAAA,WAAA,~~GACEJ~~,~~OAAAC~~,aAAA,~~CAACI~~,qBAAAA,~~CAAYF~~,QAAQ,EAAA;~~QAACJ~~,OAAOD,MAAMC,KAAK;~~qBACtCC~~,~~OAAAC~~,aAAA,~~CAACC~~,wBAAAA,~~CAAeC~~,QAAQ,EAAA;~~QAACJ~~,~~OAAOJ~~;~~OAA0BG~~,~~MAAMM~~,QAAQ;AAG9E;~~AAEAX~~,~~aAAaa~~,WAAW,GAAG;AAOpB,~~MAAMZ~~,gBAAgB,~~CAACI~~,QAAAA,WAAAA,~~GAC5BE~~,~~OAAAC~~,aAAA,~~CAACC~~,wBAAAA,~~CAAeC~~,QAAQ,EAAA;~~QAACJ~~,~~OAAOQ~~;~~OAC7BT~~,~~MAAMM~~,QAAQ"}
1	+ {"version":3,"sources":["../src/components/TreeProvider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { SubtreeContext, SubtreeContextValue, TreeContextValue, TreeContext } from '../contexts';\n\n/*\n @internal\n */\nconst rootSubtreeContextValue: SubtreeContextValue = {\n level: 1,\n contextType: 'subtree',\n};\n\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport const TreeProvider = (props: React.ProviderProps<TreeContextValue \| SubtreeContextValue>): JSX.Element => {\n if (props.value.contextType === 'subtree') {\n return <SubtreeContext.Provider value={props.value}>{props.children}</SubtreeContext.Provider>;\n }\n return (\n <TreeContext.Provider value={props.value}>\n <SubtreeContext.Provider value={rootSubtreeContextValue}>{props.children}</SubtreeContext.Provider>\n </TreeContext.Provider>\n );\n};\n\nTreeProvider.displayName = 'TreeProvider';\n\nexport type TreeRootResetProps = {\n children?: React.ReactNode;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport const TreeRootReset = (props: TreeRootResetProps): JSX.Element => (\n <SubtreeContext.Provider value={undefined as unknown as SubtreeContextValue}>\n {props.children}\n </SubtreeContext.Provider>\n);\n"],"names":["React","SubtreeContext","TreeContext","rootSubtreeContextValue","level","contextType","TreeProvider","props","value","Provider","children","displayName","TreeRootReset","undefined"],"mappings":";;;;;;;;;;;IAYaM,YAAAA;;;iBAkBAM;;;;;iEA9BU,QAAQ;0BACoD,cAAc;AAEjG;;CAEC,GACD,MAAMT,0BAA+C;IACnDC,OAAO;IACPC,aAAa;AACf;AAGO,qBAAqB,CAACE;IAC3B,IAAIA,MAAMC,KAAK,CAACH,WAAW,KAAK,WAAW;QACzC,OAAA,WAAA,GAAO,OAAA,aAAA,CAACJ,wBAAAA,CAAeQ,QAAQ,EAAA;YAACD,OAAOD,MAAMC,KAAK;WAAGD,MAAMG,QAAQ;IACrE;IACA,OAAA,WAAA,GACE,OAAA,aAAA,CAACR,qBAAAA,CAAYO,QAAQ,EAAA;QAACD,OAAOD,MAAMC,KAAK;qBACtC,OAAA,aAAA,CAACP,wBAAAA,CAAeQ,QAAQ,EAAA;QAACD,OAAOL;OAA0BI,MAAMG,QAAQ;AAG9E,EAAE;AAEFJ,aAAaK,WAAW,GAAG;AAOpB,MAAMC,gBAAgB,CAACL,QAAAA,WAAAA,GAC5B,OAAA,aAAA,CAACN,wBAAAA,CAAeQ,QAAQ,EAAA;QAACD,OAAOK;OAC7BN,MAAMG,QAAQ,EAEjB"}

package/lib-commonjs/contexts/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/contexts/index.ts"],"sourcesContent":["export type { TreeContextValue, TreeItemRequest } from './treeContext';\nexport { TreeContext, useTreeContext_unstable } from './treeContext';\nexport type { SubtreeContextValue } from './subtreeContext';\nexport { SubtreeContext, useSubtreeContext_unstable } from './subtreeContext';\nexport type { TreeItemContextValue } from './treeItemContext';\nexport { TreeItemProvider, useTreeItemContext_unstable } from './treeItemContext';\n"],"names":["~~SubtreeContext~~","~~TreeContext~~","~~TreeItemProvider~~","useSubtreeContext_unstable","~~useTreeContext_unstable~~","useTreeItemContext_unstable"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","~~mappings":"~~;;;;;;;;;;;IAGSA~~,~~cAAc;eAAdA,~~8BAAc~~;;IAFdC~~,~~WAAW;eAAXA,~~wBAAW~~;;IAIXC~~,~~gBAAgB;eAAhBA,~~iCAAgB~~;;IAFAC~~,~~0BAA0B;eAA1BA,~~0CAA0B~~;;IAF7BC~~,~~uBAAuB;eAAvBA,~~oCAAuB~~;;IAIlBC~~,~~2BAA2B;eAA3BA,~~4CAA2B;;;6BAJD;~~gCAEM~~;~~iCAEG~~"}
1	+ {"version":3,"sources":["../src/contexts/index.ts"],"sourcesContent":["export type { TreeContextValue, TreeItemRequest } from './treeContext';\nexport { TreeContext, useTreeContext_unstable } from './treeContext';\nexport type { SubtreeContextValue } from './subtreeContext';\nexport { SubtreeContext, useSubtreeContext_unstable } from './subtreeContext';\nexport type { TreeItemContextValue } from './treeItemContext';\nexport { TreeItemProvider, useTreeItemContext_unstable } from './treeItemContext';\n"],"names":["TreeContext","useTreeContext_unstable","SubtreeContext","useSubtreeContext_unstable","TreeItemProvider","useTreeItemContext_unstable"],"mappings":";;;;;;;;;;;;eAGSE,8BAAc;;;eAFdF,wBAAW;;;eAIXI,iCAAgB;;;eAFAD,0CAA0B;;;eAF7BF,oCAAuB;;;eAIlBI,4CAA2B;;;6BAJD,gBAAgB;gCAEV,mBAAmB;iCAEhB,oBAAoB"}

package/lib-commonjs/contexts/subtreeContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/contexts/subtreeContext.ts"],"sourcesContent":["import * as React from 'react';\n\nexport type SubtreeContextValue = {\n contextType: 'subtree';\n level: number;\n};\n\n/*\n @internal\n /\nconst defaultSubTreeContextValue: SubtreeContextValue = {\n level: 0,\n contextType: 'subtree',\n};\n\n/\n @internal\n */\nexport const SubtreeContext: React.Context<SubtreeContextValue> = React.createContext<SubtreeContextValue \| undefined>(\n undefined,\n) as React.Context<SubtreeContextValue>;\n\nexport const useSubtreeContext_unstable = () => {\n return React.useContext(SubtreeContext) ?? defaultSubTreeContextValue;\n};\n"],"names":["~~SubtreeContext~~","~~useSubtreeContext_unstable","~~defaultSubTreeContextValue","level","contextType","~~React~~","createContext","undefined","~~useContext~~"],"~~rangeMappings~~"~~:";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"~~,"mappings":";;;;;;;;;;;~~IAkBaA~~,cAAAA~~;eAAAA;;IAIAC~~,~~0BAAAA~~;~~eAAAA;;;;iEAtBU;AAOvB~~;;CAEC,GACD,~~MAAMC~~,6BAAkD;IACtDC,OAAO;IACPC,aAAa;AACf;AAKO,~~MAAMJ,+BAAqDK~~,~~OAAMC~~,aAAa,CACnFC;~~AAGK~~,~~MAAMN~~,6BAA6B;~~QACjCI~~;IAAP,OAAOA,CAAAA,oBAAAA,~~OAAMG~~,UAAU,~~CAACR~~,eAAAA,MAAAA,~~QAAjBK~~,sBAAAA,KAAAA,IAAAA,~~oBAAoCH~~;AAC7C"}
1	+ {"version":3,"sources":["../src/contexts/subtreeContext.ts"],"sourcesContent":["import * as React from 'react';\n\nexport type SubtreeContextValue = {\n contextType: 'subtree';\n level: number;\n};\n\n/*\n @internal\n /\nconst defaultSubTreeContextValue: SubtreeContextValue = {\n level: 0,\n contextType: 'subtree',\n};\n\n/\n @internal\n */\nexport const SubtreeContext: React.Context<SubtreeContextValue> = React.createContext<SubtreeContextValue \| undefined>(\n undefined,\n) as React.Context<SubtreeContextValue>;\n\nexport const useSubtreeContext_unstable = () => {\n return React.useContext(SubtreeContext) ?? defaultSubTreeContextValue;\n};\n"],"names":["React","defaultSubTreeContextValue","level","contextType","SubtreeContext","createContext","undefined","useSubtreeContext_unstable","useContext"],"mappings":";;;;;;;;;;;IAkBaI,cAAAA;;;8BAIAG;;;;;iEAtBU,QAAQ;AAO/B;;CAEC,GACD,MAAMN,6BAAkD;IACtDC,OAAO;IACPC,aAAa;AACf;AAKO,qCAA2DH,OAAMK,aAAa,CACnFC,WACsC;AAEjC,MAAMC,6BAA6B;QACjCP;IAAP,OAAOA,CAAAA,oBAAAA,OAAMQ,UAAU,CAACJ,eAAAA,MAAAA,QAAjBJ,sBAAAA,KAAAA,IAAAA,oBAAoCC;AAC7C,EAAE"}

package/lib-commonjs/contexts/treeContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/contexts/treeContext.ts"],"sourcesContent":["import { Context, ContextSelector, createContext, useContextSelector } from '@fluentui/react-context-selector';\nimport { TreeItemType, TreeItemValue } from '../TreeItem';\nimport type { SelectionMode, DistributiveOmit } from '@fluentui/react-utilities';\nimport { ImmutableSet } from '../utils/ImmutableSet';\nimport { ImmutableMap } from '../utils/ImmutableMap';\nimport { TreeCheckedChangeData, TreeNavigationData_unstable, TreeOpenChangeData } from '../Tree';\n\nexport type TreeContextValue = {\n contextType?: 'root';\n level: number;\n treeType: 'nested' \| 'flat';\n selectionMode: 'none' \| SelectionMode;\n appearance: 'subtle' \| 'subtle-alpha' \| 'transparent';\n size: 'small' \| 'medium';\n openItems: ImmutableSet<TreeItemValue>;\n checkedItems: ImmutableMap<TreeItemValue, 'mixed' \| boolean>;\n /*\n requests root Tree component to respond to some tree item event,\n /\n requestTreeResponse(request: TreeItemRequest): void;\n // FIXME: this is only marked as optional to avoid breaking changes\n // it should always be provided internally\n forceUpdateRovingTabIndex?(): void;\n // FIXME: this is only marked as optional to avoid breaking changes\n // it should always be provided internally\n navigationMode?: 'tree' \| 'treegrid';\n};\n\nexport type TreeItemRequest = { itemType: TreeItemType } & (\n \| (DistributiveOmit<TreeOpenChangeData, 'openItems'> & { requestType: 'open' })\n \| (TreeNavigationData_unstable & { requestType: 'navigate' })\n \| (DistributiveOmit<TreeCheckedChangeData, 'selectionMode' \| 'checkedItems'> & { requestType: 'selection' })\n);\n\n/\n @internal\n /\nconst defaultTreeContextValue: TreeContextValue = {\n level: 0,\n contextType: 'root',\n treeType: 'nested',\n selectionMode: 'none',\n openItems: ImmutableSet.empty,\n checkedItems: ImmutableMap.empty,\n requestTreeResponse: noop,\n forceUpdateRovingTabIndex: noop,\n appearance: 'subtle',\n size: 'medium',\n navigationMode: 'tree',\n};\n\nfunction noop() {\n / noop /\n}\n\n/\n @internal\n */\nexport const TreeContext: Context<TreeContextValue> = createContext<TreeContextValue \| undefined>(\n undefined,\n) as Context<TreeContextValue>;\n\nexport const useTreeContext_unstable = <T>(selector: ContextSelector<TreeContextValue, T>): T =>\n useContextSelector(TreeContext, (ctx = defaultTreeContextValue) => selector(ctx));\n"],"names":["~~TreeContext~~","~~useTreeContext_unstable~~","defaultTreeContextValue","level","contextType","treeType","selectionMode","openItems","~~ImmutableSet","~~empty","checkedItems","~~ImmutableMap","~~requestTreeResponse","noop","forceUpdateRovingTabIndex","appearance","size","navigationMode","~~createContext~~","undefined","~~selector~~","~~useContextSelector~~","ctx"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","~~mappings":";;;;;;;;;;;~~IA0DaA,WAAAA;eAAAA;;IAIAC,uBAAAA;eAAAA~~;;;sCA9D+D;~~8BAG/C~~;~~8BACA~~;~~AA8B7B~~;;CAEC,GACD,~~MAAMC~~,0BAA4C;IAChDC,OAAO;IACPC,aAAa;IACbC,UAAU;IACVC,eAAe;IACfC,~~WAAWC~~,0BAAAA,~~CAAaC~~,KAAK;IAC7BC,~~cAAcC~~,0BAAAA,~~CAAaF~~,KAAK;~~IAChCG~~,qBAAqBC;IACrBC,2BAA2BD;IAC3BE,YAAY;IACZC,MAAM;IACNC,gBAAgB;AAClB;AAEA,SAASJ;AACP,QAAQ,GACV;AAKO,~~MAAMb~~,~~cAAyCkB~~,~~IAAAA,~~mCAAAA,~~EACpDC~~;~~AAGK~~,~~MAAMlB~~,0BAA0B,~~CAAImB~~,~~WACzCC~~,~~IAAAA,~~wCAAAA,~~EAAmBrB~~,aAAa,~~CAACsB~~,~~MAAMpB~~,uBAAuB,~~GAAKkB~~,~~SAASE~~"}
1	+ {"version":3,"sources":["../src/contexts/treeContext.ts"],"sourcesContent":["import { Context, ContextSelector, createContext, useContextSelector } from '@fluentui/react-context-selector';\nimport { TreeItemType, TreeItemValue } from '../TreeItem';\nimport type { SelectionMode, DistributiveOmit } from '@fluentui/react-utilities';\nimport { ImmutableSet } from '../utils/ImmutableSet';\nimport { ImmutableMap } from '../utils/ImmutableMap';\nimport { TreeCheckedChangeData, TreeNavigationData_unstable, TreeOpenChangeData } from '../Tree';\n\nexport type TreeContextValue = {\n contextType?: 'root';\n level: number;\n treeType: 'nested' \| 'flat';\n selectionMode: 'none' \| SelectionMode;\n appearance: 'subtle' \| 'subtle-alpha' \| 'transparent';\n size: 'small' \| 'medium';\n openItems: ImmutableSet<TreeItemValue>;\n checkedItems: ImmutableMap<TreeItemValue, 'mixed' \| boolean>;\n /*\n requests root Tree component to respond to some tree item event,\n /\n requestTreeResponse(request: TreeItemRequest): void;\n // FIXME: this is only marked as optional to avoid breaking changes\n // it should always be provided internally\n forceUpdateRovingTabIndex?(): void;\n // FIXME: this is only marked as optional to avoid breaking changes\n // it should always be provided internally\n navigationMode?: 'tree' \| 'treegrid';\n};\n\nexport type TreeItemRequest = { itemType: TreeItemType } & (\n \| (DistributiveOmit<TreeOpenChangeData, 'openItems'> & { requestType: 'open' })\n \| (TreeNavigationData_unstable & { requestType: 'navigate' })\n \| (DistributiveOmit<TreeCheckedChangeData, 'selectionMode' \| 'checkedItems'> & { requestType: 'selection' })\n);\n\n/\n @internal\n /\nconst defaultTreeContextValue: TreeContextValue = {\n level: 0,\n contextType: 'root',\n treeType: 'nested',\n selectionMode: 'none',\n openItems: ImmutableSet.empty,\n checkedItems: ImmutableMap.empty,\n requestTreeResponse: noop,\n forceUpdateRovingTabIndex: noop,\n appearance: 'subtle',\n size: 'medium',\n navigationMode: 'tree',\n};\n\nfunction noop() {\n / noop /\n}\n\n/\n @internal\n */\nexport const TreeContext: Context<TreeContextValue> = createContext<TreeContextValue \| undefined>(\n undefined,\n) as Context<TreeContextValue>;\n\nexport const useTreeContext_unstable = <T>(selector: ContextSelector<TreeContextValue, T>): T =>\n useContextSelector(TreeContext, (ctx = defaultTreeContextValue) => selector(ctx));\n"],"names":["createContext","useContextSelector","ImmutableSet","ImmutableMap","defaultTreeContextValue","level","contextType","treeType","selectionMode","openItems","empty","checkedItems","requestTreeResponse","noop","forceUpdateRovingTabIndex","appearance","size","navigationMode","TreeContext","undefined","useTreeContext_unstable","selector","ctx"],"mappings":";;;;;;;;;;;eA0DakB;;;2BAIAE;;;;sCA9D+D,mCAAmC;8BAGlF,wBAAwB;8BACxB,wBAAwB;AA8BrD;;CAEC,GACD,MAAMhB,0BAA4C;IAChDC,OAAO;IACPC,aAAa;IACbC,UAAU;IACVC,eAAe;IACfC,WAAWP,0BAAAA,CAAaQ,KAAK;IAC7BC,cAAcR,0BAAAA,CAAaO,KAAK;IAChCE,qBAAqBC;IACrBC,2BAA2BD;IAC3BE,YAAY;IACZC,MAAM;IACNC,gBAAgB;AAClB;AAEA,SAASJ;AACP,QAAQ,GACV;AAKO,MAAMK,kBAAyClB,mCAAAA,EACpDmB,WAC6B;AAExB,MAAMC,0BAA0B,CAAIC,eACzCpB,wCAAAA,EAAmBiB,aAAa,CAACI,MAAMlB,uBAAuB,GAAKiB,SAASC,MAAM"}

package/lib-commonjs/contexts/treeItemContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/contexts/treeItemContext.ts"],"sourcesContent":["import * as React from 'react';\nimport { Context, ContextSelector, createContext, useContextSelector } from '@fluentui/react-context-selector';\nimport type { TreeItemType, TreeItemValue } from '../TreeItem';\nimport { headlessTreeRootId } from '../utils/createHeadlessTree';\nimport { TreeSelectionValue } from '../Tree';\n\nexport type TreeItemContextValue = {\n /*\n @deprecated - this value is irrelevant for the tree item\n /\n isActionsVisible: boolean;\n /\n @deprecated - this value is irrelevant for the tree item\n */\n isAsideVisible: boolean;\n selectionRef: React.Ref<HTMLInputElement>;\n actionsRef: React.Ref<HTMLDivElement>;\n expandIconRef: React.Ref<HTMLDivElement>;\n layoutRef: React.Ref<HTMLDivElement>;\n // FIXME: this should be React.RefObject<HTMLDivElement>,\n // but as it would be a breaking change, we need to keep it as is for now\n subtreeRef: React.Ref<HTMLDivElement>;\n // FIXME: this is only marked as optional to avoid breaking changes\n // it should always be provided internally\n treeItemRef?: React.RefObject<HTMLDivElement>;\n itemType: TreeItemType;\n value: TreeItemValue;\n open: boolean;\n checked: TreeSelectionValue;\n};\n\nconst defaultContextValue: TreeItemContextValue = {\n value: headlessTreeRootId,\n selectionRef: React.createRef(),\n layoutRef: React.createRef(),\n treeItemRef: React.createRef(),\n subtreeRef: React.createRef(),\n actionsRef: React.createRef(),\n expandIconRef: React.createRef(),\n isActionsVisible: false,\n isAsideVisible: false,\n itemType: 'leaf',\n open: false,\n checked: false,\n};\n\nconst TreeItemContext: Context<TreeItemContextValue \| undefined> = createContext<TreeItemContextValue \| undefined>(\n undefined,\n);\n\nexport const { Provider: TreeItemProvider } = TreeItemContext;\nexport const useTreeItemContext_unstable = <T>(selector: ContextSelector<TreeItemContextValue, T>): T =>\n useContextSelector(TreeItemContext, (ctx = defaultContextValue) => selector(ctx));\n"],"names":["~~TreeItemProvider~~","~~useTreeItemContext_unstable~~","~~defaultContextValue~~","~~value~~","~~headlessTreeRootId~~","~~selectionRef~~","~~React~~","createRef","layoutRef","treeItemRef","subtreeRef","actionsRef","expandIconRef","isActionsVisible","isAsideVisible","itemType","open","checked","TreeItemContext","~~createContext~~","~~undefined~~","~~Provider~~","~~selector~~","~~useContextSelector~~","ctx"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","~~mappings":"~~;;;;;;;;;;;IAkDyBA~~,~~gBAAgB~~;~~eAAhBA;;IACZC~~,~~2BAAAA~~;~~eAAAA;;;;iEAnDU~~;~~sCACqD;oCAEzC;AA4BnC~~,~~MAAMC~~,sBAA4C;IAChDC,~~OAAOC~~,sCAAAA;~~IACPC~~,~~4BAAcC~~,~~OAAMC~~,SAAS;IAC7BC,~~yBAAWF~~,~~OAAMC~~,SAAS;IAC1BE,~~2BAAaH~~,~~OAAMC~~,SAAS;IAC5BG,~~0BAAYJ~~,~~OAAMC~~,SAAS;IAC3BI,~~0BAAYL~~,~~OAAMC~~,SAAS;IAC3BK,~~6BAAeN~~,~~OAAMC~~,SAAS;IAC9BM,kBAAkB;IAClBC,gBAAgB;IAChBC,UAAU;IACVC,MAAM;IACNC,SAAS;AACX;AAEA,MAAMC,~~kBAA6DC~~,~~IAAAA,~~mCAAAA,~~EACjEC~~;AAGK,MAAM,EAAEC,~~UAAUrB~~,gBAAgB,EAAE,~~GAAGkB~~;~~AACvC~~,~~MAAMjB~~,8BAA8B,~~CAAIqB~~,~~WAC7CC~~,~~IAAAA,~~wCAAAA,~~EAAmBL~~,iBAAiB,CAACM,~~MAAMtB~~,mBAAmB,~~GAAKoB~~,~~SAASE~~"}
1	+ {"version":3,"sources":["../src/contexts/treeItemContext.ts"],"sourcesContent":["import * as React from 'react';\nimport { Context, ContextSelector, createContext, useContextSelector } from '@fluentui/react-context-selector';\nimport type { TreeItemType, TreeItemValue } from '../TreeItem';\nimport { headlessTreeRootId } from '../utils/createHeadlessTree';\nimport { TreeSelectionValue } from '../Tree';\n\nexport type TreeItemContextValue = {\n /*\n @deprecated - this value is irrelevant for the tree item\n /\n isActionsVisible: boolean;\n /\n @deprecated - this value is irrelevant for the tree item\n */\n isAsideVisible: boolean;\n selectionRef: React.Ref<HTMLInputElement>;\n actionsRef: React.Ref<HTMLDivElement>;\n expandIconRef: React.Ref<HTMLDivElement>;\n layoutRef: React.Ref<HTMLDivElement>;\n // FIXME: this should be React.RefObject<HTMLDivElement>,\n // but as it would be a breaking change, we need to keep it as is for now\n subtreeRef: React.Ref<HTMLDivElement>;\n // FIXME: this is only marked as optional to avoid breaking changes\n // it should always be provided internally\n treeItemRef?: React.RefObject<HTMLDivElement>;\n itemType: TreeItemType;\n value: TreeItemValue;\n open: boolean;\n checked: TreeSelectionValue;\n};\n\nconst defaultContextValue: TreeItemContextValue = {\n value: headlessTreeRootId,\n selectionRef: React.createRef(),\n layoutRef: React.createRef(),\n treeItemRef: React.createRef(),\n subtreeRef: React.createRef(),\n actionsRef: React.createRef(),\n expandIconRef: React.createRef(),\n isActionsVisible: false,\n isAsideVisible: false,\n itemType: 'leaf',\n open: false,\n checked: false,\n};\n\nconst TreeItemContext: Context<TreeItemContextValue \| undefined> = createContext<TreeItemContextValue \| undefined>(\n undefined,\n);\n\nexport const { Provider: TreeItemProvider } = TreeItemContext;\nexport const useTreeItemContext_unstable = <T>(selector: ContextSelector<TreeItemContextValue, T>): T =>\n useContextSelector(TreeItemContext, (ctx = defaultContextValue) => selector(ctx));\n"],"names":["React","createContext","useContextSelector","headlessTreeRootId","defaultContextValue","value","selectionRef","createRef","layoutRef","treeItemRef","subtreeRef","actionsRef","expandIconRef","isActionsVisible","isAsideVisible","itemType","open","checked","TreeItemContext","undefined","Provider","TreeItemProvider","useTreeItemContext_unstable","selector","ctx"],"mappings":";;;;;;;;;;;;;;+BAmDasB;;;;;iEAnDU,QAAQ;sCAC6C,mCAAmC;oCAE5E,8BAA8B;AA4BjE,MAAMlB,sBAA4C;IAChDC,OAAOF,sCAAAA;IACPG,4BAAcN,OAAMO,SAAS;IAC7BC,yBAAWR,OAAMO,SAAS;IAC1BE,2BAAaT,OAAMO,SAAS;IAC5BG,0BAAYV,OAAMO,SAAS;IAC3BI,0BAAYX,OAAMO,SAAS;IAC3BK,6BAAeZ,OAAMO,SAAS;IAC9BM,kBAAkB;IAClBC,gBAAgB;IAChBC,UAAU;IACVC,MAAM;IACNC,SAAS;AACX;AAEA,MAAMC,sBAA6DjB,mCAAAA,EACjEkB;AAGK,MAAM,EAAEC,UAAUC,gBAAgB,EAAE,GAAGH,gBAAgB;AACvD,MAAMI,8BAA8B,CAAIC,eAC7CrB,wCAAAA,EAAmBgB,iBAAiB,CAACM,MAAMpB,mBAAmB,GAAKmB,SAASC,MAAM"}

package/lib-commonjs/hooks/useControllableOpenItems.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/hooks/useControllableOpenItems.ts"],"sourcesContent":["import { useControllableState } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport { ImmutableSet } from '../utils/ImmutableSet';\nimport type { TreeItemValue } from '../components/TreeItem/TreeItem.types';\nimport { TreeOpenChangeData, TreeProps } from '../Tree';\n\n/*\n @internal\n /\nexport function useControllableOpenItems(props: Pick<TreeProps, 'openItems' \| 'defaultOpenItems'>) {\n return useControllableState({\n state: React.useMemo(() => props.openItems && ImmutableSet.from(props.openItems), [props.openItems]),\n defaultState: props.defaultOpenItems && (() => ImmutableSet.from(props.defaultOpenItems)),\n initialState: ImmutableSet.empty,\n });\n}\n\n/\n @internal\n */\nexport function createNextOpenItems(\n data: Pick<TreeOpenChangeData, 'value' \| 'open'>,\n previousOpenItems: ImmutableSet<TreeItemValue>,\n): ImmutableSet<TreeItemValue> {\n return data.open ? previousOpenItems.add(data.value) : previousOpenItems.delete(data.value);\n}\n"],"names":["~~createNextOpenItems~~","~~useControllableOpenItems~~","~~props~~","~~useControllableState~~","~~state~~","~~React~~","useMemo","openItems","~~ImmutableSet","~~from","defaultState","defaultOpenItems","initialState","empty","data","previousOpenItems","open","add","value","delete"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","~~mappings":";;;;;;;;;;;~~IAoBgBA~~,~~mBAAAA;eAAAA;;IAXAC,~~wBAAAA~~;eAAAA;;;;~~gCATqB;~~iEACd~~;~~8BACM~~;~~AAOtB~~,~~SAASA~~,~~yBAAyBC,~~KAAwD;IAC/F,~~OAAOC~~,~~IAAAA,~~oCAAAA,EAAqB;~~QAC1BC~~,~~OAAOC~~,~~OAAMC~~,OAAO,CAAC,~~IAAMJ~~,~~MAAMK~~,SAAS,~~IAAIC~~,0BAAAA,~~CAAaC~~,IAAI,~~CAACP~~,~~MAAMK~~,SAAS,GAAG;~~YAACL~~,~~MAAMK~~,SAAS;SAAC;~~QACnGG~~,~~cAAcR~~,~~MAAMS~~,gBAAgB,IAAK,~~CAAA~~,~~IAAMH,~~0BAAAA,~~CAAaC~~,IAAI,~~CAACP~~,~~MAAMS~~,~~gBAAgB~~,CAAA;QACvFC,~~cAAcJ~~,0BAAAA,~~CAAaK~~,KAAK;IAClC;AACF;AAKO,~~SAASb~~,~~oBACdc~~,IAAgD,EAChDC,iBAA8C;IAE9C,OAAOD,KAAKE,IAAI,GAAGD,kBAAkBE,GAAG,CAACH,KAAKI,KAAK,IAAIH,kBAAkBI,MAAM,CAACL,KAAKI,KAAK;AAC5F"}
1	+ {"version":3,"sources":["../src/hooks/useControllableOpenItems.ts"],"sourcesContent":["import { useControllableState } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport { ImmutableSet } from '../utils/ImmutableSet';\nimport type { TreeItemValue } from '../components/TreeItem/TreeItem.types';\nimport { TreeOpenChangeData, TreeProps } from '../Tree';\n\n/*\n @internal\n /\nexport function useControllableOpenItems(props: Pick<TreeProps, 'openItems' \| 'defaultOpenItems'>) {\n return useControllableState({\n state: React.useMemo(() => props.openItems && ImmutableSet.from(props.openItems), [props.openItems]),\n defaultState: props.defaultOpenItems && (() => ImmutableSet.from(props.defaultOpenItems)),\n initialState: ImmutableSet.empty,\n });\n}\n\n/\n @internal\n */\nexport function createNextOpenItems(\n data: Pick<TreeOpenChangeData, 'value' \| 'open'>,\n previousOpenItems: ImmutableSet<TreeItemValue>,\n): ImmutableSet<TreeItemValue> {\n return data.open ? previousOpenItems.add(data.value) : previousOpenItems.delete(data.value);\n}\n"],"names":["useControllableState","React","ImmutableSet","useControllableOpenItems","props","state","useMemo","openItems","from","defaultState","defaultOpenItems","initialState","empty","createNextOpenItems","data","previousOpenItems","open","add","value","delete"],"mappings":";;;;;;;;;;;uBAoBgBa;;;IAXAV,wBAAAA;;;;;gCATqB,4BAA4B;iEAC1C,QAAQ;8BACF,wBAAwB;AAO9C,kCAAkCC,KAAwD;IAC/F,WAAOJ,oCAAAA,EAAqB;QAC1BK,OAAOJ,OAAMK,OAAO,CAAC,IAAMF,MAAMG,SAAS,IAAIL,0BAAAA,CAAaM,IAAI,CAACJ,MAAMG,SAAS,GAAG;YAACH,MAAMG,SAAS;SAAC;QACnGE,cAAcL,MAAMM,gBAAgB,IAAK,KAAMR,0BAAAA,CAAaM,IAAI,CAACJ,MAAMM,iBAAgB,CAAA;QACvFC,cAAcT,0BAAAA,CAAaU,KAAK;IAClC;AACF;AAKO,SAASC,oBACdC,IAAgD,EAChDC,iBAA8C;IAE9C,OAAOD,KAAKE,IAAI,GAAGD,kBAAkBE,GAAG,CAACH,KAAKI,KAAK,IAAIH,kBAAkBI,MAAM,CAACL,KAAKI,KAAK;AAC5F"}

package/lib-commonjs/hooks/useFlatTreeNavigation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/hooks/useFlatTreeNavigation.ts"],"sourcesContent":["import { useEventCallback, useMergedRefs } from '@fluentui/react-utilities';\nimport { TreeNavigationData_unstable } from '../Tree';\nimport { nextTypeAheadElement } from '../utils/nextTypeAheadElement';\nimport { treeDataTypes } from '../utils/tokens';\nimport { useRovingTabIndex } from './useRovingTabIndexes';\nimport { HTMLElementWalker } from '../utils/createHTMLElementWalker';\nimport { TreeItemValue } from '../TreeItem';\nimport { dataTreeItemValueAttrName } from '../utils/getTreeItemValueFromElement';\nimport * as React from 'react';\nimport { useHTMLElementWalkerRef } from './useHTMLElementWalkerRef';\nimport { TreeNavigationMode } from '../components/Tree/Tree.types';\nimport { useFocusFinders } from '@fluentui/react-tabster';\nimport { treeItemLayoutClassNames } from '../TreeItemLayout';\n\nexport function useFlatTreeNavigation(navigationMode: TreeNavigationMode = 'tree') {\n 'use no memo';\n\n const { walkerRef, rootRef: walkerRootRef } = useHTMLElementWalkerRef();\n const { rove, forceUpdate: forceUpdateRovingTabIndex, initialize: initializeRovingTabIndex } = useRovingTabIndex();\n const { findFirstFocusable } = useFocusFinders();\n\n const rootRefCallback: React.RefCallback<HTMLElement> = React.useCallback(\n root => {\n if (walkerRef.current && root) {\n initializeRovingTabIndex(walkerRef.current);\n }\n },\n [initializeRovingTabIndex, walkerRef],\n );\n\n function getNextElement(data: TreeNavigationData_unstable) {\n if (!walkerRef.current) {\n return null;\n }\n switch (data.type) {\n case treeDataTypes.Click:\n return data.target;\n case treeDataTypes.TypeAhead:\n walkerRef.current.currentElement = data.target;\n return nextTypeAheadElement(walkerRef.current, data.event.key);\n case treeDataTypes.ArrowLeft: {\n const actions = queryActions(data.target);\n if (navigationMode === 'treegrid' && actions?.contains(data.target.ownerDocument.activeElement)) {\n return data.target;\n }\n const nextElement = parentElement(data.parentValue, walkerRef.current);\n if (!nextElement && process.env.NODE_ENV !== 'production') {\n // eslint-disable-next-line no-console\n console.warn(\n /* #__DE-INDENT__ / `\n @fluentui/react-tree [useFlatTreeNavigation]:\n \\'ArrowLeft\\' navigation was not possible.\n No parent element found for the current element:\n `,\n data.target,\n );\n }\n return nextElement;\n }\n case treeDataTypes.ArrowRight: {\n if (navigationMode === 'treegrid') {\n const actions = queryActions(data.target);\n if (actions) {\n findFirstFocusable(actions)?.focus();\n }\n return null;\n }\n walkerRef.current.currentElement = data.target;\n const nextElement = firstChild(data.target, walkerRef.current);\n if (!nextElement && process.env.NODE_ENV !== 'production') {\n const ariaLevel = Number(data.target.getAttribute('aria-level'));\n // eslint-disable-next-line no-console\n console.warn(\n / #__DE-INDENT__ */ `\n @fluentui/react-tree [useFlatTreeNavigation]:\n \\'ArrowRight\\' navigation was not possible.\n No element with \"aria-posinset=1\" and \"aria-level=${ariaLevel + 1}\"\n was found after the current element!\n `,\n data.target,\n );\n }\n return nextElement;\n }\n case treeDataTypes.End:\n walkerRef.current.currentElement = walkerRef.current.root;\n return walkerRef.current.lastChild();\n case treeDataTypes.Home:\n walkerRef.current.currentElement = walkerRef.current.root;\n return walkerRef.current.firstChild();\n case treeDataTypes.ArrowDown:\n walkerRef.current.currentElement = data.target;\n return walkerRef.current.nextElement();\n case treeDataTypes.ArrowUp:\n walkerRef.current.currentElement = data.target;\n return walkerRef.current.previousElement();\n }\n }\n const navigate = useEventCallback((data: TreeNavigationData_unstable) => {\n const nextElement = getNextElement(data);\n if (nextElement) {\n rove(nextElement);\n }\n });\n return {\n navigate,\n rootRef: useMergedRefs<HTMLDivElement>(walkerRootRef, rootRefCallback),\n forceUpdateRovingTabIndex,\n } as const;\n}\n\nfunction firstChild(target: HTMLElement, treeWalker: HTMLElementWalker): HTMLElement \| null {\n const nextElement = treeWalker.nextElement();\n if (!nextElement) {\n return null;\n }\n const nextElementAriaPosInSet = nextElement.getAttribute('aria-posinset');\n const nextElementAriaLevel = nextElement.getAttribute('aria-level');\n const targetAriaLevel = target.getAttribute('aria-level');\n if (nextElementAriaPosInSet === '1' && Number(nextElementAriaLevel) === Number(targetAriaLevel) + 1) {\n return nextElement;\n }\n return null;\n}\n\nfunction parentElement(parentValue: TreeItemValue \| undefined, treeWalker: HTMLElementWalker) {\n if (parentValue === undefined) {\n return null;\n }\n return treeWalker.root.querySelector<HTMLElement>(`[${dataTreeItemValueAttrName}=\"${parentValue}\"]`);\n}\n\nconst queryActions = (target: HTMLElement) =>\n target.querySelector<HTMLElement>(\n `:scope > .${treeItemLayoutClassNames.root} > .${treeItemLayoutClassNames.actions}`,\n );\n"],"names":["~~useFlatTreeNavigation~~","~~navigationMode~~","~~walkerRef~~","~~rootRef~~","~~walkerRootRef~~","useHTMLElementWalkerRef","~~rove~~","~~forceUpdate~~","~~forceUpdateRovingTabIndex~~","~~initialize~~","~~initializeRovingTabIndex~~","~~useRovingTabIndex~~","~~findFirstFocusable~~","~~useFocusFinders~~","~~rootRefCallback~~","~~React~~","useCallback","root","current","getNextElement","data","type","~~treeDataTypes","~~Click","target","TypeAhead","currentElement","~~nextTypeAheadElement","~~event","key","ArrowLeft","actions","queryActions","contains","ownerDocument","activeElement","nextElement","parentElement","parentValue","process","env","NODE_ENV","console","warn","ArrowRight","focus","firstChild","ariaLevel","Number","getAttribute","End","lastChild","Home","ArrowDown","ArrowUp","previousElement","navigate","~~useEventCallback","useMergedRefs","~~treeWalker","nextElementAriaPosInSet","nextElementAriaLevel","targetAriaLevel","undefined","querySelector"~~,"dataTreeItemValueAttrName","treeItemLayoutClassNames"~~],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","~~mappings":";;;;+~~BAcgBA;;;eAAAA;;;;~~gCAdgC;~~sCAEX~~;~~wBACP~~;~~qCACI~~;~~6CAGQ~~;~~iEACnB~~;~~yCACiB~~;~~8BAER~~;~~gCACS~~;~~AAElC~~,~~SAASA,sBAAsBC,~~iBAAqC,MAAM;IAC/E;IAEA,MAAM,EAAEC,SAAS,EAAEC,SAASC,aAAa,EAAE,~~GAAGC~~,~~IAAAA,~~gDAAAA;IAC9C,MAAM,~~EAAEC~~,IAAI,EAAEC,aAAaC,yBAAyB,EAAEC,YAAYC,wBAAwB,EAAE,~~GAAGC~~,~~IAAAA,~~sCAAAA;IAC/F,MAAM,~~EAAEC~~,kBAAkB,EAAE,~~GAAGC~~,~~IAAAA,~~6BAAAA;IAE/B,~~MAAMC~~,~~kBAAkDC~~,~~OAAMC~~,WAAW,CACvEC,CAAAA;QACE,~~IAAIf~~,~~UAAUgB~~,OAAO,IAAID,MAAM;~~YAC7BP~~,~~yBAAyBR~~,~~UAAUgB~~,OAAO;QAC5C;IACF,GACA;~~QAACR~~;~~QAA0BR~~;KAAU;IAGvC,~~SAASiB~~,eAAeC,IAAiC;QACvD,IAAI,~~CAAClB~~,~~UAAUgB~~,OAAO,EAAE;YACtB,OAAO;QACT;QACA,OAAQE,KAAKC,IAAI;YACf,~~KAAKC~~,qBAAAA,~~CAAcC~~,KAAK;gBACtB,~~OAAOH~~,~~KAAKI~~,MAAM;YACpB,~~KAAKF~~,qBAAAA,~~CAAcG~~,SAAS;~~gBAC1BvB~~,~~UAAUgB~~,OAAO,~~CAACQ~~,cAAc,~~GAAGN~~,~~KAAKI~~,MAAM;gBAC9C,~~OAAOG~~,~~IAAAA,~~0CAAAA,~~EAAqBzB~~,~~UAAUgB~~,OAAO,EAAEE,~~KAAKQ~~,KAAK,CAACC,GAAG;YAC/D,~~KAAKP~~,qBAAAA,~~CAAcQ~~,SAAS;gBAAE;oBAC5B,MAAMC,UAAUC,~~aAAaZ~~,~~KAAKI~~,MAAM;oBACxC,~~IAAIvB~~,mBAAmB,~~cAAc8B~~,~~CAAAA,~~YAAAA,QAAAA,YAAAA,KAAAA,IAAAA,KAAAA,IAAAA,QAASE,QAAQ,~~CAACb~~,~~KAAKI~~,MAAM,~~CAACU~~,aAAa,CAACC,aAAa,~~CAAA,GAAG~~;wBAC/F,~~OAAOf~~,~~KAAKI~~,MAAM;oBACpB;oBACA,~~MAAMY~~,cAAcC,~~cAAcjB~~,~~KAAKkB~~,WAAW,~~EAAEpC~~,~~UAAUgB~~,OAAO;oBACrE,IAAI,~~CAACkB~~,eAAeG,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;wBACzD,sCAAsC;wBACtCC,QAAQC,IAAI,CACW,CAAC;;gDAIxB,CAAC,~~EACCvB~~,~~KAAKI~~,MAAM;oBAEf;oBACA,~~OAAOY~~;gBACT;YACA,~~KAAKd~~,qBAAAA,~~CAAcsB~~,UAAU;gBAAE;oBAC7B,~~IAAI3C~~,mBAAmB,YAAY;wBACjC,~~MAAM8B~~,UAAUC,~~aAAaZ~~,~~KAAKI~~,MAAM;wBACxC,~~IAAIO~~,SAAS;~~gCACXnB~~;~~4BAAAA~~,~~CAAAA,~~sBAAAA,~~mBAAmBmB~~,QAAAA,MAAAA,~~QAAnBnB~~,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,~~oBAA6BiC~~,KAAK;wBACpC;wBACA,OAAO;oBACT;~~oBACA3C~~,~~UAAUgB~~,OAAO,~~CAACQ~~,cAAc,~~GAAGN~~,~~KAAKI~~,MAAM;oBAC9C,~~MAAMY~~,cAAcU,~~WAAW1B~~,~~KAAKI~~,MAAM,~~EAAEtB~~,~~UAAUgB~~,OAAO;oBAC7D,IAAI,~~CAACkB~~,eAAeG,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;wBACzD,MAAMM,YAAYC,~~OAAO5B~~,~~KAAKI~~,MAAM,~~CAACyB~~,YAAY,CAAC;wBAClD,sCAAsC;wBACtCP,QAAQC,IAAI,CACW,CAAC;;kDAG4B,EAAEI,YAAY,EAAE;oCAEpE,CAAC,~~EACC3B~~,~~KAAKI~~,MAAM;oBAEf;oBACA,~~OAAOY~~;gBACT;YACA,~~KAAKd~~,qBAAAA,~~CAAc4B~~,GAAG;~~gBACpBhD~~,~~UAAUgB~~,OAAO,~~CAACQ~~,cAAc,~~GAAGxB~~,~~UAAUgB~~,OAAO,CAACD,IAAI;gBACzD,~~OAAOf~~,~~UAAUgB~~,OAAO,~~CAACiC~~,SAAS;YACpC,~~KAAK7B~~,qBAAAA,~~CAAc8B~~,IAAI;~~gBACrBlD~~,~~UAAUgB~~,OAAO,~~CAACQ~~,cAAc,~~GAAGxB~~,~~UAAUgB~~,OAAO,CAACD,IAAI;gBACzD,~~OAAOf~~,~~UAAUgB~~,OAAO,~~CAAC4B~~,UAAU;YACrC,~~KAAKxB~~,qBAAAA,~~CAAc+B~~,SAAS;~~gBAC1BnD~~,~~UAAUgB~~,OAAO,~~CAACQ~~,cAAc,~~GAAGN~~,~~KAAKI~~,MAAM;gBAC9C,~~OAAOtB~~,~~UAAUgB~~,OAAO,~~CAACkB~~,WAAW;YACtC,~~KAAKd~~,qBAAAA,~~CAAcgC~~,OAAO;~~gBACxBpD~~,~~UAAUgB~~,OAAO,~~CAACQ~~,cAAc,~~GAAGN~~,~~KAAKI~~,MAAM;gBAC9C,~~OAAOtB~~,~~UAAUgB~~,OAAO,~~CAACqC~~,eAAe;QAC5C;IACF;IACA,MAAMC,~~WAAWC~~,~~IAAAA,~~gCAAAA,EAAiB,~~CAACrC~~;QACjC,~~MAAMgB~~,~~cAAcjB~~,eAAeC;QACnC,~~IAAIgB~~,aAAa;~~YACf9B~~,~~KAAK8B~~;QACP;IACF;IACA,OAAO;QACLoB;~~QACArD~~,~~SAASuD~~,~~IAAAA,~~6BAAAA,~~EAA8BtD~~,~~eAAeU~~;~~QACtDN~~;IACF;AACF;AAEA,~~SAASsC~~,~~WAAWtB~~,MAAmB,~~EAAEmC~~,UAA6B;IACpE,~~MAAMvB~~,~~cAAcuB~~,~~WAAWvB~~,WAAW;IAC1C,IAAI,CAACA,aAAa;QAChB,OAAO;IACT;IACA,~~MAAMwB~~,~~0BAA0BxB~~,YAAYa,YAAY,CAAC;IACzD,~~MAAMY~~,~~uBAAuBzB~~,YAAYa,YAAY,CAAC;IACtD,~~MAAMa~~,~~kBAAkBtC~~,~~OAAOyB~~,YAAY,CAAC;IAC5C,~~IAAIW~~,4BAA4B,~~OAAOZ~~,~~OAAOa~~,~~0BAA0Bb~~,~~OAAOc~~,mBAAmB,GAAG;QACnG,~~OAAO1B~~;IACT;IACA,OAAO;AACT;AAEA,SAASC,cAAcC,WAAsC,~~EAAEqB~~,UAA6B;IAC1F,~~IAAIrB~~,~~gBAAgByB~~,WAAW;QAC7B,OAAO;IACT;IACA,OAAOJ,~~WAAW1C~~,IAAI,~~CAAC+C~~,aAAa,CAAc,CAAC,CAAC,~~EAAEC~~,sDAAAA,CAA0B,EAAE,~~EAAE3B~~,YAAY,EAAE,CAAC;AACrG;AAEA,MAAMN,eAAe,~~CAACR~~,SACpBA,~~OAAOwC~~,aAAa,CAClB,CAAC,UAAU,~~EAAEE~~,wCAAAA,~~CAAyBjD~~,IAAI,CAAC,IAAI,~~EAAEiD~~,wCAAAA,~~CAAyBnC~~,OAAO,~~CAAC,CAAC~~"}
1	+ {"version":3,"sources":["../src/hooks/useFlatTreeNavigation.ts"],"sourcesContent":["import { useEventCallback, useMergedRefs } from '@fluentui/react-utilities';\nimport { TreeNavigationData_unstable } from '../Tree';\nimport { nextTypeAheadElement } from '../utils/nextTypeAheadElement';\nimport { treeDataTypes } from '../utils/tokens';\nimport { useRovingTabIndex } from './useRovingTabIndexes';\nimport { HTMLElementWalker } from '../utils/createHTMLElementWalker';\nimport { TreeItemValue } from '../TreeItem';\nimport { dataTreeItemValueAttrName } from '../utils/getTreeItemValueFromElement';\nimport * as React from 'react';\nimport { useHTMLElementWalkerRef } from './useHTMLElementWalkerRef';\nimport { TreeNavigationMode } from '../components/Tree/Tree.types';\nimport { useFocusFinders } from '@fluentui/react-tabster';\nimport { treeItemLayoutClassNames } from '../TreeItemLayout';\n\nexport function useFlatTreeNavigation(navigationMode: TreeNavigationMode = 'tree') {\n 'use no memo';\n\n const { walkerRef, rootRef: walkerRootRef } = useHTMLElementWalkerRef();\n const { rove, forceUpdate: forceUpdateRovingTabIndex, initialize: initializeRovingTabIndex } = useRovingTabIndex();\n const { findFirstFocusable } = useFocusFinders();\n\n const rootRefCallback: React.RefCallback<HTMLElement> = React.useCallback(\n root => {\n if (walkerRef.current && root) {\n initializeRovingTabIndex(walkerRef.current);\n }\n },\n [initializeRovingTabIndex, walkerRef],\n );\n\n function getNextElement(data: TreeNavigationData_unstable) {\n if (!walkerRef.current) {\n return null;\n }\n switch (data.type) {\n case treeDataTypes.Click:\n return data.target;\n case treeDataTypes.TypeAhead:\n walkerRef.current.currentElement = data.target;\n return nextTypeAheadElement(walkerRef.current, data.event.key);\n case treeDataTypes.ArrowLeft: {\n const actions = queryActions(data.target);\n if (navigationMode === 'treegrid' && actions?.contains(data.target.ownerDocument.activeElement)) {\n return data.target;\n }\n const nextElement = parentElement(data.parentValue, walkerRef.current);\n if (!nextElement && process.env.NODE_ENV !== 'production') {\n // eslint-disable-next-line no-console\n console.warn(\n /* #__DE-INDENT__ / `\n @fluentui/react-tree [useFlatTreeNavigation]:\n \\'ArrowLeft\\' navigation was not possible.\n No parent element found for the current element:\n `,\n data.target,\n );\n }\n return nextElement;\n }\n case treeDataTypes.ArrowRight: {\n if (navigationMode === 'treegrid') {\n const actions = queryActions(data.target);\n if (actions) {\n findFirstFocusable(actions)?.focus();\n }\n return null;\n }\n walkerRef.current.currentElement = data.target;\n const nextElement = firstChild(data.target, walkerRef.current);\n if (!nextElement && process.env.NODE_ENV !== 'production') {\n const ariaLevel = Number(data.target.getAttribute('aria-level'));\n // eslint-disable-next-line no-console\n console.warn(\n / #__DE-INDENT__ */ `\n @fluentui/react-tree [useFlatTreeNavigation]:\n \\'ArrowRight\\' navigation was not possible.\n No element with \"aria-posinset=1\" and \"aria-level=${ariaLevel + 1}\"\n was found after the current element!\n `,\n data.target,\n );\n }\n return nextElement;\n }\n case treeDataTypes.End:\n walkerRef.current.currentElement = walkerRef.current.root;\n return walkerRef.current.lastChild();\n case treeDataTypes.Home:\n walkerRef.current.currentElement = walkerRef.current.root;\n return walkerRef.current.firstChild();\n case treeDataTypes.ArrowDown:\n walkerRef.current.currentElement = data.target;\n return walkerRef.current.nextElement();\n case treeDataTypes.ArrowUp:\n walkerRef.current.currentElement = data.target;\n return walkerRef.current.previousElement();\n }\n }\n const navigate = useEventCallback((data: TreeNavigationData_unstable) => {\n const nextElement = getNextElement(data);\n if (nextElement) {\n rove(nextElement);\n }\n });\n return {\n navigate,\n rootRef: useMergedRefs<HTMLDivElement>(walkerRootRef, rootRefCallback),\n forceUpdateRovingTabIndex,\n } as const;\n}\n\nfunction firstChild(target: HTMLElement, treeWalker: HTMLElementWalker): HTMLElement \| null {\n const nextElement = treeWalker.nextElement();\n if (!nextElement) {\n return null;\n }\n const nextElementAriaPosInSet = nextElement.getAttribute('aria-posinset');\n const nextElementAriaLevel = nextElement.getAttribute('aria-level');\n const targetAriaLevel = target.getAttribute('aria-level');\n if (nextElementAriaPosInSet === '1' && Number(nextElementAriaLevel) === Number(targetAriaLevel) + 1) {\n return nextElement;\n }\n return null;\n}\n\nfunction parentElement(parentValue: TreeItemValue \| undefined, treeWalker: HTMLElementWalker) {\n if (parentValue === undefined) {\n return null;\n }\n return treeWalker.root.querySelector<HTMLElement>(`[${dataTreeItemValueAttrName}=\"${parentValue}\"]`);\n}\n\nconst queryActions = (target: HTMLElement) =>\n target.querySelector<HTMLElement>(\n `:scope > .${treeItemLayoutClassNames.root} > .${treeItemLayoutClassNames.actions}`,\n );\n"],"names":["useEventCallback","useMergedRefs","nextTypeAheadElement","treeDataTypes","useRovingTabIndex","dataTreeItemValueAttrName","React","useHTMLElementWalkerRef","useFocusFinders","treeItemLayoutClassNames","useFlatTreeNavigation","navigationMode","walkerRef","rootRef","walkerRootRef","rove","forceUpdate","forceUpdateRovingTabIndex","initialize","initializeRovingTabIndex","findFirstFocusable","rootRefCallback","useCallback","root","current","getNextElement","data","type","Click","target","TypeAhead","currentElement","event","key","ArrowLeft","actions","queryActions","contains","ownerDocument","activeElement","nextElement","parentElement","parentValue","process","env","NODE_ENV","console","warn","ArrowRight","focus","firstChild","ariaLevel","Number","getAttribute","End","lastChild","Home","ArrowDown","ArrowUp","previousElement","navigate","treeWalker","nextElementAriaPosInSet","nextElementAriaLevel","targetAriaLevel","undefined","querySelector"],"mappings":"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"}

package/lib-commonjs/hooks/useHTMLElementWalkerRef.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/hooks/useHTMLElementWalkerRef.ts"],"sourcesContent":["import * as React from 'react';\nimport { useFluent_unstable } from '@fluentui/react-shared-contexts';\nimport { HTMLElementWalker, createHTMLElementWalker } from '../utils/createHTMLElementWalker';\nimport { treeItemFilter } from '../utils/treeItemFilter';\n\nexport function useHTMLElementWalkerRef() {\n const { targetDocument } = useFluent_unstable();\n\n const walkerRef = React.useRef<HTMLElementWalker>();\n\n const rootRef: React.Ref<HTMLElement> = React.useCallback(\n (root: HTMLElement) => {\n walkerRef.current =\n targetDocument && root ? createHTMLElementWalker(root, targetDocument, treeItemFilter) : undefined;\n },\n [targetDocument],\n );\n return { walkerRef, rootRef } as const;\n}\n"],"names":["~~useHTMLElementWalkerRef~~","~~targetDocument~~","~~useFluent_unstable~~","~~walkerRef~~","~~React~~","~~useRef~~","~~rootRef~~","~~useCallback~~","~~root~~","~~current~~","~~createHTMLElementWalker~~","~~treeItemFilter~~","undefined"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","~~mappings":";;;;+~~BAKgBA;;;eAAAA;;;;~~iEALO;~~qCACY~~;~~yCACwB~~;~~gCAC5B;AAExB~~,~~SAASA~~;~~IACd~~,MAAM,EAAEC,cAAc,EAAE,~~GAAGC~~,~~IAAAA,~~uCAAAA;IAE3B,~~MAAMC~~,~~YAAYC~~,~~OAAMC~~,MAAM;IAE9B,MAAMC,~~UAAkCF~~,~~OAAMG~~,WAAW,CACvD,CAACC;~~QACCL~~,~~UAAUM~~,OAAO,~~GACfR~~,~~kBAAkBO~~,~~OAAOE~~,~~IAAAA,~~gDAAAA,~~EAAwBF~~,~~MAAMP~~,~~gBAAgBU~~,8BAAAA,~~IAAkBC~~;IAC7F,GACA;~~QAACX~~;KAAe;IAElB,OAAO;~~QAAEE~~;~~QAAWG~~;IAAQ;AAC9B"}
1	+ {"version":3,"sources":["../src/hooks/useHTMLElementWalkerRef.ts"],"sourcesContent":["import * as React from 'react';\nimport { useFluent_unstable } from '@fluentui/react-shared-contexts';\nimport { HTMLElementWalker, createHTMLElementWalker } from '../utils/createHTMLElementWalker';\nimport { treeItemFilter } from '../utils/treeItemFilter';\n\nexport function useHTMLElementWalkerRef() {\n const { targetDocument } = useFluent_unstable();\n\n const walkerRef = React.useRef<HTMLElementWalker>();\n\n const rootRef: React.Ref<HTMLElement> = React.useCallback(\n (root: HTMLElement) => {\n walkerRef.current =\n targetDocument && root ? createHTMLElementWalker(root, targetDocument, treeItemFilter) : undefined;\n },\n [targetDocument],\n );\n return { walkerRef, rootRef } as const;\n}\n"],"names":["React","useFluent_unstable","createHTMLElementWalker","treeItemFilter","useHTMLElementWalkerRef","targetDocument","walkerRef","useRef","rootRef","useCallback","root","current","undefined"],"mappings":";;;;+BAKgBI;;;;;;;iEALO,QAAQ;qCACI,kCAAkC;yCACV,mCAAmC;gCAC/D,0BAA0B;AAElD;IACL,MAAM,EAAEC,cAAc,EAAE,OAAGJ,uCAAAA;IAE3B,MAAMK,YAAYN,OAAMO,MAAM;IAE9B,MAAMC,UAAkCR,OAAMS,WAAW,CACvD,CAACC;QACCJ,UAAUK,OAAO,GACfN,kBAAkBK,WAAOR,gDAAAA,EAAwBQ,MAAML,gBAAgBF,8BAAAA,IAAkBS;IAC7F,GACA;QAACP;KAAe;IAElB,OAAO;QAAEC;QAAWE;IAAQ;AAC9B"}

package/lib-commonjs/hooks/useRootTree.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/hooks/useRootTree.ts"],"sourcesContent":["import { getIntrinsicElementProps, useEventCallback, slot } from '@fluentui/react-utilities';\nimport type { TreeCheckedChangeData, TreeProps, TreeState } from '../Tree';\nimport * as React from 'react';\nimport { Collapse } from '@fluentui/react-motion-components-preview';\nimport { TreeContextValue, TreeItemRequest } from '../contexts/treeContext';\nimport { createCheckedItems } from '../utils/createCheckedItems';\nimport { treeDataTypes } from '../utils/tokens';\nimport { createNextOpenItems } from './useControllableOpenItems';\nimport { ImmutableSet } from '../utils/ImmutableSet';\nimport { ImmutableMap } from '../utils/ImmutableMap';\n\n/*\n Create the state required to render the root level tree.\n \n @param props - props from this instance of tree\n * @param ref - reference to root HTMLElement of tree\n /\nexport function useRootTree(\n props: TreeProps,\n ref: React.Ref<HTMLElement>,\n): Omit<TreeState & TreeContextValue, 'treeType'> {\n warnIfNoProperPropsRootTree(props);\n\n const { appearance = 'subtle', size = 'medium', selectionMode = 'none' } = props;\n\n const openItems = React.useMemo(() => ImmutableSet.from(props.openItems), [props.openItems]);\n const checkedItems = React.useMemo(() => createCheckedItems(props.checkedItems), [props.checkedItems]);\n\n const requestOpenChange = (request: Extract<TreeItemRequest, { requestType: 'open' }>) => {\n props.onOpenChange?.(request.event, {\n ...request,\n openItems: ImmutableSet.dangerouslyGetInternalSet(createNextOpenItems(request, openItems)),\n });\n };\n\n const requestCheckedChange = (request: Extract<TreeItemRequest, { requestType: 'selection' }>) => {\n if (selectionMode === 'none') {\n return;\n }\n props.onCheckedChange?.(request.event, {\n ...request,\n selectionMode,\n checkedItems: ImmutableMap.dangerouslyGetInternalMap(checkedItems),\n // Casting is required here due to selection \| multiselection spreading the union problem\n } as TreeCheckedChangeData);\n };\n\n const requestNavigation = (request: Extract<TreeItemRequest, { requestType: 'navigate' }>) => {\n let isScrollPrevented = false;\n props.onNavigation?.(request.event, {\n ...request,\n preventScroll: () => {\n isScrollPrevented = true;\n },\n isScrollPrevented: () => isScrollPrevented,\n });\n switch (request.type) {\n case treeDataTypes.ArrowDown:\n case treeDataTypes.ArrowUp:\n case treeDataTypes.Home:\n case treeDataTypes.End:\n // stop the default behavior of the event\n // which is to scroll the page\n request.event.preventDefault();\n }\n };\n\n const requestTreeResponse = useEventCallback((request: TreeItemRequest) => {\n switch (request.requestType) {\n case 'navigate':\n return requestNavigation(request);\n case 'open':\n return requestOpenChange(request);\n case 'selection':\n return requestCheckedChange(request);\n }\n });\n\n return {\n components: {\n root: 'div',\n collapseMotion: Collapse,\n },\n contextType: 'root',\n selectionMode,\n navigationMode: props.navigationMode ?? 'tree',\n open: true,\n appearance,\n size,\n level: 1,\n openItems,\n checkedItems,\n requestTreeResponse,\n forceUpdateRovingTabIndex: () => {\n // noop\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n // FIXME:\n // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`\n // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n ref: ref as React.Ref<HTMLDivElement>,\n role: 'tree',\n 'aria-multiselectable': selectionMode === 'multiselect' ? true : undefined,\n ...props,\n }),\n { elementType: 'div' },\n ),\n collapseMotion: undefined,\n };\n}\n\nfunction warnIfNoProperPropsRootTree(props: Pick<TreeProps, 'aria-label' \| 'aria-labelledby'>) {\n if (process.env.NODE_ENV === 'development') {\n if (!props['aria-label'] && !props['aria-labelledby']) {\n // eslint-disable-next-line no-console\n console.warn(/ #__DE-INDENT__ */ `\n @fluentui/react-tree [useRootTree]:\n Tree must have either a \\`aria-label\\` or \\`aria-labelledby\\` property defined\n `);\n }\n }\n}\n"],"names":["useRootTree","props","ref","warnIfNoProperPropsRootTree","appearance","size","selectionMode","openItems","~~React","~~useMemo","~~ImmutableSet","~~from","checkedItems","~~createCheckedItems","~~requestOpenChange","request","onOpenChange","event","dangerouslyGetInternalSet","~~createNextOpenItems","~~requestCheckedChange","onCheckedChange","~~ImmutableMap","~~dangerouslyGetInternalMap","requestNavigation","isScrollPrevented","onNavigation","preventScroll","type","~~treeDataTypes","~~ArrowDown","ArrowUp","Home","End","preventDefault","requestTreeResponse","~~useEventCallback","~~requestType","components","root","collapseMotion","~~Collapse","~~contextType","navigationMode","open","level","forceUpdateRovingTabIndex","~~slot","~~always","~~getIntrinsicElementProps","~~role","undefined","elementType","process","env","NODE_ENV","console","warn"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","~~mappings":";;;;+~~BAiBgBA;;;eAAAA;;;;~~gCAjBiD;~~iEAE1C~~;~~8CACE~~;~~oCAEU~~;~~wBACL~~;~~0CACM~~;~~8BACP~~;~~8BACA~~;~~AAQtB~~,~~SAASA~~,~~YACdC,~~KAAgB,EAChBC,GAA2B;IAE3BC,4BAA4BF;IAE5B,MAAM,EAAEG,aAAa,QAAQ,EAAEC,OAAO,QAAQ,EAAEC,gBAAgB,MAAM,EAAE,GAAGL;IAE3E,MAAMM,~~YAAYC~~,~~OAAMC~~,OAAO,CAAC,~~IAAMC~~,0BAAAA,~~CAAaC~~,IAAI,~~CAACV~~,MAAMM,SAAS,GAAG;QAACN,MAAMM,SAAS;KAAC;IAC3F,~~MAAMK~~,~~eAAeJ~~,~~OAAMC~~,OAAO,CAAC,~~IAAMI~~,~~IAAAA,~~sCAAAA,~~EAAmBZ~~,~~MAAMW~~,YAAY,GAAG;~~QAACX~~,~~MAAMW~~,YAAY;KAAC;IAErG,~~MAAME~~,oBAAoB,CAACC;~~YACzBd~~;~~QAAAA~~,~~CAAAA,~~sBAAAA,~~MAAMe~~,~~YAAY~~,~~AAAZA~~,~~MAAY~~,~~QAAlBf~~,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAAA,IAAAA,CAAAA,~~OAAqBc~~,QAAQE,KAAK,EAAE;YAClC,GAAGF,OAAO;~~YACVR~~,~~WAAWG~~,0BAAAA,~~CAAaQ~~,yBAAyB,~~CAACC~~,~~IAAAA,~~6CAAAA,~~EAAoBJ~~,~~SAASR~~;QACjF;IACF;IAEA,~~MAAMa~~,uBAAuB,~~CAACL~~;~~YAI5Bd~~;QAHA,IAAIK,kBAAkB,QAAQ;YAC5B;QACF;~~QACAL~~,~~CAAAA,~~yBAAAA,~~MAAMoB~~,~~eAAe~~,~~AAAfA~~,~~MAAe~~,~~QAArBpB~~,2BAAAA,KAAAA,IAAAA,KAAAA,IAAAA,uBAAAA,IAAAA,CAAAA,~~OAAwBc~~,QAAQE,KAAK,EAAE;YACrC,GAAGF,OAAO;~~YACVT~~;~~YACAM~~,~~cAAcU~~,0BAAAA,~~CAAaC~~,yBAAyB,~~CAACX~~;QAEvD;IACF;IAEA,~~MAAMY~~,oBAAoB,~~CAACT~~;~~YAEzBd~~;QADA,~~IAAIwB~~,oBAAoB;~~QACxBxB~~,~~CAAAA,~~sBAAAA,~~MAAMyB~~,~~YAAY~~,~~AAAZA~~,~~MAAY~~,~~QAAlBzB~~,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAAA,IAAAA,CAAAA,~~OAAqBc~~,QAAQE,KAAK,EAAE;YAClC,GAAGF,OAAO;~~YACVY~~,eAAe;gBACbF,oBAAoB;YACtB;YACAA,mBAAmB,IAAMA;QAC3B;QACA,~~OAAQV~~,~~QAAQa~~,IAAI;YAClB,~~KAAKC~~,qBAAAA,~~CAAcC~~,SAAS;YAC5B,~~KAAKD~~,qBAAAA,~~CAAcE~~,OAAO;YAC1B,~~KAAKF~~,qBAAAA,~~CAAcG~~,IAAI;YACvB,~~KAAKH~~,qBAAAA,~~CAAcI~~,GAAG;gBACpB,yCAAyC;gBACzC,8BAA8B;~~gBAC9BlB~~,QAAQE,KAAK,~~CAACiB~~,cAAc;QAChC;IACF;IAEA,MAAMC,~~sBAAsBC~~,~~IAAAA,~~gCAAAA,EAAiB,~~CAACrB~~;QAC5C,OAAQA,~~QAAQsB~~,WAAW;YACzB,KAAK;gBACH,~~OAAOb~~,~~kBAAkBT~~;YAC3B,KAAK;gBACH,OAAOD,kBAAkBC;YAC3B,KAAK;gBACH,~~OAAOK~~,~~qBAAqBL~~;QAChC;IACF;~~QASkBd~~;IAPlB,OAAO;~~QACLqC~~,YAAY;YACVC,MAAM;YACNC,~~gBAAgBC~~,sCAAAA;QAClB;~~QACAC~~,aAAa;~~QACbpC~~;~~QACAqC~~,~~gBAAgB1C~~,CAAAA,wBAAAA,~~MAAM0C~~,~~cAAc~~,~~AAAdA~~,~~MAAc~~,~~QAApB1C~~,0BAAAA,KAAAA,IAAAA,wBAAwB;~~QACxC2C~~,MAAM;~~QACNxC~~;QACAC;~~QACAwC~~,OAAO;~~QACPtC~~;~~QACAK~~;~~QACAuB~~;~~QACAW~~,2BAA2B;QACzB,OAAO;QACT;~~QACAP~~,~~MAAMQ~~,oBAAAA,~~CAAKC~~,MAAM,~~CACfC~~,~~IAAAA,~~wCAAAA,EAAyB,OAAO;YAC9B,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;~~YAC5F/C~~,KAAKA;~~YACLgD~~,MAAM;YACN,~~wBAAwB5C~~,kBAAkB,gBAAgB,~~OAAO6C~~;YACjE,~~GAAGlD~~,KAAK;QACV,IACA;~~YAAEmD~~,aAAa;QAAM;~~QAEvBZ~~,~~gBAAgBW~~;IAClB;AACF;AAEA,~~SAAShD~~,4BAA4BF,KAAwD;IAC3F,~~IAAIoD~~,QAAQC,GAAG,CAACC,QAAQ,KAAK,eAAe;QAC1C,IAAI,~~CAACtD~~,KAAK,CAAC,aAAa,IAAI,CAACA,KAAK,CAAC,kBAAkB,EAAE;YACrD,sCAAsC;~~YACtCuD~~,QAAQC,IAAI,CAAsB,CAAC;8EAGnC,CAAC;QACH;IACF;AACF"}
1	+ {"version":3,"sources":["../src/hooks/useRootTree.ts"],"sourcesContent":["import { getIntrinsicElementProps, useEventCallback, slot } from '@fluentui/react-utilities';\nimport type { TreeCheckedChangeData, TreeProps, TreeState } from '../Tree';\nimport * as React from 'react';\nimport { Collapse } from '@fluentui/react-motion-components-preview';\nimport { TreeContextValue, TreeItemRequest } from '../contexts/treeContext';\nimport { createCheckedItems } from '../utils/createCheckedItems';\nimport { treeDataTypes } from '../utils/tokens';\nimport { createNextOpenItems } from './useControllableOpenItems';\nimport { ImmutableSet } from '../utils/ImmutableSet';\nimport { ImmutableMap } from '../utils/ImmutableMap';\n\n/*\n Create the state required to render the root level tree.\n \n @param props - props from this instance of tree\n * @param ref - reference to root HTMLElement of tree\n /\nexport function useRootTree(\n props: TreeProps,\n ref: React.Ref<HTMLElement>,\n): Omit<TreeState & TreeContextValue, 'treeType'> {\n warnIfNoProperPropsRootTree(props);\n\n const { appearance = 'subtle', size = 'medium', selectionMode = 'none' } = props;\n\n const openItems = React.useMemo(() => ImmutableSet.from(props.openItems), [props.openItems]);\n const checkedItems = React.useMemo(() => createCheckedItems(props.checkedItems), [props.checkedItems]);\n\n const requestOpenChange = (request: Extract<TreeItemRequest, { requestType: 'open' }>) => {\n props.onOpenChange?.(request.event, {\n ...request,\n openItems: ImmutableSet.dangerouslyGetInternalSet(createNextOpenItems(request, openItems)),\n });\n };\n\n const requestCheckedChange = (request: Extract<TreeItemRequest, { requestType: 'selection' }>) => {\n if (selectionMode === 'none') {\n return;\n }\n props.onCheckedChange?.(request.event, {\n ...request,\n selectionMode,\n checkedItems: ImmutableMap.dangerouslyGetInternalMap(checkedItems),\n // Casting is required here due to selection \| multiselection spreading the union problem\n } as TreeCheckedChangeData);\n };\n\n const requestNavigation = (request: Extract<TreeItemRequest, { requestType: 'navigate' }>) => {\n let isScrollPrevented = false;\n props.onNavigation?.(request.event, {\n ...request,\n preventScroll: () => {\n isScrollPrevented = true;\n },\n isScrollPrevented: () => isScrollPrevented,\n });\n switch (request.type) {\n case treeDataTypes.ArrowDown:\n case treeDataTypes.ArrowUp:\n case treeDataTypes.Home:\n case treeDataTypes.End:\n // stop the default behavior of the event\n // which is to scroll the page\n request.event.preventDefault();\n }\n };\n\n const requestTreeResponse = useEventCallback((request: TreeItemRequest) => {\n switch (request.requestType) {\n case 'navigate':\n return requestNavigation(request);\n case 'open':\n return requestOpenChange(request);\n case 'selection':\n return requestCheckedChange(request);\n }\n });\n\n return {\n components: {\n root: 'div',\n collapseMotion: Collapse,\n },\n contextType: 'root',\n selectionMode,\n navigationMode: props.navigationMode ?? 'tree',\n open: true,\n appearance,\n size,\n level: 1,\n openItems,\n checkedItems,\n requestTreeResponse,\n forceUpdateRovingTabIndex: () => {\n // noop\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n // FIXME:\n // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`\n // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n ref: ref as React.Ref<HTMLDivElement>,\n role: 'tree',\n 'aria-multiselectable': selectionMode === 'multiselect' ? true : undefined,\n ...props,\n }),\n { elementType: 'div' },\n ),\n collapseMotion: undefined,\n };\n}\n\nfunction warnIfNoProperPropsRootTree(props: Pick<TreeProps, 'aria-label' \| 'aria-labelledby'>) {\n if (process.env.NODE_ENV === 'development') {\n if (!props['aria-label'] && !props['aria-labelledby']) {\n // eslint-disable-next-line no-console\n console.warn(/ #__DE-INDENT__ */ `\n @fluentui/react-tree [useRootTree]:\n Tree must have either a \\`aria-label\\` or \\`aria-labelledby\\` property defined\n `);\n }\n }\n}\n"],"names":["getIntrinsicElementProps","useEventCallback","slot","React","Collapse","createCheckedItems","treeDataTypes","createNextOpenItems","ImmutableSet","ImmutableMap","useRootTree","props","ref","warnIfNoProperPropsRootTree","appearance","size","selectionMode","openItems","useMemo","from","checkedItems","requestOpenChange","request","onOpenChange","event","dangerouslyGetInternalSet","requestCheckedChange","onCheckedChange","dangerouslyGetInternalMap","requestNavigation","isScrollPrevented","onNavigation","preventScroll","type","ArrowDown","ArrowUp","Home","End","preventDefault","requestTreeResponse","requestType","components","root","collapseMotion","contextType","navigationMode","open","level","forceUpdateRovingTabIndex","always","role","undefined","elementType","process","env","NODE_ENV","console","warn"],"mappings":"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"}

package/lib-commonjs/hooks/useRovingTabIndexes.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/hooks/useRovingTabIndexes.ts"],"sourcesContent":["import * as React from 'react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { HTMLElementWalker } from '../utils/createHTMLElementWalker';\nimport { useFocusedElementChange } from '@fluentui/react-tabster';\n\nconst findTreeItemRoot = (element: HTMLElement) => {\n let parent = element.parentElement;\n while (parent && parent.getAttribute('role') !== 'tree') {\n parent = parent.parentElement;\n }\n return parent;\n};\n\n/*\n @internal\n * https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_roving_tabindex\n */\nexport function useRovingTabIndex() {\n const currentElementRef = React.useRef<HTMLElement \| null>(null);\n const walkerRef = React.useRef<HTMLElementWalker \| null>(null);\n const { targetDocument } = useFluent();\n\n useFocusedElementChange(element => {\n if (element?.getAttribute('role') === 'treeitem' && walkerRef.current && walkerRef.current.root.contains(element)) {\n const treeitemRoot = findTreeItemRoot(element);\n if (walkerRef.current.root !== treeitemRoot) {\n return;\n }\n rove(element);\n }\n });\n\n const initialize = React.useCallback((walker: HTMLElementWalker) => {\n walkerRef.current = walker;\n walker.currentElement = walker.root;\n let tabbableChild = walker.firstChild(element =>\n element.tabIndex === 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP,\n );\n walker.currentElement = walker.root;\n tabbableChild ??= walker.firstChild();\n if (!tabbableChild) {\n return;\n }\n tabbableChild.tabIndex = 0;\n currentElementRef.current = tabbableChild;\n let nextElement: HTMLElement \| null = null;\n while ((nextElement = walker.nextElement()) && nextElement !== tabbableChild) {\n nextElement.tabIndex = -1;\n }\n }, []);\n const rove = React.useCallback((nextElement: HTMLElement, focusOptions?: FocusOptions) => {\n if (!currentElementRef.current) {\n return;\n }\n currentElementRef.current.tabIndex = -1;\n nextElement.tabIndex = 0;\n nextElement.focus(focusOptions);\n currentElementRef.current = nextElement;\n }, []);\n\n const forceUpdate = React.useCallback(() => {\n if (\n (currentElementRef.current === null \|\| !targetDocument?.body.contains(currentElementRef.current)) &&\n walkerRef.current\n ) {\n initialize(walkerRef.current);\n }\n }, [targetDocument, initialize]);\n\n return {\n rove,\n initialize,\n forceUpdate,\n };\n}\n"],"names":["~~useRovingTabIndex~~","findTreeItemRoot","element","parent","parentElement","getAttribute","~~currentElementRef~~","~~React~~","useRef","walkerRef","targetDocument","~~useFluent","useFocusedElementChange","~~current","root","contains","treeitemRoot","rove","initialize","useCallback","walker","currentElement","tabbableChild","firstChild","tabIndex","NodeFilter","FILTER_ACCEPT","FILTER_SKIP","nextElement","focusOptions","focus","forceUpdate","body"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","~~mappings":";;;;+~~BAiBgBA;;;eAAAA;;;;~~iEAjBO;~~qCACyB~~;~~8BAER~~;~~AAExC~~,~~MAAMC~~,mBAAmB,CAACC;IACxB,IAAIC,SAASD,QAAQE,aAAa;IAClC,MAAOD,UAAUA,OAAOE,YAAY,CAAC,YAAY,OAAQ;QACvDF,SAASA,OAAOC,aAAa;IAC/B;IACA,OAAOD;AACT;AAMO~~,SAASH~~;~~IACd~~,~~MAAMM~~,~~oBAAoBC~~,~~OAAMC~~,MAAM,CAAqB;IAC3D,MAAMC,~~YAAYF~~,~~OAAMC~~,MAAM,CAA2B;IACzD,MAAM,EAAEE,cAAc,EAAE,~~GAAGC~~,~~IAAAA,uCAAAA~~;~~IAE3BC~~,~~IAAAA,~~qCAAAA,~~EAAwBV~~,CAAAA;QACtB,IAAIA,CAAAA,YAAAA,QAAAA,YAAAA,KAAAA,IAAAA,KAAAA,IAAAA,QAASG,YAAY,CAAC,OAAA,MAAY,cAAcI,~~UAAUI~~,OAAO,~~IAAIJ~~,~~UAAUI~~,OAAO,CAACC,IAAI,CAACC,QAAQ,~~CAACb~~,UAAU;YACjH,~~MAAMc~~,~~eAAef~~,iBAAiBC;YACtC,IAAIO,~~UAAUI~~,OAAO,CAACC,IAAI,KAAKE,cAAc;gBAC3C;YACF;YACAC,~~KAAKf~~;QACP;IACF;IAEA,~~MAAMgB~~,~~aAAaX~~,~~OAAMY~~,WAAW,CAAC,CAACC;~~QACpCX~~,~~UAAUI~~,OAAO,GAAGO;QACpBA,OAAOC,cAAc,GAAGD,OAAON,IAAI;QACnC,IAAIQ,gBAAgBF,OAAOG,UAAU,~~CAACrB~~,CAAAA,UACpCA,~~QAAQsB~~,QAAQ,KAAK,IAAIC,WAAWC,aAAa,GAAGD,WAAWE,WAAW;QAE5EP,OAAOC,cAAc,GAAGD,OAAON,IAAI;QACnCQ,kBAAAA,QAAAA,kBAAAA,KAAAA,IAAAA,gBAAAA,gBAAkBF,OAAOG,UAAU;QACnC,IAAI,CAACD,eAAe;YAClB;QACF;QACAA,cAAcE,QAAQ,GAAG;~~QACzBlB~~,~~kBAAkBO~~,OAAO,GAAGS;QAC5B,IAAIM,cAAkC;QACtC,~~MAAO~~,~~AAACA,~~CAAAA,cAAcR,OAAOQ,WAAW,EAAA,~~KAAOA~~,gBAAgBN,cAAe;YAC5EM,YAAYJ,QAAQ,GAAG,CAAC;QAC1B;IACF,GAAG,EAAE;IACL,MAAMP,~~OAAOV~~,~~OAAMY~~,WAAW,CAAC,CAACS,aAA0BC;QACxD,IAAI,~~CAACvB~~,~~kBAAkBO~~,OAAO,EAAE;YAC9B;QACF;~~QACAP~~,~~kBAAkBO~~,OAAO,CAACW,QAAQ,GAAG,CAAC;QACtCI,YAAYJ,QAAQ,GAAG;QACvBI,YAAYE,KAAK,CAACD;~~QAClBvB~~,~~kBAAkBO~~,OAAO,GAAGe;IAC9B,GAAG,EAAE;IAEL,MAAMG,~~cAAcxB~~,~~OAAMY~~,WAAW,CAAC;QACpC,~~IACE~~,~~AAACb,~~CAAAA,~~kBAAkBO~~,OAAO,KAAK,QAAQ,~~CAACH~~,~~CAAAA,~~mBAAAA,QAAAA,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,~~eAAgBsB~~,IAAI,CAACjB,QAAQ,~~CAACT~~,~~kBAAkBO~~,~~OAAO~~,CAAA,CAAA,~~KAC~~/FJ,~~UAAUI~~,OAAO,EACjB;YACAK,~~WAAWT~~,~~UAAUI~~,OAAO;QAC9B;IACF,GAAG;~~QAACH~~;~~QAAgBQ~~;KAAW;IAE/B,OAAO;QACLD;QACAC;QACAa;IACF;AACF"}
1	+ {"version":3,"sources":["../src/hooks/useRovingTabIndexes.ts"],"sourcesContent":["import * as React from 'react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { HTMLElementWalker } from '../utils/createHTMLElementWalker';\nimport { useFocusedElementChange } from '@fluentui/react-tabster';\n\nconst findTreeItemRoot = (element: HTMLElement) => {\n let parent = element.parentElement;\n while (parent && parent.getAttribute('role') !== 'tree') {\n parent = parent.parentElement;\n }\n return parent;\n};\n\n/*\n @internal\n * https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_roving_tabindex\n */\nexport function useRovingTabIndex() {\n const currentElementRef = React.useRef<HTMLElement \| null>(null);\n const walkerRef = React.useRef<HTMLElementWalker \| null>(null);\n const { targetDocument } = useFluent();\n\n useFocusedElementChange(element => {\n if (element?.getAttribute('role') === 'treeitem' && walkerRef.current && walkerRef.current.root.contains(element)) {\n const treeitemRoot = findTreeItemRoot(element);\n if (walkerRef.current.root !== treeitemRoot) {\n return;\n }\n rove(element);\n }\n });\n\n const initialize = React.useCallback((walker: HTMLElementWalker) => {\n walkerRef.current = walker;\n walker.currentElement = walker.root;\n let tabbableChild = walker.firstChild(element =>\n element.tabIndex === 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP,\n );\n walker.currentElement = walker.root;\n tabbableChild ??= walker.firstChild();\n if (!tabbableChild) {\n return;\n }\n tabbableChild.tabIndex = 0;\n currentElementRef.current = tabbableChild;\n let nextElement: HTMLElement \| null = null;\n while ((nextElement = walker.nextElement()) && nextElement !== tabbableChild) {\n nextElement.tabIndex = -1;\n }\n }, []);\n const rove = React.useCallback((nextElement: HTMLElement, focusOptions?: FocusOptions) => {\n if (!currentElementRef.current) {\n return;\n }\n currentElementRef.current.tabIndex = -1;\n nextElement.tabIndex = 0;\n nextElement.focus(focusOptions);\n currentElementRef.current = nextElement;\n }, []);\n\n const forceUpdate = React.useCallback(() => {\n if (\n (currentElementRef.current === null \|\| !targetDocument?.body.contains(currentElementRef.current)) &&\n walkerRef.current\n ) {\n initialize(walkerRef.current);\n }\n }, [targetDocument, initialize]);\n\n return {\n rove,\n initialize,\n forceUpdate,\n };\n}\n"],"names":["React","useFluent_unstable","useFluent","useFocusedElementChange","findTreeItemRoot","element","parent","parentElement","getAttribute","useRovingTabIndex","currentElementRef","useRef","walkerRef","targetDocument","current","root","contains","treeitemRoot","rove","initialize","useCallback","walker","currentElement","tabbableChild","firstChild","tabIndex","NodeFilter","FILTER_ACCEPT","FILTER_SKIP","nextElement","focusOptions","focus","forceUpdate","body"],"mappings":";;;;+BAiBgBS;;;;;;;iEAjBO,QAAQ;qCACiB,kCAAkC;8BAE1C,0BAA0B;AAElE,MAAML,mBAAmB,CAACC;IACxB,IAAIC,SAASD,QAAQE,aAAa;IAClC,MAAOD,UAAUA,OAAOE,YAAY,CAAC,YAAY,OAAQ;QACvDF,SAASA,OAAOC,aAAa;IAC/B;IACA,OAAOD;AACT;AAMO;IACL,MAAMI,oBAAoBV,OAAMW,MAAM,CAAqB;IAC3D,MAAMC,YAAYZ,OAAMW,MAAM,CAA2B;IACzD,MAAM,EAAEE,cAAc,EAAE,GAAGX,2CAAAA;QAE3BC,qCAAAA,EAAwBE,CAAAA;QACtB,IAAIA,CAAAA,YAAAA,QAAAA,YAAAA,KAAAA,IAAAA,KAAAA,IAAAA,QAASG,YAAY,CAAC,OAAA,MAAY,cAAcI,UAAUE,OAAO,IAAIF,UAAUE,OAAO,CAACC,IAAI,CAACC,QAAQ,CAACX,UAAU;YACjH,MAAMY,eAAeb,iBAAiBC;YACtC,IAAIO,UAAUE,OAAO,CAACC,IAAI,KAAKE,cAAc;gBAC3C;YACF;YACAC,KAAKb;QACP;IACF;IAEA,MAAMc,aAAanB,OAAMoB,WAAW,CAAC,CAACC;QACpCT,UAAUE,OAAO,GAAGO;QACpBA,OAAOC,cAAc,GAAGD,OAAON,IAAI;QACnC,IAAIQ,gBAAgBF,OAAOG,UAAU,CAACnB,CAAAA,UACpCA,QAAQoB,QAAQ,KAAK,IAAIC,WAAWC,aAAa,GAAGD,WAAWE,WAAW;QAE5EP,OAAOC,cAAc,GAAGD,OAAON,IAAI;QACnCQ,kBAAAA,QAAAA,kBAAAA,KAAAA,IAAAA,gBAAAA,gBAAkBF,OAAOG,UAAU;QACnC,IAAI,CAACD,eAAe;YAClB;QACF;QACAA,cAAcE,QAAQ,GAAG;QACzBf,kBAAkBI,OAAO,GAAGS;QAC5B,IAAIM,cAAkC;QACtC,MAAQA,CAAAA,cAAcR,OAAOQ,WAAW,EAAA,CAAC,IAAMA,gBAAgBN,cAAe;YAC5EM,YAAYJ,QAAQ,GAAG,CAAC;QAC1B;IACF,GAAG,EAAE;IACL,MAAMP,OAAOlB,OAAMoB,WAAW,CAAC,CAACS,aAA0BC;QACxD,IAAI,CAACpB,kBAAkBI,OAAO,EAAE;YAC9B;QACF;QACAJ,kBAAkBI,OAAO,CAACW,QAAQ,GAAG,CAAC;QACtCI,YAAYJ,QAAQ,GAAG;QACvBI,YAAYE,KAAK,CAACD;QAClBpB,kBAAkBI,OAAO,GAAGe;IAC9B,GAAG,EAAE;IAEL,MAAMG,cAAchC,OAAMoB,WAAW,CAAC;QACpC,IACGV,CAAAA,kBAAkBI,OAAO,KAAK,QAAQ,EAACD,mBAAAA,QAAAA,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAgBoB,IAAI,CAACjB,QAAQ,CAACN,kBAAkBI,QAAO,CAAA,CAAA,IAC/FF,UAAUE,OAAO,EACjB;YACAK,WAAWP,UAAUE,OAAO;QAC9B;IACF,GAAG;QAACD;QAAgBM;KAAW;IAE/B,OAAO;QACLD;QACAC;QACAa;IACF;AACF"}

package/lib-commonjs/hooks/useSubtree.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/hooks/useSubtree.ts"],"sourcesContent":["import * as React from 'react';\nimport { TreeProps, TreeState } from '../Tree';\nimport { SubtreeContextValue, useSubtreeContext_unstable, useTreeItemContext_unstable } from '../contexts/index';\nimport { getIntrinsicElementProps, useMergedRefs, slot } from '@fluentui/react-utilities';\nimport { Collapse } from '@fluentui/react-motion-components-preview';\nimport { presenceMotionSlot } from '@fluentui/react-motion';\n\n/*\n Create the state required to render a sub-level tree.\n \n @param props - props from this instance of tree\n * @param ref - reference to root HTMLElement of tree\n */\nexport function useSubtree(\n props: TreeProps,\n ref: React.Ref<HTMLElement>,\n): Omit<TreeState & SubtreeContextValue, 'treeType'> {\n const subtreeRef = useTreeItemContext_unstable(ctx => ctx.subtreeRef);\n\n const { level: parentLevel } = useSubtreeContext_unstable();\n\n const open = useTreeItemContext_unstable(ctx => ctx.open);\n\n return {\n contextType: 'subtree',\n open,\n components: {\n root: 'div',\n collapseMotion: Collapse,\n },\n level: parentLevel + 1,\n root: slot.always(\n getIntrinsicElementProps('div', {\n // FIXME:\n // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`\n // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n ref: useMergedRefs(ref, subtreeRef) as React.Ref<HTMLDivElement>,\n role: 'group',\n ...props,\n }),\n { elementType: 'div' },\n ),\n collapseMotion: presenceMotionSlot(props.collapseMotion, {\n elementType: Collapse,\n defaultProps: {\n visible: open,\n unmountOnExit: true,\n },\n }),\n };\n}\n"],"names":["~~useSubtree~~","~~props~~","~~ref~~","~~subtreeRef~~","~~useTreeItemContext_unstable~~","~~ctx~~","~~level~~","~~parentLevel~~","~~useSubtreeContext_unstable~~","~~open~~","~~contextType~~","~~components~~","~~root~~","~~collapseMotion~~","~~Collapse~~","~~slot~~","~~always~~","~~getIntrinsicElementProps~~","~~useMergedRefs~~","~~role~~","~~elementType~~","~~presenceMotionSlot~~","defaultProps","visible","unmountOnExit"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","~~mappings":";;;;+~~BAagBA;;;eAAAA;;;;~~iEAbO;~~uBAEsE~~;~~gCAC/B~~;~~8CACrC~~;~~6BACU~~;~~AAQ5B~~,~~SAASA~~,~~WACdC,~~KAAgB,EAChBC,GAA2B;IAE3B,MAAMC,~~aAAaC~~,~~IAAAA,~~kCAAAA,~~EAA4BC~~,CAAAA,MAAOA,~~IAAIF~~,UAAU;IAEpE,MAAM,~~EAAEG~~,OAAOC,WAAW,EAAE,~~GAAGC~~,~~IAAAA,~~iCAAAA;IAE/B,~~MAAMC~~,~~OAAOL~~,~~IAAAA,~~kCAAAA,~~EAA4BC~~,CAAAA,MAAOA,~~IAAII~~,IAAI;IAExD,OAAO;QACLC,aAAa;QACbD;QACAE,YAAY;YACVC,MAAM;YACNC,~~gBAAgBC~~,sCAAAA;QAClB;~~QACAR~~,OAAOC,cAAc;~~QACrBK~~,~~MAAMG~~,oBAAAA,~~CAAKC~~,MAAM,~~CACfC~~,~~IAAAA,~~wCAAAA,EAAyB,OAAO;YAC9B,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;~~YAC5Ff~~,~~KAAKgB~~,~~IAAAA,~~6BAAAA,~~EAAchB~~,KAAKC;~~YACxBgB~~,MAAM;YACN,~~GAAGlB~~,KAAK;QACV,IACA;~~YAAEmB~~,aAAa;QAAM;~~QAEvBP~~,~~gBAAgBQ,IAAAA~~,+BAAAA,~~EAAmBpB~~,~~MAAMY~~,cAAc,EAAE;~~YACvDO~~,~~aAAaN~~,sCAAAA;~~YACbQ~~,cAAc;gBACZC,~~SAASd~~;~~gBACTe~~,eAAe;YACjB;QACF;IACF;AACF"}
1	+ {"version":3,"sources":["../src/hooks/useSubtree.ts"],"sourcesContent":["import * as React from 'react';\nimport { TreeProps, TreeState } from '../Tree';\nimport { SubtreeContextValue, useSubtreeContext_unstable, useTreeItemContext_unstable } from '../contexts/index';\nimport { getIntrinsicElementProps, useMergedRefs, slot } from '@fluentui/react-utilities';\nimport { Collapse } from '@fluentui/react-motion-components-preview';\nimport { presenceMotionSlot } from '@fluentui/react-motion';\n\n/*\n Create the state required to render a sub-level tree.\n \n @param props - props from this instance of tree\n * @param ref - reference to root HTMLElement of tree\n */\nexport function useSubtree(\n props: TreeProps,\n ref: React.Ref<HTMLElement>,\n): Omit<TreeState & SubtreeContextValue, 'treeType'> {\n const subtreeRef = useTreeItemContext_unstable(ctx => ctx.subtreeRef);\n\n const { level: parentLevel } = useSubtreeContext_unstable();\n\n const open = useTreeItemContext_unstable(ctx => ctx.open);\n\n return {\n contextType: 'subtree',\n open,\n components: {\n root: 'div',\n collapseMotion: Collapse,\n },\n level: parentLevel + 1,\n root: slot.always(\n getIntrinsicElementProps('div', {\n // FIXME:\n // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`\n // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n ref: useMergedRefs(ref, subtreeRef) as React.Ref<HTMLDivElement>,\n role: 'group',\n ...props,\n }),\n { elementType: 'div' },\n ),\n collapseMotion: presenceMotionSlot(props.collapseMotion, {\n elementType: Collapse,\n defaultProps: {\n visible: open,\n unmountOnExit: true,\n },\n }),\n };\n}\n"],"names":["React","useSubtreeContext_unstable","useTreeItemContext_unstable","getIntrinsicElementProps","useMergedRefs","slot","Collapse","presenceMotionSlot","useSubtree","props","ref","subtreeRef","ctx","level","parentLevel","open","contextType","components","root","collapseMotion","always","role","elementType","defaultProps","visible","unmountOnExit"],"mappings":";;;;+BAagBQ;;;;;;;iEAbO,QAAQ;uBAE8D,oBAAoB;gCACnD,4BAA4B;8CACjE,4CAA4C;6BAClC,yBAAyB;AAQrD,oBACLC,KAAgB,EAChBC,GAA2B;IAE3B,MAAMC,iBAAaT,kCAAAA,EAA4BU,CAAAA,MAAOA,IAAID,UAAU;IAEpE,MAAM,EAAEE,OAAOC,WAAW,EAAE,OAAGb,iCAAAA;IAE/B,MAAMc,WAAOb,kCAAAA,EAA4BU,CAAAA,MAAOA,IAAIG,IAAI;IAExD,OAAO;QACLC,aAAa;QACbD;QACAE,YAAY;YACVC,MAAM;YACNC,gBAAgBb,sCAAAA;QAClB;QACAO,OAAOC,cAAc;QACrBI,MAAMb,oBAAAA,CAAKe,MAAM,KACfjB,wCAAAA,EAAyB,OAAO;YAC9B,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5FO,SAAKN,6BAAAA,EAAcM,KAAKC;YACxBU,MAAM;YACN,GAAGZ,KAAK;QACV,IACA;YAAEa,aAAa;QAAM;QAEvBH,oBAAgBZ,+BAAAA,EAAmBE,MAAMU,cAAc,EAAE;YACvDG,aAAahB,sCAAAA;YACbiB,cAAc;gBACZC,SAAST;gBACTU,eAAe;YACjB;QACF;IACF;AACF"}

package/lib-commonjs/hooks/useTreeNavigation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/hooks/useTreeNavigation.ts"],"sourcesContent":["import { TreeNavigationData_unstable, TreeNavigationMode } from '../components/Tree/Tree.types';\nimport { nextTypeAheadElement } from '../utils/nextTypeAheadElement';\nimport { treeDataTypes } from '../utils/tokens';\nimport { useRovingTabIndex } from './useRovingTabIndexes';\nimport { HTMLElementWalker } from '../utils/createHTMLElementWalker';\nimport * as React from 'react';\nimport { useHTMLElementWalkerRef } from './useHTMLElementWalkerRef';\nimport { useMergedRefs } from '@fluentui/react-utilities';\nimport { treeItemLayoutClassNames } from '../TreeItemLayout';\nimport { useFocusFinders } from '@fluentui/react-tabster';\n\n/*\n @internal\n */\nexport function useTreeNavigation(navigationMode: TreeNavigationMode = 'tree') {\n 'use no memo';\n\n const { rove, initialize: initializeRovingTabIndex, forceUpdate: forceUpdateRovingTabIndex } = useRovingTabIndex();\n const { findFirstFocusable } = useFocusFinders();\n const { walkerRef, rootRef: walkerRootRef } = useHTMLElementWalkerRef();\n\n const rootRefCallback: React.RefCallback<HTMLElement> = React.useCallback(\n root => {\n if (root && walkerRef.current) {\n initializeRovingTabIndex(walkerRef.current);\n }\n },\n [walkerRef, initializeRovingTabIndex],\n );\n\n const getNextElement = (data: TreeNavigationData_unstable) => {\n if (!walkerRef.current) {\n return null;\n }\n switch (data.type) {\n case treeDataTypes.Click:\n return data.target;\n case treeDataTypes.TypeAhead:\n walkerRef.current.currentElement = data.target;\n return nextTypeAheadElement(walkerRef.current, data.event.key);\n case treeDataTypes.ArrowLeft: {\n const actions = queryActions(data.target);\n if (navigationMode === 'treegrid' && actions?.contains(data.target.ownerDocument.activeElement)) {\n return data.target;\n }\n walkerRef.current.currentElement = data.target;\n return walkerRef.current.parentElement();\n }\n case treeDataTypes.ArrowRight:\n if (navigationMode === 'treegrid') {\n const actions = queryActions(data.target);\n if (actions) {\n findFirstFocusable(actions)?.focus();\n }\n return null;\n }\n walkerRef.current.currentElement = data.target;\n return walkerRef.current.firstChild();\n case treeDataTypes.End:\n walkerRef.current.currentElement = walkerRef.current.root;\n return lastChildRecursive(walkerRef.current);\n case treeDataTypes.Home:\n walkerRef.current.currentElement = walkerRef.current.root;\n return walkerRef.current.firstChild();\n case treeDataTypes.ArrowDown:\n walkerRef.current.currentElement = data.target;\n return walkerRef.current.nextElement();\n case treeDataTypes.ArrowUp:\n walkerRef.current.currentElement = data.target;\n return walkerRef.current.previousElement();\n }\n };\n function navigate(data: TreeNavigationData_unstable, focusOptions?: FocusOptions) {\n const nextElement = getNextElement(data);\n if (nextElement) {\n rove(nextElement, focusOptions);\n }\n }\n return {\n navigate,\n treeRef: useMergedRefs(walkerRootRef, rootRefCallback) as React.RefCallback<HTMLElement>,\n forceUpdateRovingTabIndex,\n } as const;\n}\n\nfunction lastChildRecursive(walker: HTMLElementWalker) {\n let lastElement: HTMLElement \| null = null;\n let nextElement: HTMLElement \| null = null;\n while ((nextElement = walker.lastChild())) {\n lastElement = nextElement;\n }\n return lastElement;\n}\n\nconst queryActions = (target: HTMLElement) =>\n target.querySelector<HTMLElement>(\n `:scope > .${treeItemLayoutClassNames.root} > .${treeItemLayoutClassNames.actions}`,\n );\n"],"names":["useTreeNavigation","navigationMode","rove","initialize","initializeRovingTabIndex","forceUpdate","forceUpdateRovingTabIndex","~~useRovingTabIndex","~~findFirstFocusable","~~useFocusFinders","~~walkerRef","rootRef","walkerRootRef","~~useHTMLElementWalkerRef","~~rootRefCallback","~~React","~~useCallback","root","current","getNextElement","data","type","~~treeDataTypes","~~Click","target","TypeAhead","currentElement","~~nextTypeAheadElement","~~event","key","ArrowLeft","actions","queryActions","contains","ownerDocument","activeElement","parentElement","ArrowRight","focus","firstChild","End","lastChildRecursive","Home","ArrowDown","nextElement","ArrowUp","previousElement","navigate","focusOptions","treeRef","~~useMergedRefs","~~walker","lastElement","lastChild","querySelector"~~,"treeItemLayoutClassNames"~~],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","~~mappings":";;;;+~~BAcgBA;;;eAAAA;;;;~~sCAbqB;~~wBACP~~;~~qCACI~~;~~iEAEX~~;~~yCACiB~~;~~gCACV~~;~~gCACW~~;~~8BACT~~;~~AAKzB~~,~~SAASA~~,~~kBAAkBC,~~iBAAqC,MAAM;IAC3E;IAEA,MAAM,EAAEC,IAAI,EAAEC,YAAYC,wBAAwB,EAAEC,aAAaC,yBAAyB,EAAE,~~GAAGC~~,~~IAAAA,~~sCAAAA;IAC/F,MAAM,~~EAAEC~~,kBAAkB,EAAE,~~GAAGC~~,~~IAAAA,~~6BAAAA;IAC/B,MAAM,~~EAAEC~~,SAAS,EAAEC,SAASC,aAAa,EAAE,~~GAAGC~~,~~IAAAA,~~gDAAAA;IAE9C,~~MAAMC~~,~~kBAAkDC~~,~~OAAMC~~,WAAW,CACvEC,CAAAA;QACE,IAAIA,~~QAAQP~~,~~UAAUQ~~,OAAO,EAAE;~~YAC7Bd~~,~~yBAAyBM~~,~~UAAUQ~~,OAAO;QAC5C;IACF,GACA;~~QAACR~~;~~QAAWN~~;KAAyB;IAGvC,~~MAAMe~~,iBAAiB,CAACC;QACtB,IAAI,~~CAACV~~,~~UAAUQ~~,OAAO,EAAE;YACtB,OAAO;QACT;QACA,OAAQE,KAAKC,IAAI;YACf,~~KAAKC~~,qBAAAA,~~CAAcC~~,KAAK;gBACtB,~~OAAOH~~,~~KAAKI~~,MAAM;YACpB,~~KAAKF~~,qBAAAA,~~CAAcG~~,SAAS;~~gBAC1Bf~~,~~UAAUQ~~,OAAO,~~CAACQ~~,cAAc,~~GAAGN~~,~~KAAKI~~,MAAM;gBAC9C,~~OAAOG~~,~~IAAAA,~~0CAAAA,~~EAAqBjB~~,~~UAAUQ~~,OAAO,EAAEE,~~KAAKQ~~,KAAK,CAACC,GAAG;YAC/D,~~KAAKP~~,qBAAAA,~~CAAcQ~~,SAAS;gBAAE;oBAC5B,MAAMC,UAAUC,~~aAAaZ~~,~~KAAKI~~,MAAM;oBACxC,~~IAAIvB~~,mBAAmB,~~cAAc8B~~,~~CAAAA,~~YAAAA,QAAAA,YAAAA,KAAAA,IAAAA,KAAAA,IAAAA,QAASE,QAAQ,~~CAACb~~,~~KAAKI~~,MAAM,~~CAACU~~,aAAa,CAACC,~~aAAa~~,~~CAAA,~~GAAG;wBAC/F,~~OAAOf~~,~~KAAKI~~,MAAM;oBACpB;~~oBACAd~~,~~UAAUQ~~,OAAO,~~CAACQ~~,cAAc,~~GAAGN~~,~~KAAKI~~,MAAM;oBAC9C,~~OAAOd~~,~~UAAUQ~~,OAAO,~~CAACkB~~,aAAa;gBACxC;YACA,~~KAAKd~~,qBAAAA,~~CAAce~~,UAAU;gBAC3B,~~IAAIpC~~,mBAAmB,YAAY;oBACjC,~~MAAM8B~~,UAAUC,~~aAAaZ~~,~~KAAKI~~,MAAM;oBACxC,~~IAAIO~~,SAAS;~~4BACXvB~~;~~wBAAAA~~,~~CAAAA,~~sBAAAA,~~mBAAmBuB~~,QAAAA,MAAAA,~~QAAnBvB~~,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,~~oBAA6B8B~~,KAAK;oBACpC;oBACA,OAAO;gBACT;~~gBACA5B~~,~~UAAUQ~~,OAAO,~~CAACQ~~,cAAc,~~GAAGN~~,~~KAAKI~~,MAAM;gBAC9C,~~OAAOd~~,~~UAAUQ~~,OAAO,~~CAACqB~~,UAAU;YACrC,~~KAAKjB~~,qBAAAA,~~CAAckB~~,GAAG;~~gBACpB9B~~,~~UAAUQ~~,OAAO,~~CAACQ~~,cAAc,~~GAAGhB~~,~~UAAUQ~~,OAAO,CAACD,IAAI;gBACzD,~~OAAOwB~~,~~mBAAmB/B~~,~~UAAUQ~~,OAAO;YAC7C,~~KAAKI~~,qBAAAA,~~CAAcoB~~,IAAI;~~gBACrBhC~~,~~UAAUQ~~,OAAO,~~CAACQ~~,cAAc,~~GAAGhB~~,~~UAAUQ~~,OAAO,CAACD,IAAI;gBACzD,~~OAAOP~~,~~UAAUQ~~,OAAO,~~CAACqB~~,UAAU;YACrC,~~KAAKjB~~,qBAAAA,~~CAAcqB~~,SAAS;~~gBAC1BjC~~,~~UAAUQ~~,OAAO,~~CAACQ~~,cAAc,~~GAAGN~~,~~KAAKI~~,MAAM;gBAC9C,~~OAAOd~~,~~UAAUQ~~,OAAO,~~CAAC0B~~,WAAW;YACtC,~~KAAKtB~~,qBAAAA,~~CAAcuB~~,OAAO;~~gBACxBnC~~,~~UAAUQ~~,OAAO,~~CAACQ~~,cAAc,~~GAAGN~~,~~KAAKI~~,MAAM;gBAC9C,~~OAAOd~~,~~UAAUQ~~,OAAO,~~CAAC4B~~,eAAe;QAC5C;IACF;IACA,SAASC,~~SAAS3B~~,IAAiC,~~EAAE4B~~,YAA2B;QAC9E,MAAMJ,~~cAAczB~~,eAAeC;QACnC,~~IAAIwB~~,aAAa;~~YACf1C~~,~~KAAK0C~~,aAAaI;QACpB;IACF;IACA,OAAO;QACLD;QACAE,~~SAASC~~,~~IAAAA,~~6BAAAA,~~EAActC~~,~~eAAeE~~;~~QACtCR~~;IACF;AACF;AAEA,~~SAASmC~~,~~mBAAmBU~~,MAAyB;IACnD,IAAIC,cAAkC;IACtC,~~IAAIR~~,cAAkC;IACtC,MAAQA,~~cAAcO~~,OAAOE,SAAS,GAAK;QACzCD,~~cAAcR~~;IAChB;IACA,~~OAAOQ~~;AACT;AAEA,~~MAAMpB~~,eAAe,~~CAACR~~,SACpBA,~~OAAO8B~~,aAAa,CAClB,CAAC,UAAU,~~EAAEC~~,wCAAAA,~~CAAyBtC~~,IAAI,CAAC,IAAI,~~EAAEsC~~,wCAAAA,~~CAAyBxB~~,OAAO,~~CAAC,CAAC~~"}
1	+ {"version":3,"sources":["../src/hooks/useTreeNavigation.ts"],"sourcesContent":["import { TreeNavigationData_unstable, TreeNavigationMode } from '../components/Tree/Tree.types';\nimport { nextTypeAheadElement } from '../utils/nextTypeAheadElement';\nimport { treeDataTypes } from '../utils/tokens';\nimport { useRovingTabIndex } from './useRovingTabIndexes';\nimport { HTMLElementWalker } from '../utils/createHTMLElementWalker';\nimport * as React from 'react';\nimport { useHTMLElementWalkerRef } from './useHTMLElementWalkerRef';\nimport { useMergedRefs } from '@fluentui/react-utilities';\nimport { treeItemLayoutClassNames } from '../TreeItemLayout';\nimport { useFocusFinders } from '@fluentui/react-tabster';\n\n/*\n @internal\n */\nexport function useTreeNavigation(navigationMode: TreeNavigationMode = 'tree') {\n 'use no memo';\n\n const { rove, initialize: initializeRovingTabIndex, forceUpdate: forceUpdateRovingTabIndex } = useRovingTabIndex();\n const { findFirstFocusable } = useFocusFinders();\n const { walkerRef, rootRef: walkerRootRef } = useHTMLElementWalkerRef();\n\n const rootRefCallback: React.RefCallback<HTMLElement> = React.useCallback(\n root => {\n if (root && walkerRef.current) {\n initializeRovingTabIndex(walkerRef.current);\n }\n },\n [walkerRef, initializeRovingTabIndex],\n );\n\n const getNextElement = (data: TreeNavigationData_unstable) => {\n if (!walkerRef.current) {\n return null;\n }\n switch (data.type) {\n case treeDataTypes.Click:\n return data.target;\n case treeDataTypes.TypeAhead:\n walkerRef.current.currentElement = data.target;\n return nextTypeAheadElement(walkerRef.current, data.event.key);\n case treeDataTypes.ArrowLeft: {\n const actions = queryActions(data.target);\n if (navigationMode === 'treegrid' && actions?.contains(data.target.ownerDocument.activeElement)) {\n return data.target;\n }\n walkerRef.current.currentElement = data.target;\n return walkerRef.current.parentElement();\n }\n case treeDataTypes.ArrowRight:\n if (navigationMode === 'treegrid') {\n const actions = queryActions(data.target);\n if (actions) {\n findFirstFocusable(actions)?.focus();\n }\n return null;\n }\n walkerRef.current.currentElement = data.target;\n return walkerRef.current.firstChild();\n case treeDataTypes.End:\n walkerRef.current.currentElement = walkerRef.current.root;\n return lastChildRecursive(walkerRef.current);\n case treeDataTypes.Home:\n walkerRef.current.currentElement = walkerRef.current.root;\n return walkerRef.current.firstChild();\n case treeDataTypes.ArrowDown:\n walkerRef.current.currentElement = data.target;\n return walkerRef.current.nextElement();\n case treeDataTypes.ArrowUp:\n walkerRef.current.currentElement = data.target;\n return walkerRef.current.previousElement();\n }\n };\n function navigate(data: TreeNavigationData_unstable, focusOptions?: FocusOptions) {\n const nextElement = getNextElement(data);\n if (nextElement) {\n rove(nextElement, focusOptions);\n }\n }\n return {\n navigate,\n treeRef: useMergedRefs(walkerRootRef, rootRefCallback) as React.RefCallback<HTMLElement>,\n forceUpdateRovingTabIndex,\n } as const;\n}\n\nfunction lastChildRecursive(walker: HTMLElementWalker) {\n let lastElement: HTMLElement \| null = null;\n let nextElement: HTMLElement \| null = null;\n while ((nextElement = walker.lastChild())) {\n lastElement = nextElement;\n }\n return lastElement;\n}\n\nconst queryActions = (target: HTMLElement) =>\n target.querySelector<HTMLElement>(\n `:scope > .${treeItemLayoutClassNames.root} > .${treeItemLayoutClassNames.actions}`,\n );\n"],"names":["nextTypeAheadElement","treeDataTypes","useRovingTabIndex","React","useHTMLElementWalkerRef","useMergedRefs","treeItemLayoutClassNames","useFocusFinders","useTreeNavigation","navigationMode","rove","initialize","initializeRovingTabIndex","forceUpdate","forceUpdateRovingTabIndex","findFirstFocusable","walkerRef","rootRef","walkerRootRef","rootRefCallback","useCallback","root","current","getNextElement","data","type","Click","target","TypeAhead","currentElement","event","key","ArrowLeft","actions","queryActions","contains","ownerDocument","activeElement","parentElement","ArrowRight","focus","firstChild","End","lastChildRecursive","Home","ArrowDown","nextElement","ArrowUp","previousElement","navigate","focusOptions","treeRef","walker","lastElement","lastChild","querySelector"],"mappings":"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"}

package/lib-commonjs/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n Tree,\n treeClassNames,\n useTree_unstable,\n useTreeStyles_unstable,\n useTreeContextValues_unstable,\n renderTree_unstable,\n} from './Tree';\n\nexport type {\n TreeSlots,\n TreeProps,\n TreeState,\n TreeContextValues,\n TreeOpenChangeData,\n TreeSelectionValue,\n TreeOpenChangeEvent,\n TreeCheckedChangeData,\n TreeCheckedChangeEvent,\n TreeNavigationData_unstable,\n TreeNavigationEvent_unstable,\n TreeNavigationMode,\n} from './Tree';\n\nexport {\n FlatTree,\n flatTreeClassNames,\n useFlatTree_unstable,\n useFlatTreeStyles_unstable,\n useFlatTreeContextValues_unstable,\n renderFlatTree_unstable,\n} from './FlatTree';\n\nexport type { FlatTreeSlots, FlatTreeProps, FlatTreeState } from './FlatTree';\n\nexport { TreeProvider, TreeRootReset } from './components/TreeProvider';\n\nexport {\n useTreeContext_unstable,\n useTreeItemContext_unstable,\n useSubtreeContext_unstable,\n TreeItemProvider,\n} from './contexts';\nexport type { TreeContextValue, SubtreeContextValue, TreeItemContextValue } from './contexts';\n\nexport { treeItemLevelToken } from './utils/tokens';\n\nexport { useHeadlessFlatTree_unstable } from './components/FlatTree/useHeadlessFlatTree';\nexport type {\n HeadlessFlatTree,\n HeadlessFlatTreeItem,\n HeadlessFlatTreeItemProps,\n HeadlessFlatTreeOptions,\n} from './components/FlatTree/useHeadlessFlatTree';\n\nexport {\n TreeItem,\n treeItemClassNames,\n renderTreeItem_unstable,\n useTreeItemStyles_unstable,\n useTreeItemContextValues_unstable,\n useTreeItem_unstable,\n} from './TreeItem';\nexport type {\n TreeItemProps,\n TreeItemState,\n TreeItemSlots,\n TreeItemType,\n TreeItemValue,\n TreeItemOpenChangeData,\n TreeItemOpenChangeEvent,\n} from './TreeItem';\n\nexport { FlatTreeItem } from './FlatTreeItem';\nexport type { FlatTreeItemProps } from './FlatTreeItem';\n\nexport {\n TreeItemLayout,\n treeItemLayoutClassNames,\n renderTreeItemLayout_unstable,\n useTreeItemLayoutStyles_unstable,\n useTreeItemLayout_unstable,\n} from './TreeItemLayout';\nexport type { TreeItemLayoutProps, TreeItemLayoutSlots, TreeItemLayoutState } from './TreeItemLayout';\n\nexport {\n TreeItemPersonaLayout,\n treeItemPersonaLayoutClassNames,\n renderTreeItemPersonaLayout_unstable,\n useTreeItemPersonaLayoutStyles_unstable,\n useTreeItemPersonaLayout_unstable,\n} from './TreeItemPersonaLayout';\nexport type {\n TreeItemPersonaLayoutProps,\n TreeItemPersonaLayoutSlots,\n TreeItemPersonaLayoutState,\n} from './TreeItemPersonaLayout';\n\nexport { flattenTree_unstable } from './utils/flattenTree';\nexport type { FlattenTreeItem } from './utils/flattenTree';\n"],"names":["~~FlatTree~~","~~FlatTreeItem~~","~~Tree~~","~~TreeItem~~","~~TreeItemLayout~~","~~TreeItemPersonaLayout~~","~~TreeItemProvider~~","~~TreeProvider~~","~~TreeRootReset~~","~~flatTreeClassNames~~","~~flattenTree_unstable~~","renderFlatTree_unstable","~~renderTreeItemLayout_unstable~~","~~renderTreeItemPersonaLayout_unstable~~","~~renderTreeItem_unstable~~","~~renderTree_unstable~~","~~treeClassNames~~","~~treeItemClassNames~~","~~treeItemLayoutClassNames~~","~~treeItemLevelToken~~","~~treeItemPersonaLayoutClassNames~~","~~useFlatTreeContextValues_unstable~~","~~useFlatTreeStyles_unstable~~","~~useFlatTree_unstable~~","~~useHeadlessFlatTree_unstable~~","~~useSubtreeContext_unstable~~","~~useTreeContextValues_unstable~~","~~useTreeContext_unstable~~","~~useTreeItemContextValues_unstable~~","~~useTreeItemContext_unstable~~","useTreeItemLayoutStyles_unstable","useTreeItemLayout_unstable","~~useTreeItemPersonaLayoutStyles_unstable~~","~~useTreeItemPersonaLayout_unstable~~","~~useTreeItemStyles_unstable~~","~~useTreeItem_unstable~~","~~useTreeStyles_unstable~~","~~useTree_unstable~~"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","~~mappings":";;;;;;;;;;;~~IAyBEA~~,QAAQ;~~eAARA~~,~~kBAAQ;;IAgDDC,YAAY;eAAZA,0BAAY;;IAxEnBC,IAAI;eAAJA,~~UAAI~~;;IAuDJC~~,~~QAAQ;eAARA,~~kBAAQ;;~~IAqBRC,cAAc~~;~~eAAdA,8BAAc~~;;~~IASdC,qBAAqB~~;~~eAArBA,4CAAqB~~;;~~IA7CrBC,gBAAgB~~;~~eAAhBA~~,~~0BAAgB;;IANTC,YAAY;eAAZA,~~0BAAY~~;;IAAEC~~,~~aAAa;eAAbA,~~2BAAa~~;;IATlCC~~,~~kBAAkB;eAAlBA,~~4BAAkB~~;;IAwEXC~~,~~oBAAoB;eAApBA,~~iCAAoB~~;;IApE3BC~~,~~uBAAuB;eAAvBA,~~iCAAuB;;~~IAiDvBC,6BAA6B~~;~~eAA7BA,6CAA6B~~;;~~IAS7BC~~,oCAAoC~~;eAApCA~~,~~2DAAoC;;IA9BpCC,uBAAuB;eAAvBA,~~iCAAuB;;~~IApDvBC,mBAAmB~~;~~eAAnBA~~,~~yBAAmB;;IAJnBC,cAAc;eAAdA,~~oBAAc;;~~IAuDdC,kBAAkB~~;~~eAAlBA,4BAAkB~~;;~~IAqBlBC,wBAAwB~~;~~eAAxBA~~,~~wCAAwB;;IAjCjBC,kBAAkB;eAAlBA,~~0BAAkB;;~~IA0CzBC~~,+BAA+B~~;eAA~~/BA,~~sDAA+B;;IA1D/BC,iCAAiC;eAAjCA,~~2CAAiC~~;;IADjCC~~,~~0BAA0B;eAA1BA,~~oCAA0B~~;;IAD1BC~~,~~oBAAoB;eAApBA,~~8BAAoB~~;;IAoBbC~~,~~4BAA4B;eAA5BA,~~iDAA4B;;~~IAPnCC,0BAA0B~~;~~eAA1BA~~,~~oCAA0B;;IAnC1BC,6BAA6B;eAA7BA,~~mCAA6B~~;;IAiC7BC~~,~~uBAAuB;eAAvBA,~~iCAAuB~~;;IAsBvBC~~,~~iCAAiC;eAAjCA,~~2CAAiC~~;;IArBjCC~~,~~2BAA2B;eAA3BA,~~qCAA2B~~;;IAyC3BC~~,~~gCAAgC;eAAhCA,~~gDAAgC~~;;IAChCC~~,~~0BAA0B;eAA1BA,~~0CAA0B~~;;IAQ1BC~~,~~uCAAuC;eAAvCA,~~8DAAuC~~;;IACvCC~~,~~iCAAiC;eAAjCA,~~wDAAiC~~;;IA~~/~~BjCC~~,~~0BAA0B;eAA1BA,~~oCAA0B~~;;IAE1BC~~,~~oBAAoB;eAApBA,~~8BAAoB~~;;IAzDpBC~~,~~sBAAsB;eAAtBA,~~4BAAsB;;~~IADtBC~~,~~gBAAgB~~;~~eAAhBA~~,~~sBAAgB;;;sBAIX~~;~~0BAwBA~~;~~8BAIqC~~;~~0BAOrC~~;~~wBAG4B~~;~~qCAEU~~;~~0BAetC~~;~~8BAWsB~~;~~gCAStB~~;~~uCASA;6BAO8B~~"}
1	+ {"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n Tree,\n treeClassNames,\n useTree_unstable,\n useTreeStyles_unstable,\n useTreeContextValues_unstable,\n renderTree_unstable,\n} from './Tree';\n\nexport type {\n TreeSlots,\n TreeProps,\n TreeState,\n TreeContextValues,\n TreeOpenChangeData,\n TreeSelectionValue,\n TreeOpenChangeEvent,\n TreeCheckedChangeData,\n TreeCheckedChangeEvent,\n TreeNavigationData_unstable,\n TreeNavigationEvent_unstable,\n TreeNavigationMode,\n} from './Tree';\n\nexport {\n FlatTree,\n flatTreeClassNames,\n useFlatTree_unstable,\n useFlatTreeStyles_unstable,\n useFlatTreeContextValues_unstable,\n renderFlatTree_unstable,\n} from './FlatTree';\n\nexport type { FlatTreeSlots, FlatTreeProps, FlatTreeState } from './FlatTree';\n\nexport { TreeProvider, TreeRootReset } from './components/TreeProvider';\n\nexport {\n useTreeContext_unstable,\n useTreeItemContext_unstable,\n useSubtreeContext_unstable,\n TreeItemProvider,\n} from './contexts';\nexport type { TreeContextValue, SubtreeContextValue, TreeItemContextValue } from './contexts';\n\nexport { treeItemLevelToken } from './utils/tokens';\n\nexport { useHeadlessFlatTree_unstable } from './components/FlatTree/useHeadlessFlatTree';\nexport type {\n HeadlessFlatTree,\n HeadlessFlatTreeItem,\n HeadlessFlatTreeItemProps,\n HeadlessFlatTreeOptions,\n} from './components/FlatTree/useHeadlessFlatTree';\n\nexport {\n TreeItem,\n treeItemClassNames,\n renderTreeItem_unstable,\n useTreeItemStyles_unstable,\n useTreeItemContextValues_unstable,\n useTreeItem_unstable,\n} from './TreeItem';\nexport type {\n TreeItemProps,\n TreeItemState,\n TreeItemSlots,\n TreeItemType,\n TreeItemValue,\n TreeItemOpenChangeData,\n TreeItemOpenChangeEvent,\n} from './TreeItem';\n\nexport { FlatTreeItem } from './FlatTreeItem';\nexport type { FlatTreeItemProps } from './FlatTreeItem';\n\nexport {\n TreeItemLayout,\n treeItemLayoutClassNames,\n renderTreeItemLayout_unstable,\n useTreeItemLayoutStyles_unstable,\n useTreeItemLayout_unstable,\n} from './TreeItemLayout';\nexport type { TreeItemLayoutProps, TreeItemLayoutSlots, TreeItemLayoutState } from './TreeItemLayout';\n\nexport {\n TreeItemPersonaLayout,\n treeItemPersonaLayoutClassNames,\n renderTreeItemPersonaLayout_unstable,\n useTreeItemPersonaLayoutStyles_unstable,\n useTreeItemPersonaLayout_unstable,\n} from './TreeItemPersonaLayout';\nexport type {\n TreeItemPersonaLayoutProps,\n TreeItemPersonaLayoutSlots,\n TreeItemPersonaLayoutState,\n} from './TreeItemPersonaLayout';\n\nexport { flattenTree_unstable } from './utils/flattenTree';\nexport type { FlattenTreeItem } from './utils/flattenTree';\n"],"names":["Tree","treeClassNames","useTree_unstable","useTreeStyles_unstable","useTreeContextValues_unstable","renderTree_unstable","FlatTree","flatTreeClassNames","useFlatTree_unstable","useFlatTreeStyles_unstable","useFlatTreeContextValues_unstable","renderFlatTree_unstable","TreeProvider","TreeRootReset","useTreeContext_unstable","useTreeItemContext_unstable","useSubtreeContext_unstable","TreeItemProvider","treeItemLevelToken","useHeadlessFlatTree_unstable","TreeItem","treeItemClassNames","renderTreeItem_unstable","useTreeItemStyles_unstable","useTreeItemContextValues_unstable","useTreeItem_unstable","FlatTreeItem","TreeItemLayout","treeItemLayoutClassNames","renderTreeItemLayout_unstable","useTreeItemLayoutStyles_unstable","useTreeItemLayout_unstable","TreeItemPersonaLayout","treeItemPersonaLayoutClassNames","renderTreeItemPersonaLayout_unstable","useTreeItemPersonaLayoutStyles_unstable","useTreeItemPersonaLayout_unstable","flattenTree_unstable"],"mappings":";;;;;;;;;;;IAyBEM,QAAQ;;;IAgDDoB;yCAAY;;;eAxEnB1B,UAAI;;;eAuDJoB,kBAAQ;;IAqBRO;6CAAc;;yBASO;eAArBK;;IA7CAf;yCAAgB;;;eANTL,0BAAY;;;eAAEC,2BAAa;;;eATlCN,4BAAkB;;;eAwEX8B,iCAAoB;;;eApE3B1B,iCAAuB;;iCAiDM;eAA7BkB;;IASAK,oCAAoC;;;;eA9BpCZ,iCAAuB;;uBApDJ;eAAnBjB;;;eAJAJ,oBAAc;;sBAuDI;eAAlBoB;;IAqBAO;uDAAwB;;;eAjCjBV,0BAAkB;;IA0CzBe,+BAA+B;;;;eA1D/BvB,2CAAiC;;;eADjCD,oCAA0B;;;eAD1BD,8BAAoB;;;eAoBbW,iDAA4B;;IAPnCH;mDAA0B;;;eAnC1BZ,mCAA6B;;;eAiC7BU,iCAAuB;;;eAsBvBU,2CAAiC;;;eArBjCT,qCAA2B;;;eAyC3Be,gDAAgC;;;eAChCC,0CAA0B;;;eAQ1BI,8DAAuC;;;eACvCC,wDAAiC;;;eA/BjCb,oCAA0B;;;eAE1BE,8BAAoB;;;eAzDpBtB,4BAAsB;;oBADN;eAAhBD;;;sBAIK,SAAS;0BAwBT,aAAa;8BAIwB,4BAA4B;0BAOjE,aAAa;wBAGe,iBAAiB;qCAEP,4CAA4C;0BAelF,aAAa;8BAWS,iBAAiB;gCASvC,mBAAmB;uCASnB,0BAA0B;6BAOI,sBAAsB"}

package/lib-commonjs/utils/ImmutableMap.js CHANGED Viewed

@@ -10,7 +10,7 @@ Object.defineProperty(exports, "ImmutableMap", {
 });
 const _define_property = require("@swc/helpers/_/_define_property");
 const internalMapSymbol = Symbol('#internalMap');
-let _internalMapSymbol = internalMapSymbol, _Symbol_hasInstance = Symbol.hasInstance, _Symbol_iterator = Symbol.iterator;
+let _internalMapSymbol = internalMapSymbol;
 class ImmutableMap {
     static dangerouslyGetInternalMap(immutableMap) {
         return immutableMap[internalMapSymbol];
@@ -38,7 +38,7 @@ class ImmutableMap {
         }
         return new this(map);
     }
-    static [_Symbol_hasInstance](instance) {
+    static [Symbol.hasInstance](instance) {
         return Boolean(typeof instance === 'object' && instance && internalMapSymbol in instance);
     }
     delete(key) {
@@ -63,7 +63,7 @@ class ImmutableMap {
         copy[internalMapSymbol].set(key, value);
         return copy;
     }
-    [_Symbol_iterator]() {
+    [Symbol.iterator]() {
         return this[internalMapSymbol].entries();
     }
     /**

package/lib-commonjs/utils/ImmutableMap.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/utils/ImmutableMap.ts"],"sourcesContent":["const internalMapSymbol = Symbol('#internalMap');\n\nexport class ImmutableMap<Key, Value> implements Iterable<[Key, Value]> {\n public static empty: ImmutableMap<never, never> = new ImmutableMap(new Map<never, never>());\n public readonly size: number;\n\n private [internalMapSymbol]: Map<Key, Value>;\n\n public static dangerouslyGetInternalMap<Key, Value>(immutableMap: ImmutableMap<Key, Value>): Map<Key, Value> {\n return immutableMap[internalMapSymbol];\n }\n\n public static copy<Key, Value>(immutableMap: ImmutableMap<Key, Value>): ImmutableMap<Key, Value> {\n return this.from(immutableMap[internalMapSymbol]);\n }\n\n /*\n Creates a new {@link ImmutableMap} from an iterable.\n * If the iterable is undefined, {@link ImmutableMap.empty} will be returned.\n * If the iterable is already an {@link ImmutableMap}, it will be returned as is no copy will be made.\n /\n public static from<T extends [unknown, unknown]>(iterable?: Iterable<T>): ImmutableMap<T[0], T[1]>;\n /\n Creates a new {@link ImmutableMap} from an iterable with an auxiliary map function to modify the iterable.\n * If the iterable is undefined, {@link ImmutableMap.empty} will be returned.\n * If the iterable is already an {@link ImmutableMap}, it will be returned as is no copy will be made.\n * The map function will be called for each element in the iterable.\n /\n public static from<T, U extends [unknown, unknown]>(\n iterable: Iterable<T> \| undefined,\n mapFn: (value: T) => U,\n ): ImmutableMap<U[0], U[1]>;\n public static from(\n iterable?: Iterable<unknown>,\n mapFn?: (value: unknown) => [unknown, unknown],\n ): ImmutableMap<unknown, unknown> {\n if (iterable === undefined) {\n return this.empty;\n }\n if (!mapFn) {\n if (iterable instanceof this) {\n return iterable;\n }\n // casting here is ok, as the function overload ensures that the iterable is\n // Iterable<[unknown, unknown]>\n // if mapFn is not provided\n const iterableAsTuple = iterable as Iterable<[unknown, unknown]>;\n return new this(new Map(iterableAsTuple));\n }\n const map = new Map<unknown, unknown>();\n for (const value of iterable) {\n map.set(...mapFn(value));\n }\n return new this(map);\n }\n\n public static [Symbol.hasInstance](instance: unknown): boolean {\n return Boolean(typeof instance === 'object' && instance && internalMapSymbol in instance);\n }\n\n /\n Do not use this constructor directly, use {@link ImmutableMap.from} instead.\n * {@link ImmutableMap.from} handles instance verification (which might be problematic on {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/instanceof#instanceof_and_multiple_realms \| multiple realms}),\n * avoid unnecessary copies, supports iterables and ensures that the internal map is never exposed.\n \n ⚠️⚠️ _By using this constructor directly, you might end up with a mutable map, as it is not guaranteed that the internal map is not exposed._ ⚠️⚠️\n */\n constructor(internalMap: Map<Key, Value>) {\n this[internalMapSymbol] = internalMap;\n this.size = this[internalMapSymbol].size;\n }\n\n public delete(key: Key): ImmutableMap<Key, Value> {\n if (!this.has(key)) {\n return this;\n }\n const copy = ImmutableMap.copy(this);\n copy[internalMapSymbol].delete(key);\n return copy;\n }\n public get(key: Key): Value \| undefined {\n return this[internalMapSymbol].get(key);\n }\n public has(key: Key): boolean {\n return this[internalMapSymbol].has(key);\n }\n public set(key: Key, value: Value): ImmutableMap<Key, Value> {\n if (this.get(key) === value) {\n return this;\n }\n const copy = ImmutableMap.copy(this);\n copy[internalMapSymbol].set(key, value);\n return copy;\n }\n public [Symbol.iterator](): Iterator<[Key, Value]> {\n return this[internalMapSymbol].entries();\n }\n}\n"],"names":["~~ImmutableMap","~~internalMapSymbol","Symbol","~~hasInstance~~","~~iterator","~~dangerouslyGetInternalMap","immutableMap","copy","from","iterable","mapFn","undefined","empty","iterableAsTuple","Map","map","value","set","instance","Boolean","delete","key","has","get","entries","constructor","internalMap","~~_define_property","~~size"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","~~mappings":";;;;+~~BAEaA;;;eAAAA;;;;~~AAFb,~~MAAMC~~,oBAAoBC,OAAO;IAMtBD,qBAAAA~~,mBAkDMC,sBAAAA,OAAOC,WAAW,EAsCzBD,mBAAAA,OAAOE,QAAQ~~;~~AA5FlB,MAAMJ~~;~~IAMX~~,~~OAAcK~~,0BAAsCC,YAAsC,EAAmB;QAC3G,OAAOA,YAAY,~~CAACL~~,kBAAkB;IACxC;IAEA,~~OAAcM~~,KAAiBD,YAAsC,EAA4B;QAC/F,OAAO,IAAI,CAACE,IAAI,CAACF,YAAY,~~CAACL~~,kBAAkB;IAClD;IAkBA,~~OAAcO~~,KACZC,QAA4B,EAC5BC,KAA8C,EACd;QAChC,IAAID,aAAaE,WAAW;YAC1B,OAAO,IAAI,CAACC,KAAK;QACnB;QACA,IAAI,CAACF,OAAO;YACV,IAAID,oBAAoB,IAAI,EAAE;gBAC5B,OAAOA;YACT;YACA,4EAA4E;YAC5E,+BAA+B;YAC/B,2BAA2B;YAC3B,MAAMI,kBAAkBJ;YACxB,OAAO,IAAI,IAAI,CAAC,IAAIK,IAAID;QAC1B;QACA,MAAME,MAAM,IAAID;QAChB,KAAK,MAAME,SAASP,SAAU;YAC5BM,IAAIE,GAAG,IAAIP,MAAMM;QACnB;QACA,OAAO,IAAI,IAAI,CAACD;IAClB;IAEA,OAAc,~~CAACb~~,~~oBAAmB~~,~~CAACgB~~,QAAiB,EAAW;QAC7D,OAAOC,QAAQ,OAAOD,aAAa,YAAYA,YAAYjB,qBAAqBiB;IAClF;IAcOE,OAAOC,GAAQ,EAA4B;QAChD,IAAI,CAAC,IAAI,CAACC,GAAG,CAACD,MAAM;YAClB,OAAO,IAAI;QACb;QACA,~~MAAMd~~,~~OAAOP~~,~~aAAaO~~,IAAI,CAAC,IAAI;QACnCA,IAAI,~~CAACN~~,kBAAkB,CAACmB,MAAM,CAACC;QAC/B,~~OAAOd~~;IACT;~~IACOgB~~,IAAIF,GAAQ,EAAqB;QACtC,OAAO,IAAI,CAACpB,kBAAkB,CAACsB,GAAG,CAACF;IACrC;IACOC,IAAID,GAAQ,EAAW;QAC5B,OAAO,IAAI,CAACpB,kBAAkB,CAACqB,GAAG,CAACD;IACrC;~~IACOJ~~,~~IAAII~~,GAAQ,~~EAAEL~~,KAAY,EAA4B;QAC3D,IAAI,IAAI,~~CAACO~~,GAAG,CAACF,~~SAASL~~,OAAO;YAC3B,OAAO,IAAI;QACb;QACA,MAAMT,~~OAAOP~~,~~aAAaO~~,IAAI,CAAC,IAAI;QACnCA,IAAI,~~CAACN~~,kBAAkB,~~CAACgB~~,GAAG,~~CAACI~~,~~KAAKL~~;QACjC,OAAOT;IACT;IACO,~~CAACL~~,~~iBAAgB~~,GAA2B;QACjD,OAAO,IAAI,~~CAACD~~,kBAAkB,~~CAACuB~~,OAAO;IACxC;IApCA;;;;;;GAMC,GACDC,YAAYC,WAA4B,CAAE;QA/~~D1CC~~,~~IAAAA,~~kBAAA,EAAA,IAAA,EAAgBC,QAAhB,KAAA;~~QAEAD~~,~~IAAAA,~~kBAAA,EAAA,IAAA,~~EAAS1B~~,oBAAT,KAAA;QA8DE,IAAI,CAACA,kBAAkB,~~GAAGyB~~;QAC1B,IAAI,~~CAACE~~,IAAI,GAAG,IAAI,CAAC3B,kBAAkB,CAAC2B,IAAI;IAC1C;AA2BF;~~AA9FED~~,~~IAAAA,~~kBAAA,~~EADW3B~~,~~cACGY~~,SAAoC,~~IAAIZ~~,aAAa,~~IAAIc~~"}
1	+ {"version":3,"sources":["../src/utils/ImmutableMap.ts"],"sourcesContent":["const internalMapSymbol = Symbol('#internalMap');\n\nexport class ImmutableMap<Key, Value> implements Iterable<[Key, Value]> {\n public static empty: ImmutableMap<never, never> = new ImmutableMap(new Map<never, never>());\n public readonly size: number;\n\n private [internalMapSymbol]: Map<Key, Value>;\n\n public static dangerouslyGetInternalMap<Key, Value>(immutableMap: ImmutableMap<Key, Value>): Map<Key, Value> {\n return immutableMap[internalMapSymbol];\n }\n\n public static copy<Key, Value>(immutableMap: ImmutableMap<Key, Value>): ImmutableMap<Key, Value> {\n return this.from(immutableMap[internalMapSymbol]);\n }\n\n /*\n Creates a new {@link ImmutableMap} from an iterable.\n * If the iterable is undefined, {@link ImmutableMap.empty} will be returned.\n * If the iterable is already an {@link ImmutableMap}, it will be returned as is no copy will be made.\n /\n public static from<T extends [unknown, unknown]>(iterable?: Iterable<T>): ImmutableMap<T[0], T[1]>;\n /\n Creates a new {@link ImmutableMap} from an iterable with an auxiliary map function to modify the iterable.\n * If the iterable is undefined, {@link ImmutableMap.empty} will be returned.\n * If the iterable is already an {@link ImmutableMap}, it will be returned as is no copy will be made.\n * The map function will be called for each element in the iterable.\n /\n public static from<T, U extends [unknown, unknown]>(\n iterable: Iterable<T> \| undefined,\n mapFn: (value: T) => U,\n ): ImmutableMap<U[0], U[1]>;\n public static from(\n iterable?: Iterable<unknown>,\n mapFn?: (value: unknown) => [unknown, unknown],\n ): ImmutableMap<unknown, unknown> {\n if (iterable === undefined) {\n return this.empty;\n }\n if (!mapFn) {\n if (iterable instanceof this) {\n return iterable;\n }\n // casting here is ok, as the function overload ensures that the iterable is\n // Iterable<[unknown, unknown]>\n // if mapFn is not provided\n const iterableAsTuple = iterable as Iterable<[unknown, unknown]>;\n return new this(new Map(iterableAsTuple));\n }\n const map = new Map<unknown, unknown>();\n for (const value of iterable) {\n map.set(...mapFn(value));\n }\n return new this(map);\n }\n\n public static [Symbol.hasInstance](instance: unknown): boolean {\n return Boolean(typeof instance === 'object' && instance && internalMapSymbol in instance);\n }\n\n /\n Do not use this constructor directly, use {@link ImmutableMap.from} instead.\n * {@link ImmutableMap.from} handles instance verification (which might be problematic on {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/instanceof#instanceof_and_multiple_realms \| multiple realms}),\n * avoid unnecessary copies, supports iterables and ensures that the internal map is never exposed.\n \n ⚠️⚠️ _By using this constructor directly, you might end up with a mutable map, as it is not guaranteed that the internal map is not exposed._ ⚠️⚠️\n */\n constructor(internalMap: Map<Key, Value>) {\n this[internalMapSymbol] = internalMap;\n this.size = this[internalMapSymbol].size;\n }\n\n public delete(key: Key): ImmutableMap<Key, Value> {\n if (!this.has(key)) {\n return this;\n }\n const copy = ImmutableMap.copy(this);\n copy[internalMapSymbol].delete(key);\n return copy;\n }\n public get(key: Key): Value \| undefined {\n return this[internalMapSymbol].get(key);\n }\n public has(key: Key): boolean {\n return this[internalMapSymbol].has(key);\n }\n public set(key: Key, value: Value): ImmutableMap<Key, Value> {\n if (this.get(key) === value) {\n return this;\n }\n const copy = ImmutableMap.copy(this);\n copy[internalMapSymbol].set(key, value);\n return copy;\n }\n public [Symbol.iterator](): Iterator<[Key, Value]> {\n return this[internalMapSymbol].entries();\n }\n}\n"],"names":["internalMapSymbol","Symbol","ImmutableMap","dangerouslyGetInternalMap","immutableMap","copy","from","iterable","mapFn","undefined","empty","iterableAsTuple","Map","map","value","set","hasInstance","instance","Boolean","delete","key","has","get","iterator","entries","constructor","internalMap","size"],"mappings":";;;;+BAEaE;;;;;;;AAFb,MAAMF,oBAAoBC,OAAO;IAMtBD,qBAAAA;AAJJ;IAML,OAAcG,0BAAsCC,YAAsC,EAAmB;QAC3G,OAAOA,YAAY,CAACJ,kBAAkB;IACxC;IAEA,OAAcK,KAAiBD,YAAsC,EAA4B;QAC/F,OAAO,IAAI,CAACE,IAAI,CAACF,YAAY,CAACJ,kBAAkB;IAClD;IAkBA,OAAcM,KACZC,QAA4B,EAC5BC,KAA8C,EACd;QAChC,IAAID,aAAaE,WAAW;YAC1B,OAAO,IAAI,CAACC,KAAK;QACnB;QACA,IAAI,CAACF,OAAO;YACV,IAAID,oBAAoB,IAAI,EAAE;gBAC5B,OAAOA;YACT;YACA,4EAA4E;YAC5E,+BAA+B;YAC/B,2BAA2B;YAC3B,MAAMI,kBAAkBJ;YACxB,OAAO,IAAI,IAAI,CAAC,IAAIK,IAAID;QAC1B;QACA,MAAME,MAAM,IAAID;QAChB,KAAK,MAAME,SAASP,SAAU;YAC5BM,IAAIE,GAAG,IAAIP,MAAMM;QACnB;QACA,OAAO,IAAI,IAAI,CAACD;IAClB;IAEA,OAAc,CAACZ,OAAOe,WAAW,CAAC,CAACC,QAAiB,EAAW;QAC7D,OAAOC,QAAQ,OAAOD,aAAa,YAAYA,YAAYjB,qBAAqBiB;IAClF;IAcOE,OAAOC,GAAQ,EAA4B;QAChD,IAAI,CAAC,IAAI,CAACC,GAAG,CAACD,MAAM;YAClB,OAAO,IAAI;QACb;QACA,MAAMf,OAAOH,aAAaG,IAAI,CAAC,IAAI;QACnCA,IAAI,CAACL,kBAAkB,CAACmB,MAAM,CAACC;QAC/B,OAAOf;IACT;IACOiB,IAAIF,GAAQ,EAAqB;QACtC,OAAO,IAAI,CAACpB,kBAAkB,CAACsB,GAAG,CAACF;IACrC;IACOC,IAAID,GAAQ,EAAW;QAC5B,OAAO,IAAI,CAACpB,kBAAkB,CAACqB,GAAG,CAACD;IACrC;IACOL,IAAIK,GAAQ,EAAEN,KAAY,EAA4B;QAC3D,IAAI,IAAI,CAACQ,GAAG,CAACF,SAASN,OAAO;YAC3B,OAAO,IAAI;QACb;QACA,MAAMT,OAAOH,aAAaG,IAAI,CAAC,IAAI;QACnCA,IAAI,CAACL,kBAAkB,CAACe,GAAG,CAACK,KAAKN;QACjC,OAAOT;IACT;IACO,CAACJ,OAAOsB,QAAQ,CAAC,GAA2B;QACjD,OAAO,IAAI,CAACvB,kBAAkB,CAACwB,OAAO;IACxC;IApCA;;;;;;GAMC,GACDC,YAAYC,WAA4B,CAAE;YA/D1C,kBAAA,EAAA,IAAA,EAAgBC,QAAhB,KAAA;YAEA,kBAAA,EAAA,IAAA,EAAS3B,oBAAT,KAAA;QA8DE,IAAI,CAACA,kBAAkB,GAAG0B;QAC1B,IAAI,CAACC,IAAI,GAAG,IAAI,CAAC3B,kBAAkB,CAAC2B,IAAI;IAC1C;AA2BF;IA9FE,kBAAA,EADWzB,cACGQ,SAAoC,IAAIR,aAAa,IAAIU"}

package/lib-commonjs/utils/ImmutableSet.js CHANGED Viewed

@@ -10,7 +10,7 @@ Object.defineProperty(exports, "ImmutableSet", {
 });
 const _define_property = require("@swc/helpers/_/_define_property");
 const internalSetSymbol = Symbol('#internalSet');
-let _internalSetSymbol = internalSetSymbol, _Symbol_hasInstance = Symbol.hasInstance, _Symbol_iterator = Symbol.iterator;
+let _internalSetSymbol = internalSetSymbol;
 class ImmutableSet {
     static dangerouslyGetInternalSet(set) {
         return set[internalSetSymbol];
@@ -31,7 +31,7 @@ class ImmutableSet {
         }
         return new this(new Set(iterable));
     }
-    static [_Symbol_hasInstance](instance) {
+    static [Symbol.hasInstance](instance) {
         return Boolean(typeof instance === 'object' && instance && internalSetSymbol in instance);
     }
     add(value) {
@@ -53,7 +53,7 @@ class ImmutableSet {
     has(value) {
         return this[internalSetSymbol].has(value);
     }
-    [_Symbol_iterator]() {
+    [Symbol.iterator]() {
         return this[internalSetSymbol].values();
     }
     /**