@uiw/react-select - npm Package Compare versions

Comparing version 5.0.0-bate-1 to 5.0.0-bate-10

cjs/Group.js

 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-
 Object.defineProperty(exports, "__esModule", {
@@ -9,9 +8,5 @@ value: true
 exports["default"] = void 0;
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _default = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
@@ -22,5 +17,4 @@ return /*#__PURE__*/(0, _jsxRuntime.jsx)("optgroup", (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
 });
-
 exports["default"] = _default;
 module.exports = exports.default;
 //# sourceMappingURL=Group.js.map

cjs/index.d.ts

@@ -9,9 +9,8 @@ import React from 'react';
 }
-declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLSelectElement>>;
-declare type Select = typeof Select & {
+declare const Select: SelectComponent;
+declare type SelectComponent = React.FC<React.PropsWithRef<SelectProps>> & {
     Option: typeof Option;
     Group: typeof Group;
 };
-declare const _default: Select;
-export default _default;
+export default Select;
 //# sourceMappingURL=index.d.ts.map

cjs/index.js

 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-
 Object.defineProperty(exports, "__esModule", {
@@ -10,15 +9,8 @@ value: true
 exports["default"] = void 0;
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Option = _interopRequireDefault(require("./Option"));
-
 var _Group = _interopRequireDefault(require("./Group"));
-
 var _style = require("./style");
-
 Object.keys(_style).forEach(function (key) {
@@ -35,14 +27,11 @@ if (key === "default" || key === "__esModule") return;
 });
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _excluded = ["prefixCls", "className", "size"];
-
-var Select = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
+var InternalSelect = function InternalSelect(props, ref) {
   var _props$prefixCls = props.prefixCls,
-      prefixCls = _props$prefixCls === void 0 ? 'w-select' : _props$prefixCls,
-      className = props.className,
-      _props$size = props.size,
-      size = _props$size === void 0 ? 'default' : _props$size,
-      other = (0, _objectWithoutProperties2["default"])(props, _excluded);
+    prefixCls = _props$prefixCls === void 0 ? 'w-select' : _props$prefixCls,
+    className = props.className,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'default' : _props$size,
+    other = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var cls = [prefixCls, className, size ? "".concat(prefixCls, "-").concat(size) : null].filter(Boolean).join(' ').trim();
@@ -56,4 +45,4 @@ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_style.SelectStyleWarp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, other), {}, {
   }));
-});
-
+};
+var Select = /*#__PURE__*/_react["default"].forwardRef(InternalSelect);
 Select.Option = _Option["default"];
@@ -60,0 +49,0 @@ Select.Group = _Group["default"];

cjs/Option.js

 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-
 Object.defineProperty(exports, "__esModule", {
@@ -9,9 +8,5 @@ value: true
 exports["default"] = void 0;
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _default = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
@@ -22,5 +17,4 @@ return /*#__PURE__*/(0, _jsxRuntime.jsx)("option", (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
 });
-
 exports["default"] = _default;
 module.exports = exports.default;
 //# sourceMappingURL=Option.js.map

cjs/style/index.d.ts

@@ -17,4 +17,2 @@ import { ThemeVariantValueOptions } from '@uiw/utils';
     boxShadowSelectDisabled: string;
-    cursorSelectDefault: string;
-    cursorSelectDisabled: string;
     borderRadiusDefault: string;
@@ -21,0 +19,0 @@ backgroundImageSelectUrl: string;

cjs/style/index.js

 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
-
 Object.defineProperty(exports, "__esModule", {
@@ -11,13 +9,7 @@ value: true
 exports.SelectStyleWarp = exports.SelectStyleTheme = void 0;
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _utils = require("@uiw/utils");
-
 var _templateObject, _templateObject2, _templateObject3;
-
 var selectArrow = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDEyIDE2Ij4gIDxwYXRoIGZpbGw9IiMzOTNFNDgiIGQ9Ik0wLjIyMiw1LjYxMyBMNS40NTEsMC4yMjMgQzUuNzU2MjEyMDksLTAuMDc0MzYzMjMzMyA2LjI0Mjc4NzkxLC0wLjA3NDM2MzIzMzMgNi41NDgsMC4yMjMgTDExLjc3OCw1LjYxMyBDMTIuMTgsNi4wMjcgMTIuMDI1LDYuNjY3IDExLjQwNyw2LjY2NyBMMC41OTIsNi42NjcgQy0wLjAyNCw2LjY2NyAtMC4xOCw2LjAyNyAwLjIyMiw1LjYxMyBaIE0wLjU5Miw5LjMzMyBMMTEuNDA3LDkuMzMzIEMxMi4wMjUsOS4zMzMgMTIuMTgsOS45NzMgMTEuNzc3LDEwLjM4NyBMNi41NDcsMTUuNzc3IEM2LjI0MTkxMjU4LDE2LjA3MzcxNDMgNS43NTYwODc0MiwxNi4wNzM3MTQzIDUuNDUxLDE1Ljc3NyBMMC4yMjIsMTAuMzg3IEMtMC4xOCw5Ljk3MyAtMC4wMjQsOS4zMzMgMC41OTIsOS4zMzMgWiIvPjwvc3ZnPg==';
@@ -43,6 +35,2 @@ var SelectStyleTheme = {
   boxShadowSelectDisabled: 'none',
-  // 鼠标移入
-  cursorSelectDefault: 'pointer',
-  cursorSelectDisabled: 'not-allowed',
-  //
   borderRadiusDefault: '3px',
@@ -52,10 +40,5 @@ backgroundImageSelectUrl: "url(".concat(selectArrow, ")")
 exports.SelectStyleTheme = SelectStyleTheme;
-
-var SelectStyleWarp = _styledComponents["default"].select(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: inline-flex;\n  appearance: none;\n  cursor: ", ";\n  color: ", ";\n  padding: ", ";\n  font-size: ", ";\n  width: 100%;\n  max-width: 100%;\n  margin: 0;\n  line-height: 18px;\n  vertical-align: middle;\n  box-sizing: border-box;\n  border: none;\n  box-shadow: ", ";\n  border-radius: ", ";\n  background-color: ", ";\n  background-image: ", ",\n    linear-gradient(180deg, hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0));\n  background-repeat: no-repeat, repeat;\n  background-position: right 0.7em top 50%, 0 0;\n  background-size: 0.62em auto, 100%;\n  &:focus {\n    outline: none !important;\n  }\n  &:hover {\n    box-shadow: ", ";\n    background-clip: padding-box;\n    background-color: ", ";\n  }\n  &:disabled {\n    box-shadow: ", ";\n    background-image: ", ";\n    background-size: 0.52em auto, 100%;\n    background-color: ", ";\n    opacity: 0.75;\n    color: ", ";\n    cursor: ", ";\n    resize: none;\n  }\n  ", "\n  ", "\n"])), function (props) {
+var SelectStyleWarp = _styledComponents["default"].select(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: inline-flex;\n  appearance: none;\n  cursor: pointer;\n  color: ", ";\n  padding: ", ";\n  font-size: ", ";\n  width: 100%;\n  max-width: 100%;\n  margin: 0;\n  line-height: 18px;\n  vertical-align: middle;\n  box-sizing: border-box;\n  border: none;\n  box-shadow: ", ";\n  border-radius: ", ";\n  background-color: ", ";\n  background-image: ", ",\n    linear-gradient(180deg, hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0));\n  background-repeat: no-repeat, repeat;\n  background-position: right 0.7em top 50%, 0 0;\n  background-size: 0.62em auto, 100%;\n  &:focus {\n    outline: none !important;\n  }\n  &:hover {\n    box-shadow: ", ";\n    background-clip: padding-box;\n    background-color: ", ";\n  }\n  &:disabled {\n    box-shadow: ", ";\n    background-image: ", ";\n    background-size: 0.52em auto, 100%;\n    background-color: ", ";\n    opacity: 0.75;\n    color: ", ";\n    cursor: not-allowed;\n    resize: none;\n  }\n  ", "\n  ", "\n"])), function (props) {
   return (0, _utils.getThemeVariantValue)((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
     defaultTheme: SelectStyleTheme
-  }), 'cursorSelectDefault');
-}, function (props) {
-  return (0, _utils.getThemeVariantValue)((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
-    defaultTheme: SelectStyleTheme
   }), 'colorSelectBase');
@@ -111,6 +94,2 @@ }, function (props) {
 }, function (props) {
-  return (0, _utils.getThemeVariantValue)((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
-    defaultTheme: SelectStyleTheme
-  }), 'cursorSelectDisabled');
-}, function (props) {
   return props.params.size === 'large' && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n      padding: ", ";\n      font-size: ", ";\n    "])), function (props) {
@@ -135,8 +114,8 @@ return (0, _utils.getThemeVariantValue)((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
   });
-}); // SelectStyleWarp.defaultProps = {
+});
+
+// SelectStyleWarp.defaultProps = {
 //   defaultTheme: SelectStyleTheme,
 // };
-
-
 exports.SelectStyleWarp = SelectStyleWarp;
 //# sourceMappingURL=index.js.map

esm/index.d.ts

@@ -9,9 +9,8 @@ import React from 'react';
 }
-declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLSelectElement>>;
-declare type Select = typeof Select & {
+declare const Select: SelectComponent;
+declare type SelectComponent = React.FC<React.PropsWithRef<SelectProps>> & {
     Option: typeof Option;
     Group: typeof Group;
 };
-declare const _default: Select;
-export default _default;
+export default Select;
 //# sourceMappingURL=index.d.ts.map

esm/index.js

@@ -10,10 +10,9 @@ import _extends from "@babel/runtime/helpers/extends";
 export * from './style';
-var Select = /*#__PURE__*/React.forwardRef((props, ref) => {
+var InternalSelect = (props, ref) => {
   var {
-    prefixCls = 'w-select',
-    className,
-    size = 'default'
-  } = props,
-      other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      prefixCls = 'w-select',
+      className,
+      size = 'default'
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   var cls = [prefixCls, className, size ? prefixCls + "-" + size : null].filter(Boolean).join(' ').trim();
@@ -27,3 +26,4 @@ return /*#__PURE__*/_jsx(SelectStyleWarp, _extends({}, other, {
   }));
-});
+};
+var Select = /*#__PURE__*/React.forwardRef(InternalSelect);
 Select.Option = Option;
@@ -30,0 +30,0 @@ Select.Group = Group;

esm/style/index.d.ts

@@ -17,4 +17,2 @@ import { ThemeVariantValueOptions } from '@uiw/utils';
     boxShadowSelectDisabled: string;
-    cursorSelectDefault: string;
-    cursorSelectDisabled: string;
     borderRadiusDefault: string;
@@ -21,0 +19,0 @@ backgroundImageSelectUrl: string;

esm/style/index.js

 import _extends from "@babel/runtime/helpers/extends";
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/taggedTemplateLiteralLoose";
-
 var _templateObject, _templateObject2, _templateObject3;
-
 import styled, { css } from 'styled-components';
@@ -28,13 +26,7 @@ import { getThemeVariantValue } from '@uiw/utils';
   boxShadowSelectDisabled: 'none',
-  // 鼠标移入
-  cursorSelectDefault: 'pointer',
-  cursorSelectDisabled: 'not-allowed',
-  //
   borderRadiusDefault: '3px',
   backgroundImageSelectUrl: "url(" + selectArrow + ")"
 };
-export var SelectStyleWarp = styled.select(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  display: inline-flex;\n  appearance: none;\n  cursor: ", ";\n  color: ", ";\n  padding: ", ";\n  font-size: ", ";\n  width: 100%;\n  max-width: 100%;\n  margin: 0;\n  line-height: 18px;\n  vertical-align: middle;\n  box-sizing: border-box;\n  border: none;\n  box-shadow: ", ";\n  border-radius: ", ";\n  background-color: ", ";\n  background-image: ", ",\n    linear-gradient(180deg, hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0));\n  background-repeat: no-repeat, repeat;\n  background-position: right 0.7em top 50%, 0 0;\n  background-size: 0.62em auto, 100%;\n  &:focus {\n    outline: none !important;\n  }\n  &:hover {\n    box-shadow: ", ";\n    background-clip: padding-box;\n    background-color: ", ";\n  }\n  &:disabled {\n    box-shadow: ", ";\n    background-image: ", ";\n    background-size: 0.52em auto, 100%;\n    background-color: ", ";\n    opacity: 0.75;\n    color: ", ";\n    cursor: ", ";\n    resize: none;\n  }\n  ", "\n  ", "\n"])), props => getThemeVariantValue(_extends({}, props, {
+export var SelectStyleWarp = styled.select(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  display: inline-flex;\n  appearance: none;\n  cursor: pointer;\n  color: ", ";\n  padding: ", ";\n  font-size: ", ";\n  width: 100%;\n  max-width: 100%;\n  margin: 0;\n  line-height: 18px;\n  vertical-align: middle;\n  box-sizing: border-box;\n  border: none;\n  box-shadow: ", ";\n  border-radius: ", ";\n  background-color: ", ";\n  background-image: ", ",\n    linear-gradient(180deg, hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0));\n  background-repeat: no-repeat, repeat;\n  background-position: right 0.7em top 50%, 0 0;\n  background-size: 0.62em auto, 100%;\n  &:focus {\n    outline: none !important;\n  }\n  &:hover {\n    box-shadow: ", ";\n    background-clip: padding-box;\n    background-color: ", ";\n  }\n  &:disabled {\n    box-shadow: ", ";\n    background-image: ", ";\n    background-size: 0.52em auto, 100%;\n    background-color: ", ";\n    opacity: 0.75;\n    color: ", ";\n    cursor: not-allowed;\n    resize: none;\n  }\n  ", "\n  ", "\n"])), props => getThemeVariantValue(_extends({}, props, {
   defaultTheme: SelectStyleTheme
-}), 'cursorSelectDefault'), props => getThemeVariantValue(_extends({}, props, {
-  defaultTheme: SelectStyleTheme
 }), 'colorSelectBase'), props => getThemeVariantValue(_extends({}, props, {
@@ -64,6 +56,4 @@ defaultTheme: SelectStyleTheme
   defaultTheme: SelectStyleTheme
-}), 'colorSelectDisabled'), props => getThemeVariantValue(_extends({}, props, {
+}), 'colorSelectDisabled'), props => props.params.size === 'large' && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      padding: ", ";\n      font-size: ", ";\n    "])), props => getThemeVariantValue(_extends({}, props, {
   defaultTheme: SelectStyleTheme
-}), 'cursorSelectDisabled'), props => props.params.size === 'large' && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      padding: ", ";\n      font-size: ", ";\n    "])), props => getThemeVariantValue(_extends({}, props, {
-  defaultTheme: SelectStyleTheme
 }), 'paddingSelectLarge'), props => getThemeVariantValue(_extends({}, props, {
@@ -75,5 +65,7 @@ defaultTheme: SelectStyleTheme
   defaultTheme: SelectStyleTheme
-}), 'fontSizeSelectSmall'))); // SelectStyleWarp.defaultProps = {
+}), 'fontSizeSelectSmall')));
+
+// SelectStyleWarp.defaultProps = {
 //   defaultTheme: SelectStyleTheme,
 // };
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@uiw/react-select",
-  "version": "5.0.0-bate-1",
+  "version": "5.0.0-bate-10",
   "description": "Select component",
@@ -48,4 +48,4 @@ "author": "Kenny Wong <[e-mail]>",
   "dependencies": {
-    "@uiw/utils": "^5.0.0-bate-1"
+    "@uiw/utils": "^5.0.0-bate-10"
   }
 }

src/style/index.ts

@@ -27,7 +27,3 @@ import styled, { css } from 'styled-components';
   boxShadowSelectDisabled: 'none',
-  // 鼠标移入
-  cursorSelectDefault: 'pointer',
-  cursorSelectDisabled: 'not-allowed',
 
-  //
   borderRadiusDefault: '3px',
@@ -47,3 +43,3 @@
   appearance: none;
-  cursor: ${(props) => getThemeVariantValue({ ...props, defaultTheme: SelectStyleTheme }, 'cursorSelectDefault')};
+  cursor: pointer;
   color: ${(props) => getThemeVariantValue({ ...props, defaultTheme: SelectStyleTheme }, 'colorSelectBase')};
@@ -89,3 +85,3 @@ padding: ${(props) => getThemeVariantValue({ ...props, defaultTheme: SelectStyleTheme }, 'paddingSelectDefault')};
     color: ${(props) => getThemeVariantValue({ ...props, defaultTheme: SelectStyleTheme }, 'colorSelectDisabled')};
-    cursor: ${(props) => getThemeVariantValue({ ...props, defaultTheme: SelectStyleTheme }, 'cursorSelectDisabled')};
+    cursor: not-allowed;
     resize: none;
@@ -92,0 +88,0 @@ }

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

Worsened metrics

Total package byte prevSize

60039

decreased by-3.58%

Lines of code

528

decreased by-4.52%

Dependency changes

• Updated@uiw/utils@^5.0.0-bate-10