@woosmap/ui 3.150.0 → 3.151.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@woosmap/ui",
-  "version": "3.150.0",
+  "version": "3.151.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/WebGeoServices/ui.git"

package/src/components/Card/Card.js

@@ -110,8 +110,8 @@ Footer.propTypes = {
 
 class Aside extends Component {
     render() {
-        const { product, mode } = this.props;
-        if (mode === 'pluggedto') {
+        const { product, mode, children } = this.props;
+        if (mode === 'pluggedTo') {
             return (
                 <div className="card__aside card__aside--small card__aside--grey">
                     <div className="card__aside__title">{tr('Plugged to')}</div>
@@ -141,7 +141,7 @@ class Aside extends Component {
                             />
                             <div>
                                 <div className="card__aside__list__item__title mb--5">{product.name}</div>
-                                <siv>switch</siv>
+                                <div>{children}</div>
                             </div>
                         </li>
                     </ul>
@@ -168,8 +168,9 @@ class Aside extends Component {
 }
 
 Aside.propTypes = {
+    children: PropTypes.node.isRequired,
     product: PropTypes.object.isRequired,
-    mode: PropTypes.oneOf(['pluggedto', 'addon', 'workwith']).isRequired,
+    mode: PropTypes.oneOf(['pluggedTo', 'addon', 'worksWith']).isRequired,
 };
 
 class Card extends Component {

package/src/components/Card/Card.stories.js

@@ -14,7 +14,9 @@ const Story = {
 export default Story;
 const renderAsideContent = () => (
     <>
-        <Card.Aside mode="addon" product={{ id: 'INDOOR_MAP', name: 'Indoor Map' }} />
+        <Card.Aside mode="addon" product={{ id: 'INDOOR_MAP', name: 'Indoor Map' }}>
+            switch
+        </Card.Aside>
     </>
 );