linear-react-components-ui 1.1.24-beta.10 → 1.1.24-beta.11

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 (38) hide show
  1. package/lib/assets/styles/button.scss +1 -1
  2. package/lib/assets/styles/calendar.scss +3 -3
  3. package/lib/assets/styles/datepicker2.scss +6 -2
  4. package/lib/assets/styles/dialog.scss +1 -1
  5. package/lib/assets/styles/fieldset.scss +1 -1
  6. package/lib/assets/styles/gridlayout.scss +20 -19
  7. package/lib/assets/styles/multiSelect.scss +6 -6
  8. package/lib/assets/styles/periodpicker.scss +1 -1
  9. package/lib/assets/styles/selectfield.scss +6 -2
  10. package/lib/assets/styles/tabs.scss +6 -2
  11. package/lib/assets/styles/textfield.scss +6 -2
  12. package/lib/buttons/DefaultButton.js +1 -1
  13. package/lib/form2/index.d.ts +1 -1
  14. package/lib/index-19761a50.d.ts +26 -0
  15. package/lib/index-35ba9ed8.d.ts +15 -0
  16. package/lib/index-efe0a0e4.d.ts +41 -0
  17. package/lib/inputs/date/index.js +3 -3
  18. package/lib/inputs/multiSelect/Dropdown.js +1 -1
  19. package/lib/inputs/multiSelect/index.js +18 -2
  20. package/lib/inputs/period/PeriodList.js +12 -3
  21. package/lib/inputs/period/index.js +124 -101
  22. package/lib/inputs2/checkboxfield/index.d.ts +1 -1
  23. package/lib/inputs2/date/datefield/calendarbox.d.ts +1 -1
  24. package/lib/inputs2/date/dateperiodfield/calendarbox.d.ts +1 -1
  25. package/lib/inputs2/index.d.ts +3 -3
  26. package/lib/inputs2/radiofield/index.d.ts +1 -1
  27. package/lib/inputs2/selectfield/index.d.ts +1 -1
  28. package/lib/inputs2/selectfield/item.d.ts +1 -1
  29. package/lib/inputs2/selectfield/listbox.d.ts +1 -1
  30. package/lib/inputs2/selectfield/options.d.ts +1 -1
  31. package/lib/inputs2/selectfield/search.d.ts +1 -1
  32. package/lib/inputs2/selectfield/selections.d.ts +1 -1
  33. package/lib/inputs2/slot/index.d.ts +2 -2
  34. package/lib/tabs/index.js +2 -2
  35. package/package.json +1 -1
  36. package/lib/index-442d51a2.d.ts +0 -15
  37. package/lib/index-4e511971.d.ts +0 -26
  38. package/lib/index-d3b6a19a.d.ts +0 -41
package/lib/assets/styles/button.scss CHANGED
@@ -366,7 +366,7 @@ $shadow-button-inset-default: inset 0 0 0 1px $default-border-color, $shadow-but
366
366
  border-color: transparent !important;
367
367
  transition: none;
368
368
 
369
- > svg {
369
+ svg {
370
370
  opacity: 0;
371
371
  visibility: hidden;
372
372
  }
package/lib/assets/styles/calendar.scss CHANGED
@@ -44,10 +44,10 @@ $border-radius-size: 5px;
44
44
  justify-content: center;
45
45
  background-color: transparent;
46
46
  font-weight: bold;
47
- border: 1px solid transparent;
47
+ border: none;
48
48
 
49
49
  svg {
50
- margin: 0 !important;
50
+ margin: 0;
51
51
  }
52
52
 
53
53
  &:hover {
@@ -110,7 +110,7 @@ $border-radius-size: 5px;
110
110
  width: 100%;
111
111
  padding: 0;
112
112
  font-size: 13px;
113
- border: 2px solid transparent;
113
+ border: none;
114
114
  background-color: transparent;
115
115
 
116
116
  &.-nowday {
package/lib/assets/styles/datepicker2.scss CHANGED
@@ -106,14 +106,18 @@ input::-webkit-inner-spin-button {
106
106
  .input {
107
107
  @extend %input-placeholder;
108
108
  @extend %component-fonts;
109
- flex-grow: 1;
110
- max-width: 100%;
109
+ flex: 1;
110
+ height: 100%;
111
+ width: 100%;
111
112
  padding: 6px;
112
113
  font-size: 0.875rem;
113
114
  text-indent: 0.375rem;
114
115
  line-height: 0.875rem;
115
116
  border: none;
116
117
  background-color: transparent;
118
+ overflow: hidden;
119
+ text-overflow: ellipsis;
120
+ white-space: nowrap;
117
121
  &[data-state-text-align=left] {
118
122
  text-align: left;
119
123
  }
package/lib/assets/styles/dialog.scss CHANGED
@@ -96,7 +96,7 @@ $shadow-button-inset-default: inset 0 0 0 1px $default-border-color, $shadow-but
96
96
  }
97
97
  }
98
98
  }
99
- .footer {
99
+ > .footer {
100
100
  bottom: 0px;
101
101
  background: #ffffff;
102
102
  padding: 10px 0 8px 8px;
package/lib/assets/styles/fieldset.scss CHANGED
@@ -64,7 +64,7 @@
64
64
  background-color: $fieldset-default;
65
65
  text-transform: uppercase;
66
66
  border-radius: 0px 10px 0px 0px;
67
- z-index: 9;
67
+ z-index: 0;
68
68
  display: flex;
69
69
  align-items: center;
70
70
  gap: 8px;
package/lib/assets/styles/gridlayout.scss CHANGED
@@ -26,31 +26,32 @@ html {
26
26
  &.-withskeleton {
27
27
  margin-bottom: 10px;
28
28
  }
29
- }
30
29
 
31
- @media (min-width: 576px) {
32
- .container {
33
- max-width: 540px;
30
+ @media (min-width: 576px) {
31
+ >.container {
32
+ max-width: 540px;
33
+ }
34
34
  }
35
- }
36
-
37
- @media (min-width: 768px) {
38
- .container {
39
- max-width: 720px;
35
+
36
+ @media (min-width: 768px) {
37
+ >.container {
38
+ max-width: 720px;
39
+ }
40
40
  }
41
- }
42
-
43
- @media (min-width: 992px) {
44
- .container {
45
- max-width: 960px;
41
+
42
+ @media (min-width: 992px) {
43
+ >.container {
44
+ max-width: 960px;
45
+ }
46
46
  }
47
- }
48
-
49
- @media (min-width: 1200px) {
50
- .container {
51
- max-width: 1140px;
47
+
48
+ @media (min-width: 1200px) {
49
+ >.container {
50
+ max-width: 1140px;
51
+ }
52
52
  }
53
53
  }
54
+
54
55
  .container-fluid {
55
56
  width: 100%;
56
57
  padding-right: 15px;
package/lib/assets/styles/multiSelect.scss CHANGED
@@ -58,23 +58,23 @@
58
58
  z-index: 9999;
59
59
 
60
60
  >.filtercontainer {
61
- position: relative;
62
- display: grid;
63
- grid-template-columns: 1fr 20px;
61
+ display: flex;
62
+ align-items: center;
63
+ justify-content: start;
64
64
  border: 1px solid $component-border-color;
65
65
  margin: 4px;
66
66
 
67
67
  >.filterinput {
68
68
  border: 0;
69
+ flex: 1;
69
70
  font-size: 13px;
70
71
  text-indent: 4px;
71
72
  padding: 10px 5px;
72
73
  }
73
74
 
74
75
  >.filtericon {
75
- position: absolute;
76
- right: 5px;
77
- top: 10px;
76
+ margin: 0px;
77
+ margin-right: 6px;
78
78
  }
79
79
  }
80
80
 
package/lib/assets/styles/periodpicker.scss CHANGED
@@ -76,7 +76,7 @@
76
76
  display: flex;
77
77
  cursor: pointer;
78
78
  justify-content: stretch;
79
-
79
+
80
80
  &:not(:last-child) {
81
81
  border-bottom: solid 1px $separator-background;
82
82
  }
package/lib/assets/styles/selectfield.scss CHANGED
@@ -116,14 +116,18 @@ input::-webkit-inner-spin-button {
116
116
  .input {
117
117
  @extend %input-placeholder;
118
118
  @extend %component-fonts;
119
- flex-grow: 1;
120
- max-width: 100%;
119
+ flex: 1;
120
+ width: 100%;
121
+ height: 100%;
121
122
  padding: 6px;
122
123
  font-size: 0.875rem;
123
124
  text-indent: 0.375rem;
124
125
  line-height: 0.875rem;
125
126
  border: none;
126
127
  background-color: transparent;
128
+ overflow: hidden;
129
+ text-overflow: ellipsis;
130
+ white-space: nowrap;
127
131
  &[data-state-text-align=left] {
128
132
  text-align: left;
129
133
  }
package/lib/assets/styles/tabs.scss CHANGED
@@ -82,8 +82,6 @@ $dropdown-width: 38px;
82
82
  }
83
83
 
84
84
  .menu>.menuitem>.menubutton {
85
- white-space: nowrap;
86
- text-overflow: ellipsis;
87
85
  background: transparent;
88
86
  border: 0;
89
87
  width: 100%;
@@ -92,10 +90,16 @@ $dropdown-width: 38px;
92
90
  box-shadow: none !important;
93
91
 
94
92
  .button-container {
93
+ overflow: hidden;
95
94
  justify-content: flex-start;
96
95
  > svg {
97
96
  margin-right: 10px;
98
97
  }
98
+ .button-content {
99
+ overflow: hidden;
100
+ white-space: nowrap;
101
+ text-overflow: ellipsis;
102
+ }
99
103
  }
100
104
  }
101
105
 
package/lib/assets/styles/textfield.scss CHANGED
@@ -108,14 +108,18 @@ input[type="number"] {
108
108
  .input {
109
109
  @extend %input-placeholder;
110
110
  @extend %component-fonts;
111
- flex-grow: 1;
112
- max-width: 100%;
111
+ flex: 1;
112
+ height: 100%;
113
+ width: 100%;
113
114
  padding: 6px;
114
115
  font-size: 0.875rem;
115
116
  text-indent: 0.375rem;
116
117
  line-height: 0.875rem;
117
118
  border: none;
118
119
  background-color: transparent;
120
+ overflow: hidden;
121
+ text-overflow: ellipsis;
122
+ white-space: nowrap;
119
123
  &[data-state-text-align="left"] {
120
124
  text-align: left;
121
125
  }
package/lib/buttons/DefaultButton.js CHANGED
@@ -67,7 +67,7 @@ const DefaultButton = _ref => {
67
67
  const refButton = (0, _react.useRef)(null);
68
68
  const disabledIconColor = 'rgb(193, 193, 193)';
69
69
  const disabledByPermission = onDenied.disabled;
70
- const isDisabled = !!onDenied.disabled || disabled;
70
+ const isDisabled = !!onDenied.disabled || disabled || skeletonize;
71
71
  const getClass = () => "button-component ".concat(className, "\n ").concat(customClass, "\n ").concat(transparent && '-transparent', "\n ").concat(isDisabled && '-disabled', "\n ").concat(size && "-".concat(size), "\n ").concat(dropdown && !round && 'icon-right', "\n ").concat(dropdown && round && 'icon-center', "\n ").concat(iconAlign && !dropdown && "icon-".concat(iconAlign), "\n ").concat(boxShadow ? '' : '-shadowsdisabled', "\n ").concat(round && '-round');
72
72
  const returnPadlockIcon = resultantStyle => /*#__PURE__*/_react.default.createElement(_icons.default, {
73
73
  name: "padlock",
package/lib/form2/index.d.ts CHANGED
@@ -4,6 +4,6 @@ import './types.js';
4
4
 
5
5
  interface FormElementProps extends React__default.ComponentProps<'form'> {
6
6
  }
7
- declare const Form: React__default.ForwardRefExoticComponent<Pick<FormElementProps, "children" | "style" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "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" | "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" | "key" | "name" | "target" | "rel" | "autoComplete" | "acceptCharset" | "action" | "encType" | "method" | "noValidate"> & React__default.RefAttributes<HTMLFormElement>>;
7
+ declare const Form: React__default.ForwardRefExoticComponent<Pick<FormElementProps, "slot" | "style" | "title" | "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" | "name" | "target" | "rel" | "autoComplete" | "acceptCharset" | "action" | "encType" | "method" | "noValidate"> & React__default.RefAttributes<HTMLFormElement>>;
8
8
 
9
9
  export { Form as default };
package/lib/index-19761a50.d.ts ADDED
@@ -0,0 +1,26 @@
1
+ import React__default from 'react';
2
+ import { LeftSlot, RightSlot } from './inputs2/slot/index.js';
3
+ import { Options } from './inputs2/selectfield/options.js';
4
+ import { Item } from './inputs2/selectfield/item.js';
5
+ import { SelectFieldInputProps } from './inputs2/selectfield/types.js';
6
+
7
+ declare const Input: React__default.ForwardRefExoticComponent<Pick<SelectFieldInputProps, "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" | "hint" | "hintPosition" | "themePopover" | "popoverAlign" | "width" | "height" | "multiple" | "readOnly" | "list" | "step" | "maxLength" | "textAlign" | "onDeniedActions" | "gridLayout" | "accept" | "autoComplete" | "showClearButton" | "searchOnDropdown" | "undigitable" | "openDropdownOnFocus" | "onSearch" | "striped" | "max" | "min" | "src" | "alt" | "errors" | "capture" | "crossOrigin" | "enterKeyHint" | "minLength" | "customClassLabel" | "customClassWrapper" | "customClassInputContainer" | "externalSearch" | "notFoundFilterLabel" | "searchInputPlaceholder" | "multipleInputLabelEmpty" | "multipleInputLabelManySelection" | "dropdownAlignButton"> & React__default.RefAttributes<HTMLInputElement>>;
8
+
9
+ declare const index_Input: typeof Input;
10
+ declare const index_Item: typeof Item;
11
+ declare const index_LeftSlot: typeof LeftSlot;
12
+ declare const index_Options: typeof Options;
13
+ declare const index_RightSlot: typeof RightSlot;
14
+ declare const index_SelectFieldInputProps: typeof SelectFieldInputProps;
15
+ declare namespace index {
16
+ export {
17
+ index_Input as Input,
18
+ index_Item as Item,
19
+ index_LeftSlot as LeftSlot,
20
+ index_Options as Options,
21
+ index_RightSlot as RightSlot,
22
+ index_SelectFieldInputProps as SelectFieldInputProps,
23
+ };
24
+ }
25
+
26
+ export { Input as I, index as i };
package/lib/index-35ba9ed8.d.ts ADDED
@@ -0,0 +1,15 @@
1
+ import React__default from 'react';
2
+ import { RadioFieldInputProps } from './inputs2/radiofield/types.js';
3
+
4
+ declare const Input: React__default.ForwardRefExoticComponent<Pick<RadioFieldInputProps, "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" | "readOnly" | "list" | "step" | "maxLength" | "textAlign" | "onDeniedActions" | "gridLayout" | "accept" | "autoComplete" | "max" | "min" | "src" | "alt" | "errors" | "capture" | "crossOrigin" | "enterKeyHint" | "minLength" | "customClassLabel" | "customClassWrapper" | "customClassInputContainer" | "getFieldValue"> & React__default.RefAttributes<HTMLInputElement>>;
5
+
6
+ declare const index_Input: typeof Input;
7
+ declare const index_RadioFieldInputProps: typeof RadioFieldInputProps;
8
+ declare namespace index {
9
+ export {
10
+ index_Input as Input,
11
+ index_RadioFieldInputProps as RadioFieldInputProps,
12
+ };
13
+ }
14
+
15
+ export { Input as I, index as i };
package/lib/index-efe0a0e4.d.ts ADDED
@@ -0,0 +1,41 @@
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;
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" | "capture" | "crossOrigin" | "enterKeyHint" | "minLength" | "customClassLabel" | "customClassWrapper" | "customClassInputContainer" | "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 };
package/lib/inputs/date/index.js CHANGED
@@ -4,16 +4,16 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
- require("../../assets/styles/datepicker.scss");
8
7
  var _react = _interopRequireWildcard(require("react"));
9
8
  var _moment = _interopRequireDefault(require("moment"));
10
9
  var _gridlayout = _interopRequireDefault(require("../../gridlayout"));
11
10
  var _buttons = _interopRequireDefault(require("../../buttons"));
12
11
  var _calendar = _interopRequireDefault(require("../../calendar"));
13
- var _BaseMask = _interopRequireDefault(require("../mask/BaseMask"));
14
12
  var _Dialog = _interopRequireDefault(require("./Dialog"));
15
13
  var _Dropdown = _interopRequireDefault(require("./Dropdown"));
16
14
  var _helpers = require("./helpers");
15
+ require("../../assets/styles/datepicker.scss");
16
+ var _BaseMask = _interopRequireDefault(require("../mask/BaseMask"));
17
17
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
18
18
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
19
19
  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); }
@@ -285,7 +285,7 @@ const DatePicker = props => {
285
285
  onInputFocus(e);
286
286
  },
287
287
  onChange: (e, date) => {
288
- onInputChange(e, date);
288
+ if (date) onInputChange(e, date);
289
289
  },
290
290
  inputRef: el => {
291
291
  inputDateRef.current = el;
package/lib/inputs/multiSelect/Dropdown.js CHANGED
@@ -88,7 +88,7 @@ const Dropdown = props => {
88
88
  }), /*#__PURE__*/_react.default.createElement(_icons.default, {
89
89
  customClass: "filtericon",
90
90
  name: "search",
91
- viewBox: "0 0 32 32"
91
+ size: 14
92
92
  })), /*#__PURE__*/_react.default.createElement("div", {
93
93
  className: "listcontainer"
94
94
  }, dataCombo && dataCombo.length > 0 && /*#__PURE__*/_react.default.createElement("div", {
package/lib/inputs/multiSelect/index.js CHANGED
@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = void 0;
7
7
  var _lodash = _interopRequireDefault(require("lodash"));
8
- var _react = _interopRequireWildcard(require("react"));
9
8
  var uuid = _interopRequireWildcard(require("uuid"));
9
+ var _react = _interopRequireWildcard(require("react"));
10
10
  var _InputTextBase = _interopRequireDefault(require("../base/InputTextBase"));
11
11
  var _ActionButtons = _interopRequireDefault(require("./ActionButtons"));
12
12
  var _Dropdown = _interopRequireDefault(require("./Dropdown"));
@@ -43,6 +43,7 @@ const MultiSelectField = props => {
43
43
  const [onDenied, setOnDenied] = (0, _react.useState)();
44
44
  const [insideComponent, setInsideComponent] = (0, _react.useState)(false);
45
45
  const [elementStyles, setElementStyles] = (0, _react.useState)();
46
+ const inputRef = (0, _react.useRef)(null);
46
47
  const componentRef = (0, _react.useRef)(null);
47
48
  const selectWrapper = (0, _react.useRef)();
48
49
  const handleOnSelect = itemSelected => {
@@ -91,8 +92,9 @@ const MultiSelectField = props => {
91
92
  setInputValue(currentValue);
92
93
  };
93
94
  const onOpenClose = () => {
94
- setOpened(!opened);
95
+ setOpened(prevState => !prevState);
95
96
  if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);
97
+ setDataCombo(dataSource);
96
98
  };
97
99
  const onCheckAll = function () {
98
100
  let fromFilter = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
@@ -118,6 +120,17 @@ const MultiSelectField = props => {
118
120
  setInputValue('');
119
121
  }
120
122
  };
123
+ const onBlurOutSide = event => {
124
+ var _componentRef$current2;
125
+ const {
126
+ relatedTarget
127
+ } = event;
128
+ if (relatedTarget !== componentRef.current && !((_componentRef$current2 = componentRef.current) !== null && _componentRef$current2 !== void 0 && _componentRef$current2.contains(relatedTarget))) {
129
+ setOpened(false);
130
+ setDataCombo(dataSource);
131
+ setInputValue('');
132
+ }
133
+ };
121
134
  const setOnDeniedValue = onDeniedValue => {
122
135
  setOnDenied(onDeniedValue);
123
136
  };
@@ -144,10 +157,12 @@ const MultiSelectField = props => {
144
157
  }
145
158
  window.addEventListener('resize', onScreenResize);
146
159
  document.addEventListener('click', onClickOutSide);
160
+ document.addEventListener('focusout', onBlurOutSide);
147
161
  document.addEventListener('mousemove', onMouseMove);
148
162
  return () => {
149
163
  window.removeEventListener('resize', onScreenResize);
150
164
  document.removeEventListener('click', onClickOutSide);
165
+ document.removeEventListener('focusout', onBlurOutSide);
151
166
  document.removeEventListener('mousemove', onMouseMove);
152
167
  };
153
168
  }, []);
@@ -177,6 +192,7 @@ const MultiSelectField = props => {
177
192
  className: "multiSelect-component"
178
193
  }, /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({}, props, {
179
194
  value: label,
195
+ inputRef: inputRef,
180
196
  onFocus: () => {
181
197
  onFocus();
182
198
  },
package/lib/inputs/period/PeriodList.js CHANGED
@@ -38,15 +38,24 @@ const PeriodList = _ref => {
38
38
  className: "dropdown-period"
39
39
  }, periodOptions.map(item => {
40
40
  const itemSelected = selected === item.id;
41
- return /*#__PURE__*/_react.default.createElement("button", {
42
- key: String('item-').concat(item.id),
41
+ return /*#__PURE__*/_react.default.createElement("div", {
42
+ role: "button",
43
43
  tabIndex: -1,
44
+ onKeyDown: () => {},
45
+ key: "item-".concat(item.id),
44
46
  className: (0, _helper.getDropdownItemCssClass)(itemSelected),
45
47
  onClick: () => {
46
48
  const dates = item.id !== 'custom' ? (0, _helper.CalcDatesByPeriod)(item.id) : null;
47
49
  handleOnSelect(item.id, dates);
48
50
  }
49
- }, item.label);
51
+ }, /*#__PURE__*/_react.default.createElement("span", {
52
+ role: "button",
53
+ className: "menubutton",
54
+ tabIndex: -1,
55
+ onKeyPress: () => {}
56
+ }, /*#__PURE__*/_react.default.createElement("span", {
57
+ className: "label"
58
+ }, item.label)));
50
59
  }));
51
60
  };
52
61
  var _default = exports.default = PeriodList;