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

package/compat/ImageSettings/EditableOptionsTable/ImageIcon/ImageIcon.tsx

@@ -1,15 +1,15 @@
-import React from 'react';
-import IconSVG from '../../../../iconsvg/IconSVG';
-
-import styles from './ImageIcon.styl';
-
-interface IProps {
-  imageCode: string;
-  onShowImage: (imageCode: string) => void;
-}
-
-const ImageIcon: React.FunctionComponent<IProps> = ({ imageCode, onShowImage }) => (
-  <IconSVG className={styles.icon} name='picture' onClick={() => onShowImage(imageCode)}/>
-);
-
-export default React.memo(ImageIcon);
+import React from 'react';
+import IconSVG from '../../../../iconsvg/IconSVG';
+
+import styles from './ImageIcon.styl';
+
+interface IProps {
+  imageCode: string;
+  onShowImage: (imageCode: string) => void;
+}
+
+const ImageIcon: React.FunctionComponent<IProps> = ({ imageCode, onShowImage }) => (
+  <IconSVG className={styles.icon} name='picture' onClick={() => onShowImage(imageCode)}/>
+);
+
+export default React.memo(ImageIcon);

package/compat/ImageSettings/OptionsTable/OptionsTable.styl

@@ -1,47 +1,47 @@
-@import '../../legacy-theme/theme.styl'
-
-.table
-  font-family: $font-style-arial
-  font-size: 14px
-  border-collapse: collapse
-  background-color: white
-
-  &, & th, & td
-    border: 1px solid #C4C4C4;
-
-  & th, & td
-    text-align: left
-    font-weight: $font-weight-normal
-    padding: 10px
-
-  & th:not(:nth-child(2)),
-  & td:not(:nth-child(2))
-    text-align: center
-
-  & th
-    font-size: 12px
-
-  & th.counts
-    padding: 5px
-    white-space: nowrap
-    font-size: 11.5px
-    color: $grey-9
-
-  & th.packageTitle
-    font-size: 16px
-    font-weight: $font-weight-bold
-
-    &.basic
-      color: white
-      background-color: #C4C4C4
-
-    &.premium
-      color: white
-      background-color: #71CBF4
-
-    &.auto_de_premium
-      color: white
-      background-color: $skyBlue
-
-.icon
-  cursor: pointer
+@import '../../legacy-theme/theme.styl'
+
+.table
+  font-family: $font-style-arial
+  font-size: 14px
+  border-collapse: collapse
+  background-color: white
+
+  &, & th, & td
+    border: 1px solid #C4C4C4;
+
+  & th, & td
+    text-align: left
+    font-weight: $font-weight-normal
+    padding: 10px
+
+  & th:not(:nth-child(2)),
+  & td:not(:nth-child(2))
+    text-align: center
+
+  & th
+    font-size: 12px
+
+  & th.counts
+    padding: 5px
+    white-space: nowrap
+    font-size: 11.5px
+    color: $grey-9
+
+  & th.packageTitle
+    font-size: 16px
+    font-weight: $font-weight-bold
+
+    &.basic
+      color: white
+      background-color: #C4C4C4
+
+    &.premium
+      color: white
+      background-color: #71CBF4
+
+    &.auto_de_premium
+      color: white
+      background-color: $skyBlue
+
+.icon
+  cursor: pointer

package/compat/ImageSettings/OptionsTable/OptionsTable.tsx

@@ -1,122 +1,122 @@
-import React from 'react';
-import classnames from 'classnames';
-
-import IconSVG from '../../../iconsvg/IconSVG';
-import { ImageCounts, ImagePackage } from '../index';
-
-import styles from './OptionsTable.styl';
-
-export interface IProps {
-  t: (key: string, options?: object) => string;
-  parentImagePackages: ImagePackage[];
-  customImagePackages?: ImagePackage[];
-  imageCodesByCategories: Map<string, Set<string>>;
-  onShowImages: (imageCodes: string[]) => void;
-  className?: string;
-}
-
-// tslint:disable:align
-const OptionsTable: React.FunctionComponent<IProps> = ({ t, parentImagePackages, customImagePackages, imageCodesByCategories, onShowImages, className }) => {
-  const categoriesPackagesCounts: Map<string, WeakMap<ImagePackage, ImageCounts>> = new Map<string, WeakMap<ImagePackage, ImageCounts>>();
-  const categoriesCounts: Map<string, ImageCounts> = new Map<string, ImageCounts>();
-  const currentImagePackages: ImagePackage[] = [];
-
-  parentImagePackages.forEach((parentImagePackage) => {
-    let currentImagePackage: ImagePackage;
-
-    if (customImagePackages) {
-      currentImagePackage = customImagePackages.find(({ parentId }) => parentId === parentImagePackage.id);
-    }
-
-    if (currentImagePackage === undefined) {
-      currentImagePackage = parentImagePackage;
-    }
-
-    currentImagePackages.push(currentImagePackage);
-
-    currentImagePackage.imagePackageConfigs.forEach(({ category, mandatory, postProcess }) => {
-      if (!categoriesCounts.has(category)) {
-        const imageCodesCount: number = imageCodesByCategories.get(category).size;
-        categoriesCounts.set(category, {
-          mandatoryCount: imageCodesCount,
-          postProcessCount: imageCodesCount
-        });
-      }
-
-      if (!categoriesPackagesCounts.has(category)) {
-        categoriesPackagesCounts.set(category, new WeakMap<ImagePackage, ImageCounts>());
-      }
-
-      const packagesCounts: WeakMap<ImagePackage, ImageCounts> = categoriesPackagesCounts.get(category);
-      if (!packagesCounts.has(currentImagePackage)) {
-        packagesCounts.set(currentImagePackage, {
-          mandatoryCount: 0,
-          postProcessCount: 0
-        });
-      }
-
-      const packageCounts: ImageCounts = packagesCounts.get(currentImagePackage);
-
-      if (mandatory) {
-        packageCounts.mandatoryCount = packageCounts.mandatoryCount + 1;
-      }
-
-      if (postProcess) {
-        packageCounts.postProcessCount = packageCounts.postProcessCount + 1;
-      }
-    });
-  });
-
-  return (
-    <table className={classnames(styles.table, className)}>
-      <thead>
-      <tr>
-        <th>{t('optionsTable.icon')}</th>
-        <th>{t('optionsTable.category')}</th>
-        <th>{t('optionsTable.mandatory')}</th>
-        <th>{t('optionsTable.postProcess')}</th>
-        {parentImagePackages.map(({ id, type }) => (
-          <th key={id} className={classnames(styles.packageTitle, styles[type])}>{t(`optionsTable.packages`, { context: type })}</th>
-        ))}
-      </tr>
-      <tr>
-        <th/>
-        <th/>
-        <th/>
-        <th/>
-        {currentImagePackages.map(({ id }) => (
-          <th key={id} className={styles.counts}>{t('optionsTable.counts')}</th>
-        ))}
-      </tr>
-      </thead>
-      <tbody>
-      {Array.from(categoriesCounts).map(([category, imageCounts]) => (
-        <tr key={category}>
-          <td>
-            <IconSVG className={styles.icon} name='pictures' onClick={() => onShowImages(Array.from(imageCodesByCategories.get(category)))}/>
-          </td>
-          <td>{t('optionsTable.category', { context: category })}</td>
-          <td>{imageCounts.mandatoryCount}</td>
-          <td>{imageCounts.postProcessCount}</td>
-          {currentImagePackages.map((imagePackage) => {
-            const { id } = imagePackage;
-            const { mandatoryCount, postProcessCount } = categoriesPackagesCounts.get(category).get(imagePackage);
-
-            if (mandatoryCount !== 0 || postProcessCount !== 0) {
-              return (
-                <td key={id}>{mandatoryCount} | {postProcessCount}</td>
-              );
-            }
-
-            return (
-              <td key={id}>0</td>
-            );
-          })}
-        </tr>
-      ))}
-      </tbody>
-    </table>
-  );
-};
-
-export default React.memo(OptionsTable);
+import React from 'react';
+import classnames from 'classnames';
+
+import IconSVG from '../../../iconsvg/IconSVG';
+import { ImageCounts, ImagePackage } from '../index';
+
+import styles from './OptionsTable.styl';
+
+export interface IProps {
+  t: (key: string, options?: object) => string;
+  parentImagePackages: ImagePackage[];
+  customImagePackages?: ImagePackage[];
+  imageCodesByCategories: Map<string, Set<string>>;
+  onShowImages: (imageCodes: string[]) => void;
+  className?: string;
+}
+
+// tslint:disable:align
+const OptionsTable: React.FunctionComponent<IProps> = ({ t, parentImagePackages, customImagePackages, imageCodesByCategories, onShowImages, className }) => {
+  const categoriesPackagesCounts: Map<string, WeakMap<ImagePackage, ImageCounts>> = new Map<string, WeakMap<ImagePackage, ImageCounts>>();
+  const categoriesCounts: Map<string, ImageCounts> = new Map<string, ImageCounts>();
+  const currentImagePackages: ImagePackage[] = [];
+
+  parentImagePackages.forEach((parentImagePackage) => {
+    let currentImagePackage: ImagePackage;
+
+    if (customImagePackages) {
+      currentImagePackage = customImagePackages.find(({ parentId }) => parentId === parentImagePackage.id);
+    }
+
+    if (currentImagePackage === undefined) {
+      currentImagePackage = parentImagePackage;
+    }
+
+    currentImagePackages.push(currentImagePackage);
+
+    currentImagePackage.imagePackageConfigs.forEach(({ category, mandatory, postProcess }) => {
+      if (!categoriesCounts.has(category)) {
+        const imageCodesCount: number = imageCodesByCategories.get(category).size;
+        categoriesCounts.set(category, {
+          mandatoryCount: imageCodesCount,
+          postProcessCount: imageCodesCount
+        });
+      }
+
+      if (!categoriesPackagesCounts.has(category)) {
+        categoriesPackagesCounts.set(category, new WeakMap<ImagePackage, ImageCounts>());
+      }
+
+      const packagesCounts: WeakMap<ImagePackage, ImageCounts> = categoriesPackagesCounts.get(category);
+      if (!packagesCounts.has(currentImagePackage)) {
+        packagesCounts.set(currentImagePackage, {
+          mandatoryCount: 0,
+          postProcessCount: 0
+        });
+      }
+
+      const packageCounts: ImageCounts = packagesCounts.get(currentImagePackage);
+
+      if (mandatory) {
+        packageCounts.mandatoryCount = packageCounts.mandatoryCount + 1;
+      }
+
+      if (postProcess) {
+        packageCounts.postProcessCount = packageCounts.postProcessCount + 1;
+      }
+    });
+  });
+
+  return (
+    <table className={classnames(styles.table, className)}>
+      <thead>
+      <tr>
+        <th>{t('optionsTable.icon')}</th>
+        <th>{t('optionsTable.category')}</th>
+        <th>{t('optionsTable.mandatory')}</th>
+        <th>{t('optionsTable.postProcess')}</th>
+        {parentImagePackages.map(({ id, type }) => (
+          <th key={id} className={classnames(styles.packageTitle, styles[type])}>{t(`optionsTable.packages`, { context: type })}</th>
+        ))}
+      </tr>
+      <tr>
+        <th/>
+        <th/>
+        <th/>
+        <th/>
+        {currentImagePackages.map(({ id }) => (
+          <th key={id} className={styles.counts}>{t('optionsTable.counts')}</th>
+        ))}
+      </tr>
+      </thead>
+      <tbody>
+      {Array.from(categoriesCounts).map(([category, imageCounts]) => (
+        <tr key={category}>
+          <td>
+            <IconSVG className={styles.icon} name='pictures' onClick={() => onShowImages(Array.from(imageCodesByCategories.get(category)))}/>
+          </td>
+          <td>{t('optionsTable.category', { context: category })}</td>
+          <td>{imageCounts.mandatoryCount}</td>
+          <td>{imageCounts.postProcessCount}</td>
+          {currentImagePackages.map((imagePackage) => {
+            const { id } = imagePackage;
+            const { mandatoryCount, postProcessCount } = categoriesPackagesCounts.get(category).get(imagePackage);
+
+            if (mandatoryCount !== 0 || postProcessCount !== 0) {
+              return (
+                <td key={id}>{mandatoryCount} | {postProcessCount}</td>
+              );
+            }
+
+            return (
+              <td key={id}>0</td>
+            );
+          })}
+        </tr>
+      ))}
+      </tbody>
+    </table>
+  );
+};
+
+export default React.memo(OptionsTable);

package/compat/ImageSettings/PricePlan/PricePlan.styl

@@ -1,63 +1,63 @@
-@import '../../legacy-theme/theme.styl'
-
-.container
-  font-family: $font-style-arial
-  text-align: center
-  color: $grey-3
-
-.imagePackageType
-  font-family: $font-style-arial
-  text-align: center
-  border: 4px solid
-
-  .basic &
-    border-color: #C4C4C4
-
-  .premium &
-    border-color: #71CBF4
-
-  .auto_de_premium &
-    border-color: $skyBlue
-
-.title
-  padding: 16px 0
-  margin: 0 21px 21px
-  font-size: 18px
-  font-weight: $font-weight-bold
-  border-bottom: 1px solid
-
-  .basic &
-    color: #333333
-    border-color: #C4C4C4
-
-  .premium &
-    color: #71CBF4
-    border-color: #71CBF4
-
-  .auto_de_premium &
-    color: $skyBlue
-    border-color: $skyBlue
-
-.text
-  font-size: 18px
-  margin: 0 21px 10px
-
-.name
-  font-size: 18px
-  font-weight: $font-weight-bold
-  margin: 0 21px 21px
-
-.price
-  font-size: 16px
-  font-weight: $font-weight-medium
-  padding: 24px 0
-
-  .basic &
-    background-color: #C4C4C4
-
-  .premium &
-    background-color: #71CBF4
-
-  .auto_de_premium &
-    color: white
-    background-color: $skyBlue
+@import '../../legacy-theme/theme.styl'
+
+.container
+  font-family: $font-style-arial
+  text-align: center
+  color: $grey-3
+
+.imagePackageType
+  font-family: $font-style-arial
+  text-align: center
+  border: 4px solid
+
+  .basic &
+    border-color: #C4C4C4
+
+  .premium &
+    border-color: #71CBF4
+
+  .auto_de_premium &
+    border-color: $skyBlue
+
+.title
+  padding: 16px 0
+  margin: 0 21px 21px
+  font-size: 18px
+  font-weight: $font-weight-bold
+  border-bottom: 1px solid
+
+  .basic &
+    color: #333333
+    border-color: #C4C4C4
+
+  .premium &
+    color: #71CBF4
+    border-color: #71CBF4
+
+  .auto_de_premium &
+    color: $skyBlue
+    border-color: $skyBlue
+
+.text
+  font-size: 18px
+  margin: 0 21px 10px
+
+.name
+  font-size: 18px
+  font-weight: $font-weight-bold
+  margin: 0 21px 21px
+
+.price
+  font-size: 16px
+  font-weight: $font-weight-medium
+  padding: 24px 0
+
+  .basic &
+    background-color: #C4C4C4
+
+  .premium &
+    background-color: #71CBF4
+
+  .auto_de_premium &
+    color: white
+    background-color: $skyBlue

package/compat/ImageSettings/PricePlan/PricePlan.tsx

@@ -1,32 +1,32 @@
-import React from 'react';
-import classnames from 'classnames';
-
-import { ImageCounts, ImagePackage } from '../index';
-
-import styles from './PricePlan.styl';
-
-export interface IProps {
-  t: (key: string, options?: object) => string;
-  imagePackage: ImagePackage;
-  imageCounts: ImageCounts;
-  price: number;
-  className?: string;
-}
-
-const PricePlan: React.FunctionComponent<IProps> = ({ t, imagePackage: { type }, imageCounts: { mandatoryCount, postProcessCount }, price, className }) => (
-  <div className={classnames(styles.container, className, { [styles[type]]: type !== undefined })}>
-    <div className={styles.imagePackageType}>
-      <div className={styles.title}>{t('pricePlan.title', { context: type })}</div>
-      <div className={styles.text}>{t('pricePlan.mandatoryCount', { count: mandatoryCount })}</div>
-      <div className={styles.text}>{t('pricePlan.postProcessCount', { count: postProcessCount })}</div>
-      <div className={styles.name}>{t('pricePlan.name', { context: type })}</div>
-    </div>
-    <div className={styles.price}>{t('pricePlan.price', { price: price.toFixed(2) })}</div>
-  </div>
-);
-
-PricePlan.defaultProps = {
-  price: 0
-};
-
-export default React.memo(PricePlan);
+import React from 'react';
+import classnames from 'classnames';
+
+import { ImageCounts, ImagePackage } from '../index';
+
+import styles from './PricePlan.styl';
+
+export interface IProps {
+  t: (key: string, options?: object) => string;
+  imagePackage: ImagePackage;
+  imageCounts: ImageCounts;
+  price: number;
+  className?: string;
+}
+
+const PricePlan: React.FunctionComponent<IProps> = ({ t, imagePackage: { type }, imageCounts: { mandatoryCount, postProcessCount }, price, className }) => (
+  <div className={classnames(styles.container, className, { [styles[type]]: type !== undefined })}>
+    <div className={styles.imagePackageType}>
+      <div className={styles.title}>{t('pricePlan.title', { context: type })}</div>
+      <div className={styles.text}>{t('pricePlan.mandatoryCount', { count: mandatoryCount })}</div>
+      <div className={styles.text}>{t('pricePlan.postProcessCount', { count: postProcessCount })}</div>
+      <div className={styles.name}>{t('pricePlan.name', { context: type })}</div>
+    </div>
+    <div className={styles.price}>{t('pricePlan.price', { price: price.toFixed(2) })}</div>
+  </div>
+);
+
+PricePlan.defaultProps = {
+  price: 0
+};
+
+export default React.memo(PricePlan);

package/compat/ImageSettings/index.ts

@@ -1,42 +1,42 @@
-import EditableOptionsTable from './EditableOptionsTable/EditableOptionsTable';
-import OptionsTable from './OptionsTable/OptionsTable';
-import PricePlan from './PricePlan/PricePlan';
-
-export type ImagePackageConfig = {
-  category: string;
-  image_code: string;
-  mandatory: boolean;
-  postProcess: boolean;
-  priority: number;
-};
-
-export type ImagePackage = {
-  id?: number;
-  odooProductId?: string;
-  parentId?: number;
-  parentOdooProductId?: string;
-  type?: string;
-  title: string;
-  forAll: boolean;
-  imagePackageConfigs: ImagePackageConfig[];
-};
-
-export type ImageCounts = {
-  mandatoryCount: number;
-  postProcessCount: number;
-};
-
-export type DisabledImage = {
-  imagePackageType?: string;
-  imageCode?: string;
-  mandatory: boolean;
-  postProcess: boolean;
-};
-
-export type ImageType = 'mandatory' | 'postProcess';
-
-export {
-  EditableOptionsTable,
-  OptionsTable,
-  PricePlan
-};
+import EditableOptionsTable from './EditableOptionsTable/EditableOptionsTable';
+import OptionsTable from './OptionsTable/OptionsTable';
+import PricePlan from './PricePlan/PricePlan';
+
+export type ImagePackageConfig = {
+  category: string;
+  image_code: string;
+  mandatory: boolean;
+  postProcess: boolean;
+  priority: number;
+};
+
+export type ImagePackage = {
+  id?: number;
+  odooProductId?: string;
+  parentId?: number;
+  parentOdooProductId?: string;
+  type?: string;
+  title: string;
+  forAll: boolean;
+  imagePackageConfigs: ImagePackageConfig[];
+};
+
+export type ImageCounts = {
+  mandatoryCount: number;
+  postProcessCount: number;
+};
+
+export type DisabledImage = {
+  imagePackageType?: string;
+  imageCode?: string;
+  mandatory: boolean;
+  postProcess: boolean;
+};
+
+export type ImageType = 'mandatory' | 'postProcess';
+
+export {
+  EditableOptionsTable,
+  OptionsTable,
+  PricePlan
+};