@secondstaxorg/sscomp 1.8.46-cle → 1.8.48

package/dist/index.js

@@ -25508,12 +25508,12 @@ const _jsxFileName$b = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\compon
  * Default SSX table component
  */
 const TablePrimary = (props) => {
-    const {thead,children,tbody,clickedRow,showPagination,itemsPerPage} = props;
+    const {thead,children,tbody,clickedRow,showPagination,itemsPerPage,paginatedItems} = props;
     const [tbodyItems,setTbodyItems] = React$1.useState([]);
     const [tbodyOri,setTbodyOri] = React$1.useState(tbody);
 
     function sortByColumn(column){
-        if (tbody){
+        if (tbody && tbody.length > 0){
             const sortedItems = [...tbody];
             sortedItems.sort((a,b) => a[column].localeCompare(b[column]));
             setTbodyOri(sortedItems);
@@ -25535,7 +25535,7 @@ const TablePrimary = (props) => {
                     )
                     , React$1.createElement('tbody', { className: "rounded-row", __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 35}}
                     , children
-                    , tbodyItems && tbodyItems.map((item,index) => (
+                    , !children && tbodyItems && tbodyItems.map((item,index) => (
                         React$1.createElement('tr', { key: index, className: clickedRow && 'clickable', onClick: ()=>{
                             if (clickedRow) {
                                 clickedRow(item);
@@ -25558,7 +25558,10 @@ const TablePrimary = (props) => {
                 )
             )
             , showPagination && itemsPerPage && itemsPerPage > 0 && tbodyOri &&
-                React$1.createElement(Pagination, { itemsPerPage: itemsPerPage, items: tbodyOri, paginatedItems: (arr)=>{setTbodyItems(arr);}, __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 60}})
+                React$1.createElement(Pagination, { itemsPerPage: itemsPerPage, items: tbodyOri, paginatedItems: (arr)=>{
+                    setTbodyItems(arr);
+                    paginatedItems(arr);
+                }, __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 60}})
             
         )
     )
@@ -25625,6 +25628,11 @@ const FieldContainer$2 = styled.div`
     display:grid;
     flex-direction: row;
   }
+  &.read-only button:hover{
+    outline: 1px solid ${theme.colors["neutral-100"]};
+    background: ${theme.colors.white};
+    cursor: default;
+  }
 `;
 
 const OtherContainer = styled.div`
@@ -25778,7 +25786,7 @@ const Selector = (props) => {
                     , subText && React$1.createElement('span', {__self: undefined, __source: {fileName: _jsxFileName$9, lineNumber: 96}}, subText)
                 )
             
-            , React$1.createElement(FieldContainer$2, { className: arrangement, style: {width:width ? width : '100%',gridTemplateColumns:`repeat(${numCols ? numCols : itemsList.length},1fr)`}, __self: undefined, __source: {fileName: _jsxFileName$9, lineNumber: 99}}
+            , React$1.createElement(FieldContainer$2, { className: `${arrangement} ${readonly ? 'read-only' : ''}`, style: {width:width ? width : '100%',gridTemplateColumns:`repeat(${numCols ? numCols : itemsList.length},1fr)`}, __self: undefined, __source: {fileName: _jsxFileName$9, lineNumber: 99}}
                 , React$1.createElement(React$1.Fragment, null
                     , itemsList.map((item,index) => (
                         React$1.createElement(SelectorItem, { type: "button", key: index, className: evaluateSelection(item) ? 'selected' : '', onClick: () => {
@@ -25812,7 +25820,7 @@ const Selector = (props) => {
             , otherOption &&
                 React$1.createElement(OtherContainer, {__self: undefined, __source: {fileName: _jsxFileName$9, lineNumber: 131}}
                     , React$1.createElement('p', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$9, lineNumber: 132}}, "Other? Specify" )
-                    , React$1.createElement(TextField, { placeholder: otherPlaceholder, value: otherVal, onChange: (e)=>{
+                    , React$1.createElement(TextField, { placeholder: otherPlaceholder, disabled: readonly, value: otherVal, onChange: (e)=>{
                         if (readonly) return
                         setOtherVal(e.target.value);
                     }, __self: undefined, __source: {fileName: _jsxFileName$9, lineNumber: 133}})