@bytebrand/fe-ui-core 4.8.2 → 4.8.4

package/.husky/pre-push

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npm run test:ci

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bytebrand/fe-ui-core",
-  "version": "4.8.2",
+  "version": "4.8.4",
   "description": "UI components for the auto.de project",
   "main": "index.ts",
   "module": "dist/common.js",
@@ -97,12 +97,14 @@
     "tslint-config-airbnb": "^5.11.1",
     "tslint-loader": "^3.5.4",
     "typescript": "^3.5.1",
-    "webpack-cli": "^3.3.6"
+    "webpack-cli": "^3.3.6",
+    "husky": "^9.0.11"
   },
   "resolutions": {
     "@types/react": "^16.8.3"
   },
   "scripts": {
+    "prepare": "husky",
     "storybook": "start-storybook -p 6006",
     "clean": "rm -rf ./dist/*.*",
     "build:lib": "yarn clean && webpack --config ./webpack.config.js --progress",

package/source/components/AccordionWidget/AccordionWidget.styl

@@ -203,4 +203,7 @@
   flex-shrink: 0;
   
 .longTitle
-  max-width: 157px
+  max-width: 157px
+
+.valueDescription
+  font-size: 11px

package/source/components/AccordionWidget/AccordionWidget.tsx

@@ -62,14 +62,14 @@ class AccordionWidget extends React.Component<IAccardionSectionProps, IAccardion
         <div className={styles.table}>
           <h3 className={styles.tableName}>{header}</h3>
           {propsList.map((prop, i) => {
-            const { title, subTitle, value, isVisible = true, isLongTitle = false } = decoratedProps[prop];
+            const { title, subTitle, value, isVisible = true, isLongTitle = false, valueDescription = '' } = decoratedProps[prop];
             return isVisible && (
               <div key={i} className={title ? styles.tr : ''}>
                 {title && <div className={classnames(styles.th, isLongTitle ? styles.longTitle : '')}>
                   <span className={styles.title}>{title}</span>
                   {subTitle ? <p className={styles.subTitle}>{subTitle}</p> : null}
                 </div>}
-                <div className={styles.td}>{value}</div>
+                <div className={styles.td}>{value} {valueDescription ? <span className={styles.valueDescription}>{valueDescription}</span> : ''}</div>
               </div>
             );
           })}

package/source/framework/types/types.ts

@@ -11,6 +11,7 @@ export interface IDecoratedProp {
   subTitle?: string;
   isVisible?: boolean;
   isLongTitle?: boolean;
+  valueDescription?: string;
   readonly value?: (string | JSX.Element);
 }
 

package/source/framework/vehiclesProps/decoratedProps.tsx

@@ -1568,7 +1568,8 @@ const getDecoratedProps = (
         return Number.isFinite(co2PriceLow)
           ? t('vehicleProps:value.wltpCo2Price', { price: getFormattedPrice(co2PriceLow, '$,.2f') })
           : t('vehicleProps:value.na');
-      }
+      },
+      valueDescription: t('vehicleProps:value.wltpCo2PriceSpec')
     },
     wltpCo2CostsMiddle: {
       get title() {
@@ -1583,7 +1584,8 @@ const getDecoratedProps = (
         return Number.isFinite(co2PriceMedium)
           ? t('vehicleProps:value.wltpCo2Price', { price: getFormattedPrice(co2PriceMedium, '$,.2f') })
           : t('vehicleProps:value.na');
-      }
+      },
+      valueDescription: t('vehicleProps:value.wltpCo2PriceSpec')
     },
     wltpCo2CostsHigh: {
       get title() {
@@ -1598,7 +1600,8 @@ const getDecoratedProps = (
         return Number.isFinite(co2PriceHigh)
           ? t('vehicleProps:value.wltpCo2Price', { price: getFormattedPrice(co2PriceHigh, '$,.2f') })
           : t('vehicleProps:value.na');
-      }
+      },
+      valueDescription: t('vehicleProps:value.wltpCo2PriceSpec')
     },
     powerPrice: {
       title: t('vehicleProps:title.powerPrice'),

package/.gitlab-ci.yml

@@ -1,62 +0,0 @@
-stages:
-  - build
-  - test
-  - deploy
-
-image: node:16.13.2-buster
-
-before_script:
-  - "[[ -s $HOME/.nvm/nvm.sh ]] && . $HOME/.nvm/nvm.sh"
-  - source ~/.bashrc
-  - nvm use 16
-
-build:
-  stage: build
-  script:
-    - echo "//registry.npmjs.org/:_authToken=$NPM_TOKEN_VALUE" >> .npmrc
-    - sed -i s/npm_token_value/${NPM_TOKEN_VALUE}/ ./.npmrc
-    - yarn
-  cache:
-    paths:
-      - node_modules/
-  artifacts:
-    expire_in: 1 days
-    when: on_success
-    paths:
-      - node_modules/
-
-test:
-  stage: test
-  script:
-    - yarn test:ci
-  cache:
-    paths:
-      - coverage/
-  artifacts:
-    paths:
-      - coverage/
-    when: always
-    reports:
-      junit:
-        - junit.xml
-      coverage_report:
-        coverage_format: cobertura
-        path: coverage/cobertura-coverage.xml
-  # only:
-  #   - master
-  tags:
-    - 01gitlab-runner-gcloud
-
-pages:
-  stage: deploy
-  dependencies:
-    - test
-  script:
-    - mkdir .public
-    - cp -r coverage/cobertura-coverage.xml .public/cobertura-coverage.xml
-    - mv .public public
-  artifacts:
-    paths:
-      - public
-  only:
-    - master