@proprioo/salatim 29.10.0 → 29.12.0

package/lib/ui/src/gmapsGeocode/GmapsGeocode.d.ts

@@ -2,7 +2,7 @@
 /// <reference types="google.maps" />
 import { FC } from 'react';
 import { GenericInputProps } from '../../../utils';
-export interface GmapsGeocodeProps extends GenericInputProps {
+export type GmapsGeocodeProps = GenericInputProps & {
     value: string;
     country?: string | string[];
     id?: string;
@@ -11,6 +11,6 @@ export interface GmapsGeocodeProps extends GenericInputProps {
     onChange(address: string): void;
     onSelect(place: google.maps.GeocoderResult): void;
     onError?(error: string): void;
-}
+};
 declare const GmapsGeocode: FC<GmapsGeocodeProps>;
 export default GmapsGeocode;

package/lib/ui/src/gmapsSuggestions/GmapsSuggestions.d.ts

@@ -1,6 +1,6 @@
 import { FC, MouseEventHandler, TouchEventHandler } from 'react';
 import { Suggestion } from 'react-places-autocomplete';
-export interface SuggestionItem {
+export type SuggestionItem = {
     key: number;
     id: string | undefined;
     role: 'option';
@@ -11,10 +11,10 @@ export interface SuggestionItem {
     onTouchStart: TouchEventHandler;
     onTouchEnd: TouchEventHandler;
     onClick: MouseEventHandler;
-}
-export interface GmapsSuggestionsProps {
+};
+export type GmapsSuggestionsProps = {
     suggestions: Suggestion[];
     getSuggestionItemProps<SuggestionProps extends {}>(suggestion: Suggestion, options?: SuggestionProps): SuggestionItem & SuggestionProps;
-}
+};
 declare const GmapsSuggestions: FC<GmapsSuggestionsProps>;
 export default GmapsSuggestions;

package/lib/ui/src/icons/Certificate.d.ts

@@ -1,4 +1,4 @@
 import { FC } from 'react';
-import IconProps from './Icon.props';
+import { IconProps } from './Icon.props';
 declare const Certificate: FC<IconProps>;
 export default Certificate;

package/lib/ui/src/icons/ChevronRight.d.ts

@@ -1,4 +1,4 @@
 import { FC } from 'react';
-import IconProps from './Icon.props';
+import { IconProps } from './Icon.props';
 declare const ChevronRight: FC<IconProps>;
 export default ChevronRight;

package/lib/ui/src/icons/Close.d.ts

@@ -1,4 +1,4 @@
 import { FC } from 'react';
-import IconProps from './Icon.props';
+import { IconProps } from './Icon.props';
 declare const Close: FC<IconProps>;
 export default Close;

package/lib/ui/src/icons/EmoticonCool.d.ts

@@ -1,4 +1,4 @@
 import { FC } from 'react';
-import IconProps from './Icon.props';
+import { IconProps } from './Icon.props';
 declare const EmoticonCool: FC<IconProps>;
 export default EmoticonCool;

package/lib/ui/src/icons/Help.d.ts

@@ -1,4 +1,4 @@
 import { FC } from 'react';
-import IconProps from './Icon.props';
+import { IconProps } from './Icon.props';
 declare const Help: FC<IconProps>;
 export default Help;

package/lib/ui/src/icons/Icon.props.d.ts

@@ -1,3 +1,3 @@
-export default interface IconProps {
+export type IconProps = {
     fill?: string;
-}
+};

package/lib/ui/src/icons/Less.d.ts

@@ -1,4 +1,4 @@
 import { FC } from 'react';
-import IconProps from './Icon.props';
+import { IconProps } from './Icon.props';
 declare const Less: FC<IconProps>;
 export default Less;

package/lib/ui/src/icons/Plus.d.ts

@@ -1,4 +1,4 @@
 import { FC } from 'react';
-import IconProps from './Icon.props';
+import { IconProps } from './Icon.props';
 declare const Plus: FC<IconProps>;
 export default Plus;

package/lib/ui/src/icons/index.d.ts

@@ -1,14 +1,14 @@
 declare const _default: {
     Arrow: () => JSX.Element;
     CheckGreen: () => JSX.Element;
-    ChevronRight: import("react").FC<import("./Icon.props").default>;
+    ChevronRight: import("react").FC<import("./Icon.props").IconProps>;
     DropDown: () => JSX.Element;
-    EmoticonCool: import("react").FC<import("./Icon.props").default>;
-    Certificate: import("react").FC<import("./Icon.props").default>;
+    EmoticonCool: import("react").FC<import("./Icon.props").IconProps>;
+    Certificate: import("react").FC<import("./Icon.props").IconProps>;
     TrustPilot: () => JSX.Element;
     CloseBox: () => JSX.Element;
-    Plus: import("react").FC<import("./Icon.props").default>;
-    Less: import("react").FC<import("./Icon.props").default>;
-    Close: import("react").FC<import("./Icon.props").default>;
+    Plus: import("react").FC<import("./Icon.props").IconProps>;
+    Less: import("react").FC<import("./Icon.props").IconProps>;
+    Close: import("react").FC<import("./Icon.props").IconProps>;
 };
 export default _default;

package/lib/ui/src/input/Input.d.ts

@@ -9,13 +9,13 @@ export declare enum InputType {
     TEL = "tel",
     TEXT = "text"
 }
-export interface CustomInputEvent {
+export type CustomInputEvent = {
     target: {
         value: string;
         selectionStart: nullOrNumber;
     };
-}
-export interface InputProps {
+};
+export type InputProps = {
     disabled: boolean;
     focused: boolean;
     id: string;
@@ -35,6 +35,6 @@ export interface InputProps {
     handleBlur(): void;
     handleFocus(): void;
     handleOnChange(event: ChangeEvent<HTMLInputElement> | CustomInputEvent): void;
-}
+};
 declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
 export default Input;

package/lib/ui/src/inputBase/InputBase.d.ts

@@ -5,7 +5,7 @@ import { InputProps, InputType } from '../input/Input';
 import { OptionProps } from '../option/Option';
 import { InputColors } from './InputBaseEnum';
 export declare const ZINDEX_OPEN = 10;
-export interface GMapProps {
+export type GMapProps = {
     'aria-activedescendant': string | undefined;
     'aria-autocomplete': 'list';
     'aria-expanded': boolean;
@@ -20,8 +20,8 @@ export interface GMapProps {
         };
     }): void;
     onKeyDown: KeyboardEventHandler;
-}
-export interface InputBaseProps extends GenericInputProps {
+};
+export type InputBaseProps = GenericInputProps & {
     displayField?: ReactElement;
     field?: ReactElement;
     gmap?: GMapProps;
@@ -42,6 +42,6 @@ export interface InputBaseProps extends GenericInputProps {
     onBlur?(): void;
     onChange?(value: string): void;
     onFocus?(): void;
-}
+};
 declare const InputBase: FC<InputBaseProps>;
 export default InputBase;

package/lib/ui/src/inputBase/InputBase.styles.d.ts

@@ -1,5 +1,5 @@
 import { InputColors } from './InputBaseEnum';
-interface LayoutProps {
+type LayoutProps = {
     disabled: boolean;
     error: boolean;
     focused: boolean;
@@ -7,7 +7,7 @@ interface LayoutProps {
     phoneWithFlags: boolean;
     zIndex?: number;
     outline?: InputColors;
-}
+};
 export declare const FieldSetLayout: import("styled-components").StyledComponent<"fieldset", any, {}, never>;
 export declare const LegendLayout: import("styled-components").StyledComponent<"legend", any, {
     isVisible: boolean;

package/lib/ui/src/loader/Loader.d.ts

@@ -1,9 +1,9 @@
 import { FC } from 'react';
-export interface LoaderProps {
+export type LoaderProps = {
     isWrapped?: boolean;
     text?: string;
     backgroundColor?: string;
     loaderHeight?: string;
-}
+};
 declare const Loader: FC<LoaderProps>;
 export default Loader;

package/lib/ui/src/mockForm/MockForm.d.ts

@@ -1,7 +1,7 @@
 import { FC, FormEvent, ReactNode } from 'react';
 export declare const mockSubmit: (event: FormEvent<HTMLFormElement>) => void;
-export interface MockFormProps {
+export type MockFormProps = {
     children: ReactNode;
-}
+};
 declare const MockForm: FC<MockFormProps>;
 export default MockForm;

package/lib/ui/src/modal/Modal.d.ts

@@ -1,11 +1,11 @@
 import { ReactElement, ReactNode } from 'react';
 import { FadeEnum } from './Modal.reducer';
-interface ActionsProps {
+type ActionsProps = {
     onAbort?(): void;
     onClose?(): void;
     onOpen?(): void;
-}
-interface BaseModalProps {
+};
+type BaseModalProps = {
     icon?: ReactElement;
     isAlternative?: boolean;
     isClosable?: boolean;
@@ -13,16 +13,16 @@ interface BaseModalProps {
     noPadding?: boolean;
     text?: string;
     title?: string;
-}
-export interface ModalProps extends BaseModalProps {
+};
+export type ModalProps = BaseModalProps & {
     fade: FadeEnum;
     isLoading: boolean;
     abortModal(): void;
     onAnimationEnd(): void;
-}
-export interface RenderModalProps extends BaseModalProps {
+};
+export type RenderModalProps = BaseModalProps & {
     children: ReactNode;
-}
+};
 declare const useModal: ({ onAbort, onOpen, onClose }?: ActionsProps) => {
     closeModal: () => void;
     createModal: ({ children, icon, isAlternative, isClosable, isFullScreen, noPadding, text, title }: RenderModalProps) => JSX.Element;

package/lib/ui/src/modal/Modal.reducer.d.ts

@@ -3,12 +3,12 @@ export declare enum FadeEnum {
     IN = "in",
     OUT = "out"
 }
-interface ReducerModal {
+type ReducerModal = {
     fade: FadeEnum;
     isAborting: boolean;
     isLoading: boolean;
     isOpen: boolean;
-}
+};
 declare enum ModalActionsEnum {
     ABORT = "abort",
     ANIMATION_END = "animationEnd",

package/lib/ui/src/nativeSelect/NativeSelect.d.ts

@@ -1,11 +1,11 @@
 import { ChangeEvent, FC } from 'react';
 import { OptionProps } from '@proprioo/hokkaido';
-export interface NativeSelectProps {
+export type NativeSelectProps = {
     displayOption: OptionProps;
     options: OptionProps[];
     label: string;
     onChange(event: ChangeEvent<HTMLSelectElement>): void;
     onClickOutside(): void;
-}
+};
 declare const NativeSelect: FC<NativeSelectProps>;
 export default NativeSelect;

package/lib/ui/src/numberInput/NumberInput.d.ts

@@ -2,10 +2,10 @@ import { FC } from 'react';
 import { nullOrNumber } from '@proprioo/hokkaido';
 import { InputProps } from '../..';
 type BaseInputProps = Omit<InputProps, 'gmap' | 'onChange' | 'type' | 'value'>;
-export interface NumberInputProps extends BaseInputProps {
+export type NumberInputProps = BaseInputProps & {
     onChange(value: nullOrNumber): void;
     value?: nullOrNumber;
     isFloat?: boolean;
-}
+};
 declare const NumberInput: FC<NumberInputProps>;
 export default NumberInput;

package/lib/ui/src/option/Option.d.ts

@@ -1,13 +1,13 @@
 import React, { FC } from 'react';
-export interface OptionProps {
+export type OptionProps = {
     value: string;
     label: string;
-}
-export interface OptionFCProps {
+};
+export type OptionFCProps = {
     option: OptionProps;
     value: string;
     onSelect?(event: React.MouseEvent<HTMLDivElement, MouseEvent>): void;
-}
+};
 export declare const isOptionSelected: (optionValue: string, value: string) => boolean;
 declare const Option: FC<OptionFCProps>;
 export default Option;

package/lib/ui/src/option/Option.styles.d.ts

@@ -1,6 +1,6 @@
-interface SelectionOptionProps {
+type SelectionOptionProps = {
     isSelected: boolean;
-}
+};
 export declare const Label: import("styled-components").StyledComponent<"div", any, SelectionOptionProps, never>;
 export declare const Layout: import("styled-components").StyledComponent<"div", any, SelectionOptionProps, never>;
 export declare const IconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/ui/src/radio/Radio.d.ts

@@ -1,5 +1,5 @@
 import { ChangeEvent, FC } from 'react';
-export interface RadioProps {
+export type RadioProps = {
     label: string;
     name: string;
     id: string;
@@ -7,6 +7,6 @@ export interface RadioProps {
     value: string;
     dataTest?: string;
     onChange(value: ChangeEvent<HTMLInputElement>): void;
-}
+};
 declare const Radio: FC<RadioProps>;
 export default Radio;

package/lib/ui/src/select/Select.d.ts

@@ -1,7 +1,7 @@
 import React, { PureComponent, RefObject } from 'react';
 import { OptionProps } from '../option/Option';
 import { OptionsAlignement } from './Select.styles';
-export interface SelectProps {
+export type SelectProps = {
     selectRef: RefObject<HTMLDivElement>;
     selectedOptionRef: RefObject<HTMLDivElement>;
     options: OptionProps[];
@@ -11,7 +11,7 @@ export interface SelectProps {
     onSelect(value: OptionProps): void;
     optionsMinWidth?: number;
     optionsAlign?: OptionsAlignement;
-}
+};
 export declare class Select extends PureComponent<SelectProps> {
     constructor(props: SelectProps);
     selectItem(value: OptionProps): void;

package/lib/ui/src/select/Select.styles.d.ts

@@ -2,10 +2,10 @@ export declare enum OptionsAlignement {
     LEFT = "left",
     RIGHT = "right"
 }
-interface LayoutProps {
+type LayoutProps = {
     optionsMinWidth?: number;
     optionsAlign?: OptionsAlignement;
-}
+};
 export declare const Layout: import("styled-components").StyledComponent<"div", any, LayoutProps, never>;
 export declare const ItemContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ItemLayout: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/ui/src/selectWrapper/SelectWrapper.d.ts

@@ -3,7 +3,7 @@ import { GenericInputProps } from '../../../utils';
 import { InputColors } from '../inputBase/InputBaseEnum';
 import { OptionProps } from '../option/Option';
 import { OptionsAlignement } from '../select/Select.styles';
-export interface SelectWrapperProps extends GenericInputProps {
+export type SelectWrapperProps = GenericInputProps & {
     option: OptionProps | null;
     options: OptionProps[];
     isAutocomplete?: boolean;
@@ -16,7 +16,7 @@ export interface SelectWrapperProps extends GenericInputProps {
     onBlur?(): void;
     onFocus?(): void;
     onChange?(value: string): void;
-}
+};
 export declare const setIconColor: (isOpen: boolean, label: string) => string;
 export declare const getOptionLabel: (options: OptionProps[], selectedValue: string) => string;
 export declare const SelectWrapper: FC<SelectWrapperProps>;

package/lib/ui/src/selectWrapper/SelectWrapper.styles.d.ts

@@ -1,12 +1,12 @@
-interface SelectInputProps {
+type SelectInputProps = {
     disabled: boolean;
     isOpen: boolean;
     focused?: boolean;
     error?: boolean;
-}
-interface IconProps {
+};
+type IconProps = {
     isOpen: boolean;
-}
+};
 export declare const IconContainer: import("styled-components").StyledComponent<"div", any, IconProps, never>;
 export declare const SelectWrapperLayout: import("styled-components").StyledComponent<"div", any, Pick<SelectInputProps, "isOpen" | "error">, never>;
 export declare const SelectInputLayout: import("styled-components").StyledComponent<"input", any, SelectInputProps, never>;

package/lib/ui/src/subtitle/Subtitle.d.ts

@@ -1,8 +1,8 @@
 import { FC } from 'react';
-export interface SubtitleProps {
+export type SubtitleProps = {
     text: string;
     color?: string;
     isAlternative?: boolean;
-}
+};
 declare const Subtitle: FC<SubtitleProps>;
 export default Subtitle;

package/lib/ui/src/tag/Tag.styles.d.ts

@@ -1,8 +1,8 @@
 import { TagProps } from './interfaces';
-interface TagBaseProps {
+type TagBaseProps = {
     close?: boolean;
     icon?: boolean;
-}
+};
 export declare const TagBase: import("styled-components").FlattenSimpleInterpolation;
 export declare const TAG_BUSINESS_BASE: import("styled-components").FlattenSimpleInterpolation;
 export declare const BasicTag: import("styled-components").StyledComponent<"span", any, Pick<TagProps, "appearance" | "color" | "isOutlined"> & TagBaseProps, never>;

package/lib/ui/src/tag/interfaces.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-export interface TagProps {
+export type TagProps = {
     labels: string[];
     appearance?: TagAppearance;
     color?: TagColorsTypes;
@@ -8,7 +8,7 @@ export interface TagProps {
     isOutlined?: boolean;
     numberOfTags?: number;
     onClose?(): void;
-}
+};
 export declare enum TagAppearance {
     BUSINESS = "business",
     CUSTOMER = "customer"

package/lib/ui/src/textToggle/TextToggle.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-export interface TextToggleProps {
+export type TextToggleProps = {
     text: string;
     dataTest?: string;
     isComment?: boolean;
@@ -7,6 +7,6 @@ export interface TextToggleProps {
     showMoreLabel?: string;
     showLessLabel?: string;
     title?: string;
-}
+};
 declare const TextToggle: FC<TextToggleProps>;
 export default TextToggle;

package/lib/ui/src/textarea/Textarea.d.ts

@@ -1,6 +1,6 @@
 import { ChangeEvent, Component } from 'react';
 import { nullOrNumber } from '@proprioo/hokkaido';
-export interface TextareaProps {
+export type TextareaProps = {
     value: string;
     /** Auto-resize the textarea while typing. */
     autoResize?: boolean;
@@ -19,11 +19,11 @@ export interface TextareaProps {
     lang?: string;
     hasCounter?: boolean;
     onChange?(value: string): void;
-}
-export interface TextareaStateProps {
+};
+export type TextareaStateProps = {
     value: string;
     focused: boolean;
-}
+};
 declare class Textarea extends Component<TextareaProps, TextareaStateProps> {
     reflowRaf: nullOrNumber;
     textareaRef: HTMLTextAreaElement | null;

package/lib/ui/src/title/Title.d.ts

@@ -1,8 +1,8 @@
-export interface TitleProps {
+export type TitleProps = {
     title: string;
     color?: string;
     isAlternative?: boolean;
-}
+};
 export type TitleCSSProps = Pick<TitleProps, 'color' | 'isAlternative'>;
 export declare const TitleDefaultProps: {
     color: string;

package/lib/ui/src/toggle/Toggle.d.ts

@@ -1,6 +1,6 @@
 import 'react-toggle/style.css';
 import { FC } from 'react';
-export interface ToggleProps {
+export type ToggleProps = {
     label: string;
     name: string;
     checked?: boolean;
@@ -8,6 +8,6 @@ export interface ToggleProps {
     disabled?: boolean;
     dataTest?: string;
     onChange(checked: boolean): void;
-}
+};
 declare const Toggle: FC<ToggleProps>;
 export default Toggle;

package/lib/ui/src/tooltip/Tooltip.d.ts

@@ -2,7 +2,7 @@ import 'react-popper-tooltip/dist/styles.css';
 import { FC, PropsWithChildren, ReactElement } from 'react';
 import { TriggerType } from 'react-popper-tooltip';
 import { Placement } from '@popperjs/core';
-export interface TooltipProps {
+export type TooltipProps = {
     tooltip: string | ReactElement;
     delayHide?: number;
     delayShow?: number;
@@ -14,6 +14,6 @@ export interface TooltipProps {
     placement?: Placement;
     trigger?: TriggerType;
     maxWidth?: string;
-}
+};
 declare const Tooltip: FC<PropsWithChildren<TooltipProps>>;
 export default Tooltip;

package/lib/utils/src/actions.d.ts

@@ -5,23 +5,23 @@ export declare function createAction<TypeAction>(actionType: TypeAction): () =>
 /**
  * Create an action with a payload
  */
-export interface ActionsWithPayload<TypeAction, TypePayload> {
+export type ActionsWithPayload<TypeAction, TypePayload> = {
     type: TypeAction;
     payload: TypePayload;
-}
+};
 /**
  * Create an action that does not have a payload
  */
-export interface ActionsWithoutPayload<TypeAction> {
+export type ActionsWithoutPayload<TypeAction> = {
     type: TypeAction;
-}
+};
 /**
  * A very general type that means to be "an object with a many field created with createActionPayload and createAction
  */
-interface ActionCreatorsMapObject {
+type ActionCreatorsMapObject = {
     [key: string]: (...args: any[]) => // tslint:disable-next-line: no-any
     ActionsWithPayload<any, any> | ActionsWithoutPayload<any>;
-}
+};
 /**
  * Use this Type to merge several action object that has field created with createActionPayload or createAction
  * E.g. type ReducerWithActionFromTwoObjects = ActionsUnion<typeof ActionsObject1 & typeof ActionsObject2>;

package/lib/utils/src/props.d.ts

@@ -1,4 +1,4 @@
-export interface GenericInputProps {
+export type GenericInputProps = {
     disabled: boolean;
     error: boolean;
     label: string;
@@ -6,4 +6,4 @@ export interface GenericInputProps {
     focused?: boolean;
     required?: boolean;
     zIndex?: number;
-}
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proprioo/salatim",
-  "version": "29.10.0",
+  "version": "29.12.0",
   "description": "Proprioo component library",
   "keywords": [
     "components",
@@ -25,7 +25,7 @@
     "coverage": "yarn test --coverage --logHeapUsage --maxWorkers=2 --verbose && jest-coverage-badges",
     "deploy": "yarn build && yarn publish --access=public --non-interactive",
     "dev": "yarn storybook",
-    "generate-phone-metadata": "libphonenumber-metadata-generator ./packages/phone/src/metadata.custom.json --countries AD,AR,AT,AU,BE,BR,CA,CH,CZ,DE,DK,EE,DZ,ES,FI,FR,GB,GF,GG,GI,GP,GR,HR,IE,IL,IS,IT,LB,LT,LU,MA,MC,MQ,NL,NO,NZ,PF,PL,PT,RE,RS,RU,SE,SG,TN,US",
+    "generate-phone-metadata": "libphonenumber-metadata-generator ./packages/phone/src/metadata.custom.json --countries AD,AR,AT,AU,BE,BR,CA,CH,CZ,DE,DK,EE,DZ,ES,FI,FR,GB,GF,GG,GI,GP,GR,HR,IE,IL,IN,IS,IT,LB,LT,LU,MA,MC,MQ,NL,NO,NZ,PF,PK,PL,PT,RE,RS,RU,SE,SG,TN,US",
     "lint": "tslint -c tslint.json 'packages/**/*.{ts,tsx}'",
     "pretty-quick": "pretty-quick",
     "start": "rollup -c rollup.config.ts -w",