@fattureincloud/fic-design-system 0.11.1 → 0.12.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (113) hide show
  1. package/dist/assets/index-7ee742e8.css +154 -0
  2. package/dist/assets/index-9fc4893a.css +155 -0
  3. package/dist/assets/index.esm-bff8cd71.css +155 -0
  4. package/dist/assets/index.esm-c9d742c9.css +154 -0
  5. package/dist/components/modals/types.d.ts +1 -0
  6. package/dist/components/newTable/Table.d.ts +2 -2
  7. package/dist/components/newTable/components/body/Body.d.ts +2 -2
  8. package/dist/components/newTable/components/row/Row.d.ts +2 -2
  9. package/dist/components/newTable/stories/types.d.ts +1 -0
  10. package/dist/components/newTable/types.d.ts +1 -1
  11. package/dist/index.css +130 -104
  12. package/dist/index.esm.js +2 -2
  13. package/dist/index.esm.js.map +1 -1
  14. package/dist/index.js +7 -7
  15. package/dist/index.js.map +1 -1
  16. package/package.json +1 -1
  17. package/dist/components/banner/utils.d.ts +0 -8
  18. package/dist/components/chips/chips.d.ts +0 -7
  19. package/dist/components/chips/chips.stories.d.ts +0 -6
  20. package/dist/components/chips/components/styledChipWrapper.d.ts +0 -4
  21. package/dist/components/chips/index.d.ts +0 -2
  22. package/dist/components/chips/types.d.ts +0 -11
  23. package/dist/components/drawer/types.d.ts +0 -14
  24. package/dist/components/form/checkbox/components/Input.d.ts +0 -9
  25. package/dist/components/form/checkbox/components/Label.d.ts +0 -8
  26. package/dist/components/form/datepicker/StyledDatePicker.d.ts +0 -1
  27. package/dist/components/form/datepicker/hooks/useDatePickerValues.d.ts +0 -13
  28. package/dist/components/form/inputText/components/codeInput/CodeInput.d.ts +0 -4
  29. package/dist/components/form/inputText/components/codeInput/styled.d.ts +0 -29
  30. package/dist/components/form/inputText/components/codeInput/useCodeInputHooks.d.ts +0 -11
  31. package/dist/components/form/inputText/components/telephoneInput/TelephoneInput.d.ts +0 -4
  32. package/dist/components/form/inputText/components/telephoneInput/countriesTelephonePrefixes.d.ts +0 -7
  33. package/dist/components/form/inputText/components/telephoneInput/styled.d.ts +0 -2
  34. package/dist/components/form/select/components/Placeholder.d.ts +0 -4
  35. package/dist/components/gridCard/GridCard.d.ts +0 -4
  36. package/dist/components/gridCard/gridCard.stories.d.ts +0 -8
  37. package/dist/components/gridCard/index.d.ts +0 -2
  38. package/dist/components/gridCard/stories/data.d.ts +0 -3
  39. package/dist/components/gridCard/styled.d.ts +0 -15
  40. package/dist/components/gridCard/types.d.ts +0 -16
  41. package/dist/components/gridCard/utils.d.ts +0 -2
  42. package/dist/components/groupRadioButton/index.d.ts +0 -23
  43. package/dist/components/groupRadioButton/radio-group.stories.d.ts +0 -6
  44. package/dist/components/inlineMessages/components/styledInlineMessageWrapper.d.ts +0 -8
  45. package/dist/components/inlineMessages/index.d.ts +0 -2
  46. package/dist/components/inlineMessages/inlineMessages.d.ts +0 -4
  47. package/dist/components/inlineMessages/inlineMessages.stories.d.ts +0 -7
  48. package/dist/components/inlineMessages/types.d.ts +0 -29
  49. package/dist/components/newTable/components/header/styled.d.ts +0 -1
  50. package/dist/components/pagination/paginationStyledWrapper.d.ts +0 -1
  51. package/dist/components/progressbar/components/styledProgressbarWrapper.d.ts +0 -2
  52. package/dist/components/radioButton/components/label.d.ts +0 -2
  53. package/dist/components/radioButton/components/radio.d.ts +0 -2
  54. package/dist/components/radioButton/index.d.ts +0 -2
  55. package/dist/components/radioButton/radio.stories.d.ts +0 -6
  56. package/dist/components/radioButton/typings/radioButton.d.ts +0 -21
  57. package/dist/components/table/Table.d.ts +0 -57
  58. package/dist/components/table/components/ActionsCell.d.ts +0 -10
  59. package/dist/components/table/components/EmptyState.d.ts +0 -7
  60. package/dist/components/table/components/Pagination.d.ts +0 -8
  61. package/dist/components/table/components/SelectedRowsCount.d.ts +0 -7
  62. package/dist/components/table/components/SortIndicator.d.ts +0 -6
  63. package/dist/components/table/components/TableBody.d.ts +0 -14
  64. package/dist/components/table/components/TableFoot.d.ts +0 -2
  65. package/dist/components/table/components/TableHeader.d.ts +0 -7
  66. package/dist/components/table/components/actions/ActionsCell.d.ts +0 -10
  67. package/dist/components/table/components/actions/DropdownActions.d.ts +0 -10
  68. package/dist/components/table/components/actions/PrimaryAction.d.ts +0 -12
  69. package/dist/components/table/components/checkboxes/Cell.d.ts +0 -5
  70. package/dist/components/table/components/checkboxes/Header.d.ts +0 -5
  71. package/dist/components/table/components/checkboxes/useHeaderCheckboxProps.d.ts +0 -12
  72. package/dist/components/table/components/loadingCell/LoadingCell.d.ts +0 -8
  73. package/dist/components/table/components/pagination/PageButton.d.ts +0 -10
  74. package/dist/components/table/components/pagination/PaginationButtons.d.ts +0 -10
  75. package/dist/components/table/components/pagination/utils.d.ts +0 -14
  76. package/dist/components/table/components/tableBody/TableBody.d.ts +0 -17
  77. package/dist/components/table/components/tableBody/TableBodyLoader.d.ts +0 -7
  78. package/dist/components/table/components/tableBody/TableBodyTr.d.ts +0 -8
  79. package/dist/components/table/components/tableBody/styled.d.ts +0 -3
  80. package/dist/components/table/components/tableHeader/SortIndicator.d.ts +0 -7
  81. package/dist/components/table/components/tableHeader/TableHeader.d.ts +0 -12
  82. package/dist/components/table/components/tableParts/TableTd.d.ts +0 -8
  83. package/dist/components/table/components/tableParts/TableTh.d.ts +0 -4
  84. package/dist/components/table/components/tableParts/styled.d.ts +0 -17
  85. package/dist/components/table/constants.d.ts +0 -2
  86. package/dist/components/table/hooks/useCheckboxesComponents.d.ts +0 -4
  87. package/dist/components/table/hooks/useRowsSelection.d.ts +0 -4
  88. package/dist/components/table/hooks/useTableHooks.d.ts +0 -6
  89. package/dist/components/table/hooks/useTableValues.d.ts +0 -14
  90. package/dist/components/table/index.d.ts +0 -7
  91. package/dist/components/table/stories/columns.d.ts +0 -3
  92. package/dist/components/table/stories/components/CustomPerson.d.ts +0 -7
  93. package/dist/components/table/stories/components/Role.d.ts +0 -8
  94. package/dist/components/table/stories/components/types.d.ts +0 -14
  95. package/dist/components/table/stories/data.d.ts +0 -2
  96. package/dist/components/table/table.stories.d.ts +0 -6
  97. package/dist/components/table/tablePalette.d.ts +0 -33
  98. package/dist/components/table/types.d.ts +0 -28
  99. package/dist/components/table/utils.d.ts +0 -16
  100. package/dist/components/tip/components/styledTip.d.ts +0 -4
  101. package/dist/components/toast/ToastContainer.d.ts +0 -9
  102. package/dist/components/toast/typings/toast.d.ts +0 -34
  103. package/dist/index.esm.css +0 -128
  104. package/dist/styles/defaultPalette/colors/azure.d.ts +0 -2
  105. package/dist/styles/defaultPalette/colors/purple.d.ts +0 -2
  106. /package/dist/components/floatingBadge/{floatingBadge.d.ts → FloatingBadge.d.ts} +0 -0
  107. /package/dist/components/floatingBadge/{withBadge.d.ts → WithBadge.d.ts} +0 -0
  108. /package/dist/components/progressbar/{progressbar.d.ts → ProgressBar.d.ts} +0 -0
  109. /package/dist/components/progressbar/{progressbar.stories.d.ts → progressBar.stories.d.ts} +0 -0
  110. /package/dist/components/tip/{shortcutTip.d.ts → ShortcutTip.d.ts} +0 -0
  111. /package/dist/components/tip/{tip.d.ts → Tip.d.ts} +0 -0
  112. /package/dist/components/toast/{toast.d.ts → Toast.d.ts} +0 -0
  113. /package/dist/components/toast/components/{toastContent.d.ts → ToastContent.d.ts} +0 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fattureincloud/fic-design-system",
3
- "version": "0.11.1",
3
+ "version": "0.12.0",
4
4
  "description": "Fatture in Cloud and Danea design system",
5
5
  "repository": "git@bitbucket.org:fattureincloud/design-system.git",
6
6
  "license": "MIT",
@@ -1,8 +0,0 @@
1
- import { DefaultTheme } from 'styled-components';
2
- import { bannerColorType } from './Banner';
3
- interface MappedColors {
4
- bgColor: string;
5
- textColor: string;
6
- }
7
- export declare const mapColors: (theme: DefaultTheme, color: bannerColorType) => MappedColors;
8
- export {};
@@ -1,7 +0,0 @@
1
- import { Component } from 'react';
2
- import { TChip, UnstyledChipProps, UnstyledChipState } from './types';
3
- export declare class UnstyledChip extends Component<UnstyledChipProps, UnstyledChipState> {
4
- render(): JSX.Element;
5
- }
6
- declare const Chip: TChip;
7
- export default Chip;
@@ -1,6 +0,0 @@
1
- import { Meta } from '@storybook/react';
2
- import { ComponentProps } from 'react';
3
- import { Chip } from '.';
4
- export declare const Normal: () => JSX.Element;
5
- declare const ChipStories: Meta<ComponentProps<typeof Chip>>;
6
- export default ChipStories;
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- import { ChipsProps } from '../types';
3
- export declare const StyledChipWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ChipsProps, never>;
4
- export declare const StyledIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
@@ -1,2 +0,0 @@
1
- import Chip from './chips';
2
- export { Chip };
@@ -1,11 +0,0 @@
1
- /// <reference types="react" />
2
- export interface ChipsProps {
3
- text?: string | number;
4
- statusEdit?: boolean;
5
- closeAction?: () => void;
6
- }
7
- export declare type TChip = React.FunctionComponent<ChipsProps>;
8
- export interface UnstyledChipProps extends ChipsProps {
9
- }
10
- export interface UnstyledChipState {
11
- }
@@ -1,14 +0,0 @@
1
- /// <reference types="react" />
2
- interface Props {
3
- show?: boolean;
4
- title?: string;
5
- renderHeader?: () => JSX.Element;
6
- renderFooter?: () => JSX.Element;
7
- actionClose?: () => void;
8
- }
9
- export declare type TDrawer = React.FunctionComponent<Props>;
10
- export interface UnstyledDrawerProps extends Props {
11
- }
12
- export interface UnstyledDrawerState {
13
- }
14
- export {};
@@ -1,9 +0,0 @@
1
- import { checkboxStatus, CheckboxStyles } from '../types';
2
- export interface CheckboxInputProps {
3
- value: checkboxStatus;
4
- disabled?: boolean;
5
- large?: boolean;
6
- hasError: boolean;
7
- }
8
- declare const Input: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, CheckboxStyles & CheckboxInputProps, keyof CheckboxStyles>;
9
- export default Input;
@@ -1,8 +0,0 @@
1
- import { MappedLabelProps } from '../types';
2
- export interface CheckboxLabelProps {
3
- large?: boolean;
4
- disabled?: boolean;
5
- hasError: boolean;
6
- }
7
- declare const Label: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, MappedLabelProps & CheckboxLabelProps, keyof MappedLabelProps>;
8
- export default Label;
@@ -1 +0,0 @@
1
- export declare const StyledDatePicker: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
@@ -1,13 +0,0 @@
1
- import { Dispatch, SetStateAction } from 'react';
2
- interface ReturnType {
3
- date: Date | null;
4
- setDate: Dispatch<SetStateAction<Date | null>>;
5
- value: string | null;
6
- setValue: Dispatch<SetStateAction<string | null>>;
7
- }
8
- interface Props {
9
- initialDate?: Date | null;
10
- initialValue?: string | null;
11
- }
12
- declare const useDatePickerValues: ({ initialDate, initialValue }?: Props) => ReturnType;
13
- export default useDatePickerValues;
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- import { CodeInputProps } from '../../types';
3
- declare const CodeInput: (props: Omit<CodeInputProps, 'helper' | 'className'>) => JSX.Element;
4
- export default CodeInput;
@@ -1,29 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const CodeInputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
3
- gap: number | undefined;
4
- }, never>;
5
- export declare const InputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
6
- export declare const SingleNumberInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../common/types").CommonFormTypes & {
7
- className?: string | undefined;
8
- name?: string | undefined;
9
- onFocus?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
10
- onBlur?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
11
- onChange?: import("react").ChangeEventHandler<HTMLInputElement> | undefined;
12
- onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
13
- onKeyPress?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
14
- onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
15
- autoFocus?: boolean | undefined;
16
- required?: boolean | undefined;
17
- } & {
18
- actionIcon?: import("../../../../icon").IconProps | undefined;
19
- inputType?: "number" | "text" | "password" | undefined;
20
- isPrefilled?: boolean | undefined;
21
- isTransparent?: boolean | undefined;
22
- leadingIcon?: import("../../../../icon").IconProps | undefined;
23
- placeholder?: import("react").ReactText | undefined;
24
- setValue?: import("react").Dispatch<import("react").SetStateAction<string>> | undefined;
25
- strict?: boolean | undefined;
26
- tooltip?: import("../../../../tooltip").TooltipProps | undefined;
27
- unitDropdownProps?: import("../UnitDropdown").UnitDropdownProps | undefined;
28
- value?: string | number | null | undefined;
29
- } & import("react").RefAttributes<HTMLInputElement | null>>, import("styled-components").DefaultTheme, {}, never>;
@@ -1,11 +0,0 @@
1
- import { Dispatch, SetStateAction } from 'react';
2
- import { CodeInputProps } from '../../types';
3
- declare type CodInputHooks = {
4
- handleInput: (v: string) => void;
5
- handlePaste: (e: React.ClipboardEvent) => void;
6
- refs: React.MutableRefObject<(HTMLInputElement | null)[]>;
7
- setCurrentIndex: Dispatch<SetStateAction<number>>;
8
- values: (string | null)[];
9
- };
10
- declare const useCodeInputHooks: ({ fieldsCount, onChange, status, }: Omit<CodeInputProps, 'helper' | 'className'>) => CodInputHooks;
11
- export default useCodeInputHooks;
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- import { TelephoneInputProps } from '../../types';
3
- declare const TelephoneInput: ({ disabled, value, setValue, required, placeholder }: TelephoneInputProps) => JSX.Element;
4
- export default TelephoneInput;
@@ -1,7 +0,0 @@
1
- declare type CountryPrefix = {
2
- country: string;
3
- prefix: string;
4
- iso: string;
5
- };
6
- declare const countriesTelephonePrefixes: CountryPrefix[];
7
- export default countriesTelephonePrefixes;
@@ -1,2 +0,0 @@
1
- export declare const SelectWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
2
- export declare const InputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
@@ -1,4 +0,0 @@
1
- import { PlaceholderProps } from 'react-select';
2
- import { OptionType } from './Option';
3
- declare const Placeholder: <O extends OptionType = OptionType, IsMulti extends boolean = false>({ children, }: PlaceholderProps<O, IsMulti, import("react-select").GroupTypeBase<O>>) => JSX.Element;
4
- export default Placeholder;
@@ -1,4 +0,0 @@
1
- import { ReactElement } from 'react';
2
- import { GridCardProps } from '.';
3
- declare const GridCard: ({ data }: GridCardProps) => ReactElement;
4
- export default GridCard;
@@ -1,8 +0,0 @@
1
- import { Meta, Story } from '@storybook/react';
2
- import { ComponentProps } from 'react';
3
- import { GridCard } from '.';
4
- import { GridCardProps } from './types';
5
- export declare const Template: Story<GridCardProps>;
6
- export declare const CustomData: Story<GridCardProps>;
7
- declare const GridCardStories: Meta<ComponentProps<typeof GridCard>>;
8
- export default GridCardStories;
@@ -1,2 +0,0 @@
1
- export { default as GridCard } from './GridCard';
2
- export { GridCardProps } from './types';
@@ -1,3 +0,0 @@
1
- import { CardData } from '../types';
2
- export declare const cardData: CardData[][];
3
- export declare const cardCustomData: CardData[][];
@@ -1,15 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
3
- export declare const Row: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
4
- export declare const InnerContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
5
- cardBackgroundColor?: string | undefined;
6
- isLastElement?: boolean | undefined;
7
- }, never>;
8
- export declare const IconContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
9
- iconBackgroundColor?: string | undefined;
10
- }, never>;
11
- export declare const StyledIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../icon/Icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
12
- export declare const TextContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
13
- export declare const Label: import("styled-components").StyledComponent<({ children, type, ...otherProps }: import("../../common/components/typography/types").TextProps & import("react").HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
14
- export declare const Value: import("styled-components").StyledComponent<({ children, type, ...otherProps }: import("../../common/components/typography/types").TextProps & import("react").HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
15
- export declare const Description: import("styled-components").StyledComponent<({ children, type, ...otherProps }: import("../../common/components/typography/types").TextProps & import("react").HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
@@ -1,16 +0,0 @@
1
- import { IconProps } from 'components/icon';
2
- import { ReactElement, ReactNode } from 'react';
3
- import { paletteColor } from '../../styles/types';
4
- export interface GridCardProps {
5
- data: CardData[][];
6
- renderCustomData?: () => ReactElement;
7
- }
8
- export interface CardData {
9
- icon?: IconProps;
10
- label?: string;
11
- value?: string | ReactNode;
12
- description?: string;
13
- cardBackgroundColor?: paletteColor;
14
- iconBackgroundColor?: paletteColor;
15
- renderCustomData?: () => ReactElement;
16
- }
@@ -1,2 +0,0 @@
1
- import { DefaultTheme } from 'styled-components';
2
- export declare const getIconBackgroundColor: (theme: DefaultTheme, iconColor?: "black" | "white" | "grey" | "blue" | "indigo" | "yellow" | "orange" | "red" | "green" | "fuchsia" | "pink" | "cyan" | "primary" | undefined, customIconBackground?: string | undefined) => string;
@@ -1,23 +0,0 @@
1
- import React from 'react';
2
- interface Props {
3
- options: Array<{
4
- key: number;
5
- label: string;
6
- }>;
7
- value: number;
8
- onClick: (option: {
9
- key: number;
10
- label: string;
11
- }) => void;
12
- isDisabled?: boolean;
13
- renderOption?: (props: {
14
- isDisabled?: boolean;
15
- isChecked: boolean;
16
- label: string;
17
- }) => JSX.Element;
18
- optionsSpacing?: number;
19
- style?: React.CSSProperties;
20
- inline?: boolean;
21
- }
22
- export declare const RadioButtonGroup: (props: Props) => JSX.Element;
23
- export {};
@@ -1,6 +0,0 @@
1
- import { Meta } from '@storybook/react';
2
- import { ComponentProps } from 'react';
3
- import { RadioButtonGroup } from '.';
4
- export declare const WithKnobs: () => JSX.Element;
5
- declare const RadioButtonGroupStories: Meta<ComponentProps<typeof RadioButtonGroup>>;
6
- export default RadioButtonGroupStories;
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- import { InlineMessagesProps, StyledContentProps } from '../types';
3
- export declare const StyledIconTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
4
- export declare const StyledContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
5
- export declare const StyledInlineMessageWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, InlineMessagesProps, never>;
6
- export declare const StyledIconContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledContentProps, never>;
7
- export declare const StyledCloseIconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
8
- export declare const StyledCloseIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
@@ -1,2 +0,0 @@
1
- import InlineMessage from './inlineMessages';
2
- export { InlineMessage };
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- import { InlineMessagesProps } from './types';
3
- declare const InlineMessage: (props: InlineMessagesProps) => JSX.Element;
4
- export default InlineMessage;
@@ -1,7 +0,0 @@
1
- /// <reference types="react" />
2
- import { Meta } from '@storybook/react';
3
- import { InlineMessagesProps } from './types';
4
- export declare const Colors: () => JSX.Element;
5
- export declare const Sizes: () => JSX.Element;
6
- declare const InlineMessageStories: Meta<InlineMessagesProps>;
7
- export default InlineMessageStories;
@@ -1,29 +0,0 @@
1
- /// <reference types="react" />
2
- import { IconProps } from '../icon';
3
- export declare type MessageType = 'standard' | 'error' | 'info' | 'warning' | 'success';
4
- export interface InlineMessagesProps {
5
- icon?: IconProps;
6
- renderIcon?: () => JSX.Element;
7
- title?: string;
8
- content?: string;
9
- size?: 'medium' | 'large';
10
- type?: MessageType;
11
- renderTitle?: () => JSX.Element;
12
- renderContent?: () => JSX.Element;
13
- onClose?: () => void;
14
- closeIcon?: IconProps;
15
- renderCloseIcon?: () => JSX.Element;
16
- componentStyle?: InlineMessageStyle;
17
- }
18
- export interface InlineMessageStyle {
19
- root?: Record<string, unknown>;
20
- icon?: Record<string, unknown>;
21
- contentWrapper?: Record<string, unknown>;
22
- title?: Record<string, unknown>;
23
- content?: Record<string, unknown>;
24
- }
25
- export interface UnstyledInlineMessagePropsInterface extends InlineMessagesProps {
26
- }
27
- export interface StyledContentProps {
28
- margin: boolean;
29
- }
@@ -1 +0,0 @@
1
- export declare const THead: import("styled-components").StyledComponent<"thead", import("styled-components").DefaultTheme, {}, never>;
@@ -1 +0,0 @@
1
- export declare const StyledWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
@@ -1,2 +0,0 @@
1
- import { UnstyledProgressbarPropsInterface } from '../types';
2
- export declare const StyledProgressbarWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, UnstyledProgressbarPropsInterface, never>;
@@ -1,2 +0,0 @@
1
- import { LabelInterface } from '../typings/radioButton';
2
- export declare const Label: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, LabelInterface, never>;
@@ -1,2 +0,0 @@
1
- import { RadioInterface } from '../typings/radioButton';
2
- export declare const Radio: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, RadioInterface, never>;
@@ -1,2 +0,0 @@
1
- import { TRadioButton } from './typings/radioButton';
2
- export declare const RadioButton: TRadioButton;
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- import { Meta } from '@storybook/react';
3
- import { RadioButtonInterface } from './typings/radioButton';
4
- export declare const WithKnobs: () => JSX.Element;
5
- declare const RadioButtonStories: Meta<RadioButtonInterface>;
6
- export default RadioButtonStories;
@@ -1,21 +0,0 @@
1
- /// <reference types="react" />
2
- export interface RadioInterface {
3
- isDisabled?: boolean;
4
- isChecked: boolean;
5
- }
6
- export interface LabelInterface {
7
- isDisabled?: boolean;
8
- }
9
- export interface RadioButtonInterface extends RadioInterface {
10
- className?: string;
11
- label: string;
12
- inline?: boolean;
13
- onClick: () => void;
14
- optionsSpacing?: number;
15
- renderOption?: (props: {
16
- isDisabled?: boolean;
17
- isChecked: boolean;
18
- label: string;
19
- }) => JSX.Element;
20
- }
21
- export declare type TRadioButton = React.FunctionComponent<RadioButtonInterface>;
@@ -1,57 +0,0 @@
1
- /// <reference types="react" />
2
- import { Row, UseTableOptions } from 'react-table';
3
- import { EmptyTablePageProps } from './components/EmptyState';
4
- import { ManualPagination, OnSelectionChange, OnSort, RowActions, TableData } from './types';
5
- export interface TableProps<T extends TableData> extends UseTableOptions<T> {
6
- sortable?: boolean;
7
- onSort?: OnSort<T>;
8
- noPagination?: boolean;
9
- manualPagination?: ManualPagination;
10
- onScroll?: () => void;
11
- pageSize?: number;
12
- selectableRows?: boolean;
13
- preSelectAllRows?: boolean;
14
- onSelectionChange?: OnSelectionChange<T>;
15
- onRowClick?: (row: Row<T>) => void;
16
- globalFilter?: string;
17
- hideHeader?: boolean;
18
- EmptyPage?: EmptyTablePageProps['EmptyPage'];
19
- Footer?: JSX.Element;
20
- withCheckbox?: boolean;
21
- isLoading?: boolean;
22
- actions?: RowActions<T>;
23
- renderActions?: () => JSX.Element;
24
- actionsHeader?: string | JSX.Element;
25
- bodyHeight?: number | string;
26
- headerHeight?: number | string;
27
- rowHeight?: number | string;
28
- disableArrowNavigation?: boolean;
29
- }
30
- /**
31
- * Component Props:
32
- * @param {boolean} sortable Makes all columns sortable, sort can be disabled for a single column inside columns definition
33
- * @param {function} onSort Callback called on column sort change
34
- * @param {boolean} noPagination Hide table paginator and disabled pagination
35
- * @param {number} pageSize Define the page size to use in every page
36
- * @param {object} manualPagination If you want to manage the pagination by yourself
37
- * @param {function} onScroll If pagination is disabled, this callback is called when user scroll to the bottom of the table
38
- * @param {boolean} selectableRows Allow to select rows
39
- * @param {boolean} preSelectAllRows Pre-select all rows
40
- * @param {function} onSelectionChange Callback called when rows selection changes
41
- * @param {function} onRowClick Callback called on row click
42
- * @param {string} globalFilter Filter all columns by value
43
- * @param {boolean} hideHeader Hide the table header
44
- * @param {object} EmptyPage Configuration to show a custom component when table has no rows
45
- * @param {JSX.Element} Footer Custom footer component
46
- * @param {boolean} withCheckbox Show a column with checkboxes on left side of the table
47
- * @param {boolean} isLoading Apply loading style to all cells
48
- * @param {object} actions Configuration to render actions column
49
- * @param {function} renderActions Used to customize actions column
50
- * @param {string | JSX.Element} actionsHeader Used to customize actions header
51
- * @param {number|string} bodyHeight Set tbody height, default 300px
52
- * @param {number|string} headerHeight Set thead and th height, default 40px
53
- * @param {number|string} rowHeight Set row height, default 40px
54
- * @param {boolean} disableArrowNavigation Used to turn off Up/Down row selection and Enter click
55
- */
56
- declare const Table: <T extends TableData>({ actions, bodyHeight, columns, data, EmptyPage, Footer, globalFilter: externalGlobalFilter, headerHeight, hideHeader, isLoading, manualPagination, noPagination, onRowClick, onScroll, onSelectionChange, onSort, preSelectAllRows, renderActions, actionsHeader, rowHeight, selectableRows, sortable, withCheckbox, pageSize, disableArrowNavigation, }: TableProps<T>) => JSX.Element;
57
- export default Table;
@@ -1,10 +0,0 @@
1
- /// <reference types="react" />
2
- import { Row } from 'react-table';
3
- import { RowActions, TableData } from '../types';
4
- interface Props<T extends TableData> {
5
- row: Row<T>;
6
- actions?: RowActions<T>;
7
- renderActions?: () => JSX.Element;
8
- }
9
- declare const ActionsCell: <T extends TableData>({ row, actions, renderActions }: Props<T>) => JSX.Element;
10
- export default ActionsCell;
@@ -1,7 +0,0 @@
1
- /// <reference types="react" />
2
- export interface EmptyTablePageProps {
3
- columnsCount: number;
4
- EmptyPage?: JSX.Element;
5
- }
6
- declare const EmptyState: ({ columnsCount, EmptyPage }: EmptyTablePageProps) => JSX.Element;
7
- export default EmptyState;
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- import { UsePaginationInstanceProps } from 'react-table';
3
- import { TableData } from '../types';
4
- interface Props<T extends TableData> extends Omit<UsePaginationInstanceProps<T>, 'page' | 'pageOptions' | 'setPageSize'> {
5
- pageIndex: number;
6
- }
7
- declare const Pagination: <T extends TableData>({ canPreviousPage, nextPage, previousPage, canNextPage, gotoPage, pageCount, pageIndex, }: Props<T>) => JSX.Element;
8
- export default Pagination;
@@ -1,7 +0,0 @@
1
- /// <reference types="react" />
2
- interface Props {
3
- count: number;
4
- resetSelection: () => void;
5
- }
6
- declare const SelectedRowsCount: ({ count, resetSelection }: Props) => JSX.Element;
7
- export default SelectedRowsCount;
@@ -1,6 +0,0 @@
1
- interface Props {
2
- isSorted: boolean;
3
- isSortedDesc?: boolean;
4
- }
5
- declare const SortIndicator: ({ isSorted, isSortedDesc }: Props) => JSX.Element;
6
- export default SortIndicator;
@@ -1,14 +0,0 @@
1
- import { Row, UseTableInstanceProps } from 'react-table';
2
- import { TableData } from '../types';
3
- interface Props<T extends TableData> {
4
- rows: Row<T>[];
5
- prepareRow: UseTableInstanceProps<T>['prepareRow'];
6
- selectedRowsIds: string[];
7
- isLoading: boolean;
8
- }
9
- declare const TableBody: <T extends TableData>({ isLoading, rows, prepareRow, selectedRowsIds }: Props<T>) => JSX.Element;
10
- export interface TableBodyTrProps {
11
- isSelected?: boolean;
12
- isDisabled?: boolean;
13
- }
14
- export default TableBody;
@@ -1,2 +0,0 @@
1
- declare const TableFoot: import("styled-components").StyledComponent<"tfoot", import("styled-components").DefaultTheme, {}, never>;
2
- export default TableFoot;
@@ -1,7 +0,0 @@
1
- import { HeaderGroup } from 'react-table';
2
- import { TableData } from '../types';
3
- interface Props<T extends TableData> {
4
- headerGroups: HeaderGroup<T>[];
5
- }
6
- declare const TableHeader: <T extends TableData>({ headerGroups }: Props<T>) => JSX.Element;
7
- export default TableHeader;
@@ -1,10 +0,0 @@
1
- /// <reference types="react" />
2
- import { Row } from 'react-table';
3
- import { RowActions, TableData } from '../../types';
4
- interface Props<T extends TableData> {
5
- row: Row<T>;
6
- actions?: RowActions<T>;
7
- renderActions?: () => JSX.Element;
8
- }
9
- declare const ActionsCell: <T extends TableData>({ row, actions, renderActions }: Props<T>) => JSX.Element;
10
- export default ActionsCell;
@@ -1,10 +0,0 @@
1
- /// <reference types="react" />
2
- import { Row } from 'react-table';
3
- import { RowAction, TableData } from '../../types';
4
- interface Props<T extends TableData> {
5
- row: Row<T>;
6
- actions: RowAction<T>[];
7
- rowIsDisabled?: boolean;
8
- }
9
- declare const DropdownActions: <T extends TableData>({ row, actions, rowIsDisabled }: Props<T>) => JSX.Element;
10
- export default DropdownActions;
@@ -1,12 +0,0 @@
1
- /// <reference types="react" />
2
- import { Row } from 'react-table';
3
- import { DropdownItemType } from '../../../dropdown/types';
4
- import { RowAction, TableData } from '../../types';
5
- interface Props<T extends TableData> {
6
- action: RowAction<T>;
7
- row: Row<T>;
8
- rowIsDisabled?: boolean;
9
- type?: DropdownItemType;
10
- }
11
- declare const PrimaryAction: <T extends TableData>({ action, row, rowIsDisabled, type, }: Props<T>) => JSX.Element | null;
12
- export default PrimaryAction;
@@ -1,5 +0,0 @@
1
- /// <reference types="react" />
2
- import { CellProps } from 'react-table';
3
- import { TableData } from '../../types';
4
- declare const Cell: <T extends TableData>({ row }: CellProps<T, any>) => JSX.Element;
5
- export default Cell;
@@ -1,5 +0,0 @@
1
- /// <reference types="react" />
2
- import { HeaderProps } from 'react-table';
3
- import { TableData } from '../../types';
4
- declare const Header: <T extends TableData>(props: HeaderProps<T>) => JSX.Element;
5
- export default Header;
@@ -1,12 +0,0 @@
1
- import { PropsWithChildren } from 'react';
2
- import { HeaderProps, TableToggleAllRowsSelectedProps } from 'react-table';
3
- import { TableData } from '../../types';
4
- interface Props<T extends TableData> {
5
- headerProps: PropsWithChildren<HeaderProps<T>>;
6
- selectSinglePage?: boolean;
7
- }
8
- interface ReturnType extends TableToggleAllRowsSelectedProps {
9
- disabled: boolean;
10
- }
11
- declare const useHeaderCheckboxProps: <T extends TableData>({ headerProps, selectSinglePage, }: Props<T>) => ReturnType;
12
- export default useHeaderCheckboxProps;
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- import { ColumnInstance } from 'react-table';
3
- import { TableData } from '../../types';
4
- interface LoadingCellProps<T extends TableData> {
5
- column: ColumnInstance<T>;
6
- }
7
- declare const LoadingCell: <T extends TableData>({ column }: LoadingCellProps<T>) => JSX.Element;
8
- export default LoadingCell;