linear-react-components-ui 1.1.24-beta.1 → 1.1.25-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (259) hide show
  1. package/lib/@types/ColorStyles.d.ts +1 -2
  2. package/lib/@types/Position.d.ts +1 -2
  3. package/lib/assets/styles/calendar.scss +137 -32
  4. package/lib/assets/styles/colorpicker.scss +6 -1
  5. package/lib/assets/styles/colors.scss +12 -48
  6. package/lib/assets/styles/file.scss +8 -0
  7. package/lib/buttons/ActivateButton.d.ts +0 -1
  8. package/lib/buttons/AddButton.d.ts +0 -1
  9. package/lib/buttons/Button.d.ts +0 -1
  10. package/lib/buttons/CancelButton.d.ts +0 -1
  11. package/lib/buttons/DangerButton.d.ts +0 -1
  12. package/lib/buttons/DefaultButton.d.ts +0 -1
  13. package/lib/buttons/DefaultButton.js +17 -32
  14. package/lib/buttons/DestroyButton.d.ts +0 -1
  15. package/lib/buttons/EditButton.d.ts +0 -1
  16. package/lib/buttons/InactivateButton.d.ts +0 -1
  17. package/lib/buttons/InfoButton.d.ts +0 -1
  18. package/lib/buttons/PrimaryButton.d.ts +0 -1
  19. package/lib/buttons/RestoreButton.d.ts +0 -1
  20. package/lib/buttons/SaveButton.d.ts +0 -1
  21. package/lib/buttons/SuccessButton.d.ts +0 -1
  22. package/lib/buttons/WarningButton.d.ts +0 -1
  23. package/lib/buttons/index.d.ts +0 -1
  24. package/lib/buttons/split_button/index.d.ts +0 -1
  25. package/lib/buttons/types.d.ts +5 -2
  26. package/lib/calendar/base/index.js +113 -40
  27. package/lib/form/Field.d.ts +1 -1
  28. package/lib/form/FieldArray.d.ts +1 -1
  29. package/lib/form/FieldNumber.d.ts +1 -1
  30. package/lib/form/FieldPeriod.d.ts +1 -1
  31. package/lib/form/helpers.d.ts +1 -1
  32. package/lib/form/index.d.ts +1 -1
  33. package/lib/form/types.d.ts +1 -1
  34. package/lib/form/withFieldHOC.d.ts +1 -1
  35. package/lib/form/withFormSecurity.d.ts +1 -1
  36. package/lib/icons/helper.d.ts +0 -4
  37. package/lib/icons/helper.js +0 -4
  38. package/lib/icons/index.d.ts +6 -4
  39. package/lib/icons/index.js +9 -14
  40. package/lib/icons/types.d.ts +6 -3
  41. package/lib/index.d.ts +0 -1
  42. package/lib/inputs/base/InputTextBase.d.ts +1 -1
  43. package/lib/inputs/base/InputTextBase.js +8 -18
  44. package/lib/inputs/base/Label.d.ts +14 -0
  45. package/lib/inputs/base/Label.js +35 -0
  46. package/lib/inputs/base/helpers.d.ts +1 -1
  47. package/lib/inputs/base/types.d.ts +17 -6
  48. package/lib/inputs/color/index.js +1 -1
  49. package/lib/inputs/color/types.d.ts +1 -1
  50. package/lib/inputs/date/Dialog.d.ts +1 -1
  51. package/lib/inputs/date/Dropdown.d.ts +1 -1
  52. package/lib/inputs/date/index.d.ts +1 -1
  53. package/lib/inputs/date/types.d.ts +2 -2
  54. package/lib/inputs/errorMessage/index.d.ts +1 -1
  55. package/lib/inputs/file/DefaultFile.d.ts +1 -1
  56. package/lib/inputs/file/DefaultFile.js +27 -27
  57. package/lib/inputs/file/DragDropFile.d.ts +1 -1
  58. package/lib/inputs/file/File.d.ts +1 -1
  59. package/lib/inputs/file/File.js +1 -0
  60. package/lib/inputs/file/FileButtonSettings.d.ts +1 -1
  61. package/lib/inputs/file/FileButtonSettings.js +0 -1
  62. package/lib/inputs/file/helpers.d.ts +1 -1
  63. package/lib/inputs/file/index.d.ts +1 -1
  64. package/lib/inputs/file/types.d.ts +1 -1
  65. package/lib/inputs/inputHOC.d.ts +1 -1
  66. package/lib/inputs/mask/BaseMask.d.ts +1 -1
  67. package/lib/inputs/mask/Cnpj.d.ts +1 -1
  68. package/lib/inputs/mask/Cpf.d.ts +1 -1
  69. package/lib/inputs/mask/Phone.d.ts +1 -1
  70. package/lib/inputs/mask/ZipCode.d.ts +1 -1
  71. package/lib/inputs/mask/helpers.d.ts +1 -1
  72. package/lib/inputs/mask/index.d.ts +1 -1
  73. package/lib/inputs/mask/types.d.ts +2 -2
  74. package/lib/inputs/multiSelect/ActionButtons.d.ts +1 -1
  75. package/lib/inputs/multiSelect/Dropdown.d.ts +1 -1
  76. package/lib/inputs/multiSelect/helper.d.ts +1 -1
  77. package/lib/inputs/multiSelect/index.d.ts +1 -1
  78. package/lib/inputs/multiSelect/types.d.ts +2 -2
  79. package/lib/inputs/number/BaseNumber.d.ts +1 -1
  80. package/lib/inputs/number/Currency.d.ts +1 -1
  81. package/lib/inputs/number/Decimal.d.ts +1 -1
  82. package/lib/inputs/number/index.d.ts +1 -1
  83. package/lib/inputs/number/types.d.ts +3 -3
  84. package/lib/inputs/period/Dialog.d.ts +1 -1
  85. package/lib/inputs/period/Dropdown.d.ts +1 -1
  86. package/lib/inputs/period/PeriodList.d.ts +1 -1
  87. package/lib/inputs/period/helper.d.ts +1 -1
  88. package/lib/inputs/period/index.d.ts +1 -1
  89. package/lib/inputs/period/index.js +10 -8
  90. package/lib/inputs/period/types.d.ts +5 -2
  91. package/lib/inputs/search/index.d.ts +1 -1
  92. package/lib/inputs/select/ActionButtons.d.ts +1 -1
  93. package/lib/inputs/select/Dropdown.d.ts +1 -1
  94. package/lib/inputs/select/helper.d.ts +1 -1
  95. package/lib/inputs/select/index.d.ts +1 -1
  96. package/lib/inputs/select/multiple/Selecteds.d.ts +1 -1
  97. package/lib/inputs/select/multiple/index.d.ts +1 -1
  98. package/lib/inputs/select/simple/index.d.ts +1 -1
  99. package/lib/inputs/select/types.d.ts +1 -1
  100. package/lib/inputs/text/index.d.ts +1 -1
  101. package/lib/inputs/text/types.d.ts +3 -2
  102. package/lib/inputs/textarea/index.d.ts +1 -1
  103. package/lib/inputs/textarea/types.d.ts +1 -1
  104. package/lib/inputs/types.d.ts +1 -1
  105. package/lib/internals/types.d.ts +17 -1
  106. package/lib/internals/withTooltip.d.ts +12 -0
  107. package/lib/internals/withTooltip.js +172 -0
  108. package/lib/labels/DangerLabel.d.ts +0 -1
  109. package/lib/labels/DefaultLabel.d.ts +5 -3
  110. package/lib/labels/DefaultLabel.js +7 -15
  111. package/lib/labels/InfoLabel.d.ts +0 -1
  112. package/lib/labels/PrimaryLabel.d.ts +0 -1
  113. package/lib/labels/SuccessLabel.d.ts +0 -1
  114. package/lib/labels/WarningLabel.d.ts +0 -1
  115. package/lib/labels/index.d.ts +2 -3
  116. package/lib/labels/types.d.ts +5 -2
  117. package/lib/list/Header.d.ts +0 -1
  118. package/lib/list/Item.d.ts +5 -3
  119. package/lib/list/Item.js +12 -17
  120. package/lib/list/helpers.d.ts +0 -1
  121. package/lib/list/index.d.ts +0 -1
  122. package/lib/list/types.d.ts +6 -4
  123. package/lib/menus/sidenav/ExpandMenu.d.ts +2 -2
  124. package/lib/menus/sidenav/MenuLink.d.ts +7 -4
  125. package/lib/menus/sidenav/MenuLink.js +11 -20
  126. package/lib/menus/sidenav/NavMenuGroup.d.ts +2 -2
  127. package/lib/menus/sidenav/NavMenuItem.d.ts +7 -4
  128. package/lib/menus/sidenav/NavMenuItem.js +12 -16
  129. package/lib/menus/sidenav/NavSubMenuItem.d.ts +2 -2
  130. package/lib/menus/sidenav/helpers.d.ts +2 -2
  131. package/lib/menus/sidenav/index.d.ts +2 -2
  132. package/lib/menus/sidenav/popup_menu_search/EmptyList.d.ts +2 -2
  133. package/lib/menus/sidenav/popup_menu_search/index.d.ts +2 -2
  134. package/lib/menus/sidenav/types.d.ts +6 -6
  135. package/lib/popover/PopoverText.js +2 -11
  136. package/lib/popover/index.js +0 -1
  137. package/lib/popover/types.d.ts +0 -1
  138. package/lib/textContent/index.d.ts +11 -6
  139. package/lib/textContent/index.js +11 -20
  140. package/lib/tooltip/index.d.ts +3 -4
  141. package/lib/tooltip/index.js +53 -36
  142. package/lib/tooltip/types.d.ts +3 -25
  143. package/package.json +2 -3
  144. package/lib/BaseMask-04df8f20.d.ts +0 -24
  145. package/lib/BaseNumber-c609c5a0.d.ts +0 -23
  146. package/lib/Cnpj-5471cb1f.d.ts +0 -18
  147. package/lib/Cpf-71c4f0f4.d.ts +0 -18
  148. package/lib/Currency-38d14ff7.d.ts +0 -18
  149. package/lib/Decimal-85d45244.d.ts +0 -13
  150. package/lib/Number-db3c092d.d.ts +0 -20
  151. package/lib/Phone-4c4142e4.d.ts +0 -18
  152. package/lib/ZipCode-dc7dd4da.d.ts +0 -13
  153. package/lib/assets/styles/checkbox2.scss +0 -199
  154. package/lib/assets/styles/datepicker2.scss +0 -338
  155. package/lib/assets/styles/selectfield.scss +0 -409
  156. package/lib/assets/styles/slot.scss +0 -34
  157. package/lib/assets/styles/textfield.scss +0 -148
  158. package/lib/calendar/base/Day.d.ts +0 -8
  159. package/lib/calendar/base/Day.js +0 -36
  160. package/lib/calendar/base/Month.d.ts +0 -8
  161. package/lib/calendar/base/Month.js +0 -39
  162. package/lib/calendar/base/Week.d.ts +0 -8
  163. package/lib/calendar/base/Week.js +0 -35
  164. package/lib/form2/helpers.d.ts +0 -8
  165. package/lib/form2/helpers.js +0 -41
  166. package/lib/form2/index.d.ts +0 -9
  167. package/lib/form2/index.js +0 -36
  168. package/lib/form2/types.d.ts +0 -125
  169. package/lib/form2/types.js +0 -5
  170. package/lib/form2/useForm/index.d.ts +0 -5
  171. package/lib/form2/useForm/index.js +0 -203
  172. package/lib/index-368f781f.d.ts +0 -15
  173. package/lib/index-379b7504.d.ts +0 -44
  174. package/lib/index-7cb5e8b3.d.ts +0 -41
  175. package/lib/index-809a7899.d.ts +0 -23
  176. package/lib/index-c9247c1f.d.ts +0 -15
  177. package/lib/index-de21a05e.d.ts +0 -23
  178. package/lib/inputs2/checkboxfield/index.d.ts +0 -7
  179. package/lib/inputs2/checkboxfield/index.js +0 -146
  180. package/lib/inputs2/colorfield/index.d.ts +0 -9
  181. package/lib/inputs2/colorfield/index.js +0 -119
  182. package/lib/inputs2/date/base/constants.d.ts +0 -7
  183. package/lib/inputs2/date/base/constants.js +0 -43
  184. package/lib/inputs2/date/base/index.d.ts +0 -12
  185. package/lib/inputs2/date/base/index.js +0 -179
  186. package/lib/inputs2/date/datefield/calendarbox.d.ts +0 -7
  187. package/lib/inputs2/date/datefield/calendarbox.js +0 -115
  188. package/lib/inputs2/date/datefield/context.d.ts +0 -13
  189. package/lib/inputs2/date/datefield/context.js +0 -15
  190. package/lib/inputs2/date/datefield/index.d.ts +0 -9
  191. package/lib/inputs2/date/datefield/index.js +0 -334
  192. package/lib/inputs2/date/datefield/triggers.d.ts +0 -8
  193. package/lib/inputs2/date/datefield/triggers.js +0 -47
  194. package/lib/inputs2/date/datefield/types.d.ts +0 -61
  195. package/lib/inputs2/date/datefield/types.js +0 -5
  196. package/lib/inputs2/date/dateperiodfield/calendarbox.d.ts +0 -7
  197. package/lib/inputs2/date/dateperiodfield/calendarbox.js +0 -136
  198. package/lib/inputs2/date/dateperiodfield/context.d.ts +0 -13
  199. package/lib/inputs2/date/dateperiodfield/context.js +0 -17
  200. package/lib/inputs2/date/dateperiodfield/index.d.ts +0 -9
  201. package/lib/inputs2/date/dateperiodfield/index.js +0 -592
  202. package/lib/inputs2/date/dateperiodfield/triggers.d.ts +0 -6
  203. package/lib/inputs2/date/dateperiodfield/triggers.js +0 -120
  204. package/lib/inputs2/date/dateperiodfield/types.d.ts +0 -99
  205. package/lib/inputs2/date/dateperiodfield/types.js +0 -19
  206. package/lib/inputs2/date/helpers.d.ts +0 -20
  207. package/lib/inputs2/date/helpers.js +0 -62
  208. package/lib/inputs2/date/types.d.ts +0 -59
  209. package/lib/inputs2/date/types.js +0 -19
  210. package/lib/inputs2/index.d.ts +0 -29
  211. package/lib/inputs2/index.js +0 -38
  212. package/lib/inputs2/mask/BaseMask.d.ts +0 -10
  213. package/lib/inputs2/mask/BaseMask.js +0 -95
  214. package/lib/inputs2/mask/Cnpj.d.ts +0 -11
  215. package/lib/inputs2/mask/Cnpj.js +0 -57
  216. package/lib/inputs2/mask/Cpf.d.ts +0 -11
  217. package/lib/inputs2/mask/Cpf.js +0 -53
  218. package/lib/inputs2/mask/Phone.d.ts +0 -11
  219. package/lib/inputs2/mask/Phone.js +0 -26
  220. package/lib/inputs2/mask/ZipCode.d.ts +0 -11
  221. package/lib/inputs2/mask/ZipCode.js +0 -23
  222. package/lib/inputs2/mask/helpers.d.ts +0 -4
  223. package/lib/inputs2/mask/helpers.js +0 -57
  224. package/lib/inputs2/number/BaseNumber.d.ts +0 -10
  225. package/lib/inputs2/number/BaseNumber.js +0 -86
  226. package/lib/inputs2/number/Currency.d.ts +0 -11
  227. package/lib/inputs2/number/Currency.js +0 -47
  228. package/lib/inputs2/number/Decimal.d.ts +0 -11
  229. package/lib/inputs2/number/Decimal.js +0 -36
  230. package/lib/inputs2/number/Number.d.ts +0 -9
  231. package/lib/inputs2/number/Number.js +0 -49
  232. package/lib/inputs2/number/format_number.d.ts +0 -5
  233. package/lib/inputs2/number/format_number.js +0 -29
  234. package/lib/inputs2/selectfield/context.d.ts +0 -38
  235. package/lib/inputs2/selectfield/context.js +0 -15
  236. package/lib/inputs2/selectfield/helpers.d.ts +0 -6
  237. package/lib/inputs2/selectfield/helpers.js +0 -25
  238. package/lib/inputs2/selectfield/index.d.ts +0 -10
  239. package/lib/inputs2/selectfield/index.js +0 -491
  240. package/lib/inputs2/selectfield/item.d.ts +0 -11
  241. package/lib/inputs2/selectfield/item.js +0 -85
  242. package/lib/inputs2/selectfield/listbox.d.ts +0 -7
  243. package/lib/inputs2/selectfield/listbox.js +0 -103
  244. package/lib/inputs2/selectfield/search.d.ts +0 -7
  245. package/lib/inputs2/selectfield/search.js +0 -71
  246. package/lib/inputs2/selectfield/selections.d.ts +0 -10
  247. package/lib/inputs2/selectfield/selections.js +0 -86
  248. package/lib/inputs2/selectfield/triggers.d.ts +0 -8
  249. package/lib/inputs2/selectfield/triggers.js +0 -100
  250. package/lib/inputs2/selectfield/types.d.ts +0 -55
  251. package/lib/inputs2/selectfield/types.js +0 -21
  252. package/lib/inputs2/slot/index.d.ts +0 -14
  253. package/lib/inputs2/slot/index.js +0 -47
  254. package/lib/inputs2/textfield/index.d.ts +0 -8
  255. package/lib/inputs2/textfield/index.js +0 -159
  256. package/lib/tooltip/TooltipContent.d.ts +0 -7
  257. package/lib/tooltip/TooltipContent.js +0 -65
  258. package/lib/tooltip/useTooltip.d.ts +0 -30
  259. package/lib/tooltip/useTooltip.js +0 -128
@@ -1,7 +0,0 @@
1
- import React__default from 'react';
2
-
3
- interface DateFieldCalendarBoxProps extends React__default.ComponentProps<'div'> {
4
- }
5
- declare const CalendarBox: React__default.ForwardRefExoticComponent<Pick<DateFieldCalendarBoxProps, "slot" | "style" | "title" | "children" | "className" | "key" | "align" | "onClick" | "color" | "hidden" | "id" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React__default.RefAttributes<HTMLDivElement>>;
6
-
7
- export { CalendarBox, DateFieldCalendarBoxProps };
@@ -1,115 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.CalendarBox = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _lodash = _interopRequireDefault(require("lodash"));
9
- var _moment = _interopRequireDefault(require("moment"));
10
- var _buttons = _interopRequireDefault(require("../../../buttons"));
11
- var _textContent = _interopRequireDefault(require("../../../textContent"));
12
- var _context = require("./context");
13
- var _helpers = require("../helpers");
14
- var _constants = require("../base/constants");
15
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
16
- const CalendarBox = exports.CalendarBox = /*#__PURE__*/_react.default.forwardRef((__, ref) => {
17
- const {
18
- inputFieldId,
19
- calendarDisplayDate,
20
- calendarBoxOpen,
21
- dateContainerRef,
22
- handlePreviousMonth,
23
- handleNextMonth,
24
- selectedDate,
25
- handleSelectDate,
26
- activeDescendant
27
- } = (0, _context.useDateFieldContext)();
28
- const {
29
- calendarBoxStyles
30
- } = (0, _constants.useCalendarPosition)(calendarBoxOpen, dateContainerRef);
31
- const weeks = (0, _helpers.generateCalendarWeeks)(calendarDisplayDate);
32
- const handleOnMouseDown = event => {
33
- event?.preventDefault?.();
34
- };
35
- return /*#__PURE__*/_react.default.createElement("div", {
36
- ref: ref,
37
- style: calendarBoxStyles,
38
- "aria-expanded": calendarBoxOpen,
39
- className: "date-calendar-box",
40
- "data-testid": "test-date-field-calendar-box"
41
- }, /*#__PURE__*/_react.default.createElement("div", {
42
- id: inputFieldId,
43
- className: "date-calendar-box-header"
44
- }, /*#__PURE__*/_react.default.createElement(_buttons.default, {
45
- boxShadow: false,
46
- type: "button",
47
- iconName: "arrow_left",
48
- title: "M\xEAs anterior",
49
- className: "previous-month",
50
- "aria-label": "M\xEAs anterior",
51
- onClick: handlePreviousMonth,
52
- onMouseDown: handleOnMouseDown
53
- }), /*#__PURE__*/_react.default.createElement("div", {
54
- "aria-live": "polite",
55
- className: "month-year"
56
- }, /*#__PURE__*/_react.default.createElement(_textContent.default, {
57
- "aria-label": calendarDisplayDate.format('MMMM YYYY'),
58
- as: "p",
59
- "data-testid": "test-date-field-calendar-box-month-description"
60
- }, calendarDisplayDate.format('MMMM YYYY'))), /*#__PURE__*/_react.default.createElement(_buttons.default, {
61
- boxShadow: false,
62
- type: "button",
63
- iconName: "arrow_right",
64
- title: "Pr\xF3ximo m\xEAs",
65
- className: "next-month",
66
- "aria-label": "Pr\xF3ximo m\xEAs",
67
- onClick: handleNextMonth,
68
- onMouseDown: handleOnMouseDown
69
- })), /*#__PURE__*/_react.default.createElement("table", {
70
- "aria-label": "Dias da Semana",
71
- role: "grid",
72
- className: "date-calendar-box-days-of-week"
73
- }, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement("tr", null, _moment.default.weekdaysShort(true).map((day, idx) => /*#__PURE__*/_react.default.createElement("th", {
74
- role: "columnheader",
75
- key: `day-of-week-${idx + 1}`
76
- }, day))))), /*#__PURE__*/_react.default.createElement("div", {
77
- className: "date-calendar-box-grid-of-days"
78
- }, /*#__PURE__*/_react.default.createElement("table", {
79
- "aria-label": "Calend\xE1rio",
80
- role: "grid"
81
- }, /*#__PURE__*/_react.default.createElement("tbody", {
82
- className: "weeks"
83
- }, weeks.map((week, weekIndex) => /*#__PURE__*/_react.default.createElement("tr", {
84
- role: "row",
85
- key: weekIndex + 1
86
- }, week.map((date, dateIndex) => {
87
- const isToday = _lodash.default.isEqual((0, _moment.default)().format(_helpers.TOKEN_ISO_FORMAT), date.format(_helpers.TOKEN_ISO_FORMAT));
88
- const hasFocus = _lodash.default.isEqual(activeDescendant, date.format(_helpers.TOKEN_ISO_FORMAT));
89
- const isSelected = selectedDate ? date.isSame(selectedDate, 'day') : false;
90
- const isCurrentMonth = date.month() === calendarDisplayDate.month();
91
- const idActiveDescendant = date.format(_helpers.TOKEN_ISO_FORMAT);
92
- const descriptionDate = date.format('LL');
93
- return /*#__PURE__*/_react.default.createElement("td", {
94
- role: "gridcell",
95
- key: dateIndex
96
- }, /*#__PURE__*/_react.default.createElement(_buttons.default, {
97
- id: idActiveDescendant,
98
- type: "button",
99
- className: "day-button",
100
- boxShadow: false,
101
- tabIndex: -1,
102
- title: descriptionDate,
103
- "aria-label": descriptionDate,
104
- "aria-selected": isSelected,
105
- "data-testid": "test-date-field-day-button",
106
- "data-state-is-today": isToday,
107
- "data-state-has-focus": hasFocus,
108
- "data-state-is-current-month": isCurrentMonth,
109
- label: date.date().toString(),
110
- onMouseDown: handleOnMouseDown,
111
- onClick: () => handleSelectDate(date)
112
- }));
113
- })))))));
114
- });
115
- CalendarBox.displayName = 'DateFieldCalendarBox';
@@ -1,13 +0,0 @@
1
- import React__default from 'react';
2
- import { DateFieldContextProps } from './types.js';
3
- import 'moment';
4
- import '../../../@types/Align.js';
5
- import '../../../@types/ColorStyles.js';
6
- import '../../../tooltip/types.js';
7
- import '../../../@types/Position.js';
8
- import '../../../@types/PermissionAttr.js';
9
-
10
- declare const DateFieldContext: React__default.Context<DateFieldContextProps>;
11
- declare const useDateFieldContext: () => DateFieldContextProps;
12
-
13
- export { DateFieldContext, useDateFieldContext };
@@ -1,15 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.useDateFieldContext = exports.DateFieldContext = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
9
- const DateFieldContext = exports.DateFieldContext = /*#__PURE__*/_react.default.createContext({});
10
- const useDateFieldContext = () => {
11
- const context = _react.default.useContext(DateFieldContext);
12
- if (context === undefined) throw new Error('useDateFieldContext must be used within a DateFieldProvider');
13
- return context;
14
- };
15
- exports.useDateFieldContext = useDateFieldContext;
@@ -1,9 +0,0 @@
1
- import 'react';
2
- export { DateFieldInputProps } from './types.js';
3
- export { I as Input } from '../../../index-368f781f.js';
4
- import 'moment';
5
- import '../../../@types/Align.js';
6
- import '../../../@types/ColorStyles.js';
7
- import '../../../tooltip/types.js';
8
- import '../../../@types/Position.js';
9
- import '../../../@types/PermissionAttr.js';
@@ -1,334 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Input = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _lodash = _interopRequireDefault(require("lodash"));
9
- var _reactImask = require("react-imask");
10
- var _uuid = require("uuid");
11
- var _reactDom = require("react-dom");
12
- var _moment = _interopRequireDefault(require("moment"));
13
- var _hint = _interopRequireDefault(require("../../../hint"));
14
- var _gridlayout = _interopRequireDefault(require("../../../gridlayout"));
15
- var _tooltip = require("../../../tooltip");
16
- var _helpers = require("../../../form2/helpers");
17
- var _permissionValidations = require("../../../permissionValidations");
18
- var _types = require("../types");
19
- var BaseDate = _interopRequireWildcard(require("../base"));
20
- var _helpers2 = require("../helpers");
21
- var _triggers = require("./triggers");
22
- var _calendarbox = require("./calendarbox");
23
- var _context = require("./context");
24
- const _excluded = ["label", "errors", "tooltip", "tooltipPosition", "tooltipWidth", "onDeniedActions", "permissionAttr", "customClass", "customClassLabel", "customClassWrapper", "customClassInputContainer", "textAlign", "labelUppercase", "skeletonize", "hintPosition", "gridLayout", "themePopover", "popoverAlign", "showCalendarButton", "openCalendarOnFocus", "undigitable", "shouldCloseOnSelect", "showClearDateButton", "placeholder"];
25
- /* eslint-disable @typescript-eslint/no-use-before-define */
26
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
27
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
28
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
29
- function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
30
- function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
31
- function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
32
- const Input = exports.Input = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
33
- const {
34
- label,
35
- errors,
36
- tooltip,
37
- tooltipPosition,
38
- tooltipWidth,
39
- onDeniedActions = undefined,
40
- permissionAttr = undefined,
41
- customClass = '',
42
- customClassLabel = '',
43
- customClassWrapper = '',
44
- customClassInputContainer = '',
45
- textAlign = 'left',
46
- labelUppercase = false,
47
- skeletonize = false,
48
- hintPosition = 'below',
49
- gridLayout = undefined,
50
- themePopover = 'light',
51
- popoverAlign = 'left',
52
- showCalendarButton = true,
53
- openCalendarOnFocus = true,
54
- undigitable = false,
55
- shouldCloseOnSelect = true,
56
- showClearDateButton = true,
57
- placeholder = _helpers2.TOKEN_PTBR_FORMAT
58
- } = props,
59
- rest = _objectWithoutProperties(props, _excluded);
60
- const onDenied = _react.default.useMemo(() => {
61
- return onDeniedActions || (0, _permissionValidations.actionsOnPermissionDenied)(_helpers2.options, permissionAttr);
62
- }, [onDeniedActions, permissionAttr]);
63
- const {
64
- hideContent,
65
- unvisible
66
- } = onDenied;
67
- const [calendarBoxOpen, setCalendarBoxOpen] = _react.default.useState(false);
68
- const [activeDescendant, setActiveDescendant] = _react.default.useState((0, _moment.default)().format(_helpers2.TOKEN_ISO_FORMAT));
69
- const [selectedDate, setSelectedDate] = _react.default.useState(null);
70
- const [calendarDisplayDate, setCalendarDisplayDate] = _react.default.useState(selectedDate ?? (0, _moment.default)());
71
- const calendarRef = _react.default.useRef(null);
72
- const inputRootRef = _react.default.useRef(null);
73
- const dateInputRef = _react.default.useRef(null);
74
- const dateContainerRef = _react.default.useRef(null);
75
- const {
76
- setValue: setMaskValue,
77
- unmaskedValue,
78
- value: maskedValue
79
- } = (0, _reactImask.useIMask)({
80
- mask: _helpers2.TOKEN_MASK,
81
- lazy: false,
82
- placeholderChar: '_'
83
- }, {
84
- ref: dateInputRef,
85
- defaultValue: selectedDate?.format(_helpers2.TOKEN_PTBR_FORMAT),
86
- onComplete: value => {
87
- const date = (0, _moment.default)(value, _helpers2.TOKEN_PTBR_FORMAT);
88
- if (date.isValid()) {
89
- handleUpdateDateState(date);
90
- }
91
- }
92
- });
93
- const inputId = _react.default.useMemo(() => props.id || props.name || (0, _uuid.v1)(), [props.id, props.name]);
94
- const hasLabel = !_lodash.default.isEmpty(props?.label);
95
- const isReadOnly = Boolean(props.readOnly || onDenied.readOnly);
96
- const isDisabled = Boolean(props.disabled || onDenied.disabled);
97
- const hasHintMessages = Boolean(props.hint?.length);
98
- const hasValidationErrors = Boolean(errors?.length);
99
- const hasValidDateSelected = !_lodash.default.isEmpty(props?.value);
100
- const handleUpdateDateState = _react.default.useCallback(date => {
101
- const dateIsoFormat = date.format(_helpers2.TOKEN_ISO_FORMAT);
102
- setSelectedDate(date.clone());
103
- setCalendarDisplayDate(date.clone());
104
- props.onChange?.({
105
- target: {
106
- name: props.name,
107
- value: dateIsoFormat
108
- }
109
- });
110
- if (shouldCloseOnSelect) handleCloseCalendar();
111
- }, [selectedDate, props.name, props.onChange, shouldCloseOnSelect]);
112
- const handleOpenCalendar = _react.default.useCallback(() => setCalendarBoxOpen(true), []);
113
- const handleCloseCalendar = _react.default.useCallback(() => setCalendarBoxOpen(false), []);
114
- const handleNextMonth = _react.default.useCallback(() => setCalendarDisplayDate(prevDisplayDate => prevDisplayDate.clone().add(1, 'month')), []);
115
- const handlePreviousMonth = _react.default.useCallback(() => setCalendarDisplayDate(prevDisplayDate => prevDisplayDate.clone().subtract(1, 'month')), []);
116
- const handleChangeCalendarBoxState = _react.default.useCallback(() => {
117
- setCalendarBoxOpen(prevState => {
118
- if (dateInputRef.current !== document.activeElement) {
119
- dateInputRef?.current?.focus?.();
120
- }
121
- return !prevState;
122
- });
123
- }, []);
124
- const handleNavigateWithDays = _react.default.useCallback(offset => {
125
- setCalendarDisplayDate(prevDisplayDate => {
126
- const daySelected = prevDisplayDate.clone().add(offset, 'day');
127
- setActiveDescendant(daySelected.format(_helpers2.TOKEN_ISO_FORMAT));
128
- return daySelected;
129
- });
130
- }, []);
131
- const handleNavigateWithWeeks = _react.default.useCallback(when => {
132
- setCalendarDisplayDate(prevDisplayDate => {
133
- let daySelected = prevDisplayDate;
134
- if (when === 'end') daySelected = prevDisplayDate.clone().endOf('week');
135
- if (when === 'start') daySelected = prevDisplayDate.clone().startOf('week');
136
- setActiveDescendant(daySelected.format(_helpers2.TOKEN_ISO_FORMAT));
137
- return daySelected;
138
- });
139
- }, []);
140
- const handleOnClickClearSelectedDate = _react.default.useCallback(() => {
141
- props.onChange?.({
142
- target: {
143
- name: props.name,
144
- value: ''
145
- }
146
- });
147
- setSelectedDate(null);
148
- setMaskValue('');
149
- handleCloseCalendar();
150
- }, [props.onChange]);
151
- const handleOnBlur = event => {
152
- props?.onBlur?.(event);
153
- handleCloseCalendar();
154
- setActiveDescendant((selectedDate ?? (0, _moment.default)()).format(_helpers2.TOKEN_ISO_FORMAT));
155
- setCalendarDisplayDate(selectedDate ?? (0, _moment.default)());
156
- if (_lodash.default.size(unmaskedValue) !== 8) {
157
- const date = (0, _moment.default)(_lodash.default.toString(props?.value), _helpers2.TOKEN_ISO_FORMAT);
158
- if (date.isValid()) {
159
- setMaskValue(date.format('DD/MM/YYYY'));
160
- }
161
- }
162
- };
163
- const handleOnFocus = event => {
164
- props?.onFocus?.(event);
165
- setActiveDescendant((selectedDate ?? (0, _moment.default)()).format(_helpers2.TOKEN_ISO_FORMAT));
166
- setCalendarDisplayDate(selectedDate ?? (0, _moment.default)());
167
- if (openCalendarOnFocus) {
168
- handleOpenCalendar();
169
- }
170
- };
171
- const handleOnPaste = event => {
172
- if (undigitable) {
173
- event.preventDefault();
174
- } else {
175
- props.onPaste?.(event);
176
- }
177
- };
178
- const handleOnBeforeInput = event => {
179
- if (undigitable) {
180
- event.preventDefault();
181
- } else {
182
- props.onBeforeInput?.(event);
183
- }
184
- };
185
- const handleOnKeyDown = event => {
186
- props?.onKeyDown?.(event);
187
- if (calendarBoxOpen && event.key && !event.shiftKey && !event.altKey && _helpers2.NAVIGATION_KEYS.includes(event.key)) {
188
- event.preventDefault();
189
- switch (event.key) {
190
- case _types.Keys.arrowLeft:
191
- handleNavigateWithDays(-1);
192
- break;
193
- case _types.Keys.arrowRight:
194
- handleNavigateWithDays(1);
195
- break;
196
- case _types.Keys.arrowUp:
197
- handleNavigateWithDays(-7);
198
- break;
199
- case _types.Keys.arrowDown:
200
- handleNavigateWithDays(7);
201
- break;
202
- case _types.Keys.pageUp:
203
- handleNextMonth();
204
- break;
205
- case _types.Keys.pageDown:
206
- handlePreviousMonth();
207
- break;
208
- case _types.Keys.home:
209
- handleNavigateWithWeeks('start');
210
- break;
211
- case _types.Keys.end:
212
- handleNavigateWithWeeks('end');
213
- break;
214
- case _types.Keys.escape:
215
- handleCloseCalendar();
216
- break;
217
- case _types.Keys.enter:
218
- handleUpdateDateState((0, _moment.default)(_lodash.default.toString(activeDescendant), _helpers2.TOKEN_ISO_FORMAT));
219
- break;
220
- default:
221
- break;
222
- }
223
- }
224
- };
225
- _react.default.useEffect(() => {
226
- const currentValue = props?.value ?? null;
227
- const date = (0, _moment.default)(_lodash.default.toString(currentValue), _helpers2.TOKEN_ISO_FORMAT);
228
- setSelectedDate(date.isValid() ? date : null);
229
- setMaskValue(date.format(_helpers2.TOKEN_PTBR_FORMAT));
230
- }, [props?.value]);
231
- const contextValues = _react.default.useMemo(() => ({
232
- label,
233
- inputFieldId: inputId,
234
- activeDescendant,
235
- calendarBoxOpen,
236
- isReadOnly,
237
- isDisabled,
238
- skeletonize,
239
- showCalendarButton,
240
- hasValidDateSelected,
241
- dateInputRef,
242
- dateContainerRef,
243
- handleOpenCalendar,
244
- handleCloseCalendar,
245
- handleNextMonth,
246
- handlePreviousMonth,
247
- handleSelectDate: handleUpdateDateState,
248
- selectedDate,
249
- calendarDisplayDate,
250
- calendarRef,
251
- unmaskedValue,
252
- maskedValue,
253
- showClearDateButton,
254
- handleChangeCalendarBoxState,
255
- handleOnClickClearSelectedDate
256
- }), [label, activeDescendant, calendarBoxOpen, isReadOnly, isDisabled, skeletonize, showCalendarButton, selectedDate, calendarDisplayDate, hasValidDateSelected, unmaskedValue, maskedValue]);
257
- if (unvisible || hideContent) return null;
258
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
259
- cols: gridLayout
260
- }, /*#__PURE__*/_react.default.createElement(_context.DateFieldContext.Provider, {
261
- value: contextValues
262
- }, /*#__PURE__*/_react.default.createElement(BaseDate.Root, {
263
- ref: inputRootRef,
264
- "data-testid": "test-date-field-root",
265
- customClassWrapper: customClassWrapper,
266
- hasValidationErrors: hasValidationErrors
267
- }, hasLabel && /*#__PURE__*/_react.default.createElement(BaseDate.Label, {
268
- "data-testid": "test-date-field-label",
269
- label: label,
270
- inputId: inputId,
271
- hint: props?.hint,
272
- isDisabled: isDisabled,
273
- isReadOnly: isReadOnly,
274
- skeletonize: skeletonize,
275
- required: props?.required,
276
- hintPosition: hintPosition,
277
- themePopover: themePopover,
278
- popoverAlign: popoverAlign,
279
- labelUppercase: labelUppercase,
280
- hasHintMessages: hasHintMessages,
281
- customClassLabel: customClassLabel
282
- }), /*#__PURE__*/_react.default.createElement(BaseDate.Container, {
283
- ref: dateContainerRef,
284
- skeletonize: skeletonize,
285
- customClassInputContainer: customClassInputContainer
286
- }, /*#__PURE__*/_react.default.createElement(BaseDate.Input, _extends({}, rest, {
287
- ref: (0, _helpers.mergeRefs)(ref, dateInputRef),
288
- id: inputId,
289
- name: props?.name,
290
- value: maskedValue,
291
- readOnly: isReadOnly,
292
- disabled: isDisabled,
293
- customClass: customClass,
294
- tabIndex: !isReadOnly && !skeletonize ? 0 : -1,
295
- placeholder: placeholder,
296
- "aria-activedescendant": activeDescendant,
297
- "aria-expanded": calendarBoxOpen,
298
- "aria-controls": inputId,
299
- "aria-labelledby": inputId,
300
- "data-state-is-period-input": false,
301
- "data-testid": "test-date-field-input",
302
- "data-state-error": hasValidationErrors,
303
- "data-state-read-only": isReadOnly,
304
- "data-state-text-align": textAlign,
305
- "data-state-undigitable": undigitable,
306
- "data-state-skeletonize": skeletonize,
307
- onBlur: handleOnBlur,
308
- onFocus: handleOnFocus,
309
- onPaste: handleOnPaste,
310
- onKeyDown: handleOnKeyDown,
311
- onBeforeInput: handleOnBeforeInput
312
- })), /*#__PURE__*/_react.default.createElement(_triggers.Triggers, null)), calendarBoxOpen && !hideContent && /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react.default.createElement(_calendarbox.CalendarBox, {
313
- ref: calendarRef
314
- }), document.body), hintPosition === 'below' && /*#__PURE__*/_react.default.createElement(_hint.default, {
315
- customClass: "hint",
316
- description: props.hint,
317
- disabled: isDisabled,
318
- skeletonize: skeletonize,
319
- visible: hasHintMessages
320
- }), hasValidationErrors && /*#__PURE__*/_react.default.createElement("span", {
321
- "data-testid": "test-date-field-list-errors",
322
- className: "error",
323
- "data-state-skeletonize": skeletonize,
324
- "aria-describedby": String(props.name).concat('-errors')
325
- }, errors?.map((error, index) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
326
- key: `${index + 1}-${error}`
327
- }, error, "\xA0")))))), /*#__PURE__*/_react.default.createElement(_tooltip.Tooltip, {
328
- targetRef: inputRootRef,
329
- text: tooltip,
330
- width: tooltipWidth,
331
- position: tooltipPosition
332
- }));
333
- });
334
- Input.displayName = 'DateFieldInput';
@@ -1,8 +0,0 @@
1
- interface DateFieldTriggersProps {
2
- }
3
- declare const Triggers: {
4
- (): JSX.Element;
5
- displayName: string;
6
- };
7
-
8
- export { DateFieldTriggersProps, Triggers };
@@ -1,47 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Triggers = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _context = require("./context");
9
- var BaseDate = _interopRequireWildcard(require("../base"));
10
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
11
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
12
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
13
- const Triggers = () => {
14
- const {
15
- inputFieldId,
16
- isReadOnly,
17
- isDisabled,
18
- skeletonize,
19
- calendarBoxOpen,
20
- showCalendarButton,
21
- hasValidDateSelected,
22
- handleChangeCalendarBoxState,
23
- handleOnClickClearSelectedDate,
24
- showClearDateButton
25
- } = (0, _context.useDateFieldContext)();
26
- const shouldHavePermitClickOnTrigger = !isReadOnly && !isDisabled;
27
- const handleOnClickTriggerCalendar = event => {
28
- if (!shouldHavePermitClickOnTrigger) event.preventDefault();else handleChangeCalendarBoxState();
29
- };
30
- return /*#__PURE__*/_react.default.createElement(BaseDate.Triggers, {
31
- clearButtonTestId: "test-date-field-trigger-clear-selected-date",
32
- calendarButtonTestId: "test-date-field-trigger-open-calendar",
33
- isDisabled: isDisabled,
34
- isReadOnly: isReadOnly,
35
- skeletonize: skeletonize,
36
- inputFieldId: inputFieldId,
37
- calendarBoxOpen: calendarBoxOpen,
38
- showClearButton: showClearDateButton,
39
- showCalendarButton: showCalendarButton,
40
- hasValidDateSelection: hasValidDateSelected,
41
- hasValidPeriodSelected: false,
42
- onClearSelectedDate: handleOnClickClearSelectedDate,
43
- onClickTriggerCalendar: handleOnClickTriggerCalendar
44
- });
45
- };
46
- exports.Triggers = Triggers;
47
- Triggers.displayName = 'DateFieldTriggers';
@@ -1,61 +0,0 @@
1
- import { Moment } from 'moment';
2
- import { TextAlign } from '../../../@types/Align.js';
3
- import { ColorTheme } from '../../../@types/ColorStyles.js';
4
- import { ITooltipCommonProps } from '../../../tooltip/types.js';
5
- import { HintPosition, Position } from '../../../@types/Position.js';
6
- import { PermissionAttr, OnDenied } from '../../../@types/PermissionAttr.js';
7
- import 'react';
8
-
9
- type InputHTMLProps = Omit<React.ComponentPropsWithoutRef<'input'>, 'type' | 'multiple'>;
10
- interface DateFieldInputProps extends InputHTMLProps, ITooltipCommonProps {
11
- hint?: string;
12
- label?: string;
13
- errors?: string[];
14
- gridLayout?: string;
15
- customClass?: string;
16
- customClassLabel?: string;
17
- customClassWrapper?: string;
18
- customClassInputContainer?: string;
19
- readOnly?: boolean;
20
- undigitable?: boolean;
21
- skeletonize?: boolean;
22
- labelUppercase?: boolean;
23
- showCalendarButton?: boolean;
24
- openCalendarOnFocus?: boolean;
25
- shouldCloseOnSelect?: boolean;
26
- showClearDateButton?: boolean;
27
- textAlign?: TextAlign;
28
- hintPosition?: HintPosition;
29
- themePopover?: ColorTheme;
30
- popoverAlign?: Extract<Position, 'left' | 'right'>;
31
- permissionAttr?: PermissionAttr;
32
- onDeniedActions?: OnDenied;
33
- }
34
- interface DateFieldContextProps {
35
- label?: string;
36
- inputFieldId: string;
37
- activeDescendant?: string;
38
- calendarBoxOpen: boolean;
39
- isReadOnly?: boolean;
40
- isDisabled?: boolean;
41
- skeletonize?: boolean;
42
- showCalendarButton?: boolean;
43
- hasValidDateSelected?: boolean;
44
- showClearDateButton?: boolean;
45
- selectedDate: Moment | null;
46
- calendarDisplayDate: Moment;
47
- maskedValue: string;
48
- unmaskedValue: string;
49
- calendarRef: React.RefObject<HTMLDivElement | null>;
50
- dateInputRef: React.RefObject<HTMLInputElement | null>;
51
- dateContainerRef: React.RefObject<HTMLDivElement | null>;
52
- handleNextMonth: () => void;
53
- handlePreviousMonth: () => void;
54
- handleOpenCalendar: () => void;
55
- handleCloseCalendar: () => void;
56
- handleSelectDate: (date: Moment) => void;
57
- handleChangeCalendarBoxState: () => void;
58
- handleOnClickClearSelectedDate: () => void;
59
- }
60
-
61
- export { DateFieldContextProps, DateFieldInputProps };
@@ -1,5 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
@@ -1,7 +0,0 @@
1
- import React__default from 'react';
2
-
3
- interface DateFieldCalendarBoxProps extends React__default.ComponentProps<'div'> {
4
- }
5
- declare const CalendarBox: React__default.ForwardRefExoticComponent<Pick<DateFieldCalendarBoxProps, "slot" | "style" | "title" | "children" | "className" | "key" | "align" | "onClick" | "color" | "hidden" | "id" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React__default.RefAttributes<HTMLDivElement>>;
6
-
7
- export { CalendarBox, DateFieldCalendarBoxProps };