master-components-react-ts 2.2.8 → 2.2.11

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.
File without changes
@@ -1,3 +1,3 @@
1
1
  import { FilterWithTagsProps } from './FilterWithTags.types';
2
- declare const FilterWithTags: ({ filterOptions, customOpenPopup, withSearch, onSearchChange, mainButtonProps, popupProps }: FilterWithTagsProps) => import("react/jsx-runtime").JSX.Element;
2
+ declare const FilterWithTags: ({ filterOptions, customOpenPopup, onApply, onClearAll, mainButtonProps, popupProps }: FilterWithTagsProps) => import("react/jsx-runtime").JSX.Element;
3
3
  export default FilterWithTags;
@@ -1,10 +1,25 @@
1
- import { ButtonProps } from '../MainButton/MainButton.types';
1
+ import { default as React } from 'react';
2
+ import { MainButtonProps } from '../MainButton/MainButton.types';
2
3
  import { PopupProps } from '../Popup/Popup.types';
4
+ export type Options = {
5
+ style?: React.CSSProperties;
6
+ component?: React.ComponentType<any> | React.FC<any>;
7
+ props?: any;
8
+ };
9
+ export type FilterOptions = {
10
+ title?: string;
11
+ style?: React.CSSProperties;
12
+ options: Options[];
13
+ };
3
14
  export interface FilterWithTagsProps {
4
- filterOptions: any[];
15
+ filterOptions: FilterOptions[];
5
16
  customOpenPopup?: boolean;
6
17
  withSearch?: boolean;
7
- onSearchChange?: (value: string) => void;
8
- mainButtonProps?: ButtonProps;
18
+ onApply?: () => void;
19
+ onClearAll?: () => void;
20
+ mainButtonProps?: MainButtonProps;
9
21
  popupProps?: PopupProps;
10
22
  }
23
+ export interface FilterContentProps {
24
+ filterOptions: FilterOptions[];
25
+ }
@@ -0,0 +1,3 @@
1
+ import { FilterContentProps } from '../FilterWithTags.types';
2
+ declare const FilterContent: ({ filterOptions }: FilterContentProps) => import("react/jsx-runtime").JSX.Element;
3
+ export default FilterContent;
@@ -1,6 +1,6 @@
1
- import { ButtonProps } from './MainButton.types';
1
+ import { MainButtonProps } from './MainButton.types';
2
2
  declare const MainButton: {
3
- ({ label, size, leftSlot, rightSlot, buttonSlot, type, colorType, buttonType, withFocus, customFocus, disabled, loading, spaceBetween, buttonStyle, mainButtonContentStyle, mainButtonLabelStyle, leftSlotStyle, rightSlotStyle, onClick, }: ButtonProps): import("react/jsx-runtime").JSX.Element;
3
+ ({ label, size, leftSlot, rightSlot, buttonSlot, type, colorType, buttonType, withFocus, customFocus, disabled, loading, spaceBetween, buttonStyle, mainButtonContentStyle, mainButtonLabelStyle, leftSlotStyle, rightSlotStyle, onClick, }: MainButtonProps): import("react/jsx-runtime").JSX.Element;
4
4
  propKeys: readonly ["label", "size", "leftSlot", "rightSlot", "buttonSlot", "type", "colorType", "buttonType", "withFocus", "customFocus", "disabled", "loading", "spaceBetween", "buttonStyle", "mainButtonContentStyle", "mainButtonLabelStyle", "leftSlotStyle", "rightSlotStyle", "onClick"];
5
5
  displayName: string;
6
6
  description: string;
@@ -1,6 +1,6 @@
1
1
  import { CSSProperties } from 'react';
2
2
  /**Button Component Props */
3
- export interface ButtonProps {
3
+ export interface MainButtonProps {
4
4
  label?: string;
5
5
  size?: 'md' | 'sm' | 'lg';
6
6
  leftSlot?: React.ReactNode;
@@ -1,6 +1,6 @@
1
1
  import { PopupProps } from './Popup.types';
2
2
  declare const Popup: {
3
- ({ visible, template, mode, children, onClickOutside, onClose, widthType, modalOverlayStyle, popupContainerStyle, templateWrapperStyle, popupHeaderStyle, popupTitleStyle, closeButtonStyle, }: PopupProps): false | import("react/jsx-runtime").JSX.Element | undefined;
3
+ ({ visible, template, mode, children, onClickOutside, onClose, widthType, modalOverlayStyle, popupContainerStyle, templateWrapperStyle, closeButtonStyle, }: PopupProps): false | import("react/jsx-runtime").JSX.Element | undefined;
4
4
  propKeys: readonly ["visible", "template", "mode", "children", "onClickOutside", "onClose", "widthType", "modalOverlayStyle", "popupContainerStyle", "templateWrapperStyle", "popupHeaderStyle", "popupTitleStyle", "closeButtonStyle"];
5
5
  displayName: string;
6
6
  description: string;
@@ -1,2 +1,8 @@
1
1
  import { TableProps } from './Table.types';
2
- export default function Table({ columns, data, onRowClick, onHeaderClick, sort, selectedRows, onSelectionChange, withSelectAll, actionButtonText, actionButtonIcon, onActionButtonClick, actionButtons, withColumnConfiguration, headerSlot, onColumnOrderChange, onColumnVisibilityChange, currentPage, totalPages, onPageChange, showPagination, rowsPerPage, rowsPerPageOptions, onRowsPerPageChange, totalItems, startItem, endItem, onRowEdit, onRowDelete, rowActions, }: TableProps): import("react/jsx-runtime").JSX.Element;
2
+ declare const Table: {
3
+ ({ columns, data, onRowClick, onHeaderClick, sort, selectedRows, onSelectionChange, withSelectAll, actionButtonText, actionButtonIcon, onActionButtonClick, actionButtons, withColumnConfiguration, headerSlot, onColumnOrderChange, onColumnVisibilityChange, withActions, currentPage, totalPages, onPageChange, showPagination, rowsPerPage, rowsPerPageOptions, onRowsPerPageChange, totalItems, startItem, endItem, onRowEdit, onRowDelete, rowActions, }: TableProps): import("react/jsx-runtime").JSX.Element;
4
+ propKeys: readonly ["columns", "data", "onRowClick", "onHeaderClick", "sort", "selectedRows", "onSelectionChange", "withSelectAll", "actionButtonText", "actionButtonIcon", "onActionButtonClick", "actionButtons", "withColumnConfiguration", "headerSlot", "onColumnOrderChange", "onColumnVisibilityChange", "currentPage", "totalPages", "onPageChange", "showPagination", "rowsPerPage", "rowsPerPageOptions", "onRowsPerPageChange", "totalItems", "startItem", "endItem", "onRowEdit", "onRowDelete", "rowActions"];
5
+ displayName: string;
6
+ description: string;
7
+ };
8
+ export default Table;
@@ -26,7 +26,10 @@ export interface TableProps {
26
26
  currentPage?: number;
27
27
  totalPages?: number;
28
28
  onPageChange?: (page: number) => void;
29
+ withActions?: boolean;
29
30
  showPagination?: boolean;
31
+ paginationType?: 'simple' | 'numbered';
32
+ maxVisiblePages?: number;
30
33
  rowsPerPage?: number;
31
34
  rowsPerPageOptions?: number[];
32
35
  onRowsPerPageChange?: (rowsPerPage: number) => void;
package/dist/index.d.ts CHANGED
@@ -1,20 +1,39 @@
1
1
  export { default as MainButton } from './components/MainButton/MainButton';
2
+ export type { MainButtonProps } from './components/MainButton/MainButton.types';
2
3
  export { default as FormInput } from './components/FormInput/FormInput';
4
+ export type { FormInputProps } from './components/FormInput/FormInput.types';
3
5
  export { default as Textarea } from './components/Textarea/Textarea';
6
+ export type { TextareaProps } from './components/Textarea/Textarea.types';
4
7
  export { default as Toggle } from './components/Toggle/Toggle';
8
+ export type { ToggleProps } from './components/Toggle/Toggle.types';
5
9
  export { default as Checkbox } from './components/Checkbox/CheckBox';
10
+ export type { CheckboxProps } from './components/Checkbox/Checkbox.types';
6
11
  export { default as Dropdown } from './components/Dropdown/DropDown';
12
+ export type { DropdownProps } from './components/Dropdown/DropDown.types';
7
13
  export { default as Radio } from './components/Radio/Radio';
14
+ export type { RadioProps } from './components/Radio/Radio.types';
8
15
  export { default as Tooltip } from './components/Tooltip/Tooltip';
16
+ export type { TooltipProps } from './components/Tooltip/Tooltip.types';
9
17
  export { default as Popup } from './components/Popup/Popup';
10
- export { default as createNotificationToast } from './components/NotificationToast/createNotificationToast';
18
+ export type { PopupProps } from './components/Popup/Popup.types';
11
19
  export { default as ToastProvider } from './components/NotificationToast/NotificationContext';
20
+ export { default as createNotificationToast } from './components/NotificationToast/createNotificationToast';
21
+ export type { NotificationToastProps } from './components/NotificationToast/NotificationToast.types';
12
22
  export { default as TimePicker } from './components/TimePicker/TimePicker';
23
+ export type { TimePickerProps } from './components/TimePicker/TimePicker.types';
13
24
  export { default as DatePicker } from './components/DatePicker/DatePicker';
25
+ export type { DatePickerProps } from './components/DatePicker/DatePicker.types';
14
26
  export { default as Skeleton } from './components/Skeleton/Skeleton';
27
+ export type { SkeletonProps } from './components/Skeleton/Skeleton.types';
15
28
  export { default as ActionDropdown } from './components/ActionDropdown/ActionDropdown';
29
+ export type { ActionDropdownProps } from './components/ActionDropdown/ActionDropdown.types';
16
30
  export { default as InlineLoading } from './components/InlineLoading/InlineLoading';
31
+ export type { InlineLoadingProps } from './components/InlineLoading/InlineLoading.types';
17
32
  export { default as Slider } from './components/Slider/Slider';
33
+ export type { SliderProps } from './components/Slider/Slider.types';
18
34
  export { default as TreeNode } from './components/TreeNode/TreeNode';
35
+ export type { TreeNodeProps } from './components/TreeNode/TreeNode.types';
19
36
  export { default as FilterWithTags } from './components/FilterWithTags/FilterWithTags';
37
+ export type { FilterWithTagsProps } from './components/FilterWithTags/FilterWithTags.types';
20
38
  export { default as Table } from './components/Table/Table';
39
+ export type { TableProps } from './components/Table/Table.types';