@stack-spot/portal-layout 2.33.1 → 2.34.0

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [2.34.0](https://github.com/stack-spot/portal-commons/compare/portal-layout@v2.33.1...portal-layout@v2.34.0) (2025-07-21)
+
+
+### Features
+
+* 3013 csat workflow ([#1269](https://github.com/stack-spot/portal-commons/issues/1269)) ([77baca3](https://github.com/stack-spot/portal-commons/commit/77baca3c360610399795260dc3752191be0324df))
+
 ## [2.33.1](https://github.com/stack-spot/portal-commons/compare/portal-layout@v2.33.0...portal-layout@v2.33.1) (2025-07-16)
 
 

package/dist/components/Dialog.d.ts

@@ -66,7 +66,7 @@ interface Props extends Omit<DialogOptions, 'message'> {
     /**
      * Function to run when the confirm button is clicked.
      */
-    onConfirm: () => void;
+    onConfirm?: () => void;
     /**
      * Function to run when the cancel button is clicked.
      */

package/dist/components/Dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/components/Dialog.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAE1D,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;AAI3C,UAAU,UAAU;IAClB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,UAAU,CAAC;IACzC;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACzB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAC1D;;;OAGG;IACH,WAAW,CAAC,EAAE,eAAe,CAAC;CAC/B;AAED,UAAU,KAAM,SAAQ,IAAI,CAAC,aAAa,EAAE,SAAS,CAAC;IACpD;;OAEG;IACH,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB;;OAEG;IACH,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AASD;;;;GAIG;AACH,eAAO,MAAM,MAAM,GAAI,gIAapB,KAAK,4CAsCP,CAAA"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/components/Dialog.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAE1D,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;AAI3C,UAAU,UAAU;IAClB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,UAAU,CAAC;IACzC;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACzB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAC1D;;;OAGG;IACH,WAAW,CAAC,EAAE,eAAe,CAAC;CAC/B;AAED,UAAU,KAAM,SAAQ,IAAI,CAAC,aAAa,EAAE,SAAS,CAAC;IACpD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;OAEG;IACH,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AASD;;;;GAIG;AACH,eAAO,MAAM,MAAM,GAAI,gIAapB,KAAK,4CAsCP,CAAA"}

package/dist/components/TypeForm/show-typeform-modal.d.ts

@@ -1,5 +1,6 @@
 import { TypeFormProps } from './index.js';
-export declare const showTypeFormModal: ({ title, ...props }: TypeFormProps & {
+export declare const showTypeFormModal: ({ title, onClose, ...props }: TypeFormProps & {
     title: string;
+    onClose?: VoidFunction;
 }) => void;
 //# sourceMappingURL=show-typeform-modal.d.ts.map

package/dist/components/TypeForm/show-typeform-modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"show-typeform-modal.d.ts","sourceRoot":"","sources":["../../../src/components/TypeForm/show-typeform-modal.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,aAAa,EAAE,MAAM,GAAG,CAAA;AAE3C,eAAO,MAAM,iBAAiB,GAAI,qBAAqB,aAAa,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,SAMvF,CAAA"}
+{"version":3,"file":"show-typeform-modal.d.ts","sourceRoot":"","sources":["../../../src/components/TypeForm/show-typeform-modal.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,aAAa,EAAE,MAAM,GAAG,CAAA;AAE3C,eAAO,MAAM,iBAAiB,GAAI,8BAA8B,aAAa,GAC7E;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,YAAY,CAAA;CAAE,SAWxC,CAAA"}

package/dist/components/TypeForm/show-typeform-modal.js

@@ -1,11 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { Backdrop, Flex } from '@citric/core';
 import { overlay } from '../../LayoutOverlayManager.js';
+import { OverlayContent } from '../OverlayContent.js';
 import { TypeForm } from './index.js';
-export const showTypeFormModal = ({ title, ...props }) => {
-    overlay.showModal({
-        title: title,
-        children: _jsx(TypeForm, { ...props }),
-        size: 'large',
-    });
+export const showTypeFormModal = ({ title, onClose, ...props }) => {
+    overlay.showCustomModal(_jsx(Backdrop, { sx: { width: '100vw', height: '100vh' }, children: _jsx(Flex, { sx: { position: 'absolute', top: '50%', left: '50%', transform: 'translate(-50%, -50%)' }, children: _jsx(OverlayContent, { ...props, onClose: () => onClose?.(), type: "modal", title: title, children: _jsx(TypeForm, { ...props }) }) }) }), { size: 'large', onClose: onClose });
 };
 //# sourceMappingURL=show-typeform-modal.js.map

package/dist/components/TypeForm/show-typeform-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"show-typeform-modal.js","sourceRoot":"","sources":["../../../src/components/TypeForm/show-typeform-modal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAE,QAAQ,EAAiB,MAAM,GAAG,CAAA;AAE3C,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAqC,EAAE,EAAE;IAC1F,OAAO,CAAC,SAAS,CAAC;QAChB,KAAK,EAAE,KAAK;QACZ,QAAQ,EAAE,KAAC,QAAQ,OAAK,KAAK,GAAI;QACjC,IAAI,EAAE,OAAO;KACd,CAAC,CAAA;AACJ,CAAC,CAAA"}
+{"version":3,"file":"show-typeform-modal.js","sourceRoot":"","sources":["../../../src/components/TypeForm/show-typeform-modal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,EAAE,QAAQ,EAAiB,MAAM,GAAG,CAAA;AAE3C,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,EACnB,EAAE,EAAE;IAC3C,OAAO,CAAC,eAAe,CACrB,KAAC,QAAQ,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,YAC/C,KAAC,IAAI,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,uBAAuB,EAAE,YAC7F,KAAC,cAAc,OAAK,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,EAAE,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,KAAK,YAC9E,KAAC,QAAQ,OAAK,KAAK,GAAI,GACR,GACZ,GACE,EACX,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,CACpC,CAAA;AACH,CAAC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stack-spot/portal-layout",
-  "version": "2.33.1",
+  "version": "2.34.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/components/Dialog.tsx

@@ -73,7 +73,7 @@ interface Props extends Omit<DialogOptions, 'message'> {
   /**
    * Function to run when the confirm button is clicked.
    */
-  onConfirm: () => void,
+  onConfirm?: () => void,
   /**
    * Function to run when the cancel button is clicked.
    */

package/src/components/TypeForm/show-typeform-modal.tsx

@@ -1,10 +1,18 @@
+import { Backdrop, Flex } from '@citric/core'
 import { overlay } from '../../LayoutOverlayManager'
+import { OverlayContent } from '../OverlayContent'
 import { TypeForm, TypeFormProps } from '.'
 
-export const showTypeFormModal = ({ title, ...props }: TypeFormProps & { title: string }) => {
-  overlay.showModal({
-    title: title,
-    children: <TypeForm {...props} />,
-    size: 'large',
-  })
+export const showTypeFormModal = ({ title, onClose, ...props }: TypeFormProps &
+{ title: string, onClose?: VoidFunction }) => {
+  overlay.showCustomModal(
+    <Backdrop sx={{ width: '100vw', height: '100vh' }}>
+      <Flex sx={{ position: 'absolute', top: '50%', left: '50%', transform: 'translate(-50%, -50%)' }}>
+        <OverlayContent {...props} onClose={() => onClose?.()} type="modal" title={title}>
+          <TypeForm {...props} />
+        </OverlayContent>
+      </Flex>
+    </Backdrop>,
+    { size: 'large', onClose: onClose },
+  )
 }