@blocklet/launcher-ux 1.7.30

package/README.md

@@ -0,0 +1,14 @@
+# Launcher UX Lib
+
+Launcher common UX component
+
+## Usage
+
+```jsx
+import React from 'react';
+import CheckBox from '@blocklet/launcher-ux/lib/checked-box';
+
+function App() {
+  return <CheckBox checked>Content</CheckBox>;
+}
+```

package/lib/check-box/index.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = CheckBox;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
+
+const _excluded = ["children", "checked", "checkIconSize", "className"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+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; }
+
+function CheckBox(_ref) {
+  let {
+    children,
+    checked,
+    checkIconSize,
+    className
+  } = _ref,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/_react.default.createElement(Content, Object.assign({
+    className: "".concat(checked ? 'checked' : '', " ").concat(className),
+    checkIconSize: checkIconSize
+  }, rest), children, /*#__PURE__*/_react.default.createElement("div", {
+    className: "check-container"
+  }, /*#__PURE__*/_react.default.createElement(_Check.default, {
+    className: "check-icon"
+  })));
+}
+
+CheckBox.propTypes = {
+  children: _propTypes.default.any.isRequired,
+  checkIconSize: _propTypes.default.number,
+  checked: _propTypes.default.bool,
+  className: _propTypes.default.string
+};
+CheckBox.defaultProps = {
+  checked: false,
+  checkIconSize: 20,
+  className: ''
+};
+
+const Content = _styledComponents.default.div.withConfig({
+  displayName: "check-box__Content",
+  componentId: "sc-7zt78z-0"
+})(["position:relative;padding:10px;border:0 solid ", ";border-radius:8px;transition:all ease 0.2s;cursor:pointer;.check-container{position:absolute;right:0;bottom:0;display:flex;justify-content:flex-end;align-items:flex-end;width:", "px;height:", "px;border-radius:0 0 7px 0;color:", ";overflow:hidden;transition:all ease 0.3s;&:after{position:absolute;z-index:0;left:", "px;top:", "px;display:block;width:0;height:0;border-top:transparent solid ", "px;border-left:transparent solid ", "px;border-bottom:", " solid ", "px;border-right:", " solid ", "px;transition:all ease 0.1s;content:'';}.check-icon{width:60%;height:60%;position:relative;z-index:2;margin:0 1px 1px 0;font-size:16px;transform:scale(0);transition:all ease 0.2s;}}&.checked{background-color:#ecfbfd;border-color:#ecfbfd;.check-container{&:after{left:0;top:0;}.check-icon{transform:scale(1);}}}"], props => props.theme.palette.grey['100'], props => props.checkIconSize, props => props.checkIconSize, props => props.theme.palette.common.white, props => props.checkIconSize, props => props.checkIconSize, props => props.checkIconSize / 2, props => props.checkIconSize / 2, props => props.theme.palette.primary.main, props => props.checkIconSize / 2, props => props.theme.palette.primary.main, props => props.checkIconSize / 2);

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "@blocklet/launcher-ux",
+  "version": "1.7.30",
+  "description": "Launcher UX lib",
+  "publishConfig": {
+    "access": "public"
+  },
+  "keywords": [
+    "launcher",
+    "ux"
+  ],
+  "author": "polunzh <polunzh@gmail.com>",
+  "homepage": "https://github.com/blocklet/launcher#readme",
+  "license": "ISC",
+  "main": "lib/index.js",
+  "files": [
+    "lib",
+    "LICENSE",
+    "package.json",
+    "README.md"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/blocklet/launcher.git"
+  },
+  "scripts": {
+    "lint": "eslint src",
+    "build": "rm -rf lib && babel src --out-dir lib --copy-files",
+    "watch": "babel src --out-dir lib -w --copy-files",
+    "precommit": "CI=1 yarn test",
+    "prepush": "CI=1 yarn test",
+    "prepublish": "npm run build"
+  },
+  "bugs": {
+    "url": "https://github.com/blocklet/launcher/issues"
+  },
+  "peerDependencies": {
+    "@mui/icons-material": "^5.6.2",
+    "prop-types": "^15.8.1",
+    "react": ">=18.1.0",
+    "styled-components": "^5.0.1"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.8.4",
+    "@babel/core": "^7.8.4",
+    "@babel/preset-env": "^7.8.4",
+    "@babel/preset-react": "^7.8.3",
+    "babel-plugin-inline-react-svg": "^2.0.1",
+    "babel-plugin-styled-components": "^1.10.7"
+  },
+  "gitHead": "c83697fe0fdeaf15890358279f3b3f219a3236f1"
+}