@m4l/components 9.1.13 → 9.1.14

package/components/ModalDialog/ModalDialog.d.ts

@@ -32,26 +32,9 @@
  * - Selects `PaperComponent` for fullscreen and mobile views.
  * - Selects `DraggablePaperComponent` for non-mobile, non-fullscreen views.
  * - Dynamically updates the fullscreen mode when the `fullScreen` prop changes.
- *
- * ### Example Usage:
- * ```tsx
- * import { ModalDialog } from './ModalDialog';
- * import { useModal } from './hooks/useModal';
- *
- * const App = () => {
- *   const { openModal } = useModal();
- *
- *   return (
- *     <div>
- *       <button onClick={() => openModal({ fullScreen: false })}>Open Modal</button>
- *       <ModalDialog />
- *     </div>
- *   );
- * };
- * ```
  * @author cesar - automatic
  * @createdAt 2024-11-28 08:35:15 - automatic
- * @updatedAt 2024-12-02 17:50:36 - automatic
+ * @updatedAt 2024-12-06 11:53:51 - automatic
  * @updatedUser cesar - automatic
  */
 export declare const ModalDialog: () => import("react/jsx-runtime").JSX.Element;

package/components/WindowBase/WindowBase.styles.js

@@ -3,12 +3,14 @@ const windowBaseStyles = {
    * Styles for the window base wrapper component.
    * @author cesar - automatic
    * @createdAt 2024-11-15 18:08:44 - automatic
-   * @updatedAt 2024-12-05 07:49:28 - automatic
+   * @updatedAt 2024-12-06 14:42:54 - automatic
    * @updatedUser cesar - automatic
    */
   wrapperWindowBase: ({ theme, ownerState }) => ({
     height: "100%",
     width: "100%",
+    display: "flex",
+    flexDirection: "column",
     borderRadius: theme.vars.size.borderRadius.r1,
     ...ownerState?.windowBaseVariant === "outlined" && {
       border: theme.vars.size.borderStroke.container,
@@ -25,17 +27,18 @@ const windowBaseStyles = {
    * Styles for the content of the window base component.
    * @author cesar - automatic
    * @createdAt 2024-11-15 18:08:44 - automatic
-   * @updatedAt 2024-12-05 07:49:28 - automatic
+   * @updatedAt 2024-12-06 14:42:54 - automatic
    * @updatedUser cesar - automatic
    */
   contentWindowBase: ({ theme }) => ({
-    padding: theme.vars.size.baseSpacings.sp3
+    padding: theme.vars.size.baseSpacings.sp3,
+    overflow: "auto"
   }),
   /**
    * Styles for the header of the window base component.
    * @author cesar - automatic
    * @createdAt 2024-11-15 18:08:44 - automatic
-   * @updatedAt 2024-12-05 07:49:28 - automatic
+   * @updatedAt 2024-12-06 14:42:54 - automatic
    * @updatedUser cesar - automatic
    */
   headerWindowComponent: ({ theme, ownerState }) => ({
@@ -71,7 +74,7 @@ const windowBaseStyles = {
    * Styles for the content of the header of the window base component.
    * @author cesar - automatic
    * @createdAt 2024-11-15 18:08:44 - automatic
-   * @updatedAt 2024-12-05 07:49:28 - automatic
+   * @updatedAt 2024-12-06 14:42:54 - automatic
    * @updatedUser cesar - automatic
    */
   headerContentWindowBase: ({ theme }) => ({
@@ -86,7 +89,7 @@ const windowBaseStyles = {
    * Styles for the title of the header of the window base component.
    * @author cesar - automatic
    * @createdAt 2024-11-15 18:08:44 - automatic
-   * @updatedAt 2024-12-05 07:49:28 - automatic
+   * @updatedAt 2024-12-06 14:42:54 - automatic
    * @updatedUser cesar - automatic
    */
   headerTitleWindowBase: ({ theme }) => ({
@@ -98,7 +101,7 @@ const windowBaseStyles = {
    * Styles for the subtitle container of the header of the window base component.
    * @author cesar - automatic
    * @createdAt 2024-11-15 18:08:44 - automatic
-   * @updatedAt 2024-12-05 07:49:28 - automatic
+   * @updatedAt 2024-12-06 14:42:54 - automatic
    * @updatedUser cesar - automatic
    */
   subtitleContainer: ({ theme }) => ({
@@ -113,7 +116,7 @@ const windowBaseStyles = {
    * @returns An object containing the styles for the dot window base component.
    * @author cesar - automatic
    * @createdAt 2024-11-22 19:40:23 - automatic
-   * @updatedAt 2024-12-05 07:49:28 - automatic
+   * @updatedAt 2024-12-06 14:42:54 - automatic
    * @updatedUser cesar - automatic
    */
   pointWindowBase: ({ theme, ownerState }) => ({
@@ -140,7 +143,7 @@ const windowBaseStyles = {
    * Styles for the subtitle of the header of the window base component.
    * @author cesar - automatic
    * @createdAt 2024-11-15 18:08:44 - automatic
-   * @updatedAt 2024-12-05 07:49:28 - automatic
+   * @updatedAt 2024-12-06 14:42:54 - automatic
    * @updatedUser cesar - automatic
    */
   headerSubTitleWindowBase: ({ theme }) => ({
@@ -152,7 +155,7 @@ const windowBaseStyles = {
    * Styles for the icon of the header of the window base component.
    * @author cesar - automatic
    * @createdAt 2024-11-18 08:11:19 - automatic
-   * @updatedAt 2024-12-05 07:49:28 - automatic
+   * @updatedAt 2024-12-06 14:42:54 - automatic
    * @updatedUser cesar - automatic
    */
   headerIconWindowBase: ({ theme }) => ({
@@ -166,7 +169,7 @@ const windowBaseStyles = {
    * Styles for the icons wrapper of the window base component.
    * @author cesar - automatic
    * @createdAt 2024-11-18 08:11:19 - automatic
-   * @updatedAt 2024-12-05 07:49:28 - automatic
+   * @updatedAt 2024-12-06 14:42:54 - automatic
    * @updatedUser cesar - automatic
    */
   iconsWrapperWindowBase: () => ({
@@ -177,7 +180,7 @@ const windowBaseStyles = {
    * Styles for the dot icon of the window base component.
    * @author cesar - automatic
    * @createdAt 2024-11-22 19:40:23 - automatic
-   * @updatedAt 2024-12-05 07:49:28 - automatic
+   * @updatedAt 2024-12-06 14:42:54 - automatic
    * @updatedUser cesar - automatic
    */
   pointIcon: ({ theme, ownerState }) => ({
@@ -202,7 +205,7 @@ const windowBaseStyles = {
    * Styles for the menu actions of the window base component.
    * @author cesar - automatic
    * @createdAt 2024-12-05 07:49:27 - automatic
-   * @updatedAt 2024-12-05 07:49:28 - automatic
+   * @updatedAt 2024-12-06 14:42:54 - automatic
    * @updatedUser cesar - automatic
    */
   menuActionsWindowBase: () => ({

package/components/mui_extended/Dialog/Dialog.styles.js

@@ -3,7 +3,7 @@ const dialogStyles = {
    * Dialog Root style
    * @author cesar - automatic
    * @createdAt 2024-11-24 15:58:24 - automatic
-   * @updatedAt 2024-12-02 17:50:36 - automatic
+   * @updatedAt 2024-12-05 17:01:44 - automatic
    * @updatedUser cesar - automatic
    */
   dialogRoot: ({ theme }) => ({
@@ -17,7 +17,8 @@ const dialogStyles = {
       margin: 0,
       display: "flex",
       alignItems: "center",
-      justifyContent: "center"
+      justifyContent: "center",
+      overflow: "unset"
     }
   })
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.1.13",
+  "version": "9.1.14",
   "license": "UNLICENSED",
   "lint-staged": {
     "*.{js,ts,tsx}": "eslint --fix --max-warnings 0"

package/storybook/components/ModalDialog/subcomponent/WithExtendedContainer.d.ts

@@ -31,7 +31,7 @@ import { StoryFn, StoryContext } from '@storybook/react';
  * @returns JSX.Element - The decorated story with modal integration.
  * @author cesar - automatic
  * @createdAt 2024-11-26 12:39:40 - automatic
- * @updatedAt 2024-12-02 17:50:36 - automatic
+ * @updatedAt 2024-12-06 11:53:51 - automatic
  * @updatedUser cesar - automatic
  */
-export declare const WithExtendedContainer: (MyStory: StoryFn, context: StoryContext) => import("react/jsx-runtime").JSX.Element;
+export declare const WithExtendedContainer: (_: StoryFn, context: StoryContext) => import("react/jsx-runtime").JSX.Element;