@adiba-banking-cloud/backoffice 0.2.1 → 0.2.4

package/build/index.cjs.js/{heatmap-D-qDlLOI.js → heatmap-BqY-ayOh.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CWyl7EKZ.js');
+var index = require('./index-Clg3JrJr.js');
 
 function _mergeNamespaces(n, m) {
 	m.forEach(function (e) {

package/build/index.cjs.js/{index-CWyl7EKZ.js → index-Clg3JrJr.js}

@@ -12172,7 +12172,7 @@ const initChart$1 = props => {
   }
 
   // Fallback: use dynamic import (async, but will work in Vite/Storybook)
-  Promise.resolve().then(function () { return require('./heatmap-D-qDlLOI.js'); }).then(function (n) { return n.heatmap; }).then(heatmapModule => {
+  Promise.resolve().then(function () { return require('./heatmap-BqY-ayOh.js'); }).then(function (n) { return n.heatmap; }).then(heatmapModule => {
     const moduleFn = typeof heatmapModule === "function" ? heatmapModule : heatmapModule?.default || heatmapModule;
     if (typeof moduleFn === "function") {
       moduleFn(Highcharts);
@@ -12973,39 +12973,78 @@ const SearchPanel = _ref3 => {
     searchState,
     filterFn,
     searchFn,
+    onPillRemove,
     children,
     ...rest
   } = _ref3;
-  const [search, setSearch] = searchState || React.useState("");
+  const [searchPills, setSearchPills] = searchState || React.useState([]);
+  const [inputValue, setInputValue] = React.useState("");
   const form$1 = form.useForm({
     initialValues: {
-      search: search
+      search: ""
     }
   });
+  const handleAddPill = value => {
+    const trimmedValue = value.trim();
+    if (trimmedValue && !searchPills.includes(trimmedValue)) {
+      const newPills = [...searchPills, trimmedValue];
+      setSearchPills(newPills);
+      setInputValue("");
+      form$1.setFieldValue("search", "");
+    }
+  };
+  const handleRemovePill = value => {
+    const newPills = searchPills.filter(pill => pill !== value);
+    setSearchPills(newPills);
+    if (onPillRemove) {
+      onPillRemove(value);
+    }
+  };
+  const handleSubmit = values => {
+    if (inputValue.trim()) {
+      handleAddPill(inputValue);
+    }
+    if (searchFn) {
+      searchFn({
+        search: searchPills
+      });
+    }
+  };
+  const handleKeyDown = event => {
+    if (event.key === "Enter" && inputValue.trim()) {
+      event.preventDefault();
+      handleAddPill(inputValue);
+    } else if (event.key === "Backspace" && inputValue.length === 0 && searchPills.length > 0) {
+      event.preventDefault();
+      handleRemovePill(searchPills[searchPills.length - 1]);
+    }
+  };
   return /*#__PURE__*/React.createElement(SimplePanel, rest, /*#__PURE__*/React.createElement(core.Stack, null, /*#__PURE__*/React.createElement("form", {
-    onSubmit: form$1.onSubmit(values => {
-      searchFn ? searchFn(values) : void 0;
-    })
+    onSubmit: form$1.onSubmit(handleSubmit)
   }, /*#__PURE__*/React.createElement(core.Group, {
     gap: "xs"
-  }, /*#__PURE__*/React.createElement(core.TextInput, {
-    fw: 300,
-    name: "search",
+  }, /*#__PURE__*/React.createElement(core.PillsInput, {
     size: "md",
     radius: "md",
     flex: 1,
-    value: search,
-    placeholder: placeholder,
     leftSection: /*#__PURE__*/React.createElement(Icons, searchIcon),
     rightSection: typeof filterFn == "function" ? /*#__PURE__*/React.createElement(core.ActionIcon, {
       variant: "transparent",
       onClick: filterFn
-    }, /*#__PURE__*/React.createElement(Icons, filterIcon)) : /*#__PURE__*/React.createElement(React.Fragment, null),
+    }, /*#__PURE__*/React.createElement(Icons, filterIcon)) : undefined
+  }, /*#__PURE__*/React.createElement(core.Pill.Group, null, searchPills.map((pill, index) => /*#__PURE__*/React.createElement(core.Pill, {
+    key: `${pill}-${index}`,
+    withRemoveButton: true,
+    onRemove: () => handleRemovePill(pill)
+  }, pill)), /*#__PURE__*/React.createElement(core.PillsInput.Field, {
+    placeholder: placeholder,
+    value: inputValue,
     onChange: e => {
-      setSearch(e.currentTarget.value);
+      setInputValue(e.currentTarget.value);
       form$1.setFieldValue("search", e.currentTarget.value);
-    }
-  }), /*#__PURE__*/React.createElement(core.Button, {
+    },
+    onKeyDown: handleKeyDown
+  }))), /*#__PURE__*/React.createElement(core.Button, {
     variant: "light",
     size: "md",
     fw: 300,
@@ -13735,19 +13774,32 @@ const SimpleTable = _ref => {
     actionFn,
     isStriped
   } = _ref;
-  columns.sort((a, b) => a.order - b.order);
-  const indexColumn = {
-    order: -99,
-    id: "index",
-    label: "Id"
-  };
-  const actionColumn = {
-    order: 99999,
-    id: "action",
-    label: ""
-  };
-  withIndex ? columns.unshift(indexColumn) : null;
-  withAction && actionFn ? columns.push(actionColumn) : null;
+  // Memoize the final columns array to avoid mutations on every render
+  const finalColumns = React.useMemo(() => {
+    // Create a new array to avoid mutating the original
+    const sortedColumns = [...columns].sort((a, b) => a.order - b.order);
+    const indexColumn = {
+      order: -99,
+      id: "index",
+      label: "Id"
+    };
+    const actionColumn = {
+      order: 99999,
+      id: "action",
+      label: ""
+    };
+
+    // Build final array without mutations
+    const result = [];
+    if (withIndex) {
+      result.push(indexColumn);
+    }
+    result.push(...sortedColumns);
+    if (withAction && actionFn) {
+      result.push(actionColumn);
+    }
+    return result;
+  }, [columns, withIndex, withAction, actionFn]);
   const isStripedProps = {
     striped: "even",
     highlightOnHover: true,
@@ -13756,7 +13808,7 @@ const SimpleTable = _ref => {
   };
   return /*#__PURE__*/React.createElement(core.Table, isStriped && isStripedProps, /*#__PURE__*/React.createElement(core.Table.Thead, null, /*#__PURE__*/React.createElement(core.Table.Tr, {
     bg: isStriped ? "gray.1" : "transparent"
-  }, columns.map((column, index) => {
+  }, finalColumns.map((column, index) => {
     return /*#__PURE__*/React.createElement(SimpleHeader, _extends({
       key: `column-${index}`
     }, column));
@@ -13764,7 +13816,7 @@ const SimpleTable = _ref => {
     return /*#__PURE__*/React.createElement(SimpleBody, {
       key: index,
       row,
-      columns,
+      columns: finalColumns,
       withAction,
       withIndex,
       actionFn,
@@ -14735,6 +14787,39 @@ function withProviders(Component) {
   return WrappedComponent;
 }
 
+/**
+ * String utility functions for text manipulation
+ */
+const StringHelpers = {
+  /**
+   * Extracts text between curly braces from a string
+   * @param input - Input string that may contain text in braces
+   * @returns The text between braces, or empty string if not found
+   * @example
+   * extractBetweenBraces("Hello {world}") // returns "world"
+   * extractBetweenBraces("No braces") // returns ""
+   */
+  extractBetweenBraces: input => {
+    const regex = /^[^{]*\{([^}]*)\}[^{]*$/;
+    const match = input.match(regex);
+    return match ? match[1] : "";
+  },
+  /**
+   * Removes text within curly braces from a string
+   * @param input - Input string that may contain text in braces
+   * @returns The string with braces and their content removed, trimmed
+   * @example
+   * extractOutsideBraces("Hello {world}") // returns "Hello"
+   * extractOutsideBraces("No braces") // returns "No braces"
+   */
+  extractOutsideBraces: input => {
+    const regex = /\{[^}]*\}/g;
+    return input.replace(regex, "").trim();
+  }
+};
+const extractBetweenBraces = StringHelpers.extractBetweenBraces;
+const extractOutsideBraces = StringHelpers.extractOutsideBraces;
+
 exports.ApplicationMenu = ApplicationMenu;
 exports.ApplicationPanel = ApplicationPanel;
 exports.AvatarLabelPanel = AvatarLabelPanel;
@@ -14781,6 +14866,8 @@ exports.TwoFactorModal = TwoFactorModal;
 exports.UserMenu = UserMenu;
 exports.apiClient = apiClient;
 exports.createApiClient = createApiClient;
+exports.extractBetweenBraces = extractBetweenBraces;
+exports.extractOutsideBraces = extractOutsideBraces;
 exports.getDefaultExportFromCjs = getDefaultExportFromCjs;
 exports.theme = theme;
 exports.useManagedModals = useManagedModals;

package/build/index.cjs.js/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CWyl7EKZ.js');
+var index = require('./index-Clg3JrJr.js');
 require('@mantine/modals');
 require('react');
 require('@mantine/core');
@@ -74,6 +74,8 @@ exports.TwoFactorModal = index.TwoFactorModal;
 exports.UserMenu = index.UserMenu;
 exports.apiClient = index.apiClient;
 exports.createApiClient = index.createApiClient;
+exports.extractBetweenBraces = index.extractBetweenBraces;
+exports.extractOutsideBraces = index.extractOutsideBraces;
 exports.theme = index.theme;
 exports.useManagedModals = index.useManagedModals;
 exports.useModal = index.useModal;

package/build/index.esm.js/{heatmap-CtdCSRhG.js → heatmap-D3ePhBTg.js}

@@ -1,4 +1,4 @@
-import { g as getDefaultExportFromCjs } from './index-D7Cza3cb.js';
+import { g as getDefaultExportFromCjs } from './index-rnjdI3M1.js';
 
 function _mergeNamespaces(n, m) {
 	m.forEach(function (e) {

package/build/index.esm.js/{index-D7Cza3cb.js → index-rnjdI3M1.js}

@@ -1,7 +1,7 @@
 import { modals } from '@mantine/modals';
 import * as React from 'react';
 import React__default, { useRef, useMemo, useEffect, useState } from 'react';
-import { Center, Image, Space, Popover, Button, Stack, Divider, Group, Text, Menu, Avatar, Badge, NavLink, Card, TextInput, ActionIcon, Box, Title, SegmentedControl, Breadcrumbs, Anchor, ColorSwatch, AspectRatio, Overlay, rem, SimpleGrid, Indicator, Table, createTheme, PinInput, Drawer as Drawer$1, ScrollArea, NumberInput, PasswordInput, Textarea, Grid, MantineProvider } from '@mantine/core';
+import { Center, Image, Space, Popover, Button, Stack, Divider, Group, Text, Menu, Avatar, Badge, NavLink, Card, PillsInput, ActionIcon, Pill, Box, Title, SegmentedControl, Breadcrumbs, Anchor, ColorSwatch, AspectRatio, Overlay, rem, SimpleGrid, Indicator, Table, createTheme, PinInput, Drawer as Drawer$1, ScrollArea, NumberInput, PasswordInput, TextInput, Textarea, Grid, MantineProvider } from '@mantine/core';
 import { DotLottieReact } from '@lottiefiles/dotlottie-react';
 import _extends from '@babel/runtime/helpers/extends';
 import HighchartsReact from 'highcharts-react-official';
@@ -12151,7 +12151,7 @@ const initChart$1 = props => {
   }
 
   // Fallback: use dynamic import (async, but will work in Vite/Storybook)
-  import('./heatmap-CtdCSRhG.js').then(function (n) { return n.h; }).then(heatmapModule => {
+  import('./heatmap-D3ePhBTg.js').then(function (n) { return n.h; }).then(heatmapModule => {
     const moduleFn = typeof heatmapModule === "function" ? heatmapModule : heatmapModule?.default || heatmapModule;
     if (typeof moduleFn === "function") {
       moduleFn(Highcharts);
@@ -12952,39 +12952,78 @@ const SearchPanel = _ref3 => {
     searchState,
     filterFn,
     searchFn,
+    onPillRemove,
     children,
     ...rest
   } = _ref3;
-  const [search, setSearch] = searchState || useState("");
+  const [searchPills, setSearchPills] = searchState || useState([]);
+  const [inputValue, setInputValue] = useState("");
   const form = useForm({
     initialValues: {
-      search: search
+      search: ""
     }
   });
+  const handleAddPill = value => {
+    const trimmedValue = value.trim();
+    if (trimmedValue && !searchPills.includes(trimmedValue)) {
+      const newPills = [...searchPills, trimmedValue];
+      setSearchPills(newPills);
+      setInputValue("");
+      form.setFieldValue("search", "");
+    }
+  };
+  const handleRemovePill = value => {
+    const newPills = searchPills.filter(pill => pill !== value);
+    setSearchPills(newPills);
+    if (onPillRemove) {
+      onPillRemove(value);
+    }
+  };
+  const handleSubmit = values => {
+    if (inputValue.trim()) {
+      handleAddPill(inputValue);
+    }
+    if (searchFn) {
+      searchFn({
+        search: searchPills
+      });
+    }
+  };
+  const handleKeyDown = event => {
+    if (event.key === "Enter" && inputValue.trim()) {
+      event.preventDefault();
+      handleAddPill(inputValue);
+    } else if (event.key === "Backspace" && inputValue.length === 0 && searchPills.length > 0) {
+      event.preventDefault();
+      handleRemovePill(searchPills[searchPills.length - 1]);
+    }
+  };
   return /*#__PURE__*/React__default.createElement(SimplePanel, rest, /*#__PURE__*/React__default.createElement(Stack, null, /*#__PURE__*/React__default.createElement("form", {
-    onSubmit: form.onSubmit(values => {
-      searchFn ? searchFn(values) : void 0;
-    })
+    onSubmit: form.onSubmit(handleSubmit)
   }, /*#__PURE__*/React__default.createElement(Group, {
     gap: "xs"
-  }, /*#__PURE__*/React__default.createElement(TextInput, {
-    fw: 300,
-    name: "search",
+  }, /*#__PURE__*/React__default.createElement(PillsInput, {
     size: "md",
     radius: "md",
     flex: 1,
-    value: search,
-    placeholder: placeholder,
     leftSection: /*#__PURE__*/React__default.createElement(Icons, searchIcon),
     rightSection: typeof filterFn == "function" ? /*#__PURE__*/React__default.createElement(ActionIcon, {
       variant: "transparent",
       onClick: filterFn
-    }, /*#__PURE__*/React__default.createElement(Icons, filterIcon)) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null),
+    }, /*#__PURE__*/React__default.createElement(Icons, filterIcon)) : undefined
+  }, /*#__PURE__*/React__default.createElement(Pill.Group, null, searchPills.map((pill, index) => /*#__PURE__*/React__default.createElement(Pill, {
+    key: `${pill}-${index}`,
+    withRemoveButton: true,
+    onRemove: () => handleRemovePill(pill)
+  }, pill)), /*#__PURE__*/React__default.createElement(PillsInput.Field, {
+    placeholder: placeholder,
+    value: inputValue,
     onChange: e => {
-      setSearch(e.currentTarget.value);
+      setInputValue(e.currentTarget.value);
       form.setFieldValue("search", e.currentTarget.value);
-    }
-  }), /*#__PURE__*/React__default.createElement(Button, {
+    },
+    onKeyDown: handleKeyDown
+  }))), /*#__PURE__*/React__default.createElement(Button, {
     variant: "light",
     size: "md",
     fw: 300,
@@ -13714,19 +13753,32 @@ const SimpleTable = _ref => {
     actionFn,
     isStriped
   } = _ref;
-  columns.sort((a, b) => a.order - b.order);
-  const indexColumn = {
-    order: -99,
-    id: "index",
-    label: "Id"
-  };
-  const actionColumn = {
-    order: 99999,
-    id: "action",
-    label: ""
-  };
-  withIndex ? columns.unshift(indexColumn) : null;
-  withAction && actionFn ? columns.push(actionColumn) : null;
+  // Memoize the final columns array to avoid mutations on every render
+  const finalColumns = useMemo(() => {
+    // Create a new array to avoid mutating the original
+    const sortedColumns = [...columns].sort((a, b) => a.order - b.order);
+    const indexColumn = {
+      order: -99,
+      id: "index",
+      label: "Id"
+    };
+    const actionColumn = {
+      order: 99999,
+      id: "action",
+      label: ""
+    };
+
+    // Build final array without mutations
+    const result = [];
+    if (withIndex) {
+      result.push(indexColumn);
+    }
+    result.push(...sortedColumns);
+    if (withAction && actionFn) {
+      result.push(actionColumn);
+    }
+    return result;
+  }, [columns, withIndex, withAction, actionFn]);
   const isStripedProps = {
     striped: "even",
     highlightOnHover: true,
@@ -13735,7 +13787,7 @@ const SimpleTable = _ref => {
   };
   return /*#__PURE__*/React__default.createElement(Table, isStriped && isStripedProps, /*#__PURE__*/React__default.createElement(Table.Thead, null, /*#__PURE__*/React__default.createElement(Table.Tr, {
     bg: isStriped ? "gray.1" : "transparent"
-  }, columns.map((column, index) => {
+  }, finalColumns.map((column, index) => {
     return /*#__PURE__*/React__default.createElement(SimpleHeader, _extends({
       key: `column-${index}`
     }, column));
@@ -13743,7 +13795,7 @@ const SimpleTable = _ref => {
     return /*#__PURE__*/React__default.createElement(SimpleBody, {
       key: index,
       row,
-      columns,
+      columns: finalColumns,
       withAction,
       withIndex,
       actionFn,
@@ -14714,4 +14766,37 @@ function withProviders(Component) {
   return WrappedComponent;
 }
 
-export { ApplicationMenu as A, BasicHeatmap as B, CalendarHeatmap as C, DonutChart as D, EqualizerColumn as E, File as F, SimpleForm as G, MaskedTilePanel as H, InterpolatedHeatmap as I, TilePanel as J, useModal as K, LabelPanel as L, MultiAxisArea as M, useManagedModals as N, useUrlFilters as O, PageTitle as P, DEFAULT_PAGE_SIZE as Q, MAX_PAGE_SIZE as R, SimpleColumn as S, TitledPanel as T, UserMenu as U, DEFAULT_API_TIMEOUT as V, createApiClient as W, apiClient as X, ModalContentWrapper as Y, withProviders as Z, StackedColumn as a, SimpleArea as b, StackedArea as c, Icons as d, DynamicLogo as e, DynamicShigaLogo as f, getDefaultExportFromCjs as g, SideMenu as h, SimplePanel as i, SearchPanel as j, AvatarLabelPanel as k, SimpleText as l, TitleWithIndex as m, ConnectionPanel as n, ApplicationPanel as o, SubscriptionPlans as p, PaymentMethod as q, PaymentMethodAdd as r, SimpleTable as s, theme as t, ErrorModal as u, InfoModal as v, SimpleModal as w, SuccessModal as x, TwoFactorModal as y, Drawer as z };
+/**
+ * String utility functions for text manipulation
+ */
+const StringHelpers = {
+  /**
+   * Extracts text between curly braces from a string
+   * @param input - Input string that may contain text in braces
+   * @returns The text between braces, or empty string if not found
+   * @example
+   * extractBetweenBraces("Hello {world}") // returns "world"
+   * extractBetweenBraces("No braces") // returns ""
+   */
+  extractBetweenBraces: input => {
+    const regex = /^[^{]*\{([^}]*)\}[^{]*$/;
+    const match = input.match(regex);
+    return match ? match[1] : "";
+  },
+  /**
+   * Removes text within curly braces from a string
+   * @param input - Input string that may contain text in braces
+   * @returns The string with braces and their content removed, trimmed
+   * @example
+   * extractOutsideBraces("Hello {world}") // returns "Hello"
+   * extractOutsideBraces("No braces") // returns "No braces"
+   */
+  extractOutsideBraces: input => {
+    const regex = /\{[^}]*\}/g;
+    return input.replace(regex, "").trim();
+  }
+};
+const extractBetweenBraces = StringHelpers.extractBetweenBraces;
+const extractOutsideBraces = StringHelpers.extractOutsideBraces;
+
+export { extractOutsideBraces as $, ApplicationMenu as A, BasicHeatmap as B, CalendarHeatmap as C, DonutChart as D, EqualizerColumn as E, File as F, SimpleForm as G, MaskedTilePanel as H, InterpolatedHeatmap as I, TilePanel as J, useModal as K, LabelPanel as L, MultiAxisArea as M, useManagedModals as N, useUrlFilters as O, PageTitle as P, DEFAULT_PAGE_SIZE as Q, MAX_PAGE_SIZE as R, SimpleColumn as S, TitledPanel as T, UserMenu as U, DEFAULT_API_TIMEOUT as V, createApiClient as W, apiClient as X, ModalContentWrapper as Y, withProviders as Z, extractBetweenBraces as _, StackedColumn as a, SimpleArea as b, StackedArea as c, Icons as d, DynamicLogo as e, DynamicShigaLogo as f, getDefaultExportFromCjs as g, SideMenu as h, SimplePanel as i, SearchPanel as j, AvatarLabelPanel as k, SimpleText as l, TitleWithIndex as m, ConnectionPanel as n, ApplicationPanel as o, SubscriptionPlans as p, PaymentMethod as q, PaymentMethodAdd as r, SimpleTable as s, theme as t, ErrorModal as u, InfoModal as v, SimpleModal as w, SuccessModal as x, TwoFactorModal as y, Drawer as z };

package/build/index.esm.js/index.js

@@ -1,4 +1,4 @@
-export { A as ApplicationMenu, o as ApplicationPanel, k as AvatarLabelPanel, B as BasicHeatmap, C as CalendarHeatmap, n as ConnectionPanel, V as DEFAULT_API_TIMEOUT, Q as DEFAULT_PAGE_SIZE, D as DonutChart, z as Drawer, e as DynamicLogo, f as DynamicShigaLogo, E as EqualizerColumn, u as ErrorModal, F as File, d as Icons, v as InfoModal, I as InterpolatedHeatmap, L as LabelPanel, R as MAX_PAGE_SIZE, H as MaskedTilePanel, Y as ModalContentWrapper, M as MultiAxisArea, P as PageTitle, q as PaymentMethod, r as PaymentMethodAdd, j as SearchPanel, h as SideMenu, b as SimpleArea, S as SimpleColumn, G as SimpleForm, w as SimpleModal, i as SimplePanel, s as SimpleTable, l as SimpleText, c as StackedArea, a as StackedColumn, p as SubscriptionPlans, x as SuccessModal, J as TilePanel, m as TitleWithIndex, T as TitledPanel, y as TwoFactorModal, U as UserMenu, X as apiClient, W as createApiClient, t as theme, N as useManagedModals, K as useModal, O as useUrlFilters, Z as withProviders } from './index-D7Cza3cb.js';
+export { A as ApplicationMenu, o as ApplicationPanel, k as AvatarLabelPanel, B as BasicHeatmap, C as CalendarHeatmap, n as ConnectionPanel, V as DEFAULT_API_TIMEOUT, Q as DEFAULT_PAGE_SIZE, D as DonutChart, z as Drawer, e as DynamicLogo, f as DynamicShigaLogo, E as EqualizerColumn, u as ErrorModal, F as File, d as Icons, v as InfoModal, I as InterpolatedHeatmap, L as LabelPanel, R as MAX_PAGE_SIZE, H as MaskedTilePanel, Y as ModalContentWrapper, M as MultiAxisArea, P as PageTitle, q as PaymentMethod, r as PaymentMethodAdd, j as SearchPanel, h as SideMenu, b as SimpleArea, S as SimpleColumn, G as SimpleForm, w as SimpleModal, i as SimplePanel, s as SimpleTable, l as SimpleText, c as StackedArea, a as StackedColumn, p as SubscriptionPlans, x as SuccessModal, J as TilePanel, m as TitleWithIndex, T as TitledPanel, y as TwoFactorModal, U as UserMenu, X as apiClient, W as createApiClient, _ as extractBetweenBraces, $ as extractOutsideBraces, t as theme, N as useManagedModals, K as useModal, O as useUrlFilters, Z as withProviders } from './index-rnjdI3M1.js';
 import '@mantine/modals';
 import 'react';
 import '@mantine/core';

package/build/typings/components/panels/simple/Simple.types.d.ts

@@ -20,7 +20,8 @@ export interface SearchPanelProps extends PanelProps {
     searchIcon?: IconsProps;
     filterIcon?: IconsProps;
     searchText?: string;
-    searchState?: [string, (value: string) => void];
+    searchState?: [string[], (value: string[]) => void];
     searchFn?: (value: Record<string, any>) => void;
     filterFn?: () => void;
+    onPillRemove?: (value: string) => void;
 }

package/build/typings/index.d.ts

@@ -6,3 +6,4 @@ export * from "./shared/api";
 export * from "./shared/components";
 export * from "./shared/types";
 export * from "./shared/hocs";
+export * from "./shared/utils";

package/build/typings/shared/utils/index.d.ts

@@ -0,0 +1 @@
+export * from "./stringHelpers";

package/build/typings/shared/utils/stringHelpers.d.ts

@@ -0,0 +1,2 @@
+export declare const extractBetweenBraces: (input: string) => string;
+export declare const extractOutsideBraces: (input: string) => string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@adiba-banking-cloud/backoffice",
   "author": "TUROG Technologies",
-  "version": "0.2.1",
+  "version": "0.2.4",
   "description": "An ADIBA component library for backoffice and dashboard applications",
   "license": "ISC",
   "main": "build/index.cjs.js",