karsten-design-system 1.1.58 → 1.1.60
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.js +1822 -38
- package/dist/index.js.map +1 -1
- package/package.json +3 -1
- 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.development.js +0 -4
- package/dist/_virtual/react-jsx-runtime.development.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/_lib/addLeadingZeros.js +0 -8
- package/dist/node_modules/date-fns/_lib/addLeadingZeros.js.map +0 -1
- package/dist/node_modules/date-fns/_lib/defaultOptions.js +0 -8
- package/dist/node_modules/date-fns/_lib/defaultOptions.js.map +0 -1
- package/dist/node_modules/date-fns/_lib/format/formatters.js +0 -776
- package/dist/node_modules/date-fns/_lib/format/formatters.js.map +0 -1
- package/dist/node_modules/date-fns/_lib/format/lightFormatters.js +0 -95
- package/dist/node_modules/date-fns/_lib/format/lightFormatters.js.map +0 -1
- package/dist/node_modules/date-fns/_lib/format/longFormatters.js +0 -67
- package/dist/node_modules/date-fns/_lib/format/longFormatters.js.map +0 -1
- package/dist/node_modules/date-fns/_lib/getTimezoneOffsetInMilliseconds.js +0 -32
- package/dist/node_modules/date-fns/_lib/getTimezoneOffsetInMilliseconds.js.map +0 -1
- package/dist/node_modules/date-fns/_lib/normalizeDates.js +0 -12
- package/dist/node_modules/date-fns/_lib/normalizeDates.js.map +0 -1
- package/dist/node_modules/date-fns/_lib/protectedTokens.js +0 -26
- package/dist/node_modules/date-fns/_lib/protectedTokens.js.map +0 -1
- package/dist/node_modules/date-fns/constants.js +0 -47
- package/dist/node_modules/date-fns/constants.js.map +0 -1
- package/dist/node_modules/date-fns/constructFrom.js +0 -50
- package/dist/node_modules/date-fns/constructFrom.js.map +0 -1
- package/dist/node_modules/date-fns/differenceInCalendarDays.js +0 -63
- package/dist/node_modules/date-fns/differenceInCalendarDays.js.map +0 -1
- package/dist/node_modules/date-fns/format.js +0 -424
- package/dist/node_modules/date-fns/format.js.map +0 -1
- package/dist/node_modules/date-fns/getDayOfYear.js +0 -35
- package/dist/node_modules/date-fns/getDayOfYear.js.map +0 -1
- package/dist/node_modules/date-fns/getISOWeek.js +0 -41
- package/dist/node_modules/date-fns/getISOWeek.js.map +0 -1
- package/dist/node_modules/date-fns/getISOWeekYear.js +0 -53
- package/dist/node_modules/date-fns/getISOWeekYear.js.map +0 -1
- package/dist/node_modules/date-fns/getWeek.js +0 -55
- package/dist/node_modules/date-fns/getWeek.js.map +0 -1
- package/dist/node_modules/date-fns/getWeekYear.js +0 -76
- package/dist/node_modules/date-fns/getWeekYear.js.map +0 -1
- package/dist/node_modules/date-fns/isDate.js +0 -42
- package/dist/node_modules/date-fns/isDate.js.map +0 -1
- package/dist/node_modules/date-fns/isValid.js +0 -40
- package/dist/node_modules/date-fns/isValid.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/en-US/_lib/formatDistance.js +0 -104
- package/dist/node_modules/date-fns/locale/en-US/_lib/formatDistance.js.map +0 -1
- package/dist/node_modules/date-fns/locale/en-US/_lib/formatLong.js +0 -42
- package/dist/node_modules/date-fns/locale/en-US/_lib/formatLong.js.map +0 -1
- package/dist/node_modules/date-fns/locale/en-US/_lib/formatRelative.js +0 -14
- package/dist/node_modules/date-fns/locale/en-US/_lib/formatRelative.js.map +0 -1
- package/dist/node_modules/date-fns/locale/en-US/_lib/localize.js +0 -190
- package/dist/node_modules/date-fns/locale/en-US/_lib/localize.js.map +0 -1
- package/dist/node_modules/date-fns/locale/en-US/_lib/match.js +0 -135
- package/dist/node_modules/date-fns/locale/en-US/_lib/match.js.map +0 -1
- package/dist/node_modules/date-fns/locale/en-US.js +0 -29
- package/dist/node_modules/date-fns/locale/en-US.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/date-fns/startOfDay.js +0 -36
- package/dist/node_modules/date-fns/startOfDay.js.map +0 -1
- package/dist/node_modules/date-fns/startOfISOWeek.js +0 -36
- package/dist/node_modules/date-fns/startOfISOWeek.js.map +0 -1
- package/dist/node_modules/date-fns/startOfISOWeekYear.js +0 -43
- package/dist/node_modules/date-fns/startOfISOWeekYear.js.map +0 -1
- package/dist/node_modules/date-fns/startOfWeek.js +0 -54
- package/dist/node_modules/date-fns/startOfWeek.js.map +0 -1
- package/dist/node_modules/date-fns/startOfWeekYear.js +0 -65
- package/dist/node_modules/date-fns/startOfWeekYear.js.map +0 -1
- package/dist/node_modules/date-fns/startOfYear.js +0 -37
- package/dist/node_modules/date-fns/startOfYear.js.map +0 -1
- package/dist/node_modules/date-fns/toDate.js +0 -47
- package/dist/node_modules/date-fns/toDate.js.map +0 -1
- package/dist/node_modules/react/cjs/react-jsx-runtime.development.js +0 -369
- package/dist/node_modules/react/cjs/react-jsx-runtime.development.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 -20
- 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,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;;;;"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
|
|
2
|
-
import clsx from 'clsx';
|
|
3
|
-
import { InputTextarea } from 'primereact/inputtextarea';
|
|
4
|
-
import { useId } from 'react';
|
|
5
|
-
import FloatingLabel from '../../components/floating-label/index.js';
|
|
6
|
-
|
|
7
|
-
function InputTextArea({ onChange, placeholder, disabled = false, error, label, rows = 2, ...props }) {
|
|
8
|
-
const inputTextAreaId = useId();
|
|
9
|
-
const handleChange = (e) => {
|
|
10
|
-
onChange(e.target.value);
|
|
11
|
-
};
|
|
12
|
-
const hasError = (props.value && error && !disabled) ||
|
|
13
|
-
(!!error && !disabled && props.value?.length === 0);
|
|
14
|
-
return (jsxRuntimeExports.jsxs("div", { className: "relative flex flex-col w-full", children: [jsxRuntimeExports.jsx(InputTextarea, { id: inputTextAreaId, rows: rows, placeholder: placeholder, onChange: handleChange, disabled: disabled, invalid: hasError, className: clsx('w-100 font-roboto border !p-2 rounded-md focus:shadow-none', hasError
|
|
15
|
-
? 'border-redError placeholder:text-redError'
|
|
16
|
-
: 'border-gray focus:border-primary', disabled && 'border-stoneDark text-disabled', error && 'border-redError text-redError', !error && 'border-gray placeholder:text-gray'), ...props }), 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 })] }));
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
export { InputTextArea };
|
|
20
|
-
//# sourceMappingURL=inputTextArea.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"inputTextArea.js","sources":["../../../../src/stories/components/inputTextArea.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAcM,SAAU,aAAa,CAAC,EAC5B,QAAQ,EACR,WAAW,EACX,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,KAAK,EACL,IAAI,GAAG,CAAC,EACR,GAAG,KAAK,EACW,EAAA;AACnB,IAAA,MAAM,eAAe,GAAG,KAAK,EAAE;AAE/B,IAAA,MAAM,YAAY,GAAG,CAAC,CAAmC,KAAI;AAC3D,QAAA,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;AAC1B,KAAC;IAED,MAAM,QAAQ,GACZ,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,IAAI,CAAC,QAAQ;AAClC,SAAC,CAAC,CAAC,KAAK,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,KAAK,CAAC,CAAC;AAErD,IAAA,QACEA,sBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,+BAA+B,aAC5CC,qBAAC,CAAA,aAAa,EACZ,EAAA,EAAE,EAAE,eAAe,EACnB,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE,IAAI,CACb,4DAA4D,EAC5D;AACE,sBAAE;AACF,sBAAE,kCAAkC,EACtC,QAAQ,IAAI,gCAAgC,EAC5C,KAAK,IAAI,+BAA+B,EACxC,CAAC,KAAK,IAAI,mCAAmC,CAC9C,EACG,GAAA,KAAK,EACT,CAAA,EACFA,qBAAC,CAAA,aAAa,IACZ,KAAK,EAAE,KAAK,EAAE,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,GAAG,EAAE,EACjD,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EAAA,CACZ,EAED,QAAQ,IAAIA,qBAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAC,4BAA4B,EAAE,QAAA,EAAA,KAAK,EAAQ,CAAA,CAAA,EAAA,CACpE;AAEV;;;;"}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
|
|
2
|
-
import clsx from 'clsx';
|
|
3
|
-
import { useState, useEffect } from 'react';
|
|
4
|
-
import { Link } from 'react-router-dom';
|
|
5
|
-
import TextIcon from '../../assets/icons/text.js';
|
|
6
|
-
|
|
7
|
-
function InternalMenu({ item, isFiltering }) {
|
|
8
|
-
const [openItems, setOpenItems] = useState([]);
|
|
9
|
-
const toggleMenu = (menuItem) => {
|
|
10
|
-
setOpenItems((prev) => prev.includes(menuItem)
|
|
11
|
-
? prev.filter((item) => item !== menuItem)
|
|
12
|
-
: [...prev, menuItem]);
|
|
13
|
-
};
|
|
14
|
-
useEffect(() => {
|
|
15
|
-
if (isFiltering) {
|
|
16
|
-
setOpenItems(item);
|
|
17
|
-
}
|
|
18
|
-
else {
|
|
19
|
-
const initialOpen = item.filter((menuItem) => menuItem.isActive);
|
|
20
|
-
setOpenItems(initialOpen);
|
|
21
|
-
}
|
|
22
|
-
}, [isFiltering, item]);
|
|
23
|
-
return (jsxRuntimeExports.jsx("div", { className: "w-72 overflow-x-hidden overflow-y-auto [&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-track]:rounded-r-md [&::-webkit-scrollbar-thumb]:rounded-md [&::-webkit-scrollbar-track]:bg-stone [&::-webkit-scrollbar-thumb]:bg-stoneDark ", children: item.map((menuItem) => {
|
|
24
|
-
const isOpen = openItems.includes(menuItem);
|
|
25
|
-
return (jsxRuntimeExports.jsxs("div", { children: [jsxRuntimeExports.jsxs("div", { className: "cursor-pointer flex flex-row justify-between items-center border-b px-2 py-1 border-b-stone", onClick: () => toggleMenu(menuItem), children: [jsxRuntimeExports.jsxs("div", { className: "flex flex-row items-center gap-2", children: [jsxRuntimeExports.jsx(TextIcon, {}), jsxRuntimeExports.jsx("span", { className: "font-roboto text-base text-primary", children: menuItem.title })] }), menuItem.subItem && (jsxRuntimeExports.jsx("i", { className: `pi ${isOpen ? 'pi-angle-up' : 'pi-angle-down'} px-2 text-primary` }))] }), menuItem.subItem && isOpen && (jsxRuntimeExports.jsx("div", { className: "flex flex-col", children: menuItem.subItem.map((subItem) => (jsxRuntimeExports.jsx(Link, { className: clsx('cursor-pointer text-base text-primary pl-6 py-1 hover:font-bold hover:text-primary hover:bg-stoneBackground', subItem.isActive ? 'text-primary font-bold' : ''), to: subItem.path, children: jsxRuntimeExports.jsx("span", { children: subItem.title }) }, subItem.id))) }))] }, menuItem.id));
|
|
26
|
-
}) }));
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
export { InternalMenu };
|
|
30
|
-
//# sourceMappingURL=internalMenu.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"internalMenu.js","sources":["../../../../src/stories/components/internalMenu.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;SAWgB,YAAY,CAAC,EAAE,IAAI,EAAE,WAAW,EAAoB,EAAA;IAClE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAsB,EAAE,CAAC;AAEnE,IAAA,MAAM,UAAU,GAAG,CAAC,QAA2B,KAAI;QACjD,YAAY,CAAC,CAAC,IAAI,KAChB,IAAI,CAAC,QAAQ,CAAC,QAAQ;AACpB,cAAE,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,IAAI,KAAK,QAAQ;cACvC,CAAC,GAAG,IAAI,EAAE,QAAQ,CAAC,CACxB;AACH,KAAC;IAED,SAAS,CAAC,MAAK;QACb,IAAI,WAAW,EAAE;YACf,YAAY,CAAC,IAAI,CAAC;;aACb;AACL,YAAA,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,QAAQ,KAAK,QAAQ,CAAC,QAAQ,CAAC;YAChE,YAAY,CAAC,WAAW,CAAC;;AAE7B,KAAC,EAAE,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;AAEvB,IAAA,QACEA,qBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,sOAAsO,EAAA,QAAA,EAClP,IAAI,CAAC,GAAG,CAAC,CAAC,QAAQ,KAAI;YACrB,MAAM,MAAM,GAAG,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC;AAE3C,YAAA,QACEC,sBAAA,CAAA,KAAA,EAAA,EAAA,QAAA,EAAA,CACEA,sBACE,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,6FAA6F,EACvG,OAAO,EAAE,MAAM,UAAU,CAAC,QAAQ,CAAC,EAAA,QAAA,EAAA,CAEnCA,sBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,kCAAkC,EAC/C,QAAA,EAAA,CAAAD,qBAAA,CAAC,QAAQ,EAAA,EAAA,CAAG,EACZA,qBAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,oCAAoC,EACjD,QAAA,EAAA,QAAQ,CAAC,KAAK,EACV,CAAA,CAAA,EAAA,CACH,EACL,QAAQ,CAAC,OAAO,KACfA,qBACE,CAAA,GAAA,EAAA,EAAA,SAAS,EAAE,CAAA,GAAA,EAAM,MAAM,GAAG,aAAa,GAAG,eAAe,CAAoB,kBAAA,CAAA,EAAA,CAC7E,CACH,CAAA,EAAA,CACG,EAEL,QAAQ,CAAC,OAAO,IAAI,MAAM,KACzBA,qBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,eAAe,EAAA,QAAA,EAC3B,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,OAAO,MAC5BA,qBAAA,CAAC,IAAI,EAAA,EAEH,SAAS,EAAE,IAAI,CACb,6GAA6G,EAC7G,OAAO,CAAC,QAAQ,GAAG,wBAAwB,GAAG,EAAE,CACjD,EACD,EAAE,EAAE,OAAO,CAAC,IAAI,EAAA,QAAA,EAEhBA,qBAAO,CAAA,MAAA,EAAA,EAAA,QAAA,EAAA,OAAO,CAAC,KAAK,EAAA,CAAQ,EAPvB,EAAA,OAAO,CAAC,EAAE,CAQV,CACR,CAAC,EAAA,CACE,CACP,CAAA,EAAA,EAjCO,QAAQ,CAAC,EAAE,CAkCf;SAET,CAAC,EACE,CAAA;AAEV;;;;"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
|
|
2
|
-
|
|
3
|
-
function Link({ href, children, className }) {
|
|
4
|
-
return (jsxRuntimeExports.jsx("a", { href: href, className: `text-primary hover:underline font-bold font-roboto ${className}`, children: children }));
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
export { Link };
|
|
8
|
-
//# sourceMappingURL=link.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"link.js","sources":["../../../../src/stories/components/link.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;AAMM,SAAU,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAa,EAAA;AAC3D,IAAA,QACEA,qBAAA,CAAA,GAAA,EAAA,EACE,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,CAAA,mDAAA,EAAsD,SAAS,CAAE,CAAA,EAAA,QAAA,EAE3E,QAAQ,EAAA,CACP;AAER;;;;"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
|
|
2
|
-
import clsx from 'clsx';
|
|
3
|
-
|
|
4
|
-
function MegaMenu({ items }) {
|
|
5
|
-
return (jsxRuntimeExports.jsx("div", { className: "w-100 flex items-center justify-between", children: items.map((item, index) => {
|
|
6
|
-
const isfirst = index === 0;
|
|
7
|
-
const isLast = index === items.length - 1;
|
|
8
|
-
return (jsxRuntimeExports.jsx("a", { onClick: item.onClick, className: clsx('w-100 p-2 font-medium border border-stoneDark text-center cursor-pointer', item.active && 'bg-primary text-background', !item.active && 'text-primary', isfirst && 'rounded-l-full', !isfirst && 'border-l-0', isLast && 'rounded-r-full'), "aria-label": "Itens do menu", children: item.label }, index));
|
|
9
|
-
}) }));
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
export { MegaMenu };
|
|
13
|
-
//# sourceMappingURL=megaMenu.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"megaMenu.js","sources":["../../../../src/stories/components/megaMenu.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAOgB,SAAA,QAAQ,CAAC,EAAE,KAAK,EAAiB,EAAA;AAC/C,IAAA,QACEA,qBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yCAAyC,EACrD,QAAA,EAAA,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;AACzB,YAAA,MAAM,OAAO,GAAG,KAAK,KAAK,CAAC;YAC3B,MAAM,MAAM,GAAG,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC;YACzC,QACEA,6BAEE,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,SAAS,EAAE,IAAI,CACb,0EAA0E,EAC1E,IAAI,CAAC,MAAM,IAAI,4BAA4B,EAC3C,CAAC,IAAI,CAAC,MAAM,IAAI,cAAc,EAC9B,OAAO,IAAI,gBAAgB,EAC3B,CAAC,OAAO,IAAI,YAAY,EACxB,MAAM,IAAI,gBAAgB,CAC3B,EAAA,YAAA,EACU,eAAe,EAAA,QAAA,EAEzB,IAAI,CAAC,KAAK,EAZN,EAAA,KAAK,CAaR;SAEP,CAAC,EACE,CAAA;AAEV;;;;"}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
|
|
2
|
-
import { useState } from 'react';
|
|
3
|
-
import { Button } from './button.js';
|
|
4
|
-
import { Card } from './card.js';
|
|
5
|
-
|
|
6
|
-
function Modal({ title, size = 'md', onClose, onConfirm, labelCloseButton = 'Fechar', labelConfirmButton = 'Confirmar', isExpanded = false, ariaLabel = 'Modal de informçoes', children, }) {
|
|
7
|
-
const [isFullScreen, setIsFullScreen] = useState(false);
|
|
8
|
-
const toggleFullScreen = () => {
|
|
9
|
-
setIsFullScreen(!isFullScreen);
|
|
10
|
-
};
|
|
11
|
-
const modalSizeClass = isFullScreen
|
|
12
|
-
? 'w-screen h-screen'
|
|
13
|
-
: {
|
|
14
|
-
sm: 'w-1/3',
|
|
15
|
-
md: 'w-1/2',
|
|
16
|
-
lg: 'w-2/3',
|
|
17
|
-
xl: 'w-[90%]',
|
|
18
|
-
}[size];
|
|
19
|
-
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 ${modalSizeClass}`, "aria-label": ariaLabel, children: [jsxRuntimeExports.jsxs("div", { className: `flex flex-row items-center justify-between px-4 pt-4 pb-6 border-b border-b-stone`, children: [title && (jsxRuntimeExports.jsx("div", { className: "text-primary font-bold text-xl", children: title })), jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-6", children: [isExpanded && (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: isFullScreen ? (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: jsxRuntimeExports.jsx("button", { onClick: toggleFullScreen, "aria-label": "Minimizar tela", style: {
|
|
20
|
-
color: '#606060',
|
|
21
|
-
width: '24px',
|
|
22
|
-
height: '24px',
|
|
23
|
-
cursor: 'pointer',
|
|
24
|
-
}, children: jsxRuntimeExports.jsx("i", { className: "pi pi-window-minimize" }) }) })) : (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: jsxRuntimeExports.jsx("button", { onClick: toggleFullScreen, "aria-label": "Maximizar tela", style: {
|
|
25
|
-
color: '#606060',
|
|
26
|
-
width: '24px',
|
|
27
|
-
height: '24px',
|
|
28
|
-
cursor: 'pointer',
|
|
29
|
-
}, children: jsxRuntimeExports.jsx("i", { className: "pi pi-window-maximize" }) }) })) })), jsxRuntimeExports.jsx("button", { onClick: onClose, "aria-label": "Fechar modal", style: {
|
|
30
|
-
color: '#606060',
|
|
31
|
-
width: '24px',
|
|
32
|
-
height: '24px',
|
|
33
|
-
cursor: 'pointer',
|
|
34
|
-
}, children: jsxRuntimeExports.jsx("i", { className: "pi pi-times cursor-pointer" }) })] })] }), jsxRuntimeExports.jsx("div", { className: `flex-1 overflow-y-auto text-primary ${isFullScreen ? 'h-full' : 'max-h-[70vh]'} p-6`, children: children }), jsxRuntimeExports.jsxs("div", { className: "w-full flex flex-col sm:flex-row sm:justify-end pt-10 gap-4 px-6", children: [onClose && (jsxRuntimeExports.jsx(Button, { label: labelCloseButton, variant: "outline", onClick: onClose, className: "w-full sm:w-auto lg:min-w-[110px] md:min-w-[110px] px-4", "aria-label": "Fechar modal" })), onConfirm && (jsxRuntimeExports.jsx(Button, { label: labelConfirmButton, variant: "primary", onClick: onConfirm, className: "w-full sm:w-auto lg:min-w-[110px] md:min-w-[110px] px-4", "aria-label": "Confirmar modal" }))] })] }) }));
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
export { Modal };
|
|
38
|
-
//# sourceMappingURL=modal.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"modal.js","sources":["../../../../src/stories/components/modal.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","_Fragment"],"mappings":";;;;;AAgBgB,SAAA,KAAK,CAAC,EACpB,KAAK,EACL,IAAI,GAAG,IAAI,EACX,OAAO,EACP,SAAS,EACT,gBAAgB,GAAG,QAAQ,EAC3B,kBAAkB,GAAG,WAAW,EAChC,UAAU,GAAG,KAAK,EAClB,SAAS,GAAG,qBAAqB,EACjC,QAAQ,GACG,EAAA;IACX,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAEvD,MAAM,gBAAgB,GAAG,MAAK;AAC5B,QAAA,eAAe,CAAC,CAAC,YAAY,CAAC;AAChC,KAAC;IAED,MAAM,cAAc,GAAG;AACrB,UAAE;AACF,UAAE;AACE,YAAA,EAAE,EAAE,OAAO;AACX,YAAA,EAAE,EAAE,OAAO;AACX,YAAA,EAAE,EAAE,OAAO;AACX,YAAA,EAAE,EAAE,SAAS;SACd,CAAC,IAAI,CAAC;IAEX,QACEA,qBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,4EAA4E,EACzF,QAAA,EAAAC,sBAAA,CAAC,IAAI,EAAA,EACH,SAAS,EAAE,CAAiB,cAAA,EAAA,cAAc,EAAE,EAChC,YAAA,EAAA,SAAS,EAErB,QAAA,EAAA,CAAAA,sBAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,CAAmF,iFAAA,CAAA,EAAA,QAAA,EAAA,CAE7F,KAAK,KACJD,qBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gCAAgC,EAAE,QAAA,EAAA,KAAK,EAAO,CAAA,CAC9D,EAEDC,sBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yBAAyB,EAAA,QAAA,EAAA,CACrC,UAAU,KACTD,qBAAA,CAAAE,0BAAA,EAAA,EAAA,QAAA,EACG,YAAY,IACXF,qBAAA,CAAAE,0BAAA,EAAA,EAAA,QAAA,EACEF,qBACE,CAAA,QAAA,EAAA,EAAA,OAAO,EAAE,gBAAgB,EACd,YAAA,EAAA,gBAAgB,EAC3B,KAAK,EAAE;AACL,gDAAA,KAAK,EAAE,SAAS;AAChB,gDAAA,KAAK,EAAE,MAAM;AACb,gDAAA,MAAM,EAAE,MAAM;AACd,gDAAA,MAAM,EAAE,SAAS;6CAClB,EAED,QAAA,EAAAA,qBAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,uBAAuB,GAAG,EAChC,CAAA,EAAA,CACR,KAEHA,qBAAA,CAAAE,0BAAA,EAAA,EAAA,QAAA,EACEF,kCACE,OAAO,EAAE,gBAAgB,EACd,YAAA,EAAA,gBAAgB,EAC3B,KAAK,EAAE;AACL,gDAAA,KAAK,EAAE,SAAS;AAChB,gDAAA,KAAK,EAAE,MAAM;AACb,gDAAA,MAAM,EAAE,MAAM;AACd,gDAAA,MAAM,EAAE,SAAS;AAClB,6CAAA,EAAA,QAAA,EAEDA,6BAAG,SAAS,EAAC,uBAAuB,EAAG,CAAA,EAAA,CAChC,GACR,CACJ,EAAA,CACA,CACJ,EAEDA,qBAAA,CAAA,QAAA,EAAA,EACE,OAAO,EAAE,OAAO,gBACL,cAAc,EACzB,KAAK,EAAE;AACL,wCAAA,KAAK,EAAE,SAAS;AAChB,wCAAA,KAAK,EAAE,MAAM;AACb,wCAAA,MAAM,EAAE,MAAM;AACd,wCAAA,MAAM,EAAE,SAAS;AAClB,qCAAA,EAAA,QAAA,EAEDA,6BAAG,SAAS,EAAC,4BAA4B,EAAG,CAAA,EAAA,CACrC,IACL,CACF,EAAA,CAAA,EAENA,qBACE,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,CAAuC,oCAAA,EAAA,YAAY,GAAG,QAAQ,GAAG,cAAc,MAAM,EAE/F,QAAA,EAAA,QAAQ,GACL,EAENC,sBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,kEAAkE,aAC9E,OAAO,KACND,qBAAC,CAAA,MAAM,IACL,KAAK,EAAE,gBAAgB,EACvB,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,yDAAyD,EAAA,YAAA,EACxD,cAAc,EACzB,CAAA,CACH,EACA,SAAS,KACRA,qBAAC,CAAA,MAAM,IACL,KAAK,EAAE,kBAAkB,EACzB,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,SAAS,EAClB,SAAS,EAAC,yDAAyD,EAAA,YAAA,EACxD,iBAAiB,EAC5B,CAAA,CACH,IACG,CACD,EAAA,CAAA,EAAA,CACH;AAEV;;;;"}
|
|
@@ -1,125 +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 { useState, useRef, useEffect } from 'react';
|
|
7
|
-
import FloatingLabel from '../../components/floating-label/index.js';
|
|
8
|
-
|
|
9
|
-
function MultiSelect(props) {
|
|
10
|
-
const { options, placeholder = 'Selecione uma opção', label = 'Opção', disabled = false, error, isLoading = false, isReadOnly = true, ariaLabel = 'Selecione uma ou mais opções', } = props;
|
|
11
|
-
const [isOpen, setIsOpen] = useState(false);
|
|
12
|
-
const [visibleText, setVisibleText] = useState('');
|
|
13
|
-
const [searchText, setSearchText] = useState('');
|
|
14
|
-
const [highlightedIndex, setHighlightedIndex] = useState(-1);
|
|
15
|
-
const containerRef = useRef(null);
|
|
16
|
-
const normalize = (str) => str
|
|
17
|
-
.normalize('NFD')
|
|
18
|
-
.replace(/[\u0300-\u036f]/g, '')
|
|
19
|
-
.toLowerCase();
|
|
20
|
-
const filteredOptions = options.filter((option) => normalize(option.label).includes(normalize(searchText)));
|
|
21
|
-
const toggleDropdown = () => {
|
|
22
|
-
if (!disabled && !isLoading) {
|
|
23
|
-
const newState = !isOpen;
|
|
24
|
-
setIsOpen(newState);
|
|
25
|
-
if (!newState) {
|
|
26
|
-
setSearchText('');
|
|
27
|
-
setHighlightedIndex(-1);
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
};
|
|
31
|
-
const handleSelect = (option) => {
|
|
32
|
-
const currentValues = Array.isArray(props.value) ? props.value : [];
|
|
33
|
-
const alreadySelected = currentValues.some((v) => v.value === option.value);
|
|
34
|
-
const newValues = alreadySelected
|
|
35
|
-
? currentValues.filter((v) => v.value !== option.value)
|
|
36
|
-
: [...currentValues, option];
|
|
37
|
-
props.onChange(newValues.length > 0 ? newValues : null);
|
|
38
|
-
setSearchText('');
|
|
39
|
-
const newFiltered = options.filter((opt) => normalize(opt.label).includes(normalize('')));
|
|
40
|
-
const newIndex = newFiltered.findIndex((o) => o.value === option.value);
|
|
41
|
-
setHighlightedIndex(newIndex);
|
|
42
|
-
};
|
|
43
|
-
const hasError = !!error && !disabled;
|
|
44
|
-
const isInputDisabled = disabled || isLoading;
|
|
45
|
-
useEffect(() => {
|
|
46
|
-
const handleClickOutside = (event) => {
|
|
47
|
-
if (containerRef.current &&
|
|
48
|
-
!containerRef.current.contains(event.target)) {
|
|
49
|
-
setIsOpen(false);
|
|
50
|
-
setSearchText('');
|
|
51
|
-
setHighlightedIndex(-1);
|
|
52
|
-
}
|
|
53
|
-
};
|
|
54
|
-
document.addEventListener('mousedown', handleClickOutside);
|
|
55
|
-
return () => {
|
|
56
|
-
document.removeEventListener('mousedown', handleClickOutside);
|
|
57
|
-
};
|
|
58
|
-
}, []);
|
|
59
|
-
const selectedText = () => {
|
|
60
|
-
const selected = Array.isArray(props.value) ? props.value : [];
|
|
61
|
-
if (selected.length === 0)
|
|
62
|
-
return '';
|
|
63
|
-
if (selected.length === 1)
|
|
64
|
-
return selected[0].label;
|
|
65
|
-
return `${selected.length} itens selecionados`;
|
|
66
|
-
};
|
|
67
|
-
useEffect(() => {
|
|
68
|
-
const selected = Array.isArray(props.value) ? props.value : [];
|
|
69
|
-
if (selected.length === 0) {
|
|
70
|
-
setVisibleText('');
|
|
71
|
-
}
|
|
72
|
-
else if (selected.length === 1) {
|
|
73
|
-
setVisibleText(selected[0].label);
|
|
74
|
-
}
|
|
75
|
-
else {
|
|
76
|
-
const count = selected.length;
|
|
77
|
-
setVisibleText(`${count} itens selecionados`);
|
|
78
|
-
}
|
|
79
|
-
}, [props.value]);
|
|
80
|
-
return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: jsxRuntimeExports.jsxs("div", { ref: containerRef, className: "relative flex flex-col w-100", children: [jsxRuntimeExports.jsxs("div", { className: "relative w-full cursor-pointer", onClick: toggleDropdown, children: [jsxRuntimeExports.jsx(FloatingLabel, { value: selectedText(), label: label, disabled: isInputDisabled, error: error }), jsxRuntimeExports.jsxs(IconField, { className: "w-full", children: [jsxRuntimeExports.jsx(InputText, { placeholder: placeholder, type: "text", value: isLoading
|
|
81
|
-
? 'Carregando...'
|
|
82
|
-
: isOpen && !isReadOnly
|
|
83
|
-
? searchText
|
|
84
|
-
: visibleText, onChange: (e) => {
|
|
85
|
-
setSearchText(e.target.value);
|
|
86
|
-
if (!isOpen)
|
|
87
|
-
setIsOpen(true);
|
|
88
|
-
setHighlightedIndex(-1);
|
|
89
|
-
}, onKeyDown: (e) => {
|
|
90
|
-
if (!isOpen)
|
|
91
|
-
return;
|
|
92
|
-
if (e.key === 'ArrowDown') {
|
|
93
|
-
e.preventDefault();
|
|
94
|
-
setHighlightedIndex((prev) => prev < filteredOptions.length - 1 ? prev + 1 : 0);
|
|
95
|
-
}
|
|
96
|
-
if (e.key === 'ArrowUp') {
|
|
97
|
-
e.preventDefault();
|
|
98
|
-
setHighlightedIndex((prev) => prev > 0 ? prev - 1 : filteredOptions.length - 1);
|
|
99
|
-
}
|
|
100
|
-
if (e.key === 'Enter') {
|
|
101
|
-
e.preventDefault();
|
|
102
|
-
if (highlightedIndex >= 0 &&
|
|
103
|
-
highlightedIndex < filteredOptions.length) {
|
|
104
|
-
handleSelect(filteredOptions[highlightedIndex]);
|
|
105
|
-
}
|
|
106
|
-
}
|
|
107
|
-
if (e.key === 'Escape') {
|
|
108
|
-
e.preventDefault();
|
|
109
|
-
setIsOpen(false);
|
|
110
|
-
setSearchText('');
|
|
111
|
-
setHighlightedIndex(-1);
|
|
112
|
-
}
|
|
113
|
-
}, onClick: toggleDropdown, className: clsx('focus:shadow-none text-base w-100 font-roboto border !p-2 rounded-md', hasError
|
|
114
|
-
? 'border-redError placeholder:text-redError'
|
|
115
|
-
: 'border-gray focus:border-primary', isInputDisabled && 'border-stoneDark text-disabled', error && 'border-redError text-redError', !error && 'border-gray placeholder:text-gray', isLoading && 'text-gray', 'truncate'), invalid: hasError, readOnly: !isOpen || isReadOnly, style: { height: '42px', fontSize: '16px' }, disabled: isInputDisabled, "aria-label": ariaLabel }), jsxRuntimeExports.jsx(InputIcon, { className: clsx(isLoading
|
|
116
|
-
? 'pi pi-spinner pi-spin'
|
|
117
|
-
: isOpen
|
|
118
|
-
? 'pi pi-angle-up'
|
|
119
|
-
: 'pi pi-angle-down', 'text-gray px-2 flex items-center cursor-pointer', isInputDisabled && 'text-disabled', error && 'text-redError'), onClick: toggleDropdown })] })] }), isOpen && !isLoading && (jsxRuntimeExports.jsx("div", { className: clsx('absolute w-full bg-background border shadow-md z-40 rounded-md -bottom-1 translate-y-full', error ? 'border-redError' : 'border-gray'), children: jsxRuntimeExports.jsx("div", { children: jsxRuntimeExports.jsx("ul", { className: "max-h-60 overflow-y-auto", children: filteredOptions.map((option, index) => (jsxRuntimeExports.jsxs("li", { onClick: () => handleSelect(option), className: clsx('p-2 flex justify-between items-center cursor-pointer', 'hover:bg-stoneBackground hover:font-bold', index === highlightedIndex &&
|
|
120
|
-
'bg-stoneBackground font-bold'), title: option.label, children: [jsxRuntimeExports.jsx("span", { className: "truncate max-w-[calc(100%-20px)]", children: option.label }), jsxRuntimeExports.jsx("input", { type: 'checkbox', checked: Array.isArray(props.value) &&
|
|
121
|
-
props.value.some((v) => v.value === option.value), onChange: () => handleSelect(option), className: clsx('appearance-none w-2 h-2 ring-1 ring-offset-2 ring-offset-background ring-gray checked:bg-primary cursor-pointer rounded-md') })] }, option.value))) }) }) })), hasError && (jsxRuntimeExports.jsx("span", { className: "text-redError text-xs px-2", children: error }))] }) }));
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
export { MultiSelect };
|
|
125
|
-
//# sourceMappingURL=multiselect.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"multiselect.js","sources":["../../../../src/stories/components/multiselect.tsx"],"sourcesContent":[null],"names":["_jsx","_Fragment","_jsxs"],"mappings":"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"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
|
|
2
|
-
import { Divider } from 'primereact/divider';
|
|
3
|
-
import { Sidebar } from 'primereact/sidebar';
|
|
4
|
-
import FilterIcon from '../../assets/icons/filter.js';
|
|
5
|
-
import { Button } from './button.js';
|
|
6
|
-
import { FilterButton } from './filterButton.js';
|
|
7
|
-
import { Input } from './input.js';
|
|
8
|
-
import NotificationItem from './notificationItem.js';
|
|
9
|
-
|
|
10
|
-
function Notification({ onClose, onReadAll, onDeleteNotificationbyId, onClickNotification, notifications, setFilter, filter, setInputValue, inputValue, filterOptions, }) {
|
|
11
|
-
const customContent = (jsxRuntimeExports.jsxs("div", { children: [jsxRuntimeExports.jsxs("div", { className: "flex justify-between items-center px-4 py-3 border-b border-[#F1F1F4]", children: [jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [jsxRuntimeExports.jsx("i", { className: "pi pi-bell text-backgroundDark" }), jsxRuntimeExports.jsx("h2", { className: "font-roboto text-base text-backgroundDark font-bold", children: "Notifica\u00E7\u00F5es" })] }), jsxRuntimeExports.jsx("div", { className: "flex items-center gap-2", children: jsxRuntimeExports.jsx(Button, { label: "Marcar todas como lidas", variant: "secondaryOutline", onClick: onReadAll, className: "px-2 py-1 text-xs h-7" }) })] }), jsxRuntimeExports.jsxs("div", { className: "px-4 py-2 flex flex-row gap-4", children: [jsxRuntimeExports.jsx(Input, { value: inputValue, onChange: setInputValue, label: "Pesquisar", placeholder: "Pesquisar", icon: "pi-search", iconColor: "gray" }), jsxRuntimeExports.jsx(FilterButton, { variant: "primary", label: "Filter", icon: jsxRuntimeExports.jsx(FilterIcon, { color: "#FFFFFF" }), option: filter, setOption: (option) => setFilter(option), filterOptions: filterOptions })] }), jsxRuntimeExports.jsx("div", { className: "text-center pt-4", children: notifications.length > 0 ? (jsxRuntimeExports.jsx("div", { className: "w-100 h-[calc(100vh_-114.8px)] overflow-y-auto [&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-track]:rounded-r-md [&::-webkit-scrollbar-thumb]:rounded-md [&::-webkit-scrollbar-track]:bg-stone [&::-webkit-scrollbar-thumb]:bg-stoneDark", children: notifications.map((notification) => (jsxRuntimeExports.jsxs("div", { className: "w-100 hover:bg-stoneBackground", children: [jsxRuntimeExports.jsx(NotificationItem, { notification: notification, onDelete: onDeleteNotificationbyId, onClick: onClickNotification }), jsxRuntimeExports.jsx(Divider, {})] }, notification.id))) })) : (jsxRuntimeExports.jsx("p", { children: " Sem notifica\u00E7\u00F5es" })) })] }));
|
|
12
|
-
return (jsxRuntimeExports.jsx(Sidebar, { visible: true, position: "right", onHide: onClose, className: "w-10/12 md:w-1/2 lg:w-1/3", content: customContent }));
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
export { Notification };
|
|
16
|
-
//# sourceMappingURL=notification.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"notification.js","sources":["../../../../src/stories/components/notification.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;AAuBM,SAAU,YAAY,CAAC,EAC3B,OAAO,EACP,SAAS,EACT,wBAAwB,EACxB,mBAAmB,EACnB,aAAa,EACb,SAAS,EACT,MAAM,EACN,aAAa,EACb,UAAU,EACV,aAAa,GACK,EAAA;IAClB,MAAM,aAAa,IACjBA,sBAAA,CAAA,KAAA,EAAA,EAAA,QAAA,EAAA,CACEA,gCAAK,SAAS,EAAC,uEAAuE,EACpF,QAAA,EAAA,CAAAA,sBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yBAAyB,aACtCC,qBAAG,CAAA,GAAA,EAAA,EAAA,SAAS,EAAC,gCAAgC,EAAA,CAAG,EAChDA,qBAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,qDAAqD,EAE9D,QAAA,EAAA,wBAAA,EAAA,CAAA,CAAA,EAAA,CACD,EAENA,qBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,yBAAyB,EAAA,QAAA,EACtCA,qBAAC,CAAA,MAAM,EACL,EAAA,KAAK,EAAC,yBAAyB,EAC/B,OAAO,EAAC,kBAAkB,EAC1B,OAAO,EAAE,SAAS,EAClB,SAAS,EAAC,uBAAuB,EACjC,CAAA,EAAA,CACE,IACF,EAEND,sBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,+BAA+B,aAC5CC,qBAAC,CAAA,KAAK,IACJ,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,aAAa,EACvB,KAAK,EAAC,WAAW,EACjB,WAAW,EAAC,WAAW,EACvB,IAAI,EAAC,WAAW,EAChB,SAAS,EAAC,MAAM,EAChB,CAAA,EACFA,sBAAC,YAAY,EAAA,EACX,OAAO,EAAC,SAAS,EACjB,KAAK,EAAC,QAAQ,EACd,IAAI,EAAEA,sBAAC,UAAU,EAAA,EAAC,KAAK,EAAC,SAAS,GAAG,EACpC,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,CAAC,MAAM,KAAK,SAAS,CAAC,MAAM,CAAC,EACxC,aAAa,EAAE,aAAa,EAAA,CAC5B,IACE,EACNA,qBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,kBAAkB,EAC9B,QAAA,EAAA,aAAa,CAAC,MAAM,GAAG,CAAC,IACvBA,+BAAK,SAAS,EAAC,6OAA6O,EAAA,QAAA,EACzP,aAAa,CAAC,GAAG,CAAC,CAAC,YAAY,MAC9BD,sBAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAC,gCAAgC,EAAA,QAAA,EAAA,CAG1CC,sBAAC,gBAAgB,EAAA,EACf,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,wBAAwB,EAClC,OAAO,EAAE,mBAAmB,EAC5B,CAAA,EACFA,sBAAC,OAAO,EAAA,EAAA,CAAG,KAPN,YAAY,CAAC,EAAE,CAQhB,CACP,CAAC,GACE,KAENA,uEAAwB,CACzB,EAAA,CACG,CACF,EAAA,CAAA,CACP;IAED,QACEA,sBAAC,OAAO,EAAA,EACN,OAAO,EACP,IAAA,EAAA,QAAQ,EAAC,OAAO,EAChB,MAAM,EAAE,OAAO,EACf,SAAS,EAAC,2BAA2B,EACrC,OAAO,EAAE,aAAa,EACtB,CAAA;AAEN;;;;"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
|
|
2
|
-
import clsx from 'clsx';
|
|
3
|
-
import { formatDate as format } from '../../node_modules/date-fns/format.js';
|
|
4
|
-
import { ptBR } from '../../node_modules/date-fns/locale/pt-BR.js';
|
|
5
|
-
|
|
6
|
-
const formatDate = (date) => {
|
|
7
|
-
return format(date, "EEEE',' dd 'de' MMM '-' HH:mm", {
|
|
8
|
-
locale: ptBR,
|
|
9
|
-
}).replace('.', '');
|
|
10
|
-
};
|
|
11
|
-
function NotificationItem({ notification, onDelete, onClick, }) {
|
|
12
|
-
return (jsxRuntimeExports.jsxs("div", { className: "flex flex-row items-start gap-2 px-4 hover:text-primary cursor-pointer rounded", children: [jsxRuntimeExports.jsx("i", { className: "pi pi-circle-fill text-xs pt-1.5", style: { color: notification.active ? '#0AA836' : '#A0A4B3' } }), jsxRuntimeExports.jsxs("div", { className: "flex-1 text-left", onClick: () => onClick(notification.id), children: [jsxRuntimeExports.jsx("h2", { className: clsx('text-base font-bold', !notification.active && 'text-gray'), children: notification.title }), jsxRuntimeExports.jsx("p", { className: clsx('text-sm py-1 text-gray'), children: notification.description }), jsxRuntimeExports.jsx("p", { className: clsx('text-sm font-bold', !notification.active && 'text-gray'), children: formatDate(notification.date) })] }), jsxRuntimeExports.jsx("div", { className: "min-w-6 cursor-pointer", onClick: () => onDelete(notification.id), children: jsxRuntimeExports.jsx("i", { className: "pi pi-trash text-[#878787] hover:text-backgroundDark" }) })] }, notification.id));
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
export { NotificationItem as default };
|
|
16
|
-
//# sourceMappingURL=notificationItem.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"notificationItem.js","sources":["../../../../src/stories/components/notificationItem.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;AAKA,MAAM,UAAU,GAAG,CAAC,IAAU,KAAI;AAChC,IAAA,OAAO,MAAM,CAAC,IAAI,EAAE,+BAA+B,EAAE;AACnD,QAAA,MAAM,EAAE,IAAI;AACb,KAAA,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC;AACrB,CAAC;AAQa,SAAU,gBAAgB,CAAC,EACvC,YAAY,EACZ,QAAQ,EACR,OAAO,GACe,EAAA;AACtB,IAAA,QACEA,sBAAA,CAAA,KAAA,EAAA,EAEE,SAAS,EAAC,gFAAgF,EAAA,QAAA,EAAA,CAE1FC,qBACE,CAAA,GAAA,EAAA,EAAA,SAAS,EAAC,kCAAkC,EAC5C,KAAK,EAAE,EAAE,KAAK,EAAE,YAAY,CAAC,MAAM,GAAG,SAAS,GAAG,SAAS,EAAE,EAAA,CAC7D,EACFD,sBACE,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,kBAAkB,EAC5B,OAAO,EAAE,MAAM,OAAO,CAAC,YAAY,CAAC,EAAE,CAAC,aAEvCC,qBACE,CAAA,IAAA,EAAA,EAAA,SAAS,EAAE,IAAI,CACb,qBAAqB,EACrB,CAAC,YAAY,CAAC,MAAM,IAAI,WAAW,CACpC,EAEA,QAAA,EAAA,YAAY,CAAC,KAAK,EAAA,CAChB,EACLA,qBAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAE,IAAI,CAAC,wBAAwB,CAAC,EACzC,QAAA,EAAA,YAAY,CAAC,WAAW,EACvB,CAAA,EACJA,6BACE,SAAS,EAAE,IAAI,CACb,mBAAmB,EACnB,CAAC,YAAY,CAAC,MAAM,IAAI,WAAW,CACpC,EAAA,QAAA,EAEA,UAAU,CAAC,YAAY,CAAC,IAAI,CAAC,EAAA,CAC5B,CACA,EAAA,CAAA,EACNA,qBACE,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,wBAAwB,EAClC,OAAO,EAAE,MAAM,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,EAAA,QAAA,EAExCA,qBAAG,CAAA,GAAA,EAAA,EAAA,SAAS,EAAC,sDAAsD,EAAA,CAAG,EAClE,CAAA,CAAA,EAAA,EApCD,YAAY,CAAC,EAAE,CAqChB;AAEV;;;;"}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
|
|
2
|
-
import { Paginator as Paginator$1 } from 'primereact/paginator';
|
|
3
|
-
import { classNames } from 'primereact/utils';
|
|
4
|
-
import require$$0 from 'react';
|
|
5
|
-
|
|
6
|
-
function Paginator(props) {
|
|
7
|
-
const template = {
|
|
8
|
-
layout: 'PrevPageLink PageLinks NextPageLink',
|
|
9
|
-
PrevPageLink: (options) => {
|
|
10
|
-
return (jsxRuntimeExports.jsx("button", { className: classNames(options.className, '!w-8 !h-8 min-w-0 mr-2 font-roboto'), onClick: options.onClick, disabled: options.disabled, "aria-label": "Pr\u00F3xima p\u00E1gina", children: jsxRuntimeExports.jsx("span", { className: "pi pi-angle-left" }) }));
|
|
11
|
-
},
|
|
12
|
-
NextPageLink: (options) => {
|
|
13
|
-
return (jsxRuntimeExports.jsx("button", { className: classNames(options.className, '!w-8 !h-8 min-w-0 ml-2 font-roboto'), onClick: options.onClick, disabled: options.disabled, "aria-label": "P\u00E1gina anterior", children: jsxRuntimeExports.jsx("span", { className: "pi pi-angle-right" }) }));
|
|
14
|
-
},
|
|
15
|
-
PageLinks: (options) => {
|
|
16
|
-
return require$$0.cloneElement(options.element, {
|
|
17
|
-
className: classNames(options.element.props.className, '!rounded-full !w-8 !h-8 min-w-0 font-roboto', {
|
|
18
|
-
'bg-primary text-white': options.page === options.currentPage,
|
|
19
|
-
'hover:bg-gray-100': options.page !== options.currentPage,
|
|
20
|
-
}),
|
|
21
|
-
});
|
|
22
|
-
},
|
|
23
|
-
};
|
|
24
|
-
return jsxRuntimeExports.jsx(Paginator$1, { ...props, template: template });
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
export { Paginator };
|
|
28
|
-
//# sourceMappingURL=paginator.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"paginator.js","sources":["../../../../src/stories/components/paginator.tsx"],"sourcesContent":[null],"names":["_jsx","React","PrimePaginator"],"mappings":";;;;;AAUM,SAAU,SAAS,CAAC,KAAqB,EAAA;AAC7C,IAAA,MAAM,QAAQ,GAAG;AACf,QAAA,MAAM,EAAE,qCAAqC;AAC7C,QAAA,YAAY,EAAE,CAAC,OAAqC,KAAI;AACtD,YAAA,QACEA,qBAAA,CAAA,QAAA,EAAA,EACE,SAAS,EAAE,UAAU,CACnB,OAAO,CAAC,SAAS,EACjB,oCAAoC,CACrC,EACD,OAAO,EAAE,OAAO,CAAC,OAAO,EACxB,QAAQ,EAAE,OAAO,CAAC,QAAQ,EACf,YAAA,EAAA,0BAAgB,EAE3B,QAAA,EAAAA,qBAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,kBAAkB,EAAQ,CAAA,EAAA,CACnC;SAEZ;AACD,QAAA,YAAY,EAAE,CAAC,OAAqC,KAAI;AACtD,YAAA,QACEA,qBAAA,CAAA,QAAA,EAAA,EACE,SAAS,EAAE,UAAU,CACnB,OAAO,CAAC,SAAS,EACjB,oCAAoC,CACrC,EACD,OAAO,EAAE,OAAO,CAAC,OAAO,EACxB,QAAQ,EAAE,OAAO,CAAC,QAAQ,EACf,YAAA,EAAA,sBAAiB,EAE5B,QAAA,EAAAA,qBAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,mBAAmB,EAAQ,CAAA,EAAA,CACpC;SAEZ;AACD,QAAA,SAAS,EAAE,CAAC,OAAkC,KAAI;AAChD,YAAA,OAAOC,UAAK,CAAC,YAAY,CAAC,OAAO,CAAC,OAAO,EAAE;AACzC,gBAAA,SAAS,EAAE,UAAU,CACnB,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,EAC/B,6CAA6C,EAC7C;AACE,oBAAA,uBAAuB,EAAE,OAAO,CAAC,IAAI,KAAK,OAAO,CAAC,WAAW;AAC7D,oBAAA,mBAAmB,EAAE,OAAO,CAAC,IAAI,KAAK,OAAO,CAAC,WAAW;iBAC1D,CACF;AACF,aAAA,CAAC;SACH;KACF;IAED,OAAOD,qBAAA,CAACE,WAAc,EAAK,EAAA,GAAA,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAA,CAAI;AAC1D;;;;"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
|
|
2
|
-
import clsx from 'clsx';
|
|
3
|
-
|
|
4
|
-
const variants = {
|
|
5
|
-
white: 'ring-offset-background',
|
|
6
|
-
secondary: 'ring-offset-secondary',
|
|
7
|
-
};
|
|
8
|
-
function RadioButton({ label, value, checked, onChange, disabled = false, error = false, variant = 'secondary', ariaLabel = 'Radio button', }) {
|
|
9
|
-
return (jsxRuntimeExports.jsxs("label", { className: clsx('flex items-center gap-2 cursor-pointer font-roboto text-primary', disabled && 'text-disabled', error && !checked && 'text-redError'), children: [jsxRuntimeExports.jsx("input", { type: "radio", value: value, checked: checked, onChange: onChange, disabled: disabled, className: clsx('font-roboto appearance-none w-2 h-2 border-0 rounded-full shadow-none ring-1 ring-offset-2 checked:bg-primary transition-colors duration-200', disabled
|
|
10
|
-
? 'ring-stone'
|
|
11
|
-
: error && !checked
|
|
12
|
-
? 'ring-redError'
|
|
13
|
-
: 'ring-gray', variants[variant]), "aria-label": ariaLabel }), label] }));
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
export { RadioButton };
|
|
17
|
-
//# sourceMappingURL=radioButton.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"radioButton.js","sources":["../../../../src/stories/components/radioButton.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;AAEA,MAAM,QAAQ,GAAG;AACf,IAAA,KAAK,EAAE,wBAAwB;AAC/B,IAAA,SAAS,EAAE,uBAAuB;CACnC;AAaK,SAAU,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,KAAK,EACb,OAAO,GAAG,WAAW,EACrB,SAAS,GAAG,cAAc,GACT,EAAA;IACjB,QACEA,kCACE,SAAS,EAAE,IAAI,CACb,iEAAiE,EACjE,QAAQ,IAAI,eAAe,EAC3B,KAAK,IAAI,CAAC,OAAO,IAAI,eAAe,CACrC,EAED,QAAA,EAAA,CAAAC,qBAAA,CAAA,OAAA,EAAA,EACE,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,IAAI,CACb,8IAA8I,EAC9I;AACE,sBAAE;AACF,sBAAE,KAAK,IAAI,CAAC;AACV,0BAAE;AACF,0BAAE,WAAW,EACjB,QAAQ,CAAC,OAAO,CAAC,CAClB,EAAA,YAAA,EACW,SAAS,EACrB,CAAA,EACD,KAAK,CAAA,EAAA,CACA;AAEZ;;;;"}
|