@pega/custom-dx-components 0.23.46 → 0.23.48

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 (132) hide show
  1. package/package.json +1 -1
  2. package/src/tasks/create/templates/Constellation/Field/Boolean/demo.stories.tsx.mustache +14 -1
  3. package/src/tasks/create/templates/Constellation/Field/Boolean/mock.ts.mustache +2 -1
  4. package/src/tasks/create/templates/Constellation/Field/Date/demo.stories.tsx.mustache +14 -1
  5. package/src/tasks/create/templates/Constellation/Field/Date/mock.ts.mustache +2 -1
  6. package/src/tasks/create/templates/Constellation/Field/DateTime/demo.stories.tsx.mustache +14 -1
  7. package/src/tasks/create/templates/Constellation/Field/DateTime/mock.ts.mustache +2 -1
  8. package/src/tasks/create/templates/Constellation/Field/Decimal/demo.stories.tsx.mustache +14 -1
  9. package/src/tasks/create/templates/Constellation/Field/Decimal/mock.ts.mustache +8 -1
  10. package/src/tasks/create/templates/Constellation/Field/Decimal-Currency/demo.stories.tsx.mustache +14 -1
  11. package/src/tasks/create/templates/Constellation/Field/Decimal-Currency/mock.ts.mustache +8 -1
  12. package/src/tasks/create/templates/Constellation/Field/Decimal-Percentage/demo.stories.tsx.mustache +14 -1
  13. package/src/tasks/create/templates/Constellation/Field/Decimal-Percentage/mock.ts.mustache +8 -1
  14. package/src/tasks/create/templates/Constellation/Field/Integer/demo.stories.tsx.mustache +14 -1
  15. package/src/tasks/create/templates/Constellation/Field/Integer/mock.ts.mustache +8 -1
  16. package/src/tasks/create/templates/Constellation/Field/Picklist/demo.stories.tsx.mustache +14 -1
  17. package/src/tasks/create/templates/Constellation/Field/Picklist/mock.ts.mustache +8 -1
  18. package/src/tasks/create/templates/Constellation/Field/Picklist-Autocomplete/demo.stories.tsx.mustache +14 -1
  19. package/src/tasks/create/templates/Constellation/Field/Picklist-Autocomplete/mock.ts.mustache +8 -1
  20. package/src/tasks/create/templates/Constellation/Field/Picklist-RadioButtons/demo.stories.tsx.mustache +14 -1
  21. package/src/tasks/create/templates/Constellation/Field/Picklist-RadioButtons/mock.ts.mustache +8 -1
  22. package/src/tasks/create/templates/Constellation/Field/Text/demo.stories.tsx.mustache +14 -1
  23. package/src/tasks/create/templates/Constellation/Field/Text/mock.ts.mustache +8 -1
  24. package/src/tasks/create/templates/Constellation/Field/Text-Email/demo.stories.tsx.mustache +14 -1
  25. package/src/tasks/create/templates/Constellation/Field/Text-Email/mock.ts.mustache +8 -1
  26. package/src/tasks/create/templates/Constellation/Field/Text-Input/demo.stories.tsx.mustache +14 -1
  27. package/src/tasks/create/templates/Constellation/Field/Text-Input/mock.ts.mustache +8 -1
  28. package/src/tasks/create/templates/Constellation/Field/Text-Paragraph/demo.stories.tsx.mustache +14 -1
  29. package/src/tasks/create/templates/Constellation/Field/Text-Paragraph/mock.ts.mustache +8 -1
  30. package/src/tasks/create/templates/Constellation/Field/Text-Phone/demo.stories.tsx.mustache +14 -1
  31. package/src/tasks/create/templates/Constellation/Field/Text-Phone/mock.ts.mustache +8 -1
  32. package/src/tasks/create/templates/Constellation/Field/Text-URL/demo.stories.tsx.mustache +14 -1
  33. package/src/tasks/create/templates/Constellation/Field/Text-URL/mock.ts.mustache +8 -1
  34. package/src/tasks/create/templates/Constellation/Field/TimeofDay/demo.stories.tsx.mustache +14 -1
  35. package/src/tasks/create/templates/Constellation/Field/TimeofDay/mock.ts.mustache +2 -1
  36. package/src/tasks/create/templates/Constellation/Template/DETAILS/demo.stories.tsx.mustache +6 -1
  37. package/src/tasks/create/templates/Constellation/Template/DETAILS-region/demo.stories.tsx.mustache +7 -1
  38. package/src/tasks/create/templates/Constellation/Template/FORM/demo.stories.tsx.mustache +3 -1
  39. package/src/tasks/create/templates/Constellation/Template/FORM-region/demo.stories.tsx.mustache +3 -1
  40. package/src/tasks/create/templates/Constellation/Template/PAGE/demo.stories.tsx.mustache +3 -1
  41. package/src/tasks/create/templates/Constellation/Widget/CASE/demo.stories.tsx.mustache +3 -1
  42. package/src/tasks/create/templates/Constellation/Widget/PAGE/demo.stories.tsx.mustache +6 -1
  43. package/src/tasks/create/templates/Constellation/Widget/PAGE-CASE/demo.stories.tsx.mustache +3 -1
  44. package/src/tasks/create/templates/Launchpad/Widget/CASE/demo.stories.tsx.mustache +3 -1
  45. package/src/tasks/create/templates/Launchpad/Widget/PAGE-CASE/demo.stories.tsx.mustache +7 -1
  46. package/src/tasks/init/template/package.json.mustache +2 -2
  47. package/tests/assets/components/create/Pega_DXIL_MyTestText/demo.stories.tsx +14 -1
  48. package/tests/assets/components/create/Pega_DXIL_MyTestText/mock.ts +8 -1
  49. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyBoolean/demo.stories.tsx +14 -1
  50. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyBoolean/mock.ts +2 -1
  51. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyCaseWidget/demo.stories.tsx +3 -1
  52. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyCurrency/demo.stories.tsx +14 -1
  53. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyCurrency/mock.ts +8 -1
  54. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyDate/demo.stories.tsx +14 -1
  55. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyDate/mock.ts +2 -1
  56. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyDateTime/demo.stories.tsx +14 -1
  57. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyDateTime/mock.ts +2 -1
  58. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyDecimal/demo.stories.tsx +14 -1
  59. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyDecimal/mock.ts +8 -1
  60. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyDetails/demo.stories.tsx +6 -1
  61. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyEmail/demo.stories.tsx +14 -1
  62. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyEmail/mock.ts +8 -1
  63. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyForm/demo.stories.tsx +3 -1
  64. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyInteger/demo.stories.tsx +14 -1
  65. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyInteger/mock.ts +8 -1
  66. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyPage/demo.stories.tsx +3 -1
  67. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyPageCaseWidget/demo.stories.tsx +3 -1
  68. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyPageWidget/demo.stories.tsx +6 -1
  69. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyParagraph/demo.stories.tsx +14 -1
  70. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyParagraph/mock.ts +8 -1
  71. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyPercentage/demo.stories.tsx +14 -1
  72. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyPercentage/mock.ts +8 -1
  73. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyPhone/demo.stories.tsx +14 -1
  74. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyPhone/mock.ts +8 -1
  75. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyPicklist/demo.stories.tsx +14 -1
  76. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyPicklist/mock.ts +8 -1
  77. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyRadioButtons/demo.stories.tsx +14 -1
  78. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyRadioButtons/mock.ts +8 -1
  79. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MySearchbox/demo.stories.tsx +14 -1
  80. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MySearchbox/mock.ts +8 -1
  81. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyText/demo.stories.tsx +14 -1
  82. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyText/mock.ts +8 -1
  83. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyTextInput/demo.stories.tsx +14 -1
  84. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyTextInput/mock.ts +8 -1
  85. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyTimeOfDay/demo.stories.tsx +14 -1
  86. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyTimeOfDay/mock.ts +2 -1
  87. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyTwoColumnDetails/demo.stories.tsx +7 -1
  88. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyTwoColumnForm/demo.stories.tsx +3 -1
  89. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyURL/demo.stories.tsx +14 -1
  90. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyURL/mock.ts +8 -1
  91. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyBoolean/demo.stories.tsx +14 -1
  92. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyBoolean/mock.ts +2 -1
  93. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyCaseWidget/demo.stories.tsx +3 -1
  94. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyCurrency/demo.stories.tsx +14 -1
  95. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyCurrency/mock.ts +8 -1
  96. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDate/demo.stories.tsx +14 -1
  97. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDate/mock.ts +2 -1
  98. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDateTime/demo.stories.tsx +14 -1
  99. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDateTime/mock.ts +2 -1
  100. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDecimal/demo.stories.tsx +14 -1
  101. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDecimal/mock.ts +8 -1
  102. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDetails/demo.stories.tsx +6 -1
  103. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyEmail/demo.stories.tsx +14 -1
  104. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyEmail/mock.ts +8 -1
  105. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyForm/demo.stories.tsx +3 -1
  106. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyInteger/demo.stories.tsx +14 -1
  107. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyInteger/mock.ts +8 -1
  108. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPage/demo.stories.tsx +3 -1
  109. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPageCaseWidget/demo.stories.tsx +7 -1
  110. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPageWidget/demo.stories.tsx +6 -1
  111. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyParagraph/demo.stories.tsx +14 -1
  112. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyParagraph/mock.ts +8 -1
  113. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPercentage/demo.stories.tsx +14 -1
  114. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPercentage/mock.ts +8 -1
  115. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPhone/demo.stories.tsx +14 -1
  116. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPhone/mock.ts +8 -1
  117. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPicklist/demo.stories.tsx +14 -1
  118. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPicklist/mock.ts +8 -1
  119. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyRadioButtons/demo.stories.tsx +14 -1
  120. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyRadioButtons/mock.ts +8 -1
  121. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MySearchbox/demo.stories.tsx +14 -1
  122. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MySearchbox/mock.ts +8 -1
  123. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyText/demo.stories.tsx +14 -1
  124. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyText/mock.ts +8 -1
  125. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTextInput/demo.stories.tsx +14 -1
  126. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTextInput/mock.ts +8 -1
  127. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTimeOfDay/demo.stories.tsx +14 -1
  128. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTimeOfDay/mock.ts +2 -1
  129. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTwoColumnDetails/demo.stories.tsx +7 -1
  130. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTwoColumnForm/demo.stories.tsx +3 -1
  131. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyURL/demo.stories.tsx +14 -1
  132. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyURL/mock.ts +8 -1
@@ -6,7 +6,14 @@ export const configProps = {
6
6
  placeholder: 'Paragraph Placeholder',
7
7
  helperText: 'Paragraph Helper Text',
8
8
  testId: 'paragraph-12345678',
9
- hasSuggestions: false
9
+ hasSuggestions: false,
10
+ displayMode: '',
11
+ hideLabel: false,
12
+ readOnly: false,
13
+ required: false,
14
+ disabled: false,
15
+ status: '',
16
+ validatemessage: ''
10
17
  };
11
18
 
12
19
  export const fieldMetadata = {
@@ -49,7 +49,20 @@ export const BasePegaDxilMyPercentage: Story = args => {
49
49
 
50
50
  return (
51
51
  <>
52
- <PegaDxilMyPercentage {...props} />
52
+ <PegaDxilMyPercentage {...props} {...args} />
53
53
  </>
54
54
  );
55
55
  };
56
+
57
+ BasePegaDxilMyPercentage.args = {
58
+ label: configProps.label,
59
+ helperText: configProps.helperText,
60
+ testId: configProps.testId,
61
+ readOnly: configProps.readOnly,
62
+ disabled: configProps.disabled,
63
+ required: configProps.required,
64
+ status: configProps.status,
65
+ hideLabel: configProps.hideLabel,
66
+ displayMode: configProps.displayMode,
67
+ validatemessage: configProps.validatemessage
68
+ };
@@ -7,7 +7,14 @@ export const configProps = {
7
7
  placeholder: 'Percentage Placeholder',
8
8
  helperText: 'Percentage Helper Text',
9
9
  testId: 'percentage-12345678',
10
- hasSuggestions: false
10
+ hasSuggestions: false,
11
+ displayMode: '',
12
+ hideLabel: false,
13
+ readOnly: false,
14
+ required: false,
15
+ disabled: false,
16
+ status: '',
17
+ validatemessage: ''
11
18
  };
12
19
 
13
20
  export const stateProps = {
@@ -46,7 +46,20 @@ export const BasePegaDxilMyPhone: Story = args => {
46
46
 
47
47
  return (
48
48
  <>
49
- <PegaDxilMyPhone {...props} />
49
+ <PegaDxilMyPhone {...props} {...args} />
50
50
  </>
51
51
  );
52
52
  };
53
+
54
+ BasePegaDxilMyPhone.args = {
55
+ label: configProps.label,
56
+ helperText: configProps.helperText,
57
+ testId: configProps.testId,
58
+ readOnly: configProps.readOnly,
59
+ disabled: configProps.disabled,
60
+ required: configProps.required,
61
+ status: configProps.status,
62
+ hideLabel: configProps.hideLabel,
63
+ displayMode: configProps.displayMode,
64
+ validatemessage: configProps.validatemessage
65
+ };
@@ -24,7 +24,14 @@ export const configProps = {
24
24
  placeholder: 'Phone Placeholder',
25
25
  helperText: 'Phone Helper Text',
26
26
  testId: 'phone-12345678',
27
- hasSuggestions: false
27
+ hasSuggestions: false,
28
+ displayMode: '',
29
+ hideLabel: false,
30
+ readOnly: false,
31
+ required: false,
32
+ disabled: false,
33
+ status: '',
34
+ validatemessage: ''
28
35
  };
29
36
 
30
37
  export const stateProps = {
@@ -78,7 +78,20 @@ export const BasePegaDxilMyPicklist: Story = args => {
78
78
 
79
79
  return (
80
80
  <>
81
- <PegaDxilMyPicklist {...props} />
81
+ <PegaDxilMyPicklist {...props} {...args} />
82
82
  </>
83
83
  );
84
84
  };
85
+
86
+ BasePegaDxilMyPicklist.args = {
87
+ label: configProps.label,
88
+ helperText: configProps.helperText,
89
+ testId: configProps.testId,
90
+ readOnly: configProps.readOnly,
91
+ disabled: configProps.disabled,
92
+ required: configProps.required,
93
+ status: configProps.status,
94
+ hideLabel: configProps.hideLabel,
95
+ displayMode: configProps.displayMode,
96
+ validatemessage: configProps.validatemessage
97
+ };
@@ -20,7 +20,14 @@ export const configProps = {
20
20
  ],
21
21
  helperText: 'Picklist Helper Text',
22
22
  testId: 'picklist-12345678',
23
- hasSuggestions: false
23
+ hasSuggestions: false,
24
+ displayMode: '',
25
+ hideLabel: false,
26
+ readOnly: false,
27
+ required: false,
28
+ disabled: false,
29
+ status: '',
30
+ validatemessage: ''
24
31
  };
25
32
 
26
33
  export const stateProps = {
@@ -82,7 +82,20 @@ export const BasePegaDxilMyRadiobuttons: Story = args => {
82
82
 
83
83
  return (
84
84
  <>
85
- <PegaDxilMyRadiobuttons {...props} />
85
+ <PegaDxilMyRadiobuttons {...props} {...args} />
86
86
  </>
87
87
  );
88
88
  };
89
+
90
+ BasePegaDxilMyRadiobuttons.args = {
91
+ label: configProps.label,
92
+ helperText: configProps.helperText,
93
+ testId: configProps.testId,
94
+ readOnly: configProps.readOnly,
95
+ disabled: configProps.disabled,
96
+ required: configProps.required,
97
+ status: configProps.status,
98
+ hideLabel: configProps.hideLabel,
99
+ displayMode: configProps.displayMode,
100
+ validatemessage: configProps.validatemessage
101
+ };
@@ -21,7 +21,14 @@ export const configProps = {
21
21
  ],
22
22
  helperText: 'Picklist Helper Text',
23
23
  testId: 'picklist-12345678',
24
- hasSuggestions: false
24
+ hasSuggestions: false,
25
+ displayMode: '',
26
+ hideLabel: false,
27
+ readOnly: false,
28
+ required: false,
29
+ disabled: false,
30
+ status: '',
31
+ validatemessage: ''
25
32
  };
26
33
 
27
34
  export const stateProps = {
@@ -87,7 +87,20 @@ export const BasePegaDxilMySearchbox: Story = args => {
87
87
 
88
88
  return (
89
89
  <>
90
- <PegaDxilMySearchbox {...props} />
90
+ <PegaDxilMySearchbox {...props} {...args} />
91
91
  </>
92
92
  );
93
93
  };
94
+
95
+ BasePegaDxilMySearchbox.args = {
96
+ label: configProps.label,
97
+ helperText: configProps.helperText,
98
+ testId: configProps.testId,
99
+ readOnly: configProps.readOnly,
100
+ disabled: configProps.disabled,
101
+ required: configProps.required,
102
+ status: configProps.status,
103
+ hideLabel: configProps.hideLabel,
104
+ displayMode: configProps.displayMode,
105
+ validatemessage: configProps.validatemessage
106
+ };
@@ -20,7 +20,14 @@ export const configProps = {
20
20
  ],
21
21
  helperText: 'Picklist Helper Text',
22
22
  testId: 'picklist-12345678',
23
- hasSuggestions: false
23
+ hasSuggestions: false,
24
+ displayMode: '',
25
+ hideLabel: false,
26
+ readOnly: false,
27
+ required: false,
28
+ disabled: false,
29
+ status: '',
30
+ validatemessage: ''
24
31
  };
25
32
 
26
33
  export const stateProps = {
@@ -51,7 +51,20 @@ export const BasePegaDxilMyText: Story = args => {
51
51
 
52
52
  return (
53
53
  <>
54
- <PegaDxilMyText {...props} />
54
+ <PegaDxilMyText {...props} {...args} />
55
55
  </>
56
56
  );
57
57
  };
58
+
59
+ BasePegaDxilMyText.args = {
60
+ label: configProps.label,
61
+ helperText: configProps.helperText,
62
+ testId: configProps.testId,
63
+ readOnly: configProps.readOnly,
64
+ disabled: configProps.disabled,
65
+ required: configProps.required,
66
+ status: configProps.status,
67
+ hideLabel: configProps.hideLabel,
68
+ displayMode: configProps.displayMode,
69
+ validatemessage: configProps.validatemessage
70
+ };
@@ -6,7 +6,14 @@ export const configProps = {
6
6
  placeholder: 'Text Placeholder',
7
7
  helperText: 'Text Helper Text',
8
8
  testId: 'Text-12345678',
9
- hasSuggestions: false
9
+ hasSuggestions: false,
10
+ displayMode: '',
11
+ hideLabel: false,
12
+ readOnly: false,
13
+ required: false,
14
+ disabled: false,
15
+ status: '',
16
+ validatemessage: ''
10
17
  };
11
18
 
12
19
  export const stateProps = {
@@ -48,7 +48,20 @@ export const BasePegaDxilMyTextInput: Story = args => {
48
48
 
49
49
  return (
50
50
  <>
51
- <PegaDxilMyTextInput {...props} />
51
+ <PegaDxilMyTextInput {...props} {...args} />
52
52
  </>
53
53
  );
54
54
  };
55
+
56
+ BasePegaDxilMyTextInput.args = {
57
+ label: configProps.label,
58
+ helperText: configProps.helperText,
59
+ testId: configProps.testId,
60
+ readOnly: configProps.readOnly,
61
+ disabled: configProps.disabled,
62
+ required: configProps.required,
63
+ status: configProps.status,
64
+ hideLabel: configProps.hideLabel,
65
+ displayMode: configProps.displayMode,
66
+ validatemessage: configProps.validatemessage
67
+ };
@@ -6,7 +6,14 @@ export const configProps = {
6
6
  placeholder: 'TextInput Placeholder',
7
7
  helperText: 'TextInput Helper Text',
8
8
  testId: 'TextInput-12345678',
9
- hasSuggestions: false
9
+ hasSuggestions: false,
10
+ displayMode: '',
11
+ hideLabel: false,
12
+ readOnly: false,
13
+ required: false,
14
+ disabled: false,
15
+ status: '',
16
+ validatemessage: ''
10
17
  };
11
18
 
12
19
  export const stateProps = {
@@ -56,7 +56,20 @@ export const BasePegaDxilMyTimeOfDay: Story = args => {
56
56
 
57
57
  return (
58
58
  <>
59
- <PegaDxilMyTimeOfDay {...props} />
59
+ <PegaDxilMyTimeOfDay {...props} {...args} />
60
60
  </>
61
61
  );
62
62
  };
63
+
64
+ BasePegaDxilMyTimeOfDay.args = {
65
+ label: configProps.label,
66
+ helperText: configProps.helperText,
67
+ testId: configProps.testId,
68
+ readOnly: configProps.readOnly,
69
+ disabled: configProps.disabled,
70
+ required: configProps.required,
71
+ status: configProps.status,
72
+ hideLabel: configProps.hideLabel,
73
+ displayMode: configProps.displayMode,
74
+ validatemessage: configProps.validatemessage
75
+ };
@@ -14,7 +14,8 @@ export const configProps = {
14
14
  hasSuggestions: false,
15
15
  readOnly: false,
16
16
  required: false,
17
- disabled: false
17
+ disabled: false,
18
+ status: ''
18
19
  };
19
20
 
20
21
  export const stateProps = {
@@ -141,9 +141,15 @@ export const BasePegaDxilMyTwoColumnDetails: Story = args => {
141
141
  });
142
142
 
143
143
  return (
144
- <PegaDxilMyTwoColumnDetails {...props}>
144
+ <PegaDxilMyTwoColumnDetails {...props} {...args}>
145
145
  {regionAChildren}
146
146
  {regionBChildren}
147
147
  </PegaDxilMyTwoColumnDetails>
148
148
  );
149
149
  };
150
+
151
+ BasePegaDxilMyTwoColumnDetails.args = {
152
+ showHighlightedData: false,
153
+ label: 'Details Region',
154
+ showLabel: true
155
+ };
@@ -180,9 +180,11 @@ export const BasePegaDxilMyTwoColumnForm: Story = args => {
180
180
  });
181
181
 
182
182
  return (
183
- <PegaDxilMyTwoColumnForm {...props}>
183
+ <PegaDxilMyTwoColumnForm {...props} {...args}>
184
184
  {regionAChildren}
185
185
  {regionBChildren}
186
186
  </PegaDxilMyTwoColumnForm>
187
187
  );
188
188
  };
189
+
190
+ BasePegaDxilMyTwoColumnForm.args = {};
@@ -46,7 +46,20 @@ export const BasePegaDxilMyUrl: Story = args => {
46
46
 
47
47
  return (
48
48
  <>
49
- <PegaDxilMyUrl {...props} />
49
+ <PegaDxilMyUrl {...props} {...args} />
50
50
  </>
51
51
  );
52
52
  };
53
+
54
+ BasePegaDxilMyUrl.args = {
55
+ label: configProps.label,
56
+ helperText: configProps.helperText,
57
+ testId: configProps.testId,
58
+ readOnly: configProps.readOnly,
59
+ disabled: configProps.disabled,
60
+ required: configProps.required,
61
+ status: configProps.status,
62
+ hideLabel: configProps.hideLabel,
63
+ displayMode: configProps.displayMode,
64
+ validatemessage: configProps.validatemessage
65
+ };
@@ -6,7 +6,14 @@ export const configProps = {
6
6
  placeholder: 'URL Placeholder',
7
7
  helperText: 'URL Helper Text',
8
8
  testId: 'url-12345678',
9
- hasSuggestions: false
9
+ hasSuggestions: false,
10
+ displayMode: '',
11
+ hideLabel: false,
12
+ readOnly: false,
13
+ required: false,
14
+ disabled: false,
15
+ status: '',
16
+ validatemessage: ''
10
17
  };
11
18
 
12
19
  export const fieldMetadata = {