@ttoss/react-feature-flags 0.1.14 → 0.2.1

package/dist/esm/index.js

@@ -6,7 +6,7 @@ import * as React2 from "react";
 // src/FeatureFlagsProvider.tsx
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-var FeatureFlagsContext = /*#__PURE__*/React.createContext({
+var FeatureFlagsContext = React.createContext({
   features: [],
   setFeatures: () => {}
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/react-feature-flags",
-  "version": "0.1.14",
+  "version": "0.2.1",
   "description": "React Feature Flags",
   "author": "ttoss",
   "contributors": [
@@ -11,10 +11,10 @@
     "url": "https://github.com/ttoss/ttoss.git",
     "directory": "packages/react-feature-flags"
   },
+  "type": "module",
   "exports": {
     ".": {
       "import": "./dist/esm/index.js",
-      "require": "./dist/index.js",
       "types": "./dist/index.d.ts"
     }
   },
@@ -26,12 +26,12 @@
     "react": ">=16.8.0"
   },
   "devDependencies": {
-    "@types/react": "^18.3.3",
+    "@types/react": "^18.3.7",
     "jest": "^29.7.0",
     "react": "^18.3.1",
-    "tsup": "^8.2.4",
-    "@ttoss/config": "^1.32.9",
-    "@ttoss/test-utils": "^2.1.13"
+    "tsup": "^8.3.0",
+    "@ttoss/test-utils": "^2.1.14",
+    "@ttoss/config": "^1.32.10"
   },
   "keywords": [
     "feature-flags",
@@ -43,6 +43,6 @@
   },
   "scripts": {
     "build": "tsup",
-    "test": "jest"
+    "test": "jest --projects tests/unit"
   }
 }

package/dist/index.d.mts

@@ -1,26 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-
-interface FeatureFlagProps {
-    name: FeatureFlags;
-    children: React.ReactNode;
-    fallback?: React.ReactNode;
-}
-declare const FeatureFlag: ({ name, children, fallback, }: FeatureFlagProps) => string | number | boolean | Iterable<React.ReactNode> | react_jsx_runtime.JSX.Element | null;
-
-declare const FeatureFlagsProvider: ({ children, loadFeatures, }: {
-    children: React.ReactNode;
-    loadFeatures?: () => Promise<FeatureFlags[]>;
-}) => react_jsx_runtime.JSX.Element;
-
-declare const useFeatureFlag: (name: FeatureFlags) => boolean;
-
-/**
- * If you want to update the feature flags on React environment
- * (after the initial render and providers), you can use this hook.
- */
-declare const useUpdateFeatures: () => {
-    updateFeatures: (features: FeatureFlags[]) => void;
-};
-
-export { FeatureFlag, FeatureFlagsProvider, useFeatureFlag, useUpdateFeatures };

package/dist/index.js

@@ -1,117 +0,0 @@
-/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-"use strict";
-
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
-}) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  FeatureFlag: () => FeatureFlag,
-  FeatureFlagsProvider: () => FeatureFlagsProvider,
-  useFeatureFlag: () => useFeatureFlag,
-  useUpdateFeatures: () => useUpdateFeatures
-});
-module.exports = __toCommonJS(src_exports);
-
-// src/useFeatureFlag.ts
-var React2 = __toESM(require("react"));
-
-// src/FeatureFlagsProvider.tsx
-var React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var FeatureFlagsContext = React.createContext({
-  features: [],
-  setFeatures: () => {}
-});
-var FeatureFlagsProvider = ({
-  children,
-  loadFeatures
-}) => {
-  const [features, setFeatures] = React.useState([]);
-  React.useEffect(() => {
-    loadFeatures?.().then(features2 => {
-      return setFeatures(features2);
-    });
-  }, [loadFeatures]);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FeatureFlagsContext.Provider, {
-    value: {
-      features,
-      setFeatures
-    },
-    children
-  });
-};
-
-// src/useFeatureFlag.ts
-var useFeatureFlag = name => {
-  const {
-    features
-  } = React2.useContext(FeatureFlagsContext);
-  return features.includes(name);
-};
-
-// src/FeatureFlag.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var FeatureFlag = ({
-  name,
-  children,
-  fallback = null
-}) => {
-  const isEnabled = useFeatureFlag(name);
-  if (!isEnabled) {
-    return fallback;
-  }
-  return /* @__PURE__ */(0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, {
-    children
-  });
-};
-
-// src/useUpdateFeatures.ts
-var React3 = __toESM(require("react"));
-var useUpdateFeatures = () => {
-  const {
-    setFeatures
-  } = React3.useContext(FeatureFlagsContext);
-  return {
-    updateFeatures: setFeatures
-  };
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  FeatureFlag,
-  FeatureFlagsProvider,
-  useFeatureFlag,
-  useUpdateFeatures
-});