@steroidsjs/bootstrap 3.0.0-beta.55 → 3.0.0-beta.56

package/content/Accordion/AccordionItemView.d.ts

@@ -1,2 +1,2 @@
-import { IAccordionCommonViewProps } from '@steroidsjs/core/ui/content/Accordion/Accordion';
-export default function AccordionItemView(props: IAccordionCommonViewProps): JSX.Element;
+import { IAccordionItemViewProps } from '@steroidsjs/core/ui/content/Accordion/Accordion';
+export default function AccordionItemView(props: IAccordionItemViewProps): JSX.Element;

package/content/Accordion/AccordionView.d.ts

@@ -1,2 +1,2 @@
-import { IAccordionCommonViewProps } from '@steroidsjs/core/ui/content/Accordion/Accordion';
-export default function AccordionView(props: IAccordionCommonViewProps): JSX.Element;
+import { IAccordionViewProps } from '@steroidsjs/core/ui/content/Accordion/Accordion';
+export default function AccordionView(props: IAccordionViewProps): JSX.Element;

package/content/CopyToClipBoard/CopyToClipBoardView.d.ts

@@ -0,0 +1,3 @@
+import { ICopyToClipboardViewProps } from '@steroidsjs/core/ui/content/CopyToClipboard/CopyToClipboard';
+declare function CopyToClipBoardView(props: ICopyToClipboardViewProps): JSX.Element;
+export default CopyToClipBoardView;

package/content/CopyToClipBoard/CopyToClipBoardView.js

@@ -0,0 +1,19 @@
+"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"));
+var renderIcon_1 = __importDefault(require("../../utils/renderIcon"));
+function CopyToClipBoardView(props) {
+    var bem = (0, useBem_1["default"])('CopyToClipBoardView');
+    return (react_1["default"].createElement("div", { className: bem(bem.block({
+            disabled: props.disabled
+        })), onClick: props.onClick },
+        props.children,
+        props.showCopyIcon && (0, renderIcon_1["default"])(props.icon || 'copy', {
+            className: bem.element('icon')
+        })));
+}
+exports["default"] = CopyToClipBoardView;

package/content/CopyToClipBoard/CopyToClipBoardView.scss

@@ -0,0 +1,41 @@
+:root { 
+    --copy-icon-stroke: #323232;
+    --copy-disabled-stroke: rgba(0, 0, 0, 0.1);
+}
+
+html[data-theme="dark"] {
+    --copy-icon-stroke: #FFFFFF;
+    --copy-disabled-stroke: rgba(255, 255, 255, 0.1);
+}
+
+$copy-icon-stroke: var(--copy-icon-stroke);
+$copy-disabled-stroke: var(--copy-disabled-stroke);
+
+.CopyToClipBoardView {
+    display: inline-block;
+    cursor: pointer;
+
+    .IconView {
+        width: 24px;
+        height: 24px;
+    }
+
+    svg {
+        width: 100%;
+        height: 100%;
+
+        path {
+            stroke: $copy-icon-stroke;
+        }
+    }
+
+    &_disabled { 
+        cursor: not-allowed;
+
+        svg { 
+            path {
+                stroke: $copy-disabled-stroke;
+            }
+        }
+    }
+}

package/content/Menu/MenuItemView.d.ts

@@ -1,2 +1,2 @@
-import { IMenuItemProps } from '@steroidsjs/core/ui/content/Menu/Menu';
-export default function MenuItemView(props: IMenuItemProps): JSX.Element;
+import { IMenuItem } from '@steroidsjs/core/ui/content/Menu/Menu';
+export default function MenuItemView(props: IMenuItem): JSX.Element;

package/index.d.ts

@@ -32,6 +32,9 @@ declare const _default: {
     'content.BadgeView': {
         lazy: () => any;
     };
+    'content.CopyToClipboardView': {
+        lazy: () => any;
+    };
     'form.AutoCompleteFieldView': {
         lazy: () => any;
     };

package/index.js

@@ -35,6 +35,9 @@ exports["default"] = {
     'content.BadgeView': {
         lazy: function () { return require('./content/Badge/BadgeView')["default"]; }
     },
+    'content.CopyToClipboardView': {
+        lazy: function () { return require('./content/CopyToClipBoard/CopyToClipBoardView')["default"]; }
+    },
     'form.AutoCompleteFieldView': {
         lazy: function () { return require('./form/AutoCompleteField/AutoCompleteFieldView')["default"]; }
     },

package/index.scss

@@ -18,6 +18,7 @@
 @import './content/Menu/MenuItemView';
 @import './content/Menu/MenuView';
 @import './content/Icon/IconView';
+@import './content/CopyToClipBoard/CopyToClipBoardView';
 @import './form/AutoCompleteField/AutoCompleteFieldView';
 @import './form/Button/ButtonView';
 @import './form/CheckboxField/CheckboxFieldView';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@steroidsjs/bootstrap",
-    "version": "3.0.0-beta.55",
+    "version": "3.0.0-beta.56",
     "description": "",
     "main": "index.js",
     "author": "Vladimir Kozhin <hello@kozhindev.com>",
@@ -35,7 +35,7 @@
         "react-use": "^17.4.0"
     },
     "devDependencies": {
-        "@steroidsjs/core": "^3.0 || >=3.0.0-beta.35",
+        "@steroidsjs/core": "^3.0 || >=3.0.0-beta.40",
         "@steroidsjs/eslint-config": "^2.1.4",
         "@types/enzyme": "^3.10.8",
         "@types/googlemaps": "^3.43.3",
@@ -53,6 +53,6 @@
         "typescript": "^4.9.5"
     },
     "peerDependencies": {
-        "@steroidsjs/core": "^3.0 || >=3.0.0-beta.33"
+        "@steroidsjs/core": "^3.0 || >=3.0.0-beta.40"
     }
 }