@workday/canvas-kit-react 7.0.0-alpha.80-next.8 → 7.0.0-alpha.81-next.9

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 (10) hide show
  1. package/dist/commonjs/popup/lib/Popper.d.ts +1 -9
  2. package/dist/commonjs/popup/lib/Popper.d.ts.map +1 -1
  3. package/dist/commonjs/popup/lib/Popper.js +2 -2
  4. package/dist/es6/popup/lib/Popper.d.ts +1 -9
  5. package/dist/es6/popup/lib/Popper.d.ts.map +1 -1
  6. package/dist/es6/popup/lib/Popper.js +2 -2
  7. package/package.json +5 -5
  8. package/popup/lib/Popper.tsx +2 -11
  9. package/ts3.5/dist/commonjs/popup/lib/Popper.d.ts +1 -9
  10. package/ts3.5/dist/es6/popup/lib/Popper.d.ts +1 -9
package/dist/commonjs/popup/lib/Popper.d.ts CHANGED
@@ -18,14 +18,6 @@ export interface PopperProps {
18
18
  children: ((props: {
19
19
  placement: Placement;
20
20
  }) => React.ReactNode) | React.ReactNode;
21
- /**
22
- * The element that contains the portal children when `portal` is true. It is best to not define
23
- * this unless you know what you're doing. Popper works with a PopupStack and in order for
24
- * z-indexes to work correctly, all Popups on your page should live on the same root element
25
- * otherwise you risk running into rendering issues:
26
- * https://philipwalton.com/articles/what-no-one-told-you-about-z-index/
27
- */
28
- containerElement?: Element | null;
29
21
  /**
30
22
  * When provided, this optional callback will be used to determine positioning for the Popper element
31
23
  * instead of calling `getBoundingClientRect` on the `anchorElement` prop. Use this when you need
@@ -58,7 +50,7 @@ export interface PopperProps {
58
50
  */
59
51
  popperOptions?: Partial<PopperOptions>;
60
52
  /**
61
- * If true, attach the Popper to the `containerElement`. If false, render the Popper within the
53
+ * If false, render the Popper within the
62
54
  * DOM hierarchy of its parent. A non-portal Popper will constrained by the parent container
63
55
  * overflows. If you set this to `false`, you may experience issues where you content gets cut off
64
56
  * by scrollbars or `overflow: hidden`
package/dist/commonjs/popup/lib/Popper.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Popper.d.ts","sourceRoot":"","sources":["../../../../popup/lib/Popper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,QAAQ,MAAM,gBAAgB,CAAC;AAE3C,oBAAY,SAAS,GAAG,QAAQ,CAAC,SAAS,CAAC;AAC3C,oBAAY,aAAa,GAAG,QAAQ,CAAC,OAAO,CAAC;AAK7C,MAAM,WAAW,WAAW;IAC1B;;;;OAIG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,GAAG,OAAO,GAAG,IAAI,CAAC;IAC1D;;;;;OAKG;IACH,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAE;QAAC,SAAS,EAAE,SAAS,CAAA;KAAC,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;IACjF;;;;;;OAMG;IACH,gBAAgB,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAClC;;;;;;OAMG;IACH,mBAAmB,CAAC,EAAE,MAAM,OAAO,CAAC;IACpC;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;;OAKG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACnD;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IACvC;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;CAClD;AAED,eAAO,MAAM,MAAM,oFAQlB,CAAC"}
1
+ {"version":3,"file":"Popper.d.ts","sourceRoot":"","sources":["../../../../popup/lib/Popper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,QAAQ,MAAM,gBAAgB,CAAC;AAE3C,oBAAY,SAAS,GAAG,QAAQ,CAAC,SAAS,CAAC;AAC3C,oBAAY,aAAa,GAAG,QAAQ,CAAC,OAAO,CAAC;AAK7C,MAAM,WAAW,WAAW;IAC1B;;;;OAIG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,GAAG,OAAO,GAAG,IAAI,CAAC;IAC1D;;;;;OAKG;IACH,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAE;QAAC,SAAS,EAAE,SAAS,CAAA;KAAC,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;IACjF;;;;;;OAMG;IACH,mBAAmB,CAAC,EAAE,MAAM,OAAO,CAAC;IACpC;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;;OAKG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACnD;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IACvC;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;CAClD;AAED,eAAO,MAAM,MAAM,oFAQlB,CAAC"}
package/dist/commonjs/popup/lib/Popper.js CHANGED
@@ -77,7 +77,7 @@ var defaultPopperOptions = {};
77
77
  // Popper bails early if `open` is false and React hooks cannot be called conditionally,
78
78
  // so we're breaking out the open version into another component.
79
79
  var OpenPopper = React.forwardRef(function (_a, ref) {
80
- var anchorElement = _a.anchorElement, getAnchorClientRect = _a.getAnchorClientRect, _b = _a.popperOptions, popperOptions = _b === void 0 ? defaultPopperOptions : _b, _c = _a.placement, popperPlacement = _c === void 0 ? 'bottom' : _c, onPlacementChange = _a.onPlacementChange, children = _a.children, portal = _a.portal, containerElement = _a.containerElement, popperInstanceRef = _a.popperInstanceRef;
80
+ var anchorElement = _a.anchorElement, getAnchorClientRect = _a.getAnchorClientRect, _b = _a.popperOptions, popperOptions = _b === void 0 ? defaultPopperOptions : _b, _c = _a.placement, popperPlacement = _c === void 0 ? 'bottom' : _c, onPlacementChange = _a.onPlacementChange, children = _a.children, portal = _a.portal, popperInstanceRef = _a.popperInstanceRef;
81
81
  var firstRender = React.useRef(true);
82
82
  var _d = common_1.useLocalRef(popperInstanceRef), localRef = _d.localRef, elementRef = _d.elementRef;
83
83
  var _e = React.useState(popperPlacement), placement = _e[0], setPlacement = _e[1];
@@ -128,7 +128,7 @@ var OpenPopper = React.forwardRef(function (_a, ref) {
128
128
  if (!portal) {
129
129
  return contents;
130
130
  }
131
- return ReactDOM.createPortal(contents, containerElement || stackRef.current);
131
+ return ReactDOM.createPortal(contents, stackRef.current);
132
132
  });
133
133
  // Typescript threw an error about non-callable signatures. Using typeof as a 'function' returns
134
134
  // a type of `Function` which isn't descriptive enough for Typescript. We don't do any detection
package/dist/es6/popup/lib/Popper.d.ts CHANGED
@@ -18,14 +18,6 @@ export interface PopperProps {
18
18
  children: ((props: {
19
19
  placement: Placement;
20
20
  }) => React.ReactNode) | React.ReactNode;
21
- /**
22
- * The element that contains the portal children when `portal` is true. It is best to not define
23
- * this unless you know what you're doing. Popper works with a PopupStack and in order for
24
- * z-indexes to work correctly, all Popups on your page should live on the same root element
25
- * otherwise you risk running into rendering issues:
26
- * https://philipwalton.com/articles/what-no-one-told-you-about-z-index/
27
- */
28
- containerElement?: Element | null;
29
21
  /**
30
22
  * When provided, this optional callback will be used to determine positioning for the Popper element
31
23
  * instead of calling `getBoundingClientRect` on the `anchorElement` prop. Use this when you need
@@ -58,7 +50,7 @@ export interface PopperProps {
58
50
  */
59
51
  popperOptions?: Partial<PopperOptions>;
60
52
  /**
61
- * If true, attach the Popper to the `containerElement`. If false, render the Popper within the
53
+ * If false, render the Popper within the
62
54
  * DOM hierarchy of its parent. A non-portal Popper will constrained by the parent container
63
55
  * overflows. If you set this to `false`, you may experience issues where you content gets cut off
64
56
  * by scrollbars or `overflow: hidden`
package/dist/es6/popup/lib/Popper.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Popper.d.ts","sourceRoot":"","sources":["../../../../popup/lib/Popper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,QAAQ,MAAM,gBAAgB,CAAC;AAE3C,oBAAY,SAAS,GAAG,QAAQ,CAAC,SAAS,CAAC;AAC3C,oBAAY,aAAa,GAAG,QAAQ,CAAC,OAAO,CAAC;AAK7C,MAAM,WAAW,WAAW;IAC1B;;;;OAIG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,GAAG,OAAO,GAAG,IAAI,CAAC;IAC1D;;;;;OAKG;IACH,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAE;QAAC,SAAS,EAAE,SAAS,CAAA;KAAC,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;IACjF;;;;;;OAMG;IACH,gBAAgB,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAClC;;;;;;OAMG;IACH,mBAAmB,CAAC,EAAE,MAAM,OAAO,CAAC;IACpC;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;;OAKG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACnD;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IACvC;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;CAClD;AAED,eAAO,MAAM,MAAM,oFAQlB,CAAC"}
1
+ {"version":3,"file":"Popper.d.ts","sourceRoot":"","sources":["../../../../popup/lib/Popper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,QAAQ,MAAM,gBAAgB,CAAC;AAE3C,oBAAY,SAAS,GAAG,QAAQ,CAAC,SAAS,CAAC;AAC3C,oBAAY,aAAa,GAAG,QAAQ,CAAC,OAAO,CAAC;AAK7C,MAAM,WAAW,WAAW;IAC1B;;;;OAIG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,GAAG,OAAO,GAAG,IAAI,CAAC;IAC1D;;;;;OAKG;IACH,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAE;QAAC,SAAS,EAAE,SAAS,CAAA;KAAC,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;IACjF;;;;;;OAMG;IACH,mBAAmB,CAAC,EAAE,MAAM,OAAO,CAAC;IACpC;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;;OAKG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACnD;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IACvC;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;CAClD;AAED,eAAO,MAAM,MAAM,oFAQlB,CAAC"}
package/dist/es6/popup/lib/Popper.js CHANGED
@@ -55,7 +55,7 @@ var defaultPopperOptions = {};
55
55
  // Popper bails early if `open` is false and React hooks cannot be called conditionally,
56
56
  // so we're breaking out the open version into another component.
57
57
  var OpenPopper = React.forwardRef(function (_a, ref) {
58
- var anchorElement = _a.anchorElement, getAnchorClientRect = _a.getAnchorClientRect, _b = _a.popperOptions, popperOptions = _b === void 0 ? defaultPopperOptions : _b, _c = _a.placement, popperPlacement = _c === void 0 ? 'bottom' : _c, onPlacementChange = _a.onPlacementChange, children = _a.children, portal = _a.portal, containerElement = _a.containerElement, popperInstanceRef = _a.popperInstanceRef;
58
+ var anchorElement = _a.anchorElement, getAnchorClientRect = _a.getAnchorClientRect, _b = _a.popperOptions, popperOptions = _b === void 0 ? defaultPopperOptions : _b, _c = _a.placement, popperPlacement = _c === void 0 ? 'bottom' : _c, onPlacementChange = _a.onPlacementChange, children = _a.children, portal = _a.portal, popperInstanceRef = _a.popperInstanceRef;
59
59
  var firstRender = React.useRef(true);
60
60
  var _d = useLocalRef(popperInstanceRef), localRef = _d.localRef, elementRef = _d.elementRef;
61
61
  var _e = React.useState(popperPlacement), placement = _e[0], setPlacement = _e[1];
@@ -106,7 +106,7 @@ var OpenPopper = React.forwardRef(function (_a, ref) {
106
106
  if (!portal) {
107
107
  return contents;
108
108
  }
109
- return ReactDOM.createPortal(contents, containerElement || stackRef.current);
109
+ return ReactDOM.createPortal(contents, stackRef.current);
110
110
  });
111
111
  // Typescript threw an error about non-callable signatures. Using typeof as a 'function' returns
112
112
  // a type of `Function` which isn't descriptive enough for Typescript. We don't do any detection
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-kit-react",
3
- "version": "7.0.0-alpha.80-next.8+3b8329ea",
3
+ "version": "7.0.0-alpha.81-next.9+5f4eca7e",
4
4
  "description": "The parent module that contains all Workday Canvas Kit React components",
5
5
  "author": "Workday, Inc. (https://www.workday.com)",
6
6
  "license": "Apache-2.0",
@@ -57,9 +57,9 @@
57
57
  "@emotion/styled": "^11.6.0",
58
58
  "@popperjs/core": "^2.5.4",
59
59
  "@workday/canvas-colors-web": "^2.0.0",
60
- "@workday/canvas-kit-labs-react": "^7.0.0-alpha.80-next.8+3b8329ea",
61
- "@workday/canvas-kit-popup-stack": "^7.0.0-alpha.80-next.8+3b8329ea",
62
- "@workday/canvas-kit-preview-react": "^7.0.0-alpha.80-next.8+3b8329ea",
60
+ "@workday/canvas-kit-labs-react": "^7.0.0-alpha.81-next.9+5f4eca7e",
61
+ "@workday/canvas-kit-popup-stack": "^7.0.0-alpha.81-next.9+5f4eca7e",
62
+ "@workday/canvas-kit-preview-react": "^7.0.0-alpha.81-next.9+5f4eca7e",
63
63
  "@workday/canvas-system-icons-web": "1.0.41",
64
64
  "@workday/design-assets-types": "^0.2.4",
65
65
  "chroma-js": "^2.1.0",
@@ -77,5 +77,5 @@
77
77
  "@workday/canvas-accent-icons-web": "^1.0.0",
78
78
  "@workday/canvas-applet-icons-web": "^0.17.50"
79
79
  },
80
- "gitHead": "3b8329ea5b2bf21433f650155898b5b15c36a675"
80
+ "gitHead": "5f4eca7e47351f920cb283c1a1fa16b9ef76b6e5"
81
81
  }
package/popup/lib/Popper.tsx CHANGED
@@ -22,14 +22,6 @@ export interface PopperProps {
22
22
  * `anchorElement`.
23
23
  */
24
24
  children: ((props: {placement: Placement}) => React.ReactNode) | React.ReactNode;
25
- /**
26
- * The element that contains the portal children when `portal` is true. It is best to not define
27
- * this unless you know what you're doing. Popper works with a PopupStack and in order for
28
- * z-indexes to work correctly, all Popups on your page should live on the same root element
29
- * otherwise you risk running into rendering issues:
30
- * https://philipwalton.com/articles/what-no-one-told-you-about-z-index/
31
- */
32
- containerElement?: Element | null;
33
25
  /**
34
26
  * When provided, this optional callback will be used to determine positioning for the Popper element
35
27
  * instead of calling `getBoundingClientRect` on the `anchorElement` prop. Use this when you need
@@ -62,7 +54,7 @@ export interface PopperProps {
62
54
  */
63
55
  popperOptions?: Partial<PopperOptions>;
64
56
  /**
65
- * If true, attach the Popper to the `containerElement`. If false, render the Popper within the
57
+ * If false, render the Popper within the
66
58
  * DOM hierarchy of its parent. A non-portal Popper will constrained by the parent container
67
59
  * overflows. If you set this to `false`, you may experience issues where you content gets cut off
68
60
  * by scrollbars or `overflow: hidden`
@@ -113,7 +105,6 @@ const OpenPopper = React.forwardRef<HTMLDivElement, PopperProps>(
113
105
  onPlacementChange,
114
106
  children,
115
107
  portal,
116
- containerElement,
117
108
  popperInstanceRef,
118
109
  }: PopperProps,
119
110
  ref
@@ -185,7 +176,7 @@ const OpenPopper = React.forwardRef<HTMLDivElement, PopperProps>(
185
176
  return contents;
186
177
  }
187
178
 
188
- return ReactDOM.createPortal(contents, containerElement || stackRef.current!);
179
+ return ReactDOM.createPortal(contents, stackRef.current!);
189
180
  }
190
181
  );
191
182
 
package/ts3.5/dist/commonjs/popup/lib/Popper.d.ts CHANGED
@@ -18,14 +18,6 @@ export interface PopperProps {
18
18
  children: ((props: {
19
19
  placement: Placement;
20
20
  }) => React.ReactNode) | React.ReactNode;
21
- /**
22
- * The element that contains the portal children when `portal` is true. It is best to not define
23
- * this unless you know what you're doing. Popper works with a PopupStack and in order for
24
- * z-indexes to work correctly, all Popups on your page should live on the same root element
25
- * otherwise you risk running into rendering issues:
26
- * https://philipwalton.com/articles/what-no-one-told-you-about-z-index/
27
- */
28
- containerElement?: Element | null;
29
21
  /**
30
22
  * When provided, this optional callback will be used to determine positioning for the Popper element
31
23
  * instead of calling `getBoundingClientRect` on the `anchorElement` prop. Use this when you need
@@ -58,7 +50,7 @@ export interface PopperProps {
58
50
  */
59
51
  popperOptions?: Partial<PopperOptions>;
60
52
  /**
61
- * If true, attach the Popper to the `containerElement`. If false, render the Popper within the
53
+ * If false, render the Popper within the
62
54
  * DOM hierarchy of its parent. A non-portal Popper will constrained by the parent container
63
55
  * overflows. If you set this to `false`, you may experience issues where you content gets cut off
64
56
  * by scrollbars or `overflow: hidden`
package/ts3.5/dist/es6/popup/lib/Popper.d.ts CHANGED
@@ -18,14 +18,6 @@ export interface PopperProps {
18
18
  children: ((props: {
19
19
  placement: Placement;
20
20
  }) => React.ReactNode) | React.ReactNode;
21
- /**
22
- * The element that contains the portal children when `portal` is true. It is best to not define
23
- * this unless you know what you're doing. Popper works with a PopupStack and in order for
24
- * z-indexes to work correctly, all Popups on your page should live on the same root element
25
- * otherwise you risk running into rendering issues:
26
- * https://philipwalton.com/articles/what-no-one-told-you-about-z-index/
27
- */
28
- containerElement?: Element | null;
29
21
  /**
30
22
  * When provided, this optional callback will be used to determine positioning for the Popper element
31
23
  * instead of calling `getBoundingClientRect` on the `anchorElement` prop. Use this when you need
@@ -58,7 +50,7 @@ export interface PopperProps {
58
50
  */
59
51
  popperOptions?: Partial<PopperOptions>;
60
52
  /**
61
- * If true, attach the Popper to the `containerElement`. If false, render the Popper within the
53
+ * If false, render the Popper within the
62
54
  * DOM hierarchy of its parent. A non-portal Popper will constrained by the parent container
63
55
  * overflows. If you set this to `false`, you may experience issues where you content gets cut off
64
56
  * by scrollbars or `overflow: hidden`