sag_components 2.0.0-beta176 → 2.0.0-beta178
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.
- package/dist/index.d.ts +14 -1
- package/dist/index.esm.js +327 -91
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +327 -91
- package/dist/index.js.map +1 -1
- package/dist/types/components/Input/Input.d.ts +14 -1
- package/dist/types/components/Input/Input.stories.d.ts +85 -14
- package/dist/types/components/Input/Input.style.d.ts +1 -0
- package/dist/types/components/Table/DropMenus/Dropdown.d.ts +7 -1
- package/dist/types/components/Table/Table.stories.d.ts +40 -1
- package/dist/types/components/Table/TableBody.d.ts +5 -1
- package/dist/types/components/Table/TableHeader.d.ts +3 -1
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export default Input;
|
|
2
|
-
declare function Input({ label, labelEmptyValue, size, selectedValue, placeHolder, onChange, onBlur, required, disabled, isDarkerBackground, width, error, errorMessage, labelColor, leftIcon, rightIcon, password, leftIconOnClick, rightIconOnClick, }: {
|
|
2
|
+
declare function Input({ label, labelEmptyValue, size, selectedValue, placeHolder, onChange, onBlur, required, disabled, isDarkerBackground, width, height, error, errorMessage, labelColor, leftIcon, rightIcon, password, leftIconOnClick, rightIconOnClick, multiline, rows, maxLength, }: {
|
|
3
3
|
label: any;
|
|
4
4
|
labelEmptyValue: any;
|
|
5
5
|
size: any;
|
|
@@ -11,6 +11,7 @@ declare function Input({ label, labelEmptyValue, size, selectedValue, placeHolde
|
|
|
11
11
|
disabled: any;
|
|
12
12
|
isDarkerBackground?: boolean;
|
|
13
13
|
width: any;
|
|
14
|
+
height?: string;
|
|
14
15
|
error: any;
|
|
15
16
|
errorMessage: any;
|
|
16
17
|
labelColor: any;
|
|
@@ -19,6 +20,9 @@ declare function Input({ label, labelEmptyValue, size, selectedValue, placeHolde
|
|
|
19
20
|
password: any;
|
|
20
21
|
leftIconOnClick: any;
|
|
21
22
|
rightIconOnClick: any;
|
|
23
|
+
multiline?: boolean;
|
|
24
|
+
rows?: number;
|
|
25
|
+
maxLength: any;
|
|
22
26
|
}): import("react/jsx-runtime").JSX.Element;
|
|
23
27
|
declare namespace Input {
|
|
24
28
|
namespace propTypes {
|
|
@@ -40,6 +44,9 @@ declare namespace Input {
|
|
|
40
44
|
const leftIcon: PropTypes.Requireable<string>;
|
|
41
45
|
const rightIcon: PropTypes.Requireable<string>;
|
|
42
46
|
const password: PropTypes.Requireable<boolean>;
|
|
47
|
+
const multiline: PropTypes.Requireable<boolean>;
|
|
48
|
+
const rows: PropTypes.Requireable<number>;
|
|
49
|
+
const maxLength: PropTypes.Requireable<number>;
|
|
43
50
|
}
|
|
44
51
|
namespace defaultProps {
|
|
45
52
|
const placeHolder_1: string;
|
|
@@ -76,6 +83,12 @@ declare namespace Input {
|
|
|
76
83
|
export { onBlur_1 as onBlur };
|
|
77
84
|
const password_1: boolean;
|
|
78
85
|
export { password_1 as password };
|
|
86
|
+
const multiline_1: boolean;
|
|
87
|
+
export { multiline_1 as multiline };
|
|
88
|
+
const rows_1: number;
|
|
89
|
+
export { rows_1 as rows };
|
|
90
|
+
const maxLength_1: any;
|
|
91
|
+
export { maxLength_1 as maxLength };
|
|
79
92
|
}
|
|
80
93
|
}
|
|
81
94
|
import PropTypes from "prop-types";
|
|
@@ -255,36 +255,100 @@ declare namespace _default {
|
|
|
255
255
|
const description_13: string;
|
|
256
256
|
export { description_13 as description };
|
|
257
257
|
}
|
|
258
|
-
namespace
|
|
258
|
+
namespace multiline {
|
|
259
259
|
const name_24: string;
|
|
260
260
|
export { name_24 as name };
|
|
261
|
-
export
|
|
261
|
+
export namespace type_24 {
|
|
262
|
+
const name_25: string;
|
|
263
|
+
export { name_25 as name };
|
|
264
|
+
}
|
|
265
|
+
export { type_24 as type };
|
|
262
266
|
const description_14: string;
|
|
263
267
|
export { description_14 as description };
|
|
268
|
+
export namespace defaultValue_10 {
|
|
269
|
+
const summary_10: boolean;
|
|
270
|
+
export { summary_10 as summary };
|
|
271
|
+
}
|
|
272
|
+
export { defaultValue_10 as defaultValue };
|
|
273
|
+
export namespace control_14 {
|
|
274
|
+
const type_25: string;
|
|
275
|
+
export { type_25 as type };
|
|
276
|
+
}
|
|
277
|
+
export { control_14 as control };
|
|
278
|
+
}
|
|
279
|
+
namespace rows {
|
|
280
|
+
const name_26: string;
|
|
281
|
+
export { name_26 as name };
|
|
282
|
+
export namespace type_26 {
|
|
283
|
+
const name_27: string;
|
|
284
|
+
export { name_27 as name };
|
|
285
|
+
}
|
|
286
|
+
export { type_26 as type };
|
|
287
|
+
const description_15: string;
|
|
288
|
+
export { description_15 as description };
|
|
289
|
+
export namespace defaultValue_11 {
|
|
290
|
+
const summary_11: number;
|
|
291
|
+
export { summary_11 as summary };
|
|
292
|
+
}
|
|
293
|
+
export { defaultValue_11 as defaultValue };
|
|
294
|
+
export namespace control_15 {
|
|
295
|
+
const type_27: string;
|
|
296
|
+
export { type_27 as type };
|
|
297
|
+
export const min: number;
|
|
298
|
+
export const max: number;
|
|
299
|
+
}
|
|
300
|
+
export { control_15 as control };
|
|
301
|
+
}
|
|
302
|
+
namespace maxLength {
|
|
303
|
+
const name_28: string;
|
|
304
|
+
export { name_28 as name };
|
|
305
|
+
export namespace type_28 {
|
|
306
|
+
const name_29: string;
|
|
307
|
+
export { name_29 as name };
|
|
308
|
+
}
|
|
309
|
+
export { type_28 as type };
|
|
310
|
+
const description_16: string;
|
|
311
|
+
export { description_16 as description };
|
|
312
|
+
export namespace control_16 {
|
|
313
|
+
const type_29: string;
|
|
314
|
+
export { type_29 as type };
|
|
315
|
+
const min_1: number;
|
|
316
|
+
export { min_1 as min };
|
|
317
|
+
const max_1: number;
|
|
318
|
+
export { max_1 as max };
|
|
319
|
+
}
|
|
320
|
+
export { control_16 as control };
|
|
321
|
+
}
|
|
322
|
+
namespace leftIconOnClick {
|
|
323
|
+
const name_30: string;
|
|
324
|
+
export { name_30 as name };
|
|
325
|
+
export const action: string;
|
|
326
|
+
const description_17: string;
|
|
327
|
+
export { description_17 as description };
|
|
264
328
|
}
|
|
265
329
|
namespace rightIconOnClick {
|
|
266
|
-
const
|
|
267
|
-
export {
|
|
330
|
+
const name_31: string;
|
|
331
|
+
export { name_31 as name };
|
|
268
332
|
const action_1: string;
|
|
269
333
|
export { action_1 as action };
|
|
270
|
-
const
|
|
271
|
-
export {
|
|
334
|
+
const description_18: string;
|
|
335
|
+
export { description_18 as description };
|
|
272
336
|
}
|
|
273
337
|
namespace onChange {
|
|
274
|
-
const
|
|
275
|
-
export {
|
|
338
|
+
const name_32: string;
|
|
339
|
+
export { name_32 as name };
|
|
276
340
|
const action_2: string;
|
|
277
341
|
export { action_2 as action };
|
|
278
|
-
const
|
|
279
|
-
export {
|
|
342
|
+
const description_19: string;
|
|
343
|
+
export { description_19 as description };
|
|
280
344
|
}
|
|
281
345
|
namespace onBlur {
|
|
282
|
-
const
|
|
283
|
-
export {
|
|
346
|
+
const name_33: string;
|
|
347
|
+
export { name_33 as name };
|
|
284
348
|
const action_3: string;
|
|
285
349
|
export { action_3 as action };
|
|
286
|
-
const
|
|
287
|
-
export {
|
|
350
|
+
const description_20: string;
|
|
351
|
+
export { description_20 as description };
|
|
288
352
|
}
|
|
289
353
|
}
|
|
290
354
|
}
|
|
@@ -303,5 +367,12 @@ export const MediumRightIcon: any;
|
|
|
303
367
|
export const MediumLeftAndRightIcon: any;
|
|
304
368
|
export const ErrorMessage: any;
|
|
305
369
|
export const Password: any;
|
|
370
|
+
export const TextareaSmall: any;
|
|
371
|
+
export const TextareaMedium: any;
|
|
372
|
+
export const TextareaWithInitialValue: any;
|
|
373
|
+
export const TextareaWithCharacterLimit: any;
|
|
374
|
+
export const TextareaWithError: any;
|
|
375
|
+
export const TextareaDisabled: any;
|
|
376
|
+
export const TextareaLarge: any;
|
|
306
377
|
import Input from "./Input";
|
|
307
378
|
declare const iconsList: string[];
|
|
@@ -3,5 +3,6 @@ export const Label: import("styled-components/dist/types").IStyledComponentBase<
|
|
|
3
3
|
export const InputContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
4
4
|
export const InputSubContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
5
5
|
export const StyledInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
|
|
6
|
+
export const StyledTextarea: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, never>> & string;
|
|
6
7
|
export const ErrorMessage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
7
8
|
export const IconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export default Dropdown;
|
|
2
|
-
declare function Dropdown({ isOpen, options, selectedValue, displayText, onToggle, onOptionSelect, maxDropdownHeight, isRowFocused, isRowHovered, selectedColor }: {
|
|
2
|
+
declare function Dropdown({ isOpen, options, selectedValue, displayText, onToggle, onOptionSelect, maxDropdownHeight, isRowFocused, isRowHovered, selectedColor, dropdownOptionsWidth, dropdownOptionsAlignment, placeholder }: {
|
|
3
3
|
isOpen: any;
|
|
4
4
|
options: any;
|
|
5
5
|
selectedValue: any;
|
|
@@ -10,6 +10,9 @@ declare function Dropdown({ isOpen, options, selectedValue, displayText, onToggl
|
|
|
10
10
|
isRowFocused?: boolean;
|
|
11
11
|
isRowHovered?: boolean;
|
|
12
12
|
selectedColor: any;
|
|
13
|
+
dropdownOptionsWidth: any;
|
|
14
|
+
dropdownOptionsAlignment?: string;
|
|
15
|
+
placeholder?: string;
|
|
13
16
|
}): import("react/jsx-runtime").JSX.Element;
|
|
14
17
|
declare namespace Dropdown {
|
|
15
18
|
namespace propTypes {
|
|
@@ -26,6 +29,9 @@ declare namespace Dropdown {
|
|
|
26
29
|
const isRowFocused: PropTypes.Requireable<boolean>;
|
|
27
30
|
const isRowHovered: PropTypes.Requireable<boolean>;
|
|
28
31
|
const selectedColor: PropTypes.Requireable<string>;
|
|
32
|
+
const dropdownOptionsWidth: PropTypes.Requireable<string>;
|
|
33
|
+
const dropdownOptionsAlignment: PropTypes.Requireable<string>;
|
|
34
|
+
const placeholder: PropTypes.Requireable<string>;
|
|
29
35
|
}
|
|
30
36
|
}
|
|
31
37
|
import PropTypes from "prop-types";
|
|
@@ -348,6 +348,22 @@ declare namespace _default {
|
|
|
348
348
|
const name_40: string;
|
|
349
349
|
export { name_40 as name };
|
|
350
350
|
}
|
|
351
|
+
namespace onCheckboxClick {
|
|
352
|
+
const action_12: string;
|
|
353
|
+
export { action_12 as action };
|
|
354
|
+
const description_41: string;
|
|
355
|
+
export { description_41 as description };
|
|
356
|
+
const name_41: string;
|
|
357
|
+
export { name_41 as name };
|
|
358
|
+
}
|
|
359
|
+
namespace onHeaderCheckboxClick {
|
|
360
|
+
const action_13: string;
|
|
361
|
+
export { action_13 as action };
|
|
362
|
+
const description_42: string;
|
|
363
|
+
export { description_42 as description };
|
|
364
|
+
const name_42: string;
|
|
365
|
+
export { name_42 as name };
|
|
366
|
+
}
|
|
351
367
|
}
|
|
352
368
|
}
|
|
353
369
|
export default _default;
|
|
@@ -695,7 +711,7 @@ export namespace ExpandableTable {
|
|
|
695
711
|
args: any;
|
|
696
712
|
}) => import("react/jsx-runtime").JSX.Element)[];
|
|
697
713
|
}
|
|
698
|
-
export namespace
|
|
714
|
+
export namespace CheckboxTable {
|
|
699
715
|
export namespace args_11 {
|
|
700
716
|
const width_12: string;
|
|
701
717
|
export { width_12 as width };
|
|
@@ -709,6 +725,8 @@ export namespace DropdownTable {
|
|
|
709
725
|
export { counter_5 as counter };
|
|
710
726
|
const showSideButton_5: boolean;
|
|
711
727
|
export { showSideButton_5 as showSideButton };
|
|
728
|
+
const showHorizontalScroll_4: boolean;
|
|
729
|
+
export { showHorizontalScroll_4 as showHorizontalScroll };
|
|
712
730
|
}
|
|
713
731
|
export { args_11 as args };
|
|
714
732
|
const decorators_1: ((Story: any, { args }: {
|
|
@@ -716,6 +734,27 @@ export namespace DropdownTable {
|
|
|
716
734
|
}) => import("react/jsx-runtime").JSX.Element)[];
|
|
717
735
|
export { decorators_1 as decorators };
|
|
718
736
|
}
|
|
737
|
+
export namespace DropdownTable {
|
|
738
|
+
export namespace args_12 {
|
|
739
|
+
const width_13: string;
|
|
740
|
+
export { width_13 as width };
|
|
741
|
+
const height_13: string;
|
|
742
|
+
export { height_13 as height };
|
|
743
|
+
const tableBodyHeight_13: string;
|
|
744
|
+
export { tableBodyHeight_13 as tableBodyHeight };
|
|
745
|
+
const tableTitle_13: string;
|
|
746
|
+
export { tableTitle_13 as tableTitle };
|
|
747
|
+
const counter_6: number;
|
|
748
|
+
export { counter_6 as counter };
|
|
749
|
+
const showSideButton_6: boolean;
|
|
750
|
+
export { showSideButton_6 as showSideButton };
|
|
751
|
+
}
|
|
752
|
+
export { args_12 as args };
|
|
753
|
+
const decorators_2: ((Story: any, { args }: {
|
|
754
|
+
args: any;
|
|
755
|
+
}) => import("react/jsx-runtime").JSX.Element)[];
|
|
756
|
+
export { decorators_2 as decorators };
|
|
757
|
+
}
|
|
719
758
|
import Table from "./Table";
|
|
720
759
|
import { columns1 } from "./data";
|
|
721
760
|
import { data1 } from "./data";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export default TableBody;
|
|
2
|
-
declare function TableBody({ columns, data, onRowClick, onSendClick, buttonColor, buttonHoverColor, selectedColor, onDeleteClick, resetFocusIndex, changeFocusIndex, onFocusChange, indexToShimmer, statuses, onCommentSave, commentTextLimit, expandable, expandedRows, expandedContent, onExpandRow, expandedBackgroundColor, onDropdownSelected, ref, }: {
|
|
2
|
+
declare function TableBody({ columns, data, onRowClick, onSendClick, buttonColor, buttonHoverColor, selectedColor, onDeleteClick, resetFocusIndex, changeFocusIndex, onFocusChange, indexToShimmer, statuses, onCommentSave, commentTextLimit, expandable, expandedRows, expandedContent, onExpandRow, expandedBackgroundColor, onDropdownSelected, onCheckboxClick, onHeaderCheckboxClick, ref, }: {
|
|
3
3
|
columns: any;
|
|
4
4
|
data: any;
|
|
5
5
|
onRowClick: any;
|
|
@@ -24,6 +24,8 @@ declare function TableBody({ columns, data, onRowClick, onSendClick, buttonColor
|
|
|
24
24
|
onExpandRow?: () => void;
|
|
25
25
|
expandedBackgroundColor?: string;
|
|
26
26
|
onDropdownSelected?: () => void;
|
|
27
|
+
onCheckboxClick?: () => void;
|
|
28
|
+
onHeaderCheckboxClick?: () => void;
|
|
27
29
|
ref?: any;
|
|
28
30
|
}): import("react/jsx-runtime").JSX.Element;
|
|
29
31
|
declare namespace TableBody {
|
|
@@ -44,6 +46,8 @@ declare namespace TableBody {
|
|
|
44
46
|
const onCommentSave: PropTypes.Requireable<(...args: any[]) => any>;
|
|
45
47
|
const commentTextLimit: PropTypes.Requireable<number>;
|
|
46
48
|
const onDropdownSelected: PropTypes.Requireable<(...args: any[]) => any>;
|
|
49
|
+
const onCheckboxClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
50
|
+
const onHeaderCheckboxClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
47
51
|
const ref: PropTypes.Requireable<object>;
|
|
48
52
|
}
|
|
49
53
|
const displayName: string;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export default TableHeader;
|
|
2
|
-
declare function TableHeader({ columns, onSort, onFilter, onSelectAll, activeFilters, activeSorts, expandable }: {
|
|
2
|
+
declare function TableHeader({ columns, onSort, onFilter, onSelectAll, activeFilters, activeSorts, expandable, onHeaderCheckboxClick, headerCheckboxStates }: {
|
|
3
3
|
columns: any;
|
|
4
4
|
onSort: any;
|
|
5
5
|
onFilter: any;
|
|
@@ -7,4 +7,6 @@ declare function TableHeader({ columns, onSort, onFilter, onSelectAll, activeFil
|
|
|
7
7
|
activeFilters?: any[];
|
|
8
8
|
activeSorts?: any[];
|
|
9
9
|
expandable?: boolean;
|
|
10
|
+
onHeaderCheckboxClick?: () => void;
|
|
11
|
+
headerCheckboxStates?: {};
|
|
10
12
|
}): import("react/jsx-runtime").JSX.Element;
|