@xqmsg/ui-core 0.27.0 → 0.28.1

package/dist/components/banner/index.d.ts

@@ -6,6 +6,7 @@ export interface BannerProps {
     buttonText?: string;
     onClick?: () => void;
     type?: 'condensed' | 'expanded';
+    centered?: boolean;
 }
 /**
  * A functional React component utilized to render the `Banner` component

package/dist/components/input/InputTypes.d.ts

@@ -11,7 +11,7 @@ export declare type InputType = 'text' | 'select' | 'multi-select' | 'pilled-tex
 export declare type FieldOption = {
     label: string;
     value: string | 'section_header';
-    sortValue: number;
+    sortValue?: number;
 };
 export interface ValidationProps {
     isRequired: boolean;

package/dist/ui-core.cjs.development.js

@@ -202,7 +202,9 @@ var Banner = function Banner(_ref) {
     buttonText = _ref.buttonText,
     onClick = _ref.onClick,
     _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'expanded' : _ref$type;
+    type = _ref$type === void 0 ? 'expanded' : _ref$type,
+    _ref$centered = _ref.centered,
+    centered = _ref$centered === void 0 ? false : _ref$centered;
   var Icon = React.useMemo(function () {
     switch (variant) {
       case 'error':
@@ -227,16 +229,20 @@ var Banner = function Banner(_ref) {
   }, [variant]);
   return /*#__PURE__*/React__default.createElement(react.Alert, {
     variant: variant,
-    borderRadius: "4px"
+    borderRadius: "4px",
+    justifyContent: centered ? 'center' : undefined
   }, /*#__PURE__*/React__default.createElement(react.AlertDescription, null, /*#__PURE__*/React__default.createElement(react.Flex, {
-    flexDirection: type === 'condensed' ? 'row' : 'column',
-    alignItems: type === 'condensed' ? 'center' : '',
+    flexDirection: centered || type === 'condensed' ? 'row' : 'column',
+    alignItems: centered || type === 'condensed' ? 'center' : '',
+    justifyContent: centered ? 'center' : undefined,
     minHeight: "26px"
   }, /*#__PURE__*/React__default.createElement(react.Box, {
-    pr: "8px"
+    pr: "8px",
+    pt: !centered && type !== 'condensed' ? '8px' : 0
   }, Icon), /*#__PURE__*/React__default.createElement(react.Box, {
-    flexGrow: "1",
-    pt: type === 'condensed' ? 0 : '8px'
+    flexGrow: centered ? undefined : '1',
+    pt: !centered && type !== 'condensed' ? '8px' : 0,
+    textAlign: centered ? 'center' : 'left'
   }, message), onClick && buttonText && /*#__PURE__*/React__default.createElement(react.Flex, {
     ml: type === 'condensed' ? 'auto' : '',
     pt: type === 'condensed' ? 0 : '8px',
@@ -1471,7 +1477,8 @@ var StackedMultiSelect = /*#__PURE__*/React__default.forwardRef(function (_ref2,
     });
     setLocalOptions(function (prevLocalOptions) {
       return [].concat(prevLocalOptions, [option]).sort(function (a, b) {
-        return a.sortValue - b.sortValue;
+        var _a$sortValue, _b$sortValue;
+        return ((_a$sortValue = a.sortValue) != null ? _a$sortValue : 0) - ((_b$sortValue = b.sortValue) != null ? _b$sortValue : 0);
       });
     });
     setLocalValues(function (prevLocalValues) {