@steroidsjs/core 3.0.0-beta.23 → 3.0.0-beta.25

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 (50) hide show
  1. package/index.d.ts +6 -0
  2. package/package.json +1 -1
  3. package/ui/form/Field/fieldWrapper.d.ts +8 -0
  4. package/ui/form/Field/fieldWrapper.js +4 -1
  5. package/ui/form/FieldLayout/FieldLayout.d.ts +5 -0
  6. package/ui/form/FieldList/FieldList.d.ts +9 -0
  7. package/ui/form/FieldList/FieldList.js +1 -1
  8. package/ui/form/FileField/FileField.d.ts +49 -31
  9. package/ui/form/FileField/FileField.js +19 -10
  10. package/ui/list/CheckboxColumn/CheckboxColumn.d.ts +2 -1
  11. package/ui/list/CheckboxColumn/CheckboxColumn.js +4 -1
  12. package/ui/list/Grid/Grid.d.ts +56 -2
  13. package/ui/list/Grid/Grid.js +11 -2
  14. package/ui/nav/Controls/Controls.js +6 -5
  15. package/ui/crud/Crud/demo/default.d.ts +0 -8
  16. package/ui/crud/Crud/demo/default.js +0 -76
  17. package/ui/form/FieldList/demo/basic.d.ts +0 -8
  18. package/ui/form/FieldList/demo/basic.js +0 -62
  19. package/ui/form/FieldList/demo/disabled.d.ts +0 -8
  20. package/ui/form/FieldList/demo/disabled.js +0 -62
  21. package/ui/form/FieldSet/demo/basic.d.ts +0 -8
  22. package/ui/form/FieldSet/demo/basic.js +0 -53
  23. package/ui/form/FileField/demo/basic.d.ts +0 -8
  24. package/ui/form/FileField/demo/basic.js +0 -37
  25. package/ui/form/HtmlField/demo/basic.d.ts +0 -8
  26. package/ui/form/HtmlField/demo/basic.js +0 -37
  27. package/ui/list/CheckboxColumn/demo/basic.d.ts +0 -8
  28. package/ui/list/CheckboxColumn/demo/basic.js +0 -51
  29. package/ui/list/Grid/demo/basic.d.ts +0 -18
  30. package/ui/list/Grid/demo/basic.js +0 -72
  31. package/ui/list/Grid/demo/controls.d.ts +0 -8
  32. package/ui/list/Grid/demo/controls.js +0 -44
  33. package/ui/list/Grid/demo/empty.d.ts +0 -8
  34. package/ui/list/Grid/demo/empty.js +0 -38
  35. package/ui/list/Grid/demo/formatter.d.ts +0 -8
  36. package/ui/list/Grid/demo/formatter.js +0 -67
  37. package/ui/list/Grid/demo/indexing.d.ts +0 -8
  38. package/ui/list/Grid/demo/indexing.js +0 -52
  39. package/ui/list/Grid/demo/inner-search-form.d.ts +0 -16
  40. package/ui/list/Grid/demo/inner-search-form.js +0 -60
  41. package/ui/list/Grid/demo/load-more.d.ts +0 -8
  42. package/ui/list/Grid/demo/load-more.js +0 -43
  43. package/ui/list/Grid/demo/pagination.d.ts +0 -8
  44. package/ui/list/Grid/demo/pagination.js +0 -41
  45. package/ui/list/Grid/demo/search-form.d.ts +0 -8
  46. package/ui/list/Grid/demo/search-form.js +0 -50
  47. package/ui/list/Grid/demo/sort.d.ts +0 -8
  48. package/ui/list/Grid/demo/sort.js +0 -50
  49. package/ui/list/Grid/demo/visible.d.ts +0 -8
  50. package/ui/list/Grid/demo/visible.js +0 -52
package/index.d.ts CHANGED
@@ -74,6 +74,12 @@ declare type CustomStyle = React.CSSProperties;
74
74
  */
75
75
  declare type CustomView = React.ReactNode | React.FunctionComponent;
76
76
 
77
+ /**
78
+ * Кастомная иконка
79
+ * @example custom-icon
80
+ */
81
+ declare type CustomIcon = string | React.ReactElement;
82
+
77
83
  /**
78
84
  * HTTP метод
79
85
  */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@steroidsjs/core",
3
- "version": "3.0.0-beta.23",
3
+ "version": "3.0.0-beta.25",
4
4
  "description": "",
5
5
  "author": "Vladimir Kozhin <hello@kozhindev.com>",
6
6
  "repository": {
@@ -60,6 +60,14 @@ export interface IFieldWrapperInputProps {
60
60
  * Размер поля
61
61
  */
62
62
  size?: Size;
63
+ /**
64
+ * Дополнительный CSS-класс для обертки FieldLayout
65
+ */
66
+ fieldLayoutClassName?: CssClassName;
67
+ /**
68
+ * Возможность отрендерить поле без обертки в компонент FieldLayout
69
+ */
70
+ isRenderWithoutFieldLayout?: boolean;
63
71
  [key: string]: any;
64
72
  }
65
73
  export interface IFieldWrapperOutputProps {
@@ -131,7 +131,10 @@ function fieldWrapper(componentId, Component, optionsConfig) {
131
131
  }
132
132
  var uniqueId = (0, hooks_1.useUniqueId)('input');
133
133
  var inputId = props.id || uniqueId;
134
- return components.ui.renderView(FieldLayout_1["default"], __assign(__assign({}, attributesProps), { size: props.size || context.size || null, required: (0, has_1["default"])(props, 'required') ? props.required : metaProps.required, label: options.label === false ? null : ((0, has_1["default"])(props, 'label') ? props.label : metaProps.label), hint: (0, has_1["default"])(props, 'hint') ? props.hint : metaProps.hint, errors: props.errors, id: inputId, children: (React.createElement(Component.DynamicField, __assign({}, props, { id: inputId }))) }));
134
+ if (props.isRenderWithoutFieldLayout) {
135
+ return components.ui.renderView(Component.DynamicField, props);
136
+ }
137
+ return components.ui.renderView(FieldLayout_1["default"], __assign(__assign({}, attributesProps), { className: props.fieldLayoutClassName, size: props.size || context.size || null, required: (0, has_1["default"])(props, 'required') ? props.required : metaProps.required, label: options.label === false ? null : ((0, has_1["default"])(props, 'label') ? props.label : metaProps.label), hint: (0, has_1["default"])(props, 'hint') ? props.hint : metaProps.hint, errors: props.errors, id: inputId, children: (React.createElement(Component.DynamicField, __assign({}, props, { id: inputId }))) }));
135
138
  };
136
139
  NewComponent.WrappedComponent = Component;
137
140
  NewComponent.displayName = componentId;
@@ -4,6 +4,10 @@ import * as React from 'react';
4
4
  * Специальный шаблон для поля, который настраивает его расположение внутри формы, рендерит лейбл, подсказки и ошибки
5
5
  */
6
6
  export interface IFieldLayoutProps {
7
+ /**
8
+ * Дополнительный CSS-класс
9
+ */
10
+ className?: CssClassName;
7
11
  /**
8
12
  * Название поля либо отмена отображение поля (false)
9
13
  * @example 'Visible'
@@ -46,6 +50,7 @@ export interface IFieldLayoutViewProps {
46
50
  id: string;
47
51
  size: Size;
48
52
  children?: React.ReactNode;
53
+ className?: string;
49
54
  }
50
55
  declare function FieldLayout(props: IFieldLayoutProps): JSX.Element;
51
56
  declare const _default: React.MemoExoticComponent<typeof FieldLayout>;
@@ -33,6 +33,10 @@ interface IFieldListItem extends IFieldWrapperInputProps {
33
33
  * @example MyCustomView
34
34
  */
35
35
  view?: CustomView;
36
+ /**
37
+ * Заголовок для колонки таблицы.
38
+ */
39
+ title?: string;
36
40
  [key: string]: any;
37
41
  }
38
42
  export interface IFieldListProps extends IFieldWrapperInputProps {
@@ -94,6 +98,10 @@ export interface IFieldListProps extends IFieldWrapperInputProps {
94
98
  * @example true
95
99
  */
96
100
  enableKeyboardNavigation?: boolean;
101
+ /**
102
+ * Добавляет эффект зебры к таблице
103
+ */
104
+ hasAlternatingColors?: boolean;
97
105
  [key: string]: any;
98
106
  }
99
107
  export interface IFieldListViewProps {
@@ -111,6 +119,7 @@ export interface IFieldListViewProps {
111
119
  forwardedRef?: any;
112
120
  disabled?: boolean;
113
121
  size?: Size;
122
+ hasAlternatingColors?: boolean;
114
123
  }
115
124
  export interface IFieldListItemViewProps extends IFieldWrapperOutputProps {
116
125
  items?: (IFieldListItem & {
@@ -106,7 +106,7 @@ function FieldList(props) {
106
106
  var FieldListView = props.view || components.ui.getView('form.FieldListView');
107
107
  var FieldListItemView = props.itemView || components.ui.getView('form.FieldListItemView');
108
108
  return (React.createElement(Form_1.FormContext.Provider, { value: contextValue },
109
- React.createElement(FieldListView, __assign({}, props.viewProps, commonProps, { forwardedRef: nodeRef, onAdd: onAdd }), (0, range_1["default"])(props.input.value || 0)
109
+ React.createElement(FieldListView, __assign({}, props.viewProps, commonProps, { forwardedRef: nodeRef, onAdd: onAdd, hasAlternatingColors: props.hasAlternatingColors }), (0, range_1["default"])(props.input.value || 0)
110
110
  .map(function (index) { return (React.createElement(FieldListItemView, __assign({}, props.itemViewProps, commonProps, { key: index, onRemove: onRemove, prefix: props.input.name + '.' + index, rowIndex: index }))); }))));
111
111
  }
112
112
  FieldList.defaultProps = {
@@ -1,27 +1,66 @@
1
- import * as React from 'react';
2
1
  import { IFileHocInput, IFileHocOutput } from '../../../hoc/file';
3
2
  import { IFieldWrapperInputProps } from '../Field/fieldWrapper';
4
- export interface IFileFieldProps extends IFieldWrapperInputProps, IFileHocInput, IFileHocOutput {
3
+ import { IButtonProps } from '../Button/Button';
4
+ export declare enum FilesLayout {
5
+ list = "list",
6
+ wall = "wall"
7
+ }
8
+ interface IFileFieldCommonProps extends IFileHocInput, IFileHocOutput {
5
9
  /**
6
10
  * Показать значок удаление файла
7
11
  * @example true
8
12
  */
9
13
  showRemove?: boolean;
10
- buttonComponent?: React.ReactNode;
11
- buttonProps?: any;
14
+ /**
15
+ * Кастомная иконка для удаление файла
16
+ * @example true
17
+ */
18
+ customRemoveIcon?: string;
19
+ /**
20
+ * Вариант отображения файлов
21
+ * @example 'list'
22
+ */
23
+ filesLayout?: FilesLayout | string;
24
+ }
25
+ export interface IFileFieldProps extends IFieldWrapperInputProps, IFileFieldCommonProps {
26
+ /**
27
+ * Дополнительный css класс
28
+ * @example true
29
+ */
12
30
  className?: CssClassName;
31
+ /**
32
+ * View компонент
33
+ * @example true
34
+ */
13
35
  view?: CustomView;
14
- itemView?: CustomView;
15
- itemProps?: any;
36
+ /**
37
+ * View компонент для кнопки
38
+ * @example true
39
+ */
40
+ buttonView?: any;
41
+ /**
42
+ * Пропсы для кнопки
43
+ * @example true
44
+ */
45
+ buttonProps?: IButtonProps;
46
+ /**
47
+ * View компонент для элемента списка файлов
48
+ * @example true
49
+ */
50
+ itemView?: any;
51
+ /**
52
+ * Пропсы для элемента файла
53
+ * @example true
54
+ */
55
+ itemProps?: Record<string, any>;
16
56
  [key: string]: any;
17
57
  }
18
- export interface IFileFieldItemViewProps extends IFileHocInput, IFileHocOutput {
58
+ export interface IFileFieldItemViewProps extends IFileFieldCommonProps {
19
59
  /**
20
60
  * Уникальный текстовый идентификатор
21
61
  * @example e65f5867-0083-48a7-af43-1121ed9e6280
22
62
  */
23
63
  uid?: string;
24
- imagesOnly?: boolean;
25
64
  /**
26
65
  * ID файла
27
66
  * @example 34
@@ -33,13 +72,14 @@ export interface IFileFieldItemViewProps extends IFileHocInput, IFileHocOutput {
33
72
  */
34
73
  title?: string;
35
74
  disabled?: boolean;
36
- showRemove?: boolean;
37
75
  /**
38
76
  * Обработчик события удаления файла
39
77
  * @param e
40
78
  */
41
79
  onRemove?: () => void;
42
80
  error?: string;
81
+ size?: number;
82
+ item?: Record<string, any>;
43
83
  image?: {
44
84
  /**
45
85
  * Url файла
@@ -63,28 +103,6 @@ export interface IFileFieldItemViewProps extends IFileHocInput, IFileHocOutput {
63
103
  };
64
104
  }
65
105
  export interface IFileFieldViewProps extends IFileFieldProps {
66
- buttonComponent?: React.ReactNode | any;
67
- imagesOnly?: boolean;
68
- itemProps?: any;
69
- buttonProps: {
70
- /**
71
- * Название поля
72
- * @example Save
73
- */
74
- label?: string | any;
75
- size?: boolean;
76
- /**
77
- * Переводит в неактивное состояние
78
- * @example true
79
- */
80
- disabled?: boolean;
81
- /**
82
- * Обработчик события нажатия
83
- * @param e
84
- */
85
- onClick?: (e: Event) => void;
86
- };
87
- itemView?: React.ReactNode | any;
88
106
  items: IFileFieldItemViewProps[];
89
107
  }
90
108
  declare const _default: import("../Field/fieldWrapper").FieldWrapperComponent<IFileFieldProps>;
@@ -37,6 +37,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
37
37
  return (mod && mod.__esModule) ? mod : { "default": mod };
38
38
  };
39
39
  exports.__esModule = true;
40
+ exports.FilesLayout = void 0;
40
41
  var React = __importStar(require("react"));
41
42
  var File_1 = __importDefault(require("fileup-core/lib/models/File"));
42
43
  var first_1 = __importDefault(require("lodash-es/first"));
@@ -44,18 +45,19 @@ var values_1 = __importDefault(require("lodash-es/values"));
44
45
  var useFile_1 = __importDefault(require("../../../hooks/useFile"));
45
46
  var hooks_1 = require("../../../hooks");
46
47
  var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
47
- function FileField(props) {
48
+ var FilesLayout;
49
+ (function (FilesLayout) {
50
+ FilesLayout["list"] = "list";
51
+ FilesLayout["wall"] = "wall";
52
+ })(FilesLayout = exports.FilesLayout || (exports.FilesLayout = {}));
53
+ function FileFieldComponent(props) {
48
54
  var components = (0, hooks_1.useComponents)();
49
55
  var _a = (0, useFile_1["default"])(props), files = _a.files, onBrowse = _a.onBrowse, onRemove = _a.onRemove;
50
56
  var FileFieldView = props.view || components.ui.getView('form.FileFieldView');
51
57
  var FileFieldItemView = props.itemView || components.ui.getView('form.FileFieldItemView');
52
- return (React.createElement(FileFieldView, __assign({}, props, { buttonComponent: props.buttonComponent, buttonProps: __assign({ label: props.imagesOnly
53
- ? props.multiple
54
- ? __('Прикрепить фотографии')
55
- : __('Прикрепить фото')
56
- : props.multiple
57
- ? __('Прикрепить файлы')
58
- : __('Прикрепить файл'), size: props.size, disabled: props.disabled, onClick: onBrowse }, props.buttonProps), itemView: FileFieldItemView, items: files.map(function (file) {
58
+ return (React.createElement(FileFieldView, __assign({}, props, { buttonView: props.buttonView, buttonProps: __assign({ label: props.filesLayout === FilesLayout.wall
59
+ ? __('Upload')
60
+ : __('Click to Upload'), size: props.size, disabled: props.disabled, onClick: onBrowse }, props.buttonProps), itemView: FileFieldItemView, items: files.map(function (file) {
59
61
  var data = file.getResultHttpMessage() || {};
60
62
  var item = {
61
63
  uid: file.getUid(),
@@ -84,7 +86,7 @@ function FileField(props) {
84
86
  }
85
87
  }
86
88
  // Add thumbnail image
87
- if (data.images) {
89
+ if (props.imagesOnly && data.images) {
88
90
  // Image object has properties: url, width, height
89
91
  item.image = data.images[props.imagesProcessor]
90
92
  || (0, first_1["default"])((0, values_1["default"])(data.images));
@@ -99,13 +101,20 @@ function FileField(props) {
99
101
  return item;
100
102
  }) })));
101
103
  }
104
+ function FileField(props) {
105
+ if (process.env.IS_SSR) {
106
+ return null;
107
+ }
108
+ return (React.createElement(FileFieldComponent, __assign({}, props)));
109
+ }
102
110
  FileField.defaultProps = {
103
111
  disabled: false,
104
112
  required: false,
113
+ filesLayout: FilesLayout.list,
105
114
  className: '',
106
115
  showRemove: true,
107
116
  buttonProps: {
108
- color: 'secondary',
117
+ color: 'basic',
109
118
  outline: true
110
119
  },
111
120
  multiple: false
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ import { IContentColumnViewProps } from '../Grid/Grid';
2
3
  /**
3
4
  * CheckboxColumn
4
5
  * Колонка с чекбоксом, которая позволяет выбирать одну или все записи в таблице.
@@ -23,7 +24,7 @@ export interface ICheckboxColumnProps {
23
24
  view?: CustomView;
24
25
  [key: string]: any;
25
26
  }
26
- export interface ICheckboxColumnViewProps {
27
+ export interface ICheckboxColumnViewProps extends IContentColumnViewProps {
27
28
  fieldProps: Record<string, any>;
28
29
  input: {
29
30
  name: string;
@@ -25,7 +25,10 @@ function CheckboxColumn(props) {
25
25
  onChange: onChange
26
26
  }); }, [onChange, props.listId, value]);
27
27
  return components.ui.renderView(props.view || 'list.CheckboxColumnView', {
28
- input: input
28
+ input: input,
29
+ item: props.item,
30
+ attribute: props.attribute,
31
+ size: props.size
29
32
  });
30
33
  }
31
34
  exports["default"] = CheckboxColumn;
@@ -1,6 +1,15 @@
1
1
  import * as React from 'react';
2
+ import { ILinkProps } from 'src/ui/nav/Link/Link';
2
3
  import { IListConfig, ListControlPosition } from '../../../hooks/useList';
3
4
  import { IControlItem } from '../../nav/Controls/Controls';
5
+ export interface IContentColumnViewProps extends IGridColumn {
6
+ item: Record<string, any>;
7
+ size: Size;
8
+ primaryKey: string;
9
+ listId: string;
10
+ model: string;
11
+ [key: string]: any;
12
+ }
4
13
  export interface IGridColumn {
5
14
  /**
6
15
  * Атрибут колонки, по которому происходит поиск нужного свойства в items и нужного поля в SearchForm
@@ -44,7 +53,7 @@ export interface IGridColumn {
44
53
  * Компонент для кастомизации отображения значения в ячейке
45
54
  * @example MyCustomView
46
55
  */
47
- valueView?: any;
56
+ valueView?: any | 'ContentColumnView';
48
57
  /**
49
58
  * Свойства для компонента отображения значения в ячейке
50
59
  */
@@ -58,6 +67,36 @@ export interface IGridColumn {
58
67
  * @example true
59
68
  */
60
69
  sortable?: boolean;
70
+ /**
71
+ * Название свойства в items, которое будет использовано как subtitle
72
+ * @example 'name'
73
+ */
74
+ subtitleAttribute?: string;
75
+ /**
76
+ * Параметры для ссылки в колонке
77
+ * @example {attribute: 'name', linkProps: {target: 'blank'}, url: 'https://kozhindev.com'}
78
+ */
79
+ link: {
80
+ attribute: string;
81
+ linkProps?: ILinkProps;
82
+ urlAttribute: string;
83
+ };
84
+ /**
85
+ * Параметры для иконки в колонке
86
+ * @example {attribute: 'icon', isLeft: true}
87
+ */
88
+ icon: {
89
+ attribute: string;
90
+ isLeft?: boolean;
91
+ };
92
+ /**
93
+ * Параметры для картинки в колонке
94
+ * @example {attribute: 'icon', isLeft: true}
95
+ */
96
+ picture: {
97
+ attribute: string;
98
+ isLeft?: boolean;
99
+ };
61
100
  }
62
101
  /**
63
102
  * Grid
@@ -85,6 +124,14 @@ export interface IGridProps extends IListConfig {
85
124
  * должно быть задано свойство index
86
125
  */
87
126
  itemsIndexing?: any;
127
+ /**
128
+ * Размер Grid
129
+ */
130
+ size?: Size;
131
+ /**
132
+ * Включает переменные цвета для строк в таблице
133
+ */
134
+ hasAlternatingColors?: boolean;
88
135
  [key: string]: any;
89
136
  }
90
137
  export interface IGridViewProps extends Omit<IGridProps, 'onFetch'> {
@@ -105,4 +152,11 @@ export interface IGridViewProps extends Omit<IGridProps, 'onFetch'> {
105
152
  onFetch: (params?: Record<string, unknown>) => void;
106
153
  onSort: (value: any) => void;
107
154
  }
108
- export default function Grid(props: IGridProps): JSX.Element;
155
+ declare function Grid(props: IGridProps): JSX.Element;
156
+ declare namespace Grid {
157
+ var defaultProps: {
158
+ size: string;
159
+ hasAlternatingColors: boolean;
160
+ };
161
+ }
162
+ export default Grid;
@@ -88,8 +88,13 @@ function Grid(props) {
88
88
  var renderValue = (0, react_1.useCallback)(function (item, column) {
89
89
  // Custom component
90
90
  if (column.valueView) {
91
- var ValueView = column.valueView;
92
- return (React.createElement(ValueView, __assign({}, column, column.valueProps, { listId: props.listId, primaryKey: props.primaryKey, item: item })));
91
+ var isValueViewString = typeof column.valueView === 'string';
92
+ var ValueView = isValueViewString ? components.ui.getView("list.".concat(column.valueView)) : column.valueView;
93
+ var viewProps = __assign(__assign(__assign({}, column), column.valueProps), { listId: props.listId, primaryKey: props.primaryKey, item: item, size: props.size });
94
+ if (isValueViewString) {
95
+ return components.ui.renderView(ValueView, viewProps);
96
+ }
97
+ return (React.createElement(ValueView, __assign({}, viewProps)));
93
98
  }
94
99
  return (React.createElement(Format_1["default"], __assign({ item: item, model: props.model }, column, (column.formatter || {}))));
95
100
  }, [props.listId, props.model, props.primaryKey]);
@@ -117,3 +122,7 @@ function Grid(props) {
117
122
  return components.ui.renderView(props.view || 'list.GridView', __assign(__assign({}, props), { list: list, paginationPosition: paginationPosition, paginationSizePosition: paginationSizePosition, layoutNamesPosition: layoutNamesPosition, renderList: renderList, renderEmpty: renderEmpty, renderPagination: renderPagination, renderPaginationSize: renderPaginationSize, renderLayoutNames: renderLayoutNames, renderSearchForm: renderSearchForm, renderValue: renderValue, columns: columns, onFetch: onFetch, onSort: onSort, items: (list === null || list === void 0 ? void 0 : list.items) || [] }));
118
123
  }
119
124
  exports["default"] = Grid;
125
+ Grid.defaultProps = {
126
+ size: 'md',
127
+ hasAlternatingColors: true
128
+ };
@@ -11,36 +11,37 @@ var __assign = (this && this.__assign) || function () {
11
11
  return __assign.apply(this, arguments);
12
12
  };
13
13
  exports.__esModule = true;
14
+ /* eslint-disable react-hooks/exhaustive-deps */
14
15
  var react_1 = require("react");
15
16
  var hooks_1 = require("../../../hooks");
16
17
  function Controls(props) {
17
18
  var defaultItems = {
18
19
  index: {
19
- icon: 'back',
20
+ icon: 'comeback',
20
21
  label: __('К списку'),
21
22
  color: 'secondary',
22
23
  outline: true
23
24
  },
24
25
  create: {
25
- icon: 'create',
26
+ icon: 'add1',
26
27
  label: __('Добавить'),
27
28
  color: 'success',
28
29
  outline: true
29
30
  },
30
31
  view: {
31
- icon: 'view',
32
+ icon: 'show',
32
33
  label: __('Просмотр'),
33
34
  color: 'secondary',
34
35
  outline: true
35
36
  },
36
37
  update: {
37
- icon: 'update',
38
+ icon: 'edit1',
38
39
  label: __('Редактировать'),
39
40
  color: 'secondary',
40
41
  outline: true
41
42
  },
42
43
  "delete": {
43
- icon: 'delete',
44
+ icon: 'remove',
44
45
  label: __('Удалить'),
45
46
  confirm: __('Удалить запись?'),
46
47
  color: 'danger',
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- /**
3
- * Default
4
- * @order 1
5
- * @col 8
6
- */
7
- declare const _default: () => JSX.Element;
8
- export default _default;
@@ -1,76 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
- var __importDefault = (this && this.__importDefault) || function (mod) {
26
- return (mod && mod.__esModule) ? mod : { "default": mod };
27
- };
28
- exports.__esModule = true;
29
- var React = __importStar(require("react"));
30
- var Crud_1 = __importDefault(require("../Crud"));
31
- /**
32
- * Default
33
- * @order 1
34
- * @col 8
35
- */
36
- exports["default"] = (function () { return (React.createElement(React.Fragment, null,
37
- React.createElement(Crud_1["default"], { grid: {
38
- items: [
39
- {
40
- id: 1,
41
- name: 'Foo'
42
- },
43
- {
44
- id: 2,
45
- name: 'Bar'
46
- },
47
- ],
48
- columns: [
49
- {
50
- attribute: 'id',
51
- label: __('ИД')
52
- },
53
- {
54
- attribute: 'name',
55
- label: __('Имя')
56
- },
57
- ]
58
- }, form: {
59
- fields: [
60
- {
61
- attribute: 'name',
62
- label: __('Имя')
63
- },
64
- ]
65
- }, detail: {
66
- attributes: [
67
- {
68
- attribute: 'id',
69
- label: __('ИД')
70
- },
71
- {
72
- attribute: 'name',
73
- label: __('Имя')
74
- },
75
- ]
76
- } }))); });
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- /**
3
- * Обычный пример использования FieldList.
4
- * @order 1
5
- * @col 12
6
- */
7
- declare const _default: () => JSX.Element;
8
- export default _default;
@@ -1,62 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
- var __importDefault = (this && this.__importDefault) || function (mod) {
26
- return (mod && mod.__esModule) ? mod : { "default": mod };
27
- };
28
- exports.__esModule = true;
29
- var React = __importStar(require("react"));
30
- var FieldList_1 = __importDefault(require("../FieldList"));
31
- var Form_1 = __importDefault(require("../../Form"));
32
- var InputField_1 = __importDefault(require("../../InputField"));
33
- var NumberField_1 = __importDefault(require("../../NumberField"));
34
- /**
35
- * Обычный пример использования FieldList.
36
- * @order 1
37
- * @col 12
38
- */
39
- exports["default"] = (function () { return (React.createElement(React.Fragment, null,
40
- React.createElement(Form_1["default"], { formId: 'FieldListForm' },
41
- React.createElement(FieldList_1["default"], { attribute: 'items', label: 'Items', initialRowsCount: 2, items: [
42
- {
43
- attribute: 'id',
44
- type: 'hidden',
45
- component: InputField_1["default"]
46
- },
47
- {
48
- label: 'Name',
49
- attribute: 'name',
50
- component: InputField_1["default"]
51
- },
52
- {
53
- label: 'Description',
54
- attribute: 'description',
55
- component: InputField_1["default"]
56
- },
57
- {
58
- label: 'Amount',
59
- attribute: 'amount',
60
- component: NumberField_1["default"]
61
- },
62
- ] })))); });
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- /**
3
- * Выключенный или недоступный для использования.
4
- * @order 2
5
- * @col 12
6
- */
7
- declare const _default: () => JSX.Element;
8
- export default _default;