@pingux/astro 2.120.0 → 2.121.0-alpha.1

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

@@ -0,0 +1,64 @@
+import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
+import React from 'react';
+import { render, screen } from '../../../utils/testUtils/testWrapper';
+import Attachment from './Attachment';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+var mockFileName = 'sampleFile';
+var defaultProps = {
+  key: 'file_key',
+  title: mockFileName,
+  fileType: 'PPT',
+  removeFile: function removeFile() {
+    return false;
+  },
+  id: 'Example Title'
+};
+var getComponent = function getComponent() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return render(___EmotionJSX(Attachment, _extends({}, defaultProps, props)));
+};
+describe('Attachment', function () {
+  test('renders with PPT file format ', function () {
+    getComponent();
+    screen.getByRole('img', {
+      name: /ppt file icon/i
+    });
+    screen.getByRole('heading', {
+      name: mockFileName
+    });
+    screen.getAllByText(/ppt/i);
+    screen.getByRole('button', {
+      name: /remove attachment/i
+    });
+  });
+  test('renders with PDF file format', function () {
+    getComponent({
+      fileType: 'pdf'
+    });
+    screen.getByRole('img', {
+      name: /pdf file icon/i
+    });
+    screen.getByRole('heading', {
+      name: mockFileName
+    });
+    screen.getAllByText(/pdf/i);
+  });
+  test('renders with CSV file format', function () {
+    getComponent({
+      fileType: 'csv'
+    });
+    screen.getAllByText(/csv/i);
+  });
+  test('renders with JS file format', function () {
+    getComponent({
+      fileType: 'js'
+    });
+    screen.getAllByText(/js/i);
+  });
+  test('renders with ZIP file format', function () {
+    getComponent({
+      fileType: 'zip'
+    });
+    screen.getAllByText(/zip/i);
+  });
+});

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

@@ -0,0 +1,42 @@
+import CodeTagsIcon from '@pingux/mdi-react/CodeTagsIcon';
+import FileDocumentOutlineIcon from '@pingux/mdi-react/FileDocumentOutlineIcon';
+import FolderZipOutlineIcon from '@pingux/mdi-react/FolderZipOutlineIcon';
+import TableLargeIcon from '@pingux/mdi-react/TableLargeIcon';
+export var fileTypeConfig = {
+  pdf: {
+    icon: FileDocumentOutlineIcon,
+    color: 'lightPink'
+  },
+  doc: {
+    icon: FileDocumentOutlineIcon,
+    color: 'lightPink'
+  },
+  docx: {
+    icon: FileDocumentOutlineIcon,
+    color: 'lightPink'
+  },
+  text: {
+    icon: FileDocumentOutlineIcon,
+    color: 'lightPink'
+  },
+  csv: {
+    icon: TableLargeIcon,
+    color: 'lightGreen'
+  },
+  xls: {
+    icon: TableLargeIcon,
+    color: 'lightGreen'
+  },
+  xlsx: {
+    icon: TableLargeIcon,
+    color: 'lightGreen'
+  },
+  js: {
+    icon: CodeTagsIcon,
+    color: 'lightYellow'
+  },
+  zip: {
+    icon: FolderZipOutlineIcon,
+    color: 'lightIndigo'
+  }
+};

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

@@ -13,7 +13,7 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (
 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; }
 import React, { useState } from 'react';
 import DocsLayout from '../../../../.storybook/storybookDocsLayout';
-import { AstroProvider, Box, NextGenTheme } from '../../..';
+import { Box } from '../../..';
 import { booleanArg } from '../../../utils/docUtils/docArgTypes';
 import PromptInput from './PromptInput';
 import PromptInputReadMe from './PromptInputReadMe.mdx';
@@ -54,9 +54,7 @@ export var Default = function Default(args) {
     console.log('submit');
     setValue('');
   };
-  return ___EmotionJSX(AstroProvider, {
-    themeOverrides: [NextGenTheme]
-  }, ___EmotionJSX(Box, {
+  return ___EmotionJSX(Box, {
     maxWidth: "768px"
   }, ___EmotionJSX(PromptInput, _extends({}, args, {
     placeholder: "Enter a prompt here",
@@ -68,5 +66,5 @@ export var Default = function Default(args) {
     onFileChange: onFileChange,
     onSubmit: onSubmit,
     onCancel: onCancel
-  }))));
+  })));
 };

package/lib/components/Icon/Icon.js

@@ -9,6 +9,8 @@ import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 import _typeof from "@babel/runtime-corejs3/helpers/esm/typeof";
+import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
+var _excluded = ["color", "icon", "sx", "size", "variant", "title"];
 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; }
 import React, { forwardRef } from 'react';
@@ -19,31 +21,32 @@ var Icon = /*#__PURE__*/forwardRef(function (props, ref) {
   var color = props.color,
     IconComponent = props.icon,
     sx = props.sx,
-    size = props.size;
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'sm' : _props$size,
+    variant = props.variant,
+    title = props.title,
+    others = _objectWithoutProperties(props, _excluded);
   var theme = useGetTheme();
   var _useTShirtSize = useTShirtSize({
       size: size,
       sizes: theme.tShirtSizes
     }),
     sizeProps = _useTShirtSize.sizeProps;
-  var title = props.title || (_typeof(IconComponent) === 'object' && 'type' in IconComponent ? {
+  var resolvedTitle = title !== null && title !== void 0 ? title : _typeof(IconComponent) === 'object' && 'type' in IconComponent ? {
     name: IconComponent.type.name
-  } : '');
+  } : '';
   return ___EmotionJSX(Box, _extends({
     as: IconComponent,
     ref: ref,
-    title: title
-  }, props, {
-    size: sizeProps.size,
     role: "img",
+    title: resolvedTitle,
+    variant: variant,
+    size: sizeProps.size,
     sx: _objectSpread({
       fill: color,
       minWidth: sizeProps.size
     }, sx)
-  }));
+  }, others));
 });
-Icon.defaultProps = {
-  size: 20
-};
 Icon.displayName = 'Icon';
 export default Icon;

package/lib/components/IconButton/IconButton.styles.js

@@ -134,6 +134,10 @@ var applicationPortalPinned = _objectSpread(_objectSpread({}, base), {}, {
     }
   }
 });
+var searchClearButton = _objectSpread(_objectSpread({}, base), {}, {
+  position: 'absolute',
+  right: 10
+});
 export default {
   base: base,
   bidirectional: bidirectional,
@@ -159,5 +163,6 @@ export default {
   },
   // Recipe related variants
   applicationPortal: applicationPortal,
-  applicationPortalPinned: applicationPortalPinned
+  applicationPortalPinned: applicationPortalPinned,
+  searchClearButton: searchClearButton
 };

package/lib/components/IconWrapper/iconWrapperAttributes.js

@@ -1,4 +1,4 @@
-var colorOptions = ['cyan', 'orange', 'red', 'green', 'purple', 'yellow', 'teal', 'pink'];
+var colorOptions = ['cyan', 'orange', 'red', 'green', 'purple', 'yellow', 'teal', 'pink', 'blue', 'indigo'];
 var sizes = ['sm', 'md', 'lg'];
 export var iconWrapperArgTypes = {
   color: {

package/lib/components/ListView/ListView.js

@@ -160,6 +160,11 @@ var ListView = /*#__PURE__*/forwardRef(function (props, ref) {
     onScroll: resetHoverState,
     tabIndex: isFocusable ? 0 : -1,
     shouldUseVirtualFocus: !isFocusable
+    // added to remove the outline when using keyboard navigation encountered during UIP-7501
+    ,
+    style: {
+      outline: 'none'
+    }
   }), function (type, item) {
     if (type === 'item') {
       if (props.selectionMode === 'expansion') {