master-components-react-ts 2.2.5 → 2.2.6

package/dist/components/Dropdown/DropDown.d.ts

@@ -1,6 +1,6 @@
 import { DropdownProps } from './DropDown.types';
 declare const Dropdown: {
-    ({ data, withFilter, withClose, disableAll, withMultiselect, selectedOptionID, withInput, dropdownType, onSelect, onFocus, onBlur, onValueChange, customInputSlot, dropdownWrapperStyle, dropdownInputWrapperStyle, dropdownInputSlotStyle, dropdownInputSlotItemStyle, dropdownInputSlotItemLabelStyle, dropdownInputSlotItemCloseStyle, dropdownInputSlotItemMoreStyle, dropdownItemStyle, dropdownItemLabelStyle, itemCheckboxStyle, dropdownItemLabelTextStyle, dropdownListStyle, ...rest }: DropdownProps): import("react/jsx-runtime").JSX.Element;
+    ({ data, withFilter, withClose, disableAll, withMultiselect, selectedOptionID, withInput, withTree, withSelectAll, dropdownType, onSelect, onFocus, onBlur, onValueChange, customInputSlot, dropdownWrapperStyle, dropdownInputWrapperStyle, dropdownInputSlotStyle, dropdownInputSlotItemStyle, dropdownInputSlotItemLabelStyle, dropdownInputSlotItemCloseStyle, dropdownInputSlotItemMoreStyle, dropdownItemStyle, dropdownItemLabelStyle, itemCheckboxStyle, dropdownItemLabelTextStyle, dropdownListStyle, treeProps, ...rest }: DropdownProps): import("react/jsx-runtime").JSX.Element;
     propKeys: readonly ["data", "withFilter", "withClose", "disableAll", "withMultiselect", "selectedOptionID", "withInput", "dropdownType", "onSelect", "onFocus", "onBlur", "onValueChange", "customInputSlot", "dropdownWrapperStyle", "dropdownInputWrapperStyle", "dropdownInputSlotStyle", "dropdownInputSlotItemStyle", "dropdownInputSlotItemLabelStyle", "dropdownInputSlotItemCloseStyle", "dropdownInputSlotItemMoreStyle", "dropdownItemStyle", "dropdownItemLabelStyle", "itemCheckboxStyle", "dropdownItemLabelTextStyle", "dropdownListStyle"];
     displayName: string;
     description: string;

package/dist/components/Dropdown/DropDown.types.d.ts

@@ -1,4 +1,5 @@
 import { FormInputProps } from '../FormInput/FormInput.types';
+import { TreeNodeProps } from '../TreeNode/TreeNode.types';
 type DropdownItem = {
     id: string | number;
     label: string;
@@ -8,7 +9,7 @@ type DropdownItem = {
     [key: string]: any;
 };
 export interface DropdownProps extends FormInputProps {
-    data: DropdownItem[];
+    data?: DropdownItem[];
     withFilter?: boolean;
     withClose?: boolean;
     disableAll?: boolean;
@@ -16,6 +17,8 @@ export interface DropdownProps extends FormInputProps {
     selectedOptionID?: string | number;
     withInput?: boolean;
     dropdownType?: 'country' | 'currency';
+    withTree?: boolean;
+    withSelectAll?: boolean;
     customInputSlot?: React.ReactNode;
     dropdownWrapperStyle?: React.CSSProperties;
     dropdownInputWrapperStyle?: React.CSSProperties;
@@ -33,5 +36,6 @@ export interface DropdownProps extends FormInputProps {
     onFocus?: () => void;
     onBlur?: () => void;
     onValueChange?: (value: string) => void;
+    treeProps?: TreeNodeProps;
 }
 export {};

package/dist/components/FilterWithTags/FilterWithTags.d.ts

@@ -0,0 +1,2 @@
+declare const FilterWithTags: () => import("react/jsx-runtime").JSX.Element;
+export default FilterWithTags;

package/dist/components/TreeNode/TreeNode.d.ts

@@ -0,0 +1,3 @@
+import { TreeNodeProps } from './TreeNode.types';
+declare const TreeNode: React.FC<TreeNodeProps>;
+export default TreeNode;

package/dist/components/TreeNode/TreeNode.types.d.ts

@@ -0,0 +1,49 @@
+import { CSSProperties } from 'react';
+import { CheckboxProps } from '../Checkbox/Checkbox.types';
+export type TreeNodeData = {
+    id: string | number;
+    label: string;
+    children?: TreeNodeData[];
+    customLabel?: React.ReactNode | ((item: any) => React.ReactNode);
+    selected?: boolean;
+    disabled?: boolean;
+    [key: string]: any;
+};
+export interface TreeNodeProps {
+    data?: TreeNodeData[];
+    defaultCollapsed?: boolean;
+    checkboxProps?: CheckboxProps;
+    onCollapse?: (collapsed: boolean, node: TreeNodeData) => void;
+    onSelect?: (selectedNodes: TreeNodeData[]) => void;
+    fromDropdown?: boolean;
+    withSelectAll?: boolean;
+    withClearAll?: boolean;
+    expandedNodes?: TreeNodeData[];
+    SearchValue?: string;
+    SelectedData?: TreeNodeData[];
+    treeContainerStyle?: CSSProperties;
+    treeNodeItemStyle?: CSSProperties;
+    treeFooterStyle?: CSSProperties;
+    treeFooterTextStyle?: CSSProperties;
+    treeNodeStyle?: CSSProperties;
+    labelRowStyle?: CSSProperties;
+    collapseToggleStyle?: CSSProperties;
+}
+export interface TreeNodeItemProps {
+    node: TreeNodeData;
+    onSelect: (id: string | number, selected: boolean) => void;
+    defaultCollapsed?: boolean;
+    checkboxProps?: CheckboxProps;
+    onCollapse?: (collapsed: boolean, node: TreeNodeData) => void;
+    depth: number;
+    expandedNodes?: TreeNodeData[];
+    SearchValue?: string;
+    SelectedData?: TreeNodeData[];
+    treeContainerStyle?: CSSProperties;
+    treeNodeItemStyle?: CSSProperties;
+    treeFooterStyle?: CSSProperties;
+    treeFooterTextStyle?: CSSProperties;
+    treeNodeStyle?: CSSProperties;
+    labelRowStyle?: CSSProperties;
+    collapseToggleStyle?: CSSProperties;
+}

package/dist/index.d.ts

@@ -15,3 +15,5 @@ export { default as Skeleton } from './components/Skeleton/Skeleton';
 export { default as ActionDropdown } from './components/ActionDropdown/ActionDropdown';
 export { default as InlineLoading } from './components/InlineLoading/InlineLoading';
 export { default as Slider } from './components/Slider/Slider';
+export { default as TreeNode } from './components/TreeNode/TreeNode';
+export { default as FilterWithTags } from './components/FilterWithTags/FilterWithTags';