feat(project): release v10 (carbon-design-system#2089)

* feat(project): update dependencies and feature flags

* chore(project): sync offline mirror

* chore(project): update dependencies

* chore(examples): prevent duplicate module name

* chore(project): update snapshots

* test: add exports test

* feat(table): remove old table exports

BREAKING CHANGE: TableData and TableRowExpanded have been removed.

* feat(tooltip-simple): remove TooltipSimple

BREAKING CHANGE: The TooltipSimple component has been removed.

* feat(DropdownV2): move DropdownV2 to Dropdown

BREAKING CHANGE: DropdownItem removed, DropdownV2 is now Dropdown

* fix(Dropdown): remove reference to DropdownItem

* chore(format): run prettier

* Revert "fix(Dropdown): remove reference to DropdownItem"

This reverts commit 920a1607ea7e38bfaa53dc993acaf5b9ef0ef829.

* Revert "feat(DropdownV2): move DropdownV2 to Dropdown"

This reverts commit 4cdbadc05ab1c71955238a1793e04f3653b89aba.

* feat(dropdown): rename DropdownV2 to Dropdown

BREAKING CHANGE: Dropdown now points to DropdownV2

* feat(components): remove Footer component

BREAKING CHANGE: the Footer component has been removed

* feat(pagination): rename PaginationV2 to Pagination

BREAKING CHANGE: Pagination now points to PaginationV2

* chore(storybook): remove experimental preview

* feat(icon): remove name prop

BREAKING CHANGE: the name prop for Icon has been removed

* chore(package): v10.0.0-rc.0

* chore(package): update carbon-components to 10.0.0-rc.0

* chore(project): fix license in package.json

* Revert "feat(icon): remove name prop"

This reverts commit 752c6fc099270436fb999b669ae854b3dda07b99.

* chore(storybook): invert feature flags

* chore(storybook): fix icon story errors and knob options (#2)

* chore(ModalWrapper): update snapshot

* chore(ci): remove semantic-release

.circleci/config.yml

@@ -17,12 +17,6 @@ jobs:
       - run:
           name: Run Continuous Integration checks
           command: yarn ci-check
-      - run:
-          name: Semantic Release
-          command: |
-            if [ "${CIRCLE_BRANCH}" == "master" ]; then
-              yarn semantic-release
-            fi
       - deploy:
           name: deploy to IBM Cloud
           command: |

.storybook/webpack.config.js

@@ -3,9 +3,9 @@ const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const TerserPlugin = require('terser-webpack-plugin');
 
 const useExperimentalFeatures =
-  process.env.CARBON_USE_EXPERIMENTAL_FEATURES === 'true';
+  process.env.CARBON_USE_EXPERIMENTAL_FEATURES !== 'false';
 
-const useBreakingChanges = process.env.CARBON_USE_BREAKING_CHANGES === 'true';
+const useBreakingChanges = process.env.CARBON_USE_BREAKING_CHANGES !== 'false';
 
 const useExternalCss =
   process.env.CARBON_REACT_STORYBOOK_USE_EXTERNAL_CSS === 'true';

examples/codesandbox/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "hello-world",
+  "name": "codesandbox",
   "version": "0.1.0",
   "private": true,
   "dependencies": {

examples/custom-css-prefix/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "hello-world",
+  "name": "custom-css-prefix",
   "version": "0.1.0",
   "private": true,
   "dependencies": {

examples/next/package.json

@@ -1,4 +1,5 @@
 {
+  "name": "next",
   "scripts": {
     "dev": "next",
     "build": "next build",

package.json

@@ -1,17 +1,14 @@
 {
   "name": "carbon-components-react",
-  "version": "5.5.1",
-  "description": "A React wrapper for carbon-components",
-  "license": "Apache-2",
+  "version": "7.0.0-rc.0",
+  "description": "The Carbon Design System is IBM’s open-source design system for products and experiences.",
+  "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
   "sideEffects": false,
   "scripts": {
     "build": "node scripts/build.js",
     "build-storybook": "build-storybook",
-    "build-storybook:preview": "yarn build-storybook:preview:stable && yarn build-storybook:preview:experimental",
-    "build-storybook:preview:stable": "cross-env CARBON_USE_EXPERIMENTAL_FEATURES=false build-storybook -o storybook-static-preview/stable",
-    "build-storybook:preview:experimental": "cross-env CARBON_USE_EXPERIMENTAL_FEATURES=true build-storybook -o storybook-static-preview/experimental",
     "ci-check": "yarn prettier:diff && yarn lint && yarn test --runInBand && yarn test:experimental -u --runInBand && yarn test-ssr",
     "contributors:add": "all-contributors add",
     "contributors:generate": "all-contributors generate",
@@ -124,13 +121,13 @@
     }
   },
   "peerDependencies": {
-    "carbon-components": "^9.87.2",
+    "carbon-components": "^10.0.0-rc.0",
     "carbon-icons": "^7.0.7",
-    "react": "^16.4.0",
-    "react-dom": "^16.4.0"
+    "react": "^16.8.5",
+    "react-dom": "^16.8.5"
   },
   "dependencies": {
-    "@carbon/icons-react": "^0.0.1-beta.2",
+    "@carbon/icons-react": "^0.0.1-beta.4",
     "classnames": "2.2.6",
     "downshift": "^1.31.14",
     "flatpickr": "4.5.5",
@@ -139,7 +136,7 @@
     "lodash.debounce": "^4.0.8",
     "lodash.isequal": "^4.5.0",
     "lodash.omit": "^4.5.0",
-    "react-is": "^16.8.2",
+    "react-is": "^16.8.5",
     "warning": "^3.0.0",
     "window-or-global": "^1.0.1"
   },
@@ -182,7 +179,7 @@
     "babel-plugin-dev-expression": "^0.2.1",
     "babel-plugin-react-docgen": "^2.0.0",
     "bowser": "^1.6.1",
-    "carbon-components": "^9.90.9",
+    "carbon-components": "^10.0.0-rc.0",
     "carbon-icons": "^7.0.5",
     "chalk": "^2.3.0",
     "cli-table": "^0.3.0",
@@ -210,9 +207,9 @@
     "prettier": "^1.10.0",
     "promise": "^8.0.1",
     "prop-types": "^15.5.8",
-    "react": "^16.4.0",
-    "react-dom": "^16.4.0",
-    "react-test-renderer": "^16.4.0",
+    "react": "^16.8.5",
+    "react-dom": "^16.8.5",
+    "react-test-renderer": "^16.8.5",
     "requestanimationframe": "^0.0.23",
     "rimraf": "^2.6.1",
     "rollup": "^0.57.0",
@@ -223,7 +220,6 @@
     "rollup-plugin-sizes": "^0.4.0",
     "rollup-plugin-uglify": "^3.0.0",
     "sass-loader": "^7.1.0",
-    "semantic-release": "^15.0.0",
     "storybook-addon-rtl": "^0.2.2",
     "storybook-readme": "^4.0.2",
     "string-replace-loader": "^2.1.0",

src/__tests__/index-test.js

@@ -11,4 +11,149 @@ describe('Carbon Components React', () => {
   it('can be imported using the correct path', () => {
     expect(typeof Carbon).toBe('object');
   });
+
+  it('should export components', () => {
+    expect(Object.keys(Carbon).sort()).toMatchInlineSnapshot(`
+Array [
+  "Accordion",
+  "AccordionItem",
+  "AccordionSkeleton",
+  "Breadcrumb",
+  "BreadcrumbItem",
+  "BreadcrumbSkeleton",
+  "Button",
+  "ButtonSkeleton",
+  "Checkbox",
+  "CheckboxSkeleton",
+  "ClickableTile",
+  "CodeSnippet",
+  "CodeSnippetSkeleton",
+  "ComboBox",
+  "ComposedModal",
+  "ContentSwitcher",
+  "Copy",
+  "CopyButton",
+  "DangerButton",
+  "DataTable",
+  "DataTableSkeleton",
+  "DatePicker",
+  "DatePickerInput",
+  "DatePickerSkeleton",
+  "Dropdown",
+  "DropdownItem",
+  "DropdownSkeleton",
+  "ExpandableTile",
+  "FileUploader",
+  "FileUploaderButton",
+  "FileUploaderSkeleton",
+  "Filename",
+  "Form",
+  "FormGroup",
+  "FormItem",
+  "FormLabel",
+  "Icon",
+  "IconSkeleton",
+  "InlineLoading",
+  "InlineNotification",
+  "Link",
+  "ListItem",
+  "Loading",
+  "Modal",
+  "ModalBody",
+  "ModalFooter",
+  "ModalHeader",
+  "ModalWrapper",
+  "MultiSelect",
+  "Notification",
+  "NotificationButton",
+  "NotificationTextDetails",
+  "NumberInput",
+  "NumberInputSkeleton",
+  "OrderedList",
+  "OverflowMenu",
+  "OverflowMenuItem",
+  "Pagination",
+  "PrimaryButton",
+  "ProgressIndicator",
+  "ProgressIndicatorSkeleton",
+  "ProgressStep",
+  "RadioButton",
+  "RadioButtonGroup",
+  "RadioButtonSkeleton",
+  "RadioTile",
+  "Search",
+  "SearchFilterButton",
+  "SearchLayoutButton",
+  "SearchSkeleton",
+  "SecondaryButton",
+  "Select",
+  "SelectItem",
+  "SelectItemGroup",
+  "SelectSkeleton",
+  "SelectableTile",
+  "SkeletonPlaceholder",
+  "SkeletonText",
+  "Slider",
+  "SliderSkeleton",
+  "StructuredListBody",
+  "StructuredListCell",
+  "StructuredListHead",
+  "StructuredListInput",
+  "StructuredListRow",
+  "StructuredListSkeleton",
+  "StructuredListWrapper",
+  "Switch",
+  "Tab",
+  "TabContent",
+  "Table",
+  "TableActionList",
+  "TableBatchAction",
+  "TableBatchActions",
+  "TableBody",
+  "TableCell",
+  "TableContainer",
+  "TableExpandHeader",
+  "TableExpandRow",
+  "TableExpandedRow",
+  "TableHead",
+  "TableHeader",
+  "TableRow",
+  "TableSelectAll",
+  "TableSelectRow",
+  "TableToolbar",
+  "TableToolbarAction",
+  "TableToolbarContent",
+  "TableToolbarSearch",
+  "Tabs",
+  "TabsSkeleton",
+  "Tag",
+  "TagSkeleton",
+  "TextArea",
+  "TextAreaSkeleton",
+  "TextInput",
+  "TextInputSkeleton",
+  "Tile",
+  "TileAboveTheFoldContent",
+  "TileBelowTheFoldContent",
+  "TileGroup",
+  "TimePicker",
+  "TimePickerSelect",
+  "ToastNotification",
+  "Toggle",
+  "ToggleSkeleton",
+  "ToggleSmall",
+  "ToggleSmallSkeleton",
+  "Toolbar",
+  "ToolbarDivider",
+  "ToolbarItem",
+  "ToolbarOption",
+  "ToolbarSearch",
+  "ToolbarTitle",
+  "Tooltip",
+  "TooltipDefinition",
+  "TooltipIcon",
+  "UnorderedList",
+]
+`);
+  });
 });

src/components/Breadcrumb/__tests__/__snapshots__/Breadcrumb-test.js.snap

@@ -164,7 +164,7 @@ exports[`Breadcrumb should render 1`] = `
 <Breadcrumb
   className="parent-class"
 >
-  <div
+  <nav
     className="bx--breadcrumb parent-class"
   >
     <BreadcrumbItem
@@ -186,15 +186,15 @@ exports[`Breadcrumb should render 1`] = `
         </Link>
       </div>
     </BreadcrumbItem>
-  </div>
+  </nav>
 </Breadcrumb>
 `;
 
 exports[`Breadcrumb should support rendering without a trailing slash 1`] = `
 <Breadcrumb
   noTrailingSlash={true}
 >
-  <div
+  <nav
     className="bx--breadcrumb bx--breadcrumb--no-trailing-slash"
   >
     <BreadcrumbItem
@@ -215,6 +215,6 @@ exports[`Breadcrumb should support rendering without a trailing slash 1`] = `
         </Link>
       </div>
     </BreadcrumbItem>
-  </div>
+  </nav>
 </Breadcrumb>
 `;