@dreamcommerce/aurora 0.3.4-18 → 0.3.4-180

package/build/components/dropdown/index.js

@@ -1,64 +0,0 @@
-import React, { useRef } from 'react';
-import './types';
-import cssClasses from '@css/dropdown/main.module.less';
-import { useToggle } from './hooks';
-import { DropdownContext } from './context';
-import Select from './components/select';
-import Content from './components/content';
-import List from './components/list';
-import Header from './components/header';
-import Option from './components/option';
-import OptionMultiple from './components/option_multiple';
-import Item from './components/item';
-import Link from './components/link';
-import Label from './components/label';
-import Search from './components/search';
-import CustomLabel from './components/custom_label';
-/**
- * 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>
- * )
- */
-var Dropdown = function (_a) {
-    var _b = _a.defaultIsOpen, defaultIsOpen = _b === void 0 ? false : _b, onToggle = _a.onToggle, children = _a.children;
-    /**
-     * reference to dropdown wrapper element
-     */
-    var wrapperRef = useRef(null);
-    /**
-     * isOpen provides state if dropdown is open(visible), toggleDropdown is a function which toggles dropdown content
-     */
-    var _c = useToggle(defaultIsOpen, onToggle), isOpen = _c[0], toggleDropdown = _c[1];
-    /**
-     * context values, they may be used with useContext in any component which is part of Dropdown composition
-     */
-    var value = React.useMemo(function () { return ({ wrapperRef: wrapperRef, isOpen: isOpen, toggleDropdown: toggleDropdown }); }, [isOpen, toggleDropdown]);
-    return (React.createElement(DropdownContext.Provider, { value: value },
-        React.createElement("div", { ref: wrapperRef, className: cssClasses.dropdown }, children)));
-};
-Dropdown.Select = Select;
-Dropdown.Content = Content;
-Dropdown.Search = Search;
-Dropdown.List = List;
-Dropdown.Header = Header;
-Dropdown.Option = Option;
-Dropdown.OptionMultiple = OptionMultiple;
-Dropdown.Link = Link;
-Dropdown.Label = Label;
-Dropdown.CustomLabel = CustomLabel;
-Dropdown.Item = Item;
-export default Dropdown;
-//# sourceMappingURL=index.js.map

package/build/components/dropdown/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/dropdown/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAqD,SAAS,CAAC;AAC/D,OAAO,UAAU,MAAM,gCAAgC,CAAC;AAExD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAE5C,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,OAAO,MAAM,sBAAsB,CAAC;AAC3C,OAAO,IAAI,MAAM,mBAAmB,CAAC;AACrC,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAC1D,OAAO,IAAI,MAAM,mBAAmB,CAAC;AACrC,OAAO,IAAI,MAAM,mBAAmB,CAAC;AACrC,OAAO,KAAK,MAAM,oBAAoB,CAAC;AACvC,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,WAAW,MAAM,2BAA2B,CAAC;AAEpD;;;;;;;;;;;;;;;;;GAiBG;AACH,IAAM,QAAQ,GAAoD,UAAC,EAA6C;QAA3C,qBAAqB,EAArB,0CAAqB,EAAE,sBAAQ,EAAE,sBAAQ;IAC1G;;OAEG;IACH,IAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEhD;;OAEG;IACG,IAAA,uCAA6D,EAA5D,cAAM,EAAE,sBAAoD,CAAC;IAEpE;;OAEG;IACH,IAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,cAAM,OAAA,CAAC,EAAE,UAAU,YAAA,EAAE,MAAM,QAAA,EAAE,cAAc,gBAAA,EAAE,CAAC,EAAxC,CAAwC,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC;IAEtG,OAAO,CACH,oBAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK;QAClC,6BAAK,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,CAAC,QAAQ,IAC/C,QAAQ,CACP,CACiB,CAC9B,CAAC;AACN,CAAC,CAAC;AAEF,QAAQ,CAAC,MAAM,GAAG,MAAM,CAAC;AACzB,QAAQ,CAAC,OAAO,GAAG,OAAO,CAAC;AAC3B,QAAQ,CAAC,MAAM,GAAG,MAAM,CAAC;AACzB,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC;AACrB,QAAQ,CAAC,MAAM,GAAG,MAAM,CAAC;AACzB,QAAQ,CAAC,MAAM,GAAG,MAAM,CAAC;AACzB,QAAQ,CAAC,cAAc,GAAG,cAAc,CAAC;AACzC,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC;AACrB,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAC;AACvB,QAAQ,CAAC,WAAW,GAAG,WAAW,CAAC;AACnC,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC;AAErB,eAAe,QAAQ,CAAC"}

package/build/components/dropdown/types.d.ts

@@ -1,99 +0,0 @@
-import { ReactNode, RefObject } from 'react';
-export interface IDropdownProps {
-    isWithGroups?: boolean;
-    defaultIsOpen?: boolean;
-    defaultCloseOnClick?: boolean;
-    portalContainer?: RefObject<HTMLElement>;
-    children?: ReactNode;
-    onToggle?: (isOpen: boolean) => void;
-}
-export interface IDropdownComposition {
-    Select: React.FC<IDropdownSelectProps>;
-    Label: React.FC<IDropdownLabelProps>;
-    CustomLabel: React.FC<IDropdownCustomLabelProps>;
-    Content: React.FC<IDropdownContentProps>;
-    Search: React.FC<IDropdownSearchProps>;
-    Header: React.FC<IDropdownHeaderProps>;
-    List: React.FC<IDropdownListProps>;
-    Item: React.FC<IDropdownItemProps>;
-    Option: React.FC<IDropdownOptionProps>;
-    OptionMultiple: React.FC<IDropdownOptionMultipleProps>;
-    Link: React.FC<IDropdownLinkProps>;
-}
-export interface IDropdownSelectProps {
-    name: string;
-    selectedOptions: Array<ISelectOption>;
-    isDisabled?: boolean;
-    isReadonly?: boolean;
-}
-export interface IDropdownLabelProps {
-    label: string;
-    cssClass?: string;
-}
-export interface IDropdownCustomLabelProps {
-}
-export interface IDropdownContentProps {
-    search?: ReactNode;
-    children?: ReactNode;
-    headerComponent?: string | ReactNode;
-    headerText?: string;
-    headerIcon?: string;
-    portalContainer?: RefObject<HTMLElement>;
-}
-export interface IDropdownSearchProps {
-    onKeyUp: (ev: React.KeyboardEvent<Element>) => void;
-}
-export interface IDropdownListProps {
-    isWithGroups?: boolean;
-    children?: ReactNode;
-}
-export interface IDropdownOptionProps {
-    option: ISelectOption;
-    isSelected: boolean;
-    isDisabled?: boolean;
-    isReadonly?: boolean;
-    onClick: (option: ISelectOption) => void;
-}
-export interface IDropdownOptionMultipleProps extends IDropdownOptionProps {
-}
-export interface IDropdownHeaderProps {
-    text: string;
-}
-export interface IDropdownItemProps {
-    children: ReactNode;
-    isSelected?: boolean;
-    onClick?: (obj: {
-        ev: React.MouseEvent;
-        toggleDropdown: undefined | (() => void);
-    }) => void;
-}
-export interface IDropdownLinkProps {
-    text: string;
-    href: string;
-    target?: string;
-    rel?: string;
-}
-export interface ISelectProps extends IDropdownProps {
-    name: string;
-    options: Array<ISelectOption>;
-    defaultValues?: Array<string>;
-    isReadonly?: boolean;
-    isDisabled?: boolean;
-    isWithSearch?: boolean;
-    onChange?: (selectedOption: ISelectOption) => void;
-}
-export interface ISelectOption {
-    text: string;
-    value: string;
-    isHeader?: boolean;
-    isDisabled?: boolean;
-    isReadonly?: boolean;
-}
-export interface IMultiSelectProps extends Omit<ISelectProps, 'onChange'> {
-    onChange?: (selectedOption: ISelectOption, isChecked: boolean, allSelectedOptions: Array<ISelectOption>) => void;
-}
-export interface ISelectOptionAttributes {
-    isSelected: boolean;
-    isDisabled?: boolean;
-    isReadonly?: boolean;
-}

package/build/components/dropdown/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/dropdown/types.ts"],"names":[],"mappings":"AAAA,OAAqC,OAAO,CAAC"}

package/build/components/dropdown/utilities.d.ts

@@ -1,25 +0,0 @@
-/// <reference types="react" />
-import { ISelectOption } from './types';
-/**
- * checks if the given option is selected within array of selectedValues array
- * @param {ISelectOption} option select/multiselect option
- * @param {Array<ISelectOption>} selectedValues array of selected values
- * @returns {Boolean}
- */
-export declare const isSelected: (option: ISelectOption, selectedValues: ISelectOption[]) => boolean;
-/**
- * Called on Dropdown.Option(Dropdown.MultiOption) click. Marks given option as selected, option value is added do selectedValues array, closes dropdown if defaultCloseOnClick is true
- * @param {ISelectOption} option - option that was clicked
- * @param {boolean} defaultCloseOnClick - determines if dropdown should hide after choosing option
- * @param {Function} setSelectedValues - selected values state setter
- * @param {Function} toggleDropdown - method which toggles dropdown
- */
-export declare const handleItemClick: (option: ISelectOption, defaultCloseOnClick: boolean, setSelectedValues: (selectedOption: any) => void, toggleDropdown: () => void) => void;
-/**
- * function called on keypress on Dropdown.Search control_input, filters dropdown options and sets new list with filtered results
- * @param {React.KeyboardEvent} ev react keyboard event
- * @param {Array<ISelectOption>} options list of dropdown options to filter
- * @param {Function} setOptionsList method to set new state of options list
- * @returns {void} nothing
- */
-export declare const handleSearchKeyUp: (ev: import("react").KeyboardEvent<Element>, options: ISelectOption[], setOptionsList: (value: import("react").SetStateAction<ISelectOption[]>) => void) => void;

package/build/components/dropdown/utilities.js

@@ -1,36 +0,0 @@
-import { fuzzySearch } from '@utilities/fuzzy_search/fuzzy_search';
-import './types';
-/**
- * checks if the given option is selected within array of selectedValues array
- * @param {ISelectOption} option select/multiselect option
- * @param {Array<ISelectOption>} selectedValues array of selected values
- * @returns {Boolean}
- */
-export var isSelected = function (option, selectedValues) { return selectedValues.indexOf(option) >= 0; };
-/**
- * Called on Dropdown.Option(Dropdown.MultiOption) click. Marks given option as selected, option value is added do selectedValues array, closes dropdown if defaultCloseOnClick is true
- * @param {ISelectOption} option - option that was clicked
- * @param {boolean} defaultCloseOnClick - determines if dropdown should hide after choosing option
- * @param {Function} setSelectedValues - selected values state setter
- * @param {Function} toggleDropdown - method which toggles dropdown
- */
-export var handleItemClick = function (option, defaultCloseOnClick, setSelectedValues, toggleDropdown) {
-    setSelectedValues(option);
-    if (defaultCloseOnClick === true) {
-        toggleDropdown();
-    }
-};
-/**
- * function called on keypress on Dropdown.Search control_input, filters dropdown options and sets new list with filtered results
- * @param {React.KeyboardEvent} ev react keyboard event
- * @param {Array<ISelectOption>} options list of dropdown options to filter
- * @param {Function} setOptionsList method to set new state of options list
- * @returns {void} nothing
- */
-export var handleSearchKeyUp = function (ev, options, setOptionsList) {
-    var $input = ev.target;
-    var searchQuery = $input.value;
-    var filteredOptions = fuzzySearch(searchQuery, options, 'text');
-    setOptionsList(function () { return filteredOptions; });
-};
-//# sourceMappingURL=utilities.js.map

package/build/components/dropdown/utilities.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utilities.js","sourceRoot":"","sources":["../../../src/components/dropdown/utilities.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAA8B,SAAS,CAAC;AAExC;;;;;GAKG;AACH,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,MAAqB,EAAE,cAAoC,IAAc,OAAA,cAAc,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,EAAnC,CAAmC,CAAC;AAExI;;;;;;GAMG;AACH,MAAM,CAAC,IAAM,eAAe,GAAG,UAC3B,MAAqB,EACrB,mBAA4B,EAC5B,iBAAgD,EAChD,cAA0B;IAE1B,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAE1B,IAAI,mBAAmB,KAAK,IAAI,EAAE;QAC9B,cAAc,EAAE,CAAC;KACpB;AACL,CAAC,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAC7B,EAAuB,EACvB,OAA6B,EAC7B,cAAsE;IAEtE,IAAM,MAAM,GAAqB,EAAE,CAAC,MAA0B,CAAC;IAC/D,IAAM,WAAW,GAAW,MAAM,CAAC,KAAK,CAAC;IAEzC,IAAM,eAAe,GAAyB,WAAW,CAAC,WAAW,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;IACxF,cAAc,CAAC,cAAM,OAAA,eAAe,EAAf,CAAe,CAAC,CAAC;AAC1C,CAAC,CAAC"}

package/build/components/gallery/index.d.ts

@@ -1,66 +0,0 @@
-import { GalleryOptions, IGallery, IImageAttributes } from './types';
-/**
- * Class representing gallery.
- * @type {Gallery}
- * @implements IGallery
- */
-export default class Gallery implements IGallery {
-    /**
-     * gallery HTMLElement
-     * @type {HTMLElement}
-     */
-    $gallery: HTMLElement;
-    /**
-     * @param {GalleryOptions} object
-     * @param {string} object.galleryName - gallery name
-     * @param {string} object.selectedImageSrc - selected image's source
-     * @param {boolean} object.navArrows - determines if gallery should have navigation arrows
-     * @param {boolean} object.imagesNumbers - determines if gallery should have images numbers
-     * @param {boolean} object.thumbnails - determines if gallery should have thumbnails
-     * @param {string} object.mode - determines in which mode should gallery render
-     * @param {boolean} object.carousel - determines if main images should changing in a loop
-     */
-    options: GalleryOptions;
-    selectedImageNumber: number;
-    imagesCount: number;
-    imagesAttributes: Array<IImageAttributes>;
-    imagesMarkups: Array<HTMLDivElement | null>;
-    $imagesContainer: HTMLDivElement;
-    isPreviousImage: boolean;
-    isNextImage: boolean;
-    transform: number;
-    mediaQueries: MediaQueryList;
-    selectors: {
-        mainImage: string;
-        selectedImageNumber: string;
-        previousButton: string;
-        nextButton: string;
-        images: string;
-        imagesContainer: string;
-    };
-    transX: number;
-    transY: number;
-    scale: number;
-    /**
-     * creates new gallery instance with custom gallery template
-     * @param {GalleryOptions} options
-     */
-    constructor(options: GalleryOptions);
-    createGalleryMarkup(): void;
-    createImageMarkup(imageIndex: number, source: string): HTMLDivElement;
-    addEventListeners(): void;
-    toggleMainImageVisibility(ev: Event): void;
-    setDimensions(imageIndex: number): {
-        maxWidthClass: string;
-        maxHeightClass: string;
-        mobileClass: string;
-    };
-    updateDimensions: () => void;
-    removeGallery: (ev: Event) => void;
-    handleNextImagePreview: () => void;
-    handlePreviousImagePreview: () => void;
-    keyBindings: (ev: KeyboardEvent) => void;
-    changeImageNumber(): void;
-    hasPreviousImage(): boolean;
-    hasNextImage(): boolean;
-}