linear-react-components-ui 2.1.0-beta.1 → 2.1.0-beta.3
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/lib/assets/styles/datepicker2.css +77 -4
- package/lib/inputs2/date/calendarbox.d.ts +23 -0
- package/lib/inputs2/date/calendarbox.js +254 -0
- package/lib/inputs2/date/calendarbox.js.map +1 -0
- package/lib/inputs2/date/datefield/base.js +599 -215
- package/lib/inputs2/date/datefield/base.js.map +1 -1
- package/lib/inputs2/date/datefield/triggers.js +4 -4
- package/lib/inputs2/date/datefield/triggers.js.map +1 -1
- package/lib/inputs2/date/datefield/types.d.ts +5 -12
- package/lib/inputs2/date/dateperiodfield/base.js +645 -751
- package/lib/inputs2/date/dateperiodfield/base.js.map +1 -1
- package/lib/inputs2/date/dateperiodfield/triggers.js +21 -9
- package/lib/inputs2/date/dateperiodfield/triggers.js.map +1 -1
- package/lib/inputs2/date/dateperiodfield/types.d.ts +7 -23
- package/lib/inputs2/date/helpers.d.ts +25 -4
- package/lib/inputs2/date/helpers.js +79 -4
- package/lib/inputs2/date/helpers.js.map +1 -1
- package/lib/inputs2/date/{base/constants.d.ts → hooks/useCalendarPosition.d.ts} +1 -1
- package/lib/inputs2/date/hooks/useCalendarPosition.js +93 -0
- package/lib/inputs2/date/hooks/useCalendarPosition.js.map +1 -0
- package/lib/inputs2/date/hooks/useDateCalendarState.d.ts +14 -0
- package/lib/inputs2/date/hooks/useDateCalendarState.js +250 -0
- package/lib/inputs2/date/hooks/useDateCalendarState.js.map +1 -0
- package/lib/inputs2/date/hooks/useDateMask.d.ts +22 -0
- package/lib/inputs2/date/hooks/useDateMask.js +215 -0
- package/lib/inputs2/date/hooks/useDateMask.js.map +1 -0
- package/lib/inputs2/date/timeselector.d.ts +15 -0
- package/lib/inputs2/date/timeselector.js +228 -0
- package/lib/inputs2/date/timeselector.js.map +1 -0
- package/lib/inputs2/date/types.d.ts +16 -1
- package/lib/inputs2/date/types.js.map +1 -1
- package/lib/menus/float/SubMenuContainer.js +8 -16
- package/lib/menus/float/SubMenuContainer.js.map +1 -1
- package/lib/node_modules/moment/dist/locale/pt-br.js +54 -0
- package/lib/node_modules/moment/dist/locale/pt-br.js.map +1 -0
- package/package.json +1 -1
- package/lib/inputs2/date/base/constants.js +0 -69
- package/lib/inputs2/date/base/constants.js.map +0 -1
- package/lib/inputs2/date/datefield/calendarbox.d.ts +0 -6
- package/lib/inputs2/date/datefield/calendarbox.js +0 -228
- package/lib/inputs2/date/datefield/calendarbox.js.map +0 -1
- package/lib/inputs2/date/dateperiodfield/calendarbox.d.ts +0 -6
- package/lib/inputs2/date/dateperiodfield/calendarbox.js +0 -282
- package/lib/inputs2/date/dateperiodfield/calendarbox.js.map +0 -1
|
@@ -0,0 +1,228 @@
|
|
|
1
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { c as compilerRuntimeExports } from "../../_virtual/compiler-runtime.js";
|
|
3
|
+
import _ from "../../_virtual/lodash.js";
|
|
4
|
+
import { useRef, useLayoutEffect } from "react";
|
|
5
|
+
import Button from "../../buttons/Button.js";
|
|
6
|
+
import '../../assets/styles/button.css';/* empty css */
|
|
7
|
+
import TextContent from "../../textContent/index.js";
|
|
8
|
+
const HOURS = _.range(0, 24);
|
|
9
|
+
const MINUTES = _.range(0, 60);
|
|
10
|
+
const padUnit = (unit) => _.padStart(String(unit), 2, "0");
|
|
11
|
+
const TimeSelector = (props) => {
|
|
12
|
+
const $ = compilerRuntimeExports.c(44);
|
|
13
|
+
const {
|
|
14
|
+
value,
|
|
15
|
+
onSelectTime,
|
|
16
|
+
min,
|
|
17
|
+
max,
|
|
18
|
+
testIdPrefix
|
|
19
|
+
} = props;
|
|
20
|
+
const hourColumnRef = useRef(null);
|
|
21
|
+
const minuteColumnRef = useRef(null);
|
|
22
|
+
const centerUnitInColumn = _temp;
|
|
23
|
+
let t0;
|
|
24
|
+
let t1;
|
|
25
|
+
if ($[0] !== value) {
|
|
26
|
+
t0 = () => {
|
|
27
|
+
if (!value) {
|
|
28
|
+
return;
|
|
29
|
+
}
|
|
30
|
+
centerUnitInColumn(hourColumnRef.current, value.hour());
|
|
31
|
+
centerUnitInColumn(minuteColumnRef.current, value.minute());
|
|
32
|
+
};
|
|
33
|
+
t1 = value?.hour();
|
|
34
|
+
$[0] = value;
|
|
35
|
+
$[1] = t0;
|
|
36
|
+
$[2] = t1;
|
|
37
|
+
} else {
|
|
38
|
+
t0 = $[1];
|
|
39
|
+
t1 = $[2];
|
|
40
|
+
}
|
|
41
|
+
let t2;
|
|
42
|
+
if ($[3] !== value) {
|
|
43
|
+
t2 = value?.minute();
|
|
44
|
+
$[3] = value;
|
|
45
|
+
$[4] = t2;
|
|
46
|
+
} else {
|
|
47
|
+
t2 = $[4];
|
|
48
|
+
}
|
|
49
|
+
const t3 = Boolean(value);
|
|
50
|
+
let t4;
|
|
51
|
+
if ($[5] !== t1 || $[6] !== t2 || $[7] !== t3) {
|
|
52
|
+
t4 = [t1, t2, t3];
|
|
53
|
+
$[5] = t1;
|
|
54
|
+
$[6] = t2;
|
|
55
|
+
$[7] = t3;
|
|
56
|
+
$[8] = t4;
|
|
57
|
+
} else {
|
|
58
|
+
t4 = $[8];
|
|
59
|
+
}
|
|
60
|
+
useLayoutEffect(t0, t4);
|
|
61
|
+
const handleOnMouseDown = _temp2;
|
|
62
|
+
let t5;
|
|
63
|
+
if ($[9] !== max || $[10] !== min || $[11] !== value) {
|
|
64
|
+
t5 = (hour) => {
|
|
65
|
+
if (!value) {
|
|
66
|
+
return false;
|
|
67
|
+
}
|
|
68
|
+
if (min && value.isSame(min, "day") && hour < min.hour()) {
|
|
69
|
+
return true;
|
|
70
|
+
}
|
|
71
|
+
return Boolean(max && value.isSame(max, "day") && hour > max.hour());
|
|
72
|
+
};
|
|
73
|
+
$[9] = max;
|
|
74
|
+
$[10] = min;
|
|
75
|
+
$[11] = value;
|
|
76
|
+
$[12] = t5;
|
|
77
|
+
} else {
|
|
78
|
+
t5 = $[12];
|
|
79
|
+
}
|
|
80
|
+
const isHourOutOfBounds = t5;
|
|
81
|
+
let t6;
|
|
82
|
+
if ($[13] !== max || $[14] !== min || $[15] !== value) {
|
|
83
|
+
t6 = (minute) => {
|
|
84
|
+
if (!value) {
|
|
85
|
+
return false;
|
|
86
|
+
}
|
|
87
|
+
const isOnMinHour = Boolean(min && value.isSame(min, "day") && value.hour() === min.hour());
|
|
88
|
+
const isOnMaxHour = Boolean(max && value.isSame(max, "day") && value.hour() === max.hour());
|
|
89
|
+
if (isOnMinHour && min && minute < min.minute()) {
|
|
90
|
+
return true;
|
|
91
|
+
}
|
|
92
|
+
return Boolean(isOnMaxHour && max && minute > max.minute());
|
|
93
|
+
};
|
|
94
|
+
$[13] = max;
|
|
95
|
+
$[14] = min;
|
|
96
|
+
$[15] = value;
|
|
97
|
+
$[16] = t6;
|
|
98
|
+
} else {
|
|
99
|
+
t6 = $[16];
|
|
100
|
+
}
|
|
101
|
+
const isMinuteOutOfBounds = t6;
|
|
102
|
+
let t7;
|
|
103
|
+
if ($[17] !== value) {
|
|
104
|
+
t7 = (unit_0) => {
|
|
105
|
+
const {
|
|
106
|
+
value: unitValue,
|
|
107
|
+
isSelected,
|
|
108
|
+
isOutOfBounds,
|
|
109
|
+
testId,
|
|
110
|
+
onClick
|
|
111
|
+
} = unit_0;
|
|
112
|
+
return /* @__PURE__ */ jsx(Button, { role: "option", type: "button", className: "time-unit-button", boxShadow: false, tabIndex: -1, title: padUnit(unitValue), label: padUnit(unitValue), disabled: !value || isOutOfBounds, "aria-disabled": !value || isOutOfBounds, "aria-selected": isSelected, "data-testid": testId, "data-state-out-of-bounds": isOutOfBounds, onMouseDown: handleOnMouseDown, onClick }, unitValue);
|
|
113
|
+
};
|
|
114
|
+
$[17] = value;
|
|
115
|
+
$[18] = t7;
|
|
116
|
+
} else {
|
|
117
|
+
t7 = $[18];
|
|
118
|
+
}
|
|
119
|
+
const renderUnit = t7;
|
|
120
|
+
const t8 = !value;
|
|
121
|
+
const t9 = `${testIdPrefix}-time-selector`;
|
|
122
|
+
let t10;
|
|
123
|
+
if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
|
|
124
|
+
t10 = /* @__PURE__ */ jsx(TextContent, { as: "p", className: "time-column-label", children: "HORA" });
|
|
125
|
+
$[19] = t10;
|
|
126
|
+
} else {
|
|
127
|
+
t10 = $[19];
|
|
128
|
+
}
|
|
129
|
+
const t11 = `${testIdPrefix}-time-hour-column`;
|
|
130
|
+
let t12;
|
|
131
|
+
if ($[20] !== isHourOutOfBounds || $[21] !== onSelectTime || $[22] !== renderUnit || $[23] !== testIdPrefix || $[24] !== value) {
|
|
132
|
+
t12 = HOURS.map((hour_0) => renderUnit({
|
|
133
|
+
value: hour_0,
|
|
134
|
+
isSelected: value?.hour() === hour_0,
|
|
135
|
+
isOutOfBounds: isHourOutOfBounds(hour_0),
|
|
136
|
+
testId: `${testIdPrefix}-time-hour-button`,
|
|
137
|
+
onClick: () => onSelectTime(hour_0, value?.minute() ?? 0)
|
|
138
|
+
}));
|
|
139
|
+
$[20] = isHourOutOfBounds;
|
|
140
|
+
$[21] = onSelectTime;
|
|
141
|
+
$[22] = renderUnit;
|
|
142
|
+
$[23] = testIdPrefix;
|
|
143
|
+
$[24] = value;
|
|
144
|
+
$[25] = t12;
|
|
145
|
+
} else {
|
|
146
|
+
t12 = $[25];
|
|
147
|
+
}
|
|
148
|
+
let t13;
|
|
149
|
+
if ($[26] !== t11 || $[27] !== t12) {
|
|
150
|
+
t13 = /* @__PURE__ */ jsxs("div", { className: "time-column", children: [
|
|
151
|
+
t10,
|
|
152
|
+
/* @__PURE__ */ jsx("div", { ref: hourColumnRef, role: "listbox", "aria-label": "Selecionar hora", className: "time-column-options", "data-testid": t11, children: t12 })
|
|
153
|
+
] });
|
|
154
|
+
$[26] = t11;
|
|
155
|
+
$[27] = t12;
|
|
156
|
+
$[28] = t13;
|
|
157
|
+
} else {
|
|
158
|
+
t13 = $[28];
|
|
159
|
+
}
|
|
160
|
+
let t14;
|
|
161
|
+
if ($[29] === Symbol.for("react.memo_cache_sentinel")) {
|
|
162
|
+
t14 = /* @__PURE__ */ jsx(TextContent, { as: "p", className: "time-column-label", children: "MINUTO" });
|
|
163
|
+
$[29] = t14;
|
|
164
|
+
} else {
|
|
165
|
+
t14 = $[29];
|
|
166
|
+
}
|
|
167
|
+
const t15 = `${testIdPrefix}-time-minute-column`;
|
|
168
|
+
let t16;
|
|
169
|
+
if ($[30] !== isMinuteOutOfBounds || $[31] !== onSelectTime || $[32] !== renderUnit || $[33] !== testIdPrefix || $[34] !== value) {
|
|
170
|
+
t16 = MINUTES.map((minute_0) => renderUnit({
|
|
171
|
+
value: minute_0,
|
|
172
|
+
isSelected: value?.minute() === minute_0,
|
|
173
|
+
isOutOfBounds: isMinuteOutOfBounds(minute_0),
|
|
174
|
+
testId: `${testIdPrefix}-time-minute-button`,
|
|
175
|
+
onClick: () => onSelectTime(value?.hour() ?? 0, minute_0)
|
|
176
|
+
}));
|
|
177
|
+
$[30] = isMinuteOutOfBounds;
|
|
178
|
+
$[31] = onSelectTime;
|
|
179
|
+
$[32] = renderUnit;
|
|
180
|
+
$[33] = testIdPrefix;
|
|
181
|
+
$[34] = value;
|
|
182
|
+
$[35] = t16;
|
|
183
|
+
} else {
|
|
184
|
+
t16 = $[35];
|
|
185
|
+
}
|
|
186
|
+
let t17;
|
|
187
|
+
if ($[36] !== t15 || $[37] !== t16) {
|
|
188
|
+
t17 = /* @__PURE__ */ jsxs("div", { className: "time-column", children: [
|
|
189
|
+
t14,
|
|
190
|
+
/* @__PURE__ */ jsx("div", { ref: minuteColumnRef, role: "listbox", "aria-label": "Selecionar minuto", className: "time-column-options", "data-testid": t15, children: t16 })
|
|
191
|
+
] });
|
|
192
|
+
$[36] = t15;
|
|
193
|
+
$[37] = t16;
|
|
194
|
+
$[38] = t17;
|
|
195
|
+
} else {
|
|
196
|
+
t17 = $[38];
|
|
197
|
+
}
|
|
198
|
+
let t18;
|
|
199
|
+
if ($[39] !== t13 || $[40] !== t17 || $[41] !== t8 || $[42] !== t9) {
|
|
200
|
+
t18 = /* @__PURE__ */ jsxs("div", { className: "date-calendar-box-time-selector", "data-state-disabled": t8, "data-testid": t9, children: [
|
|
201
|
+
t13,
|
|
202
|
+
t17
|
|
203
|
+
] });
|
|
204
|
+
$[39] = t13;
|
|
205
|
+
$[40] = t17;
|
|
206
|
+
$[41] = t8;
|
|
207
|
+
$[42] = t9;
|
|
208
|
+
$[43] = t18;
|
|
209
|
+
} else {
|
|
210
|
+
t18 = $[43];
|
|
211
|
+
}
|
|
212
|
+
return t18;
|
|
213
|
+
};
|
|
214
|
+
TimeSelector.displayName = "DateTimeSelector";
|
|
215
|
+
function _temp(column, index) {
|
|
216
|
+
const unit = column?.children?.[index];
|
|
217
|
+
if (!column || !unit) {
|
|
218
|
+
return;
|
|
219
|
+
}
|
|
220
|
+
column.scrollTop = unit.offsetTop - (column.clientHeight - unit.offsetHeight) / 2;
|
|
221
|
+
}
|
|
222
|
+
function _temp2(event) {
|
|
223
|
+
event?.preventDefault?.();
|
|
224
|
+
}
|
|
225
|
+
export {
|
|
226
|
+
TimeSelector
|
|
227
|
+
};
|
|
228
|
+
//# sourceMappingURL=timeselector.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"timeselector.js","sources":["../../../src/lib/inputs2/date/timeselector.tsx"],"sourcesContent":["import _ from 'lodash';\nimport type { Moment } from 'moment';\nimport { MouseEvent, useLayoutEffect, useRef } from 'react';\nimport Button from '../../buttons';\nimport TextContent from '../../textContent';\n\ninterface TimeUnit {\n value: number;\n isSelected: boolean;\n isOutOfBounds: boolean;\n testId: string;\n onClick: () => void;\n}\n\ninterface TimeSelectorProps {\n /** null desabilita o seletor inteiro */\n value: Moment | null;\n onSelectTime: (hour: number, minute: number) => void;\n min?: Moment;\n max?: Moment;\n testIdPrefix: string;\n}\n\nconst HOURS = _.range(0, 24);\nconst MINUTES = _.range(0, 60);\n\nconst padUnit = (unit: number) => _.padStart(String(unit), 2, '0');\n\nconst TimeSelector = (props: TimeSelectorProps) => {\n const { value, onSelectTime, min, max, testIdPrefix } = props;\n const hourColumnRef = useRef<HTMLDivElement | null>(null);\n const minuteColumnRef = useRef<HTMLDivElement | null>(null);\n\n // `scrollIntoView` arrastaria os ancestrais junto, e o box mora no `body`.\n const centerUnitInColumn = (column: HTMLDivElement | null, index: number) => {\n const unit = column?.children?.[index] as HTMLElement | undefined;\n if (!column || !unit) return;\n column.scrollTop = unit.offsetTop - ((column.clientHeight - unit.offsetHeight) / 2);\n };\n\n useLayoutEffect(() => {\n if (!value) return;\n centerUnitInColumn(hourColumnRef.current, value.hour());\n centerUnitInColumn(minuteColumnRef.current, value.minute());\n }, [value?.hour(), value?.minute(), Boolean(value)]);\n\n // O calendário fecha no blur do input, então clicar numa unidade não pode tirar o foco\n // do campo — do contrário o popover sumiria antes do clique chegar.\n const handleOnMouseDown = (event: MouseEvent<HTMLButtonElement>) => {\n event?.preventDefault?.();\n };\n\n // A restrição só vale no dia da borda: em 15/03 com min às 14h as horas anteriores saem\n // apagadas, mas em 16/03 o intervalo já não diz nada sobre o horário.\n const isHourOutOfBounds = (hour: number) => {\n if (!value) return false;\n if (min && value.isSame(min, 'day') && hour < min.hour()) return true;\n return Boolean(max && value.isSame(max, 'day') && hour > max.hour());\n };\n\n const isMinuteOutOfBounds = (minute: number) => {\n if (!value) return false;\n const isOnMinHour = Boolean(min && value.isSame(min, 'day') && value.hour() === min.hour());\n const isOnMaxHour = Boolean(max && value.isSame(max, 'day') && value.hour() === max.hour());\n if (isOnMinHour && min && minute < min.minute()) return true;\n return Boolean(isOnMaxHour && max && minute > max.minute());\n };\n\n const renderUnit = (unit: TimeUnit) => {\n const { value: unitValue, isSelected, isOutOfBounds, testId, onClick } = unit;\n return (\n <Button\n key={unitValue}\n role=\"option\"\n type=\"button\"\n className=\"time-unit-button\"\n boxShadow={false}\n tabIndex={-1}\n title={padUnit(unitValue)}\n label={padUnit(unitValue)}\n disabled={!value || isOutOfBounds}\n aria-disabled={!value || isOutOfBounds}\n aria-selected={isSelected}\n data-testid={testId}\n data-state-out-of-bounds={isOutOfBounds}\n onMouseDown={handleOnMouseDown}\n onClick={onClick} />\n );\n };\n\n return (\n <div\n className=\"date-calendar-box-time-selector\"\n data-state-disabled={!value}\n data-testid={`${testIdPrefix}-time-selector`}>\n <div className=\"time-column\">\n <TextContent as=\"p\" className=\"time-column-label\">HORA</TextContent>\n <div\n ref={hourColumnRef}\n role=\"listbox\"\n aria-label=\"Selecionar hora\"\n className=\"time-column-options\"\n data-testid={`${testIdPrefix}-time-hour-column`}>\n {HOURS.map(hour => renderUnit({\n value: hour,\n isSelected: value?.hour() === hour,\n isOutOfBounds: isHourOutOfBounds(hour),\n testId: `${testIdPrefix}-time-hour-button`,\n onClick: () => onSelectTime(hour, value?.minute() ?? 0),\n }))}\n </div>\n </div>\n <div className=\"time-column\">\n <TextContent as=\"p\" className=\"time-column-label\">MINUTO</TextContent>\n <div\n ref={minuteColumnRef}\n role=\"listbox\"\n aria-label=\"Selecionar minuto\"\n className=\"time-column-options\"\n data-testid={`${testIdPrefix}-time-minute-column`}>\n {MINUTES.map(minute => renderUnit({\n value: minute,\n isSelected: value?.minute() === minute,\n isOutOfBounds: isMinuteOutOfBounds(minute),\n testId: `${testIdPrefix}-time-minute-button`,\n onClick: () => onSelectTime(value?.hour() ?? 0, minute),\n }))}\n </div>\n </div>\n </div>\n );\n};\n\nTimeSelector.displayName = 'DateTimeSelector';\n\nexport { TimeSelector };\nexport type { TimeSelectorProps };\n"],"names":["HOURS","_","range","MINUTES","padUnit","unit","padStart","String","TimeSelector","props","$","_c","value","onSelectTime","min","max","testIdPrefix","hourColumnRef","useRef","minuteColumnRef","centerUnitInColumn","_temp","t0","t1","current","hour","minute","t2","t3","Boolean","t4","useLayoutEffect","handleOnMouseDown","_temp2","t5","isSame","isHourOutOfBounds","t6","isOnMinHour","isOnMaxHour","isMinuteOutOfBounds","t7","unit_0","unitValue","isSelected","isOutOfBounds","testId","onClick","renderUnit","t8","t9","t10","Symbol","for","t11","t12","map","hour_0","t13","t14","t15","t16","minute_0","t17","t18","displayName","column","index","children","scrollTop","offsetTop","clientHeight","offsetHeight","event","preventDefault"],"mappings":"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"}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Moment } from 'moment';
|
|
2
|
+
import { ComponentPropsWithoutRef, MouseEvent, RefObject } from 'react';
|
|
2
3
|
import { ColorTheme } from '../../@types/ColorStyles';
|
|
3
4
|
import { Position, HintPosition } from '../../@types/Position';
|
|
4
5
|
export type DateValueReturnType = 'default' | 'iso';
|
|
6
|
+
export type DateVariant = 'date' | 'datetime';
|
|
5
7
|
export declare enum Keys {
|
|
6
8
|
arrowLeft = "ArrowLeft",
|
|
7
9
|
arrowRight = "ArrowRight",
|
|
@@ -14,6 +16,19 @@ export declare enum Keys {
|
|
|
14
16
|
escape = "Escape",
|
|
15
17
|
enter = "Enter"
|
|
16
18
|
}
|
|
19
|
+
export interface DateSharedContextProps {
|
|
20
|
+
calendarBoxOpen: boolean;
|
|
21
|
+
activeDescendant: string;
|
|
22
|
+
calendarDisplayDate: Moment;
|
|
23
|
+
calendarRef: RefObject<HTMLDivElement | null>;
|
|
24
|
+
dateContainerRef: RefObject<HTMLDivElement | null>;
|
|
25
|
+
handleNextMonth: () => void;
|
|
26
|
+
handlePreviousMonth: () => void;
|
|
27
|
+
handleToggleCalendarBox: () => void;
|
|
28
|
+
handleSetCalendarBoxOpen: (value: boolean) => void;
|
|
29
|
+
handleChangeActiveDescendant: (value: string) => void;
|
|
30
|
+
handleChangeCalendarDisplayDate: (value: Moment) => void;
|
|
31
|
+
}
|
|
17
32
|
export interface BaseDateInputRootProps extends ComponentPropsWithoutRef<'div'> {
|
|
18
33
|
customClassWrapper?: string;
|
|
19
34
|
hasValidationErrors?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sources":["../../../src/lib/inputs2/date/types.ts"],"sourcesContent":["import { ComponentPropsWithoutRef, MouseEvent } from 'react';\nimport type { ColorTheme } from '../../@types/ColorStyles';\nimport type { Position, HintPosition } from '../../@types/Position';\n\nexport type DateValueReturnType = 'default' | 'iso';\nexport enum Keys {\n arrowLeft = 'ArrowLeft',\n arrowRight = 'ArrowRight',\n arrowUp = 'ArrowUp',\n arrowDown = 'ArrowDown',\n pageUp = 'PageUp',\n pageDown = 'PageDown',\n home = 'Home',\n end = 'End',\n escape = 'Escape',\n enter = 'Enter'\n}\nexport interface BaseDateInputRootProps extends ComponentPropsWithoutRef<'div'> {\n customClassWrapper?: string;\n hasValidationErrors?: boolean;\n}\nexport interface BaseDateInputLabelProps extends ComponentPropsWithoutRef<'span'> {\n hint?: string;\n customClassLabel?: string;\n skeletonize?: boolean;\n label?: string;\n inputId?: string;\n isDisabled?: boolean;\n isReadOnly?: boolean;\n required?: boolean;\n labelUppercase?: boolean;\n hasHintMessages?: boolean;\n hintPosition?: HintPosition;\n themePopover?: ColorTheme;\n popoverAlign?: Extract<Position, 'left' | 'right'>;\n}\nexport interface BaseDateInputContainerProps extends ComponentPropsWithoutRef<'div'> {\n skeletonize?: boolean;\n customClassInputContainer?: string;\n}\ntype InputHTMLProps = Omit<ComponentPropsWithoutRef<'input'>, 'type' | 'multiple'>;\nexport interface BaseDateInputProps extends InputHTMLProps {\n customClass?: string;\n}\nexport interface BaseDateInputTriggersProps extends ComponentPropsWithoutRef<'div'> {\n isDisabled?: boolean;\n isReadOnly?: boolean;\n skeletonize?: boolean;\n inputFieldId?: string;\n calendarBoxOpen?: boolean;\n showClearButton?: boolean;\n showCalendarButton?: boolean;\n hasValidDateSelection?: boolean;\n hasValidPeriodSelected?: boolean;\n clearButtonTestId?: string;\n calendarButtonTestId?: string;\n onClearSelectedDate: () => void,\n onClickTriggerCalendar: (event: MouseEvent<HTMLButtonElement>) => void,\n}\n"],"names":["Keys","arrowLeft","arrowRight","arrowUp","arrowDown","pageUp","pageDown","home","end","escape","enter"],"mappings":"
|
|
1
|
+
{"version":3,"file":"types.js","sources":["../../../src/lib/inputs2/date/types.ts"],"sourcesContent":["import type { Moment } from 'moment';\nimport { ComponentPropsWithoutRef, MouseEvent, RefObject } from 'react';\nimport type { ColorTheme } from '../../@types/ColorStyles';\nimport type { Position, HintPosition } from '../../@types/Position';\n\nexport type DateValueReturnType = 'default' | 'iso';\nexport type DateVariant = 'date' | 'datetime';\nexport enum Keys {\n arrowLeft = 'ArrowLeft',\n arrowRight = 'ArrowRight',\n arrowUp = 'ArrowUp',\n arrowDown = 'ArrowDown',\n pageUp = 'PageUp',\n pageDown = 'PageDown',\n home = 'Home',\n end = 'End',\n escape = 'Escape',\n enter = 'Enter'\n}\n// A fatia que as duas variantes expõem igual. Cada uma faz extends daqui e acrescenta só\n// o próprio modelo de valor, para a duplicação não voltar a crescer.\nexport interface DateSharedContextProps {\n calendarBoxOpen: boolean;\n activeDescendant: string;\n calendarDisplayDate: Moment;\n calendarRef: RefObject<HTMLDivElement | null>;\n dateContainerRef: RefObject<HTMLDivElement | null>;\n handleNextMonth: () => void;\n handlePreviousMonth: () => void;\n handleToggleCalendarBox: () => void;\n handleSetCalendarBoxOpen: (value: boolean) => void;\n handleChangeActiveDescendant: (value: string) => void;\n handleChangeCalendarDisplayDate: (value: Moment) => void;\n}\nexport interface BaseDateInputRootProps extends ComponentPropsWithoutRef<'div'> {\n customClassWrapper?: string;\n hasValidationErrors?: boolean;\n}\nexport interface BaseDateInputLabelProps extends ComponentPropsWithoutRef<'span'> {\n hint?: string;\n customClassLabel?: string;\n skeletonize?: boolean;\n label?: string;\n inputId?: string;\n isDisabled?: boolean;\n isReadOnly?: boolean;\n required?: boolean;\n labelUppercase?: boolean;\n hasHintMessages?: boolean;\n hintPosition?: HintPosition;\n themePopover?: ColorTheme;\n popoverAlign?: Extract<Position, 'left' | 'right'>;\n}\nexport interface BaseDateInputContainerProps extends ComponentPropsWithoutRef<'div'> {\n skeletonize?: boolean;\n customClassInputContainer?: string;\n}\ntype InputHTMLProps = Omit<ComponentPropsWithoutRef<'input'>, 'type' | 'multiple'>;\nexport interface BaseDateInputProps extends InputHTMLProps {\n customClass?: string;\n}\nexport interface BaseDateInputTriggersProps extends ComponentPropsWithoutRef<'div'> {\n isDisabled?: boolean;\n isReadOnly?: boolean;\n skeletonize?: boolean;\n inputFieldId?: string;\n calendarBoxOpen?: boolean;\n showClearButton?: boolean;\n showCalendarButton?: boolean;\n hasValidDateSelection?: boolean;\n hasValidPeriodSelected?: boolean;\n clearButtonTestId?: string;\n calendarButtonTestId?: string;\n onClearSelectedDate: () => void,\n onClickTriggerCalendar: (event: MouseEvent<HTMLButtonElement>) => void,\n}\n"],"names":["Keys","arrowLeft","arrowRight","arrowUp","arrowDown","pageUp","pageDown","home","end","escape","enter"],"mappings":"AAOO,IAAKA,yBAAAA,UAAL;AACLC,QAAAA,WAAAA,IAAY;AACZC,QAAAA,YAAAA,IAAa;AACbC,QAAAA,SAAAA,IAAU;AACVC,QAAAA,WAAAA,IAAY;AACZC,QAAAA,QAAAA,IAAS;AACTC,QAAAA,UAAAA,IAAW;AACXC,QAAAA,MAAAA,IAAO;AACPC,QAAAA,KAAAA,IAAM;AACNC,QAAAA,QAAAA,IAAS;AACTC,QAAAA,OAAAA,IAAQ;AAVEV,SAAAA;AAAAA,GAAAA,QAAAA,CAAAA,CAAAA;"}
|
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
import { jsx, jsxs
|
|
1
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { c as compilerRuntimeExports } from "../../_virtual/compiler-runtime.js";
|
|
3
3
|
import { useEffect } from "react";
|
|
4
4
|
import Icon from "../../icons/index.js";
|
|
5
5
|
import Skeleton from "../../skeleton/index.js";
|
|
6
6
|
import SkeletonContainer from "../../skeleton/SkeletonContainer.js";
|
|
7
7
|
const SubMenuContent = (t0) => {
|
|
8
|
-
const $ = compilerRuntimeExports.c(
|
|
8
|
+
const $ = compilerRuntimeExports.c(5);
|
|
9
9
|
const {
|
|
10
10
|
children,
|
|
11
11
|
skeletonize,
|
|
12
12
|
skeletonQtty
|
|
13
13
|
} = t0;
|
|
14
14
|
if (skeletonize && skeletonQtty) {
|
|
15
|
-
let
|
|
15
|
+
let t1;
|
|
16
16
|
if ($[0] !== skeletonQtty) {
|
|
17
|
-
|
|
17
|
+
t1 = Array.from({
|
|
18
18
|
length: skeletonQtty
|
|
19
19
|
}, _temp);
|
|
20
20
|
$[0] = skeletonQtty;
|
|
21
|
-
$[1] =
|
|
21
|
+
$[1] = t1;
|
|
22
22
|
} else {
|
|
23
|
-
|
|
23
|
+
t1 = $[1];
|
|
24
24
|
}
|
|
25
|
-
const skeletons =
|
|
25
|
+
const skeletons = t1;
|
|
26
26
|
let t2;
|
|
27
27
|
if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
|
|
28
28
|
t2 = {
|
|
@@ -43,15 +43,7 @@ const SubMenuContent = (t0) => {
|
|
|
43
43
|
}
|
|
44
44
|
return t3;
|
|
45
45
|
}
|
|
46
|
-
|
|
47
|
-
if ($[5] !== children) {
|
|
48
|
-
t1 = /* @__PURE__ */ jsx(Fragment, { children });
|
|
49
|
-
$[5] = children;
|
|
50
|
-
$[6] = t1;
|
|
51
|
-
} else {
|
|
52
|
-
t1 = $[6];
|
|
53
|
-
}
|
|
54
|
-
return t1;
|
|
46
|
+
return children;
|
|
55
47
|
};
|
|
56
48
|
const SubMenuContainer = (t0) => {
|
|
57
49
|
const $ = compilerRuntimeExports.c(19);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SubMenuContainer.js","sources":["../../../src/lib/menus/float/SubMenuContainer.tsx"],"sourcesContent":["import { ReactNode, useEffect } from 'react';\nimport Icon from '../../icons';\nimport Skeleton, { SkeletonContainer } from '../../skeleton';\n\ninterface SubMenuContainerProps {\n title?: string;\n customClass?: string;\n handlerGoBack: () => void;\n skeletonize?: boolean;\n skeletonQtty?: number;\n children: ReactNode;\n}\n\nconst SubMenuContent = ({ children, skeletonize, skeletonQtty }: { children: ReactNode; skeletonize: boolean; skeletonQtty: number }) => {\n if (skeletonize && skeletonQtty) {\n const skeletons = Array.from({ length: skeletonQtty }, (_, i) => i + 1);\n return (\n <SkeletonContainer style={{ flexDirection: 'row', flexFlow: 'row wrap' }}>\n {skeletons.map(id => (\n <Skeleton\n key={id}\n height={88}\n width={88}\n style={{\n flexGrow: 'unset',\n marginBottom: 5,\n }} />\n ))}\n </SkeletonContainer>\n );\n }\n\n return
|
|
1
|
+
{"version":3,"file":"SubMenuContainer.js","sources":["../../../src/lib/menus/float/SubMenuContainer.tsx"],"sourcesContent":["import { ReactNode, useEffect } from 'react';\nimport Icon from '../../icons';\nimport Skeleton, { SkeletonContainer } from '../../skeleton';\n\ninterface SubMenuContainerProps {\n title?: string;\n customClass?: string;\n handlerGoBack: () => void;\n skeletonize?: boolean;\n skeletonQtty?: number;\n children: ReactNode;\n}\n\nconst SubMenuContent = ({ \n children, skeletonize, skeletonQtty, \n}: { children: ReactNode; skeletonize: boolean; skeletonQtty: number }) => {\n if (skeletonize && skeletonQtty) {\n const skeletons = Array.from({ length: skeletonQtty }, (_, i) => i + 1);\n return (\n <SkeletonContainer style={{ flexDirection: 'row', flexFlow: 'row wrap' }}>\n {skeletons.map(id => (\n <Skeleton\n key={id}\n height={88}\n width={88}\n style={{\n flexGrow: 'unset',\n marginBottom: 5,\n }} />\n ))}\n </SkeletonContainer>\n );\n }\n\n return children;\n};\n\nconst SubMenuContainer = ({\n title, customClass, handlerGoBack, skeletonize = false, skeletonQtty = 3, children,\n}: SubMenuContainerProps) => {\n useEffect(() => () => {\n handlerGoBack();\n }, []);\n\n return (\n <div className={`floatsubmenu ${customClass}`}>\n <div className=\"submenuheader\">\n <Icon onClick={handlerGoBack} name=\"arrowBack\" pointerEvents=\"all\" style={{ cursor: 'pointer' }} />\n {title && <span>{title}</span>}\n </div>\n <div className=\"submenucontent\">\n <SubMenuContent skeletonize={skeletonize} skeletonQtty={skeletonQtty}>\n {children}\n </SubMenuContent>\n </div>\n </div>\n );\n};\n\nexport default SubMenuContainer;\n"],"names":["SubMenuContent","t0","$","_c","children","skeletonize","skeletonQtty","t1","Array","from","length","_temp","skeletons","t2","Symbol","for","flexDirection","flexFlow","t3","map","_temp2","SubMenuContainer","title","customClass","handlerGoBack","undefined","t4","useEffect","t5","t6","cursor","t7","t8","t9","t10","t11","_","i","id","flexGrow","marginBottom"],"mappings":"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"}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import hooks from "../moment.js";
|
|
2
|
+
//! moment.js locale configuration
|
|
3
|
+
//! locale : Portuguese (Brazil) [pt-br]
|
|
4
|
+
//! author : Caio Ribeiro Pereira : https://github.com/caio-ribeiro-pereira
|
|
5
|
+
hooks.defineLocale("pt-br", {
|
|
6
|
+
months: "janeiro_fevereiro_março_abril_maio_junho_julho_agosto_setembro_outubro_novembro_dezembro".split(
|
|
7
|
+
"_"
|
|
8
|
+
),
|
|
9
|
+
monthsShort: "jan_fev_mar_abr_mai_jun_jul_ago_set_out_nov_dez".split("_"),
|
|
10
|
+
weekdays: "domingo_segunda-feira_terça-feira_quarta-feira_quinta-feira_sexta-feira_sábado".split(
|
|
11
|
+
"_"
|
|
12
|
+
),
|
|
13
|
+
weekdaysShort: "dom_seg_ter_qua_qui_sex_sáb".split("_"),
|
|
14
|
+
weekdaysMin: "do_2ª_3ª_4ª_5ª_6ª_sá".split("_"),
|
|
15
|
+
weekdaysParseExact: true,
|
|
16
|
+
longDateFormat: {
|
|
17
|
+
LT: "HH:mm",
|
|
18
|
+
LTS: "HH:mm:ss",
|
|
19
|
+
L: "DD/MM/YYYY",
|
|
20
|
+
LL: "D [de] MMMM [de] YYYY",
|
|
21
|
+
LLL: "D [de] MMMM [de] YYYY [às] HH:mm",
|
|
22
|
+
LLLL: "dddd, D [de] MMMM [de] YYYY [às] HH:mm"
|
|
23
|
+
},
|
|
24
|
+
calendar: {
|
|
25
|
+
sameDay: "[Hoje às] LT",
|
|
26
|
+
nextDay: "[Amanhã às] LT",
|
|
27
|
+
nextWeek: "dddd [às] LT",
|
|
28
|
+
lastDay: "[Ontem às] LT",
|
|
29
|
+
lastWeek: function() {
|
|
30
|
+
return this.day() === 0 || this.day() === 6 ? "[Último] dddd [às] LT" : "[Última] dddd [às] LT";
|
|
31
|
+
},
|
|
32
|
+
sameElse: "L"
|
|
33
|
+
},
|
|
34
|
+
relativeTime: {
|
|
35
|
+
future: "em %s",
|
|
36
|
+
past: "há %s",
|
|
37
|
+
s: "poucos segundos",
|
|
38
|
+
ss: "%d segundos",
|
|
39
|
+
m: "um minuto",
|
|
40
|
+
mm: "%d minutos",
|
|
41
|
+
h: "uma hora",
|
|
42
|
+
hh: "%d horas",
|
|
43
|
+
d: "um dia",
|
|
44
|
+
dd: "%d dias",
|
|
45
|
+
M: "um mês",
|
|
46
|
+
MM: "%d meses",
|
|
47
|
+
y: "um ano",
|
|
48
|
+
yy: "%d anos"
|
|
49
|
+
},
|
|
50
|
+
dayOfMonthOrdinalParse: /\d{1,2}º/,
|
|
51
|
+
ordinal: "%dº",
|
|
52
|
+
invalidDate: "Data inválida"
|
|
53
|
+
});
|
|
54
|
+
//# sourceMappingURL=pt-br.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pt-br.js","sources":["../../../../../node_modules/moment/dist/locale/pt-br.js"],"sourcesContent":["//! moment.js locale configuration\n//! locale : Portuguese (Brazil) [pt-br]\n//! author : Caio Ribeiro Pereira : https://github.com/caio-ribeiro-pereira\n\nimport moment from '../moment';\n\nexport default moment.defineLocale('pt-br', {\n months: 'janeiro_fevereiro_março_abril_maio_junho_julho_agosto_setembro_outubro_novembro_dezembro'.split(\n '_'\n ),\n monthsShort: 'jan_fev_mar_abr_mai_jun_jul_ago_set_out_nov_dez'.split('_'),\n weekdays:\n 'domingo_segunda-feira_terça-feira_quarta-feira_quinta-feira_sexta-feira_sábado'.split(\n '_'\n ),\n weekdaysShort: 'dom_seg_ter_qua_qui_sex_sáb'.split('_'),\n weekdaysMin: 'do_2ª_3ª_4ª_5ª_6ª_sá'.split('_'),\n weekdaysParseExact: true,\n longDateFormat: {\n LT: 'HH:mm',\n LTS: 'HH:mm:ss',\n L: 'DD/MM/YYYY',\n LL: 'D [de] MMMM [de] YYYY',\n LLL: 'D [de] MMMM [de] YYYY [às] HH:mm',\n LLLL: 'dddd, D [de] MMMM [de] YYYY [às] HH:mm',\n },\n calendar: {\n sameDay: '[Hoje às] LT',\n nextDay: '[Amanhã às] LT',\n nextWeek: 'dddd [às] LT',\n lastDay: '[Ontem às] LT',\n lastWeek: function () {\n return this.day() === 0 || this.day() === 6\n ? '[Último] dddd [às] LT' // Saturday + Sunday\n : '[Última] dddd [às] LT'; // Monday - Friday\n },\n sameElse: 'L',\n },\n relativeTime: {\n future: 'em %s',\n past: 'há %s',\n s: 'poucos segundos',\n ss: '%d segundos',\n m: 'um minuto',\n mm: '%d minutos',\n h: 'uma hora',\n hh: '%d horas',\n d: 'um dia',\n dd: '%d dias',\n M: 'um mês',\n MM: '%d meses',\n y: 'um ano',\n yy: '%d anos',\n },\n dayOfMonthOrdinalParse: /\\d{1,2}º/,\n ordinal: '%dº',\n invalidDate: 'Data inválida',\n});\n"],"names":["moment"],"mappings":";AAAA;AACA;AACA;AAIeA,MAAO,aAAa,SAAS;AAAA,EACxC,QAAQ,2FAA2F;AAAA,IAC/F;AAAA,EACR;AAAA,EACI,aAAa,kDAAkD,MAAM,GAAG;AAAA,EACxE,UACI,iFAAiF;AAAA,IAC7E;AAAA,EACZ;AAAA,EACI,eAAe,8BAA8B,MAAM,GAAG;AAAA,EACtD,aAAa,uBAAuB,MAAM,GAAG;AAAA,EAC7C,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,IACZ,IAAI;AAAA,IACJ,KAAK;AAAA,IACL,GAAG;AAAA,IACH,IAAI;AAAA,IACJ,KAAK;AAAA,IACL,MAAM;AAAA,EACd;AAAA,EACI,UAAU;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,UAAU;AAAA,IACV,SAAS;AAAA,IACT,UAAU,WAAY;AAClB,aAAO,KAAK,IAAG,MAAO,KAAK,KAAK,IAAG,MAAO,IACpC,0BACA;AAAA,IACV;AAAA,IACA,UAAU;AAAA,EAClB;AAAA,EACI,cAAc;AAAA,IACV,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,GAAG;AAAA,IACH,IAAI;AAAA,IACJ,GAAG;AAAA,IACH,IAAI;AAAA,IACJ,GAAG;AAAA,IACH,IAAI;AAAA,IACJ,GAAG;AAAA,IACH,IAAI;AAAA,IACJ,GAAG;AAAA,IACH,IAAI;AAAA,IACJ,GAAG;AAAA,IACH,IAAI;AAAA,EACZ;AAAA,EACI,wBAAwB;AAAA,EACxB,SAAS;AAAA,EACT,aAAa;AACjB,CAAC;","x_google_ignoreList":[0]}
|
package/package.json
CHANGED
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
import { c as compilerRuntimeExports } from "../../../_virtual/compiler-runtime.js";
|
|
2
|
-
import { useState, useEffect } from "react";
|
|
3
|
-
const useCalendarPosition = (calendarBoxOpen, containerRef) => {
|
|
4
|
-
const $ = compilerRuntimeExports.c(7);
|
|
5
|
-
let t0;
|
|
6
|
-
if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
|
|
7
|
-
t0 = {};
|
|
8
|
-
$[0] = t0;
|
|
9
|
-
} else {
|
|
10
|
-
t0 = $[0];
|
|
11
|
-
}
|
|
12
|
-
const [calendarBoxStyles, setCalendarBoxStyles] = useState(t0);
|
|
13
|
-
let t1;
|
|
14
|
-
let t2;
|
|
15
|
-
if ($[1] !== calendarBoxOpen || $[2] !== containerRef) {
|
|
16
|
-
t1 = () => {
|
|
17
|
-
const updatePosition = () => {
|
|
18
|
-
const selectPositionOnScreen = containerRef.current?.getBoundingClientRect();
|
|
19
|
-
if (selectPositionOnScreen) {
|
|
20
|
-
const {
|
|
21
|
-
top,
|
|
22
|
-
left,
|
|
23
|
-
width,
|
|
24
|
-
height
|
|
25
|
-
} = selectPositionOnScreen;
|
|
26
|
-
setCalendarBoxStyles({
|
|
27
|
-
top: top + height + window.scrollY,
|
|
28
|
-
left: left + window.scrollX,
|
|
29
|
-
width,
|
|
30
|
-
position: "absolute"
|
|
31
|
-
});
|
|
32
|
-
}
|
|
33
|
-
};
|
|
34
|
-
if (calendarBoxOpen) {
|
|
35
|
-
updatePosition();
|
|
36
|
-
window.addEventListener("resize", updatePosition);
|
|
37
|
-
window.addEventListener("scroll", updatePosition, true);
|
|
38
|
-
}
|
|
39
|
-
return () => {
|
|
40
|
-
window.removeEventListener("resize", updatePosition);
|
|
41
|
-
window.removeEventListener("scroll", updatePosition, true);
|
|
42
|
-
};
|
|
43
|
-
};
|
|
44
|
-
t2 = [calendarBoxOpen, containerRef];
|
|
45
|
-
$[1] = calendarBoxOpen;
|
|
46
|
-
$[2] = containerRef;
|
|
47
|
-
$[3] = t1;
|
|
48
|
-
$[4] = t2;
|
|
49
|
-
} else {
|
|
50
|
-
t1 = $[3];
|
|
51
|
-
t2 = $[4];
|
|
52
|
-
}
|
|
53
|
-
useEffect(t1, t2);
|
|
54
|
-
let t3;
|
|
55
|
-
if ($[5] !== calendarBoxStyles) {
|
|
56
|
-
t3 = {
|
|
57
|
-
calendarBoxStyles
|
|
58
|
-
};
|
|
59
|
-
$[5] = calendarBoxStyles;
|
|
60
|
-
$[6] = t3;
|
|
61
|
-
} else {
|
|
62
|
-
t3 = $[6];
|
|
63
|
-
}
|
|
64
|
-
return t3;
|
|
65
|
-
};
|
|
66
|
-
export {
|
|
67
|
-
useCalendarPosition
|
|
68
|
-
};
|
|
69
|
-
//# sourceMappingURL=constants.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sources":["../../../../src/lib/inputs2/date/base/constants.ts"],"sourcesContent":["import { CSSProperties, RefObject, useEffect, useState } from \"react\";\n\nexport const useCalendarPosition = (\n calendarBoxOpen: boolean,\n containerRef: RefObject<HTMLDivElement | null>,\n) => {\n const [calendarBoxStyles, setCalendarBoxStyles] = useState<CSSProperties>({});\n\n useEffect(() => {\n const updatePosition = () => {\n const selectPositionOnScreen = containerRef.current?.getBoundingClientRect();\n if (selectPositionOnScreen) {\n const { top, left, width, height } = selectPositionOnScreen;\n setCalendarBoxStyles({\n top: top + height + window.scrollY,\n left: left + window.scrollX,\n width: width,\n position: 'absolute',\n });\n }\n };\n\n if (calendarBoxOpen) {\n updatePosition();\n window.addEventListener('resize', updatePosition);\n window.addEventListener('scroll', updatePosition, true);\n }\n\n return () => {\n window.removeEventListener('resize', updatePosition);\n window.removeEventListener('scroll', updatePosition, true);\n };\n }, [calendarBoxOpen, containerRef]);\n\n return { calendarBoxStyles };\n};\n"],"names":["useCalendarPosition","calendarBoxOpen","containerRef","$","_c","t0","Symbol","for","calendarBoxStyles","setCalendarBoxStyles","useState","t1","t2","updatePosition","selectPositionOnScreen","current","getBoundingClientRect","top","left","width","height","window","scrollY","scrollX","position","addEventListener","removeEventListener","useEffect","t3"],"mappings":";;AAEO,MAAMA,sBAAsBA,CAAAC,iBAAAC,iBAAA;AAAA,QAAAC,IAAAC,uBAAAA,EAAA,CAAA;AAAA,MAAAC;AAAA,MAAAF,EAAA,CAAA,MAAAG,OAAAC,IAAA,2BAAA,GAAA;AAIyCF;AAAEF,WAAAE;AAAAA,EAAA,OAAA;AAAAA,SAAAF,EAAA,CAAA;AAAA,EAAA;AAA5E,QAAA,CAAAK,mBAAAC,oBAAA,IAAkDC,SAAwBL,EAAE;AAAE,MAAAM;AAAA,MAAAC;AAAA,MAAAT,EAAA,CAAA,MAAAF,mBAAAE,SAAAD,cAAA;AAEpES,SAAAA,MAAA;AACR,YAAAE,iBAAuBA,MAAA;AACrB,cAAAC,yBAA+BZ,aAAYa,SAA+BC,sBAAAA;AAC1E,YAAIF,wBAAsB;AACxB,gBAAA;AAAA,YAAAG;AAAAA,YAAAC;AAAAA,YAAAC;AAAAA,YAAAC;AAAAA,UAAAA,IAAqCN;AACrCL,+BAAqB;AAAA,YAAAQ,KACdA,MAAMG,SAASC,OAAMC;AAAAA,YAAQJ,MAC5BA,OAAOG,OAAME;AAAAA,YAAQJ;AAAAA,YAAAK,UAEjB;AAAA,UAAA,CACX;AAAA,QAAC;AAAA,MACH;AAGH,UAAIvB,iBAAe;AACjBY,uBAAAA;AACAQ,eAAMI,iBAAkB,UAAUZ,cAAc;AAChDQ,eAAMI,iBAAkB,UAAUZ,gBAAgB,IAAI;AAAA,MAAC;AACxD,aAEM,MAAA;AACLQ,eAAMK,oBAAqB,UAAUb,cAAc;AACnDQ,eAAMK,oBAAqB,UAAUb,gBAAgB,IAAI;AAAA,MAAC;AAAA,IAC3D;AACAD,SAAA,CAACX,iBAAiBC,YAAY;AAACC,WAAAF;AAAAE,WAAAD;AAAAC,WAAAQ;AAAAR,WAAAS;AAAAA,EAAA,OAAA;AAAAD,SAAAR,EAAA,CAAA;AAAAS,SAAAT,EAAA,CAAA;AAAA,EAAA;AAxBlCwB,YAAUhB,IAwBPC,EAA+B;AAAC,MAAAgB;AAAA,MAAAzB,SAAAK,mBAAA;AAE5BoB,SAAA;AAAA,MAAApB;AAAAA,IAAAA;AAAqBL,WAAAK;AAAAL,WAAAyB;AAAAA,EAAA,OAAA;AAAAA,SAAAzB,EAAA,CAAA;AAAA,EAAA;AAAA,SAArByB;AAAqB;"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { ComponentProps } from 'react';
|
|
2
|
-
interface DateFieldCalendarBoxProps extends ComponentProps<'div'> {
|
|
3
|
-
}
|
|
4
|
-
declare const CalendarBox: import('react').ForwardRefExoticComponent<Omit<DateFieldCalendarBoxProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
5
|
-
export { CalendarBox };
|
|
6
|
-
export type { DateFieldCalendarBoxProps };
|