authscape 1.0.402 → 1.0.404
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/index.js
CHANGED
|
@@ -2305,7 +2305,9 @@ var Container = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
|
2305
2305
|
className: "Header"
|
|
2306
2306
|
}, label, /*#__PURE__*/_react["default"].createElement("div", {
|
|
2307
2307
|
className: "Actions"
|
|
2308
|
-
},
|
|
2308
|
+
}, onRemove ? /*#__PURE__*/_react["default"].createElement(Remove, {
|
|
2309
|
+
onClick: onRemove
|
|
2310
|
+
}) : undefined, /*#__PURE__*/_react["default"].createElement(Handle, handleProps))) : null, placeholder ? children : /*#__PURE__*/_react["default"].createElement("ul", {
|
|
2309
2311
|
style: {
|
|
2310
2312
|
paddingLeft: "10px",
|
|
2311
2313
|
paddingRight: "10px",
|
|
@@ -2346,12 +2348,12 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
2346
2348
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2347
2349
|
// import {Action} from './Action';
|
|
2348
2350
|
|
|
2349
|
-
var
|
|
2351
|
+
var dragIcon = function dragIcon() {
|
|
2350
2352
|
return /*#__PURE__*/_react["default"].createElement(_DragIndicatorRounded["default"], null);
|
|
2351
2353
|
};
|
|
2352
2354
|
var Handle = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
2353
2355
|
return /*#__PURE__*/_react["default"].createElement(Action, _extends({
|
|
2354
|
-
icon:
|
|
2356
|
+
icon: dragIcon,
|
|
2355
2357
|
ref: ref,
|
|
2356
2358
|
cursor: "grab",
|
|
2357
2359
|
"data-cypress": "draggable-handle"
|
|
@@ -3330,17 +3332,17 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
3330
3332
|
});
|
|
3331
3333
|
exports.Remove = Remove;
|
|
3332
3334
|
var _react = _interopRequireDefault(require("react"));
|
|
3333
|
-
var
|
|
3335
|
+
var _DragIndicatorRounded = _interopRequireDefault(require("@mui/icons-material/DragIndicatorRounded"));
|
|
3334
3336
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
3335
3337
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
3336
3338
|
// import {Action} from './Action';
|
|
3337
3339
|
|
|
3338
|
-
var
|
|
3339
|
-
return /*#__PURE__*/_react["default"].createElement(
|
|
3340
|
+
var removeIcon = function removeIcon() {
|
|
3341
|
+
return /*#__PURE__*/_react["default"].createElement(DeleteRoundedIcon, null);
|
|
3340
3342
|
};
|
|
3341
3343
|
function Remove(props) {
|
|
3342
3344
|
return /*#__PURE__*/_react["default"].createElement(Action, _extends({
|
|
3343
|
-
icon:
|
|
3345
|
+
icon: removeIcon
|
|
3344
3346
|
}, props, {
|
|
3345
3347
|
active: {
|
|
3346
3348
|
fill: 'rgba(255, 70, 70, 0.95)',
|
package/package.json
CHANGED
|
@@ -55,7 +55,7 @@ export const Container = forwardRef(
|
|
|
55
55
|
<div className={"Header"}>
|
|
56
56
|
{label}
|
|
57
57
|
<div className={"Actions"}>
|
|
58
|
-
{
|
|
58
|
+
{onRemove ? <Remove onClick={onRemove} /> : undefined}
|
|
59
59
|
<Handle {...handleProps} />
|
|
60
60
|
</div>
|
|
61
61
|
</div>
|
|
@@ -2,7 +2,7 @@ import React, {forwardRef} from 'react';
|
|
|
2
2
|
import DragIndicatorRoundedIcon from '@mui/icons-material/DragIndicatorRounded';
|
|
3
3
|
// import {Action} from './Action';
|
|
4
4
|
|
|
5
|
-
const
|
|
5
|
+
const dragIcon = () => {
|
|
6
6
|
return <DragIndicatorRoundedIcon/>
|
|
7
7
|
}
|
|
8
8
|
|
|
@@ -10,7 +10,7 @@ export const Handle = forwardRef(
|
|
|
10
10
|
(props, ref) => {
|
|
11
11
|
return (
|
|
12
12
|
<Action
|
|
13
|
-
icon={
|
|
13
|
+
icon={dragIcon}
|
|
14
14
|
ref={ref}
|
|
15
15
|
cursor="grab"
|
|
16
16
|
data-cypress="draggable-handle"
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import
|
|
2
|
+
import DragIndicatorRoundedIcon from '@mui/icons-material/DragIndicatorRounded';
|
|
3
3
|
// import {Action} from './Action';
|
|
4
4
|
|
|
5
|
-
const
|
|
5
|
+
const removeIcon = () => {
|
|
6
6
|
return <DeleteRoundedIcon/>
|
|
7
7
|
}
|
|
8
8
|
|
|
9
9
|
export function Remove(props) {
|
|
10
10
|
return (
|
|
11
11
|
<Action
|
|
12
|
-
icon={
|
|
12
|
+
icon={removeIcon}
|
|
13
13
|
{...props}
|
|
14
14
|
active={{
|
|
15
15
|
fill: 'rgba(255, 70, 70, 0.95)',
|