@elliemae/ds-group-box 2.3.1 → 3.0.0-alpha.3

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 (65) hide show
  1. package/dist/cjs/ActionItem.js +55 -0
  2. package/dist/cjs/ActionItem.js.map +7 -0
  3. package/dist/cjs/Actions.js +64 -0
  4. package/dist/cjs/Actions.js.map +7 -0
  5. package/dist/cjs/DSGroupBox.js +121 -0
  6. package/dist/cjs/DSGroupBox.js.map +7 -0
  7. package/dist/cjs/GroupBoxLabel.js +83 -0
  8. package/dist/cjs/GroupBoxLabel.js.map +7 -0
  9. package/dist/cjs/LabelElement.js +52 -0
  10. package/dist/cjs/LabelElement.js.map +7 -0
  11. package/dist/cjs/components/GroupHeader.js +69 -0
  12. package/dist/cjs/components/GroupHeader.js.map +7 -0
  13. package/dist/cjs/components/blocks.js +58 -0
  14. package/dist/cjs/components/blocks.js.map +7 -0
  15. package/dist/cjs/constants.js +40 -0
  16. package/dist/cjs/constants.js.map +7 -0
  17. package/dist/cjs/index.js +37 -0
  18. package/dist/cjs/index.js.map +7 -0
  19. package/dist/esm/ActionItem.js +26 -0
  20. package/dist/esm/ActionItem.js.map +7 -0
  21. package/dist/esm/Actions.js +35 -0
  22. package/dist/esm/Actions.js.map +7 -0
  23. package/dist/esm/DSGroupBox.js +94 -0
  24. package/dist/esm/DSGroupBox.js.map +7 -0
  25. package/dist/esm/GroupBoxLabel.js +54 -0
  26. package/dist/esm/GroupBoxLabel.js.map +7 -0
  27. package/dist/esm/LabelElement.js +23 -0
  28. package/dist/esm/LabelElement.js.map +7 -0
  29. package/dist/esm/components/GroupHeader.js +40 -0
  30. package/dist/esm/components/GroupHeader.js.map +7 -0
  31. package/dist/esm/components/blocks.js +29 -0
  32. package/dist/esm/components/blocks.js.map +7 -0
  33. package/dist/esm/constants.js +11 -0
  34. package/dist/esm/constants.js.map +7 -0
  35. package/dist/esm/index.js +8 -0
  36. package/dist/esm/index.js.map +7 -0
  37. package/package.json +49 -38
  38. package/cjs/ActionItem.js +0 -24
  39. package/cjs/Actions.js +0 -37
  40. package/cjs/DSGroupBox.js +0 -140
  41. package/cjs/GroupBoxLabel.js +0 -40
  42. package/cjs/LabelElement.js +0 -24
  43. package/cjs/components/GroupHeader.js +0 -53
  44. package/cjs/components/blocks.js +0 -56
  45. package/cjs/constants.js +0 -12
  46. package/cjs/index.js +0 -14
  47. package/esm/ActionItem.js +0 -17
  48. package/esm/Actions.js +0 -27
  49. package/esm/DSGroupBox.js +0 -128
  50. package/esm/GroupBoxLabel.js +0 -33
  51. package/esm/LabelElement.js +0 -17
  52. package/esm/components/GroupHeader.js +0 -44
  53. package/esm/components/blocks.js +0 -50
  54. package/esm/constants.js +0 -7
  55. package/esm/index.js +0 -2
  56. package/types/ActionItem.d.ts +0 -11
  57. package/types/Actions.d.ts +0 -16
  58. package/types/DSGroupBox.d.ts +0 -113
  59. package/types/GroupBoxLabel.d.ts +0 -21
  60. package/types/LabelElement.d.ts +0 -11
  61. package/types/components/GroupHeader.d.ts +0 -13
  62. package/types/components/blocks.d.ts +0 -4
  63. package/types/constants.d.ts +0 -5
  64. package/types/index.d.ts +0 -3
  65. package/types/tests/DSGroupBox.test.d.ts +0 -1
@@ -1,50 +0,0 @@
1
- import { aggregatedClasses } from '@elliemae/ds-classnames';
2
-
3
- const blockName = 'group-box';
4
- const GroupBoxWrapper = aggregatedClasses('div')(blockName, 'wrapper', _ref => {
5
- let {
6
- onlyHeader,
7
- noBorder,
8
- type,
9
- isMain
10
- } = _ref;
11
- return {
12
- 'only-header': onlyHeader,
13
- 'no-border': noBorder,
14
- [type]: type,
15
- 'main-box': isMain,
16
- 'nested-box': !isMain
17
- };
18
- });
19
- const GroupBoxContent = aggregatedClasses('div')(blockName, 'content', _ref2 => {
20
- let {
21
- type,
22
- asRow,
23
- onlyHeader,
24
- noPadding,
25
- noBorder,
26
- noBorderTop
27
- } = _ref2;
28
- return {
29
- [type]: type,
30
- 'as-row': asRow,
31
- 'only-header': onlyHeader,
32
- 'no-padding': noPadding,
33
- 'no-border': noBorder,
34
- 'no-border-top': noBorderTop
35
- };
36
- });
37
- const Label = aggregatedClasses('div')(blockName, 'label', _ref3 => {
38
- let {
39
- borderBottom,
40
- type,
41
- noBorder
42
- } = _ref3;
43
- return {
44
- 'border-bottom': borderBottom,
45
- [type]: type,
46
- 'no-border': noBorder
47
- };
48
- });
49
-
50
- export { GroupBoxContent, GroupBoxWrapper, Label };
package/esm/constants.js DELETED
@@ -1,7 +0,0 @@
1
- const BOX_TYPES = {
2
- CATEGORY: 'category-box',
3
- GROUP: 'group-box'
4
- };
5
- const BOX_TYPES_ARRAY = [BOX_TYPES.CATEGORY, BOX_TYPES.GROUP];
6
-
7
- export { BOX_TYPES, BOX_TYPES_ARRAY };
package/esm/index.js DELETED
@@ -1,2 +0,0 @@
1
- export { DSGroupBox, DSGroupBoxWithSchema, DSGroupBox as default } from './DSGroupBox.js';
2
- export { BOX_TYPES, BOX_TYPES_ARRAY } from './constants.js';
@@ -1,11 +0,0 @@
1
- /// <reference types="react" />
2
- import PropTypes from 'prop-types';
3
- declare function ActionItem({ children }: {
4
- children: any;
5
- }): JSX.Element;
6
- declare namespace ActionItem {
7
- var propTypes: {
8
- children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
9
- };
10
- }
11
- export default ActionItem;
@@ -1,16 +0,0 @@
1
- /// <reference types="react" />
2
- import PropTypes from 'prop-types';
3
- declare function Actions({ actions, centerActions, rightActions }: {
4
- actions?: never[] | undefined;
5
- centerActions: any;
6
- rightActions: any;
7
- }): JSX.Element | null;
8
- declare namespace Actions {
9
- var propTypes: {
10
- actions: PropTypes.Requireable<any[]>;
11
- centerActions: PropTypes.Requireable<boolean>;
12
- rightActions: PropTypes.Requireable<boolean>;
13
- };
14
- }
15
- export { Actions };
16
- export default Actions;
@@ -1,113 +0,0 @@
1
- /// <reference path="../../../../shared/typings/react-desc.d.ts" />
2
- /// <reference types="react" />
3
- declare const DSGroupBox: {
4
- ({ containerProps, labelProps, rightActions, centerActions, type, asRow, onlyHeader, noBorder, noPadding, children: components, isMain, }: {
5
- containerProps?: {} | undefined;
6
- labelProps?: {
7
- labelText: string;
8
- borderBottom: boolean;
9
- id: string;
10
- } | undefined;
11
- rightActions?: never[] | undefined;
12
- centerActions?: never[] | undefined;
13
- type?: string | undefined;
14
- asRow?: boolean | undefined;
15
- onlyHeader?: boolean | undefined;
16
- noBorder?: boolean | undefined;
17
- noPadding?: boolean | undefined;
18
- children?: never[] | undefined;
19
- isMain?: boolean | undefined;
20
- }): JSX.Element;
21
- propTypes: {
22
- /** props to inject to wrapper */
23
- containerProps: {
24
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
25
- deprecated: import("react-desc").PropTypesDescValidator;
26
- };
27
- isRequired: import("react-desc").PropTypesDescValue;
28
- };
29
- /**
30
- * Label attributes to be rendered
31
- */
32
- labelProps: {
33
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
34
- deprecated: import("react-desc").PropTypesDescValidator;
35
- };
36
- isRequired: import("react-desc").PropTypesDescValue;
37
- };
38
- /**
39
- * ['category-box', 'group-box']
40
- */
41
- type: {
42
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
43
- deprecated: import("react-desc").PropTypesDescValidator;
44
- };
45
- isRequired: import("react-desc").PropTypesDescValue;
46
- };
47
- /**
48
- * Components to be rendered inside the box
49
- */
50
- children: any;
51
- /**
52
- * Actions on the right side of the label
53
- */
54
- rightActions: {
55
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
56
- deprecated: import("react-desc").PropTypesDescValidator;
57
- };
58
- isRequired: import("react-desc").PropTypesDescValue;
59
- };
60
- /**
61
- * Actions on the next to the label
62
- */
63
- centerActions: {
64
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
65
- deprecated: import("react-desc").PropTypesDescValidator;
66
- };
67
- isRequired: import("react-desc").PropTypesDescValue;
68
- };
69
- /**
70
- * Display the content of the group box with flex direction row
71
- */
72
- asRow: {
73
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
74
- deprecated: import("react-desc").PropTypesDescValidator;
75
- };
76
- isRequired: import("react-desc").PropTypesDescValue;
77
- };
78
- /**
79
- * Show border only on the header
80
- */
81
- onlyHeader: {
82
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
83
- deprecated: import("react-desc").PropTypesDescValidator;
84
- };
85
- isRequired: import("react-desc").PropTypesDescValue;
86
- };
87
- /**
88
- * Remove the wrapper border
89
- */
90
- noBorder: {
91
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
92
- deprecated: import("react-desc").PropTypesDescValidator;
93
- };
94
- isRequired: import("react-desc").PropTypesDescValue;
95
- };
96
- /**
97
- * Remove the top and bottom padding from the content
98
- */
99
- noPadding: {
100
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
101
- deprecated: import("react-desc").PropTypesDescValidator;
102
- };
103
- isRequired: import("react-desc").PropTypesDescValue;
104
- };
105
- };
106
- };
107
- declare const DSGroupBoxWithSchema: {
108
- (props?: unknown): JSX.Element;
109
- propTypes: unknown;
110
- toTypescript: () => import("react-desc").TypescriptSchema;
111
- };
112
- export { DSGroupBox, DSGroupBoxWithSchema };
113
- export default DSGroupBox;
@@ -1,21 +0,0 @@
1
- /// <reference types="react" />
2
- import PropTypes from 'prop-types';
3
- declare function GroupBoxLabel({ borderBottom, children, noBorder, isMain, type, id }: {
4
- borderBottom: any;
5
- children: any;
6
- noBorder: any;
7
- isMain: any;
8
- type: any;
9
- id: any;
10
- }): JSX.Element;
11
- declare namespace GroupBoxLabel {
12
- var propTypes: {
13
- children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
14
- type: PropTypes.Requireable<string>;
15
- borderBottom: PropTypes.Requireable<boolean>;
16
- isMain: PropTypes.Validator<boolean>;
17
- noBorder: PropTypes.Requireable<boolean>;
18
- id: PropTypes.Requireable<string>;
19
- };
20
- }
21
- export default GroupBoxLabel;
@@ -1,11 +0,0 @@
1
- /// <reference types="react" />
2
- import PropTypes from 'prop-types';
3
- declare function LabelElement({ children }: {
4
- children: any;
5
- }): JSX.Element;
6
- declare namespace LabelElement {
7
- var propTypes: {
8
- children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
9
- };
10
- }
11
- export default LabelElement;
@@ -1,13 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const DSGroupBoxHeader: ({ labelProps, rightActions, centerActions, type, noBorder, isMain, }: {
3
- labelProps?: {
4
- labelText: string;
5
- borderBottom: boolean;
6
- id: string;
7
- } | undefined;
8
- rightActions?: never[] | undefined;
9
- centerActions?: never[] | undefined;
10
- type?: string | undefined;
11
- noBorder: any;
12
- isMain: any;
13
- }) => JSX.Element;
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const GroupBoxWrapper: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
3
- export declare const GroupBoxContent: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
4
- export declare const Label: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
@@ -1,5 +0,0 @@
1
- export declare const BOX_TYPES: {
2
- CATEGORY: string;
3
- GROUP: string;
4
- };
5
- export declare const BOX_TYPES_ARRAY: string[];
package/types/index.d.ts DELETED
@@ -1,3 +0,0 @@
1
- export * from './DSGroupBox';
2
- export * from './constants';
3
- export { default } from './DSGroupBox';
@@ -1 +0,0 @@
1
- export {};