@evergis/uilib-gl 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 Kirill Protasov
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.MD

@@ -0,0 +1,98 @@
+# 🛴 Evergis UI
+## Contributing
+
+🏆 **Before start:**
+
+```
+yarn
+```
+Update webstorm to >2017.3.3
+
+Install Styled Components plugin [Jetbrains plugins](https://plugins.jetbrains.com/plugin/9997-styled-components)
+
+🛠️ **Start dev:**
+
+```
+yarn storybook
+```
+
+Open in browser localhost:6006
+
+✅ **Start tests:**
+
+```
+yarn test
+```
+
+## How to release
+
+1. Создать временную ветку (например, `publish`)
+2. Изменить версию пакета в `package.json`
+3. `yarn` - освежить все зависимости
+4. `yarn lint:fix` - автопоправка eslint ошибок
+5. `yarn build` - сборка
+6. `npm publish` - паблиш
+7. Создать МР из временной ветки в `master`
+
+## How to link
+
+For testing uilib locally in client (or other projects)
+without rebuilding after every update use linking:
+
+1. `yarn build` - сборка
+2. `yarn link` - создаём глобальную ссылку на uilib
+3. Открываем client или другой проект
+4. `yarn link "@evergis/uilib-gl"` - привязываем uilib к проекту
+5. `yarn start` - запускаем проект с привязанной uilib
+6. `yarn build` - после изменений в uilib делаем его пересборку
+
+### How to manage icons
+
+1. https://icomoon.io/app/#/projects
+2. Import Project из `src/fonts/selection.json`
+3. Load
+4. Клик по гамбургер набора EverCloud в правом верхнем углу Import to Set
+5. Generate Font в правом нижнем углу
+6. Замена файлов `src/fonts` на загруженные из архива (папка fonts и selection.json)
+
+## Used libraries, languages and tools
+
+1. Typescript [Docs](https://www.typescriptlang.org/docs/handbook/typescript-in-5-minutes.html)
+2. React [Docs](https://reactjs.org/docs/hello-world.html)
+3. Styled-components [Docs](https://www.styled-components.com/docs)
+4. Jest [Docs](https://facebook.github.io/jest/docs/en/using-matchers.html)
+6. Storybook [Docs](https://storybook.js.org/basics/writing-stories/)
+
+## Style Guide
+1. Every component in separate directory
+2. Test file in same directory, with name *.test.tsx
+3. Do not write snapshot tests for components, for snapshot testing used stories, test only specific behavior and functions
+4. Story file in same directory, with name *.story.tsx
+5. Write stories for every possible component state
+6. Every component must be working without any props
+7. Do not create pull request with any linters or ts errors
+8. File naming convention:
+
+    1. PascalCase for file exporting classes and Components
+    2. camelCase for file exporting objects and functions
+    3. kebab-case for module replacements
+9. Do not use default exports
+10. Write component description in source file
+
+### Completed Component must include the following:
+1. Stories for every possible component state
+2. Tests for specific behaviors and functions
+3. Declared Theme variables
+4. Props type
+5. Component description
+
+## Project structure
+1. Import "styled-components" maps to styled-with-theme.ts
+2. theme is theme folder 🚢
+3. Simple reusable styled components and html tags with style are located in atoms folder
+4. Groups of atoms are located in molecules folder
+5. Groups of atoms, molecules and other are located in organisms folder
+
+## Todo
+1. Upgrade tippy (tooltip) package version
+2. Upgrade imask & react-imask packages version

package/dist/GlobalsContainer.d.ts

@@ -0,0 +1 @@
+export declare const GlobalsContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/ThemeProvider.d.ts

@@ -0,0 +1,7 @@
+import React, { FC } from "react";
+import { ITheme } from "./theme/ITheme";
+export interface IThemeProviderProps {
+    theme?: ITheme;
+    children: React.ReactNode;
+}
+export declare const ThemeProvider: FC<IThemeProviderProps>;

package/dist/__devComponents__/LimitedHeight.d.ts

@@ -0,0 +1,6 @@
+import { ExtraMarginProps } from "./mixins";
+interface ILimitedHeight {
+    height?: string;
+}
+export declare const LimitedHeight: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ILimitedHeight & ExtraMarginProps, never>;
+export {};

package/dist/__devComponents__/LimitedWidth.d.ts

@@ -0,0 +1,6 @@
+import { ExtraMarginProps } from "./mixins";
+interface ILimitedWidth {
+    width?: string;
+}
+export declare const LimitedWidth: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ILimitedWidth & ExtraMarginProps, never>;
+export {};

package/dist/__devComponents__/Padding.d.ts

@@ -0,0 +1 @@
+export declare const Padding: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/__devComponents__/Space.d.ts

@@ -0,0 +1,7 @@
+export interface ISpaceProps {
+    top?: boolean;
+    right?: boolean;
+    bottom?: boolean;
+    left?: boolean;
+}
+export declare const Space: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ISpaceProps, never>;

package/dist/__devComponents__/Spacer.d.ts

@@ -0,0 +1 @@
+export declare const Spacer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/__devComponents__/ThemeBackground.d.ts

@@ -0,0 +1 @@
+export declare const ThemeBackground: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/__devComponents__/ThemeSwitcher.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+export declare enum Themes {
+    dark = "dark",
+    light = "light"
+}
+interface IProps {
+    theme: Themes;
+}
+export declare class ThemeSwitcher extends React.Component<IProps> {
+    render(): JSX.Element;
+}
+export declare const ThemeSwitcherDecorator: (story: any) => JSX.Element;
+export {};

package/dist/__devComponents__/index.d.ts

@@ -0,0 +1,7 @@
+export { Spacer } from "./Spacer";
+export { Space } from "./Space";
+export { ThemeBackground } from "./ThemeBackground";
+export { ThemeSwitcher, ThemeSwitcherDecorator } from "./ThemeSwitcher";
+export { Padding } from "./Padding";
+export { LimitedWidth } from "./LimitedWidth";
+export { LimitedHeight } from "./LimitedHeight";

package/dist/__devComponents__/mixins.d.ts

@@ -0,0 +1,5 @@
+export interface ExtraMarginProps {
+    marginX?: number;
+    marginY?: number;
+}
+export declare const extraMargin: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<ExtraMarginProps, import("styled-components").DefaultTheme>>;

package/dist/atoms/Animation/Animation.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+import { TransitionProps } from "react-transition-group/Transition";
+export declare const CSSTransition: FC<TransitionProps>;

package/dist/atoms/Animation/Collapse.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+import { ICollapseProps } from "./types";
+export declare const Collapse: FC<ICollapseProps>;

package/dist/atoms/Animation/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./Animation";
+export * from "./Collapse";
+export * from "./styled";
+export * from "./types";

package/dist/atoms/Animation/styled.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ICollapseWrapperProps, IPopoverTransitionProps, ITransitionProps } from "./types";
+export declare const CollapseWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ICollapseWrapperProps, never>;
+export declare const ListTransition: import("styled-components").StyledComponent<import("react").FC<import("react-transition-group/Transition").TransitionProps<undefined>>, import("styled-components").DefaultTheme, ITransitionProps, never>;
+export declare const PopoverTransition: import("styled-components").StyledComponent<import("react").FC<import("react-transition-group/Transition").TransitionProps<undefined>>, import("styled-components").DefaultTheme, IPopoverTransitionProps, never>;

package/dist/atoms/Animation/types.d.ts

@@ -0,0 +1,27 @@
+import { HTMLAttributes } from "react";
+export interface ITransitionProps {
+    maxHeight: string;
+    timeout: number;
+    children?: JSX.Element;
+}
+export interface IItem {
+    text: string;
+}
+export interface ICollapseWrapperProps {
+    duration: number;
+}
+export interface ICollapseProps extends HTMLAttributes<HTMLDivElement> {
+    animateOpacity?: boolean;
+    opened: boolean;
+}
+export interface IAnimatedListProps extends ITransitionProps {
+    items: IItem[];
+    handleElementClick: (text: string) => void;
+}
+export interface IPopoverTransitionProps {
+    className?: string;
+    direction?: string;
+    timeout: number;
+    children?: JSX.Element;
+    in?: boolean;
+}

package/dist/atoms/Blank/Blank.d.ts

@@ -0,0 +1,2 @@
+import { IBlankProps } from "./types";
+export declare const Blank: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IBlankProps, never>;

package/dist/atoms/Blank/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Blank";
+export * from "./types";

package/dist/atoms/Blank/types.d.ts

@@ -0,0 +1,8 @@
+import { IShadows } from "../../theme/ITheme";
+export interface IBlankProps {
+    width?: string;
+    height?: string;
+    maxHeight?: string;
+    minWidth?: string;
+    shadow?: keyof IShadows;
+}

package/dist/atoms/Button/Button.d.ts

@@ -0,0 +1,4 @@
+import { IButtonProps } from "./types";
+export declare const BaseButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, IButtonProps, never>;
+export declare const FlatButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, IButtonProps, never>;
+export declare const RaisedButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, IButtonProps, never>;

package/dist/atoms/Button/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Button";
+export * from "./types";

package/dist/atoms/Button/types.d.ts

@@ -0,0 +1,6 @@
+import { ButtonHTMLAttributes } from "react";
+export interface IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    primary?: boolean;
+    secondary?: boolean;
+    error?: boolean;
+}

package/dist/atoms/CardLoader/CardLoader.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+import { CardLoaderProps } from "./types";
+export declare const CardLoader: FC<CardLoaderProps>;

package/dist/atoms/CardLoader/index.d.ts

@@ -0,0 +1,2 @@
+export { CardLoader } from "./CardLoader";
+export * from "./types";

package/dist/atoms/CardLoader/styled.d.ts

@@ -0,0 +1,6 @@
+import { CardLoaderProps } from "./types";
+export declare const CardLoaderPreview: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CardLoaderBar: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CardLoaderBars: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CardLoaderShining: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CardLoaderContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Pick<CardLoaderProps, "height" | "width">, never>;

package/dist/atoms/CardLoader/types.d.ts

@@ -0,0 +1,5 @@
+export interface CardLoaderProps {
+    height?: string | number;
+    width?: string | number;
+    animate?: boolean;
+}

package/dist/atoms/Divider/Divider.d.ts

@@ -0,0 +1,8 @@
+export interface DividerProps {
+    vertical?: boolean;
+    horizontal?: boolean;
+    size?: number;
+}
+export declare const verticalDivider: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<DividerProps, import("styled-components").DefaultTheme>>;
+export declare const horizontalDivider: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<DividerProps, import("styled-components").DefaultTheme>>;
+export declare const Divider: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, DividerProps, never>;

package/dist/atoms/Divider/index.d.ts

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

package/dist/atoms/ElementsArea/ElementsArea.d.ts

@@ -0,0 +1 @@
+export declare const ElementsArea: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/atoms/ElementsArea/index.d.ts

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

package/dist/atoms/Grid/Flex.d.ts

@@ -0,0 +1,3 @@
+import { IFlexProps } from "./types";
+export declare const Flex: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IFlexProps, never>;
+export declare const FlexSpan: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, IFlexProps, never>;

package/dist/atoms/Grid/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Flex";
+export * from "./types";

package/dist/atoms/Grid/types.d.ts

@@ -0,0 +1,4 @@
+export interface IFlexProps {
+    column?: boolean;
+    center?: boolean;
+}

package/dist/atoms/Icon/Icon.d.ts

@@ -0,0 +1,248 @@
+import { IIconProps } from "./types";
+export declare const iconTypes: {
+    layers: string;
+    delete: string;
+    save: string;
+    paint: string;
+    menu_vertical: string;
+    menu_horizontal: string;
+    edit: string;
+    settings: string;
+    tools: string;
+    filter: string;
+    filter_apply: string;
+    search: string;
+    date: string;
+    table: string;
+    zoom_to: string;
+    geom_raster: string;
+    geom_point: string;
+    geom_polygon: string;
+    geom_polyline: string;
+    share: string;
+    refresh: string;
+    download: string;
+    function: string;
+    basemap: string;
+    plus: string;
+    minus: string;
+    select_rect: string;
+    select_circle: string;
+    select_polygon: string;
+    clear: string;
+    measure_length: string;
+    measure_area: string;
+    home: string;
+    bookmark: string;
+    arrow_forward: string;
+    arrow_back: string;
+    message: string;
+    location_pointer: string;
+    close: string;
+    maximize: string;
+    minimize: string;
+    maximize_solid: string;
+    minimize_solid: string;
+    next: string;
+    to_last: string;
+    play: string;
+    prev: string;
+    to_first: string;
+    stop: string;
+    pause: string;
+    upload: string;
+    image: string;
+    hide: string;
+    expand: string;
+    reduce: string;
+    input_resizer: string;
+    input_dropdown: string;
+    classification: string;
+    copy: string;
+    phone: string;
+    like: string;
+    time: string;
+    route: string;
+    export_excel: string;
+    location_coordinate: string;
+    sorting_asc: string;
+    sorting_des: string;
+    password_show: string;
+    password_hide: string;
+    success: string;
+    warning: string;
+    error: string;
+    star: string;
+    social_vk: string;
+    social_fb: string;
+    social_google: string;
+    social_github: string;
+    social_vk_simple: string;
+    social_fb_simple: string;
+    social_google_simple: string;
+    social_medium: string;
+    open: string;
+    label: string;
+    geoprocessing: string;
+    info: string;
+    feedback: string;
+    panel_hide: string;
+    panel_show: string;
+    feature_add: string;
+    logo: string;
+    tree: string;
+    key: string;
+    data: string;
+    updating: string;
+    lock: string;
+    unlock: string;
+    users: string;
+    map: string;
+    displayfield: string;
+    textfile: string;
+    image_paste: string;
+    step_back: string;
+    step_forward: string;
+    pipette: string;
+    calculation: string;
+    geom_move: string;
+    geom_poly_vertex: string;
+    geom_poly_hole: string;
+    geom_poly_slice: string;
+    geom_poly_reshape: string;
+    geom_poly_ungroup: string;
+    geom_poly_autocomplete: string;
+    geom_line_vertex: string;
+    geom_line_addpart: string;
+    geom_line_slice: string;
+    geom_line_reshape: string;
+    geom_line_ungroup: string;
+    geom_undefined: string;
+    icon_undefined: string;
+    inverse: string;
+    location_current: string;
+    tools_buffer: string;
+    tools_zones: string;
+    tools_print: string;
+    tools_spatial_selection: string;
+    scale: string;
+    tools_aggregation: string;
+    zip: string;
+    catalog: string;
+    catalog_variant: string;
+    question: string;
+    alpha: string;
+    betta: string;
+    dragdrop: string;
+    equals: string;
+    not_equals: string;
+    contains: string;
+    not_contains: string;
+    greater_than: string;
+    greater_or_equal: string;
+    less_than: string;
+    less_or_equal: string;
+    starts_with: string;
+    not_starts_with: string;
+    ends_with: string;
+    not_ends_with: string;
+    empty: string;
+    filled: string;
+    raster_visible: string;
+    raster_invisible: string;
+    editgeom_point_vertex: string;
+    editgeom_point_addpart: string;
+    editgeom_point_ungroup: string;
+    divide: string;
+    filter_layer: string;
+    filter_table: string;
+    img_generate: string;
+    finish: string;
+    transparentize: string;
+    textLeft: string;
+    textRight: string;
+    textCenter: string;
+    textJustify: string;
+    link: string;
+    evergis: string;
+    externalservice: string;
+    geometryUnite: string;
+    geometryCrop: string;
+    roles: string;
+    icon_block: string;
+    configurations: string;
+    settings_table: string;
+    set_edit: string;
+    set_read: string;
+    set_configure: string;
+    set_time: string;
+    snapping: string;
+    snap_1: string;
+    snap_2: string;
+    snap_3: string;
+    slide: string;
+    tags: string;
+    statistics: string;
+    alphabet_sort_za: string;
+    alphabet_sort_az: string;
+    inside_range: string;
+    outside_range: string;
+    tms: string;
+    arc_gis: string;
+    date_outside: string;
+    wms_link: string;
+    folder: string;
+    object_size: string;
+    stroke_width: string;
+    select_point: string;
+    select_line: string;
+    apply_selection: string;
+    report: string;
+    refresh_circle: string;
+    date_filter: string;
+    layer_filter_applied: string;
+    attribute_filter_applied: string;
+    geometry_selection_applied: string;
+    attribute_filter: string;
+    layer_filter: string;
+    layers_add: string;
+    geo_location: string;
+    geom_types: string;
+    date_aggregation: string;
+    public_group: string;
+    social_tg: string;
+    rounded_triangle: string;
+    zoom_in: string;
+    zoom_out: string;
+    checkboxes: string;
+    sum: string;
+    datetime: string;
+    text: string;
+    double: string;
+    int: string;
+    local_tile_service: string;
+    arcgis_service: string;
+    wms_service: string;
+    external_link: string;
+    text_format: string;
+    coordinates_actions: string;
+    xy: string;
+    group_features: string;
+    ungroup_features: string;
+    preview: string;
+    points: string;
+    switcher: string;
+    triangle: string;
+    rectangle: string;
+    ellipse: string;
+    themed_symbol: string;
+    selection: string;
+    table_link: string;
+    geom_unknown: string;
+    cell_size: string;
+    symbol_library: string;
+    globe: string;
+};
+export declare const Icon: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, IIconProps, never>;
+export declare const injectIcon: (icon: IconTypesKeys) => import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+export declare type IconTypesKeys = keyof typeof iconTypes;

package/dist/atoms/Icon/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Icon";
+export * from "./types";

package/dist/atoms/Icon/types.d.ts

@@ -0,0 +1,9 @@
+import { IconTypesKeys } from "./Icon";
+export interface IIconProps {
+    kind?: IconTypesKeys;
+    primary?: boolean;
+    secondary?: boolean;
+    error?: boolean;
+    disabled?: boolean;
+}
+export declare type IconPosition = "iconBefore" | "iconAfter";

package/dist/atoms/Image/Image.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+import { ImageProps } from "./types";
+export declare const Image: FC<ImageProps>;

package/dist/atoms/Image/LoadableImage.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+import { ImageProps } from "./types";
+export declare const LoadableImage: FC<ImageProps>;

package/dist/atoms/Image/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Image";
+export * from "./types";

package/dist/atoms/Image/styled.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { IImageBaseProps } from "./types";
+export declare const ImageBase: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, IImageBaseProps, never>;
+export declare const ImageLoadingContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    src?: string | undefined;
+    fallback?: string | undefined;
+    loadable?: boolean | undefined;
+    loading?: boolean | undefined;
+} & Omit<import("react").ImgHTMLAttributes<HTMLImageElement | HTMLDivElement>, "loading">, never>;
+export declare const ImageLoadingProgress: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../LinearProgress").ILinearProgressProps, never>;

package/dist/atoms/Image/types.d.ts

@@ -0,0 +1,11 @@
+import { ImgHTMLAttributes } from "react";
+export interface IImageBaseProps {
+    src?: string;
+    fallback?: string;
+}
+export declare type ImageProps = {
+    src?: string;
+    fallback?: string;
+    loadable?: boolean;
+    loading?: boolean;
+} & Omit<ImgHTMLAttributes<HTMLImageElement | HTMLDivElement>, "loading">;

package/dist/atoms/LinearProgress/LinearProgress.d.ts

@@ -0,0 +1,2 @@
+import { ILinearProgressProps } from "./types";
+export declare const LinearProgress: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ILinearProgressProps, never>;

package/dist/atoms/LinearProgress/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./LinearProgress";
+export * from "./types";