@mongodb-js/compass-components 1.52.1 → 1.53.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (229) hide show
  1. package/lib/components/drawer-portal.d.ts +8 -5
  2. package/lib/components/drawer-portal.d.ts.map +1 -1
  3. package/lib/components/drawer-portal.js +105 -28
  4. package/lib/components/drawer-portal.js.map +1 -1
  5. package/lib/components/guide-cue/guide-cue.d.ts +3 -2
  6. package/lib/components/guide-cue/guide-cue.d.ts.map +1 -1
  7. package/lib/components/guide-cue/guide-cue.js +3 -3
  8. package/lib/components/guide-cue/guide-cue.js.map +1 -1
  9. package/lib/components/leafygreen.d.ts +0 -1
  10. package/lib/components/leafygreen.d.ts.map +1 -1
  11. package/lib/components/leafygreen.js +2 -4
  12. package/lib/components/leafygreen.js.map +1 -1
  13. package/package.json +4 -4
  14. package/lib/components/drawer/constants.d.ts +0 -9
  15. package/lib/components/drawer/constants.d.ts.map +0 -1
  16. package/lib/components/drawer/constants.js +0 -13
  17. package/lib/components/drawer/constants.js.map +0 -1
  18. package/lib/components/drawer/drawer/drawer.constants.d.ts +0 -3
  19. package/lib/components/drawer/drawer/drawer.constants.d.ts.map +0 -1
  20. package/lib/components/drawer/drawer/drawer.constants.js +0 -6
  21. package/lib/components/drawer/drawer/drawer.constants.js.map +0 -1
  22. package/lib/components/drawer/drawer/drawer.d.ts +0 -4
  23. package/lib/components/drawer/drawer/drawer.d.ts.map +0 -1
  24. package/lib/components/drawer/drawer/drawer.js +0 -143
  25. package/lib/components/drawer/drawer/drawer.js.map +0 -1
  26. package/lib/components/drawer/drawer/drawer.styles.d.ts +0 -29
  27. package/lib/components/drawer/drawer/drawer.styles.d.ts.map +0 -1
  28. package/lib/components/drawer/drawer/drawer.styles.js +0 -174
  29. package/lib/components/drawer/drawer/drawer.styles.js.map +0 -1
  30. package/lib/components/drawer/drawer/drawer.types.d.ts +0 -40
  31. package/lib/components/drawer/drawer/drawer.types.d.ts.map +0 -1
  32. package/lib/components/drawer/drawer/drawer.types.js +0 -13
  33. package/lib/components/drawer/drawer/drawer.types.js.map +0 -1
  34. package/lib/components/drawer/drawer/index.d.ts +0 -5
  35. package/lib/components/drawer/drawer/index.d.ts.map +0 -1
  36. package/lib/components/drawer/drawer/index.js +0 -12
  37. package/lib/components/drawer/drawer/index.js.map +0 -1
  38. package/lib/components/drawer/drawer-layout/drawer-layout.d.ts +0 -17
  39. package/lib/components/drawer/drawer-layout/drawer-layout.d.ts.map +0 -1
  40. package/lib/components/drawer/drawer-layout/drawer-layout.js +0 -57
  41. package/lib/components/drawer/drawer-layout/drawer-layout.js.map +0 -1
  42. package/lib/components/drawer/drawer-layout/drawer-layout.types.d.ts +0 -34
  43. package/lib/components/drawer/drawer-layout/drawer-layout.types.d.ts.map +0 -1
  44. package/lib/components/drawer/drawer-layout/drawer-layout.types.js +0 -3
  45. package/lib/components/drawer/drawer-layout/drawer-layout.types.js.map +0 -1
  46. package/lib/components/drawer/drawer-layout/index.d.ts +0 -3
  47. package/lib/components/drawer/drawer-layout/index.d.ts.map +0 -1
  48. package/lib/components/drawer/drawer-layout/index.js +0 -6
  49. package/lib/components/drawer/drawer-layout/index.js.map +0 -1
  50. package/lib/components/drawer/drawer-stack-context/drawer-stack-context.d.ts +0 -8
  51. package/lib/components/drawer/drawer-stack-context/drawer-stack-context.d.ts.map +0 -1
  52. package/lib/components/drawer/drawer-stack-context/drawer-stack-context.js +0 -71
  53. package/lib/components/drawer/drawer-stack-context/drawer-stack-context.js.map +0 -1
  54. package/lib/components/drawer/drawer-stack-context/drawer-stack-context.types.d.ts +0 -21
  55. package/lib/components/drawer/drawer-stack-context/drawer-stack-context.types.d.ts.map +0 -1
  56. package/lib/components/drawer/drawer-stack-context/drawer-stack-context.types.js +0 -3
  57. package/lib/components/drawer/drawer-stack-context/drawer-stack-context.types.js.map +0 -1
  58. package/lib/components/drawer/drawer-stack-context/index.d.ts +0 -3
  59. package/lib/components/drawer/drawer-stack-context/index.d.ts.map +0 -1
  60. package/lib/components/drawer/drawer-stack-context/index.js +0 -8
  61. package/lib/components/drawer/drawer-stack-context/index.js.map +0 -1
  62. package/lib/components/drawer/drawer-toolbar-context/drawer-toolbar-context.d.ts +0 -6
  63. package/lib/components/drawer/drawer-toolbar-context/drawer-toolbar-context.d.ts.map +0 -1
  64. package/lib/components/drawer/drawer-toolbar-context/drawer-toolbar-context.js +0 -85
  65. package/lib/components/drawer/drawer-toolbar-context/drawer-toolbar-context.js.map +0 -1
  66. package/lib/components/drawer/drawer-toolbar-context/drawer-toolbar-context.types.d.ts +0 -37
  67. package/lib/components/drawer/drawer-toolbar-context/drawer-toolbar-context.types.d.ts.map +0 -1
  68. package/lib/components/drawer/drawer-toolbar-context/drawer-toolbar-context.types.js +0 -3
  69. package/lib/components/drawer/drawer-toolbar-context/drawer-toolbar-context.types.js.map +0 -1
  70. package/lib/components/drawer/drawer-toolbar-context/index.d.ts +0 -2
  71. package/lib/components/drawer/drawer-toolbar-context/index.d.ts.map +0 -1
  72. package/lib/components/drawer/drawer-toolbar-context/index.js +0 -7
  73. package/lib/components/drawer/drawer-toolbar-context/index.js.map +0 -1
  74. package/lib/components/drawer/drawer-toolbar-layout/drawer-toolbar-layout-container.d.ts +0 -18
  75. package/lib/components/drawer/drawer-toolbar-layout/drawer-toolbar-layout-container.d.ts.map +0 -1
  76. package/lib/components/drawer/drawer-toolbar-layout/drawer-toolbar-layout-container.js +0 -86
  77. package/lib/components/drawer/drawer-toolbar-layout/drawer-toolbar-layout-container.js.map +0 -1
  78. package/lib/components/drawer/drawer-toolbar-layout/drawer-toolbar-layout.d.ts +0 -15
  79. package/lib/components/drawer/drawer-toolbar-layout/drawer-toolbar-layout.d.ts.map +0 -1
  80. package/lib/components/drawer/drawer-toolbar-layout/drawer-toolbar-layout.js +0 -50
  81. package/lib/components/drawer/drawer-toolbar-layout/drawer-toolbar-layout.js.map +0 -1
  82. package/lib/components/drawer/drawer-toolbar-layout/drawer-toolbar-layout.styles.d.ts +0 -2
  83. package/lib/components/drawer/drawer-toolbar-layout/drawer-toolbar-layout.styles.d.ts.map +0 -1
  84. package/lib/components/drawer/drawer-toolbar-layout/drawer-toolbar-layout.styles.js +0 -11
  85. package/lib/components/drawer/drawer-toolbar-layout/drawer-toolbar-layout.styles.js.map +0 -1
  86. package/lib/components/drawer/drawer-toolbar-layout/drawer-toolbar-layout.types.d.ts +0 -44
  87. package/lib/components/drawer/drawer-toolbar-layout/drawer-toolbar-layout.types.d.ts.map +0 -1
  88. package/lib/components/drawer/drawer-toolbar-layout/drawer-toolbar-layout.types.js +0 -3
  89. package/lib/components/drawer/drawer-toolbar-layout/drawer-toolbar-layout.types.js.map +0 -1
  90. package/lib/components/drawer/drawer-toolbar-layout/index.d.ts +0 -3
  91. package/lib/components/drawer/drawer-toolbar-layout/index.d.ts.map +0 -1
  92. package/lib/components/drawer/drawer-toolbar-layout/index.js +0 -6
  93. package/lib/components/drawer/drawer-toolbar-layout/index.js.map +0 -1
  94. package/lib/components/drawer/drawer-with-toolbar-wrapper/drawer-with-toolbar-wrapper.d.ts +0 -11
  95. package/lib/components/drawer/drawer-with-toolbar-wrapper/drawer-with-toolbar-wrapper.d.ts.map +0 -1
  96. package/lib/components/drawer/drawer-with-toolbar-wrapper/drawer-with-toolbar-wrapper.js +0 -63
  97. package/lib/components/drawer/drawer-with-toolbar-wrapper/drawer-with-toolbar-wrapper.js.map +0 -1
  98. package/lib/components/drawer/drawer-with-toolbar-wrapper/drawer-with-toolbar-wrapper.styles.d.ts +0 -10
  99. package/lib/components/drawer/drawer-with-toolbar-wrapper/drawer-with-toolbar-wrapper.styles.d.ts.map +0 -1
  100. package/lib/components/drawer/drawer-with-toolbar-wrapper/drawer-with-toolbar-wrapper.styles.js +0 -137
  101. package/lib/components/drawer/drawer-with-toolbar-wrapper/drawer-with-toolbar-wrapper.styles.js.map +0 -1
  102. package/lib/components/drawer/drawer-with-toolbar-wrapper/drawer-with-toolbar-wrapper.types.d.ts +0 -11
  103. package/lib/components/drawer/drawer-with-toolbar-wrapper/drawer-with-toolbar-wrapper.types.d.ts.map +0 -1
  104. package/lib/components/drawer/drawer-with-toolbar-wrapper/drawer-with-toolbar-wrapper.types.js +0 -3
  105. package/lib/components/drawer/drawer-with-toolbar-wrapper/drawer-with-toolbar-wrapper.types.js.map +0 -1
  106. package/lib/components/drawer/drawer-with-toolbar-wrapper/index.d.ts +0 -2
  107. package/lib/components/drawer/drawer-with-toolbar-wrapper/index.d.ts.map +0 -1
  108. package/lib/components/drawer/drawer-with-toolbar-wrapper/index.js +0 -6
  109. package/lib/components/drawer/drawer-with-toolbar-wrapper/index.js.map +0 -1
  110. package/lib/components/drawer/embedded-drawer-layout/embedded-drawer-layout.d.ts +0 -12
  111. package/lib/components/drawer/embedded-drawer-layout/embedded-drawer-layout.d.ts.map +0 -1
  112. package/lib/components/drawer/embedded-drawer-layout/embedded-drawer-layout.js +0 -55
  113. package/lib/components/drawer/embedded-drawer-layout/embedded-drawer-layout.js.map +0 -1
  114. package/lib/components/drawer/embedded-drawer-layout/embedded-drawer-layout.styles.d.ts +0 -6
  115. package/lib/components/drawer/embedded-drawer-layout/embedded-drawer-layout.styles.d.ts.map +0 -1
  116. package/lib/components/drawer/embedded-drawer-layout/embedded-drawer-layout.styles.js +0 -54
  117. package/lib/components/drawer/embedded-drawer-layout/embedded-drawer-layout.styles.js.map +0 -1
  118. package/lib/components/drawer/embedded-drawer-layout/embedded-drawer-layout.types.d.ts +0 -8
  119. package/lib/components/drawer/embedded-drawer-layout/embedded-drawer-layout.types.d.ts.map +0 -1
  120. package/lib/components/drawer/embedded-drawer-layout/embedded-drawer-layout.types.js +0 -3
  121. package/lib/components/drawer/embedded-drawer-layout/embedded-drawer-layout.types.js.map +0 -1
  122. package/lib/components/drawer/embedded-drawer-layout/index.d.ts +0 -3
  123. package/lib/components/drawer/embedded-drawer-layout/index.d.ts.map +0 -1
  124. package/lib/components/drawer/embedded-drawer-layout/index.js +0 -6
  125. package/lib/components/drawer/embedded-drawer-layout/index.js.map +0 -1
  126. package/lib/components/drawer/index.d.ts +0 -6
  127. package/lib/components/drawer/index.d.ts.map +0 -1
  128. package/lib/components/drawer/index.js +0 -17
  129. package/lib/components/drawer/index.js.map +0 -1
  130. package/lib/components/drawer/layout-component/index.d.ts +0 -3
  131. package/lib/components/drawer/layout-component/index.d.ts.map +0 -1
  132. package/lib/components/drawer/layout-component/index.js +0 -6
  133. package/lib/components/drawer/layout-component/index.js.map +0 -1
  134. package/lib/components/drawer/layout-component/layout-component.d.ts +0 -18
  135. package/lib/components/drawer/layout-component/layout-component.d.ts.map +0 -1
  136. package/lib/components/drawer/layout-component/layout-component.js +0 -53
  137. package/lib/components/drawer/layout-component/layout-component.js.map +0 -1
  138. package/lib/components/drawer/layout-component/layout-component.styles.d.ts +0 -20
  139. package/lib/components/drawer/layout-component/layout-component.styles.d.ts.map +0 -1
  140. package/lib/components/drawer/layout-component/layout-component.styles.js +0 -3
  141. package/lib/components/drawer/layout-component/layout-component.styles.js.map +0 -1
  142. package/lib/components/drawer/overlay-drawer-layout/index.d.ts +0 -3
  143. package/lib/components/drawer/overlay-drawer-layout/index.d.ts.map +0 -1
  144. package/lib/components/drawer/overlay-drawer-layout/index.js +0 -6
  145. package/lib/components/drawer/overlay-drawer-layout/index.js.map +0 -1
  146. package/lib/components/drawer/overlay-drawer-layout/overlay-drawer-layout.d.ts +0 -11
  147. package/lib/components/drawer/overlay-drawer-layout/overlay-drawer-layout.d.ts.map +0 -1
  148. package/lib/components/drawer/overlay-drawer-layout/overlay-drawer-layout.js +0 -54
  149. package/lib/components/drawer/overlay-drawer-layout/overlay-drawer-layout.js.map +0 -1
  150. package/lib/components/drawer/overlay-drawer-layout/overlay-drawer-layout.styles.d.ts +0 -5
  151. package/lib/components/drawer/overlay-drawer-layout/overlay-drawer-layout.styles.d.ts.map +0 -1
  152. package/lib/components/drawer/overlay-drawer-layout/overlay-drawer-layout.styles.js +0 -27
  153. package/lib/components/drawer/overlay-drawer-layout/overlay-drawer-layout.styles.js.map +0 -1
  154. package/lib/components/drawer/overlay-drawer-layout/overlay-drawer-layout.types.d.ts +0 -3
  155. package/lib/components/drawer/overlay-drawer-layout/overlay-drawer-layout.types.d.ts.map +0 -1
  156. package/lib/components/drawer/overlay-drawer-layout/overlay-drawer-layout.types.js +0 -3
  157. package/lib/components/drawer/overlay-drawer-layout/overlay-drawer-layout.types.js.map +0 -1
  158. package/lib/components/drawer/utils/get-lg-ids.d.ts +0 -8
  159. package/lib/components/drawer/utils/get-lg-ids.d.ts.map +0 -1
  160. package/lib/components/drawer/utils/get-lg-ids.js +0 -11
  161. package/lib/components/drawer/utils/get-lg-ids.js.map +0 -1
  162. package/lib/components/drawer/utils/index.d.ts +0 -2
  163. package/lib/components/drawer/utils/index.d.ts.map +0 -1
  164. package/lib/components/drawer/utils/index.js +0 -7
  165. package/lib/components/drawer/utils/index.js.map +0 -1
  166. package/lib/components/toolbar/constants.d.ts +0 -3
  167. package/lib/components/toolbar/constants.d.ts.map +0 -1
  168. package/lib/components/toolbar/constants.js +0 -6
  169. package/lib/components/toolbar/constants.js.map +0 -1
  170. package/lib/components/toolbar/context/index.d.ts +0 -3
  171. package/lib/components/toolbar/context/index.d.ts.map +0 -1
  172. package/lib/components/toolbar/context/index.js +0 -10
  173. package/lib/components/toolbar/context/index.js.map +0 -1
  174. package/lib/components/toolbar/context/toolbar-context.d.ts +0 -6
  175. package/lib/components/toolbar/context/toolbar-context.d.ts.map +0 -1
  176. package/lib/components/toolbar/context/toolbar-context.js +0 -65
  177. package/lib/components/toolbar/context/toolbar-context.js.map +0 -1
  178. package/lib/components/toolbar/context/toolbar-context.types.d.ts +0 -21
  179. package/lib/components/toolbar/context/toolbar-context.types.d.ts.map +0 -1
  180. package/lib/components/toolbar/context/toolbar-context.types.js +0 -3
  181. package/lib/components/toolbar/context/toolbar-context.types.js.map +0 -1
  182. package/lib/components/toolbar/context/toolbar-descendants-context.d.ts +0 -5
  183. package/lib/components/toolbar/context/toolbar-descendants-context.d.ts.map +0 -1
  184. package/lib/components/toolbar/context/toolbar-descendants-context.js +0 -10
  185. package/lib/components/toolbar/context/toolbar-descendants-context.js.map +0 -1
  186. package/lib/components/toolbar/index.d.ts +0 -5
  187. package/lib/components/toolbar/index.d.ts.map +0 -1
  188. package/lib/components/toolbar/index.js +0 -27
  189. package/lib/components/toolbar/index.js.map +0 -1
  190. package/lib/components/toolbar/toolbar/index.d.ts +0 -4
  191. package/lib/components/toolbar/toolbar/index.d.ts.map +0 -1
  192. package/lib/components/toolbar/toolbar/index.js +0 -8
  193. package/lib/components/toolbar/toolbar/index.js.map +0 -1
  194. package/lib/components/toolbar/toolbar/toolbar.d.ts +0 -4
  195. package/lib/components/toolbar/toolbar/toolbar.d.ts.map +0 -1
  196. package/lib/components/toolbar/toolbar/toolbar.js +0 -93
  197. package/lib/components/toolbar/toolbar/toolbar.js.map +0 -1
  198. package/lib/components/toolbar/toolbar/toolbar.styles.d.ts +0 -7
  199. package/lib/components/toolbar/toolbar/toolbar.styles.d.ts.map +0 -1
  200. package/lib/components/toolbar/toolbar/toolbar.styles.js +0 -26
  201. package/lib/components/toolbar/toolbar/toolbar.styles.js.map +0 -1
  202. package/lib/components/toolbar/toolbar/toolbar.types.d.ts +0 -6
  203. package/lib/components/toolbar/toolbar/toolbar.types.d.ts.map +0 -1
  204. package/lib/components/toolbar/toolbar/toolbar.types.js +0 -3
  205. package/lib/components/toolbar/toolbar/toolbar.types.js.map +0 -1
  206. package/lib/components/toolbar/toolbar-icon-button/index.d.ts +0 -3
  207. package/lib/components/toolbar/toolbar-icon-button/index.d.ts.map +0 -1
  208. package/lib/components/toolbar/toolbar-icon-button/index.js +0 -6
  209. package/lib/components/toolbar/toolbar-icon-button/index.js.map +0 -1
  210. package/lib/components/toolbar/toolbar-icon-button/toolbar-icon-button.d.ts +0 -4
  211. package/lib/components/toolbar/toolbar-icon-button/toolbar-icon-button.d.ts.map +0 -1
  212. package/lib/components/toolbar/toolbar-icon-button/toolbar-icon-button.js +0 -77
  213. package/lib/components/toolbar/toolbar-icon-button/toolbar-icon-button.js.map +0 -1
  214. package/lib/components/toolbar/toolbar-icon-button/toolbar-icon-button.styles.d.ts +0 -13
  215. package/lib/components/toolbar/toolbar-icon-button/toolbar-icon-button.styles.d.ts.map +0 -1
  216. package/lib/components/toolbar/toolbar-icon-button/toolbar-icon-button.styles.js +0 -38
  217. package/lib/components/toolbar/toolbar-icon-button/toolbar-icon-button.styles.js.map +0 -1
  218. package/lib/components/toolbar/toolbar-icon-button/toolbar-icon-button.types.d.ts +0 -19
  219. package/lib/components/toolbar/toolbar-icon-button/toolbar-icon-button.types.d.ts.map +0 -1
  220. package/lib/components/toolbar/toolbar-icon-button/toolbar-icon-button.types.js +0 -3
  221. package/lib/components/toolbar/toolbar-icon-button/toolbar-icon-button.types.js.map +0 -1
  222. package/lib/components/toolbar/utils/get-lg-ids.d.ts +0 -8
  223. package/lib/components/toolbar/utils/get-lg-ids.d.ts.map +0 -1
  224. package/lib/components/toolbar/utils/get-lg-ids.js +0 -14
  225. package/lib/components/toolbar/utils/get-lg-ids.js.map +0 -1
  226. package/lib/components/toolbar/utils/index.d.ts +0 -2
  227. package/lib/components/toolbar/utils/index.d.ts.map +0 -1
  228. package/lib/components/toolbar/utils/index.js +0 -7
  229. package/lib/components/toolbar/utils/index.js.map +0 -1
@@ -1 +0,0 @@
1
- {"version":3,"file":"layout-component.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/layout-component/layout-component.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAE1E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AAC3E,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAC;AAEzE,MAAM,MAAM,oBAAoB,GAAG;IACjC,WAAW,EAAE,WAAW,CAAC;CAC1B,GAAG,aAAa,GACf,CACI,yBAAyB,GACzB,CAAC,wBAAwB,GAAG;IAAE,YAAY,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC,CACxD,CAAC;AAGJ,MAAM,WAAW,wBACf,SAAQ,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACjD;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B"}
@@ -1,3 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- //# sourceMappingURL=layout-component.styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"layout-component.styles.js","sourceRoot":"","sources":["../../../../src/components/drawer/layout-component/layout-component.styles.ts"],"names":[],"mappings":""}
@@ -1,3 +0,0 @@
1
- export { OverlayDrawerLayout } from './overlay-drawer-layout';
2
- export { type OverlayDrawerLayoutProps } from './overlay-drawer-layout.types';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/overlay-drawer-layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,+BAA+B,CAAC"}
@@ -1,6 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.OverlayDrawerLayout = void 0;
4
- var overlay_drawer_layout_1 = require("./overlay-drawer-layout");
5
- Object.defineProperty(exports, "OverlayDrawerLayout", { enumerable: true, get: function () { return overlay_drawer_layout_1.OverlayDrawerLayout; } });
6
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/drawer/overlay-drawer-layout/index.ts"],"names":[],"mappings":";;;AAAA,iEAA8D;AAArD,4HAAA,mBAAmB,OAAA"}
@@ -1,11 +0,0 @@
1
- import React from 'react';
2
- /**
3
- * @internal
4
- *
5
- * This layout wrapper is used to create a layout that has 2 grid columns. The main content is on the left and the drawer is on the right.
6
- *
7
- * Since this layout is used for overlay drawers, when the drawer is open, the layout will not shift. Instead the shifting is handled by the children of this component.
8
- *
9
- */
10
- export declare const OverlayDrawerLayout: React.ForwardRefExoticComponent<Omit<import("../layout-component/layout-component.styles").BaseLayoutComponentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
11
- //# sourceMappingURL=overlay-drawer-layout.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"overlay-drawer-layout.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/overlay-drawer-layout/overlay-drawer-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAK1C;;;;;;;GAOG;AACH,eAAO,MAAM,mBAAmB,oKAoB/B,CAAC"}
@@ -1,54 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || (function () {
19
- var ownKeys = function(o) {
20
- ownKeys = Object.getOwnPropertyNames || function (o) {
21
- var ar = [];
22
- for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
- return ar;
24
- };
25
- return ownKeys(o);
26
- };
27
- return function (mod) {
28
- if (mod && mod.__esModule) return mod;
29
- var result = {};
30
- if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
- __setModuleDefault(result, mod);
32
- return result;
33
- };
34
- })();
35
- Object.defineProperty(exports, "__esModule", { value: true });
36
- exports.OverlayDrawerLayout = void 0;
37
- const react_1 = __importStar(require("react"));
38
- const overlay_drawer_layout_styles_1 = require("./overlay-drawer-layout.styles");
39
- /**
40
- * @internal
41
- *
42
- * This layout wrapper is used to create a layout that has 2 grid columns. The main content is on the left and the drawer is on the right.
43
- *
44
- * Since this layout is used for overlay drawers, when the drawer is open, the layout will not shift. Instead the shifting is handled by the children of this component.
45
- *
46
- */
47
- exports.OverlayDrawerLayout = (0, react_1.forwardRef)(({ children, className, hasToolbar = false }, forwardedRef) => {
48
- return (react_1.default.createElement("div", { ref: forwardedRef, className: (0, overlay_drawer_layout_styles_1.getOverlayDrawerLayoutStyles)({
49
- className,
50
- hasToolbar,
51
- }) }, children));
52
- });
53
- exports.OverlayDrawerLayout.displayName = 'OverlayDrawerLayout';
54
- //# sourceMappingURL=overlay-drawer-layout.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"overlay-drawer-layout.js","sourceRoot":"","sources":["../../../../src/components/drawer/overlay-drawer-layout/overlay-drawer-layout.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,iFAA8E;AAG9E;;;;;;;GAOG;AACU,QAAA,mBAAmB,GAAG,IAAA,kBAAU,EAI3C,CACE,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,GAAG,KAAK,EAA4B,EACrE,YAAY,EACZ,EAAE;IACF,OAAO,CACL,uCACE,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,IAAA,2DAA4B,EAAC;YACtC,SAAS;YACT,UAAU;SACX,CAAC,IAED,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,2BAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC"}
@@ -1,5 +0,0 @@
1
- export declare const getOverlayDrawerLayoutStyles: ({ className, hasToolbar, }: {
2
- className?: string;
3
- hasToolbar?: boolean;
4
- }) => string;
5
- //# sourceMappingURL=overlay-drawer-layout.styles.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"overlay-drawer-layout.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/overlay-drawer-layout/overlay-drawer-layout.styles.ts"],"names":[],"mappings":"AAuBA,eAAO,MAAM,4BAA4B,GAAI,4BAG1C;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,WAQE,CAAC"}
@@ -1,27 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.getOverlayDrawerLayoutStyles = void 0;
4
- const emotion_1 = require("@leafygreen-ui/emotion");
5
- const constants_1 = require("../constants");
6
- const baseStyles = (0, emotion_1.css) `
7
- width: 100%;
8
- position: relative;
9
- height: inherit;
10
- `;
11
- const drawerBaseStyles = (0, emotion_1.css) `
12
- display: grid;
13
- grid-template-columns: auto 0px;
14
- overflow: hidden;
15
- `;
16
- const toolbarBaseStyles = (0, emotion_1.css) `
17
- display: grid;
18
- grid-template-columns: auto ${constants_1.TOOLBAR_WIDTH}px;
19
- grid-template-areas: '${constants_1.GRID_AREA.content} ${constants_1.GRID_AREA.drawer}';
20
- height: 100%;
21
- `;
22
- const getOverlayDrawerLayoutStyles = ({ className, hasToolbar = false, }) => (0, emotion_1.cx)(baseStyles, {
23
- [toolbarBaseStyles]: hasToolbar,
24
- [drawerBaseStyles]: !hasToolbar,
25
- }, className);
26
- exports.getOverlayDrawerLayoutStyles = getOverlayDrawerLayoutStyles;
27
- //# sourceMappingURL=overlay-drawer-layout.styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"overlay-drawer-layout.styles.js","sourceRoot":"","sources":["../../../../src/components/drawer/overlay-drawer-layout/overlay-drawer-layout.styles.ts"],"names":[],"mappings":";;;AAAA,oDAAiD;AAEjD,4CAAwD;AAExD,MAAM,UAAU,GAAG,IAAA,aAAG,EAAA;;;;CAIrB,CAAC;AAEF,MAAM,gBAAgB,GAAG,IAAA,aAAG,EAAA;;;;CAI3B,CAAC;AAEF,MAAM,iBAAiB,GAAG,IAAA,aAAG,EAAA;;gCAEG,yBAAa;0BACnB,qBAAS,CAAC,OAAO,IAAI,qBAAS,CAAC,MAAM;;CAE9D,CAAC;AAEK,MAAM,4BAA4B,GAAG,CAAC,EAC3C,SAAS,EACT,UAAU,GAAG,KAAK,GAInB,EAAE,EAAE,CACH,IAAA,YAAE,EACA,UAAU,EACV;IACE,CAAC,iBAAiB,CAAC,EAAE,UAAU;IAC/B,CAAC,gBAAgB,CAAC,EAAE,CAAC,UAAU;CAChC,EACD,SAAS,CACV,CAAC;AAdS,QAAA,4BAA4B,gCAcrC"}
@@ -1,3 +0,0 @@
1
- import type { BaseLayoutComponentProps } from '../layout-component/layout-component.styles';
2
- export type OverlayDrawerLayoutProps = BaseLayoutComponentProps;
3
- //# sourceMappingURL=overlay-drawer-layout.types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"overlay-drawer-layout.types.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/overlay-drawer-layout/overlay-drawer-layout.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,6CAA6C,CAAC;AAE5F,MAAM,MAAM,wBAAwB,GAAG,wBAAwB,CAAC"}
@@ -1,3 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- //# sourceMappingURL=overlay-drawer-layout.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"overlay-drawer-layout.types.js","sourceRoot":"","sources":["../../../../src/components/drawer/overlay-drawer-layout/overlay-drawer-layout.types.ts"],"names":[],"mappings":""}
@@ -1,8 +0,0 @@
1
- import type { LgIdString } from '@leafygreen-ui/lib';
2
- export declare const DEFAULT_LGID_ROOT = "lg-drawer";
3
- export declare const getLgIds: (root?: LgIdString) => {
4
- readonly root: `lg-${string}`;
5
- readonly closeButton: `lg-${string}-close_button`;
6
- readonly toolbar: `lg-${string}-toolbar`;
7
- };
8
- //# sourceMappingURL=get-lg-ids.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"get-lg-ids.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/utils/get-lg-ids.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,eAAO,MAAM,iBAAiB,cAAc,CAAC;AAE7C,eAAO,MAAM,QAAQ,GAAI,OAAM,UAA8B;;;;CAKhD,CAAC"}
@@ -1,11 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.getLgIds = exports.DEFAULT_LGID_ROOT = void 0;
4
- exports.DEFAULT_LGID_ROOT = 'lg-drawer';
5
- const getLgIds = (root = exports.DEFAULT_LGID_ROOT) => ({
6
- root,
7
- closeButton: `${root}-close_button`,
8
- toolbar: `${root}-toolbar`,
9
- });
10
- exports.getLgIds = getLgIds;
11
- //# sourceMappingURL=get-lg-ids.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"get-lg-ids.js","sourceRoot":"","sources":["../../../../src/components/drawer/utils/get-lg-ids.ts"],"names":[],"mappings":";;;AAEa,QAAA,iBAAiB,GAAG,WAAW,CAAC;AAEtC,MAAM,QAAQ,GAAG,CAAC,OAAmB,yBAAiB,EAAE,EAAE,CAC/D,CAAC;IACC,IAAI;IACJ,WAAW,EAAE,GAAG,IAAI,eAAe;IACnC,OAAO,EAAE,GAAG,IAAI,UAAU;CACjB,CAAA,CAAC;AALD,QAAA,QAAQ,YAKP"}
@@ -1,2 +0,0 @@
1
- export { DEFAULT_LGID_ROOT, getLgIds } from './get-lg-ids';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC"}
@@ -1,7 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.getLgIds = exports.DEFAULT_LGID_ROOT = void 0;
4
- var get_lg_ids_1 = require("./get-lg-ids");
5
- Object.defineProperty(exports, "DEFAULT_LGID_ROOT", { enumerable: true, get: function () { return get_lg_ids_1.DEFAULT_LGID_ROOT; } });
6
- Object.defineProperty(exports, "getLgIds", { enumerable: true, get: function () { return get_lg_ids_1.getLgIds; } });
7
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/drawer/utils/index.ts"],"names":[],"mappings":";;;AAAA,2CAA2D;AAAlD,+GAAA,iBAAiB,OAAA;AAAE,sGAAA,QAAQ,OAAA"}
@@ -1,3 +0,0 @@
1
- export declare const TOOLBAR_WIDTH = 48;
2
- export declare const ICON_BUTTON_HEIGHT = 48;
3
- //# sourceMappingURL=constants.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,KAAK,CAAC;AAChC,eAAO,MAAM,kBAAkB,KAAK,CAAC"}
@@ -1,6 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.ICON_BUTTON_HEIGHT = exports.TOOLBAR_WIDTH = void 0;
4
- exports.TOOLBAR_WIDTH = 48;
5
- exports.ICON_BUTTON_HEIGHT = 48;
6
- //# sourceMappingURL=constants.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/components/toolbar/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,aAAa,GAAG,EAAE,CAAC;AACnB,QAAA,kBAAkB,GAAG,EAAE,CAAC"}
@@ -1,3 +0,0 @@
1
- export { ToolbarContextProvider, useToolbarContext } from './toolbar-context';
2
- export { ToolbarDescendantsContext, useToolbarDescendantsContext, } from './toolbar-descendants-context';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/toolbar/context/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAC9E,OAAO,EACL,yBAAyB,EACzB,4BAA4B,GAC7B,MAAM,+BAA+B,CAAC"}
@@ -1,10 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useToolbarDescendantsContext = exports.ToolbarDescendantsContext = exports.useToolbarContext = exports.ToolbarContextProvider = void 0;
4
- var toolbar_context_1 = require("./toolbar-context");
5
- Object.defineProperty(exports, "ToolbarContextProvider", { enumerable: true, get: function () { return toolbar_context_1.ToolbarContextProvider; } });
6
- Object.defineProperty(exports, "useToolbarContext", { enumerable: true, get: function () { return toolbar_context_1.useToolbarContext; } });
7
- var toolbar_descendants_context_1 = require("./toolbar-descendants-context");
8
- Object.defineProperty(exports, "ToolbarDescendantsContext", { enumerable: true, get: function () { return toolbar_descendants_context_1.ToolbarDescendantsContext; } });
9
- Object.defineProperty(exports, "useToolbarDescendantsContext", { enumerable: true, get: function () { return toolbar_descendants_context_1.useToolbarDescendantsContext; } });
10
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/toolbar/context/index.ts"],"names":[],"mappings":";;;AAAA,qDAA8E;AAArE,yHAAA,sBAAsB,OAAA;AAAE,oHAAA,iBAAiB,OAAA;AAClD,6EAGuC;AAFrC,wIAAA,yBAAyB,OAAA;AACzB,2IAAA,4BAA4B,OAAA"}
@@ -1,6 +0,0 @@
1
- import React, { type PropsWithChildren } from 'react';
2
- import type { ToolbarProviderProps } from './toolbar-context.types';
3
- export declare const ToolbarContext: React.Context<ToolbarProviderProps>;
4
- export declare const useToolbarContext: () => ToolbarProviderProps;
5
- export declare const ToolbarContextProvider: ({ children, focusedIndex, shouldFocus, lgIds, handleOnIconButtonClick, darkMode, }: PropsWithChildren<ToolbarProviderProps>) => React.JSX.Element;
6
- //# sourceMappingURL=toolbar-context.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"toolbar-context.d.ts","sourceRoot":"","sources":["../../../../src/components/toolbar/context/toolbar-context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEZ,KAAK,iBAAiB,EAGvB,MAAM,OAAO,CAAC;AAMf,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAEpE,eAAO,MAAM,cAAc,qCAKzB,CAAC;AAEH,eAAO,MAAM,iBAAiB,4BACoB,CAAC;AAEnD,eAAO,MAAM,sBAAsB,GAAI,oFAOpC,iBAAiB,CAAC,oBAAoB,CAAC,sBAiBzC,CAAC"}
@@ -1,65 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || (function () {
19
- var ownKeys = function(o) {
20
- ownKeys = Object.getOwnPropertyNames || function (o) {
21
- var ar = [];
22
- for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
- return ar;
24
- };
25
- return ownKeys(o);
26
- };
27
- return function (mod) {
28
- if (mod && mod.__esModule) return mod;
29
- var result = {};
30
- if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
- __setModuleDefault(result, mod);
32
- return result;
33
- };
34
- })();
35
- var __importDefault = (this && this.__importDefault) || function (mod) {
36
- return (mod && mod.__esModule) ? mod : { "default": mod };
37
- };
38
- Object.defineProperty(exports, "__esModule", { value: true });
39
- exports.ToolbarContextProvider = exports.useToolbarContext = exports.ToolbarContext = void 0;
40
- const react_1 = __importStar(require("react"));
41
- const leafygreen_provider_1 = __importDefault(require("@leafygreen-ui/leafygreen-provider"));
42
- const utils_1 = require("../utils");
43
- exports.ToolbarContext = (0, react_1.createContext)({
44
- focusedIndex: undefined,
45
- shouldFocus: false,
46
- lgIds: (0, utils_1.getLgIds)(),
47
- handleOnIconButtonClick: () => { },
48
- });
49
- const useToolbarContext = () => (0, react_1.useContext)(exports.ToolbarContext);
50
- exports.useToolbarContext = useToolbarContext;
51
- const ToolbarContextProvider = ({ children, focusedIndex, shouldFocus, lgIds, handleOnIconButtonClick, darkMode = false, }) => {
52
- const ToolbarProvider = exports.ToolbarContext.Provider;
53
- const toolbarProviderData = (0, react_1.useMemo)(() => {
54
- return {
55
- focusedIndex,
56
- shouldFocus,
57
- lgIds,
58
- handleOnIconButtonClick,
59
- };
60
- }, [focusedIndex, shouldFocus, lgIds, handleOnIconButtonClick]);
61
- return (react_1.default.createElement(leafygreen_provider_1.default, { darkMode: darkMode },
62
- react_1.default.createElement(ToolbarProvider, { value: toolbarProviderData }, children)));
63
- };
64
- exports.ToolbarContextProvider = ToolbarContextProvider;
65
- //# sourceMappingURL=toolbar-context.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"toolbar-context.js","sourceRoot":"","sources":["../../../../src/components/toolbar/context/toolbar-context.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAKe;AAEf,6FAAoE;AAEpE,oCAAoC;AAIvB,QAAA,cAAc,GAAG,IAAA,qBAAa,EAAuB;IAChE,YAAY,EAAE,SAAS;IACvB,WAAW,EAAE,KAAK;IAClB,KAAK,EAAE,IAAA,gBAAQ,GAAE;IACjB,uBAAuB,EAAE,GAAG,EAAE,GAAE,CAAC;CAClC,CAAC,CAAC;AAEI,MAAM,iBAAiB,GAAG,GAAG,EAAE,CACpC,IAAA,kBAAU,EAAuB,sBAAc,CAAC,CAAC;AADtC,QAAA,iBAAiB,qBACqB;AAE5C,MAAM,sBAAsB,GAAG,CAAC,EACrC,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,KAAK,EACL,uBAAuB,EACvB,QAAQ,GAAG,KAAK,GACwB,EAAE,EAAE;IAC5C,MAAM,eAAe,GAAG,sBAAc,CAAC,QAAQ,CAAC;IAEhD,MAAM,mBAAmB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACvC,OAAO;YACL,YAAY;YACZ,WAAW;YACX,KAAK;YACL,uBAAuB;SACxB,CAAC;IACJ,CAAC,EAAE,CAAC,YAAY,EAAE,WAAW,EAAE,KAAK,EAAE,uBAAuB,CAAC,CAAC,CAAC;IAEhE,OAAO,CACL,8BAAC,6BAAkB,IAAC,QAAQ,EAAE,QAAQ;QACpC,8BAAC,eAAe,IAAC,KAAK,EAAE,mBAAmB,IAAG,QAAQ,CAAmB,CACtD,CACtB,CAAC;AACJ,CAAC,CAAC;AAxBW,QAAA,sBAAsB,0BAwBjC"}
@@ -1,21 +0,0 @@
1
- import type { DarkModeProps } from '@leafygreen-ui/lib';
2
- import type { GetLgIdsReturnType } from '../utils';
3
- export type ToolbarProviderProps = DarkModeProps & {
4
- /**
5
- * The index of the currently focused item in the toolbar.
6
- */
7
- focusedIndex?: number;
8
- /**
9
- * Whether the toolbar should focus the currently focused item. This will prevent this component from hijacking focus on initial page load.
10
- */
11
- shouldFocus?: boolean;
12
- /**
13
- * LGIDs for Toolbar components.
14
- */
15
- lgIds: GetLgIdsReturnType;
16
- /**
17
- * Callback to handle clicks on ToolbarIconButtons.
18
- */
19
- handleOnIconButtonClick: (event: React.MouseEvent<HTMLButtonElement>, focusedIndex: number, onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void) => void;
20
- };
21
- //# sourceMappingURL=toolbar-context.types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"toolbar-context.types.d.ts","sourceRoot":"","sources":["../../../../src/components/toolbar/context/toolbar-context.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAExD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD,MAAM,MAAM,oBAAoB,GAAG,aAAa,GAAG;IACjD;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,KAAK,EAAE,kBAAkB,CAAC;IAE1B;;OAEG;IACH,uBAAuB,EAAE,CACvB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,EAC1C,YAAY,EAAE,MAAM,EACpB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,KACvD,IAAI,CAAC;CACX,CAAC"}
@@ -1,3 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- //# sourceMappingURL=toolbar-context.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"toolbar-context.types.js","sourceRoot":"","sources":["../../../../src/components/toolbar/context/toolbar-context.types.ts"],"names":[],"mappings":""}
@@ -1,5 +0,0 @@
1
- export declare const ToolbarDescendantsContext: import("@leafygreen-ui/descendants/dist/Descendants/DescendantsContext").DescendantContextType<HTMLButtonElement>;
2
- export declare function useToolbarDescendantsContext(): {
3
- descendants: import("@leafygreen-ui/descendants").DescendantsList<HTMLButtonElement>;
4
- };
5
- //# sourceMappingURL=toolbar-descendants-context.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"toolbar-descendants-context.d.ts","sourceRoot":"","sources":["../../../../src/components/toolbar/context/toolbar-descendants-context.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,yBAAyB,mHACoC,CAAC;AAE3E,wBAAgB,4BAA4B;;EAE3C"}
@@ -1,10 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.ToolbarDescendantsContext = void 0;
4
- exports.useToolbarDescendantsContext = useToolbarDescendantsContext;
5
- const descendants_1 = require("@leafygreen-ui/descendants");
6
- exports.ToolbarDescendantsContext = (0, descendants_1.createDescendantsContext)('ToolbarDescendantsContext');
7
- function useToolbarDescendantsContext() {
8
- return (0, descendants_1.useDescendantsContext)(exports.ToolbarDescendantsContext);
9
- }
10
- //# sourceMappingURL=toolbar-descendants-context.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"toolbar-descendants-context.js","sourceRoot":"","sources":["../../../../src/components/toolbar/context/toolbar-descendants-context.tsx"],"names":[],"mappings":";;;AAQA,oEAEC;AAVD,4DAGoC;AAEvB,QAAA,yBAAyB,GACpC,IAAA,sCAAwB,EAAoB,2BAA2B,CAAC,CAAC;AAE3E,SAAgB,4BAA4B;IAC1C,OAAO,IAAA,mCAAqB,EAAC,iCAAyB,CAAC,CAAC;AAC1D,CAAC"}
@@ -1,5 +0,0 @@
1
- export * from './constants';
2
- export { Toolbar, toolbarClassName, type ToolbarProps } from './toolbar';
3
- export { ToolbarIconButton, type ToolbarIconButtonProps, } from './toolbar-icon-button';
4
- export { DEFAULT_LGID_ROOT, getLgIds, type GetLgIdsReturnType } from './utils';
5
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,OAAO,EAAE,gBAAgB,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AACzE,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,GAC5B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,KAAK,kBAAkB,EAAE,MAAM,SAAS,CAAC"}
@@ -1,27 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- exports.getLgIds = exports.DEFAULT_LGID_ROOT = exports.ToolbarIconButton = exports.toolbarClassName = exports.Toolbar = void 0;
18
- __exportStar(require("./constants"), exports);
19
- var toolbar_1 = require("./toolbar");
20
- Object.defineProperty(exports, "Toolbar", { enumerable: true, get: function () { return toolbar_1.Toolbar; } });
21
- Object.defineProperty(exports, "toolbarClassName", { enumerable: true, get: function () { return toolbar_1.toolbarClassName; } });
22
- var toolbar_icon_button_1 = require("./toolbar-icon-button");
23
- Object.defineProperty(exports, "ToolbarIconButton", { enumerable: true, get: function () { return toolbar_icon_button_1.ToolbarIconButton; } });
24
- var utils_1 = require("./utils");
25
- Object.defineProperty(exports, "DEFAULT_LGID_ROOT", { enumerable: true, get: function () { return utils_1.DEFAULT_LGID_ROOT; } });
26
- Object.defineProperty(exports, "getLgIds", { enumerable: true, get: function () { return utils_1.getLgIds; } });
27
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/toolbar/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,8CAA4B;AAC5B,qCAAyE;AAAhE,kGAAA,OAAO,OAAA;AAAE,2GAAA,gBAAgB,OAAA;AAClC,6DAG+B;AAF7B,wHAAA,iBAAiB,OAAA;AAGnB,iCAA+E;AAAtE,0GAAA,iBAAiB,OAAA;AAAE,iGAAA,QAAQ,OAAA"}
@@ -1,4 +0,0 @@
1
- export { Toolbar } from './toolbar';
2
- export { toolbarClassName } from './toolbar.styles';
3
- export { type ToolbarProps } from './toolbar.types';
4
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/toolbar/toolbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC"}
@@ -1,8 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.toolbarClassName = exports.Toolbar = void 0;
4
- var toolbar_1 = require("./toolbar");
5
- Object.defineProperty(exports, "Toolbar", { enumerable: true, get: function () { return toolbar_1.Toolbar; } });
6
- var toolbar_styles_1 = require("./toolbar.styles");
7
- Object.defineProperty(exports, "toolbarClassName", { enumerable: true, get: function () { return toolbar_styles_1.toolbarClassName; } });
8
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/toolbar/toolbar/index.ts"],"names":[],"mappings":";;;AAAA,qCAAoC;AAA3B,kGAAA,OAAO,OAAA;AAChB,mDAAoD;AAA3C,kHAAA,gBAAgB,OAAA"}
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { type ToolbarProps } from './toolbar.types';
3
- export declare const Toolbar: React.ForwardRefExoticComponent<Omit<ToolbarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
4
- //# sourceMappingURL=toolbar.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../../../src/components/toolbar/toolbar/toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAaxC,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD,eAAO,MAAM,OAAO,kGA+FnB,CAAC"}
@@ -1,93 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || (function () {
19
- var ownKeys = function(o) {
20
- ownKeys = Object.getOwnPropertyNames || function (o) {
21
- var ar = [];
22
- for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
- return ar;
24
- };
25
- return ownKeys(o);
26
- };
27
- return function (mod) {
28
- if (mod && mod.__esModule) return mod;
29
- var result = {};
30
- if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
- __setModuleDefault(result, mod);
32
- return result;
33
- };
34
- })();
35
- Object.defineProperty(exports, "__esModule", { value: true });
36
- exports.Toolbar = void 0;
37
- const react_1 = __importStar(require("react"));
38
- const descendants_1 = require("@leafygreen-ui/descendants");
39
- const leafygreen_provider_1 = require("@leafygreen-ui/leafygreen-provider");
40
- const lib_1 = require("@leafygreen-ui/lib");
41
- const context_1 = require("../context");
42
- const utils_1 = require("../utils");
43
- const toolbar_styles_1 = require("./toolbar.styles");
44
- exports.Toolbar = react_1.default.forwardRef(({ className, children, darkMode: darkModeProp, 'data-lgid': dataLgId = utils_1.DEFAULT_LGID_ROOT, ...rest }, forwardedRef) => {
45
- const { darkMode, theme } = (0, leafygreen_provider_1.useDarkMode)(darkModeProp);
46
- const { descendants, dispatch } = (0, descendants_1.useInitDescendants)(context_1.ToolbarDescendantsContext);
47
- const [focusedIndex, setFocusedIndex] = (0, react_1.useState)(0);
48
- const childrenLength = descendants?.length ?? 0;
49
- const [isUsingKeyboard, setIsUsingKeyboard] = (0, react_1.useState)(false);
50
- const lgIds = (0, utils_1.getLgIds)(dataLgId);
51
- /**
52
- * Implements roving tabindex
53
- * https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_roving_tabindex
54
- * @param event Keyboard event
55
- */
56
- const handleKeyDown = (event) => {
57
- // Note: Arrow keys don't fire a keyPress event — need to use onKeyDownCapture
58
- // We only handle up and down arrow keys
59
- switch (event.key) {
60
- case lib_1.keyMap.ArrowDown:
61
- event.stopPropagation();
62
- event.preventDefault();
63
- setIsUsingKeyboard(true);
64
- setFocusedIndex((focusedIndex + 1) % childrenLength);
65
- break;
66
- case lib_1.keyMap.ArrowUp:
67
- event.stopPropagation();
68
- event.preventDefault();
69
- setIsUsingKeyboard(true);
70
- setFocusedIndex((focusedIndex - 1 + childrenLength) % childrenLength);
71
- break;
72
- default:
73
- break;
74
- }
75
- };
76
- /**
77
- * Callback to handle click events on ToolbarIconButtons.
78
- * Also updates the focused index to ensure that the correct button is focused when using the up/down arrows.
79
- * @param event MouseEvent
80
- * @param focusedIndex number
81
- * @param onClick MouseEvent
82
- */
83
- const handleOnIconButtonClick = (event, focusedIndex, onClick) => {
84
- onClick?.(event);
85
- // This ensures that on click, the buttons tabIndex is set to 0 so that when the up/down arrows are pressed, the correct button is focused
86
- setFocusedIndex(focusedIndex);
87
- };
88
- return (react_1.default.createElement(context_1.ToolbarContextProvider, { darkMode: darkMode, focusedIndex: focusedIndex, shouldFocus: isUsingKeyboard, lgIds: lgIds, handleOnIconButtonClick: handleOnIconButtonClick },
89
- react_1.default.createElement(descendants_1.DescendantsProvider, { context: context_1.ToolbarDescendantsContext, descendants: descendants, dispatch: dispatch },
90
- react_1.default.createElement("div", { role: "toolbar", ref: forwardedRef, className: (0, toolbar_styles_1.getBaseStyles)({ theme, className }), "aria-orientation": "vertical", onKeyDownCapture: handleKeyDown, onBlur: () => setIsUsingKeyboard(false), onMouseDown: () => setIsUsingKeyboard(false), "data-lgid": lgIds.root, "data-testid": lgIds.root, ...rest }, children))));
91
- });
92
- exports.Toolbar.displayName = 'Toolbar';
93
- //# sourceMappingURL=toolbar.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"toolbar.js","sourceRoot":"","sources":["../../../../src/components/toolbar/toolbar/toolbar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AAExC,4DAGoC;AACpC,4EAAiE;AACjE,4CAA4C;AAE5C,wCAA+E;AAC/E,oCAAuD;AAEvD,qDAAiD;AAGpC,QAAA,OAAO,GAAG,eAAK,CAAC,UAAU,CACrC,CACE,EACE,SAAS,EACT,QAAQ,EACR,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAE,QAAQ,GAAG,yBAAiB,EACzC,GAAG,IAAI,EACM,EACf,YAAY,EACZ,EAAE;IACF,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAA,iCAAW,EAAC,YAAY,CAAC,CAAC;IACtD,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,IAAA,gCAAkB,EAClD,mCAAyB,CAC1B,CAAC;IACF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IACpD,MAAM,cAAc,GAAG,WAAW,EAAE,MAAM,IAAI,CAAC,CAAC;IAChD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE9D,MAAM,KAAK,GAAG,IAAA,gBAAQ,EAAC,QAAQ,CAAC,CAAC;IAEjC;;;;OAIG;IACH,MAAM,aAAa,GAAG,CAAC,KAA0C,EAAE,EAAE;QACnE,8EAA8E;QAC9E,wCAAwC;QACxC,QAAQ,KAAK,CAAC,GAAG,EAAE,CAAC;YAClB,KAAK,YAAM,CAAC,SAAS;gBACnB,KAAK,CAAC,eAAe,EAAE,CAAC;gBACxB,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,kBAAkB,CAAC,IAAI,CAAC,CAAC;gBACzB,eAAe,CAAC,CAAC,YAAY,GAAG,CAAC,CAAC,GAAG,cAAc,CAAC,CAAC;gBACrD,MAAM;YACR,KAAK,YAAM,CAAC,OAAO;gBACjB,KAAK,CAAC,eAAe,EAAE,CAAC;gBACxB,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,kBAAkB,CAAC,IAAI,CAAC,CAAC;gBACzB,eAAe,CAAC,CAAC,YAAY,GAAG,CAAC,GAAG,cAAc,CAAC,GAAG,cAAc,CAAC,CAAC;gBACtE,MAAM;YACR;gBACE,MAAM;QACV,CAAC;IACH,CAAC,CAAC;IAEF;;;;;;OAMG;IACH,MAAM,uBAAuB,GAAG,CAC9B,KAA0C,EAC1C,YAAoB,EACpB,OAA0D,EAC1D,EAAE;QACF,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;QACjB,0IAA0I;QAC1I,eAAe,CAAC,YAAY,CAAC,CAAC;IAChC,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,gCAAsB,IACrB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,eAAe,EAC5B,KAAK,EAAE,KAAK,EACZ,uBAAuB,EAAE,uBAAuB;QAEhD,8BAAC,iCAAmB,IAClB,OAAO,EAAE,mCAAyB,EAClC,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ;YAElB,uCACE,IAAI,EAAC,SAAS,EACd,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,IAAA,8BAAa,EAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,sBAC7B,UAAU,EAC3B,gBAAgB,EAAE,aAAa,EAC/B,MAAM,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,KAAK,CAAC,EACvC,WAAW,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,KAAK,CAAC,eACjC,KAAK,CAAC,IAAI,iBACR,KAAK,CAAC,IAAI,KACnB,IAAI,IAEP,QAAQ,CACL,CACc,CACC,CAC1B,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}
@@ -1,7 +0,0 @@
1
- import { type Theme } from '@leafygreen-ui/lib';
2
- export declare const toolbarClassName: string;
3
- export declare const getBaseStyles: ({ theme, className, }: {
4
- theme: Theme;
5
- className?: string;
6
- }) => string;
7
- //# sourceMappingURL=toolbar.styles.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"toolbar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/toolbar/toolbar/toolbar.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAyB,KAAK,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAKvE,eAAO,MAAM,gBAAgB,QAAsC,CAAC;AAEpE,eAAO,MAAM,aAAa,GAAI,uBAG3B;IACD,KAAK,EAAE,KAAK,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,WAoBE,CAAC"}