fix: run build

Author: Mike Tobia

.storybook/main.js

@@ -17,7 +17,7 @@ const PACKAGE_NAMES = readdirSync(path.resolve(__dirname, '../packages')).filter
 module.exports = {
   stories: ['../packages/*/demo/**/*.stories.@(js|jsx|ts|tsx|mdx)'],
   staticDirs: ['./static'],
-  addons: ['@storybook/addon-essentials', '@storybook/addon-a11y', 'storybook-addon-designs'],
+  addons: ['@storybook/addon-essentials', '@storybook/addon-a11y', '@storybook/addon-designs'],
   framework: {
     name: '@storybook/react-webpack5',
     options: {}

lerna.json

@@ -2,6 +2,7 @@
   "version": "8.67.0",
   "npmClient": "yarn",
   "npmClientArgs": ["--frozen-lockfile"],
+  "useWorkspaces": true,
   "useNx": false,
   "changelog": {
     "repo": "zendeskgarden/react-components",

package.json

@@ -27,6 +27,12 @@
     "preversion": "yarn test:ci",
     "version": "yarn build && git add -A"
   },
+  "workspaces": [
+    "packages/*"
+  ],
+  "resolutions": {
+    "@reach/auto-id": "0.18.0"
+  },
   "devDependencies": {
     "@babel/cli": "7.21.5",
     "@babel/core": "7.22.1",
@@ -38,10 +44,12 @@
     "@babel/preset-react": "7.22.3",
     "@babel/preset-typescript": "7.21.5",
     "@brodybits/rollup-plugin-size-snapshot": "0.14.1",
+    "@reach/auto-id": "0.18.0",
     "@rollup/plugin-commonjs": "25.0.0",
     "@rollup/plugin-node-resolve": "15.1.0",
     "@rollup/plugin-replace": "5.0.2",
     "@storybook/addon-a11y": "7.0.20",
+    "@storybook/addon-designs": "7.0.0",
     "@storybook/addon-essentials": "7.0.20",
     "@storybook/react": "7.0.20",
     "@storybook/react-webpack5": "7.0.20",
@@ -117,7 +125,6 @@
     "rollup-plugin-license": "3.0.1",
     "rollup-plugin-typescript2": "0.34.1",
     "storybook": "7.0.20",
-    "storybook-addon-designs": "6.3.1",
     "styled-components": "5.3.11",
     "stylelint": "13.13.1",
     "stylelint-config-styled-components": "0.1.1",

packages/accordions/src/utils/useAccordionContext.ts

@@ -6,7 +6,7 @@
  */
 
 import { createContext, useContext, MutableRefObject } from 'react';
-import { IUseAccordionPropGetters } from 'packages/chrome/node_modules/@zendeskgarden/container-accordion/dist/typings';
+import { IUseAccordionPropGetters } from '@zendeskgarden/container-accordion';
 export interface IAccordionContext extends IUseAccordionPropGetters {
   expandedSections: number[];
   currentIndexRef: MutableRefObject<number>;

packages/datepickers/.size-snapshot.json

@@ -1,20 +1,20 @@
 {
   "index.cjs.js": {
-    "bundled": 127766,
-    "minified": 72484,
-    "gzipped": 16287
+    "bundled": 165731,
+    "minified": 93084,
+    "gzipped": 19076
   },
   "index.esm.js": {
-    "bundled": 124897,
-    "minified": 69811,
-    "gzipped": 16084,
+    "bundled": 162862,
+    "minified": 90411,
+    "gzipped": 18878,
     "treeshaked": {
       "rollup": {
-        "code": 51629,
+        "code": 66697,
         "import_statements": 546
       },
       "webpack": {
-        "code": 59481
+        "code": 74540
       }
     }
   }

packages/datepickers/src/elements/DatepickerRange/utils/useDatepickerRangeContext.ts

@@ -5,9 +5,9 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 
-import { DateFnsIndex } from 'packages/datepickers/src/utils/calendar-utils';
 import { useContext, createContext, MutableRefObject } from 'react';
 import { IDatepickerRangeState, DatepickerRangeAction } from './datepicker-range-reducer';
+import { DateFnsIndex } from '../../../utils/calendar-utils';
 
 export interface IDatepickerRangeContext {
   state: IDatepickerRangeState;

packages/forms/src/elements/MultiThumbRange.spec.tsx

@@ -15,7 +15,7 @@ import { MultiThumbRange } from './MultiThumbRange';
 import { Label } from './common/Label';
 import { Field } from './common/Field';
 
-type IMockDebounceReturnValue = { default: (fn: any) => any; __esModule: true };
+type IMockDebounceReturnValue = (fn: any) => any;
 
 jest.mock<IMockDebounceReturnValue>('lodash.debounce', () => {
   const wrapWithCancel = (fn: any) => {
@@ -24,10 +24,8 @@ jest.mock<IMockDebounceReturnValue>('lodash.debounce', () => {
     return fn;
   };
 
-  return {
-    default: (fn: any) => wrapWithCancel(fn),
-    __esModule: true
-  };
+  // treated as cjs
+  return (fn: any) => wrapWithCancel(fn);
 });
 
 describe('MultiThumbRange', () => {