linear-react-components-ui 1.1.24-beta.2 → 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 (260) 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 +11 -16
  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/dialog/base/index.js +1 -1
  28. package/lib/form/Field.d.ts +1 -1
  29. package/lib/form/FieldArray.d.ts +1 -1
  30. package/lib/form/FieldNumber.d.ts +1 -1
  31. package/lib/form/FieldPeriod.d.ts +1 -1
  32. package/lib/form/helpers.d.ts +1 -1
  33. package/lib/form/index.d.ts +1 -1
  34. package/lib/form/types.d.ts +1 -1
  35. package/lib/form/withFieldHOC.d.ts +1 -1
  36. package/lib/form/withFormSecurity.d.ts +1 -1
  37. package/lib/icons/index.d.ts +6 -4
  38. package/lib/icons/index.js +9 -14
  39. package/lib/icons/types.d.ts +6 -3
  40. package/lib/index.d.ts +0 -1
  41. package/lib/inputs/base/InputTextBase.d.ts +1 -1
  42. package/lib/inputs/base/InputTextBase.js +6 -14
  43. package/lib/inputs/base/Label.d.ts +14 -0
  44. package/lib/inputs/base/Label.js +35 -0
  45. package/lib/inputs/base/helpers.d.ts +1 -1
  46. package/lib/inputs/base/types.d.ts +16 -5
  47. package/lib/inputs/color/index.js +1 -1
  48. package/lib/inputs/date/Dialog.d.ts +1 -1
  49. package/lib/inputs/date/Dropdown.d.ts +1 -1
  50. package/lib/inputs/date/index.d.ts +1 -1
  51. package/lib/inputs/date/types.d.ts +1 -1
  52. package/lib/inputs/errorMessage/index.d.ts +1 -1
  53. package/lib/inputs/file/DefaultFile.d.ts +1 -1
  54. package/lib/inputs/file/DefaultFile.js +26 -26
  55. package/lib/inputs/file/DragDropFile.d.ts +1 -1
  56. package/lib/inputs/file/File.d.ts +1 -1
  57. package/lib/inputs/file/File.js +1 -0
  58. package/lib/inputs/file/FileButtonSettings.d.ts +1 -1
  59. package/lib/inputs/file/FileButtonSettings.js +0 -1
  60. package/lib/inputs/file/helpers.d.ts +1 -1
  61. package/lib/inputs/file/index.d.ts +1 -1
  62. package/lib/inputs/file/types.d.ts +1 -1
  63. package/lib/inputs/inputHOC.d.ts +1 -1
  64. package/lib/inputs/mask/BaseMask.d.ts +1 -1
  65. package/lib/inputs/mask/Cnpj.d.ts +1 -1
  66. package/lib/inputs/mask/Cpf.d.ts +1 -1
  67. package/lib/inputs/mask/Phone.d.ts +1 -1
  68. package/lib/inputs/mask/ZipCode.d.ts +1 -1
  69. package/lib/inputs/mask/helpers.d.ts +1 -1
  70. package/lib/inputs/mask/index.d.ts +1 -1
  71. package/lib/inputs/mask/types.d.ts +1 -1
  72. package/lib/inputs/multiSelect/ActionButtons.d.ts +1 -1
  73. package/lib/inputs/multiSelect/Dropdown.d.ts +1 -1
  74. package/lib/inputs/multiSelect/helper.d.ts +1 -1
  75. package/lib/inputs/multiSelect/index.d.ts +1 -1
  76. package/lib/inputs/multiSelect/types.d.ts +1 -1
  77. package/lib/inputs/number/BaseNumber.d.ts +1 -1
  78. package/lib/inputs/number/Currency.d.ts +1 -1
  79. package/lib/inputs/number/Decimal.d.ts +1 -1
  80. package/lib/inputs/number/index.d.ts +1 -1
  81. package/lib/inputs/number/types.d.ts +1 -1
  82. package/lib/inputs/period/Dialog.d.ts +1 -1
  83. package/lib/inputs/period/Dropdown.d.ts +1 -1
  84. package/lib/inputs/period/PeriodList.d.ts +1 -1
  85. package/lib/inputs/period/helper.d.ts +1 -1
  86. package/lib/inputs/period/index.d.ts +1 -1
  87. package/lib/inputs/period/index.js +10 -8
  88. package/lib/inputs/period/types.d.ts +5 -2
  89. package/lib/inputs/search/index.d.ts +1 -1
  90. package/lib/inputs/select/ActionButtons.d.ts +1 -1
  91. package/lib/inputs/select/Dropdown.d.ts +1 -1
  92. package/lib/inputs/select/helper.d.ts +1 -1
  93. package/lib/inputs/select/index.d.ts +1 -1
  94. package/lib/inputs/select/multiple/Selecteds.d.ts +1 -1
  95. package/lib/inputs/select/multiple/index.d.ts +1 -1
  96. package/lib/inputs/select/simple/index.d.ts +1 -1
  97. package/lib/inputs/select/types.d.ts +1 -1
  98. package/lib/inputs/text/index.d.ts +1 -1
  99. package/lib/inputs/text/types.d.ts +3 -2
  100. package/lib/inputs/textarea/index.d.ts +1 -1
  101. package/lib/inputs/textarea/types.d.ts +1 -1
  102. package/lib/inputs/types.d.ts +1 -1
  103. package/lib/internals/types.d.ts +17 -1
  104. package/lib/internals/withTooltip.d.ts +12 -0
  105. package/lib/internals/withTooltip.js +172 -0
  106. package/lib/labels/DangerLabel.d.ts +0 -1
  107. package/lib/labels/DefaultLabel.d.ts +5 -3
  108. package/lib/labels/DefaultLabel.js +7 -15
  109. package/lib/labels/InfoLabel.d.ts +0 -1
  110. package/lib/labels/PrimaryLabel.d.ts +0 -1
  111. package/lib/labels/SuccessLabel.d.ts +0 -1
  112. package/lib/labels/WarningLabel.d.ts +0 -1
  113. package/lib/labels/index.d.ts +2 -3
  114. package/lib/labels/types.d.ts +5 -2
  115. package/lib/list/Header.d.ts +0 -1
  116. package/lib/list/Item.d.ts +5 -3
  117. package/lib/list/Item.js +12 -17
  118. package/lib/list/helpers.d.ts +0 -1
  119. package/lib/list/index.d.ts +0 -1
  120. package/lib/list/types.d.ts +6 -4
  121. package/lib/menus/sidenav/ExpandMenu.d.ts +2 -2
  122. package/lib/menus/sidenav/MenuLink.d.ts +7 -4
  123. package/lib/menus/sidenav/MenuLink.js +11 -20
  124. package/lib/menus/sidenav/NavMenuGroup.d.ts +2 -2
  125. package/lib/menus/sidenav/NavMenuItem.d.ts +7 -4
  126. package/lib/menus/sidenav/NavMenuItem.js +12 -16
  127. package/lib/menus/sidenav/NavSubMenuItem.d.ts +2 -2
  128. package/lib/menus/sidenav/helpers.d.ts +2 -2
  129. package/lib/menus/sidenav/index.d.ts +2 -2
  130. package/lib/menus/sidenav/popup_menu_search/EmptyList.d.ts +2 -2
  131. package/lib/menus/sidenav/popup_menu_search/index.d.ts +2 -2
  132. package/lib/menus/sidenav/types.d.ts +6 -6
  133. package/lib/textContent/index.d.ts +11 -6
  134. package/lib/textContent/index.js +11 -20
  135. package/lib/tooltip/index.d.ts +3 -4
  136. package/lib/tooltip/index.js +53 -36
  137. package/lib/tooltip/types.d.ts +3 -25
  138. package/package.json +2 -3
  139. package/lib/BaseMask-4885b7c4.d.ts +0 -24
  140. package/lib/BaseNumber-ba047ec3.d.ts +0 -23
  141. package/lib/Cnpj-501f8fed.d.ts +0 -18
  142. package/lib/Cpf-0e03d85a.d.ts +0 -18
  143. package/lib/Currency-d8dae30c.d.ts +0 -18
  144. package/lib/Decimal-deda637f.d.ts +0 -13
  145. package/lib/Number-4783f0de.d.ts +0 -20
  146. package/lib/Phone-99e92c22.d.ts +0 -18
  147. package/lib/ZipCode-3d092264.d.ts +0 -13
  148. package/lib/assets/styles/checkbox2.scss +0 -199
  149. package/lib/assets/styles/datepicker2.scss +0 -338
  150. package/lib/assets/styles/radiofield.scss +0 -185
  151. package/lib/assets/styles/selectfield.scss +0 -409
  152. package/lib/assets/styles/slot.scss +0 -34
  153. package/lib/assets/styles/textfield.scss +0 -147
  154. package/lib/calendar/base/Day.d.ts +0 -8
  155. package/lib/calendar/base/Day.js +0 -36
  156. package/lib/calendar/base/Month.d.ts +0 -8
  157. package/lib/calendar/base/Month.js +0 -39
  158. package/lib/calendar/base/Week.d.ts +0 -8
  159. package/lib/calendar/base/Week.js +0 -35
  160. package/lib/form2/helpers.d.ts +0 -8
  161. package/lib/form2/helpers.js +0 -41
  162. package/lib/form2/index.d.ts +0 -9
  163. package/lib/form2/index.js +0 -36
  164. package/lib/form2/types.d.ts +0 -125
  165. package/lib/form2/types.js +0 -5
  166. package/lib/form2/useForm/index.d.ts +0 -5
  167. package/lib/form2/useForm/index.js +0 -203
  168. package/lib/index-368f781f.d.ts +0 -15
  169. package/lib/index-6f287e6c.d.ts +0 -23
  170. package/lib/index-a0c1207e.d.ts +0 -15
  171. package/lib/index-a68cfaf7.d.ts +0 -23
  172. package/lib/index-c9247c1f.d.ts +0 -15
  173. package/lib/index-f6f0d3a8.d.ts +0 -44
  174. package/lib/index-f9981b49.d.ts +0 -41
  175. package/lib/inputs2/checkboxfield/index.d.ts +0 -7
  176. package/lib/inputs2/checkboxfield/index.js +0 -142
  177. package/lib/inputs2/colorfield/index.d.ts +0 -9
  178. package/lib/inputs2/colorfield/index.js +0 -119
  179. package/lib/inputs2/date/base/constants.d.ts +0 -7
  180. package/lib/inputs2/date/base/constants.js +0 -43
  181. package/lib/inputs2/date/base/index.d.ts +0 -12
  182. package/lib/inputs2/date/base/index.js +0 -175
  183. package/lib/inputs2/date/datefield/calendarbox.d.ts +0 -7
  184. package/lib/inputs2/date/datefield/calendarbox.js +0 -115
  185. package/lib/inputs2/date/datefield/context.d.ts +0 -14
  186. package/lib/inputs2/date/datefield/context.js +0 -15
  187. package/lib/inputs2/date/datefield/index.d.ts +0 -10
  188. package/lib/inputs2/date/datefield/index.js +0 -336
  189. package/lib/inputs2/date/datefield/triggers.d.ts +0 -8
  190. package/lib/inputs2/date/datefield/triggers.js +0 -47
  191. package/lib/inputs2/date/datefield/types.d.ts +0 -63
  192. package/lib/inputs2/date/datefield/types.js +0 -5
  193. package/lib/inputs2/date/dateperiodfield/calendarbox.d.ts +0 -7
  194. package/lib/inputs2/date/dateperiodfield/calendarbox.js +0 -164
  195. package/lib/inputs2/date/dateperiodfield/context.d.ts +0 -14
  196. package/lib/inputs2/date/dateperiodfield/context.js +0 -17
  197. package/lib/inputs2/date/dateperiodfield/index.d.ts +0 -10
  198. package/lib/inputs2/date/dateperiodfield/index.js +0 -593
  199. package/lib/inputs2/date/dateperiodfield/triggers.d.ts +0 -6
  200. package/lib/inputs2/date/dateperiodfield/triggers.js +0 -120
  201. package/lib/inputs2/date/dateperiodfield/types.d.ts +0 -101
  202. package/lib/inputs2/date/dateperiodfield/types.js +0 -19
  203. package/lib/inputs2/date/helpers.d.ts +0 -21
  204. package/lib/inputs2/date/helpers.js +0 -62
  205. package/lib/inputs2/date/types.d.ts +0 -60
  206. package/lib/inputs2/date/types.js +0 -19
  207. package/lib/inputs2/index.d.ts +0 -32
  208. package/lib/inputs2/index.js +0 -40
  209. package/lib/inputs2/mask/BaseMask.d.ts +0 -10
  210. package/lib/inputs2/mask/BaseMask.js +0 -95
  211. package/lib/inputs2/mask/Cnpj.d.ts +0 -11
  212. package/lib/inputs2/mask/Cnpj.js +0 -57
  213. package/lib/inputs2/mask/Cpf.d.ts +0 -11
  214. package/lib/inputs2/mask/Cpf.js +0 -53
  215. package/lib/inputs2/mask/Phone.d.ts +0 -11
  216. package/lib/inputs2/mask/Phone.js +0 -26
  217. package/lib/inputs2/mask/ZipCode.d.ts +0 -11
  218. package/lib/inputs2/mask/ZipCode.js +0 -23
  219. package/lib/inputs2/mask/helpers.d.ts +0 -4
  220. package/lib/inputs2/mask/helpers.js +0 -57
  221. package/lib/inputs2/number/BaseNumber.d.ts +0 -10
  222. package/lib/inputs2/number/BaseNumber.js +0 -86
  223. package/lib/inputs2/number/Currency.d.ts +0 -11
  224. package/lib/inputs2/number/Currency.js +0 -47
  225. package/lib/inputs2/number/Decimal.d.ts +0 -11
  226. package/lib/inputs2/number/Decimal.js +0 -36
  227. package/lib/inputs2/number/Number.d.ts +0 -9
  228. package/lib/inputs2/number/Number.js +0 -49
  229. package/lib/inputs2/number/format_number.d.ts +0 -5
  230. package/lib/inputs2/number/format_number.js +0 -29
  231. package/lib/inputs2/radiofield/index.d.ts +0 -9
  232. package/lib/inputs2/radiofield/index.js +0 -143
  233. package/lib/inputs2/radiofield/types.d.ts +0 -33
  234. package/lib/inputs2/radiofield/types.js +0 -5
  235. package/lib/inputs2/selectfield/context.d.ts +0 -38
  236. package/lib/inputs2/selectfield/context.js +0 -15
  237. package/lib/inputs2/selectfield/helpers.d.ts +0 -6
  238. package/lib/inputs2/selectfield/helpers.js +0 -25
  239. package/lib/inputs2/selectfield/index.d.ts +0 -10
  240. package/lib/inputs2/selectfield/index.js +0 -489
  241. package/lib/inputs2/selectfield/item.d.ts +0 -11
  242. package/lib/inputs2/selectfield/item.js +0 -85
  243. package/lib/inputs2/selectfield/listbox.d.ts +0 -7
  244. package/lib/inputs2/selectfield/listbox.js +0 -103
  245. package/lib/inputs2/selectfield/search.d.ts +0 -7
  246. package/lib/inputs2/selectfield/search.js +0 -71
  247. package/lib/inputs2/selectfield/selections.d.ts +0 -10
  248. package/lib/inputs2/selectfield/selections.js +0 -86
  249. package/lib/inputs2/selectfield/triggers.d.ts +0 -8
  250. package/lib/inputs2/selectfield/triggers.js +0 -100
  251. package/lib/inputs2/selectfield/types.d.ts +0 -54
  252. package/lib/inputs2/selectfield/types.js +0 -21
  253. package/lib/inputs2/slot/index.d.ts +0 -14
  254. package/lib/inputs2/slot/index.js +0 -47
  255. package/lib/inputs2/textfield/index.d.ts +0 -8
  256. package/lib/inputs2/textfield/index.js +0 -156
  257. package/lib/tooltip/TooltipContent.d.ts +0 -7
  258. package/lib/tooltip/TooltipContent.js +0 -65
  259. package/lib/tooltip/useTooltip.d.ts +0 -30
  260. package/lib/tooltip/useTooltip.js +0 -128
@@ -1,44 +0,0 @@
1
- import React__default from 'react';
2
- import { TextAlign } from './@types/Align.js';
3
- import { ColorTheme } from './@types/ColorStyles.js';
4
- import { HintPosition, Position } from './@types/Position.js';
5
- import { PermissionAttr, OnDenied } from './@types/PermissionAttr.js';
6
- import { LeftSlot, RightSlot } from './inputs2/slot/index.js';
7
- import { ITooltipCommonProps } from './tooltip/types.js';
8
-
9
- interface TextFieldInputProps extends React__default.ComponentProps<'input'>, ITooltipCommonProps {
10
- hint?: string | string[];
11
- label?: string;
12
- errors?: string[];
13
- gridLayout?: string;
14
- customClass?: string;
15
- customClassLabel?: string;
16
- customClassWrapper?: string;
17
- customClassInputContainer?: string;
18
- rounded?: boolean;
19
- readOnly?: boolean;
20
- skeletonize?: boolean;
21
- labelUppercase?: boolean;
22
- textAlign?: TextAlign;
23
- hintPosition?: HintPosition;
24
- themePopover?: ColorTheme;
25
- popoverAlign?: Extract<Position, 'left' | 'right'>;
26
- permissionAttr?: PermissionAttr;
27
- onDeniedActions?: OnDenied;
28
- }
29
- declare const Input: React__default.ForwardRefExoticComponent<Pick<TextFieldInputProps, "form" | "label" | "slot" | "style" | "title" | "pattern" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "align" | "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" | "children" | "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" | "onClick" | "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" | "customClass" | "permissionAttr" | "size" | "skeletonize" | "disabled" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "tooltip" | "tooltipWidth" | "tooltipPosition" | "checked" | "required" | "labelUppercase" | "hint" | "hintPosition" | "themePopover" | "popoverAlign" | "width" | "height" | "multiple" | "readOnly" | "list" | "step" | "maxLength" | "textAlign" | "rounded" | "onDeniedActions" | "gridLayout" | "accept" | "autoComplete" | "max" | "min" | "src" | "alt" | "errors" | "customClassLabel" | "customClassWrapper" | "customClassInputContainer" | "capture" | "crossOrigin" | "enterKeyHint" | "minLength"> & React__default.RefAttributes<HTMLInputElement>>;
30
-
31
- declare const index_Input: typeof Input;
32
- declare const index_LeftSlot: typeof LeftSlot;
33
- declare const index_RightSlot: typeof RightSlot;
34
- type index_TextFieldInputProps = TextFieldInputProps;
35
- declare namespace index {
36
- export {
37
- index_Input as Input,
38
- index_LeftSlot as LeftSlot,
39
- index_RightSlot as RightSlot,
40
- index_TextFieldInputProps as TextFieldInputProps,
41
- };
42
- }
43
-
44
- export { Input as I, TextFieldInputProps as T, index as i };
@@ -1,41 +0,0 @@
1
- import React__default from 'react';
2
- import { Size } from './@types/Size.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
-
8
- type InputHTMLProps = Omit<React__default.ComponentProps<'input'>, 'size' | 'type'>;
9
- interface CheckboxFieldInputProps extends InputHTMLProps, ITooltipCommonProps {
10
- hint?: string | string[];
11
- label?: string;
12
- size?: Exclude<Size, 'mini'>;
13
- variant?: 'default' | 'secondary';
14
- errors?: string[];
15
- gridLayout?: string;
16
- customClass?: string;
17
- customClassLabel?: string;
18
- customClassWrapper?: string;
19
- customClassInputContainer?: string;
20
- rounded?: boolean;
21
- readOnly?: boolean;
22
- skeletonize?: boolean;
23
- labelUppercase?: boolean;
24
- hintPosition?: HintPosition;
25
- themePopover?: ColorTheme;
26
- popoverAlign?: Extract<Position, 'left' | 'right'>;
27
- permissionAttr?: PermissionAttr;
28
- onDeniedActions?: OnDenied;
29
- }
30
- declare const Input: React__default.ForwardRefExoticComponent<Pick<CheckboxFieldInputProps, "form" | "label" | "slot" | "style" | "title" | "pattern" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "align" | "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" | "children" | "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" | "onClick" | "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" | "customClass" | "permissionAttr" | "size" | "skeletonize" | "disabled" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | "tooltip" | "tooltipWidth" | "tooltipPosition" | "checked" | "required" | "labelUppercase" | "hint" | "hintPosition" | "themePopover" | "popoverAlign" | "width" | "height" | "multiple" | "readOnly" | "list" | "step" | "maxLength" | "rounded" | "onDeniedActions" | "gridLayout" | "accept" | "autoComplete" | "max" | "min" | "src" | "alt" | "errors" | "customClassLabel" | "customClassWrapper" | "customClassInputContainer" | "capture" | "crossOrigin" | "enterKeyHint" | "minLength" | "variant"> & React__default.RefAttributes<HTMLInputElement>>;
31
-
32
- type index_CheckboxFieldInputProps = CheckboxFieldInputProps;
33
- declare const index_Input: typeof Input;
34
- declare namespace index {
35
- export {
36
- index_CheckboxFieldInputProps as CheckboxFieldInputProps,
37
- index_Input as Input,
38
- };
39
- }
40
-
41
- export { CheckboxFieldInputProps as C, Input as I, index as i };
@@ -1,7 +0,0 @@
1
- import 'react';
2
- import '../../@types/Size.js';
3
- import '../../@types/ColorStyles.js';
4
- import '../../tooltip/types.js';
5
- import '../../@types/Position.js';
6
- import '../../@types/PermissionAttr.js';
7
- export { C as CheckboxFieldInputProps, I as Input } from '../../index-f9981b49.js';
@@ -1,142 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Input = void 0;
7
- require("../../assets/styles/checkbox2.scss");
8
- var _react = _interopRequireDefault(require("react"));
9
- var _lodash = _interopRequireDefault(require("lodash"));
10
- var _hint = _interopRequireDefault(require("../../hint"));
11
- var _icons = _interopRequireDefault(require("../../icons"));
12
- var _gridlayout = _interopRequireDefault(require("../../gridlayout"));
13
- var _popover = _interopRequireDefault(require("../../popover"));
14
- var _tooltip = require("../../tooltip");
15
- var _permissionValidations = require("../../permissionValidations");
16
- const _excluded = ["name", "label", "errors", "onChange", "size", "onDeniedActions", "permissionAttr", "variant", "customClass", "customClassLabel", "customClassWrapper", "labelUppercase", "rounded", "customClassInputContainer", "skeletonize", "hintPosition", "gridLayout", "themePopover", "popoverAlign", "tooltip", "tooltipPosition", "tooltipWidth"];
17
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
18
- 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); }
19
- 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; }
20
- 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; }
21
- const options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible, _permissionValidations.OPTIONS_ON_DENIED.readOnly, _permissionValidations.OPTIONS_ON_DENIED.hideContent];
22
- const Input = exports.Input = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
23
- const {
24
- name,
25
- label,
26
- errors,
27
- onChange,
28
- size = 'default',
29
- onDeniedActions = undefined,
30
- permissionAttr = undefined,
31
- variant = 'default',
32
- customClass = '',
33
- customClassLabel = '',
34
- customClassWrapper = '',
35
- labelUppercase = false,
36
- rounded = false,
37
- customClassInputContainer = '',
38
- skeletonize = false,
39
- hintPosition = 'below',
40
- gridLayout = undefined,
41
- themePopover = 'light',
42
- popoverAlign = 'left',
43
- tooltip,
44
- tooltipPosition,
45
- tooltipWidth
46
- } = props,
47
- rest = _objectWithoutProperties(props, _excluded);
48
- const onDenied = _react.default.useMemo(() => {
49
- return onDeniedActions || (0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr);
50
- }, [onDeniedActions, permissionAttr]);
51
- const {
52
- hideContent,
53
- unvisible
54
- } = onDenied;
55
- const inputId = _react.default.useMemo(() => props.id || `checkboxfield-${name}`, [props.id, name]);
56
- const inputRootRef = _react.default.useRef(null);
57
- const isChecked = props.checked ?? Boolean(props.value);
58
- const hasLabel = !_lodash.default.isEmpty(props?.label);
59
- const isReadOnly = Boolean(props.readOnly || onDenied.readOnly);
60
- const isDisabled = Boolean(props.disabled || onDenied.disabled);
61
- const hasHintMessages = Boolean(props.hint?.length);
62
- const hasValidationErrors = Boolean(errors?.length);
63
- const handleOnChange = _react.default.useCallback(event => {
64
- if (isReadOnly || isDisabled) return;
65
- Object.defineProperty(event.target, 'value', {
66
- value: event.target.checked,
67
- writable: true,
68
- enumerable: true,
69
- configurable: true
70
- });
71
- onChange?.(event);
72
- }, [isReadOnly, isDisabled, onChange]);
73
- if (unvisible || hideContent) return null;
74
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
75
- cols: gridLayout
76
- }, /*#__PURE__*/_react.default.createElement("div", {
77
- ref: inputRootRef,
78
- className: `checkbox-field-root ${customClassWrapper}`,
79
- "data-state-error": hasValidationErrors
80
- }, /*#__PURE__*/_react.default.createElement("div", {
81
- "data-state-skeletonize": skeletonize,
82
- className: `container ${customClassInputContainer}`
83
- }, /*#__PURE__*/_react.default.createElement("div", {
84
- className: "input-root"
85
- }, /*#__PURE__*/_react.default.createElement("input", _extends({
86
- ref: ref,
87
- id: inputId,
88
- name: name,
89
- readOnly: isReadOnly,
90
- disabled: isDisabled,
91
- className: `input ${customClass}`,
92
- tabIndex: !isReadOnly ? 0 : -1,
93
- "data-state-size": size,
94
- "data-state-error": hasValidationErrors,
95
- "data-state-variant": variant,
96
- "data-state-rounded": rounded,
97
- "data-state-read-only": isReadOnly,
98
- "data-state-skeletonize": skeletonize
99
- }, rest, {
100
- type: "checkbox",
101
- checked: isChecked,
102
- onChange: handleOnChange
103
- })), /*#__PURE__*/_react.default.createElement(_icons.default, {
104
- customClass: "checkmark",
105
- name: "checkmark",
106
- colorStyle: "default"
107
- })), hasLabel && /*#__PURE__*/_react.default.createElement("label", {
108
- className: `label ${customClassLabel}`,
109
- title: label,
110
- htmlFor: inputId,
111
- "aria-readonly": isReadOnly,
112
- "aria-disabled": isDisabled,
113
- "data-state-skeletonize": skeletonize,
114
- "data-state-disabled": isDisabled,
115
- "data-state-read-only": isReadOnly,
116
- "data-state-uppercase": labelUppercase,
117
- "data-state-input-required": props.required
118
- }, label), hasLabel && hasHintMessages && hintPosition === 'onLabelRight' && !skeletonize && /*#__PURE__*/_react.default.createElement(_popover.default, {
119
- customClass: "label-popover",
120
- theme: themePopover,
121
- align: popoverAlign,
122
- iconColor: "#03bde2"
123
- }, props?.hint)), hintPosition === 'below' && /*#__PURE__*/_react.default.createElement(_hint.default, {
124
- customClass: "hint",
125
- description: props.hint,
126
- disabled: isDisabled,
127
- skeletonize: skeletonize,
128
- visible: hasHintMessages
129
- }), hasValidationErrors && /*#__PURE__*/_react.default.createElement("span", {
130
- className: "error",
131
- "data-state-skeletonize": skeletonize,
132
- "aria-describedby": String(name).concat('-errors')
133
- }, errors?.map((error, index) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
134
- key: `${index + 1}-${error}`
135
- }, error, "\xA0"))))), /*#__PURE__*/_react.default.createElement(_tooltip.Tooltip, {
136
- targetRef: inputRootRef,
137
- text: tooltip,
138
- width: tooltipWidth,
139
- position: tooltipPosition
140
- }));
141
- });
142
- Input.displayName = 'CheckboxFieldInput';
@@ -1,9 +0,0 @@
1
- import 'react';
2
- export { LeftSlot, RightSlot } from '../slot/index.js';
3
- import '../../index-f6f0d3a8.js';
4
- export { C as ColorFieldInputProps, I as Input } from '../../index-6f287e6c.js';
5
- import '../../@types/Align.js';
6
- import '../../@types/ColorStyles.js';
7
- import '../../@types/Position.js';
8
- import '../../@types/PermissionAttr.js';
9
- import '../../tooltip/types.js';
@@ -1,119 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Input = void 0;
7
- Object.defineProperty(exports, "LeftSlot", {
8
- enumerable: true,
9
- get: function () {
10
- return _slot.LeftSlot;
11
- }
12
- });
13
- Object.defineProperty(exports, "RightSlot", {
14
- enumerable: true,
15
- get: function () {
16
- return _slot.RightSlot;
17
- }
18
- });
19
- require("../../assets/styles/colorpicker.scss");
20
- var _react = _interopRequireDefault(require("react"));
21
- var _slot = require("../slot");
22
- var TextField = _interopRequireWildcard(require("../textfield"));
23
- var _buttons = _interopRequireDefault(require("../../../lib/buttons"));
24
- var _permissionValidations = require("../../../lib/permissionValidations");
25
- const _excluded = ["name", "isTypeText", "defaultValue", "onChange", "permissionAttr", "onDeniedActions"];
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 options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible, _permissionValidations.OPTIONS_ON_DENIED.readOnly, _permissionValidations.OPTIONS_ON_DENIED.hideContent];
33
- const Input = exports.Input = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
34
- const {
35
- name,
36
- isTypeText = true,
37
- defaultValue = '',
38
- onChange,
39
- permissionAttr = undefined,
40
- onDeniedActions = undefined
41
- } = props,
42
- restProps = _objectWithoutProperties(props, _excluded);
43
- const inputRefText = _react.default.useRef(null);
44
- const inputRefColor = _react.default.useRef(null);
45
- const mirrorRef = _react.default.useRef(null);
46
- const onDenied = _react.default.useMemo(() => {
47
- return onDeniedActions || (0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr);
48
- }, [onDeniedActions, permissionAttr]);
49
- const {
50
- hideContent,
51
- unvisible
52
- } = onDenied;
53
- const syncColorValues = _react.default.useCallback(value => {
54
- if (mirrorRef.current) {
55
- mirrorRef.current.style.backgroundColor = value;
56
- }
57
- if (inputRefText.current && inputRefText.current.value !== value) {
58
- inputRefText.current.value = value;
59
- }
60
- if (inputRefColor.current && inputRefColor.current.value !== value) {
61
- inputRefColor.current.value = value;
62
- }
63
- }, []);
64
- const handleTextInputChange = e => {
65
- const newValue = e.target.value;
66
- syncColorValues(newValue);
67
- onChange?.(e);
68
- };
69
- const handleColorInputChange = e => {
70
- const newValue = e.target.value;
71
- syncColorValues(newValue);
72
- onChange?.(e);
73
- };
74
- const onPaletteButtonClick = () => {
75
- inputRefColor.current?.click();
76
- };
77
- _react.default.useLayoutEffect(() => {
78
- syncColorValues(String(defaultValue));
79
- }, [defaultValue, syncColorValues]);
80
- if (unvisible || hideContent) return null;
81
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(TextField.Input, _extends({}, restProps, {
82
- ref: ref,
83
- name: name,
84
- type: isTypeText ? 'text' : 'color',
85
- defaultValue: String(defaultValue),
86
- style: {
87
- borderLeft: '1px solid #eeee'
88
- },
89
- onChange: handleTextInputChange
90
- }), isTypeText && /*#__PURE__*/_react.default.createElement(_slot.LeftSlot, null, /*#__PURE__*/_react.default.createElement("div", {
91
- style: {
92
- backgroundColor: String(defaultValue)
93
- },
94
- ref: mirrorRef,
95
- className: "colorpicker-colormirror"
96
- })), isTypeText && /*#__PURE__*/_react.default.createElement(_slot.RightSlot, null, /*#__PURE__*/_react.default.createElement(_buttons.default, {
97
- className: "colorpicker-palettebutton",
98
- onClick: onPaletteButtonClick,
99
- onKeyDown: e => {
100
- if (e.code === 'Space' || e.key === ' ') {
101
- e.preventDefault();
102
- onPaletteButtonClick();
103
- }
104
- },
105
- iconName: "pallete"
106
- }))), isTypeText && /*#__PURE__*/_react.default.createElement("input", {
107
- ref: inputRefColor,
108
- type: "color",
109
- style: {
110
- position: 'absolute',
111
- opacity: 0,
112
- pointerEvents: 'none'
113
- },
114
- defaultValue: String(defaultValue),
115
- onChange: handleColorInputChange,
116
- tabIndex: -1
117
- }));
118
- });
119
- Input.displayName = 'ColorFieldInput';
@@ -1,7 +0,0 @@
1
- import React__default from 'react';
2
-
3
- declare const useCalendarPosition: (calendarBoxOpen: boolean, containerRef: React__default.RefObject<HTMLDivElement | null>) => {
4
- calendarBoxStyles: React__default.CSSProperties;
5
- };
6
-
7
- export { useCalendarPosition };
@@ -1,43 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.useCalendarPosition = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
9
- const useCalendarPosition = (calendarBoxOpen, containerRef) => {
10
- const [calendarBoxStyles, setCalendarBoxStyles] = _react.default.useState({});
11
- _react.default.useEffect(() => {
12
- const updatePosition = () => {
13
- const selectPositionOnScreen = containerRef.current?.getBoundingClientRect();
14
- if (selectPositionOnScreen) {
15
- const {
16
- top,
17
- left,
18
- width,
19
- height
20
- } = selectPositionOnScreen;
21
- setCalendarBoxStyles({
22
- top: top + height + window.scrollY,
23
- left: left + window.scrollX,
24
- width: width,
25
- position: 'absolute'
26
- });
27
- }
28
- };
29
- if (calendarBoxOpen) {
30
- updatePosition();
31
- window.addEventListener('resize', updatePosition);
32
- window.addEventListener('scroll', updatePosition, true);
33
- }
34
- return () => {
35
- window.removeEventListener('resize', updatePosition);
36
- window.removeEventListener('scroll', updatePosition, true);
37
- };
38
- }, [calendarBoxOpen, containerRef]);
39
- return {
40
- calendarBoxStyles
41
- };
42
- };
43
- exports.useCalendarPosition = useCalendarPosition;
@@ -1,12 +0,0 @@
1
- import React__default from 'react';
2
- import { BaseDateInputRootProps, BaseDateInputLabelProps, BaseDateInputContainerProps, BaseDateInputProps, BaseDateInputTriggersProps } from '../types.js';
3
- import '../../../@types/ColorStyles.js';
4
- import '../../../@types/Position.js';
5
-
6
- declare const Root: React__default.ForwardRefExoticComponent<BaseDateInputRootProps & React__default.RefAttributes<HTMLDivElement>>;
7
- declare const Label: React__default.ForwardRefExoticComponent<BaseDateInputLabelProps & React__default.RefAttributes<HTMLSpanElement>>;
8
- declare const Container: React__default.ForwardRefExoticComponent<BaseDateInputContainerProps & React__default.RefAttributes<HTMLDivElement>>;
9
- declare const Input: React__default.ForwardRefExoticComponent<BaseDateInputProps & React__default.RefAttributes<HTMLInputElement>>;
10
- declare const Triggers: React__default.ForwardRefExoticComponent<BaseDateInputTriggersProps & React__default.RefAttributes<HTMLDivElement>>;
11
-
12
- export { Container, Input, Label, Root, Triggers };
@@ -1,175 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Triggers = exports.Root = exports.Label = exports.Input = exports.Container = void 0;
7
- require("../../../assets/styles/datepicker2.scss");
8
- var _react = _interopRequireDefault(require("react"));
9
- var _icons = _interopRequireDefault(require("../../../icons"));
10
- var _popover = _interopRequireDefault(require("../../../popover"));
11
- const _excluded = ["children", "customClassWrapper", "hasValidationErrors"],
12
- _excluded2 = ["hint", "label", "inputId", "isDisabled", "isReadOnly", "required", "hasHintMessages", "labelUppercase", "skeletonize", "hintPosition", "themePopover", "popoverAlign", "customClassLabel"],
13
- _excluded3 = ["children", "skeletonize", "customClassInputContainer"],
14
- _excluded4 = ["customClass"],
15
- _excluded5 = ["children", "isReadOnly", "isDisabled", "skeletonize", "inputFieldId", "calendarBoxOpen", "showCalendarButton", "showClearButton", "onClearSelectedDate", "onClickTriggerCalendar", "hasValidDateSelection", "hasValidPeriodSelected", "clearButtonTestId", "calendarButtonTestId"];
16
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
17
- 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); }
18
- 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; }
19
- 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; }
20
- const Root = exports.Root = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
21
- const {
22
- children,
23
- customClassWrapper = '',
24
- hasValidationErrors = false
25
- } = props,
26
- rest = _objectWithoutProperties(props, _excluded);
27
- return /*#__PURE__*/_react.default.createElement("div", _extends({}, rest, {
28
- ref: ref,
29
- "data-state-error": hasValidationErrors,
30
- className: `date-field-root ${customClassWrapper}`
31
- }), children);
32
- });
33
- Root.displayName = 'BaseDateRoot';
34
- const Label = exports.Label = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
35
- const {
36
- hint,
37
- label,
38
- inputId,
39
- isDisabled = false,
40
- isReadOnly = false,
41
- required = false,
42
- hasHintMessages = false,
43
- labelUppercase = false,
44
- skeletonize = false,
45
- hintPosition = 'below',
46
- themePopover = 'light',
47
- popoverAlign = 'left',
48
- customClassLabel = ''
49
- } = props,
50
- rest = _objectWithoutProperties(props, _excluded2);
51
- return /*#__PURE__*/_react.default.createElement("span", _extends({}, rest, {
52
- ref: ref,
53
- className: `root-label ${customClassLabel}`,
54
- "data-state-skeletonize": skeletonize
55
- }), /*#__PURE__*/_react.default.createElement("label", {
56
- className: "label",
57
- title: label,
58
- htmlFor: inputId,
59
- "aria-disabled": isDisabled,
60
- "data-state-disabled": isDisabled,
61
- "data-state-read-only": isReadOnly,
62
- "data-state-input-required": required,
63
- "data-state-label-uppercase": labelUppercase
64
- }, label), hasHintMessages && hintPosition === 'onLabelRight' && !skeletonize && /*#__PURE__*/_react.default.createElement(_popover.default, {
65
- customClass: "label-popover",
66
- theme: themePopover,
67
- align: popoverAlign,
68
- iconColor: "#03bde2"
69
- }, hint));
70
- });
71
- Label.displayName = 'BaseDateLabel';
72
- const Container = exports.Container = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
73
- const {
74
- children,
75
- skeletonize = false,
76
- customClassInputContainer = ''
77
- } = props,
78
- rest = _objectWithoutProperties(props, _excluded3);
79
- return /*#__PURE__*/_react.default.createElement("div", _extends({}, rest, {
80
- ref: ref,
81
- "data-state-skeletonize": skeletonize,
82
- className: `container ${customClassInputContainer}`
83
- }), children);
84
- });
85
- Container.displayName = 'BaseDateContainer';
86
- const Input = exports.Input = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
87
- const {
88
- customClass = ''
89
- } = props,
90
- rest = _objectWithoutProperties(props, _excluded4);
91
- return /*#__PURE__*/_react.default.createElement("input", _extends({}, rest, {
92
- ref: ref,
93
- multiple: false,
94
- type: "text",
95
- role: "combobox",
96
- "aria-haspopup": "true",
97
- className: `input ${customClass}`,
98
- "aria-autocomplete": "list"
99
- }));
100
- });
101
- Input.displayName = 'BaseDateInput';
102
- const Triggers = exports.Triggers = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
103
- const {
104
- children,
105
- isReadOnly,
106
- isDisabled,
107
- skeletonize,
108
- inputFieldId,
109
- calendarBoxOpen,
110
- showCalendarButton,
111
- showClearButton,
112
- onClearSelectedDate,
113
- onClickTriggerCalendar,
114
- hasValidDateSelection = false,
115
- hasValidPeriodSelected = false,
116
- clearButtonTestId = 'test-date-trigger-clear',
117
- calendarButtonTestId = 'test-date-trigger-open-calendar'
118
- } = props,
119
- rest = _objectWithoutProperties(props, _excluded5);
120
- const ariaLabel = !calendarBoxOpen ? 'Abrir Calendário' : 'Fechar Calendário';
121
- const shouldHavePermitClickOnTrigger = !isReadOnly && !isDisabled;
122
- const handleOnClickClear = event => {
123
- if (!shouldHavePermitClickOnTrigger) {
124
- event.preventDefault();
125
- } else {
126
- onClearSelectedDate();
127
- }
128
- };
129
- return /*#__PURE__*/_react.default.createElement("div", _extends({}, rest, {
130
- ref: ref,
131
- className: "triggers",
132
- "data-state-disabled": isDisabled,
133
- "data-state-read-only": isReadOnly,
134
- "data-state-skeletonize": skeletonize
135
- }), /*#__PURE__*/_react.default.createElement("button", {
136
- "data-testid": clearButtonTestId,
137
- className: "clear-selected-date",
138
- type: "button",
139
- title: "Limpar Data Selecionada",
140
- tabIndex: -1,
141
- disabled: isDisabled,
142
- "aria-readonly": isReadOnly,
143
- "aria-label": "Limpar Data Selecionada",
144
- "aria-controls": inputFieldId,
145
- "data-state-read-only": isReadOnly,
146
- "data-state-visible": showClearButton,
147
- "data-state-valid-date-selected": hasValidDateSelection,
148
- "data-state-valid-period-selected": hasValidPeriodSelected,
149
- onClick: handleOnClickClear,
150
- onMouseDown: event => {
151
- event.preventDefault();
152
- }
153
- }, /*#__PURE__*/_react.default.createElement(_icons.default, {
154
- name: "cancel"
155
- })), /*#__PURE__*/_react.default.createElement("button", {
156
- "data-testid": calendarButtonTestId,
157
- className: "open-calendar",
158
- type: "button",
159
- title: ariaLabel,
160
- tabIndex: -1,
161
- disabled: isDisabled,
162
- "aria-readonly": isReadOnly,
163
- "aria-label": ariaLabel,
164
- "aria-controls": inputFieldId,
165
- "data-state-visible": showCalendarButton,
166
- "data-state-read-only": isReadOnly,
167
- onClick: onClickTriggerCalendar,
168
- onMouseDown: event => {
169
- event.preventDefault();
170
- }
171
- }, /*#__PURE__*/_react.default.createElement(_icons.default, {
172
- name: "calendar"
173
- })), children);
174
- });
175
- Triggers.displayName = 'BaseDateTriggers';