@lanaco/lnc-react-ui 2.1.26 → 2.1.27
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/lib/index.esm.js +37 -15
- package/lib/index.js +37 -15
- package/package.json +1 -1
package/lib/index.esm.js
CHANGED
|
@@ -52289,32 +52289,42 @@ var heightBySize$3 = function heightBySize(size) {
|
|
|
52289
52289
|
};
|
|
52290
52290
|
|
|
52291
52291
|
var Container$9 = newStyled.div(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteral(["\n display: inline-block;\n box-sizing: border-box;\n"])));
|
|
52292
|
-
var Inner$3 = newStyled.div(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteral(["\n display: flex;\n align-items: flex-start;\n flex-direction: row;\n border: 0.0625rem solid #bfbfbf80;\n font-family: ", ";\n font-size: ", ";\n padding: 0;\n margin: 0;\n border-radius: 0.5rem;\n cursor:
|
|
52292
|
+
var Inner$3 = newStyled.div(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteral(["\n display: flex;\n align-items: flex-start;\n flex-direction: row;\n border: 0.0625rem solid #bfbfbf80;\n font-family: ", ";\n font-size: ", ";\n padding: 0;\n margin: 0;\n border-radius: 0.5rem;\n cursor: ", ";\n\n min-height: ", ";\n max-height: ", ";\n"])), function (props) {
|
|
52293
52293
|
return props.theme.typography.fontFamily;
|
|
52294
52294
|
}, function (props) {
|
|
52295
52295
|
return props.theme.typography[props.size].fontSize;
|
|
52296
|
+
}, function (props) {
|
|
52297
|
+
return props.disabled ? "default" : "pointer";
|
|
52296
52298
|
}, function (props) {
|
|
52297
52299
|
return heightBySize$3(props.size);
|
|
52298
52300
|
}, function (props) {
|
|
52299
52301
|
return heightBySize$3(props.size);
|
|
52300
52302
|
});
|
|
52301
52303
|
var TextSpan$1 = newStyled.span(_templateObject3$5 || (_templateObject3$5 = _taggedTemplateLiteral([""])));
|
|
52302
|
-
var Text$1 = newStyled.div(_templateObject4$4 || (_templateObject4$4 = _taggedTemplateLiteral(["\n flex: 1;\n\n padding: ", ";\n transition: all 250ms ease;\n border-radius: 0.5rem 0 0 0.5rem;\n white-space: pre;\n flex-grow: 10;\n height: 100%;\n background-color: ", ";\n\n color: ", ";\n"])), function (props) {
|
|
52304
|
+
var Text$1 = newStyled.div(_templateObject4$4 || (_templateObject4$4 = _taggedTemplateLiteral(["\n flex: 1;\n\n padding: ", ";\n transition: all 250ms ease;\n border-radius: 0.5rem 0 0 0.5rem;\n white-space: pre;\n flex-grow: 10;\n height: 100%;\n opacity: ", ";\n background-color: ", ";\n\n color: ", ";\n"])), function (props) {
|
|
52303
52305
|
return paddingBySize$4(props.size);
|
|
52306
|
+
}, function (props) {
|
|
52307
|
+
return props.disabled ? "0.6" : "1";
|
|
52304
52308
|
}, function (props) {
|
|
52305
52309
|
return props.inactive ? props.theme.palette.gray[900] : props.theme.palette.primary.main;
|
|
52306
52310
|
}, function (props) {
|
|
52307
52311
|
return props.theme.palette.primary.text;
|
|
52308
52312
|
});
|
|
52309
|
-
var AdditionalInfo = newStyled.div(_templateObject5$4 || (_templateObject5$4 = _taggedTemplateLiteral(["\n padding: ", ";\n transition: all 250ms ease;\n white-space: pre;\n flex-grow: 10;\n height: 100%;\n background-color: ", ";\n\n color: ", ";\n"])), function (props) {
|
|
52313
|
+
var AdditionalInfo = newStyled.div(_templateObject5$4 || (_templateObject5$4 = _taggedTemplateLiteral(["\n padding: ", ";\n transition: all 250ms ease;\n white-space: pre;\n flex-grow: 10;\n height: 100%;\n opacity: ", ";\n background-color: ", ";\n\n color: ", ";\n"])), function (props) {
|
|
52310
52314
|
return paddingBySize$4(props.size);
|
|
52315
|
+
}, function (props) {
|
|
52316
|
+
return props.disabled ? "0.6" : "1";
|
|
52311
52317
|
}, function (props) {
|
|
52312
52318
|
return props.inactive ? props.theme.palette.gray[100] : props.theme.palette.primary.lighter;
|
|
52313
52319
|
}, function (props) {
|
|
52314
52320
|
return props.theme.palette.primary.textDark;
|
|
52315
52321
|
});
|
|
52316
|
-
var ButtonContainer$1 = newStyled.div(_templateObject6$2 || (_templateObject6$2 = _taggedTemplateLiteral(["\n display: inline;\n cursor:
|
|
52322
|
+
var ButtonContainer$1 = newStyled.div(_templateObject6$2 || (_templateObject6$2 = _taggedTemplateLiteral(["\n display: inline;\n cursor: ", ";\n padding: ", ";\n transition: all 250ms ease;\n border-radius: 0 0.5rem 0.5rem 0;\n // flex-grow: 0;\n align-self: flex-end;\n margin-left: auto;\n height: 100%;\n opacity: ", ";\n background-color: ", ";\n\n color: ", ";\n\n & i {\n font-size: ", ";\n }\n"])), function (props) {
|
|
52323
|
+
return props.disabled ? "default" : "pointer";
|
|
52324
|
+
}, function (props) {
|
|
52317
52325
|
return paddingBySize$4(props.size);
|
|
52326
|
+
}, function (props) {
|
|
52327
|
+
return props.disabled ? "0.6" : "1";
|
|
52318
52328
|
}, function (props) {
|
|
52319
52329
|
return getBtnContainerColor(props);
|
|
52320
52330
|
}, function (props) {
|
|
@@ -52359,7 +52369,8 @@ var Chip = function Chip(props) {
|
|
|
52359
52369
|
additional: additionalInfo && additionalInfo !== "",
|
|
52360
52370
|
onClick: function onClick() {
|
|
52361
52371
|
return onRemove(id);
|
|
52362
|
-
}
|
|
52372
|
+
},
|
|
52373
|
+
disabled: disabled
|
|
52363
52374
|
}), /*#__PURE__*/React__default.createElement("i", {
|
|
52364
52375
|
className: "fas fa-times"
|
|
52365
52376
|
}))));
|
|
@@ -52440,16 +52451,18 @@ var Inner$2 = newStyled.div(_templateObject6$1 || (_templateObject6$1 = _taggedT
|
|
|
52440
52451
|
var SearchIcon = newStyled.div(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteral(["\n padding: ", ";\n color: ", ";\n font-size: ", ";\n background-color: whitesmoke;\n transition: all 250ms ease;\n"])), function (props) {
|
|
52441
52452
|
return iconPaddingBySize$1(props.size);
|
|
52442
52453
|
}, function (props) {
|
|
52443
|
-
return props.theme.palette[props.color].main;
|
|
52454
|
+
return props.disabled ? props.theme.palette.gray[800] : props.theme.palette[props.color].main;
|
|
52444
52455
|
}, function (props) {
|
|
52445
52456
|
return getIconFontSize$1(props);
|
|
52446
52457
|
});
|
|
52447
|
-
var ClearIcon$1 = newStyled.div(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteral(["\n padding: ", ";\n color: ", ";\n font-size: ", ";\n background-color: whitesmoke;\n transition: all 250ms ease;\n cursor:
|
|
52458
|
+
var ClearIcon$1 = newStyled.div(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteral(["\n padding: ", ";\n color: ", ";\n font-size: ", ";\n background-color: whitesmoke;\n transition: all 250ms ease;\n cursor: ", ";\n margin-right: 0;\n margin-left: auto;\n"])), function (props) {
|
|
52448
52459
|
return iconPaddingBySize$1(props.size);
|
|
52449
52460
|
}, function (props) {
|
|
52450
|
-
return props.theme.palette[props.color].main;
|
|
52461
|
+
return props.disabled ? props.theme.palette.gray[800] : props.theme.palette[props.color].main;
|
|
52451
52462
|
}, function (props) {
|
|
52452
52463
|
return getIconFontSize$1(props);
|
|
52464
|
+
}, function (props) {
|
|
52465
|
+
return props.disabled ? "default" : "pointer";
|
|
52453
52466
|
});
|
|
52454
52467
|
var Content$2 = newStyled.div(_templateObject9$1 || (_templateObject9$1 = _taggedTemplateLiteral(["\n position: absolute;\n background-color: white;\n z-index: 1;\n margin-top: 0.25rem;\n padding: 0.1875rem;\n width: calc(100% - 0.625rem);\n border-radius: 0.15625rem;\n box-shadow: 0 0 0.375rem #bebebe;\n border: 0.125rem solid ", ";\n display: flex;\n flex-direction: column;\n transition: all 250ms ease;\n"])), function (props) {
|
|
52455
52468
|
return props.theme.palette[props.color].main;
|
|
@@ -52471,6 +52484,7 @@ var SearchBar = function SearchBar(props) {
|
|
|
52471
52484
|
suggestions = props.suggestions,
|
|
52472
52485
|
onChange = props.onChange,
|
|
52473
52486
|
id = props.id,
|
|
52487
|
+
disabled = props.disabled,
|
|
52474
52488
|
className = props.className,
|
|
52475
52489
|
size = props.size,
|
|
52476
52490
|
color = props.color,
|
|
@@ -52584,7 +52598,9 @@ var SearchBar = function SearchBar(props) {
|
|
|
52584
52598
|
|
|
52585
52599
|
return /*#__PURE__*/React__default.createElement(Container$8, _extends({
|
|
52586
52600
|
className: className
|
|
52587
|
-
}, themeProps), /*#__PURE__*/React__default.createElement(Inner$2, themeProps, /*#__PURE__*/React__default.createElement(SearchIcon,
|
|
52601
|
+
}, themeProps), /*#__PURE__*/React__default.createElement(Inner$2, themeProps, /*#__PURE__*/React__default.createElement(SearchIcon, _extends({}, themeProps, {
|
|
52602
|
+
disabled: disabled
|
|
52603
|
+
}), /*#__PURE__*/React__default.createElement("i", {
|
|
52588
52604
|
className: "fas fa-search fa-fw"
|
|
52589
52605
|
})), /*#__PURE__*/React__default.createElement(ItemContainer$1, themeProps, /*#__PURE__*/React__default.createElement(TransitionGroup$1, {
|
|
52590
52606
|
component: null
|
|
@@ -52603,28 +52619,33 @@ var SearchBar = function SearchBar(props) {
|
|
|
52603
52619
|
additionalInfo: x.value,
|
|
52604
52620
|
inactive: !x.active,
|
|
52605
52621
|
onRemove: function onRemove() {
|
|
52606
|
-
return handleRemoveItem(key);
|
|
52622
|
+
return disabled ? {} : handleRemoveItem(key);
|
|
52607
52623
|
},
|
|
52608
52624
|
onClick: function onClick() {
|
|
52609
|
-
return handleActiveInactive(key);
|
|
52610
|
-
}
|
|
52625
|
+
return disabled ? {} : handleActiveInactive(key);
|
|
52626
|
+
},
|
|
52627
|
+
disabled: disabled
|
|
52611
52628
|
}))));
|
|
52612
52629
|
})), /*#__PURE__*/React__default.createElement(InputContainer$1, themeProps, /*#__PURE__*/React__default.createElement(Input$1, _extends({}, themeProps, {
|
|
52613
52630
|
ref: InputRef,
|
|
52614
52631
|
value: value,
|
|
52615
52632
|
onBlur: onInputBlur,
|
|
52616
52633
|
onChange: onInputChange,
|
|
52617
|
-
onKeyDown: onKeyDown
|
|
52618
|
-
|
|
52634
|
+
onKeyDown: onKeyDown,
|
|
52635
|
+
disabled: disabled
|
|
52636
|
+
})))), /*#__PURE__*/React__default.createElement(ClearIcon$1, _extends({}, themeProps, {
|
|
52637
|
+
disabled: disabled
|
|
52638
|
+
}), /*#__PURE__*/React__default.createElement("i", {
|
|
52619
52639
|
className: "fas fa-times fa-fw",
|
|
52620
52640
|
onClick: function onClick() {
|
|
52621
|
-
return onChange(id, []);
|
|
52641
|
+
return disabled ? {} : onChange(id, []);
|
|
52622
52642
|
}
|
|
52623
52643
|
}))), renderSuggestions());
|
|
52624
52644
|
};
|
|
52625
52645
|
|
|
52626
52646
|
SearchBar.defaultProps = {
|
|
52627
52647
|
id: "",
|
|
52648
|
+
disabled: false,
|
|
52628
52649
|
onChange: function onChange() {},
|
|
52629
52650
|
items: [],
|
|
52630
52651
|
suggestions: [],
|
|
@@ -52636,6 +52657,7 @@ SearchBar.defaultProps = {
|
|
|
52636
52657
|
SearchBar.propTypes = {
|
|
52637
52658
|
theme: PropTypes.object.isRequired,
|
|
52638
52659
|
id: PropTypes.any,
|
|
52660
|
+
disabled: PropTypes.bool,
|
|
52639
52661
|
onChange: PropTypes.func,
|
|
52640
52662
|
className: PropTypes.string,
|
|
52641
52663
|
items: PropTypes.array,
|
package/lib/index.js
CHANGED
|
@@ -52330,32 +52330,42 @@ var heightBySize$3 = function heightBySize(size) {
|
|
|
52330
52330
|
};
|
|
52331
52331
|
|
|
52332
52332
|
var Container$9 = newStyled.div(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteral__default['default'](["\n display: inline-block;\n box-sizing: border-box;\n"])));
|
|
52333
|
-
var Inner$3 = newStyled.div(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteral__default['default'](["\n display: flex;\n align-items: flex-start;\n flex-direction: row;\n border: 0.0625rem solid #bfbfbf80;\n font-family: ", ";\n font-size: ", ";\n padding: 0;\n margin: 0;\n border-radius: 0.5rem;\n cursor:
|
|
52333
|
+
var Inner$3 = newStyled.div(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteral__default['default'](["\n display: flex;\n align-items: flex-start;\n flex-direction: row;\n border: 0.0625rem solid #bfbfbf80;\n font-family: ", ";\n font-size: ", ";\n padding: 0;\n margin: 0;\n border-radius: 0.5rem;\n cursor: ", ";\n\n min-height: ", ";\n max-height: ", ";\n"])), function (props) {
|
|
52334
52334
|
return props.theme.typography.fontFamily;
|
|
52335
52335
|
}, function (props) {
|
|
52336
52336
|
return props.theme.typography[props.size].fontSize;
|
|
52337
|
+
}, function (props) {
|
|
52338
|
+
return props.disabled ? "default" : "pointer";
|
|
52337
52339
|
}, function (props) {
|
|
52338
52340
|
return heightBySize$3(props.size);
|
|
52339
52341
|
}, function (props) {
|
|
52340
52342
|
return heightBySize$3(props.size);
|
|
52341
52343
|
});
|
|
52342
52344
|
var TextSpan$1 = newStyled.span(_templateObject3$5 || (_templateObject3$5 = _taggedTemplateLiteral__default['default']([""])));
|
|
52343
|
-
var Text$1 = newStyled.div(_templateObject4$4 || (_templateObject4$4 = _taggedTemplateLiteral__default['default'](["\n flex: 1;\n\n padding: ", ";\n transition: all 250ms ease;\n border-radius: 0.5rem 0 0 0.5rem;\n white-space: pre;\n flex-grow: 10;\n height: 100%;\n background-color: ", ";\n\n color: ", ";\n"])), function (props) {
|
|
52345
|
+
var Text$1 = newStyled.div(_templateObject4$4 || (_templateObject4$4 = _taggedTemplateLiteral__default['default'](["\n flex: 1;\n\n padding: ", ";\n transition: all 250ms ease;\n border-radius: 0.5rem 0 0 0.5rem;\n white-space: pre;\n flex-grow: 10;\n height: 100%;\n opacity: ", ";\n background-color: ", ";\n\n color: ", ";\n"])), function (props) {
|
|
52344
52346
|
return paddingBySize$4(props.size);
|
|
52347
|
+
}, function (props) {
|
|
52348
|
+
return props.disabled ? "0.6" : "1";
|
|
52345
52349
|
}, function (props) {
|
|
52346
52350
|
return props.inactive ? props.theme.palette.gray[900] : props.theme.palette.primary.main;
|
|
52347
52351
|
}, function (props) {
|
|
52348
52352
|
return props.theme.palette.primary.text;
|
|
52349
52353
|
});
|
|
52350
|
-
var AdditionalInfo = newStyled.div(_templateObject5$4 || (_templateObject5$4 = _taggedTemplateLiteral__default['default'](["\n padding: ", ";\n transition: all 250ms ease;\n white-space: pre;\n flex-grow: 10;\n height: 100%;\n background-color: ", ";\n\n color: ", ";\n"])), function (props) {
|
|
52354
|
+
var AdditionalInfo = newStyled.div(_templateObject5$4 || (_templateObject5$4 = _taggedTemplateLiteral__default['default'](["\n padding: ", ";\n transition: all 250ms ease;\n white-space: pre;\n flex-grow: 10;\n height: 100%;\n opacity: ", ";\n background-color: ", ";\n\n color: ", ";\n"])), function (props) {
|
|
52351
52355
|
return paddingBySize$4(props.size);
|
|
52356
|
+
}, function (props) {
|
|
52357
|
+
return props.disabled ? "0.6" : "1";
|
|
52352
52358
|
}, function (props) {
|
|
52353
52359
|
return props.inactive ? props.theme.palette.gray[100] : props.theme.palette.primary.lighter;
|
|
52354
52360
|
}, function (props) {
|
|
52355
52361
|
return props.theme.palette.primary.textDark;
|
|
52356
52362
|
});
|
|
52357
|
-
var ButtonContainer$1 = newStyled.div(_templateObject6$2 || (_templateObject6$2 = _taggedTemplateLiteral__default['default'](["\n display: inline;\n cursor:
|
|
52363
|
+
var ButtonContainer$1 = newStyled.div(_templateObject6$2 || (_templateObject6$2 = _taggedTemplateLiteral__default['default'](["\n display: inline;\n cursor: ", ";\n padding: ", ";\n transition: all 250ms ease;\n border-radius: 0 0.5rem 0.5rem 0;\n // flex-grow: 0;\n align-self: flex-end;\n margin-left: auto;\n height: 100%;\n opacity: ", ";\n background-color: ", ";\n\n color: ", ";\n\n & i {\n font-size: ", ";\n }\n"])), function (props) {
|
|
52364
|
+
return props.disabled ? "default" : "pointer";
|
|
52365
|
+
}, function (props) {
|
|
52358
52366
|
return paddingBySize$4(props.size);
|
|
52367
|
+
}, function (props) {
|
|
52368
|
+
return props.disabled ? "0.6" : "1";
|
|
52359
52369
|
}, function (props) {
|
|
52360
52370
|
return getBtnContainerColor(props);
|
|
52361
52371
|
}, function (props) {
|
|
@@ -52400,7 +52410,8 @@ var Chip = function Chip(props) {
|
|
|
52400
52410
|
additional: additionalInfo && additionalInfo !== "",
|
|
52401
52411
|
onClick: function onClick() {
|
|
52402
52412
|
return onRemove(id);
|
|
52403
|
-
}
|
|
52413
|
+
},
|
|
52414
|
+
disabled: disabled
|
|
52404
52415
|
}), /*#__PURE__*/React__default['default'].createElement("i", {
|
|
52405
52416
|
className: "fas fa-times"
|
|
52406
52417
|
}))));
|
|
@@ -52481,16 +52492,18 @@ var Inner$2 = newStyled.div(_templateObject6$1 || (_templateObject6$1 = _taggedT
|
|
|
52481
52492
|
var SearchIcon = newStyled.div(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteral__default['default'](["\n padding: ", ";\n color: ", ";\n font-size: ", ";\n background-color: whitesmoke;\n transition: all 250ms ease;\n"])), function (props) {
|
|
52482
52493
|
return iconPaddingBySize$1(props.size);
|
|
52483
52494
|
}, function (props) {
|
|
52484
|
-
return props.theme.palette[props.color].main;
|
|
52495
|
+
return props.disabled ? props.theme.palette.gray[800] : props.theme.palette[props.color].main;
|
|
52485
52496
|
}, function (props) {
|
|
52486
52497
|
return getIconFontSize$1(props);
|
|
52487
52498
|
});
|
|
52488
|
-
var ClearIcon$1 = newStyled.div(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteral__default['default'](["\n padding: ", ";\n color: ", ";\n font-size: ", ";\n background-color: whitesmoke;\n transition: all 250ms ease;\n cursor:
|
|
52499
|
+
var ClearIcon$1 = newStyled.div(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteral__default['default'](["\n padding: ", ";\n color: ", ";\n font-size: ", ";\n background-color: whitesmoke;\n transition: all 250ms ease;\n cursor: ", ";\n margin-right: 0;\n margin-left: auto;\n"])), function (props) {
|
|
52489
52500
|
return iconPaddingBySize$1(props.size);
|
|
52490
52501
|
}, function (props) {
|
|
52491
|
-
return props.theme.palette[props.color].main;
|
|
52502
|
+
return props.disabled ? props.theme.palette.gray[800] : props.theme.palette[props.color].main;
|
|
52492
52503
|
}, function (props) {
|
|
52493
52504
|
return getIconFontSize$1(props);
|
|
52505
|
+
}, function (props) {
|
|
52506
|
+
return props.disabled ? "default" : "pointer";
|
|
52494
52507
|
});
|
|
52495
52508
|
var Content$2 = newStyled.div(_templateObject9$1 || (_templateObject9$1 = _taggedTemplateLiteral__default['default'](["\n position: absolute;\n background-color: white;\n z-index: 1;\n margin-top: 0.25rem;\n padding: 0.1875rem;\n width: calc(100% - 0.625rem);\n border-radius: 0.15625rem;\n box-shadow: 0 0 0.375rem #bebebe;\n border: 0.125rem solid ", ";\n display: flex;\n flex-direction: column;\n transition: all 250ms ease;\n"])), function (props) {
|
|
52496
52509
|
return props.theme.palette[props.color].main;
|
|
@@ -52512,6 +52525,7 @@ var SearchBar = function SearchBar(props) {
|
|
|
52512
52525
|
suggestions = props.suggestions,
|
|
52513
52526
|
onChange = props.onChange,
|
|
52514
52527
|
id = props.id,
|
|
52528
|
+
disabled = props.disabled,
|
|
52515
52529
|
className = props.className,
|
|
52516
52530
|
size = props.size,
|
|
52517
52531
|
color = props.color,
|
|
@@ -52625,7 +52639,9 @@ var SearchBar = function SearchBar(props) {
|
|
|
52625
52639
|
|
|
52626
52640
|
return /*#__PURE__*/React__default['default'].createElement(Container$8, _extends__default['default']({
|
|
52627
52641
|
className: className
|
|
52628
|
-
}, themeProps), /*#__PURE__*/React__default['default'].createElement(Inner$2, themeProps, /*#__PURE__*/React__default['default'].createElement(SearchIcon,
|
|
52642
|
+
}, themeProps), /*#__PURE__*/React__default['default'].createElement(Inner$2, themeProps, /*#__PURE__*/React__default['default'].createElement(SearchIcon, _extends__default['default']({}, themeProps, {
|
|
52643
|
+
disabled: disabled
|
|
52644
|
+
}), /*#__PURE__*/React__default['default'].createElement("i", {
|
|
52629
52645
|
className: "fas fa-search fa-fw"
|
|
52630
52646
|
})), /*#__PURE__*/React__default['default'].createElement(ItemContainer$1, themeProps, /*#__PURE__*/React__default['default'].createElement(TransitionGroup$1, {
|
|
52631
52647
|
component: null
|
|
@@ -52644,28 +52660,33 @@ var SearchBar = function SearchBar(props) {
|
|
|
52644
52660
|
additionalInfo: x.value,
|
|
52645
52661
|
inactive: !x.active,
|
|
52646
52662
|
onRemove: function onRemove() {
|
|
52647
|
-
return handleRemoveItem(key);
|
|
52663
|
+
return disabled ? {} : handleRemoveItem(key);
|
|
52648
52664
|
},
|
|
52649
52665
|
onClick: function onClick() {
|
|
52650
|
-
return handleActiveInactive(key);
|
|
52651
|
-
}
|
|
52666
|
+
return disabled ? {} : handleActiveInactive(key);
|
|
52667
|
+
},
|
|
52668
|
+
disabled: disabled
|
|
52652
52669
|
}))));
|
|
52653
52670
|
})), /*#__PURE__*/React__default['default'].createElement(InputContainer$1, themeProps, /*#__PURE__*/React__default['default'].createElement(Input$1, _extends__default['default']({}, themeProps, {
|
|
52654
52671
|
ref: InputRef,
|
|
52655
52672
|
value: value,
|
|
52656
52673
|
onBlur: onInputBlur,
|
|
52657
52674
|
onChange: onInputChange,
|
|
52658
|
-
onKeyDown: onKeyDown
|
|
52659
|
-
|
|
52675
|
+
onKeyDown: onKeyDown,
|
|
52676
|
+
disabled: disabled
|
|
52677
|
+
})))), /*#__PURE__*/React__default['default'].createElement(ClearIcon$1, _extends__default['default']({}, themeProps, {
|
|
52678
|
+
disabled: disabled
|
|
52679
|
+
}), /*#__PURE__*/React__default['default'].createElement("i", {
|
|
52660
52680
|
className: "fas fa-times fa-fw",
|
|
52661
52681
|
onClick: function onClick() {
|
|
52662
|
-
return onChange(id, []);
|
|
52682
|
+
return disabled ? {} : onChange(id, []);
|
|
52663
52683
|
}
|
|
52664
52684
|
}))), renderSuggestions());
|
|
52665
52685
|
};
|
|
52666
52686
|
|
|
52667
52687
|
SearchBar.defaultProps = {
|
|
52668
52688
|
id: "",
|
|
52689
|
+
disabled: false,
|
|
52669
52690
|
onChange: function onChange() {},
|
|
52670
52691
|
items: [],
|
|
52671
52692
|
suggestions: [],
|
|
@@ -52677,6 +52698,7 @@ SearchBar.defaultProps = {
|
|
|
52677
52698
|
SearchBar.propTypes = {
|
|
52678
52699
|
theme: PropTypes__default['default'].object.isRequired,
|
|
52679
52700
|
id: PropTypes__default['default'].any,
|
|
52701
|
+
disabled: PropTypes__default['default'].bool,
|
|
52680
52702
|
onChange: PropTypes__default['default'].func,
|
|
52681
52703
|
className: PropTypes__default['default'].string,
|
|
52682
52704
|
items: PropTypes__default['default'].array,
|