@dreamcommerce/aurora 0.3.4-160 → 0.3.4-161

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 '@components/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 '@components/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/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 '@components/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 '@components/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,17 @@
+/// <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;
+export declare namespace useClickOutside {
+    var displayName: string;
+    var __docgenInfo: {
+        description: string;
+        displayName: string;
+        props: {};
+    };
+}

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

@@ -0,0 +1,15 @@
+/**
+ * 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;
+export declare namespace useEffectAfterMount {
+    var displayName: string;
+    var __docgenInfo: {
+        description: string;
+        displayName: string;
+        props: {};
+    };
+}

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

@@ -0,0 +1,22 @@
+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: string[], cb?: (() => void) | undefined, ref?: RefObject<HTMLElement> | undefined): void;
+    displayName: string;
+    __docgenInfo: {
+        description: string;
+        displayName: string;
+        props: {};
+    };
+};

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

@@ -0,0 +1,14 @@
+/**
+ * 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;
+    displayName: string;
+    __docgenInfo: {
+        description: string;
+        displayName: string;
+        props: {};
+    };
+};

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,17 @@
+/**
+ * hook to generate unique Id
+ * @return {
+ *     uniqueId, function to generate uniqueId
+ * }
+ */
+export declare const useUniqueId: {
+    (): {
+        uniqueId: () => (prefix?: string) => string;
+    };
+    displayName: string;
+    __docgenInfo: {
+        description: string;
+        displayName: string;
+        props: {};
+    };
+};

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

@@ -0,0 +1,2 @@
+import i18n from 'i18next';
+export default i18n;

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

@@ -0,0 +1,79 @@
+import './i18n';
+/**
+ * import components for export
+ */
+import Button from '@components/button';
+import ButtonsGroup from '@components/buttons_group';
+import ColorPicker from '@components/color_picker';
+import ControlInput from '@components/controls/hoc/control_input';
+import ControlCheckbox from '@components/controls/hoc/control_checkbox';
+import ControlCheckboxSwitch from '@components/controls/hoc/control_checkbox_switch';
+import ControlRadio from '@components/controls/hoc/control_radio';
+import ControlRange from '@components/controls/hoc/control_range';
+import ControlDatepicker from '@components/controls/hoc/control_date_picker';
+import ControlColorPicker from '@components/controls/hoc/control_color_picker';
+import ControlTagsSelector from '@components/controls/hoc/control_tags_selector';
+import ControlTextarea from '@components/controls/hoc/control_textarea';
+import ControlSelect from '@components/controls/hoc/control_select';
+import ControlMultiSelect from '@components/controls/hoc/control_multi_select';
+import ControlFilePicker from '@components/controls/hoc/control_file_picker';
+import ControlCellSelector from '@components/controls/hoc/control_cell_selector';
+import Datepicker from '@components/date_picker';
+import Dropdown from '@components/dropdown';
+import Gallery from '@components/gallery';
+import Grid from '@components/grid';
+import Heading from '@components/heading';
+import Label from '@components/label';
+import FilePicker from '@components/file_picker';
+import ModalProvider from '@components/modal/hoc/modal_provider';
+import AbsoluteModal from '@components/modal/hoc/absolute_modal';
+import RelativeModal from '@components/modal/hoc/relative_modal';
+import MultiSelect from '@components/dropdown/hoc/multiselect';
+import Modal from '@components/modal';
+import Select from '@components/dropdown/hoc/select';
+import Spacing from '@components/spacing';
+import Table from '@components/table';
+import DataTable from '@components/table/hoc/data-table';
+import { TabItem, Tabs } from '@components/tabs';
+import Tag from '@components/tag';
+import TagsSelector from '@components/tags_selector';
+import Hint from '@components/hint';
+import Loader from '@components/loader';
+import WithLoader from '@components/with_loader';
+/**
+ * Assets
+ */
+import IconCalendar from '@assets/icon_calendar';
+import IconArrow from '@assets/icon_arrow';
+import IconTick from '@assets/icon_tick';
+/**
+ * import context for export
+ */
+import { DropdownContext } from '@components/dropdown/context';
+import { ModalContext } from '@components/modal/context/modal_context';
+/**
+ * import types for export
+ */
+import { IDropdownProps, ISelectOption } from '@components/dropdown/types';
+import { IHeadingProps } from '@components/heading/types';
+import { ICellProps, IIRowProps, ITableProps } from '@components/table/types';
+import { IDropdownContext } from '@components/dropdown/context/types';
+import ControlRadioGroup from '@components/controls/hoc/control_radio_group';
+import { IControlRadioGroupOption } from '@components/controls/types';
+import { IColor } from '@components/color_picker/types';
+import { IDatepickerRange } from '@components/date_picker/types';
+import { TFilePickerFile } from '@components/file_picker/types';
+import MessageBox from '@components/message-box';
+import FlashMessenger from '@components/flash_messenger';
+import { TMessageBoxType } from '@components/message-box/types';
+import { useFlashMessenger } from '@components/flash_messenger/context';
+import { ILoaderProps } from '@components/loader/types';
+import { IWithLoader } from '@components/with_loader/types';
+/**
+ * export components
+ */
+export { Button, ButtonsGroup, Dropdown, Select, MultiSelect, Label, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ControlColorPicker, ControlDatepicker, ControlFilePicker, Heading, Modal, ModalProvider, AbsoluteModal, RelativeModal, Tabs, TabItem, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader, };
+/**
+ * export types
+ */
+export type { IDropdownProps, ISelectOption, IHeadingProps, ICellProps, IIRowProps, ITableProps, IDropdownContext, IControlRadioGroupOption, IColor, IDatepickerRange, TFilePickerFile, TMessageBoxType, ILoaderProps, IWithLoader, };

package/build/esm/packages/aurora/src/src/typings/general.d.ts

@@ -0,0 +1 @@
+export declare type EnumLiteralsOf<T extends object> = T[keyof T];

package/build/esm/packages/aurora/src/src/utilities/colors/color_converter.d.ts

@@ -0,0 +1,5 @@
+import { THEXColor, THSLColor } from '@utilities/colors/types';
+export declare class ColorConverter {
+    static hex2hsl(value: THEXColor): THSLColor;
+    static hsl2hex({ hue, saturation, lightness }: THSLColor): THEXColor;
+}

package/build/esm/packages/aurora/src/src/utilities/colors/types.d.ts

@@ -0,0 +1,6 @@
+export declare type THSLColor = {
+    hue: number;
+    saturation: number;
+    lightness: number;
+};
+export declare type THEXColor = string;