@x-plat/design-system 0.1.2 → 0.1.4

package/dist/components/ImageSelector/index.cjs

@@ -1017,9 +1017,15 @@ var import_jsx_runtime294 = require("react/jsx-runtime");
 var import_jsx_runtime295 = require("react/jsx-runtime");
 var ImageSelector = (props) => {
   const { value, label, onChange } = props;
-  const previewUrl = import_react.default.useMemo(() => {
-    if (value) return URL.createObjectURL(value);
-    return void 0;
+  const [previewUrl, setPreviewUrl] = import_react.default.useState();
+  import_react.default.useEffect(() => {
+    if (!value) {
+      setPreviewUrl(void 0);
+      return;
+    }
+    const url = URL.createObjectURL(value);
+    setPreviewUrl(url);
+    return () => URL.revokeObjectURL(url);
   }, [value]);
   const inputRef = import_react.default.useRef(null);
   const handleFileChange = (e) => {

package/dist/components/ImageSelector/index.js

@@ -981,9 +981,15 @@ import { jsx as jsx294 } from "react/jsx-runtime";
 import { jsx as jsx295, jsxs as jsxs189 } from "react/jsx-runtime";
 var ImageSelector = (props) => {
   const { value, label, onChange } = props;
-  const previewUrl = React.useMemo(() => {
-    if (value) return URL.createObjectURL(value);
-    return void 0;
+  const [previewUrl, setPreviewUrl] = React.useState();
+  React.useEffect(() => {
+    if (!value) {
+      setPreviewUrl(void 0);
+      return;
+    }
+    const url = URL.createObjectURL(value);
+    setPreviewUrl(url);
+    return () => URL.revokeObjectURL(url);
   }, [value]);
   const inputRef = React.useRef(null);
   const handleFileChange = (e) => {

package/dist/components/Modal/index.cjs

@@ -84,6 +84,8 @@ var Modal = (props) => {
           "div",
           {
             className: clsx_default("lib-xplat-modal", "modal-box", stateClass),
+            role: "dialog",
+            "aria-modal": "true",
             onClick: (e) => e.stopPropagation(),
             children
           }

package/dist/components/Modal/index.js

@@ -48,6 +48,8 @@ var Modal = (props) => {
           "div",
           {
             className: clsx_default("lib-xplat-modal", "modal-box", stateClass),
+            role: "dialog",
+            "aria-modal": "true",
             onClick: (e) => e.stopPropagation(),
             children
           }