@ioca/react 1.5.29 → 1.5.31

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.
Files changed (35) hide show
  1. package/lib/css/index.css +1 -1
  2. package/lib/es/components/checkbox/checkbox.js +1 -1
  3. package/lib/es/components/divider/divider.js +12 -0
  4. package/lib/es/components/divider/index.js +5 -0
  5. package/lib/es/components/dropdown/dropdown.js +8 -12
  6. package/lib/es/components/dropdown/item.js +15 -9
  7. package/lib/es/components/form/useForm.js +3 -4
  8. package/lib/es/components/input/input.js +2 -2
  9. package/lib/es/components/input/number.js +3 -5
  10. package/lib/es/components/input/range.js +2 -2
  11. package/lib/es/components/input/textarea.js +1 -1
  12. package/lib/es/components/list/item.js +5 -1
  13. package/lib/es/components/list/list.js +11 -4
  14. package/lib/es/components/modal/hookModal.js +11 -1
  15. package/lib/es/components/modal/modal.js +24 -16
  16. package/lib/es/components/pill/pill.js +2 -2
  17. package/lib/es/components/select/options.js +5 -7
  18. package/lib/es/components/select/select.js +4 -8
  19. package/lib/es/index.js +2 -2
  20. package/lib/index.js +319 -297
  21. package/lib/types/components/divider/divider.d.ts +6 -0
  22. package/lib/types/components/divider/index.d.ts +5 -0
  23. package/lib/types/components/divider/type.d.ts +9 -0
  24. package/lib/types/components/dropdown/type.d.ts +3 -1
  25. package/lib/types/components/form/useForm.d.ts +1 -1
  26. package/lib/types/components/list/type.d.ts +1 -0
  27. package/lib/types/components/modal/type.d.ts +1 -1
  28. package/lib/types/components/pill/type.d.ts +1 -0
  29. package/lib/types/index.d.ts +2 -2
  30. package/package.json +1 -1
  31. package/lib/es/components/card/card.js +0 -12
  32. package/lib/es/components/card/index.js +0 -5
  33. package/lib/types/components/card/card.d.ts +0 -6
  34. package/lib/types/components/card/index.d.ts +0 -5
  35. package/lib/types/components/card/type.d.ts +0 -13
@@ -0,0 +1,6 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import { IDivider } from './type.js';
3
+
4
+ declare const Divider: ({ className, children, color, width, style, ...restProps }: IDivider) => react_jsx_runtime.JSX.Element;
5
+
6
+ export { Divider as default };
@@ -0,0 +1,5 @@
1
+ import Divider from './divider.js';
2
+
3
+
4
+
5
+ export { Divider as default };
@@ -0,0 +1,9 @@
1
+ import { HTMLAttributes, ReactNode } from 'react';
2
+
3
+ interface IDivider extends HTMLAttributes<HTMLLIElement> {
4
+ children?: ReactNode;
5
+ color?: string;
6
+ width?: number | string;
7
+ }
8
+
9
+ export type { IDivider };
@@ -8,7 +8,9 @@ interface IDropdown extends Omit<IPopup, "content"> {
8
8
  }
9
9
  interface IDropItem extends IListItem {
10
10
  more?: ReactNode;
11
- moreProps?: IDropdown;
11
+ moreProps?: Omit<Partial<IPopup>, "content" | "children"> & {
12
+ width?: string | number;
13
+ };
12
14
  }
13
15
 
14
16
  export type { IDropItem, IDropdown };
@@ -10,7 +10,7 @@ declare class IFormInstance {
10
10
  set(field: any, value?: any): void;
11
11
  delete(field: string): void;
12
12
  clear(): void;
13
- validate(field?: string): Promise<boolean | Record<string, any>>;
13
+ validate(field?: string): Promise<false | Record<string, any>>;
14
14
  }
15
15
  declare function useForm(form?: IFormInstance): IFormInstance;
16
16
 
@@ -4,6 +4,7 @@ interface IList extends HTMLAttributes<HTMLUListElement> {
4
4
  label?: ReactNode | ((i: number) => ReactNode);
5
5
  type?: "option" | "default";
6
6
  border?: boolean;
7
+ padding?: number | string;
7
8
  }
8
9
  interface IListItem extends HTMLAttributes<HTMLLIElement>, Pick<IList, "type" | "border"> {
9
10
  ref?: RefObject<HTMLLIElement | null>;
@@ -6,7 +6,7 @@ interface IModal extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
6
6
  visible?: boolean;
7
7
  title?: ReactNode;
8
8
  footer?: ReactNode;
9
- closable?: boolean;
9
+ closable?: boolean | (() => boolean | Promise<boolean>);
10
10
  hideCloseButton?: boolean;
11
11
  hideBackdrop?: boolean;
12
12
  backdropClosable?: boolean;
@@ -14,6 +14,7 @@ interface IPill extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "value
14
14
  validator?: (value: any) => boolean | Promise<boolean>;
15
15
  format?: (value: any) => any;
16
16
  onUpdate?: (newValue: any, oldValue: any, type: "delete" | "create" | "update") => void | Promise<boolean>;
17
+ hideCreate?: boolean;
17
18
  renderItem?: (context: {
18
19
  value: any;
19
20
  index: number;
@@ -1,10 +1,8 @@
1
1
  export { default as Affix } from './components/affix/affix.js';
2
2
  export { default as Badge } from './components/badge/badge.js';
3
3
  export { default as Button } from './components/button/button.js';
4
- export { default as Card } from './components/card/card.js';
5
4
  export { default as Checkbox } from './components/checkbox/checkbox.js';
6
5
  export { default as Collapse } from './components/collapse/collapse.js';
7
- export { default as Pill } from './components/pill/pill.js';
8
6
  export { default as Datagrid } from './components/datagrid/datagrid.js';
9
7
  export { default as Description } from './components/description/description.js';
10
8
  export { default as Drawer } from './components/drawer/drawer.js';
@@ -15,6 +13,7 @@ export { default as Form } from './components/form/form.js';
15
13
  export { default as Icon } from './components/icon/icon.js';
16
14
  export { default as Image } from './components/image/image.js';
17
15
  export { default as Input } from './components/input/input.js';
16
+ export { default as Divider } from './components/divider/divider.js';
18
17
  export { default as List } from './components/list/list.js';
19
18
  export { default as Loading } from './components/loading/loading.js';
20
19
  export { default as Message } from './components/message/index.js';
@@ -24,6 +23,7 @@ export { default as ColorPicker } from './components/picker/colors/index.js';
24
23
  export { default as TimePicker } from './components/picker/time/index.js';
25
24
  export { default as DateRange } from './components/picker/daterange/daterange.js';
26
25
  export { default as DatePicker } from './components/picker/dates/index.js';
26
+ export { default as Pill } from './components/pill/pill.js';
27
27
  export { default as Popconfirm } from './components/popconfirm/popconfirm.js';
28
28
  export { default as Popup } from './components/popup/popup.js';
29
29
  export { default as Progress } from './components/progress/progress.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ioca/react",
3
- "version": "1.5.29",
3
+ "version": "1.5.31",
4
4
  "type": "module",
5
5
  "scripts": {
6
6
  "dev": "vite",
@@ -1,12 +0,0 @@
1
- import { jsxs, jsx } from 'react/jsx-runtime';
2
- import classNames from 'classnames';
3
-
4
- const Card = (props) => {
5
- const { hideShadow, border, className, children, header, footer, ...restProps } = props;
6
- return (jsxs("div", { className: classNames("i-card", className, {
7
- shadow: !hideShadow,
8
- "i-card-bordered": border,
9
- }), ...restProps, children: [header && jsx("div", { className: 'i-card-header', children: header }), children && jsx("div", { className: 'i-card-content', children: children }), footer && jsx("div", { className: 'i-card-footer', children: footer })] }));
10
- };
11
-
12
- export { Card as default };
@@ -1,5 +0,0 @@
1
- import Card from './card.js';
2
-
3
-
4
-
5
- export { Card as default };
@@ -1,6 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { ICard } from './type.js';
3
-
4
- declare const Card: (props: ICard) => react_jsx_runtime.JSX.Element;
5
-
6
- export { Card as default };
@@ -1,5 +0,0 @@
1
- import Card from './card.js';
2
-
3
-
4
-
5
- export { Card as default };
@@ -1,13 +0,0 @@
1
- import { HTMLAttributes, CSSProperties, ReactNode } from 'react';
2
-
3
- interface ICard extends HTMLAttributes<HTMLDivElement> {
4
- hideShadow?: boolean;
5
- border?: boolean;
6
- style?: CSSProperties;
7
- className?: string;
8
- children?: ReactNode;
9
- header?: ReactNode;
10
- footer?: ReactNode;
11
- }
12
-
13
- export type { ICard };