@intility/bifrost-react-select 5.2.1 → 6.0.0

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @intility/bifrost-react-select
 
+## 6.0.0
+
+### Major Changes
+
+- 5de0e05: Update `peerDependencies` to explicit major versions:
+
+  ```
+  @intility/bifrost-react: ^6
+  react: ^17 || ^18 || ^19
+  react-dom: ^17 || ^18 || ^19
+  ```
+
+- 5de0e05: Updated Font Awesome dependencies from `^6.4.2` to `^7.0.0`.
+  - `<Icon fixedWidth>` prop deprecated since icons are now fixed width default.
+  - New `<Icon widthAuto>` prop if you want the old behavior.
+  - If you have trouble installing, try deleting your `node_modules` and
+    `package-lock.json`.
+- 5de0e05: No longer override internal Input for Select (apparently does nothing) - could potentially break something?
+
+## 5.2.2
+
+### Patch Changes
+
+- 123c323: Bump `react-select` dependency from `5.10.1` to `5.10.2`
+- d74de86: Update css-in-js selector for `<Select>` component to remove warning about `:first-child`
+
 ## 5.2.1
 
 ### Patch Changes

package/dist/Select.js

@@ -12,7 +12,6 @@ import Label from "@intility/bifrost-react/Label";
 import useUniqueId from "@intility/bifrost-react/hooks/useUniqueId";
 import useLocale from "@intility/bifrost-react/hooks/useLocale";
 import DropdownIndicator from "./overrides/DropdownIndicator.internal.js";
-import CustomInput from "./overrides/CustomInput.internal.js";
 import CustomMenuList from "./overrides/CustomMenuList.internal.js";
 import ClearIndicator from "./overrides/ClearIndicator.internal.js";
 import CustomOption from "./overrides/CustomOption.internal.js";
@@ -47,7 +46,7 @@ export const selectStyles = {
             ".bf-fieldgroup &": {
                 borderRadius: 0
             },
-            ".bf-fieldgroup > :first-child &": {
+            ".bf-fieldgroup > :first-of-type &": {
                 borderTopLeftRadius: "var(--bf-radius-s)",
                 borderBottomLeftRadius: "var(--bf-radius-s)"
             },
@@ -206,7 +205,6 @@ export const selectStyles = {
 export const selectComponents = {
     ...originalComponents,
     DropdownIndicator,
-    Input: CustomInput,
     MenuList: CustomMenuList,
     // @ts-ignore
     Menu,

package/dist/overrides/ClearIndicator.internal.js

@@ -6,6 +6,7 @@ const ClearIndicator = (props)=>{
     return /*#__PURE__*/ _jsx(components.ClearIndicator, {
         ...props,
         children: /*#__PURE__*/ _jsx(Icon, {
+            widthAuto: true,
             icon: faXmark
         })
     });

package/dist/overrides/DropdownIndicator.internal.js

@@ -6,6 +6,7 @@ const DropdownIndicator = (props)=>{
     return /*#__PURE__*/ _jsx(components.DropdownIndicator, {
         ...props,
         children: /*#__PURE__*/ _jsx(Icon, {
+            widthAuto: true,
             icon: faCaretDown
         })
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@intility/bifrost-react-select",
-  "version": "5.2.1",
+  "version": "6.0.0",
   "description": "React select component for Intility's design system, Bifrost.",
   "type": "module",
   "main": "dist/Select.js",
@@ -39,19 +39,18 @@
     "access": "public"
   },
   "peerDependencies": {
-    "@intility/bifrost-react": ">=5.0.0",
-    "react": ">=17.0.0",
-    "react-dom": ">=17.0.0"
+    "@intility/bifrost-react": "^6",
+    "react": "^17 || ^18 || ^19",
+    "react-dom": "^17 || ^18 || ^19"
   },
   "devDependencies": {
-    "@intility/bifrost-react": "^5.8.0"
+    "@intility/bifrost-react": "^6.0.0"
   },
   "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "^6.4.2",
-    "@fortawesome/free-solid-svg-icons": "^6.4.2",
-    "@fortawesome/react-fontawesome": "^0.2.0",
+    "@fortawesome/fontawesome-svg-core": "^7.0.0",
+    "@fortawesome/free-solid-svg-icons": "^7.0.0",
     "classnames": "^2.2.6",
-    "react-select": "^5.10.1"
+    "react-select": "^5.10.2"
   },
   "files": [
     "CHANGELOG.md",

package/dist/overrides/CustomInput.internal.d.ts

@@ -1,2 +0,0 @@
-declare const CustomInput: (props: any) => import("react/jsx-runtime").JSX.Element;
-export default CustomInput;

package/dist/overrides/CustomInput.internal.js

@@ -1,32 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { components } from "react-select";
-const CustomInput = (props)=>{
-    const { required, value } = props.selectProps;
-    const updatedProps = {
-        ...props,
-        autoComplete: "off"
-    };
-    return /*#__PURE__*/ _jsxs(_Fragment, {
-        children: [
-            /*#__PURE__*/ _jsx(components.Input, {
-                ...updatedProps
-            }),
-            /*#__PURE__*/ _jsx("input", {
-                style: {
-                    opacity: 0,
-                    height: 0,
-                    position: "absolute",
-                    pointerEvents: "none"
-                },
-                onChange: (e)=>e.preventDefault(),
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                value: value?.label ?? "",
-                tabIndex: -1,
-                autoComplete: "off",
-                required: required,
-                "data-testid": "bf-select-input"
-            })
-        ]
-    });
-};
-export default CustomInput;