@os-design/core 1.0.273 → 1.0.275

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 (11) hide show
  1. package/dist/Drawer/index.d.ts.map +1 -1
  2. package/dist/Drawer/index.js +1 -0
  3. package/dist/Modal/index.d.ts.map +1 -1
  4. package/dist/Modal/index.js +1 -0
  5. package/dist/Popover/index.d.ts +5 -0
  6. package/dist/Popover/index.d.ts.map +1 -1
  7. package/dist/Popover/index.js +2 -0
  8. package/package.json +2 -2
  9. package/src/Drawer/index.tsx +1 -0
  10. package/src/Modal/index.tsx +1 -0
  11. package/src/Popover/index.tsx +7 -1
package/dist/Drawer/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Drawer/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,QAAQ,EAId,MAAM,mBAAmB,CAAC;AAG3B,OAAO,KAAsD,MAAM,OAAO,CAAC;AAI3E,KAAK,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;AAC7D,MAAM,WAAW,WAAY,SAAQ,WAAW,EAAE,QAAQ;IACxD;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC7B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAmGD,eAAO,MAAM,cAAc,cAF0B,IAEa,CAAC;AAEnE;;GAEG;AACH,QAAA,MAAM,MAAM,oFAuFX,CAAC;AAIF,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Drawer/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,QAAQ,EAId,MAAM,mBAAmB,CAAC;AAG3B,OAAO,KAAsD,MAAM,OAAO,CAAC;AAI3E,KAAK,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;AAC7D,MAAM,WAAW,WAAY,SAAQ,WAAW,EAAE,QAAQ;IACxD;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC7B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAmGD,eAAO,MAAM,cAAc,cAF0B,IAEa,CAAC;AAEnE;;GAEG;AACH,QAAA,MAAM,MAAM,oFAwFX,CAAC;AAIF,eAAe,MAAM,CAAC"}
package/dist/Drawer/index.js CHANGED
@@ -123,6 +123,7 @@ const Drawer = /*#__PURE__*/forwardRef(({
123
123
  }), /*#__PURE__*/_jsx(Container, {
124
124
  onPointerDown: pointerDownHandler,
125
125
  onPointerUp: pointerUpHandler,
126
+ onClick: e => e.stopPropagation(),
126
127
  children: /*#__PURE__*/_jsx(FocusLock, {
127
128
  autoFocus: false,
128
129
  children: /*#__PURE__*/_jsx(CloseDrawerContext.Provider, {
package/dist/Modal/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Modal/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EACL,KAAK,QAAQ,EAId,MAAM,mBAAmB,CAAC;AAG3B,OAAO,KAQN,MAAM,OAAO,CAAC;AAGf,OAAsB,EAAE,KAAK,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAE3E,KAAK,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;AAC7D,MAAM,WAAW,UAAW,SAAQ,WAAW,EAAE,QAAQ;IACvD;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC;CACnB;AA2BD,KAAK,SAAS,GAAG,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;AAC7C,eAAO,MAAM,SAAS;;SAiFW,MAAO,WAEhC;iGAzEP,CAAC;AAsJF,eAAO,MAAM,aAAa,cAF0B,IAEY,CAAC;AAEjE;;GAEG;AACH,QAAA,MAAM,KAAK,mFAwJV,CAAC;AAIF,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Modal/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EACL,KAAK,QAAQ,EAId,MAAM,mBAAmB,CAAC;AAG3B,OAAO,KAQN,MAAM,OAAO,CAAC;AAGf,OAAsB,EAAE,KAAK,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAE3E,KAAK,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;AAC7D,MAAM,WAAW,UAAW,SAAQ,WAAW,EAAE,QAAQ;IACvD;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC;CACnB;AA2BD,KAAK,SAAS,GAAG,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;AAC7C,eAAO,MAAM,SAAS;;SAiFW,MAAO,WAEhC;iGAzEP,CAAC;AAsJF,eAAO,MAAM,aAAa,cAF0B,IAEY,CAAC;AAEjE;;GAEG;AACH,QAAA,MAAM,KAAK,mFAyJV,CAAC;AAIF,eAAe,KAAK,CAAC"}
package/dist/Modal/index.js CHANGED
@@ -219,6 +219,7 @@ const Modal = /*#__PURE__*/forwardRef(({
219
219
  }), /*#__PURE__*/_jsx(Container, {
220
220
  onPointerDown: pointerDownHandler,
221
221
  onPointerUp: pointerUpHandler,
222
+ onClick: e => e.stopPropagation(),
222
223
  children: /*#__PURE__*/_jsx(FocusLock, {
223
224
  autoFocus: false,
224
225
  children: /*#__PURE__*/_jsx(CloseModalContext.Provider, {
package/dist/Popover/index.d.ts CHANGED
@@ -8,6 +8,11 @@ export interface PopoverProps extends JsxDivProps, WithSize {
8
8
  * @default undefined
9
9
  */
10
10
  trigger?: RefObject<Element> | Rect;
11
+ /**
12
+ * Where the popover will be rendered.
13
+ * @default document.body
14
+ */
15
+ container?: Element | RefObject<Element>;
11
16
  /**
12
17
  * On which side of the element the popover will appear.
13
18
  * @default top
package/dist/Popover/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Popover/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAW9D,OAAO,EAGL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AACf,OAA2B,EACzB,KAAK,SAAS,EACd,KAAK,IAAI,EACV,MAAM,+BAA+B,CAAC;AAEvC,KAAK,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;AAC7D,MAAM,WAAW,YAAa,SAAQ,WAAW,EAAE,QAAQ;IACzD;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;IACpC;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAuDD;;GAEG;AACH,QAAA,MAAM,OAAO,yGAwHZ,CAAC;AAIF,eAAe,OAAO,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Popover/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAW9D,OAAO,EAGL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AACf,OAA2B,EACzB,KAAK,SAAS,EACd,KAAK,IAAI,EACV,MAAM,+BAA+B,CAAC;AAEvC,KAAK,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;AAC7D,MAAM,WAAW,YAAa,SAAQ,WAAW,EAAE,QAAQ;IACzD;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;IACpC;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC;IACzC;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAuDD;;GAEG;AACH,QAAA,MAAM,OAAO,yGAyHZ,CAAC;AAIF,eAAe,OAAO,CAAC"}
package/dist/Popover/index.js CHANGED
@@ -49,6 +49,7 @@ const emptyRect = {
49
49
  */
50
50
  const Popover = /*#__PURE__*/forwardRef(({
51
51
  trigger,
52
+ container,
52
53
  placement = 'top',
53
54
  gap = 0.2,
54
55
  flip = true,
@@ -140,6 +141,7 @@ const Popover = /*#__PURE__*/forwardRef(({
140
141
  useClickOutside(popoverRef, onClose);
141
142
  if (!mounted) return null;
142
143
  return /*#__PURE__*/_jsx(Portal, {
144
+ container: container,
143
145
  children: /*#__PURE__*/_jsx(Container, {
144
146
  top: top,
145
147
  left: left,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@os-design/core",
3
- "version": "1.0.273",
3
+ "version": "1.0.275",
4
4
  "license": "UNLICENSED",
5
5
  "repository": "git@gitlab.com:os-team/libs/os-design.git",
6
6
  "type": "module",
@@ -58,5 +58,5 @@
58
58
  "react": "18",
59
59
  "react-dom": "18"
60
60
  },
61
- "gitHead": "6fc788389f38666fc7b71fb8ffed6171a70c8e50"
61
+ "gitHead": "e1cbe449b6d5a1a332544498b99421c9949fba20"
62
62
  }
package/src/Drawer/index.tsx CHANGED
@@ -201,6 +201,7 @@ const Drawer = forwardRef<HTMLDivElement, DrawerProps>(
201
201
  <Container
202
202
  onPointerDown={pointerDownHandler}
203
203
  onPointerUp={pointerUpHandler}
204
+ onClick={(e) => e.stopPropagation()}
204
205
  >
205
206
  {/* @ts-expect-error FocusLock has problems with types */}
206
207
  <FocusLock autoFocus={false}>
package/src/Modal/index.tsx CHANGED
@@ -364,6 +364,7 @@ const Modal = forwardRef<HTMLDivElement, ModalProps>(
364
364
  <Container
365
365
  onPointerDown={pointerDownHandler}
366
366
  onPointerUp={pointerUpHandler}
367
+ onClick={(e) => e.stopPropagation()}
367
368
  >
368
369
  {/* @ts-expect-error FocusLock has problems with types */}
369
370
  <FocusLock autoFocus={false}>
package/src/Popover/index.tsx CHANGED
@@ -33,6 +33,11 @@ export interface PopoverProps extends JsxDivProps, WithSize {
33
33
  * @default undefined
34
34
  */
35
35
  trigger?: RefObject<Element> | Rect;
36
+ /**
37
+ * Where the popover will be rendered.
38
+ * @default document.body
39
+ */
40
+ container?: Element | RefObject<Element>;
36
41
  /**
37
42
  * On which side of the element the popover will appear.
38
43
  * @default top
@@ -120,6 +125,7 @@ const Popover = forwardRef<HTMLDivElement, PopoverProps>(
120
125
  (
121
126
  {
122
127
  trigger,
128
+ container,
123
129
  placement = 'top',
124
130
  gap = 0.2,
125
131
  flip = true,
@@ -221,7 +227,7 @@ const Popover = forwardRef<HTMLDivElement, PopoverProps>(
221
227
  if (!mounted) return null;
222
228
 
223
229
  return (
224
- <Portal>
230
+ <Portal container={container}>
225
231
  <Container
226
232
  top={top}
227
233
  left={left}