@dreamcommerce/aurora 0.3.4-164 → 0.3.4-165

package/build/esm/src/src/components/controls/components/textarea.d.ts

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

package/build/esm/src/src/components/controls/hoc/control_cell_selector/index.d.ts

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

package/build/esm/src/src/components/controls/hoc/control_checkbox/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { IControlCheckboxProps } from '../../types';
+/**
+ * @component
+ * @example
+ * return (
+ *  <ControlCheckbox
+ *      id="checkbox_example"
+ *      label="Label"
+ *      labelPosition="left"
+ *      checked
+ *  />
+ * )
+ */
+declare const ControlCheckbox: React.FC<IControlCheckboxProps>;
+export default ControlCheckbox;

package/build/esm/src/src/components/controls/hoc/control_checkbox_switch/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { IControlCheckboxProps } from '../../types';
+/**
+ * @component
+ * @example
+ * return (
+ *  <ControlCheckbox
+ *      id="checkbox_example"
+ *      label="Label"
+ *      labelPosition="left"
+ *      checked
+ *  />
+ * )
+ */
+declare const ControlCheckboxSwitch: React.FC<IControlCheckboxProps>;
+export default ControlCheckboxSwitch;

package/build/esm/src/src/components/controls/hoc/control_color_picker/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { IControlColorPickerProps } from '@components/controls/types';
+/**
+ * @component
+ * @example
+ * return (
+ *  <ControlColorPicker
+ *      initialColor="#FF00FF"
+ *      name="Example color picker"
+ *      isRequired
+ *      label="Example color picker label"
+ *  />
+ * )
+ */
+declare const ControlColorPicker: React.FC<IControlColorPickerProps>;
+export default ControlColorPicker;

package/build/esm/src/src/components/controls/hoc/control_date_picker/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IDatepickerProps } from '@components/date_picker/types';
+declare const DatePickerWithDropdown: (props: IDatepickerProps) => JSX.Element;
+export default DatePickerWithDropdown;

package/build/esm/src/src/components/controls/hoc/control_file_picker/index.d.ts

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

package/build/esm/src/src/components/controls/hoc/control_input/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { IControlInputProps } from '../../types';
+/**
+ * @component
+ * @example
+ * return (
+ *  <ControlInput
+ *      label="Label"
+ *      isRequired={true}
+ *      id="input_example"
+ *      postfix="zł"
+ *      placeholder="Enter text"
+ *      value="example"
+ *      onChange={() => {}}
+ *  />
+ * )
+ */
+declare const ControlInput: React.FC<IControlInputProps>;
+export default ControlInput;

package/build/esm/src/src/components/controls/hoc/control_multi_select/index.d.ts

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

package/build/esm/src/src/components/controls/hoc/control_radio/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { IControlRadioProps } from '../../types';
+/**
+ * @component
+ * @example
+ * return (
+ *  <ControlRadio
+ *      id="checkbox_example"
+ *      label="Label"
+ *      labelPosition="left"
+ *      checked
+ *  />
+ * )
+ */
+declare const ControlRadio: React.FC<IControlRadioProps>;
+export default ControlRadio;

package/build/esm/src/src/components/controls/hoc/control_radio_group/index.d.ts

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

package/build/esm/src/src/components/controls/hoc/control_range/index.d.ts

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

package/build/esm/src/src/components/controls/hoc/control_select/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { IControlSelectProps } from '../../types';
+/**
+ * @component
+ * @example
+ * return (
+ *  <ControlInput
+ *      label="Label"
+ *      isRequired={true}
+ *      id="input_example"
+ *      postfix="zł"
+ *      placeholder="Enter text"
+ *      value="example"
+ *      onChange={() => {}}
+ *  />
+ * )
+ */
+declare const ControlSelect: React.FC<IControlSelectProps>;
+export default ControlSelect;

package/build/esm/src/src/components/controls/hoc/control_tags_selector/index.d.ts

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

package/build/esm/src/src/components/controls/hoc/control_textarea/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { IControlTextareaProps } from '../../types';
+/**
+ * @component
+ * @example
+ * return (
+ *  <ControlInput
+ *      label="Label"
+ *      isRequired={true}
+ *      id="input_example"
+ *      postfix="zł"
+ *      placeholder="Enter text"
+ *      value="example"
+ *      onChange={() => {}}
+ *  />
+ * )
+ */
+declare const ControlTextarea: React.FC<IControlTextareaProps>;
+export default ControlTextarea;

package/build/esm/src/src/components/controls/index.d.ts

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

package/build/esm/src/src/components/date_picker/components/common_ranges.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const CommonRanges: () => JSX.Element;
+export default CommonRanges;

package/build/esm/src/src/components/date_picker/components/month_controller.d.ts

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

package/build/esm/src/src/components/date_picker/components/pure_date_picker.d.ts

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

package/build/esm/src/src/components/date_picker/hoc/range_picker.d.ts

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

package/build/esm/src/src/components/date_picker/hoc/single_date_picker.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ISingleDatepickerProps } from '@components/date_picker/types';
+export declare const SingleDatepicker: FC<ISingleDatepickerProps>;
+export default SingleDatepicker;

package/build/esm/src/src/components/date_picker/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { IDatepickerProps } from './types';
+import RangePicker from './hoc/range_picker';
+import SingleDatepicker from './hoc/single_date_picker';
+export { RangePicker, SingleDatepicker };
+declare const _default: ({ defaultDate, defaultRange, type, name, onChange, maxDate, minDate, maxRange, minRange, className, showButtons, showDefaultRanges, }: IDatepickerProps) => JSX.Element;
+export default _default;

package/build/esm/src/src/components/dropdown/components/option_multiple.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IDropdownOptionMultipleProps } from '../types';
+/**
+ * Dropdown.OptionMultiple component. Should be only used within Dropdown.List
+ * @component
+ * @example
+ * const option = {
+ *  text: 'Option 1',
+ *  value: '1'
+ * }
+ *
+ * <Dropdown.OptionMultiple
+ *  key="id1"
+ *  option={option}
+ *  isSelected={false}
+ *  isDisabled={false}
+ *  isReadonly={false}
+ *  onClick={(option) => console.log(option)}
+ * />
+ */
+declare const OptionMultiple: React.FC<IDropdownOptionMultipleProps>;
+export default OptionMultiple;

package/build/esm/src/src/components/dropdown/hoc/multiselect/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { IMultiSelectProps } from '../../types';
+/**
+ * MultiSelect component. Build with Dropdown composed components.
+ *
+ * @component
+ * @example
+ * const options = [{
+ *  text: 'Option 1',
+ *  value: 'value1'
+ * }, {
+ *  text: 'Option 2,,
+ *  value: 'value2'
+ * }];
+ * return (
+ *  <MultiSelect name="my_select_name" options={options} onChange={(option) => console.log(option)} />
+ * )
+ */
+declare const Multiple: React.FC<IMultiSelectProps>;
+export default Multiple;

package/build/esm/src/src/components/dropdown/hoc/select/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { ISelectProps } from '../../types';
+/**
+ * Select component. Build with Dropdown composed components.
+ *
+ * @component
+ * @example
+ * const options = [{
+ *  text: 'Option 1',
+ *  value: 'value1'
+ * }, {
+ *  text: 'Option 2,,
+ *  value: 'value2'
+ * }];
+ * return (
+ *  <Select name="my_select_name" options={options} onChange={(option) => console.log(option)} />
+ * )
+ */
+declare const Select: React.FC<ISelectProps>;
+export default Select;

package/build/esm/src/src/components/dropdown/index.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IDropdownProps, IDropdownComposition } from './types';
+/**
+ * Dropdown composition component. Provides several Dropdown dependant components which can be composed to create selects, multiselects or dropdowns.
+ *
+ * @component
+ * @example
+ * return (
+ *  <Dropdown>
+ *      <Dropdown.Label label="Wybierz link" />
+ *      <Dropdown.Content>
+ *          <Dropdown.List>
+ *              <Dropdown.Link text="shoper.pl" href="https://shoper.pl" />
+ *              <Dropdown.Link text="forum.shoper.pl" href="https://forum.shoper.pl" />
+ *              <Dropdown.Link text="shoper.pl/help" href="https://shoper.pl/help" />
+ *          </Dropdown.List>
+ *      </Dropdown.Content>
+ *  <Dropdown>
+ * )
+ */
+declare const Dropdown: React.FC<IDropdownProps> & IDropdownComposition;
+export default Dropdown;

package/build/esm/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/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/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/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;