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.
@@ -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 leftIconOnClick {
258
+ namespace multiline {
259
259
  const name_24: string;
260
260
  export { name_24 as name };
261
- export const action: string;
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 name_25: string;
267
- export { name_25 as name };
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 description_15: string;
271
- export { description_15 as description };
334
+ const description_18: string;
335
+ export { description_18 as description };
272
336
  }
273
337
  namespace onChange {
274
- const name_26: string;
275
- export { name_26 as name };
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 description_16: string;
279
- export { description_16 as description };
342
+ const description_19: string;
343
+ export { description_19 as description };
280
344
  }
281
345
  namespace onBlur {
282
- const name_27: string;
283
- export { name_27 as name };
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 description_17: string;
287
- export { description_17 as description };
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 DropdownTable {
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;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sag_components",
3
- "version": "2.0.0-beta176",
3
+ "version": "2.0.0-beta178",
4
4
  "description": "",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.esm.js",