@pedidopago/ui 1.3.5 → 1.3.6

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 (23) hide show
  1. package/dist/components/DateInput/components/ModalWrapper/index.d.ts +4 -0
  2. package/dist/components/DateInput/components/ModalWrapper/index.d.ts.map +1 -0
  3. package/dist/components/DateInput/components/ModalWrapper/index.js +43 -0
  4. package/dist/components/DateInput/components/ModalWrapper/styles.d.ts +265 -0
  5. package/dist/components/DateInput/components/ModalWrapper/styles.d.ts.map +1 -0
  6. package/dist/components/DateInput/components/ModalWrapper/styles.js +32 -0
  7. package/dist/components/DateInput/components/ModalWrapper/types.d.ts +16 -0
  8. package/dist/components/DateInput/components/ModalWrapper/types.d.ts.map +1 -0
  9. package/dist/components/DateInput/components/ModalWrapper/types.js +1 -0
  10. package/dist/components/DateInput/index.d.ts +1 -1
  11. package/dist/components/DateInput/index.d.ts.map +1 -1
  12. package/dist/components/DateInput/index.js +63 -34
  13. package/dist/components/DateInput/styles.d.ts +7 -2
  14. package/dist/components/DateInput/styles.d.ts.map +1 -1
  15. package/dist/components/DateInput/styles.js +10 -3
  16. package/dist/components/DateInput/types.d.ts +1 -0
  17. package/dist/components/DateInput/types.d.ts.map +1 -1
  18. package/dist/components/DatePicker/components/DatePickerContent.d.ts.map +1 -1
  19. package/dist/components/DatePicker/components/DatePickerContent.js +2 -0
  20. package/dist/components/DatePicker/components/DateYearPicker.d.ts.map +1 -1
  21. package/dist/components/DatePicker/components/DateYearPicker.js +2 -0
  22. package/dist/components/Select/index.js +2 -2
  23. package/package.json +1 -1
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import { ModalWrapperProps } from './types';
3
+ export declare const ModalWrapper: import("react").ForwardRefExoticComponent<ModalWrapperProps & import("react").RefAttributes<HTMLDivElement>>;
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/DateInput/components/ModalWrapper/index.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,eAAO,MAAM,YAAY,8GA+BxB,CAAC"}
@@ -0,0 +1,43 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.ModalWrapper = void 0;
7
+
8
+ var _react = require("react");
9
+
10
+ var _useDisableBodyScroll = require("src/shared/hooks/useDisableBodyScroll");
11
+
12
+ var _styles = require("./styles");
13
+
14
+ var _jsxRuntime = require("react/jsx-runtime");
15
+
16
+ var ModalWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
17
+ var open = _ref.open,
18
+ _ref$left = _ref.left,
19
+ left = _ref$left === void 0 ? '50vw' : _ref$left,
20
+ _ref$top = _ref.top,
21
+ top = _ref$top === void 0 ? '' : _ref$top,
22
+ _ref$offsetX = _ref.offsetX,
23
+ offsetX = _ref$offsetX === void 0 ? '0px' : _ref$offsetX,
24
+ _ref$disableScrollOnO = _ref.disableScrollOnOpen,
25
+ disableScrollOnOpen = _ref$disableScrollOnO === void 0 ? true : _ref$disableScrollOnO,
26
+ maxWidth = _ref.maxWidth,
27
+ children = _ref.children;
28
+ var optionsContainerRef = (0, _react.useRef)(null);
29
+ (0, _react.useImperativeHandle)(ref, function () {
30
+ return optionsContainerRef.current;
31
+ });
32
+ (0, _useDisableBodyScroll.useDisableBodyScroll)(open && disableScrollOnOpen);
33
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ModalWrapperContainer, {
34
+ ref: optionsContainerRef,
35
+ open: open,
36
+ maxWidth: typeof maxWidth === 'number' ? "".concat(maxWidth, "px") : maxWidth,
37
+ left: "calc(".concat(left, " + ").concat(offsetX, ")"),
38
+ top: top,
39
+ children: children
40
+ });
41
+ });
42
+ exports.ModalWrapper = ModalWrapper;
43
+ ModalWrapper.displayName = 'ModalWrapper';
@@ -0,0 +1,265 @@
1
+ /// <reference types="react" />
2
+ interface ModalWrapperContainerProps {
3
+ open: boolean;
4
+ maxWidth?: string;
5
+ maxHeight?: string;
6
+ left: string;
7
+ top: string;
8
+ }
9
+ export declare const ModalWrapperContainer: import("@emotion/styled").StyledComponent<{
10
+ slot?: string | undefined;
11
+ title?: string | undefined;
12
+ color?: string | undefined;
13
+ translate?: "no" | "yes" | undefined;
14
+ id?: string | undefined;
15
+ hidden?: boolean | undefined;
16
+ className?: string | undefined;
17
+ lang?: string | undefined;
18
+ role?: import("react").AriaRole | undefined;
19
+ tabIndex?: number | undefined;
20
+ "aria-activedescendant"?: string | undefined;
21
+ "aria-atomic"?: (boolean | "false" | "true") | undefined;
22
+ "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
23
+ "aria-busy"?: (boolean | "false" | "true") | undefined;
24
+ "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
25
+ "aria-colcount"?: number | undefined;
26
+ "aria-colindex"?: number | undefined;
27
+ "aria-colspan"?: number | undefined;
28
+ "aria-controls"?: string | undefined;
29
+ "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
30
+ "aria-describedby"?: string | undefined;
31
+ "aria-details"?: string | undefined;
32
+ "aria-disabled"?: (boolean | "false" | "true") | undefined;
33
+ "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
34
+ "aria-errormessage"?: string | undefined;
35
+ "aria-expanded"?: (boolean | "false" | "true") | undefined;
36
+ "aria-flowto"?: string | undefined;
37
+ "aria-grabbed"?: (boolean | "false" | "true") | undefined;
38
+ "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
39
+ "aria-hidden"?: (boolean | "false" | "true") | undefined;
40
+ "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
41
+ "aria-keyshortcuts"?: string | undefined;
42
+ "aria-label"?: string | undefined;
43
+ "aria-labelledby"?: string | undefined;
44
+ "aria-level"?: number | undefined;
45
+ "aria-live"?: "off" | "assertive" | "polite" | undefined;
46
+ "aria-modal"?: (boolean | "false" | "true") | undefined;
47
+ "aria-multiline"?: (boolean | "false" | "true") | undefined;
48
+ "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
49
+ "aria-orientation"?: "horizontal" | "vertical" | undefined;
50
+ "aria-owns"?: string | undefined;
51
+ "aria-placeholder"?: string | undefined;
52
+ "aria-posinset"?: number | undefined;
53
+ "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
54
+ "aria-readonly"?: (boolean | "false" | "true") | undefined;
55
+ "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
56
+ "aria-required"?: (boolean | "false" | "true") | undefined;
57
+ "aria-roledescription"?: string | undefined;
58
+ "aria-rowcount"?: number | undefined;
59
+ "aria-rowindex"?: number | undefined;
60
+ "aria-rowspan"?: number | undefined;
61
+ "aria-selected"?: (boolean | "false" | "true") | undefined;
62
+ "aria-setsize"?: number | undefined;
63
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
64
+ "aria-valuemax"?: number | undefined;
65
+ "aria-valuemin"?: number | undefined;
66
+ "aria-valuenow"?: number | undefined;
67
+ "aria-valuetext"?: string | undefined;
68
+ children?: import("react").ReactNode;
69
+ dangerouslySetInnerHTML?: {
70
+ __html: string;
71
+ } | undefined;
72
+ onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
73
+ onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
74
+ onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
75
+ onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
76
+ onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
77
+ onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
78
+ onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
79
+ onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
80
+ onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
81
+ onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
82
+ onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
83
+ onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
84
+ onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
85
+ onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
86
+ onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
87
+ onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
88
+ onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
89
+ onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
90
+ onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
91
+ onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
92
+ onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
93
+ onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
94
+ onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
95
+ onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
96
+ onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
97
+ onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
98
+ onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
99
+ onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
100
+ onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
101
+ onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
102
+ onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
103
+ onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
104
+ onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
105
+ onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
106
+ onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
107
+ onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
108
+ onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
109
+ onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
110
+ onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
111
+ onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
112
+ onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
113
+ onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
114
+ onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
115
+ onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
116
+ onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
117
+ onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
118
+ onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
119
+ onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
120
+ onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
121
+ onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
122
+ onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
123
+ onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
124
+ onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
125
+ onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
126
+ onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
127
+ onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
128
+ onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
129
+ onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
130
+ onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
131
+ onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
132
+ onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
133
+ onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
134
+ onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
135
+ onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
136
+ onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
137
+ onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
138
+ onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
139
+ onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
140
+ onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
141
+ onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
142
+ onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
143
+ onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
144
+ onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
145
+ onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
146
+ onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
147
+ onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
148
+ onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
149
+ onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
150
+ onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
151
+ onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
152
+ onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
153
+ onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
154
+ onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
155
+ onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
156
+ onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
157
+ onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
158
+ onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
159
+ onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
160
+ onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
161
+ onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
162
+ onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
163
+ onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
164
+ onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
165
+ onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
166
+ onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
167
+ onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
168
+ onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
169
+ onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
170
+ onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
171
+ onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
172
+ onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
173
+ onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
174
+ onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
175
+ onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
176
+ onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
177
+ onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
178
+ onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
179
+ onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
180
+ onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
181
+ onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
182
+ onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
183
+ onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
184
+ onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
185
+ onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
186
+ onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
187
+ onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
188
+ onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
189
+ onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
190
+ onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
191
+ onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
192
+ onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
193
+ onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
194
+ onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
195
+ onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
196
+ onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
197
+ onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
198
+ onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
199
+ onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
200
+ onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
201
+ onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
202
+ onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
203
+ onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
204
+ onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
205
+ onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
206
+ onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
207
+ onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
208
+ onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
209
+ onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
210
+ onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
211
+ onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
212
+ onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
213
+ onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
214
+ onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
215
+ onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
216
+ onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
217
+ onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
218
+ onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
219
+ onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
220
+ onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
221
+ onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
222
+ onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
223
+ onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
224
+ onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
225
+ onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
226
+ onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
227
+ onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
228
+ defaultChecked?: boolean | undefined;
229
+ defaultValue?: string | number | readonly string[] | undefined;
230
+ suppressContentEditableWarning?: boolean | undefined;
231
+ suppressHydrationWarning?: boolean | undefined;
232
+ accessKey?: string | undefined;
233
+ contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
234
+ contextMenu?: string | undefined;
235
+ dir?: string | undefined;
236
+ draggable?: (boolean | "false" | "true") | undefined;
237
+ placeholder?: string | undefined;
238
+ spellCheck?: (boolean | "false" | "true") | undefined;
239
+ radioGroup?: string | undefined;
240
+ about?: string | undefined;
241
+ datatype?: string | undefined;
242
+ inlist?: any;
243
+ prefix?: string | undefined;
244
+ property?: string | undefined;
245
+ resource?: string | undefined;
246
+ typeof?: string | undefined;
247
+ vocab?: string | undefined;
248
+ autoCapitalize?: string | undefined;
249
+ autoCorrect?: string | undefined;
250
+ autoSave?: string | undefined;
251
+ itemProp?: string | undefined;
252
+ itemScope?: boolean | undefined;
253
+ itemType?: string | undefined;
254
+ itemID?: string | undefined;
255
+ itemRef?: string | undefined;
256
+ results?: number | undefined;
257
+ security?: string | undefined;
258
+ unselectable?: "off" | "on" | undefined;
259
+ inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
260
+ is?: string | undefined;
261
+ } & import("framer-motion").MotionProps & import("react").RefAttributes<HTMLDivElement> & {
262
+ theme?: import("@emotion/react").Theme | undefined;
263
+ } & ModalWrapperContainerProps, {}, {}>;
264
+ export {};
265
+ //# sourceMappingURL=styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/DateInput/components/ModalWrapper/styles.ts"],"names":[],"mappings":";AAIA,UAAU,0BAA0B;IAClC,IAAI,EAAE,OAAO,CAAC;IAEd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uCAyBjC,CAAC"}
@@ -0,0 +1,32 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.ModalWrapperContainer = void 0;
7
+
8
+ var _react = require("@emotion/react");
9
+
10
+ var _styled = _interopRequireDefault(require("@emotion/styled"));
11
+
12
+ var _framerMotion = require("framer-motion");
13
+
14
+ var _templateObject;
15
+
16
+ var _excluded = ["theme"];
17
+
18
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
+
20
+ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
21
+
22
+ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
23
+
24
+ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
25
+
26
+ var ModalWrapperContainer = (0, _styled.default)(_framerMotion.motion.div)(function (_ref) {
27
+ var theme = _ref.theme,
28
+ props = _objectWithoutProperties(_ref, _excluded);
29
+
30
+ return (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n width: auto;\n position: fixed;\n left: ", ";\n top: ", ";\n z-index: ", ";\n opacity: ", ";\n pointer-events: ", ";\n transition: opacity ease ", ";\n overflow-y: hidden;\n overflow-x: hidden;\n background: ", ";\n /* border: 2px solid ", "; */\n border-radius: ", ";\n box-shadow: ", ";\n\n li {\n list-style: none;\n }\n "])), props.left, props.top, theme.zIndex.level24, props.open ? 1 : 0, props.open ? 'auto' : 'none', theme.transition.speed, theme.colors.background.light, theme.colors.neutral.neutral1, theme.borderRadius.default, theme.shadow.level3);
31
+ });
32
+ exports.ModalWrapperContainer = ModalWrapperContainer;
@@ -0,0 +1,16 @@
1
+ import { HTMLAttributes } from 'react';
2
+ export interface ModalWrapperProps extends HTMLAttributes<HTMLDivElement> {
3
+ /** If the modal is open or not. */
4
+ open: boolean;
5
+ /** Optional. Sets the left position where the modal will be shown. */
6
+ left?: string;
7
+ /** Optional. Sets the top position where the modal will be shown. */
8
+ top?: string;
9
+ /** Optional. Offsets the Modal horizontally. */
10
+ offsetX?: string;
11
+ /** The max width of the Modal. */
12
+ maxWidth?: string | number;
13
+ /** Optional. Will disable the scroll body scroll. */
14
+ disableScrollOnOpen?: boolean;
15
+ }
16
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/DateInput/components/ModalWrapper/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE,mCAAmC;IACnC,IAAI,EAAE,OAAO,CAAC;IAEd,sEAAsE;IACtE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE3B,qDAAqD;IACrD,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B"}
@@ -1,4 +1,4 @@
1
1
  /// <reference types="react" />
2
2
  import { DateInputProps } from './types';
3
- export declare function DateInput({ label, placeholder, alert, helperText, value, locales, localeOptions, onChange, ...rest }: DateInputProps): JSX.Element;
3
+ export declare function DateInput({ label, placeholder, alert, helperText, value, locales, localeOptions, onChange, disabled, ...rest }: DateInputProps): JSX.Element;
4
4
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DateInput/index.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAGzC,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,WAAW,EACX,KAAK,EACL,UAAU,EACV,KAAK,EACL,OAAO,EACP,aAAa,EACb,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,cAAc,eA0DhB"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DateInput/index.tsx"],"names":[],"mappings":";AAeA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAGzC,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,WAAW,EACX,KAAK,EACL,UAAU,EACV,KAAK,EACL,OAAO,EACP,aAAa,EACb,QAAQ,EACR,QAAgB,EAChB,GAAG,IAAI,EACR,EAAE,cAAc,eAyFhB"}
@@ -5,21 +5,23 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.DateInput = DateInput;
7
7
 
8
+ var _react = require("react");
9
+
8
10
  var _styles = require("./styles");
9
11
 
10
12
  var _Icon = _interopRequireDefault(require("../Icon"));
11
13
 
12
14
  var _Input = _interopRequireDefault(require("../Input"));
13
15
 
14
- var _DatePicker = _interopRequireDefault(require("../DatePicker"));
16
+ var _ReactPortal = require("../ReactPortal");
15
17
 
16
- var _react = require("react");
18
+ var _DatePicker = _interopRequireDefault(require("../DatePicker"));
17
19
 
18
- var _useOnClickOutside = require("../../shared/hooks/useOnClickOutside");
20
+ var _ModalWrapper = require("./components/ModalWrapper");
19
21
 
20
22
  var _jsxRuntime = require("react/jsx-runtime");
21
23
 
22
- var _excluded = ["label", "placeholder", "alert", "helperText", "value", "locales", "localeOptions", "onChange"];
24
+ var _excluded = ["label", "placeholder", "alert", "helperText", "value", "locales", "localeOptions", "onChange", "disabled"];
23
25
 
24
26
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
25
27
 
@@ -47,6 +49,8 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
47
49
 
48
50
  // TODO: Mudar a posição do datepicker dependendo da posição dele aberto.
49
51
  function DateInput(_ref) {
52
+ var _containerRef$current, _optionsModalRef$curr, _containerRef$current3, _containerRef$current4, _containerRef$current5;
53
+
50
54
  var label = _ref.label,
51
55
  placeholder = _ref.placeholder,
52
56
  alert = _ref.alert,
@@ -55,22 +59,32 @@ function DateInput(_ref) {
55
59
  locales = _ref.locales,
56
60
  localeOptions = _ref.localeOptions,
57
61
  onChange = _ref.onChange,
62
+ _ref$disabled = _ref.disabled,
63
+ disabled = _ref$disabled === void 0 ? false : _ref$disabled,
58
64
  rest = _objectWithoutProperties(_ref, _excluded);
59
65
 
60
- var _useState = (0, _react.useState)(),
66
+ var containerRef = (0, _react.useRef)(null);
67
+ var optionsModalRef = (0, _react.useRef)(null);
68
+
69
+ var _useState = (0, _react.useState)((_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.getBoundingClientRect().top),
61
70
  _useState2 = _slicedToArray(_useState, 2),
62
- currentValue = _useState2[0],
63
- setCurrentValue = _useState2[1];
71
+ positionContainer = _useState2[0],
72
+ setPositionContainer = _useState2[1];
64
73
 
65
- var _useState3 = (0, _react.useState)(false),
74
+ var _useState3 = (0, _react.useState)(),
66
75
  _useState4 = _slicedToArray(_useState3, 2),
67
- datePickerOpen = _useState4[0],
68
- setDatePickerOpen = _useState4[1];
76
+ currentValue = _useState4[0],
77
+ setCurrentValue = _useState4[1];
69
78
 
70
- var containerRef = (0, _react.useRef)(null);
71
- (0, _useOnClickOutside.useOnClickOutside)(containerRef, function () {
72
- setDatePickerOpen(false);
73
- });
79
+ var _useState5 = (0, _react.useState)(false),
80
+ _useState6 = _slicedToArray(_useState5, 2),
81
+ datePickerOpen = _useState6[0],
82
+ setDatePickerOpen = _useState6[1];
83
+
84
+ var _useState7 = (0, _react.useState)((_optionsModalRef$curr = optionsModalRef.current) === null || _optionsModalRef$curr === void 0 ? void 0 : _optionsModalRef$curr.getBoundingClientRect().height),
85
+ _useState8 = _slicedToArray(_useState7, 2),
86
+ heightModal = _useState8[0],
87
+ setHeightModal = _useState8[1];
74
88
 
75
89
  function selectDate(value) {
76
90
  setCurrentValue(value);
@@ -81,6 +95,19 @@ function DateInput(_ref) {
81
95
  (0, _react.useEffect)(function () {
82
96
  setCurrentValue(value);
83
97
  }, [value]);
98
+
99
+ function handleRepositionModal() {
100
+ var _containerRef$current2, _optionsModalRef$curr2;
101
+
102
+ setPositionContainer((_containerRef$current2 = containerRef.current) === null || _containerRef$current2 === void 0 ? void 0 : _containerRef$current2.getBoundingClientRect().top);
103
+ setHeightModal((_optionsModalRef$curr2 = optionsModalRef.current) === null || _optionsModalRef$curr2 === void 0 ? void 0 : _optionsModalRef$curr2.getBoundingClientRect().height);
104
+ }
105
+
106
+ var toggleOptionsAreaView = (0, _react.useCallback)(function (event) {
107
+ event.stopPropagation();
108
+ handleRepositionModal();
109
+ if (!disabled) setDatePickerOpen(!datePickerOpen);
110
+ }, [datePickerOpen, disabled]);
84
111
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.DateInputContainer, {
85
112
  ref: containerRef,
86
113
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.default, {
@@ -91,28 +118,30 @@ function DateInput(_ref) {
91
118
  withIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
92
119
  name: "calendar"
93
120
  }),
121
+ disabled: disabled,
122
+ tabIndex: disabled ? -1 : 0,
94
123
  value: currentValue ? Array.isArray(currentValue) ? "".concat(currentValue[0].toLocaleDateString(locales, localeOptions), " - ").concat(currentValue[1].toLocaleDateString(locales, localeOptions)) : currentValue.toLocaleDateString(locales) : '',
95
- onClick: function onClick() {
96
- return setDatePickerOpen(!datePickerOpen);
97
- }
98
- }), datePickerOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DatePickerContainer, {
99
- position: 'bottom',
100
- variants: {
101
- fadeIn: {
102
- opacity: 1,
103
- y: 0
104
- },
105
- fadeOut: {
106
- opacity: 0,
107
- y: -20
124
+ onClick: toggleOptionsAreaView,
125
+ onMouseOver: handleRepositionModal
126
+ }), datePickerOpen && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
127
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Overlay, {
128
+ onClick: function onClick() {
129
+ return setDatePickerOpen(false);
108
130
  }
109
- },
110
- initial: "fadeOut",
111
- animate: "fadeIn",
112
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, _objectSpread({
113
- value: currentValue,
114
- onChange: selectDate
115
- }, rest))
131
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ReactPortal.ReactPortal, {
132
+ wrapperId: "portal-root",
133
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ModalWrapper.ModalWrapper, {
134
+ open: true,
135
+ left: "".concat((_containerRef$current3 = containerRef.current) === null || _containerRef$current3 === void 0 ? void 0 : _containerRef$current3.getBoundingClientRect().left, "px"),
136
+ top: Number(positionContainer) < 470 ? "calc(".concat(((_containerRef$current4 = containerRef.current) === null || _containerRef$current4 === void 0 ? void 0 : _containerRef$current4.getBoundingClientRect().bottom) || 0, "px + 10px)") : "calc(".concat(((_containerRef$current5 = containerRef.current) === null || _containerRef$current5 === void 0 ? void 0 : _containerRef$current5.getBoundingClientRect().top) || 0, "px - ").concat(heightModal && heightModal + 10, "px)"),
137
+ ref: optionsModalRef,
138
+ maxWidth: "auto",
139
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, _objectSpread({
140
+ value: currentValue,
141
+ onChange: selectDate
142
+ }, rest))
143
+ })
144
+ })]
116
145
  })]
117
146
  });
118
147
  }
@@ -1,7 +1,8 @@
1
1
  /// <reference types="react" />
2
+ import { Theme } from '@emotion/react';
2
3
  import { StylePropsPositionPicker } from './types';
3
4
  export declare const DateInputContainer: import("@emotion/styled").StyledComponent<{
4
- theme?: import("@emotion/react").Theme | undefined;
5
+ theme?: Theme | undefined;
5
6
  as?: import("react").ElementType<any> | undefined;
6
7
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
7
8
  export declare const DatePickerContainer: import("@emotion/styled").StyledComponent<{
@@ -257,6 +258,10 @@ export declare const DatePickerContainer: import("@emotion/styled").StyledCompon
257
258
  inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
258
259
  is?: string | undefined;
259
260
  } & import("framer-motion").MotionProps & import("react").RefAttributes<HTMLDivElement> & {
260
- theme?: import("@emotion/react").Theme | undefined;
261
+ theme?: Theme | undefined;
261
262
  } & StylePropsPositionPicker, {}, {}>;
263
+ export declare const Overlay: import("@emotion/styled").StyledComponent<{
264
+ theme?: Theme | undefined;
265
+ as?: import("react").ElementType<any> | undefined;
266
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
262
267
  //# sourceMappingURL=styles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/DateInput/styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAEnD,eAAO,MAAM,kBAAkB;;;yGAQ9B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qCAS/B,CAAC"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/DateInput/styles.ts"],"names":[],"mappings":";AACA,OAAO,EAAO,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAE5C,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAEnD,eAAO,MAAM,kBAAkB;;;yGAQ9B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qCAS/B,CAAC;AAEF,eAAO,MAAM,OAAO;;;yGAgBlB,CAAC"}
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.DatePickerContainer = exports.DateInputContainer = void 0;
6
+ exports.Overlay = exports.DatePickerContainer = exports.DateInputContainer = void 0;
7
7
 
8
8
  var _styled = _interopRequireDefault(require("@emotion/styled"));
9
9
 
@@ -13,7 +13,7 @@ var _framerMotion = require("framer-motion");
13
13
 
14
14
  var _excluded = ["theme"];
15
15
 
16
- var _templateObject, _templateObject2;
16
+ var _templateObject, _templateObject2, _templateObject3;
17
17
 
18
18
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
19
 
@@ -32,4 +32,11 @@ var DatePickerContainer = (0, _styled.default)(_framerMotion.motion.div)(functio
32
32
 
33
33
  return (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: absolute;\n left: 0;\n z-index: ", ";\n ", ";\n "])), theme.zIndex.level24, props.position === 'bottom' ? 'top: 66px;' : 'bottom: 66px;');
34
34
  });
35
- exports.DatePickerContainer = DatePickerContainer;
35
+ exports.DatePickerContainer = DatePickerContainer;
36
+
37
+ var Overlay = _styled.default.div(function (props) {
38
+ var theme = props.theme;
39
+ return (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n position: fixed;\n left: 0px;\n right: 0px;\n top: 0px;\n bottom: 0px;\n z-index: ", ";\n\n background: ", ";\n opacity: 0;\n\n transition: opacity ease ", ";\n "])), theme.zIndex.level24, theme.colors.neutral.neutral5, theme.transition.speed);
40
+ });
41
+
42
+ exports.Overlay = Overlay;
@@ -8,6 +8,7 @@ export interface DateInputProps extends DatePickerProps {
8
8
  placeholder?: string;
9
9
  helperText?: string;
10
10
  alert?: InputAlertTypes;
11
+ disabled?: boolean;
11
12
  locales?: string | string[];
12
13
  localeOptions?: Intl.DateTimeFormatOptions;
13
14
  }
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/DateInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEjD,oBAAY,wBAAwB,GAAG;IACrC,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;CAC7B,CAAC;AAEF,MAAM,WAAW,cAAe,SAAQ,eAAe;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,eAAe,CAAC;IAExB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC5B,aAAa,CAAC,EAAE,IAAI,CAAC,qBAAqB,CAAC;CAC5C"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/DateInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEjD,oBAAY,wBAAwB,GAAG;IACrC,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;CAC7B,CAAC;AAEF,MAAM,WAAW,cAAe,SAAQ,eAAe;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC5B,aAAa,CAAC,EAAE,IAAI,CAAC,qBAAqB,CAAC;CAC5C"}
@@ -1 +1 @@
1
- {"version":3,"file":"DatePickerContent.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/components/DatePickerContent.tsx"],"names":[],"mappings":";AAkBA,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAElD,eAAO,MAAM,iBAAiB,4KAc3B,sBAAsB,gBAuNxB,CAAC"}
1
+ {"version":3,"file":"DatePickerContent.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/components/DatePickerContent.tsx"],"names":[],"mappings":";AAkBA,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAElD,eAAO,MAAM,iBAAiB,4KAc3B,sBAAsB,gBAyNxB,CAAC"}
@@ -126,6 +126,7 @@ var DatePickerContent = function DatePickerContent(_ref) {
126
126
  tabIndex: -1,
127
127
  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.DatePickerHeader, {
128
128
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DatePickerHeaderButton, {
129
+ type: "button",
129
130
  onClick: function onClick() {
130
131
  return handleChangeMonth(date.getMonth(), 'down');
131
132
  },
@@ -143,6 +144,7 @@ var DatePickerContent = function DatePickerContent(_ref) {
143
144
  size: "15px"
144
145
  })]
145
146
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DatePickerHeaderButton, {
147
+ type: "button",
146
148
  onClick: function onClick() {
147
149
  return handleChangeMonth(date.getMonth(), 'up');
148
150
  },
@@ -1 +1 @@
1
- {"version":3,"file":"DateYearPicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/components/DateYearPicker.tsx"],"names":[],"mappings":";AAcA,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAG/C,eAAO,MAAM,cAAc,+BAAgC,mBAAmB,gBAoE7E,CAAC"}
1
+ {"version":3,"file":"DateYearPicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/components/DateYearPicker.tsx"],"names":[],"mappings":";AAcA,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAG/C,eAAO,MAAM,cAAc,+BAAgC,mBAAmB,gBAsE7E,CAAC"}
@@ -69,6 +69,7 @@ var DateYearPicker = function DateYearPicker(_ref) {
69
69
  children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.DateYearPickerContainer, {
70
70
  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.DatePickerHeader, {
71
71
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DatePickerHeaderButton, {
72
+ type: "button",
72
73
  onClick: function onClick() {
73
74
  setYears(years - 10);
74
75
  setYear(0);
@@ -79,6 +80,7 @@ var DateYearPicker = function DateYearPicker(_ref) {
79
80
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DatePickerHeaderTitle, {
80
81
  children: year === 0 ? "".concat(years - 5, "-").concat(years + 14) : year
81
82
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DatePickerHeaderButton, {
83
+ type: "button",
82
84
  onClick: function onClick() {
83
85
  setYears(years + 10);
84
86
  setYear(0);
@@ -153,8 +153,8 @@ var Select = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
153
153
  var toggleOptionsAreaView = (0, _react.useCallback)(function (event) {
154
154
  event.stopPropagation();
155
155
  handleRepositionModal();
156
- setOptionsMenuOpen(!optionsMenuOpen);
157
- }, [optionsMenuOpen]);
156
+ if (!rest.disabled) setOptionsMenuOpen(!optionsMenuOpen);
157
+ }, [optionsMenuOpen, rest.disabled]);
158
158
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
159
159
  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.SelectContainer, {
160
160
  size: sizeSelect || 'md',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pedidopago/ui",
3
- "version": "1.3.5",
3
+ "version": "1.3.6",
4
4
  "description": "Quick build beatiful Pedido Pago apps",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",