fix(typescript): Refactor carbon/react index.js to index.ts to expose new typescript typings

packages/react/__tests__/PublicAPI-test.js

@@ -129,15 +129,31 @@ test('Public API should only change with a semver change', () => {
   const CarbonReact = require('../src');
   const PublicAPI = new Map();
 
-  Object.keys(CarbonReact).forEach((name) => {
+  // Sort alphabetically
+  const CarbonReactOrdered = Object.keys(CarbonReact)
+    .sort()
+    .reduce((obj, key) => {
+      obj[key] = CarbonReact[key];
+      return obj;
+    }, {});
+
+  Object.keys(CarbonReactOrdered).forEach((name) => {
     const Component = CarbonReact[name];
     PublicAPI.set(name, mapComponentToAPI(Component));
   });
 
   function mapComponentToAPI(Component) {
     const api = {};
 
-    Object.keys(Component).forEach((key) => {
+    // Sort alphabetically
+    const ComponentOrdered = Object.keys(Component)
+      .sort()
+      .reduce((obj, key) => {
+        obj[key] = Component[key];
+        return obj;
+      }, {});
+
+    Object.keys(ComponentOrdered).forEach((key) => {
       // There are a couple of properties on components that we don't believe
       // are part of our API, such as `_` prefixed variables, or capture details
       // that are internal to a library-specific piece of functionality. For

packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap

@@ -3590,6 +3590,11 @@ Map {
       },
     },
   },
+  "FormContext" => Object {
+    "$$typeof": Symbol(react.context),
+    "Consumer": "React.Consumer",
+    "Provider": "React.Provider",
+  },
   "FormGroup" => Object {
     "defaultProps": Object {
       "invalid": false,
@@ -5678,6 +5683,11 @@ Map {
     },
     "render": [Function],
   },
+  "PrefixContext" => Object {
+    "$$typeof": Symbol(react.context),
+    "Consumer": "React.Consumer",
+    "Provider": "React.Provider",
+  },
   "PrimaryButton" => Object {},
   "ProgressBar" => Object {
     "propTypes": Object {
@@ -8283,6 +8293,11 @@ Map {
       },
     },
   },
+  "ThemeContext" => Object {
+    "$$typeof": Symbol(react.context),
+    "Consumer": "React.Consumer",
+    "Provider": "React.Provider",
+  },
   "Tile" => Object {
     "$$typeof": Symbol(react.forward_ref),
     "propTypes": Object {
@@ -8973,6 +8988,20 @@ Map {
     "$$typeof": Symbol(react.forward_ref),
     "render": [Function],
   },
+  "types" => Object {
+    "0": "red",
+    "1": "magenta",
+    "10": "high-contrast",
+    "11": "outline",
+    "2": "purple",
+    "3": "blue",
+    "4": "cyan",
+    "5": "teal",
+    "6": "green",
+    "7": "gray",
+    "8": "cool-gray",
+    "9": "warm-gray",
+  },
   "unstable_FeatureFlags" => Object {
     "propTypes": Object {
       "children": Object {
@@ -9826,100 +9855,6 @@ Map {
       },
     },
   },
-  "unstable__FluidNumberInput" => Object {
-    "$$typeof": Symbol(react.forward_ref),
-    "propTypes": Object {
-      "allowEmpty": Object {
-        "type": "bool",
-      },
-      "className": Object {
-        "type": "string",
-      },
-      "defaultValue": Object {
-        "args": Array [
-          Array [
-            Object {
-              "type": "number",
-            },
-            Object {
-              "type": "string",
-            },
-          ],
-        ],
-        "type": "oneOfType",
-      },
-      "disableWheel": Object {
-        "type": "bool",
-      },
-      "disabled": Object {
-        "type": "bool",
-      },
-      "iconDescription": Object {
-        "type": "string",
-      },
-      "id": Object {
-        "isRequired": true,
-        "type": "string",
-      },
-      "invalid": Object {
-        "type": "bool",
-      },
-      "invalidText": Object {
-        "type": "node",
-      },
-      "label": Object {
-        "type": "node",
-      },
-      "max": Object {
-        "type": "number",
-      },
-      "min": Object {
-        "type": "number",
-      },
-      "onChange": Object {
-        "type": "func",
-      },
-      "onClick": Object {
-        "type": "func",
-      },
-      "onKeyUp": Object {
-        "type": "func",
-      },
-      "step": Object {
-        "type": "number",
-      },
-      "translateWithId": Object {
-        "type": "func",
-      },
-      "value": Object {
-        "args": Array [
-          Array [
-            Object {
-              "type": "number",
-            },
-            Object {
-              "type": "string",
-            },
-          ],
-        ],
-        "type": "oneOfType",
-      },
-      "warn": Object {
-        "type": "bool",
-      },
-      "warnText": Object {
-        "type": "node",
-      },
-    },
-    "render": [Function],
-  },
-  "unstable__FluidNumberInputSkeleton" => Object {
-    "propTypes": Object {
-      "className": Object {
-        "type": "string",
-      },
-    },
-  },
   "unstable__FluidSelect" => Object {
     "$$typeof": Symbol(react.forward_ref),
     "propTypes": Object {

packages/react/src/__tests__/index-test.js

@@ -66,6 +66,7 @@ describe('Carbon Components React', () => {
         "FlexGrid",
         "FluidForm",
         "Form",
+        "FormContext",
         "FormGroup",
         "FormItem",
         "FormLabel",
@@ -113,6 +114,7 @@ describe('Carbon Components React', () => {
         "PasswordInput",
         "Popover",
         "PopoverContent",
+        "PrefixContext",
         "PrimaryButton",
         "ProgressBar",
         "ProgressIndicator",
@@ -197,6 +199,7 @@ describe('Carbon Components React', () => {
         "TextInput",
         "TextInputSkeleton",
         "Theme",
+        "ThemeContext",
         "Tile",
         "TileAboveTheFoldContent",
         "TileBelowTheFoldContent",
@@ -217,6 +220,7 @@ describe('Carbon Components React', () => {
         "TreeView",
         "UnorderedList",
         "VStack",
+        "types",
         "unstable_FeatureFlags",
         "unstable_LayoutDirection",
         "unstable_Menu",
@@ -239,8 +243,6 @@ describe('Carbon Components React', () => {
         "unstable__FluidDropdownSkeleton",
         "unstable__FluidMultiSelect",
         "unstable__FluidMultiSelectSkeleton",
-        "unstable__FluidNumberInput",
-        "unstable__FluidNumberInputSkeleton",
         "unstable__FluidSelect",
         "unstable__FluidSelectSkeleton",
         "unstable__FluidTextArea",

packages/react/src/components/Accordion/Accordion.Skeleton.js

@@ -95,3 +95,4 @@ function AccordionSkeletonItem() {
 }
 
 export default AccordionSkeleton;
+export { AccordionSkeleton };

packages/react/src/components/Accordion/index.js

@@ -8,5 +8,6 @@
 import Accordion from './Accordion';
 
 export default Accordion;
+export { Accordion };
 export { default as AccordionItem } from './AccordionItem';
 export { default as AccordionSkeleton } from './Accordion.Skeleton';

packages/react/src/components/AccordionItem/index.js

@@ -8,3 +8,4 @@
 // Alias for import paths for build tools that rely on this
 import { AccordionItem } from '../Accordion';
 export default AccordionItem;
+export { AccordionItem };

packages/react/src/components/Breadcrumb/Breadcrumb.Skeleton.js

@@ -41,3 +41,4 @@ BreadcrumbSkeleton.propTypes = {
 };
 
 export default BreadcrumbSkeleton;
+export { BreadcrumbSkeleton };

packages/react/src/components/Button/Button.Skeleton.js

@@ -78,3 +78,4 @@ ButtonSkeleton.propTypes = {
 };
 
 export default ButtonSkeleton;
+export { ButtonSkeleton };

packages/react/src/components/Button/index.js

@@ -5,5 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+import Button from './Button';
+
+export default Button;
+export { Button };
 export { default as ButtonSkeleton } from './Button.Skeleton';
-export default from './Button';

packages/react/src/components/ButtonSet/index.js

@@ -5,4 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-export default from './ButtonSet';
+import ButtonSet from './ButtonSet';
+export { ButtonSet };
+export default ButtonSet;

packages/react/src/components/Checkbox/Checkbox.Skeleton.tsx

@@ -41,3 +41,4 @@ CheckboxSkeleton.propTypes = {
 };
 
 export default CheckboxSkeleton;
+export { CheckboxSkeleton };

packages/react/src/components/Checkbox/index.ts

@@ -5,7 +5,11 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-export { default as CheckboxSkeleton } from './Checkbox.Skeleton';
 import Checkbox, { CheckboxProps } from './Checkbox';
-export type { CheckboxProps };
+
+export { default as CheckboxSkeleton } from './Checkbox.Skeleton';
 export default Checkbox;
+
+export { Checkbox };
+
+export type { CheckboxProps };

packages/react/src/components/CodeSnippet/CodeSnippet.Skeleton.js

@@ -59,3 +59,4 @@ CodeSnippetSkeleton.propTypes = {
 };
 
 export default CodeSnippetSkeleton;
+export { CodeSnippetSkeleton };

packages/react/src/components/CodeSnippet/index.js

@@ -5,5 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+import CodeSnippet from './CodeSnippet';
+
+export default CodeSnippet;
+export { CodeSnippet };
 export { default as CodeSnippetSkeleton } from './CodeSnippet.Skeleton';
-export default from './CodeSnippet';

packages/react/src/components/ComboBox/index.js

@@ -5,4 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-export default from './ComboBox';
+import ComboBox from './ComboBox';
+export default ComboBox;
+export { ComboBox };

packages/react/src/components/ContainedList/ContainedListItem/index.js

@@ -5,4 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-export default from './ContainedListItem';
+import ContainedListItem from './ContainedListItem';
+
+export default ContainedListItem;
+export { ContainedListItem };

packages/react/src/components/ContainedList/index.js

@@ -12,3 +12,4 @@ ContainedList.ContainedListItem = ContainedListItem;
 
 export { ContainedListItem };
 export default ContainedList;
+export { ContainedList };

packages/react/src/components/ContentSwitcher/index.js

@@ -6,6 +6,8 @@
  */
 
 import { createClassWrapper } from '../../internal/createClassWrapper';
-import ContentSwitcher from './ContentSwitcher';
+import ContentSwitcherCarbon from './ContentSwitcher';
 
-export default createClassWrapper(ContentSwitcher);
+const ContentSwitcher = createClassWrapper(ContentSwitcherCarbon);
+export default ContentSwitcher;
+export { ContentSwitcher };

packages/react/src/components/Copy/index.js

@@ -5,4 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-export default from './Copy';
+import Copy from './Copy';
+export default Copy;
+export { Copy };

packages/react/src/components/CopyButton/index.js

@@ -5,4 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-export default from './CopyButton';
+import CopyButton from './CopyButton';
+export default CopyButton;
+export { CopyButton };

packages/react/src/components/DangerButton/index.js

@@ -5,4 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-export default from './DangerButton';
+import DangerButton from './DangerButton';
+
+export default DangerButton;
+export { DangerButton };

packages/react/src/components/DataTable/index.js

@@ -49,6 +49,7 @@ DataTable.TableToolbarSearch = TableToolbarSearch;
 DataTable.TableToolbarMenu = TableToolbarMenu;
 
 export {
+  DataTable,
   Table,
   TableActionList,
   TableBatchAction,

packages/react/src/components/DataTableSkeleton/index.js

@@ -5,4 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-export default from './DataTableSkeleton';
+import DataTableSkeleton from './DataTableSkeleton';
+export default DataTableSkeleton;
+export { DataTableSkeleton };

packages/react/src/components/DatePicker/DatePicker.Skeleton.js

@@ -75,3 +75,4 @@ DatePickerSkeleton.propTypes = {
 };
 
 export default DatePickerSkeleton;
+export { DatePickerSkeleton };