@geneui/components 3.0.0-next-9ffcb93-16102024 → 3.0.0-next-48d0ef7-31102024

package/index.mobile.d.ts

@@ -1,14 +0,0 @@
-export * from './lib/atoms/Icon/index.mobile';
-export * from './lib/atoms/Label/index.mobile';
-export * from './lib/atoms/Radio/index.mobile';
-export * from './lib/atoms/Switcher/index.mobile';
-export * from './lib/molecules/Alert/index.mobile';
-export * from './lib/molecules/Checkbox/index.mobile';
-export * from './lib/molecules/ExtendedInput/index.mobile';
-export * from './lib/molecules/Grid/index.mobile';
-export * from './lib/molecules/Notification/index.mobile';
-export * from './lib/molecules/Pagination/index.mobile';
-export * from './lib/molecules/RadioGroup/index.mobile';
-export * from './lib/molecules/ValidatableElements/Elements/index.mobile';
-export * from './lib/molecules/Counter/index.mobile';
-export * from './lib/organisms/CheckboxGroup/index.mobile';

package/lib/atoms/Avatar/index.d.ts

@@ -1 +0,0 @@
-export { IAvatarProps, default as default } from './Avatar';

package/lib/atoms/Badge/Badge.d.ts

@@ -1,36 +0,0 @@
-import { ReactNode, FC, HTMLAttributes } from 'react';
-import './Badge.scss';
-interface IBadgeProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Any custom class name
-     */
-    className?: string;
-    /**
-     * Badge size <br/>
-     * Possible values: `default | medium | big | huge`
-     */
-    size?: 'default' | 'medium' | 'big' | 'huge';
-    /**
-     * Badge color <br/>
-     * Possible values: `danger | primary`
-     */
-    color?: 'danger' | 'primary';
-    /**
-     * Shows the specified number on the badge
-     */
-    count?: number;
-    /**
-     * Set this property to have only dot instead of number
-     */
-    dot?: boolean;
-    /**
-     * When the "count" is greater than "maxCount" Badge will show "maxCount" value and "+"
-     */
-    maxCount?: number;
-    /**
-     * Any valid React node
-     */
-    children?: ReactNode;
-}
-declare const Badge: FC<IBadgeProps>;
-export { IBadgeProps, Badge as default };

package/lib/atoms/Badge/index.d.ts

@@ -1 +0,0 @@
-export { IBadgeProps, default as default } from './Badge';

package/lib/atoms/BusyLoader/BusyLoader.d.ts

@@ -1,32 +0,0 @@
-import { FC, ReactNode } from 'react';
-import './BusyLoader.scss';
-interface IBusyLoaderProps {
-    /**
-     * Show loader
-     */
-    isBusy?: boolean;
-    /**
-     * Any valid React node. Renders when "isBusy" is set to false
-     */
-    children?: ReactNode;
-    /**
-     * Show provided text when loading, it will be ignored in the `type` of `bar`
-     */
-    loadingText?: string;
-    /**
-     * Loader available type/style </br>
-     * Possible values: `spinner | bubbles | bar`
-     */
-    type?: 'spinner' | 'bubbles' | 'bar';
-    /**
-     * Loader size </br>
-     * Possible values: `small | medium | big`
-     */
-    spinnerSize?: 'small' | 'medium' | 'big';
-    /**
-     * Any custom class name
-     */
-    className?: string;
-}
-declare const BusyLoader: FC<IBusyLoaderProps>;
-export { IBusyLoaderProps, BusyLoader as default };

package/lib/atoms/BusyLoader/BusyLoaderHolderHOC.d.ts

@@ -1,8 +0,0 @@
-import { FC, ReactNode } from 'react';
-interface IBusyLoaderHolderHOC {
-    children?: ReactNode;
-    loadingText?: string;
-    className?: string;
-}
-declare const BusyLoaderHolderHOC: FC<IBusyLoaderHolderHOC>;
-export default BusyLoaderHolderHOC;

package/lib/atoms/BusyLoader/index.d.ts

@@ -1 +0,0 @@
-export { IBusyLoaderProps, default as default } from './BusyLoader';

package/lib/atoms/Button/Button.d.ts

@@ -1,70 +0,0 @@
-import React, { HTMLAttributes, ReactNode } from 'react';
-import './Button.scss';
-export interface IButtonProps extends HTMLAttributes<HTMLButtonElement> {
-    /**
-     * Any valid React node <br>
-     * Possible values: `ReactNode | string`
-     */
-    children: ReactNode | string;
-    /**
-     * The way how the Button should be displayed <br/>
-     * Possible values: `default | outline | minimal | grayscale | clean`
-     */
-    appearance?: 'default' | 'outline' | 'minimal' | 'grayscale' | 'clean';
-    /**
-     * Button size <br/>
-     * Possible values: `default | medium | big`
-     */
-    size?: 'default' | 'medium' | 'big';
-    /**
-     * How to display inscription in relation to it's parent in Button <br/>
-     * Possible values: `default | content-size | full-width`
-     */
-    flexibility?: 'default' | 'content-size' | 'full-width';
-    /**
-     * Button color <br/>
-     * Possible values: `primary | confirm | danger | default`
-     */
-    color?: 'primary' | 'confirm' | 'danger' | 'default';
-    /**
-     * Button children direction either from the start, or from the end <br/>
-     * Possible values: `start | end`
-     */
-    itemsDirection?: 'start' | 'end';
-    /**
-     * Button corner radius <br/>
-     * Possible values: `round | smooth`
-     */
-    cornerRadius?: 'round' | 'smooth';
-    /**
-     * The property will add an "Icon" as Button child. The valid values can be found in "Icon" atom <br>
-     * Possible values: `ReactNode | string`
-     */
-    icon?: ReactNode | string;
-    /**
-     * Button disabled state
-     */
-    disabled?: boolean;
-    /**
-     * Button active state
-     */
-    active?: boolean;
-    /**
-     * Adding shadow to button
-     */
-    withShadow?: boolean;
-    /**
-     * Button additional className
-     */
-    className?: string;
-    /**
-     * Button text transforms to spinner
-     */
-    loading?: boolean;
-    /**
-     * aria-label for button.
-     */
-    ariaLabel?: string;
-}
-declare const Button: React.ForwardRefExoticComponent<IButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export default Button;

package/lib/atoms/Button/index.d.ts

@@ -1 +0,0 @@
-export { IButtonProps, default as default } from './Button';

package/lib/atoms/Divider/index.d.ts

@@ -1 +0,0 @@
-export { IDividerProps, default as default } from './Divider';

package/lib/atoms/Empty/Empty.d.ts

@@ -1,39 +0,0 @@
-import { FC, HTMLAttributes, ReactNode } from 'react';
-import './Empty.scss';
-interface IEmptyProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
-    /**
-     * Available style varieties of Empty atom to display <br/>
-     * Possible values: `with-circles | without-circles | greyscale | transparent`
-     */
-    appearance?: 'with-circles' | 'without-circles' | 'greyscale' | 'transparent';
-    /**
-     * Types of data Empty atom should represent <br/>
-     * Possible values: `data | image | search | message`
-     */
-    type?: 'data' | 'image' | 'search' | 'message';
-    /**
-     * Empty atom size <br/>
-     * Possible values: `big | medium | small`
-     */
-    size?: 'big' | 'medium' | 'small';
-    /**
-     * Will add a title to the Empty atom. Any valid React node <br/>
-     * Possible values: `ReactNode | string`
-     */
-    title?: ReactNode | string;
-    /**
-     * Will add a subtitle to the Empty atom. Any valid React node  <br/>
-     * Possible values: `ReactNode | string`
-     */
-    subTitle?: ReactNode | string;
-    /**
-     * When set to "true" Empty atom will show a predefined image based on "appearance" and "type" props
-     */
-    withImage?: boolean;
-    /**
-     * Additional className
-     */
-    className?: string;
-}
-declare const Empty: FC<IEmptyProps>;
-export { IEmptyProps, Empty as default };

package/lib/atoms/Empty/index.d.ts

@@ -1 +0,0 @@
-export { IEmptyProps, default as default } from './Empty';

package/lib/atoms/Empty/utils.d.ts

@@ -1,9 +0,0 @@
-import { IEmptyProps } from './index';
-type ImageTypes = {
-    [key in NonNullable<IEmptyProps['type']>]: string;
-};
-type ImagesTypes = {
-    [key in NonNullable<IEmptyProps['appearance']>]: ImageTypes;
-};
-export declare const images: ImagesTypes;
-export {};

package/lib/atoms/HelperText/index.d.ts

@@ -1 +0,0 @@
-export { IHelperTextProps, default as default } from './HelperText';

package/lib/atoms/Image/Image.d.ts

@@ -1,51 +0,0 @@
-import { FC, HTMLAttributes, ReactNode } from 'react';
-import './Image.scss';
-export interface IImageProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Image path to display
-     */
-    src: string;
-    /**
-     * Will add a border when set to "true"
-     */
-    withBorder: boolean;
-    /**
-     * The property will add a checkbox and an overlay over the image.
-     */
-    selectMode: boolean;
-    /**
-     * Customize checkbox(will be rendered only when "selectMode" is set to "true").
-     */
-    checkboxProps?: {};
-    /**
-     * Customize image tag with this property.
-     */
-    imageProps?: HTMLAttributes<HTMLImageElement>;
-    /**
-     * The property will render "actions" when "selectMode" is not setted to "true". Any valid React node
-     */
-    actions?: ReactNode;
-    /**
-     * Will add a title to the top of Image atom. Any valid React node
-     */
-    title?: string;
-    /**
-     * Title for 'Tooltip'. <br>
-     * Possible values: `string | ReactNode`
-     */
-    tooltipTitle?: string | ReactNode;
-    /**
-     * Additional className
-     */
-    className?: string;
-    /**
-     * Image atom also can be included in "Form" organism. It can be validated as other "Form" elements
-     */
-    isValid: boolean;
-    /**
-     * Empty state text for component
-     */
-    emptyText?: string;
-}
-declare const Image: FC<IImageProps>;
-export default Image;

package/lib/atoms/Image/index.d.ts

@@ -1 +0,0 @@
-export { IImageProps, default as default } from './Image';

package/lib/atoms/ImagePreview/ImagePreview.d.ts

@@ -1,56 +0,0 @@
-import { FC, MouseEvent } from 'react';
-import './ImagePreview.scss';
-interface IImagePreviewProps {
-    /**
-     * Image file display name
-     */
-    name?: string;
-    /**
-     * Image path to display
-     */
-    path: string;
-    /**
-     * Event fires when click on close button
-     */
-    onClose?: (event: MouseEvent) => void;
-    /**
-     * Show image size
-     */
-    showSize?: boolean;
-    /**
-     * Adding download functional for image
-     */
-    showDownload?: boolean;
-    /**
-     * Adding rotation functional for image
-     */
-    showRotate?: boolean;
-    /**
-     * Show dimensions of image
-     */
-    showDimensions?: boolean;
-    /**
-     * Turning on magnifier functional
-     */
-    withMagnifier?: boolean;
-    /**
-     * Show image in the modal
-     */
-    withModal?: boolean;
-    /**
-     * Magnifier default value
-     */
-    magnifierDefaultValue?: boolean;
-    /**
-     * This is for fetch image for example through this prop you can pass token.
-     * Provide an Object that will spread in Request Headers:{...customHeaders} in second parameter for fetch function.
-     * For example { 'Content-Type': 'application/json'} it will convert fetch(URL,{headers{'Content-Type': 'application/json'}})
-     */
-    customHeaders?: HeadersInit;
-    /**
-     * The prop is responsible for header view and alignment for mobile device
-     */
-    isMobile?: boolean;
-}
-declare const ImagePreview: FC<IImagePreviewProps>;
-export { IImagePreviewProps, ImagePreview as default };

package/lib/atoms/ImagePreview/ImagePreviewHOC.d.ts

@@ -1,4 +0,0 @@
-import { FC } from 'react';
-import { IImagePreviewProps } from './ImagePreview';
-declare const ImagePreviewHOC: FC<IImagePreviewProps>;
-export { IImagePreviewProps, ImagePreviewHOC as default };

package/lib/atoms/ImagePreview/Magnifier.d.ts

@@ -1,40 +0,0 @@
-import React from 'react';
-interface IMagnifierProps {
-    /**
-     * Image path to display. <span style="color: red">( Required )</span>
-     */
-    imgUrl: string;
-    /**
-     * On or off rotation functionality
-     */
-    withRotation?: boolean;
-    /**
-     * On or off magnifier functionality
-     */
-    withMagnifier?: boolean;
-    /**
-     * Zoom Ratio
-     */
-    zoom?: number;
-    /**
-     * Hide or show magnifier
-     */
-    showMagnifier?: boolean;
-    /**
-     * Name for image alt
-     */
-    name?: string;
-    /**
-     * Additional className for img
-     */
-    className?: string;
-    /**
-     * Shape for magnifier
-     */
-    magnifierAppearance?: 'square' | 'circle';
-}
-interface IMagnifierForwardRef {
-    rotate?: (deg?: number) => void;
-}
-declare const Magnifier: React.ForwardRefExoticComponent<IMagnifierProps & React.RefAttributes<IMagnifierForwardRef>>;
-export { IMagnifierProps, IMagnifierForwardRef, Magnifier as default };

package/lib/atoms/ImagePreview/index.d.ts

@@ -1 +0,0 @@
-export { IImagePreviewProps, default as default } from './ImagePreviewHOC';

package/lib/atoms/Info/index.d.ts

@@ -1 +0,0 @@
-export { IInfoProps, default as default } from './Info';

package/lib/atoms/KeyValue/KeyValue.d.ts

@@ -1,29 +0,0 @@
-import { FC, HTMLAttributes, ReactNode } from 'react';
-import './KeyValue.scss';
-export interface IKeyValueProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Label for 'KeyValue'. <br/>
-     * Possible values: `ReactNode | string`
-     */
-    label: ReactNode | string;
-    /**
-     * Value for 'KeyValue'.<br/>
-     * Possible values: `ReactNode | string`
-     */
-    value?: ReactNode | string;
-    /**
-     * External/Additional className that can be added to 'KeyValue' component.
-     */
-    className?: string;
-    /**
-     * The way how the KeyValue should be displayed.<br/>
-     * Possible values: `horizontal | vertical`
-     */
-    appearance: 'horizontal' | 'vertical';
-    /**
-     * The property will show icon.
-     */
-    icon?: string;
-}
-declare const KeyValue: FC<IKeyValueProps>;
-export default KeyValue;

package/lib/atoms/KeyValue/index.d.ts

@@ -1 +0,0 @@
-export { IKeyValueProps, default as default } from './KeyValue';

package/lib/atoms/Label/index.d.ts

@@ -1 +0,0 @@
-export { ILabelProps, default as default } from './Label';

package/lib/atoms/LinkButton/LinkButton.d.ts

@@ -1,46 +0,0 @@
-import React from 'react';
-import './LinkButton.scss';
-interface ILinkButtonProps {
-    /**
-     * Href for <code>\<a\></code> tag if you don't pass instead of <code>\<a\></code> tag will be <code>\<button\></code> tag .
-     */
-    href?: string;
-    /**
-     * Fires event when user click on LinkButton.
-     * <br>
-     * <code>(event: Event) => void </code>
-     */
-    onClick?: (event: React.MouseEvent) => void;
-    /**
-     * Fires event when the element has been pressed.
-     * <br>
-     * <code>(event: Event) => void</code>
-     */
-    onMouseDown?: (event: React.MouseEvent) => void;
-    /**
-     * The LinkButton additional className.
-     */
-    className?: string;
-    /**
-     * Any valid React node.
-     */
-    children?: React.ReactNode;
-    /**
-     * Icon to render before the LinkButton. Should be an icon component's type.
-     */
-    iconBefore?: string;
-    /**
-     * Icon to render after the LinkButton. Should be an icon component's type.
-     */
-    iconAfter?: string;
-    /**
-     * Makes the LinkButton disabled.
-     */
-    isDisabled?: boolean;
-    /**
-     * aria-label for button or LinkButton.
-     */
-    ariaLabel?: string;
-}
-declare const LinkButton: React.FC<ILinkButtonProps>;
-export { ILinkButtonProps, LinkButton as default };

package/lib/atoms/LinkButton/index.d.ts

@@ -1 +0,0 @@
-export { ILinkButtonProps, default as default } from './LinkButton';

package/lib/atoms/Loader/index.d.ts

@@ -1 +0,0 @@
-export { ILoaderProps, default as default } from './Loader';

package/lib/atoms/Pill/index.d.ts

@@ -1 +0,0 @@
-export { IPillProps, default as default } from './Pill';

package/lib/atoms/Rating/DefaultSvg.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-declare function SvgSquareMajor(props: any): React.ReactSVGElement;
-export default SvgSquareMajor;

package/lib/atoms/Rating/Rating.d.ts

@@ -1,49 +0,0 @@
-import { FC, ReactNode } from 'react';
-import './Rating.scss';
-export interface IRatingProps {
-    defaultValue?: number;
-    /**
-     * The currently selected rating value. Use this to control the component from the outside.<br>
-     * If this prop is used the component will lose default behavior related to rating state.
-     */
-    value?: number;
-    /**
-     * The number of rating elements to render.
-     */
-    count?: number;
-    /**
-     * The icon or character used to represent each rating element.<br>
-     * It can be a `React functional component`, `string`, `number`, or a `function` that returns a React node.<br>
-     * Possible values: `FC | string | number | ((i: number) => ReactNode)`
-     */
-    character?: FC | string | number | ((i: number) => ReactNode);
-    /**
-     * The color is used for the rating elements when hovered over or selected.
-     */
-    color?: string;
-    /**
-     * The background color of the rating elements.
-     */
-    bgColor?: string;
-    /**
-     * Allows users to select half values in the rating component, enabling finer granularity.<br>
-     * For example, if `count` is 5, users can select 1, 1.5, 2, 2.5, and so on up to 5.
-     */
-    halfAllow?: boolean;
-    /**
-     * When set to `true`, the rating component becomes read-only, preventing any interaction.
-     */
-    readonly?: boolean;
-    /**
-     * The size of the rating elements.<br>
-     * Possible values: `small | medium | big`
-     */
-    size?: 'small' | 'medium' | 'big';
-    /**
-     * Callback function that is called when the rating value changes.<br>
-     * Receives the new rating value as an argument.
-     */
-    onChange?: (rating: number) => void;
-}
-declare const Rating: FC<IRatingProps>;
-export default Rating;

package/lib/atoms/Rating/index.d.ts

@@ -1 +0,0 @@
-export { IRatingProps, default as default } from './Rating';

package/lib/atoms/TextLink/index.d.ts

@@ -1 +0,0 @@
-export { ITextLinkProps, default as default } from './TextLink';

package/lib/molecules/Copy/Copy.d.ts

@@ -1,38 +0,0 @@
-import { RefObject, FC } from 'react';
-import './Copy.scss';
-interface ICopyProps {
-    /**
-     * Size of the icon: 'small', 'medium', 'big',
-     */
-    size?: 'small' | 'medium' | 'big';
-    /**
-     * Additional CSS class name(s) to apply to the icon for styling
-     */
-    className?: string;
-    /**
-     * Reference to the content you want to copy
-     */
-    contentRef?: RefObject<HTMLElement>;
-    /**
-     * Determines whether the copy icon is displayed only on hover.
-     */
-    showOnHover?: boolean;
-    /**
-     * Tooltip text to display when the copy action is available. It will be shown when the user hovers over the copy icon.
-     */
-    copyTooltipText?: string;
-    /**
-     * Tooltip text to display when the copy action has been performed. It will be shown when the user clicks on the copy icon.
-     */
-    copiedTooltipText?: string;
-    /**
-     * The value to copy. If specified, this will be copied instead of the content referenced by contentRef.
-     */
-    value?: string;
-    /**
-     * Determines the visibility state of the copy icon. If true, the icon is visible regardless of hover or controlled visibility.
-     */
-    isVisible?: boolean;
-}
-declare const Copy: FC<ICopyProps>;
-export { ICopyProps, Copy as default };

package/lib/molecules/Copy/index.d.ts

@@ -1 +0,0 @@
-export { ICopyProps, default as default } from './Copy';