@pingux/astro 2.111.0-alpha.2 → 2.111.0-alpha.4

package/lib/cjs/components/IconButton/IconButton.js

@@ -27,7 +27,7 @@ var _hooks = require("../../hooks");
 var _pendoID = require("../../utils/devUtils/constants/pendoID");
 var _TooltipTrigger = _interopRequireWildcard(require("../TooltipTrigger"));
 var _react2 = require("@emotion/react");
-var _excluded = ["children", "className", "title", "variant", "onBlur", "onFocus", "onHoverChange", "onHoverEnd", "onHoverStart", "onKeyDown", "onKeyUp", "onPress", "onPressEnd", "onPressStart", "onPressChange", "onPressUp", "isDisabled"];
+var _excluded = ["children", "className", "tooltipTriggerProps", "title", "variant", "onBlur", "onFocus", "onHoverChange", "onHoverEnd", "onHoverStart", "onKeyDown", "onKeyUp", "onPress", "onPressEnd", "onPressStart", "onPressChange", "onPressUp", "isDisabled"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 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; }
@@ -36,6 +36,7 @@ var displayName = 'IconButton';
 var IconButton = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var children = props.children,
     className = props.className,
+    tooltipTriggerProps = props.tooltipTriggerProps,
     title = props.title,
     variant = props.variant,
     onBlur = props.onBlur,
@@ -112,9 +113,9 @@ var IconButton = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     onPointerOver: hoverProps.onPointerEnter
   }, children));
   if (title) {
-    return (0, _react2.jsx)(_TooltipTrigger["default"], {
+    return (0, _react2.jsx)(_TooltipTrigger["default"], (0, _extends2["default"])({
       isDisabled: !title
-    }, button, title && (0, _react2.jsx)(_TooltipTrigger.Tooltip, null, title));
+    }, tooltipTriggerProps), button, title && (0, _react2.jsx)(_TooltipTrigger.Tooltip, null, title));
   }
   return button;
 });

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

@@ -105,6 +105,18 @@ test('tooltip is shown on focus when the prop is passed and not show by default'
   _userEvent["default"].tab();
   expect(_testWrapper.screen.queryByRole('tooltip')).toBeInTheDocument();
 });
+test('tooltipTrigger applies nested props correctly', function () {
+  getComponent({
+    title: 'Test Tooltip',
+    tooltipTriggerProps: {
+      direction: 'right'
+    }
+  });
+  expect(_testWrapper.screen.queryByRole('tooltip')).not.toBeInTheDocument();
+  _userEvent["default"].tab();
+  expect(_testWrapper.screen.queryByRole('tooltip')).toBeInTheDocument();
+  expect(_testWrapper.screen.queryByTestId('popover-container')).toHaveClass('is-right');
+});
 test('tooltip is shown on hover when the prop is passed and not show by default', function () {
   getComponent({
     title: 'Test Tooltip'

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

@@ -30,7 +30,7 @@ export interface FieldControlInputProps extends AriaLabelingProps, DOMProps {
     isIndeterminate?: boolean;
     maxLength?: ValidPositiveInteger;
     name?: string;
-    onChange: (event: CustomChangeEventType | React.ChangeEvent) => void | undefined;
+    onChange: (event: CustomChangeEventType | React.FormEvent<Element>) => void | undefined;
     placeholder?: string;
     readOnly?: boolean;
     required?: boolean;
@@ -99,10 +99,13 @@ export interface UseFieldProps<T> {
     /** Handler that is called when the element's selection state changes. */
     onChange?: (e: React.ChangeEvent) => void;
     onClear?: () => void;
+    /** Handler that is called when a file is added or removed. */
+    onFileChange?: (files: File[]) => void;
     /** Handler that is called when the element receives focus. */
     onFocus?: (e: React.FocusEvent) => void;
     /** Handler that is called when the element's focus status changes. */
     onFocusChange?: (isFocused: boolean) => void;
+    onKeyUp?: (e: React.KeyboardEvent) => void;
     onLoadMore?: () => void;
     onOpenChange?: (isOpen: boolean) => unknown;
     onSelectionChange?: (key: string) => void;
@@ -124,8 +127,11 @@ export interface UseFieldProps<T> {
     wrapperProps?: WrapperProps;
 }
 export type CustomChangeEventType = {
+    currentTarget?: {
+        value?: string | number;
+    };
     target?: {
-        value: string | number | undefined;
+        value?: string | number;
     };
     persist?(): void;
 };

package/lib/cjs/hooks/useField/useField.js

@@ -13,6 +13,7 @@ _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _isNan = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/number/is-nan"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
@@ -94,9 +95,9 @@ var useField = function useField(props) {
 
   // Capture value changes so we can apply the has-value class to the container
   var fieldOnChange = function fieldOnChange(e) {
-    var _e$target;
-    var eventValue = e === null || e === void 0 || (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value;
-    if (!!eventValue || eventValue === 0 || !!placeholder || placeholder === 0) {
+    var eventValue = e.currentTarget.value;
+    var isZero = !(0, _isNan["default"])(Number(eventValue)) && Number(eventValue) === 0;
+    if (!!eventValue || !!placeholder || isZero || !!placeholder || placeholder === 0) {
       setHasValue(true);
     } else {
       setHasValue(false);

package/lib/cjs/hooks/useField/useField.test.js

@@ -173,7 +173,7 @@ test('should return isFloatLabelActive class for container', function () {
   // Does not have the class if the value is invalid
   (0, _react.act)(function () {
     return result.current.fieldControlInputProps.onChange({
-      target: {
+      currentTarget: {
         value: undefined
       }
     });
@@ -240,7 +240,7 @@ test('should return hasValue class for container when onChange updates internal
   // 0 should be a valid value
   (0, _react.act)(function () {
     return result.current.fieldControlInputProps.onChange({
-      target: {
+      currentTarget: {
         value: 0
       }
     });
@@ -251,7 +251,7 @@ test('should return hasValue class for container when onChange updates internal
   // undefined is not a valid value
   (0, _react.act)(function () {
     return result.current.fieldControlInputProps.onChange({
-      target: {
+      currentTarget: {
         value: undefined
       }
     });
@@ -262,7 +262,7 @@ test('should return hasValue class for container when onChange updates internal
   // a non-empty string is a valid value
   (0, _react.act)(function () {
     return result.current.fieldControlInputProps.onChange({
-      target: {
+      currentTarget: {
         value: 'a'
       }
     });

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

@@ -29,6 +29,7 @@ export interface UseSelectFieldProps<T> extends AriaSelectOptions<T> {
     name?: string;
     placeholder?: string;
     selectedKey?: string;
+    onKeyUp?: (e: React.KeyboardEvent) => void;
     onLoadMore?: () => unknown;
     onOpenChange?: (isOpen: boolean) => unknown;
     onSelectionChange?: (key: Key) => unknown;

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

@@ -2,6 +2,7 @@ import { IconButtonProps as ThemeUIIconButtonProps } from 'theme-ui';
 import { TestingAttributes } from './shared/test';
 import { IconTypeExtended } from './icon';
 import { HoverProps, IconSize, PressProps } from './shared';
+import { TooltipTriggerProps } from './tooltipTrigger';
 export interface IconButtonProps extends ThemeUIIconButtonProps, TestingAttributes, PressProps, HoverProps {
     /** The styling variation of the element. */
     variant?: string | undefined;
@@ -19,4 +20,5 @@ export interface IconButtonProps extends ThemeUIIconButtonProps, TestingAttribut
     size?: IconSize;
     isRow?: boolean;
     'aria-controls'?: string | undefined;
+    tooltipTriggerProps?: TooltipTriggerProps;
 }

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

@@ -1,18 +1,21 @@
 import type { PressEvent } from '@react-types/shared';
 import { IconTypeExtended } from './icon';
+import { IconButtonProps } from './iconButton';
 import { TextFieldProps } from './textField';
-export interface PromptInputProps extends TextFieldProps {
+export interface PromptProps {
     attachmentProps?: object;
-    value: string;
+    value?: string;
     onFileChange?: (files: FileProps[]) => void;
-    onCancel?: (event: PressEvent) => void;
-    onSubmit?: (event: PressEvent) => void;
+    onCancel?: (event: PressEvent | KeyboardEvent) => void;
+    onSubmit?: (event: PressEvent | KeyboardEvent, value?: string) => void;
     isLoading?: boolean;
     uploadButtonContainerProps?: object;
     uploadButtonProps?: object;
     fileInputButtonProps?: object;
     isFullScreen?: boolean;
 }
+export interface PromptInputProps extends TextFieldProps, PromptProps {
+}
 export interface AttachmentProps {
     title: string;
     isFullScreen?: boolean;
@@ -33,10 +36,6 @@ export interface FileProps {
     status: string;
     fileObj: object;
 }
-export interface PromptUploadButtonProps {
+export interface PromptUploadButtonProps extends PromptProps, Omit<IconButtonProps, 'onSubmit' | 'value'> {
     uploadButtonContainerProps?: object;
-    value: string;
-    isLoading?: boolean;
-    onSubmit?: (event: PressEvent) => void;
-    onCancel?: (event: PressEvent) => void;
 }

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

@@ -24,7 +24,7 @@ export interface TextFieldProps extends StyleProps, SharedFieldProps {
     isReadOnly?: boolean;
     /** Whether the field is required. */
     isRequired?: boolean;
-    onChange?: (e: React.ChangeEvent) => void;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
     /**
      * Callback fired when focus is lost on the input element.
      */

package/lib/components/AIComponents/Attachment/Attachment.js

@@ -33,8 +33,7 @@ var Attachment = function Attachment(props) {
     id = props.id,
     containerProps = props.containerProps,
     iconWrapperProps = props.iconWrapperProps,
-    _props$icon = props.icon,
-    icon = _props$icon === void 0 ? PaperOutlineIcon : _props$icon,
+    icon = props.icon,
     deleteButtonProps = props.deleteButtonProps;
   var _useStatusClasses = useStatusClasses(className, {
       isFullScreen: isFullScreen
@@ -95,4 +94,7 @@ var Attachment = function Attachment(props) {
     icon: CloseIcon
   }))));
 };
+Attachment.defaultProps = {
+  icon: PaperOutlineIcon
+};
 export default Attachment;

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

@@ -1,15 +1,25 @@
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
+import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
-var _excluded = ["attachmentProps", "onFileChange", "isFullScreen", "isLoading", "fileInputButtonProps", "value", "onCancel", "onSubmit", "uploadButtonContainerProps", "uploadButtonProps"];
+var _excluded = ["onFileChange"];
+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 _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _URL from "@babel/runtime-corejs3/core-js-stable/url";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+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 React, { forwardRef, useEffect, useRef, useState } from 'react';
 import { v4 as uuid } from 'uuid';
-import { useField, useLocalOrForwardRef } from '../../../hooks';
+import { useField, useLocalOrForwardRef, useProgressiveState } from '../../../hooks';
 import { Box, FileInputField, Input } from '../../../index';
 import statuses from '../../../utils/devUtils/constants/statuses';
 import Attachment, { getFileExtension } from '../Attachment/Attachment';
@@ -17,22 +27,27 @@ import PromptUploadButton from './PromptUploadButton';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var PromptInput = /*#__PURE__*/forwardRef(function (props, ref) {
   var attachmentProps = props.attachmentProps,
-    onFileChange = props.onFileChange,
     isFullScreen = props.isFullScreen,
     isLoading = props.isLoading,
     fileInputButtonProps = props.fileInputButtonProps,
-    value = props.value,
+    valueProp = props.value,
+    defaultValueProp = props.defaultValue,
     onCancel = props.onCancel,
     onSubmit = props.onSubmit,
     uploadButtonContainerProps = props.uploadButtonContainerProps,
-    uploadButtonProps = props.uploadButtonProps,
-    others = _objectWithoutProperties(props, _excluded);
+    uploadButtonProps = props.uploadButtonProps;
+  var onFileChange = props.onFileChange,
+    propsWithoutOnFileChange = _objectWithoutProperties(props, _excluded);
   var firstUpdate = useRef(true);
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
     userFiles = _useState2[0],
     setUserFiles = _useState2[1];
-  var handleFileSelect = function handleFileSelect(event, files) {
+  var _useProgressiveState = useProgressiveState(valueProp, defaultValueProp),
+    _useProgressiveState2 = _slicedToArray(_useProgressiveState, 2),
+    value = _useProgressiveState2[0],
+    setValue = _useProgressiveState2[1];
+  var handleFileSelect = function handleFileSelect(_event, files) {
     var arrayWithNewFiles = _Array$from(files);
     var filesWithIdAndLink = _mapInstanceProperty(arrayWithNewFiles).call(arrayWithNewFiles, function (newFile) {
       return {
@@ -63,7 +78,11 @@ var PromptInput = /*#__PURE__*/forwardRef(function (props, ref) {
       return _file.id !== id;
     }));
   };
-  var _useField = useField(others),
+  var _useField = useField(_objectSpread({
+      onChange: function onChange(e) {
+        setValue(e.target.value);
+      }
+    }, propsWithoutOnFileChange)),
     fieldContainerProps = _useField.fieldContainerProps,
     fieldControlInputProps = _useField.fieldControlInputProps,
     fieldControlWrapperProps = _useField.fieldControlWrapperProps;
@@ -117,11 +136,10 @@ var PromptInput = /*#__PURE__*/forwardRef(function (props, ref) {
     },
     "aria-label": "add attachment"
   }, fileInputButtonProps))), ___EmotionJSX(Input, _extends({
-    ref: inputRef
-  }, fieldControlInputProps, {
+    ref: inputRef,
     variant: "forms.input.promptInput",
     "data-testid": "prompt-input"
-  })), ___EmotionJSX(PromptUploadButton, _extends({
+  }, fieldControlInputProps)), ___EmotionJSX(PromptUploadButton, _extends({
     isLoading: isLoading,
     value: value,
     onSubmit: onSubmit,
@@ -130,4 +148,9 @@ var PromptInput = /*#__PURE__*/forwardRef(function (props, ref) {
     uploadButtonContainerProps: uploadButtonContainerProps
   })))));
 });
+PromptInput.defaultProps = {
+  controlProps: {
+    'aria-label': 'chat assistant text input'
+  }
+};
 export default PromptInput;

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

@@ -30,18 +30,16 @@ export var Default = function Default(args) {
     setValue = _useState2[1];
   var _useState3 = useState([]),
     _useState4 = _slicedToArray(_useState3, 2),
-    attachments = _useState4[0],
     setAttachments = _useState4[1];
   var onFileChange = function onFileChange(files) {
-    console.log(files);
     setAttachments(files);
   };
   var onCancel = function onCancel(event) {
     console.log(event);
   };
-  var onSubmit = function onSubmit(event) {
-    console.log(event);
-    console.log(attachments);
+  var onSubmit = function onSubmit() {
+    console.log('submit');
+    setValue('');
   };
   return ___EmotionJSX(AstroProvider, {
     themeOverrides: [NextGenTheme]