@apipass/design-system 3.0.1 → 3.3.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 (97) hide show
  1. package/dist/lib/embedded-styles.js +1 -1
  2. package/dist/lib/lib.index.cjs +1 -1
  3. package/dist/lib/lib.index.js +755 -750
  4. package/dist/lib/lib.index.js.map +1 -1
  5. package/dist/lib/style.css +1 -1
  6. package/dist/lib/ui/hooks/useOverlayPortal.cjs +2 -0
  7. package/dist/lib/ui/hooks/useOverlayPortal.cjs.map +1 -0
  8. package/dist/lib/ui/hooks/useOverlayPortal.js +17 -0
  9. package/dist/lib/ui/hooks/useOverlayPortal.js.map +1 -0
  10. package/dist/lib/ui/primitives/ComboBox/ComboBox.cjs +1 -1
  11. package/dist/lib/ui/primitives/ComboBox/ComboBox.cjs.map +1 -1
  12. package/dist/lib/ui/primitives/ComboBox/ComboBox.js +31 -30
  13. package/dist/lib/ui/primitives/ComboBox/ComboBox.js.map +1 -1
  14. package/dist/lib/ui/primitives/DateRangePicker/DateRangePicker.cjs +1 -1
  15. package/dist/lib/ui/primitives/DateRangePicker/DateRangePicker.cjs.map +1 -1
  16. package/dist/lib/ui/primitives/DateRangePicker/DateRangePicker.js +187 -178
  17. package/dist/lib/ui/primitives/DateRangePicker/DateRangePicker.js.map +1 -1
  18. package/dist/lib/ui/primitives/Dialog/Dialog.cjs +1 -1
  19. package/dist/lib/ui/primitives/Dialog/Dialog.cjs.map +1 -1
  20. package/dist/lib/ui/primitives/Dialog/Dialog.js +52 -41
  21. package/dist/lib/ui/primitives/Dialog/Dialog.js.map +1 -1
  22. package/dist/lib/ui/primitives/JsonViewer/JsonViewer.cjs +2 -0
  23. package/dist/lib/ui/primitives/JsonViewer/JsonViewer.cjs.map +1 -0
  24. package/dist/lib/ui/primitives/JsonViewer/JsonViewer.js +121 -0
  25. package/dist/lib/ui/primitives/JsonViewer/JsonViewer.js.map +1 -0
  26. package/dist/lib/ui/primitives/Menu/Menu.cjs +1 -1
  27. package/dist/lib/ui/primitives/Menu/Menu.cjs.map +1 -1
  28. package/dist/lib/ui/primitives/Menu/Menu.js +68 -57
  29. package/dist/lib/ui/primitives/Menu/Menu.js.map +1 -1
  30. package/dist/lib/ui/primitives/Search/Search.cjs +1 -1
  31. package/dist/lib/ui/primitives/Search/Search.cjs.map +1 -1
  32. package/dist/lib/ui/primitives/Search/Search.js +21 -20
  33. package/dist/lib/ui/primitives/Search/Search.js.map +1 -1
  34. package/dist/lib/ui/primitives/Select/Select.cjs +1 -1
  35. package/dist/lib/ui/primitives/Select/Select.cjs.map +1 -1
  36. package/dist/lib/ui/primitives/Select/Select.js +31 -30
  37. package/dist/lib/ui/primitives/Select/Select.js.map +1 -1
  38. package/dist/lib/ui/primitives/Tab/Tab.cjs +1 -1
  39. package/dist/lib/ui/primitives/Tab/Tab.cjs.map +1 -1
  40. package/dist/lib/ui/primitives/Tab/Tab.js +17 -17
  41. package/dist/lib/ui/primitives/Tab/Tab.js.map +1 -1
  42. package/dist/lib/ui/primitives/Tooltip/Tooltip.cjs +1 -1
  43. package/dist/lib/ui/primitives/Tooltip/Tooltip.cjs.map +1 -1
  44. package/dist/lib/ui/primitives/Tooltip/Tooltip.js +56 -53
  45. package/dist/lib/ui/primitives/Tooltip/Tooltip.js.map +1 -1
  46. package/dist/lib/vendor/@codemirror/lang-json/dist/index.cjs +2 -0
  47. package/dist/lib/vendor/@codemirror/lang-json/dist/index.cjs.map +1 -0
  48. package/dist/lib/vendor/@codemirror/lang-json/dist/index.js +28 -0
  49. package/dist/lib/vendor/@codemirror/lang-json/dist/index.js.map +1 -0
  50. package/dist/lib/vendor/@codemirror/language/dist/index.cjs +2 -0
  51. package/dist/lib/vendor/@codemirror/language/dist/index.cjs.map +1 -0
  52. package/dist/lib/vendor/@codemirror/language/dist/index.js +791 -0
  53. package/dist/lib/vendor/@codemirror/language/dist/index.js.map +1 -0
  54. package/dist/lib/vendor/@codemirror/state/dist/index.cjs +6 -0
  55. package/dist/lib/vendor/@codemirror/state/dist/index.cjs.map +1 -0
  56. package/dist/lib/vendor/@codemirror/state/dist/index.js +2633 -0
  57. package/dist/lib/vendor/@codemirror/state/dist/index.js.map +1 -0
  58. package/dist/lib/vendor/@codemirror/view/dist/index.cjs +5 -0
  59. package/dist/lib/vendor/@codemirror/view/dist/index.cjs.map +1 -0
  60. package/dist/lib/vendor/@codemirror/view/dist/index.js +6068 -0
  61. package/dist/lib/vendor/@codemirror/view/dist/index.js.map +1 -0
  62. package/dist/lib/vendor/@lezer/common/dist/index.cjs +2 -0
  63. package/dist/lib/vendor/@lezer/common/dist/index.cjs.map +1 -0
  64. package/dist/lib/vendor/@lezer/common/dist/index.js +1392 -0
  65. package/dist/lib/vendor/@lezer/common/dist/index.js.map +1 -0
  66. package/dist/lib/vendor/@lezer/highlight/dist/index.cjs +2 -0
  67. package/dist/lib/vendor/@lezer/highlight/dist/index.cjs.map +1 -0
  68. package/dist/lib/vendor/@lezer/highlight/dist/index.js +638 -0
  69. package/dist/lib/vendor/@lezer/highlight/dist/index.js.map +1 -0
  70. package/dist/lib/vendor/@lezer/json/dist/index.cjs +2 -0
  71. package/dist/lib/vendor/@lezer/json/dist/index.cjs.map +1 -0
  72. package/dist/lib/vendor/@lezer/json/dist/index.js +35 -0
  73. package/dist/lib/vendor/@lezer/json/dist/index.js.map +1 -0
  74. package/dist/lib/vendor/@lezer/lr/dist/index.cjs +2 -0
  75. package/dist/lib/vendor/@lezer/lr/dist/index.cjs.map +1 -0
  76. package/dist/lib/vendor/@lezer/lr/dist/index.js +1269 -0
  77. package/dist/lib/vendor/@lezer/lr/dist/index.js.map +1 -0
  78. package/dist/lib/vendor/@marijn/find-cluster-break/src/index.cjs +2 -0
  79. package/dist/lib/vendor/@marijn/find-cluster-break/src/index.cjs.map +1 -0
  80. package/dist/lib/vendor/@marijn/find-cluster-break/src/index.js +70 -0
  81. package/dist/lib/vendor/@marijn/find-cluster-break/src/index.js.map +1 -0
  82. package/dist/lib/vendor/style-mod/src/style-mod.cjs +4 -0
  83. package/dist/lib/vendor/style-mod/src/style-mod.cjs.map +1 -0
  84. package/dist/lib/vendor/style-mod/src/style-mod.js +110 -0
  85. package/dist/lib/vendor/style-mod/src/style-mod.js.map +1 -0
  86. package/dist/lib/vendor/w3c-keyname/index.cjs +2 -0
  87. package/dist/lib/vendor/w3c-keyname/index.cjs.map +1 -0
  88. package/dist/lib/vendor/w3c-keyname/index.js +89 -0
  89. package/dist/lib/vendor/w3c-keyname/index.js.map +1 -0
  90. package/dist/types/ui/hooks/index.d.ts +1 -0
  91. package/dist/types/ui/hooks/useOverlayPortal.d.ts +15 -0
  92. package/dist/types/ui/primitives/Dialog/Dialog.d.ts +1 -1
  93. package/dist/types/ui/primitives/JsonViewer/JsonViewer.d.ts +16 -0
  94. package/dist/types/ui/primitives/Menu/Menu.d.ts +1 -1
  95. package/dist/types/ui/primitives/Tab/Tab.d.ts +9 -2
  96. package/dist/types/ui/primitives/index.d.ts +1 -0
  97. package/package.json +7 -1
@@ -1,43 +1,43 @@
1
- import { jsx as e, jsxs as o, Fragment as b } from "react/jsx-runtime";
1
+ import { jsx as e, jsxs as b, Fragment as m } from "react/jsx-runtime";
2
2
  import { clsx as n } from "../../../vendor/clsx/dist/clsx.js";
3
- import { Tab as m, Button as i, TabList as T, TabPanel as N, Tabs as u } from "react-aria-components";
3
+ import { Tab as o, Button as i, TabList as T, TabPanel as N, Tabs as u } from "react-aria-components";
4
4
  /* empty css */
5
5
  import { IconX as f } from "../../icons/IconX.js";
6
6
  function d({
7
- className: s,
7
+ className: t,
8
8
  children: a,
9
- onClose: t,
9
+ onClose: s,
10
10
  closeButtonLabel: l,
11
11
  ...r
12
12
  }) {
13
- const c = n(s, "tab");
14
- return /* @__PURE__ */ e(m, { className: c, "aria-label": a, ...r, children: /* @__PURE__ */ o(b, { children: [
13
+ const c = n(t, "tab");
14
+ return /* @__PURE__ */ e(o, { className: c, "aria-label": a, ...r, children: /* @__PURE__ */ b(m, { children: [
15
15
  /* @__PURE__ */ e("span", { className: "tab-label", children: a }),
16
- /* @__PURE__ */ e(
16
+ s && /* @__PURE__ */ e(
17
17
  i,
18
18
  {
19
19
  className: "tab-close",
20
20
  "aria-label": l,
21
- onPress: t,
21
+ onPress: s,
22
22
  children: /* @__PURE__ */ e(f, { size: "16" })
23
23
  }
24
24
  )
25
25
  ] }) });
26
26
  }
27
27
  function h({
28
- className: s,
28
+ className: t,
29
29
  ...a
30
30
  }) {
31
- const t = n(s, "tab-list");
32
- return /* @__PURE__ */ e(T, { className: t, ...a });
31
+ const s = n(t, "tab-list");
32
+ return /* @__PURE__ */ e(T, { className: s, ...a });
33
33
  }
34
- function j({ className: s, ...a }) {
35
- const t = n(s, "tab-panel");
36
- return /* @__PURE__ */ e(N, { className: t, ...a });
34
+ function j({ className: t, ...a }) {
35
+ const s = n(t, "tab-panel");
36
+ return /* @__PURE__ */ e(N, { className: s, ...a });
37
37
  }
38
- function g({ className: s, ...a }) {
39
- const t = n(s, "tabs");
40
- return /* @__PURE__ */ e(u, { className: t, ...a });
38
+ function g({ className: t, ...a }) {
39
+ const s = n(t, "tabs");
40
+ return /* @__PURE__ */ e(u, { className: s, ...a });
41
41
  }
42
42
  export {
43
43
  d as Tab,
@@ -1 +1 @@
1
- {"version":3,"file":"Tab.js","sources":["../../../../../src/ui/primitives/Tab/Tab.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconX } from \"icons\";\nimport {\n Button as RACButton,\n Tab as RACTab,\n TabList as RACTabList,\n TabPanel as RACTabPanel,\n Tabs as RACTabs,\n type PressEvent as RACPressEvent,\n type TabListProps as RACTabListProps,\n type TabPanelProps as RACTabPanelProps,\n type TabProps as RACTabProps,\n type TabsProps as RACTabsProps,\n} from \"react-aria-components\";\nimport \"./tab.css\";\n\nexport type TabProps = Omit<RACTabProps, \"children\"> & {\n children: string;\n onClose: (e: RACPressEvent) => void;\n closeButtonLabel: string;\n};\nexport function Tab({\n className,\n children,\n onClose,\n closeButtonLabel,\n ...props\n}: TabProps) {\n const classNames = clsx(className, \"tab\");\n return (\n <RACTab className={classNames} aria-label={children} {...props}>\n <>\n <span className=\"tab-label\">{children}</span>\n <RACButton\n className=\"tab-close\"\n aria-label={closeButtonLabel}\n onPress={onClose}\n >\n <IconX size=\"16\" />\n </RACButton>\n </>\n </RACTab>\n );\n}\n\nexport type TabListProps<T> = RACTabListProps<T>;\nexport function TabList<T extends object>({\n className,\n ...props\n}: TabListProps<T>) {\n const classNames = clsx(className, \"tab-list\");\n return <RACTabList className={classNames} {...props} />;\n}\n\nexport type TabPanelProps = RACTabPanelProps;\nexport function TabPanel({ className, ...props }: TabPanelProps) {\n const classNames = clsx(className, \"tab-panel\");\n return <RACTabPanel className={classNames} {...props} />;\n}\n\nexport type TabsProps = RACTabsProps;\nexport function Tabs({ className, ...props }: TabsProps) {\n const classNames = clsx(className, \"tabs\");\n return <RACTabs className={classNames} {...props} />;\n}\n"],"names":["Tab","className","children","onClose","closeButtonLabel","props","classNames","clsx","jsx","RACTab","jsxs","Fragment","RACButton","IconX","TabList","RACTabList","TabPanel","RACTabPanel","Tabs","RACTabs"],"mappings":";;;;;AAqBO,SAASA,EAAI;AAAA,EAClB,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,GAAGC;AACL,GAAa;AACX,QAAMC,IAAaC,EAAKN,GAAW,KAAK;AACxC,SACE,gBAAAO,EAACC,KAAO,WAAWH,GAAY,cAAYJ,GAAW,GAAGG,GACvD,UAAA,gBAAAK,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAH,EAAC,QAAA,EAAK,WAAU,aAAa,UAAAN,EAAA,CAAS;AAAA,IACtC,gBAAAM;AAAA,MAACI;AAAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,cAAYR;AAAA,QACZ,SAASD;AAAA,QAET,UAAA,gBAAAK,EAACK,GAAA,EAAM,MAAK,KAAA,CAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACnB,EAAA,CACF,EAAA,CACF;AAEJ;AAGO,SAASC,EAA0B;AAAA,EACxC,WAAAb;AAAA,EACA,GAAGI;AACL,GAAoB;AAClB,QAAMC,IAAaC,EAAKN,GAAW,UAAU;AAC7C,SAAO,gBAAAO,EAACO,GAAA,EAAW,WAAWT,GAAa,GAAGD,GAAO;AACvD;AAGO,SAASW,EAAS,EAAE,WAAAf,GAAW,GAAGI,KAAwB;AAC/D,QAAMC,IAAaC,EAAKN,GAAW,WAAW;AAC9C,SAAO,gBAAAO,EAACS,GAAA,EAAY,WAAWX,GAAa,GAAGD,GAAO;AACxD;AAGO,SAASa,EAAK,EAAE,WAAAjB,GAAW,GAAGI,KAAoB;AACvD,QAAMC,IAAaC,EAAKN,GAAW,MAAM;AACzC,SAAO,gBAAAO,EAACW,GAAA,EAAQ,WAAWb,GAAa,GAAGD,GAAO;AACpD;"}
1
+ {"version":3,"file":"Tab.js","sources":["../../../../../src/ui/primitives/Tab/Tab.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconX } from \"icons\";\nimport {\n Button as RACButton,\n Tab as RACTab,\n TabList as RACTabList,\n TabPanel as RACTabPanel,\n Tabs as RACTabs,\n type PressEvent as RACPressEvent,\n type TabListProps as RACTabListProps,\n type TabPanelProps as RACTabPanelProps,\n type TabProps as RACTabProps,\n type TabsProps as RACTabsProps,\n} from \"react-aria-components\";\nimport \"./tab.css\";\n\ntype ClosableTabProps = {\n onClose: (e: RACPressEvent) => void;\n closeButtonLabel: string;\n};\ntype PlainTabProps = { onClose?: never; closeButtonLabel?: never };\n\nexport type TabProps = Omit<RACTabProps, \"children\"> & {\n children: string;\n} & (ClosableTabProps | PlainTabProps);\nexport function Tab({\n className,\n children,\n onClose,\n closeButtonLabel,\n ...props\n}: TabProps) {\n const classNames = clsx(className, \"tab\");\n return (\n <RACTab className={classNames} aria-label={children} {...props}>\n <>\n <span className=\"tab-label\">{children}</span>\n {onClose && (\n <RACButton\n className=\"tab-close\"\n aria-label={closeButtonLabel}\n onPress={onClose}\n >\n <IconX size=\"16\" />\n </RACButton>\n )}\n </>\n </RACTab>\n );\n}\n\nexport type TabListProps<T> = RACTabListProps<T>;\nexport function TabList<T extends object>({\n className,\n ...props\n}: TabListProps<T>) {\n const classNames = clsx(className, \"tab-list\");\n return <RACTabList className={classNames} {...props} />;\n}\n\nexport type TabPanelProps = RACTabPanelProps;\nexport function TabPanel({ className, ...props }: TabPanelProps) {\n const classNames = clsx(className, \"tab-panel\");\n return <RACTabPanel className={classNames} {...props} />;\n}\n\nexport type TabsProps = RACTabsProps;\nexport function Tabs({ className, ...props }: TabsProps) {\n const classNames = clsx(className, \"tabs\");\n return <RACTabs className={classNames} {...props} />;\n}\n"],"names":["Tab","className","children","onClose","closeButtonLabel","props","classNames","clsx","jsx","RACTab","jsxs","Fragment","RACButton","IconX","TabList","RACTabList","TabPanel","RACTabPanel","Tabs","RACTabs"],"mappings":";;;;;AAyBO,SAASA,EAAI;AAAA,EAClB,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,GAAGC;AACL,GAAa;AACX,QAAMC,IAAaC,EAAKN,GAAW,KAAK;AACxC,SACE,gBAAAO,EAACC,KAAO,WAAWH,GAAY,cAAYJ,GAAW,GAAGG,GACvD,UAAA,gBAAAK,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAH,EAAC,QAAA,EAAK,WAAU,aAAa,UAAAN,EAAA,CAAS;AAAA,IACrCC,KACC,gBAAAK;AAAA,MAACI;AAAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,cAAYR;AAAA,QACZ,SAASD;AAAA,QAET,UAAA,gBAAAK,EAACK,GAAA,EAAM,MAAK,KAAA,CAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACnB,EAAA,CAEJ,EAAA,CACF;AAEJ;AAGO,SAASC,EAA0B;AAAA,EACxC,WAAAb;AAAA,EACA,GAAGI;AACL,GAAoB;AAClB,QAAMC,IAAaC,EAAKN,GAAW,UAAU;AAC7C,SAAO,gBAAAO,EAACO,GAAA,EAAW,WAAWT,GAAa,GAAGD,GAAO;AACvD;AAGO,SAASW,EAAS,EAAE,WAAAf,GAAW,GAAGI,KAAwB;AAC/D,QAAMC,IAAaC,EAAKN,GAAW,WAAW;AAC9C,SAAO,gBAAAO,EAACS,GAAA,EAAY,WAAWX,GAAa,GAAGD,GAAO;AACxD;AAGO,SAASa,EAAK,EAAE,WAAAjB,GAAW,GAAGI,KAAoB;AACvD,QAAMC,IAAaC,EAAKN,GAAW,MAAM;AACzC,SAAO,gBAAAO,EAACW,GAAA,EAAQ,WAAWb,GAAa,GAAGD,GAAO;AACpD;"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),u=require("../../../vendor/clsx/dist/clsx.cjs"),j=require("react"),v=require("../../../vendor/@react-aria/tooltip/dist/useTooltipTrigger.cjs"),h=require("../../../vendor/@react-stately/tooltip/dist/useTooltipTriggerState.cjs"),i=require("react-aria-components");;/* empty css */function m({children:e,content:o,className:s,offset:a,delay:c,closeDelay:n,placement:g}){const l=h.useTooltipTriggerState({delay:c,closeDelay:n}),t=j.useRef(null),{triggerProps:p,tooltipProps:d}=v.useTooltipTrigger({},l,t),T=u.clsx(s,"tooltip");return r.jsxs(r.Fragment,{children:[r.jsx("span",{ref:t,className:"tooltip-trigger-wrapper",...p,children:e}),r.jsx(i.TooltipTriggerStateContext.Provider,{value:l,children:r.jsxs(i.Tooltip,{...d,triggerRef:t,className:T,offset:a,placement:g,children:[r.jsx(x,{}),r.jsx("div",{className:"dialog dialog-type-card",children:o})]})})]})}function y({children:e,content:o,className:s,offset:a=16,trigger:c="hover",delay:n=500,closeDelay:g=100,placement:l,...t}){const p=u.clsx(s,"tooltip");return c==="click"?r.jsxs(i.DialogTrigger,{children:[e,r.jsxs(i.Popover,{...t,className:p,offset:a,placement:l,children:[r.jsx(x,{}),r.jsx(i.Dialog,{className:"dialog dialog-type-card","aria-label":"Tooltip",children:o})]})]}):r.jsx(m,{content:o,className:s,offset:a,delay:n,closeDelay:g,placement:l,...t,children:e})}function x({className:e,...o}){const s=u.clsx(e,"tooltip-overlay-arrow");return r.jsxs(i.OverlayArrow,{...o,className:s,children:[r.jsx("svg",{viewBox:"0 0 10 5",children:r.jsx("path",{d:"M0 0 L5 5 L10 0"})}),r.jsx("svg",{viewBox:"0 0 10 5",children:r.jsx("path",{d:"M0 0 L5 5 L10 0"})})]})}exports.Tooltip=y;exports.TooltipOverlayArrow=x;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),x=require("../../../vendor/clsx/dist/clsx.cjs"),h=require("react"),m=require("../../../vendor/@react-aria/tooltip/dist/useTooltipTrigger.cjs"),y=require("../../../vendor/@react-stately/tooltip/dist/useTooltipTriggerState.cjs"),i=require("react-aria-components");;/* empty css */const d=require("../../hooks/useOverlayPortal.cjs");function N({children:o,content:t,className:s,offset:a,delay:n,closeDelay:c,placement:g}){const l=y.useTooltipTriggerState({delay:n,closeDelay:c}),e=h.useRef(null),{triggerProps:u,tooltipProps:p}=m.useTooltipTrigger({},l,e),j=x.clsx(s,"tooltip"),v=d.useOverlayPortalContainer();return r.jsxs(r.Fragment,{children:[r.jsx("span",{ref:e,className:"tooltip-trigger-wrapper",...u,children:o}),r.jsx(i.TooltipTriggerStateContext.Provider,{value:l,children:r.jsxs(i.Tooltip,{...p,triggerRef:e,className:j,offset:a,placement:g,UNSTABLE_portalContainer:v,children:[r.jsx(T,{}),r.jsx("div",{className:"dialog dialog-type-card",children:t})]})})]})}function C({children:o,content:t,className:s,offset:a=16,trigger:n="hover",delay:c=500,closeDelay:g=100,placement:l,...e}){const u=x.clsx(s,"tooltip"),p=d.useOverlayPortalContainer();return n==="click"?r.jsxs(i.DialogTrigger,{children:[o,r.jsxs(i.Popover,{...e,className:u,offset:a,placement:l,UNSTABLE_portalContainer:e.UNSTABLE_portalContainer??p,children:[r.jsx(T,{}),r.jsx(i.Dialog,{className:"dialog dialog-type-card","aria-label":"Tooltip",children:t})]})]}):r.jsx(N,{content:t,className:s,offset:a,delay:c,closeDelay:g,placement:l,...e,children:o})}function T({className:o,...t}){const s=x.clsx(o,"tooltip-overlay-arrow");return r.jsxs(i.OverlayArrow,{...t,className:s,children:[r.jsx("svg",{viewBox:"0 0 10 5",children:r.jsx("path",{d:"M0 0 L5 5 L10 0"})}),r.jsx("svg",{viewBox:"0 0 10 5",children:r.jsx("path",{d:"M0 0 L5 5 L10 0"})})]})}exports.Tooltip=C;exports.TooltipOverlayArrow=T;
2
2
  //# sourceMappingURL=Tooltip.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.cjs","sources":["../../../../../src/ui/primitives/Tooltip/Tooltip.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useRef } from \"react\";\nimport { useTooltipTrigger } from \"@react-aria/tooltip\";\nimport { useTooltipTriggerState } from \"@react-stately/tooltip\";\nimport {\n DialogTrigger as RACDialogTrigger,\n Dialog as RACDialog,\n OverlayArrow as RACOverlayArrow,\n Popover as RACPopover,\n Tooltip as RACTooltip,\n TooltipTriggerStateContext,\n type OverlayArrowProps as RACOverlayArrowProps,\n type PopoverProps as RACPopoverProps,\n} from \"react-aria-components\";\nimport \"./tooltip.css\";\n\nexport type TooltipTrigger = \"hover\" | \"click\";\n\nexport interface TooltipProps\n extends Omit<\n RACPopoverProps,\n \"children\" | \"isOpen\" | \"defaultOpen\" | \"onOpenChange\" | \"triggerRef\"\n > {\n children: React.ReactNode;\n content: React.ReactNode;\n trigger?: TooltipTrigger;\n delay?: number;\n closeDelay?: number;\n}\n\nfunction HoverTooltip({\n children,\n content,\n className,\n offset,\n delay,\n closeDelay,\n placement,\n}: Omit<TooltipProps, \"trigger\">) {\n const state = useTooltipTriggerState({ delay, closeDelay });\n const triggerRef = useRef<HTMLSpanElement>(null);\n const { triggerProps, tooltipProps } = useTooltipTrigger(\n { delay, closeDelay },\n state,\n triggerRef,\n );\n const classNames = clsx(className, \"tooltip\");\n\n return (\n <>\n <span ref={triggerRef} className=\"tooltip-trigger-wrapper\" {...triggerProps}>\n {children}\n </span>\n <TooltipTriggerStateContext.Provider value={state}>\n <RACTooltip\n {...tooltipProps}\n triggerRef={triggerRef}\n className={classNames}\n offset={offset}\n placement={placement}\n >\n <TooltipOverlayArrow />\n <div className=\"dialog dialog-type-card\">{content}</div>\n </RACTooltip>\n </TooltipTriggerStateContext.Provider>\n </>\n );\n}\n\nexport function Tooltip({\n children,\n content,\n className,\n offset = 16,\n trigger = \"hover\",\n delay = 500,\n closeDelay = 100,\n placement,\n ...popoverProps\n}: TooltipProps) {\n const classNames = clsx(className, \"tooltip\");\n\n if (trigger === \"click\") {\n return (\n <RACDialogTrigger>\n {children}\n <RACPopover\n {...popoverProps}\n className={classNames}\n offset={offset}\n placement={placement}\n >\n <TooltipOverlayArrow />\n <RACDialog className=\"dialog dialog-type-card\" aria-label=\"Tooltip\">\n {content}\n </RACDialog>\n </RACPopover>\n </RACDialogTrigger>\n );\n }\n\n return (\n <HoverTooltip\n content={content}\n className={className}\n offset={offset}\n delay={delay}\n closeDelay={closeDelay}\n placement={placement}\n {...popoverProps}\n >\n {children}\n </HoverTooltip>\n );\n}\n\nexport type TooltipOverlayArrowProps = RACOverlayArrowProps;\nexport function TooltipOverlayArrow({\n className,\n ...props\n}: TooltipOverlayArrowProps) {\n const classNames = clsx(className, \"tooltip-overlay-arrow\");\n return (\n <RACOverlayArrow {...props} className={classNames}>\n <svg viewBox=\"0 0 10 5\">\n <path d=\"M0 0 L5 5 L10 0\" />\n </svg>\n <svg viewBox=\"0 0 10 5\">\n <path d=\"M0 0 L5 5 L10 0\" />\n </svg>\n </RACOverlayArrow>\n );\n}\n"],"names":["HoverTooltip","children","content","className","offset","delay","closeDelay","placement","state","useTooltipTriggerState","triggerRef","useRef","triggerProps","tooltipProps","useTooltipTrigger","classNames","clsx","jsxs","Fragment","jsx","TooltipTriggerStateContext","RACTooltip","TooltipOverlayArrow","Tooltip","trigger","popoverProps","RACDialogTrigger","RACPopover","RACDialog","props","RACOverlayArrow"],"mappings":"wZA8BA,SAASA,EAAa,CACpB,SAAAC,EACA,QAAAC,EACA,UAAAC,EACA,OAAAC,EACA,MAAAC,EACA,WAAAC,EACA,UAAAC,CACF,EAAkC,CAChC,MAAMC,EAAQC,EAAAA,uBAAuB,CAAE,MAAAJ,EAAO,WAAAC,EAAY,EACpDI,EAAaC,EAAAA,OAAwB,IAAI,EACzC,CAAE,aAAAC,EAAc,aAAAC,CAAA,EAAiBC,EAAAA,kBACrC,CAAoB,EACpBN,EACAE,CAAA,EAEIK,EAAaC,EAAAA,KAAKb,EAAW,SAAS,EAE5C,OACEc,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAC,MAAC,QAAK,IAAKT,EAAY,UAAU,0BAA2B,GAAGE,EAC5D,SAAAX,EACH,EACAkB,EAAAA,IAACC,EAAAA,2BAA2B,SAA3B,CAAoC,MAAOZ,EAC1C,SAAAS,EAAAA,KAACI,EAAAA,QAAA,CACE,GAAGR,EACJ,WAAAH,EACA,UAAWK,EACX,OAAAX,EACA,UAAAG,EAEA,SAAA,CAAAY,EAAAA,IAACG,EAAA,EAAoB,EACrBH,EAAAA,IAAC,MAAA,CAAI,UAAU,0BAA2B,SAAAjB,CAAA,CAAQ,CAAA,CAAA,CAAA,CACpD,CACF,CAAA,EACF,CAEJ,CAEO,SAASqB,EAAQ,CACtB,SAAAtB,EACA,QAAAC,EACA,UAAAC,EACA,OAAAC,EAAS,GACT,QAAAoB,EAAU,QACV,MAAAnB,EAAQ,IACR,WAAAC,EAAa,IACb,UAAAC,EACA,GAAGkB,CACL,EAAiB,CACf,MAAMV,EAAaC,EAAAA,KAAKb,EAAW,SAAS,EAE5C,OAAIqB,IAAY,eAEXE,gBAAA,CACE,SAAA,CAAAzB,EACDgB,EAAAA,KAACU,EAAAA,QAAA,CACE,GAAGF,EACJ,UAAWV,EACX,OAAAX,EACA,UAAAG,EAEA,SAAA,CAAAY,EAAAA,IAACG,EAAA,EAAoB,QACpBM,EAAAA,OAAA,CAAU,UAAU,0BAA0B,aAAW,UACvD,SAAA1B,CAAA,CACH,CAAA,CAAA,CAAA,CACF,EACF,EAKFiB,EAAAA,IAACnB,EAAA,CACC,QAAAE,EACA,UAAAC,EACA,OAAAC,EACA,MAAAC,EACA,WAAAC,EACA,UAAAC,EACC,GAAGkB,EAEH,SAAAxB,CAAA,CAAA,CAGP,CAGO,SAASqB,EAAoB,CAClC,UAAAnB,EACA,GAAG0B,CACL,EAA6B,CAC3B,MAAMd,EAAaC,EAAAA,KAAKb,EAAW,uBAAuB,EAC1D,OACEc,EAAAA,KAACa,EAAAA,aAAA,CAAiB,GAAGD,EAAO,UAAWd,EACrC,SAAA,CAAAI,EAAAA,IAAC,OAAI,QAAQ,WACX,eAAC,OAAA,CAAK,EAAE,kBAAkB,CAAA,CAC5B,EACAA,EAAAA,IAAC,OAAI,QAAQ,WACX,eAAC,OAAA,CAAK,EAAE,kBAAkB,CAAA,CAC5B,CAAA,EACF,CAEJ"}
1
+ {"version":3,"file":"Tooltip.cjs","sources":["../../../../../src/ui/primitives/Tooltip/Tooltip.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useOverlayPortalContainer } from \"hooks\";\nimport { useRef } from \"react\";\nimport { useTooltipTrigger } from \"@react-aria/tooltip\";\nimport { useTooltipTriggerState } from \"@react-stately/tooltip\";\nimport {\n DialogTrigger as RACDialogTrigger,\n Dialog as RACDialog,\n OverlayArrow as RACOverlayArrow,\n Popover as RACPopover,\n Tooltip as RACTooltip,\n TooltipTriggerStateContext,\n type OverlayArrowProps as RACOverlayArrowProps,\n type PopoverProps as RACPopoverProps,\n} from \"react-aria-components\";\nimport \"./tooltip.css\";\n\nexport type TooltipTrigger = \"hover\" | \"click\";\n\nexport interface TooltipProps\n extends Omit<\n RACPopoverProps,\n \"children\" | \"isOpen\" | \"defaultOpen\" | \"onOpenChange\" | \"triggerRef\"\n > {\n children: React.ReactNode;\n content: React.ReactNode;\n trigger?: TooltipTrigger;\n delay?: number;\n closeDelay?: number;\n}\n\nfunction HoverTooltip({\n children,\n content,\n className,\n offset,\n delay,\n closeDelay,\n placement,\n}: Omit<TooltipProps, \"trigger\">) {\n const state = useTooltipTriggerState({ delay, closeDelay });\n const triggerRef = useRef<HTMLSpanElement>(null);\n const { triggerProps, tooltipProps } = useTooltipTrigger(\n { delay, closeDelay },\n state,\n triggerRef,\n );\n const classNames = clsx(className, \"tooltip\");\n // Sem container explícito o tooltip faz portal no document.body — fora da\n // shadow root do MFE, sem CSS. Ver ui/hooks/useOverlayPortal.\n const portalContainer = useOverlayPortalContainer();\n\n return (\n <>\n <span ref={triggerRef} className=\"tooltip-trigger-wrapper\" {...triggerProps}>\n {children}\n </span>\n <TooltipTriggerStateContext.Provider value={state}>\n <RACTooltip\n {...tooltipProps}\n triggerRef={triggerRef}\n className={classNames}\n offset={offset}\n placement={placement}\n UNSTABLE_portalContainer={portalContainer}\n >\n <TooltipOverlayArrow />\n <div className=\"dialog dialog-type-card\">{content}</div>\n </RACTooltip>\n </TooltipTriggerStateContext.Provider>\n </>\n );\n}\n\nexport function Tooltip({\n children,\n content,\n className,\n offset = 16,\n trigger = \"hover\",\n delay = 500,\n closeDelay = 100,\n placement,\n ...popoverProps\n}: TooltipProps) {\n const classNames = clsx(className, \"tooltip\");\n // Sem container explícito o popover faz portal no document.body — fora da\n // shadow root do MFE, sem CSS. Ver ui/hooks/useOverlayPortal.\n const portalContainer = useOverlayPortalContainer();\n\n if (trigger === \"click\") {\n return (\n <RACDialogTrigger>\n {children}\n <RACPopover\n {...popoverProps}\n className={classNames}\n offset={offset}\n placement={placement}\n UNSTABLE_portalContainer={\n popoverProps.UNSTABLE_portalContainer ?? portalContainer\n }\n >\n <TooltipOverlayArrow />\n <RACDialog className=\"dialog dialog-type-card\" aria-label=\"Tooltip\">\n {content}\n </RACDialog>\n </RACPopover>\n </RACDialogTrigger>\n );\n }\n\n return (\n <HoverTooltip\n content={content}\n className={className}\n offset={offset}\n delay={delay}\n closeDelay={closeDelay}\n placement={placement}\n {...popoverProps}\n >\n {children}\n </HoverTooltip>\n );\n}\n\nexport type TooltipOverlayArrowProps = RACOverlayArrowProps;\nexport function TooltipOverlayArrow({\n className,\n ...props\n}: TooltipOverlayArrowProps) {\n const classNames = clsx(className, \"tooltip-overlay-arrow\");\n return (\n <RACOverlayArrow {...props} className={classNames}>\n <svg viewBox=\"0 0 10 5\">\n <path d=\"M0 0 L5 5 L10 0\" />\n </svg>\n <svg viewBox=\"0 0 10 5\">\n <path d=\"M0 0 L5 5 L10 0\" />\n </svg>\n </RACOverlayArrow>\n );\n}\n"],"names":["HoverTooltip","children","content","className","offset","delay","closeDelay","placement","state","useTooltipTriggerState","triggerRef","useRef","triggerProps","tooltipProps","useTooltipTrigger","classNames","clsx","portalContainer","useOverlayPortalContainer","jsxs","Fragment","jsx","TooltipTriggerStateContext","RACTooltip","TooltipOverlayArrow","Tooltip","trigger","popoverProps","RACDialogTrigger","RACPopover","RACDialog","props","RACOverlayArrow"],"mappings":"4cA+BA,SAASA,EAAa,CACpB,SAAAC,EACA,QAAAC,EACA,UAAAC,EACA,OAAAC,EACA,MAAAC,EACA,WAAAC,EACA,UAAAC,CACF,EAAkC,CAChC,MAAMC,EAAQC,EAAAA,uBAAuB,CAAE,MAAAJ,EAAO,WAAAC,EAAY,EACpDI,EAAaC,EAAAA,OAAwB,IAAI,EACzC,CAAE,aAAAC,EAAc,aAAAC,CAAA,EAAiBC,EAAAA,kBACrC,CAAoB,EACpBN,EACAE,CAAA,EAEIK,EAAaC,EAAAA,KAAKb,EAAW,SAAS,EAGtCc,EAAkBC,EAAAA,0BAAA,EAExB,OACEC,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAC,MAAC,QAAK,IAAKX,EAAY,UAAU,0BAA2B,GAAGE,EAC5D,SAAAX,EACH,EACAoB,EAAAA,IAACC,EAAAA,2BAA2B,SAA3B,CAAoC,MAAOd,EAC1C,SAAAW,EAAAA,KAACI,EAAAA,QAAA,CACE,GAAGV,EACJ,WAAAH,EACA,UAAWK,EACX,OAAAX,EACA,UAAAG,EACA,yBAA0BU,EAE1B,SAAA,CAAAI,EAAAA,IAACG,EAAA,EAAoB,EACrBH,EAAAA,IAAC,MAAA,CAAI,UAAU,0BAA2B,SAAAnB,CAAA,CAAQ,CAAA,CAAA,CAAA,CACpD,CACF,CAAA,EACF,CAEJ,CAEO,SAASuB,EAAQ,CACtB,SAAAxB,EACA,QAAAC,EACA,UAAAC,EACA,OAAAC,EAAS,GACT,QAAAsB,EAAU,QACV,MAAArB,EAAQ,IACR,WAAAC,EAAa,IACb,UAAAC,EACA,GAAGoB,CACL,EAAiB,CACf,MAAMZ,EAAaC,EAAAA,KAAKb,EAAW,SAAS,EAGtCc,EAAkBC,EAAAA,0BAAA,EAExB,OAAIQ,IAAY,eAEXE,gBAAA,CACE,SAAA,CAAA3B,EACDkB,EAAAA,KAACU,EAAAA,QAAA,CACE,GAAGF,EACJ,UAAWZ,EACX,OAAAX,EACA,UAAAG,EACA,yBACEoB,EAAa,0BAA4BV,EAG3C,SAAA,CAAAI,EAAAA,IAACG,EAAA,EAAoB,QACpBM,EAAAA,OAAA,CAAU,UAAU,0BAA0B,aAAW,UACvD,SAAA5B,CAAA,CACH,CAAA,CAAA,CAAA,CACF,EACF,EAKFmB,EAAAA,IAACrB,EAAA,CACC,QAAAE,EACA,UAAAC,EACA,OAAAC,EACA,MAAAC,EACA,WAAAC,EACA,UAAAC,EACC,GAAGoB,EAEH,SAAA1B,CAAA,CAAA,CAGP,CAGO,SAASuB,EAAoB,CAClC,UAAArB,EACA,GAAG4B,CACL,EAA6B,CAC3B,MAAMhB,EAAaC,EAAAA,KAAKb,EAAW,uBAAuB,EAC1D,OACEgB,EAAAA,KAACa,EAAAA,aAAA,CAAiB,GAAGD,EAAO,UAAWhB,EACrC,SAAA,CAAAM,EAAAA,IAAC,OAAI,QAAQ,WACX,eAAC,OAAA,CAAK,EAAE,kBAAkB,CAAA,CAC5B,EACAA,EAAAA,IAAC,OAAI,QAAQ,WACX,eAAC,OAAA,CAAK,EAAE,kBAAkB,CAAA,CAC5B,CAAA,EACF,CAEJ"}
@@ -1,95 +1,98 @@
1
- import { jsxs as a, jsx as o, Fragment as h } from "react/jsx-runtime";
1
+ import { jsxs as l, jsx as o, Fragment as v } from "react/jsx-runtime";
2
2
  import { clsx as d } from "../../../vendor/clsx/dist/clsx.js";
3
- import { useRef as u } from "react";
4
- import { useTooltipTrigger as v } from "../../../vendor/@react-aria/tooltip/dist/useTooltipTrigger.js";
5
- import { useTooltipTriggerState as x } from "../../../vendor/@react-stately/tooltip/dist/useTooltipTriggerState.js";
6
- import { DialogTrigger as b, Popover as N, Dialog as $, OverlayArrow as w, TooltipTriggerStateContext as y, Tooltip as L } from "react-aria-components";
3
+ import { useRef as N } from "react";
4
+ import { useTooltipTrigger as x } from "../../../vendor/@react-aria/tooltip/dist/useTooltipTrigger.js";
5
+ import { useTooltipTriggerState as b } from "../../../vendor/@react-stately/tooltip/dist/useTooltipTriggerState.js";
6
+ import { DialogTrigger as C, Popover as L, Dialog as $, OverlayArrow as w, TooltipTriggerStateContext as y, Tooltip as A } from "react-aria-components";
7
7
  /* empty css */
8
- function P({
9
- children: r,
8
+ import { useOverlayPortalContainer as T } from "../../hooks/useOverlayPortal.js";
9
+ function B({
10
+ children: t,
10
11
  content: e,
11
- className: t,
12
+ className: i,
12
13
  offset: s,
13
- delay: c,
14
- closeDelay: p,
15
- placement: n
14
+ delay: n,
15
+ closeDelay: c,
16
+ placement: p
16
17
  }) {
17
- const l = x({ delay: c, closeDelay: p }), i = u(null), { triggerProps: g, tooltipProps: T } = v(
18
+ const a = b({ delay: n, closeDelay: c }), r = N(null), { triggerProps: g, tooltipProps: m } = x(
18
19
  {},
19
- l,
20
- i
21
- ), f = d(t, "tooltip");
22
- return /* @__PURE__ */ a(h, { children: [
23
- /* @__PURE__ */ o("span", { ref: i, className: "tooltip-trigger-wrapper", ...g, children: r }),
24
- /* @__PURE__ */ o(y.Provider, { value: l, children: /* @__PURE__ */ a(
25
- L,
20
+ a,
21
+ r
22
+ ), u = d(i, "tooltip"), h = T();
23
+ return /* @__PURE__ */ l(v, { children: [
24
+ /* @__PURE__ */ o("span", { ref: r, className: "tooltip-trigger-wrapper", ...g, children: t }),
25
+ /* @__PURE__ */ o(y.Provider, { value: a, children: /* @__PURE__ */ l(
26
+ A,
26
27
  {
27
- ...T,
28
- triggerRef: i,
29
- className: f,
28
+ ...m,
29
+ triggerRef: r,
30
+ className: u,
30
31
  offset: s,
31
- placement: n,
32
+ placement: p,
33
+ UNSTABLE_portalContainer: h,
32
34
  children: [
33
- /* @__PURE__ */ o(m, {}),
35
+ /* @__PURE__ */ o(f, {}),
34
36
  /* @__PURE__ */ o("div", { className: "dialog dialog-type-card", children: e })
35
37
  ]
36
38
  }
37
39
  ) })
38
40
  ] });
39
41
  }
40
- function S({
41
- children: r,
42
+ function M({
43
+ children: t,
42
44
  content: e,
43
- className: t,
45
+ className: i,
44
46
  offset: s = 16,
45
- trigger: c = "hover",
46
- delay: p = 500,
47
- closeDelay: n = 100,
48
- placement: l,
49
- ...i
47
+ trigger: n = "hover",
48
+ delay: c = 500,
49
+ closeDelay: p = 100,
50
+ placement: a,
51
+ ...r
50
52
  }) {
51
- const g = d(t, "tooltip");
52
- return c === "click" ? /* @__PURE__ */ a(b, { children: [
53
- r,
54
- /* @__PURE__ */ a(
55
- N,
53
+ const g = d(i, "tooltip"), m = T();
54
+ return n === "click" ? /* @__PURE__ */ l(C, { children: [
55
+ t,
56
+ /* @__PURE__ */ l(
57
+ L,
56
58
  {
57
- ...i,
59
+ ...r,
58
60
  className: g,
59
61
  offset: s,
60
- placement: l,
62
+ placement: a,
63
+ UNSTABLE_portalContainer: r.UNSTABLE_portalContainer ?? m,
61
64
  children: [
62
- /* @__PURE__ */ o(m, {}),
65
+ /* @__PURE__ */ o(f, {}),
63
66
  /* @__PURE__ */ o($, { className: "dialog dialog-type-card", "aria-label": "Tooltip", children: e })
64
67
  ]
65
68
  }
66
69
  )
67
70
  ] }) : /* @__PURE__ */ o(
68
- P,
71
+ B,
69
72
  {
70
73
  content: e,
71
- className: t,
74
+ className: i,
72
75
  offset: s,
73
- delay: p,
74
- closeDelay: n,
75
- placement: l,
76
- ...i,
77
- children: r
76
+ delay: c,
77
+ closeDelay: p,
78
+ placement: a,
79
+ ...r,
80
+ children: t
78
81
  }
79
82
  );
80
83
  }
81
- function m({
82
- className: r,
84
+ function f({
85
+ className: t,
83
86
  ...e
84
87
  }) {
85
- const t = d(r, "tooltip-overlay-arrow");
86
- return /* @__PURE__ */ a(w, { ...e, className: t, children: [
88
+ const i = d(t, "tooltip-overlay-arrow");
89
+ return /* @__PURE__ */ l(w, { ...e, className: i, children: [
87
90
  /* @__PURE__ */ o("svg", { viewBox: "0 0 10 5", children: /* @__PURE__ */ o("path", { d: "M0 0 L5 5 L10 0" }) }),
88
91
  /* @__PURE__ */ o("svg", { viewBox: "0 0 10 5", children: /* @__PURE__ */ o("path", { d: "M0 0 L5 5 L10 0" }) })
89
92
  ] });
90
93
  }
91
94
  export {
92
- S as Tooltip,
93
- m as TooltipOverlayArrow
95
+ M as Tooltip,
96
+ f as TooltipOverlayArrow
94
97
  };
95
98
  //# sourceMappingURL=Tooltip.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.js","sources":["../../../../../src/ui/primitives/Tooltip/Tooltip.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useRef } from \"react\";\nimport { useTooltipTrigger } from \"@react-aria/tooltip\";\nimport { useTooltipTriggerState } from \"@react-stately/tooltip\";\nimport {\n DialogTrigger as RACDialogTrigger,\n Dialog as RACDialog,\n OverlayArrow as RACOverlayArrow,\n Popover as RACPopover,\n Tooltip as RACTooltip,\n TooltipTriggerStateContext,\n type OverlayArrowProps as RACOverlayArrowProps,\n type PopoverProps as RACPopoverProps,\n} from \"react-aria-components\";\nimport \"./tooltip.css\";\n\nexport type TooltipTrigger = \"hover\" | \"click\";\n\nexport interface TooltipProps\n extends Omit<\n RACPopoverProps,\n \"children\" | \"isOpen\" | \"defaultOpen\" | \"onOpenChange\" | \"triggerRef\"\n > {\n children: React.ReactNode;\n content: React.ReactNode;\n trigger?: TooltipTrigger;\n delay?: number;\n closeDelay?: number;\n}\n\nfunction HoverTooltip({\n children,\n content,\n className,\n offset,\n delay,\n closeDelay,\n placement,\n}: Omit<TooltipProps, \"trigger\">) {\n const state = useTooltipTriggerState({ delay, closeDelay });\n const triggerRef = useRef<HTMLSpanElement>(null);\n const { triggerProps, tooltipProps } = useTooltipTrigger(\n { delay, closeDelay },\n state,\n triggerRef,\n );\n const classNames = clsx(className, \"tooltip\");\n\n return (\n <>\n <span ref={triggerRef} className=\"tooltip-trigger-wrapper\" {...triggerProps}>\n {children}\n </span>\n <TooltipTriggerStateContext.Provider value={state}>\n <RACTooltip\n {...tooltipProps}\n triggerRef={triggerRef}\n className={classNames}\n offset={offset}\n placement={placement}\n >\n <TooltipOverlayArrow />\n <div className=\"dialog dialog-type-card\">{content}</div>\n </RACTooltip>\n </TooltipTriggerStateContext.Provider>\n </>\n );\n}\n\nexport function Tooltip({\n children,\n content,\n className,\n offset = 16,\n trigger = \"hover\",\n delay = 500,\n closeDelay = 100,\n placement,\n ...popoverProps\n}: TooltipProps) {\n const classNames = clsx(className, \"tooltip\");\n\n if (trigger === \"click\") {\n return (\n <RACDialogTrigger>\n {children}\n <RACPopover\n {...popoverProps}\n className={classNames}\n offset={offset}\n placement={placement}\n >\n <TooltipOverlayArrow />\n <RACDialog className=\"dialog dialog-type-card\" aria-label=\"Tooltip\">\n {content}\n </RACDialog>\n </RACPopover>\n </RACDialogTrigger>\n );\n }\n\n return (\n <HoverTooltip\n content={content}\n className={className}\n offset={offset}\n delay={delay}\n closeDelay={closeDelay}\n placement={placement}\n {...popoverProps}\n >\n {children}\n </HoverTooltip>\n );\n}\n\nexport type TooltipOverlayArrowProps = RACOverlayArrowProps;\nexport function TooltipOverlayArrow({\n className,\n ...props\n}: TooltipOverlayArrowProps) {\n const classNames = clsx(className, \"tooltip-overlay-arrow\");\n return (\n <RACOverlayArrow {...props} className={classNames}>\n <svg viewBox=\"0 0 10 5\">\n <path d=\"M0 0 L5 5 L10 0\" />\n </svg>\n <svg viewBox=\"0 0 10 5\">\n <path d=\"M0 0 L5 5 L10 0\" />\n </svg>\n </RACOverlayArrow>\n );\n}\n"],"names":["HoverTooltip","children","content","className","offset","delay","closeDelay","placement","state","useTooltipTriggerState","triggerRef","useRef","triggerProps","tooltipProps","useTooltipTrigger","classNames","clsx","jsxs","Fragment","jsx","TooltipTriggerStateContext","RACTooltip","TooltipOverlayArrow","Tooltip","trigger","popoverProps","RACDialogTrigger","RACPopover","RACDialog","props","RACOverlayArrow"],"mappings":";;;;;;;AA8BA,SAASA,EAAa;AAAA,EACpB,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AACF,GAAkC;AAChC,QAAMC,IAAQC,EAAuB,EAAE,OAAAJ,GAAO,YAAAC,GAAY,GACpDI,IAAaC,EAAwB,IAAI,GACzC,EAAE,cAAAC,GAAc,cAAAC,EAAA,IAAiBC;AAAAA,IACrC,CAAoB;AAAA,IACpBN;AAAA,IACAE;AAAA,EAAA,GAEIK,IAAaC,EAAKb,GAAW,SAAS;AAE5C,SACE,gBAAAc,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAAC,UAAK,KAAKT,GAAY,WAAU,2BAA2B,GAAGE,GAC5D,UAAAX,GACH;AAAA,IACA,gBAAAkB,EAACC,EAA2B,UAA3B,EAAoC,OAAOZ,GAC1C,UAAA,gBAAAS;AAAA,MAACI;AAAAA,MAAA;AAAA,QACE,GAAGR;AAAA,QACJ,YAAAH;AAAA,QACA,WAAWK;AAAA,QACX,QAAAX;AAAA,QACA,WAAAG;AAAA,QAEA,UAAA;AAAA,UAAA,gBAAAY,EAACG,GAAA,EAAoB;AAAA,UACrB,gBAAAH,EAAC,OAAA,EAAI,WAAU,2BAA2B,UAAAjB,EAAA,CAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,EACpD,CACF;AAAA,EAAA,GACF;AAEJ;AAEO,SAASqB,EAAQ;AAAA,EACtB,UAAAtB;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,SAAAoB,IAAU;AAAA,EACV,OAAAnB,IAAQ;AAAA,EACR,YAAAC,IAAa;AAAA,EACb,WAAAC;AAAA,EACA,GAAGkB;AACL,GAAiB;AACf,QAAMV,IAAaC,EAAKb,GAAW,SAAS;AAE5C,SAAIqB,MAAY,4BAEXE,GAAA,EACE,UAAA;AAAA,IAAAzB;AAAA,IACD,gBAAAgB;AAAA,MAACU;AAAAA,MAAA;AAAA,QACE,GAAGF;AAAA,QACJ,WAAWV;AAAA,QACX,QAAAX;AAAA,QACA,WAAAG;AAAA,QAEA,UAAA;AAAA,UAAA,gBAAAY,EAACG,GAAA,EAAoB;AAAA,4BACpBM,GAAA,EAAU,WAAU,2BAA0B,cAAW,WACvD,UAAA1B,EAAA,CACH;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF,IAKF,gBAAAiB;AAAA,IAACnB;AAAA,IAAA;AAAA,MACC,SAAAE;AAAA,MACA,WAAAC;AAAA,MACA,QAAAC;AAAA,MACA,OAAAC;AAAA,MACA,YAAAC;AAAA,MACA,WAAAC;AAAA,MACC,GAAGkB;AAAA,MAEH,UAAAxB;AAAA,IAAA;AAAA,EAAA;AAGP;AAGO,SAASqB,EAAoB;AAAA,EAClC,WAAAnB;AAAA,EACA,GAAG0B;AACL,GAA6B;AAC3B,QAAMd,IAAaC,EAAKb,GAAW,uBAAuB;AAC1D,SACE,gBAAAc,EAACa,GAAA,EAAiB,GAAGD,GAAO,WAAWd,GACrC,UAAA;AAAA,IAAA,gBAAAI,EAAC,SAAI,SAAQ,YACX,4BAAC,QAAA,EAAK,GAAE,mBAAkB,EAAA,CAC5B;AAAA,IACA,gBAAAA,EAAC,SAAI,SAAQ,YACX,4BAAC,QAAA,EAAK,GAAE,mBAAkB,EAAA,CAC5B;AAAA,EAAA,GACF;AAEJ;"}
1
+ {"version":3,"file":"Tooltip.js","sources":["../../../../../src/ui/primitives/Tooltip/Tooltip.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useOverlayPortalContainer } from \"hooks\";\nimport { useRef } from \"react\";\nimport { useTooltipTrigger } from \"@react-aria/tooltip\";\nimport { useTooltipTriggerState } from \"@react-stately/tooltip\";\nimport {\n DialogTrigger as RACDialogTrigger,\n Dialog as RACDialog,\n OverlayArrow as RACOverlayArrow,\n Popover as RACPopover,\n Tooltip as RACTooltip,\n TooltipTriggerStateContext,\n type OverlayArrowProps as RACOverlayArrowProps,\n type PopoverProps as RACPopoverProps,\n} from \"react-aria-components\";\nimport \"./tooltip.css\";\n\nexport type TooltipTrigger = \"hover\" | \"click\";\n\nexport interface TooltipProps\n extends Omit<\n RACPopoverProps,\n \"children\" | \"isOpen\" | \"defaultOpen\" | \"onOpenChange\" | \"triggerRef\"\n > {\n children: React.ReactNode;\n content: React.ReactNode;\n trigger?: TooltipTrigger;\n delay?: number;\n closeDelay?: number;\n}\n\nfunction HoverTooltip({\n children,\n content,\n className,\n offset,\n delay,\n closeDelay,\n placement,\n}: Omit<TooltipProps, \"trigger\">) {\n const state = useTooltipTriggerState({ delay, closeDelay });\n const triggerRef = useRef<HTMLSpanElement>(null);\n const { triggerProps, tooltipProps } = useTooltipTrigger(\n { delay, closeDelay },\n state,\n triggerRef,\n );\n const classNames = clsx(className, \"tooltip\");\n // Sem container explícito o tooltip faz portal no document.body — fora da\n // shadow root do MFE, sem CSS. Ver ui/hooks/useOverlayPortal.\n const portalContainer = useOverlayPortalContainer();\n\n return (\n <>\n <span ref={triggerRef} className=\"tooltip-trigger-wrapper\" {...triggerProps}>\n {children}\n </span>\n <TooltipTriggerStateContext.Provider value={state}>\n <RACTooltip\n {...tooltipProps}\n triggerRef={triggerRef}\n className={classNames}\n offset={offset}\n placement={placement}\n UNSTABLE_portalContainer={portalContainer}\n >\n <TooltipOverlayArrow />\n <div className=\"dialog dialog-type-card\">{content}</div>\n </RACTooltip>\n </TooltipTriggerStateContext.Provider>\n </>\n );\n}\n\nexport function Tooltip({\n children,\n content,\n className,\n offset = 16,\n trigger = \"hover\",\n delay = 500,\n closeDelay = 100,\n placement,\n ...popoverProps\n}: TooltipProps) {\n const classNames = clsx(className, \"tooltip\");\n // Sem container explícito o popover faz portal no document.body — fora da\n // shadow root do MFE, sem CSS. Ver ui/hooks/useOverlayPortal.\n const portalContainer = useOverlayPortalContainer();\n\n if (trigger === \"click\") {\n return (\n <RACDialogTrigger>\n {children}\n <RACPopover\n {...popoverProps}\n className={classNames}\n offset={offset}\n placement={placement}\n UNSTABLE_portalContainer={\n popoverProps.UNSTABLE_portalContainer ?? portalContainer\n }\n >\n <TooltipOverlayArrow />\n <RACDialog className=\"dialog dialog-type-card\" aria-label=\"Tooltip\">\n {content}\n </RACDialog>\n </RACPopover>\n </RACDialogTrigger>\n );\n }\n\n return (\n <HoverTooltip\n content={content}\n className={className}\n offset={offset}\n delay={delay}\n closeDelay={closeDelay}\n placement={placement}\n {...popoverProps}\n >\n {children}\n </HoverTooltip>\n );\n}\n\nexport type TooltipOverlayArrowProps = RACOverlayArrowProps;\nexport function TooltipOverlayArrow({\n className,\n ...props\n}: TooltipOverlayArrowProps) {\n const classNames = clsx(className, \"tooltip-overlay-arrow\");\n return (\n <RACOverlayArrow {...props} className={classNames}>\n <svg viewBox=\"0 0 10 5\">\n <path d=\"M0 0 L5 5 L10 0\" />\n </svg>\n <svg viewBox=\"0 0 10 5\">\n <path d=\"M0 0 L5 5 L10 0\" />\n </svg>\n </RACOverlayArrow>\n );\n}\n"],"names":["HoverTooltip","children","content","className","offset","delay","closeDelay","placement","state","useTooltipTriggerState","triggerRef","useRef","triggerProps","tooltipProps","useTooltipTrigger","classNames","clsx","portalContainer","useOverlayPortalContainer","jsxs","Fragment","jsx","TooltipTriggerStateContext","RACTooltip","TooltipOverlayArrow","Tooltip","trigger","popoverProps","RACDialogTrigger","RACPopover","RACDialog","props","RACOverlayArrow"],"mappings":";;;;;;;;AA+BA,SAASA,EAAa;AAAA,EACpB,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AACF,GAAkC;AAChC,QAAMC,IAAQC,EAAuB,EAAE,OAAAJ,GAAO,YAAAC,GAAY,GACpDI,IAAaC,EAAwB,IAAI,GACzC,EAAE,cAAAC,GAAc,cAAAC,EAAA,IAAiBC;AAAAA,IACrC,CAAoB;AAAA,IACpBN;AAAA,IACAE;AAAA,EAAA,GAEIK,IAAaC,EAAKb,GAAW,SAAS,GAGtCc,IAAkBC,EAAA;AAExB,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAAC,UAAK,KAAKX,GAAY,WAAU,2BAA2B,GAAGE,GAC5D,UAAAX,GACH;AAAA,IACA,gBAAAoB,EAACC,EAA2B,UAA3B,EAAoC,OAAOd,GAC1C,UAAA,gBAAAW;AAAA,MAACI;AAAAA,MAAA;AAAA,QACE,GAAGV;AAAA,QACJ,YAAAH;AAAA,QACA,WAAWK;AAAA,QACX,QAAAX;AAAA,QACA,WAAAG;AAAA,QACA,0BAA0BU;AAAA,QAE1B,UAAA;AAAA,UAAA,gBAAAI,EAACG,GAAA,EAAoB;AAAA,UACrB,gBAAAH,EAAC,OAAA,EAAI,WAAU,2BAA2B,UAAAnB,EAAA,CAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,EACpD,CACF;AAAA,EAAA,GACF;AAEJ;AAEO,SAASuB,EAAQ;AAAA,EACtB,UAAAxB;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,SAAAsB,IAAU;AAAA,EACV,OAAArB,IAAQ;AAAA,EACR,YAAAC,IAAa;AAAA,EACb,WAAAC;AAAA,EACA,GAAGoB;AACL,GAAiB;AACf,QAAMZ,IAAaC,EAAKb,GAAW,SAAS,GAGtCc,IAAkBC,EAAA;AAExB,SAAIQ,MAAY,4BAEXE,GAAA,EACE,UAAA;AAAA,IAAA3B;AAAA,IACD,gBAAAkB;AAAA,MAACU;AAAAA,MAAA;AAAA,QACE,GAAGF;AAAA,QACJ,WAAWZ;AAAA,QACX,QAAAX;AAAA,QACA,WAAAG;AAAA,QACA,0BACEoB,EAAa,4BAA4BV;AAAA,QAG3C,UAAA;AAAA,UAAA,gBAAAI,EAACG,GAAA,EAAoB;AAAA,4BACpBM,GAAA,EAAU,WAAU,2BAA0B,cAAW,WACvD,UAAA5B,EAAA,CACH;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF,IAKF,gBAAAmB;AAAA,IAACrB;AAAA,IAAA;AAAA,MACC,SAAAE;AAAA,MACA,WAAAC;AAAA,MACA,QAAAC;AAAA,MACA,OAAAC;AAAA,MACA,YAAAC;AAAA,MACA,WAAAC;AAAA,MACC,GAAGoB;AAAA,MAEH,UAAA1B;AAAA,IAAA;AAAA,EAAA;AAGP;AAGO,SAASuB,EAAoB;AAAA,EAClC,WAAArB;AAAA,EACA,GAAG4B;AACL,GAA6B;AAC3B,QAAMhB,IAAaC,EAAKb,GAAW,uBAAuB;AAC1D,SACE,gBAAAgB,EAACa,GAAA,EAAiB,GAAGD,GAAO,WAAWhB,GACrC,UAAA;AAAA,IAAA,gBAAAM,EAAC,SAAI,SAAQ,YACX,4BAAC,QAAA,EAAK,GAAE,mBAAkB,EAAA,CAC5B;AAAA,IACA,gBAAAA,EAAC,SAAI,SAAQ,YACX,4BAAC,QAAA,EAAK,GAAE,mBAAkB,EAAA,CAC5B;AAAA,EAAA,GACF;AAEJ;"}
@@ -0,0 +1,2 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../@lezer/json/dist/index.cjs"),e=require("../../language/dist/index.cjs"),n=e.LRLanguage.define({name:"json",parser:t.parser.configure({props:[e.indentNodeProp.add({Object:e.continuedIndent({except:/^\s*\}/}),Array:e.continuedIndent({except:/^\s*\]/})}),e.foldNodeProp.add({"Object Array":e.foldInside})]}),languageData:{closeBrackets:{brackets:["[","{",'"']},indentOnInput:/^\s*[\}\]]$/}});function o(){return new e.LanguageSupport(n)}exports.json=o;exports.jsonLanguage=n;
2
+ //# sourceMappingURL=index.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.cjs","sources":["../../../../../../node_modules/@codemirror/lang-json/dist/index.js"],"sourcesContent":["import { parser } from '@lezer/json';\nimport { LRLanguage, indentNodeProp, continuedIndent, foldNodeProp, foldInside, LanguageSupport } from '@codemirror/language';\n\n/**\nCalls\n[`JSON.parse`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse)\non the document and, if that throws an error, reports it as a\nsingle diagnostic.\n*/\nconst jsonParseLinter = () => (view) => {\n try {\n JSON.parse(view.state.doc.toString());\n }\n catch (e) {\n if (!(e instanceof SyntaxError))\n throw e;\n const pos = getErrorPosition(e, view.state.doc);\n return [{\n from: pos,\n message: e.message,\n severity: 'error',\n to: pos\n }];\n }\n return [];\n};\nfunction getErrorPosition(error, doc) {\n let m;\n if (m = error.message.match(/at position (\\d+)/))\n return Math.min(+m[1], doc.length);\n if (m = error.message.match(/at line (\\d+) column (\\d+)/))\n return Math.min(doc.line(+m[1]).from + (+m[2]) - 1, doc.length);\n return 0;\n}\n\n/**\nA language provider that provides JSON parsing.\n*/\nconst jsonLanguage = /*@__PURE__*/LRLanguage.define({\n name: \"json\",\n parser: /*@__PURE__*/parser.configure({\n props: [\n /*@__PURE__*/indentNodeProp.add({\n Object: /*@__PURE__*/continuedIndent({ except: /^\\s*\\}/ }),\n Array: /*@__PURE__*/continuedIndent({ except: /^\\s*\\]/ })\n }),\n /*@__PURE__*/foldNodeProp.add({\n \"Object Array\": foldInside\n })\n ]\n }),\n languageData: {\n closeBrackets: { brackets: [\"[\", \"{\", '\"'] },\n indentOnInput: /^\\s*[\\}\\]]$/\n }\n});\n/**\nJSON language support.\n*/\nfunction json() {\n return new LanguageSupport(jsonLanguage);\n}\n\nexport { json, jsonLanguage, jsonParseLinter };\n"],"names":["jsonLanguage","LRLanguage","parser","indentNodeProp","continuedIndent","foldNodeProp","foldInside","json","LanguageSupport"],"mappings":"kLAsCMA,EAA4BC,EAAAA,WAAW,OAAO,CAChD,KAAM,OACN,OAAqBC,EAAAA,OAAO,UAAU,CAClC,MAAO,CACUC,EAAAA,eAAe,IAAI,CAC5B,OAAqBC,EAAAA,gBAAgB,CAAE,OAAQ,QAAQ,CAAE,EACzD,MAAoBA,EAAAA,gBAAgB,CAAE,OAAQ,QAAQ,CAAE,CACxE,CAAa,EACYC,EAAAA,aAAa,IAAI,CAC1B,eAAgBC,EAAAA,UAChC,CAAa,CACb,CACA,CAAK,EACD,aAAc,CACV,cAAe,CAAE,SAAU,CAAC,IAAK,IAAK,GAAG,CAAC,EAC1C,cAAe,aACvB,CACA,CAAC,EAID,SAASC,GAAO,CACZ,OAAO,IAAIC,EAAAA,gBAAgBR,CAAY,CAC3C","x_google_ignoreList":[0]}
@@ -0,0 +1,28 @@
1
+ import { parser as n } from "../../../@lezer/json/dist/index.js";
2
+ import { LanguageSupport as r, LRLanguage as o, indentNodeProp as a, foldNodeProp as t, continuedIndent as e, foldInside as d } from "../../language/dist/index.js";
3
+ const p = /* @__PURE__ */ o.define({
4
+ name: "json",
5
+ parser: /* @__PURE__ */ n.configure({
6
+ props: [
7
+ /* @__PURE__ */ a.add({
8
+ Object: /* @__PURE__ */ e({ except: /^\s*\}/ }),
9
+ Array: /* @__PURE__ */ e({ except: /^\s*\]/ })
10
+ }),
11
+ /* @__PURE__ */ t.add({
12
+ "Object Array": d
13
+ })
14
+ ]
15
+ }),
16
+ languageData: {
17
+ closeBrackets: { brackets: ["[", "{", '"'] },
18
+ indentOnInput: /^\s*[\}\]]$/
19
+ }
20
+ });
21
+ function u() {
22
+ return new r(p);
23
+ }
24
+ export {
25
+ u as json,
26
+ p as jsonLanguage
27
+ };
28
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../../../../node_modules/@codemirror/lang-json/dist/index.js"],"sourcesContent":["import { parser } from '@lezer/json';\nimport { LRLanguage, indentNodeProp, continuedIndent, foldNodeProp, foldInside, LanguageSupport } from '@codemirror/language';\n\n/**\nCalls\n[`JSON.parse`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse)\non the document and, if that throws an error, reports it as a\nsingle diagnostic.\n*/\nconst jsonParseLinter = () => (view) => {\n try {\n JSON.parse(view.state.doc.toString());\n }\n catch (e) {\n if (!(e instanceof SyntaxError))\n throw e;\n const pos = getErrorPosition(e, view.state.doc);\n return [{\n from: pos,\n message: e.message,\n severity: 'error',\n to: pos\n }];\n }\n return [];\n};\nfunction getErrorPosition(error, doc) {\n let m;\n if (m = error.message.match(/at position (\\d+)/))\n return Math.min(+m[1], doc.length);\n if (m = error.message.match(/at line (\\d+) column (\\d+)/))\n return Math.min(doc.line(+m[1]).from + (+m[2]) - 1, doc.length);\n return 0;\n}\n\n/**\nA language provider that provides JSON parsing.\n*/\nconst jsonLanguage = /*@__PURE__*/LRLanguage.define({\n name: \"json\",\n parser: /*@__PURE__*/parser.configure({\n props: [\n /*@__PURE__*/indentNodeProp.add({\n Object: /*@__PURE__*/continuedIndent({ except: /^\\s*\\}/ }),\n Array: /*@__PURE__*/continuedIndent({ except: /^\\s*\\]/ })\n }),\n /*@__PURE__*/foldNodeProp.add({\n \"Object Array\": foldInside\n })\n ]\n }),\n languageData: {\n closeBrackets: { brackets: [\"[\", \"{\", '\"'] },\n indentOnInput: /^\\s*[\\}\\]]$/\n }\n});\n/**\nJSON language support.\n*/\nfunction json() {\n return new LanguageSupport(jsonLanguage);\n}\n\nexport { json, jsonLanguage, jsonParseLinter };\n"],"names":["jsonLanguage","LRLanguage","parser","indentNodeProp","continuedIndent","foldNodeProp","foldInside","json","LanguageSupport"],"mappings":";;AAsCK,MAACA,IAA4B,gBAAAC,EAAW,OAAO;AAAA,EAChD,MAAM;AAAA,EACN,QAAqB,gBAAAC,EAAO,UAAU;AAAA,IAClC,OAAO;AAAA,MACU,gBAAAC,EAAe,IAAI;AAAA,QAC5B,QAAqB,gBAAAC,EAAgB,EAAE,QAAQ,SAAQ,CAAE;AAAA,QACzD,OAAoB,gBAAAA,EAAgB,EAAE,QAAQ,SAAQ,CAAE;AAAA,MACxE,CAAa;AAAA,MACY,gBAAAC,EAAa,IAAI;AAAA,QAC1B,gBAAgBC;AAAA,MAChC,CAAa;AAAA,IACb;AAAA,EACA,CAAK;AAAA,EACD,cAAc;AAAA,IACV,eAAe,EAAE,UAAU,CAAC,KAAK,KAAK,GAAG,EAAC;AAAA,IAC1C,eAAe;AAAA,EACvB;AACA,CAAC;AAID,SAASC,IAAO;AACZ,SAAO,IAAIC,EAAgBR,CAAY;AAC3C;","x_google_ignoreList":[0]}
@@ -0,0 +1,2 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../../@lezer/common/dist/index.cjs"),f=require("../../state/dist/index.cjs"),h=require("../../view/dist/index.cjs"),P=require("../../../@lezer/highlight/dist/index.cjs"),H=require("../../../style-mod/src/style-mod.cjs");var E;const w=new u.NodeProp;function z(r){return f.Facet.define({combine:r?e=>e.concat(r):void 0})}const K=new u.NodeProp;class p{constructor(e,t,n=[],i=""){this.data=e,this.name=i,f.EditorState.prototype.hasOwnProperty("tree")||Object.defineProperty(f.EditorState.prototype,"tree",{get(){return g(this)}}),this.parser=t,this.extension=[m.of(this),f.EditorState.languageData.of((s,o,a)=>{let l=V(s,o,a),c=l.type.prop(w);if(!c)return[];let d=s.facet(c),k=l.type.prop(K);if(k){let C=l.resolve(o-l.from,a);for(let N of k)if(N.test(C,s)){let R=s.facet(N.facet);return N.type=="replace"?R:R.concat(d)}}return d})].concat(n)}isActiveAt(e,t,n=-1){return V(e,t,n).type.prop(w)==this.data}findRegions(e){let t=e.facet(m);if((t==null?void 0:t.data)==this.data)return[{from:0,to:e.doc.length}];if(!t||!t.allowsNesting)return[];let n=[],i=(s,o)=>{if(s.prop(w)==this.data){n.push({from:o,to:o+s.length});return}let a=s.prop(u.NodeProp.mounted);if(a){if(a.tree.prop(w)==this.data){if(a.overlay)for(let l of a.overlay)n.push({from:l.from+o,to:l.to+o});else n.push({from:o,to:o+s.length});return}else if(a.overlay){let l=n.length;if(i(a.tree,a.overlay[0].from+o),n.length>l)return}}for(let l=0;l<s.children.length;l++){let c=s.children[l];c instanceof u.Tree&&i(c,s.positions[l]+o)}};return i(g(e),0),n}get allowsNesting(){return!0}}p.setState=f.StateEffect.define();function V(r,e,t){let n=r.facet(m),i=g(r).topNode;if(!n||n.allowsNesting)for(let s=i;s;s=s.enter(e,t,u.IterMode.ExcludeBuffers|u.IterMode.EnterBracketed))s.type.isTop&&(i=s);return i}class S extends p{constructor(e,t,n){super(e,t,[],n),this.parser=t}static define(e){let t=z(e.languageData);return new S(t,e.parser.configure({props:[w.add(n=>n.isTop?t:void 0)]}),e.name)}configure(e,t){return new S(this.data,this.parser.configure(e),t||this.name)}get allowsNesting(){return this.parser.hasWrappers()}}function g(r){let e=r.field(p.state,!1);return e?e.tree:u.Tree.empty}class Q{constructor(e){this.doc=e,this.cursorPos=0,this.string="",this.cursor=e.iter()}get length(){return this.doc.length}syncTo(e){return this.string=this.cursor.next(e-this.cursorPos).value,this.cursorPos=e+this.string.length,this.cursorPos-this.string.length}chunk(e){return this.syncTo(e),this.string}get lineChunks(){return!0}read(e,t){let n=this.cursorPos-this.string.length;return e<n||t>=this.cursorPos?this.doc.sliceString(e,t):this.string.slice(e-n,t-n)}}let v=null;class b{constructor(e,t,n=[],i,s,o,a,l){this.parser=e,this.state=t,this.fragments=n,this.tree=i,this.treeLen=s,this.viewport=o,this.skipped=a,this.scheduleOn=l,this.parse=null,this.tempSkipped=[]}static create(e,t,n){return new b(e,t,[],u.Tree.empty,0,n,[],null)}startParse(){return this.parser.startParse(new Q(this.state.doc),this.fragments)}work(e,t){return t!=null&&t>=this.state.doc.length&&(t=void 0),this.tree!=u.Tree.empty&&this.isDone(t??this.state.doc.length)?(this.takeTree(),!0):this.withContext(()=>{var n;if(typeof e=="number"){let i=Date.now()+e;e=()=>Date.now()>i}for(this.parse||(this.parse=this.startParse()),t!=null&&(this.parse.stoppedAt==null||this.parse.stoppedAt>t)&&t<this.state.doc.length&&this.parse.stopAt(t);;){let i=this.parse.advance();if(i)if(this.fragments=this.withoutTempSkipped(u.TreeFragment.addTree(i,this.fragments,this.parse.stoppedAt!=null)),this.treeLen=(n=this.parse.stoppedAt)!==null&&n!==void 0?n:this.state.doc.length,this.tree=i,this.parse=null,this.treeLen<(t??this.state.doc.length))this.parse=this.startParse();else return!0;if(e())return!1}})}takeTree(){let e,t;this.parse&&(e=this.parse.parsedPos)>=this.treeLen&&((this.parse.stoppedAt==null||this.parse.stoppedAt>e)&&this.parse.stopAt(e),this.withContext(()=>{for(;!(t=this.parse.advance()););}),this.treeLen=e,this.tree=t,this.fragments=this.withoutTempSkipped(u.TreeFragment.addTree(this.tree,this.fragments,!0)),this.parse=null)}withContext(e){let t=v;v=this;try{return e()}finally{v=t}}withoutTempSkipped(e){for(let t;t=this.tempSkipped.pop();)e=q(e,t.from,t.to);return e}changes(e,t){let{fragments:n,tree:i,treeLen:s,viewport:o,skipped:a}=this;if(this.takeTree(),!e.empty){let l=[];if(e.iterChangedRanges((c,d,k,C)=>l.push({fromA:c,toA:d,fromB:k,toB:C})),n=u.TreeFragment.applyChanges(n,l),i=u.Tree.empty,s=0,o={from:e.mapPos(o.from,-1),to:e.mapPos(o.to,1)},this.skipped.length){a=[];for(let c of this.skipped){let d=e.mapPos(c.from,1),k=e.mapPos(c.to,-1);d<k&&a.push({from:d,to:k})}}}return new b(this.parser,t,n,i,s,o,a,this.scheduleOn)}updateViewport(e){if(this.viewport.from==e.from&&this.viewport.to==e.to)return!1;this.viewport=e;let t=this.skipped.length;for(let n=0;n<this.skipped.length;n++){let{from:i,to:s}=this.skipped[n];i<e.to&&s>e.from&&(this.fragments=q(this.fragments,i,s),this.skipped.splice(n--,1))}return this.skipped.length>=t?!1:(this.reset(),!0)}reset(){this.parse&&(this.takeTree(),this.parse=null)}skipUntilInView(e,t){this.skipped.push({from:e,to:t})}static getSkippingParser(e){return new class extends u.Parser{createParse(t,n,i){let s=i[0].from,o=i[i.length-1].to;return{parsedPos:s,advance(){let l=v;if(l){for(let c of i)l.tempSkipped.push(c);e&&(l.scheduleOn=l.scheduleOn?Promise.all([l.scheduleOn,e]):e)}return this.parsedPos=o,new u.Tree(u.NodeType.none,[],[],o-s)},stoppedAt:null,stopAt(){}}}}}isDone(e){e=Math.min(e,this.state.doc.length);let t=this.fragments;return this.treeLen>=e&&t.length&&t[0].from==0&&t[0].to>=e}static get(){return v}}function q(r,e,t){return u.TreeFragment.applyChanges(r,[{fromA:e,toA:t,fromB:e,toB:t}])}class y{constructor(e){this.context=e,this.tree=e.tree}apply(e){if(!e.docChanged&&this.tree==this.context.tree)return this;let t=this.context.changes(e.changes,e.state),n=this.context.treeLen==e.startState.doc.length?void 0:Math.max(e.changes.mapPos(this.context.treeLen),t.viewport.to);return t.work(20,n)||t.takeTree(),new y(t)}static init(e){let t=Math.min(3e3,e.doc.length),n=b.create(e.facet(m).parser,e,{from:0,to:t});return n.work(20,t)||n.takeTree(),new y(n)}}p.state=f.StateField.define({create:y.init,update(r,e){for(let t of e.effects)if(t.is(p.setState))return t.value;return e.startState.facet(m)!=e.state.facet(m)?y.init(e.state):r.apply(e)}});let X=r=>{let e=setTimeout(()=>r(),500);return()=>clearTimeout(e)};typeof requestIdleCallback<"u"&&(X=r=>{let e=-1,t=setTimeout(()=>{e=requestIdleCallback(r,{timeout:400})},100);return()=>e<0?clearTimeout(t):cancelIdleCallback(e)});const O=typeof navigator<"u"&&(!((E=navigator.scheduling)===null||E===void 0)&&E.isInputPending)?()=>navigator.scheduling.isInputPending():null,ne=h.ViewPlugin.fromClass(class{constructor(e){this.view=e,this.working=null,this.workScheduled=0,this.chunkEnd=-1,this.chunkBudget=-1,this.work=this.work.bind(this),this.scheduleWork()}update(e){let t=this.view.state.field(p.state).context;(t.updateViewport(e.view.viewport)||this.view.viewport.to>t.treeLen)&&this.scheduleWork(),(e.docChanged||e.selectionSet)&&(this.view.hasFocus&&(this.chunkBudget+=50),this.scheduleWork()),this.checkAsyncSchedule(t)}scheduleWork(){if(this.working)return;let{state:e}=this.view,t=e.field(p.state);(t.tree!=t.context.tree||!t.context.isDone(e.doc.length))&&(this.working=X(this.work))}work(e){this.working=null;let t=Date.now();if(this.chunkEnd<t&&(this.chunkEnd<0||this.view.hasFocus)&&(this.chunkEnd=t+3e4,this.chunkBudget=3e3),this.chunkBudget<=0)return;let{state:n,viewport:{to:i}}=this.view,s=n.field(p.state);if(s.tree==s.context.tree&&s.context.isDone(i+1e5))return;let o=Date.now()+Math.min(this.chunkBudget,100,e&&!O?Math.max(25,e.timeRemaining()-5):1e9),a=s.context.treeLen<i&&n.doc.length>i+1e3,l=s.context.work(()=>O&&O()||Date.now()>o,i+(a?0:1e5));this.chunkBudget-=Date.now()-t,(l||this.chunkBudget<=0)&&(s.context.takeTree(),this.view.dispatch({effects:p.setState.of(new y(s.context))})),this.chunkBudget>0&&!(l&&!a)&&this.scheduleWork(),this.checkAsyncSchedule(s.context)}checkAsyncSchedule(e){e.scheduleOn&&(this.workScheduled++,e.scheduleOn.then(()=>this.scheduleWork()).catch(t=>h.logException(this.view.state,t)).then(()=>this.workScheduled--),e.scheduleOn=null)}destroy(){this.working&&this.working()}isWorking(){return!!(this.working||this.workScheduled>0)}},{eventHandlers:{focus(){this.scheduleWork()}}}),m=f.Facet.define({combine(r){return r.length?r[0]:null},enables:r=>[p.state,ne,h.EditorView.contentAttributes.compute([r],e=>{let t=e.facet(r);return t&&t.name?{"data-language":t.name}:{}})]});class ie{constructor(e,t=[]){this.language=e,this.support=t,this.extension=[e,t]}}const se=new u.NodeProp;function oe({except:r,units:e=1}={}){return t=>{let n=r&&r.test(t.textAfter);return t.baseIndent+(n?0:e*t.unit)}}const Y=f.Facet.define(),Z=new u.NodeProp;function ae(r){let e=r.firstChild,t=r.lastChild;return e&&e.to<t.from?{from:e.to,to:t.type.isError?r.to:t.from}:null}function le(r,e,t){let n=g(r);if(n.length<t)return null;let i=n.resolveStack(t,1),s=null;for(let o=i;o;o=o.next){let a=o.node;if(a.to<=t||a.from>t)continue;if(s&&a.from<e)break;let l=a.type.prop(Z);if(l&&(a.to<n.length-50||n.length==r.doc.length||!ce(a))){let c=l(a,r);c&&c.from<=t&&c.from>=e&&c.to>t&&(s=c)}}return s}function ce(r){let e=r.lastChild;return e&&e.to==r.to&&e.type.isError}function I(r,e,t){for(let n of r.facet(Y)){let i=n(r,e,t);if(i)return i}return le(r,e,t)}function _(r,e){let t=e.mapPos(r.from,1),n=e.mapPos(r.to,-1);return t>=n?void 0:{from:t,to:n}}const W=f.StateEffect.define({map:_}),x=f.StateEffect.define({map:_}),T=f.StateField.define({create(){return h.Decoration.none},update(r,e){e.isUserEvent("delete")&&e.changes.iterChangedRanges((n,i)=>r=j(r,n,i)),r=r.map(e.changes);let t=[];for(let n of e.effects)n.is(W)&&!he(r,n.value.from,n.value.to)?t.push(n.value):n.is(x)&&(r=r.update({filter:(i,s)=>n.value.from!=i||n.value.to!=s,filterFrom:n.value.from,filterTo:n.value.to}));if(t.length){let{preparePlaceholder:n}=e.state.facet(ee),i=t.map(s=>(n?h.Decoration.replace({widget:new de(n(e.state,s))}):$).range(s.from,s.to));r=r.update({add:i})}return e.selection&&(r=j(r,e.selection.main.head)),r},provide:r=>h.EditorView.decorations.from(r),toJSON(r,e){let t=[];return r.between(0,e.doc.length,(n,i)=>{t.push(n,i)}),t},fromJSON(r){if(!Array.isArray(r)||r.length%2)throw new RangeError("Invalid JSON for fold state");let e=[];for(let t=0;t<r.length;){let n=r[t++],i=r[t++];if(typeof n!="number"||typeof i!="number")throw new RangeError("Invalid JSON for fold state");e.push($.range(n,i))}return h.Decoration.set(e,!0)}});function j(r,e,t=e){let n=!1;return r.between(e,t,(i,s)=>{i<t&&s>e&&(n=!0)}),n?r.update({filterFrom:e,filterTo:t,filter:(i,s)=>i>=t||s<=e}):r}function L(r,e,t){var n;let i=null;return(n=r.field(T,!1))===null||n===void 0||n.between(e,t,(s,o)=>{(!i||i.from>s)&&(i={from:s,to:o})}),i}function he(r,e,t){let n=!1;return r.between(e,e,(i,s)=>{i==e&&s==t&&(n=!0)}),n}const ue=r=>{let e=r.state.field(T,!1);if(!e||!e.size)return!1;let t=[];return e.between(0,r.state.doc.length,(n,i)=>{t.push(x.of({from:n,to:i}))}),r.dispatch({effects:t}),!0},fe={placeholderDOM:null,preparePlaceholder:null,placeholderText:"…"},ee=f.Facet.define({combine(r){return f.combineConfig(r,fe)}});function te(r){return[T,me]}function re(r,e){let{state:t}=r,n=t.facet(ee),i=o=>{let a=r.lineBlockAt(r.posAtDOM(o.target)),l=L(r.state,a.from,a.to);l&&r.dispatch({effects:x.of(l)}),o.preventDefault()};if(n.placeholderDOM)return n.placeholderDOM(r,i,e);let s=document.createElement("span");return s.textContent=n.placeholderText,s.setAttribute("aria-label",t.phrase("folded code")),s.title=t.phrase("unfold"),s.className="cm-foldPlaceholder",s.onclick=i,s}const $=h.Decoration.replace({widget:new class extends h.WidgetType{toDOM(r){return re(r,null)}}});class de extends h.WidgetType{constructor(e){super(),this.value=e}eq(e){return this.value==e.value}toDOM(e){return re(e,this.value)}}const pe={openText:"⌄",closedText:"›",markerDOM:null,domEventHandlers:{},foldingChanged:()=>!1};class F extends h.GutterMarker{constructor(e,t){super(),this.config=e,this.open=t}eq(e){return this.config==e.config&&this.open==e.open}toDOM(e){if(this.config.markerDOM)return this.config.markerDOM(this.open);let t=document.createElement("span");return t.textContent=this.open?this.config.openText:this.config.closedText,t.title=e.state.phrase(this.open?"Fold line":"Unfold line"),t}}function ge(r={}){let e={...pe,...r},t=new F(e,!0),n=new F(e,!1),i=h.ViewPlugin.fromClass(class{constructor(o){this.from=o.viewport.from,this.markers=this.buildMarkers(o)}update(o){(o.docChanged||o.viewportChanged||o.startState.facet(m)!=o.state.facet(m)||o.startState.field(T,!1)!=o.state.field(T,!1)||g(o.startState)!=g(o.state)||e.foldingChanged(o))&&(this.markers=this.buildMarkers(o.view))}buildMarkers(o){let a=new f.RangeSetBuilder;for(let l of o.viewportLineBlocks){let c=L(o.state,l.from,l.to)?n:I(o.state,l.from,l.to)?t:null;c&&a.add(l.from,l.from,c)}return a.finish()}}),{domEventHandlers:s}=e;return[i,h.gutter({class:"cm-foldGutter",markers(o){var a;return((a=o.plugin(i))===null||a===void 0?void 0:a.markers)||f.RangeSet.empty},initialSpacer(){return new F(e,!1)},domEventHandlers:{...s,click:(o,a,l)=>{if(s.click&&s.click(o,a,l))return!0;let c=L(o.state,a.from,a.to);if(c)return o.dispatch({effects:x.of(c)}),!0;let d=I(o.state,a.from,a.to);return d?(o.dispatch({effects:W.of(d)}),!0):!1}}}),te()]}const me=h.EditorView.baseTheme({".cm-foldPlaceholder":{backgroundColor:"#eee",border:"1px solid #ddd",color:"#888",borderRadius:".2em",margin:"0 1px",padding:"0 1px",cursor:"pointer"},".cm-foldGutter span":{padding:"0 1px",cursor:"pointer"}});class D{constructor(e,t){this.specs=e;let n;function i(a){let l=H.StyleModule.newName();return(n||(n=Object.create(null)))["."+l]=a,l}const s=typeof t.all=="string"?t.all:t.all?i(t.all):void 0,o=t.scope;this.scope=o instanceof p?a=>a.prop(w)==o.data:o?a=>a==o:void 0,this.style=P.tagHighlighter(e.map(a=>({tag:a.tag,class:a.class||i(Object.assign({},a,{tag:null}))})),{all:s}).style,this.module=n?new H.StyleModule(n):null,this.themeType=t.themeType}static define(e,t){return new D(e,t||{})}}const B=f.Facet.define(),ke=f.Facet.define({combine(r){return r.length?[r[0]]:null}});function A(r){let e=r.facet(B);return e.length?e:r.facet(ke)}function we(r,e){let t=[Te],n;return r instanceof D&&(r.module&&t.push(h.EditorView.styleModule.of(r.module)),n=r.themeType),n?t.push(B.computeN([h.EditorView.darkTheme],i=>i.facet(h.EditorView.darkTheme)==(n=="dark")?[r]:[])):t.push(B.of(r)),t}class ye{constructor(e){this.markCache=Object.create(null),this.tree=g(e.state),this.decorations=this.buildDeco(e,A(e.state)),this.decoratedTo=e.viewport.to}update(e){let t=g(e.state),n=A(e.state),i=n!=A(e.startState),{viewport:s}=e.view,o=e.changes.mapPos(this.decoratedTo,1);t.length<s.to&&!i&&t.type==this.tree.type&&o>=s.to?(this.decorations=this.decorations.map(e.changes),this.decoratedTo=o):(t!=this.tree||e.viewportChanged||i)&&(this.tree=t,this.decorations=this.buildDeco(e.view,n),this.decoratedTo=s.to)}buildDeco(e,t){if(!t||!this.tree.length)return h.Decoration.none;let n=new f.RangeSetBuilder;for(let{from:i,to:s}of e.visibleRanges)P.highlightTree(this.tree,t,(o,a,l)=>{n.add(o,a,this.markCache[l]||(this.markCache[l]=h.Decoration.mark({class:l})))},i,s);return n.finish()}}const Te=f.Prec.high(h.ViewPlugin.fromClass(ye,{decorations:r=>r.decorations})),ve=Object.create(null),G=[u.NodeType.none],U=[],J=Object.create(null),be=Object.create(null);for(let[r,e]of[["variable","variableName"],["variable-2","variableName.special"],["string-2","string.special"],["def","variableName.definition"],["tag","tagName"],["attribute","attributeName"],["type","typeName"],["builtin","variableName.standard"],["qualifier","modifier"],["error","invalid"],["header","heading"],["property","propertyName"]])be[r]=xe(ve,e);function M(r,e){U.indexOf(r)>-1||(U.push(r),console.warn(e))}function xe(r,e){let t=[];for(let a of e.split(" ")){let l=[];for(let c of a.split(".")){let d=r[c]||P.tags[c];d?typeof d=="function"?l.length?l=l.map(d):M(c,`Modifier ${c} used at start of tag`):l.length?M(c,`Tag ${c} used as modifier`):l=Array.isArray(d)?d:[d]:M(c,`Unknown highlighting tag ${c}`)}for(let c of l)t.push(c)}if(!t.length)return 0;let n=e.replace(/ /g,"_"),i=n+" "+t.map(a=>a.id),s=J[i];if(s)return s.id;let o=J[i]=u.NodeType.define({id:G.length,name:n,props:[P.styleTags({[n]:t})]});return G.push(o),o.id}h.Direction.RTL,h.Direction.LTR;exports.DocInput=Q;exports.HighlightStyle=D;exports.LRLanguage=S;exports.Language=p;exports.LanguageSupport=ie;exports.ParseContext=b;exports.codeFolding=te;exports.continuedIndent=oe;exports.defineLanguageFacet=z;exports.foldEffect=W;exports.foldGutter=ge;exports.foldInside=ae;exports.foldNodeProp=Z;exports.foldService=Y;exports.foldState=T;exports.foldable=I;exports.indentNodeProp=se;exports.language=m;exports.languageDataProp=w;exports.sublanguageProp=K;exports.syntaxHighlighting=we;exports.syntaxTree=g;exports.unfoldAll=ue;exports.unfoldEffect=x;
2
+ //# sourceMappingURL=index.cjs.map