@darajs/components 1.24.1 → 1.24.2

package/dist/common/modal/modal.d.ts

@@ -1,9 +1,18 @@
-import { type ComponentInstance, type LayoutComponentProps, type Variable } from '@darajs/core';
+import { type Action, type ComponentInstance, type LayoutComponentProps, type Variable } from '@darajs/core';
 interface ModalProps extends LayoutComponentProps {
     /** The children to be rendered within the modal */
     children: Array<ComponentInstance>;
     /** The show flag, tells the modal whether or not to display */
     show: Variable<boolean>;
+    /**
+     * An optional event listener for if an external event (e.g. esc key) tries to close the modal, it's up to the
+     * parent component to decide whether to close the modal
+     */
+    on_attempt_close?: Action;
+    /**
+     * A handler that's called when the modal has finished closing and has unmounted
+     */
+    on_closed?: Action;
 }
 /**
  * The modal component accepts a set of children and renders them within a modal depending on the value of the render flag.

package/dist/common/modal/modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../js/common/modal/modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,KAAK,iBAAiB,EAEtB,KAAK,oBAAoB,EACzB,KAAK,QAAQ,EAIhB,MAAM,cAAc,CAAC;AAGtB,UAAU,UAAW,SAAQ,oBAAoB;IAC7C,mDAAmD;IACnD,QAAQ,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC;IACnC,+DAA+D;IAC/D,IAAI,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;CAC3B;AAID;;;;GAIG;AACH,iBAAS,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CAqB7C;AAED,eAAe,KAAK,CAAC"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../js/common/modal/modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,KAAK,MAAM,EACX,KAAK,iBAAiB,EAEtB,KAAK,oBAAoB,EACzB,KAAK,QAAQ,EAKhB,MAAM,cAAc,CAAC;AAGtB,UAAU,UAAW,SAAQ,oBAAoB;IAC7C,mDAAmD;IACnD,QAAQ,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC;IACnC,+DAA+D;IAC/D,IAAI,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IACxB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAID;;;;GAIG;AACH,iBAAS,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CA4B7C;AAED,eAAe,KAAK,CAAC"}

package/dist/common/modal/modal.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { DynamicComponent, injectCss, useComponentStyles, useVariable, } from '@darajs/core';
+import { DynamicComponent, injectCss, useAction, useComponentStyles, useVariable, } from '@darajs/core';
 import { Modal as UiModal } from '@darajs/ui-components';
 const StyledModal = injectCss(UiModal);
 /**
@@ -8,12 +8,19 @@ const StyledModal = injectCss(UiModal);
  * @param props the component props
  */
 function Modal(props) {
+    const onAttemptCloseAction = useAction(props.on_attempt_close);
+    const onClosedAction = useAction(props.on_closed);
     const [style, css] = useComponentStyles(props, false);
     const [show, setShow] = useVariable(props.show);
     function onAttemptClose() {
-        setShow(false);
+        if (props.on_attempt_close) {
+            onAttemptCloseAction();
+        }
+        else {
+            setShow(false);
+        }
     }
-    return (_jsx(StyledModal, { id: props.id_, "$rawCss": css, onAttemptClose: onAttemptClose, render: show, style: Object.assign({ alignItems: props.align, gap: '0.75rem', justifyContent: props.justify }, style), children: props.children.map((child, idx) => (_jsx(DynamicComponent, { component: child }, `modal-${idx}-${child.uid}`))) }));
+    return (_jsx(StyledModal, { id: props.id_, "$rawCss": css, onAttemptClose: onAttemptClose, onClosed: props.on_closed ? onClosedAction : undefined, render: show, style: Object.assign({ alignItems: props.align, gap: '0.75rem', justifyContent: props.justify }, style), children: props.children.map((child, idx) => (_jsx(DynamicComponent, { component: child }, `modal-${idx}-${child.uid}`))) }));
 }
 export default Modal;
 //# sourceMappingURL=modal.js.map

package/dist/common/modal/modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../js/common/modal/modal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEH,gBAAgB,EAGhB,SAAS,EACT,kBAAkB,EAClB,WAAW,GACd,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,uBAAuB,CAAC;AASzD,MAAM,WAAW,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC;AAEvC;;;;GAIG;AACH,SAAS,KAAK,CAAC,KAAiB;IAC5B,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IACtD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAEhD,SAAS,cAAc;QACnB,OAAO,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC;IAED,OAAO,CACH,KAAC,WAAW,IACR,EAAE,EAAE,KAAK,CAAC,GAAG,aACJ,GAAG,EACZ,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,IAAI,EACZ,KAAK,kBAAI,UAAU,EAAE,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,cAAc,EAAE,KAAK,CAAC,OAAO,IAAK,KAAK,aAExF,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,KAAC,gBAAgB,IAAC,SAAS,EAAE,KAAK,IAAO,SAAS,GAAG,IAAI,KAAK,CAAC,GAAG,EAAE,CAAI,CAC3E,CAAC,GACQ,CACjB,CAAC;AACN,CAAC;AAED,eAAe,KAAK,CAAC"}
+{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../js/common/modal/modal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAGH,gBAAgB,EAGhB,SAAS,EACT,SAAS,EACT,kBAAkB,EAClB,WAAW,GACd,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAkBzD,MAAM,WAAW,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC;AAEvC;;;;GAIG;AACH,SAAS,KAAK,CAAC,KAAiB;IAC5B,MAAM,oBAAoB,GAAG,SAAS,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC;IAC/D,MAAM,cAAc,GAAG,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IAClD,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IACtD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAEhD,SAAS,cAAc;QACnB,IAAI,KAAK,CAAC,gBAAgB,EAAE,CAAC;YACzB,oBAAoB,EAAE,CAAC;QAC3B,CAAC;aAAM,CAAC;YACJ,OAAO,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;IACL,CAAC;IAED,OAAO,CACH,KAAC,WAAW,IACR,EAAE,EAAE,KAAK,CAAC,GAAG,aACJ,GAAG,EACZ,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,EACtD,MAAM,EAAE,IAAI,EACZ,KAAK,kBAAI,UAAU,EAAE,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,cAAc,EAAE,KAAK,CAAC,OAAO,IAAK,KAAK,aAExF,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,KAAC,gBAAgB,IAAC,SAAS,EAAE,KAAK,IAAO,SAAS,GAAG,IAAI,KAAK,CAAC,GAAG,EAAE,CAAI,CAC3E,CAAC,GACQ,CACjB,CAAC;AACN,CAAC;AAED,eAAe,KAAK,CAAC"}

package/dist/umd/dara.components.umd.js

@@ -62162,10 +62162,16 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
   }
   const StyledModal = core$1.injectCss(Modal$1);
   function Modal(props) {
+    const onAttemptCloseAction = core$1.useAction(props.on_attempt_close);
+    const onClosedAction = core$1.useAction(props.on_closed);
     const [style2, css2] = core$1.useComponentStyles(props, false);
     const [show, setShow] = core$1.useVariable(props.show);
     function onAttemptClose() {
-      setShow(false);
+      if (props.on_attempt_close) {
+        onAttemptCloseAction();
+      } else {
+        setShow(false);
+      }
     }
     return /* @__PURE__ */ React.createElement(
       StyledModal,
@@ -62173,6 +62179,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
         id: props.id_,
         $rawCss: css2,
         onAttemptClose,
+        onClosed: props.on_closed ? onClosedAction : void 0,
         render: show,
         style: { alignItems: props.align, gap: "0.75rem", justifyContent: props.justify, ...style2 }
       },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@darajs/components",
-  "version": "1.24.1",
+  "version": "1.24.2",
   "description": "Components for the Dara framework",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -30,9 +30,9 @@
   "prettier": "@darajs/prettier-config",
   "devDependencies": {
     "@babel/core": "^7.23.5",
-    "@darajs/eslint-config": "1.24.1",
-    "@darajs/prettier-config": "1.24.1",
-    "@darajs/stylelint-config": "1.24.1",
+    "@darajs/eslint-config": "1.24.2",
+    "@darajs/prettier-config": "1.24.2",
+    "@darajs/stylelint-config": "1.24.2",
     "@testing-library/react-hooks": "^3.4.2",
     "@types/lodash": "^4.14.155",
     "@types/prop-types": "^15.7.15",
@@ -68,13 +68,13 @@
     "@codemirror/state": "^6.0.0",
     "@codemirror/theme-one-dark": "^6.1.2",
     "@codemirror/view": "^6.0.0",
-    "@darajs/core": "1.24.1",
-    "@darajs/styled-components": "1.24.1",
-    "@darajs/ui-causal-graph-editor": "1.24.1",
-    "@darajs/ui-components": "1.24.1",
-    "@darajs/ui-hierarchy-viewer": "1.24.1",
-    "@darajs/ui-icons": "1.24.1",
-    "@darajs/ui-utils": "1.24.1",
+    "@darajs/core": "1.24.2",
+    "@darajs/styled-components": "1.24.2",
+    "@darajs/ui-causal-graph-editor": "1.24.2",
+    "@darajs/ui-components": "1.24.2",
+    "@darajs/ui-hierarchy-viewer": "1.24.2",
+    "@darajs/ui-icons": "1.24.2",
+    "@darajs/ui-utils": "1.24.2",
     "@lezer/highlight": "^1.2.1",
     "@lezer/json": "^1.0.3",
     "@lezer/lr": "^1.4.2",
@@ -101,5 +101,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "562d5d0ce5e39272c3559dbbc945d971f9a2cd39"
+  "gitHead": "f81ec04bedaaa6752f13e33604a219a73b2a8106"
 }