@egov3/system-design 1.3.158 → 1.3.159
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/components/Services/NextStepComponent/NextStepComponent.module.css.js +2 -2
- package/dist/cjs/components/Services/NextStepComponent/index.js +8 -1
- package/dist/cjs/components/Services/NextStepComponent/index.js.map +1 -1
- package/dist/esm/components/Services/NextStepComponent/NextStepComponent.module.css.js +2 -2
- package/dist/esm/components/Services/NextStepComponent/index.js +8 -1
- package/dist/esm/components/Services/NextStepComponent/index.js.map +1 -1
- package/dist/types/components/Services/NextStepComponent/index.d.ts +2 -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 = ".NextStepComponent-module_nextStepBtnWrapper__at3wv {\n display: flex;\n padding: 16px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 16px;\n align-self: stretch;\n}\n\n.NextStepComponent-module_nextStepBtn__N-znS {\n display: flex;\n padding: 14px 48px;\n justify-content: center;\n align-items: center;\n gap: 8px;\n}\n";
|
|
6
|
-
var styles = {"nextStepBtnWrapper":"NextStepComponent-module_nextStepBtnWrapper__at3wv","nextStepBtn":"NextStepComponent-module_nextStepBtn__N-znS"};
|
|
5
|
+
var css_248z = ".NextStepComponent-module_nextStepBtnWrapper__at3wv {\n display: flex;\n padding: 16px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 16px;\n align-self: stretch;\n}\n\n.NextStepComponent-module_nextStepBtn__N-znS {\n display: flex;\n padding: 14px 48px;\n justify-content: center;\n align-items: center;\n gap: 8px;\n}\n\n.NextStepComponent-module_nextStepBtn__N-znS.NextStepComponent-module_mobile__OnnN7 {\n width: 100%;\n}\n";
|
|
6
|
+
var styles = {"nextStepBtnWrapper":"NextStepComponent-module_nextStepBtnWrapper__at3wv","nextStepBtn":"NextStepComponent-module_nextStepBtn__N-znS","mobile":"NextStepComponent-module_mobile__OnnN7"};
|
|
7
7
|
function styleInject(css, options) {
|
|
8
8
|
if (typeof document === 'undefined') return;
|
|
9
9
|
const head = document.head || document.getElementsByTagName('head')[0];
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
4
|
require('../../../styles/colors.css.js');
|
|
5
|
+
var joinClasses = require('../../../utils/joinClasses.js');
|
|
5
6
|
require('../../../baseComponents/Accordion/Accordion.module.css.js');
|
|
6
7
|
require('@egov3/graphics/General/Close');
|
|
7
8
|
require('react');
|
|
@@ -41,7 +42,13 @@ require('../../../baseComponents/TextareaField/index.js');
|
|
|
41
42
|
var NextStepComponent_module = require('./NextStepComponent.module.css.js');
|
|
42
43
|
|
|
43
44
|
const langDic = index$1.i18n.Common;
|
|
44
|
-
const NextStepComponent = ({ disabled, handleNextStepClick, lang,
|
|
45
|
+
const NextStepComponent = ({ disabled, handleNextStepClick, lang, isMobile = false, }) => {
|
|
46
|
+
const button = (jsxRuntime.jsx(index.Button, { "data-testid": "NextStepBtn", "aria-label": langDic.AriaCompleteStepAndContinue[lang], size: "large", className: joinClasses.joinClasses(NextStepComponent_module.default.nextStepBtn, isMobile && NextStepComponent_module.default.mobile), onClick: handleNextStepClick, disabled: disabled, "aria-disabled": disabled, children: langDic.NextStep[lang] }));
|
|
47
|
+
if (isMobile) {
|
|
48
|
+
return button;
|
|
49
|
+
}
|
|
50
|
+
return (jsxRuntime.jsx("div", { "data-testid": "NextStepBtn_WRAPPER", className: NextStepComponent_module.default.nextStepBtnWrapper, children: button }));
|
|
51
|
+
};
|
|
45
52
|
|
|
46
53
|
exports.NextStepComponent = NextStepComponent;
|
|
47
54
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/Services/NextStepComponent/index.tsx"],"sourcesContent":[null],"names":["i18n","_jsx","
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/Services/NextStepComponent/index.tsx"],"sourcesContent":[null],"names":["i18n","_jsx","Button","joinClasses","styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,OAAO,GAAGA,YAAI,CAAC,MAAM;AAEpB,MAAM,iBAAiB,GAAG,CAAC,EAChC,QAAQ,EACR,mBAAmB,EACnB,IAAI,EACJ,QAAQ,GAAG,KAAK,GACQ,KAAI;IAC5B,MAAM,MAAM,IACVC,cAAA,CAACC,YAAM,mBACO,aAAa,EAAA,YAAA,EACb,OAAO,CAAC,2BAA2B,CAAC,IAAI,CAAC,EACrD,IAAI,EAAC,OAAO,EACZ,SAAS,EAAEC,uBAAW,CAACC,gCAAM,CAAC,WAAW,EAAE,QAAQ,IAAIA,gCAAM,CAAC,MAAM,CAAC,EACrE,OAAO,EAAE,mBAAmB,EAC5B,QAAQ,EAAE,QAAQ,EAAA,eAAA,EACH,QAAQ,EAAA,QAAA,EAEtB,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAA,CAChB,CACV;IAED,IAAI,QAAQ,EAAE;AACZ,QAAA,OAAO,MAAM;IACf;AAEA,IAAA,QACEH,cAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,qBAAqB,EACjC,SAAS,EAAEG,gCAAM,CAAC,kBAAkB,EAAA,QAAA,EAEnC,MAAM,EAAA,CACH;AAEV;;;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
var css_248z = ".NextStepComponent-module_nextStepBtnWrapper__at3wv {\n display: flex;\n padding: 16px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 16px;\n align-self: stretch;\n}\n\n.NextStepComponent-module_nextStepBtn__N-znS {\n display: flex;\n padding: 14px 48px;\n justify-content: center;\n align-items: center;\n gap: 8px;\n}\n";
|
|
2
|
-
var styles = {"nextStepBtnWrapper":"NextStepComponent-module_nextStepBtnWrapper__at3wv","nextStepBtn":"NextStepComponent-module_nextStepBtn__N-znS"};
|
|
1
|
+
var css_248z = ".NextStepComponent-module_nextStepBtnWrapper__at3wv {\n display: flex;\n padding: 16px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 16px;\n align-self: stretch;\n}\n\n.NextStepComponent-module_nextStepBtn__N-znS {\n display: flex;\n padding: 14px 48px;\n justify-content: center;\n align-items: center;\n gap: 8px;\n}\n\n.NextStepComponent-module_nextStepBtn__N-znS.NextStepComponent-module_mobile__OnnN7 {\n width: 100%;\n}\n";
|
|
2
|
+
var styles = {"nextStepBtnWrapper":"NextStepComponent-module_nextStepBtnWrapper__at3wv","nextStepBtn":"NextStepComponent-module_nextStepBtn__N-znS","mobile":"NextStepComponent-module_mobile__OnnN7"};
|
|
3
3
|
function styleInject(css, options) {
|
|
4
4
|
if (typeof document === 'undefined') return;
|
|
5
5
|
const head = document.head || document.getElementsByTagName('head')[0];
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
2
|
import '../../../styles/colors.css.js';
|
|
3
|
+
import { joinClasses } from '../../../utils/joinClasses.js';
|
|
3
4
|
import '../../../baseComponents/Accordion/Accordion.module.css.js';
|
|
4
5
|
import '@egov3/graphics/General/Close';
|
|
5
6
|
import 'react';
|
|
@@ -39,7 +40,13 @@ import '../../../baseComponents/TextareaField/index.js';
|
|
|
39
40
|
import styles from './NextStepComponent.module.css.js';
|
|
40
41
|
|
|
41
42
|
const langDic = i18n.Common;
|
|
42
|
-
const NextStepComponent = ({ disabled, handleNextStepClick, lang,
|
|
43
|
+
const NextStepComponent = ({ disabled, handleNextStepClick, lang, isMobile = false, }) => {
|
|
44
|
+
const button = (jsx(Button, { "data-testid": "NextStepBtn", "aria-label": langDic.AriaCompleteStepAndContinue[lang], size: "large", className: joinClasses(styles.nextStepBtn, isMobile && styles.mobile), onClick: handleNextStepClick, disabled: disabled, "aria-disabled": disabled, children: langDic.NextStep[lang] }));
|
|
45
|
+
if (isMobile) {
|
|
46
|
+
return button;
|
|
47
|
+
}
|
|
48
|
+
return (jsx("div", { "data-testid": "NextStepBtn_WRAPPER", className: styles.nextStepBtnWrapper, children: button }));
|
|
49
|
+
};
|
|
43
50
|
|
|
44
51
|
export { NextStepComponent };
|
|
45
52
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/Services/NextStepComponent/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/Services/NextStepComponent/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM;AAEpB,MAAM,iBAAiB,GAAG,CAAC,EAChC,QAAQ,EACR,mBAAmB,EACnB,IAAI,EACJ,QAAQ,GAAG,KAAK,GACQ,KAAI;IAC5B,MAAM,MAAM,IACVA,GAAA,CAAC,MAAM,mBACO,aAAa,EAAA,YAAA,EACb,OAAO,CAAC,2BAA2B,CAAC,IAAI,CAAC,EACrD,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,WAAW,EAAE,QAAQ,IAAI,MAAM,CAAC,MAAM,CAAC,EACrE,OAAO,EAAE,mBAAmB,EAC5B,QAAQ,EAAE,QAAQ,EAAA,eAAA,EACH,QAAQ,EAAA,QAAA,EAEtB,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAA,CAChB,CACV;IAED,IAAI,QAAQ,EAAE;AACZ,QAAA,OAAO,MAAM;IACf;AAEA,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,qBAAqB,EACjC,SAAS,EAAE,MAAM,CAAC,kBAAkB,EAAA,QAAA,EAEnC,MAAM,EAAA,CACH;AAEV;;;;"}
|
|
@@ -4,8 +4,9 @@ import { ILangProps } from '../../../interfaces/common/index.js';
|
|
|
4
4
|
interface INextStepComponentProps extends ILangProps {
|
|
5
5
|
disabled: boolean;
|
|
6
6
|
handleNextStepClick: () => Promise<void>;
|
|
7
|
+
isMobile: boolean;
|
|
7
8
|
}
|
|
8
|
-
declare const NextStepComponent: ({ disabled, handleNextStepClick, lang, }: INextStepComponentProps) => react.JSX.Element;
|
|
9
|
+
declare const NextStepComponent: ({ disabled, handleNextStepClick, lang, isMobile, }: INextStepComponentProps) => react.JSX.Element;
|
|
9
10
|
|
|
10
11
|
export { NextStepComponent };
|
|
11
12
|
export type { INextStepComponentProps };
|