@carbon/feature-flags 0.3.0-rc.0 → 0.3.0

package/es/index.js

@@ -28,6 +28,16 @@ try {
     enabled$1.enableUseControlledStateWithValue = false;
   }
 
+  if (process.env.CARBON_ENABLE_CSS_GRID) {
+    if (process.env.CARBON_ENABLE_CSS_GRID === 'true') {
+      enabled$1.enableCssGrid = true;
+    } else {
+      enabled$1.enableCssGrid = false;
+    }
+  } else {
+    enabled$1.enableCssGrid = false;
+  }
+
   if (process.env.CARBON_ENABLE_2021_RELEASE) {
     if (process.env.CARBON_ENABLE_2021_RELEASE === 'true') {
       enabled$1.enable_2021Release = true;
@@ -40,6 +50,7 @@ try {
 } catch (error) {
   enabled$1.enableCssCustomProperties = false;
   enabled$1.enableUseControlledStateWithValue = false;
+  enabled$1.enableCssGrid = false;
   enabled$1.enable_2021Release = false;
 }
 
@@ -51,6 +62,10 @@ const featureFlagInfo = [{
   name: "enable-use-controlled-state-with-value",
   description: "Enable components to be created in either a controlled or uncontrolled mode\n",
   enabled: enabled$1.enableUseControlledStateWithValue
+}, {
+  name: "enable-css-grid",
+  description: "Enable CSS Grid Layout in the Grid and Column React components\n",
+  enabled: enabled$1.enableCssGrid
 }, {
   name: "enable-2021-release",
   description: "Enable the features and functionality for the 2021 Release\n",

package/lib/index.js

@@ -32,6 +32,16 @@ try {
     enabled$1.enableUseControlledStateWithValue = false;
   }
 
+  if (process.env.CARBON_ENABLE_CSS_GRID) {
+    if (process.env.CARBON_ENABLE_CSS_GRID === 'true') {
+      enabled$1.enableCssGrid = true;
+    } else {
+      enabled$1.enableCssGrid = false;
+    }
+  } else {
+    enabled$1.enableCssGrid = false;
+  }
+
   if (process.env.CARBON_ENABLE_2021_RELEASE) {
     if (process.env.CARBON_ENABLE_2021_RELEASE === 'true') {
       enabled$1.enable_2021Release = true;
@@ -44,6 +54,7 @@ try {
 } catch (error) {
   enabled$1.enableCssCustomProperties = false;
   enabled$1.enableUseControlledStateWithValue = false;
+  enabled$1.enableCssGrid = false;
   enabled$1.enable_2021Release = false;
 }
 
@@ -55,6 +66,10 @@ const featureFlagInfo = [{
   name: "enable-use-controlled-state-with-value",
   description: "Enable components to be created in either a controlled or uncontrolled mode\n",
   enabled: enabled$1.enableUseControlledStateWithValue
+}, {
+  name: "enable-css-grid",
+  description: "Enable CSS Grid Layout in the Grid and Column React components\n",
+  enabled: enabled$1.enableCssGrid
 }, {
   name: "enable-2021-release",
   description: "Enable the features and functionality for the 2021 Release\n",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/feature-flags",
   "description": "Build with feature flags in Carbon",
-  "version": "0.3.0-rc.0",
+  "version": "0.3.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -11,6 +11,12 @@
     "directory": "packages/feature-flags"
   },
   "bugs": "https://github.com/carbon-design-system/carbon/issues",
+  "files": [
+    "es",
+    "lib",
+    "scss",
+    "index.scss"
+  ],
   "keywords": [
     "ibm",
     "carbon",
@@ -39,5 +45,5 @@
     "rollup-plugin-strip-banner": "^2.0.0"
   },
   "sideEffects": false,
-  "gitHead": "f82c66b394c5440333efee2bdcd8a85b2414b90c"
+  "gitHead": "05909da32a2ee6aa2fb1965eb57871ea77c81c0e"
 }

package/scss/generated/feature-flags.scss

@@ -9,5 +9,6 @@
 $generated-feature-flags: (
   'enable-css-custom-properties': false,
   'enable-use-controlled-state-with-value': false,
+  'enable-css-grid': false,
   'enable-2021-release': false,
 );

package/feature-flags.yml

@@ -1,20 +0,0 @@
-#
-# Copyright IBM Corp. 2015, 2020
-#
-# This source code is licensed under the Apache-2.0 license found in the
-# LICENSE file in the root directory of this source tree.
-#
-
-feature-flags:
-  - name: enable-css-custom-properties
-    description: Describe what the flag does
-    enabled: false
-  - name: enable-use-controlled-state-with-value
-    description: >
-      Enable components to be created in either a controlled or uncontrolled
-      mode
-    enabled: false
-  - name: enable-2021-release
-    description: >
-      Enable the features and functionality for the 2021 Release
-    enabled: false

package/rollup.config.js

@@ -1,48 +0,0 @@
-/**
- * Copyright IBM Corp. 2015, 2020
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import path from 'path';
-import stripBanner from 'rollup-plugin-strip-banner';
-
-const BANNER = `/**
- * Copyright IBM Corp. 2015, 2020
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-`;
-
-const baseConfig = {
-  external: [],
-  plugins: [
-    stripBanner(),
-    {
-      renderChunk(code) {
-        return `${BANNER}\n${code}`;
-      },
-    },
-  ],
-};
-
-export default [
-  {
-    ...baseConfig,
-    input: path.join(__dirname, './src/index.js'),
-    output: {
-      file: 'es/index.js',
-      format: 'esm',
-    },
-  },
-  {
-    ...baseConfig,
-    input: path.join(__dirname, './src/index.js'),
-    output: {
-      file: 'lib/index.js',
-      format: 'commonjs',
-    },
-  },
-];

package/src/FeatureFlagScope.js

@@ -1,93 +0,0 @@
-/**
- * Copyright IBM Corp. 2015, 2020
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-export class FeatureFlagScope {
-  constructor(flags) {
-    this.flags = new Map();
-
-    if (flags) {
-      Object.keys(flags).forEach((key) => {
-        this.flags.set(key, flags[key]);
-      });
-    }
-  }
-
-  /**
-   * Check to see if a flag exists
-   * @param {string} name
-   */
-  checkForFlag(name) {
-    if (!this.flags.has(name)) {
-      throw new Error(
-        `Unable to find a feature flag with the name: \`${name}\``
-      );
-    }
-  }
-
-  /**
-   * Add a feature flag
-   * @param {string} name
-   * @param {boolean} enabled
-   */
-  add(name, enabled) {
-    if (this.flags.has(name)) {
-      throw new Error(`The feature flag: ${name} already exists`);
-    }
-    this.flags.set(name, enabled);
-  }
-
-  /**
-   * Enable a feature flag
-   * @param {string} name
-   */
-  enable(name) {
-    this.checkForFlag(name);
-    this.flags.set(name, true);
-  }
-
-  /**
-   * Disable a feature flag
-   * @param {string} name
-   */
-  disable(name) {
-    this.checkForFlag(name);
-    this.flags.set(name, false);
-  }
-
-  /**
-   * Merge the given feature flags with the current set of feature flags.
-   * Duplicate keys will be set to the value in the given feature flags.
-   * @param {object} flags
-   */
-  merge(flags) {
-    Object.keys(flags).forEach((key) => {
-      this.flags.set(key, flags[key]);
-    });
-  }
-
-  /**
-   * @param {FeatureFlagScope} scope
-   */
-  mergeWithScope(scope) {
-    for (const [key, value] of scope.flags) {
-      if (this.flags.has(key)) {
-        continue;
-      }
-      this.flags.set(key, value);
-    }
-  }
-
-  /**
-   * Check if a feature flag is enabled
-   * @param {string} name
-   * @returns {boolean}
-   */
-  enabled(name) {
-    this.checkForFlag(name);
-    return this.flags.get(name);
-  }
-}

package/src/generated/feature-flags.js

@@ -1,59 +0,0 @@
-/**
- * Code generated by @carbon/feature-flags. DO NOT EDIT.
- *
- * Copyright IBM Corp. 2015, 2020
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-const enabled = {};
-
-try {
-  if (process.env.CARBON_ENABLE_CSS_CUSTOM_PROPERTIES) {
-    if (process.env.CARBON_ENABLE_CSS_CUSTOM_PROPERTIES === 'true') {
-      enabled.enableCssCustomProperties = true;
-    } else {
-      enabled.enableCssCustomProperties = false;
-    }
-  } else {
-    enabled.enableCssCustomProperties = false;
-  }
-
-  if (process.env.CARBON_ENABLE_USE_CONTROLLED_STATE_WITH_VALUE) {
-    if (process.env.CARBON_ENABLE_USE_CONTROLLED_STATE_WITH_VALUE === 'true') {
-      enabled.enableUseControlledStateWithValue = true;
-    } else {
-      enabled.enableUseControlledStateWithValue = false;
-    }
-  } else {
-    enabled.enableUseControlledStateWithValue = false;
-  }
-
-  if (process.env.CARBON_ENABLE_2021_RELEASE) {
-    if (process.env.CARBON_ENABLE_2021_RELEASE === 'true') {
-      enabled.enable_2021Release = true;
-    } else {
-      enabled.enable_2021Release = false;
-    }
-  } else {
-    enabled.enable_2021Release = false;
-  }
-} catch (error) {
-  enabled.enableCssCustomProperties = false;
-  enabled.enableUseControlledStateWithValue = false;
-  enabled.enable_2021Release = false;
-}
-
-export const featureFlagInfo = [{
-  name: "enable-css-custom-properties",
-  description: "Describe what the flag does",
-  enabled: enabled.enableCssCustomProperties
-}, {
-  name: "enable-use-controlled-state-with-value",
-  description: "Enable components to be created in either a controlled or uncontrolled mode\n",
-  enabled: enabled.enableUseControlledStateWithValue
-}, {
-  name: "enable-2021-release",
-  description: "Enable the features and functionality for the 2021 Release\n",
-  enabled: enabled.enable_2021Release
-}];

package/src/index.js

@@ -1,42 +0,0 @@
-/**
- * Copyright IBM Corp. 2015, 2020
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import { featureFlagInfo } from './generated/feature-flags';
-import { FeatureFlagScope } from './FeatureFlagScope';
-
-const FeatureFlags = createScope();
-
-for (let i = 0; i < featureFlagInfo.length; i++) {
-  const featureFlag = featureFlagInfo[i];
-  FeatureFlags.add(featureFlag.name, featureFlag.enabled);
-}
-
-export { FeatureFlags };
-
-export function createScope(flags) {
-  return new FeatureFlagScope(flags);
-}
-
-export function add(...args) {
-  return FeatureFlags.add(...args);
-}
-
-export function enable(...args) {
-  return FeatureFlags.enable(...args);
-}
-
-export function disable(...args) {
-  return FeatureFlags.disable(...args);
-}
-
-export function enabled(...args) {
-  return FeatureFlags.enabled(...args);
-}
-
-export function merge(...args) {
-  return FeatureFlags.merge(...args);
-}