@fattureincloud/fic-design-system 0.6.2-temp-table → 0.6.3
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/components/accordion-new/Accordion.d.ts +12 -0
- package/dist/components/accordion-new/accordion-new.stories.d.ts +4 -0
- package/dist/components/accordion-new/components/AccordionIcon.d.ts +3 -0
- package/dist/components/accordion-new/components/AccordionItem.d.ts +3 -0
- package/dist/components/accordion-new/components/styled.d.ts +8 -0
- package/dist/components/accordion-new/index.d.ts +3 -0
- package/dist/components/accordion-new/types.d.ts +58 -0
- package/dist/components/accordion-new/utils.d.ts +10 -0
- package/dist/components/checkbox/Checkbox.d.ts +15 -0
- package/dist/components/checkbox/checkbox.stories.d.ts +1 -0
- package/dist/components/checkbox/checkboxPalette.d.ts +16 -0
- package/dist/components/checkbox/components/Input.d.ts +9 -0
- package/dist/components/checkbox/components/Label.d.ts +8 -0
- package/dist/components/checkbox/hooks/useCheckboxValue.d.ts +11 -0
- package/dist/components/checkbox/index.d.ts +4 -0
- package/dist/components/checkbox/types.d.ts +19 -0
- package/dist/components/checkbox/utils.d.ts +24 -0
- package/dist/components/dropdown/DropdownImpl.d.ts +1 -1
- package/dist/components/dropdown/types.d.ts +0 -1
- package/dist/components/form/fileUploader/fileTypes.d.ts +3 -0
- package/dist/components/form/fileUploader/hooks/useIcon.d.ts +4 -0
- package/dist/components/form/fileUploader/hooks/useTexts.d.ts +3 -0
- package/dist/components/form/inputText/InputText.d.ts +1 -0
- package/dist/components/form/inputText/components/InputElement.d.ts +1 -0
- package/dist/components/form/inputText/types.d.ts +3 -2
- package/dist/components/form/select/components/types.d.ts +10 -0
- package/dist/components/form/textArea/TextArea.d.ts +3 -3
- package/dist/components/form/textArea/components/TextAreaElement.d.ts +2 -2
- package/dist/components/inputText/components/icons.d.ts +8 -0
- package/dist/components/inputText/components/inputContainer.d.ts +1 -0
- package/dist/components/inputText/components/messages.d.ts +2 -0
- package/dist/components/inputText/components/wrapperTextArea.d.ts +1 -0
- package/dist/components/inputText/icons.d.ts +9 -0
- package/dist/components/inputText/index.d.ts +3 -0
- package/dist/components/inputText/inputText.stories.d.ts +1 -0
- package/dist/components/inputText/inputTextStyledWrapper.d.ts +2 -0
- package/dist/components/inputText/sideText.d.ts +6 -0
- package/dist/components/inputText/typings/enums.d.ts +17 -0
- package/dist/components/inputText/typings/inputText.d.ts +43 -0
- package/dist/components/inputText/utils.d.ts +8 -0
- package/dist/components/modals/stepModal/components/StepModalBody.d.ts +1 -1
- package/dist/components/modals/stepModal/components/StepModalFooter.d.ts +1 -1
- package/dist/components/modals/stepModal/components/StepModalHeader.d.ts +1 -1
- package/dist/components/modals/stepModal/types.d.ts +3 -0
- package/dist/components/pagination/Pagination.d.ts +1 -0
- package/dist/components/pagination/pagination.stories.d.ts +2 -1
- package/dist/components/pagination/styled.d.ts +4 -3
- package/dist/components/pagination/types.d.ts +4 -14
- package/dist/components/select/hooks/constants.d.ts +4613 -0
- package/dist/components/select/hooks/useCustomSelectStyle.d.ts +4 -0
- package/dist/components/select/index.d.ts +4 -0
- package/dist/components/select/select.stories.d.ts +1 -0
- package/dist/components/select/typings/select.d.ts +22 -0
- package/dist/components/stepBar/components/singleStep.d.ts +3 -0
- package/dist/components/stepBar/components/styledStepBarWrapper.d.ts +2 -0
- package/dist/components/stepBar/index.d.ts +2 -0
- package/dist/components/stepBar/stepBar.d.ts +7 -0
- package/dist/components/stepBar/stepBar.stories.d.ts +1 -0
- package/dist/components/stepBar/types.d.ts +15 -0
- package/dist/components/table/components/actionLink.d.ts +3 -0
- package/dist/components/table/components/actions/actionsContainer.d.ts +1 -0
- package/dist/components/table/components/actions/actionsPopUp.d.ts +12 -0
- package/dist/components/table/components/actions/actionsPopUpButton.d.ts +8 -0
- package/dist/components/table/components/actions/actionsPopUpUnderlay.d.ts +3 -0
- package/dist/components/table/components/components/headDesktop.d.ts +15 -0
- package/dist/components/table/components/components/listMobile.d.ts +15 -0
- package/dist/components/table/components/components/rowDesktop.d.ts +18 -0
- package/dist/components/table/components/customizationModal/customizationsModal.d.ts +10 -0
- package/dist/components/table/components/customizationModal/index.d.ts +2 -0
- package/dist/components/table/components/customizationModal/styledWrapper.d.ts +3 -0
- package/dist/components/table/components/customizationModal/useDnd.d.ts +8 -0
- package/dist/components/table/components/customizationModal/utils.d.ts +6 -0
- package/dist/components/table/components/emptySet.d.ts +10 -0
- package/dist/components/table/components/linearBackground.d.ts +1 -0
- package/dist/components/table/components/loadingContent.d.ts +7 -0
- package/dist/components/table/components/{Pagination.d.ts → pagination.d.ts} +0 -0
- package/dist/components/table/components/sortIcon.d.ts +2 -0
- package/dist/components/table/components/styledWrapper.d.ts +3 -0
- package/dist/components/table/components/unstyledTable.d.ts +11 -0
- package/dist/components/table/{Table.d.ts → table.d.ts} +0 -0
- package/dist/components/table/typings/main.d.ts +92 -0
- package/dist/components/table/utils/configPersistency.d.ts +14 -0
- package/dist/components/textButton/TextButton.d.ts +12 -0
- package/dist/components/textButton/index.d.ts +2 -0
- package/dist/components/textButton/textButton.stories.d.ts +1 -0
- package/dist/components/toast/typings/toast.d.ts +0 -2
- package/dist/components/tooltip/Tooltip.d.ts +1 -3
- package/dist/components/tooltips/components/message.d.ts +12 -0
- package/dist/components/tooltips/components/styledTooltipWrapper.d.ts +1 -0
- package/dist/components/tooltips/index.d.ts +2 -0
- package/dist/components/tooltips/tooltips.d.ts +15 -0
- package/dist/components/tooltips/tooltips.stories.d.ts +1 -0
- package/dist/components/tooltips/types.d.ts +25 -0
- package/dist/index.d.ts +1 -2
- package/dist/index.esm.js +5 -26
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +4 -25
- package/dist/index.js.map +1 -1
- package/dist/styles/elevations.d.ts +7 -0
- package/dist/utils/FICNumbers.d.ts +11 -0
- package/package.json +1 -2
- package/dist/components/form/datepicker/hooks/useDatePickerValues.d.ts +0 -13
- package/dist/components/form/inputText/components/codeInput/CodeInput.d.ts +0 -4
- package/dist/components/form/inputText/components/codeInput/styled.d.ts +0 -29
- package/dist/components/form/inputText/components/codeInput/useCodeInputHooks.d.ts +0 -11
- package/dist/components/form/inputText/components/telephoneInput/TelephoneInput.d.ts +0 -4
- package/dist/components/form/inputText/components/telephoneInput/countriesTelephonePrefixes.d.ts +0 -7
- package/dist/components/form/inputText/components/telephoneInput/styled.d.ts +0 -2
- package/dist/components/newTable/Table.d.ts +0 -32
- package/dist/components/newTable/components/action/favorite/Favorite.d.ts +0 -14
- package/dist/components/newTable/components/action/favorite/index.d.ts +0 -1
- package/dist/components/newTable/components/action/favorite/styled.d.ts +0 -4
- package/dist/components/newTable/components/action/settings/ColumnsSettings/ColumnItem/ColumnItem.d.ts +0 -8
- package/dist/components/newTable/components/action/settings/ColumnsSettings/ColumnItem/styled.d.ts +0 -4
- package/dist/components/newTable/components/action/settings/ColumnsSettings/ColumnsSettings.d.ts +0 -8
- package/dist/components/newTable/components/action/settings/ColumnsSettings/DraggableContent/DraggableContent.d.ts +0 -7
- package/dist/components/newTable/components/action/settings/ColumnsSettings/index.d.ts +0 -2
- package/dist/components/newTable/components/action/settings/ColumnsSettings/styled.d.ts +0 -4
- package/dist/components/newTable/components/action/settings/DropdownSettings/DropdownSettings.d.ts +0 -7
- package/dist/components/newTable/components/action/settings/DropdownSettings/index.d.ts +0 -1
- package/dist/components/newTable/components/action/settings/DropdownSettings/styled.d.ts +0 -4
- package/dist/components/newTable/components/action/settings/RowHeightSettings/RowHeightSettings.d.ts +0 -10
- package/dist/components/newTable/components/action/settings/RowHeightSettings/index.d.ts +0 -1
- package/dist/components/newTable/components/action/settings/RowHeightSettings/styled.d.ts +0 -2
- package/dist/components/newTable/components/action/settings/Settings.d.ts +0 -8
- package/dist/components/newTable/components/action/settings/hooks/index.d.ts +0 -2
- package/dist/components/newTable/components/action/settings/hooks/useColumnValues.d.ts +0 -8
- package/dist/components/newTable/components/action/settings/hooks/useDropdownSettingsValues.d.ts +0 -13
- package/dist/components/newTable/components/action/settings/index.d.ts +0 -1
- package/dist/components/newTable/components/action/settings/styled.d.ts +0 -2
- package/dist/components/newTable/components/action/toggle/Toggle.d.ts +0 -14
- package/dist/components/newTable/components/action/toggle/constants.d.ts +0 -3
- package/dist/components/newTable/components/action/toggle/index.d.ts +0 -1
- package/dist/components/newTable/components/action/toggle/styled.d.ts +0 -5
- package/dist/components/newTable/components/body/Body.d.ts +0 -9
- package/dist/components/newTable/components/bulkBar/BulkBar.d.ts +0 -9
- package/dist/components/newTable/components/bulkBar/styled.d.ts +0 -10
- package/dist/components/newTable/components/cell/Cell.d.ts +0 -12
- package/dist/components/newTable/components/cell/customActionCell/CustomActionCell.d.ts +0 -12
- package/dist/components/newTable/components/cell/customActionCell/DropdownActionCell.d.ts +0 -10
- package/dist/components/newTable/components/cell/customActionCell/PrimaryActionCell.d.ts +0 -9
- package/dist/components/newTable/components/cell/customActionCell/index.d.ts +0 -3
- package/dist/components/newTable/components/cell/customActionCell/styled.d.ts +0 -4
- package/dist/components/newTable/components/cell/customCell/CustomCell.d.ts +0 -11
- package/dist/components/newTable/components/cell/customCell/CustomInput.d.ts +0 -9
- package/dist/components/newTable/components/cell/customCell/TextAreaPopup.d.ts +0 -9
- package/dist/components/newTable/components/cell/customCell/constants.d.ts +0 -1
- package/dist/components/newTable/components/cell/customCell/index.d.ts +0 -1
- package/dist/components/newTable/components/cell/customCell/styled.d.ts +0 -7
- package/dist/components/newTable/components/cell/hooks/index.d.ts +0 -1
- package/dist/components/newTable/components/cell/hooks/useCellValues.d.ts +0 -16
- package/dist/components/newTable/components/cell/loadingCell/LoadingCell.d.ts +0 -7
- package/dist/components/newTable/components/cell/loadingCell/index.d.ts +0 -1
- package/dist/components/newTable/components/cell/styled.d.ts +0 -20
- package/dist/components/newTable/components/footer/Footer.d.ts +0 -7
- package/dist/components/newTable/components/header/Header.d.ts +0 -10
- package/dist/components/newTable/components/header/headerCell/ActionHeaderCell.d.ts +0 -8
- package/dist/components/newTable/components/header/headerCell/HeaderCell.d.ts +0 -12
- package/dist/components/newTable/components/header/headerCell/styled.d.ts +0 -9
- package/dist/components/newTable/components/header/hooks/index.d.ts +0 -2
- package/dist/components/newTable/components/header/hooks/useActionHeaderValues.d.ts +0 -16
- package/dist/components/newTable/components/header/hooks/useHeaderValues.d.ts +0 -14
- package/dist/components/newTable/components/row/Row.d.ts +0 -10
- package/dist/components/newTable/components/row/styled.d.ts +0 -6
- package/dist/components/newTable/components/utils.d.ts +0 -10
- package/dist/components/newTable/constants.d.ts +0 -2
- package/dist/components/newTable/hooks/useColumnPinning.d.ts +0 -8
- package/dist/components/newTable/hooks/usePagination.d.ts +0 -9
- package/dist/components/newTable/index.d.ts +0 -2
- package/dist/components/newTable/providers/TableProvider/TableProvider.d.ts +0 -5
- package/dist/components/newTable/providers/TableProvider/index.d.ts +0 -3
- package/dist/components/newTable/providers/TableProvider/types.d.ts +0 -10
- package/dist/components/newTable/stories/actions.d.ts +0 -4
- package/dist/components/newTable/stories/columns.d.ts +0 -3
- package/dist/components/newTable/stories/data.d.ts +0 -2
- package/dist/components/newTable/stories/styled.d.ts +0 -1
- package/dist/components/newTable/stories/types.d.ts +0 -9
- package/dist/components/newTable/styled.d.ts +0 -9
- package/dist/components/newTable/table.stories.d.ts +0 -6
- package/dist/components/newTable/types.d.ts +0 -170
- package/dist/components/newTable/utils.d.ts +0 -8
- package/dist/components/table/components/ActionsCell.d.ts +0 -10
- package/dist/components/table/components/SortIndicator.d.ts +0 -6
- package/dist/components/table/components/TableBody.d.ts +0 -14
- package/dist/components/table/components/TableFoot.d.ts +0 -2
- package/dist/components/table/components/TableHeader.d.ts +0 -7
- package/dist/components/table/components/tableBody/TableBodyLoader.d.ts +0 -7
- package/dist/components/table/components/tableBody/styled.d.ts +0 -3
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -0,0 +1,22 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
import { default as Select } from 'react-select';
|
3
|
+
import { default as AsyncSelect } from 'react-select/async';
|
4
|
+
import CreatableSelect from 'react-select/creatable';
|
5
|
+
import { InputActionMeta } from 'react-select/src/types';
|
6
|
+
export interface Props {
|
7
|
+
label?: string;
|
8
|
+
size?: 'medium' | 'large' | undefined;
|
9
|
+
inputChange?: (newValue: string, actionMeta: InputActionMeta) => void;
|
10
|
+
getRef?: (node: any) => any;
|
11
|
+
}
|
12
|
+
export declare type TSelectProps = React.ComponentProps<typeof Select & Props>;
|
13
|
+
export declare type TAsyncSelectProps = React.ComponentProps<typeof AsyncSelect & Props>;
|
14
|
+
export declare type TSelectPropsCreatable = React.ComponentProps<typeof CreatableSelect> & {
|
15
|
+
label?: string;
|
16
|
+
size?: 'medium' | 'large' | undefined;
|
17
|
+
inputChange?: (newValue: string, actionMeta: InputActionMeta) => void;
|
18
|
+
createOption?: (inputValue: string) => void;
|
19
|
+
};
|
20
|
+
export declare type TSelect = React.FunctionComponent<TSelectProps>;
|
21
|
+
export declare type TSelectCreatable = React.FunctionComponent<TSelectPropsCreatable>;
|
22
|
+
export declare type TSelectAsync = React.FunctionComponent<TAsyncSelectProps>;
|
@@ -0,0 +1,7 @@
|
|
1
|
+
import { Component } from 'react';
|
2
|
+
import { TStepBar, UnstyledStepBarPropsInterface, UnstyledStepBarStateInterface } from './types';
|
3
|
+
export declare class UnstyledStepBar extends Component<UnstyledStepBarPropsInterface, UnstyledStepBarStateInterface> {
|
4
|
+
render(): JSX.Element;
|
5
|
+
}
|
6
|
+
declare const StepBar: TStepBar;
|
7
|
+
export default StepBar;
|
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -0,0 +1,15 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
export interface StepProps {
|
3
|
+
title: string;
|
4
|
+
type: 'standard' | 'current' | 'completed';
|
5
|
+
number: number;
|
6
|
+
}
|
7
|
+
interface Props {
|
8
|
+
stepList: Array<StepProps>;
|
9
|
+
}
|
10
|
+
export declare type TStepBar = React.FunctionComponent<Props>;
|
11
|
+
export interface UnstyledStepBarPropsInterface extends Props {
|
12
|
+
}
|
13
|
+
export interface UnstyledStepBarStateInterface {
|
14
|
+
}
|
15
|
+
export {};
|
@@ -0,0 +1 @@
|
|
1
|
+
export declare const ActionsContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
@@ -0,0 +1,12 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { ActionType } from '../../typings/main';
|
3
|
+
export declare const ActionsPopUp: (props: {
|
4
|
+
actions: Array<ActionType>;
|
5
|
+
selectedRows: number[];
|
6
|
+
element: {
|
7
|
+
[key: string]: React.ReactText;
|
8
|
+
id: number;
|
9
|
+
};
|
10
|
+
active: boolean;
|
11
|
+
handlePopUpVisibility: (rowId?: number | undefined) => void;
|
12
|
+
}) => JSX.Element;
|
@@ -0,0 +1,15 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { ActionType, PropertyFilterInterface, TControlledProperties } from '../../typings/main';
|
3
|
+
interface Props {
|
4
|
+
isLoading?: boolean;
|
5
|
+
allChecked: boolean;
|
6
|
+
handleSelectAll: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
7
|
+
controlledProperties: TControlledProperties;
|
8
|
+
setShowModalCustomizeTrue: () => void;
|
9
|
+
propertiesFilter: PropertyFilterInterface[];
|
10
|
+
handleSortOnProperty: (id: string, type: boolean | 'desc' | 'asc') => void;
|
11
|
+
actions?: ActionType[];
|
12
|
+
disableSelection?: boolean;
|
13
|
+
}
|
14
|
+
export declare const HeadDesktop: ({ actions, allChecked, controlledProperties, disableSelection, handleSelectAll, handleSortOnProperty, isLoading, propertiesFilter, setShowModalCustomizeTrue, }: Props) => JSX.Element;
|
15
|
+
export {};
|
@@ -0,0 +1,15 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
interface Props {
|
3
|
+
listSize: number;
|
4
|
+
isLoading?: boolean;
|
5
|
+
data: {
|
6
|
+
[key: string]: React.ReactText;
|
7
|
+
id: number;
|
8
|
+
}[];
|
9
|
+
renderMobileRow?: (o: {
|
10
|
+
[key: string]: React.ReactText;
|
11
|
+
id: number;
|
12
|
+
}) => JSX.Element;
|
13
|
+
}
|
14
|
+
export declare const ListMobile: ({ data, isLoading, listSize, renderMobileRow }: Props) => JSX.Element;
|
15
|
+
export {};
|
@@ -0,0 +1,18 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { ActionType, TControlledProperties } from '../../typings/main';
|
3
|
+
interface Props {
|
4
|
+
index: number;
|
5
|
+
selectedList?: number[];
|
6
|
+
element: {
|
7
|
+
[key: string]: React.ReactText;
|
8
|
+
id: number;
|
9
|
+
};
|
10
|
+
handleSelection: (id: number) => void;
|
11
|
+
controlledProperties: TControlledProperties;
|
12
|
+
actions?: ActionType[];
|
13
|
+
handlePopUpVisibility: (rowId?: number) => void;
|
14
|
+
currentActionsPopUp?: number;
|
15
|
+
disableSelection?: boolean;
|
16
|
+
}
|
17
|
+
export declare const RowDesktop: ({ actions, controlledProperties, currentActionsPopUp, disableSelection, element, handlePopUpVisibility, handleSelection, index, selectedList, }: Props) => JSX.Element;
|
18
|
+
export {};
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import { Component } from 'react';
|
2
|
+
import { DropResult, ResponderProvided } from 'react-beautiful-dnd';
|
3
|
+
import { CustomizationsModalPropsInterface, CustomizationsModalStateInterface } from '../../typings/main';
|
4
|
+
export declare class CustomizationsModal extends Component<CustomizationsModalPropsInterface, CustomizationsModalStateInterface> {
|
5
|
+
constructor(props: CustomizationsModalPropsInterface);
|
6
|
+
propertiesDisplayHandler: (id: string) => void;
|
7
|
+
onDragEnd: (result: DropResult, provided: ResponderProvided) => void;
|
8
|
+
resetProperties: () => void;
|
9
|
+
render(): JSX.Element;
|
10
|
+
}
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { DropResult, ResponderProvided } from 'react-beautiful-dnd';
|
3
|
+
import { TControlledProperties } from '../../typings/main';
|
4
|
+
export declare const UseDnd: React.FunctionComponent<{
|
5
|
+
localProperties: TControlledProperties;
|
6
|
+
onDragEnd: (result: DropResult, provided: ResponderProvided) => void;
|
7
|
+
propertiesDisplayHandler: (id: string) => void;
|
8
|
+
}>;
|
@@ -0,0 +1,6 @@
|
|
1
|
+
import { CSSProperties } from 'react';
|
2
|
+
import { DraggableStateSnapshot, DraggingStyle, NotDraggingStyle } from 'react-beautiful-dnd';
|
3
|
+
import { TControlledProperties } from '../../typings/main';
|
4
|
+
export declare const getItemStyle: (snapshot: DraggableStateSnapshot, draggableStyle?: DraggingStyle | NotDraggingStyle | undefined) => React.CSSProperties;
|
5
|
+
export declare const getListStyle: (isDraggingOver: boolean) => CSSProperties;
|
6
|
+
export declare const reorder: (list: TControlledProperties, startIndex: number, endIndex: number) => import("../../typings/main").TControlledProperty[];
|
@@ -0,0 +1 @@
|
|
1
|
+
export declare const linearBackground: () => import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
|
File without changes
|
@@ -0,0 +1,3 @@
|
|
1
|
+
import { TablePropsInterface } from '../typings/main';
|
2
|
+
import { UnstyledTable } from './unstyledTable';
|
3
|
+
export declare const StyledTableWrapper: import("styled-components").StyledComponent<typeof UnstyledTable, import("styled-components").DefaultTheme, TablePropsInterface, never>;
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import React, { Component } from 'react';
|
2
|
+
import { TablePropsInterface, TableStateInterface, TControlledProperties } from '../typings/main';
|
3
|
+
export declare class UnstyledTable extends Component<TablePropsInterface, TableStateInterface> {
|
4
|
+
constructor(props: TablePropsInterface);
|
5
|
+
handleSelection: (id: number) => void;
|
6
|
+
handleSelectAll: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
7
|
+
handleSortOnProperty: (id: string, type: 'desc' | 'asc' | boolean) => void;
|
8
|
+
modifyControlledPropertiesHandler: (properties: TControlledProperties) => void;
|
9
|
+
handlePopUpVisibility: (rowId?: number | undefined) => void;
|
10
|
+
render(): JSX.Element;
|
11
|
+
}
|
File without changes
|
@@ -0,0 +1,92 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { checkboxStatus } from '../../form/checkbox/types';
|
3
|
+
import { IconProps } from '../../icon';
|
4
|
+
export interface PropertyInterface {
|
5
|
+
id: string;
|
6
|
+
label: string;
|
7
|
+
columnStyle?: React.CSSProperties;
|
8
|
+
render?: (val: string | number, id?: string | number) => JSX.Element;
|
9
|
+
deactivateActive?: boolean;
|
10
|
+
sortable?: boolean;
|
11
|
+
}
|
12
|
+
export declare type TControlledProperty = PropertyInterface & {
|
13
|
+
active: checkboxStatus;
|
14
|
+
position: number;
|
15
|
+
};
|
16
|
+
export declare type TControlledProperties = TControlledProperty[];
|
17
|
+
export declare type ActionType = {
|
18
|
+
label: string;
|
19
|
+
action: (element: {
|
20
|
+
id: number;
|
21
|
+
[key: string]: string | number;
|
22
|
+
}, selectedRows: Array<number>) => void;
|
23
|
+
color?: string;
|
24
|
+
};
|
25
|
+
export interface TablePropsInterface {
|
26
|
+
className?: string;
|
27
|
+
properties: Array<PropertyInterface>;
|
28
|
+
data: Array<{
|
29
|
+
id: number;
|
30
|
+
[key: string]: string | number;
|
31
|
+
}>;
|
32
|
+
actions?: Array<ActionType>;
|
33
|
+
listSize: number;
|
34
|
+
pageSize: number;
|
35
|
+
changePageAction: (pageNumber: number) => void;
|
36
|
+
nextPageAction?: () => void;
|
37
|
+
prevPageAction?: () => void;
|
38
|
+
currentPage: number;
|
39
|
+
customizeModalTitle: string;
|
40
|
+
isLoading?: boolean;
|
41
|
+
selectionCallback?: (newData: Array<number>) => void;
|
42
|
+
selectedList?: Array<number>;
|
43
|
+
disableSelection?: boolean;
|
44
|
+
emptySetIcon?: IconProps;
|
45
|
+
emptySetTitle?: string;
|
46
|
+
emptySetText?: string;
|
47
|
+
emptySetAction?: {
|
48
|
+
text: string;
|
49
|
+
icon?: IconProps;
|
50
|
+
action: () => void;
|
51
|
+
};
|
52
|
+
renderMobileRow?: (o: {
|
53
|
+
[key: string]: React.ReactText;
|
54
|
+
id: number;
|
55
|
+
}) => JSX.Element;
|
56
|
+
persistencyId?: string;
|
57
|
+
isHeaderFixed?: boolean;
|
58
|
+
}
|
59
|
+
export interface PropertyFilterInterface {
|
60
|
+
id: string;
|
61
|
+
type: 'asc' | 'desc' | boolean;
|
62
|
+
}
|
63
|
+
export interface TableStateInterface {
|
64
|
+
propertiesFilter: Array<PropertyFilterInterface>;
|
65
|
+
showModalCustomize: boolean;
|
66
|
+
controlledProperties: TControlledProperties;
|
67
|
+
currentActionsPopUp?: number;
|
68
|
+
}
|
69
|
+
export declare type TTable = React.FunctionComponent<TablePropsInterface>;
|
70
|
+
export declare type TSortIcon = React.FC<{
|
71
|
+
property: string;
|
72
|
+
propertiesFilter: Array<PropertyFilterInterface>;
|
73
|
+
handleSortOnProperty: (id: string, type: 'asc' | 'desc' | boolean) => void;
|
74
|
+
}>;
|
75
|
+
export declare type TPagination = React.FC<{
|
76
|
+
pageSize: number;
|
77
|
+
listSize: number;
|
78
|
+
changePageAction: (pageNumber: number) => void;
|
79
|
+
nextPageAction?: () => void;
|
80
|
+
prevPageAction?: () => void;
|
81
|
+
currentPage: number;
|
82
|
+
}>;
|
83
|
+
export interface CustomizationsModalPropsInterface {
|
84
|
+
show?: boolean;
|
85
|
+
close: () => void;
|
86
|
+
title: string;
|
87
|
+
properties: TControlledProperties;
|
88
|
+
modifyControlledPropertiesHandler: (properties: TControlledProperties) => void;
|
89
|
+
}
|
90
|
+
export interface CustomizationsModalStateInterface {
|
91
|
+
localProperties: TControlledProperties;
|
92
|
+
}
|
@@ -0,0 +1,14 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
import { PropertyInterface, TControlledProperties } from '../typings/main';
|
3
|
+
export declare const getConfig: (persistencyId?: string | undefined) => TControlledProperties | undefined;
|
4
|
+
export declare const modifyConfig: (properties: TControlledProperties, persistencyId?: string | undefined) => void;
|
5
|
+
export declare const mergePropertiesPersistency: (properties: PropertyInterface[], persistency: TControlledProperties) => {
|
6
|
+
id: string;
|
7
|
+
label: string;
|
8
|
+
columnStyle?: import("react").CSSProperties | undefined;
|
9
|
+
render?: ((val: string | number, id?: string | number | undefined) => JSX.Element) | undefined;
|
10
|
+
deactivateActive?: boolean | undefined;
|
11
|
+
sortable?: boolean | undefined;
|
12
|
+
active: import("../../form/checkbox/types").checkboxStatus;
|
13
|
+
position: number;
|
14
|
+
}[];
|
@@ -0,0 +1,12 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
interface Props extends WrapperProps {
|
3
|
+
text: string;
|
4
|
+
}
|
5
|
+
declare const TextButton: ({ isDisabled, onClick, text, ...rest }: Props) => JSX.Element;
|
6
|
+
interface WrapperProps {
|
7
|
+
color?: 'blue' | 'red' | 'green' | 'yellow' | 'white';
|
8
|
+
isDisabled?: boolean;
|
9
|
+
onClick: () => void;
|
10
|
+
className?: string;
|
11
|
+
}
|
12
|
+
export default TextButton;
|
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -2,8 +2,6 @@ import React, { ReactNode } from 'react';
|
|
2
2
|
import { ToastPosition } from 'react-toastify/dist/types';
|
3
3
|
import { IconProps } from '../../icon';
|
4
4
|
export declare type toastType = 'standard' | 'error' | 'info' | 'warning' | 'success';
|
5
|
-
export declare type toastLibraryType = 'dark' | 'error' | 'info' | 'warning' | 'success';
|
6
|
-
export declare const typeMap: Record<toastType, toastLibraryType>;
|
7
5
|
export interface ToastProps {
|
8
6
|
type?: toastType;
|
9
7
|
content?: ReactNode;
|
@@ -11,9 +11,7 @@ export interface TooltipProps extends MessageProps {
|
|
11
11
|
onMouseLeave?: MouseEventHandler;
|
12
12
|
showAlways?: boolean;
|
13
13
|
hideAfterSeconds?: number;
|
14
|
-
showAfterSeconds?: number;
|
15
14
|
callbackAfterTimeout?: () => void;
|
16
|
-
onOpen?: (isOpen: boolean) => void;
|
17
15
|
}
|
18
|
-
declare const Tooltip: ({ message, placement, className, children, type, onMouseEnter, onMouseLeave, showAlways,
|
16
|
+
declare const Tooltip: ({ message, placement, className, children, type, onMouseEnter, onMouseLeave, showAlways, hideAfterSeconds, callbackAfterTimeout, }: TooltipProps) => JSX.Element;
|
19
17
|
export default Tooltip;
|
@@ -0,0 +1,12 @@
|
|
1
|
+
import { TPlacement } from '../types';
|
2
|
+
interface MessageInterface {
|
3
|
+
messageHeight: number;
|
4
|
+
messageWidth: number;
|
5
|
+
placement: TPlacement;
|
6
|
+
triggerDimension: {
|
7
|
+
width: number;
|
8
|
+
height: number;
|
9
|
+
};
|
10
|
+
}
|
11
|
+
export declare const Message: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, MessageInterface, never>;
|
12
|
+
export {};
|
@@ -0,0 +1 @@
|
|
1
|
+
export declare const StyledTooltipWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
@@ -0,0 +1,15 @@
|
|
1
|
+
import React, { Component } from 'react';
|
2
|
+
import { TTooltip, UnstyledTooltipPropsInterface, UnstyledTooltipStateInterface } from './types';
|
3
|
+
export declare class UnstyledTooltip extends Component<UnstyledTooltipPropsInterface, UnstyledTooltipStateInterface> {
|
4
|
+
constructor(props: UnstyledTooltipPropsInterface);
|
5
|
+
messageRef: React.RefObject<HTMLDivElement>;
|
6
|
+
triggerRef: React.RefObject<HTMLDivElement>;
|
7
|
+
componentDidMount(): void;
|
8
|
+
componentDidUpdate(prevProps: UnstyledTooltipPropsInterface): void;
|
9
|
+
handleMouseLeave: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
|
10
|
+
handleMouseEnter: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
|
11
|
+
updateStateDimensions: (width: number, height: number) => void;
|
12
|
+
render(): JSX.Element;
|
13
|
+
}
|
14
|
+
declare const Tooltip: TTooltip;
|
15
|
+
export default Tooltip;
|
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -0,0 +1,25 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
export declare type TPlacement = 'top' | 'left' | 'right' | 'bottom';
|
3
|
+
export declare type TTooltip = React.FunctionComponent<{
|
4
|
+
message?: string;
|
5
|
+
renderMessage?: () => JSX.Element;
|
6
|
+
placement: TPlacement;
|
7
|
+
isMessageVisible?: boolean;
|
8
|
+
isFullWidth?: boolean;
|
9
|
+
}>;
|
10
|
+
export interface UnstyledTooltipPropsInterface {
|
11
|
+
message?: string;
|
12
|
+
renderMessage?: () => JSX.Element;
|
13
|
+
placement: TPlacement;
|
14
|
+
isMessageVisible?: boolean;
|
15
|
+
isFullWidth?: boolean;
|
16
|
+
}
|
17
|
+
export interface UnstyledTooltipStateInterface {
|
18
|
+
show: boolean;
|
19
|
+
messageHeight?: number;
|
20
|
+
messageWidth?: number;
|
21
|
+
triggerDimension: {
|
22
|
+
width: number;
|
23
|
+
height: number;
|
24
|
+
};
|
25
|
+
}
|
package/dist/index.d.ts
CHANGED
@@ -22,7 +22,6 @@ import { MicroTag, MicroTagPalette, MicroTagProps } from './components/microTag'
|
|
22
22
|
import { Modal, ModalSearchable, StepModal, StepModalBody, StepModalCommonProps, StepModalFooter, StepModalFooterProps, StepModalHeader, StepModalHeaderProps, StepModalProps } from './components/modals';
|
23
23
|
import { ConfirmationModal } from './components/modals/confirmationModal';
|
24
24
|
import { ModalBody } from './components/modals/modalStyled';
|
25
|
-
import { ColumnDefType, ColumnsType, NewTable, CellProps } from './components/newTable';
|
26
25
|
import { PageEmptySet } from './components/pageEmptySet';
|
27
26
|
import { Stepper, StepperPalette, StepperProps } from './components/stepper';
|
28
27
|
import { Column, ManualPagination, OnSelectionChange, OnSort, Row, RowActions, Table, TableData, TablePalette, TableProps, useTableValues } from './components/table';
|
@@ -46,4 +45,4 @@ export { Segment, SegmentButton, SegmentButtonPalette, SegmentButtonProps } from
|
|
46
45
|
export { ShortcutTip, ShortcutTipProps, Tip, TipPalette, TipProps, TipType } from './components/tip';
|
47
46
|
export { bwColor } from './styles/types';
|
48
47
|
export { Card, CardColor, CardPalette, CardProps, CardElevation, CardType } from './components/card';
|
49
|
-
export {
|
48
|
+
export { autocompleteYellow, paletteColor, Avatar, Button, ButtonProps, ButtonPalette, IconButton, IconButtonProps, IconButtonPalette, Icon, IconProps, IconPalette, iconColors, IconBackground, IconBackgroundPalette, Table, TableProps, TableData, useTableValues, Row, Column, TablePalette, RowActions, ManualPagination, OnSelectionChange, OnSort, Checkbox, useCheckboxValue, CheckboxProps, CheckboxPalette, CheckboxStatus, Select, CreatableSelect, AsyncSelect, AsyncCreatableSelect, SelectProps, AsyncSelectProps, AsyncCreatableSelectProps, useSelectSimpleValue, isSimpleValue, simpleValue, CreatableSelectProps, useSelectValue, useSelectMultiValues, SelectPalette, SelectComponentsType, OptionType, PageEmptySet, Modal, ModalBody, ModalSearchable, StepModal, StepModalBody, StepModalCommonProps, StepModalFooter, StepModalFooterProps, StepModalHeader, StepModalHeaderProps, StepModalProps, Tooltip, TooltipProps, TooltipPalette, Accordion, Drawer, Radio, useRadioValue, RadioProps, RadioPalette, RadioStatus, RadioGroup, RadioGroupProps, RadioGroupOptions, InlineMessage, InlineMessageProps, InlineMessagePalette, InlineMessageType, Dropdown, DropdownItemProps, DropdownPalette, DropdownItemType, closeDropdownType, renderContentType, DropdownTabs, ScrollableTabs, TabsItem, Stepper, StepperProps, StepperPalette, ThemeProvider, Theme, Palette, GroupedList, ItemType, GroupType, Toast, ToastProps, toastPalette, ToastPalette, ToastType, ConfirmationModal, MicroTag, MicroTagProps, MicroTagPalette, Tag, TagProps, TagPalette, tagTypes, InputText, InputCode, InputTelephone, InputTextProps, InputCodeProps, InputTelephoneProps, InputTextPalette, UnitDropdownProps, DatePickerProps, DatePickerPalette, DatePicker, useFormattedDate, timeConversionOptions, InputHelper, InputHelperProps, InputHelperPalette, TextArea, TextAreaProps, TextAreaPalette, FileUploader, FileUploaderProps, FileUploaderPalette, FileRejection, fileUploaderOnDrop, Spinner, };
|