@secondstaxorg/sscomp 1.7.24 → 1.7.25
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.es.js +3 -2
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +4 -3
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +3 -2
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
- package/types/components/Selector/types.d.ts +4 -0
package/dist/index.js
CHANGED
|
@@ -25154,12 +25154,13 @@ const MainContainer = styled.div`
|
|
|
25154
25154
|
`;
|
|
25155
25155
|
|
|
25156
25156
|
const FieldContainer$1 = styled.div`
|
|
25157
|
-
display:flex;
|
|
25158
25157
|
gap:8px;
|
|
25159
25158
|
&.vertical{
|
|
25159
|
+
display:flex;
|
|
25160
25160
|
flex-direction: column;
|
|
25161
25161
|
}
|
|
25162
25162
|
&.horizontal{
|
|
25163
|
+
display:grid;
|
|
25163
25164
|
flex-direction: row;
|
|
25164
25165
|
}
|
|
25165
25166
|
`;
|
|
@@ -25228,7 +25229,7 @@ const _jsxFileName$4 = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\compon
|
|
|
25228
25229
|
* Component for making selections. Usage could be in an onboarding process
|
|
25229
25230
|
*/
|
|
25230
25231
|
const Selector = (props) => {
|
|
25231
|
-
const {itemsList,selectedItem,width,multiSelect,required,label,subText,errMsg,inputName,arrangement,otherOption,otherPlaceholder} = props;
|
|
25232
|
+
const {itemsList,selectedItem,width,multiSelect,required,label,subText,errMsg,inputName,arrangement,otherOption,otherPlaceholder,numCols} = props;
|
|
25232
25233
|
const [selOptions,setSelOptions] = React$1.useState([]);
|
|
25233
25234
|
const [selStatus,setSelStatus] = React$1.useState('');
|
|
25234
25235
|
const [srSel,setSrSel] = React$1.useState('');
|
|
@@ -25295,7 +25296,7 @@ const Selector = (props) => {
|
|
|
25295
25296
|
, subText && React$1.createElement('span', {__self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 75}}, subText)
|
|
25296
25297
|
)
|
|
25297
25298
|
|
|
25298
|
-
, React$1.createElement(FieldContainer$1, { className: arrangement, style: {width:width ? width : '100%'}, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 78}}
|
|
25299
|
+
, React$1.createElement(FieldContainer$1, { className: arrangement, style: {width:width ? width : '100%',gridTemplateColumns:`repeat(${numCols ? numCols : itemsList.length},1fr)`}, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 78}}
|
|
25299
25300
|
, React$1.createElement(React$1.Fragment, null
|
|
25300
25301
|
, itemsList.map((item,index) => (
|
|
25301
25302
|
React$1.createElement(SelectorContainer, { type: "button", key: index, className: evaluateSelection(item) ? 'selected' : '', onClick: () => {
|