reactor-feature-toggle 6.1.0 → 8.0.0

package/LICENSE

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2016-2017 Wilson Mendes <willmendesneto@gmail.com>
+Copyright (c) 2025 Wilson Mendes <willmendesneto@gmail.com>
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -38,8 +38,6 @@ You can get it on NPM installing `reactor-feature-toggle` module as a project de
 
 ```shell
 npm install reactor-feature-toggle --save
-# or
-yarn add reactor-feature-toggle
 ```
 
 You can also use the standalone UMD build by including `dist/reactor-feature-toggle.js` in your page. If you do this you'll also need to include the dependencies. For example:
@@ -52,6 +50,8 @@ You can also use the standalone UMD build by including `dist/reactor-feature-tog
 
 ## Setup
 
+### Client-side
+
 You'll need to import `FeatureToggleProvider` and add it into the root component of your application. So that you can enable/disable features via `FeatureToggle` component any place in your application.
 
 Also, multiple `FeatureToggleProvider` are allowed, which gives more flexibility for your application.
@@ -119,7 +119,66 @@ const AppWrapper = () => {
 export default AppWrapper;
 ```
 
-# Demo
+### Using `useFeatureToggle()`
+
+```javascript
+import { useFeatureToggle } from 'reactor-feature-toggle';
+
+function Dashboard() {
+  const { isOn } = useFeatureToggle();
+
+  // {
+  //  enableNewDashboard: true,
+  //  enableProPlan: true,
+  //  enableBetaFeatures: false,
+  // }
+  //
+  const canAccessNewDashboard = isOn('enableNewDashboard') && isOn('enableProPlan');
+  const showBetaFeatures = isOn('enableBetaFeatures');
+
+  if (canAccessNewDashboard) {
+    return <div>New Dashboard</div>;
+  }
+
+  if (showBetaFeatures) {
+    return <div>Beta Feature!</div>;
+  }
+
+  return <div>Current Dashboard</div>;
+}
+```
+
+### Server-Side Usage
+
+For Server-Side Rendering or React Server Components, initialize `feature-toggle-service` directly without the Provider:
+
+```javascript
+import { set, FeatureToggle } from 'reactor-feature-toggle';
+
+// Initialize feature flags (typically in your root server component)
+const featureFlags = {
+  enableMainContent: true,
+  enableServerSideFeature: true,
+  enableNewAPI: false,
+};
+
+set(featureFlags);
+
+// Use FeatureToggle component in any Server Component
+export default function ServerPage() {
+  return 
+    (
+      <div>
+        <h1>ServerPage</h1>
+        <FeatureToggle featureName={['enableMainContent']}>
+          <div>Main Content visible!</div>
+        </FeatureToggle>
+      </div>
+    );
+}
+```
+
+## Demo
 
 Try out the [demo](https://stackblitz.com/edit/reactor-feature-toggle-sample)!
 
@@ -132,5 +191,4 @@ this project is using `np` package to publish, which makes things straightforwar
 ## Author
 
 **Wilson Mendes (willmendesneto)**
-
 - <http://github.com/willmendesneto>

package/dist/cjs/feature-toggle-provider.js

@@ -1,23 +1,63 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFeatureToggle = exports.FeatureToggleProvider = void 0;
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importStar(require("react"));
+exports.FeatureToggleProvider = void 0;
+exports.useFeatureToggle = useFeatureToggle;
+var react_1 = __importStar(require("react"));
 var feature_toggle_service_1 = require("feature-toggle-service");
-var FeatureToggleContext = react_1.createContext({
+var FeatureToggleContext = (0, react_1.createContext)({
     isOn: feature_toggle_service_1.isOn,
     toggles: null,
 });
-exports.FeatureToggleProvider = function (_a) {
+var FeatureToggleProvider = function (_a) {
     var children = _a.children, featureToggleService = _a.featureToggleService;
-    feature_toggle_service_1.set(featureToggleService);
-    return (react_1.default.createElement(FeatureToggleContext.Provider, { value: { isOn: feature_toggle_service_1.isOn, toggles: featureToggleService } }, children));
+    (0, react_1.useMemo)(function () {
+        (0, feature_toggle_service_1.set)(featureToggleService);
+    }, [featureToggleService]);
+    var value = (0, react_1.useMemo)(function () { return ({
+        isOn: feature_toggle_service_1.isOn,
+        toggles: featureToggleService,
+    }); }, [featureToggleService]);
+    return (react_1.default.createElement(FeatureToggleContext.Provider, { value: value }, children));
 };
+exports.FeatureToggleProvider = FeatureToggleProvider;
 function useFeatureToggle() {
-    var context = react_1.useContext(FeatureToggleContext);
+    var context = (0, react_1.useContext)(FeatureToggleContext);
     if (!context) {
         throw new Error('useFeatureToggle must be used within FeatureToggleClientProvider');
     }
     return context;
 }
-exports.useFeatureToggle = useFeatureToggle;
+//# sourceMappingURL=feature-toggle-provider.js.map

package/dist/cjs/feature-toggle-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature-toggle-provider.js","sourceRoot":"","sources":["../../src/feature-toggle-provider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA,4CASC;AAhDD,6CAA6E;AAC7E,iEAA+E;AAW/E,IAAM,oBAAoB,GAAG,IAAA,qBAAa,EAA2B;IACnE,IAAI,+BAAA;IACJ,OAAO,EAAE,IAAI;CACd,CAAC,CAAC;AAEI,IAAM,qBAAqB,GAAG,UAAC,EAGF;QAFlC,QAAQ,cAAA,EACR,oBAAoB,0BAAA;IAEpB,IAAA,eAAO,EAAC;QACN,IAAA,4BAAG,EAAC,oBAAoB,CAAC,CAAC;IAC5B,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAC,CAAC;IAC3B,IAAM,KAAK,GAAG,IAAA,eAAO,EACnB,cAAM,OAAA,CAAC;QACL,IAAI,+BAAA;QACJ,OAAO,EAAE,oBAAoB;KAC9B,CAAC,EAHI,CAGJ,EACF,CAAC,oBAAoB,CAAC,CACvB,CAAC;IAEF,OAAO,CACL,8BAAC,oBAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IACxC,QAAQ,CACqB,CACjC,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,qBAAqB,yBAoBhC;AAEF,SAAgB,gBAAgB;IAC9B,IAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,oBAAoB,CAAC,CAAC;IACjD,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CACb,kEAAkE,CACnE,CAAC;IACJ,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/dist/cjs/feature-toggle.d.ts

@@ -1,7 +1,7 @@
-import { ReactNode, FC } from 'react';
+import { ReactNode, ReactElement } from 'react';
 export interface FeatureToggleProps {
     children?: ReactNode;
     featureName: string[] | string;
     showWhenDisabled?: boolean;
 }
-export declare const FeatureToggle: FC<FeatureToggleProps>;
+export declare const FeatureToggle: (props: FeatureToggleProps) => ReactElement | null;

package/dist/cjs/feature-toggle.js

@@ -18,7 +18,7 @@ var feature_toggle_service_1 = require("feature-toggle-service");
  */
 var isOnCheck = function (featureName) {
     var isFeatureToggleOn = function (toggle) {
-        return toggle[0] === '!' ? !feature_toggle_service_1.isOn(toggle.replace('!', '')) : feature_toggle_service_1.isOn(toggle);
+        return toggle[0] === '!' ? !(0, feature_toggle_service_1.isOn)(toggle.replace('!', '')) : (0, feature_toggle_service_1.isOn)(toggle);
     };
     if (typeof featureName === 'string') {
         return isFeatureToggleOn(featureName);
@@ -28,7 +28,9 @@ var isOnCheck = function (featureName) {
     }
     return false;
 };
-exports.FeatureToggle = function (props) {
+var FeatureToggle = function (props) {
     var showContent = isOnCheck(props.featureName);
     return showContent ? props.children : null;
 };
+exports.FeatureToggle = FeatureToggle;
+//# sourceMappingURL=feature-toggle.js.map

package/dist/cjs/feature-toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature-toggle.js","sourceRoot":"","sources":["../../src/feature-toggle.tsx"],"names":[],"mappings":";;;AAEA,iEAA8C;AAQ9C;;;;;;GAMG;AAEH;;;;;;GAMG;AACH,IAAM,SAAS,GAAG,UAAC,WAA8B;IAC/C,IAAM,iBAAiB,GAAG,UAAC,MAAc;QACvC,OAAA,MAAM,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,IAAA,6BAAI,EAAC,MAAM,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAAA,6BAAI,EAAC,MAAM,CAAC;IAAjE,CAAiE,CAAC;IAEpE,IAAI,OAAO,WAAW,KAAK,QAAQ,EAAE,CAAC;QACpC,OAAO,iBAAiB,CAAC,WAAqB,CAAC,CAAC;IAClD,CAAC;SAAM,IAAI,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC;QACtC,OAAQ,WAAwB,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAC5D,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEK,IAAM,aAAa,GAAG,UAC3B,KAAyB;IAEzB,IAAM,WAAW,GAAG,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IAEjD,OAAO,WAAW,CAAC,CAAC,CAAE,KAAK,CAAC,QAAyB,CAAC,CAAC,CAAC,IAAI,CAAC;AAC/D,CAAC,CAAC;AANW,QAAA,aAAa,iBAMxB"}

package/dist/cjs/index.js

@@ -1,5 +1,19 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./feature-toggle"), exports);
-tslib_1.__exportStar(require("./feature-toggle-provider"), exports);
+__exportStar(require("./feature-toggle"), exports);
+__exportStar(require("./feature-toggle-provider"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mDAAiC;AACjC,4DAA0C"}

package/dist/esm/feature-toggle-provider.js

@@ -1,16 +1,28 @@
-import React, { createContext, useContext } from 'react';
-import { set, isOn } from 'feature-toggle-service';
-var FeatureToggleContext = createContext({
-    isOn: isOn,
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FeatureToggleProvider = void 0;
+exports.useFeatureToggle = useFeatureToggle;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var feature_toggle_service_1 = require("feature-toggle-service");
+var FeatureToggleContext = (0, react_1.createContext)({
+    isOn: feature_toggle_service_1.isOn,
     toggles: null,
 });
-export var FeatureToggleProvider = function (_a) {
+var FeatureToggleProvider = function (_a) {
     var children = _a.children, featureToggleService = _a.featureToggleService;
-    set(featureToggleService);
-    return (React.createElement(FeatureToggleContext.Provider, { value: { isOn: isOn, toggles: featureToggleService } }, children));
+    (0, react_1.useMemo)(function () {
+        (0, feature_toggle_service_1.set)(featureToggleService);
+    }, [featureToggleService]);
+    var value = (0, react_1.useMemo)(function () { return ({
+        isOn: feature_toggle_service_1.isOn,
+        toggles: featureToggleService,
+    }); }, [featureToggleService]);
+    return (react_1.default.createElement(FeatureToggleContext.Provider, { value: value }, children));
 };
-export function useFeatureToggle() {
-    var context = useContext(FeatureToggleContext);
+exports.FeatureToggleProvider = FeatureToggleProvider;
+function useFeatureToggle() {
+    var context = (0, react_1.useContext)(FeatureToggleContext);
     if (!context) {
         throw new Error('useFeatureToggle must be used within FeatureToggleClientProvider');
     }

package/dist/esm/feature-toggle.d.ts

@@ -1,7 +1,7 @@
-import { ReactNode, FC } from 'react';
+import { ReactNode, ReactElement } from 'react';
 export interface FeatureToggleProps {
     children?: ReactNode;
     featureName: string[] | string;
     showWhenDisabled?: boolean;
 }
-export declare const FeatureToggle: FC<FeatureToggleProps>;
+export declare const FeatureToggle: (props: FeatureToggleProps) => ReactElement | null;

package/dist/esm/feature-toggle.js

@@ -1,4 +1,7 @@
-import { isOn } from 'feature-toggle-service';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FeatureToggle = void 0;
+var feature_toggle_service_1 = require("feature-toggle-service");
 /**
  * Checks if feature toggle is turned on of turned off
  *
@@ -15,7 +18,7 @@ import { isOn } from 'feature-toggle-service';
  */
 var isOnCheck = function (featureName) {
     var isFeatureToggleOn = function (toggle) {
-        return toggle[0] === '!' ? !isOn(toggle.replace('!', '')) : isOn(toggle);
+        return toggle[0] === '!' ? !(0, feature_toggle_service_1.isOn)(toggle.replace('!', '')) : (0, feature_toggle_service_1.isOn)(toggle);
     };
     if (typeof featureName === 'string') {
         return isFeatureToggleOn(featureName);
@@ -25,7 +28,8 @@ var isOnCheck = function (featureName) {
     }
     return false;
 };
-export var FeatureToggle = function (props) {
+var FeatureToggle = function (props) {
     var showContent = isOnCheck(props.featureName);
     return showContent ? props.children : null;
 };
+exports.FeatureToggle = FeatureToggle;

package/dist/esm/index.js

@@ -1,2 +1,5 @@
-export * from './feature-toggle';
-export * from './feature-toggle-provider';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./feature-toggle"), exports);
+tslib_1.__exportStar(require("./feature-toggle-provider"), exports);

package/dist/umd/reactor-feature-toggle.js

@@ -1,63 +1 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('feature-toggle-service'), require('react')) :
-    typeof define === 'function' && define.amd ? define(['exports', 'feature-toggle-service', 'react'], factory) :
-    (global = global || self, factory(global.ReactorFeatureToggle = {}, global.featureToggleService, global.React));
-}(this, (function (exports, featureToggleService, React) { 'use strict';
-
-    var React__default = 'default' in React ? React['default'] : React;
-
-    /**
-     * Checks if feature toggle is turned on of turned off
-     *
-     * @param {string} toggle: name of the feature toggle previously configured via `FeatureToggleProvider`
-     *
-     * @returns boolean
-     */
-    /**
-     *
-     *
-     * @param {(string[] | string)} featureName: : name of the feature toggle previously configured via `FeatureToggleProvider`
-     *
-     * @returns boolean
-     */
-    var isOnCheck = function (featureName) {
-        var isFeatureToggleOn = function (toggle) {
-            return toggle[0] === '!' ? !featureToggleService.isOn(toggle.replace('!', '')) : featureToggleService.isOn(toggle);
-        };
-        if (typeof featureName === 'string') {
-            return isFeatureToggleOn(featureName);
-        }
-        else if (Array.isArray(featureName)) {
-            return featureName.every(isFeatureToggleOn);
-        }
-        return false;
-    };
-    var FeatureToggle = function (props) {
-        var showContent = isOnCheck(props.featureName);
-        return showContent ? props.children : null;
-    };
-
-    var FeatureToggleContext = React.createContext({
-        isOn: featureToggleService.isOn,
-        toggles: null,
-    });
-    var FeatureToggleProvider = function (_a) {
-        var children = _a.children, featureToggleService$1 = _a.featureToggleService;
-        featureToggleService.set(featureToggleService$1);
-        return (React__default.createElement(FeatureToggleContext.Provider, { value: { isOn: featureToggleService.isOn, toggles: featureToggleService$1 } }, children));
-    };
-    function useFeatureToggle() {
-        var context = React.useContext(FeatureToggleContext);
-        if (!context) {
-            throw new Error('useFeatureToggle must be used within FeatureToggleClientProvider');
-        }
-        return context;
-    }
-
-    exports.FeatureToggle = FeatureToggle;
-    exports.FeatureToggleProvider = FeatureToggleProvider;
-    exports.useFeatureToggle = useFeatureToggle;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-})));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).ReactorFeatureToggle=t(e.react)}(this,function(e){"use strict";function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=t(e);function n(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function o(e,t){return e(t={exports:{}},t.exports),t.exports}var i=function(e,t){return i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])},i(e,t)};var a=function(){return a=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)};var c=Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]};function u(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function s(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,i=r.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(n=i.next()).done;)a.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=i.return)&&r.call(i)}finally{if(o)throw o.error}}return a}function f(e){return this instanceof f?(this.v=e,this):new f(e)}var l=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t},p=function(e){return p=Object.getOwnPropertyNames||function(e){var t=[];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[t.length]=r);return t},p(e)};var y="function"==typeof SuppressedError?SuppressedError:function(e,t,r){var n=new Error(r);return n.name="SuppressedError",n.error=e,n.suppressed=t,n};var d,v={__extends:function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)},__assign:a,__rest:function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r},__decorate:function(e,t,r,n){var o,i=arguments.length,a=i<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,r,n);else for(var c=e.length-1;c>=0;c--)(o=e[c])&&(a=(i<3?o(a):i>3?o(t,r,a):o(t,r))||a);return i>3&&a&&Object.defineProperty(t,r,a),a},__param:function(e,t){return function(r,n){t(r,n,e)}},__esDecorate:function(e,t,r,n,o,i){function a(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var c,u=n.kind,s="getter"===u?"get":"setter"===u?"set":"value",f=!t&&e?n.static?e:e.prototype:null,l=t||(f?Object.getOwnPropertyDescriptor(f,n.name):{}),p=!1,y=r.length-1;y>=0;y--){var d={};for(var v in n)d[v]="access"===v?{}:n[v];for(var v in n.access)d.access[v]=n.access[v];d.addInitializer=function(e){if(p)throw new TypeError("Cannot add initializers after decoration has completed");i.push(a(e||null))};var h=(0,r[y])("accessor"===u?{get:l.get,set:l.set}:l[s],d);if("accessor"===u){if(void 0===h)continue;if(null===h||"object"!=typeof h)throw new TypeError("Object expected");(c=a(h.get))&&(l.get=c),(c=a(h.set))&&(l.set=c),(c=a(h.init))&&o.unshift(c)}else(c=a(h))&&("field"===u?o.unshift(c):l[s]=c)}f&&Object.defineProperty(f,n.name,l),p=!0},__runInitializers:function(e,t,r){for(var n=arguments.length>2,o=0;o<t.length;o++)r=n?t[o].call(e,r):t[o].call(e);return n?r:void 0},__propKey:function(e){return"symbol"==typeof e?e:"".concat(e)},__setFunctionName:function(e,t,r){return"symbol"==typeof t&&(t=t.description?"[".concat(t.description,"]"):""),Object.defineProperty(e,"name",{configurable:!0,value:r?"".concat(r," ",t):t})},__metadata:function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},__awaiter:function(e,t,r,n){return new(r||(r=Promise))(function(o,i){function a(e){try{u(n.next(e))}catch(e){i(e)}}function c(e){try{u(n.throw(e))}catch(e){i(e)}}function u(e){var t;e.done?o(e.value):(t=e.value,t instanceof r?t:new r(function(e){e(t)})).then(a,c)}u((n=n.apply(e,t||[])).next())})},__generator:function(e,t){var r,n,o,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]},a=Object.create(("function"==typeof Iterator?Iterator:Object).prototype);return a.next=c(0),a.throw=c(1),a.return=c(2),"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function c(c){return function(u){return function(c){if(r)throw new TypeError("Generator is already executing.");for(;a&&(a=0,c[0]&&(i=0)),i;)try{if(r=1,n&&(o=2&c[0]?n.return:c[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,c[1])).done)return o;switch(n=0,o&&(c=[2&c[0],o.value]),c[0]){case 0:case 1:o=c;break;case 4:return i.label++,{value:c[1],done:!1};case 5:i.label++,n=c[1],c=[0];continue;case 7:c=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==c[0]&&2!==c[0])){i=0;continue}if(3===c[0]&&(!o||c[1]>o[0]&&c[1]<o[3])){i.label=c[1];break}if(6===c[0]&&i.label<o[1]){i.label=o[1],o=c;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(c);break}o[2]&&i.ops.pop(),i.trys.pop();continue}c=t.call(e,i)}catch(e){c=[6,e],n=0}finally{r=o=0}if(5&c[0])throw c[1];return{value:c[0]?c[1]:void 0,done:!0}}([c,u])}}},__createBinding:c,__exportStar:function(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||c(t,e,r)},__values:u,__read:s,__spread:function(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(s(arguments[t]));return e},__spreadArrays:function(){for(var e=0,t=0,r=arguments.length;t<r;t++)e+=arguments[t].length;var n=Array(e),o=0;for(t=0;t<r;t++)for(var i=arguments[t],a=0,c=i.length;a<c;a++,o++)n[o]=i[a];return n},__spreadArray:function(e,t,r){if(r||2===arguments.length)for(var n,o=0,i=t.length;o<i;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))},__await:f,__asyncGenerator:function(e,t,r){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var n,o=r.apply(e,t||[]),i=[];return n=Object.create(("function"==typeof AsyncIterator?AsyncIterator:Object).prototype),a("next"),a("throw"),a("return",function(e){return function(t){return Promise.resolve(t).then(e,s)}}),n[Symbol.asyncIterator]=function(){return this},n;function a(e,t){o[e]&&(n[e]=function(t){return new Promise(function(r,n){i.push([e,t,r,n])>1||c(e,t)})},t&&(n[e]=t(n[e])))}function c(e,t){try{(r=o[e](t)).value instanceof f?Promise.resolve(r.value.v).then(u,s):l(i[0][2],r)}catch(e){l(i[0][3],e)}var r}function u(e){c("next",e)}function s(e){c("throw",e)}function l(e,t){e(t),i.shift(),i.length&&c(i[0][0],i[0][1])}},__asyncDelegator:function(e){var t,r;return t={},n("next"),n("throw",function(e){throw e}),n("return"),t[Symbol.iterator]=function(){return this},t;function n(n,o){t[n]=e[n]?function(t){return(r=!r)?{value:f(e[n](t)),done:!1}:o?o(t):t}:o}},__asyncValues:function(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,r=e[Symbol.asyncIterator];return r?r.call(e):(e=u(e),t={},n("next"),n("throw"),n("return"),t[Symbol.asyncIterator]=function(){return this},t);function n(r){t[r]=e[r]&&function(t){return new Promise(function(n,o){(function(e,t,r,n){Promise.resolve(n).then(function(t){e({value:t,done:r})},t)})(n,o,(t=e[r](t)).done,t.value)})}}},__makeTemplateObject:function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},__importStar:function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r=p(e),n=0;n<r.length;n++)"default"!==r[n]&&c(t,e,r[n]);return l(t,e),t},__importDefault:function(e){return e&&e.__esModule?e:{default:e}},__classPrivateFieldGet:function(e,t,r,n){if("a"===r&&!n)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===r?n:"a"===r?n.call(e):n?n.value:t.get(e)},__classPrivateFieldSet:function(e,t,r,n,o){if("m"===n)throw new TypeError("Private method is not writable");if("a"===n&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===n?o.call(e,r):o?o.value=r:t.set(e,r),r},__classPrivateFieldIn:function(e,t){if(null===t||"object"!=typeof t&&"function"!=typeof t)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?t===e:e.has(t)},__addDisposableResource:function(e,t,r){if(null!=t){if("object"!=typeof t&&"function"!=typeof t)throw new TypeError("Object expected.");var n,o;if(r){if(!Symbol.asyncDispose)throw new TypeError("Symbol.asyncDispose is not defined.");n=t[Symbol.asyncDispose]}if(void 0===n){if(!Symbol.dispose)throw new TypeError("Symbol.dispose is not defined.");n=t[Symbol.dispose],r&&(o=n)}if("function"!=typeof n)throw new TypeError("Object not disposable.");o&&(n=function(){try{o.call(this)}catch(e){return Promise.reject(e)}}),e.stack.push({value:t,dispose:n,async:r})}else r&&e.stack.push({async:!0});return t},__disposeResources:function(e){function t(t){e.error=e.hasError?new y(t,e.error,"An error was suppressed during disposal."):t,e.hasError=!0}var r,n=0;return function o(){for(;r=e.stack.pop();)try{if(!r.async&&1===n)return n=0,e.stack.push(r),Promise.resolve().then(o);if(r.dispose){var i=r.dispose.call(r.value);if(r.async)return n|=2,Promise.resolve(i).then(o,function(e){return t(e),o()})}else n|=1}catch(e){t(e)}if(1===n)return e.hasError?Promise.reject(e.error):Promise.resolve();if(e.hasError)throw e.error}()},__rewriteRelativeImportExtension:function(e,t){return"string"==typeof e&&/^\.\.?\//.test(e)?e.replace(/\.(tsx)$|((?:\.d)?)((?:\.[^./]+?)?)\.([cm]?)ts$/i,function(e,r,n,o,i){return r?t?".jsx":".js":!n||o&&i?n+o+"."+i.toLowerCase()+"js":e}):e}},h="6.1.0",b=((d={})[h]={},d),_=Object.freeze({__proto__:null,isOn:function(e,t){return t&&console.log("\n[DEBUG] Execution Time in milliseconds: ".concat(Date.now(),' version: "').concat(h,'" key: "').concat(e,'" settings: ').concat(JSON.stringify(b),"\n")),"string"==typeof e&&!!b[h][e]},set:function(e){b[h]=Object.assign({},b[h],e)}}),w=o(function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.FeatureToggle=void 0;t.FeatureToggle=function(e){var t,r;return(t=e.featureName,r=function(e){return"!"===e[0]?!(0,_.isOn)(e.replace("!","")):(0,_.isOn)(e)},"string"==typeof t?r(t):!!Array.isArray(t)&&t.every(r))?e.children:null}});n(w),w.FeatureToggle;var g=o(function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.FeatureToggleProvider=void 0,t.useFeatureToggle=function(){var e=(0,n.useContext)(o);if(!e)throw new Error("useFeatureToggle must be used within FeatureToggleClientProvider");return e};var n=v.__importStar(r.default),o=(0,n.createContext)({isOn:_.isOn,toggles:null});t.FeatureToggleProvider=function(e){var t=e.children,r=e.featureToggleService;(0,n.useMemo)(function(){(0,_.set)(r)},[r]);var i=(0,n.useMemo)(function(){return{isOn:_.isOn,toggles:r}},[r]);return n.default.createElement(o.Provider,{value:i},t)}});n(g),g.FeatureToggleProvider,g.useFeatureToggle;var m=w,O=g;return n(o(function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),v.__exportStar(m,t),v.__exportStar(O,t)}))});

package/dist/umd/reactor-feature-toggle.min.js

@@ -1 +1 @@
-!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("feature-toggle-service"),require("react")):"function"==typeof define&&define.amd?define(["exports","feature-toggle-service","react"],r):r((e=e||self).ReactorFeatureToggle={},e.featureToggleService,e.React)}(this,function(e,n,r){"use strict";function t(e){function r(e){return"!"===e[0]?!n.isOn(e.replace("!","")):n.isOn(e)}return"string"==typeof e?r(e):!!Array.isArray(e)&&e.every(r)}var u="default"in r?r.default:r,i=r.createContext({isOn:n.isOn,toggles:null});e.FeatureToggle=function(e){return t(e.featureName)?e.children:null},e.FeatureToggleProvider=function(e){var r=e.children,t=e.featureToggleService;return n.set(t),u.createElement(i.Provider,{value:{isOn:n.isOn,toggles:t}},r)},e.useFeatureToggle=function(){var e=r.useContext(i);if(!e)throw new Error("useFeatureToggle must be used within FeatureToggleClientProvider");return e},Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).ReactorFeatureToggle=t(e.react)}(this,function(e){"use strict";var t,r=(t=e)&&"object"==typeof t&&"default"in t?t:{default:t};function n(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function o(e,t){return e(t={exports:{}},t.exports),t.exports}var u=Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]};var i,a=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t},l=function(e){return(l=Object.getOwnPropertyNames||function(e){var t=[];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[t.length]=r);return t})(e)},c=function(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||u(t,e,r)},f=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r=l(e),n=0;n<r.length;n++)"default"!==r[n]&&u(t,e,r[n]);return a(t,e),t},s="6.1.0",d=((i={})[s]={},i),g=Object.freeze({__proto__:null,isOn:function(e,t){return t&&console.log("\n[DEBUG] Execution Time in milliseconds: ".concat(Date.now(),' version: "').concat(s,'" key: "').concat(e,'" settings: ').concat(JSON.stringify(d),"\n")),"string"==typeof e&&!!d[s][e]},set:function(e){d[s]=Object.assign({},d[s],e)}}),v=o(function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.FeatureToggle=void 0,t.FeatureToggle=function(e){var t=e.featureName,r=function(e){return"!"===e[0]?!(0,g.isOn)(e.replace("!","")):(0,g.isOn)(e)};return("string"==typeof t?r(t):Array.isArray(t)&&t.every(r))?e.children:null}});n(v),v.FeatureToggle;var p=o(function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.FeatureToggleProvider=void 0,t.useFeatureToggle=function(){var e=(0,o.useContext)(u);if(!e)throw new Error("useFeatureToggle must be used within FeatureToggleClientProvider");return e};var o=f(r.default),u=(0,o.createContext)({isOn:g.isOn,toggles:null});t.FeatureToggleProvider=function(e){var t=e.children,r=e.featureToggleService;(0,o.useMemo)(function(){(0,g.set)(r)},[r]);var n=(0,o.useMemo)(function(){return{isOn:g.isOn,toggles:r}},[r]);return o.default.createElement(u.Provider,{value:n},t)}});n(p),p.FeatureToggleProvider,p.useFeatureToggle;var O=v,y=p;return n(o(function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),c(O,t),c(y,t)}))});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "reactor-feature-toggle",
-  "version": "6.1.0",
+  "version": "8.0.0",
   "description": "Your module to handle with feature toggles in ReactJS applications easier",
   "author": "Will Mendes <willmendesneto@gmail.com> (http://github.com/willmendesneto)",
   "keywords": [
@@ -30,23 +30,28 @@
   "sideEffects": false,
   "browser": "dist/umd/reactor-feature-toggle.js",
   "jsnext:main": "dist/esm/index.js",
-  "es2015": "dist/cjs/index.js",
   "cjs": "dist/cjs/index.js",
+  "exports": {
+    ".": {
+      "types": "./dist/cjs/index.d.ts",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
+    }
+  },
   "scripts": {
-    "build": "npm run build:clean && npm run build:es2015 && npm run build:cjs && npm run build:esm && npm run build:umd",
-    "build:umd": "rollup dist/esm/index.js --format umd --name ReactorFeatureToggle -o dist/umd/reactor-feature-toggle.js && yarn build:umd:min",
+    "build": "npm run build:clean && npm run build:cjs && npm run build:esm && npm run build:umd",
+    "build:cjs": "tsc --project ./tsconfig.cjs.json --declaration --module commonjs --target es5 --outDir dist/cjs",
+    "build:umd": "rollup --config && npm run build:umd:min",
     "build:umd:min": "uglifyjs --compress --mangle --screw-ie8 --comments -o dist/umd/reactor-feature-toggle.min.js -- dist/umd/reactor-feature-toggle.js && gzip dist/umd/reactor-feature-toggle.min.js -c > dist/umd/reactor-feature-toggle.min.js.gz",
-    "build:es2015": "tsc --project ./tsconfig.build.json --module es2015 --target es2015 --outDir dist/es2015",
-    "build:esm": "tsc --project ./tsconfig.build.json --module esnext --target es5 --outDir dist/esm",
-    "build:cjs": "tsc --project ./tsconfig.build.json --module commonjs --target es5 --outDir dist/cjs",
-    "build:clean": "rm -rf ./dist ./.jest ./coverage",
+    "build:esm": "tsc --project ./tsconfig.esm.json --outDir dist/esm",
+    "build:clean": "rm -rf ./dist ./coverage .tsbuildinfo",
     "lint": "eslint --ext .ts,.tsx,.js src/",
     "lint:fix": "eslint --ext .ts,.tsx,.js src/ --fix",
     "lint:types": "tsc --noEmit",
     "lint:types-watch": "tsc --noEmit --watch",
     "prepack": "npm run preversion -s && npm run build -s",
-    "test": "jest",
-    "test:watch": "jest --watch",
+    "test": "vitest --watch=false",
+    "test:watch": "vitest --watch",
     "preversion": "npm run lint -s && npm run lint:types -s && npm run test -s",
     "bundlesize": "bundlesize",
     "coveralls": "cat ./coverage/lcov.info | ./node_modules/.bin/coveralls && rm -rf coverage",
@@ -54,11 +59,14 @@
     "vc": "version-changelog CHANGELOG.md"
   },
   "dependencies": {
+    "@types/jsdom": "^27.0.0",
     "feature-toggle-service": "^6.0.0",
+    "iltorb": "^2.4.5",
+    "parse5": "^6.0.0",
     "tslib": "^2.3.0"
   },
   "devDependencies": {
-    "@babel/cli": "^7.5.5",
+    "@babel/cli": "^7.28.3",
     "@babel/core": "^7.9.6",
     "@babel/plugin-proposal-class-properties": "^7.5.5",
     "@babel/plugin-proposal-export-namespace-from": "^7.5.2",
@@ -69,54 +77,52 @@
     "@babel/preset-env": "^7.9.6",
     "@babel/preset-react": "^7.9.4",
     "@babel/preset-typescript": "^7.9.0",
-    "@babel/runtime": "^7.9.6",
-    "@testing-library/jest-dom": "^5.7.0",
-    "@testing-library/react": "^10.0.4",
+    "@babel/runtime": "^7.28.4",
+    "@testing-library/jest-dom": "^5.17.0",
+    "@testing-library/react": "^10.4.9",
     "@types/enzyme": "^3.10.5",
-    "@types/jest": "^25.2.2",
     "@types/react": "^16.9.35",
     "@types/react-dom": "^16.9.8",
     "@typescript-eslint/eslint-plugin": "^3.1.0",
     "@typescript-eslint/parser": "^3.1.0",
+    "@vitejs/plugin-react": "^5.1.1",
+    "@vitest/ui": "^4.0.15",
     "babel-eslint": "^10.0.2",
-    "babel-jest": "^26.0.1",
     "babel-loader": "^8.1.0",
     "babel-types": "^6.26.0",
-    "bundlesize": "^0.18.0",
+    "bundlesize": "^0.18.2",
     "changelog-verify": "^1.1.2",
     "confusing-browser-globals": "^1.0.9",
     "coveralls": "^3.1.0",
     "dtslint": "^3.6.4",
-    "enzyme": "^3.10.0",
-    "enzyme-adapter-react-16": "^1.15.2",
     "eslint": "^7.0.0",
     "eslint-config-prettier": "^6.11.0",
-    "eslint-plugin-import": "^2.20.2",
-    "eslint-plugin-jest": "^23.11.0",
+    "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-prettier": "^3.1.3",
     "eslint-plugin-react": "^7.20.0",
     "eslint-plugin-react-hooks": "^4.0.2",
-    "jest": "^26.0.1",
+    "jsdom": "^27.2.0",
     "prettier": "^2.0.5",
-    "react": "^16.10.2",
-    "react-dom": "^16.10.2",
-    "rollup": "^2.12.1",
-    "typescript": "^3.9.2",
-    "uglify-js": "^3.9.4",
-    "version-changelog": "^3.1.1"
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "rollup": "^2.58.3",
+    "rollup-plugin-commonjs": "^10.1.0",
+    "rollup-plugin-node-resolve": "^5.2.0",
+    "rollup-plugin-replace": "^2.2.0",
+    "rollup-plugin-terser": "^7.0.2",
+    "typescript": "^5.9.3",
+    "uglify-js": "3.9.4",
+    "version-changelog": "^3.1.1",
+    "vitest": "^4.0.15"
   },
   "peerDependencies": {
-    "react": ">=16.8.0",
-    "react-dom": ">=16.8.0"
+    "react": ">=18.2.0",
+    "react-dom": ">=18.2.0"
   },
   "bundlesize": [
     {
       "path": "./dist/umd/reactor-feature-toggle.min.js",
-      "maxSize": "352B"
-    },
-    {
-      "path": "./dist/cjs/index.js",
-      "maxSize": "162B"
+      "maxSize": "1.1KB"
     }
   ],
   "engines": {

package/CHANGELOG.md

@@ -1,188 +0,0 @@
-# Change Log
-
-All notable changes to this project will be documented in this file.
-
-The format is based on [Keep a Changelog](http://keepachangelog.com/)
-and this project adheres to [Semantic Versioning](http://semver.org/).
-
-## [Unreleased][]
-
-## [6.1.0][] - 2025-12-04
-
-### Added
-
-- Adding `useFeatureToggle()` context
-
-## [6.0.1][] - 2025-12-04
-
-### Fixed
-
-- Fixed exported library types
-
-## [6.0.0][] - 2025-12-04
-
-### Updated
-
-- Updating peerDependencies to accept react and react-dom >= v16
-
-## [5.0.0][] - 2020-07-20
-
-### Updated
-
-- Breaking changes: updating `feature-toggle-service` to version 6.0.0. The new package behavior introduces combination instead of overriding. Since it's a different feature, it can affect nested provider components.
-
-## [4.0.5][] - 2020-06-18
-
-### Fixed
-
-- Decreasing package download time
-
-## [4.0.4][] - 2020-06-14
-
-### Updated
-
-- Update demo example to use Stackblitz
-- Updating Github templates
-
-## [4.0.3][] - 2020-06-14
-
-### Updated
-
-- Update demo example to use Stackblitz
-- Updating Github templates
-
-## [4.0.2][] - 2020-06-14
-
-### Updated
-
-- Minor changes
-
-## [4.0.1][] - 2020-06-14
-
-### Updated
-
-- Update demo example to use Stackblitz
-- Updating Github templates
-
-## [4.0.0][] - 2020-06-14
-
-### Added
-
-- Supporting `!` prefix to change the boolean value to false on the `featureName` props check
-
-```ts
-{
-  enableSecondContent: false,
-}
-```
-
-```jsx
-<FeatureToggle featureName={'!enableSecondContent'}>
-  <p>
-    This content is disabled, but should be displayed since it has `!` prefix at
-    `featureName`
-  </p>
-</FeatureToggle>
-```
-
-- Adding support for accept string or an array or strings as feature toggle configuration
-
-Example using string
-
-```jsx
-<FeatureToggle featureName={'enableMainContent'}>
-  <div className="content">
-    <p>This content is enabled if `enableMainContent` is true</p>
-  </div>
-</FeatureToggle>
-```
-
-Example using Array of strings
-
-```jsx
-<FeatureToggle featureName={['enableMainContent', 'enableDescriptionContent']}>
-  <div className="content">
-    <p>
-      This content is enabled if `enableMainContent` and
-      `enableDescriptionContent` are both truthly
-    </p>
-  </div>
-</FeatureToggle>
-```
-
-### Updated
-
-- Breaking changes:
-  - _`showWhenDisabled`_ prop was removed since we can have the same behavior
-    by using `FeatureToggle` component and passing `!` as a prefix for the
-    `featureName` prop value.
-
-So if you have this configuration for your feature toggle
-
-```ts
-{
-  enableSecondContent: false,
-}
-```
-
-You should replace your component configuration from this way
-
-```jsx
-<FeatureToggle featureName={'enableSecondContent'} showWhenDisabled>
-  <p>
-    This content is disabled, but should be displayed since it has
-    `showWhenDisabled` prop
-  </p>
-</FeatureToggle>
-```
-
-And pass `featureName` prop with `!` prefix to keep the same behavior on WebApp
-
-```jsx
-<FeatureToggle featureName={'!enableSecondContent'}>
-  <p>
-    This content is disabled, but should be displayed since it has `!` prefix at
-    `featureName`
-  </p>
-</FeatureToggle>
-```
-
-## [3.0.0][] - 2020-06-03
-
-### Updated
-
-- Bumping `feature-toggle-service` to 4.0.0
-- Decreasing bundle size to `303B`
-- Migrated Test Framework from Mocha to Jest
-- Code Cleanup
-
-### Fixed
-
-- Adding missed dependencies
-- Adding different build distrubutions: UMD, CommonJS, ES2015 and ESM
-
-### Added
-
-- Decreasing the bundle size to 1KB minified and Gzipped
-
-[unreleased]: https://github.com/willmendesneto/reactor-feature-toggle/compare/v3.0.0...HEAD
-[3.0.0]: https://github.com/willmendesneto/reactor-feature-toggle/tree/v3.0.0
-[unreleased]: https://github.com/willmendesneto/reactor-feature-toggle/compare/v4.0.0...HEAD
-[4.0.0]: https://github.com/willmendesneto/reactor-feature-toggle/tree/v4.0.0
-[unreleased]: https://github.com/willmendesneto/reactor-feature-toggle/compare/v4.0.2...HEAD
-[4.0.2]: https://github.com/willmendesneto/reactor-feature-toggle/compare/v4.0.1...v4.0.2
-[4.0.1]: https://github.com/willmendesneto/reactor-feature-toggle/tree/v4.0.1
-[unreleased]: https://github.com/willmendesneto/reactor-feature-toggle/compare/v4.0.3...HEAD
-[4.0.3]: https://github.com/willmendesneto/reactor-feature-toggle/tree/v4.0.3
-[unreleased]: https://github.com/willmendesneto/reactor-feature-toggle/compare/v4.0.3...HEAD
-[unreleased]: https://github.com/willmendesneto/reactor-feature-toggle/compare/v4.0.4...HEAD
-[4.0.4]: https://github.com/willmendesneto/reactor-feature-toggle/tree/v4.0.4
-[unreleased]: https://github.com/willmendesneto/reactor-feature-toggle/compare/v4.0.5...HEAD
-[4.0.5]: https://github.com/willmendesneto/reactor-feature-toggle/tree/v4.0.5
-
-
-[Unreleased]: https://github.com/willmendesneto/reactor-feature-toggle/compare/v6.1.0...HEAD
-[6.1.0]: https://github.com/willmendesneto/reactor-feature-toggle/compare/v6.0.1...v6.1.0
-[6.0.1]: https://github.com/willmendesneto/reactor-feature-toggle/compare/v6.0.0...v6.0.1
-[6.0.0]: https://github.com/willmendesneto/reactor-feature-toggle/compare/v5.0.0...v6.0.0
-[5.0.0]: https://github.com/willmendesneto/reactor-feature-toggle/tree/v5.0.0

package/dist/es2015/feature-toggle-provider.d.ts

@@ -1,13 +0,0 @@
-import { ReactNode } from 'react';
-import { FeatureToggleServiceConfig } from 'feature-toggle-service';
-export interface ReactorFeatureToggleProviderProps {
-    children: ReactNode;
-    featureToggleService: FeatureToggleServiceConfig;
-}
-interface FeatureToggleContextType {
-    isOn: (featureName: string) => boolean;
-    toggles: FeatureToggleServiceConfig | null;
-}
-export declare const FeatureToggleProvider: ({ children, featureToggleService, }: ReactorFeatureToggleProviderProps) => JSX.Element;
-export declare function useFeatureToggle(): FeatureToggleContextType;
-export {};

package/dist/es2015/feature-toggle-provider.js

@@ -1,17 +0,0 @@
-import React, { createContext, useContext } from 'react';
-import { set, isOn } from 'feature-toggle-service';
-const FeatureToggleContext = createContext({
-    isOn,
-    toggles: null,
-});
-export const FeatureToggleProvider = ({ children, featureToggleService, }) => {
-    set(featureToggleService);
-    return (React.createElement(FeatureToggleContext.Provider, { value: { isOn, toggles: featureToggleService } }, children));
-};
-export function useFeatureToggle() {
-    const context = useContext(FeatureToggleContext);
-    if (!context) {
-        throw new Error('useFeatureToggle must be used within FeatureToggleClientProvider');
-    }
-    return context;
-}

package/dist/es2015/feature-toggle.d.ts

@@ -1,7 +0,0 @@
-import { ReactNode, FC } from 'react';
-export interface FeatureToggleProps {
-    children?: ReactNode;
-    featureName: string[] | string;
-    showWhenDisabled?: boolean;
-}
-export declare const FeatureToggle: FC<FeatureToggleProps>;

package/dist/es2015/feature-toggle.js

@@ -1,29 +0,0 @@
-import { isOn } from 'feature-toggle-service';
-/**
- * Checks if feature toggle is turned on of turned off
- *
- * @param {string} toggle: name of the feature toggle previously configured via `FeatureToggleProvider`
- *
- * @returns boolean
- */
-/**
- *
- *
- * @param {(string[] | string)} featureName: : name of the feature toggle previously configured via `FeatureToggleProvider`
- *
- * @returns boolean
- */
-const isOnCheck = (featureName) => {
-    const isFeatureToggleOn = (toggle) => toggle[0] === '!' ? !isOn(toggle.replace('!', '')) : isOn(toggle);
-    if (typeof featureName === 'string') {
-        return isFeatureToggleOn(featureName);
-    }
-    else if (Array.isArray(featureName)) {
-        return featureName.every(isFeatureToggleOn);
-    }
-    return false;
-};
-export const FeatureToggle = (props) => {
-    const showContent = isOnCheck(props.featureName);
-    return showContent ? props.children : null;
-};

package/dist/es2015/index.d.ts

@@ -1,2 +0,0 @@
-export * from './feature-toggle';
-export * from './feature-toggle-provider';

package/dist/es2015/index.js

@@ -1,2 +0,0 @@
-export * from './feature-toggle';
-export * from './feature-toggle-provider';