@ballistix.digital/react-components 6.0.3 → 6.0.5-rc-47.0
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/index.d.ts +62 -27
- package/dist/index.d.ts.map +1 -1
- package/dist/index.esm.js +268 -144
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +266 -141
- package/dist/index.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +9 -6
package/dist/index.js
CHANGED
|
@@ -45,6 +45,7 @@ $parcel$export(module.exports, "ButtonElement", () => $98b8616b6ef0f950$export$2
|
|
|
45
45
|
$parcel$export(module.exports, "ButtonGroupElement", () => $49256f91bd9e1c3f$export$2e2bcd8739ae039);
|
|
46
46
|
$parcel$export(module.exports, "DropdownElement", () => $6f7275eb03c2b93c$export$2e2bcd8739ae039);
|
|
47
47
|
$parcel$export(module.exports, "IconElement", () => $2125901b4a9afff9$export$2e2bcd8739ae039);
|
|
48
|
+
$parcel$export(module.exports, "CollapsibleElement", () => $9a91e005c750fbb3$export$2e2bcd8739ae039);
|
|
48
49
|
$parcel$export(module.exports, "InputGroupForm", () => $75cfef1d7ff66e89$export$2e2bcd8739ae039);
|
|
49
50
|
$parcel$export(module.exports, "ContainerLayout", () => $f73096bc2c28d1e8$export$2e2bcd8739ae039);
|
|
50
51
|
$parcel$export(module.exports, "DividerLayout", () => $b249780162e56cf8$export$2e2bcd8739ae039);
|
|
@@ -216,7 +217,7 @@ var $f0c671820c340322$export$e2d2075c69d9100d = function(object) {
|
|
|
216
217
|
|
|
217
218
|
var $f0fe9ee023657b4a$var$base = {
|
|
218
219
|
loading: 'relative overflow-hidden bg-gray-50 flex items-center justify-center',
|
|
219
|
-
spinner: '
|
|
220
|
+
spinner: 'animate-spin text-gray-400',
|
|
220
221
|
empty: 'inline-block relative overflow-hidden bg-gray-50 text-red-400',
|
|
221
222
|
placeholder: 'relative inline-flex items-center justify-center bg-gray-500',
|
|
222
223
|
container: 'inline-block bg-gray-100 bg-cover bg-center',
|
|
@@ -224,7 +225,7 @@ var $f0fe9ee023657b4a$var$base = {
|
|
|
224
225
|
};
|
|
225
226
|
var $f0fe9ee023657b4a$var$xs = {
|
|
226
227
|
loading: 'h-6 w-6',
|
|
227
|
-
spinner: 'h-
|
|
228
|
+
spinner: 'h-3 w-3 ',
|
|
228
229
|
empty: 'h-6 w-6',
|
|
229
230
|
placeholder: 'h-6 w-6',
|
|
230
231
|
container: 'h-6 w-6',
|
|
@@ -232,7 +233,7 @@ var $f0fe9ee023657b4a$var$xs = {
|
|
|
232
233
|
};
|
|
233
234
|
var $f0fe9ee023657b4a$var$sm = {
|
|
234
235
|
loading: 'h-8 w-8',
|
|
235
|
-
spinner: 'h-
|
|
236
|
+
spinner: 'h-5 w-5',
|
|
236
237
|
empty: 'h-8 w-8',
|
|
237
238
|
placeholder: 'h-8 w-8',
|
|
238
239
|
container: 'h-8 w-8',
|
|
@@ -240,7 +241,7 @@ var $f0fe9ee023657b4a$var$sm = {
|
|
|
240
241
|
};
|
|
241
242
|
var $f0fe9ee023657b4a$var$md = {
|
|
242
243
|
loading: 'h-10 w-10',
|
|
243
|
-
spinner: 'h-
|
|
244
|
+
spinner: 'h-7 w-7',
|
|
244
245
|
empty: 'h-10 w-10',
|
|
245
246
|
placeholder: 'h-10 w-10',
|
|
246
247
|
container: 'h-10 w-10',
|
|
@@ -248,7 +249,7 @@ var $f0fe9ee023657b4a$var$md = {
|
|
|
248
249
|
};
|
|
249
250
|
var $f0fe9ee023657b4a$var$lg = {
|
|
250
251
|
loading: 'h-12 w-12',
|
|
251
|
-
spinner: 'h-
|
|
252
|
+
spinner: 'h-8 w-8',
|
|
252
253
|
empty: 'h-12 w-12',
|
|
253
254
|
placeholder: 'h-12 w-12',
|
|
254
255
|
container: 'h-12 w-12',
|
|
@@ -256,7 +257,7 @@ var $f0fe9ee023657b4a$var$lg = {
|
|
|
256
257
|
};
|
|
257
258
|
var $f0fe9ee023657b4a$var$xl = {
|
|
258
259
|
loading: 'h-14 w-14',
|
|
259
|
-
spinner: 'h-
|
|
260
|
+
spinner: 'h-10 w-10',
|
|
260
261
|
empty: 'h-14 w-14',
|
|
261
262
|
placeholder: 'h-14 w-14',
|
|
262
263
|
container: 'h-14 w-14',
|
|
@@ -470,15 +471,15 @@ var $2125901b4a9afff9$export$2e2bcd8739ae039 = $2125901b4a9afff9$var$IconElement
|
|
|
470
471
|
|
|
471
472
|
|
|
472
473
|
var $fbfda6b39c475fe4$var$base = {
|
|
473
|
-
container: 'rounded-
|
|
474
|
+
container: 'rounded-xs p-4 border-l-4',
|
|
474
475
|
icon: 'h-5 w-5',
|
|
475
476
|
content: {
|
|
476
477
|
container: 'ml-3 flex-1 md:flex md:justify-between ease-in-out transition-transform h-full items-center',
|
|
477
|
-
iconContainer: '
|
|
478
|
+
iconContainer: 'shrink-0',
|
|
478
479
|
title: 'text-md font-semibold',
|
|
479
480
|
message: 'text-sm',
|
|
480
481
|
actions: 'flex gap-2',
|
|
481
|
-
action: 'h-5 w-5
|
|
482
|
+
action: 'h-5 w-5 p-0! hover:opacity-60 cursor-pointer',
|
|
482
483
|
inverted: 'rotate-180'
|
|
483
484
|
}
|
|
484
485
|
};
|
|
@@ -634,7 +635,7 @@ var $29a51bd84954e590$export$2e2bcd8739ae039 = $29a51bd84954e590$var$AlertElemen
|
|
|
634
635
|
var $ede6d6a597d91170$var$base = {
|
|
635
636
|
container: 'inline-flex items-center font-medium py-0.5',
|
|
636
637
|
indicator: '',
|
|
637
|
-
button: '
|
|
638
|
+
button: 'shrink-0 ml-0.5 h-4 w-4 rounded-full inline-flex items-center justify-center focus:text-white focus:outline-hidden'
|
|
638
639
|
};
|
|
639
640
|
var $ede6d6a597d91170$var$normal = {
|
|
640
641
|
container: 'px-2.5'
|
|
@@ -646,7 +647,7 @@ var $ede6d6a597d91170$var$close = {
|
|
|
646
647
|
container: 'pl-2.5 pr-1'
|
|
647
648
|
};
|
|
648
649
|
var $ede6d6a597d91170$var$primary = {
|
|
649
|
-
container: "shadow-
|
|
650
|
+
container: "shadow-xs text-white bg-primary-600 hover:bg-primary-700"
|
|
650
651
|
};
|
|
651
652
|
var $ede6d6a597d91170$var$secondary = {
|
|
652
653
|
container: "shadow-none text-primary-700 bg-primary-100 hover:bg-primary-200"
|
|
@@ -696,7 +697,7 @@ var $ede6d6a597d91170$var$blue = {
|
|
|
696
697
|
var $ede6d6a597d91170$var$indigo = {
|
|
697
698
|
container: 'bg-primary-100 text-primary-800',
|
|
698
699
|
indicator: 'text-primary-400',
|
|
699
|
-
button: 'text-primary-400 hover:bg-primary-200 hover:text-primary-500 focus:outline-
|
|
700
|
+
button: 'text-primary-400 hover:bg-primary-200 hover:text-primary-500 focus:outline-hidden focus:bg-primary-500'
|
|
700
701
|
};
|
|
701
702
|
var $ede6d6a597d91170$var$purple = {
|
|
702
703
|
container: 'bg-purple-100 text-purple-800',
|
|
@@ -817,7 +818,7 @@ var $0b842d364fa010cf$export$2e2bcd8739ae039 = $0b842d364fa010cf$var$BadgeElemen
|
|
|
817
818
|
|
|
818
819
|
var $01e7f39f7556f2cb$var$base = {
|
|
819
820
|
container: 'w-fit h-fit relative group/tooltip',
|
|
820
|
-
content: 'absolute flex justify-center items-center z-200 tooltip-animate px-4 py-2 border whitespace-nowrap border-palette-grayDarker bg-white font-light text-xs rounded-
|
|
821
|
+
content: 'absolute flex justify-center items-center z-200 tooltip-animate px-4 py-2 border whitespace-nowrap border-palette-grayDarker bg-white font-light text-xs rounded-xs',
|
|
821
822
|
arrow: {
|
|
822
823
|
stroke: '#e5e7eb',
|
|
823
824
|
fill: 'white',
|
|
@@ -928,13 +929,13 @@ var $1c4aa673c4ad6947$export$2e2bcd8739ae039 = $1c4aa673c4ad6947$var$TooltipElem
|
|
|
928
929
|
|
|
929
930
|
|
|
930
931
|
var $49bae43ec3aceb33$var$base = {
|
|
931
|
-
container: 'inline-flex items-center border border-transparent font-medium focus:outline-
|
|
932
|
+
container: 'inline-flex items-center border border-transparent font-medium focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-primary-500 duration-300',
|
|
932
933
|
content: 'flex gap-2',
|
|
933
934
|
icon: '',
|
|
934
935
|
spinner: 'animate-spin'
|
|
935
936
|
};
|
|
936
937
|
var $49bae43ec3aceb33$var$primary = {
|
|
937
|
-
container: "shadow-
|
|
938
|
+
container: "shadow-xs text-white bg-primary-600 hover:bg-primary-700"
|
|
938
939
|
};
|
|
939
940
|
var $49bae43ec3aceb33$var$secondary = {
|
|
940
941
|
container: "shadow-none text-primary-700 bg-primary-100 hover:bg-primary-200"
|
|
@@ -969,15 +970,15 @@ var $49bae43ec3aceb33$var$loading = {
|
|
|
969
970
|
content: 'flex items-center'
|
|
970
971
|
};
|
|
971
972
|
var $49bae43ec3aceb33$var$success = {
|
|
972
|
-
container: '
|
|
973
|
+
container: 'bg-emerald-500! hover:bg-emerald-600 text-white! duration-300',
|
|
973
974
|
content: 'flex items-center'
|
|
974
975
|
};
|
|
975
976
|
var $49bae43ec3aceb33$var$error = {
|
|
976
|
-
container: 'bg-rose-400 hover:bg-rose-500
|
|
977
|
+
container: 'bg-rose-400 hover:bg-rose-500 text-white! duration-300',
|
|
977
978
|
content: 'flex items-center'
|
|
978
979
|
};
|
|
979
980
|
var $49bae43ec3aceb33$var$disabled = {
|
|
980
|
-
container: '
|
|
981
|
+
container: 'opacity-20! cursor-not-allowed!'
|
|
981
982
|
};
|
|
982
983
|
var $49bae43ec3aceb33$var$styles = {
|
|
983
984
|
base: $49bae43ec3aceb33$var$base,
|
|
@@ -1074,10 +1075,10 @@ var $98b8616b6ef0f950$export$2e2bcd8739ae039 = $98b8616b6ef0f950$var$ButtonEleme
|
|
|
1074
1075
|
|
|
1075
1076
|
|
|
1076
1077
|
var $272b7895642d0ad9$var$base = {
|
|
1077
|
-
container: 'relative z-0 inline-flex shadow-
|
|
1078
|
-
firstButton: 'relative inline-flex items-center px-4 py-2 rounded-l-md border border-gray-300 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50 focus:z-10 focus:outline-
|
|
1079
|
-
button: '-ml-px relative inline-flex items-center px-4 py-2 border border-gray-300 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50 focus:z-10 focus:outline-
|
|
1080
|
-
lastButton: '-ml-px relative inline-flex items-center px-4 py-2 rounded-r-md border border-gray-300 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50 focus:z-10 focus:outline-
|
|
1078
|
+
container: 'relative z-0 inline-flex shadow-xs rounded-md',
|
|
1079
|
+
firstButton: 'relative inline-flex items-center px-4 py-2 rounded-l-md border border-gray-300 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50 focus:z-10 focus:outline-hidden focus:ring-1 focus:ring-primary-500 focus:border-primary-500',
|
|
1080
|
+
button: '-ml-px relative inline-flex items-center px-4 py-2 border border-gray-300 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50 focus:z-10 focus:outline-hidden focus:ring-1 focus:ring-primary-500 focus:border-primary-500',
|
|
1081
|
+
lastButton: '-ml-px relative inline-flex items-center px-4 py-2 rounded-r-md border border-gray-300 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50 focus:z-10 focus:outline-hidden focus:ring-1 focus:ring-primary-500 focus:border-primary-500'
|
|
1081
1082
|
};
|
|
1082
1083
|
var $272b7895642d0ad9$var$styles = {
|
|
1083
1084
|
base: $272b7895642d0ad9$var$base
|
|
@@ -1123,10 +1124,10 @@ var $49256f91bd9e1c3f$export$2e2bcd8739ae039 = $49256f91bd9e1c3f$var$ButtonGroup
|
|
|
1123
1124
|
|
|
1124
1125
|
var $87a4b9b6cee76290$var$base = {
|
|
1125
1126
|
container: 'inline-block text-left',
|
|
1126
|
-
button: 'inline-flex justify-center w-full rounded-md border border-gray-300 shadow-
|
|
1127
|
-
compact: 'bg-gray-100 rounded-full flex items-center text-gray-400 hover:text-gray-600 focus:outline-
|
|
1127
|
+
button: 'inline-flex justify-center w-full rounded-md border border-gray-300 shadow-xs px-4 py-2 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-primary-500',
|
|
1128
|
+
compact: 'bg-gray-100 rounded-full flex items-center text-gray-400 hover:text-gray-600 focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-primary-500',
|
|
1128
1129
|
dots: 'h-7 w-7 p-1',
|
|
1129
|
-
items: 'z-10 absolute mt-2 w-56 rounded-md shadow-lg bg-white ring-1 ring-black
|
|
1130
|
+
items: 'z-10 absolute mt-2 w-56 rounded-md shadow-lg bg-white ring-1 ring-black/5 divide-y divide-gray-100 focus:outline-hidden'
|
|
1130
1131
|
};
|
|
1131
1132
|
var $87a4b9b6cee76290$var$button = {};
|
|
1132
1133
|
var $87a4b9b6cee76290$var$compact = {};
|
|
@@ -1142,6 +1143,10 @@ var $87a4b9b6cee76290$var$topLeft = {
|
|
|
1142
1143
|
var $87a4b9b6cee76290$var$topRight = {
|
|
1143
1144
|
items: 'origin-bottom-left left-0 bottom-0'
|
|
1144
1145
|
};
|
|
1146
|
+
var $87a4b9b6cee76290$var$disabled = {
|
|
1147
|
+
button: 'opacity-50 cursor-not-allowed',
|
|
1148
|
+
compact: 'opacity-50 cursor-not-allowed'
|
|
1149
|
+
};
|
|
1145
1150
|
var $87a4b9b6cee76290$var$styles = {
|
|
1146
1151
|
base: $87a4b9b6cee76290$var$base,
|
|
1147
1152
|
button: $87a4b9b6cee76290$var$button,
|
|
@@ -1149,18 +1154,19 @@ var $87a4b9b6cee76290$var$styles = {
|
|
|
1149
1154
|
'bottom-left': $87a4b9b6cee76290$var$bottomLeft,
|
|
1150
1155
|
'bottom-right': $87a4b9b6cee76290$var$bottomRight,
|
|
1151
1156
|
'top-left': $87a4b9b6cee76290$var$topLeft,
|
|
1152
|
-
'top-right': $87a4b9b6cee76290$var$topRight
|
|
1157
|
+
'top-right': $87a4b9b6cee76290$var$topRight,
|
|
1158
|
+
disabled: $87a4b9b6cee76290$var$disabled
|
|
1153
1159
|
};
|
|
1154
1160
|
var $87a4b9b6cee76290$export$2e2bcd8739ae039 = $87a4b9b6cee76290$var$styles;
|
|
1155
1161
|
|
|
1156
1162
|
|
|
1157
1163
|
var $6f7275eb03c2b93c$var$Container = function(props) {
|
|
1158
|
-
var children = props.children, label = props.label, trigger = props.trigger, dataCy = props.dataCy, _a = props.type, type = _a === void 0 ? 'button' : _a, _b = props.direction, direction = _b === void 0 ? 'bottom end' : _b, _c = props.
|
|
1164
|
+
var children = props.children, label = props.label, trigger = props.trigger, dataCy = props.dataCy, _a = props.type, type = _a === void 0 ? 'button' : _a, _b = props.direction, direction = _b === void 0 ? 'bottom end' : _b, _c = props.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = props.isEscapingOverflow, isEscapingOverflow = _d === void 0 ? false : _d, stylesOverrides = props.styles;
|
|
1159
1165
|
var handleGenerateStyle = function() {
|
|
1160
1166
|
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $87a4b9b6cee76290$export$2e2bcd8739ae039).base);
|
|
1161
1167
|
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $87a4b9b6cee76290$export$2e2bcd8739ae039).base);
|
|
1162
1168
|
keys.forEach(function(key) {
|
|
1163
|
-
(0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $87a4b9b6cee76290$export$2e2bcd8739ae039).base, key), type && (0, $iA2ta$lodash.get)((0, $87a4b9b6cee76290$export$2e2bcd8739ae039)[type], key), (0, $iA2ta$lodash.get)(stylesOverrides, key)));
|
|
1169
|
+
(0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $87a4b9b6cee76290$export$2e2bcd8739ae039).base, key), type && (0, $iA2ta$lodash.get)((0, $87a4b9b6cee76290$export$2e2bcd8739ae039)[type], key), isDisabled && (0, $iA2ta$lodash.get)((0, $87a4b9b6cee76290$export$2e2bcd8739ae039).disabled, key), (0, $iA2ta$lodash.get)(stylesOverrides, key)));
|
|
1164
1170
|
});
|
|
1165
1171
|
return result;
|
|
1166
1172
|
};
|
|
@@ -1172,6 +1178,7 @@ var $6f7275eb03c2b93c$var$Container = function(props) {
|
|
|
1172
1178
|
(0, $iA2ta$reactjsxruntime.jsxs)("div", {
|
|
1173
1179
|
children: [
|
|
1174
1180
|
type === 'button' && (!trigger ? (0, $iA2ta$reactjsxruntime.jsxs)((0, $iA2ta$headlessuireact.MenuButton), {
|
|
1181
|
+
disabled: isDisabled,
|
|
1175
1182
|
className: styles.button,
|
|
1176
1183
|
"data-cy": dataCy,
|
|
1177
1184
|
children: [
|
|
@@ -1182,10 +1189,12 @@ var $6f7275eb03c2b93c$var$Container = function(props) {
|
|
|
1182
1189
|
})
|
|
1183
1190
|
]
|
|
1184
1191
|
}) : (0, $iA2ta$reactjsxruntime.jsx)((0, $iA2ta$headlessuireact.MenuButton), {
|
|
1192
|
+
disabled: isDisabled,
|
|
1185
1193
|
"data-cy": dataCy,
|
|
1186
1194
|
children: trigger
|
|
1187
1195
|
})),
|
|
1188
1196
|
type === 'compact' && (0, $iA2ta$reactjsxruntime.jsxs)((0, $iA2ta$headlessuireact.MenuButton), {
|
|
1197
|
+
disabled: isDisabled,
|
|
1189
1198
|
className: styles.compact,
|
|
1190
1199
|
"data-cy": dataCy,
|
|
1191
1200
|
children: [
|
|
@@ -1229,6 +1238,71 @@ var $6f7275eb03c2b93c$export$2e2bcd8739ae039 = $6f7275eb03c2b93c$var$DropdownEle
|
|
|
1229
1238
|
|
|
1230
1239
|
|
|
1231
1240
|
|
|
1241
|
+
var $4b59a3e0d0d66995$var$styles = {
|
|
1242
|
+
container: '',
|
|
1243
|
+
icon: {
|
|
1244
|
+
container: 'w-4 h-4 flex ease-in-out duration-300',
|
|
1245
|
+
rotate: 'transform rotate-90',
|
|
1246
|
+
svg: 'w-4 h-4 flex'
|
|
1247
|
+
}
|
|
1248
|
+
};
|
|
1249
|
+
var $4b59a3e0d0d66995$export$2e2bcd8739ae039 = $4b59a3e0d0d66995$var$styles;
|
|
1250
|
+
|
|
1251
|
+
|
|
1252
|
+
|
|
1253
|
+
|
|
1254
|
+
|
|
1255
|
+
|
|
1256
|
+
var $9a91e005c750fbb3$var$RotatingIcon = function(_a) {
|
|
1257
|
+
var isVisible = _a.isVisible, styles = _a.styles;
|
|
1258
|
+
return (0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
1259
|
+
className: styles.icon.container,
|
|
1260
|
+
children: (0, $iA2ta$reactjsxruntime.jsx)((0, $2125901b4a9afff9$export$2e2bcd8739ae039), {
|
|
1261
|
+
className: styles.icon.svg,
|
|
1262
|
+
accessor: "chevron-right"
|
|
1263
|
+
})
|
|
1264
|
+
});
|
|
1265
|
+
};
|
|
1266
|
+
var $9a91e005c750fbb3$var$Collapsible = function(props) {
|
|
1267
|
+
var children = props.children, _a = props.isDefaultOpen, isDefaultOpen = _a === void 0 ? false : _a, trigger = props.trigger, stylesOverrides = props.styles;
|
|
1268
|
+
var _b = (0, $iA2ta$react.useState)(isDefaultOpen), isVisible = _b[0], setIsVisible = _b[1];
|
|
1269
|
+
var handleToggle = (0, $iA2ta$react.useCallback)(function() {
|
|
1270
|
+
return setIsVisible(function(visibility) {
|
|
1271
|
+
return !visibility;
|
|
1272
|
+
});
|
|
1273
|
+
}, []);
|
|
1274
|
+
var handleGenerateStyle = function() {
|
|
1275
|
+
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $4b59a3e0d0d66995$export$2e2bcd8739ae039));
|
|
1276
|
+
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $4b59a3e0d0d66995$export$2e2bcd8739ae039));
|
|
1277
|
+
keys.forEach(function(key) {
|
|
1278
|
+
(0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $4b59a3e0d0d66995$export$2e2bcd8739ae039), key), isVisible && key.includes('icon.container') && (0, $4b59a3e0d0d66995$export$2e2bcd8739ae039).icon.rotate, (0, $iA2ta$lodash.get)(stylesOverrides, key)));
|
|
1279
|
+
});
|
|
1280
|
+
return result;
|
|
1281
|
+
};
|
|
1282
|
+
var styles = handleGenerateStyle();
|
|
1283
|
+
return (0, $iA2ta$reactjsxruntime.jsxs)("div", {
|
|
1284
|
+
className: styles.container,
|
|
1285
|
+
children: [
|
|
1286
|
+
trigger({
|
|
1287
|
+
handleToggle: handleToggle,
|
|
1288
|
+
rotatingIcon: (0, $iA2ta$reactjsxruntime.jsx)($9a91e005c750fbb3$var$RotatingIcon, {
|
|
1289
|
+
isVisible: isVisible,
|
|
1290
|
+
styles: styles
|
|
1291
|
+
}),
|
|
1292
|
+
isVisible: isVisible
|
|
1293
|
+
}),
|
|
1294
|
+
isVisible && (0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
1295
|
+
children: children
|
|
1296
|
+
})
|
|
1297
|
+
]
|
|
1298
|
+
});
|
|
1299
|
+
};
|
|
1300
|
+
var $9a91e005c750fbb3$export$2e2bcd8739ae039 = $9a91e005c750fbb3$var$Collapsible;
|
|
1301
|
+
|
|
1302
|
+
|
|
1303
|
+
|
|
1304
|
+
|
|
1305
|
+
|
|
1232
1306
|
|
|
1233
1307
|
|
|
1234
1308
|
|
|
@@ -1256,15 +1330,15 @@ var $143cee146891bafc$var$normal = {
|
|
|
1256
1330
|
label: 'leading-6 text-sm mb-2',
|
|
1257
1331
|
hint: 'leading-6',
|
|
1258
1332
|
leading: 'pl-3',
|
|
1259
|
-
input: 'rounded-md border-gray-200 shadow-
|
|
1333
|
+
input: 'rounded-md border-gray-200 shadow-xs focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
|
|
1260
1334
|
trailing: 'pr-3',
|
|
1261
1335
|
description: 'mt-2 text-sm'
|
|
1262
1336
|
};
|
|
1263
1337
|
var $143cee146891bafc$var$inset = {
|
|
1264
|
-
container: 'rounded-md px-3 pt-2.5 pb-1.5 shadow-
|
|
1338
|
+
container: 'rounded-md px-3 pt-2.5 pb-1.5 shadow-xs ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-primary-600',
|
|
1265
1339
|
label: 'text-xs',
|
|
1266
1340
|
hint: 'text-xs',
|
|
1267
|
-
input: 'border-0
|
|
1341
|
+
input: 'border-0 ring-0! p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
|
|
1268
1342
|
description: 'hidden'
|
|
1269
1343
|
};
|
|
1270
1344
|
var $143cee146891bafc$var$overlapping = {
|
|
@@ -1272,13 +1346,13 @@ var $143cee146891bafc$var$overlapping = {
|
|
|
1272
1346
|
head: ' absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full',
|
|
1273
1347
|
label: 'inline-block bg-white px-1 text-xs font-medium text-gray-900 ',
|
|
1274
1348
|
hint: 'text-xs mr-4 bg-white px-1',
|
|
1275
|
-
input: 'block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-
|
|
1349
|
+
input: 'block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-xs ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 sm:text-sm sm:leading-6',
|
|
1276
1350
|
description: 'hidden'
|
|
1277
1351
|
};
|
|
1278
1352
|
var $143cee146891bafc$var$pill = {
|
|
1279
1353
|
head: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6',
|
|
1280
1354
|
foot: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mt-1 pr-6',
|
|
1281
|
-
input: 'block w-full rounded-full border-0 px-4 py-1.5 text-gray-900 shadow-
|
|
1355
|
+
input: 'block w-full rounded-full border-0 px-4 py-1.5 text-gray-900 shadow-xs ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 sm:text-sm sm:leading-6',
|
|
1282
1356
|
trailing: 'pr-2',
|
|
1283
1357
|
description: 'text-xs'
|
|
1284
1358
|
};
|
|
@@ -1295,7 +1369,7 @@ var $143cee146891bafc$var$invalid = {
|
|
|
1295
1369
|
description: 'text-sm text-red-600'
|
|
1296
1370
|
};
|
|
1297
1371
|
var $143cee146891bafc$var$disabled = {
|
|
1298
|
-
input: 'block w-full rounded-md border-0 text-gray-900 shadow-
|
|
1372
|
+
input: 'block w-full rounded-md border-0 text-gray-900 shadow-xs ring-1 ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500 disabled:ring-gray-200'
|
|
1299
1373
|
};
|
|
1300
1374
|
var $143cee146891bafc$var$styles = {
|
|
1301
1375
|
base: $143cee146891bafc$var$base,
|
|
@@ -1381,7 +1455,7 @@ var $75cfef1d7ff66e89$var$InputGroupForm = function(props) {
|
|
|
1381
1455
|
name: name,
|
|
1382
1456
|
id: name,
|
|
1383
1457
|
"data-cy": inputDataCy,
|
|
1384
|
-
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.input, htmlType === 'color' && '
|
|
1458
|
+
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.input, htmlType === 'color' && 'h-10!'),
|
|
1385
1459
|
placeholder: placeholder,
|
|
1386
1460
|
defaultValue: isSolo ? value : undefined,
|
|
1387
1461
|
value: isSolo ? undefined : value,
|
|
@@ -1619,22 +1693,22 @@ var $242521b935f4e17d$var$fillSticky = {
|
|
|
1619
1693
|
item: 'px-4 py-4 sm:px-0'
|
|
1620
1694
|
};
|
|
1621
1695
|
var $242521b935f4e17d$var$center = {
|
|
1622
|
-
container: 'bg-white shadow overflow-hidden rounded-md',
|
|
1696
|
+
container: 'bg-white shadow-sm overflow-hidden rounded-md',
|
|
1623
1697
|
list: 'divide-y divide-gray-200',
|
|
1624
1698
|
item: 'px-6 py-4'
|
|
1625
1699
|
};
|
|
1626
1700
|
var $242521b935f4e17d$var$centerSticky = {
|
|
1627
|
-
container: 'bg-white shadow overflow-hidden sm:rounded-md',
|
|
1701
|
+
container: 'bg-white shadow-sm overflow-hidden sm:rounded-md',
|
|
1628
1702
|
list: 'divide-y divide-gray-200',
|
|
1629
1703
|
item: 'px-4 py-4 sm:px-6'
|
|
1630
1704
|
};
|
|
1631
1705
|
var $242521b935f4e17d$var$card = {
|
|
1632
1706
|
list: 'space-y-3',
|
|
1633
|
-
item: 'bg-white shadow overflow-hidden rounded-md px-6 py-4'
|
|
1707
|
+
item: 'bg-white shadow-sm overflow-hidden rounded-md px-6 py-4'
|
|
1634
1708
|
};
|
|
1635
1709
|
var $242521b935f4e17d$var$cardSticky = {
|
|
1636
1710
|
list: 'space-y-3',
|
|
1637
|
-
item: 'bg-white shadow overflow-hidden px-4 py-4 sm:px-6 sm:rounded-md'
|
|
1711
|
+
item: 'bg-white shadow-sm overflow-hidden px-4 py-4 sm:px-6 sm:rounded-md'
|
|
1638
1712
|
};
|
|
1639
1713
|
var $242521b935f4e17d$var$styles = {
|
|
1640
1714
|
base: $242521b935f4e17d$var$base,
|
|
@@ -1684,7 +1758,7 @@ var $5c01bea99698c727$export$2e2bcd8739ae039 = $5c01bea99698c727$var$ListContain
|
|
|
1684
1758
|
|
|
1685
1759
|
var $fa6d1f2002246baa$var$base = {
|
|
1686
1760
|
container: '',
|
|
1687
|
-
figure: 'mr-4
|
|
1761
|
+
figure: 'mr-4 shrink-0',
|
|
1688
1762
|
svg: 'h-16 w-16 border border-gray-300 bg-white text-gray-300',
|
|
1689
1763
|
title: 'text-lg font-bold',
|
|
1690
1764
|
paragraph: 'mt-1'
|
|
@@ -1818,7 +1892,7 @@ var $a4946e7e5628bd1a$export$2e2bcd8739ae039 = $a4946e7e5628bd1a$var$MediaObject
|
|
|
1818
1892
|
|
|
1819
1893
|
|
|
1820
1894
|
var $8a2788b89df96594$var$base = {
|
|
1821
|
-
container: 'bg-white overflow-hidden shadow',
|
|
1895
|
+
container: 'bg-white overflow-hidden shadow-sm',
|
|
1822
1896
|
section: 'px-4 py-5 sm:px-6'
|
|
1823
1897
|
};
|
|
1824
1898
|
var $8a2788b89df96594$var$normal = {
|
|
@@ -1910,16 +1984,16 @@ var $f32ee84b87891376$var$base = {
|
|
|
1910
1984
|
leading: 'pointer-events-none absolute inset-y-0 left-0 flex items-center',
|
|
1911
1985
|
input: 'block w-full flex border',
|
|
1912
1986
|
menuButton: '',
|
|
1913
|
-
menu: 'z-10
|
|
1914
|
-
tagItem: 'bg-gray-200 px-2 py-1 flex flex-row gap-x-1 items-center justify-between rounded-
|
|
1987
|
+
menu: 'z-10 px-0! py-0! w-full! rounded-md overflow-hidden border mt-1! absolute bg-white',
|
|
1988
|
+
tagItem: 'bg-gray-200 px-2 py-1 flex flex-row gap-x-1 items-center justify-between rounded-xs',
|
|
1915
1989
|
tagItemText: 'text-xs',
|
|
1916
|
-
tagItemIconContainer: '
|
|
1990
|
+
tagItemIconContainer: 'p-0! rounded-full hover:bg-gray-400 text-sm hover:text-white aspect-square w-4 flex items-center justify-center cursor-pointer',
|
|
1917
1991
|
tagItemIcon: '',
|
|
1918
|
-
list: '
|
|
1992
|
+
list: 'px-0! w-full! *:px-0 max-h-56 overflow-scroll py-1!',
|
|
1919
1993
|
listGroupLabel: '',
|
|
1920
|
-
listItem: '
|
|
1994
|
+
listItem: 'w-full! list-none! hover:bg-primary-500 hover:text-white py-2! px-2!',
|
|
1921
1995
|
listDisabledItem: '',
|
|
1922
|
-
searchContainer: '
|
|
1996
|
+
searchContainer: 'w-full! px-2! py-2! border-b',
|
|
1923
1997
|
searchBox: '',
|
|
1924
1998
|
searchIcon: '',
|
|
1925
1999
|
closeIcon: '',
|
|
@@ -1936,15 +2010,15 @@ var $f32ee84b87891376$var$normal = {
|
|
|
1936
2010
|
label: 'leading-6 text-sm mb-2',
|
|
1937
2011
|
hint: 'leading-6',
|
|
1938
2012
|
leading: 'pl-3',
|
|
1939
|
-
input: 'rounded-md border-gray-200 shadow-
|
|
2013
|
+
input: 'rounded-md border-gray-200 shadow-xs focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
|
|
1940
2014
|
trailing: '',
|
|
1941
2015
|
description: 'mt-2 text-sm'
|
|
1942
2016
|
};
|
|
1943
2017
|
var $f32ee84b87891376$var$inset = {
|
|
1944
|
-
container: 'rounded-md px-3 pt-2.5 pb-1.5 shadow-
|
|
2018
|
+
container: 'rounded-md px-3 pt-2.5 pb-1.5 shadow-xs ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-primary-600',
|
|
1945
2019
|
label: 'text-xs',
|
|
1946
2020
|
hint: 'text-xs',
|
|
1947
|
-
input: 'border-0
|
|
2021
|
+
input: 'border-0 ring-0! p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
|
|
1948
2022
|
description: 'hidden'
|
|
1949
2023
|
};
|
|
1950
2024
|
var $f32ee84b87891376$var$overlapping = {
|
|
@@ -1952,13 +2026,13 @@ var $f32ee84b87891376$var$overlapping = {
|
|
|
1952
2026
|
head: ' absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full',
|
|
1953
2027
|
label: 'inline-block bg-white px-1 text-xs font-medium text-gray-900 ',
|
|
1954
2028
|
hint: 'text-xs mr-4 bg-white px-1',
|
|
1955
|
-
input: 'block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-
|
|
2029
|
+
input: 'block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-xs ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 sm:text-sm sm:leading-6',
|
|
1956
2030
|
description: 'hidden'
|
|
1957
2031
|
};
|
|
1958
2032
|
var $f32ee84b87891376$var$pill = {
|
|
1959
2033
|
head: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6',
|
|
1960
2034
|
foot: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mt-1 pr-6',
|
|
1961
|
-
input: 'block w-full rounded-full border-0 px-4 py-1.5 text-gray-900 shadow-
|
|
2035
|
+
input: 'block w-full rounded-full border-0 px-4 py-1.5 text-gray-900 shadow-xs ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 sm:text-sm sm:leading-6',
|
|
1962
2036
|
trailing: 'pr-2',
|
|
1963
2037
|
description: 'text-xs'
|
|
1964
2038
|
};
|
|
@@ -1975,7 +2049,7 @@ var $f32ee84b87891376$var$invalid = {
|
|
|
1975
2049
|
description: 'text-sm text-red-600'
|
|
1976
2050
|
};
|
|
1977
2051
|
var $f32ee84b87891376$var$disabled = {
|
|
1978
|
-
input: 'block w-full rounded-md border-0 text-gray-900 shadow-
|
|
2052
|
+
input: 'block w-full rounded-md border-0 text-gray-900 shadow-xs ring-1 ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 cursor-not-allowed bg-gray-50 text-gray-500 ring-gray-200'
|
|
1979
2053
|
};
|
|
1980
2054
|
var $f32ee84b87891376$var$styles = {
|
|
1981
2055
|
base: $f32ee84b87891376$var$base,
|
|
@@ -2083,7 +2157,7 @@ var $f3fccf014e1f10d5$var$SelectMenuForm = function(props) {
|
|
|
2083
2157
|
//
|
|
2084
2158
|
classNames: {
|
|
2085
2159
|
menuButton: function() {
|
|
2086
|
-
return (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.input, state === null && '
|
|
2160
|
+
return (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.input, state === null && '*:text-gray-300! ', state === null && !isValid && isTouched && '*:text-red-300!');
|
|
2087
2161
|
},
|
|
2088
2162
|
menu: styles.menu,
|
|
2089
2163
|
tagItem: function() {
|
|
@@ -2144,7 +2218,7 @@ var $29e64a7359c8fd48$var$base = {
|
|
|
2144
2218
|
outerRightButton: 'relative inline-flex items-center rounded-r-md border border-gray-300 bg-white px-2 py-2 text-sm font-medium text-gray-500 hover:bg-gray-50 focus:z-20',
|
|
2145
2219
|
outerLeftButton: 'relative inline-flex items-center rounded-l-md border border-gray-300 bg-white px-2 py-2 text-sm font-medium text-gray-500 hover:bg-gray-50 focus:z-20',
|
|
2146
2220
|
innerButton: 'relative inline-flex items-center border border-gray-300 bg-white px-2 py-2 text-sm font-medium text-gray-500 hover:bg-gray-50 focus:z-20',
|
|
2147
|
-
navigation: 'isolate inline-flex -space-x-px rounded-md shadow-
|
|
2221
|
+
navigation: 'isolate inline-flex -space-x-px rounded-md shadow-xs'
|
|
2148
2222
|
},
|
|
2149
2223
|
button: {
|
|
2150
2224
|
default: 'relative inline-flex items-center border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-500 hover:bg-gray-50',
|
|
@@ -2154,7 +2228,7 @@ var $29e64a7359c8fd48$var$base = {
|
|
|
2154
2228
|
divider: 'relative inline-flex items-center border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-500',
|
|
2155
2229
|
label: 'sr-only',
|
|
2156
2230
|
icon: 'w-5 h-5',
|
|
2157
|
-
pageSizeList: '
|
|
2231
|
+
pageSizeList: 'overflow-hidden!'
|
|
2158
2232
|
};
|
|
2159
2233
|
var $29e64a7359c8fd48$var$styles = {
|
|
2160
2234
|
base: $29e64a7359c8fd48$var$base
|
|
@@ -2674,19 +2748,19 @@ var $77914cd9d098713a$var$base = {
|
|
|
2674
2748
|
container: '',
|
|
2675
2749
|
row: '',
|
|
2676
2750
|
cell: 'py-3.5 px-3 text-left text-sm font-semibold text-gray-900 group',
|
|
2677
|
-
checkbox: 'absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-primary-600 focus:ring-primary-500 sm:left-6'
|
|
2751
|
+
checkbox: 'absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded-sm border-gray-300 text-primary-600 focus:ring-primary-500 sm:left-6'
|
|
2678
2752
|
},
|
|
2679
2753
|
body: {
|
|
2680
2754
|
container: 'divide-y divide-gray-200',
|
|
2681
2755
|
row: '',
|
|
2682
2756
|
cell: 'whitespace-nowrap py-4 px-3 text-sm text-gray-500',
|
|
2683
|
-
checkbox: 'absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-primary-600 focus:ring-primary-500 sm:left-6',
|
|
2757
|
+
checkbox: 'absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded-sm border-gray-300 text-primary-600 focus:ring-primary-500 sm:left-6',
|
|
2684
2758
|
indicator: 'absolute inset-y-0 left-0 w-0.5 bg-primary-600'
|
|
2685
2759
|
}
|
|
2686
2760
|
}
|
|
2687
2761
|
},
|
|
2688
2762
|
sortIndicator: {
|
|
2689
|
-
container: 'ml-2 translate-y-1 inline-flex items-center flex-none rounded',
|
|
2763
|
+
container: 'ml-2 translate-y-1 inline-flex items-center flex-none rounded-sm',
|
|
2690
2764
|
isSorted: 'bg-gray-100 text-gray-900 group-hover:bg-gray-200',
|
|
2691
2765
|
isNotSorted: 'invisible text-gray-400 group-hover:visible group-focus:visible',
|
|
2692
2766
|
icon: {
|
|
@@ -2717,7 +2791,7 @@ var $77914cd9d098713a$var$normal = {
|
|
|
2717
2791
|
var $77914cd9d098713a$var$panel = {
|
|
2718
2792
|
body: {
|
|
2719
2793
|
content: 'inline-block min-w-full py-2 align-middle md:px-6 lg:px-8',
|
|
2720
|
-
styleWrapper: 'relative overflow-hidden shadow ring-1 ring-black
|
|
2794
|
+
styleWrapper: 'relative overflow-hidden shadow-sm ring-1 ring-black/5 md:rounded-lg',
|
|
2721
2795
|
table: {
|
|
2722
2796
|
head: {
|
|
2723
2797
|
container: 'bg-gray-50'
|
|
@@ -2731,7 +2805,7 @@ var $77914cd9d098713a$var$panel = {
|
|
|
2731
2805
|
var $77914cd9d098713a$var$full = {
|
|
2732
2806
|
body: {
|
|
2733
2807
|
content: 'inline-block min-w-full py-2 align-middle',
|
|
2734
|
-
styleWrapper: 'relative overflow-hidden shadow-
|
|
2808
|
+
styleWrapper: 'relative overflow-hidden shadow-xs ring-1 ring-black/5',
|
|
2735
2809
|
table: {
|
|
2736
2810
|
head: {
|
|
2737
2811
|
container: 'bg-gray-50'
|
|
@@ -2744,7 +2818,7 @@ var $77914cd9d098713a$var$sticky = {
|
|
|
2744
2818
|
table: {
|
|
2745
2819
|
container: 'min-w-full border-separate',
|
|
2746
2820
|
head: {
|
|
2747
|
-
cell: 'sticky top-0 z-10 border-b border-gray-300 bg-gray-50
|
|
2821
|
+
cell: 'sticky top-0 z-10 border-b border-gray-300 bg-gray-50/75 backdrop-blur-sm backdrop-filter sm:table-cell'
|
|
2748
2822
|
}
|
|
2749
2823
|
}
|
|
2750
2824
|
}
|
|
@@ -2763,7 +2837,7 @@ var $77914cd9d098713a$var$separated = {
|
|
|
2763
2837
|
};
|
|
2764
2838
|
var $77914cd9d098713a$var$controlled = {
|
|
2765
2839
|
controls: {
|
|
2766
|
-
container: '!
|
|
2840
|
+
container: 'flex!'
|
|
2767
2841
|
}
|
|
2768
2842
|
};
|
|
2769
2843
|
var $77914cd9d098713a$var$styles = {
|
|
@@ -2978,7 +3052,7 @@ var $0c769a920d1734cb$var$TableList = function(props) {
|
|
|
2978
3052
|
}),
|
|
2979
3053
|
(0, $iA2ta$reactjsxruntime.jsx)((0, $98b8616b6ef0f950$export$2e2bcd8739ae039), {
|
|
2980
3054
|
styles: ((_b = stylesOverrides === null || stylesOverrides === void 0 ? void 0 : stylesOverrides.components) === null || _b === void 0 ? void 0 : _b.buttonElement) ? (_c = stylesOverrides === null || stylesOverrides === void 0 ? void 0 : stylesOverrides.components) === null || _c === void 0 ? void 0 : _c.buttonElement : {
|
|
2981
|
-
container: '
|
|
3055
|
+
container: 'py-1.5! px-3!'
|
|
2982
3056
|
},
|
|
2983
3057
|
onClick: function() {
|
|
2984
3058
|
var sheets = generate(table);
|
|
@@ -3156,7 +3230,7 @@ var $ad4435d9ab2ba956$var$base = {
|
|
|
3156
3230
|
head: {
|
|
3157
3231
|
container: '',
|
|
3158
3232
|
row: '',
|
|
3159
|
-
checkbox: 'absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-primary-600 focus:ring-primary-500 sm:left-6',
|
|
3233
|
+
checkbox: 'absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded-sm border-gray-300 text-primary-600 focus:ring-primary-500 sm:left-6',
|
|
3160
3234
|
column: {
|
|
3161
3235
|
pinned: {
|
|
3162
3236
|
cell: 'bg-white sticky z-10 overflow-hidden text-ellipsis'
|
|
@@ -3167,7 +3241,7 @@ var $ad4435d9ab2ba956$var$base = {
|
|
|
3167
3241
|
wrapper: 'grid gap-x-1 items-center',
|
|
3168
3242
|
text: 'whitespace-normal break-words',
|
|
3169
3243
|
sortIndicator: {
|
|
3170
|
-
container: 'ml-2 inline-flex items-center rounded',
|
|
3244
|
+
container: 'ml-2 inline-flex items-center rounded-sm',
|
|
3171
3245
|
isSorted: 'bg-gray-100 text-gray-900 group-hover:bg-gray-200',
|
|
3172
3246
|
isNotSorted: 'text-gray-400 group-hover:text-gray-900 group-hover:bg-gray-200',
|
|
3173
3247
|
icon: {
|
|
@@ -3187,7 +3261,12 @@ var $ad4435d9ab2ba956$var$base = {
|
|
|
3187
3261
|
},
|
|
3188
3262
|
cell: 'whitespace-nowrap py-2.5 px-3 text-sm text-gray-500',
|
|
3189
3263
|
sticky: 'border-b border-gray-200',
|
|
3190
|
-
|
|
3264
|
+
groupedCell: 'flex gap-2 items-center',
|
|
3265
|
+
groupedRowIcon: {
|
|
3266
|
+
expand: '',
|
|
3267
|
+
collapse: ''
|
|
3268
|
+
},
|
|
3269
|
+
checkbox: 'absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded-sm border-gray-300 text-primary-600 focus:ring-primary-500 sm:left-6',
|
|
3191
3270
|
indicator: 'absolute inset-y-0 left-0 w-0.5 bg-primary-600'
|
|
3192
3271
|
}
|
|
3193
3272
|
}
|
|
@@ -3230,11 +3309,12 @@ var $51d5596368acf759$var$__spreadArray = undefined && undefined.__spreadArray |
|
|
|
3230
3309
|
return to.concat(ar || Array.prototype.slice.call(from));
|
|
3231
3310
|
};
|
|
3232
3311
|
var $51d5596368acf759$var$TableList2 = function(props) {
|
|
3233
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0;
|
|
3312
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7;
|
|
3234
3313
|
var id = props.id, config = props.table, head = props.head, foot = props.foot, leftSide = props.leftSide, isLoading = props.isLoading, onRowClick = props.onRowClick, onChange = props.onChange, stylesOverrides = props.styles, dragConfig = props.dragConfig;
|
|
3235
|
-
var
|
|
3236
|
-
var
|
|
3237
|
-
var
|
|
3314
|
+
var _8 = (0, $iA2ta$react.useState)({}), columnVisibility = _8[0], setColumnVisibility = _8[1];
|
|
3315
|
+
var _9 = (0, $iA2ta$react.useState)([]), columnOrder = _9[0], setColumnOrder = _9[1];
|
|
3316
|
+
var _10 = (0, $iA2ta$react.useState)((_b = (_a = config.options) === null || _a === void 0 ? void 0 : _a.defaultSorting) !== null && _b !== void 0 ? _b : []), sorting = _10[0], setSorting = _10[1];
|
|
3317
|
+
var _11 = (0, $iA2ta$react.useState)((_e = (_d = (_c = config.options) === null || _c === void 0 ? void 0 : _c.grouping) === null || _d === void 0 ? void 0 : _d.defaultGrouping) !== null && _e !== void 0 ? _e : []), grouping = _11[0], setGrouping = _11[1];
|
|
3238
3318
|
var handleGenerateStyle = function() {
|
|
3239
3319
|
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $ad4435d9ab2ba956$export$2e2bcd8739ae039).base);
|
|
3240
3320
|
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $ad4435d9ab2ba956$export$2e2bcd8739ae039).base);
|
|
@@ -3290,9 +3370,11 @@ var $51d5596368acf759$var$TableList2 = function(props) {
|
|
|
3290
3370
|
return visibilityState;
|
|
3291
3371
|
}, [
|
|
3292
3372
|
config.columns,
|
|
3293
|
-
(
|
|
3373
|
+
(_f = config.options) === null || _f === void 0 ? void 0 : _f.defaultVisibility
|
|
3294
3374
|
]);
|
|
3295
3375
|
var table = (0, $iA2ta$tanstackreacttable.useReactTable)({
|
|
3376
|
+
getExpandedRowModel: (0, $iA2ta$tanstackreacttable.getExpandedRowModel)(),
|
|
3377
|
+
getGroupedRowModel: (0, $iA2ta$tanstackreacttable.getGroupedRowModel)(),
|
|
3296
3378
|
getCoreRowModel: (0, $iA2ta$tanstackreacttable.getCoreRowModel)(),
|
|
3297
3379
|
columns: isDraggable ? $51d5596368acf759$var$__spreadArray([
|
|
3298
3380
|
{
|
|
@@ -3311,7 +3393,8 @@ var $51d5596368acf759$var$TableList2 = function(props) {
|
|
|
3311
3393
|
state: {
|
|
3312
3394
|
sorting: sorting,
|
|
3313
3395
|
columnVisibility: columnVisibility,
|
|
3314
|
-
columnOrder: columnOrder
|
|
3396
|
+
columnOrder: columnOrder,
|
|
3397
|
+
grouping: grouping
|
|
3315
3398
|
},
|
|
3316
3399
|
initialState: {
|
|
3317
3400
|
columnVisibility: isDraggable ? $51d5596368acf759$var$__assign({
|
|
@@ -3319,17 +3402,20 @@ var $51d5596368acf759$var$TableList2 = function(props) {
|
|
|
3319
3402
|
}, initialVisibilityState) : initialVisibilityState,
|
|
3320
3403
|
columnOrder: isDraggable ? $51d5596368acf759$var$__spreadArray([
|
|
3321
3404
|
'drag-handle'
|
|
3322
|
-
], (
|
|
3405
|
+
], (_h = (_g = config.options) === null || _g === void 0 ? void 0 : _g.defaultOrder) !== null && _h !== void 0 ? _h : [], true) : (_j = config.options) === null || _j === void 0 ? void 0 : _j.defaultOrder,
|
|
3323
3406
|
columnPinning: {
|
|
3324
|
-
left: (
|
|
3325
|
-
right: (
|
|
3326
|
-
}
|
|
3407
|
+
left: (_m = (0, $iA2ta$lodash.map)((_l = (_k = config.options) === null || _k === void 0 ? void 0 : _k.columnPinning) === null || _l === void 0 ? void 0 : _l.left, 'name')) !== null && _m !== void 0 ? _m : [],
|
|
3408
|
+
right: (_q = (0, $iA2ta$lodash.map)((_p = (_o = config.options) === null || _o === void 0 ? void 0 : _o.columnPinning) === null || _p === void 0 ? void 0 : _p.right, 'name')) !== null && _q !== void 0 ? _q : []
|
|
3409
|
+
},
|
|
3410
|
+
grouping: (_s = (_r = config.options) === null || _r === void 0 ? void 0 : _r.grouping) === null || _s === void 0 ? void 0 : _s.defaultGrouping,
|
|
3411
|
+
expanded: (_u = (_t = config.options) === null || _t === void 0 ? void 0 : _t.grouping) === null || _u === void 0 ? void 0 : _u.defaultExpanded
|
|
3327
3412
|
},
|
|
3328
3413
|
manualPagination: true,
|
|
3329
3414
|
manualSorting: true,
|
|
3330
3415
|
onSortingChange: setSorting,
|
|
3331
3416
|
onColumnVisibilityChange: setColumnVisibility,
|
|
3332
3417
|
onColumnOrderChange: setColumnOrder,
|
|
3418
|
+
onGroupingChange: setGrouping,
|
|
3333
3419
|
getRowId: function(row) {
|
|
3334
3420
|
return (0, $iA2ta$lodash.get)(row, dragConfig === null || dragConfig === void 0 ? void 0 : dragConfig.rowIdentifierKey);
|
|
3335
3421
|
}
|
|
@@ -3341,15 +3427,18 @@ var $51d5596368acf759$var$TableList2 = function(props) {
|
|
|
3341
3427
|
sorting: sorting,
|
|
3342
3428
|
columnVisibility: columnVisibility,
|
|
3343
3429
|
columnOrder: columnOrder,
|
|
3430
|
+
grouping: grouping,
|
|
3344
3431
|
//
|
|
3345
3432
|
setSorting: setSorting,
|
|
3346
3433
|
setColumnVisibility: setColumnVisibility,
|
|
3347
|
-
setColumnOrder: setColumnOrder
|
|
3434
|
+
setColumnOrder: setColumnOrder,
|
|
3435
|
+
setGrouping: setGrouping
|
|
3348
3436
|
};
|
|
3349
3437
|
}, [
|
|
3350
3438
|
columnOrder,
|
|
3351
3439
|
columnVisibility,
|
|
3352
3440
|
sorting,
|
|
3441
|
+
grouping,
|
|
3353
3442
|
table
|
|
3354
3443
|
]);
|
|
3355
3444
|
// Trigger onChange handler when state changes.
|
|
@@ -3383,7 +3472,7 @@ var $51d5596368acf759$var$TableList2 = function(props) {
|
|
|
3383
3472
|
setColumnVisibility(visibility_1);
|
|
3384
3473
|
}
|
|
3385
3474
|
}, [
|
|
3386
|
-
(
|
|
3475
|
+
(_v = config === null || config === void 0 ? void 0 : config.options) === null || _v === void 0 ? void 0 : _v.defaultVisibility,
|
|
3387
3476
|
id,
|
|
3388
3477
|
table
|
|
3389
3478
|
]);
|
|
@@ -3408,7 +3497,7 @@ var $51d5596368acf759$var$TableList2 = function(props) {
|
|
|
3408
3497
|
}
|
|
3409
3498
|
}, [
|
|
3410
3499
|
config.columns,
|
|
3411
|
-
(
|
|
3500
|
+
(_w = config === null || config === void 0 ? void 0 : config.options) === null || _w === void 0 ? void 0 : _w.defaultOrder,
|
|
3412
3501
|
id,
|
|
3413
3502
|
isDraggable
|
|
3414
3503
|
]);
|
|
@@ -3453,7 +3542,18 @@ var $51d5596368acf759$var$TableList2 = function(props) {
|
|
|
3453
3542
|
return onRowClick && onRowClick(row);
|
|
3454
3543
|
},
|
|
3455
3544
|
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.body.table.body.row, ((_b = config.options) === null || _b === void 0 ? void 0 : _b.isStriped) && index % 2 === 0 && styles.body.table.body.striped),
|
|
3456
|
-
children: (0, $iA2ta$
|
|
3545
|
+
children: row.getIsGrouped() ? (0, $iA2ta$reactjsxruntime.jsx)("td", {
|
|
3546
|
+
colSpan: row.getVisibleCells().length,
|
|
3547
|
+
children: (0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
3548
|
+
className: styles.body.table.body.groupedRow,
|
|
3549
|
+
children: (0, $iA2ta$lodash.map)(row.getVisibleCells(), function(cell) {
|
|
3550
|
+
return (0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
3551
|
+
className: styles.body.table.body.groupedRowCell,
|
|
3552
|
+
children: (0, $iA2ta$tanstackreacttable.flexRender)(cell.column.columnDef.cell, cell.getContext())
|
|
3553
|
+
}, cell.id);
|
|
3554
|
+
})
|
|
3555
|
+
})
|
|
3556
|
+
}) : (0, $iA2ta$lodash.map)(row.getVisibleCells(), function(cell) {
|
|
3457
3557
|
var _a, _b, _c;
|
|
3458
3558
|
return (0, $iA2ta$reactjsxruntime.jsx)("td", {
|
|
3459
3559
|
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.body.table.body.cell, ((_a = config === null || config === void 0 ? void 0 : config.options) === null || _a === void 0 ? void 0 : _a.hasStickyHeader) && index !== ((_c = (_b = table === null || table === void 0 ? void 0 : table.getState()) === null || _b === void 0 ? void 0 : _b.pagination) === null || _c === void 0 ? void 0 : _c.pageSize) - 1 && styles.body.table.body.sticky),
|
|
@@ -3479,7 +3579,7 @@ var $51d5596368acf759$var$TableList2 = function(props) {
|
|
|
3479
3579
|
return acc + size;
|
|
3480
3580
|
}, 0);
|
|
3481
3581
|
}, [
|
|
3482
|
-
(
|
|
3582
|
+
(_x = config.options) === null || _x === void 0 ? void 0 : _x.columnPinning
|
|
3483
3583
|
]);
|
|
3484
3584
|
var getCommonPinningStyles = (0, $iA2ta$react.useCallback)(function(column) {
|
|
3485
3585
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
|
|
@@ -3500,10 +3600,10 @@ var $51d5596368acf759$var$TableList2 = function(props) {
|
|
|
3500
3600
|
right: isPinned === 'right' ? "".concat(getPinnedColumnsWidth('right', column.id), "px") : undefined
|
|
3501
3601
|
};
|
|
3502
3602
|
}, [
|
|
3503
|
-
(
|
|
3504
|
-
(
|
|
3505
|
-
(
|
|
3506
|
-
(
|
|
3603
|
+
(_z = (_y = config.options) === null || _y === void 0 ? void 0 : _y.columnPinning) === null || _z === void 0 ? void 0 : _z.customShadow,
|
|
3604
|
+
(_1 = (_0 = config.options) === null || _0 === void 0 ? void 0 : _0.columnPinning) === null || _1 === void 0 ? void 0 : _1.disableShadow,
|
|
3605
|
+
(_3 = (_2 = config.options) === null || _2 === void 0 ? void 0 : _2.columnPinning) === null || _3 === void 0 ? void 0 : _3.left,
|
|
3606
|
+
(_5 = (_4 = config.options) === null || _4 === void 0 ? void 0 : _4.columnPinning) === null || _5 === void 0 ? void 0 : _5.right,
|
|
3507
3607
|
styles.body.table.pinnedColumns.left,
|
|
3508
3608
|
styles.body.table.pinnedColumns.right,
|
|
3509
3609
|
getPinnedColumnsWidth
|
|
@@ -3594,13 +3694,34 @@ var $51d5596368acf759$var$TableList2 = function(props) {
|
|
|
3594
3694
|
},
|
|
3595
3695
|
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.body.table.body.row, ((_a = config.options) === null || _a === void 0 ? void 0 : _a.isStriped) && index % 2 === 0 && styles.body.table.body.striped),
|
|
3596
3696
|
children: (0, $iA2ta$lodash.map)(row.getVisibleCells(), function(cell) {
|
|
3597
|
-
var _a, _b, _c;
|
|
3697
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
3598
3698
|
return (0, $iA2ta$reactjsxruntime.jsx)("td", {
|
|
3599
3699
|
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.body.table.body.cell, ((_a = config === null || config === void 0 ? void 0 : config.options) === null || _a === void 0 ? void 0 : _a.hasStickyHeader) && index !== ((_c = (_b = table === null || table === void 0 ? void 0 : table.getState()) === null || _b === void 0 ? void 0 : _b.pagination) === null || _c === void 0 ? void 0 : _c.pageSize) - 1 && styles.body.table.body.sticky, cell.column.getIsPinned() && styles.body.table.body.column.pinned.cell),
|
|
3600
3700
|
style: $51d5596368acf759$var$__assign({
|
|
3601
3701
|
width: cell.column.getSize()
|
|
3602
3702
|
}, getCommonPinningStyles(cell.column)),
|
|
3603
|
-
children: (
|
|
3703
|
+
children: cell.getIsGrouped() ? // If it's a grouped cell, add an expander and row count
|
|
3704
|
+
(0, $iA2ta$reactjsxruntime.jsxs)("button", {
|
|
3705
|
+
onClick: row.getToggleExpandedHandler(),
|
|
3706
|
+
className: styles.body.table.body.groupedCell,
|
|
3707
|
+
style: {
|
|
3708
|
+
cursor: row.getCanExpand() ? 'pointer' : 'normal'
|
|
3709
|
+
},
|
|
3710
|
+
children: [
|
|
3711
|
+
(0, $iA2ta$reactjsxruntime.jsx)((0, $2125901b4a9afff9$export$2e2bcd8739ae039), {
|
|
3712
|
+
className: row.getIsExpanded() ? styles.body.table.body.groupedRowIcon.collapse : styles.body.table.body.groupedRowIcon.expand,
|
|
3713
|
+
accessor: row.getIsExpanded() ? (_f = (_e = (_d = config === null || config === void 0 ? void 0 : config.options) === null || _d === void 0 ? void 0 : _d.grouping) === null || _e === void 0 ? void 0 : _e.collapseIconAccessor) !== null && _f !== void 0 ? _f : 'chevron-down' : (_j = (_h = (_g = config === null || config === void 0 ? void 0 : config.options) === null || _g === void 0 ? void 0 : _g.grouping) === null || _h === void 0 ? void 0 : _h.expandIconAccessor) !== null && _j !== void 0 ? _j : 'chevron-right'
|
|
3714
|
+
}),
|
|
3715
|
+
' ',
|
|
3716
|
+
(0, $iA2ta$tanstackreacttable.flexRender)(cell.column.columnDef.cell, cell.getContext()),
|
|
3717
|
+
" (",
|
|
3718
|
+
row.subRows.length,
|
|
3719
|
+
")"
|
|
3720
|
+
]
|
|
3721
|
+
}) : cell.getIsAggregated() ? // If the cell is aggregated, use the Aggregated
|
|
3722
|
+
// renderer for cell
|
|
3723
|
+
(0, $iA2ta$tanstackreacttable.flexRender)((_k = cell.column.columnDef.aggregatedCell) !== null && _k !== void 0 ? _k : cell.column.columnDef.cell, cell.getContext()) : cell.getIsPlaceholder() ? null : // Otherwise, just render the regular cell
|
|
3724
|
+
(0, $iA2ta$tanstackreacttable.flexRender)(cell.column.columnDef.cell, cell.getContext())
|
|
3604
3725
|
}, cell.id);
|
|
3605
3726
|
})
|
|
3606
3727
|
}, row.id);
|
|
@@ -3609,7 +3730,7 @@ var $51d5596368acf759$var$TableList2 = function(props) {
|
|
|
3609
3730
|
]
|
|
3610
3731
|
}),
|
|
3611
3732
|
(0, $iA2ta$lodash.isEmpty)(table === null || table === void 0 ? void 0 : table.getRowModel().rows) && !isLoading && (0, $iA2ta$reactjsxruntime.jsx)((0, $iA2ta$reactjsxruntime.Fragment), {
|
|
3612
|
-
children: ((
|
|
3733
|
+
children: ((_6 = config === null || config === void 0 ? void 0 : config.options) === null || _6 === void 0 ? void 0 : _6.emptyComponent) ? (_7 = config === null || config === void 0 ? void 0 : config.options) === null || _7 === void 0 ? void 0 : _7.emptyComponent : (0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
3613
3734
|
className: (0, $ad4435d9ab2ba956$export$2e2bcd8739ae039).empty,
|
|
3614
3735
|
children: "There is no data to show..."
|
|
3615
3736
|
})
|
|
@@ -3677,7 +3798,7 @@ var $85a1f6cb909619f6$var$base = {
|
|
|
3677
3798
|
container: 'flex',
|
|
3678
3799
|
content: 'flex items-center',
|
|
3679
3800
|
link: 'text-gray-400 hover:text-gray-500',
|
|
3680
|
-
icon: 'h-5 w-5
|
|
3801
|
+
icon: 'h-5 w-5 shrink-0',
|
|
3681
3802
|
span: 'sr-only'
|
|
3682
3803
|
},
|
|
3683
3804
|
page: {
|
|
@@ -3689,7 +3810,7 @@ var $85a1f6cb909619f6$var$base = {
|
|
|
3689
3810
|
var $85a1f6cb909619f6$var$slashes = {
|
|
3690
3811
|
container: '',
|
|
3691
3812
|
list: 'items-center space-x-4',
|
|
3692
|
-
separator: 'h-5 w-5
|
|
3813
|
+
separator: 'h-5 w-5 shrink-0 text-gray-400',
|
|
3693
3814
|
home: {
|
|
3694
3815
|
container: '',
|
|
3695
3816
|
content: '',
|
|
@@ -3706,7 +3827,7 @@ var $85a1f6cb909619f6$var$slashes = {
|
|
|
3706
3827
|
var $85a1f6cb909619f6$var$chevrons = {
|
|
3707
3828
|
container: '',
|
|
3708
3829
|
list: 'items-center space-x-4',
|
|
3709
|
-
separator: 'h-5 w-5
|
|
3830
|
+
separator: 'h-5 w-5 shrink-0 text-gray-400',
|
|
3710
3831
|
home: {
|
|
3711
3832
|
container: '',
|
|
3712
3833
|
content: '',
|
|
@@ -3722,8 +3843,8 @@ var $85a1f6cb909619f6$var$chevrons = {
|
|
|
3722
3843
|
};
|
|
3723
3844
|
var $85a1f6cb909619f6$var$panel = {
|
|
3724
3845
|
container: '',
|
|
3725
|
-
list: 'space-x-4 rounded-md bg-white px-6 shadow',
|
|
3726
|
-
separator: 'h-full w-6
|
|
3846
|
+
list: 'space-x-4 rounded-md bg-white px-6 shadow-sm',
|
|
3847
|
+
separator: 'h-full w-6 shrink-0 text-gray-200',
|
|
3727
3848
|
home: {
|
|
3728
3849
|
container: '',
|
|
3729
3850
|
content: '',
|
|
@@ -3739,8 +3860,8 @@ var $85a1f6cb909619f6$var$panel = {
|
|
|
3739
3860
|
};
|
|
3740
3861
|
var $85a1f6cb909619f6$var$bar = {
|
|
3741
3862
|
container: 'border-b border-gray-200 bg-white',
|
|
3742
|
-
list: 'mx-auto w-full max-w-
|
|
3743
|
-
separator: 'h-full w-6
|
|
3863
|
+
list: 'mx-auto w-full max-w-(--breakpoint-xl) space-x-4 px-4 sm:px-6 lg:px-8',
|
|
3864
|
+
separator: 'h-full w-6 shrink-0 text-gray-200',
|
|
3744
3865
|
home: {
|
|
3745
3866
|
container: '',
|
|
3746
3867
|
content: '',
|
|
@@ -4171,7 +4292,7 @@ var $9420756208be2d43$var$defaultStyles = {
|
|
|
4171
4292
|
head: 'sm:hidden',
|
|
4172
4293
|
body: 'hidden sm:block',
|
|
4173
4294
|
label: 'sr-only',
|
|
4174
|
-
select: 'block w-full rounded-md border border-gray-300 py-2 px-3 text-base focus:border-primary-500 focus:outline-
|
|
4295
|
+
select: 'block w-full rounded-md border border-gray-300 py-2 px-3 text-base focus:border-primary-500 focus:outline-hidden focus:ring-primary-500 sm:text-sm',
|
|
4175
4296
|
navigation: 'border-b border-gray-200 -mb-px flex space-x-8'
|
|
4176
4297
|
},
|
|
4177
4298
|
tab: {
|
|
@@ -4343,7 +4464,7 @@ var $06795e94e474e27d$var$Item = function(props) {
|
|
|
4343
4464
|
var styles = handleGenerateStyle();
|
|
4344
4465
|
if (href && LinkComponent) return (0, $iA2ta$reactjsxruntime.jsxs)(LinkComponent, {
|
|
4345
4466
|
href: href,
|
|
4346
|
-
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.tab.base, isCurrent ? styles.tab.active : styles.tab.inactive, isLoading && 'opacity-30
|
|
4467
|
+
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.tab.base, isCurrent ? styles.tab.active : styles.tab.inactive, isLoading && 'opacity-30 text-gray-300! cursor-default!', isLoading && styles.tab.inactive),
|
|
4347
4468
|
onClick: onClick,
|
|
4348
4469
|
children: [
|
|
4349
4470
|
icon,
|
|
@@ -4351,7 +4472,7 @@ var $06795e94e474e27d$var$Item = function(props) {
|
|
|
4351
4472
|
]
|
|
4352
4473
|
});
|
|
4353
4474
|
return (0, $iA2ta$reactjsxruntime.jsxs)("div", {
|
|
4354
|
-
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.tab.base, isCurrent ? styles.tab.active : styles.tab.inactive, isLoading && 'opacity-30
|
|
4475
|
+
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.tab.base, isCurrent ? styles.tab.active : styles.tab.inactive, isLoading && 'opacity-30 text-gray-300! cursor-default!', isLoading && styles.tab.inactive),
|
|
4355
4476
|
onClick: !isLoading ? onClick : function() {
|
|
4356
4477
|
return null;
|
|
4357
4478
|
},
|
|
@@ -4457,7 +4578,7 @@ var $0c375068531e97ec$export$2e2bcd8739ae039 = $0c375068531e97ec$var$VerticalNav
|
|
|
4457
4578
|
var $58654b0ec0449aca$var$base = {
|
|
4458
4579
|
container: 'relative z-20',
|
|
4459
4580
|
background: {
|
|
4460
|
-
container: 'fixed inset-0 bg-gray-500
|
|
4581
|
+
container: 'fixed inset-0 bg-gray-500/75 transition-opacity',
|
|
4461
4582
|
transition: {
|
|
4462
4583
|
enter: 'ease-out duration-300',
|
|
4463
4584
|
enterFrom: 'opacity-0',
|
|
@@ -4625,7 +4746,7 @@ var $a1e7d7fbedad6718$var$base = {
|
|
|
4625
4746
|
inner: 'pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10'
|
|
4626
4747
|
},
|
|
4627
4748
|
panel: {
|
|
4628
|
-
container: 'pointer-events-auto w-full max-w-sm overflow-hidden rounded-lg bg-white shadow-lg ring-1 ring-black
|
|
4749
|
+
container: 'pointer-events-auto w-full max-w-sm overflow-hidden rounded-lg bg-white shadow-lg ring-1 ring-black/5',
|
|
4629
4750
|
transition: {
|
|
4630
4751
|
enter: 'transform ease-out duration-300 transition',
|
|
4631
4752
|
enterFrom: 'translate-y-2 opacity-0 sm:translate-y-0 sm:translate-x-2',
|
|
@@ -4762,7 +4883,7 @@ var $3ee7d58696c55c1b$export$2e2bcd8739ae039 = $3ee7d58696c55c1b$var$Notificatio
|
|
|
4762
4883
|
var $26db7adab9cc8c97$var$base = {
|
|
4763
4884
|
container: 'relative z-20',
|
|
4764
4885
|
background: {
|
|
4765
|
-
container: 'fixed inset-0 bg-gray-500
|
|
4886
|
+
container: 'fixed inset-0 bg-gray-500/75 transition-opacity',
|
|
4766
4887
|
transition: {
|
|
4767
4888
|
enter: 'ease-in-out duration-500',
|
|
4768
4889
|
enterFrom: 'opacity-0',
|
|
@@ -5223,15 +5344,15 @@ var $0255f3e4133715cf$var$normal = {
|
|
|
5223
5344
|
label: 'leading-6 text-sm mb-2',
|
|
5224
5345
|
hint: 'leading-6',
|
|
5225
5346
|
leading: 'pl-3',
|
|
5226
|
-
input: 'rounded-md border-gray-200 shadow-
|
|
5347
|
+
input: 'rounded-md border-gray-200 shadow-xs focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
|
|
5227
5348
|
trailing: 'pr-3',
|
|
5228
5349
|
description: 'mt-2 text-sm'
|
|
5229
5350
|
};
|
|
5230
5351
|
var $0255f3e4133715cf$var$inset = {
|
|
5231
|
-
container: 'rounded-md px-3 pt-2.5 pb-1.5 shadow-
|
|
5352
|
+
container: 'rounded-md px-3 pt-2.5 pb-1.5 shadow-xs ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-primary-600',
|
|
5232
5353
|
label: 'text-xs',
|
|
5233
5354
|
hint: 'text-xs',
|
|
5234
|
-
input: 'border-0
|
|
5355
|
+
input: 'border-0 ring-0! p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
|
|
5235
5356
|
description: 'hidden'
|
|
5236
5357
|
};
|
|
5237
5358
|
var $0255f3e4133715cf$var$overlapping = {
|
|
@@ -5239,13 +5360,13 @@ var $0255f3e4133715cf$var$overlapping = {
|
|
|
5239
5360
|
head: ' absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full',
|
|
5240
5361
|
label: 'inline-block bg-white px-1 text-xs font-medium text-gray-900 ',
|
|
5241
5362
|
hint: 'text-xs mr-4 bg-white px-1',
|
|
5242
|
-
input: 'block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-
|
|
5363
|
+
input: 'block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-xs ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 sm:text-sm sm:leading-6',
|
|
5243
5364
|
description: 'hidden'
|
|
5244
5365
|
};
|
|
5245
5366
|
var $0255f3e4133715cf$var$pill = {
|
|
5246
5367
|
head: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6',
|
|
5247
5368
|
foot: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mt-1 pr-6',
|
|
5248
|
-
input: 'block w-full rounded-full border-0 px-4 py-1.5 text-gray-900 shadow-
|
|
5369
|
+
input: 'block w-full rounded-full border-0 px-4 py-1.5 text-gray-900 shadow-xs ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 sm:text-sm sm:leading-6',
|
|
5249
5370
|
trailing: 'pr-2',
|
|
5250
5371
|
description: 'text-xs'
|
|
5251
5372
|
};
|
|
@@ -5256,13 +5377,13 @@ var $0255f3e4133715cf$var$floored = {
|
|
|
5256
5377
|
description: 'text-xs mt-2'
|
|
5257
5378
|
};
|
|
5258
5379
|
var $0255f3e4133715cf$var$invalid = {
|
|
5259
|
-
container: '
|
|
5380
|
+
container: 'ring-red-500!',
|
|
5260
5381
|
input: // 'block w-full border border-transparent text-red-900 ring-1 ring-inset ring-red-300 placeholder:text-red-300 focus:ring-2 focus:ring-inset focus:ring-red-500 sm:leading-6 pr-10',
|
|
5261
5382
|
'block w-full border border-transparent text-red-900 ring-1 ring-inset ring-red-300 placeholder:text-red-300 focus:ring-2 focus:ring-inset focus:ring-red-500 pr-10',
|
|
5262
5383
|
description: 'text-sm text-red-600'
|
|
5263
5384
|
};
|
|
5264
5385
|
var $0255f3e4133715cf$var$disabled = {
|
|
5265
|
-
input: 'block w-full rounded-md border-0 text-gray-900 shadow-
|
|
5386
|
+
input: 'block w-full rounded-md border-0 text-gray-900 shadow-xs ring-1 ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500 disabled:ring-gray-200'
|
|
5266
5387
|
};
|
|
5267
5388
|
var $0255f3e4133715cf$var$styles = {
|
|
5268
5389
|
base: $0255f3e4133715cf$var$base,
|
|
@@ -5496,14 +5617,14 @@ var $cfe896cfd0088e03$var$base = {
|
|
|
5496
5617
|
container: 'relative flex items-start',
|
|
5497
5618
|
head: 'flex h-6 items-center',
|
|
5498
5619
|
body: 'ml-3 text-sm leading-6',
|
|
5499
|
-
input: 'h-4 w-4 rounded border-gray-300 text-primary-600 focus:ring-primary-600',
|
|
5620
|
+
input: 'h-4 w-4 rounded-sm border-gray-300 text-primary-600 focus:ring-primary-600',
|
|
5500
5621
|
label: 'font-medium text-gray-900',
|
|
5501
5622
|
description: 'text-gray-500'
|
|
5502
5623
|
}
|
|
5503
5624
|
};
|
|
5504
5625
|
var $cfe896cfd0088e03$var$disabled = {
|
|
5505
5626
|
item: {
|
|
5506
|
-
input: 'block rounded-md border-0 text-gray-900 shadow-
|
|
5627
|
+
input: 'block rounded-md border-0 text-gray-900 shadow-xs ring-1 ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500 disabled:ring-gray-200'
|
|
5507
5628
|
}
|
|
5508
5629
|
};
|
|
5509
5630
|
var $cfe896cfd0088e03$var$styles = {
|
|
@@ -5607,14 +5728,14 @@ var $5ea6f468291aa318$var$base = {
|
|
|
5607
5728
|
container: 'relative flex items-start',
|
|
5608
5729
|
head: 'flex h-6 items-center select-none',
|
|
5609
5730
|
body: 'ml-3 text-sm leading-6',
|
|
5610
|
-
input: 'h-4 w-4 rounded border-gray-300 text-primary-600 focus:ring-primary-600',
|
|
5731
|
+
input: 'h-4 w-4 rounded-sm border-gray-300 text-primary-600 focus:ring-primary-600',
|
|
5611
5732
|
inputHidden: 'hidden',
|
|
5612
5733
|
replacement: 'flex',
|
|
5613
5734
|
label: 'font-medium text-gray-900',
|
|
5614
5735
|
description: 'text-gray-500'
|
|
5615
5736
|
};
|
|
5616
5737
|
var $5ea6f468291aa318$var$disabled = {
|
|
5617
|
-
input: 'block rounded-md border-0 text-gray-900 shadow-
|
|
5738
|
+
input: 'block rounded-md border-0 text-gray-900 shadow-xs ring-1 ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 disabled:cursor-not-allowed disabled:bg-gray-500 disabled:text-gray-500 disabled:ring-gray-200'
|
|
5618
5739
|
};
|
|
5619
5740
|
var $5ea6f468291aa318$var$styles = {
|
|
5620
5741
|
base: $5ea6f468291aa318$var$base,
|
|
@@ -5739,14 +5860,14 @@ var $7343b5b4243d5cba$var$base = {
|
|
|
5739
5860
|
description: 'text-gray-400 text-xs mt-1',
|
|
5740
5861
|
switch: {
|
|
5741
5862
|
container: 'flex flex-col',
|
|
5742
|
-
base: 'relative inline-flex w-11
|
|
5863
|
+
base: 'relative inline-flex w-11 shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out',
|
|
5743
5864
|
screenreader: 'sr-only',
|
|
5744
|
-
checked: 'bg-primary-600 focus:outline-
|
|
5745
|
-
unchecked: 'bg-gray-200 focus:outline-
|
|
5746
|
-
disabled: 'opacity-50
|
|
5865
|
+
checked: 'bg-primary-600 focus:outline-hidden focus:ring-0 focus:ring-primary-600 focus:ring-offset-2',
|
|
5866
|
+
unchecked: 'bg-gray-200 focus:outline-hidden focus:ring-0 focus:ring-primary-600 focus:ring-offset-2',
|
|
5867
|
+
disabled: 'opacity-50 cursor-not-allowed!'
|
|
5747
5868
|
},
|
|
5748
5869
|
toggle: {
|
|
5749
|
-
base: 'pointer-events-none relative inline-block my-auto transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out',
|
|
5870
|
+
base: 'pointer-events-none relative inline-block my-auto transform rounded-full bg-white shadow-sm ring-0 transition duration-200 ease-in-out',
|
|
5750
5871
|
checked: 'translate-x-5',
|
|
5751
5872
|
unchecked: 'translate-x-0'
|
|
5752
5873
|
},
|
|
@@ -5906,15 +6027,15 @@ var $8d406a8542925512$var$normal = {
|
|
|
5906
6027
|
label: 'leading-6 text-sm mb-2',
|
|
5907
6028
|
hint: 'leading-6',
|
|
5908
6029
|
leading: 'pl-3',
|
|
5909
|
-
input: 'rounded-md border-gray-200 shadow-
|
|
6030
|
+
input: 'rounded-md border-gray-200 shadow-xs focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
|
|
5910
6031
|
trailing: 'pr-3',
|
|
5911
6032
|
description: 'mt-2 text-sm'
|
|
5912
6033
|
};
|
|
5913
6034
|
var $8d406a8542925512$var$inset = {
|
|
5914
|
-
container: 'rounded-md px-3 pt-2.5 pb-1.5 shadow-
|
|
6035
|
+
container: 'rounded-md px-3 pt-2.5 pb-1.5 shadow-xs ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-primary-600',
|
|
5915
6036
|
label: 'text-xs',
|
|
5916
6037
|
hint: 'text-xs',
|
|
5917
|
-
input: 'border-0
|
|
6038
|
+
input: 'border-0 ring-0! p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
|
|
5918
6039
|
description: 'hidden'
|
|
5919
6040
|
};
|
|
5920
6041
|
var $8d406a8542925512$var$overlapping = {
|
|
@@ -5922,13 +6043,13 @@ var $8d406a8542925512$var$overlapping = {
|
|
|
5922
6043
|
head: ' absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full',
|
|
5923
6044
|
label: 'inline-block bg-white px-1 text-xs font-medium text-gray-900 ',
|
|
5924
6045
|
hint: 'text-xs mr-4 bg-white px-1',
|
|
5925
|
-
input: 'block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-
|
|
6046
|
+
input: 'block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-xs ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 sm:text-sm sm:leading-6',
|
|
5926
6047
|
description: 'hidden'
|
|
5927
6048
|
};
|
|
5928
6049
|
var $8d406a8542925512$var$pill = {
|
|
5929
6050
|
head: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6',
|
|
5930
6051
|
foot: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mt-1 pr-6',
|
|
5931
|
-
input: 'block w-full rounded-full border-0 px-4 py-1.5 text-gray-900 shadow-
|
|
6052
|
+
input: 'block w-full rounded-full border-0 px-4 py-1.5 text-gray-900 shadow-xs ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 sm:text-sm sm:leading-6',
|
|
5932
6053
|
trailing: 'pr-2',
|
|
5933
6054
|
description: 'text-xs'
|
|
5934
6055
|
};
|
|
@@ -5945,7 +6066,7 @@ var $8d406a8542925512$var$invalid = {
|
|
|
5945
6066
|
description: 'text-sm text-red-600'
|
|
5946
6067
|
};
|
|
5947
6068
|
var $8d406a8542925512$var$disabled = {
|
|
5948
|
-
input: 'block w-full rounded-md border-0 text-gray-900 shadow-
|
|
6069
|
+
input: 'block w-full rounded-md border-0 text-gray-900 shadow-xs ring-1 ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500 disabled:ring-gray-200'
|
|
5949
6070
|
};
|
|
5950
6071
|
var $8d406a8542925512$var$styles = {
|
|
5951
6072
|
base: $8d406a8542925512$var$base,
|
|
@@ -6225,7 +6346,7 @@ var $17bb03e8d27b8746$var$OpeningHourItem = function(props) {
|
|
|
6225
6346
|
className: (0, $622cd2936b18c771$export$4370d69198e9314a)('-mt-2 flex gap-4 items-end', !isCreating && 'opacity-100'),
|
|
6226
6347
|
children: [
|
|
6227
6348
|
(0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
6228
|
-
className:
|
|
6349
|
+
className: (0, $a14a274e5b9e799a$export$2e2bcd8739ae039).selectMenu.container,
|
|
6229
6350
|
children: (0, $iA2ta$reactjsxruntime.jsx)((0, $f3fccf014e1f10d5$export$2e2bcd8739ae039), {
|
|
6230
6351
|
name: "day",
|
|
6231
6352
|
//
|
|
@@ -6392,11 +6513,14 @@ var $17bb03e8d27b8746$export$2e2bcd8739ae039 = $17bb03e8d27b8746$var$OpeningHour
|
|
|
6392
6513
|
|
|
6393
6514
|
var $a14a274e5b9e799a$var$styles = {
|
|
6394
6515
|
container: '',
|
|
6516
|
+
selectMenu: {
|
|
6517
|
+
container: "grow"
|
|
6518
|
+
},
|
|
6395
6519
|
control: {
|
|
6396
6520
|
container: 'flex items-center',
|
|
6397
6521
|
label: 'text-sm mr-2 font-medium w-36',
|
|
6398
|
-
action: 'relative inline-flex h-6 w-11
|
|
6399
|
-
span: 'pointer-events-none inline-block h-5 w-5 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out',
|
|
6522
|
+
action: 'relative inline-flex h-6 w-11 shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-hidden focus:ring-2 focus:ring-primary-500 focus:ring-offset-2',
|
|
6523
|
+
span: 'pointer-events-none inline-block h-5 w-5 transform rounded-full bg-white shadow-sm ring-0 transition duration-200 ease-in-out',
|
|
6400
6524
|
sr: 'sr-only'
|
|
6401
6525
|
}
|
|
6402
6526
|
};
|
|
@@ -6428,15 +6552,15 @@ var $3698b0b0dc32c78c$var$normal = {
|
|
|
6428
6552
|
label: 'leading-6 text-sm mb-2',
|
|
6429
6553
|
hint: 'leading-6',
|
|
6430
6554
|
leading: 'pl-3',
|
|
6431
|
-
input: 'rounded-md border-gray-200 shadow-
|
|
6555
|
+
input: 'rounded-md border-gray-200 shadow-xs focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
|
|
6432
6556
|
trailing: 'pr-3',
|
|
6433
6557
|
description: 'mt-2 text-sm'
|
|
6434
6558
|
};
|
|
6435
6559
|
var $3698b0b0dc32c78c$var$inset = {
|
|
6436
|
-
container: 'rounded-md px-3 pt-2.5 pb-1.5 shadow-
|
|
6560
|
+
container: 'rounded-md px-3 pt-2.5 pb-1.5 shadow-xs ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-primary-600',
|
|
6437
6561
|
label: 'text-xs',
|
|
6438
6562
|
hint: 'text-xs',
|
|
6439
|
-
input: 'border-0
|
|
6563
|
+
input: 'border-0 ring-0! p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
|
|
6440
6564
|
description: 'hidden'
|
|
6441
6565
|
};
|
|
6442
6566
|
var $3698b0b0dc32c78c$var$overlapping = {
|
|
@@ -6444,13 +6568,13 @@ var $3698b0b0dc32c78c$var$overlapping = {
|
|
|
6444
6568
|
head: ' absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full',
|
|
6445
6569
|
label: 'inline-block bg-white px-1 text-xs font-medium text-gray-900 ',
|
|
6446
6570
|
hint: 'text-xs mr-4 bg-white px-1',
|
|
6447
|
-
input: 'block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-
|
|
6571
|
+
input: 'block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-xs ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 sm:text-sm sm:leading-6',
|
|
6448
6572
|
description: 'hidden'
|
|
6449
6573
|
};
|
|
6450
6574
|
var $3698b0b0dc32c78c$var$pill = {
|
|
6451
6575
|
head: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6',
|
|
6452
6576
|
foot: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mt-1 pr-6',
|
|
6453
|
-
input: 'block w-full rounded-full border-0 px-4 py-1.5 text-gray-900 shadow-
|
|
6577
|
+
input: 'block w-full rounded-full border-0 px-4 py-1.5 text-gray-900 shadow-xs ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 sm:text-sm sm:leading-6',
|
|
6454
6578
|
trailing: 'pr-2',
|
|
6455
6579
|
description: 'text-xs'
|
|
6456
6580
|
};
|
|
@@ -6467,7 +6591,7 @@ var $3698b0b0dc32c78c$var$invalid = {
|
|
|
6467
6591
|
description: 'text-sm text-red-600'
|
|
6468
6592
|
};
|
|
6469
6593
|
var $3698b0b0dc32c78c$var$disabled = {
|
|
6470
|
-
input: 'block w-full rounded-md border-0 text-gray-900 shadow-
|
|
6594
|
+
input: 'block w-full rounded-md border-0 text-gray-900 shadow-xs ring-1 ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500 disabled:ring-gray-200'
|
|
6471
6595
|
};
|
|
6472
6596
|
var $3698b0b0dc32c78c$var$styles = {
|
|
6473
6597
|
base: $3698b0b0dc32c78c$var$base,
|
|
@@ -6610,7 +6734,7 @@ var $03b368478cf695f0$var$base = {
|
|
|
6610
6734
|
description: 'text-gray-400 text-xs mt-1',
|
|
6611
6735
|
error: 'text-red-500 text-xs mt-1',
|
|
6612
6736
|
geosuggest: {
|
|
6613
|
-
suggestsClassName: 'absolute w-full z-10 bg-white border border-gray-200 shadow-
|
|
6737
|
+
suggestsClassName: 'absolute w-full z-10 bg-white border border-gray-200 shadow-xs text-sm',
|
|
6614
6738
|
suggestItemClassName: 'px-4 py-2 hover:bg-gray-50 cursor-pointer',
|
|
6615
6739
|
suggestsHiddenClassName: 'hidden'
|
|
6616
6740
|
}
|
|
@@ -6623,15 +6747,15 @@ var $03b368478cf695f0$var$normal = {
|
|
|
6623
6747
|
label: 'leading-6 text-sm mb-2',
|
|
6624
6748
|
hint: 'leading-6',
|
|
6625
6749
|
leading: 'pl-3',
|
|
6626
|
-
input: 'rounded-md border-gray-200 shadow-
|
|
6750
|
+
input: 'rounded-md border-gray-200 shadow-xs focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
|
|
6627
6751
|
trailing: 'pr-3',
|
|
6628
6752
|
description: 'mt-2 text-sm'
|
|
6629
6753
|
};
|
|
6630
6754
|
var $03b368478cf695f0$var$inset = {
|
|
6631
|
-
container: 'rounded-md px-3 pt-2.5 pb-1.5 shadow-
|
|
6755
|
+
container: 'rounded-md px-3 pt-2.5 pb-1.5 shadow-xs ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-primary-600',
|
|
6632
6756
|
label: 'text-xs',
|
|
6633
6757
|
hint: 'text-xs',
|
|
6634
|
-
input: 'border-0
|
|
6758
|
+
input: 'border-0 ring-0! p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
|
|
6635
6759
|
description: 'hidden'
|
|
6636
6760
|
};
|
|
6637
6761
|
var $03b368478cf695f0$var$overlapping = {
|
|
@@ -6639,13 +6763,13 @@ var $03b368478cf695f0$var$overlapping = {
|
|
|
6639
6763
|
head: ' absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full',
|
|
6640
6764
|
label: 'inline-block bg-white px-1 text-xs font-medium text-gray-900 ',
|
|
6641
6765
|
hint: 'text-xs mr-4 bg-white px-1',
|
|
6642
|
-
input: 'block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-
|
|
6766
|
+
input: 'block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-xs ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 sm:text-sm sm:leading-6',
|
|
6643
6767
|
description: 'hidden'
|
|
6644
6768
|
};
|
|
6645
6769
|
var $03b368478cf695f0$var$pill = {
|
|
6646
6770
|
head: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6',
|
|
6647
6771
|
foot: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mt-1 pr-6',
|
|
6648
|
-
input: 'block w-full rounded-full border-0 px-4 py-1.5 text-gray-900 shadow-
|
|
6772
|
+
input: 'block w-full rounded-full border-0 px-4 py-1.5 text-gray-900 shadow-xs ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 sm:text-sm sm:leading-6',
|
|
6649
6773
|
trailing: 'pr-2',
|
|
6650
6774
|
description: 'text-xs'
|
|
6651
6775
|
};
|
|
@@ -6662,7 +6786,7 @@ var $03b368478cf695f0$var$invalid = {
|
|
|
6662
6786
|
description: 'text-sm text-red-600'
|
|
6663
6787
|
};
|
|
6664
6788
|
var $03b368478cf695f0$var$disabled = {
|
|
6665
|
-
input: 'block w-full rounded-md border-0 text-gray-900 shadow-
|
|
6789
|
+
input: 'block w-full rounded-md border-0 text-gray-900 shadow-xs ring-1 ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500 disabled:ring-gray-200'
|
|
6666
6790
|
};
|
|
6667
6791
|
var $03b368478cf695f0$var$styles = {
|
|
6668
6792
|
base: $03b368478cf695f0$var$base,
|
|
@@ -6874,8 +6998,9 @@ var $5f561ce307b5bbb8$var$useColumnHelpers = function(t) {
|
|
|
6874
6998
|
return "overflow-hidden text-ellipsis ".concat((0, $iA2ta$lodash.get)(sizes, size, ''), " block");
|
|
6875
6999
|
}, []);
|
|
6876
7000
|
var createAccessor = (0, $iA2ta$react.useCallback)(function(key, getCellContent, excelMapper, options) {
|
|
7001
|
+
var _a;
|
|
6877
7002
|
return accessor(key, {
|
|
6878
|
-
header: t("component.form.label.".concat(key)),
|
|
7003
|
+
header: (_a = options === null || options === void 0 ? void 0 : options.header) !== null && _a !== void 0 ? _a : t("component.form.label.".concat(key)),
|
|
6879
7004
|
enableSorting: (0, $iA2ta$lodash.get)(options, 'enableSorting', true),
|
|
6880
7005
|
cell: function(cell) {
|
|
6881
7006
|
return getCellContent(cell, options);
|