@edvisor/product-language 0.4.2 → 0.5.0

package/lib/components/checkbox/checkbox.d.ts

@@ -3,6 +3,7 @@ import { FC } from '@helpers';
 export interface ICheckboxProps {
     disabled?: boolean;
     checked?: boolean;
+    indeterminate?: boolean;
     error?: boolean;
     className?: string;
 }

package/lib/components/checkbox/helpers.d.ts

@@ -1,12 +1,12 @@
-export declare const getHoverStyles: () => import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
+export declare const getHoverStyles: (indeterminate: boolean) => import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
     checked?: boolean | undefined;
 }, any>>;
-export declare const getDisabledStyles: () => import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
+export declare const getDisabledStyles: (indeterminate: boolean) => import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
     checked?: boolean | undefined;
 }, any>>;
-export declare const getDefaultStyles: () => import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
+export declare const getDefaultStyles: (indeterminate: boolean) => import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
     checked?: boolean | undefined;
 }, any>>;
-export declare const getInvalidStyles: () => import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
+export declare const getInvalidStyles: (indeterminate: boolean) => import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
     checked?: boolean | undefined;
 }, any>>;

package/lib/components/index.d.ts

@@ -14,5 +14,6 @@ export * from './icon';
 export * from './flag';
 export * from './spinner';
 export * from './select';
+export * from './tree-view';
 export * from './molecules';
 export * from './organisms';

package/lib/components/molecules/input-checkbox/input-checkbox.d.ts

@@ -3,6 +3,5 @@ import { FC } from '@helpers';
 export declare type IInputCheckboxProps = InputHTMLAttributes<HTMLInputElement> & {
     label: string;
     error?: boolean;
-    onChange?: (change: boolean) => void;
 };
 export declare const InputCheckbox: FC<IInputCheckboxProps>;

package/lib/components/select/components/menu-list.d.ts

@@ -0,0 +1,3 @@
+import { FC } from '@helpers';
+import { IMenuComponentProps } from '../types';
+export declare const MenuList: FC<IMenuComponentProps>;

package/lib/components/select/components/option.d.ts

@@ -5,6 +5,9 @@ interface IOptionItemProps {
     selected?: IOptionComponentProps['selected'];
     height?: IOptionComponentProps['height'];
 }
-export declare const OptionItem: import("styled-components").StyledComponent<"div", any, IOptionItemProps, never>;
+export declare const OptionItem: import("styled-components").StyledComponent<"div", any, {
+    column?: boolean | undefined;
+    center?: boolean | undefined;
+} & IOptionItemProps, never>;
 export declare const OptionComponent: import("react").MemoExoticComponent<(props: IOptionComponentProps) => JSX.Element>;
 export {};

package/lib/components/select/index.d.ts

@@ -1 +1,3 @@
 export * from './select';
+export * from './components/menu-list';
+export { IOption } from './types';

package/lib/components/select/select.d.ts

@@ -1,9 +1,10 @@
 /// <reference types="react" />
 import { PropsWithChildren } from '@helpers';
 import { ISelectProps } from './types';
-export declare const SelectImpl: <T>(props: ISelectProps<T>, ref: React.ForwardedRef<HTMLDivElement>) => JSX.Element;
+declare const SelectImpl: <T>(props: ISelectProps<T>, selectRef: React.ForwardedRef<HTMLDivElement>) => JSX.Element;
 export declare const Select: <T>(props: ISelectProps<T> & {
     children?: import("react").ReactNode;
 } & {
     ref?: import("react").ForwardedRef<HTMLDivElement> | undefined;
 }) => ReturnType<typeof SelectImpl>;
+export {};

package/lib/components/select/types.d.ts

@@ -17,6 +17,7 @@ export interface ISelectProps<T = any> {
     rowHeight?: number;
     menuHeight?: number;
     menuPosition?: 'top' | 'bottom';
+    menuTitle?: string;
     label?: string;
     labelPosition?: 'top' | 'side';
     labelComponent?: FC<LabelComponentProps<T>>;
@@ -62,12 +63,6 @@ export interface IMenuContainerProps {
     onClick?(el: React.MouseEvent<HTMLDivElement>): void;
 }
 declare type RectSize = number | 'auto';
-export interface IRect {
-    left: number;
-    top: number;
-    width: RectSize;
-    height: RectSize;
-}
 export interface IValueComponentMultiProps<T = any> extends IValueComponentSingleProps<T> {
     options: IOption<T>[];
     onRemove(value: T): void;
@@ -113,6 +108,7 @@ export interface IMenuComponentProps<T = any> {
     search?: string;
     labelPosition?: string;
     label?: string;
+    menuTitle?: string;
     onSelect(value: T extends any[] ? T[] : T, option?: T): void;
 }
 export interface IPosition {
@@ -121,4 +117,16 @@ export interface IPosition {
     label?: string;
     labelPosition?: string;
 }
+export declare const DEFAULT_ROW_HEIGHT = 44;
+export declare const DEFAULT_MENU_HEIGHT = 190;
+export declare const DEFAULT_EMPTY_TEXT = "No results found";
+export declare const DEFAULT_PLACEHOLDER = "Select Something";
+export declare const enum menuPositionType {
+    TOP = "top",
+    BOTTOM = "bottom"
+}
+export declare const enum labelPositionType {
+    TOP = "top",
+    SIDE = "side"
+}
 export {};

package/lib/components/tree-view/components/tree-node.d.ts

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

package/lib/components/tree-view/helper.d.ts

@@ -0,0 +1,12 @@
+import { INode, IFlattenNode, CheckboxState } from './types';
+export declare const flattenNodes: (flattenList: IFlattenNode[], nodes: INode[], parent?: INode, depth?: number) => void;
+export declare const getNode: (nodes: IFlattenNode[], value: string) => IFlattenNode | undefined;
+export declare const deserializeList: (flatNodes: IFlattenNode[], lists: {
+    checked: string[];
+    expanded: string[];
+}) => void;
+export declare const serializeList: (flatNodes: IFlattenNode[], key: string) => string[];
+export declare const expandAllNodes: (flatNodes: IFlattenNode[], expand: boolean) => void;
+export declare const toggleChecked: (flatNodes: IFlattenNode[], node: INode, isChecked: boolean) => void;
+export declare const toggleNode: (flatNodes: IFlattenNode[], nodeValue: string, key: string, toggleValue: boolean) => void;
+export declare const getNodeCheckState: (flattenNodeList: IFlattenNode[], node: INode) => CheckboxState;

package/lib/components/tree-view/index.d.ts

@@ -0,0 +1,2 @@
+export * from './tree-view';
+export { INode, ICheckNode, IExpandNode } from './types';

package/lib/components/tree-view/tree-view.d.ts

@@ -0,0 +1,3 @@
+import { FC, PropsWithChildren } from '@helpers';
+import { ITreeViewProps } from './types';
+export declare const TreeView: FC<PropsWithChildren<ITreeViewProps>>;

package/lib/components/tree-view/types.d.ts

@@ -0,0 +1,62 @@
+import { ReactNode } from 'react';
+export interface INode {
+    label: string;
+    value: string;
+    helpfulMessage?: string;
+    disabled?: boolean;
+    invalid?: boolean;
+    children?: INode[];
+}
+export interface IFlattenNode extends INode {
+    parent?: INode;
+    isChild: boolean;
+    isParent: boolean;
+    isLeaf: boolean;
+    treeDepth: number;
+    index: number;
+    checked: boolean;
+    checkState: number;
+    expanded: boolean;
+}
+export interface ITreeViewProps {
+    checkedList: string[];
+    nodes: INode[];
+    expanded?: string[];
+    className?: string;
+    title?: string;
+    showChildCount?: boolean;
+    expandDisabled?: boolean;
+    onCheck: (checked: string[], node?: ICheckNode) => void;
+    onClick?: (node: ICheckNode) => void;
+    onExpand?: (expanded: string[], node?: IExpandNode) => void;
+}
+export interface ITreeNode {
+    checkState: number;
+    disabled: boolean;
+    expanded: boolean;
+    isParent: boolean;
+    isLeaf: boolean;
+    expandDisabled: boolean;
+    label: string;
+    value: string;
+    children: ReactNode;
+    treeId: string;
+    invalid: boolean;
+    childCount: number;
+    showChildCount: boolean;
+    helpfulMessage?: string;
+    onCheck: (node: ICheckNode) => void;
+    onClick: (node: ICheckNode) => void;
+    onExpand: (node: IExpandNode) => void;
+}
+export interface ICheckNode extends INode {
+    checked: boolean;
+}
+export interface IExpandNode extends INode {
+    expanded: boolean;
+}
+export declare enum CheckboxState {
+    UNCHECKED = 0,
+    CHECKED = 1,
+    INDETERMINATE = 2
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edvisor/product-language",
-  "version": "0.4.2",
+  "version": "0.5.0",
   "license": "MIT",
   "description": "Edvisor.io product-language components",
   "repository": "https://github.com/edvisor-io/front-end/",