@xqmsg/ui-core 0.19.1 → 0.19.3

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/hooks/useToast.d.ts

@@ -1,6 +1,6 @@
 import { ToastPosition } from '@chakra-ui/react';
 import React from 'react';
 import { ToastProps } from '../components/toast';
-export declare const useToast: (props: ToastProps & {
+export declare const useToast: () => (props: ToastProps & {
     position: ToastPosition;
-}) => () => React.Key;
+}) => React.Key;

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);
   });
@@ -1645,7 +1639,6 @@ var StackedPilledInput = /*#__PURE__*/React__default.forwardRef(function (_ref2,
     ref: inputWrapperRef,
     handler: function handler() {
       onBlur();
-      console.log('hi');
     }
   });
   return /*#__PURE__*/React__default.createElement(react.Box, {
@@ -1811,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,
@@ -1871,7 +1865,8 @@ function Input(_ref) {
           disabled: disabled,
           value: value,
           defaultValue: defaultValue,
-          placeholder: placeholder
+          placeholder: placeholder,
+          fullOptions: fullOptions
         });
 
       case 'textarea':
@@ -4228,7 +4223,6 @@ var ToolbarBreadcrumbItem = function ToolbarBreadcrumbItem(_ref) {
   var getPageLabel = React.useMemo(function () {
     if (breakpoint400) {
       if (page === 'current') {
-        console.log('hi');
         return pageLabel;
       }
     }
@@ -4407,16 +4401,16 @@ var Toast = function Toast(_ref) {
   }, buttonText)));
 };
 
-var useToast = function useToast(props) {
+var useToast = function useToast() {
   var toast = react.useToast();
-  return function () {
+  return React.useCallback(function (props) {
     return toast({
       position: props.position,
       render: function render() {
         return /*#__PURE__*/React__default.createElement(Toast, Object.assign({}, props));
       }
     });
-  };
+  }, [toast]);
 };
 
 function formatErrorResponse(error) {