@pingux/astro 2.120.0 → 2.121.0-alpha.0

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

@@ -1,10 +1,5 @@
 import React from 'react';
 import { AttachmentProps } from '../../../types/promptInput';
 export declare const getFileExtension: (fullString: string) => string;
-declare const Attachment: {
-    (props: AttachmentProps): React.JSX.Element;
-    defaultProps: {
-        icon: import("@pingux/mdi-react").MdiReactIconComponentType;
-    };
-};
+declare const Attachment: (props: AttachmentProps) => React.JSX.Element;
 export default Attachment;

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

@@ -20,6 +20,7 @@ var _CloseIcon = _interopRequireDefault(require("@pingux/mdi-react/CloseIcon"));
 var _PaperOutlineIcon = _interopRequireDefault(require("@pingux/mdi-react/PaperOutlineIcon"));
 var _hooks = require("../../../hooks");
 var _index = require("../../../index");
+var _constants = require("./constants");
 var _react2 = require("@emotion/react");
 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; }
@@ -41,12 +42,16 @@ var Attachment = function Attachment(props) {
     id = props.id,
     containerProps = props.containerProps,
     iconWrapperProps = props.iconWrapperProps,
-    icon = props.icon,
     deleteButtonProps = props.deleteButtonProps;
   var _useStatusClasses = (0, _hooks.useStatusClasses)(className, {
       isFullScreen: isFullScreen
     }),
     classNames = _useStatusClasses.classNames;
+  var defaultIconProps = {
+    icon: _PaperOutlineIcon["default"],
+    color: 'lightBlue'
+  };
+  var iconProps = _constants.fileTypeConfig[fileType] || defaultIconProps;
   return (0, _react2.jsx)(_index.Box, (0, _extends2["default"])({
     variant: "attachment.container",
     className: classNames
@@ -55,13 +60,11 @@ var Attachment = function Attachment(props) {
     alignItems: "center",
     px: "lg",
     py: "md"
-  }, (0, _react2.jsx)(_index.IconWrapper, {
+  }, (0, _react2.jsx)(_index.IconWrapper, (0, _extends2["default"])({
     isCircle: true,
     title: {
-      name: 'File Icon'
+      name: "".concat(fileType, " File Icon")
     },
-    icon: icon,
-    color: "red",
     size: "sm",
     wrapperProps: _objectSpread({
       size: '36px',
@@ -69,18 +72,13 @@ var Attachment = function Attachment(props) {
       minWidth: '36px',
       p: '9px'
     }, iconWrapperProps)
-  }), (0, _react2.jsx)(_index.Box, {
+  }, iconProps)), (0, _react2.jsx)(_index.Box, {
     sx: {
       ml: 'md'
     }
   }, (0, _react2.jsx)(_index.Text, {
     as: "h5",
-    sx: {
-      fontWeight: 2,
-      textOverflow: 'ellipsis',
-      whiteSpace: 'nowrap',
-      overflow: 'hidden'
-    }
+    variant: "attachmentTitle"
   }, title), (0, _react2.jsx)(_index.Text, {
     sx: {
       textOverflow: 'ellipsis'
@@ -102,8 +100,5 @@ var Attachment = function Attachment(props) {
     icon: _CloseIcon["default"]
   }))));
 };
-Attachment.defaultProps = {
-  icon: _PaperOutlineIcon["default"]
-};
 var _default = Attachment;
 exports["default"] = _default;

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

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

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

@@ -0,0 +1,67 @@
+"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 _testWrapper = require("../../../utils/testUtils/testWrapper");
+var _Attachment = _interopRequireDefault(require("./Attachment"));
+var _react2 = require("@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 (0, _testWrapper.render)((0, _react2.jsx)(_Attachment["default"], (0, _extends2["default"])({}, defaultProps, props)));
+};
+describe('Attachment', function () {
+  test('renders with PPT file format ', function () {
+    getComponent();
+    _testWrapper.screen.getByRole('img', {
+      name: /ppt file icon/i
+    });
+    _testWrapper.screen.getByRole('heading', {
+      name: mockFileName
+    });
+    _testWrapper.screen.getAllByText(/ppt/i);
+    _testWrapper.screen.getByRole('button', {
+      name: /remove attachment/i
+    });
+  });
+  test('renders with PDF file format', function () {
+    getComponent({
+      fileType: 'pdf'
+    });
+    _testWrapper.screen.getByRole('img', {
+      name: /pdf file icon/i
+    });
+    _testWrapper.screen.getByRole('heading', {
+      name: mockFileName
+    });
+    _testWrapper.screen.getAllByText(/pdf/i);
+  });
+  test('renders with CSV file format', function () {
+    getComponent({
+      fileType: 'csv'
+    });
+    _testWrapper.screen.getAllByText(/csv/i);
+  });
+  test('renders with JS file format', function () {
+    getComponent({
+      fileType: 'js'
+    });
+    _testWrapper.screen.getAllByText(/js/i);
+  });
+  test('renders with ZIP file format', function () {
+    getComponent({
+      fileType: 'zip'
+    });
+    _testWrapper.screen.getAllByText(/zip/i);
+  });
+});

package/lib/cjs/components/AIComponents/Attachment/constants.d.ts

@@ -0,0 +1,38 @@
+export declare const fileTypeConfig: {
+    pdf: {
+        icon: import("@pingux/mdi-react").MdiReactIconComponentType;
+        color: string;
+    };
+    doc: {
+        icon: import("@pingux/mdi-react").MdiReactIconComponentType;
+        color: string;
+    };
+    docx: {
+        icon: import("@pingux/mdi-react").MdiReactIconComponentType;
+        color: string;
+    };
+    text: {
+        icon: import("@pingux/mdi-react").MdiReactIconComponentType;
+        color: string;
+    };
+    csv: {
+        icon: import("@pingux/mdi-react").MdiReactIconComponentType;
+        color: string;
+    };
+    xls: {
+        icon: import("@pingux/mdi-react").MdiReactIconComponentType;
+        color: string;
+    };
+    xlsx: {
+        icon: import("@pingux/mdi-react").MdiReactIconComponentType;
+        color: string;
+    };
+    js: {
+        icon: import("@pingux/mdi-react").MdiReactIconComponentType;
+        color: string;
+    };
+    zip: {
+        icon: import("@pingux/mdi-react").MdiReactIconComponentType;
+        color: string;
+    };
+};

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

@@ -0,0 +1,51 @@
+"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.fileTypeConfig = void 0;
+var _CodeTagsIcon = _interopRequireDefault(require("@pingux/mdi-react/CodeTagsIcon"));
+var _FileDocumentOutlineIcon = _interopRequireDefault(require("@pingux/mdi-react/FileDocumentOutlineIcon"));
+var _FolderZipOutlineIcon = _interopRequireDefault(require("@pingux/mdi-react/FolderZipOutlineIcon"));
+var _TableLargeIcon = _interopRequireDefault(require("@pingux/mdi-react/TableLargeIcon"));
+var fileTypeConfig = {
+  pdf: {
+    icon: _FileDocumentOutlineIcon["default"],
+    color: 'lightPink'
+  },
+  doc: {
+    icon: _FileDocumentOutlineIcon["default"],
+    color: 'lightPink'
+  },
+  docx: {
+    icon: _FileDocumentOutlineIcon["default"],
+    color: 'lightPink'
+  },
+  text: {
+    icon: _FileDocumentOutlineIcon["default"],
+    color: 'lightPink'
+  },
+  csv: {
+    icon: _TableLargeIcon["default"],
+    color: 'lightGreen'
+  },
+  xls: {
+    icon: _TableLargeIcon["default"],
+    color: 'lightGreen'
+  },
+  xlsx: {
+    icon: _TableLargeIcon["default"],
+    color: 'lightGreen'
+  },
+  js: {
+    icon: _CodeTagsIcon["default"],
+    color: 'lightYellow'
+  },
+  zip: {
+    icon: _FolderZipOutlineIcon["default"],
+    color: 'lightIndigo'
+  }
+};
+exports.fileTypeConfig = fileTypeConfig;

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

@@ -66,9 +66,7 @@ var Default = function Default(args) {
     console.log('submit');
     setValue('');
   };
-  return (0, _react2.jsx)(_.AstroProvider, {
-    themeOverrides: [_.NextGenTheme]
-  }, (0, _react2.jsx)(_.Box, {
+  return (0, _react2.jsx)(_.Box, {
     maxWidth: "768px"
   }, (0, _react2.jsx)(_PromptInput["default"], (0, _extends2["default"])({}, args, {
     placeholder: "Enter a prompt here",
@@ -80,6 +78,6 @@ var Default = function Default(args) {
     onFileChange: onFileChange,
     onSubmit: onSubmit,
     onCancel: onCancel
-  }))));
+  })));
 };
 exports.Default = Default;