@carbon/ibm-products 2.24.0 → 2.26.0

package/lib/global/js/hooks/index.js

@@ -1,95 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "useActiveElement", {
-  enumerable: true,
-  get: function get() {
-    return _useActiveElement.useActiveElement;
-  }
-});
-Object.defineProperty(exports, "useClickOutside", {
-  enumerable: true,
-  get: function get() {
-    return _useClickOutside.useClickOutside;
-  }
-});
-Object.defineProperty(exports, "useControllableState", {
-  enumerable: true,
-  get: function get() {
-    return _useControllableState.useControllableState;
-  }
-});
-Object.defineProperty(exports, "useCreateComponentFocus", {
-  enumerable: true,
-  get: function get() {
-    return _useCreateComponentFocus.useCreateComponentFocus;
-  }
-});
-Object.defineProperty(exports, "useCreateComponentStepChange", {
-  enumerable: true,
-  get: function get() {
-    return _useCreateComponentStepChange.useCreateComponentStepChange;
-  }
-});
-Object.defineProperty(exports, "useNearestScroll", {
-  enumerable: true,
-  get: function get() {
-    return _useWindowScroll.useNearestScroll;
-  }
-});
-Object.defineProperty(exports, "usePrefix", {
-  enumerable: true,
-  get: function get() {
-    return _usePrefix.usePrefix;
-  }
-});
-Object.defineProperty(exports, "usePreviousValue", {
-  enumerable: true,
-  get: function get() {
-    return _usePreviousValue.usePreviousValue;
-  }
-});
-Object.defineProperty(exports, "useResetCreateComponent", {
-  enumerable: true,
-  get: function get() {
-    return _useResetCreateComponent.useResetCreateComponent;
-  }
-});
-Object.defineProperty(exports, "useRetrieveStepData", {
-  enumerable: true,
-  get: function get() {
-    return _useRetrieveStepData.useRetrieveStepData;
-  }
-});
-Object.defineProperty(exports, "useValidCreateStepCount", {
-  enumerable: true,
-  get: function get() {
-    return _useValidCreateStepCount.useValidCreateStepCount;
-  }
-});
-Object.defineProperty(exports, "useWindowResize", {
-  enumerable: true,
-  get: function get() {
-    return _useWindowResize.useWindowResize;
-  }
-});
-Object.defineProperty(exports, "useWindowScroll", {
-  enumerable: true,
-  get: function get() {
-    return _useWindowScroll.useWindowScroll;
-  }
-});
-var _useActiveElement = require("./useActiveElement");
-var _useWindowScroll = require("./useWindowScroll");
-var _useWindowResize = require("./useWindowResize");
-var _useClickOutside = require("./useClickOutside");
-var _useCreateComponentFocus = require("./useCreateComponentFocus");
-var _useCreateComponentStepChange = require("./useCreateComponentStepChange");
-var _usePreviousValue = require("./usePreviousValue");
-var _useResetCreateComponent = require("./useResetCreateComponent");
-var _useRetrieveStepData = require("./useRetrieveStepData");
-var _useValidCreateStepCount = require("./useValidCreateStepCount");
-var _useControllableState = require("./useControllableState");
-var _usePrefix = require("./usePrefix");

package/lib/global/js/utils/ClickListener.js

@@ -1,75 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ClickListener = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/**
- * Copyright IBM Corp. 2021, 2021
- *
- * 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 portions of React that are needed.
-
-// Other standard imports.
-
-/**
- * Generic component used for reacting to a click event happening outside of a
- * given `children` element. Adapted from carbon-react internal utilities, converted
- * to use React hooks.
- */
-var ClickListener = exports.ClickListener = function ClickListener(_ref) {
-  var children = _ref.children,
-    onClickOutside = _ref.onClickOutside;
-  var targetElement = (0, _react.useRef)();
-  var getEventTarget = function getEventTarget(evt) {
-    // support Shadow DOM
-    if (evt.composed && typeof evt.composedPath === 'function') {
-      return evt.composedPath()[0];
-    }
-    return evt.target;
-  };
-  (0, _react.useEffect)(function () {
-    document.addEventListener('click', handleDocumentClick);
-    return function () {
-      document.removeEventListener('click', handleDocumentClick);
-    };
-  });
-  var handleDocumentClick = function handleDocumentClick(evt) {
-    if (targetElement && targetElement.current) {
-      if (targetElement.current.contains && !targetElement.current.contains(getEventTarget(evt))) {
-        onClickOutside(evt);
-      }
-    }
-  };
-  var handleRef = function handleRef(el) {
-    targetElement.current = el;
-    /**
-     * One important note, `children.ref` corresponds to a `ref` prop passed in
-     * directly to the child, not necessarily a `ref` defined in the component.
-     * This means that here we target the following `ref` location:
-     *
-     * <ClickListener onClickOutside={() => {}}>
-     *   <Child ref={targetedRefHere} />
-     * </ClickListener>
-     */
-    if (children.ref && typeof children.ref === 'function') {
-      children.ref(el);
-    }
-  };
-  return /*#__PURE__*/_react.default.cloneElement(children, {
-    ref: handleRef
-  });
-};
-ClickListener.propTypes = {
-  children: _propTypes.default.element.isRequired,
-  onClickOutside: _propTypes.default.func.isRequired
-};

package/lib/global/js/utils/DisplayBox.js

@@ -1,39 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DisplayBox = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-/**
- * Copyright IBM Corp. 2022, 2022
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-var blockClass = 'ccs-sb--display-box';
-var DisplayBox = exports.DisplayBox = function DisplayBox(_ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    msg = _ref.msg;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(blockClass, className)
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(blockClass, "__indicator")
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(blockClass, "__message")
-  }, msg || /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "width available to component", /*#__PURE__*/_react.default.createElement("br", null), "(use containerWidth control to adjust)")), /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(blockClass, "__indicator--left")
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(blockClass, "__indicator--right")
-  })), children);
-};
-DisplayBox.propTypes = {
-  children: _propTypes.default.node,
-  className: _propTypes.default.string,
-  msg: _propTypes.default.node
-};

package/lib/global/js/utils/StoryDocsPage.js

@@ -1,229 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StoryDocsPage = exports.CustomBlocks = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _blocks = require("@storybook/blocks");
-var _changeCase = require("change-case");
-var _storyHelper = require("./story-helper");
-var _settings = require("../../../settings");
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                       * Copyright IBM Corp. 2023, 2023
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                       *
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                       * This source code is licensed under the Apache-2.0 license found in the
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                       * LICENSE file in the root directory of this source tree.
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                       */
-var CustomBlocks = exports.CustomBlocks = function CustomBlocks(_ref) {
-  var blocks = _ref.blocks;
-  return blocks.map(function (block, index) {
-    var source = _objectSpread({}, block === null || block === void 0 ? void 0 : block.source);
-    if (source.code && !source.language) {
-      source.language = 'jsx';
-    }
-    return /*#__PURE__*/_react.default.createElement("div", {
-      key: "block-index--".concat(index)
-    }, block.title && /*#__PURE__*/_react.default.createElement("h3", {
-      id: (0, _changeCase.paramCase)(block.title)
-    }, block.title), block.subTitle && /*#__PURE__*/_react.default.createElement("h4", null, block.subTitle), block.image, block.description && typeof block.description === 'string' ? /*#__PURE__*/_react.default.createElement(_blocks.Description, null, block.description) : block.description, block.story && /*#__PURE__*/_react.default.createElement(_blocks.Canvas, {
-      of: block.story
-    }), block.source && /*#__PURE__*/_react.default.createElement(_blocks.Source, source));
-  });
-};
-
-/**
- * This function checks blocks against stories and then
- * - Adds title if no alternative is supplied
- * - Adds blocks for unreferenced stories if omitUnreferencedStories is false
- */
-var processBlocks = function processBlocks(blocks, stories, omitUnreferencedStories) {
-  var blocksWithStoryTitles = blocks ? (0, _toConsumableArray2.default)(blocks) : [];
-  var restOfStories = [];
-  var storyKeys = Object.keys(stories);
-  storyKeys.forEach(function (sk) {
-    var story = stories[sk].moduleExport;
-    var storyName = stories[sk].name;
-    var matchingBlock = blocksWithStoryTitles.find(function (block) {
-      return block.story === story;
-    });
-    if (matchingBlock) {
-      var _matchingBlock$title;
-      matchingBlock.title = (_matchingBlock$title = matchingBlock.title) !== null && _matchingBlock$title !== void 0 ? _matchingBlock$title : storyName;
-    } else if (!omitUnreferencedStories) {
-      restOfStories.push({
-        story: story,
-        title: storyName
-      });
-    }
-  });
-  if (!omitUnreferencedStories) {
-    return blocksWithStoryTitles.concat(restOfStories);
-  }
-  return blocksWithStoryTitles;
-};
-
-/**
- * Calling with no parameters will produce the default output.
- * Customize by providing alternative values and/or blocks defining sections
- * @param {*} param0
- * @returns
- */
-var StoryDocsPage = exports.StoryDocsPage = function StoryDocsPage(_ref2) {
-  var _csfFile$meta, _processedBlocks$filt;
-  var altTitle = _ref2.altTitle,
-    altDescription = _ref2.altDescription,
-    altGuidelinesHref = _ref2.altGuidelinesHref,
-    blocks = _ref2.blocks,
-    omitCodedExample = _ref2.omitCodedExample,
-    omitUnreferencedStories = _ref2.omitUnreferencedStories;
-  var _useOf = (0, _blocks.useOf)('meta', ['meta']),
-    csfFile = _useOf.csfFile;
-  var storyInfo = (0, _storyHelper.storyDocsPageInfo)(csfFile);
-  var guidelinesHref = altGuidelinesHref !== null && altGuidelinesHref !== void 0 ? altGuidelinesHref : storyInfo.guidelinesHref;
-  var isFullScreen = (csfFile === null || csfFile === void 0 || (_csfFile$meta = csfFile.meta) === null || _csfFile$meta === void 0 || (_csfFile$meta = _csfFile$meta.parameters) === null || _csfFile$meta === void 0 ? void 0 : _csfFile$meta.layout) === 'fullscreen' || false;
-  var storyHelperClass = isFullScreen ? "".concat(_settings.pkg.prefix, "--story-docs-page--fullscreen") : '';
-  var processedBlocks = processBlocks(blocks, csfFile.stories, omitUnreferencedStories);
-  var storyCount = (_processedBlocks$filt = processedBlocks === null || processedBlocks === void 0 ? void 0 : processedBlocks.filter(function (block) {
-    return !!block.story;
-  }).length) !== null && _processedBlocks$filt !== void 0 ? _processedBlocks$filt : 0;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    "data-story-title": storyInfo.title
-  }, /*#__PURE__*/_react.default.createElement(_blocks.Title, null, altTitle !== null && altTitle !== void 0 ? altTitle : storyInfo.title), guidelinesHref ? guidelinesHref && Array.isArray(guidelinesHref) ? guidelinesHref.map(function (_ref3, index) {
-    var href = _ref3.href,
-      label = _ref3.label;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, index > 0 && ' | ', /*#__PURE__*/_react.default.createElement(_blocks.AnchorMdx, {
-      key: href,
-      href: href
-    }, label));
-  }) : /*#__PURE__*/_react.default.createElement(_blocks.AnchorMdx, {
-    href: guidelinesHref
-  }, altTitle ? "".concat(altTitle, " usage guidelines") : storyInfo.guidelinesLinkLabel) : null, /*#__PURE__*/_react.default.createElement("h2", {
-    style: {
-      marginTop: guidelinesHref ? '16px' : ''
-    }
-  }, "Table of contents"), /*#__PURE__*/_react.default.createElement("ul", null, ['Overview', 'Coded examples', 'Example usage', 'Component API'].map(function (item) {
-    return /*#__PURE__*/_react.default.createElement("li", {
-      key: item
-    }, /*#__PURE__*/_react.default.createElement(_blocks.AnchorMdx, {
-      href: "#".concat((0, _changeCase.paramCase)(item))
-    }, item), processedBlocks && item === 'Example usage' ? /*#__PURE__*/_react.default.createElement("ul", null, processedBlocks.map(function (block) {
-      return block !== null && block !== void 0 && block.title ? /*#__PURE__*/_react.default.createElement("li", {
-        key: block.title
-      }, /*#__PURE__*/_react.default.createElement(_blocks.AnchorMdx, {
-        href: "#".concat((0, _changeCase.paramCase)(block.title))
-      }, block.title)) : null;
-    })) : null);
-  })), /*#__PURE__*/_react.default.createElement("h2", {
-    id: "overview"
-  }, "Overview"), /*#__PURE__*/_react.default.createElement(_blocks.Description, null, altDescription), !omitCodedExample && storyInfo.expectCodedExample ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h2", {
-    id: "coded-examples"
-  }, "Coded examples"), /*#__PURE__*/_react.default.createElement("p", null, "Coded examples can be edited and are a great way to try out a component."), /*#__PURE__*/_react.default.createElement("ul", null, /*#__PURE__*/_react.default.createElement("li", {
-    key: "codesandbox"
-  }, /*#__PURE__*/_react.default.createElement(_blocks.AnchorMdx, {
-    href: (0, _storyHelper.codeSandboxHref)(storyInfo.title)
-  }, /*#__PURE__*/_react.default.createElement("svg", {
-    viewBox: "0 0 24 24",
-    xmlns: "http://www.w3.org/2000/svg",
-    style: {
-      height: '16px',
-      width: '16px',
-      color: 'black',
-      boxShadow: '0 0 0 2px white',
-      marginRight: '8px',
-      verticalAlign: '-2px'
-    }
-  }, /*#__PURE__*/_react.default.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M0 0h23.987v24H0V0Zm21.533 2.455v19.09H2.453V2.456h19.08Z",
-    fill: "currentColor"
-  })), "CodeSandbox")), /*#__PURE__*/_react.default.createElement("li", {
-    key: "stackblitz"
-  }, /*#__PURE__*/_react.default.createElement(_blocks.AnchorMdx, {
-    href: (0, _storyHelper.stackblitzHref)(storyInfo.title)
-  }, /*#__PURE__*/_react.default.createElement("img", {
-    src: "https://c.staticblitz.com/assets/favicon_sb-861fe1b85c0dc928750c62de15fed96fc75e57ee366bd937bad17a3938917b3f.svg",
-    alt: "Stackblitz logo",
-    style: {
-      verticalAlign: '-2px',
-      marginRight: '8px'
-    }
-  }), "Stackblitz")))) : null, /*#__PURE__*/_react.default.createElement("h2", {
-    id: "example-usage"
-  }, "Example usage"), /*#__PURE__*/_react.default.createElement("div", {
-    className: storyHelperClass
-  }, processedBlocks ? /*#__PURE__*/_react.default.createElement(CustomBlocks, {
-    blocks: processedBlocks
-  }) : /*#__PURE__*/_react.default.createElement(_blocks.Stories, null)), /*#__PURE__*/_react.default.createElement("h2", {
-    id: "component-api"
-  }, "Component API"), storyCount > 1 && /*#__PURE__*/_react.default.createElement("p", null, "NOTE: Changing the controls below affects the default/primary example shown on the docs page."), /*#__PURE__*/_react.default.createElement(_blocks.Controls, null));
-};
-StoryDocsPage.propTypes = {
-  /**
-   * Uses doc block from the component where possible.
-   *
-   * Note: use `export default { component: ExampleComponent }` in the story if the main component is wrapped by some
-   * additional code. This will allow the doc block to pass through.
-   *
-   * If passed as string treated as markdown.
-   */
-  altDescription: _propTypes.default.node,
-  /**
-   * location if any of guidelines on the PAL site, constructed by default
-   */
-  altGuidelinesHref: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.shape({
-    href: _propTypes.default.string,
-    label: _propTypes.default.string
-  }))]),
-  /**
-   * Uses component name by default
-   */
-  altTitle: _propTypes.default.string,
-  /**
-   * Array with content sections
-   */
-  blocks: _propTypes.default.arrayOf(_propTypes.default.shape({
-    /**
-     * Optional title story name used by default<h3>
-     */
-    title: _propTypes.default.string,
-    /**
-     * Optional subTitle a <h4>
-     */
-    subTitle: _propTypes.default.string,
-    /**
-     * Optional description, strings treated as markdown.
-     */
-    description: _propTypes.default.node,
-    /**
-     * Optional block image
-     */
-    image: _propTypes.default.node,
-    /**
-     * Story imported from story file
-     */
-    story: _propTypes.default.func,
-    /**
-     * Some source code
-     * default language `jsx`
-     */
-    source: _propTypes.default.shape({
-      language: _propTypes.default.oneOf(['javascript', 'css', 'jsx', 'json']),
-      code: _propTypes.default.string
-    })
-  })),
-  /**
-   * Set to true if no published example exists (all components and patterns should have an example)
-   */
-  omitCodedExample: _propTypes.default.bool,
-  /**
-   * Stories unreferenced in blocks included by default
-   */
-  omitUnreferencedStories: _propTypes.default.bool
-};

package/lib/global/js/utils/story-helper.js

@@ -1,217 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.storyDocsPageTitle = exports.storyDocsPageInfo = exports.storyDocsGuidelines = exports.stackblitzHref = exports.prepareStory = exports.palUsageHref = exports.getStoryTitle = exports.getStoryId = exports.getSelectedCarbonTheme = exports.codeSandboxHref = exports.StackblitzLink = exports.CodesandboxLink = void 0;
-var _toArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toArray"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _csf = require("@storybook/csf");
-var _packageSettings = _interopRequireDefault(require("../package-settings"));
-var _storyStructure = require("../../../../../core/story-structure");
-var _changeCase = require("change-case");
-//
-// Copyright IBM Corp. 2021, 2021
-//
-// This source code is licensed under the Apache-2.0 license found in the
-// LICENSE file in the root directory of this source tree.
-//
-
-/**
- * A helper function to return the structured story title for a component.
- * @param {string} componentName The name of the component.
- * @returns The structured story title.
- */
-var getStoryTitle = exports.getStoryTitle = function getStoryTitle(componentName) {
-  var title =
-  // if the component isn't in the master structure, put it in a lost+found section
-  (0, _storyStructure.getPathForComponent)('c', componentName) || "Carbon for IBM Products/Lost + found/".concat(componentName);
-
-  // add a canary tag if the component is public but not normally enabled
-  return !_packageSettings.default.isComponentEnabled(componentName, true) && _packageSettings.default.isComponentPublic(componentName, true) ? "".concat(title, "#canary") : title;
-};
-
-/**
- * A helper function to return the slug (structured path name reduced to lower
- * case text and hyphens) which identifies individual story instances.
- * @param {string} componentName The name of the component.
- * @param {string} scenario The scenario name, also as a slug.
- * @returns The story id.
- */
-var getStoryId = exports.getStoryId = function getStoryId(componentName, scenario, subdirectory) {
-  if (subdirectory) {
-    return "".concat((0, _csf.sanitize)(getStoryTitle(componentName)), "-").concat((0, _csf.sanitize)(subdirectory), "--").concat(scenario);
-  }
-  return "".concat((0, _csf.sanitize)(getStoryTitle(componentName)), "--").concat(scenario);
-};
-
-/**
- * A helper function to prepare storybook stories for export. This function
- * binds the template, adds the supplied fields, and also inserts a sequence
- * number so that stories can then be sorted into declared order reliably.
- * @param template the story template render function
- * @param options an object containing fields to be added to the bound
- * template, such as `args`, `storyName`, etc.
- * @returns A bound template with the option fields applied.
- */
-var sequence = 0;
-var bindTarget = {};
-var prepareStory = exports.prepareStory = function prepareStory(template, options) {
-  var _result$parameters, _result$parameters2, _result$parameters2$c;
-  var result = Object.assign(template.bind(bindTarget), options);
-  (_result$parameters = result.parameters) !== null && _result$parameters !== void 0 ? _result$parameters : result.parameters = {};
-  (_result$parameters2$c = (_result$parameters2 = result.parameters).ccsSettings) !== null && _result$parameters2$c !== void 0 ? _result$parameters2$c : _result$parameters2.ccsSettings = {};
-  result.parameters.ccsSettings.sequence = sequence++;
-  return result;
-};
-
-/**
- * A helper component that returns a codesandbox link to an example codesandbox for the component.
- * The link URL is based on the example directory name and the standard codesandbox URL for package examples.
- */
-var packagePath = 'github/carbon-design-system/ibm-products/tree/main/examples/carbon-for-ibm-products';
-var codeSandboxHref = exports.codeSandboxHref = function codeSandboxHref(exampleDirectory) {
-  return "https://codesandbox.io/p/sandbox/".concat(packagePath, "/").concat(exampleDirectory, "?file=%2Fsrc%2FExample%2FExample.jsx");
-};
-var CodesandboxLink = exports.CodesandboxLink = function CodesandboxLink(_ref) {
-  var exampleDirectory = _ref.exampleDirectory;
-  var href = codeSandboxHref(exampleDirectory);
-  return /*#__PURE__*/_react.default.createElement("a", {
-    href: href
-  }, /*#__PURE__*/_react.default.createElement("img", {
-    alt: "Edit on CodeSandbox",
-    src: "https://codesandbox.io/static/img/play-codesandbox.svg"
-  }));
-};
-CodesandboxLink.propTypes = {
-  /**
-   * directory within examples codesandbox will be found
-   */
-  exampleDirectory: _propTypes.default.string
-};
-var stackblitzHref = exports.stackblitzHref = function stackblitzHref(exampleDirectory) {
-  return "https://stackblitz.com/".concat(packagePath, "/").concat(exampleDirectory, "?file=src%2FExample%2FExample.jsx");
-};
-var StackblitzLink = exports.StackblitzLink = function StackblitzLink(_ref2) {
-  var exampleDirectory = _ref2.exampleDirectory;
-  var href = stackblitzHref(exampleDirectory);
-  return /*#__PURE__*/_react.default.createElement("a", {
-    href: href
-  }, /*#__PURE__*/_react.default.createElement("img", {
-    alt: "Edit on Stackblitz",
-    src: "https://c.staticblitz.com/assets/favicon_sb-861fe1b85c0dc928750c62de15fed96fc75e57ee366bd937bad17a3938917b3f.svg"
-  }));
-};
-StackblitzLink.propTypes = {
-  /**
-   * directory within examples stackblitz will be found
-   */
-  exampleDirectory: _propTypes.default.string
-};
-var palUsageHref = exports.palUsageHref = function palUsageHref(csfFile) {
-  var _csfFile$meta;
-  var title = csfFile === null || csfFile === void 0 || (_csfFile$meta = csfFile.meta) === null || _csfFile$meta === void 0 ? void 0 : _csfFile$meta.title;
-  var _title$split = title.split('/'),
-    _title$split2 = (0, _slicedToArray2.default)(_title$split, 3),
-    _pkg = _title$split2[0],
-    kind = _title$split2[1],
-    section = _title$split2[2];
-  if (/components|patterns/i.test(kind) && name) {
-    return "https://pages.github.ibm.com/cdai-design/pal/".concat(kind, "s/").concat((0, _changeCase.paramCase)(section), "/usage");
-  }
-};
-var storyDocsPageTitle = exports.storyDocsPageTitle = function storyDocsPageTitle(csfFile) {
-  var _csfFile$meta2;
-  var title = csfFile === null || csfFile === void 0 || (_csfFile$meta2 = csfFile.meta) === null || _csfFile$meta2 === void 0 ? void 0 : _csfFile$meta2.title;
-  var _title$split3 = title.split('/'),
-    _title$split4 = (0, _toArray2.default)(_title$split3),
-    _pkg = _title$split4[0],
-    kind = _title$split4[1],
-    a = _title$split4[2],
-    b = _title$split4[3],
-    rest = _title$split4.slice(4);
-  var component;
-  if (/components|patterns/i.test(kind)) {
-    // components and patterns have an additional level
-    component = b;
-  } else {
-    component = a;
-  }
-  var name = component.split('#')[0]; // canary always written as Example#canary};
-
-  if (name) {
-    if (rest.length > 0) {
-      return "".concat(name, " (").concat(rest.join(' '), ")");
-    } else {
-      return name;
-    }
-  }
-  console.error('Error: unable to parse title from metadata.');
-  return title;
-};
-var storyDocsPageInfo = exports.storyDocsPageInfo = function storyDocsPageInfo(csfFile) {
-  var _csfFile$meta3;
-  var title = csfFile === null || csfFile === void 0 || (_csfFile$meta3 = csfFile.meta) === null || _csfFile$meta3 === void 0 ? void 0 : _csfFile$meta3.title;
-  var _title$split5 = title.split('/'),
-    _title$split6 = (0, _toArray2.default)(_title$split5),
-    pkg = _title$split6[0],
-    kind = _title$split6[1],
-    a = _title$split6[2],
-    b = _title$split6[3],
-    rest = _title$split6.slice(4);
-  var result = {
-    package: pkg,
-    kind: kind,
-    expectCodedExample: false
-  };
-  var component;
-  if (/components|patterns/i.test(kind)) {
-    result.expectCodedExample = true;
-    // components and patterns have an additional level
-    component = b;
-    result.section = a;
-    result.guidelinesHref = "https://pages.github.ibm.com/cdai-design/pal/".concat(kind, "s/").concat((0, _changeCase.paramCase)(result.section), "/usage");
-  } else {
-    component = a;
-  }
-  var nameSplit = component.split('#'); // canary always written as Example#canary};
-  var name = nameSplit[0];
-  if (nameSplit.length > 1 && nameSplit[1] === 'canary') {
-    result.canary = true;
-  }
-  if (name) {
-    if (rest.length > 0) {
-      result.component = result.title = "".concat(name, " (").concat(rest.join(' '), ")");
-    } else {
-      result.component = name;
-      result.title = name;
-    }
-  } else {
-    console.error('Error: unable to parse title from metadata.');
-    result.title = title;
-  }
-  if (result.guidelinesHref) {
-    result.guidelinesLinkLabel = "".concat(result.title, " usage guidelines");
-  }
-  return result;
-};
-var storyDocsGuidelines = exports.storyDocsGuidelines = function storyDocsGuidelines(csfFile) {
-  var storyInfo = storyDocsPageInfo(csfFile);
-  return {
-    href: storyInfo.guidelinesHref,
-    label: storyInfo.guidelinesLinkLabel
-  };
-};
-
-/**
- * A helper function that finds the designated theme on the Storybook canvas.
- * @returns "dark" or "light"
- */
-var getSelectedCarbonTheme = exports.getSelectedCarbonTheme = function getSelectedCarbonTheme() {
-  var _document$querySelect;
-  var themeId = (_document$querySelect = document.querySelector('[storybook-carbon-theme]')) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.getAttribute('storybook-carbon-theme');
-  return themeId === 'g90' || themeId === 'g100' ? 'dark' : 'light';
-};