@synerise/ds-cruds 1.0.11 → 1.0.13
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.
- package/CHANGELOG.md +211 -915
- package/README.md +31 -29
- package/dist/Cruds.d.ts +1 -1
- package/dist/Cruds.js +1 -1
- package/dist/Cruds.types.d.ts +2 -2
- package/dist/SingleAction.d.ts +1 -1
- package/dist/SingleAction.js +1 -1
- package/package.json +5 -5
package/README.md
CHANGED
|
@@ -6,6 +6,7 @@ title: Cruds
|
|
|
6
6
|
Cruds UI Component
|
|
7
7
|
|
|
8
8
|
## Installation
|
|
9
|
+
|
|
9
10
|
```
|
|
10
11
|
npm i @synerise/ds-cruds
|
|
11
12
|
or
|
|
@@ -13,22 +14,23 @@ yarn add @synerise/ds-cruds
|
|
|
13
14
|
```
|
|
14
15
|
|
|
15
16
|
## Usage
|
|
17
|
+
|
|
16
18
|
```
|
|
17
19
|
import Cruds from '@synerise/ds-cruds'
|
|
18
20
|
|
|
19
|
-
<Cruds
|
|
20
|
-
onAdd={handleAdd}
|
|
21
|
-
onDelete={handleDelete}
|
|
22
|
-
onRemove={handleRemove}
|
|
23
|
-
onMove={handleMove}
|
|
24
|
-
onEdit={handleEdit}
|
|
25
|
-
onDuplicate={handleDuplicate}
|
|
26
|
-
addTooltip={'Add'}
|
|
27
|
-
deleteTooltip={'Delete'}
|
|
28
|
-
duplicateTooltip={'Duplicate'}
|
|
29
|
-
editTooltip={'Edit'}
|
|
30
|
-
moveTooltip={'Move'}
|
|
31
|
-
removeTooltip={'Remove'}
|
|
21
|
+
<Cruds
|
|
22
|
+
onAdd={handleAdd}
|
|
23
|
+
onDelete={handleDelete}
|
|
24
|
+
onRemove={handleRemove}
|
|
25
|
+
onMove={handleMove}
|
|
26
|
+
onEdit={handleEdit}
|
|
27
|
+
onDuplicate={handleDuplicate}
|
|
28
|
+
addTooltip={'Add'}
|
|
29
|
+
deleteTooltip={'Delete'}
|
|
30
|
+
duplicateTooltip={'Duplicate'}
|
|
31
|
+
editTooltip={'Edit'}
|
|
32
|
+
moveTooltip={'Move'}
|
|
33
|
+
removeTooltip={'Remove'}
|
|
32
34
|
/>
|
|
33
35
|
|
|
34
36
|
```
|
|
@@ -51,19 +53,19 @@ import SingleAction from '@synerise/ds-cruds/dist/SingleAction'
|
|
|
51
53
|
|
|
52
54
|
## API
|
|
53
55
|
|
|
54
|
-
| Property | Description | Type
|
|
55
|
-
| ---------------- | ---------------------------------------------------------------------------- |
|
|
56
|
-
| addTooltip | Tooltip of the add button | React.ReactNode / string
|
|
57
|
-
| duplicateTooltip | Tooltip of the duplicate button | React.ReactNode / string
|
|
58
|
-
| deleteTooltip | Tooltip of the delete button (which has a different icon than remove button) | React.ReactNode / string
|
|
59
|
-
| editTooltip | Tooltip of the edit button | React.ReactNode / string
|
|
60
|
-
| moveTooltip | Tooltip of the move button | React.ReactNode / string
|
|
61
|
-
| removeTooltip | Tooltip of the remove button | React.ReactNode / string
|
|
62
|
-
| previewTooltip | Tooltip of the preview button | React.ReactNode / string
|
|
63
|
-
| onAdd | Callback executed after clicking the add button. | (event: React.MouseEvent) => void
|
|
64
|
-
| onDuplicate | Callback executed after clicking the duplicate button. | (event: React.MouseEvent) => void
|
|
65
|
-
| onDelete | Callback executed after clicking the delete button. | (event: React.MouseEvent) => void
|
|
66
|
-
| onEdit | Callback executed after clicking the edit button. | (event: React.MouseEvent) => void
|
|
67
|
-
| onMove | Callback executed after clicking the move button. | (event: React.MouseEvent) => void
|
|
68
|
-
| onRemove | Callback executed after clicking the remove button. | (event: React.MouseEvent) => void
|
|
69
|
-
| onPreview | Callback executed after clicking the preview button. | (event: React.MouseEvent) => void
|
|
56
|
+
| Property | Description | Type | Default |
|
|
57
|
+
| ---------------- | ---------------------------------------------------------------------------- | --------------------------------- | ------- |
|
|
58
|
+
| addTooltip | Tooltip of the add button | React.ReactNode / string | - |
|
|
59
|
+
| duplicateTooltip | Tooltip of the duplicate button | React.ReactNode / string | - |
|
|
60
|
+
| deleteTooltip | Tooltip of the delete button (which has a different icon than remove button) | React.ReactNode / string | - |
|
|
61
|
+
| editTooltip | Tooltip of the edit button | React.ReactNode / string | - |
|
|
62
|
+
| moveTooltip | Tooltip of the move button | React.ReactNode / string | - |
|
|
63
|
+
| removeTooltip | Tooltip of the remove button | React.ReactNode / string | - |
|
|
64
|
+
| previewTooltip | Tooltip of the preview button | React.ReactNode / string | - |
|
|
65
|
+
| onAdd | Callback executed after clicking the add button. | (event: React.MouseEvent) => void | - |
|
|
66
|
+
| onDuplicate | Callback executed after clicking the duplicate button. | (event: React.MouseEvent) => void | - |
|
|
67
|
+
| onDelete | Callback executed after clicking the delete button. | (event: React.MouseEvent) => void | - |
|
|
68
|
+
| onEdit | Callback executed after clicking the edit button. | (event: React.MouseEvent) => void | - |
|
|
69
|
+
| onMove | Callback executed after clicking the move button. | (event: React.MouseEvent) => void | - |
|
|
70
|
+
| onRemove | Callback executed after clicking the remove button. | (event: React.MouseEvent) => void | - |
|
|
71
|
+
| onPreview | Callback executed after clicking the preview button. | (event: React.MouseEvent) => void | - |
|
package/dist/Cruds.d.ts
CHANGED
package/dist/Cruds.js
CHANGED
|
@@ -2,7 +2,7 @@ var _excluded = ["onDelete", "onAdd", "onPreview", "onEdit", "onDuplicate", "onM
|
|
|
2
2
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
3
3
|
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
4
4
|
import React from 'react';
|
|
5
|
-
import { AddS, CloseS, DragHandleM, DuplicateS, EditS,
|
|
5
|
+
import { AddS, ArrowDownS, ArrowUpS, CloseS, DragHandleM, DuplicateS, EditS, ShowM, TrashS } from '@synerise/ds-icon';
|
|
6
6
|
import * as S from './Cruds.styles';
|
|
7
7
|
import SingleAction from './SingleAction';
|
|
8
8
|
var Cruds = function Cruds(_ref) {
|
package/dist/Cruds.types.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { MouseEvent, ReactNode } from 'react';
|
|
2
|
-
import SingleAction from './SingleAction';
|
|
1
|
+
import { type MouseEvent, type ReactNode } from 'react';
|
|
2
|
+
import type SingleAction from './SingleAction';
|
|
3
3
|
export interface CrudsProps {
|
|
4
4
|
addTooltip?: ReactNode;
|
|
5
5
|
previewTooltip?: ReactNode;
|
package/dist/SingleAction.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { SingleActionProps } from './SingleAction.types';
|
|
2
|
+
import { type SingleActionProps } from './SingleAction.types';
|
|
3
3
|
declare const SingleAction: ({ title, inactive, className, onClick, icon, iconSize, ...htmlProps }: SingleActionProps) => React.JSX.Element;
|
|
4
4
|
export default SingleAction;
|
package/dist/SingleAction.js
CHANGED
|
@@ -2,8 +2,8 @@ var _excluded = ["title", "inactive", "className", "onClick", "icon", "iconSize"
|
|
|
2
2
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
3
3
|
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
4
4
|
import React from 'react';
|
|
5
|
-
import Tooltip from '@synerise/ds-tooltip/dist/Tooltip';
|
|
6
5
|
import Icon from '@synerise/ds-icon';
|
|
6
|
+
import Tooltip from '@synerise/ds-tooltip/dist/Tooltip';
|
|
7
7
|
import * as S from './Cruds.styles';
|
|
8
8
|
var SingleAction = function SingleAction(_ref) {
|
|
9
9
|
var title = _ref.title,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@synerise/ds-cruds",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.13",
|
|
4
4
|
"description": "Cruds UI Component for the Synerise Design System",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"repository": "Synerise/synerise-design",
|
|
@@ -34,14 +34,14 @@
|
|
|
34
34
|
],
|
|
35
35
|
"types": "dist/index.d.ts",
|
|
36
36
|
"dependencies": {
|
|
37
|
-
"@synerise/ds-icon": "^1.5.
|
|
38
|
-
"@synerise/ds-tooltip": "^1.1.
|
|
39
|
-
"@synerise/ds-utils": "^1.3.
|
|
37
|
+
"@synerise/ds-icon": "^1.5.4",
|
|
38
|
+
"@synerise/ds-tooltip": "^1.1.12",
|
|
39
|
+
"@synerise/ds-utils": "^1.3.1"
|
|
40
40
|
},
|
|
41
41
|
"peerDependencies": {
|
|
42
42
|
"@synerise/ds-core": "*",
|
|
43
43
|
"react": ">=16.9.0 <= 18.3.1",
|
|
44
44
|
"styled-components": "^5.3.3"
|
|
45
45
|
},
|
|
46
|
-
"gitHead": "
|
|
46
|
+
"gitHead": "4512641033ba3581a3df208143c547fcfed45895"
|
|
47
47
|
}
|