@secondstaxorg/sscomp 1.7.23 → 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 +4 -2
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +5 -3
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +4 -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
|
`;
|
|
@@ -25204,6 +25205,7 @@ const SelectorContainer = styled.button`
|
|
|
25204
25205
|
transition: 0.3s;
|
|
25205
25206
|
cursor: pointer;
|
|
25206
25207
|
border: none;
|
|
25208
|
+
text-align: left;
|
|
25207
25209
|
&:hover,&:focus-visible{
|
|
25208
25210
|
outline-color: ${theme.colors["primary-500"]};
|
|
25209
25211
|
background: ${theme.colors["primary-50"]};
|
|
@@ -25227,7 +25229,7 @@ const _jsxFileName$4 = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\compon
|
|
|
25227
25229
|
* Component for making selections. Usage could be in an onboarding process
|
|
25228
25230
|
*/
|
|
25229
25231
|
const Selector = (props) => {
|
|
25230
|
-
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;
|
|
25231
25233
|
const [selOptions,setSelOptions] = React$1.useState([]);
|
|
25232
25234
|
const [selStatus,setSelStatus] = React$1.useState('');
|
|
25233
25235
|
const [srSel,setSrSel] = React$1.useState('');
|
|
@@ -25294,7 +25296,7 @@ const Selector = (props) => {
|
|
|
25294
25296
|
, subText && React$1.createElement('span', {__self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 75}}, subText)
|
|
25295
25297
|
)
|
|
25296
25298
|
|
|
25297
|
-
, 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}}
|
|
25298
25300
|
, React$1.createElement(React$1.Fragment, null
|
|
25299
25301
|
, itemsList.map((item,index) => (
|
|
25300
25302
|
React$1.createElement(SelectorContainer, { type: "button", key: index, className: evaluateSelection(item) ? 'selected' : '', onClick: () => {
|