esewa-ui-library 1.10.0 → 1.10.2
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
CHANGED
|
@@ -346,7 +346,7 @@ var ESewaDatePicker = function ESewaDatePicker(_ref) {
|
|
|
346
346
|
};
|
|
347
347
|
|
|
348
348
|
var _templateObject$6;
|
|
349
|
-
var StyledDailog = styled__default.div(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteralLoose(["\n .dialog-overlay {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: rgba(0, 0, 0, 0.5);\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 1000;\n transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1);\n animation: fadeIn 0.3s ease-out;\n }\n\n .dialog {\n &-box {\n background: var(--card-bg);\n border-top-left-radius: var(--values-value-16);\n border-top-right-radius: var(--values-value-16);\n width: 100%;\n max-width: 100%;\n padding: 16px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n transition: transform 0.3s ease-in-out;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n &.slide-down {\n animation: slideDown 0.2s ease-out forwards;\n }\n &.slide-up {\n animation: slideUp 0.3s ease-out forwards;\n }\n }\n &-center {\n align-self: center;\n }\n &-top {\n align-self: flex-start;\n }\n &-bottom {\n align-self: flex-end;\n }\n &-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding-bottom: 8px;\n border-bottom: 1px solid var(--border);\n &-left-icon {\n color: var(--secondary);\n [class^='icon-'],\n [class*=' icon-'] {\n font-weight: 600;\n }\n }\n &-title {\n margin: 0;\n font-weight: bold;\n text-align: center;\n color: var(--text-dark);\n }\n &-close-icon {\n color: var(--secondary);\n [class^='icon-'],\n [class*=' icon-'] {\n font-weight: 600;\n }\n }\n }\n\n &-body {\n margin: 16px 0;\n color: var(--text-tertiary);\n }\n &-footer {\n
|
|
349
|
+
var StyledDailog = styled__default.div(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteralLoose(["\n .dialog-overlay {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: rgba(0, 0, 0, 0.5);\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 1000;\n transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1);\n animation: fadeIn 0.3s ease-out;\n }\n\n .dialog {\n &-box {\n background: var(--card-bg);\n border-top-left-radius: var(--values-value-16);\n border-top-right-radius: var(--values-value-16);\n width: 100%;\n max-width: 100%;\n padding: 16px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n transition: transform 0.3s ease-in-out;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n &.slide-down {\n animation: slideDown 0.2s ease-out forwards;\n }\n &.slide-up {\n animation: slideUp 0.3s ease-out forwards;\n }\n }\n &-center {\n align-self: center;\n }\n &-top {\n align-self: flex-start;\n }\n &-bottom {\n align-self: flex-end;\n }\n &-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding-bottom: 8px;\n border-bottom: 1px solid var(--border);\n &-left-icon {\n color: var(--secondary);\n [class^='icon-'],\n [class*=' icon-'] {\n font-weight: 600;\n }\n }\n &-title {\n margin: 0;\n font-weight: bold;\n text-align: center;\n color: var(--text-dark);\n }\n &-close-icon {\n color: var(--secondary);\n [class^='icon-'],\n [class*=' icon-'] {\n font-weight: 600;\n }\n }\n }\n\n &-body {\n margin: 16px 0;\n color: var(--text-tertiary);\n }\n &-footer {\n width: 100%;\n }\n }\n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n\n @keyframes slideUp {\n from {\n transform: translateY(100px);\n opacity: 0;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n }\n @keyframes slideDown {\n from {\n transform: translateY(0);\n opacity: 1;\n }\n to {\n transform: translateY(100px);\n opacity: 0;\n }\n }\n"])));
|
|
350
350
|
var ESewaDialog = function ESewaDialog(_ref) {
|
|
351
351
|
var isOpen = _ref.isOpen,
|
|
352
352
|
_ref$showLeftIcon = _ref.showLeftIcon,
|
|
@@ -7006,8 +7006,16 @@ var ESewaChipGroup = function ESewaChipGroup(_ref3) {
|
|
|
7006
7006
|
required = _ref3.required,
|
|
7007
7007
|
chips = _ref3.chips,
|
|
7008
7008
|
className = _ref3.className,
|
|
7009
|
+
defaultValue = _ref3.defaultValue,
|
|
7009
7010
|
onChange = _ref3.onChange;
|
|
7010
|
-
var
|
|
7011
|
+
var initialSelectedChips = React.useMemo(function () {
|
|
7012
|
+
if (defaultValue === undefined) return [];
|
|
7013
|
+
if (selection === 'single') {
|
|
7014
|
+
return typeof defaultValue === 'number' ? [defaultValue] : [];
|
|
7015
|
+
}
|
|
7016
|
+
return Array.isArray(defaultValue) ? defaultValue : [];
|
|
7017
|
+
}, [defaultValue, selection]);
|
|
7018
|
+
var _useState = React.useState(initialSelectedChips),
|
|
7011
7019
|
selectedChips = _useState[0],
|
|
7012
7020
|
setSelectedChips = _useState[1];
|
|
7013
7021
|
var handleSelectChip = function handleSelectChip(id) {
|
|
@@ -7698,8 +7706,8 @@ var ESewaPaymentProvider = function ESewaPaymentProvider(_ref) {
|
|
|
7698
7706
|
}, children);
|
|
7699
7707
|
};
|
|
7700
7708
|
|
|
7701
|
-
var isAndroid = /Android/i.test(navigator.userAgent);
|
|
7702
|
-
var isiOS = /iPhone|iPad|iPod/i.test(navigator.userAgent);
|
|
7709
|
+
var isAndroid = typeof navigator !== 'undefined' && /Android/i.test(navigator.userAgent);
|
|
7710
|
+
var isiOS = typeof navigator !== 'undefined' && /iPhone|iPad|iPod/i.test(navigator.userAgent);
|
|
7703
7711
|
var requestMiniApp = function requestMiniApp(data) {
|
|
7704
7712
|
var token = sessionStorage.getItem('token');
|
|
7705
7713
|
if (token) {
|