@it-holding-ui/atomic 9.9.0 → 9.10.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/atomic/src/Fields/ITHAddImageField/ITHAddImageField.types.d.ts +1 -1
- package/build/atomic/src/Fields/ITHCheckboxField/ITHCheckboxField.types.d.ts +1 -1
- package/build/atomic/src/Fields/ITHCheckboxItemField/ITHCheckboxItemField.types.d.ts +1 -1
- package/build/atomic/src/Fields/ITHChipGroupField/ITHChipGroupField.types.d.ts +1 -1
- package/build/atomic/src/Fields/ITHCleaveInputField/ITHCleaveInputField.types.d.ts +1 -1
- package/build/atomic/src/Fields/ITHDatePickerInputsField/ITHDatePickerInputsField.types.d.ts +1 -1
- package/build/atomic/src/Fields/ITHInputField/ITHInputField.types.d.ts +1 -1
- package/build/atomic/src/Fields/ITHInputWithChipsSelectField/ITHInputWithChipsSelectField.types.d.ts +2 -2
- package/build/atomic/src/Fields/ITHPasswordInputField/ITHPasswordInputField.types.d.ts +1 -1
- package/build/atomic/src/Fields/ITHPhoneInputField/ITHPhoneInputField.types.d.ts +1 -1
- package/build/atomic/src/Fields/ITHPhotoInputField/ITHPhotoInputField.types.d.ts +1 -1
- package/build/atomic/src/Fields/ITHProfilePhotoInputField/ITHProfilePhotoInputField.types.d.ts +1 -1
- package/build/atomic/src/Fields/ITHRadioItemField/ITHRadioItemField.types.d.ts +1 -1
- package/build/atomic/src/Fields/ITHRangeField/ITHRangeField.types.d.ts +1 -1
- package/build/atomic/src/Fields/ITHStarRatingField/ITHStarRatingField.types.d.ts +1 -1
- package/build/atomic/src/Fields/ITHToggleField/ITHToggleField.types.d.ts +1 -1
- package/build/atomic/src/ITHActionFab/ITHActionFab.types.d.ts +1 -1
- package/build/atomic/src/ITHAddImage/ITHAddImage.types.d.ts +1 -1
- package/build/atomic/src/ITHAddItem/ITHAddItem.types.d.ts +1 -1
- package/build/atomic/src/ITHAvatar/ITHAvatar.types.d.ts +1 -1
- package/build/atomic/src/ITHAvatar/ITHImageStub/ITHImageStub.types.d.ts +1 -1
- package/build/atomic/src/ITHBadge/ITHBadge.types.d.ts +1 -1
- package/build/atomic/src/ITHButton/ITHButton.types.d.ts +4 -4
- package/build/atomic/src/ITHCheckbox/ITHCheckbox.types.d.ts +1 -1
- package/build/atomic/src/ITHCheckboxItem/ITHCheckboxItem.types.d.ts +1 -1
- package/build/atomic/src/ITHChip/ITHChip.types.d.ts +2 -2
- package/build/atomic/src/ITHChipGroup/ITHChipGroup.types.d.ts +4 -4
- package/build/atomic/src/ITHCleaveInput/ITHCleaveInput.types.d.ts +1 -1
- package/build/atomic/src/ITHCodeInput/ITHCharInput/ITHCharInput.types.d.ts +1 -1
- package/build/atomic/src/ITHCodeInput/ITHCodeInput.types.d.ts +1 -1
- package/build/atomic/src/ITHDateInput/ITHDateInput.types.d.ts +4 -4
- package/build/atomic/src/ITHDatePicker/ITHDatePicker.types.d.ts +1 -1
- package/build/atomic/src/ITHDatePicker/ITHDatePicker.utils.d.ts +3 -3
- package/build/atomic/src/ITHDatePicker/ITHDatePickerCarousel/ITHDatePickerCarousel.types.d.ts +2 -2
- package/build/atomic/src/ITHDatePicker/ITHDatePickerDay/ITHDatePickerDay.hooks.d.ts +1 -1
- package/build/atomic/src/ITHDatePicker/ITHDatePickerDay/ITHDatePickerDay.types.d.ts +1 -1
- package/build/atomic/src/ITHDatePicker/ITHDatePickerHeader/ITHDatePickerHeader.types.d.ts +1 -1
- package/build/atomic/src/ITHDatePicker/ITHDatePickerMonth/ITHDatePickerMonth.types.d.ts +2 -2
- package/build/atomic/src/ITHDatePicker/ITHDatePickerWeekdays/ITHDatePickerWeekdays.hooks.d.ts +1 -1
- package/build/atomic/src/ITHDatePicker/ITHDatePickerWeekdays/ITHDatePickerWeekdays.types.d.ts +1 -1
- package/build/atomic/src/ITHDatePickerInputs/ITHDatePickerInputs.types.d.ts +1 -1
- package/build/atomic/src/ITHDatePickerPopover/ITHDatePickerPopover.types.d.ts +3 -3
- package/build/atomic/src/ITHDatePickerSheet/ITHDatePickerSheet.types.d.ts +3 -3
- package/build/atomic/src/ITHHeader/ITHHeader.types.d.ts +2 -2
- package/build/atomic/src/ITHIcon/ITHIcon.types.d.ts +1 -1
- package/build/atomic/src/ITHImgWithBlurredFrame/ITHImgWithBlurredFrame.types.d.ts +1 -1
- package/build/atomic/src/ITHInput/ITHInput.types.d.ts +3 -3
- package/build/atomic/src/ITHInput/ITHInputFacade/ITHInputFacade.types.d.ts +5 -5
- package/build/atomic/src/ITHInputWithChips/ITHInputWithChips.types.d.ts +1 -1
- package/build/atomic/src/ITHItem/ITHItem.d.ts +1 -1
- package/build/atomic/src/ITHItem/ITHItem.types.d.ts +1 -1
- package/build/atomic/src/ITHLabel/ITHLabel.types.d.ts +1 -1
- package/build/atomic/src/ITHManualPopoverWrapper/ITHManualPopoverWrapper.types.d.ts +1 -1
- package/build/atomic/src/ITHMenuItem/ITHMenuItem.types.d.ts +1 -1
- package/build/atomic/src/ITHPasswordInput/ITHPasswordInput.types.d.ts +1 -1
- package/build/atomic/src/ITHPhoneInput/ITHPhoneInput.types.d.ts +2 -2
- package/build/atomic/src/ITHPhoneInput/ITHSelectCountryCodeNumber/ITHSelectCountryCodeNumber.types.d.ts +1 -1
- package/build/atomic/src/ITHPhotoInput/ITHAddPhotoButton/ITHAddPhotoButton.types.d.ts +1 -1
- package/build/atomic/src/ITHPhotoInput/ITHBigPhotoPreview/ITHBigPhotoPreview.types.d.ts +1 -1
- package/build/atomic/src/ITHPhotoInput/ITHPhoto/ITHPhoto.types.d.ts +1 -1
- package/build/atomic/src/ITHPhotoInput/ITHPhotoInput.types.d.ts +1 -1
- package/build/atomic/src/ITHPopover/ITHPopover.d.ts +1 -1
- package/build/atomic/src/ITHPopover/ITHPopover.types.d.ts +1 -1
- package/build/atomic/src/ITHProfilePhotoInput/ITHHiddenFileInput/ITHHiddenFileInput.types.d.ts +1 -1
- package/build/atomic/src/ITHProfilePhotoInput/ITHProfilePhotoInput.types.d.ts +1 -1
- package/build/atomic/src/ITHProvider/ITHProvider.types.d.ts +1 -1
- package/build/atomic/src/ITHRadioItem/ITHRadioItem.types.d.ts +1 -1
- package/build/atomic/src/ITHRange/ITHRange.types.d.ts +1 -1
- package/build/atomic/src/ITHSearchbar/ITHSearchbar.d.ts +1 -1
- package/build/atomic/src/ITHSearchbar/ITHSearchbar.types.d.ts +1 -1
- package/build/atomic/src/ITHSegment/ITHSegment.types.d.ts +2 -2
- package/build/atomic/src/ITHShareMenu/ITHShareMenu.constants.d.ts +2 -2
- package/build/atomic/src/ITHShareMenu/ITHShareMenu.types.d.ts +1 -1
- package/build/atomic/src/ITHSheet/ITHSheet.d.ts +1 -1
- package/build/atomic/src/ITHSheet/ITHSheet.types.d.ts +2 -2
- package/build/atomic/src/ITHSideMenu/ITHSideMenu.types.d.ts +2 -2
- package/build/atomic/src/ITHSideMenu/ITHSideMenu.utils.d.ts +1 -1
- package/build/atomic/src/ITHSingleDatePicker/ITHSingleDatePicker.types.d.ts +1 -1
- package/build/atomic/src/ITHStarRating/ITHStarRating.types.d.ts +1 -1
- package/build/atomic/src/ITHStepper/ITHStepper.types.d.ts +1 -1
- package/build/atomic/src/ITHStepper/ITHStepsIndicator/ITHStepsIndicator.types.d.ts +1 -1
- package/build/atomic/src/ITHText/ITHText.types.d.ts +6 -6
- package/build/atomic/src/ITHToggle/ITHToggle.types.d.ts +1 -1
- package/build/atomic/src/ITHVideoModal/ITHVideoModal.types.d.ts +1 -1
- package/build/atomic/src/ITHVideoPlayer/ITHVideoPlayer.types.d.ts +1 -1
- package/build/atomic/src/ITHVideoPlayer/ITHVimeoPlayer/ITHVimeoPlayer.types.d.ts +1 -1
- package/build/atomic/src/ITHVideoPlayer/ITHVkVideoPlayer/ITHVkVideoPlayer.types.d.ts +1 -1
- package/build/atomic/src/ITHVideoPlayer/ITHYoutubePlayer/ITHYoutubePlayer.types.d.ts +1 -1
- package/build/atomic/src/Select/ITHNothingFound/ITHNothingFound.types.d.ts +1 -1
- package/build/atomic/src/Select/ITHSelect/ITHSelect.hooks.d.ts +1 -0
- package/build/atomic/src/Select/ITHSelect/ITHSelect.types.d.ts +1 -1
- package/build/atomic/src/Select/ITHSelect.hooks.d.ts +2 -1
- package/build/atomic/src/Select/ITHSelect.types.d.ts +5 -5
- package/build/atomic/src/Select/ITHSelectItem/ITHSelectItem.types.d.ts +1 -1
- package/build/atomic/src/Select/ITHSelectPopover/ITHSelectPopover.types.d.ts +2 -2
- package/build/atomic/src/Select/ITHSelectSheet/ITHSelectSheet.types.d.ts +1 -1
- package/build/atomic/src/index.d.ts +0 -2
- package/build/css/main.css +2 -0
- package/build/css/main.css.map +1 -0
- package/build/index.js +1 -1
- package/build/index.js.LICENSE.txt +2 -14
- package/build/index.js.map +1 -1
- package/package.json +9 -20
- package/build/atomic/src/ITHCountryFlag/ITHCountryFlag.d.ts +0 -4
- package/build/atomic/src/ITHCountryFlag/ITHCountryFlag.types.d.ts +0 -1
- package/build/atomic/src/ITHCountryFlag/index.d.ts +0 -1
- package/build/atomic/src/ITHCurrencyIcon/ITHCurrencyIcon.d.ts +0 -3
- package/build/atomic/src/ITHCurrencyIcon/ITHCurrencyIcon.types.d.ts +0 -4
- package/build/atomic/src/ITHCurrencyIcon/index.d.ts +0 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FieldProps, PhotoInfo } from '@it-holding-ui/types';
|
|
2
2
|
import { ITHAddImageProps } from "../../ITHAddImage/ITHAddImage.types";
|
|
3
|
-
export
|
|
3
|
+
export type ITHAddImageFieldProps<T extends PhotoInfo[] = PhotoInfo[]> = Omit<ITHAddImageProps, keyof FieldProps<T> | 'onPhotosChange' | 'initialPhotos'> & Omit<FieldProps<T>, 'children'> & {
|
|
4
4
|
name: string;
|
|
5
5
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FieldProps } from '@it-holding-ui/types';
|
|
2
2
|
import { ITHCheckboxProps } from "../../ITHCheckbox";
|
|
3
|
-
export
|
|
3
|
+
export type ITHCheckboxFieldProps<T extends string | number = string> = Omit<ITHCheckboxProps, keyof FieldProps<T>> & Omit<FieldProps<T>, 'children'> & {
|
|
4
4
|
name: string;
|
|
5
5
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { FieldProps } from '@it-holding-ui/types';
|
|
2
2
|
import { ITHCheckboxItemProps } from "../../ITHCheckboxItem";
|
|
3
|
-
export
|
|
3
|
+
export type ITHCheckboxItemFieldProps<T extends string | number = string> = Omit<ITHCheckboxItemProps, keyof FieldProps<T>> & Omit<FieldProps<T>, 'children'> & {
|
|
4
4
|
name: string;
|
|
5
5
|
onAfterChange?: () => void;
|
|
6
6
|
hideError?: boolean;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { FieldProps } from '@it-holding-ui/types';
|
|
2
2
|
import { ITHChipGroupProps } from "../../ITHChipGroup";
|
|
3
3
|
import { ITHSelectOption } from "../../Select";
|
|
4
|
-
export
|
|
4
|
+
export type ITHChipGroupFieldProps<T extends ITHSelectOption | ITHSelectOption[] = ITHSelectOption> = Omit<ITHChipGroupProps, keyof FieldProps<T> | 'selected' | 'onChange'> & Omit<FieldProps<T>, 'children' | 'type' | 'defaultValue' | 'format' | 'initialValue' | 'parse' | 'value'> & {
|
|
5
5
|
name: string;
|
|
6
6
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { TextFieldTypes } from '@ionic/core';
|
|
2
2
|
import { FieldProps } from '@it-holding-ui/types';
|
|
3
3
|
import { ITHCleaveInputProps } from "../../ITHCleaveInput";
|
|
4
|
-
export
|
|
4
|
+
export type ITHCleaveInputFieldProps<T extends string> = Omit<ITHCleaveInputProps, keyof FieldProps<T>> & Omit<FieldProps<T>, 'children'> & {
|
|
5
5
|
name: string;
|
|
6
6
|
type?: TextFieldTypes;
|
|
7
7
|
};
|
package/build/atomic/src/Fields/ITHDatePickerInputsField/ITHDatePickerInputsField.types.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { FieldProps } from '@it-holding-ui/types';
|
|
2
2
|
import { SelectedDates } from "../../ITHDatePicker";
|
|
3
3
|
import { ITHDatePickerInputsProps } from "../../ITHDatePickerInputs";
|
|
4
|
-
export
|
|
4
|
+
export type ITHDatePickerInputsFieldProps<T extends SelectedDates = SelectedDates> = Omit<ITHDatePickerInputsProps, keyof FieldProps<T> | 'selectedDates' | 'onSelectedDatesChange'> & Omit<FieldProps<T>, 'children'> & {
|
|
5
5
|
name: string;
|
|
6
6
|
};
|
|
@@ -2,6 +2,6 @@ import { ComponentProps } from 'react';
|
|
|
2
2
|
import { IonInput } from '@ionic/react';
|
|
3
3
|
import { FieldProps } from '@it-holding-ui/types';
|
|
4
4
|
import { ITHInputProps } from "../../ITHInput";
|
|
5
|
-
export
|
|
5
|
+
export type ITHInputFieldProps<T extends string> = Pick<ComponentProps<typeof IonInput>, 'type' | 'autocomplete'> & Omit<ITHInputProps, keyof FieldProps<T>> & Omit<FieldProps<T>, 'children'> & {
|
|
6
6
|
name: string;
|
|
7
7
|
};
|
package/build/atomic/src/Fields/ITHInputWithChipsSelectField/ITHInputWithChipsSelectField.types.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { FieldProps, FieldRenderProps } from 'react-final-form';
|
|
3
|
-
export
|
|
3
|
+
export type ITHInputWithChipsSelectOption = Record<string, string | JSX.Element> & {
|
|
4
4
|
icon?: JSX.Element;
|
|
5
5
|
};
|
|
6
|
-
export
|
|
6
|
+
export type ITHInputWithChipsSelectFieldProps<T extends string | ITHInputWithChipsSelectOption> = Omit<FieldProps<T, FieldRenderProps<T, HTMLElement, T>, HTMLElement, T>, 'children'> & {
|
|
7
7
|
name: string;
|
|
8
8
|
/**
|
|
9
9
|
* fields type
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FieldProps } from '@it-holding-ui/types';
|
|
2
2
|
import { ITHPasswordInputProps } from "../../ITHPasswordInput";
|
|
3
|
-
export
|
|
3
|
+
export type ITHPasswordInputFieldProps<T extends string> = Omit<ITHPasswordInputProps, keyof FieldProps<T>> & Omit<FieldProps<T>, 'children'> & {
|
|
4
4
|
name: string;
|
|
5
5
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FieldProps } from '@it-holding-ui/types';
|
|
2
2
|
import { ITHPhoneInputProps, PhoneInfo } from "../../ITHPhoneInput";
|
|
3
|
-
export
|
|
3
|
+
export type ITHPhoneInputFieldProps<T extends PhoneInfo = PhoneInfo> = Omit<ITHPhoneInputProps, keyof FieldProps<T>> & Omit<FieldProps<T>, 'children'> & {
|
|
4
4
|
name: string;
|
|
5
5
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FieldProps, PhotoInfo } from '@it-holding-ui/types';
|
|
2
2
|
import { ITHPhotoInputProps } from "../../ITHPhotoInput";
|
|
3
|
-
export
|
|
3
|
+
export type ITHPhotoInputFieldProps<T extends PhotoInfo[] = PhotoInfo[]> = Omit<ITHPhotoInputProps, keyof FieldProps<T> | 'onFilesChange'> & Omit<FieldProps<T>, 'children'> & {
|
|
4
4
|
name: string;
|
|
5
5
|
};
|
package/build/atomic/src/Fields/ITHProfilePhotoInputField/ITHProfilePhotoInputField.types.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FieldProps, PhotoInfo } from '@it-holding-ui/types';
|
|
2
2
|
import { ITHProfilePhotoInputProps } from "../../ITHProfilePhotoInput";
|
|
3
|
-
export
|
|
3
|
+
export type ITHProfilePhotoInputFieldProps<T extends PhotoInfo> = Omit<ITHProfilePhotoInputProps, keyof FieldProps<T>> & Omit<FieldProps<T>, 'children'> & {
|
|
4
4
|
name: string;
|
|
5
5
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { FieldProps } from '@it-holding-ui/types';
|
|
2
2
|
import { ITHRadioItemProps } from "../../ITHRadioItem";
|
|
3
|
-
export
|
|
3
|
+
export type ITHRadioItemFieldProps<T extends string | number = string> = Omit<ITHRadioItemProps, keyof FieldProps<T>> & Omit<FieldProps<T>, 'children'> & {
|
|
4
4
|
name: string;
|
|
5
5
|
hideError?: boolean;
|
|
6
6
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { RangeValue } from '@ionic/core';
|
|
2
2
|
import { FieldProps } from '@it-holding-ui/types';
|
|
3
3
|
import { ITHRangeProps } from "../../ITHRange";
|
|
4
|
-
export
|
|
4
|
+
export type ITHRangeFieldProps<T extends RangeValue> = Omit<ITHRangeProps, keyof FieldProps<T>> & Omit<FieldProps<T>, 'children'> & {
|
|
5
5
|
name: string;
|
|
6
6
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FieldProps } from '@it-holding-ui/types';
|
|
2
2
|
import { ITHStarRatingProps } from "../../ITHStarRating/ITHStarRating.types";
|
|
3
|
-
export
|
|
3
|
+
export type StarRatingFieldProps<T extends number> = Omit<ITHStarRatingProps, keyof FieldProps<T>> & Omit<FieldProps<T>, 'children'> & {
|
|
4
4
|
name: string;
|
|
5
5
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FieldProps } from '@it-holding-ui/types';
|
|
2
2
|
import { ITHToggleProps } from "../../ITHToggle";
|
|
3
|
-
export
|
|
3
|
+
export type ITHToggleFieldProps<T extends string> = Omit<ITHToggleProps, keyof FieldProps<T>> & Omit<FieldProps<T>, 'children'> & {
|
|
4
4
|
name: string;
|
|
5
5
|
};
|
|
@@ -5,7 +5,7 @@ export declare enum ITHActionFabIcon {
|
|
|
5
5
|
ADD = "add",
|
|
6
6
|
SEND = "send"
|
|
7
7
|
}
|
|
8
|
-
export
|
|
8
|
+
export type ITHActionFabProps = Partial<Pick<ComponentProps<typeof IonFab>, 'horizontal' | 'vertical' | 'slot'>> & Omit<ComponentProps<typeof IonFabButton>, 'className'> & {
|
|
9
9
|
icon?: ITHActionFabIcon;
|
|
10
10
|
fabClassName?: string;
|
|
11
11
|
fabButtonClassName?: string;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ITHAddItemProps } from "../ITHAddItem/ITHAddItem.types";
|
|
2
2
|
import { ITHPhotoInputProps } from "../ITHPhotoInput";
|
|
3
|
-
export
|
|
3
|
+
export type ITHAddImageProps = ITHPhotoInputProps & Pick<ITHAddItemProps, 'label' | 'withIcon' | 'icon' | 'labelType' | 'labelMobileType'>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { IonItem } from '@ionic/react';
|
|
3
3
|
import { ITHTextType } from "../ITHText/ITHText.types";
|
|
4
|
-
export
|
|
4
|
+
export type ITHAddItemProps = React.ComponentProps<typeof IonItem> & {
|
|
5
5
|
label: string;
|
|
6
6
|
icon?: JSX.Element;
|
|
7
7
|
withIcon?: boolean;
|
|
@@ -10,7 +10,7 @@ export declare enum ITHBadgeColor {
|
|
|
10
10
|
SUCCESS = "success",
|
|
11
11
|
INFO = "info"
|
|
12
12
|
}
|
|
13
|
-
export
|
|
13
|
+
export type ITHBadgeProps = Omit<React.ComponentProps<typeof IonBadge>, 'ref' | 'children'> & {
|
|
14
14
|
children: string | undefined;
|
|
15
15
|
color: ITHBadgeColor;
|
|
16
16
|
textType?: ITHTextType;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { ComponentProps, ReactNode } from 'react';
|
|
2
2
|
import { IonButton } from '@ionic/react';
|
|
3
|
-
export
|
|
4
|
-
export
|
|
5
|
-
export
|
|
6
|
-
export
|
|
3
|
+
export type ITHButtonColor = 'primary' | 'primary-gray' | 'secondary';
|
|
4
|
+
export type ITHButtonSize = 'small' | 'medium' | 'large';
|
|
5
|
+
export type ITHButtonFill = 'outline' | 'solid';
|
|
6
|
+
export type ITHButtonProps = Omit<ComponentProps<typeof IonButton>, 'size' | 'color' | 'fill'> & {
|
|
7
7
|
children?: ReactNode;
|
|
8
8
|
size?: ITHButtonSize;
|
|
9
9
|
color?: ITHButtonColor;
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import { IonItem } from '@ionic/react';
|
|
3
3
|
import { ITHCheckboxProps } from "../ITHCheckbox";
|
|
4
4
|
import { ITHTextType } from "../ITHText";
|
|
5
|
-
export
|
|
5
|
+
export type ITHCheckboxItemProps = ITHCheckboxProps & Pick<React.ComponentProps<typeof IonItem>, 'lines' | 'detail' | 'detailIcon' | 'shape'> & {
|
|
6
6
|
label?: string;
|
|
7
7
|
labelMobileTextType?: ITHTextType;
|
|
8
8
|
labelTextType?: ITHTextType;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { ComponentProps } from 'react';
|
|
2
2
|
import { IonChip } from '@ionic/react';
|
|
3
3
|
import { ITHSelectOption } from "../Select";
|
|
4
|
-
export
|
|
5
|
-
export
|
|
4
|
+
export type Chip = Pick<ITHSelectOption, 'text' | 'icon' | 'value'>;
|
|
5
|
+
export type ITHChipProps<T extends Chip> = Omit<ComponentProps<typeof IonChip>, 'onClick'> & {
|
|
6
6
|
chip: T;
|
|
7
7
|
withoutIcon?: boolean;
|
|
8
8
|
withCloseButton?: boolean;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ITHSelectOption } from "../Select";
|
|
2
|
-
|
|
2
|
+
type ITHChipGroupCommonProps = {
|
|
3
3
|
chips: ITHSelectOption[];
|
|
4
4
|
inline?: boolean;
|
|
5
5
|
withoutIcons?: boolean;
|
|
@@ -11,15 +11,15 @@ declare type ITHChipGroupCommonProps = {
|
|
|
11
11
|
onFocus?: () => void;
|
|
12
12
|
onBlur?: () => void;
|
|
13
13
|
};
|
|
14
|
-
|
|
14
|
+
type ITHChipGroupRadioProps = ITHChipGroupCommonProps & {
|
|
15
15
|
fieldType: 'radio';
|
|
16
16
|
selected: ITHSelectOption | undefined;
|
|
17
17
|
onChange: (newChip: ITHSelectOption) => void;
|
|
18
18
|
};
|
|
19
|
-
|
|
19
|
+
type ITHChipGroupCheckboxProps = ITHChipGroupCommonProps & {
|
|
20
20
|
fieldType: 'checkbox';
|
|
21
21
|
selected: ITHSelectOption[] | undefined;
|
|
22
22
|
onChange: (newChips: ITHSelectOption[], addedChip: ITHSelectOption) => void;
|
|
23
23
|
};
|
|
24
|
-
export
|
|
24
|
+
export type ITHChipGroupProps = ITHChipGroupRadioProps | ITHChipGroupCheckboxProps;
|
|
25
25
|
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { TextFieldTypes } from '@ionic/core';
|
|
2
2
|
import type { Props as CleaveInputProps } from 'cleave.js/react/props';
|
|
3
3
|
import { ITHInputAdditionalProps } from "../ITHInput";
|
|
4
|
-
export
|
|
4
|
+
export type ITHCleaveInputProps = Omit<ITHInputAdditionalProps, 'forceFocused' | 'type'> & {
|
|
5
5
|
type: TextFieldTypes;
|
|
6
6
|
} & CleaveInputProps;
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { IonInput } from '@ionic/react';
|
|
3
3
|
import { ITHInputProps } from "../ITHInput";
|
|
4
|
-
export
|
|
4
|
+
export type ITHDateInputCommonProps = Pick<ITHInputProps, 'value' | 'label' | 'requiredSign' | 'disabled' | 'className' | 'onInputWrapperClick'> & Pick<React.ComponentProps<typeof IonInput>, 'onFocus' | 'onBlur' | 'onIonFocus' | 'onIonBlur' | 'id'> & {
|
|
5
5
|
editable?: boolean;
|
|
6
6
|
withArrow?: boolean;
|
|
7
7
|
};
|
|
8
|
-
export
|
|
8
|
+
export type ITHDateInputMultipleProps = Omit<ITHDateInputCommonProps, 'value'> & {
|
|
9
9
|
type?: 'multiple';
|
|
10
10
|
startDate: Date | null | undefined;
|
|
11
11
|
endDate: Date | null | undefined;
|
|
12
12
|
};
|
|
13
|
-
export
|
|
13
|
+
export type ITHDateInputSingleProps = Omit<ITHDateInputCommonProps, 'value'> & {
|
|
14
14
|
type?: 'single';
|
|
15
15
|
date: Date | null | undefined;
|
|
16
16
|
};
|
|
17
|
-
export
|
|
17
|
+
export type ITHDateInputProps = ITHDateInputMultipleProps | ITHDateInputSingleProps;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { MonthInfo } from '@it-holding-ui/types';
|
|
2
|
-
export declare const getDatePickerCurrentMonths: (mainDate: MonthInfo, isDouble?: boolean
|
|
3
|
-
export declare const getDatePickerNextMonths: (currentMonths: MonthInfo[], isDouble?: boolean
|
|
4
|
-
export declare const getDatePickerPrevMonths: (currentMonths: MonthInfo[], isDouble?: boolean
|
|
2
|
+
export declare const getDatePickerCurrentMonths: (mainDate: MonthInfo, isDouble?: boolean) => MonthInfo[];
|
|
3
|
+
export declare const getDatePickerNextMonths: (currentMonths: MonthInfo[], isDouble?: boolean) => MonthInfo[];
|
|
4
|
+
export declare const getDatePickerPrevMonths: (currentMonths: MonthInfo[], isDouble?: boolean) => MonthInfo[];
|
package/build/atomic/src/ITHDatePicker/ITHDatePickerCarousel/ITHDatePickerCarousel.types.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
export
|
|
3
|
-
export
|
|
2
|
+
export type ITHDatePickerCarouselMoveType = 'right' | 'left' | undefined;
|
|
3
|
+
export type ITHDatePickerCarouselProps = {
|
|
4
4
|
needMove: ITHDatePickerCarouselMoveType;
|
|
5
5
|
className?: string;
|
|
6
6
|
onAnimationEnd: (currentNeedMove: ITHDatePickerCarouselMoveType) => void;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { SelectedDates } from "..";
|
|
2
|
-
export declare const useDay: (date: Date, [firstSelectedDate, secondSelectedDate]: SelectedDates, displayMonth: number, minDate?: Date
|
|
2
|
+
export declare const useDay: (date: Date, [firstSelectedDate, secondSelectedDate]: SelectedDates, displayMonth: number, minDate?: Date, maxDate?: Date, hoveredDate?: Date) => {
|
|
3
3
|
disabled: boolean;
|
|
4
4
|
isSelected: boolean | undefined;
|
|
5
5
|
isPreviewSelected: boolean | undefined;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export
|
|
2
|
-
export
|
|
1
|
+
export type SelectedDates = [Date | undefined, Date | undefined];
|
|
2
|
+
export type ITHDatePickerMonthProps = {
|
|
3
3
|
year: number;
|
|
4
4
|
month: number;
|
|
5
5
|
firstDayOfWeek: number;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { ITHDatePickerProps, SelectedDates } from "../ITHDatePicker";
|
|
2
2
|
import { ITHPopoverProps } from "../ITHPopover";
|
|
3
3
|
import { ITHSingleDatePickerProps } from "../ITHSingleDatePicker";
|
|
4
|
-
export
|
|
4
|
+
export type SingleITHDatePickerPopoverProps = ITHSingleDatePickerProps & {
|
|
5
5
|
isRange: false;
|
|
6
6
|
};
|
|
7
|
-
export
|
|
7
|
+
export type RangeITHDatePickerPopoverProps = ITHDatePickerProps & {
|
|
8
8
|
isRange: true;
|
|
9
9
|
};
|
|
10
|
-
export
|
|
10
|
+
export type ITHDatePickerPopoverProps = ITHPopoverProps & (SingleITHDatePickerPopoverProps | RangeITHDatePickerPopoverProps) & {
|
|
11
11
|
clearLabel: string;
|
|
12
12
|
applyLabel: string;
|
|
13
13
|
onApplyClick?: (dates: SelectedDates | undefined | Date) => void;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { ITHDatePickerProps } from "../ITHDatePicker";
|
|
2
2
|
import { ITHSheetProps } from "../ITHSheet";
|
|
3
3
|
import { ITHSingleDatePickerProps } from "../ITHSingleDatePicker";
|
|
4
|
-
export
|
|
4
|
+
export type SingleITHDatePickerSheetProps = ITHSingleDatePickerProps & {
|
|
5
5
|
isRange: false;
|
|
6
6
|
};
|
|
7
|
-
export
|
|
7
|
+
export type RangeITHDatePickerSheetProps = ITHDatePickerProps & {
|
|
8
8
|
isRange: true;
|
|
9
9
|
};
|
|
10
|
-
export
|
|
10
|
+
export type ITHDatePickerSheetProps = (SingleITHDatePickerSheetProps | RangeITHDatePickerSheetProps) & Omit<ITHSheetProps, 'hasHeader'>;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { IonSearchbarCustomEvent, SearchbarChangeEventDetail } from '@ionic/core';
|
|
3
3
|
import { ITHTextType } from "../ITHText";
|
|
4
|
-
export
|
|
5
|
-
export
|
|
4
|
+
export type ITHHeaderCloseIcon = 'back' | 'close';
|
|
5
|
+
export type ITHHeaderProps = {
|
|
6
6
|
withSearch?: boolean;
|
|
7
7
|
searchValue?: string;
|
|
8
8
|
onSearchChange?: (event: IonSearchbarCustomEvent<SearchbarChangeEventDetail>) => void;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ComponentProps } from 'react';
|
|
2
2
|
import { IonIcon } from '@ionic/react';
|
|
3
|
-
export
|
|
3
|
+
export type ITHIconProps = Omit<ComponentProps<typeof IonIcon>, 'icon'> & {
|
|
4
4
|
icon: string | JSX.Element;
|
|
5
5
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { IonThumbnail } from '@ionic/react';
|
|
3
|
-
export
|
|
3
|
+
export type ITHImgWithBlurredFrameProps = React.ComponentProps<typeof IonThumbnail> & {
|
|
4
4
|
src: string;
|
|
5
5
|
slot?: string;
|
|
6
6
|
className?: string;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { ReactNode } from 'react';
|
|
2
2
|
import { ITHInputFacadeInputProps, ITHInputFacadeProps, ITHInputFacadeTextareaProps } from './ITHInputFacade/ITHInputFacade.types';
|
|
3
|
-
export
|
|
3
|
+
export type ITHInputAdditionalProps = {
|
|
4
4
|
label?: string;
|
|
5
5
|
icon?: string | JSX.Element;
|
|
6
6
|
iconLeft?: boolean;
|
|
@@ -20,5 +20,5 @@ export declare type ITHInputAdditionalProps = {
|
|
|
20
20
|
onClearValue?: (e: React.MouseEvent<HTMLIonButtonElement, MouseEvent>) => void;
|
|
21
21
|
additionalElement?: ReactNode;
|
|
22
22
|
};
|
|
23
|
-
export
|
|
24
|
-
export
|
|
23
|
+
export type ITHInputProps = ITHInputFacadeProps & ITHInputAdditionalProps;
|
|
24
|
+
export type DirectITHInputProps<T extends 'input' | 'textarea'> = T extends 'input' ? ITHInputFacadeInputProps & ITHInputAdditionalProps : ITHInputFacadeTextareaProps & ITHInputAdditionalProps;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { ComponentProps } from 'react';
|
|
2
2
|
import { IonInput, IonTextarea } from '@ionic/react';
|
|
3
3
|
import { Chip } from "../../ITHChip";
|
|
4
|
-
export
|
|
5
|
-
export
|
|
4
|
+
export type ITHInputType = 'input' | 'textarea';
|
|
5
|
+
export type ITHInputFacadeInputProps = Omit<ComponentProps<typeof IonInput>, 'ref' | 'value'> & {
|
|
6
6
|
inputType: 'input';
|
|
7
7
|
value?: string | undefined | null;
|
|
8
8
|
rows?: number;
|
|
@@ -10,10 +10,10 @@ export declare type ITHInputFacadeInputProps = Omit<ComponentProps<typeof IonInp
|
|
|
10
10
|
chips?: Chip[];
|
|
11
11
|
onChipDelete?: (chip: Chip) => void;
|
|
12
12
|
};
|
|
13
|
-
export
|
|
13
|
+
export type ITHInputFacadeTextareaProps = Omit<ComponentProps<typeof IonTextarea>, 'ref'> & {
|
|
14
14
|
inputType: 'textarea';
|
|
15
15
|
};
|
|
16
|
-
export
|
|
17
|
-
export
|
|
16
|
+
export type ITHInputFacadeProps = Readonly<ITHInputFacadeInputProps | ITHInputFacadeTextareaProps>;
|
|
17
|
+
export type ITHInputRef<T extends HTMLIonInputElement | HTMLIonTextareaElement> = T & {
|
|
18
18
|
clearValue: () => void;
|
|
19
19
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ITHItemProps } from './ITHItem.types';
|
|
3
3
|
import './ITHItem.scss';
|
|
4
|
-
export declare const ITHItem: React.ForwardRefExoticComponent<Pick<ITHItemProps, "type" | "button" | "color" | "id" | "lang" | "
|
|
4
|
+
export declare const ITHItem: React.ForwardRefExoticComponent<Pick<ITHItemProps, "fill" | "type" | "disabled" | "button" | "color" | "lines" | "mode" | "routerAnimation" | "href" | "rel" | "target" | "download" | "shape" | "counter" | "counterFormatter" | "detail" | "detailIcon" | "hidden" | "dir" | "slot" | "title" | "translate" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "label" | "icon" | "footer" | "header" | "key" | "labelTextType" | "headerTextType" | "labelPosition" | "footerTextType" | keyof import("@ionic/react/dist/types/components/IonicReactProps").IonicReactProps | "withBorderBottom" | "routerLink" | "routerDirection" | "routerOptions" | "withArrowRight"> & React.RefAttributes<HTMLIonItemElement>>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ComponentProps } from 'react';
|
|
2
2
|
import { IonItem } from '@ionic/react';
|
|
3
3
|
import { ITHTextType } from "../ITHText";
|
|
4
|
-
export
|
|
4
|
+
export type ITHItemProps = ComponentProps<typeof IonItem> & {
|
|
5
5
|
labelPosition?: 'start' | 'end';
|
|
6
6
|
label?: React.ReactNode;
|
|
7
7
|
labelTextType?: ITHTextType;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { ITHManualPopoverProps } from "../ITHManualPopover/ITHManualPopover.types";
|
|
3
|
-
export
|
|
3
|
+
export type ITHManualPopoverWrapperProps<T extends HTMLElement = HTMLDivElement> = Omit<ITHManualPopoverProps<T>, 'parentRef' | 'children' | 'opened'> & {
|
|
4
4
|
PopoverTriggerComponent: (props: {
|
|
5
5
|
onTriggerButtonClick: () => void;
|
|
6
6
|
openPopover: () => void;
|