@pingux/astro 2.141.0 → 2.142.0-alpha.0

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

@@ -63,10 +63,6 @@ var PromptInput = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     _useProgressiveState2 = (0, _slicedToArray2["default"])(_useProgressiveState, 2),
     value = _useProgressiveState2[0],
     setValue = _useProgressiveState2[1];
-  var countLineBreaks = function countLineBreaks(str) {
-    var lineBreaks = str.match(/\r\n|\r|\n/g);
-    return lineBreaks ? lineBreaks.length : 0;
-  };
   var handleFileSelect = function handleFileSelect(_event, files) {
     var arrayWithNewFiles = (0, _from["default"])(files);
     var filesWithIdAndLink = (0, _map["default"])(arrayWithNewFiles).call(arrayWithNewFiles, function (newFile) {
@@ -124,9 +120,8 @@ var PromptInput = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var inputRef = (0, _hooks.useLocalOrForwardRef)(ref);
   (0, _react.useEffect)(function () {
     if (inputRef.current && value) {
-      var lb = countLineBreaks(value);
       inputRef.current.style.height = 'auto';
-      inputRef.current.style.height = "calc(".concat((lb + 1) * 24, "px)");
+      inputRef.current.style.height = "".concat(inputRef.current.scrollHeight, "px");
     } else if (value === '') {
       inputRef.current.style.height = 'auto';
       inputRef.current.style.height = '26px';
@@ -186,7 +181,8 @@ var PromptInput = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }, fileInputButtonProps))), (0, _react2.jsx)(_index.TextArea, (0, _extends2["default"])({
     ref: inputRef,
     variant: "forms.input.promptInput",
-    "data-testid": "prompt-input"
+    "data-testid": "prompt-input",
+    rows: 1
   }, fieldControlInputProps, {
     onKeyUp: onKeyUp,
     onKeyDown: onKeyDown

package/lib/cjs/hooks/useGetTheme/useGetTheme.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export declare const baseState: {
     isOnyx: boolean;
     isAstro: boolean;
@@ -10,7 +10,7 @@ declare const useGetTheme: () => {
         [x: number]: import("@pingux/mdi-react").MdiReactIconComponentType;
         MenuDown: import("@pingux/mdi-react").MdiReactIconComponentType;
         MenuUp: import("@pingux/mdi-react").MdiReactIconComponentType;
-        pingLogoHorizontalSmall: import("react").JSX.Element;
+        pingLogoHorizontalSmall: React.JSX.Element;
         listViewMenu: import("@pingux/mdi-react").MdiReactIconComponentType;
         Ascending: import("@pingux/mdi-react").MdiReactIconComponentType;
         Descending: import("@pingux/mdi-react").MdiReactIconComponentType;

package/lib/cjs/hooks/useGetTheme/useGetTheme.js

@@ -13,10 +13,8 @@ _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.baseState = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-var _react = require("react");
-var _react2 = require("@emotion/react");
+var _react = require("@emotion/react");
 var _customProperties = require("../../styles/themeOverrides/nextGenDarkMode/customProperties");
 var _customProperties2 = require("../../styles/themes/astro/customProperties");
 var _customProperties3 = require("../../styles/themes/next-gen/customProperties");
@@ -55,28 +53,18 @@ var customThemeState = _objectSpread({
   }),
   name: 'custom'
 }, _customProperties2.astroThemeValues);
-var getTheme = function getTheme(theme) {
-  if (theme === _themes.themes.NEXT_GEN) {
+var useGetTheme = function useGetTheme() {
+  var theme = (0, _react.useTheme)();
+  if (theme.name === _themes.themes.NEXT_GEN) {
     return _objectSpread({}, onyxState);
   }
-  if (theme === _themes.themes.ASTRO) {
+  if (theme.name === _themes.themes.ASTRO) {
     return _objectSpread({}, astroState);
   }
-  if (theme === _themes.themes.NEXT_GEN_DARK) {
+  if (theme.name === _themes.themes.NEXT_GEN_DARK) {
     return _objectSpread({}, onyxDarkState);
   }
   return _objectSpread({}, customThemeState);
 };
-var useGetTheme = function useGetTheme() {
-  var theme = (0, _react2.useTheme)();
-  var _useState = (0, _react.useState)(getTheme(theme.name)),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    themeObject = _useState2[0],
-    setThemeObject = _useState2[1];
-  (0, _react.useEffect)(function () {
-    setThemeObject(getTheme(theme.name));
-  }, [theme.name]);
-  return themeObject;
-};
 var _default = useGetTheme;
 exports["default"] = _default;

package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/input.js

@@ -42,4 +42,7 @@ input.fieldControlWrapper = _objectSpread({}, fieldControlWrapper);
 input.multivaluesWrapper = {
   backgroundColor: 'background.base'
 };
+input.promptInput = {
+  color: 'gray-100'
+};
 input.search = _objectSpread({}, input);

package/lib/components/AIComponents/PromptInput/PromptInput.js

@@ -51,10 +51,6 @@ var PromptInput = /*#__PURE__*/forwardRef(function (props, ref) {
     _useProgressiveState2 = _slicedToArray(_useProgressiveState, 2),
     value = _useProgressiveState2[0],
     setValue = _useProgressiveState2[1];
-  var countLineBreaks = function countLineBreaks(str) {
-    var lineBreaks = str.match(/\r\n|\r|\n/g);
-    return lineBreaks ? lineBreaks.length : 0;
-  };
   var handleFileSelect = function handleFileSelect(_event, files) {
     var arrayWithNewFiles = _Array$from(files);
     var filesWithIdAndLink = _mapInstanceProperty(arrayWithNewFiles).call(arrayWithNewFiles, function (newFile) {
@@ -112,9 +108,8 @@ var PromptInput = /*#__PURE__*/forwardRef(function (props, ref) {
   var inputRef = useLocalOrForwardRef(ref);
   useEffect(function () {
     if (inputRef.current && value) {
-      var lb = countLineBreaks(value);
       inputRef.current.style.height = 'auto';
-      inputRef.current.style.height = "calc(".concat((lb + 1) * 24, "px)");
+      inputRef.current.style.height = "".concat(inputRef.current.scrollHeight, "px");
     } else if (value === '') {
       inputRef.current.style.height = 'auto';
       inputRef.current.style.height = '26px';
@@ -174,7 +169,8 @@ var PromptInput = /*#__PURE__*/forwardRef(function (props, ref) {
   }, fileInputButtonProps))), ___EmotionJSX(TextArea, _extends({
     ref: inputRef,
     variant: "forms.input.promptInput",
-    "data-testid": "prompt-input"
+    "data-testid": "prompt-input",
+    rows: 1
   }, fieldControlInputProps, {
     onKeyUp: onKeyUp,
     onKeyDown: onKeyDown

package/lib/hooks/useGetTheme/useGetTheme.js

@@ -6,12 +6,11 @@ import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/inst
 import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
 import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
 import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
-import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
 import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 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) { _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; }
 /* eslint-disable no-else-return */
-import { useEffect, useState } from 'react';
+
 import { useTheme } from '@emotion/react';
 import { nextGenDarkThemeValues } from '../../styles/themeOverrides/nextGenDarkMode/customProperties';
 import { astroThemeValues } from '../../styles/themes/astro/customProperties';
@@ -48,27 +47,17 @@ var customThemeState = _objectSpread({
   }),
   name: 'custom'
 }, astroThemeValues);
-var getTheme = function getTheme(theme) {
-  if (theme === themes.NEXT_GEN) {
+var useGetTheme = function useGetTheme() {
+  var theme = useTheme();
+  if (theme.name === themes.NEXT_GEN) {
     return _objectSpread({}, onyxState);
   }
-  if (theme === themes.ASTRO) {
+  if (theme.name === themes.ASTRO) {
     return _objectSpread({}, astroState);
   }
-  if (theme === themes.NEXT_GEN_DARK) {
+  if (theme.name === themes.NEXT_GEN_DARK) {
     return _objectSpread({}, onyxDarkState);
   }
   return _objectSpread({}, customThemeState);
 };
-var useGetTheme = function useGetTheme() {
-  var theme = useTheme();
-  var _useState = useState(getTheme(theme.name)),
-    _useState2 = _slicedToArray(_useState, 2),
-    themeObject = _useState2[0],
-    setThemeObject = _useState2[1];
-  useEffect(function () {
-    setThemeObject(getTheme(theme.name));
-  }, [theme.name]);
-  return themeObject;
-};
 export default useGetTheme;

package/lib/styles/themeOverrides/nextGenDarkMode/variants/input.js

@@ -33,4 +33,7 @@ input.fieldControlWrapper = _objectSpread({}, fieldControlWrapper);
 input.multivaluesWrapper = {
   backgroundColor: 'background.base'
 };
+input.promptInput = {
+  color: 'gray-100'
+};
 input.search = _objectSpread({}, input);

package/package.json

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