oolib 2.216.0 → 2.217.0

package/dist/components/Banners/bannerContext.d.ts

@@ -5,9 +5,11 @@ export interface BannerEntry {
     color?: string;
     timeOut?: number;
 }
+export type Variant = "toast" | "default";
 export interface BannerState {
     alertState: BannerEntry[];
     infoState: BannerEntry[];
+    variant?: Variant;
 }
 export type BannerAction = {
     type: "ADD_ALERT";
@@ -25,6 +27,9 @@ export type BannerAction = {
     type: "REMOVE_ALL_INFO";
 } | {
     type: "REMOVE_ALL_ALERT";
+} | {
+    type: "SET_VARIANT";
+    variant: Variant;
 };
 export interface BannerContextType {
     BANNER_STATE: BannerState;
@@ -34,6 +39,7 @@ export interface BannerContextType {
     REMOVE_INFO_BANNER: (e: React.MouseEvent, id: string) => void;
     REMOVE_ALL_INFO_BANNERS: (e: React.MouseEvent) => void;
     REMOVE_ALL_ALERT_BANNERS: (e: React.MouseEvent) => void;
+    SET_VARIANT: (variant: Variant) => void;
 }
 export declare const BannerContext: React.Context<BannerContextType>;
 export interface BannerProviderProps {

package/dist/components/Banners/bannerContext.js

@@ -110,6 +110,8 @@ var bannerReducer = function (state, action) {
             return __assign(__assign({}, state), { infoState: [] });
         case "REMOVE_ALL_ALERT":
             return __assign(__assign({}, state), { alertState: [] });
+        case "SET_VARIANT":
+            return __assign(__assign({}, state), { variant: action.variant });
         default:
             return state;
     }
@@ -129,7 +131,7 @@ var bannerReducer = function (state, action) {
  */
 var BannerProvider = function (_a) {
     var children = _a.children;
-    var initialState = { alertState: [], infoState: [] };
+    var initialState = { alertState: [], infoState: [], variant: "default" };
     var _b = (0, react_1.useReducer)(bannerReducer, initialState), BANNER_STATE = _b[0], BANNER_DISPATCH = _b[1];
     var REMOVE_ALERT_BANNER = function (e, id) {
         BANNER_DISPATCH({ type: "REMOVE_ALERT", id: id });
@@ -143,6 +145,9 @@ var BannerProvider = function (_a) {
     var REMOVE_ALL_ALERT_BANNERS = function (e) {
         BANNER_DISPATCH({ type: "REMOVE_ALL_ALERT" });
     };
+    var SET_VARIANT = function (variant) {
+        BANNER_DISPATCH({ type: "SET_VARIANT", variant: variant });
+    };
     // the config of bannner can either be passed as a object, or plain arguments.
     var SET_INFO_BANNER = function (options_msg, color, timeOut) {
         var options;
@@ -181,7 +186,8 @@ var BannerProvider = function (_a) {
         REMOVE_ALERT_BANNER: REMOVE_ALERT_BANNER,
         REMOVE_INFO_BANNER: REMOVE_INFO_BANNER,
         REMOVE_ALL_INFO_BANNERS: REMOVE_ALL_INFO_BANNERS,
-        REMOVE_ALL_ALERT_BANNERS: REMOVE_ALL_ALERT_BANNERS
+        REMOVE_ALL_ALERT_BANNERS: REMOVE_ALL_ALERT_BANNERS,
+        SET_VARIANT: SET_VARIANT
     };
     return react_1.default.createElement(exports.BannerContext.Provider, { value: contextValue }, children);
 };

package/dist/stories/Oolib/components/Banner.stories.js

@@ -13,6 +13,7 @@ exports.Toast = exports.Banner_Info = exports.Banner_Alert = void 0;
 var react_1 = require("react");
 var Banners_1 = require("../../../components/Banners");
 var icons_1 = require("../../../icons");
+var bannerContext_1 = require("../../../components/Banners/bannerContext");
 var availableIcons = Object.keys(icons_1.icons).sort();
 exports.default = {
     title: "Components/Banners",
@@ -158,3 +159,17 @@ var Toast = function (args) {
             React.createElement("i", null, "Note: change props and click on add more button"))));
 };
 exports.Toast = Toast;
+// const TestBannerVariant = () => {
+//   const { SET_VARIANT, BANNER_STATE } = useBannerContext();
+//   return (
+//     <div>
+//       <p>Current variant: {BANNER_STATE.variant}</p>
+//       <button onClick={() => SET_VARIANT("toast")}>
+//         Set Toast
+//       </button>
+//       <button onClick={() => SET_VARIANT("default")}>
+//         Set Default
+//       </button>
+//     </div>
+//   );
+// };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oolib",
-  "version": "2.216.0",
+  "version": "2.217.0",
   "description": " OKE Component Library",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",