chakra-react-select - npm Package Compare versions

Comparing version 4.4.1 to 4.4.2

dist/cjs/chakra-components/menu.js

@@ -160,3 +160,4 @@ "use strict";
     selectProps = props.selectProps,
-    innerProps = props.innerProps;
+    innerProps = props.innerProps,
+    getClassNames = props.getClassNames;
   var chakraStyles = selectProps.chakraStyles;
@@ -173,3 +174,4 @@ var sx = chakraStyles != null && chakraStyles.group ? chakraStyles.group({}, props) : {};
     theme: theme,
-    getStyles: getStyles
+    getStyles: getStyles,
+    getClassNames: getClassNames
   }), label), /*#__PURE__*/_react["default"].createElement(_layout.Box, null, children));
@@ -176,0 +178,0 @@ };

dist/cjs/utils.js

@@ -5,9 +5,11 @@ "use strict";
 exports.cleanCommonProps = void 0;
-var _excluded = ["className", "clearValue", "cx", "getStyles", "getValue", "hasValue", "isMulti", "isRtl", "options", "selectOption", "selectProps", "setValue", "theme"];
+var _excluded = ["className", "clearValue", "cx", "getStyles", "getClassNames", "getValue", "hasValue", "isMulti", "isRtl", "options", "selectOption", "selectProps", "setValue", "theme"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 /**
+ * Clean Common Props
+ *
  * Borrowed from the original `react-select` package
  *
- * @see {@link https://github.com/JedWatson/react-select/blob/2d3d6afe18421ea5b6c3f8f0db479ad323c35639/packages/react-select/src/utils.ts#L74}
+ * @see {@link https://github.com/JedWatson/react-select/blob/edf5265ee0158c026c9e8527a6d0490a5ac2ef23/packages/react-select/src/utils.ts#L75-L110}
  */
@@ -20,2 +22,3 @@ var cleanCommonProps = function cleanCommonProps(props) {
     getStyles = props.getStyles,
+    getClassNames = props.getClassNames,
     getValue = props.getValue,
@@ -22,0 +25,0 @@ hasValue = props.hasValue,

dist/esm/chakra-components/menu.js

@@ -151,3 +151,4 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
     selectProps = props.selectProps,
-    innerProps = props.innerProps;
+    innerProps = props.innerProps,
+    getClassNames = props.getClassNames;
   var chakraStyles = selectProps.chakraStyles;
@@ -164,3 +165,4 @@ var sx = chakraStyles != null && chakraStyles.group ? chakraStyles.group({}, props) : {};
     theme: theme,
-    getStyles: getStyles
+    getStyles: getStyles,
+    getClassNames: getClassNames
   }), label), /*#__PURE__*/React.createElement(Box, null, children));
@@ -167,0 +169,0 @@ };

dist/esm/utils.js

@@ -1,8 +0,10 @@
-var _excluded = ["className", "clearValue", "cx", "getStyles", "getValue", "hasValue", "isMulti", "isRtl", "options", "selectOption", "selectProps", "setValue", "theme"];
+var _excluded = ["className", "clearValue", "cx", "getStyles", "getClassNames", "getValue", "hasValue", "isMulti", "isRtl", "options", "selectOption", "selectProps", "setValue", "theme"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 /**
+ * Clean Common Props
+ *
  * Borrowed from the original `react-select` package
  *
- * @see {@link https://github.com/JedWatson/react-select/blob/2d3d6afe18421ea5b6c3f8f0db479ad323c35639/packages/react-select/src/utils.ts#L74}
+ * @see {@link https://github.com/JedWatson/react-select/blob/edf5265ee0158c026c9e8527a6d0490a5ac2ef23/packages/react-select/src/utils.ts#L75-L110}
  */
@@ -15,2 +17,3 @@ export var cleanCommonProps = function cleanCommonProps(props) {
     getStyles = props.getStyles,
+    getClassNames = props.getClassNames,
     getValue = props.getValue,
@@ -17,0 +20,0 @@ hasValue = props.hasValue,

dist/types/async-creatable-select.d.ts

 import type { ReactElement, RefAttributes } from "react";
 import type { GroupBase, SelectInstance } from "react-select";
 import type { AsyncCreatableProps } from "react-select/async-creatable";
-export declare type AsyncCreatableSelectComponent = <Option = unknown, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: AsyncCreatableProps<Option, IsMulti, Group> & RefAttributes<SelectInstance<Option, IsMulti, Group>>) => ReactElement;
+export type AsyncCreatableSelectComponent = <Option = unknown, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: AsyncCreatableProps<Option, IsMulti, Group> & RefAttributes<SelectInstance<Option, IsMulti, Group>>) => ReactElement;
 declare const AsyncCreatableSelect: AsyncCreatableSelectComponent;
 export default AsyncCreatableSelect;
 //# sourceMappingURL=async-creatable-select.d.ts.map

dist/types/async-select.d.ts

 import type { ReactElement, RefAttributes } from "react";
 import type { GroupBase, SelectInstance } from "react-select";
 import type { AsyncProps } from "react-select/async";
-export declare type AsyncSelectComponent = <Option = unknown, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: AsyncProps<Option, IsMulti, Group> & RefAttributes<SelectInstance<Option, IsMulti, Group>>) => ReactElement;
+export type AsyncSelectComponent = <Option = unknown, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: AsyncProps<Option, IsMulti, Group> & RefAttributes<SelectInstance<Option, IsMulti, Group>>) => ReactElement;
 declare const AsyncSelect: AsyncSelectComponent;
 export default AsyncSelect;
 //# sourceMappingURL=async-select.d.ts.map

dist/types/creatable-select.d.ts

 import type { ReactElement, RefAttributes } from "react";
 import type { GroupBase, SelectInstance } from "react-select";
 import type { CreatableProps } from "react-select/creatable";
-export declare type CreatableSelectComponent = <Option = unknown, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: CreatableProps<Option, IsMulti, Group> & RefAttributes<SelectInstance<Option, IsMulti, Group>>) => ReactElement;
+export type CreatableSelectComponent = <Option = unknown, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: CreatableProps<Option, IsMulti, Group> & RefAttributes<SelectInstance<Option, IsMulti, Group>>) => ReactElement;
 declare const CreatableSelect: CreatableSelectComponent;
 export default CreatableSelect;
 //# sourceMappingURL=creatable-select.d.ts.map

dist/types/select.d.ts

 import type { ReactElement, RefAttributes } from "react";
 import type { GroupBase, Props, SelectInstance } from "react-select";
-export declare type SelectComponent = <Option = unknown, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: Props<Option, IsMulti, Group> & RefAttributes<SelectInstance<Option, IsMulti, Group>>) => ReactElement;
+export type SelectComponent = <Option = unknown, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: Props<Option, IsMulti, Group> & RefAttributes<SelectInstance<Option, IsMulti, Group>>) => ReactElement;
 declare const Select: SelectComponent;
 export default Select;
 //# sourceMappingURL=select.d.ts.map

dist/types/types.d.ts

@@ -7,3 +7,3 @@ import type { CSSWithMultiValues, RecursiveCSSObject, SystemStyleObject } from "@chakra-ui/system";
 }
-export declare type ThemeObject = RecursiveCSSObject<SxProps>;
+export type ThemeObject = RecursiveCSSObject<SxProps>;
 export interface SizeProps<PropType = string | number> {
@@ -14,7 +14,7 @@ sm: PropType;
 }
-export declare type Size = "sm" | "md" | "lg";
-export declare type TagVariant = "subtle" | "solid" | "outline";
-export declare type SelectedOptionStyle = "color" | "check";
-export declare type Variant = "outline" | "filled" | "flushed" | "unstyled";
-export declare type StylesFunction<ComponentProps> = (provided: SystemStyleObject, state: ComponentProps) => SystemStyleObject;
+export type Size = "sm" | "md" | "lg";
+export type TagVariant = "subtle" | "solid" | "outline";
+export type SelectedOptionStyle = "color" | "check";
+export type Variant = "outline" | "filled" | "flushed" | "unstyled";
+export type StylesFunction<ComponentProps> = (provided: SystemStyleObject, state: ComponentProps) => SystemStyleObject;
 export interface ChakraStylesConfig<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> {
@@ -21,0 +21,0 @@ clearIndicator?: StylesFunction<ClearIndicatorProps<Option, IsMulti, Group>>;

dist/types/utils.d.ts

 import type { CommonPropsAndClassName, GroupBase } from "react-select";
 /**
+ * Clean Common Props
+ *
  * Borrowed from the original `react-select` package
  *
- * @see {@link https://github.com/JedWatson/react-select/blob/2d3d6afe18421ea5b6c3f8f0db479ad323c35639/packages/react-select/src/utils.ts#L74}
+ * @see {@link https://github.com/JedWatson/react-select/blob/edf5265ee0158c026c9e8527a6d0490a5ac2ef23/packages/react-select/src/utils.ts#L75-L110}
  */
 export declare const cleanCommonProps: <Option, IsMulti extends boolean, Group extends GroupBase<Option>, AdditionalProps>(props: Partial<CommonPropsAndClassName<Option, IsMulti, Group>> & AdditionalProps) => Omit<AdditionalProps, keyof CommonPropsAndClassName<Option, IsMulti, Group>>;
 //# sourceMappingURL=utils.d.ts.map

package.json

 {
   "name": "chakra-react-select",
-  "version": "4.4.1",
+  "version": "4.4.2",
   "description": "A Chakra UI wrapper for the popular library React Select",
@@ -49,3 +49,3 @@ "license": "MIT",
   "dependencies": {
-    "react-select": "^5.5.7"
+    "react-select": "5.7.0"
   },
@@ -65,35 +65,35 @@ "peerDependencies": {
     "@babel/cli": "^7.19.3",
-    "@babel/core": "^7.19.6",
+    "@babel/core": "^7.20.5",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
-    "@babel/preset-env": "^7.19.4",
+    "@babel/preset-env": "^7.20.2",
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.18.6",
     "@chakra-ui/babel-plugin": "^1.0.8",
-    "@chakra-ui/form-control": "^2.0.11",
-    "@chakra-ui/icon": "^3.0.11",
-    "@chakra-ui/layout": "^2.1.9",
-    "@chakra-ui/menu": "^2.1.2",
-    "@chakra-ui/spinner": "^2.0.10",
-    "@chakra-ui/system": "^2.3.0",
+    "@chakra-ui/form-control": "^2.0.13",
+    "@chakra-ui/icon": "^3.0.13",
+    "@chakra-ui/layout": "^2.1.11",
+    "@chakra-ui/menu": "^2.1.5",
+    "@chakra-ui/spinner": "^2.0.11",
+    "@chakra-ui/system": "^2.3.4",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
-    "@trivago/prettier-plugin-sort-imports": "^3.4.0",
-    "@types/react": "^18.0.24",
-    "@typescript-eslint/eslint-plugin": "^5.41.0",
-    "@typescript-eslint/parser": "^5.41.0",
-    "concurrently": "^7.5.0",
+    "@trivago/prettier-plugin-sort-imports": "^4.0.0",
+    "@types/react": "^18.0.26",
+    "@typescript-eslint/eslint-plugin": "^5.45.0",
+    "@typescript-eslint/parser": "^5.45.0",
+    "concurrently": "^7.6.0",
     "cross-env": "^7.0.3",
-    "eslint": "^8.26.0",
+    "eslint": "^8.28.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-airbnb-typescript": "^17.0.0",
     "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-deprecation": "^1.3.2",
+    "eslint-plugin-deprecation": "^1.3.3",
     "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-jsx-a11y": "^6.6.1",
-    "eslint-plugin-react": "^7.31.10",
+    "eslint-plugin-react": "^7.31.11",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "husky": "^8.0.1",
-    "lint-staged": "^13.0.3",
+    "husky": "^8.0.2",
+    "lint-staged": "^13.0.4",
     "nodemon": "^2.0.20",
-    "prettier": "^2.7.1",
+    "prettier": "^2.8.0",
     "prettier-package-json": "^2.7.0",
@@ -103,3 +103,3 @@ "react": "^18.2.0",
     "rimraf": "^3.0.2",
-    "typescript": "^4.8.4"
+    "typescript": "^4.9.3"
   },
@@ -106,0 +106,0 @@ "keywords": [

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

388681

increased by0.21%

Lines of code

2833

increased by0.43%

Dependency changes

• + Added@babel/code-frame@7.24.7(transitive)

• + Added@babel/generator@7.25.6(transitive)

• + Added@babel/helper-module-imports@7.24.7(transitive)

• + Added@babel/helper-string-parser@7.24.8(transitive)

• + Added@babel/helper-validator-identifier@7.24.7(transitive)

• + Added@babel/highlight@7.24.7(transitive)

• + Added@babel/parser@7.25.6(transitive)

• + Added@babel/runtime@7.25.6(transitive)

• + Added@babel/template@7.25.0(transitive)

• + Added@babel/traverse@7.25.6(transitive)

• + Added@babel/types@7.25.6(transitive)

• + Added@types/lodash@4.17.9(transitive)

• + Added@types/react@18.3.10(transitive)

• + Addedframer-motion@11.9.0(transitive)

• + Addedjsesc@2.5.2(transitive)

• + Addedreact-select@5.7.0(transitive)

• - Removed@babel/code-frame@7.25.7(transitive)

• - Removed@babel/generator@7.25.7(transitive)

• - Removed@babel/helper-module-imports@7.25.7(transitive)

• - Removed@babel/helper-string-parser@7.25.7(transitive)

• - Removed@babel/helper-validator-identifier@7.25.7(transitive)

• - Removed@babel/highlight@7.25.7(transitive)

• - Removed@babel/parser@7.25.7(transitive)

• - Removed@babel/runtime@7.25.7(transitive)

• - Removed@babel/template@7.25.7(transitive)

• - Removed@babel/traverse@7.25.7(transitive)

• - Removed@babel/types@7.25.7(transitive)

• - Removed@types/lodash@4.17.10(transitive)

• - Removed@types/react@18.3.11(transitive)

• - Removedframer-motion@11.11.1(transitive)

• - Removedjsesc@3.0.2(transitive)

• - Removedreact-select@5.8.1(transitive)

• Updatedreact-select@5.7.0