glints-aries 4.0.152 → 4.0.155

package/es/Display/Gallery/Gallery.js

@@ -41,6 +41,14 @@ var Gallery = function Gallery(_ref) {
     return setCurrentIndex(index - 1);
   };
 
+  var hasImage = React.Children.toArray(children).some(function (child) {
+    return /*#__PURE__*/React.isValidElement(child) && child.type === 'img';
+  });
+
+  if (!hasImage) {
+    console.error('Only img components allowed as children.');
+  }
+
   React.useEffect(function componentDidMount() {
     if (React.Children.count(children) > imagesDisplayed) setImageLeft(React.Children.count(children) - imagesDisplayed); // Disabling this warning because we want to preserver some legacy
     // behaviour here.
@@ -61,8 +69,7 @@ var Gallery = function Gallery(_ref) {
       onClick: function onClick() {
         return handleClick(index);
       }
-    }, /*#__PURE__*/React.createElement("img", {
-      src: data.props.src,
+    }, /*#__PURE__*/React.cloneElement(data, {
       alt: index.toString(10)
     }));
   })), /*#__PURE__*/React.createElement(Modal, {
@@ -82,9 +89,7 @@ var Gallery = function Gallery(_ref) {
     }, /*#__PURE__*/React.createElement(GalleryImageWrapper, {
       role: "banner",
       tabIndex: 0
-    }, /*#__PURE__*/React.createElement("img", {
-      src: data.props.src,
-      key: data.props.src + "_" + index,
+    }, /*#__PURE__*/React.cloneElement(data, {
       alt: index.toString(10)
     })));
   })), /*#__PURE__*/React.createElement(GalleryThumbnailWrapper, null, React.Children.map(children, function (data, index) {
@@ -93,11 +98,10 @@ var Gallery = function Gallery(_ref) {
       onClick: function onClick() {
         return handleClickThumbs(index);
       }
-    }, /*#__PURE__*/React.createElement("img", {
-      "data-testid": "gallery_thumbnail",
-      src: data.props.src,
-      alt: index.toString(10),
-      className: index === currentIndex ? 'active' : null
+    }, /*#__PURE__*/React.cloneElement(data, {
+      className: index === currentIndex ? 'active' : null,
+      'data-testid': 'gallery_thumbnail',
+      alt: index.toString(10)
     }));
   }))));
 };

package/es/Display/Gallery/GalleryStyle.js

@@ -21,7 +21,7 @@ export var GalleryItem = styled.div.withConfig({
 export var GalleryImageWrapper = styled.div.withConfig({
   displayName: "GalleryStyle__GalleryImageWrapper",
   componentId: "sc-mrr504-3"
-})(["position:relative;display:flex;justify-content:center;align-items:center;img{height:50vh;width:auto;object-fit:contain;}"]);
+})(["position:relative;display:flex;justify-content:center;align-items:center;img{height:50vh;width:100%;object-fit:contain;}"]);
 export var GalleryThumbnailWrapper = styled.div.withConfig({
   displayName: "GalleryStyle__GalleryThumbnailWrapper",
   componentId: "sc-mrr504-4"

package/es/index.d.ts

@@ -11,7 +11,7 @@ export { default as Drawer } from './Navigation/Drawer';
 export { default as Dropdown } from './Navigation/Dropdown';
 export { default as Gallery } from './Display/Gallery';
 export { Box } from './Layout/Box';
-export { ResponsiveSpacing } from './Layout/Box/types';
+export type { ResponsiveSpacing } from './Layout/Box/types';
 export { Flex } from './Layout/Flex';
 export { default as Grid } from './Layout/Grid';
 export { default as Heading } from './General/Heading';

package/es/index.js

@@ -14,7 +14,6 @@ export { default as Drawer } from './Navigation/Drawer';
 export { default as Dropdown } from './Navigation/Dropdown';
 export { default as Gallery } from './Display/Gallery';
 export { Box } from './Layout/Box';
-export { ResponsiveSpacing } from './Layout/Box/types';
 export { Flex } from './Layout/Flex';
 export { default as Grid } from './Layout/Grid';
 export { default as Heading } from './General/Heading';

package/lib/Display/Gallery/Gallery.js

@@ -55,6 +55,14 @@ var Gallery = function Gallery(_ref) {
     return setCurrentIndex(index - 1);
   };
 
+  var hasImage = React.Children.toArray(children).some(function (child) {
+    return /*#__PURE__*/React.isValidElement(child) && child.type === 'img';
+  });
+
+  if (!hasImage) {
+    console.error('Only img components allowed as children.');
+  }
+
   React.useEffect(function componentDidMount() {
     if (React.Children.count(children) > imagesDisplayed) setImageLeft(React.Children.count(children) - imagesDisplayed); // Disabling this warning because we want to preserver some legacy
     // behaviour here.
@@ -75,8 +83,7 @@ var Gallery = function Gallery(_ref) {
       onClick: function onClick() {
         return handleClick(index);
       }
-    }, /*#__PURE__*/React.createElement("img", {
-      src: data.props.src,
+    }, /*#__PURE__*/React.cloneElement(data, {
       alt: index.toString(10)
     }));
   })), /*#__PURE__*/React.createElement(_Modal["default"], {
@@ -96,9 +103,7 @@ var Gallery = function Gallery(_ref) {
     }, /*#__PURE__*/React.createElement(_GalleryStyle.GalleryImageWrapper, {
       role: "banner",
       tabIndex: 0
-    }, /*#__PURE__*/React.createElement("img", {
-      src: data.props.src,
-      key: data.props.src + "_" + index,
+    }, /*#__PURE__*/React.cloneElement(data, {
       alt: index.toString(10)
     })));
   })), /*#__PURE__*/React.createElement(_GalleryStyle.GalleryThumbnailWrapper, null, React.Children.map(children, function (data, index) {
@@ -107,11 +112,10 @@ var Gallery = function Gallery(_ref) {
       onClick: function onClick() {
         return handleClickThumbs(index);
       }
-    }, /*#__PURE__*/React.createElement("img", {
-      "data-testid": "gallery_thumbnail",
-      src: data.props.src,
-      alt: index.toString(10),
-      className: index === currentIndex ? 'active' : null
+    }, /*#__PURE__*/React.cloneElement(data, {
+      className: index === currentIndex ? 'active' : null,
+      'data-testid': 'gallery_thumbnail',
+      alt: index.toString(10)
     }));
   }))));
 };

package/lib/Display/Gallery/GalleryStyle.js

@@ -39,7 +39,7 @@ exports.GalleryItem = GalleryItem;
 var GalleryImageWrapper = _styledComponents["default"].div.withConfig({
   displayName: "GalleryStyle__GalleryImageWrapper",
   componentId: "sc-mrr504-3"
-})(["position:relative;display:flex;justify-content:center;align-items:center;img{height:50vh;width:auto;object-fit:contain;}"]);
+})(["position:relative;display:flex;justify-content:center;align-items:center;img{height:50vh;width:100%;object-fit:contain;}"]);
 
 exports.GalleryImageWrapper = GalleryImageWrapper;
 

package/lib/index.d.ts

@@ -11,7 +11,7 @@ export { default as Drawer } from './Navigation/Drawer';
 export { default as Dropdown } from './Navigation/Dropdown';
 export { default as Gallery } from './Display/Gallery';
 export { Box } from './Layout/Box';
-export { ResponsiveSpacing } from './Layout/Box/types';
+export type { ResponsiveSpacing } from './Layout/Box/types';
 export { Flex } from './Layout/Flex';
 export { default as Grid } from './Layout/Grid';
 export { default as Heading } from './General/Heading';

package/lib/index.js

@@ -4,8 +4,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 
 exports.__esModule = true;
 exports.Greyscale = exports.GraduationHatIcon = exports.GlobeIcon = exports.GlintsContainer = exports.GithubIcon = exports.Gallery = exports.FullScreenIcon = exports.FolderIcon = exports.Flex = exports.FlagIcon = exports.FilterIcon = exports.FileSolidIcon = exports.FilePreviewIcon = exports.FileIcon = exports.FileAlternateIcon = exports.FacebookIcon = exports.EyeSolidIcon = exports.EyeSlashedIcon = exports.EyeIcon = exports.ExternalLinkIcon = exports.ExitFullScreenIcon = exports.ExclamationIcon = exports.EditOutlineIcon = exports.EditIcon = exports.Dropdown = exports.Drawer = exports.DragStripesIcon = exports.DragArrowIcon = exports.DownshiftSelectSubComponents = exports.DownshiftSelectItemToString = exports.DownshiftSelectDefaultTransformFunction = exports.DownshiftSelect = exports.DownloadIcon = exports.DoveIcon = exports.DoubleCheckmarkIcon = exports.DotIcon = exports.DocumentCheckIcon = exports.Divider = exports.DiscountSolidIcon = exports.Device = exports.DeleteIcon = exports.CurrencyIcon = exports.CopyOutlinedIcon = exports.CopyLinkIcon = exports.CopyIcon = exports.ConnectionIcon = exports.CompassIcon = exports.CommunityIcon = exports.Collapsible = exports.CodepenIcon = exports.CloudUploadIcon = exports.CloudDownloadIcon = exports.CloseIcon = exports.CloseCircleSolidIcon = exports.ClockIcon = exports.ClipboardIcon = exports.ClipboardCheckOutlineIcon = exports.CircleIcon = exports.CircleAndCheckIcon = exports.CheckmarkThickIcon = exports.CheckmarkSolidIcon = exports.CheckmarkIcon = exports.ChecklistIcon = exports.Checkbox = exports.CameraIcon = exports.CalendarIcon = exports.Button = exports.BulletListIcon = exports.BuildingSolidIcon = exports.BriefcaseSolidIcon = exports.Breadcrumb = exports.Brand = exports.BoxWithHandleSolidIcon = exports.Box = exports.BookmarkRoundedOutlineIcon = exports.BookmarkOutlineIcon = exports.BookmarkIcon = exports.BellIcon = exports.BehanceIcon = exports.Badge = exports.AttachmentIcon = exports.AsteriskSolidIcon = exports.ArrowUpSolidIcon = exports.ArrowUpIcon = exports.ArrowRoundForwardIcon = exports.ArrowRoundBackIcon = exports.ArrowNextSolidIcon = exports.ArrowNextIcon = exports.ArrowNextDoubleIcon = exports.ArrowDownSolidIcon = exports.ArrowDownIcon = exports.ArrowDownCircleOutlineIcon = exports.ArrowBackSolidIcon = exports.ArrowBackIcon = exports.ArrowBackDoubleIcon = exports.Alert = exports.AddIcon = exports.AddCircleSolidIcon = exports.AddCircleOutlineIcon = exports.Accordion = void 0;
-exports.ThumbsUpOutlineIcon = exports.ThumbsUpIcon = exports.Textarea = exports.TextField = exports.TelegramIcon = exports.TaskIcon = exports.TagIcon = exports.Tag = exports.Tabs = exports.Swipeable = exports.StarOutlineIcon = exports.StarIcon = exports.StarCircleIcon = exports.StackIcon = exports.SpinnerIcon = exports.SpeechBubbleOutlineIcon = exports.SpeechBubbleIcon = exports.SpeakerIcon = exports.Slider = exports.ShieldCheckIcon = exports.ShareScreenIcon = exports.ShareOutlineIcon = exports.ShareIcon = exports.ShareArrowOutlineIcon = exports.ShareArrowIcon = exports.Shadow = exports.SettingSolidIcon = exports.SettingIcon = exports.SendIcon = exports.Select = exports.SecondaryColor = exports.SearchIcon = exports.ScreenSize = exports.SaveSolidIcon = exports.SalaryIcon = exports.RssIcon = exports.RotateIcon = exports.ResumeOutlineIcon = exports.ResponsiveSpacing = exports.ReplyIcon = exports.RefreshSolidIcon = exports.RadioButton = exports.QuotationIcon = exports.QuestionOutlineIcon = exports.PuzzleIcon = exports.ProfilePicture = exports.PrimaryColor = exports.PowerIcon = exports.Popover = exports.PointingModal = exports.PhoneNumberInput = exports.PhoneIcon = exports.PdfOutlineIcon = exports.PdfIcon = exports.OnlineIcon = exports.NumberListIcon = exports.NumberInput = exports.NotificationIcon = exports.NameTagIcon = exports.MoreIcon = exports.MoreHorizontalIcon = exports.Modal = exports.MinusIcon = exports.MinusCircleSolidIcon = exports.MinusCircleIcon = exports.MicOffIcon = exports.MicIcon = exports.MessageOutlineIncomingIcon = exports.MessageOutlineIcon = exports.MenuIcon = exports.MenuHalfIcon = exports.MedalIcon = exports.MailSolidIcon = exports.MailIcon = exports.LockSolidIcon = exports.LocationIcon = exports.LoadingIcon = exports.Loading = exports.LinkedinIcon = exports.LineIcon = exports.LightningOutlineIcon = exports.LightbulbIcon = exports.JobSearchIcon = exports.JobOutlineIcon = exports.InstagramIcon = exports.InfoSolidIcon = exports.InfoIcon = exports.ImageIcon = exports.Icon = exports.HourglassIcon = exports.HomeIcon = exports.HelpIcon = exports.HeartSolidIcon = exports.HeartIcon = exports.Heading = exports.HandShakeIcon = exports.HandIcon = exports.GuaranteeIcon = exports.GroupIcon = exports.Grid = void 0;
-exports.defaultEmptyListText = exports.ZaloIcon = exports.YoutubeIcon = exports.WhatsappIcon = exports.WarningSolidIcon = exports.WarningOutlineIcon = exports.WarningIcon = exports.WarningCircleSolidIcon = exports.VimeoIcon = exports.ViewIcon = exports.VideoOffIcon = exports.VideoIcon = exports.UserWrenchIcon = exports.UserIcon = exports.UserCogIcon = exports.UpvoteIcon = exports.UploadIcon = exports.Typography = exports.TwitterIcon = exports.TvPlayIcon = exports.TrashIcon = exports.Tooltip = exports.ToggleSwitch = exports.TieIcon = exports.TicketSolidIcon = void 0;
+exports.TicketSolidIcon = exports.ThumbsUpOutlineIcon = exports.ThumbsUpIcon = exports.Textarea = exports.TextField = exports.TelegramIcon = exports.TaskIcon = exports.TagIcon = exports.Tag = exports.Tabs = exports.Swipeable = exports.StarOutlineIcon = exports.StarIcon = exports.StarCircleIcon = exports.StackIcon = exports.SpinnerIcon = exports.SpeechBubbleOutlineIcon = exports.SpeechBubbleIcon = exports.SpeakerIcon = exports.Slider = exports.ShieldCheckIcon = exports.ShareScreenIcon = exports.ShareOutlineIcon = exports.ShareIcon = exports.ShareArrowOutlineIcon = exports.ShareArrowIcon = exports.Shadow = exports.SettingSolidIcon = exports.SettingIcon = exports.SendIcon = exports.Select = exports.SecondaryColor = exports.SearchIcon = exports.ScreenSize = exports.SaveSolidIcon = exports.SalaryIcon = exports.RssIcon = exports.RotateIcon = exports.ResumeOutlineIcon = exports.ReplyIcon = exports.RefreshSolidIcon = exports.RadioButton = exports.QuotationIcon = exports.QuestionOutlineIcon = exports.PuzzleIcon = exports.ProfilePicture = exports.PrimaryColor = exports.PowerIcon = exports.Popover = exports.PointingModal = exports.PhoneNumberInput = exports.PhoneIcon = exports.PdfOutlineIcon = exports.PdfIcon = exports.OnlineIcon = exports.NumberListIcon = exports.NumberInput = exports.NotificationIcon = exports.NameTagIcon = exports.MoreIcon = exports.MoreHorizontalIcon = exports.Modal = exports.MinusIcon = exports.MinusCircleSolidIcon = exports.MinusCircleIcon = exports.MicOffIcon = exports.MicIcon = exports.MessageOutlineIncomingIcon = exports.MessageOutlineIcon = exports.MenuIcon = exports.MenuHalfIcon = exports.MedalIcon = exports.MailSolidIcon = exports.MailIcon = exports.LockSolidIcon = exports.LocationIcon = exports.LoadingIcon = exports.Loading = exports.LinkedinIcon = exports.LineIcon = exports.LightningOutlineIcon = exports.LightbulbIcon = exports.JobSearchIcon = exports.JobOutlineIcon = exports.InstagramIcon = exports.InfoSolidIcon = exports.InfoIcon = exports.ImageIcon = exports.Icon = exports.HourglassIcon = exports.HomeIcon = exports.HelpIcon = exports.HeartSolidIcon = exports.HeartIcon = exports.Heading = exports.HandShakeIcon = exports.HandIcon = exports.GuaranteeIcon = exports.GroupIcon = exports.Grid = void 0;
+exports.defaultEmptyListText = exports.ZaloIcon = exports.YoutubeIcon = exports.WhatsappIcon = exports.WarningSolidIcon = exports.WarningOutlineIcon = exports.WarningIcon = exports.WarningCircleSolidIcon = exports.VimeoIcon = exports.ViewIcon = exports.VideoOffIcon = exports.VideoIcon = exports.UserWrenchIcon = exports.UserIcon = exports.UserCogIcon = exports.UpvoteIcon = exports.UploadIcon = exports.Typography = exports.TwitterIcon = exports.TvPlayIcon = exports.TrashIcon = exports.Tooltip = exports.ToggleSwitch = exports.TieIcon = void 0;
 
 var _Accordion = _interopRequireDefault(require("./Display/Accordion"));
 
@@ -59,10 +59,6 @@ var _Box = require("./Layout/Box");
 
 exports.Box = _Box.Box;
 
-var _types = require("./Layout/Box/types");
-
-exports.ResponsiveSpacing = _types.ResponsiveSpacing;
-
 var _Flex = require("./Layout/Flex");
 
 exports.Flex = _Flex.Flex;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "glints-aries",
-  "version": "4.0.152",
+  "version": "4.0.155",
   "description": "Glints ui-kit for frontend",
   "main": "./lib/index.js",
   "module": "./es/index.js",