datastake-daf 0.6.600 → 0.6.601
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/layouts/index.js
CHANGED
|
@@ -7597,6 +7597,9 @@ const Style$1 = dt.div`
|
|
|
7597
7597
|
|
|
7598
7598
|
.select-navbar {
|
|
7599
7599
|
padding: 0 .75rem;
|
|
7600
|
+
display: flex;
|
|
7601
|
+
align-items: center;
|
|
7602
|
+
gap: 0;
|
|
7600
7603
|
|
|
7601
7604
|
div {
|
|
7602
7605
|
width: 4.625rem;
|
|
@@ -7608,6 +7611,17 @@ const Style$1 = dt.div`
|
|
|
7608
7611
|
cursor: pointer;
|
|
7609
7612
|
}
|
|
7610
7613
|
|
|
7614
|
+
.chevron-icon {
|
|
7615
|
+
color: #193E61;
|
|
7616
|
+
transition: transform 0.3s ease;
|
|
7617
|
+
cursor: pointer;
|
|
7618
|
+
flex-shrink: 0;
|
|
7619
|
+
|
|
7620
|
+
&.rotated {
|
|
7621
|
+
transform: rotate(180deg);
|
|
7622
|
+
}
|
|
7623
|
+
}
|
|
7624
|
+
|
|
7611
7625
|
.country-cont {
|
|
7612
7626
|
justify-content: center;
|
|
7613
7627
|
gap: 0.6rem;
|
|
@@ -7810,13 +7824,27 @@ const Select = ({
|
|
|
7810
7824
|
};
|
|
7811
7825
|
}, [toggled]);
|
|
7812
7826
|
return /*#__PURE__*/jsxRuntime.jsxs(Style$1, {
|
|
7813
|
-
children: [/*#__PURE__*/jsxRuntime.
|
|
7827
|
+
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
7814
7828
|
className: formatClassname(['select-navbar', bordered && 'bordered']),
|
|
7815
7829
|
onClick: () => setToggled(p => !p),
|
|
7816
7830
|
ref: ref,
|
|
7817
|
-
children: /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
7831
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
7818
7832
|
children: valueLabel
|
|
7819
|
-
})
|
|
7833
|
+
}), /*#__PURE__*/jsxRuntime.jsx("svg", {
|
|
7834
|
+
className: formatClassname(['chevron-icon', toggled && 'rotated']),
|
|
7835
|
+
width: "16",
|
|
7836
|
+
height: "16",
|
|
7837
|
+
viewBox: "0 0 16 16",
|
|
7838
|
+
fill: "none",
|
|
7839
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
7840
|
+
children: /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
7841
|
+
d: "M4 6L8 10L12 6",
|
|
7842
|
+
stroke: "currentColor",
|
|
7843
|
+
strokeWidth: "2",
|
|
7844
|
+
strokeLinecap: "round",
|
|
7845
|
+
strokeLinejoin: "round"
|
|
7846
|
+
})
|
|
7847
|
+
})]
|
|
7820
7848
|
}), visible && /*#__PURE__*/jsxRuntime.jsx(Options, {
|
|
7821
7849
|
value: value,
|
|
7822
7850
|
secondRef: ref,
|
package/package.json
CHANGED
|
@@ -126,6 +126,22 @@ export const Select = ({
|
|
|
126
126
|
ref={ref}
|
|
127
127
|
>
|
|
128
128
|
<div>{valueLabel}</div>
|
|
129
|
+
<svg
|
|
130
|
+
className={formatClassname(['chevron-icon', toggled && 'rotated'])}
|
|
131
|
+
width="16"
|
|
132
|
+
height="16"
|
|
133
|
+
viewBox="0 0 16 16"
|
|
134
|
+
fill="none"
|
|
135
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
136
|
+
>
|
|
137
|
+
<path
|
|
138
|
+
d="M4 6L8 10L12 6"
|
|
139
|
+
stroke="currentColor"
|
|
140
|
+
strokeWidth="2"
|
|
141
|
+
strokeLinecap="round"
|
|
142
|
+
strokeLinejoin="round"
|
|
143
|
+
/>
|
|
144
|
+
</svg>
|
|
129
145
|
</div>
|
|
130
146
|
{visible && (
|
|
131
147
|
<Options
|
|
@@ -27,6 +27,9 @@ const Style = styled.div`
|
|
|
27
27
|
|
|
28
28
|
.select-navbar {
|
|
29
29
|
padding: 0 .75rem;
|
|
30
|
+
display: flex;
|
|
31
|
+
align-items: center;
|
|
32
|
+
gap: 0;
|
|
30
33
|
|
|
31
34
|
div {
|
|
32
35
|
width: 4.625rem;
|
|
@@ -38,6 +41,17 @@ const Style = styled.div`
|
|
|
38
41
|
cursor: pointer;
|
|
39
42
|
}
|
|
40
43
|
|
|
44
|
+
.chevron-icon {
|
|
45
|
+
color: #193E61;
|
|
46
|
+
transition: transform 0.3s ease;
|
|
47
|
+
cursor: pointer;
|
|
48
|
+
flex-shrink: 0;
|
|
49
|
+
|
|
50
|
+
&.rotated {
|
|
51
|
+
transform: rotate(180deg);
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
|
|
41
55
|
.country-cont {
|
|
42
56
|
justify-content: center;
|
|
43
57
|
gap: 0.6rem;
|