@carbon/ibm-products 2.43.2-canary.3 → 2.43.2-canary.300

package/lib/components/ExportModal/ExportModal.js

@@ -7,26 +7,19 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var React = require('react');
 var react = require('@carbon/react');
-var cx = require('classnames');
 var icons = require('@carbon/react/icons');
-var index = require('../../node_modules/prop-types/index.js');
+var React = require('react');
+var index = require('../../_virtual/index.js');
+var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
-var uuidv4 = require('../../global/js/utils/uuidv4.js');
 var settings = require('../../settings.js');
 var usePortalTarget = require('../../global/js/hooks/usePortalTarget.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+var uuidv4 = require('../../global/js/utils/uuidv4.js');
 
 var _Loading;
-var _excluded = ["body", "className", "error", "errorMessage", "filename", "hidePasswordLabel", "inputLabel", "inputType", "invalidInputText", "loading", "loadingMessage", "onClose", "onRequestSubmit", "open", "portalTarget", "preformattedExtensions", "preformattedExtensionsLabel", "primaryButtonText", "secondaryButtonText", "showPasswordLabel", "successMessage", "successful", "title", "validExtensions"];
+var _excluded = ["body", "className", "error", "errorMessage", "filename", "hidePasswordLabel", "inputLabel", "inputType", "invalidInputText", "loading", "loadingMessage", "onClose", "onRequestSubmit", "open", "portalTarget", "preformattedExtensions", "preformattedExtensionsLabel", "primaryButtonText", "secondaryButtonText", "showPasswordLabel", "successMessage", "successful", "title", "triggerButtonRef", "validExtensions"];
 var componentName = 'ExportModal';
 
 // Default values for props
@@ -64,9 +57,11 @@ exports.ExportModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     successMessage = _ref.successMessage,
     successful = _ref.successful,
     title = _ref.title,
+    triggerButtonRef = _ref.triggerButtonRef,
     _ref$validExtensions = _ref.validExtensions,
     validExtensions = _ref$validExtensions === void 0 ? defaults.validExtensions : _ref$validExtensions,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var blockClass = "".concat(settings.pkg.prefix, "--export-modal");
   var _useState = React.useState(''),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     name = _useState2[0],
@@ -89,6 +84,12 @@ exports.ExportModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       setExtension(preformattedExtensions === null || preformattedExtensions === void 0 || (_preformattedExtensio2 = preformattedExtensions[0]) === null || _preformattedExtensio2 === void 0 ? void 0 : _preformattedExtensio2.extension);
     }
   }, [filename, preformattedExtensions, open]);
+  React.useEffect(function () {
+    if (successful) {
+      var button = document.querySelector(".".concat(blockClass, " .").concat(settings.carbon.prefix, "--modal-close-button button"));
+      button === null || button === void 0 || button.focus();
+    }
+  }, [successful, blockClass]);
   var onNameChangeHandler = function onNameChangeHandler(evt) {
     setName(evt.target.value);
   };
@@ -115,8 +116,7 @@ exports.ExportModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     }
     return false;
   };
-  var blockClass = "".concat(settings.pkg.prefix, "--export-modal");
-  var internalId = React.useRef(uuidv4["default"]());
+  var internalId = React.useRef(uuidv4.default());
   var primaryButtonDisabled = loading || !name || hasInvalidExtension();
   var submitted = loading || error || successful;
   var commonInputProps = _rollupPluginBabelHelpers.defineProperty({
@@ -128,67 +128,75 @@ exports.ExportModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     invalidText: invalidInputText,
     onBlur: onBlurHandler
   }, 'data-modal-primary-focus', true);
-  return renderPortalUse( /*#__PURE__*/React__default["default"].createElement(react.ComposedModal, _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: cx__default["default"](blockClass, className),
+  return renderPortalUse( /*#__PURE__*/React.createElement(react.unstable_FeatureFlags, {
+    flags: {
+      'enable-experimental-focus-wrap-without-sentinels': true
+    }
+  }, /*#__PURE__*/React.createElement(react.ComposedModal, _rollupPluginBabelHelpers.extends({}, rest, {
+    className: cx(blockClass, className),
     "aria-label": title,
     size: "sm",
-    preventCloseOnClickOutside: true
+    preventCloseOnClickOutside: true,
+    launcherButtonRef: triggerButtonRef
   }, _rollupPluginBabelHelpers.objectSpread2({
     open: open,
     ref: ref,
     onClose: onClose
-  }, devtools.getDevtoolsProps(componentName))), /*#__PURE__*/React__default["default"].createElement(react.ModalHeader, {
+  }, devtools.getDevtoolsProps(componentName))), /*#__PURE__*/React.createElement(react.ModalHeader, {
     className: "".concat(blockClass, "__header"),
     closeModal: onClose,
     title: title
-  }), /*#__PURE__*/React__default["default"].createElement(react.ModalBody, {
+  }), /*#__PURE__*/React.createElement(react.ModalBody, {
     className: "".concat(blockClass, "__body-container")
-  }, !submitted && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, body && /*#__PURE__*/React__default["default"].createElement("p", {
+  }, !submitted && /*#__PURE__*/React.createElement(React.Fragment, null, body && /*#__PURE__*/React.createElement("p", {
     className: "".concat(blockClass, "__body")
-  }, body), preformattedExtensions.length ? /*#__PURE__*/React__default["default"].createElement(react.FormGroup, {
+  }, body), preformattedExtensions.length ? /*#__PURE__*/React.createElement(react.FormGroup, {
     legendText: preformattedExtensionsLabel
-  }, /*#__PURE__*/React__default["default"].createElement(react.RadioButtonGroup, {
+  }, /*#__PURE__*/React.createElement(react.RadioButtonGroup, {
     orientation: "vertical",
     onChange: onExtensionChangeHandler,
     valueSelected: extension,
     name: "extensions"
   }, preformattedExtensions.map(function (o) {
-    return /*#__PURE__*/React__default["default"].createElement(react.RadioButton, {
+    return /*#__PURE__*/React.createElement(react.RadioButton, {
       key: o.extension,
       id: o.extension,
       value: o.extension,
       labelText: "".concat(o.extension, " (").concat(o.description, ")"),
       "data-modal-primary-focus": true
     });
-  }))) : /*#__PURE__*/React__default["default"].createElement("div", {
+  }))) : /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__input-container")
-  }, inputType === 'text' ? /*#__PURE__*/React__default["default"].createElement(react.TextInput, commonInputProps) : /*#__PURE__*/React__default["default"].createElement(react.PasswordInput, _rollupPluginBabelHelpers["extends"]({}, commonInputProps, {
+  }, inputType === 'text' ? /*#__PURE__*/React.createElement(react.TextInput, commonInputProps) : /*#__PURE__*/React.createElement(react.PasswordInput, _rollupPluginBabelHelpers.extends({}, commonInputProps, {
     showPasswordLabel: showPasswordLabel,
     hidePasswordLabel: hidePasswordLabel,
     tooltipPosition: "left"
-  })))), /*#__PURE__*/React__default["default"].createElement("div", {
+  })))), /*#__PURE__*/React.createElement("div", {
+    "aria-live": "polite",
     className: "".concat(blockClass, "__messaging")
-  }, loading && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, _Loading || (_Loading = /*#__PURE__*/React__default["default"].createElement(react.Loading, {
+  }, loading && /*#__PURE__*/React.createElement(React.Fragment, null, _Loading || (_Loading = /*#__PURE__*/React.createElement(react.Loading, {
+    "aria-live": "off",
+    description: "",
     small: true,
     withOverlay: false
-  })), /*#__PURE__*/React__default["default"].createElement("p", null, loadingMessage)), successful && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(icons.CheckmarkFilled, {
+  })), /*#__PURE__*/React.createElement("p", null, loadingMessage)), successful && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(icons.CheckmarkFilled, {
     size: 16,
     className: "".concat(blockClass, "__checkmark-icon")
-  }), /*#__PURE__*/React__default["default"].createElement("p", null, successMessage)), error && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(icons.ErrorFilled, {
+  }), /*#__PURE__*/React.createElement("p", null, successMessage)), error && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(icons.ErrorFilled, {
     size: 16,
     className: "".concat(blockClass, "__error-icon")
-  }), /*#__PURE__*/React__default["default"].createElement("p", null, errorMessage)))), !submitted && /*#__PURE__*/React__default["default"].createElement(react.ModalFooter, {
+  }), /*#__PURE__*/React.createElement("p", null, errorMessage)))), !submitted && /*#__PURE__*/React.createElement(react.ModalFooter, {
     className: "".concat(blockClass, "__footer")
-  }, /*#__PURE__*/React__default["default"].createElement(react.Button, {
+  }, /*#__PURE__*/React.createElement(react.Button, {
     type: "button",
     kind: "secondary",
     onClick: onClose
-  }, secondaryButtonText), /*#__PURE__*/React__default["default"].createElement(react.Button, {
+  }, secondaryButtonText), /*#__PURE__*/React.createElement(react.Button, {
     type: "submit",
     kind: "primary",
     onClick: onSubmitHandler,
     disabled: primaryButtonDisabled
-  }, primaryButtonText))));
+  }, primaryButtonText)))));
 });
 
 // Return a placeholder if not released and not enabled by feature flag
@@ -198,104 +206,108 @@ exports.ExportModal.propTypes = {
    * Body content for the modal
    */
   /**@ts-ignore*/
-  body: index["default"].string,
+  body: index.default.string,
   /**
    * Optional class name
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * specify if an error occurred
    */
-  error: index["default"].bool,
+  error: index.default.bool,
   /**
    * messaging to display in the event of an error
    */
-  errorMessage: index["default"].string,
+  errorMessage: index.default.string,
   /**
    * name of the file being exported
    */
-  filename: index["default"].string.isRequired,
+  filename: index.default.string.isRequired,
   /**
    * label text that's displayed when hovering over visibility toggler to hide key
    */
-  hidePasswordLabel: index["default"].string,
+  hidePasswordLabel: index.default.string,
   /**
    * label for the text input
    */
-  inputLabel: index["default"].string,
+  inputLabel: index.default.string,
   /**
    * specify the type of text input
    */
   /**@ts-ignore */
-  inputType: index["default"].oneOf(['text', 'password']),
+  inputType: index.default.oneOf(['text', 'password']),
   /**
    * text for an invalid input
    */
-  invalidInputText: index["default"].string,
+  invalidInputText: index.default.string,
   /**
    * specify if the modal is in a loading state
    */
-  loading: index["default"].bool,
+  loading: index.default.bool,
   /**
    * message to display during the loading state
    */
-  loadingMessage: index["default"].string,
+  loadingMessage: index.default.string,
   /**
    * Specify a handler for closing modal
    */
-  onClose: index["default"].func,
+  onClose: index.default.func,
   /**
    * Specify a handler for "submitting" modal. Returns the file name
    */
-  onRequestSubmit: index["default"].func,
+  onRequestSubmit: index.default.func,
   /**
    * Specify whether the Modal is currently open
    */
-  open: index["default"].bool,
+  open: index.default.bool,
   /**
    * The DOM node the tearsheet should be rendered within. Defaults to document.body.
    */
-  portalTarget: index["default"].node,
+  portalTarget: index.default.node,
   /**
    * Array of extensions to display as radio buttons
    */
   /**@ts-ignore */
-  preformattedExtensions: index["default"].arrayOf(index["default"].shape({
-    extension: index["default"].string,
-    description: index["default"].string
+  preformattedExtensions: index.default.arrayOf(index.default.shape({
+    extension: index.default.string,
+    description: index.default.string
   })),
   /**
    * Label for the preformatted label form group
    */
-  preformattedExtensionsLabel: index["default"].string,
+  preformattedExtensionsLabel: index.default.string,
   /**
    * Specify the text for the primary button
    */
-  primaryButtonText: index["default"].string.isRequired,
+  primaryButtonText: index.default.string.isRequired,
   /**
    * Specify the text for the secondary button
    */
-  secondaryButtonText: index["default"].string.isRequired,
+  secondaryButtonText: index.default.string.isRequired,
   /**
    * label text that's displayed when hovering over visibility toggler to show key
    */
-  showPasswordLabel: index["default"].string,
+  showPasswordLabel: index.default.string,
   /**
    * messaging to display if the export was successful
    */
-  successMessage: index["default"].string,
+  successMessage: index.default.string,
   /**
    * specify if the export was successful
    */
-  successful: index["default"].bool,
+  successful: index.default.bool,
   /**
    * The text displayed at the top of the modal
    */
-  title: index["default"].string.isRequired,
+  title: index.default.string.isRequired,
+  /**
+   * Sets the trigger button ref
+   */
+  triggerButtonRef: index.default.any,
   /**
    * array of valid extensions the file can have
    */
   /**@ts-ignore */
-  validExtensions: index["default"].array
+  validExtensions: index.default.array
 };
 exports.ExportModal.displayName = componentName;

package/lib/components/ExportModal/index.d.ts

@@ -1 +1,2 @@
-export { ExportModal } from "./ExportModal";
+export { ExportModal } from './ExportModal';
+export type { ExportModalProps } from './ExportModal';

package/lib/components/ExpressiveCard/ExpressiveCard.d.ts

@@ -8,7 +8,7 @@ type ActionIcon = {
     iconDescription?: string;
     href?: string;
 };
-interface ExpressiveCardProps extends PropsWithChildren {
+export interface ExpressiveCardProps extends PropsWithChildren {
     /**
      * Icons that are displayed on card. Refer to design documentation for implementation guidelines. Note- href will supersede onClick
      */

package/lib/components/ExpressiveCard/ExpressiveCard.js

@@ -7,24 +7,18 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var devtools = require('../../global/js/utils/devtools.js');
-var propsHelper = require('../../global/js/utils/props-helper.js');
 var settings = require('../../settings.js');
+var propsHelper = require('../../global/js/utils/props-helper.js');
 var Card = require('../Card/Card.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 var componentName = 'ExpressiveCard';
 exports.ExpressiveCard = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var validProps = propsHelper.prepareProps(props, ['actionIconsPosition', 'overflowActions', 'productive', 'titleSize']);
-  return /*#__PURE__*/React__default["default"].createElement(Card.Card, _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement(Card.Card, _rollupPluginBabelHelpers.extends({
     ref: ref
   }, validProps, devtools.getDevtoolsProps(componentName)));
 });
@@ -36,97 +30,97 @@ exports.ExpressiveCard.propTypes = {
    * Icons that are displayed on card. Refer to design documentation for implementation guidelines. Note- href will supersede onClick
    */
   /**@ts-ignore */
-  actionIcons: index["default"].arrayOf(index["default"].shape({
-    id: index["default"].string,
-    icon: index["default"].oneOfType([index["default"].func, index["default"].object]),
-    onKeyDown: index["default"].func,
-    onClick: index["default"].func,
-    iconDescription: index["default"].string,
-    href: index["default"].string
+  actionIcons: index.default.arrayOf(index.default.shape({
+    id: index.default.string,
+    icon: index.default.oneOfType([index.default.func, index.default.object]),
+    onKeyDown: index.default.func,
+    onClick: index.default.func,
+    iconDescription: index.default.string,
+    href: index.default.string
   })),
   /**
    * Content that shows in the body of the card
    */
-  children: index["default"].node,
+  children: index.default.node,
   /**
    * Optional user provided class
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * Optional header description
    */
-  description: index["default"].oneOfType([index["default"].string, index["default"].object, index["default"].node]),
+  description: index.default.oneOfType([index.default.string, index.default.object, index.default.node]),
   /**
    * Optional label for the top of the card
    */
-  label: index["default"].oneOfType([index["default"].string, index["default"].object, index["default"].node]),
+  label: index.default.oneOfType([index.default.string, index.default.object, index.default.node]),
   /**
    * Optional media content like an image to be placed in the card
    */
-  media: index["default"].node,
+  media: index.default.node,
   /**
    * Establishes the position of the media in the card
    */
-  mediaPosition: index["default"].oneOf(['top', 'left']),
+  mediaPosition: index.default.oneOf(['top', 'left']),
   /**
    * Provides the callback for a clickable card
    */
-  onClick: index["default"].func,
+  onClick: index.default.func,
   /**
    * Function that's called from the primary button or action icon
    */
-  onPrimaryButtonClick: index["default"].func,
+  onPrimaryButtonClick: index.default.func,
   /**
    * Function that's called from the secondary button
    */
-  onSecondaryButtonClick: index["default"].func,
+  onSecondaryButtonClick: index.default.func,
   /**
    * Provides the icon that's displayed at the top of the card
    */
   /**@ts-ignore */
-  pictogram: index["default"].oneOfType([index["default"].func, index["default"].object]),
+  pictogram: index.default.oneOfType([index.default.func, index.default.object]),
   /**
    * Optionally specify an href for your Button to become an <a> element
    */
-  primaryButtonHref: index["default"].string,
+  primaryButtonHref: index.default.string,
   /**
    * Optional prop to allow overriding the icon rendering. Can be a React component class
    */
   /**@ts-ignore */
-  primaryButtonIcon: index["default"].oneOfType([index["default"].func, index["default"].object]),
+  primaryButtonIcon: index.default.oneOfType([index.default.func, index.default.object]),
   /**
    * Establishes the kind of button displayed for the primary button
    */
-  primaryButtonKind: index["default"].oneOf(['primary', 'ghost']),
+  primaryButtonKind: index.default.oneOf(['primary', 'ghost']),
   /**
    * The text that's displayed in the primary button
    */
-  primaryButtonText: index["default"].string,
+  primaryButtonText: index.default.string,
   /**
    * Optionally specify an href for your Button to become an <a> element
    */
-  secondaryButtonHref: index["default"].string,
+  secondaryButtonHref: index.default.string,
   /**
    * Optional prop to allow overriding the icon rendering. Can be a React component class
    */
   /**@ts-ignore */
-  secondaryButtonIcon: index["default"].oneOfType([index["default"].func, index["default"].object]),
+  secondaryButtonIcon: index.default.oneOfType([index.default.func, index.default.object]),
   /**
    * Establishes the kind of button displayed for the secondary button
    */
-  secondaryButtonKind: index["default"].oneOf(['secondary', 'ghost']),
+  secondaryButtonKind: index.default.oneOf(['secondary', 'ghost']),
   /**
    * The text that's displayed in the secondary button
    */
-  secondaryButtonText: index["default"].string,
+  secondaryButtonText: index.default.string,
   /**
    * **Experimental:** For all cases a `Slug` component can be provided.
    * Clickable tiles only accept a boolean value of true and display a hollow slug.
    */
-  slug: index["default"].oneOfType([index["default"].node, index["default"].bool]),
+  slug: index.default.oneOfType([index.default.node, index.default.bool]),
   /**
    * Title that's displayed at the top of the card
    */
-  title: index["default"].oneOfType([index["default"].string, index["default"].object, index["default"].node])
+  title: index.default.oneOfType([index.default.string, index.default.object, index.default.node])
 };
 exports.ExpressiveCard.displayName = componentName;

package/lib/components/ExpressiveCard/index.d.ts

@@ -1 +1,2 @@
-export { ExpressiveCard } from "./ExpressiveCard";
+export { ExpressiveCard } from './ExpressiveCard';
+export type { ExpressiveCardProps } from './ExpressiveCard';

package/lib/components/FeatureFlags/index.d.ts

@@ -1,37 +1,42 @@
+/**
+ * Copyright IBM Corp. 2024, 2024
+ *
+ * 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 React from 'react';
+import PropTypes from 'prop-types';
+/**
+ * Our FeatureFlagContext is used alongside the FeatureFlags component to enable
+ * or disable feature flags in a given React tree
+ */
+declare const FeatureFlagContext: React.Context<any>;
 /**
  * Supports an object of feature flag values with the `flags` prop, merging them
  * along with the current `FeatureFlagContext` to provide consumers to check if
  * a feature flag is enabled or disabled in a given React tree
  */
-export function FeatureFlags({ children, flags }: {
+declare function FeatureFlags({ children, flags }: {
     children: any;
     flags?: {} | undefined;
 }): import("react/jsx-runtime").JSX.Element;
-export namespace FeatureFlags {
-    namespace propTypes {
-        let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        let flags: PropTypes.Requireable<{
+declare namespace FeatureFlags {
+    var propTypes: {
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * Provide the feature flags to enabled or disabled in the current React tree
+         */
+        flags: PropTypes.Requireable<{
             [x: string]: boolean | null | undefined;
         }>;
-    }
+    };
 }
 /**
- * Our FeatureFlagContext is used alongside the FeatureFlags component to enable
- * or disable feature flags in a given React tree
+ * Access whether a given flag is enabled or disabled in a given FeatureFlagContext
  */
-export const FeatureFlagContext: React.Context<any>;
+declare function useFeatureFlag(flag: string): boolean;
 /**
  * Access all feature flag information for the given FeatureFlagContext
- *
- * @returns {FeatureFlagScope}
- */
-export function useFeatureFlags(): FeatureFlagScope;
-/**
- * Access whether a given flag is enabled or disabled in a given
- * FeatureFlagContext
- *
- * @returns {boolean}
  */
-export function useFeatureFlag(flag: any): boolean;
-import PropTypes from 'prop-types';
-import React from 'react';
+declare function useFeatureFlags(): any;
+export { FeatureFlags, FeatureFlagContext, useFeatureFlags, useFeatureFlag };

package/lib/components/FeatureFlags/index.js

@@ -7,17 +7,11 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var FeatureFlags$1 = require('@carbon/feature-flags');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 /**
  * Our FeatureFlagContext is used alongside the FeatureFlags component to enable
  * or disable feature flags in a given React tree
@@ -61,16 +55,16 @@ function FeatureFlags(_ref) {
     scope.mergeWithScope(parentScope);
     updateScope(scope);
   });
-  return /*#__PURE__*/React__default["default"].createElement(FeatureFlagContext.Provider, {
+  return /*#__PURE__*/React.createElement(FeatureFlagContext.Provider, {
     value: scope
   }, children);
 }
 FeatureFlags.propTypes = {
-  children: index["default"].node,
+  children: index.default.node,
   /**
    * Provide the feature flags to enabled or disabled in the current React tree
    */
-  flags: index["default"].objectOf(index["default"].bool)
+  flags: index.default.objectOf(index.default.bool)
 };
 
 /**
@@ -108,21 +102,15 @@ function useChangedValue(value, compare, callback) {
 }
 
 /**
- * Access whether a given flag is enabled or disabled in a given
- * FeatureFlagContext
- *
- * @returns {boolean}
+ * Access whether a given flag is enabled or disabled in a given FeatureFlagContext
  */
 function useFeatureFlag(flag) {
   var scope = React.useContext(FeatureFlagContext);
-  // console.log(scope);
   return scope.enabled(flag);
 }
 
 /**
  * Access all feature flag information for the given FeatureFlagContext
- *
- * @returns {FeatureFlagScope}
  */
 function useFeatureFlags() {
   return React.useContext(FeatureFlagContext);
@@ -133,9 +121,6 @@ function useFeatureFlags() {
  * comparison since the objects we are comparing are objects with boolean flags
  * from the flags prop in the `FeatureFlags` component
  *
- * @param {object} a
- * @param {object} b
- * @returns {boolean}
  */
 function isEqual(a, b) {
   if (a === b) {