@secondstaxorg/sscomp 2.0.31 → 2.0.33

package/dist/index.js

@@ -20671,105 +20671,128 @@ const LoadingShimmer = (props) => {
 };
 
 const TableContainer$7 = styled.div`
-  overflow-x: auto;
+    overflow-x: auto;
 `;
 
 const Table$7 = styled.table`
-  width: 100%;
-  border-collapse: separate;
-  border-spacing: 0 8px;
-  text-align: left;
-  .rounded-row td:first-child, .rounded-row th:first-child{
-    border-top-left-radius: 8px;
-    border-bottom-left-radius: 8px;
-  }
-  .rounded-row td:last-child, .rounded-row th:last-child{
-    border-top-right-radius: 8px;
-    border-bottom-right-radius: 8px;
-  }
-  thead tr{
-    background: ${theme.colors["neutral-900"]};
-    height:57px;
-  }
-  thead th{
-    padding: 11px 16px;
-  }
-  thead th, thead div{
-    color: ${theme.colors.white};
-    font-size: 16px;
-    font-weight: 500;
-    line-height: 19px;
-    font-family: Circular Book Medium, sans-serif;
-  }
-  tbody tr{
-    background: ${theme.colors.white};
-    cursor:pointer;
-  }
-  tbody td{
-    padding: 16px;
-    color: ${theme.colors["neutral-900"]};
-    font-size: 16px;
-    font-weight: 400;
-    line-height: 19px;
-  }
-  tbody td div{
-    display: flex;
-    align-items: center;
-  }
-  tbody td div.provider{
-    display: flex;
-    align-items: center;
-    gap: 16px;
-  }
-  tbody td div.provider img{
-    width: 28px;
-    height: 28px;
-    border-radius: 8px;
-  }
-  tbody td div.provider .provider-logo-placeholder{
-    width: 28px;
-    height: 28px;
-    background: ${theme.colors["neutral-100"]};
-    border-radius: 8px;
-  }
-  tbody td div.txn-date{
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-  }
-  tbody td .txn-amt{
-    gap: 10px;
-  }
-  tbody td span.amt{
-    display: flex;
-    gap: 4px;
-    align-items: center;
-  }
+    width: 100%;
+    border-collapse: separate;
+    border-spacing: 0 8px;
+    text-align: left;
+
+    .rounded-row td:first-child, .rounded-row th:first-child {
+        border-top-left-radius: 8px;
+        border-bottom-left-radius: 8px;
+    }
+
+    .rounded-row td:last-child, .rounded-row th:last-child {
+        border-top-right-radius: 8px;
+        border-bottom-right-radius: 8px;
+    }
+
+    thead tr {
+        background: ${theme.colors["neutral-900"]};
+        height: 57px;
+    }
+
+    thead th {
+        padding: 11px 16px;
+    }
+
+    thead th, thead div {
+        color: ${theme.colors.white};
+        font-size: 16px;
+        font-weight: 500;
+        line-height: 19px;
+        font-family: Circular Book Medium, sans-serif;
+    }
+
+    tbody tr {
+        background: ${theme.colors.white};
+        cursor: pointer;
+    }
+
+    tbody td {
+        padding: 16px;
+        color: ${theme.colors["neutral-900"]};
+        font-size: 16px;
+        font-weight: 400;
+        line-height: 19px;
+    }
+
+    tbody td div {
+        display: flex;
+        align-items: center;
+    }
+
+    tbody td div.provider {
+        display: flex;
+        align-items: center;
+        gap: 16px;
+    }
+    
+    tbody td div.provider p{
+        text-wrap: nowrap;
+    }
+    
+    tbody td div.provider img {
+        width: 28px;
+        height: 28px;
+        border-radius: 8px;
+    }
+
+    tbody td div.provider .provider-logo-placeholder {
+        width: 28px;
+        height: 28px;
+        background: ${theme.colors["neutral-100"]};
+        border-radius: 8px;
+    }
+
+    tbody td div.txn-date {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+    }
+    
+    tbody td div.txn-date p{
+        text-wrap: nowrap;
+    }
+
+    tbody td .txn-amt {
+        gap: 10px;
+    }
+
+    tbody td span.amt {
+        display: flex;
+        gap: 4px;
+        align-items: center;
+    }
 `;
 
 const NothingContainer$5 = styled.div`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  height: 581px;
-  background: ${theme.colors.white};
-  border-radius: 8px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+    height: 581px;
+    background: ${theme.colors.white};
+    border-radius: 8px;
 `;
 
 const NothingContent$5 = styled.div`
-  display: flex;
-  align-items: center;
-  flex-direction: column;
-  gap: 20px;
-  width: 333px;
-  text-align: center;
-  p{
-    font-size: 16px;
-    font-weight: 400;
-    line-height: 19px;
-    margin: 0;
-  }
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    gap: 20px;
+    width: 333px;
+    text-align: center;
+
+    p {
+        font-size: 16px;
+        font-weight: 400;
+        line-height: 19px;
+        margin: 0;
+    }
 `;
 
 function moneyfy$2(number, currency){
@@ -20873,7 +20896,7 @@ const LPRequestTable = (props) => {
                             , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 95}}
                                 , React$1.createElement('div', { className: "provider", __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 96}}
                                     , transaction.providerLogo ? React$1.createElement('img', { src: transaction.providerLogo, alt: "provider logo" , __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 97}}) : React$1.createElement('div', { className: "provider-logo-placeholder", __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 97}})
-                                    , transaction.providerName
+                                    , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 98}}, transaction.providerName)
                                 )
                             )
                             , showBroker && React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 101}}
@@ -20911,7 +20934,7 @@ const LPRequestTable = (props) => {
                             )
                             , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 134}}
                                 , React$1.createElement('div', { className: "txn-date", __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 135}}
-                                    , transaction.date
+                                    , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 136}}, transaction.date)
                                     , showDetailsArrow &&
                                         React$1.createElement('svg', { width: "16", height: "16", viewBox: "0 0 16 16"   , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 138}}
                                             , React$1.createElement('path', { d: "M10.3592 7.52685L6.58584 3.76019C6.52387 3.6977 6.45013 3.64811 6.36889 3.61426C6.28765 3.58041 6.20052 3.56299 6.11251 3.56299C6.0245 3.56299 5.93736 3.58041 5.85612 3.61426C5.77488 3.64811 5.70115 3.6977 5.63917 3.76019C5.51501 3.8851 5.44531 4.05406 5.44531 4.23019C5.44531 4.40631 5.51501 4.57528 5.63917 4.70019L8.93917 8.03352L5.63917 11.3335C5.51501 11.4584 5.44531 11.6274 5.44531 11.8035C5.44531 11.9796 5.51501 12.1486 5.63917 12.2735C5.70092 12.3365 5.77455 12.3866 5.8558 12.421C5.93705 12.4553 6.0243 12.4732 6.11251 12.4735C6.20071 12.4732 6.28797 12.4553 6.36922 12.421C6.45047 12.3866 6.5241 12.3365 6.58584 12.2735L10.3592 8.50685C10.4268 8.44443 10.4808 8.36866 10.5178 8.28432C10.5547 8.19999 10.5738 8.10892 10.5738 8.01685C10.5738 7.92479 10.5547 7.83372 10.5178 7.74938C10.4808 7.66505 10.4268 7.58928 10.3592 7.52685Z"                                                                                     , fill: "#A4BBDD", __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 139}})
@@ -23937,90 +23960,95 @@ const SearchResultsBar = (props) => {
 };
 
 const ModalBackdrop = styled.div`
-  position: fixed;
-  overflow: hidden;
-  inset: 0;
-  background: rgb(0 0 0 / 40%);
-  z-index: 9999;
+    position: fixed;
+    overflow: hidden;
+    inset: 0;
+    background: rgb(0 0 0 / 40%);
+    z-index: 9999;
 `;
 
 const panelWidth = 510;
 const SideModalContainer = styled.div`
-  position: absolute;
-  right: 0;
-  top: 0;
-  width: ${panelWidth}px;
-  height:100%;
-  background: ${theme.colors.white};
-  padding: 0;
-  margin: 0;
-  display: flex;
-  flex-direction: column;
-  animation: 0.3s slideIn ease-out;
-  @keyframes slideIn{
-    from{
-      right: -${panelWidth}px;
-      opacity: 0.5;
-    }
-    to{
-      right: 0;
-      opacity: 1;
+    position: absolute;
+    right: 0;
+    top: 0;
+    width: ${panelWidth}px;
+    height: 100%;
+    background: ${theme.colors.white};
+    padding: 0;
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    animation: 0.3s slideIn ease-out;
+    @keyframes slideIn {
+        from {
+            right: -${panelWidth}px;
+            opacity: 0.5;
+        }
+        to {
+            right: 0;
+            opacity: 1;
+        }
     }
-  }
 `;
 
 const NavSection = styled.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  background: ${theme.colors.white};
-  border-bottom: 1px solid ${theme.colors["neutral-100"]};
-  padding: 32px 38px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    background: ${theme.colors.white};
+    border-bottom: 1px solid ${theme.colors["neutral-100"]};
+    padding: 32px 38px;
+    height: 88px;
+    box-sizing: border-box;
 `;
 
 const Button$1 = styled.button`
-  background: transparent;
-  border: none;
-  cursor: pointer;
-  display: flex;
-  gap: 10px;
-  align-items: center;
-  font-size: 16px;
-  &:disabled{
-    cursor: not-allowed;
-    color: ${theme.colors["neutral-100"]};
-  }
+    background: transparent;
+    border: none;
+    cursor: pointer;
+    display: flex;
+    gap: 10px;
+    align-items: center;
+    font-size: 16px;
+
+    &:disabled {
+        cursor: not-allowed;
+        color: ${theme.colors["neutral-100"]};
+    }
 `;
 
 const ModalContent = styled.div`
-  width: 100%;
-  padding: 32px;
-  overflow-y: auto;
-  display: flex;
-  flex-grow: 1;
-  flex-direction: column;
+    width: 100%;
+    padding: 32px;
+    overflow-y: auto;
+    display: flex;
+    flex-grow: 1;
+    flex-direction: column;
 `;
 
 const ModalTitleArea = styled.div`
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  color: ${theme.colors["neutral-900"]};
-  margin-bottom: 40px;
-  .title{
-    font-size: 19px;
-    font-weight: 700;
-    margin: 0;
-    font-style: normal;
-    font-family: Circular, sans-serif;
-  }
-  .sub-text{
-    font-size: 14px;
-    font-weight: 400;
-    margin: 0;
-    font-style: normal;
-    font-family: Circular, sans-serif;
-  }
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+    color: ${theme.colors["neutral-900"]};
+    margin-bottom: 40px;
+
+    .title {
+        font-size: 19px;
+        font-weight: 700;
+        margin: 0;
+        font-style: normal;
+        font-family: Circular, sans-serif;
+    }
+
+    .sub-text {
+        font-size: 14px;
+        font-weight: 400;
+        margin: 0;
+        font-style: normal;
+        font-family: Circular, sans-serif;
+    }
 `;
 
 const _jsxFileName$C = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\SideModal\\SideModal.tsx"; function _optionalChain$m(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }