@adiba-banking-cloud/backoffice 0.0.89 → 0.0.91

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

@@ -12209,6 +12209,7 @@ const SearchPanel = _ref3 => {
     children,
     ...rest
   } = _ref3;
+  const [search, setSearch] = rest.searchState || React.useState("");
   return /*#__PURE__*/React.createElement(SimplePanel, rest, /*#__PURE__*/React.createElement(core.Stack, null, /*#__PURE__*/React.createElement(core.Group, {
     gap: 'xs'
   }, /*#__PURE__*/React.createElement(core.TextInput, {
@@ -12217,6 +12218,8 @@ const SearchPanel = _ref3 => {
     size: "md",
     radius: "md",
     flex: 1,
+    value: search,
+    onChange: e => setSearch(e.currentTarget.value),
     placeholder: placeholder,
     leftSection: /*#__PURE__*/React.createElement(Icons, searchIcon),
     rightSection: typeof filterFn == 'function' ? /*#__PURE__*/React.createElement(core.ActionIcon, {

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

@@ -1,5 +1,5 @@
 import { modals } from '@mantine/modals';
-import React, { useRef, useMemo, useEffect } from 'react';
+import React, { 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 } from '@mantine/core';
 import { DotLottieReact } from '@lottiefiles/dotlottie-react';
 import _extends from '@babel/runtime/helpers/extends';
@@ -12188,6 +12188,7 @@ const SearchPanel = _ref3 => {
     children,
     ...rest
   } = _ref3;
+  const [search, setSearch] = rest.searchState || useState("");
   return /*#__PURE__*/React.createElement(SimplePanel, rest, /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(Group, {
     gap: 'xs'
   }, /*#__PURE__*/React.createElement(TextInput, {
@@ -12196,6 +12197,8 @@ const SearchPanel = _ref3 => {
     size: "md",
     radius: "md",
     flex: 1,
+    value: search,
+    onChange: e => setSearch(e.currentTarget.value),
     placeholder: placeholder,
     leftSection: /*#__PURE__*/React.createElement(Icons, searchIcon),
     rightSection: typeof filterFn == 'function' ? /*#__PURE__*/React.createElement(ActionIcon, {

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

@@ -20,5 +20,6 @@ export interface SearchPanelProps extends PanelProps {
     searchIcon?: IconsProps;
     filterIcon?: IconsProps;
     searchText?: string;
+    searchState?: [string, (value: string) => void];
     filterFn?: () => void;
 }

package/package.json

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