@xqmsg/ui-core 0.19.2 → 0.19.4

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

@@ -28,4 +28,5 @@ import { TableFill } from './table/fill';
 import { TableOutline } from './table/outline';
 import { Trash } from './trash';
 import { Warning } from './warning';
-export { Checkmark, ChevronDown, ChevronRight, Clock, Close, Dropdown, Error, FileFill, FileOutline, FolderFill, FolderOutline, FolderAddFill, FolderAddOutline, Google, GoogleDrive, Group, Home, Image, Link, Menu, Microsoft, MicrosoftOneDrive, Neutral, Positive, Search, Settings, TableFill, TableOutline, Trash, Warning, };
+import { Services } from './services';
+export { Checkmark, ChevronDown, ChevronRight, Clock, Close, Dropdown, Error, FileFill, FileOutline, FolderFill, FolderOutline, FolderAddFill, FolderAddOutline, Google, GoogleDrive, Group, Home, Image, Link, Menu, Microsoft, MicrosoftOneDrive, Neutral, Positive, Search, Services, Settings, TableFill, TableOutline, Trash, Warning, };

package/dist/components/icons/services/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface ServicesProps {
+    boxSize: number | string;
+}
+/**
+ * A functional React component utilized to render the `Services` icon component
+ */
+export declare const Services: React.FC<ServicesProps>;

package/dist/components/input/StackedSelect/index.d.ts

@@ -4,6 +4,7 @@ import { StackedInputProps } from '../StackedInput/StackedInput';
 import { UseFormSetValue, FieldValues, Control } from 'react-hook-form';
 export interface StackedSelectProps extends StackedInputProps {
     options: FieldOptions;
+    fullOptions?: FieldOptions;
     setValue: UseFormSetValue<FieldValues>;
     control: Control<FieldValues, any>;
     handleOnChange: (value?: string) => void;

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

@@ -10,6 +10,7 @@ export interface InputProps<T extends FieldValues> extends ValidationProps {
     label?: string;
     className?: string;
     options?: FieldOptions;
+    fullOptions?: FieldOptions;
     maxLength?: number;
     helperText?: React.ReactNode;
     control: Control<T, any>;
@@ -26,4 +27,4 @@ export interface InputProps<T extends FieldValues> extends ValidationProps {
  * A functional React component utilized to render the `Input` component. Utilizes a switch statement
  * to render the correct input based on the `inputType`.
  */
-export declare function Input<T extends FieldValues>({ inputType, label, ariaLabel, className, placeholder, name, helperText, options, tooltipText, isInvalid, errorText, isRequired, maxLength, defaultValue, control, disabled, rightElement, leftElement, onChange, setValue, setError, clearErrors, }: InputProps<T>): JSX.Element;
+export declare function Input<T extends FieldValues>({ inputType, label, ariaLabel, className, placeholder, name, helperText, options, tooltipText, isInvalid, errorText, isRequired, maxLength, defaultValue, fullOptions, control, disabled, rightElement, leftElement, onChange, setValue, setError, clearErrors, }: InputProps<T>): JSX.Element;

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

@@ -14,7 +14,7 @@ export declare type GroupedMenuItem = {
 };
 export interface NavigationMenuProps {
     groupedMenuItems: GroupedMenuItem[];
-    defaultSelectedMenuItem?: string;
+    selectedMenuItem?: string;
 }
 /**
  * A functional React component utilized to render the `NavigationMenu` component

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

@@ -808,13 +808,6 @@ var Dropdown = function Dropdown(_ref) {
   }, DropdownContent);
 };
 
-var useDidMountEffect = function useDidMountEffect(func, deps) {
-  var didMount = React.useRef(false);
-  React.useEffect(function () {
-    if (didMount.current) func();else didMount.current = true; // eslint-disable-next-line
-  }, deps);
-};
-
 function useOnClickOutside(ref, handler) {
   React.useEffect(function () {
     var listener = function listener(event) {
@@ -872,7 +865,7 @@ var Dropdown$1 = function Dropdown(_ref) {
   });
 };
 
-var _excluded$1 = ["isRequired", "options", "name", "setValue", "handleOnChange", "disabled", "value"];
+var _excluded$1 = ["isRequired", "options", "name", "setValue", "handleOnChange", "disabled", "value", "fullOptions"];
 /**
  * A functional React component utilized to render the `StackedSelect` component.
  */
@@ -887,6 +880,7 @@ var StackedSelect = /*#__PURE__*/React__default.forwardRef(function (_ref2, _ref
       handleOnChange = _ref2.handleOnChange,
       disabled = _ref2.disabled,
       value = _ref2.value,
+      fullOptions = _ref2.fullOptions,
       props = _objectWithoutPropertiesLoose(_ref2, _excluded$1);
 
   var dropdownRef = React.useRef(null);
@@ -930,13 +924,13 @@ var StackedSelect = /*#__PURE__*/React__default.forwardRef(function (_ref2, _ref
       setPosition('bottom');
     }
   }, [boundingClientRect]);
-  useDidMountEffect(function () {
-    var _options$find$label2, _options$find2;
+  React.useEffect(function () {
+    var _find$label, _find;
 
-    setSelectedOption((_options$find$label2 = (_options$find2 = options.find(function (option) {
+    setSelectedOption((_find$label = (_find = (fullOptions || options).find(function (option) {
       return option.value === value;
-    })) == null ? void 0 : _options$find2.label) != null ? _options$find$label2 : '');
-  }, [value]);
+    })) == null ? void 0 : _find.label) != null ? _find$label : '');
+  }, [fullOptions, value]);
   useOnClickOutside(dropdownRef, function () {
     return setIsFocussed(false);
   });
@@ -1810,6 +1804,7 @@ function Input(_ref) {
       isRequired = _ref.isRequired,
       maxLength = _ref.maxLength,
       defaultValue = _ref.defaultValue,
+      fullOptions = _ref.fullOptions,
       control = _ref.control,
       disabled = _ref.disabled,
       rightElement = _ref.rightElement,
@@ -1870,7 +1865,8 @@ function Input(_ref) {
           disabled: disabled,
           value: value,
           defaultValue: defaultValue,
-          placeholder: placeholder
+          placeholder: placeholder,
+          fullOptions: fullOptions
         });
 
       case 'textarea':
@@ -2722,6 +2718,37 @@ var Trash = function Trash(_ref) {
   });
 };
 
+var _path$u;
+function _extends$v() { _extends$v = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$v.apply(this, arguments); }
+var SvgServices = function SvgServices(props, ref) {
+  return /*#__PURE__*/React.createElement("svg", _extends$v({
+    width: 14,
+    height: 14,
+    viewBox: "0 0 14 14",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ref: ref
+  }, props), _path$u || (_path$u = /*#__PURE__*/React.createElement("path", {
+    d: "M8.5 3.058c0-.237.124-.45.267-.64.148-.193.233-.422.233-.668C9 1.06 8.328.5 7.5.5S6 1.06 6 1.75c0 .246.085.475.233.669.143.188.267.402.267.639v0c0 .24-.197.435-.438.428a32.26 32.26 0 0 1-2.775-.2c.124 1.076.195 2.167.21 3.272A.437.437 0 0 1 3.058 7v0c-.237 0-.45-.124-.64-.267A1.098 1.098 0 0 0 1.75 6.5C1.06 6.5.5 7.172.5 8s.56 1.5 1.25 1.5c.246 0 .475-.085.669-.233.188-.143.402-.267.639-.267v0c.206 0 .37.174.355.38a32.022 32.022 0 0 1-.429 3.37 32.23 32.23 0 0 0 3.078.236.427.427 0 0 0 .438-.428v0c0-.237-.124-.45-.267-.64A1.098 1.098 0 0 1 6 11.25c0-.69.672-1.25 1.5-1.25.829 0 1.5.56 1.5 1.25 0 .246-.085.475-.232.669-.144.188-.268.402-.268.639v0c0 .222.185.4.407.386a32.068 32.068 0 0 0 3.618-.42c.18-1.031.31-2.08.388-3.144a.355.355 0 0 0-.355-.38v0c-.237 0-.45.124-.64.268a1.098 1.098 0 0 1-.668.232C10.56 9.5 10 8.828 10 8s.56-1.5 1.25-1.5c.246 0 .476.085.669.233.188.143.402.267.639.267v0a.437.437 0 0 0 .44-.442c-.017-1.209-.1-2.4-.247-3.573a32.06 32.06 0 0 1-3.844.459.385.385 0 0 1-.407-.386v0Z",
+    stroke: "#0082FF",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  })));
+};
+var ForwardRef$u = /*#__PURE__*/React.forwardRef(SvgServices);
+var Memo$u = /*#__PURE__*/React.memo(ForwardRef$u);
+
+/**
+ * A functional React component utilized to render the `Services` icon component
+ */
+
+var Services = function Services(_ref) {
+  var boxSize = _ref.boxSize;
+  return /*#__PURE__*/React__default.createElement(Memo$u, {
+    boxSize: boxSize
+  });
+};
+
 /**
  * A functional React component utilized to render the `BorderedBox` component
  */
@@ -2925,18 +2952,20 @@ var NavigationMenuItem = function NavigationMenuItem(_ref) {
 
 var NavigationMenu = function NavigationMenu(_ref) {
   var groupedMenuItems = _ref.groupedMenuItems,
-      _ref$defaultSelectedM = _ref.defaultSelectedMenuItem,
-      defaultSelectedMenuItem = _ref$defaultSelectedM === void 0 ? '' : _ref$defaultSelectedM;
+      selectedMenuItem = _ref.selectedMenuItem;
   var sortedGroupedMenuItems = React.useMemo(function () {
     return groupedMenuItems == null ? void 0 : groupedMenuItems.sort(function (a, b) {
       return a.groupSortValue - b.groupSortValue;
     });
   }, [groupedMenuItems]);
 
-  var _useState = React.useState(defaultSelectedMenuItem),
-      selectedMenuItem = _useState[0],
+  var _useState = React.useState(''),
+      _selectedMenuItem = _useState[0],
       setSelectedMenuItem = _useState[1];
 
+  React.useEffect(function () {
+    if (selectedMenuItem) setSelectedMenuItem(selectedMenuItem);
+  }, [selectedMenuItem]);
   return /*#__PURE__*/React__default.createElement(react.Box, {
     bg: "#7474800D",
     py: "32px",
@@ -2955,7 +2984,7 @@ var NavigationMenu = function NavigationMenu(_ref) {
     }), menuItemGroup.groupMenuItems.map(function (item, idx) {
       return /*#__PURE__*/React__default.createElement(NavigationMenuItem, Object.assign({}, item, {
         key: idx,
-        isSelected: selectedMenuItem === item.label,
+        isSelected: _selectedMenuItem === item.label,
         onClick: function onClick() {
           return setSelectedMenuItem(item.label);
         }
@@ -4479,6 +4508,7 @@ exports.NavigationMenu = NavigationMenu;
 exports.Neutral = Neutral;
 exports.Positive = Positive;
 exports.Search = Search;
+exports.Services = Services;
 exports.Settings = Settings;
 exports.SpinnerButton = SpinnerButton;
 exports.Table = Table;