@pingux/astro 1.0.0-alpha.16 → 1.0.0-alpha.17

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.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,17 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [1.0.0-alpha.17](https://gitlab.corp.pingidentity.com/ux/pingux/compare/@pingux/astro@1.0.0-alpha.16...@pingux/astro@1.0.0-alpha.17) (2022-01-13)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * [UIP-4997] Read only style TextAreaField ([a5f62bd](https://gitlab.corp.pingidentity.com/ux/pingux/commit/a5f62bd014f2d3d75c2c71625bc31ba5cefbb4df))
12
+
13
+
14
+
15
+
16
+
6
17
  # [1.0.0-alpha.16](https://gitlab.corp.pingidentity.com/ux/pingux/compare/@pingux/astro@1.0.0-alpha.15...@pingux/astro@1.0.0-alpha.16) (2022-01-13)
7
18
 
8
19
 
@@ -128,6 +128,16 @@ test('form wrapper will have default max label column width when no custom width
128
128
 
129
129
  expect(textAreaContainer).toHaveStyle('grid-template-columns: 40% auto');
130
130
  });
131
+ test('passing read only prop applys the is-read-only class to the textarea', function () {
132
+ var isReadOnly = true;
133
+ getComponent({
134
+ isReadOnly: isReadOnly
135
+ });
136
+
137
+ var textArea = _testWrapper.screen.getByLabelText(defaultProps.label);
138
+
139
+ expect(textArea).toHaveClass('is-read-only');
140
+ });
131
141
  test('form wrapper will have a max label column width when custom width set', function () {
132
142
  var labelMode = 'left';
133
143
  var containerProps = {
@@ -152,6 +152,10 @@ input.container = (_input$container = {
152
152
  backgroundColor: 'accent.95',
153
153
  border: 'none'
154
154
  },
155
+ '> textarea': {
156
+ backgroundColor: 'accent.95',
157
+ border: 'none'
158
+ },
155
159
  '&:after': {
156
160
  display: 'none'
157
161
  }
@@ -99,6 +99,14 @@ test('form wrapper will have default max label column width when no custom width
99
99
  var textAreaContainer = screen.getByTestId(testId);
100
100
  expect(textAreaContainer).toHaveStyle('grid-template-columns: 40% auto');
101
101
  });
102
+ test('passing read only prop applys the is-read-only class to the textarea', function () {
103
+ var isReadOnly = true;
104
+ getComponent({
105
+ isReadOnly: isReadOnly
106
+ });
107
+ var textArea = screen.getByLabelText(defaultProps.label);
108
+ expect(textArea).toHaveClass('is-read-only');
109
+ });
102
110
  test('form wrapper will have a max label column width when custom width set', function () {
103
111
  var labelMode = 'left';
104
112
  var containerProps = {
@@ -128,6 +128,10 @@ input.container = (_input$container = {
128
128
  backgroundColor: 'accent.95',
129
129
  border: 'none'
130
130
  },
131
+ '> textarea': {
132
+ backgroundColor: 'accent.95',
133
+ border: 'none'
134
+ },
131
135
  '&:after': {
132
136
  display: 'none'
133
137
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pingux/astro",
3
- "version": "1.0.0-alpha.16",
3
+ "version": "1.0.0-alpha.17",
4
4
  "description": "PingUX themeable React component library",
5
5
  "author": "uxdev@pingidentity.com",
6
6
  "license": "Apache-2.0",