@bytebrand/fe-ui-core-autobahn 1.0.1 → 1.0.2

package/compat/BodyTypeIcons/index.ts

@@ -1,17 +1,17 @@
-export { default as SearchIcon } from './Search';
-export { default as SelectorCategoryCombi } from './SelectorCategoryCombi';
-export { default as SelectorCategoryCompact } from './SelectorCategoryCompact';
-export { default as SelectorCategoryConvertible } from './SelectorCategoryConvertible';
-export { default as SelectorCategoryCoupe } from './SelectorCategoryCoupe';
-export { default as SelectorCategoryMinibus } from './SelectorCategoryMinibus';
-export { default as SelectorCategorySedan } from './SelectorCategorySedan';
-export { default as SelectorCategorySuv } from './SelectorCategorySuv';
-export { default as SelectorCategoryTransporter } from './SelectorCategoryTransporter';
-export { default as SelectorCategoryVan } from './SelectorCategoryVan';
-export { default as Bmw } from './Bmw';
-export { default as Audi } from './Audi';
-export { default as Ford } from './Ford';
-export { default as Mazda } from './Mazda';
-export { default as MercedesBenz } from './MercedesBenz';
-export { default as Opel } from './Opel';
-export { default as Volkswagen } from './Volkswagen';
+export { default as SearchIcon } from './Search';
+export { default as SelectorCategoryCombi } from './SelectorCategoryCombi';
+export { default as SelectorCategoryCompact } from './SelectorCategoryCompact';
+export { default as SelectorCategoryConvertible } from './SelectorCategoryConvertible';
+export { default as SelectorCategoryCoupe } from './SelectorCategoryCoupe';
+export { default as SelectorCategoryMinibus } from './SelectorCategoryMinibus';
+export { default as SelectorCategorySedan } from './SelectorCategorySedan';
+export { default as SelectorCategorySuv } from './SelectorCategorySuv';
+export { default as SelectorCategoryTransporter } from './SelectorCategoryTransporter';
+export { default as SelectorCategoryVan } from './SelectorCategoryVan';
+export { default as Bmw } from './Bmw';
+export { default as Audi } from './Audi';
+export { default as Ford } from './Ford';
+export { default as Mazda } from './Mazda';
+export { default as MercedesBenz } from './MercedesBenz';
+export { default as Opel } from './Opel';
+export { default as Volkswagen } from './Volkswagen';

package/compat/Button/Button.tsx

@@ -1,65 +1,65 @@
-// md3 ADAPTER (not a verbatim legacy move): drop-in replacement for the deleted
-// fe-ui-core MUI `Button`. Keeps the full legacy IButtonProps contract
-// (variant contained/outlined/text, color, loading, getRef, onMouseEnter/Leave)
-// but renders the md3 `.mbtn` markup (same classes the kit ui/Button emits) —
-// so the legacy composites (VehicleSmallCard price row, VehicleDetailedSlider,
-// RateSearchWidget, cookie modals, …) only swap the import.
-// Renders correctly only inside `.md3`.
-
-import * as React from 'react';
-import classnames from 'classnames';
-
-export type variantType = 'contained' | 'outlined' | 'text';
-export type variantColor = 'primary' | 'secondary' | 'error';
-
-export interface IButtonProps {
-  children?: React.ReactNode;
-  color?: variantColor;
-  className?: string;
-  variant?: variantType;
-  loading?: boolean;
-  disabled?: boolean;
-  // loose on purpose: legacy call sites pass handlers typed against their own payloads
-  onClick?: (event?: any) => void;
-  onMouseEnter?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-  onMouseLeave?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-  getRef?: (ref: HTMLButtonElement) => void;
-  type?: 'button' | 'submit' | 'reset';
-  style?: React.CSSProperties;
-}
-
-const VARIANT_MAP: { [key: string]: string } = {
-  contained: 'filled',
-  outlined: 'outlined',
-  text: 'text'
-};
-
-const Button: React.FC<IButtonProps> = ({
-  getRef, className, color, onClick, onMouseEnter, onMouseLeave,
-  variant = 'contained', loading, disabled, children, type = 'button', style
-}) => {
-  const mdVariant = VARIANT_MAP[variant] || 'filled';
-  // legacy color='error' tinted the button with the error palette.
-  const errorStyle: React.CSSProperties = color === 'error'
-    ? (mdVariant === 'filled'
-        ? { background: 'var(--md-error)', color: 'var(--md-on-error, #fff)' }
-        : { color: 'var(--md-error)', borderColor: 'var(--md-error)' })
-    : {};
-
-  return (
-    <button
-      type={type}
-      className={classnames('mbtn', `mbtn--${mdVariant}`, className)}
-      onClick={onClick}
-      onMouseEnter={onMouseEnter}
-      onMouseLeave={onMouseLeave}
-      disabled={disabled || loading}
-      ref={getRef}
-      style={{ ...errorStyle, ...style }}
-    >
-      {children}
-    </button>
-  );
-};
-
-export default Button;
+// md3 ADAPTER (not a verbatim legacy move): drop-in replacement for the deleted
+// fe-ui-core MUI `Button`. Keeps the full legacy IButtonProps contract
+// (variant contained/outlined/text, color, loading, getRef, onMouseEnter/Leave)
+// but renders the md3 `.mbtn` markup (same classes the kit ui/Button emits) —
+// so the legacy composites (VehicleSmallCard price row, VehicleDetailedSlider,
+// RateSearchWidget, cookie modals, …) only swap the import.
+// Renders correctly only inside `.md3`.
+
+import * as React from 'react';
+import classnames from 'classnames';
+
+export type variantType = 'contained' | 'outlined' | 'text';
+export type variantColor = 'primary' | 'secondary' | 'error';
+
+export interface IButtonProps {
+  children?: React.ReactNode;
+  color?: variantColor;
+  className?: string;
+  variant?: variantType;
+  loading?: boolean;
+  disabled?: boolean;
+  // loose on purpose: legacy call sites pass handlers typed against their own payloads
+  onClick?: (event?: any) => void;
+  onMouseEnter?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+  onMouseLeave?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+  getRef?: (ref: HTMLButtonElement) => void;
+  type?: 'button' | 'submit' | 'reset';
+  style?: React.CSSProperties;
+}
+
+const VARIANT_MAP: { [key: string]: string } = {
+  contained: 'filled',
+  outlined: 'outlined',
+  text: 'text'
+};
+
+const Button: React.FC<IButtonProps> = ({
+  getRef, className, color, onClick, onMouseEnter, onMouseLeave,
+  variant = 'contained', loading, disabled, children, type = 'button', style
+}) => {
+  const mdVariant = VARIANT_MAP[variant] || 'filled';
+  // legacy color='error' tinted the button with the error palette.
+  const errorStyle: React.CSSProperties = color === 'error'
+    ? (mdVariant === 'filled'
+        ? { background: 'var(--md-error)', color: 'var(--md-on-error, #fff)' }
+        : { color: 'var(--md-error)', borderColor: 'var(--md-error)' })
+    : {};
+
+  return (
+    <button
+      type={type}
+      className={classnames('mbtn', `mbtn--${mdVariant}`, className)}
+      onClick={onClick}
+      onMouseEnter={onMouseEnter}
+      onMouseLeave={onMouseLeave}
+      disabled={disabled || loading}
+      ref={getRef}
+      style={{ ...errorStyle, ...style }}
+    >
+      {children}
+    </button>
+  );
+};
+
+export default Button;

package/compat/ButtonOld/Button.styl

@@ -1,65 +1,65 @@
-@import '../legacy-theme/theme.styl';
-
-.button
-  position: relative
-  display: inline-block
-  margin: 0
-
-  background-color: $primary
-  font-family: 'Arial', sans-serif
-
-  min-height: 28px
-  min-width: 140px
-
-  line-height: 26px
-  font-size: 14px
-  padding: 0 10px
-
-  color: white
-  cursor: pointer
-  box-sizing: border-box
-  text-decoration: none
-  border: 1px solid transparent
-  border-radius: 3px
-  transition: all 0.2s ease-in-out
-  outline: none
-  user-select: none
-  white-space: nowrap
-  overflow: hidden
-  text-overflow: ellipsis
-
-.button:hover:not(:disabled)
-  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5)
-
-.button:disabled
-  cursor: not-allowed
-  background-color: $grey-c
-
-.primary
-  composes: button
-  background-color: $primary
-
-.secondary
-  composes: button
-  background-color: $grey-9
-
-.danger
-  composes: button
-  background-color red
-
-.ghost
-  composes: button
-  background-color: transparent
-  border: 1px solid $primary
-  color: $primary
-
-.loader
-  position: absolute
-  left: 50%
-  top: 50%
-
-  // because of size of the 'small' loader
-  // we need to setup such negative margins
-  margin-left: -12.5px
-  margin-top: -12.5px
-
+@import '../legacy-theme/theme.styl';
+
+.button
+  position: relative
+  display: inline-block
+  margin: 0
+
+  background-color: $primary
+  font-family: 'Arial', sans-serif
+
+  min-height: 28px
+  min-width: 140px
+
+  line-height: 26px
+  font-size: 14px
+  padding: 0 10px
+
+  color: white
+  cursor: pointer
+  box-sizing: border-box
+  text-decoration: none
+  border: 1px solid transparent
+  border-radius: 3px
+  transition: all 0.2s ease-in-out
+  outline: none
+  user-select: none
+  white-space: nowrap
+  overflow: hidden
+  text-overflow: ellipsis
+
+.button:hover:not(:disabled)
+  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5)
+
+.button:disabled
+  cursor: not-allowed
+  background-color: $grey-c
+
+.primary
+  composes: button
+  background-color: $primary
+
+.secondary
+  composes: button
+  background-color: $grey-9
+
+.danger
+  composes: button
+  background-color red
+
+.ghost
+  composes: button
+  background-color: transparent
+  border: 1px solid $primary
+  color: $primary
+
+.loader
+  position: absolute
+  left: 50%
+  top: 50%
+
+  // because of size of the 'small' loader
+  // we need to setup such negative margins
+  margin-left: -12.5px
+  margin-top: -12.5px
+

package/compat/ButtonOld/Button.tsx

@@ -1,84 +1,84 @@
-import * as React from 'react';
-import classnames from 'classnames';
-
-import styles from './Button.styl';
-import Loader from '../Loader/Loader';
-
-export type ButtonType = 'primary' | 'secondary' | 'danger' | 'ghost';
-export type ButtonHTMLType = 'button' | 'reset' | 'submit';
-
-export interface IButtonProps {
-  className?: string;
-  children?: any;
-
-  disabled?: boolean;
-  loading?: boolean;
-
-  type?: ButtonType;
-  buttonType?: ButtonHTMLType;
-
-  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-  onMouseEnter?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-  onMouseLeave?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-}
-
-class Button extends React.Component<IButtonProps, {}> {
-  public static defaultProps = {
-    className: '',
-
-    disabled: false,
-    loading: false,
-
-    type: 'primary',
-    buttonType: 'button',
-
-    onClick: () => { },
-
-    onMouseEnter: () => { },
-    onMouseLeave: () => { }
-  };
-
-  onClick = (event: React.MouseEvent<HTMLButtonElement>) => {
-    event.stopPropagation();
-    event.nativeEvent.stopImmediatePropagation();
-
-    this.props.onClick(event);
-  };
-
-  onMouseEnter = (event: React.MouseEvent<HTMLButtonElement>) => {
-    this.props.onMouseEnter(event);
-  };
-
-  onMouseLeave = (event: React.MouseEvent<HTMLButtonElement>) => {
-    this.props.onMouseLeave(event);
-  };
-
-  renderLoader = () => {
-    return <Loader className={styles.loader} size='small' />;
-  };
-
-  render() {
-    const { className, buttonType, type, loading, disabled, children } = this.props;
-    const classNames = classnames(
-      styles[type],
-      { [styles.loading]: loading },
-      className
-    );
-
-    const props = {
-      className: classNames,
-      disabled: disabled || loading,
-      type: buttonType,
-
-      onClick: this.onClick,
-      onMouseEnter: this.onMouseEnter,
-      onMouseLeave: this.onMouseLeave
-    };
-
-    return (
-      <button {...props}>{loading ? this.renderLoader() : children}</button>
-    );
-  }
-}
-
-export default Button;
+import * as React from 'react';
+import classnames from 'classnames';
+
+import styles from './Button.styl';
+import Loader from '../Loader/Loader';
+
+export type ButtonType = 'primary' | 'secondary' | 'danger' | 'ghost';
+export type ButtonHTMLType = 'button' | 'reset' | 'submit';
+
+export interface IButtonProps {
+  className?: string;
+  children?: any;
+
+  disabled?: boolean;
+  loading?: boolean;
+
+  type?: ButtonType;
+  buttonType?: ButtonHTMLType;
+
+  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+  onMouseEnter?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+  onMouseLeave?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+}
+
+class Button extends React.Component<IButtonProps, {}> {
+  public static defaultProps = {
+    className: '',
+
+    disabled: false,
+    loading: false,
+
+    type: 'primary',
+    buttonType: 'button',
+
+    onClick: () => { },
+
+    onMouseEnter: () => { },
+    onMouseLeave: () => { }
+  };
+
+  onClick = (event: React.MouseEvent<HTMLButtonElement>) => {
+    event.stopPropagation();
+    event.nativeEvent.stopImmediatePropagation();
+
+    this.props.onClick(event);
+  };
+
+  onMouseEnter = (event: React.MouseEvent<HTMLButtonElement>) => {
+    this.props.onMouseEnter(event);
+  };
+
+  onMouseLeave = (event: React.MouseEvent<HTMLButtonElement>) => {
+    this.props.onMouseLeave(event);
+  };
+
+  renderLoader = () => {
+    return <Loader className={styles.loader} size='small' />;
+  };
+
+  render() {
+    const { className, buttonType, type, loading, disabled, children } = this.props;
+    const classNames = classnames(
+      styles[type],
+      { [styles.loading]: loading },
+      className
+    );
+
+    const props = {
+      className: classNames,
+      disabled: disabled || loading,
+      type: buttonType,
+
+      onClick: this.onClick,
+      onMouseEnter: this.onMouseEnter,
+      onMouseLeave: this.onMouseLeave
+    };
+
+    return (
+      <button {...props}>{loading ? this.renderLoader() : children}</button>
+    );
+  }
+}
+
+export default Button;