@adiba-banking-cloud/backoffice 0.0.94 → 0.0.96

package/README.md

@@ -15,6 +15,7 @@ A React component library for building modern backoffice applications. This libr
 ## Components
 
 ### Charts
+
 - **Area Charts**: Interactive area charts with customizable colors and gradients
 - **Column Charts**: Bar and column charts with rounded corners and customizable styling
 - **Donut Charts**: Circular charts with customizable inner radius and labels
@@ -30,13 +31,15 @@ A React component library for building modern backoffice applications. This libr
   - Customizable grid lines and labels
 
 ### Drag and Drop
-- **Kanban Board**: 
+
+- **Kanban Board**:
   - Drag and drop columns and cards
   - Customizable card content
   - Column reordering
   - Card status management
 
 ### Menus
+
 - **Side Navigation**:
   - Collapsible sidebar
   - Nested menu items
@@ -73,6 +76,7 @@ npm install @mantine/core@^7.12.2 @mantine/hooks@^7.12.2 @hello-pangea/dnd@^16.5
 ```
 
 Or install everything at once:
+
 ```bash
 npm install backoffice-console-library react@^18.3.1 @mantine/core@^7.12.2 @mantine/hooks@^7.12.2 @hello-pangea/dnd@^16.5.0 highcharts-react-official@^3.2.2 highcharts-rounded-corners@^1.0.7 iconsax-react@^0.0.8 @fontsource/poppins@^5.1.0
 ```
@@ -84,14 +88,10 @@ This library requires React 18.3.1 or higher as a peer dependency.
 ## Usage
 
 ```tsx
-import { ComponentName } from 'backoffice-console-library';
+import { ComponentName } from "backoffice-console-library";
 
 function App() {
-  return (
-    <ComponentName>
-      {/* Your content here */}
-    </ComponentName>
-  );
+  return <ComponentName>{/* Your content here */}</ComponentName>;
 }
 ```
 
@@ -106,6 +106,7 @@ function App() {
 
 1. Clone the repository
 2. Install dependencies:
+
 ```bash
 npm install
 ```
@@ -128,6 +129,7 @@ npm install
 ## Publishing to npm
 
 ### Prerequisites
+
 1. An npm account (create one at https://www.npmjs.com/signup)
 2. npm CLI installed globally (`npm install -g npm`)
 3. Logged in to npm (`npm login`)
@@ -135,6 +137,7 @@ npm install
 ### Publishing Steps
 
 1. **Prepare Your Package**
+
    ```bash
    # Ensure all changes are committed
    git add .
@@ -142,12 +145,14 @@ npm install
    ```
 
 2. **Build the Package**
+
    ```bash
    # Build the library
    npm run rollup
    ```
 
 3. **Update Version**
+
    ```bash
    # Update version (patch, minor, or major)
    npm version patch  # for bug fixes
@@ -163,23 +168,30 @@ npm install
    ```
 
 ### Automated Publishing
+
 The package includes a deploy script that automates the publishing process:
+
 ```bash
 npm run deploy
 ```
+
 This script will:
+
 1. Stage and commit changes
 2. Build the library
 3. Increment the patch version
 4. Publish to npm
 
 ### Version Management
+
 - Use `npm version patch` for bug fixes (1.0.x)
 - Use `npm version minor` for new features (1.x.0)
 - Use `npm version major` for breaking changes (x.0.0)
 
 ### Publishing Checklist
+
 Before publishing, ensure:
+
 1. All tests pass
 2. Documentation is up to date
 3. Version number is correct
@@ -188,6 +200,7 @@ Before publishing, ensure:
 6. No sensitive information is included
 
 ### Troubleshooting
+
 - If you get a 403 error, ensure you're logged in (`npm login`)
 - If you get a 404 error, check if the package name is available
 - If you get a version conflict, ensure you're not trying to publish an existing version
@@ -207,6 +220,7 @@ backoffice-console-library/
 ## Dependencies
 
 ### Required Dependencies
+
 - `react` (^18.3.1) - Peer dependency
 - `@mantine/core` (^7.12.2) - UI framework
 - `@mantine/hooks` (^7.12.2) - UI hooks
@@ -217,6 +231,7 @@ backoffice-console-library/
 - `@fontsource/poppins` (^5.1.0) - Font family
 
 ### Development Dependencies
+
 - `typescript` (^5.6.2) - TypeScript support
 - `rollup` (^3.29.5) - Module bundler
 - `@rollup/plugin-typescript` (^11.1.6) - TypeScript plugin for Rollup
@@ -244,4 +259,4 @@ This project is licensed under the ISC License.
 
 ## Support
 
-For support, please open an issue in the repository.
+For support, please open an issue in the repository.

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

@@ -12223,22 +12223,24 @@ const SearchPanel = _ref3 => {
     })
   }, /*#__PURE__*/React.createElement(core.Group, {
     gap: 'xs'
-  }, /*#__PURE__*/React.createElement(core.TextInput, _extends({
+  }, /*#__PURE__*/React.createElement(core.TextInput, {
     fw: 300,
     name: "search",
     size: "md",
     radius: "md",
     flex: 1,
-    defaultValue: search,
+    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)
-  }, form$1.getInputProps("search"), {
-    onChange: e => setSearch(e.currentTarget.value)
-  })), /*#__PURE__*/React.createElement(core.Button, {
+    }, /*#__PURE__*/React.createElement(Icons, filterIcon)) : /*#__PURE__*/React.createElement(React.Fragment, null),
+    onChange: e => {
+      setSearch(e.currentTarget.value);
+      form$1.setFieldValue("search", e.currentTarget.value);
+    }
+  }), /*#__PURE__*/React.createElement(core.Button, {
     variant: "light",
     size: "md",
     fw: 300,

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

@@ -12202,22 +12202,24 @@ const SearchPanel = _ref3 => {
     })
   }, /*#__PURE__*/React.createElement(Group, {
     gap: 'xs'
-  }, /*#__PURE__*/React.createElement(TextInput, _extends({
+  }, /*#__PURE__*/React.createElement(TextInput, {
     fw: 300,
     name: "search",
     size: "md",
     radius: "md",
     flex: 1,
-    defaultValue: search,
+    value: search,
     placeholder: placeholder,
     leftSection: /*#__PURE__*/React.createElement(Icons, searchIcon),
     rightSection: typeof filterFn == 'function' ? /*#__PURE__*/React.createElement(ActionIcon, {
       variant: "transparent",
       onClick: filterFn
-    }, /*#__PURE__*/React.createElement(Icons, filterIcon)) : /*#__PURE__*/React.createElement(React.Fragment, null)
-  }, form.getInputProps("search"), {
-    onChange: e => setSearch(e.currentTarget.value)
-  })), /*#__PURE__*/React.createElement(Button, {
+    }, /*#__PURE__*/React.createElement(Icons, filterIcon)) : /*#__PURE__*/React.createElement(React.Fragment, null),
+    onChange: e => {
+      setSearch(e.currentTarget.value);
+      form.setFieldValue("search", e.currentTarget.value);
+    }
+  }), /*#__PURE__*/React.createElement(Button, {
     variant: "light",
     size: "md",
     fw: 300,

package/package.json

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