@purple/phoenix-components 5.14.0 → 5.14.1
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/dist/bundle.cjs.js +1 -1
- package/dist/bundle.cjs.js.map +1 -1
- package/dist/bundle.esm.js +15 -1
- package/dist/bundle.esm.js.map +1 -1
- package/dist/bundle.umd.js +1 -1
- package/dist/bundle.umd.js.map +1 -1
- package/dist/index.d.ts +25 -18
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -399,18 +399,6 @@ interface FormControlProps extends GenericComponentProps {
|
|
|
399
399
|
minimal?: boolean;
|
|
400
400
|
}
|
|
401
401
|
|
|
402
|
-
interface NumberInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'value' | 'onChange'>, FormControlProps {
|
|
403
|
-
value: number | null;
|
|
404
|
-
onChange: (value: number | null) => void;
|
|
405
|
-
numberFormatErrorMessage?: string;
|
|
406
|
-
maxDecimalCount?: number;
|
|
407
|
-
min?: number;
|
|
408
|
-
max?: number;
|
|
409
|
-
numberBelowMinErrorMessage?: string;
|
|
410
|
-
numberAboveMaxErrorMessage?: string;
|
|
411
|
-
}
|
|
412
|
-
declare const NumberInput: React$1.FC<NumberInputProps>;
|
|
413
|
-
|
|
414
402
|
interface CommonSelectProps<Option extends SelectOption = SelectOption, IsMulti extends boolean = false> extends FormControlProps {
|
|
415
403
|
name?: string;
|
|
416
404
|
options?: Option[];
|
|
@@ -425,6 +413,18 @@ interface SelectOption {
|
|
|
425
413
|
isDisabled?: boolean;
|
|
426
414
|
}
|
|
427
415
|
|
|
416
|
+
interface NumberInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'value' | 'onChange'>, FormControlProps {
|
|
417
|
+
value: number | null;
|
|
418
|
+
onChange: (value: number | null) => void;
|
|
419
|
+
numberFormatErrorMessage?: string;
|
|
420
|
+
maxDecimalCount?: number;
|
|
421
|
+
min?: number;
|
|
422
|
+
max?: number;
|
|
423
|
+
numberBelowMinErrorMessage?: string;
|
|
424
|
+
numberAboveMaxErrorMessage?: string;
|
|
425
|
+
}
|
|
426
|
+
declare const NumberInput: React$1.FC<NumberInputProps>;
|
|
427
|
+
|
|
428
428
|
interface SelectProps<Option extends SelectOption = SelectOption> extends CommonSelectProps<Option, false> {
|
|
429
429
|
onChange: (option: Option | null) => void;
|
|
430
430
|
value?: Option | null;
|
|
@@ -432,10 +432,6 @@ interface SelectProps<Option extends SelectOption = SelectOption> extends Common
|
|
|
432
432
|
}
|
|
433
433
|
declare const Select: <Option extends SelectOption = SelectOption>({ testId, useNativeSelectOnMobile, ...props }: SelectProps<Option>) => React$1.ReactElement;
|
|
434
434
|
|
|
435
|
-
interface Month {
|
|
436
|
-
value: number;
|
|
437
|
-
label: string;
|
|
438
|
-
}
|
|
439
435
|
interface InputLabels {
|
|
440
436
|
day: string;
|
|
441
437
|
month: string;
|
|
@@ -452,7 +448,7 @@ interface DateInputProps extends GenericComponentProps {
|
|
|
452
448
|
success?: boolean;
|
|
453
449
|
warning?: FormControlWarningType;
|
|
454
450
|
error?: FormControlErrorType;
|
|
455
|
-
months?: Array<
|
|
451
|
+
months?: Array<SelectOption>;
|
|
456
452
|
inputLabels?: InputLabels;
|
|
457
453
|
dateFormatError?: string;
|
|
458
454
|
locale?: 'eu' | 'us' | 'ja';
|
|
@@ -658,6 +654,17 @@ interface NoticeProps extends GenericComponentProps, MarginProps, PaddingProps {
|
|
|
658
654
|
}
|
|
659
655
|
declare const Notice: React$1.FC<PropsWithChildren<NoticeProps>>;
|
|
660
656
|
|
|
657
|
+
interface PaginationProps extends GenericComponentProps, MarginProps {
|
|
658
|
+
onChange: (page: number) => void;
|
|
659
|
+
totalPages: number;
|
|
660
|
+
page: number;
|
|
661
|
+
previousLabel?: string | null;
|
|
662
|
+
nextLabel?: string | null;
|
|
663
|
+
colorTheme?: ColorTheme;
|
|
664
|
+
size?: Sizing;
|
|
665
|
+
}
|
|
666
|
+
declare const Pagination: React$1.FC<PaginationProps>;
|
|
667
|
+
|
|
661
668
|
interface ParagraphProps extends CommonTextProps<HTMLParagraphElement>, PaddingProps, MarginProps {
|
|
662
669
|
lineHeight?: Sizing | CSSValue;
|
|
663
670
|
}
|
|
@@ -1910,4 +1917,4 @@ interface BoxShadowObj {
|
|
|
1910
1917
|
}
|
|
1911
1918
|
declare const getBoxShadow: (shadow: BoxShadowObj | BoxShadowObj[]) => string;
|
|
1912
1919
|
|
|
1913
|
-
export { Box, BoxProps, Button, ButtonGroup, ButtonGroupProps, ButtonProps, Card, CardProps, Checkbox, CheckboxProps, ClosableButton, ClosableButtonProps, ClosableItem, ClosableItemProps, Collapsible, CollapsibleCard, CollapsibleCardProps, CollapsibleProps, Color, ColorAndTheme, ColorTheme, DateInput, DateInputProps, DatePicker, DatePickerProps, DateRangePicker, DateRangePickerProps, DateRangeValue, DateValue, Dropdown, DropdownProps, FileUpload, FileUploadProps, FileWithPreview, Flex, GlobalStyles, Grid, Heading, HeadingElement, HeadingProps, HorizontalDivider, HorizontalDividerProps, Icon, IconAlignment, IconProps, IconType, Image, ImageProps, Label, LabelProps, Link, LinkButton, LinkButtonProps, LinkProps, List, ListItem, ListItemProps, ListProps, Menu, MenuItem, MenuItemProps, MenuProps, Modal, ModalProps, MultiSelect, MultiSelectProps, MultiSlider, MultiSliderProps, MultiSliderValue, Notice, NoticeProps, NumberInput, NumberInputProps, Paragraph, ParagraphProps, PasswordInput, PasswordStrength, PasswordStrengthProps, PhoenixIcons, PhoenixIconsColored, PhoenixIconsColoredSrc, PhoenixIconsOutlined, PhoenixIconsOutlinedSrc, PhoenixIconsSrc, ProgressBar, ProgressBarProps, Radio, RadioProps, Select, SelectNative, SelectNativeProps, SelectOption, SelectPicker, SelectPickerOption, SelectPickerProps, SelectProps, Sizing, SizingMdLg, SizingSmMd, SizingSmMdLg, Slider, SliderProps, SliderValue, Spacing, Spinner, SpinnerProps, Tab, TabFunctionProps, TabList, TabListProps, TabProps, Tabs, TabsProps, Tag, TagProps, Text, TextArea, TextAreaProps, TextColor, TextInput, TextInputProps, TextProps, prefixedTheme as Theme, TimezonePicker, TimezonePickerProps, Toggle, ToggleProps, Tooltip, TooltipProps, getBoxShadow, getLineHeightUnitless, getSpacingCssValue, getTextColor, getOptions as getTimezoneOptions, getUnitlessNumber, isColorTheme, isSizing, isSpacing, isTextColor };
|
|
1920
|
+
export { Box, BoxProps, Button, ButtonGroup, ButtonGroupProps, ButtonProps, Card, CardProps, Checkbox, CheckboxProps, ClosableButton, ClosableButtonProps, ClosableItem, ClosableItemProps, Collapsible, CollapsibleCard, CollapsibleCardProps, CollapsibleProps, Color, ColorAndTheme, ColorTheme, DateInput, DateInputProps, DatePicker, DatePickerProps, DateRangePicker, DateRangePickerProps, DateRangeValue, DateValue, Dropdown, DropdownProps, FileUpload, FileUploadProps, FileWithPreview, Flex, GlobalStyles, Grid, Heading, HeadingElement, HeadingProps, HorizontalDivider, HorizontalDividerProps, Icon, IconAlignment, IconProps, IconType, Image, ImageProps, Label, LabelProps, Link, LinkButton, LinkButtonProps, LinkProps, List, ListItem, ListItemProps, ListProps, Menu, MenuItem, MenuItemProps, MenuProps, Modal, ModalProps, MultiSelect, MultiSelectProps, MultiSlider, MultiSliderProps, MultiSliderValue, Notice, NoticeProps, NumberInput, NumberInputProps, Pagination, PaginationProps, Paragraph, ParagraphProps, PasswordInput, PasswordStrength, PasswordStrengthProps, PhoenixIcons, PhoenixIconsColored, PhoenixIconsColoredSrc, PhoenixIconsOutlined, PhoenixIconsOutlinedSrc, PhoenixIconsSrc, ProgressBar, ProgressBarProps, Radio, RadioProps, Select, SelectNative, SelectNativeProps, SelectOption, SelectPicker, SelectPickerOption, SelectPickerProps, SelectProps, Sizing, SizingMdLg, SizingSmMd, SizingSmMdLg, Slider, SliderProps, SliderValue, Spacing, Spinner, SpinnerProps, Tab, TabFunctionProps, TabList, TabListProps, TabProps, Tabs, TabsProps, Tag, TagProps, Text, TextArea, TextAreaProps, TextColor, TextInput, TextInputProps, TextProps, prefixedTheme as Theme, TimezonePicker, TimezonePickerProps, Toggle, ToggleProps, Tooltip, TooltipProps, getBoxShadow, getLineHeightUnitless, getSpacingCssValue, getTextColor, getOptions as getTimezoneOptions, getUnitlessNumber, isColorTheme, isSizing, isSpacing, isTextColor };
|