@evergis/uilib-gl 1.0.3 → 1.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/molecules/IconButton/types.d.ts +1 -0
  2. package/dist/molecules/Input/Input.d.ts +18 -393
  3. package/dist/molecules/Input/types.d.ts +1 -1
  4. package/dist/organisms/AutoComplete/types.d.ts +1 -1
  5. package/dist/uilib-gl.esm.js +13 -9
  6. package/dist/uilib-gl.esm.js.map +1 -1
  7. package/package.json +1 -1
package/dist/molecules/IconButton/types.d.ts CHANGED
@@ -21,4 +21,5 @@ export interface IconButtonProps {
21
21
  notFixedWidth?: boolean;
22
22
  iconRight?: boolean;
23
23
  active?: boolean;
24
+ hasBg?: boolean;
24
25
  }
package/dist/molecules/Input/Input.d.ts CHANGED
@@ -1,394 +1,19 @@
1
1
  import React from "react";
2
- export declare const Input: {
3
- new (props: (React.InputHTMLAttributes<HTMLInputElement> & {
4
- label?: React.ReactNode;
5
- asChip?: boolean | undefined;
6
- help?: React.ReactNode;
7
- width?: string | undefined;
8
- height?: string | undefined;
9
- iconBefore?: React.ReactNode;
10
- valuePrefix?: React.ReactNode;
11
- error?: boolean | undefined;
12
- innerRef?: RefType<HTMLInputElement>;
13
- success?: boolean | undefined;
14
- disableInputOnly?: boolean | undefined;
15
- onRemove?: (() => void) | undefined;
16
- onKeyPress?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
17
- onKeyDown?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
18
- active?: boolean | undefined;
19
- } & import("../../hoc").IwithLabelProps<HTMLInputElement>) | Readonly<React.InputHTMLAttributes<HTMLInputElement> & {
20
- label?: React.ReactNode;
21
- asChip?: boolean | undefined;
22
- help?: React.ReactNode;
23
- width?: string | undefined;
24
- height?: string | undefined;
25
- iconBefore?: React.ReactNode;
26
- valuePrefix?: React.ReactNode;
27
- error?: boolean | undefined;
28
- innerRef?: RefType<HTMLInputElement>;
29
- success?: boolean | undefined;
30
- disableInputOnly?: boolean | undefined;
31
- onRemove?: (() => void) | undefined;
32
- onKeyPress?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
33
- onKeyDown?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
34
- active?: boolean | undefined;
35
- } & import("../../hoc").IwithLabelProps<HTMLInputElement>>): {
36
- state: import("../../hoc").IState;
37
- onFocus: (e: React.FocusEvent<HTMLInputElement, Element>) => void;
38
- onBlur: (e: React.FocusEvent<HTMLInputElement, Element>) => void;
39
- render(): JSX.Element;
40
- context: any;
41
- setState<K extends "focused">(state: import("../../hoc").IState | ((prevState: Readonly<import("../../hoc").IState>, props: Readonly<React.InputHTMLAttributes<HTMLInputElement> & {
42
- label?: React.ReactNode;
43
- asChip?: boolean | undefined;
44
- help?: React.ReactNode;
45
- width?: string | undefined;
46
- height?: string | undefined;
47
- iconBefore?: React.ReactNode;
48
- valuePrefix?: React.ReactNode;
49
- error?: boolean | undefined;
50
- innerRef?: RefType<HTMLInputElement>;
51
- success?: boolean | undefined;
52
- disableInputOnly?: boolean | undefined;
53
- onRemove?: (() => void) | undefined;
54
- onKeyPress?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
55
- onKeyDown?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
56
- active?: boolean | undefined;
57
- } & import("../../hoc").IwithLabelProps<HTMLInputElement>>) => import("../../hoc").IState | Pick<import("../../hoc").IState, K> | null) | Pick<import("../../hoc").IState, K> | null, callback?: (() => void) | undefined): void;
58
- forceUpdate(callback?: (() => void) | undefined): void;
59
- readonly props: Readonly<React.InputHTMLAttributes<HTMLInputElement> & {
60
- label?: React.ReactNode;
61
- asChip?: boolean | undefined;
62
- help?: React.ReactNode;
63
- width?: string | undefined;
64
- height?: string | undefined;
65
- iconBefore?: React.ReactNode;
66
- valuePrefix?: React.ReactNode;
67
- error?: boolean | undefined;
68
- innerRef?: RefType<HTMLInputElement>;
69
- success?: boolean | undefined;
70
- disableInputOnly?: boolean | undefined;
71
- onRemove?: (() => void) | undefined;
72
- onKeyPress?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
73
- onKeyDown?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
74
- active?: boolean | undefined;
75
- } & import("../../hoc").IwithLabelProps<HTMLInputElement>> & Readonly<{
76
- children?: React.ReactNode;
77
- }>;
78
- refs: {
79
- [key: string]: React.ReactInstance;
80
- };
81
- componentDidMount?(): void;
82
- shouldComponentUpdate?(nextProps: Readonly<React.InputHTMLAttributes<HTMLInputElement> & {
83
- label?: React.ReactNode;
84
- asChip?: boolean | undefined;
85
- help?: React.ReactNode;
86
- width?: string | undefined;
87
- height?: string | undefined;
88
- iconBefore?: React.ReactNode;
89
- valuePrefix?: React.ReactNode;
90
- error?: boolean | undefined;
91
- innerRef?: RefType<HTMLInputElement>;
92
- success?: boolean | undefined;
93
- disableInputOnly?: boolean | undefined;
94
- onRemove?: (() => void) | undefined;
95
- onKeyPress?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
96
- onKeyDown?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
97
- active?: boolean | undefined;
98
- } & import("../../hoc").IwithLabelProps<HTMLInputElement>>, nextState: Readonly<import("../../hoc").IState>, nextContext: any): boolean;
99
- componentWillUnmount?(): void;
100
- componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
101
- getSnapshotBeforeUpdate?(prevProps: Readonly<React.InputHTMLAttributes<HTMLInputElement> & {
102
- label?: React.ReactNode;
103
- asChip?: boolean | undefined;
104
- help?: React.ReactNode;
105
- width?: string | undefined;
106
- height?: string | undefined;
107
- iconBefore?: React.ReactNode;
108
- valuePrefix?: React.ReactNode;
109
- error?: boolean | undefined;
110
- innerRef?: RefType<HTMLInputElement>;
111
- success?: boolean | undefined;
112
- disableInputOnly?: boolean | undefined;
113
- onRemove?: (() => void) | undefined;
114
- onKeyPress?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
115
- onKeyDown?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
116
- active?: boolean | undefined;
117
- } & import("../../hoc").IwithLabelProps<HTMLInputElement>>, prevState: Readonly<import("../../hoc").IState>): any;
118
- componentDidUpdate?(prevProps: Readonly<React.InputHTMLAttributes<HTMLInputElement> & {
119
- label?: React.ReactNode;
120
- asChip?: boolean | undefined;
121
- help?: React.ReactNode;
122
- width?: string | undefined;
123
- height?: string | undefined;
124
- iconBefore?: React.ReactNode;
125
- valuePrefix?: React.ReactNode;
126
- error?: boolean | undefined;
127
- innerRef?: RefType<HTMLInputElement>;
128
- success?: boolean | undefined;
129
- disableInputOnly?: boolean | undefined;
130
- onRemove?: (() => void) | undefined;
131
- onKeyPress?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
132
- onKeyDown?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
133
- active?: boolean | undefined;
134
- } & import("../../hoc").IwithLabelProps<HTMLInputElement>>, prevState: Readonly<import("../../hoc").IState>, snapshot?: any): void;
135
- componentWillMount?(): void;
136
- UNSAFE_componentWillMount?(): void;
137
- componentWillReceiveProps?(nextProps: Readonly<React.InputHTMLAttributes<HTMLInputElement> & {
138
- label?: React.ReactNode;
139
- asChip?: boolean | undefined;
140
- help?: React.ReactNode;
141
- width?: string | undefined;
142
- height?: string | undefined;
143
- iconBefore?: React.ReactNode;
144
- valuePrefix?: React.ReactNode;
145
- error?: boolean | undefined;
146
- innerRef?: RefType<HTMLInputElement>;
147
- success?: boolean | undefined;
148
- disableInputOnly?: boolean | undefined;
149
- onRemove?: (() => void) | undefined;
150
- onKeyPress?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
151
- onKeyDown?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
152
- active?: boolean | undefined;
153
- } & import("../../hoc").IwithLabelProps<HTMLInputElement>>, nextContext: any): void;
154
- UNSAFE_componentWillReceiveProps?(nextProps: Readonly<React.InputHTMLAttributes<HTMLInputElement> & {
155
- label?: React.ReactNode;
156
- asChip?: boolean | undefined;
157
- help?: React.ReactNode;
158
- width?: string | undefined;
159
- height?: string | undefined;
160
- iconBefore?: React.ReactNode;
161
- valuePrefix?: React.ReactNode;
162
- error?: boolean | undefined;
163
- innerRef?: RefType<HTMLInputElement>;
164
- success?: boolean | undefined;
165
- disableInputOnly?: boolean | undefined;
166
- onRemove?: (() => void) | undefined;
167
- onKeyPress?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
168
- onKeyDown?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
169
- active?: boolean | undefined;
170
- } & import("../../hoc").IwithLabelProps<HTMLInputElement>>, nextContext: any): void;
171
- componentWillUpdate?(nextProps: Readonly<React.InputHTMLAttributes<HTMLInputElement> & {
172
- label?: React.ReactNode;
173
- asChip?: boolean | undefined;
174
- help?: React.ReactNode;
175
- width?: string | undefined;
176
- height?: string | undefined;
177
- iconBefore?: React.ReactNode;
178
- valuePrefix?: React.ReactNode;
179
- error?: boolean | undefined;
180
- innerRef?: RefType<HTMLInputElement>;
181
- success?: boolean | undefined;
182
- disableInputOnly?: boolean | undefined;
183
- onRemove?: (() => void) | undefined;
184
- onKeyPress?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
185
- onKeyDown?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
186
- active?: boolean | undefined;
187
- } & import("../../hoc").IwithLabelProps<HTMLInputElement>>, nextState: Readonly<import("../../hoc").IState>, nextContext: any): void;
188
- UNSAFE_componentWillUpdate?(nextProps: Readonly<React.InputHTMLAttributes<HTMLInputElement> & {
189
- label?: React.ReactNode;
190
- asChip?: boolean | undefined;
191
- help?: React.ReactNode;
192
- width?: string | undefined;
193
- height?: string | undefined;
194
- iconBefore?: React.ReactNode;
195
- valuePrefix?: React.ReactNode;
196
- error?: boolean | undefined;
197
- innerRef?: RefType<HTMLInputElement>;
198
- success?: boolean | undefined;
199
- disableInputOnly?: boolean | undefined;
200
- onRemove?: (() => void) | undefined;
201
- onKeyPress?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
202
- onKeyDown?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
203
- active?: boolean | undefined;
204
- } & import("../../hoc").IwithLabelProps<HTMLInputElement>>, nextState: Readonly<import("../../hoc").IState>, nextContext: any): void;
205
- };
206
- new (props: React.InputHTMLAttributes<HTMLInputElement> & {
207
- label?: React.ReactNode;
208
- asChip?: boolean | undefined;
209
- help?: React.ReactNode;
210
- width?: string | undefined;
211
- height?: string | undefined;
212
- iconBefore?: React.ReactNode;
213
- valuePrefix?: React.ReactNode;
214
- error?: boolean | undefined;
215
- innerRef?: RefType<HTMLInputElement>;
216
- success?: boolean | undefined;
217
- disableInputOnly?: boolean | undefined;
218
- onRemove?: (() => void) | undefined;
219
- onKeyPress?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
220
- onKeyDown?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
221
- active?: boolean | undefined;
222
- } & import("../../hoc").IwithLabelProps<HTMLInputElement>, context: any): {
223
- state: import("../../hoc").IState;
224
- onFocus: (e: React.FocusEvent<HTMLInputElement, Element>) => void;
225
- onBlur: (e: React.FocusEvent<HTMLInputElement, Element>) => void;
226
- render(): JSX.Element;
227
- context: any;
228
- setState<K extends "focused">(state: import("../../hoc").IState | ((prevState: Readonly<import("../../hoc").IState>, props: Readonly<React.InputHTMLAttributes<HTMLInputElement> & {
229
- label?: React.ReactNode;
230
- asChip?: boolean | undefined;
231
- help?: React.ReactNode;
232
- width?: string | undefined;
233
- height?: string | undefined;
234
- iconBefore?: React.ReactNode;
235
- valuePrefix?: React.ReactNode;
236
- error?: boolean | undefined;
237
- innerRef?: RefType<HTMLInputElement>;
238
- success?: boolean | undefined;
239
- disableInputOnly?: boolean | undefined;
240
- onRemove?: (() => void) | undefined;
241
- onKeyPress?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
242
- onKeyDown?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
243
- active?: boolean | undefined;
244
- } & import("../../hoc").IwithLabelProps<HTMLInputElement>>) => import("../../hoc").IState | Pick<import("../../hoc").IState, K> | null) | Pick<import("../../hoc").IState, K> | null, callback?: (() => void) | undefined): void;
245
- forceUpdate(callback?: (() => void) | undefined): void;
246
- readonly props: Readonly<React.InputHTMLAttributes<HTMLInputElement> & {
247
- label?: React.ReactNode;
248
- asChip?: boolean | undefined;
249
- help?: React.ReactNode;
250
- width?: string | undefined;
251
- height?: string | undefined;
252
- iconBefore?: React.ReactNode;
253
- valuePrefix?: React.ReactNode;
254
- error?: boolean | undefined;
255
- innerRef?: RefType<HTMLInputElement>;
256
- success?: boolean | undefined;
257
- disableInputOnly?: boolean | undefined;
258
- onRemove?: (() => void) | undefined;
259
- onKeyPress?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
260
- onKeyDown?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
261
- active?: boolean | undefined;
262
- } & import("../../hoc").IwithLabelProps<HTMLInputElement>> & Readonly<{
263
- children?: React.ReactNode;
264
- }>;
265
- refs: {
266
- [key: string]: React.ReactInstance;
267
- };
268
- componentDidMount?(): void;
269
- shouldComponentUpdate?(nextProps: Readonly<React.InputHTMLAttributes<HTMLInputElement> & {
270
- label?: React.ReactNode;
271
- asChip?: boolean | undefined;
272
- help?: React.ReactNode;
273
- width?: string | undefined;
274
- height?: string | undefined;
275
- iconBefore?: React.ReactNode;
276
- valuePrefix?: React.ReactNode;
277
- error?: boolean | undefined;
278
- innerRef?: RefType<HTMLInputElement>;
279
- success?: boolean | undefined;
280
- disableInputOnly?: boolean | undefined;
281
- onRemove?: (() => void) | undefined;
282
- onKeyPress?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
283
- onKeyDown?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
284
- active?: boolean | undefined;
285
- } & import("../../hoc").IwithLabelProps<HTMLInputElement>>, nextState: Readonly<import("../../hoc").IState>, nextContext: any): boolean;
286
- componentWillUnmount?(): void;
287
- componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
288
- getSnapshotBeforeUpdate?(prevProps: Readonly<React.InputHTMLAttributes<HTMLInputElement> & {
289
- label?: React.ReactNode;
290
- asChip?: boolean | undefined;
291
- help?: React.ReactNode;
292
- width?: string | undefined;
293
- height?: string | undefined;
294
- iconBefore?: React.ReactNode;
295
- valuePrefix?: React.ReactNode;
296
- error?: boolean | undefined;
297
- innerRef?: RefType<HTMLInputElement>;
298
- success?: boolean | undefined;
299
- disableInputOnly?: boolean | undefined;
300
- onRemove?: (() => void) | undefined;
301
- onKeyPress?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
302
- onKeyDown?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
303
- active?: boolean | undefined;
304
- } & import("../../hoc").IwithLabelProps<HTMLInputElement>>, prevState: Readonly<import("../../hoc").IState>): any;
305
- componentDidUpdate?(prevProps: Readonly<React.InputHTMLAttributes<HTMLInputElement> & {
306
- label?: React.ReactNode;
307
- asChip?: boolean | undefined;
308
- help?: React.ReactNode;
309
- width?: string | undefined;
310
- height?: string | undefined;
311
- iconBefore?: React.ReactNode;
312
- valuePrefix?: React.ReactNode;
313
- error?: boolean | undefined;
314
- innerRef?: RefType<HTMLInputElement>;
315
- success?: boolean | undefined;
316
- disableInputOnly?: boolean | undefined;
317
- onRemove?: (() => void) | undefined;
318
- onKeyPress?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
319
- onKeyDown?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
320
- active?: boolean | undefined;
321
- } & import("../../hoc").IwithLabelProps<HTMLInputElement>>, prevState: Readonly<import("../../hoc").IState>, snapshot?: any): void;
322
- componentWillMount?(): void;
323
- UNSAFE_componentWillMount?(): void;
324
- componentWillReceiveProps?(nextProps: Readonly<React.InputHTMLAttributes<HTMLInputElement> & {
325
- label?: React.ReactNode;
326
- asChip?: boolean | undefined;
327
- help?: React.ReactNode;
328
- width?: string | undefined;
329
- height?: string | undefined;
330
- iconBefore?: React.ReactNode;
331
- valuePrefix?: React.ReactNode;
332
- error?: boolean | undefined;
333
- innerRef?: RefType<HTMLInputElement>;
334
- success?: boolean | undefined;
335
- disableInputOnly?: boolean | undefined;
336
- onRemove?: (() => void) | undefined;
337
- onKeyPress?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
338
- onKeyDown?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
339
- active?: boolean | undefined;
340
- } & import("../../hoc").IwithLabelProps<HTMLInputElement>>, nextContext: any): void;
341
- UNSAFE_componentWillReceiveProps?(nextProps: Readonly<React.InputHTMLAttributes<HTMLInputElement> & {
342
- label?: React.ReactNode;
343
- asChip?: boolean | undefined;
344
- help?: React.ReactNode;
345
- width?: string | undefined;
346
- height?: string | undefined;
347
- iconBefore?: React.ReactNode;
348
- valuePrefix?: React.ReactNode;
349
- error?: boolean | undefined;
350
- innerRef?: RefType<HTMLInputElement>;
351
- success?: boolean | undefined;
352
- disableInputOnly?: boolean | undefined;
353
- onRemove?: (() => void) | undefined;
354
- onKeyPress?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
355
- onKeyDown?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
356
- active?: boolean | undefined;
357
- } & import("../../hoc").IwithLabelProps<HTMLInputElement>>, nextContext: any): void;
358
- componentWillUpdate?(nextProps: Readonly<React.InputHTMLAttributes<HTMLInputElement> & {
359
- label?: React.ReactNode;
360
- asChip?: boolean | undefined;
361
- help?: React.ReactNode;
362
- width?: string | undefined;
363
- height?: string | undefined;
364
- iconBefore?: React.ReactNode;
365
- valuePrefix?: React.ReactNode;
366
- error?: boolean | undefined;
367
- innerRef?: RefType<HTMLInputElement>;
368
- success?: boolean | undefined;
369
- disableInputOnly?: boolean | undefined;
370
- onRemove?: (() => void) | undefined;
371
- onKeyPress?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
372
- onKeyDown?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
373
- active?: boolean | undefined;
374
- } & import("../../hoc").IwithLabelProps<HTMLInputElement>>, nextState: Readonly<import("../../hoc").IState>, nextContext: any): void;
375
- UNSAFE_componentWillUpdate?(nextProps: Readonly<React.InputHTMLAttributes<HTMLInputElement> & {
376
- label?: React.ReactNode;
377
- asChip?: boolean | undefined;
378
- help?: React.ReactNode;
379
- width?: string | undefined;
380
- height?: string | undefined;
381
- iconBefore?: React.ReactNode;
382
- valuePrefix?: React.ReactNode;
383
- error?: boolean | undefined;
384
- innerRef?: RefType<HTMLInputElement>;
385
- success?: boolean | undefined;
386
- disableInputOnly?: boolean | undefined;
387
- onRemove?: (() => void) | undefined;
388
- onKeyPress?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
389
- onKeyDown?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
390
- active?: boolean | undefined;
391
- } & import("../../hoc").IwithLabelProps<HTMLInputElement>>, nextState: Readonly<import("../../hoc").IState>, nextContext: any): void;
392
- };
393
- contextType?: React.Context<any> | undefined;
394
- };
2
+ import { IwithLabelProps } from "../../hoc";
3
+ export declare const Input: React.FC<React.InputHTMLAttributes<HTMLInputElement> & {
4
+ label?: React.ReactNode;
5
+ asChip?: boolean | undefined;
6
+ help?: React.ReactNode;
7
+ width?: string | undefined;
8
+ height?: string | undefined;
9
+ iconBefore?: React.ReactNode;
10
+ valuePrefix?: React.ReactNode;
11
+ error?: boolean | undefined;
12
+ innerRef?: RefType<HTMLInputElement>;
13
+ success?: boolean | undefined;
14
+ disableInputOnly?: boolean | undefined;
15
+ onRemove?: (() => void) | undefined;
16
+ onKeyPress?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
17
+ onKeyDown?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
18
+ active?: boolean | undefined;
19
+ } & IwithLabelProps<HTMLInputElement>>;
package/dist/molecules/Input/types.d.ts CHANGED
@@ -15,7 +15,7 @@ export declare type InputProps = InputHTMLAttributes<HTMLInputElement> & {
15
15
  iconBefore?: ReactNode;
16
16
  valuePrefix?: ReactNode;
17
17
  error?: boolean;
18
- innerRef?: RefType<HTMLInputElement>;
18
+ innerRef?: RefType<HTMLInputElement> | null;
19
19
  success?: boolean;
20
20
  disableInputOnly?: boolean;
21
21
  onRemove?: () => void;
package/dist/organisms/AutoComplete/types.d.ts CHANGED
@@ -33,7 +33,7 @@ export interface IAutoCompleteState {
33
33
  export declare type FilterOptions = (value: string, options: IOption[]) => IOption[];
34
34
  export interface IInput {
35
35
  selectedSuggestion?: IOption;
36
- innerRef?: RefType<HTMLInputElement>;
36
+ innerRef?: RefType<HTMLInputElement | null>;
37
37
  }
38
38
  export interface IMenu extends IBlankProps {
39
39
  minWidth?: string;
package/dist/uilib-gl.esm.js CHANGED
@@ -8972,7 +8972,7 @@ CollapseComponent.defaultProps = {
8972
8972
  var Collapse = /*#__PURE__*/memo(CollapseComponent);
8973
8973
 
8974
8974
  var _templateObject$5;
8975
- var Blank = /*#__PURE__*/styled.div(_templateObject$5 || (_templateObject$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n max-height: ", ";\n min-width: ", ";\n background-color: ", ";\n box-shadow: ", ";\n color: ", ";\n border-radius: 0.1667rem;\n line-height: initial;\n overflow-y: auto;\n"])), function (_ref) {
8975
+ var Blank = /*#__PURE__*/styled.div(_templateObject$5 || (_templateObject$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n max-height: ", ";\n min-width: ", ";\n background-color: ", ";\n box-shadow: ", ";\n color: ", ";\n border-radius: 0.375rem;\n line-height: initial;\n overflow-y: auto;\n"])), function (_ref) {
8976
8976
  var width = _ref.width;
8977
8977
  return width || "auto";
8978
8978
  }, function (_ref2) {
@@ -9876,8 +9876,9 @@ var buttonActiveMixin = /*#__PURE__*/css(_templateObject2$b || (_templateObject2
9876
9876
  return palette.background;
9877
9877
  });
9878
9878
  var buttonHoverMixin = /*#__PURE__*/css(_templateObject3$8 || (_templateObject3$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &:hover {\n background: ", ";\n transition: background ", ";\n\n > ", ", ", " {\n transition: all ", ";\n }\n }\n"])), function (_ref3) {
9879
- var palette = _ref3.theme.palette;
9880
- return palette.elementDark;
9879
+ var hasBg = _ref3.hasBg,
9880
+ palette = _ref3.theme.palette;
9881
+ return hasBg ? palette.elementDark : "none";
9881
9882
  }, transition.hover, Icon, IconButtonInnerChild, transition.hover);
9882
9883
  var buttonMixin = /*#__PURE__*/css(_templateObject4$5 || (_templateObject4$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: none;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: ", ";\n padding: 0 1rem;\n height: 2.25rem;\n width: ", ";\n background: none;\n border: none;\n border-radius: 1.25rem;\n outline: none;\n cursor: pointer;\n backface-visibility: hidden;\n transform: translateZ(0) scale(1, 1);\n\n ", ";\n\n &:active > ", " {\n transform: scale(1.125, 1.125);\n transition: all ", ";\n }\n\n ", ", ", " {\n display: block;\n position: relative;\n transition: color ", ";\n\n &:after {\n display: block;\n position: absolute;\n left: 0;\n z-index: 2;\n }\n }\n\n &[disabled],\n ", "[disabled] & {\n ", ", ", " {\n color: ", ";\n }\n pointer-events: none;\n }\n"])), function (_ref4) {
9883
9884
  var iconRight = _ref4.iconRight;
@@ -13788,7 +13789,7 @@ ColorPickerComponent.defaultProps = {
13788
13789
  var ColorPicker = /*#__PURE__*/memo(ColorPickerComponent);
13789
13790
 
13790
13791
  var _templateObject$15, _templateObject2$w, _templateObject3$m, _templateObject4$f, _templateObject5$b, _templateObject6$5, _templateObject7$3;
13791
- var OptionContainer = /*#__PURE__*/styled.div(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-start;\n align-items: flex-start;\n min-height: 1.25em;\n padding: 0.625em 1.5rem;\n color: ", ";\n background-color: ", ";\n cursor: ", ";\n\n & span {\n ", "\n }\n\n &:hover {\n background: ", ";\n }\n\n &:active {\n background: ", ";\n }\n\n padding-left: ", ";\n"])), function (_ref) {
13792
+ var OptionContainer = /*#__PURE__*/styled.div(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-start;\n align-items: flex-start;\n min-height: 1.25em;\n padding: 0.75rem 1rem;\n color: ", ";\n background-color: ", ";\n border-radius: 0.25rem;\n cursor: ", ";\n\n & span {\n ", "\n }\n\n &:hover {\n background: ", ";\n }\n\n &:active {\n background: ", ";\n }\n\n padding-left: ", ";\n"])), function (_ref) {
13792
13793
  var _ref$theme = _ref.theme,
13793
13794
  dropdown = _ref$theme.dropdown,
13794
13795
  palette = _ref$theme.palette,
@@ -13822,7 +13823,7 @@ var OptionContainer = /*#__PURE__*/styled.div(_templateObject$15 || (_templateOb
13822
13823
  var withPadding = _ref6.withPadding;
13823
13824
  return withPadding && "3rem";
13824
13825
  });
13825
- var OptionIcon = /*#__PURE__*/styled.span(_templateObject2$w || (_templateObject2$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 0.5rem;\n min-width: 1rem;\n text-overflow: unset !important;\n"])));
13826
+ var OptionIcon = /*#__PURE__*/styled.span(_templateObject2$w || (_templateObject2$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 1rem;\n min-width: 1rem;\n text-overflow: unset !important;\n"])));
13826
13827
  var OptionDescription = /*#__PURE__*/styled(Description)(_templateObject3$m || (_templateObject3$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0.25rem 0 0 0;\n ", "\n"])), textOverflowEllipsisMixin);
13827
13828
  var DividerLine = /*#__PURE__*/styled(Divider)(_templateObject4$f || (_templateObject4$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: auto;\n margin: 0.625rem 0;\n"])));
13828
13829
  var OptionText = /*#__PURE__*/styled.span(_templateObject5$b || (_templateObject5$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), textOverflowEllipsisMixin);
@@ -13907,7 +13908,7 @@ var OptionComponent = function OptionComponent(_ref) {
13907
13908
  disabled: disabled
13908
13909
  })), React__default.createElement(OptionValueWrapper, null, React__default.createElement(OptionValueContainer, null, React__default.createElement(OptionText, {
13909
13910
  disabled: disabled
13910
- }, text), React__default.createElement(OptionDescription, null, description)), suffix && React__default.createElement("div", {
13911
+ }, text), description && React__default.createElement(OptionDescription, null, description)), suffix && React__default.createElement("div", {
13911
13912
  style: {
13912
13913
  marginLeft: "0.5rem"
13913
13914
  }
@@ -15901,11 +15902,14 @@ var IconsBlock = /*#__PURE__*/styled.span(_templateObject15 || (_templateObject1
15901
15902
  var marginRightStyle = {
15902
15903
  marginRight: "0.5rem"
15903
15904
  };
15904
- var ActionButtonsContainer = /*#__PURE__*/styled(FlexSpan)(_templateObject16 || (_templateObject16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n align-items: center;\n flex-wrap: nowrap;\n > button {\n font-family: \"NunitoSans\", Tahoma, sans-serif;\n font-size: 0.875rem;\n font-weight: 600;\n text-transform: uppercase;\n }\n"])));
15905
- var CardBodyContainer = /*#__PURE__*/styled.div(_templateObject17 || (_templateObject17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n background-color: ", ";\n padding-bottom: 1.5rem;\n z-index: 1;\n flex-grow: 1;\n"])), function (_ref16) {
15905
+ var ActionButtonsContainer = /*#__PURE__*/styled(FlexSpan)(_templateObject16 || (_templateObject16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n align-items: center;\n flex-wrap: nowrap;\n\n > button {\n background: ", ";\n font-family: \"NunitoSans\", Tahoma, sans-serif;\n font-size: 0.875rem;\n font-weight: 600;\n text-transform: uppercase;\n }\n"])), function (_ref16) {
15906
15906
  var theme = _ref16.theme;
15907
15907
  return theme.palette.background;
15908
15908
  });
15909
+ var CardBodyContainer = /*#__PURE__*/styled.div(_templateObject17 || (_templateObject17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n background-color: ", ";\n padding-bottom: 1.5rem;\n z-index: 1;\n flex-grow: 1;\n"])), function (_ref17) {
15910
+ var theme = _ref17.theme;
15911
+ return theme.palette.background;
15912
+ });
15909
15913
 
15910
15914
  var _excluded$P = ["imageSource", "fallback", "header", "title", "description", "children", "imageHeight", "checkbox", "imageGradient"];
15911
15915
 
@@ -16022,7 +16026,7 @@ var CardComponent = function CardComponent(_ref) {
16022
16026
  var Card = /*#__PURE__*/memo(CardComponent);
16023
16027
 
16024
16028
  var _templateObject$1k;
16025
- var CustomBlank = /*#__PURE__*/styled(Blank)(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n pointer-events: auto;\n max-height: ", ";\n max-width: 23rem;\n\n @media screen and (max-width: 992px) {\n max-width: 14rem;\n }\n"])), function (_ref) {
16029
+ var CustomBlank = /*#__PURE__*/styled(Blank)(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0.5rem;\n pointer-events: auto;\n max-height: ", ";\n max-width: 23rem;\n\n @media screen and (max-width: 992px) {\n max-width: 14rem;\n }\n"])), function (_ref) {
16026
16030
  var maxHeight = _ref.maxHeight;
16027
16031
  return maxHeight != null ? maxHeight : "40vh";
16028
16032
  });