@x-plat/design-system 0.15.0 → 0.15.1

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.
@@ -50,8 +50,10 @@ var Portal_default = Portal;
50
50
  var import_react = __toESM(require("react"), 1);
51
51
  var findScrollParent = (el) => {
52
52
  for (let p = el.parentElement; p; p = p.parentElement) {
53
- const { overflowY, overflowX } = getComputedStyle(p);
54
- if (/(auto|scroll)/.test(overflowY) || /(auto|scroll)/.test(overflowX)) return p;
53
+ if (p.dataset.xplatOverlayEscape !== void 0) continue;
54
+ const { overflowY } = getComputedStyle(p);
55
+ if (!/(auto|scroll)/.test(overflowY)) continue;
56
+ if (p.scrollHeight > p.clientHeight) return p;
55
57
  }
56
58
  return null;
57
59
  };
@@ -14,8 +14,10 @@ var Portal_default = Portal;
14
14
  import React from "react";
15
15
  var findScrollParent = (el) => {
16
16
  for (let p = el.parentElement; p; p = p.parentElement) {
17
- const { overflowY, overflowX } = getComputedStyle(p);
18
- if (/(auto|scroll)/.test(overflowY) || /(auto|scroll)/.test(overflowX)) return p;
17
+ if (p.dataset.xplatOverlayEscape !== void 0) continue;
18
+ const { overflowY } = getComputedStyle(p);
19
+ if (!/(auto|scroll)/.test(overflowY)) continue;
20
+ if (p.scrollHeight > p.clientHeight) return p;
19
21
  }
20
22
  return null;
21
23
  };
@@ -50,8 +50,10 @@ var Portal_default = Portal;
50
50
  var import_react = __toESM(require("react"), 1);
51
51
  var findScrollParent = (el) => {
52
52
  for (let p = el.parentElement; p; p = p.parentElement) {
53
- const { overflowY, overflowX } = getComputedStyle(p);
54
- if (/(auto|scroll)/.test(overflowY) || /(auto|scroll)/.test(overflowX)) return p;
53
+ if (p.dataset.xplatOverlayEscape !== void 0) continue;
54
+ const { overflowY } = getComputedStyle(p);
55
+ if (!/(auto|scroll)/.test(overflowY)) continue;
56
+ if (p.scrollHeight > p.clientHeight) return p;
55
57
  }
56
58
  return null;
57
59
  };
@@ -14,8 +14,10 @@ var Portal_default = Portal;
14
14
  import React from "react";
15
15
  var findScrollParent = (el) => {
16
16
  for (let p = el.parentElement; p; p = p.parentElement) {
17
- const { overflowY, overflowX } = getComputedStyle(p);
18
- if (/(auto|scroll)/.test(overflowY) || /(auto|scroll)/.test(overflowX)) return p;
17
+ if (p.dataset.xplatOverlayEscape !== void 0) continue;
18
+ const { overflowY } = getComputedStyle(p);
19
+ if (!/(auto|scroll)/.test(overflowY)) continue;
20
+ if (p.scrollHeight > p.clientHeight) return p;
19
21
  }
20
22
  return null;
21
23
  };
@@ -51,8 +51,10 @@ var Portal_default = Portal;
51
51
  var import_react = __toESM(require("react"), 1);
52
52
  var findScrollParent = (el) => {
53
53
  for (let p = el.parentElement; p; p = p.parentElement) {
54
- const { overflowY, overflowX } = getComputedStyle(p);
55
- if (/(auto|scroll)/.test(overflowY) || /(auto|scroll)/.test(overflowX)) return p;
54
+ if (p.dataset.xplatOverlayEscape !== void 0) continue;
55
+ const { overflowY } = getComputedStyle(p);
56
+ if (!/(auto|scroll)/.test(overflowY)) continue;
57
+ if (p.scrollHeight > p.clientHeight) return p;
56
58
  }
57
59
  return null;
58
60
  };
@@ -14,8 +14,10 @@ var Portal_default = Portal;
14
14
  import React from "react";
15
15
  var findScrollParent = (el) => {
16
16
  for (let p = el.parentElement; p; p = p.parentElement) {
17
- const { overflowY, overflowX } = getComputedStyle(p);
18
- if (/(auto|scroll)/.test(overflowY) || /(auto|scroll)/.test(overflowX)) return p;
17
+ if (p.dataset.xplatOverlayEscape !== void 0) continue;
18
+ const { overflowY } = getComputedStyle(p);
19
+ if (!/(auto|scroll)/.test(overflowY)) continue;
20
+ if (p.scrollHeight > p.clientHeight) return p;
19
21
  }
20
22
  return null;
21
23
  };
@@ -59,18 +59,25 @@ var Table = (props) => {
59
59
  headerSticky = false,
60
60
  stickyShadow = true
61
61
  } = props;
62
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `lib-xplat-table-wrapper ${size}`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
63
- TableContext_default.Provider,
62
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
63
+ "div",
64
64
  {
65
- value: {
66
- rowBorderUse,
67
- colBorderUse,
68
- headerSticky,
69
- stickyShadow
70
- },
71
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("table", { className: "lib-xplat-table", children })
65
+ className: `lib-xplat-table-wrapper ${size}`,
66
+ "data-xplat-overlay-escape": "",
67
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
68
+ TableContext_default.Provider,
69
+ {
70
+ value: {
71
+ rowBorderUse,
72
+ colBorderUse,
73
+ headerSticky,
74
+ stickyShadow
75
+ },
76
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("table", { className: "lib-xplat-table", children })
77
+ }
78
+ )
72
79
  }
73
- ) });
80
+ );
74
81
  };
75
82
  Table.displayName = "Table";
76
83
  var Table_default = Table;
@@ -19,18 +19,25 @@ var Table = (props) => {
19
19
  headerSticky = false,
20
20
  stickyShadow = true
21
21
  } = props;
22
- return /* @__PURE__ */ jsx("div", { className: `lib-xplat-table-wrapper ${size}`, children: /* @__PURE__ */ jsx(
23
- TableContext_default.Provider,
22
+ return /* @__PURE__ */ jsx(
23
+ "div",
24
24
  {
25
- value: {
26
- rowBorderUse,
27
- colBorderUse,
28
- headerSticky,
29
- stickyShadow
30
- },
31
- children: /* @__PURE__ */ jsx("table", { className: "lib-xplat-table", children })
25
+ className: `lib-xplat-table-wrapper ${size}`,
26
+ "data-xplat-overlay-escape": "",
27
+ children: /* @__PURE__ */ jsx(
28
+ TableContext_default.Provider,
29
+ {
30
+ value: {
31
+ rowBorderUse,
32
+ colBorderUse,
33
+ headerSticky,
34
+ stickyShadow
35
+ },
36
+ children: /* @__PURE__ */ jsx("table", { className: "lib-xplat-table", children })
37
+ }
38
+ )
32
39
  }
33
- ) });
40
+ );
34
41
  };
35
42
  Table.displayName = "Table";
36
43
  var Table_default = Table;
@@ -50,8 +50,10 @@ var Portal_default = Portal;
50
50
  var import_react = __toESM(require("react"), 1);
51
51
  var findScrollParent = (el) => {
52
52
  for (let p = el.parentElement; p; p = p.parentElement) {
53
- const { overflowY, overflowX } = getComputedStyle(p);
54
- if (/(auto|scroll)/.test(overflowY) || /(auto|scroll)/.test(overflowX)) return p;
53
+ if (p.dataset.xplatOverlayEscape !== void 0) continue;
54
+ const { overflowY } = getComputedStyle(p);
55
+ if (!/(auto|scroll)/.test(overflowY)) continue;
56
+ if (p.scrollHeight > p.clientHeight) return p;
55
57
  }
56
58
  return null;
57
59
  };
@@ -14,8 +14,10 @@ var Portal_default = Portal;
14
14
  import React from "react";
15
15
  var findScrollParent = (el) => {
16
16
  for (let p = el.parentElement; p; p = p.parentElement) {
17
- const { overflowY, overflowX } = getComputedStyle(p);
18
- if (/(auto|scroll)/.test(overflowY) || /(auto|scroll)/.test(overflowX)) return p;
17
+ if (p.dataset.xplatOverlayEscape !== void 0) continue;
18
+ const { overflowY } = getComputedStyle(p);
19
+ if (!/(auto|scroll)/.test(overflowY)) continue;
20
+ if (p.scrollHeight > p.clientHeight) return p;
19
21
  }
20
22
  return null;
21
23
  };
@@ -3236,8 +3236,10 @@ var import_react11 = __toESM(require("react"), 1);
3236
3236
  var import_react10 = __toESM(require("react"), 1);
3237
3237
  var findScrollParent = (el) => {
3238
3238
  for (let p = el.parentElement; p; p = p.parentElement) {
3239
- const { overflowY, overflowX } = getComputedStyle(p);
3240
- if (/(auto|scroll)/.test(overflowY) || /(auto|scroll)/.test(overflowX)) return p;
3239
+ if (p.dataset.xplatOverlayEscape !== void 0) continue;
3240
+ const { overflowY } = getComputedStyle(p);
3241
+ if (!/(auto|scroll)/.test(overflowY)) continue;
3242
+ if (p.scrollHeight > p.clientHeight) return p;
3241
3243
  }
3242
3244
  return null;
3243
3245
  };
@@ -7067,18 +7069,25 @@ var Table = (props) => {
7067
7069
  headerSticky = false,
7068
7070
  stickyShadow = true
7069
7071
  } = props;
7070
- return /* @__PURE__ */ (0, import_jsx_runtime344.jsx)("div", { className: `lib-xplat-table-wrapper ${size}`, children: /* @__PURE__ */ (0, import_jsx_runtime344.jsx)(
7071
- TableContext_default.Provider,
7072
+ return /* @__PURE__ */ (0, import_jsx_runtime344.jsx)(
7073
+ "div",
7072
7074
  {
7073
- value: {
7074
- rowBorderUse,
7075
- colBorderUse,
7076
- headerSticky,
7077
- stickyShadow
7078
- },
7079
- children: /* @__PURE__ */ (0, import_jsx_runtime344.jsx)("table", { className: "lib-xplat-table", children })
7075
+ className: `lib-xplat-table-wrapper ${size}`,
7076
+ "data-xplat-overlay-escape": "",
7077
+ children: /* @__PURE__ */ (0, import_jsx_runtime344.jsx)(
7078
+ TableContext_default.Provider,
7079
+ {
7080
+ value: {
7081
+ rowBorderUse,
7082
+ colBorderUse,
7083
+ headerSticky,
7084
+ stickyShadow
7085
+ },
7086
+ children: /* @__PURE__ */ (0, import_jsx_runtime344.jsx)("table", { className: "lib-xplat-table", children })
7087
+ }
7088
+ )
7080
7089
  }
7081
- ) });
7090
+ );
7082
7091
  };
7083
7092
  Table.displayName = "Table";
7084
7093
  var Table_default = Table;
@@ -3134,8 +3134,10 @@ import React11 from "react";
3134
3134
  import React10 from "react";
3135
3135
  var findScrollParent = (el) => {
3136
3136
  for (let p = el.parentElement; p; p = p.parentElement) {
3137
- const { overflowY, overflowX } = getComputedStyle(p);
3138
- if (/(auto|scroll)/.test(overflowY) || /(auto|scroll)/.test(overflowX)) return p;
3137
+ if (p.dataset.xplatOverlayEscape !== void 0) continue;
3138
+ const { overflowY } = getComputedStyle(p);
3139
+ if (!/(auto|scroll)/.test(overflowY)) continue;
3140
+ if (p.scrollHeight > p.clientHeight) return p;
3139
3141
  }
3140
3142
  return null;
3141
3143
  };
@@ -6965,18 +6967,25 @@ var Table = (props) => {
6965
6967
  headerSticky = false,
6966
6968
  stickyShadow = true
6967
6969
  } = props;
6968
- return /* @__PURE__ */ jsx344("div", { className: `lib-xplat-table-wrapper ${size}`, children: /* @__PURE__ */ jsx344(
6969
- TableContext_default.Provider,
6970
+ return /* @__PURE__ */ jsx344(
6971
+ "div",
6970
6972
  {
6971
- value: {
6972
- rowBorderUse,
6973
- colBorderUse,
6974
- headerSticky,
6975
- stickyShadow
6976
- },
6977
- children: /* @__PURE__ */ jsx344("table", { className: "lib-xplat-table", children })
6973
+ className: `lib-xplat-table-wrapper ${size}`,
6974
+ "data-xplat-overlay-escape": "",
6975
+ children: /* @__PURE__ */ jsx344(
6976
+ TableContext_default.Provider,
6977
+ {
6978
+ value: {
6979
+ rowBorderUse,
6980
+ colBorderUse,
6981
+ headerSticky,
6982
+ stickyShadow
6983
+ },
6984
+ children: /* @__PURE__ */ jsx344("table", { className: "lib-xplat-table", children })
6985
+ }
6986
+ )
6978
6987
  }
6979
- ) });
6988
+ );
6980
6989
  };
6981
6990
  Table.displayName = "Table";
6982
6991
  var Table_default = Table;
package/dist/index.cjs CHANGED
@@ -7648,8 +7648,10 @@ var import_react11 = __toESM(require("react"), 1);
7648
7648
  var import_react10 = __toESM(require("react"), 1);
7649
7649
  var findScrollParent = (el) => {
7650
7650
  for (let p = el.parentElement; p; p = p.parentElement) {
7651
- const { overflowY, overflowX } = getComputedStyle(p);
7652
- if (/(auto|scroll)/.test(overflowY) || /(auto|scroll)/.test(overflowX)) return p;
7651
+ if (p.dataset.xplatOverlayEscape !== void 0) continue;
7652
+ const { overflowY } = getComputedStyle(p);
7653
+ if (!/(auto|scroll)/.test(overflowY)) continue;
7654
+ if (p.scrollHeight > p.clientHeight) return p;
7653
7655
  }
7654
7656
  return null;
7655
7657
  };
@@ -11479,18 +11481,25 @@ var Table = (props) => {
11479
11481
  headerSticky = false,
11480
11482
  stickyShadow = true
11481
11483
  } = props;
11482
- return /* @__PURE__ */ (0, import_jsx_runtime344.jsx)("div", { className: `lib-xplat-table-wrapper ${size}`, children: /* @__PURE__ */ (0, import_jsx_runtime344.jsx)(
11483
- TableContext_default.Provider,
11484
+ return /* @__PURE__ */ (0, import_jsx_runtime344.jsx)(
11485
+ "div",
11484
11486
  {
11485
- value: {
11486
- rowBorderUse,
11487
- colBorderUse,
11488
- headerSticky,
11489
- stickyShadow
11490
- },
11491
- children: /* @__PURE__ */ (0, import_jsx_runtime344.jsx)("table", { className: "lib-xplat-table", children })
11487
+ className: `lib-xplat-table-wrapper ${size}`,
11488
+ "data-xplat-overlay-escape": "",
11489
+ children: /* @__PURE__ */ (0, import_jsx_runtime344.jsx)(
11490
+ TableContext_default.Provider,
11491
+ {
11492
+ value: {
11493
+ rowBorderUse,
11494
+ colBorderUse,
11495
+ headerSticky,
11496
+ stickyShadow
11497
+ },
11498
+ children: /* @__PURE__ */ (0, import_jsx_runtime344.jsx)("table", { className: "lib-xplat-table", children })
11499
+ }
11500
+ )
11492
11501
  }
11493
- ) });
11502
+ );
11494
11503
  };
11495
11504
  Table.displayName = "Table";
11496
11505
  var Table_default = Table;
package/dist/index.js CHANGED
@@ -7237,8 +7237,10 @@ import React11 from "react";
7237
7237
  import React10 from "react";
7238
7238
  var findScrollParent = (el) => {
7239
7239
  for (let p = el.parentElement; p; p = p.parentElement) {
7240
- const { overflowY, overflowX } = getComputedStyle(p);
7241
- if (/(auto|scroll)/.test(overflowY) || /(auto|scroll)/.test(overflowX)) return p;
7240
+ if (p.dataset.xplatOverlayEscape !== void 0) continue;
7241
+ const { overflowY } = getComputedStyle(p);
7242
+ if (!/(auto|scroll)/.test(overflowY)) continue;
7243
+ if (p.scrollHeight > p.clientHeight) return p;
7242
7244
  }
7243
7245
  return null;
7244
7246
  };
@@ -11068,18 +11070,25 @@ var Table = (props) => {
11068
11070
  headerSticky = false,
11069
11071
  stickyShadow = true
11070
11072
  } = props;
11071
- return /* @__PURE__ */ jsx344("div", { className: `lib-xplat-table-wrapper ${size}`, children: /* @__PURE__ */ jsx344(
11072
- TableContext_default.Provider,
11073
+ return /* @__PURE__ */ jsx344(
11074
+ "div",
11073
11075
  {
11074
- value: {
11075
- rowBorderUse,
11076
- colBorderUse,
11077
- headerSticky,
11078
- stickyShadow
11079
- },
11080
- children: /* @__PURE__ */ jsx344("table", { className: "lib-xplat-table", children })
11076
+ className: `lib-xplat-table-wrapper ${size}`,
11077
+ "data-xplat-overlay-escape": "",
11078
+ children: /* @__PURE__ */ jsx344(
11079
+ TableContext_default.Provider,
11080
+ {
11081
+ value: {
11082
+ rowBorderUse,
11083
+ colBorderUse,
11084
+ headerSticky,
11085
+ stickyShadow
11086
+ },
11087
+ children: /* @__PURE__ */ jsx344("table", { className: "lib-xplat-table", children })
11088
+ }
11089
+ )
11081
11090
  }
11082
- ) });
11091
+ );
11083
11092
  };
11084
11093
  Table.displayName = "Table";
11085
11094
  var Table_default = Table;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@x-plat/design-system",
3
- "version": "0.15.0",
3
+ "version": "0.15.1",
4
4
  "description": "XPLAT UI Design System",
5
5
  "author": "XPLAT WOONG",
6
6
  "main": "dist/index.cjs",