@dreamcommerce/aurora 0.3.4-183 → 0.3.4-187

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import { IButtonProps } from './types';
+/**
+ * @component
+ * @example
+ * return (
+ *  <Button
+ *      size="small"
+ *      variant="light">
+ *          Text button
+ *  </Button>
+ *
+ *  <Button
+ *      as="link"
+ *      href="https://onet.pl">
+ *          Text button
+ *  </Button>
+ * )
+ */
+declare const Button: React.FC<IButtonProps>;
+export default Button;

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

@@ -0,0 +1,11 @@
+import { ButtonHTMLAttributes } from 'react';
+export interface IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    as?: 'button' | 'link';
+    size?: 'small';
+    variant?: 'outline' | 'link';
+    inactive?: boolean;
+    color?: 'secondary';
+    href?: string;
+    target?: '_blank';
+    children: NodeListOf<HTMLElement> | string | Element;
+}

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

@@ -0,0 +1,4 @@
+export declare const cssButtonsGroup = "buttons-group";
+export declare const cssButtonsGroupHCenter: string;
+export declare const cssButtonsGroupHRight: string;
+export declare const cssButtonsGroupReverseOrder: string;

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

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

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

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export interface IButtonsGroupProps {
+    align?: 'left' | 'center' | 'right';
+    isOrderReversed?: boolean;
+    children: ReactNode;
+}

package/build/esm/packages/aurora/src/src/components/color_picker/components/buttons.d.ts

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

package/build/esm/packages/aurora/src/src/components/color_picker/components/hue_picker.d.ts

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

package/build/esm/packages/aurora/src/src/components/color_picker/components/label.d.ts

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

package/build/esm/packages/aurora/src/src/components/color_picker/components/saturation_lightness_picker.d.ts

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

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

@@ -0,0 +1,4 @@
+export declare const MAX_HUE_VALUE = 360;
+export declare const MAX_LIGHTNESS_VALUE = 100;
+export declare const MAX_SATURATION_VALUE = 100;
+export declare const SATURATION_OFFSET = 0.00001;

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

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

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

@@ -0,0 +1,12 @@
+export declare const cssColorPicker = "color-picker";
+export declare const cssColorPickerInputColorPreview: string;
+export declare const cssColorPickerButtonsGroup: string;
+export declare const cssColorPickerHuePicker: string;
+export declare const cssColorPickerPointer: string;
+export declare const cssColorPickerPointerInside: string;
+export declare const cssColorPickerSaturationLightnessPicker: string;
+export declare const cssColorPickerMask: string;
+export declare const cssColorPickerMaskWhite: string;
+export declare const cssColorPickerMaskBlack: string;
+export declare const cssColorPickerPreviewContainer: string;
+export declare const cssColorPickerPreview: string;

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { IColorPickerProps, IPureColorPickerProps } from './types';
+export declare const PureColorPicker: React.FC<IPureColorPickerProps>;
+declare const _default: React.FC<IColorPickerProps>;
+export default _default;

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

@@ -0,0 +1,59 @@
+import { Dispatch, RefObject, SetStateAction } from 'react';
+export interface IPosition {
+    clientX: number;
+    clientY: number;
+}
+export interface IColor {
+    hue: number;
+    saturation: number;
+    lightness: number;
+    hex: string;
+}
+export interface IHuePickerProps {
+    hueSliderRef: RefObject<HTMLDivElement>;
+    classes: any;
+}
+export interface IColorPickerButtonsProps {
+    restoreInitialColor: () => void;
+}
+export interface IPureColorPickerProps {
+    hideChooseCancelButtons?: boolean;
+}
+export interface IColorPickerProps extends IPureColorPickerProps {
+    onChange?: (color: IColor) => void;
+    initialColor?: string;
+    name?: string;
+}
+export interface IColorPickerContextProps {
+    color: IColor;
+    screenName: string;
+    initialColor: IColor;
+    setInitialColor: Dispatch<SetStateAction<IColor | undefined>>;
+    setColor: Dispatch<SetStateAction<IColor>>;
+    hueSliderPointer: {
+        top: number;
+        left: number;
+    };
+    setHueSliderPointer: Dispatch<SetStateAction<{
+        top: number;
+        left: number;
+    } | undefined>>;
+    saturationLightnessPointer: {
+        top: number;
+        left: number;
+    };
+    setSaturationLightnessPointer: Dispatch<SetStateAction<{
+        top: number;
+        left: number;
+    } | undefined>>;
+}
+export declare type IColorPickerLabelProps = {
+    isRequired?: boolean;
+    label?: string;
+    name: string;
+    id: string;
+};
+export declare type ISaturationLightnessPickerProps = {
+    classes?: any;
+    saturationLightnessPanelRef: RefObject<HTMLDivElement>;
+};

package/build/esm/packages/aurora/src/src/components/color_picker/use_color_picker.d.ts

@@ -0,0 +1,48 @@
+/// <reference types="react" />
+import { IColor } from '@auroraComponents/color_picker/types';
+export declare const useColorPicker: ({ initialColorHex, onChange }: {
+    initialColorHex: string;
+    onChange?: ((color: IColor) => void) | undefined;
+}) => {
+    color: {
+        hue: number;
+        saturation: number;
+        lightness: number;
+        hex: string;
+    };
+    setColor: import("react").Dispatch<import("react").SetStateAction<{
+        hue: number;
+        saturation: number;
+        lightness: number;
+        hex: string;
+    }>>;
+    initialColor: {
+        hue: number;
+        saturation: number;
+        lightness: number;
+        hex: string;
+    };
+    setInitialColor: import("react").Dispatch<import("react").SetStateAction<{
+        hue: number;
+        saturation: number;
+        lightness: number;
+        hex: string;
+    }>>;
+    hueSliderPointer: {
+        top: number;
+        left: number;
+    };
+    setHueSliderPointer: import("react").Dispatch<import("react").SetStateAction<{
+        top: number;
+        left: number;
+    }>>;
+    screenName: string;
+    saturationLightnessPointer: {
+        left: number;
+        top: number;
+    };
+    setSaturationLightnessPointer: import("react").Dispatch<import("react").SetStateAction<{
+        left: number;
+        top: number;
+    }>>;
+};

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

@@ -0,0 +1,43 @@
+import { RefObject } from 'react';
+import { IPosition } from '@auroraComponents/color_picker/types';
+/**
+ * Function to calculate indicators position based on hex value
+ * @param saturationLightnessPanelRef, reference
+ * @param hueSliderRef, reference
+ * @param hex, string with color
+ * @return
+ */
+export declare const getIndicatorPositionsFromHEX: ({ saturationLightnessPanelRef, hueSliderRef, hex }: {
+    saturationLightnessPanelRef?: RefObject<HTMLDivElement> | undefined;
+    hueSliderRef?: RefObject<HTMLDivElement> | undefined;
+    hex: string;
+}) => {
+    saturationLightnessPointer: {
+        left: number;
+        top: number;
+    };
+    hueSliderPointer: {
+        top: number;
+        left: number;
+    };
+};
+export declare const getColorFromHex: (value: string) => {
+    hue: number;
+    saturation: number;
+    lightness: number;
+    hex: string;
+};
+export declare const getHueFromPosition: ({ hueSliderRect, position, screenName }: {
+    hueSliderRect: DOMRect;
+    position: IPosition;
+    screenName: string;
+}) => {
+    hue: number;
+};
+export declare const getSaturationLightnessFromPosition: ({ elementRect, position }: {
+    elementRect: DOMRect;
+    position: IPosition;
+}) => {
+    lightness: number;
+    saturation: number;
+};

package/build/esm/packages/aurora/src/src/components/controls/components/cell_selector.d.ts

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

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

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

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

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

package/build/esm/packages/aurora/src/src/components/controls/components/content.d.ts

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

package/build/esm/packages/aurora/src/src/components/controls/components/element.d.ts

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

package/build/esm/packages/aurora/src/src/components/controls/components/errors.d.ts

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

package/build/esm/packages/aurora/src/src/components/controls/components/input.d.ts

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

package/build/esm/packages/aurora/src/src/components/controls/components/input_wrapper.d.ts

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

package/build/esm/packages/aurora/src/src/components/controls/components/label.d.ts

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

package/build/esm/packages/aurora/src/src/components/controls/components/radio.d.ts

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

package/build/esm/packages/aurora/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/packages/aurora/src/src/components/controls/context.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IControlContext } from '@auroraComponents/controls/types';
+export declare const ControlContext: React.Context<IControlContext>;
+export declare const useControlContext: () => IControlContext;

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

@@ -0,0 +1,40 @@
+export declare const cssControls = "controls";
+export declare const cssControlsError = "controls_error";
+export declare const cssControlsLabel: string;
+export declare const cssControlsContent: string;
+export declare const cssControlsElement: string;
+export declare const cssControlsElementPrefix: string;
+export declare const cssControlsElementPostfix: string;
+export declare const cssControlsElementCheckbox: string;
+export declare const cssControlsElementRadio: string;
+export declare const cssControlsErrors: string;
+export declare const cssControlsErrorsList: string;
+export declare const cssControlsErrorsListItem: string;
+export declare const cssControl = "control";
+export declare const cssControlS = "control_s";
+export declare const cssControlWrapper = "control_wrapper";
+export declare const cssControlFocus = "control_focus";
+export declare const cssControlDisabled = "control_disabled";
+export declare const cssControlReadonly = "control_readonly";
+export declare const cssControlError = "control_error";
+export declare const cssControlInput = "control__input";
+export declare const checkbox = "checkbox";
+export declare const checkboxDisabled: string;
+export declare const checkboxControl: string;
+export declare const checkboxLabel: string;
+export declare const checkboxIcon: string;
+export declare const checkboxSwitch = "checkbox-switch";
+export declare const checkboxSwitchDisabled: string;
+export declare const checkboxSwitchControl: string;
+export declare const checkboxSwitchLabel: string;
+export declare const checkboxSwitchIcon: string;
+export declare const radio = "radio";
+export declare const radioDisabled: string;
+export declare const radioControl: string;
+export declare const radioLabel: string;
+export declare const cellSelector = "cell-selector";
+export declare const cellSelectorContainer: string;
+export declare const cellSelectorDescription: string;
+export declare const cellSelectorRow: string;
+export declare const cellSelectorCell: string;
+export declare const cellSelectorCellActive: string;

package/build/esm/packages/aurora/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/packages/aurora/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/packages/aurora/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/packages/aurora/src/src/components/controls/hoc/control_color_picker/index.d.ts

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

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

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

package/build/esm/packages/aurora/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/packages/aurora/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/packages/aurora/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/packages/aurora/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/packages/aurora/src/src/components/controls/hoc/control_radio_group/index.d.ts

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

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