@ballistix.digital/react-components 6.0.3 → 7.0.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 +57 -27
- package/dist/index.d.ts.map +1 -1
- package/dist/index.esm.js +261 -144
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +259 -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,7 @@ 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
|
-
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',
|
|
3264
|
+
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
3265
|
indicator: 'absolute inset-y-0 left-0 w-0.5 bg-primary-600'
|
|
3192
3266
|
}
|
|
3193
3267
|
}
|
|
@@ -3230,11 +3304,12 @@ var $51d5596368acf759$var$__spreadArray = undefined && undefined.__spreadArray |
|
|
|
3230
3304
|
return to.concat(ar || Array.prototype.slice.call(from));
|
|
3231
3305
|
};
|
|
3232
3306
|
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;
|
|
3307
|
+
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
3308
|
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
|
|
3309
|
+
var _8 = (0, $iA2ta$react.useState)({}), columnVisibility = _8[0], setColumnVisibility = _8[1];
|
|
3310
|
+
var _9 = (0, $iA2ta$react.useState)([]), columnOrder = _9[0], setColumnOrder = _9[1];
|
|
3311
|
+
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];
|
|
3312
|
+
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
3313
|
var handleGenerateStyle = function() {
|
|
3239
3314
|
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $ad4435d9ab2ba956$export$2e2bcd8739ae039).base);
|
|
3240
3315
|
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $ad4435d9ab2ba956$export$2e2bcd8739ae039).base);
|
|
@@ -3290,9 +3365,11 @@ var $51d5596368acf759$var$TableList2 = function(props) {
|
|
|
3290
3365
|
return visibilityState;
|
|
3291
3366
|
}, [
|
|
3292
3367
|
config.columns,
|
|
3293
|
-
(
|
|
3368
|
+
(_f = config.options) === null || _f === void 0 ? void 0 : _f.defaultVisibility
|
|
3294
3369
|
]);
|
|
3295
3370
|
var table = (0, $iA2ta$tanstackreacttable.useReactTable)({
|
|
3371
|
+
getExpandedRowModel: (0, $iA2ta$tanstackreacttable.getExpandedRowModel)(),
|
|
3372
|
+
getGroupedRowModel: (0, $iA2ta$tanstackreacttable.getGroupedRowModel)(),
|
|
3296
3373
|
getCoreRowModel: (0, $iA2ta$tanstackreacttable.getCoreRowModel)(),
|
|
3297
3374
|
columns: isDraggable ? $51d5596368acf759$var$__spreadArray([
|
|
3298
3375
|
{
|
|
@@ -3311,7 +3388,8 @@ var $51d5596368acf759$var$TableList2 = function(props) {
|
|
|
3311
3388
|
state: {
|
|
3312
3389
|
sorting: sorting,
|
|
3313
3390
|
columnVisibility: columnVisibility,
|
|
3314
|
-
columnOrder: columnOrder
|
|
3391
|
+
columnOrder: columnOrder,
|
|
3392
|
+
grouping: grouping
|
|
3315
3393
|
},
|
|
3316
3394
|
initialState: {
|
|
3317
3395
|
columnVisibility: isDraggable ? $51d5596368acf759$var$__assign({
|
|
@@ -3319,17 +3397,20 @@ var $51d5596368acf759$var$TableList2 = function(props) {
|
|
|
3319
3397
|
}, initialVisibilityState) : initialVisibilityState,
|
|
3320
3398
|
columnOrder: isDraggable ? $51d5596368acf759$var$__spreadArray([
|
|
3321
3399
|
'drag-handle'
|
|
3322
|
-
], (
|
|
3400
|
+
], (_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
3401
|
columnPinning: {
|
|
3324
|
-
left: (
|
|
3325
|
-
right: (
|
|
3326
|
-
}
|
|
3402
|
+
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 : [],
|
|
3403
|
+
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 : []
|
|
3404
|
+
},
|
|
3405
|
+
grouping: (_s = (_r = config.options) === null || _r === void 0 ? void 0 : _r.grouping) === null || _s === void 0 ? void 0 : _s.defaultGrouping,
|
|
3406
|
+
expanded: (_u = (_t = config.options) === null || _t === void 0 ? void 0 : _t.grouping) === null || _u === void 0 ? void 0 : _u.defaultExpanded
|
|
3327
3407
|
},
|
|
3328
3408
|
manualPagination: true,
|
|
3329
3409
|
manualSorting: true,
|
|
3330
3410
|
onSortingChange: setSorting,
|
|
3331
3411
|
onColumnVisibilityChange: setColumnVisibility,
|
|
3332
3412
|
onColumnOrderChange: setColumnOrder,
|
|
3413
|
+
onGroupingChange: setGrouping,
|
|
3333
3414
|
getRowId: function(row) {
|
|
3334
3415
|
return (0, $iA2ta$lodash.get)(row, dragConfig === null || dragConfig === void 0 ? void 0 : dragConfig.rowIdentifierKey);
|
|
3335
3416
|
}
|
|
@@ -3341,15 +3422,18 @@ var $51d5596368acf759$var$TableList2 = function(props) {
|
|
|
3341
3422
|
sorting: sorting,
|
|
3342
3423
|
columnVisibility: columnVisibility,
|
|
3343
3424
|
columnOrder: columnOrder,
|
|
3425
|
+
grouping: grouping,
|
|
3344
3426
|
//
|
|
3345
3427
|
setSorting: setSorting,
|
|
3346
3428
|
setColumnVisibility: setColumnVisibility,
|
|
3347
|
-
setColumnOrder: setColumnOrder
|
|
3429
|
+
setColumnOrder: setColumnOrder,
|
|
3430
|
+
setGrouping: setGrouping
|
|
3348
3431
|
};
|
|
3349
3432
|
}, [
|
|
3350
3433
|
columnOrder,
|
|
3351
3434
|
columnVisibility,
|
|
3352
3435
|
sorting,
|
|
3436
|
+
grouping,
|
|
3353
3437
|
table
|
|
3354
3438
|
]);
|
|
3355
3439
|
// Trigger onChange handler when state changes.
|
|
@@ -3383,7 +3467,7 @@ var $51d5596368acf759$var$TableList2 = function(props) {
|
|
|
3383
3467
|
setColumnVisibility(visibility_1);
|
|
3384
3468
|
}
|
|
3385
3469
|
}, [
|
|
3386
|
-
(
|
|
3470
|
+
(_v = config === null || config === void 0 ? void 0 : config.options) === null || _v === void 0 ? void 0 : _v.defaultVisibility,
|
|
3387
3471
|
id,
|
|
3388
3472
|
table
|
|
3389
3473
|
]);
|
|
@@ -3408,7 +3492,7 @@ var $51d5596368acf759$var$TableList2 = function(props) {
|
|
|
3408
3492
|
}
|
|
3409
3493
|
}, [
|
|
3410
3494
|
config.columns,
|
|
3411
|
-
(
|
|
3495
|
+
(_w = config === null || config === void 0 ? void 0 : config.options) === null || _w === void 0 ? void 0 : _w.defaultOrder,
|
|
3412
3496
|
id,
|
|
3413
3497
|
isDraggable
|
|
3414
3498
|
]);
|
|
@@ -3453,7 +3537,18 @@ var $51d5596368acf759$var$TableList2 = function(props) {
|
|
|
3453
3537
|
return onRowClick && onRowClick(row);
|
|
3454
3538
|
},
|
|
3455
3539
|
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$
|
|
3540
|
+
children: row.getIsGrouped() ? (0, $iA2ta$reactjsxruntime.jsx)("td", {
|
|
3541
|
+
colSpan: row.getVisibleCells().length,
|
|
3542
|
+
children: (0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
3543
|
+
className: styles.body.table.body.groupedRow,
|
|
3544
|
+
children: (0, $iA2ta$lodash.map)(row.getVisibleCells(), function(cell) {
|
|
3545
|
+
return (0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
3546
|
+
className: styles.body.table.body.groupedRowCell,
|
|
3547
|
+
children: (0, $iA2ta$tanstackreacttable.flexRender)(cell.column.columnDef.cell, cell.getContext())
|
|
3548
|
+
}, cell.id);
|
|
3549
|
+
})
|
|
3550
|
+
})
|
|
3551
|
+
}) : (0, $iA2ta$lodash.map)(row.getVisibleCells(), function(cell) {
|
|
3457
3552
|
var _a, _b, _c;
|
|
3458
3553
|
return (0, $iA2ta$reactjsxruntime.jsx)("td", {
|
|
3459
3554
|
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 +3574,7 @@ var $51d5596368acf759$var$TableList2 = function(props) {
|
|
|
3479
3574
|
return acc + size;
|
|
3480
3575
|
}, 0);
|
|
3481
3576
|
}, [
|
|
3482
|
-
(
|
|
3577
|
+
(_x = config.options) === null || _x === void 0 ? void 0 : _x.columnPinning
|
|
3483
3578
|
]);
|
|
3484
3579
|
var getCommonPinningStyles = (0, $iA2ta$react.useCallback)(function(column) {
|
|
3485
3580
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
|
|
@@ -3500,10 +3595,10 @@ var $51d5596368acf759$var$TableList2 = function(props) {
|
|
|
3500
3595
|
right: isPinned === 'right' ? "".concat(getPinnedColumnsWidth('right', column.id), "px") : undefined
|
|
3501
3596
|
};
|
|
3502
3597
|
}, [
|
|
3503
|
-
(
|
|
3504
|
-
(
|
|
3505
|
-
(
|
|
3506
|
-
(
|
|
3598
|
+
(_z = (_y = config.options) === null || _y === void 0 ? void 0 : _y.columnPinning) === null || _z === void 0 ? void 0 : _z.customShadow,
|
|
3599
|
+
(_1 = (_0 = config.options) === null || _0 === void 0 ? void 0 : _0.columnPinning) === null || _1 === void 0 ? void 0 : _1.disableShadow,
|
|
3600
|
+
(_3 = (_2 = config.options) === null || _2 === void 0 ? void 0 : _2.columnPinning) === null || _3 === void 0 ? void 0 : _3.left,
|
|
3601
|
+
(_5 = (_4 = config.options) === null || _4 === void 0 ? void 0 : _4.columnPinning) === null || _5 === void 0 ? void 0 : _5.right,
|
|
3507
3602
|
styles.body.table.pinnedColumns.left,
|
|
3508
3603
|
styles.body.table.pinnedColumns.right,
|
|
3509
3604
|
getPinnedColumnsWidth
|
|
@@ -3594,13 +3689,32 @@ var $51d5596368acf759$var$TableList2 = function(props) {
|
|
|
3594
3689
|
},
|
|
3595
3690
|
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
3691
|
children: (0, $iA2ta$lodash.map)(row.getVisibleCells(), function(cell) {
|
|
3597
|
-
var _a, _b, _c;
|
|
3692
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
3598
3693
|
return (0, $iA2ta$reactjsxruntime.jsx)("td", {
|
|
3599
3694
|
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
3695
|
style: $51d5596368acf759$var$__assign({
|
|
3601
3696
|
width: cell.column.getSize()
|
|
3602
3697
|
}, getCommonPinningStyles(cell.column)),
|
|
3603
|
-
children: (
|
|
3698
|
+
children: cell.getIsGrouped() ? // If it's a grouped cell, add an expander and row count
|
|
3699
|
+
(0, $iA2ta$reactjsxruntime.jsxs)("button", {
|
|
3700
|
+
onClick: row.getToggleExpandedHandler(),
|
|
3701
|
+
style: {
|
|
3702
|
+
cursor: row.getCanExpand() ? 'pointer' : 'normal'
|
|
3703
|
+
},
|
|
3704
|
+
children: [
|
|
3705
|
+
(0, $iA2ta$reactjsxruntime.jsx)((0, $2125901b4a9afff9$export$2e2bcd8739ae039), {
|
|
3706
|
+
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"
|
|
3707
|
+
}),
|
|
3708
|
+
' ',
|
|
3709
|
+
(0, $iA2ta$tanstackreacttable.flexRender)(cell.column.columnDef.cell, cell.getContext()),
|
|
3710
|
+
" (",
|
|
3711
|
+
row.subRows.length,
|
|
3712
|
+
")"
|
|
3713
|
+
]
|
|
3714
|
+
}) : cell.getIsAggregated() ? // If the cell is aggregated, use the Aggregated
|
|
3715
|
+
// renderer for cell
|
|
3716
|
+
(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
|
|
3717
|
+
(0, $iA2ta$tanstackreacttable.flexRender)(cell.column.columnDef.cell, cell.getContext())
|
|
3604
3718
|
}, cell.id);
|
|
3605
3719
|
})
|
|
3606
3720
|
}, row.id);
|
|
@@ -3609,7 +3723,7 @@ var $51d5596368acf759$var$TableList2 = function(props) {
|
|
|
3609
3723
|
]
|
|
3610
3724
|
}),
|
|
3611
3725
|
(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: ((
|
|
3726
|
+
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
3727
|
className: (0, $ad4435d9ab2ba956$export$2e2bcd8739ae039).empty,
|
|
3614
3728
|
children: "There is no data to show..."
|
|
3615
3729
|
})
|
|
@@ -3677,7 +3791,7 @@ var $85a1f6cb909619f6$var$base = {
|
|
|
3677
3791
|
container: 'flex',
|
|
3678
3792
|
content: 'flex items-center',
|
|
3679
3793
|
link: 'text-gray-400 hover:text-gray-500',
|
|
3680
|
-
icon: 'h-5 w-5
|
|
3794
|
+
icon: 'h-5 w-5 shrink-0',
|
|
3681
3795
|
span: 'sr-only'
|
|
3682
3796
|
},
|
|
3683
3797
|
page: {
|
|
@@ -3689,7 +3803,7 @@ var $85a1f6cb909619f6$var$base = {
|
|
|
3689
3803
|
var $85a1f6cb909619f6$var$slashes = {
|
|
3690
3804
|
container: '',
|
|
3691
3805
|
list: 'items-center space-x-4',
|
|
3692
|
-
separator: 'h-5 w-5
|
|
3806
|
+
separator: 'h-5 w-5 shrink-0 text-gray-400',
|
|
3693
3807
|
home: {
|
|
3694
3808
|
container: '',
|
|
3695
3809
|
content: '',
|
|
@@ -3706,7 +3820,7 @@ var $85a1f6cb909619f6$var$slashes = {
|
|
|
3706
3820
|
var $85a1f6cb909619f6$var$chevrons = {
|
|
3707
3821
|
container: '',
|
|
3708
3822
|
list: 'items-center space-x-4',
|
|
3709
|
-
separator: 'h-5 w-5
|
|
3823
|
+
separator: 'h-5 w-5 shrink-0 text-gray-400',
|
|
3710
3824
|
home: {
|
|
3711
3825
|
container: '',
|
|
3712
3826
|
content: '',
|
|
@@ -3722,8 +3836,8 @@ var $85a1f6cb909619f6$var$chevrons = {
|
|
|
3722
3836
|
};
|
|
3723
3837
|
var $85a1f6cb909619f6$var$panel = {
|
|
3724
3838
|
container: '',
|
|
3725
|
-
list: 'space-x-4 rounded-md bg-white px-6 shadow',
|
|
3726
|
-
separator: 'h-full w-6
|
|
3839
|
+
list: 'space-x-4 rounded-md bg-white px-6 shadow-sm',
|
|
3840
|
+
separator: 'h-full w-6 shrink-0 text-gray-200',
|
|
3727
3841
|
home: {
|
|
3728
3842
|
container: '',
|
|
3729
3843
|
content: '',
|
|
@@ -3739,8 +3853,8 @@ var $85a1f6cb909619f6$var$panel = {
|
|
|
3739
3853
|
};
|
|
3740
3854
|
var $85a1f6cb909619f6$var$bar = {
|
|
3741
3855
|
container: 'border-b border-gray-200 bg-white',
|
|
3742
|
-
list: 'mx-auto w-full max-w-
|
|
3743
|
-
separator: 'h-full w-6
|
|
3856
|
+
list: 'mx-auto w-full max-w-(--breakpoint-xl) space-x-4 px-4 sm:px-6 lg:px-8',
|
|
3857
|
+
separator: 'h-full w-6 shrink-0 text-gray-200',
|
|
3744
3858
|
home: {
|
|
3745
3859
|
container: '',
|
|
3746
3860
|
content: '',
|
|
@@ -4171,7 +4285,7 @@ var $9420756208be2d43$var$defaultStyles = {
|
|
|
4171
4285
|
head: 'sm:hidden',
|
|
4172
4286
|
body: 'hidden sm:block',
|
|
4173
4287
|
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-
|
|
4288
|
+
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
4289
|
navigation: 'border-b border-gray-200 -mb-px flex space-x-8'
|
|
4176
4290
|
},
|
|
4177
4291
|
tab: {
|
|
@@ -4343,7 +4457,7 @@ var $06795e94e474e27d$var$Item = function(props) {
|
|
|
4343
4457
|
var styles = handleGenerateStyle();
|
|
4344
4458
|
if (href && LinkComponent) return (0, $iA2ta$reactjsxruntime.jsxs)(LinkComponent, {
|
|
4345
4459
|
href: href,
|
|
4346
|
-
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.tab.base, isCurrent ? styles.tab.active : styles.tab.inactive, isLoading && 'opacity-30
|
|
4460
|
+
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
4461
|
onClick: onClick,
|
|
4348
4462
|
children: [
|
|
4349
4463
|
icon,
|
|
@@ -4351,7 +4465,7 @@ var $06795e94e474e27d$var$Item = function(props) {
|
|
|
4351
4465
|
]
|
|
4352
4466
|
});
|
|
4353
4467
|
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
|
|
4468
|
+
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
4469
|
onClick: !isLoading ? onClick : function() {
|
|
4356
4470
|
return null;
|
|
4357
4471
|
},
|
|
@@ -4457,7 +4571,7 @@ var $0c375068531e97ec$export$2e2bcd8739ae039 = $0c375068531e97ec$var$VerticalNav
|
|
|
4457
4571
|
var $58654b0ec0449aca$var$base = {
|
|
4458
4572
|
container: 'relative z-20',
|
|
4459
4573
|
background: {
|
|
4460
|
-
container: 'fixed inset-0 bg-gray-500
|
|
4574
|
+
container: 'fixed inset-0 bg-gray-500/75 transition-opacity',
|
|
4461
4575
|
transition: {
|
|
4462
4576
|
enter: 'ease-out duration-300',
|
|
4463
4577
|
enterFrom: 'opacity-0',
|
|
@@ -4625,7 +4739,7 @@ var $a1e7d7fbedad6718$var$base = {
|
|
|
4625
4739
|
inner: 'pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10'
|
|
4626
4740
|
},
|
|
4627
4741
|
panel: {
|
|
4628
|
-
container: 'pointer-events-auto w-full max-w-sm overflow-hidden rounded-lg bg-white shadow-lg ring-1 ring-black
|
|
4742
|
+
container: 'pointer-events-auto w-full max-w-sm overflow-hidden rounded-lg bg-white shadow-lg ring-1 ring-black/5',
|
|
4629
4743
|
transition: {
|
|
4630
4744
|
enter: 'transform ease-out duration-300 transition',
|
|
4631
4745
|
enterFrom: 'translate-y-2 opacity-0 sm:translate-y-0 sm:translate-x-2',
|
|
@@ -4762,7 +4876,7 @@ var $3ee7d58696c55c1b$export$2e2bcd8739ae039 = $3ee7d58696c55c1b$var$Notificatio
|
|
|
4762
4876
|
var $26db7adab9cc8c97$var$base = {
|
|
4763
4877
|
container: 'relative z-20',
|
|
4764
4878
|
background: {
|
|
4765
|
-
container: 'fixed inset-0 bg-gray-500
|
|
4879
|
+
container: 'fixed inset-0 bg-gray-500/75 transition-opacity',
|
|
4766
4880
|
transition: {
|
|
4767
4881
|
enter: 'ease-in-out duration-500',
|
|
4768
4882
|
enterFrom: 'opacity-0',
|
|
@@ -5223,15 +5337,15 @@ var $0255f3e4133715cf$var$normal = {
|
|
|
5223
5337
|
label: 'leading-6 text-sm mb-2',
|
|
5224
5338
|
hint: 'leading-6',
|
|
5225
5339
|
leading: 'pl-3',
|
|
5226
|
-
input: 'rounded-md border-gray-200 shadow-
|
|
5340
|
+
input: 'rounded-md border-gray-200 shadow-xs focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
|
|
5227
5341
|
trailing: 'pr-3',
|
|
5228
5342
|
description: 'mt-2 text-sm'
|
|
5229
5343
|
};
|
|
5230
5344
|
var $0255f3e4133715cf$var$inset = {
|
|
5231
|
-
container: 'rounded-md px-3 pt-2.5 pb-1.5 shadow-
|
|
5345
|
+
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
5346
|
label: 'text-xs',
|
|
5233
5347
|
hint: 'text-xs',
|
|
5234
|
-
input: 'border-0
|
|
5348
|
+
input: 'border-0 ring-0! p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
|
|
5235
5349
|
description: 'hidden'
|
|
5236
5350
|
};
|
|
5237
5351
|
var $0255f3e4133715cf$var$overlapping = {
|
|
@@ -5239,13 +5353,13 @@ var $0255f3e4133715cf$var$overlapping = {
|
|
|
5239
5353
|
head: ' absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full',
|
|
5240
5354
|
label: 'inline-block bg-white px-1 text-xs font-medium text-gray-900 ',
|
|
5241
5355
|
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-
|
|
5356
|
+
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
5357
|
description: 'hidden'
|
|
5244
5358
|
};
|
|
5245
5359
|
var $0255f3e4133715cf$var$pill = {
|
|
5246
5360
|
head: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6',
|
|
5247
5361
|
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-
|
|
5362
|
+
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
5363
|
trailing: 'pr-2',
|
|
5250
5364
|
description: 'text-xs'
|
|
5251
5365
|
};
|
|
@@ -5256,13 +5370,13 @@ var $0255f3e4133715cf$var$floored = {
|
|
|
5256
5370
|
description: 'text-xs mt-2'
|
|
5257
5371
|
};
|
|
5258
5372
|
var $0255f3e4133715cf$var$invalid = {
|
|
5259
|
-
container: '
|
|
5373
|
+
container: 'ring-red-500!',
|
|
5260
5374
|
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
5375
|
'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
5376
|
description: 'text-sm text-red-600'
|
|
5263
5377
|
};
|
|
5264
5378
|
var $0255f3e4133715cf$var$disabled = {
|
|
5265
|
-
input: 'block w-full rounded-md border-0 text-gray-900 shadow-
|
|
5379
|
+
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
5380
|
};
|
|
5267
5381
|
var $0255f3e4133715cf$var$styles = {
|
|
5268
5382
|
base: $0255f3e4133715cf$var$base,
|
|
@@ -5496,14 +5610,14 @@ var $cfe896cfd0088e03$var$base = {
|
|
|
5496
5610
|
container: 'relative flex items-start',
|
|
5497
5611
|
head: 'flex h-6 items-center',
|
|
5498
5612
|
body: 'ml-3 text-sm leading-6',
|
|
5499
|
-
input: 'h-4 w-4 rounded border-gray-300 text-primary-600 focus:ring-primary-600',
|
|
5613
|
+
input: 'h-4 w-4 rounded-sm border-gray-300 text-primary-600 focus:ring-primary-600',
|
|
5500
5614
|
label: 'font-medium text-gray-900',
|
|
5501
5615
|
description: 'text-gray-500'
|
|
5502
5616
|
}
|
|
5503
5617
|
};
|
|
5504
5618
|
var $cfe896cfd0088e03$var$disabled = {
|
|
5505
5619
|
item: {
|
|
5506
|
-
input: 'block rounded-md border-0 text-gray-900 shadow-
|
|
5620
|
+
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
5621
|
}
|
|
5508
5622
|
};
|
|
5509
5623
|
var $cfe896cfd0088e03$var$styles = {
|
|
@@ -5607,14 +5721,14 @@ var $5ea6f468291aa318$var$base = {
|
|
|
5607
5721
|
container: 'relative flex items-start',
|
|
5608
5722
|
head: 'flex h-6 items-center select-none',
|
|
5609
5723
|
body: 'ml-3 text-sm leading-6',
|
|
5610
|
-
input: 'h-4 w-4 rounded border-gray-300 text-primary-600 focus:ring-primary-600',
|
|
5724
|
+
input: 'h-4 w-4 rounded-sm border-gray-300 text-primary-600 focus:ring-primary-600',
|
|
5611
5725
|
inputHidden: 'hidden',
|
|
5612
5726
|
replacement: 'flex',
|
|
5613
5727
|
label: 'font-medium text-gray-900',
|
|
5614
5728
|
description: 'text-gray-500'
|
|
5615
5729
|
};
|
|
5616
5730
|
var $5ea6f468291aa318$var$disabled = {
|
|
5617
|
-
input: 'block rounded-md border-0 text-gray-900 shadow-
|
|
5731
|
+
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
5732
|
};
|
|
5619
5733
|
var $5ea6f468291aa318$var$styles = {
|
|
5620
5734
|
base: $5ea6f468291aa318$var$base,
|
|
@@ -5739,14 +5853,14 @@ var $7343b5b4243d5cba$var$base = {
|
|
|
5739
5853
|
description: 'text-gray-400 text-xs mt-1',
|
|
5740
5854
|
switch: {
|
|
5741
5855
|
container: 'flex flex-col',
|
|
5742
|
-
base: 'relative inline-flex w-11
|
|
5856
|
+
base: 'relative inline-flex w-11 shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out',
|
|
5743
5857
|
screenreader: 'sr-only',
|
|
5744
|
-
checked: 'bg-primary-600 focus:outline-
|
|
5745
|
-
unchecked: 'bg-gray-200 focus:outline-
|
|
5746
|
-
disabled: 'opacity-50
|
|
5858
|
+
checked: 'bg-primary-600 focus:outline-hidden focus:ring-0 focus:ring-primary-600 focus:ring-offset-2',
|
|
5859
|
+
unchecked: 'bg-gray-200 focus:outline-hidden focus:ring-0 focus:ring-primary-600 focus:ring-offset-2',
|
|
5860
|
+
disabled: 'opacity-50 cursor-not-allowed!'
|
|
5747
5861
|
},
|
|
5748
5862
|
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',
|
|
5863
|
+
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
5864
|
checked: 'translate-x-5',
|
|
5751
5865
|
unchecked: 'translate-x-0'
|
|
5752
5866
|
},
|
|
@@ -5906,15 +6020,15 @@ var $8d406a8542925512$var$normal = {
|
|
|
5906
6020
|
label: 'leading-6 text-sm mb-2',
|
|
5907
6021
|
hint: 'leading-6',
|
|
5908
6022
|
leading: 'pl-3',
|
|
5909
|
-
input: 'rounded-md border-gray-200 shadow-
|
|
6023
|
+
input: 'rounded-md border-gray-200 shadow-xs focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
|
|
5910
6024
|
trailing: 'pr-3',
|
|
5911
6025
|
description: 'mt-2 text-sm'
|
|
5912
6026
|
};
|
|
5913
6027
|
var $8d406a8542925512$var$inset = {
|
|
5914
|
-
container: 'rounded-md px-3 pt-2.5 pb-1.5 shadow-
|
|
6028
|
+
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
6029
|
label: 'text-xs',
|
|
5916
6030
|
hint: 'text-xs',
|
|
5917
|
-
input: 'border-0
|
|
6031
|
+
input: 'border-0 ring-0! p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
|
|
5918
6032
|
description: 'hidden'
|
|
5919
6033
|
};
|
|
5920
6034
|
var $8d406a8542925512$var$overlapping = {
|
|
@@ -5922,13 +6036,13 @@ var $8d406a8542925512$var$overlapping = {
|
|
|
5922
6036
|
head: ' absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full',
|
|
5923
6037
|
label: 'inline-block bg-white px-1 text-xs font-medium text-gray-900 ',
|
|
5924
6038
|
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-
|
|
6039
|
+
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
6040
|
description: 'hidden'
|
|
5927
6041
|
};
|
|
5928
6042
|
var $8d406a8542925512$var$pill = {
|
|
5929
6043
|
head: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6',
|
|
5930
6044
|
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-
|
|
6045
|
+
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
6046
|
trailing: 'pr-2',
|
|
5933
6047
|
description: 'text-xs'
|
|
5934
6048
|
};
|
|
@@ -5945,7 +6059,7 @@ var $8d406a8542925512$var$invalid = {
|
|
|
5945
6059
|
description: 'text-sm text-red-600'
|
|
5946
6060
|
};
|
|
5947
6061
|
var $8d406a8542925512$var$disabled = {
|
|
5948
|
-
input: 'block w-full rounded-md border-0 text-gray-900 shadow-
|
|
6062
|
+
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
6063
|
};
|
|
5950
6064
|
var $8d406a8542925512$var$styles = {
|
|
5951
6065
|
base: $8d406a8542925512$var$base,
|
|
@@ -6225,7 +6339,7 @@ var $17bb03e8d27b8746$var$OpeningHourItem = function(props) {
|
|
|
6225
6339
|
className: (0, $622cd2936b18c771$export$4370d69198e9314a)('-mt-2 flex gap-4 items-end', !isCreating && 'opacity-100'),
|
|
6226
6340
|
children: [
|
|
6227
6341
|
(0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
6228
|
-
className:
|
|
6342
|
+
className: (0, $a14a274e5b9e799a$export$2e2bcd8739ae039).selectMenu.container,
|
|
6229
6343
|
children: (0, $iA2ta$reactjsxruntime.jsx)((0, $f3fccf014e1f10d5$export$2e2bcd8739ae039), {
|
|
6230
6344
|
name: "day",
|
|
6231
6345
|
//
|
|
@@ -6392,11 +6506,14 @@ var $17bb03e8d27b8746$export$2e2bcd8739ae039 = $17bb03e8d27b8746$var$OpeningHour
|
|
|
6392
6506
|
|
|
6393
6507
|
var $a14a274e5b9e799a$var$styles = {
|
|
6394
6508
|
container: '',
|
|
6509
|
+
selectMenu: {
|
|
6510
|
+
container: "grow"
|
|
6511
|
+
},
|
|
6395
6512
|
control: {
|
|
6396
6513
|
container: 'flex items-center',
|
|
6397
6514
|
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',
|
|
6515
|
+
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',
|
|
6516
|
+
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
6517
|
sr: 'sr-only'
|
|
6401
6518
|
}
|
|
6402
6519
|
};
|
|
@@ -6428,15 +6545,15 @@ var $3698b0b0dc32c78c$var$normal = {
|
|
|
6428
6545
|
label: 'leading-6 text-sm mb-2',
|
|
6429
6546
|
hint: 'leading-6',
|
|
6430
6547
|
leading: 'pl-3',
|
|
6431
|
-
input: 'rounded-md border-gray-200 shadow-
|
|
6548
|
+
input: 'rounded-md border-gray-200 shadow-xs focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
|
|
6432
6549
|
trailing: 'pr-3',
|
|
6433
6550
|
description: 'mt-2 text-sm'
|
|
6434
6551
|
};
|
|
6435
6552
|
var $3698b0b0dc32c78c$var$inset = {
|
|
6436
|
-
container: 'rounded-md px-3 pt-2.5 pb-1.5 shadow-
|
|
6553
|
+
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
6554
|
label: 'text-xs',
|
|
6438
6555
|
hint: 'text-xs',
|
|
6439
|
-
input: 'border-0
|
|
6556
|
+
input: 'border-0 ring-0! p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
|
|
6440
6557
|
description: 'hidden'
|
|
6441
6558
|
};
|
|
6442
6559
|
var $3698b0b0dc32c78c$var$overlapping = {
|
|
@@ -6444,13 +6561,13 @@ var $3698b0b0dc32c78c$var$overlapping = {
|
|
|
6444
6561
|
head: ' absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full',
|
|
6445
6562
|
label: 'inline-block bg-white px-1 text-xs font-medium text-gray-900 ',
|
|
6446
6563
|
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-
|
|
6564
|
+
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
6565
|
description: 'hidden'
|
|
6449
6566
|
};
|
|
6450
6567
|
var $3698b0b0dc32c78c$var$pill = {
|
|
6451
6568
|
head: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6',
|
|
6452
6569
|
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-
|
|
6570
|
+
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
6571
|
trailing: 'pr-2',
|
|
6455
6572
|
description: 'text-xs'
|
|
6456
6573
|
};
|
|
@@ -6467,7 +6584,7 @@ var $3698b0b0dc32c78c$var$invalid = {
|
|
|
6467
6584
|
description: 'text-sm text-red-600'
|
|
6468
6585
|
};
|
|
6469
6586
|
var $3698b0b0dc32c78c$var$disabled = {
|
|
6470
|
-
input: 'block w-full rounded-md border-0 text-gray-900 shadow-
|
|
6587
|
+
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
6588
|
};
|
|
6472
6589
|
var $3698b0b0dc32c78c$var$styles = {
|
|
6473
6590
|
base: $3698b0b0dc32c78c$var$base,
|
|
@@ -6610,7 +6727,7 @@ var $03b368478cf695f0$var$base = {
|
|
|
6610
6727
|
description: 'text-gray-400 text-xs mt-1',
|
|
6611
6728
|
error: 'text-red-500 text-xs mt-1',
|
|
6612
6729
|
geosuggest: {
|
|
6613
|
-
suggestsClassName: 'absolute w-full z-10 bg-white border border-gray-200 shadow-
|
|
6730
|
+
suggestsClassName: 'absolute w-full z-10 bg-white border border-gray-200 shadow-xs text-sm',
|
|
6614
6731
|
suggestItemClassName: 'px-4 py-2 hover:bg-gray-50 cursor-pointer',
|
|
6615
6732
|
suggestsHiddenClassName: 'hidden'
|
|
6616
6733
|
}
|
|
@@ -6623,15 +6740,15 @@ var $03b368478cf695f0$var$normal = {
|
|
|
6623
6740
|
label: 'leading-6 text-sm mb-2',
|
|
6624
6741
|
hint: 'leading-6',
|
|
6625
6742
|
leading: 'pl-3',
|
|
6626
|
-
input: 'rounded-md border-gray-200 shadow-
|
|
6743
|
+
input: 'rounded-md border-gray-200 shadow-xs focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
|
|
6627
6744
|
trailing: 'pr-3',
|
|
6628
6745
|
description: 'mt-2 text-sm'
|
|
6629
6746
|
};
|
|
6630
6747
|
var $03b368478cf695f0$var$inset = {
|
|
6631
|
-
container: 'rounded-md px-3 pt-2.5 pb-1.5 shadow-
|
|
6748
|
+
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
6749
|
label: 'text-xs',
|
|
6633
6750
|
hint: 'text-xs',
|
|
6634
|
-
input: 'border-0
|
|
6751
|
+
input: 'border-0 ring-0! p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
|
|
6635
6752
|
description: 'hidden'
|
|
6636
6753
|
};
|
|
6637
6754
|
var $03b368478cf695f0$var$overlapping = {
|
|
@@ -6639,13 +6756,13 @@ var $03b368478cf695f0$var$overlapping = {
|
|
|
6639
6756
|
head: ' absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full',
|
|
6640
6757
|
label: 'inline-block bg-white px-1 text-xs font-medium text-gray-900 ',
|
|
6641
6758
|
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-
|
|
6759
|
+
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
6760
|
description: 'hidden'
|
|
6644
6761
|
};
|
|
6645
6762
|
var $03b368478cf695f0$var$pill = {
|
|
6646
6763
|
head: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6',
|
|
6647
6764
|
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-
|
|
6765
|
+
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
6766
|
trailing: 'pr-2',
|
|
6650
6767
|
description: 'text-xs'
|
|
6651
6768
|
};
|
|
@@ -6662,7 +6779,7 @@ var $03b368478cf695f0$var$invalid = {
|
|
|
6662
6779
|
description: 'text-sm text-red-600'
|
|
6663
6780
|
};
|
|
6664
6781
|
var $03b368478cf695f0$var$disabled = {
|
|
6665
|
-
input: 'block w-full rounded-md border-0 text-gray-900 shadow-
|
|
6782
|
+
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
6783
|
};
|
|
6667
6784
|
var $03b368478cf695f0$var$styles = {
|
|
6668
6785
|
base: $03b368478cf695f0$var$base,
|
|
@@ -6874,8 +6991,9 @@ var $5f561ce307b5bbb8$var$useColumnHelpers = function(t) {
|
|
|
6874
6991
|
return "overflow-hidden text-ellipsis ".concat((0, $iA2ta$lodash.get)(sizes, size, ''), " block");
|
|
6875
6992
|
}, []);
|
|
6876
6993
|
var createAccessor = (0, $iA2ta$react.useCallback)(function(key, getCellContent, excelMapper, options) {
|
|
6994
|
+
var _a;
|
|
6877
6995
|
return accessor(key, {
|
|
6878
|
-
header: t("component.form.label.".concat(key)),
|
|
6996
|
+
header: (_a = options === null || options === void 0 ? void 0 : options.header) !== null && _a !== void 0 ? _a : t("component.form.label.".concat(key)),
|
|
6879
6997
|
enableSorting: (0, $iA2ta$lodash.get)(options, 'enableSorting', true),
|
|
6880
6998
|
cell: function(cell) {
|
|
6881
6999
|
return getCellContent(cell, options);
|