@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.esm.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import {jsx as $4MPRY$jsx, jsxs as $4MPRY$jsxs, Fragment as $4MPRY$Fragment} from "react/jsx-runtime";
|
|
2
2
|
import {ArrowPathIcon as $4MPRY$ArrowPathIcon, ChevronDownIcon as $4MPRY$ChevronDownIcon, EllipsisVerticalIcon as $4MPRY$EllipsisVerticalIcon, ExclamationCircleIcon as $4MPRY$ExclamationCircleIcon, ChevronDoubleLeftIcon as $4MPRY$ChevronDoubleLeftIcon, ChevronLeftIcon as $4MPRY$ChevronLeftIcon, ChevronRightIcon as $4MPRY$ChevronRightIcon, ChevronDoubleRightIcon as $4MPRY$ChevronDoubleRightIcon, ChevronUpDownIcon as $4MPRY$ChevronUpDownIcon, ChevronUpIcon as $4MPRY$ChevronUpIcon, HomeIcon as $4MPRY$HomeIcon, ArrowLongLeftIcon as $4MPRY$ArrowLongLeftIcon, ArrowLongRightIcon as $4MPRY$ArrowLongRightIcon} from "@heroicons/react/20/solid";
|
|
3
3
|
import {set as $4MPRY$set, get as $4MPRY$get, isArray as $4MPRY$isArray, map as $4MPRY$map, padStart as $4MPRY$padStart, noop as $4MPRY$noop, toSafeInteger as $4MPRY$toSafeInteger, indexOf as $4MPRY$indexOf, compact as $4MPRY$compact, forEach as $4MPRY$forEach, assign as $4MPRY$assign, includes as $4MPRY$includes, isEmpty as $4MPRY$isEmpty, some as $4MPRY$some, findIndex as $4MPRY$findIndex, last as $4MPRY$last, first as $4MPRY$first, find as $4MPRY$find, concat as $4MPRY$concat, times as $4MPRY$times, pick as $4MPRY$pick, isNil as $4MPRY$isNil, intersection as $4MPRY$intersection, trim as $4MPRY$trim, lastIndexOf as $4MPRY$lastIndexOf} from "lodash";
|
|
4
|
-
import $4MPRY$react, {useState as $4MPRY$useState, useMemo as $4MPRY$useMemo, useRef as $4MPRY$useRef, Children as $4MPRY$Children, Fragment as $4MPRY$Fragment1,
|
|
4
|
+
import $4MPRY$react, {useState as $4MPRY$useState, useMemo as $4MPRY$useMemo, useRef as $4MPRY$useRef, Children as $4MPRY$Children, Fragment as $4MPRY$Fragment1, useCallback as $4MPRY$useCallback, useEffect as $4MPRY$useEffect} from "react";
|
|
5
5
|
import $4MPRY$lodashget from "lodash/get";
|
|
6
6
|
import {library as $4MPRY$library} from "@fortawesome/fontawesome-svg-core";
|
|
7
7
|
import {fab as $4MPRY$fab} from "@fortawesome/free-brands-svg-icons";
|
|
@@ -14,7 +14,7 @@ import {useFloating as $4MPRY$useFloating, offset as $4MPRY$offset, flip as $4MP
|
|
|
14
14
|
import {Menu as $4MPRY$Menu, MenuButton as $4MPRY$MenuButton, Transition as $4MPRY$Transition, MenuItems as $4MPRY$MenuItems, Dialog as $4MPRY$Dialog, Popover as $4MPRY$Popover, PopoverButton as $4MPRY$PopoverButton, PopoverPanel as $4MPRY$PopoverPanel, Switch as $4MPRY$Switch} from "@headlessui/react";
|
|
15
15
|
import {useMask as $4MPRY$useMask} from "@react-input/mask";
|
|
16
16
|
import {ViewColumnsIcon as $4MPRY$ViewColumnsIcon, ChevronDownIcon as $4MPRY$ChevronDownIcon1, TableCellsIcon as $4MPRY$TableCellsIcon, XMarkIcon as $4MPRY$XMarkIcon, PlusIcon as $4MPRY$PlusIcon} from "@heroicons/react/24/outline";
|
|
17
|
-
import {useReactTable as $4MPRY$useReactTable, getCoreRowModel as $4MPRY$getCoreRowModel, flexRender as $4MPRY$flexRender, createColumnHelper as $4MPRY$createColumnHelper} from "@tanstack/react-table";
|
|
17
|
+
import {useReactTable as $4MPRY$useReactTable, getCoreRowModel as $4MPRY$getCoreRowModel, flexRender as $4MPRY$flexRender, getExpandedRowModel as $4MPRY$getExpandedRowModel, getGroupedRowModel as $4MPRY$getGroupedRowModel, createColumnHelper as $4MPRY$createColumnHelper} from "@tanstack/react-table";
|
|
18
18
|
import $4MPRY$reacttailwindcssselect from "react-tailwindcss-select";
|
|
19
19
|
import {utils as $4MPRY$utils, writeFile as $4MPRY$writeFile} from "xlsx";
|
|
20
20
|
import {useSensors as $4MPRY$useSensors, useSensor as $4MPRY$useSensor, MouseSensor as $4MPRY$MouseSensor, TouchSensor as $4MPRY$TouchSensor, KeyboardSensor as $4MPRY$KeyboardSensor, DndContext as $4MPRY$DndContext, closestCenter as $4MPRY$closestCenter} from "@dnd-kit/core";
|
|
@@ -149,7 +149,7 @@ var $b3fc44f26b625a32$export$e2d2075c69d9100d = function(object) {
|
|
|
149
149
|
|
|
150
150
|
var $8c8429f872d72c06$var$base = {
|
|
151
151
|
loading: 'relative overflow-hidden bg-gray-50 flex items-center justify-center',
|
|
152
|
-
spinner: '
|
|
152
|
+
spinner: 'animate-spin text-gray-400',
|
|
153
153
|
empty: 'inline-block relative overflow-hidden bg-gray-50 text-red-400',
|
|
154
154
|
placeholder: 'relative inline-flex items-center justify-center bg-gray-500',
|
|
155
155
|
container: 'inline-block bg-gray-100 bg-cover bg-center',
|
|
@@ -157,7 +157,7 @@ var $8c8429f872d72c06$var$base = {
|
|
|
157
157
|
};
|
|
158
158
|
var $8c8429f872d72c06$var$xs = {
|
|
159
159
|
loading: 'h-6 w-6',
|
|
160
|
-
spinner: 'h-
|
|
160
|
+
spinner: 'h-3 w-3 ',
|
|
161
161
|
empty: 'h-6 w-6',
|
|
162
162
|
placeholder: 'h-6 w-6',
|
|
163
163
|
container: 'h-6 w-6',
|
|
@@ -165,7 +165,7 @@ var $8c8429f872d72c06$var$xs = {
|
|
|
165
165
|
};
|
|
166
166
|
var $8c8429f872d72c06$var$sm = {
|
|
167
167
|
loading: 'h-8 w-8',
|
|
168
|
-
spinner: 'h-
|
|
168
|
+
spinner: 'h-5 w-5',
|
|
169
169
|
empty: 'h-8 w-8',
|
|
170
170
|
placeholder: 'h-8 w-8',
|
|
171
171
|
container: 'h-8 w-8',
|
|
@@ -173,7 +173,7 @@ var $8c8429f872d72c06$var$sm = {
|
|
|
173
173
|
};
|
|
174
174
|
var $8c8429f872d72c06$var$md = {
|
|
175
175
|
loading: 'h-10 w-10',
|
|
176
|
-
spinner: 'h-
|
|
176
|
+
spinner: 'h-7 w-7',
|
|
177
177
|
empty: 'h-10 w-10',
|
|
178
178
|
placeholder: 'h-10 w-10',
|
|
179
179
|
container: 'h-10 w-10',
|
|
@@ -181,7 +181,7 @@ var $8c8429f872d72c06$var$md = {
|
|
|
181
181
|
};
|
|
182
182
|
var $8c8429f872d72c06$var$lg = {
|
|
183
183
|
loading: 'h-12 w-12',
|
|
184
|
-
spinner: 'h-
|
|
184
|
+
spinner: 'h-8 w-8',
|
|
185
185
|
empty: 'h-12 w-12',
|
|
186
186
|
placeholder: 'h-12 w-12',
|
|
187
187
|
container: 'h-12 w-12',
|
|
@@ -189,7 +189,7 @@ var $8c8429f872d72c06$var$lg = {
|
|
|
189
189
|
};
|
|
190
190
|
var $8c8429f872d72c06$var$xl = {
|
|
191
191
|
loading: 'h-14 w-14',
|
|
192
|
-
spinner: 'h-
|
|
192
|
+
spinner: 'h-10 w-10',
|
|
193
193
|
empty: 'h-14 w-14',
|
|
194
194
|
placeholder: 'h-14 w-14',
|
|
195
195
|
container: 'h-14 w-14',
|
|
@@ -403,15 +403,15 @@ var $77cd4416ca4a0639$export$2e2bcd8739ae039 = $77cd4416ca4a0639$var$IconElement
|
|
|
403
403
|
|
|
404
404
|
|
|
405
405
|
var $a8e9e4c588ab42de$var$base = {
|
|
406
|
-
container: 'rounded-
|
|
406
|
+
container: 'rounded-xs p-4 border-l-4',
|
|
407
407
|
icon: 'h-5 w-5',
|
|
408
408
|
content: {
|
|
409
409
|
container: 'ml-3 flex-1 md:flex md:justify-between ease-in-out transition-transform h-full items-center',
|
|
410
|
-
iconContainer: '
|
|
410
|
+
iconContainer: 'shrink-0',
|
|
411
411
|
title: 'text-md font-semibold',
|
|
412
412
|
message: 'text-sm',
|
|
413
413
|
actions: 'flex gap-2',
|
|
414
|
-
action: 'h-5 w-5
|
|
414
|
+
action: 'h-5 w-5 p-0! hover:opacity-60 cursor-pointer',
|
|
415
415
|
inverted: 'rotate-180'
|
|
416
416
|
}
|
|
417
417
|
};
|
|
@@ -567,7 +567,7 @@ var $9a29d5e0e3b54abe$export$2e2bcd8739ae039 = $9a29d5e0e3b54abe$var$AlertElemen
|
|
|
567
567
|
var $0b2d04c7befe535a$var$base = {
|
|
568
568
|
container: 'inline-flex items-center font-medium py-0.5',
|
|
569
569
|
indicator: '',
|
|
570
|
-
button: '
|
|
570
|
+
button: 'shrink-0 ml-0.5 h-4 w-4 rounded-full inline-flex items-center justify-center focus:text-white focus:outline-hidden'
|
|
571
571
|
};
|
|
572
572
|
var $0b2d04c7befe535a$var$normal = {
|
|
573
573
|
container: 'px-2.5'
|
|
@@ -579,7 +579,7 @@ var $0b2d04c7befe535a$var$close = {
|
|
|
579
579
|
container: 'pl-2.5 pr-1'
|
|
580
580
|
};
|
|
581
581
|
var $0b2d04c7befe535a$var$primary = {
|
|
582
|
-
container: "shadow-
|
|
582
|
+
container: "shadow-xs text-white bg-primary-600 hover:bg-primary-700"
|
|
583
583
|
};
|
|
584
584
|
var $0b2d04c7befe535a$var$secondary = {
|
|
585
585
|
container: "shadow-none text-primary-700 bg-primary-100 hover:bg-primary-200"
|
|
@@ -629,7 +629,7 @@ var $0b2d04c7befe535a$var$blue = {
|
|
|
629
629
|
var $0b2d04c7befe535a$var$indigo = {
|
|
630
630
|
container: 'bg-primary-100 text-primary-800',
|
|
631
631
|
indicator: 'text-primary-400',
|
|
632
|
-
button: 'text-primary-400 hover:bg-primary-200 hover:text-primary-500 focus:outline-
|
|
632
|
+
button: 'text-primary-400 hover:bg-primary-200 hover:text-primary-500 focus:outline-hidden focus:bg-primary-500'
|
|
633
633
|
};
|
|
634
634
|
var $0b2d04c7befe535a$var$purple = {
|
|
635
635
|
container: 'bg-purple-100 text-purple-800',
|
|
@@ -750,7 +750,7 @@ var $a5045567c9b3a96e$export$2e2bcd8739ae039 = $a5045567c9b3a96e$var$BadgeElemen
|
|
|
750
750
|
|
|
751
751
|
var $1cab1d6bde3e8d5f$var$base = {
|
|
752
752
|
container: 'w-fit h-fit relative group/tooltip',
|
|
753
|
-
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-
|
|
753
|
+
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',
|
|
754
754
|
arrow: {
|
|
755
755
|
stroke: '#e5e7eb',
|
|
756
756
|
fill: 'white',
|
|
@@ -861,13 +861,13 @@ var $b237e6d2d86a5c92$export$2e2bcd8739ae039 = $b237e6d2d86a5c92$var$TooltipElem
|
|
|
861
861
|
|
|
862
862
|
|
|
863
863
|
var $67205466403f8c2c$var$base = {
|
|
864
|
-
container: 'inline-flex items-center border border-transparent font-medium focus:outline-
|
|
864
|
+
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',
|
|
865
865
|
content: 'flex gap-2',
|
|
866
866
|
icon: '',
|
|
867
867
|
spinner: 'animate-spin'
|
|
868
868
|
};
|
|
869
869
|
var $67205466403f8c2c$var$primary = {
|
|
870
|
-
container: "shadow-
|
|
870
|
+
container: "shadow-xs text-white bg-primary-600 hover:bg-primary-700"
|
|
871
871
|
};
|
|
872
872
|
var $67205466403f8c2c$var$secondary = {
|
|
873
873
|
container: "shadow-none text-primary-700 bg-primary-100 hover:bg-primary-200"
|
|
@@ -902,15 +902,15 @@ var $67205466403f8c2c$var$loading = {
|
|
|
902
902
|
content: 'flex items-center'
|
|
903
903
|
};
|
|
904
904
|
var $67205466403f8c2c$var$success = {
|
|
905
|
-
container: '
|
|
905
|
+
container: 'bg-emerald-500! hover:bg-emerald-600 text-white! duration-300',
|
|
906
906
|
content: 'flex items-center'
|
|
907
907
|
};
|
|
908
908
|
var $67205466403f8c2c$var$error = {
|
|
909
|
-
container: 'bg-rose-400 hover:bg-rose-500
|
|
909
|
+
container: 'bg-rose-400 hover:bg-rose-500 text-white! duration-300',
|
|
910
910
|
content: 'flex items-center'
|
|
911
911
|
};
|
|
912
912
|
var $67205466403f8c2c$var$disabled = {
|
|
913
|
-
container: '
|
|
913
|
+
container: 'opacity-20! cursor-not-allowed!'
|
|
914
914
|
};
|
|
915
915
|
var $67205466403f8c2c$var$styles = {
|
|
916
916
|
base: $67205466403f8c2c$var$base,
|
|
@@ -1007,10 +1007,10 @@ var $bc407adcad543f74$export$2e2bcd8739ae039 = $bc407adcad543f74$var$ButtonEleme
|
|
|
1007
1007
|
|
|
1008
1008
|
|
|
1009
1009
|
var $0d9883a5deceb7f9$var$base = {
|
|
1010
|
-
container: 'relative z-0 inline-flex shadow-
|
|
1011
|
-
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-
|
|
1012
|
-
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-
|
|
1013
|
-
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-
|
|
1010
|
+
container: 'relative z-0 inline-flex shadow-xs rounded-md',
|
|
1011
|
+
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',
|
|
1012
|
+
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',
|
|
1013
|
+
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'
|
|
1014
1014
|
};
|
|
1015
1015
|
var $0d9883a5deceb7f9$var$styles = {
|
|
1016
1016
|
base: $0d9883a5deceb7f9$var$base
|
|
@@ -1056,10 +1056,10 @@ var $c827cec2b56530a4$export$2e2bcd8739ae039 = $c827cec2b56530a4$var$ButtonGroup
|
|
|
1056
1056
|
|
|
1057
1057
|
var $dbe7e68c049007c5$var$base = {
|
|
1058
1058
|
container: 'inline-block text-left',
|
|
1059
|
-
button: 'inline-flex justify-center w-full rounded-md border border-gray-300 shadow-
|
|
1060
|
-
compact: 'bg-gray-100 rounded-full flex items-center text-gray-400 hover:text-gray-600 focus:outline-
|
|
1059
|
+
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',
|
|
1060
|
+
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',
|
|
1061
1061
|
dots: 'h-7 w-7 p-1',
|
|
1062
|
-
items: 'z-10 absolute mt-2 w-56 rounded-md shadow-lg bg-white ring-1 ring-black
|
|
1062
|
+
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'
|
|
1063
1063
|
};
|
|
1064
1064
|
var $dbe7e68c049007c5$var$button = {};
|
|
1065
1065
|
var $dbe7e68c049007c5$var$compact = {};
|
|
@@ -1075,6 +1075,10 @@ var $dbe7e68c049007c5$var$topLeft = {
|
|
|
1075
1075
|
var $dbe7e68c049007c5$var$topRight = {
|
|
1076
1076
|
items: 'origin-bottom-left left-0 bottom-0'
|
|
1077
1077
|
};
|
|
1078
|
+
var $dbe7e68c049007c5$var$disabled = {
|
|
1079
|
+
button: 'opacity-50 cursor-not-allowed',
|
|
1080
|
+
compact: 'opacity-50 cursor-not-allowed'
|
|
1081
|
+
};
|
|
1078
1082
|
var $dbe7e68c049007c5$var$styles = {
|
|
1079
1083
|
base: $dbe7e68c049007c5$var$base,
|
|
1080
1084
|
button: $dbe7e68c049007c5$var$button,
|
|
@@ -1082,18 +1086,19 @@ var $dbe7e68c049007c5$var$styles = {
|
|
|
1082
1086
|
'bottom-left': $dbe7e68c049007c5$var$bottomLeft,
|
|
1083
1087
|
'bottom-right': $dbe7e68c049007c5$var$bottomRight,
|
|
1084
1088
|
'top-left': $dbe7e68c049007c5$var$topLeft,
|
|
1085
|
-
'top-right': $dbe7e68c049007c5$var$topRight
|
|
1089
|
+
'top-right': $dbe7e68c049007c5$var$topRight,
|
|
1090
|
+
disabled: $dbe7e68c049007c5$var$disabled
|
|
1086
1091
|
};
|
|
1087
1092
|
var $dbe7e68c049007c5$export$2e2bcd8739ae039 = $dbe7e68c049007c5$var$styles;
|
|
1088
1093
|
|
|
1089
1094
|
|
|
1090
1095
|
var $edc4ba41affb9483$var$Container = function(props) {
|
|
1091
|
-
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.
|
|
1096
|
+
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;
|
|
1092
1097
|
var handleGenerateStyle = function() {
|
|
1093
1098
|
var result = (0, $b3fc44f26b625a32$export$e2d2075c69d9100d)((0, $dbe7e68c049007c5$export$2e2bcd8739ae039).base);
|
|
1094
1099
|
var keys = (0, $ba1db6dce71c3f25$export$be5d6ab3c5b84767)((0, $dbe7e68c049007c5$export$2e2bcd8739ae039).base);
|
|
1095
1100
|
keys.forEach(function(key) {
|
|
1096
|
-
(0, $4MPRY$set)(result, key, (0, $66c3dcaaa74b5389$export$4370d69198e9314a)((0, $4MPRY$get)((0, $dbe7e68c049007c5$export$2e2bcd8739ae039).base, key), type && (0, $4MPRY$get)((0, $dbe7e68c049007c5$export$2e2bcd8739ae039)[type], key), (0, $4MPRY$get)(stylesOverrides, key)));
|
|
1101
|
+
(0, $4MPRY$set)(result, key, (0, $66c3dcaaa74b5389$export$4370d69198e9314a)((0, $4MPRY$get)((0, $dbe7e68c049007c5$export$2e2bcd8739ae039).base, key), type && (0, $4MPRY$get)((0, $dbe7e68c049007c5$export$2e2bcd8739ae039)[type], key), isDisabled && (0, $4MPRY$get)((0, $dbe7e68c049007c5$export$2e2bcd8739ae039).disabled, key), (0, $4MPRY$get)(stylesOverrides, key)));
|
|
1097
1102
|
});
|
|
1098
1103
|
return result;
|
|
1099
1104
|
};
|
|
@@ -1105,6 +1110,7 @@ var $edc4ba41affb9483$var$Container = function(props) {
|
|
|
1105
1110
|
(0, $4MPRY$jsxs)("div", {
|
|
1106
1111
|
children: [
|
|
1107
1112
|
type === 'button' && (!trigger ? (0, $4MPRY$jsxs)((0, $4MPRY$MenuButton), {
|
|
1113
|
+
disabled: isDisabled,
|
|
1108
1114
|
className: styles.button,
|
|
1109
1115
|
"data-cy": dataCy,
|
|
1110
1116
|
children: [
|
|
@@ -1115,10 +1121,12 @@ var $edc4ba41affb9483$var$Container = function(props) {
|
|
|
1115
1121
|
})
|
|
1116
1122
|
]
|
|
1117
1123
|
}) : (0, $4MPRY$jsx)((0, $4MPRY$MenuButton), {
|
|
1124
|
+
disabled: isDisabled,
|
|
1118
1125
|
"data-cy": dataCy,
|
|
1119
1126
|
children: trigger
|
|
1120
1127
|
})),
|
|
1121
1128
|
type === 'compact' && (0, $4MPRY$jsxs)((0, $4MPRY$MenuButton), {
|
|
1129
|
+
disabled: isDisabled,
|
|
1122
1130
|
className: styles.compact,
|
|
1123
1131
|
"data-cy": dataCy,
|
|
1124
1132
|
children: [
|
|
@@ -1162,6 +1170,71 @@ var $edc4ba41affb9483$export$2e2bcd8739ae039 = $edc4ba41affb9483$var$DropdownEle
|
|
|
1162
1170
|
|
|
1163
1171
|
|
|
1164
1172
|
|
|
1173
|
+
var $e232a6b2cab2558f$var$styles = {
|
|
1174
|
+
container: '',
|
|
1175
|
+
icon: {
|
|
1176
|
+
container: 'w-4 h-4 flex ease-in-out duration-300',
|
|
1177
|
+
rotate: 'transform rotate-90',
|
|
1178
|
+
svg: 'w-4 h-4 flex'
|
|
1179
|
+
}
|
|
1180
|
+
};
|
|
1181
|
+
var $e232a6b2cab2558f$export$2e2bcd8739ae039 = $e232a6b2cab2558f$var$styles;
|
|
1182
|
+
|
|
1183
|
+
|
|
1184
|
+
|
|
1185
|
+
|
|
1186
|
+
|
|
1187
|
+
|
|
1188
|
+
var $307aa6ad38171d38$var$RotatingIcon = function(_a) {
|
|
1189
|
+
var isVisible = _a.isVisible, styles = _a.styles;
|
|
1190
|
+
return (0, $4MPRY$jsx)("div", {
|
|
1191
|
+
className: styles.icon.container,
|
|
1192
|
+
children: (0, $4MPRY$jsx)((0, $77cd4416ca4a0639$export$2e2bcd8739ae039), {
|
|
1193
|
+
className: styles.icon.svg,
|
|
1194
|
+
accessor: "chevron-right"
|
|
1195
|
+
})
|
|
1196
|
+
});
|
|
1197
|
+
};
|
|
1198
|
+
var $307aa6ad38171d38$var$Collapsible = function(props) {
|
|
1199
|
+
var children = props.children, _a = props.isDefaultOpen, isDefaultOpen = _a === void 0 ? false : _a, trigger = props.trigger, stylesOverrides = props.styles;
|
|
1200
|
+
var _b = (0, $4MPRY$useState)(isDefaultOpen), isVisible = _b[0], setIsVisible = _b[1];
|
|
1201
|
+
var handleToggle = (0, $4MPRY$useCallback)(function() {
|
|
1202
|
+
return setIsVisible(function(visibility) {
|
|
1203
|
+
return !visibility;
|
|
1204
|
+
});
|
|
1205
|
+
}, []);
|
|
1206
|
+
var handleGenerateStyle = function() {
|
|
1207
|
+
var result = (0, $b3fc44f26b625a32$export$e2d2075c69d9100d)((0, $e232a6b2cab2558f$export$2e2bcd8739ae039));
|
|
1208
|
+
var keys = (0, $ba1db6dce71c3f25$export$be5d6ab3c5b84767)((0, $e232a6b2cab2558f$export$2e2bcd8739ae039));
|
|
1209
|
+
keys.forEach(function(key) {
|
|
1210
|
+
(0, $4MPRY$set)(result, key, (0, $66c3dcaaa74b5389$export$4370d69198e9314a)((0, $4MPRY$get)((0, $e232a6b2cab2558f$export$2e2bcd8739ae039), key), isVisible && key.includes('icon.container') && (0, $e232a6b2cab2558f$export$2e2bcd8739ae039).icon.rotate, (0, $4MPRY$get)(stylesOverrides, key)));
|
|
1211
|
+
});
|
|
1212
|
+
return result;
|
|
1213
|
+
};
|
|
1214
|
+
var styles = handleGenerateStyle();
|
|
1215
|
+
return (0, $4MPRY$jsxs)("div", {
|
|
1216
|
+
className: styles.container,
|
|
1217
|
+
children: [
|
|
1218
|
+
trigger({
|
|
1219
|
+
handleToggle: handleToggle,
|
|
1220
|
+
rotatingIcon: (0, $4MPRY$jsx)($307aa6ad38171d38$var$RotatingIcon, {
|
|
1221
|
+
isVisible: isVisible,
|
|
1222
|
+
styles: styles
|
|
1223
|
+
}),
|
|
1224
|
+
isVisible: isVisible
|
|
1225
|
+
}),
|
|
1226
|
+
isVisible && (0, $4MPRY$jsx)("div", {
|
|
1227
|
+
children: children
|
|
1228
|
+
})
|
|
1229
|
+
]
|
|
1230
|
+
});
|
|
1231
|
+
};
|
|
1232
|
+
var $307aa6ad38171d38$export$2e2bcd8739ae039 = $307aa6ad38171d38$var$Collapsible;
|
|
1233
|
+
|
|
1234
|
+
|
|
1235
|
+
|
|
1236
|
+
|
|
1237
|
+
|
|
1165
1238
|
|
|
1166
1239
|
|
|
1167
1240
|
|
|
@@ -1189,15 +1262,15 @@ var $0249406a6f5edb4d$var$normal = {
|
|
|
1189
1262
|
label: 'leading-6 text-sm mb-2',
|
|
1190
1263
|
hint: 'leading-6',
|
|
1191
1264
|
leading: 'pl-3',
|
|
1192
|
-
input: 'rounded-md border-gray-200 shadow-
|
|
1265
|
+
input: 'rounded-md border-gray-200 shadow-xs focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
|
|
1193
1266
|
trailing: 'pr-3',
|
|
1194
1267
|
description: 'mt-2 text-sm'
|
|
1195
1268
|
};
|
|
1196
1269
|
var $0249406a6f5edb4d$var$inset = {
|
|
1197
|
-
container: 'rounded-md px-3 pt-2.5 pb-1.5 shadow-
|
|
1270
|
+
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',
|
|
1198
1271
|
label: 'text-xs',
|
|
1199
1272
|
hint: 'text-xs',
|
|
1200
|
-
input: 'border-0
|
|
1273
|
+
input: 'border-0 ring-0! p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
|
|
1201
1274
|
description: 'hidden'
|
|
1202
1275
|
};
|
|
1203
1276
|
var $0249406a6f5edb4d$var$overlapping = {
|
|
@@ -1205,13 +1278,13 @@ var $0249406a6f5edb4d$var$overlapping = {
|
|
|
1205
1278
|
head: ' absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full',
|
|
1206
1279
|
label: 'inline-block bg-white px-1 text-xs font-medium text-gray-900 ',
|
|
1207
1280
|
hint: 'text-xs mr-4 bg-white px-1',
|
|
1208
|
-
input: 'block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-
|
|
1281
|
+
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',
|
|
1209
1282
|
description: 'hidden'
|
|
1210
1283
|
};
|
|
1211
1284
|
var $0249406a6f5edb4d$var$pill = {
|
|
1212
1285
|
head: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6',
|
|
1213
1286
|
foot: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mt-1 pr-6',
|
|
1214
|
-
input: 'block w-full rounded-full border-0 px-4 py-1.5 text-gray-900 shadow-
|
|
1287
|
+
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',
|
|
1215
1288
|
trailing: 'pr-2',
|
|
1216
1289
|
description: 'text-xs'
|
|
1217
1290
|
};
|
|
@@ -1228,7 +1301,7 @@ var $0249406a6f5edb4d$var$invalid = {
|
|
|
1228
1301
|
description: 'text-sm text-red-600'
|
|
1229
1302
|
};
|
|
1230
1303
|
var $0249406a6f5edb4d$var$disabled = {
|
|
1231
|
-
input: 'block w-full rounded-md border-0 text-gray-900 shadow-
|
|
1304
|
+
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'
|
|
1232
1305
|
};
|
|
1233
1306
|
var $0249406a6f5edb4d$var$styles = {
|
|
1234
1307
|
base: $0249406a6f5edb4d$var$base,
|
|
@@ -1314,7 +1387,7 @@ var $7b4ae85c2b92d7dd$var$InputGroupForm = function(props) {
|
|
|
1314
1387
|
name: name,
|
|
1315
1388
|
id: name,
|
|
1316
1389
|
"data-cy": inputDataCy,
|
|
1317
|
-
className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.input, htmlType === 'color' && '
|
|
1390
|
+
className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.input, htmlType === 'color' && 'h-10!'),
|
|
1318
1391
|
placeholder: placeholder,
|
|
1319
1392
|
defaultValue: isSolo ? value : undefined,
|
|
1320
1393
|
value: isSolo ? undefined : value,
|
|
@@ -1552,22 +1625,22 @@ var $0dc9d1b1691a48fd$var$fillSticky = {
|
|
|
1552
1625
|
item: 'px-4 py-4 sm:px-0'
|
|
1553
1626
|
};
|
|
1554
1627
|
var $0dc9d1b1691a48fd$var$center = {
|
|
1555
|
-
container: 'bg-white shadow overflow-hidden rounded-md',
|
|
1628
|
+
container: 'bg-white shadow-sm overflow-hidden rounded-md',
|
|
1556
1629
|
list: 'divide-y divide-gray-200',
|
|
1557
1630
|
item: 'px-6 py-4'
|
|
1558
1631
|
};
|
|
1559
1632
|
var $0dc9d1b1691a48fd$var$centerSticky = {
|
|
1560
|
-
container: 'bg-white shadow overflow-hidden sm:rounded-md',
|
|
1633
|
+
container: 'bg-white shadow-sm overflow-hidden sm:rounded-md',
|
|
1561
1634
|
list: 'divide-y divide-gray-200',
|
|
1562
1635
|
item: 'px-4 py-4 sm:px-6'
|
|
1563
1636
|
};
|
|
1564
1637
|
var $0dc9d1b1691a48fd$var$card = {
|
|
1565
1638
|
list: 'space-y-3',
|
|
1566
|
-
item: 'bg-white shadow overflow-hidden rounded-md px-6 py-4'
|
|
1639
|
+
item: 'bg-white shadow-sm overflow-hidden rounded-md px-6 py-4'
|
|
1567
1640
|
};
|
|
1568
1641
|
var $0dc9d1b1691a48fd$var$cardSticky = {
|
|
1569
1642
|
list: 'space-y-3',
|
|
1570
|
-
item: 'bg-white shadow overflow-hidden px-4 py-4 sm:px-6 sm:rounded-md'
|
|
1643
|
+
item: 'bg-white shadow-sm overflow-hidden px-4 py-4 sm:px-6 sm:rounded-md'
|
|
1571
1644
|
};
|
|
1572
1645
|
var $0dc9d1b1691a48fd$var$styles = {
|
|
1573
1646
|
base: $0dc9d1b1691a48fd$var$base,
|
|
@@ -1617,7 +1690,7 @@ var $40af42a6ff486398$export$2e2bcd8739ae039 = $40af42a6ff486398$var$ListContain
|
|
|
1617
1690
|
|
|
1618
1691
|
var $195ca578a80f15e9$var$base = {
|
|
1619
1692
|
container: '',
|
|
1620
|
-
figure: 'mr-4
|
|
1693
|
+
figure: 'mr-4 shrink-0',
|
|
1621
1694
|
svg: 'h-16 w-16 border border-gray-300 bg-white text-gray-300',
|
|
1622
1695
|
title: 'text-lg font-bold',
|
|
1623
1696
|
paragraph: 'mt-1'
|
|
@@ -1751,7 +1824,7 @@ var $d8086708b0fe8d97$export$2e2bcd8739ae039 = $d8086708b0fe8d97$var$MediaObject
|
|
|
1751
1824
|
|
|
1752
1825
|
|
|
1753
1826
|
var $6608476f62547c9b$var$base = {
|
|
1754
|
-
container: 'bg-white overflow-hidden shadow',
|
|
1827
|
+
container: 'bg-white overflow-hidden shadow-sm',
|
|
1755
1828
|
section: 'px-4 py-5 sm:px-6'
|
|
1756
1829
|
};
|
|
1757
1830
|
var $6608476f62547c9b$var$normal = {
|
|
@@ -1843,16 +1916,16 @@ var $9ff97c477ac85f31$var$base = {
|
|
|
1843
1916
|
leading: 'pointer-events-none absolute inset-y-0 left-0 flex items-center',
|
|
1844
1917
|
input: 'block w-full flex border',
|
|
1845
1918
|
menuButton: '',
|
|
1846
|
-
menu: 'z-10
|
|
1847
|
-
tagItem: 'bg-gray-200 px-2 py-1 flex flex-row gap-x-1 items-center justify-between rounded-
|
|
1919
|
+
menu: 'z-10 px-0! py-0! w-full! rounded-md overflow-hidden border mt-1! absolute bg-white',
|
|
1920
|
+
tagItem: 'bg-gray-200 px-2 py-1 flex flex-row gap-x-1 items-center justify-between rounded-xs',
|
|
1848
1921
|
tagItemText: 'text-xs',
|
|
1849
|
-
tagItemIconContainer: '
|
|
1922
|
+
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',
|
|
1850
1923
|
tagItemIcon: '',
|
|
1851
|
-
list: '
|
|
1924
|
+
list: 'px-0! w-full! *:px-0 max-h-56 overflow-scroll py-1!',
|
|
1852
1925
|
listGroupLabel: '',
|
|
1853
|
-
listItem: '
|
|
1926
|
+
listItem: 'w-full! list-none! hover:bg-primary-500 hover:text-white py-2! px-2!',
|
|
1854
1927
|
listDisabledItem: '',
|
|
1855
|
-
searchContainer: '
|
|
1928
|
+
searchContainer: 'w-full! px-2! py-2! border-b',
|
|
1856
1929
|
searchBox: '',
|
|
1857
1930
|
searchIcon: '',
|
|
1858
1931
|
closeIcon: '',
|
|
@@ -1869,15 +1942,15 @@ var $9ff97c477ac85f31$var$normal = {
|
|
|
1869
1942
|
label: 'leading-6 text-sm mb-2',
|
|
1870
1943
|
hint: 'leading-6',
|
|
1871
1944
|
leading: 'pl-3',
|
|
1872
|
-
input: 'rounded-md border-gray-200 shadow-
|
|
1945
|
+
input: 'rounded-md border-gray-200 shadow-xs focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
|
|
1873
1946
|
trailing: '',
|
|
1874
1947
|
description: 'mt-2 text-sm'
|
|
1875
1948
|
};
|
|
1876
1949
|
var $9ff97c477ac85f31$var$inset = {
|
|
1877
|
-
container: 'rounded-md px-3 pt-2.5 pb-1.5 shadow-
|
|
1950
|
+
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',
|
|
1878
1951
|
label: 'text-xs',
|
|
1879
1952
|
hint: 'text-xs',
|
|
1880
|
-
input: 'border-0
|
|
1953
|
+
input: 'border-0 ring-0! p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
|
|
1881
1954
|
description: 'hidden'
|
|
1882
1955
|
};
|
|
1883
1956
|
var $9ff97c477ac85f31$var$overlapping = {
|
|
@@ -1885,13 +1958,13 @@ var $9ff97c477ac85f31$var$overlapping = {
|
|
|
1885
1958
|
head: ' absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full',
|
|
1886
1959
|
label: 'inline-block bg-white px-1 text-xs font-medium text-gray-900 ',
|
|
1887
1960
|
hint: 'text-xs mr-4 bg-white px-1',
|
|
1888
|
-
input: 'block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-
|
|
1961
|
+
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',
|
|
1889
1962
|
description: 'hidden'
|
|
1890
1963
|
};
|
|
1891
1964
|
var $9ff97c477ac85f31$var$pill = {
|
|
1892
1965
|
head: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6',
|
|
1893
1966
|
foot: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mt-1 pr-6',
|
|
1894
|
-
input: 'block w-full rounded-full border-0 px-4 py-1.5 text-gray-900 shadow-
|
|
1967
|
+
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',
|
|
1895
1968
|
trailing: 'pr-2',
|
|
1896
1969
|
description: 'text-xs'
|
|
1897
1970
|
};
|
|
@@ -1908,7 +1981,7 @@ var $9ff97c477ac85f31$var$invalid = {
|
|
|
1908
1981
|
description: 'text-sm text-red-600'
|
|
1909
1982
|
};
|
|
1910
1983
|
var $9ff97c477ac85f31$var$disabled = {
|
|
1911
|
-
input: 'block w-full rounded-md border-0 text-gray-900 shadow-
|
|
1984
|
+
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'
|
|
1912
1985
|
};
|
|
1913
1986
|
var $9ff97c477ac85f31$var$styles = {
|
|
1914
1987
|
base: $9ff97c477ac85f31$var$base,
|
|
@@ -2016,7 +2089,7 @@ var $40038b27a5148d69$var$SelectMenuForm = function(props) {
|
|
|
2016
2089
|
//
|
|
2017
2090
|
classNames: {
|
|
2018
2091
|
menuButton: function() {
|
|
2019
|
-
return (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.input, state === null && '
|
|
2092
|
+
return (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.input, state === null && '*:text-gray-300! ', state === null && !isValid && isTouched && '*:text-red-300!');
|
|
2020
2093
|
},
|
|
2021
2094
|
menu: styles.menu,
|
|
2022
2095
|
tagItem: function() {
|
|
@@ -2077,7 +2150,7 @@ var $e3009f3eac14483c$var$base = {
|
|
|
2077
2150
|
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',
|
|
2078
2151
|
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',
|
|
2079
2152
|
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',
|
|
2080
|
-
navigation: 'isolate inline-flex -space-x-px rounded-md shadow-
|
|
2153
|
+
navigation: 'isolate inline-flex -space-x-px rounded-md shadow-xs'
|
|
2081
2154
|
},
|
|
2082
2155
|
button: {
|
|
2083
2156
|
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',
|
|
@@ -2087,7 +2160,7 @@ var $e3009f3eac14483c$var$base = {
|
|
|
2087
2160
|
divider: 'relative inline-flex items-center border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-500',
|
|
2088
2161
|
label: 'sr-only',
|
|
2089
2162
|
icon: 'w-5 h-5',
|
|
2090
|
-
pageSizeList: '
|
|
2163
|
+
pageSizeList: 'overflow-hidden!'
|
|
2091
2164
|
};
|
|
2092
2165
|
var $e3009f3eac14483c$var$styles = {
|
|
2093
2166
|
base: $e3009f3eac14483c$var$base
|
|
@@ -2607,19 +2680,19 @@ var $fb5a78a09a8b15b6$var$base = {
|
|
|
2607
2680
|
container: '',
|
|
2608
2681
|
row: '',
|
|
2609
2682
|
cell: 'py-3.5 px-3 text-left text-sm font-semibold text-gray-900 group',
|
|
2610
|
-
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'
|
|
2683
|
+
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'
|
|
2611
2684
|
},
|
|
2612
2685
|
body: {
|
|
2613
2686
|
container: 'divide-y divide-gray-200',
|
|
2614
2687
|
row: '',
|
|
2615
2688
|
cell: 'whitespace-nowrap py-4 px-3 text-sm text-gray-500',
|
|
2616
|
-
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',
|
|
2689
|
+
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',
|
|
2617
2690
|
indicator: 'absolute inset-y-0 left-0 w-0.5 bg-primary-600'
|
|
2618
2691
|
}
|
|
2619
2692
|
}
|
|
2620
2693
|
},
|
|
2621
2694
|
sortIndicator: {
|
|
2622
|
-
container: 'ml-2 translate-y-1 inline-flex items-center flex-none rounded',
|
|
2695
|
+
container: 'ml-2 translate-y-1 inline-flex items-center flex-none rounded-sm',
|
|
2623
2696
|
isSorted: 'bg-gray-100 text-gray-900 group-hover:bg-gray-200',
|
|
2624
2697
|
isNotSorted: 'invisible text-gray-400 group-hover:visible group-focus:visible',
|
|
2625
2698
|
icon: {
|
|
@@ -2650,7 +2723,7 @@ var $fb5a78a09a8b15b6$var$normal = {
|
|
|
2650
2723
|
var $fb5a78a09a8b15b6$var$panel = {
|
|
2651
2724
|
body: {
|
|
2652
2725
|
content: 'inline-block min-w-full py-2 align-middle md:px-6 lg:px-8',
|
|
2653
|
-
styleWrapper: 'relative overflow-hidden shadow ring-1 ring-black
|
|
2726
|
+
styleWrapper: 'relative overflow-hidden shadow-sm ring-1 ring-black/5 md:rounded-lg',
|
|
2654
2727
|
table: {
|
|
2655
2728
|
head: {
|
|
2656
2729
|
container: 'bg-gray-50'
|
|
@@ -2664,7 +2737,7 @@ var $fb5a78a09a8b15b6$var$panel = {
|
|
|
2664
2737
|
var $fb5a78a09a8b15b6$var$full = {
|
|
2665
2738
|
body: {
|
|
2666
2739
|
content: 'inline-block min-w-full py-2 align-middle',
|
|
2667
|
-
styleWrapper: 'relative overflow-hidden shadow-
|
|
2740
|
+
styleWrapper: 'relative overflow-hidden shadow-xs ring-1 ring-black/5',
|
|
2668
2741
|
table: {
|
|
2669
2742
|
head: {
|
|
2670
2743
|
container: 'bg-gray-50'
|
|
@@ -2677,7 +2750,7 @@ var $fb5a78a09a8b15b6$var$sticky = {
|
|
|
2677
2750
|
table: {
|
|
2678
2751
|
container: 'min-w-full border-separate',
|
|
2679
2752
|
head: {
|
|
2680
|
-
cell: 'sticky top-0 z-10 border-b border-gray-300 bg-gray-50
|
|
2753
|
+
cell: 'sticky top-0 z-10 border-b border-gray-300 bg-gray-50/75 backdrop-blur-sm backdrop-filter sm:table-cell'
|
|
2681
2754
|
}
|
|
2682
2755
|
}
|
|
2683
2756
|
}
|
|
@@ -2696,7 +2769,7 @@ var $fb5a78a09a8b15b6$var$separated = {
|
|
|
2696
2769
|
};
|
|
2697
2770
|
var $fb5a78a09a8b15b6$var$controlled = {
|
|
2698
2771
|
controls: {
|
|
2699
|
-
container: '!
|
|
2772
|
+
container: 'flex!'
|
|
2700
2773
|
}
|
|
2701
2774
|
};
|
|
2702
2775
|
var $fb5a78a09a8b15b6$var$styles = {
|
|
@@ -2911,7 +2984,7 @@ var $4421fdc946e7dd6c$var$TableList = function(props) {
|
|
|
2911
2984
|
}),
|
|
2912
2985
|
(0, $4MPRY$jsx)((0, $bc407adcad543f74$export$2e2bcd8739ae039), {
|
|
2913
2986
|
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 : {
|
|
2914
|
-
container: '
|
|
2987
|
+
container: 'py-1.5! px-3!'
|
|
2915
2988
|
},
|
|
2916
2989
|
onClick: function() {
|
|
2917
2990
|
var sheets = generate(table);
|
|
@@ -3089,7 +3162,7 @@ var $a159f18e2839f1e6$var$base = {
|
|
|
3089
3162
|
head: {
|
|
3090
3163
|
container: '',
|
|
3091
3164
|
row: '',
|
|
3092
|
-
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',
|
|
3165
|
+
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',
|
|
3093
3166
|
column: {
|
|
3094
3167
|
pinned: {
|
|
3095
3168
|
cell: 'bg-white sticky z-10 overflow-hidden text-ellipsis'
|
|
@@ -3100,7 +3173,7 @@ var $a159f18e2839f1e6$var$base = {
|
|
|
3100
3173
|
wrapper: 'grid gap-x-1 items-center',
|
|
3101
3174
|
text: 'whitespace-normal break-words',
|
|
3102
3175
|
sortIndicator: {
|
|
3103
|
-
container: 'ml-2 inline-flex items-center rounded',
|
|
3176
|
+
container: 'ml-2 inline-flex items-center rounded-sm',
|
|
3104
3177
|
isSorted: 'bg-gray-100 text-gray-900 group-hover:bg-gray-200',
|
|
3105
3178
|
isNotSorted: 'text-gray-400 group-hover:text-gray-900 group-hover:bg-gray-200',
|
|
3106
3179
|
icon: {
|
|
@@ -3120,7 +3193,7 @@ var $a159f18e2839f1e6$var$base = {
|
|
|
3120
3193
|
},
|
|
3121
3194
|
cell: 'whitespace-nowrap py-2.5 px-3 text-sm text-gray-500',
|
|
3122
3195
|
sticky: 'border-b border-gray-200',
|
|
3123
|
-
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',
|
|
3196
|
+
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',
|
|
3124
3197
|
indicator: 'absolute inset-y-0 left-0 w-0.5 bg-primary-600'
|
|
3125
3198
|
}
|
|
3126
3199
|
}
|
|
@@ -3163,11 +3236,12 @@ var $df469b72efb8986e$var$__spreadArray = undefined && undefined.__spreadArray |
|
|
|
3163
3236
|
return to.concat(ar || Array.prototype.slice.call(from));
|
|
3164
3237
|
};
|
|
3165
3238
|
var $df469b72efb8986e$var$TableList2 = function(props) {
|
|
3166
|
-
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;
|
|
3239
|
+
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;
|
|
3167
3240
|
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;
|
|
3168
|
-
var
|
|
3169
|
-
var
|
|
3170
|
-
var
|
|
3241
|
+
var _8 = (0, $4MPRY$useState)({}), columnVisibility = _8[0], setColumnVisibility = _8[1];
|
|
3242
|
+
var _9 = (0, $4MPRY$useState)([]), columnOrder = _9[0], setColumnOrder = _9[1];
|
|
3243
|
+
var _10 = (0, $4MPRY$useState)((_b = (_a = config.options) === null || _a === void 0 ? void 0 : _a.defaultSorting) !== null && _b !== void 0 ? _b : []), sorting = _10[0], setSorting = _10[1];
|
|
3244
|
+
var _11 = (0, $4MPRY$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];
|
|
3171
3245
|
var handleGenerateStyle = function() {
|
|
3172
3246
|
var result = (0, $b3fc44f26b625a32$export$e2d2075c69d9100d)((0, $a159f18e2839f1e6$export$2e2bcd8739ae039).base);
|
|
3173
3247
|
var keys = (0, $ba1db6dce71c3f25$export$be5d6ab3c5b84767)((0, $a159f18e2839f1e6$export$2e2bcd8739ae039).base);
|
|
@@ -3223,9 +3297,11 @@ var $df469b72efb8986e$var$TableList2 = function(props) {
|
|
|
3223
3297
|
return visibilityState;
|
|
3224
3298
|
}, [
|
|
3225
3299
|
config.columns,
|
|
3226
|
-
(
|
|
3300
|
+
(_f = config.options) === null || _f === void 0 ? void 0 : _f.defaultVisibility
|
|
3227
3301
|
]);
|
|
3228
3302
|
var table = (0, $4MPRY$useReactTable)({
|
|
3303
|
+
getExpandedRowModel: (0, $4MPRY$getExpandedRowModel)(),
|
|
3304
|
+
getGroupedRowModel: (0, $4MPRY$getGroupedRowModel)(),
|
|
3229
3305
|
getCoreRowModel: (0, $4MPRY$getCoreRowModel)(),
|
|
3230
3306
|
columns: isDraggable ? $df469b72efb8986e$var$__spreadArray([
|
|
3231
3307
|
{
|
|
@@ -3244,7 +3320,8 @@ var $df469b72efb8986e$var$TableList2 = function(props) {
|
|
|
3244
3320
|
state: {
|
|
3245
3321
|
sorting: sorting,
|
|
3246
3322
|
columnVisibility: columnVisibility,
|
|
3247
|
-
columnOrder: columnOrder
|
|
3323
|
+
columnOrder: columnOrder,
|
|
3324
|
+
grouping: grouping
|
|
3248
3325
|
},
|
|
3249
3326
|
initialState: {
|
|
3250
3327
|
columnVisibility: isDraggable ? $df469b72efb8986e$var$__assign({
|
|
@@ -3252,17 +3329,20 @@ var $df469b72efb8986e$var$TableList2 = function(props) {
|
|
|
3252
3329
|
}, initialVisibilityState) : initialVisibilityState,
|
|
3253
3330
|
columnOrder: isDraggable ? $df469b72efb8986e$var$__spreadArray([
|
|
3254
3331
|
'drag-handle'
|
|
3255
|
-
], (
|
|
3332
|
+
], (_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,
|
|
3256
3333
|
columnPinning: {
|
|
3257
|
-
left: (
|
|
3258
|
-
right: (
|
|
3259
|
-
}
|
|
3334
|
+
left: (_m = (0, $4MPRY$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 : [],
|
|
3335
|
+
right: (_q = (0, $4MPRY$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 : []
|
|
3336
|
+
},
|
|
3337
|
+
grouping: (_s = (_r = config.options) === null || _r === void 0 ? void 0 : _r.grouping) === null || _s === void 0 ? void 0 : _s.defaultGrouping,
|
|
3338
|
+
expanded: (_u = (_t = config.options) === null || _t === void 0 ? void 0 : _t.grouping) === null || _u === void 0 ? void 0 : _u.defaultExpanded
|
|
3260
3339
|
},
|
|
3261
3340
|
manualPagination: true,
|
|
3262
3341
|
manualSorting: true,
|
|
3263
3342
|
onSortingChange: setSorting,
|
|
3264
3343
|
onColumnVisibilityChange: setColumnVisibility,
|
|
3265
3344
|
onColumnOrderChange: setColumnOrder,
|
|
3345
|
+
onGroupingChange: setGrouping,
|
|
3266
3346
|
getRowId: function(row) {
|
|
3267
3347
|
return (0, $4MPRY$get)(row, dragConfig === null || dragConfig === void 0 ? void 0 : dragConfig.rowIdentifierKey);
|
|
3268
3348
|
}
|
|
@@ -3274,15 +3354,18 @@ var $df469b72efb8986e$var$TableList2 = function(props) {
|
|
|
3274
3354
|
sorting: sorting,
|
|
3275
3355
|
columnVisibility: columnVisibility,
|
|
3276
3356
|
columnOrder: columnOrder,
|
|
3357
|
+
grouping: grouping,
|
|
3277
3358
|
//
|
|
3278
3359
|
setSorting: setSorting,
|
|
3279
3360
|
setColumnVisibility: setColumnVisibility,
|
|
3280
|
-
setColumnOrder: setColumnOrder
|
|
3361
|
+
setColumnOrder: setColumnOrder,
|
|
3362
|
+
setGrouping: setGrouping
|
|
3281
3363
|
};
|
|
3282
3364
|
}, [
|
|
3283
3365
|
columnOrder,
|
|
3284
3366
|
columnVisibility,
|
|
3285
3367
|
sorting,
|
|
3368
|
+
grouping,
|
|
3286
3369
|
table
|
|
3287
3370
|
]);
|
|
3288
3371
|
// Trigger onChange handler when state changes.
|
|
@@ -3316,7 +3399,7 @@ var $df469b72efb8986e$var$TableList2 = function(props) {
|
|
|
3316
3399
|
setColumnVisibility(visibility_1);
|
|
3317
3400
|
}
|
|
3318
3401
|
}, [
|
|
3319
|
-
(
|
|
3402
|
+
(_v = config === null || config === void 0 ? void 0 : config.options) === null || _v === void 0 ? void 0 : _v.defaultVisibility,
|
|
3320
3403
|
id,
|
|
3321
3404
|
table
|
|
3322
3405
|
]);
|
|
@@ -3341,7 +3424,7 @@ var $df469b72efb8986e$var$TableList2 = function(props) {
|
|
|
3341
3424
|
}
|
|
3342
3425
|
}, [
|
|
3343
3426
|
config.columns,
|
|
3344
|
-
(
|
|
3427
|
+
(_w = config === null || config === void 0 ? void 0 : config.options) === null || _w === void 0 ? void 0 : _w.defaultOrder,
|
|
3345
3428
|
id,
|
|
3346
3429
|
isDraggable
|
|
3347
3430
|
]);
|
|
@@ -3386,7 +3469,18 @@ var $df469b72efb8986e$var$TableList2 = function(props) {
|
|
|
3386
3469
|
return onRowClick && onRowClick(row);
|
|
3387
3470
|
},
|
|
3388
3471
|
className: (0, $66c3dcaaa74b5389$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),
|
|
3389
|
-
children: (0, $4MPRY$
|
|
3472
|
+
children: row.getIsGrouped() ? (0, $4MPRY$jsx)("td", {
|
|
3473
|
+
colSpan: row.getVisibleCells().length,
|
|
3474
|
+
children: (0, $4MPRY$jsx)("div", {
|
|
3475
|
+
className: styles.body.table.body.groupedRow,
|
|
3476
|
+
children: (0, $4MPRY$map)(row.getVisibleCells(), function(cell) {
|
|
3477
|
+
return (0, $4MPRY$jsx)("div", {
|
|
3478
|
+
className: styles.body.table.body.groupedRowCell,
|
|
3479
|
+
children: (0, $4MPRY$flexRender)(cell.column.columnDef.cell, cell.getContext())
|
|
3480
|
+
}, cell.id);
|
|
3481
|
+
})
|
|
3482
|
+
})
|
|
3483
|
+
}) : (0, $4MPRY$map)(row.getVisibleCells(), function(cell) {
|
|
3390
3484
|
var _a, _b, _c;
|
|
3391
3485
|
return (0, $4MPRY$jsx)("td", {
|
|
3392
3486
|
className: (0, $66c3dcaaa74b5389$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),
|
|
@@ -3412,7 +3506,7 @@ var $df469b72efb8986e$var$TableList2 = function(props) {
|
|
|
3412
3506
|
return acc + size;
|
|
3413
3507
|
}, 0);
|
|
3414
3508
|
}, [
|
|
3415
|
-
(
|
|
3509
|
+
(_x = config.options) === null || _x === void 0 ? void 0 : _x.columnPinning
|
|
3416
3510
|
]);
|
|
3417
3511
|
var getCommonPinningStyles = (0, $4MPRY$useCallback)(function(column) {
|
|
3418
3512
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
|
|
@@ -3433,10 +3527,10 @@ var $df469b72efb8986e$var$TableList2 = function(props) {
|
|
|
3433
3527
|
right: isPinned === 'right' ? "".concat(getPinnedColumnsWidth('right', column.id), "px") : undefined
|
|
3434
3528
|
};
|
|
3435
3529
|
}, [
|
|
3436
|
-
(
|
|
3437
|
-
(
|
|
3438
|
-
(
|
|
3439
|
-
(
|
|
3530
|
+
(_z = (_y = config.options) === null || _y === void 0 ? void 0 : _y.columnPinning) === null || _z === void 0 ? void 0 : _z.customShadow,
|
|
3531
|
+
(_1 = (_0 = config.options) === null || _0 === void 0 ? void 0 : _0.columnPinning) === null || _1 === void 0 ? void 0 : _1.disableShadow,
|
|
3532
|
+
(_3 = (_2 = config.options) === null || _2 === void 0 ? void 0 : _2.columnPinning) === null || _3 === void 0 ? void 0 : _3.left,
|
|
3533
|
+
(_5 = (_4 = config.options) === null || _4 === void 0 ? void 0 : _4.columnPinning) === null || _5 === void 0 ? void 0 : _5.right,
|
|
3440
3534
|
styles.body.table.pinnedColumns.left,
|
|
3441
3535
|
styles.body.table.pinnedColumns.right,
|
|
3442
3536
|
getPinnedColumnsWidth
|
|
@@ -3527,13 +3621,32 @@ var $df469b72efb8986e$var$TableList2 = function(props) {
|
|
|
3527
3621
|
},
|
|
3528
3622
|
className: (0, $66c3dcaaa74b5389$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),
|
|
3529
3623
|
children: (0, $4MPRY$map)(row.getVisibleCells(), function(cell) {
|
|
3530
|
-
var _a, _b, _c;
|
|
3624
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
3531
3625
|
return (0, $4MPRY$jsx)("td", {
|
|
3532
3626
|
className: (0, $66c3dcaaa74b5389$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),
|
|
3533
3627
|
style: $df469b72efb8986e$var$__assign({
|
|
3534
3628
|
width: cell.column.getSize()
|
|
3535
3629
|
}, getCommonPinningStyles(cell.column)),
|
|
3536
|
-
children: (
|
|
3630
|
+
children: cell.getIsGrouped() ? // If it's a grouped cell, add an expander and row count
|
|
3631
|
+
(0, $4MPRY$jsxs)("button", {
|
|
3632
|
+
onClick: row.getToggleExpandedHandler(),
|
|
3633
|
+
style: {
|
|
3634
|
+
cursor: row.getCanExpand() ? 'pointer' : 'normal'
|
|
3635
|
+
},
|
|
3636
|
+
children: [
|
|
3637
|
+
(0, $4MPRY$jsx)((0, $77cd4416ca4a0639$export$2e2bcd8739ae039), {
|
|
3638
|
+
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"
|
|
3639
|
+
}),
|
|
3640
|
+
' ',
|
|
3641
|
+
(0, $4MPRY$flexRender)(cell.column.columnDef.cell, cell.getContext()),
|
|
3642
|
+
" (",
|
|
3643
|
+
row.subRows.length,
|
|
3644
|
+
")"
|
|
3645
|
+
]
|
|
3646
|
+
}) : cell.getIsAggregated() ? // If the cell is aggregated, use the Aggregated
|
|
3647
|
+
// renderer for cell
|
|
3648
|
+
(0, $4MPRY$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
|
|
3649
|
+
(0, $4MPRY$flexRender)(cell.column.columnDef.cell, cell.getContext())
|
|
3537
3650
|
}, cell.id);
|
|
3538
3651
|
})
|
|
3539
3652
|
}, row.id);
|
|
@@ -3542,7 +3655,7 @@ var $df469b72efb8986e$var$TableList2 = function(props) {
|
|
|
3542
3655
|
]
|
|
3543
3656
|
}),
|
|
3544
3657
|
(0, $4MPRY$isEmpty)(table === null || table === void 0 ? void 0 : table.getRowModel().rows) && !isLoading && (0, $4MPRY$jsx)((0, $4MPRY$Fragment), {
|
|
3545
|
-
children: ((
|
|
3658
|
+
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, $4MPRY$jsx)("div", {
|
|
3546
3659
|
className: (0, $a159f18e2839f1e6$export$2e2bcd8739ae039).empty,
|
|
3547
3660
|
children: "There is no data to show..."
|
|
3548
3661
|
})
|
|
@@ -3610,7 +3723,7 @@ var $d35063ed95f33643$var$base = {
|
|
|
3610
3723
|
container: 'flex',
|
|
3611
3724
|
content: 'flex items-center',
|
|
3612
3725
|
link: 'text-gray-400 hover:text-gray-500',
|
|
3613
|
-
icon: 'h-5 w-5
|
|
3726
|
+
icon: 'h-5 w-5 shrink-0',
|
|
3614
3727
|
span: 'sr-only'
|
|
3615
3728
|
},
|
|
3616
3729
|
page: {
|
|
@@ -3622,7 +3735,7 @@ var $d35063ed95f33643$var$base = {
|
|
|
3622
3735
|
var $d35063ed95f33643$var$slashes = {
|
|
3623
3736
|
container: '',
|
|
3624
3737
|
list: 'items-center space-x-4',
|
|
3625
|
-
separator: 'h-5 w-5
|
|
3738
|
+
separator: 'h-5 w-5 shrink-0 text-gray-400',
|
|
3626
3739
|
home: {
|
|
3627
3740
|
container: '',
|
|
3628
3741
|
content: '',
|
|
@@ -3639,7 +3752,7 @@ var $d35063ed95f33643$var$slashes = {
|
|
|
3639
3752
|
var $d35063ed95f33643$var$chevrons = {
|
|
3640
3753
|
container: '',
|
|
3641
3754
|
list: 'items-center space-x-4',
|
|
3642
|
-
separator: 'h-5 w-5
|
|
3755
|
+
separator: 'h-5 w-5 shrink-0 text-gray-400',
|
|
3643
3756
|
home: {
|
|
3644
3757
|
container: '',
|
|
3645
3758
|
content: '',
|
|
@@ -3655,8 +3768,8 @@ var $d35063ed95f33643$var$chevrons = {
|
|
|
3655
3768
|
};
|
|
3656
3769
|
var $d35063ed95f33643$var$panel = {
|
|
3657
3770
|
container: '',
|
|
3658
|
-
list: 'space-x-4 rounded-md bg-white px-6 shadow',
|
|
3659
|
-
separator: 'h-full w-6
|
|
3771
|
+
list: 'space-x-4 rounded-md bg-white px-6 shadow-sm',
|
|
3772
|
+
separator: 'h-full w-6 shrink-0 text-gray-200',
|
|
3660
3773
|
home: {
|
|
3661
3774
|
container: '',
|
|
3662
3775
|
content: '',
|
|
@@ -3672,8 +3785,8 @@ var $d35063ed95f33643$var$panel = {
|
|
|
3672
3785
|
};
|
|
3673
3786
|
var $d35063ed95f33643$var$bar = {
|
|
3674
3787
|
container: 'border-b border-gray-200 bg-white',
|
|
3675
|
-
list: 'mx-auto w-full max-w-
|
|
3676
|
-
separator: 'h-full w-6
|
|
3788
|
+
list: 'mx-auto w-full max-w-(--breakpoint-xl) space-x-4 px-4 sm:px-6 lg:px-8',
|
|
3789
|
+
separator: 'h-full w-6 shrink-0 text-gray-200',
|
|
3677
3790
|
home: {
|
|
3678
3791
|
container: '',
|
|
3679
3792
|
content: '',
|
|
@@ -4104,7 +4217,7 @@ var $579a3cb18d8026e0$var$defaultStyles = {
|
|
|
4104
4217
|
head: 'sm:hidden',
|
|
4105
4218
|
body: 'hidden sm:block',
|
|
4106
4219
|
label: 'sr-only',
|
|
4107
|
-
select: 'block w-full rounded-md border border-gray-300 py-2 px-3 text-base focus:border-primary-500 focus:outline-
|
|
4220
|
+
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',
|
|
4108
4221
|
navigation: 'border-b border-gray-200 -mb-px flex space-x-8'
|
|
4109
4222
|
},
|
|
4110
4223
|
tab: {
|
|
@@ -4276,7 +4389,7 @@ var $fa0fc9b7e04a1799$var$Item = function(props) {
|
|
|
4276
4389
|
var styles = handleGenerateStyle();
|
|
4277
4390
|
if (href && LinkComponent) return (0, $4MPRY$jsxs)(LinkComponent, {
|
|
4278
4391
|
href: href,
|
|
4279
|
-
className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.tab.base, isCurrent ? styles.tab.active : styles.tab.inactive, isLoading && 'opacity-30
|
|
4392
|
+
className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.tab.base, isCurrent ? styles.tab.active : styles.tab.inactive, isLoading && 'opacity-30 text-gray-300! cursor-default!', isLoading && styles.tab.inactive),
|
|
4280
4393
|
onClick: onClick,
|
|
4281
4394
|
children: [
|
|
4282
4395
|
icon,
|
|
@@ -4284,7 +4397,7 @@ var $fa0fc9b7e04a1799$var$Item = function(props) {
|
|
|
4284
4397
|
]
|
|
4285
4398
|
});
|
|
4286
4399
|
return (0, $4MPRY$jsxs)("div", {
|
|
4287
|
-
className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.tab.base, isCurrent ? styles.tab.active : styles.tab.inactive, isLoading && 'opacity-30
|
|
4400
|
+
className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.tab.base, isCurrent ? styles.tab.active : styles.tab.inactive, isLoading && 'opacity-30 text-gray-300! cursor-default!', isLoading && styles.tab.inactive),
|
|
4288
4401
|
onClick: !isLoading ? onClick : function() {
|
|
4289
4402
|
return null;
|
|
4290
4403
|
},
|
|
@@ -4390,7 +4503,7 @@ var $860faaa2c7bb1f36$export$2e2bcd8739ae039 = $860faaa2c7bb1f36$var$VerticalNav
|
|
|
4390
4503
|
var $35edca6e99ea4ea0$var$base = {
|
|
4391
4504
|
container: 'relative z-20',
|
|
4392
4505
|
background: {
|
|
4393
|
-
container: 'fixed inset-0 bg-gray-500
|
|
4506
|
+
container: 'fixed inset-0 bg-gray-500/75 transition-opacity',
|
|
4394
4507
|
transition: {
|
|
4395
4508
|
enter: 'ease-out duration-300',
|
|
4396
4509
|
enterFrom: 'opacity-0',
|
|
@@ -4558,7 +4671,7 @@ var $3bf3edb7ee8a22f4$var$base = {
|
|
|
4558
4671
|
inner: 'pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10'
|
|
4559
4672
|
},
|
|
4560
4673
|
panel: {
|
|
4561
|
-
container: 'pointer-events-auto w-full max-w-sm overflow-hidden rounded-lg bg-white shadow-lg ring-1 ring-black
|
|
4674
|
+
container: 'pointer-events-auto w-full max-w-sm overflow-hidden rounded-lg bg-white shadow-lg ring-1 ring-black/5',
|
|
4562
4675
|
transition: {
|
|
4563
4676
|
enter: 'transform ease-out duration-300 transition',
|
|
4564
4677
|
enterFrom: 'translate-y-2 opacity-0 sm:translate-y-0 sm:translate-x-2',
|
|
@@ -4695,7 +4808,7 @@ var $0a39296cb800ec26$export$2e2bcd8739ae039 = $0a39296cb800ec26$var$Notificatio
|
|
|
4695
4808
|
var $19b812b9e566cf40$var$base = {
|
|
4696
4809
|
container: 'relative z-20',
|
|
4697
4810
|
background: {
|
|
4698
|
-
container: 'fixed inset-0 bg-gray-500
|
|
4811
|
+
container: 'fixed inset-0 bg-gray-500/75 transition-opacity',
|
|
4699
4812
|
transition: {
|
|
4700
4813
|
enter: 'ease-in-out duration-500',
|
|
4701
4814
|
enterFrom: 'opacity-0',
|
|
@@ -5156,15 +5269,15 @@ var $e0c8c7fe3fab83be$var$normal = {
|
|
|
5156
5269
|
label: 'leading-6 text-sm mb-2',
|
|
5157
5270
|
hint: 'leading-6',
|
|
5158
5271
|
leading: 'pl-3',
|
|
5159
|
-
input: 'rounded-md border-gray-200 shadow-
|
|
5272
|
+
input: 'rounded-md border-gray-200 shadow-xs focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
|
|
5160
5273
|
trailing: 'pr-3',
|
|
5161
5274
|
description: 'mt-2 text-sm'
|
|
5162
5275
|
};
|
|
5163
5276
|
var $e0c8c7fe3fab83be$var$inset = {
|
|
5164
|
-
container: 'rounded-md px-3 pt-2.5 pb-1.5 shadow-
|
|
5277
|
+
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',
|
|
5165
5278
|
label: 'text-xs',
|
|
5166
5279
|
hint: 'text-xs',
|
|
5167
|
-
input: 'border-0
|
|
5280
|
+
input: 'border-0 ring-0! p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
|
|
5168
5281
|
description: 'hidden'
|
|
5169
5282
|
};
|
|
5170
5283
|
var $e0c8c7fe3fab83be$var$overlapping = {
|
|
@@ -5172,13 +5285,13 @@ var $e0c8c7fe3fab83be$var$overlapping = {
|
|
|
5172
5285
|
head: ' absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full',
|
|
5173
5286
|
label: 'inline-block bg-white px-1 text-xs font-medium text-gray-900 ',
|
|
5174
5287
|
hint: 'text-xs mr-4 bg-white px-1',
|
|
5175
|
-
input: 'block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-
|
|
5288
|
+
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',
|
|
5176
5289
|
description: 'hidden'
|
|
5177
5290
|
};
|
|
5178
5291
|
var $e0c8c7fe3fab83be$var$pill = {
|
|
5179
5292
|
head: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6',
|
|
5180
5293
|
foot: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mt-1 pr-6',
|
|
5181
|
-
input: 'block w-full rounded-full border-0 px-4 py-1.5 text-gray-900 shadow-
|
|
5294
|
+
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',
|
|
5182
5295
|
trailing: 'pr-2',
|
|
5183
5296
|
description: 'text-xs'
|
|
5184
5297
|
};
|
|
@@ -5189,13 +5302,13 @@ var $e0c8c7fe3fab83be$var$floored = {
|
|
|
5189
5302
|
description: 'text-xs mt-2'
|
|
5190
5303
|
};
|
|
5191
5304
|
var $e0c8c7fe3fab83be$var$invalid = {
|
|
5192
|
-
container: '
|
|
5305
|
+
container: 'ring-red-500!',
|
|
5193
5306
|
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',
|
|
5194
5307
|
'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',
|
|
5195
5308
|
description: 'text-sm text-red-600'
|
|
5196
5309
|
};
|
|
5197
5310
|
var $e0c8c7fe3fab83be$var$disabled = {
|
|
5198
|
-
input: 'block w-full rounded-md border-0 text-gray-900 shadow-
|
|
5311
|
+
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'
|
|
5199
5312
|
};
|
|
5200
5313
|
var $e0c8c7fe3fab83be$var$styles = {
|
|
5201
5314
|
base: $e0c8c7fe3fab83be$var$base,
|
|
@@ -5429,14 +5542,14 @@ var $901cc167fb8bbd92$var$base = {
|
|
|
5429
5542
|
container: 'relative flex items-start',
|
|
5430
5543
|
head: 'flex h-6 items-center',
|
|
5431
5544
|
body: 'ml-3 text-sm leading-6',
|
|
5432
|
-
input: 'h-4 w-4 rounded border-gray-300 text-primary-600 focus:ring-primary-600',
|
|
5545
|
+
input: 'h-4 w-4 rounded-sm border-gray-300 text-primary-600 focus:ring-primary-600',
|
|
5433
5546
|
label: 'font-medium text-gray-900',
|
|
5434
5547
|
description: 'text-gray-500'
|
|
5435
5548
|
}
|
|
5436
5549
|
};
|
|
5437
5550
|
var $901cc167fb8bbd92$var$disabled = {
|
|
5438
5551
|
item: {
|
|
5439
|
-
input: 'block rounded-md border-0 text-gray-900 shadow-
|
|
5552
|
+
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'
|
|
5440
5553
|
}
|
|
5441
5554
|
};
|
|
5442
5555
|
var $901cc167fb8bbd92$var$styles = {
|
|
@@ -5540,14 +5653,14 @@ var $9ad148e334dfe9e5$var$base = {
|
|
|
5540
5653
|
container: 'relative flex items-start',
|
|
5541
5654
|
head: 'flex h-6 items-center select-none',
|
|
5542
5655
|
body: 'ml-3 text-sm leading-6',
|
|
5543
|
-
input: 'h-4 w-4 rounded border-gray-300 text-primary-600 focus:ring-primary-600',
|
|
5656
|
+
input: 'h-4 w-4 rounded-sm border-gray-300 text-primary-600 focus:ring-primary-600',
|
|
5544
5657
|
inputHidden: 'hidden',
|
|
5545
5658
|
replacement: 'flex',
|
|
5546
5659
|
label: 'font-medium text-gray-900',
|
|
5547
5660
|
description: 'text-gray-500'
|
|
5548
5661
|
};
|
|
5549
5662
|
var $9ad148e334dfe9e5$var$disabled = {
|
|
5550
|
-
input: 'block rounded-md border-0 text-gray-900 shadow-
|
|
5663
|
+
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'
|
|
5551
5664
|
};
|
|
5552
5665
|
var $9ad148e334dfe9e5$var$styles = {
|
|
5553
5666
|
base: $9ad148e334dfe9e5$var$base,
|
|
@@ -5672,14 +5785,14 @@ var $f0d9d349d6a2ba53$var$base = {
|
|
|
5672
5785
|
description: 'text-gray-400 text-xs mt-1',
|
|
5673
5786
|
switch: {
|
|
5674
5787
|
container: 'flex flex-col',
|
|
5675
|
-
base: 'relative inline-flex w-11
|
|
5788
|
+
base: 'relative inline-flex w-11 shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out',
|
|
5676
5789
|
screenreader: 'sr-only',
|
|
5677
|
-
checked: 'bg-primary-600 focus:outline-
|
|
5678
|
-
unchecked: 'bg-gray-200 focus:outline-
|
|
5679
|
-
disabled: 'opacity-50
|
|
5790
|
+
checked: 'bg-primary-600 focus:outline-hidden focus:ring-0 focus:ring-primary-600 focus:ring-offset-2',
|
|
5791
|
+
unchecked: 'bg-gray-200 focus:outline-hidden focus:ring-0 focus:ring-primary-600 focus:ring-offset-2',
|
|
5792
|
+
disabled: 'opacity-50 cursor-not-allowed!'
|
|
5680
5793
|
},
|
|
5681
5794
|
toggle: {
|
|
5682
|
-
base: 'pointer-events-none relative inline-block my-auto transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out',
|
|
5795
|
+
base: 'pointer-events-none relative inline-block my-auto transform rounded-full bg-white shadow-sm ring-0 transition duration-200 ease-in-out',
|
|
5683
5796
|
checked: 'translate-x-5',
|
|
5684
5797
|
unchecked: 'translate-x-0'
|
|
5685
5798
|
},
|
|
@@ -5839,15 +5952,15 @@ var $43437b181b294db2$var$normal = {
|
|
|
5839
5952
|
label: 'leading-6 text-sm mb-2',
|
|
5840
5953
|
hint: 'leading-6',
|
|
5841
5954
|
leading: 'pl-3',
|
|
5842
|
-
input: 'rounded-md border-gray-200 shadow-
|
|
5955
|
+
input: 'rounded-md border-gray-200 shadow-xs focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
|
|
5843
5956
|
trailing: 'pr-3',
|
|
5844
5957
|
description: 'mt-2 text-sm'
|
|
5845
5958
|
};
|
|
5846
5959
|
var $43437b181b294db2$var$inset = {
|
|
5847
|
-
container: 'rounded-md px-3 pt-2.5 pb-1.5 shadow-
|
|
5960
|
+
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',
|
|
5848
5961
|
label: 'text-xs',
|
|
5849
5962
|
hint: 'text-xs',
|
|
5850
|
-
input: 'border-0
|
|
5963
|
+
input: 'border-0 ring-0! p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
|
|
5851
5964
|
description: 'hidden'
|
|
5852
5965
|
};
|
|
5853
5966
|
var $43437b181b294db2$var$overlapping = {
|
|
@@ -5855,13 +5968,13 @@ var $43437b181b294db2$var$overlapping = {
|
|
|
5855
5968
|
head: ' absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full',
|
|
5856
5969
|
label: 'inline-block bg-white px-1 text-xs font-medium text-gray-900 ',
|
|
5857
5970
|
hint: 'text-xs mr-4 bg-white px-1',
|
|
5858
|
-
input: 'block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-
|
|
5971
|
+
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',
|
|
5859
5972
|
description: 'hidden'
|
|
5860
5973
|
};
|
|
5861
5974
|
var $43437b181b294db2$var$pill = {
|
|
5862
5975
|
head: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6',
|
|
5863
5976
|
foot: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mt-1 pr-6',
|
|
5864
|
-
input: 'block w-full rounded-full border-0 px-4 py-1.5 text-gray-900 shadow-
|
|
5977
|
+
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',
|
|
5865
5978
|
trailing: 'pr-2',
|
|
5866
5979
|
description: 'text-xs'
|
|
5867
5980
|
};
|
|
@@ -5878,7 +5991,7 @@ var $43437b181b294db2$var$invalid = {
|
|
|
5878
5991
|
description: 'text-sm text-red-600'
|
|
5879
5992
|
};
|
|
5880
5993
|
var $43437b181b294db2$var$disabled = {
|
|
5881
|
-
input: 'block w-full rounded-md border-0 text-gray-900 shadow-
|
|
5994
|
+
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'
|
|
5882
5995
|
};
|
|
5883
5996
|
var $43437b181b294db2$var$styles = {
|
|
5884
5997
|
base: $43437b181b294db2$var$base,
|
|
@@ -6158,7 +6271,7 @@ var $2faf095044a1ccf8$var$OpeningHourItem = function(props) {
|
|
|
6158
6271
|
className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)('-mt-2 flex gap-4 items-end', !isCreating && 'opacity-100'),
|
|
6159
6272
|
children: [
|
|
6160
6273
|
(0, $4MPRY$jsx)("div", {
|
|
6161
|
-
className:
|
|
6274
|
+
className: (0, $99ef0e378c886c3a$export$2e2bcd8739ae039).selectMenu.container,
|
|
6162
6275
|
children: (0, $4MPRY$jsx)((0, $40038b27a5148d69$export$2e2bcd8739ae039), {
|
|
6163
6276
|
name: "day",
|
|
6164
6277
|
//
|
|
@@ -6325,11 +6438,14 @@ var $2faf095044a1ccf8$export$2e2bcd8739ae039 = $2faf095044a1ccf8$var$OpeningHour
|
|
|
6325
6438
|
|
|
6326
6439
|
var $99ef0e378c886c3a$var$styles = {
|
|
6327
6440
|
container: '',
|
|
6441
|
+
selectMenu: {
|
|
6442
|
+
container: "grow"
|
|
6443
|
+
},
|
|
6328
6444
|
control: {
|
|
6329
6445
|
container: 'flex items-center',
|
|
6330
6446
|
label: 'text-sm mr-2 font-medium w-36',
|
|
6331
|
-
action: 'relative inline-flex h-6 w-11
|
|
6332
|
-
span: 'pointer-events-none inline-block h-5 w-5 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out',
|
|
6447
|
+
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',
|
|
6448
|
+
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',
|
|
6333
6449
|
sr: 'sr-only'
|
|
6334
6450
|
}
|
|
6335
6451
|
};
|
|
@@ -6361,15 +6477,15 @@ var $2109d011c77499b4$var$normal = {
|
|
|
6361
6477
|
label: 'leading-6 text-sm mb-2',
|
|
6362
6478
|
hint: 'leading-6',
|
|
6363
6479
|
leading: 'pl-3',
|
|
6364
|
-
input: 'rounded-md border-gray-200 shadow-
|
|
6480
|
+
input: 'rounded-md border-gray-200 shadow-xs focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
|
|
6365
6481
|
trailing: 'pr-3',
|
|
6366
6482
|
description: 'mt-2 text-sm'
|
|
6367
6483
|
};
|
|
6368
6484
|
var $2109d011c77499b4$var$inset = {
|
|
6369
|
-
container: 'rounded-md px-3 pt-2.5 pb-1.5 shadow-
|
|
6485
|
+
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',
|
|
6370
6486
|
label: 'text-xs',
|
|
6371
6487
|
hint: 'text-xs',
|
|
6372
|
-
input: 'border-0
|
|
6488
|
+
input: 'border-0 ring-0! p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
|
|
6373
6489
|
description: 'hidden'
|
|
6374
6490
|
};
|
|
6375
6491
|
var $2109d011c77499b4$var$overlapping = {
|
|
@@ -6377,13 +6493,13 @@ var $2109d011c77499b4$var$overlapping = {
|
|
|
6377
6493
|
head: ' absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full',
|
|
6378
6494
|
label: 'inline-block bg-white px-1 text-xs font-medium text-gray-900 ',
|
|
6379
6495
|
hint: 'text-xs mr-4 bg-white px-1',
|
|
6380
|
-
input: 'block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-
|
|
6496
|
+
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',
|
|
6381
6497
|
description: 'hidden'
|
|
6382
6498
|
};
|
|
6383
6499
|
var $2109d011c77499b4$var$pill = {
|
|
6384
6500
|
head: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6',
|
|
6385
6501
|
foot: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mt-1 pr-6',
|
|
6386
|
-
input: 'block w-full rounded-full border-0 px-4 py-1.5 text-gray-900 shadow-
|
|
6502
|
+
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',
|
|
6387
6503
|
trailing: 'pr-2',
|
|
6388
6504
|
description: 'text-xs'
|
|
6389
6505
|
};
|
|
@@ -6400,7 +6516,7 @@ var $2109d011c77499b4$var$invalid = {
|
|
|
6400
6516
|
description: 'text-sm text-red-600'
|
|
6401
6517
|
};
|
|
6402
6518
|
var $2109d011c77499b4$var$disabled = {
|
|
6403
|
-
input: 'block w-full rounded-md border-0 text-gray-900 shadow-
|
|
6519
|
+
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'
|
|
6404
6520
|
};
|
|
6405
6521
|
var $2109d011c77499b4$var$styles = {
|
|
6406
6522
|
base: $2109d011c77499b4$var$base,
|
|
@@ -6543,7 +6659,7 @@ var $0ef1dab9988818f3$var$base = {
|
|
|
6543
6659
|
description: 'text-gray-400 text-xs mt-1',
|
|
6544
6660
|
error: 'text-red-500 text-xs mt-1',
|
|
6545
6661
|
geosuggest: {
|
|
6546
|
-
suggestsClassName: 'absolute w-full z-10 bg-white border border-gray-200 shadow-
|
|
6662
|
+
suggestsClassName: 'absolute w-full z-10 bg-white border border-gray-200 shadow-xs text-sm',
|
|
6547
6663
|
suggestItemClassName: 'px-4 py-2 hover:bg-gray-50 cursor-pointer',
|
|
6548
6664
|
suggestsHiddenClassName: 'hidden'
|
|
6549
6665
|
}
|
|
@@ -6556,15 +6672,15 @@ var $0ef1dab9988818f3$var$normal = {
|
|
|
6556
6672
|
label: 'leading-6 text-sm mb-2',
|
|
6557
6673
|
hint: 'leading-6',
|
|
6558
6674
|
leading: 'pl-3',
|
|
6559
|
-
input: 'rounded-md border-gray-200 shadow-
|
|
6675
|
+
input: 'rounded-md border-gray-200 shadow-xs focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
|
|
6560
6676
|
trailing: 'pr-3',
|
|
6561
6677
|
description: 'mt-2 text-sm'
|
|
6562
6678
|
};
|
|
6563
6679
|
var $0ef1dab9988818f3$var$inset = {
|
|
6564
|
-
container: 'rounded-md px-3 pt-2.5 pb-1.5 shadow-
|
|
6680
|
+
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',
|
|
6565
6681
|
label: 'text-xs',
|
|
6566
6682
|
hint: 'text-xs',
|
|
6567
|
-
input: 'border-0
|
|
6683
|
+
input: 'border-0 ring-0! p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
|
|
6568
6684
|
description: 'hidden'
|
|
6569
6685
|
};
|
|
6570
6686
|
var $0ef1dab9988818f3$var$overlapping = {
|
|
@@ -6572,13 +6688,13 @@ var $0ef1dab9988818f3$var$overlapping = {
|
|
|
6572
6688
|
head: ' absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full',
|
|
6573
6689
|
label: 'inline-block bg-white px-1 text-xs font-medium text-gray-900 ',
|
|
6574
6690
|
hint: 'text-xs mr-4 bg-white px-1',
|
|
6575
|
-
input: 'block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-
|
|
6691
|
+
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',
|
|
6576
6692
|
description: 'hidden'
|
|
6577
6693
|
};
|
|
6578
6694
|
var $0ef1dab9988818f3$var$pill = {
|
|
6579
6695
|
head: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6',
|
|
6580
6696
|
foot: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mt-1 pr-6',
|
|
6581
|
-
input: 'block w-full rounded-full border-0 px-4 py-1.5 text-gray-900 shadow-
|
|
6697
|
+
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',
|
|
6582
6698
|
trailing: 'pr-2',
|
|
6583
6699
|
description: 'text-xs'
|
|
6584
6700
|
};
|
|
@@ -6595,7 +6711,7 @@ var $0ef1dab9988818f3$var$invalid = {
|
|
|
6595
6711
|
description: 'text-sm text-red-600'
|
|
6596
6712
|
};
|
|
6597
6713
|
var $0ef1dab9988818f3$var$disabled = {
|
|
6598
|
-
input: 'block w-full rounded-md border-0 text-gray-900 shadow-
|
|
6714
|
+
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'
|
|
6599
6715
|
};
|
|
6600
6716
|
var $0ef1dab9988818f3$var$styles = {
|
|
6601
6717
|
base: $0ef1dab9988818f3$var$base,
|
|
@@ -6807,8 +6923,9 @@ var $3f6ca002faff40a3$var$useColumnHelpers = function(t) {
|
|
|
6807
6923
|
return "overflow-hidden text-ellipsis ".concat((0, $4MPRY$get)(sizes, size, ''), " block");
|
|
6808
6924
|
}, []);
|
|
6809
6925
|
var createAccessor = (0, $4MPRY$useCallback)(function(key, getCellContent, excelMapper, options) {
|
|
6926
|
+
var _a;
|
|
6810
6927
|
return accessor(key, {
|
|
6811
|
-
header: t("component.form.label.".concat(key)),
|
|
6928
|
+
header: (_a = options === null || options === void 0 ? void 0 : options.header) !== null && _a !== void 0 ? _a : t("component.form.label.".concat(key)),
|
|
6812
6929
|
enableSorting: (0, $4MPRY$get)(options, 'enableSorting', true),
|
|
6813
6930
|
cell: function(cell) {
|
|
6814
6931
|
return getCellContent(cell, options);
|
|
@@ -6940,5 +7057,5 @@ var $bcc7539df5bef927$export$1476d5e67a64a695 = function(str) {
|
|
|
6940
7057
|
|
|
6941
7058
|
|
|
6942
7059
|
|
|
6943
|
-
export {$4f6dca59bb6d6d50$export$2e2bcd8739ae039 as AvatarElement, $9a29d5e0e3b54abe$export$2e2bcd8739ae039 as AlertElement, $a5045567c9b3a96e$export$2e2bcd8739ae039 as BadgeElement, $b237e6d2d86a5c92$export$2e2bcd8739ae039 as TooltipElement, $bc407adcad543f74$export$2e2bcd8739ae039 as ButtonElement, $c827cec2b56530a4$export$2e2bcd8739ae039 as ButtonGroupElement, $edc4ba41affb9483$export$2e2bcd8739ae039 as DropdownElement, $77cd4416ca4a0639$export$2e2bcd8739ae039 as IconElement, $7b4ae85c2b92d7dd$export$2e2bcd8739ae039 as InputGroupForm, $2e39e1fa3f910477$export$2e2bcd8739ae039 as ContainerLayout, $47c668decea293b6$export$2e2bcd8739ae039 as DividerLayout, $40af42a6ff486398$export$2e2bcd8739ae039 as ListContainerLayout, $d8086708b0fe8d97$export$2e2bcd8739ae039 as MediaObjectLayout, $11b7c597538c2257$export$2e2bcd8739ae039 as PanelLayout, $4421fdc946e7dd6c$export$2e2bcd8739ae039 as TableList, $df469b72efb8986e$export$2e2bcd8739ae039 as TableList2, $fc6e6482f238e9ea$export$4b44a5cb9651fe5e as createColumnHelper, $797c6dd505f17788$export$2e2bcd8739ae039 as BreadcrumbsNavigation, $8239f5cdc1851973$export$2e2bcd8739ae039 as PanelPaginationNavigation, $56d2586955e116da$export$2e2bcd8739ae039 as PagePaginationNavigation, $fa0fc9b7e04a1799$export$2e2bcd8739ae039 as TabNavigation, $860faaa2c7bb1f36$export$2e2bcd8739ae039 as VerticalNavigation, $d467f992ffa88739$export$2e2bcd8739ae039 as ModalOverlay, $0a39296cb800ec26$export$2e2bcd8739ae039 as NotificationOverlay, $434e0b441c881466$export$2e2bcd8739ae039 as SlideOverOverlay, $28232825d538e297$export$2e2bcd8739ae039 as TableColumnOptionsCustom, $b38b76ffa80a65c8$export$2e2bcd8739ae039 as TableExportCustom, $40038b27a5148d69$export$2e2bcd8739ae039 as SelectMenuForm, $66c3dcaaa74b5389$export$7493424cf90fe793 as fromSelectMenuOptionToStringValue, $66c3dcaaa74b5389$export$4370d69198e9314a as toClassName, $66c3dcaaa74b5389$export$91d20e9290e3c358 as toAddressString, $66c3dcaaa74b5389$export$ba96624aa3b67894 as toAddressUrl, $66c3dcaaa74b5389$export$f3f93e5bb54c3de5 as toNationalRegistryNumberString, $66c3dcaaa74b5389$export$648c405ef8d23fec as toPriceString, $66c3dcaaa74b5389$export$155f7ed6f228c17c as toReadableFileSize, $66c3dcaaa74b5389$export$b2669f8969cc59be as toUserName, $66c3dcaaa74b5389$export$d9f806f9324c35ff as toUserInitials, $4e61e073e8ab55ca$export$b7c4e1545c61edee as toDateString, $4e61e073e8ab55ca$export$b489b1fb1454ddcf as toTimeString, $4e61e073e8ab55ca$export$c03bb0116ee09d4b as isValidDate, $4e61e073e8ab55ca$export$9b56e83e909e2c38 as toDateTimeString, $4e61e073e8ab55ca$export$1771f44233a5f72 as toDaysDifference, $4e61e073e8ab55ca$export$8649d02bd537ff66 as latestDateString, $4e61e073e8ab55ca$export$df20409d3177a2e0 as toDateValue, $4e61e073e8ab55ca$export$8a6f307d1b8b1960 as toTimeValue, $4e61e073e8ab55ca$export$8de20099c30464f2 as toUTCDate, $be69f9fa947058ae$export$2e2bcd8739ae039 as DateMenuForm, $00ca07f933061d8a$export$2e2bcd8739ae039 as DateRangeMenuForm, $e964500960620598$export$2e2bcd8739ae039 as __DEPRECATED__CheckboxInputGroupForm, $785bf8949af26aa5$export$2e2bcd8739ae039 as CheckboxInput, $10ded3c19afe27a9$export$2e2bcd8739ae039 as SwitchForm, $b1b6aa72505b2474$export$2e2bcd8739ae039 as FileInputGroupForm, $39e9223269e270c7$export$2e2bcd8739ae039 as OpeningsHourInputGroupForm, $c7f1fe1c3b2d56f5$export$2e2bcd8739ae039 as AddressInputGroupForm, $382ffb7c1faa0f62$export$4564041bcff0e281 as useExcel, $48d5b0ffa682dc0b$export$2e2bcd8739ae039 as useExcelMapper, $3f6ca002faff40a3$export$2e2bcd8739ae039 as useColumnHelper, $bcc7539df5bef927$export$1476d5e67a64a695 as escapeSpecialCharacters};
|
|
7060
|
+
export {$4f6dca59bb6d6d50$export$2e2bcd8739ae039 as AvatarElement, $9a29d5e0e3b54abe$export$2e2bcd8739ae039 as AlertElement, $a5045567c9b3a96e$export$2e2bcd8739ae039 as BadgeElement, $b237e6d2d86a5c92$export$2e2bcd8739ae039 as TooltipElement, $bc407adcad543f74$export$2e2bcd8739ae039 as ButtonElement, $c827cec2b56530a4$export$2e2bcd8739ae039 as ButtonGroupElement, $edc4ba41affb9483$export$2e2bcd8739ae039 as DropdownElement, $77cd4416ca4a0639$export$2e2bcd8739ae039 as IconElement, $307aa6ad38171d38$export$2e2bcd8739ae039 as CollapsibleElement, $7b4ae85c2b92d7dd$export$2e2bcd8739ae039 as InputGroupForm, $2e39e1fa3f910477$export$2e2bcd8739ae039 as ContainerLayout, $47c668decea293b6$export$2e2bcd8739ae039 as DividerLayout, $40af42a6ff486398$export$2e2bcd8739ae039 as ListContainerLayout, $d8086708b0fe8d97$export$2e2bcd8739ae039 as MediaObjectLayout, $11b7c597538c2257$export$2e2bcd8739ae039 as PanelLayout, $4421fdc946e7dd6c$export$2e2bcd8739ae039 as TableList, $df469b72efb8986e$export$2e2bcd8739ae039 as TableList2, $fc6e6482f238e9ea$export$4b44a5cb9651fe5e as createColumnHelper, $797c6dd505f17788$export$2e2bcd8739ae039 as BreadcrumbsNavigation, $8239f5cdc1851973$export$2e2bcd8739ae039 as PanelPaginationNavigation, $56d2586955e116da$export$2e2bcd8739ae039 as PagePaginationNavigation, $fa0fc9b7e04a1799$export$2e2bcd8739ae039 as TabNavigation, $860faaa2c7bb1f36$export$2e2bcd8739ae039 as VerticalNavigation, $d467f992ffa88739$export$2e2bcd8739ae039 as ModalOverlay, $0a39296cb800ec26$export$2e2bcd8739ae039 as NotificationOverlay, $434e0b441c881466$export$2e2bcd8739ae039 as SlideOverOverlay, $28232825d538e297$export$2e2bcd8739ae039 as TableColumnOptionsCustom, $b38b76ffa80a65c8$export$2e2bcd8739ae039 as TableExportCustom, $40038b27a5148d69$export$2e2bcd8739ae039 as SelectMenuForm, $66c3dcaaa74b5389$export$7493424cf90fe793 as fromSelectMenuOptionToStringValue, $66c3dcaaa74b5389$export$4370d69198e9314a as toClassName, $66c3dcaaa74b5389$export$91d20e9290e3c358 as toAddressString, $66c3dcaaa74b5389$export$ba96624aa3b67894 as toAddressUrl, $66c3dcaaa74b5389$export$f3f93e5bb54c3de5 as toNationalRegistryNumberString, $66c3dcaaa74b5389$export$648c405ef8d23fec as toPriceString, $66c3dcaaa74b5389$export$155f7ed6f228c17c as toReadableFileSize, $66c3dcaaa74b5389$export$b2669f8969cc59be as toUserName, $66c3dcaaa74b5389$export$d9f806f9324c35ff as toUserInitials, $4e61e073e8ab55ca$export$b7c4e1545c61edee as toDateString, $4e61e073e8ab55ca$export$b489b1fb1454ddcf as toTimeString, $4e61e073e8ab55ca$export$c03bb0116ee09d4b as isValidDate, $4e61e073e8ab55ca$export$9b56e83e909e2c38 as toDateTimeString, $4e61e073e8ab55ca$export$1771f44233a5f72 as toDaysDifference, $4e61e073e8ab55ca$export$8649d02bd537ff66 as latestDateString, $4e61e073e8ab55ca$export$df20409d3177a2e0 as toDateValue, $4e61e073e8ab55ca$export$8a6f307d1b8b1960 as toTimeValue, $4e61e073e8ab55ca$export$8de20099c30464f2 as toUTCDate, $be69f9fa947058ae$export$2e2bcd8739ae039 as DateMenuForm, $00ca07f933061d8a$export$2e2bcd8739ae039 as DateRangeMenuForm, $e964500960620598$export$2e2bcd8739ae039 as __DEPRECATED__CheckboxInputGroupForm, $785bf8949af26aa5$export$2e2bcd8739ae039 as CheckboxInput, $10ded3c19afe27a9$export$2e2bcd8739ae039 as SwitchForm, $b1b6aa72505b2474$export$2e2bcd8739ae039 as FileInputGroupForm, $39e9223269e270c7$export$2e2bcd8739ae039 as OpeningsHourInputGroupForm, $c7f1fe1c3b2d56f5$export$2e2bcd8739ae039 as AddressInputGroupForm, $382ffb7c1faa0f62$export$4564041bcff0e281 as useExcel, $48d5b0ffa682dc0b$export$2e2bcd8739ae039 as useExcelMapper, $3f6ca002faff40a3$export$2e2bcd8739ae039 as useColumnHelper, $bcc7539df5bef927$export$1476d5e67a64a695 as escapeSpecialCharacters};
|
|
6944
7061
|
//# sourceMappingURL=index.esm.js.map
|