karsten-design-system 1.1.25 → 1.1.27
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/components/floating-label/index.js +2 -2
- package/dist/components/floating-label/index.js.map +1 -1
- package/dist/stories/components/table.js +1 -1
- package/dist/stories/components/table.js.map +1 -1
- package/package.json +1 -1
- package/dist/assets/icons/bell.js +0 -8
- package/dist/assets/icons/bell.js.map +0 -1
- package/dist/assets/icons/circleCheck.js +0 -8
- package/dist/assets/icons/circleCheck.js.map +0 -1
- package/dist/assets/icons/close.js +0 -8
- package/dist/assets/icons/close.js.map +0 -1
- package/dist/assets/icons/dashboard.js +0 -8
- package/dist/assets/icons/dashboard.js.map +0 -1
- package/dist/assets/icons/home.js +0 -8
- package/dist/assets/icons/home.js.map +0 -1
- package/dist/assets/icons/menu.js +0 -8
- package/dist/assets/icons/menu.js.map +0 -1
- package/dist/assets/icons/trash.js +0 -8
- package/dist/assets/icons/trash.js.map +0 -1
- package/dist/stories/components/customAccordion.js +0 -30
- package/dist/stories/components/customAccordion.js.map +0 -1
- package/dist/stories/components/customCalendarInput.js +0 -56
- package/dist/stories/components/customCalendarInput.js.map +0 -1
- package/dist/stories/components/customSelect.js +0 -26
- package/dist/stories/components/customSelect.js.map +0 -1
- package/dist/stories/components/customTable.js +0 -88
- package/dist/stories/components/customTable.js.map +0 -1
- package/dist/stories/components/customToast.js +0 -12
- package/dist/stories/components/customToast.js.map +0 -1
- package/dist/stories/components/dateInput.js +0 -46
- package/dist/stories/components/dateInput.js.map +0 -1
- package/dist/stories/components/simpleSelect.js +0 -23
- package/dist/stories/components/simpleSelect.js.map +0 -1
- package/dist/stories/components/wikiHeader.js +0 -10
- package/dist/stories/components/wikiHeader.js.map +0 -1
- package/dist/types/hook/useToast.d.ts +0 -5
- package/dist/types/stories/components/ThemeContext.d.ts +0 -10
- package/dist/types/stories/components/ThemeToggleButton.d.ts +0 -1
- package/dist/types/stories/components/customAccordion.d.ts +0 -15
- package/dist/types/stories/components/customCalendarInput.d.ts +0 -8
- package/dist/types/stories/components/customSelect.d.ts +0 -11
- package/dist/types/stories/components/customTable.d.ts +0 -37
- package/dist/types/stories/components/customToast.d.ts +0 -10
- package/dist/types/stories/components/dateInput.d.ts +0 -5
- package/dist/types/stories/components/megaMenu.stories.d.ts +0 -25
- package/dist/types/stories/components/simpleSelect.d.ts +0 -10
- package/dist/types/stories/components/wikiHeader.d.ts +0 -5
- package/dist/types/stories/screens/accountsPayable.d.ts +0 -1
- package/dist/types/stories/screens/dashboard.d.ts +0 -2
- package/dist/types/stories/screens/home.d.ts +0 -1
- package/dist/types/stories/screens/sign-in.d.ts +0 -2
- package/dist/types/stories/screens/table.d.ts +0 -1
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
|
|
2
|
-
import clsx from 'clsx';
|
|
3
|
-
import { useState } from 'react';
|
|
4
|
-
|
|
5
|
-
function CustomAccordion({ tabsChildren, headers, multiple = false, activeIndex, className, onClickFavorite, showFavorite = false, }) {
|
|
6
|
-
const [openIndexes, setOpenIndexes] = useState(activeIndex
|
|
7
|
-
? Array.isArray(activeIndex)
|
|
8
|
-
? activeIndex
|
|
9
|
-
: [activeIndex]
|
|
10
|
-
: []);
|
|
11
|
-
const toggleTab = (index) => {
|
|
12
|
-
if (multiple) {
|
|
13
|
-
setOpenIndexes((prev) => prev.includes(index)
|
|
14
|
-
? prev.filter((i) => i !== index)
|
|
15
|
-
: [...prev, index]);
|
|
16
|
-
}
|
|
17
|
-
else {
|
|
18
|
-
setOpenIndexes((prev) => (prev.includes(index) ? [] : [index]));
|
|
19
|
-
}
|
|
20
|
-
};
|
|
21
|
-
return (jsxRuntimeExports.jsx("div", { className: clsx('w-full flex flex-col text-primary', className), children: tabsChildren.map((tab, index) => (jsxRuntimeExports.jsxs("div", { className: "w-full", children: [jsxRuntimeExports.jsx("div", { className: "flex items-center justify-between w-full border-b border-b-primary bg-background", children: jsxRuntimeExports.jsxs("button", { onClick: () => toggleTab(index), className: "flex items-center justify-between w-full px-4 py-2", children: [jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3", children: [showFavorite && (jsxRuntimeExports.jsx("i", { className: clsx('text-primary cursor-pointer text-lg', headers[index]?.isFavorite
|
|
22
|
-
? 'pi pi-star-fill text-primary'
|
|
23
|
-
: 'pi pi-star'), onClick: (e) => {
|
|
24
|
-
e.stopPropagation();
|
|
25
|
-
onClickFavorite?.(index);
|
|
26
|
-
} })), jsxRuntimeExports.jsx("span", { className: "text-left text-primary text-base font-bold font-roboto", children: headers[index].label })] }), jsxRuntimeExports.jsx("i", { className: clsx('pi', openIndexes.includes(index) ? 'pi-angle-up' : 'pi-angle-down', 'text-primary ml-4') })] }) }), openIndexes.includes(index) && jsxRuntimeExports.jsx("div", { className: "py-4", children: tab })] }, index))) }));
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
export { CustomAccordion };
|
|
30
|
-
//# sourceMappingURL=customAccordion.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"customAccordion.js","sources":["../../../../src/stories/components/customAccordion.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;AAkBM,SAAU,eAAe,CAAC,EAC9B,YAAY,EACZ,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,WAAW,EACX,SAAS,EACT,eAAe,EACf,YAAY,GAAG,KAAK,GACC,EAAA;IACrB,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAC5C;AACE,UAAE,KAAK,CAAC,OAAO,CAAC,WAAW;AACzB,cAAE;cACA,CAAC,WAAW;UACd,EAAE,CACP;AAED,IAAA,MAAM,SAAS,GAAG,CAAC,KAAa,KAAI;QAClC,IAAI,QAAQ,EAAE;YACZ,cAAc,CAAC,CAAC,IAAI,KAClB,IAAI,CAAC,QAAQ,CAAC,KAAK;AACjB,kBAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,KAAK;kBAC9B,CAAC,GAAG,IAAI,EAAE,KAAK,CAAC,CACrB;;aACI;YACL,cAAc,CAAC,CAAC,IAAI,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;;AAEnE,KAAC;AAED,IAAA,QACEA,qBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,IAAI,CAAC,mCAAmC,EAAE,SAAS,CAAC,EAAA,QAAA,EACjE,YAAY,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,MAC3BC,sBAAiB,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,QAAQ,EACjC,QAAA,EAAA,CAAAD,qBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,kFAAkF,EAC/F,QAAA,EAAAC,sBAAA,CAAA,QAAA,EAAA,EACE,OAAO,EAAE,MAAM,SAAS,CAAC,KAAK,CAAC,EAC/B,SAAS,EAAC,oDAAoD,EAE9D,QAAA,EAAA,CAAAA,sBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yBAAyB,EACrC,QAAA,EAAA,CAAA,YAAY,KACXD,qBACE,CAAA,GAAA,EAAA,EAAA,SAAS,EAAE,IAAI,CACb,qCAAqC,EACrC,OAAO,CAAC,KAAK,CAAC,EAAE;AACd,8CAAE;8CACA,YAAY,CACjB,EACD,OAAO,EAAE,CAAC,CAAC,KAAI;4CACb,CAAC,CAAC,eAAe,EAAE;AACnB,4CAAA,eAAe,GAAG,KAAK,CAAC;AAC1B,yCAAC,EACD,CAAA,CACH,EACDA,qBAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,wDAAwD,EAAA,QAAA,EACrE,OAAO,CAAC,KAAK,CAAC,CAAC,KAAK,EAAA,CAChB,CACH,EAAA,CAAA,EACNA,qBACE,CAAA,GAAA,EAAA,EAAA,SAAS,EAAE,IAAI,CACb,IAAI,EACJ,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,aAAa,GAAG,eAAe,EAC7D,mBAAmB,CACpB,EACD,CAAA,CAAA,EAAA,CACK,EACL,CAAA,EAEL,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAIA,qBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,MAAM,YAAE,GAAG,EAAA,CAAO,CAnCzD,EAAA,EAAA,KAAK,CAoCT,CACP,CAAC,EAAA,CACE;AAEV;;;;"}
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
|
|
2
|
-
import clsx from 'clsx';
|
|
3
|
-
import { Calendar } from 'primereact/calendar';
|
|
4
|
-
import { IconField } from 'primereact/iconfield';
|
|
5
|
-
import { InputIcon } from 'primereact/inputicon';
|
|
6
|
-
import { useRef } from 'react';
|
|
7
|
-
import FloatingLabel from '../../components/floating-label/index.js';
|
|
8
|
-
|
|
9
|
-
function CustomCalendarInput({ error, placeholder = 'Selecione uma data', label, disabled = false, ...props }) {
|
|
10
|
-
const calendarRef = useRef(null);
|
|
11
|
-
const hasError = (error && !disabled) ||
|
|
12
|
-
(!!error && !disabled);
|
|
13
|
-
const dateTemplate = (data) => {
|
|
14
|
-
const date = new Date(`${data.year}/${data.month + 1}/${data.day}`);
|
|
15
|
-
const dayComponent = (className) => {
|
|
16
|
-
return (jsxRuntimeExports.jsx("div", { className: `w-full h-full flex justify-center items-center text-grayDark ${className}`, children: data.day }));
|
|
17
|
-
};
|
|
18
|
-
if (props.selectionMode === 'range') {
|
|
19
|
-
if (props.value &&
|
|
20
|
-
props.value[0] &&
|
|
21
|
-
date.getTime() === props.value[0]?.getTime()) {
|
|
22
|
-
return dayComponent('bg-stone');
|
|
23
|
-
}
|
|
24
|
-
if (props.value &&
|
|
25
|
-
props.value[0] &&
|
|
26
|
-
props.value[1] &&
|
|
27
|
-
date.getTime() >= props.value[0].getTime() &&
|
|
28
|
-
date.getTime() <= props.value[1].getTime()) {
|
|
29
|
-
return dayComponent('bg-stone');
|
|
30
|
-
}
|
|
31
|
-
return dayComponent();
|
|
32
|
-
}
|
|
33
|
-
if (props.selectionMode === 'single' || props.selectionMode === undefined) {
|
|
34
|
-
if (props.value && date.getTime() === props.value?.getTime()) {
|
|
35
|
-
return dayComponent('bg-stone');
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
return dayComponent();
|
|
39
|
-
};
|
|
40
|
-
const handleInputClick = () => {
|
|
41
|
-
if (!disabled) {
|
|
42
|
-
calendarRef.current?.show();
|
|
43
|
-
}
|
|
44
|
-
};
|
|
45
|
-
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(IconField, { className: 'flex w-full min-w-full items-center', 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 ? 'border-redError placeholder:!text-redError p-invalid' : '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: {
|
|
46
|
-
border: `1px solid ${error && !props.value ? '#EC4A54' : '#a0a4b3'}`,
|
|
47
|
-
boxShadow: 'none',
|
|
48
|
-
paddingLeft: props?.value ? '0.5rem' : '1.5rem',
|
|
49
|
-
color: hasError ? '#EC4A54' : '',
|
|
50
|
-
height: '42px',
|
|
51
|
-
fontSize: '16px',
|
|
52
|
-
}, hideOnDateTimeSelect: true, hideOnRangeSelection: true, todayButtonClassName: "bg-primary text-background", dateTemplate: dateTemplate, invalid: hasError }), jsxRuntimeExports.jsx(InputIcon, { className: clsx(`pi pi-calendar text-gray cursor-pointer`, 'text-gray px-2', disabled && 'text-disabled', hasError && 'text-redError') })] }), hasError && jsxRuntimeExports.jsx("span", { className: "absolute left-2 text-redError text-xs px-1", children: error })] }) }));
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
export { CustomCalendarInput };
|
|
56
|
-
//# sourceMappingURL=customCalendarInput.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"customCalendarInput.js","sources":["../../../../src/stories/components/customCalendarInput.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
|
|
2
|
-
import { useState } from 'react';
|
|
3
|
-
import clsx from 'clsx';
|
|
4
|
-
import { IconField } from 'primereact/iconfield';
|
|
5
|
-
import { InputText } from 'primereact/inputtext';
|
|
6
|
-
import { InputIcon } from 'primereact/inputicon';
|
|
7
|
-
import FloatingLabel from '../../components/floating-label/index.js';
|
|
8
|
-
|
|
9
|
-
function CustomSelect({ options, value, onChange, placeholder = 'Selecione uma opção', label = 'Opção', disabled = false, error, }) {
|
|
10
|
-
const [isOpen, setIsOpen] = useState(false);
|
|
11
|
-
const toggleDropdown = () => {
|
|
12
|
-
if (!disabled) {
|
|
13
|
-
setIsOpen(!isOpen);
|
|
14
|
-
}
|
|
15
|
-
};
|
|
16
|
-
const handleSelect = (option) => {
|
|
17
|
-
onChange(option);
|
|
18
|
-
setIsOpen(false);
|
|
19
|
-
};
|
|
20
|
-
const hasError = (error && !disabled) ||
|
|
21
|
-
(!!error && !disabled);
|
|
22
|
-
return (jsxRuntimeExports.jsxs("div", { className: "relative flex flex-col w-100", children: [jsxRuntimeExports.jsxs("div", { className: "relative w-full cursor-pointer", onClick: toggleDropdown, children: [jsxRuntimeExports.jsx(FloatingLabel, { value: value ? value.label : '', label: label, disabled: disabled, error: error }), jsxRuntimeExports.jsxs(IconField, { className: "w-full", children: [jsxRuntimeExports.jsx(InputText, { placeholder: placeholder, type: "text", value: value ? value.label : '', onClick: toggleDropdown, className: clsx('focus:shadow-none placeholder:!pl-4 placeholder:text-gray placeholder:font-roboto text-base w-100 font-roboto border !p-2 rounded-md', hasError ? 'border-redError placeholder:text-redError' : 'border-gray focus:border-primary', disabled && 'border-stoneDark text-disabled', error && 'border-redError text-redError', !error && 'border-gray placeholder:text-gray'), invalid: hasError, readOnly: true, style: { height: '42px', fontSize: '16px' } }), jsxRuntimeExports.jsx(InputIcon, { className: clsx(`${isOpen ? 'pi pi-angle-up' : 'pi pi-angle-down'}`, 'text-gray px-2 flex items-center cursor-pointer', disabled && 'text-disabled', error && 'text-redError'), onClick: toggleDropdown })] })] }), isOpen && (jsxRuntimeExports.jsx("div", { className: clsx('absolute w-full bg-background border shadow-md z-50 rounded-md p-2 -bottom-1 translate-y-full', error ? 'border-redError' : 'border-gray'), children: jsxRuntimeExports.jsx("ul", { children: options.map((option) => (jsxRuntimeExports.jsxs("li", { onClick: () => handleSelect(option), className: "p-2 flex justify-between items-center cursor-pointer", children: [option.label, jsxRuntimeExports.jsx("input", { type: "radio", checked: value?.value === option.value, onChange: () => handleSelect(option), className: "appearance-none w-2 h-2 rounded-full ring-1 ring-offset-2 ring-offset-background ring-gray checked:bg-primary cursor-pointer" })] }, option.value))) }) })), hasError && jsxRuntimeExports.jsx("span", { className: "text-redError text-xs px-2", children: error })] }));
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
export { CustomSelect };
|
|
26
|
-
//# sourceMappingURL=customSelect.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"customSelect.js","sources":["../../../../src/stories/components/customSelect.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
|
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
|
|
2
|
-
import { useState, useEffect } from 'react';
|
|
3
|
-
import { sortData } from '../../utils/sortData.js';
|
|
4
|
-
import clsx from 'clsx';
|
|
5
|
-
import { Spinner } from './spinner.js';
|
|
6
|
-
import { Paginator } from './paginator.js';
|
|
7
|
-
import { Button } from './button.js';
|
|
8
|
-
import { Input } from './input.js';
|
|
9
|
-
import { Select } from './select.js';
|
|
10
|
-
import { CalendarInput } from './calendarInput.js';
|
|
11
|
-
|
|
12
|
-
function parseDateRange(value) {
|
|
13
|
-
try {
|
|
14
|
-
const parsed = JSON.parse(value);
|
|
15
|
-
const start = parsed[0] ? new Date(parsed[0]) : null;
|
|
16
|
-
const end = parsed[1] ? new Date(parsed[1]) : null;
|
|
17
|
-
return [start, end];
|
|
18
|
-
}
|
|
19
|
-
catch {
|
|
20
|
-
return [null, null];
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
function CustomTable({ columns, data, totalRecords, actions = [], isOrdered = true, actionsHeaderClassName = '', actionsColumnsClassName = '', rowsPerPage = 10, onPageChange, isPaginated = true, isLoading = false, onFilterChange, onSortChange, }) {
|
|
24
|
-
const [sortDirection, setSortDirection] = useState('ASC');
|
|
25
|
-
const [sortedData, setSortedData] = useState(data);
|
|
26
|
-
const [currentPage, setCurrentPage] = useState(1);
|
|
27
|
-
const [filters, setFilters] = useState({});
|
|
28
|
-
const [openFilter, setOpenFilter] = useState(null);
|
|
29
|
-
const handleSort = (dataIndex) => {
|
|
30
|
-
const newDirection = sortDirection === 'ASC' ? 'DESC' : 'ASC';
|
|
31
|
-
setSortDirection(newDirection);
|
|
32
|
-
if (onSortChange) {
|
|
33
|
-
onSortChange(dataIndex, newDirection);
|
|
34
|
-
}
|
|
35
|
-
else {
|
|
36
|
-
setSortedData(sortData(data, dataIndex, newDirection));
|
|
37
|
-
}
|
|
38
|
-
};
|
|
39
|
-
useEffect(() => {
|
|
40
|
-
setSortedData(data);
|
|
41
|
-
}, [data]);
|
|
42
|
-
const handleFilter = () => {
|
|
43
|
-
setOpenFilter(null);
|
|
44
|
-
if (onFilterChange) {
|
|
45
|
-
console.log(filters);
|
|
46
|
-
onFilterChange(filters);
|
|
47
|
-
}
|
|
48
|
-
};
|
|
49
|
-
return (jsxRuntimeExports.jsxs("div", { children: [jsxRuntimeExports.jsxs("table", { className: "w-100", children: [jsxRuntimeExports.jsx("thead", { children: jsxRuntimeExports.jsxs("tr", { className: "bg-gray-100", children: [columns.map((column) => (jsxRuntimeExports.jsxs("th", { className: "bg-primary first:rounded-ss-lg font-bold text-background text-sm uppercase p-3 text-left", children: [jsxRuntimeExports.jsx("div", { children: openFilter === column.dataIndex && (jsxRuntimeExports.jsxs("div", { className: "absolute mt-6 bg-background border rounded-md shadow-md p-4 z-10 w-[276px] normal-case", children: [jsxRuntimeExports.jsxs("div", { className: "space-y-4 text-primary", children: [jsxRuntimeExports.jsxs("h1", { className: "text-primary text-sm", children: ["Filtrar por ", column.label] }), jsxRuntimeExports.jsxs("div", { className: "w-full", children: [column.filterType === 'text' && (jsxRuntimeExports.jsx(Input, { placeholder: "Digite para filtrar", value: filters[column.dataIndex] || "", onChange: (e) => setFilters((prev) => ({ ...prev, [column.dataIndex]: e })) })), column.filterType === 'select' && (jsxRuntimeExports.jsx(Select, { options: column.filterOptions || [], value: column.filterOptions?.find((option) => option.value === filters[column.dataIndex]) || null, onChange: (selected) => setFilters((prev) => ({
|
|
50
|
-
...prev,
|
|
51
|
-
[column.dataIndex]: selected.value,
|
|
52
|
-
})), placeholder: "Selecione uma op\u00E7\u00E3o", label: "" })), column.filterType === 'singleDate' && (jsxRuntimeExports.jsx(CalendarInput, { label: "", selectionMode: "single", placeholder: "Selecione uma data", value: filters[column.dataIndex]
|
|
53
|
-
? new Date(filters[column.dataIndex])
|
|
54
|
-
: null, onChange: (e) => {
|
|
55
|
-
setFilters((prev) => ({
|
|
56
|
-
...prev,
|
|
57
|
-
[column.dataIndex]: e?.value?.toISOString() ?? '',
|
|
58
|
-
}));
|
|
59
|
-
} })), column.filterType === 'rangeDate' && (jsxRuntimeExports.jsx(CalendarInput, { label: "", selectionMode: "range", placeholder: "Selecione as datas", value: filters[column.dataIndex]
|
|
60
|
-
? parseDateRange(filters[column.dataIndex])
|
|
61
|
-
: null, onChange: (e) => {
|
|
62
|
-
const range = e?.value;
|
|
63
|
-
setFilters((prev) => ({
|
|
64
|
-
...prev,
|
|
65
|
-
[column.dataIndex]: range ? JSON.stringify(range) : '',
|
|
66
|
-
}));
|
|
67
|
-
} }))] })] }), jsxRuntimeExports.jsxs("div", { className: "flex justify-between mt-4", children: [jsxRuntimeExports.jsx(Button, { variant: "outline", onClick: () => {
|
|
68
|
-
const updatedFilters = { ...filters };
|
|
69
|
-
delete updatedFilters[column.dataIndex];
|
|
70
|
-
setFilters(updatedFilters);
|
|
71
|
-
setOpenFilter(null);
|
|
72
|
-
if (onFilterChange) {
|
|
73
|
-
onFilterChange(updatedFilters);
|
|
74
|
-
}
|
|
75
|
-
}, label: "Limpar", width: "10", size: "small" }), jsxRuntimeExports.jsx(Button, { variant: "primary", onClick: () => handleFilter(), label: "Aplicar", width: "10", size: "small" })] })] })) }), column.label, isOrdered && (jsxRuntimeExports.jsx("i", { className: "pi pi-sort-alt pl-2 text-xs cursor-pointer", onClick: () => handleSort(column.dataIndex) })), column.filterable && (jsxRuntimeExports.jsx("i", { className: clsx("pl-2 text-xs cursor-pointer", filters[column.dataIndex] ? 'pi pi-filter-slash' : 'pi pi-filter'), onClick: () => setOpenFilter((prev) => prev === column.dataIndex ? null : column.dataIndex) }))] }, String(column.dataIndex)))), actions.length > 0 && (jsxRuntimeExports.jsx("th", { className: clsx('bg-primary rounded-se-lg font-bold text-background text-sm uppercase p-3 text-right pr-4', actionsHeaderClassName), children: "A\u00C7\u00D5ES" }))] }) }), jsxRuntimeExports.jsx("tbody", { children: isLoading ? (jsxRuntimeExports.jsx("tr", { children: jsxRuntimeExports.jsx("td", { colSpan: columns.length + (actions.length > 0 ? 1 : 0), className: "p-6 text-center bg-gray-50", children: jsxRuntimeExports.jsx("div", { className: "py-2 px-4 flex justify-center items-center gap-2", children: jsxRuntimeExports.jsx(Spinner, { size: "lg" }) }) }) })) : sortedData.length > 0 ? (sortedData.map((row, index) => (jsxRuntimeExports.jsxs("tr", { className: clsx(index % 2 === 0 ? 'bg-stoneBackground' : 'bg-background', 'text-primary text-base'), children: [columns.map((column) => {
|
|
76
|
-
const value = row[column.dataIndex];
|
|
77
|
-
return (jsxRuntimeExports.jsx("td", { className: clsx('p-3 text-sm text-left', typeof column.style === 'function' ? column.style(value, row) : column.style), children: column.render ? column.render(value, row) : String(value) }, String(column.dataIndex)));
|
|
78
|
-
}), actions.length > 0 && (jsxRuntimeExports.jsx("td", { className: clsx('text-sm text-right flex flex-row justify-end p-3 gap-2', actionsColumnsClassName), children: actions.map((action, idx) => (jsxRuntimeExports.jsx("span", { className: clsx('cursor-pointer', action.disabled && 'opacity-50 pointer-events-none cursor-not-allowed'), onClick: () => {
|
|
79
|
-
if (!action.disabled)
|
|
80
|
-
action.onClick(row);
|
|
81
|
-
}, title: action.label, children: action.icon }, idx))) }))] }, index)))) : (jsxRuntimeExports.jsx("tr", { children: jsxRuntimeExports.jsxs("td", { colSpan: columns.length + (actions.length > 0 ? 1 : 0), className: "p-6 text-center text-primary bg-stoneBackground", children: [jsxRuntimeExports.jsx("i", { className: "pi pi-database mr-2" }), " N\u00E3o h\u00E1 dados dispon\u00EDveis."] }) })) })] }), sortedData.length > 0 && isPaginated && (jsxRuntimeExports.jsx(Paginator, { first: (currentPage - 1) * rowsPerPage, rows: rowsPerPage, totalRecords: totalRecords, onPageChange: (event) => {
|
|
82
|
-
setCurrentPage(event.page + 1);
|
|
83
|
-
onPageChange(event.page + 1);
|
|
84
|
-
} }))] }));
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
export { CustomTable };
|
|
88
|
-
//# sourceMappingURL=customTable.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"customTable.js","sources":["../../../../src/stories/components/customTable.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
|
|
2
|
-
import clsx from 'clsx';
|
|
3
|
-
import SuccessIcon from '../../assets/icons/success.js';
|
|
4
|
-
import ErrorIcon from '../../assets/icons/error.js';
|
|
5
|
-
import InfoIcon from '../../assets/icons/info.js';
|
|
6
|
-
|
|
7
|
-
function CustomToast({ messages }) {
|
|
8
|
-
return (jsxRuntimeExports.jsx("div", { className: "fixed top-5 right-5 flex flex-col gap-2 z-[999]", children: messages.map(({ id, severity, summary, detail }) => (jsxRuntimeExports.jsxs("div", { className: clsx('p-2 rounded flex items-center gap-2 transition-opacity bg-white border border-l-4 rounded-r-lg shadow-[0_4px_12px_rgba(0,0,0,0.50)]', severity === 'success' ? 'bg-[#E6F4EA] border-[#2E7D32] text-[#1B5E20]' : '', severity === 'info' ? 'bg-[#E3F2FD] border-[#1565C0] text-[#0D47A1]' : '', severity === 'error' ? 'bg-[#FFEBEE] border-[#C62828] text-[#B71C1C]' : ''), children: [severity === 'success' && jsxRuntimeExports.jsx(SuccessIcon, {}), severity === 'info' && jsxRuntimeExports.jsx(InfoIcon, {}), severity === 'error' && jsxRuntimeExports.jsx(ErrorIcon, {}), jsxRuntimeExports.jsxs("div", { children: [jsxRuntimeExports.jsx("strong", { children: summary }), jsxRuntimeExports.jsx("p", { children: detail })] })] }, id))) }));
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
export { CustomToast };
|
|
12
|
-
//# sourceMappingURL=customToast.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"customToast.js","sources":["../../../../src/stories/components/customToast.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;AAcgB,SAAA,WAAW,CAAC,EAAE,QAAQ,EAAgC,EAAA;IACpE,QACEA,qBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,iDAAiD,YAC7D,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,MAC9CC,sBAEE,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,IAAI,CACb,qIAAqI,EACrI,QAAQ,KAAK,SAAS,GAAG,8CAA8C,GAAG,EAAE,EAC5E,QAAQ,KAAK,MAAM,GAAG,8CAA8C,GAAG,EAAE,EACzE,QAAQ,KAAK,OAAO,GAAG,8CAA8C,GAAG,EAAE,CAC3E,EAAA,QAAA,EAAA,CAEA,QAAQ,KAAK,SAAS,IAAID,qBAAA,CAAC,WAAW,EAAA,EAAA,CAAG,EACzC,QAAQ,KAAK,MAAM,IAAIA,qBAAC,CAAA,QAAQ,KAAG,EACnC,QAAQ,KAAK,OAAO,IAAIA,qBAAA,CAAC,SAAS,EAAG,EAAA,CAAA,EACtCC,sBACE,CAAA,KAAA,EAAA,EAAA,QAAA,EAAA,CAAAD,qBAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAS,OAAO,EAAA,CAAU,EAC1BA,qBAAI,CAAA,GAAA,EAAA,EAAA,QAAA,EAAA,MAAM,EAAK,CAAA,CAAA,EAAA,CACX,CAdD,EAAA,EAAA,EAAE,CAeH,CACP,CAAC,EACE,CAAA;AAEV;;;;"}
|
|
@@ -1,46 +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 { Calendar } from 'primereact/calendar';
|
|
5
|
-
import { useRef } from 'react';
|
|
6
|
-
|
|
7
|
-
function DateInput({ error = false, ...props }) {
|
|
8
|
-
const calendarRef = useRef(null);
|
|
9
|
-
const dateTemplate = (data) => {
|
|
10
|
-
const date = new Date(`${data.year}/${data.month + 1}/${data.day}`);
|
|
11
|
-
const dayComponent = (className) => {
|
|
12
|
-
return (jsxRuntimeExports.jsx("div", { className: `w-full h-full flex justify-center items-center text-grayDark ${className}`, children: data.day }));
|
|
13
|
-
};
|
|
14
|
-
if (props.selectionMode === 'range') {
|
|
15
|
-
if (props.value &&
|
|
16
|
-
props.value[0] &&
|
|
17
|
-
date.getTime() === props.value[0]?.getTime()) {
|
|
18
|
-
return dayComponent('bg-stone');
|
|
19
|
-
}
|
|
20
|
-
if (props.value &&
|
|
21
|
-
props.value[0] &&
|
|
22
|
-
props.value[1] &&
|
|
23
|
-
date.getTime() >= props.value[0].getTime() &&
|
|
24
|
-
date.getTime() <= props.value[1].getTime()) {
|
|
25
|
-
return dayComponent('bg-stone');
|
|
26
|
-
}
|
|
27
|
-
return dayComponent();
|
|
28
|
-
}
|
|
29
|
-
if (props.selectionMode === 'single' || props.selectionMode === undefined) {
|
|
30
|
-
if (props.value && date.getTime() === props.value?.getTime()) {
|
|
31
|
-
return dayComponent('bg-stone');
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
return dayComponent();
|
|
35
|
-
};
|
|
36
|
-
return (jsxRuntimeExports.jsxs("div", { className: "relative flex flex-row w-100", children: [jsxRuntimeExports.jsx(Calendar, { ...props, ref: calendarRef, placeholder: "Data", className: "w-100", dateFormat: "dd/mm/yy", inputStyle: {
|
|
37
|
-
border: `1px solid ${error && !props.value ? '#EC4A54' : '#878787'}`,
|
|
38
|
-
boxShadow: 'none',
|
|
39
|
-
padding: '0.5rem',
|
|
40
|
-
width: '100%',
|
|
41
|
-
height: 'fit-content',
|
|
42
|
-
}, hideOnDateTimeSelect: true, hideOnRangeSelection: true, todayButtonClassName: "bg-primary text-background", dateTemplate: dateTemplate }), jsxRuntimeExports.jsx(Button, { icon: `pi pi-calendar`, rounded: true, text: true, className: clsx('w-4 !absolute right-5 bg-transparent border-none shadow-none h-fit !py-2 !px-0', error ? 'text-redError' : 'text-primary'), disabled: props.disabled, onClick: () => calendarRef.current?.show() })] }));
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
export { DateInput };
|
|
46
|
-
//# sourceMappingURL=dateInput.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"dateInput.js","sources":["../../../../src/stories/components/dateInput.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
|
|
2
|
-
import { useState } from 'react';
|
|
3
|
-
import clsx from 'clsx';
|
|
4
|
-
import { IconField } from 'primereact/iconfield';
|
|
5
|
-
import { InputText } from 'primereact/inputtext';
|
|
6
|
-
import { InputIcon } from 'primereact/inputicon';
|
|
7
|
-
|
|
8
|
-
function SimpleSelect({ options, value, onChange, placeholder, disabled = false, error, }) {
|
|
9
|
-
const [isOpen, setIsOpen] = useState(false);
|
|
10
|
-
const toggleDropdown = () => {
|
|
11
|
-
if (!disabled) {
|
|
12
|
-
setIsOpen(!isOpen);
|
|
13
|
-
}
|
|
14
|
-
};
|
|
15
|
-
const handleSelect = (option) => {
|
|
16
|
-
onChange(option);
|
|
17
|
-
setIsOpen(false);
|
|
18
|
-
};
|
|
19
|
-
return (jsxRuntimeExports.jsxs("div", { className: "relative flex flex-col w-100", children: [error && jsxRuntimeExports.jsx("span", { className: "text-redError text-xs px-2", children: error }), jsxRuntimeExports.jsxs(IconField, { className: "w-100", children: [jsxRuntimeExports.jsx(InputText, { type: "text", value: value ? value.label : placeholder, onClick: toggleDropdown, className: clsx('w-100 border !p-2 rounded-md focus:outline-none text-base text-gray focus:shadow-none', disabled && 'border-stoneDark text-disabled', error && 'border-redError text-redError', !error && 'border-gray'), readOnly: true }), jsxRuntimeExports.jsx(InputIcon, { className: clsx(`${isOpen ? 'pi pi-angle-up' : 'pi pi-angle-down'}`, 'text-gray px-2', disabled && 'text-disabled', error && 'text-redError'), onClick: toggleDropdown })] }), isOpen && (jsxRuntimeExports.jsx("div", { className: clsx('absolute w-100 bg-background border shadow-md z-10 rounded-md p-2 -bottom-1 translate-y-full', error ? 'border-redError' : 'border-gray'), children: jsxRuntimeExports.jsx("ul", { children: options.map((option) => (jsxRuntimeExports.jsxs("li", { onClick: () => handleSelect(option), className: "p-2 flex justify-between items-center cursor-pointer", children: [option.label, jsxRuntimeExports.jsx("input", { type: "radio", checked: value?.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" })] }, option.value))) }) }))] }));
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
export { SimpleSelect };
|
|
23
|
-
//# sourceMappingURL=simpleSelect.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"simpleSelect.js","sources":["../../../../src/stories/components/simpleSelect.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;SAgBiB,YAAY,CAAC,EAC3B,OAAO,EACP,KAAK,EACL,QAAQ,EACR,WAAW,EACX,QAAQ,GAAG,KAAK,EAChB,KAAK,GACa,EAAA;IAClB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAE3C,MAAM,cAAc,GAAG,MAAK;QAC1B,IAAI,CAAC,QAAQ,EAAE;AACb,YAAA,SAAS,CAAC,CAAC,MAAM,CAAC;;AAEtB,KAAC;AAED,IAAA,MAAM,YAAY,GAAG,CAAC,MAAc,KAAI;QACtC,QAAQ,CAAC,MAAM,CAAC;QAChB,SAAS,CAAC,KAAK,CAAC;AAClB,KAAC;IAED,QACEA,gCAAK,SAAS,EAAC,8BAA8B,EAC1C,QAAA,EAAA,CAAA,KAAK,IAAIC,qBAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAC,4BAA4B,EAAA,QAAA,EAAE,KAAK,EAAQ,CAAA,EACrED,uBAAC,SAAS,EAAA,EAAC,SAAS,EAAC,OAAO,aAC1BC,qBAAC,CAAA,SAAS,IACR,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,GAAG,KAAK,CAAC,KAAK,GAAG,WAAW,EACxC,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE,IAAI,CACb,uFAAuF,EACvF,QAAQ,IAAI,gCAAgC,EAC5C,KAAK,IAAI,+BAA+B,EACxC,CAAC,KAAK,IAAI,aAAa,CACxB,EACD,QAAQ,EAAA,IAAA,EAAA,CACR,EACFA,qBAAC,CAAA,SAAS,IACR,SAAS,EAAE,IAAI,CACb,CAAA,EAAG,MAAM,GAAG,gBAAgB,GAAG,kBAAkB,EAAE,EACnD,gBAAgB,EAChB,QAAQ,IAAI,eAAe,EAC3B,KAAK,IAAI,eAAe,CACzB,EACD,OAAO,EAAE,cAAc,EACvB,CAAA,CAAA,EAAA,CACQ,EAEX,MAAM,KACLA,qBACE,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,IAAI,CACb,8FAA8F,EAC9F,KAAK,GAAG,iBAAiB,GAAG,aAAa,CAC1C,YAEDA,qBACG,CAAA,IAAA,EAAA,EAAA,QAAA,EAAA,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,MAClBD,+BAEE,OAAO,EAAE,MAAM,YAAY,CAAC,MAAM,CAAC,EACnC,SAAS,EAAC,sDAAsD,EAAA,QAAA,EAAA,CAE/D,MAAM,CAAC,KAAK,EACbC,qBACE,CAAA,OAAA,EAAA,EAAA,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,KAAK,EAAE,KAAK,KAAK,MAAM,CAAC,KAAK,EACtC,SAAS,EAAC,8HAA8H,EACxI,CAAA,CAAA,EAAA,EATG,MAAM,CAAC,KAAK,CAUd,CACN,CAAC,GACC,EACD,CAAA,CACP,CACG,EAAA,CAAA;AAEV;;;;"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
|
|
2
|
-
import { Link } from 'react-router-dom';
|
|
3
|
-
import LogoSmall from '../../assets/logoSmall.js';
|
|
4
|
-
|
|
5
|
-
function WikiHeader({ nameHref, name }) {
|
|
6
|
-
return (jsxRuntimeExports.jsx(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.jsx("div", { className: "flex flex-row items-center gap-4", children: jsxRuntimeExports.jsx(LogoSmall, {}) }), jsxRuntimeExports.jsx("div", { className: "relative flex flex-row gap-4 items-center", children: jsxRuntimeExports.jsx(Link, { to: nameHref, className: "bg-transparent border-none", children: jsxRuntimeExports.jsx("p", { className: "text-[#878787] font-roboto font-bold cursor-pointer hover:text-backgroundDark", children: name }) }, name) })] }) }));
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
export { WikiHeader };
|
|
10
|
-
//# sourceMappingURL=wikiHeader.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"wikiHeader.js","sources":["../../../../src/stories/components/wikiHeader.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;SAQgB,UAAU,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAmB,EAAA;IAC5D,QACEA,8DACEC,sBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,uGAAuG,EAAA,QAAA,EAAA,CACpHD,+BAAK,SAAS,EAAC,kCAAkC,EAC/C,QAAA,EAAAA,qBAAA,CAAC,SAAS,EAAG,EAAA,CAAA,EAAA,CACT,EAENA,qBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,2CAA2C,EACxD,QAAA,EAAAA,qBAAA,CAAC,IAAI,EAAY,EAAA,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAC,4BAA4B,EACnE,QAAA,EAAAA,qBAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,+EAA+E,EACzF,QAAA,EAAA,IAAI,GACH,EAHK,EAAA,IAAI,CAIR,EACH,CAAA,CAAA,EAAA,CACF,EACL,CAAA;AAEP;;;;"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
type Theme = 'light' | 'dark';
|
|
2
|
-
interface ThemeContextType {
|
|
3
|
-
theme: Theme;
|
|
4
|
-
toggleTheme: () => void;
|
|
5
|
-
}
|
|
6
|
-
export declare const ThemeProvider: ({ children }: {
|
|
7
|
-
children: React.ReactNode;
|
|
8
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
export declare const useTheme: () => ThemeContextType;
|
|
10
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare function ThemeToggleButton(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
export type CustomAccordionHeader = {
|
|
3
|
-
label: string;
|
|
4
|
-
isFavorite?: boolean;
|
|
5
|
-
};
|
|
6
|
-
export type CustomAccordionProps = {
|
|
7
|
-
tabsChildren: ReactNode[];
|
|
8
|
-
headers: CustomAccordionHeader[];
|
|
9
|
-
multiple?: boolean;
|
|
10
|
-
activeIndex?: number | number[];
|
|
11
|
-
className?: string;
|
|
12
|
-
onClickFavorite?: (index: number) => void;
|
|
13
|
-
showFavorite?: boolean;
|
|
14
|
-
};
|
|
15
|
-
export declare function CustomAccordion({ tabsChildren, headers, multiple, activeIndex, className, onClickFavorite, showFavorite, }: CustomAccordionProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { CalendarProps } from 'primereact/calendar';
|
|
2
|
-
export type CustomCalendarInputProps = {
|
|
3
|
-
error?: string;
|
|
4
|
-
placeholder: string;
|
|
5
|
-
label: string;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
} & CalendarProps;
|
|
8
|
-
export declare function CustomCalendarInput({ error, placeholder, label, disabled, ...props }: CustomCalendarInputProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { Option } from '../../types';
|
|
2
|
-
export type CustomSelectProps = {
|
|
3
|
-
options: Option[];
|
|
4
|
-
value: Option | null;
|
|
5
|
-
onChange: (option: Option) => void;
|
|
6
|
-
placeholder: string;
|
|
7
|
-
label: string;
|
|
8
|
-
disabled?: boolean;
|
|
9
|
-
error?: string;
|
|
10
|
-
};
|
|
11
|
-
export declare function CustomSelect({ options, value, onChange, placeholder, label, disabled, error, }: CustomSelectProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { SortDirection } from "../../types";
|
|
2
|
-
export type FilterType = 'text' | 'select' | 'singleDate' | 'rangeDate';
|
|
3
|
-
export type CustomColumn<T> = {
|
|
4
|
-
label: string;
|
|
5
|
-
dataIndex: keyof T;
|
|
6
|
-
style?: (value: T[keyof T], row: T) => string | string;
|
|
7
|
-
render?: (value: T[keyof T], row: T) => React.ReactNode;
|
|
8
|
-
filterable?: boolean;
|
|
9
|
-
filterType?: FilterType;
|
|
10
|
-
filterOptions?: {
|
|
11
|
-
label: string;
|
|
12
|
-
value: string;
|
|
13
|
-
}[];
|
|
14
|
-
mask?: string;
|
|
15
|
-
};
|
|
16
|
-
export type CustomTableAction<T> = {
|
|
17
|
-
icon: React.ReactNode;
|
|
18
|
-
onClick: (item: T) => void;
|
|
19
|
-
label?: string;
|
|
20
|
-
disabled?: boolean;
|
|
21
|
-
};
|
|
22
|
-
export type CustomTableProps<T> = {
|
|
23
|
-
columns: CustomColumn<T>[];
|
|
24
|
-
data: T[];
|
|
25
|
-
totalRecords?: number;
|
|
26
|
-
actions?: CustomTableAction<T>[];
|
|
27
|
-
isOrdered?: boolean;
|
|
28
|
-
actionsHeaderClassName?: string;
|
|
29
|
-
actionsColumnsClassName?: string;
|
|
30
|
-
rowsPerPage?: number;
|
|
31
|
-
onPageChange: (page: number) => void;
|
|
32
|
-
isPaginated?: boolean;
|
|
33
|
-
isLoading?: boolean;
|
|
34
|
-
onFilterChange?: (filters: Record<string, string>) => void;
|
|
35
|
-
onSortChange?: (dataIndex: keyof T, direction: SortDirection) => void;
|
|
36
|
-
};
|
|
37
|
-
export declare function CustomTable<T extends Record<string, any>>({ columns, data, totalRecords, actions, isOrdered, actionsHeaderClassName, actionsColumnsClassName, rowsPerPage, onPageChange, isPaginated, isLoading, onFilterChange, onSortChange, }: CustomTableProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
export type ToastSeverity = 'success' | 'info' | 'error';
|
|
2
|
-
export type ToastMessage = {
|
|
3
|
-
id: number;
|
|
4
|
-
severity: ToastSeverity;
|
|
5
|
-
summary: string;
|
|
6
|
-
detail: string;
|
|
7
|
-
};
|
|
8
|
-
export declare function CustomToast({ messages }: {
|
|
9
|
-
messages: ToastMessage[];
|
|
10
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import type { StoryObj } from '@storybook/react';
|
|
2
|
-
import { MegaMenu } from './megaMenu';
|
|
3
|
-
declare const meta: {
|
|
4
|
-
title: string;
|
|
5
|
-
component: typeof MegaMenu;
|
|
6
|
-
parameters: {
|
|
7
|
-
componentSubtitle: string;
|
|
8
|
-
layout: string;
|
|
9
|
-
docs: {
|
|
10
|
-
source: {
|
|
11
|
-
language: string;
|
|
12
|
-
};
|
|
13
|
-
};
|
|
14
|
-
};
|
|
15
|
-
tags: string[];
|
|
16
|
-
argTypes: {
|
|
17
|
-
items: {
|
|
18
|
-
control: "object";
|
|
19
|
-
description: string;
|
|
20
|
-
};
|
|
21
|
-
};
|
|
22
|
-
};
|
|
23
|
-
export default meta;
|
|
24
|
-
type Story = StoryObj<typeof meta>;
|
|
25
|
-
export declare const Primary: Story;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { Option } from '../../types';
|
|
2
|
-
export type SimpleSelectProps = {
|
|
3
|
-
options: Option[];
|
|
4
|
-
value: Option | null;
|
|
5
|
-
onChange: (option: Option) => void;
|
|
6
|
-
placeholder?: string;
|
|
7
|
-
disabled?: boolean;
|
|
8
|
-
error?: string;
|
|
9
|
-
};
|
|
10
|
-
export declare function SimpleSelect({ options, value, onChange, placeholder, disabled, error, }: SimpleSelectProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export default function AccountsPayable(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export default function Home(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export default function InvoiceTable(): import("react/jsx-runtime").JSX.Element;
|