@pingux/astro 2.102.0-alpha.1 → 2.102.0-alpha.2

package/lib/cjs/components/AIComponents/Prompt/Prompt.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { BoxProps } from '../../../types';
+declare const Prompt: (props: BoxProps) => React.JSX.Element;
+export default Prompt;

package/lib/cjs/components/AIComponents/Prompt/Prompt.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _Box = _interopRequireDefault(require("../../Box"));
+var _react2 = require("@emotion/react");
+var _excluded = ["children"];
+var Prompt = function Prompt(props) {
+  var children = props.children,
+    others = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  return (0, _react2.jsx)(_Box["default"], (0, _extends2["default"])({}, others, {
+    variant: "prompt.container"
+  }), children);
+};
+var _default = Prompt;
+exports["default"] = _default;

package/lib/cjs/components/AIComponents/Prompt/Prompt.stories.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const Default: () => React.JSX.Element;

package/lib/cjs/components/AIComponents/Prompt/Prompt.stories.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _index = require("../../../index");
+var _Prompt = _interopRequireDefault(require("./Prompt"));
+var _react2 = require("@emotion/react");
+var _default = {
+  title: 'AI Components/Prompt',
+  component: _Prompt["default"]
+};
+exports["default"] = _default;
+var Default = function Default() {
+  return (0, _react2.jsx)(_Prompt["default"], null, (0, _react2.jsx)(_index.Text, null, "Did my number of registrations go up or down in the last month?"));
+};
+exports.Default = Default;

package/lib/cjs/components/AIComponents/Prompt/Prompt.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/cjs/components/AIComponents/Prompt/Prompt.test.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _index = require("../../../index");
+var _testWrapper = require("../../../utils/testUtils/testWrapper");
+var _Prompt = _interopRequireDefault(require("./Prompt"));
+var _react2 = require("@emotion/react");
+var defaultProps = {
+  placeholder: 'Enter your prompt...',
+  label: 'Prompt'
+};
+var getComponent = function getComponent() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return (0, _testWrapper.render)((0, _react2.jsx)(_Prompt["default"], (0, _extends2["default"])({}, defaultProps, props), (0, _react2.jsx)(_index.Text, null, "Did my number of registrations go up or down in the last month?")));
+};
+test('Prompt component renders correctly', function () {
+  getComponent();
+  expect(_testWrapper.screen.getByText('Did my number of registrations go up or down in the last month?')).toBeInTheDocument();
+});

package/lib/cjs/components/AIComponents/Prompt/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Prompt';

package/lib/cjs/components/AIComponents/Prompt/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+_Object$defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Prompt["default"];
+  }
+});
+var _Prompt = _interopRequireDefault(require("./Prompt"));

package/lib/cjs/index.d.ts

@@ -6,6 +6,7 @@ export { default as AccordionGroup } from './components/AccordionGroup';
 export * from './components/AccordionGroup';
 export { default as AccordionItem } from './components/AccordionItem';
 export * from './components/AccordionItem';
+export { default as Prompt } from './components/AIComponents/Prompt';
 export { default as ArrayField } from './components/ArrayField';
 export * from './components/ArrayField';
 export { default as AstroWrapper } from './components/AstroProvider';

package/lib/cjs/index.js

@@ -16,6 +16,7 @@ var _exportNames = {
   AccordionGridItem: true,
   AccordionGroup: true,
   AccordionItem: true,
+  Prompt: true,
   ArrayField: true,
   AstroWrapper: true,
   AstroProvider: true,
@@ -675,6 +676,12 @@ _Object$defineProperty(exports, "ProgressBar", {
     return _ProgressBar["default"];
   }
 });
+_Object$defineProperty(exports, "Prompt", {
+  enumerable: true,
+  get: function get() {
+    return _Prompt["default"];
+  }
+});
 _Object$defineProperty(exports, "Radio", {
   enumerable: true,
   get: function get() {
@@ -957,6 +964,7 @@ _forEachInstanceProperty(_context4 = _Object$keys(_AccordionItem)).call(_context
     }
   });
 });
+var _Prompt = _interopRequireDefault(require("./components/AIComponents/Prompt"));
 var _ArrayField = _interopRequireWildcard(require("./components/ArrayField"));
 _forEachInstanceProperty(_context5 = _Object$keys(_ArrayField)).call(_context5, function (key) {
   if (key === "default" || key === "__esModule") return;

package/lib/cjs/styles/themes/next-gen/convertedComponentList.js

@@ -17,7 +17,7 @@ var componentSpecificNextGenBlacklist = {
   OverlayPanel: ['Expandable']
 };
 exports.componentSpecificNextGenBlacklist = componentSpecificNextGenBlacklist;
-var nextGenOnlyComponents = ['NavigationHeader'];
+var nextGenOnlyComponents = ['NavigationHeader', 'Prompt'];
 exports.nextGenOnlyComponents = nextGenOnlyComponents;
 var _default = nextGenConvertedComponents;
 exports["default"] = _default;

package/lib/cjs/styles/themes/next-gen/next-gen.d.ts

@@ -2244,6 +2244,16 @@ declare const _default: {
                 lineHeight: string;
             };
         };
+        prompt: {
+            container: {
+                backgroundColor: string;
+                maxWidth: string;
+                width: string;
+                p: string;
+                borderRadius: string;
+                marginLeft: string;
+            };
+        };
         tabs: {
             gap: string;
         };

package/lib/cjs/styles/themes/next-gen/variants/prompt.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+    container: {
+        backgroundColor: string;
+        maxWidth: string;
+        width: string;
+        p: string;
+        borderRadius: string;
+        marginLeft: string;
+    };
+};
+export default _default;

package/lib/cjs/styles/themes/next-gen/variants/prompt.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var container = {
+  backgroundColor: 'light',
+  maxWidth: '100%',
+  width: 'fit-content',
+  p: 'md',
+  borderRadius: '4px',
+  marginLeft: 'auto'
+};
+var _default = {
+  container: container
+};
+exports["default"] = _default;

package/lib/cjs/styles/themes/next-gen/variants/variants.d.ts

@@ -783,6 +783,16 @@ declare const _default: {
             lineHeight: string;
         };
     };
+    prompt: {
+        container: {
+            backgroundColor: string;
+            maxWidth: string;
+            width: string;
+            p: string;
+            borderRadius: string;
+            marginLeft: string;
+        };
+    };
     tabs: {
         gap: string;
     };

package/lib/cjs/styles/themes/next-gen/variants/variants.js

@@ -22,6 +22,7 @@ var _listview = require("./listview");
 var _menu = require("./menu");
 var _messages = require("./messages");
 var _navbar = require("./navbar");
+var _prompt = _interopRequireDefault(require("./prompt"));
 var _tabs = require("./tabs");
 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; }
 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) { (0, _defineProperty2["default"])(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; }
@@ -286,6 +287,7 @@ var _default = {
   listView: _listview.listView,
   dataTable: dataTable,
   codeView: _codeView["default"],
+  prompt: _prompt["default"],
   tabs: _tabs.tabs,
   menu: _menu.menu,
   iconWrapper: _iconWrapper["default"],

package/lib/cjs/utils/devUtils/shouldReturnComingSoon.js

@@ -27,7 +27,7 @@ var shouldReturnComingSoon = function shouldReturnComingSoon(context, selectedTh
   }
   // if the component has NOT been converted, and the active theme is NextGen
   // return the coming soon message
-  if (isStoryInNextGen === false && (selectedTheme === _themes.themes.NEXT_GEN || selectedTheme === _themes.themes.NEXT_GEN_DARK)) {
+  if (isStoryInNextGen === false && isNextGenOnlyComponent === false && (selectedTheme === _themes.themes.NEXT_GEN || selectedTheme === _themes.themes.NEXT_GEN_DARK)) {
     return true;
   }
   // if the component is a NextGen ONLY component, and the selected theme is Astro,

package/lib/components/AIComponents/Prompt/Prompt.js

@@ -0,0 +1,14 @@
+import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
+var _excluded = ["children"];
+import React from 'react';
+import Box from '../../Box';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+var Prompt = function Prompt(props) {
+  var children = props.children,
+    others = _objectWithoutProperties(props, _excluded);
+  return ___EmotionJSX(Box, _extends({}, others, {
+    variant: "prompt.container"
+  }), children);
+};
+export default Prompt;

package/lib/components/AIComponents/Prompt/Prompt.stories.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Text } from '../../../index';
+import Prompt from './Prompt';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+export default {
+  title: 'AI Components/Prompt',
+  component: Prompt
+};
+export var Default = function Default() {
+  return ___EmotionJSX(Prompt, null, ___EmotionJSX(Text, null, "Did my number of registrations go up or down in the last month?"));
+};

package/lib/components/AIComponents/Prompt/Prompt.test.js

@@ -0,0 +1,18 @@
+import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
+import React from 'react';
+import { Text } from '../../../index';
+import { render, screen } from '../../../utils/testUtils/testWrapper';
+import Prompt from './Prompt';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+var defaultProps = {
+  placeholder: 'Enter your prompt...',
+  label: 'Prompt'
+};
+var getComponent = function getComponent() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return render(___EmotionJSX(Prompt, _extends({}, defaultProps, props), ___EmotionJSX(Text, null, "Did my number of registrations go up or down in the last month?")));
+};
+test('Prompt component renders correctly', function () {
+  getComponent();
+  expect(screen.getByText('Did my number of registrations go up or down in the last month?')).toBeInTheDocument();
+});

package/lib/components/AIComponents/Prompt/index.js

@@ -0,0 +1 @@
+export { default } from './Prompt';

package/lib/index.js

@@ -10,6 +10,7 @@ export { default as AccordionGroup } from './components/AccordionGroup';
 export * from './components/AccordionGroup';
 export { default as AccordionItem } from './components/AccordionItem';
 export * from './components/AccordionItem';
+export { default as Prompt } from './components/AIComponents/Prompt';
 export { default as ArrayField } from './components/ArrayField';
 export * from './components/ArrayField';
 export { default as AstroWrapper } from './components/AstroProvider';

package/lib/styles/themes/next-gen/convertedComponentList.js

@@ -9,5 +9,5 @@ export var componentSpecificNextGenBlacklist = {
   TextField: ['Success'],
   OverlayPanel: ['Expandable']
 };
-export var nextGenOnlyComponents = ['NavigationHeader'];
+export var nextGenOnlyComponents = ['NavigationHeader', 'Prompt'];
 export default nextGenConvertedComponents;

package/lib/styles/themes/next-gen/variants/prompt.js

@@ -0,0 +1,11 @@
+var container = {
+  backgroundColor: 'light',
+  maxWidth: '100%',
+  width: 'fit-content',
+  p: 'md',
+  borderRadius: '4px',
+  marginLeft: 'auto'
+};
+export default {
+  container: container
+};

package/lib/styles/themes/next-gen/variants/variants.js

@@ -17,6 +17,7 @@ import { listView, listViewItem } from './listview';
 import { menu, menuItem } from './menu';
 import { message } from './messages';
 import { navBar } from './navbar';
+import prompt from './prompt';
 import { menuTab, tab, tabs } from './tabs';
 var fieldHelperText = {
   title: {
@@ -277,6 +278,7 @@ export default {
   listView: listView,
   dataTable: dataTable,
   codeView: codeView,
+  prompt: prompt,
   tabs: tabs,
   menu: menu,
   iconWrapper: iconWrapper,

package/lib/utils/devUtils/shouldReturnComingSoon.js

@@ -14,7 +14,7 @@ export var shouldReturnComingSoon = function shouldReturnComingSoon(context, sel
   }
   // if the component has NOT been converted, and the active theme is NextGen
   // return the coming soon message
-  if (isStoryInNextGen === false && (selectedTheme === themes.NEXT_GEN || selectedTheme === themes.NEXT_GEN_DARK)) {
+  if (isStoryInNextGen === false && isNextGenOnlyComponent === false && (selectedTheme === themes.NEXT_GEN || selectedTheme === themes.NEXT_GEN_DARK)) {
     return true;
   }
   // if the component is a NextGen ONLY component, and the selected theme is Astro,

package/package.json

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