authscape 1.0.394 → 1.0.398

package/index.js

@@ -2216,7 +2216,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Action = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _excluded = ["active", "className", "cursor", "style"];
+var _excluded = ["active", "className", "cursor", "icon", "style"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 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); }
@@ -2233,6 +2233,7 @@ var Action = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var active = _ref.active,
     className = _ref.className,
     cursor = _ref.cursor,
+    icon = _ref.icon,
     style = _ref.style,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement("button", _extends({
@@ -2245,7 +2246,7 @@ var Action = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       '--fill': active === null || active === void 0 ? void 0 : active.fill,
       '--background': active === null || active === void 0 ? void 0 : active.background
     })
-  }));
+  }), icon());
 });
 exports.Action = Action;
 "use strict";
@@ -2340,22 +2341,23 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Handle = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _DragIndicatorRounded = _interopRequireDefault(require("@mui/icons-material/DragIndicatorRounded"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 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); }
 // import {Action} from './Action';
 
+var icon = function icon() {
+  return /*#__PURE__*/_react["default"].createElement(_DragIndicatorRounded["default"], null);
+};
 var Handle = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   return /*#__PURE__*/_react["default"].createElement(Action, _extends({
     ref: ref,
+    icon: icon,
     cursor: "grab",
     "data-cypress": "draggable-handle"
-  }, props), /*#__PURE__*/_react["default"].createElement("svg", {
-    viewBox: "0 0 20 20",
-    width: "12"
-  }, /*#__PURE__*/_react["default"].createElement("path", {
-    d: "M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-  })));
+  }, props));
 });
 exports.Handle = Handle;
 "use strict";
@@ -3330,6 +3332,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Remove = Remove;
 var _react = _interopRequireDefault(require("react"));
+var _DeleteRounded = _interopRequireDefault(require("@mui/icons-material/DeleteRounded"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 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); }
 // import {Action} from './Action';
@@ -3340,13 +3343,7 @@ function Remove(props) {
       fill: 'rgba(255, 70, 70, 0.95)',
       background: 'rgba(255, 70, 70, 0.1)'
     }
-  }), /*#__PURE__*/_react["default"].createElement("svg", {
-    width: "8",
-    viewBox: "0 0 22 22",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/_react["default"].createElement("path", {
-    d: "M2.99998 -0.000206962C2.7441 -0.000206962 2.48794 0.0972617 2.29294 0.292762L0.292945 2.29276C-0.0980552 2.68376 -0.0980552 3.31682 0.292945 3.70682L7.58591 10.9998L0.292945 18.2928C-0.0980552 18.6838 -0.0980552 19.3168 0.292945 19.7068L2.29294 21.7068C2.68394 22.0978 3.31701 22.0978 3.70701 21.7068L11 14.4139L18.2929 21.7068C18.6829 22.0978 19.317 22.0978 19.707 21.7068L21.707 19.7068C22.098 19.3158 22.098 18.6828 21.707 18.2928L14.414 10.9998L21.707 3.70682C22.098 3.31682 22.098 2.68276 21.707 2.29276L19.707 0.292762C19.316 -0.0982383 18.6829 -0.0982383 18.2929 0.292762L11 7.58573L3.70701 0.292762C3.51151 0.0972617 3.25585 -0.000206962 2.99998 -0.000206962Z"
-  })));
+  }), /*#__PURE__*/_react["default"].createElement(_DeleteRounded["default"], null));
 }
 "use strict";
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "authscape",
-  "version": "1.0.394",
+  "version": "1.0.398",
   "description": "",
   "main": "index.js",
   "scripts": {

package/src/components/kanban/Action.js

@@ -2,7 +2,7 @@ import React, {forwardRef, CSSProperties} from 'react';
 // import classNames from 'classnames';
 
 export const Action = forwardRef(
-  ({active, className, cursor, style, ...props}, ref) => {
+  ({active, className, cursor, icon, style, ...props}, ref) => {
     return (
       <button
         ref={ref}
@@ -17,7 +17,9 @@ export const Action = forwardRef(
             '--background': active?.background,
           }
         }
-      />
+      >
+        {icon()}
+      </button>
     );
   }
 );

package/src/components/kanban/Handle.js

@@ -1,19 +1,21 @@
 import React, {forwardRef} from 'react';
-
+import DragIndicatorRoundedIcon from '@mui/icons-material/DragIndicatorRounded';
 // import {Action} from './Action';
 
+const icon = () => {
+  return <DragIndicatorRoundedIcon/>
+}
+
 export const Handle = forwardRef(
   (props, ref) => {
     return (
       <Action
         ref={ref}
+        icon={icon}
         cursor="grab"
         data-cypress="draggable-handle"
         {...props}
       >
-        <svg viewBox="0 0 20 20" width="12">
-          <path d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"></path>
-        </svg>
       </Action>
     );
   }

package/src/components/kanban/Remove.js

@@ -1,5 +1,5 @@
 import React from 'react';
-
+import DeleteRoundedIcon from '@mui/icons-material/DeleteRounded';
 // import {Action} from './Action';
 
 export function Remove(props) {
@@ -11,9 +11,7 @@ export function Remove(props) {
         background: 'rgba(255, 70, 70, 0.1)',
       }}
     >
-      <svg width="8" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg">
-        <path d="M2.99998 -0.000206962C2.7441 -0.000206962 2.48794 0.0972617 2.29294 0.292762L0.292945 2.29276C-0.0980552 2.68376 -0.0980552 3.31682 0.292945 3.70682L7.58591 10.9998L0.292945 18.2928C-0.0980552 18.6838 -0.0980552 19.3168 0.292945 19.7068L2.29294 21.7068C2.68394 22.0978 3.31701 22.0978 3.70701 21.7068L11 14.4139L18.2929 21.7068C18.6829 22.0978 19.317 22.0978 19.707 21.7068L21.707 19.7068C22.098 19.3158 22.098 18.6828 21.707 18.2928L14.414 10.9998L21.707 3.70682C22.098 3.31682 22.098 2.68276 21.707 2.29276L19.707 0.292762C19.316 -0.0982383 18.6829 -0.0982383 18.2929 0.292762L11 7.58573L3.70701 0.292762C3.51151 0.0972617 3.25585 -0.000206962 2.99998 -0.000206962Z" />
-      </svg>
+      <DeleteRoundedIcon />
     </Action>
   );
 }