@bytebrand/fe-ui-core 4.2.84 → 4.2.85

package/source/components/SearchWidget/partials/MakerFilter/MakerFilter.tsx

@@ -1,69 +1,69 @@
-import * as React from 'react';
-import styles from './MakerFilter.styl';
-
-import PanelFilter from '../PanelFilter/PanelFilter';
-import DropDown from '../DropDown/DropDown';
-
-const colourStyles = {
-  option: (styles: any, props: any) => {
-    const { data, isDisabled, isSelected, isFocused } = props;
-    const { isSeries = false } = data;
-
-    return {
-      ...styles,
-      fontSize: isDisabled || isSeries ? '13px' : '14px',
-      fontWeight: isDisabled || isSeries ? 'bold' : 'normal',
-      color: isDisabled || isSeries ? '#1f1f1f' : isSelected || isFocused ? '#ffffff' : '#33333',
-      textTransform: isDisabled || isSeries ? 'uppercase' : 'none',
-      backgroundColor: isDisabled || isSeries ? '#e8e8e8' : isFocused ? '#005CCB' : '#fff',
-      pointerEvents: isDisabled || data.value === 'default' ? 'none' : isSeries ? 'auto' : 'auto'
-    };
-  }
-};
-
-interface IMakerFilterProps {
-  manufacturers?: any;
-  activeManufacturer?: any;
-  items?: any[];
-  title?: string;
-  onFilterChange?: (value: any, name: string) => void;
-  onBrandPanelClick?: (event?: React.MouseEvent) => void;
-}
-
-class MakerFilter extends React.Component<IMakerFilterProps, {}> {
-  onFilterChange = (value: any, name: string) => {
-    const { onFilterChange } = this.props;
-    onFilterChange(value, name);
-  };
-
-  render(): React.ReactNode {
-    const { items, title, manufacturers, activeManufacturer, onBrandPanelClick } = this.props;
-    const panelFilterProps = {
-      items,
-      title,
-      onBrandPanelClick,
-      itemClassName: styles.icon,
-      onFilterChange: this.onFilterChange
-    };
-
-    const makeProps = {
-      value: activeManufacturer,
-      name: title,
-      options: manufacturers,
-      styles: colourStyles,
-      placeholder: 'Marke auswählen',
-      onChange: (value: any) => this.onFilterChange(value, title)
-    };
-
-    return (
-      <>
-        <PanelFilter { ...panelFilterProps } />
-        <div className={styles.gridAreaMark}>
-          <DropDown { ...makeProps } />
-        </div>
-      </>
-    );
-  }
-}
-
-export default MakerFilter;
+import * as React from 'react';
+import styles from './MakerFilter.styl';
+
+import PanelFilter from '../PanelFilter/PanelFilter';
+import DropDown from '../DropDown/DropDown';
+
+const colourStyles = {
+  option: (styles: any, props: any) => {
+    const { data, isDisabled, isSelected, isFocused } = props;
+    const { isSeries = false } = data;
+
+    return {
+      ...styles,
+      fontSize: isDisabled || isSeries ? '13px' : '14px',
+      fontWeight: isDisabled || isSeries ? 'bold' : 'normal',
+      color: isDisabled || isSeries ? '#1f1f1f' : isSelected || isFocused ? '#ffffff' : '#33333',
+      textTransform: isDisabled || isSeries ? 'uppercase' : 'none',
+      backgroundColor: isDisabled || isSeries ? '#e8e8e8' : isFocused ? '#005CCB' : '#fff',
+      pointerEvents: isDisabled || data.value === 'default' ? 'none' : isSeries ? 'auto' : 'auto'
+    };
+  }
+};
+
+interface IMakerFilterProps {
+  manufacturers?: any;
+  activeManufacturer?: any;
+  items?: any[];
+  title?: string;
+  onFilterChange?: (value: any, name: string) => void;
+  onBrandPanelClick?: (event?: React.MouseEvent) => void;
+}
+
+class MakerFilter extends React.Component<IMakerFilterProps, {}> {
+  onFilterChange = (value: any, name: string) => {
+    const { onFilterChange } = this.props;
+    onFilterChange(value, name);
+  };
+
+  render(): React.ReactNode {
+    const { items, title, manufacturers, activeManufacturer, onBrandPanelClick } = this.props;
+    const panelFilterProps = {
+      items,
+      title,
+      onBrandPanelClick,
+      itemClassName: styles.icon,
+      onFilterChange: this.onFilterChange
+    };
+
+    const makeProps = {
+      value: activeManufacturer,
+      name: title,
+      options: manufacturers,
+      styles: colourStyles,
+      placeholder: 'Marke auswählen',
+      onChange: (value: any) => this.onFilterChange(value, title)
+    };
+
+    return (
+      <>
+        <PanelFilter { ...panelFilterProps } />
+        <div className={styles.gridAreaMark}>
+          <DropDown { ...makeProps } />
+        </div>
+      </>
+    );
+  }
+}
+
+export default MakerFilter;

package/source/components/SearchWidget/partials/PanelFilter/Item.tsx

@@ -1,43 +1,43 @@
-import * as React from 'react';
-import classnames from 'classnames';
-
-import components from '../../../_common/BodyTypeIcons/IconsConfig';
-
-import styles from './PanelFilter.styl';
-
-export interface IOption {
-  value: string;
-  label: string;
-}
-
-export interface IItemProps {
-  className?: string;
-  option: IOption;
-  onClick?: (data: IOption) => void;
-}
-
-const Item: React.FC<IItemProps> = ({ className, option, onClick }) => {
-  const classNames = classnames(
-    className,
-    styles.item
-  );
-
-  const Icon: any = components[option.value];
-
-  return (
-    <div className={classNames} onClick={() => onClick(option)}>
-      <span className={styles.icon}>
-        <Icon />
-      </span>
-      <span className={styles.text}>
-        { option.label }
-      </span>
-    </div>
-  );
-};
-
-Item.defaultProps = {
-  className: ''
-};
-
-export default Item;
+import * as React from 'react';
+import classnames from 'classnames';
+
+import components from '../../../_common/BodyTypeIcons/IconsConfig';
+
+import styles from './PanelFilter.styl';
+
+export interface IOption {
+  value: string;
+  label: string;
+}
+
+export interface IItemProps {
+  className?: string;
+  option: IOption;
+  onClick?: (data: IOption) => void;
+}
+
+const Item: React.FC<IItemProps> = ({ className, option, onClick }) => {
+  const classNames = classnames(
+    className,
+    styles.item
+  );
+
+  const Icon: any = components[option.value];
+
+  return (
+    <div className={classNames} onClick={() => onClick(option)}>
+      <span className={styles.icon}>
+        <Icon />
+      </span>
+      <span className={styles.text}>
+        { option.label }
+      </span>
+    </div>
+  );
+};
+
+Item.defaultProps = {
+  className: ''
+};
+
+export default Item;

package/source/components/SearchWidget/partials/PanelFilter/PanelFilter.styl

@@ -1,32 +1,32 @@
-@import '../../../../theme/theme.styl';
-
-.item
-  display: inline-flex
-  flex-direction: column
-  justify-content: center
-  text-align: center
-  height: 82px
-  border: 1px solid $grey-e
-  background-color: white
-  border-radius: 3px
-  font-size: 13px
-  box-sizing: border-box
-  cursor: pointer
-  user-select: none
-
-.item:hover
-  border-color: $skyBlue
-
-.icon
-  display: block
-  line-height: 1;
-
-.icon svg
-  width: 100%
-  height: 20px
-
-.text
-  margin-top: 6px
-  line-height: 1;
-  white-space: nowrap
-  text-overflow: ellipsis
+@import '../../../../theme/theme.styl';
+
+.item
+  display: inline-flex
+  flex-direction: column
+  justify-content: center
+  text-align: center
+  height: 82px
+  border: 1px solid $grey-e
+  background-color: white
+  border-radius: 3px
+  font-size: 13px
+  box-sizing: border-box
+  cursor: pointer
+  user-select: none
+
+.item:hover
+  border-color: $skyBlue
+
+.icon
+  display: block
+  line-height: 1;
+
+.icon svg
+  width: 100%
+  height: 20px
+
+.text
+  margin-top: 6px
+  line-height: 1;
+  white-space: nowrap
+  text-overflow: ellipsis

package/source/components/SearchWidget/partials/PanelFilter/PanelFilter.tsx

@@ -1,53 +1,53 @@
-import * as React from 'react';
-
-import Item, { IOption } from './Item';
-
-interface IFastSearchProps {
-  className?: string;
-  itemClassName?: string;
-  items: IOption[];
-  title: string;
-  onFilterChange: (value: any, name: string) => void;
-  onBrandPanelClick?: (event?: React.MouseEvent) => void;
-}
-
-class PanelFilter extends React.Component<IFastSearchProps, {}> {
-  static defaultProps = {
-    className: '',
-    itemClassName: '',
-    title: '',
-    onFilterChange: () => {},
-    onBrandPanelClick: () => {}
-  };
-
-  onItemClick = (value: any) => {
-    const { title, onFilterChange, onBrandPanelClick } = this.props;
-    onFilterChange(value, title);
-    onBrandPanelClick();
-  };
-
-  getItems = (items: any[]) => items.map((item: IOption, index: number) => {
-    const { itemClassName } = this.props;
-    const itemsProps = {
-      className: itemClassName,
-      option: item,
-      onClick: this.onItemClick
-    };
-
-    return (
-      <Item key={index} { ...itemsProps } />
-    );
-  });
-
-  render(): React.ReactNode {
-    const { items } = this.props;
-
-    return (
-      <>
-        { items.length ? this.getItems(items) : false }
-      </>
-    );
-  }
-}
-
-export default PanelFilter;
+import * as React from 'react';
+
+import Item, { IOption } from './Item';
+
+interface IFastSearchProps {
+  className?: string;
+  itemClassName?: string;
+  items: IOption[];
+  title: string;
+  onFilterChange: (value: any, name: string) => void;
+  onBrandPanelClick?: (event?: React.MouseEvent) => void;
+}
+
+class PanelFilter extends React.Component<IFastSearchProps, {}> {
+  static defaultProps = {
+    className: '',
+    itemClassName: '',
+    title: '',
+    onFilterChange: () => {},
+    onBrandPanelClick: () => {}
+  };
+
+  onItemClick = (value: any) => {
+    const { title, onFilterChange, onBrandPanelClick } = this.props;
+    onFilterChange(value, title);
+    onBrandPanelClick();
+  };
+
+  getItems = (items: any[]) => items.map((item: IOption, index: number) => {
+    const { itemClassName } = this.props;
+    const itemsProps = {
+      className: itemClassName,
+      option: item,
+      onClick: this.onItemClick
+    };
+
+    return (
+      <Item key={index} { ...itemsProps } />
+    );
+  });
+
+  render(): React.ReactNode {
+    const { items } = this.props;
+
+    return (
+      <>
+        { items.length ? this.getItems(items) : false }
+      </>
+    );
+  }
+}
+
+export default PanelFilter;

package/source/components/SearchWidget/partials/TabPanel/TabPanel.tsx

@@ -1,29 +1,29 @@
-import * as React from 'react';
-
-interface ITabPanelProps {
-  children?: React.ReactNode;
-  className?: string;
-  index: any;
-  value: any;
-}
-/* tslint:disable */
-export default function TabPanel(props: ITabPanelProps) {
-  const { children, value, index, className,  ...other } = props;
-
-  return (
-    <div
-      role='tabpanel'
-      className={className}
-      hidden={value !== index}
-      id={`simple-tabpanel-${index}`}
-      aria-labelledby={`simple-tab-${index}`}
-      {...other}
-    >
-      {value === index && (
-        <>
-            {children}
-        </>
-      )}
-    </div>
-  );
-}
+import * as React from 'react';
+
+interface ITabPanelProps {
+  children?: React.ReactNode;
+  className?: string;
+  index: any;
+  value: any;
+}
+/* tslint:disable */
+export default function TabPanel(props: ITabPanelProps) {
+  const { children, value, index, className,  ...other } = props;
+
+  return (
+    <div
+      role='tabpanel'
+      className={className}
+      hidden={value !== index}
+      id={`simple-tabpanel-${index}`}
+      aria-labelledby={`simple-tab-${index}`}
+      {...other}
+    >
+      {value === index && (
+        <>
+            {children}
+        </>
+      )}
+    </div>
+  );
+}

package/source/components/SearchWidget/partials/Tabs/Tab.tsx

@@ -1,20 +1,20 @@
-import * as React from 'react';
-import styles from './Tabs.styl';
-
-import classnames from 'classnames';
-
-interface ITab {
-  title: any;
-  className?: string;
-  disabled?: boolean;
-}
-
-const Tab: React.FC<ITab> = ({ className, children }) => {
-  return (
-    <div className={classnames(styles.content, className)}>
-      { children }
-    </div>
-  );
-};
-
-export default Tab;
+import * as React from 'react';
+import styles from './Tabs.styl';
+
+import classnames from 'classnames';
+
+interface ITab {
+  title: any;
+  className?: string;
+  disabled?: boolean;
+}
+
+const Tab: React.FC<ITab> = ({ className, children }) => {
+  return (
+    <div className={classnames(styles.content, className)}>
+      { children }
+    </div>
+  );
+};
+
+export default Tab;

package/source/components/SearchWidget/partials/Tabs/Tabs.styl

@@ -1,27 +1,27 @@
-@import "../../../../theme/theme.styl";
-
-.tabs
-  width: 100%
-
-.titles
-  display: flex
-  flex-direction: row
-  flex-wrap: nowrap
-
-.title
-  cursor: pointer
-  user-select: none
-
-.titleText
-  position: relative
-  z-index: 1
-
-.titleDisabled
-  pointer-events: none
-
-.content
-  position: relative
-
-.contentWrapper
-  flex: 1
-  background-color: rgba(white, 0.7)
+@import "../../../../theme/theme.styl";
+
+.tabs
+  width: 100%
+
+.titles
+  display: flex
+  flex-direction: row
+  flex-wrap: nowrap
+
+.title
+  cursor: pointer
+  user-select: none
+
+.titleText
+  position: relative
+  z-index: 1
+
+.titleDisabled
+  pointer-events: none
+
+.content
+  position: relative
+
+.contentWrapper
+  flex: 1
+  background-color: rgba(white, 0.7)