@xelto.npm/xc2-lib 0.1.3 → 0.1.4
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.cjs.js +11 -4
- package/dist/index.esm.js +11 -4
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -73940,8 +73940,9 @@ var StyledSearchBarWrapper = styled$1(Box$1, {
|
|
|
73940
73940
|
})(function (_ref) {
|
|
73941
73941
|
var fluid = _ref.fluid;
|
|
73942
73942
|
return {
|
|
73943
|
+
maxWidth: fluid ? '100%' : '300px',
|
|
73944
|
+
width: '100%',
|
|
73943
73945
|
boxSizing: 'border-box',
|
|
73944
|
-
width: fluid ? '100%' : 'fit-content',
|
|
73945
73946
|
backgroundColor: '#E7EAF3',
|
|
73946
73947
|
position: 'relative',
|
|
73947
73948
|
display: 'flex',
|
|
@@ -74109,7 +74110,7 @@ var SearchBarComponent = function SearchBarComponent(_ref3) {
|
|
|
74109
74110
|
type: "text",
|
|
74110
74111
|
placeholder: placeholder,
|
|
74111
74112
|
"aria-label": "Search",
|
|
74112
|
-
|
|
74113
|
+
tyle: {
|
|
74113
74114
|
margin: 0,
|
|
74114
74115
|
padding: 0,
|
|
74115
74116
|
border: 'none'
|
|
@@ -74117,7 +74118,7 @@ var SearchBarComponent = function SearchBarComponent(_ref3) {
|
|
|
74117
74118
|
}));
|
|
74118
74119
|
};
|
|
74119
74120
|
SearchBarComponent.propTypes = {
|
|
74120
|
-
fluid: propTypesExports.
|
|
74121
|
+
fluid: propTypesExports.bool,
|
|
74121
74122
|
placeholder: propTypesExports.string,
|
|
74122
74123
|
searchText: propTypesExports.string,
|
|
74123
74124
|
onChange: propTypesExports.func,
|
|
@@ -74176,6 +74177,10 @@ var TableToolbar = function TableToolbar(_ref2) {
|
|
|
74176
74177
|
components = _ref2.components,
|
|
74177
74178
|
className = _ref2.className,
|
|
74178
74179
|
onSearch = _ref2.onSearch;
|
|
74180
|
+
var _useState = React.useState(''),
|
|
74181
|
+
_useState2 = _slicedToArray$a(_useState, 2),
|
|
74182
|
+
textSearch = _useState2[0],
|
|
74183
|
+
setSearchText = _useState2[1];
|
|
74179
74184
|
return /*#__PURE__*/React.createElement(StyledTableToolbar, {
|
|
74180
74185
|
className: className
|
|
74181
74186
|
}, selected.length > 0 ? /*#__PURE__*/React.createElement(StyledTableToolbarItem, null, selected.length + " " + labelRowsSelected, showRemoveRowsIcon ? /*#__PURE__*/React.createElement(IconButtonComponent, {
|
|
@@ -74192,8 +74197,10 @@ var TableToolbar = function TableToolbar(_ref2) {
|
|
|
74192
74197
|
}) : null) : null, components && /*#__PURE__*/React.createElement(StyledTableToolbarItem, {
|
|
74193
74198
|
className: "toolbar-components"
|
|
74194
74199
|
}, components), /*#__PURE__*/React.createElement(SearchBarComponent, {
|
|
74200
|
+
fluid: false,
|
|
74195
74201
|
onChange: onSearch,
|
|
74196
|
-
|
|
74202
|
+
searchText: textSearch,
|
|
74203
|
+
onChangeSearchText: setSearchText,
|
|
74197
74204
|
placeholder: labelSearchBar,
|
|
74198
74205
|
style: {
|
|
74199
74206
|
marginRight: 0,
|
package/dist/index.esm.js
CHANGED
|
@@ -73920,8 +73920,9 @@ var StyledSearchBarWrapper = styled$1(Box$1, {
|
|
|
73920
73920
|
})(function (_ref) {
|
|
73921
73921
|
var fluid = _ref.fluid;
|
|
73922
73922
|
return {
|
|
73923
|
+
maxWidth: fluid ? '100%' : '300px',
|
|
73924
|
+
width: '100%',
|
|
73923
73925
|
boxSizing: 'border-box',
|
|
73924
|
-
width: fluid ? '100%' : 'fit-content',
|
|
73925
73926
|
backgroundColor: '#E7EAF3',
|
|
73926
73927
|
position: 'relative',
|
|
73927
73928
|
display: 'flex',
|
|
@@ -74089,7 +74090,7 @@ var SearchBarComponent = function SearchBarComponent(_ref3) {
|
|
|
74089
74090
|
type: "text",
|
|
74090
74091
|
placeholder: placeholder,
|
|
74091
74092
|
"aria-label": "Search",
|
|
74092
|
-
|
|
74093
|
+
tyle: {
|
|
74093
74094
|
margin: 0,
|
|
74094
74095
|
padding: 0,
|
|
74095
74096
|
border: 'none'
|
|
@@ -74097,7 +74098,7 @@ var SearchBarComponent = function SearchBarComponent(_ref3) {
|
|
|
74097
74098
|
}));
|
|
74098
74099
|
};
|
|
74099
74100
|
SearchBarComponent.propTypes = {
|
|
74100
|
-
fluid: propTypesExports.
|
|
74101
|
+
fluid: propTypesExports.bool,
|
|
74101
74102
|
placeholder: propTypesExports.string,
|
|
74102
74103
|
searchText: propTypesExports.string,
|
|
74103
74104
|
onChange: propTypesExports.func,
|
|
@@ -74156,6 +74157,10 @@ var TableToolbar = function TableToolbar(_ref2) {
|
|
|
74156
74157
|
components = _ref2.components,
|
|
74157
74158
|
className = _ref2.className,
|
|
74158
74159
|
onSearch = _ref2.onSearch;
|
|
74160
|
+
var _useState = useState(''),
|
|
74161
|
+
_useState2 = _slicedToArray$a(_useState, 2),
|
|
74162
|
+
textSearch = _useState2[0],
|
|
74163
|
+
setSearchText = _useState2[1];
|
|
74159
74164
|
return /*#__PURE__*/React__default.createElement(StyledTableToolbar, {
|
|
74160
74165
|
className: className
|
|
74161
74166
|
}, selected.length > 0 ? /*#__PURE__*/React__default.createElement(StyledTableToolbarItem, null, selected.length + " " + labelRowsSelected, showRemoveRowsIcon ? /*#__PURE__*/React__default.createElement(IconButtonComponent, {
|
|
@@ -74172,8 +74177,10 @@ var TableToolbar = function TableToolbar(_ref2) {
|
|
|
74172
74177
|
}) : null) : null, components && /*#__PURE__*/React__default.createElement(StyledTableToolbarItem, {
|
|
74173
74178
|
className: "toolbar-components"
|
|
74174
74179
|
}, components), /*#__PURE__*/React__default.createElement(SearchBarComponent, {
|
|
74180
|
+
fluid: false,
|
|
74175
74181
|
onChange: onSearch,
|
|
74176
|
-
|
|
74182
|
+
searchText: textSearch,
|
|
74183
|
+
onChangeSearchText: setSearchText,
|
|
74177
74184
|
placeholder: labelSearchBar,
|
|
74178
74185
|
style: {
|
|
74179
74186
|
marginRight: 0,
|