@webiny/lexical-editor 0.0.0-unstable.d65ec29d44

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 (188) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +17 -0
  3. package/components/AddRichTextEditorNodeType.d.ts +6 -0
  4. package/components/AddRichTextEditorNodeType.js +28 -0
  5. package/components/AddRichTextEditorNodeType.js.map +1 -0
  6. package/components/AddRichTextEditorPlugin.d.ts +10 -0
  7. package/components/AddRichTextEditorPlugin.js +31 -0
  8. package/components/AddRichTextEditorPlugin.js.map +1 -0
  9. package/components/AddToolbarAction.d.ts +7 -0
  10. package/components/AddToolbarAction.js +33 -0
  11. package/components/AddToolbarAction.js.map +1 -0
  12. package/components/Editor/HeadingEditor.d.ts +7 -0
  13. package/components/Editor/HeadingEditor.js +28 -0
  14. package/components/Editor/HeadingEditor.js.map +1 -0
  15. package/components/Editor/ParagraphEditor.d.ts +7 -0
  16. package/components/Editor/ParagraphEditor.js +30 -0
  17. package/components/Editor/ParagraphEditor.js.map +1 -0
  18. package/components/Editor/RichTextEditor.d.ts +23 -0
  19. package/components/Editor/RichTextEditor.js +107 -0
  20. package/components/Editor/RichTextEditor.js.map +1 -0
  21. package/components/LexicalHtmlRenderer.d.ts +9 -0
  22. package/components/LexicalHtmlRenderer.js +44 -0
  23. package/components/LexicalHtmlRenderer.js.map +1 -0
  24. package/components/Toolbar/HeadingToolbar.d.ts +12 -0
  25. package/components/Toolbar/HeadingToolbar.js +23 -0
  26. package/components/Toolbar/HeadingToolbar.js.map +1 -0
  27. package/components/Toolbar/ParagraphToolbar.d.ts +12 -0
  28. package/components/Toolbar/ParagraphToolbar.js +23 -0
  29. package/components/Toolbar/ParagraphToolbar.js.map +1 -0
  30. package/components/Toolbar/Toolbar.css +414 -0
  31. package/components/Toolbar/Toolbar.d.ts +13 -0
  32. package/components/Toolbar/Toolbar.js +161 -0
  33. package/components/Toolbar/Toolbar.js.map +1 -0
  34. package/components/ToolbarActions/BoldAction.d.ts +5 -0
  35. package/components/ToolbarActions/BoldAction.js +38 -0
  36. package/components/ToolbarActions/BoldAction.js.map +1 -0
  37. package/components/ToolbarActions/BulletListAction.d.ts +5 -0
  38. package/components/ToolbarActions/BulletListAction.js +89 -0
  39. package/components/ToolbarActions/BulletListAction.js.map +1 -0
  40. package/components/ToolbarActions/CodeHighlightAction.d.ts +6 -0
  41. package/components/ToolbarActions/CodeHighlightAction.js +39 -0
  42. package/components/ToolbarActions/CodeHighlightAction.js.map +1 -0
  43. package/components/ToolbarActions/FontSizeAction.d.ts +2 -0
  44. package/components/ToolbarActions/FontSizeAction.js +104 -0
  45. package/components/ToolbarActions/FontSizeAction.js.map +1 -0
  46. package/components/ToolbarActions/ItalicAction.d.ts +5 -0
  47. package/components/ToolbarActions/ItalicAction.js +38 -0
  48. package/components/ToolbarActions/ItalicAction.js.map +1 -0
  49. package/components/ToolbarActions/LinkAction.d.ts +7 -0
  50. package/components/ToolbarActions/LinkAction.js +69 -0
  51. package/components/ToolbarActions/LinkAction.js.map +1 -0
  52. package/components/ToolbarActions/NumberedListAction.d.ts +5 -0
  53. package/components/ToolbarActions/NumberedListAction.js +89 -0
  54. package/components/ToolbarActions/NumberedListAction.js.map +1 -0
  55. package/components/ToolbarActions/QuoteAction.d.ts +4 -0
  56. package/components/ToolbarActions/QuoteAction.js +66 -0
  57. package/components/ToolbarActions/QuoteAction.js.map +1 -0
  58. package/components/ToolbarActions/UnderlineAction.d.ts +5 -0
  59. package/components/ToolbarActions/UnderlineAction.js +38 -0
  60. package/components/ToolbarActions/UnderlineAction.js.map +1 -0
  61. package/components/ToolbarPresets/HeadingToolbarPreset.d.ts +2 -0
  62. package/components/ToolbarPresets/HeadingToolbarPreset.js +44 -0
  63. package/components/ToolbarPresets/HeadingToolbarPreset.js.map +1 -0
  64. package/components/ToolbarPresets/ParagraphToolbarPreset.d.ts +2 -0
  65. package/components/ToolbarPresets/ParagraphToolbarPreset.js +59 -0
  66. package/components/ToolbarPresets/ParagraphToolbarPreset.js.map +1 -0
  67. package/context/RichTextEditorContext.d.ts +11 -0
  68. package/context/RichTextEditorContext.js +29 -0
  69. package/context/RichTextEditorContext.js.map +1 -0
  70. package/hooks/useRichTextEditor.d.ts +2 -0
  71. package/hooks/useRichTextEditor.js +15 -0
  72. package/hooks/useRichTextEditor.js.map +1 -0
  73. package/images/icons/LICENSE.md +5 -0
  74. package/images/icons/chat-square-quote.svg +1 -0
  75. package/images/icons/chevron-down.svg +1 -0
  76. package/images/icons/code.svg +1 -0
  77. package/images/icons/link.svg +1 -0
  78. package/images/icons/list-ol.svg +1 -0
  79. package/images/icons/list-ul.svg +1 -0
  80. package/images/icons/pencil-fill.svg +1 -0
  81. package/images/icons/text-center.svg +1 -0
  82. package/images/icons/text-left.svg +1 -0
  83. package/images/icons/text-paragraph.svg +1 -0
  84. package/images/icons/text-right.svg +1 -0
  85. package/images/icons/type-bold.svg +1 -0
  86. package/images/icons/type-h1.svg +1 -0
  87. package/images/icons/type-h2.svg +1 -0
  88. package/images/icons/type-h3.svg +1 -0
  89. package/images/icons/type-h4.svg +1 -0
  90. package/images/icons/type-h5.svg +1 -0
  91. package/images/icons/type-h6.svg +1 -0
  92. package/images/icons/type-italic.svg +1 -0
  93. package/images/icons/type-strikethrough.svg +1 -0
  94. package/images/icons/type-underline.svg +1 -0
  95. package/images/icons/unlink_icon.svg +1 -0
  96. package/index.d.ts +34 -0
  97. package/index.js +239 -0
  98. package/index.js.map +1 -0
  99. package/nodes/webinyNodes.d.ts +2 -0
  100. package/nodes/webinyNodes.js +15 -0
  101. package/nodes/webinyNodes.js.map +1 -0
  102. package/package.json +38 -0
  103. package/plugins/AutoLinkPlugin/AutoLinkPlugin.d.ts +11 -0
  104. package/plugins/AutoLinkPlugin/AutoLinkPlugin.js +46 -0
  105. package/plugins/AutoLinkPlugin/AutoLinkPlugin.js.map +1 -0
  106. package/plugins/AutoLinkPlugin/index.d.ts +1 -0
  107. package/plugins/AutoLinkPlugin/index.js +16 -0
  108. package/plugins/AutoLinkPlugin/index.js.map +1 -0
  109. package/plugins/BlurEventPlugin/BlurEventPlugin.d.ts +7 -0
  110. package/plugins/BlurEventPlugin/BlurEventPlugin.js +28 -0
  111. package/plugins/BlurEventPlugin/BlurEventPlugin.js.map +1 -0
  112. package/plugins/ClickableLinkPlugin/ClickableLinkPlugin.d.ts +17 -0
  113. package/plugins/ClickableLinkPlugin/ClickableLinkPlugin.js +88 -0
  114. package/plugins/ClickableLinkPlugin/ClickableLinkPlugin.js.map +1 -0
  115. package/plugins/ClickableLinkPlugin/index.d.ts +1 -0
  116. package/plugins/ClickableLinkPlugin/index.js +16 -0
  117. package/plugins/ClickableLinkPlugin/index.js.map +1 -0
  118. package/plugins/CodeHighlightPlugin/CodeHighlightPlugin.d.ts +1 -0
  119. package/plugins/CodeHighlightPlugin/CodeHighlightPlugin.js +20 -0
  120. package/plugins/CodeHighlightPlugin/CodeHighlightPlugin.js.map +1 -0
  121. package/plugins/CodeHighlightPlugin/index.d.ts +1 -0
  122. package/plugins/CodeHighlightPlugin/index.js +16 -0
  123. package/plugins/CodeHighlightPlugin/index.js.map +1 -0
  124. package/plugins/FloatingLinkEditorPlugin/FloatingLinkEditorPlugin.css +118 -0
  125. package/plugins/FloatingLinkEditorPlugin/FloatingLinkEditorPlugin.d.ts +7 -0
  126. package/plugins/FloatingLinkEditorPlugin/FloatingLinkEditorPlugin.js +222 -0
  127. package/plugins/FloatingLinkEditorPlugin/FloatingLinkEditorPlugin.js.map +1 -0
  128. package/plugins/FloatingLinkEditorPlugin/index.d.ts +1 -0
  129. package/plugins/FloatingLinkEditorPlugin/index.js +16 -0
  130. package/plugins/FloatingLinkEditorPlugin/index.js.map +1 -0
  131. package/plugins/LexicalUpdateStatePlugin/LexicalUpdateStatePlugin.d.ts +8 -0
  132. package/plugins/LexicalUpdateStatePlugin/LexicalUpdateStatePlugin.js +34 -0
  133. package/plugins/LexicalUpdateStatePlugin/LexicalUpdateStatePlugin.js.map +1 -0
  134. package/plugins/LexicalUpdateStatePlugin/index.d.ts +1 -0
  135. package/plugins/LexicalUpdateStatePlugin/index.js +16 -0
  136. package/plugins/LexicalUpdateStatePlugin/index.js.map +1 -0
  137. package/themes/webinyLexicalTheme.css +422 -0
  138. package/themes/webinyLexicalTheme.d.ts +10 -0
  139. package/themes/webinyLexicalTheme.js +107 -0
  140. package/themes/webinyLexicalTheme.js.map +1 -0
  141. package/types.d.ts +2 -0
  142. package/types.js +5 -0
  143. package/types.js.map +1 -0
  144. package/ui/Divider.d.ts +2 -0
  145. package/ui/Divider.js +13 -0
  146. package/ui/Divider.js.map +1 -0
  147. package/ui/DropDown.d.ts +25 -0
  148. package/ui/DropDown.js +168 -0
  149. package/ui/DropDown.js.map +1 -0
  150. package/ui/Input.css +32 -0
  151. package/ui/LinkPreview.css +69 -0
  152. package/ui/LinkPreview.d.ts +12 -0
  153. package/ui/LinkPreview.js +101 -0
  154. package/ui/LinkPreview.js.map +1 -0
  155. package/ui/Placeholder.css +23 -0
  156. package/ui/Placeholder.d.ts +13 -0
  157. package/ui/Placeholder.js +24 -0
  158. package/ui/Placeholder.js.map +1 -0
  159. package/ui/TextInput.d.ts +18 -0
  160. package/ui/TextInput.js +39 -0
  161. package/ui/TextInput.js.map +1 -0
  162. package/utils/generateInitialLexicalValue.d.ts +5 -0
  163. package/utils/generateInitialLexicalValue.js +29 -0
  164. package/utils/generateInitialLexicalValue.js.map +1 -0
  165. package/utils/getDOMRangeRect.d.ts +10 -0
  166. package/utils/getDOMRangeRect.js +27 -0
  167. package/utils/getDOMRangeRect.js.map +1 -0
  168. package/utils/getSelectedNode.d.ts +2 -0
  169. package/utils/getSelectedNode.js +30 -0
  170. package/utils/getSelectedNode.js.map +1 -0
  171. package/utils/isValidJSON.d.ts +1 -0
  172. package/utils/isValidJSON.js +18 -0
  173. package/utils/isValidJSON.js.map +1 -0
  174. package/utils/isValidLexicalData.d.ts +2 -0
  175. package/utils/isValidLexicalData.js +24 -0
  176. package/utils/isValidLexicalData.js.map +1 -0
  177. package/utils/point.d.ts +21 -0
  178. package/utils/point.js +77 -0
  179. package/utils/point.js.map +1 -0
  180. package/utils/rect.d.ts +47 -0
  181. package/utils/rect.js +169 -0
  182. package/utils/rect.js.map +1 -0
  183. package/utils/sanitizeUrl.d.ts +8 -0
  184. package/utils/sanitizeUrl.js +27 -0
  185. package/utils/sanitizeUrl.js.map +1 -0
  186. package/utils/setFloatingElemPosition.d.ts +3 -0
  187. package/utils/setFloatingElemPosition.js +40 -0
  188. package/utils/setFloatingElemPosition.js.map +1 -0
@@ -0,0 +1,30 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.getSelectedNode = getSelectedNode;
7
+ var _selection = require("@lexical/selection");
8
+ /**
9
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
10
+ *
11
+ * This source code is licensed under the MIT license found in the
12
+ * LICENSE file in the root directory of this source tree.
13
+ *
14
+ */
15
+
16
+ function getSelectedNode(selection) {
17
+ var anchor = selection.anchor;
18
+ var focus = selection.focus;
19
+ var anchorNode = selection.anchor.getNode();
20
+ var focusNode = selection.focus.getNode();
21
+ if (anchorNode === focusNode) {
22
+ return anchorNode;
23
+ }
24
+ var isBackward = selection.isBackward();
25
+ if (isBackward) {
26
+ return (0, _selection.$isAtNodeEnd)(focus) ? anchorNode : focusNode;
27
+ } else {
28
+ return (0, _selection.$isAtNodeEnd)(anchor) ? focusNode : anchorNode;
29
+ }
30
+ }
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_selection","require","getSelectedNode","selection","anchor","focus","anchorNode","getNode","focusNode","isBackward","$isAtNodeEnd"],"sources":["getSelectedNode.ts"],"sourcesContent":["/**\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\nimport { $isAtNodeEnd } from \"@lexical/selection\";\nimport { ElementNode, RangeSelection, TextNode } from \"lexical\";\n\nexport function getSelectedNode(selection: RangeSelection): TextNode | ElementNode {\n const anchor = selection.anchor;\n const focus = selection.focus;\n const anchorNode = selection.anchor.getNode();\n const focusNode = selection.focus.getNode();\n if (anchorNode === focusNode) {\n return anchorNode;\n }\n const isBackward = selection.isBackward();\n if (isBackward) {\n return $isAtNodeEnd(focus) ? anchorNode : focusNode;\n } else {\n return $isAtNodeEnd(anchor) ? focusNode : anchorNode;\n }\n}\n"],"mappings":";;;;;;AAOA,IAAAA,UAAA,GAAAC,OAAA;AAPA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIO,SAASC,eAAeA,CAACC,SAAyB,EAA0B;EAC/E,IAAMC,MAAM,GAAGD,SAAS,CAACC,MAAM;EAC/B,IAAMC,KAAK,GAAGF,SAAS,CAACE,KAAK;EAC7B,IAAMC,UAAU,GAAGH,SAAS,CAACC,MAAM,CAACG,OAAO,EAAE;EAC7C,IAAMC,SAAS,GAAGL,SAAS,CAACE,KAAK,CAACE,OAAO,EAAE;EAC3C,IAAID,UAAU,KAAKE,SAAS,EAAE;IAC1B,OAAOF,UAAU;EACrB;EACA,IAAMG,UAAU,GAAGN,SAAS,CAACM,UAAU,EAAE;EACzC,IAAIA,UAAU,EAAE;IACZ,OAAO,IAAAC,uBAAY,EAACL,KAAK,CAAC,GAAGC,UAAU,GAAGE,SAAS;EACvD,CAAC,MAAM;IACH,OAAO,IAAAE,uBAAY,EAACN,MAAM,CAAC,GAAGI,SAAS,GAAGF,UAAU;EACxD;AACJ"}
@@ -0,0 +1 @@
1
+ export declare const isValidJSON: (value: string | undefined | null) => boolean;
@@ -0,0 +1,18 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.isValidJSON = void 0;
7
+ var isValidJSON = function isValidJSON(value) {
8
+ if (!value) {
9
+ return false;
10
+ }
11
+ try {
12
+ var o = JSON.parse(value);
13
+ return !!o && typeof o === "object" && !Array.isArray(o);
14
+ } catch (_unused) {
15
+ return false;
16
+ }
17
+ };
18
+ exports.isValidJSON = isValidJSON;
@@ -0,0 +1 @@
1
+ {"version":3,"names":["isValidJSON","value","o","JSON","parse","Array","isArray","_unused","exports"],"sources":["isValidJSON.ts"],"sourcesContent":["export const isValidJSON = (value: string | undefined | null): boolean => {\n if (!value) {\n return false;\n }\n try {\n const o = JSON.parse(value);\n return !!o && typeof o === \"object\" && !Array.isArray(o);\n } catch {\n return false;\n }\n};\n"],"mappings":";;;;;;AAAO,IAAMA,WAAW,GAAG,SAAdA,WAAWA,CAAIC,KAAgC,EAAc;EACtE,IAAI,CAACA,KAAK,EAAE;IACR,OAAO,KAAK;EAChB;EACA,IAAI;IACA,IAAMC,CAAC,GAAGC,IAAI,CAACC,KAAK,CAACH,KAAK,CAAC;IAC3B,OAAO,CAAC,CAACC,CAAC,IAAI,OAAOA,CAAC,KAAK,QAAQ,IAAI,CAACG,KAAK,CAACC,OAAO,CAACJ,CAAC,CAAC;EAC5D,CAAC,CAAC,OAAAK,OAAA,EAAM;IACJ,OAAO,KAAK;EAChB;AACJ,CAAC;AAACC,OAAA,CAAAR,WAAA,GAAAA,WAAA"}
@@ -0,0 +1,2 @@
1
+ import { LexicalValue } from "../types";
2
+ export declare const isValidLexicalData: (editorStateValue: LexicalValue | null) => boolean;
@@ -0,0 +1,24 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.isValidLexicalData = void 0;
7
+ var _isValidJSON = require("./isValidJSON");
8
+ /*
9
+ * @description Checks for valid lexical data.
10
+ *
11
+ * Check for first level of properties that empty editor state data need to have.
12
+ * @see generateInitialLexicalValue
13
+ */
14
+ var isValidLexicalData = function isValidLexicalData(editorStateValue) {
15
+ if (!editorStateValue) {
16
+ return false;
17
+ }
18
+ if (!(0, _isValidJSON.isValidJSON)(editorStateValue)) {
19
+ return false;
20
+ }
21
+ var data = JSON.parse(editorStateValue);
22
+ return !!data["root"];
23
+ };
24
+ exports.isValidLexicalData = isValidLexicalData;
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_isValidJSON","require","isValidLexicalData","editorStateValue","isValidJSON","data","JSON","parse","exports"],"sources":["isValidLexicalData.ts"],"sourcesContent":["import { isValidJSON } from \"~/utils/isValidJSON\";\nimport { LexicalValue } from \"~/types\";\n/*\n * @description Checks for valid lexical data.\n *\n * Check for first level of properties that empty editor state data need to have.\n * @see generateInitialLexicalValue\n */\nexport const isValidLexicalData = (editorStateValue: LexicalValue | null): boolean => {\n if (!editorStateValue) {\n return false;\n }\n if (!isValidJSON(editorStateValue)) {\n return false;\n }\n const data = JSON.parse(editorStateValue);\n return !!data[\"root\"];\n};\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,gBAAqC,EAAc;EAClF,IAAI,CAACA,gBAAgB,EAAE;IACnB,OAAO,KAAK;EAChB;EACA,IAAI,CAAC,IAAAC,wBAAW,EAACD,gBAAgB,CAAC,EAAE;IAChC,OAAO,KAAK;EAChB;EACA,IAAME,IAAI,GAAGC,IAAI,CAACC,KAAK,CAACJ,gBAAgB,CAAC;EACzC,OAAO,CAAC,CAACE,IAAI,CAAC,MAAM,CAAC;AACzB,CAAC;AAACG,OAAA,CAAAN,kBAAA,GAAAA,kBAAA"}
@@ -0,0 +1,21 @@
1
+ /**
2
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
3
+ *
4
+ * This source code is licensed under the MIT license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ *
7
+ */
8
+ export declare class Point {
9
+ private readonly _x;
10
+ private readonly _y;
11
+ constructor(x: number, y: number);
12
+ get x(): number;
13
+ get y(): number;
14
+ equals({ x, y }: Point): boolean;
15
+ calcDeltaXTo({ x }: Point): number;
16
+ calcDeltaYTo({ y }: Point): number;
17
+ calcHorizontalDistanceTo(point: Point): number;
18
+ calcVerticalDistance(point: Point): number;
19
+ calcDistanceTo(point: Point): number;
20
+ }
21
+ export declare function isPoint(x: unknown): x is Point;
package/utils/point.js ADDED
@@ -0,0 +1,77 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.Point = void 0;
8
+ exports.isPoint = isPoint;
9
+ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
10
+ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
11
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
12
+ /**
13
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
14
+ *
15
+ * This source code is licensed under the MIT license found in the
16
+ * LICENSE file in the root directory of this source tree.
17
+ *
18
+ */
19
+ var Point = /*#__PURE__*/function () {
20
+ function Point(x, y) {
21
+ (0, _classCallCheck2.default)(this, Point);
22
+ (0, _defineProperty2.default)(this, "_x", void 0);
23
+ (0, _defineProperty2.default)(this, "_y", void 0);
24
+ this._x = x;
25
+ this._y = y;
26
+ }
27
+ (0, _createClass2.default)(Point, [{
28
+ key: "x",
29
+ get: function get() {
30
+ return this._x;
31
+ }
32
+ }, {
33
+ key: "y",
34
+ get: function get() {
35
+ return this._y;
36
+ }
37
+ }, {
38
+ key: "equals",
39
+ value: function equals(_ref) {
40
+ var x = _ref.x,
41
+ y = _ref.y;
42
+ return this.x === x && this.y === y;
43
+ }
44
+ }, {
45
+ key: "calcDeltaXTo",
46
+ value: function calcDeltaXTo(_ref2) {
47
+ var x = _ref2.x;
48
+ return this.x - x;
49
+ }
50
+ }, {
51
+ key: "calcDeltaYTo",
52
+ value: function calcDeltaYTo(_ref3) {
53
+ var y = _ref3.y;
54
+ return this.y - y;
55
+ }
56
+ }, {
57
+ key: "calcHorizontalDistanceTo",
58
+ value: function calcHorizontalDistanceTo(point) {
59
+ return Math.abs(this.calcDeltaXTo(point));
60
+ }
61
+ }, {
62
+ key: "calcVerticalDistance",
63
+ value: function calcVerticalDistance(point) {
64
+ return Math.abs(this.calcDeltaYTo(point));
65
+ }
66
+ }, {
67
+ key: "calcDistanceTo",
68
+ value: function calcDistanceTo(point) {
69
+ return Math.sqrt(Math.pow(this.calcDeltaXTo(point), 2) + Math.pow(this.calcDeltaYTo(point), 2));
70
+ }
71
+ }]);
72
+ return Point;
73
+ }();
74
+ exports.Point = Point;
75
+ function isPoint(x) {
76
+ return x instanceof Point;
77
+ }
@@ -0,0 +1 @@
1
+ {"version":3,"names":["Point","x","y","_classCallCheck2","default","_defineProperty2","_x","_y","_createClass2","key","get","value","equals","_ref","calcDeltaXTo","_ref2","calcDeltaYTo","_ref3","calcHorizontalDistanceTo","point","Math","abs","calcVerticalDistance","calcDistanceTo","sqrt","pow","exports","isPoint"],"sources":["point.ts"],"sourcesContent":["/**\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\nexport class Point {\n private readonly _x: number;\n private readonly _y: number;\n\n constructor(x: number, y: number) {\n this._x = x;\n this._y = y;\n }\n\n get x(): number {\n return this._x;\n }\n\n get y(): number {\n return this._y;\n }\n\n public equals({ x, y }: Point): boolean {\n return this.x === x && this.y === y;\n }\n\n public calcDeltaXTo({ x }: Point): number {\n return this.x - x;\n }\n\n public calcDeltaYTo({ y }: Point): number {\n return this.y - y;\n }\n\n public calcHorizontalDistanceTo(point: Point): number {\n return Math.abs(this.calcDeltaXTo(point));\n }\n\n public calcVerticalDistance(point: Point): number {\n return Math.abs(this.calcDeltaYTo(point));\n }\n\n public calcDistanceTo(point: Point): number {\n return Math.sqrt(\n Math.pow(this.calcDeltaXTo(point), 2) + Math.pow(this.calcDeltaYTo(point), 2)\n );\n }\n}\n\nexport function isPoint(x: unknown): x is Point {\n return x instanceof Point;\n}\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AANA,IAOaA,KAAK;EAId,SAAAA,MAAYC,CAAS,EAAEC,CAAS,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAJ,KAAA;IAAA,IAAAK,gBAAA,CAAAD,OAAA;IAAA,IAAAC,gBAAA,CAAAD,OAAA;IAC9B,IAAI,CAACE,EAAE,GAAGL,CAAC;IACX,IAAI,CAACM,EAAE,GAAGL,CAAC;EACf;EAAC,IAAAM,aAAA,CAAAJ,OAAA,EAAAJ,KAAA;IAAAS,GAAA;IAAAC,GAAA,EAED,SAAAA,IAAA,EAAgB;MACZ,OAAO,IAAI,CAACJ,EAAE;IAClB;EAAC;IAAAG,GAAA;IAAAC,GAAA,EAED,SAAAA,IAAA,EAAgB;MACZ,OAAO,IAAI,CAACH,EAAE;IAClB;EAAC;IAAAE,GAAA;IAAAE,KAAA,EAED,SAAAC,OAAAC,IAAA,EAAwC;MAAA,IAAxBZ,CAAC,GAAAY,IAAA,CAADZ,CAAC;QAAEC,CAAC,GAAAW,IAAA,CAADX,CAAC;MAChB,OAAO,IAAI,CAACD,CAAC,KAAKA,CAAC,IAAI,IAAI,CAACC,CAAC,KAAKA,CAAC;IACvC;EAAC;IAAAO,GAAA;IAAAE,KAAA,EAED,SAAAG,aAAAC,KAAA,EAA0C;MAAA,IAApBd,CAAC,GAAAc,KAAA,CAADd,CAAC;MACnB,OAAO,IAAI,CAACA,CAAC,GAAGA,CAAC;IACrB;EAAC;IAAAQ,GAAA;IAAAE,KAAA,EAED,SAAAK,aAAAC,KAAA,EAA0C;MAAA,IAApBf,CAAC,GAAAe,KAAA,CAADf,CAAC;MACnB,OAAO,IAAI,CAACA,CAAC,GAAGA,CAAC;IACrB;EAAC;IAAAO,GAAA;IAAAE,KAAA,EAED,SAAAO,yBAAgCC,KAAY,EAAU;MAClD,OAAOC,IAAI,CAACC,GAAG,CAAC,IAAI,CAACP,YAAY,CAACK,KAAK,CAAC,CAAC;IAC7C;EAAC;IAAAV,GAAA;IAAAE,KAAA,EAED,SAAAW,qBAA4BH,KAAY,EAAU;MAC9C,OAAOC,IAAI,CAACC,GAAG,CAAC,IAAI,CAACL,YAAY,CAACG,KAAK,CAAC,CAAC;IAC7C;EAAC;IAAAV,GAAA;IAAAE,KAAA,EAED,SAAAY,eAAsBJ,KAAY,EAAU;MACxC,OAAOC,IAAI,CAACI,IAAI,CACZJ,IAAI,CAACK,GAAG,CAAC,IAAI,CAACX,YAAY,CAACK,KAAK,CAAC,EAAE,CAAC,CAAC,GAAGC,IAAI,CAACK,GAAG,CAAC,IAAI,CAACT,YAAY,CAACG,KAAK,CAAC,EAAE,CAAC,CAAC,CAChF;IACL;EAAC;EAAA,OAAAnB,KAAA;AAAA;AAAA0B,OAAA,CAAA1B,KAAA,GAAAA,KAAA;AAGE,SAAS2B,OAAOA,CAAC1B,CAAU,EAAc;EAC5C,OAAOA,CAAC,YAAYD,KAAK;AAC7B"}
@@ -0,0 +1,47 @@
1
+ /// <reference types="react" />
2
+ /// <reference types="web" />
3
+ /**
4
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
5
+ *
6
+ * This source code is licensed under the MIT license found in the
7
+ * LICENSE file in the root directory of this source tree.
8
+ *
9
+ */
10
+ import { Point } from "./point";
11
+ declare type ContainsPointReturn = {
12
+ result: boolean;
13
+ reason: {
14
+ isOnTopSide: boolean;
15
+ isOnBottomSide: boolean;
16
+ isOnLeftSide: boolean;
17
+ isOnRightSide: boolean;
18
+ };
19
+ };
20
+ export declare class Rect {
21
+ private readonly _left;
22
+ private readonly _top;
23
+ private readonly _right;
24
+ private readonly _bottom;
25
+ constructor(left: number, top: number, right: number, bottom: number);
26
+ get top(): number;
27
+ get right(): number;
28
+ get bottom(): number;
29
+ get left(): number;
30
+ get width(): number;
31
+ get height(): number;
32
+ equals({ top, left, bottom, right }: Rect): boolean;
33
+ contains({ x, y }: Point): ContainsPointReturn;
34
+ contains({ top, left, bottom, right }: Rect): boolean;
35
+ intersectsWith(rect: Rect): boolean;
36
+ generateNewRect({ left, top, right, bottom }: {
37
+ left?: number | undefined;
38
+ top?: number | undefined;
39
+ right?: number | undefined;
40
+ bottom?: number | undefined;
41
+ }): Rect;
42
+ static fromLTRB(left: number, top: number, right: number, bottom: number): Rect;
43
+ static fromLWTH(left: number, width: number, top: number, height: number): Rect;
44
+ static fromPoints(startPoint: Point, endPoint: Point): Rect;
45
+ static fromDOM(dom: HTMLElement): Rect;
46
+ }
47
+ export {};
package/utils/rect.js ADDED
@@ -0,0 +1,169 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.Rect = void 0;
8
+ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
9
+ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
10
+ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
11
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
12
+ var _point = require("./point");
13
+ /**
14
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
15
+ *
16
+ * This source code is licensed under the MIT license found in the
17
+ * LICENSE file in the root directory of this source tree.
18
+ *
19
+ */
20
+ var Rect = /*#__PURE__*/function () {
21
+ function Rect(left, top, right, bottom) {
22
+ (0, _classCallCheck2.default)(this, Rect);
23
+ (0, _defineProperty2.default)(this, "_left", void 0);
24
+ (0, _defineProperty2.default)(this, "_top", void 0);
25
+ (0, _defineProperty2.default)(this, "_right", void 0);
26
+ (0, _defineProperty2.default)(this, "_bottom", void 0);
27
+ var _ref = top <= bottom ? [top, bottom] : [bottom, top],
28
+ _ref2 = (0, _slicedToArray2.default)(_ref, 2),
29
+ physicTop = _ref2[0],
30
+ physicBottom = _ref2[1];
31
+ var _ref3 = left <= right ? [left, right] : [right, left],
32
+ _ref4 = (0, _slicedToArray2.default)(_ref3, 2),
33
+ physicLeft = _ref4[0],
34
+ physicRight = _ref4[1];
35
+ this._top = physicTop;
36
+ this._right = physicRight;
37
+ this._left = physicLeft;
38
+ this._bottom = physicBottom;
39
+ }
40
+ (0, _createClass2.default)(Rect, [{
41
+ key: "top",
42
+ get: function get() {
43
+ return this._top;
44
+ }
45
+ }, {
46
+ key: "right",
47
+ get: function get() {
48
+ return this._right;
49
+ }
50
+ }, {
51
+ key: "bottom",
52
+ get: function get() {
53
+ return this._bottom;
54
+ }
55
+ }, {
56
+ key: "left",
57
+ get: function get() {
58
+ return this._left;
59
+ }
60
+ }, {
61
+ key: "width",
62
+ get: function get() {
63
+ return Math.abs(this._left - this._right);
64
+ }
65
+ }, {
66
+ key: "height",
67
+ get: function get() {
68
+ return Math.abs(this._bottom - this._top);
69
+ }
70
+ }, {
71
+ key: "equals",
72
+ value: function equals(_ref5) {
73
+ var top = _ref5.top,
74
+ left = _ref5.left,
75
+ bottom = _ref5.bottom,
76
+ right = _ref5.right;
77
+ return top === this._top && bottom === this._bottom && left === this._left && right === this._right;
78
+ }
79
+ }, {
80
+ key: "contains",
81
+ value: function contains(target) {
82
+ if ((0, _point.isPoint)(target)) {
83
+ var x = target.x,
84
+ y = target.y;
85
+ var isOnTopSide = y < this._top;
86
+ var isOnBottomSide = y > this._bottom;
87
+ var isOnLeftSide = x < this._left;
88
+ var isOnRightSide = x > this._right;
89
+ var result = !isOnTopSide && !isOnBottomSide && !isOnLeftSide && !isOnRightSide;
90
+ return {
91
+ reason: {
92
+ isOnBottomSide: isOnBottomSide,
93
+ isOnLeftSide: isOnLeftSide,
94
+ isOnRightSide: isOnRightSide,
95
+ isOnTopSide: isOnTopSide
96
+ },
97
+ result: result
98
+ };
99
+ } else {
100
+ var top = target.top,
101
+ left = target.left,
102
+ bottom = target.bottom,
103
+ right = target.right;
104
+ return top >= this._top && top <= this._bottom && bottom >= this._top && bottom <= this._bottom && left >= this._left && left <= this._right && right >= this._left && right <= this._right;
105
+ }
106
+ }
107
+ }, {
108
+ key: "intersectsWith",
109
+ value: function intersectsWith(rect) {
110
+ var x1 = rect.left,
111
+ y1 = rect.top,
112
+ w1 = rect.width,
113
+ h1 = rect.height;
114
+ var x2 = this.left,
115
+ y2 = this.top,
116
+ w2 = this.width,
117
+ h2 = this.height;
118
+ var maxX = x1 + w1 >= x2 + w2 ? x1 + w1 : x2 + w2;
119
+ var maxY = y1 + h1 >= y2 + h2 ? y1 + h1 : y2 + h2;
120
+ var minX = x1 <= x2 ? x1 : x2;
121
+ var minY = y1 <= y2 ? y1 : y2;
122
+ return maxX - minX <= w1 + w2 && maxY - minY <= h1 + h2;
123
+ }
124
+ }, {
125
+ key: "generateNewRect",
126
+ value: function generateNewRect(_ref6) {
127
+ var _ref6$left = _ref6.left,
128
+ left = _ref6$left === void 0 ? this.left : _ref6$left,
129
+ _ref6$top = _ref6.top,
130
+ top = _ref6$top === void 0 ? this.top : _ref6$top,
131
+ _ref6$right = _ref6.right,
132
+ right = _ref6$right === void 0 ? this.right : _ref6$right,
133
+ _ref6$bottom = _ref6.bottom,
134
+ bottom = _ref6$bottom === void 0 ? this.bottom : _ref6$bottom;
135
+ return new Rect(left, top, right, bottom);
136
+ }
137
+ }], [{
138
+ key: "fromLTRB",
139
+ value: function fromLTRB(left, top, right, bottom) {
140
+ return new Rect(left, top, right, bottom);
141
+ }
142
+ }, {
143
+ key: "fromLWTH",
144
+ value: function fromLWTH(left, width, top, height) {
145
+ return new Rect(left, top, left + width, top + height);
146
+ }
147
+ }, {
148
+ key: "fromPoints",
149
+ value: function fromPoints(startPoint, endPoint) {
150
+ var top = startPoint.y,
151
+ left = startPoint.x;
152
+ var bottom = endPoint.y,
153
+ right = endPoint.x;
154
+ return Rect.fromLTRB(left, top, right, bottom);
155
+ }
156
+ }, {
157
+ key: "fromDOM",
158
+ value: function fromDOM(dom) {
159
+ var _dom$getBoundingClien = dom.getBoundingClientRect(),
160
+ top = _dom$getBoundingClien.top,
161
+ width = _dom$getBoundingClien.width,
162
+ left = _dom$getBoundingClien.left,
163
+ height = _dom$getBoundingClien.height;
164
+ return Rect.fromLWTH(left, width, top, height);
165
+ }
166
+ }]);
167
+ return Rect;
168
+ }();
169
+ exports.Rect = Rect;
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_point","require","Rect","left","top","right","bottom","_classCallCheck2","default","_defineProperty2","_ref","_ref2","_slicedToArray2","physicTop","physicBottom","_ref3","_ref4","physicLeft","physicRight","_top","_right","_left","_bottom","_createClass2","key","get","Math","abs","value","equals","_ref5","contains","target","isPoint","x","y","isOnTopSide","isOnBottomSide","isOnLeftSide","isOnRightSide","result","reason","intersectsWith","rect","x1","y1","w1","width","h1","height","x2","y2","w2","h2","maxX","maxY","minX","minY","generateNewRect","_ref6","_ref6$left","_ref6$top","_ref6$right","_ref6$bottom","fromLTRB","fromLWTH","fromPoints","startPoint","endPoint","fromDOM","dom","_dom$getBoundingClien","getBoundingClientRect","exports"],"sources":["rect.ts"],"sourcesContent":["/**\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\nimport { isPoint, Point } from \"./point\";\n\ntype ContainsPointReturn = {\n result: boolean;\n reason: {\n isOnTopSide: boolean;\n isOnBottomSide: boolean;\n isOnLeftSide: boolean;\n isOnRightSide: boolean;\n };\n};\n\nexport class Rect {\n private readonly _left: number;\n private readonly _top: number;\n private readonly _right: number;\n private readonly _bottom: number;\n\n constructor(left: number, top: number, right: number, bottom: number) {\n const [physicTop, physicBottom] = top <= bottom ? [top, bottom] : [bottom, top];\n\n const [physicLeft, physicRight] = left <= right ? [left, right] : [right, left];\n\n this._top = physicTop;\n this._right = physicRight;\n this._left = physicLeft;\n this._bottom = physicBottom;\n }\n\n get top(): number {\n return this._top;\n }\n\n get right(): number {\n return this._right;\n }\n\n get bottom(): number {\n return this._bottom;\n }\n\n get left(): number {\n return this._left;\n }\n\n get width(): number {\n return Math.abs(this._left - this._right);\n }\n\n get height(): number {\n return Math.abs(this._bottom - this._top);\n }\n\n public equals({ top, left, bottom, right }: Rect): boolean {\n return (\n top === this._top &&\n bottom === this._bottom &&\n left === this._left &&\n right === this._right\n );\n }\n\n public contains({ x, y }: Point): ContainsPointReturn;\n public contains({ top, left, bottom, right }: Rect): boolean;\n public contains(target: Point | Rect): boolean | ContainsPointReturn {\n if (isPoint(target)) {\n const { x, y } = target;\n\n const isOnTopSide = y < this._top;\n const isOnBottomSide = y > this._bottom;\n const isOnLeftSide = x < this._left;\n const isOnRightSide = x > this._right;\n\n const result = !isOnTopSide && !isOnBottomSide && !isOnLeftSide && !isOnRightSide;\n\n return {\n reason: {\n isOnBottomSide,\n isOnLeftSide,\n isOnRightSide,\n isOnTopSide\n },\n result\n };\n } else {\n const { top, left, bottom, right } = target;\n\n return (\n top >= this._top &&\n top <= this._bottom &&\n bottom >= this._top &&\n bottom <= this._bottom &&\n left >= this._left &&\n left <= this._right &&\n right >= this._left &&\n right <= this._right\n );\n }\n }\n\n public intersectsWith(rect: Rect): boolean {\n const { left: x1, top: y1, width: w1, height: h1 } = rect;\n const { left: x2, top: y2, width: w2, height: h2 } = this;\n const maxX = x1 + w1 >= x2 + w2 ? x1 + w1 : x2 + w2;\n const maxY = y1 + h1 >= y2 + h2 ? y1 + h1 : y2 + h2;\n const minX = x1 <= x2 ? x1 : x2;\n const minY = y1 <= y2 ? y1 : y2;\n return maxX - minX <= w1 + w2 && maxY - minY <= h1 + h2;\n }\n\n public generateNewRect({\n left = this.left,\n top = this.top,\n right = this.right,\n bottom = this.bottom\n }): Rect {\n return new Rect(left, top, right, bottom);\n }\n\n static fromLTRB(left: number, top: number, right: number, bottom: number): Rect {\n return new Rect(left, top, right, bottom);\n }\n\n static fromLWTH(left: number, width: number, top: number, height: number): Rect {\n return new Rect(left, top, left + width, top + height);\n }\n\n static fromPoints(startPoint: Point, endPoint: Point): Rect {\n const { y: top, x: left } = startPoint;\n const { y: bottom, x: right } = endPoint;\n return Rect.fromLTRB(left, top, right, bottom);\n }\n\n static fromDOM(dom: HTMLElement): Rect {\n const { top, width, left, height } = dom.getBoundingClientRect();\n return Rect.fromLWTH(left, width, top, height);\n }\n}\n"],"mappings":"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"}
@@ -0,0 +1,8 @@
1
+ /**
2
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
3
+ *
4
+ * This source code is licensed under the MIT license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ *
7
+ */
8
+ export declare const sanitizeUrl: (url: string) => string;
@@ -0,0 +1,27 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.sanitizeUrl = void 0;
7
+ /**
8
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
9
+ *
10
+ * This source code is licensed under the MIT license found in the
11
+ * LICENSE file in the root directory of this source tree.
12
+ *
13
+ */
14
+
15
+ var sanitizeUrl = function sanitizeUrl(url) {
16
+ /** A pattern that matches safe URLs. */
17
+ var SAFE_URL_PATTERN = /^(?:(?:https?|mailto|ftp|tel|file|sms):|[^&:/?#]*(?:[/?#]|$))/gi;
18
+
19
+ /** A pattern that matches safe data URLs. */
20
+ var DATA_URL_PATTERN = /^data:(?:image\/(?:bmp|gif|jpeg|jpg|png|tiff|webp)|video\/(?:mpeg|mp4|ogg|webm)|audio\/(?:mp3|oga|ogg|opus));base64,[a-z0-9+/]+=*$/i;
21
+ url = String(url).trim();
22
+ if (url.match(SAFE_URL_PATTERN) || url.match(DATA_URL_PATTERN)) {
23
+ return url;
24
+ }
25
+ return "https://";
26
+ };
27
+ exports.sanitizeUrl = sanitizeUrl;
@@ -0,0 +1 @@
1
+ {"version":3,"names":["sanitizeUrl","url","SAFE_URL_PATTERN","DATA_URL_PATTERN","String","trim","match","exports"],"sources":["sanitizeUrl.ts"],"sourcesContent":["/**\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nexport const sanitizeUrl = (url: string): string => {\n /** A pattern that matches safe URLs. */\n const SAFE_URL_PATTERN = /^(?:(?:https?|mailto|ftp|tel|file|sms):|[^&:/?#]*(?:[/?#]|$))/gi;\n\n /** A pattern that matches safe data URLs. */\n const DATA_URL_PATTERN =\n /^data:(?:image\\/(?:bmp|gif|jpeg|jpg|png|tiff|webp)|video\\/(?:mpeg|mp4|ogg|webm)|audio\\/(?:mp3|oga|ogg|opus));base64,[a-z0-9+/]+=*$/i;\n\n url = String(url).trim();\n\n if (url.match(SAFE_URL_PATTERN) || url.match(DATA_URL_PATTERN)) {\n return url;\n }\n\n return `https://`;\n};\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEO,IAAMA,WAAW,GAAG,SAAdA,WAAWA,CAAIC,GAAW,EAAa;EAChD;EACA,IAAMC,gBAAgB,GAAG,iEAAiE;;EAE1F;EACA,IAAMC,gBAAgB,GAClB,qIAAqI;EAEzIF,GAAG,GAAGG,MAAM,CAACH,GAAG,CAAC,CAACI,IAAI,EAAE;EAExB,IAAIJ,GAAG,CAACK,KAAK,CAACJ,gBAAgB,CAAC,IAAID,GAAG,CAACK,KAAK,CAACH,gBAAgB,CAAC,EAAE;IAC5D,OAAOF,GAAG;EACd;EAEA;AACJ,CAAC;AAACM,OAAA,CAAAP,WAAA,GAAAA,WAAA"}
@@ -0,0 +1,3 @@
1
+ /// <reference types="web" />
2
+ /// <reference types="react" />
3
+ export declare function setFloatingElemPosition(targetRect: ClientRect | null, floatingElem: HTMLElement, anchorElem: HTMLElement, verticalGap?: number, horizontalOffset?: number): void;
@@ -0,0 +1,40 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.setFloatingElemPosition = setFloatingElemPosition;
7
+ /**
8
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
9
+ *
10
+ * This source code is licensed under the MIT license found in the
11
+ * LICENSE file in the root directory of this source tree.
12
+ *
13
+ */
14
+ var VERTICAL_GAP = 10;
15
+ var HORIZONTAL_OFFSET = 5;
16
+ function setFloatingElemPosition(targetRect, floatingElem, anchorElem) {
17
+ var verticalGap = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : VERTICAL_GAP;
18
+ var horizontalOffset = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : HORIZONTAL_OFFSET;
19
+ var scrollerElem = anchorElem.parentElement;
20
+ if (targetRect === null || !scrollerElem) {
21
+ floatingElem.style.opacity = "0";
22
+ floatingElem.style.transform = "translate(-10000px, -10000px)";
23
+ return;
24
+ }
25
+ var floatingElemRect = floatingElem.getBoundingClientRect();
26
+ var anchorElementRect = anchorElem.getBoundingClientRect();
27
+ var editorScrollerRect = scrollerElem.getBoundingClientRect();
28
+ var top = targetRect.top - floatingElemRect.height - verticalGap;
29
+ var left = targetRect.left - horizontalOffset;
30
+ if (top < editorScrollerRect.top) {
31
+ top += floatingElemRect.height + targetRect.height + verticalGap * 2;
32
+ }
33
+ if (left + floatingElemRect.width > editorScrollerRect.right) {
34
+ left = editorScrollerRect.right - floatingElemRect.width - horizontalOffset;
35
+ }
36
+ top -= anchorElementRect.top;
37
+ left -= anchorElementRect.left;
38
+ floatingElem.style.opacity = "1";
39
+ floatingElem.style.transform = "translate(".concat(left, "px, ").concat(top, "px)");
40
+ }
@@ -0,0 +1 @@
1
+ {"version":3,"names":["VERTICAL_GAP","HORIZONTAL_OFFSET","setFloatingElemPosition","targetRect","floatingElem","anchorElem","verticalGap","arguments","length","undefined","horizontalOffset","scrollerElem","parentElement","style","opacity","transform","floatingElemRect","getBoundingClientRect","anchorElementRect","editorScrollerRect","top","height","left","width","right","concat"],"sources":["setFloatingElemPosition.ts"],"sourcesContent":["/**\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\nconst VERTICAL_GAP = 10;\nconst HORIZONTAL_OFFSET = 5;\n\nexport function setFloatingElemPosition(\n targetRect: ClientRect | null,\n floatingElem: HTMLElement,\n anchorElem: HTMLElement,\n verticalGap: number = VERTICAL_GAP,\n horizontalOffset: number = HORIZONTAL_OFFSET\n): void {\n const scrollerElem = anchorElem.parentElement;\n\n if (targetRect === null || !scrollerElem) {\n floatingElem.style.opacity = \"0\";\n floatingElem.style.transform = \"translate(-10000px, -10000px)\";\n return;\n }\n\n const floatingElemRect = floatingElem.getBoundingClientRect();\n const anchorElementRect = anchorElem.getBoundingClientRect();\n const editorScrollerRect = scrollerElem.getBoundingClientRect();\n\n let top = targetRect.top - floatingElemRect.height - verticalGap;\n let left = targetRect.left - horizontalOffset;\n\n if (top < editorScrollerRect.top) {\n top += floatingElemRect.height + targetRect.height + verticalGap * 2;\n }\n\n if (left + floatingElemRect.width > editorScrollerRect.right) {\n left = editorScrollerRect.right - floatingElemRect.width - horizontalOffset;\n }\n\n top -= anchorElementRect.top;\n left -= anchorElementRect.left;\n\n floatingElem.style.opacity = \"1\";\n floatingElem.style.transform = `translate(${left}px, ${top}px)`;\n}\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,YAAY,GAAG,EAAE;AACvB,IAAMC,iBAAiB,GAAG,CAAC;AAEpB,SAASC,uBAAuBA,CACnCC,UAA6B,EAC7BC,YAAyB,EACzBC,UAAuB,EAGnB;EAAA,IAFJC,WAAmB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGP,YAAY;EAAA,IAClCU,gBAAwB,GAAAH,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGN,iBAAiB;EAE5C,IAAMU,YAAY,GAAGN,UAAU,CAACO,aAAa;EAE7C,IAAIT,UAAU,KAAK,IAAI,IAAI,CAACQ,YAAY,EAAE;IACtCP,YAAY,CAACS,KAAK,CAACC,OAAO,GAAG,GAAG;IAChCV,YAAY,CAACS,KAAK,CAACE,SAAS,GAAG,+BAA+B;IAC9D;EACJ;EAEA,IAAMC,gBAAgB,GAAGZ,YAAY,CAACa,qBAAqB,EAAE;EAC7D,IAAMC,iBAAiB,GAAGb,UAAU,CAACY,qBAAqB,EAAE;EAC5D,IAAME,kBAAkB,GAAGR,YAAY,CAACM,qBAAqB,EAAE;EAE/D,IAAIG,GAAG,GAAGjB,UAAU,CAACiB,GAAG,GAAGJ,gBAAgB,CAACK,MAAM,GAAGf,WAAW;EAChE,IAAIgB,IAAI,GAAGnB,UAAU,CAACmB,IAAI,GAAGZ,gBAAgB;EAE7C,IAAIU,GAAG,GAAGD,kBAAkB,CAACC,GAAG,EAAE;IAC9BA,GAAG,IAAIJ,gBAAgB,CAACK,MAAM,GAAGlB,UAAU,CAACkB,MAAM,GAAGf,WAAW,GAAG,CAAC;EACxE;EAEA,IAAIgB,IAAI,GAAGN,gBAAgB,CAACO,KAAK,GAAGJ,kBAAkB,CAACK,KAAK,EAAE;IAC1DF,IAAI,GAAGH,kBAAkB,CAACK,KAAK,GAAGR,gBAAgB,CAACO,KAAK,GAAGb,gBAAgB;EAC/E;EAEAU,GAAG,IAAIF,iBAAiB,CAACE,GAAG;EAC5BE,IAAI,IAAIJ,iBAAiB,CAACI,IAAI;EAE9BlB,YAAY,CAACS,KAAK,CAACC,OAAO,GAAG,GAAG;EAChCV,YAAY,CAACS,KAAK,CAACE,SAAS,gBAAAU,MAAA,CAAgBH,IAAI,UAAAG,MAAA,CAAOL,GAAG,QAAK;AACnE"}