@pingux/astro 1.1.1-alpha.5 → 1.2.0-alpha.3

package/lib/cjs/components/Messages/Messages.test.js

@@ -26,7 +26,7 @@ var _testAxe = _interopRequireDefault(require("../../utils/testUtils/testAxe"));
 
 var _testWrapper = require("../../utils/testUtils/testWrapper");
 
-var _ = _interopRequireDefault(require("."));
+var _ = _interopRequireWildcard(require("."));
 
 var _Button = _interopRequireDefault(require("../Button"));
 
@@ -211,4 +211,18 @@ describe('announcements', function () {
     expect(messages.childElementCount).toBe(1);
     expect(_liveAnnouncer.announce).toHaveBeenCalledWith('New message 1', 'polite');
   });
+});
+test('should render messages with messagesReducerStory', function () {
+  getComponent();
+
+  _.messagesReducerStory.actions.showSuccessMessage();
+
+  expect(_testWrapper.screen.getByTestId(testId)).toBeInTheDocument();
+});
+test('should render messages with multiMessagesReducerStory', function () {
+  getComponent();
+
+  _.multiMessagesReducerStory.actions.showSuccessMessage();
+
+  expect(_testWrapper.screen.getByTestId(testId)).toBeInTheDocument();
 });

package/lib/cjs/components/Messages/index.js

@@ -14,7 +14,10 @@ _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _exportNames = {};
+var _exportNames = {
+  messagesReducerStory: true,
+  multiMessagesReducerStory: true
+};
 
 _Object$defineProperty(exports, "default", {
   enumerable: true,
@@ -23,6 +26,20 @@ _Object$defineProperty(exports, "default", {
   }
 });
 
+_Object$defineProperty(exports, "messagesReducerStory", {
+  enumerable: true,
+  get: function get() {
+    return _Messages2.messagesReducer;
+  }
+});
+
+_Object$defineProperty(exports, "multiMessagesReducerStory", {
+  enumerable: true,
+  get: function get() {
+    return _Messages2.multiMessagesReducer;
+  }
+});
+
 var _Messages = _interopRequireDefault(require("./Messages"));
 
 var _utils = require("./utils");
@@ -37,4 +54,6 @@ _forEachInstanceProperty(_context = _Object$keys(_utils)).call(_context, functio
       return _utils[key];
     }
   });
-});
+});
+
+var _Messages2 = require("./Messages.reducer");

package/lib/cjs/components/TextField/TextField.stories.js

@@ -10,7 +10,7 @@ _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 
-exports.MaxLength = exports.WithoutStatusIndicator = exports.WithHelpHint = exports.Warning = exports.Success = exports.Error = exports.DynamicRequired = exports.Required = exports.ReadOnly = exports.Disabled = exports.Password = exports.Controlled = exports.LeftLabel = exports.FloatLabel = exports.SmallVariant = exports.Default = exports["default"] = void 0;
+exports.WithSlots = exports.MaxLength = exports.WithoutStatusIndicator = exports.WithHelpHint = exports.Warning = exports.Success = exports.Error = exports.DynamicRequired = exports.Required = exports.ReadOnly = exports.Disabled = exports.Password = exports.Controlled = exports.LeftLabel = exports.FloatLabel = exports.SmallVariant = exports.Default = exports["default"] = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
 
@@ -32,6 +32,10 @@ var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/s
 
 var _Box = _interopRequireDefault(require("../Box"));
 
+var _useCopyToClipboard = _interopRequireDefault(require("../../hooks/useCopyToClipboard"));
+
+var _CopyButton = _interopRequireDefault(require("../CopyText/CopyButton"));
+
 var _react2 = require("@emotion/react");
 
 var _default = {
@@ -259,4 +263,77 @@ var MaxLength = function MaxLength() {
   });
 };
 
-exports.MaxLength = MaxLength;
+exports.MaxLength = MaxLength;
+
+var WithSlots = function WithSlots() {
+  var _useState5 = (0, _react.useState)("[{ 'type': 'work', 'streetAddress': 'San Antonio MI 47096' },{ 'type': 'home', 'streetAddress': 'Santa Rosa MN 98804' }]"),
+      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+      addressesValue = _useState6[0],
+      setAddressesValue = _useState6[1];
+
+  var _useState7 = (0, _react.useState)("[{ 'status': 'inactive', 'subject': 'example@pingidentity.com' },{ 'status': 'active', 'subject': 'john@pingidentity.com' }]"),
+      _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+      jsonValue = _useState8[0],
+      setJsonValue = _useState8[1];
+
+  var copyAddressesToClipboard = (0, _useCopyToClipboard["default"])(addressesValue);
+  var copyJsonToClipboard = (0, _useCopyToClipboard["default"])(jsonValue);
+  var buttonSx = {
+    position: 'absolute',
+    right: 0,
+    top: '5px'
+  };
+  var containerSx = {
+    sx: {
+      '& input': {
+        paddingRight: '40px'
+      }
+    }
+  };
+  return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_["default"], {
+    label: "Multiple Addresses",
+    labelMode: "float",
+    onChange: function onChange(e) {
+      return setAddressesValue(e.target.value);
+    },
+    value: addressesValue,
+    containerProps: containerSx,
+    slots: {
+      inContainer: (0, _react2.jsx)(_CopyButton["default"], {
+        onPress: copyAddressesToClipboard,
+        sx: buttonSx,
+        iconProps: {
+          sx: {
+            path: {
+              fill: 'active'
+            }
+          }
+        }
+      })
+    },
+    mb: 30
+  }), (0, _react2.jsx)(_["default"], {
+    label: "Example JSON",
+    labelMode: "float",
+    onChange: function onChange(e) {
+      return setJsonValue(e.target.value);
+    },
+    value: jsonValue,
+    containerProps: containerSx,
+    slots: {
+      inContainer: (0, _react2.jsx)(_CopyButton["default"], {
+        onPress: copyJsonToClipboard,
+        sx: buttonSx,
+        iconProps: {
+          sx: {
+            path: {
+              fill: 'active'
+            }
+          }
+        }
+      })
+    }
+  }));
+};
+
+exports.WithSlots = WithSlots;

package/lib/cjs/index.js

@@ -34,6 +34,7 @@ var _exportNames = {
   ComboBoxField: true,
   CopyText: true,
   ColorField: true,
+  EnvironmentBreadcrumb: true,
   FieldHelperText: true,
   FileInputField: true,
   HelpHint: true,
@@ -214,6 +215,13 @@ _Object$defineProperty(exports, "ColorField", {
   }
 });
 
+_Object$defineProperty(exports, "EnvironmentBreadcrumb", {
+  enumerable: true,
+  get: function get() {
+    return _EnvironmentBreadcrumb["default"];
+  }
+});
+
 _Object$defineProperty(exports, "FieldHelperText", {
   enumerable: true,
   get: function get() {
@@ -817,6 +825,8 @@ var _CopyText = _interopRequireDefault(require("./components/CopyText"));
 
 var _ColorField = _interopRequireDefault(require("./components/ColorField"));
 
+var _EnvironmentBreadcrumb = _interopRequireDefault(require("./components/EnvironmentBreadcrumb"));
+
 var _FieldHelperText = _interopRequireWildcard(require("./components/FieldHelperText"));
 
 _forEachInstanceProperty(_context14 = _Object$keys(_FieldHelperText)).call(_context14, function (key) {

package/lib/cjs/styles/variants/boxes.js

@@ -274,6 +274,18 @@ var datePicker = {
     }
   }
 };
+
+var environmentChip = _objectSpread(_objectSpread({}, chip), {}, {
+  alignSelf: 'center',
+  height: '17px',
+  minWidth: 'fit-content',
+  ml: 8,
+  '& span': {
+    fontSize: 'xs',
+    lineHeight: 1
+  }
+});
+
 var fileInputFieldWrapper = {
   display: 'flex',
   border: '1px dashed',
@@ -302,6 +314,7 @@ var _default = {
   chip: chip,
   copy: copy,
   datePicker: datePicker,
+  environmentChip: environmentChip,
   expandableRow: expandableRow,
   inputInContainerSlot: inputInContainerSlot,
   fileInputFieldWrapper: fileInputFieldWrapper,

package/lib/cjs/styles/variants/buttons.js

@@ -485,6 +485,28 @@ var expandableRow = {
     }
   }
 };
+var environmentBreadcrumb = {
+  current: _objectSpread(_objectSpread({}, text), {}, {
+    color: 'neutral.30',
+    fontSize: 'md',
+    fontWeight: 1,
+    '&.is-hovered, &.is-focused': {
+      color: 'active',
+      textDecoration: 'none',
+      boxShadow: 'none'
+    },
+    '&.is-pressed': {
+      color: 'accent.20',
+      textDecoration: 'none'
+    }
+  }),
+  selectItem: _objectSpread(_objectSpread({}, text), {}, {
+    color: 'neutral.10',
+    fontSize: 'md',
+    fontWeight: 0,
+    justifyContent: 'start'
+  })
+};
 var fileInputField = {
   background: 'none',
   cursor: 'pointer',
@@ -551,6 +573,7 @@ var _default = {
     '&.is-pressed': _objectSpread({}, defaultActive),
     '&.is-focused': _objectSpread({}, defaultFocus)
   }),
+  environmentBreadcrumb: environmentBreadcrumb,
   expandableRow: expandableRow,
   fileInputField: fileInputField,
   iconButton: iconButton,

package/lib/cjs/styles/variants/text.js

@@ -139,6 +139,14 @@ var expandableRow = {
     }
   }
 };
+
+var environmentBreadcrumb = _objectSpread(_objectSpread({}, base), {}, {
+  fontSize: 'sm',
+  fontWeight: 3,
+  color: 'secondary',
+  textTransform: 'capitalize'
+});
+
 var navBarSubtitle = {
   fontWeight: 3,
   fontSize: '11px',
@@ -175,6 +183,7 @@ var text = {
     textTransform: 'uppercase',
     fontFamily: 'standard'
   }),
+  environmentBreadcrumb: environmentBreadcrumb,
   fieldHelperText: fieldHelperText,
   inputValue: {
     fontWeight: 1,

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

@@ -0,0 +1,11 @@
+"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 _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'];
+exports["default"] = _default;

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

@@ -0,0 +1,11 @@
+"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 _default = ['Michael', 'Christopher', 'Jessica', 'Matthew', 'Ashley', 'Jennifer', 'Joshua', 'Amanda', 'Daniel', 'David', 'James', 'Robert', 'John', 'Joseph', 'Andrew', 'Ryan', 'Brandon', 'Jason', 'Justin', 'Sarah', 'William', 'Jonathan', 'Stephanie', 'Brian', 'Nicole', 'Nicholas', 'Anthony', 'Heather', 'Eric', 'Elizabeth', 'Adam', 'Megan', 'Melissa', 'Kevin', 'Steven', 'Thomas', 'Timothy', 'Christina', 'Kyle', 'Rachel', 'Laura', 'Lauren', 'Amber', 'Brittany', 'Danielle', 'Richard', 'Kimberly', 'Jeffrey', 'Amy', 'Crystal', 'Michelle', 'Tiffany', 'Jeremy', 'Benjamin', 'Mark', 'Emily', 'Aaron', 'Charles', 'Rebecca', 'Jacob', 'Stephen', 'Patrick', 'Sean', 'Erin', 'Zachary', 'Jamie', 'Kelly', 'Samantha', 'Nathan', 'Sara', 'Dustin', 'Paul', 'Angela', 'Tyler', 'Scott', 'Katherine', 'Andrea', 'Gregory', 'Erica', 'Mary', 'Travis', 'Lisa', 'Kenneth', 'Bryan', 'Lindsey', 'Kristen', 'Jose', 'Alexander', 'Jesse', 'Katie', 'Lindsay', 'Shannon', 'Vanessa', 'Courtney', 'Christine', 'Alicia', 'Cody', 'Allison', 'Bradley', 'Samuel'];
+exports["default"] = _default;

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

@@ -0,0 +1,96 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _Object$defineProperty2 = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty2(exports, "__esModule", {
+  value: true
+});
+
+exports["default"] = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-property"));
+
+var _defineProperties = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-properties"));
+
+var _getOwnPropertyDescriptors = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors"));
+
+var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
+
+var _getOwnPropertyDescriptor = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor"));
+
+var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
+
+var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
+
+var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
+
+var _fill = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/fill"));
+
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+
+var _reduce = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/reduce"));
+
+var _defineProperty3 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+
+var _entries = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/entries"));
+
+var _uuid = require("uuid");
+
+var _animals = _interopRequireDefault(require("./constants/animals"));
+
+var _firstNames = _interopRequireDefault(require("./constants/firstNames"));
+
+function ownKeys(object, enumerableOnly) { var keys = (0, _keys["default"])(object); if (_getOwnPropertySymbols["default"]) { var symbols = (0, _getOwnPropertySymbols["default"])(object); if (enumerableOnly) symbols = (0, _filter["default"])(symbols).call(symbols, function (sym) { return (0, _getOwnPropertyDescriptor["default"])(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context3; (0, _forEach["default"])(_context3 = ownKeys(Object(source), true)).call(_context3, function (key) { (0, _defineProperty3["default"])(target, key, source[key]); }); } else if (_getOwnPropertyDescriptors["default"]) { (0, _defineProperties["default"])(target, (0, _getOwnPropertyDescriptors["default"])(source)); } else { var _context4; (0, _forEach["default"])(_context4 = ownKeys(Object(source))).call(_context4, function (key) { (0, _defineProperty2["default"])(target, key, (0, _getOwnPropertyDescriptor["default"])(source, key)); }); } } return target; }
+
+function createMockData(length, objectScheme) {
+  var mockDataBase = {
+    animal: _animals["default"],
+    firstName: _firstNames["default"]
+  };
+  var itemsNumber = {
+    animal: 0,
+    firstName: 0
+  };
+
+  var getPropValue = function getPropValue(valueType) {
+    if (valueType === 'id') {
+      return (0, _uuid.v4)();
+    }
+
+    var valueNumber = itemsNumber[valueType];
+    var propValue = mockDataBase[valueType][valueNumber];
+    itemsNumber[valueType] += 1;
+    return propValue;
+  };
+
+  var generateObject = function generateObject() {
+    var entries = (0, _entries["default"])(objectScheme);
+
+    var reducer = function reducer(previousValue, currentValue) {
+      var fieldName = currentValue[0];
+      var fieldValue = getPropValue(currentValue[1]);
+      return _objectSpread(_objectSpread({}, previousValue), {}, (0, _defineProperty3["default"])({}, fieldName, fieldValue));
+    };
+
+    return (0, _reduce["default"])(entries).call(entries, reducer, {});
+  };
+
+  var generateDataArr = function generateDataArr() {
+    var _context, _context2;
+
+    return (0, _map["default"])(_context = (0, _fill["default"])(_context2 = Array(length)).call(_context2, undefined)).call(_context, function () {
+      return generateObject();
+    });
+  };
+
+  return generateDataArr();
+}
+
+var _default = createMockData; // usage(delete this comment as soon as we used this function in a few stories so we have examples):
+// const mockData = createMockData(100, { name: 'animal', id: 'id' });
+
+exports["default"] = _default;

package/lib/components/Breadcrumbs/BreadcrumbItem.js

@@ -14,7 +14,7 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source), true)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context3; _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-import React, { forwardRef, useCallback, useImperativeHandle, useMemo, useRef } from 'react';
+import React, { forwardRef, Fragment, useCallback, useImperativeHandle, useMemo, useRef } from 'react';
 import { useBreadcrumbItem } from '@react-aria/breadcrumbs';
 import PropTypes from 'prop-types';
 import { mergeProps } from '@react-aria/utils';
@@ -54,6 +54,9 @@ var BreadcrumbItem = /*#__PURE__*/forwardRef(function (props, ref) {
       case 'Text':
         return Text;
 
+      case 'Fragment':
+        return Fragment;
+
       default:
         return elementType;
     }

package/lib/components/Breadcrumbs/Breadcrumbs.js

@@ -1,7 +1,9 @@
-import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
+import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
-import React, { forwardRef, useRef, useImperativeHandle, Fragment } from 'react';
+import React, { forwardRef, useRef, useImperativeHandle, Fragment, useCallback } from 'react';
 import { useBreadcrumbs } from '@react-aria/breadcrumbs';
 import PropTypes from 'prop-types';
 import { mergeProps } from '@react-aria/utils';
@@ -21,7 +23,12 @@ var Breadcrumbs = /*#__PURE__*/forwardRef(function (props, ref) {
       icon = props.icon,
       iconProps = props.iconProps,
       onAction = props.onAction,
-      others = _objectWithoutProperties(props, ["children", "icon", "iconProps", "onAction"]);
+      others = _objectWithoutProperties(props, ["children", "icon", "iconProps", "onAction"]); // the following filters undefined values passed as a child
+
+
+  var filteredChildren = _Array$isArray(children) ? _filterInstanceProperty(children).call(children, function (child) {
+    return child;
+  }) : children;
 
   var _useBreadcrumbs = useBreadcrumbs(props),
       wrapperProps = _useBreadcrumbs.navProps;
@@ -33,26 +40,28 @@ var Breadcrumbs = /*#__PURE__*/forwardRef(function (props, ref) {
   useImperativeHandle(ref, function () {
     return breadcrumbsRef.current;
   });
-  return ___EmotionJSX(Box, _extends({
-    ref: breadcrumbsRef,
-    display: "flex",
-    flexDirection: "row",
-    alignItems: "center",
-    sx: {
-      overflow: 'auto'
-    }
-  }, mergeProps(wrapperProps, others)), _mapInstanceProperty(children).call(children, function (child, idx) {
+  var createBreadcrumb = useCallback(function (child, idx) {
+    var isCurrentItem = _Array$isArray(filteredChildren) && filteredChildren.length > 1 ? idx === children.length - 1 : true;
     return ___EmotionJSX(Fragment, {
       key: "fragment-".concat(child.key)
     }, ___EmotionJSX(BreadcrumbItem, _extends({
       "data-id": child['data-id'],
-      isCurrent: idx === children.length - 1,
+      isCurrent: isCurrentItem,
       onAction: onAction,
       actionKey: child.key
-    }, child.props), child.props.children), icon && idx !== children.length - 1 && ___EmotionJSX(Icon, _extends({
+    }, child.props), child.props.children), icon && !isCurrentItem && ___EmotionJSX(Icon, _extends({
       icon: icon
     }, iconProps)));
-  }));
+  }, [children.length, filteredChildren, icon, iconProps, onAction]);
+  return ___EmotionJSX(Box, _extends({
+    ref: breadcrumbsRef,
+    display: "flex",
+    flexDirection: "row",
+    alignItems: "center",
+    sx: {
+      overflow: 'auto'
+    }
+  }, mergeProps(wrapperProps, others)), _Array$isArray(filteredChildren) ? _mapInstanceProperty(filteredChildren).call(filteredChildren, createBreadcrumb) : createBreadcrumb(children));
 });
 Breadcrumbs.propTypes = {
   /** The icon to render in between each node. */

package/lib/components/Breadcrumbs/Breadcrumbs.test.js

@@ -89,4 +89,13 @@ test('Item accepts a data-id and the data-id can be found in the DOM', function
   var item = screen.getByText(testItemsArr[0]);
   expect(item).toBeInTheDocument();
   expect(item).toHaveAttribute('data-id', testItemsArr[0]);
+});
+test('will render correctly with single child item', function () {
+  render(___EmotionJSX(Breadcrumbs, mergeProps(defaultProps), ___EmotionJSX(Item, {
+    key: testItemsArr[0],
+    "data-id": testItemsArr[0],
+    isCurrent: true
+  }, testItemsArr[0])));
+  expect(screen.getByTestId(testId)).toBeInTheDocument();
+  expect(screen.getByText(testItemsArr[0])).toBeInTheDocument();
 });

package/lib/components/CopyText/CopyButton.js

@@ -1,6 +1,8 @@
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import React, { forwardRef } from 'react';
 import ContentCopy from 'mdi-react/ContentCopyIcon';
+import { omit } from 'lodash';
+import PropTypes from 'prop-types';
 import Icon from '../Icon';
 import IconButton from '../IconButton';
 import { jsx as ___EmotionJSX } from "@emotion/react";
@@ -9,9 +11,12 @@ var CopyButton = /*#__PURE__*/forwardRef(function (props, ref) {
     ref: ref,
     "aria-label": "copy",
     variant: "buttons.copy"
-  }, props), ___EmotionJSX(Icon, {
+  }, omit(props, 'iconProps')), ___EmotionJSX(Icon, _extends({
     icon: ContentCopy,
     size: 15
-  }));
+  }, props === null || props === void 0 ? void 0 : props.iconProps)));
 });
+CopyButton.propTypes = {
+  iconProps: PropTypes.shape({})
+};
 export default CopyButton;