@elliemae/ds-form-layout-blocks 2.3.0-alpha.8 → 2.3.0-next.2

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 (98) hide show
  1. package/cjs/form-layout-block-item/DSFormLayoutBlockItem.js +67 -0
  2. package/cjs/form-layout-block-item/index.d.js +2 -0
  3. package/cjs/form-layout-block-item/index.js +10 -0
  4. package/cjs/form-layout-block-item/propTypes.js +23 -0
  5. package/cjs/form-layout-block-item/styles.js +92 -0
  6. package/cjs/form-layout-checkbox-group/DSFormLayoutCheckboxGroup.js +30 -0
  7. package/cjs/form-layout-checkbox-group/config/useValidateProps.js +36 -0
  8. package/cjs/form-layout-checkbox-group/defaultProps.js +9 -0
  9. package/cjs/form-layout-checkbox-group/index.d.js +2 -0
  10. package/cjs/form-layout-checkbox-group/index.js +10 -0
  11. package/cjs/form-layout-checkbox-group/propTypes.js +11 -0
  12. package/cjs/form-layout-checkbox-group/styles.js +46 -0
  13. package/cjs/index.d.js +2 -0
  14. package/cjs/index.js +13 -0
  15. package/esm/form-layout-block-item/DSFormLayoutBlockItem.js +58 -0
  16. package/esm/form-layout-block-item/index.d.js +1 -0
  17. package/esm/form-layout-block-item/index.js +1 -0
  18. package/esm/form-layout-block-item/propTypes.js +19 -0
  19. package/esm/form-layout-block-item/styles.js +80 -0
  20. package/esm/form-layout-checkbox-group/DSFormLayoutCheckboxGroup.js +21 -0
  21. package/esm/form-layout-checkbox-group/config/useValidateProps.js +28 -0
  22. package/esm/form-layout-checkbox-group/defaultProps.js +5 -0
  23. package/esm/form-layout-checkbox-group/index.d.js +1 -0
  24. package/esm/form-layout-checkbox-group/index.js +1 -0
  25. package/esm/form-layout-checkbox-group/propTypes.js +7 -0
  26. package/esm/form-layout-checkbox-group/styles.js +38 -0
  27. package/esm/index.d.js +1 -0
  28. package/esm/index.js +2 -0
  29. package/package.json +37 -39
  30. package/types/form-layout-block-item/DSFormLayoutBlockItem.d.ts +77 -0
  31. package/types/form-layout-block-item/index.d.d.ts +35 -0
  32. package/types/form-layout-block-item/index.d.ts +1 -0
  33. package/types/form-layout-block-item/propTypes.d.ts +66 -0
  34. package/types/form-layout-block-item/styles.d.ts +6 -0
  35. package/types/form-layout-checkbox-group/DSFormLayoutCheckboxGroup.d.ts +20 -0
  36. package/types/form-layout-checkbox-group/config/useValidateProps.d.ts +2 -0
  37. package/types/form-layout-checkbox-group/defaultProps.d.ts +3 -0
  38. package/types/form-layout-checkbox-group/index.d.d.ts +10 -0
  39. package/types/form-layout-checkbox-group/index.d.ts +1 -0
  40. package/types/form-layout-checkbox-group/propTypes.d.ts +9 -0
  41. package/types/form-layout-checkbox-group/styles.d.ts +2 -0
  42. package/types/index.d.ts +2 -0
  43. package/dist/cjs/form-layout-block-item/DSFormLayoutBlockItem.js +0 -89
  44. package/dist/cjs/form-layout-block-item/DSFormLayoutBlockItem.js.map +0 -7
  45. package/dist/cjs/form-layout-block-item/index.d.js +0 -27
  46. package/dist/cjs/form-layout-block-item/index.d.js.map +0 -7
  47. package/dist/cjs/form-layout-block-item/index.js +0 -28
  48. package/dist/cjs/form-layout-block-item/index.js.map +0 -7
  49. package/dist/cjs/form-layout-block-item/propTypes.js +0 -50
  50. package/dist/cjs/form-layout-block-item/propTypes.js.map +0 -7
  51. package/dist/cjs/form-layout-block-item/styles.js +0 -125
  52. package/dist/cjs/form-layout-block-item/styles.js.map +0 -7
  53. package/dist/cjs/form-layout-checkbox-group/DSFormLayoutCheckboxGroup.js +0 -52
  54. package/dist/cjs/form-layout-checkbox-group/DSFormLayoutCheckboxGroup.js.map +0 -7
  55. package/dist/cjs/form-layout-checkbox-group/config/useValidateProps.js +0 -66
  56. package/dist/cjs/form-layout-checkbox-group/config/useValidateProps.js.map +0 -7
  57. package/dist/cjs/form-layout-checkbox-group/defaultProps.js +0 -37
  58. package/dist/cjs/form-layout-checkbox-group/defaultProps.js.map +0 -7
  59. package/dist/cjs/form-layout-checkbox-group/index.d.js +0 -27
  60. package/dist/cjs/form-layout-checkbox-group/index.d.js.map +0 -7
  61. package/dist/cjs/form-layout-checkbox-group/index.js +0 -28
  62. package/dist/cjs/form-layout-checkbox-group/index.js.map +0 -7
  63. package/dist/cjs/form-layout-checkbox-group/propTypes.js +0 -38
  64. package/dist/cjs/form-layout-checkbox-group/propTypes.js.map +0 -7
  65. package/dist/cjs/form-layout-checkbox-group/styles.js +0 -50
  66. package/dist/cjs/form-layout-checkbox-group/styles.js.map +0 -7
  67. package/dist/cjs/index.d.js +0 -29
  68. package/dist/cjs/index.d.js.map +0 -7
  69. package/dist/cjs/index.js +0 -29
  70. package/dist/cjs/index.js.map +0 -7
  71. package/dist/esm/form-layout-block-item/DSFormLayoutBlockItem.js +0 -60
  72. package/dist/esm/form-layout-block-item/DSFormLayoutBlockItem.js.map +0 -7
  73. package/dist/esm/form-layout-block-item/index.d.js +0 -2
  74. package/dist/esm/form-layout-block-item/index.d.js.map +0 -7
  75. package/dist/esm/form-layout-block-item/index.js +0 -3
  76. package/dist/esm/form-layout-block-item/index.js.map +0 -7
  77. package/dist/esm/form-layout-block-item/propTypes.js +0 -21
  78. package/dist/esm/form-layout-block-item/propTypes.js.map +0 -7
  79. package/dist/esm/form-layout-block-item/styles.js +0 -96
  80. package/dist/esm/form-layout-block-item/styles.js.map +0 -7
  81. package/dist/esm/form-layout-checkbox-group/DSFormLayoutCheckboxGroup.js +0 -23
  82. package/dist/esm/form-layout-checkbox-group/DSFormLayoutCheckboxGroup.js.map +0 -7
  83. package/dist/esm/form-layout-checkbox-group/config/useValidateProps.js +0 -37
  84. package/dist/esm/form-layout-checkbox-group/config/useValidateProps.js.map +0 -7
  85. package/dist/esm/form-layout-checkbox-group/defaultProps.js +0 -8
  86. package/dist/esm/form-layout-checkbox-group/defaultProps.js.map +0 -7
  87. package/dist/esm/form-layout-checkbox-group/index.d.js +0 -2
  88. package/dist/esm/form-layout-checkbox-group/index.d.js.map +0 -7
  89. package/dist/esm/form-layout-checkbox-group/index.js +0 -3
  90. package/dist/esm/form-layout-checkbox-group/index.js.map +0 -7
  91. package/dist/esm/form-layout-checkbox-group/propTypes.js +0 -9
  92. package/dist/esm/form-layout-checkbox-group/propTypes.js.map +0 -7
  93. package/dist/esm/form-layout-checkbox-group/styles.js +0 -21
  94. package/dist/esm/form-layout-checkbox-group/styles.js.map +0 -7
  95. package/dist/esm/index.d.js +0 -4
  96. package/dist/esm/index.d.js.map +0 -7
  97. package/dist/esm/index.js +0 -4
  98. package/dist/esm/index.js.map +0 -7
package/esm/index.js ADDED
@@ -0,0 +1,2 @@
1
+ export { DSFormLayoutBlockItem, DSFormLayoutBlockItemWithSchema } from './form-layout-block-item/DSFormLayoutBlockItem.js';
2
+ export { DSFormLayoutCheckboxGroup, DSFormLayoutCheckboxGroupWithSchema } from './form-layout-checkbox-group/DSFormLayoutCheckboxGroup.js';
package/package.json CHANGED
@@ -1,58 +1,55 @@
1
1
  {
2
2
  "name": "@elliemae/ds-form-layout-blocks",
3
- "version": "2.3.0-alpha.8",
3
+ "version": "2.3.0-next.2",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Form Layout",
6
- "files": [
7
- "dist"
8
- ],
9
- "module": "./dist/esm/index.js",
10
- "main": "./dist/cjs/index.js",
11
- "types": "./dist/types/index.d.ts",
6
+ "module": "./esm/index.js",
7
+ "main": "./cjs/index.js",
8
+ "types": "./types/index.d.ts",
12
9
  "exports": {
13
10
  ".": {
14
- "import": "./dist/esm/index.js",
15
- "require": "./dist/cjs/index.js"
11
+ "import": "./esm/index.js",
12
+ "require": "./cjs/index.js"
16
13
  },
17
14
  "./form-layout-checkbox-group/styles": {
18
- "import": "./dist/esm/form-layout-checkbox-group/styles.js",
19
- "require": "./dist/cjs/form-layout-checkbox-group/styles.js"
15
+ "import": "./esm/form-layout-checkbox-group/styles.js",
16
+ "require": "./cjs/form-layout-checkbox-group/styles.js"
20
17
  },
21
18
  "./form-layout-checkbox-group/propTypes": {
22
- "import": "./dist/esm/form-layout-checkbox-group/propTypes.js",
23
- "require": "./dist/cjs/form-layout-checkbox-group/propTypes.js"
19
+ "import": "./esm/form-layout-checkbox-group/propTypes.js",
20
+ "require": "./cjs/form-layout-checkbox-group/propTypes.js"
24
21
  },
25
22
  "./form-layout-checkbox-group": {
26
- "import": "./dist/esm/form-layout-checkbox-group/index.js",
27
- "require": "./dist/cjs/form-layout-checkbox-group/index.js"
23
+ "import": "./esm/form-layout-checkbox-group/index.js",
24
+ "require": "./cjs/form-layout-checkbox-group/index.js"
28
25
  },
29
26
  "./form-layout-checkbox-group/DSFormLayoutCheckboxGroup": {
30
- "import": "./dist/esm/form-layout-checkbox-group/DSFormLayoutCheckboxGroup.js",
31
- "require": "./dist/cjs/form-layout-checkbox-group/DSFormLayoutCheckboxGroup.js"
27
+ "import": "./esm/form-layout-checkbox-group/DSFormLayoutCheckboxGroup.js",
28
+ "require": "./cjs/form-layout-checkbox-group/DSFormLayoutCheckboxGroup.js"
32
29
  },
33
30
  "./form-layout-checkbox-group/defaultProps": {
34
- "import": "./dist/esm/form-layout-checkbox-group/defaultProps.js",
35
- "require": "./dist/cjs/form-layout-checkbox-group/defaultProps.js"
31
+ "import": "./esm/form-layout-checkbox-group/defaultProps.js",
32
+ "require": "./cjs/form-layout-checkbox-group/defaultProps.js"
36
33
  },
37
34
  "./form-layout-checkbox-group/config/useValidateProps": {
38
- "import": "./dist/esm/form-layout-checkbox-group/config/useValidateProps.js",
39
- "require": "./dist/cjs/form-layout-checkbox-group/config/useValidateProps.js"
35
+ "import": "./esm/form-layout-checkbox-group/config/useValidateProps.js",
36
+ "require": "./cjs/form-layout-checkbox-group/config/useValidateProps.js"
40
37
  },
41
38
  "./form-layout-block-item/styles": {
42
- "import": "./dist/esm/form-layout-block-item/styles.js",
43
- "require": "./dist/cjs/form-layout-block-item/styles.js"
39
+ "import": "./esm/form-layout-block-item/styles.js",
40
+ "require": "./cjs/form-layout-block-item/styles.js"
44
41
  },
45
42
  "./form-layout-block-item/propTypes": {
46
- "import": "./dist/esm/form-layout-block-item/propTypes.js",
47
- "require": "./dist/cjs/form-layout-block-item/propTypes.js"
43
+ "import": "./esm/form-layout-block-item/propTypes.js",
44
+ "require": "./cjs/form-layout-block-item/propTypes.js"
48
45
  },
49
46
  "./form-layout-block-item": {
50
- "import": "./dist/esm/form-layout-block-item/index.js",
51
- "require": "./dist/cjs/form-layout-block-item/index.js"
47
+ "import": "./esm/form-layout-block-item/index.js",
48
+ "require": "./cjs/form-layout-block-item/index.js"
52
49
  },
53
50
  "./form-layout-block-item/DSFormLayoutBlockItem": {
54
- "import": "./dist/esm/form-layout-block-item/DSFormLayoutBlockItem.js",
55
- "require": "./dist/cjs/form-layout-block-item/DSFormLayoutBlockItem.js"
51
+ "import": "./esm/form-layout-block-item/DSFormLayoutBlockItem.js",
52
+ "require": "./cjs/form-layout-block-item/DSFormLayoutBlockItem.js"
56
53
  }
57
54
  },
58
55
  "sideEffects": [
@@ -64,12 +61,18 @@
64
61
  "url": "https://git.elliemae.io/platform-ui/dimsum.git"
65
62
  },
66
63
  "engines": {
67
- "pnpm": ">=6",
68
- "node": ">=16"
64
+ "npm": ">=7",
65
+ "node": ">=14"
69
66
  },
70
67
  "author": "ICE MT",
68
+ "scripts": {
69
+ "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
70
+ "prebuild": "exit 0",
71
+ "predev": "exit 0",
72
+ "build": "node ../../scripts/build/build.js"
73
+ },
71
74
  "dependencies": {
72
- "@elliemae/ds-props-helpers": "2.3.0-alpha.8",
75
+ "@elliemae/ds-props-helpers": "2.3.0-next.2",
73
76
  "react-desc": "~4.1.3",
74
77
  "uid": "~2.0.0"
75
78
  },
@@ -83,12 +86,7 @@
83
86
  },
84
87
  "publishConfig": {
85
88
  "access": "public",
86
- "typeSafety": false
87
- },
88
- "scripts": {
89
- "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
90
- "prebuild": "exit 0",
91
- "predev": "exit 0",
92
- "build": "node ../../scripts/build/build.js"
89
+ "directory": "dist",
90
+ "generateSubmodules": true
93
91
  }
94
92
  }
@@ -0,0 +1,77 @@
1
+ /// <reference path="../../../../../shared/typings/react-desc.d.ts" />
2
+ /// <reference types="react" />
3
+ import type { DSFormLayoutBlockItemPropsT as Props } from './index.d';
4
+ declare const DSFormLayoutBlockItem: {
5
+ (props: Props): JSX.Element;
6
+ propTypes: {
7
+ children: any;
8
+ label: any;
9
+ inputID: any;
10
+ feedbackMessage: {
11
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
12
+ deprecated: import("react-desc").PropTypesDescValidator;
13
+ };
14
+ isRequired: import("react-desc").PropTypesDescValue;
15
+ };
16
+ validationMessage: {
17
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
18
+ deprecated: import("react-desc").PropTypesDescValidator;
19
+ };
20
+ isRequired: import("react-desc").PropTypesDescValue;
21
+ };
22
+ hasError: {
23
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
24
+ deprecated: import("react-desc").PropTypesDescValidator;
25
+ };
26
+ isRequired: import("react-desc").PropTypesDescValue;
27
+ };
28
+ required: {
29
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
30
+ deprecated: import("react-desc").PropTypesDescValidator;
31
+ };
32
+ isRequired: import("react-desc").PropTypesDescValue;
33
+ };
34
+ optional: {
35
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
36
+ deprecated: import("react-desc").PropTypesDescValidator;
37
+ };
38
+ isRequired: import("react-desc").PropTypesDescValue;
39
+ };
40
+ fitContent: {
41
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
42
+ deprecated: import("react-desc").PropTypesDescValidator;
43
+ };
44
+ isRequired: import("react-desc").PropTypesDescValue;
45
+ };
46
+ leftLabel: {
47
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
48
+ deprecated: import("react-desc").PropTypesDescValidator;
49
+ };
50
+ isRequired: import("react-desc").PropTypesDescValue;
51
+ };
52
+ hideLabel: {
53
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
54
+ deprecated: import("react-desc").PropTypesDescValidator;
55
+ };
56
+ isRequired: import("react-desc").PropTypesDescValue;
57
+ };
58
+ withHighlight: {
59
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
60
+ deprecated: import("react-desc").PropTypesDescValidator;
61
+ };
62
+ isRequired: import("react-desc").PropTypesDescValue;
63
+ };
64
+ isGroup: {
65
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
66
+ deprecated: import("react-desc").PropTypesDescValidator;
67
+ };
68
+ isRequired: import("react-desc").PropTypesDescValue;
69
+ };
70
+ };
71
+ };
72
+ declare const DSFormLayoutBlockItemWithSchema: {
73
+ (props?: unknown): JSX.Element;
74
+ propTypes: unknown;
75
+ toTypescript: () => import("react-desc").TypescriptSchema;
76
+ };
77
+ export { DSFormLayoutBlockItem, DSFormLayoutBlockItemWithSchema };
@@ -0,0 +1,35 @@
1
+ /// <reference types="react" />
2
+ export interface DSFormLayoutBlockItemPropsT {
3
+ children: JSX.Element;
4
+ label: string;
5
+ inputID: string;
6
+ validationMessage?: string;
7
+ feedbackMessage?: string;
8
+ hasError?: boolean;
9
+ leftLabel?: boolean;
10
+ required?: boolean;
11
+ fitContent?: boolean;
12
+ optional?: boolean;
13
+ hideLabel?: boolean;
14
+ withHighlight?: boolean;
15
+ isGroup?: boolean;
16
+ }
17
+ export interface DSFormLayoutBlockItemStyledMessageT {
18
+ hasError?: boolean;
19
+ leftLabel?: boolean;
20
+ hideLabel?: boolean;
21
+ }
22
+ export interface DSFormLayoutBlockItemStyledContainerT {
23
+ leftLabel?: boolean;
24
+ fitContent?: boolean;
25
+ hideLabel?: boolean;
26
+ withHighlight?: boolean;
27
+ isGroup?: boolean;
28
+ }
29
+ export interface DSFormLayoutBlockItemStyledLabelT {
30
+ leftLabel?: boolean;
31
+ hideLabel?: boolean;
32
+ }
33
+ export interface DSFormLayoutBlockItemStyledMarkT {
34
+ required?: boolean;
35
+ }
@@ -0,0 +1 @@
1
+ export * from './DSFormLayoutBlockItem';
@@ -0,0 +1,66 @@
1
+ /// <reference path="../../../../../shared/typings/react-desc.d.ts" />
2
+ export declare const propTypes: {
3
+ children: any;
4
+ label: any;
5
+ inputID: any;
6
+ feedbackMessage: {
7
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
8
+ deprecated: import("react-desc").PropTypesDescValidator;
9
+ };
10
+ isRequired: import("react-desc").PropTypesDescValue;
11
+ };
12
+ validationMessage: {
13
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
14
+ deprecated: import("react-desc").PropTypesDescValidator;
15
+ };
16
+ isRequired: import("react-desc").PropTypesDescValue;
17
+ };
18
+ hasError: {
19
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
20
+ deprecated: import("react-desc").PropTypesDescValidator;
21
+ };
22
+ isRequired: import("react-desc").PropTypesDescValue;
23
+ };
24
+ required: {
25
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
26
+ deprecated: import("react-desc").PropTypesDescValidator;
27
+ };
28
+ isRequired: import("react-desc").PropTypesDescValue;
29
+ };
30
+ optional: {
31
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
32
+ deprecated: import("react-desc").PropTypesDescValidator;
33
+ };
34
+ isRequired: import("react-desc").PropTypesDescValue;
35
+ };
36
+ fitContent: {
37
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
38
+ deprecated: import("react-desc").PropTypesDescValidator;
39
+ };
40
+ isRequired: import("react-desc").PropTypesDescValue;
41
+ };
42
+ leftLabel: {
43
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
44
+ deprecated: import("react-desc").PropTypesDescValidator;
45
+ };
46
+ isRequired: import("react-desc").PropTypesDescValue;
47
+ };
48
+ hideLabel: {
49
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
50
+ deprecated: import("react-desc").PropTypesDescValidator;
51
+ };
52
+ isRequired: import("react-desc").PropTypesDescValue;
53
+ };
54
+ withHighlight: {
55
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
56
+ deprecated: import("react-desc").PropTypesDescValidator;
57
+ };
58
+ isRequired: import("react-desc").PropTypesDescValue;
59
+ };
60
+ isGroup: {
61
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
62
+ deprecated: import("react-desc").PropTypesDescValidator;
63
+ };
64
+ isRequired: import("react-desc").PropTypesDescValue;
65
+ };
66
+ };
@@ -0,0 +1,6 @@
1
+ import type { DSFormLayoutBlockItemStyledContainerT, DSFormLayoutBlockItemStyledLabelT, DSFormLayoutBlockItemStyledMessageT, DSFormLayoutBlockItemStyledMarkT } from './index.d';
2
+ export declare const StyledContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, DSFormLayoutBlockItemStyledContainerT, never>;
3
+ export declare const StyledLabel: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, DSFormLayoutBlockItemStyledLabelT, never>;
4
+ export declare const StyledMessage: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, DSFormLayoutBlockItemStyledMessageT, never>;
5
+ export declare const StyledMark: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, DSFormLayoutBlockItemStyledMarkT, never>;
6
+ export declare const ScreenReaderOnly: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
@@ -0,0 +1,20 @@
1
+ /// <reference path="../../../../../shared/typings/react-desc.d.ts" />
2
+ /// <reference types="react" />
3
+ import type { DSControlledCheckboxGroupT } from './index.d';
4
+ declare const DSFormLayoutCheckboxGroup: {
5
+ (props: DSControlledCheckboxGroupT): JSX.Element;
6
+ propTypes: {
7
+ direction: {
8
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
9
+ deprecated: import("react-desc").PropTypesDescValidator;
10
+ };
11
+ isRequired: import("react-desc").PropTypesDescValue;
12
+ };
13
+ };
14
+ };
15
+ declare const DSFormLayoutCheckboxGroupWithSchema: {
16
+ (props?: unknown): JSX.Element;
17
+ propTypes: unknown;
18
+ toTypescript: () => import("react-desc").TypescriptSchema;
19
+ };
20
+ export { DSFormLayoutCheckboxGroup, DSFormLayoutCheckboxGroupWithSchema };
@@ -0,0 +1,2 @@
1
+ import type { DSControlledCheckboxGroupT } from '../index.d';
2
+ export declare const useValidateProps: (props: DSControlledCheckboxGroupT) => void;
@@ -0,0 +1,3 @@
1
+ export declare const defaultProps: {
2
+ direction: string;
3
+ };
@@ -0,0 +1,10 @@
1
+ /// <reference types="react" />
2
+ declare type DirectionsT = 'horizontal' | 'vertical';
3
+ export interface DSControlledCheckboxGroupT {
4
+ direction: DirectionsT;
5
+ children: React.ReactNode;
6
+ }
7
+ export interface DSControlledCheckboxGroupStyledContainerT {
8
+ direction: DirectionsT;
9
+ }
10
+ export {};
@@ -0,0 +1 @@
1
+ export * from './DSFormLayoutCheckboxGroup';
@@ -0,0 +1,9 @@
1
+ /// <reference path="../../../../../shared/typings/react-desc.d.ts" />
2
+ export declare const propTypes: {
3
+ direction: {
4
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
5
+ deprecated: import("react-desc").PropTypesDescValidator;
6
+ };
7
+ isRequired: import("react-desc").PropTypesDescValue;
8
+ };
9
+ };
@@ -0,0 +1,2 @@
1
+ import type { DSControlledCheckboxGroupStyledContainerT } from './index.d';
2
+ export declare const StyledContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, DSControlledCheckboxGroupStyledContainerT, never>;
@@ -0,0 +1,2 @@
1
+ export * from './form-layout-block-item';
2
+ export * from './form-layout-checkbox-group';
@@ -1,89 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
- }
18
- return target;
19
- };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
- };
23
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
- return (module2, temp) => {
25
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
- };
27
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
- var DSFormLayoutBlockItem_exports = {};
29
- __export(DSFormLayoutBlockItem_exports, {
30
- DSFormLayoutBlockItem: () => DSFormLayoutBlockItem,
31
- DSFormLayoutBlockItemWithSchema: () => DSFormLayoutBlockItemWithSchema
32
- });
33
- var React = __toESM(require("react"));
34
- var import_react = __toESM(require("react"));
35
- var import_react_desc = require("react-desc");
36
- var import_uid = require("uid");
37
- var import_propTypes = require("./propTypes");
38
- var import_styles = require("./styles");
39
- const DSFormLayoutBlockItem = (props) => {
40
- const {
41
- label,
42
- feedbackMessage,
43
- validationMessage,
44
- inputID,
45
- children,
46
- hasError,
47
- leftLabel,
48
- required,
49
- optional,
50
- hideLabel,
51
- fitContent,
52
- withHighlight,
53
- isGroup = false
54
- } = props;
55
- const instanceUID = (0, import_react.useMemo)(() => (0, import_uid.uid)(6), []);
56
- return /* @__PURE__ */ import_react.default.createElement(import_styles.StyledContainer, {
57
- leftLabel,
58
- fitContent,
59
- hideLabel,
60
- withHighlight,
61
- as: isGroup ? "fieldset" : "div",
62
- isGroup,
63
- "aria-describedby": `${inputID || instanceUID}_feedback_message`
64
- }, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledLabel, {
65
- htmlFor: inputID,
66
- leftLabel,
67
- hideLabel,
68
- "aria-hidden": isGroup
69
- }, label, (required || optional) && /* @__PURE__ */ import_react.default.createElement(import_styles.StyledMark, {
70
- required
71
- })), isGroup && /* @__PURE__ */ import_react.default.createElement(import_styles.ScreenReaderOnly, {
72
- as: "legend"
73
- }, label), children, feedbackMessage && !hasError && /* @__PURE__ */ import_react.default.createElement(import_styles.StyledMessage, {
74
- leftLabel,
75
- hideLabel,
76
- "aria-hidden": isGroup,
77
- id: `${inputID || instanceUID}_feedback_message`
78
- }, feedbackMessage), validationMessage && hasError && /* @__PURE__ */ import_react.default.createElement(import_styles.StyledMessage, {
79
- hasError,
80
- leftLabel,
81
- hideLabel,
82
- role: "alert"
83
- }, validationMessage));
84
- };
85
- DSFormLayoutBlockItem.propTypes = import_propTypes.propTypes;
86
- const DSFormLayoutBlockItemWithSchema = (0, import_react_desc.describe)(DSFormLayoutBlockItem);
87
- DSFormLayoutBlockItemWithSchema.propTypes = import_propTypes.propTypes;
88
- module.exports = __toCommonJS(DSFormLayoutBlockItem_exports);
89
- //# sourceMappingURL=DSFormLayoutBlockItem.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/form-layout-block-item/DSFormLayoutBlockItem.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["/* eslint-disable complexity */\nimport React, { useMemo } from 'react';\nimport { describe } from 'react-desc';\nimport { uid } from 'uid';\nimport type { DSFormLayoutBlockItemPropsT as Props } from './index.d';\nimport { propTypes } from './propTypes';\nimport { StyledMessage, StyledLabel, StyledContainer, StyledMark, ScreenReaderOnly } from './styles';\n\nconst DSFormLayoutBlockItem = (props: Props): JSX.Element => {\n const {\n label,\n feedbackMessage,\n validationMessage,\n inputID,\n children,\n hasError,\n leftLabel,\n required,\n optional,\n hideLabel,\n fitContent,\n withHighlight,\n isGroup = false,\n } = props;\n\n const instanceUID = useMemo(() => uid(6), []);\n\n return (\n <StyledContainer\n leftLabel={leftLabel}\n fitContent={fitContent}\n hideLabel={hideLabel}\n withHighlight={withHighlight}\n as={isGroup ? 'fieldset' : 'div'}\n isGroup={isGroup}\n aria-describedby={`${inputID || instanceUID}_feedback_message`}\n >\n <StyledLabel htmlFor={inputID} leftLabel={leftLabel} hideLabel={hideLabel} aria-hidden={isGroup}>\n {label}\n {(required || optional) && <StyledMark required={required} />}\n </StyledLabel>\n {isGroup && <ScreenReaderOnly as=\"legend\">{label}</ScreenReaderOnly>}\n {children}\n {feedbackMessage && !hasError && (\n <StyledMessage\n leftLabel={leftLabel}\n hideLabel={hideLabel}\n aria-hidden={isGroup}\n id={`${inputID || instanceUID}_feedback_message`}\n >\n {feedbackMessage}\n </StyledMessage>\n )}\n {validationMessage && hasError && (\n <StyledMessage hasError={hasError} leftLabel={leftLabel} hideLabel={hideLabel} role=\"alert\">\n {validationMessage}\n </StyledMessage>\n )}\n </StyledContainer>\n );\n};\n\nDSFormLayoutBlockItem.propTypes = propTypes;\nconst DSFormLayoutBlockItemWithSchema = describe(DSFormLayoutBlockItem);\nDSFormLayoutBlockItemWithSchema.propTypes = propTypes;\n\nexport { DSFormLayoutBlockItem, DSFormLayoutBlockItemWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAA+B;AAC/B,wBAAyB;AACzB,iBAAoB;AAEpB,uBAA0B;AAC1B,oBAA0F;AAE1F,MAAM,wBAAwB,CAAC,UAA8B;AAC3D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,MACR;AAEJ,QAAM,cAAc,0BAAQ,MAAM,oBAAI,IAAI;AAE1C,SACE,mDAAC,+BAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,IAAI,UAAU,aAAa;AAAA,IAC3B;AAAA,IACA,oBAAkB,GAAG,WAAW;AAAA,KAEhC,mDAAC,2BAAD;AAAA,IAAa,SAAS;AAAA,IAAS;AAAA,IAAsB;AAAA,IAAsB,eAAa;AAAA,KACrF,OACC,aAAY,aAAa,mDAAC,0BAAD;AAAA,IAAY;AAAA,OAExC,WAAW,mDAAC,gCAAD;AAAA,IAAkB,IAAG;AAAA,KAAU,QAC1C,UACA,mBAAmB,CAAC,YACnB,mDAAC,6BAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,eAAa;AAAA,IACb,IAAI,GAAG,WAAW;AAAA,KAEjB,kBAGJ,qBAAqB,YACpB,mDAAC,6BAAD;AAAA,IAAe;AAAA,IAAoB;AAAA,IAAsB;AAAA,IAAsB,MAAK;AAAA,KACjF;AAAA;AAOX,sBAAsB,YAAY;AAClC,MAAM,kCAAkC,gCAAS;AACjD,gCAAgC,YAAY;",
6
- "names": []
7
- }
@@ -1,27 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __reExport = (target, module2, copyDefault, desc) => {
9
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
10
- for (let key of __getOwnPropNames(module2))
11
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
12
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
13
- }
14
- return target;
15
- };
16
- var __toESM = (module2, isNodeMode) => {
17
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
18
- };
19
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
20
- return (module2, temp) => {
21
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
22
- };
23
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
24
- var index_d_exports = {};
25
- var React = __toESM(require("react"));
26
- module.exports = __toCommonJS(index_d_exports);
27
- //# sourceMappingURL=index.d.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/form-layout-block-item/index.d.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["export interface DSFormLayoutBlockItemPropsT {\n children: JSX.Element;\n label: string;\n inputID: string;\n validationMessage?: string;\n feedbackMessage?: string;\n hasError?: boolean;\n leftLabel?: boolean;\n required?: boolean;\n fitContent?: boolean;\n optional?: boolean;\n hideLabel?: boolean;\n withHighlight?: boolean;\n isGroup?: boolean;\n}\n\nexport interface DSFormLayoutBlockItemStyledMessageT {\n hasError?: boolean;\n leftLabel?: boolean;\n hideLabel?: boolean;\n}\n\nexport interface DSFormLayoutBlockItemStyledContainerT {\n leftLabel?: boolean;\n fitContent?: boolean;\n hideLabel?: boolean;\n withHighlight?: boolean;\n isGroup?: boolean;\n}\n\nexport interface DSFormLayoutBlockItemStyledLabelT {\n leftLabel?: boolean;\n hideLabel?: boolean;\n}\n\nexport interface DSFormLayoutBlockItemStyledMarkT {\n required?: boolean;\n}\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;",
6
- "names": []
7
- }
@@ -1,28 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __reExport = (target, module2, copyDefault, desc) => {
9
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
10
- for (let key of __getOwnPropNames(module2))
11
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
12
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
13
- }
14
- return target;
15
- };
16
- var __toESM = (module2, isNodeMode) => {
17
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
18
- };
19
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
20
- return (module2, temp) => {
21
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
22
- };
23
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
24
- var form_layout_block_item_exports = {};
25
- var React = __toESM(require("react"));
26
- __reExport(form_layout_block_item_exports, require("./DSFormLayoutBlockItem"));
27
- module.exports = __toCommonJS(form_layout_block_item_exports);
28
- //# sourceMappingURL=index.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/form-layout-block-item/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["export * from './DSFormLayoutBlockItem';\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;ADAvB,2CAAc;",
6
- "names": []
7
- }
@@ -1,50 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
- }
18
- return target;
19
- };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
- };
23
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
- return (module2, temp) => {
25
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
- };
27
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
- var propTypes_exports = {};
29
- __export(propTypes_exports, {
30
- propTypes: () => propTypes
31
- });
32
- var React = __toESM(require("react"));
33
- var import_react_desc = require("react-desc");
34
- const propTypes = {
35
- children: import_react_desc.PropTypes.node.isRequired.description("Input component. "),
36
- label: import_react_desc.PropTypes.string.isRequired.description("Label property for the input component. This property is required for accesibility purposes."),
37
- inputID: import_react_desc.PropTypes.string.isRequired.description("String that matches the input component's id. This property is required for accesibility purposes."),
38
- feedbackMessage: import_react_desc.PropTypes.string.description("Feedback message to show below the input component."),
39
- validationMessage: import_react_desc.PropTypes.string.description("Validation message to show below the input component. It requires hasError property set to true to be visible."),
40
- hasError: import_react_desc.PropTypes.bool.description("Helper boolean property for the validation message."),
41
- required: import_react_desc.PropTypes.bool.description("Adds required extra styling."),
42
- optional: import_react_desc.PropTypes.bool.description("Adds optional extra styling."),
43
- fitContent: import_react_desc.PropTypes.bool.description("Set the width of the layout to the input component."),
44
- leftLabel: import_react_desc.PropTypes.bool.description("Adds the label at the left of the input component."),
45
- hideLabel: import_react_desc.PropTypes.bool.description("Hides the input label. It still requires label and labelFor property for accesibility purposes"),
46
- withHighlight: import_react_desc.PropTypes.bool.description("Adds highlight extra styling. It requires extra spacing, please check withHighlight explanation tab."),
47
- isGroup: import_react_desc.PropTypes.bool.description("Sets the HTML elements as fieldset and legend. This should be used when you want to group more than one input.")
48
- };
49
- module.exports = __toCommonJS(propTypes_exports);
50
- //# sourceMappingURL=propTypes.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/form-layout-block-item/propTypes.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import { PropTypes } from 'react-desc';\n\nexport const propTypes = {\n children: PropTypes.node.isRequired.description('Input component. '),\n label: PropTypes.string.isRequired.description(\n 'Label property for the input component. This property is required for accesibility purposes.',\n ),\n inputID: PropTypes.string.isRequired.description(\n \"String that matches the input component's id. This property is required for accesibility purposes.\",\n ),\n feedbackMessage: PropTypes.string.description('Feedback message to show below the input component.'),\n validationMessage: PropTypes.string.description(\n 'Validation message to show below the input component. It requires hasError property set to true to be visible.',\n ),\n hasError: PropTypes.bool.description('Helper boolean property for the validation message.'),\n required: PropTypes.bool.description('Adds required extra styling.'),\n optional: PropTypes.bool.description('Adds optional extra styling.'),\n fitContent: PropTypes.bool.description('Set the width of the layout to the input component.'),\n leftLabel: PropTypes.bool.description('Adds the label at the left of the input component.'),\n hideLabel: PropTypes.bool.description(\n 'Hides the input label. It still requires label and labelFor property for accesibility purposes',\n ),\n withHighlight: PropTypes.bool.description(\n 'Adds highlight extra styling. It requires extra spacing, please check withHighlight explanation tab.',\n ),\n isGroup: PropTypes.bool.description(\n 'Sets the HTML elements as fieldset and legend. This should be used when you want to group more than one input.',\n ),\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA0B;AAEnB,MAAM,YAAY;AAAA,EACvB,UAAU,4BAAU,KAAK,WAAW,YAAY;AAAA,EAChD,OAAO,4BAAU,OAAO,WAAW,YACjC;AAAA,EAEF,SAAS,4BAAU,OAAO,WAAW,YACnC;AAAA,EAEF,iBAAiB,4BAAU,OAAO,YAAY;AAAA,EAC9C,mBAAmB,4BAAU,OAAO,YAClC;AAAA,EAEF,UAAU,4BAAU,KAAK,YAAY;AAAA,EACrC,UAAU,4BAAU,KAAK,YAAY;AAAA,EACrC,UAAU,4BAAU,KAAK,YAAY;AAAA,EACrC,YAAY,4BAAU,KAAK,YAAY;AAAA,EACvC,WAAW,4BAAU,KAAK,YAAY;AAAA,EACtC,WAAW,4BAAU,KAAK,YACxB;AAAA,EAEF,eAAe,4BAAU,KAAK,YAC5B;AAAA,EAEF,SAAS,4BAAU,KAAK,YACtB;AAAA;",
6
- "names": []
7
- }