@foris/avocado-suite 0.10.0-beta.0 → 0.10.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (76) hide show
  1. package/package.json +3 -3
  2. package/dist/avocado-suite/src/components/DataTable/DataTable.d.ts +0 -8
  3. package/dist/avocado-suite/src/components/DataTable/components/DataTableAction/DataTableAction.d.ts +0 -28
  4. package/dist/avocado-suite/src/components/DataTable/components/DataTableAction/DataTableActionsGroup.d.ts +0 -10
  5. package/dist/avocado-suite/src/components/DataTable/components/DataTableContent/DataTableContent.d.ts +0 -71
  6. package/dist/avocado-suite/src/components/DataTable/components/DataTableHeader/DataTableHeader.d.ts +0 -20
  7. package/dist/avocado-suite/src/components/DataTable/components/DataTableRow/DataTableRow.d.ts +0 -16
  8. package/dist/avocado-suite/src/components/DataTable/components/DataTableRow/DataTableRowAccordion.d.ts +0 -18
  9. package/dist/avocado-suite/src/components/DataTable/utils/dataTableUtil.d.ts +0 -18
  10. package/dist/avocado-suite/src/components/Pill/Pill.d.ts +0 -23
  11. package/dist/avocado-suite/src/components/Pill/Pill.test.d.ts +0 -1
  12. package/dist/avocado-suite/src/components/box/Box.d.ts +0 -9
  13. package/dist/avocado-suite/src/components/box/Box.test.d.ts +0 -0
  14. package/dist/avocado-suite/src/components/breadcrumbs/Breadcrumbs.d.ts +0 -19
  15. package/dist/avocado-suite/src/components/breadcrumbs/Breadcrumbs.test.d.ts +0 -0
  16. package/dist/avocado-suite/src/components/button/Button.d.ts +0 -19
  17. package/dist/avocado-suite/src/components/button/Button.test.d.ts +0 -0
  18. package/dist/avocado-suite/src/components/card/Card.d.ts +0 -15
  19. package/dist/avocado-suite/src/components/card/Card.test.d.ts +0 -0
  20. package/dist/avocado-suite/src/components/card-notification/CardNotification.d.ts +0 -25
  21. package/dist/avocado-suite/src/components/card-notification/CardNotification.test.d.ts +0 -0
  22. package/dist/avocado-suite/src/components/checkbox/Checkbox.d.ts +0 -16
  23. package/dist/avocado-suite/src/components/checkbox/Checkbox.test.d.ts +0 -0
  24. package/dist/avocado-suite/src/components/divider/Divider.d.ts +0 -11
  25. package/dist/avocado-suite/src/components/divider/Divider.test.d.ts +0 -0
  26. package/dist/avocado-suite/src/components/donut/Donut.d.ts +0 -17
  27. package/dist/avocado-suite/src/components/donut/donut-labels/DonutLabels.d.ts +0 -9
  28. package/dist/avocado-suite/src/components/donut/donut-legend/DonutLegend.d.ts +0 -13
  29. package/dist/avocado-suite/src/components/heading/Heading.d.ts +0 -13
  30. package/dist/avocado-suite/src/components/heading/Heading.test.d.ts +0 -0
  31. package/dist/avocado-suite/src/components/link/Link.d.ts +0 -22
  32. package/dist/avocado-suite/src/components/link/Link.test.d.ts +0 -0
  33. package/dist/avocado-suite/src/components/menu/Menu.d.ts +0 -13
  34. package/dist/avocado-suite/src/components/menu/Menu.test.d.ts +0 -0
  35. package/dist/avocado-suite/src/components/pager/Page.test.d.ts +0 -0
  36. package/dist/avocado-suite/src/components/pager/Pager.d.ts +0 -49
  37. package/dist/avocado-suite/src/components/pager/components/ArrowPager.d.ts +0 -9
  38. package/dist/avocado-suite/src/components/pager/components/ButtonPager.d.ts +0 -11
  39. package/dist/avocado-suite/src/components/pager/utils/generateArrayOfPages.d.ts +0 -2
  40. package/dist/avocado-suite/src/components/processing/Processing.d.ts +0 -2
  41. package/dist/avocado-suite/src/components/radio-button/RadioButton.d.ts +0 -17
  42. package/dist/avocado-suite/src/components/radio-button/RadioButton.test.d.ts +0 -0
  43. package/dist/avocado-suite/src/components/round-button/RoundButton.d.ts +0 -16
  44. package/dist/avocado-suite/src/components/round-button/RoundButton.test.d.ts +0 -0
  45. package/dist/avocado-suite/src/components/select/Select.d.ts +0 -24
  46. package/dist/avocado-suite/src/components/select/Select.test.d.ts +0 -0
  47. package/dist/avocado-suite/src/components/select/components/SelectIndicators.d.ts +0 -8
  48. package/dist/avocado-suite/src/components/select-pagination/SelectPagination.d.ts +0 -26
  49. package/dist/avocado-suite/src/components/select-pagination/SelectPagination.test.d.ts +0 -0
  50. package/dist/avocado-suite/src/components/skeleton-base/SkeletonBase.d.ts +0 -15
  51. package/dist/avocado-suite/src/components/skeleton-circle/SkeletonCircle.d.ts +0 -9
  52. package/dist/avocado-suite/src/components/stepper/Stepper.d.ts +0 -13
  53. package/dist/avocado-suite/src/components/stepper/Stepper.test.d.ts +0 -0
  54. package/dist/avocado-suite/src/components/tag/Tag.d.ts +0 -26
  55. package/dist/avocado-suite/src/components/tag/Tag.test.d.ts +0 -0
  56. package/dist/avocado-suite/src/components/text/Text.d.ts +0 -15
  57. package/dist/avocado-suite/src/components/text/Text.test.d.ts +0 -0
  58. package/dist/avocado-suite/src/components/text-field/TextField.d.ts +0 -17
  59. package/dist/avocado-suite/src/components/text-field/TextField.test.d.ts +0 -0
  60. package/dist/avocado-suite/src/components/text-field/components/StatusIcon.d.ts +0 -7
  61. package/dist/avocado-suite/src/components/timer/Timer.d.ts +0 -48
  62. package/dist/avocado-suite/src/components/timer/Timer.test.d.ts +0 -0
  63. package/dist/avocado-suite/src/components/timer/timer.util.d.ts +0 -8
  64. package/dist/avocado-suite/src/components/tooltip/Tooltip.d.ts +0 -23
  65. package/dist/avocado-suite/src/components/tooltip/Tooltip.test.d.ts +0 -0
  66. package/dist/avocado-suite/src/constants/theme.constants.d.ts +0 -3
  67. package/dist/avocado-suite/src/contexts/theme/ThemeProvider.d.ts +0 -13
  68. package/dist/avocado-suite/src/hooks/useClickOutside.d.ts +0 -7
  69. package/dist/avocado-suite/src/hooks/useTheme.d.ts +0 -3
  70. package/dist/avocado-suite/src/index.d.ts +0 -31
  71. package/dist/avocado-suite/src/types/menu.types.d.ts +0 -7
  72. package/dist/avocado-suite/src/types/theme.types.d.ts +0 -4
  73. package/dist/avocado-suite.es.js +0 -8157
  74. package/dist/avocado-suite.umd.js +0 -493
  75. package/dist/index.d.ts +0 -1
  76. package/dist/style.css +0 -1
@@ -1,8 +0,0 @@
1
- import { ClearIndicatorProps, DropdownIndicatorProps } from 'react-select';
2
- export declare const ClearIndicator: (props: ClearIndicatorProps) => JSX.Element;
3
- export declare const DropdownIndicator: (props: DropdownIndicatorProps) => JSX.Element;
4
- interface ErrorIndicator {
5
- message: string;
6
- }
7
- export declare const ErrorIndicator: (props: ErrorIndicator) => JSX.Element;
8
- export {};
@@ -1,26 +0,0 @@
1
- import React from 'react';
2
- import { Props } from 'react-select';
3
- export interface SelectPaginationProps extends Props {
4
- /** Overwrite className */
5
- className?: string;
6
- /** Disabled state */
7
- disabled?: boolean;
8
- /** Error option */
9
- error?: string | boolean;
10
- /** Text to be displayed representing the option */
11
- label?: string;
12
- /** [react-select] Default additional for first request for every search. */
13
- additional?: any;
14
- /** [react-select] Debounce timeout for loadOptions calls. 0 by default. */
15
- debounceTimeout?: any;
16
- /** [react-select] Function. Async function that take next arguments. */
17
- loadOptions: any;
18
- /** [react-select] Placeholder for the select value */
19
- placeholder?: string;
20
- /** [react-select] The value of the select; reflected by the selected option */
21
- value?: any;
22
- /** [react-select] Function. */
23
- onChange?: any;
24
- }
25
- declare const SelectPagination: React.FC<SelectPaginationProps>;
26
- export default SelectPagination;
@@ -1,15 +0,0 @@
1
- import { FC } from 'react';
2
- interface SkeletonBaseProps {
3
- /** Overwrite className */
4
- className?: string;
5
- /** Set the height of skeleton */
6
- height?: string | number;
7
- /** Set a max-width */
8
- maxWidth?: string | number;
9
- /** Set radius to skeleton */
10
- radius?: string | number;
11
- /** Set the width of skeleton */
12
- width?: string | number;
13
- }
14
- declare const SkeletonBase: FC<SkeletonBaseProps>;
15
- export default SkeletonBase;
@@ -1,9 +0,0 @@
1
- import { FC } from 'react';
2
- interface SkeletonCircleProps {
3
- /** Overwrite className */
4
- className?: string;
5
- /** Set the size of skeleton circle */
6
- size: number;
7
- }
8
- declare const SkeletonCircle: FC<SkeletonCircleProps>;
9
- export default SkeletonCircle;
@@ -1,13 +0,0 @@
1
- import { FC } from 'react';
2
- interface StepperProps {
3
- /** overwrite className */
4
- className?: string;
5
- /** Use dark colors palette*/
6
- darkMode?: boolean;
7
- /** the steps you will have */
8
- items: string[];
9
- /** index of the active item */
10
- itemActive: number;
11
- }
12
- declare const Stepper: FC<StepperProps>;
13
- export default Stepper;
@@ -1,26 +0,0 @@
1
- import * as React from 'react';
2
- import { IconTypes } from '../../../../avocado-icons/src/types/icons.type';
3
- declare const variants: {
4
- readonly Outlined: "outlined";
5
- readonly Filled: "filled";
6
- };
7
- export type TagType = typeof variants[keyof typeof variants];
8
- export type TagSize = 'sm' | 'lg';
9
- export interface ITag {
10
- /** Content of the component tag */
11
- children?: React.ReactNode;
12
- /** Overwrite className */
13
- className?: string;
14
- /** Disabled state */
15
- disabled?: boolean;
16
- /** Tag variant type */
17
- type?: TagType;
18
- /** Icon name */
19
- icon?: IconTypes;
20
- /** Action when clicking on the component */
21
- onClick?: () => void;
22
- /** Action when clicking on the icon of the component */
23
- onIconClick?: () => void;
24
- }
25
- declare const Tag: React.FC<ITag>;
26
- export default Tag;
@@ -1,15 +0,0 @@
1
- import { FC } from 'react';
2
- export interface TextProps {
3
- /** Render content */
4
- children: React.ReactNode | string;
5
- /** Overwrite className */
6
- className?: string;
7
- /** Use dark colors palette*/
8
- darkMode?: boolean;
9
- /** Type can be */
10
- type?: 'lg' | 'md' | 'sm' | 'xs';
11
- /** Weight can be */
12
- weight?: 'regular' | 'medium';
13
- }
14
- declare const Text: FC<TextProps>;
15
- export default Text;
@@ -1,17 +0,0 @@
1
- import { DetailedHTMLProps, InputHTMLAttributes, FC } from 'react';
2
- export interface TextFieldProps extends DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
3
- /** Overwrite className */
4
- className?: string;
5
- /** If allow to remove input content with clear icon */
6
- allowClear?: boolean;
7
- /** Set top label */
8
- label?: string;
9
- /** Set validation status */
10
- status?: 'error' | 'warning' | 'blocked' | 'unsaved';
11
- /** Set display for validation status */
12
- statusDisplay?: 'inline' | 'icon';
13
- /** Set helper text for validation status */
14
- statusText?: string;
15
- }
16
- declare const TextField: FC<TextFieldProps>;
17
- export default TextField;
@@ -1,7 +0,0 @@
1
- import { FC } from 'react';
2
- interface StatusIconProps {
3
- status: 'error' | 'warning' | 'blocked' | 'unsaved';
4
- size?: 'sm' | 'md' | 'lg';
5
- }
6
- declare const StatusIcon: FC<StatusIconProps>;
7
- export default StatusIcon;
@@ -1,48 +0,0 @@
1
- import { FC } from 'react';
2
- export interface TimeHTML {
3
- days0: string;
4
- days1: string;
5
- daysBack0: string;
6
- daysBack1: string;
7
- hours0: string;
8
- hours1: string;
9
- hoursBack0: string;
10
- hoursBack1: string;
11
- minutes0: string;
12
- minutes1: string;
13
- minutesBack0: string;
14
- minutesBack1: string;
15
- }
16
- export interface TimeValues {
17
- days: number;
18
- hours: number;
19
- minutes: number;
20
- }
21
- export interface TimeObject {
22
- /** set label */
23
- label: string;
24
- /** set value */
25
- value: number;
26
- }
27
- export interface Time {
28
- /** set remaining days */
29
- days: TimeObject;
30
- /** set remaining hours between 0 and 23*/
31
- hours: TimeObject;
32
- /** set remaining minutes between 0 and 59 */
33
- minutes: TimeObject;
34
- }
35
- export interface TimerProps {
36
- /** overwrite className */
37
- className?: string;
38
- /** set milliSeconds interval */
39
- milliSecondsInterval?: number;
40
- /** set startCountDown */
41
- startCountDown?: boolean;
42
- /** set remaining time */
43
- time: Time;
44
- /** event when finish */
45
- onFinish?: () => void;
46
- }
47
- declare const Timer: FC<TimerProps>;
48
- export default Timer;
@@ -1,8 +0,0 @@
1
- import { Time, TimeHTML } from './Timer';
2
- export declare const getTimeValues: (time: Time) => {
3
- days: number;
4
- hours: number;
5
- minutes: number;
6
- };
7
- export declare const getTotalTime: (data: Time) => number;
8
- export declare const defaultTimerHTML: (data: Time) => TimeHTML;
@@ -1,23 +0,0 @@
1
- import { FC, ReactNode } from 'react';
2
- declare enum PlacementEnum {
3
- bottom = "bottom",
4
- bottomLeft = "bottomLeft",
5
- bottomRight = "bottomRight",
6
- top = "top",
7
- topLeft = "topLeft",
8
- topRight = "topRight",
9
- left = "left",
10
- right = "right"
11
- }
12
- export interface TooltipProps {
13
- /** Children component */
14
- children: ReactNode;
15
- /** Overwrite className */
16
- className?: string;
17
- /** The label of the tooltip */
18
- label: string;
19
- /** The placement of the popper relative to its reference */
20
- placement?: keyof typeof PlacementEnum;
21
- }
22
- declare const Tooltip: FC<TooltipProps>;
23
- export default Tooltip;
@@ -1,3 +0,0 @@
1
- import { Theme } from '../types/theme.types';
2
- export declare const AVOCADO_LIGHT_THEME: Theme;
3
- export declare const AVOCADO_DARK_THEME: Theme;
@@ -1,13 +0,0 @@
1
- import React, { ReactNode } from 'react';
2
- import { AVOCADO_LIGHT_THEME, AVOCADO_DARK_THEME } from '../../constants/theme.constants';
3
- import { Theme } from '../../types/theme.types';
4
- type ThemeContextType = {
5
- theme: Theme;
6
- };
7
- declare const ThemeContext: React.Context<ThemeContextType | undefined>;
8
- type ThemeProviderProps = {
9
- children: ReactNode;
10
- theme?: Theme;
11
- };
12
- declare const ThemeProvider: React.FC<ThemeProviderProps>;
13
- export { ThemeContext, ThemeProvider, AVOCADO_LIGHT_THEME, AVOCADO_DARK_THEME };
@@ -1,7 +0,0 @@
1
- import React from "react";
2
- interface UseClickOutsideProps {
3
- ref?: React.MutableRefObject<any>;
4
- onClickOutside?: () => void;
5
- }
6
- export declare const useClickOutside: ({ ref, onClickOutside }: UseClickOutsideProps) => void;
7
- export {};
@@ -1,3 +0,0 @@
1
- export declare const useTheme: () => {
2
- theme: import("../types/theme.types").Theme;
3
- };
@@ -1,31 +0,0 @@
1
- import { ThemeProvider } from './contexts/theme/ThemeProvider';
2
- import Box from './components/box/Box';
3
- import Breadcrumbs from './components/breadcrumbs/Breadcrumbs';
4
- import Button from './components/button/Button';
5
- import Card from './components/card/Card';
6
- import Checkbox from './components/checkbox/Checkbox';
7
- import Divider from './components/divider/Divider';
8
- import Heading from './components/heading/Heading';
9
- import Link from './components/link/Link';
10
- import Menu from './components/menu/Menu';
11
- import Pager from './components/pager/Pager';
12
- import Processing from './components/processing/Processing';
13
- import RadioButton from './components/radio-button/RadioButton';
14
- import RoundButton from './components/round-button/RoundButton';
15
- import Select from './components/select/Select';
16
- import SelectPagination from './components/select-pagination/SelectPagination';
17
- import SkeletonBase from './components/skeleton-base/SkeletonBase';
18
- import SkeletonCircle from './components/skeleton-circle/SkeletonCircle';
19
- import Stepper from './components/stepper/Stepper';
20
- import Tag from './components/tag/Tag';
21
- import Text from './components/text/Text';
22
- import TextField from './components/text-field/TextField';
23
- import Timer from './components/timer/Timer';
24
- import Tooltip from './components/tooltip/Tooltip';
25
- import DataTable from './components/DataTable/DataTable';
26
- import CardNotification from './components/card-notification/CardNotification';
27
- import Pill from './components/Pill/Pill';
28
- import Donut from './components/donut/Donut';
29
- import DonutLabels from './components/donut/donut-labels/DonutLabels';
30
- import DonutLegend from './components/donut/donut-legend/DonutLegend';
31
- export { Box, Breadcrumbs, Button, Card, Checkbox, Divider, Heading, Link, Menu, Pager, Processing, RadioButton, RoundButton, Select, SelectPagination, SkeletonBase, SkeletonCircle, Stepper, Tag, Text, TextField, ThemeProvider, Timer, Tooltip, DataTable, CardNotification, Pill, Donut, DonutLabels, DonutLegend, };
@@ -1,7 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { IconTypes } from '../../../../../../avocado-icons/src/types/icons.type.ts';
3
- export interface MenuItem {
4
- icon?: IconTypes;
5
- label: ReactNode;
6
- onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
7
- }
@@ -1,4 +0,0 @@
1
- export type ThemeMode = 'light' | 'dark';
2
- export type Theme = {
3
- mode: ThemeMode;
4
- };