@steroidsjs/bootstrap 3.0.0-beta.7 → 3.0.0-beta.9

package/content/Badge/BadgeView.d.ts

@@ -0,0 +1,3 @@
+import { IBadgeViewProps } from '@steroidsjs/core/ui/content/Badge/Badge';
+import './BadgeView.scss';
+export default function BadgeView(props: IBadgeViewProps): JSX.Element;

package/content/Badge/BadgeView.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var react_1 = __importDefault(require("react"));
+var useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
+require("./BadgeView.scss");
+var Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon"));
+function BadgeView(props) {
+    var _a;
+    var bem = (0, useBem_1["default"])('BadgeView');
+    return (props.isExist && (react_1["default"].createElement("div", { className: bem(bem.block((_a = {},
+            _a[props.type] = !!props.type,
+            _a)), props.className), style: props.style },
+        react_1["default"].createElement("div", { className: bem.element('content-wrapper') },
+            react_1["default"].createElement("span", { className: bem.element('content') }, props.message),
+            props.showClose && (react_1["default"].createElement(Icon_1["default"], { name: 'close', onClick: props.onClose })),
+            props.counter
+                && (react_1["default"].createElement("div", { className: bem.element('chip') }, typeof props.counter === 'object'
+                    && props.counter.content))))));
+}
+exports["default"] = BadgeView;

package/icons/close.svg

@@ -0,0 +1,3 @@
+<svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.74609 1L11.7461 10.964M1.74609 11L11.7461 1.03601" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/icons/default.svg

@@ -0,0 +1,11 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_126_1078)">
+<circle cx="12.7461" cy="12" r="12" fill="#E1E1E1"/>
+<path d="M15.7791 8.73626H15.7131M17.7571 8.73626L18.7461 9.1978L17.7571 9.65934M14.6582 11.5055C14.6582 12.6264 13.801 13.4835 12.6802 13.4835C11.5593 13.4835 8.52631 13.4835 6.74609 13.4835M15.3175 6.75824C16.5703 6.75824 17.6252 7.81318 17.6252 9.13187C17.6252 9.85714 17.2955 10.5824 16.7681 10.978C17.2955 11.6374 17.6252 12.4945 17.6252 13.4176C17.6252 15.5275 15.9769 17.2418 13.9329 17.2418C11.889 17.2418 10.0428 15.3297 8.39445 13.4176C9.64719 11.6374 13.5373 6.75824 15.3175 6.75824Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_126_1078">
+<rect width="24" height="24" fill="white" transform="translate(0.746094)"/>
+</clipPath>
+</defs>
+</svg>

package/icons/error.svg

@@ -0,0 +1,12 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_126_1073)">
+<path d="M12.746 24C11.9983 24 11.2394 23.8103 10.5698 23.4197L3.94064 19.5917C2.60142 18.8105 1.7644 17.3708 1.7644 15.8196V8.186C1.7644 6.63474 2.60142 5.19507 3.94064 4.41386L10.5698 0.58591C11.909 -0.195303 13.5719 -0.195303 14.9223 0.58591L21.5514 4.41386C22.8907 5.19507 23.7277 6.63474 23.7277 8.186V15.8196C23.7277 17.3708 22.8907 18.8105 21.5514 19.5917L14.9223 23.4197C14.2527 23.8103 13.4938 24 12.746 24Z" fill="#FB4E4E"/>
+<circle cx="12.7461" cy="16.75" r="0.75" fill="white"/>
+<line x1="12.7461" y1="7.25" x2="12.7461" y2="13.75" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
+</g>
+<defs>
+<clipPath id="clip0_126_1073">
+<rect width="24" height="24" fill="white" transform="translate(0.746094)"/>
+</clipPath>
+</defs>
+</svg>

package/icons/fontawesome.js

@@ -1,5 +1,6 @@
 "use strict";
 exports.__esModule = true;
+/* eslint-disable import/no-dynamic-require */
 var groupedIcons = {
     brands: [
         '500px', 'accessible-icon', 'accusoft', 'acquisitions-incorporated', 'adn', 'adversal',
@@ -52,7 +53,7 @@ var groupedIcons = {
         'strava', 'stripe', 'stripe-s', 'studiovinari', 'stumbleupon', 'stumbleupon-circle', 'superpowers',
         'supple', 'suse', 'swift', 'symfony', 'teamspeak', 'telegram', 'telegram-plane', 'tencent-weibo',
         'the-red-yeti', 'themeco', 'themeisle', 'think-peaks', 'tiktok', 'trade-federation', 'trello',
-        'tripadvisor', 'tumblr', 'tumblr-square', 'twitch', 'twitter', 'twitter-square', 'typo3', 'uber', 'ubuntu',
+        'tumblr', 'tumblr-square', 'twitch', 'twitter', 'twitter-square', 'typo3', 'uber', 'ubuntu',
         'uikit', 'umbraco', 'uniregistry', 'unity', 'unsplash', 'untappd', 'ups', 'usb', 'usps', 'ussunnah',
         'vaadin', 'viacoin', 'viadeo', 'viadeo-square', 'viber', 'vimeo', 'vimeo-square', 'vimeo-v', 'vine', 'vk',
         'vnv', 'vuejs', 'waze', 'weebly', 'weibo', 'weixin', 'whatsapp', 'whatsapp-square', 'whmcs', 'wikipedia-w',
@@ -225,7 +226,6 @@ exports["default"] = (function () {
     var icons = {};
     Object.keys(groupedIcons).forEach(function (group) {
         groupedIcons[group].forEach(function (name) {
-            // eslint-disable-next-line import/no-dynamic-require
             icons[name] = require("@fortawesome/fontawesome-free/svgs/".concat(group, "/").concat(name, ".svg"));
         });
     });
@@ -239,14 +239,19 @@ exports["default"] = (function () {
         reject: 'times-circle',
         back: 'arrow-left',
         securityEye: 'eye',
-        securityEyeSlash: 'eye-slash',
-        success: require('./success.svg'),
-        info: require('./info.svg'),
-        warning: require('./warning.svg'),
-        error: require('./error.svg'),
-        close: require('./close.svg'),
-        "default": require('./default.svg')
+        securityEyeSlash: 'eye-slash'
     };
+    var steroidsIcons = [
+        'success',
+        'info',
+        'warning',
+        'error',
+        'close',
+        'default',
+    ];
+    steroidsIcons.forEach(function (iconName) {
+        icons[iconName] = require("./".concat(iconName, ".svg"));
+    });
     Object.keys(coreIconsMap).forEach(function (name) {
         icons[name] = icons[coreIconsMap[name]];
     });

package/icons/info.svg

@@ -0,0 +1,12 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_126_1063)">
+<circle cx="12.7461" cy="12" r="12" fill="#A7EFFF"/>
+<circle cx="12.7461" cy="7.25" r="0.75" transform="rotate(-180 12.7461 7.25)" fill="white"/>
+<line x1="12.7461" y1="16.75" x2="12.7461" y2="10.25" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
+</g>
+<defs>
+<clipPath id="clip0_126_1063">
+<rect width="24" height="24" fill="white" transform="translate(0.746094)"/>
+</clipPath>
+</defs>
+</svg>

package/icons/success.svg

@@ -0,0 +1,4 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.746094" width="24" height="24" rx="12" fill="#2BC945"/>
+<path d="M17.2461 9L11.0586 15L8.24609 12.2727" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/icons/warning.svg

@@ -0,0 +1,12 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_126_1068)">
+<path d="M10.148 3C11.3027 0.999997 14.1895 1 15.3442 3L24.0044 18C25.1591 20 23.7157 22.5 21.4063 22.5H4.08584C1.77644 22.5 0.333063 20 1.48776 18L10.148 3Z" fill="#FFE457"/>
+<circle cx="12.7461" cy="16.75" r="0.75" fill="white"/>
+<line x1="12.7461" y1="7.25" x2="12.7461" y2="13.75" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
+</g>
+<defs>
+<clipPath id="clip0_126_1068">
+<rect width="24" height="24" fill="white" transform="translate(0.746094)"/>
+</clipPath>
+</defs>
+</svg>

package/package.json

@@ -1,58 +1,58 @@
 {
-  "name": "@steroidsjs/bootstrap",
-  "version": "3.0.0-beta.7",
-  "description": "",
-  "main": "index.js",
-  "author": "Vladimir Kozhin <hello@kozhindev.com>",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/steroids/react-bootstrap"
-  },
-  "scripts": {
-    "lint": "eslint -c ./.eslintrc --ext .js,.jsx,.ts,.tsx ./src --quiet",
-    "build": "tsc && cp ./{package.json,LICENSE,README.md} dist && copyfiles -u 1 \"src/**/*.scss\" \"src/icons/*.svg\" dist"
-  },
-  "license": "MIT",
-  "homepage": "https://github.com/steroids/react-bootstrap",
-  "bugs": {
-    "url": "https://github.com/steroids/react-bootstrap/issues"
-  },
-  "dependencies": {
-    "@ckeditor/ckeditor5-react": "^3.0.2",
-    "@steroidsjs/ckeditor5": "^27.0.2-rc.2",
-    "bootstrap": "^4.5.2",
-    "date-fns": "^2.29.3",
-    "lodash": "^4.17.20",
-    "lodash-es": "^4.17.20",
-    "rc-slider": "^9.7.4",
-    "react": "^18.2.0",
-    "react-collapse": "^5.0.1",
-    "react-day-picker": "^7.4.10",
-    "react-dom": "^18.2.0",
-    "react-image-crop": "^9.0.2",
-    "react-modal": "^3.11.2",
-    "react-transition-group": "^2.9.0",
-    "react-use": "^17.4.0"
-  },
-  "devDependencies": {
-    "@steroidsjs/core": "^3.0 || >=3.0.0-beta.6",
-    "@steroidsjs/eslint-config": "^2.1.3",
-    "@types/enzyme": "^3.10.8",
-    "@types/googlemaps": "^3.43.3",
-    "@types/jest": "^26.0.22",
-    "@types/markdown-to-jsx": "^6.11.3",
-    "@types/node": "^14.14.37",
-    "@types/overlayscrollbars": "^1.12.0",
-    "@types/reach__router": "^1.3.7",
-    "@types/react": "^18.0.27",
-    "@types/react-color": "^3.0.4",
-    "@types/react-syntax-highlighter": "^13.5.0",
-    "@types/webpack-env": "^1.16.0",
-    "copyfiles": "^2.4.1",
-    "eslint": "^8.34.0",
-    "typescript": "^4.9.5"
-  },
-  "peerDependencies": {
-    "@steroidsjs/core": "^3.0 || >=3.0.0-beta.6"
-  }
+    "name": "@steroidsjs/bootstrap",
+    "version": "3.0.0-beta.9",
+    "description": "",
+    "main": "index.js",
+    "author": "Vladimir Kozhin <hello@kozhindev.com>",
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/steroids/react-bootstrap"
+    },
+    "scripts": {
+        "lint": "eslint -c ./.eslintrc --ext .js,.jsx,.ts,.tsx ./src --quiet",
+        "build": "tsc && cp ./{package.json,LICENSE,README.md} dist && copyfiles -u 1 \"src/**/*.scss\" \"src/icons/*.svg\" dist"
+    },
+    "license": "MIT",
+    "homepage": "https://github.com/steroids/react-bootstrap",
+    "bugs": {
+        "url": "https://github.com/steroids/react-bootstrap/issues"
+    },
+    "dependencies": {
+        "@ckeditor/ckeditor5-react": "^3.0.2",
+        "@steroidsjs/ckeditor5": "^27.0.2-rc.2",
+        "bootstrap": "^4.5.2",
+        "date-fns": "^2.29.3",
+        "lodash": "^4.17.20",
+        "lodash-es": "^4.17.20",
+        "rc-slider": "^9.7.4",
+        "react": "^18.2.0",
+        "react-collapse": "^5.0.1",
+        "react-day-picker": "^7.4.10",
+        "react-dom": "^18.2.0",
+        "react-image-crop": "^9.0.2",
+        "react-modal": "^3.11.2",
+        "react-transition-group": "^2.9.0",
+        "react-use": "^17.4.0"
+    },
+    "devDependencies": {
+        "@steroidsjs/core": "^3.0 || >=3.0.0-beta.6",
+        "@steroidsjs/eslint-config": "^2.1.3",
+        "@types/enzyme": "^3.10.8",
+        "@types/googlemaps": "^3.43.3",
+        "@types/jest": "^26.0.22",
+        "@types/markdown-to-jsx": "^6.11.3",
+        "@types/node": "^14.14.37",
+        "@types/overlayscrollbars": "^1.12.0",
+        "@types/reach__router": "^1.3.7",
+        "@types/react": "^18.0.27",
+        "@types/react-color": "^3.0.4",
+        "@types/react-syntax-highlighter": "^13.5.0",
+        "@types/webpack-env": "^1.16.0",
+        "copyfiles": "^2.4.1",
+        "eslint": "^8.34.0",
+        "typescript": "^4.9.5"
+    },
+    "peerDependencies": {
+        "@steroidsjs/core": "^3.0 || >=3.0.0-beta.6"
+    }
 }