karsten-design-system 1.0.99 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,14 +1,59 @@
|
|
|
1
1
|
import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
|
|
2
2
|
import clsx from 'clsx';
|
|
3
|
+
import { addLocale } from 'primereact/api';
|
|
3
4
|
import { Calendar } from 'primereact/calendar';
|
|
4
5
|
import { InputIcon } from 'primereact/inputicon';
|
|
5
6
|
import { useRef } from 'react';
|
|
6
7
|
import FloatingLabel from '../../components/floating-label/index.js';
|
|
7
8
|
|
|
9
|
+
addLocale('pt-BR', {
|
|
10
|
+
firstDayOfWeek: 0,
|
|
11
|
+
dayNames: [
|
|
12
|
+
'domingo',
|
|
13
|
+
'segunda-feira',
|
|
14
|
+
'terça-feira',
|
|
15
|
+
'quarta-feira',
|
|
16
|
+
'quinta-feira',
|
|
17
|
+
'sexta-feira',
|
|
18
|
+
'sábado',
|
|
19
|
+
],
|
|
20
|
+
dayNamesShort: ['dom', 'seg', 'ter', 'qua', 'qui', 'sex', 'sáb'],
|
|
21
|
+
dayNamesMin: ['D', 'S', 'T', 'Q', 'Q', 'S', 'S'],
|
|
22
|
+
monthNames: [
|
|
23
|
+
'janeiro',
|
|
24
|
+
'fevereiro',
|
|
25
|
+
'março',
|
|
26
|
+
'abril',
|
|
27
|
+
'maio',
|
|
28
|
+
'junho',
|
|
29
|
+
'julho',
|
|
30
|
+
'agosto',
|
|
31
|
+
'setembro',
|
|
32
|
+
'outubro',
|
|
33
|
+
'novembro',
|
|
34
|
+
'dezembro',
|
|
35
|
+
],
|
|
36
|
+
monthNamesShort: [
|
|
37
|
+
'jan',
|
|
38
|
+
'fev',
|
|
39
|
+
'mar',
|
|
40
|
+
'abr',
|
|
41
|
+
'mai',
|
|
42
|
+
'jun',
|
|
43
|
+
'jul',
|
|
44
|
+
'ago',
|
|
45
|
+
'set',
|
|
46
|
+
'out',
|
|
47
|
+
'nov',
|
|
48
|
+
'dez',
|
|
49
|
+
],
|
|
50
|
+
today: 'Hoje',
|
|
51
|
+
clear: 'Limpar',
|
|
52
|
+
dateFormat: 'dd/mm/yy',
|
|
53
|
+
});
|
|
8
54
|
function CalendarInput({ error, placeholder = 'Selecione uma data', label, disabled = false, ...props }) {
|
|
9
55
|
const calendarRef = useRef(null);
|
|
10
|
-
const hasError = (error && !disabled) ||
|
|
11
|
-
(!!error && !disabled);
|
|
56
|
+
const hasError = (error && !disabled) || (!!error && !disabled);
|
|
12
57
|
const dateTemplate = (data) => {
|
|
13
58
|
const date = new Date(`${data.year}/${data.month + 1}/${data.day}`);
|
|
14
59
|
const dayComponent = (className) => {
|
|
@@ -41,14 +86,16 @@ function CalendarInput({ error, placeholder = 'Selecione uma data', label, disab
|
|
|
41
86
|
calendarRef.current?.show();
|
|
42
87
|
}
|
|
43
88
|
};
|
|
44
|
-
return (jsxRuntimeExports.jsx("div", { className: "relative flex flex-col w-full min-w-full", children: jsxRuntimeExports.jsxs("div", { onClick: handleInputClick, children: [jsxRuntimeExports.jsx(FloatingLabel, { value: props?.value ? props.value.toString() : '', label: label, disabled: disabled, error: error }), jsxRuntimeExports.jsxs("div", { className: "relative w-full min-w-full", children: [jsxRuntimeExports.jsx(Calendar, { ...props, disabled: disabled, placeholder: placeholder, ref: calendarRef, panelStyle: { width: '530px', height: '500px' }, className: clsx('w-full min-w-full focus:shadow-none border-none z-0 font-roboto border rounded-md', hasError
|
|
89
|
+
return (jsxRuntimeExports.jsx("div", { className: "relative flex flex-col w-full min-w-full", children: jsxRuntimeExports.jsxs("div", { onClick: handleInputClick, children: [jsxRuntimeExports.jsx(FloatingLabel, { value: props?.value ? props.value.toString() : '', label: label, disabled: disabled, error: error }), jsxRuntimeExports.jsxs("div", { className: "relative w-full min-w-full", children: [jsxRuntimeExports.jsx(Calendar, { ...props, disabled: disabled, placeholder: placeholder, ref: calendarRef, panelStyle: { width: '530px', height: '500px' }, className: clsx('w-full min-w-full focus:shadow-none border-none z-0 font-roboto border rounded-md', hasError
|
|
90
|
+
? 'border-redError placeholder:!text-redError p-invalid'
|
|
91
|
+
: '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: {
|
|
45
92
|
border: `1px solid ${error && !props.value ? '#EC4A54' : '#a0a4b3'}`,
|
|
46
93
|
boxShadow: 'none',
|
|
47
94
|
paddingLeft: props?.value ? '0.5rem' : '1.4rem',
|
|
48
95
|
color: hasError ? '#EC4A54' : '',
|
|
49
96
|
height: '42px',
|
|
50
97
|
fontSize: '16px',
|
|
51
|
-
}, 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 absolute right-3 top-1/2 transform -translate-y-1/2`, disabled && 'text-disabled', hasError && 'text-redError') })] }), hasError && (jsxRuntimeExports.jsx("div", { className: "mb-4", children: jsxRuntimeExports.jsx("span", { className: "absolute text-redError text-xs px-2", children: error }) }))] }) }));
|
|
98
|
+
}, hideOnDateTimeSelect: true, hideOnRangeSelection: true, todayButtonClassName: "bg-primary text-background", dateTemplate: dateTemplate, invalid: hasError, locale: "pt-BR" }), jsxRuntimeExports.jsx(InputIcon, { className: clsx(`pi pi-calendar text-gray cursor-pointer absolute right-3 top-1/2 transform -translate-y-1/2`, disabled && 'text-disabled', hasError && 'text-redError') })] }), hasError && (jsxRuntimeExports.jsx("div", { className: "mb-4", children: jsxRuntimeExports.jsx("span", { className: "absolute text-redError text-xs px-2", children: error }) }))] }) }));
|
|
52
99
|
}
|
|
53
100
|
|
|
54
101
|
export { CalendarInput };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendarInput.js","sources":["../../../../src/stories/components/calendarInput.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"
|
|
1
|
+
{"version":3,"file":"calendarInput.js","sources":["../../../../src/stories/components/calendarInput.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;AAkBA,SAAS,CAAC,OAAO,EAAE;AACjB,IAAA,cAAc,EAAE,CAAC;AACjB,IAAA,QAAQ,EAAE;QACR,SAAS;QACT,eAAe;QACf,aAAa;QACb,cAAc;QACd,cAAc;QACd,aAAa;QACb,QAAQ;AACT,KAAA;AACD,IAAA,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;AAChE,IAAA,WAAW,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;AAChD,IAAA,UAAU,EAAE;QACV,SAAS;QACT,WAAW;QACX,OAAO;QACP,OAAO;QACP,MAAM;QACN,OAAO;QACP,OAAO;QACP,QAAQ;QACR,UAAU;QACV,SAAS;QACT,UAAU;QACV,UAAU;AACX,KAAA;AACD,IAAA,eAAe,EAAE;QACf,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;AACN,KAAA;AACD,IAAA,KAAK,EAAE,MAAM;AACb,IAAA,KAAK,EAAE,QAAQ;AACf,IAAA,UAAU,EAAE,UAAU;AACvB,CAAA,CAAC;SAEc,aAAa,CAAC,EAC5B,KAAK,EACL,WAAW,GAAG,oBAAoB,EAClC,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,GAAG,KAAK,EACW,EAAA;AACnB,IAAA,MAAM,WAAW,GAAG,MAAM,CAAW,IAAI,CAAC;AAE1C,IAAA,MAAM,QAAQ,GAAG,CAAC,KAAK,IAAI,CAAC,QAAQ,MAAM,CAAC,CAAC,KAAK,IAAI,CAAC,QAAQ,CAAC;AAE/D,IAAA,MAAM,YAAY,GAAG,CAAC,IAA+B,KAAI;QACvD,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,CAAG,EAAA,IAAI,CAAC,IAAI,CAAA,CAAA,EAAI,IAAI,CAAC,KAAK,GAAG,CAAC,CAAA,CAAA,EAAI,IAAI,CAAC,GAAG,CAAE,CAAA,CAAC;AAEnE,QAAA,MAAM,YAAY,GAAG,CAAC,SAAkB,KAAI;AAC1C,YAAA,QACEA,qBAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,CAAgE,6DAAA,EAAA,SAAS,CAAE,CAAA,EAAA,QAAA,EAErF,IAAI,CAAC,GAAG,EAAA,CACL;AAEV,SAAC;AAED,QAAA,IAAI,KAAK,CAAC,aAAa,KAAK,OAAO,EAAE;YACnC,IACE,KAAK,CAAC,KAAK;AACX,gBAAA,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AACd,gBAAA,IAAI,CAAC,OAAO,EAAE,KAAK,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,EAC5C;AACA,gBAAA,OAAO,YAAY,CAAC,UAAU,CAAC;;YAEjC,IACE,KAAK,CAAC,KAAK;AACX,gBAAA,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AACd,gBAAA,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AACd,gBAAA,IAAI,CAAC,OAAO,EAAE,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE;AAC1C,gBAAA,IAAI,CAAC,OAAO,EAAE,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,EAC1C;AACA,gBAAA,OAAO,YAAY,CAAC,UAAU,CAAC;;YAEjC,OAAO,YAAY,EAAE;;AAGvB,QAAA,IAAI,KAAK,CAAC,aAAa,KAAK,QAAQ,IAAI,KAAK,CAAC,aAAa,KAAK,SAAS,EAAE;AACzE,YAAA,IAAI,KAAK,CAAC,KAAK,IAAI,IAAI,CAAC,OAAO,EAAE,KAAK,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;AAC5D,gBAAA,OAAO,YAAY,CAAC,UAAU,CAAC;;;QAInC,OAAO,YAAY,EAAE;AACvB,KAAC;IAED,MAAM,gBAAgB,GAAG,MAAK;QAC5B,IAAI,CAAC,QAAQ,EAAE;AACb,YAAA,WAAW,CAAC,OAAO,EAAE,IAAI,EAAE;;AAE/B,KAAC;AAED,IAAA,QACEA,qBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,0CAA0C,EAAA,QAAA,EACvDC,gCAAK,OAAO,EAAE,gBAAgB,EAAA,QAAA,EAAA,CAC5BD,sBAAC,aAAa,EAAA,EACZ,KAAK,EAAE,KAAK,EAAE,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,GAAG,EAAE,EACjD,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EAAA,CACZ,EACFC,sBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,4BAA4B,EAAA,QAAA,EAAA,CACzCD,sBAAC,QAAQ,EAAA,EAAA,GACH,KAAK,EACT,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,GAAG,EAAE,WAAW,EAChB,UAAU,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,EAC/C,SAAS,EAAE,IAAI,CACb,mFAAmF,EACnF;AACE,kCAAE;kCACA,kCAAkC,EACtC,QAAQ,IAAI,gCAAgC,EAC5C,KAAK,IAAI,yCAAyC,EAClD,CAAC,KAAK,IAAI,sBAAsB,CACjC,EACD,UAAU,EAAC,UAAU,EACrB,UAAU,EAAE;AACV,gCAAA,MAAM,EAAE,CAAa,UAAA,EAAA,KAAK,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,SAAS,GAAG,SAAS,CAAE,CAAA;AACpE,gCAAA,SAAS,EAAE,MAAM;gCACjB,WAAW,EAAE,KAAK,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ;gCAC/C,KAAK,EAAE,QAAQ,GAAG,SAAS,GAAG,EAAE;AAChC,gCAAA,MAAM,EAAE,MAAM;AACd,gCAAA,QAAQ,EAAE,MAAM;AACjB,6BAAA,EACD,oBAAoB,EAAA,IAAA,EACpB,oBAAoB,EAAA,IAAA,EACpB,oBAAoB,EAAC,4BAA4B,EACjD,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,QAAQ,EACjB,MAAM,EAAC,OAAO,EAAA,CACd,EACFA,qBAAA,CAAC,SAAS,EAAA,EACR,SAAS,EAAE,IAAI,CACb,CAA6F,2FAAA,CAAA,EAC7F,QAAQ,IAAI,eAAe,EAC3B,QAAQ,IAAI,eAAe,CAC5B,EACD,CAAA,CAAA,EAAA,CACE,EACL,QAAQ,KACPA,qBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,MAAM,EACnB,QAAA,EAAAA,qBAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,qCAAqC,EAAA,QAAA,EAAE,KAAK,EAAA,CAAQ,EAChE,CAAA,CACP,CACG,EAAA,CAAA,EAAA,CACF;AAEV;;;;"}
|