@clickhouse/click-ui 0.0.235 → 0.0.236
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.bundled.es.js +139 -155
- package/dist/click-ui.bundled.es.js.map +1 -1
- package/dist/click-ui.bundled.umd.js +139 -155
- package/dist/click-ui.bundled.umd.js.map +1 -1
- package/dist/click-ui.es.js +139 -155
- package/dist/click-ui.es.js.map +1 -1
- package/dist/click-ui.umd.js +139 -155
- package/dist/click-ui.umd.js.map +1 -1
- package/dist/components/CardHorizontal/CardHorizontal.d.ts +5 -1
- package/dist/components/Logos/AWSGlue.d.ts +4 -0
- package/dist/components/Logos/types.d.ts +1 -1
- package/dist/styles/types.d.ts +10 -3
- package/dist/styles/variables.json.d.ts +10 -3
- package/package.json +1 -1
package/dist/click-ui.umd.js
CHANGED
|
@@ -1684,54 +1684,46 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
1684
1684
|
/* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M54.8755 39.0706C54.1621 38.1693 50.1534 38.6366 48.3359 38.8536C47.7923 38.9204 47.7074 38.453 48.2 38.1026C51.3934 35.8995 56.6421 36.5337 57.2536 37.2681C57.8651 38.0191 57.0837 43.1762 54.0942 45.6463C53.6355 46.0301 53.1939 45.8298 53.3977 45.3292C54.0772 43.6769 55.5889 39.9551 54.8755 39.0706Z", fill: "#FF9900" })
|
|
1685
1685
|
] });
|
|
1686
1686
|
const AWSAthena = (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: [
|
|
1687
|
-
/* @__PURE__ */ jsxRuntime.jsx("
|
|
1688
|
-
|
|
1689
|
-
|
|
1690
|
-
|
|
1691
|
-
|
|
1692
|
-
|
|
1693
|
-
/* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#4D27A8" }),
|
|
1694
|
-
/* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "1", stopColor: "#A166FF" })
|
|
1695
|
-
] }),
|
|
1696
|
-
/* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_5755_3307", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "4", y: "4", width: "56", height: "56", rx: "4", fill: "white" }) }),
|
|
1697
|
-
/* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip1_5755_3307", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "56", height: "56", fill: "white", transform: "translate(4 4)" }) })
|
|
1698
|
-
] })
|
|
1687
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { fill: "url(#aws-athena-gradient)", d: "M64 0H0v64h64z" }),
|
|
1688
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#fff", fillRule: "evenodd", d: "M30.636 21.781c3.594 0 5.562.806 5.921 1.21-.359.403-2.327 1.208-5.921 1.208s-5.562-.805-5.921-1.209c.359-.403 2.327-1.209 5.921-1.209m-.409 6.445a.407.407 0 0 1 .178-.769q.096.002.178.047zm4.627 6.647c-.06.048-.196.142-.477.254-.25.1-.547.19-.882.27-.893.21-1.99.324-3.09.324-2.408 0-4.085-.52-4.446-.842l-1.066-9.958c1.635.669 4.043.89 5.743.89 1.671 0 4.027-.215 5.662-.858l-.638 4.38c-1.201-.453-2.7-1.111-4.121-1.803a1.19 1.19 0 0 0-1.134-.87c-.654 0-1.186.54-1.186 1.204 0 .665.532 1.205 1.186 1.205.155 0 .302-.032.438-.087 1.985.98 3.464 1.609 4.577 1.996zM23.097 23.077l1.286 12.003c.09 2.227 5.777 2.253 6.021 2.253 1.217 0 2.442-.13 3.448-.366a8 8 0 0 0 1.108-.34c.939-.378 1.431-.892 1.465-1.528l.536-3.678c.364.075.662.108.9.108.746 0 .943-.306 1.08-.518a.98.98 0 0 0 .117-.77c-.153-.632-1.045-1.464-1.64-1.958l.753-5.175h-.008c.004-.04.016-.077.016-.118 0-2.226-4.742-2.82-7.543-2.82s-7.543.593-7.543 2.82c0 .03.01.057.012.087zm7.171-7.03c6.921 0 12.552 5.716 12.552 12.74 0 7.026-5.63 12.74-12.552 12.74s-12.552-5.715-12.552-12.74c0-7.024 5.63-12.74 12.552-12.74m-19.88 17.42v1.613h7.146v-.095c2.285 4.815 7.127 8.154 12.734 8.154 7.796 0 14.14-6.437 14.14-14.351s-6.344-14.352-14.14-14.352c-6.065 0-11.235 3.904-13.24 9.36h-6.64v1.612h6.153a14.5 14.5 0 0 0-.405 3.224H8.8v1.612h7.401c.112 1.12.364 2.195.715 3.224zm43.276 19.361c-.96.977-2.627.982-3.587.009l-8.53-8.66a19.2 19.2 0 0 0 3.648-3.636l8.478 8.647a2.57 2.57 0 0 1 .739 1.82 2.57 2.57 0 0 1-.748 1.82m1.134-4.778-8.669-8.842a19.27 19.27 0 0 0 3.043-10.42c0-10.581-8.48-19.188-18.904-19.188-7.49 0-14.282 4.496-17.305 11.454l1.453.65c2.769-6.374 8.991-10.492 15.852-10.492 9.549 0 17.316 7.884 17.316 17.576 0 9.69-7.767 17.575-17.316 17.575-6.378 0-12.222-3.544-15.253-9.248l-1.398.766c3.308 6.227 9.688 10.094 16.651 10.094 3.645 0 7.05-1.055 9.94-2.876l8.747 8.878a4.076 4.076 0 0 0 5.83-.007A4.18 4.18 0 0 0 56 51.01a4.18 4.18 0 0 0-1.202-2.96", clipRule: "evenodd" }),
|
|
1689
|
+
/* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { x1: "0%", y1: "100%", x2: "100%", y2: "0%", id: "aws-athena-gradient", children: [
|
|
1690
|
+
/* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#4D27A8", offset: "0" }),
|
|
1691
|
+
/* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "1", stopColor: "#A166FF" })
|
|
1692
|
+
] }) })
|
|
1699
1693
|
] });
|
|
1700
|
-
const
|
|
1701
|
-
/* @__PURE__ */ jsxRuntime.jsx("
|
|
1694
|
+
const AWSGlue = (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: [
|
|
1695
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { fill: "url(#aws-glue-gradient)", d: "M64 0H0v64h64z" }),
|
|
1696
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#fff", fillRule: "evenodd", d: "M26.4 18.4H28v-1.6h-1.6zm-1.6.8V16a.8.8 0 0 1 .8-.8h3.2a.8.8 0 0 1 .8.8v3.2a.8.8 0 0 1-.8.8h-3.2a.8.8 0 0 1-.8-.8m8-5.6h1.6V12h-1.6zm-1.6.8v-3.2a.8.8 0 0 1 .8-.8h3.2a.8.8 0 0 1 .8.8v3.2a.8.8 0 0 1-.8.8H32a.8.8 0 0 1-.8-.8m3.2 7.2H36V20h-1.6zm-.8-3.2h3.2a.8.8 0 0 1 .8.8v3.2a.8.8 0 0 1-.8.8h-3.2a.8.8 0 0 1-.8-.8v-3.2a.8.8 0 0 1 .8-.8M32 26.8c-1.409 0-6.517-.06-9.84-.877l8.117 12.85c.08.128.123.276.123.427v1.822c1.123.325 2.16.328 3.2.012V39.2c0-.151.043-.3.123-.427l8.116-12.85c-3.322.817-8.43.877-9.839.877m-12.597-2.246a1.06 1.06 0 0 1-.203-.604c0-2.276 7.507-2.697 11.982-2.746l.017 1.6c-5.497.06-8.857.687-10.04 1.154C22.413 24.483 26.113 25.2 32 25.2c5.87 0 9.566-.713 10.831-1.237-.517-.209-1.587-.517-3.728-.779l.194-1.588c4.85.592 5.503 1.522 5.503 2.354 0 .218-.076.418-.203.604L35.2 39.432V41.6a.8.8 0 0 1-.502.742c-.872.35-1.75.525-2.645.525-.888 0-1.794-.172-2.73-.517a.8.8 0 0 1-.523-.75v-2.168zm18.136 23.14a.8.8 0 0 1-.173.872l-4.8 4.8a.8.8 0 0 1-1.132 0l-4.8-4.8A.8.8 0 0 1 27.2 47.2h2.4v-2.4h1.6V48a.8.8 0 0 1-.8.8h-1.269L32 51.669l2.869-2.869H33.6a.8.8 0 0 1-.8-.8v-3.2h1.6v2.4h2.4a.8.8 0 0 1 .74.494", clipRule: "evenodd" }),
|
|
1697
|
+
/* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { x1: "0%", y1: "100%", x2: "100%", y2: "0%", id: "aws-glue-gradient", children: [
|
|
1702
1698
|
/* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#4D27A8", offset: "0" }),
|
|
1703
|
-
/* @__PURE__ */ jsxRuntime.jsx("stop", {
|
|
1704
|
-
] }) })
|
|
1699
|
+
/* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "1", stopColor: "#A166FF" })
|
|
1700
|
+
] }) })
|
|
1701
|
+
] });
|
|
1702
|
+
const AWSKinesis = (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: [
|
|
1705
1703
|
/* @__PURE__ */ jsxRuntime.jsxs("g", { fill: "none", fillRule: "evenodd", transform: "matrix(1.600000023841858, 0, 0, 1.600000023841858, 0, 0)", children: [
|
|
1706
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0 0h40v40H0z", fill: "url(#
|
|
1704
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0 0h40v40H0z", fill: "url(#aws-kinesis-gradient)" }),
|
|
1707
1705
|
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9.886 31.107h1.005c0-4.043 2.626-8.176 22.109-8.176v-1.006c-20.368 0-23.114 4.642-23.114 9.182M12.773 34h1.004c0-3.64 0-9.14 19.223-9.14v-1.007c-18.665 0-20.227 5.013-20.227 10.147M8.004 13.75H7c0 3.555 4.788 5.81 14.233 6.75C11.788 21.438 7 23.694 7 27.25h1.004c0-2.333 3.247-6.247 24.996-6.247v-1.007c-21.749 0-24.996-3.913-24.996-6.246m2.887-3.857H9.886c0 4.54 2.746 9.181 23.114 9.181v-1.006c-19.483 0-22.11-4.133-22.11-8.175M33 16.139v1.007c-18.665 0-20.227-5.013-20.227-10.146h1.004c0 3.64 0 9.14 19.223 9.14", fill: "#FFF" })
|
|
1708
|
-
] })
|
|
1706
|
+
] }),
|
|
1707
|
+
/* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { x1: "0%", y1: "100%", x2: "100%", y2: "0%", id: "aws-kinesis-gradient", children: [
|
|
1708
|
+
/* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#4D27A8", offset: "0" }),
|
|
1709
|
+
/* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#A166FF", offset: "1" })
|
|
1710
|
+
] }) })
|
|
1709
1711
|
] });
|
|
1710
1712
|
const AWSRedshift = (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: [
|
|
1711
|
-
/* @__PURE__ */ jsxRuntime.
|
|
1712
|
-
|
|
1713
|
-
|
|
1714
|
-
|
|
1715
|
-
|
|
1716
|
-
|
|
1717
|
-
/* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#4D27A8" }),
|
|
1718
|
-
/* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "1", stopColor: "#A166FF" })
|
|
1719
|
-
] }),
|
|
1720
|
-
/* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_472_6151", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "4", y: "4", width: "56", height: "56", rx: "4", fill: "white" }) })
|
|
1721
|
-
] })
|
|
1713
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { fill: "url(#aws-redshift-gradient)", d: "M64 0H0v64h64z" }),
|
|
1714
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#fff", fillRule: "evenodd", d: "M40.66 28.136a1.536 1.536 0 0 1-1.537-1.533 1.537 1.537 0 0 1 3.073 0c0 .846-.689 1.533-1.536 1.533m-3.892 9.324a1.536 1.536 0 0 1-1.536-1.533 1.536 1.536 0 0 1 3.072 0c0 .845-.69 1.533-1.537 1.533m-9.342-1.554a1.536 1.536 0 0 1-1.535-1.533 1.537 1.537 0 0 1 3.072 0c0 .845-.69 1.533-1.537 1.533m-3.892 8.546a1.537 1.537 0 0 1-1.536-1.533 1.537 1.537 0 0 1 3.073 0c0 .846-.689 1.533-1.537 1.533M40.66 23.474a3.136 3.136 0 0 0-3.135 3.13 3.12 3.12 0 0 0 1.34 2.557l-1.463 3.702a3.126 3.126 0 0 0-3.588 2.061l-3.272-.742a3.13 3.13 0 0 0-3.116-2.938 3.135 3.135 0 0 0-3.133 3.129 3.1 3.1 0 0 0 .819 2.09l-1.428 3.343c-.052-.003-.099-.015-.15-.015a3.135 3.135 0 0 0-3.134 3.128 3.135 3.135 0 0 0 6.27 0 3.12 3.12 0 0 0-1.455-2.632l1.26-2.949c.303.097.618.163.95.163 1.234 0 2.293-.72 2.803-1.755l3.467.787a3.135 3.135 0 0 0 6.208-.606c0-.933-.42-1.761-1.07-2.336l1.536-3.889c.098.01.191.03.291.03a3.135 3.135 0 0 0 3.134-3.129 3.136 3.136 0 0 0-3.134-3.129M32 52.804c-7.785 0-13.602-2.336-13.602-4.426V18.521c2.649 2.152 8.254 3.29 13.619 3.29 5.34 0 10.922-1.128 13.585-3.262v29.83c0 2.089-5.818 4.426-13.602 4.426m.017-41.609c8.005 0 13.585 2.377 13.585 4.51s-5.58 4.51-13.585 4.51c-8.007 0-13.585-2.376-13.585-4.51s5.578-4.51 13.585-4.51m15.183 4.51c0-3.965-7.823-6.105-15.183-6.105s-15.183 2.14-15.183 6.106l.001.02H16.8v32.652c0 3.911 7.831 6.022 15.2 6.022s15.2-2.11 15.2-6.022V15.726h-.002z", clipRule: "evenodd" }),
|
|
1715
|
+
/* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { x1: "0%", y1: "100%", x2: "100%", y2: "0%", id: "aws-redshift-gradient", children: [
|
|
1716
|
+
/* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#4D27A8", offset: "0" }),
|
|
1717
|
+
/* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#A166FF", offset: "1" })
|
|
1718
|
+
] }) })
|
|
1722
1719
|
] });
|
|
1723
1720
|
const AWSMsk = (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: [
|
|
1724
|
-
/* @__PURE__ */ jsxRuntime.
|
|
1725
|
-
|
|
1726
|
-
|
|
1727
|
-
|
|
1728
|
-
|
|
1729
|
-
|
|
1730
|
-
/* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#4D27A8" }),
|
|
1731
|
-
/* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "1", stopColor: "#A166FF" })
|
|
1732
|
-
] }),
|
|
1733
|
-
/* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_5310_1178", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "4", y: "4", width: "56", height: "56", rx: "4", fill: "white" }) })
|
|
1734
|
-
] })
|
|
1721
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { fill: "url(#aws-msk-gradient)", d: "M64 0H0v64h64z" }),
|
|
1722
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#fff", fillRule: "evenodd", d: "M28.807 29.582v-7.193h1.596v3.197l2.155-3.197h1.768l-2.498 3.363 2.704 3.83h-1.894l-2.235-3.477v3.477zM52.8 39.294l-.535.463c-1.078.944-2.528 1.416-3.979 1.416s-2.904-.473-3.983-1.419l-1.067-.924c-1.564-1.37-4.304-1.37-5.865-.003l-1.073.93c-2.155 1.888-5.805 1.89-7.963-.003l-1.066-.924c-1.565-1.37-4.304-1.37-5.866-.003l-1.073.93c-2.155 1.888-5.804 1.89-7.962-.003l-.532-.46 1.045-1.21.535.464c1.566 1.372 4.305 1.372 5.866.003l1.073-.93c2.155-1.887 5.804-1.887 7.962.003l1.067.924c1.565 1.372 4.305 1.372 5.865.003l1.073-.93c2.155-1.887 5.805-1.887 7.963.003l1.066.924c1.565 1.372 4.304 1.372 5.866.003l.538-.466zm-1.681 9.618 1.045 1.208-.535.464c-1.077.944-2.527 1.415-3.978 1.415s-2.904-.472-3.984-1.418l-1.067-.924c-1.565-1.37-4.304-1.37-5.866-.003l-1.073.93c-2.153 1.888-5.802 1.889-7.962-.003l-1.066-.924c-1.564-1.37-4.304-1.37-5.866-.003l-1.073.93c-2.154 1.888-5.803 1.889-7.962-.003l-.532-.46 1.045-1.21.535.464c1.566 1.37 4.305 1.371 5.866.003l1.073-.93c2.155-1.887 5.803-1.888 7.962.003l1.066.924c1.566 1.37 4.305 1.371 5.866.003l1.073-.93c2.156-1.887 5.804-1.888 7.962.003l1.067.924c1.566 1.37 4.305 1.371 5.865.003zm0-5.067 1.045 1.208-.535.463c-2.154 1.89-5.804 1.89-7.962-.002L42.6 44.59c-1.565-1.371-4.304-1.37-5.866-.003l-1.073.93c-1.077.944-2.527 1.415-3.977 1.415-1.452 0-2.905-.472-3.985-1.418l-1.066-.924c-1.564-1.371-4.304-1.37-5.866-.003l-1.073.93c-2.153 1.889-5.803 1.889-7.962-.003l-.532-.461 1.045-1.208.535.464c1.566 1.371 4.305 1.37 5.866.002l1.073-.93c2.155-1.887 5.805-1.889 7.962.003l1.066.924c1.566 1.372 4.305 1.371 5.866.003l1.073-.93c2.156-1.887 5.805-1.889 7.962.003l1.067.924c1.566 1.372 4.305 1.371 5.865.003zM19.226 30.381a1.6 1.6 0 0 1 0 3.197 1.6 1.6 0 0 1 0-3.197m11.976-16.783a1.6 1.6 0 0 1 0 3.197 1.6 1.6 0 0 1 0-3.197M44.774 31.98a1.6 1.6 0 0 1-1.597 1.599 1.6 1.6 0 0 1 0-3.197 1.6 1.6 0 0 1 1.597 1.598M31.202 18.393c.531 0 1.026-.143 1.468-.375l8.134 11.843c-.333.373-.578.821-.706 1.319H22.305a3.16 3.16 0 0 0-.705-1.319l8.133-11.843c.442.232.937.375 1.469.375M19.226 35.176a3.19 3.19 0 0 0 3.08-2.398h17.792a3.19 3.19 0 0 0 3.08 2.398 3.2 3.2 0 0 0 3.193-3.197 3.2 3.2 0 0 0-3.194-3.197c-.368 0-.716.076-1.046.19L33.87 16.945a3.17 3.17 0 0 0 .525-1.747A3.2 3.2 0 0 0 31.202 12a3.2 3.2 0 0 0-3.194 3.197c0 .645.195 1.245.526 1.747l-8.261 12.029a3.2 3.2 0 0 0-1.047-.19 3.2 3.2 0 0 0-3.193 3.196 3.2 3.2 0 0 0 3.193 3.197", clipRule: "evenodd" }),
|
|
1723
|
+
/* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { x1: "0%", y1: "100%", x2: "100%", y2: "0%", id: "aws-msk-gradient", children: [
|
|
1724
|
+
/* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#4D27A8", offset: "0" }),
|
|
1725
|
+
/* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#A166FF", offset: "1" })
|
|
1726
|
+
] }) })
|
|
1735
1727
|
] });
|
|
1736
1728
|
const AWS_S3 = (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: [
|
|
1737
1729
|
/* @__PURE__ */ jsxRuntime.jsxs("g", { clipPath: "url(#clip0_472_6149)", children: [
|
|
@@ -2279,6 +2271,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
2279
2271
|
airbyte: Airbyte,
|
|
2280
2272
|
aws: AWSLight,
|
|
2281
2273
|
"aws-athena": AWSAthena,
|
|
2274
|
+
"aws-glue": AWSGlue,
|
|
2282
2275
|
"aws-kinesis": AWSKinesis,
|
|
2283
2276
|
"aws-msk": AWSMsk,
|
|
2284
2277
|
"aws-redshift": AWSRedshift,
|
|
@@ -2469,6 +2462,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
2469
2462
|
airbyte: Airbyte,
|
|
2470
2463
|
aws: AWSDark,
|
|
2471
2464
|
"aws-athena": AWSAthena,
|
|
2465
|
+
"aws-glue": AWSGlue,
|
|
2472
2466
|
"aws-kinesis": AWSKinesis,
|
|
2473
2467
|
"aws-msk": AWSMsk,
|
|
2474
2468
|
"aws-redshift": AWSRedshift,
|
|
@@ -9638,12 +9632,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
9638
9632
|
componentId: "sc-1qnbjoa-1"
|
|
9639
9633
|
})(["display:flex;flex-direction:column;align-self:start;gap:", ";flex:1;width:100%;"], ({
|
|
9640
9634
|
theme: theme2
|
|
9641
|
-
}) => theme2.click.card.horizontal.space.gap);
|
|
9635
|
+
}) => theme2.click.card.horizontal.space.md.gap);
|
|
9642
9636
|
const Wrapper$9 = styled.styled.div.withConfig({
|
|
9643
9637
|
componentId: "sc-1qnbjoa-2"
|
|
9644
9638
|
})(["display:inline-flex;width:100%;max-width:100%;align-items:center;justify-content:flex-start;", ""], ({
|
|
9645
9639
|
theme: theme2,
|
|
9646
9640
|
$color,
|
|
9641
|
+
$size,
|
|
9647
9642
|
$isSelected,
|
|
9648
9643
|
$isSelectable,
|
|
9649
9644
|
$disabled
|
|
@@ -9652,8 +9647,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
9652
9647
|
color: ${theme2.click.card.horizontal[$color].color.title.default};
|
|
9653
9648
|
border-radius: ${theme2.click.card.horizontal.radii.all};
|
|
9654
9649
|
border: 1px solid ${theme2.click.card.horizontal[$color].color.stroke[$isSelectable ? $isSelected ? "active" : "hover" : "default"]};
|
|
9655
|
-
|
|
9656
|
-
gap: ${theme2.click.card.horizontal.space.gap};
|
|
9650
|
+
padding: ${$size === "md" ? `${theme2.click.card.horizontal.space.md.y} ${theme2.click.card.horizontal.space.md.x}` : `${theme2.click.card.horizontal.space.sm.y} ${theme2.click.card.horizontal.space.sm.x}`};
|
|
9657
9651
|
font: ${theme2.click.card.horizontal.typography.title.default};
|
|
9658
9652
|
${Description} {
|
|
9659
9653
|
color: ${theme2.click.card.horizontal[$color].color.description.default};
|
|
@@ -9710,15 +9704,17 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
9710
9704
|
const ContentWrapper = styled.styled.div.withConfig({
|
|
9711
9705
|
componentId: "sc-1qnbjoa-4"
|
|
9712
9706
|
})(["display:flex;flex-direction:row;width:100%;gap:", ";@media (max-width:", "){flex-direction:column;}"], ({
|
|
9713
|
-
theme: theme2
|
|
9714
|
-
|
|
9707
|
+
theme: theme2,
|
|
9708
|
+
$size
|
|
9709
|
+
}) => $size === "md" ? theme2.click.card.horizontal.space.md.gap : theme2.click.card.horizontal.space.sm.gap, ({
|
|
9715
9710
|
theme: theme2
|
|
9716
9711
|
}) => theme2.breakpoint.sizes.md);
|
|
9717
9712
|
const IconTextContentWrapper = styled.styled.div.withConfig({
|
|
9718
9713
|
componentId: "sc-1qnbjoa-5"
|
|
9719
9714
|
})(["display:flex;flex-direction:row;align-items:center;width:100%;gap:", ";"], ({
|
|
9720
|
-
theme: theme2
|
|
9721
|
-
|
|
9715
|
+
theme: theme2,
|
|
9716
|
+
$size
|
|
9717
|
+
}) => $size === "md" ? theme2.click.card.horizontal.space.md.gap : theme2.click.card.horizontal.space.sm.gap);
|
|
9722
9718
|
const CardHorizontal = ({
|
|
9723
9719
|
title,
|
|
9724
9720
|
icon,
|
|
@@ -9730,6 +9726,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
9730
9726
|
isSelectable = infoText ? false : true,
|
|
9731
9727
|
children,
|
|
9732
9728
|
color = "default",
|
|
9729
|
+
size: size2 = "md",
|
|
9733
9730
|
badgeText,
|
|
9734
9731
|
badgeState,
|
|
9735
9732
|
badgeIcon,
|
|
@@ -9745,8 +9742,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
9745
9742
|
window.open(infoUrl, "_blank");
|
|
9746
9743
|
}
|
|
9747
9744
|
};
|
|
9748
|
-
return /* @__PURE__ */ jsxRuntime.jsx(Wrapper$9, { $disabled: disabled, $isSelected: isSelected, $isSelectable: isSelectable, $color: color, tabIndex: 0, onClick: handleClick, ...props, children: /* @__PURE__ */ jsxRuntime.jsxs(ContentWrapper, { children: [
|
|
9749
|
-
/* @__PURE__ */ jsxRuntime.jsxs(IconTextContentWrapper, { children: [
|
|
9745
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Wrapper$9, { $disabled: disabled, $isSelected: isSelected, $isSelectable: isSelectable, $color: color, $size: size2, tabIndex: 0, onClick: handleClick, ...props, children: /* @__PURE__ */ jsxRuntime.jsxs(ContentWrapper, { $size: size2, children: [
|
|
9746
|
+
/* @__PURE__ */ jsxRuntime.jsxs(IconTextContentWrapper, { $size: size2, children: [
|
|
9750
9747
|
icon && /* @__PURE__ */ jsxRuntime.jsx(CardIcon$1, { name: icon, "aria-hidden": true }),
|
|
9751
9748
|
/* @__PURE__ */ jsxRuntime.jsxs(Container, { padding: "none", orientation: "vertical", children: [
|
|
9752
9749
|
title && /* @__PURE__ */ jsxRuntime.jsxs(Header$4, { as: Container, isResponsive: false, gap: "xs", justifyContent: "space-between", fillWidth: true, children: [
|
|
@@ -17002,7 +16999,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
17002
16999
|
};
|
|
17003
17000
|
const UploadArea$1 = styled.div.withConfig({
|
|
17004
17001
|
componentId: "sc-1rzizve-0"
|
|
17005
|
-
})(["background-color:", ";border:", ";border-radius:", ";padding:", ";display:flex;flex-direction:", ";align-items:center;justify-content:", ";gap:", ";cursor:", ";transition:", ";", " ", ""], ({
|
|
17002
|
+
})(["background-color:", ";border:", ";border-radius:", ";padding:", ";min-height:", ";display:flex;flex-direction:", ";align-items:center;justify-content:", ";gap:", ";cursor:", ";transition:", ";", " ", ""], ({
|
|
17006
17003
|
theme: theme2
|
|
17007
17004
|
}) => theme2.click.fileUpload.color.background.default, ({
|
|
17008
17005
|
theme: theme2
|
|
@@ -17013,7 +17010,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
17013
17010
|
theme: theme2,
|
|
17014
17011
|
$hasFile,
|
|
17015
17012
|
$size
|
|
17016
|
-
}) => $hasFile || $size === "sm" ? `${theme2.click.fileUpload.sm.space.y} ${theme2.click.fileUpload.sm.space.x}` : `${theme2.click.fileUpload.md.space.y} ${theme2.click.fileUpload.md.space.x}`, (
|
|
17013
|
+
}) => $hasFile || $size === "sm" ? `${theme2.click.fileUpload.sm.space.y} ${theme2.click.fileUpload.sm.space.x}` : `${theme2.click.fileUpload.md.space.y} ${theme2.click.fileUpload.md.space.x}`, ({
|
|
17014
|
+
theme: theme2,
|
|
17015
|
+
$size
|
|
17016
|
+
}) => $size === "sm" ? `calc(${theme2.click.fileUpload.sm.space.y} * 2 + ${theme2.sizes[6]})` : "auto", (props) => props.$hasFile ? "row" : props.$size === "sm" ? "row" : "column", (props) => props.$hasFile ? "space-between" : props.$size === "sm" ? "space-between" : "center", ({
|
|
17017
17017
|
theme: theme2,
|
|
17018
17018
|
$size
|
|
17019
17019
|
}) => $size === "sm" ? theme2.click.fileUpload.sm.space.gap : theme2.click.fileUpload.md.space.gap, (props) => props.$hasFile ? "default" : "pointer", ({
|
|
@@ -17024,7 +17024,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
17024
17024
|
theme: theme2
|
|
17025
17025
|
}) => theme2.click.fileUpload.color.background.active, ({
|
|
17026
17026
|
theme: theme2
|
|
17027
|
-
}) => theme2.click.fileUpload.color.stroke.active)), (props) => props.$isError && styled.css(["background-color:", ";border:
|
|
17027
|
+
}) => theme2.click.fileUpload.color.stroke.active)), (props) => props.$isError && styled.css(["background-color:", ";border-color:transparent;"], ({
|
|
17028
17028
|
theme: theme2
|
|
17029
17029
|
}) => theme2.click.fileUpload.color.background.error));
|
|
17030
17030
|
const FileUploadTitle$1 = styled(Title$2).withConfig({
|
|
@@ -17035,24 +17035,32 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
17035
17035
|
theme: theme2,
|
|
17036
17036
|
$isNotSupported
|
|
17037
17037
|
}) => $isNotSupported ? theme2.click.fileUpload.color.title.error : theme2.click.fileUpload.color.title.default);
|
|
17038
|
-
const
|
|
17038
|
+
const FileName$1 = styled(Text).withConfig({
|
|
17039
17039
|
componentId: "sc-1rzizve-2"
|
|
17040
17040
|
})(["font:", ";color:", ";"], ({
|
|
17041
17041
|
theme: theme2
|
|
17042
17042
|
}) => theme2.click.fileUpload.typography.description.default, ({
|
|
17043
17043
|
theme: theme2
|
|
17044
|
-
}) => theme2.click.fileUpload.color.
|
|
17045
|
-
const
|
|
17044
|
+
}) => theme2.click.fileUpload.color.title.default);
|
|
17045
|
+
const FileUploadDescription$1 = styled(Text).withConfig({
|
|
17046
17046
|
componentId: "sc-1rzizve-3"
|
|
17047
|
+
})(["font:", ";color:", ";"], ({
|
|
17048
|
+
theme: theme2
|
|
17049
|
+
}) => theme2.click.fileUpload.typography.description.default, ({
|
|
17050
|
+
theme: theme2,
|
|
17051
|
+
$isError
|
|
17052
|
+
}) => $isError ? theme2.click.fileUpload.color.title.error : theme2.click.fileUpload.color.description.default);
|
|
17053
|
+
const DocumentIcon$1 = styled(SvgImage).withConfig({
|
|
17054
|
+
componentId: "sc-1rzizve-4"
|
|
17047
17055
|
})(["svg{width:", ";height:", ";color:", ";}"], ({
|
|
17048
17056
|
theme: theme2
|
|
17049
|
-
}) => theme2.click.fileUpload.
|
|
17057
|
+
}) => theme2.click.fileUpload.md.icon.size.width, ({
|
|
17050
17058
|
theme: theme2
|
|
17051
|
-
}) => theme2.click.fileUpload.
|
|
17059
|
+
}) => theme2.click.fileUpload.md.icon.size.height, ({
|
|
17052
17060
|
theme: theme2
|
|
17053
|
-
}) => theme2.click.fileUpload.
|
|
17061
|
+
}) => theme2.click.fileUpload.md.color.icon.default);
|
|
17054
17062
|
const UploadIcon$1 = styled(SvgImage).withConfig({
|
|
17055
|
-
componentId: "sc-1rzizve-
|
|
17063
|
+
componentId: "sc-1rzizve-5"
|
|
17056
17064
|
})(["svg{width:", ";height:", ";color:", ";}"], ({
|
|
17057
17065
|
theme: theme2
|
|
17058
17066
|
}) => theme2.click.fileUpload.md.icon.size.width, ({
|
|
@@ -17061,16 +17069,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
17061
17069
|
theme: theme2
|
|
17062
17070
|
}) => theme2.click.fileUpload.md.color.icon.default);
|
|
17063
17071
|
const UploadText$1 = styled.div.withConfig({
|
|
17064
|
-
componentId: "sc-1rzizve-5"
|
|
17065
|
-
})(["text-align:", ";", " ", ""], (props) => props.$hasFile || props.$size === "sm" ? "left" : "center", (props) => (props.$hasFile || props.$size === "sm") && styled.css(["flex:1;"]), (props) => !props.$hasFile && props.$size === "md" && styled.css(["display:flex;flex-direction:column;align-items:center;width:100%;"]));
|
|
17066
|
-
const FileInfoHeader$1 = styled.div.withConfig({
|
|
17067
17072
|
componentId: "sc-1rzizve-6"
|
|
17068
|
-
})(["display:flex;align-items:center;
|
|
17069
|
-
|
|
17070
|
-
}) => theme2.click.fileUpload.sm.space.gap);
|
|
17071
|
-
const FileInfo$1 = styled.div.withConfig({
|
|
17073
|
+
})(["text-align:", ";", " ", ""], (props) => props.$hasFile || props.$size === "sm" ? "left" : "center", (props) => (props.$hasFile || props.$size === "sm") && styled.css(["flex:1;"]), (props) => !props.$hasFile && props.$size === "md" && styled.css(["display:flex;flex-direction:column;align-items:center;width:100%;"]));
|
|
17074
|
+
styled.div.withConfig({
|
|
17072
17075
|
componentId: "sc-1rzizve-7"
|
|
17073
|
-
})(["display:flex;flex-direction:
|
|
17076
|
+
})(["display:flex;flex-direction:row;gap:", ";"], ({
|
|
17074
17077
|
theme: theme2
|
|
17075
17078
|
}) => theme2.click.fileUpload.hasFile.header.space.gap);
|
|
17076
17079
|
const FileDetails$1 = styled.div.withConfig({
|
|
@@ -17081,17 +17084,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
17081
17084
|
const FileActions$1 = styled.div.withConfig({
|
|
17082
17085
|
componentId: "sc-1rzizve-9"
|
|
17083
17086
|
})(["display:flex;align-items:center;margin-left:auto;gap:0;"]);
|
|
17084
|
-
const
|
|
17087
|
+
const FileContentContainer$1 = styled.div.withConfig({
|
|
17085
17088
|
componentId: "sc-1rzizve-10"
|
|
17086
|
-
})(["display:flex;flex-direction:
|
|
17087
|
-
|
|
17089
|
+
})(["flex:1;display:flex;flex-direction:column;justify-content:center;min-height:", ";"], ({
|
|
17090
|
+
$size
|
|
17091
|
+
}) => $size === "sm" ? "24px" : "auto");
|
|
17092
|
+
const ProgressBarWrapper$1 = styled.div.withConfig({
|
|
17088
17093
|
componentId: "sc-1rzizve-11"
|
|
17089
|
-
})(["
|
|
17090
|
-
const ProgressPercentage$1 = styled(Text).withConfig({
|
|
17091
|
-
componentId: "sc-1rzizve-12"
|
|
17092
|
-
})(["min-width:", ";text-align:right;padding-right:", ";"], ({
|
|
17093
|
-
theme: theme2
|
|
17094
|
-
}) => theme2.sizes[10], ({
|
|
17094
|
+
})(["margin-top:", ";margin-bottom:9px;"], ({
|
|
17095
17095
|
theme: theme2
|
|
17096
17096
|
}) => theme2.click.fileUpload.md.space.gap);
|
|
17097
17097
|
const formatFileSize$1 = (sizeInBytes) => {
|
|
@@ -17242,26 +17242,24 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
17242
17242
|
e.stopPropagation();
|
|
17243
17243
|
handleBrowseClick();
|
|
17244
17244
|
}, children: "Browse file" })
|
|
17245
|
-
] }) : /* @__PURE__ */ jsxRuntime.jsxs(
|
|
17246
|
-
/* @__PURE__ */ jsxRuntime.
|
|
17247
|
-
|
|
17245
|
+
] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
17246
|
+
/* @__PURE__ */ jsxRuntime.jsx(DocumentIcon$1, { name: "document" }),
|
|
17247
|
+
/* @__PURE__ */ jsxRuntime.jsxs(FileContentContainer$1, { $size: size2, children: [
|
|
17248
17248
|
/* @__PURE__ */ jsxRuntime.jsxs(FileDetails$1, { children: [
|
|
17249
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
17250
|
-
|
|
17251
|
-
|
|
17249
|
+
/* @__PURE__ */ jsxRuntime.jsx(FileName$1, { children: truncateFilename(file.name) }),
|
|
17250
|
+
showProgress && !showSuccess && /* @__PURE__ */ jsxRuntime.jsxs(FileUploadDescription$1, { children: [
|
|
17251
|
+
progress,
|
|
17252
|
+
"%"
|
|
17253
|
+
] }),
|
|
17254
|
+
!showProgress && !showSuccess && /* @__PURE__ */ jsxRuntime.jsx(FileUploadDescription$1, { $isError: true, children: failureMessage }),
|
|
17252
17255
|
showSuccess && /* @__PURE__ */ jsxRuntime.jsx(SvgImage, { size: "xs", state: "success", name: "check" })
|
|
17253
17256
|
] }),
|
|
17254
|
-
/* @__PURE__ */ jsxRuntime.
|
|
17255
|
-
|
|
17256
|
-
/* @__PURE__ */ jsxRuntime.jsx(IconButton$1, { size: "sm", icon: "cross", type: "ghost", onClick: handleRemoveFile })
|
|
17257
|
-
] })
|
|
17257
|
+
showProgress && !showSuccess && /* @__PURE__ */ jsxRuntime.jsx(ProgressBarWrapper$1, { children: /* @__PURE__ */ jsxRuntime.jsx(ProgressBar, { progress, type: "small" }) }),
|
|
17258
|
+
(showSuccess || !showProgress) && /* @__PURE__ */ jsxRuntime.jsx(FileUploadDescription$1, { children: formatFileSize$1(file.size) })
|
|
17258
17259
|
] }),
|
|
17259
|
-
|
|
17260
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
17261
|
-
/* @__PURE__ */ jsxRuntime.
|
|
17262
|
-
progress,
|
|
17263
|
-
"%"
|
|
17264
|
-
] })
|
|
17260
|
+
/* @__PURE__ */ jsxRuntime.jsxs(FileActions$1, { children: [
|
|
17261
|
+
!showProgress && !showSuccess && /* @__PURE__ */ jsxRuntime.jsx(IconButton$1, { size: "sm", icon: "refresh", type: "ghost", onClick: handleRetryUpload }),
|
|
17262
|
+
/* @__PURE__ */ jsxRuntime.jsx(IconButton$1, { size: "sm", icon: "cross", type: "ghost", onClick: handleRemoveFile })
|
|
17265
17263
|
] })
|
|
17266
17264
|
] }) }),
|
|
17267
17265
|
/* @__PURE__ */ jsxRuntime.jsx("input", { type: "file", ref: fileInputRef, accept: acceptedFileTypes, onChange: handleFileSelect, style: {
|
|
@@ -17298,15 +17296,23 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
17298
17296
|
theme: theme2,
|
|
17299
17297
|
$isNotSupported
|
|
17300
17298
|
}) => $isNotSupported ? theme2.click.fileUpload.color.title.error : theme2.click.fileUpload.color.title.default);
|
|
17301
|
-
const
|
|
17299
|
+
const FileName = styled(Text).withConfig({
|
|
17302
17300
|
componentId: "sc-1w9rsfj-2"
|
|
17303
17301
|
})(["font:", ";color:", ";"], ({
|
|
17304
17302
|
theme: theme2
|
|
17305
17303
|
}) => theme2.click.fileUpload.typography.description.default, ({
|
|
17306
17304
|
theme: theme2
|
|
17307
|
-
}) => theme2.click.fileUpload.color.
|
|
17308
|
-
const
|
|
17305
|
+
}) => theme2.click.fileUpload.color.title.default);
|
|
17306
|
+
const FileUploadDescription = styled(Text).withConfig({
|
|
17309
17307
|
componentId: "sc-1w9rsfj-3"
|
|
17308
|
+
})(["font:", ";color:", ";"], ({
|
|
17309
|
+
theme: theme2
|
|
17310
|
+
}) => theme2.click.fileUpload.typography.description.default, ({
|
|
17311
|
+
theme: theme2,
|
|
17312
|
+
$isError
|
|
17313
|
+
}) => $isError ? theme2.click.fileUpload.color.title.error : theme2.click.fileUpload.color.description.default);
|
|
17314
|
+
const UploadIcon = styled(SvgImage).withConfig({
|
|
17315
|
+
componentId: "sc-1w9rsfj-4"
|
|
17310
17316
|
})(["svg{width:", ";height:", ";color:", ";}"], ({
|
|
17311
17317
|
theme: theme2
|
|
17312
17318
|
}) => theme2.click.fileUpload.md.icon.size.width, ({
|
|
@@ -17315,17 +17321,17 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
17315
17321
|
theme: theme2
|
|
17316
17322
|
}) => theme2.click.fileUpload.md.color.icon.default);
|
|
17317
17323
|
const UploadText = styled.div.withConfig({
|
|
17318
|
-
componentId: "sc-1w9rsfj-
|
|
17324
|
+
componentId: "sc-1w9rsfj-5"
|
|
17319
17325
|
})(["text-align:center;display:flex;flex-direction:column;align-items:center;width:100%;"]);
|
|
17320
17326
|
const FilesList = styled.div.withConfig({
|
|
17321
|
-
componentId: "sc-1w9rsfj-
|
|
17327
|
+
componentId: "sc-1w9rsfj-6"
|
|
17322
17328
|
})(["display:flex;flex-direction:column;gap:", ";width:100%;margin-top:", ";"], ({
|
|
17323
17329
|
theme: theme2
|
|
17324
17330
|
}) => theme2.click.fileUpload.sm.space.gap, ({
|
|
17325
17331
|
theme: theme2
|
|
17326
17332
|
}) => theme2.click.fileUpload.md.space.gap);
|
|
17327
17333
|
const FileItem = styled.div.withConfig({
|
|
17328
|
-
componentId: "sc-1w9rsfj-
|
|
17334
|
+
componentId: "sc-1w9rsfj-7"
|
|
17329
17335
|
})(["background-color:", ";border:", ";border-radius:", ";padding:", ";display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:", ";", ""], ({
|
|
17330
17336
|
theme: theme2
|
|
17331
17337
|
}) => theme2.click.fileUpload.color.background.default, ({
|
|
@@ -17336,11 +17342,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
17336
17342
|
theme: theme2
|
|
17337
17343
|
}) => `${theme2.click.fileUpload.sm.space.y} ${theme2.click.fileUpload.sm.space.x}`, ({
|
|
17338
17344
|
theme: theme2
|
|
17339
|
-
}) => theme2.click.fileUpload.sm.space.gap, (props) => props.$isError && styled.css(["background-color:", ";border:
|
|
17345
|
+
}) => theme2.click.fileUpload.sm.space.gap, (props) => props.$isError && styled.css(["background-color:", ";border-color:transparent;"], ({
|
|
17340
17346
|
theme: theme2
|
|
17341
17347
|
}) => theme2.click.fileUpload.color.background.error));
|
|
17342
17348
|
const DocumentIcon = styled(SvgImage).withConfig({
|
|
17343
|
-
componentId: "sc-1w9rsfj-
|
|
17349
|
+
componentId: "sc-1w9rsfj-8"
|
|
17344
17350
|
})(["svg{width:", ";height:", ";color:", ";}"], ({
|
|
17345
17351
|
theme: theme2
|
|
17346
17352
|
}) => theme2.click.fileUpload.sm.icon.size.width, ({
|
|
@@ -17348,35 +17354,20 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
17348
17354
|
}) => theme2.click.fileUpload.sm.icon.size.height, ({
|
|
17349
17355
|
theme: theme2
|
|
17350
17356
|
}) => theme2.click.fileUpload.sm.color.icon.default);
|
|
17351
|
-
const FileInfoHeader = styled.div.withConfig({
|
|
17352
|
-
componentId: "sc-1w9rsfj-8"
|
|
17353
|
-
})(["display:flex;align-items:center;gap:", ";width:100%;"], ({
|
|
17354
|
-
theme: theme2
|
|
17355
|
-
}) => theme2.click.fileUpload.sm.space.gap);
|
|
17356
|
-
const FileInfo = styled.div.withConfig({
|
|
17357
|
-
componentId: "sc-1w9rsfj-9"
|
|
17358
|
-
})(["display:flex;flex-direction:column;gap:", ";flex:1;"], ({
|
|
17359
|
-
theme: theme2
|
|
17360
|
-
}) => theme2.click.fileUpload.hasFile.header.space.gap);
|
|
17361
17357
|
const FileDetails = styled.div.withConfig({
|
|
17362
|
-
componentId: "sc-1w9rsfj-
|
|
17358
|
+
componentId: "sc-1w9rsfj-9"
|
|
17363
17359
|
})(["display:flex;gap:", ";border:none;"], ({
|
|
17364
17360
|
theme: theme2
|
|
17365
17361
|
}) => theme2.click.fileUpload.md.space.gap);
|
|
17366
17362
|
const FileActions = styled.div.withConfig({
|
|
17367
|
-
componentId: "sc-1w9rsfj-
|
|
17363
|
+
componentId: "sc-1w9rsfj-10"
|
|
17368
17364
|
})(["display:flex;align-items:center;margin-left:auto;gap:0;"]);
|
|
17369
|
-
const
|
|
17365
|
+
const FileContentContainer = styled.div.withConfig({
|
|
17366
|
+
componentId: "sc-1w9rsfj-11"
|
|
17367
|
+
})(["flex:1;display:flex;flex-direction:column;justify-content:center;min-height:24px;"]);
|
|
17368
|
+
const ProgressBarWrapper = styled.div.withConfig({
|
|
17370
17369
|
componentId: "sc-1w9rsfj-12"
|
|
17371
|
-
})(["
|
|
17372
|
-
const ProgressBarContainer = styled.div.withConfig({
|
|
17373
|
-
componentId: "sc-1w9rsfj-13"
|
|
17374
|
-
})(["width:100%;flex:1;"]);
|
|
17375
|
-
const ProgressPercentage = styled(Text).withConfig({
|
|
17376
|
-
componentId: "sc-1w9rsfj-14"
|
|
17377
|
-
})(["min-width:", ";text-align:right;padding-right:", ";"], ({
|
|
17378
|
-
theme: theme2
|
|
17379
|
-
}) => theme2.sizes[10], ({
|
|
17370
|
+
})(["margin-top:", ";margin-bottom:9px;"], ({
|
|
17380
17371
|
theme: theme2
|
|
17381
17372
|
}) => theme2.click.fileUpload.md.space.gap);
|
|
17382
17373
|
const formatFileSize = (sizeInBytes) => {
|
|
@@ -17516,28 +17507,26 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
17516
17507
|
handleBrowseClick();
|
|
17517
17508
|
}, children: "Browse files" })
|
|
17518
17509
|
] }),
|
|
17519
|
-
files.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(FilesList, { children: files.map((file) => /* @__PURE__ */ jsxRuntime.
|
|
17520
|
-
/* @__PURE__ */ jsxRuntime.
|
|
17521
|
-
|
|
17510
|
+
files.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(FilesList, { children: files.map((file) => /* @__PURE__ */ jsxRuntime.jsxs(FileItem, { $isError: file.status === "error", children: [
|
|
17511
|
+
/* @__PURE__ */ jsxRuntime.jsx(DocumentIcon, { name: "document" }),
|
|
17512
|
+
/* @__PURE__ */ jsxRuntime.jsxs(FileContentContainer, { children: [
|
|
17522
17513
|
/* @__PURE__ */ jsxRuntime.jsxs(FileDetails, { children: [
|
|
17523
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
17524
|
-
|
|
17525
|
-
|
|
17514
|
+
/* @__PURE__ */ jsxRuntime.jsx(FileName, { children: truncateFilename(file.name) }),
|
|
17515
|
+
file.status === "uploading" && /* @__PURE__ */ jsxRuntime.jsxs(FileUploadDescription, { children: [
|
|
17516
|
+
file.progress,
|
|
17517
|
+
"%"
|
|
17518
|
+
] }),
|
|
17519
|
+
file.status === "error" && /* @__PURE__ */ jsxRuntime.jsx(FileUploadDescription, { $isError: true, children: file.errorMessage || "Upload failed" }),
|
|
17526
17520
|
file.status === "success" && /* @__PURE__ */ jsxRuntime.jsx(SvgImage, { size: "xs", state: "success", name: "check" })
|
|
17527
17521
|
] }),
|
|
17528
|
-
/* @__PURE__ */ jsxRuntime.
|
|
17529
|
-
|
|
17530
|
-
/* @__PURE__ */ jsxRuntime.jsx(IconButton$1, { size: "sm", icon: "cross", type: "ghost", onClick: () => handleRemoveFile(file.id) })
|
|
17531
|
-
] })
|
|
17522
|
+
file.status === "uploading" && /* @__PURE__ */ jsxRuntime.jsx(ProgressBarWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(ProgressBar, { progress: file.progress, type: "small" }) }),
|
|
17523
|
+
(file.status === "success" || file.status === "error") && /* @__PURE__ */ jsxRuntime.jsx(FileUploadDescription, { children: formatFileSize(file.size) })
|
|
17532
17524
|
] }),
|
|
17533
|
-
|
|
17534
|
-
|
|
17535
|
-
/* @__PURE__ */ jsxRuntime.
|
|
17536
|
-
file.progress,
|
|
17537
|
-
"%"
|
|
17538
|
-
] })
|
|
17525
|
+
/* @__PURE__ */ jsxRuntime.jsxs(FileActions, { children: [
|
|
17526
|
+
file.status === "error" && /* @__PURE__ */ jsxRuntime.jsx(IconButton$1, { size: "sm", icon: "refresh", type: "ghost", onClick: () => handleRetryUpload(file.id) }),
|
|
17527
|
+
/* @__PURE__ */ jsxRuntime.jsx(IconButton$1, { size: "sm", icon: "cross", type: "ghost", onClick: () => handleRemoveFile(file.id) })
|
|
17539
17528
|
] })
|
|
17540
|
-
] }
|
|
17529
|
+
] }, file.id)) }),
|
|
17541
17530
|
/* @__PURE__ */ jsxRuntime.jsx("input", { type: "file", ref: fileInputRef, accept: acceptedFileTypes, onChange: handleFileSelect, multiple: true, style: {
|
|
17542
17531
|
display: "none"
|
|
17543
17532
|
} })
|
|
@@ -34688,18 +34677,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
34688
34677
|
};
|
|
34689
34678
|
const leftButtonDisabled = currentPage <= 1;
|
|
34690
34679
|
const rightButtonDisabled = !!totalPages && currentPage === totalPages || disableNextButton;
|
|
34691
|
-
const onKeyDown = (e) => {
|
|
34692
|
-
var _a;
|
|
34693
|
-
const isInputEnabled = !((_a = inputRef.current) == null ? void 0 : _a.disabled);
|
|
34694
|
-
if ((e.key === "ArrowUp" || e.key === "ArrowRight") && isInputEnabled && !rightButtonDisabled) {
|
|
34695
|
-
onChangeProp(currentPage + 1);
|
|
34696
|
-
} else if ((e.key === "ArrowDown" || e.key === "ArrowLeft") && isInputEnabled && !leftButtonDisabled) {
|
|
34697
|
-
const newPage = currentPage - 1;
|
|
34698
|
-
if (newPage > 0) {
|
|
34699
|
-
onChangeProp(newPage);
|
|
34700
|
-
}
|
|
34701
|
-
}
|
|
34702
|
-
};
|
|
34703
34680
|
const onChange = (value) => {
|
|
34704
34681
|
var _a;
|
|
34705
34682
|
const sanitizedValue = parseInt(value, 10);
|
|
@@ -34741,7 +34718,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
34741
34718
|
] }),
|
|
34742
34719
|
/* @__PURE__ */ jsxRuntime.jsxs(Container, { gap: "xxs", fillWidth: false, children: [
|
|
34743
34720
|
/* @__PURE__ */ jsxRuntime.jsx(IconButton$1, { icon: "chevron-left", type: "ghost", disabled: leftButtonDisabled, onClick: onPrevClick, "data-testid": "prev-btn" }),
|
|
34744
|
-
/* @__PURE__ */ jsxRuntime.jsx(Container, { maxWidth: "50px", fillWidth: false, children: /* @__PURE__ */ jsxRuntime.jsx(NumberField, { ref: inputRef, onChange, value: currentPage, loading: false,
|
|
34721
|
+
/* @__PURE__ */ jsxRuntime.jsx(Container, { maxWidth: "50px", fillWidth: false, children: /* @__PURE__ */ jsxRuntime.jsx(NumberField, { ref: inputRef, onChange, value: currentPage, loading: false, "aria-label": currentPage.toString(), min: 1, max: totalPages, onFocus: onPageNumberFocus, hideControls: true, onBlur: onPageNumberBlur, disabled: leftButtonDisabled && rightButtonDisabled }) }),
|
|
34745
34722
|
!!totalPages && /* @__PURE__ */ jsxRuntime.jsxs(Text, { component: "div", color: "muted", size: "sm", children: [
|
|
34746
34723
|
"of ",
|
|
34747
34724
|
formatNumber(totalPages)
|
|
@@ -48680,9 +48657,16 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
|
|
|
48680
48657
|
}
|
|
48681
48658
|
},
|
|
48682
48659
|
space: {
|
|
48683
|
-
|
|
48684
|
-
|
|
48685
|
-
|
|
48660
|
+
md: {
|
|
48661
|
+
y: "0.75rem",
|
|
48662
|
+
x: "1rem",
|
|
48663
|
+
gap: "1rem"
|
|
48664
|
+
},
|
|
48665
|
+
sm: {
|
|
48666
|
+
y: "0.5rem",
|
|
48667
|
+
x: "0.75rem",
|
|
48668
|
+
gap: "0.75rem"
|
|
48669
|
+
}
|
|
48686
48670
|
},
|
|
48687
48671
|
"default": {
|
|
48688
48672
|
color: {
|