@uiw/react-checkbox - npm Package Compare versions

Comparing version 4.21.14 to 5.0.0-bate-0

cjs/Checkbox.d.ts

 import React from 'react';
 import { RadioAbstractProps } from '@uiw/react-radio';
 import { CheckboxGroup } from './Group';
-import './style/index.less';
 export interface CheckboxProps extends RadioAbstractProps {
@@ -14,1 +13,2 @@ indeterminate?: boolean;
 export default _default;
+//# sourceMappingURL=Checkbox.d.ts.map

cjs/Checkbox.js

@@ -20,2 +20,4 @@ "use strict";
 
+var _style = require("./style");
+
 var _jsxRuntime = require("react/jsx-runtime");
@@ -39,3 +41,4 @@
   var cls = [className, indeterminate && 'indeterminate'].filter(Boolean).join(' ').trim();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRadio.RadioAbstract, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_style.CheckboxStyleBase, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
+    as: _reactRadio.RadioAbstract,
     ref: ref
@@ -42,0 +45,0 @@ }, other), {}, {

cjs/Group.d.ts

 import React from 'react';
 import { IProps, HTMLDivProps } from '@uiw/utils';
-import './style/group.less';
 export declare type Value = string | number;
@@ -11,1 +10,2 @@ export interface CheckboxGroupPorps extends IProps, Omit<HTMLDivProps, 'onChange'> {
 export declare const CheckboxGroup: React.ForwardRefExoticComponent<CheckboxGroupPorps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Group.d.ts.map

cjs/Group.js

@@ -18,2 +18,4 @@ "use strict";
 
+var _style = require("./style");
+
 var _jsxRuntime = require("react/jsx-runtime");
@@ -39,3 +41,3 @@
   }, [value]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, other), {}, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_style.CheckGroupStyleBase, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, other), {}, {
     className: cls,
@@ -42,0 +44,0 @@ ref: ref,

cjs/index.d.ts

 import Checkbox from './Checkbox';
 export * from './Checkbox';
 export * from './Group';
+export * from './style';
 export default Checkbox;
+//# sourceMappingURL=index.d.ts.map

cjs/index.js

@@ -38,4 +38,18 @@ "use strict";
 });
+
+var _style = require("./style");
+
+Object.keys(_style).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _style[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _style[key];
+    }
+  });
+});
 var _default = _Checkbox["default"];
 exports["default"] = _default;
 //# sourceMappingURL=index.js.map

esm/Checkbox.d.ts

 import React from 'react';
 import { RadioAbstractProps } from '@uiw/react-radio';
 import { CheckboxGroup } from './Group';
-import './style/index.less';
 export interface CheckboxProps extends RadioAbstractProps {
@@ -14,1 +13,2 @@ indeterminate?: boolean;
 export default _default;
+//# sourceMappingURL=Checkbox.d.ts.map

esm/Checkbox.js

@@ -7,3 +7,3 @@ import _extends from "@babel/runtime/helpers/extends";
 import { CheckboxGroup } from './Group';
-import "./style/index.css";
+import { CheckboxStyleBase } from './style';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -23,3 +23,4 @@
   var cls = [className, indeterminate && 'indeterminate'].filter(Boolean).join(' ').trim();
-  return /*#__PURE__*/_jsx(RadioAbstract, _extends({
+  return /*#__PURE__*/_jsx(CheckboxStyleBase, _extends({
+    as: RadioAbstract,
     ref: ref
@@ -26,0 +27,0 @@ }, other, {

esm/Group.d.ts

 import React from 'react';
 import { IProps, HTMLDivProps } from '@uiw/utils';
-import './style/group.less';
 export declare type Value = string | number;
@@ -11,1 +10,2 @@ export interface CheckboxGroupPorps extends IProps, Omit<HTMLDivProps, 'onChange'> {
 export declare const CheckboxGroup: React.ForwardRefExoticComponent<CheckboxGroupPorps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Group.d.ts.map

esm/Group.js

@@ -5,3 +5,3 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { useMemo, useRef } from 'react';
-import "./style/group.css";
+import { CheckGroupStyleBase } from './style';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -22,3 +22,3 @@ export var CheckboxGroup = /*#__PURE__*/React.forwardRef((props, ref) => {
   useMemo(() => valueRef.current = value || [], [value]);
-  return /*#__PURE__*/_jsx("div", _extends({}, other, {
+  return /*#__PURE__*/_jsx(CheckGroupStyleBase, _extends({}, other, {
     className: cls,
@@ -25,0 +25,0 @@ ref: ref,

esm/index.d.ts

 import Checkbox from './Checkbox';
 export * from './Checkbox';
 export * from './Group';
+export * from './style';
 export default Checkbox;
+//# sourceMappingURL=index.d.ts.map

esm/index.js

 import Checkbox from './Checkbox';
 export * from './Checkbox';
 export * from './Group';
+export * from './style';
 export default Checkbox;
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@uiw/react-checkbox",
-  "version": "4.21.14",
+  "version": "5.0.0-bate-0",
   "description": "Checkbox component",
@@ -44,8 +44,9 @@ "author": "Kenny Wong <[e-mail]>",
     "react": ">=16.9.0",
-    "react-dom": ">=16.9.0"
+    "react-dom": ">=16.9.0",
+    "styled-components": ">=5.3.5"
   },
   "dependencies": {
-    "@uiw/react-radio": "^4.21.14",
-    "@uiw/utils": "^4.21.14"
+    "@uiw/react-radio": "^5.0.0-bate-0",
+    "@uiw/utils": "^5.0.0-bate-0"
   }
 }

README.md

@@ -20,8 +20,7 @@ Checkbox 多选框
 
-<!--rehype:bgWhite=true&codeSandbox=true&codePen=true--> 
-```jsx
-import ReactDOM from 'react-dom';
+```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true
+import React from 'react';
 import { Checkbox } from 'uiw';
 
-ReactDOM.render(
+const Demo =()=> (
   <div>
@@ -33,5 +32,5 @@ <Checkbox onChange={(e) =>{
     <Checkbox checked >选中</Checkbox>
-  </div>,
-  _mount_
+  </div>
 );
+export default Demo
 ```
@@ -41,5 +40,4 @@
 
-<!--rehype:bgWhite=true&codeSandbox=true&codePen=true-->  
-```jsx
-import ReactDOM from 'react-dom';
+```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true
+import React from 'react';
 import { Form, Checkbox, Row, Col, Button, Notify } from 'uiw';
@@ -119,3 +117,3 @@
 )
-ReactDOM.render(<Demo />, _mount_);
+export default Demo;
 ```
@@ -127,8 +125,7 @@
 
-<!--rehype:bgWhite=true&codeSandbox=true&codePen=true--> 
-```jsx
-import ReactDOM from 'react-dom';
+```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true
+import React from 'react';
 import { Checkbox } from 'uiw';
 
-ReactDOM.render(
+const Demo= ()=>(
   <div>
@@ -138,5 +135,5 @@ <Checkbox disabled checked>未选中禁用</Checkbox>
     <Checkbox disabled indeterminate>半选中禁用</Checkbox>
-  </div>,
-  _mount_
+  </div>
 );
+export default Demo
 ```
@@ -146,5 +143,4 @@
 
-<!--rehype:bgWhite=true&codeSandbox=true&codePen=true--> 
-```jsx
-import ReactDOM from 'react-dom';
+```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true
+import React from 'react';
 import { Checkbox, Divider } from 'uiw';
@@ -196,3 +192,3 @@
 
-ReactDOM.render(<Demo />, _mount_);
+export default Demo;
 ```
@@ -204,5 +200,4 @@
 
-<!--rehype:bgWhite=true&codeSandbox=true&codePen=true--> 
-```jsx
-import ReactDOM from 'react-dom';
+```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true
+import React from 'react';
 import { Checkbox, Divider, Button } from 'uiw';
@@ -249,3 +244,3 @@
 }
-ReactDOM.render(<Demo />, _mount_);
+export default Demo;
 ```
@@ -257,5 +252,4 @@
 
-<!--rehype:bgWhite=true&codeSandbox=true&codePen=true--> 
-```jsx
-import ReactDOM from 'react-dom';
+```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true
+import React from 'react';
 import { Checkbox, Button } from 'uiw';
@@ -291,3 +285,3 @@
 }
-ReactDOM.render(<Demo />, _mount_);
+export default Demo;
 ```
@@ -294,0 +288,0 @@

src/index.ts

@@ -5,2 +5,4 @@ import Checkbox from './Checkbox';
 export * from './Group';
+export * from './style';
+
 export default Checkbox;

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

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

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

67377

increased by35.07%

Lines of code

631

increased by19.28%

Worsened metrics

Dependency count

5

increased by25%

Number of package files

30

decreased by-6.25%

Number of low quality alerts

1

increased byInfinity%

Number of lines in readme file

295

decreased by-1.99%

Dependency changes

• + Added@emotion/is-prop-valid@1.2.2(transitive)

• + Added@emotion/memoize@0.8.1(transitive)

• + Added@emotion/unitless@0.8.1(transitive)

• + Added@types/stylis@4.2.5(transitive)

• + Added@uiw/icons@2.6.1(transitive)

• + Added@uiw/react-button@5.0.0-bate-9(transitive)

• + Added@uiw/react-button-group@5.0.0-bate-9(transitive)

• + Added@uiw/react-icon@5.0.0-bate-9(transitive)

• + Added@uiw/react-radio@5.0.0-bate-9(transitive)

• + Added@uiw/utils@5.0.0-bate-9(transitive)

• + Addedcamelize@1.0.1(transitive)

• + Addedcss-color-keywords@1.0.0(transitive)

• + Addedcss-to-react-native@3.2.0(transitive)

• + Addedcsstype@3.1.3(transitive)

• + Addednanoid@3.3.7(transitive)

• + Addedpicocolors@1.1.1(transitive)

• + Addedpostcss@8.4.38(transitive)

• + Addedpostcss-value-parser@4.2.0(transitive)

• + Addedshallowequal@1.1.0(transitive)

• + Addedsource-map-js@1.2.1(transitive)

• + Addedstyled-components@6.1.13(transitive)

• + Addedstylis@4.3.2(transitive)

• + Addedtslib@2.6.2(transitive)

• - Removed@uiw/icons@2.6.10(transitive)

• - Removed@uiw/react-button@4.22.3(transitive)

• - Removed@uiw/react-button-group@4.22.3(transitive)

• - Removed@uiw/react-icon@4.22.3(transitive)

• - Removed@uiw/react-radio@4.22.3(transitive)

• - Removed@uiw/utils@4.22.3(transitive)

• Updated@uiw/react-radio@^5.0.0-bate-0

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