@toptal/picasso-popper 2.0.1-alpha-FF-NULL-update-engine-99d50cb19.0 → 2.0.1-alpha-MP-669-remove-more-default-props-446d06dc3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popper.d.ts","sourceRoot":"","sources":["../../../src/Popper/Popper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAiC,MAAM,OAAO,CAAA;AAErD,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAC/D,OAAO,KAAK,QAAQ,MAAM,WAAW,CAAA;AACrC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAOvD,oBAAY,mBAAmB,GAC3B,YAAY,GACZ,cAAc,GACd,QAAQ,GACR,UAAU,GACV,YAAY,GACZ,MAAM,GACN,WAAW,GACX,aAAa,GACb,OAAO,GACP,SAAS,GACT,WAAW,GACX,KAAK,CAAA;AAET,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,qCAAqC;IACrC,IAAI,EAAE,OAAO,CAAA;IACb,sFAAsF;IACtF,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,uBAAuB;IACvB,SAAS,CAAC,EAAE,mBAAmB,CAAA;IAC/B,iDAAiD;IACjD,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,+CAA+C;IAC/C,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;;OAIG;IACH,SAAS,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,CAAA;IAC7C;;;OAGG;IACH,QAAQ,EAAE,IAAI,GAAG,eAAe,GAAG,CAAC,MAAM,eAAe,CAAC,CAAA;IAC1D,0DAA0D;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yDAAyD;IACzD,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B;AAoBD,eAAO,MAAM,gBAAgB,kBACZ,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiB5B,CAAA;AAqBF,eAAO,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"Popper.d.ts","sourceRoot":"","sources":["../../../src/Popper/Popper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAiC,MAAM,OAAO,CAAA;AAErD,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAC/D,OAAO,KAAK,QAAQ,MAAM,WAAW,CAAA;AACrC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAOvD,oBAAY,mBAAmB,GAC3B,YAAY,GACZ,cAAc,GACd,QAAQ,GACR,UAAU,GACV,YAAY,GACZ,MAAM,GACN,WAAW,GACX,aAAa,GACb,OAAO,GACP,SAAS,GACT,WAAW,GACX,KAAK,CAAA;AAET,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,qCAAqC;IACrC,IAAI,EAAE,OAAO,CAAA;IACb,sFAAsF;IACtF,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,uBAAuB;IACvB,SAAS,CAAC,EAAE,mBAAmB,CAAA;IAC/B,iDAAiD;IACjD,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,+CAA+C;IAC/C,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;;OAIG;IACH,SAAS,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,CAAA;IAC7C;;;OAGG;IACH,QAAQ,EAAE,IAAI,GAAG,eAAe,GAAG,CAAC,MAAM,eAAe,CAAC,CAAA;IAC1D,0DAA0D;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yDAAyD;IACzD,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B;AAoBD,eAAO,MAAM,gBAAgB,kBACZ,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiB5B,CAAA;AAqBF,eAAO,MAAM,MAAM,wEAyEjB,CAAA;AAIF,eAAe,MAAM,CAAA"}
|
|
@@ -44,8 +44,9 @@ const useWidthStyle = ({ anchorEl, autoWidth, width, }) => {
|
|
|
44
44
|
}
|
|
45
45
|
return {};
|
|
46
46
|
};
|
|
47
|
-
export const Popper = forwardRef(function Popper(
|
|
48
|
-
|
|
47
|
+
export const Popper = forwardRef(function Popper(_a, ref) {
|
|
48
|
+
var { open = false, disablePortal = false, placement = 'bottom', popperOptions = {}, autoWidth = true } = _a, props = __rest(_a, ["open", "disablePortal", "placement", "popperOptions", "autoWidth"]);
|
|
49
|
+
const { children, anchorEl, className, container, keepMounted, width, enableCompactMode, style } = props, rest = __rest(props, ["children", "anchorEl", "className", "container", "keepMounted", "width", "enableCompactMode", "style"]);
|
|
49
50
|
const picassoRootContainer = usePicassoRoot();
|
|
50
51
|
const isInsideModal = useContext(ModalContext);
|
|
51
52
|
const isCompactLayoutResolution = useBreakpoint(['xs', 'sm', 'md']);
|
|
@@ -62,15 +63,8 @@ export const Popper = forwardRef(function Popper(props, ref) {
|
|
|
62
63
|
}
|
|
63
64
|
}, [isCompactLayout, open]);
|
|
64
65
|
const memoizedPopperOptions = React.useMemo(() => getPopperOptions(popperOptions, isInsideModal), [popperOptions, isInsideModal]);
|
|
65
|
-
return (React.createElement(MUIPopper, Object.assign({ open: open, container: container || picassoRootContainer, anchorEl: anchorEl, className: twMerge('z-modal', 'xs:max-md:w-screen xs:max-md:max-w-screen xs:max-md:p-0 xs:max-md:m-0', '[&[x-out-of-boundaries]]:hidden', className), popperRef: ref, popperOptions: memoizedPopperOptions, disablePortal: disablePortal, keepMounted: keepMounted, style: Object.assign(Object.assign({}, style), anchorElWidthStyle) }, rest), children));
|
|
66
|
+
return (React.createElement(MUIPopper, Object.assign({ open: open, container: container || picassoRootContainer, anchorEl: anchorEl, className: twMerge('z-modal', 'xs:max-md:w-screen xs:max-md:max-w-screen xs:max-md:p-0 xs:max-md:m-0', '[&[x-out-of-boundaries]]:hidden', className), popperRef: ref, popperOptions: memoizedPopperOptions, disablePortal: disablePortal, keepMounted: keepMounted, style: Object.assign(Object.assign({}, style), anchorElWidthStyle), placement: placement }, rest), children));
|
|
66
67
|
});
|
|
67
|
-
Popper.defaultProps = {
|
|
68
|
-
open: false,
|
|
69
|
-
disablePortal: false,
|
|
70
|
-
placement: 'bottom',
|
|
71
|
-
popperOptions: {},
|
|
72
|
-
autoWidth: true,
|
|
73
|
-
};
|
|
74
68
|
Popper.displayName = 'Popper';
|
|
75
69
|
export default Popper;
|
|
76
70
|
//# sourceMappingURL=Popper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popper.js","sourceRoot":"","sources":["../../../src/Popper/Popper.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAIvD,OAAO,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAA;AAClE,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAClD,OAAO,YAAY,MAAM,+BAA+B,CAAA;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AA+CxD,MAAM,WAAW,GAAG,CAClB,QAA0D,EAC1D,EAAE,CAAC,CAAC,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAA;AAE7D,MAAM,yBAAyB,GAAG,CAAC,aAAsB,EAAE,EAAE;IAC3D,IAAI,aAAa,EAAE;QACjB,OAAO;YACL,iBAAiB,EAAE,cAAc;YACjC,OAAO,EAAE,CAAC;SACX,CAAA;KACF;IAED,OAAO;QACL,iBAAiB,EAAE,UAAU;QAC7B,OAAO,EAAE,CAAC;KACX,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,aAA4B,EAC5B,aAAa,GAAG,KAAK,EACrB,EAAE;;IAAC,OAAA,iCACA,aAAa,KAEhB,SAAS,kCACJ,aAAa,CAAC,SAAS,KAC1B,IAAI,kBACF,OAAO,EAAE,IAAI,IACV,MAAA,aAAa,CAAC,SAAS,0CAAE,IAAI,GAElC,eAAe,gCACb,OAAO,EAAE,IAAI,IACV,yBAAyB,CAAC,aAAa,CAAC,GACxC,MAAA,aAAa,CAAC,SAAS,0CAAE,eAAe,QAG/C,CAAA;CAAA,CAAA;AAEF,MAAM,aAAa,GAAG,CAAC,EACrB,QAAQ,EACR,SAAS,EACT,KAAK,GAC2C,EAAE,EAAE;IACpD,MAAM,gBAAgB,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAA;IAC9C,MAAM,aAAa,GAAG,UAAU,CAAkB,gBAAgB,CAAC,CAAA;IAEnE,IAAI,KAAK,EAAE;QACT,OAAO,EAAE,KAAK,EAAE,CAAA;KACjB;IAED,IAAI,SAAS,EAAE;QACb,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA;KAChC;IAED,OAAO,EAAE,CAAA;AACX,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAkB,SAAS,MAAM,
|
|
1
|
+
{"version":3,"file":"Popper.js","sourceRoot":"","sources":["../../../src/Popper/Popper.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAIvD,OAAO,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAA;AAClE,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAClD,OAAO,YAAY,MAAM,+BAA+B,CAAA;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AA+CxD,MAAM,WAAW,GAAG,CAClB,QAA0D,EAC1D,EAAE,CAAC,CAAC,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAA;AAE7D,MAAM,yBAAyB,GAAG,CAAC,aAAsB,EAAE,EAAE;IAC3D,IAAI,aAAa,EAAE;QACjB,OAAO;YACL,iBAAiB,EAAE,cAAc;YACjC,OAAO,EAAE,CAAC;SACX,CAAA;KACF;IAED,OAAO;QACL,iBAAiB,EAAE,UAAU;QAC7B,OAAO,EAAE,CAAC;KACX,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,aAA4B,EAC5B,aAAa,GAAG,KAAK,EACrB,EAAE;;IAAC,OAAA,iCACA,aAAa,KAEhB,SAAS,kCACJ,aAAa,CAAC,SAAS,KAC1B,IAAI,kBACF,OAAO,EAAE,IAAI,IACV,MAAA,aAAa,CAAC,SAAS,0CAAE,IAAI,GAElC,eAAe,gCACb,OAAO,EAAE,IAAI,IACV,yBAAyB,CAAC,aAAa,CAAC,GACxC,MAAA,aAAa,CAAC,SAAS,0CAAE,eAAe,QAG/C,CAAA;CAAA,CAAA;AAEF,MAAM,aAAa,GAAG,CAAC,EACrB,QAAQ,EACR,SAAS,EACT,KAAK,GAC2C,EAAE,EAAE;IACpD,MAAM,gBAAgB,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAA;IAC9C,MAAM,aAAa,GAAG,UAAU,CAAkB,gBAAgB,CAAC,CAAA;IAEnE,IAAI,KAAK,EAAE;QACT,OAAO,EAAE,KAAK,EAAE,CAAA;KACjB;IAED,IAAI,SAAS,EAAE;QACb,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA;KAChC;IAED,OAAO,EAAE,CAAA;AACX,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAkB,SAAS,MAAM,CAC/D,EAOC,EACD,GAAG;QARH,EACE,IAAI,GAAG,KAAK,EACZ,aAAa,GAAG,KAAK,EACrB,SAAS,GAAG,QAAQ,EACpB,aAAa,GAAG,EAAE,EAClB,SAAS,GAAG,IAAI,OAEjB,EADI,KAAK,cANV,oEAOC,CADS;IAIV,MAAM,EACJ,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAAS,EACT,WAAW,EACX,KAAK,EACL,iBAAiB,EACjB,KAAK,KAEH,KAAK,EADJ,IAAI,UACL,KAAK,EAVH,wGAUL,CAAQ,CAAA;IAET,MAAM,oBAAoB,GAAG,cAAc,EAAE,CAAA;IAC7C,MAAM,aAAa,GAAG,UAAU,CAAC,YAAY,CAAC,CAAA;IAE9C,MAAM,yBAAyB,GAAG,aAAa,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAA;IACnE,MAAM,eAAe,GAAG,iBAAiB,IAAI,yBAAyB,CAAA;IACtE,MAAM,UAAU,GAAG,aAAa,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAA;IAChE,MAAM,kBAAkB,GAAG,CAAC,eAAe,IAAI,UAAU,CAAA;IAEzD,yBAAyB,CAAC,GAAG,EAAE;QAC7B,IAAI,eAAe,IAAI,IAAI,IAAI,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,KAAK,MAAM,EAAE;YACtE,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAA;YAEzC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,MAAM,CAAA;YAErC,OAAO,GAAG,EAAE;gBACV,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAA;YACrC,CAAC,CAAA;SACF;IACH,CAAC,EAAE,CAAC,eAAe,EAAE,IAAI,CAAC,CAAC,CAAA;IAE3B,MAAM,qBAAqB,GAAG,KAAK,CAAC,OAAO,CACzC,GAAG,EAAE,CAAC,gBAAgB,CAAC,aAAa,EAAE,aAAa,CAAC,EACpD,CAAC,aAAa,EAAE,aAAa,CAAC,CAC/B,CAAA;IAED,OAAO,CACL,oBAAC,SAAS,kBACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,IAAI,oBAAoB,EAC5C,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,OAAO,CAChB,SAAS,EACT,uEAAuE,EACvE,iCAAiC,EACjC,SAAS,CACV,EACD,SAAS,EAAE,GAAG,EACd,aAAa,EAAE,qBAAqB,EACpC,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,KAAK,kCACA,KAAK,GACL,kBAAkB,GAEvB,SAAS,EAAE,SAAS,IAChB,IAAI,GAEP,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE7B,eAAe,MAAM,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@toptal/picasso-popper",
|
|
3
|
-
"version": "2.0.1-alpha-
|
|
3
|
+
"version": "2.0.1-alpha-MP-669-remove-more-default-props-446d06dc3.0",
|
|
4
4
|
"description": "Toptal UI components library - Popper",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -22,19 +22,19 @@
|
|
|
22
22
|
},
|
|
23
23
|
"homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso#readme",
|
|
24
24
|
"dependencies": {
|
|
25
|
-
"@toptal/picasso-shared": "15.0.1-alpha-
|
|
26
|
-
"@toptal/picasso-utils": "3.1.1-alpha-
|
|
27
|
-
"@toptal/picasso-modal-context": "1.0.2-alpha-
|
|
25
|
+
"@toptal/picasso-shared": "15.0.1-alpha-MP-669-remove-more-default-props-446d06dc3.0",
|
|
26
|
+
"@toptal/picasso-utils": "3.1.1-alpha-MP-669-remove-more-default-props-446d06dc3.0",
|
|
27
|
+
"@toptal/picasso-modal-context": "1.0.2-alpha-MP-669-remove-more-default-props-446d06dc3.0"
|
|
28
28
|
},
|
|
29
29
|
"peerDependencies": {
|
|
30
30
|
"@material-ui/core": "4.12.4",
|
|
31
|
-
"@toptal/picasso-provider": "5.0.2-alpha-
|
|
31
|
+
"@toptal/picasso-provider": "5.0.2-alpha-MP-669-remove-more-default-props-446d06dc3.0",
|
|
32
32
|
"react": ">=16.12.0 < 19.0.0",
|
|
33
|
-
"@toptal/picasso-tailwind": "3.0.1-alpha-
|
|
34
|
-
"@toptal/picasso-tailwind-merge": "^2.0.4-alpha-
|
|
33
|
+
"@toptal/picasso-tailwind": "3.0.1-alpha-MP-669-remove-more-default-props-446d06dc3.0",
|
|
34
|
+
"@toptal/picasso-tailwind-merge": "^2.0.4-alpha-MP-669-remove-more-default-props-446d06dc3.0"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
|
-
"@toptal/picasso-provider": "5.0.2-alpha-
|
|
37
|
+
"@toptal/picasso-provider": "5.0.2-alpha-MP-669-remove-more-default-props-446d06dc3.0",
|
|
38
38
|
"popper.js": "^1.16.1"
|
|
39
39
|
},
|
|
40
40
|
"exports": {
|
package/src/Popper/Popper.tsx
CHANGED
|
@@ -112,19 +112,25 @@ const useWidthStyle = ({
|
|
|
112
112
|
return {}
|
|
113
113
|
}
|
|
114
114
|
|
|
115
|
-
export const Popper = forwardRef<PopperJs, Props>(function Popper(
|
|
115
|
+
export const Popper = forwardRef<PopperJs, Props>(function Popper(
|
|
116
|
+
{
|
|
117
|
+
open = false,
|
|
118
|
+
disablePortal = false,
|
|
119
|
+
placement = 'bottom',
|
|
120
|
+
popperOptions = {},
|
|
121
|
+
autoWidth = true,
|
|
122
|
+
...props
|
|
123
|
+
},
|
|
124
|
+
ref
|
|
125
|
+
) {
|
|
116
126
|
const {
|
|
117
127
|
children,
|
|
118
|
-
open,
|
|
119
128
|
anchorEl,
|
|
120
129
|
className,
|
|
121
130
|
container,
|
|
122
|
-
popperOptions = {},
|
|
123
131
|
keepMounted,
|
|
124
|
-
autoWidth,
|
|
125
132
|
width,
|
|
126
133
|
enableCompactMode,
|
|
127
|
-
disablePortal,
|
|
128
134
|
style,
|
|
129
135
|
...rest
|
|
130
136
|
} = props
|
|
@@ -173,6 +179,7 @@ export const Popper = forwardRef<PopperJs, Props>(function Popper(props, ref) {
|
|
|
173
179
|
...style,
|
|
174
180
|
...anchorElWidthStyle,
|
|
175
181
|
}}
|
|
182
|
+
placement={placement}
|
|
176
183
|
{...rest}
|
|
177
184
|
>
|
|
178
185
|
{children}
|
|
@@ -180,14 +187,6 @@ export const Popper = forwardRef<PopperJs, Props>(function Popper(props, ref) {
|
|
|
180
187
|
)
|
|
181
188
|
})
|
|
182
189
|
|
|
183
|
-
Popper.defaultProps = {
|
|
184
|
-
open: false,
|
|
185
|
-
disablePortal: false,
|
|
186
|
-
placement: 'bottom',
|
|
187
|
-
popperOptions: {},
|
|
188
|
-
autoWidth: true,
|
|
189
|
-
}
|
|
190
|
-
|
|
191
190
|
Popper.displayName = 'Popper'
|
|
192
191
|
|
|
193
192
|
export default Popper
|