@clickhouse/click-ui 0.0.195 → 0.0.197
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/click-ui.es.js +22 -116
- package/dist/click-ui.umd.js +22 -116
- package/dist/components/Grid/RowNumberColumn.d.ts +1 -2
- package/dist/components/Grid/StyledCell.d.ts +0 -1
- package/dist/components/Grid/types.d.ts +0 -4
- package/dist/components/Logos/types.d.ts +1 -1
- package/dist/styles/types.d.ts +2589 -2589
- package/package.json +11 -9
- package/dist/components/Logos/PostgresCDCDark.d.ts +0 -4
- package/dist/components/Logos/PostgresCDCLight.d.ts +0 -4
package/dist/click-ui.umd.js
CHANGED
|
@@ -2050,23 +2050,6 @@ var __publicField = (obj, key, value) => {
|
|
|
2050
2050
|
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M46.4169 20.9166C46.4525 21.1725 45.9487 21.8549 45.2909 21.9461C44.6339 22.0377 44.0719 21.5043 44.0359 21.2488C44.0011 20.993 44.505 20.7113 45.1622 20.6197C45.8194 20.5281 46.3813 20.6615 46.4169 20.9168V20.9166Z", fill: "white", stroke: "white", strokeWidth: "0.260669" }),
|
|
2051
2051
|
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M48.7676 19.147C48.8758 21.1533 48.3354 22.5199 48.2673 24.6556C48.1664 27.7601 49.7474 31.3134 47.3652 34.871", stroke: "white", strokeWidth: "1.56364", strokeLinecap: "round", strokeLinejoin: "round" })
|
|
2052
2052
|
] });
|
|
2053
|
-
const PostgresCDCLight = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "165", height: "64", viewBox: "0 0 165 64", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
|
|
2054
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M46.4684 45.1857C46.8483 42.0211 46.7345 41.5569 49.0917 42.0695L49.6902 42.1221C51.5027 42.2046 53.8738 41.8306 55.2667 41.1834C58.2653 39.7921 60.0434 37.469 57.0866 38.0794C50.3421 39.4708 49.8784 37.187 49.8784 37.187C57.0003 26.6201 59.9774 13.2063 57.4076 9.92291C50.3986 0.966944 38.2661 5.20215 38.0631 5.31211L37.9984 5.32418C36.6658 5.04754 35.1744 4.88234 33.4991 4.85525C30.447 4.8051 28.131 5.65539 26.3743 6.98787C26.3743 6.98787 4.73054 -1.92907 5.73744 18.2018C5.95159 22.4842 11.8758 50.6062 18.9416 42.112C21.5241 39.006 24.0199 36.3798 24.0199 36.3798C25.2592 37.2031 26.7429 37.6231 28.2991 37.4723L28.4193 37.3697C28.3817 37.7553 28.3983 38.1327 28.4675 38.5792C26.6476 40.6129 27.1823 40.9701 23.5432 41.719C19.8614 42.478 22.0244 43.8288 23.4363 44.1819C25.1484 44.6101 29.1091 45.2166 31.786 41.47L31.6794 41.8975C32.3935 42.4687 32.3452 46.0034 32.4464 48.5287C32.5478 51.0542 32.7169 53.411 33.2317 54.8004C33.7465 56.1896 34.3539 59.7685 39.1366 58.7435C43.1338 57.8869 46.1899 56.6541 46.4684 45.1857Z", fill: "black" }),
|
|
2055
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M46.4684 45.1857C46.8483 42.0211 46.7345 41.5569 49.0917 42.0695L49.6902 42.1221C51.5027 42.2046 53.8738 41.8306 55.2667 41.1834C58.2653 39.7921 60.0434 37.469 57.0866 38.0794C50.3421 39.4708 49.8784 37.187 49.8784 37.187C57.0003 26.6201 59.9774 13.2063 57.4076 9.92291C50.3986 0.966944 38.2661 5.20215 38.0631 5.31211L37.9984 5.32418C36.6658 5.04754 35.1744 4.88234 33.4991 4.85525C30.447 4.8051 28.131 5.65539 26.3743 6.98787C26.3743 6.98787 4.73054 -1.92907 5.73744 18.2018C5.95159 22.4842 11.8758 50.6062 18.9416 42.112C21.5241 39.006 24.0199 36.3798 24.0199 36.3798C25.2592 37.2031 26.7429 37.6231 28.2991 37.4723L28.4193 37.3697C28.3817 37.7553 28.3983 38.1327 28.4675 38.5792C26.6476 40.6129 27.1823 40.9701 23.5432 41.719C19.8614 42.478 22.0244 43.8288 23.4363 44.1819C25.1484 44.6101 29.1091 45.2166 31.786 41.47L31.6794 41.8975C32.3935 42.4687 32.3452 46.0034 32.4464 48.5287C32.5478 51.0542 32.7169 53.411 33.2317 54.8004C33.7465 56.1896 34.3539 59.7685 39.1366 58.7435C43.1338 57.8869 46.1899 56.6541 46.4684 45.1857", stroke: "black", strokeWidth: "4.69091" }),
|
|
2056
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M57.0877 38.0791C50.3425 39.4704 49.8789 37.1867 49.8789 37.1867C57.0007 26.619 59.9778 13.205 57.4086 9.922C50.3995 0.966571 38.2665 5.20191 38.064 5.31187L37.9989 5.32353C36.6662 5.0469 35.1748 4.8821 33.4987 4.85474C30.4466 4.80473 28.1315 5.65488 26.3747 6.9871C26.3747 6.9871 4.73054 -1.92944 5.73718 18.2013C5.95133 22.484 11.8754 50.6059 18.9415 42.1118C21.5241 39.0058 24.0195 36.3796 24.0195 36.3796C25.2589 37.2029 26.7426 37.6229 28.2981 37.472L28.4189 37.3694C28.3814 37.7551 28.3986 38.1324 28.4674 38.579C26.647 40.6126 27.1819 40.9699 23.543 41.7188C19.861 42.4777 22.024 43.8286 23.4363 44.1817C25.1484 44.6098 29.1094 45.2163 31.7858 41.4698L31.679 41.8972C32.3923 42.4685 32.8931 45.6131 32.8092 48.4638C32.7252 51.3144 32.6692 53.2715 33.2312 54.8001C33.7931 56.3288 34.3533 59.7683 39.1369 58.7433C43.1341 57.8867 45.2054 55.6669 45.4936 51.9642C45.6981 49.3319 46.1608 49.7209 46.1901 47.3675L46.5613 46.2533C46.9893 42.685 46.6292 41.5337 49.0919 42.0692L49.6903 42.1217C51.5029 42.2042 53.8751 41.8302 55.2674 41.1831C58.2655 39.7917 60.0435 37.4687 57.0875 38.0791H57.0877Z", fill: "#336791" }),
|
|
2057
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M32.0754 40.1245C31.8897 46.7643 32.1221 53.4503 32.7718 55.0753C33.4219 56.7002 34.8131 59.8608 39.5971 58.8359C43.5939 57.9791 45.0482 56.3209 45.6792 52.6609C46.144 49.9679 47.04 42.4893 47.1549 40.957M26.3413 6.83877C26.3413 6.83877 4.68242 -2.01354 5.68932 18.1174C5.90347 22.3999 11.828 50.5228 18.8939 42.0282C21.476 38.9218 23.8112 36.4855 23.8112 36.4855M38.0403 5.22308C37.2906 5.45815 50.0883 0.544696 57.3614 9.83817C59.9305 13.1213 56.9534 26.5355 49.8317 37.1034", stroke: "white", strokeWidth: "1.56364", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
2058
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M49.8319 37.1033C49.8319 37.1033 50.296 39.3877 57.0413 37.9954C59.9967 37.385 58.2181 39.7083 55.2207 41.1003C52.7608 42.242 47.2457 42.5346 47.1556 40.957C46.9237 36.8866 50.0583 38.1232 49.8321 37.1033C49.6276 36.1847 48.2258 35.2832 47.2985 33.0351C46.489 31.0729 36.1961 16.0255 50.153 18.2603C50.6643 18.1545 46.5129 4.9848 33.4512 4.77065C20.3925 4.5565 20.821 20.8299 20.821 20.8299", stroke: "white", strokeWidth: "1.56364", strokeLinecap: "round", strokeLinejoin: "bevel" }),
|
|
2059
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M28.4203 38.4952C26.5997 40.5289 27.1351 40.8861 23.496 41.6353C19.8139 42.3942 21.9772 43.745 23.3891 44.0979C25.1012 44.5263 29.0622 45.1328 31.7386 41.3853C32.5536 40.2443 31.7337 38.4237 30.6142 37.9596C30.0733 37.7357 29.35 37.4548 28.4203 38.4952V38.4952Z", stroke: "white", strokeWidth: "1.56364", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
2060
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M28.3 38.4599C28.1166 37.264 28.6929 35.8412 29.3105 34.1765C30.2387 31.6789 32.3803 29.1809 30.6672 21.2581C29.3902 15.3541 20.8253 20.0294 20.8199 20.8299C20.8147 21.6302 21.2073 24.8876 20.6768 28.6808C19.9846 33.6306 23.8264 37.8169 28.2503 37.3886", stroke: "white", strokeWidth: "1.56364", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
2061
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M26.2627 20.7096C26.2241 20.9832 26.7633 21.7126 27.4663 21.8101C28.1682 21.908 28.7689 21.3378 28.807 21.0647C28.8451 20.7913 28.3065 20.4901 27.6032 20.3922C26.901 20.2943 26.3 20.4369 26.2628 20.7096H26.2627Z", fill: "white", stroke: "white", strokeWidth: "0.521212" }),
|
|
2062
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M47.6408 21.1862C47.6789 21.4597 47.1404 22.1892 46.4372 22.2867C45.7348 22.3846 45.134 21.8144 45.0956 21.5413C45.0584 21.2678 45.5971 20.9667 46.2996 20.8688C47.0021 20.7709 47.6027 20.9134 47.6408 21.1863V21.1862Z", fill: "white", stroke: "white", strokeWidth: "0.260669" }),
|
|
2063
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M50.1533 18.2607C50.269 20.4054 49.6914 21.8662 49.6186 24.1493C49.5107 27.4679 51.2007 31.2662 48.6543 35.0692", stroke: "white", strokeWidth: "1.56364", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
2064
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M78.2139 40.7074V27.2642H80.8886V40.7074H78.2139ZM72.8346 35.3182V32.6435H86.2778V35.3182H72.8346Z", fill: "#161517" }),
|
|
2065
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M124.952 16.4444H101.643C98.7877 16.4444 96.232 14.6734 95.2295 12H149.203C159.82 12 167.318 22.4019 163.96 32.4747L157.452 52H153.007L160.03 31.0938C162.449 23.8943 157.093 16.4444 149.498 16.4444H129.396V18.6667C129.396 27.2577 136.361 34.2222 144.952 34.2222H154.396L148.563 52H144.118L148.563 38.6667H144.952C133.906 38.6667 124.952 29.7123 124.952 18.6667V16.4444Z", fill: "#26D9B2" }),
|
|
2066
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M109.952 34.2221H107.477C104.621 34.2221 102.066 32.451 101.063 29.7776H111.619L113.008 25.3332H104.331C101.56 25.3332 99.1117 23.5329 98.2854 20.8888H118.841L108.563 51.9999H104.119L109.952 34.2221Z", fill: "#26D9B2" }),
|
|
2067
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M121.896 51.9998H117.452L119.974 44.4326C121.122 40.9892 124.345 38.6665 127.974 38.6665C133.73 38.6665 137.794 44.3054 135.974 49.7659L135.23 51.9998H130.507L131.668 48.6243C132.596 45.9231 130.589 43.1109 127.733 43.1109C125.913 43.1109 124.304 44.2937 123.762 46.0307L121.896 51.9998Z", fill: "#26D9B2" }),
|
|
2068
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M154.119 25.3333C154.119 27.1742 152.626 28.6667 150.785 28.6667C148.944 28.6667 147.452 27.1742 147.452 25.3333C147.452 23.4924 148.944 22 150.785 22C152.626 22 154.119 23.4924 154.119 25.3333Z", fill: "#26D9B2" })
|
|
2069
|
-
] });
|
|
2070
2053
|
const Prequel = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "64", height: "64", viewBox: "0 0 64 64", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
|
|
2071
2054
|
/* @__PURE__ */ jsxRuntime.jsxs("g", { clipPath: "url(#clip0_6290_11174)", children: [
|
|
2072
2055
|
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M62 2H2V62H62V2Z", fill: "#141414" }),
|
|
@@ -2252,7 +2235,6 @@ var __publicField = (obj, key, value) => {
|
|
|
2252
2235
|
mysql: MySQL,
|
|
2253
2236
|
nodejs: NodeJs,
|
|
2254
2237
|
postgres: Postgres,
|
|
2255
|
-
postgres_cdc: PostgresCDCLight,
|
|
2256
2238
|
prequel: Prequel,
|
|
2257
2239
|
python: Python,
|
|
2258
2240
|
redpanda: Redpanda,
|
|
@@ -2349,23 +2331,6 @@ var __publicField = (obj, key, value) => {
|
|
|
2349
2331
|
/* @__PURE__ */ jsxRuntime.jsx("g", { clipPath: "url(#clip0_472_6153)", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M43.0681 35.4178C40.578 35.4178 38.3455 36.5211 36.8168 38.258L32.8994 35.4848C33.3152 34.3398 33.554 33.1105 33.554 31.8237C33.554 30.5592 33.3235 29.3505 32.9214 28.2225L36.83 25.4786C38.3586 27.2068 40.5852 28.304 43.0681 28.304C47.6643 28.304 51.4042 24.5648 51.4042 19.968C51.4042 15.3712 47.6643 11.632 43.0681 11.632C38.472 11.632 34.7322 15.3712 34.7322 19.968C34.7322 20.7908 34.8565 21.5842 35.0795 22.3355L31.1683 25.0808C29.5345 23.0538 27.182 21.6386 24.5017 21.2066V16.4928C28.2777 15.6997 31.1228 12.3448 31.1228 8.336C31.1228 3.73923 27.3829 0 22.7868 0C18.1906 0 14.4508 3.73923 14.4508 8.336C14.4508 12.2911 17.2221 15.6046 20.9226 16.4543V21.2294C15.8725 22.1158 12.0195 26.5232 12.0195 31.8237C12.0195 37.15 15.9106 41.5735 20.9972 42.4298V47.472C17.2589 48.2937 14.4508 51.6275 14.4508 55.6095C14.4508 60.2063 18.1906 63.9455 22.7868 63.9455C27.3829 63.9455 31.1228 60.2063 31.1228 55.6095C31.1228 51.6275 28.3146 48.2937 24.5763 47.472V42.4297C27.1509 41.996 29.4801 40.6414 31.1301 38.618L35.0737 41.4092C34.8548 42.1538 34.7322 42.9394 34.7322 43.7538C34.7322 48.3506 38.472 52.0899 43.0681 52.0899C47.6643 52.0899 51.4042 48.3506 51.4042 43.7538C51.4042 39.1571 47.6643 35.4178 43.0681 35.4178V35.4178ZM43.0681 15.9263C45.2969 15.9263 47.1097 17.7398 47.1097 19.968C47.1097 22.1962 45.2969 24.0095 43.0681 24.0095C40.8394 24.0095 39.0266 22.1962 39.0266 19.968C39.0266 17.7398 40.8394 15.9263 43.0681 15.9263V15.9263ZM18.7451 8.336C18.7451 6.10785 20.558 4.29446 22.7868 4.29446C25.0155 4.29446 26.8283 6.10785 26.8283 8.336C26.8283 10.5642 25.0155 12.3775 22.7868 12.3775C20.558 12.3775 18.7451 10.5642 18.7451 8.336ZM26.8283 55.6095C26.8283 57.8377 25.0155 59.6511 22.7868 59.6511C20.558 59.6511 18.7451 57.8377 18.7451 55.6095C18.7451 53.3814 20.558 51.568 22.7868 51.568C25.0155 51.568 26.8283 53.3814 26.8283 55.6095ZM22.7865 37.4603C19.678 37.4603 17.1492 34.932 17.1492 31.8237C17.1492 28.7152 19.678 26.1865 22.7865 26.1865C25.8948 26.1865 28.4235 28.7152 28.4235 31.8237C28.4235 34.932 25.8948 37.4603 22.7865 37.4603ZM43.0681 47.7955C40.8394 47.7955 39.0266 45.982 39.0266 43.7538C39.0266 41.5257 40.8394 39.7123 43.0681 39.7123C45.2969 39.7123 47.1097 41.5257 47.1097 43.7538C47.1097 45.982 45.2969 47.7955 43.0681 47.7955Z", fill: "white" }) }),
|
|
2350
2332
|
/* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_472_6153", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "39.424", height: "64", fill: "white", transform: "translate(12)" }) }) })
|
|
2351
2333
|
] });
|
|
2352
|
-
const PostgresCDCDark = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "165", height: "64", viewBox: "0 0 165 64", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
|
|
2353
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M46.4684 45.1857C46.8483 42.0211 46.7345 41.5569 49.0917 42.0695L49.6902 42.1221C51.5027 42.2046 53.8738 41.8306 55.2667 41.1834C58.2653 39.7921 60.0434 37.469 57.0866 38.0794C50.3421 39.4708 49.8784 37.187 49.8784 37.187C57.0003 26.6201 59.9774 13.2063 57.4076 9.92291C50.3986 0.966944 38.2661 5.20215 38.0631 5.31211L37.9984 5.32418C36.6658 5.04754 35.1744 4.88234 33.4991 4.85525C30.447 4.8051 28.131 5.65539 26.3743 6.98787C26.3743 6.98787 4.73054 -1.92907 5.73744 18.2018C5.95159 22.4842 11.8758 50.6062 18.9416 42.112C21.5241 39.006 24.0199 36.3798 24.0199 36.3798C25.2592 37.2031 26.7429 37.6231 28.2991 37.4723L28.4193 37.3697C28.3817 37.7553 28.3983 38.1327 28.4675 38.5792C26.6476 40.6129 27.1823 40.9701 23.5432 41.719C19.8614 42.478 22.0244 43.8288 23.4363 44.1819C25.1484 44.6101 29.1091 45.2166 31.786 41.47L31.6794 41.8975C32.3935 42.4687 32.3452 46.0034 32.4464 48.5287C32.5478 51.0542 32.7169 53.411 33.2317 54.8004C33.7465 56.1896 34.3539 59.7685 39.1366 58.7435C43.1338 57.8869 46.1899 56.6541 46.4684 45.1857Z", fill: "black" }),
|
|
2354
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M46.4684 45.1857C46.8483 42.0211 46.7345 41.5569 49.0917 42.0695L49.6902 42.1221C51.5027 42.2046 53.8738 41.8306 55.2667 41.1834C58.2653 39.7921 60.0434 37.469 57.0866 38.0794C50.3421 39.4708 49.8784 37.187 49.8784 37.187C57.0003 26.6201 59.9774 13.2063 57.4076 9.92291C50.3986 0.966944 38.2661 5.20215 38.0631 5.31211L37.9984 5.32418C36.6658 5.04754 35.1744 4.88234 33.4991 4.85525C30.447 4.8051 28.131 5.65539 26.3743 6.98787C26.3743 6.98787 4.73054 -1.92907 5.73744 18.2018C5.95159 22.4842 11.8758 50.6062 18.9416 42.112C21.5241 39.006 24.0199 36.3798 24.0199 36.3798C25.2592 37.2031 26.7429 37.6231 28.2991 37.4723L28.4193 37.3697C28.3817 37.7553 28.3983 38.1327 28.4675 38.5792C26.6476 40.6129 27.1823 40.9701 23.5432 41.719C19.8614 42.478 22.0244 43.8288 23.4363 44.1819C25.1484 44.6101 29.1091 45.2166 31.786 41.47L31.6794 41.8975C32.3935 42.4687 32.3452 46.0034 32.4464 48.5287C32.5478 51.0542 32.7169 53.411 33.2317 54.8004C33.7465 56.1896 34.3539 59.7685 39.1366 58.7435C43.1338 57.8869 46.1899 56.6541 46.4684 45.1857", stroke: "black", strokeWidth: "4.69091" }),
|
|
2355
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M57.0877 38.0791C50.3425 39.4704 49.8789 37.1867 49.8789 37.1867C57.0007 26.619 59.9778 13.205 57.4086 9.922C50.3995 0.966571 38.2665 5.20191 38.064 5.31187L37.9989 5.32353C36.6662 5.0469 35.1748 4.8821 33.4987 4.85474C30.4466 4.80473 28.1315 5.65488 26.3747 6.9871C26.3747 6.9871 4.73054 -1.92944 5.73718 18.2013C5.95133 22.484 11.8754 50.6059 18.9415 42.1118C21.5241 39.0058 24.0195 36.3796 24.0195 36.3796C25.2589 37.2029 26.7426 37.6229 28.2981 37.472L28.4189 37.3694C28.3814 37.7551 28.3986 38.1324 28.4674 38.579C26.647 40.6126 27.1819 40.9699 23.543 41.7188C19.861 42.4777 22.024 43.8286 23.4363 44.1817C25.1484 44.6098 29.1094 45.2163 31.7858 41.4698L31.679 41.8972C32.3923 42.4685 32.8931 45.6131 32.8092 48.4638C32.7252 51.3144 32.6692 53.2715 33.2312 54.8001C33.7931 56.3288 34.3533 59.7683 39.1369 58.7433C43.1341 57.8867 45.2054 55.6669 45.4936 51.9642C45.6981 49.3319 46.1608 49.7209 46.1901 47.3675L46.5613 46.2533C46.9893 42.685 46.6292 41.5337 49.0919 42.0692L49.6903 42.1217C51.5029 42.2042 53.8751 41.8302 55.2674 41.1831C58.2655 39.7917 60.0435 37.4687 57.0875 38.0791H57.0877Z", fill: "#336791" }),
|
|
2356
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M32.0754 40.1245C31.8897 46.7643 32.1221 53.4503 32.7718 55.0753C33.4219 56.7002 34.8131 59.8608 39.5971 58.8359C43.5939 57.9791 45.0482 56.3209 45.6792 52.6609C46.144 49.9679 47.04 42.4893 47.1549 40.957M26.3413 6.83877C26.3413 6.83877 4.68242 -2.01354 5.68932 18.1174C5.90347 22.3999 11.828 50.5228 18.8939 42.0282C21.476 38.9218 23.8112 36.4855 23.8112 36.4855M38.0403 5.22308C37.2906 5.45815 50.0883 0.544696 57.3614 9.83817C59.9305 13.1213 56.9534 26.5355 49.8317 37.1034", stroke: "white", strokeWidth: "1.56364", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
2357
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M49.8319 37.1033C49.8319 37.1033 50.296 39.3877 57.0413 37.9954C59.9967 37.385 58.2181 39.7083 55.2207 41.1003C52.7608 42.242 47.2457 42.5346 47.1556 40.957C46.9237 36.8866 50.0583 38.1232 49.8321 37.1033C49.6276 36.1847 48.2258 35.2832 47.2985 33.0351C46.489 31.0729 36.1961 16.0255 50.153 18.2603C50.6643 18.1545 46.5129 4.9848 33.4512 4.77065C20.3925 4.5565 20.821 20.8299 20.821 20.8299", stroke: "white", strokeWidth: "1.56364", strokeLinecap: "round", strokeLinejoin: "bevel" }),
|
|
2358
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M28.4203 38.4952C26.5997 40.5289 27.1351 40.8861 23.496 41.6353C19.8139 42.3942 21.9772 43.745 23.3891 44.0979C25.1012 44.5263 29.0622 45.1328 31.7386 41.3853C32.5536 40.2443 31.7337 38.4237 30.6142 37.9596C30.0733 37.7357 29.35 37.4548 28.4203 38.4952V38.4952Z", stroke: "white", strokeWidth: "1.56364", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
2359
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M28.3 38.4599C28.1166 37.264 28.6929 35.8412 29.3105 34.1765C30.2387 31.6789 32.3803 29.1809 30.6672 21.2581C29.3902 15.3541 20.8253 20.0294 20.8199 20.8299C20.8147 21.6302 21.2073 24.8876 20.6768 28.6808C19.9846 33.6306 23.8264 37.8169 28.2503 37.3886", stroke: "white", strokeWidth: "1.56364", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
2360
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M26.2627 20.7096C26.2241 20.9832 26.7633 21.7126 27.4663 21.8101C28.1682 21.908 28.7689 21.3378 28.807 21.0647C28.8451 20.7913 28.3065 20.4901 27.6032 20.3922C26.901 20.2943 26.3 20.4369 26.2628 20.7096H26.2627Z", fill: "white", stroke: "white", strokeWidth: "0.521212" }),
|
|
2361
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M47.6408 21.1862C47.6789 21.4597 47.1404 22.1892 46.4372 22.2867C45.7348 22.3846 45.134 21.8144 45.0956 21.5413C45.0584 21.2678 45.5971 20.9667 46.2996 20.8688C47.0021 20.7709 47.6027 20.9134 47.6408 21.1863V21.1862Z", fill: "white", stroke: "white", strokeWidth: "0.260669" }),
|
|
2362
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M50.1533 18.2607C50.269 20.4054 49.6914 21.8662 49.6186 24.1493C49.5107 27.4679 51.2007 31.2662 48.6543 35.0692", stroke: "white", strokeWidth: "1.56364", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
2363
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M78.2139 40.7074V27.2642H80.8886V40.7074H78.2139ZM72.8346 35.3182V32.6435H86.2778V35.3182H72.8346Z", fill: "white" }),
|
|
2364
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M124.952 16.4444H101.643C98.7877 16.4444 96.232 14.6734 95.2295 12H149.203C159.82 12 167.318 22.4019 163.96 32.4747L157.452 52H153.007L160.03 31.0938C162.449 23.8943 157.093 16.4444 149.498 16.4444H129.396V18.6667C129.396 27.2577 136.361 34.2222 144.952 34.2222H154.396L148.563 52H144.118L148.563 38.6667H144.952C133.906 38.6667 124.952 29.7123 124.952 18.6667V16.4444Z", fill: "#86EAD4" }),
|
|
2365
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M109.952 34.2221H107.477C104.621 34.2221 102.066 32.451 101.063 29.7776H111.619L113.008 25.3332H104.331C101.56 25.3332 99.1117 23.5329 98.2854 20.8888H118.841L108.563 51.9999H104.119L109.952 34.2221Z", fill: "#86EAD4" }),
|
|
2366
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M121.896 51.9998H117.452L119.974 44.4326C121.122 40.9892 124.345 38.6665 127.974 38.6665C133.73 38.6665 137.794 44.3054 135.974 49.7659L135.23 51.9998H130.507L131.668 48.6243C132.596 45.9231 130.589 43.1109 127.733 43.1109C125.913 43.1109 124.304 44.2937 123.762 46.0307L121.896 51.9998Z", fill: "#86EAD4" }),
|
|
2367
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M154.119 25.3333C154.119 27.1742 152.626 28.6667 150.785 28.6667C148.944 28.6667 147.452 27.1742 147.452 25.3333C147.452 23.4924 148.944 22 150.785 22C152.626 22 154.119 23.4924 154.119 25.3333Z", fill: "#86EAD4" })
|
|
2368
|
-
] });
|
|
2369
2334
|
const RustDark = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "64", height: "64", viewBox: "0 0 64 64", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
|
|
2370
2335
|
/* @__PURE__ */ jsxRuntime.jsxs("g", { clipPath: "url(#clip0_3280_12848)", children: [
|
|
2371
2336
|
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M26.8693 23.245H34.7184C39.5486 23.245 39.5486 28.0752 34.7184 28.0752H26.8693V23.245ZM8.15234 45.5846H32.3033V38.9431H26.8693V34.1129H32.9071C39.5486 34.1129 35.9259 45.5846 41.3599 45.5846H56.4542V34.1129H52.8316V35.3205C52.8316 40.1507 47.3976 39.5469 46.7938 36.528C46.1901 33.5092 43.775 31.0941 43.1712 31.0941C52.2278 26.2639 46.7938 16.6035 39.5486 16.6035H11.1712V23.245H17.2089V38.9431H8.15234V45.5846Z", fill: "white", stroke: "white", strokeWidth: "0.377358", strokeLinejoin: "round" }),
|
|
@@ -2456,7 +2421,6 @@ var __publicField = (obj, key, value) => {
|
|
|
2456
2421
|
mysql: MySQL,
|
|
2457
2422
|
nodejs: NodeJs,
|
|
2458
2423
|
postgres: Postgres,
|
|
2459
|
-
postgres_cdc: PostgresCDCDark,
|
|
2460
2424
|
prequel: Prequel,
|
|
2461
2425
|
python: Python,
|
|
2462
2426
|
redpanda: Redpanda,
|
|
@@ -7898,7 +7862,7 @@ var __publicField = (obj, key, value) => {
|
|
|
7898
7862
|
};
|
|
7899
7863
|
const EllipsisContainer$1 = styledComponents.styled.div.withConfig({
|
|
7900
7864
|
componentId: "sc-1ibz5fp-0"
|
|
7901
|
-
})(["display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;justify-content:flex-start;width:100%;width:-webkit-fill-available;width:fill-available;width:stretch;& > *:not(button){overflow:hidden;text-overflow:ellipsis;}"]);
|
|
7865
|
+
})(["display:inline-block;white-space:nowrap;text-overflow:ellipsis;vertical-align:text-bottom;overflow:hidden;justify-content:flex-start;width:100%;width:-webkit-fill-available;width:fill-available;width:stretch;& > *:not(button){overflow:hidden;text-overflow:ellipsis;}"]);
|
|
7902
7866
|
const _EllipsisContent = ({
|
|
7903
7867
|
component,
|
|
7904
7868
|
...props
|
|
@@ -18158,12 +18122,9 @@ var __publicField = (obj, key, value) => {
|
|
|
18158
18122
|
$selectionType,
|
|
18159
18123
|
$height,
|
|
18160
18124
|
$type = "body",
|
|
18161
|
-
$showBorder
|
|
18162
|
-
$rowAutoHeight
|
|
18125
|
+
$showBorder
|
|
18163
18126
|
}) => `
|
|
18164
|
-
height: ${$
|
|
18165
|
-
min-height: ${$rowAutoHeight ? "auto" : ""};
|
|
18166
|
-
overflow-y: ${$rowAutoHeight ? "auto" : ""};
|
|
18127
|
+
height: ${$height}px;
|
|
18167
18128
|
background: ${theme2.click.grid[$type].cell.color.background[$selectionType]};
|
|
18168
18129
|
color: ${$type === "header" ? theme2.click.grid.header.cell.color.title[$selectionType] : theme2.click.grid.body.cell.color.text[$selectionType]};
|
|
18169
18130
|
font: ${theme2.click.grid.cell.text.default};
|
|
@@ -18184,7 +18145,6 @@ var __publicField = (obj, key, value) => {
|
|
|
18184
18145
|
${$isLastColumn ? `
|
|
18185
18146
|
border-right-color: ${theme2.click.grid[$type].cell.color.stroke[$isFocused ? "selectDirect" : $selectionType]};
|
|
18186
18147
|
` : "border-right: none;"}
|
|
18187
|
-
${$rowAutoHeight && "border: none;"}
|
|
18188
18148
|
`, ({
|
|
18189
18149
|
theme: theme2,
|
|
18190
18150
|
$isLastRow,
|
|
@@ -18192,9 +18152,8 @@ var __publicField = (obj, key, value) => {
|
|
|
18192
18152
|
$selectionType,
|
|
18193
18153
|
$type = "body",
|
|
18194
18154
|
$isSelectedTop,
|
|
18195
|
-
$isSelectedLeft
|
|
18196
|
-
|
|
18197
|
-
}) => $isSelectedTop || $isSelectedLeft || $selectionType === "selectDirect" && ($isLastRow || $isLastColumn) || $rowAutoHeight ? `
|
|
18155
|
+
$isSelectedLeft
|
|
18156
|
+
}) => $isSelectedTop || $isSelectedLeft || $selectionType === "selectDirect" && ($isLastRow || $isLastColumn) ? `
|
|
18198
18157
|
&::before {
|
|
18199
18158
|
content: "";
|
|
18200
18159
|
position: absolute;
|
|
@@ -18206,7 +18165,6 @@ var __publicField = (obj, key, value) => {
|
|
|
18206
18165
|
${$isSelectedLeft ? `border-left: 1px solid ${theme2.click.grid[$type].cell.color.stroke.selectDirect};` : ""}
|
|
18207
18166
|
${$selectionType === "selectDirect" && $isLastRow ? `border-bottom: 1px solid ${theme2.click.grid[$type].cell.color.stroke.selectDirect};` : ""}
|
|
18208
18167
|
${$selectionType === "selectDirect" && $isLastColumn ? `border-right: 1px solid ${theme2.click.grid[$type].cell.color.stroke.selectDirect};` : ""}
|
|
18209
|
-
${$rowAutoHeight && "border: none;"}
|
|
18210
18168
|
}
|
|
18211
18169
|
` : "");
|
|
18212
18170
|
const RowNumberColumnContainer = styledComponents.styled.div.withConfig({
|
|
@@ -18217,7 +18175,7 @@ var __publicField = (obj, key, value) => {
|
|
|
18217
18175
|
}) => `
|
|
18218
18176
|
top: ${$height}px;
|
|
18219
18177
|
width: ${$width}px;
|
|
18220
|
-
height: 100
|
|
18178
|
+
height: 100%;
|
|
18221
18179
|
`, ({
|
|
18222
18180
|
$scrolledHorizontal,
|
|
18223
18181
|
theme: theme2
|
|
@@ -18226,11 +18184,10 @@ var __publicField = (obj, key, value) => {
|
|
|
18226
18184
|
componentId: "sc-7gbi4d-1"
|
|
18227
18185
|
})(["position:absolute;left:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;", ""], ({
|
|
18228
18186
|
$height,
|
|
18229
|
-
$rowNumber
|
|
18230
|
-
$rowAutoHeight
|
|
18187
|
+
$rowNumber
|
|
18231
18188
|
}) => `
|
|
18232
18189
|
top: ${$height * $rowNumber}px;
|
|
18233
|
-
height: ${$
|
|
18190
|
+
height: ${$height}px;
|
|
18234
18191
|
`);
|
|
18235
18192
|
const RowNumber = ({
|
|
18236
18193
|
rowIndex,
|
|
@@ -18239,8 +18196,7 @@ var __publicField = (obj, key, value) => {
|
|
|
18239
18196
|
isLastRow,
|
|
18240
18197
|
isFirstRow,
|
|
18241
18198
|
showBorder,
|
|
18242
|
-
rowStart
|
|
18243
|
-
rowAutoHeight
|
|
18199
|
+
rowStart
|
|
18244
18200
|
}) => {
|
|
18245
18201
|
const currentRowIndex = rowIndex + rowStart;
|
|
18246
18202
|
const selectionType = getSelectionType({
|
|
@@ -18253,7 +18209,7 @@ var __publicField = (obj, key, value) => {
|
|
|
18253
18209
|
type: "row"
|
|
18254
18210
|
});
|
|
18255
18211
|
const isSelectedTop = (topSelectionType === "selectDirect" || isSelected) && topSelectionType !== selectionType;
|
|
18256
|
-
return /* @__PURE__ */ jsxRuntime.jsx(RowNumberCell, { $rowNumber: rowIndex, $height: rowHeight,
|
|
18212
|
+
return /* @__PURE__ */ jsxRuntime.jsx(RowNumberCell, { $rowNumber: rowIndex, $height: rowHeight, children: /* @__PURE__ */ jsxRuntime.jsx(StyledCell, { $height: rowHeight, $isLastColumn: false, $selectionType: selectionType, $isFirstColumn: true, $type: "header", $isFirstRow: isFirstRow, $isFocused: false, $isLastRow: isLastRow, $isSelectedLeft: isSelected, $isSelectedTop: isSelectedTop, "data-selected": isSelected, "data-grid-row": currentRowIndex, "data-grid-column": -1, "data-testid": `header-cell-${currentRowIndex}-x`, $showBorder: showBorder, "data-align": "right", children: currentRowIndex }) });
|
|
18257
18213
|
};
|
|
18258
18214
|
const RowNumberColumn = ({
|
|
18259
18215
|
minRow,
|
|
@@ -18266,12 +18222,11 @@ var __publicField = (obj, key, value) => {
|
|
|
18266
18222
|
showHeader,
|
|
18267
18223
|
scrolledHorizontal,
|
|
18268
18224
|
rowStart = 0,
|
|
18269
|
-
showBorder
|
|
18270
|
-
rowAutoHeight
|
|
18225
|
+
showBorder
|
|
18271
18226
|
}) => {
|
|
18272
|
-
return /* @__PURE__ */ jsxRuntime.jsx(RowNumberColumnContainer, { $height: headerHeight, $width: rowWidth, $scrolledHorizontal: scrolledHorizontal,
|
|
18227
|
+
return /* @__PURE__ */ jsxRuntime.jsx(RowNumberColumnContainer, { $height: headerHeight, $width: rowWidth, $scrolledHorizontal: scrolledHorizontal, children: Array.from({
|
|
18273
18228
|
length: maxRow - minRow + 1
|
|
18274
|
-
}, (_, index2) => minRow + index2).map((rowIndex) => /* @__PURE__ */ jsxRuntime.jsx(RowNumber, { getSelectionType, rowHeight, rowIndex, isLastRow: rowIndex === rowCount, isFirstRow: !showHeader && rowIndex === 0, showBorder, rowStart
|
|
18229
|
+
}, (_, index2) => minRow + index2).map((rowIndex) => /* @__PURE__ */ jsxRuntime.jsx(RowNumber, { getSelectionType, rowHeight, rowIndex, isLastRow: rowIndex === rowCount, isFirstRow: !showHeader && rowIndex === 0, showBorder, rowStart }, `row-number-${rowIndex}`)) });
|
|
18275
18230
|
};
|
|
18276
18231
|
function isObject$a(value) {
|
|
18277
18232
|
var type = typeof value;
|
|
@@ -18653,7 +18608,7 @@ var __publicField = (obj, key, value) => {
|
|
|
18653
18608
|
}) => $scrolledHorizontal ? `box-shadow: 0px 0 0px 1px ${theme2.click.grid.header.cell.color.stroke.default};` : "");
|
|
18654
18609
|
const RowColumn = styledComponents.styled(StyledCell).withConfig({
|
|
18655
18610
|
componentId: "sc-1oadqc8-4"
|
|
18656
|
-
})(["width:100%;text-align:right;
|
|
18611
|
+
})(["width:100%;text-align:right;"]);
|
|
18657
18612
|
const Column = ({
|
|
18658
18613
|
columnIndex,
|
|
18659
18614
|
cell,
|
|
@@ -19082,9 +19037,7 @@ var __publicField = (obj, key, value) => {
|
|
|
19082
19037
|
showRowNumber,
|
|
19083
19038
|
showHeader,
|
|
19084
19039
|
rowHeight,
|
|
19085
|
-
rowStart
|
|
19086
|
-
rowAutoHeight,
|
|
19087
|
-
updateRowHeight
|
|
19040
|
+
rowStart
|
|
19088
19041
|
} = data;
|
|
19089
19042
|
const currentRowIndex = rowIndex + rowStart;
|
|
19090
19043
|
const {
|
|
@@ -19113,21 +19066,7 @@ var __publicField = (obj, key, value) => {
|
|
|
19113
19066
|
const belowSelectionBorder = (selectionType === "selectDirect" || belowSelection === "selectDirect") && selectionType !== belowSelection;
|
|
19114
19067
|
const selectionBorderLeft = rightOfSelectionBorder || rightOfFocus || isFocused;
|
|
19115
19068
|
const selectionBorderTop = belowSelectionBorder || belowFocus || isFocused;
|
|
19116
|
-
|
|
19117
|
-
React.useEffect(() => {
|
|
19118
|
-
if (!rowAutoHeight) {
|
|
19119
|
-
return;
|
|
19120
|
-
}
|
|
19121
|
-
if (cellRef.current) {
|
|
19122
|
-
const height = cellRef.current.getBoundingClientRect().height;
|
|
19123
|
-
updateRowHeight(rowIndex, height);
|
|
19124
|
-
}
|
|
19125
|
-
}, [updateRowHeight, rowIndex, rowAutoHeight]);
|
|
19126
|
-
const styleWithHeight = {
|
|
19127
|
-
...style,
|
|
19128
|
-
height: "auto"
|
|
19129
|
-
};
|
|
19130
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { style: styleWithHeight, "data-row": currentRowIndex, "data-column": columnIndex, ref: cellRef, children: /* @__PURE__ */ jsxRuntime.jsx(StyledCell, { as: CellData, rowIndex: currentRowIndex, columnIndex, type: "row-cell", "data-selected": isFocused || selectionType === "selectDirect", "data-focused": isFocused, $isSelectedTop: selectionBorderTop, $isSelectedLeft: selectionBorderLeft, $isFocused: isFocused, $isLastRow: rowCount - 1 === rowIndex, $isLastColumn: columnCount - 1 === columnIndex, $isFirstColumn: columnIndex === 0 && !showRowNumber, $isFirstRow: rowIndex === 0 && !showHeader, $selectionType: selectionType, $height: rowHeight, "data-grid-row": currentRowIndex, "data-grid-column": columnIndex, $showBorder: true, $rowAutoHeight: rowAutoHeight, ...props }) });
|
|
19069
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { style, "data-row": currentRowIndex, "data-column": columnIndex, children: /* @__PURE__ */ jsxRuntime.jsx(StyledCell, { as: CellData, rowIndex: currentRowIndex, columnIndex, type: "row-cell", "data-selected": isFocused || selectionType === "selectDirect", "data-focused": isFocused, $isSelectedTop: selectionBorderTop, $isSelectedLeft: selectionBorderLeft, $isFocused: isFocused, $isLastRow: rowCount - 1 === rowIndex, $isLastColumn: columnCount - 1 === columnIndex, $isFirstColumn: columnIndex === 0 && !showRowNumber, $isFirstRow: rowIndex === 0 && !showHeader, $selectionType: selectionType, $height: rowHeight, "data-grid-row": currentRowIndex, "data-grid-column": columnIndex, $showBorder: true, ...props }) });
|
|
19131
19070
|
}, areEqual);
|
|
19132
19071
|
var reactDomServerLegacy_browser_production_min = {};
|
|
19133
19072
|
/**
|
|
@@ -33195,19 +33134,14 @@ var __publicField = (obj, key, value) => {
|
|
|
33195
33134
|
return newWidth;
|
|
33196
33135
|
};
|
|
33197
33136
|
const columnWidthList = [...Array(columnCount).keys()];
|
|
33198
|
-
const array = [];
|
|
33199
33137
|
setColumnHorizontalPosition(() => {
|
|
33200
|
-
return columnWidthList.reduce((acc, index2) => {
|
|
33138
|
+
return columnWidthList.reduce((acc, _, index2) => {
|
|
33201
33139
|
const width = getWidth(index2);
|
|
33202
33140
|
prevWidth.current[index2.toString()] = width;
|
|
33203
33141
|
columnWidthRefs.current[index2] = width;
|
|
33204
|
-
|
|
33205
|
-
acc.push(width + acc[index2 - 1]);
|
|
33206
|
-
} else {
|
|
33207
|
-
acc.push(0);
|
|
33208
|
-
}
|
|
33142
|
+
acc.push(acc[index2] + width);
|
|
33209
33143
|
return acc;
|
|
33210
|
-
},
|
|
33144
|
+
}, [0]);
|
|
33211
33145
|
});
|
|
33212
33146
|
(_a = gridRef.current) == null ? void 0 : _a.resetAfterColumnIndex(0);
|
|
33213
33147
|
}, [columnCount, columnWidthProp, gridRef]);
|
|
@@ -33337,7 +33271,6 @@ var __publicField = (obj, key, value) => {
|
|
|
33337
33271
|
onContextMenu: onContextMenuProp,
|
|
33338
33272
|
forwardedGridRef,
|
|
33339
33273
|
onItemsRendered: onItemsRenderedProp,
|
|
33340
|
-
rowAutoHeight,
|
|
33341
33274
|
...props
|
|
33342
33275
|
}, forwardedRef) => {
|
|
33343
33276
|
const [focus, setFocus] = React.useState(focusProp ?? {
|
|
@@ -33381,25 +33314,6 @@ var __publicField = (obj, key, value) => {
|
|
|
33381
33314
|
}
|
|
33382
33315
|
}
|
|
33383
33316
|
}, [cell, columnCount, focus, focusProp, rowCount, selection, showToast, onCopyCallback]);
|
|
33384
|
-
const rowHeightsRef = React.useRef(/* @__PURE__ */ new Map());
|
|
33385
|
-
const getRowHeight = React.useCallback((index2) => {
|
|
33386
|
-
if (rowAutoHeight && rowHeightsRef.current.get(index2)) {
|
|
33387
|
-
return rowHeightsRef.current.get(index2) + rowHeight;
|
|
33388
|
-
}
|
|
33389
|
-
return rowHeight;
|
|
33390
|
-
}, [rowHeight, rowAutoHeight]);
|
|
33391
|
-
const updateRowHeight = React.useCallback((rowIndex, height) => {
|
|
33392
|
-
if (!rowAutoHeight) {
|
|
33393
|
-
return;
|
|
33394
|
-
}
|
|
33395
|
-
const prevHeight = rowHeightsRef.current.get(rowIndex) ?? 0;
|
|
33396
|
-
if (height > prevHeight) {
|
|
33397
|
-
rowHeightsRef.current.set(rowIndex, height);
|
|
33398
|
-
if (gridRef.current) {
|
|
33399
|
-
gridRef.current.resetAfterRowIndex(rowIndex);
|
|
33400
|
-
}
|
|
33401
|
-
}
|
|
33402
|
-
}, [rowAutoHeight]);
|
|
33403
33317
|
const customOnCopy = React.useMemo(() => {
|
|
33404
33318
|
const result = async () => {
|
|
33405
33319
|
if (onCopyProp) {
|
|
@@ -33563,10 +33477,7 @@ var __publicField = (obj, key, value) => {
|
|
|
33563
33477
|
rowHeight,
|
|
33564
33478
|
headerHeight,
|
|
33565
33479
|
rowNumberWidth,
|
|
33566
|
-
rowStart
|
|
33567
|
-
rowAutoHeight,
|
|
33568
|
-
updateRowHeight,
|
|
33569
|
-
getRowHeight
|
|
33480
|
+
rowStart
|
|
33570
33481
|
};
|
|
33571
33482
|
const InnerElementType = React.forwardRef(({
|
|
33572
33483
|
children,
|
|
@@ -33575,7 +33486,7 @@ var __publicField = (obj, key, value) => {
|
|
|
33575
33486
|
const [minRow, maxRow, minColumn, maxColumn] = getRenderedCursor(children);
|
|
33576
33487
|
return /* @__PURE__ */ jsxRuntime.jsxs(GridContainer, { ...containerProps, className: `sticky-grid__container grid-outer ${props.className ?? ""}`, children: [
|
|
33577
33488
|
/* @__PURE__ */ jsxRuntime.jsx(GridDataContainer, { $top: showHeader ? headerHeight : 0, $left: showRowNumber ? rowNumberWidth : 0, ref, children }),
|
|
33578
|
-
showRowNumber && /* @__PURE__ */ jsxRuntime.jsx(RowNumberColumn, { scrolledHorizontal, minRow, maxRow, rowHeight, headerHeight, rowWidth: rowNumberWidth, rowCount, getSelectionType, showHeader, rowStart, showBorder
|
|
33489
|
+
showRowNumber && /* @__PURE__ */ jsxRuntime.jsx(RowNumberColumn, { scrolledHorizontal, minRow, maxRow, rowHeight, headerHeight, rowWidth: rowNumberWidth, rowCount, getSelectionType, showHeader, rowStart, showBorder }),
|
|
33579
33490
|
showHeader && /* @__PURE__ */ jsxRuntime.jsx(Header, { scrolledVertical, scrolledHorizontal, showRowNumber, minColumn, maxColumn, height: headerHeight, getColumnWidth: columnWidth, cell, rowNumberWidth, getSelectionType, columnCount, onColumnResize, getColumnHorizontalPosition, getResizerPosition, showBorder, resizingState })
|
|
33580
33491
|
] });
|
|
33581
33492
|
});
|
|
@@ -33828,16 +33739,11 @@ var __publicField = (obj, key, value) => {
|
|
|
33828
33739
|
const width = columnWidth(args.columnIndex);
|
|
33829
33740
|
return /* @__PURE__ */ jsxRuntime.jsx(Cell, { ...args, width });
|
|
33830
33741
|
};
|
|
33831
|
-
React.useEffect(() => {
|
|
33832
|
-
if (gridRef.current) {
|
|
33833
|
-
gridRef.current.resetAfterRowIndex(0);
|
|
33834
|
-
}
|
|
33835
|
-
}, [rowCount, columnCount]);
|
|
33836
33742
|
return /* @__PURE__ */ jsxRuntime.jsxs(ContextMenu, { modal: false, onOpenChange: setContextMenuOpen, children: [
|
|
33837
33743
|
/* @__PURE__ */ jsxRuntime.jsx(ContextMenuTrigger, { as: ContextMenu.Trigger, ref: mergeRefs([forwardedRef, containerRef]), tabIndex: 0, onMouseDown, onMouseMove, onKeyDown, onPointerDown, onPointerUp, onPointerLeave: setPointerCapture, onPointerEnter: setPointerCapture, onContextMenu, $rounded: rounded, $height: autoHeight ? rowCount * rowHeight + (showHeader ? headerHeight : 0) + elementBorderRef.current.scrollBarHeight : void 0, $showBorder: showBorder, children: /* @__PURE__ */ jsxRuntime.jsx(AutoSizer, { onResize, children: ({
|
|
33838
33744
|
height,
|
|
33839
33745
|
width
|
|
33840
|
-
}) => /* @__PURE__ */ jsxRuntime.jsx(VariableSizeGrid, { ref: forwardedGridRef ? mergeRefs([forwardedGridRef, gridRef]) : gridRef, height, width, columnCount, rowHeight:
|
|
33746
|
+
}) => /* @__PURE__ */ jsxRuntime.jsx(VariableSizeGrid, { ref: forwardedGridRef ? mergeRefs([forwardedGridRef, gridRef]) : gridRef, height, width, columnCount, rowHeight: () => rowHeight, useIsScrolling, innerElementType: InnerElementType, itemData: data, initialScrollTop: focus.row < rowStart ? focus.row * rowHeight : (focus.row - rowStart) * rowHeight, initialScrollLeft: getColumnHorizontalPosition(focus.column), columnWidth, rowCount, onScroll, outerRef, outerElementType: OuterElementType, onItemsRendered, ...props, children: CellWithWidth }) }) }),
|
|
33841
33747
|
/* @__PURE__ */ jsxRuntime.jsx(ContextMenu.Content, { children: menuOptions.map((option, index2) => /* @__PURE__ */ jsxRuntime.jsx(ContextMenu.Item, { onSelect: option.onSelect, children: option.label }, `grid-${index2}`)) })
|
|
33842
33748
|
] });
|
|
33843
33749
|
});
|
|
@@ -12,7 +12,6 @@ interface RowNumberColumnProps {
|
|
|
12
12
|
scrolledHorizontal: boolean;
|
|
13
13
|
rowStart: number;
|
|
14
14
|
showBorder: boolean;
|
|
15
|
-
rowAutoHeight?: boolean;
|
|
16
15
|
}
|
|
17
|
-
declare const RowNumberColumn: ({ minRow, maxRow, rowHeight, headerHeight, rowWidth, getSelectionType, rowCount, showHeader, scrolledHorizontal, rowStart, showBorder,
|
|
16
|
+
declare const RowNumberColumn: ({ minRow, maxRow, rowHeight, headerHeight, rowWidth, getSelectionType, rowCount, showHeader, scrolledHorizontal, rowStart, showBorder, }: RowNumberColumnProps) => import("react/jsx-runtime").JSX.Element;
|
|
18
17
|
export default RowNumberColumn;
|
|
@@ -107,9 +107,6 @@ export interface ItemDataType {
|
|
|
107
107
|
headerHeight: number;
|
|
108
108
|
rowNumberWidth: number;
|
|
109
109
|
rowStart: number;
|
|
110
|
-
rowAutoHeight?: boolean;
|
|
111
|
-
updateRowHeight: (rowIndex: number, height: number) => void;
|
|
112
|
-
getRowHeight: (index: number) => number;
|
|
113
110
|
}
|
|
114
111
|
export interface GridContextMenuItemProps extends Omit<ContextMenuItemProps, "children"> {
|
|
115
112
|
label: ReactNode;
|
|
@@ -140,7 +137,6 @@ export interface GridProps extends Omit<VariableSizeGridProps, "height" | "width
|
|
|
140
137
|
onCopyCallback?: (copied: boolean) => void;
|
|
141
138
|
onContextMenu?: MouseEventHandler<HTMLDivElement>;
|
|
142
139
|
forwardedGridRef?: MutableRefObject<VariableSizeGrid>;
|
|
143
|
-
rowAutoHeight?: boolean;
|
|
144
140
|
}
|
|
145
141
|
export type ResizerPosition = {
|
|
146
142
|
left: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export type LogoName = "clickhouse" | "airbyte" | "aws-s3" | "aws-athena" | "aws-kinesis" | "aws-redshift" | "aws-msk" | "kafka" | "digital_ocean" | "feature_database" | "feature_hexagon" | "fivetran" | "confluent" | "hex" | "tableau" | "grafana" | "superset" | "metabase" | "microsoft" | "aws" | "gcp" | "gcs" | "azure" | "azure-event-hub" | "dbeaver" | "dbt" | "jdbc" | "mysql" | "postgres" | "
|
|
1
|
+
export type LogoName = "clickhouse" | "airbyte" | "aws-s3" | "aws-athena" | "aws-kinesis" | "aws-redshift" | "aws-msk" | "kafka" | "digital_ocean" | "feature_database" | "feature_hexagon" | "fivetran" | "confluent" | "hex" | "tableau" | "grafana" | "superset" | "metabase" | "microsoft" | "aws" | "gcp" | "gcs" | "azure" | "azure-event-hub" | "dbeaver" | "dbt" | "jdbc" | "mysql" | "postgres" | "google" | "github" | "decodeable" | "golang" | "prequel" | "python" | "deepnote" | "nodejs" | "datagrip" | "vector" | "kubenetes" | "c#" | "redpanda" | "rust" | "hudi" | "deltalake" | "snowflake" | "mongodb" | "bigquery" | "iceberg" | "upstash" | "warpstream";
|