@pingux/astro 2.120.0 → 2.121.0-alpha.1

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

@@ -605,12 +605,14 @@ declare const _default: {
     };
     listViewItem: {
         rightOfData: {
-            flexShrink: number;
             whiteSpace: string;
         };
         iconContainer: {
             ml: string;
         };
+        imageWrapper: {
+            ml: string;
+        };
         styledListItem: {
             bg: string;
             '&.is-selected': {
@@ -628,10 +630,19 @@ declare const _default: {
                 boxShadow: string;
                 bg: string;
             };
+            '&.is-first-item': {
+                borderTopLeftRadius: string;
+                borderTopRightRadius: string;
+            };
+            '&.is-last-item': {
+                borderBottomLeftRadius: string;
+                borderBottomRightRadius: string;
+                '&.has-separator': {
+                    border: string;
+                };
+            };
         };
         styledContainer: {
-            py: string;
-            px: string;
             bg: string;
             '&.is-hovered': {
                 bg: string;
@@ -639,17 +650,58 @@ declare const _default: {
             };
         };
         expandableStyledListItem: {
-            pr: string;
-            pl: number;
+            px: string;
+            bg: string;
+            '&.is-first-item': {
+                borderTopLeftRadius: string;
+                borderTopRightRadius: string;
+            };
+            '&.is-last-item': {
+                borderBottomLeftRadius: string;
+                borderBottomRightRadius: string;
+                '&.is-hovered, &.is-expanded': {
+                    borderBottomLeftRadius: string;
+                    borderBottomRightRadius: string;
+                };
+            };
+            '&.is-hovered': {
+                bg: string;
+            };
+            '&.is-selected': {
+                bg: string;
+            };
+            '&.is-focused': {
+                boxShadow: string;
+                bg: string;
+            };
         };
         expandableItemBody: {
             px: string;
+            outline: string;
+            '&.is-last-item-body': {
+                borderBottomLeftRadius: string;
+                borderBottomRightRadius: string;
+            };
+            '&.is-focused': {
+                boxShadow: string;
+            };
         };
         expandableRow: {
             '&.has-separator': {
                 borderBottom: string;
                 borderBottomColor: string;
             };
+            '&.has-separator.is-last-row': {
+                border: string;
+            };
+        };
+        editIcon: {
+            width: string;
+            height: string;
+        };
+        menuIcon: {
+            width: string;
+            height: string;
         };
     };
     progressBar: {
@@ -670,18 +722,26 @@ declare const _default: {
             borderRadius: string;
             border: string;
             borderColor: string;
-            '& > div > div': {
-                '& > div:first-of-type': {
-                    '& > div > div': {
-                        borderRadius: string;
-                    };
-                };
-                '& > div:last-of-type': {
-                    '& > div > div': {
-                        borderRadius: string;
-                    };
-                };
-            };
+        };
+    };
+    lisViewItemChart: {
+        title: {
+            color: string;
+        };
+        count: {
+            color: string;
+        };
+        countLabel: {
+            color: string;
+        };
+        chartLabel: {
+            color: string;
+        };
+        trend: {
+            color: string;
+        };
+        chartButton: {
+            color: string;
         };
     };
     dataTable: {
@@ -1155,5 +1215,10 @@ declare const _default: {
             };
         };
     };
+    loader: {
+        withinListView: {
+            color: string;
+        };
+    };
 };
 export default _default;

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

@@ -301,6 +301,11 @@ var overlayPanel = {
     backgroundColor: 'background.base'
   }
 };
+var loader = {
+  withinListView: {
+    color: 'active'
+  }
+};
 var _default = {
   attachment: _Attachment["default"],
   navBar: _navbar.navBar,
@@ -316,6 +321,7 @@ var _default = {
   listViewItem: _listview.listViewItem,
   progressBar: progressBar,
   listView: _listview.listView,
+  lisViewItemChart: _listview.lisViewItemChart,
   dataTable: _dataTable.dataTable,
   codeView: _codeView["default"],
   prompt: _prompt["default"],
@@ -326,6 +332,7 @@ var _default = {
   suggestions: _suggestions["default"],
   suggestion: _suggestion["default"],
   response: _response["default"],
-  skeleton: _Skeleton["default"]
+  skeleton: _Skeleton["default"],
+  loader: loader
 };
 exports["default"] = _default;

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

@@ -9,7 +9,7 @@ export interface IconWrapperProps extends StyleProps {
     size: string;
     className?: string;
     isCircle?: boolean;
-    title: {
+    title?: {
         name: string;
         id?: string;
     };

package/lib/cjs/utils/devUtils/constants/animals.js

@@ -5,5 +5,453 @@ _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _default = ['Aardvark', 'Albatross', 'Alligator', 'Alpaca', 'Ant', 'Anteater', 'Antelope', 'Ape', 'Armadillo', 'Donkey', 'Baboon', 'Badger', 'Barracuda', 'Bat', 'Bear', 'Beaver', 'Bee', 'Bison', 'Boar', 'Buffalo', 'Butterfly', 'Camel', 'Capybara', 'Caribou', 'Cassowary', 'Cat', 'Caterpillar', 'Cattle', 'Chamois', 'Cheetah', 'Chicken', 'Chimpanzee', 'Chinchilla', 'Chough', 'Clam', 'Cobra', 'Cockroach', 'Cod', 'Cormorant', 'Coyote', 'Crab', 'Crane', 'Crocodile', 'Crow', 'Curlew', 'Deer', 'Dinosaur', 'Dog', 'Dogfish', 'Dolphin', 'Dotterel', 'Dove', 'Dragonfly', 'Duck', 'Dugong', 'Dunlin', 'Eagle', 'Echidna', 'Eel', 'Eland', 'Elephant', 'Elk', 'Emu', 'Falcon', 'Ferret', 'Finch', 'Fish', 'Flamingo', 'Fly', 'Fox', 'Frog', 'Gaur', 'Gazelle', 'Gerbil', 'Giraffe', 'Gnat', 'Gnu', 'Goat', 'Goldfinch', 'Goldfish', 'Goose', 'Gorilla', 'Goshawk', 'Grasshopper', 'Grouse', 'Guanaco', 'Gull', 'Hamster', 'Hare', 'Hawk', 'Hedgehog', 'Heron', 'Herring', 'Hippopotamus', 'Hornet', 'Horse', 'Human', 'Hummingbird', 'Hyena', 'Ibex', 'Ibis', 'Jackal', 'Jaguar', 'Jay', 'Jellyfish', 'Kangaroo', 'Kingfisher', 'Koala', 'Kookabura', 'Kouprey', 'Kudu', 'Lapwing', 'Lark', 'Lemur', 'Leopard', 'Lion', 'Llama', 'Lobster', 'Locust', 'Loris', 'Louse', 'Lyrebird', 'Magpie', 'Mallard', 'Manatee', 'Mandrill', 'Mantis', 'Marten', 'Meerkat', 'Mink', 'Mole', 'Mongoose', 'Monkey', 'Moose', 'Mosquito', 'Mouse', 'Mule', 'Narwhal', 'Newt', 'Nightingale', 'Octopus', 'Okapi', 'Opossum', 'Oryx', 'Ostrich', 'Otter', 'Owl', 'Oyster', 'Panther', 'Parrot', 'Partridge', 'Peafowl', 'Pelican', 'Penguin', 'Pheasant', 'Pig', 'Pigeon', 'Pony', 'Porcupine', 'Porpoise', 'Quail', 'Quelea', 'Quetzal', 'Rabbit', 'Raccoon', 'Rail', 'Ram', 'Rat', 'Raven', 'Red deer', 'Red panda', 'Reindeer', 'Rhinoceros', 'Rook', 'Salamander', 'Salmon', 'Sand Dollar', 'Sandpiper', 'Sardine', 'Scorpion', 'Seahorse', 'Seal', 'Shark', 'Sheep', 'Shrew', 'Skunk', 'Snail', 'Snake', 'Sparrow', 'Spider', 'Spoonbill', 'Squid', 'Squirrel', 'Starling', 'Stingray', 'Stinkbug', 'Stork', 'Swallow', 'Swan', 'Tapir', 'Tarsier', 'Termite', 'Tiger', 'Toad', 'Trout', 'Turkey', 'Turtle', 'Viper', 'Vulture', 'Wallaby', 'Walrus', 'Wasp', 'Weasel', 'Whale', 'Wildcat', 'Wolf', 'Wolverine', 'Wombat', 'Woodcock', 'Woodpecker', 'Worm', 'Wren', 'Yak', 'Zebra'];
+var _default = [{
+  name: 'Aardvark'
+}, {
+  name: 'Albatross'
+}, {
+  name: 'Alligator'
+}, {
+  name: 'Alpaca'
+}, {
+  name: 'Ant'
+}, {
+  name: 'Anteater'
+}, {
+  name: 'Antelope'
+}, {
+  name: 'Ape'
+}, {
+  name: 'Armadillo'
+}, {
+  name: 'Donkey'
+}, {
+  name: 'Baboon'
+}, {
+  name: 'Badger'
+}, {
+  name: 'Barracuda'
+}, {
+  name: 'Bat'
+}, {
+  name: 'Bear'
+}, {
+  name: 'Beaver'
+}, {
+  name: 'Bee'
+}, {
+  name: 'Bison'
+}, {
+  name: 'Boar'
+}, {
+  name: 'Buffalo'
+}, {
+  name: 'Butterfly'
+}, {
+  name: 'Camel'
+}, {
+  name: 'Capybara'
+}, {
+  name: 'Caribou'
+}, {
+  name: 'Cassowary'
+}, {
+  name: 'Cat'
+}, {
+  name: 'Caterpillar'
+}, {
+  name: 'Cattle'
+}, {
+  name: 'Chamois'
+}, {
+  name: 'Cheetah'
+}, {
+  name: 'Chicken'
+}, {
+  name: 'Chimpanzee'
+}, {
+  name: 'Chinchilla'
+}, {
+  name: 'Chough'
+}, {
+  name: 'Clam'
+}, {
+  name: 'Cobra'
+}, {
+  name: 'Cockroach'
+}, {
+  name: 'Cod'
+}, {
+  name: 'Cormorant'
+}, {
+  name: 'Coyote'
+}, {
+  name: 'Crab'
+}, {
+  name: 'Crane'
+}, {
+  name: 'Crocodile'
+}, {
+  name: 'Crow'
+}, {
+  name: 'Curlew'
+}, {
+  name: 'Deer'
+}, {
+  name: 'Dinosaur'
+}, {
+  name: 'Dog'
+}, {
+  name: 'Dogfish'
+}, {
+  name: 'Dolphin'
+}, {
+  name: 'Dotterel'
+}, {
+  name: 'Dove'
+}, {
+  name: 'Dragonfly'
+}, {
+  name: 'Duck'
+}, {
+  name: 'Dugong'
+}, {
+  name: 'Dunlin'
+}, {
+  name: 'Eagle'
+}, {
+  name: 'Echidna'
+}, {
+  name: 'Eel'
+}, {
+  name: 'Eland'
+}, {
+  name: 'Elephant'
+}, {
+  name: 'Elk'
+}, {
+  name: 'Emu'
+}, {
+  name: 'Falcon'
+}, {
+  name: 'Ferret'
+}, {
+  name: 'Finch'
+}, {
+  name: 'Fish'
+}, {
+  name: 'Flamingo'
+}, {
+  name: 'Fly'
+}, {
+  name: 'Fox'
+}, {
+  name: 'Frog'
+}, {
+  name: 'Gaur'
+}, {
+  name: 'Gazelle'
+}, {
+  name: 'Gerbil'
+}, {
+  name: 'Giraffe'
+}, {
+  name: 'Gnat'
+}, {
+  name: 'Gnu'
+}, {
+  name: 'Goat'
+}, {
+  name: 'Goldfinch'
+}, {
+  name: 'Goldfish'
+}, {
+  name: 'Goose'
+}, {
+  name: 'Gorilla'
+}, {
+  name: 'Goshawk'
+}, {
+  name: 'Grasshopper'
+}, {
+  name: 'Grouse'
+}, {
+  name: 'Guanaco'
+}, {
+  name: 'Gull'
+}, {
+  name: 'Hamster'
+}, {
+  name: 'Hare'
+}, {
+  name: 'Hawk'
+}, {
+  name: 'Hedgehog'
+}, {
+  name: 'Heron'
+}, {
+  name: 'Herring'
+}, {
+  name: 'Hippopotamus'
+}, {
+  name: 'Hornet'
+}, {
+  name: 'Horse'
+}, {
+  name: 'Human'
+}, {
+  name: 'Hummingbird'
+}, {
+  name: 'Hyena'
+}, {
+  name: 'Ibex'
+}, {
+  name: 'Ibis'
+}, {
+  name: 'Jackal'
+}, {
+  name: 'Jaguar'
+}, {
+  name: 'Jay'
+}, {
+  name: 'Jellyfish'
+}, {
+  name: 'Kangaroo'
+}, {
+  name: 'Kingfisher'
+}, {
+  name: 'Koala'
+}, {
+  name: 'Kookabura'
+}, {
+  name: 'Kouprey'
+}, {
+  name: 'Kudu'
+}, {
+  name: 'Lapwing'
+}, {
+  name: 'Lark'
+}, {
+  name: 'Lemur'
+}, {
+  name: 'Leopard'
+}, {
+  name: 'Lion'
+}, {
+  name: 'Llama'
+}, {
+  name: 'Lobster'
+}, {
+  name: 'Locust'
+}, {
+  name: 'Loris'
+}, {
+  name: 'Louse'
+}, {
+  name: 'Lyrebird'
+}, {
+  name: 'Magpie'
+}, {
+  name: 'Mallard'
+}, {
+  name: 'Manatee'
+}, {
+  name: 'Mandrill'
+}, {
+  name: 'Mantis'
+}, {
+  name: 'Marten'
+}, {
+  name: 'Meerkat'
+}, {
+  name: 'Mink'
+}, {
+  name: 'Mole'
+}, {
+  name: 'Mongoose'
+}, {
+  name: 'Monkey'
+}, {
+  name: 'Moose'
+}, {
+  name: 'Mosquito'
+}, {
+  name: 'Mouse'
+}, {
+  name: 'Mule'
+}, {
+  name: 'Narwhal'
+}, {
+  name: 'Newt'
+}, {
+  name: 'Nightingale'
+}, {
+  name: 'Octopus'
+}, {
+  name: 'Okapi'
+}, {
+  name: 'Opossum'
+}, {
+  name: 'Oryx'
+}, {
+  name: 'Ostrich'
+}, {
+  name: 'Otter'
+}, {
+  name: 'Owl'
+}, {
+  name: 'Oyster'
+}, {
+  name: 'Panther'
+}, {
+  name: 'Parrot'
+}, {
+  name: 'Partridge'
+}, {
+  name: 'Peafowl'
+}, {
+  name: 'Pelican'
+}, {
+  name: 'Penguin'
+}, {
+  name: 'Pheasant'
+}, {
+  name: 'Pig'
+}, {
+  name: 'Pigeon'
+}, {
+  name: 'Pony'
+}, {
+  name: 'Porcupine'
+}, {
+  name: 'Porpoise'
+}, {
+  name: 'Quail'
+}, {
+  name: 'Quelea'
+}, {
+  name: 'Quetzal'
+}, {
+  name: 'Rabbit'
+}, {
+  name: 'Raccoon'
+}, {
+  name: 'Rail'
+}, {
+  name: 'Ram'
+}, {
+  name: 'Rat'
+}, {
+  name: 'Raven'
+}, {
+  name: 'Red deer'
+}, {
+  name: 'Red panda'
+}, {
+  name: 'Reindeer'
+}, {
+  name: 'Rhinoceros'
+}, {
+  name: 'Rook'
+}, {
+  name: 'Salamander'
+}, {
+  name: 'Salmon'
+}, {
+  name: 'Sand Dollar'
+}, {
+  name: 'Sandpiper'
+}, {
+  name: 'Sardine'
+}, {
+  name: 'Scorpion'
+}, {
+  name: 'Seahorse'
+}, {
+  name: 'Seal'
+}, {
+  name: 'Shark'
+}, {
+  name: 'Sheep'
+}, {
+  name: 'Shrew'
+}, {
+  name: 'Skunk'
+}, {
+  name: 'Snail'
+}, {
+  name: 'Snake'
+}, {
+  name: 'Sparrow'
+}, {
+  name: 'Spider'
+}, {
+  name: 'Spoonbill'
+}, {
+  name: 'Squid'
+}, {
+  name: 'Squirrel'
+}, {
+  name: 'Starling'
+}, {
+  name: 'Stingray'
+}, {
+  name: 'Stinkbug'
+}, {
+  name: 'Stork'
+}, {
+  name: 'Swallow'
+}, {
+  name: 'Swan'
+}, {
+  name: 'Tapir'
+}, {
+  name: 'Tarsier'
+}, {
+  name: 'Termite'
+}, {
+  name: 'Tiger'
+}, {
+  name: 'Toad'
+}, {
+  name: 'Trout'
+}, {
+  name: 'Turkey'
+}, {
+  name: 'Turtle'
+}, {
+  name: 'Viper'
+}, {
+  name: 'Vulture'
+}, {
+  name: 'Wallaby'
+}, {
+  name: 'Walrus'
+}, {
+  name: 'Wasp'
+}, {
+  name: 'Weasel'
+}, {
+  name: 'Whale'
+}, {
+  name: 'Wildcat'
+}, {
+  name: 'Wolf'
+}, {
+  name: 'Wolverine'
+}, {
+  name: 'Wombat'
+}, {
+  name: 'Woodcock'
+}, {
+  name: 'Woodpecker'
+}, {
+  name: 'Worm'
+}, {
+  name: 'Wren'
+}, {
+  name: 'Yak'
+}, {
+  name: 'Zebra'
+}];
 exports["default"] = _default;

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

@@ -15,6 +15,7 @@ import CloseIcon from '@pingux/mdi-react/CloseIcon';
 import PaperOutlineIcon from '@pingux/mdi-react/PaperOutlineIcon';
 import { useStatusClasses } from '../../../hooks';
 import { Box, Icon, IconButton, IconWrapper, Text } from '../../../index';
+import { fileTypeConfig } from './constants';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export var getFileExtension = function getFileExtension(fullString) {
   var fileExtensionPattern = /\.([0-9a-z]+)(?:[?#]|$)/i;
@@ -33,12 +34,16 @@ var Attachment = function Attachment(props) {
     id = props.id,
     containerProps = props.containerProps,
     iconWrapperProps = props.iconWrapperProps,
-    icon = props.icon,
     deleteButtonProps = props.deleteButtonProps;
   var _useStatusClasses = useStatusClasses(className, {
       isFullScreen: isFullScreen
     }),
     classNames = _useStatusClasses.classNames;
+  var defaultIconProps = {
+    icon: PaperOutlineIcon,
+    color: 'lightBlue'
+  };
+  var iconProps = fileTypeConfig[fileType] || defaultIconProps;
   return ___EmotionJSX(Box, _extends({
     variant: "attachment.container",
     className: classNames
@@ -47,13 +52,11 @@ var Attachment = function Attachment(props) {
     alignItems: "center",
     px: "lg",
     py: "md"
-  }, ___EmotionJSX(IconWrapper, {
+  }, ___EmotionJSX(IconWrapper, _extends({
     isCircle: true,
     title: {
-      name: 'File Icon'
+      name: "".concat(fileType, " File Icon")
     },
-    icon: icon,
-    color: "red",
     size: "sm",
     wrapperProps: _objectSpread({
       size: '36px',
@@ -61,18 +64,13 @@ var Attachment = function Attachment(props) {
       minWidth: '36px',
       p: '9px'
     }, iconWrapperProps)
-  }), ___EmotionJSX(Box, {
+  }, iconProps)), ___EmotionJSX(Box, {
     sx: {
       ml: 'md'
     }
   }, ___EmotionJSX(Text, {
     as: "h5",
-    sx: {
-      fontWeight: 2,
-      textOverflow: 'ellipsis',
-      whiteSpace: 'nowrap',
-      overflow: 'hidden'
-    }
+    variant: "attachmentTitle"
   }, title), ___EmotionJSX(Text, {
     sx: {
       textOverflow: 'ellipsis'
@@ -94,7 +92,4 @@ var Attachment = function Attachment(props) {
     icon: CloseIcon
   }))));
 };
-Attachment.defaultProps = {
-  icon: PaperOutlineIcon
-};
 export default Attachment;