@cakemail-org/ui-components-v2 2.0.57 → 2.0.58

package/dist/cjs/components/filterBar/index.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import "./styles.scss";
 import { TFilterBar } from "./types";
-export declare function FilterBar({ operatorOptions, initOperatorValue, operatorValue, onSave, saveTxt, onClear, clearTxt, onUpdate, addFilterTxt, filterTerms, initFilterTerms, dropMenuOptions, dropMenuProps, replacePartial }: TFilterBar): React.JSX.Element;
+export declare function FilterBar({ operatorOptions, initOperatorValue, operatorValue, onSave, saveTxt, onClear, clearTxt, onUpdate, onSearchUpdate, loading, addFilterTxt, filterTerms, initFilterTerms, dropMenuOptions, dropMenuProps, replacePartial }: TFilterBar): React.JSX.Element;
 export default FilterBar;
 export * from "./types";

package/dist/cjs/components/filterBar/types.d.ts

@@ -30,12 +30,18 @@ export type TFilterBar = {
         disabledTabs?: string[];
     };
     replacePartial?: boolean;
+    onSearchUpdate?: ({ value, tab }: TFilterBarSearchUpdate) => void;
+    loading?: boolean;
 };
 export type TFilterBarUpdate = ({ filterTerms, operator }: TFilterBarupdateReturn) => void;
 export type TFilterBarupdateReturn = {
     filterTerms: TFilterBarFilterTerm[];
     operator: EOperatorTypes;
 };
+export type TFilterBarSearchUpdate = {
+    value: string;
+    tab: string;
+};
 export type TFilterBarFilterTerm = {
     value: string;
     text?: string;

package/dist/cjs/index.js

@@ -8749,7 +8749,7 @@ styleInject(css_248z$9);
 
 function FilterBar(_a) {
     var _b, _c, _d, _e, _f;
-    var operatorOptions = _a.operatorOptions, initOperatorValue = _a.initOperatorValue, operatorValue = _a.operatorValue, onSave = _a.onSave, saveTxt = _a.saveTxt, onClear = _a.onClear, clearTxt = _a.clearTxt, onUpdate = _a.onUpdate, addFilterTxt = _a.addFilterTxt, filterTerms = _a.filterTerms, initFilterTerms = _a.initFilterTerms, dropMenuOptions = _a.dropMenuOptions, dropMenuProps = _a.dropMenuProps, replacePartial = _a.replacePartial;
+    var operatorOptions = _a.operatorOptions, initOperatorValue = _a.initOperatorValue, operatorValue = _a.operatorValue, onSave = _a.onSave, saveTxt = _a.saveTxt, onClear = _a.onClear, clearTxt = _a.clearTxt, onUpdate = _a.onUpdate, onSearchUpdate = _a.onSearchUpdate, loading = _a.loading, addFilterTxt = _a.addFilterTxt, filterTerms = _a.filterTerms, initFilterTerms = _a.initFilterTerms, dropMenuOptions = _a.dropMenuOptions, dropMenuProps = _a.dropMenuProps, replacePartial = _a.replacePartial;
     var _g = React.useState(false), showSearch = _g[0], setShowSearch = _g[1];
     var _h = React.useState(""), search = _h[0], setSearch = _h[1];
     var _j = React.useState((_c = (_b = dropMenuProps === null || dropMenuProps === void 0 ? void 0 : dropMenuProps.tabs) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.name), selectedTab = _j[0], setSelectedTab = _j[1];
@@ -8773,6 +8773,7 @@ function FilterBar(_a) {
         if (search === "") {
             handleShowSearch();
         }
+        onSearchUpdate && onSearchUpdate({ value: search || "", tab: selectedTab || "" });
     }
     function handleRemoveTerm(termValue) {
         var updatedTerms = cFilterTerms.filter(function (t) { return t.value !== termValue; });
@@ -8867,7 +8868,7 @@ function FilterBar(_a) {
             return __assign(__assign({}, t), { disabled: (_a = dropMenuProps === null || dropMenuProps === void 0 ? void 0 : dropMenuProps.disabledTabs) === null || _a === void 0 ? void 0 : _a.includes(t.name) });
         });
     }
-    return React.createElement(material.Stack, { className: "filter-bar-component-v2", direction: "row" },
+    return React.createElement(material.Stack, { className: "filter-bar-component-v2 ".concat(loading ? "loading" : ""), direction: "row" },
         React.createElement(material.Stack, { direction: "row", className: "DDItem", alignItems: "center", justifyContent: "center" },
             React.createElement(Dropdown, { menuPlacement: "bottom-left", value: cOperatorValue, prefixIcon: "Filter14", variant: "standard", options: operatorOptions, color: "body1", onChange: handleOperatorDD })),
         React.createElement(material.Stack, { className: "addFilterBox", alignItems: "center", justifyContent: "center" },

package/dist/esm/components/filterBar/index.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import "./styles.scss";
 import { TFilterBar } from "./types";
-export declare function FilterBar({ operatorOptions, initOperatorValue, operatorValue, onSave, saveTxt, onClear, clearTxt, onUpdate, addFilterTxt, filterTerms, initFilterTerms, dropMenuOptions, dropMenuProps, replacePartial }: TFilterBar): React.JSX.Element;
+export declare function FilterBar({ operatorOptions, initOperatorValue, operatorValue, onSave, saveTxt, onClear, clearTxt, onUpdate, onSearchUpdate, loading, addFilterTxt, filterTerms, initFilterTerms, dropMenuOptions, dropMenuProps, replacePartial }: TFilterBar): React.JSX.Element;
 export default FilterBar;
 export * from "./types";

package/dist/esm/components/filterBar/types.d.ts

@@ -30,12 +30,18 @@ export type TFilterBar = {
         disabledTabs?: string[];
     };
     replacePartial?: boolean;
+    onSearchUpdate?: ({ value, tab }: TFilterBarSearchUpdate) => void;
+    loading?: boolean;
 };
 export type TFilterBarUpdate = ({ filterTerms, operator }: TFilterBarupdateReturn) => void;
 export type TFilterBarupdateReturn = {
     filterTerms: TFilterBarFilterTerm[];
     operator: EOperatorTypes;
 };
+export type TFilterBarSearchUpdate = {
+    value: string;
+    tab: string;
+};
 export type TFilterBarFilterTerm = {
     value: string;
     text?: string;

package/dist/esm/index.js

@@ -8729,7 +8729,7 @@ styleInject(css_248z$9);
 
 function FilterBar(_a) {
     var _b, _c, _d, _e, _f;
-    var operatorOptions = _a.operatorOptions, initOperatorValue = _a.initOperatorValue, operatorValue = _a.operatorValue, onSave = _a.onSave, saveTxt = _a.saveTxt, onClear = _a.onClear, clearTxt = _a.clearTxt, onUpdate = _a.onUpdate, addFilterTxt = _a.addFilterTxt, filterTerms = _a.filterTerms, initFilterTerms = _a.initFilterTerms, dropMenuOptions = _a.dropMenuOptions, dropMenuProps = _a.dropMenuProps, replacePartial = _a.replacePartial;
+    var operatorOptions = _a.operatorOptions, initOperatorValue = _a.initOperatorValue, operatorValue = _a.operatorValue, onSave = _a.onSave, saveTxt = _a.saveTxt, onClear = _a.onClear, clearTxt = _a.clearTxt, onUpdate = _a.onUpdate, onSearchUpdate = _a.onSearchUpdate, loading = _a.loading, addFilterTxt = _a.addFilterTxt, filterTerms = _a.filterTerms, initFilterTerms = _a.initFilterTerms, dropMenuOptions = _a.dropMenuOptions, dropMenuProps = _a.dropMenuProps, replacePartial = _a.replacePartial;
     var _g = useState(false), showSearch = _g[0], setShowSearch = _g[1];
     var _h = useState(""), search = _h[0], setSearch = _h[1];
     var _j = useState((_c = (_b = dropMenuProps === null || dropMenuProps === void 0 ? void 0 : dropMenuProps.tabs) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.name), selectedTab = _j[0], setSelectedTab = _j[1];
@@ -8753,6 +8753,7 @@ function FilterBar(_a) {
         if (search === "") {
             handleShowSearch();
         }
+        onSearchUpdate && onSearchUpdate({ value: search || "", tab: selectedTab || "" });
     }
     function handleRemoveTerm(termValue) {
         var updatedTerms = cFilterTerms.filter(function (t) { return t.value !== termValue; });
@@ -8847,7 +8848,7 @@ function FilterBar(_a) {
             return __assign(__assign({}, t), { disabled: (_a = dropMenuProps === null || dropMenuProps === void 0 ? void 0 : dropMenuProps.disabledTabs) === null || _a === void 0 ? void 0 : _a.includes(t.name) });
         });
     }
-    return React__default.createElement(Stack$1, { className: "filter-bar-component-v2", direction: "row" },
+    return React__default.createElement(Stack$1, { className: "filter-bar-component-v2 ".concat(loading ? "loading" : ""), direction: "row" },
         React__default.createElement(Stack$1, { direction: "row", className: "DDItem", alignItems: "center", justifyContent: "center" },
             React__default.createElement(Dropdown, { menuPlacement: "bottom-left", value: cOperatorValue, prefixIcon: "Filter14", variant: "standard", options: operatorOptions, color: "body1", onChange: handleOperatorDD })),
         React__default.createElement(Stack$1, { className: "addFilterBox", alignItems: "center", justifyContent: "center" },

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@cakemail-org/ui-components-v2",
-    "version": "2.0.57",
+    "version": "2.0.58",
     "description": "ui library kit made with material UI",
     "main": "dist/cjs/index.js",
     "module": "dist/esm/index.js",