agriculturegovau · emmatown · Jun 12, 2024 · Jun 13, 2024
diff --git a/.changeset/loud-islands-cheat.md b/.changeset/loud-islands-cheat.md
@@ -0,0 +1,5 @@
+---
+'@ag.ds-next/react': patch
+---
+
+build: Add `exports` field to support importing in Node ESM environments and add ESM build for bundlers
diff --git a/.storybook/stories/DataFiltering/lib/generateBusinessData.ts b/.storybook/stories/DataFiltering/lib/generateBusinessData.ts
@@ -1,5 +1,5 @@
 import { faker } from '@faker-js/faker';
-import { COUNTRY_OPTIONS } from '@ag.ds-next/react/src/combobox/test-utils';
+import { COUNTRY_OPTIONS } from '../../../../docs/components/designSystemComponents';
 
 export type BusinessForAuditStatus =
 	| 'notBooked'

diff --git a/docs/components/designSystemComponents.tsx b/docs/components/designSystemComponents.tsx
@@ -260,11 +260,15 @@ export {
 export { TimePicker } from '@ag.ds-next/react/time-picker';
 
 // Used to populate options on documentation site and playroom
+// these have to be relative imports because these aren't properly
+// exported from the package and the package has an `exports` field
+// which restricts importing things not specified in the `exports` field
+// (though importing relatively like this isn't restricted)
 export {
 	COUNTRY_OPTIONS,
 	NAME_OPTIONS,
-} from '@ag.ds-next/react/src/combobox/test-utils';
+} from '../../packages/react/src/combobox/test-utils';
 export {
 	createExampleFile,
 	createExampleImageFile,
-} from '@ag.ds-next/react/src/file-upload/test-utils';
+} from '../../packages/react/src/file-upload/test-utils';
diff --git a/package.json b/package.json
@@ -106,6 +106,7 @@
 	"preconstruct": {
 		"packages": [
 			"packages/*"
-		]
+		],
+		"exports": true
 	}
 }
diff --git a/packages/react/a11y/package.json b/packages/react/a11y/package.json
@@ -1,3 +1,4 @@
 {
-	"main": "dist/ag.ds-next-react-a11y.cjs.js"
+	"main": "dist/ag.ds-next-react-a11y.cjs.js",
+	"module": "dist/ag.ds-next-react-a11y.esm.js"
 }
diff --git a/packages/react/accordion/package.json b/packages/react/accordion/package.json
@@ -1,3 +1,4 @@
 {
-	"main": "dist/ag.ds-next-react-accordion.cjs.js"
+	"main": "dist/ag.ds-next-react-accordion.cjs.js",
+	"module": "dist/ag.ds-next-react-accordion.esm.js"
 }
diff --git a/packages/react/ag-branding/package.json b/packages/react/ag-branding/package.json
@@ -1,3 +1,4 @@
 {
-	"main": "dist/ag.ds-next-react-ag-branding.cjs.js"
+	"main": "dist/ag.ds-next-react-ag-branding.cjs.js",
+	"module": "dist/ag.ds-next-react-ag-branding.esm.js"
 }
diff --git a/packages/react/app-layout/package.json b/packages/react/app-layout/package.json
@@ -1,3 +1,4 @@
 {
-	"main": "dist/ag.ds-next-react-app-layout.cjs.js"
+	"main": "dist/ag.ds-next-react-app-layout.cjs.js",
+	"module": "dist/ag.ds-next-react-app-layout.esm.js"
 }
diff --git a/packages/react/autocomplete/package.json b/packages/react/autocomplete/package.json
@@ -1,3 +1,4 @@
 {
-	"main": "dist/ag.ds-next-react-autocomplete.cjs.js"
+	"main": "dist/ag.ds-next-react-autocomplete.cjs.js",
+	"module": "dist/ag.ds-next-react-autocomplete.esm.js"
 }
diff --git a/packages/react/avatar/package.json b/packages/react/avatar/package.json
@@ -1,3 +1,4 @@
 {
-	"main": "dist/ag.ds-next-react-avatar.cjs.js"
+	"main": "dist/ag.ds-next-react-avatar.cjs.js",
+	"module": "dist/ag.ds-next-react-avatar.esm.js"
 }
diff --git a/packages/react/badge/package.json b/packages/react/badge/package.json
@@ -1,3 +1,4 @@
 {
-	"main": "dist/ag.ds-next-react-badge.cjs.js"
+	"main": "dist/ag.ds-next-react-badge.cjs.js",
+	"module": "dist/ag.ds-next-react-badge.esm.js"
 }
diff --git a/packages/react/box/package.json b/packages/react/box/package.json
@@ -1,3 +1,4 @@
 {
-	"main": "dist/ag.ds-next-react-box.cjs.js"
+	"main": "dist/ag.ds-next-react-box.cjs.js",
+	"module": "dist/ag.ds-next-react-box.esm.js"
 }
diff --git a/packages/react/breadcrumbs/package.json b/packages/react/breadcrumbs/package.json
@@ -1,3 +1,4 @@
 {
-	"main": "dist/ag.ds-next-react-breadcrumbs.cjs.js"
+	"main": "dist/ag.ds-next-react-breadcrumbs.cjs.js",
+	"module": "dist/ag.ds-next-react-breadcrumbs.esm.js"
 }
diff --git a/packages/react/button/package.json b/packages/react/button/package.json
@@ -1,3 +1,4 @@
 {
-	"main": "dist/ag.ds-next-react-button.cjs.js"
+	"main": "dist/ag.ds-next-react-button.cjs.js",
+	"module": "dist/ag.ds-next-react-button.esm.js"
 }
diff --git a/packages/react/call-to-action/package.json b/packages/react/call-to-action/package.json
@@ -1,3 +1,4 @@
 {
-	"main": "dist/ag.ds-next-react-call-to-action.cjs.js"
+	"main": "dist/ag.ds-next-react-call-to-action.cjs.js",
+	"module": "dist/ag.ds-next-react-call-to-action.esm.js"
 }
diff --git a/packages/react/callout/package.json b/packages/react/callout/package.json
@@ -1,3 +1,4 @@
 {
-	"main": "dist/ag.ds-next-react-callout.cjs.js"
+	"main": "dist/ag.ds-next-react-callout.cjs.js",
+	"module": "dist/ag.ds-next-react-callout.esm.js"
 }
diff --git a/packages/react/card/package.json b/packages/react/card/package.json
@@ -1,3 +1,4 @@
 {
-	"main": "dist/ag.ds-next-react-card.cjs.js"
+	"main": "dist/ag.ds-next-react-card.cjs.js",
+	"module": "dist/ag.ds-next-react-card.esm.js"
 }
diff --git a/packages/react/checkbox/package.json b/packages/react/checkbox/package.json
@@ -1,3 +1,4 @@
 {
-	"main": "dist/ag.ds-next-react-checkbox.cjs.js"
+	"main": "dist/ag.ds-next-react-checkbox.cjs.js",
+	"module": "dist/ag.ds-next-react-checkbox.esm.js"
 }
diff --git a/packages/react/columns/package.json b/packages/react/columns/package.json
@@ -1,3 +1,4 @@
 {
-	"main": "dist/ag.ds-next-react-columns.cjs.js"
+	"main": "dist/ag.ds-next-react-columns.cjs.js",
+	"module": "dist/ag.ds-next-react-columns.esm.js"
 }
diff --git a/packages/react/combobox/package.json b/packages/react/combobox/package.json
@@ -1,3 +1,4 @@
 {
-	"main": "dist/ag.ds-next-react-combobox.cjs.js"
+	"main": "dist/ag.ds-next-react-combobox.cjs.js",
+	"module": "dist/ag.ds-next-react-combobox.esm.js"
 }
diff --git a/packages/react/content/package.json b/packages/react/content/package.json
@@ -1,3 +1,4 @@
 {
-	"main": "dist/ag.ds-next-react-content.cjs.js"
+	"main": "dist/ag.ds-next-react-content.cjs.js",
+	"module": "dist/ag.ds-next-react-content.esm.js"
 }
diff --git a/packages/react/control-group/package.json b/packages/react/control-group/package.json
@@ -1,3 +1,4 @@
 {
-	"main": "dist/ag.ds-next-react-control-group.cjs.js"
+	"main": "dist/ag.ds-next-react-control-group.cjs.js",
+	"module": "dist/ag.ds-next-react-control-group.esm.js"
 }
diff --git a/packages/react/control-input/package.json b/packages/react/control-input/package.json
@@ -1,3 +1,4 @@
 {
-	"main": "dist/ag.ds-next-react-control-input.cjs.js"
+	"main": "dist/ag.ds-next-react-control-input.cjs.js",
+	"module": "dist/ag.ds-next-react-control-input.esm.js"
 }
diff --git a/packages/react/core/package.json b/packages/react/core/package.json
@@ -1,3 +1,4 @@
 {
-	"main": "dist/ag.ds-next-react-core.cjs.js"
+	"main": "dist/ag.ds-next-react-core.cjs.js",
+	"module": "dist/ag.ds-next-react-core.esm.js"
 }
diff --git a/packages/react/date-picker/package.json b/packages/react/date-picker/package.json
@@ -1,3 +1,4 @@
 {
-	"main": "dist/ag.ds-next-react-date-picker.cjs.js"
+	"main": "dist/ag.ds-next-react-date-picker.cjs.js",
+	"module": "dist/ag.ds-next-react-date-picker.esm.js"
 }
diff --git a/packages/react/date-range-picker/package.json b/packages/react/date-range-picker/package.json
@@ -1,3 +1,4 @@
 {
-	"main": "dist/ag.ds-next-react-date-range-picker.cjs.js"
+	"main": "dist/ag.ds-next-react-date-range-picker.cjs.js",
+	"module": "dist/ag.ds-next-react-date-range-picker.esm.js"
 }
diff --git a/packages/react/details/package.json b/packages/react/details/package.json
@@ -1,3 +1,4 @@
 {
-	"main": "dist/ag.ds-next-react-details.cjs.js"
+	"main": "dist/ag.ds-next-react-details.cjs.js",
+	"module": "dist/ag.ds-next-react-details.esm.js"
 }
diff --git a/packages/react/direction-link/package.json b/packages/react/direction-link/package.json
@@ -1,3 +1,4 @@
 {
-	"main": "dist/ag.ds-next-react-direction-link.cjs.js"
+	"main": "dist/ag.ds-next-react-direction-link.cjs.js",
+	"module": "dist/ag.ds-next-react-direction-link.esm.js"
 }
diff --git a/packages/react/divider/package.json b/packages/react/divider/package.json
@@ -1,3 +1,4 @@
 {
-	"main": "dist/ag.ds-next-react-divider.cjs.js"
+	"main": "dist/ag.ds-next-react-divider.cjs.js",
+	"module": "dist/ag.ds-next-react-divider.esm.js"
 }
diff --git a/packages/react/drawer/package.json b/packages/react/drawer/package.json
@@ -1,3 +1,4 @@
 {
-	"main": "dist/ag.ds-next-react-drawer.cjs.js"
+	"main": "dist/ag.ds-next-react-drawer.cjs.js",
+	"module": "dist/ag.ds-next-react-drawer.esm.js"
 }
diff --git a/packages/react/dropdown-menu/package.json b/packages/react/dropdown-menu/package.json
@@ -1,3 +1,4 @@
 {
-	"main": "dist/ag.ds-next-react-dropdown-menu.cjs.js"
+	"main": "dist/ag.ds-next-react-dropdown-menu.cjs.js",
+	"module": "dist/ag.ds-next-react-dropdown-menu.esm.js"
 }
diff --git a/packages/react/field/package.json b/packages/react/field/package.json
@@ -1,3 +1,4 @@
 {
-	"main": "dist/ag.ds-next-react-field.cjs.js"
+	"main": "dist/ag.ds-next-react-field.cjs.js",
+	"module": "dist/ag.ds-next-react-field.esm.js"
 }
diff --git a/packages/react/fieldset/package.json b/packages/react/fieldset/package.json
@@ -1,3 +1,4 @@
 {
-	"main": "dist/ag.ds-next-react-fieldset.cjs.js"
+	"main": "dist/ag.ds-next-react-fieldset.cjs.js",
+	"module": "dist/ag.ds-next-react-fieldset.esm.js"
 }
diff --git a/packages/react/file-input/package.json b/packages/react/file-input/package.json
@@ -1,3 +1,4 @@
 {
-	"main": "dist/ag.ds-next-react-file-input.cjs.js"
+	"main": "dist/ag.ds-next-react-file-input.cjs.js",
+	"module": "dist/ag.ds-next-react-file-input.esm.js"
 }
diff --git a/packages/react/file-upload/package.json b/packages/react/file-upload/package.json
@@ -1,3 +1,4 @@
 {
-	"main": "dist/ag.ds-next-react-file-upload.cjs.js"
+	"main": "dist/ag.ds-next-react-file-upload.cjs.js",
+	"module": "dist/ag.ds-next-react-file-upload.esm.js"
 }
diff --git a/packages/react/filter-drawer/package.json b/packages/react/filter-drawer/package.json
@@ -1,3 +1,4 @@
 {
-	"main": "dist/ag.ds-next-react-filter-drawer.cjs.js"
+	"main": "dist/ag.ds-next-react-filter-drawer.cjs.js",
+	"module": "dist/ag.ds-next-react-filter-drawer.esm.js"
 }
diff --git a/packages/react/filter-sidebar/package.json b/packages/react/filter-sidebar/package.json
@@ -1,3 +1,4 @@
 {
-	"main": "dist/ag.ds-next-react-filter-sidebar.cjs.js"
+	"main": "dist/ag.ds-next-react-filter-sidebar.cjs.js",
+	"module": "dist/ag.ds-next-react-filter-sidebar.esm.js"
 }
diff --git a/packages/react/flex/package.json b/packages/react/flex/package.json
@@ -1,3 +1,4 @@
 {
-	"main": "dist/ag.ds-next-react-flex.cjs.js"
+	"main": "dist/ag.ds-next-react-flex.cjs.js",
+	"module": "dist/ag.ds-next-react-flex.esm.js"
 }
diff --git a/packages/react/footer/package.json b/packages/react/footer/package.json
@@ -1,3 +1,4 @@
 {
-	"main": "dist/ag.ds-next-react-footer.cjs.js"
+	"main": "dist/ag.ds-next-react-footer.cjs.js",
+	"module": "dist/ag.ds-next-react-footer.esm.js"
 }
diff --git a/packages/react/form-stack/package.json b/packages/react/form-stack/package.json
@@ -1,3 +1,4 @@
 {
-	"main": "dist/ag.ds-next-react-form-stack.cjs.js"
+	"main": "dist/ag.ds-next-react-form-stack.cjs.js",
+	"module": "dist/ag.ds-next-react-form-stack.esm.js"
 }
diff --git a/packages/react/global-alert/package.json b/packages/react/global-alert/package.json
@@ -1,3 +1,4 @@
 {
-	"main": "dist/ag.ds-next-react-global-alert.cjs.js"
+	"main": "dist/ag.ds-next-react-global-alert.cjs.js",
+	"module": "dist/ag.ds-next-react-global-alert.esm.js"
 }
diff --git a/packages/react/grouped-fields/package.json b/packages/react/grouped-fields/package.json
@@ -1,3 +1,4 @@
 {
-	"main": "dist/ag.ds-next-react-grouped-fields.cjs.js"
+	"main": "dist/ag.ds-next-react-grouped-fields.cjs.js",
+	"module": "dist/ag.ds-next-react-grouped-fields.esm.js"
 }
diff --git a/packages/react/header/package.json b/packages/react/header/package.json
@@ -1,3 +1,4 @@
 {
-	"main": "dist/ag.ds-next-react-header.cjs.js"
+	"main": "dist/ag.ds-next-react-header.cjs.js",
+	"module": "dist/ag.ds-next-react-header.esm.js"
 }
diff --git a/packages/react/heading/package.json b/packages/react/heading/package.json
@@ -1,3 +1,4 @@
 {
-	"main": "dist/ag.ds-next-react-heading.cjs.js"
+	"main": "dist/ag.ds-next-react-heading.cjs.js",
+	"module": "dist/ag.ds-next-react-heading.esm.js"
 }
diff --git a/packages/react/hero-banner/package.json b/packages/react/hero-banner/package.json
@@ -1,3 +1,4 @@
 {
-	"main": "dist/ag.ds-next-react-hero-banner.cjs.js"
+	"main": "dist/ag.ds-next-react-hero-banner.cjs.js",
+	"module": "dist/ag.ds-next-react-hero-banner.esm.js"
 }
diff --git a/packages/react/icon/package.json b/packages/react/icon/package.json
@@ -1,3 +1,4 @@
 {
-	"main": "dist/ag.ds-next-react-icon.cjs.js"
+	"main": "dist/ag.ds-next-react-icon.cjs.js",
+	"module": "dist/ag.ds-next-react-icon.esm.js"
 }
diff --git a/packages/react/indicator-dot/package.json b/packages/react/indicator-dot/package.json
@@ -1,3 +1,4 @@
 {
-	"main": "dist/ag.ds-next-react-indicator-dot.cjs.js"
+	"main": "dist/ag.ds-next-react-indicator-dot.cjs.js",
+	"module": "dist/ag.ds-next-react-indicator-dot.esm.js"
 }
diff --git a/packages/react/inpage-nav/package.json b/packages/react/inpage-nav/package.json
@@ -1,3 +1,4 @@
 {
-	"main": "dist/ag.ds-next-react-inpage-nav.cjs.js"
+	"main": "dist/ag.ds-next-react-inpage-nav.cjs.js",
+	"module": "dist/ag.ds-next-react-inpage-nav.esm.js"
 }
diff --git a/packages/react/link-list/package.json b/packages/react/link-list/package.json
@@ -1,3 +1,4 @@
 {
-	"main": "dist/ag.ds-next-react-link-list.cjs.js"
+	"main": "dist/ag.ds-next-react-link-list.cjs.js",
+	"module": "dist/ag.ds-next-react-link-list.esm.js"
 }
diff --git a/packages/react/list/package.json b/packages/react/list/package.json
@@ -1,3 +1,4 @@
 {
-	"main": "dist/ag.ds-next-react-list.cjs.js"
+	"main": "dist/ag.ds-next-react-list.cjs.js",
+	"module": "dist/ag.ds-next-react-list.esm.js"
 }
diff --git a/packages/react/loading/package.json b/packages/react/loading/package.json
@@ -1,3 +1,4 @@
 {
-	"main": "dist/ag.ds-next-react-loading.cjs.js"
+	"main": "dist/ag.ds-next-react-loading.cjs.js",
+	"module": "dist/ag.ds-next-react-loading.esm.js"
 }
diff --git a/packages/react/main-nav/package.json b/packages/react/main-nav/package.json
@@ -1,3 +1,4 @@
 {
-	"main": "dist/ag.ds-next-react-main-nav.cjs.js"
+	"main": "dist/ag.ds-next-react-main-nav.cjs.js",
+	"module": "dist/ag.ds-next-react-main-nav.esm.js"
 }
diff --git a/packages/react/modal/package.json b/packages/react/modal/package.json
@@ -1,3 +1,4 @@
 {
-	"main": "dist/ag.ds-next-react-modal.cjs.js"
+	"main": "dist/ag.ds-next-react-modal.cjs.js",
+	"module": "dist/ag.ds-next-react-modal.esm.js"
 }
diff --git a/packages/react/notification-badge/package.json b/packages/react/notification-badge/package.json
@@ -1,3 +1,4 @@
 {
-	"main": "dist/ag.ds-next-react-notification-badge.cjs.js"
+	"main": "dist/ag.ds-next-react-notification-badge.cjs.js",
+	"module": "dist/ag.ds-next-react-notification-badge.esm.js"
 }