@trackunit/react-components 0.0.52 → 0.0.55

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 (107) hide show
  1. package/common/CommonProps.d.ts +0 -4
  2. package/common/useContainerProps.d.ts +4 -4
  3. package/components/{alert → Alert}/Alert.d.ts +0 -16
  4. package/components/{alert → Alert}/index.d.ts +0 -0
  5. package/components/{badge → Badge}/Badge.d.ts +8 -32
  6. package/components/{badge → Badge}/index.d.ts +0 -0
  7. package/components/{baseInput → BaseInput}/BaseInput.d.ts +0 -16
  8. package/components/{baseInput → BaseInput}/index.d.ts +0 -0
  9. package/components/{card → Card}/Card.d.ts +0 -4
  10. package/components/{card → Card}/CardBody.d.ts +0 -0
  11. package/components/{card → Card}/CardFooter.d.ts +0 -0
  12. package/components/{card → Card}/CardHeader.d.ts +1 -1
  13. package/components/{card → Card}/DensityContainer.d.ts +0 -6
  14. package/components/{card → Card}/index.d.ts +0 -0
  15. package/components/{chart → Chart}/Chart.d.ts +3 -31
  16. package/components/{chart → Chart}/index.d.ts +0 -0
  17. package/components/{checkbox → Checkbox}/CheckIcon.d.ts +0 -0
  18. package/components/{checkbox → Checkbox}/Checkbox.d.ts +0 -12
  19. package/components/{checkbox → Checkbox}/IndeterminateIcon.d.ts +0 -0
  20. package/components/{checkbox → Checkbox}/index.d.ts +0 -0
  21. package/components/{collapse → Collapse}/Collapse.d.ts +0 -8
  22. package/components/{collapse → Collapse}/index.d.ts +0 -0
  23. package/components/{copyableText → CopyableText}/CopyableText.d.ts +0 -6
  24. package/components/{copyableText → CopyableText}/index.d.ts +0 -0
  25. package/components/{dateField → DateField}/DateField.d.ts +1 -13
  26. package/components/{dateField → DateField}/index.d.ts +0 -0
  27. package/components/{dayPicker → DayPicker}/DayPicker.d.ts +0 -0
  28. package/components/{dayPicker → DayPicker}/DayPickerPopover.d.ts +1 -1
  29. package/components/{dayPicker → DayPicker}/DayRangePicker.d.ts +0 -0
  30. package/components/{dayPicker → DayPicker}/index.d.ts +0 -0
  31. package/components/{dayPicker → DayPicker}/useLocale.d.ts +0 -0
  32. package/components/{formGroup → FormGroup}/FormGroup.d.ts +0 -10
  33. package/components/{heading → Heading}/Heading.d.ts +0 -8
  34. package/components/{heading → Heading}/index.d.ts +0 -0
  35. package/components/{icon → Icon}/Icon.d.ts +7 -9
  36. package/components/{indicator → Indicator}/Indicator.d.ts +7 -9
  37. package/components/{indicator → Indicator}/index.d.ts +0 -0
  38. package/components/{label → Label}/Label.d.ts +0 -8
  39. package/components/{label → Label}/index.d.ts +0 -0
  40. package/components/{legendItem → LegendItem}/LegendItem.d.ts +0 -0
  41. package/components/{legendItem → LegendItem}/index.d.ts +0 -0
  42. package/components/{menu → Menu}/MenuButton.d.ts +0 -0
  43. package/components/{menu → Menu}/MenuItem.d.ts +3 -13
  44. package/components/{menu → Menu}/MenuList.d.ts +6 -12
  45. package/components/{menu → Menu}/index.d.ts +0 -0
  46. package/components/{modal → Modal}/Modal.d.ts +0 -10
  47. package/components/{modal → Modal}/ModalBackdrop.d.ts +0 -0
  48. package/components/{modal → Modal}/index.d.ts +0 -0
  49. package/components/{modal → Modal}/useModal.d.ts +0 -0
  50. package/components/{multiRowTableCell → MultiRowTableCell}/MultiRowTableCell.d.ts +3 -9
  51. package/components/{multiRowTableCell → MultiRowTableCell}/index.d.ts +0 -0
  52. package/components/NumberField/NumberField.d.ts +8 -3
  53. package/components/NumberInput/NumberInput.d.ts +1 -1
  54. package/components/{pageHeading → PageHeading}/PageHeading.d.ts +0 -6
  55. package/components/{pageHeading → PageHeading}/index.d.ts +0 -0
  56. package/components/{popover → Popover}/AnimatedPopover.d.ts +0 -0
  57. package/components/{popover → Popover}/PopoverList.d.ts +0 -0
  58. package/components/{popover → Popover}/PopoverListItem.d.ts +0 -0
  59. package/components/{popover → Popover}/PopoverTitle.d.ts +0 -0
  60. package/components/{popover → Popover}/index.d.ts +0 -0
  61. package/components/{popover → Popover}/usePopover.d.ts +0 -0
  62. package/components/{prompt → Prompt}/Prompt.d.ts +3 -3
  63. package/components/{prompt → Prompt}/index.d.ts +0 -0
  64. package/components/{radioGroup → RadioGroup}/RadioGroup.d.ts +0 -16
  65. package/components/{radioGroup → RadioGroup}/RadioGroupContext.d.ts +0 -0
  66. package/components/{radioGroup → RadioGroup}/RadioItem.d.ts +0 -4
  67. package/components/{radioGroup → RadioGroup}/index.d.ts +0 -0
  68. package/components/{select → Select}/CreatableSelect.d.ts +0 -0
  69. package/components/{select → Select}/FieldContainer.d.ts +0 -0
  70. package/components/{select → Select}/Select.d.ts +0 -0
  71. package/components/{select → Select}/index.d.ts +0 -0
  72. package/components/{select → Select}/shared.d.ts +0 -18
  73. package/components/{skeletonLines → SkeletonLines}/SkeletonLines.d.ts +2 -12
  74. package/components/{skeletonLines → SkeletonLines}/index.d.ts +0 -0
  75. package/components/{spacer → Spacer}/Spacer.d.ts +0 -4
  76. package/components/{spacer → Spacer}/index.d.ts +0 -0
  77. package/components/{spinner → Spinner}/Spinner.d.ts +9 -1
  78. package/components/{spinner → Spinner}/index.d.ts +0 -0
  79. package/components/Tag/Tag.d.ts +44 -0
  80. package/components/Tag/index.d.ts +1 -0
  81. package/components/{text → Text}/Text.d.ts +0 -20
  82. package/components/{text → Text}/index.d.ts +0 -0
  83. package/components/{textArea → TextArea}/TextArea.d.ts +0 -0
  84. package/components/{textArea → TextArea}/index.d.ts +0 -0
  85. package/components/{textField → TextField}/TextField.d.ts +8 -5
  86. package/components/{textField → TextField}/TextLenghtIndicator.d.ts +0 -0
  87. package/components/{textField → TextField}/index.d.ts +0 -0
  88. package/components/TextInput/TextInput.d.ts +1 -1
  89. package/components/{tip → Tip}/Tip.d.ts +2 -4
  90. package/components/{tip → Tip}/index.d.ts +0 -0
  91. package/components/{toggle → Toggle}/Toggle.d.ts +0 -0
  92. package/components/{toggle → Toggle}/index.d.ts +0 -0
  93. package/components/{tooltip → Tooltip}/Tooltip.d.ts +2 -20
  94. package/components/{tooltip → Tooltip}/index.d.ts +0 -0
  95. package/components/buttons/{button → Button}/Button.d.ts +0 -12
  96. package/components/buttons/{icon-button → IconButton}/IconButton.d.ts +0 -6
  97. package/components/buttons/{star-button → StarButton}/StarButton.d.ts +0 -0
  98. package/components/buttons/index.d.ts +3 -3
  99. package/components/buttons/shared/ButtonProps.d.ts +0 -14
  100. package/components/buttons/shared/helpers.d.ts +1 -1
  101. package/components/index.d.ts +34 -33
  102. package/index.js +159 -56
  103. package/layout/helper/MinTopFullContentLayout.d.ts +3 -3
  104. package/layout/responsive/FilterListMapLayout.d.ts +3 -3
  105. package/layout/responsive/FullWidthRepeatingLayout.d.ts +3 -3
  106. package/layout/responsive/IntrinsicallyResponsiveGrid.d.ts +3 -3
  107. package/package.json +1 -1
@@ -7,62 +7,42 @@ export declare type TextWeight = "default" | "thick" | "bold";
7
7
  export interface TextProps extends CommonProps {
8
8
  /**
9
9
  * Child nodes.
10
- *
11
- * @memberof TextProps
12
10
  */
13
11
  children: React.ReactNode;
14
12
  /**
15
13
  * Type of element. Element can be of types "p", "span", or "div".
16
- *
17
- * @memberof TextProps
18
14
  */
19
15
  type?: TextType;
20
16
  /**
21
17
  * Size of element. Values can be "default", "small", or "large".
22
- *
23
- * @memberof TextProps
24
18
  */
25
19
  size?: TextSize;
26
20
  /**
27
21
  * Alignment of the text. Values can be "left", "center", or "right".
28
- *
29
- * @memberof TextProps
30
22
  */
31
23
  align?: TextAlign;
32
24
  /**
33
25
  * Weight of the text. Values can be "default", "thick", or "bold".
34
- *
35
- * @memberof TextProps
36
26
  */
37
27
  weight?: TextWeight;
38
28
  /**
39
29
  * Whether font styles are inverted.
40
- *
41
- * @memberof TextProps
42
30
  */
43
31
  inverted?: boolean;
44
32
  /**
45
33
  * Whether font styles are subtle or not.
46
- *
47
- * @memberof TextProps
48
34
  */
49
35
  subtle?: boolean;
50
36
  /**
51
37
  * Whether text is italicized.
52
- *
53
- * @memberof TextProps
54
38
  */
55
39
  italicize?: boolean;
56
40
  /**
57
41
  * Whether text is uppercase.
58
- *
59
- * @memberof TextProps
60
42
  */
61
43
  uppercase?: boolean;
62
44
  /**
63
45
  * Whether text is underlined or not.
64
- *
65
- * @memberof TextProps
66
46
  */
67
47
  underline?: boolean;
68
48
  }
File without changes
File without changes
File without changes
@@ -1,21 +1,24 @@
1
1
  import * as React from "react";
2
- import { FormGroupProps } from "../formGroup/FormGroup";
2
+ import { FormGroupProps } from "../FormGroup/FormGroup";
3
3
  import { TextInputProps } from "../TextInput/TextInput";
4
4
  declare type FormGroupExposedProps = Pick<FormGroupProps, "label" | "tip" | "helpText" | "helpAddon">;
5
5
  export interface TextFieldProps extends TextInputProps, FormGroupExposedProps {
6
6
  /**
7
7
  * Set the Maximal length of the value for the input.
8
8
  * Adds a TextLenghtIndicator to the right of the helpText.
9
- *
10
- * @memberof TextFieldProps
11
9
  */
12
10
  maxLength?: number;
13
11
  /**
14
12
  * If a value is set, the field is rendered in its invalid state.
15
- *
16
- * @memberof TextFieldProps
17
13
  */
18
14
  errorMessage?: string;
19
15
  }
16
+ /**
17
+ * Text fields enable the user to interact with and input content and data. This component can be used for long and short form entries. Allow the size of the text input box to reflect the length of the content you expect the user to enter.
18
+ *
19
+ * _**Do use** when the user has to input or edit simple text based information, such as metadata._
20
+ *
21
+ * _**Do not use** to confirm user actions, such as deleting. Use a checkbox for such flows._
22
+ */
20
23
  export declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement>>;
21
24
  export {};
File without changes
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { BaseInputProps } from "../baseInput/BaseInput";
2
+ import { BaseInputProps } from "../BaseInput/BaseInput";
3
3
  declare type BaseInputExposedProps = Omit<BaseInputProps, "type">;
4
4
  export interface TextInputProps extends BaseInputExposedProps {
5
5
  }
@@ -1,12 +1,10 @@
1
1
  import * as React from "react";
2
2
  import { CommonProps } from "../../common";
3
- import { IconProps } from "../icon/Icon";
4
- import { TooltipProps } from "../tooltip";
3
+ import { IconProps } from "../Icon/Icon";
4
+ import { TooltipProps } from "../Tooltip";
5
5
  export interface TipProps extends CommonProps {
6
6
  /**
7
7
  * Child nodes to render inside the tip.
8
- *
9
- * @memberof TipProps
10
8
  */
11
9
  children: React.ReactNode;
12
10
  iconProps?: Partial<IconProps>;
File without changes
File without changes
File without changes
@@ -1,59 +1,41 @@
1
1
  import * as React from "react";
2
- import { PopoverPlacement } from "../popover";
3
- import { TextType } from "../text";
2
+ import { PopoverPlacement } from "../Popover";
3
+ import { TextType } from "../Text";
4
4
  export interface TooltipProps {
5
5
  /**
6
6
  * The text to be displayed in the tooltip.
7
- *
8
- * @memberof TooltipProps
9
7
  */
10
8
  label: string | React.ReactNode;
11
9
  /**
12
10
  * Where the tooltip should be placed.
13
- *
14
- * @memberof TooltipProps
15
11
  */
16
12
  placement?: PopoverPlacement;
17
13
  /**
18
14
  * Child nodes
19
- *
20
- * @memberof TooltipProps
21
15
  */
22
16
  children?: React.ReactNode;
23
17
  /**
24
18
  * Id of test component.
25
- *
26
- * @memberof TooltipProps
27
19
  */
28
20
  dataTestId?: string;
29
21
  /**
30
22
  * Whether the tooltip is disabled or not.
31
- *
32
- * @memberof TooltipProps
33
23
  */
34
24
  disabled?: boolean;
35
25
  /**
36
26
  * To select either "light" or "dark" mode.
37
- *
38
- * @memberof TooltipProps
39
27
  */
40
28
  mode?: "light" | "dark";
41
29
  /**
42
30
  * Offset value of the tooltip.
43
- *
44
- * @memberof TooltipProps
45
31
  */
46
32
  offset?: [number, number];
47
33
  /**
48
34
  * Additional classes to the component.
49
- *
50
- * @memberof TooltipProps
51
35
  */
52
36
  className?: string;
53
37
  /**
54
38
  * Type of content.
55
- *
56
- * @memberof TooltipProps
57
39
  */
58
40
  contentTextType?: TextType;
59
41
  }
File without changes
@@ -11,38 +11,26 @@ export interface ButtonProps extends ButtonCommonProps {
11
11
  onClick?: (event: React.MouseEvent<HTMLElement>) => void;
12
12
  /**
13
13
  * Child nodes. Can be used to pass in text to be displayed on the button.
14
- *
15
- * @memberof ButtonProps
16
14
  */
17
15
  children?: React.ReactNode;
18
16
  /**
19
17
  * Whether button is fullWidth or not.
20
- *
21
- * @memberof ButtonProps
22
18
  */
23
19
  fullWidth?: boolean;
24
20
  /**
25
21
  * The button prefix.
26
- *
27
- * @memberof ButtonProps
28
22
  */
29
23
  prefix?: React.ReactNode;
30
24
  /**
31
25
  * The button suffix.
32
- *
33
- * @memberof ButtonProps
34
26
  */
35
27
  suffix?: React.ReactNode;
36
28
  /**
37
29
  * The type of the button. Values can be "submit" or "button".
38
- *
39
- * @memberof ButtonProps
40
30
  */
41
31
  type?: ButtonType;
42
32
  /**
43
33
  * The element type the button will be rendered as.
44
- *
45
- * @memberof ButtonProps
46
34
  */
47
35
  renderAs?: keyof JSX.IntrinsicElements | React.ComponentType<any>;
48
36
  /**
@@ -3,14 +3,10 @@ import { ButtonCommonProps, ButtonSize } from "../shared/ButtonProps";
3
3
  export interface IconButtonProps extends ButtonCommonProps {
4
4
  /**
5
5
  * The icon to display.
6
- *
7
- * @memberof IconButtonProps
8
6
  */
9
7
  icon: React.ReactNode;
10
8
  /**
11
9
  * Whether the button is circular or not.
12
- *
13
- * @memberof IconButtonProps
14
10
  */
15
11
  circular?: boolean;
16
12
  /**
@@ -22,8 +18,6 @@ export interface IconButtonProps extends ButtonCommonProps {
22
18
  renderAs?: keyof JSX.IntrinsicElements | React.ComponentType<any>;
23
19
  /**
24
20
  * The size of the button. Defaults to "small".
25
- *
26
- * @memberof IconButtonProps
27
21
  */
28
22
  size?: ButtonSize;
29
23
  }
@@ -1,4 +1,4 @@
1
- export * from "./button/Button";
2
- export * from "./icon-button/IconButton";
1
+ export * from "./Button/Button";
2
+ export * from "./IconButton/IconButton";
3
3
  export * from "./shared/ButtonProps";
4
- export * from "./star-button/StarButton";
4
+ export * from "./StarButton/StarButton";
@@ -8,44 +8,30 @@ export interface ButtonCommonProps extends CommonProps {
8
8
  onClick?: (event: React.MouseEvent<HTMLElement>) => void;
9
9
  /**
10
10
  * Whether the button is loading.
11
- *
12
- * @memberof ButtonCommonProps
13
11
  */
14
12
  loading?: boolean;
15
13
  /**
16
14
  * Whether the button is disabled.
17
- *
18
- * @memberof ButtonCommonProps
19
15
  */
20
16
  disabled?: boolean;
21
17
  /**
22
18
  * Button with square aspect ratio.
23
- *
24
- * @memberof ButtonCommonProps
25
19
  */
26
20
  square?: boolean;
27
21
  /**
28
22
  * The button's variant. Values are filled, transparent, plain.
29
- *
30
- * @memberof ButtonCommonProps
31
23
  */
32
24
  intent?: ButtonIntent;
33
25
  /**
34
26
  * The variant of the button.
35
- *
36
- * @memberof ButtonCommonProps
37
27
  */
38
28
  variant?: ButtonVariant;
39
29
  /**
40
30
  * The size of the button.
41
- *
42
- * @memberof ButtonCommonProps
43
31
  */
44
32
  size?: ButtonSize;
45
33
  /**
46
34
  * The link to be used for the button.
47
- *
48
- * @memberof ButtonCommonProps
49
35
  */
50
36
  to?: string;
51
37
  title?: string;
@@ -1,4 +1,4 @@
1
- import { ButtonIntent, ButtonSize, ButtonVariant } from "../shared/ButtonProps";
1
+ import { ButtonIntent, ButtonSize, ButtonVariant } from "./ButtonProps";
2
2
  interface ButtonProps {
3
3
  $intent: ButtonIntent;
4
4
  $variant: ButtonVariant;
@@ -1,37 +1,38 @@
1
- export * from "./alert";
2
- export * from "./badge";
3
- export * from "./baseInput";
1
+ export * from "./Alert";
2
+ export * from "./Badge";
3
+ export * from "./BaseInput";
4
4
  export * from "./buttons";
5
- export * from "./card";
6
- export * from "./chart";
7
- export * from "./checkbox";
8
- export * from "./collapse";
9
- export * from "./copyableText";
10
- export * from "./dateField";
11
- export * from "./dayPicker";
12
- export * from "./formGroup/FormGroup";
13
- export * from "./heading";
14
- export * from "./icon/Icon";
15
- export * from "./indicator";
16
- export * from "./label";
17
- export * from "./legendItem";
18
- export * from "./menu";
19
- export * from "./modal";
20
- export * from "./multiRowTableCell";
5
+ export * from "./Card";
6
+ export * from "./Chart";
7
+ export * from "./Checkbox";
8
+ export * from "./Collapse";
9
+ export * from "./CopyableText";
10
+ export * from "./DateField";
11
+ export * from "./DayPicker";
12
+ export * from "./FormGroup/FormGroup";
13
+ export * from "./Heading";
14
+ export * from "./Icon/Icon";
15
+ export * from "./Indicator";
16
+ export * from "./Label";
17
+ export * from "./LegendItem";
18
+ export * from "./Menu";
19
+ export * from "./Modal";
20
+ export * from "./MultiRowTableCell";
21
21
  export * from "./NumberField/NumberField";
22
22
  export * from "./NumberInput/NumberInput";
23
- export * from "./pageHeading";
24
- export * from "./popover";
25
- export * from "./prompt";
26
- export * from "./radioGroup";
27
- export * from "./select";
28
- export * from "./skeletonLines";
29
- export * from "./spacer";
30
- export * from "./spinner";
31
- export * from "./text";
32
- export * from "./textArea";
33
- export * from "./textField";
23
+ export * from "./PageHeading";
24
+ export * from "./Popover";
25
+ export * from "./Prompt";
26
+ export * from "./RadioGroup";
27
+ export * from "./Select";
28
+ export * from "./SkeletonLines";
29
+ export * from "./Spacer";
30
+ export * from "./Spinner";
31
+ export * from "./Tag";
32
+ export * from "./Text";
33
+ export * from "./TextArea";
34
+ export * from "./TextField";
34
35
  export * from "./TextInput/TextInput";
35
- export * from "./tip";
36
- export * from "./toggle";
37
- export * from "./tooltip";
36
+ export * from "./Tip";
37
+ export * from "./Toggle";
38
+ export * from "./Tooltip";