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
- }, /*#__PURE__*/_react["default"].createElement(Handle, handleProps))) : null, placeholder ? children : /*#__PURE__*/_react["default"].createElement("ul", {
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 icon = function icon() {
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: 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 _DeleteRounded = _interopRequireDefault(require("@mui/icons-material/DeleteRounded"));
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 icon = function icon() {
3339
- return /*#__PURE__*/_react["default"].createElement(_DeleteRounded["default"], null);
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: icon
3345
+ icon: removeIcon
3344
3346
  }, props, {
3345
3347
  active: {
3346
3348
  fill: 'rgba(255, 70, 70, 0.95)',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "authscape",
3
- "version": "1.0.402",
3
+ "version": "1.0.404",
4
4
  "description": "",
5
5
  "main": "index.js",
6
6
  "scripts": {
@@ -55,7 +55,7 @@ export const Container = forwardRef(
55
55
  <div className={"Header"}>
56
56
  {label}
57
57
  <div className={"Actions"}>
58
- {/* {onRemove ? <Remove onClick={onRemove} /> : undefined} */}
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 icon = () => {
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={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 DeleteRoundedIcon from '@mui/icons-material/DeleteRounded';
2
+ import DragIndicatorRoundedIcon from '@mui/icons-material/DragIndicatorRounded';
3
3
  // import {Action} from './Action';
4
4
 
5
- const icon = () => {
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={icon}
12
+ icon={removeIcon}
13
13
  {...props}
14
14
  active={{
15
15
  fill: 'rgba(255, 70, 70, 0.95)',