@pingux/astro 2.43.0-alpha.2 → 2.43.0-alpha.5

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 (17) hide show
  1. package/lib/cjs/components/FieldHelperText/FieldHelperText.d.ts +10 -0
  2. package/lib/cjs/components/FieldHelperText/FieldHelperText.js +0 -5
  3. package/lib/cjs/components/FieldHelperText/FieldHelperText.stories.d.ts +9 -0
  4. package/lib/cjs/components/FieldHelperText/FieldHelperText.styles.d.ts +29 -0
  5. package/lib/cjs/components/FieldHelperText/FieldHelperText.test.d.ts +1 -0
  6. package/lib/cjs/components/FieldHelperText/FieldHelperText.test.js +7 -9
  7. package/lib/cjs/components/FieldHelperText/index.d.ts +1 -0
  8. package/lib/cjs/types/fieldHelperText.d.ts +8 -0
  9. package/lib/cjs/types/fieldHelperText.js +6 -0
  10. package/lib/cjs/types/index.d.ts +1 -0
  11. package/lib/cjs/types/index.js +23 -12
  12. package/lib/cjs/types/text.d.ts +1 -0
  13. package/lib/components/FieldHelperText/FieldHelperText.js +1 -6
  14. package/lib/components/FieldHelperText/FieldHelperText.test.js +7 -9
  15. package/lib/types/fieldHelperText.js +1 -0
  16. package/lib/types/index.js +1 -0
  17. package/package.json +1 -1
package/lib/cjs/components/FieldHelperText/FieldHelperText.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ import { FieldHelperTextProps } from '../../types';
3
+ /**
4
+ * Displays a styled message.
5
+ *
6
+ * **NOTE**: Specialized field components contain built-in support for helper text. It's
7
+ * recommended to use those instead of a standalone `FieldHelperText`.
8
+ */
9
+ declare const FieldHelperText: React.ForwardRefExoticComponent<FieldHelperTextProps & React.RefAttributes<HTMLDivElement>>;
10
+ export default FieldHelperText;
package/lib/cjs/components/FieldHelperText/FieldHelperText.js CHANGED
@@ -19,7 +19,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/e
19
19
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
20
20
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
21
21
  var _react = _interopRequireWildcard(require("react"));
22
- var _propTypes = _interopRequireDefault(require("prop-types"));
23
22
  var _hooks = require("../../hooks");
24
23
  var _statusProp = require("../../utils/docUtils/statusProp");
25
24
  var _Text = _interopRequireDefault(require("../Text"));
@@ -52,10 +51,6 @@ var FieldHelperText = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
52
51
  className: classNames
53
52
  }));
54
53
  });
55
- FieldHelperText.propTypes = _objectSpread({
56
- /** The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id). */
57
- id: _propTypes["default"].string
58
- }, _statusProp.statusPropTypes);
59
54
  FieldHelperText.defaultProps = _objectSpread({}, _statusProp.statusDefaultProp);
60
55
  FieldHelperText.displayName = 'FieldHelperText';
61
56
  var _default = FieldHelperText;
package/lib/cjs/components/FieldHelperText/FieldHelperText.stories.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ import { StoryFn } from '@storybook/react';
3
+ import { FieldHelperTextProps } from '../../types';
4
+ declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
5
+ export default _default;
6
+ export declare const Default: StoryFn<FieldHelperTextProps>;
7
+ export declare const Error: () => React.JSX.Element;
8
+ export declare const Success: () => React.JSX.Element;
9
+ export declare const Warning: () => React.JSX.Element;
package/lib/cjs/components/FieldHelperText/FieldHelperText.styles.d.ts ADDED
@@ -0,0 +1,29 @@
1
+ declare const _default: {
2
+ title: {
3
+ fontSize: string;
4
+ '&.is-default': {
5
+ color: string;
6
+ };
7
+ '&.is-error': {
8
+ color: string;
9
+ };
10
+ '&.is-success': {
11
+ color: string;
12
+ };
13
+ '&.is-warning': {
14
+ color: string;
15
+ };
16
+ '.is-left-label > &': {
17
+ gridRowEnd: number;
18
+ gridColumnEnd: number;
19
+ };
20
+ display: string;
21
+ overflowWrap: string;
22
+ maxWidth: string;
23
+ wordWrap: string;
24
+ wordBreak: string;
25
+ color: string;
26
+ fontFamily: string;
27
+ };
28
+ };
29
+ export default _default;
package/lib/cjs/components/FieldHelperText/FieldHelperText.test.js CHANGED
@@ -37,17 +37,15 @@ test('basic field message', function () {
37
37
  expect(fieldHelperText).toHaveClass("is-".concat(_statuses["default"].DEFAULT));
38
38
  expect(fieldHelperText).toBeInTheDocument();
39
39
  });
40
- test('status field message', function () {
40
+ describe('status field message', function () {
41
41
  var _context;
42
- var _getComponent = getComponent(),
43
- rerender = _getComponent.rerender;
44
- var fieldHelperText = _testWrapper.screen.getByText(children);
45
42
  (0, _forEach["default"])(_context = (0, _values["default"])(_statuses["default"])).call(_context, function (status) {
46
- getComponent({
47
- status: status
48
- }, {
49
- renderFn: rerender
43
+ test('applies class', function () {
44
+ getComponent({
45
+ status: status
46
+ });
47
+ var fieldHelperText = _testWrapper.screen.getByText(children);
48
+ expect(fieldHelperText).toHaveClass("is-".concat(status));
50
49
  });
51
- expect(fieldHelperText).toHaveClass("is-".concat(status));
52
50
  });
53
51
  });
package/lib/cjs/components/FieldHelperText/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export { default } from './FieldHelperText';
package/lib/cjs/types/fieldHelperText.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ import { TestingAttributes } from './shared/test';
3
+ import { Status } from './item';
4
+ import { TextProps } from './text';
5
+ export interface FieldHelperTextProps extends TestingAttributes, TextProps, Status {
6
+ className?: string;
7
+ children?: React.ReactNode;
8
+ }
package/lib/cjs/types/fieldHelperText.js ADDED
@@ -0,0 +1,6 @@
1
+ "use strict";
2
+
3
+ var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
4
+ _Object$defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
package/lib/cjs/types/index.d.ts CHANGED
@@ -3,6 +3,7 @@ export * from './box';
3
3
  export * from './bracket';
4
4
  export * from './button';
5
5
  export * from './card';
6
+ export * from './fieldHelperText';
6
7
  export * from './icon';
7
8
  export * from './iconBadge';
8
9
  export * from './item';
package/lib/cjs/types/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
 
3
- var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _context16;
3
+ var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17;
4
4
  var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
5
5
  var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
6
6
  var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
@@ -62,8 +62,19 @@ _forEachInstanceProperty(_context5 = _Object$keys(_card)).call(_context5, functi
62
62
  }
63
63
  });
64
64
  });
65
+ var _fieldHelperText = require("./fieldHelperText");
66
+ _forEachInstanceProperty(_context6 = _Object$keys(_fieldHelperText)).call(_context6, function (key) {
67
+ if (key === "default" || key === "__esModule") return;
68
+ if (key in exports && exports[key] === _fieldHelperText[key]) return;
69
+ _Object$defineProperty(exports, key, {
70
+ enumerable: true,
71
+ get: function get() {
72
+ return _fieldHelperText[key];
73
+ }
74
+ });
75
+ });
65
76
  var _icon = require("./icon");
66
- _forEachInstanceProperty(_context6 = _Object$keys(_icon)).call(_context6, function (key) {
77
+ _forEachInstanceProperty(_context7 = _Object$keys(_icon)).call(_context7, function (key) {
67
78
  if (key === "default" || key === "__esModule") return;
68
79
  if (key in exports && exports[key] === _icon[key]) return;
69
80
  _Object$defineProperty(exports, key, {
@@ -74,7 +85,7 @@ _forEachInstanceProperty(_context6 = _Object$keys(_icon)).call(_context6, functi
74
85
  });
75
86
  });
76
87
  var _iconBadge = require("./iconBadge");
77
- _forEachInstanceProperty(_context7 = _Object$keys(_iconBadge)).call(_context7, function (key) {
88
+ _forEachInstanceProperty(_context8 = _Object$keys(_iconBadge)).call(_context8, function (key) {
78
89
  if (key === "default" || key === "__esModule") return;
79
90
  if (key in exports && exports[key] === _iconBadge[key]) return;
80
91
  _Object$defineProperty(exports, key, {
@@ -85,7 +96,7 @@ _forEachInstanceProperty(_context7 = _Object$keys(_iconBadge)).call(_context7, f
85
96
  });
86
97
  });
87
98
  var _item = require("./item");
88
- _forEachInstanceProperty(_context8 = _Object$keys(_item)).call(_context8, function (key) {
99
+ _forEachInstanceProperty(_context9 = _Object$keys(_item)).call(_context9, function (key) {
89
100
  if (key === "default" || key === "__esModule") return;
90
101
  if (key in exports && exports[key] === _item[key]) return;
91
102
  _Object$defineProperty(exports, key, {
@@ -96,7 +107,7 @@ _forEachInstanceProperty(_context8 = _Object$keys(_item)).call(_context8, functi
96
107
  });
97
108
  });
98
109
  var _link = require("./link");
99
- _forEachInstanceProperty(_context9 = _Object$keys(_link)).call(_context9, function (key) {
110
+ _forEachInstanceProperty(_context10 = _Object$keys(_link)).call(_context10, function (key) {
100
111
  if (key === "default" || key === "__esModule") return;
101
112
  if (key in exports && exports[key] === _link[key]) return;
102
113
  _Object$defineProperty(exports, key, {
@@ -107,7 +118,7 @@ _forEachInstanceProperty(_context9 = _Object$keys(_link)).call(_context9, functi
107
118
  });
108
119
  });
109
120
  var _loader = require("./loader");
110
- _forEachInstanceProperty(_context10 = _Object$keys(_loader)).call(_context10, function (key) {
121
+ _forEachInstanceProperty(_context11 = _Object$keys(_loader)).call(_context11, function (key) {
111
122
  if (key === "default" || key === "__esModule") return;
112
123
  if (key in exports && exports[key] === _loader[key]) return;
113
124
  _Object$defineProperty(exports, key, {
@@ -118,7 +129,7 @@ _forEachInstanceProperty(_context10 = _Object$keys(_loader)).call(_context10, fu
118
129
  });
119
130
  });
120
131
  var _popoverContainer = require("./popoverContainer");
121
- _forEachInstanceProperty(_context11 = _Object$keys(_popoverContainer)).call(_context11, function (key) {
132
+ _forEachInstanceProperty(_context12 = _Object$keys(_popoverContainer)).call(_context12, function (key) {
122
133
  if (key === "default" || key === "__esModule") return;
123
134
  if (key in exports && exports[key] === _popoverContainer[key]) return;
124
135
  _Object$defineProperty(exports, key, {
@@ -129,7 +140,7 @@ _forEachInstanceProperty(_context11 = _Object$keys(_popoverContainer)).call(_con
129
140
  });
130
141
  });
131
142
  var _separator = require("./separator");
132
- _forEachInstanceProperty(_context12 = _Object$keys(_separator)).call(_context12, function (key) {
143
+ _forEachInstanceProperty(_context13 = _Object$keys(_separator)).call(_context13, function (key) {
133
144
  if (key === "default" || key === "__esModule") return;
134
145
  if (key in exports && exports[key] === _separator[key]) return;
135
146
  _Object$defineProperty(exports, key, {
@@ -140,7 +151,7 @@ _forEachInstanceProperty(_context12 = _Object$keys(_separator)).call(_context12,
140
151
  });
141
152
  });
142
153
  var _shared = require("./shared");
143
- _forEachInstanceProperty(_context13 = _Object$keys(_shared)).call(_context13, function (key) {
154
+ _forEachInstanceProperty(_context14 = _Object$keys(_shared)).call(_context14, function (key) {
144
155
  if (key === "default" || key === "__esModule") return;
145
156
  if (key in exports && exports[key] === _shared[key]) return;
146
157
  _Object$defineProperty(exports, key, {
@@ -151,7 +162,7 @@ _forEachInstanceProperty(_context13 = _Object$keys(_shared)).call(_context13, fu
151
162
  });
152
163
  });
153
164
  var _table = require("./table");
154
- _forEachInstanceProperty(_context14 = _Object$keys(_table)).call(_context14, function (key) {
165
+ _forEachInstanceProperty(_context15 = _Object$keys(_table)).call(_context15, function (key) {
155
166
  if (key === "default" || key === "__esModule") return;
156
167
  if (key in exports && exports[key] === _table[key]) return;
157
168
  _Object$defineProperty(exports, key, {
@@ -162,7 +173,7 @@ _forEachInstanceProperty(_context14 = _Object$keys(_table)).call(_context14, fun
162
173
  });
163
174
  });
164
175
  var _text = require("./text");
165
- _forEachInstanceProperty(_context15 = _Object$keys(_text)).call(_context15, function (key) {
176
+ _forEachInstanceProperty(_context16 = _Object$keys(_text)).call(_context16, function (key) {
166
177
  if (key === "default" || key === "__esModule") return;
167
178
  if (key in exports && exports[key] === _text[key]) return;
168
179
  _Object$defineProperty(exports, key, {
@@ -173,7 +184,7 @@ _forEachInstanceProperty(_context15 = _Object$keys(_text)).call(_context15, func
173
184
  });
174
185
  });
175
186
  var _tooltipTrigger = require("./tooltipTrigger");
176
- _forEachInstanceProperty(_context16 = _Object$keys(_tooltipTrigger)).call(_context16, function (key) {
187
+ _forEachInstanceProperty(_context17 = _Object$keys(_tooltipTrigger)).call(_context17, function (key) {
177
188
  if (key === "default" || key === "__esModule") return;
178
189
  if (key in exports && exports[key] === _tooltipTrigger[key]) return;
179
190
  _Object$defineProperty(exports, key, {
package/lib/cjs/types/text.d.ts CHANGED
@@ -1,3 +1,4 @@
1
1
  import { DOMAttributes, StyleProps } from './shared';
2
2
  export interface TextProps extends StyleProps, DOMAttributes {
3
+ id?: string;
3
4
  }
package/lib/components/FieldHelperText/FieldHelperText.js CHANGED
@@ -13,9 +13,8 @@ var _excluded = ["className", "status", "id"];
13
13
  function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
14
14
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
15
15
  import React, { forwardRef } from 'react';
16
- import PropTypes from 'prop-types';
17
16
  import { useStatusClasses } from '../../hooks';
18
- import { statusDefaultProp, statusPropTypes } from '../../utils/docUtils/statusProp';
17
+ import { statusDefaultProp } from '../../utils/docUtils/statusProp';
19
18
  import Text from '../Text';
20
19
 
21
20
  /**
@@ -42,10 +41,6 @@ var FieldHelperText = /*#__PURE__*/forwardRef(function (props, ref) {
42
41
  className: classNames
43
42
  }));
44
43
  });
45
- FieldHelperText.propTypes = _objectSpread({
46
- /** The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id). */
47
- id: PropTypes.string
48
- }, statusPropTypes);
49
44
  FieldHelperText.defaultProps = _objectSpread({}, statusDefaultProp);
50
45
  FieldHelperText.displayName = 'FieldHelperText';
51
46
  export default FieldHelperText;
package/lib/components/FieldHelperText/FieldHelperText.test.js CHANGED
@@ -34,17 +34,15 @@ test('basic field message', function () {
34
34
  expect(fieldHelperText).toHaveClass("is-".concat(statuses.DEFAULT));
35
35
  expect(fieldHelperText).toBeInTheDocument();
36
36
  });
37
- test('status field message', function () {
37
+ describe('status field message', function () {
38
38
  var _context;
39
- var _getComponent = getComponent(),
40
- rerender = _getComponent.rerender;
41
- var fieldHelperText = screen.getByText(children);
42
39
  _forEachInstanceProperty(_context = _Object$values(statuses)).call(_context, function (status) {
43
- getComponent({
44
- status: status
45
- }, {
46
- renderFn: rerender
40
+ test('applies class', function () {
41
+ getComponent({
42
+ status: status
43
+ });
44
+ var fieldHelperText = screen.getByText(children);
45
+ expect(fieldHelperText).toHaveClass("is-".concat(status));
47
46
  });
48
- expect(fieldHelperText).toHaveClass("is-".concat(status));
49
47
  });
50
48
  });
package/lib/types/fieldHelperText.js ADDED
@@ -0,0 +1 @@
1
+ export {};
package/lib/types/index.js CHANGED
@@ -3,6 +3,7 @@ export * from './box';
3
3
  export * from './bracket';
4
4
  export * from './button';
5
5
  export * from './card';
6
+ export * from './fieldHelperText';
6
7
  export * from './icon';
7
8
  export * from './iconBadge';
8
9
  export * from './item';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pingux/astro",
3
- "version": "2.43.0-alpha.2",
3
+ "version": "2.43.0-alpha.5",
4
4
  "description": "React component library for Ping Identity's design system",
5
5
  "repository": {
6
6
  "type": "git",