esewa-ui-library 1.10.2 → 1.10.3
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.js +12 -2
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +12 -2
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.modern.js
CHANGED
|
@@ -7005,7 +7005,7 @@ var ESewaCarousel = function ESewaCarousel(_ref) {
|
|
|
7005
7005
|
|
|
7006
7006
|
var _templateObject$k, _templateObject2;
|
|
7007
7007
|
var ChipContainer = styled.div(_templateObject$k || (_templateObject$k = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n padding: 8px;\n"])));
|
|
7008
|
-
var Chip = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 8px 12px;\n border-radius: 16px;\n cursor: pointer;\n font-size: 14px;\n background-color: ", ";\n color: ", ";\n &.border-radius-0 {\n border-radius: var(--values-value-0);\n }\n &.border-radius-2 {\n border-radius: var(--values-value-2);\n }\n &.border-radius-4 {\n border-radius: var(--values-value-4);\n }\n &.border-radius-8 {\n border-radius: var(--values-value-8);\n }\n &.border-radius-16 {\n border-radius: var(--values-value-16);\n }\n i{\n font-size: var(--values-value-12);\n }\n .chip__icon {\n display: flex;\n align-items: center;\n font-size: var(--values-value-12);\n }\n"])), function (_ref) {
|
|
7008
|
+
var Chip = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 8px 12px;\n border-radius: 16px;\n cursor: pointer;\n font-size: 14px;\n background-color: ", ";\n color: ", ";\n &.border-radius-0 {\n border-radius: var(--values-value-0);\n }\n &.border-radius-2 {\n border-radius: var(--values-value-2);\n }\n &.border-radius-4 {\n border-radius: var(--values-value-4);\n }\n &.border-radius-8 {\n border-radius: var(--values-value-8);\n }\n &.border-radius-16 {\n border-radius: var(--values-value-16);\n }\n i {\n font-size: var(--values-value-12);\n }\n .chip__icon {\n display: flex;\n align-items: center;\n font-size: var(--values-value-12);\n }\n"])), function (_ref) {
|
|
7009
7009
|
var selected = _ref.selected;
|
|
7010
7010
|
return selected ? 'var(--primary-500)' : 'var(--secondary-bg-light)';
|
|
7011
7011
|
}, function (_ref2) {
|
|
@@ -7029,6 +7029,16 @@ var ESewaChipGroup = function ESewaChipGroup(_ref3) {
|
|
|
7029
7029
|
var _useState = useState(initialSelectedChips),
|
|
7030
7030
|
selectedChips = _useState[0],
|
|
7031
7031
|
setSelectedChips = _useState[1];
|
|
7032
|
+
useEffect(function () {
|
|
7033
|
+
var newSelected = function () {
|
|
7034
|
+
if (defaultValue === undefined) return [];
|
|
7035
|
+
if (selection === 'single') {
|
|
7036
|
+
return typeof defaultValue === 'number' ? [defaultValue] : [];
|
|
7037
|
+
}
|
|
7038
|
+
return Array.isArray(defaultValue) ? defaultValue : [];
|
|
7039
|
+
}();
|
|
7040
|
+
setSelectedChips(newSelected);
|
|
7041
|
+
}, [defaultValue, selection]);
|
|
7032
7042
|
var handleSelectChip = function handleSelectChip(id) {
|
|
7033
7043
|
if (selection === 'single') {
|
|
7034
7044
|
setSelectedChips([id]);
|
|
@@ -7061,7 +7071,7 @@ var ESewaChipGroup = function ESewaChipGroup(_ref3) {
|
|
|
7061
7071
|
return handleSelectChip(chip.id);
|
|
7062
7072
|
}
|
|
7063
7073
|
}, chip.showIcon && chip.icon && React__default.createElement("span", {
|
|
7064
|
-
className:
|
|
7074
|
+
className: 'chip__icon'
|
|
7065
7075
|
}, typeof chip.icon === 'string' ? React__default.createElement("i", {
|
|
7066
7076
|
className: chip.icon
|
|
7067
7077
|
}) : chip.icon), chip.text);
|