@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
|
@@ -2881,54 +2881,46 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
2881
2881
|
/* @__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" })
|
|
2882
2882
|
] });
|
|
2883
2883
|
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: [
|
|
2884
|
-
/* @__PURE__ */ jsxRuntime.jsx("
|
|
2885
|
-
|
|
2886
|
-
|
|
2887
|
-
|
|
2888
|
-
|
|
2889
|
-
|
|
2890
|
-
/* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#4D27A8" }),
|
|
2891
|
-
/* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "1", stopColor: "#A166FF" })
|
|
2892
|
-
] }),
|
|
2893
|
-
/* @__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" }) }),
|
|
2894
|
-
/* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip1_5755_3307", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "56", height: "56", fill: "white", transform: "translate(4 4)" }) })
|
|
2895
|
-
] })
|
|
2884
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { fill: "url(#aws-athena-gradient)", d: "M64 0H0v64h64z" }),
|
|
2885
|
+
/* @__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" }),
|
|
2886
|
+
/* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { x1: "0%", y1: "100%", x2: "100%", y2: "0%", id: "aws-athena-gradient", children: [
|
|
2887
|
+
/* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#4D27A8", offset: "0" }),
|
|
2888
|
+
/* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "1", stopColor: "#A166FF" })
|
|
2889
|
+
] }) })
|
|
2896
2890
|
] });
|
|
2897
|
-
const
|
|
2898
|
-
/* @__PURE__ */ jsxRuntime.jsx("
|
|
2891
|
+
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: [
|
|
2892
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { fill: "url(#aws-glue-gradient)", d: "M64 0H0v64h64z" }),
|
|
2893
|
+
/* @__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" }),
|
|
2894
|
+
/* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { x1: "0%", y1: "100%", x2: "100%", y2: "0%", id: "aws-glue-gradient", children: [
|
|
2899
2895
|
/* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#4D27A8", offset: "0" }),
|
|
2900
|
-
/* @__PURE__ */ jsxRuntime.jsx("stop", {
|
|
2901
|
-
] }) })
|
|
2896
|
+
/* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "1", stopColor: "#A166FF" })
|
|
2897
|
+
] }) })
|
|
2898
|
+
] });
|
|
2899
|
+
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: [
|
|
2902
2900
|
/* @__PURE__ */ jsxRuntime.jsxs("g", { fill: "none", fillRule: "evenodd", transform: "matrix(1.600000023841858, 0, 0, 1.600000023841858, 0, 0)", children: [
|
|
2903
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0 0h40v40H0z", fill: "url(#
|
|
2901
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0 0h40v40H0z", fill: "url(#aws-kinesis-gradient)" }),
|
|
2904
2902
|
/* @__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" })
|
|
2905
|
-
] })
|
|
2903
|
+
] }),
|
|
2904
|
+
/* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { x1: "0%", y1: "100%", x2: "100%", y2: "0%", id: "aws-kinesis-gradient", children: [
|
|
2905
|
+
/* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#4D27A8", offset: "0" }),
|
|
2906
|
+
/* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#A166FF", offset: "1" })
|
|
2907
|
+
] }) })
|
|
2906
2908
|
] });
|
|
2907
2909
|
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: [
|
|
2908
|
-
/* @__PURE__ */ jsxRuntime.
|
|
2909
|
-
|
|
2910
|
-
|
|
2911
|
-
|
|
2912
|
-
|
|
2913
|
-
|
|
2914
|
-
/* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#4D27A8" }),
|
|
2915
|
-
/* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "1", stopColor: "#A166FF" })
|
|
2916
|
-
] }),
|
|
2917
|
-
/* @__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" }) })
|
|
2918
|
-
] })
|
|
2910
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { fill: "url(#aws-redshift-gradient)", d: "M64 0H0v64h64z" }),
|
|
2911
|
+
/* @__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" }),
|
|
2912
|
+
/* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { x1: "0%", y1: "100%", x2: "100%", y2: "0%", id: "aws-redshift-gradient", children: [
|
|
2913
|
+
/* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#4D27A8", offset: "0" }),
|
|
2914
|
+
/* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#A166FF", offset: "1" })
|
|
2915
|
+
] }) })
|
|
2919
2916
|
] });
|
|
2920
2917
|
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: [
|
|
2921
|
-
/* @__PURE__ */ jsxRuntime.
|
|
2922
|
-
|
|
2923
|
-
|
|
2924
|
-
|
|
2925
|
-
|
|
2926
|
-
|
|
2927
|
-
/* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#4D27A8" }),
|
|
2928
|
-
/* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "1", stopColor: "#A166FF" })
|
|
2929
|
-
] }),
|
|
2930
|
-
/* @__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" }) })
|
|
2931
|
-
] })
|
|
2918
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { fill: "url(#aws-msk-gradient)", d: "M64 0H0v64h64z" }),
|
|
2919
|
+
/* @__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" }),
|
|
2920
|
+
/* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { x1: "0%", y1: "100%", x2: "100%", y2: "0%", id: "aws-msk-gradient", children: [
|
|
2921
|
+
/* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#4D27A8", offset: "0" }),
|
|
2922
|
+
/* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#A166FF", offset: "1" })
|
|
2923
|
+
] }) })
|
|
2932
2924
|
] });
|
|
2933
2925
|
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: [
|
|
2934
2926
|
/* @__PURE__ */ jsxRuntime.jsxs("g", { clipPath: "url(#clip0_472_6149)", children: [
|
|
@@ -3476,6 +3468,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
3476
3468
|
airbyte: Airbyte,
|
|
3477
3469
|
aws: AWSLight,
|
|
3478
3470
|
"aws-athena": AWSAthena,
|
|
3471
|
+
"aws-glue": AWSGlue,
|
|
3479
3472
|
"aws-kinesis": AWSKinesis,
|
|
3480
3473
|
"aws-msk": AWSMsk,
|
|
3481
3474
|
"aws-redshift": AWSRedshift,
|
|
@@ -3666,6 +3659,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
3666
3659
|
airbyte: Airbyte,
|
|
3667
3660
|
aws: AWSDark,
|
|
3668
3661
|
"aws-athena": AWSAthena,
|
|
3662
|
+
"aws-glue": AWSGlue,
|
|
3669
3663
|
"aws-kinesis": AWSKinesis,
|
|
3670
3664
|
"aws-msk": AWSMsk,
|
|
3671
3665
|
"aws-redshift": AWSRedshift,
|
|
@@ -10835,12 +10829,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
10835
10829
|
componentId: "sc-1qnbjoa-1"
|
|
10836
10830
|
})(["display:flex;flex-direction:column;align-self:start;gap:", ";flex:1;width:100%;"], ({
|
|
10837
10831
|
theme: theme2
|
|
10838
|
-
}) => theme2.click.card.horizontal.space.gap);
|
|
10832
|
+
}) => theme2.click.card.horizontal.space.md.gap);
|
|
10839
10833
|
const Wrapper$9 = pt.div.withConfig({
|
|
10840
10834
|
componentId: "sc-1qnbjoa-2"
|
|
10841
10835
|
})(["display:inline-flex;width:100%;max-width:100%;align-items:center;justify-content:flex-start;", ""], ({
|
|
10842
10836
|
theme: theme2,
|
|
10843
10837
|
$color,
|
|
10838
|
+
$size,
|
|
10844
10839
|
$isSelected,
|
|
10845
10840
|
$isSelectable,
|
|
10846
10841
|
$disabled
|
|
@@ -10849,8 +10844,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
10849
10844
|
color: ${theme2.click.card.horizontal[$color].color.title.default};
|
|
10850
10845
|
border-radius: ${theme2.click.card.horizontal.radii.all};
|
|
10851
10846
|
border: 1px solid ${theme2.click.card.horizontal[$color].color.stroke[$isSelectable ? $isSelected ? "active" : "hover" : "default"]};
|
|
10852
|
-
|
|
10853
|
-
gap: ${theme2.click.card.horizontal.space.gap};
|
|
10847
|
+
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}`};
|
|
10854
10848
|
font: ${theme2.click.card.horizontal.typography.title.default};
|
|
10855
10849
|
${Description} {
|
|
10856
10850
|
color: ${theme2.click.card.horizontal[$color].color.description.default};
|
|
@@ -10907,15 +10901,17 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
10907
10901
|
const ContentWrapper = pt.div.withConfig({
|
|
10908
10902
|
componentId: "sc-1qnbjoa-4"
|
|
10909
10903
|
})(["display:flex;flex-direction:row;width:100%;gap:", ";@media (max-width:", "){flex-direction:column;}"], ({
|
|
10910
|
-
theme: theme2
|
|
10911
|
-
|
|
10904
|
+
theme: theme2,
|
|
10905
|
+
$size
|
|
10906
|
+
}) => $size === "md" ? theme2.click.card.horizontal.space.md.gap : theme2.click.card.horizontal.space.sm.gap, ({
|
|
10912
10907
|
theme: theme2
|
|
10913
10908
|
}) => theme2.breakpoint.sizes.md);
|
|
10914
10909
|
const IconTextContentWrapper = pt.div.withConfig({
|
|
10915
10910
|
componentId: "sc-1qnbjoa-5"
|
|
10916
10911
|
})(["display:flex;flex-direction:row;align-items:center;width:100%;gap:", ";"], ({
|
|
10917
|
-
theme: theme2
|
|
10918
|
-
|
|
10912
|
+
theme: theme2,
|
|
10913
|
+
$size
|
|
10914
|
+
}) => $size === "md" ? theme2.click.card.horizontal.space.md.gap : theme2.click.card.horizontal.space.sm.gap);
|
|
10919
10915
|
const CardHorizontal = ({
|
|
10920
10916
|
title,
|
|
10921
10917
|
icon,
|
|
@@ -10927,6 +10923,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
10927
10923
|
isSelectable = infoText ? false : true,
|
|
10928
10924
|
children,
|
|
10929
10925
|
color = "default",
|
|
10926
|
+
size: size2 = "md",
|
|
10930
10927
|
badgeText,
|
|
10931
10928
|
badgeState,
|
|
10932
10929
|
badgeIcon,
|
|
@@ -10942,8 +10939,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
10942
10939
|
window.open(infoUrl, "_blank");
|
|
10943
10940
|
}
|
|
10944
10941
|
};
|
|
10945
|
-
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: [
|
|
10946
|
-
/* @__PURE__ */ jsxRuntime.jsxs(IconTextContentWrapper, { children: [
|
|
10942
|
+
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: [
|
|
10943
|
+
/* @__PURE__ */ jsxRuntime.jsxs(IconTextContentWrapper, { $size: size2, children: [
|
|
10947
10944
|
icon && /* @__PURE__ */ jsxRuntime.jsx(CardIcon$1, { name: icon, "aria-hidden": true }),
|
|
10948
10945
|
/* @__PURE__ */ jsxRuntime.jsxs(Container, { padding: "none", orientation: "vertical", children: [
|
|
10949
10946
|
title && /* @__PURE__ */ jsxRuntime.jsxs(Header$4, { as: Container, isResponsive: false, gap: "xs", justifyContent: "space-between", fillWidth: true, children: [
|
|
@@ -18171,7 +18168,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
18171
18168
|
};
|
|
18172
18169
|
const UploadArea$1 = pt.div.withConfig({
|
|
18173
18170
|
componentId: "sc-1rzizve-0"
|
|
18174
|
-
})(["background-color:", ";border:", ";border-radius:", ";padding:", ";display:flex;flex-direction:", ";align-items:center;justify-content:", ";gap:", ";cursor:", ";transition:", ";", " ", ""], ({
|
|
18171
|
+
})(["background-color:", ";border:", ";border-radius:", ";padding:", ";min-height:", ";display:flex;flex-direction:", ";align-items:center;justify-content:", ";gap:", ";cursor:", ";transition:", ";", " ", ""], ({
|
|
18175
18172
|
theme: theme2
|
|
18176
18173
|
}) => theme2.click.fileUpload.color.background.default, ({
|
|
18177
18174
|
theme: theme2
|
|
@@ -18182,7 +18179,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
18182
18179
|
theme: theme2,
|
|
18183
18180
|
$hasFile,
|
|
18184
18181
|
$size
|
|
18185
|
-
}) => $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}`, (
|
|
18182
|
+
}) => $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}`, ({
|
|
18183
|
+
theme: theme2,
|
|
18184
|
+
$size
|
|
18185
|
+
}) => $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", ({
|
|
18186
18186
|
theme: theme2,
|
|
18187
18187
|
$size
|
|
18188
18188
|
}) => $size === "sm" ? theme2.click.fileUpload.sm.space.gap : theme2.click.fileUpload.md.space.gap, (props) => props.$hasFile ? "default" : "pointer", ({
|
|
@@ -18193,7 +18193,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
18193
18193
|
theme: theme2
|
|
18194
18194
|
}) => theme2.click.fileUpload.color.background.active, ({
|
|
18195
18195
|
theme: theme2
|
|
18196
|
-
}) => theme2.click.fileUpload.color.stroke.active)), (props) => props.$isError && ct(["background-color:", ";border:
|
|
18196
|
+
}) => theme2.click.fileUpload.color.stroke.active)), (props) => props.$isError && ct(["background-color:", ";border-color:transparent;"], ({
|
|
18197
18197
|
theme: theme2
|
|
18198
18198
|
}) => theme2.click.fileUpload.color.background.error));
|
|
18199
18199
|
const FileUploadTitle$1 = pt(Title$2).withConfig({
|
|
@@ -18204,24 +18204,32 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
18204
18204
|
theme: theme2,
|
|
18205
18205
|
$isNotSupported
|
|
18206
18206
|
}) => $isNotSupported ? theme2.click.fileUpload.color.title.error : theme2.click.fileUpload.color.title.default);
|
|
18207
|
-
const
|
|
18207
|
+
const FileName$1 = pt(Text).withConfig({
|
|
18208
18208
|
componentId: "sc-1rzizve-2"
|
|
18209
18209
|
})(["font:", ";color:", ";"], ({
|
|
18210
18210
|
theme: theme2
|
|
18211
18211
|
}) => theme2.click.fileUpload.typography.description.default, ({
|
|
18212
18212
|
theme: theme2
|
|
18213
|
-
}) => theme2.click.fileUpload.color.
|
|
18214
|
-
const
|
|
18213
|
+
}) => theme2.click.fileUpload.color.title.default);
|
|
18214
|
+
const FileUploadDescription$1 = pt(Text).withConfig({
|
|
18215
18215
|
componentId: "sc-1rzizve-3"
|
|
18216
|
+
})(["font:", ";color:", ";"], ({
|
|
18217
|
+
theme: theme2
|
|
18218
|
+
}) => theme2.click.fileUpload.typography.description.default, ({
|
|
18219
|
+
theme: theme2,
|
|
18220
|
+
$isError
|
|
18221
|
+
}) => $isError ? theme2.click.fileUpload.color.title.error : theme2.click.fileUpload.color.description.default);
|
|
18222
|
+
const DocumentIcon$1 = pt(SvgImage).withConfig({
|
|
18223
|
+
componentId: "sc-1rzizve-4"
|
|
18216
18224
|
})(["svg{width:", ";height:", ";color:", ";}"], ({
|
|
18217
18225
|
theme: theme2
|
|
18218
|
-
}) => theme2.click.fileUpload.
|
|
18226
|
+
}) => theme2.click.fileUpload.md.icon.size.width, ({
|
|
18219
18227
|
theme: theme2
|
|
18220
|
-
}) => theme2.click.fileUpload.
|
|
18228
|
+
}) => theme2.click.fileUpload.md.icon.size.height, ({
|
|
18221
18229
|
theme: theme2
|
|
18222
|
-
}) => theme2.click.fileUpload.
|
|
18230
|
+
}) => theme2.click.fileUpload.md.color.icon.default);
|
|
18223
18231
|
const UploadIcon$1 = pt(SvgImage).withConfig({
|
|
18224
|
-
componentId: "sc-1rzizve-
|
|
18232
|
+
componentId: "sc-1rzizve-5"
|
|
18225
18233
|
})(["svg{width:", ";height:", ";color:", ";}"], ({
|
|
18226
18234
|
theme: theme2
|
|
18227
18235
|
}) => theme2.click.fileUpload.md.icon.size.width, ({
|
|
@@ -18230,16 +18238,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
18230
18238
|
theme: theme2
|
|
18231
18239
|
}) => theme2.click.fileUpload.md.color.icon.default);
|
|
18232
18240
|
const UploadText$1 = pt.div.withConfig({
|
|
18233
|
-
componentId: "sc-1rzizve-5"
|
|
18234
|
-
})(["text-align:", ";", " ", ""], (props) => props.$hasFile || props.$size === "sm" ? "left" : "center", (props) => (props.$hasFile || props.$size === "sm") && ct(["flex:1;"]), (props) => !props.$hasFile && props.$size === "md" && ct(["display:flex;flex-direction:column;align-items:center;width:100%;"]));
|
|
18235
|
-
const FileInfoHeader$1 = pt.div.withConfig({
|
|
18236
18241
|
componentId: "sc-1rzizve-6"
|
|
18237
|
-
})(["display:flex;align-items:center;
|
|
18238
|
-
|
|
18239
|
-
}) => theme2.click.fileUpload.sm.space.gap);
|
|
18240
|
-
const FileInfo$1 = pt.div.withConfig({
|
|
18242
|
+
})(["text-align:", ";", " ", ""], (props) => props.$hasFile || props.$size === "sm" ? "left" : "center", (props) => (props.$hasFile || props.$size === "sm") && ct(["flex:1;"]), (props) => !props.$hasFile && props.$size === "md" && ct(["display:flex;flex-direction:column;align-items:center;width:100%;"]));
|
|
18243
|
+
pt.div.withConfig({
|
|
18241
18244
|
componentId: "sc-1rzizve-7"
|
|
18242
|
-
})(["display:flex;flex-direction:
|
|
18245
|
+
})(["display:flex;flex-direction:row;gap:", ";"], ({
|
|
18243
18246
|
theme: theme2
|
|
18244
18247
|
}) => theme2.click.fileUpload.hasFile.header.space.gap);
|
|
18245
18248
|
const FileDetails$1 = pt.div.withConfig({
|
|
@@ -18250,17 +18253,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
18250
18253
|
const FileActions$1 = pt.div.withConfig({
|
|
18251
18254
|
componentId: "sc-1rzizve-9"
|
|
18252
18255
|
})(["display:flex;align-items:center;margin-left:auto;gap:0;"]);
|
|
18253
|
-
const
|
|
18256
|
+
const FileContentContainer$1 = pt.div.withConfig({
|
|
18254
18257
|
componentId: "sc-1rzizve-10"
|
|
18255
|
-
})(["display:flex;flex-direction:
|
|
18256
|
-
|
|
18258
|
+
})(["flex:1;display:flex;flex-direction:column;justify-content:center;min-height:", ";"], ({
|
|
18259
|
+
$size
|
|
18260
|
+
}) => $size === "sm" ? "24px" : "auto");
|
|
18261
|
+
const ProgressBarWrapper$1 = pt.div.withConfig({
|
|
18257
18262
|
componentId: "sc-1rzizve-11"
|
|
18258
|
-
})(["
|
|
18259
|
-
const ProgressPercentage$1 = pt(Text).withConfig({
|
|
18260
|
-
componentId: "sc-1rzizve-12"
|
|
18261
|
-
})(["min-width:", ";text-align:right;padding-right:", ";"], ({
|
|
18262
|
-
theme: theme2
|
|
18263
|
-
}) => theme2.sizes[10], ({
|
|
18263
|
+
})(["margin-top:", ";margin-bottom:9px;"], ({
|
|
18264
18264
|
theme: theme2
|
|
18265
18265
|
}) => theme2.click.fileUpload.md.space.gap);
|
|
18266
18266
|
const formatFileSize$1 = (sizeInBytes) => {
|
|
@@ -18411,26 +18411,24 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
18411
18411
|
e.stopPropagation();
|
|
18412
18412
|
handleBrowseClick();
|
|
18413
18413
|
}, children: "Browse file" })
|
|
18414
|
-
] }) : /* @__PURE__ */ jsxRuntime.jsxs(
|
|
18415
|
-
/* @__PURE__ */ jsxRuntime.
|
|
18416
|
-
|
|
18414
|
+
] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
18415
|
+
/* @__PURE__ */ jsxRuntime.jsx(DocumentIcon$1, { name: "document" }),
|
|
18416
|
+
/* @__PURE__ */ jsxRuntime.jsxs(FileContentContainer$1, { $size: size2, children: [
|
|
18417
18417
|
/* @__PURE__ */ jsxRuntime.jsxs(FileDetails$1, { children: [
|
|
18418
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
18419
|
-
|
|
18420
|
-
|
|
18418
|
+
/* @__PURE__ */ jsxRuntime.jsx(FileName$1, { children: truncateFilename(file.name) }),
|
|
18419
|
+
showProgress && !showSuccess && /* @__PURE__ */ jsxRuntime.jsxs(FileUploadDescription$1, { children: [
|
|
18420
|
+
progress,
|
|
18421
|
+
"%"
|
|
18422
|
+
] }),
|
|
18423
|
+
!showProgress && !showSuccess && /* @__PURE__ */ jsxRuntime.jsx(FileUploadDescription$1, { $isError: true, children: failureMessage }),
|
|
18421
18424
|
showSuccess && /* @__PURE__ */ jsxRuntime.jsx(SvgImage, { size: "xs", state: "success", name: "check" })
|
|
18422
18425
|
] }),
|
|
18423
|
-
/* @__PURE__ */ jsxRuntime.
|
|
18424
|
-
|
|
18425
|
-
/* @__PURE__ */ jsxRuntime.jsx(IconButton$1, { size: "sm", icon: "cross", type: "ghost", onClick: handleRemoveFile })
|
|
18426
|
-
] })
|
|
18426
|
+
showProgress && !showSuccess && /* @__PURE__ */ jsxRuntime.jsx(ProgressBarWrapper$1, { children: /* @__PURE__ */ jsxRuntime.jsx(ProgressBar, { progress, type: "small" }) }),
|
|
18427
|
+
(showSuccess || !showProgress) && /* @__PURE__ */ jsxRuntime.jsx(FileUploadDescription$1, { children: formatFileSize$1(file.size) })
|
|
18427
18428
|
] }),
|
|
18428
|
-
|
|
18429
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
18430
|
-
/* @__PURE__ */ jsxRuntime.
|
|
18431
|
-
progress,
|
|
18432
|
-
"%"
|
|
18433
|
-
] })
|
|
18429
|
+
/* @__PURE__ */ jsxRuntime.jsxs(FileActions$1, { children: [
|
|
18430
|
+
!showProgress && !showSuccess && /* @__PURE__ */ jsxRuntime.jsx(IconButton$1, { size: "sm", icon: "refresh", type: "ghost", onClick: handleRetryUpload }),
|
|
18431
|
+
/* @__PURE__ */ jsxRuntime.jsx(IconButton$1, { size: "sm", icon: "cross", type: "ghost", onClick: handleRemoveFile })
|
|
18434
18432
|
] })
|
|
18435
18433
|
] }) }),
|
|
18436
18434
|
/* @__PURE__ */ jsxRuntime.jsx("input", { type: "file", ref: fileInputRef, accept: acceptedFileTypes, onChange: handleFileSelect, style: {
|
|
@@ -18467,15 +18465,23 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
18467
18465
|
theme: theme2,
|
|
18468
18466
|
$isNotSupported
|
|
18469
18467
|
}) => $isNotSupported ? theme2.click.fileUpload.color.title.error : theme2.click.fileUpload.color.title.default);
|
|
18470
|
-
const
|
|
18468
|
+
const FileName = pt(Text).withConfig({
|
|
18471
18469
|
componentId: "sc-1w9rsfj-2"
|
|
18472
18470
|
})(["font:", ";color:", ";"], ({
|
|
18473
18471
|
theme: theme2
|
|
18474
18472
|
}) => theme2.click.fileUpload.typography.description.default, ({
|
|
18475
18473
|
theme: theme2
|
|
18476
|
-
}) => theme2.click.fileUpload.color.
|
|
18477
|
-
const
|
|
18474
|
+
}) => theme2.click.fileUpload.color.title.default);
|
|
18475
|
+
const FileUploadDescription = pt(Text).withConfig({
|
|
18478
18476
|
componentId: "sc-1w9rsfj-3"
|
|
18477
|
+
})(["font:", ";color:", ";"], ({
|
|
18478
|
+
theme: theme2
|
|
18479
|
+
}) => theme2.click.fileUpload.typography.description.default, ({
|
|
18480
|
+
theme: theme2,
|
|
18481
|
+
$isError
|
|
18482
|
+
}) => $isError ? theme2.click.fileUpload.color.title.error : theme2.click.fileUpload.color.description.default);
|
|
18483
|
+
const UploadIcon = pt(SvgImage).withConfig({
|
|
18484
|
+
componentId: "sc-1w9rsfj-4"
|
|
18479
18485
|
})(["svg{width:", ";height:", ";color:", ";}"], ({
|
|
18480
18486
|
theme: theme2
|
|
18481
18487
|
}) => theme2.click.fileUpload.md.icon.size.width, ({
|
|
@@ -18484,17 +18490,17 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
18484
18490
|
theme: theme2
|
|
18485
18491
|
}) => theme2.click.fileUpload.md.color.icon.default);
|
|
18486
18492
|
const UploadText = pt.div.withConfig({
|
|
18487
|
-
componentId: "sc-1w9rsfj-
|
|
18493
|
+
componentId: "sc-1w9rsfj-5"
|
|
18488
18494
|
})(["text-align:center;display:flex;flex-direction:column;align-items:center;width:100%;"]);
|
|
18489
18495
|
const FilesList = pt.div.withConfig({
|
|
18490
|
-
componentId: "sc-1w9rsfj-
|
|
18496
|
+
componentId: "sc-1w9rsfj-6"
|
|
18491
18497
|
})(["display:flex;flex-direction:column;gap:", ";width:100%;margin-top:", ";"], ({
|
|
18492
18498
|
theme: theme2
|
|
18493
18499
|
}) => theme2.click.fileUpload.sm.space.gap, ({
|
|
18494
18500
|
theme: theme2
|
|
18495
18501
|
}) => theme2.click.fileUpload.md.space.gap);
|
|
18496
18502
|
const FileItem = pt.div.withConfig({
|
|
18497
|
-
componentId: "sc-1w9rsfj-
|
|
18503
|
+
componentId: "sc-1w9rsfj-7"
|
|
18498
18504
|
})(["background-color:", ";border:", ";border-radius:", ";padding:", ";display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:", ";", ""], ({
|
|
18499
18505
|
theme: theme2
|
|
18500
18506
|
}) => theme2.click.fileUpload.color.background.default, ({
|
|
@@ -18505,11 +18511,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
18505
18511
|
theme: theme2
|
|
18506
18512
|
}) => `${theme2.click.fileUpload.sm.space.y} ${theme2.click.fileUpload.sm.space.x}`, ({
|
|
18507
18513
|
theme: theme2
|
|
18508
|
-
}) => theme2.click.fileUpload.sm.space.gap, (props) => props.$isError && ct(["background-color:", ";border:
|
|
18514
|
+
}) => theme2.click.fileUpload.sm.space.gap, (props) => props.$isError && ct(["background-color:", ";border-color:transparent;"], ({
|
|
18509
18515
|
theme: theme2
|
|
18510
18516
|
}) => theme2.click.fileUpload.color.background.error));
|
|
18511
18517
|
const DocumentIcon = pt(SvgImage).withConfig({
|
|
18512
|
-
componentId: "sc-1w9rsfj-
|
|
18518
|
+
componentId: "sc-1w9rsfj-8"
|
|
18513
18519
|
})(["svg{width:", ";height:", ";color:", ";}"], ({
|
|
18514
18520
|
theme: theme2
|
|
18515
18521
|
}) => theme2.click.fileUpload.sm.icon.size.width, ({
|
|
@@ -18517,35 +18523,20 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
18517
18523
|
}) => theme2.click.fileUpload.sm.icon.size.height, ({
|
|
18518
18524
|
theme: theme2
|
|
18519
18525
|
}) => theme2.click.fileUpload.sm.color.icon.default);
|
|
18520
|
-
const FileInfoHeader = pt.div.withConfig({
|
|
18521
|
-
componentId: "sc-1w9rsfj-8"
|
|
18522
|
-
})(["display:flex;align-items:center;gap:", ";width:100%;"], ({
|
|
18523
|
-
theme: theme2
|
|
18524
|
-
}) => theme2.click.fileUpload.sm.space.gap);
|
|
18525
|
-
const FileInfo = pt.div.withConfig({
|
|
18526
|
-
componentId: "sc-1w9rsfj-9"
|
|
18527
|
-
})(["display:flex;flex-direction:column;gap:", ";flex:1;"], ({
|
|
18528
|
-
theme: theme2
|
|
18529
|
-
}) => theme2.click.fileUpload.hasFile.header.space.gap);
|
|
18530
18526
|
const FileDetails = pt.div.withConfig({
|
|
18531
|
-
componentId: "sc-1w9rsfj-
|
|
18527
|
+
componentId: "sc-1w9rsfj-9"
|
|
18532
18528
|
})(["display:flex;gap:", ";border:none;"], ({
|
|
18533
18529
|
theme: theme2
|
|
18534
18530
|
}) => theme2.click.fileUpload.md.space.gap);
|
|
18535
18531
|
const FileActions = pt.div.withConfig({
|
|
18536
|
-
componentId: "sc-1w9rsfj-
|
|
18532
|
+
componentId: "sc-1w9rsfj-10"
|
|
18537
18533
|
})(["display:flex;align-items:center;margin-left:auto;gap:0;"]);
|
|
18538
|
-
const
|
|
18534
|
+
const FileContentContainer = pt.div.withConfig({
|
|
18535
|
+
componentId: "sc-1w9rsfj-11"
|
|
18536
|
+
})(["flex:1;display:flex;flex-direction:column;justify-content:center;min-height:24px;"]);
|
|
18537
|
+
const ProgressBarWrapper = pt.div.withConfig({
|
|
18539
18538
|
componentId: "sc-1w9rsfj-12"
|
|
18540
|
-
})(["
|
|
18541
|
-
const ProgressBarContainer = pt.div.withConfig({
|
|
18542
|
-
componentId: "sc-1w9rsfj-13"
|
|
18543
|
-
})(["width:100%;flex:1;"]);
|
|
18544
|
-
const ProgressPercentage = pt(Text).withConfig({
|
|
18545
|
-
componentId: "sc-1w9rsfj-14"
|
|
18546
|
-
})(["min-width:", ";text-align:right;padding-right:", ";"], ({
|
|
18547
|
-
theme: theme2
|
|
18548
|
-
}) => theme2.sizes[10], ({
|
|
18539
|
+
})(["margin-top:", ";margin-bottom:9px;"], ({
|
|
18549
18540
|
theme: theme2
|
|
18550
18541
|
}) => theme2.click.fileUpload.md.space.gap);
|
|
18551
18542
|
const formatFileSize = (sizeInBytes) => {
|
|
@@ -18685,28 +18676,26 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
18685
18676
|
handleBrowseClick();
|
|
18686
18677
|
}, children: "Browse files" })
|
|
18687
18678
|
] }),
|
|
18688
|
-
files.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(FilesList, { children: files.map((file) => /* @__PURE__ */ jsxRuntime.
|
|
18689
|
-
/* @__PURE__ */ jsxRuntime.
|
|
18690
|
-
|
|
18679
|
+
files.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(FilesList, { children: files.map((file) => /* @__PURE__ */ jsxRuntime.jsxs(FileItem, { $isError: file.status === "error", children: [
|
|
18680
|
+
/* @__PURE__ */ jsxRuntime.jsx(DocumentIcon, { name: "document" }),
|
|
18681
|
+
/* @__PURE__ */ jsxRuntime.jsxs(FileContentContainer, { children: [
|
|
18691
18682
|
/* @__PURE__ */ jsxRuntime.jsxs(FileDetails, { children: [
|
|
18692
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
18693
|
-
|
|
18694
|
-
|
|
18683
|
+
/* @__PURE__ */ jsxRuntime.jsx(FileName, { children: truncateFilename(file.name) }),
|
|
18684
|
+
file.status === "uploading" && /* @__PURE__ */ jsxRuntime.jsxs(FileUploadDescription, { children: [
|
|
18685
|
+
file.progress,
|
|
18686
|
+
"%"
|
|
18687
|
+
] }),
|
|
18688
|
+
file.status === "error" && /* @__PURE__ */ jsxRuntime.jsx(FileUploadDescription, { $isError: true, children: file.errorMessage || "Upload failed" }),
|
|
18695
18689
|
file.status === "success" && /* @__PURE__ */ jsxRuntime.jsx(SvgImage, { size: "xs", state: "success", name: "check" })
|
|
18696
18690
|
] }),
|
|
18697
|
-
/* @__PURE__ */ jsxRuntime.
|
|
18698
|
-
|
|
18699
|
-
/* @__PURE__ */ jsxRuntime.jsx(IconButton$1, { size: "sm", icon: "cross", type: "ghost", onClick: () => handleRemoveFile(file.id) })
|
|
18700
|
-
] })
|
|
18691
|
+
file.status === "uploading" && /* @__PURE__ */ jsxRuntime.jsx(ProgressBarWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(ProgressBar, { progress: file.progress, type: "small" }) }),
|
|
18692
|
+
(file.status === "success" || file.status === "error") && /* @__PURE__ */ jsxRuntime.jsx(FileUploadDescription, { children: formatFileSize(file.size) })
|
|
18701
18693
|
] }),
|
|
18702
|
-
|
|
18703
|
-
|
|
18704
|
-
/* @__PURE__ */ jsxRuntime.
|
|
18705
|
-
file.progress,
|
|
18706
|
-
"%"
|
|
18707
|
-
] })
|
|
18694
|
+
/* @__PURE__ */ jsxRuntime.jsxs(FileActions, { children: [
|
|
18695
|
+
file.status === "error" && /* @__PURE__ */ jsxRuntime.jsx(IconButton$1, { size: "sm", icon: "refresh", type: "ghost", onClick: () => handleRetryUpload(file.id) }),
|
|
18696
|
+
/* @__PURE__ */ jsxRuntime.jsx(IconButton$1, { size: "sm", icon: "cross", type: "ghost", onClick: () => handleRemoveFile(file.id) })
|
|
18708
18697
|
] })
|
|
18709
|
-
] }
|
|
18698
|
+
] }, file.id)) }),
|
|
18710
18699
|
/* @__PURE__ */ jsxRuntime.jsx("input", { type: "file", ref: fileInputRef, accept: acceptedFileTypes, onChange: handleFileSelect, multiple: true, style: {
|
|
18711
18700
|
display: "none"
|
|
18712
18701
|
} })
|
|
@@ -35857,18 +35846,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
35857
35846
|
};
|
|
35858
35847
|
const leftButtonDisabled = currentPage <= 1;
|
|
35859
35848
|
const rightButtonDisabled = !!totalPages && currentPage === totalPages || disableNextButton;
|
|
35860
|
-
const onKeyDown = (e) => {
|
|
35861
|
-
var _a;
|
|
35862
|
-
const isInputEnabled = !((_a = inputRef.current) == null ? void 0 : _a.disabled);
|
|
35863
|
-
if ((e.key === "ArrowUp" || e.key === "ArrowRight") && isInputEnabled && !rightButtonDisabled) {
|
|
35864
|
-
onChangeProp(currentPage + 1);
|
|
35865
|
-
} else if ((e.key === "ArrowDown" || e.key === "ArrowLeft") && isInputEnabled && !leftButtonDisabled) {
|
|
35866
|
-
const newPage = currentPage - 1;
|
|
35867
|
-
if (newPage > 0) {
|
|
35868
|
-
onChangeProp(newPage);
|
|
35869
|
-
}
|
|
35870
|
-
}
|
|
35871
|
-
};
|
|
35872
35849
|
const onChange = (value) => {
|
|
35873
35850
|
var _a;
|
|
35874
35851
|
const sanitizedValue = parseInt(value, 10);
|
|
@@ -35910,7 +35887,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
35910
35887
|
] }),
|
|
35911
35888
|
/* @__PURE__ */ jsxRuntime.jsxs(Container, { gap: "xxs", fillWidth: false, children: [
|
|
35912
35889
|
/* @__PURE__ */ jsxRuntime.jsx(IconButton$1, { icon: "chevron-left", type: "ghost", disabled: leftButtonDisabled, onClick: onPrevClick, "data-testid": "prev-btn" }),
|
|
35913
|
-
/* @__PURE__ */ jsxRuntime.jsx(Container, { maxWidth: "50px", fillWidth: false, children: /* @__PURE__ */ jsxRuntime.jsx(NumberField, { ref: inputRef, onChange, value: currentPage, loading: false,
|
|
35890
|
+
/* @__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 }) }),
|
|
35914
35891
|
!!totalPages && /* @__PURE__ */ jsxRuntime.jsxs(Text, { component: "div", color: "muted", size: "sm", children: [
|
|
35915
35892
|
"of ",
|
|
35916
35893
|
formatNumber(totalPages)
|
|
@@ -49849,9 +49826,16 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
|
|
|
49849
49826
|
}
|
|
49850
49827
|
},
|
|
49851
49828
|
space: {
|
|
49852
|
-
|
|
49853
|
-
|
|
49854
|
-
|
|
49829
|
+
md: {
|
|
49830
|
+
y: "0.75rem",
|
|
49831
|
+
x: "1rem",
|
|
49832
|
+
gap: "1rem"
|
|
49833
|
+
},
|
|
49834
|
+
sm: {
|
|
49835
|
+
y: "0.5rem",
|
|
49836
|
+
x: "0.75rem",
|
|
49837
|
+
gap: "0.75rem"
|
|
49838
|
+
}
|
|
49855
49839
|
},
|
|
49856
49840
|
"default": {
|
|
49857
49841
|
color: {
|