@secondstaxorg/sscomp 2.0.99 → 2.1.11

package/dist/index.js

@@ -21833,10 +21833,11 @@ const MarketdataWidgetContainer = styled.div`
 `;
 
 const MarketDataItemContainer = styled.div`
-  border-radius: 8px;
-  padding: 16px;
-  border: 1px solid ${theme.colors["neutral-100"]};
-  background: ${theme.colors.white};
+    border-radius: 8px;
+    padding: 16px;
+    border: 1px solid ${theme.colors["neutral-100"]};
+    background: ${theme.colors.white};
+    cursor: ${(props) => (props.onClick ? 'pointer' : 'default')}
 `;
 
 const MarketNameFlagContainer = styled.div`
@@ -21903,7 +21904,7 @@ const MarketData = (props) => {
             , marketData && marketData.length > 0 &&
                 React$1.createElement(MarketdataWidgetContainer, {__self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 21}}
                     , marketData.map((data,index) => (
-                        React$1.createElement(MarketDataItemContainer, { key: index, __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 23}}
+                        React$1.createElement(MarketDataItemContainer, { key: index, onClick: data.onClick, role: data.onClick ? 'button' : 'none', __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 23}}
                             , React$1.createElement(MarketNameFlagContainer, {__self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 24}}
                                 , React$1.createElement(EntityName, { className: "heading6SMedium", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 25}}, data.market)
                                 , React$1.createElement('img', { src: data.marketCountryFlag,
@@ -39078,13 +39079,13 @@ const SelectorItem = styled.button`
     grid-template-columns: 1fr 0fr;
     padding: 16px;
     transition: 0.3s;
-    cursor: pointer;
+    cursor: ${(props) => (props.disabled ? "not-allowed" : "pointer")};
     border: none;
     text-align: left;
 
     &:hover, &:focus-visible {
-        outline-color: ${theme.colors["primary-500"]};
-        background: ${theme.colors["primary-50"]};
+        outline-color: ${(props) => (props.disabled ? theme.colors["neutral-100"] : theme.colors["primary-500"])};
+        background: ${(props) => (props.disabled ? theme.colors.white : theme.colors["primary-50"])};
     }
 
     .text {
@@ -39115,7 +39116,7 @@ const _jsxFileName = "D:\\SSX\\Projects\\SSX Comps\\sscomp\\src\\components\\Con
  * Callback function passing out a true or false when the item is clicked or not
  */
 const ConsentCheckbox = (props) => {
-    const {children,onChange,isChecked} = props;
+    const {children,onChange,isChecked,disabled} = props;
     const [boxChecked,setBoxChecked] = React$1.useState(_nullishCoalesce(isChecked, () => ( false)));
 
     React$1.useEffect(()=>{
@@ -39124,7 +39125,7 @@ const ConsentCheckbox = (props) => {
 
     return (
             React$1.createElement(MainContainer, {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 18}}
-                , React$1.createElement(SelectorItem, { type: "button", className: `text paragraph2Regular ${boxChecked ? 'selected' : ''}`, onClick: (e)=>{
+                , React$1.createElement(SelectorItem, { type: "button", disabled: disabled, className: `text paragraph2Regular ${boxChecked ? 'selected' : ''}`, onClick: (e)=>{
                     // @ts-ignore
                     if(e.target.tagName.toLowerCase() == 'a') return
                     setBoxChecked(!boxChecked);