@pingux/astro 2.97.0-alpha.0 → 2.97.0

package/lib/cjs/components/SelectField/SelectField.stories.d.ts

@@ -48,3 +48,4 @@ export declare const DynamicItems: {
 };
 export declare const AsyncLoading: () => React.JSX.Element;
 export declare const WithoutStatusIndicator: () => React.JSX.Element;
+export declare const WithHelpHint: () => React.JSX.Element;

package/lib/cjs/components/SelectField/SelectField.stories.js

@@ -21,7 +21,7 @@ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequ
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.WithoutStatusIndicator = exports.WithSlots = exports.WithSections = exports.WithNoneOption = exports.WithCustomHeight = exports.NoOptionsAvailable = exports.HelperText = exports.FloatLabel = exports.DynamicItems = exports.DisabledOptions = exports.DisabledField = exports.Default = exports.Controlled = exports.AsyncLoading = void 0;
+exports["default"] = exports.WithoutStatusIndicator = exports.WithSlots = exports.WithSections = exports.WithNoneOption = exports.WithHelpHint = exports.WithCustomHeight = exports.NoOptionsAvailable = exports.HelperText = exports.FloatLabel = exports.DynamicItems = exports.DisabledOptions = exports.DisabledField = exports.Default = exports.Controlled = exports.AsyncLoading = void 0;
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/asyncToGenerator"));
 var _values = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/values"));
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
@@ -443,4 +443,18 @@ var WithoutStatusIndicator = function WithoutStatusIndicator() {
     key: "yellow"
   }, "Yellow"));
 };
-exports.WithoutStatusIndicator = WithoutStatusIndicator;
+exports.WithoutStatusIndicator = WithoutStatusIndicator;
+var WithHelpHint = function WithHelpHint() {
+  return (0, _react2.jsx)(_reactAria.OverlayProvider, null, (0, _react2.jsx)(_index.SelectField, {
+    width: "100%",
+    hintText: "Example Hint",
+    label: "What's your favorite color?"
+  }, (0, _react2.jsx)(_index.Item, {
+    key: "red"
+  }, "Red"), (0, _react2.jsx)(_index.Item, {
+    key: "blue"
+  }, "Blue"), (0, _react2.jsx)(_index.Item, {
+    key: "yellow"
+  }, "Yellow")));
+};
+exports.WithHelpHint = WithHelpHint;

package/lib/cjs/components/SelectField/SelectField.test.js

@@ -171,4 +171,14 @@ test('renders default placeholder text', function () {
   });
   var placeholder = _testWrapper.screen.getByText(placeholderText);
   expect(placeholder).toBeInTheDocument();
+});
+test('should show hintText text if prop is passed', function () {
+  var hintText = 'some hint text';
+  getComponent({
+    hintText: hintText
+  });
+  var helpHintButton = _testWrapper.screen.getByTestId('help-hint__button');
+  _testWrapper.fireEvent.mouseMove(helpHintButton);
+  _testWrapper.fireEvent.mouseEnter(helpHintButton);
+  expect(_testWrapper.screen.getByText(hintText)).toBeInTheDocument();
 });

package/lib/cjs/types/selectField.d.ts

@@ -10,6 +10,7 @@ export interface SelectFieldProps<T> extends Omit<StyleProps, 'direction'>, UseS
         inContainer?: React.ReactNode;
     };
     'data-testid'?: string;
+    hintText?: string;
 }
 export interface SelectFieldBaseProps extends UseSelectFieldReturnProps<object>, SharedFieldProps {
     slots?: {

package/lib/components/SelectField/SelectField.stories.js

@@ -417,4 +417,17 @@ export var WithoutStatusIndicator = function WithoutStatusIndicator() {
   }, "Blue"), ___EmotionJSX(Item, {
     key: "yellow"
   }, "Yellow"));
+};
+export var WithHelpHint = function WithHelpHint() {
+  return ___EmotionJSX(OverlayProvider, null, ___EmotionJSX(SelectField, {
+    width: "100%",
+    hintText: "Example Hint",
+    label: "What's your favorite color?"
+  }, ___EmotionJSX(Item, {
+    key: "red"
+  }, "Red"), ___EmotionJSX(Item, {
+    key: "blue"
+  }, "Blue"), ___EmotionJSX(Item, {
+    key: "yellow"
+  }, "Yellow")));
 };

package/lib/components/SelectField/SelectField.test.js

@@ -4,7 +4,7 @@ import { OverlayProvider } from 'react-aria';
 import userEvent from '@testing-library/user-event';
 import { Item, Section, SelectField } from '../../index';
 import statuses from '../../utils/devUtils/constants/statuses';
-import { render, screen } from '../../utils/testUtils/testWrapper';
+import { fireEvent, render, screen } from '../../utils/testUtils/testWrapper';
 import { universalComponentTests } from '../../utils/testUtils/universalComponentTest';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var items = [{
@@ -168,4 +168,14 @@ test('renders default placeholder text', function () {
   });
   var placeholder = screen.getByText(placeholderText);
   expect(placeholder).toBeInTheDocument();
+});
+test('should show hintText text if prop is passed', function () {
+  var hintText = 'some hint text';
+  getComponent({
+    hintText: hintText
+  });
+  var helpHintButton = screen.getByTestId('help-hint__button');
+  fireEvent.mouseMove(helpHintButton);
+  fireEvent.mouseEnter(helpHintButton);
+  expect(screen.getByText(hintText)).toBeInTheDocument();
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "2.97.0-alpha.0",
+  "version": "2.97.0",
   "description": "React component library for Ping Identity's design system",
   "repository": {
     "type": "git",