delivapp-ordering 0.0.2

package/dist/esm/types/components/SuboptionSelector/SuboptionRadioSelector/SuboptionRadioSelector.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import './style.scss';
+import { CURRENCY } from '../../../enums/enums';
+import { ISuboption } from '../ISuboption';
+export interface SuboptionRadioSelectorProps {
+    currency: CURRENCY;
+    ingredients: ISuboption[];
+    onSelect: (id: string, quantity: number) => void;
+}
+export declare const SuboptionRadioSelector: ({ ingredients, onSelect, currency }: SuboptionRadioSelectorProps) => React.JSX.Element;

package/dist/esm/types/components/SuboptionSelector/index.d.ts

@@ -0,0 +1 @@
+export * from './SuboptionMultiSelector';

package/dist/esm/types/components/Tag/Tag.d.ts

@@ -0,0 +1,8 @@
+import { FC, ReactElement } from 'react';
+import './style.scss';
+export interface TagProps {
+    label: string | number;
+    className?: string;
+    icon?: ReactElement;
+}
+export declare const Tag: FC<TagProps>;

package/dist/esm/types/components/Tag/index.d.ts

@@ -0,0 +1 @@
+export { Tag, type TagProps } from './Tag';

package/dist/esm/types/components/Warning/Warning.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import './style.scss';
+export interface WarningProps {
+    message: string;
+}
+export declare const Warning: ({ message }: WarningProps) => React.JSX.Element;

package/dist/esm/types/components/Warning/index.d.ts

@@ -0,0 +1 @@
+export { type WarningProps, Warning } from './Warning';

package/dist/esm/types/components/index.d.ts

@@ -0,0 +1,14 @@
+export * from './CounterButton';
+export * from './Icons';
+export * from './IngredientsSelector';
+export * from './Input';
+export * from './Media';
+export * from './ProductConstructor';
+export * from './ProductPreview';
+export * from './ProductPreviewList';
+export * from './ProductTags';
+export * from './RestaurantHeader';
+export * from './RestaurantTags';
+export * from './Stepper';
+export * from './SuboptionSelector';
+export * from './Warning';

package/dist/esm/types/enums/enums.d.ts

@@ -0,0 +1,44 @@
+export declare enum CROP_MODE {
+    'fill' = 0,
+    'pad' = 1,
+    'fit' = 2,
+    'mfit' = 3,
+    'scale' = 4,
+    'limit' = 5,
+    'lpad' = 6,
+    'mpad' = 7,
+    'crop' = 8,
+    'fill_pad' = 9,
+    'thumb' = 10
+}
+export declare enum GRAVITY_MODE {
+    'center' = 0,
+    'north_east' = 1,
+    'north' = 2,
+    'north_west' = 3,
+    'west' = 4,
+    'south_west' = 5,
+    'south' = 6,
+    'south_east' = 7,
+    'east' = 8,
+    'liquid' = 9,
+    'auto' = 10
+}
+export declare enum QUALITY_MODE {
+    best = 1,
+    good = 2,
+    eco = 3,
+    low = 4,
+    custom = 5
+}
+export declare enum CURRENCY {
+    'USD' = "$",
+    'EUR' = "\u20AC",
+    'GBP' = "\u00A3",
+    'UAH' = "\u20B4",
+    'AED' = "\u062F.",
+    'ILS' = "\u20AA",
+    'JPY' = "\u00A5",
+    'KZT' = "\u20B8",
+    'RUB' = "\u20BD"
+}

package/dist/esm/types/helpers/context.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const TranslationUIContext: import("react").Context<any>;
+export declare const TranslationUIProvider: import("react").Provider<any>;

package/dist/esm/types/helpers/productConstructor.d.ts

@@ -0,0 +1,18 @@
+export declare const INGREDIENTS = "#INGREDIENTS";
+export declare const HALF_SELECTOR = "#HALF_SELECTOR";
+export declare const HALF_SELECTOR_FULL = "#HALF_SELECTOR_FULL";
+export declare const HALF_SELECTOR_HALF = "#HALF_SELECTOR_HALF";
+export declare enum HALF_OPTION {
+    none = 0,
+    left = 1,
+    right = 2
+}
+export declare const prepeareIngredients: (ingredients: any) => {
+    id: string;
+    min: number;
+    max: any;
+    name: string;
+    ingredients: any;
+};
+export declare const prepeareOptions: (extras: any, extraHalf: any, isHalf: any) => any[];
+export declare const getErrorContsructor: (option: any) => string;

package/dist/esm/types/helpers/utils.d.ts

@@ -0,0 +1,3 @@
+import { CURRENCY } from '../enums/enums';
+export declare const getKeyByValue: (object: any, value: string | number) => any;
+export declare const getCurrencyIcon: (currency: CURRENCY, amount?: number) => string;

package/dist/esm/types/index.d.ts

@@ -0,0 +1,3 @@
+import './core/styles/global.scss';
+export * from './components';
+export { TranslationUIProvider } from './helpers/context';

package/dist/index.d.ts

@@ -0,0 +1,276 @@
+/// <reference types="react" />
+import * as React from 'react';
+import React__default, { HTMLProps, InputHTMLAttributes, ReactElement, ChangeEvent, FC, ReactNode } from 'react';
+
+interface CounterButtonProps {
+    count: number;
+    isAddDisable: boolean;
+    isRemoveDisable: boolean;
+    onAdd: () => void;
+    onRemove: () => void;
+}
+declare const CounterButton: ({ count, isRemoveDisable, isAddDisable, onAdd, onRemove, }: CounterButtonProps) => React__default.JSX.Element;
+
+type IconProps = Omit<Partial<HTMLProps<SVGElement>>, 'size'> & {
+    size?: 'big' | 'small' | 'default' | number | string;
+};
+declare const IconTrash: (props: IconProps) => React__default.JSX.Element;
+declare const IconStar: (props: IconProps) => React__default.JSX.Element;
+declare const IconStarBorder: (props: IconProps) => React__default.JSX.Element;
+declare const IconVegan: (props: IconProps) => React__default.JSX.Element;
+declare const IconSpicy: (props: IconProps) => React__default.JSX.Element;
+declare const IconNoGluten: (props: IconProps) => React__default.JSX.Element;
+declare const IconSearch: (props: IconProps) => React__default.JSX.Element;
+declare const IconCart: (props: IconProps) => React__default.JSX.Element;
+declare const IconBicycle: (props: IconProps) => React__default.JSX.Element;
+declare const IconClockAfternoon: (props: IconProps) => React__default.JSX.Element;
+declare const IconClose: (props: IconProps) => React__default.JSX.Element;
+declare const IconMapPin: (props: IconProps) => React__default.JSX.Element;
+declare const IconPersonSimpleWalk: (props: IconProps) => React__default.JSX.Element;
+declare const IconSparkle: (props: IconProps) => React__default.JSX.Element;
+declare const IconPlay: (props: IconProps) => React__default.JSX.Element;
+declare const IconPause: (props: IconProps) => React__default.JSX.Element;
+declare const IconMute: (props: IconProps) => React__default.JSX.Element;
+declare const IconUnmute: (props: IconProps) => React__default.JSX.Element;
+declare const IconPlus: (props: IconProps) => React__default.JSX.Element;
+declare const IconMinus: (props: IconProps) => React__default.JSX.Element;
+declare const IconWarning: (props: IconProps) => React__default.JSX.Element;
+
+interface Ingredient {
+    name: string;
+    id: string;
+    quantity?: number;
+}
+interface IngredientsSelectorProps {
+    ingredients: Ingredient[];
+    onSelect: (id: number) => void;
+}
+declare const IngredientsSelector: ({ ingredients, onSelect }: IngredientsSelectorProps) => React__default.JSX.Element;
+
+interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
+    debounce?: number;
+    icon?: ReactElement;
+    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+}
+declare const Input: FC<InputProps>;
+
+declare enum CROP_MODE {
+    'fill' = 0,
+    'pad' = 1,
+    'fit' = 2,
+    'mfit' = 3,
+    'scale' = 4,
+    'limit' = 5,
+    'lpad' = 6,
+    'mpad' = 7,
+    'crop' = 8,
+    'fill_pad' = 9,
+    'thumb' = 10
+}
+declare enum GRAVITY_MODE {
+    'center' = 0,
+    'north_east' = 1,
+    'north' = 2,
+    'north_west' = 3,
+    'west' = 4,
+    'south_west' = 5,
+    'south' = 6,
+    'south_east' = 7,
+    'east' = 8,
+    'liquid' = 9,
+    'auto' = 10
+}
+declare enum QUALITY_MODE {
+    best = 1,
+    good = 2,
+    eco = 3,
+    low = 4,
+    custom = 5
+}
+declare enum CURRENCY {
+    'USD' = "$",
+    'EUR' = "\u20AC",
+    'GBP' = "\u00A3",
+    'UAH' = "\u20B4",
+    'AED' = "\u062F.",
+    'ILS' = "\u20AA",
+    'JPY' = "\u00A5",
+    'KZT' = "\u20B8",
+    'RUB' = "\u20BD"
+}
+
+interface MediaSettings {
+    quality_mode: QUALITY_MODE;
+    gravity_mode: GRAVITY_MODE;
+    crop_mode: CROP_MODE;
+    quality: number;
+}
+interface MediaProp {
+    settings?: MediaSettings;
+    src?: string;
+    alt?: string;
+    id?: string;
+    controls?: boolean;
+    autoPlay?: boolean;
+    onEnd?: () => void;
+    onStart?: () => void;
+}
+declare const Media: FC<MediaProp>;
+
+interface ISuboption {
+    name: string;
+    max: number;
+    id: string;
+    enabled: boolean;
+    quantity?: number;
+    price?: number;
+}
+
+declare enum HALF_OPTION {
+    none = 0,
+    left = 1,
+    right = 2
+}
+
+interface IOption {
+    name?: string;
+    min: number;
+    max: number;
+    respectTo: number | null;
+    withHalfOption: boolean;
+    id: string;
+    enabled: boolean;
+    limitSuboptionsByMax: boolean;
+    half: HALF_OPTION;
+    suboptions: ISuboption[];
+}
+
+interface ProductConstructorProps {
+    id: string;
+    name?: string;
+    media?: MediaProp;
+    currency: CURRENCY;
+    price: number;
+    oldPrice: number;
+    totalPrice: number;
+    description?: string;
+    max?: number;
+    quantity?: number;
+    allowComments: boolean;
+    isHalf: boolean;
+    ingredients: Ingredient[];
+    extras: {
+        name: string;
+        id: string;
+        enabled: boolean;
+        options: IOption[];
+    }[];
+    extrasHalf: {
+        name: string;
+        id: string;
+        enabled: boolean;
+        options: IOption[];
+    }[];
+    onChangeIngredients: (id: number) => void;
+    onChangeQuantity: (quantity: number) => void;
+    onChangeExtra: (parentId: string, id: string, quantity: number) => void;
+    onChangeExtraHalf: (parentId: string, id: string, half: HALF_OPTION, quantity: number) => void;
+    onChangeName: (v: string) => void;
+    onChangeComment: (v: string) => void;
+    onAdd: () => void;
+    onRemove: () => void;
+    onAddToCart: () => void;
+}
+declare const ProductConstructor: FC<ProductConstructorProps>;
+
+interface ProductTagsProps {
+    vegan?: boolean;
+    vegetarian?: boolean;
+    isNew?: boolean;
+    spicy?: number;
+    glutenFree?: boolean;
+}
+declare const ProductTags: FC<ProductTagsProps>;
+
+interface ProductPreviewProp extends ProductTagsProps {
+    name: string;
+    id: string;
+    description: string;
+    price: number;
+    oldPrice?: number;
+    image?: MediaProp;
+    currency: CURRENCY;
+    trashIcon?: boolean;
+    quantity?: number;
+    onClick?: (id: string) => void;
+    onClickTrash?: (id: string) => void;
+}
+declare const ProductPreview: FC<ProductPreviewProp>;
+
+interface ProductPreviewListProps {
+    categories: {
+        name: string;
+        id: string;
+        products: ProductPreviewProp[];
+    }[];
+    onClickProduct?: (categoryId: string, productId: string) => void;
+}
+declare const ProductPreviewList: FC<ProductPreviewListProps>;
+
+interface RestaurantTagsProps {
+    score?: number;
+    isNew?: boolean;
+    kosher?: boolean;
+}
+
+interface RestaurantBenefitsProps {
+    dontHide?: boolean;
+    minimum?: number;
+    isPickUp?: boolean;
+    withTitle?: boolean;
+    estimationRangeMin?: number;
+    estimationRangeMax?: number;
+    estimationTime?: string;
+    distance?: boolean;
+    deliveryPrice?: number;
+    currency?: CURRENCY;
+    deliveryToLocation?: number;
+}
+
+interface RestaurantHeaderProps extends RestaurantTagsProps, RestaurantBenefitsProps {
+    name: string;
+    isFavorite: boolean;
+    cartAmount?: number;
+    currency?: CURRENCY;
+    alternativeView?: boolean;
+    searchValue?: string;
+    onSearch?: (e: ChangeEvent<HTMLInputElement>) => void;
+    onCartClick?: () => void;
+}
+declare const RestaurantHeader: FC<RestaurantHeaderProps>;
+
+interface StepProps {
+    name: string;
+    component: ReactNode;
+}
+interface StepperProps {
+    steps: StepProps[];
+    currentStep: number;
+}
+declare const Stepper: ({ steps, currentStep }: StepperProps) => React__default.JSX.Element;
+
+interface SuboptionMultiSelectorProps {
+    currency: CURRENCY;
+    suboptions: ISuboption[];
+    onChangeQuantity: (id: string, operation: number) => void;
+}
+declare const SuboptionMultiSelector: ({ suboptions, onChangeQuantity, currency }: SuboptionMultiSelectorProps) => React__default.JSX.Element;
+
+interface WarningProps {
+    message: string;
+}
+declare const Warning: ({ message }: WarningProps) => React__default.JSX.Element;
+
+declare const TranslationUIProvider: React.Provider<any>;
+
+export { CounterButton, CounterButtonProps, IconBicycle, IconCart, IconClockAfternoon, IconClose, IconMapPin, IconMinus, IconMute, IconNoGluten, IconPause, IconPersonSimpleWalk, IconPlay, IconPlus, IconProps, IconSearch, IconSparkle, IconSpicy, IconStar, IconStarBorder, IconTrash, IconUnmute, IconVegan, IconWarning, IngredientsSelector, IngredientsSelectorProps, Input, InputProps, Media, MediaProp, ProductConstructor, ProductConstructorProps, ProductPreview, ProductPreviewList, ProductPreviewListProps, ProductPreviewProp, ProductTags, ProductTagsProps, RestaurantHeader, RestaurantHeaderProps, Stepper, StepperProps, SuboptionMultiSelector, SuboptionMultiSelectorProps, TranslationUIProvider, Warning, WarningProps };

package/package.json

@@ -0,0 +1,69 @@
+{
+  "name": "delivapp-ordering",
+  "version": "0.0.2",
+  "description": "",
+  "main": "dist/esm/index.js",
+  "module": "dist/cjs/index.js",
+  "files": [
+    "dist/**/*"
+  ],
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "lint": "eslint --ext .ts,.tsx src --fix",
+    "pub": "npm version patch && npm publish",
+    "build": "npm run lint && rollup -c",
+    "sb": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "deploy-storybook": "npm run build-storybook && gh-pages -d storybook-static"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "@babel/core": "^7.20.12",
+    "@babel/preset-env": "^7.22.4",
+    "@babel/preset-react": "^7.22.3",
+    "@babel/preset-typescript": "^7.21.5",
+    "@rollup/plugin-terser": "^0.3.0",
+    "@rollup/plugin-typescript": "^11.0.0",
+    "@rollup/plugin-url": "^8.0.1",
+    "@storybook/addon-actions": "^7.0.18",
+    "@storybook/addon-essentials": "^7.0.18",
+    "@storybook/addon-interactions": "^7.0.18",
+    "@storybook/addon-links": "^7.0.18",
+    "@storybook/preset-scss": "^1.0.3",
+    "@storybook/react": "^7.0.18",
+    "@storybook/react-webpack5": "^7.0.18",
+    "@storybook/testing-library": "^0.1.0",
+    "@svgr/rollup": "^6.5.1",
+    "@svgr/webpack": "^6.5.1",
+    "@types/react": "^18.0.27",
+    "@typescript-eslint/eslint-plugin": "^5.59.9",
+    "@typescript-eslint/parser": "^5.59.9",
+    "autoprefixer": "^8.4.14",
+    "babel-loader": "^8.3.0",
+    "classnames": "^2.3.2",
+    "cloudinary-react": "^1.8.1",
+    "eslint": "^8.32.0",
+    "eslint-config-standard-with-typescript": "^31.0.0",
+    "eslint-plugin-n": "^15.6.1",
+    "eslint-plugin-promise": "^6.1.1",
+    "eslint-plugin-react": "^7.32.2",
+    "eslint-plugin-storybook": "^0.6.12",
+    "postcss": "^8.4.24",
+    "postcss-loader": "^7.3.2",
+    "react-overflow-list": "^0.5.0",
+    "rollup": "^3.10.1",
+    "rollup-plugin-dts": "^5.1.1",
+    "rollup-plugin-postcss": "^4.0.2",
+    "sass": "^1.62.1",
+    "sass-loader": "^13.3.1",
+    "storybook": "^7.0.18",
+    "typescript": "^4.9.4",
+    "url-loader": "^4.1.1"
+  },
+  "dependencies": {
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2"
+  }
+}