fone-design-system_v2 1.0.25 → 1.0.26

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.
@@ -5,7 +5,7 @@ interface Props<T extends object = any> {
5
5
  isHover: boolean;
6
6
  setTableData: React.Dispatch<React.SetStateAction<T[]>>;
7
7
  setRowSelection: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;
8
- isSelected?: boolean;
8
+ isSelected: boolean;
9
9
  setCurrentEditingCell: React.Dispatch<React.SetStateAction<{
10
10
  rowIndex: number;
11
11
  columnId: string;
@@ -14,5 +14,5 @@ interface Props<T extends object = any> {
14
14
  radio: boolean;
15
15
  isClicked: boolean;
16
16
  }
17
- declare const CellModal: <T extends object>({ cell, isHover, setTableData, setRowSelection, setCurrentEditingCell, radio, isClicked, }: Props) => import("react/jsx-runtime").JSX.Element;
17
+ declare const CellModal: <T extends object>({ cell, isHover, setTableData, setRowSelection, setCurrentEditingCell, radio, isClicked, isSelected, }: Props) => import("react/jsx-runtime").JSX.Element;
18
18
  export default CellModal;
@@ -1,37 +1,39 @@
1
1
  import { default as React } from 'react';
2
+ import { ButtonProps } from '../Button';
2
3
  type Buttons = {
3
4
  title?: string;
4
- searchIcon?: boolean;
5
- onClick?: () => void;
6
- variant?: "text" | "outlined" | "contained";
5
+ onClick?: ButtonProps["onClick"];
6
+ variant?: ButtonProps["variant"];
7
+ disabled?: ButtonProps["disabled"];
8
+ };
9
+ type ColSpan = {
10
+ span: number;
11
+ target: "th" | "td";
7
12
  };
8
13
  type FieldRow = {
9
14
  accessorKey: string;
10
15
  title: string;
11
- value: string;
12
- type?: "input" | "inputNum" | "inputEng" | "select" | "checkbox" | "checkboxN" | "datepicker" | "modal" | "button" | "date" | "text";
16
+ value?: string;
17
+ type?: "input" | "inputNum" | "inputEng" | "select" | "checkbox" | "checkboxN" | "datepicker" | "dateRangePicker" | "modal" | "button" | "date" | "text";
13
18
  required?: boolean;
14
19
  textAlign?: "left" | "center" | "right";
15
20
  buttons?: Buttons[];
21
+ colSpan?: ColSpan;
22
+ menuItems?: {
23
+ label: string;
24
+ value: string;
25
+ }[];
26
+ onClick?: () => void;
16
27
  };
17
- type ColspanBase = {
18
- accessorKey?: FieldRow["accessorKey"];
19
- span: number;
20
- };
21
- type TitleOnly = ColspanBase & {
22
- title: FieldRow["title"];
23
- value?: never;
24
- };
25
- type ValueOnly = ColspanBase & {
26
- value: FieldRow["value"];
27
- title?: never;
28
- };
29
- type ColSpan = TitleOnly | ValueOnly;
30
28
  export interface VerticalTableProps {
29
+ data: {
30
+ [key: string]: string;
31
+ };
31
32
  items: FieldRow[];
32
33
  totalColumns: number;
33
34
  colGroup?: string[];
34
- colSpan?: ColSpan[];
35
+ title?: string;
36
+ onSave?: (e: any) => void;
35
37
  }
36
38
  declare const VerticalTable: React.ForwardRefExoticComponent<VerticalTableProps & React.RefAttributes<HTMLTableElement>>;
37
39
  export default VerticalTable;
@@ -0,0 +1,7 @@
1
+ import * as React from "react";
2
+ export declare const Container: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/system').Theme>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
3
+ export declare const Content: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/system').Theme>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
4
+ export declare const Title: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/system').Theme>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
5
+ export declare const Table: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/system').Theme>, React.DetailedHTMLProps<React.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
6
+ export declare const Th: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/system').Theme>, React.DetailedHTMLProps<React.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, {}>;
7
+ export declare const Td: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/system').Theme>, React.DetailedHTMLProps<React.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const SelectCell: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<HTMLDivElement>>;
3
+ export default SelectCell;