@mezzanine-ui/react 1.0.0-beta.6 → 1.0.0-beta.7

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 (142) hide show
  1. package/Accordion/Accordion.d.ts +23 -1
  2. package/Accordion/Accordion.js +59 -11
  3. package/Accordion/AccordionActions.d.ts +13 -0
  4. package/Accordion/AccordionActions.js +24 -0
  5. package/Accordion/AccordionContent.d.ts +9 -0
  6. package/Accordion/{AccordionDetails.js → AccordionContent.js} +4 -6
  7. package/Accordion/AccordionControlContext.d.ts +2 -2
  8. package/Accordion/AccordionGroup.d.ts +10 -0
  9. package/Accordion/AccordionGroup.js +26 -0
  10. package/Accordion/AccordionTitle.d.ts +14 -0
  11. package/Accordion/AccordionTitle.js +56 -0
  12. package/Accordion/index.d.ts +8 -4
  13. package/Accordion/index.js +4 -2
  14. package/AutoComplete/AutoComplete.d.ts +20 -6
  15. package/AutoComplete/AutoComplete.js +118 -30
  16. package/Backdrop/Backdrop.js +15 -19
  17. package/Calendar/CalendarDays.js +1 -1
  18. package/Card/BaseCard.d.ts +11 -0
  19. package/Card/BaseCard.js +48 -0
  20. package/Card/BaseCardSkeleton.d.ts +14 -0
  21. package/Card/BaseCardSkeleton.js +18 -0
  22. package/Card/CardGroup.d.ts +47 -0
  23. package/Card/CardGroup.js +147 -0
  24. package/Card/FourThumbnailCard.d.ts +14 -0
  25. package/Card/FourThumbnailCard.js +73 -0
  26. package/Card/FourThumbnailCardSkeleton.d.ts +14 -0
  27. package/Card/FourThumbnailCardSkeleton.js +20 -0
  28. package/Card/QuickActionCard.d.ts +12 -0
  29. package/Card/QuickActionCard.js +23 -0
  30. package/Card/QuickActionCardSkeleton.d.ts +14 -0
  31. package/Card/QuickActionCardSkeleton.js +18 -0
  32. package/Card/SingleThumbnailCard.d.ts +13 -0
  33. package/Card/SingleThumbnailCard.js +44 -0
  34. package/Card/SingleThumbnailCardSkeleton.d.ts +19 -0
  35. package/Card/SingleThumbnailCardSkeleton.js +18 -0
  36. package/Card/Thumbnail.d.ts +12 -0
  37. package/Card/Thumbnail.js +18 -0
  38. package/Card/ThumbnailCardInfo.d.ts +34 -0
  39. package/Card/ThumbnailCardInfo.js +43 -0
  40. package/Card/index.d.ts +43 -4
  41. package/Card/index.js +19 -2
  42. package/Card/typings.d.ts +442 -0
  43. package/Checkbox/Checkbox.d.ts +8 -0
  44. package/Checkbox/Checkbox.js +3 -2
  45. package/Checkbox/CheckboxGroup.js +1 -1
  46. package/ContentHeader/ContentHeader.d.ts +22 -70
  47. package/ContentHeader/ContentHeader.js +1 -1
  48. package/ContentHeader/ContentHeaderResponsive.d.ts +9 -0
  49. package/ContentHeader/ContentHeaderResponsive.js +7 -0
  50. package/ContentHeader/utils.d.ts +3 -3
  51. package/ContentHeader/utils.js +66 -20
  52. package/Cropper/Cropper.d.ts +66 -0
  53. package/Cropper/Cropper.js +115 -0
  54. package/Cropper/CropperElement.d.ts +10 -0
  55. package/Cropper/CropperElement.js +892 -0
  56. package/Cropper/index.d.ts +18 -0
  57. package/Cropper/index.js +8 -0
  58. package/Cropper/tools.d.ts +90 -0
  59. package/Cropper/tools.js +143 -0
  60. package/Cropper/typings.d.ts +69 -0
  61. package/Cropper/utils/cropper-calculations.d.ts +39 -0
  62. package/Cropper/utils/cropper-calculations.js +95 -0
  63. package/DateTimePicker/DateTimePicker.d.ts +1 -1
  64. package/DateTimePicker/DateTimePicker.js +14 -1
  65. package/Dropdown/Dropdown.d.ts +7 -1
  66. package/Dropdown/Dropdown.js +31 -14
  67. package/Dropdown/DropdownItem.d.ts +7 -1
  68. package/Dropdown/DropdownItem.js +36 -6
  69. package/Dropdown/DropdownItemCard.js +2 -1
  70. package/FloatingButton/FloatingButton.d.ts +21 -0
  71. package/FloatingButton/FloatingButton.js +18 -0
  72. package/FloatingButton/index.d.ts +2 -0
  73. package/FloatingButton/index.js +1 -0
  74. package/Form/FormField.d.ts +21 -10
  75. package/Form/FormField.js +12 -4
  76. package/Input/Input.js +9 -2
  77. package/Message/Message.js +1 -1
  78. package/MultipleDatePicker/MultipleDatePicker.js +2 -2
  79. package/Navigation/NavigationHeader.js +1 -1
  80. package/Picker/FormattedInput.d.ts +1 -1
  81. package/Picker/FormattedInput.js +2 -1
  82. package/Picker/PickerTriggerWithSeparator.d.ts +10 -0
  83. package/Picker/PickerTriggerWithSeparator.js +2 -2
  84. package/Picker/useDateInputFormatter.d.ts +6 -0
  85. package/Picker/useDateInputFormatter.js +4 -1
  86. package/Select/Select.d.ts +2 -8
  87. package/Select/Select.js +12 -33
  88. package/Select/SelectTrigger.js +21 -7
  89. package/Select/index.d.ts +0 -4
  90. package/Select/index.js +0 -2
  91. package/Select/typings.d.ts +0 -4
  92. package/Select/useSelectTriggerTags.d.ts +1 -1
  93. package/Select/useSelectTriggerTags.js +9 -6
  94. package/Separator/Separator.d.ts +14 -0
  95. package/Separator/Separator.js +17 -0
  96. package/Separator/index.d.ts +2 -0
  97. package/Separator/index.js +1 -0
  98. package/Table/utils/useTableRowSelection.js +6 -0
  99. package/Tag/TagGroup.d.ts +4 -2
  100. package/Tag/TagGroup.js +7 -4
  101. package/TextField/TextField.d.ts +1 -1
  102. package/TextField/TextField.js +63 -9
  103. package/TimePanel/TimePanelColumn.js +19 -12
  104. package/index.d.ts +27 -28
  105. package/index.js +23 -25
  106. package/package.json +4 -4
  107. package/Accordion/AccordionDetails.d.ts +0 -9
  108. package/Accordion/AccordionSummary.d.ts +0 -18
  109. package/Accordion/AccordionSummary.js +0 -51
  110. package/Alert/Alert.d.ts +0 -20
  111. package/Alert/Alert.js +0 -18
  112. package/Alert/index.d.ts +0 -3
  113. package/Alert/index.js +0 -1
  114. package/Card/Card.d.ts +0 -51
  115. package/Card/Card.js +0 -20
  116. package/Card/CardActions.d.ts +0 -34
  117. package/Card/CardActions.js +0 -15
  118. package/ConfirmActions/ConfirmActions.d.ts +0 -46
  119. package/ConfirmActions/ConfirmActions.js +0 -15
  120. package/ConfirmActions/index.d.ts +0 -2
  121. package/ConfirmActions/index.js +0 -1
  122. package/Select/Option.d.ts +0 -18
  123. package/Select/Option.js +0 -45
  124. package/Select/TreeSelect.d.ts +0 -72
  125. package/Select/TreeSelect.js +0 -205
  126. package/Tree/Tree.d.ts +0 -70
  127. package/Tree/Tree.js +0 -139
  128. package/Tree/TreeNode.d.ts +0 -40
  129. package/Tree/TreeNode.js +0 -50
  130. package/Tree/TreeNodeList.d.ts +0 -24
  131. package/Tree/TreeNodeList.js +0 -28
  132. package/Tree/getTreeNodeEntities.d.ts +0 -11
  133. package/Tree/getTreeNodeEntities.js +0 -92
  134. package/Tree/index.d.ts +0 -13
  135. package/Tree/index.js +0 -7
  136. package/Tree/toggleValue.d.ts +0 -4
  137. package/Tree/toggleValue.js +0 -19
  138. package/Tree/traverseTree.d.ts +0 -2
  139. package/Tree/traverseTree.js +0 -11
  140. package/Tree/typings.d.ts +0 -16
  141. package/Tree/useTreeExpandedValue.d.ts +0 -14
  142. package/Tree/useTreeExpandedValue.js +0 -33
package/Tree/index.d.ts DELETED
@@ -1,13 +0,0 @@
1
- export * from './typings';
2
- export { uniqueArray, toggleValue, toggleValueWithStatusControl, } from './toggleValue';
3
- export { traverseTree } from './traverseTree';
4
- export { useTreeExpandedValue } from './useTreeExpandedValue';
5
- export type { UseTreeExpandedValueProps } from './useTreeExpandedValue';
6
- export { getTreeNodeEntities } from './getTreeNodeEntities';
7
- export type { GetTreeNodeEntitiesProps } from './getTreeNodeEntities';
8
- export { default as TreeNode } from './TreeNode';
9
- export type { TreeNodeElementProps, TreeNodeProps } from './TreeNode';
10
- export { default as TreeNodeList } from './TreeNodeList';
11
- export type { TreeNodeListElementProps, TreeNodeListProps, } from './TreeNodeList';
12
- export type { TreeProps } from './Tree';
13
- export { default } from './Tree';
package/Tree/index.js DELETED
@@ -1,7 +0,0 @@
1
- export { toggleValue, toggleValueWithStatusControl, uniqueArray } from './toggleValue.js';
2
- export { traverseTree } from './traverseTree.js';
3
- export { useTreeExpandedValue } from './useTreeExpandedValue.js';
4
- export { getTreeNodeEntities } from './getTreeNodeEntities.js';
5
- export { default as TreeNode } from './TreeNode.js';
6
- export { default as TreeNodeList } from './TreeNodeList.js';
7
- export { default } from './Tree.js';
@@ -1,4 +0,0 @@
1
- import { TreeNodeValue } from '@mezzanine-ui/core/tree';
2
- export declare function uniqueArray<T>(items: T[]): T[];
3
- export declare function toggleValue(value: TreeNodeValue | TreeNodeValue[], pool: TreeNodeValue[]): TreeNodeValue[];
4
- export declare function toggleValueWithStatusControl(existed: boolean, value: TreeNodeValue | TreeNodeValue[], pool: TreeNodeValue[]): TreeNodeValue[];
@@ -1,19 +0,0 @@
1
- import castArray from 'lodash/castArray';
2
- import xor from 'lodash/xor';
3
-
4
- function uniqueArray(items) {
5
- return Array.from(new Set(items));
6
- }
7
- function toggleValue(value, pool) {
8
- const castedValue = castArray(value);
9
- return xor(castedValue, pool);
10
- }
11
- function toggleValueWithStatusControl(existed, value, pool) {
12
- const castedValue = castArray(value);
13
- if (!existed) {
14
- return uniqueArray([...pool, ...castedValue]);
15
- }
16
- return pool.filter((val) => !castedValue.includes(val));
17
- }
18
-
19
- export { toggleValue, toggleValueWithStatusControl, uniqueArray };
@@ -1,2 +0,0 @@
1
- import { TreeNodeData } from './typings';
2
- export declare function traverseTree(nodes: TreeNodeData[], callback: (node: TreeNodeData, parent?: TreeNodeData) => void, parent?: TreeNodeData): void;
@@ -1,11 +0,0 @@
1
- function traverseTree(nodes, callback, parent) {
2
- nodes.forEach((node) => {
3
- const { nodes: siblingNodes } = node;
4
- callback(node, parent);
5
- if (siblingNodes) {
6
- traverseTree(siblingNodes, callback, node);
7
- }
8
- });
9
- }
10
-
11
- export { traverseTree };
package/Tree/typings.d.ts DELETED
@@ -1,16 +0,0 @@
1
- import { RefObject, ReactNode } from 'react';
2
- import { TreeNodeDataShape, TreeNodeEntityShape, TreeNodePropShape, TreeNodeValue } from '@mezzanine-ui/core/tree';
3
- export type TreeNodeProp = TreeNodePropShape<ReactNode>;
4
- export type TreeNodeData = TreeNodeDataShape<ReactNode>;
5
- export type TreeNodeEntity = TreeNodeEntityShape<ReactNode>;
6
- export type TreeNodeEntities = Map<TreeNodeValue, TreeNodeEntity>;
7
- export type TreeNodeRefsShape = Record<TreeNodeValue, HTMLLIElement>;
8
- export type TreeNodeRefs = RefObject<TreeNodeRefsShape | undefined>;
9
- export type TreeExpandControl = {
10
- collapse: (value: TreeNodeValue) => void;
11
- collapseAll: () => void;
12
- collapseAllFrom: (value: TreeNodeValue) => void;
13
- expand: (value: TreeNodeValue) => void;
14
- expandAll: () => void;
15
- expandAllFrom: (value: TreeNodeValue) => void;
16
- };
@@ -1,14 +0,0 @@
1
- import { TreeNodeValue } from '@mezzanine-ui/core/tree';
2
- import { TreeNodeListProps } from './TreeNodeList';
3
- import { TreeNodeProp } from './typings';
4
- export interface UseTreeExpandedValueProps {
5
- defaultExpandAll?: boolean;
6
- expandedValues?: TreeNodeValue[];
7
- nodes: TreeNodeProp[];
8
- onExpand?: TreeNodeListProps['onExpand'];
9
- }
10
- export declare function useTreeExpandedValue(props: UseTreeExpandedValueProps): {
11
- expandedValues: TreeNodeValue[];
12
- onExpand: ((value: TreeNodeValue) => void) | undefined;
13
- setExpandedValues: import("react").Dispatch<import("react").SetStateAction<TreeNodeValue[]>>;
14
- };
@@ -1,33 +0,0 @@
1
- import { useState } from 'react';
2
- import { toggleValue } from './toggleValue.js';
3
- import { traverseTree } from './traverseTree.js';
4
-
5
- function useTreeExpandedValue(props) {
6
- const { defaultExpandAll, expandedValues: expandedValuesProp, nodes, onExpand: onExpandProp, } = props;
7
- const [expandedValues, setExpandedValues] = useState(() => {
8
- if (expandedValuesProp) {
9
- return [];
10
- }
11
- const currentExpandedValues = [];
12
- if (defaultExpandAll) {
13
- traverseTree(nodes, (node) => {
14
- if (node.nodes) {
15
- currentExpandedValues.push(node.value);
16
- }
17
- });
18
- }
19
- return currentExpandedValues;
20
- });
21
- const onExpand = (value) => {
22
- const newExpandedValues = toggleValue(value, expandedValues);
23
- setExpandedValues(newExpandedValues);
24
- onExpandProp === null || onExpandProp === void 0 ? void 0 : onExpandProp(value);
25
- };
26
- return {
27
- expandedValues: expandedValuesProp || expandedValues,
28
- onExpand: expandedValuesProp ? onExpandProp : onExpand,
29
- setExpandedValues,
30
- };
31
- }
32
-
33
- export { useTreeExpandedValue };