@egov3/system-design 1.3.96 → 1.3.98
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/cjs/baseComponents/Modal/Modal.module.css.js +2 -2
- package/dist/cjs/baseComponents/Modal/index.js +6 -5
- package/dist/cjs/baseComponents/Modal/index.js.map +1 -1
- package/dist/cjs/components/Profile/DocCard/index.js +1 -1
- package/dist/cjs/components/Services/FileForUpload/index.js +3 -9
- package/dist/cjs/components/Services/FileForUpload/index.js.map +1 -1
- package/dist/esm/baseComponents/Modal/Modal.module.css.js +2 -2
- package/dist/esm/baseComponents/Modal/index.js +6 -5
- package/dist/esm/baseComponents/Modal/index.js.map +1 -1
- package/dist/esm/components/Profile/DocCard/index.js +1 -1
- package/dist/esm/components/Services/FileForUpload/index.js +3 -9
- package/dist/esm/components/Services/FileForUpload/index.js.map +1 -1
- package/dist/types/baseComponents/Modal/index.d.ts +3 -3
- package/dist/types/components/Services/FileForUpload/index.d.ts +1 -1
- package/dist/types/index.d.ts +1 -1
- package/package.json +1 -1
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var css_248z = ".Modal-module_contentWrap__k38CL {\n background: var(--page-color-background-white);\n border-radius: 16px;\n animation: Modal-module_flyDown__8XGLa 1s;\n display: flex;\n flex-direction: column;\n margin: auto 0;\n}\n\n.Modal-module_contentWrapHeight__LFoO- {\n max-height: calc(100% - 64px);\n}\n\n@media (min-width: 768px) {\n .Modal-module_largeVariant__tnPGL {\n width: clamp(598px, 70vw, 749px);\n }\n}\n\n@media (min-width: 1024px) {\n .Modal-module_largeVariant__tnPGL {\n width: clamp(749px, 70vw, 1052px);\n }\n}\n\n@media (min-width: 1280px) {\n .Modal-module_largeVariant__tnPGL {\n width: clamp(1052px, 70vw, 100%);\n }\n}\n\n@media (min-width: 1440px) {\n .Modal-module_contentWrap__k38CL {\n margin: auto 194px;\n }\n}\n\n.Modal-module_smallVariant__eHFMv {\n width: 400px;\n}\n\n.Modal-module_contentHeader__XyuVc {\n position: relative;\n display: flex;\n justify-content: space-between;\n align-items: center;\n align-self: stretch;\n padding: 12px 16px;\n}\n\n.Modal-module_title__26Kte {\n color: var(--text-primary);\n}\n\n@keyframes Modal-module_flyDown__8XGLa {\n from {\n transform: translateY(-1000px);\n opacity: 0.1;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n}\n\n.Modal-module_contentBody__ko2lN {\n flex: 1 1 auto;\n overflow-y: auto;\n min-height: 0;\n}\n\n.Modal-module_footerWrap__43bd8 {\n text-align: center;\n}\n\n.Modal-module_fixModal__cKNyu {\n padding: 32px 0px;\n overflow-y: auto;\n align-items: flex-start;\n}\n";
|
|
6
|
-
var styles = {"contentWrap":"Modal-module_contentWrap__k38CL","flyDown":"Modal-module_flyDown__8XGLa","contentWrapHeight":"Modal-module_contentWrapHeight__LFoO-","largeVariant":"Modal-module_largeVariant__tnPGL","smallVariant":"Modal-module_smallVariant__eHFMv","contentHeader":"Modal-module_contentHeader__XyuVc","title":"Modal-module_title__26Kte","contentBody":"Modal-module_contentBody__ko2lN","footerWrap":"Modal-module_footerWrap__43bd8","fixModal":"Modal-module_fixModal__cKNyu"};
|
|
5
|
+
var css_248z = ".Modal-module_contentWrap__k38CL {\n background: var(--page-color-background-white);\n border-radius: 16px;\n animation: Modal-module_flyDown__8XGLa 1s;\n display: flex;\n flex-direction: column;\n margin: auto 0;\n}\n\n.Modal-module_contentWrapHeight__LFoO- {\n max-height: calc(100% - 64px);\n}\n\n@media (min-width: 768px) {\n .Modal-module_largeVariant__tnPGL {\n width: clamp(598px, 70vw, 749px);\n }\n}\n\n@media (min-width: 1024px) {\n .Modal-module_largeVariant__tnPGL {\n width: clamp(749px, 70vw, 1052px);\n }\n}\n\n@media (min-width: 1280px) {\n .Modal-module_largeVariant__tnPGL {\n width: clamp(1052px, 70vw, 100%);\n }\n}\n\n@media (min-width: 1440px) {\n .Modal-module_contentWrap__k38CL {\n margin: auto 194px;\n width: 100%;\n }\n}\n\n.Modal-module_smallVariant__eHFMv {\n width: 400px;\n}\n\n.Modal-module_contentHeader__XyuVc {\n position: relative;\n display: flex;\n justify-content: space-between;\n align-items: center;\n align-self: stretch;\n padding: 12px 16px;\n}\n\n.Modal-module_title__26Kte {\n color: var(--text-primary);\n}\n\n@keyframes Modal-module_flyDown__8XGLa {\n from {\n transform: translateY(-1000px);\n opacity: 0.1;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n}\n\n.Modal-module_contentBody__ko2lN {\n flex: 1 1 auto;\n overflow-y: auto;\n min-height: 0;\n}\n\n.Modal-module_wrapper__K3Tg6 {\n padding: 16px;\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.Modal-module_footerWrap__43bd8 {\n text-align: center;\n}\n\n.Modal-module_fixModal__cKNyu {\n padding: 32px 0px;\n overflow-y: auto;\n align-items: flex-start;\n}\n";
|
|
6
|
+
var styles = {"contentWrap":"Modal-module_contentWrap__k38CL","flyDown":"Modal-module_flyDown__8XGLa","contentWrapHeight":"Modal-module_contentWrapHeight__LFoO-","largeVariant":"Modal-module_largeVariant__tnPGL","smallVariant":"Modal-module_smallVariant__eHFMv","contentHeader":"Modal-module_contentHeader__XyuVc","title":"Modal-module_title__26Kte","contentBody":"Modal-module_contentBody__ko2lN","wrapper":"Modal-module_wrapper__K3Tg6","footerWrap":"Modal-module_footerWrap__43bd8","fixModal":"Modal-module_fixModal__cKNyu"};
|
|
7
7
|
function styleInject(css, options) {
|
|
8
8
|
if (typeof document === 'undefined') return;
|
|
9
9
|
const head = document.head || document.getElementsByTagName('head')[0];
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
4
|
var graphics = require('@egov3/graphics');
|
|
5
|
-
var React = require('react');
|
|
6
5
|
var index$1 = require('../../constants/i18n/index.js');
|
|
7
6
|
var joinClasses = require('../../utils/joinClasses.js');
|
|
8
7
|
var index$3 = require('../Button/index.js');
|
|
@@ -10,13 +9,15 @@ var index = require('../Overlay/index.js');
|
|
|
10
9
|
var index$2 = require('../Typography/index.js');
|
|
11
10
|
var Modal_module = require('./Modal.module.css.js');
|
|
12
11
|
|
|
13
|
-
const Modal = ({ children, header, lang, open, setOpen, variant, withOverlay = true, isContentScroll = true,
|
|
14
|
-
const Wrapper = withOverlay
|
|
15
|
-
|
|
12
|
+
const Modal = ({ children, header, lang, open, setOpen, variant, withOverlay = true, isContentScroll = true, footerButtons = [], }) => {
|
|
13
|
+
const Wrapper = withOverlay
|
|
14
|
+
? index.Overlay
|
|
15
|
+
: (props) => jsxRuntime.jsx("div", { ...props });
|
|
16
|
+
return (jsxRuntime.jsx(Wrapper, { className: isContentScroll ? undefined : Modal_module.default.fixModal, children: jsxRuntime.jsxs("div", { "data-testid": "Modal_WRAPPER", className: joinClasses.joinClasses(Modal_module.default.contentWrap, isContentScroll && Modal_module.default.contentWrapHeight, Modal_module.default[`${variant}Variant`]), children: [header && (jsxRuntime.jsxs("div", { "data-testid": "Modal_HEADER", className: Modal_module.default.contentHeader, children: [header?.goBackService && (jsxRuntime.jsx("button", { "aria-label": index$1.i18n.Modal.AriaBackButton[lang], className: Modal_module.default.regGoBack, "data-testid": "IdentityHeaderGoBack_BTN", onClick: header.goBackService, type: "button", children: jsxRuntime.jsx(graphics.Icons.Basic.ChevronLeft, { width: "18px", height: "18px", "data-testid": "ModalChevronLeft_ICON" }) })), header?.goIdentityMain && (jsxRuntime.jsx("button", { "aria-label": index$1.i18n.Modal.AriaAuthorizationPageBtn[lang], className: Modal_module.default.logo, "data-testid": "IdentityHeaderGoMain_BTN", onClick: header.goIdentityMain, type: "button", children: jsxRuntime.jsx(graphics.Icons.Logo.Egov, { width: "69px", height: "24px", "data-testid": "ModalEgov_ICON" }) })), header?.title && (jsxRuntime.jsx(index$2.Typography, { tag: "h3", fontClass: "body1Medium", "data-testid": "Modal_TITLE", className: Modal_module.default.title, children: header.title })), header?.isClosable === true ? (jsxRuntime.jsx("button", { type: "button", "data-testid": "ModalHeaderBtn_CLOSE", onClick: () => {
|
|
16
17
|
if (setOpen) {
|
|
17
18
|
setOpen(!open);
|
|
18
19
|
}
|
|
19
|
-
}, children: jsxRuntime.jsx(graphics.Icons.General.Close, { "data-testid": "ModalClose_ICON" }) })) : (jsxRuntime.jsx("div", { "data-testid": "IdentityHeaderBtn_CLOSE", className: Modal_module.default.regCloseBtn }))] })), jsxRuntime.jsx("div", { className: isContentScroll
|
|
20
|
+
}, children: jsxRuntime.jsx(graphics.Icons.General.Close, { "data-testid": "ModalClose_ICON" }) })) : (jsxRuntime.jsx("div", { "data-testid": "IdentityHeaderBtn_CLOSE", className: Modal_module.default.regCloseBtn }))] })), jsxRuntime.jsx("div", { className: isContentScroll ? Modal_module.default.contentBody : undefined, "data-testid": "Modal_BODY", children: children }), footerButtons.length > 0 && (jsxRuntime.jsx("div", { className: Modal_module.default.wrapper, "data-testid": "ModalFooterButton_WRAP", children: footerButtons.map((item) => (jsxRuntime.jsx(index$3.Button, { "aria-label": item.text, "data-testid": item.dataTestid, disabled: item.disabled, onClick: item.onClick, size: "large", children: item.text }, item.text))) }))] }) }));
|
|
20
21
|
};
|
|
21
22
|
|
|
22
23
|
exports.Modal = Modal;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/Modal/index.tsx"],"sourcesContent":[null],"names":["Overlay","_jsx","styles","_jsxs","joinClasses","i18n","Icons","Typography","Button"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/Modal/index.tsx"],"sourcesContent":[null],"names":["Overlay","_jsx","styles","_jsxs","joinClasses","i18n","Icons","Typography","Button"],"mappings":";;;;;;;;;;;AAmCO,MAAM,KAAK,GAAG,CAAC,EACpB,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,OAAO,EACP,WAAW,GAAG,IAAI,EAClB,eAAe,GAAG,IAAI,EACtB,aAAa,GAAG,EAAE,GACN,KAAI;IAChB,MAAM,OAAO,GAAG;AACd,UAAEA;UACA,CACE,KAGC,KACEC,cAAA,CAAA,KAAA,EAAA,EAAA,GAAS,KAAK,EAAA,CAAI;IAC3B,QACEA,eAAC,OAAO,EAAA,EAAC,SAAS,EAAE,eAAe,GAAG,SAAS,GAAGC,oBAAM,CAAC,QAAQ,YAC/DC,eAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,eAAe,EAC3B,SAAS,EAAEC,uBAAW,CACpBF,oBAAM,CAAC,WAAW,EAClB,eAAe,IAAIA,oBAAM,CAAC,iBAAiB,EAC3CA,oBAAM,CAAC,GAAG,OAAO,CAAA,OAAA,CAAS,CAAC,CAC5B,EAAA,QAAA,EAAA,CAEA,MAAM,KACLC,eAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAiB,cAAc,EAAC,SAAS,EAAED,oBAAM,CAAC,aAAa,aAC5D,MAAM,EAAE,aAAa,KACpBD,cAAA,CAAA,QAAA,EAAA,EAAA,YAAA,EACcI,YAAI,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,EAC3C,SAAS,EAAEH,oBAAM,CAAC,SAAS,EAAA,aAAA,EACf,0BAA0B,EACtC,OAAO,EAAE,MAAM,CAAC,aAAa,EAC7B,IAAI,EAAC,QAAQ,EAAA,QAAA,EAEbD,cAAA,CAACK,cAAK,CAAC,KAAK,CAAC,WAAW,EAAA,EACtB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EAAA,aAAA,EACD,uBAAuB,EAAA,CACnC,GACK,CACV,EACA,MAAM,EAAE,cAAc,KACrBL,cAAA,CAAA,QAAA,EAAA,EAAA,YAAA,EACcI,YAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,EACrD,SAAS,EAAEH,oBAAM,CAAC,IAAI,EAAA,aAAA,EACV,0BAA0B,EACtC,OAAO,EAAE,MAAM,CAAC,cAAc,EAC9B,IAAI,EAAC,QAAQ,EAAA,QAAA,EAEbD,cAAA,CAACK,cAAK,CAAC,IAAI,CAAC,IAAI,EAAA,EACd,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EAAA,aAAA,EACD,gBAAgB,EAAA,CAC5B,GACK,CACV,EACA,MAAM,EAAE,KAAK,KACZL,cAAA,CAACM,kBAAU,EAAA,EACT,GAAG,EAAC,IAAI,EACR,SAAS,EAAC,aAAa,EAAA,aAAA,EACX,aAAa,EACzB,SAAS,EAAEL,oBAAM,CAAC,KAAK,EAAA,QAAA,EAEtB,MAAM,CAAC,KAAK,GACF,CACd,EACA,MAAM,EAAE,UAAU,KAAK,IAAI,IAC1BD,cAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EAAA,aAAA,EACD,sBAAsB,EAClC,OAAO,EAAE,MAAK;AACZ,gCAAA,IAAI,OAAO,EAAE;AACX,oCAAA,OAAO,CAAC,CAAC,IAAI,CAAC;AACf,gCAAA;4BACH,CAAC,EAAA,QAAA,EAEDA,cAAA,CAACK,cAAK,CAAC,OAAO,CAAC,KAAK,EAAA,EAAA,aAAA,EAAa,iBAAiB,EAAA,CAAG,EAAA,CAC9C,KAETL,cAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,yBAAyB,EACrC,SAAS,EAAEC,oBAAM,CAAC,WAAW,EAAA,CAC7B,CACH,CAAA,EAAA,CACG,CACP,EACDD,cAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,eAAe,GAAGC,oBAAM,CAAC,WAAW,GAAG,SAAS,iBAC/C,YAAY,EAAA,QAAA,EAEvB,QAAQ,EAAA,CACL,EACL,aAAa,CAAC,MAAM,GAAG,CAAC,KACvBD,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEC,oBAAM,CAAC,OAAO,EAAA,aAAA,EAAc,wBAAwB,EAAA,QAAA,EACjE,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,MACtBD,cAAA,CAACO,cAAM,EAAA,EAAA,YAAA,EACO,IAAI,CAAC,IAAI,EAAA,aAAA,EACR,IAAI,CAAC,UAAU,EAC5B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,IAAI,CAAC,OAAO,EAErB,IAAI,EAAC,OAAO,EAAA,QAAA,EAEX,IAAI,CAAC,IAAI,EAAA,EAHL,IAAI,CAAC,IAAI,CAIP,CACV,CAAC,EAAA,CACE,CACP,CAAA,EAAA,CACG,EAAA,CACE;AAEd;;;;"}
|
|
@@ -11,7 +11,7 @@ const DocCard = ({ title, docIcon, expiration, children, lang, handleDownload, }
|
|
|
11
11
|
const langDic = index$1.i18n.DocCard;
|
|
12
12
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("button", { type: "button", "data-testid": "DocCard_BUTTON", onClick: () => {
|
|
13
13
|
setIsModalOpen(!isModalOpen);
|
|
14
|
-
}, className: DocCard_module.default.container, "aria-label": title, children: [jsxRuntime.jsx("div", { "data-testid": "DocCard_CARD", className: DocCard_module.default.card, children: jsxRuntime.jsx("div", { "data-testid": "DocCard_DOCUMENT", className: DocCard_module.default.document, children: docIcon }) }), jsxRuntime.jsxs("div", { "data-testid": "DocCard_TEXT", className: DocCard_module.default.text, children: [jsxRuntime.jsx(index.BaseComponents.Typography, { tag: "span", fontClass: "caption1Medium", "data-testid": "DocCard_TITLE", className: DocCard_module.default.title, children: title }), expiration && (jsxRuntime.jsx(index.BaseComponents.Typography, { tag: "span", "data-testid": "DocCard_EXPIRATION", className: DocCard_module.default.expiration, "aria-label": expiration, fontClass: "caption1Regular", children: expiration }))] })] }), isModalOpen && (jsxRuntime.jsx(index.BaseComponents.Modal, { open: isModalOpen, setOpen: setIsModalOpen, header: { title, isClosable: true }, variant: "small", lang: lang,
|
|
14
|
+
}, className: DocCard_module.default.container, "aria-label": title, children: [jsxRuntime.jsx("div", { "data-testid": "DocCard_CARD", className: DocCard_module.default.card, children: jsxRuntime.jsx("div", { "data-testid": "DocCard_DOCUMENT", className: DocCard_module.default.document, children: docIcon }) }), jsxRuntime.jsxs("div", { "data-testid": "DocCard_TEXT", className: DocCard_module.default.text, children: [jsxRuntime.jsx(index.BaseComponents.Typography, { tag: "span", fontClass: "caption1Medium", "data-testid": "DocCard_TITLE", className: DocCard_module.default.title, children: title }), expiration && (jsxRuntime.jsx(index.BaseComponents.Typography, { tag: "span", "data-testid": "DocCard_EXPIRATION", className: DocCard_module.default.expiration, "aria-label": expiration, fontClass: "caption1Regular", children: expiration }))] })] }), isModalOpen && (jsxRuntime.jsx(index.BaseComponents.Modal, { open: isModalOpen, setOpen: setIsModalOpen, header: { title, isClosable: true }, variant: "small", lang: lang, footerButtons: [
|
|
15
15
|
{
|
|
16
16
|
text: langDic.downloadButton[lang],
|
|
17
17
|
onClick: handleDownload,
|
|
@@ -24,15 +24,9 @@ const FileNameWithExtension = ({ Filename, state, }) => {
|
|
|
24
24
|
const extension = Filename.slice(lastDotIndex + 1);
|
|
25
25
|
return (jsxRuntime.jsxs("div", { className: FileForUpload_module.default.fileNameContainer, children: [jsxRuntime.jsx(index$1.BaseComponents.Typography, { tag: "span", fontClass: "body2Regular", className: joinClasses.joinClasses(FileForUpload_module.default.textOverflow, textStyle(state)), "aria-label": name, "data-testid": "UploadFileBlock_DOC_LOAD", children: name }), jsxRuntime.jsx(index$1.BaseComponents.Typography, { tag: "span", fontClass: "body2Regular", className: textStyle(state), "aria-label": `.${extension}`, "data-testid": "UploadFileBlock_DOC_LOAD", children: `.${extension}` })] }));
|
|
26
26
|
};
|
|
27
|
-
const UploadingFile = ({ lang, uploadingFile, handleRemoveFile, }) => (jsxRuntime.jsxs("div", { className: FileForUpload_module.default.downloadFile, "data-testid": "UploadFileBlock_FILE", children: [jsxRuntime.jsx(graphics.Icons.General.Loader, { "data-testid": "UploadFileBlock_LOADER_ICON", "aria-label": langDic.loaderIconLabel[lang], className: FileForUpload_module.default.downloadingIcon }), jsxRuntime.jsx(FileNameWithExtension, { Filename: uploadingFile.file.name, state: "downloading" }), jsxRuntime.jsx(graphics.Icons.General.Clear, { "data-testid": "UploadFileBlock_CLEAR_ICON", "aria-label": langDic.clearIconLabel[lang], onClick:
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
const UploadingFileError = ({ lang, uploadingFile, handleRemoveFile, }) => (jsxRuntime.jsxs("div", { className: FileForUpload_module.default.downloadFile, "data-testid": "UploadFileBlock_FILE", children: [jsxRuntime.jsx(graphics.Icons.General.Error, { "data-testid": "UploadFileBlock_ERROR_ICON", "aria-label": langDic.ErrorIconLabel[lang], className: FileForUpload_module.default.downloadErrorIcon }), jsxRuntime.jsx(FileNameWithExtension, { Filename: uploadingFile.file.name, state: "error" }), jsxRuntime.jsx(graphics.Icons.General.Clear, { "data-testid": "UploadFileBlock_CLEAR_ICON", "aria-label": langDic.clearIconLabel[lang], className: FileForUpload_module.default.downloadClearIcon, onClick: () => {
|
|
31
|
-
handleRemoveFile(uploadingFile.file.name);
|
|
32
|
-
} })] }));
|
|
33
|
-
const UploadedFileSuccess = ({ lang, uploadingFile, handleRemoveFile, }) => (jsxRuntime.jsxs("div", { className: FileForUpload_module.default.downloadFile, "data-testid": "UploadFileBlock_FILE", children: [jsxRuntime.jsx(graphics.Icons.General.Doc, { "data-testid": "UploadFileBlock_DOC_ICON", "aria-label": langDic.DocIconLabel[lang], className: FileForUpload_module.default.downloadSuccessIcon }), jsxRuntime.jsx(FileNameWithExtension, { Filename: uploadingFile.file.name, state: "success" }), jsxRuntime.jsx(graphics.Icons.General.Clear, { "data-testid": "UploadFileBlock_CLEAR_ICON", "aria-label": langDic.clearIconLabel[lang], onClick: () => {
|
|
34
|
-
handleRemoveFile(uploadingFile.file.name);
|
|
35
|
-
}, className: FileForUpload_module.default.downloadClearIcon })] }));
|
|
27
|
+
const UploadingFile = ({ lang, uploadingFile, handleRemoveFile, }) => (jsxRuntime.jsxs("div", { className: FileForUpload_module.default.downloadFile, "data-testid": "UploadFileBlock_FILE", children: [jsxRuntime.jsx(graphics.Icons.General.Loader, { "data-testid": "UploadFileBlock_LOADER_ICON", "aria-label": langDic.loaderIconLabel[lang], className: FileForUpload_module.default.downloadingIcon }), jsxRuntime.jsx(FileNameWithExtension, { Filename: uploadingFile.file.name, state: "downloading" }), jsxRuntime.jsx(graphics.Icons.General.Clear, { "data-testid": "UploadFileBlock_CLEAR_ICON", "aria-label": langDic.clearIconLabel[lang], onClick: handleRemoveFile, className: FileForUpload_module.default.downloadingClearIcon })] }));
|
|
28
|
+
const UploadingFileError = ({ lang, uploadingFile, handleRemoveFile, }) => (jsxRuntime.jsxs("div", { className: FileForUpload_module.default.downloadFile, "data-testid": "UploadFileBlock_FILE", children: [jsxRuntime.jsx(graphics.Icons.General.Error, { "data-testid": "UploadFileBlock_ERROR_ICON", "aria-label": langDic.ErrorIconLabel[lang], className: FileForUpload_module.default.downloadErrorIcon }), jsxRuntime.jsx(FileNameWithExtension, { Filename: uploadingFile.file.name, state: "error" }), jsxRuntime.jsx(graphics.Icons.General.Clear, { "data-testid": "UploadFileBlock_CLEAR_ICON", "aria-label": langDic.clearIconLabel[lang], className: FileForUpload_module.default.downloadClearIcon, onClick: handleRemoveFile })] }));
|
|
29
|
+
const UploadedFileSuccess = ({ lang, uploadingFile, handleRemoveFile, }) => (jsxRuntime.jsxs("div", { className: FileForUpload_module.default.downloadFile, "data-testid": "UploadFileBlock_FILE", children: [jsxRuntime.jsx(graphics.Icons.General.Doc, { "data-testid": "UploadFileBlock_DOC_ICON", "aria-label": langDic.DocIconLabel[lang], className: FileForUpload_module.default.downloadSuccessIcon }), jsxRuntime.jsx(FileNameWithExtension, { Filename: uploadingFile.file.name, state: "success" }), jsxRuntime.jsx(graphics.Icons.General.Clear, { "data-testid": "UploadFileBlock_CLEAR_ICON", "aria-label": langDic.clearIconLabel[lang], onClick: handleRemoveFile, className: FileForUpload_module.default.downloadClearIcon })] }));
|
|
36
30
|
const FileForUpload = ({ lang, uploadingFile, handleRemoveFile, }) => {
|
|
37
31
|
if (uploadingFile.isError) {
|
|
38
32
|
return (jsxRuntime.jsx(UploadingFileError, { uploadingFile: uploadingFile, lang: lang, handleRemoveFile: handleRemoveFile }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/Services/FileForUpload/index.tsx"],"sourcesContent":[null],"names":["i18n","styles","_jsxs","_jsx","BaseComponents","joinClasses","Icons"],"mappings":";;;;;;;;;AAqBA,MAAM,OAAO,GAAGA,UAAI,CAAC,UAAU;AAE/B,MAAM,SAAS,GAAG,CAAC,KAAiB,KAAI;AACtC,IAAA,QAAQ,KAAK;AACX,QAAA,KAAK,OAAO;YACV,OAAOC,4BAAM,CAAC,iBAAiB;AACjC,QAAA,KAAK,aAAa;YAChB,OAAOA,4BAAM,CAAC,eAAe;AAC/B,QAAA,KAAK,SAAS;YACZ,OAAOA,4BAAM,CAAC,mBAAmB;AACpC;AACH,CAAC;AAED,MAAM,qBAAqB,GAAG,CAAC,EAC7B,QAAQ,EACR,KAAK,GAIN,KAAI;IACH,MAAM,YAAY,GAAG,QAAQ,CAAC,WAAW,CAAC,GAAG,CAAC;IAC9C,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,YAAY,CAAC;IAC5C,MAAM,SAAS,GAAG,QAAQ,CAAC,KAAK,CAAC,YAAY,GAAG,CAAC,CAAC;AAElD,IAAA,QACEC,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAED,4BAAM,CAAC,iBAAiB,EAAA,QAAA,EAAA,CACtCE,cAAA,CAACC,sBAAc,CAAC,UAAU,EAAA,EACxB,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,cAAc,EACxB,SAAS,EAAEC,uBAAW,CAACJ,4BAAM,CAAC,YAAY,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,gBACjD,IAAI,EAAA,aAAA,EACJ,0BAA0B,EAAA,QAAA,EAErC,IAAI,EAAA,CACqB,EAC5BE,cAAA,CAACC,sBAAc,CAAC,UAAU,EAAA,EACxB,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,cAAc,EACxB,SAAS,EAAE,SAAS,CAAC,KAAK,CAAC,EAAA,YAAA,EACf,CAAA,CAAA,EAAI,SAAS,CAAA,CAAE,EAAA,aAAA,EACf,0BAA0B,EAAA,QAAA,EAErC,IAAI,SAAS,CAAA,CAAE,EAAA,CACU,CAAA,EAAA,CACxB;AAEV,CAAC;AAED,MAAM,aAAa,GAAG,CAAC,EACrB,IAAI,EACJ,aAAa,EACb,gBAAgB,GACI,MACpBF,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAED,4BAAM,CAAC,YAAY,EAAA,aAAA,EAAc,sBAAsB,EAAA,QAAA,EAAA,CACrEE,cAAA,CAACG,cAAK,CAAC,OAAO,CAAC,MAAM,EAAA,EAAA,aAAA,EACP,6BAA6B,
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/Services/FileForUpload/index.tsx"],"sourcesContent":[null],"names":["i18n","styles","_jsxs","_jsx","BaseComponents","joinClasses","Icons"],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
var css_248z = ".Modal-module_contentWrap__k38CL {\n background: var(--page-color-background-white);\n border-radius: 16px;\n animation: Modal-module_flyDown__8XGLa 1s;\n display: flex;\n flex-direction: column;\n margin: auto 0;\n}\n\n.Modal-module_contentWrapHeight__LFoO- {\n max-height: calc(100% - 64px);\n}\n\n@media (min-width: 768px) {\n .Modal-module_largeVariant__tnPGL {\n width: clamp(598px, 70vw, 749px);\n }\n}\n\n@media (min-width: 1024px) {\n .Modal-module_largeVariant__tnPGL {\n width: clamp(749px, 70vw, 1052px);\n }\n}\n\n@media (min-width: 1280px) {\n .Modal-module_largeVariant__tnPGL {\n width: clamp(1052px, 70vw, 100%);\n }\n}\n\n@media (min-width: 1440px) {\n .Modal-module_contentWrap__k38CL {\n margin: auto 194px;\n }\n}\n\n.Modal-module_smallVariant__eHFMv {\n width: 400px;\n}\n\n.Modal-module_contentHeader__XyuVc {\n position: relative;\n display: flex;\n justify-content: space-between;\n align-items: center;\n align-self: stretch;\n padding: 12px 16px;\n}\n\n.Modal-module_title__26Kte {\n color: var(--text-primary);\n}\n\n@keyframes Modal-module_flyDown__8XGLa {\n from {\n transform: translateY(-1000px);\n opacity: 0.1;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n}\n\n.Modal-module_contentBody__ko2lN {\n flex: 1 1 auto;\n overflow-y: auto;\n min-height: 0;\n}\n\n.Modal-module_footerWrap__43bd8 {\n text-align: center;\n}\n\n.Modal-module_fixModal__cKNyu {\n padding: 32px 0px;\n overflow-y: auto;\n align-items: flex-start;\n}\n";
|
|
2
|
-
var styles = {"contentWrap":"Modal-module_contentWrap__k38CL","flyDown":"Modal-module_flyDown__8XGLa","contentWrapHeight":"Modal-module_contentWrapHeight__LFoO-","largeVariant":"Modal-module_largeVariant__tnPGL","smallVariant":"Modal-module_smallVariant__eHFMv","contentHeader":"Modal-module_contentHeader__XyuVc","title":"Modal-module_title__26Kte","contentBody":"Modal-module_contentBody__ko2lN","footerWrap":"Modal-module_footerWrap__43bd8","fixModal":"Modal-module_fixModal__cKNyu"};
|
|
1
|
+
var css_248z = ".Modal-module_contentWrap__k38CL {\n background: var(--page-color-background-white);\n border-radius: 16px;\n animation: Modal-module_flyDown__8XGLa 1s;\n display: flex;\n flex-direction: column;\n margin: auto 0;\n}\n\n.Modal-module_contentWrapHeight__LFoO- {\n max-height: calc(100% - 64px);\n}\n\n@media (min-width: 768px) {\n .Modal-module_largeVariant__tnPGL {\n width: clamp(598px, 70vw, 749px);\n }\n}\n\n@media (min-width: 1024px) {\n .Modal-module_largeVariant__tnPGL {\n width: clamp(749px, 70vw, 1052px);\n }\n}\n\n@media (min-width: 1280px) {\n .Modal-module_largeVariant__tnPGL {\n width: clamp(1052px, 70vw, 100%);\n }\n}\n\n@media (min-width: 1440px) {\n .Modal-module_contentWrap__k38CL {\n margin: auto 194px;\n width: 100%;\n }\n}\n\n.Modal-module_smallVariant__eHFMv {\n width: 400px;\n}\n\n.Modal-module_contentHeader__XyuVc {\n position: relative;\n display: flex;\n justify-content: space-between;\n align-items: center;\n align-self: stretch;\n padding: 12px 16px;\n}\n\n.Modal-module_title__26Kte {\n color: var(--text-primary);\n}\n\n@keyframes Modal-module_flyDown__8XGLa {\n from {\n transform: translateY(-1000px);\n opacity: 0.1;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n}\n\n.Modal-module_contentBody__ko2lN {\n flex: 1 1 auto;\n overflow-y: auto;\n min-height: 0;\n}\n\n.Modal-module_wrapper__K3Tg6 {\n padding: 16px;\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.Modal-module_footerWrap__43bd8 {\n text-align: center;\n}\n\n.Modal-module_fixModal__cKNyu {\n padding: 32px 0px;\n overflow-y: auto;\n align-items: flex-start;\n}\n";
|
|
2
|
+
var styles = {"contentWrap":"Modal-module_contentWrap__k38CL","flyDown":"Modal-module_flyDown__8XGLa","contentWrapHeight":"Modal-module_contentWrapHeight__LFoO-","largeVariant":"Modal-module_largeVariant__tnPGL","smallVariant":"Modal-module_smallVariant__eHFMv","contentHeader":"Modal-module_contentHeader__XyuVc","title":"Modal-module_title__26Kte","contentBody":"Modal-module_contentBody__ko2lN","wrapper":"Modal-module_wrapper__K3Tg6","footerWrap":"Modal-module_footerWrap__43bd8","fixModal":"Modal-module_fixModal__cKNyu"};
|
|
3
3
|
function styleInject(css, options) {
|
|
4
4
|
if (typeof document === 'undefined') return;
|
|
5
5
|
const head = document.head || document.getElementsByTagName('head')[0];
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
2
|
import { Icons } from '@egov3/graphics';
|
|
3
|
-
import React from 'react';
|
|
4
3
|
import { i18n } from '../../constants/i18n/index.js';
|
|
5
4
|
import { joinClasses } from '../../utils/joinClasses.js';
|
|
6
5
|
import { Button } from '../Button/index.js';
|
|
@@ -8,13 +7,15 @@ import { Overlay } from '../Overlay/index.js';
|
|
|
8
7
|
import { Typography } from '../Typography/index.js';
|
|
9
8
|
import styles from './Modal.module.css.js';
|
|
10
9
|
|
|
11
|
-
const Modal = ({ children, header, lang, open, setOpen, variant, withOverlay = true, isContentScroll = true,
|
|
12
|
-
const Wrapper = withOverlay
|
|
13
|
-
|
|
10
|
+
const Modal = ({ children, header, lang, open, setOpen, variant, withOverlay = true, isContentScroll = true, footerButtons = [], }) => {
|
|
11
|
+
const Wrapper = withOverlay
|
|
12
|
+
? Overlay
|
|
13
|
+
: (props) => jsx("div", { ...props });
|
|
14
|
+
return (jsx(Wrapper, { className: isContentScroll ? undefined : styles.fixModal, children: jsxs("div", { "data-testid": "Modal_WRAPPER", className: joinClasses(styles.contentWrap, isContentScroll && styles.contentWrapHeight, styles[`${variant}Variant`]), children: [header && (jsxs("div", { "data-testid": "Modal_HEADER", className: styles.contentHeader, children: [header?.goBackService && (jsx("button", { "aria-label": i18n.Modal.AriaBackButton[lang], className: styles.regGoBack, "data-testid": "IdentityHeaderGoBack_BTN", onClick: header.goBackService, type: "button", children: jsx(Icons.Basic.ChevronLeft, { width: "18px", height: "18px", "data-testid": "ModalChevronLeft_ICON" }) })), header?.goIdentityMain && (jsx("button", { "aria-label": i18n.Modal.AriaAuthorizationPageBtn[lang], className: styles.logo, "data-testid": "IdentityHeaderGoMain_BTN", onClick: header.goIdentityMain, type: "button", children: jsx(Icons.Logo.Egov, { width: "69px", height: "24px", "data-testid": "ModalEgov_ICON" }) })), header?.title && (jsx(Typography, { tag: "h3", fontClass: "body1Medium", "data-testid": "Modal_TITLE", className: styles.title, children: header.title })), header?.isClosable === true ? (jsx("button", { type: "button", "data-testid": "ModalHeaderBtn_CLOSE", onClick: () => {
|
|
14
15
|
if (setOpen) {
|
|
15
16
|
setOpen(!open);
|
|
16
17
|
}
|
|
17
|
-
}, children: jsx(Icons.General.Close, { "data-testid": "ModalClose_ICON" }) })) : (jsx("div", { "data-testid": "IdentityHeaderBtn_CLOSE", className: styles.regCloseBtn }))] })), jsx("div", { className: isContentScroll
|
|
18
|
+
}, children: jsx(Icons.General.Close, { "data-testid": "ModalClose_ICON" }) })) : (jsx("div", { "data-testid": "IdentityHeaderBtn_CLOSE", className: styles.regCloseBtn }))] })), jsx("div", { className: isContentScroll ? styles.contentBody : undefined, "data-testid": "Modal_BODY", children: children }), footerButtons.length > 0 && (jsx("div", { className: styles.wrapper, "data-testid": "ModalFooterButton_WRAP", children: footerButtons.map((item) => (jsx(Button, { "aria-label": item.text, "data-testid": item.dataTestid, disabled: item.disabled, onClick: item.onClick, size: "large", children: item.text }, item.text))) }))] }) }));
|
|
18
19
|
};
|
|
19
20
|
|
|
20
21
|
export { Modal };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/Modal/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/Modal/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
|
|
@@ -9,7 +9,7 @@ const DocCard = ({ title, docIcon, expiration, children, lang, handleDownload, }
|
|
|
9
9
|
const langDic = i18n.DocCard;
|
|
10
10
|
return (jsxs(Fragment, { children: [jsxs("button", { type: "button", "data-testid": "DocCard_BUTTON", onClick: () => {
|
|
11
11
|
setIsModalOpen(!isModalOpen);
|
|
12
|
-
}, className: styles.container, "aria-label": title, children: [jsx("div", { "data-testid": "DocCard_CARD", className: styles.card, children: jsx("div", { "data-testid": "DocCard_DOCUMENT", className: styles.document, children: docIcon }) }), jsxs("div", { "data-testid": "DocCard_TEXT", className: styles.text, children: [jsx(BaseComponents.Typography, { tag: "span", fontClass: "caption1Medium", "data-testid": "DocCard_TITLE", className: styles.title, children: title }), expiration && (jsx(BaseComponents.Typography, { tag: "span", "data-testid": "DocCard_EXPIRATION", className: styles.expiration, "aria-label": expiration, fontClass: "caption1Regular", children: expiration }))] })] }), isModalOpen && (jsx(BaseComponents.Modal, { open: isModalOpen, setOpen: setIsModalOpen, header: { title, isClosable: true }, variant: "small", lang: lang,
|
|
12
|
+
}, className: styles.container, "aria-label": title, children: [jsx("div", { "data-testid": "DocCard_CARD", className: styles.card, children: jsx("div", { "data-testid": "DocCard_DOCUMENT", className: styles.document, children: docIcon }) }), jsxs("div", { "data-testid": "DocCard_TEXT", className: styles.text, children: [jsx(BaseComponents.Typography, { tag: "span", fontClass: "caption1Medium", "data-testid": "DocCard_TITLE", className: styles.title, children: title }), expiration && (jsx(BaseComponents.Typography, { tag: "span", "data-testid": "DocCard_EXPIRATION", className: styles.expiration, "aria-label": expiration, fontClass: "caption1Regular", children: expiration }))] })] }), isModalOpen && (jsx(BaseComponents.Modal, { open: isModalOpen, setOpen: setIsModalOpen, header: { title, isClosable: true }, variant: "small", lang: lang, footerButtons: [
|
|
13
13
|
{
|
|
14
14
|
text: langDic.downloadButton[lang],
|
|
15
15
|
onClick: handleDownload,
|
|
@@ -22,15 +22,9 @@ const FileNameWithExtension = ({ Filename, state, }) => {
|
|
|
22
22
|
const extension = Filename.slice(lastDotIndex + 1);
|
|
23
23
|
return (jsxs("div", { className: styles.fileNameContainer, children: [jsx(BaseComponents.Typography, { tag: "span", fontClass: "body2Regular", className: joinClasses(styles.textOverflow, textStyle(state)), "aria-label": name, "data-testid": "UploadFileBlock_DOC_LOAD", children: name }), jsx(BaseComponents.Typography, { tag: "span", fontClass: "body2Regular", className: textStyle(state), "aria-label": `.${extension}`, "data-testid": "UploadFileBlock_DOC_LOAD", children: `.${extension}` })] }));
|
|
24
24
|
};
|
|
25
|
-
const UploadingFile = ({ lang, uploadingFile, handleRemoveFile, }) => (jsxs("div", { className: styles.downloadFile, "data-testid": "UploadFileBlock_FILE", children: [jsx(Icons.General.Loader, { "data-testid": "UploadFileBlock_LOADER_ICON", "aria-label": langDic.loaderIconLabel[lang], className: styles.downloadingIcon }), jsx(FileNameWithExtension, { Filename: uploadingFile.file.name, state: "downloading" }), jsx(Icons.General.Clear, { "data-testid": "UploadFileBlock_CLEAR_ICON", "aria-label": langDic.clearIconLabel[lang], onClick:
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
const UploadingFileError = ({ lang, uploadingFile, handleRemoveFile, }) => (jsxs("div", { className: styles.downloadFile, "data-testid": "UploadFileBlock_FILE", children: [jsx(Icons.General.Error, { "data-testid": "UploadFileBlock_ERROR_ICON", "aria-label": langDic.ErrorIconLabel[lang], className: styles.downloadErrorIcon }), jsx(FileNameWithExtension, { Filename: uploadingFile.file.name, state: "error" }), jsx(Icons.General.Clear, { "data-testid": "UploadFileBlock_CLEAR_ICON", "aria-label": langDic.clearIconLabel[lang], className: styles.downloadClearIcon, onClick: () => {
|
|
29
|
-
handleRemoveFile(uploadingFile.file.name);
|
|
30
|
-
} })] }));
|
|
31
|
-
const UploadedFileSuccess = ({ lang, uploadingFile, handleRemoveFile, }) => (jsxs("div", { className: styles.downloadFile, "data-testid": "UploadFileBlock_FILE", children: [jsx(Icons.General.Doc, { "data-testid": "UploadFileBlock_DOC_ICON", "aria-label": langDic.DocIconLabel[lang], className: styles.downloadSuccessIcon }), jsx(FileNameWithExtension, { Filename: uploadingFile.file.name, state: "success" }), jsx(Icons.General.Clear, { "data-testid": "UploadFileBlock_CLEAR_ICON", "aria-label": langDic.clearIconLabel[lang], onClick: () => {
|
|
32
|
-
handleRemoveFile(uploadingFile.file.name);
|
|
33
|
-
}, className: styles.downloadClearIcon })] }));
|
|
25
|
+
const UploadingFile = ({ lang, uploadingFile, handleRemoveFile, }) => (jsxs("div", { className: styles.downloadFile, "data-testid": "UploadFileBlock_FILE", children: [jsx(Icons.General.Loader, { "data-testid": "UploadFileBlock_LOADER_ICON", "aria-label": langDic.loaderIconLabel[lang], className: styles.downloadingIcon }), jsx(FileNameWithExtension, { Filename: uploadingFile.file.name, state: "downloading" }), jsx(Icons.General.Clear, { "data-testid": "UploadFileBlock_CLEAR_ICON", "aria-label": langDic.clearIconLabel[lang], onClick: handleRemoveFile, className: styles.downloadingClearIcon })] }));
|
|
26
|
+
const UploadingFileError = ({ lang, uploadingFile, handleRemoveFile, }) => (jsxs("div", { className: styles.downloadFile, "data-testid": "UploadFileBlock_FILE", children: [jsx(Icons.General.Error, { "data-testid": "UploadFileBlock_ERROR_ICON", "aria-label": langDic.ErrorIconLabel[lang], className: styles.downloadErrorIcon }), jsx(FileNameWithExtension, { Filename: uploadingFile.file.name, state: "error" }), jsx(Icons.General.Clear, { "data-testid": "UploadFileBlock_CLEAR_ICON", "aria-label": langDic.clearIconLabel[lang], className: styles.downloadClearIcon, onClick: handleRemoveFile })] }));
|
|
27
|
+
const UploadedFileSuccess = ({ lang, uploadingFile, handleRemoveFile, }) => (jsxs("div", { className: styles.downloadFile, "data-testid": "UploadFileBlock_FILE", children: [jsx(Icons.General.Doc, { "data-testid": "UploadFileBlock_DOC_ICON", "aria-label": langDic.DocIconLabel[lang], className: styles.downloadSuccessIcon }), jsx(FileNameWithExtension, { Filename: uploadingFile.file.name, state: "success" }), jsx(Icons.General.Clear, { "data-testid": "UploadFileBlock_CLEAR_ICON", "aria-label": langDic.clearIconLabel[lang], onClick: handleRemoveFile, className: styles.downloadClearIcon })] }));
|
|
34
28
|
const FileForUpload = ({ lang, uploadingFile, handleRemoveFile, }) => {
|
|
35
29
|
if (uploadingFile.isError) {
|
|
36
30
|
return (jsx(UploadingFileError, { uploadingFile: uploadingFile, lang: lang, handleRemoveFile: handleRemoveFile }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/Services/FileForUpload/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAqBA,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU;AAE/B,MAAM,SAAS,GAAG,CAAC,KAAiB,KAAI;AACtC,IAAA,QAAQ,KAAK;AACX,QAAA,KAAK,OAAO;YACV,OAAO,MAAM,CAAC,iBAAiB;AACjC,QAAA,KAAK,aAAa;YAChB,OAAO,MAAM,CAAC,eAAe;AAC/B,QAAA,KAAK,SAAS;YACZ,OAAO,MAAM,CAAC,mBAAmB;AACpC;AACH,CAAC;AAED,MAAM,qBAAqB,GAAG,CAAC,EAC7B,QAAQ,EACR,KAAK,GAIN,KAAI;IACH,MAAM,YAAY,GAAG,QAAQ,CAAC,WAAW,CAAC,GAAG,CAAC;IAC9C,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,YAAY,CAAC;IAC5C,MAAM,SAAS,GAAG,QAAQ,CAAC,KAAK,CAAC,YAAY,GAAG,CAAC,CAAC;AAElD,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,EAAA,QAAA,EAAA,CACtCC,GAAA,CAAC,cAAc,CAAC,UAAU,EAAA,EACxB,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,cAAc,EACxB,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,YAAY,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,gBACjD,IAAI,EAAA,aAAA,EACJ,0BAA0B,EAAA,QAAA,EAErC,IAAI,EAAA,CACqB,EAC5BA,GAAA,CAAC,cAAc,CAAC,UAAU,EAAA,EACxB,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,cAAc,EACxB,SAAS,EAAE,SAAS,CAAC,KAAK,CAAC,EAAA,YAAA,EACf,CAAA,CAAA,EAAI,SAAS,CAAA,CAAE,EAAA,aAAA,EACf,0BAA0B,EAAA,QAAA,EAErC,IAAI,SAAS,CAAA,CAAE,EAAA,CACU,CAAA,EAAA,CACxB;AAEV,CAAC;AAED,MAAM,aAAa,GAAG,CAAC,EACrB,IAAI,EACJ,aAAa,EACb,gBAAgB,GACI,MACpBD,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,YAAY,EAAA,aAAA,EAAc,sBAAsB,EAAA,QAAA,EAAA,CACrEC,GAAA,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,EAAA,EAAA,aAAA,EACP,6BAA6B,
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/Services/FileForUpload/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React__default, { Dispatch } from 'react';
|
|
2
2
|
import { ILangProps } from '../../interfaces/common/index.js';
|
|
3
3
|
|
|
4
|
-
interface
|
|
4
|
+
interface IFooterButtonsItem {
|
|
5
5
|
text: string;
|
|
6
6
|
onClick: () => void;
|
|
7
7
|
disabled?: boolean;
|
|
@@ -19,8 +19,8 @@ interface IModalProps extends ILangProps {
|
|
|
19
19
|
setOpen?: Dispatch<React__default.SetStateAction<boolean>>;
|
|
20
20
|
variant: "large" | "small";
|
|
21
21
|
withOverlay?: boolean;
|
|
22
|
-
|
|
22
|
+
footerButtons?: IFooterButtonsItem[];
|
|
23
23
|
isContentScroll?: boolean;
|
|
24
24
|
}
|
|
25
25
|
|
|
26
|
-
export type {
|
|
26
|
+
export type { IFooterButtonsItem, IModalProps };
|
package/dist/types/index.d.ts
CHANGED
|
@@ -47,7 +47,7 @@ declare const SystemDesign: {
|
|
|
47
47
|
InputFieldGroup: ({ length, code, "aria-label": ariaLabel, "data-testid": dataTestid, className, focused, setFocused, hintText, error, handleInputChange, handleKeyDown, }: IInputFieldGroupProps) => react_jsx_runtime.JSX.Element;
|
|
48
48
|
Label: ({ variant, text, isSpaced, Icon, onAction, }: ILabelProps) => react_jsx_runtime.JSX.Element;
|
|
49
49
|
Loader: () => react_jsx_runtime.JSX.Element;
|
|
50
|
-
Modal: ({ children, header, lang, open, setOpen, variant, withOverlay, isContentScroll,
|
|
50
|
+
Modal: ({ children, header, lang, open, setOpen, variant, withOverlay, isContentScroll, footerButtons, }: IModalProps) => react_jsx_runtime.JSX.Element;
|
|
51
51
|
Overlay: ({ children, className }: IOverlayProps) => react_jsx_runtime.JSX.Element;
|
|
52
52
|
RadioGroup: ({ radioGroupItems, setSelectedOption, selectedOption, }: IRadioGroupProps) => react_jsx_runtime.JSX.Element;
|
|
53
53
|
RadioToggle: ({ lock, setLock }: IRadioToggleProps) => react_jsx_runtime.JSX.Element;
|