@snmt-react-ui/async-select 1.5.2 → 1.5.4
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/async-select.js +53 -53
- package/dist/index.css +1 -1
- package/package.json +3 -3
package/dist/async-select.js
CHANGED
|
@@ -6780,25 +6780,25 @@ const C1 = ({ children: i, width: o, size: e = "small", onClose: l, closable: r
|
|
|
6780
6780
|
extraOptions: _,
|
|
6781
6781
|
dropdownRender: A,
|
|
6782
6782
|
optionRender: G,
|
|
6783
|
-
isLoading:
|
|
6784
|
-
readOnly:
|
|
6785
|
-
},
|
|
6786
|
-
const [
|
|
6783
|
+
isLoading: D,
|
|
6784
|
+
readOnly: f
|
|
6785
|
+
}, j) => {
|
|
6786
|
+
const [T, y] = u(!1), [S, R] = u(!1), [Z, Y] = u(!0), [v, K] = u(i), O = r1(null);
|
|
6787
6787
|
E(() => {
|
|
6788
|
-
|
|
6788
|
+
K(i);
|
|
6789
6789
|
}, [i]);
|
|
6790
6790
|
const m = (a) => {
|
|
6791
|
-
|
|
6791
|
+
y(a), n && n(a);
|
|
6792
6792
|
}, J = (a, L) => {
|
|
6793
6793
|
var M;
|
|
6794
6794
|
return !!((M = L == null ? void 0 : L.label) != null && M.toString().toLowerCase().includes(a.toLowerCase()));
|
|
6795
6795
|
}, Q = () => {
|
|
6796
6796
|
R(!0);
|
|
6797
|
-
},
|
|
6797
|
+
}, b = () => {
|
|
6798
6798
|
R(!1);
|
|
6799
|
-
},
|
|
6799
|
+
}, N = x(
|
|
6800
6800
|
(a) => {
|
|
6801
|
-
if (
|
|
6801
|
+
if (K(a), l) {
|
|
6802
6802
|
const M = a;
|
|
6803
6803
|
o == null || o(M);
|
|
6804
6804
|
return;
|
|
@@ -6808,19 +6808,19 @@ const C1 = ({ children: i, width: o, size: e = "small", onClose: l, closable: r
|
|
|
6808
6808
|
},
|
|
6809
6809
|
[l, o]
|
|
6810
6810
|
), k1 = x(() => {
|
|
6811
|
-
if (!
|
|
6811
|
+
if (!f) {
|
|
6812
6812
|
if (l) {
|
|
6813
|
-
|
|
6813
|
+
N([]);
|
|
6814
6814
|
return;
|
|
6815
6815
|
}
|
|
6816
|
-
|
|
6816
|
+
N("");
|
|
6817
6817
|
}
|
|
6818
|
-
}, [
|
|
6818
|
+
}, [N, l, f]), U = x(
|
|
6819
6819
|
(a) => {
|
|
6820
6820
|
const L = v.filter((M) => M !== a);
|
|
6821
|
-
|
|
6821
|
+
N(L), K(L);
|
|
6822
6822
|
},
|
|
6823
|
-
[
|
|
6823
|
+
[N, v]
|
|
6824
6824
|
), i1 = x(
|
|
6825
6825
|
(a) => (v == null ? void 0 : v.indexOf(a)) === 0 ? (
|
|
6826
6826
|
// if the search input is empty
|
|
@@ -6849,14 +6849,14 @@ const C1 = ({ children: i, width: o, size: e = "small", onClose: l, closable: r
|
|
|
6849
6849
|
{
|
|
6850
6850
|
values: a,
|
|
6851
6851
|
onTagClose: U,
|
|
6852
|
-
maxWidth: ((L =
|
|
6853
|
-
disabled: s ||
|
|
6852
|
+
maxWidth: ((L = O.current) == null ? void 0 : L.clientWidth) || 0,
|
|
6853
|
+
disabled: s || f,
|
|
6854
6854
|
options: w,
|
|
6855
6855
|
extraOptions: _
|
|
6856
6856
|
}
|
|
6857
6857
|
);
|
|
6858
6858
|
},
|
|
6859
|
-
[s, _, U, w,
|
|
6859
|
+
[s, _, U, w, f]
|
|
6860
6860
|
), m1 = x(
|
|
6861
6861
|
({ label: a, value: L, mode: M }) => M === "filter" ? i1(L) : /* @__PURE__ */ t("div", { onMouseDown: g1, className: "tag-wrapper", children: /* @__PURE__ */ t(C1, { onClose: () => U(L), closable: !s, children: /* @__PURE__ */ t(w1, { variant: "body4", children: typeof a == "object" ? a : X(L) }) }) }),
|
|
6862
6862
|
[s, X, U, i1]
|
|
@@ -6865,17 +6865,17 @@ const C1 = ({ children: i, width: o, size: e = "small", onClose: l, closable: r
|
|
|
6865
6865
|
"div",
|
|
6866
6866
|
{
|
|
6867
6867
|
className: `snmt-select ${S ? "snmt-select-focused" : ""}
|
|
6868
|
-
${l ? "" : "snmt-select-single"} ${
|
|
6869
|
-
ref:
|
|
6868
|
+
${l ? "" : "snmt-select-single"} ${f ? "snmt-select-read-only" : ""}`,
|
|
6869
|
+
ref: O,
|
|
6870
6870
|
style: { width: g },
|
|
6871
6871
|
children: [
|
|
6872
6872
|
/* @__PURE__ */ t(
|
|
6873
6873
|
v1,
|
|
6874
6874
|
{
|
|
6875
6875
|
className: "snmt-select-blank",
|
|
6876
|
-
popupClassName:
|
|
6876
|
+
popupClassName: f ? "dropdown-read-only" : "",
|
|
6877
6877
|
id: V,
|
|
6878
|
-
ref:
|
|
6878
|
+
ref: j,
|
|
6879
6879
|
showSearch: !!r,
|
|
6880
6880
|
filterOption: r && J,
|
|
6881
6881
|
onDropdownVisibleChange: m,
|
|
@@ -6884,19 +6884,19 @@ const C1 = ({ children: i, width: o, size: e = "small", onClose: l, closable: r
|
|
|
6884
6884
|
value: v || void 0,
|
|
6885
6885
|
labelRender: (a) => X(a.value),
|
|
6886
6886
|
mode: l === "filter" ? "multiple" : l,
|
|
6887
|
-
onChange:
|
|
6887
|
+
onChange: N,
|
|
6888
6888
|
onFocus: Q,
|
|
6889
|
-
onBlur:
|
|
6889
|
+
onBlur: b,
|
|
6890
6890
|
onSearch: (a) => {
|
|
6891
|
-
|
|
6891
|
+
Y(!a), h && h(a);
|
|
6892
6892
|
},
|
|
6893
|
-
onSelect: () =>
|
|
6894
|
-
onDeselect: () =>
|
|
6893
|
+
onSelect: () => Y(!0),
|
|
6894
|
+
onDeselect: () => Y(!0),
|
|
6895
6895
|
tagRender: (a) => m1({ ...a, mode: l }),
|
|
6896
6896
|
maxTagCount: "responsive",
|
|
6897
6897
|
maxTagPlaceholder: L1,
|
|
6898
6898
|
onPopupScroll: p1,
|
|
6899
|
-
prefix:
|
|
6899
|
+
prefix: D && /* @__PURE__ */ t(t1, { size: 15 }),
|
|
6900
6900
|
suffixIcon: /* @__PURE__ */ t("div", { className: "wrapper-suffix-icon", children: l !== "filter" && /* @__PURE__ */ c(I, { children: [
|
|
6901
6901
|
l && v && !!v.length && /* @__PURE__ */ t("div", { onClick: k1, children: /* @__PURE__ */ t(P, { name: "cancel" }) }),
|
|
6902
6902
|
/* @__PURE__ */ t(
|
|
@@ -6904,8 +6904,8 @@ const C1 = ({ children: i, width: o, size: e = "small", onClose: l, closable: r
|
|
|
6904
6904
|
{
|
|
6905
6905
|
name: "selectArrowIcon",
|
|
6906
6906
|
color: s ? W.GREY_DARK_1 : W.GREY_DARK_5,
|
|
6907
|
-
className:
|
|
6908
|
-
onClick: () =>
|
|
6907
|
+
className: T ? "select-arrow-rotated" : "select-arrow",
|
|
6908
|
+
onClick: () => y(!T)
|
|
6909
6909
|
}
|
|
6910
6910
|
)
|
|
6911
6911
|
] }) }),
|
|
@@ -6934,7 +6934,7 @@ const C1 = ({ children: i, width: o, size: e = "small", onClose: l, closable: r
|
|
|
6934
6934
|
}
|
|
6935
6935
|
)
|
|
6936
6936
|
] }),
|
|
6937
|
-
dropdownRender:
|
|
6937
|
+
dropdownRender: D ? () => /* @__PURE__ */ t(
|
|
6938
6938
|
"div",
|
|
6939
6939
|
{
|
|
6940
6940
|
style: {
|
|
@@ -6973,7 +6973,7 @@ function O3(i, o = 500) {
|
|
|
6973
6973
|
clearTimeout(e.current), e.current = w;
|
|
6974
6974
|
};
|
|
6975
6975
|
}
|
|
6976
|
-
const
|
|
6976
|
+
const F = {
|
|
6977
6977
|
limit: 100,
|
|
6978
6978
|
offset: 0
|
|
6979
6979
|
}, $3 = q(
|
|
@@ -6994,34 +6994,34 @@ const b = {
|
|
|
6994
6994
|
dropdownRender: B,
|
|
6995
6995
|
readOnly: V
|
|
6996
6996
|
}, _) => {
|
|
6997
|
-
const [A, G] = u([]), [
|
|
6997
|
+
const [A, G] = u([]), [D, f] = u(F), [j, T] = u(!1), [y, S] = u(null), R = x(
|
|
6998
6998
|
async (m = !1, J) => {
|
|
6999
|
-
if (!
|
|
7000
|
-
|
|
6999
|
+
if (!j) {
|
|
7000
|
+
T(!0);
|
|
7001
7001
|
try {
|
|
7002
|
-
const Q = m ? { ...
|
|
7002
|
+
const Q = m ? { ...F, search: J } : D, b = await i(Q);
|
|
7003
7003
|
G(
|
|
7004
|
-
(
|
|
7005
|
-
), S(
|
|
7006
|
-
...
|
|
7007
|
-
offset:
|
|
7004
|
+
(N) => m ? b.options : [...N, ...b.options]
|
|
7005
|
+
), S(b.count), f((N) => ({
|
|
7006
|
+
...N,
|
|
7007
|
+
offset: N.offset + N.limit
|
|
7008
7008
|
}));
|
|
7009
7009
|
} finally {
|
|
7010
|
-
|
|
7010
|
+
T(!1);
|
|
7011
7011
|
}
|
|
7012
7012
|
}
|
|
7013
7013
|
},
|
|
7014
|
-
[
|
|
7015
|
-
), Z = O3(R),
|
|
7014
|
+
[D, i, j]
|
|
7015
|
+
), Z = O3(R), Y = x(
|
|
7016
7016
|
(m) => {
|
|
7017
|
-
m === "" || m === void 0 || m === null ? (
|
|
7017
|
+
m === "" || m === void 0 || m === null ? (f(F), Z(!0)) : Z(!0, m);
|
|
7018
7018
|
},
|
|
7019
7019
|
[Z]
|
|
7020
7020
|
), v = async (m) => {
|
|
7021
|
-
m &&
|
|
7022
|
-
},
|
|
7021
|
+
m && y !== null && y > A.length && await R(!1);
|
|
7022
|
+
}, K = x(
|
|
7023
7023
|
(m) => {
|
|
7024
|
-
m && !k && (G([]),
|
|
7024
|
+
m && !k && (G([]), f(F), R(!0)), n == null || n(m);
|
|
7025
7025
|
},
|
|
7026
7026
|
// eslint-disable-next-line
|
|
7027
7027
|
[k]
|
|
@@ -7029,7 +7029,7 @@ const b = {
|
|
|
7029
7029
|
E(() => {
|
|
7030
7030
|
k && R(!1);
|
|
7031
7031
|
}, []);
|
|
7032
|
-
const
|
|
7032
|
+
const O = {
|
|
7033
7033
|
id: r,
|
|
7034
7034
|
width: o,
|
|
7035
7035
|
options: A,
|
|
@@ -7038,23 +7038,23 @@ const b = {
|
|
|
7038
7038
|
placeholder: s,
|
|
7039
7039
|
search: !0,
|
|
7040
7040
|
value: l,
|
|
7041
|
-
onSearchChange:
|
|
7042
|
-
onDropdownVisibleChange:
|
|
7041
|
+
onSearchChange: Y,
|
|
7042
|
+
onDropdownVisibleChange: K,
|
|
7043
7043
|
scrollThresholdValue: g,
|
|
7044
7044
|
onScrollToEnd: v,
|
|
7045
7045
|
loadOnClosedState: k,
|
|
7046
7046
|
disabled: w,
|
|
7047
7047
|
extraOptions: h,
|
|
7048
|
-
isLoading:
|
|
7048
|
+
isLoading: j,
|
|
7049
7049
|
optionRender: H,
|
|
7050
7050
|
dropdownRender: B,
|
|
7051
7051
|
readOnly: V
|
|
7052
7052
|
};
|
|
7053
7053
|
return u1(_, () => ({
|
|
7054
7054
|
refetchOptions: async () => {
|
|
7055
|
-
|
|
7055
|
+
f(F), await R(!0);
|
|
7056
7056
|
}
|
|
7057
|
-
})), p ? /* @__PURE__ */ t(l1, { ...
|
|
7057
|
+
})), p ? /* @__PURE__ */ t(l1, { ...O, onChange: e, value: l, mode: p }) : /* @__PURE__ */ t("div", { className: "snmt-async-select", children: /* @__PURE__ */ t(l1, { ...O, onChange: e, value: l }) });
|
|
7058
7058
|
}
|
|
7059
7059
|
);
|
|
7060
7060
|
export {
|
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";.snmt-flex.inherit{flex-wrap:inherit}.snmt-avatar.ant-avatar{border:0;background-color:var(--grey-dark-5);color:var(--grey-light-0);font-family:Montserrat,sans-serif}.snmt-avatar.image.ant-avatar{background-color:transparent}.snmt-checkbox .ant-checkbox-indeterminate .ant-checkbox-inner:after{height:2px;background-color:var(--grey-light-0)}.snmt-checkbox .ant-checkbox+span{padding-inline-start:12px;padding-inline-end:unset;font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;line-height:20px;letter-spacing:0;text-align:left}:not(.ant-checkbox-indeterminate).ant-checkbox-checked .ant-checkbox-inner:after{transform:rotate(45deg) scale(1) translate(-40%,-60%)}.ant-checkbox-inner{width:20px!important;height:20px!important}.ant-checkbox-checked .ant-checkbox-inner,.snmt-checkbox-light.ant-checkbox-checked .ant-checkbox-inner:hover{background-color:var(--blue-primary);border-color:var(--blue-primary)}.snmt-checkbox-light:not(.ant-checkbox-checked):hover .ant-checkbox-inner{border:1px solid var(--grey-dark-1)}.snmt-checkbox-light+span{color:var(--grey-light-0)}.snmt-checkbox-dark .ant-checkbox:not(.ant-checkbox-checked) .ant-checkbox-inner{background-color:var(--grey-dark-4);border:1px solid var(--grey-dark-4)}.snmt-checkbox-dark .ant-checkbox:not(.ant-checkbox-checked):hover .ant-checkbox-inner{background-color:var(--grey-dark-3);border:1px solid var(--grey-dark-3)}.snmt-checkbox-dark .ant-checkbox+span{color:var(--grey-light-0)}.snmt-tag{display:flex;align-items:center;justify-content:center;border-radius:4px;border:none;margin-inline-end:0;padding:2px 6px;height:20px;background:var(--grey-light-2)}.snmt-tag .ant-tag-close-icon{display:flex;align-items:center;margin-inline-start:6px}.snmt-tag .ant-tag-close-icon:hover>path{fill:var(--blue-primary);transition:fill .2s ease-in-out}.snmt-tag.medium{padding:4px 8px;height:28px}.snmt-tag.medium .ant-tag-close-icon{margin-inline-start:7.75px}.clickable{cursor:pointer}:root{--grey-light-0: #ffffff;--grey-light-1: #fbfbfb;--grey-light-2: #f4f4f5;--grey-light-3: #e6e6e9;--grey-light-4: #d0d0d7;--grey-dark-1: #babac4;--grey-dark-2: #8b8b9d;--grey-dark-3: #6f6f83;--grey-dark-4: #35353f;--grey-dark-5: #131314;--blue-primary: #004ed7;--blue-hover: #003899;--blue-light-1: #ebf2ff;--blue-light-2: #deeaff;--blue-light-3: #c3d9ff;--blue-light-4: #a5c6ff;--blue-dark-1: #498bff;--purple-light: #f2e5ff;--purple-dark: #6900d1;--notification-warning-light: #fff4e8;--notification-warning-dark: #d17100;--notification-success-light: #e0ffdb;--notification-success-dark: #0f6e00;--notification-error-light: #ffecec;--notification-error-dark: #d20000;--notification-error-dark-mode: #e50f00}.snmt-typography.ant-typography{color:var(--blue-dark-3);font-family:Montserrat,sans-serif;font-style:normal;font-feature-settings:"clig" off,"liga" off;line-height:normal;margin:0!important}.snmt-typography.snmt-typography-h1{font-size:29px;font-weight:700;line-height:110%}.snmt-typography.snmt-typography-h2{font-size:25px;font-weight:600;line-height:120%}.snmt-typography.snmt-typography-h3{font-size:21px;font-weight:600;line-height:116%}.snmt-typography.snmt-typography-h4{font-size:19px;font-weight:600;line-height:124%}.snmt-typography.snmt-typography-h5{font-size:16px;font-weight:600;line-height:124%}.snmt-typography.snmt-typography-body1{font-size:16px;font-weight:500;line-height:144%}.snmt-typography.snmt-typography-body2{font-size:14px;font-weight:500;line-height:144%}.snmt-typography.snmt-typography-body3{font-size:12px;font-weight:600;line-height:120%}.snmt-typography.snmt-typography-body4{font-size:12px;font-weight:500;line-height:120%}.snmt-typography.snmt-typography-caption{font-size:10px;font-weight:500;line-height:120%}.snmt-typography.snmt-typography-button{font-size:14px;font-weight:600;line-height:116%}.snmt-typography.snmt-typography-tag{font-size:9px;font-weight:500;line-height:116%}.snmt-typography.snmt-typography-link{font-size:16px;font-weight:500;line-height:120%;text-decoration:underline;cursor:pointer}.snmt-typography.snmt-typography-align-center{text-align:center}.snmt-typography.snmt-typography-align-justify{text-align:justify}.snmt-typography.snmt-typography-align-left{text-align:left}.snmt-typography.snmt-typography-align-right{text-align:right}.snmt-typography.collapsed{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overflow-button{width:fit-content;display:flex;align-items:center;border:none;margin-inline-end:3px;padding:2px 6px;height:20px;cursor:pointer;background:var(--grey-light-2)}.overflow-button:hover{background:var(--blue-light-1)}.overflow-button.open{background:var(--blue-light-2)}.snmt-popover{z-index:1050!important}.snmt-popover .ant-popover-inner{padding:0}.snmt-popover.padding .ant-popover-inner{padding:16px}.wrapper{cursor:pointer}.snmt-select{width:100%;position:relative}.snmt-select .snmt-select-blank .ant-select-selector{border:none!important}.snmt-select .ant-select{height:100%;pointer-events:none;width:100%;border-radius:8px}.snmt-select .ant-select .wrapper-suffix-icon{pointer-events:none;display:flex;align-items:center;gap:10px}.snmt-select .ant-select-focused .ant-select-selector{box-shadow:none!important}.snmt-select .ant-select-selector{pointer-events:all;border:1px solid var(--grey-light-4)!important;border-radius:8px!important;height:100%!important;padding:8px 16px!important}.snmt-select .ant-select-selector:hover{border-color:var(--blue-dark-1)!important}.snmt-select .ant-select-selection-placeholder{font-size:16px!important;font-weight:500;color:var(--grey-dark-2);font-family:Montserrat,sans-serif;text-align:left!important}.snmt-select .ant-select-selection-search{margin-inline-start:0px!important;font-size:16px;font-weight:500}.snmt-select .ant-select-selection-search input{font-size:16px!important;font-weight:500!important;color:var(--grey-dark-5)!important}.snmt-select .ant-select-arrow div{pointer-events:all;position:relative;z-index:10}.snmt-select .ant-select-selection-overflow-item-rest .ant-tag-close-icon{display:none}.snmt-select .ant-select-disabled .ant-select-arrow div{pointer-events:none!important;cursor:not-allowed!important}.snmt-select .ant-select-single .ant-select-selection-item{font-family:Montserrat,sans-serif;font-weight:500;color:var(--grey-dark-5);font-size:16px}.snmt-select .ant-select-single .ant-select-selection-item img{display:none}.snmt-select .ant-select-multiple .ant-select-selector{padding:9px 48px 9px 16px!important}.snmt-select .ant-select-multiple .ant-select-selection-placeholder{inset-inline-start:0px;inset-inline-end:16px}.snmt-select .ant-select-multiple .ant-select-selection-item{background-color:var(--grey-light-2)}.snmt-select .ant-select-multiple .ant-select-selection-item-content{font-family:Montserrat,sans-serif;color:var(--grey-dark-5);font-weight:500;font-size:12px;margin-inline-end:6px}.snmt-select .ant-select-multiple .ant-select-selection-item-content img{display:none}.snmt-select .ant-select-multiple .ant-select-selection-overflow-item .tag-wrapper{margin:0 3px}.snmt-select .ant-select-multiple .ant-select-selection-overflow-item-rest .ant-select-selection-item{margin-inline-start:3px;margin-inline-end:0;margin-block:0;padding-inline-start:0;padding-inline-end:0;height:22px;background:transparent}.snmt-select .ant-select-multiple .ant-select-selection-overflow-item-rest .ant-select-selection-item-content{margin:0}.snmt-select .ant-select-multiple .ant-select-selection-overflow-item:first-of-type .tag-wrapper{margin-left:0;margin-right:3px}.snmt-select .ant-select-multiple .ant-select-selection-overflow .custom-placeholder{position:absolute;top:50%;transform:translateY(-50%);transition:all .3s;font-size:16px;font-weight:500;color:var(--grey-dark-2);font-family:Montserrat,sans-serif;text-align:left}.snmt-select .ant-select-open .ant-select-selector{box-shadow:none!important;border-color:var(--blue-primary)!important}.snmt-select .select-arrow{transition:transform .3s ease;position:relative;z-index:2}.snmt-select .select-arrow-rotated{transition:transform .3s ease;transform:rotate(180deg)}.snmt-select fieldset{position:absolute;min-width:0;margin:0;padding:0 11px;top:-6px;right:0;bottom:0;left:0;border:1px solid;border-color:var(--grey-light-4);border-radius:8px;text-align:left;pointer-events:none}.snmt-select fieldset>legend{max-width:0;height:14px;padding:0;font-size:12px}.snmt-select fieldset>legend>span{padding:0 5px;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none}.snmt-select-focused{border-color:var(--blue-primary)!important;border-width:2px}.snmt-select-read-only .ant-select-selector{background-color:var(--grey-light-2);cursor:not-allowed;pointer-events:none!important}.snmt-select-read-only .ant-select-arrow{pointer-events:all!important;cursor:pointer}.snmt-select-read-only .ant-select{pointer-events:auto!important}.snmt-select-read-only .ant-select-selection-item,.snmt-select-read-only .ant-select-selection-placeholder{color:var(--grey-dark-1)!important}.snmt-select:not(.ant-select-disabled):not(.snmt-select-error):not(.snmt-select-focused):hover fieldset{border-color:var(--blue-dark-1)!important;color:var(--blue-dark-1)!important;box-shadow:none!important}.dropdown-read-only .rc-virtual-list{pointer-events:none}.ant-select-dropdown{padding:0}.ant-select-dropdown .ant-select-item{border-radius:0}.ant-select-dropdown .ant-select-item-option{padding:14px 16px}.ant-select-dropdown .ant-select-item-option-state{display:none}.ant-select-dropdown .ant-select-item-option-active{background-color:var(--blue-light-1)!important}.ant-select-dropdown .ant-select-item-option-disabled .ant-select-item-option-content span{color:var(--grey-light-4)!important}.ant-select-dropdown .ant-select-item-option-disabled .ant-select-item-option-content img{filter:opacity(.5)}.ant-select-dropdown .ant-select-item-option-content span{font-family:Montserrat,sans-serif;color:var(--grey-dark-5);font-weight:500}.ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled){background-color:transparent}.ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-content span{font-weight:500!important}.ant-select-dropdown .rc-virtual-list-holder{overflow-y:auto!important}.ant-select-dropdown .rc-virtual-list-holder::-webkit-scrollbar{width:6px}.ant-select-dropdown .rc-virtual-list-holder::-webkit-scrollbar-thumb{background:var(--grey-light-4);border-radius:10px}.ant-select-outlined.ant-select-disabled:not(.ant-select-customize-input) .ant-select-selector{background:var(--grey-light-2);border:none!important}.ant-select-outlined.ant-select-disabled:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item{color:var(--grey-dark-1)!important}.rc-virtual-list-scrollbar.rc-virtual-list-scrollbar-vertical{visibility:hidden!important}.snmt-select-single .ant-select-item-option-state{display:block}.fieldset-focused>legend,.fieldset-disabled>legend,.fieldset-filled>legend{max-width:100%!important}.fieldset-focused>legend>span,.fieldset-disabled>legend>span,.fieldset-filled>legend>span{opacity:1!important}.fieldset-focused{border-color:var(--blue-primary)!important;color:var(--blue-primary)!important;border-width:2px!important}.fieldset-disabled{border:none!important;color:var(--grey-dark-1)}.fieldset-filled{border-color:var(--grey-light-4);color:var(--grey-light-4)}.snmt-loader{display:inline-block;aspect-ratio:1;animation:loader 1s infinite linear}@keyframes loader{33%{background-position:0% 50%,50% 100%,100% 100%}50%{background-position:0% 0%,50% 50%,100% 100%}66%{background-position:0% 0%,50% 0%,100% 50%}to{background-position:0% 0%,50% 0%,100% 0%}}
|
|
1
|
+
@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";.snmt-flex.inherit{flex-wrap:inherit}.snmt-avatar.ant-avatar{border:0;background-color:var(--grey-dark-5);color:var(--grey-light-0);font-family:Montserrat,sans-serif}.snmt-avatar.image.ant-avatar{background-color:transparent}.snmt-checkbox .ant-checkbox-indeterminate .ant-checkbox-inner:after{height:2px;background-color:var(--grey-light-0)}.snmt-checkbox .ant-checkbox+span{padding-inline-start:12px;padding-inline-end:unset;font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;line-height:20px;letter-spacing:0;text-align:left}:not(.ant-checkbox-indeterminate).ant-checkbox-checked .ant-checkbox-inner:after{transform:rotate(45deg) scale(1) translate(-40%,-60%)}.ant-checkbox-inner{width:20px!important;height:20px!important}.ant-checkbox-checked .ant-checkbox-inner,.snmt-checkbox-light.ant-checkbox-checked .ant-checkbox-inner:hover{background-color:var(--blue-primary);border-color:var(--blue-primary)}.snmt-checkbox-light:not(.ant-checkbox-checked):hover .ant-checkbox-inner{border:1px solid var(--grey-dark-1)}.snmt-checkbox-light+span{color:var(--grey-light-0)}.snmt-checkbox-dark .ant-checkbox:not(.ant-checkbox-checked) .ant-checkbox-inner{background-color:var(--grey-dark-4);border:1px solid var(--grey-dark-4)}.snmt-checkbox-dark .ant-checkbox:not(.ant-checkbox-checked):hover .ant-checkbox-inner{background-color:var(--grey-dark-3);border:1px solid var(--grey-dark-3)}.snmt-checkbox-dark .ant-checkbox+span{color:var(--grey-light-0)}.snmt-tag{display:flex;align-items:center;justify-content:center;border-radius:4px;border:none;margin-inline-end:0;padding:2px 6px;height:20px;background:var(--grey-light-2)}.snmt-tag .ant-tag-close-icon{display:flex;align-items:center;margin-inline-start:6px}.snmt-tag .ant-tag-close-icon:hover>path{fill:var(--blue-primary);transition:fill .2s ease-in-out}.snmt-tag.medium{padding:4px 8px;height:28px}.snmt-tag.medium .ant-tag-close-icon{margin-inline-start:7.75px}.clickable{cursor:pointer}:root{--grey-light-0: #ffffff;--grey-light-1: #fbfbfb;--grey-light-2: #f4f4f5;--grey-light-3: #e6e6e9;--grey-light-4: #d0d0d7;--grey-dark-1: #babac4;--grey-dark-2: #8b8b9d;--grey-dark-3: #6f6f83;--grey-dark-4: #35353f;--grey-dark-5: #131314;--blue-primary: #004ed7;--blue-hover: #003899;--blue-light-1: #ebf2ff;--blue-light-2: #deeaff;--blue-light-3: #c3d9ff;--blue-light-4: #a5c6ff;--blue-dark-1: #498bff;--purple-light: #f2e5ff;--purple-dark: #6900d1;--notification-warning-light: #fff4e8;--notification-warning-dark: #d17100;--notification-success-light: #e0ffdb;--notification-success-dark: #0f6e00;--notification-error-light: #ffecec;--notification-error-dark: #d20000;--notification-error-dark-mode: #e50f00}.snmt-typography.ant-typography{color:var(--blue-dark-3);font-family:Montserrat,sans-serif;font-style:normal;font-feature-settings:"clig" off,"liga" off;line-height:normal;margin:0!important}.snmt-typography.snmt-typography-h1{font-size:29px;font-weight:700;line-height:110%}.snmt-typography.snmt-typography-h2{font-size:25px;font-weight:600;line-height:120%}.snmt-typography.snmt-typography-h3{font-size:21px;font-weight:600;line-height:116%}.snmt-typography.snmt-typography-h4{font-size:19px;font-weight:600;line-height:124%}.snmt-typography.snmt-typography-h5{font-size:16px;font-weight:600;line-height:124%}.snmt-typography.snmt-typography-body1{font-size:16px;font-weight:500;line-height:144%}.snmt-typography.snmt-typography-body2{font-size:14px;font-weight:500;line-height:144%}.snmt-typography.snmt-typography-body3{font-size:12px;font-weight:600;line-height:120%}.snmt-typography.snmt-typography-body4{font-size:12px;font-weight:500;line-height:120%}.snmt-typography.snmt-typography-caption{font-size:10px;font-weight:500;line-height:120%}.snmt-typography.snmt-typography-button{font-size:14px;font-weight:600;line-height:116%}.snmt-typography.snmt-typography-tag{font-size:9px;font-weight:500;line-height:116%}.snmt-typography.snmt-typography-link{font-size:16px;font-weight:500;line-height:120%;text-decoration:underline;cursor:pointer}.snmt-typography.snmt-typography-align-center{text-align:center}.snmt-typography.snmt-typography-align-justify{text-align:justify}.snmt-typography.snmt-typography-align-left{text-align:left}.snmt-typography.snmt-typography-align-right{text-align:right}.snmt-typography.collapsed{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overflow-button{width:fit-content;display:flex;align-items:center;border:none;margin-inline-end:3px;padding:2px 6px;height:20px;cursor:pointer;background:var(--grey-light-2)}.overflow-button:hover{background:var(--blue-light-1)}.overflow-button.open{background:var(--blue-light-2)}.snmt-popover{z-index:1050!important}.snmt-popover .ant-popover-inner{padding:0}.snmt-popover.padding .ant-popover-inner{padding:16px}.wrapper{cursor:pointer}.snmt-select{width:100%;position:relative;height:48px}.snmt-select .snmt-select-blank .ant-select-selector{border:none!important}.snmt-select .ant-select{height:100%;pointer-events:none;width:100%;border-radius:8px}.snmt-select .ant-select .wrapper-suffix-icon{pointer-events:none;display:flex;align-items:center;gap:10px}.snmt-select .ant-select-focused .ant-select-selector{box-shadow:none!important}.snmt-select .ant-select-selector{pointer-events:all;border:1px solid var(--grey-light-4)!important;border-radius:8px!important;height:100%!important;padding:8px 16px!important}.snmt-select .ant-select-selector:hover{border-color:var(--blue-dark-1)!important}.snmt-select .ant-select-selection-placeholder{font-size:16px!important;font-weight:500;color:var(--grey-dark-2);font-family:Montserrat,sans-serif;text-align:left!important}.snmt-select .ant-select-selection-search{margin-inline-start:0px!important;font-size:16px;font-weight:500}.snmt-select .ant-select-selection-search input{font-size:16px!important;font-weight:500!important;color:var(--grey-dark-5)!important}.snmt-select .ant-select-arrow div{pointer-events:all;position:relative;z-index:10}.snmt-select .ant-select-selection-overflow-item-rest .ant-tag-close-icon{display:none}.snmt-select .ant-select-disabled .ant-select-arrow div{pointer-events:none!important;cursor:not-allowed!important}.snmt-select .ant-select-single .ant-select-selection-item{font-family:Montserrat,sans-serif;font-weight:500;color:var(--grey-dark-5);font-size:16px}.snmt-select .ant-select-single .ant-select-selection-item img{display:none}.snmt-select .ant-select-multiple .ant-select-selector{padding:9px 48px 9px 16px!important}.snmt-select .ant-select-multiple .ant-select-selection-placeholder{inset-inline-start:0px;inset-inline-end:16px}.snmt-select .ant-select-multiple .ant-select-selection-item{background-color:var(--grey-light-2)}.snmt-select .ant-select-multiple .ant-select-selection-item-content{font-family:Montserrat,sans-serif;color:var(--grey-dark-5);font-weight:500;font-size:12px;margin-inline-end:6px}.snmt-select .ant-select-multiple .ant-select-selection-item-content img{display:none}.snmt-select .ant-select-multiple .ant-select-selection-overflow-item .tag-wrapper{margin:0 3px}.snmt-select .ant-select-multiple .ant-select-selection-overflow-item-rest .ant-select-selection-item{margin-inline-start:3px;margin-inline-end:0;margin-block:0;padding-inline-start:0;padding-inline-end:0;height:22px;background:transparent}.snmt-select .ant-select-multiple .ant-select-selection-overflow-item-rest .ant-select-selection-item-content{margin:0}.snmt-select .ant-select-multiple .ant-select-selection-overflow-item:first-of-type .tag-wrapper{margin-left:0;margin-right:3px}.snmt-select .ant-select-multiple .ant-select-selection-overflow .custom-placeholder{position:absolute;top:50%;transform:translateY(-50%);transition:all .3s;font-size:16px;font-weight:500;color:var(--grey-dark-2);font-family:Montserrat,sans-serif;text-align:left}.snmt-select .ant-select-open .ant-select-selector{box-shadow:none!important;border-color:var(--blue-primary)!important}.snmt-select .select-arrow{transition:transform .3s ease;position:relative;z-index:2}.snmt-select .select-arrow-rotated{transition:transform .3s ease;transform:rotate(180deg)}.snmt-select fieldset{position:absolute;min-width:0;margin:0;padding:0 11px;top:-6px;right:0;bottom:0;left:0;border:1px solid;border-color:var(--grey-light-4);border-radius:8px;text-align:left;pointer-events:none}.snmt-select fieldset>legend{max-width:0;height:14px;padding:0;font-size:12px}.snmt-select fieldset>legend>span{padding:0 5px;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none}.snmt-select-focused{border-color:var(--blue-primary)!important;border-width:2px}.snmt-select-read-only .ant-select-selector{background-color:var(--grey-light-2);cursor:not-allowed;pointer-events:none!important}.snmt-select-read-only .ant-select-arrow{pointer-events:all!important;cursor:pointer}.snmt-select-read-only .ant-select{pointer-events:auto!important}.snmt-select-read-only .ant-select-selection-item,.snmt-select-read-only .ant-select-selection-placeholder{color:var(--grey-dark-1)!important}.snmt-select:not(.ant-select-disabled):not(.snmt-select-error):not(.snmt-select-focused):hover fieldset{border-color:var(--blue-dark-1)!important;color:var(--blue-dark-1)!important;box-shadow:none!important}.dropdown-read-only .rc-virtual-list{pointer-events:none}.ant-select-dropdown{padding:0}.ant-select-dropdown .ant-select-item{border-radius:0}.ant-select-dropdown .ant-select-item-option{padding:14px 16px}.ant-select-dropdown .ant-select-item-option-state{display:none}.ant-select-dropdown .ant-select-item-option-active{background-color:var(--blue-light-1)!important}.ant-select-dropdown .ant-select-item-option-disabled .ant-select-item-option-content span{color:var(--grey-light-4)!important}.ant-select-dropdown .ant-select-item-option-disabled .ant-select-item-option-content img{filter:opacity(.5)}.ant-select-dropdown .ant-select-item-option-content span{font-family:Montserrat,sans-serif;color:var(--grey-dark-5);font-weight:500}.ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled){background-color:transparent}.ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-content span{font-weight:500!important}.ant-select-dropdown .rc-virtual-list-holder{overflow-y:auto!important}.ant-select-dropdown .rc-virtual-list-holder::-webkit-scrollbar{width:6px}.ant-select-dropdown .rc-virtual-list-holder::-webkit-scrollbar-thumb{background:var(--grey-light-4);border-radius:10px}.ant-select-outlined.ant-select-disabled:not(.ant-select-customize-input) .ant-select-selector{background:var(--grey-light-2);border:none!important}.ant-select-outlined.ant-select-disabled:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item{color:var(--grey-dark-1)!important}.rc-virtual-list-scrollbar.rc-virtual-list-scrollbar-vertical{visibility:hidden!important}.snmt-select-single{height:48px}.snmt-select-single .ant-select-item-option-state{display:block}.fieldset-focused>legend,.fieldset-disabled>legend,.fieldset-filled>legend{max-width:100%!important}.fieldset-focused>legend>span,.fieldset-disabled>legend>span,.fieldset-filled>legend>span{opacity:1!important}.fieldset-focused{border-color:var(--blue-primary)!important;color:var(--blue-primary)!important;border-width:2px!important}.fieldset-disabled{border:none!important;color:var(--grey-dark-1)}.fieldset-filled{border-color:var(--grey-light-4);color:var(--grey-light-4)}.snmt-loader{display:inline-block;aspect-ratio:1;animation:loader 1s infinite linear}@keyframes loader{33%{background-position:0% 50%,50% 100%,100% 100%}50%{background-position:0% 0%,50% 50%,100% 100%}66%{background-position:0% 0%,50% 0%,100% 50%}to{background-position:0% 0%,50% 0%,100% 0%}}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@snmt-react-ui/async-select",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "1.5.
|
|
4
|
+
"version": "1.5.4",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/async-select.js",
|
|
7
7
|
"types": "dist/index.d.ts",
|
|
@@ -18,10 +18,10 @@
|
|
|
18
18
|
"build": "tsc && vite build"
|
|
19
19
|
},
|
|
20
20
|
"dependencies": {
|
|
21
|
-
"@snmt-react-ui/select": "^1.13.
|
|
21
|
+
"@snmt-react-ui/select": "^1.13.2"
|
|
22
22
|
},
|
|
23
23
|
"peerDependencies": {
|
|
24
24
|
"antd": "^5.18.3"
|
|
25
25
|
},
|
|
26
|
-
"gitHead": "
|
|
26
|
+
"gitHead": "c535681c0bded860cc56805548d7044e47c9d2f3"
|
|
27
27
|
}
|