@bytebrand/fe-ui-core 4.1.2 → 4.1.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bytebrand/fe-ui-core",
3
- "version": "4.1.2",
3
+ "version": "4.1.15",
4
4
  "description": "UI components for the auto.de project",
5
5
  "main": "index.ts",
6
6
  "module": "dist/common.js",
@@ -109,7 +109,6 @@ class Power extends React.Component<IPowerProps, {}> {
109
109
  render(): JSX.Element {
110
110
  const { t, controls } = this.props;
111
111
  const { from = 0, to = 0, type } = controls;
112
- console.log('controls.type', controls.type);
113
112
  const commonProps = {
114
113
  size: 'custom'
115
114
  };
@@ -243,7 +243,6 @@ const VehicleSmallCard: FunctionComponent<IVehicleSmallCardProps> = (props) => {
243
243
  e.preventDefault();
244
244
  if (baseUrl) window.open(baseUrl, '_blank');
245
245
  };
246
- console.log(`%cqqq VSC [${id}] = `, 'font-weight: bold;color: #90ee90', id );
247
246
  return (
248
247
  <section className={wrapperClassName} onClick={onContainerClick} id={id}>
249
248
  {createElement(linkTag, {
@@ -262,6 +262,9 @@ import MailIcon from './SVG/popower/Mail';
262
262
  import AccountIcon from './SVG/settings/Account';
263
263
  import SecurityIcon from './SVG/settings/Security';
264
264
  import DataUsageIcon from './SVG/settings/DataUsage';
265
+ import RemoveEyeIcon from './SVG/settings/RemoveEye';
266
+ import NewsletterIcon from './SVG/settings/Newsletter';
267
+ import MarketResearchIcon from './SVG/settings/MarketResearch';
265
268
  interface IComponentsProp {
266
269
  [key: string]: (props: any) => React.ReactNode;
267
270
  }
@@ -603,6 +606,9 @@ const components: IComponentsProp = {
603
606
  accountIcon: AccountIcon,
604
607
  securityIcon: SecurityIcon,
605
608
  dataUsageIcon: DataUsageIcon,
609
+ removeEyeIcon: RemoveEyeIcon,
610
+ newsletterIcon: NewsletterIcon,
611
+ marketResearchIcon: MarketResearchIcon,
606
612
 
607
613
  carInspectionSchemeGeneral: CarInspectionSchemeGeneral,
608
614
  scheme_stationary: CarInspectionScheme0,
@@ -3,11 +3,13 @@ import * as React from 'react';
3
3
 
4
4
  const SvgAccount = (props: any) => (
5
5
  <svg
6
- width="1em"
7
- height="1em"
8
- {...props}
6
+ viewBox="0 0 14 13"
7
+ fill="none"
8
+ width="1em"
9
+ height="1em"
10
+ {...props}
9
11
  >
10
- <path d="M6.99999 6.729C6.16666 6.729 5.47232 6.44766 4.91699 5.885C4.36099 5.323 4.08299 4.632 4.08299 3.812C4.08299 2.97866 4.36099 2.28433 4.91699 1.729C5.47232 1.17366 6.16666 0.895996 6.99999 0.895996C7.83332 0.895996 8.52766 1.17366 9.08299 1.729C9.63899 2.28433 9.91699 2.97866 9.91699 3.812C9.91699 4.632 9.63899 5.323 9.08299 5.885C8.52766 6.44766 7.83332 6.729 6.99999 6.729ZM11.958 13.083H2.04199C1.66665 13.083 1.34699 12.9513 1.08299 12.688C0.819655 12.424 0.687988 12.1113 0.687988 11.75V11.167C0.687988 10.7503 0.802322 10.3717 1.03099 10.031C1.26032 9.691 1.55565 9.43066 1.91699 9.25C2.73632 8.87533 3.57666 8.587 4.43799 8.385C5.29866 8.18366 6.15266 8.083 6.99999 8.083C7.84732 8.083 8.70499 8.18366 9.57299 8.385C10.441 8.587 11.2707 8.87533 12.062 9.25C12.4373 9.43066 12.7397 9.691 12.969 10.031C13.1977 10.3717 13.312 10.7503 13.312 11.167V11.75C13.312 12.1113 13.1803 12.424 12.917 12.688C12.653 12.9513 12.3333 13.083 11.958 13.083ZM2.02099 11.75H11.979V11.167C11.979 11.0003 11.934 10.8543 11.844 10.729C11.7533 10.6043 11.6317 10.514 11.479 10.458C10.785 10.1387 10.0523 9.88533 9.28099 9.698C8.51032 9.51066 7.74999 9.417 6.99999 9.417C6.24999 9.417 5.48966 9.514 4.71899 9.708C3.94766 9.90266 3.21499 10.1527 2.52099 10.458C2.36832 10.5273 2.24666 10.6213 2.15599 10.74C2.06599 10.858 2.02099 11.0003 2.02099 11.167V11.75ZM6.99999 5.396C7.45866 5.396 7.83699 5.24666 8.13499 4.948C8.43366 4.64933 8.58299 4.27066 8.58299 3.812C8.58299 3.354 8.43366 2.97566 8.13499 2.677C7.83699 2.37833 7.45866 2.229 6.99999 2.229C6.54132 2.229 6.16299 2.37833 5.86499 2.677C5.56632 2.97566 5.41699 3.354 5.41699 3.812C5.41699 4.27066 5.56632 4.64933 5.86499 4.948C6.16299 5.24666 6.54132 5.396 6.99999 5.396Z"/>
12
+ <path d="M6.99999 6.229C6.16666 6.229 5.47232 5.94766 4.91699 5.385C4.36099 4.823 4.08299 4.132 4.08299 3.312C4.08299 2.47866 4.36099 1.78433 4.91699 1.229C5.47232 0.673663 6.16666 0.395996 6.99999 0.395996C7.83332 0.395996 8.52766 0.673663 9.08299 1.229C9.63899 1.78433 9.91699 2.47866 9.91699 3.312C9.91699 4.132 9.63899 4.823 9.08299 5.385C8.52766 5.94766 7.83332 6.229 6.99999 6.229ZM11.958 12.583H2.04199C1.66665 12.583 1.34699 12.4513 1.08299 12.188C0.819655 11.924 0.687988 11.6113 0.687988 11.25V10.667C0.687988 10.2503 0.802322 9.87166 1.03099 9.531C1.26032 9.191 1.55565 8.93066 1.91699 8.75C2.73632 8.37533 3.57666 8.087 4.43799 7.885C5.29866 7.68366 6.15266 7.583 6.99999 7.583C7.84732 7.583 8.70499 7.68366 9.57299 7.885C10.441 8.087 11.2707 8.37533 12.062 8.75C12.4373 8.93066 12.7397 9.191 12.969 9.531C13.1977 9.87166 13.312 10.2503 13.312 10.667V11.25C13.312 11.6113 13.1803 11.924 12.917 12.188C12.653 12.4513 12.3333 12.583 11.958 12.583ZM2.02099 11.25H11.979V10.667C11.979 10.5003 11.934 10.3543 11.844 10.229C11.7533 10.1043 11.6317 10.014 11.479 9.958C10.785 9.63866 10.0523 9.38533 9.28099 9.198C8.51032 9.01066 7.74999 8.917 6.99999 8.917C6.24999 8.917 5.48966 9.014 4.71899 9.208C3.94766 9.40266 3.21499 9.65266 2.52099 9.958C2.36832 10.0273 2.24666 10.1213 2.15599 10.24C2.06599 10.358 2.02099 10.5003 2.02099 10.667V11.25ZM6.99999 4.896C7.45866 4.896 7.83699 4.74666 8.13499 4.448C8.43366 4.14933 8.58299 3.77066 8.58299 3.312C8.58299 2.854 8.43366 2.47566 8.13499 2.177C7.83699 1.87833 7.45866 1.729 6.99999 1.729C6.54132 1.729 6.16299 1.87833 5.86499 2.177C5.56632 2.47566 5.41699 2.854 5.41699 3.312C5.41699 3.77066 5.56632 4.14933 5.86499 4.448C6.16299 4.74666 6.54132 4.896 6.99999 4.896Z" />
11
13
  </svg>
12
14
  );
13
15
 
@@ -3,11 +3,13 @@ import * as React from 'react';
3
3
 
4
4
  const SvgDataUsage = (props: any) => (
5
5
  <svg
6
- width="1em"
7
- height="1em"
8
- {...props}
6
+ viewBox="0 0 15 15"
7
+ width="1em"
8
+ height="1em"
9
+ fill="none"
10
+ {...props}
9
11
  >
10
- <path d="M8.75 5.25H10.25V6.75H8.75V5.25ZM8.75 8.25H10.25V12.75H8.75V8.25ZM9.5 1.5C5.36 1.5 2 4.86 2 9C2 13.14 5.36 16.5 9.5 16.5C13.64 16.5 17 13.14 17 9C17 4.86 13.64 1.5 9.5 1.5ZM9.5 15C6.1925 15 3.5 12.3075 3.5 9C3.5 5.6925 6.1925 3 9.5 3C12.8075 3 15.5 5.6925 15.5 9C15.5 12.3075 12.8075 15 9.5 15Z" fill-opacity="0.87"/>
12
+ <path d="M6.75 3.75H8.25V5.25H6.75V3.75ZM6.75 6.75H8.25V11.25H6.75V6.75ZM7.5 0C3.36 0 0 3.36 0 7.5C0 11.64 3.36 15 7.5 15C11.64 15 15 11.64 15 7.5C15 3.36 11.64 0 7.5 0ZM7.5 13.5C4.1925 13.5 1.5 10.8075 1.5 7.5C1.5 4.1925 4.1925 1.5 7.5 1.5C10.8075 1.5 13.5 4.1925 13.5 7.5C13.5 10.8075 10.8075 13.5 7.5 13.5Z" />
11
13
  </svg>
12
14
  );
13
15
 
@@ -0,0 +1,17 @@
1
+ /* tslint:disable */
2
+ import * as React from 'react';
3
+
4
+ const SvgMarketResearch = (props: any) => (
5
+ <svg
6
+ viewBox="0 0 42 40"
7
+ width="1em"
8
+ height="1em"
9
+ fill="none"
10
+ {...props}
11
+ >
12
+ <path d="M39.8499 39.4501L33.7999 33.4501C33.1333 33.9168 32.4166 34.2834 31.6499 34.5501C30.8833 34.8168 30.0999 34.9501 29.2999 34.9501C27.1666 34.9501 25.3583 34.2084 23.8749 32.7251C22.3916 31.2418 21.6499 29.4334 21.6499 27.3001C21.6499 25.1668 22.3916 23.3584 23.8749 21.8751C25.3583 20.3918 27.1666 19.6501 29.2999 19.6501C31.4333 19.6501 33.2416 20.3918 34.7249 21.8751C36.2083 23.3584 36.9499 25.1668 36.9499 27.3001C36.9499 28.1334 36.8083 28.9334 36.5249 29.7001C36.2416 30.4668 35.8666 31.1834 35.3999 31.8501L41.4499 37.8501C41.6833 38.0834 41.8083 38.3501 41.8249 38.6501C41.8416 38.9501 41.7333 39.2168 41.4999 39.4501C41.2666 39.6834 40.9916 39.8001 40.6749 39.8001C40.3583 39.8001 40.0833 39.6834 39.8499 39.4501ZM29.2999 32.6501C30.7999 32.6501 32.0666 32.1334 33.0999 31.1001C34.1333 30.0668 34.6499 28.8001 34.6499 27.3001C34.6499 25.8001 34.1333 24.5334 33.0999 23.5001C32.0666 22.4668 30.7999 21.9501 29.2999 21.9501C27.7999 21.9501 26.5333 22.4668 25.4999 23.5001C24.4666 24.5334 23.9499 25.8001 23.9499 27.3001C23.9499 28.8001 24.4666 30.0668 25.4999 31.1001C26.5333 32.1334 27.7999 32.6501 29.2999 32.6501ZM0.549925 29.3501C0.283258 29.1834 0.124925 28.9418 0.0749249 28.6251C0.0249249 28.3084 0.0832582 28.0334 0.249925 27.8001L7.54992 16.1001C7.81659 15.6668 8.19992 15.4334 8.69992 15.4001C9.19992 15.3668 9.59992 15.5334 9.89992 15.9001L14.5999 21.4001L21.3999 10.4501C21.6666 10.0168 22.0583 9.79176 22.5749 9.7751C23.0916 9.75843 23.4999 9.96676 23.7999 10.4001L27.2999 15.7001C26.9333 15.7668 26.5583 15.8501 26.1749 15.9501C25.7916 16.0501 25.4166 16.1668 25.0499 16.3001L22.6499 12.7001L16.0499 23.5501C15.7833 23.9501 15.3999 24.1668 14.8999 24.2001C14.3999 24.2334 13.9999 24.0834 13.6999 23.7501L8.94992 18.1501L2.14992 29.0001C1.98326 29.2668 1.74159 29.4418 1.42493 29.5251C1.10826 29.6084 0.816592 29.5501 0.549925 29.3501ZM32.7999 16.0501C32.4333 15.8834 32.0499 15.7751 31.6499 15.7251C31.2499 15.6751 30.8499 15.6334 30.4499 15.6001L39.8499 0.750098C40.0166 0.483431 40.2583 0.316764 40.5749 0.250098C40.8916 0.183431 41.1833 0.250097 41.4499 0.450098C41.7166 0.616764 41.8749 0.850098 41.9249 1.1501C41.9749 1.4501 41.9166 1.73343 41.7499 2.0001L32.7999 16.0501Z" />
13
+ </svg>
14
+ );
15
+
16
+ export default SvgMarketResearch;
17
+ /* tslint:enable */
@@ -0,0 +1,17 @@
1
+ /* tslint:disable */
2
+ import * as React from 'react';
3
+
4
+ const SvgNewsletter = (props: any) => (
5
+ <svg
6
+ viewBox="0 0 40 34"
7
+ width="1em"
8
+ height="1em"
9
+ fill="none"
10
+ {...props}
11
+ >
12
+ <path d="M26.25 33.7C26.05 33.7 25.875 33.6667 25.725 33.6C25.575 33.5333 25.4167 33.4167 25.25 33.25L19.55 27.6C19.35 27.3667 19.25 27.0917 19.25 26.775C19.25 26.4583 19.3667 26.1833 19.6 25.95C19.8333 25.7167 20.1083 25.6 20.425 25.6C20.7417 25.6 21.0167 25.7167 21.25 25.95L26.25 31L37.45 19.8C37.6833 19.5667 37.9583 19.45 38.275 19.45C38.5917 19.45 38.8667 19.5667 39.1 19.8C39.3333 20.0333 39.45 20.3083 39.45 20.625C39.45 20.9417 39.3333 21.2167 39.1 21.45L27.25 33.25C27.1167 33.4167 26.9667 33.5333 26.8 33.6C26.6333 33.6667 26.45 33.7 26.25 33.7ZM2.7 2.25L18.9 12.75L35.15 2.25H2.7ZM2.9 29.55C2.1 29.55 1.41667 29.2667 0.85 28.7C0.283333 28.1333 0 27.45 0 26.65V2.9C0 2.1 0.283333 1.41667 0.85 0.85C1.41667 0.283334 2.1 0 2.9 0H35C35.8 0 36.4833 0.283334 37.05 0.85C37.6167 1.41667 37.9 2.1 37.9 2.9V14.7C37.4667 15.1333 37.0917 15.5167 36.775 15.85C36.4583 16.1833 36.0667 16.5667 35.6 17V4.3L19.7 14.65C19.5667 14.7167 19.4417 14.7667 19.325 14.8C19.2083 14.8333 19.0833 14.85 18.95 14.85C18.7833 14.85 18.6333 14.8333 18.5 14.8C18.3667 14.7667 18.25 14.7167 18.15 14.65L2.25 4.3V26.65C2.25 26.85 2.30833 27.0083 2.425 27.125C2.54167 27.2417 2.7 27.3 2.9 27.3H14.65L16.9 29.55H2.9Z"/>
13
+ </svg>
14
+ );
15
+
16
+ export default SvgNewsletter;
17
+ /* tslint:enable */
@@ -0,0 +1,17 @@
1
+ /* tslint:disable */
2
+ import * as React from 'react';
3
+
4
+ const SvgRemoveEye = (props: any) => (
5
+ <svg
6
+ viewBox="0 0 22 15"
7
+ width="1em"
8
+ height="1em"
9
+ fill="none"
10
+ {...props}
11
+ >
12
+ <path d="M11 2C14.79 2 18.17 4.13 19.82 7.5C18.17 10.87 14.79 13 11 13C7.21 13 3.83 10.87 2.18 7.5C3.83 4.13 7.21 2 11 2ZM11 0C6 0 1.73 3.11 0 7.5C1.73 11.89 6 15 11 15C16 15 20.27 11.89 22 7.5C20.27 3.11 16 0 11 0ZM11 5C12.38 5 13.5 6.12 13.5 7.5C13.5 8.88 12.38 10 11 10C9.62 10 8.5 8.88 8.5 7.5C8.5 6.12 9.62 5 11 5ZM11 3C8.52 3 6.5 5.02 6.5 7.5C6.5 9.98 8.52 12 11 12C13.48 12 15.5 9.98 15.5 7.5C15.5 5.02 13.48 3 11 3Z" />
13
+ </svg>
14
+ );
15
+
16
+ export default SvgRemoveEye;
17
+ /* tslint:enable */
@@ -3,11 +3,13 @@ import * as React from 'react';
3
3
 
4
4
  const SvgSecurity = (props: any) => (
5
5
  <svg
6
- width="1em"
7
- height="1em"
8
- {...props}
6
+ viewBox="0 0 13 16"
7
+ width="1em"
8
+ height="1em"
9
+ fill="none"
10
+ {...props}
9
11
  >
10
- <path d="M9.5 12.75C10.325 12.75 11 12.075 11 11.25C11 10.425 10.325 9.75 9.5 9.75C8.675 9.75 8 10.425 8 11.25C8 12.075 8.675 12.75 9.5 12.75ZM14 6H13.25V4.5C13.25 2.43 11.57 0.75 9.5 0.75C7.43 0.75 5.75 2.43 5.75 4.5H7.175C7.175 3.2175 8.2175 2.175 9.5 2.175C10.7825 2.175 11.825 3.2175 11.825 4.5V6H5C4.175 6 3.5 6.675 3.5 7.5V15C3.5 15.825 4.175 16.5 5 16.5H14C14.825 16.5 15.5 15.825 15.5 15V7.5C15.5 6.675 14.825 6 14 6ZM14 15H5V7.5H14V15Z" fill-opacity="0.87"/>
12
+ <path d="M6.5 12.25C7.325 12.25 8 11.575 8 10.75C8 9.925 7.325 9.25 6.5 9.25C5.675 9.25 5 9.925 5 10.75C5 11.575 5.675 12.25 6.5 12.25ZM11 5.5H10.25V4C10.25 1.93 8.57 0.25 6.5 0.25C4.43 0.25 2.75 1.93 2.75 4H4.175C4.175 2.7175 5.2175 1.675 6.5 1.675C7.7825 1.675 8.825 2.7175 8.825 4V5.5H2C1.175 5.5 0.5 6.175 0.5 7V14.5C0.5 15.325 1.175 16 2 16H11C11.825 16 12.5 15.325 12.5 14.5V7C12.5 6.175 11.825 5.5 11 5.5ZM11 14.5H2V7H11V14.5Z" />
11
13
  </svg>
12
14
  );
13
15
 
@@ -79,7 +79,7 @@ const MaterialAutocomplete: React.FC<IMaterialAutocompleteProps> = ({
79
79
  placeholder
80
80
  }: IMaterialAutocompleteProps) => {
81
81
  const filter = createFilterOptions<IFilmOptionType>();
82
- console.log('materialvalue', value);
82
+
83
83
  return (
84
84
  <ThemeProvider theme={Theme}>
85
85
  <Autocomplete