ab-ui-library 1.55.2 → 1.56.0

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 }: TTableProps<TData>): import("react/jsx-runtime").JSX.Element;
+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;

package/components/AdvancedTable/Table.js

@@ -111,7 +111,8 @@ function Table(_ref2) {
     activeRowId = _ref2.activeRowId,
     getRowId = _ref2.getRowId,
     _ref2$resetExpandedOn = _ref2.resetExpandedOnPageChange,
-    resetExpandedOnPageChange = _ref2$resetExpandedOn === void 0 ? true : _ref2$resetExpandedOn;
+    resetExpandedOnPageChange = _ref2$resetExpandedOn === void 0 ? true : _ref2$resetExpandedOn,
+    rowClassName = _ref2.rowClassName;
   var _useState = useState(new Set()),
     _useState2 = _slicedToArray(_useState, 2),
     expandedRows = _useState2[0],
@@ -268,7 +269,7 @@ function Table(_ref2) {
     return /*#__PURE__*/React.createElement(React.Fragment, {
       key: row.id
     }, /*#__PURE__*/React.createElement("tr", _extends({}, rowEventsProps, {
-      className: classNames({
+      className: classNames(rowClassName === null || rowClassName === void 0 ? void 0 : rowClassName(row), {
         selected: row.getIsSelected(),
         active: row.id == activeRowId
       })

package/components/AdvancedTable/types.d.ts

@@ -43,6 +43,7 @@ export type TTableProps<TData> = {
     onPaginationChange?: (state: TPaginationState) => void;
     getRowId?: (row: TData) => string;
     resetExpandedOnPageChange?: boolean;
+    rowClassName?: (row: Row<TData>) => string | undefined;
 };
 export type Column<TData> = ColumnDef<TData> & {
     enableColumnDragging?: 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/package.json

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