@fattureincloud/fic-design-system 0.7.47 → 1.0.2
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/common/components/typography/types.d.ts +3 -3
- package/dist/common/hooks/useOutsideClick.d.ts +1 -1
- package/dist/common/hooks/useUpDownKeyNavigation.d.ts +2 -2
- package/dist/common/types/colorsPalette.d.ts +1 -1
- package/dist/common/types/dateTypes.d.ts +2 -2
- 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/accordions/types.d.ts +1 -1
- package/dist/components/avatar/types.d.ts +2 -2
- package/dist/components/badge/badge.stories.d.ts +2 -2
- package/dist/components/badge/types.d.ts +3 -3
- package/dist/components/banner/banner.stories.d.ts +2 -2
- package/dist/components/banner/types.d.ts +1 -1
- package/dist/components/buttons/button/button.stories.d.ts +2 -2
- package/dist/components/buttons/button/buttonPalette.d.ts +3 -3
- package/dist/components/buttons/button/types.d.ts +5 -5
- package/dist/components/buttons/iconButton/iconButton.stories.d.ts +4 -0
- package/dist/components/buttons/iconButton/iconButtonPalette.d.ts +3 -3
- package/dist/components/buttons/iconButton/types.d.ts +4 -4
- package/dist/components/buttons/iconButton/utils.d.ts +1 -1
- package/dist/components/card/card.stories.d.ts +2 -2
- package/dist/components/card/types.d.ts +5 -5
- package/dist/components/chart/types.d.ts +3 -3
- 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/chip/chip.stories.d.ts +3 -3
- package/dist/components/chip/types.d.ts +1 -1
- package/dist/components/circularProgressBar/types.d.ts +1 -1
- package/dist/components/closableCard/types.d.ts +1 -1
- package/dist/components/drawer/utils.d.ts +1 -1
- package/dist/components/dropdown/dropdownPalette.d.ts +1 -1
- package/dist/components/dropdown/types.d.ts +6 -6
- package/dist/components/floatingBadge/floatingBadge.stories.d.ts +2 -2
- package/dist/components/floatingBadge/types.d.ts +2 -2
- package/dist/components/form/checkbox/checkbox.stories.d.ts +3 -3
- package/dist/components/form/checkbox/types.d.ts +3 -3
- package/dist/components/form/checkbox/utils.d.ts +1 -1
- package/dist/components/form/common/types.d.ts +2 -2
- package/dist/components/form/datepicker/components/MonthPicker.d.ts +1 -1
- package/dist/components/form/datepicker/datePickerPalette.d.ts +3 -3
- package/dist/components/form/datepicker/datepicker.stories.d.ts +3 -3
- package/dist/components/form/datepicker/hooks/useFormattedDate.d.ts +3 -3
- package/dist/components/form/datepicker/types.d.ts +5 -5
- package/dist/components/form/fileUploader/FileUploader.d.ts +1 -1
- package/dist/components/form/fileUploader/components/FileUploaderContent.d.ts +2 -2
- package/dist/components/form/fileUploader/fileTypes.d.ts +3 -0
- package/dist/components/form/fileUploader/fileUploader.stories.d.ts +2 -2
- package/dist/components/form/fileUploader/fileUploaderPalette.d.ts +4 -4
- package/dist/components/form/fileUploader/hooks/useCustomPalette.d.ts +1 -1
- 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/fileUploader/types.d.ts +8 -8
- package/dist/components/form/inputHelper/InputHelper.d.ts +2 -2
- package/dist/components/form/inputHelper/hooks/useHelperIcon.d.ts +1 -1
- package/dist/components/form/inputHelper/inputHelper.stories.d.ts +2 -2
- package/dist/components/form/inputHelper/inputHelperPalette.d.ts +1 -1
- package/dist/components/form/inputHelper/types.d.ts +1 -1
- package/dist/components/form/inputText/components/InputElement.d.ts +3 -3
- package/dist/components/form/inputText/countriesTelephonePrefixes.d.ts +1 -1
- package/dist/components/form/inputText/hooks/useCodeInputHooks.d.ts +1 -1
- package/dist/components/form/inputText/inputText.stories.d.ts +5 -5
- package/dist/components/form/inputText/inputTextPalette.d.ts +2 -2
- package/dist/components/form/inputText/types.d.ts +6 -6
- package/dist/components/form/label/types.d.ts +1 -1
- package/dist/components/form/radio/radio.stories.d.ts +3 -3
- package/dist/components/form/radio/types.d.ts +3 -3
- package/dist/components/form/radioGroup/radioGroup.stories.d.ts +2 -2
- package/dist/components/form/radioGroup/types.d.ts +1 -1
- package/dist/components/form/select/Select.d.ts +1 -1
- package/dist/components/form/select/SelectWrapper.d.ts +2 -2
- package/dist/components/form/select/components/ClearIndicator.d.ts +2 -2
- package/dist/components/form/select/components/Control.d.ts +1 -1
- package/dist/components/form/select/components/DropdownIndicator.d.ts +1 -1
- package/dist/components/form/select/components/MenuList.d.ts +1 -1
- package/dist/components/form/select/components/SingleValue.d.ts +1 -1
- package/dist/components/form/select/components/types.d.ts +10 -0
- package/dist/components/form/select/hooks/useSelectGeneric.d.ts +1 -1
- package/dist/components/form/select/hooks/useSelectSimpleValue.d.ts +1 -1
- package/dist/components/form/select/hooks/useSelectThemeStyles.d.ts +1 -1
- package/dist/components/form/select/hooks/useSelectValue.d.ts +2 -2
- package/dist/components/form/select/index.d.ts +1 -1
- package/dist/components/form/select/select.stories.d.ts +4 -4
- package/dist/components/form/select/selectPalette.d.ts +1 -1
- package/dist/components/form/select/types.d.ts +5 -5
- package/dist/components/form/textArea/TextArea.d.ts +3 -3
- package/dist/components/form/textArea/components/TextAreaElement.d.ts +2 -2
- package/dist/components/form/textArea/textArea.stories.d.ts +2 -2
- package/dist/components/form/textArea/textAreaPalette.d.ts +1 -1
- package/dist/components/form/textArea/types.d.ts +1 -1
- package/dist/components/icon/Icon.d.ts +1 -1
- package/dist/components/icon/components/iconBackground/iconBackgroundPalette.d.ts +1 -1
- package/dist/components/icon/components/iconBackground/utils.d.ts +1 -1
- package/dist/components/icon/iconPalette.d.ts +4 -4
- package/dist/components/inlineMessage/inlineMessage.stories.d.ts +2 -2
- package/dist/components/inlineMessage/types.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/layout/sidebarItem/sidebarItem.stories.d.ts +3 -3
- package/dist/components/layout/sidebarItem/types.d.ts +4 -4
- package/dist/components/microTag/microTagPalette.d.ts +3 -3
- package/dist/components/microTag/types.d.ts +1 -1
- package/dist/components/modals/components/ModalSearchable.d.ts +3 -3
- package/dist/components/modals/index.d.ts +2 -0
- package/dist/components/modals/modalStyled.d.ts +1 -1
- package/dist/components/modals/stepModal/components/styled.d.ts +1 -1
- package/dist/components/modals/stepModal/components/utils.d.ts +1 -1
- package/dist/components/modals/stepModal/types.d.ts +10 -10
- package/dist/components/modals/styleCreators/styledModalBoxWidth.d.ts +1 -1
- package/dist/components/modals/types.d.ts +14 -13
- package/dist/components/monthlyTab/types.d.ts +4 -4
- package/dist/components/newTable/components/action/favorite/Favorite.d.ts +0 -1
- package/dist/components/newTable/components/action/favorite/styled.d.ts +0 -1
- package/dist/components/newTable/components/action/settings/ColumnsSettings/ColumnItem/ColumnItem.d.ts +1 -1
- package/dist/components/newTable/components/cell/customCell/CustomCell.d.ts +1 -1
- package/dist/components/newTable/components/cell/customCell/CustomInput.d.ts +1 -1
- package/dist/components/newTable/components/cell/customCell/TextAreaPopup.d.ts +1 -1
- package/dist/components/newTable/hooks/useColumnPinning.d.ts +1 -1
- package/dist/components/newTable/index.d.ts +1 -1
- package/dist/components/newTable/table.stories.d.ts +2 -2
- package/dist/components/newTable/types.d.ts +20 -15
- package/dist/components/newTable/utils.d.ts +1 -1
- package/dist/components/oldTable/components/checkboxes/Cell.d.ts +1 -1
- package/dist/components/oldTable/components/tableParts/TableTd.d.ts +1 -1
- package/dist/components/oldTable/components/tableParts/TableTh.d.ts +1 -1
- package/dist/components/oldTable/hooks/useTableHooks.d.ts +1 -1
- package/dist/components/oldTable/stories/components/Role.d.ts +1 -1
- package/dist/components/oldTable/table.stories.d.ts +2 -2
- package/dist/components/oldTable/tablePalette.d.ts +6 -6
- package/dist/components/oldTable/types.d.ts +3 -3
- package/dist/components/pagination/pagination.stories.d.ts +3 -3
- package/dist/components/pagination/types.d.ts +4 -4
- package/dist/components/progressbar/progressbar.stories.d.ts +2 -2
- package/dist/components/progressbar/types.d.ts +1 -1
- package/dist/components/segmentButton/segmentButton.stories.d.ts +2 -2
- package/dist/components/segmentButton/styled.d.ts +1 -1
- package/dist/components/segmentButton/types.d.ts +3 -3
- 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/stepper/components/StepItem.d.ts +1 -1
- package/dist/components/stepper/stepperPalette.d.ts +1 -1
- package/dist/components/stepper/types.d.ts +1 -1
- package/dist/components/switch/types.d.ts +1 -1
- 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/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/typings/main.d.ts +92 -0
- package/dist/components/table/utils/configPersistency.d.ts +14 -0
- package/dist/components/tabs/common/types.d.ts +1 -1
- package/dist/components/tag/tagPalette.d.ts +5 -5
- 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/tip/tip.stories.d.ts +3 -3
- package/dist/components/tip/types.d.ts +3 -3
- package/dist/components/toast/styled.d.ts +3 -2
- package/dist/components/toast/toast.stories.d.ts +4 -4
- package/dist/components/toast/types.d.ts +3 -3
- package/dist/components/toast/typings/toast.d.ts +0 -2
- package/dist/components/tooltip/tooltipPalette.d.ts +2 -2
- 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/components/verticalTab/components/VerticalTabSelector/types.d.ts +1 -1
- package/dist/components/verticalTab/index.d.ts +2 -2
- package/dist/index.d.ts +38 -45
- package/dist/index.esm.js +8 -14
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +8 -14
- package/dist/index.js.map +1 -1
- package/dist/styles/elevations.d.ts +7 -0
- package/dist/styles/types.d.ts +11 -11
- package/dist/utils/FICNumbers.d.ts +11 -0
- package/package.json +70 -61
- 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/graphic/Graphic.d.ts +0 -4
- package/dist/components/graphic/components/ChartLegend.d.ts +0 -9
- package/dist/components/graphic/components/GraphButton.d.ts +0 -8
- package/dist/components/graphic/components/GraphIndicators.d.ts +0 -14
- package/dist/components/graphic/graphic.stories.d.ts +0 -7
- package/dist/components/graphic/index.d.ts +0 -2
- package/dist/components/graphic/stories/data.d.ts +0 -2
- package/dist/components/graphic/stories/styled.d.ts +0 -4
- package/dist/components/graphic/styled.d.ts +0 -3
- package/dist/components/graphic/types.d.ts +0 -52
- package/dist/components/graphic/utils.d.ts +0 -6
- package/dist/components/newTable/components/header/styled.d.ts +0 -1
- package/dist/components/newTable/components/row/LoadingRow.d.ts +0 -9
- 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
- package/dist/index.css +0 -128
- package/dist/index.esm.css +0 -128
- package/dist/styles/defaultPalette/colors/azure.d.ts +0 -2
- package/dist/styles/defaultPalette/colors/purple.d.ts +0 -2
- /package/dist/components/table/components/{Pagination.d.ts → pagination.d.ts} +0 -0
- /package/dist/components/table/{Table.d.ts → table.d.ts} +0 -0
@@ -5,7 +5,7 @@ export interface SelectParts extends colorsPalette {
|
|
5
5
|
borderColor: paletteColor;
|
6
6
|
iconColor: paletteColor;
|
7
7
|
}
|
8
|
-
|
8
|
+
type StatusesPalette = {
|
9
9
|
[key in statusType]: SelectParts;
|
10
10
|
};
|
11
11
|
export interface SelectPalette extends StatusesPalette {
|
@@ -6,13 +6,13 @@ import { CommonFormTypes } from '../common/types';
|
|
6
6
|
import { LabelProps } from '../label';
|
7
7
|
import { OptionType } from './components/Option';
|
8
8
|
import { CustomStylesType } from './hooks/useSelectThemeStyles';
|
9
|
-
export
|
9
|
+
export type SelectProps<O extends OptionType = OptionType, IsMulti extends boolean = false, T = ReactSelectProps<O, IsMulti>> = CommonFormTypes & LabelProps & T & NamedProps<O, IsMulti> & {
|
10
10
|
isPrefilled?: boolean;
|
11
11
|
customStyles?: CustomStylesType<O, IsMulti>;
|
12
12
|
isTransparent?: boolean;
|
13
13
|
simpleValue?: simpleValue;
|
14
14
|
};
|
15
|
-
export
|
16
|
-
export
|
17
|
-
export
|
18
|
-
export
|
15
|
+
export type CreatableSelectProps<O extends OptionType = OptionType, IsMulti extends boolean = false> = SelectProps<O, IsMulti, CreatableProps<O, IsMulti>>;
|
16
|
+
export type AsyncSelectProps<O extends OptionType = OptionType, IsMulti extends boolean = false> = SelectProps<O, IsMulti, AsyncProps<O, IsMulti>>;
|
17
|
+
export type AsyncCreatableSelectProps<O extends OptionType = OptionType, IsMulti extends boolean = false> = SelectProps<O, IsMulti, AsyncCreatableProps<O, IsMulti>>;
|
18
|
+
export type simpleValue = string | number | null | undefined;
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { LabelProps } from '../label';
|
3
3
|
import { TextAreaElementProps } from './types';
|
4
|
-
export
|
5
|
-
declare const
|
6
|
-
export default
|
4
|
+
export type TextAreaProps = LabelProps & TextAreaElementProps;
|
5
|
+
declare const TextArea: React.ForwardRefExoticComponent<LabelProps & TextAreaElementProps & React.RefAttributes<HTMLTextAreaElement>>;
|
6
|
+
export default TextArea;
|
@@ -2,6 +2,6 @@ import React from 'react';
|
|
2
2
|
import { BoxedInputWrapperProps } from '../../common/styles';
|
3
3
|
import { TextAreaElementProps } from '../types';
|
4
4
|
declare const TextAreaElement: React.ForwardRefExoticComponent<TextAreaElementProps & React.RefAttributes<HTMLTextAreaElement | null>>;
|
5
|
-
export
|
6
|
-
export
|
5
|
+
export type TextAreaWrapperProps = Pick<TextAreaElementProps, 'disabled' | 'status' | 'initialHeight' | 'isResizable' | 'isPrefilled'>;
|
6
|
+
export type TextAreaStyles = Omit<BoxedInputWrapperProps, 'status'>;
|
7
7
|
export default TextAreaElement;
|
@@ -1,5 +1,5 @@
|
|
1
|
-
import { Meta,
|
1
|
+
import { Meta, StoryFn } from '@storybook/react';
|
2
2
|
import { TextAreaProps } from './TextArea';
|
3
|
-
export declare const WithKnobs:
|
3
|
+
export declare const WithKnobs: StoryFn<TextAreaProps>;
|
4
4
|
declare const TextAreaStories: Meta<TextAreaProps>;
|
5
5
|
export default TextAreaStories;
|
@@ -4,7 +4,7 @@ import { statusType } from '../common/types';
|
|
4
4
|
export interface TextAreaParts extends colorsPalette {
|
5
5
|
borderColor: paletteColor;
|
6
6
|
}
|
7
|
-
|
7
|
+
type StatusesPalette = {
|
8
8
|
[key in statusType]: TextAreaParts;
|
9
9
|
};
|
10
10
|
export interface TextAreaPalette extends StatusesPalette {
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import { Dispatch, SetStateAction, TextareaHTMLAttributes } from 'react';
|
2
2
|
import { CommonFormTypes } from '../common/types';
|
3
3
|
import { CharCounterOptions } from './components/CharCounter';
|
4
|
-
export interface TextAreaElementProps extends CommonFormTypes, CharCounterOptions, Pick<TextareaHTMLAttributes<HTMLTextAreaElement>, 'autoFocus' | 'placeholder' | 'name' | 'onChange' | 'onBlur' | 'onFocus' | 'onKeyPress' | 'onKeyUp' | 'onKeyDown' | 'required' | 'className'> {
|
4
|
+
export interface TextAreaElementProps extends CommonFormTypes, CharCounterOptions, Pick<TextareaHTMLAttributes<HTMLTextAreaElement>, 'children' | 'autoFocus' | 'placeholder' | 'name' | 'onChange' | 'onBlur' | 'onFocus' | 'onKeyPress' | 'onKeyUp' | 'onKeyDown' | 'required' | 'className'> {
|
5
5
|
initialHeight?: string;
|
6
6
|
value?: string | null;
|
7
7
|
setValue?: Dispatch<SetStateAction<string>>;
|
@@ -6,5 +6,5 @@ export interface IconProps extends Omit<FontAwesomeIconProps, 'color'> {
|
|
6
6
|
isDisabled?: boolean;
|
7
7
|
}
|
8
8
|
declare const Icon: ({ onClick, isDisabled, ...props }: IconProps) => JSX.Element;
|
9
|
-
export
|
9
|
+
export type StyledIconProps = IconProps;
|
10
10
|
export default Icon;
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import { paletteColor } from '../../../../styles/types';
|
2
2
|
import { iconColors } from '../../iconPalette';
|
3
|
-
export
|
3
|
+
export type IconBackgroundPalette = {
|
4
4
|
[key in iconColors]: paletteColor;
|
5
5
|
};
|
6
6
|
declare const iconBackgroundPalette: IconBackgroundPalette;
|
@@ -1,10 +1,10 @@
|
|
1
1
|
import { Palette, paletteColor } from '../../index';
|
2
|
-
export
|
3
|
-
|
4
|
-
export
|
2
|
+
export type iconColors = keyof Palette;
|
3
|
+
type iconParts = 'primary' | 'secondary';
|
4
|
+
export type IconColorPalette = {
|
5
5
|
[k in iconParts]: paletteColor;
|
6
6
|
};
|
7
|
-
export
|
7
|
+
export type IconPalette = {
|
8
8
|
[k in iconColors]: IconColorPalette;
|
9
9
|
};
|
10
10
|
declare const iconPalette: IconPalette;
|
@@ -1,5 +1,5 @@
|
|
1
|
-
import { Meta,
|
1
|
+
import { Meta, StoryFn } from '@storybook/react';
|
2
2
|
import { InlineMessageProps } from './types';
|
3
|
-
export declare const Standard:
|
3
|
+
export declare const Standard: StoryFn<InlineMessageProps>;
|
4
4
|
declare const InlineMessageStories: Meta<InlineMessageProps>;
|
5
5
|
export default InlineMessageStories;
|
@@ -34,12 +34,12 @@ export interface InlineMessageStyle {
|
|
34
34
|
export interface StyledContentProps {
|
35
35
|
margin: boolean;
|
36
36
|
}
|
37
|
-
export
|
37
|
+
export type InlineMessageColor = {
|
38
38
|
title: paletteColor;
|
39
39
|
content: paletteColor;
|
40
40
|
background: paletteColor;
|
41
41
|
border?: paletteColor;
|
42
42
|
};
|
43
|
-
export
|
43
|
+
export type InlineMessagePalette = {
|
44
44
|
[k in InlineMessageType]: InlineMessageColor;
|
45
45
|
};
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import { EInputSize } from '../typings/enums';
|
2
|
+
interface IconProps {
|
3
|
+
size?: EInputSize;
|
4
|
+
hasAction: boolean;
|
5
|
+
}
|
6
|
+
export declare const IconLeft: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, IconProps, never>;
|
7
|
+
export declare const IconRight: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, IconProps, never>;
|
8
|
+
export {};
|
@@ -0,0 +1 @@
|
|
1
|
+
export declare const InputContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
@@ -0,0 +1,2 @@
|
|
1
|
+
export declare const ErrorMessage: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
|
2
|
+
export declare const DescriptionMessage: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
|
@@ -0,0 +1 @@
|
|
1
|
+
export declare const WrapperTextArea: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import { IconProps } from '../icon';
|
2
|
+
export declare const LefIcon: import("styled-components").StyledComponent<typeof import("@fortawesome/react-fontawesome").FontAwesomeIcon, import("styled-components").DefaultTheme, import("../icon/iconPalette").IconColorPalette & IconProps & {
|
3
|
+
isDisabled?: boolean | undefined;
|
4
|
+
}, "primary" | "secondary">;
|
5
|
+
export declare const RightIcon: import("styled-components").StyledComponent<typeof import("@fortawesome/react-fontawesome").FontAwesomeIcon, import("styled-components").DefaultTheme, import("../icon/iconPalette").IconColorPalette & IconProps & {
|
6
|
+
isDisabled?: boolean | undefined;
|
7
|
+
} & {
|
8
|
+
isValid?: boolean | undefined;
|
9
|
+
}, "primary" | "secondary">;
|
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -0,0 +1,6 @@
|
|
1
|
+
export declare const LeftText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
|
2
|
+
size?: "small" | "large" | "medium" | undefined;
|
3
|
+
}, never>;
|
4
|
+
export declare const RightText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
|
5
|
+
size?: "small" | "large" | "medium" | undefined;
|
6
|
+
}, never>;
|
@@ -0,0 +1,17 @@
|
|
1
|
+
export declare enum EInputSize {
|
2
|
+
medium = "medium",
|
3
|
+
large = "large"
|
4
|
+
}
|
5
|
+
export declare enum EInputTags {
|
6
|
+
textarea = "textarea",
|
7
|
+
input = "input"
|
8
|
+
}
|
9
|
+
export declare enum EInputTypes {
|
10
|
+
password = "password",
|
11
|
+
text = "text",
|
12
|
+
number = "number"
|
13
|
+
}
|
14
|
+
export declare enum EInputErrorTypes {
|
15
|
+
generic = "generic",
|
16
|
+
wordcount = "wordcount"
|
17
|
+
}
|
@@ -0,0 +1,43 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { IconProps } from '../../icon';
|
3
|
+
import { EInputErrorTypes, EInputSize, EInputTags, EInputTypes } from './enums';
|
4
|
+
export declare type MergedInputElements = HTMLInputElement | HTMLTextAreaElement;
|
5
|
+
export interface InputTextStateInterface {
|
6
|
+
}
|
7
|
+
export interface InputTextStylingPropsInterface {
|
8
|
+
size?: EInputSize;
|
9
|
+
isDisabled?: boolean;
|
10
|
+
inputWidth?: string;
|
11
|
+
error?: {
|
12
|
+
id: EInputErrorTypes;
|
13
|
+
message: string;
|
14
|
+
};
|
15
|
+
rightInputIcon?: IconProps;
|
16
|
+
leftInputIcon?: IconProps;
|
17
|
+
}
|
18
|
+
export interface InputTextPropsInterface extends InputTextStylingPropsInterface {
|
19
|
+
tag?: EInputTags;
|
20
|
+
inputType?: EInputTypes;
|
21
|
+
value?: number | string;
|
22
|
+
inputPlaceholder?: string;
|
23
|
+
autoFocus?: boolean;
|
24
|
+
label?: string;
|
25
|
+
textAreaWordCount?: {
|
26
|
+
max: number;
|
27
|
+
current: number;
|
28
|
+
};
|
29
|
+
name?: string;
|
30
|
+
rows?: number;
|
31
|
+
className?: string;
|
32
|
+
description?: {
|
33
|
+
message: string;
|
34
|
+
};
|
35
|
+
onChange?: (e: React.ChangeEvent<MergedInputElements>) => void;
|
36
|
+
onFocus?: (e: React.FocusEvent<MergedInputElements>) => void;
|
37
|
+
onBlur?: (e: React.FocusEvent<MergedInputElements>) => void;
|
38
|
+
onKeyPress?: (e: React.KeyboardEvent<MergedInputElements>) => void;
|
39
|
+
onKeyUp?: (e: React.KeyboardEvent<MergedInputElements>) => void;
|
40
|
+
onKeyDown?: (e: React.KeyboardEvent<MergedInputElements>) => void;
|
41
|
+
rightIconOnClick?: () => void;
|
42
|
+
leftIconOnClick?: () => void;
|
43
|
+
}
|
@@ -0,0 +1,8 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
import { MergedInputElements } from './typings/inputText';
|
3
|
+
/**
|
4
|
+
*
|
5
|
+
* @param textInput
|
6
|
+
* It checks if the type of input is HTMLTextAreaElement or not
|
7
|
+
*/
|
8
|
+
export declare function isTextArea(textInput: React.RefObject<MergedInputElements>): textInput is React.RefObject<HTMLTextAreaElement>;
|
@@ -1,6 +1,6 @@
|
|
1
|
-
import { Meta,
|
1
|
+
import { Meta, StoryFn } from '@storybook/react';
|
2
2
|
import { SidebarItemProps } from '.';
|
3
|
-
export declare const Template:
|
4
|
-
export declare const Normal:
|
3
|
+
export declare const Template: StoryFn<SidebarItemProps>;
|
4
|
+
export declare const Normal: StoryFn<SidebarItemProps>;
|
5
5
|
declare const SidebarItemStory: Meta<SidebarItemProps>;
|
6
6
|
export default SidebarItemStory;
|
@@ -34,7 +34,7 @@ export declare enum SidebarBadgeConfigType {
|
|
34
34
|
ICON = 1,
|
35
35
|
DOT = 2
|
36
36
|
}
|
37
|
-
|
37
|
+
type BadgeBaseConfig = {
|
38
38
|
size?: BadgeSize;
|
39
39
|
variant?: FloatingBadgeType;
|
40
40
|
};
|
@@ -49,15 +49,15 @@ interface BadgeIconConfig extends BadgeBaseConfig {
|
|
49
49
|
interface BadgeDotConfig extends BadgeBaseConfig {
|
50
50
|
type: SidebarBadgeConfigType.DOT;
|
51
51
|
}
|
52
|
-
export
|
53
|
-
|
52
|
+
export type SidebarBadgeConfigProps = BadgeCounterConfig | BadgeIconConfig | BadgeDotConfig;
|
53
|
+
type StatusType = 'normal' | 'active' | 'disabled';
|
54
54
|
export interface SidebarItemStyles extends colorsPalette {
|
55
55
|
hoverColor: paletteColor;
|
56
56
|
hoverBackground: paletteColor;
|
57
57
|
dropdownHover: paletteColor;
|
58
58
|
dropdownActive: paletteColor;
|
59
59
|
}
|
60
|
-
export
|
60
|
+
export type SidebarItemPalette = {
|
61
61
|
[key in StatusType]: SidebarItemStyles;
|
62
62
|
};
|
63
63
|
export {};
|
@@ -1,10 +1,10 @@
|
|
1
1
|
import { paletteColor } from '../../styles/types';
|
2
2
|
import { TagType } from './types';
|
3
|
-
|
4
|
-
export
|
3
|
+
type microTagParts = 'color' | 'backgroundColor';
|
4
|
+
export type MicroTagParts = {
|
5
5
|
[key in microTagParts]: paletteColor;
|
6
6
|
};
|
7
|
-
export
|
7
|
+
export type MicroTagPalette = {
|
8
8
|
[key in TagType]: MicroTagParts;
|
9
9
|
};
|
10
10
|
declare const microTagPalette: MicroTagPalette;
|
@@ -1 +1 @@
|
|
1
|
-
export
|
1
|
+
export type TagType = 'standard' | 'error' | 'info' | 'warning' | 'success';
|
@@ -1,11 +1,11 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { ModalPropsInterface } from '../types';
|
3
|
-
|
3
|
+
type PropTypes = {
|
4
4
|
handleChangeValue: (value: string) => void;
|
5
5
|
value: string;
|
6
6
|
placeholder: string;
|
7
|
-
children: React.
|
7
|
+
children: React.ReactNode;
|
8
8
|
};
|
9
|
-
|
9
|
+
type TModalSearchable = React.FunctionComponent<PropTypes & Omit<ModalPropsInterface, 'header'>>;
|
10
10
|
declare const ModalSearchable: TModalSearchable;
|
11
11
|
export default ModalSearchable;
|
@@ -4,7 +4,7 @@ import { ModalPropsInterface, StyledModalBoxProps } from './types';
|
|
4
4
|
export declare const headerFooterHeight = "80px";
|
5
5
|
export declare const animationDuration = 200;
|
6
6
|
export declare const StyledReactModalContainer: import("styled-components").StyledComponent<typeof ReactModal, import("styled-components").DefaultTheme, ModalPropsInterface & {
|
7
|
-
children: React.
|
7
|
+
children: React.ReactNode;
|
8
8
|
}, never>;
|
9
9
|
export declare const StyledModalBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledModalBoxProps, never>;
|
10
10
|
export declare const ModalBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ModalPropsInterface, never>;
|
@@ -2,7 +2,7 @@ import { MappedHeight } from './utils';
|
|
2
2
|
export declare const StepModalHeaderWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
3
3
|
export declare const StepModalHeaderTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
4
4
|
export declare const FooterButtonsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
5
|
-
export
|
5
|
+
export type BodyProps = {
|
6
6
|
height?: number;
|
7
7
|
minHeight?: number;
|
8
8
|
withoutFooter?: boolean;
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { ButtonProps } from '../../buttons';
|
3
|
-
export
|
4
|
-
export
|
3
|
+
export type UknObj = Record<string, unknown>;
|
4
|
+
export type StepModalCommonProps = {
|
5
5
|
currentStep: number;
|
6
6
|
height?: number;
|
7
7
|
isOpen: boolean;
|
@@ -10,11 +10,11 @@ export declare type StepModalCommonProps = {
|
|
10
10
|
setStep: (s: number) => void;
|
11
11
|
onActionClose?: () => void;
|
12
12
|
};
|
13
|
-
|
14
|
-
|
13
|
+
type StepModalComponent<T extends UknObj> = React.FunctionComponent<StepModalCommonProps & T>;
|
14
|
+
type HasChildren = {
|
15
15
|
children?: React.ReactNode;
|
16
16
|
};
|
17
|
-
export
|
17
|
+
export type StepModalProps<T extends UknObj> = StepModalCommonProps & {
|
18
18
|
allowBackdropClose?: boolean;
|
19
19
|
className?: string;
|
20
20
|
customProps: T;
|
@@ -22,7 +22,7 @@ export declare type StepModalProps<T extends UknObj> = StepModalCommonProps & {
|
|
22
22
|
isSmall?: boolean;
|
23
23
|
steps: StepModalComponent<T>[];
|
24
24
|
};
|
25
|
-
export
|
25
|
+
export type StepModalContentProps<T extends UknObj> = StepModalCommonProps & {
|
26
26
|
customProps: T;
|
27
27
|
direction: 'next' | 'prev';
|
28
28
|
isFullscreen?: boolean;
|
@@ -30,20 +30,20 @@ export declare type StepModalContentProps<T extends UknObj> = StepModalCommonPro
|
|
30
30
|
thisStep: number;
|
31
31
|
Component: StepModalComponent<T>;
|
32
32
|
};
|
33
|
-
export
|
33
|
+
export type ContentWrapperProps = {
|
34
34
|
isFullscreen?: boolean;
|
35
35
|
isSmall?: boolean;
|
36
36
|
};
|
37
|
-
export
|
37
|
+
export type StepModalFooterProps = HasChildren & {
|
38
38
|
className?: string;
|
39
39
|
buttons?: ButtonProps[];
|
40
40
|
};
|
41
|
-
export
|
41
|
+
export type StepModalHeaderProps = Partial<StepModalCommonProps> & HasChildren & {
|
42
42
|
className?: string;
|
43
43
|
subtitle?: string;
|
44
44
|
title?: string;
|
45
45
|
};
|
46
|
-
export
|
46
|
+
export type StepModalBodyProps = Partial<StepModalCommonProps> & HasChildren & {
|
47
47
|
className?: string;
|
48
48
|
isFullscreen?: boolean;
|
49
49
|
withoutFooter?: boolean;
|
@@ -5,29 +5,30 @@ export interface ModalStateInterface {
|
|
5
5
|
fullScreenHeight: number;
|
6
6
|
}
|
7
7
|
export interface ModalPropsInterface {
|
8
|
-
|
9
|
-
|
10
|
-
|
8
|
+
allowClose?: boolean;
|
9
|
+
bottomAttachment?: () => ReactNode;
|
10
|
+
children: ReactNode;
|
11
|
+
className?: string;
|
12
|
+
customFooter?: () => JSX.Element;
|
11
13
|
customHeader?: () => JSX.Element;
|
12
14
|
footer?: () => JSX.Element;
|
13
15
|
footerButtons?: ButtonProps[];
|
14
|
-
|
15
|
-
|
16
|
-
|
16
|
+
header?: () => JSX.Element;
|
17
|
+
height?: number;
|
18
|
+
hideOverlay?: boolean;
|
19
|
+
isConfirmModal?: boolean;
|
17
20
|
isFullscreen?: boolean;
|
21
|
+
isOpen?: boolean;
|
18
22
|
isSmall?: boolean;
|
19
23
|
minHeight?: number;
|
20
|
-
|
21
|
-
bottomAttachment?: () => ReactNode;
|
22
|
-
topAttachment?: () => ReactNode;
|
23
|
-
portalClassName?: string;
|
24
|
-
hideOverlay?: boolean;
|
25
|
-
className?: string;
|
24
|
+
onActionClose?: () => void;
|
26
25
|
onAfterOpen?: (obj?: {
|
27
26
|
overlayEl: Element;
|
28
27
|
contentEl: HTMLDivElement;
|
29
28
|
}) => void;
|
30
|
-
|
29
|
+
portalClassName?: string;
|
30
|
+
title?: string;
|
31
|
+
topAttachment?: () => ReactNode;
|
31
32
|
}
|
32
33
|
export interface StyledModalBoxProps {
|
33
34
|
isFullscreen?: boolean;
|
@@ -1,14 +1,14 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
import { paletteColor } from '../../styles/types';
|
3
|
-
export
|
3
|
+
export type MonthAmountData = {
|
4
4
|
month: number;
|
5
5
|
monthName: string;
|
6
6
|
} & MonthDocumentAmount;
|
7
|
-
|
7
|
+
type MonthDocumentAmount = {
|
8
8
|
documents: number;
|
9
9
|
amount: number;
|
10
10
|
};
|
11
|
-
export
|
11
|
+
export type MonthData = {
|
12
12
|
months: MonthDocumentAmount[];
|
13
13
|
};
|
14
14
|
export interface MonthlyTabProps {
|
@@ -18,7 +18,7 @@ export interface MonthlyTabProps {
|
|
18
18
|
onSelectionChange: (monthsData: MonthAmountData[]) => void;
|
19
19
|
monthText?: string;
|
20
20
|
}
|
21
|
-
export
|
21
|
+
export type MonthlyTabPalette = {
|
22
22
|
standard: {
|
23
23
|
borderBottom: paletteColor;
|
24
24
|
headerColor: paletteColor;
|
@@ -1,4 +1,3 @@
|
|
1
|
-
/// <reference types="react" />
|
2
1
|
export declare const Icon: import("styled-components").StyledComponent<({ className, color, icon, isDisabled, onClick, type }: import("../../../../buttons").IconButtonProps) => JSX.Element, import("styled-components").DefaultTheme, {
|
3
2
|
checked: boolean;
|
4
3
|
}, never>;
|
@@ -1,7 +1,7 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
import { CellContext, Row } from '@tanstack/react-table';
|
3
3
|
import { AccessorColumnDef, ActionColumnDef, AdditionalColumnDef, CustomCellProps, RowSize } from '../../../types';
|
4
|
-
|
4
|
+
type Props<CellProps> = {
|
5
5
|
row: Row<CellProps>;
|
6
6
|
context: CellContext<CellProps, unknown>;
|
7
7
|
hover?: boolean;
|
@@ -1,7 +1,7 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
import { Row } from '@tanstack/react-table';
|
3
3
|
import { AccessorColumnDef, AdditionalColumnDef, CustomCellProps } from '../../../types';
|
4
|
-
|
4
|
+
type CustomInputProps<CellProps> = {
|
5
5
|
row: Row<CellProps>;
|
6
6
|
hover?: boolean;
|
7
7
|
} & CustomCellProps & Omit<AccessorColumnDef<CellProps>, 'isEditable'> & AdditionalColumnDef<CellProps>;
|
@@ -1,7 +1,7 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
import { Row } from '@tanstack/react-table';
|
3
3
|
import { AccessorColumnDef, CustomCellProps } from '../../../types';
|
4
|
-
|
4
|
+
type TextAreaPopupProps<CellProps> = {
|
5
5
|
row: Row<CellProps>;
|
6
6
|
onBlur: () => void;
|
7
7
|
} & CustomCellProps & Omit<AccessorColumnDef<CellProps>, 'isEditable'>;
|
@@ -4,5 +4,5 @@ interface ReturnType {
|
|
4
4
|
readonly columnPinning: ColumnPinningState;
|
5
5
|
readonly setColumnPinning: React.Dispatch<React.SetStateAction<ColumnPinningState>>;
|
6
6
|
}
|
7
|
-
export declare const useColumnPinning: (defaultValues?: ColumnPinningState
|
7
|
+
export declare const useColumnPinning: (defaultValues?: ColumnPinningState) => ReturnType;
|
8
8
|
export {};
|
@@ -1,2 +1,2 @@
|
|
1
1
|
export { default as NewTable } from './Table';
|
2
|
-
export { ColumnDefType, ColumnsType, CellProps, BulkAction, RowActions, RowAction } from './types';
|
2
|
+
export { ColumnDefType, ColumnsType, CellProps, BulkAction, RowActions, RowAction, RowSize } from './types';
|
@@ -1,6 +1,6 @@
|
|
1
|
-
import { Meta,
|
1
|
+
import { Meta, StoryFn } from '@storybook/react';
|
2
2
|
import { DataType } from './stories/types';
|
3
3
|
import { TableProps } from './types';
|
4
|
-
export declare const Template:
|
4
|
+
export declare const Template: StoryFn<TableProps<DataType>>;
|
5
5
|
declare const TableStories: Meta<TableProps<DataType>>;
|
6
6
|
export default TableStories;
|