@dt-dds/react-select 1.0.0-beta.60 → 1.0.0-beta.61

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @dt-ui/react-select
 
+## 1.0.0-beta.61
+
+### Patch Changes
+
+- fix: avoid Downshift CJS/ESM interop issue in Next build
+- refactor: change select storybook prop
+- Updated dependencies [223664b]
+  - @dt-dds/react-box@1.0.0-beta.49
+  - @dt-dds/react-dropdown@1.0.0-beta.70
+
 ## 1.0.0-beta.60
 
 ### Minor Changes

package/dist/index.js

@@ -70,7 +70,7 @@ var import_react_icon = require("@dt-dds/react-icon");
 var import_react_icon_button = require("@dt-dds/react-icon-button");
 var import_react_label_field = require("@dt-dds/react-label-field");
 var import_react_tooltip = require("@dt-dds/react-tooltip");
-var import_downshift = require("downshift");
+var Downshift = __toESM(require("downshift"));
 var import_react2 = require("react");
 
 // src/components/SelectOption.tsx
@@ -266,6 +266,7 @@ var TypographyHelperTextStyled = (0, import_styled2.default)(import_react_typogr
 
 // src/Select.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
+var { useSelect } = Downshift;
 var helperTextId = "helper-text-id";
 var Select = ({
   dataTestId,
@@ -331,7 +332,7 @@ var Select = ({
     getMenuProps,
     highlightedIndex,
     getItemProps
-  } = (0, import_downshift.useSelect)({
+  } = useSelect({
     items: options,
     isItemDisabled(item) {
       return !!item.isDisabled;
@@ -341,15 +342,15 @@ var Select = ({
     stateReducer(state, actionAndChanges) {
       const { changes, type } = actionAndChanges;
       switch (type) {
-        case import_downshift.useSelect.stateChangeTypes.ToggleButtonBlur:
+        case useSelect.stateChangeTypes.ToggleButtonBlur:
           return __spreadProps(__spreadValues({}, changes), {
             isOpen: false,
             selectedItem: state.selectedItem,
             highlightedIndex: state.highlightedIndex
           });
-        case import_downshift.useSelect.stateChangeTypes.ItemClick:
-        case import_downshift.useSelect.stateChangeTypes.ToggleButtonKeyDownEnter:
-        case import_downshift.useSelect.stateChangeTypes.ToggleButtonKeyDownSpaceButton:
+        case useSelect.stateChangeTypes.ItemClick:
+        case useSelect.stateChangeTypes.ToggleButtonKeyDownEnter:
+        case useSelect.stateChangeTypes.ToggleButtonKeyDownSpaceButton:
           return isMulti ? __spreadProps(__spreadValues({}, changes), {
             isOpen: true,
             highlightedIndex: state.highlightedIndex

package/dist/index.mjs

@@ -37,7 +37,7 @@ import { Icon } from "@dt-dds/react-icon";
 import { IconButton } from "@dt-dds/react-icon-button";
 import { LabelField } from "@dt-dds/react-label-field";
 import { Tooltip } from "@dt-dds/react-tooltip";
-import { useSelect } from "downshift";
+import * as Downshift from "downshift";
 import {
   Children,
   isValidElement,
@@ -238,6 +238,7 @@ var TypographyHelperTextStyled = styled2(Typography)`
 
 // src/Select.tsx
 import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+var { useSelect } = Downshift;
 var helperTextId = "helper-text-id";
 var Select = ({
   dataTestId,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dt-dds/react-select",
-  "version": "1.0.0-beta.60",
+  "version": "1.0.0-beta.61",
   "license": "MIT",
   "exports": {
     ".": {
@@ -24,10 +24,10 @@
     "test:update:snapshot": "jest -u"
   },
   "dependencies": {
-    "@dt-dds/react-box": "1.0.0-beta.48",
+    "@dt-dds/react-box": "1.0.0-beta.49",
     "@dt-dds/react-checkbox": "1.0.0-beta.51",
     "@dt-dds/react-core": "1.0.0-beta.51",
-    "@dt-dds/react-dropdown": "1.0.0-beta.69",
+    "@dt-dds/react-dropdown": "1.0.0-beta.70",
     "@dt-dds/react-icon": "1.0.0-beta.53",
     "@dt-dds/react-icon-button": "1.0.0-beta.19",
     "@dt-dds/react-label-field": "1.0.0-beta.51",