@woosmap/ui 3.123.0 → 3.126.0

package/package.json

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

package/src/components/Button/Button.js

@@ -26,6 +26,7 @@ export default class Button extends Component {
             children,
             testId,
             iconRight,
+            isNotification,
             ...rest
         } = this.props;
         const classes = cl(
@@ -36,6 +37,7 @@ export default class Button extends Component {
             size ? `btn--${size}` : null,
             type ? `btn--${type}` : null,
             { active },
+            isNotification ? 'btn--notification' : null,
             { 'btn--loading': isLoading },
             { 'btn--no-label': !label },
             { 'btn--custom-icon-size': iconSize && iconSize !== 24 },
@@ -80,6 +82,7 @@ Button.defaultProps = {
     active: false,
     onClick: null,
     iconRight: false,
+    isNotification: false,
 };
 
 Button.propTypes = {
@@ -115,4 +118,5 @@ Button.propTypes = {
     onClick: PropTypes.func,
     children: PropTypes.node,
     iconRight: PropTypes.bool,
+    isNotification: PropTypes.bool,
 };

package/src/components/Button/Button.stories.js

@@ -28,7 +28,7 @@ const Template = (args) => {
                 <Button label={label} disabled />
             </div>
             <div className="flex mbi">
-                <Button icon="add" type="secondary" />
+                <Button icon="puzzle" isNotification label="4" type="secondary" />
                 <Button label={label} type="secondary" />
                 <Button label={label} type="secondary" icon="marker" />
                 <Button label={label} type="secondary" isLoading />

package/src/components/Card/Card.js

@@ -5,6 +5,7 @@ import PropTypes from 'prop-types';
 import { tr } from '../utils/locale';
 import Icon from '../Icon/Icon';
 import localitiesImg from '../../images/products/product-localities.png';
+import localitiesUkImg from '../../images/products/product-localities-uk.png';
 import geolocationImg from '../../images/products/product-geolocation.png';
 import storesImg from '../../images/products/product-stores.png';
 import distanceImg from '../../images/products/product-distance.png';
@@ -23,6 +24,7 @@ import merchantImgSq from '../../images/products/product-merchant-sq.png';
 
 const productImg = {
     LOCALITIES: localitiesImg,
+    LOCALITIES_ADDRESS_UK: localitiesUkImg,
     GEOLOCATION: geolocationImg,
     STORES: storesImg,
     DISTANCE: distanceImg,
@@ -183,6 +185,7 @@ Card.propTypes = {
     onClick: PropTypes.func,
     product: PropTypes.oneOf([
         'LOCALITIES',
+        'LOCALITIES_ADDRESS_UK',
         'GEOLOCATION',
         'STORES',
         'DISTANCE',
@@ -190,6 +193,7 @@ Card.propTypes = {
         'MAP',
         'TRAFFIC',
         'MERCHANTS',
+        'LOCALITIES',
     ]),
     iconSize: PropTypes.number,
     isClickable: PropTypes.bool,

package/src/components/Card/Card.styl

@@ -155,6 +155,12 @@
 			-webkit-line-clamp 3
 			-webkit-box-orient vertical
 			margin-bottom 0
+	&__footer
+		.card--normal &
+			width 100%
+			display flex
+			align-items center
+			justify-content space-between
 	&__new-label
 		flexAxis()
 		br()

package/src/styles/console/button.styl

@@ -600,6 +600,25 @@
 				background-color $dark20
 				.icon
 					fill $light
+	&--notification
+		position relative
+		padding 0 .6rem !important
+		.icon
+			margin 0 !important
+		.btn__label
+			sq(1.7)
+			br(50)
+			textShadow()
+			border .1rem solid darken($success2, 20%)
+			display flex
+			align-items center
+			justify-content center
+			background-color $success2
+			font-size $fontSizeSmall
+			position absolute
+			color $light
+			top -.85rem
+			right -.85rem
 	&--small
 		buttonSmall()
 		&.btn--group

package/.idea/encodings.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="Encoding">
-    <file url="PROJECT" charset="UTF-8" />
-  </component>
-</project>

package/.idea/inspectionProfiles/Project_Default.xml

@@ -1,18 +0,0 @@
-<component name="InspectionProjectProfileManager">
-  <profile version="1.0">
-    <option name="myName" value="Project Default" />
-    <inspection_tool class="Eslint" enabled="true" level="WARNING" enabled_by_default="true" />
-    <inspection_tool class="PyPackageRequirementsInspection" enabled="true" level="WARNING" enabled_by_default="true">
-      <option name="ignoredPackages">
-        <value>
-          <list size="4">
-            <item index="0" class="java.lang.String" itemvalue="Fabric" />
-            <item index="1" class="java.lang.String" itemvalue="PyYAML" />
-            <item index="2" class="java.lang.String" itemvalue="Jinja2" />
-            <item index="3" class="java.lang.String" itemvalue="github3.py" />
-          </list>
-        </value>
-      </option>
-    </inspection_tool>
-  </profile>
-</component>

package/.idea/inspectionProfiles/profiles_settings.xml

@@ -1,6 +0,0 @@
-<component name="InspectionProjectProfileManager">
-  <settings>
-    <option name="USE_PROJECT_PROFILE" value="false" />
-    <version value="1.0" />
-  </settings>
-</component>

package/.idea/misc.xml

@@ -1,4 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="ProjectRootManager" version="2" project-jdk-name="Python 3.9" project-jdk-type="Python SDK" />
-</project>

package/.idea/modules.xml

@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="ProjectModuleManager">
-    <modules>
-      <module fileurl="file://$PROJECT_DIR$/.idea/ui.iml" filepath="$PROJECT_DIR$/.idea/ui.iml" />
-    </modules>
-  </component>
-</project>

package/.idea/prettier.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="PrettierConfiguration">
-    <option name="myRunOnReformat" value="true" />
-  </component>
-</project>

package/.idea/ui.iml

@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<module type="PYTHON_MODULE" version="4">
-  <component name="NewModuleRootManager">
-    <content url="file://$MODULE_DIR$" />
-    <orderEntry type="inheritedJdk" />
-    <orderEntry type="sourceFolder" forTests="false" />
-  </component>
-  <component name="TemplatesService">
-    <option name="TEMPLATE_FOLDERS">
-      <list>
-        <option value="$MODULE_DIR$/node_modules/@storybook/core/dist/server/templates" />
-      </list>
-    </option>
-  </component>
-</module>

package/.idea/vcs.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="VcsDirectoryMappings">
-    <mapping directory="$PROJECT_DIR$" vcs="Git" />
-  </component>
-</project>