@omnic/widget-locations 1.0.0

package/README.md

@@ -0,0 +1,47 @@
+# Super Cool Widget
+
+## Инициализация проекта
+
+```bash
+$ npm install
+```
+
+## Сборка в режиме `React` библиотеки
+
+```bash
+$ npm run build:lib
+```
+
+Далее можно перейти в раздел `clients/react`, установить зависимости и протестировать
+
+```bash
+$ cd clients/react
+$ npm install
+$ npm run dev
+```
+
+## Сборка в режиме `standalone` приложения
+
+```bash
+$ npm run link:app
+```
+
+Далее можно перейти в раздел `clients/vanilla`, установить зависимости и протестировать
+
+```bash
+$ cd clients/vanilla
+$ npm install
+$ npm run dev
+```
+
+## Локальная разработка
+
+```bash
+$ npm run dev
+```
+
+## Инкапсуляция библиотеки
+
+Всё API что должно быть доступно клиенту должно быть экспортировано в `src/index.ts` фале.
+
+`src/main.tsx` файл отвечает за рендеринг приложения в режиме `standalone` или в режиме разработки.

package/dist/lib/src/api/client.d.ts

@@ -0,0 +1 @@
+export declare const axiosClient: import("axios").AxiosInstance;

package/dist/lib/src/components/Aside/Aside.d.ts

@@ -0,0 +1,9 @@
+import React, { FC } from "react";
+interface AsideProps {
+    open: boolean;
+    className?: string;
+    onClose?: () => void;
+    children: React.ReactNode;
+}
+export declare const Aside: FC<AsideProps>;
+export {};

package/dist/lib/src/components/Aside/index.d.ts

@@ -0,0 +1 @@
+export * from "./Aside";

package/dist/lib/src/components/AsyncSelect/AsyncSelect.d.ts

@@ -0,0 +1,9 @@
+import { GroupBase } from "react-select";
+import { AsyncProps } from "react-select/async";
+type AsyncSelectProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> = AsyncProps<Option, IsMulti, Group> & {
+    label?: string;
+    className?: string;
+    customDropdownIcon?: React.ReactNode;
+};
+export declare const AsyncSelect: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ label, className, customDropdownIcon, ...props }: AsyncSelectProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/src/components/AsyncSelect/index.d.ts

@@ -0,0 +1 @@
+export * from "./AsyncSelect";

package/dist/lib/src/components/Balloon/Balloon.d.ts

@@ -0,0 +1,9 @@
+import { FC } from "react";
+import { LocationPoint } from '../../types/points';
+type BalloonProps = Partial<LocationPoint> & {
+    className?: string;
+    onSubmit?: () => void;
+    onDetails?: () => void;
+};
+export declare const Balloon: FC<BalloonProps>;
+export {};

package/dist/lib/src/components/Balloon/index.d.ts

@@ -0,0 +1 @@
+export * from "./Balloon";

package/dist/lib/src/components/Button/Button.d.ts

@@ -0,0 +1,13 @@
+import { FC, ButtonHTMLAttributes, AnchorHTMLAttributes } from "react";
+interface ButtonBaseProps {
+    variant?: "primary" | "secondary";
+}
+type ButtonAsButton = {
+    as?: "button";
+} & ButtonHTMLAttributes<HTMLButtonElement> & ButtonBaseProps;
+type ButtonAsLink = {
+    as?: "link";
+} & AnchorHTMLAttributes<HTMLAnchorElement> & ButtonBaseProps;
+type ButtonProps = ButtonAsLink | ButtonAsButton;
+export declare const Button: FC<ButtonProps>;
+export {};

package/dist/lib/src/components/Button/index.d.ts

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

package/dist/lib/src/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,2 @@
+import { RadioProps } from "../Radio";
+export declare const Checkbox: <T>(props: RadioProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/src/components/Checkbox/index.d.ts

@@ -0,0 +1 @@
+export * from "./Checkbox";

package/dist/lib/src/components/CheckboxGroup/CheckboxGroup.d.ts

@@ -0,0 +1,9 @@
+import React, { HTMLAttributes } from "react";
+import { RadioProps } from "../Radio";
+export type CheckboxGroupProps<T> = Omit<HTMLAttributes<HTMLDivElement>, "onChange"> & {
+    value?: T;
+    label?: string;
+    children: React.ReactElement<RadioProps<T>>[];
+    onChange?: (value: T) => void;
+};
+export declare const CheckboxGroup: <T extends Dictionary<unknown>>({ label, onChange, children, className, ...props }: CheckboxGroupProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/src/components/CheckboxGroup/index.d.ts

@@ -0,0 +1 @@
+export * from "./CheckboxGroup";

package/dist/lib/src/components/CurrentLocation/CurrentLocation.d.ts

@@ -0,0 +1,6 @@
+import { FC } from "react";
+interface CurrentLocationProps {
+    className?: string;
+}
+export declare const CurrentLocation: FC<CurrentLocationProps>;
+export {};

package/dist/lib/src/components/CurrentLocation/index.d.ts

@@ -0,0 +1 @@
+export * from "./CurrentLocation";

package/dist/lib/src/components/Header/Header.d.ts

@@ -0,0 +1,6 @@
+import { FC } from "react";
+interface HeaderProps {
+    className?: string;
+}
+export declare const Header: FC<HeaderProps>;
+export {};

package/dist/lib/src/components/Header/index.d.ts

@@ -0,0 +1 @@
+export * from "./Header";

package/dist/lib/src/components/Hr/Hr.d.ts

@@ -0,0 +1,4 @@
+import { FC, HTMLAttributes } from "react";
+type HrProps = HTMLAttributes<HTMLElement>;
+export declare const Hr: FC<HrProps>;
+export {};

package/dist/lib/src/components/Hr/index.d.ts

@@ -0,0 +1 @@
+export * from "./Hr";

package/dist/lib/src/components/Layout/Layout.d.ts

@@ -0,0 +1,6 @@
+import { FC } from "react";
+interface LayoutProps {
+    children: React.ReactNode;
+}
+export declare const Layout: FC<LayoutProps>;
+export {};

package/dist/lib/src/components/Layout/index.d.ts

@@ -0,0 +1 @@
+export * from "./Layout";

package/dist/lib/src/components/LocationAside/LocationAside.d.ts

@@ -0,0 +1 @@
+export declare const LocationAside: () => import("react/jsx-runtime").JSX.Element;

package/dist/lib/src/components/LocationAside/index.d.ts

@@ -0,0 +1 @@
+export * from "./LocationAside";

package/dist/lib/src/components/LocationDetailsModal/LocationDetailsModal.d.ts

@@ -0,0 +1,10 @@
+import { FC } from "react";
+import { LocationPoint } from '../../types/points';
+interface LocationDetailsModalProps {
+    className?: string;
+    onClose?: () => void;
+    location: LocationPoint;
+    onSubmit?: (point: LocationPoint) => void;
+}
+export declare const LocationDetailsModal: FC<LocationDetailsModalProps>;
+export {};

package/dist/lib/src/components/LocationDetailsModal/index.d.ts

@@ -0,0 +1 @@
+export * from "./LocationDetailsModal";

package/dist/lib/src/components/LocationSelector/LocationSelector.d.ts

@@ -0,0 +1,9 @@
+import { FC } from "react";
+import { LocationPoint } from '../../types/points';
+interface LocationSelectorProps {
+    className?: string;
+    value?: null | LocationPoint;
+    onChange?: (value: null | LocationPoint) => void;
+}
+export declare const LocationSelector: FC<LocationSelectorProps>;
+export {};

package/dist/lib/src/components/LocationSelector/index.d.ts

@@ -0,0 +1 @@
+export * from "./LocationSelector";

package/dist/lib/src/components/MapGoogle/MapGoogle.constants.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="google.maps" />
+export declare const center: google.maps.LatLngLiteral;
+export declare const zoom = 10;
+export declare const options: google.maps.MapOptions;

package/dist/lib/src/components/MapGoogle/MapGoogle.d.ts

@@ -0,0 +1,5 @@
+import React, { FC } from "react";
+import { MapProps } from '../../types/map';
+export declare const MapGoogle: FC<MapProps>;
+declare const MemoMap: React.NamedExoticComponent<MapProps>;
+export { MemoMap as MapYandex };

package/dist/lib/src/components/MapGoogle/index.d.ts

@@ -0,0 +1 @@
+export * from "./MapGoogle";

package/dist/lib/src/components/MapYandex/MapYandex.constants.d.ts

@@ -0,0 +1,12 @@
+import { YMaps } from "@pbe/react-yandex-maps";
+import { YMapsModules } from "@pbe/react-yandex-maps/typings/util/typing";
+type YMapsQuery = React.ComponentProps<typeof YMaps>["query"];
+export declare const query: YMapsQuery;
+export declare const mapState: ymaps.IMapState;
+export declare const mapModules: YMapsModules;
+export declare const objectManagerModules: YMapsModules;
+export declare const mapOptions: ymaps.IMapOptions;
+export declare const objectManagerOptions: {
+    clusterize: boolean;
+};
+export {};

package/dist/lib/src/components/MapYandex/MapYandex.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { MapProps } from '../../types/map';
+declare const MemoMap: React.NamedExoticComponent<MapProps>;
+export { MemoMap as MapYandex };

package/dist/lib/src/components/MapYandex/MapYandex.utils.d.ts

@@ -0,0 +1,23 @@
+import { YMapsApi } from "@pbe/react-yandex-maps/typings/util/typing";
+import { LocationPoint } from '../../types/points';
+/**
+ * @see {@link https://yandex.ru/dev/maps/jsapi/doc/2.1/ref/reference/ObjectManager.html}
+ */
+export declare const getMapFeatures: (points: LocationPoint[], api: YMapsApi, template: string) => {
+    id: string;
+    type: string;
+    properties: {
+        point: LocationPoint;
+    };
+    geometry: {
+        type: string;
+        coordinates: number[];
+    };
+    options: {
+        balloonOffset: number[];
+        hideIconOnBalloonOpen: boolean;
+        preset: string;
+        balloonContentLayout: ymaps.IClassConstructor<ymaps.layout.templateBased.Base>;
+    };
+}[];
+export declare const getPresetByType: (type: number, suffix?: string) => string;

package/dist/lib/src/components/MapYandex/index.d.ts

@@ -0,0 +1 @@
+export * from "./MapYandex";

package/dist/lib/src/components/Overlay/Overlay.d.ts

@@ -0,0 +1,7 @@
+import { FC } from "react";
+interface OverlayProps {
+    className?: string;
+    children: React.ReactNode;
+}
+export declare const Overlay: FC<OverlayProps>;
+export {};

package/dist/lib/src/components/Overlay/index.d.ts

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

package/dist/lib/src/components/Radio/Radio.d.ts

@@ -0,0 +1,8 @@
+import { InputHTMLAttributes, LabelHTMLAttributes } from "react";
+export type RadioProps<T> = InputHTMLAttributes<HTMLInputElement> & {
+    value?: T;
+    defaultValue?: T;
+    label?: string;
+    labelProps?: LabelHTMLAttributes<HTMLLabelElement>;
+};
+export declare const Radio: <T>({ label, className, labelProps, ...props }: RadioProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/src/components/Radio/index.d.ts

@@ -0,0 +1 @@
+export * from "./Radio";

package/dist/lib/src/components/Sidebar/Sidebar.d.ts

@@ -0,0 +1,6 @@
+import { FC } from "react";
+interface SidebarProps {
+    className?: string;
+}
+export declare const Sidebar: FC<SidebarProps>;
+export {};

package/dist/lib/src/components/Sidebar/index.d.ts

@@ -0,0 +1 @@
+export * from "./Sidebar";

package/dist/lib/src/components/Spinner/Spinner.d.ts

@@ -0,0 +1 @@
+export declare const Spinner: () => import("react/jsx-runtime").JSX.Element;

package/dist/lib/src/components/Spinner/index.d.ts

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

package/dist/lib/src/components/TypeFilter/TypeFilter.d.ts

@@ -0,0 +1,9 @@
+import { FC } from "react";
+import { ETypeFilter } from '../../types/filters';
+interface TypeFilterProps {
+    value: ETypeFilter;
+    className?: string;
+    onChange?: (value: ETypeFilter) => void;
+}
+export declare const TypeFilter: FC<TypeFilterProps>;
+export {};

package/dist/lib/src/components/TypeFilter/index.d.ts

@@ -0,0 +1 @@
+export * from "./TypeFilter";

package/dist/lib/src/constants/global.d.ts

@@ -0,0 +1 @@
+export declare const WIDGET_ID = "omnic-widget";

package/dist/lib/src/constants/limits.d.ts

@@ -0,0 +1 @@
+export declare const MAX_LOAD_SIZE = 1024;

package/dist/lib/src/constants/map.d.ts

@@ -0,0 +1,3 @@
+export declare const MOSCOW_CENTER: Coordinates;
+export declare const BALLOON_SUBMIT_ID: `${string}-${string}-${string}-${string}-${string}`;
+export declare const BALLOON_DETAILS_ID: `${string}-${string}-${string}-${string}-${string}`;

package/dist/lib/src/context/config.d.ts

@@ -0,0 +1,3 @@
+import { WidgetConfig } from '../types/config';
+export declare const ConfigContext: import("react").Context<WidgetConfig>;
+export declare const useConfigContext: () => WidgetConfig;

package/dist/lib/src/context/filter.d.ts

@@ -0,0 +1,9 @@
+import { Filter } from '../types/filters';
+interface FilterContextType {
+    filter: Filter;
+    setFilter(filter: Partial<Filter>): void;
+}
+export declare const initialFilter: Filter;
+export declare const FilterContext: import("react").Context<FilterContextType>;
+export declare const useFilterContext: () => FilterContextType;
+export {};

package/dist/lib/src/context/location.d.ts

@@ -0,0 +1,13 @@
+import { City } from '../types/cities';
+export interface LocationAside {
+    open: boolean;
+    toggle(value?: boolean): void;
+}
+interface LocationContextType {
+    city: City | null;
+    aside: LocationAside;
+    setCity(city: City | null): void;
+}
+export declare const LocationContext: import("react").Context<LocationContextType>;
+export declare const useLocationContext: () => LocationContextType;
+export {};

package/dist/lib/src/context/points.d.ts

@@ -0,0 +1,11 @@
+import { LocationPoint } from '../types/points';
+interface PointsContextType {
+    error: boolean;
+    loaded: boolean;
+    loading: boolean;
+    points: LocationPoint[];
+    loadNext(bounds: Bounds): Promise<void>;
+}
+export declare const PointsContext: import("react").Context<PointsContextType>;
+export declare const usePointsContext: () => PointsContextType;
+export {};

package/dist/lib/src/hooks/index.d.ts

@@ -0,0 +1,7 @@
+export * from "./usePoints";
+export * from "./useFilters";
+export * from "./useLocation";
+export * from "./useLocationAside";
+export * from "./useConfig";
+export * from "./useInitializeAxios";
+export * from "./useMapFactory";

package/dist/lib/src/hooks/useConfig.d.ts

@@ -0,0 +1,2 @@
+import { WidgetConfig } from '../types/config';
+export declare const useConfig: (initialConfig?: WidgetConfig) => WidgetConfig;

package/dist/lib/src/hooks/useFilters.d.ts

@@ -0,0 +1,5 @@
+import { Filter } from '../types/filters';
+export declare const useFilters: () => {
+    filter: Filter;
+    setFilter: (nextFilter: Partial<Filter>) => void;
+};

package/dist/lib/src/hooks/useInitializeAxios.d.ts

@@ -0,0 +1,2 @@
+import { WidgetConfig } from '../types/config';
+export declare const useInitializeAxios: (config: WidgetConfig) => void;

package/dist/lib/src/hooks/useLocation.d.ts

@@ -0,0 +1,8 @@
+import { City } from '../types/cities';
+import { Country } from '../types/countries';
+export declare const useLocation: () => {
+    city: City | null;
+    country: Country | null;
+    setCity: import("react").Dispatch<import("react").SetStateAction<City | null>>;
+    setCountry: import("react").Dispatch<import("react").SetStateAction<Country | null>>;
+};

package/dist/lib/src/hooks/useLocationAside.d.ts

@@ -0,0 +1,4 @@
+export declare const useLocationAside: () => {
+    open: boolean;
+    toggle: (value?: boolean) => void;
+};

package/dist/lib/src/hooks/useMapFactory.d.ts

@@ -0,0 +1,2 @@
+import { MapProvider } from '../types/config';
+export declare const useMapFactory: (provider: MapProvider) => import("react").FC<import("../types/map").MapProps> | import("react").NamedExoticComponent<import("../types/map").MapProps>;

package/dist/lib/src/hooks/usePoints.d.ts

@@ -0,0 +1,16 @@
+import { City } from '../types/cities';
+import { Filter } from '../types/filters';
+import { LocationPoint } from '../types/points';
+interface UsePointsParams {
+    city?: City;
+    filter: Filter;
+}
+export declare const usePoints: ({ city, filter }: UsePointsParams) => {
+    error: boolean;
+    loaded: boolean;
+    points: LocationPoint[];
+    loading: boolean;
+    revalidating: boolean;
+    loadNext: (bounds: Bounds) => Promise<void>;
+};
+export {};

package/dist/lib/src/i18n.d.ts

@@ -0,0 +1,127 @@
+import { Locale, Namespaces } from "./types/i18n";
+export declare const defaultNS: Namespaces;
+export declare const defaultLocale: Locale;
+export declare const resources: {
+    readonly en: {
+        readonly common: {
+            from: string;
+            to: string;
+            loading_message: string;
+            no_options_message: string;
+            choose: string;
+            details: string;
+            location_aside: {
+                choose_country: string;
+                choose_city: string;
+                placeholder: string;
+            };
+            location_selector: {
+                placeholder: string;
+            };
+            current_location: {
+                choose_from_map: string;
+            };
+            header: {
+                self_pickup: string;
+            };
+            type_filter: {
+                all: string;
+                post_office: string;
+                pick_point: string;
+            };
+            receive_filter: {
+                title: string;
+                dressing_room: string;
+                check_order: string;
+                pay_by_cash: string;
+            };
+            send_filter: {
+                title: string;
+                return: string;
+                shipping: string;
+                payment: string;
+            };
+            days_of_week: {
+                mon: string;
+                tue: string;
+                wed: string;
+                thu: string;
+                fri: string;
+                sat: string;
+                sun: string;
+            };
+            details_modal: {
+                address: string;
+                schedule: string;
+                payment_method: string;
+                services: string;
+                location: string;
+                is_pickup: string;
+                is_delivery: string;
+                is_dressing_room: string;
+                is_check_order: string;
+            };
+        };
+    };
+    readonly ru: {
+        readonly common: {
+            from: string;
+            to: string;
+            loading_message: string;
+            no_options_message: string;
+            choose: string;
+            details: string;
+            location_aside: {
+                choose_country: string;
+                choose_city: string;
+                placeholder: string;
+            };
+            location_selector: {
+                placeholder: string;
+            };
+            current_location: {
+                choose_from_map: string;
+            };
+            header: {
+                self_pickup: string;
+            };
+            type_filter: {
+                all: string;
+                post_office: string;
+                pick_point: string;
+            };
+            receive_filter: {
+                title: string;
+                dressing_room: string;
+                check_order: string;
+                pay_by_cash: string;
+            };
+            send_filter: {
+                title: string;
+                return: string;
+                shipping: string;
+                payment: string;
+            };
+            days_of_week: {
+                mon: string;
+                tue: string;
+                wed: string;
+                thu: string;
+                fri: string;
+                sat: string;
+                sun: string;
+            };
+            details_modal: {
+                address: string;
+                schedule: string;
+                payment_method: string;
+                services: string;
+                location: string;
+                is_pickup: string;
+                is_delivery: string;
+                is_dressing_room: string;
+                is_check_order: string;
+            };
+        };
+    };
+};

package/dist/lib/src/index.d.ts

@@ -0,0 +1 @@
+export * from "./views/Widget";

package/dist/lib/src/services/cities.d.ts

@@ -0,0 +1,17 @@
+import { City } from '../types/cities';
+interface CitiesRequestParams {
+    q?: string;
+    uid?: string;
+    page?: number;
+    name?: string;
+    page_size?: number;
+    region_uid?: string;
+    national_id?: string;
+    country_uid?: string;
+    region_name?: string;
+    country_name?: string;
+    region_national_id?: string;
+    country_abbreviation?: string;
+}
+export declare const fetchCitiesRequest: (params: CitiesRequestParams) => Promise<import("axios").AxiosResponse<HttpResponse<ResponseList<City>>, any>>;
+export {};

package/dist/lib/src/services/countries.d.ts

@@ -0,0 +1,12 @@
+import { Country } from '../types/countries';
+interface CountriesRequestParams {
+    q?: string;
+    uid?: string;
+    page?: number;
+    name?: string;
+    page_size?: number;
+    national_id?: string;
+    country_uid?: string;
+}
+export declare const fetchCountriesRequest: (params: CountriesRequestParams) => Promise<import("axios").AxiosResponse<HttpResponse<ResponseList<Country>>, any>>;
+export {};

package/dist/lib/src/services/points.d.ts

@@ -0,0 +1,11 @@
+import { City } from '../types/cities';
+import { PointsList } from '../types/points';
+import { Filter } from '../types/filters';
+interface FetchPointsRequestParams {
+    q?: string;
+    city?: City;
+    bounds?: Bounds;
+    filter?: Filter;
+}
+export declare const fetchPointsRequest: ({ q, city, filter, bounds }?: FetchPointsRequestParams) => Promise<import("axios").AxiosResponse<HttpResponse<PointsList>, any>>;
+export {};

package/dist/lib/src/types/cities.d.ts

@@ -0,0 +1,11 @@
+import { Region } from "./regions";
+import { Country } from "./countries";
+export interface City {
+    uid: string;
+    name: string;
+    region: Region;
+    latitude: number;
+    country: Country;
+    longitude: number;
+    national_id: string;
+}