ab-ui-library 1.55.3 → 1.56.1

package/components/AdvancedTable/Table.d.ts

@@ -1,3 +1,3 @@
 import type { TTableProps } from './types';
 import 'react-loading-skeleton/dist/skeleton.css';
-export declare function Table<TData>({ data, columns, isLoading, hasError, isActionsVisible, totalCount, emptyTitle, emptySubTitle, emptyIllustration, withSelect, withBorder, defaultPageIndex, defaultPageSize, defaultHiddenColumns, collapsibleRows, renderExpandedContent, renderHeader, renderFooter, onSortChange, onRowClick, tableSettings, onRowSelection, onColumnSizing, onPaginationChange, rowEventsProps, activeRowId, getRowId, resetExpandedOnPageChange, rowClassName, }: TTableProps<TData>): import("react/jsx-runtime").JSX.Element;
+export declare function Table<TData>({ data, columns, isLoading, hasError, isActionsVisible, totalCount, emptyTitle, emptySubTitle, emptyButtonProps, emptyIllustration, withSelect, withBorder, defaultPageIndex, defaultPageSize, defaultHiddenColumns, collapsibleRows, renderExpandedContent, renderHeader, renderFooter, onSortChange, onRowClick, tableSettings, onRowSelection, onColumnSizing, onPaginationChange, rowEventsProps, activeRowId, getRowId, resetExpandedOnPageChange, rowClassName, }: TTableProps<TData>): import("react/jsx-runtime").JSX.Element;

package/components/AdvancedTable/Table.js

@@ -88,6 +88,7 @@ function Table(_ref2) {
     totalCount = _ref2$totalCount === void 0 ? 0 : _ref2$totalCount,
     emptyTitle = _ref2.emptyTitle,
     emptySubTitle = _ref2.emptySubTitle,
+    emptyButtonProps = _ref2.emptyButtonProps,
     emptyIllustration = _ref2.emptyIllustration,
     _ref2$withSelect = _ref2.withSelect,
     withSelect = _ref2$withSelect === void 0 ? false : _ref2$withSelect,
@@ -232,7 +233,8 @@ function Table(_ref2) {
   }, !isLoading && (!(data !== null && data !== void 0 && data.length) || hasError) ? /*#__PURE__*/React.createElement(Empty, {
     mainMessage: emptyTitle,
     paragraphMessage: emptySubTitle,
-    illustration: emptyIllustration
+    illustration: emptyIllustration,
+    buttonProps: emptyButtonProps
   }) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("thead", {
     className: "advanced-table__thead"
   }, table.getHeaderGroups().map(function (headerGroup) {

package/components/AdvancedTable/types.d.ts

@@ -1,5 +1,6 @@
 import type { ColumnDef, ColumnSizingState, PaginationState, RowSelectionState, Table, Row } from '@tanstack/react-table';
 import type { HTMLAttributes, ReactNode } from 'react';
+import type { TButtonPropTypes } from '../Button/types';
 export type TTable<TData> = Table<TData>;
 export type TRowSelectionState = RowSelectionState;
 export type TColumnSizingState = ColumnSizingState;
@@ -18,6 +19,7 @@ export type TTableProps<TData> = {
     hasError?: boolean;
     emptyTitle?: string;
     emptySubTitle?: string;
+    emptyButtonProps?: TButtonPropTypes;
     emptyIllustration?: string;
     className?: string;
     withSelect?: boolean;

package/components/MultiTextareaWithChips/MultiTextareaWithChips.js

@@ -72,7 +72,9 @@ var MultiTextareaWithChipsComponent = function MultiTextareaWithChipsComponent(_
     formProps = _ref.formProps,
     minChipLength = _ref.minChipLength,
     maxChipLength = _ref.maxChipLength,
-    onBlurConfig = _ref.onBlurConfig;
+    onBlurConfig = _ref.onBlurConfig,
+    _ref$transformToUpper = _ref.transformToUppercase,
+    transformToUppercase = _ref$transformToUpper === void 0 ? false : _ref$transformToUpper;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     inputValue = _useState2[0],
@@ -108,7 +110,8 @@ var MultiTextareaWithChipsComponent = function MultiTextareaWithChipsComponent(_
   var handleSelectOption = function handleSelectOption(option) {
     if (chipManagement.getChipTexts().includes(option)) return;
     try {
-      var validatedChip = chipValidation.createValidatedChip(option);
+      var valueToValidate = transformToUppercase ? option.toUpperCase() : option;
+      var validatedChip = chipValidation.createValidatedChip(valueToValidate);
       chipManagement.addChip(validatedChip);
       setInputValue('');
       dropdownLogic.closeDropdown();
@@ -122,7 +125,8 @@ var MultiTextareaWithChipsComponent = function MultiTextareaWithChipsComponent(_
   var handleAddCustomValue = useCallback(function (value) {
     if (chipManagement.getChipTexts().includes(value)) return;
     try {
-      var validatedChip = chipValidation.createValidatedChip(value);
+      var valueToValidate = transformToUppercase ? value.toUpperCase() : value;
+      var validatedChip = chipValidation.createValidatedChip(valueToValidate);
       chipManagement.addChip(validatedChip);
       setInputValue('');
       setChipError('');
@@ -131,7 +135,7 @@ var MultiTextareaWithChipsComponent = function MultiTextareaWithChipsComponent(_
         setChipError(error instanceof Error ? error.message : 'Invalid value');
       }
     }
-  }, [chipManagement, chipValidation, allowInvalidChips]);
+  }, [chipManagement, chipValidation, allowInvalidChips, transformToUppercase]);
   var onBlurLogic = useOnBlurLogic({
     inputValue: inputValue,
     disabled: disabled,
@@ -154,6 +158,9 @@ var MultiTextareaWithChipsComponent = function MultiTextareaWithChipsComponent(_
   var handleInputChange = function handleInputChange(e) {
     if (disabled) return;
     var value = e.target.value;
+    if (transformToUppercase) {
+      value = value.toUpperCase();
+    }
     setInputValue(value);
     dropdownLogic.handleInputChange(value);
   };
@@ -244,7 +251,7 @@ var MultiTextareaWithChipsComponent = function MultiTextareaWithChipsComponent(_
     onFocus: handleInputFocus,
     onBlur: handleInputBlur,
     placeholder: inputPlaceholder,
-    className: "multi-textarea-chips__input",
+    className: 'multi-textarea-chips__input',
     disabled: disabled,
     "aria-describedby": hasError ? "".concat(fieldName, "-error") : helperText ? "".concat(fieldName, "-helper") : undefined,
     "aria-invalid": hasError ? 'true' : 'false',

package/components/MultiTextareaWithChips/types.d.ts

@@ -30,6 +30,7 @@ export interface TMultiTextareaWithChipsProps extends IFormCompProps {
     minChipLength?: number;
     maxChipLength?: number;
     searchPlaceholderText?: string;
+    transformToUppercase?: boolean;
     typeAndEnterPlaceholderText?: string;
     noOptionsPlaceholderText?: string;
     fieldName?: string;

package/components/Select/Select/Select.js

@@ -247,6 +247,10 @@ var Select = function Select(props) {
     return onItemSelect(null);
   };
   var onOpenOptions = function onOpenOptions(e) {
+    var selected = getSelectedOption();
+    if (selected !== null && selected !== void 0 && selected.label && isCreateOnOutsideClick) {
+      setSearchValue("".concat(selected.label));
+    }
     var result = e === null || e === void 0 ? void 0 : e.target;
     var className = result === null || result === void 0 ? void 0 : result.getAttribute('class');
     if (e && className && (className.indexOf('icon-') !== -1 || className.indexOf('svg-icon') !== -1)) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ab-ui-library",
-  "version": "1.55.3",
+  "version": "1.56.1",
   "description": "UI library for AM",
   "main": "./index.js",
   "module": "./index.js",