react-miui 0.33.0 → 0.34.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 (207) hide show
  1. package/.claude/settings.json +12 -0
  2. package/.claude/settings.local.json +4 -1
  3. package/.storybook/preview.tsx +10 -4
  4. package/CHANGELOG.md +9 -0
  5. package/dist/components/ui/drawer/Drawer.d.ts +10 -1
  6. package/dist/components/ui/drawer/Drawer.d.ts.map +1 -1
  7. package/dist/components/ui/drawer/Drawer.js +135 -15
  8. package/dist/components/ui/drawer/Drawer.js.map +1 -1
  9. package/dist/components/ui/drawer/Drawer.styled.d.ts +86 -1
  10. package/dist/components/ui/drawer/Drawer.styled.d.ts.map +1 -1
  11. package/dist/components/ui/drawer/Drawer.styled.js +13 -1
  12. package/dist/components/ui/drawer/Drawer.styled.js.map +1 -1
  13. package/dist/components/ui/toaster/Toaster.d.ts.map +1 -1
  14. package/dist/components/ui/toaster/Toaster.js +7 -1
  15. package/dist/components/ui/toaster/Toaster.js.map +1 -1
  16. package/dist/components/ui/tooltip/Tooltip.d.ts +30 -0
  17. package/dist/components/ui/tooltip/Tooltip.d.ts.map +1 -0
  18. package/dist/components/ui/tooltip/Tooltip.js +81 -0
  19. package/dist/components/ui/tooltip/Tooltip.js.map +1 -0
  20. package/dist/components/ui/tooltip/Tooltip.styled.d.ts +173 -0
  21. package/dist/components/ui/tooltip/Tooltip.styled.d.ts.map +1 -0
  22. package/dist/components/ui/tooltip/Tooltip.styled.js +65 -0
  23. package/dist/components/ui/tooltip/Tooltip.styled.js.map +1 -0
  24. package/dist/index.d.ts +1 -0
  25. package/dist/index.d.ts.map +1 -1
  26. package/dist/index.js +1 -0
  27. package/dist/index.js.map +1 -1
  28. package/docs/assets/highlight.css +7 -0
  29. package/docs/assets/navigation.js +1 -1
  30. package/docs/assets/search.js +1 -1
  31. package/docs/classes/index.Pop.html +7 -7
  32. package/docs/documents/Test.html +2 -2
  33. package/docs/enums/index.ICON.html +2 -2
  34. package/docs/functions/index.Action.html +3 -3
  35. package/docs/functions/index.Button.html +4 -4
  36. package/docs/functions/index.Card.html +3 -3
  37. package/docs/functions/index.Checkbox.html +3 -3
  38. package/docs/functions/index.Choice.html +2 -2
  39. package/docs/functions/index.ColorPicker.html +3 -3
  40. package/docs/functions/index.CoveringLoader.html +3 -3
  41. package/docs/functions/index.DirectionPad.html +2 -2
  42. package/docs/functions/index.Drawer.html +2 -2
  43. package/docs/functions/index.EqualActions.html +2 -2
  44. package/docs/functions/index.FullLoader.html +3 -3
  45. package/docs/functions/index.Gap.html +3 -3
  46. package/docs/functions/index.HandleEsc.html +3 -3
  47. package/docs/functions/index.Header.html +3 -3
  48. package/docs/functions/index.HeaderIconAction.html +3 -3
  49. package/docs/functions/index.Icon-1.html +2 -2
  50. package/docs/functions/index.If.html +3 -3
  51. package/docs/functions/index.Input.html +1 -1
  52. package/docs/functions/index.KeyValue.html +2 -2
  53. package/docs/functions/index.Label.html +2 -2
  54. package/docs/functions/index.Line.html +4 -4
  55. package/docs/functions/index.List.html +2 -2
  56. package/docs/functions/index.Loader.html +3 -3
  57. package/docs/functions/index.Loading.html +3 -3
  58. package/docs/functions/index.Message.html +4 -4
  59. package/docs/functions/index.Modal.html +2 -2
  60. package/docs/functions/index.ModalButtons.html +3 -3
  61. package/docs/functions/index.PopLoader.html +3 -3
  62. package/docs/functions/index.PopOption.html +2 -2
  63. package/docs/functions/index.Progress.html +2 -2
  64. package/docs/functions/index.SearchContainer.html +3 -3
  65. package/docs/functions/index.Section.html +4 -4
  66. package/docs/functions/index.Select.html +3 -3
  67. package/docs/functions/index.Selector.html +2 -2
  68. package/docs/functions/index.Spacer.html +3 -3
  69. package/docs/functions/index.Stats.html +2 -2
  70. package/docs/functions/index.StickyHeader.html +4 -4
  71. package/docs/functions/index.Table.html +3 -3
  72. package/docs/functions/index.TextArea.html +2 -2
  73. package/docs/functions/index.ToasterProvider.html +3 -3
  74. package/docs/functions/index.Toggle.html +3 -3
  75. package/docs/functions/index.ToolButton.html +4 -4
  76. package/docs/functions/index.Tooltip.html +18 -0
  77. package/docs/functions/index.TooltipProvider.html +6 -0
  78. package/docs/functions/index.borderPxToRem.html +1 -1
  79. package/docs/functions/index.createTheme.html +1 -1
  80. package/docs/functions/index.css.html +1 -1
  81. package/docs/functions/index.dimensionsPxToRem.html +1 -1
  82. package/docs/functions/index.fontPxToRem.html +1 -1
  83. package/docs/functions/index.getCssText.html +1 -1
  84. package/docs/functions/index.globalCss.html +2 -2
  85. package/docs/functions/index.injectGlobalStyles.html +1 -1
  86. package/docs/functions/index.keyframes.html +1 -1
  87. package/docs/functions/index.pxToRem.html +1 -1
  88. package/docs/functions/index.styled.html +1 -1
  89. package/docs/functions/index.toast.html +2 -2
  90. package/docs/functions/index.useToaster.html +1 -1
  91. package/docs/index.html +2 -2
  92. package/docs/interfaces/index.IconProps.html +2 -2
  93. package/docs/interfaces/index.InputCustomProps.html +3 -3
  94. package/docs/interfaces/index.LoaderProps.html +6 -6
  95. package/docs/interfaces/index.StickyHeaderProps.html +4 -4
  96. package/docs/interfaces/index.ToasterProviderProps.html +3 -3
  97. package/docs/interfaces/index.TooltipProps.html +36 -0
  98. package/docs/interfaces/index.TooltipProviderProps.html +13 -0
  99. package/docs/modules/index.html +1 -1
  100. package/docs/modules.html +1 -1
  101. package/docs/types/index.ActionProps.html +1 -1
  102. package/docs/types/index.CardProps.html +1 -1
  103. package/docs/types/index.CheckboxProps.html +2 -2
  104. package/docs/types/index.ChoiceProps.html +1 -1
  105. package/docs/types/index.ColorPickerProps.html +1 -1
  106. package/docs/types/index.DirectionPadProps.html +1 -1
  107. package/docs/types/index.DrawerFrom.html +1 -0
  108. package/docs/types/index.DrawerProps.html +28 -1
  109. package/docs/types/index.EqualActionsProps.html +1 -1
  110. package/docs/types/index.HeaderProps.html +1 -1
  111. package/docs/types/index.InputProps.html +1 -1
  112. package/docs/types/index.KeyValueProps.html +1 -1
  113. package/docs/types/index.LabelProps.html +1 -1
  114. package/docs/types/index.OverwriteProps.html +1 -1
  115. package/docs/types/index.ProgressProps.html +2 -2
  116. package/docs/types/index.SelectProps.html +1 -1
  117. package/docs/types/index.SelectorProps.html +1 -1
  118. package/docs/types/index.Stat.html +1 -1
  119. package/docs/types/index.StatsProps.html +1 -1
  120. package/docs/types/index.TextAreaProps.html +1 -1
  121. package/docs/types/index.ThemeCSS.html +1 -1
  122. package/docs/types/index.ToggleProps.html +2 -2
  123. package/docs/variables/index.ActionBadgeSelector.html +1 -1
  124. package/docs/variables/index.ActionCircleSelector.html +1 -1
  125. package/docs/variables/index.CheckboxCheckmarkWrapperSelector.html +1 -1
  126. package/docs/variables/index.CheckboxTextLabelSelector.html +1 -1
  127. package/docs/variables/index.ChoiceItemSelector.html +1 -1
  128. package/docs/variables/index.ColorPickerColorDisplaySelector.html +1 -1
  129. package/docs/variables/index.DirectionPadButtonDotSelector.html +1 -1
  130. package/docs/variables/index.DirectionPadButtonSelector.html +1 -1
  131. package/docs/variables/index.DirectionPadLineSelector.html +1 -1
  132. package/docs/variables/index.DirectionPadMiddleSelector.html +1 -1
  133. package/docs/variables/index.DrawerContentSelector.html +1 -1
  134. package/docs/variables/index.HeaderAfterSelector.html +1 -1
  135. package/docs/variables/index.HeaderBeforeSelector.html +1 -1
  136. package/docs/variables/index.HeaderContentsSelector.html +1 -1
  137. package/docs/variables/index.HeaderIconActionIconSelector.html +1 -1
  138. package/docs/variables/index.InputContainerSelector.html +1 -1
  139. package/docs/variables/index.InputInputSelector.html +1 -1
  140. package/docs/variables/index.InputLabelSelector.html +1 -1
  141. package/docs/variables/index.InputPrefixSelector.html +1 -1
  142. package/docs/variables/index.InputSuffixSelector.html +1 -1
  143. package/docs/variables/index.KeyValueIconSelector.html +1 -1
  144. package/docs/variables/index.KeyValueItemSelector.html +1 -1
  145. package/docs/variables/index.KeyValueKeySelector.html +1 -1
  146. package/docs/variables/index.KeyValuePairSelector.html +1 -1
  147. package/docs/variables/index.KeyValueValueSelector.html +1 -1
  148. package/docs/variables/index.LabelTextSelector.html +1 -1
  149. package/docs/variables/index.ListItemInnerContainerClassNameSelector.html +1 -1
  150. package/docs/variables/index.ModalContainerSelector.html +1 -1
  151. package/docs/variables/index.ModalRemovePaddingSelector.html +1 -1
  152. package/docs/variables/index.ModalTitleSelector.html +1 -1
  153. package/docs/variables/index.PopListSelector.html +1 -1
  154. package/docs/variables/index.PopOptionButtonSelector.html +1 -1
  155. package/docs/variables/index.PopOptionIconSelector.html +1 -1
  156. package/docs/variables/index.PopOverlaySelector.html +1 -1
  157. package/docs/variables/index.ProgressBackgroundSelector.html +1 -1
  158. package/docs/variables/index.ProgressValueSelector.html +1 -1
  159. package/docs/variables/index.SelectorItemSelector.html +1 -1
  160. package/docs/variables/index.StatsItemSelector.html +1 -1
  161. package/docs/variables/index.StatsLabelSelector.html +1 -1
  162. package/docs/variables/index.StatsSeparatorSelector.html +1 -1
  163. package/docs/variables/index.StatsValueSelector.html +1 -1
  164. package/docs/variables/index.TextAreaLabelSelector.html +1 -1
  165. package/docs/variables/index.TextAreaTextAreaSelector.html +1 -1
  166. package/docs/variables/index.TextAreaWrapperSelector.html +1 -1
  167. package/docs/variables/index.ToggleStyledToggleSelector.html +1 -1
  168. package/docs/variables/index.TooltipContentSelector.html +1 -0
  169. package/docs/variables/index.config.html +1 -1
  170. package/docs/variables/index.cssReset.html +2 -2
  171. package/docs/variables/index.darkTheme.html +1 -1
  172. package/docs/variables/index.miuiScrollbars.html +1 -1
  173. package/docs/variables/index.theme.html +1 -1
  174. package/esm/components/ui/drawer/Drawer.d.ts +10 -1
  175. package/esm/components/ui/drawer/Drawer.d.ts.map +1 -1
  176. package/esm/components/ui/drawer/Drawer.js +139 -15
  177. package/esm/components/ui/drawer/Drawer.js.map +1 -1
  178. package/esm/components/ui/drawer/Drawer.styled.d.ts +86 -1
  179. package/esm/components/ui/drawer/Drawer.styled.d.ts.map +1 -1
  180. package/esm/components/ui/drawer/Drawer.styled.js +12 -1
  181. package/esm/components/ui/drawer/Drawer.styled.js.map +1 -1
  182. package/esm/components/ui/toaster/Toaster.d.ts.map +1 -1
  183. package/esm/components/ui/toaster/Toaster.js +8 -2
  184. package/esm/components/ui/toaster/Toaster.js.map +1 -1
  185. package/esm/components/ui/tooltip/Tooltip.d.ts +30 -0
  186. package/esm/components/ui/tooltip/Tooltip.d.ts.map +1 -0
  187. package/esm/components/ui/tooltip/Tooltip.js +43 -0
  188. package/esm/components/ui/tooltip/Tooltip.js.map +1 -0
  189. package/esm/components/ui/tooltip/Tooltip.styled.d.ts +173 -0
  190. package/esm/components/ui/tooltip/Tooltip.styled.d.ts.map +1 -0
  191. package/esm/components/ui/tooltip/Tooltip.styled.js +28 -0
  192. package/esm/components/ui/tooltip/Tooltip.styled.js.map +1 -0
  193. package/esm/index.d.ts +1 -0
  194. package/esm/index.d.ts.map +1 -1
  195. package/esm/index.js +1 -0
  196. package/esm/index.js.map +1 -1
  197. package/package.json +2 -1
  198. package/pnpm-workspace.yaml +3 -0
  199. package/src/bugfixes/ToastsFromModal.stories.tsx +59 -0
  200. package/src/components/ui/drawer/Drawer.stories.tsx +143 -59
  201. package/src/components/ui/drawer/Drawer.styled.ts +13 -0
  202. package/src/components/ui/drawer/Drawer.tsx +214 -20
  203. package/src/components/ui/toaster/Toaster.tsx +12 -2
  204. package/src/components/ui/tooltip/Tooltip.stories.tsx +285 -0
  205. package/src/components/ui/tooltip/Tooltip.styled.ts +36 -0
  206. package/src/components/ui/tooltip/Tooltip.tsx +195 -0
  207. package/src/index.ts +1 -0
@@ -0,0 +1,12 @@
1
+ {
2
+ "permissions": {
3
+ "allow": [
4
+ "Bash(pnpm typecheck)",
5
+ "Bash(pnpm run typecheck)",
6
+ "Bash(pnpm run lint)",
7
+ "Bash(pnpm view *)",
8
+ "Bash(pnpm test)",
9
+ "Bash(pnpm audit)"
10
+ ]
11
+ }
12
+ }
@@ -9,7 +9,10 @@
9
9
  "Bash(pnpm install *)",
10
10
  "WebFetch(domain:sonner.emilkowal.ski)",
11
11
  "Bash(pnpm test *)",
12
- "Bash(pnpm run *)"
12
+ "Bash(pnpm run *)",
13
+ "Bash(pnpm typecheck *)",
14
+ "Bash(pnpm add *)",
15
+ "Bash(node /tmp/extract_tools.mjs)"
13
16
  ]
14
17
  }
15
18
  }
@@ -1,6 +1,6 @@
1
1
  import React from "react";
2
2
  import type { Preview } from "@storybook/react";
3
- import {cssReset, injectGlobalStyles, ToasterProvider} from "../src";
3
+ import {cssReset, injectGlobalStyles, ToasterProvider, TooltipProvider} from "../src";
4
4
 
5
5
  const preview: Preview = {
6
6
  parameters: {
@@ -21,9 +21,15 @@ const preview: Preview = {
21
21
  {`.docblock-argstable textarea[id] { box-sizing: content-box; }`}
22
22
  {`#storybook-root { height: 100%; }`}
23
23
  </style>
24
- <ToasterProvider>
25
- <Story/>
26
- </ToasterProvider>
24
+ {/* transform creates a stacking context — mirrors what real apps */}
25
+ {/* often do above ToasterProvider and surfaces the toast-under-modal bug. */}
26
+ <div style={{transform: "translateZ(0)"}}>
27
+ <ToasterProvider>
28
+ <TooltipProvider>
29
+ <Story/>
30
+ </TooltipProvider>
31
+ </ToasterProvider>
32
+ </div>
27
33
  </>
28
34
  );
29
35
  },
package/CHANGELOG.md CHANGED
@@ -3,6 +3,15 @@ All notable changes to this project will be documented in this file.
3
3
  The format is based on [EZEZ Changelog](https://ezez.dev/guidelines/changelog/)
4
4
  and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
5
5
 
6
+ ## [0.34.0] - 2026-05-18
7
+ ### Added
8
+ - `Tooltip` component
9
+ ### Changed
10
+ - `Drawer` upgrades: partial slide out, slide direction, background effects on partially slided out
11
+ ### Fixed
12
+ - toasts rendered under modals on some apps
13
+ - drawer may be rendered incorrectly on some apps (added default portal)
14
+
6
15
  ## [0.33.0] - 2026-05-17
7
16
  ### Dev
8
17
  - huge deps upgrade
@@ -1,13 +1,22 @@
1
1
  import React from "react";
2
+ type DrawerFrom = "top" | "right" | "bottom" | "left";
3
+ type ScaleMode = "first" | "all";
2
4
  type DrawerProps = {
3
5
  isOpen: boolean;
4
6
  closeOnEsc?: boolean;
5
7
  onClose: () => void;
6
8
  className?: string;
9
+ from?: DrawerFrom;
10
+ size?: number | string;
11
+ scaleContent?: boolean | number;
12
+ scaleSelectors?: string | string[];
13
+ scaleSelectorsMode?: ScaleMode;
14
+ onOverlayClick?: (() => void) | "close" | null;
15
+ portal?: boolean | HTMLElement;
7
16
  children: React.ReactNode;
8
17
  };
9
18
  declare const Drawer: React.ForwardRefExoticComponent<DrawerProps & React.RefAttributes<HTMLDivElement>>;
10
19
  declare const DrawerContentSelector: string;
11
20
  export { Drawer, DrawerContentSelector };
12
- export type { DrawerProps };
21
+ export type { DrawerProps, DrawerFrom };
13
22
  //# sourceMappingURL=Drawer.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AASvE,KAAK,WAAW,GAAG;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,CAAC;AAEF,QAAA,MAAM,MAAM,oFA8CV,CAAC;AAKH,QAAA,MAAM,qBAAqB,QAAqB,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,qBAAqB,EAAE,CAAC;AACzC,YAAY,EAAE,WAAW,EAAE,CAAC"}
1
+ {"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAgBpF,KAAK,UAAU,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AACtD,KAAK,SAAS,GAAG,OAAO,GAAG,KAAK,CAAC;AAEjC,KAAK,WAAW,GAAG;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IAInB,IAAI,CAAC,EAAE,UAAU,CAAC;IASlB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAOvB,YAAY,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAMhC,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAKnC,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAQ/B,cAAc,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,OAAO,GAAG,IAAI,CAAC;IAQ/C,MAAM,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,CAAC;AAoEF,QAAA,MAAM,MAAM,oFAqHV,CAAC;AAKH,QAAA,MAAM,qBAAqB,QAAqB,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,qBAAqB,EAAE,CAAC;AACzC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC"}
@@ -35,13 +35,81 @@ var __importStar = (this && this.__importStar) || (function () {
35
35
  Object.defineProperty(exports, "__esModule", { value: true });
36
36
  exports.DrawerContentSelector = exports.Drawer = void 0;
37
37
  const react_1 = __importStar(require("react"));
38
+ const react_dom_1 = require("react-dom");
39
+ const use_forwarded_ref_1 = require("@bedrock-layout/use-forwarded-ref");
38
40
  const oop_timers_1 = require("oop-timers");
39
41
  const HandleEsc_1 = require("../../utils/HandleEsc");
40
42
  const Drawer_styled_1 = require("./Drawer.styled");
41
43
  const RENDER_TIMEOUT = 500;
44
+ const TRANSITION_MS = 300;
45
+ const DEFAULT_CONTENT_SCALE = 0.92;
46
+ const DEFAULT_TINT_OPACITY = 0.1;
47
+ const PARTIAL_RADIUS = "16px";
48
+ const DEFAULT_SCALE_SELECTORS = ["#__next", "#root", "#storybook-root", "body>*:first-child"];
49
+ const closedTransform = {
50
+ bottom: "translate(0, 100%)",
51
+ top: "translate(0, -100%)",
52
+ left: "translate(-100%, 0)",
53
+ right: "translate(100%, 0)",
54
+ };
55
+ const getSizeCss = (size) => {
56
+ if (size === undefined) {
57
+ return undefined;
58
+ }
59
+ if (typeof size === "string") {
60
+ return size;
61
+ }
62
+ if (size >= 0) {
63
+ return `${size}px`;
64
+ }
65
+ return `calc(100% + ${size}px)`;
66
+ };
67
+ const positioningPresets = {
68
+ bottom: (size) => ({ top: "auto", height: size }),
69
+ top: (size) => ({ bottom: "auto", height: size }),
70
+ left: (size) => ({ right: "auto", width: size }),
71
+ right: (size) => ({ left: "auto", width: size }),
72
+ };
73
+ const radiusPresets = {
74
+ bottom: { borderTopLeftRadius: PARTIAL_RADIUS, borderTopRightRadius: PARTIAL_RADIUS },
75
+ top: { borderBottomLeftRadius: PARTIAL_RADIUS, borderBottomRightRadius: PARTIAL_RADIUS },
76
+ left: { borderTopRightRadius: PARTIAL_RADIUS, borderBottomRightRadius: PARTIAL_RADIUS },
77
+ right: { borderTopLeftRadius: PARTIAL_RADIUS, borderBottomLeftRadius: PARTIAL_RADIUS },
78
+ };
79
+ const getStaticStyle = (from, size) => {
80
+ const sizeCss = getSizeCss(size);
81
+ if (sizeCss === undefined) {
82
+ return {};
83
+ }
84
+ return Object.assign(Object.assign({}, positioningPresets[from](sizeCss)), radiusPresets[from]);
85
+ };
86
+ const findScaleTargets = (selectors, mode) => {
87
+ for (const sel of selectors) {
88
+ if (mode === "first") {
89
+ const el = document.querySelector(sel);
90
+ if (el) {
91
+ return [el];
92
+ }
93
+ }
94
+ else {
95
+ const els = Array.from(document.querySelectorAll(sel));
96
+ if (els.length > 0) {
97
+ return els;
98
+ }
99
+ }
100
+ }
101
+ return [];
102
+ };
103
+ const applyScale = (target, transform) => {
104
+ target.style.setProperty("transition", `transform ${TRANSITION_MS}ms`);
105
+ target.style.setProperty("transform-origin", "50% 0");
106
+ target.style.setProperty("transform", transform);
107
+ };
42
108
  const Drawer = (0, react_1.forwardRef)((props, ref) => {
43
- var _a;
109
+ var _a, _b, _c;
110
+ const drawerRef = (0, use_forwarded_ref_1.useForwardedRef)(ref);
44
111
  const [shouldRenderWhenClosed, setShouldRenderWhenClosed] = (0, react_1.useState)(false);
112
+ const [isVisible, setIsVisible] = (0, react_1.useState)(props.isOpen);
45
113
  const timeoutRef = (0, react_1.useRef)(null);
46
114
  (0, react_1.useEffect)(() => {
47
115
  timeoutRef.current = new oop_timers_1.Timeout(() => {
@@ -55,24 +123,76 @@ const Drawer = (0, react_1.forwardRef)((props, ref) => {
55
123
  }, []);
56
124
  (0, react_1.useEffect)(() => {
57
125
  var _a, _b;
58
- if (props.isOpen) {
59
- (_a = timeoutRef.current) === null || _a === void 0 ? void 0 : _a.stop();
60
- setShouldRenderWhenClosed(true);
61
- }
62
- else {
63
- (_b = timeoutRef.current) === null || _b === void 0 ? void 0 : _b.start();
126
+ if (!props.isOpen) {
127
+ (_a = timeoutRef.current) === null || _a === void 0 ? void 0 : _a.start();
128
+ setIsVisible(false);
129
+ return undefined;
64
130
  }
131
+ (_b = timeoutRef.current) === null || _b === void 0 ? void 0 : _b.stop();
132
+ setShouldRenderWhenClosed(true);
133
+ const id = requestAnimationFrame(() => {
134
+ setIsVisible(true);
135
+ });
136
+ return () => {
137
+ cancelAnimationFrame(id);
138
+ };
65
139
  }, [props.isOpen]);
66
- const y = props.isOpen ? 0 : 100;
67
- const style = {
68
- transform: `translateY(${y}%)`,
69
- };
140
+ const { scaleContent, scaleSelectors, scaleSelectorsMode } = props;
141
+ (0, react_1.useEffect)(() => {
142
+ if (!scaleContent || !props.isOpen) {
143
+ return undefined;
144
+ }
145
+ const selectors = scaleSelectors === undefined
146
+ ? DEFAULT_SCALE_SELECTORS
147
+ : (Array.isArray(scaleSelectors) ? scaleSelectors : [scaleSelectors]);
148
+ const mode = scaleSelectorsMode !== null && scaleSelectorsMode !== void 0 ? scaleSelectorsMode : "first";
149
+ const targets = findScaleTargets(selectors, mode);
150
+ if (targets.length === 0) {
151
+ return undefined;
152
+ }
153
+ const scale = typeof scaleContent === "number" ? scaleContent : DEFAULT_CONTENT_SCALE;
154
+ targets.forEach((el) => {
155
+ applyScale(el, `scale(${scale})`);
156
+ });
157
+ return () => {
158
+ targets.forEach((el) => {
159
+ applyScale(el, "");
160
+ });
161
+ };
162
+ }, [props.isOpen, scaleContent, scaleSelectors, scaleSelectorsMode]);
163
+ const from = (_a = props.from) !== null && _a !== void 0 ? _a : "bottom";
164
+ const style = Object.assign(Object.assign({}, getStaticStyle(from, props.size)), { transform: isVisible ? "translate(0, 0)" : closedTransform[from], transition: props.isOpen && !isVisible ? "none" : undefined });
70
165
  const shouldRender = props.isOpen || shouldRenderWhenClosed;
71
- const closeOnEsc = (_a = props.closeOnEsc) !== null && _a !== void 0 ? _a : true;
166
+ const closeOnEsc = (_b = props.closeOnEsc) !== null && _b !== void 0 ? _b : true;
72
167
  const esc = closeOnEsc && react_1.default.createElement(HandleEsc_1.HandleEsc, { onPress: props.onClose });
73
- return (react_1.default.createElement(Drawer_styled_1.StyledDrawer, { className: props.className, style: style, ref: ref },
74
- esc,
75
- react_1.default.createElement(Drawer_styled_1.Content, null, shouldRender && props.children)));
168
+ const portal = (_c = props.portal) !== null && _c !== void 0 ? _c : true;
169
+ const overlayClick = props.onOverlayClick === undefined ? "close" : props.onOverlayClick;
170
+ const { onClose } = props;
171
+ const handleOverlayClick = (0, react_1.useCallback)(() => {
172
+ if (overlayClick === "close") {
173
+ onClose();
174
+ return;
175
+ }
176
+ if (typeof overlayClick === "function") {
177
+ overlayClick();
178
+ }
179
+ }, [overlayClick, onClose]);
180
+ const hasOverlay = props.size !== undefined || Boolean(scaleContent);
181
+ const overlayInteractive = overlayClick !== null && props.isOpen;
182
+ const tintStyle = {
183
+ opacity: isVisible ? DEFAULT_TINT_OPACITY : 0,
184
+ pointerEvents: (overlayInteractive ? "auto" : "none"),
185
+ };
186
+ const tree = (react_1.default.createElement(react_1.default.Fragment, null,
187
+ hasOverlay && (react_1.default.createElement(Drawer_styled_1.Tint, { style: tintStyle, onClick: handleOverlayClick, "aria-hidden": true })),
188
+ react_1.default.createElement(Drawer_styled_1.StyledDrawer, { className: props.className, style: style, ref: drawerRef },
189
+ esc,
190
+ react_1.default.createElement(Drawer_styled_1.Content, null, shouldRender && props.children))));
191
+ if (portal) {
192
+ const root = typeof portal === "boolean" ? document.body : portal;
193
+ return (0, react_dom_1.createPortal)(tree, root);
194
+ }
195
+ return tree;
76
196
  });
77
197
  exports.Drawer = Drawer;
78
198
  Drawer.displayName = "Drawer";
@@ -1 +1 @@
1
- {"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../../src/components/ui/drawer/Drawer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuE;AAEvE,2CAAqC;AAErC,qDAAkD;AAClD,mDAAwD;AAExD,MAAM,cAAc,GAAG,GAAG,CAAC;AAU3B,MAAM,MAAM,GAAG,IAAA,kBAAU,EAA8B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;;IAClE,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC5E,MAAM,UAAU,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAEhD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,UAAU,CAAC,OAAO,GAAG,IAAI,oBAAO,CAAC,GAAG,EAAE;YAClC,yBAAyB,CAAC,KAAK,CAAC,CAAC;QACrC,CAAC,EAAE,cAAc,CAAC,CAAC;QAEnB,OAAO,GAAG,EAAE;;YACR,MAAA,UAAU,CAAC,OAAO,0CAAE,IAAI,EAAE,CAAC;YAC3B,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;QAC9B,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACX,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;YACf,MAAA,UAAU,CAAC,OAAO,0CAAE,IAAI,EAAE,CAAC;YAE3B,yBAAyB,CAAC,IAAI,CAAC,CAAC;QACpC,CAAC;aACI,CAAC;YACF,MAAA,UAAU,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;QAChC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IAGnB,MAAM,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;IACjC,MAAM,KAAK,GAAG;QACV,SAAS,EAAE,cAAc,CAAC,IAAI;KACjC,CAAC;IAEF,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,IAAI,sBAAsB,CAAC;IAE5D,MAAM,UAAU,GAAG,MAAA,KAAK,CAAC,UAAU,mCAAI,IAAI,CAAC;IAC5C,MAAM,GAAG,GAAG,UAAU,IAAI,8BAAC,qBAAS,IAAC,OAAO,EAAE,KAAK,CAAC,OAAO,GAAI,CAAC;IAEhE,OAAO,CACH,8BAAC,4BAAY,IAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG;QAC3D,GAAG;QACJ,8BAAC,uBAAO,QAEH,YAAY,IAAI,KAAK,CAAC,QAAQ,CACzB,CACC,CAClB,CAAC;AACN,CAAC,CAAC,CAAC;AAOM,wBAAM;AALf,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAC9B,MAAM,CAAC,QAAQ,GAAG,GAAG,EAAE,CAAC,4BAAY,CAAC,QAAQ,EAAE,CAAC;AAEhD,MAAM,qBAAqB,GAAG,uBAAO,CAAC,QAAQ,EAAE,CAAC;AAEhC,sDAAqB"}
1
+ {"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../../src/components/ui/drawer/Drawer.tsx"],"names":[],"mappings":"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"}
@@ -83,6 +83,91 @@ declare const StyledDrawer: import("../../../../node_modules/@stitches/react/typ
83
83
  height: string | number;
84
84
  };
85
85
  }>>;
86
+ declare const Tint: import("../../../../node_modules/@stitches/react/types/styled-component").StyledComponent<"div", {}, {}, import("../../../../node_modules/@stitches/react/types/css-util").CSS<{}, {
87
+ colors: {
88
+ background: "white";
89
+ mainColor: "#008ad2";
90
+ mainColorAlt: "#006AA9";
91
+ activeBg: "#e7e7e7";
92
+ inactiveBg: "#d3d3de";
93
+ inactiveDarkBg: "#999";
94
+ toggleHandleBg: "#e0e0e0";
95
+ toggleHandleBorder: "#cdcdcd";
96
+ toggleBgDisabled: "#f0f0f0";
97
+ toggleHandleBorderDisabled: "#c29f7d";
98
+ toggleHandleBgDisabled: "#deae84";
99
+ icon: "#636363";
100
+ border: "#d5d5d5";
101
+ buttonBorder: "#bababa";
102
+ headerBorder: "#c8c8c9";
103
+ headerBg: "#efeff0";
104
+ headerText: "#484848";
105
+ text: "#323232";
106
+ text2: "#181818";
107
+ text3: "#000000";
108
+ sub: "#959595";
109
+ popText: "#666";
110
+ toolbarBorder: "#ababab";
111
+ toolbarBg: "#f8f8f8";
112
+ modalBg: "#f7f7f7";
113
+ modalButtonBg: "#f8f8f8";
114
+ modalButtonBorder: "#c2c2c2";
115
+ inputDisabledBg: "#f3f3f3";
116
+ inputDisabledText: "#959595";
117
+ choiceBg: "#ffffff";
118
+ choiceText: "#999999";
119
+ choiceActiveBg: "#f3f3f3";
120
+ choiceActiveText: "#313131";
121
+ choiceBorder: "#cfcfcf";
122
+ selectorText: "#606060";
123
+ selectorActive: "#008ad2";
124
+ blue1: "#038bf4";
125
+ blue2: "#b7d6f5";
126
+ blue3: "#dbe6ff";
127
+ blue4: "#33b4ff";
128
+ blue5: "#30a2e6";
129
+ orange1: "#ff7200";
130
+ orange1Darker: "#cc5b00";
131
+ purple1: "#7357e8";
132
+ green1: "#3ec234";
133
+ green1Darker: "#38af2f";
134
+ pink1: "#ff388f";
135
+ red1: "#ea2700";
136
+ yellow1: "#ffde9d";
137
+ yellow2: "#e4a429";
138
+ yellow3: "#fff5db";
139
+ pinky1: "#f5c0b7";
140
+ pinky2: "#e07b67";
141
+ pinky3: "#ffe1db";
142
+ grey1: "#737373";
143
+ focusColor: "#dcaf00";
144
+ scrollbarsThumb: "#737373";
145
+ scrollbarsBg: "transparent";
146
+ tableStripedBg: "#fafafa";
147
+ toolButtonText: "#666e80";
148
+ };
149
+ }, import("../../../../node_modules/@stitches/react/types/config").DefaultThemeMap, {
150
+ mx: (value: string | number) => {
151
+ marginLeft: string | number;
152
+ marginRight: string | number;
153
+ };
154
+ my: (value: string | number) => {
155
+ marginTop: string | number;
156
+ marginBottom: string | number;
157
+ };
158
+ px: (value: string | number) => {
159
+ paddingLeft: string | number;
160
+ paddingRight: string | number;
161
+ };
162
+ py: (value: string | number) => {
163
+ paddingTop: string | number;
164
+ paddingBottom: string | number;
165
+ };
166
+ size: (value: string | number) => {
167
+ width: string | number;
168
+ height: string | number;
169
+ };
170
+ }>>;
86
171
  declare const Content: import("../../../../node_modules/@stitches/react/types/styled-component").StyledComponent<"div", {}, {}, import("../../../../node_modules/@stitches/react/types/css-util").CSS<{}, {
87
172
  colors: {
88
173
  background: "white";
@@ -168,5 +253,5 @@ declare const Content: import("../../../../node_modules/@stitches/react/types/st
168
253
  height: string | number;
169
254
  };
170
255
  }>>;
171
- export { StyledDrawer, Content, };
256
+ export { StyledDrawer, Tint, Content, };
172
257
  //# sourceMappingURL=Drawer.styled.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Drawer.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/drawer/Drawer.styled.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAUhB,CAAC;AAEH,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAEX,CAAC;AAEH,OAAO,EACH,YAAY,EACZ,OAAO,GACV,CAAC"}
1
+ {"version":3,"file":"Drawer.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/drawer/Drawer.styled.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAUhB,CAAC;AAEH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAUR,CAAC;AAEH,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAEX,CAAC;AAEH,OAAO,EACH,YAAY,EACZ,IAAI,EACJ,OAAO,GACV,CAAC"}
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Content = exports.StyledDrawer = void 0;
3
+ exports.Content = exports.Tint = exports.StyledDrawer = void 0;
4
4
  const theme_1 = require("../../../theme");
5
5
  const StyledDrawer = (0, theme_1.styled)("div", {
6
6
  position: "fixed",
@@ -14,6 +14,18 @@ const StyledDrawer = (0, theme_1.styled)("div", {
14
14
  overflow: "auto",
15
15
  });
16
16
  exports.StyledDrawer = StyledDrawer;
17
+ const Tint = (0, theme_1.styled)("div", {
18
+ position: "fixed",
19
+ top: 0,
20
+ left: 0,
21
+ right: 0,
22
+ bottom: 0,
23
+ background: "$text",
24
+ opacity: 0,
25
+ transition: "opacity 300ms",
26
+ zIndex: 0,
27
+ });
28
+ exports.Tint = Tint;
17
29
  const Content = (0, theme_1.styled)("div", {
18
30
  height: "100%",
19
31
  });
@@ -1 +1 @@
1
- {"version":3,"file":"Drawer.styled.js","sourceRoot":"","sources":["../../../../src/components/ui/drawer/Drawer.styled.ts"],"names":[],"mappings":";;;AAAA,0CAAwC;AAExC,MAAM,YAAY,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE;IAC/B,QAAQ,EAAE,OAAO;IACjB,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,UAAU,EAAE,aAAa;IACzB,MAAM,EAAE,CAAC;IACT,UAAU,EAAE,iBAAiB;IAC7B,QAAQ,EAAE,MAAM;CACnB,CAAC,CAAC;AAOC,oCAAY;AALhB,MAAM,OAAO,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE;IAC1B,MAAM,EAAE,MAAM;CACjB,CAAC,CAAC;AAIC,0BAAO"}
1
+ {"version":3,"file":"Drawer.styled.js","sourceRoot":"","sources":["../../../../src/components/ui/drawer/Drawer.styled.ts"],"names":[],"mappings":";;;AAAA,0CAAwC;AAExC,MAAM,YAAY,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE;IAC/B,QAAQ,EAAE,OAAO;IACjB,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,UAAU,EAAE,aAAa;IACzB,MAAM,EAAE,CAAC;IACT,UAAU,EAAE,iBAAiB;IAC7B,QAAQ,EAAE,MAAM;CACnB,CAAC,CAAC;AAmBC,oCAAY;AAjBhB,MAAM,IAAI,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE;IACvB,QAAQ,EAAE,OAAO;IACjB,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,UAAU,EAAE,OAAO;IACnB,OAAO,EAAE,CAAC;IACV,UAAU,EAAE,eAAe;IAC3B,MAAM,EAAE,CAAC;CACZ,CAAC,CAAC;AAQC,oBAAI;AANR,MAAM,OAAO,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE;IAC1B,MAAM,EAAE,MAAM;CACjB,CAAC,CAAC;AAKC,0BAAO"}
@@ -1 +1 @@
1
- {"version":3,"file":"Toaster.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/toaster/Toaster.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,KAAK,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,QAAQ,CAAC;AAEzD,KAAK,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC;AAErE,UAAU,oBAAqB,SAAQ,kBAAkB;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAOnD,CAAC;AAEF,KAAK,SAAS,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC;AAErE,QAAA,MAAM,UAAU,QAAO,SAItB,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC;AAC9C,YAAY,EAAE,oBAAoB,EAAE,CAAC"}
1
+ {"version":3,"file":"Toaster.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/toaster/Toaster.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAGhE,OAAO,EAAE,KAAK,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,QAAQ,CAAC;AAEzD,KAAK,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC;AAErE,UAAU,oBAAqB,SAAQ,kBAAkB;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAgBnD,CAAC;AAEF,KAAK,SAAS,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC;AAErE,QAAA,MAAM,UAAU,QAAO,SAItB,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC;AAC9C,YAAY,EAAE,oBAAoB,EAAE,CAAC"}
@@ -46,13 +46,19 @@ var __rest = (this && this.__rest) || function (s, e) {
46
46
  Object.defineProperty(exports, "__esModule", { value: true });
47
47
  exports.toast = exports.useToaster = exports.ToasterProvider = void 0;
48
48
  const react_1 = __importStar(require("react"));
49
+ const react_dom_1 = require("react-dom");
49
50
  const sonner_1 = require("sonner");
50
51
  Object.defineProperty(exports, "toast", { enumerable: true, get: function () { return sonner_1.toast; } });
51
52
  const ToasterProvider = (_a) => {
52
53
  var { children, position = "bottom-center" } = _a, rest = __rest(_a, ["children", "position"]);
54
+ const [body, setBody] = (0, react_1.useState)(null);
55
+ (0, react_1.useEffect)(() => {
56
+ setBody(document.body);
57
+ }, []);
58
+ const toaster = react_1.default.createElement(sonner_1.Toaster, Object.assign({ position: position }, rest));
53
59
  return (react_1.default.createElement(react_1.default.Fragment, null,
54
60
  children,
55
- react_1.default.createElement(sonner_1.Toaster, Object.assign({ position: position }, rest))));
61
+ body ? (0, react_dom_1.createPortal)(toaster, body) : null));
56
62
  };
57
63
  exports.ToasterProvider = ToasterProvider;
58
64
  const useToaster = () => {
@@ -1 +1 @@
1
- {"version":3,"file":"Toaster.js","sourceRoot":"","sources":["../../../../src/components/ui/toaster/Toaster.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA2C;AAE3C,mCAAyD;AAyBnB,sFAzB7B,cAAK,OAyB6B;AAjB3C,MAAM,eAAe,GAAmC,CAAC,EAAiD,EAAE,EAAE;QAArD,EAAE,QAAQ,EAAE,QAAQ,GAAG,eAAe,OAAW,EAAN,IAAI,cAA/C,wBAAiD,CAAF;IACpG,OAAO,CACH;QACK,QAAQ;QACT,8BAAC,gBAAa,kBAAC,QAAQ,EAAE,QAAQ,IAAM,IAAI,EAAI,CAChD,CACN,CAAC;AACN,CAAC,CAAC;AAUO,0CAAe;AANxB,MAAM,UAAU,GAAG,GAAc,EAAE;IAC/B,OAAO,IAAA,mBAAW,EAAC,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE;QACjC,OAAO,IAAA,cAAK,EAAC,IAAI,EAAE,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAC5E,CAAC,EAAE,EAAE,CAAC,CAAC;AACX,CAAC,CAAC;AAEwB,gCAAU"}
1
+ {"version":3,"file":"Toaster.js","sourceRoot":"","sources":["../../../../src/components/ui/toaster/Toaster.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAgE;AAChE,yCAAyC;AAEzC,mCAAyD;AAkCnB,sFAlC7B,cAAK,OAkC6B;AA1B3C,MAAM,eAAe,GAAmC,CAAC,EAAiD,EAAE,EAAE;QAArD,EAAE,QAAQ,EAAE,QAAQ,GAAG,eAAe,OAAW,EAAN,IAAI,cAA/C,wBAAiD,CAAF;IACpG,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAqB,IAAI,CAAC,CAAC;IAE3D,IAAA,iBAAS,EAAC,GAAG,EAAE;QAEX,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,OAAO,GAAG,8BAAC,gBAAa,kBAAC,QAAQ,EAAE,QAAQ,IAAM,IAAI,EAAI,CAAC;IAEhE,OAAO,CACH;QACK,QAAQ;QACR,IAAI,CAAC,CAAC,CAAC,IAAA,wBAAY,EAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAC3C,CACN,CAAC;AACN,CAAC,CAAC;AAUO,0CAAe;AANxB,MAAM,UAAU,GAAG,GAAc,EAAE;IAC/B,OAAO,IAAA,mBAAW,EAAC,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE;QACjC,OAAO,IAAA,cAAK,EAAC,IAAI,EAAE,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAC5E,CAAC,EAAE,EAAE,CAAC,CAAC;AACX,CAAC,CAAC;AAEwB,gCAAU"}
@@ -0,0 +1,30 @@
1
+ import React from "react";
2
+ type Side = "top" | "right" | "bottom" | "left";
3
+ type Align = "start" | "center" | "end";
4
+ interface TooltipProviderProps {
5
+ delayDuration?: number;
6
+ skipDelayDuration?: number;
7
+ disableHoverableContent?: boolean;
8
+ children: React.ReactNode;
9
+ }
10
+ declare const TooltipProvider: (props: TooltipProviderProps) => React.JSX.Element;
11
+ interface TooltipProps {
12
+ content: React.ReactNode;
13
+ side?: Side;
14
+ sideOffset?: number;
15
+ align?: Align;
16
+ alignOffset?: number;
17
+ delayDuration?: number;
18
+ avoidCollisions?: boolean;
19
+ arrow?: boolean;
20
+ open?: boolean;
21
+ defaultOpen?: boolean;
22
+ onOpenChange?: (open: boolean) => void;
23
+ className?: string;
24
+ children: React.ReactElement;
25
+ }
26
+ declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLDivElement>>;
27
+ declare const TooltipContentSelector: string;
28
+ export { Tooltip, TooltipProvider, TooltipContentSelector, };
29
+ export type { TooltipProps, TooltipProviderProps };
30
+ //# sourceMappingURL=Tooltip.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAM1C,KAAK,IAAI,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAChD,KAAK,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAExC,UAAU,oBAAoB;IAK1B,aAAa,CAAC,EAAE,MAAM,CAAC;IAMvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAM3B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAUD,QAAA,MAAM,eAAe,GAAI,OAAO,oBAAoB,sBAanD,CAAC;AAEF,UAAU,YAAY;IAIlB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IAMzB,IAAI,CAAC,EAAE,IAAI,CAAC;IAKZ,UAAU,CAAC,EAAE,MAAM,CAAC;IAKpB,KAAK,CAAC,EAAE,KAAK,CAAC;IAKd,WAAW,CAAC,EAAE,MAAM,CAAC;IAKrB,aAAa,CAAC,EAAE,MAAM,CAAC;IAKvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAK1B,KAAK,CAAC,EAAE,OAAO,CAAC;IAIhB,IAAI,CAAC,EAAE,OAAO,CAAC;IAIf,WAAW,CAAC,EAAE,OAAO,CAAC;IAItB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAIvC,SAAS,CAAC,EAAE,MAAM,CAAC;IAKnB,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;CAChC;AAqBD,QAAA,MAAM,OAAO,qFA8CX,CAAC;AAKH,QAAA,MAAM,sBAAsB,QAA2B,CAAC;AAExD,OAAO,EACH,OAAO,EACP,eAAe,EACf,sBAAsB,GACzB,CAAC;AACF,YAAY,EAAE,YAAY,EAAE,oBAAoB,EAAE,CAAC"}
@@ -0,0 +1,81 @@
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.TooltipContentSelector = exports.TooltipProvider = exports.Tooltip = void 0;
37
+ const react_1 = __importStar(require("react"));
38
+ const RadixTooltip = __importStar(require("@radix-ui/react-tooltip"));
39
+ const Tooltip_styled_1 = require("./Tooltip.styled");
40
+ const TooltipProvider = (props) => {
41
+ const radixProps = {};
42
+ if (props.delayDuration !== undefined) {
43
+ radixProps.delayDuration = props.delayDuration;
44
+ }
45
+ if (props.skipDelayDuration !== undefined) {
46
+ radixProps.skipDelayDuration = props.skipDelayDuration;
47
+ }
48
+ if (props.disableHoverableContent !== undefined) {
49
+ radixProps.disableHoverableContent = props.disableHoverableContent;
50
+ }
51
+ return (react_1.default.createElement(RadixTooltip.Provider, Object.assign({}, radixProps), props.children));
52
+ };
53
+ exports.TooltipProvider = TooltipProvider;
54
+ const Tooltip = (0, react_1.forwardRef)((props, ref) => {
55
+ const { content, side = "top", sideOffset = 6, align = "center", alignOffset = 0, delayDuration, avoidCollisions = true, arrow = true, open, defaultOpen, onOpenChange, className, children, } = props;
56
+ const rootProps = {};
57
+ if (open !== undefined) {
58
+ rootProps.open = open;
59
+ }
60
+ if (defaultOpen !== undefined) {
61
+ rootProps.defaultOpen = defaultOpen;
62
+ }
63
+ if (onOpenChange !== undefined) {
64
+ rootProps.onOpenChange = onOpenChange;
65
+ }
66
+ if (delayDuration !== undefined) {
67
+ rootProps.delayDuration = delayDuration;
68
+ }
69
+ return (react_1.default.createElement(RadixTooltip.Root, Object.assign({}, rootProps),
70
+ react_1.default.createElement(RadixTooltip.Trigger, { asChild: true }, children),
71
+ react_1.default.createElement(RadixTooltip.Portal, null,
72
+ react_1.default.createElement(Tooltip_styled_1.StyledContent, { ref: ref, side: side, sideOffset: sideOffset, align: align, alignOffset: alignOffset, avoidCollisions: avoidCollisions, className: className },
73
+ content,
74
+ arrow && react_1.default.createElement(Tooltip_styled_1.StyledArrow, { width: 10, height: 5 })))));
75
+ });
76
+ exports.Tooltip = Tooltip;
77
+ Tooltip.displayName = "Tooltip";
78
+ Tooltip.toString = () => Tooltip_styled_1.StyledContent.toString();
79
+ const TooltipContentSelector = Tooltip_styled_1.StyledContent.toString();
80
+ exports.TooltipContentSelector = TooltipContentSelector;
81
+ //# sourceMappingURL=Tooltip.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/ui/tooltip/Tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,sEAAwD;AAExD,qDAA8D;AAkC9D,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,EAAE;IACpD,MAAM,UAAU,GAAyE,EAAE,CAAC;IAC5F,IAAI,KAAK,CAAC,aAAa,KAAK,SAAS,EAAE,CAAC;QAAC,UAAU,CAAC,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC;IAAC,CAAC;IAC1F,IAAI,KAAK,CAAC,iBAAiB,KAAK,SAAS,EAAE,CAAC;QAAC,UAAU,CAAC,iBAAiB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAAC,CAAC;IACtG,IAAI,KAAK,CAAC,uBAAuB,KAAK,SAAS,EAAE,CAAC;QAC9C,UAAU,CAAC,uBAAuB,GAAG,KAAK,CAAC,uBAAuB,CAAC;IACvE,CAAC;IAED,OAAO,CACH,8BAAC,YAAY,CAAC,QAAQ,oBAAK,UAAU,GAChC,KAAK,CAAC,QAAQ,CACK,CAC3B,CAAC;AACN,CAAC,CAAC;AA4IE,0CAAe;AAvDnB,MAAM,OAAO,GAAG,IAAA,kBAAU,EAA+B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACpE,MAAM,EACF,OAAO,EACP,IAAI,GAAG,KAAK,EAEZ,UAAU,GAAG,CAAC,EACd,KAAK,GAAG,QAAQ,EAChB,WAAW,GAAG,CAAC,EACf,aAAa,EACb,eAAe,GAAG,IAAI,EACtB,KAAK,GAAG,IAAI,EACZ,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,SAAS,EACT,QAAQ,GACX,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAmD,EAAE,CAAC;IACrE,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QAAC,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC;IAAC,CAAC;IAClD,IAAI,WAAW,KAAK,SAAS,EAAE,CAAC;QAAC,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;IAAC,CAAC;IACvE,IAAI,YAAY,KAAK,SAAS,EAAE,CAAC;QAAC,SAAS,CAAC,YAAY,GAAG,YAAY,CAAC;IAAC,CAAC;IAC1E,IAAI,aAAa,KAAK,SAAS,EAAE,CAAC;QAAC,SAAS,CAAC,aAAa,GAAG,aAAa,CAAC;IAAC,CAAC;IAE7E,OAAO,CACH,8BAAC,YAAY,CAAC,IAAI,oBAAK,SAAS;QAC5B,8BAAC,YAAY,CAAC,OAAO,IAAC,OAAO,EAAE,IAAI,IAC9B,QAAQ,CACU;QACvB,8BAAC,YAAY,CAAC,MAAM;YAChB,8BAAC,8BAAa,IACV,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,SAAS;gBAEnB,OAAO;gBAEP,KAAK,IAAI,8BAAC,4BAAW,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,GAAI,CACnC,CACE,CACN,CACvB,CAAC;AACN,CAAC,CAAC,CAAC;AAQC,0BAAO;AANX,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAChC,OAAO,CAAC,QAAQ,GAAG,GAAG,EAAE,CAAC,8BAAa,CAAC,QAAQ,EAAE,CAAC;AAElD,MAAM,sBAAsB,GAAG,8BAAa,CAAC,QAAQ,EAAE,CAAC;AAKpD,wDAAsB"}