From 1a7d0b67de5ac949b97e23b3d88872c0c7cc0885 Mon Sep 17 00:00:00 2001
From: chris <kokosias@yahoo.gr>
Date: Sat, 4 Mar 2023 17:03:29 +0200
Subject: [PATCH] set disabled
---
.../src/MatchingService/components/DropDownComponent.js | 6 +++---
.../src/TablesService/components/TableDropDown.js | 4 ++--
.../QuestionsDropDownToolGroupService/DropDownComponent.js | 4 ++--
3 files changed, 7 insertions(+), 7 deletions(-)
diff --git a/wax-prosemirror-services/src/MatchingService/components/DropDownComponent.js b/wax-prosemirror-services/src/MatchingService/components/DropDownComponent.js
index 519fbc919..107c1e0c5 100644
--- a/wax-prosemirror-services/src/MatchingService/components/DropDownComponent.js
+++ b/wax-prosemirror-services/src/MatchingService/components/DropDownComponent.js
@@ -20,14 +20,13 @@ import { v4 as uuidv4 } from 'uuid';
const Wrapper = styled.div`
opacity: ${props => (props.disabled ? '0.4' : '1')};
- cursor: ${props => (props.disabled ? 'not-allowed' : 'pointer')};
`;
const DropDownButton = styled.button`
background: #fff;
border: none;
color: #000;
- cursor: pointer;
+ cursor: ${props => (props.disabled ? `not-allowed` : `pointer`)};
display: flex;
position: relative;
width: 160px;
@@ -86,7 +85,7 @@ const DropComponent = ({ getPos, node, view }) => {
return editable;
});
- const isDisabled = false;
+ const isDisabled = !isEditable;
const onChange = option => {
const allNodes = getNodes(main);
@@ -163,6 +162,7 @@ const DropComponent = ({ getPos, node, view }) => {
<DropDownButton
aria-expanded={isOpen}
aria-haspopup
+ disabled={isDisabled}
onKeyDown={e => {
e.preventDefault();
if (e.keyCode === 40) {
diff --git a/wax-prosemirror-services/src/TablesService/components/TableDropDown.js b/wax-prosemirror-services/src/TablesService/components/TableDropDown.js
index 535666efd..b0ffd7a86 100644
--- a/wax-prosemirror-services/src/TablesService/components/TableDropDown.js
+++ b/wax-prosemirror-services/src/TablesService/components/TableDropDown.js
@@ -13,14 +13,13 @@ import { WaxContext, Icon, useOnClickOutside } from 'wax-prosemirror-core';
const Wrapper = styled.div`
opacity: ${props => (props.disabled ? '0.4' : '1')};
- cursor: ${props => (props.disabled ? 'not-allowed' : 'pointer')};
`;
const DropDownButton = styled.button`
background: #fff;
border: none;
color: #000;
- cursor: pointer;
+ cursor: ${props => (props.disabled ? 'not-allowed' : 'pointer')};
display: flex;
position: relative;
width: 160px;
@@ -136,6 +135,7 @@ const TableDropDown = ({ item }) => {
<DropDownButton
aria-expanded={isOpen}
aria-haspopup
+ disabled={isDisabled}
onKeyDown={e => {
e.preventDefault();
if (e.keyCode === 40) {
diff --git a/wax-prosemirror-services/src/WaxToolGroups/QuestionsDropDownToolGroupService/DropDownComponent.js b/wax-prosemirror-services/src/WaxToolGroups/QuestionsDropDownToolGroupService/DropDownComponent.js
index 23e123020..05545cac6 100644
--- a/wax-prosemirror-services/src/WaxToolGroups/QuestionsDropDownToolGroupService/DropDownComponent.js
+++ b/wax-prosemirror-services/src/WaxToolGroups/QuestionsDropDownToolGroupService/DropDownComponent.js
@@ -13,14 +13,13 @@ import { WaxContext, Icon, useOnClickOutside } from 'wax-prosemirror-core';
const Wrapper = styled.div`
opacity: ${props => (props.disabled ? '0.4' : '1')};
- cursor: ${props => (props.disabled ? 'not-allowed' : 'pointer')};
`;
const DropDownButton = styled.button`
background: #fff;
border: none;
color: #000;
- cursor: pointer;
+ cursor: ${props => (props.disabled ? 'not-allowed' : 'pointer')};
display: flex;
position: relative;
width: 215px;
@@ -195,6 +194,7 @@ const DropDownComponent = ({ view, tools }) => {
<DropDownButton
aria-expanded={isOpen}
aria-haspopup
+ disabled={isDisabled}
onKeyDown={e => {
e.preventDefault();
if (e.keyCode === 40) {
--
GitLab