@pingux/astro 1.42.2 → 2.0.0-alpha.4

package/lib/cjs/recipes/ApplicationSearchDropdown.stories.js

@@ -1,69 +1,38 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
 var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-
 var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
-
 var _filterInstanceProperty2 = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-
 var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-
 var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
-
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports["default"] = exports.Default = void 0;
-
 var _startsWith = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/starts-with"));
-
 var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
-var _overlays = require("@react-aria/overlays");
-
+var _reactAria = require("react-aria");
+var _focus = require("@react-aria/focus");
+var _i18n = require("@react-aria/i18n");
 var _utils = require("@react-aria/utils");
-
-var _SearchIcon = _interopRequireDefault(require("mdi-react/SearchIcon"));
-
 var _EmailIcon = _interopRequireDefault(require("mdi-react/EmailIcon"));
-
 var _PinIcon = _interopRequireDefault(require("mdi-react/PinIcon"));
-
-var _i18n = require("@react-aria/i18n");
-
-var _focus = require("@react-aria/focus");
-
+var _SearchIcon = _interopRequireDefault(require("mdi-react/SearchIcon"));
 var _index = require("../index");
-
 var _react2 = require("@emotion/react");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty2(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; }
-
 var _default = {
   title: 'Recipes/Application Search Dropdown'
 };
@@ -155,75 +124,61 @@ var sx = {
     }
   }
 };
-
 var Default = function Default() {
   var buttonRef = (0, _react.useRef)();
   var popoverRef = (0, _react.useRef)();
-
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      isOpen = _useState2[0],
-      setIsOpen = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    isOpen = _useState2[0],
+    setIsOpen = _useState2[1];
   var focusManager = (0, _focus.createFocusManager)(popoverRef);
-
-  var _useOverlayPosition = (0, _overlays.useOverlayPosition)({
-    targetRef: buttonRef,
-    overlayRef: popoverRef,
-    placement: 'bottom left',
-    isOpen: true
-  }),
-      overlayProps = _useOverlayPosition.overlayProps,
-      placement = _useOverlayPosition.placement,
-      updatePosition = _useOverlayPosition.updatePosition;
-
+  var _useOverlayPosition = (0, _reactAria.useOverlayPosition)({
+      targetRef: buttonRef,
+      overlayRef: popoverRef,
+      placement: 'bottom left',
+      isOpen: true
+    }),
+    overlayProps = _useOverlayPosition.overlayProps,
+    placement = _useOverlayPosition.placement,
+    updatePosition = _useOverlayPosition.updatePosition;
   (0, _utils.useLayoutEffect)(function () {
     requestAnimationFrame(function () {
       updatePosition();
     });
   }, [updatePosition]);
-
   var style = _objectSpread(_objectSpread({}, overlayProps.style), {}, {
     minWidth: '380px',
     maxHeight: '320px',
     // shows 4 options
     '& > div': {}
   });
-
   var _useFilter = (0, _i18n.useFilter)({
-    sensitivity: 'base'
-  }),
-      startsWith = (0, _startsWith["default"])(_useFilter);
-
+      sensitivity: 'base'
+    }),
+    startsWith = (0, _startsWith["default"])(_useFilter);
   var _useState3 = (0, _react.useState)(''),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      filterValue = _useState4[0],
-      setFilterValue = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    filterValue = _useState4[0],
+    setFilterValue = _useState4[1];
   var filteredItems = (0, _react.useMemo)(function () {
     return (0, _filter["default"])(items).call(items, function (item) {
       return startsWith(item.application, filterValue);
     });
   }, [items, filterValue]);
-
   var onKeyDown = function onKeyDown(e) {
     if (e.key === 'ArrowDown') {
       focusManager.focusNext();
     }
   };
-
   var InnerHtml = function InnerHtml(props) {
     var _useState5 = (0, _react.useState)(false),
-        _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-        isPinned = _useState6[0],
-        setIsPinned = _useState6[1];
-
+      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+      isPinned = _useState6[0],
+      setIsPinned = _useState6[1];
     var item = props.item;
-
     var onPinPress = function onPinPress() {
       setIsPinned(!isPinned);
     };
-
     return (0, _react2.jsx)(_index.Box, {
       isRow: true
     }, (0, _react2.jsx)(_index.Icon, {
@@ -261,10 +216,9 @@ var Default = function Default() {
       size: "sm"
     }))));
   };
-
   return (0, _react2.jsx)(_index.Box, {
     isRow: true
-  }, (0, _react2.jsx)(_focus.FocusScope, null, (0, _react2.jsx)(_index.SearchField, {
+  }, (0, _react2.jsx)(_reactAria.FocusScope, null, (0, _react2.jsx)(_index.SearchField, {
     ref: buttonRef,
     icon: _SearchIcon["default"],
     "aria-label": "Search Groups",
@@ -322,5 +276,4 @@ var Default = function Default() {
     }));
   }))));
 };
-
 exports.Default = Default;

package/lib/cjs/recipes/Arrow.stories.js

@@ -1,23 +1,15 @@
 "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["default"] = exports.Default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Box = _interopRequireDefault(require("../components/Box"));
-
 var _colors = require("../styles/colors");
-
 var _react2 = require("@emotion/react");
-
 var _default = {
   title: 'Recipes/Arrow'
 };
@@ -38,7 +30,6 @@ var sx = {
     height: '2px'
   }
 };
-
 var Default = function Default() {
   return (0, _react2.jsx)(_Box["default"], {
     isRow: true,
@@ -49,5 +40,4 @@ var Default = function Default() {
     color: "line.regular"
   }, ArrowIcon));
 };
-
 exports.Default = Default;

package/lib/cjs/recipes/AttributeMappingReadOnlyField.stories.js

@@ -1,27 +1,17 @@
 "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["default"] = exports.WithError = exports.Default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
-var _CreateIcon = _interopRequireDefault(require("mdi-react/CreateIcon"));
-
 var _AlertCircleIcon = _interopRequireDefault(require("mdi-react/AlertCircleIcon"));
-
+var _CreateIcon = _interopRequireDefault(require("mdi-react/CreateIcon"));
 var _uuid = require("uuid");
-
 var _index = require("../index");
-
 var _react2 = require("@emotion/react");
-
 var _default = {
   title: 'Recipes/Attribute Mapping Read Only Field'
 };
@@ -90,13 +80,12 @@ var sx = {
   }
 };
 var helperTextId = (0, _uuid.v4)();
-
 var Row = function Row(props) {
-  var withChip = props.withChip,
-      withTooltip = props.withTooltip,
-      withError = props.withError,
-      leftValue = props.leftValue,
-      rightValue = props.rightValue;
+  var withBadge = props.withBadge,
+    withTooltip = props.withTooltip,
+    withError = props.withError,
+    leftValue = props.leftValue,
+    rightValue = props.rightValue;
   return (0, _react2.jsx)(_index.Box, {
     isRow: true,
     sx: sx.fieldRowWrapper
@@ -135,7 +124,7 @@ var Row = function Row(props) {
         width: '165px'
       }
     }
-  }), withChip && (0, _react2.jsx)(_index.Chip, {
+  }), withBadge && (0, _react2.jsx)(_index.Badge, {
     label: "Required",
     sx: sx.chip
   }), withTooltip && (0, _react2.jsx)(_index.Box, {
@@ -146,7 +135,6 @@ var Row = function Row(props) {
     }
   }, "Population set to default")));
 };
-
 var Title = function Title() {
   return (0, _react2.jsx)(_index.Box, {
     isRow: true,
@@ -162,7 +150,6 @@ var Title = function Title() {
     size: "sm"
   }))));
 };
-
 var Default = function Default() {
   return (0, _react2.jsx)(_index.Box, null, (0, _react2.jsx)(Title, null), (0, _react2.jsx)(_index.Box, {
     sx: sx.defaultFieldsWrapperBox
@@ -180,7 +167,7 @@ var Default = function Default() {
   }, (0, _react2.jsx)(_index.Text, {
     sx: sx.fieldColumnTitle
   }, "Google Suites"))), (0, _react2.jsx)(_index.Separator, null), (0, _react2.jsx)(Row, {
-    withChip: true,
+    withBadge: true,
     leftValue: "UserId",
     rightValue: "mdorey"
   }), (0, _react2.jsx)(Row, {
@@ -198,9 +185,7 @@ var Default = function Default() {
     rightValue: "password"
   })));
 };
-
 exports.Default = Default;
-
 var WithError = function WithError() {
   var withError = true;
   var withErrorSx = {
@@ -244,7 +229,7 @@ var WithError = function WithError() {
   }, (0, _react2.jsx)(_index.Text, {
     sx: sx.fieldColumnTitle
   }, "Google Suites"))), (0, _react2.jsx)(_index.Separator, null), (0, _react2.jsx)(Row, {
-    withChip: true,
+    withBadge: true,
     leftValue: "UserId",
     rightValue: "mdorey"
   }), (0, _react2.jsx)(Row, {
@@ -257,5 +242,4 @@ var WithError = function WithError() {
     rightValue: "lastName"
   })));
 };
-
 exports.WithError = WithError;

package/lib/cjs/recipes/AttributesAndPingOneMapping.stories.js

@@ -1,47 +1,27 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports["default"] = exports.Default = void 0;
-
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
 var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
-
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
+var _AddIcon = _interopRequireDefault(require("mdi-react/AddIcon"));
 var _CogsIcon = _interopRequireDefault(require("mdi-react/CogsIcon"));
-
 var _DeleteIcon = _interopRequireDefault(require("mdi-react/DeleteIcon"));
-
-var _AddIcon = _interopRequireDefault(require("mdi-react/AddIcon"));
-
 var _index = require("../index");
-
 var _react2 = require("@emotion/react");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var items = [{
   name: 'Aardvark',
   id: '1'
@@ -88,28 +68,25 @@ var sx = {
 };
 var Row = /*#__PURE__*/(0, _react.memo)(function (props) {
   var isDisabled = props.isDisabled,
-      isNewRow = props.isNewRow,
-      index = props.index,
-      textValue = props.textValue,
-      inputValue = props.inputValue,
-      updateRow = props.updateRow,
-      removeRow = props.removeRow,
-      areRowsValid = props.areRowsValid,
-      isSubmitted = props.isSubmitted,
-      submitFields = props.submitFields;
+    isNewRow = props.isNewRow,
+    index = props.index,
+    textValue = props.textValue,
+    inputValue = props.inputValue,
+    updateRow = props.updateRow,
+    removeRow = props.removeRow,
+    areRowsValid = props.areRowsValid,
+    isSubmitted = props.isSubmitted,
+    submitFields = props.submitFields;
   var rowRef = (0, _react.useRef)();
   var textFieldRef = (0, _react.useRef)();
-
   var setTextValue = function setTextValue(value) {
     updateRow(index, value, 'textValue');
     submitFields(false);
   };
-
   var setInputValue = function setInputValue(value) {
     updateRow(index, value, 'inputValue');
     submitFields(false);
   };
-
   (0, _react.useEffect)(function () {
     if (isNewRow) {
       textFieldRef.current.focus();
@@ -209,7 +186,6 @@ var Row = /*#__PURE__*/(0, _react.memo)(function (props) {
     size: "sm"
   })))));
 });
-
 var Default = function Default() {
   var defaultRows = [{
     isDisabled: false,
@@ -222,20 +198,16 @@ var Default = function Default() {
     inputValue: '',
     name: 'second default'
   }];
-
   var _useState = (0, _react.useState)(defaultRows),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      rows = _useState2[0],
-      setRows = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    rows = _useState2[0],
+    setRows = _useState2[1];
   var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      isSubmitted = _useState4[0],
-      submitFields = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    isSubmitted = _useState4[0],
+    submitFields = _useState4[1];
   var addRow = function addRow() {
     var _context;
-
     var newRow = {
       isDisabled: false,
       isNewRow: true,
@@ -245,31 +217,25 @@ var Default = function Default() {
     };
     setRows((0, _concat["default"])(_context = []).call(_context, rows, [newRow]));
   };
-
   var removeRow = function removeRow(rowIndex) {
     var _context2;
-
     var newArray = (0, _filter["default"])(rows).call(rows, function (row, index) {
       return rowIndex !== index;
     });
     setRows((0, _concat["default"])(_context2 = []).call(_context2, newArray));
   };
-
   var updateRow = function updateRow(rowIndex, value, attribute) {
     var _context3;
-
     var newArray = (0, _map["default"])(rows).call(rows, function (row, index) {
       if (rowIndex === index) {
         var thisRow = rows[index];
         thisRow[attribute] = value;
         return thisRow;
       }
-
       return row;
     });
     setRows((0, _concat["default"])(_context3 = []).call(_context3, newArray));
   };
-
   return (0, _react2.jsx)(_index.Box, {
     maxWidth: "740px"
   }, (0, _react2.jsx)(_index.Box, {
@@ -319,5 +285,4 @@ var Default = function Default() {
     }));
   })))));
 };
-
 exports.Default = Default;

package/lib/cjs/recipes/CollapsiblePanel.stories.js

@@ -1,75 +1,42 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
 var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-
 var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
-
 var _filterInstanceProperty2 = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-
 var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-
 var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
-
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports["default"] = exports.Default = void 0;
-
 var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
-
 var _sort = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/sort"));
-
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
 var _some = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/some"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _i18n = require("@react-aria/i18n");
-
-var _AccountIcon = _interopRequireDefault(require("mdi-react/AccountIcon"));
-
 var _AccountGroupIcon = _interopRequireDefault(require("mdi-react/AccountGroupIcon"));
-
+var _AccountIcon = _interopRequireDefault(require("mdi-react/AccountIcon"));
 var _CheckIcon = _interopRequireDefault(require("mdi-react/CheckIcon"));
-
-var _CloseIcon = _interopRequireDefault(require("mdi-react/CloseIcon"));
-
 var _ChevronRightIcon = _interopRequireDefault(require("mdi-react/ChevronRightIcon"));
-
+var _CloseIcon = _interopRequireDefault(require("mdi-react/CloseIcon"));
 var _SearchIcon = _interopRequireDefault(require("mdi-react/SearchIcon"));
-
 var _ = require("..");
-
 var _react2 = require("@emotion/react");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty2(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 _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var _default = {
-  title: 'Recipes/Collapsible Panel with List'
+  title: 'Recipes/CollapsiblePanel with List'
 };
 exports["default"] = _default;
 var data = [{
@@ -165,25 +132,20 @@ var sx = {
     overflow: 'hidden'
   }
 };
-
 var Default = function Default() {
   var _useState = (0, _react.useState)(data),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      items = _useState2[0],
-      setItems = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    items = _useState2[0],
+    setItems = _useState2[1];
   var _useState3 = (0, _react.useState)(''),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      searchValue = _useState4[0],
-      setSearchValue = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    searchValue = _useState4[0],
+    setSearchValue = _useState4[1];
   var checkBoxRef = (0, _react.useRef)(null);
-
   var _useFilter = (0, _i18n.useFilter)({
-    sensitivity: 'base'
-  }),
-      contains = _useFilter.contains;
-
+      sensitivity: 'base'
+    }),
+    contains = _useFilter.contains;
   var filteredItems = (0, _react.useMemo)(function () {
     return (0, _filter["default"])(items).call(items, function (item) {
       return contains(item.name, searchValue);
@@ -191,15 +153,14 @@ var Default = function Default() {
   }, [items, searchValue]);
   var selectedItems = (0, _react.useMemo)(function () {
     var _context;
-
     return (0, _sort["default"])(_context = (0, _filter["default"])(items).call(items, function (item) {
       return item.isDefaultSelected || item.isSelected;
-    }) // sort elements to display "default selected" at first place
+    })
+    // sort elements to display "default selected" at first place
     ).call(_context, function (a, b) {
       return Number(!!b.isDefaultSelected) - Number(!!a.isDefaultSelected);
     });
   }, [items]);
-
   var changeSelection = function changeSelection(key) {
     setItems(function (prevItems) {
       return (0, _map["default"])(prevItems).call(prevItems, function (el) {
@@ -208,12 +169,10 @@ var Default = function Default() {
             isSelected: !el.isSelected
           });
         }
-
         return el;
       });
     });
   };
-
   return (0, _react2.jsx)(_.Box, null, (0, _react2.jsx)(_.Box, {
     sx: {
       minHeight: '60px'
@@ -246,7 +205,7 @@ var Default = function Default() {
     "data-id": "home"
   }, "Ed Nepomuceno"), (0, _react2.jsx)(_.Item, {
     key: "editGroups",
-    variant: "neutralText",
+    variant: "link",
     "data-id": "editGroups"
   }, "Edit Groups"))), (0, _react2.jsx)(_.Box, {
     isRow: true
@@ -301,7 +260,7 @@ var Default = function Default() {
       variant: "listTitle",
       mb: "xs",
       mr: "xs"
-    }, item.name), (0, _react2.jsx)(_.Chip, {
+    }, item.name), (0, _react2.jsx)(_.Badge, {
       label: item.chipValue,
       bg: "accent.99",
       textColor: "text.secondary",
@@ -359,5 +318,4 @@ var Default = function Default() {
     }));
   }))));
 };
-
 exports.Default = Default;