esewa-ui-library 1.0.2 → 1.0.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/README.md +128 -13
- package/dist/@types/index.d.ts +8 -5
- package/dist/index.js +8 -9
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +8 -9
- package/dist/index.modern.js.map +1 -1
- package/dist/services/eSewaService.d.ts +2 -2
- package/package.json +1 -1
package/dist/index.modern.js
CHANGED
|
@@ -183,7 +183,7 @@ var StyledAppBar = styled.header.attrs(function (_ref) {
|
|
|
183
183
|
return {
|
|
184
184
|
titleposition: titleposition
|
|
185
185
|
};
|
|
186
|
-
})(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteralLoose(["\n .e-app-bar {\n display: flex;\n justify-content: space-between;\n flex-direction: row;\n align-items: center;\n background-color: var(--appbar-bg-top);\n padding: 7px 12px;\n position:
|
|
186
|
+
})(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteralLoose(["\n width: 100%;\n\n .e-app-bar {\n display: flex;\n justify-content: space-between;\n flex-direction: row;\n align-items: center;\n background-color: var(--appbar-bg-top);\n padding: 7px 12px;\n position: relative;\n height: 42px;\n // left: 0;\n // right: 0;\n gap: var(--values-value-8);\n\n &--nav-icon, &--close-icon {\n padding: 7px;\n color: var(--white);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n /* Title section */\n &--title-wrapper {\n display: flex;\n justify-content: ", ";\n align-items: center;\n width: 100%; // Ensures the title section takes full width to apply the alignment\n }\n\n &--title {\n display: flex;\n align-items: center;\n gap: 12px;\n overflow: hidden;\n // display: -webkit-box;\n // -webkit-line-clamp: 1;\n // line-clamp: 1;\n // -webkit-box-orient: vertical;\n }\n\n &--title-image img {\n width: 32px;\n object-fit: cover;\n // margin-left: -32px;\n background: var(--white);\n border: 1px solid var(--border);\n border-radius: var(--grid-borderradius-border-radius-xs);\n }\n\n &--title-label {\n color: var(--white);\n letter-spacing: 0.4px;\n font-size: var(--values-value-16);\n font-weight: 500;\n }\n }\n"])), function (props) {
|
|
187
187
|
return props.titleposition === 'left' ? 'flex-start' : props.titleposition === 'right' ? 'flex-end' : 'center';
|
|
188
188
|
});
|
|
189
189
|
var ESewaAppBar = function ESewaAppBar(_ref2) {
|
|
@@ -250,7 +250,7 @@ var ESewaAppBar = function ESewaAppBar(_ref2) {
|
|
|
250
250
|
};
|
|
251
251
|
|
|
252
252
|
var _templateObject$4;
|
|
253
|
-
var StyledCheckBox = styled.div(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteralLoose(["\n .container {\n display: flex;\n align-items: flex-start;\n position: relative;\n padding-left: 24px;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n }\n\n .container input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n height: 0;\n width: 0;\n }\n\n .checkmark {\n position: absolute;\n top: 8%;\n left: 0;\n height: 16px;\n width: 16px;\n // transform: translateY(-50%);\n background-color: var(--gray-50);\n border-radius: var(--grid-borderradius-border-radius-xxxs);\n }\n\n .container
|
|
253
|
+
var StyledCheckBox = styled.div(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteralLoose(["\n .container {\n display: flex;\n align-items: flex-start;\n position: relative;\n padding-left: 24px;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n }\n\n .container input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n height: 0;\n width: 0;\n }\n\n .checkmark {\n position: absolute;\n top: 8%;\n left: 0;\n height: 16px;\n width: 16px;\n // transform: translateY(-50%);\n background-color: var(--gray-50);\n border-radius: var(--grid-borderradius-border-radius-xxxs);\n }\n\n .container input:checked ~ .checkmark {\n background-color: var(--primary-500);\n }\n\n .checkmark:after {\n content: '';\n position: absolute;\n display: none;\n }\n\n /* Show the checkmark when checked */\n .container input:checked ~ .checkmark:after {\n display: block;\n content: '\uEA58';\n }\n\n /* Style the checkmark/indicator */\n .container .checkmark:after {\n font-family: 'esewa-font';\n content: '';\n left: 1px;\n top: -4px;\n width: 4px;\n height: 8px;\n color:var(--white);\n }\n\n .container.disabled {\n cursor: not-allowed;\n opacity: 0.6;\n }\n\n .container input:disabled ~ .checkmark {\n background-color: var(--gray-200);\n }\n"])));
|
|
254
254
|
var ESewaCheckbox = function ESewaCheckbox(_ref) {
|
|
255
255
|
var label = _ref.label,
|
|
256
256
|
className = _ref.className,
|
|
@@ -659,7 +659,7 @@ var ESewaInputFeildTextArea = forwardRef(function (_ref, ref) {
|
|
|
659
659
|
});
|
|
660
660
|
|
|
661
661
|
var _templateObject$c;
|
|
662
|
-
var StyledMultiSelect = styled.div(_templateObject$c || (_templateObject$c = _taggedTemplateLiteralLoose(["\n .multi-select {\n position: relative;\n width: auto;\n\n &__toggle {\n border: 1px solid var(--default-input-border);\n padding: var(--values-value-10) var(--values-value-12);\n cursor: pointer;\n border-radius: 8px;\n background-color: var(--input-bg);\n transition: border-color 0.2s;\n user-select: none;\n color: var(--input-placeholder);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n box-sizing: border-box;\n height: 48px;\n display: flex;\n align-items: center;\n &:hover {\n border-color: var(--input-bg);\n }\n }\n\n &__dropdown {\n position: absolute;\n top: 52px;\n left: 0;\n right: 0;\n border-radius: 8px;\n background-color: var(--card-bg);\n max-height: 200px;\n overflow-y: auto;\n z-index: 1000;\n box-shadow: var(--shadow--2--umbra);\n border: 1px solid var(--default-input-border);\n padding: 8px 0;\n animation: fadeIn 0.2s ease-in-out;\n min-width: 100%;\n }\n\n &__dropdown-inner {\n padding: 8px;\n width: 100%;\n box-sizing: border-box;\n }\n\n &__search {\n width: 100%;\n padding: 8px;\n border-radius:
|
|
662
|
+
var StyledMultiSelect = styled.div(_templateObject$c || (_templateObject$c = _taggedTemplateLiteralLoose(["\n .multi-select {\n position: relative;\n width: auto;\n\n &__toggle {\n border: 1px solid var(--default-input-border);\n padding: var(--values-value-10) var(--values-value-12);\n cursor: pointer;\n border-radius: 8px;\n background-color: var(--input-bg);\n transition: border-color 0.2s;\n user-select: none;\n color: var(--input-placeholder);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n box-sizing: border-box;\n height: 48px;\n display: flex;\n align-items: center;\n &:hover {\n border-color: var(--input-bg);\n }\n }\n\n &__dropdown {\n position: absolute;\n top: 52px;\n left: 0;\n right: 0;\n border-radius: 8px;\n background-color: var(--card-bg);\n max-height: 200px;\n overflow-y: auto;\n z-index: 1000;\n box-shadow: var(--shadow--2--umbra);\n border: 1px solid var(--default-input-border);\n padding: 8px 0;\n animation: fadeIn 0.2s ease-in-out;\n min-width: 100%;\n }\n\n &__dropdown-inner {\n padding: 8px;\n width: 100%;\n box-sizing: border-box;\n }\n\n &__search {\n width: 100%;\n padding: 8px;\n border-radius: 8px;\n margin-bottom: 5px;\n border: 1px solid var(--default-input-border);\n background-color: var(--input-bg);\n transition: border-color 0.2s;\n user-select: none;\n color: var(--input-placeholder);\n box-sizing: border-box;\n &::placeholder {\n color: var(--input-placeholder);\n letter-spacing: -0.5px;\n font-weight: 500;\n opacity: 1;\n }\n\n &:focus-visible {\n border: 1px solid var(--default-input-border);\n outline: 1px solid var(--primary);\n }\n &.error {\n border-color: var(--danger);\n outline: none;\n }\n }\n\n &__option {\n display: flex;\n align-items: center;\n padding: 8px;\n cursor: pointer;\n\n &:hover {\n background-color: var(--success-bg-light);\n border-radius: 8px;\n }\n\n input {\n font-family: 'esewa-font';\n position: relative;\n margin-right: 8px;\n\n appearance: none;\n width: 16px;\n height: 16px;\n border-radius: 4px;\n background-color: var(--default-input-border);\n border: 2px solid var(--default-input-border);\n transition: background-color 0.3s ease, border-color 0.3s ease;\n }\n\n input:checked {\n background-color: var(--primary);\n border-color: var(--primary);\n }\n\n input:checked::after {\n content: '\uEA58';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n font-size: 10px;\n color: white;\n }\n }\n\n &__no-options {\n padding: 10px;\n color: #999;\n text-align: center;\n }\n }\n"])));
|
|
663
663
|
var ESewaMultiSelect = function ESewaMultiSelect(_ref) {
|
|
664
664
|
var options = _ref.options,
|
|
665
665
|
onChange = _ref.onChange,
|
|
@@ -2738,7 +2738,7 @@ var ESewaRating = function ESewaRating(_ref) {
|
|
|
2738
2738
|
};
|
|
2739
2739
|
return React__default.createElement(StyledRating, null, React__default.createElement("div", {
|
|
2740
2740
|
className: "rating " + className
|
|
2741
|
-
},
|
|
2741
|
+
}, renderStars(), count && React__default.createElement("span", {
|
|
2742
2742
|
className: 'rating-count'
|
|
2743
2743
|
}, "(", count, ")")));
|
|
2744
2744
|
};
|
|
@@ -7694,7 +7694,7 @@ var CONNECT_APP = function CONNECT_APP(data) {
|
|
|
7694
7694
|
if (isiOS) {
|
|
7695
7695
|
var _window$webkit;
|
|
7696
7696
|
if ((_window$webkit = window.webkit) !== null && _window$webkit !== void 0 && _window$webkit.messageHandlers.iOSNative) {
|
|
7697
|
-
window.webkit.messageHandlers.iOSNative.
|
|
7697
|
+
window.webkit.messageHandlers.iOSNative.postMessage(data);
|
|
7698
7698
|
} else {
|
|
7699
7699
|
console.warn('iOS interface not available');
|
|
7700
7700
|
}
|
|
@@ -7702,11 +7702,10 @@ var CONNECT_APP = function CONNECT_APP(data) {
|
|
|
7702
7702
|
};
|
|
7703
7703
|
var requestFromMiniApp = function requestFromMiniApp(data, callbackKey, callback) {
|
|
7704
7704
|
var _window$webkit2, _window$webkit2$messa;
|
|
7705
|
-
if (window.Android) {
|
|
7705
|
+
if (window.Android && callbackKey in window.Android) {
|
|
7706
7706
|
window.Android[callbackKey] = callback;
|
|
7707
|
-
} else if ((_window$webkit2 = window.webkit) !== null && _window$webkit2 !== void 0 && (_window$webkit2$messa = _window$webkit2.messageHandlers) !== null && _window$webkit2$messa !== void 0 && _window$webkit2$messa.iOSNative) {
|
|
7708
|
-
window.
|
|
7709
|
-
window.miniAppResponse[callbackKey] = callback;
|
|
7707
|
+
} else if ((_window$webkit2 = window.webkit) !== null && _window$webkit2 !== void 0 && (_window$webkit2$messa = _window$webkit2.messageHandlers) !== null && _window$webkit2$messa !== void 0 && _window$webkit2$messa.iOSNative && callbackKey in window.webkit.messageHandlers.iOSNative) {
|
|
7708
|
+
window.webkit.messageHandlers.iOSNative[callbackKey] = callback;
|
|
7710
7709
|
}
|
|
7711
7710
|
CONNECT_APP(JSON.stringify(data));
|
|
7712
7711
|
};
|