karsten-design-system 1.1.59 → 1.1.61
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/README.md +208 -208
- package/dist/index.js +4451 -38
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
- package/dist/.storybook/index.css.js +0 -7
- package/dist/.storybook/index.css.js.map +0 -1
- package/dist/_virtual/jsx-runtime.js +0 -6
- package/dist/_virtual/jsx-runtime.js.map +0 -1
- package/dist/_virtual/jsx-runtime2.js +0 -4
- package/dist/_virtual/jsx-runtime2.js.map +0 -1
- package/dist/_virtual/react-jsx-runtime.production.js +0 -4
- package/dist/_virtual/react-jsx-runtime.production.js.map +0 -1
- package/dist/assets/icons/error.js +0 -8
- package/dist/assets/icons/error.js.map +0 -1
- package/dist/assets/icons/filter.js +0 -8
- package/dist/assets/icons/filter.js.map +0 -1
- package/dist/assets/icons/info.js +0 -8
- package/dist/assets/icons/info.js.map +0 -1
- package/dist/assets/icons/success.js +0 -8
- package/dist/assets/icons/success.js.map +0 -1
- package/dist/assets/icons/text.js +0 -8
- package/dist/assets/icons/text.js.map +0 -1
- package/dist/assets/logoSmall.js +0 -8
- package/dist/assets/logoSmall.js.map +0 -1
- package/dist/components/floating-label/index.js +0 -14
- package/dist/components/floating-label/index.js.map +0 -1
- package/dist/node_modules/date-fns/locale/_lib/buildFormatLongFn.js +0 -11
- package/dist/node_modules/date-fns/locale/_lib/buildFormatLongFn.js.map +0 -1
- package/dist/node_modules/date-fns/locale/_lib/buildLocalizeFn.js +0 -65
- package/dist/node_modules/date-fns/locale/_lib/buildLocalizeFn.js.map +0 -1
- package/dist/node_modules/date-fns/locale/_lib/buildMatchFn.js +0 -60
- package/dist/node_modules/date-fns/locale/_lib/buildMatchFn.js.map +0 -1
- package/dist/node_modules/date-fns/locale/_lib/buildMatchPatternFn.js +0 -23
- package/dist/node_modules/date-fns/locale/_lib/buildMatchPatternFn.js.map +0 -1
- package/dist/node_modules/date-fns/locale/pt-BR/_lib/formatDistance.js +0 -104
- package/dist/node_modules/date-fns/locale/pt-BR/_lib/formatDistance.js.map +0 -1
- package/dist/node_modules/date-fns/locale/pt-BR/_lib/formatLong.js +0 -42
- package/dist/node_modules/date-fns/locale/pt-BR/_lib/formatLong.js.map +0 -1
- package/dist/node_modules/date-fns/locale/pt-BR/_lib/formatRelative.js +0 -25
- package/dist/node_modules/date-fns/locale/pt-BR/_lib/formatRelative.js.map +0 -1
- package/dist/node_modules/date-fns/locale/pt-BR/_lib/localize.js +0 -180
- package/dist/node_modules/date-fns/locale/pt-BR/_lib/localize.js.map +0 -1
- package/dist/node_modules/date-fns/locale/pt-BR/_lib/match.js +0 -137
- package/dist/node_modules/date-fns/locale/pt-BR/_lib/match.js.map +0 -1
- package/dist/node_modules/date-fns/locale/pt-BR.js +0 -29
- package/dist/node_modules/date-fns/locale/pt-BR.js.map +0 -1
- package/dist/node_modules/react/cjs/react-jsx-runtime.production.js +0 -45
- package/dist/node_modules/react/cjs/react-jsx-runtime.production.js.map +0 -1
- package/dist/node_modules/react/jsx-runtime.js +0 -18
- package/dist/node_modules/react/jsx-runtime.js.map +0 -1
- package/dist/node_modules/style-inject/dist/style-inject.es.js +0 -29
- package/dist/node_modules/style-inject/dist/style-inject.es.js.map +0 -1
- package/dist/stories/components/accordion.js +0 -30
- package/dist/stories/components/accordion.js.map +0 -1
- package/dist/stories/components/autoComplete.js +0 -30
- package/dist/stories/components/autoComplete.js.map +0 -1
- package/dist/stories/components/basicHeader.js +0 -9
- package/dist/stories/components/basicHeader.js.map +0 -1
- package/dist/stories/components/breadcrumb.js +0 -10
- package/dist/stories/components/breadcrumb.js.map +0 -1
- package/dist/stories/components/button.js +0 -19
- package/dist/stories/components/button.js.map +0 -1
- package/dist/stories/components/calendarInput.js +0 -99
- package/dist/stories/components/calendarInput.js.map +0 -1
- package/dist/stories/components/card.js +0 -9
- package/dist/stories/components/card.js.map +0 -1
- package/dist/stories/components/cardButton.js +0 -11
- package/dist/stories/components/cardButton.js.map +0 -1
- package/dist/stories/components/cardIconsButton.js +0 -11
- package/dist/stories/components/cardIconsButton.js.map +0 -1
- package/dist/stories/components/chart.js +0 -9
- package/dist/stories/components/chart.js.map +0 -1
- package/dist/stories/components/dialog.js +0 -10
- package/dist/stories/components/dialog.js.map +0 -1
- package/dist/stories/components/divider.js +0 -9
- package/dist/stories/components/divider.js.map +0 -1
- package/dist/stories/components/emptyContent.js +0 -8
- package/dist/stories/components/emptyContent.js.map +0 -1
- package/dist/stories/components/expandablePanel.js +0 -10
- package/dist/stories/components/expandablePanel.js.map +0 -1
- package/dist/stories/components/fileUpload.js +0 -96
- package/dist/stories/components/fileUpload.js.map +0 -1
- package/dist/stories/components/filterButton.js +0 -33
- package/dist/stories/components/filterButton.js.map +0 -1
- package/dist/stories/components/header.js +0 -37
- package/dist/stories/components/header.js.map +0 -1
- package/dist/stories/components/iconButton.js +0 -14
- package/dist/stories/components/iconButton.js.map +0 -1
- package/dist/stories/components/infoCard.js +0 -9
- package/dist/stories/components/infoCard.js.map +0 -1
- package/dist/stories/components/input.js +0 -60
- package/dist/stories/components/input.js.map +0 -1
- package/dist/stories/components/inputSwitch.js +0 -14
- package/dist/stories/components/inputSwitch.js.map +0 -1
- package/dist/stories/components/inputTextArea.js +0 -20
- package/dist/stories/components/inputTextArea.js.map +0 -1
- package/dist/stories/components/internalMenu.js +0 -30
- package/dist/stories/components/internalMenu.js.map +0 -1
- package/dist/stories/components/link.js +0 -8
- package/dist/stories/components/link.js.map +0 -1
- package/dist/stories/components/megaMenu.js +0 -13
- package/dist/stories/components/megaMenu.js.map +0 -1
- package/dist/stories/components/modal.js +0 -38
- package/dist/stories/components/modal.js.map +0 -1
- package/dist/stories/components/multiselect.js +0 -125
- package/dist/stories/components/multiselect.js.map +0 -1
- package/dist/stories/components/notification.js +0 -16
- package/dist/stories/components/notification.js.map +0 -1
- package/dist/stories/components/notificationItem.js +0 -16
- package/dist/stories/components/notificationItem.js.map +0 -1
- package/dist/stories/components/paginator.js +0 -28
- package/dist/stories/components/paginator.js.map +0 -1
- package/dist/stories/components/radioButton.js +0 -17
- package/dist/stories/components/radioButton.js.map +0 -1
- package/dist/stories/components/select.js +0 -98
- package/dist/stories/components/select.js.map +0 -1
- package/dist/stories/components/sidebar.js +0 -17
- package/dist/stories/components/sidebar.js.map +0 -1
- package/dist/stories/components/skeleton.js +0 -9
- package/dist/stories/components/skeleton.js.map +0 -1
- package/dist/stories/components/spinner.js +0 -18
- package/dist/stories/components/spinner.js.map +0 -1
- package/dist/stories/components/table.js +0 -167
- package/dist/stories/components/table.js.map +0 -1
- package/dist/stories/components/tagStatus.js +0 -33
- package/dist/stories/components/tagStatus.js.map +0 -1
- package/dist/stories/components/toast.js +0 -18
- package/dist/stories/components/toast.js.map +0 -1
- package/dist/utils/masks/index.js +0 -90
- package/dist/utils/masks/index.js.map +0 -1
- package/dist/utils/nestedValue.js +0 -9
- package/dist/utils/nestedValue.js.map +0 -1
- package/dist/utils/sortData.js +0 -48
- package/dist/utils/sortData.js.map +0 -1
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
|
|
2
|
-
import clsx from 'clsx';
|
|
3
|
-
import { Button as Button$1 } from 'primereact/button';
|
|
4
|
-
|
|
5
|
-
const variants = {
|
|
6
|
-
primary: 'bg-primary !text-background border-primary hover:bg-primaryActive disabled:bg-stoneDark disabled:border-stoneDark',
|
|
7
|
-
outline: 'bg-background !text-primary border-primary hover:bg-stone disabled:bg-stoneDark disabled:text-background disabled:border-stoneDark',
|
|
8
|
-
secondary: 'bg-stoneLight !text-grayDark border-stoneLight hover:bg-stone hover:border-stone disabled:bg-stone disabled:border-stone',
|
|
9
|
-
secondaryOutline: 'bg-transparent !text-backgroundDark border-stoneDark hover:bg-stone disabled:text-stoneDark',
|
|
10
|
-
gray: 'bg-gray !text-background border-gray hover:bg-grayDark hover:border-grayDark ',
|
|
11
|
-
grayOutline: 'bg-transparent !text-gray100 border-gray50 hover:bg-stone disabled:bg-stone disabled:text-stoneDark',
|
|
12
|
-
tab: 'bg-background !text-primary border-background hover:bg-secondaryActive hover:border-grayDark disabled:bg-stoneDark disabled:text-background disabled:border-stoneDark',
|
|
13
|
-
};
|
|
14
|
-
function Button({ variant = 'primary', selected = false, rightIcon, className, width = 'w-100', ...props }) {
|
|
15
|
-
return (jsxRuntimeExports.jsx(Button$1, { ...props, className: clsx('!py-2 !shadow-none font-roboto', variants[variant], selected && variant === 'tab' && 'bg-secondary border-grayDark ', width, className), "aria-label": "button component", children: rightIcon && jsxRuntimeExports.jsx("span", { className: `pi pl-2 ${rightIcon}`, children: " " }) }));
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
export { Button };
|
|
19
|
-
//# sourceMappingURL=button.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sources":["../../../../src/stories/components/button.tsx"],"sourcesContent":[null],"names":["_jsx","PrimeButton"],"mappings":";;;;AAMA,MAAM,QAAQ,GAAG;AACf,IAAA,OAAO,EACL,mHAAmH;AACrH,IAAA,OAAO,EACL,oIAAoI;AACtI,IAAA,SAAS,EACP,0HAA0H;AAC5H,IAAA,gBAAgB,EACd,6FAA6F;AAC/F,IAAA,IAAI,EAAE,+EAA+E;AACrF,IAAA,WAAW,EACT,qGAAqG;AACvG,IAAA,GAAG,EAAE,uKAAuK;CAC7K;AASK,SAAU,MAAM,CAAC,EACrB,OAAO,GAAG,SAAS,EACnB,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,SAAS,EACT,KAAK,GAAG,OAAO,EACf,GAAG,KAAK,EACI,EAAA;AACZ,IAAA,QACEA,qBAAC,CAAAC,QAAW,OACN,KAAK,EACT,SAAS,EAAE,IAAI,CACb,gCAAgC,EAChC,QAAQ,CAAC,OAAO,CAAC,EACjB,QAAQ,IAAI,OAAO,KAAK,KAAK,IAAI,+BAA+B,EAChE,KAAK,EACL,SAAS,CACV,EAAA,YAAA,EACU,kBAAkB,EAE5B,QAAA,EAAA,SAAS,IAAID,qBAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,CAAW,QAAA,EAAA,SAAS,EAAE,EAAU,QAAA,EAAA,GAAA,EAAA,CAAA,EAAA,CACnD;AAElB;;;;"}
|
|
@@ -1,99 +0,0 @@
|
|
|
1
|
-
import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
|
|
2
|
-
import clsx from 'clsx';
|
|
3
|
-
import { addLocale } from 'primereact/api';
|
|
4
|
-
import { Calendar } from 'primereact/calendar';
|
|
5
|
-
import { InputIcon } from 'primereact/inputicon';
|
|
6
|
-
import { useRef } from 'react';
|
|
7
|
-
import FloatingLabel from '../../components/floating-label/index.js';
|
|
8
|
-
|
|
9
|
-
addLocale('pt-BR', {
|
|
10
|
-
firstDayOfWeek: 0,
|
|
11
|
-
dayNames: [
|
|
12
|
-
'domingo',
|
|
13
|
-
'segunda-feira',
|
|
14
|
-
'terça-feira',
|
|
15
|
-
'quarta-feira',
|
|
16
|
-
'quinta-feira',
|
|
17
|
-
'sexta-feira',
|
|
18
|
-
'sábado',
|
|
19
|
-
],
|
|
20
|
-
dayNamesShort: ['dom', 'seg', 'ter', 'qua', 'qui', 'sex', 'sáb'],
|
|
21
|
-
dayNamesMin: ['D', 'S', 'T', 'Q', 'Q', 'S', 'S'],
|
|
22
|
-
monthNames: [
|
|
23
|
-
'janeiro',
|
|
24
|
-
'fevereiro',
|
|
25
|
-
'março',
|
|
26
|
-
'abril',
|
|
27
|
-
'maio',
|
|
28
|
-
'junho',
|
|
29
|
-
'julho',
|
|
30
|
-
'agosto',
|
|
31
|
-
'setembro',
|
|
32
|
-
'outubro',
|
|
33
|
-
'novembro',
|
|
34
|
-
'dezembro',
|
|
35
|
-
],
|
|
36
|
-
monthNamesShort: [
|
|
37
|
-
'jan',
|
|
38
|
-
'fev',
|
|
39
|
-
'mar',
|
|
40
|
-
'abr',
|
|
41
|
-
'mai',
|
|
42
|
-
'jun',
|
|
43
|
-
'jul',
|
|
44
|
-
'ago',
|
|
45
|
-
'set',
|
|
46
|
-
'out',
|
|
47
|
-
'nov',
|
|
48
|
-
'dez',
|
|
49
|
-
],
|
|
50
|
-
today: 'Hoje',
|
|
51
|
-
clear: 'Limpar',
|
|
52
|
-
dateFormat: 'dd/mm/yy',
|
|
53
|
-
});
|
|
54
|
-
function CalendarInput({ error, placeholder = 'Selecione uma data', label, disabled = false, ...props }) {
|
|
55
|
-
const calendarRef = useRef(null);
|
|
56
|
-
const hasError = (error && !disabled) || (!!error && !disabled);
|
|
57
|
-
const dateTemplate = (data) => {
|
|
58
|
-
const date = new Date(`${data.year}/${data.month + 1}/${data.day}`);
|
|
59
|
-
const dayComponent = (className) => {
|
|
60
|
-
return (jsxRuntimeExports.jsx("div", { className: `w-full h-full flex justify-center items-center text-grayDark ${className}`, children: data.day }));
|
|
61
|
-
};
|
|
62
|
-
if (props.selectionMode === 'range') {
|
|
63
|
-
const [start, end] = Array.isArray(props.value)
|
|
64
|
-
? props.value
|
|
65
|
-
: [null, null];
|
|
66
|
-
if (start && date.getTime() === start.getTime()) {
|
|
67
|
-
return dayComponent('bg-stone');
|
|
68
|
-
}
|
|
69
|
-
if (start && end && date >= start && date <= end) {
|
|
70
|
-
return dayComponent('bg-stone');
|
|
71
|
-
}
|
|
72
|
-
return dayComponent();
|
|
73
|
-
}
|
|
74
|
-
if (props.selectionMode === 'single' || !props.selectionMode) {
|
|
75
|
-
const selectedDate = props.value;
|
|
76
|
-
if (selectedDate && date.getTime() === selectedDate.getTime()) {
|
|
77
|
-
return dayComponent('bg-stone');
|
|
78
|
-
}
|
|
79
|
-
}
|
|
80
|
-
return dayComponent();
|
|
81
|
-
};
|
|
82
|
-
const handleInputClick = () => {
|
|
83
|
-
if (!disabled) {
|
|
84
|
-
calendarRef.current?.show();
|
|
85
|
-
}
|
|
86
|
-
};
|
|
87
|
-
return (jsxRuntimeExports.jsx("div", { className: "relative flex flex-col w-full min-w-full", children: jsxRuntimeExports.jsxs("div", { onClick: handleInputClick, children: [jsxRuntimeExports.jsx(FloatingLabel, { value: props?.value ? props.value.toString() : '', label: label, disabled: disabled, error: error }), jsxRuntimeExports.jsxs("div", { className: "relative w-full min-w-full", children: [jsxRuntimeExports.jsx(Calendar, { ...props, disabled: disabled, placeholder: placeholder, ref: calendarRef, panelStyle: { width: '530px', height: '500px' }, className: clsx('w-full min-w-full focus:shadow-none border-none z-0 font-roboto border rounded-md', hasError
|
|
88
|
-
? 'border-redError placeholder:!text-redError p-invalid'
|
|
89
|
-
: 'border-gray focus:border-primary', disabled && 'border-stoneDark text-disabled', error && 'border-redError text-redError p-invalid', !error && 'border-gray p-custom'), dateFormat: "dd/mm/yy", inputStyle: {
|
|
90
|
-
border: `1px solid ${error && !props.value ? '#EC4A54' : '#a0a4b3'}`,
|
|
91
|
-
boxShadow: 'none',
|
|
92
|
-
color: hasError ? '#EC4A54' : '',
|
|
93
|
-
height: '42px',
|
|
94
|
-
fontSize: '16px',
|
|
95
|
-
}, hideOnDateTimeSelect: true, hideOnRangeSelection: true, todayButtonClassName: "bg-primary text-background", dateTemplate: dateTemplate, invalid: hasError, locale: "pt-BR" }), jsxRuntimeExports.jsx(InputIcon, { className: clsx(`pi pi-calendar text-gray cursor-pointer absolute right-3 top-1/2 transform -translate-y-1/2`, disabled && 'text-disabled', hasError && 'text-redError') })] }), hasError && (jsxRuntimeExports.jsx("div", { className: "mb-4", children: jsxRuntimeExports.jsx("span", { className: "absolute text-redError text-xs px-2", children: error }) }))] }) }));
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
export { CalendarInput };
|
|
99
|
-
//# sourceMappingURL=calendarInput.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"calendarInput.js","sources":["../../../../src/stories/components/calendarInput.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
|
|
2
|
-
import clsx from 'clsx';
|
|
3
|
-
|
|
4
|
-
function Card({ children, className, ariaLabel = 'Card de informação', }) {
|
|
5
|
-
return (jsxRuntimeExports.jsx("div", { className: clsx('bg-background shadow-container rounded-md p-3', className ? className : 'w-full h-full'), "aria-label": ariaLabel, children: children }));
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
export { Card };
|
|
9
|
-
//# sourceMappingURL=card.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"card.js","sources":["../../../../src/stories/components/card.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAOM,SAAU,IAAI,CAAC,EACnB,QAAQ,EACR,SAAS,EACT,SAAS,GAAG,oBAAoB,GACvB,EAAA;IACT,QACEA,qBACE,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,IAAI,CACb,+CAA+C,EAC/C,SAAS,GAAG,SAAS,GAAG,eAAe,CACxC,EAAA,YAAA,EACW,SAAS,EAEpB,QAAA,EAAA,QAAQ,EACL,CAAA;AAEV;;;;"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
|
|
2
|
-
|
|
3
|
-
function CardButton({ label, description, onClick, isLight = true, }) {
|
|
4
|
-
return (jsxRuntimeExports.jsxs("div", { className: `cursor-pointer rounded-2xl p-4 h-[160px] w-full bg-gradient-to-br hover:shadow-md transition-shadow duration-200 border ${isLight ? 'border-[#f3f4f6] from-[#f3f4f6] to-white' : 'border-[#13294B] from-[#13294B] to-[#0C1C34]'}`, onClick: () => {
|
|
5
|
-
if (onClick)
|
|
6
|
-
onClick();
|
|
7
|
-
}, children: [jsxRuntimeExports.jsx("h3", { className: `text-lg font-bold ${isLight ? 'text-[#13294B]' : 'text-white'}`, children: label }), description && (jsxRuntimeExports.jsx("p", { className: `text-sm mt-2 line-clamp-3 ${isLight ? 'text-[#13294B]' : 'text-white'}`, children: description }))] }));
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
export { CardButton };
|
|
11
|
-
//# sourceMappingURL=cardButton.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"cardButton.js","sources":["../../../../src/stories/components/cardButton.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;AAMgB,SAAA,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,OAAO,EACP,OAAO,GAAG,IAAI,GACE,EAAA;AAChB,IAAA,QACEA,sBACE,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,CAA2H,wHAAA,EAAA,OAAO,GAAG,0CAA0C,GAAG,8CAA8C,CAAA,CAAE,EAC7O,OAAO,EAAE,MAAK;AACZ,YAAA,IAAI,OAAO;AAAE,gBAAA,OAAO,EAAE;AACxB,SAAC,aAEDC,qBACE,CAAA,IAAA,EAAA,EAAA,SAAS,EAAE,CAAqB,kBAAA,EAAA,OAAO,GAAG,gBAAgB,GAAG,YAAY,CAAA,CAAE,YAE1E,KAAK,EAAA,CACH,EACJ,WAAW,KACVA,qBAAA,CAAA,GAAA,EAAA,EACE,SAAS,EAAE,CAAA,0BAAA,EAA6B,OAAO,GAAG,gBAAgB,GAAG,YAAY,EAAE,EAElF,QAAA,EAAA,WAAW,GACV,CACL,CAAA,EAAA,CACG;AAEV;;;;"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
|
|
2
|
-
|
|
3
|
-
function CardIconsButton({ label, leftIcon, onClick, isLight = true, }) {
|
|
4
|
-
return (jsxRuntimeExports.jsxs("div", { className: `cursor-pointer rounded-xl p-4 w-full min-h-[60px] bg-gradient-to-br hover:shadow-md transition-shadow duration-200 border flex items-center justify-between gap-4 ${isLight ? 'border-[#f3f4f6] from-[#f3f4f6] to-white' : 'border-[#13294B] from-[#13294B] to-[#0C1C34]'}`, onClick: () => {
|
|
5
|
-
if (onClick)
|
|
6
|
-
onClick();
|
|
7
|
-
}, "aria-label": `Botão de navegação para ${label}`, children: [jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3 flex-grow overflow-hidden", children: [leftIcon && (jsxRuntimeExports.jsx("div", { className: `text-xl flex-shrink-0 flex items-center ${isLight ? 'text-[#13294B]' : 'text-white'}`, children: leftIcon })), jsxRuntimeExports.jsx("h3", { className: `text-base font-semibold break-words ${isLight ? 'text-[#646981]' : 'text-white'}`, children: label })] }), jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center h-full", children: jsxRuntimeExports.jsx("i", { className: `pi pi-angle-right text-xl flex-shrink-0 ${isLight ? 'text-[#646981]' : 'text-white'}` }) })] }));
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
export { CardIconsButton };
|
|
11
|
-
//# sourceMappingURL=cardIconsButton.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"cardIconsButton.js","sources":["../../../../src/stories/components/cardIconsButton.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;AAQgB,SAAA,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,OAAO,EACP,OAAO,GAAG,IAAI,GACO,EAAA;AACrB,IAAA,QACEA,sBACE,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,CAAqK,kKAAA,EAAA,OAAO,GAAG,0CAA0C,GAAG,8CAA8C,CAAA,CAAE,EACvR,OAAO,EAAE,MAAK;AACZ,YAAA,IAAI,OAAO;AAAE,gBAAA,OAAO,EAAE;AACxB,SAAC,EACW,YAAA,EAAA,CAAA,wBAAA,EAA2B,KAAK,CAAA,CAAE,aAE9CA,sBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,mDAAmD,aAC/D,QAAQ,KACPC,qBAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,CAAA,wCAAA,EAA2C,OAAO,GAAG,gBAAgB,GAAG,YAAY,CAAA,CAAE,EAEhG,QAAA,EAAA,QAAQ,GACL,CACP,EACDA,qBACE,CAAA,IAAA,EAAA,EAAA,SAAS,EAAE,CAAuC,oCAAA,EAAA,OAAO,GAAG,gBAAgB,GAAG,YAAY,CAAA,CAAE,EAE5F,QAAA,EAAA,KAAK,GACH,CACD,EAAA,CAAA,EAENA,qBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,yCAAyC,EAAA,QAAA,EACtDA,qBACE,CAAA,GAAA,EAAA,EAAA,SAAS,EAAE,CAA2C,wCAAA,EAAA,OAAO,GAAG,gBAAgB,GAAG,YAAY,CAAE,CAAA,EAAA,CACjG,EACE,CAAA,CAAA,EAAA,CACF;AAEV;;;;"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
|
|
2
|
-
import { Chart as Chart$1 } from 'primereact/chart';
|
|
3
|
-
|
|
4
|
-
function Chart(props) {
|
|
5
|
-
return jsxRuntimeExports.jsx(Chart$1, { ...props });
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
export { Chart };
|
|
9
|
-
//# sourceMappingURL=chart.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"chart.js","sources":["../../../../src/stories/components/chart.tsx"],"sourcesContent":[null],"names":["_jsx","PrimeChart"],"mappings":";;;AAOM,SAAU,KAAK,CAAC,KAAiB,EAAA;AACrC,IAAA,OAAOA,qBAAC,CAAAC,OAAU,EAAK,EAAA,GAAA,KAAK,GAAI;AAClC;;;;"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
|
|
2
|
-
import { Button } from './button.js';
|
|
3
|
-
import { Card } from './card.js';
|
|
4
|
-
|
|
5
|
-
function Dialog({ title, description, labelConfirmButton, onClose, onClick, }) {
|
|
6
|
-
return (jsxRuntimeExports.jsx("div", { className: "fixed inset-0 bg-black bg-opacity-50 z-20 flex justify-center items-center", children: jsxRuntimeExports.jsxs(Card, { className: "flex flex-col", children: [jsxRuntimeExports.jsxs("div", { className: "flex flex-row items-center justify-between px-4 pt-4 pb-6 border-b border-b-stone", children: [jsxRuntimeExports.jsx("h2", { className: "text-primary font-semibold", children: title }), jsxRuntimeExports.jsx("i", { className: "pi pi-times", style: { color: '#606060', cursor: 'pointer' }, onClick: onClose })] }), jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center p-6", children: [jsxRuntimeExports.jsx("span", { className: "text-primary", children: description }), jsxRuntimeExports.jsxs("div", { className: "w-100 flex flex-row justify-end pt-10 gap-4", children: [jsxRuntimeExports.jsx("div", { className: "w-1/3", children: jsxRuntimeExports.jsx(Button, { label: "Cancelar", variant: "outline", onClick: onClose }) }), jsxRuntimeExports.jsx("div", { className: "w-1/3", children: jsxRuntimeExports.jsx(Button, { label: labelConfirmButton, variant: "primary", onClick: onClick }) })] })] })] }) }));
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
export { Dialog };
|
|
10
|
-
//# sourceMappingURL=dialog.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.js","sources":["../../../../src/stories/components/dialog.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;AAWgB,SAAA,MAAM,CAAC,EACrB,KAAK,EACL,WAAW,EACX,kBAAkB,EAClB,OAAO,EACP,OAAO,GACK,EAAA;IACZ,QACEA,qBACE,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,4EAA4E,YAEtFC,sBAAC,CAAA,IAAI,EAAC,EAAA,SAAS,EAAC,eAAe,aAC7BA,sBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,mFAAmF,EAChG,QAAA,EAAA,CAAAD,qBAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,4BAA4B,EAAA,QAAA,EAAE,KAAK,EAAA,CAAM,EACvDA,qBAAA,CAAA,GAAA,EAAA,EACE,SAAS,EAAC,aAAa,EACvB,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,EAC9C,OAAO,EAAE,OAAO,EAAA,CAChB,CACE,EAAA,CAAA,EACNC,sBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,gCAAgC,EAC7C,QAAA,EAAA,CAAAD,qBAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,cAAc,EAAE,QAAA,EAAA,WAAW,EAAQ,CAAA,EACnDC,sBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,6CAA6C,EAC1D,QAAA,EAAA,CAAAD,qBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,OAAO,EAAA,QAAA,EACpBA,sBAAC,MAAM,EAAA,EAAC,KAAK,EAAC,UAAU,EAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,OAAO,EAAA,CAAI,GAC3D,EACNA,qBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,OAAO,EAAA,QAAA,EACpBA,qBAAC,CAAA,MAAM,EACL,EAAA,KAAK,EAAE,kBAAkB,EACzB,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,OAAO,EAAA,CAChB,EACE,CAAA,CAAA,EAAA,CACF,CACF,EAAA,CAAA,CAAA,EAAA,CACD,EACH,CAAA;AAEV;;;;"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
|
|
2
|
-
import { Divider as Divider$1 } from 'primereact/divider';
|
|
3
|
-
|
|
4
|
-
function Divider({ ...props }) {
|
|
5
|
-
return jsxRuntimeExports.jsx(Divider$1, { ...props });
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
export { Divider };
|
|
9
|
-
//# sourceMappingURL=divider.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"divider.js","sources":["../../../../src/stories/components/divider.tsx"],"sourcesContent":[null],"names":["_jsx","PrimeDivider"],"mappings":";;;SAEgB,OAAO,CAAC,EAAE,GAAG,KAAK,EAAgB,EAAA;AAChD,IAAA,OAAOA,qBAAC,CAAAC,SAAY,EAAK,EAAA,GAAA,KAAK,GAAI;AACpC;;;;"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
|
|
2
|
-
|
|
3
|
-
function EmptyContent({ message = 'Não há dados disponíveis.' }) {
|
|
4
|
-
return (jsxRuntimeExports.jsx("div", { className: "p-6 text-justify text-primary bg-stoneBackground", children: jsxRuntimeExports.jsxs("div", { className: 'py-2 px-4 rounded-lg font-semibold', children: [jsxRuntimeExports.jsx("i", { className: 'pi pi-database mr-2' }), message] }) }));
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
export { EmptyContent };
|
|
8
|
-
//# sourceMappingURL=emptyContent.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"emptyContent.js","sources":["../../../../src/stories/components/emptyContent.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;SAIgB,YAAY,CAAE,EAAE,OAAO,GAAG,2BAA2B,EAAa,EAAA;IAChF,QACEA,+BAAK,SAAS,EAAC,kDAAkD,EAC/D,QAAA,EAAAC,sBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,oCAAoC,aACjDD,qBAAG,CAAA,GAAA,EAAA,EAAA,SAAS,EAAC,qBAAqB,EAAA,CAAK,EACtC,OAAO,CAAA,EAAA,CACJ,EACF,CAAA;AAEV;;;;"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
|
|
2
|
-
import { useState } from 'react';
|
|
3
|
-
|
|
4
|
-
function ExpandablePanel({ title, children, defaultOpen = true, isLight = true, }) {
|
|
5
|
-
const [isOpen, setIsOpen] = useState(defaultOpen);
|
|
6
|
-
return (jsxRuntimeExports.jsx("div", { className: "relative p-[2px] rounded-lg bg-gradient-to-r from-[#FAFAFB] via-[#FAFAFB] to-[#FAFAFB] mb-4", children: jsxRuntimeExports.jsxs("div", { className: "bg-white rounded-lg overflow-hidden", children: [jsxRuntimeExports.jsxs("div", { className: `flex justify-between items-center px-4 py-2 cursor-pointer bg-gradient-to-r ${isLight ? 'from-[#FFFFFF] via-[#FAFAFB] to-[#FFFFFF]' : 'from-[#13294B] to-[#0C1C34]'}`, onClick: () => setIsOpen(!isOpen), children: [jsxRuntimeExports.jsx("div", { className: `text-xl font-bold ${isLight ? 'text-primary' : 'text-white'}`, children: title }), jsxRuntimeExports.jsx("button", { children: isOpen ? (jsxRuntimeExports.jsx("i", { className: `pi pi-chevron-down ${isLight ? 'text-primary' : 'text-white'}` })) : (jsxRuntimeExports.jsx("i", { className: `pi pi-chevron-up ${isLight ? 'text-primary' : 'text-white'}` })) })] }), isOpen && jsxRuntimeExports.jsx("div", { className: "p-4 text-primary", children: children })] }) }));
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
export { ExpandablePanel };
|
|
10
|
-
//# sourceMappingURL=expandablePanel.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"expandablePanel.js","sources":["../../../../src/stories/components/expandablePanel.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;AASgB,SAAA,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,WAAW,GAAG,IAAI,EAClB,OAAO,GAAG,IAAI,GACO,EAAA;IACrB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC;IAEjD,QACEA,qBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,6FAA6F,YAC1GC,sBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,qCAAqC,EAClD,QAAA,EAAA,CAAAA,sBAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,CAAA,4EAAA,EAA+E,OAAO,GAAG,2CAA2C,GAAG,6BAA6B,CAAA,CAAE,EACjL,OAAO,EAAE,MAAM,SAAS,CAAC,CAAC,MAAM,CAAC,EAAA,QAAA,EAAA,CAEjCD,qBACE,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,CAAA,kBAAA,EAAqB,OAAO,GAAG,cAAc,GAAG,YAAY,CAAE,CAAA,EAAA,QAAA,EAExE,KAAK,EAAA,CACF,EACNA,qBAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EACG,MAAM,IACLA,qBACE,CAAA,GAAA,EAAA,EAAA,SAAS,EAAE,CAAsB,mBAAA,EAAA,OAAO,GAAG,cAAc,GAAG,YAAY,CAAA,CAAE,EAC1E,CAAA,KAEFA,qBACE,CAAA,GAAA,EAAA,EAAA,SAAS,EAAE,CAAA,iBAAA,EAAoB,OAAO,GAAG,cAAc,GAAG,YAAY,CAAA,CAAE,EACxE,CAAA,CACH,EACM,CAAA,CAAA,EAAA,CACL,EAEL,MAAM,IAAIA,qBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,kBAAkB,EAAE,QAAA,EAAA,QAAQ,EAAO,CAAA,CAAA,EAAA,CACzD,EACF,CAAA;AAEV;;;;"}
|
|
@@ -1,96 +0,0 @@
|
|
|
1
|
-
import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
|
|
2
|
-
import clsx from 'clsx';
|
|
3
|
-
import { useState, useRef, useEffect } from 'react';
|
|
4
|
-
|
|
5
|
-
function FileUpload({ label = 'Enviar arquivos', value = [], onChange, multiple = true, fileTypes, className, error, disabled = false, }) {
|
|
6
|
-
const [isDragging, setIsDragging] = useState(false);
|
|
7
|
-
const fileInputRef = useRef(null);
|
|
8
|
-
const [uploadFiles, setUploadFiles] = useState(value);
|
|
9
|
-
useEffect(() => {
|
|
10
|
-
setUploadFiles(value);
|
|
11
|
-
}, [value]);
|
|
12
|
-
const updateFiles = (newFiles) => {
|
|
13
|
-
setUploadFiles(newFiles);
|
|
14
|
-
onChange?.(newFiles);
|
|
15
|
-
};
|
|
16
|
-
const generateFileWithPreview = (files, allowedTypes = ['image', 'pdf']) => {
|
|
17
|
-
const allowedMimeTypes = getAcceptedMimeTypes(allowedTypes).split(',');
|
|
18
|
-
return Array.from(files)
|
|
19
|
-
.filter((file) => allowedMimeTypes.some((mime) => {
|
|
20
|
-
if (mime === 'image/*')
|
|
21
|
-
return file.type.startsWith('image/');
|
|
22
|
-
return file.type === mime;
|
|
23
|
-
}))
|
|
24
|
-
.map((file) => {
|
|
25
|
-
const type = file.type.startsWith('image/') ? 'image' : 'pdf';
|
|
26
|
-
const previewUrl = type === 'image' ? URL.createObjectURL(file) : undefined;
|
|
27
|
-
return { file, type, previewUrl };
|
|
28
|
-
});
|
|
29
|
-
};
|
|
30
|
-
const getAcceptedMimeTypes = (types = ['image', 'pdf']) => {
|
|
31
|
-
const mimeMap = {
|
|
32
|
-
image: 'image/*',
|
|
33
|
-
pdf: 'application/pdf',
|
|
34
|
-
};
|
|
35
|
-
return types.map((type) => mimeMap[type]).join(',');
|
|
36
|
-
};
|
|
37
|
-
const handleFileChange = (selectedFiles) => {
|
|
38
|
-
if (!selectedFiles)
|
|
39
|
-
return;
|
|
40
|
-
const newFiles = generateFileWithPreview(selectedFiles, fileTypes);
|
|
41
|
-
updateFiles([...(uploadFiles || []), ...newFiles]);
|
|
42
|
-
};
|
|
43
|
-
const handleRemoveFile = (fileToRemove) => {
|
|
44
|
-
const updated = uploadFiles
|
|
45
|
-
.map((file) => {
|
|
46
|
-
if (file.id && file.id === fileToRemove.id) {
|
|
47
|
-
return { ...file, isDeleted: true };
|
|
48
|
-
}
|
|
49
|
-
if (!file.id && file.file === fileToRemove.file) {
|
|
50
|
-
return null;
|
|
51
|
-
}
|
|
52
|
-
return file;
|
|
53
|
-
})
|
|
54
|
-
.filter(Boolean);
|
|
55
|
-
updateFiles(updated);
|
|
56
|
-
};
|
|
57
|
-
const getSupportedFileText = (types = ['image', 'pdf']) => {
|
|
58
|
-
const includesImage = types.includes('image');
|
|
59
|
-
const includesPdf = types.includes('pdf');
|
|
60
|
-
if (includesImage && includesPdf)
|
|
61
|
-
return 'Suporta imagens e PDFs';
|
|
62
|
-
if (includesImage)
|
|
63
|
-
return 'Suporta apenas imagens';
|
|
64
|
-
if (includesPdf)
|
|
65
|
-
return 'Suporta apenas PDFs';
|
|
66
|
-
return '';
|
|
67
|
-
};
|
|
68
|
-
const handleDragOver = (e) => {
|
|
69
|
-
e.preventDefault();
|
|
70
|
-
setIsDragging(true);
|
|
71
|
-
};
|
|
72
|
-
const handleDragLeave = (e) => {
|
|
73
|
-
e.preventDefault();
|
|
74
|
-
setIsDragging(false);
|
|
75
|
-
};
|
|
76
|
-
const handleDrop = (e) => {
|
|
77
|
-
e.preventDefault();
|
|
78
|
-
setIsDragging(false);
|
|
79
|
-
if (isDisabled || disabled)
|
|
80
|
-
return;
|
|
81
|
-
handleFileChange(e.dataTransfer.files);
|
|
82
|
-
};
|
|
83
|
-
const visibleFiles = uploadFiles.filter((file) => !file.isDeleted);
|
|
84
|
-
const isDisabled = !multiple && visibleFiles.length > 0;
|
|
85
|
-
return (jsxRuntimeExports.jsxs("div", { className: clsx('space-y-3', className), children: [jsxRuntimeExports.jsx("label", { htmlFor: "file-upload", className: "text-[18px] font-medium text-primary", children: label }), jsxRuntimeExports.jsxs("div", { role: "button", "aria-label": "\u00C1rea de envio de arquivos", "aria-disabled": isDisabled || disabled, className: clsx('border-2 border-dashed rounded-lg p-2 text-center cursor-pointer transition-colors', isDragging && !error
|
|
86
|
-
? 'border-primary bg-primary/5'
|
|
87
|
-
: 'border-[#e6e6e6] hover:border-primary/50', isDisabled || (disabled && 'bg-gray-200 cursor-auto'), error && 'border-red-500 hover:border-red-500'), onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, onClick: () => fileInputRef.current?.click(), children: [jsxRuntimeExports.jsx("input", { id: "file-upload", ref: fileInputRef, type: "file", onChange: (e) => handleFileChange(e.target.files), className: "hidden", multiple: multiple, accept: getAcceptedMimeTypes(fileTypes), disabled: isDisabled || disabled }), jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center justify-center space-y-3", children: [jsxRuntimeExports.jsx("i", { className: "pi pi-upload text-xl text-[#a0a4b3]" }), jsxRuntimeExports.jsx("p", { className: "text-lg font-semibold text-primary", children: isDisabled ? 'Limite atingido' : 'Arraste e solte arquivos aqui' }), jsxRuntimeExports.jsx("p", { className: "text-sm text-[#a0a4b3]", children: isDisabled
|
|
88
|
-
? 'Já possui um arquivo selecionado'
|
|
89
|
-
: 'ou clique para selecionar arquivos' }), jsxRuntimeExports.jsx("p", { className: "text-xs text-[#a0a4b3]", children: getSupportedFileText(fileTypes) })] })] }), error && (jsxRuntimeExports.jsx("span", { className: "text-redError text-xs", role: "alert", "aria-live": "assertive", children: error })), visibleFiles.length > 0 && (jsxRuntimeExports.jsxs("div", { className: "space-y-4", children: [jsxRuntimeExports.jsxs("p", { className: "text-base text-[#a0a4b3]", children: ["Arquivos selecionados (", visibleFiles.length, ")"] }), jsxRuntimeExports.jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4", children: visibleFiles.map((file, index) => (jsxRuntimeExports.jsxs("div", { className: "relative group overflow-hidden rounded border border-gray-200", children: [jsxRuntimeExports.jsx("div", { className: "aspect-square bg-[#e6e6e6] flex items-center justify-center", children: file.type === 'image' && file.previewUrl ? (jsxRuntimeExports.jsx("img", { src: file?.previewUrl, alt: file?.file?.name || file?.name, className: "object-cover w-full h-full transition-transform duration-300 ease-in-out group-hover:scale-105" })) : (jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center justify-center p-4 transition-transform duration-300 ease-in-out group-hover:scale-105", children: [jsxRuntimeExports.jsx("i", { className: "pi pi-file-pdf text-4xl text-primary" }), jsxRuntimeExports.jsx("span", { className: "mt-2 text-xs text-center truncate max-w-full", children: file?.file?.name || file?.name })] })) }), jsxRuntimeExports.jsx("button", { type: "button", className: "absolute top-1 right-1 w-6 h-6 flex items-center justify-center bg-primary hover:bg-primaryActive rounded-full transition-colors", onClick: (e) => {
|
|
90
|
-
e.stopPropagation();
|
|
91
|
-
handleRemoveFile(file);
|
|
92
|
-
}, "aria-label": `Remover o arquivo ${file.file?.name || file.name}`, children: jsxRuntimeExports.jsx("i", { className: "pi pi-times text-white text-xs hover:text-slate-200" }) })] }, index))) })] }))] }));
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
export { FileUpload };
|
|
96
|
-
//# sourceMappingURL=fileUpload.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"fileUpload.js","sources":["../../../../src/stories/components/fileUpload.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
|
|
2
|
-
import clsx from 'clsx';
|
|
3
|
-
import { Button } from 'primereact/button';
|
|
4
|
-
import { useState } from 'react';
|
|
5
|
-
|
|
6
|
-
const variants = {
|
|
7
|
-
green: {
|
|
8
|
-
text: '!text-green',
|
|
9
|
-
button: 'bg-greenBackground hover:bg-greenBackgroundActive',
|
|
10
|
-
},
|
|
11
|
-
main: {
|
|
12
|
-
text: '!text-white',
|
|
13
|
-
button: 'bg-gray hover:bg-grayDark',
|
|
14
|
-
},
|
|
15
|
-
primary: {
|
|
16
|
-
text: '!text-white',
|
|
17
|
-
button: 'bg-primary hover:bg-primaryActive',
|
|
18
|
-
},
|
|
19
|
-
};
|
|
20
|
-
function FilterButton({ filterOptions, setOption, option, variant, icon, label, ...props }) {
|
|
21
|
-
const [isOpen, setIsOpen] = useState(false);
|
|
22
|
-
const toggleDropdown = () => {
|
|
23
|
-
setIsOpen(!isOpen);
|
|
24
|
-
};
|
|
25
|
-
const handleSelect = (selectedOption) => {
|
|
26
|
-
setIsOpen(false);
|
|
27
|
-
setOption(selectedOption.value === option?.value ? null : selectedOption);
|
|
28
|
-
};
|
|
29
|
-
return (jsxRuntimeExports.jsxs("div", { className: "relative flex flex-col items-end", children: [jsxRuntimeExports.jsx(Button, { ...props, icon: icon, label: label, className: clsx('w-max shadow-none border-none !py-2 gap-2 items-center disabled:bg-stoneDark', props.disabled ? '!disabled:text-background' : variants[variant].text, variants[variant].button), onClick: toggleDropdown }), isOpen && (jsxRuntimeExports.jsx("div", { className: `absolute w-40 bg-background shadow-md border border-gray z-[9] rounded-md p-2 -bottom-1 translate-y-full`, children: jsxRuntimeExports.jsx("ul", { children: filterOptions.map((filterOption) => (jsxRuntimeExports.jsxs("li", { onClick: () => handleSelect(filterOption), className: "p-2 flex justify-between items-center cursor-pointer", children: [filterOption.label, jsxRuntimeExports.jsx("input", { type: "radio", onChange: () => handleSelect(filterOption), checked: filterOption?.value === option?.value, className: "appearance-none w-2 h-2 rounded-full ring-1 ring-offset-2 ring-offset-background ring-gray checked:bg-primary cursor-pointer" })] }, filterOption.value))) }) }))] }));
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
export { FilterButton };
|
|
33
|
-
//# sourceMappingURL=filterButton.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"filterButton.js","sources":["../../../../src/stories/components/filterButton.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","PrimeButton"],"mappings":";;;;;AAQA,MAAM,QAAQ,GAAG;AACf,IAAA,KAAK,EAAE;AACL,QAAA,IAAI,EAAE,aAAa;AACnB,QAAA,MAAM,EAAE,mDAAmD;AAC5D,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,IAAI,EAAE,aAAa;AACnB,QAAA,MAAM,EAAE,2BAA2B;AACpC,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,IAAI,EAAE,aAAa;AACnB,QAAA,MAAM,EAAE,mCAAmC;AAC5C,KAAA;CACF;SAWe,YAAY,CAAC,EAC3B,aAAa,EACb,SAAS,EACT,MAAM,EACN,OAAO,EACP,IAAI,EACJ,KAAK,EACL,GAAG,KAAK,EACU,EAAA;IAClB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAE3C,MAAM,cAAc,GAAG,MAAK;AAC1B,QAAA,SAAS,CAAC,CAAC,MAAM,CAAC;AACpB,KAAC;AAED,IAAA,MAAM,YAAY,GAAG,CAAC,cAAsB,KAAI;QAC9C,SAAS,CAAC,KAAK,CAAC;AAChB,QAAA,SAAS,CAAC,cAAc,CAAC,KAAK,KAAK,MAAM,EAAE,KAAK,GAAG,IAAI,GAAG,cAAc,CAAC;AAC3E,KAAC;AAED,IAAA,QACEA,sBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,kCAAkC,EAAA,QAAA,EAAA,CAC/CC,qBAAC,CAAAC,MAAW,EACN,EAAA,GAAA,KAAK,EACT,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAI,CACb,8EAA8E,EAC9E,KAAK,CAAC,QAAQ,GAAG,2BAA2B,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC,IAAI,EACrE,QAAQ,CAAC,OAAO,CAAC,CAAC,MAAM,CACzB,EACD,OAAO,EAAE,cAAc,EACV,CAAA,EAEd,MAAM,KACLD,qBACE,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,CAAA,wGAAA,CAA0G,EAErH,QAAA,EAAAA,qBAAA,CAAA,IAAA,EAAA,EAAA,QAAA,EACG,aAAa,CAAC,GAAG,CAAC,CAAC,YAAY,MAC9BD,sBAAA,CAAA,IAAA,EAAA,EAEE,OAAO,EAAE,MAAM,YAAY,CAAC,YAAY,CAAC,EACzC,SAAS,EAAC,sDAAsD,EAE/D,QAAA,EAAA,CAAA,YAAY,CAAC,KAAK,EACnBC,qBAAA,CAAA,OAAA,EAAA,EACE,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,MAAM,YAAY,CAAC,YAAY,CAAC,EAC1C,OAAO,EAAE,YAAY,EAAE,KAAK,KAAK,MAAM,EAAE,KAAK,EAC9C,SAAS,EAAC,8HAA8H,EAAA,CACxI,CAVG,EAAA,EAAA,YAAY,CAAC,KAAK,CAWpB,CACN,CAAC,EACC,CAAA,EAAA,CACD,CACP,CAAA,EAAA,CACG;AAEV;;;;"}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
|
|
2
|
-
import { useState, useRef, useEffect } from 'react';
|
|
3
|
-
import LogoSmall from '../../assets/logoSmall.js';
|
|
4
|
-
import { Sidebar } from './sidebar.js';
|
|
5
|
-
|
|
6
|
-
function Header({ sidebarItems, sidebarTopItems, username, userConfigItems, setOpenNotifications, }) {
|
|
7
|
-
const [openSidebar, setOpenSidebar] = useState(false);
|
|
8
|
-
const [openUserConfig, setOpenUserConfig] = useState(false);
|
|
9
|
-
const userConfigRef = useRef(null);
|
|
10
|
-
useEffect(() => {
|
|
11
|
-
function handleClickOutside(event) {
|
|
12
|
-
if (userConfigRef.current &&
|
|
13
|
-
!userConfigRef.current.contains(event.target)) {
|
|
14
|
-
setOpenUserConfig(false);
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
if (openUserConfig) {
|
|
18
|
-
document.addEventListener('mousedown', handleClickOutside);
|
|
19
|
-
}
|
|
20
|
-
else {
|
|
21
|
-
document.removeEventListener('mousedown', handleClickOutside);
|
|
22
|
-
}
|
|
23
|
-
return () => {
|
|
24
|
-
document.removeEventListener('mousedown', handleClickOutside);
|
|
25
|
-
};
|
|
26
|
-
}, [openUserConfig]);
|
|
27
|
-
return (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsxs("div", { className: "w-100 min-h-16 border-b border-b-stone flex flex-row justify-between items-center px-8 shadow-header", children: [jsxRuntimeExports.jsxs("div", { className: "flex flex-row items-center gap-4", children: [jsxRuntimeExports.jsx("button", { className: "bg-transparent border-none", onClick: () => setOpenSidebar(!openSidebar), "aria-label": "Abrir menu lateral", children: jsxRuntimeExports.jsx("i", { className: `${openSidebar ? 'pi pi-list' : 'pi pi-bars'} text-[#878787] cursor-pointer hover:text-backgroundDark text-xl mt-1 }` }) }), jsxRuntimeExports.jsx(LogoSmall, {})] }), jsxRuntimeExports.jsxs("div", { className: "relative flex flex-row gap-4 items-center", children: [jsxRuntimeExports.jsx("button", { className: "bg-transparent border-none", onClick: () => setOpenNotifications(true), "aria-label": "Abrir notifica\u00E7\u00E3o", children: jsxRuntimeExports.jsx("i", { className: "pi pi-bell text-[#878787] cursor-pointer hover:text-backgroundDark" }) }), jsxRuntimeExports.jsxs("div", { ref: userConfigRef, className: "relative", children: [jsxRuntimeExports.jsx("button", { className: "bg-transparent border-none", onClick: () => setOpenUserConfig(!openUserConfig), "aria-label": "Abrir menu de configura\u00E7\u00F5es do usu\u00E1rio", children: jsxRuntimeExports.jsxs("p", { className: "text-[#878787] hover:text-backgroundDark font-roboto font-bold cursor-pointer transition-colors duration-200", children: ["Ol\u00E1, ", username] }) }), openUserConfig && (jsxRuntimeExports.jsx("div", { className: `absolute w-100 bg-background shadow-md border border-stoneLight z-20 rounded-md p-2 -bottom-1 translate-y-full`, children: jsxRuntimeExports.jsx("ul", { children: userConfigItems.map(({ id, title, onClick, path }) => (jsxRuntimeExports.jsx("li", { className: "p-2 hover:bg-stoneBackground", children: jsxRuntimeExports.jsx("a", { onClick: () => {
|
|
28
|
-
if (onClick)
|
|
29
|
-
onClick();
|
|
30
|
-
setOpenUserConfig(false);
|
|
31
|
-
}, href: path, className: "block w-full font-base font-roboto text-backgroundDark cursor-pointer hover:font-bold", "aria-label": "Op\u00E7\u00F5es de configura\u00E7\u00F5es do usu\u00E1rio", children: title }) }, id))) }) }))] })] })] }), openSidebar && (jsxRuntimeExports.jsx(Sidebar, { topItem: sidebarTopItems, item: sidebarItems, onClose: () => {
|
|
32
|
-
setOpenSidebar(false);
|
|
33
|
-
} }))] }));
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
export { Header };
|
|
37
|
-
//# sourceMappingURL=header.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"header.js","sources":["../../../../src/stories/components/header.tsx"],"sourcesContent":[null],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
|
|
2
|
-
import { Button } from 'primereact/button';
|
|
3
|
-
import clsx from 'clsx';
|
|
4
|
-
|
|
5
|
-
const variants = {
|
|
6
|
-
border: 'border-primary hover:border-primary shadow-none',
|
|
7
|
-
shadow: 'border-background hover:border-stone focus:shadow-md',
|
|
8
|
-
};
|
|
9
|
-
function IconButton({ variant, icon, ...props }) {
|
|
10
|
-
return (jsxRuntimeExports.jsx(Button, { ...props, icon: `pi ${icon}`, rounded: true, text: variant === 'shadow', raised: variant === 'shadow', outlined: variant === 'border', className: clsx('bg-background text-primary hover:bg-stone disabled:bg-stoneDark disabled:border-stoneDark disabled:text-background', variants[variant]) }));
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
export { IconButton };
|
|
14
|
-
//# sourceMappingURL=iconButton.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"iconButton.js","sources":["../../../../src/stories/components/iconButton.tsx"],"sourcesContent":[null],"names":["_jsx","PrimeButton"],"mappings":";;;;AAMA,MAAM,QAAQ,GAAG;AACf,IAAA,MAAM,EAAE,iDAAiD;AACzD,IAAA,MAAM,EAAE,sDAAsD;CAC/D;AAOK,SAAU,UAAU,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,KAAK,EAAkB,EAAA;IACpE,QACEA,sBAACC,MAAW,EAAA,EAAA,GACN,KAAK,EACT,IAAI,EAAE,CAAM,GAAA,EAAA,IAAI,EAAE,EAClB,OAAO,QACP,IAAI,EAAE,OAAO,KAAK,QAAQ,EAC1B,MAAM,EAAE,OAAO,KAAK,QAAQ,EAC5B,QAAQ,EAAE,OAAO,KAAK,QAAQ,EAC9B,SAAS,EAAE,IAAI,CACb,oHAAoH,EACpH,QAAQ,CAAC,OAAO,CAAC,CAClB,EACY,CAAA;AAEnB;;;;"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
|
|
2
|
-
import clsx from 'clsx';
|
|
3
|
-
|
|
4
|
-
function InfoCard({ title, children, icon, className, titleClassName, }) {
|
|
5
|
-
return (jsxRuntimeExports.jsxs("div", { className: clsx('bg-background rounded-lg p-4 border border-stone overflow-hidden', className), children: [jsxRuntimeExports.jsxs("div", { className: "flex justify-between items-center mb-2", children: [jsxRuntimeExports.jsx("span", { className: clsx('text-sm font-roboto text-primary', titleClassName), children: title }), icon] }), jsxRuntimeExports.jsx("div", { className: "font-roboto text-primary break-words overflow-wrap break-all max-w-full", children: children })] }));
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
export { InfoCard };
|
|
9
|
-
//# sourceMappingURL=infoCard.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"infoCard.js","sources":["../../../../src/stories/components/infoCard.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;AAWgB,SAAA,QAAQ,CAAC,EACvB,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,cAAc,GACA,EAAA;AACd,IAAA,QACEA,sBACE,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,IAAI,CACb,kEAAkE,EAClE,SAAS,CACV,EAAA,QAAA,EAAA,CAEDA,gCAAK,SAAS,EAAC,wCAAwC,EACrD,QAAA,EAAA,CAAAC,qBAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAE,IAAI,CAAC,kCAAkC,EAAE,cAAc,CAAC,YAElE,KAAK,EAAA,CACD,EACN,IAAI,CAAA,EAAA,CACD,EACNA,qBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,yEAAyE,EAAA,QAAA,EACrF,QAAQ,EACL,CAAA,CAAA,EAAA,CACF;AAEV;;;;"}
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
|
|
2
|
-
import clsx from 'clsx';
|
|
3
|
-
import { IconField } from 'primereact/iconfield';
|
|
4
|
-
import { InputIcon } from 'primereact/inputicon';
|
|
5
|
-
import { InputText } from 'primereact/inputtext';
|
|
6
|
-
import { useId, useState, useEffect } from 'react';
|
|
7
|
-
import FloatingLabel from '../../components/floating-label/index.js';
|
|
8
|
-
import { maskMoneyBRL, maskCEP, maskNumberWithDecimal, maskPhone, maskCellphone, maskOnlyNumbers, maskCNPJ, maskCPF } from '../../utils/masks/index.js';
|
|
9
|
-
|
|
10
|
-
const variants = {
|
|
11
|
-
green: 'text-green',
|
|
12
|
-
gray: 'text-gray',
|
|
13
|
-
};
|
|
14
|
-
function Input({ onChange, placeholder, disabled = false, error, icon, onClickIcon, iconColor = 'green', label, mask, ...props }) {
|
|
15
|
-
const inputId = useId();
|
|
16
|
-
const [inputValue, setInputValue] = useState('');
|
|
17
|
-
const applyMask = (value, mask) => {
|
|
18
|
-
switch (mask) {
|
|
19
|
-
case 'cpf':
|
|
20
|
-
return maskCPF(value);
|
|
21
|
-
case 'cnpj':
|
|
22
|
-
return maskCNPJ(value);
|
|
23
|
-
case 'numbers':
|
|
24
|
-
return maskOnlyNumbers(value);
|
|
25
|
-
case 'cellphone':
|
|
26
|
-
return maskCellphone(value);
|
|
27
|
-
case 'phone':
|
|
28
|
-
return maskPhone(value);
|
|
29
|
-
case 'decimal':
|
|
30
|
-
return maskNumberWithDecimal(value);
|
|
31
|
-
case 'cep':
|
|
32
|
-
return maskCEP(value);
|
|
33
|
-
case 'currency':
|
|
34
|
-
return maskMoneyBRL(value);
|
|
35
|
-
default:
|
|
36
|
-
return value;
|
|
37
|
-
}
|
|
38
|
-
};
|
|
39
|
-
useEffect(() => {
|
|
40
|
-
const formatted = applyMask(props?.value ?? '', mask);
|
|
41
|
-
setInputValue(formatted);
|
|
42
|
-
}, [props?.value, mask]);
|
|
43
|
-
const handleChange = (e) => {
|
|
44
|
-
const value = applyMask(e.target.value, mask);
|
|
45
|
-
setInputValue(value);
|
|
46
|
-
onChange(value);
|
|
47
|
-
};
|
|
48
|
-
const hasError = (props?.value && error && !disabled) ||
|
|
49
|
-
(!!error && !disabled && props?.value?.length === 0);
|
|
50
|
-
return (jsxRuntimeExports.jsxs("div", { className: "relative flex flex-col w-100", children: [jsxRuntimeExports.jsxs(IconField, { className: "w-100", children: [jsxRuntimeExports.jsx(InputIcon, { className: clsx(`pi ${icon} px-2 cursor-pointer`, hasError
|
|
51
|
-
? 'text-redError'
|
|
52
|
-
: disabled
|
|
53
|
-
? 'text-stone'
|
|
54
|
-
: variants[iconColor]), onClick: onClickIcon }), jsxRuntimeExports.jsx(InputText, { id: inputId, type: "text", placeholder: placeholder, className: clsx('focus:shadow-none text-base w-100 font-roboto border !p-2 rounded-md', hasError
|
|
55
|
-
? 'border-redError placeholder:text-redError'
|
|
56
|
-
: 'border-gray focus:border-primary', disabled && 'border-stoneDark text-disabled', error && 'border-redError text-redError', !error && 'border-gray placeholder:text-gray'), onChange: handleChange, disabled: disabled, invalid: hasError, ...props, value: inputValue })] }), jsxRuntimeExports.jsx(FloatingLabel, { value: props?.value ? props?.value?.toString() : '', label: label || '', disabled: disabled, error: error }), hasError && jsxRuntimeExports.jsx("span", { className: "text-redError text-xs px-2", children: error })] }));
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
export { Input };
|
|
60
|
-
//# sourceMappingURL=input.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"input.js","sources":["../../../../src/stories/components/input.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
|
|
2
|
-
import clsx from 'clsx';
|
|
3
|
-
import { InputSwitch as InputSwitch$1 } from 'primereact/inputswitch';
|
|
4
|
-
import { useId } from 'react';
|
|
5
|
-
|
|
6
|
-
function InputSwitch({ checked, onChange, disabled = false, error, ariaLabel = 'Switch', }) {
|
|
7
|
-
const inputId = useId();
|
|
8
|
-
return (jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-1", children: [jsxRuntimeExports.jsx(InputSwitch$1, { id: inputId, checked: checked, onChange: (e) => onChange(e.value), disabled: disabled, className: clsx('transition-all border-2 rounded-full p-inputswitch', disabled
|
|
9
|
-
? 'opacity-50 cursor-not-allowed border-none'
|
|
10
|
-
: 'border-none', error ? 'p-inputswitch-error' : '', checked ? 'p-inputswitch-checked' : ''), "aria-label": ariaLabel }), error && jsxRuntimeExports.jsx("span", { className: "text-redError text-xs", children: error })] }));
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
export { InputSwitch };
|
|
14
|
-
//# sourceMappingURL=inputSwitch.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"inputSwitch.js","sources":["../../../../src/stories/components/inputSwitch.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","PrimeInputSwitch"],"mappings":";;;;;SAYgB,WAAW,CAAC,EAC1B,OAAO,EACP,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,SAAS,GAAG,QAAQ,GACH,EAAA;AACjB,IAAA,MAAM,OAAO,GAAG,KAAK,EAAE;AAEvB,IAAA,QACEA,sBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,qBAAqB,EAAA,QAAA,EAAA,CAClCC,sBAACC,aAAgB,EAAA,EACf,EAAE,EAAE,OAAO,EACX,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,EAClC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,IAAI,CACb,oDAAoD,EACpD;AACE,sBAAE;AACF,sBAAE,aAAa,EACjB,KAAK,GAAG,qBAAqB,GAAG,EAAE,EAClC,OAAO,GAAG,uBAAuB,GAAG,EAAE,CACvC,EAAA,YAAA,EACW,SAAS,EAAA,CACrB,EACD,KAAK,IAAID,qBAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAC,uBAAuB,EAAA,QAAA,EAAE,KAAK,EAAQ,CAAA,CAAA,EAAA,CAC5D;AAEV;;;;"}
|