@fluentui/react-tree 9.0.0-beta.4 → 9.0.0-beta.6

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 (176) hide show
  1. package/.swcrc +30 -0
  2. package/CHANGELOG.json +151 -1
  3. package/CHANGELOG.md +40 -2
  4. package/lib/Tree.js.map +1 -1
  5. package/lib/TreeItem.js.map +1 -1
  6. package/lib/TreeItemLayout.js.map +1 -1
  7. package/lib/TreeItemPersonaLayout.js.map +1 -1
  8. package/lib/components/Tree/Tree.js.map +1 -1
  9. package/lib/components/Tree/Tree.types.js +1 -1
  10. package/lib/components/Tree/Tree.types.js.map +1 -1
  11. package/lib/components/Tree/index.js.map +1 -1
  12. package/lib/components/Tree/renderTree.js +1 -3
  13. package/lib/components/Tree/renderTree.js.map +1 -1
  14. package/lib/components/Tree/useTree.js +5 -4
  15. package/lib/components/Tree/useTree.js.map +1 -1
  16. package/lib/components/Tree/useTreeContextValues.js +3 -3
  17. package/lib/components/Tree/useTreeContextValues.js.map +1 -1
  18. package/lib/components/Tree/useTreeStyles.js.map +1 -1
  19. package/lib/components/TreeItem/TreeItem.js.map +1 -1
  20. package/lib/components/TreeItem/TreeItem.types.js +1 -1
  21. package/lib/components/TreeItem/TreeItem.types.js.map +1 -1
  22. package/lib/components/TreeItem/index.js.map +1 -1
  23. package/lib/components/TreeItem/renderTreeItem.js +2 -12
  24. package/lib/components/TreeItem/renderTreeItem.js.map +1 -1
  25. package/lib/components/TreeItem/useTreeItem.js.map +1 -1
  26. package/lib/components/TreeItem/useTreeItemContextValues.js.map +1 -1
  27. package/lib/components/TreeItem/useTreeItemStyles.js.map +1 -1
  28. package/lib/components/TreeItemLayout/TreeItemLayout.js.map +1 -1
  29. package/lib/components/TreeItemLayout/TreeItemLayout.types.js.map +1 -1
  30. package/lib/components/TreeItemLayout/index.js.map +1 -1
  31. package/lib/components/TreeItemLayout/renderTreeItemLayout.js +1 -9
  32. package/lib/components/TreeItemLayout/renderTreeItemLayout.js.map +1 -1
  33. package/lib/components/TreeItemLayout/useTreeItemLayout.js +1 -0
  34. package/lib/components/TreeItemLayout/useTreeItemLayout.js.map +1 -1
  35. package/lib/components/TreeItemLayout/useTreeItemLayoutStyles.js.map +1 -1
  36. package/lib/components/TreeItemPersonaLayout/TreeItemPersonaLayout.js.map +1 -1
  37. package/lib/components/TreeItemPersonaLayout/TreeItemPersonaLayout.types.js.map +1 -1
  38. package/lib/components/TreeItemPersonaLayout/index.js.map +1 -1
  39. package/lib/components/TreeItemPersonaLayout/renderTreeItemPersonaLayout.js +2 -14
  40. package/lib/components/TreeItemPersonaLayout/renderTreeItemPersonaLayout.js.map +1 -1
  41. package/lib/components/TreeItemPersonaLayout/useTreeItemPersonaLayout.js +1 -0
  42. package/lib/components/TreeItemPersonaLayout/useTreeItemPersonaLayout.js.map +1 -1
  43. package/lib/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutContextValues.js.map +1 -1
  44. package/lib/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutStyles.js.map +1 -1
  45. package/lib/contexts/index.js.map +1 -1
  46. package/lib/contexts/treeContext.js +1 -2
  47. package/lib/contexts/treeContext.js.map +1 -1
  48. package/lib/contexts/treeItemContext.js +2 -4
  49. package/lib/contexts/treeItemContext.js.map +1 -1
  50. package/lib/hooks/index.js.map +1 -1
  51. package/lib/hooks/useFlatTree.js +2 -4
  52. package/lib/hooks/useFlatTree.js.map +1 -1
  53. package/lib/hooks/useFlatTreeNavigation.js.map +1 -1
  54. package/lib/hooks/useHTMLElementWalker.js +5 -5
  55. package/lib/hooks/useHTMLElementWalker.js.map +1 -1
  56. package/lib/hooks/useNestedTreeNavigation.js.map +1 -1
  57. package/lib/hooks/useOpenItemsState.js.map +1 -1
  58. package/lib/hooks/useRovingTabIndexes.js.map +1 -1
  59. package/lib/index.js.map +1 -1
  60. package/lib/utils/ImmutableSet.js.map +1 -1
  61. package/lib/utils/assert.js +1 -0
  62. package/lib/utils/assert.js.map +1 -1
  63. package/lib/utils/createUnfilteredFlatTree.js +3 -4
  64. package/lib/utils/createUnfilteredFlatTree.js.map +1 -1
  65. package/lib/utils/createVisibleFlatTree.js +10 -7
  66. package/lib/utils/createVisibleFlatTree.js.map +1 -1
  67. package/lib/utils/flattenTree.js +3 -4
  68. package/lib/utils/flattenTree.js.map +1 -1
  69. package/lib/utils/nextTypeAheadElement.js +2 -2
  70. package/lib/utils/nextTypeAheadElement.js.map +1 -1
  71. package/lib/utils/normalizeOpenItems.js.map +1 -1
  72. package/lib/utils/tokens.js.map +1 -1
  73. package/lib/utils/treeItemFilter.js.map +1 -1
  74. package/lib-commonjs/Tree.js +5 -4
  75. package/lib-commonjs/Tree.js.map +1 -1
  76. package/lib-commonjs/TreeItem.js +5 -4
  77. package/lib-commonjs/TreeItem.js.map +1 -1
  78. package/lib-commonjs/TreeItemLayout.js +5 -4
  79. package/lib-commonjs/TreeItemLayout.js.map +1 -1
  80. package/lib-commonjs/TreeItemPersonaLayout.js +5 -4
  81. package/lib-commonjs/TreeItemPersonaLayout.js.map +1 -1
  82. package/lib-commonjs/components/Tree/Tree.js +18 -22
  83. package/lib-commonjs/components/Tree/Tree.js.map +1 -1
  84. package/lib-commonjs/components/Tree/Tree.types.js +5 -2
  85. package/lib-commonjs/components/Tree/Tree.types.js.map +1 -1
  86. package/lib-commonjs/components/Tree/index.js +10 -9
  87. package/lib-commonjs/components/Tree/index.js.map +1 -1
  88. package/lib-commonjs/components/Tree/renderTree.js +16 -18
  89. package/lib-commonjs/components/Tree/renderTree.js.map +1 -1
  90. package/lib-commonjs/components/Tree/useTree.js +88 -101
  91. package/lib-commonjs/components/Tree/useTree.js.map +1 -1
  92. package/lib-commonjs/components/Tree/useTreeContextValues.js +22 -28
  93. package/lib-commonjs/components/Tree/useTreeContextValues.js.map +1 -1
  94. package/lib-commonjs/components/Tree/useTreeStyles.js +31 -20
  95. package/lib-commonjs/components/Tree/useTreeStyles.js.map +1 -1
  96. package/lib-commonjs/components/TreeItem/TreeItem.js +18 -17
  97. package/lib-commonjs/components/TreeItem/TreeItem.js.map +1 -1
  98. package/lib-commonjs/components/TreeItem/TreeItem.types.js +5 -3
  99. package/lib-commonjs/components/TreeItem/TreeItem.types.js.map +1 -1
  100. package/lib-commonjs/components/TreeItem/index.js +9 -8
  101. package/lib-commonjs/components/TreeItem/index.js.map +1 -1
  102. package/lib-commonjs/components/TreeItem/renderTreeItem.js +19 -32
  103. package/lib-commonjs/components/TreeItem/renderTreeItem.js.map +1 -1
  104. package/lib-commonjs/components/TreeItem/useTreeItem.js +229 -249
  105. package/lib-commonjs/components/TreeItem/useTreeItem.js.map +1 -1
  106. package/lib-commonjs/components/TreeItem/useTreeItemContextValues.js +24 -20
  107. package/lib-commonjs/components/TreeItem/useTreeItemContextValues.js.map +1 -1
  108. package/lib-commonjs/components/TreeItem/useTreeItemStyles.js +353 -188
  109. package/lib-commonjs/components/TreeItem/useTreeItemStyles.js.map +1 -1
  110. package/lib-commonjs/components/TreeItemLayout/TreeItemLayout.js +16 -15
  111. package/lib-commonjs/components/TreeItemLayout/TreeItemLayout.js.map +1 -1
  112. package/lib-commonjs/components/TreeItemLayout/TreeItemLayout.types.js +3 -2
  113. package/lib-commonjs/components/TreeItemLayout/TreeItemLayout.types.js.map +1 -1
  114. package/lib-commonjs/components/TreeItemLayout/index.js +9 -8
  115. package/lib-commonjs/components/TreeItemLayout/index.js.map +1 -1
  116. package/lib-commonjs/components/TreeItemLayout/renderTreeItemLayout.js +14 -27
  117. package/lib-commonjs/components/TreeItemLayout/renderTreeItemLayout.js.map +1 -1
  118. package/lib-commonjs/components/TreeItemLayout/useTreeItemLayout.js +42 -52
  119. package/lib-commonjs/components/TreeItemLayout/useTreeItemLayout.js.map +1 -1
  120. package/lib-commonjs/components/TreeItemLayout/useTreeItemLayoutStyles.js +126 -88
  121. package/lib-commonjs/components/TreeItemLayout/useTreeItemLayoutStyles.js.map +1 -1
  122. package/lib-commonjs/components/TreeItemPersonaLayout/TreeItemPersonaLayout.js +18 -17
  123. package/lib-commonjs/components/TreeItemPersonaLayout/TreeItemPersonaLayout.js.map +1 -1
  124. package/lib-commonjs/components/TreeItemPersonaLayout/TreeItemPersonaLayout.types.js +3 -2
  125. package/lib-commonjs/components/TreeItemPersonaLayout/TreeItemPersonaLayout.types.js.map +1 -1
  126. package/lib-commonjs/components/TreeItemPersonaLayout/index.js +9 -8
  127. package/lib-commonjs/components/TreeItemPersonaLayout/index.js.map +1 -1
  128. package/lib-commonjs/components/TreeItemPersonaLayout/renderTreeItemPersonaLayout.js +17 -34
  129. package/lib-commonjs/components/TreeItemPersonaLayout/renderTreeItemPersonaLayout.js.map +1 -1
  130. package/lib-commonjs/components/TreeItemPersonaLayout/useTreeItemPersonaLayout.js +46 -61
  131. package/lib-commonjs/components/TreeItemPersonaLayout/useTreeItemPersonaLayout.js.map +1 -1
  132. package/lib-commonjs/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutContextValues.js +18 -15
  133. package/lib-commonjs/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutContextValues.js.map +1 -1
  134. package/lib-commonjs/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutStyles.js +165 -101
  135. package/lib-commonjs/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutStyles.js.map +1 -1
  136. package/lib-commonjs/contexts/index.js +6 -5
  137. package/lib-commonjs/contexts/index.js.map +1 -1
  138. package/lib-commonjs/contexts/treeContext.js +25 -17
  139. package/lib-commonjs/contexts/treeContext.js.map +1 -1
  140. package/lib-commonjs/contexts/treeItemContext.js +20 -12
  141. package/lib-commonjs/contexts/treeItemContext.js.map +1 -1
  142. package/lib-commonjs/hooks/index.js +7 -6
  143. package/lib-commonjs/hooks/index.js.map +1 -1
  144. package/lib-commonjs/hooks/useFlatTree.js +45 -51
  145. package/lib-commonjs/hooks/useFlatTree.js.map +1 -1
  146. package/lib-commonjs/hooks/useFlatTreeNavigation.js +70 -69
  147. package/lib-commonjs/hooks/useFlatTreeNavigation.js.map +1 -1
  148. package/lib-commonjs/hooks/useHTMLElementWalker.js +94 -83
  149. package/lib-commonjs/hooks/useHTMLElementWalker.js.map +1 -1
  150. package/lib-commonjs/hooks/useNestedTreeNavigation.js +61 -58
  151. package/lib-commonjs/hooks/useNestedTreeNavigation.js.map +1 -1
  152. package/lib-commonjs/hooks/useOpenItemsState.js +32 -22
  153. package/lib-commonjs/hooks/useOpenItemsState.js.map +1 -1
  154. package/lib-commonjs/hooks/useRovingTabIndexes.js +56 -53
  155. package/lib-commonjs/hooks/useRovingTabIndexes.js.map +1 -1
  156. package/lib-commonjs/index.js +48 -180
  157. package/lib-commonjs/index.js.map +1 -1
  158. package/lib-commonjs/utils/ImmutableSet.js +39 -38
  159. package/lib-commonjs/utils/ImmutableSet.js.map +1 -1
  160. package/lib-commonjs/utils/assert.js +13 -9
  161. package/lib-commonjs/utils/assert.js.map +1 -1
  162. package/lib-commonjs/utils/createUnfilteredFlatTree.js +84 -75
  163. package/lib-commonjs/utils/createUnfilteredFlatTree.js.map +1 -1
  164. package/lib-commonjs/utils/createVisibleFlatTree.js +77 -78
  165. package/lib-commonjs/utils/createVisibleFlatTree.js.map +1 -1
  166. package/lib-commonjs/utils/flattenTree.js +25 -29
  167. package/lib-commonjs/utils/flattenTree.js.map +1 -1
  168. package/lib-commonjs/utils/nextTypeAheadElement.js +18 -16
  169. package/lib-commonjs/utils/nextTypeAheadElement.js.map +1 -1
  170. package/lib-commonjs/utils/normalizeOpenItems.js +13 -9
  171. package/lib-commonjs/utils/normalizeOpenItems.js.map +1 -1
  172. package/lib-commonjs/utils/tokens.js +30 -20
  173. package/lib-commonjs/utils/tokens.js.map +1 -1
  174. package/lib-commonjs/utils/treeItemFilter.js +9 -7
  175. package/lib-commonjs/utils/treeItemFilter.js.map +1 -1
  176. package/package.json +19 -15
@@ -1,27 +1,38 @@
1
1
  "use strict";
2
-
3
2
  Object.defineProperty(exports, "__esModule", {
4
- value: true
3
+ value: true
4
+ });
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: all[name]
9
+ });
10
+ }
11
+ _export(exports, {
12
+ treeClassNames: ()=>treeClassNames,
13
+ useTreeStyles_unstable: ()=>useTreeStyles_unstable
5
14
  });
6
- exports.useTreeStyles_unstable = exports.treeClassNames = void 0;
7
- const react_1 = /*#__PURE__*/require("@griffel/react");
8
- const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
9
- exports.treeClassNames = {
10
- root: 'fui-Tree'
15
+ const _react = require("@griffel/react");
16
+ const treeClassNames = {
17
+ root: 'fui-Tree'
11
18
  };
12
- const useStyles = /*#__PURE__*/react_1.__styles({
13
- root: {
14
- mc9l5x: "f22iagw",
15
- Beiy3e4: "f1vx9l62",
16
- Belr9w4: "f1j0q4x9"
17
- }
19
+ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
20
+ root: {
21
+ mc9l5x: "f22iagw",
22
+ Beiy3e4: "f1vx9l62",
23
+ Belr9w4: "f1j0q4x9"
24
+ }
18
25
  }, {
19
- d: [".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}", ".f1j0q4x9{row-gap:var(--spacingVerticalXXS);}"]
26
+ d: [
27
+ ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
28
+ ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}",
29
+ ".f1j0q4x9{row-gap:var(--spacingVerticalXXS);}"
30
+ ]
20
31
  });
21
- const useTreeStyles_unstable = state => {
22
- const styles = useStyles();
23
- state.root.className = react_1.mergeClasses(exports.treeClassNames.root, styles.root, state.root.className);
24
- return state;
25
- };
26
- exports.useTreeStyles_unstable = useTreeStyles_unstable;
32
+ const useTreeStyles_unstable = (state)=>{
33
+ const styles = useStyles();
34
+ state.root.className = (0, _react.mergeClasses)(treeClassNames.root, styles.root, state.root.className);
35
+ return state;
36
+ }; //# sourceMappingURL=useTreeStyles.js.map
37
+
27
38
  //# sourceMappingURL=useTreeStyles.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["react_1","require","react_theme_1","exports","treeClassNames","root","useStyles","__styles","mc9l5x","Beiy3e4","Belr9w4","d","useTreeStyles_unstable","state","styles","className","mergeClasses"],"sources":["../src/packages/react-components/react-tree/src/components/Tree/useTreeStyles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport type { TreeSlots, TreeState } from './Tree.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { tokens } from '@fluentui/react-theme';\n\nexport const treeClassNames: SlotClassNames<TreeSlots> = {\n root: 'fui-Tree',\n};\n\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n flexDirection: 'column',\n rowGap: tokens.spacingVerticalXXS,\n },\n});\n\nexport const useTreeStyles_unstable = (state: TreeState): TreeState => {\n const styles = useStyles();\n state.root.className = mergeClasses(treeClassNames.root, styles.root, state.root.className);\n\n return state;\n};\n"],"mappings":";;;;;;AAAA,MAAAA,OAAA,gBAAAC,OAAA;AAGA,MAAAC,aAAA,gBAAAD,OAAA;AAEaE,OAAA,CAAAC,cAAc,GAA8B;EACvDC,IAAI,EAAE;CACP;AAED,MAAMC,SAAS,gBAAGN,OAAA,CAAAO,QAAU;EAAAF,IAAA;IAAAG,MAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAM1B;AAEK,MAAMC,sBAAsB,GAAIC,KAAgB,IAAe;EACpE,MAAMC,MAAM,GAAGR,SAAS,EAAE;EAC1BO,KAAK,CAACR,IAAI,CAACU,SAAS,GAAGf,OAAA,CAAAgB,YAAY,CAACb,OAAA,CAAAC,cAAc,CAACC,IAAI,EAAES,MAAM,CAACT,IAAI,EAAEQ,KAAK,CAACR,IAAI,CAACU,SAAS,CAAC;EAE3F,OAAOF,KAAK;AACd,CAAC;AALYV,OAAA,CAAAS,sBAAsB,GAAAA,sBAAA"}
1
+ {"version":3,"sources":["../../../lib/components/Tree/useTreeStyles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const treeClassNames = {\n root: 'fui-Tree'\n};\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n mc9l5x: \"f22iagw\",\n Beiy3e4: \"f1vx9l62\",\n Belr9w4: \"f1j0q4x9\"\n }\n}, {\n d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}\", \".f1j0q4x9{row-gap:var(--spacingVerticalXXS);}\"]\n});\nexport const useTreeStyles_unstable = state => {\n const styles = useStyles();\n state.root.className = mergeClasses(treeClassNames.root, styles.root, state.root.className);\n return state;\n};\n//# sourceMappingURL=useTreeStyles.js.map"],"names":["treeClassNames","useTreeStyles_unstable","root","useStyles","__styles","mc9l5x","Beiy3e4","Belr9w4","d","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,cAAc,MAAdA;IAYAC,sBAAsB,MAAtBA;;uBAd0B;AAEhC,MAAMD,iBAAiB;IAC5BE,MAAM;AACR;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCF,MAAM;QACJG,QAAQ;QACRC,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAAwF;QAA6F;KAAgD;AAC3O;AACO,MAAMP,yBAAyBQ,CAAAA,QAAS;IAC7C,MAAMC,SAASP;IACfM,MAAMP,IAAI,CAACS,SAAS,GAAGC,IAAAA,mBAAY,EAACZ,eAAeE,IAAI,EAAEQ,OAAOR,IAAI,EAAEO,MAAMP,IAAI,CAACS,SAAS;IAC1F,OAAOF;AACT,GACA,yCAAyC"}
@@ -1,22 +1,23 @@
1
1
  "use strict";
2
-
3
2
  Object.defineProperty(exports, "__esModule", {
4
- value: true
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "TreeItem", {
6
+ enumerable: true,
7
+ get: ()=>TreeItem
5
8
  });
6
- exports.TreeItem = void 0;
7
- const React = /*#__PURE__*/require("react");
8
- const useTreeItem_1 = /*#__PURE__*/require("./useTreeItem");
9
- const renderTreeItem_1 = /*#__PURE__*/require("./renderTreeItem");
10
- const useTreeItemStyles_1 = /*#__PURE__*/require("./useTreeItemStyles");
11
- const useTreeItemContextValues_1 = /*#__PURE__*/require("./useTreeItemContextValues");
12
- /**
13
- * TreeItem component - TODO: add more docs
14
- */
15
- exports.TreeItem = /*#__PURE__*/React.forwardRef((props, ref) => {
16
- const state = useTreeItem_1.useTreeItem_unstable(props, ref);
17
- useTreeItemStyles_1.useTreeItemStyles_unstable(state);
18
- const contextValues = useTreeItemContextValues_1.useTreeItemContextValues_unstable(state);
19
- return renderTreeItem_1.renderTreeItem_unstable(state, contextValues);
9
+ const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
10
+ const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
11
+ const _useTreeItem = require("./useTreeItem");
12
+ const _renderTreeItem = require("./renderTreeItem");
13
+ const _useTreeItemStyles = require("./useTreeItemStyles");
14
+ const _useTreeItemContextValues = require("./useTreeItemContextValues");
15
+ const TreeItem = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
16
+ const state = (0, _useTreeItem.useTreeItem_unstable)(props, ref);
17
+ (0, _useTreeItemStyles.useTreeItemStyles_unstable)(state);
18
+ const contextValues = (0, _useTreeItemContextValues.useTreeItemContextValues_unstable)(state);
19
+ return (0, _renderTreeItem.renderTreeItem_unstable)(state, contextValues);
20
20
  });
21
- exports.TreeItem.displayName = 'TreeItem';
21
+ TreeItem.displayName = 'TreeItem'; //# sourceMappingURL=TreeItem.js.map
22
+
22
23
  //# sourceMappingURL=TreeItem.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["React","require","useTreeItem_1","renderTreeItem_1","useTreeItemStyles_1","useTreeItemContextValues_1","exports","TreeItem","forwardRef","props","ref","state","useTreeItem_unstable","useTreeItemStyles_unstable","contextValues","useTreeItemContextValues_unstable","renderTreeItem_unstable","displayName"],"sources":["../src/packages/react-components/react-tree/src/components/TreeItem/TreeItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTreeItem_unstable } from './useTreeItem';\nimport { renderTreeItem_unstable } from './renderTreeItem';\nimport { useTreeItemStyles_unstable } from './useTreeItemStyles';\nimport type { TreeItemProps } from './TreeItem.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useTreeItemContextValues_unstable } from './useTreeItemContextValues';\n\n/**\n * TreeItem component - TODO: add more docs\n */\nexport const TreeItem: ForwardRefComponent<TreeItemProps> = React.forwardRef((props, ref) => {\n const state = useTreeItem_unstable(props, ref);\n\n useTreeItemStyles_unstable(state);\n const contextValues = useTreeItemContextValues_unstable(state);\n return renderTreeItem_unstable(state, contextValues);\n});\n\nTreeItem.displayName = 'TreeItem';\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,aAAA,gBAAAD,OAAA;AACA,MAAAE,gBAAA,gBAAAF,OAAA;AACA,MAAAG,mBAAA,gBAAAH,OAAA;AAGA,MAAAI,0BAAA,gBAAAJ,OAAA;AAEA;;;AAGaK,OAAA,CAAAC,QAAQ,gBAAuCP,KAAK,CAACQ,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EAC1F,MAAMC,KAAK,GAAGT,aAAA,CAAAU,oBAAoB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAE9CN,mBAAA,CAAAS,0BAA0B,CAACF,KAAK,CAAC;EACjC,MAAMG,aAAa,GAAGT,0BAAA,CAAAU,iCAAiC,CAACJ,KAAK,CAAC;EAC9D,OAAOR,gBAAA,CAAAa,uBAAuB,CAACL,KAAK,EAAEG,aAAa,CAAC;AACtD,CAAC,CAAC;AAEFR,OAAA,CAAAC,QAAQ,CAACU,WAAW,GAAG,UAAU"}
1
+ {"version":3,"sources":["../../../lib/components/TreeItem/TreeItem.js"],"sourcesContent":["import * as React from 'react';\nimport { useTreeItem_unstable } from './useTreeItem';\nimport { renderTreeItem_unstable } from './renderTreeItem';\nimport { useTreeItemStyles_unstable } from './useTreeItemStyles';\nimport { useTreeItemContextValues_unstable } from './useTreeItemContextValues';\n/**\n * TreeItem component - TODO: add more docs\n */\nexport const TreeItem = /*#__PURE__*/React.forwardRef((props, ref) => {\n const state = useTreeItem_unstable(props, ref);\n useTreeItemStyles_unstable(state);\n const contextValues = useTreeItemContextValues_unstable(state);\n return renderTreeItem_unstable(state, contextValues);\n});\nTreeItem.displayName = 'TreeItem';\n//# sourceMappingURL=TreeItem.js.map"],"names":["TreeItem","React","forwardRef","props","ref","state","useTreeItem_unstable","useTreeItemStyles_unstable","contextValues","useTreeItemContextValues_unstable","renderTreeItem_unstable","displayName"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;6BACc;gCACG;mCACG;0CACO;AAI3C,MAAMA,WAAW,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACpE,MAAMC,QAAQC,IAAAA,iCAAoB,EAACH,OAAOC;IAC1CG,IAAAA,6CAA0B,EAACF;IAC3B,MAAMG,gBAAgBC,IAAAA,2DAAiC,EAACJ;IACxD,OAAOK,IAAAA,uCAAuB,EAACL,OAAOG;AACxC;AACAR,SAASW,WAAW,GAAG,YACvB,oCAAoC"}
@@ -1,7 +1,9 @@
1
1
  "use strict";
2
-
3
2
  Object.defineProperty(exports, "__esModule", {
4
- value: true
3
+ value: true
5
4
  });
6
- const tokens_1 = /*#__PURE__*/require("../../utils/tokens");
5
+ const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
6
+ const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
7
+ //# sourceMappingURL=TreeItem.types.js.map
8
+
7
9
  //# sourceMappingURL=TreeItem.types.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["tokens_1","require"],"sources":["../src/packages/react-components/react-tree/src/components/TreeItem/TreeItem.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, ExtractSlotProps, Slot } from '@fluentui/react-utilities';\nimport type { ButtonContextValue } from '@fluentui/react-button';\nimport type { TreeItemContextValue } from '../../contexts';\nimport { treeItemLevelToken } from '../../utils/tokens';\nimport * as React from 'react';\n\nexport type TreeItemCSSProperties = React.CSSProperties & { [treeItemLevelToken]?: string | number };\n\nexport type TreeItemSlots = {\n root: Slot<ExtractSlotProps<Slot<'div'> & { style?: TreeItemCSSProperties }>>;\n content: NonNullable<Slot<'div'>>;\n subtree?: Slot<'span'>;\n /**\n * Expand icon slot,\n * by default renders a chevron icon to indicate opening and closing\n */\n expandIcon?: Slot<'span'>;\n /**\n * Actions slot that renders on the end of tree item\n * when the item is hovered/focused\n */\n actions?: Slot<'span'>;\n};\n\nexport type TreeItemContextValues = {\n treeItem: TreeItemContextValue;\n button: ButtonContextValue;\n};\n\n/**\n * TreeItem Props\n */\nexport type TreeItemProps = ComponentProps<Partial<TreeItemSlots>> & {\n /**\n * If a TreeItem is a leaf, it'll not present the `expandIcon` slot by default.\n * This attribute is used to force the decision if a TreeItem is a leaf or not. By not providing this property\n * this will be inferred by the presence of a subtree as part of the TreeItem children.\n */\n leaf?: boolean;\n};\n\n/**\n * State used in rendering TreeItem\n */\nexport type TreeItemState = ComponentState<TreeItemSlots> & {\n open: boolean;\n isLeaf: boolean;\n level: number;\n /**\n * By design, a button included on the actions slot should be small\n */\n buttonSize: 'small';\n isActionsVisible: boolean;\n};\n"],"mappings":";;;;;AAGA,MAAAA,QAAA,gBAAAC,OAAA"}
1
+ {"version":3,"sources":["../../../lib/components/TreeItem/TreeItem.types.js"],"sourcesContent":["import * as React from 'react';\n//# sourceMappingURL=TreeItem.types.js.map"],"names":[],"mappings":";;;;;6DAAuB;CACvB,0CAA0C"}
@@ -1,12 +1,13 @@
1
1
  "use strict";
2
-
3
2
  Object.defineProperty(exports, "__esModule", {
4
- value: true
3
+ value: true
5
4
  });
6
- const tslib_1 = /*#__PURE__*/require("tslib");
7
- tslib_1.__exportStar(require("./TreeItem"), exports);
8
- tslib_1.__exportStar(require("./TreeItem.types"), exports);
9
- tslib_1.__exportStar(require("./renderTreeItem"), exports);
10
- tslib_1.__exportStar(require("./useTreeItem"), exports);
11
- tslib_1.__exportStar(require("./useTreeItemStyles"), exports);
5
+ const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
6
+ _exportStar(require("./TreeItem"), exports);
7
+ _exportStar(require("./TreeItem.types"), exports);
8
+ _exportStar(require("./renderTreeItem"), exports);
9
+ _exportStar(require("./useTreeItem"), exports);
10
+ _exportStar(require("./useTreeItemStyles"), exports);
11
+ //# sourceMappingURL=index.js.map
12
+
12
13
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-tree/src/components/TreeItem/index.ts"],"sourcesContent":["export * from './TreeItem';\nexport * from './TreeItem.types';\nexport * from './renderTreeItem';\nexport * from './useTreeItem';\nexport * from './useTreeItemStyles';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,gBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,sBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,sBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,mBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,yBAAAC,OAAA"}
1
+ {"version":3,"sources":["../../../lib/components/TreeItem/index.js"],"sourcesContent":["export * from './TreeItem';\nexport * from './TreeItem.types';\nexport * from './renderTreeItem';\nexport * from './useTreeItem';\nexport * from './useTreeItemStyles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
@@ -1,36 +1,23 @@
1
1
  "use strict";
2
-
3
2
  Object.defineProperty(exports, "__esModule", {
4
- value: true
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "renderTreeItem_unstable", {
6
+ enumerable: true,
7
+ get: ()=>renderTreeItem_unstable
5
8
  });
6
- exports.renderTreeItem_unstable = void 0;
7
- const React = /*#__PURE__*/require("react");
8
- const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
9
- const contexts_1 = /*#__PURE__*/require("../../contexts");
10
- const react_button_1 = /*#__PURE__*/require("@fluentui/react-button");
11
- /**
12
- * Render the final JSX of TreeItem
13
- */
14
- const renderTreeItem_unstable = (state, contextValues) => {
15
- const {
16
- slots,
17
- slotProps
18
- } = react_utilities_1.getSlots(state);
19
- return React.createElement(contexts_1.TreeItemProvider, {
20
- value: contextValues.treeItem
21
- }, React.createElement(slots.root, {
22
- ...slotProps.root
23
- }, React.createElement(slots.content, {
24
- ...slotProps.content
25
- }, slots.expandIcon && React.createElement(slots.expandIcon, {
26
- ...slotProps.expandIcon
27
- }), slotProps.content.children, React.createElement(react_button_1.ButtonContextProvider, {
28
- value: contextValues.button
29
- }, slots.actions && React.createElement(slots.actions, {
30
- ...slotProps.actions
31
- }))), state.open && slots.subtree && React.createElement(slots.subtree, {
32
- ...slotProps.subtree
33
- })));
34
- };
35
- exports.renderTreeItem_unstable = renderTreeItem_unstable;
9
+ const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
10
+ const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
11
+ const _reactUtilities = require("@fluentui/react-utilities");
12
+ const _contexts = require("../../contexts");
13
+ const _reactButton = require("@fluentui/react-button");
14
+ const renderTreeItem_unstable = (state, contextValues)=>{
15
+ const { slots , slotProps } = (0, _reactUtilities.getSlots)(state);
16
+ return /*#__PURE__*/ _react.createElement(_contexts.TreeItemProvider, {
17
+ value: contextValues.treeItem
18
+ }, /*#__PURE__*/ _react.createElement(slots.root, slotProps.root, /*#__PURE__*/ _react.createElement(slots.content, slotProps.content, slots.expandIcon && /*#__PURE__*/ _react.createElement(slots.expandIcon, slotProps.expandIcon), slotProps.content.children, /*#__PURE__*/ _react.createElement(_reactButton.ButtonContextProvider, {
19
+ value: contextValues.button
20
+ }, slots.actions && /*#__PURE__*/ _react.createElement(slots.actions, slotProps.actions))), state.open && slots.subtree && /*#__PURE__*/ _react.createElement(slots.subtree, slotProps.subtree)));
21
+ }; //# sourceMappingURL=renderTreeItem.js.map
22
+
36
23
  //# sourceMappingURL=renderTreeItem.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["React","require","react_utilities_1","contexts_1","react_button_1","renderTreeItem_unstable","state","contextValues","slots","slotProps","getSlots","createElement","TreeItemProvider","value","treeItem","root","content","expandIcon","children","ButtonContextProvider","button","actions","open","subtree","exports"],"sources":["../src/packages/react-components/react-tree/src/components/TreeItem/renderTreeItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { TreeItemState, TreeItemSlots, TreeItemContextValues } from './TreeItem.types';\nimport { TreeItemProvider } from '../../contexts';\nimport { ButtonContextProvider } from '@fluentui/react-button';\n\n/**\n * Render the final JSX of TreeItem\n */\nexport const renderTreeItem_unstable = (state: TreeItemState, contextValues: TreeItemContextValues) => {\n const { slots, slotProps } = getSlots<TreeItemSlots>(state);\n\n return (\n <TreeItemProvider value={contextValues.treeItem}>\n <slots.root {...slotProps.root}>\n <slots.content {...slotProps.content}>\n {slots.expandIcon && <slots.expandIcon {...slotProps.expandIcon} />}\n {slotProps.content.children}\n <ButtonContextProvider value={contextValues.button}>\n {slots.actions && <slots.actions {...slotProps.actions} />}\n </ButtonContextProvider>\n </slots.content>\n {state.open && slots.subtree && <slots.subtree {...slotProps.subtree} />}\n </slots.root>\n </TreeItemProvider>\n );\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AAEA,MAAAE,UAAA,gBAAAF,OAAA;AACA,MAAAG,cAAA,gBAAAH,OAAA;AAEA;;;AAGO,MAAMI,uBAAuB,GAAGA,CAACC,KAAoB,EAAEC,aAAoC,KAAI;EACpG,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGP,iBAAA,CAAAQ,QAAQ,CAAgBJ,KAAK,CAAC;EAE3D,OACEN,KAAA,CAAAW,aAAA,CAACR,UAAA,CAAAS,gBAAgB;IAACC,KAAK,EAAEN,aAAa,CAACO;EAAQ,GAC7Cd,KAAA,CAAAW,aAAA,CAACH,KAAK,CAACO,IAAI;IAAA,GAAKN,SAAS,CAACM;EAAI,GAC5Bf,KAAA,CAAAW,aAAA,CAACH,KAAK,CAACQ,OAAO;IAAA,GAAKP,SAAS,CAACO;EAAO,GACjCR,KAAK,CAACS,UAAU,IAAIjB,KAAA,CAAAW,aAAA,CAACH,KAAK,CAACS,UAAU;IAAA,GAAKR,SAAS,CAACQ;EAAU,EAAI,EAClER,SAAS,CAACO,OAAO,CAACE,QAAQ,EAC3BlB,KAAA,CAAAW,aAAA,CAACP,cAAA,CAAAe,qBAAqB;IAACN,KAAK,EAAEN,aAAa,CAACa;EAAM,GAC/CZ,KAAK,CAACa,OAAO,IAAIrB,KAAA,CAAAW,aAAA,CAACH,KAAK,CAACa,OAAO;IAAA,GAAKZ,SAAS,CAACY;EAAO,EAAI,CACpC,CACV,EACff,KAAK,CAACgB,IAAI,IAAId,KAAK,CAACe,OAAO,IAAIvB,KAAA,CAAAW,aAAA,CAACH,KAAK,CAACe,OAAO;IAAA,GAAKd,SAAS,CAACc;EAAO,EAAI,CAC7D,CACI;AAEvB,CAAC;AAjBYC,OAAA,CAAAnB,uBAAuB,GAAAA,uBAAA"}
1
+ {"version":3,"sources":["../../../lib/components/TreeItem/renderTreeItem.js"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { TreeItemProvider } from '../../contexts';\nimport { ButtonContextProvider } from '@fluentui/react-button';\n/**\n * Render the final JSX of TreeItem\n */\nexport const renderTreeItem_unstable = (state, contextValues) => {\n const {\n slots,\n slotProps\n } = getSlots(state);\n return /*#__PURE__*/React.createElement(TreeItemProvider, {\n value: contextValues.treeItem\n }, /*#__PURE__*/React.createElement(slots.root, slotProps.root, /*#__PURE__*/React.createElement(slots.content, slotProps.content, slots.expandIcon && /*#__PURE__*/React.createElement(slots.expandIcon, slotProps.expandIcon), slotProps.content.children, /*#__PURE__*/React.createElement(ButtonContextProvider, {\n value: contextValues.button\n }, slots.actions && /*#__PURE__*/React.createElement(slots.actions, slotProps.actions))), state.open && slots.subtree && /*#__PURE__*/React.createElement(slots.subtree, slotProps.subtree)));\n};\n//# sourceMappingURL=renderTreeItem.js.map"],"names":["renderTreeItem_unstable","state","contextValues","slots","slotProps","getSlots","React","createElement","TreeItemProvider","value","treeItem","root","content","expandIcon","children","ButtonContextProvider","button","actions","open","subtree"],"mappings":";;;;+BAOaA;;aAAAA;;;6DAPU;gCACE;0BACQ;6BACK;AAI/B,MAAMA,0BAA0B,CAACC,OAAOC,gBAAkB;IAC/D,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,wBAAQ,EAACJ;IACb,OAAO,WAAW,GAAEK,OAAMC,aAAa,CAACC,0BAAgB,EAAE;QACxDC,OAAOP,cAAcQ,QAAQ;IAC/B,GAAG,WAAW,GAAEJ,OAAMC,aAAa,CAACJ,MAAMQ,IAAI,EAAEP,UAAUO,IAAI,EAAE,WAAW,GAAEL,OAAMC,aAAa,CAACJ,MAAMS,OAAO,EAAER,UAAUQ,OAAO,EAAET,MAAMU,UAAU,IAAI,WAAW,GAAEP,OAAMC,aAAa,CAACJ,MAAMU,UAAU,EAAET,UAAUS,UAAU,GAAGT,UAAUQ,OAAO,CAACE,QAAQ,EAAE,WAAW,GAAER,OAAMC,aAAa,CAACQ,kCAAqB,EAAE;QACnTN,OAAOP,cAAcc,MAAM;IAC7B,GAAGb,MAAMc,OAAO,IAAI,WAAW,GAAEX,OAAMC,aAAa,CAACJ,MAAMc,OAAO,EAAEb,UAAUa,OAAO,KAAKhB,MAAMiB,IAAI,IAAIf,MAAMgB,OAAO,IAAI,WAAW,GAAEb,OAAMC,aAAa,CAACJ,MAAMgB,OAAO,EAAEf,UAAUe,OAAO;AAC5L,GACA,0CAA0C"}