@dreamcommerce/aurora 0.3.4-183 → 0.3.4-184

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

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

package/build/esm/packages/aurora/src/src/utilities/dates/formats.d.ts

@@ -0,0 +1,19 @@
+/**
+ *
+ * @param date, date to format, if its undefined then return mask
+ * @param locale, country code
+ * @return formatted date to human readable format
+ */
+export declare const formatDate: (date?: Date | undefined, locale?: string | undefined) => string;
+/**
+ *
+ * @param locale, country code
+ * @return string which looks like empty date
+ */
+export declare const getDateMask: (locale?: string | undefined) => string;
+/**
+ *
+ * @param date, date to format
+ * @param locale, country code
+ */
+export declare const getFormattedDate: (date: Date, locale?: string | undefined) => string;

package/build/esm/packages/aurora/src/src/utilities/events/event_registration.d.ts

@@ -0,0 +1,10 @@
+import { IPosition } from '@auroraComponents/color_picker/types';
+import React from 'react';
+export declare const registerOnMouseEvents: (listener: (event: IPosition) => void, onEndListener?: ((event: MouseEvent) => void) | undefined) => void;
+/**
+ *
+ * @param e, TouchEvent which us mapped to MouseEvent
+ */
+export declare const mapMouseEventToPosition: (e: React.MouseEvent<HTMLElement, MouseEvent> | MouseEvent) => IPosition;
+export declare const mapTouchEventToPosition: (e: React.TouchEvent | TouchEvent) => IPosition;
+export declare const registerOnTouchEvents: (listener: (event: IPosition) => void) => void;

package/build/esm/packages/aurora/src/src/utilities/fuzzy_search/fuzzy_search.d.ts

@@ -0,0 +1,19 @@
+declare type ObjectWithStringKeys = {
+    [key: string]: any;
+};
+/**
+ * searches within array of objects by given key, returns filtered array of objects using fuzzy algorithm
+ * @param {string} searchQuery - the phrase by which it searches
+ * @param {Array<Object>} arrayToFilter - array which will be searched
+ * @param {string} key - key of object within arrayToFilter where search should be used
+ * @example
+ * // returns [{id: 1, text: 'polish'}, {id: 2, text: 'portugal'}]
+ * fuzzySearch('pol', [
+ *  {id: 1, text: 'polish'},
+ *  {id: 2, text: 'portugal'},
+ *  {id: 3, text: 'english'}
+ * ], 'text')
+ * @returns {Array} - filtered array
+ */
+export declare function fuzzySearch(searchQuery: string, arrayToFilter: Array<ObjectWithStringKeys>, key: string): Object[];
+export {};

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

@@ -0,0 +1,3 @@
+import { fuzzySearch } from './fuzzy_search/fuzzy_search';
+import { formatDate, getDateMask, getFormattedDate } from './dates/formats';
+export { fuzzySearch, formatDate, getDateMask, getFormattedDate };

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

@@ -0,0 +1,12 @@
+import { IPosition } from '@auroraComponents/color_picker/types';
+/**
+ * Function to constraining value to range
+ */
+export declare const constrainToRange: (value: number, min: number, max: number) => number;
+export declare const getIndicatorPositionFromPosition: ({ elementRect, position }: {
+    elementRect: DOMRect;
+    position: IPosition;
+}) => {
+    positionX: number;
+    positionY: number;
+};

package/build/esm/packages/aurora/src/src/utilities/styles/classNames.d.ts

@@ -0,0 +1,8 @@
+/**
+ *
+ * @param classList,    list of strings which will joined to one string,
+ *                      it is allowed to put falsy-values and they will be filtered out
+ *
+ * @param cssClasses,   object of less classNames taken
+ */
+export declare const classNames: (classList: Array<string | null | undefined | false>, cssClasses: Object) => string;

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare type TWithTranslation = <T>(children: React.FC<T>) => React.FC<T>;

package/build/esm/packages/aurora/src/src/utilities/translation/with_translation.d.ts

@@ -0,0 +1,3 @@
+import { TWithTranslation } from '@auroraUtilities/translation/types';
+declare const withTranslation: TWithTranslation;
+export default withTranslation;

package/build/esm/packages/aurora/src/stories/button/button.stories.d.ts

@@ -0,0 +1,146 @@
+import React from 'react';
+declare const _default: {
+    parameters: {
+        storySource: {
+            source: string;
+            locationsMap: {
+                "standard-button": {
+                    startLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    endLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    startBody: {
+                        col: number;
+                        line: number;
+                    };
+                    endBody: {
+                        col: number;
+                        line: number;
+                    };
+                };
+                "small-button": {
+                    startLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    endLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    startBody: {
+                        col: number;
+                        line: number;
+                    };
+                    endBody: {
+                        col: number;
+                        line: number;
+                    };
+                };
+                "outline-button": {
+                    startLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    endLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    startBody: {
+                        col: number;
+                        line: number;
+                    };
+                    endBody: {
+                        col: number;
+                        line: number;
+                    };
+                };
+                "button-link": {
+                    startLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    endLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    startBody: {
+                        col: number;
+                        line: number;
+                    };
+                    endBody: {
+                        col: number;
+                        line: number;
+                    };
+                };
+                "button-link-small": {
+                    startLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    endLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    startBody: {
+                        col: number;
+                        line: number;
+                    };
+                    endBody: {
+                        col: number;
+                        line: number;
+                    };
+                };
+                "link-button": {
+                    startLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    endLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    startBody: {
+                        col: number;
+                        line: number;
+                    };
+                    endBody: {
+                        col: number;
+                        line: number;
+                    };
+                };
+                "link-button-with-onclick-function": {
+                    startLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    endLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    startBody: {
+                        col: number;
+                        line: number;
+                    };
+                    endBody: {
+                        col: number;
+                        line: number;
+                    };
+                };
+            };
+        };
+    };
+    title: string;
+    component: React.FC<import("../../src/components/button/types").IButtonProps>;
+};
+export default _default;
+export declare const StandardButton: () => JSX.Element;
+export declare const SmallButton: () => JSX.Element;
+export declare const OutlineButton: () => JSX.Element;
+export declare const ButtonLink: () => JSX.Element;
+export declare const ButtonLinkSmall: () => JSX.Element;
+export declare const LinkButton: () => JSX.Element;
+export declare const LinkButtonWithOnclickFunction: () => JSX.Element;

package/build/esm/packages/aurora/src/stories/controls/control_cell_selector/control_cell_selector.stories.d.ts

@@ -0,0 +1,90 @@
+import React from 'react';
+declare const _default: {
+    parameters: {
+        storySource: {
+            source: string;
+            locationsMap: {
+                "standard-cell-selector": {
+                    startLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    endLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    startBody: {
+                        col: number;
+                        line: number;
+                    };
+                    endBody: {
+                        col: number;
+                        line: number;
+                    };
+                };
+                "standard-control-cell-selector": {
+                    startLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    endLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    startBody: {
+                        col: number;
+                        line: number;
+                    };
+                    endBody: {
+                        col: number;
+                        line: number;
+                    };
+                };
+                "control-cell-selector-with-label": {
+                    startLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    endLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    startBody: {
+                        col: number;
+                        line: number;
+                    };
+                    endBody: {
+                        col: number;
+                        line: number;
+                    };
+                };
+                "control-cell-selector-with-knobs": {
+                    startLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    endLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    startBody: {
+                        col: number;
+                        line: number;
+                    };
+                    endBody: {
+                        col: number;
+                        line: number;
+                    };
+                };
+            };
+        };
+    };
+    title: string;
+    component: React.FC<import("../../../src/components/controls/types").ICellSelector>;
+    decorators: ((...args: any) => any)[];
+};
+export default _default;
+export declare const StandardCellSelector: () => JSX.Element;
+export declare const StandardControlCellSelector: () => JSX.Element;
+export declare const ControlCellSelectorWithLabel: () => JSX.Element;
+export declare const ControlCellSelectorWithKnobs: () => JSX.Element;

package/build/esm/packages/aurora/src/stories/controls/control_checkbox/checkbox.stories.d.ts

@@ -0,0 +1,89 @@
+import React from 'react';
+declare const _default: {
+    parameters: {
+        storySource: {
+            source: string;
+            locationsMap: {
+                "standard-checkbox": {
+                    startLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    endLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    startBody: {
+                        col: number;
+                        line: number;
+                    };
+                    endBody: {
+                        col: number;
+                        line: number;
+                    };
+                };
+                "checked-checkbox": {
+                    startLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    endLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    startBody: {
+                        col: number;
+                        line: number;
+                    };
+                    endBody: {
+                        col: number;
+                        line: number;
+                    };
+                };
+                "unchecked-disabled-checkbox": {
+                    startLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    endLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    startBody: {
+                        col: number;
+                        line: number;
+                    };
+                    endBody: {
+                        col: number;
+                        line: number;
+                    };
+                };
+                "checked-disabled-checkbox": {
+                    startLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    endLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    startBody: {
+                        col: number;
+                        line: number;
+                    };
+                    endBody: {
+                        col: number;
+                        line: number;
+                    };
+                };
+            };
+        };
+    };
+    title: string;
+    component: React.FC<import("../../../src/components/controls/types").IControlCheckboxProps>;
+};
+export default _default;
+export declare const StandardCheckbox: () => JSX.Element;
+export declare const CheckedCheckbox: () => JSX.Element;
+export declare const UncheckedDisabledCheckbox: () => JSX.Element;
+export declare const CheckedDisabledCheckbox: () => JSX.Element;

package/build/esm/packages/aurora/src/stories/controls/control_checkbox_switch/checkbox_switch.stories.d.ts

@@ -0,0 +1,89 @@
+import React from 'react';
+declare const _default: {
+    parameters: {
+        storySource: {
+            source: string;
+            locationsMap: {
+                "standard-checkbox-switch": {
+                    startLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    endLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    startBody: {
+                        col: number;
+                        line: number;
+                    };
+                    endBody: {
+                        col: number;
+                        line: number;
+                    };
+                };
+                "checked-checkbox-switch": {
+                    startLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    endLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    startBody: {
+                        col: number;
+                        line: number;
+                    };
+                    endBody: {
+                        col: number;
+                        line: number;
+                    };
+                };
+                "unchecked-disabled-checkbox-switch": {
+                    startLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    endLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    startBody: {
+                        col: number;
+                        line: number;
+                    };
+                    endBody: {
+                        col: number;
+                        line: number;
+                    };
+                };
+                "checked-disabled-checkbox-switch": {
+                    startLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    endLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    startBody: {
+                        col: number;
+                        line: number;
+                    };
+                    endBody: {
+                        col: number;
+                        line: number;
+                    };
+                };
+            };
+        };
+    };
+    title: string;
+    component: React.FC<import("../../../src/components/controls/types").IControlCheckboxProps>;
+};
+export default _default;
+export declare const StandardCheckboxSwitch: () => JSX.Element;
+export declare const CheckedCheckboxSwitch: () => JSX.Element;
+export declare const UncheckedDisabledCheckboxSwitch: () => JSX.Element;
+export declare const CheckedDisabledCheckboxSwitch: () => JSX.Element;