onekijs-ui 0.19.2 → 0.19.4

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 (80) hide show
  1. package/dist/components/card/FormCardDisplayer.d.ts +3 -0
  2. package/dist/components/card/components/FormCardDisplayerComponent.d.ts +4 -0
  3. package/dist/components/card/style.d.ts +2 -0
  4. package/dist/components/field/FieldDisplayer.d.ts +3 -0
  5. package/dist/components/field/FieldHelp.d.ts +2 -2
  6. package/dist/components/field/components/FieldDisplayerComponent.d.ts +4 -0
  7. package/dist/components/field/hoc/defaultFIeldDisplayer.d.ts +4 -0
  8. package/dist/components/field/style.d.ts +2 -1
  9. package/dist/components/field/typings.d.ts +10 -2
  10. package/dist/components/icon/HideIcon.d.ts +4 -0
  11. package/dist/components/icon/ShowIcon.d.ts +4 -0
  12. package/dist/components/input/typings.d.ts +3 -2
  13. package/dist/components/password/Password.d.ts +3 -0
  14. package/dist/components/password/components/PasswordComponent.d.ts +4 -0
  15. package/dist/components/password/style.d.ts +4 -0
  16. package/dist/components/password/typings.d.ts +4 -0
  17. package/dist/components/select/SelectService.d.ts +3 -3
  18. package/dist/components/table/columns/enumColumn.d.ts +1 -1
  19. package/dist/components/table/columns/inputColumn.d.ts +1 -1
  20. package/dist/components/table/displayers/DefaultCellDisplayer.d.ts +4 -0
  21. package/dist/components/table/displayers/FormTableItemDisplayer.d.ts +4 -0
  22. package/dist/components/table/displayers/FormTableValueDisplayer.d.ts +4 -0
  23. package/dist/components/table/typings.d.ts +37 -2
  24. package/dist/components/wizard/WizardSummary.d.ts +3 -0
  25. package/dist/components/wizard/components/FormStep.d.ts +2 -2
  26. package/dist/components/wizard/components/WizardSummaryComponent.d.ts +4 -0
  27. package/dist/components/wizard/style.d.ts +1 -0
  28. package/dist/components/wizard/typings.d.ts +1 -0
  29. package/dist/index.d.ts +23 -9
  30. package/dist/index.js +592 -132
  31. package/dist/index.js.map +1 -1
  32. package/dist/index.module.js +573 -131
  33. package/dist/index.module.js.map +1 -1
  34. package/dist/styles/border.d.ts +1 -1
  35. package/dist/styles/typography.d.ts +2 -2
  36. package/dist/utils/misc.d.ts +1 -0
  37. package/package.json +3 -3
  38. package/src/components/card/FormCard.tsx +40 -8
  39. package/src/components/card/FormCardDisplayer.tsx +9 -0
  40. package/src/components/card/components/FormCardDisplayerComponent.tsx +18 -0
  41. package/src/components/card/style.ts +17 -2
  42. package/src/components/checkbox/FormCheckbox.tsx +30 -3
  43. package/src/components/field/FieldDisplayer.tsx +9 -0
  44. package/src/components/field/FieldHelp.tsx +2 -2
  45. package/src/components/field/components/FieldDisplayerComponent.tsx +36 -0
  46. package/src/components/field/hoc/defaultFIeldDisplayer.tsx +25 -0
  47. package/src/components/field/style.ts +50 -3
  48. package/src/components/field/typings.ts +11 -1
  49. package/src/components/field/util.ts +20 -4
  50. package/src/components/icon/HideIcon.tsx +31 -0
  51. package/src/components/icon/ShowIcon.tsx +30 -0
  52. package/src/components/input/FormInput.tsx +35 -10
  53. package/src/components/input/typings.ts +3 -1
  54. package/src/components/password/Password.tsx +9 -0
  55. package/src/components/password/components/PasswordComponent.tsx +26 -0
  56. package/src/components/password/style.ts +26 -0
  57. package/src/components/password/typings.ts +5 -0
  58. package/src/components/select/FormSelect.tsx +63 -4
  59. package/src/components/select/components/ControlledTreeSelectComponent.tsx +1 -1
  60. package/src/components/table/FormTable.tsx +40 -7
  61. package/src/components/table/columns/checkboxColumn.ts +2 -0
  62. package/src/components/table/columns/enumColumn.tsx +3 -1
  63. package/src/components/table/columns/inputColumn.ts +3 -1
  64. package/src/components/table/columns/numberColumn.ts +2 -0
  65. package/src/components/table/columns/selectColumn.ts +2 -0
  66. package/src/components/table/columns/textColumn.ts +2 -0
  67. package/src/components/table/columns/textareaColumn.ts +2 -0
  68. package/src/components/table/displayers/DefaultCellDisplayer.tsx +29 -0
  69. package/src/components/table/displayers/FormTableItemDisplayer.tsx +49 -0
  70. package/src/components/table/displayers/FormTableValueDisplayer.tsx +43 -0
  71. package/src/components/table/typings.ts +41 -1
  72. package/src/components/textarea/FormTextarea.tsx +33 -9
  73. package/src/components/wizard/WizardSummary.tsx +9 -0
  74. package/src/components/wizard/components/FormStep.tsx +77 -11
  75. package/src/components/wizard/components/Step.tsx +11 -23
  76. package/src/components/wizard/components/WizardSummaryComponent.tsx +19 -0
  77. package/src/components/wizard/style.ts +16 -1
  78. package/src/components/wizard/typings.ts +1 -0
  79. package/src/index.ts +31 -11
  80. package/src/utils/misc.ts +5 -0
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ declare const FormCardDisplayer: import("styled-components").StyledComponent<(displayerProps: import("onekijs-framework").FormDisplayerProps) => import("react").JSX.Element, import("styled-components").DefaultTheme, {}, never>;
3
+ export default FormCardDisplayer;
@@ -0,0 +1,4 @@
1
+ import { FormDisplayerProps } from 'onekijs-framework';
2
+ import React from 'react';
3
+ export declare const FormCardDisplayerComponent: (displayerProps: FormDisplayerProps) => React.JSX.Element;
4
+ export default FormCardDisplayerComponent;
@@ -1,3 +1,5 @@
1
+ import { FormDisplayerProps } from 'onekijs-framework';
1
2
  import { ComponentStyle } from '../../styles/typings';
2
3
  import { CardProps } from './typings';
3
4
  export declare const cardStyle: ComponentStyle<CardProps>;
5
+ export declare const formCardDisplayerStyle: ComponentStyle<FormDisplayerProps>;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ declare const FieldDisplayer: import("styled-components").StyledComponent<import("react").FC<import("./typings").FieldDisplayerProps>, import("styled-components").DefaultTheme, {}, never>;
3
+ export default FieldDisplayer;
@@ -1,3 +1,3 @@
1
1
  /// <reference types="react" />
2
- declare const Help: import("styled-components").StyledComponent<import("react").FC<import("./typings").FieldHelpProps>, import("styled-components").DefaultTheme, {}, never>;
3
- export default Help;
2
+ declare const FieldHelp: import("styled-components").StyledComponent<import("react").FC<import("./typings").FieldHelpProps>, import("styled-components").DefaultTheme, {}, never>;
3
+ export default FieldHelp;
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { FieldDisplayerProps } from '../typings';
3
+ declare const FieldDisplayerComponent: React.FC<FieldDisplayerProps>;
4
+ export default FieldDisplayerComponent;
@@ -0,0 +1,4 @@
1
+ import { AnonymousObject, FormDisplayerProps } from 'onekijs-framework';
2
+ import React from 'react';
3
+ declare const defaultFieldDisplayer: (props: AnonymousObject) => React.FC<FormDisplayerProps>;
4
+ export default defaultFieldDisplayer;
@@ -1,5 +1,6 @@
1
1
  import { ComponentStyle } from '../../styles/typings';
2
- import { FieldDescriptionProps, FieldHelpProps, FieldLayoutProps } from './typings';
2
+ import { FieldDescriptionProps, FieldDisplayerProps, FieldHelpProps, FieldLayoutProps } from './typings';
3
3
  export declare const fieldStyle: ComponentStyle<FieldLayoutProps>;
4
4
  export declare const fieldHelpStyle: ComponentStyle<FieldHelpProps>;
5
5
  export declare const fieldDescriptionStyle: ComponentStyle<FieldDescriptionProps>;
6
+ export declare const fieldDisplayerStyle: ComponentStyle<FieldDisplayerProps>;
@@ -1,6 +1,6 @@
1
- import { AnonymousObject, ContainerValidation, FieldValidation, FormFieldProps, FormLayout, ValidationStatus } from 'onekijs-framework';
1
+ import { AnonymousObject, ContainerValidation, FieldValidation, FormDisplayerProps, FormFieldProps, FormLayout, ValidationStatus } from 'onekijs-framework';
2
2
  import React, { ReactNode } from 'react';
3
- import { TshirtSize } from '../../styles/typings';
3
+ import { StylableProps, TshirtSize } from '../../styles/typings';
4
4
  import { GridSize } from '../grid/typings';
5
5
  import { LabelProps } from '../label/typings';
6
6
  export type FieldComponentProps<T extends AnonymousObject> = T & {
@@ -12,6 +12,14 @@ export type FieldComponentProps<T extends AnonymousObject> = T & {
12
12
  status?: ValidationStatus;
13
13
  size?: T['size'];
14
14
  };
15
+ export type FieldDisplayerProps = StylableProps & {
16
+ label: ReactNode;
17
+ value: ReactNode;
18
+ help?: ReactNode;
19
+ first: boolean;
20
+ last: boolean;
21
+ format: FormDisplayerProps['format'];
22
+ };
15
23
  export type FieldDescriptionProps = {
16
24
  className?: string;
17
25
  content: ReactNode;
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { IconProps } from './typings';
3
+ declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, import("styled-components").DefaultTheme, {}, never>;
4
+ export default _default;
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { IconProps } from './typings';
3
+ declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, import("styled-components").DefaultTheme, {}, never>;
4
+ export default _default;
@@ -1,7 +1,7 @@
1
- /// <reference types="react" />
2
1
  import { FormFieldProps, ValidationStatus } from 'onekijs-framework';
3
2
  import { TshirtSize } from '../../styles/typings';
4
- import { FieldLayoutProps } from '../field/typings';
3
+ import { FieldDisplayerProps, FieldLayoutProps } from '../field/typings';
4
+ import React from 'react';
5
5
  export type InputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> & {
6
6
  PrefixComponent?: React.FC<InputProps>;
7
7
  SuffixComponent?: React.FC<InputProps>;
@@ -11,4 +11,5 @@ export type InputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size
11
11
  export type FormInputProps = InputProps & FormFieldProps & FieldLayoutProps & {
12
12
  defaultValue?: string;
13
13
  FieldComponent?: React.FC<InputProps>;
14
+ FieldDisplayer?: React.FC<FieldDisplayerProps>;
14
15
  };
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ declare const Password: import("styled-components").StyledComponent<import("react").FC<import("./typings").PasswordProps>, import("styled-components").DefaultTheme, {}, never>;
3
+ export default Password;
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { PasswordProps } from '../typings';
3
+ declare const PasswordComponent: React.FC<PasswordProps>;
4
+ export default PasswordComponent;
@@ -0,0 +1,4 @@
1
+ import { ComponentStyle } from '../../styles/typings';
2
+ import { PasswordProps } from './typings';
3
+ declare const passwordStyle: ComponentStyle<PasswordProps>;
4
+ export default passwordStyle;
@@ -0,0 +1,4 @@
1
+ import { StylableProps } from '../../styles/typings';
2
+ export type PasswordProps = StylableProps & {
3
+ value: string;
4
+ };
@@ -5,15 +5,15 @@ declare class SelectService<T = any, I extends SelectItem<T> = SelectItem<T>, S
5
5
  protected lastCheckQuery: Query | undefined;
6
6
  get defaultValue(): T | T[] | null | undefined;
7
7
  get defaultValueLoading(): boolean | undefined;
8
- check(): Generator<void | import("redux-saga/effects").AllEffect<import("redux-saga/effects").CallEffect<Generator<I[] | Generator<void | import("redux-saga/effects").ForkEffect<Generator<void | import("redux-saga/effects").CallEffect<true>, void, unknown>> | import("redux-saga/effects").CancelEffect | CollectionFetcherResult<T> | Promise<CollectionFetcherResult<T> | undefined>, CollectionFetcherResult<T>, (import("redux-saga").Task<any> | null) & CollectionFetcherResult<T> & (CollectionFetcherResult<T> | undefined)>, I | undefined, I[] & CollectionFetcherResult<T>>>> | import("redux-saga/effects").AllEffect<Generator<I[] | Generator<void | import("redux-saga/effects").ForkEffect<Generator<void | import("redux-saga/effects").CallEffect<true>, void, unknown>> | import("redux-saga/effects").CancelEffect | CollectionFetcherResult<T> | Promise<CollectionFetcherResult<T> | undefined>, CollectionFetcherResult<T>, (import("redux-saga").Task<any> | null) & CollectionFetcherResult<T> & (CollectionFetcherResult<T> | undefined)>, I | undefined, I[] & CollectionFetcherResult<T>>> | import("redux-saga/effects").CallEffect<void>, void, (I | undefined)[]>;
8
+ check(): Generator<void | import("redux-saga/effects").AllEffect<import("redux-saga/effects").CallEffect<Generator<I[] | Generator<void | import("redux-saga/effects").CancelEffect | import("redux-saga/effects").ForkEffect<Generator<void | import("redux-saga/effects").CallEffect<true>, void, unknown>> | CollectionFetcherResult<T> | Promise<CollectionFetcherResult<T> | undefined>, CollectionFetcherResult<T>, (import("redux-saga").Task<any> | null) & CollectionFetcherResult<T> & (CollectionFetcherResult<T> | undefined)>, I | undefined, I[] & CollectionFetcherResult<T>>>> | import("redux-saga/effects").AllEffect<Generator<I[] | Generator<void | import("redux-saga/effects").CancelEffect | import("redux-saga/effects").ForkEffect<Generator<void | import("redux-saga/effects").CallEffect<true>, void, unknown>> | CollectionFetcherResult<T> | Promise<CollectionFetcherResult<T> | undefined>, CollectionFetcherResult<T>, (import("redux-saga").Task<any> | null) & CollectionFetcherResult<T> & (CollectionFetcherResult<T> | undefined)>, I | undefined, I[] & CollectionFetcherResult<T>>> | import("redux-saga/effects").CallEffect<void>, void, (I | undefined)[]>;
9
9
  setData(data: T[], query?: Query): void;
10
- setDefaultValue(value: T | T[] | null | undefined): Generator<void | Generator<void | import("redux-saga/effects").AllEffect<import("redux-saga/effects").CallEffect<Generator<I[] | Generator<void | import("redux-saga/effects").ForkEffect<Generator<void | import("redux-saga/effects").CallEffect<true>, void, unknown>> | import("redux-saga/effects").CancelEffect | CollectionFetcherResult<T> | Promise<CollectionFetcherResult<T> | undefined>, CollectionFetcherResult<T>, (import("redux-saga").Task<any> | null) & CollectionFetcherResult<T> & (CollectionFetcherResult<T> | undefined)>, I | undefined, I[] & CollectionFetcherResult<T>>>> | import("redux-saga/effects").AllEffect<Generator<I[] | Generator<void | import("redux-saga/effects").ForkEffect<Generator<void | import("redux-saga/effects").CallEffect<true>, void, unknown>> | import("redux-saga/effects").CancelEffect | CollectionFetcherResult<T> | Promise<CollectionFetcherResult<T> | undefined>, CollectionFetcherResult<T>, (import("redux-saga").Task<any> | null) & CollectionFetcherResult<T> & (CollectionFetcherResult<T> | undefined)>, I | undefined, I[] & CollectionFetcherResult<T>>> | import("redux-saga/effects").CallEffect<void>, void, (I | undefined)[]>, void, unknown>;
10
+ setDefaultValue(value: T | T[] | null | undefined): Generator<void | Generator<void | import("redux-saga/effects").AllEffect<import("redux-saga/effects").CallEffect<Generator<I[] | Generator<void | import("redux-saga/effects").CancelEffect | import("redux-saga/effects").ForkEffect<Generator<void | import("redux-saga/effects").CallEffect<true>, void, unknown>> | CollectionFetcherResult<T> | Promise<CollectionFetcherResult<T> | undefined>, CollectionFetcherResult<T>, (import("redux-saga").Task<any> | null) & CollectionFetcherResult<T> & (CollectionFetcherResult<T> | undefined)>, I | undefined, I[] & CollectionFetcherResult<T>>>> | import("redux-saga/effects").AllEffect<Generator<I[] | Generator<void | import("redux-saga/effects").CancelEffect | import("redux-saga/effects").ForkEffect<Generator<void | import("redux-saga/effects").CallEffect<true>, void, unknown>> | CollectionFetcherResult<T> | Promise<CollectionFetcherResult<T> | undefined>, CollectionFetcherResult<T>, (import("redux-saga").Task<any> | null) & CollectionFetcherResult<T> & (CollectionFetcherResult<T> | undefined)>, I | undefined, I[] & CollectionFetcherResult<T>>> | import("redux-saga/effects").CallEffect<void>, void, (I | undefined)[]>, void, unknown>;
11
11
  setDefaultValueLoading(loading: boolean): void;
12
12
  setItemWidth(_item: I, value: number): void;
13
13
  setValue(value: null | T | T[]): void;
14
14
  setUrl(url: string, query?: Query): void;
15
15
  _buildItem(data: T | null | undefined, adaptee: unknown, context?: AnonymousObject): I;
16
- _filterItem(item: I | undefined, query: Query, valid: boolean): Generator<I[] | Generator<void | import("redux-saga/effects").ForkEffect<Generator<void | import("redux-saga/effects").CallEffect<true>, void, unknown>> | import("redux-saga/effects").CancelEffect | CollectionFetcherResult<T> | Promise<CollectionFetcherResult<T> | undefined>, CollectionFetcherResult<T>, (import("redux-saga").Task<any> | null) & CollectionFetcherResult<T> & (CollectionFetcherResult<T> | undefined)>, I | undefined, I[] & CollectionFetcherResult<T>>;
16
+ _filterItem(item: I | undefined, query: Query, valid: boolean): Generator<I[] | Generator<void | import("redux-saga/effects").CancelEffect | import("redux-saga/effects").ForkEffect<Generator<void | import("redux-saga/effects").CallEffect<true>, void, unknown>> | CollectionFetcherResult<T> | Promise<CollectionFetcherResult<T> | undefined>, CollectionFetcherResult<T>, (import("redux-saga").Task<any> | null) & CollectionFetcherResult<T> & (CollectionFetcherResult<T> | undefined)>, I | undefined, I[] & CollectionFetcherResult<T>>;
17
17
  _compareItem(a: I | undefined, b: I | undefined): boolean;
18
18
  _setDefaultValue(value: T | T[] | null | undefined): void;
19
19
  _setValidDefaultValue(value: T | T[] | null): void;
@@ -1,3 +1,3 @@
1
1
  import { EnumColumnOptions, TableColumn, TableItem } from '../typings';
2
- declare const enumColumn: <T = any, I extends TableItem<T> = TableItem<T>>(id: string, options: EnumColumnOptions<T, I>) => TableColumn<T, I>;
2
+ declare const enumColumn: <T extends unknown = any, I extends TableItem<T> = TableItem<T>>(id: string, options: EnumColumnOptions<T, I>) => TableColumn<T, I>;
3
3
  export default enumColumn;
@@ -1,3 +1,3 @@
1
1
  import { InputColumn, InputColumnOptions, TableItem } from '../typings';
2
- declare const inputColumn: <T = any, I extends TableItem<T> = TableItem<T>>(id: string, options: InputColumnOptions<T, I>) => InputColumn<T, I>;
2
+ declare const inputColumn: <T extends unknown = any, I extends TableItem<T> = TableItem<T>>(id: string, options: InputColumnOptions<T, I>) => InputColumn<T, I>;
3
3
  export default inputColumn;
@@ -0,0 +1,4 @@
1
+ import { TableCellDisplayerProps } from '../typings';
2
+ import React from 'react';
3
+ declare const DefaultFormCellDisplayer: React.FC<TableCellDisplayerProps<any>>;
4
+ export default DefaultFormCellDisplayer;
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { FormTableItemDisplayerProps } from '../typings';
3
+ declare const FormTableItemDisplayer: React.FC<FormTableItemDisplayerProps>;
4
+ export default FormTableItemDisplayer;
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { FormTableValueDisplayerProps } from '../typings';
3
+ declare const _default: import("styled-components").StyledComponent<React.FC<FormTableValueDisplayerProps>, import("styled-components").DefaultTheme, {}, never>;
4
+ export default _default;
@@ -1,6 +1,7 @@
1
- import { Collection, CollectionBy, CollectionProxy, FormFieldProps, Item, ItemAdaptee, Primitive, QueryFilterCriteriaOperator, QueryFilterOrCriteria, QuerySortBy, UseCollectionOptions, ValidationStatus } from 'onekijs-framework';
1
+ import { Collection, CollectionBy, CollectionProxy, FormDisplayerProps, FormFieldProps, Item, ItemAdaptee, Primitive, QueryFilterCriteriaOperator, QueryFilterOrCriteria, QuerySortBy, UseCollectionOptions, ValidationStatus } from 'onekijs-framework';
2
2
  import React, { FC, ReactNode } from 'react';
3
3
  import { StylableProps, TshirtSize } from '../../styles/typings';
4
+ import { ButtonProps } from '../button/typings';
4
5
  import { CheckboxProps } from '../checkbox/typings';
5
6
  import { FieldLayoutProps } from '../field/typings';
6
7
  import { InputProps } from '../input/typings';
@@ -8,7 +9,6 @@ import { ListItemProps, ListItems, ListNotFoundProps, ListState, UseListOptions
8
9
  import { FormSelectProps, SelectBroker, SelectItem, SelectProps } from '../select/typings';
9
10
  import { TextareaProps } from '../textarea/typings';
10
11
  import TableService from './TableService';
11
- import { ButtonProps } from '../button/typings';
12
12
  export type ArrayTableProps<T = any, I extends TableItem<T> = TableItem<T>> = TableConfig<T, I> & {
13
13
  adapter?: TableItemAdapter<T>;
14
14
  columns?: TableColumn<T, I>[];
@@ -19,6 +19,11 @@ export type ArrayTableProps<T = any, I extends TableItem<T> = TableItem<T>> = Ta
19
19
  export type ControllerTableProps<T = any, I extends TableItem<T> = TableItem<T>, S extends TableState<T, I> = TableState<T, I>, C extends TableController<T, I, S> = TableController<T, I, S>> = TableConfig<T, I> & {
20
20
  controller: CollectionProxy<T, I, S, C>;
21
21
  };
22
+ export type FormCellDisplayerProps = {
23
+ Displayer: React.FC<FormDisplayerProps>;
24
+ name: string;
25
+ label?: string;
26
+ };
22
27
  export type FormTableProps<T = any, I extends TableItem<T> = TableItem<T>, S extends TableState<T, I> = TableState<T, I>, C extends TableController<T, I, S> = TableController<T, I, S>> = ControllerTableProps<T, I, S, C> & FormFieldProps & FieldLayoutProps & {
23
28
  addLabel?: string;
24
29
  format?: 'id' | 'object' | 'auto';
@@ -40,6 +45,23 @@ export type FormTableContext<T = any> = {
40
45
  maxLength?: number;
41
46
  minLength?: number;
42
47
  };
48
+ export type FormTableItemDisplayerProps<T = any> = {
49
+ value: T;
50
+ columns: TableColumn<T>[];
51
+ first: boolean;
52
+ last: boolean;
53
+ className?: string;
54
+ format: FormDisplayerProps['format'];
55
+ name: string;
56
+ index: number;
57
+ };
58
+ export type FormTableValueDisplayerProps<T = any> = {
59
+ columns: TableColumn<T>[];
60
+ value: T[];
61
+ format: FormDisplayerProps['format'];
62
+ name: string;
63
+ className?: string;
64
+ };
43
65
  export type TableBodyCellProps<T = any, I extends TableItem<T> = TableItem<T>> = {
44
66
  className?: string;
45
67
  colIndex: number;
@@ -126,9 +148,22 @@ export type TableController<T = any, I extends TableItem<T> = TableItem<T>, S ex
126
148
  export type TableColumn<T, I extends TableItem<T> = TableItem<T>> = TableColumnSpec<T, I> & {
127
149
  computedWidth?: TableColumnComputedWidth;
128
150
  };
151
+ export type TableCellDisplayerProps<T, I extends TableItem<T> = TableItem<T>> = {
152
+ column: TableColumn<T, I>;
153
+ rowIndex: number;
154
+ colIndex: number;
155
+ firstCol: boolean;
156
+ lastCol: boolean;
157
+ firstRow: boolean;
158
+ lastRow: boolean;
159
+ rowName: string;
160
+ value: T;
161
+ format: FormDisplayerProps['format'];
162
+ };
129
163
  export type TableColumnSpec<T, I extends TableItem<T> = TableItem<T>> = {
130
164
  className?: string | ((item: I, column: TableColumn<T, I>, rowIndex: number) => string);
131
165
  CellComponent?: Cell<T, I>;
166
+ Displayer?: React.FC<TableCellDisplayerProps<T>>;
132
167
  footerClassName?: string | ((column: TableColumn<T, I>) => string);
133
168
  FooterComponent?: React.FC<TableFooterCellProps<T, I>>;
134
169
  filterable?: boolean;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ declare const WizardSummary: import("styled-components").StyledComponent<import("react").FC<import("../..").StylableProps>, import("styled-components").DefaultTheme, {}, never>;
3
+ export default WizardSummary;
@@ -1,4 +1,4 @@
1
1
  import { FCC } from 'onekijs-framework';
2
2
  import { FormStepProps } from '../typings';
3
- declare const FormCard: FCC<FormStepProps>;
4
- export default FormCard;
3
+ declare const FormStep: FCC<FormStepProps>;
4
+ export default FormStep;
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { StylableProps } from '../../../styles/typings';
3
+ declare const WizardSummaryComponent: React.FC<StylableProps>;
4
+ export default WizardSummaryComponent;
@@ -2,3 +2,4 @@ import { ComponentStyle } from '../../styles/typings';
2
2
  import { WizardModalProps, WizardProps } from './typings';
3
3
  export declare const wizardStyle: ComponentStyle<WizardProps>;
4
4
  export declare const wizardModalStyle: ComponentStyle<WizardModalProps>;
5
+ export declare const wizardSummaryStyle: ComponentStyle<{}>;
@@ -10,6 +10,7 @@ export type ControlledWizardProps = WizardProps & {
10
10
  export type StepProps = TabProps & {
11
11
  optional?: boolean;
12
12
  showTitle?: boolean;
13
+ onTouch?: () => void;
13
14
  };
14
15
  export type FormStepProps = StepProps & {
15
16
  name: string;
package/dist/index.d.ts CHANGED
@@ -40,23 +40,25 @@ export { default as DropdownComponent } from './components/dropdown/components/D
40
40
  export { default as useDropdown } from './components/dropdown/hooks/useDropdown';
41
41
  export { default as dropdownStyle } from './components/dropdown/style';
42
42
  export { default as FieldDescription } from './components/field/FieldDescription';
43
+ export { default as FieldDisplayer } from './components/field/FieldDisplayer';
43
44
  export { default as FieldHelp } from './components/field/FieldHelp';
44
45
  export { default as FieldLayout } from './components/field/FieldLayout';
45
46
  export { default as FieldDescriptionComponent } from './components/field/components/FieldDescriptionComponent';
46
47
  export { default as FieldHelpComponent } from './components/field/components/FieldHelpComponent';
47
48
  export { default as FieldLayoutComponent } from './components/field/components/FieldLayoutComponent';
48
49
  export { default as useFieldLayout } from './components/field/hooks/useFieldLayout';
49
- export { FieldComponentProps, FieldDescriptionProps, FieldHelpProps, FieldLayoutProps, UseFieldLayoutProps, } from './components/field/typings';
50
+ export { fieldDescriptionStyle, fieldDisplayerStyle, fieldHelpStyle, fieldStyle } from './components/field/style';
51
+ export { FieldComponentProps, FieldDescriptionProps, FieldDisplayerProps, FieldHelpProps, FieldLayoutProps, UseFieldLayoutProps, } from './components/field/typings';
50
52
  export { default as Col } from './components/grid/Col';
51
53
  export { default as Row } from './components/grid/Row';
52
54
  export { colStyle, rowStyle } from './components/grid/style';
53
55
  export { ColProps, GridSize, RowProps } from './components/grid/typings';
54
56
  export { default as CloseAllIcon } from './components/icon/CloseAllIcon';
55
- export { default as HelpIcon } from './components/icon/HelpIcon';
56
57
  export { default as CrossIcon } from './components/icon/CrossIcon';
57
58
  export { default as ErrorIcon } from './components/icon/ErrorIcon';
58
59
  export { default as FileIcon } from './components/icon/FileIcon';
59
60
  export { default as FolderIcon } from './components/icon/FolderIcon';
61
+ export { default as HelpIcon } from './components/icon/HelpIcon';
60
62
  export { default as LoadingIcon } from './components/icon/LoadingIcon';
61
63
  export { default as MenuIcon } from './components/icon/MenuIcon';
62
64
  export { default as SearchIcon } from './components/icon/SearchIcon';
@@ -82,6 +84,10 @@ export { default as NotificationComponent } from './components/notifications/com
82
84
  export { default as NotificationsComponent } from './components/notifications/components/NotificationsComponent';
83
85
  export { notifcationsStyle } from './components/notifications/style';
84
86
  export { NotificationProps, NotificationsProps } from './components/notifications/typings';
87
+ export { default as Password } from './components/password/Password';
88
+ export { default as PasswordComponent } from './components/password/components/PasswordComponent';
89
+ export { default as passwordStyle } from './components/password/style';
90
+ export { PasswordProps } from './components/password/typings';
85
91
  export { default as Properties } from './components/properties';
86
92
  export { default as PropertiesComponent } from './components/properties/components/PropertiesComponent';
87
93
  export { default as Property } from './components/properties/components/Property';
@@ -105,16 +111,16 @@ export { default as TreeSelectComponent } from './components/select/components/T
105
111
  export { default as useSelectController } from './components/select/hooks/useSelectController';
106
112
  export { useSelectService } from './components/select/hooks/useSelectService';
107
113
  export { default as useTreeSelectController } from './components/select/hooks/useTreeSelectController';
108
- export { ArraySelectProps, ArrayTreeSelectProps, ControllerSelectProps, ControllerTreeSelectProps, FormSelectProps, SelectItemAdapter, SelectBroker, SelectConfig, SelectController, SelectGroup, SelectIconProps, SelectInputProps, SelectItem, SelectItemAdaptee, SelectListComponentProps, SelectNotFoundProps, SelectOptionHandler, SelectOptionProps, SelectOptionSelectionHandler, SelectProps, SelectState, SelectTokenProps, SelectTokensProps, TreeSelectController, TreeSelectItem, TreeSelectProps, TreeSelectState, UseSelectOptions, UseSelectController, } from './components/select/typings';
114
+ export { ArraySelectProps, ArrayTreeSelectProps, ControllerSelectProps, ControllerTreeSelectProps, FormSelectProps, SelectBroker, SelectConfig, SelectController, SelectGroup, SelectIconProps, SelectInputProps, SelectItem, SelectItemAdaptee, SelectItemAdapter, SelectListComponentProps, SelectNotFoundProps, SelectOptionHandler, SelectOptionProps, SelectOptionSelectionHandler, SelectProps, SelectState, SelectTokenProps, SelectTokensProps, TreeSelectController, TreeSelectItem, TreeSelectProps, TreeSelectState, UseSelectController, UseSelectOptions, } from './components/select/typings';
109
115
  export { findSelectItem, findSelectItemIndex, shouldCheckSelect } from './components/select/util';
110
116
  export { default as Tabs } from './components/tab';
111
117
  export { default as Tab } from './components/tab/components/Tab';
112
118
  export { default as TabTitle } from './components/tab/components/TabTitle';
113
- export { ControlledTabsProps, TabProps, TabState, TabTitleProps, TabsProps, TabsState, UseTabsController, } from './components/tab/typings';
114
- export { default as useTabsController } from './components/tab/hooks/useTabsController';
115
119
  export { default as useTab } from './components/tab/hooks/useTab';
120
+ export { default as useTabsController } from './components/tab/hooks/useTabsController';
116
121
  export { default as useTabsService } from './components/tab/hooks/useTabsService';
117
122
  export { useTabsState } from './components/tab/hooks/useTabsState';
123
+ export { ControlledTabsProps, TabProps, TabState, TabTitleProps, TabsProps, TabsState, UseTabsController, } from './components/tab/typings';
118
124
  export { default as Table } from './components/table';
119
125
  export { default as FormTable } from './components/table/FormTable';
120
126
  export { default as checkboxColumn } from './components/table/columns/checkboxColumn';
@@ -125,6 +131,7 @@ export { default as numberColumn } from './components/table/columns/numberColumn
125
131
  export { default as selectColumn } from './components/table/columns/selectColumn';
126
132
  export { default as textColumn } from './components/table/columns/textColumn';
127
133
  export { default as textareaColumn } from './components/table/columns/textareaColumn';
134
+ export { default as TableBodyRowComponent } from './components/table/components/TableBodyRowComponent';
128
135
  export { default as CheckboxCellComponent } from './components/table/components/cells/CheckboxCellComponent';
129
136
  export { default as DefaultCellComponent } from './components/table/components/cells/DefaultCellComponent';
130
137
  export { default as ExpandedCellComponent } from './components/table/components/cells/ExpandedCellComponent';
@@ -135,7 +142,9 @@ export { default as TableFilterOperatorComponent } from './components/table/comp
135
142
  export { default as TableInputFilterComponent } from './components/table/components/filters/TableInputFilterComponent';
136
143
  export { default as TableNumberFilterComponent } from './components/table/components/filters/TableNumberFilterComponent';
137
144
  export { default as TableTextFilterComponent } from './components/table/components/filters/TableTextFilterComponent';
138
- export { default as TableBodyRowComponent } from './components/table/components/TableBodyRowComponent';
145
+ export { default as DefaultCellDisplayer } from './components/table/displayers/DefaultCellDisplayer';
146
+ export { default as FormTableItemDisplayer } from './components/table/displayers/FormTableItemDisplayer';
147
+ export { default as FormTableValueDisplayer } from './components/table/displayers/FormTableValueDisplayer';
139
148
  export { default as useCheckboxColumn } from './components/table/hooks/useCheckboxColumn';
140
149
  export { default as useColumns } from './components/table/hooks/useColumns';
141
150
  export { default as useEnumColumn } from './components/table/hooks/useEnumColumn';
@@ -148,7 +157,9 @@ export { default as useTableController } from './components/table/hooks/useTable
148
157
  export { default as useTableService } from './components/table/hooks/useTableService';
149
158
  export { default as useTextColumn } from './components/table/hooks/useTextColumn';
150
159
  export { default as useTextareaColumn } from './components/table/hooks/useTextareaColumn';
151
- export { ArrayTableProps, Cell, CheckboxColumn, CheckboxColumnOptions, ControllerTableProps, EnumColumnOptions, FormTableContext, FormTableProps, InputColumn, InputColumnOptions, LinkColumnOptions, SelectCell, SelectColumn, SelectColumnOptions, TableBodyCellProps, TableBodyProps, TableBodyRowProps, TableColumn, TableColumnComputedWidth, TableColumnOptions, TableColumnSpec, TableColumnWidth, TableColumnsState, TableConfig, TableController, TableExpandedProps, TableFilterOperator, TableFilterOperatorProps, TableFooterCellProps, TableFooterProps, TableHeaderCellProps, TableHeaderProps, TableItem, TableItemAdaptee, TableItemAdapter, TableItems, TableNotFoundProps, TableProps, TableRowHandler, TableSortProps, TableState, TextareaColumn, TextareaColumnOptions, UseTableOptions, UseTableController, } from './components/table/typings';
160
+ export { default as FormCardDisplayer } from './components/card/FormCardDisplayer';
161
+ export { filterListStyle, tableStyle } from './components/table/style';
162
+ export { ArrayTableProps, Cell, CheckboxColumn, CheckboxColumnOptions, ControllerTableProps, EnumColumnOptions, FormCellDisplayerProps, FormTableContext, FormTableItemDisplayerProps, FormTableProps, FormTableValueDisplayerProps, InputColumn, InputColumnOptions, LinkColumnOptions, SelectCell, SelectColumn, SelectColumnOptions, TableBodyCellProps, TableBodyProps, TableBodyRowProps, TableCellDisplayerProps, TableColumn, TableColumnComputedWidth, TableColumnOptions, TableColumnSpec, TableColumnWidth, TableColumnsState, TableConfig, TableController, TableExpandedProps, TableFilterOperator, TableFilterOperatorProps, TableFooterCellProps, TableFooterProps, TableHeaderCellProps, TableHeaderProps, TableItem, TableItemAdaptee, TableItemAdapter, TableItems, TableNotFoundProps, TableProps, TableRowHandler, TableSortProps, TableState, TextareaColumn, TextareaColumnOptions, UseTableController, UseTableOptions, } from './components/table/typings';
152
163
  export { default as Tag } from './components/tag';
153
164
  export { default as TagComponent } from './components/tag/components/TagComponent';
154
165
  export { tagStyle } from './components/tag/style';
@@ -185,6 +196,7 @@ export { defaultTreeQueryEngine } from './components/tree/util';
185
196
  export { default as Wizard } from './components/wizard';
186
197
  export { default as WizardModal } from './components/wizard/WizardModal';
187
198
  export { WizardService } from './components/wizard/WizardService';
199
+ export { default as WizardSummary } from './components/wizard/WizardSummary';
188
200
  export { default as ControlledWizardComponent } from './components/wizard/components/ControlledWizardComponent';
189
201
  export { default as FormStep } from './components/wizard/components/FormStep';
190
202
  export { default as Step } from './components/wizard/components/Step';
@@ -193,8 +205,9 @@ export { default as UncontrolledWizardComponent } from './components/wizard/comp
193
205
  export { default as WizardComponent } from './components/wizard/components/WizardComponent';
194
206
  export { default as WizardContainer } from './components/wizard/components/WizardContainer';
195
207
  export { default as WizardModalComponent } from './components/wizard/components/WizardModalComponent';
196
- export { wizardModalStyle, wizardStyle } from './components/wizard/style';
197
- export { ControlledWizardProps, StepProps, StepState, StepTitleProps, UseWizardController, WizardModalProps, WizardProps, WizardState, FormStepProps, } from './components/wizard/typings';
208
+ export { default as WizardSummaryComponent } from './components/wizard/components/WizardSummaryComponent';
209
+ export { wizardModalStyle, wizardStyle, wizardSummaryStyle } from './components/wizard/style';
210
+ export { ControlledWizardProps, FormStepProps, StepProps, StepState, StepTitleProps, UseWizardController, WizardModalProps, WizardProps, WizardState, } from './components/wizard/typings';
198
211
  export * from './styles/alignment';
199
212
  export * from './styles/animation';
200
213
  export * from './styles/background';
@@ -223,5 +236,6 @@ export { TailwindTheme, tailwindPalette, tailwindTheme } from './theme/tailwind'
223
236
  export * from './utils/color';
224
237
  export * from './utils/event';
225
238
  export * from './utils/formatter';
239
+ export * from './utils/misc';
226
240
  export * from './utils/popper';
227
241
  export * from './utils/style';