@ssa-ui-kit/core 2.20.3 → 2.20.4

package/dist/components/Modal/Modal.d.ts

@@ -1,3 +1,3 @@
 import { ModalProps } from './types';
-declare const Modal: ({ isOpen: isInitOpen, ...rest }: ModalProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const Modal: ({ isOpen, ...rest }: ModalProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default Modal;

package/dist/index.js

@@ -5230,12 +5230,17 @@ const ModalContext = /*#__PURE__*/(0,external_react_namespaceObject.createContex
 
 
 const Modal = ({
-  isOpen: isInitOpen,
+  isOpen,
   ...rest
 }) => {
-  const [isOpen, setIsOpen] = (0,external_react_namespaceObject.useState)(isInitOpen || false);
+  const [modalIsOpen, setModalIsOpen] = (0,external_react_namespaceObject.useState)(isOpen || false);
+  (0,external_react_namespaceObject.useEffect)(() => {
+    if (isOpen !== undefined && isOpen !== modalIsOpen) {
+      setModalIsOpen(isOpen);
+    }
+  }, [isOpen]);
   return (0,jsx_runtime_namespaceObject.jsx)(ModalContext.Provider, {
-    value: [isOpen, setIsOpen],
+    value: [modalIsOpen, setModalIsOpen],
     ...rest
   });
 };
@@ -7495,7 +7500,7 @@ const TableCell = /*#__PURE__*/base_default()("td",  true ? {
   target: "e9xnb9j0"
 } : 0)("display:table-cell;vertical-align:inherit;text-align:", ({
   align
-}) => align ? align : 'left', ";border:none;padding:0 16px;background:#fff;font-size:12px;font-weight:500;white-space:nowrap;height:44px;& a{display:flex;align-items:center;height:44px;padding:0 18px;}&:first-of-type a{padding-left:16px;}", ({
+}) => align ? align : 'left', ";border:none;padding:0 16px;background:#fff;font-size:12px;font-weight:500;white-space:nowrap;height:44px;", ({
   theme
 }) => theme.mediaQueries.lg, "{font-size:14px;}" + ( true ? "" : 0));
 /* harmony default export */ const TableCell_TableCell = (TableCell);