@bigbinary/neetoui 6.5.10 → 6.5.11-beta.1

package/types/Tab.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+
+export type TabProps = {
+  size?: "large" | "small";
+  noUnderline?: boolean;
+  className?: string;
+} & React.DetailedHTMLProps<
+  React.HTMLAttributes<HTMLDivElement>,
+  HTMLDivElement
+> & { [key: string]: any };
+
+export type TabItemProps<S> = {
+  active?: boolean;
+  className?: string;
+  icon?: string | any;
+  onClick?: () => void;
+  activeClassName?: string;
+  [key: string]: any;
+};
+
+const Tab: React.FC<TabProps> & {
+  Item: React.FC<TabItemProps<any>>;
+};
+export default Tab;

package/types/Table.d.ts

@@ -0,0 +1,41 @@
+import React from "react";
+
+export interface TableProps {
+  rowData: any[];
+  columnData: any[];
+  allowRowClick?: boolean;
+  className?: string;
+  currentPageNumber?: number;
+  defaultPageSize?: number;
+  handlePageChange?: (page: number, pageSize: number) => void;
+  loading?: boolean;
+  onRowClick?: (
+    event: React.MouseEvent<any, MouseEvent>,
+    record: any,
+    rowIndex: number
+  ) => void;
+  onRowSelect?: (selectedRowKeys: React.Key[], selectedRows: any[]) => void;
+  totalCount?: number;
+  selectedRowKeys?: React.Key[];
+  fixedHeight?: boolean;
+  paginationProps?: any;
+  scroll?: {
+    x?: string | number | true;
+    y?: string | number;
+    scrollToFirstRowOnChange?: boolean;
+  };
+  rowSelection?: any;
+  shouldDynamicallyRenderRowSize?: boolean;
+  enableColumnResize?: boolean;
+  enableColumnReorder?: boolean;
+  enableAddColumn?: boolean;
+  onColumnUpdate?: (columns: any[]) => void;
+  onColumnAdd?: (position: number) => void;
+  onColumnDelete?: (key: string) => void;
+  preserveTableStateInQuery?: boolean;
+  onColumnHide?: (columnKey: string) => void;
+  onMoreActionClick?: (actionType: string, column: any) => void;
+  [key: string]: any;
+}
+const Table: React.FC<TableProps>;
+export default Table;

package/types/Tag.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+
+export interface TagProps {
+  icon?: string | any;
+  size?: "small" | "large";
+  label?: string;
+  type?: "outline" | "solid";
+  onClose?: () => void;
+  disabled?: boolean;
+  className?: string;
+  style?: "success" | "warning" | "danger" | "primary" | "secondary" | "info";
+  indicatorStyle?:
+    | "success"
+    | "warning"
+    | "danger"
+    | "primary"
+    | "secondary"
+    | "info";
+  /** @deprecated Prop deprecated. Use `style` prop instead*/
+  color?: string;
+  /** @deprecated Prop deprecated. Use `indicatorStyle` prop instead*/
+  indicatorColor?: string;
+  children?: string;
+}
+
+const Tag: React.FC<TagProps>;
+export default Tag;

package/types/Textarea.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+import { LabelProps } from "./Label";
+
+export type TextareaProps = {
+  rows?: number;
+  disabled?: boolean;
+  required?: boolean;
+  nakedTextarea?: boolean;
+  helpText?: string;
+  error?: string;
+  label?: string;
+  className?: string;
+  maxLength?: number;
+  labelProps?: LabelProps;
+  unlimitedChars: boolean;
+} & React.DetailedHTMLProps<
+  React.TextareaHTMLAttributes<HTMLTextAreaElement>,
+  HTMLTextAreaElement
+> & { [key: string]: any };
+
+const Textarea: React.ForwardRefExoticComponent<TextareaProps>;
+export default Textarea;

package/types/TimePicker.d.ts

@@ -0,0 +1,28 @@
+import React from "react";
+import { LabelProps } from "./Label";
+
+export type TimePickerProps = {
+  className?: string;
+  label?: string;
+  format?: string;
+  size?: "small" | "medium" | "large";
+  interval?: {
+    hourStep: number;
+    minuteStep: number;
+    secondStep: number;
+  };
+  onChange?: (value: string) => void;
+  type?: "time" | "range";
+  nakedInput?: boolean;
+  disabled?: boolean;
+  error?: string;
+  defaultValue?: any;
+  value?: any;
+  id?: string;
+  labelProps?: LabelProps;
+  required: boolean;
+  [key: string]: any;
+};
+
+const TimePicker: React.FC<TimePickerProps>;
+export default TimePicker;

package/types/TimePickerInput.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+import { Dayjs } from "dayjs";
+
+export type TimePickerInputProps = {
+  label?: string;
+  value?: string | Dayjs;
+  defaultValue?: string | Dayjs;
+  onChange?: (date: Dayjs, value: string) => void;
+  labelProps?: object;
+  className?: string;
+  error?: string;
+  required?: boolean;
+  onBlur?: (date: Dayjs, value: string) => void;
+  clearIcon?: string | Function | React.ReactNode;
+  disabled?: boolean;
+  type?: "range" | "date";
+  minTime?: string;
+  maxTime?: string;
+};
+
+const TimePickerInput: React.FC<TimePickerInputProps>;
+export default TimePickerInput;

package/types/Toastr.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+
+type ToastrFunction = (
+  message: React.ReactNode,
+  buttonLabel?: React.ReactNode,
+  onClick?: () => void
+) => void;
+
+const Toastr: {
+  show: ToastrFunction;
+  info: ToastrFunction;
+  success: ToastrFunction;
+  error: (
+    message: React.ReactNode | Error,
+    buttonLabel?: React.ReactNode,
+    onClick?: () => void
+  ) => void;
+  warning: ToastrFunction;
+};
+export default Toastr;

package/types/Tooltip.d.ts

@@ -0,0 +1,31 @@
+import React from "react";
+
+export interface TooltipProps {
+  content: React.ReactNode;
+  theme?: "dark" | "light";
+  disabled?: boolean;
+  position?:
+    | "auto"
+    | "auto-start"
+    | "auto-end"
+    | "top"
+    | "bottom"
+    | "right"
+    | "left"
+    | "auto"
+    | "top-start"
+    | "top-end"
+    | "bottom-start"
+    | "bottom-end"
+    | "right-start"
+    | "right-end"
+    | "left-start"
+    | "left-end";
+  interactive?: boolean;
+  hideAfter?: number;
+  hideOnTargetExit?: boolean;
+  [key: string]: any;
+}
+
+const Tooltip: React.ForwardRefExoticComponent<TooltipProps>;
+export default Tooltip;

package/types/Tree.d.ts

@@ -0,0 +1,62 @@
+import React from "react";
+import { DataNode, AntTreeNodeProps } from "antd";
+
+export type TreeProps = {
+  className?: string;
+  allowDrop?: boolean;
+  autoExpandParent?: boolean;
+  blockNode: boolean;
+  checkable: boolean;
+  checkedKeys: string[] | { checked: string[]; halfChecked: string[] };
+  checkStrictly: boolean;
+  defaultCheckedKeys: string[];
+  defaultExpandAll: boolean;
+  defaultExpandedKeys: string[];
+  defaultExpandParent: boolean;
+  defaultSelectedKeys: string[];
+  disabled: boolean;
+  draggable:
+    | boolean
+    | ((node: DataNode) => boolean)
+    | {
+        icon?: React.ReactNode | false;
+        nodeDraggable?: (node: DataNode) => boolean;
+      };
+  expandedKeys: string[];
+  fieldNames: object;
+  filterTreeNode: Function;
+  height: number;
+  icon: ReactNode;
+  loadData: Function;
+  loadedKeys: string[];
+  multiple: boolean;
+  selectable: boolean;
+  selectedKeys: string[];
+  showIcon: boolean;
+  showLine:
+    | boolean
+    | {
+        showLeafIcon:
+          | boolean
+          | ReactNode
+          | ((props: AntTreeNodeProps) => ReactNode);
+      };
+  switcherIcon: ReactNode | ((props: AntTreeNodeProps) => ReactNode);
+  titleRender: Function;
+  treeData: array<{ key; title; children; [disabled, selectable] }>;
+  virtual: boolean;
+  onCheck: Function;
+  onDragEnd: Function;
+  onDragEnter: Function;
+  onDragLeave: Function;
+  onDragOver: Function;
+  onDragStart: Function;
+  onDrop: Function;
+  onExpand: Function;
+  onLoad: Function;
+  onRightClick: Function;
+  onSelect: Function;
+};
+
+export const Tree: React.FC<TreeProps>;
+export default Tree;

package/types/TreeSelect.d.ts

@@ -0,0 +1,40 @@
+import React from "react";
+
+type TreeItemNested = {
+  label: string;
+  value: string;
+  disabled: Boolean;
+  children: Array<TreeItemNested>;
+};
+
+type TreeItem = {
+  id: string;
+  label: string;
+  value: string;
+  disabled: Boolean;
+  pId: string;
+};
+
+export type TreeSelectProps = {
+  allowClear?: Boolean;
+  className?: string;
+  disabled?: Boolean;
+  error?: string;
+  fieldNames?: { label?: string; value?: string };
+  label?: string;
+  onChange: (value: string) => void;
+  onSearch?: (searchValue: string) => void;
+  placeholder?: string;
+  required?: Boolean;
+  searchValue?: string;
+  showSearch?: Boolean;
+  size?: "small" | "middle" | "large";
+  suffixIcon?: React.ReactNode;
+  switcherIcon?: React.ReactNode;
+  treeDataSimpleMode?: Boolean;
+  value: string;
+  treeData: Array<TreeItemNested> | Array<TreeItem>;
+};
+
+const TreeSelect: React.FC<TreeSelectProps>;
+export default TreeSelect;

package/types/Typography.d.ts

@@ -0,0 +1,64 @@
+import React from "react";
+
+export type TypographyProps = {
+  style?:
+    | "h1"
+    | "h2"
+    | "h3"
+    | "h4"
+    | "h5"
+    | "h6"
+    | "body1"
+    | "body2"
+    | "body3"
+    | "nano";
+  weight?:
+    | "thin"
+    | "extralight"
+    | "light"
+    | "normal"
+    | "medium"
+    | "semibold"
+    | "bold"
+    | "extrabold"
+    | "black";
+  lineHeight?: "none" | "tight" | "snug" | "normal" | "relaxed" | "loose";
+  component?:
+    | "h1"
+    | "h2"
+    | "h3"
+    | "h4"
+    | "h5"
+    | "h6"
+    | "p"
+    | "span"
+    | "b"
+    | "strong"
+    | "i"
+    | "em"
+    | "mark"
+    | "del"
+    | "s"
+    | "ins"
+    | "sub"
+    | "sup"
+    | "u"
+    | "code"
+    | "blockquote";
+  textTransform?:
+    | "none"
+    | "capitalize"
+    | "uppercase"
+    | "lowercase"
+    | "fullwidth"
+    | "inherit"
+    | "initial"
+    | "revert"
+    | "unset";
+  className?: string;
+} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & {
+    [key: string]: any;
+  };
+
+const Typography: React.ForwardRefExoticComponent<TypographyProps>;
+export default Typography;

package/types/formik/ActionBlock.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { ButtonProps } from "../Button";
+
+export interface ActionBlockProps {
+  className?: string;
+  submitButtonProps?: ButtonProps;
+  cancelButtonProps?: ButtonProps;
+  isSubmitting?: boolean;
+}
+const ActionBlock: React.FC<ActionBlockProps>;
+export default ActionBlock;

package/types/formik/BlockNavigation.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { AlertProps } from "../Alert";
+
+export interface BlockNavigationProps {
+  isDirty?: boolean;
+}
+
+const BlockNavigation: React.FC<BlockNavigationProps & Partial<AlertProps>>;
+export default BlockNavigation;

package/types/formik/Button.d.ts

@@ -0,0 +1 @@
+export { default } from "../Button";

package/types/formik/Checkbox.d.ts

@@ -0,0 +1 @@
+export { default } from "../Checkbox";

package/types/formik/Form.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { FormikProps } from "formik";
+
+export interface Form {
+  className?: string;
+  children: React.ReactNode | ((props: FormikProps<any>) => React.ReactNode);
+  formikProps: { [key: string]: any };
+  formProps?: { [key: string]: any };
+  scrollToErrorField?: boolean;
+}
+
+const Form: React.FC<Form>;
+export default Form;

package/types/formik/Input.d.ts

@@ -0,0 +1 @@
+export { default } from "../Input";

package/types/formik/MultiEmailInput.d.ts

@@ -0,0 +1 @@
+export { default } from "../MultiEmailInput";

package/types/formik/Radio.d.ts

@@ -0,0 +1 @@
+export { default } from "../Radio";

package/types/formik/Select.d.ts

@@ -0,0 +1 @@
+export { default } from "../Select";

package/types/formik/Slider.d.ts

@@ -0,0 +1 @@
+export { default } from "../Slider";

package/types/formik/Switch.d.ts

@@ -0,0 +1 @@
+export { default } from "../Switch";

package/types/formik/Textarea.d.ts

@@ -0,0 +1 @@
+export { default } from "../Textarea";

package/types/formik/TreeSelect.d.ts

@@ -0,0 +1 @@
+export { default } from "../TreeSelect";