@woosmap/ui 3.150.0 → 3.152.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@woosmap/ui",
-  "version": "3.150.0",
+  "version": "3.152.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 {
@@ -188,7 +189,7 @@ class Card extends Component {
             size,
             testId,
             isNew,
-            orientation,
+            isVertical,
             asideContent,
             ...rest
         } = this.props;
@@ -229,7 +230,7 @@ class Card extends Component {
                 role="button"
                 className={cl(
                     'card',
-                    `card--${orientation}`,
+                    'card--vertical',
                     `card--${size}`,
                     { 'card--aside': asideContent },
                     { 'card--no-border': noBorder },
@@ -261,7 +262,7 @@ class Card extends Component {
 Card.defaultProps = {
     asideContent: null,
     size: 'normal',
-    orientation: 'horizontal',
+    isVertical: false,
     useIcon: false,
     isList: false,
     className: null,
@@ -278,7 +279,7 @@ Card.defaultProps = {
 Card.propTypes = {
     asideContent: PropTypes.node,
     size: PropTypes.oneOf(['small', 'large', 'normal']),
-    orientation: PropTypes.oneOf(['horizontal', 'vertical']),
+    isVertical: PropTypes.bool,
     testId: PropTypes.string,
     children: PropTypes.node.isRequired,
     useIcon: PropTypes.bool,

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>
     </>
 );