@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.
@@ -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, }) => (jsxRuntime.jsx("div", { "data-testid": "NextStepBtn_WRAPPER", className: NextStepComponent_module.default.nextStepBtnWrapper, children: jsxRuntime.jsx(index.Button, { "data-testid": "NextStepBtn", "aria-label": langDic.AriaCompleteStepAndContinue[lang], size: "large", className: NextStepComponent_module.default.nextStepBtn, onClick: handleNextStepClick, disabled: disabled, "aria-disabled": disabled, children: langDic.NextStep[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","styles","Button"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,MAAM,OAAO,GAAGA,YAAI,CAAC,MAAM;AAEpB,MAAM,iBAAiB,GAAG,CAAC,EAChC,QAAQ,EACR,mBAAmB,EACnB,IAAI,GACoB,MACxBC,cAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAiB,qBAAqB,EAAC,SAAS,EAAEC,gCAAM,CAAC,kBAAkB,EAAA,QAAA,EACzED,cAAA,CAACE,YAAM,EAAA,EAAA,aAAA,EACO,aAAa,EAAA,YAAA,EACb,OAAO,CAAC,2BAA2B,CAAC,IAAI,CAAC,EACrD,IAAI,EAAC,OAAO,EACZ,SAAS,EAAED,gCAAM,CAAC,WAAW,EAC7B,OAAO,EAAE,mBAAmB,EAC5B,QAAQ,EAAE,QAAQ,EAAA,eAAA,EACH,QAAQ,YAEtB,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAA,CAChB,EAAA,CACL;;;;"}
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, }) => (jsx("div", { "data-testid": "NextStepBtn_WRAPPER", className: styles.nextStepBtnWrapper, children: jsx(Button, { "data-testid": "NextStepBtn", "aria-label": langDic.AriaCompleteStepAndContinue[lang], size: "large", className: styles.nextStepBtn, onClick: handleNextStepClick, disabled: disabled, "aria-disabled": disabled, children: langDic.NextStep[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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM;AAEpB,MAAM,iBAAiB,GAAG,CAAC,EAChC,QAAQ,EACR,mBAAmB,EACnB,IAAI,GACoB,MACxBA,GAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAiB,qBAAqB,EAAC,SAAS,EAAE,MAAM,CAAC,kBAAkB,EAAA,QAAA,EACzEA,GAAA,CAAC,MAAM,EAAA,EAAA,aAAA,EACO,aAAa,EAAA,YAAA,EACb,OAAO,CAAC,2BAA2B,CAAC,IAAI,CAAC,EACrD,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,MAAM,CAAC,WAAW,EAC7B,OAAO,EAAE,mBAAmB,EAC5B,QAAQ,EAAE,QAAQ,EAAA,eAAA,EACH,QAAQ,YAEtB,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAA,CAChB,EAAA,CACL;;;;"}
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 };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@egov3/system-design",
3
- "version": "1.3.158",
3
+ "version": "1.3.159",
4
4
  "type": "module",
5
5
  "main": "dist/cjs/index.js",
6
6
  "types": "dist/types/index.d.ts",