linear-react-components-ui 2.2.0-beta.0 → 2.2.0-beta.10

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.
Files changed (73) hide show
  1. package/lib/assets/styles/datepicker2.css +81 -11
  2. package/lib/form2/useForm/index.js +0 -1
  3. package/lib/form2/useForm/index.js.map +1 -1
  4. package/lib/hooks/useScrollEndReached/index.d.ts +8 -0
  5. package/lib/hooks/useScrollEndReached/index.js +69 -0
  6. package/lib/hooks/useScrollEndReached/index.js.map +1 -0
  7. package/lib/hooks/useScrollEndReached/types.d.ts +7 -0
  8. package/lib/inputs/select/Dropdown.js +11 -1
  9. package/lib/inputs/select/Dropdown.js.map +1 -1
  10. package/lib/inputs/select/multiple/index.js +5 -2
  11. package/lib/inputs/select/multiple/index.js.map +1 -1
  12. package/lib/inputs/select/simple/index.js +5 -2
  13. package/lib/inputs/select/simple/index.js.map +1 -1
  14. package/lib/inputs/select/types.d.ts +3 -2
  15. package/lib/inputs/types.d.ts +2 -1
  16. package/lib/inputs2/date/calendarbox.d.ts +23 -0
  17. package/lib/inputs2/date/calendarbox.js +254 -0
  18. package/lib/inputs2/date/calendarbox.js.map +1 -0
  19. package/lib/inputs2/date/datefield/base.js +691 -214
  20. package/lib/inputs2/date/datefield/base.js.map +1 -1
  21. package/lib/inputs2/date/datefield/triggers.js +4 -4
  22. package/lib/inputs2/date/datefield/triggers.js.map +1 -1
  23. package/lib/inputs2/date/datefield/types.d.ts +5 -12
  24. package/lib/inputs2/date/dateperiodfield/base.js +694 -809
  25. package/lib/inputs2/date/dateperiodfield/base.js.map +1 -1
  26. package/lib/inputs2/date/dateperiodfield/triggers.js +21 -9
  27. package/lib/inputs2/date/dateperiodfield/triggers.js.map +1 -1
  28. package/lib/inputs2/date/dateperiodfield/types.d.ts +13 -23
  29. package/lib/inputs2/date/helpers.d.ts +44 -4
  30. package/lib/inputs2/date/helpers.js +200 -4
  31. package/lib/inputs2/date/helpers.js.map +1 -1
  32. package/lib/inputs2/date/{base/constants.d.ts → hooks/useCalendarPosition.d.ts} +1 -1
  33. package/lib/inputs2/date/hooks/useCalendarPosition.js +93 -0
  34. package/lib/inputs2/date/hooks/useCalendarPosition.js.map +1 -0
  35. package/lib/inputs2/date/hooks/useDateCalendarState.d.ts +14 -0
  36. package/lib/inputs2/date/hooks/useDateCalendarState.js +250 -0
  37. package/lib/inputs2/date/hooks/useDateCalendarState.js.map +1 -0
  38. package/lib/inputs2/date/hooks/useDateMask.d.ts +22 -0
  39. package/lib/inputs2/date/hooks/useDateMask.js +143 -0
  40. package/lib/inputs2/date/hooks/useDateMask.js.map +1 -0
  41. package/lib/inputs2/date/timeselector.d.ts +17 -0
  42. package/lib/inputs2/date/timeselector.js +226 -0
  43. package/lib/inputs2/date/timeselector.js.map +1 -0
  44. package/lib/inputs2/date/types.d.ts +22 -1
  45. package/lib/inputs2/date/types.js.map +1 -1
  46. package/lib/inputs2/selectfield/base.js +4 -1
  47. package/lib/inputs2/selectfield/base.js.map +1 -1
  48. package/lib/inputs2/selectfield/listbox.d.ts +2 -1
  49. package/lib/inputs2/selectfield/listbox.js +10 -0
  50. package/lib/inputs2/selectfield/listbox.js.map +1 -1
  51. package/lib/inputs2/selectfield/types.d.ts +2 -1
  52. package/lib/inputs2/selectfield/types.js.map +1 -1
  53. package/lib/node_modules/lodash/lodash.js +2 -2
  54. package/lib/node_modules/lodash/lodash.js.map +1 -1
  55. package/lib/node_modules/moment/dist/locale/pt-br.js +54 -0
  56. package/lib/node_modules/moment/dist/locale/pt-br.js.map +1 -0
  57. package/lib/panel/Content.js +28 -82
  58. package/lib/panel/Content.js.map +1 -1
  59. package/lib/panel/Default.d.ts +1 -1
  60. package/lib/panel/Default.js +60 -54
  61. package/lib/panel/Default.js.map +1 -1
  62. package/lib/panel/helpers.js +1 -16
  63. package/lib/panel/helpers.js.map +1 -1
  64. package/lib/panel/types.d.ts +3 -6
  65. package/package.json +1 -1
  66. package/lib/inputs2/date/base/constants.js +0 -69
  67. package/lib/inputs2/date/base/constants.js.map +0 -1
  68. package/lib/inputs2/date/datefield/calendarbox.d.ts +0 -6
  69. package/lib/inputs2/date/datefield/calendarbox.js +0 -228
  70. package/lib/inputs2/date/datefield/calendarbox.js.map +0 -1
  71. package/lib/inputs2/date/dateperiodfield/calendarbox.d.ts +0 -6
  72. package/lib/inputs2/date/dateperiodfield/calendarbox.js +0 -282
  73. package/lib/inputs2/date/dateperiodfield/calendarbox.js.map +0 -1
@@ -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]}
@@ -1,10 +1,11 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import { c as compilerRuntimeExports } from "../_virtual/compiler-runtime.js";
3
- import { useContext, useRef, useEffect } from "react";
4
- import PanelContext, { getCurrentThreshold } from "./helpers.js";
3
+ import { useContext, useRef } from "react";
4
+ import PanelContext from "./helpers.js";
5
5
  import NoPermission from "../noPermission/index.js";
6
+ import { useScrollEndReached } from "../hooks/useScrollEndReached/index.js";
6
7
  const PanelContent = (t0) => {
7
- const $ = compilerRuntimeExports.c(18);
8
+ const $ = compilerRuntimeExports.c(14);
8
9
  let children;
9
10
  let customClass;
10
11
  let rest;
@@ -27,98 +28,43 @@ const PanelContent = (t0) => {
27
28
  opened,
28
29
  onEndReached,
29
30
  onEndReachedThreshold: t1,
31
+ itemsCount,
30
32
  hideContent
31
33
  } = useContext(PanelContext);
32
34
  const onEndReachedThreshold = t1 === void 0 ? 0.1 : t1;
33
35
  const rootElementRef = useRef(null);
34
- const lastScrollHeight = useRef(0);
35
- const enableOnEndReached = useRef(true);
36
36
  let t2;
37
- if ($[4] !== onEndReached || $[5] !== onEndReachedThreshold) {
38
- t2 = async () => {
39
- const element = rootElementRef.current;
40
- if (element && onEndReached) {
41
- const {
42
- scrollTop,
43
- scrollHeight,
44
- clientHeight
45
- } = element;
46
- const scrollOffset = scrollHeight - clientHeight - scrollTop - 1;
47
- const threshold = getCurrentThreshold(element, onEndReachedThreshold);
48
- if (scrollOffset <= threshold && enableOnEndReached.current) {
49
- enableOnEndReached.current = false;
50
- await new Promise((resolve) => {
51
- resolve(onEndReached());
52
- });
53
- lastScrollHeight.current = scrollHeight;
54
- }
55
- }
37
+ if ($[4] !== itemsCount || $[5] !== onEndReached || $[6] !== onEndReachedThreshold) {
38
+ t2 = {
39
+ elementRef: rootElementRef,
40
+ onEndReached,
41
+ onEndReachedThreshold,
42
+ itemsCount
56
43
  };
57
- $[4] = onEndReached;
58
- $[5] = onEndReachedThreshold;
59
- $[6] = t2;
44
+ $[4] = itemsCount;
45
+ $[5] = onEndReached;
46
+ $[6] = onEndReachedThreshold;
47
+ $[7] = t2;
60
48
  } else {
61
- t2 = $[6];
49
+ t2 = $[7];
62
50
  }
63
- const onScrollEndReached = t2;
64
- let t3;
65
- if ($[7] !== onEndReached || $[8] !== onScrollEndReached) {
66
- t3 = () => {
67
- let observer;
68
- if (rootElementRef?.current && onEndReached) {
69
- observer = new ResizeObserver(() => {
70
- const currentElement = rootElementRef.current;
71
- if (currentElement) {
72
- const {
73
- scrollHeight: scrollHeight_0
74
- } = currentElement;
75
- if (scrollHeight_0 && scrollHeight_0 !== lastScrollHeight.current) {
76
- enableOnEndReached.current = true;
77
- observer?.disconnect();
78
- }
79
- }
80
- });
81
- observer.observe(rootElementRef.current);
82
- rootElementRef.current.addEventListener("scroll", onScrollEndReached);
83
- rootElementRef.current.addEventListener("resize", onScrollEndReached);
84
- }
85
- return () => {
86
- rootElementRef.current?.removeEventListener("scroll", onScrollEndReached);
87
- rootElementRef.current?.removeEventListener("resize", onScrollEndReached);
88
- observer?.disconnect();
89
- };
90
- };
91
- $[7] = onEndReached;
92
- $[8] = onScrollEndReached;
93
- $[9] = t3;
94
- } else {
95
- t3 = $[9];
96
- }
97
- let t4;
98
- if ($[10] !== onScrollEndReached) {
99
- t4 = [onScrollEndReached];
100
- $[10] = onScrollEndReached;
101
- $[11] = t4;
102
- } else {
103
- t4 = $[11];
104
- }
105
- useEffect(t3, t4);
51
+ useScrollEndReached(t2);
106
52
  if (!opened) {
107
53
  return null;
108
54
  }
109
- let t5;
110
- if ($[12] !== children || $[13] !== customClass || $[14] !== hideContent || $[15] !== opened || $[16] !== rest) {
111
- t5 = hideContent ? /* @__PURE__ */ jsx(NoPermission, {}) : /* @__PURE__ */ jsx("div", { ref: rootElementRef, className: `panel-content ${customClass ?? ""}`, ...rest, children: opened && children });
112
- $[12] = children;
113
- $[13] = customClass;
114
- $[14] = hideContent;
115
- $[15] = opened;
116
- $[16] = rest;
117
- $[17] = t5;
55
+ let t3;
56
+ if ($[8] !== children || $[9] !== customClass || $[10] !== hideContent || $[11] !== opened || $[12] !== rest) {
57
+ t3 = hideContent ? /* @__PURE__ */ jsx(NoPermission, {}) : /* @__PURE__ */ jsx("div", { ref: rootElementRef, className: `panel-content ${customClass ?? ""}`, ...rest, children: opened && children });
58
+ $[8] = children;
59
+ $[9] = customClass;
60
+ $[10] = hideContent;
61
+ $[11] = opened;
62
+ $[12] = rest;
63
+ $[13] = t3;
118
64
  } else {
119
- t5 = $[17];
65
+ t3 = $[13];
120
66
  }
121
- return t5;
67
+ return t3;
122
68
  };
123
69
  export {
124
70
  PanelContent as default
@@ -1 +1 @@
1
- {"version":3,"file":"Content.js","sources":["../../src/lib/panel/Content.tsx"],"sourcesContent":["import { useCallback, useContext, useEffect, useRef } from 'react';\nimport PanelContext, { getCurrentThreshold } from './helpers';\nimport NoPermission from '../noPermission';\nimport { IPanelContentProps } from './types';\n\nconst PanelContent = ({ customClass, children, ...rest }: IPanelContentProps) => {\n const {\n opened, onEndReached, onEndReachedThreshold = 0.1, hideContent,\n } = useContext(PanelContext);\n const rootElementRef = useRef<HTMLDivElement>(null);\n const lastScrollHeight = useRef(0);\n const enableOnEndReached = useRef(true);\n\n const onScrollEndReached = useCallback(async () => {\n const element = rootElementRef.current;\n\n if (element && onEndReached) {\n const { scrollTop, scrollHeight, clientHeight } = element;\n const scrollOffset = scrollHeight - clientHeight - scrollTop - 1;\n const threshold = getCurrentThreshold(element, onEndReachedThreshold);\n\n if (scrollOffset <= threshold && enableOnEndReached.current) {\n enableOnEndReached.current = false;\n await new Promise((resolve) => {\n resolve(onEndReached());\n });\n lastScrollHeight.current = scrollHeight;\n }\n }\n }, [\n onEndReached, onEndReachedThreshold,\n rootElementRef.current, lastScrollHeight.current,\n ]);\n\n useEffect(() => {\n let observer: ResizeObserver | null;\n if (rootElementRef?.current && onEndReached) {\n observer = new ResizeObserver(() => {\n const currentElement = rootElementRef.current;\n if (currentElement) {\n const { scrollHeight } = currentElement as HTMLDivElement;\n if (scrollHeight && scrollHeight !== lastScrollHeight.current) {\n enableOnEndReached.current = true;\n observer?.disconnect();\n }\n }\n });\n\n observer.observe(rootElementRef.current);\n rootElementRef.current.addEventListener('scroll', onScrollEndReached);\n rootElementRef.current.addEventListener('resize', onScrollEndReached);\n }\n\n return () => {\n rootElementRef.current?.removeEventListener('scroll', onScrollEndReached);\n rootElementRef.current?.removeEventListener('resize', onScrollEndReached);\n observer?.disconnect();\n };\n }, [onScrollEndReached]);\n\n if (!opened) return null;\n return (\n hideContent\n ? (\n <NoPermission />\n )\n : (\n <div\n ref={rootElementRef}\n className={`panel-content ${customClass ?? ''}`}\n {...rest}>\n {opened && children}\n </div>\n )\n );\n};\n\nexport default PanelContent;\n"],"names":["PanelContent","t0","$","_c","children","customClass","rest","opened","onEndReached","onEndReachedThreshold","t1","hideContent","useContext","PanelContext","undefined","rootElementRef","useRef","lastScrollHeight","enableOnEndReached","t2","element","current","scrollTop","scrollHeight","clientHeight","scrollOffset","threshold","getCurrentThreshold","Promise","resolve","onScrollEndReached","t3","observer","ResizeObserver","currentElement","scrollHeight_0","disconnect","observe","addEventListener","removeEventListener","t4","useEffect","t5"],"mappings":"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"}
1
+ {"version":3,"file":"Content.js","sources":["../../src/lib/panel/Content.tsx"],"sourcesContent":["import { useContext, useRef } from 'react';\nimport PanelContext from './helpers';\nimport NoPermission from '../noPermission';\nimport { IPanelContentProps } from './types';\nimport { useScrollEndReached } from '../hooks/useScrollEndReached';\n\nconst PanelContent = ({ customClass, children, ...rest }: IPanelContentProps) => {\n const {\n opened, onEndReached, onEndReachedThreshold = 0.1, itemsCount, hideContent,\n } = useContext(PanelContext);\n const rootElementRef = useRef<HTMLDivElement>(null);\n \n useScrollEndReached({\n elementRef: rootElementRef,\n onEndReached,\n onEndReachedThreshold,\n itemsCount,\n });\n\n if (!opened) return null;\n return (\n hideContent\n ? (\n <NoPermission />\n )\n : (\n <div\n ref={rootElementRef}\n className={`panel-content ${customClass ?? ''}`}\n {...rest}>\n {opened && children}\n </div>\n )\n );\n};\n\nexport default PanelContent;\n"],"names":["PanelContent","t0","$","_c","children","customClass","rest","opened","onEndReached","onEndReachedThreshold","t1","itemsCount","hideContent","useContext","PanelContext","undefined","rootElementRef","useRef","t2","elementRef","useScrollEndReached","t3"],"mappings":";;;;;;AAMA,MAAMA,eAAeC,CAAAA,OAAA;AAAA,QAAAC,IAAAC,uBAAAA,EAAA,EAAA;AAAA,MAAAC;AAAA,MAAAC;AAAA,MAAAC;AAAA,MAAAJ,SAAAD,IAAA;AAAC,KAAA;AAAA,MAAAI;AAAAA,MAAAD;AAAAA,MAAA,GAAAE;AAAAA,IAAAA,IAAAL;AAAsDC,WAAAD;AAAAC,WAAAE;AAAAF,WAAAG;AAAAH,WAAAI;AAAAA,EAAA,OAAA;AAAAF,eAAAF,EAAA,CAAA;AAAAG,kBAAAH,EAAA,CAAA;AAAAI,WAAAJ,EAAA,CAAA;AAAA,EAAA;AAC1E,QAAA;AAAA,IAAAK;AAAAA,IAAAC;AAAAA,IAAAC,uBAAAC;AAAAA,IAAAC;AAAAA,IAAAC;AAAAA,EAAAA,IAEIC,WAAWC,YAAY;AADH,QAAAL,wBAAAC,OAAAK,SAAA,MAAAL;AAExB,QAAAM,iBAAuBC,OAAuB,IAAI;AAAE,MAAAC;AAAA,MAAAhB,EAAA,CAAA,MAAAS,cAAAT,SAAAM,gBAAAN,EAAA,CAAA,MAAAO,uBAAA;AAEhCS,SAAA;AAAA,MAAAC,YACNH;AAAAA,MAAcR;AAAAA,MAAAC;AAAAA,MAAAE;AAAAA,IAAAA;AAI3BT,WAAAS;AAAAT,WAAAM;AAAAN,WAAAO;AAAAP,WAAAgB;AAAAA,EAAA,OAAA;AAAAA,SAAAhB,EAAA,CAAA;AAAA,EAAA;AALDkB,sBAAoBF,EAKnB;AAED,MAAI,CAACX,QAAM;AAAA,WAAS;AAAA,EAAI;AAAC,MAAAc;AAAA,MAAAnB,EAAA,CAAA,MAAAE,YAAAF,EAAA,CAAA,MAAAG,eAAAH,EAAA,EAAA,MAAAU,eAAAV,EAAA,EAAA,MAAAK,UAAAL,UAAAI,MAAA;AAEvBe,SAAAT,cAEI,oBAAC,cAAA,CAAA,CAAY,IAGb,oBAAA,SACOI,KAAAA,gBACM,WAAA,iBAAiBX,eAAA,EAAiB,OACzCC,MACHC,oBAAAH,UACH;AACCF,WAAAE;AAAAF,WAAAG;AAAAH,YAAAU;AAAAV,YAAAK;AAAAL,YAAAI;AAAAJ,YAAAmB;AAAAA,EAAA,OAAA;AAAAA,SAAAnB,EAAA,EAAA;AAAA,EAAA;AAAA,SAXLmB;AAWK;"}
@@ -1,3 +1,3 @@
1
1
  import { IPanelProps } from './types';
2
- declare const DefaultPanel: ({ startOpened, toggleable, customClass, children, title, gridCols, onEndReached, onEndReachedThreshold, permissionAttr, colorStyle, ...rest }: IPanelProps) => import("react/jsx-runtime").JSX.Element | null;
2
+ declare const DefaultPanel: ({ startOpened, toggleable, customClass, children, title, gridCols, onEndReached, onEndReachedThreshold, itemsCount, permissionAttr, colorStyle, ...rest }: IPanelProps) => import("react/jsx-runtime").JSX.Element | null;
3
3
  export default DefaultPanel;
@@ -6,11 +6,12 @@ import PanelHeader from "./Header.js";
6
6
  import PanelContext from "./helpers.js";
7
7
  import { OPTIONS_ON_DENIED, actionsOnPermissionDenied } from "../permissionValidations.js";
8
8
  const DefaultPanel = (t0) => {
9
- const $ = compilerRuntimeExports.c(37);
9
+ const $ = compilerRuntimeExports.c(39);
10
10
  let children;
11
11
  let colorStyle;
12
12
  let customClass;
13
13
  let gridCols;
14
+ let itemsCount;
14
15
  let onEndReached;
15
16
  let permissionAttr;
16
17
  let rest;
@@ -28,6 +29,7 @@ const DefaultPanel = (t0) => {
28
29
  gridCols,
29
30
  onEndReached,
30
31
  onEndReachedThreshold: t2,
32
+ itemsCount,
31
33
  permissionAttr,
32
34
  colorStyle,
33
35
  ...rest
@@ -37,25 +39,27 @@ const DefaultPanel = (t0) => {
37
39
  $[2] = colorStyle;
38
40
  $[3] = customClass;
39
41
  $[4] = gridCols;
40
- $[5] = onEndReached;
41
- $[6] = permissionAttr;
42
- $[7] = rest;
43
- $[8] = t1;
44
- $[9] = t2;
45
- $[10] = title;
46
- $[11] = toggleable;
42
+ $[5] = itemsCount;
43
+ $[6] = onEndReached;
44
+ $[7] = permissionAttr;
45
+ $[8] = rest;
46
+ $[9] = t1;
47
+ $[10] = t2;
48
+ $[11] = title;
49
+ $[12] = toggleable;
47
50
  } else {
48
51
  children = $[1];
49
52
  colorStyle = $[2];
50
53
  customClass = $[3];
51
54
  gridCols = $[4];
52
- onEndReached = $[5];
53
- permissionAttr = $[6];
54
- rest = $[7];
55
- t1 = $[8];
56
- t2 = $[9];
57
- title = $[10];
58
- toggleable = $[11];
55
+ itemsCount = $[5];
56
+ onEndReached = $[6];
57
+ permissionAttr = $[7];
58
+ rest = $[8];
59
+ t1 = $[9];
60
+ t2 = $[10];
61
+ title = $[11];
62
+ toggleable = $[12];
59
63
  }
60
64
  const startOpened = t1 === void 0 ? true : t1;
61
65
  const onEndReachedThreshold = t2 === void 0 ? 0.1 : t2;
@@ -65,45 +69,45 @@ const DefaultPanel = (t0) => {
65
69
  unvisible
66
70
  } = OPTIONS_ON_DENIED;
67
71
  let t3;
68
- if ($[12] !== permissionAttr) {
72
+ if ($[13] !== permissionAttr) {
69
73
  t3 = actionsOnPermissionDenied([hideContent, unvisible], permissionAttr);
70
- $[12] = permissionAttr;
71
- $[13] = t3;
74
+ $[13] = permissionAttr;
75
+ $[14] = t3;
72
76
  } else {
73
- t3 = $[13];
77
+ t3 = $[14];
74
78
  }
75
79
  const [onDenied] = useState(t3);
76
80
  let t4;
77
- if ($[14] !== colorStyle || $[15] !== customClass) {
81
+ if ($[15] !== colorStyle || $[16] !== customClass) {
78
82
  t4 = () => {
79
83
  let cssClass = `panel-component ${customClass}`;
80
84
  cssClass = cssClass + (colorStyle !== "" ? ` -${colorStyle}` : "");
81
85
  return cssClass;
82
86
  };
83
- $[14] = colorStyle;
84
- $[15] = customClass;
85
- $[16] = t4;
87
+ $[15] = colorStyle;
88
+ $[16] = customClass;
89
+ $[17] = t4;
86
90
  } else {
87
- t4 = $[16];
91
+ t4 = $[17];
88
92
  }
89
93
  const getCssClass = t4;
90
94
  let t5;
91
- if ($[17] !== children || $[18] !== getCssClass || $[19] !== rest || $[20] !== title) {
95
+ if ($[18] !== children || $[19] !== getCssClass || $[20] !== rest || $[21] !== title) {
92
96
  t5 = () => /* @__PURE__ */ jsxs("div", { className: getCssClass(), ...rest, children: [
93
97
  title && /* @__PURE__ */ jsx(PanelHeader, { title }),
94
98
  children
95
99
  ] });
96
- $[17] = children;
97
- $[18] = getCssClass;
98
- $[19] = rest;
99
- $[20] = title;
100
- $[21] = t5;
100
+ $[18] = children;
101
+ $[19] = getCssClass;
102
+ $[20] = rest;
103
+ $[21] = title;
104
+ $[22] = t5;
101
105
  } else {
102
- t5 = $[21];
106
+ t5 = $[22];
103
107
  }
104
108
  const renderContent = t5;
105
109
  let t6;
106
- if ($[22] !== onDenied.hideContent || $[23] !== onDenied.unvisible || $[24] !== onEndReached || $[25] !== onEndReachedThreshold || $[26] !== opened || $[27] !== toggleable) {
110
+ if ($[23] !== itemsCount || $[24] !== onDenied.hideContent || $[25] !== onDenied.unvisible || $[26] !== onEndReached || $[27] !== onEndReachedThreshold || $[28] !== opened || $[29] !== toggleable) {
107
111
  t6 = () => ({
108
112
  toggleable,
109
113
  handlerToggleable: () => {
@@ -112,48 +116,50 @@ const DefaultPanel = (t0) => {
112
116
  opened,
113
117
  onEndReached,
114
118
  onEndReachedThreshold,
119
+ itemsCount,
115
120
  hideContent: onDenied.hideContent,
116
121
  unvisible: onDenied.unvisible
117
122
  });
118
- $[22] = onDenied.hideContent;
119
- $[23] = onDenied.unvisible;
120
- $[24] = onEndReached;
121
- $[25] = onEndReachedThreshold;
122
- $[26] = opened;
123
- $[27] = toggleable;
124
- $[28] = t6;
123
+ $[23] = itemsCount;
124
+ $[24] = onDenied.hideContent;
125
+ $[25] = onDenied.unvisible;
126
+ $[26] = onEndReached;
127
+ $[27] = onEndReachedThreshold;
128
+ $[28] = opened;
129
+ $[29] = toggleable;
130
+ $[30] = t6;
125
131
  } else {
126
- t6 = $[28];
132
+ t6 = $[30];
127
133
  }
128
134
  const contextValues = t6;
129
135
  if (onDenied.unvisible) {
130
136
  return null;
131
137
  }
132
138
  let t7;
133
- if ($[29] !== contextValues) {
139
+ if ($[31] !== contextValues) {
134
140
  t7 = contextValues();
135
- $[29] = contextValues;
136
- $[30] = t7;
141
+ $[31] = contextValues;
142
+ $[32] = t7;
137
143
  } else {
138
- t7 = $[30];
144
+ t7 = $[32];
139
145
  }
140
146
  let t8;
141
- if ($[31] !== gridCols || $[32] !== renderContent) {
147
+ if ($[33] !== gridCols || $[34] !== renderContent) {
142
148
  t8 = gridCols ? /* @__PURE__ */ jsx(GridCol, { cols: gridCols, children: renderContent() }) : renderContent();
143
- $[31] = gridCols;
144
- $[32] = renderContent;
145
- $[33] = t8;
149
+ $[33] = gridCols;
150
+ $[34] = renderContent;
151
+ $[35] = t8;
146
152
  } else {
147
- t8 = $[33];
153
+ t8 = $[35];
148
154
  }
149
155
  let t9;
150
- if ($[34] !== t7 || $[35] !== t8) {
156
+ if ($[36] !== t7 || $[37] !== t8) {
151
157
  t9 = /* @__PURE__ */ jsx(PanelContext.Provider, { value: t7, children: t8 });
152
- $[34] = t7;
153
- $[35] = t8;
154
- $[36] = t9;
158
+ $[36] = t7;
159
+ $[37] = t8;
160
+ $[38] = t9;
155
161
  } else {
156
- t9 = $[36];
162
+ t9 = $[38];
157
163
  }
158
164
  return t9;
159
165
  };
@@ -1 +1 @@
1
- {"version":3,"file":"Default.js","sources":["../../src/lib/panel/Default.tsx"],"sourcesContent":["import { useState } from 'react';\nimport Grid from '../gridlayout';\nimport Header from './Header';\nimport PanelContext from './helpers';\nimport { actionsOnPermissionDenied, OPTIONS_ON_DENIED } from '../permissionValidations';\nimport { IPanelProps, ContextProps } from './types';\nimport { OnDenied } from '../@types/PermissionAttr';\n\nconst DefaultPanel = ({\n startOpened = true, toggleable, customClass, children, title, gridCols, onEndReached,\n onEndReachedThreshold = 0.1, permissionAttr, colorStyle, ...rest\n}: IPanelProps) => {\n const [opened, setOpened] = useState(startOpened);\n const { hideContent, unvisible } = OPTIONS_ON_DENIED;\n const [onDenied] =\n useState<OnDenied>(actionsOnPermissionDenied([hideContent, unvisible], permissionAttr));\n\n const getCssClass = () => {\n let cssClass = `panel-component ${customClass}`;\n cssClass += colorStyle !== '' ? ` -${colorStyle}` : '';\n return cssClass;\n };\n\n const renderContent = () => (\n <div className={getCssClass()} {...rest}>\n {title && <Header title={title} />}\n {children}\n </div>\n );\n\n const contextValues = () => ({\n toggleable,\n handlerToggleable: () => { setOpened(!opened); },\n opened,\n onEndReached,\n onEndReachedThreshold,\n hideContent: onDenied.hideContent,\n unvisible: onDenied.unvisible,\n }) as ContextProps;\n\n if (onDenied.unvisible) return null;\n\n return (\n <PanelContext.Provider value={contextValues()}>\n { gridCols\n ? (\n <Grid cols={gridCols}>{renderContent()}</Grid>\n )\n : (\n renderContent()\n )}\n </PanelContext.Provider>\n );\n};\n\nexport default DefaultPanel;\n"],"names":["DefaultPanel","t0","$","_c","children","colorStyle","customClass","gridCols","onEndReached","permissionAttr","rest","t1","t2","title","toggleable","startOpened","onEndReachedThreshold","undefined","opened","setOpened","useState","hideContent","unvisible","OPTIONS_ON_DENIED","t3","actionsOnPermissionDenied","onDenied","t4","cssClass","getCssClass","t5","Header","renderContent","t6","handlerToggleable","contextValues","t7","t8","Grid","t9"],"mappings":"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"}
1
+ {"version":3,"file":"Default.js","sources":["../../src/lib/panel/Default.tsx"],"sourcesContent":["import { useState } from 'react';\nimport Grid from '../gridlayout';\nimport Header from './Header';\nimport PanelContext from './helpers';\nimport { actionsOnPermissionDenied, OPTIONS_ON_DENIED } from '../permissionValidations';\nimport { IPanelProps, ContextProps } from './types';\nimport { OnDenied } from '../@types/PermissionAttr';\n\nconst DefaultPanel = ({\n startOpened = true, toggleable, customClass, children, title, gridCols, onEndReached,\n onEndReachedThreshold = 0.1, itemsCount, permissionAttr, colorStyle, ...rest\n}: IPanelProps) => {\n const [opened, setOpened] = useState(startOpened);\n const { hideContent, unvisible } = OPTIONS_ON_DENIED;\n const [onDenied] =\n useState<OnDenied>(actionsOnPermissionDenied([hideContent, unvisible], permissionAttr));\n\n const getCssClass = () => {\n let cssClass = `panel-component ${customClass}`;\n cssClass += colorStyle !== '' ? ` -${colorStyle}` : '';\n return cssClass;\n };\n\n const renderContent = () => (\n <div className={getCssClass()} {...rest}>\n {title && <Header title={title} />}\n {children}\n </div>\n );\n\n const contextValues = () => ({\n toggleable,\n handlerToggleable: () => { setOpened(!opened); },\n opened,\n onEndReached,\n onEndReachedThreshold,\n itemsCount,\n hideContent: onDenied.hideContent,\n unvisible: onDenied.unvisible,\n }) as ContextProps;\n\n if (onDenied.unvisible) return null;\n\n return (\n <PanelContext.Provider value={contextValues()}>\n { gridCols\n ? (\n <Grid cols={gridCols}>{renderContent()}</Grid>\n )\n : (\n renderContent()\n )}\n </PanelContext.Provider>\n );\n};\n\nexport default DefaultPanel;\n"],"names":["DefaultPanel","t0","$","_c","children","colorStyle","customClass","gridCols","itemsCount","onEndReached","permissionAttr","rest","t1","t2","title","toggleable","startOpened","onEndReachedThreshold","undefined","opened","setOpened","useState","hideContent","unvisible","OPTIONS_ON_DENIED","t3","actionsOnPermissionDenied","onDenied","t4","cssClass","getCssClass","t5","Header","renderContent","t6","handlerToggleable","contextValues","t7","t8","Grid","t9"],"mappings":"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"}
@@ -1,21 +1,6 @@
1
1
  import { createContext } from "react";
2
- function getCurrentThreshold(scrollableElement, scrollThreshold) {
3
- const MIN_THRESHOLD = 0;
4
- const MAX_THRESHOLD = 1;
5
- if (scrollThreshold < MIN_THRESHOLD) return MIN_THRESHOLD;
6
- if (scrollThreshold > MAX_THRESHOLD) return MAX_THRESHOLD;
7
- const {
8
- scrollHeight,
9
- clientHeight
10
- } = scrollableElement;
11
- const offsetHeight = scrollHeight - clientHeight;
12
- const calculatedScrollThreshold = Math.round(scrollHeight * scrollThreshold);
13
- const maxScrollThreshold = Math.round(offsetHeight - offsetHeight * 0.3);
14
- return Math.min(calculatedScrollThreshold, maxScrollThreshold);
15
- }
16
2
  const PanelContext = createContext({});
17
3
  export {
18
- PanelContext as default,
19
- getCurrentThreshold
4
+ PanelContext as default
20
5
  };
21
6
  //# sourceMappingURL=helpers.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"helpers.js","sources":["../../src/lib/panel/helpers.ts"],"sourcesContent":["import { createContext } from 'react';\nimport { ContextProps } from './types';\n\nexport function getCurrentThreshold(\n scrollableElement: HTMLDivElement,\n scrollThreshold: number,\n): number {\n const MIN_THRESHOLD = 0;\n const MAX_THRESHOLD = 1;\n if (scrollThreshold < MIN_THRESHOLD) return MIN_THRESHOLD;\n if (scrollThreshold > MAX_THRESHOLD) return MAX_THRESHOLD;\n const { scrollHeight, clientHeight } = scrollableElement;\n const offsetHeight = scrollHeight - clientHeight;\n\n const calculatedScrollThreshold = Math.round(scrollHeight * scrollThreshold);\n const maxScrollThreshold = Math.round(offsetHeight - (offsetHeight * 0.3));\n\n return Math.min(calculatedScrollThreshold, maxScrollThreshold);\n}\n\nconst PanelContext = createContext<ContextProps>({} as ContextProps);\n\nexport default PanelContext;\n"],"names":["getCurrentThreshold","scrollableElement","scrollThreshold","MIN_THRESHOLD","MAX_THRESHOLD","scrollHeight","clientHeight","offsetHeight","calculatedScrollThreshold","Math","round","maxScrollThreshold","min","PanelContext","createContext"],"mappings":";AAGO,SAASA,oBACdC,mBACAC,iBACQ;AACR,QAAMC,gBAAgB;AACtB,QAAMC,gBAAgB;AACtB,MAAIF,kBAAkBC,cAAe,QAAOA;AAC5C,MAAID,kBAAkBE,cAAe,QAAOA;AAC5C,QAAM;AAAA,IAAEC;AAAAA,IAAcC;AAAAA,EAAAA,IAAiBL;AACvC,QAAMM,eAAeF,eAAeC;AAEpC,QAAME,4BAA4BC,KAAKC,MAAML,eAAeH,eAAe;AAC3E,QAAMS,qBAAqBF,KAAKC,MAAMH,eAAgBA,eAAe,GAAI;AAEzE,SAAOE,KAAKG,IAAIJ,2BAA2BG,kBAAkB;AAC/D;AAEA,MAAME,eAAeC,cAA4B,CAAA,CAAkB;"}
1
+ {"version":3,"file":"helpers.js","sources":["../../src/lib/panel/helpers.ts"],"sourcesContent":["import { createContext } from 'react';\nimport { ContextProps } from './types';\n\nexport function getCurrentThreshold(\n scrollableElement: HTMLDivElement,\n scrollThreshold: number,\n): number {\n const MIN_THRESHOLD = 0;\n const MAX_THRESHOLD = 1;\n if (scrollThreshold < MIN_THRESHOLD) return MIN_THRESHOLD;\n if (scrollThreshold > MAX_THRESHOLD) return MAX_THRESHOLD;\n const { scrollHeight, clientHeight } = scrollableElement;\n const offsetHeight = scrollHeight - clientHeight;\n\n const calculatedScrollThreshold = Math.round(scrollHeight * scrollThreshold);\n const maxScrollThreshold = Math.round(offsetHeight - (offsetHeight * 0.3));\n\n return Math.min(calculatedScrollThreshold, maxScrollThreshold);\n}\n\nconst PanelContext = createContext<ContextProps>({} as ContextProps);\n\nexport default PanelContext;\n"],"names":["PanelContext","createContext"],"mappings":";AAoBA,MAAMA,eAAeC,cAA4B,CAAA,CAAkB;"}
@@ -2,9 +2,10 @@ import { ComponentPropsWithoutRef, ReactElement, ReactNode } from 'react';
2
2
  import { PermissionAttr } from '../@types/PermissionAttr';
3
3
  import { default as ColorStyles } from '../internals/colorStyles';
4
4
  import { IconNames } from '../@types/Icon';
5
+ import { UseScrollEndReachedParams } from '../hooks/useScrollEndReached/types';
5
6
  export type Func = () => void;
6
7
  export type AsyncFunc = () => Promise<void>;
7
- export interface IPanelProps extends Omit<ComponentPropsWithoutRef<'div'>, 'className'> {
8
+ export interface IPanelProps extends Omit<ComponentPropsWithoutRef<'div'>, 'className'>, UseScrollEndReachedParams {
8
9
  customClass?: string;
9
10
  startOpened?: boolean;
10
11
  toggleable?: boolean;
@@ -12,8 +13,6 @@ export interface IPanelProps extends Omit<ComponentPropsWithoutRef<'div'>, 'clas
12
13
  colorStyle?: typeof ColorStyles | string;
13
14
  gridCols?: string;
14
15
  title?: string;
15
- onEndReached?: Func | AsyncFunc;
16
- onEndReachedThreshold?: number;
17
16
  permissionAttr?: PermissionAttr | PermissionAttr[];
18
17
  }
19
18
  export interface IPanelContentProps extends Omit<ComponentPropsWithoutRef<'div'>, 'className'> {
@@ -28,13 +27,11 @@ export interface IPanelHeaderProps extends Omit<ComponentPropsWithoutRef<'div'>,
28
27
  customClassForTitle?: string;
29
28
  headerColored?: boolean;
30
29
  }
31
- export type ContextProps = {
30
+ export type ContextProps = UseScrollEndReachedParams & {
32
31
  toggleable: boolean;
33
32
  handlerToggleable: () => void;
34
33
  opened: boolean;
35
34
  hideContent: boolean;
36
- onEndReached?: Func | AsyncFunc;
37
- onEndReachedThreshold: number;
38
35
  };
39
36
  export interface IParameterFunction {
40
37
  props: any;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "linear-react-components-ui",
3
- "version": "2.2.0-beta.0",
3
+ "version": "2.2.0-beta.10",
4
4
  "description": "Linear Sistemas ReactJs Components",
5
5
  "type": "module",
6
6
  "main": "./lib/index.js",
@@ -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 };