@carbon/ibm-products 1.0.0-rc.1 → 1.1.0

package/lib/components/index.js

@@ -0,0 +1,343 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "APIKeyModal", {
+  enumerable: true,
+  get: function get() {
+    return _APIKeyModal.APIKeyModal;
+  }
+});
+Object.defineProperty(exports, "AboutModal", {
+  enumerable: true,
+  get: function get() {
+    return _AboutModal.AboutModal;
+  }
+});
+Object.defineProperty(exports, "Cascade", {
+  enumerable: true,
+  get: function get() {
+    return _Cascade.Cascade;
+  }
+});
+Object.defineProperty(exports, "ComboButton", {
+  enumerable: true,
+  get: function get() {
+    return _ComboButton.ComboButton;
+  }
+});
+Object.defineProperty(exports, "ComboButtonItem", {
+  enumerable: true,
+  get: function get() {
+    return _ComboButton.ComboButtonItem;
+  }
+});
+Object.defineProperty(exports, "CreateFullPage", {
+  enumerable: true,
+  get: function get() {
+    return _CreateFullPage.CreateFullPage;
+  }
+});
+Object.defineProperty(exports, "CreateFullPageStep", {
+  enumerable: true,
+  get: function get() {
+    return _CreateFullPage.CreateFullPageStep;
+  }
+});
+Object.defineProperty(exports, "CreateModal", {
+  enumerable: true,
+  get: function get() {
+    return _CreateModal.CreateModal;
+  }
+});
+Object.defineProperty(exports, "CreateSidePanel", {
+  enumerable: true,
+  get: function get() {
+    return _CreateSidePanel.CreateSidePanel;
+  }
+});
+Object.defineProperty(exports, "CreateTearsheet", {
+  enumerable: true,
+  get: function get() {
+    return _CreateTearsheet.CreateTearsheet;
+  }
+});
+Object.defineProperty(exports, "CreateTearsheetDivider", {
+  enumerable: true,
+  get: function get() {
+    return _CreateTearsheet.CreateTearsheetDivider;
+  }
+});
+Object.defineProperty(exports, "CreateTearsheetNarrow", {
+  enumerable: true,
+  get: function get() {
+    return _CreateTearsheetNarrow.CreateTearsheetNarrow;
+  }
+});
+Object.defineProperty(exports, "CreateTearsheetStep", {
+  enumerable: true,
+  get: function get() {
+    return _CreateTearsheet.CreateTearsheetStep;
+  }
+});
+Object.defineProperty(exports, "EditSidePanel", {
+  enumerable: true,
+  get: function get() {
+    return _EditSidePanel.EditSidePanel;
+  }
+});
+Object.defineProperty(exports, "EmptyState", {
+  enumerable: true,
+  get: function get() {
+    return _EmptyStates.EmptyState;
+  }
+});
+Object.defineProperty(exports, "ErrorEmptyState", {
+  enumerable: true,
+  get: function get() {
+    return _EmptyStates.ErrorEmptyState;
+  }
+});
+Object.defineProperty(exports, "ExampleComponent", {
+  enumerable: true,
+  get: function get() {
+    return _ExampleComponent.ExampleComponent;
+  }
+});
+Object.defineProperty(exports, "ExportModal", {
+  enumerable: true,
+  get: function get() {
+    return _ExportModal.ExportModal;
+  }
+});
+Object.defineProperty(exports, "ExpressiveCard", {
+  enumerable: true,
+  get: function get() {
+    return _ExpressiveCard.ExpressiveCard;
+  }
+});
+Object.defineProperty(exports, "HTTPError403", {
+  enumerable: true,
+  get: function get() {
+    return _HTTPErrors.HTTPError403;
+  }
+});
+Object.defineProperty(exports, "HTTPError404", {
+  enumerable: true,
+  get: function get() {
+    return _HTTPErrors.HTTPError404;
+  }
+});
+Object.defineProperty(exports, "HTTPErrorOther", {
+  enumerable: true,
+  get: function get() {
+    return _HTTPErrors.HTTPErrorOther;
+  }
+});
+Object.defineProperty(exports, "ImportModal", {
+  enumerable: true,
+  get: function get() {
+    return _ImportModal.ImportModal;
+  }
+});
+Object.defineProperty(exports, "LoadingBar", {
+  enumerable: true,
+  get: function get() {
+    return _LoadingBar.LoadingBar;
+  }
+});
+Object.defineProperty(exports, "ModifiedTabs", {
+  enumerable: true,
+  get: function get() {
+    return _ModifiedTabs.ModifiedTabs;
+  }
+});
+Object.defineProperty(exports, "NoDataEmptyState", {
+  enumerable: true,
+  get: function get() {
+    return _EmptyStates.NoDataEmptyState;
+  }
+});
+Object.defineProperty(exports, "NoTagsEmptyState", {
+  enumerable: true,
+  get: function get() {
+    return _EmptyStates.NoTagsEmptyState;
+  }
+});
+Object.defineProperty(exports, "NotFoundEmptyState", {
+  enumerable: true,
+  get: function get() {
+    return _EmptyStates.NotFoundEmptyState;
+  }
+});
+Object.defineProperty(exports, "NotificationsEmptyState", {
+  enumerable: true,
+  get: function get() {
+    return _EmptyStates.NotificationsEmptyState;
+  }
+});
+Object.defineProperty(exports, "NotificationsPanel", {
+  enumerable: true,
+  get: function get() {
+    return _NotificationsPanel.NotificationsPanel;
+  }
+});
+Object.defineProperty(exports, "OptionsTile", {
+  enumerable: true,
+  get: function get() {
+    return _OptionsTile.OptionsTile;
+  }
+});
+Object.defineProperty(exports, "PageHeader", {
+  enumerable: true,
+  get: function get() {
+    return _PageHeader.PageHeader;
+  }
+});
+Object.defineProperty(exports, "ProductiveCard", {
+  enumerable: true,
+  get: function get() {
+    return _ProductiveCard.ProductiveCard;
+  }
+});
+Object.defineProperty(exports, "RemoveModal", {
+  enumerable: true,
+  get: function get() {
+    return _RemoveModal.RemoveModal;
+  }
+});
+Object.defineProperty(exports, "Saving", {
+  enumerable: true,
+  get: function get() {
+    return _Saving.Saving;
+  }
+});
+Object.defineProperty(exports, "SidePanel", {
+  enumerable: true,
+  get: function get() {
+    return _SidePanel.SidePanel;
+  }
+});
+Object.defineProperty(exports, "StatusIcon", {
+  enumerable: true,
+  get: function get() {
+    return _StatusIcon.StatusIcon;
+  }
+});
+Object.defineProperty(exports, "TagSet", {
+  enumerable: true,
+  get: function get() {
+    return _TagSet.TagSet;
+  }
+});
+Object.defineProperty(exports, "Tearsheet", {
+  enumerable: true,
+  get: function get() {
+    return _Tearsheet.Tearsheet;
+  }
+});
+Object.defineProperty(exports, "TearsheetNarrow", {
+  enumerable: true,
+  get: function get() {
+    return _Tearsheet.TearsheetNarrow;
+  }
+});
+Object.defineProperty(exports, "Toolbar", {
+  enumerable: true,
+  get: function get() {
+    return _Toolbar.Toolbar;
+  }
+});
+Object.defineProperty(exports, "ToolbarButton", {
+  enumerable: true,
+  get: function get() {
+    return _Toolbar.ToolbarButton;
+  }
+});
+Object.defineProperty(exports, "ToolbarGroup", {
+  enumerable: true,
+  get: function get() {
+    return _Toolbar.ToolbarGroup;
+  }
+});
+Object.defineProperty(exports, "UnauthorizedEmptyState", {
+  enumerable: true,
+  get: function get() {
+    return _EmptyStates.UnauthorizedEmptyState;
+  }
+});
+Object.defineProperty(exports, "UserProfileImage", {
+  enumerable: true,
+  get: function get() {
+    return _UserProfileImage.UserProfileImage;
+  }
+});
+Object.defineProperty(exports, "WebTerminal", {
+  enumerable: true,
+  get: function get() {
+    return _WebTerminal.WebTerminal;
+  }
+});
+
+var _AboutModal = require("./AboutModal");
+
+var _APIKeyModal = require("./APIKeyModal");
+
+var _Cascade = require("./Cascade");
+
+var _ComboButton = require("./ComboButton");
+
+var _CreateFullPage = require("./CreateFullPage");
+
+var _CreateModal = require("./CreateModal");
+
+var _CreateSidePanel = require("./CreateSidePanel");
+
+var _CreateTearsheet = require("./CreateTearsheet");
+
+var _CreateTearsheetNarrow = require("./CreateTearsheetNarrow");
+
+var _EmptyStates = require("./EmptyStates");
+
+var _ExampleComponent = require("./ExampleComponent");
+
+var _ExportModal = require("./ExportModal");
+
+var _ExpressiveCard = require("./ExpressiveCard");
+
+var _HTTPErrors = require("./HTTPErrors");
+
+var _ImportModal = require("./ImportModal");
+
+var _LoadingBar = require("./LoadingBar");
+
+var _ModifiedTabs = require("./ModifiedTabs");
+
+var _NotificationsPanel = require("./NotificationsPanel");
+
+var _PageHeader = require("./PageHeader");
+
+var _ProductiveCard = require("./ProductiveCard");
+
+var _RemoveModal = require("./RemoveModal");
+
+var _Saving = require("./Saving");
+
+var _SidePanel = require("./SidePanel");
+
+var _StatusIcon = require("./StatusIcon");
+
+var _TagSet = require("./TagSet");
+
+var _Tearsheet = require("./Tearsheet");
+
+var _Toolbar = require("./Toolbar");
+
+var _UserProfileImage = require("./UserProfileImage");
+
+var _WebTerminal = require("./WebTerminal");
+
+var _EditSidePanel = require("./EditSidePanel");
+
+var _OptionsTile = require("./OptionsTile");

package/lib/generated/feature-flags/feature-flags.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+//
+// Copyright IBM Corp. 2020, 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.
+//
+// ******************************
+// *
+// * ONLY EDIT IN /common-files/feature-flags files elsewhere are copies
+// * created by a pre-commit step
+// *
+// ******************************
+var _default = {
+  'enable-css-custom-properties': false
+};
+exports.default = _default;

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

@@ -0,0 +1,75 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "useClickOutside", {
+  enumerable: true,
+  get: function get() {
+    return _useClickOutside.useClickOutside;
+  }
+});
+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, "usePreviousValue", {
+  enumerable: true,
+  get: function get() {
+    return _usePreviousValue.usePreviousValue;
+  }
+});
+Object.defineProperty(exports, "useResetCreateComponent", {
+  enumerable: true,
+  get: function get() {
+    return _useResetCreateComponent.useResetCreateComponent;
+  }
+});
+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 _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 _useValidCreateStepCount = require("./useValidCreateStepCount");

package/lib/global/js/hooks/useClickOutside.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useClickOutside = void 0;
+
+var _react = require("react");
+
+/**
+ * Copyright IBM Corp. 2020, 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.
+ */
+var useClickOutside = function useClickOutside(ref, callback) {
+  var handleClick = function handleClick(event) {
+    if (ref.current && !ref.current.contains(event.target)) {
+      callback();
+    }
+  };
+
+  (0, _react.useEffect)(function () {
+    document.addEventListener('click', handleClick);
+    return function () {
+      document.removeEventListener('click', handleClick);
+    };
+  });
+};
+
+exports.useClickOutside = useClickOutside;

package/lib/global/js/hooks/useCreateComponentFocus.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCreateComponentFocus = void 0;
+
+var _react = require("react");
+
+var _getFocusableElements = require("../utils/getFocusableElements");
+
+/**
+ * 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.
+ */
+
+/**
+ * Returns the previous state values included in the param
+ * @param {object} previousState
+ * @param {number} currentStep
+ * @param {Function} getCreateComponentSteps
+ * @param {string} componentBlockClass
+ */
+var useCreateComponentFocus = function useCreateComponentFocus(previousState, currentStep, getCreateComponentSteps, componentBlockClass) {
+  (0, _react.useEffect)(function () {
+    if ((previousState === null || previousState === void 0 ? void 0 : previousState.currentStep) !== currentStep && currentStep > 0) {
+      var visibleStepInnerContent = document.querySelector(".".concat(componentBlockClass, "__step.").concat(componentBlockClass, "__step--visible-step"));
+      var createComponentSteps = getCreateComponentSteps();
+      var focusableStepElements = createComponentSteps && createComponentSteps.length && (0, _getFocusableElements.getFocusableElements)(visibleStepInnerContent);
+      var activeStepComponent = createComponentSteps && createComponentSteps.length && createComponentSteps[currentStep - 1];
+
+      if (activeStepComponent && activeStepComponent.props.onMount) {
+        activeStepComponent.props.onMount();
+      }
+
+      if (focusableStepElements && focusableStepElements.length) {
+        focusableStepElements[0].focus();
+      } else {
+        var nextButton = document.querySelector(".".concat(componentBlockClass, "__create-button"));
+        nextButton === null || nextButton === void 0 ? void 0 : nextButton.focus();
+      }
+    }
+  }, [currentStep, getCreateComponentSteps, previousState, componentBlockClass]);
+};
+
+exports.useCreateComponentFocus = useCreateComponentFocus;