@intility/bifrost-react-select 5.2.2 → 6.0.1

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @intility/bifrost-react-select
 
+## 6.0.1
+
+### Patch Changes
+
+- 01a6406: Update `@fortawesome/*-icons` dependencies to `^7.0.1`
+
+## 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`.
+  - 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

package/dist/Select.d.ts

@@ -59,6 +59,16 @@ export type SelectType = {
 };
 /**
  *  Select component - dropdown list
+ *
+ * @see https://bifrost.intility.com/react/select
+ *
+ * @example
+ * <Select
+ *   label="Select a country"
+ *   options={countries} // [{ value: countryData, label: "Norway" }, ...]
+ *   value={selected}
+ *   onChange={(item) => setSelected(item)}
+ * />
  */
 export declare const Select: SelectType;
 export type AsyncType = {

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";
@@ -206,7 +205,6 @@ export const selectStyles = {
 export const selectComponents = {
     ...originalComponents,
     DropdownIndicator,
-    Input: CustomInput,
     MenuList: CustomMenuList,
     // @ts-ignore
     Menu,
@@ -281,6 +279,16 @@ export const selectComponents = {
 };
 /**
  *  Select component - dropdown list
+ *
+ * @see https://bifrost.intility.com/react/select
+ *
+ * @example
+ * <Select
+ *   label="Select a country"
+ *   options={countries} // [{ value: countryData, label: "Norway" }, ...]
+ *   value={selected}
+ *   onChange={(item) => setSelected(item)}
+ * />
  */ export const Select = SelectHOC(ReactSelect);
 Select.displayName = "Select";
 const AsyncSelect = SelectHOC(AsyncReactSelect);

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/CustomOption.internal.js

@@ -11,7 +11,6 @@ const CustomOption = (props)=>{
             props.isMulti && /*#__PURE__*/ _jsx("div", {
                 children: /*#__PURE__*/ _jsx(Icon, {
                     icon: props.isSelected ? faCheckSquare : faSquare,
-                    fixedWidth: true,
                     marginRight: true,
                     color: props.isSelected ? "var(--bfc-theme)" : "var(--bfc-base-c-2)"
                 })
@@ -20,7 +19,6 @@ const CustomOption = (props)=>{
             !props.isMulti && props.isSelected && /*#__PURE__*/ _jsx("div", {
                 children: /*#__PURE__*/ _jsx(Icon, {
                     icon: faCheck,
-                    fixedWidth: true,
                     className: "bf-select-selected-icon"
                 })
             })

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/dist/overrides/LoadingIndicator.internal.js

@@ -5,7 +5,6 @@ export default function LoadingIndicator() {
     return /*#__PURE__*/ _jsx(Icon, {
         icon: bfSpinner,
         spin: true,
-        fixedWidth: true,
         className: "bf-input-loading-icon"
     });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@intility/bifrost-react-select",
-  "version": "5.2.2",
+  "version": "6.0.1",
   "description": "React select component for Intility's design system, Bifrost.",
   "type": "module",
   "main": "dist/Select.js",
@@ -39,17 +39,16 @@
     "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.2"
+    "@intility/bifrost-react": "^6.3.1"
   },
   "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.1",
+    "@fortawesome/free-solid-svg-icons": "^7.0.1",
     "classnames": "^2.2.6",
     "react-select": "^5.10.2"
   },

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;