@dreamcommerce/aurora 0.3.4-183 → 0.3.4-184

package/build/esm/packages/aurora/src/src/components/modal/components/modal.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { IModalProps } from '@auroraComponents/modal/types';
+declare const Modal: FC<IModalProps>;
+export default Modal;

package/build/esm/packages/aurora/src/src/components/modal/constants.d.ts

@@ -0,0 +1 @@
+export declare const DEFAULT_TRANSLATE_MOVE = 100;

package/build/esm/packages/aurora/src/src/components/modal/context/modal_context.d.ts

@@ -0,0 +1,8 @@
+import { Dispatch, SetStateAction } from 'react';
+export interface IModalContext {
+    isVisible: boolean;
+    setVisible: Dispatch<SetStateAction<boolean>>;
+    hideModal?(): void;
+}
+export declare const ModalContext: import("react").Context<IModalContext>;
+export declare const ModalContextProvider: import("react").Provider<IModalContext>;

package/build/esm/packages/aurora/src/src/components/modal/hoc/absolute_modal/index.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { IAbsoluteModalProps, IModalProps } from '@auroraComponents/modal/types';
+declare const AbsoluteModal: FC<IAbsoluteModalProps & IModalProps>;
+export default AbsoluteModal;

package/build/esm/packages/aurora/src/src/components/modal/hoc/modal_provider.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+export interface ModalProviderProps {
+    defaultOpen?: boolean;
+}
+declare const ModalProvider: FC<ModalProviderProps>;
+export default ModalProvider;

package/build/esm/packages/aurora/src/src/components/modal/hoc/relative_modal/index.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { IModalProps, IRelativeModalProps } from '@auroraComponents/modal/types';
+declare const RelativeModal: FC<IRelativeModalProps & IModalProps>;
+export default RelativeModal;

package/build/esm/packages/aurora/src/src/components/modal/index.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { IModalProps, IModalComposition } from '@auroraComponents/modal/types';
+declare const Modal: FC<IModalProps> & IModalComposition;
+export default Modal;

package/build/esm/packages/aurora/src/src/components/modal/types.d.ts

@@ -0,0 +1,55 @@
+import { FC, ReactElement, ReactNode, ReactNodeArray, RefObject } from 'react';
+export interface IHeaderProps {
+    title?: string;
+    actions?: ReactElement | ReactNodeArray | ReactNode;
+    closeAction?: () => void;
+}
+export interface IContentProps {
+}
+export interface IFooterProps {
+}
+export interface IModalProps {
+    className?: string;
+    withBackground?: boolean;
+    modalRef?: RefObject<HTMLDivElement>;
+}
+export interface IModalComposition {
+    Header: FC<IHeaderProps>;
+    Footer: FC<IFooterProps>;
+    Content: FC<IContentProps>;
+}
+export interface IAbsoluteModalProps {
+    vPosition?: 'top' | 'middle' | 'bottom';
+    hPosition?: 'left' | 'center' | 'right';
+    animationDirection?: 'bottomTop' | 'topBottom' | 'leftRight' | 'rightLeft';
+    isVisible?: boolean;
+    offset?: number;
+    transformLength?: number;
+    transform?({ isVisible }: {
+        isVisible?: boolean;
+    }): string;
+}
+export interface IRelativeModalProps {
+    position?: 'top' | 'left' | 'bottom' | 'right';
+    animationDirection?: 'bottomTop' | 'topBottom' | 'leftRight' | 'rightLeft';
+    isVisible?: boolean;
+    offset?: number;
+    relativeTo: RefObject<HTMLDivElement>;
+    transformLength?: number;
+    transform?({ isVisible }: {
+        isVisible?: boolean;
+    }): string;
+}
+export interface IPositionState {
+    top?: number;
+    left?: number;
+    bottom?: number;
+    right?: number;
+}
+export interface IAbsoluteCalculation extends IAbsoluteModalProps {
+    modalRect?: DOMRect;
+}
+export interface IRelativeCalculation extends IRelativeModalProps {
+    modalRect?: DOMRect;
+    relativeRect?: DOMRect;
+}

package/build/esm/packages/aurora/src/src/components/modal/utilities.d.ts

@@ -0,0 +1,56 @@
+import { IAbsoluteModalProps, IAbsoluteCalculation, IRelativeCalculation } from '@auroraComponents/modal/types';
+/**
+ * Function to get proper css style from props and state
+ * @param animationDirection, taken from props
+ * @param transformLength, taken from state
+ * @param isVisible, taken from state
+ * @param transform, taken from props if it is set then custom transform function is ran
+ * @return css string which is used in styling
+ */
+export declare const getTransformFromAnimationDirection: ({ animationDirection, transformLength, isVisible, transform }: IAbsoluteModalProps) => string;
+/**
+ * Function for relative to check if modal is still in viewport
+ * @param relativeRect, relative rectangle
+ * @param modalRect, modal rectangle
+ * @param offset
+ * @return object of available directions in booleans
+ */
+export declare const availablePositions: ({ relativeRect, modalRect, offset }: {
+    relativeRect?: DOMRect | undefined;
+    modalRect?: DOMRect | undefined;
+    offset?: number | undefined;
+}) => {
+    isLeftPositionPossible: boolean;
+    isRightPositionPossible: boolean;
+    isBottomPositionPossible: boolean;
+    isTopPositionPossible: boolean;
+};
+/**
+ * Function to return left, top, bottom, right css values, which will be used to placed modal
+ * @param position, chosen position of modal
+ * @param transformLength, taken from previously calculated values
+ * @param modalRect, used to calculate available positions and position of modal
+ * @param offset,
+ * @param animationDirection, chosen animation by default "topBottom"
+ * @param relativeRect, used to calculate  available positions and position of modal
+ * @return based on animationPosition and availablePositions css values
+ */
+export declare const calculateRelativePosition: ({ position, modalRect, relativeRect, offset, transformLength, animationDirection }: IRelativeCalculation) => {
+    top: number;
+    left: number;
+};
+/**
+ * @param vPosition, verticalPosition
+ * @param hPosition, horizontalPosition
+ * @param modalRect, used to calculate position
+ * @param offset = 0,
+ * @param transformLength, taken from previously calculated values
+ * @param animationDirection, chosen animation, by default "topBottom"
+ * direction is chosen based on vPosition and hPosition
+ */
+export declare const calculateAbsolutePosition: ({ vPosition, hPosition, modalRect, offset, transformLength, animationDirection }: IAbsoluteCalculation) => {
+    top: number;
+    bottom: undefined;
+    left: number | undefined;
+    right: number | undefined;
+};

package/build/esm/packages/aurora/src/src/components/range/css_classes.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    range: string;
+    rangePointer: string;
+    rangePointerDisabled: string;
+    rangePointerInside: string;
+    rangePointerInsideDisabled: string;
+};
+export default _default;

package/build/esm/packages/aurora/src/src/components/range/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IRange } from './types';
+declare const Range: React.FC<IRange>;
+export default Range;

package/build/esm/packages/aurora/src/src/components/range/types.d.ts

@@ -0,0 +1,14 @@
+export interface IRange {
+    id?: string;
+    name?: string;
+    orientation?: string;
+    initialValue?: number;
+    max?: number;
+    min?: number;
+    step?: number;
+    isDisabled?: boolean;
+    onChange?: ({ prevValue, value }: {
+        prevValue: number;
+        value: number;
+    }) => void;
+}

package/build/esm/packages/aurora/src/src/components/range/utilities.d.ts

@@ -0,0 +1,19 @@
+import { IPosition } from '@auroraComponents/color_picker/types';
+import { RefObject } from 'react';
+export declare const getPositionFromValue: ({ value, rangeRef, max, min }: {
+    rangeRef?: RefObject<HTMLDivElement> | undefined;
+    value: number;
+    max: number;
+    min: number;
+}) => {
+    left: number;
+    top: number;
+};
+export declare const getValueFromPosition: ({ rangeRectangle, position, rotation, step, max, min }: {
+    rangeRectangle: DOMRect;
+    position: IPosition;
+    rotation?: string | undefined;
+    step?: number | undefined;
+    max?: number | undefined;
+    min?: number | undefined;
+}) => number;

package/build/esm/packages/aurora/src/src/components/spacing/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ISpacingProps } from './types';
+declare const Spacing: React.FC<ISpacingProps>;
+export default Spacing;

package/build/esm/packages/aurora/src/src/components/spacing/types.d.ts

@@ -0,0 +1,47 @@
+import { ReactNode } from 'react';
+declare type TSpacingRange = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15;
+export interface ISpacingProps {
+    as: string;
+    children: ReactNode;
+    'mt-xs'?: TSpacingRange;
+    'mr-xs'?: TSpacingRange;
+    'mb-xs'?: TSpacingRange;
+    'ml-xs'?: TSpacingRange;
+    'mt-sm'?: TSpacingRange;
+    'mr-sm'?: TSpacingRange;
+    'mb-sm'?: TSpacingRange;
+    'ml-sm'?: TSpacingRange;
+    'mt-md'?: TSpacingRange;
+    'mr-md'?: TSpacingRange;
+    'mb-md'?: TSpacingRange;
+    'ml-md'?: TSpacingRange;
+    'mt-lg'?: TSpacingRange;
+    'mr-lg'?: TSpacingRange;
+    'mb-lg'?: TSpacingRange;
+    'ml-lg'?: TSpacingRange;
+    'mt-xl'?: TSpacingRange;
+    'mr-xl'?: TSpacingRange;
+    'mb-xl'?: TSpacingRange;
+    'ml-xl'?: TSpacingRange;
+    'pt-xs'?: TSpacingRange;
+    'pr-xs'?: TSpacingRange;
+    'pb-xs'?: TSpacingRange;
+    'pl-xs'?: TSpacingRange;
+    'pt-sm'?: TSpacingRange;
+    'pr-sm'?: TSpacingRange;
+    'pb-sm'?: TSpacingRange;
+    'pl-sm'?: TSpacingRange;
+    'pt-md'?: TSpacingRange;
+    'pr-md'?: TSpacingRange;
+    'pb-md'?: TSpacingRange;
+    'pl-md'?: TSpacingRange;
+    'pt-lg'?: TSpacingRange;
+    'pr-lg'?: TSpacingRange;
+    'pb-lg'?: TSpacingRange;
+    'pl-lg'?: TSpacingRange;
+    'pt-xl'?: TSpacingRange;
+    'pr-xl'?: TSpacingRange;
+    'pb-xl'?: TSpacingRange;
+    'pl-xl'?: TSpacingRange;
+}
+export {};

package/build/esm/packages/aurora/src/src/components/table/components/cell.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ICellProps } from '../types';
+declare const Cell: FC<ICellProps>;
+export default Cell;

package/build/esm/packages/aurora/src/src/components/table/components/row.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { IIRowProps } from '../types';
+declare const Row: FC<IIRowProps>;
+export default Row;

package/build/esm/packages/aurora/src/src/components/table/components/t_body.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const TBody: FC;
+export default TBody;

package/build/esm/packages/aurora/src/src/components/table/components/t_head.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const THead: FC;
+export default THead;

package/build/esm/packages/aurora/src/src/components/table/hoc/data-table.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { IDataTableProps } from '@auroraComponents/table/types';
+declare const DataTable: FC<IDataTableProps>;
+export default DataTable;

package/build/esm/packages/aurora/src/src/components/table/index.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ITableComposition, ITableProps } from './types';
+declare const Table: FC<ITableProps> & ITableComposition;
+export default Table;

package/build/esm/packages/aurora/src/src/components/table/types.d.ts

@@ -0,0 +1,39 @@
+import { FC } from 'react';
+export interface ICellProps {
+    color?: 'primary' | 'secondary';
+    sticky?: boolean;
+    clearPadding?: boolean;
+    size?: 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl' | 'switch' | 'action';
+    header?: boolean;
+    highlight?: boolean;
+}
+export interface IIRowProps {
+    responsive?: boolean;
+    responsiveWithoutAction?: boolean;
+}
+export interface ITableProps {
+    zebra?: boolean;
+    zebraOrders?: boolean;
+    clear?: boolean;
+    main?: boolean;
+}
+export interface ICustomCellProps {
+    item: any;
+    column: IColumnProps;
+}
+export interface IColumnProps {
+    name: string;
+    header: string;
+    modifiers?: ICellProps;
+    CustomCell?: FC<ICustomCellProps>;
+}
+export interface IDataTableProps extends ITableProps {
+    data: Array<any>;
+    columns: Array<IColumnProps>;
+}
+export interface ITableComposition {
+    Cell: FC<ICellProps>;
+    THead: FC;
+    Row: FC<IIRowProps>;
+    TBody: FC;
+}

package/build/esm/packages/aurora/src/src/components/tabs/components/tab_item.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ITabItemProps } from '../types';
+export declare const TabItem: FC<ITabItemProps>;
+export default TabItem;

package/build/esm/packages/aurora/src/src/components/tabs/components/tabs.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ITabsProps } from '../types';
+declare const Tabs: FC<ITabsProps>;
+export default Tabs;

package/build/esm/packages/aurora/src/src/components/tabs/context.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ITabContextProps } from '@auroraComponents/tabs/types';
+export declare const TabContext: import("react").Context<ITabContextProps>;

package/build/esm/packages/aurora/src/src/components/tabs/index.d.ts

@@ -0,0 +1,3 @@
+import Tabs from './components/tabs';
+import TabItem from './components/tab_item';
+export { Tabs, TabItem };

package/build/esm/packages/aurora/src/src/components/tabs/types.d.ts

@@ -0,0 +1,12 @@
+import { Dispatch, SetStateAction } from 'react';
+export interface ITabsProps {
+    small?: boolean;
+}
+export interface ITabItemProps {
+    initial?: boolean;
+}
+export interface ITabContextProps {
+    selected: any;
+    isSelected(id: string): boolean;
+    setSelected: Dispatch<SetStateAction<any>>;
+}

package/build/esm/packages/aurora/src/src/components/tag/css_classes.d.ts

@@ -0,0 +1,4 @@
+export declare const tag = "tag";
+export declare const tagRemove: string;
+export declare const icon = "icon";
+export declare const iconClose: string;

package/build/esm/packages/aurora/src/src/components/tag/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ITagProps } from './types';
+declare const Tag: React.FC<ITagProps>;
+export default Tag;

package/build/esm/packages/aurora/src/src/components/tag/types.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export interface ITagProps {
+    label?: string;
+    hasCloseIcon?: boolean;
+    onClick?(label?: string): void;
+    children?: ReactNode;
+}

package/build/esm/packages/aurora/src/src/components/tags_selector/components/list.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ITagsList } from '../types';
+declare const TagsList: React.FC<ITagsList>;
+export default TagsList;

package/build/esm/packages/aurora/src/src/components/tags_selector/components/search.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const TagsSearch: React.FC;
+export default TagsSearch;

package/build/esm/packages/aurora/src/src/components/tags_selector/components/wrapper.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ITagsWrapperProps } from '../types';
+declare const TagsWrapper: React.FC<ITagsWrapperProps>;
+export default TagsWrapper;

package/build/esm/packages/aurora/src/src/components/tags_selector/css_classes.d.ts

@@ -0,0 +1,10 @@
+export declare const tags = "tags";
+export declare const tagsSelectedTags: string;
+export declare const tagsSearch: string;
+export declare const tagsList: string;
+export declare const tagsListItem: string;
+export declare const tag = "tag";
+export declare const tagRemove: string;
+export declare const icon = "icon";
+export declare const iconClose: string;
+export declare const pointer = "pointer";

package/build/esm/packages/aurora/src/src/components/tags_selector/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ITagsSelectorProps } from './types';
+declare const TagsSelector: React.FC<ITagsSelectorProps>;
+export default TagsSelector;

package/build/esm/packages/aurora/src/src/components/tags_selector/types.d.ts

@@ -0,0 +1,25 @@
+import { ReactNode } from 'react';
+export interface ITagsSelectorProps {
+    id?: string;
+    name?: string;
+    placeholder?: string;
+    defaultTags?: Array<string>;
+    minTagLength?: number;
+    withList?: boolean;
+    tagsListValue?: Array<string>;
+    onListItemClick?(value: string): void;
+    onChange?(value: Array<string>): void;
+}
+export interface ITagProps {
+    label?: string;
+    withClose?: boolean;
+    onClick?(value?: string): void;
+    children?: ReactNode;
+}
+export interface ITagsWrapperProps {
+    children?: ReactNode;
+}
+export interface ITagsList {
+    value?: Array<string>;
+    onClick(value: string): void;
+}

package/build/esm/packages/aurora/src/src/components/tooltip/index.d.ts

@@ -0,0 +1,10 @@
+import React, { ReactElement } from 'react';
+export interface ITooltip {
+    content: string | ReactElement;
+    fixed?: boolean;
+    left?: boolean;
+    top?: boolean;
+    disabled?: boolean;
+}
+declare const Tooltip: React.FC<ITooltip>;
+export default Tooltip;

package/build/esm/packages/aurora/src/src/components/with_loader/css_classes.d.ts

@@ -0,0 +1 @@
+export declare const cssWithLoader = "with-loader";

package/build/esm/packages/aurora/src/src/components/with_loader/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IWithLoader } from '@auroraComponents/with_loader/types';
+declare const WithLoader: React.FC<IWithLoader>;
+export default WithLoader;

package/build/esm/packages/aurora/src/src/components/with_loader/types.d.ts

@@ -0,0 +1,4 @@
+import { ILoaderProps } from '@auroraComponents/loader/types';
+export interface IWithLoader extends ILoaderProps {
+    isLoading: boolean;
+}

package/build/esm/packages/aurora/src/src/constants/responsive_breakpoints.d.ts

@@ -0,0 +1,13 @@
+declare type TScreenName = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+declare type TScreenSize = 1440 | 1200 | 1000 | 768 | 576;
+declare type TBreakpointsArray = {
+    width: TScreenSize;
+    name: TScreenName;
+}[];
+export declare const SCREEN_XS = "xs";
+export declare const SCREEN_SM = "sm";
+export declare const SCREEN_MD = "md";
+export declare const SCREEN_LG = "lg";
+export declare const SCREEN_XL = "xl";
+export declare const breakpoints: TBreakpointsArray;
+export {};

package/build/esm/packages/aurora/src/src/hooks/index.d.ts

@@ -0,0 +1,4 @@
+import { useClickOutside } from './use_click_outside';
+import { useEffectAfterMount } from './use_effect_after_mount';
+import { useScreenDetect } from './use_screen_detect';
+export { useClickOutside, useEffectAfterMount, useScreenDetect };

package/build/esm/packages/aurora/src/src/hooks/use_click_outside.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+/**
+ * adds listener on mousedown event which detects if click was inside elemnents provided in refs array. If click was
+ * made outside element callback function is called
+ * @param {Array<React.RefObject<HTMLElement>>} refs array of refs
+ * @param {Function} callback called when click is made outside refs elements
+ * @returns {void} void
+ */
+export declare function useClickOutside(refs: Array<React.RefObject<HTMLElement>>, callback: () => void): void;

package/build/esm/packages/aurora/src/src/hooks/use_effect_after_mount.d.ts

@@ -0,0 +1,7 @@
+/**
+ * uses effect only if component is allready mounted
+ * @param {Function} cb callback
+ * @param dependencies array of dependencies
+ * @returns {void} void
+ */
+export declare function useEffectAfterMount(cb: () => void, dependencies: Array<any>): void;

package/build/esm/packages/aurora/src/src/hooks/use_fixed_child_position.d.ts

@@ -0,0 +1,10 @@
+import React, { RefObject } from 'react';
+export declare const useFixedChildPosition: ({ useFixed, childRef, vPosition, hPosition }: {
+    useFixed?: boolean | undefined;
+    vPosition?: "top" | "bottom" | undefined;
+    hPosition?: "center" | "left" | "right" | undefined;
+    childRef?: React.RefObject<HTMLDivElement> | undefined;
+}) => {
+    style: React.CSSProperties;
+    onMouseEnter: (event: React.MouseEvent) => void;
+};

package/build/esm/packages/aurora/src/src/hooks/use_key_down.d.ts

@@ -0,0 +1,14 @@
+import { RefObject } from 'react';
+/**
+ * Bind keydown event and checks if specific sequence/s was pressed
+ * Sequences is array of keys to listen to, key can be:
+ * - specific one eg. 'a', 'A'
+ * - if there are differences in string representing specific key, you can split every representation with "|" eg.
+ * Esc|Escape
+ * - key with modifiers eg ctrl+a or ctrl+alt+c, past position is key
+ * @param keys array for key sequences to check if pressed
+ * @param cb action to fire after specific sequence occured
+ * @param ref reference to element that should have event listener when its focused, if is undefined then event
+ *     listeners will be added to document object
+ */
+export declare const useKeyDown: (keys: Array<string>, cb?: (() => void) | undefined, ref?: RefObject<HTMLElement> | undefined) => void;

package/build/esm/packages/aurora/src/src/hooks/use_resize.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Hook to run function when window has been resized with possible delay
+ * @param fn, function to call
+ * @param wait, delay time
+ */
+export declare const useResize: (fn: () => void, wait?: number) => void;

package/build/esm/packages/aurora/src/src/hooks/use_screen_detect.d.ts

@@ -0,0 +1 @@
+export declare const useScreenDetect: () => string;

package/build/esm/packages/aurora/src/src/hooks/use_unique_id.d.ts

@@ -0,0 +1,9 @@
+/**
+ * hook to generate unique Id
+ * @return {
+ *     uniqueId, function to generate uniqueId
+ * }
+ */
+export declare const useUniqueId: () => {
+    uniqueId: () => (prefix?: string) => string;
+};

package/build/esm/packages/aurora/src/src/i18n.d.ts

@@ -0,0 +1,2 @@
+declare const i18n: import("i18next").i18n;
+export default i18n;