pge-front-common 14.2.2 → 14.2.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.
Files changed (8) hide show
  1. package/lib/components/ModalUI/index.d.ts +3 -1
  2. package/lib/components/Upload/index.d.ts +18 -4
  3. package/lib/index.d.ts +21 -5
  4. package/lib/index.esm.js +3 -3
  5. package/lib/index.esm.js.map +1 -1
  6. package/lib/index.js +3 -3
  7. package/lib/index.js.map +1 -1
  8. package/package.json +1 -1
package/lib/components/ModalUI/index.d.ts CHANGED
@@ -5,6 +5,8 @@ interface ModalProps {
5
5
  children: React.ReactNode;
6
6
  title?: string;
7
7
  triggerId?: string;
8
+ className?: string;
9
+ style?: React.CSSProperties;
8
10
  }
9
- export declare const ModalUI: ({ isModalOpen, onOpenChange, children, title, triggerId, }: ModalProps) => React.JSX.Element;
11
+ export declare const ModalUI: ({ isModalOpen, onOpenChange, children, title, triggerId, className, style, }: ModalProps) => React.JSX.Element;
10
12
  export {};
package/lib/components/Upload/index.d.ts CHANGED
@@ -14,7 +14,7 @@ export declare const FileUpload: React.ForwardRefExoticComponent<{
14
14
  } & {
15
15
  disabled?: boolean | undefined;
16
16
  form?: string | undefined;
17
- formAction?: string | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
17
+ formAction?: string | ((formData: FormData) => void | Promise<void>) | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
18
18
  formEncType?: string | undefined;
19
19
  formMethod?: string | undefined;
20
20
  formNoValidate?: boolean | undefined;
@@ -68,8 +68,14 @@ export declare const FileUpload: React.ForwardRefExoticComponent<{
68
68
  results?: number | undefined;
69
69
  security?: string | undefined;
70
70
  unselectable?: "on" | "off" | undefined;
71
+ popover?: "" | "auto" | "manual" | "hint" | undefined;
72
+ popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
73
+ popoverTarget?: string | undefined;
74
+ inert?: boolean | undefined;
71
75
  inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
72
76
  is?: string | undefined;
77
+ exportparts?: string | undefined;
78
+ part?: string | undefined;
73
79
  "aria-activedescendant"?: string | undefined;
74
80
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
75
81
  "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
@@ -145,7 +151,7 @@ export declare const FileUpload: React.ForwardRefExoticComponent<{
145
151
  onBlurCapture?: React.FocusEventHandler<HTMLButtonElement> | undefined;
146
152
  onChange?: React.FormEventHandler<HTMLButtonElement> | undefined;
147
153
  onChangeCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
148
- onBeforeInput?: React.FormEventHandler<HTMLButtonElement> | undefined;
154
+ onBeforeInput?: React.InputEventHandler<HTMLButtonElement> | undefined;
149
155
  onBeforeInputCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
150
156
  onInput?: React.FormEventHandler<HTMLButtonElement> | undefined;
151
157
  onInputCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
@@ -195,8 +201,6 @@ export declare const FileUpload: React.ForwardRefExoticComponent<{
195
201
  onProgressCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
196
202
  onRateChange?: React.ReactEventHandler<HTMLButtonElement> | undefined;
197
203
  onRateChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
198
- onResize?: React.ReactEventHandler<HTMLButtonElement> | undefined;
199
- onResizeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
200
204
  onSeeked?: React.ReactEventHandler<HTMLButtonElement> | undefined;
201
205
  onSeekedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
202
206
  onSeeking?: React.ReactEventHandler<HTMLButtonElement> | undefined;
@@ -277,6 +281,8 @@ export declare const FileUpload: React.ForwardRefExoticComponent<{
277
281
  onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
278
282
  onScroll?: React.UIEventHandler<HTMLButtonElement> | undefined;
279
283
  onScrollCapture?: React.UIEventHandler<HTMLButtonElement> | undefined;
284
+ onScrollEnd?: React.UIEventHandler<HTMLButtonElement> | undefined;
285
+ onScrollEndCapture?: React.UIEventHandler<HTMLButtonElement> | undefined;
280
286
  onWheel?: React.WheelEventHandler<HTMLButtonElement> | undefined;
281
287
  onWheelCapture?: React.WheelEventHandler<HTMLButtonElement> | undefined;
282
288
  onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
@@ -285,8 +291,16 @@ export declare const FileUpload: React.ForwardRefExoticComponent<{
285
291
  onAnimationEndCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
286
292
  onAnimationIteration?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
287
293
  onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
294
+ onToggle?: React.ToggleEventHandler<HTMLButtonElement> | undefined;
295
+ onBeforeToggle?: React.ToggleEventHandler<HTMLButtonElement> | undefined;
296
+ onTransitionCancel?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
297
+ onTransitionCancelCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
288
298
  onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
289
299
  onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
300
+ onTransitionRun?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
301
+ onTransitionRunCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
302
+ onTransitionStart?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
303
+ onTransitionStartCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
290
304
  'data-pr-tooltip'?: string | undefined;
291
305
  'data-pr-disabled'?: boolean | undefined;
292
306
  'data-pr-classname'?: string | undefined;
package/lib/index.d.ts CHANGED
@@ -93,7 +93,7 @@ declare const FileUpload: React__default.ForwardRefExoticComponent<{
93
93
  } & {
94
94
  disabled?: boolean | undefined;
95
95
  form?: string | undefined;
96
- formAction?: string | React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
96
+ formAction?: string | ((formData: FormData) => void | Promise<void>) | React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
97
97
  formEncType?: string | undefined;
98
98
  formMethod?: string | undefined;
99
99
  formNoValidate?: boolean | undefined;
@@ -147,8 +147,14 @@ declare const FileUpload: React__default.ForwardRefExoticComponent<{
147
147
  results?: number | undefined;
148
148
  security?: string | undefined;
149
149
  unselectable?: "on" | "off" | undefined;
150
+ popover?: "" | "auto" | "manual" | "hint" | undefined;
151
+ popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
152
+ popoverTarget?: string | undefined;
153
+ inert?: boolean | undefined;
150
154
  inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
151
155
  is?: string | undefined;
156
+ exportparts?: string | undefined;
157
+ part?: string | undefined;
152
158
  "aria-activedescendant"?: string | undefined;
153
159
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
154
160
  "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
@@ -224,7 +230,7 @@ declare const FileUpload: React__default.ForwardRefExoticComponent<{
224
230
  onBlurCapture?: React__default.FocusEventHandler<HTMLButtonElement> | undefined;
225
231
  onChange?: React__default.FormEventHandler<HTMLButtonElement> | undefined;
226
232
  onChangeCapture?: React__default.FormEventHandler<HTMLButtonElement> | undefined;
227
- onBeforeInput?: React__default.FormEventHandler<HTMLButtonElement> | undefined;
233
+ onBeforeInput?: React__default.InputEventHandler<HTMLButtonElement> | undefined;
228
234
  onBeforeInputCapture?: React__default.FormEventHandler<HTMLButtonElement> | undefined;
229
235
  onInput?: React__default.FormEventHandler<HTMLButtonElement> | undefined;
230
236
  onInputCapture?: React__default.FormEventHandler<HTMLButtonElement> | undefined;
@@ -274,8 +280,6 @@ declare const FileUpload: React__default.ForwardRefExoticComponent<{
274
280
  onProgressCapture?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
275
281
  onRateChange?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
276
282
  onRateChangeCapture?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
277
- onResize?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
278
- onResizeCapture?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
279
283
  onSeeked?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
280
284
  onSeekedCapture?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
281
285
  onSeeking?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
@@ -356,6 +360,8 @@ declare const FileUpload: React__default.ForwardRefExoticComponent<{
356
360
  onLostPointerCaptureCapture?: React__default.PointerEventHandler<HTMLButtonElement> | undefined;
357
361
  onScroll?: React__default.UIEventHandler<HTMLButtonElement> | undefined;
358
362
  onScrollCapture?: React__default.UIEventHandler<HTMLButtonElement> | undefined;
363
+ onScrollEnd?: React__default.UIEventHandler<HTMLButtonElement> | undefined;
364
+ onScrollEndCapture?: React__default.UIEventHandler<HTMLButtonElement> | undefined;
359
365
  onWheel?: React__default.WheelEventHandler<HTMLButtonElement> | undefined;
360
366
  onWheelCapture?: React__default.WheelEventHandler<HTMLButtonElement> | undefined;
361
367
  onAnimationStart?: React__default.AnimationEventHandler<HTMLButtonElement> | undefined;
@@ -364,8 +370,16 @@ declare const FileUpload: React__default.ForwardRefExoticComponent<{
364
370
  onAnimationEndCapture?: React__default.AnimationEventHandler<HTMLButtonElement> | undefined;
365
371
  onAnimationIteration?: React__default.AnimationEventHandler<HTMLButtonElement> | undefined;
366
372
  onAnimationIterationCapture?: React__default.AnimationEventHandler<HTMLButtonElement> | undefined;
373
+ onToggle?: React__default.ToggleEventHandler<HTMLButtonElement> | undefined;
374
+ onBeforeToggle?: React__default.ToggleEventHandler<HTMLButtonElement> | undefined;
375
+ onTransitionCancel?: React__default.TransitionEventHandler<HTMLButtonElement> | undefined;
376
+ onTransitionCancelCapture?: React__default.TransitionEventHandler<HTMLButtonElement> | undefined;
367
377
  onTransitionEnd?: React__default.TransitionEventHandler<HTMLButtonElement> | undefined;
368
378
  onTransitionEndCapture?: React__default.TransitionEventHandler<HTMLButtonElement> | undefined;
379
+ onTransitionRun?: React__default.TransitionEventHandler<HTMLButtonElement> | undefined;
380
+ onTransitionRunCapture?: React__default.TransitionEventHandler<HTMLButtonElement> | undefined;
381
+ onTransitionStart?: React__default.TransitionEventHandler<HTMLButtonElement> | undefined;
382
+ onTransitionStartCapture?: React__default.TransitionEventHandler<HTMLButtonElement> | undefined;
369
383
  'data-pr-tooltip'?: string | undefined;
370
384
  'data-pr-disabled'?: boolean | undefined;
371
385
  'data-pr-classname'?: string | undefined;
@@ -720,8 +734,10 @@ interface ModalProps$1 {
720
734
  children: React__default.ReactNode;
721
735
  title?: string;
722
736
  triggerId?: string;
737
+ className?: string;
738
+ style?: React__default.CSSProperties;
723
739
  }
724
- declare const ModalUI: ({ isModalOpen, onOpenChange, children, title, triggerId, }: ModalProps$1) => React__default.JSX.Element;
740
+ declare const ModalUI: ({ isModalOpen, onOpenChange, children, title, triggerId, className, style, }: ModalProps$1) => React__default.JSX.Element;
725
741
 
726
742
  type ModalProps = HTMLAttributes<HTMLDivElement> & {
727
743
  isOpen: boolean;
package/lib/index.esm.js CHANGED
@@ -23925,12 +23925,12 @@ var Cancel = AlertDialogCancel;
23925
23925
  var Title2 = AlertDialogTitle;
23926
23926
  var Description2 = AlertDialogDescription;
23927
23927
 
23928
- var css_248z$d = ".styles-module__alertOverlay___eoTQD {\r\n background: #00000080;\r\n position: fixed;\r\n inset: 0;\r\n animation: styles-module__overlayShow___hSH5g 300ms cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n@keyframes styles-module__overlayShow___hSH5g {\r\n from {\r\n opacity: 0;\r\n }\r\n to {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n.styles-module__modalHeaderContainer___zqcC3 {\r\n width: 100%;\r\n max-width: 500px;\r\n height: 56px;\r\n border-radius: 20px 20px 0px 0px;\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n justify-content: space-between;\r\n background: var(--modal-header-bg-color);\r\n padding-left: 16px;\r\n padding-right: 16px;\r\n}\r\n\r\n.styles-module__modalHeaderText___is1Qg {\r\n font-size: var(--font-size-20, 20px);\r\n font-weight: 700;\r\n line-height: 27px;\r\n text-align: left;\r\n color: #fff;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__modalHeaderText___is1Qg {\r\n font-size: var(--font-size-16, 16px);\r\n line-height: 21px;\r\n }\r\n}\r\n\r\n.styles-module__closeBtn___VOQjz {\r\n all: unset;\r\n cursor: pointer;\r\n}\r\n\r\n.styles-module__customIcon___8Ly4h {\r\n color: #ffffff;\r\n}\r\n\r\n.styles-module__contentContainer___tiBil {\r\n border-radius: 20px;\r\n box-shadow:\r\n hsl(206 22% 7% / 35%) 0px 10px 38px -10px,\r\n hsl(206 22% 7% / 20%) 0px 10px 20px -15px;\r\n position: fixed;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n max-width: 500px;\r\n max-height: 85vh;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__contentContainer___tiBil {\r\n width: 295px;\r\n }\r\n}\r\n\r\n.styles-module__childrenContainer___BgV1l {\r\n padding: 16px;\r\n background-color: var(--background-color);\r\n border-radius: 0px 0px 20px 20px;\r\n max-height: 500px;\r\n overflow-y: auto;\r\n}\r\n\r\n.styles-module__iconClose___Veq4Y {\r\n color: #fff;\r\n}\r\n\r\n.styles-module__closeBtn___VOQjz:focus-visible {\r\n outline: 2px solid var(--background-color);\r\n outline-offset: 4px;\r\n border-radius: 4px;\r\n}";
23928
+ var css_248z$d = ".styles-module__alertOverlay___eoTQD {\r\n background: #00000080;\r\n position: fixed;\r\n inset: 0;\r\n animation: styles-module__overlayShow___hSH5g 300ms cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n@keyframes styles-module__overlayShow___hSH5g {\r\n from {\r\n opacity: 0;\r\n }\r\n to {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n.styles-module__modalHeaderContainer___zqcC3 {\r\n width: 100%;\r\n height: 56px;\r\n border-radius: 20px 20px 0px 0px;\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n justify-content: space-between;\r\n background: var(--modal-header-bg-color);\r\n padding-left: 16px;\r\n padding-right: 16px;\r\n}\r\n\r\n.styles-module__modalHeaderText___is1Qg {\r\n font-size: var(--font-size-20, 20px);\r\n font-weight: 700;\r\n line-height: 27px;\r\n text-align: left;\r\n color: #fff;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__modalHeaderText___is1Qg {\r\n font-size: var(--font-size-16, 16px);\r\n line-height: 21px;\r\n }\r\n}\r\n\r\n.styles-module__closeBtn___VOQjz {\r\n all: unset;\r\n cursor: pointer;\r\n}\r\n\r\n.styles-module__customIcon___8Ly4h {\r\n color: #ffffff;\r\n}\r\n\r\n.styles-module__contentContainer___tiBil {\r\n border-radius: 20px;\r\n box-shadow:\r\n hsl(206 22% 7% / 35%) 0px 10px 38px -10px,\r\n hsl(206 22% 7% / 20%) 0px 10px 20px -15px;\r\n position: fixed;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n max-width: 500px;\r\n max-height: 85vh;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__contentContainer___tiBil {\r\n width: 295px;\r\n }\r\n}\r\n\r\n.styles-module__childrenContainer___BgV1l {\r\n padding: 16px;\r\n background-color: var(--background-color);\r\n border-radius: 0px 0px 20px 20px;\r\n max-height: 500px;\r\n overflow-y: auto;\r\n}\r\n\r\n.styles-module__iconClose___Veq4Y {\r\n color: #fff;\r\n}\r\n\r\n.styles-module__closeBtn___VOQjz:focus-visible {\r\n outline: 2px solid var(--background-color);\r\n outline-offset: 4px;\r\n border-radius: 4px;\r\n}\r\n";
23929
23929
  var styles$b = {"alertOverlay":"styles-module__alertOverlay___eoTQD","overlayShow":"styles-module__overlayShow___hSH5g","modalHeaderContainer":"styles-module__modalHeaderContainer___zqcC3","modalHeaderText":"styles-module__modalHeaderText___is1Qg","closeBtn":"styles-module__closeBtn___VOQjz","customIcon":"styles-module__customIcon___8Ly4h","contentContainer":"styles-module__contentContainer___tiBil","childrenContainer":"styles-module__childrenContainer___BgV1l","iconClose":"styles-module__iconClose___Veq4Y"};
23930
23930
  styleInject(css_248z$d);
23931
23931
 
23932
23932
  var ModalUI = function (_a) {
23933
- var isModalOpen = _a.isModalOpen, onOpenChange = _a.onOpenChange, children = _a.children, _b = _a.title, title = _b === void 0 ? "Aviso" : _b, _c = _a.triggerId, triggerId = _c === void 0 ? "dialog-trigger" : _c;
23933
+ var isModalOpen = _a.isModalOpen, onOpenChange = _a.onOpenChange, children = _a.children, _b = _a.title, title = _b === void 0 ? "Aviso" : _b, _c = _a.triggerId, triggerId = _c === void 0 ? "dialog-trigger" : _c, className = _a.className, style = _a.style;
23934
23934
  var previousFocusedElement = React__default.useRef(null);
23935
23935
  React__default.useEffect(function () {
23936
23936
  if (isModalOpen) {
@@ -23940,7 +23940,7 @@ var ModalUI = function (_a) {
23940
23940
  return (React__default.createElement(Root2, { open: isModalOpen, onOpenChange: onOpenChange },
23941
23941
  React__default.createElement(Portal2, null,
23942
23942
  React__default.createElement(Overlay2, { className: styles$b.alertOverlay }),
23943
- React__default.createElement(Content2, { className: styles$b.contentContainer, onCloseAutoFocus: function (event) {
23943
+ React__default.createElement(Content2, { className: "".concat(styles$b.contentContainer, " ").concat(className || ""), style: style, onCloseAutoFocus: function (event) {
23944
23944
  var _a;
23945
23945
  event.preventDefault();
23946
23946
  (_a = previousFocusedElement.current) === null || _a === void 0 ? void 0 : _a.focus();