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

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

@@ -0,0 +1,42 @@
+"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, "ResponseAttachment", {
+  enumerable: true,
+  get: function get() {
+    return _ResponseAttachment["default"];
+  }
+});
+_Object$defineProperty(exports, "ResponseList", {
+  enumerable: true,
+  get: function get() {
+    return _ResponseList["default"];
+  }
+});
+_Object$defineProperty(exports, "ResponseText", {
+  enumerable: true,
+  get: function get() {
+    return _ResponseText["default"];
+  }
+});
+_Object$defineProperty(exports, "ResponseToolbar", {
+  enumerable: true,
+  get: function get() {
+    return _ResponseToolbar["default"];
+  }
+});
+_Object$defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Response["default"];
+  }
+});
+var _Response = _interopRequireDefault(require("./Response"));
+var _ResponseAttachment = _interopRequireDefault(require("./ResponseAttachment"));
+var _ResponseList = _interopRequireDefault(require("./ResponseList"));
+var _ResponseText = _interopRequireDefault(require("./ResponseText"));
+var _ResponseToolbar = _interopRequireDefault(require("./ResponseToolbar"));

package/lib/cjs/hooks/useTypeAnimation/index.d.ts

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

package/lib/cjs/hooks/useTypeAnimation/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 _useTypeAnimation["default"];
+  }
+});
+var _useTypeAnimation = _interopRequireDefault(require("./useTypeAnimation"));

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

@@ -0,0 +1,8 @@
+declare const useTypeAnimation: ({ shouldStartAnimation, text, delay, setAnimationIndex, animationIndex }: {
+    shouldStartAnimation: any;
+    text: any;
+    delay: any;
+    setAnimationIndex: any;
+    animationIndex: any;
+}) => string;
+export default useTypeAnimation;

package/lib/cjs/hooks/useTypeAnimation/useTypeAnimation.js

@@ -0,0 +1,50 @@
+"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 _setTimeout2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set-timeout"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
+var _react = require("react");
+var useTypeAnimation = function useTypeAnimation(_ref) {
+  var shouldStartAnimation = _ref.shouldStartAnimation,
+    text = _ref.text,
+    delay = _ref.delay,
+    setAnimationIndex = _ref.setAnimationIndex,
+    animationIndex = _ref.animationIndex;
+  var _useState = (0, _react.useState)(''),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    currentText = _useState2[0],
+    setCurrentText = _useState2[1];
+  var _useState3 = (0, _react.useState)(0),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    currentIndex = _useState4[0],
+    setCurrentIndex = _useState4[1];
+  (0, _react.useEffect)(function () {
+    if (shouldStartAnimation && text && currentIndex < text.length) {
+      var timeout = (0, _setTimeout2["default"])(function () {
+        setCurrentText(function (prevText) {
+          return prevText + text[currentIndex];
+        });
+        setCurrentIndex(function (prevIndex) {
+          return prevIndex + 1;
+        });
+      }, delay);
+      return function () {
+        return clearTimeout(timeout);
+      };
+    }
+    if (text && currentIndex === text.length) {
+      setAnimationIndex(animationIndex + 1);
+    }
+    return function () {
+      return null;
+    };
+  }, [currentIndex, delay, text, shouldStartAnimation, setAnimationIndex, animationIndex]);
+  return currentText;
+};
+var _default = useTypeAnimation;
+exports["default"] = _default;

package/lib/cjs/hooks/useTypeAnimation/useTypeAnimation.test.d.ts

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

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

@@ -0,0 +1,66 @@
+"use strict";
+
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
+var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
+var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
+var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
+var _reactHooks = require("@testing-library/react-hooks");
+var _useTypeAnimation = _interopRequireDefault(require("./useTypeAnimation"));
+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; }
+var setAnimationIndex = jest.fn();
+var animationIndex = 0;
+var text = 'Hello';
+var delay = 100;
+var defaultProps = {
+  text: text,
+  delay: delay,
+  setAnimationIndex: setAnimationIndex,
+  animationIndex: animationIndex,
+  shouldStartAnimation: true
+};
+describe('useTypeAnimation', function () {
+  beforeEach(function () {
+    jest.useFakeTimers();
+  });
+  afterEach(function () {
+    jest.useRealTimers();
+  });
+  it('should type out text with delay', function () {
+    var _renderHook = (0, _reactHooks.renderHook)(function () {
+        return (0, _useTypeAnimation["default"])(defaultProps);
+      }),
+      result = _renderHook.result;
+    expect(result.current).toBe('');
+    for (var i = 0; i < text.length; i += 1) {
+      (0, _reactHooks.act)(function () {
+        jest.advanceTimersByTime(delay);
+      });
+      expect(result.current).toBe((0, _slice["default"])(text).call(text, 0, i + 1));
+    }
+    expect(result.current).toBe(text);
+  });
+  it('should NOT render text when shouldStartAnimation = false', function () {
+    var _renderHook2 = (0, _reactHooks.renderHook)(function () {
+        return (0, _useTypeAnimation["default"])(_objectSpread(_objectSpread({}, defaultProps), {}, {
+          shouldStartAnimation: false
+        }));
+      }),
+      result = _renderHook2.result;
+    expect(result.current).toBe('');
+    for (var i = 0; i < text.length; i += 1) {
+      (0, _reactHooks.act)(function () {
+        jest.advanceTimersByTime(delay);
+      });
+      expect(result.current).toBe('');
+    }
+    expect(result.current).toBe('');
+  });
+});

package/lib/cjs/index.d.ts

@@ -7,6 +7,11 @@ 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 Response } from './components/AIComponents/Response';
+export { default as ResponseAttachment } from './components/AIComponents/Response/ResponseAttachment';
+export { default as ResponseList } from './components/AIComponents/Response/ResponseList';
+export { default as ResponseText } from './components/AIComponents/Response/ResponseText';
+export { default as ResponseToolbar } from './components/AIComponents/Response/ResponseToolbar';
 export { default as ArrayField } from './components/ArrayField';
 export * from './components/ArrayField';
 export { default as AstroWrapper } from './components/AstroProvider';

package/lib/cjs/index.js

@@ -17,6 +17,11 @@ var _exportNames = {
   AccordionGroup: true,
   AccordionItem: true,
   Prompt: true,
+  Response: true,
+  ResponseAttachment: true,
+  ResponseList: true,
+  ResponseText: true,
+  ResponseToolbar: true,
   ArrayField: true,
   AstroWrapper: true,
   AstroProvider: true,
@@ -718,6 +723,36 @@ _Object$defineProperty(exports, "RequirementsList", {
     return _RequirementsList["default"];
   }
 });
+_Object$defineProperty(exports, "Response", {
+  enumerable: true,
+  get: function get() {
+    return _Response["default"];
+  }
+});
+_Object$defineProperty(exports, "ResponseAttachment", {
+  enumerable: true,
+  get: function get() {
+    return _ResponseAttachment["default"];
+  }
+});
+_Object$defineProperty(exports, "ResponseList", {
+  enumerable: true,
+  get: function get() {
+    return _ResponseList["default"];
+  }
+});
+_Object$defineProperty(exports, "ResponseText", {
+  enumerable: true,
+  get: function get() {
+    return _ResponseText["default"];
+  }
+});
+_Object$defineProperty(exports, "ResponseToolbar", {
+  enumerable: true,
+  get: function get() {
+    return _ResponseToolbar["default"];
+  }
+});
 _Object$defineProperty(exports, "RockerButton", {
   enumerable: true,
   get: function get() {
@@ -965,6 +1000,11 @@ _forEachInstanceProperty(_context4 = _Object$keys(_AccordionItem)).call(_context
   });
 });
 var _Prompt = _interopRequireDefault(require("./components/AIComponents/Prompt"));
+var _Response = _interopRequireDefault(require("./components/AIComponents/Response"));
+var _ResponseAttachment = _interopRequireDefault(require("./components/AIComponents/Response/ResponseAttachment"));
+var _ResponseList = _interopRequireDefault(require("./components/AIComponents/Response/ResponseList"));
+var _ResponseText = _interopRequireDefault(require("./components/AIComponents/Response/ResponseText"));
+var _ResponseToolbar = _interopRequireDefault(require("./components/AIComponents/Response/ResponseToolbar"));
 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', 'Prompt'];
+var nextGenOnlyComponents = ['NavigationHeader', 'Prompt', 'Response'];
 exports.nextGenOnlyComponents = nextGenOnlyComponents;
 var _default = nextGenConvertedComponents;
 exports["default"] = _default;

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

@@ -1111,6 +1111,16 @@ declare const _default: {
             fontFamily: string;
             lineHeight: string;
         };
+        response: {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+            display: string;
+            lineHeight: string;
+            '&.has-bullet': {
+                display: string;
+            };
+        };
     };
     fonts: {
         standard: string;
@@ -2305,6 +2315,38 @@ declare const _default: {
                 backgroundColor: string;
             };
         };
+        response: {
+            iconWrapper: {
+                border: string;
+                p: string;
+                borderColor: string;
+                borderRadius: string;
+                alignContent: string;
+                alignItems: string;
+                justifyContent: string;
+                width: string;
+                height: string;
+                minWidth: string;
+                minHeight: string;
+            };
+            attachmentWrapper: {
+                alignItems: string;
+                height: string;
+                border: string;
+                borderColor: string;
+                p: string;
+                gap: string;
+                borderRadius: string;
+                '&.is-not-loaded': {
+                    display: string;
+                };
+            };
+            toolbar: {
+                '&.is-not-loaded': {
+                    display: string;
+                };
+            };
+        };
     };
     images: {
         avatar: {};

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

@@ -0,0 +1,33 @@
+declare const _default: {
+    iconWrapper: {
+        border: string;
+        p: string;
+        borderColor: string;
+        borderRadius: string;
+        alignContent: string;
+        alignItems: string;
+        justifyContent: string;
+        width: string;
+        height: string;
+        minWidth: string;
+        minHeight: string;
+    };
+    attachmentWrapper: {
+        alignItems: string;
+        height: string;
+        border: string;
+        borderColor: string;
+        p: string;
+        gap: string;
+        borderRadius: string;
+        '&.is-not-loaded': {
+            display: string;
+        };
+    };
+    toolbar: {
+        '&.is-not-loaded': {
+            display: string;
+        };
+    };
+};
+export default _default;

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

@@ -0,0 +1,43 @@
+"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 iconWrapper = {
+  border: '1px solid',
+  p: 'xs',
+  borderColor: 'gray-200',
+  borderRadius: '50%',
+  alignContent: 'center',
+  alignItems: 'center',
+  justifyContent: 'center',
+  width: '32px',
+  height: '32px',
+  minWidth: '32px',
+  minHeight: '32px'
+};
+var attachmentWrapper = {
+  alignItems: 'center',
+  height: '60px',
+  border: '1px solid',
+  borderColor: 'gray-200',
+  p: 'md',
+  gap: 'sm',
+  borderRadius: '4px',
+  '&.is-not-loaded': {
+    display: 'none'
+  }
+};
+var toolbar = {
+  '&.is-not-loaded': {
+    display: 'none'
+  }
+};
+var _default = {
+  iconWrapper: iconWrapper,
+  attachmentWrapper: attachmentWrapper,
+  toolbar: toolbar
+};
+exports["default"] = _default;

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

@@ -71,4 +71,14 @@ export declare const text: {
         fontFamily: string;
         lineHeight: string;
     };
+    response: {
+        color: string;
+        fontFamily: string;
+        fontSize: string;
+        display: string;
+        lineHeight: string;
+        '&.has-bullet': {
+            display: string;
+        };
+    };
 };

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

@@ -90,6 +90,16 @@ var text = _objectSpread({
     color: 'text.primary',
     fontFamily: 'standard',
     lineHeight: 'md'
+  },
+  response: {
+    color: 'text.primary',
+    fontFamily: 'standard',
+    fontSize: 'md',
+    display: 'block',
+    lineHeight: '1.6rem',
+    '&.has-bullet': {
+      display: 'list-item'
+    }
   }
 }, hTags);
 exports.text = text;

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

@@ -844,5 +844,37 @@ declare const _default: {
             backgroundColor: string;
         };
     };
+    response: {
+        iconWrapper: {
+            border: string;
+            p: string;
+            borderColor: string;
+            borderRadius: string;
+            alignContent: string;
+            alignItems: string;
+            justifyContent: string;
+            width: string;
+            height: string;
+            minWidth: string;
+            minHeight: string;
+        };
+        attachmentWrapper: {
+            alignItems: string;
+            height: string;
+            border: string;
+            borderColor: string;
+            p: string;
+            gap: string;
+            borderRadius: string;
+            '&.is-not-loaded': {
+                display: string;
+            };
+        };
+        toolbar: {
+            '&.is-not-loaded': {
+                display: string;
+            };
+        };
+    };
 };
 export default _default;

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

@@ -23,6 +23,7 @@ var _menu = require("./menu");
 var _messages = require("./messages");
 var _navbar = require("./navbar");
 var _prompt = _interopRequireDefault(require("./prompt"));
+var _response = _interopRequireDefault(require("./response"));
 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; }
@@ -291,6 +292,7 @@ var _default = {
   tabs: _tabs.tabs,
   menu: _menu.menu,
   iconWrapper: _iconWrapper["default"],
-  overlayPanel: overlayPanel
+  overlayPanel: overlayPanel,
+  response: _response["default"]
 };
 exports["default"] = _default;

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

@@ -0,0 +1,48 @@
+import { ReactNode } from 'react';
+import { BoxProps } from './box';
+import { IconProps } from './icon';
+import { IconButtonProps } from './iconButton';
+import { IconWrapperProps } from './iconWrapper';
+import { TextProps } from './text';
+interface SharedResponseProps {
+    shouldStartAnimation?: boolean;
+    animationIndex?: number;
+    setAnimationIndex?: (index: number) => void;
+}
+export interface ResponseTextProps extends SharedResponseProps, TextProps {
+    text: string;
+    delay?: number;
+    isListItem?: boolean;
+}
+export interface ResponseAttachmentProps extends SharedResponseProps {
+    wrapperProps?: BoxProps;
+    textProps?: TextProps;
+    iconProps?: IconProps;
+    parentIndex?: number;
+    className?: string;
+}
+export interface ResponseListProps extends SharedResponseProps, BoxProps {
+    children: ReactNode[];
+    parentIndex?: number;
+    delay?: number;
+}
+export interface ResponseProps {
+    containerProps?: BoxProps;
+    iconProps?: IconProps;
+    textProps?: ResponseTextProps;
+    iconWrapperProps?: IconWrapperProps;
+    shouldStartAnimation?: boolean;
+    children: ReactNode[];
+    delay?: number;
+}
+export interface ResponseToolbarProps extends SharedResponseProps {
+    readButtonProps?: IconButtonProps;
+    copyButtonProps?: IconButtonProps;
+    goodButtonProps?: IconButtonProps;
+    badButtonProps?: IconButtonProps;
+    rephraseButtonProps?: IconButtonProps;
+    containerProps?: BoxProps;
+    parentIndex?: number;
+    className?: string;
+}
+export {};

package/lib/cjs/types/response.js

@@ -0,0 +1,6 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -32,7 +32,7 @@ var shouldReturnComingSoon = function shouldReturnComingSoon(context, selectedTh
   }
   // if the component is a NextGen ONLY component, and the selected theme is Astro,
   // return the coming soon message
-  if (isNextGenOnlyComponent && selectedTheme === _themes.themes.ASTRO) {
+  if (isNextGenOnlyComponent && selectedTheme !== _themes.themes.NEXT_GEN && selectedTheme !== _themes.themes.NEXT_GEN_DARK) {
     return true;
   }
   // else return the story.

package/lib/components/AIComponents/Response/Response.js

@@ -0,0 +1,38 @@
+import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
+import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
+import React, { Children, useState } from 'react';
+import AutoAwesomeIcon from '@pingux/mdi-react/AutoAwesomeOutlineIcon';
+import { Box, Icon } from '../../../index';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+var Response = function Response(props) {
+  var children = props.children,
+    containerProps = props.containerProps,
+    iconProps = props.iconProps,
+    iconWrapperProps = props.iconWrapperProps,
+    _props$delay = props.delay,
+    delay = _props$delay === void 0 ? 10 : _props$delay;
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    index = _useState2[0],
+    setIndex = _useState2[1];
+  return ___EmotionJSX(Box, _extends({
+    isRow: true,
+    gap: "md"
+  }, containerProps), ___EmotionJSX(Box, _extends({}, iconWrapperProps, {
+    variant: "response.iconWrapper"
+  }), ___EmotionJSX(Icon, _extends({
+    icon: AutoAwesomeIcon
+  }, iconProps))), ___EmotionJSX(Box, {
+    gap: "md"
+  }, _mapInstanceProperty(Children).call(Children, children, function (child, i) {
+    return ___EmotionJSX(React.Fragment, null, /*#__PURE__*/React.cloneElement(child, {
+      shouldStartAnimation: index === i,
+      setAnimationIndex: setIndex,
+      animationIndex: i,
+      parentIndex: index,
+      delay: delay
+    }));
+  })));
+};
+export default Response;