@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
|
@@ -2865,54 +2865,46 @@ const AWSLight = (props) => /* @__PURE__ */ jsxs("svg", { width: "64", height: "
|
|
|
2865
2865
|
/* @__PURE__ */ 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" })
|
|
2866
2866
|
] });
|
|
2867
2867
|
const AWSAthena = (props) => /* @__PURE__ */ jsxs("svg", { width: "64", height: "64", viewBox: "0 0 64 64", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
|
|
2868
|
-
/* @__PURE__ */ jsx("
|
|
2869
|
-
|
|
2870
|
-
|
|
2871
|
-
|
|
2872
|
-
|
|
2873
|
-
|
|
2874
|
-
/* @__PURE__ */ jsx("stop", { stopColor: "#4D27A8" }),
|
|
2875
|
-
/* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#A166FF" })
|
|
2876
|
-
] }),
|
|
2877
|
-
/* @__PURE__ */ jsx("clipPath", { id: "clip0_5755_3307", children: /* @__PURE__ */ jsx("rect", { x: "4", y: "4", width: "56", height: "56", rx: "4", fill: "white" }) }),
|
|
2878
|
-
/* @__PURE__ */ jsx("clipPath", { id: "clip1_5755_3307", children: /* @__PURE__ */ jsx("rect", { width: "56", height: "56", fill: "white", transform: "translate(4 4)" }) })
|
|
2879
|
-
] })
|
|
2868
|
+
/* @__PURE__ */ jsx("path", { fill: "url(#aws-athena-gradient)", d: "M64 0H0v64h64z" }),
|
|
2869
|
+
/* @__PURE__ */ 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" }),
|
|
2870
|
+
/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { x1: "0%", y1: "100%", x2: "100%", y2: "0%", id: "aws-athena-gradient", children: [
|
|
2871
|
+
/* @__PURE__ */ jsx("stop", { stopColor: "#4D27A8", offset: "0" }),
|
|
2872
|
+
/* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#A166FF" })
|
|
2873
|
+
] }) })
|
|
2880
2874
|
] });
|
|
2881
|
-
const
|
|
2882
|
-
/* @__PURE__ */ jsx("
|
|
2875
|
+
const AWSGlue = (props) => /* @__PURE__ */ jsxs("svg", { width: "64", height: "64", viewBox: "0 0 64 64", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
|
|
2876
|
+
/* @__PURE__ */ jsx("path", { fill: "url(#aws-glue-gradient)", d: "M64 0H0v64h64z" }),
|
|
2877
|
+
/* @__PURE__ */ 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" }),
|
|
2878
|
+
/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { x1: "0%", y1: "100%", x2: "100%", y2: "0%", id: "aws-glue-gradient", children: [
|
|
2883
2879
|
/* @__PURE__ */ jsx("stop", { stopColor: "#4D27A8", offset: "0" }),
|
|
2884
|
-
/* @__PURE__ */ jsx("stop", {
|
|
2885
|
-
] }) })
|
|
2880
|
+
/* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#A166FF" })
|
|
2881
|
+
] }) })
|
|
2882
|
+
] });
|
|
2883
|
+
const AWSKinesis = (props) => /* @__PURE__ */ jsxs("svg", { width: "64", height: "64", viewBox: "0 0 64 64", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
|
|
2886
2884
|
/* @__PURE__ */ jsxs("g", { fill: "none", fillRule: "evenodd", transform: "matrix(1.600000023841858, 0, 0, 1.600000023841858, 0, 0)", children: [
|
|
2887
|
-
/* @__PURE__ */ jsx("path", { d: "M0 0h40v40H0z", fill: "url(#
|
|
2885
|
+
/* @__PURE__ */ jsx("path", { d: "M0 0h40v40H0z", fill: "url(#aws-kinesis-gradient)" }),
|
|
2888
2886
|
/* @__PURE__ */ 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" })
|
|
2889
|
-
] })
|
|
2887
|
+
] }),
|
|
2888
|
+
/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { x1: "0%", y1: "100%", x2: "100%", y2: "0%", id: "aws-kinesis-gradient", children: [
|
|
2889
|
+
/* @__PURE__ */ jsx("stop", { stopColor: "#4D27A8", offset: "0" }),
|
|
2890
|
+
/* @__PURE__ */ jsx("stop", { stopColor: "#A166FF", offset: "1" })
|
|
2891
|
+
] }) })
|
|
2890
2892
|
] });
|
|
2891
2893
|
const AWSRedshift = (props) => /* @__PURE__ */ jsxs("svg", { width: "64", height: "64", viewBox: "0 0 64 64", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
|
|
2892
|
-
/* @__PURE__ */
|
|
2893
|
-
|
|
2894
|
-
|
|
2895
|
-
|
|
2896
|
-
|
|
2897
|
-
|
|
2898
|
-
/* @__PURE__ */ jsx("stop", { stopColor: "#4D27A8" }),
|
|
2899
|
-
/* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#A166FF" })
|
|
2900
|
-
] }),
|
|
2901
|
-
/* @__PURE__ */ jsx("clipPath", { id: "clip0_472_6151", children: /* @__PURE__ */ jsx("rect", { x: "4", y: "4", width: "56", height: "56", rx: "4", fill: "white" }) })
|
|
2902
|
-
] })
|
|
2894
|
+
/* @__PURE__ */ jsx("path", { fill: "url(#aws-redshift-gradient)", d: "M64 0H0v64h64z" }),
|
|
2895
|
+
/* @__PURE__ */ 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" }),
|
|
2896
|
+
/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { x1: "0%", y1: "100%", x2: "100%", y2: "0%", id: "aws-redshift-gradient", children: [
|
|
2897
|
+
/* @__PURE__ */ jsx("stop", { stopColor: "#4D27A8", offset: "0" }),
|
|
2898
|
+
/* @__PURE__ */ jsx("stop", { stopColor: "#A166FF", offset: "1" })
|
|
2899
|
+
] }) })
|
|
2903
2900
|
] });
|
|
2904
2901
|
const AWSMsk = (props) => /* @__PURE__ */ jsxs("svg", { width: "64", height: "64", viewBox: "0 0 64 64", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
|
|
2905
|
-
/* @__PURE__ */
|
|
2906
|
-
|
|
2907
|
-
|
|
2908
|
-
|
|
2909
|
-
|
|
2910
|
-
|
|
2911
|
-
/* @__PURE__ */ jsx("stop", { stopColor: "#4D27A8" }),
|
|
2912
|
-
/* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#A166FF" })
|
|
2913
|
-
] }),
|
|
2914
|
-
/* @__PURE__ */ jsx("clipPath", { id: "clip0_5310_1178", children: /* @__PURE__ */ jsx("rect", { x: "4", y: "4", width: "56", height: "56", rx: "4", fill: "white" }) })
|
|
2915
|
-
] })
|
|
2902
|
+
/* @__PURE__ */ jsx("path", { fill: "url(#aws-msk-gradient)", d: "M64 0H0v64h64z" }),
|
|
2903
|
+
/* @__PURE__ */ 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" }),
|
|
2904
|
+
/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { x1: "0%", y1: "100%", x2: "100%", y2: "0%", id: "aws-msk-gradient", children: [
|
|
2905
|
+
/* @__PURE__ */ jsx("stop", { stopColor: "#4D27A8", offset: "0" }),
|
|
2906
|
+
/* @__PURE__ */ jsx("stop", { stopColor: "#A166FF", offset: "1" })
|
|
2907
|
+
] }) })
|
|
2916
2908
|
] });
|
|
2917
2909
|
const AWS_S3 = (props) => /* @__PURE__ */ jsxs("svg", { width: "64", height: "64", viewBox: "0 0 64 64", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
|
|
2918
2910
|
/* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_472_6149)", children: [
|
|
@@ -3460,6 +3452,7 @@ const LogosLight = {
|
|
|
3460
3452
|
airbyte: Airbyte,
|
|
3461
3453
|
aws: AWSLight,
|
|
3462
3454
|
"aws-athena": AWSAthena,
|
|
3455
|
+
"aws-glue": AWSGlue,
|
|
3463
3456
|
"aws-kinesis": AWSKinesis,
|
|
3464
3457
|
"aws-msk": AWSMsk,
|
|
3465
3458
|
"aws-redshift": AWSRedshift,
|
|
@@ -3650,6 +3643,7 @@ const LogosDark = {
|
|
|
3650
3643
|
airbyte: Airbyte,
|
|
3651
3644
|
aws: AWSDark,
|
|
3652
3645
|
"aws-athena": AWSAthena,
|
|
3646
|
+
"aws-glue": AWSGlue,
|
|
3653
3647
|
"aws-kinesis": AWSKinesis,
|
|
3654
3648
|
"aws-msk": AWSMsk,
|
|
3655
3649
|
"aws-redshift": AWSRedshift,
|
|
@@ -10819,12 +10813,13 @@ const Description = pt.div.withConfig({
|
|
|
10819
10813
|
componentId: "sc-1qnbjoa-1"
|
|
10820
10814
|
})(["display:flex;flex-direction:column;align-self:start;gap:", ";flex:1;width:100%;"], ({
|
|
10821
10815
|
theme: theme2
|
|
10822
|
-
}) => theme2.click.card.horizontal.space.gap);
|
|
10816
|
+
}) => theme2.click.card.horizontal.space.md.gap);
|
|
10823
10817
|
const Wrapper$9 = pt.div.withConfig({
|
|
10824
10818
|
componentId: "sc-1qnbjoa-2"
|
|
10825
10819
|
})(["display:inline-flex;width:100%;max-width:100%;align-items:center;justify-content:flex-start;", ""], ({
|
|
10826
10820
|
theme: theme2,
|
|
10827
10821
|
$color,
|
|
10822
|
+
$size,
|
|
10828
10823
|
$isSelected,
|
|
10829
10824
|
$isSelectable,
|
|
10830
10825
|
$disabled
|
|
@@ -10833,8 +10828,7 @@ const Wrapper$9 = pt.div.withConfig({
|
|
|
10833
10828
|
color: ${theme2.click.card.horizontal[$color].color.title.default};
|
|
10834
10829
|
border-radius: ${theme2.click.card.horizontal.radii.all};
|
|
10835
10830
|
border: 1px solid ${theme2.click.card.horizontal[$color].color.stroke[$isSelectable ? $isSelected ? "active" : "hover" : "default"]};
|
|
10836
|
-
|
|
10837
|
-
gap: ${theme2.click.card.horizontal.space.gap};
|
|
10831
|
+
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}`};
|
|
10838
10832
|
font: ${theme2.click.card.horizontal.typography.title.default};
|
|
10839
10833
|
${Description} {
|
|
10840
10834
|
color: ${theme2.click.card.horizontal[$color].color.description.default};
|
|
@@ -10891,15 +10885,17 @@ const CardIcon$1 = pt(SvgImage).withConfig({
|
|
|
10891
10885
|
const ContentWrapper = pt.div.withConfig({
|
|
10892
10886
|
componentId: "sc-1qnbjoa-4"
|
|
10893
10887
|
})(["display:flex;flex-direction:row;width:100%;gap:", ";@media (max-width:", "){flex-direction:column;}"], ({
|
|
10894
|
-
theme: theme2
|
|
10895
|
-
|
|
10888
|
+
theme: theme2,
|
|
10889
|
+
$size
|
|
10890
|
+
}) => $size === "md" ? theme2.click.card.horizontal.space.md.gap : theme2.click.card.horizontal.space.sm.gap, ({
|
|
10896
10891
|
theme: theme2
|
|
10897
10892
|
}) => theme2.breakpoint.sizes.md);
|
|
10898
10893
|
const IconTextContentWrapper = pt.div.withConfig({
|
|
10899
10894
|
componentId: "sc-1qnbjoa-5"
|
|
10900
10895
|
})(["display:flex;flex-direction:row;align-items:center;width:100%;gap:", ";"], ({
|
|
10901
|
-
theme: theme2
|
|
10902
|
-
|
|
10896
|
+
theme: theme2,
|
|
10897
|
+
$size
|
|
10898
|
+
}) => $size === "md" ? theme2.click.card.horizontal.space.md.gap : theme2.click.card.horizontal.space.sm.gap);
|
|
10903
10899
|
const CardHorizontal = ({
|
|
10904
10900
|
title,
|
|
10905
10901
|
icon,
|
|
@@ -10911,6 +10907,7 @@ const CardHorizontal = ({
|
|
|
10911
10907
|
isSelectable = infoText ? false : true,
|
|
10912
10908
|
children,
|
|
10913
10909
|
color = "default",
|
|
10910
|
+
size: size2 = "md",
|
|
10914
10911
|
badgeText,
|
|
10915
10912
|
badgeState,
|
|
10916
10913
|
badgeIcon,
|
|
@@ -10926,8 +10923,8 @@ const CardHorizontal = ({
|
|
|
10926
10923
|
window.open(infoUrl, "_blank");
|
|
10927
10924
|
}
|
|
10928
10925
|
};
|
|
10929
|
-
return /* @__PURE__ */ jsx(Wrapper$9, { $disabled: disabled, $isSelected: isSelected, $isSelectable: isSelectable, $color: color, tabIndex: 0, onClick: handleClick, ...props, children: /* @__PURE__ */ jsxs(ContentWrapper, { children: [
|
|
10930
|
-
/* @__PURE__ */ jsxs(IconTextContentWrapper, { children: [
|
|
10926
|
+
return /* @__PURE__ */ jsx(Wrapper$9, { $disabled: disabled, $isSelected: isSelected, $isSelectable: isSelectable, $color: color, $size: size2, tabIndex: 0, onClick: handleClick, ...props, children: /* @__PURE__ */ jsxs(ContentWrapper, { $size: size2, children: [
|
|
10927
|
+
/* @__PURE__ */ jsxs(IconTextContentWrapper, { $size: size2, children: [
|
|
10931
10928
|
icon && /* @__PURE__ */ jsx(CardIcon$1, { name: icon, "aria-hidden": true }),
|
|
10932
10929
|
/* @__PURE__ */ jsxs(Container, { padding: "none", orientation: "vertical", children: [
|
|
10933
10930
|
title && /* @__PURE__ */ jsxs(Header$4, { as: Container, isResponsive: false, gap: "xs", justifyContent: "space-between", fillWidth: true, children: [
|
|
@@ -18155,7 +18152,7 @@ const truncateFilename = (filename, maxLength = 40, delimiter2 = "~") => {
|
|
|
18155
18152
|
};
|
|
18156
18153
|
const UploadArea$1 = pt.div.withConfig({
|
|
18157
18154
|
componentId: "sc-1rzizve-0"
|
|
18158
|
-
})(["background-color:", ";border:", ";border-radius:", ";padding:", ";display:flex;flex-direction:", ";align-items:center;justify-content:", ";gap:", ";cursor:", ";transition:", ";", " ", ""], ({
|
|
18155
|
+
})(["background-color:", ";border:", ";border-radius:", ";padding:", ";min-height:", ";display:flex;flex-direction:", ";align-items:center;justify-content:", ";gap:", ";cursor:", ";transition:", ";", " ", ""], ({
|
|
18159
18156
|
theme: theme2
|
|
18160
18157
|
}) => theme2.click.fileUpload.color.background.default, ({
|
|
18161
18158
|
theme: theme2
|
|
@@ -18166,7 +18163,10 @@ const UploadArea$1 = pt.div.withConfig({
|
|
|
18166
18163
|
theme: theme2,
|
|
18167
18164
|
$hasFile,
|
|
18168
18165
|
$size
|
|
18169
|
-
}) => $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}`, (
|
|
18166
|
+
}) => $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}`, ({
|
|
18167
|
+
theme: theme2,
|
|
18168
|
+
$size
|
|
18169
|
+
}) => $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", ({
|
|
18170
18170
|
theme: theme2,
|
|
18171
18171
|
$size
|
|
18172
18172
|
}) => $size === "sm" ? theme2.click.fileUpload.sm.space.gap : theme2.click.fileUpload.md.space.gap, (props) => props.$hasFile ? "default" : "pointer", ({
|
|
@@ -18177,7 +18177,7 @@ const UploadArea$1 = pt.div.withConfig({
|
|
|
18177
18177
|
theme: theme2
|
|
18178
18178
|
}) => theme2.click.fileUpload.color.background.active, ({
|
|
18179
18179
|
theme: theme2
|
|
18180
|
-
}) => theme2.click.fileUpload.color.stroke.active)), (props) => props.$isError && ct(["background-color:", ";border:
|
|
18180
|
+
}) => theme2.click.fileUpload.color.stroke.active)), (props) => props.$isError && ct(["background-color:", ";border-color:transparent;"], ({
|
|
18181
18181
|
theme: theme2
|
|
18182
18182
|
}) => theme2.click.fileUpload.color.background.error));
|
|
18183
18183
|
const FileUploadTitle$1 = pt(Title$2).withConfig({
|
|
@@ -18188,24 +18188,32 @@ const FileUploadTitle$1 = pt(Title$2).withConfig({
|
|
|
18188
18188
|
theme: theme2,
|
|
18189
18189
|
$isNotSupported
|
|
18190
18190
|
}) => $isNotSupported ? theme2.click.fileUpload.color.title.error : theme2.click.fileUpload.color.title.default);
|
|
18191
|
-
const
|
|
18191
|
+
const FileName$1 = pt(Text).withConfig({
|
|
18192
18192
|
componentId: "sc-1rzizve-2"
|
|
18193
18193
|
})(["font:", ";color:", ";"], ({
|
|
18194
18194
|
theme: theme2
|
|
18195
18195
|
}) => theme2.click.fileUpload.typography.description.default, ({
|
|
18196
18196
|
theme: theme2
|
|
18197
|
-
}) => theme2.click.fileUpload.color.
|
|
18198
|
-
const
|
|
18197
|
+
}) => theme2.click.fileUpload.color.title.default);
|
|
18198
|
+
const FileUploadDescription$1 = pt(Text).withConfig({
|
|
18199
18199
|
componentId: "sc-1rzizve-3"
|
|
18200
|
+
})(["font:", ";color:", ";"], ({
|
|
18201
|
+
theme: theme2
|
|
18202
|
+
}) => theme2.click.fileUpload.typography.description.default, ({
|
|
18203
|
+
theme: theme2,
|
|
18204
|
+
$isError
|
|
18205
|
+
}) => $isError ? theme2.click.fileUpload.color.title.error : theme2.click.fileUpload.color.description.default);
|
|
18206
|
+
const DocumentIcon$1 = pt(SvgImage).withConfig({
|
|
18207
|
+
componentId: "sc-1rzizve-4"
|
|
18200
18208
|
})(["svg{width:", ";height:", ";color:", ";}"], ({
|
|
18201
18209
|
theme: theme2
|
|
18202
|
-
}) => theme2.click.fileUpload.
|
|
18210
|
+
}) => theme2.click.fileUpload.md.icon.size.width, ({
|
|
18203
18211
|
theme: theme2
|
|
18204
|
-
}) => theme2.click.fileUpload.
|
|
18212
|
+
}) => theme2.click.fileUpload.md.icon.size.height, ({
|
|
18205
18213
|
theme: theme2
|
|
18206
|
-
}) => theme2.click.fileUpload.
|
|
18214
|
+
}) => theme2.click.fileUpload.md.color.icon.default);
|
|
18207
18215
|
const UploadIcon$1 = pt(SvgImage).withConfig({
|
|
18208
|
-
componentId: "sc-1rzizve-
|
|
18216
|
+
componentId: "sc-1rzizve-5"
|
|
18209
18217
|
})(["svg{width:", ";height:", ";color:", ";}"], ({
|
|
18210
18218
|
theme: theme2
|
|
18211
18219
|
}) => theme2.click.fileUpload.md.icon.size.width, ({
|
|
@@ -18214,16 +18222,11 @@ const UploadIcon$1 = pt(SvgImage).withConfig({
|
|
|
18214
18222
|
theme: theme2
|
|
18215
18223
|
}) => theme2.click.fileUpload.md.color.icon.default);
|
|
18216
18224
|
const UploadText$1 = pt.div.withConfig({
|
|
18217
|
-
componentId: "sc-1rzizve-5"
|
|
18218
|
-
})(["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%;"]));
|
|
18219
|
-
const FileInfoHeader$1 = pt.div.withConfig({
|
|
18220
18225
|
componentId: "sc-1rzizve-6"
|
|
18221
|
-
})(["display:flex;align-items:center;
|
|
18222
|
-
|
|
18223
|
-
}) => theme2.click.fileUpload.sm.space.gap);
|
|
18224
|
-
const FileInfo$1 = pt.div.withConfig({
|
|
18226
|
+
})(["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%;"]));
|
|
18227
|
+
pt.div.withConfig({
|
|
18225
18228
|
componentId: "sc-1rzizve-7"
|
|
18226
|
-
})(["display:flex;flex-direction:
|
|
18229
|
+
})(["display:flex;flex-direction:row;gap:", ";"], ({
|
|
18227
18230
|
theme: theme2
|
|
18228
18231
|
}) => theme2.click.fileUpload.hasFile.header.space.gap);
|
|
18229
18232
|
const FileDetails$1 = pt.div.withConfig({
|
|
@@ -18234,17 +18237,14 @@ const FileDetails$1 = pt.div.withConfig({
|
|
|
18234
18237
|
const FileActions$1 = pt.div.withConfig({
|
|
18235
18238
|
componentId: "sc-1rzizve-9"
|
|
18236
18239
|
})(["display:flex;align-items:center;margin-left:auto;gap:0;"]);
|
|
18237
|
-
const
|
|
18240
|
+
const FileContentContainer$1 = pt.div.withConfig({
|
|
18238
18241
|
componentId: "sc-1rzizve-10"
|
|
18239
|
-
})(["display:flex;flex-direction:
|
|
18240
|
-
|
|
18242
|
+
})(["flex:1;display:flex;flex-direction:column;justify-content:center;min-height:", ";"], ({
|
|
18243
|
+
$size
|
|
18244
|
+
}) => $size === "sm" ? "24px" : "auto");
|
|
18245
|
+
const ProgressBarWrapper$1 = pt.div.withConfig({
|
|
18241
18246
|
componentId: "sc-1rzizve-11"
|
|
18242
|
-
})(["
|
|
18243
|
-
const ProgressPercentage$1 = pt(Text).withConfig({
|
|
18244
|
-
componentId: "sc-1rzizve-12"
|
|
18245
|
-
})(["min-width:", ";text-align:right;padding-right:", ";"], ({
|
|
18246
|
-
theme: theme2
|
|
18247
|
-
}) => theme2.sizes[10], ({
|
|
18247
|
+
})(["margin-top:", ";margin-bottom:9px;"], ({
|
|
18248
18248
|
theme: theme2
|
|
18249
18249
|
}) => theme2.click.fileUpload.md.space.gap);
|
|
18250
18250
|
const formatFileSize$1 = (sizeInBytes) => {
|
|
@@ -18395,26 +18395,24 @@ const FileUpload = ({
|
|
|
18395
18395
|
e.stopPropagation();
|
|
18396
18396
|
handleBrowseClick();
|
|
18397
18397
|
}, children: "Browse file" })
|
|
18398
|
-
] }) : /* @__PURE__ */ jsxs(
|
|
18399
|
-
/* @__PURE__ */
|
|
18400
|
-
|
|
18398
|
+
] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
|
|
18399
|
+
/* @__PURE__ */ jsx(DocumentIcon$1, { name: "document" }),
|
|
18400
|
+
/* @__PURE__ */ jsxs(FileContentContainer$1, { $size: size2, children: [
|
|
18401
18401
|
/* @__PURE__ */ jsxs(FileDetails$1, { children: [
|
|
18402
|
-
/* @__PURE__ */ jsx(
|
|
18403
|
-
|
|
18404
|
-
|
|
18402
|
+
/* @__PURE__ */ jsx(FileName$1, { children: truncateFilename(file.name) }),
|
|
18403
|
+
showProgress && !showSuccess && /* @__PURE__ */ jsxs(FileUploadDescription$1, { children: [
|
|
18404
|
+
progress,
|
|
18405
|
+
"%"
|
|
18406
|
+
] }),
|
|
18407
|
+
!showProgress && !showSuccess && /* @__PURE__ */ jsx(FileUploadDescription$1, { $isError: true, children: failureMessage }),
|
|
18405
18408
|
showSuccess && /* @__PURE__ */ jsx(SvgImage, { size: "xs", state: "success", name: "check" })
|
|
18406
18409
|
] }),
|
|
18407
|
-
/* @__PURE__ */
|
|
18408
|
-
|
|
18409
|
-
/* @__PURE__ */ jsx(IconButton$1, { size: "sm", icon: "cross", type: "ghost", onClick: handleRemoveFile })
|
|
18410
|
-
] })
|
|
18410
|
+
showProgress && !showSuccess && /* @__PURE__ */ jsx(ProgressBarWrapper$1, { children: /* @__PURE__ */ jsx(ProgressBar, { progress, type: "small" }) }),
|
|
18411
|
+
(showSuccess || !showProgress) && /* @__PURE__ */ jsx(FileUploadDescription$1, { children: formatFileSize$1(file.size) })
|
|
18411
18412
|
] }),
|
|
18412
|
-
|
|
18413
|
-
/* @__PURE__ */ jsx(
|
|
18414
|
-
/* @__PURE__ */
|
|
18415
|
-
progress,
|
|
18416
|
-
"%"
|
|
18417
|
-
] })
|
|
18413
|
+
/* @__PURE__ */ jsxs(FileActions$1, { children: [
|
|
18414
|
+
!showProgress && !showSuccess && /* @__PURE__ */ jsx(IconButton$1, { size: "sm", icon: "refresh", type: "ghost", onClick: handleRetryUpload }),
|
|
18415
|
+
/* @__PURE__ */ jsx(IconButton$1, { size: "sm", icon: "cross", type: "ghost", onClick: handleRemoveFile })
|
|
18418
18416
|
] })
|
|
18419
18417
|
] }) }),
|
|
18420
18418
|
/* @__PURE__ */ jsx("input", { type: "file", ref: fileInputRef, accept: acceptedFileTypes, onChange: handleFileSelect, style: {
|
|
@@ -18451,15 +18449,23 @@ const FileUploadTitle = pt(Title$2).withConfig({
|
|
|
18451
18449
|
theme: theme2,
|
|
18452
18450
|
$isNotSupported
|
|
18453
18451
|
}) => $isNotSupported ? theme2.click.fileUpload.color.title.error : theme2.click.fileUpload.color.title.default);
|
|
18454
|
-
const
|
|
18452
|
+
const FileName = pt(Text).withConfig({
|
|
18455
18453
|
componentId: "sc-1w9rsfj-2"
|
|
18456
18454
|
})(["font:", ";color:", ";"], ({
|
|
18457
18455
|
theme: theme2
|
|
18458
18456
|
}) => theme2.click.fileUpload.typography.description.default, ({
|
|
18459
18457
|
theme: theme2
|
|
18460
|
-
}) => theme2.click.fileUpload.color.
|
|
18461
|
-
const
|
|
18458
|
+
}) => theme2.click.fileUpload.color.title.default);
|
|
18459
|
+
const FileUploadDescription = pt(Text).withConfig({
|
|
18462
18460
|
componentId: "sc-1w9rsfj-3"
|
|
18461
|
+
})(["font:", ";color:", ";"], ({
|
|
18462
|
+
theme: theme2
|
|
18463
|
+
}) => theme2.click.fileUpload.typography.description.default, ({
|
|
18464
|
+
theme: theme2,
|
|
18465
|
+
$isError
|
|
18466
|
+
}) => $isError ? theme2.click.fileUpload.color.title.error : theme2.click.fileUpload.color.description.default);
|
|
18467
|
+
const UploadIcon = pt(SvgImage).withConfig({
|
|
18468
|
+
componentId: "sc-1w9rsfj-4"
|
|
18463
18469
|
})(["svg{width:", ";height:", ";color:", ";}"], ({
|
|
18464
18470
|
theme: theme2
|
|
18465
18471
|
}) => theme2.click.fileUpload.md.icon.size.width, ({
|
|
@@ -18468,17 +18474,17 @@ const UploadIcon = pt(SvgImage).withConfig({
|
|
|
18468
18474
|
theme: theme2
|
|
18469
18475
|
}) => theme2.click.fileUpload.md.color.icon.default);
|
|
18470
18476
|
const UploadText = pt.div.withConfig({
|
|
18471
|
-
componentId: "sc-1w9rsfj-
|
|
18477
|
+
componentId: "sc-1w9rsfj-5"
|
|
18472
18478
|
})(["text-align:center;display:flex;flex-direction:column;align-items:center;width:100%;"]);
|
|
18473
18479
|
const FilesList = pt.div.withConfig({
|
|
18474
|
-
componentId: "sc-1w9rsfj-
|
|
18480
|
+
componentId: "sc-1w9rsfj-6"
|
|
18475
18481
|
})(["display:flex;flex-direction:column;gap:", ";width:100%;margin-top:", ";"], ({
|
|
18476
18482
|
theme: theme2
|
|
18477
18483
|
}) => theme2.click.fileUpload.sm.space.gap, ({
|
|
18478
18484
|
theme: theme2
|
|
18479
18485
|
}) => theme2.click.fileUpload.md.space.gap);
|
|
18480
18486
|
const FileItem = pt.div.withConfig({
|
|
18481
|
-
componentId: "sc-1w9rsfj-
|
|
18487
|
+
componentId: "sc-1w9rsfj-7"
|
|
18482
18488
|
})(["background-color:", ";border:", ";border-radius:", ";padding:", ";display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:", ";", ""], ({
|
|
18483
18489
|
theme: theme2
|
|
18484
18490
|
}) => theme2.click.fileUpload.color.background.default, ({
|
|
@@ -18489,11 +18495,11 @@ const FileItem = pt.div.withConfig({
|
|
|
18489
18495
|
theme: theme2
|
|
18490
18496
|
}) => `${theme2.click.fileUpload.sm.space.y} ${theme2.click.fileUpload.sm.space.x}`, ({
|
|
18491
18497
|
theme: theme2
|
|
18492
|
-
}) => theme2.click.fileUpload.sm.space.gap, (props) => props.$isError && ct(["background-color:", ";border:
|
|
18498
|
+
}) => theme2.click.fileUpload.sm.space.gap, (props) => props.$isError && ct(["background-color:", ";border-color:transparent;"], ({
|
|
18493
18499
|
theme: theme2
|
|
18494
18500
|
}) => theme2.click.fileUpload.color.background.error));
|
|
18495
18501
|
const DocumentIcon = pt(SvgImage).withConfig({
|
|
18496
|
-
componentId: "sc-1w9rsfj-
|
|
18502
|
+
componentId: "sc-1w9rsfj-8"
|
|
18497
18503
|
})(["svg{width:", ";height:", ";color:", ";}"], ({
|
|
18498
18504
|
theme: theme2
|
|
18499
18505
|
}) => theme2.click.fileUpload.sm.icon.size.width, ({
|
|
@@ -18501,35 +18507,20 @@ const DocumentIcon = pt(SvgImage).withConfig({
|
|
|
18501
18507
|
}) => theme2.click.fileUpload.sm.icon.size.height, ({
|
|
18502
18508
|
theme: theme2
|
|
18503
18509
|
}) => theme2.click.fileUpload.sm.color.icon.default);
|
|
18504
|
-
const FileInfoHeader = pt.div.withConfig({
|
|
18505
|
-
componentId: "sc-1w9rsfj-8"
|
|
18506
|
-
})(["display:flex;align-items:center;gap:", ";width:100%;"], ({
|
|
18507
|
-
theme: theme2
|
|
18508
|
-
}) => theme2.click.fileUpload.sm.space.gap);
|
|
18509
|
-
const FileInfo = pt.div.withConfig({
|
|
18510
|
-
componentId: "sc-1w9rsfj-9"
|
|
18511
|
-
})(["display:flex;flex-direction:column;gap:", ";flex:1;"], ({
|
|
18512
|
-
theme: theme2
|
|
18513
|
-
}) => theme2.click.fileUpload.hasFile.header.space.gap);
|
|
18514
18510
|
const FileDetails = pt.div.withConfig({
|
|
18515
|
-
componentId: "sc-1w9rsfj-
|
|
18511
|
+
componentId: "sc-1w9rsfj-9"
|
|
18516
18512
|
})(["display:flex;gap:", ";border:none;"], ({
|
|
18517
18513
|
theme: theme2
|
|
18518
18514
|
}) => theme2.click.fileUpload.md.space.gap);
|
|
18519
18515
|
const FileActions = pt.div.withConfig({
|
|
18520
|
-
componentId: "sc-1w9rsfj-
|
|
18516
|
+
componentId: "sc-1w9rsfj-10"
|
|
18521
18517
|
})(["display:flex;align-items:center;margin-left:auto;gap:0;"]);
|
|
18522
|
-
const
|
|
18518
|
+
const FileContentContainer = pt.div.withConfig({
|
|
18519
|
+
componentId: "sc-1w9rsfj-11"
|
|
18520
|
+
})(["flex:1;display:flex;flex-direction:column;justify-content:center;min-height:24px;"]);
|
|
18521
|
+
const ProgressBarWrapper = pt.div.withConfig({
|
|
18523
18522
|
componentId: "sc-1w9rsfj-12"
|
|
18524
|
-
})(["
|
|
18525
|
-
const ProgressBarContainer = pt.div.withConfig({
|
|
18526
|
-
componentId: "sc-1w9rsfj-13"
|
|
18527
|
-
})(["width:100%;flex:1;"]);
|
|
18528
|
-
const ProgressPercentage = pt(Text).withConfig({
|
|
18529
|
-
componentId: "sc-1w9rsfj-14"
|
|
18530
|
-
})(["min-width:", ";text-align:right;padding-right:", ";"], ({
|
|
18531
|
-
theme: theme2
|
|
18532
|
-
}) => theme2.sizes[10], ({
|
|
18523
|
+
})(["margin-top:", ";margin-bottom:9px;"], ({
|
|
18533
18524
|
theme: theme2
|
|
18534
18525
|
}) => theme2.click.fileUpload.md.space.gap);
|
|
18535
18526
|
const formatFileSize = (sizeInBytes) => {
|
|
@@ -18669,28 +18660,26 @@ const FileMultiUpload = ({
|
|
|
18669
18660
|
handleBrowseClick();
|
|
18670
18661
|
}, children: "Browse files" })
|
|
18671
18662
|
] }),
|
|
18672
|
-
files.length > 0 && /* @__PURE__ */ jsx(FilesList, { children: files.map((file) => /* @__PURE__ */
|
|
18673
|
-
/* @__PURE__ */
|
|
18674
|
-
|
|
18663
|
+
files.length > 0 && /* @__PURE__ */ jsx(FilesList, { children: files.map((file) => /* @__PURE__ */ jsxs(FileItem, { $isError: file.status === "error", children: [
|
|
18664
|
+
/* @__PURE__ */ jsx(DocumentIcon, { name: "document" }),
|
|
18665
|
+
/* @__PURE__ */ jsxs(FileContentContainer, { children: [
|
|
18675
18666
|
/* @__PURE__ */ jsxs(FileDetails, { children: [
|
|
18676
|
-
/* @__PURE__ */ jsx(
|
|
18677
|
-
|
|
18678
|
-
|
|
18667
|
+
/* @__PURE__ */ jsx(FileName, { children: truncateFilename(file.name) }),
|
|
18668
|
+
file.status === "uploading" && /* @__PURE__ */ jsxs(FileUploadDescription, { children: [
|
|
18669
|
+
file.progress,
|
|
18670
|
+
"%"
|
|
18671
|
+
] }),
|
|
18672
|
+
file.status === "error" && /* @__PURE__ */ jsx(FileUploadDescription, { $isError: true, children: file.errorMessage || "Upload failed" }),
|
|
18679
18673
|
file.status === "success" && /* @__PURE__ */ jsx(SvgImage, { size: "xs", state: "success", name: "check" })
|
|
18680
18674
|
] }),
|
|
18681
|
-
/* @__PURE__ */
|
|
18682
|
-
|
|
18683
|
-
/* @__PURE__ */ jsx(IconButton$1, { size: "sm", icon: "cross", type: "ghost", onClick: () => handleRemoveFile(file.id) })
|
|
18684
|
-
] })
|
|
18675
|
+
file.status === "uploading" && /* @__PURE__ */ jsx(ProgressBarWrapper, { children: /* @__PURE__ */ jsx(ProgressBar, { progress: file.progress, type: "small" }) }),
|
|
18676
|
+
(file.status === "success" || file.status === "error") && /* @__PURE__ */ jsx(FileUploadDescription, { children: formatFileSize(file.size) })
|
|
18685
18677
|
] }),
|
|
18686
|
-
|
|
18687
|
-
|
|
18688
|
-
/* @__PURE__ */
|
|
18689
|
-
file.progress,
|
|
18690
|
-
"%"
|
|
18691
|
-
] })
|
|
18678
|
+
/* @__PURE__ */ jsxs(FileActions, { children: [
|
|
18679
|
+
file.status === "error" && /* @__PURE__ */ jsx(IconButton$1, { size: "sm", icon: "refresh", type: "ghost", onClick: () => handleRetryUpload(file.id) }),
|
|
18680
|
+
/* @__PURE__ */ jsx(IconButton$1, { size: "sm", icon: "cross", type: "ghost", onClick: () => handleRemoveFile(file.id) })
|
|
18692
18681
|
] })
|
|
18693
|
-
] }
|
|
18682
|
+
] }, file.id)) }),
|
|
18694
18683
|
/* @__PURE__ */ jsx("input", { type: "file", ref: fileInputRef, accept: acceptedFileTypes, onChange: handleFileSelect, multiple: true, style: {
|
|
18695
18684
|
display: "none"
|
|
18696
18685
|
} })
|
|
@@ -35841,18 +35830,6 @@ const Pagination = ({
|
|
|
35841
35830
|
};
|
|
35842
35831
|
const leftButtonDisabled = currentPage <= 1;
|
|
35843
35832
|
const rightButtonDisabled = !!totalPages && currentPage === totalPages || disableNextButton;
|
|
35844
|
-
const onKeyDown = (e) => {
|
|
35845
|
-
var _a;
|
|
35846
|
-
const isInputEnabled = !((_a = inputRef.current) == null ? void 0 : _a.disabled);
|
|
35847
|
-
if ((e.key === "ArrowUp" || e.key === "ArrowRight") && isInputEnabled && !rightButtonDisabled) {
|
|
35848
|
-
onChangeProp(currentPage + 1);
|
|
35849
|
-
} else if ((e.key === "ArrowDown" || e.key === "ArrowLeft") && isInputEnabled && !leftButtonDisabled) {
|
|
35850
|
-
const newPage = currentPage - 1;
|
|
35851
|
-
if (newPage > 0) {
|
|
35852
|
-
onChangeProp(newPage);
|
|
35853
|
-
}
|
|
35854
|
-
}
|
|
35855
|
-
};
|
|
35856
35833
|
const onChange = (value) => {
|
|
35857
35834
|
var _a;
|
|
35858
35835
|
const sanitizedValue = parseInt(value, 10);
|
|
@@ -35894,7 +35871,7 @@ const Pagination = ({
|
|
|
35894
35871
|
] }),
|
|
35895
35872
|
/* @__PURE__ */ jsxs(Container, { gap: "xxs", fillWidth: false, children: [
|
|
35896
35873
|
/* @__PURE__ */ jsx(IconButton$1, { icon: "chevron-left", type: "ghost", disabled: leftButtonDisabled, onClick: onPrevClick, "data-testid": "prev-btn" }),
|
|
35897
|
-
/* @__PURE__ */ jsx(Container, { maxWidth: "50px", fillWidth: false, children: /* @__PURE__ */ jsx(NumberField, { ref: inputRef, onChange, value: currentPage, loading: false,
|
|
35874
|
+
/* @__PURE__ */ jsx(Container, { maxWidth: "50px", fillWidth: false, children: /* @__PURE__ */ 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 }) }),
|
|
35898
35875
|
!!totalPages && /* @__PURE__ */ jsxs(Text, { component: "div", color: "muted", size: "sm", children: [
|
|
35899
35876
|
"of ",
|
|
35900
35877
|
formatNumber(totalPages)
|
|
@@ -49833,9 +49810,16 @@ const click = {
|
|
|
49833
49810
|
}
|
|
49834
49811
|
},
|
|
49835
49812
|
space: {
|
|
49836
|
-
|
|
49837
|
-
|
|
49838
|
-
|
|
49813
|
+
md: {
|
|
49814
|
+
y: "0.75rem",
|
|
49815
|
+
x: "1rem",
|
|
49816
|
+
gap: "1rem"
|
|
49817
|
+
},
|
|
49818
|
+
sm: {
|
|
49819
|
+
y: "0.5rem",
|
|
49820
|
+
x: "0.75rem",
|
|
49821
|
+
gap: "0.75rem"
|
|
49822
|
+
}
|
|
49839
49823
|
},
|
|
49840
49824
|
"default": {
|
|
49841
49825
|
color: {
|