@elliemae/ds-popper 2.3.0-alpha.8 → 2.3.0-next.2

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 (56) hide show
  1. package/cjs/DSPopper.js +97 -0
  2. package/cjs/PopperContent.js +156 -0
  3. package/cjs/PopperImpl.js +335 -0
  4. package/cjs/getArrowStylesBySize.js +46 -0
  5. package/cjs/index.js +19 -0
  6. package/cjs/interaction.js +12 -0
  7. package/cjs/positions.js +25 -0
  8. package/cjs/props.js +88 -0
  9. package/esm/DSPopper.js +83 -0
  10. package/esm/PopperContent.js +147 -0
  11. package/{dist/esm → esm}/PopperImpl.js +148 -69
  12. package/esm/getArrowStylesBySize.js +37 -0
  13. package/esm/index.js +4 -0
  14. package/esm/interaction.js +7 -0
  15. package/esm/positions.js +20 -0
  16. package/esm/props.js +83 -0
  17. package/package.json +32 -34
  18. package/types/DSPopper.d.ts +156 -0
  19. package/types/PopperContent.d.ts +21 -0
  20. package/types/PopperImpl.d.ts +52 -0
  21. package/types/getArrowStylesBySize.d.ts +2 -0
  22. package/types/index.d.ts +3 -0
  23. package/types/interaction.d.ts +5 -0
  24. package/types/positions.d.ts +18 -0
  25. package/types/props.d.ts +119 -0
  26. package/dist/cjs/DSPopper.js +0 -117
  27. package/dist/cjs/DSPopper.js.map +0 -7
  28. package/dist/cjs/PopperContent.js +0 -148
  29. package/dist/cjs/PopperContent.js.map +0 -7
  30. package/dist/cjs/PopperImpl.js +0 -272
  31. package/dist/cjs/PopperImpl.js.map +0 -7
  32. package/dist/cjs/getArrowStylesBySize.js +0 -60
  33. package/dist/cjs/getArrowStylesBySize.js.map +0 -7
  34. package/dist/cjs/index.js +0 -37
  35. package/dist/cjs/index.js.map +0 -7
  36. package/dist/cjs/interaction.js +0 -40
  37. package/dist/cjs/interaction.js.map +0 -7
  38. package/dist/cjs/positions.js +0 -69
  39. package/dist/cjs/positions.js.map +0 -7
  40. package/dist/cjs/props.js +0 -89
  41. package/dist/cjs/props.js.map +0 -7
  42. package/dist/esm/DSPopper.js +0 -88
  43. package/dist/esm/DSPopper.js.map +0 -7
  44. package/dist/esm/PopperContent.js +0 -119
  45. package/dist/esm/PopperContent.js.map +0 -7
  46. package/dist/esm/PopperImpl.js.map +0 -7
  47. package/dist/esm/getArrowStylesBySize.js +0 -31
  48. package/dist/esm/getArrowStylesBySize.js.map +0 -7
  49. package/dist/esm/index.js +0 -8
  50. package/dist/esm/index.js.map +0 -7
  51. package/dist/esm/interaction.js +0 -11
  52. package/dist/esm/interaction.js.map +0 -7
  53. package/dist/esm/positions.js +0 -40
  54. package/dist/esm/positions.js.map +0 -7
  55. package/dist/esm/props.js +0 -60
  56. package/dist/esm/props.js.map +0 -7
@@ -1,117 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
- }
18
- return target;
19
- };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
- };
23
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
- return (module2, temp) => {
25
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
- };
27
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
- var DSPopper_exports = {};
29
- __export(DSPopper_exports, {
30
- DSPopper: () => DSPopper,
31
- DSPopperWithSchema: () => DSPopperWithSchema,
32
- PopperInteractions: () => import_interaction.Interaction,
33
- PopperPositions: () => import_positions.Position,
34
- default: () => DSPopper_default,
35
- interactions: () => import_interaction2.interactions,
36
- positions: () => import_positions2.positions
37
- });
38
- var React = __toESM(require("react"));
39
- var import_react = __toESM(require("react"));
40
- var import_react_desc = require("react-desc");
41
- var import_PopperImpl = __toESM(require("./PopperImpl"));
42
- var import_positions = require("./positions");
43
- var import_interaction = require("./interaction");
44
- var import_props = require("./props");
45
- var import_interaction2 = require("./interaction");
46
- var import_positions2 = require("./positions");
47
- const DSPopper = ({
48
- containerProps,
49
- arrowGap,
50
- arrowSize,
51
- blockName,
52
- contentOffset,
53
- contentStyle,
54
- contentComponent,
55
- delayClose,
56
- delayOpen,
57
- interactionType,
58
- isOpen,
59
- onOpen,
60
- onClose,
61
- onPlacementChange,
62
- placement,
63
- preventOverflow,
64
- showArrow,
65
- closeAnimationConfig,
66
- openAnimationConfig,
67
- usePortal,
68
- triggerComponent,
69
- wrapExtraComponent,
70
- getTargetFromChildren,
71
- getContentFromChildren,
72
- modifiers,
73
- triggerRef,
74
- children: customPopper,
75
- renderReference,
76
- referenceNode,
77
- zIndex,
78
- hideIfNotVisible
79
- }) => /* @__PURE__ */ import_react.default.createElement(import_PopperImpl.default, {
80
- arrowGap,
81
- arrowSize,
82
- blockName,
83
- closeAnimationConfig,
84
- containerProps,
85
- contentComponent,
86
- contentOffset,
87
- contentStyle,
88
- delayClose,
89
- delayOpen,
90
- getContentFromChildren,
91
- getTargetFromChildren,
92
- interactionType,
93
- isOpen,
94
- modifiers,
95
- onOpen,
96
- onClose,
97
- onPlacementChange,
98
- openAnimationConfig,
99
- placement,
100
- preventOverflow,
101
- referenceNode,
102
- renderReference,
103
- showArrow,
104
- triggerComponent,
105
- triggerRef,
106
- usePortal,
107
- wrapExtraComponent,
108
- zIndex,
109
- hideIfNotVisible
110
- }, customPopper);
111
- DSPopper.propTypes = import_props.popperProps;
112
- DSPopper.defaultProps = import_props.defaultProps;
113
- const DSPopperWithSchema = (0, import_react_desc.describe)(DSPopper);
114
- DSPopperWithSchema.propTypes = import_props.popperProps;
115
- var DSPopper_default = DSPopper;
116
- module.exports = __toCommonJS(DSPopper_exports);
117
- //# sourceMappingURL=DSPopper.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/DSPopper.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import React from 'react';\nimport { describe } from 'react-desc';\nimport PopperImpl from './PopperImpl';\nimport { Position } from './positions';\nimport { Interaction } from './interaction';\nimport { popperProps, defaultProps } from './props';\n\nconst DSPopper = ({\n containerProps,\n arrowGap,\n arrowSize,\n blockName,\n contentOffset,\n contentStyle,\n contentComponent,\n delayClose,\n delayOpen,\n interactionType,\n isOpen, // if this is set DSPopper would be a controlled component if not, an uncontrolled one\n onOpen,\n onClose,\n onPlacementChange,\n placement,\n preventOverflow,\n showArrow,\n closeAnimationConfig,\n openAnimationConfig,\n usePortal,\n triggerComponent,\n wrapExtraComponent,\n getTargetFromChildren,\n getContentFromChildren,\n modifiers,\n triggerRef,\n children: customPopper,\n renderReference,\n referenceNode,\n zIndex,\n hideIfNotVisible,\n}): JSX.Element => (\n <PopperImpl\n arrowGap={arrowGap}\n arrowSize={arrowSize}\n blockName={blockName}\n closeAnimationConfig={closeAnimationConfig}\n containerProps={containerProps}\n contentComponent={contentComponent}\n contentOffset={contentOffset}\n contentStyle={contentStyle}\n delayClose={delayClose}\n delayOpen={delayOpen}\n getContentFromChildren={getContentFromChildren}\n getTargetFromChildren={getTargetFromChildren}\n interactionType={interactionType}\n isOpen={isOpen}\n modifiers={modifiers}\n onOpen={onOpen}\n onClose={onClose}\n onPlacementChange={onPlacementChange}\n openAnimationConfig={openAnimationConfig}\n placement={placement}\n preventOverflow={preventOverflow}\n referenceNode={referenceNode}\n renderReference={renderReference}\n showArrow={showArrow}\n triggerComponent={triggerComponent}\n triggerRef={triggerRef}\n usePortal={usePortal}\n wrapExtraComponent={wrapExtraComponent}\n zIndex={zIndex}\n hideIfNotVisible={hideIfNotVisible}\n >\n {customPopper}\n </PopperImpl>\n);\n\n// @deprecated: There's the NEW (not finished) popover that uses its own popper implementation.\nDSPopper.propTypes = popperProps;\nDSPopper.defaultProps = defaultProps;\n\nconst DSPopperWithSchema = describe(DSPopper);\nDSPopperWithSchema.propTypes = popperProps;\n\nexport { Interaction as PopperInteractions, Position as PopperPositions, DSPopperWithSchema, DSPopper };\n\nexport { interactions } from './interaction';\nexport { positions } from './positions';\n\nexport default DSPopper;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAyB;AACzB,wBAAuB;AACvB,uBAAyB;AACzB,yBAA4B;AAC5B,mBAA0C;AAgF1C,0BAA6B;AAC7B,wBAA0B;AA/E1B,MAAM,WAAW,CAAC;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAEA,mDAAC,2BAAD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,GAEC;AAKL,SAAS,YAAY;AACrB,SAAS,eAAe;AAExB,MAAM,qBAAqB,gCAAS;AACpC,mBAAmB,YAAY;AAO/B,IAAO,mBAAQ;",
6
- "names": []
7
- }
@@ -1,148 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
- }
18
- return target;
19
- };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
- };
23
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
- return (module2, temp) => {
25
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
- };
27
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
- var PopperContent_exports = {};
29
- __export(PopperContent_exports, {
30
- default: () => PopperContent
31
- });
32
- var React = __toESM(require("react"));
33
- var import_react = __toESM(require("react"));
34
- var import_react_popper = require("react-popper");
35
- var import_renderprops = require("react-spring/renderprops");
36
- var import_getComponentFromProps = __toESM(require("@elliemae/ds-utilities/getComponentFromProps"));
37
- var import_ds_overlay = __toESM(require("@elliemae/ds-overlay"));
38
- var import_getArrowStylesBySize = require("./getArrowStylesBySize");
39
- const Content = import_renderprops.Keyframes.Spring({});
40
- class PopperContent extends import_react.PureComponent {
41
- constructor(props) {
42
- super(props);
43
- this.renderContent = this.renderContent.bind(this);
44
- this.renderArrow = this.renderArrow.bind(this);
45
- this.handleRestAnimation = this.handleRestAnimation.bind(this);
46
- }
47
- handleRestAnimation() {
48
- const { isOpen, onContentDestroyed } = this.props;
49
- if (!isOpen) {
50
- onContentDestroyed();
51
- }
52
- }
53
- renderArrow({ ref, style }, placement) {
54
- const { blockName, showArrow } = this.props;
55
- if (!showArrow)
56
- return null;
57
- return /* @__PURE__ */ import_react.default.createElement("div", {
58
- key: "popper-arrow",
59
- ref,
60
- className: `${blockName || "popper"}__arrow`,
61
- "data-placement": placement,
62
- style: {
63
- ...style,
64
- ...(0, import_getArrowStylesBySize.getArrowStylesBySize)(placement, 25)
65
- }
66
- }, /* @__PURE__ */ import_react.default.createElement("svg", {
67
- viewBox: "0 0 30 30"
68
- }, /* @__PURE__ */ import_react.default.createElement("path", {
69
- className: "stroke",
70
- d: "M23.7,27.1L17,19.9C16.5,19.3,15.8,19,15,19s-1.6,0.3-2.1,0.9l-6.6,7.2C5.3,28.1,3.4,29,2,29h26\n C26.7,29,24.6,28.1,23.7,27.1z"
71
- }), /* @__PURE__ */ import_react.default.createElement("path", {
72
- className: "fill",
73
- d: "M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z"
74
- })));
75
- }
76
- renderContent({
77
- ref,
78
- style,
79
- placement,
80
- arrowProps,
81
- scheduleUpdate,
82
- outOfBoundaries
83
- }) {
84
- const {
85
- contentComponent,
86
- contentStyle,
87
- isOpen,
88
- closeAnimationConfig,
89
- openAnimationConfig,
90
- onMouseEnter,
91
- onMouseLeave,
92
- containerProps,
93
- zIndex,
94
- hideIfNotVisible
95
- } = this.props;
96
- const computedStyle = {
97
- ...style,
98
- ...contentStyle,
99
- zIndex
100
- };
101
- return /* @__PURE__ */ import_react.default.createElement("div", {
102
- ...containerProps,
103
- "data-placement": placement,
104
- onMouseEnter,
105
- onMouseLeave,
106
- style: computedStyle,
107
- "data-testid": "popper-container"
108
- }, /* @__PURE__ */ import_react.default.createElement(Content, {
109
- native: true,
110
- onRest: this.handleRestAnimation,
111
- state: isOpen && (!outOfBoundaries || !hideIfNotVisible) ? "open" : "close",
112
- states: {
113
- open: {
114
- ...openAnimationConfig,
115
- from: closeAnimationConfig.to
116
- },
117
- close: closeAnimationConfig
118
- }
119
- }, (animationStyle) => /* @__PURE__ */ import_react.default.createElement(import_renderprops.animated.div, {
120
- ref,
121
- style: animationStyle
122
- }, (0, import_getComponentFromProps.default)(contentComponent, { scheduleUpdate }, [
123
- this.renderArrow(arrowProps, placement)
124
- ]))));
125
- }
126
- render() {
127
- const {
128
- destroyed = false,
129
- onClickOutside = () => null,
130
- placement = "bottom-start",
131
- modifiers = {},
132
- referenceNode,
133
- usePortal = true
134
- } = this.props;
135
- return /* @__PURE__ */ import_react.default.createElement(import_ds_overlay.default, {
136
- isOpen: !destroyed,
137
- onClickOutside,
138
- usePortal
139
- }, /* @__PURE__ */ import_react.default.createElement(import_react_popper.Popper, {
140
- modifiers,
141
- placement,
142
- referenceElement: referenceNode
143
- }, this.renderContent));
144
- }
145
- }
146
- PopperContent.defaultProps = { onContentDestroyed: () => null };
147
- module.exports = __toCommonJS(PopperContent_exports);
148
- //# sourceMappingURL=PopperContent.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/PopperContent.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React, { PureComponent } from 'react';\nimport { Popper } from 'react-popper';\nimport { Keyframes, animated } from 'react-spring/renderprops';\nimport getComponentFromProps from '@elliemae/ds-utilities/getComponentFromProps';\nimport DSOverlay from '@elliemae/ds-overlay';\nimport { getArrowStylesBySize } from './getArrowStylesBySize';\n\nconst Content = Keyframes.Spring({});\n\nexport default class PopperContent extends PureComponent {\n // eslint-disable-next-line react/static-property-placement\n static defaultProps = { onContentDestroyed: () => null };\n\n constructor(props) {\n super(props);\n this.renderContent = this.renderContent.bind(this);\n this.renderArrow = this.renderArrow.bind(this);\n this.handleRestAnimation = this.handleRestAnimation.bind(this);\n }\n\n handleRestAnimation() {\n const { isOpen, onContentDestroyed } = this.props;\n if (!isOpen) {\n onContentDestroyed();\n }\n }\n\n renderArrow({ ref, style }, placement) {\n const { blockName, showArrow } = this.props;\n if (!showArrow) return null;\n return (\n <div\n key=\"popper-arrow\"\n ref={ref}\n className={`${blockName || 'popper'}__arrow`}\n data-placement={placement}\n style={{\n ...style,\n ...getArrowStylesBySize(placement, 25),\n }}\n >\n <svg viewBox=\"0 0 30 30\">\n <path\n className=\"stroke\"\n d=\"M23.7,27.1L17,19.9C16.5,19.3,15.8,19,15,19s-1.6,0.3-2.1,0.9l-6.6,7.2C5.3,28.1,3.4,29,2,29h26\n C26.7,29,24.6,28.1,23.7,27.1z\"\n />\n <path\n className=\"fill\"\n d=\"M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z\"\n />\n </svg>\n </div>\n );\n }\n\n renderContent({\n ref,\n style,\n placement,\n arrowProps,\n scheduleUpdate,\n outOfBoundaries,\n }) {\n const {\n contentComponent,\n contentStyle,\n isOpen,\n closeAnimationConfig,\n openAnimationConfig,\n onMouseEnter,\n onMouseLeave,\n containerProps,\n zIndex,\n hideIfNotVisible,\n } = this.props;\n\n const computedStyle = {\n ...style,\n ...contentStyle,\n zIndex,\n };\n return (\n <div\n {...containerProps}\n data-placement={placement}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n style={computedStyle}\n data-testid=\"popper-container\"\n >\n <Content\n native\n onRest={this.handleRestAnimation}\n state={\n isOpen && (!outOfBoundaries || !hideIfNotVisible) ? 'open' : 'close'\n }\n states={{\n open: {\n ...openAnimationConfig,\n from: closeAnimationConfig.to,\n },\n close: closeAnimationConfig,\n }}\n >\n {(animationStyle) => (\n <animated.div ref={ref} style={animationStyle}>\n {getComponentFromProps(contentComponent, { scheduleUpdate }, [\n this.renderArrow(arrowProps, placement),\n ])}\n </animated.div>\n )}\n </Content>\n </div>\n );\n }\n\n render() {\n const {\n destroyed = false,\n onClickOutside = () => null,\n placement = 'bottom-start',\n modifiers = {},\n referenceNode,\n usePortal = true,\n } = this.props;\n return (\n <DSOverlay\n isOpen={!destroyed}\n onClickOutside={onClickOutside}\n usePortal={usePortal}\n >\n <Popper\n modifiers={modifiers}\n placement={placement}\n referenceElement={referenceNode}\n >\n {this.renderContent}\n </Popper>\n </DSOverlay>\n );\n }\n}\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAqC;AACrC,0BAAuB;AACvB,yBAAoC;AACpC,mCAAkC;AAClC,wBAAsB;AACtB,kCAAqC;AAErC,MAAM,UAAU,6BAAU,OAAO;AAEjC,4BAA2C,2BAAc;AAAA,EAIvD,YAAY,OAAO;AACjB,UAAM;AACN,SAAK,gBAAgB,KAAK,cAAc,KAAK;AAC7C,SAAK,cAAc,KAAK,YAAY,KAAK;AACzC,SAAK,sBAAsB,KAAK,oBAAoB,KAAK;AAAA;AAAA,EAG3D,sBAAsB;AACpB,UAAM,EAAE,QAAQ,uBAAuB,KAAK;AAC5C,QAAI,CAAC,QAAQ;AACX;AAAA;AAAA;AAAA,EAIJ,YAAY,EAAE,KAAK,SAAS,WAAW;AACrC,UAAM,EAAE,WAAW,cAAc,KAAK;AACtC,QAAI,CAAC;AAAW,aAAO;AACvB,WACE,mDAAC,OAAD;AAAA,MACE,KAAI;AAAA,MACJ;AAAA,MACA,WAAW,GAAG,aAAa;AAAA,MAC3B,kBAAgB;AAAA,MAChB,OAAO;AAAA,WACF;AAAA,WACA,sDAAqB,WAAW;AAAA;AAAA,OAGrC,mDAAC,OAAD;AAAA,MAAK,SAAQ;AAAA,OACX,mDAAC,QAAD;AAAA,MACE,WAAU;AAAA,MACV,GAAE;AAAA,QAGJ,mDAAC,QAAD;AAAA,MACE,WAAU;AAAA,MACV,GAAE;AAAA;AAAA;AAAA,EAOZ,cAAc;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,KACC;AACD,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACE,KAAK;AAET,UAAM,gBAAgB;AAAA,SACjB;AAAA,SACA;AAAA,MACH;AAAA;AAEF,WACE,mDAAC,OAAD;AAAA,SACM;AAAA,MACJ,kBAAgB;AAAA,MAChB;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP,eAAY;AAAA,OAEZ,mDAAC,SAAD;AAAA,MACE,QAAM;AAAA,MACN,QAAQ,KAAK;AAAA,MACb,OACE,UAAW,EAAC,mBAAmB,CAAC,oBAAoB,SAAS;AAAA,MAE/D,QAAQ;AAAA,QACN,MAAM;AAAA,aACD;AAAA,UACH,MAAM,qBAAqB;AAAA;AAAA,QAE7B,OAAO;AAAA;AAAA,OAGR,CAAC,mBACA,mDAAC,4BAAS,KAAV;AAAA,MAAc;AAAA,MAAU,OAAO;AAAA,OAC5B,0CAAsB,kBAAkB,EAAE,kBAAkB;AAAA,MAC3D,KAAK,YAAY,YAAY;AAAA;AAAA;AAAA,EAS3C,SAAS;AACP,UAAM;AAAA,MACJ,YAAY;AAAA,MACZ,iBAAiB,MAAM;AAAA,MACvB,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ;AAAA,MACA,YAAY;AAAA,QACV,KAAK;AACT,WACE,mDAAC,2BAAD;AAAA,MACE,QAAQ,CAAC;AAAA,MACT;AAAA,MACA;AAAA,OAEA,mDAAC,4BAAD;AAAA,MACE;AAAA,MACA;AAAA,MACA,kBAAkB;AAAA,OAEjB,KAAK;AAAA;AAAA;AA9HP,AAFT,cAES,eAAe,EAAE,oBAAoB,MAAM;",
6
- "names": []
7
- }
@@ -1,272 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
- }
18
- return target;
19
- };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
- };
23
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
- return (module2, temp) => {
25
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
- };
27
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
- var PopperImpl_exports = {};
29
- __export(PopperImpl_exports, {
30
- PopperContent: () => import_PopperContent.default,
31
- Reference: () => import_react_popper.Reference,
32
- default: () => PopperImpl
33
- });
34
- var React = __toESM(require("react"));
35
- var import_react = __toESM(require("react"));
36
- var import_ds_utilities = require("@elliemae/ds-utilities");
37
- var import_react_popper = require("react-popper");
38
- var import_memoize_one = __toESM(require("memoize-one"));
39
- var import_PopperContent = __toESM(require("./PopperContent"));
40
- var import_interaction = require("./interaction");
41
- class PopperImpl extends import_react.Component {
42
- constructor(props) {
43
- super(props);
44
- this.safeIsMounted = false;
45
- this.handlePopperPlacementChange = (0, import_memoize_one.default)((placement) => {
46
- const { onPlacementChange } = this.props;
47
- onPlacementChange(placement);
48
- });
49
- this.state = {
50
- isOpen: false,
51
- destroyed: true
52
- };
53
- this.handleMouseEnter = this.handleMouseEnter.bind(this);
54
- this.handleMouseLeave = this.handleMouseLeave.bind(this);
55
- this.handleTriggerClick = this.handleTriggerClick.bind(this);
56
- this.renderTarget = this.renderTarget.bind(this);
57
- this.updatePopoverState = this.updatePopoverState.bind(this);
58
- this.handlePopperPlacementChange = this.handlePopperPlacementChange.bind(this);
59
- this.handleDestroyContent = this.handleDestroyContent.bind(this);
60
- this.handleContentMouseEnter = this.handleContentMouseEnter.bind(this);
61
- this.handleContentMouseLeave = this.handleContentMouseLeave.bind(this);
62
- }
63
- componentDidMount() {
64
- this.safeIsMounted = true;
65
- }
66
- componentDidUpdate() {
67
- const { isOpen, destroyed } = this.state;
68
- if (isOpen === true && destroyed === true) {
69
- this.setState({ destroyed: false });
70
- }
71
- }
72
- componentWillUnmount() {
73
- this.safeIsMounted = false;
74
- }
75
- static getDerivedStateFromProps(nextProps, prevState) {
76
- const { isOpen } = nextProps;
77
- const { prevPropIsOpen } = prevState;
78
- if (isOpen !== prevPropIsOpen) {
79
- return {
80
- isOpen,
81
- prevPropIsOpen: isOpen
82
- };
83
- }
84
- return null;
85
- }
86
- getInteractionObject(interaction, referenceProps = {}) {
87
- const { isOpen } = this.props;
88
- if (isOpen !== void 0)
89
- return {};
90
- return {
91
- [import_interaction.Interaction.CLICK]: {
92
- handlers: {
93
- onClick: this.handleTriggerClick
94
- },
95
- canClose: () => true
96
- },
97
- [import_interaction.Interaction.HOVER]: {
98
- handlers: {
99
- onMouseEnter: referenceProps.onMouseEnter || this.handleMouseEnter,
100
- onPointerEnter: referenceProps.onMouseEnter || this.handleMouseEnter,
101
- onMouseLeave: referenceProps.onMouseLeave || this.handleMouseLeave,
102
- onPointerLeave: referenceProps.onMouseLeave || this.handleMouseLeave,
103
- onClick: this.handleTriggerClick
104
- },
105
- canClose: (isOnTrigger, isOnPopper) => !isOnTrigger && !isOnPopper
106
- }
107
- }[interaction] || {
108
- handlers: {},
109
- canClose: () => true
110
- };
111
- }
112
- setOpen(opening) {
113
- const { onOpen } = this.props;
114
- const { prevPropIsOpen } = this.state;
115
- if (!this.safeIsMounted)
116
- return;
117
- if (prevPropIsOpen === void 0) {
118
- this.setState({
119
- isOpen: opening,
120
- destroyed: false
121
- });
122
- }
123
- onOpen(opening);
124
- }
125
- open() {
126
- clearTimeout(this.closeTimer);
127
- const { delayOpen } = this.props;
128
- this.openTimer = setTimeout(() => this.setOpen(true), delayOpen);
129
- }
130
- close() {
131
- clearTimeout(this.openTimer);
132
- const { delayClose, onClose = () => null } = this.props;
133
- this.closeTimer = setTimeout(() => {
134
- this.setOpen(false);
135
- onClose();
136
- }, delayClose);
137
- }
138
- handleTriggerClick(e) {
139
- const { triggerComponent } = this.props;
140
- const { onClick } = (0, import_ds_utilities.get)(triggerComponent, "props") || {};
141
- this.open();
142
- if ((0, import_ds_utilities.isFunction)(onClick))
143
- onClick(e);
144
- }
145
- handleContentMouseEnter() {
146
- this.isMouseOverContent = true;
147
- }
148
- handleContentMouseLeave() {
149
- this.isMouseOverContent = false;
150
- const { onClose = () => null } = this.props;
151
- setTimeout(() => {
152
- if (!this.isMouseOverTarget) {
153
- this.setOpen(false);
154
- onClose();
155
- }
156
- }, 10);
157
- }
158
- handleMouseEnter() {
159
- this.isMouseOverTarget = true;
160
- this.open();
161
- }
162
- handleMouseLeave() {
163
- this.isMouseOverTarget = false;
164
- setTimeout(() => {
165
- if (!this.isMouseOverContent) {
166
- this.close();
167
- }
168
- }, 10);
169
- }
170
- updatePopoverState(popperData) {
171
- this.handlePopperPlacementChange(popperData.placement);
172
- return popperData;
173
- }
174
- handleDestroyContent() {
175
- this.setState({ destroyed: true });
176
- }
177
- renderTarget({ ref }) {
178
- const { isOpen } = this.state;
179
- const { triggerComponent, interactionType, renderReference } = this.props;
180
- const componentInnerRef = (0, import_ds_utilities.get)(triggerComponent, ["props", "innerRef"], () => null);
181
- const compRef = (0, import_ds_utilities.isDOMTypeElement)(triggerComponent) ? { ref } : { innerRef: (0, import_ds_utilities.mergeRefs)(ref, componentInnerRef) };
182
- const triggerHandler = this.getInteractionObject(interactionType, triggerComponent.props).handlers;
183
- const targetProps = {
184
- ...triggerHandler,
185
- ...compRef,
186
- "aria-haspopup": true,
187
- "aria-expanded": isOpen
188
- };
189
- if (renderReference) {
190
- return renderReference({
191
- ref,
192
- ...targetProps
193
- });
194
- }
195
- return (0, import_ds_utilities.getComponentFromProps)(triggerComponent, targetProps);
196
- }
197
- render() {
198
- const { isOpen, destroyed } = this.state;
199
- const {
200
- placement,
201
- interactionType,
202
- showArrow,
203
- arrowSize,
204
- arrowGap,
205
- preventOverflow,
206
- children: customPopper,
207
- usePortal,
208
- blockName,
209
- contentComponent,
210
- openAnimationConfig,
211
- closeAnimationConfig,
212
- modifiers,
213
- referenceNode,
214
- containerProps,
215
- zIndex,
216
- hideIfNotVisible
217
- } = this.props;
218
- const allModifiers = {
219
- offset: {
220
- enabled: showArrow,
221
- offset: `0, ${arrowSize + arrowGap}`
222
- },
223
- preventOverflow: {
224
- enabled: true,
225
- padding: 0,
226
- boundariesElement: preventOverflow
227
- },
228
- updatePopoverState: {
229
- enabled: true,
230
- fn: this.updatePopoverState,
231
- order: 900
232
- },
233
- ...modifiers
234
- };
235
- const triggerHandler = this.getInteractionObject(interactionType).handlers;
236
- const popperContentProps = {
237
- hideIfNotVisible,
238
- containerProps,
239
- isOpen,
240
- destroyed: isOpen ? false : destroyed,
241
- arrowSize,
242
- blockName,
243
- showArrow,
244
- modifiers: allModifiers,
245
- contentComponent,
246
- onContentDestroyed: this.handleDestroyContent,
247
- onClickOutside: () => this.close(),
248
- placement,
249
- usePortal,
250
- openAnimationConfig,
251
- closeAnimationConfig,
252
- onMouseEnter: interactionType === import_interaction.Interaction.HOVER ? this.handleContentMouseEnter : void 0,
253
- onMouseLeave: interactionType === import_interaction.Interaction.HOVER ? this.handleContentMouseLeave : void 0,
254
- referenceNode,
255
- zIndex
256
- };
257
- if (customPopper && typeof customPopper === "function") {
258
- return /* @__PURE__ */ import_react.default.createElement(import_react_popper.Manager, null, customPopper({
259
- Reference: import_react_popper.Reference,
260
- triggerHandler,
261
- content: /* @__PURE__ */ import_react.default.createElement(import_PopperContent.default, {
262
- ...popperContentProps
263
- })
264
- }));
265
- }
266
- return /* @__PURE__ */ import_react.default.createElement(import_react_popper.Manager, null, /* @__PURE__ */ import_react.default.createElement(import_react_popper.Reference, null, this.renderTarget), /* @__PURE__ */ import_react.default.createElement(import_PopperContent.default, {
267
- ...popperContentProps
268
- }));
269
- }
270
- }
271
- module.exports = __toCommonJS(PopperImpl_exports);
272
- //# sourceMappingURL=PopperImpl.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/PopperImpl.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["/* eslint-disable max-lines */\nimport React, { Component } from 'react';\nimport { isFunction, get, isDOMTypeElement, getComponentFromProps, mergeRefs } from '@elliemae/ds-utilities';\nimport { Manager, Reference } from 'react-popper';\nimport memoizeOne from 'memoize-one';\nimport PopperContent from './PopperContent';\nimport { Interaction } from './interaction';\n\nexport default class PopperImpl extends Component<any, any> {\n // we use safeIsMounted because isMounted is not allowed by React.\n safeIsMounted = false;\n\n handlePopperPlacementChange = memoizeOne((placement) => {\n const { onPlacementChange } = this.props;\n onPlacementChange(placement);\n });\n\n constructor(props) {\n super(props);\n this.state = {\n isOpen: false,\n destroyed: true,\n };\n // TODO: Fix the autobinding to remove this!!\n this.handleMouseEnter = this.handleMouseEnter.bind(this);\n this.handleMouseLeave = this.handleMouseLeave.bind(this);\n this.handleTriggerClick = this.handleTriggerClick.bind(this);\n this.renderTarget = this.renderTarget.bind(this);\n this.updatePopoverState = this.updatePopoverState.bind(this);\n this.handlePopperPlacementChange = this.handlePopperPlacementChange.bind(\n this,\n );\n this.handleDestroyContent = this.handleDestroyContent.bind(this);\n this.handleContentMouseEnter = this.handleContentMouseEnter.bind(this);\n this.handleContentMouseLeave = this.handleContentMouseLeave.bind(this);\n }\n\n // this is needed to prevent setState on unmounted components\n componentDidMount() {\n this.safeIsMounted = true;\n }\n\n componentDidUpdate() {\n const { isOpen, destroyed } = this.state;\n if (isOpen === true && destroyed === true) {\n // eslint-disable-next-line react/no-did-update-set-state\n this.setState({ destroyed: false });\n }\n }\n\n componentWillUnmount() {\n this.safeIsMounted = false;\n }\n\n static getDerivedStateFromProps(nextProps, prevState) {\n const { isOpen } = nextProps;\n const { prevPropIsOpen } = prevState;\n // todo: this causes multiple rerenders\n if (isOpen !== prevPropIsOpen) {\n return {\n isOpen,\n prevPropIsOpen: isOpen,\n };\n }\n return null;\n }\n\n getInteractionObject(interaction, referenceProps = {}) {\n const { isOpen } = this.props;\n if (isOpen !== undefined) return {};\n return (\n {\n [Interaction.CLICK]: {\n handlers: {\n onClick: this.handleTriggerClick,\n },\n canClose: () => true,\n },\n [Interaction.HOVER]: {\n handlers: {\n onMouseEnter: referenceProps.onMouseEnter || this.handleMouseEnter,\n onPointerEnter: referenceProps.onMouseEnter || this.handleMouseEnter,\n onMouseLeave: referenceProps.onMouseLeave || this.handleMouseLeave,\n onPointerLeave: referenceProps.onMouseLeave || this.handleMouseLeave,\n onClick: this.handleTriggerClick,\n },\n canClose: (isOnTrigger, isOnPopper) => !isOnTrigger && !isOnPopper,\n },\n }[interaction] || {\n handlers: {},\n canClose: () => true,\n }\n );\n }\n\n setOpen(opening) {\n const { onOpen } = this.props;\n const { prevPropIsOpen } = this.state;\n if (!this.safeIsMounted) return;\n\n if (prevPropIsOpen === undefined) {\n this.setState({\n isOpen: opening,\n destroyed: false,\n });\n }\n onOpen(opening);\n }\n\n open() {\n clearTimeout(this.closeTimer);\n const { delayOpen } = this.props;\n this.openTimer = setTimeout(() => this.setOpen(true), delayOpen);\n }\n\n close() {\n clearTimeout(this.openTimer);\n const { delayClose, onClose = () => null } = this.props;\n this.closeTimer = setTimeout(() => {\n this.setOpen(false);\n onClose();\n }, delayClose);\n }\n\n handleTriggerClick(e) {\n const { triggerComponent } = this.props;\n const { onClick } = get(triggerComponent, 'props') || {};\n\n this.open();\n\n if (isFunction(onClick)) onClick(e);\n }\n\n handleContentMouseEnter() {\n this.isMouseOverContent = true;\n }\n\n handleContentMouseLeave() {\n this.isMouseOverContent = false;\n const { onClose = () => null } = this.props;\n setTimeout(() => {\n if (!this.isMouseOverTarget) {\n this.setOpen(false);\n onClose();\n }\n }, 10);\n }\n\n handleMouseEnter() {\n this.isMouseOverTarget = true;\n this.open();\n }\n\n handleMouseLeave() {\n this.isMouseOverTarget = false;\n setTimeout(() => {\n if (!this.isMouseOverContent) {\n this.close();\n }\n }, 10);\n }\n\n updatePopoverState(popperData) {\n this.handlePopperPlacementChange(popperData.placement);\n return popperData;\n }\n\n handleDestroyContent() {\n this.setState({ destroyed: true });\n }\n\n renderTarget({ ref }) {\n const { isOpen } = this.state;\n const { triggerComponent, interactionType, renderReference } = this.props;\n\n const componentInnerRef = get(\n triggerComponent,\n ['props', 'innerRef'],\n () => null,\n );\n const compRef = isDOMTypeElement(triggerComponent)\n ? { ref }\n : { innerRef: mergeRefs(ref, componentInnerRef) };\n\n const triggerHandler = this.getInteractionObject(\n interactionType,\n triggerComponent.props,\n ).handlers;\n\n const targetProps = {\n ...triggerHandler,\n ...compRef,\n 'aria-haspopup': true,\n 'aria-expanded': isOpen,\n };\n\n if (renderReference) {\n return renderReference({\n ref,\n ...targetProps,\n });\n }\n\n return getComponentFromProps(triggerComponent, targetProps);\n }\n\n render() {\n const { isOpen, destroyed } = this.state;\n\n const {\n placement,\n interactionType,\n showArrow,\n arrowSize,\n arrowGap,\n preventOverflow,\n children: customPopper,\n usePortal,\n blockName,\n contentComponent,\n openAnimationConfig,\n closeAnimationConfig,\n modifiers,\n referenceNode,\n containerProps,\n zIndex,\n hideIfNotVisible,\n } = this.props;\n\n const allModifiers = {\n offset: {\n enabled: showArrow,\n offset: `0, ${arrowSize + arrowGap}`,\n },\n preventOverflow: {\n enabled: true,\n padding: 0,\n boundariesElement: preventOverflow,\n },\n updatePopoverState: {\n enabled: true,\n fn: this.updatePopoverState,\n order: 900,\n },\n ...modifiers,\n };\n const triggerHandler = this.getInteractionObject(interactionType).handlers;\n\n const popperContentProps = {\n hideIfNotVisible,\n containerProps,\n isOpen,\n destroyed: isOpen ? false : destroyed,\n arrowSize,\n blockName,\n showArrow,\n modifiers: allModifiers,\n contentComponent,\n onContentDestroyed: this.handleDestroyContent,\n onClickOutside: () => this.close(),\n placement,\n usePortal,\n openAnimationConfig,\n closeAnimationConfig,\n onMouseEnter:\n interactionType === Interaction.HOVER\n ? this.handleContentMouseEnter\n : undefined,\n onMouseLeave:\n interactionType === Interaction.HOVER\n ? this.handleContentMouseLeave\n : undefined,\n referenceNode,\n zIndex,\n };\n\n if (customPopper && typeof customPopper === 'function') {\n return (\n <Manager>\n {customPopper({\n Reference,\n triggerHandler,\n content: <PopperContent {...popperContentProps} />,\n })}\n </Manager>\n );\n }\n\n return (\n <Manager>\n <Reference>{this.renderTarget}</Reference>\n <PopperContent {...popperContentProps} />\n </Manager>\n );\n }\n}\n\nexport { Reference, PopperContent };\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAiC;AACjC,0BAAoF;AACpF,0BAAmC;AACnC,yBAAuB;AACvB,2BAA0B;AAC1B,yBAA4B;AAE5B,yBAAwC,uBAAoB;AAAA,EAS1D,YAAY,OAAO;AACjB,UAAM;AARR,yBAAgB;AAEhB,uCAA8B,gCAAW,CAAC,cAAc;AACtD,YAAM,EAAE,sBAAsB,KAAK;AACnC,wBAAkB;AAAA;AAKlB,SAAK,QAAQ;AAAA,MACX,QAAQ;AAAA,MACR,WAAW;AAAA;AAGb,SAAK,mBAAmB,KAAK,iBAAiB,KAAK;AACnD,SAAK,mBAAmB,KAAK,iBAAiB,KAAK;AACnD,SAAK,qBAAqB,KAAK,mBAAmB,KAAK;AACvD,SAAK,eAAe,KAAK,aAAa,KAAK;AAC3C,SAAK,qBAAqB,KAAK,mBAAmB,KAAK;AACvD,SAAK,8BAA8B,KAAK,4BAA4B,KAClE;AAEF,SAAK,uBAAuB,KAAK,qBAAqB,KAAK;AAC3D,SAAK,0BAA0B,KAAK,wBAAwB,KAAK;AACjE,SAAK,0BAA0B,KAAK,wBAAwB,KAAK;AAAA;AAAA,EAInE,oBAAoB;AAClB,SAAK,gBAAgB;AAAA;AAAA,EAGvB,qBAAqB;AACnB,UAAM,EAAE,QAAQ,cAAc,KAAK;AACnC,QAAI,WAAW,QAAQ,cAAc,MAAM;AAEzC,WAAK,SAAS,EAAE,WAAW;AAAA;AAAA;AAAA,EAI/B,uBAAuB;AACrB,SAAK,gBAAgB;AAAA;AAAA,SAGhB,yBAAyB,WAAW,WAAW;AACpD,UAAM,EAAE,WAAW;AACnB,UAAM,EAAE,mBAAmB;AAE3B,QAAI,WAAW,gBAAgB;AAC7B,aAAO;AAAA,QACL;AAAA,QACA,gBAAgB;AAAA;AAAA;AAGpB,WAAO;AAAA;AAAA,EAGT,qBAAqB,aAAa,iBAAiB,IAAI;AACrD,UAAM,EAAE,WAAW,KAAK;AACxB,QAAI,WAAW;AAAW,aAAO;AACjC,WACE;AAAA,OACG,+BAAY,QAAQ;AAAA,QACnB,UAAU;AAAA,UACR,SAAS,KAAK;AAAA;AAAA,QAEhB,UAAU,MAAM;AAAA;AAAA,OAEjB,+BAAY,QAAQ;AAAA,QACnB,UAAU;AAAA,UACR,cAAc,eAAe,gBAAgB,KAAK;AAAA,UAClD,gBAAgB,eAAe,gBAAgB,KAAK;AAAA,UACpD,cAAc,eAAe,gBAAgB,KAAK;AAAA,UAClD,gBAAgB,eAAe,gBAAgB,KAAK;AAAA,UACpD,SAAS,KAAK;AAAA;AAAA,QAEhB,UAAU,CAAC,aAAa,eAAe,CAAC,eAAe,CAAC;AAAA;AAAA,MAE1D,gBAAgB;AAAA,MAChB,UAAU;AAAA,MACV,UAAU,MAAM;AAAA;AAAA;AAAA,EAKtB,QAAQ,SAAS;AACf,UAAM,EAAE,WAAW,KAAK;AACxB,UAAM,EAAE,mBAAmB,KAAK;AAChC,QAAI,CAAC,KAAK;AAAe;AAEzB,QAAI,mBAAmB,QAAW;AAChC,WAAK,SAAS;AAAA,QACZ,QAAQ;AAAA,QACR,WAAW;AAAA;AAAA;AAGf,WAAO;AAAA;AAAA,EAGT,OAAO;AACL,iBAAa,KAAK;AAClB,UAAM,EAAE,cAAc,KAAK;AAC3B,SAAK,YAAY,WAAW,MAAM,KAAK,QAAQ,OAAO;AAAA;AAAA,EAGxD,QAAQ;AACN,iBAAa,KAAK;AAClB,UAAM,EAAE,YAAY,UAAU,MAAM,SAAS,KAAK;AAClD,SAAK,aAAa,WAAW,MAAM;AACjC,WAAK,QAAQ;AACb;AAAA,OACC;AAAA;AAAA,EAGL,mBAAmB,GAAG;AACpB,UAAM,EAAE,qBAAqB,KAAK;AAClC,UAAM,EAAE,YAAY,6BAAI,kBAAkB,YAAY;AAEtD,SAAK;AAEL,QAAI,oCAAW;AAAU,cAAQ;AAAA;AAAA,EAGnC,0BAA0B;AACxB,SAAK,qBAAqB;AAAA;AAAA,EAG5B,0BAA0B;AACxB,SAAK,qBAAqB;AAC1B,UAAM,EAAE,UAAU,MAAM,SAAS,KAAK;AACtC,eAAW,MAAM;AACf,UAAI,CAAC,KAAK,mBAAmB;AAC3B,aAAK,QAAQ;AACb;AAAA;AAAA,OAED;AAAA;AAAA,EAGL,mBAAmB;AACjB,SAAK,oBAAoB;AACzB,SAAK;AAAA;AAAA,EAGP,mBAAmB;AACjB,SAAK,oBAAoB;AACzB,eAAW,MAAM;AACf,UAAI,CAAC,KAAK,oBAAoB;AAC5B,aAAK;AAAA;AAAA,OAEN;AAAA;AAAA,EAGL,mBAAmB,YAAY;AAC7B,SAAK,4BAA4B,WAAW;AAC5C,WAAO;AAAA;AAAA,EAGT,uBAAuB;AACrB,SAAK,SAAS,EAAE,WAAW;AAAA;AAAA,EAG7B,aAAa,EAAE,OAAO;AACpB,UAAM,EAAE,WAAW,KAAK;AACxB,UAAM,EAAE,kBAAkB,iBAAiB,oBAAoB,KAAK;AAEpE,UAAM,oBAAoB,6BACxB,kBACA,CAAC,SAAS,aACV,MAAM;AAER,UAAM,UAAU,0CAAiB,oBAC7B,EAAE,QACF,EAAE,UAAU,mCAAU,KAAK;AAE/B,UAAM,iBAAiB,KAAK,qBAC1B,iBACA,iBAAiB,OACjB;AAEF,UAAM,cAAc;AAAA,SACf;AAAA,SACA;AAAA,MACH,iBAAiB;AAAA,MACjB,iBAAiB;AAAA;AAGnB,QAAI,iBAAiB;AACnB,aAAO,gBAAgB;AAAA,QACrB;AAAA,WACG;AAAA;AAAA;AAIP,WAAO,+CAAsB,kBAAkB;AAAA;AAAA,EAGjD,SAAS;AACP,UAAM,EAAE,QAAQ,cAAc,KAAK;AAEnC,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACE,KAAK;AAET,UAAM,eAAe;AAAA,MACnB,QAAQ;AAAA,QACN,SAAS;AAAA,QACT,QAAQ,MAAM,YAAY;AAAA;AAAA,MAE5B,iBAAiB;AAAA,QACf,SAAS;AAAA,QACT,SAAS;AAAA,QACT,mBAAmB;AAAA;AAAA,MAErB,oBAAoB;AAAA,QAClB,SAAS;AAAA,QACT,IAAI,KAAK;AAAA,QACT,OAAO;AAAA;AAAA,SAEN;AAAA;AAEL,UAAM,iBAAiB,KAAK,qBAAqB,iBAAiB;AAElE,UAAM,qBAAqB;AAAA,MACzB;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,SAAS,QAAQ;AAAA,MAC5B;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA,oBAAoB,KAAK;AAAA,MACzB,gBAAgB,MAAM,KAAK;AAAA,MAC3B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cACE,oBAAoB,+BAAY,QAC5B,KAAK,0BACL;AAAA,MACN,cACE,oBAAoB,+BAAY,QAC5B,KAAK,0BACL;AAAA,MACN;AAAA,MACA;AAAA;AAGF,QAAI,gBAAgB,OAAO,iBAAiB,YAAY;AACtD,aACE,mDAAC,6BAAD,MACG,aAAa;AAAA,QACZ;AAAA,QACA;AAAA,QACA,SAAS,mDAAC,8BAAD;AAAA,aAAmB;AAAA;AAAA;AAAA;AAMpC,WACE,mDAAC,6BAAD,MACE,mDAAC,+BAAD,MAAY,KAAK,eACjB,mDAAC,8BAAD;AAAA,SAAmB;AAAA;AAAA;AAAA;",
6
- "names": []
7
- }
@@ -1,60 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
- }
18
- return target;
19
- };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
- };
23
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
- return (module2, temp) => {
25
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
- };
27
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
- var getArrowStylesBySize_exports = {};
29
- __export(getArrowStylesBySize_exports, {
30
- default: () => getArrowStylesBySize_default,
31
- getArrowStylesBySize: () => getArrowStylesBySize
32
- });
33
- var React = __toESM(require("react"));
34
- const getArrowStylesBySize = (position, size = 30) => {
35
- const basePosition = position && position.split("-")[0];
36
- return {
37
- borderWidth: size,
38
- ...{
39
- top: {
40
- top: "100% !important",
41
- transform: `rotateZ(${180}deg)`
42
- },
43
- right: {
44
- right: "100%",
45
- transform: `rotateZ(${-90}deg)`
46
- },
47
- bottom: {
48
- bottom: "100%",
49
- transform: `rotateZ(${0}deg)`
50
- },
51
- left: {
52
- left: "100%",
53
- transform: `rotateZ(${90}deg)`
54
- }
55
- }[basePosition]
56
- };
57
- };
58
- var getArrowStylesBySize_default = getArrowStylesBySize;
59
- module.exports = __toCommonJS(getArrowStylesBySize_exports);
60
- //# sourceMappingURL=getArrowStylesBySize.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/getArrowStylesBySize.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["export const getArrowStylesBySize = (position, size = 30) => {\n const basePosition = position && position.split('-')[0];\n return {\n borderWidth: size,\n ...{\n top: {\n top: '100% !important',\n transform: `rotateZ(${180}deg)`,\n },\n right: {\n right: '100%',\n transform: `rotateZ(${-90}deg)`,\n },\n bottom: {\n bottom: '100%',\n transform: `rotateZ(${0}deg)`,\n },\n left: {\n left: '100%',\n transform: `rotateZ(${90}deg)`,\n },\n }[basePosition],\n };\n};\n\nexport default getArrowStylesBySize;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,uBAAuB,CAAC,UAAU,OAAO,OAAO;AAC3D,QAAM,eAAe,YAAY,SAAS,MAAM,KAAK;AACrD,SAAO;AAAA,IACL,aAAa;AAAA,OACV;AAAA,MACD,KAAK;AAAA,QACH,KAAK;AAAA,QACL,WAAW,WAAW;AAAA;AAAA,MAExB,OAAO;AAAA,QACL,OAAO;AAAA,QACP,WAAW,WAAW;AAAA;AAAA,MAExB,QAAQ;AAAA,QACN,QAAQ;AAAA,QACR,WAAW,WAAW;AAAA;AAAA,MAExB,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,WAAW,WAAW;AAAA;AAAA,MAExB;AAAA;AAAA;AAIN,IAAO,+BAAQ;",
6
- "names": []
7
- }