@elliemae/ds-popper 3.16.0-next.2 → 3.16.0-next.3
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.
- package/dist/cjs/DSPopper.js +2 -2
- package/dist/cjs/DSPopper.js.map +2 -2
- package/dist/cjs/props.js +12 -12
- package/dist/cjs/props.js.map +2 -2
- package/dist/esm/DSPopper.js +1 -1
- package/dist/esm/DSPopper.js.map +1 -1
- package/dist/esm/props.js +1 -1
- package/dist/esm/props.js.map +1 -1
- package/dist/types/DSPopper.d.ts +12 -12
- package/dist/types/props.d.ts +11 -11
- package/package.json +6 -5
package/dist/cjs/DSPopper.js
CHANGED
|
@@ -35,7 +35,7 @@ __export(DSPopper_exports, {
|
|
|
35
35
|
module.exports = __toCommonJS(DSPopper_exports);
|
|
36
36
|
var React = __toESM(require("react"));
|
|
37
37
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
38
|
-
var
|
|
38
|
+
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
39
39
|
var import_PopperImpl = __toESM(require("./PopperImpl"));
|
|
40
40
|
var import_positions = require("./positions");
|
|
41
41
|
var import_interaction = require("./interaction");
|
|
@@ -113,7 +113,7 @@ const DSPopper = ({
|
|
|
113
113
|
DSPopper.propTypes = import_props.popperProps;
|
|
114
114
|
DSPopper.defaultProps = import_props.defaultProps;
|
|
115
115
|
DSPopper.displayName = "DSPopper";
|
|
116
|
-
const DSPopperWithSchema = (0,
|
|
116
|
+
const DSPopperWithSchema = (0, import_ds_props_helpers.describe)(DSPopper);
|
|
117
117
|
DSPopperWithSchema.propTypes = import_props.popperProps;
|
|
118
118
|
var DSPopper_default = DSPopper;
|
|
119
119
|
//# sourceMappingURL=DSPopper.js.map
|
package/dist/cjs/DSPopper.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/DSPopper.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADwCrB;AAvCF,
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\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;\nDSPopper.displayName = 'DSPopper';\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;AAAA;ACAA,YAAuB;ADwCrB;AAvCF,8BAAyB;AACzB,wBAAuB;AACvB,uBAAyB;AACzB,yBAA4B;AAC5B,mBAA0C;AAgF1C,IAAAA,sBAA6B;AAC7B,IAAAC,oBAA0B;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;AACF,MACE;AAAA,EAAC,kBAAAC;AAAA,EAAA;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEC;AAAA;AACH;AAIF,SAAS,YAAY;AACrB,SAAS,eAAe;AACxB,SAAS,cAAc;AACvB,MAAM,yBAAqB,kCAAS,QAAQ;AAC5C,mBAAmB,YAAY;AAO/B,IAAO,mBAAQ;",
|
|
6
6
|
"names": ["import_interaction", "import_positions", "PopperImpl"]
|
|
7
7
|
}
|
package/dist/cjs/props.js
CHANGED
|
@@ -29,21 +29,21 @@ __export(props_exports, {
|
|
|
29
29
|
});
|
|
30
30
|
module.exports = __toCommonJS(props_exports);
|
|
31
31
|
var React = __toESM(require("react"));
|
|
32
|
-
var
|
|
32
|
+
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
33
33
|
var import_positions = require("./positions");
|
|
34
34
|
var import_interaction = require("./interaction");
|
|
35
35
|
const popperProps = {
|
|
36
|
-
hideIfNotVisible:
|
|
37
|
-
containerProps:
|
|
38
|
-
arrowGap:
|
|
39
|
-
onOpen:
|
|
40
|
-
onClose:
|
|
41
|
-
delayClose:
|
|
42
|
-
delayOpen:
|
|
43
|
-
onPlacementChange:
|
|
44
|
-
arrowSize:
|
|
45
|
-
blockName:
|
|
46
|
-
triggerComponent:
|
|
36
|
+
hideIfNotVisible: import_ds_props_helpers.PropTypes.bool.description("Hide menu component if trigger component is not visible/scrolled away"),
|
|
37
|
+
containerProps: import_ds_props_helpers.PropTypes.object.description("props to inject to popper wrapper"),
|
|
38
|
+
arrowGap: import_ds_props_helpers.PropTypes.number.description("Space between the arrow and the popup"),
|
|
39
|
+
onOpen: import_ds_props_helpers.PropTypes.func.description("callback for when menu changes from close to open"),
|
|
40
|
+
onClose: import_ds_props_helpers.PropTypes.func.description("callback for when menu changes from open to close"),
|
|
41
|
+
delayClose: import_ds_props_helpers.PropTypes.number.description("Time in ms to delay close of menu"),
|
|
42
|
+
delayOpen: import_ds_props_helpers.PropTypes.number.description("Time in ms to delay open of menu"),
|
|
43
|
+
onPlacementChange: import_ds_props_helpers.PropTypes.func.description("callback for when menu changes placement"),
|
|
44
|
+
arrowSize: import_ds_props_helpers.PropTypes.number.description("Arrow size"),
|
|
45
|
+
blockName: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.string, import_ds_props_helpers.PropTypes.object]).description("Bem blockname for the popper"),
|
|
46
|
+
triggerComponent: import_ds_props_helpers.PropTypes.element.description(
|
|
47
47
|
`The component that will open/close the tooltip.
|
|
48
48
|
Cannot be used with disabled elements.
|
|
49
49
|
https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled`
|
package/dist/cjs/props.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/props.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import { PropTypes } from '@elliemae/ds-
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,
|
|
4
|
+
"sourcesContent": ["import { PropTypes } from '@elliemae/ds-props-helpers';\nimport { Position } from './positions';\nimport { Interaction } from './interaction';\n\nexport const popperProps = {\n /** Hide menu component if trigger component is not visible/scrolled away */\n hideIfNotVisible: PropTypes.bool.description('Hide menu component if trigger component is not visible/scrolled away'),\n /** props to inject to popper wrapper */\n containerProps: PropTypes.object.description('props to inject to popper wrapper'),\n /** Space between the arrow and the popup */\n arrowGap: PropTypes.number.description('Space between the arrow and the popup'),\n /** callback for when menu changes from close to open */\n onOpen: PropTypes.func.description('callback for when menu changes from close to open'),\n /** callback for when menu changes from open to close */\n onClose: PropTypes.func.description('callback for when menu changes from open to close'),\n /** Time in ms to delay close of menu */\n delayClose: PropTypes.number.description('Time in ms to delay close of menu'),\n /** Time in ms to delay open of menu */\n delayOpen: PropTypes.number.description('Time in ms to delay open of menu'),\n /** callback for when menu changes placement */\n onPlacementChange: PropTypes.func.description('callback for when menu changes placement'),\n /** Arrow size */\n arrowSize: PropTypes.number.description('Arrow size'),\n /** Bem blockname for the popper */\n blockName: PropTypes.oneOfType([PropTypes.string, PropTypes.object]).description('Bem blockname for the popper'),\n triggerComponent: PropTypes.element.description(\n `The component that will open/close the tooltip. \n Cannot be used with disabled elements. \n https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled`,\n ).isRequired,\n};\n\nexport const defaultProps = {\n containerProps: {},\n arrowGap: 8,\n arrowSize: 6,\n blockName: '',\n contentOffset: null,\n contentStyle: null,\n contentComponent: () => null,\n delayClose: 300,\n delayOpen: 200,\n interactionType: Interaction.CLICK,\n onOpen: () => null,\n onClose: () => null,\n onPlacementChange: () => null,\n placement: Position.BOTTOM,\n preventOverflow: 'window',\n showArrow: true,\n closeAnimationConfig: {\n to: { transform: 'scale(0.8)', opacity: '0' },\n config: { delay: 80, duration: 80 },\n },\n openAnimationConfig: {\n to: { transform: 'scale(1)', opacity: '1' },\n config: { delay: 80, duration: 80 },\n },\n usePortal: true,\n triggerComponent: () => null,\n getTargetFromChildren: () => null,\n getContentFromChildren: () => null,\n modifiers: {},\n triggerRef: () => null,\n hideIfNotVisible: false,\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA0B;AAC1B,uBAAyB;AACzB,yBAA4B;AAErB,MAAM,cAAc;AAAA,EAEzB,kBAAkB,kCAAU,KAAK,YAAY,uEAAuE;AAAA,EAEpH,gBAAgB,kCAAU,OAAO,YAAY,mCAAmC;AAAA,EAEhF,UAAU,kCAAU,OAAO,YAAY,uCAAuC;AAAA,EAE9E,QAAQ,kCAAU,KAAK,YAAY,mDAAmD;AAAA,EAEtF,SAAS,kCAAU,KAAK,YAAY,mDAAmD;AAAA,EAEvF,YAAY,kCAAU,OAAO,YAAY,mCAAmC;AAAA,EAE5E,WAAW,kCAAU,OAAO,YAAY,kCAAkC;AAAA,EAE1E,mBAAmB,kCAAU,KAAK,YAAY,0CAA0C;AAAA,EAExF,WAAW,kCAAU,OAAO,YAAY,YAAY;AAAA,EAEpD,WAAW,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,MAAM,CAAC,EAAE,YAAY,8BAA8B;AAAA,EAC/G,kBAAkB,kCAAU,QAAQ;AAAA,IAClC;AAAA;AAAA;AAAA,EAGF,EAAE;AACJ;AAEO,MAAM,eAAe;AAAA,EAC1B,gBAAgB,CAAC;AAAA,EACjB,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AAAA,EACX,eAAe;AAAA,EACf,cAAc;AAAA,EACd,kBAAkB,MAAM;AAAA,EACxB,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,iBAAiB,+BAAY;AAAA,EAC7B,QAAQ,MAAM;AAAA,EACd,SAAS,MAAM;AAAA,EACf,mBAAmB,MAAM;AAAA,EACzB,WAAW,0BAAS;AAAA,EACpB,iBAAiB;AAAA,EACjB,WAAW;AAAA,EACX,sBAAsB;AAAA,IACpB,IAAI,EAAE,WAAW,cAAc,SAAS,IAAI;AAAA,IAC5C,QAAQ,EAAE,OAAO,IAAI,UAAU,GAAG;AAAA,EACpC;AAAA,EACA,qBAAqB;AAAA,IACnB,IAAI,EAAE,WAAW,YAAY,SAAS,IAAI;AAAA,IAC1C,QAAQ,EAAE,OAAO,IAAI,UAAU,GAAG;AAAA,EACpC;AAAA,EACA,WAAW;AAAA,EACX,kBAAkB,MAAM;AAAA,EACxB,uBAAuB,MAAM;AAAA,EAC7B,wBAAwB,MAAM;AAAA,EAC9B,WAAW,CAAC;AAAA,EACZ,YAAY,MAAM;AAAA,EAClB,kBAAkB;AACpB;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/DSPopper.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
|
-
import { describe } from "@elliemae/ds-
|
|
3
|
+
import { describe } from "@elliemae/ds-props-helpers";
|
|
4
4
|
import PopperImpl from "./PopperImpl";
|
|
5
5
|
import { Position } from "./positions";
|
|
6
6
|
import { Interaction } from "./interaction";
|
package/dist/esm/DSPopper.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSPopper.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\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;\nDSPopper.displayName = 'DSPopper';\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"],
|
|
5
5
|
"mappings": "AAAA,YAAY,WAAW;ACwCrB;AAvCF,SAAS,gBAAgB;AACzB,OAAO,gBAAgB;AACvB,SAAS,gBAAgB;AACzB,SAAS,mBAAmB;AAC5B,SAAS,aAAa,oBAAoB;AAE1C,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;AACF,MACE;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEC;AAAA;AACH;AAIF,SAAS,YAAY;AACrB,SAAS,eAAe;AACxB,SAAS,cAAc;AACvB,MAAM,qBAAqB,SAAS,QAAQ;AAC5C,mBAAmB,YAAY;AAI/B,SAAS,oBAAoB;AAC7B,SAAS,iBAAiB;AAE1B,IAAO,mBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/props.js
CHANGED
package/dist/esm/props.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/props.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-props-helpers';\nimport { Position } from './positions';\nimport { Interaction } from './interaction';\n\nexport const popperProps = {\n /** Hide menu component if trigger component is not visible/scrolled away */\n hideIfNotVisible: PropTypes.bool.description('Hide menu component if trigger component is not visible/scrolled away'),\n /** props to inject to popper wrapper */\n containerProps: PropTypes.object.description('props to inject to popper wrapper'),\n /** Space between the arrow and the popup */\n arrowGap: PropTypes.number.description('Space between the arrow and the popup'),\n /** callback for when menu changes from close to open */\n onOpen: PropTypes.func.description('callback for when menu changes from close to open'),\n /** callback for when menu changes from open to close */\n onClose: PropTypes.func.description('callback for when menu changes from open to close'),\n /** Time in ms to delay close of menu */\n delayClose: PropTypes.number.description('Time in ms to delay close of menu'),\n /** Time in ms to delay open of menu */\n delayOpen: PropTypes.number.description('Time in ms to delay open of menu'),\n /** callback for when menu changes placement */\n onPlacementChange: PropTypes.func.description('callback for when menu changes placement'),\n /** Arrow size */\n arrowSize: PropTypes.number.description('Arrow size'),\n /** Bem blockname for the popper */\n blockName: PropTypes.oneOfType([PropTypes.string, PropTypes.object]).description('Bem blockname for the popper'),\n triggerComponent: PropTypes.element.description(\n `The component that will open/close the tooltip. \n Cannot be used with disabled elements. \n https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled`,\n ).isRequired,\n};\n\nexport const defaultProps = {\n containerProps: {},\n arrowGap: 8,\n arrowSize: 6,\n blockName: '',\n contentOffset: null,\n contentStyle: null,\n contentComponent: () => null,\n delayClose: 300,\n delayOpen: 200,\n interactionType: Interaction.CLICK,\n onOpen: () => null,\n onClose: () => null,\n onPlacementChange: () => null,\n placement: Position.BOTTOM,\n preventOverflow: 'window',\n showArrow: true,\n closeAnimationConfig: {\n to: { transform: 'scale(0.8)', opacity: '0' },\n config: { delay: 80, duration: 80 },\n },\n openAnimationConfig: {\n to: { transform: 'scale(1)', opacity: '1' },\n config: { delay: 80, duration: 80 },\n },\n usePortal: true,\n triggerComponent: () => null,\n getTargetFromChildren: () => null,\n getContentFromChildren: () => null,\n modifiers: {},\n triggerRef: () => null,\n hideIfNotVisible: false,\n};\n"],
|
|
5
5
|
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAC1B,SAAS,gBAAgB;AACzB,SAAS,mBAAmB;AAErB,MAAM,cAAc;AAAA,EAEzB,kBAAkB,UAAU,KAAK,YAAY,uEAAuE;AAAA,EAEpH,gBAAgB,UAAU,OAAO,YAAY,mCAAmC;AAAA,EAEhF,UAAU,UAAU,OAAO,YAAY,uCAAuC;AAAA,EAE9E,QAAQ,UAAU,KAAK,YAAY,mDAAmD;AAAA,EAEtF,SAAS,UAAU,KAAK,YAAY,mDAAmD;AAAA,EAEvF,YAAY,UAAU,OAAO,YAAY,mCAAmC;AAAA,EAE5E,WAAW,UAAU,OAAO,YAAY,kCAAkC;AAAA,EAE1E,mBAAmB,UAAU,KAAK,YAAY,0CAA0C;AAAA,EAExF,WAAW,UAAU,OAAO,YAAY,YAAY;AAAA,EAEpD,WAAW,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE,YAAY,8BAA8B;AAAA,EAC/G,kBAAkB,UAAU,QAAQ;AAAA,IAClC;AAAA;AAAA;AAAA,EAGF,EAAE;AACJ;AAEO,MAAM,eAAe;AAAA,EAC1B,gBAAgB,CAAC;AAAA,EACjB,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AAAA,EACX,eAAe;AAAA,EACf,cAAc;AAAA,EACd,kBAAkB,MAAM;AAAA,EACxB,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,iBAAiB,YAAY;AAAA,EAC7B,QAAQ,MAAM;AAAA,EACd,SAAS,MAAM;AAAA,EACf,mBAAmB,MAAM;AAAA,EACzB,WAAW,SAAS;AAAA,EACpB,iBAAiB;AAAA,EACjB,WAAW;AAAA,EACX,sBAAsB;AAAA,IACpB,IAAI,EAAE,WAAW,cAAc,SAAS,IAAI;AAAA,IAC5C,QAAQ,EAAE,OAAO,IAAI,UAAU,GAAG;AAAA,EACpC;AAAA,EACA,qBAAqB;AAAA,IACnB,IAAI,EAAE,WAAW,YAAY,SAAS,IAAI;AAAA,IAC1C,QAAQ,EAAE,OAAO,IAAI,UAAU,GAAG;AAAA,EACpC;AAAA,EACA,WAAW;AAAA,EACX,kBAAkB,MAAM;AAAA,EACxB,uBAAuB,MAAM;AAAA,EAC7B,wBAAwB,MAAM;AAAA,EAC9B,WAAW,CAAC;AAAA,EACZ,YAAY,MAAM;AAAA,EAClB,kBAAkB;AACpB;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/types/DSPopper.d.ts
CHANGED
|
@@ -35,17 +35,17 @@ declare const DSPopper: {
|
|
|
35
35
|
hideIfNotVisible: any;
|
|
36
36
|
}): JSX.Element;
|
|
37
37
|
propTypes: {
|
|
38
|
-
hideIfNotVisible: import("@elliemae/ds-
|
|
39
|
-
containerProps: import("@elliemae/ds-
|
|
40
|
-
arrowGap: import("@elliemae/ds-
|
|
41
|
-
onOpen: import("@elliemae/ds-
|
|
42
|
-
onClose: import("@elliemae/ds-
|
|
43
|
-
delayClose: import("@elliemae/ds-
|
|
44
|
-
delayOpen: import("@elliemae/ds-
|
|
45
|
-
onPlacementChange: import("@elliemae/ds-
|
|
46
|
-
arrowSize: import("@elliemae/ds-
|
|
47
|
-
blockName: import("@elliemae/ds-
|
|
48
|
-
triggerComponent: import("@elliemae/ds-
|
|
38
|
+
hideIfNotVisible: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
39
|
+
containerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
40
|
+
arrowGap: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
41
|
+
onOpen: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
42
|
+
onClose: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
43
|
+
delayClose: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
44
|
+
delayOpen: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
45
|
+
onPlacementChange: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
46
|
+
arrowSize: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
47
|
+
blockName: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
48
|
+
triggerComponent: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
49
49
|
};
|
|
50
50
|
defaultProps: {
|
|
51
51
|
containerProps: {};
|
|
@@ -94,7 +94,7 @@ declare const DSPopper: {
|
|
|
94
94
|
};
|
|
95
95
|
displayName: string;
|
|
96
96
|
};
|
|
97
|
-
declare const DSPopperWithSchema: import("@elliemae/ds-
|
|
97
|
+
declare const DSPopperWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").DocumentedReactComponent<{
|
|
98
98
|
containerProps: any;
|
|
99
99
|
arrowGap: any;
|
|
100
100
|
arrowSize: any;
|
package/dist/types/props.d.ts
CHANGED
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
export declare const popperProps: {
|
|
2
2
|
/** Hide menu component if trigger component is not visible/scrolled away */
|
|
3
|
-
hideIfNotVisible: import("@elliemae/ds-
|
|
3
|
+
hideIfNotVisible: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
4
4
|
/** props to inject to popper wrapper */
|
|
5
|
-
containerProps: import("@elliemae/ds-
|
|
5
|
+
containerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
6
6
|
/** Space between the arrow and the popup */
|
|
7
|
-
arrowGap: import("@elliemae/ds-
|
|
7
|
+
arrowGap: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
8
8
|
/** callback for when menu changes from close to open */
|
|
9
|
-
onOpen: import("@elliemae/ds-
|
|
9
|
+
onOpen: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
10
10
|
/** callback for when menu changes from open to close */
|
|
11
|
-
onClose: import("@elliemae/ds-
|
|
11
|
+
onClose: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
12
12
|
/** Time in ms to delay close of menu */
|
|
13
|
-
delayClose: import("@elliemae/ds-
|
|
13
|
+
delayClose: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
14
14
|
/** Time in ms to delay open of menu */
|
|
15
|
-
delayOpen: import("@elliemae/ds-
|
|
15
|
+
delayOpen: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
16
16
|
/** callback for when menu changes placement */
|
|
17
|
-
onPlacementChange: import("@elliemae/ds-
|
|
17
|
+
onPlacementChange: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
18
18
|
/** Arrow size */
|
|
19
|
-
arrowSize: import("@elliemae/ds-
|
|
19
|
+
arrowSize: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
20
20
|
/** Bem blockname for the popper */
|
|
21
|
-
blockName: import("@elliemae/ds-
|
|
22
|
-
triggerComponent: import("@elliemae/ds-
|
|
21
|
+
blockName: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
22
|
+
triggerComponent: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
23
23
|
};
|
|
24
24
|
export declare const defaultProps: {
|
|
25
25
|
containerProps: {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-popper",
|
|
3
|
-
"version": "3.16.0-next.
|
|
3
|
+
"version": "3.16.0-next.3",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Popper",
|
|
6
6
|
"files": [
|
|
@@ -67,9 +67,10 @@
|
|
|
67
67
|
"memoize-one": "~6.0.0",
|
|
68
68
|
"react-spring": "~8.0.27",
|
|
69
69
|
"styled-components": "~5.3.6",
|
|
70
|
-
"@elliemae/ds-overlay": "3.16.0-next.
|
|
71
|
-
"@elliemae/ds-
|
|
72
|
-
"@elliemae/ds-
|
|
70
|
+
"@elliemae/ds-overlay": "3.16.0-next.3",
|
|
71
|
+
"@elliemae/ds-props-helpers": "3.16.0-next.3",
|
|
72
|
+
"@elliemae/ds-system": "3.16.0-next.3",
|
|
73
|
+
"@elliemae/ds-utilities": "3.16.0-next.3"
|
|
73
74
|
},
|
|
74
75
|
"peerDependencies": {
|
|
75
76
|
"react": "^17.0.2",
|
|
@@ -86,7 +87,7 @@
|
|
|
86
87
|
"eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../.eslintrc.js' src/",
|
|
87
88
|
"dts": "node ../../scripts/dts.mjs",
|
|
88
89
|
"build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
|
|
89
|
-
"dev:build": "pnpm --filter {.}... build
|
|
90
|
+
"dev:build": "pnpm --filter {.}... build",
|
|
90
91
|
"dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
|
|
91
92
|
"checkDeps": "npx -yes ../ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
|
|
92
93
|
}
|