@xqmsg/ui-core 0.22.2 → 0.22.4

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

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from 'react';
+import React, { PropsWithChildren } from 'react';
 import { FieldValues } from 'react-hook-form';
 import { FormHandler } from '../../components/form/hooks/useFormHandler';
 export interface FormProps<T extends FieldValues> {
@@ -9,4 +9,4 @@ export interface FormProps<T extends FieldValues> {
  * `react-hook-form`. The `Form` component is provided a `formHandler` and is used to wrap a container
  * that contains a `FormSection` component.
  */
-export declare function Form<T extends FieldValues>({ formHandler, children, }: PropsWithChildren<FormProps<T>>): JSX.Element;
+export declare function Form<T extends FieldValues>({ formHandler, children, }: PropsWithChildren<FormProps<T>>): React.JSX.Element;

package/dist/components/form/section/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { FieldValues, UseFormReturn } from 'react-hook-form';
 import { FormStructure } from '../FormTypes';
 /**
@@ -24,4 +25,4 @@ export interface FormSectionProps<T extends string | number | symbol, U extends
  *
  * @returns a list of input's for a specific form section.
  */
-export declare function FormSection<T extends string | number | symbol, U extends FieldValues>({ formStructure, section, form, className, columns, spacing, }: FormSectionProps<T, U>): JSX.Element;
+export declare function FormSection<T extends string | number | symbol, U extends FieldValues>({ formStructure, section, form, className, columns, spacing, }: FormSectionProps<T, U>): React.JSX.Element;

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

@@ -28,4 +28,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, fullOptions, control, disabled, rightElement, leftElement, allowDefault, 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, allowDefault, onChange, setValue, setError, clearErrors, }: InputProps<T>): React.JSX.Element;

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import { ReadonlyTableColumns, TableBody, TableColumns, TableHeaders } from './TableTypes';
 export interface TableProps<T extends ReadonlyTableColumns> {
     columns: TableColumns;
@@ -10,4 +11,4 @@ export interface TableProps<T extends ReadonlyTableColumns> {
 /**
  * A React component utilized to render the `Table` component
  */
-export declare function Table<T extends ReadonlyTableColumns>({ columns, headers, body, loading, loadMore, }: TableProps<T>): JSX.Element;
+export declare function Table<T extends ReadonlyTableColumns>({ columns, headers, body, loading, loadMore, }: TableProps<T>): React.JSX.Element;

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

@@ -221,7 +221,8 @@ var Banner = function Banner(_ref) {
     }
   }, [variant]);
   return /*#__PURE__*/React__default.createElement(react.Alert, {
-    variant: variant
+    variant: variant,
+    borderRadius: "4px"
   }, /*#__PURE__*/React__default.createElement(react.AlertDescription, null, /*#__PURE__*/React__default.createElement(react.Flex, {
     flexDirection: type === 'condensed' ? 'row' : 'column',
     alignItems: type === 'condensed' ? 'center' : '',
@@ -1567,7 +1568,7 @@ var StackedPilledInput = /*#__PURE__*/React__default.forwardRef(function (_ref2,
       setLatestFormValueToArray([]);
     }
     if (watchedValue !== undefined && watchedValue != null && watchedValue.length) {
-      setLatestFormValueToArray(watchedValue.split(',').filter(Boolean));
+      setLatestFormValueToArray(watchedValue.split(';').join(',').split(',').filter(Boolean));
       if (latestTokenElement) {
         latestTokenElement.scrollIntoView({
           block: 'end',
@@ -1582,7 +1583,7 @@ var StackedPilledInput = /*#__PURE__*/React__default.forwardRef(function (_ref2,
       e.stopPropagation();
       e.preventDefault();
     }
-    if ((e.key === ' ' || e.key === 'Enter' || e.key === ',' || e.key === 'Tab') && localValue.trim().length) {
+    if ((e.key === 'Enter' || e.key === ',' || e.key === ';' || e.key === 'Tab') && localValue.trim().length) {
       if (e.key === 'Enter' && !localValue.trim().length && tokenIndex !== null) {
         setLocalValue(lastestFormValueToArray[tokenIndex]);
         var _filteredUniqueValues = Array.from(new Set(lastestFormValueToArray.filter(function (value) {
@@ -1594,7 +1595,7 @@ var StackedPilledInput = /*#__PURE__*/React__default.forwardRef(function (_ref2,
         });
         return setTokenIndex(null);
       }
-      var filteredUniqueValues = Array.from(new Set([].concat(lastestFormValueToArray, localValue.trim().split(','))));
+      var filteredUniqueValues = Array.from(new Set([].concat(lastestFormValueToArray, localValue.trim().split(';').join(',').split(','))));
       setLocalValue('');
       return setValue(name, filteredUniqueValues.toString(), {
         shouldValidate: true,
@@ -1752,7 +1753,7 @@ var StackedPilledInput = /*#__PURE__*/React__default.forwardRef(function (_ref2,
     },
     value: localValue,
     onChange: function onChange(e) {
-      return tokenIndex === null && setLocalValue(e.target.value.trim().replace(',', '').length ? e.target.value : '');
+      return tokenIndex === null && setLocalValue(e.target.value.trim().replace(',', '').replace(';', '').length ? e.target.value : '');
     },
     ref: inputRef,
     onFocus: function onFocus() {
@@ -1774,8 +1775,7 @@ var StackedSwitch = /*#__PURE__*/React__default.forwardRef(function (_ref2, _ref
     value = _ref2.value;
   if (value === null) return null;
   return /*#__PURE__*/React__default.createElement(react.Switch, {
-    h: "26px",
-    mx: "4px",
+    h: "21px",
     _focus: {
       border: '2px solid',
       borderColor: colors.border.focus
@@ -1798,7 +1798,8 @@ var Label$1 = function Label(_ref) {
     isRequired = _ref.isRequired,
     label = _ref.label;
   return /*#__PURE__*/React__default.createElement(react.FormLabel, {
-    display: "flex"
+    display: "flex",
+    ml: "0"
   }, label, isRequired && /*#__PURE__*/React__default.createElement(react.Box, {
     ml: 1,
     color: colors.label.error
@@ -1995,7 +1996,7 @@ function Input(_ref) {
         id: name,
         isInvalid: isInvalid,
         position: "relative",
-        py: label || helperText || isInvalid ? 5 : 0
+        py: inputType !== 'checkbox' && label || helperText || isInvalid ? 5 : 0
       }, label && inputType !== 'checkbox' && /*#__PURE__*/React__default.createElement(Label$1, {
         tooltipText: tooltipText,
         label: label,