@onewelcome/react-lib-components 1.3.0 → 1.5.0

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 (118) hide show
  1. package/README.md +7 -0
  2. package/dist/Breadcrumbs/Breadcrumbs.d.ts +1 -1
  3. package/dist/Button/IconButton.d.ts +2 -1
  4. package/dist/ContextMenu/ContextMenu.d.ts +4 -1
  5. package/dist/DataGrid/DataGrid.d.ts +1 -0
  6. package/dist/DataGrid/DataGridActions/DataGridActions.d.ts +2 -1
  7. package/dist/DataGrid/DataGridActions/DataGridColumnsToggle.d.ts +1 -1
  8. package/dist/DataGrid/datagrid.interfaces.d.ts +4 -4
  9. package/dist/Form/Form.d.ts +3 -3
  10. package/dist/Form/FormControl/FormControl.d.ts +1 -1
  11. package/dist/Form/Input/Input.d.ts +1 -1
  12. package/dist/Form/Select/Select.d.ts +1 -1
  13. package/dist/Form/Select/Select.interfaces.d.ts +1 -1
  14. package/dist/Icon/Icon.d.ts +1 -1
  15. package/dist/Link/Link.d.ts +1 -1
  16. package/dist/Notifications/SlideInModal/SlideInModal.d.ts +1 -1
  17. package/dist/Notifications/Snackbar/interfaces.d.ts +2 -2
  18. package/dist/Pagination/Pagination.d.ts +3 -3
  19. package/dist/Popover/Popover.d.ts +3 -1
  20. package/dist/Tabs/Tab.d.ts +5 -9
  21. package/dist/Tabs/TabButton.d.ts +3 -6
  22. package/dist/Tabs/Tabs.d.ts +1 -2
  23. package/dist/Typography/Typography.d.ts +2 -2
  24. package/dist/Wizard/Wizard.d.ts +1 -1
  25. package/dist/Wizard/wizardStateReducer.d.ts +2 -2
  26. package/dist/_BaseStyling_/BaseStyling.d.ts +2 -0
  27. package/dist/hooks/usePosition.d.ts +6 -5
  28. package/dist/hooks/useSpacing.d.ts +3 -3
  29. package/dist/interfaces.d.ts +1 -1
  30. package/dist/react-lib-components.cjs.development.js +507 -440
  31. package/dist/react-lib-components.cjs.development.js.map +1 -1
  32. package/dist/react-lib-components.cjs.production.min.js +1 -1
  33. package/dist/react-lib-components.cjs.production.min.js.map +1 -1
  34. package/dist/react-lib-components.esm.js +508 -441
  35. package/dist/react-lib-components.esm.js.map +1 -1
  36. package/dist/util/helper.d.ts +1 -1
  37. package/package.json +36 -35
  38. package/src/Breadcrumbs/Breadcrumbs.tsx +46 -38
  39. package/src/Button/BaseButton.tsx +23 -20
  40. package/src/Button/Button.tsx +40 -40
  41. package/src/Button/IconButton.tsx +28 -28
  42. package/src/ContextMenu/ContextMenu.tsx +180 -168
  43. package/src/ContextMenu/ContextMenuItem.tsx +55 -49
  44. package/src/DataGrid/DataGrid.tsx +1 -0
  45. package/src/DataGrid/DataGridActions/DataGridActions.module.scss +1 -1
  46. package/src/DataGrid/DataGridActions/DataGridActions.test.tsx +4 -2
  47. package/src/DataGrid/DataGridActions/DataGridActions.tsx +95 -87
  48. package/src/DataGrid/DataGridActions/DataGridColumnsToggle.tsx +64 -64
  49. package/src/DataGrid/DataGridBody/DataGridCell.tsx +42 -44
  50. package/src/DataGrid/DataGridBody/DataGridRow.tsx +29 -29
  51. package/src/DataGrid/DataGridHeader/DataGridHeader.tsx +78 -78
  52. package/src/DataGrid/DataGridHeader/DataGridHeaderCell.tsx +48 -48
  53. package/src/Form/Checkbox/Checkbox.tsx +134 -130
  54. package/src/Form/Fieldset/Fieldset.tsx +81 -78
  55. package/src/Form/Form.tsx +9 -4
  56. package/src/Form/FormControl/FormControl.module.scss +1 -20
  57. package/src/Form/FormControl/FormControl.tsx +36 -35
  58. package/src/Form/FormGroup/FormGroup.tsx +62 -62
  59. package/src/Form/FormHelperText/FormHelperText.tsx +19 -18
  60. package/src/Form/FormSelectorWrapper/FormSelectorWrapper.tsx +58 -53
  61. package/src/Form/Input/Input.test.tsx +12 -0
  62. package/src/Form/Input/Input.tsx +91 -87
  63. package/src/Form/Label/Label.tsx +17 -16
  64. package/src/Form/Radio/Radio.tsx +91 -91
  65. package/src/Form/Select/Option.tsx +66 -60
  66. package/src/Form/Select/Select.tsx +207 -209
  67. package/src/Form/Textarea/Textarea.tsx +51 -53
  68. package/src/Form/Toggle/Toggle.tsx +26 -23
  69. package/src/Form/Wrapper/CheckboxWrapper/CheckboxWrapper.tsx +51 -43
  70. package/src/Form/Wrapper/InputWrapper/InputWrapper.tsx +112 -106
  71. package/src/Form/Wrapper/RadioWrapper/RadioWrapper.tsx +67 -62
  72. package/src/Form/Wrapper/SelectWrapper/SelectWrapper.tsx +42 -37
  73. package/src/Form/Wrapper/TextareaWrapper/TextareaWrapper.tsx +94 -94
  74. package/src/Form/Wrapper/Wrapper/Wrapper.tsx +73 -73
  75. package/src/Icon/Icon.tsx +19 -16
  76. package/src/Link/Link.tsx +68 -63
  77. package/src/Notifications/BaseModal/BaseModal.tsx +68 -68
  78. package/src/Notifications/BaseModal/BaseModalActions/BaseModalActions.tsx +13 -10
  79. package/src/Notifications/BaseModal/BaseModalContent/BaseModalContent.tsx +33 -25
  80. package/src/Notifications/BaseModal/BaseModalHeader/BaseModalHeader.tsx +20 -17
  81. package/src/Notifications/Dialog/Dialog.tsx +83 -83
  82. package/src/Notifications/Dialog/DialogActions/DialogActions.tsx +17 -14
  83. package/src/Notifications/Dialog/DialogTitle/DialogTitle.tsx +15 -12
  84. package/src/Notifications/DiscardChangesModal/DiscardChangesDialog/DiscardChangesDialog.tsx +40 -40
  85. package/src/Notifications/SlideInModal/SlideInModal.module.scss +5 -5
  86. package/src/Notifications/SlideInModal/SlideInModal.test.tsx +7 -2
  87. package/src/Notifications/SlideInModal/SlideInModal.tsx +47 -27
  88. package/src/Pagination/Pagination.tsx +169 -169
  89. package/src/Popover/Popover.module.scss +1 -0
  90. package/src/Popover/Popover.test.tsx +4 -1
  91. package/src/Popover/Popover.tsx +74 -32
  92. package/src/ProgressBar/ProgressBar.tsx +17 -14
  93. package/src/Skeleton/Skeleton.tsx +23 -20
  94. package/src/StatusIndicator/StatusIndicator.tsx +18 -15
  95. package/src/Tabs/{TabPanel.module.scss → Tab.module.scss} +1 -1
  96. package/src/Tabs/Tab.test.tsx +1 -39
  97. package/src/Tabs/Tab.tsx +16 -10
  98. package/src/Tabs/TabButton.module.scss +0 -4
  99. package/src/Tabs/TabButton.test.tsx +3 -31
  100. package/src/Tabs/TabButton.tsx +35 -49
  101. package/src/Tabs/Tabs.test.tsx +40 -33
  102. package/src/Tabs/Tabs.tsx +107 -101
  103. package/src/TextEllipsis/TextEllipsis.tsx +50 -41
  104. package/src/Tiles/Tile.tsx +58 -56
  105. package/src/Tiles/Tiles.tsx +44 -41
  106. package/src/Tooltip/Tooltip.test.tsx +5 -5
  107. package/src/Tooltip/Tooltip.tsx +101 -100
  108. package/src/Typography/Typography.tsx +47 -44
  109. package/src/Wizard/BaseWizardSteps/BaseWizardSteps.tsx +55 -52
  110. package/src/Wizard/WizardSteps/WizardSteps.tsx +25 -22
  111. package/src/_BaseStyling_/BaseStyling.tsx +4 -0
  112. package/src/hooks/usePosition.test.tsx +85 -85
  113. package/src/hooks/usePosition.ts +6 -3
  114. package/src/mixins.module.scss +7 -7
  115. package/src/util/helper.test.tsx +0 -28
  116. package/dist/Tabs/TabPanel.d.ts +0 -8
  117. package/src/Tabs/TabPanel.test.tsx +0 -92
  118. package/src/Tabs/TabPanel.tsx +0 -43
package/dist/hooks/usePosition.d.ts CHANGED
@@ -5,10 +5,11 @@ export interface ConfigObject {
5
5
  transformOrigin?: Placement;
6
6
  placement?: Placement;
7
7
  offset?: Offset;
8
+ debounceAmount?: number;
8
9
  }
9
- export declare type HorizontalPlacement = "left" | "center" | "centerh" | "right";
10
- export declare type VerticalPlacement = "top" | "center" | "centerv" | "bottom";
11
- declare type RefElement = React.RefObject<HTMLOrSVGElement> | undefined;
10
+ export type HorizontalPlacement = "left" | "center" | "centerh" | "right";
11
+ export type VerticalPlacement = "top" | "center" | "centerv" | "bottom";
12
+ type RefElement = React.RefObject<HTMLOrSVGElement> | undefined;
12
13
  export interface Placement {
13
14
  horizontal: HorizontalPlacement;
14
15
  vertical: VerticalPlacement;
@@ -25,12 +26,12 @@ export interface Position {
25
26
  bottom: PositionType;
26
27
  left: PositionType;
27
28
  }
28
- declare type PositionType = number | "initial";
29
+ type PositionType = number | "initial";
29
30
  export declare const usePosition: (providedConfigObject?: ConfigObject) => {
30
31
  top: PositionType;
31
32
  bottom: PositionType;
32
33
  left: PositionType;
33
34
  right: PositionType;
34
- calculatePosition: () => void;
35
+ calculatePosition: (...args: any[]) => void;
35
36
  };
36
37
  export {};
package/dist/hooks/useSpacing.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { CSSProperties } from "react";
2
- export declare type SpacingMultiplier = 0 | 0.5 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
3
- declare type SpacingMultiplierStringOrNumber = `${SpacingMultiplier}` | SpacingMultiplier;
4
- declare type MultiValueSpacingMultiplier = `${SpacingMultiplier} ${SpacingMultiplier} ${SpacingMultiplier} ${SpacingMultiplier}` | `${SpacingMultiplier} ${SpacingMultiplier} ${SpacingMultiplier}` | `${SpacingMultiplier} ${SpacingMultiplier}` | SpacingMultiplierStringOrNumber;
2
+ export type SpacingMultiplier = 0 | 0.5 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
3
+ type SpacingMultiplierStringOrNumber = `${SpacingMultiplier}` | SpacingMultiplier;
4
+ type MultiValueSpacingMultiplier = `${SpacingMultiplier} ${SpacingMultiplier} ${SpacingMultiplier} ${SpacingMultiplier}` | `${SpacingMultiplier} ${SpacingMultiplier} ${SpacingMultiplier}` | `${SpacingMultiplier} ${SpacingMultiplier}` | SpacingMultiplierStringOrNumber;
5
5
  export interface Spacing {
6
6
  padding?: MultiValueSpacingMultiplier;
7
7
  paddingTop?: SpacingMultiplierStringOrNumber;
package/dist/interfaces.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export declare type DataAttributeKey = `data-${string}`;
1
+ export type DataAttributeKey = `data-${string}`;
2
2
  export interface KeyValuePair {
3
3
  [dataAttribute: DataAttributeKey]: unknown;
4
4
  }