@digigov/ui 2.0.0-85c27c19 → 2.0.0-8bbad051

package/app/Loader/index.native/index.js

@@ -0,0 +1,102 @@
+import React, { useRef, useEffect } from "react";
+import { Animated, Easing } from "react-native";
+import Svg, { Circle } from "react-native-svg";
+const CircularProgress = ({
+  size = "md",
+  color = "primary"
+}) => {
+  const sizes = {
+    sm: 20,
+    md: 40,
+    lg: 50
+  };
+  const strokeWidth = sizes[size] / 4;
+  const radius = (sizes[size] - strokeWidth) / 2;
+  const circumference = 2 * Math.PI * radius;
+  const rotateAnim = useRef(new Animated.Value(0)).current;
+  const dashAnim = useRef(new Animated.Value(circumference)).current;
+  const progressColor = color === "primary" ? "#003375" : "#fff";
+  const backgroundColor = "#01b0f0";
+  const duration = 4e3;
+  useEffect(() => {
+    Animated.loop(
+      Animated.timing(rotateAnim, {
+        toValue: 1,
+        duration: 1e4,
+        easing: Easing.linear,
+        useNativeDriver: true
+      })
+    ).start();
+  }, [rotateAnim]);
+  useEffect(() => {
+    Animated.loop(
+      Animated.sequence([
+        Animated.timing(dashAnim, {
+          toValue: 0,
+          duration: duration * 0.4,
+          easing: Easing.inOut(Easing.ease),
+          useNativeDriver: true
+        }),
+        Animated.timing(dashAnim, {
+          toValue: circumference,
+          duration: duration * 0.6,
+          easing: Easing.inOut(Easing.ease),
+          useNativeDriver: true
+        })
+      ])
+    ).start();
+  }, [dashAnim, duration, circumference]);
+  const rotateInterpolate = rotateAnim.interpolate({
+    inputRange: [0, 1],
+    outputRange: ["0deg", "360deg"]
+  });
+  return /* @__PURE__ */ React.createElement(
+    Animated.View,
+    {
+      style: [
+        {
+          width: sizes[size],
+          height: sizes[size],
+          transform: [{ rotate: rotateInterpolate }]
+        }
+      ]
+    },
+    /* @__PURE__ */ React.createElement(
+      Svg,
+      {
+        width: sizes[size],
+        height: sizes[size],
+        viewBox: `0 0 ${sizes[size]} ${sizes[size]}`
+      },
+      /* @__PURE__ */ React.createElement(
+        Circle,
+        {
+          cx: sizes[size] / 2,
+          cy: sizes[size] / 2,
+          r: radius,
+          stroke: backgroundColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ React.createElement(
+        AnimatedCircle,
+        {
+          cx: sizes[size] / 2,
+          cy: sizes[size] / 2,
+          r: radius,
+          stroke: progressColor,
+          strokeWidth,
+          strokeDasharray: `${circumference}`,
+          strokeDashoffset: dashAnim,
+          fill: "none"
+        }
+      )
+    )
+  );
+};
+const AnimatedCircle = Animated.createAnimatedComponent(Circle);
+export {
+  CircularProgress
+};
+//# sourceMappingURL=index.native.js.map

package/app/Loader/index.native/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../cjs/app/Loader/index.native/index.js"
+}

package/app/Loader/index.native.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { CircularProgressBaseProps } from '@digigov/react-core/CircularProgressBase';
+export declare const CircularProgress: React.FC<CircularProgressBaseProps>;

package/app/Loader/index.native.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/app/Loader/index.native.tsx"],
+  "sourcesContent": ["import React, { useRef, useEffect } from 'react';\nimport { Animated, Easing } from 'react-native';\nimport Svg, { Circle } from 'react-native-svg';\nimport { CircularProgressBaseProps } from '@digigov/react-core/CircularProgressBase';\n\nexport const CircularProgress: React.FC<CircularProgressBaseProps> = ({\n  size = 'md',\n  color = 'primary',\n}) => {\n  const sizes = {\n    sm: 20,\n    md: 40,\n    lg: 50,\n  };\n  const strokeWidth = sizes[size] / 4;\n  const radius = (sizes[size] - strokeWidth) / 2;\n  const circumference = 2 * Math.PI * radius;\n  const rotateAnim = useRef(new Animated.Value(0)).current;\n  const dashAnim = useRef(new Animated.Value(circumference)).current;\n\n  const progressColor = color === 'primary' ? '#003375' : '#fff';\n  const backgroundColor = '#01b0f0';\n  const duration = 4000;\n\n  useEffect(() => {\n    Animated.loop(\n      Animated.timing(rotateAnim, {\n        toValue: 1,\n        duration: 10000,\n        easing: Easing.linear,\n        useNativeDriver: true,\n      })\n    ).start();\n  }, [rotateAnim]);\n\n  useEffect(() => {\n    Animated.loop(\n      Animated.sequence([\n        Animated.timing(dashAnim, {\n          toValue: 0,\n          duration: duration * 0.4,\n          easing: Easing.inOut(Easing.ease),\n          useNativeDriver: true,\n        }),\n        Animated.timing(dashAnim, {\n          toValue: circumference,\n          duration: duration * 0.6,\n          easing: Easing.inOut(Easing.ease),\n          useNativeDriver: true,\n        }),\n      ])\n    ).start();\n  }, [dashAnim, duration, circumference]);\n\n  const rotateInterpolate = rotateAnim.interpolate({\n    inputRange: [0, 1],\n    outputRange: ['0deg', '360deg'],\n  });\n\n  return (\n    <Animated.View\n      style={[\n        {\n          width: sizes[size],\n          height: sizes[size],\n          transform: [{ rotate: rotateInterpolate }],\n        },\n      ]}\n    >\n      <Svg\n        width={sizes[size]}\n        height={sizes[size]}\n        viewBox={`0 0 ${sizes[size]} ${sizes[size]}`}\n      >\n        <Circle\n          cx={sizes[size] / 2}\n          cy={sizes[size] / 2}\n          r={radius}\n          stroke={backgroundColor}\n          strokeWidth={strokeWidth}\n          fill=\"none\"\n        />\n        <AnimatedCircle\n          cx={sizes[size] / 2}\n          cy={sizes[size] / 2}\n          r={radius}\n          stroke={progressColor}\n          strokeWidth={strokeWidth}\n          strokeDasharray={`${circumference}`}\n          strokeDashoffset={dashAnim}\n          fill=\"none\"\n        />\n      </Svg>\n    </Animated.View>\n  );\n};\n\nconst AnimatedCircle = Animated.createAnimatedComponent(Circle);\n"],
+  "mappings": "AAAA,OAAO,SAAS,QAAQ,iBAAiB;AACzC,SAAS,UAAU,cAAc;AACjC,OAAO,OAAO,cAAc;AAGrB,MAAM,mBAAwD,CAAC;AAAA,EACpE,OAAO;AAAA,EACP,QAAQ;AACV,MAAM;AACJ,QAAM,QAAQ;AAAA,IACZ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AACA,QAAM,cAAc,MAAM,IAAI,IAAI;AAClC,QAAM,UAAU,MAAM,IAAI,IAAI,eAAe;AAC7C,QAAM,gBAAgB,IAAI,KAAK,KAAK;AACpC,QAAM,aAAa,OAAO,IAAI,SAAS,MAAM,CAAC,CAAC,EAAE;AACjD,QAAM,WAAW,OAAO,IAAI,SAAS,MAAM,aAAa,CAAC,EAAE;AAE3D,QAAM,gBAAgB,UAAU,YAAY,YAAY;AACxD,QAAM,kBAAkB;AACxB,QAAM,WAAW;AAEjB,YAAU,MAAM;AACd,aAAS;AAAA,MACP,SAAS,OAAO,YAAY;AAAA,QAC1B,SAAS;AAAA,QACT,UAAU;AAAA,QACV,QAAQ,OAAO;AAAA,QACf,iBAAiB;AAAA,MACnB,CAAC;AAAA,IACH,EAAE,MAAM;AAAA,EACV,GAAG,CAAC,UAAU,CAAC;AAEf,YAAU,MAAM;AACd,aAAS;AAAA,MACP,SAAS,SAAS;AAAA,QAChB,SAAS,OAAO,UAAU;AAAA,UACxB,SAAS;AAAA,UACT,UAAU,WAAW;AAAA,UACrB,QAAQ,OAAO,MAAM,OAAO,IAAI;AAAA,UAChC,iBAAiB;AAAA,QACnB,CAAC;AAAA,QACD,SAAS,OAAO,UAAU;AAAA,UACxB,SAAS;AAAA,UACT,UAAU,WAAW;AAAA,UACrB,QAAQ,OAAO,MAAM,OAAO,IAAI;AAAA,UAChC,iBAAiB;AAAA,QACnB,CAAC;AAAA,MACH,CAAC;AAAA,IACH,EAAE,MAAM;AAAA,EACV,GAAG,CAAC,UAAU,UAAU,aAAa,CAAC;AAEtC,QAAM,oBAAoB,WAAW,YAAY;AAAA,IAC/C,YAAY,CAAC,GAAG,CAAC;AAAA,IACjB,aAAa,CAAC,QAAQ,QAAQ;AAAA,EAChC,CAAC;AAED,SACE;AAAA,IAAC,SAAS;AAAA,IAAT;AAAA,MACC,OAAO;AAAA,QACL;AAAA,UACE,OAAO,MAAM,IAAI;AAAA,UACjB,QAAQ,MAAM,IAAI;AAAA,UAClB,WAAW,CAAC,EAAE,QAAQ,kBAAkB,CAAC;AAAA,QAC3C;AAAA,MACF;AAAA;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,MAAM,IAAI;AAAA,QACjB,QAAQ,MAAM,IAAI;AAAA,QAClB,SAAS,OAAO,MAAM,IAAI,CAAC,IAAI,MAAM,IAAI,CAAC;AAAA;AAAA,MAE1C;AAAA,QAAC;AAAA;AAAA,UACC,IAAI,MAAM,IAAI,IAAI;AAAA,UAClB,IAAI,MAAM,IAAI,IAAI;AAAA,UAClB,GAAG;AAAA,UACH,QAAQ;AAAA,UACR;AAAA,UACA,MAAK;AAAA;AAAA,MACP;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,IAAI,MAAM,IAAI,IAAI;AAAA,UAClB,IAAI,MAAM,IAAI,IAAI;AAAA,UAClB,GAAG;AAAA,UACH,QAAQ;AAAA,UACR;AAAA,UACA,iBAAiB,GAAG,aAAa;AAAA,UACjC,kBAAkB;AAAA,UAClB,MAAK;AAAA;AAAA,MACP;AAAA,IACF;AAAA,EACF;AAEJ;AAEA,MAAM,iBAAiB,SAAS,wBAAwB,MAAM;",
+  "names": []
+}

package/app/Loader/index.web/index.js

@@ -0,0 +1,18 @@
+import React from "react";
+export * from "@digigov/react-core/CircularProgressBase";
+import CircularProgressBase from "@digigov/react-core/CircularProgressBase";
+import { useNotificationArea } from "@digigov/ui/app/hooks/useNotificationArea";
+const CircularProgress = React.forwardRef(function CircularProgress2({
+  loadingText = "\u0393\u03AF\u03BD\u03B5\u03C4\u03B1\u03B9 \u03C6\u03CC\u03C1\u03C4\u03C9\u03C3\u03B7...",
+  loadingFinishedText = "\u0397 \u03C6\u03CC\u03C1\u03C4\u03C9\u03C3\u03B7 \u03BF\u03BB\u03BF\u03BA\u03BB\u03B7\u03C1\u03CE\u03B8\u03B7\u03BA\u03B5.",
+  ...props
+}, ref) {
+  useNotificationArea(loadingText, loadingFinishedText);
+  return /* @__PURE__ */ React.createElement(CircularProgressBase, { ref, ...props });
+});
+var index_web_default = CircularProgress;
+export {
+  CircularProgress,
+  index_web_default as default
+};
+//# sourceMappingURL=index.web.js.map

package/app/Loader/index.web/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../cjs/app/Loader/index.web/index.js"
+}

package/app/Loader/index.web.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+export * from '@digigov/react-core/CircularProgressBase';
+import { CircularProgressBaseProps } from '@digigov/react-core/CircularProgressBase';
+export interface CircularProgressProps extends CircularProgressBaseProps {
+    /**
+     * loadingText prop is optional
+     * Text for screen readers when loading starts
+     * @default "Γίνεται φόρτωση..."
+     */
+    loadingText?: string;
+    /**
+     * loadingFinishedText prop is optional
+     * Text for screen readers when loading finishes
+     * @default "Η φόρτωση ολοκληρώθηκε."
+     */
+    loadingFinishedText?: string;
+}
+export declare const CircularProgress: React.ForwardRefExoticComponent<Omit<CircularProgressProps, "ref"> & React.RefAttributes<SVGElement>>;
+export default CircularProgress;

package/app/Loader/index.web.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/app/Loader/index.web.tsx"],
+  "sourcesContent": ["import React from 'react';\nexport * from '@digigov/react-core/CircularProgressBase';\nimport CircularProgressBase, {\n  CircularProgressBaseProps,\n} from '@digigov/react-core/CircularProgressBase';\nimport { useNotificationArea } from '@digigov/ui/app/hooks/useNotificationArea';\n\nexport interface CircularProgressProps extends CircularProgressBaseProps {\n  /**\n   * loadingText prop is optional\n   * Text for screen readers when loading starts\n   * @default \"\u0393\u03AF\u03BD\u03B5\u03C4\u03B1\u03B9 \u03C6\u03CC\u03C1\u03C4\u03C9\u03C3\u03B7...\"\n   */\n  loadingText?: string;\n  /**\n   * loadingFinishedText prop is optional\n   * Text for screen readers when loading finishes\n   * @default \"\u0397 \u03C6\u03CC\u03C1\u03C4\u03C9\u03C3\u03B7 \u03BF\u03BB\u03BF\u03BA\u03BB\u03B7\u03C1\u03CE\u03B8\u03B7\u03BA\u03B5.\"\n   */\n  loadingFinishedText?: string;\n}\n\nexport const CircularProgress = React.forwardRef<\n  SVGElement,\n  CircularProgressProps\n>(function CircularProgress(\n  {\n    loadingText = '\u0393\u03AF\u03BD\u03B5\u03C4\u03B1\u03B9 \u03C6\u03CC\u03C1\u03C4\u03C9\u03C3\u03B7...',\n    loadingFinishedText = '\u0397 \u03C6\u03CC\u03C1\u03C4\u03C9\u03C3\u03B7 \u03BF\u03BB\u03BF\u03BA\u03BB\u03B7\u03C1\u03CE\u03B8\u03B7\u03BA\u03B5.',\n    ...props\n  },\n  ref\n) {\n  useNotificationArea(loadingText, loadingFinishedText);\n\n  return <CircularProgressBase ref={ref} {...props} />;\n});\n\nexport default CircularProgress;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,cAAc;AACd,OAAO,0BAEA;AACP,SAAS,2BAA2B;AAiB7B,MAAM,mBAAmB,MAAM,WAGpC,SAASA,kBACT;AAAA,EACE,cAAc;AAAA,EACd,sBAAsB;AAAA,EACtB,GAAG;AACL,GACA,KACA;AACA,sBAAoB,aAAa,mBAAmB;AAEpD,SAAO,oCAAC,wBAAqB,KAAW,GAAG,OAAO;AACpD,CAAC;AAED,IAAO,oBAAQ;",
+  "names": ["CircularProgress"]
+}

package/app/Masthead/Masthead.stories.d.ts

@@ -4,10 +4,40 @@ declare namespace _default {
     export let link: string;
     export let defaultWidth: string;
     export { Masthead as component };
+    export let tags: string[];
+    export { doc as markdown };
     export let displayName: string;
 }
 export default _default;
+export namespace WithControls {
+    function render(args: any): React.JSX.Element;
+    namespace args {
+        let color: string;
+        let showHint: boolean;
+    }
+    namespace argTypes {
+        export namespace color_1 {
+            namespace control {
+                let type: string;
+            }
+            let options: string[];
+        }
+        export { color_1 as color };
+        export namespace showHint_1 {
+            let control_1: string;
+            export { control_1 as control };
+        }
+        export { showHint_1 as showHint };
+    }
+    namespace parameters {
+        namespace controls {
+            let exclude: string[];
+        }
+    }
+}
 export { Default } from "@digigov/ui/app/Masthead/__stories__/Default";
+export { Secondary } from "@digigov/ui/app/Masthead/__stories__/Secondary";
 export { WithLogo } from "@digigov/ui/app/Masthead/__stories__/WithLogo";
 export { WithElements } from "@digigov/ui/app/Masthead/__stories__/WithElements";
-import Masthead from '@digigov/ui/app/Masthead';
+import { Masthead } from '@digigov/ui/app/Masthead';
+import React from 'react';

package/app/Masthead/__stories__/Default.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const Default: () => React.JSX.Element;
+export declare const Default: (_: any) => React.JSX.Element;
 export default Default;

package/app/Masthead/__stories__/Secondary.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const Secondary: (_: any) => React.JSX.Element;
+export default Secondary;

package/app/Masthead/__stories__/WithElements.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const WithElements: () => React.JSX.Element;
+export declare const WithElements: (_: any) => React.JSX.Element;
 export default WithElements;

package/app/Masthead/__stories__/WithLogo.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const WithLogo: () => React.JSX.Element;
+export declare const WithLogo: (_: any) => React.JSX.Element;
 export default WithLogo;

package/app/Modal/Modal.stories.d.ts

@@ -3,13 +3,34 @@ declare namespace _default {
     export let description: string;
     export let link: string;
     export { Modal as component };
+    export let tags: string[];
+    export { doc as markdown };
     export let displayName: string;
 }
 export default _default;
+export namespace WithControls {
+    function render(args: any): React.JSX.Element;
+    namespace args {
+        let dense: boolean;
+        let gaps: boolean;
+    }
+    namespace argsTypes {
+        export namespace dense_1 {
+            let control: string;
+        }
+        export { dense_1 as dense };
+        export namespace gaps_1 {
+            let control_1: string;
+            export { control_1 as control };
+        }
+        export { gaps_1 as gaps };
+    }
+}
 export { Default } from "@digigov/ui/app/Modal/__stories__/Default";
 export { AlertDialog } from "@digigov/ui/app/Modal/__stories__/AlertDialog";
 export { Dense } from "@digigov/ui/app/Modal/__stories__/Dense";
 export { WithHooks } from "@digigov/ui/app/Modal/__stories__/WithHooks";
 export { Auto } from "@digigov/ui/app/Modal/__stories__/Auto";
 export { WithoutModalGaps } from "@digigov/ui/app/Modal/__stories__/WithoutModalGaps";
-import Modal from '@digigov/ui/app/Modal';
+import { Modal } from '@digigov/ui/app/Modal';
+import React from 'react';

package/app/Modal/__stories__/AlertDialog.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const AlertDialog: () => React.JSX.Element;
+export declare const AlertDialog: (_: any) => React.JSX.Element;
 export default AlertDialog;

package/app/Modal/__stories__/Auto.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const Auto: () => React.JSX.Element;
+export declare const Auto: (_: any) => React.JSX.Element;
 export default Auto;

package/app/Modal/__stories__/Default.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const Default: () => React.JSX.Element;
+export declare const Default: (_: any) => React.JSX.Element;
 export default Default;

package/app/Modal/__stories__/Dense.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const Dense: () => React.JSX.Element;
+export declare const Dense: (_: any) => React.JSX.Element;
 export default Dense;

package/app/Modal/__stories__/WithHooks.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const WithHooks: () => React.JSX.Element;
+export declare const WithHooks: (_: any) => React.JSX.Element;
 export default WithHooks;

package/app/Modal/__stories__/WithoutModalGaps.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const WithoutModalGaps: () => React.JSX.Element;
+export declare const WithoutModalGaps: (_: any) => React.JSX.Element;
 export default WithoutModalGaps;

package/app/Modal/auto/index.js

@@ -1,7 +1,7 @@
 import React, { useContext } from "react";
 import { Button } from "@digigov/react-core/Button";
+import Modal from "@digigov/ui/app/Modal";
 import { useModal } from "@digigov/ui/app/Modal/hooks";
-import Modal from "@digigov/ui/app/Modal/Modal";
 const ModalContext = React.createContext(null);
 const ModalProvider = ({ children }) => {
   const modal = useModal();

package/app/Modal/auto.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/app/Modal/auto.tsx"],
-  "sourcesContent": ["import React, { useContext } from 'react';\nimport { Button, ButtonProps } from '@digigov/react-core/Button';\nimport { ModalContainerProps } from '@digigov/react-core/ModalContainer';\nimport { ModalId, UseModalReturn, useModal } from '@digigov/ui/app/Modal/hooks';\nimport Modal from '@digigov/ui/app/Modal/Modal';\n\nexport const ModalContext = React.createContext<UseModalReturn | null>(null);\n\nexport interface ModalAutoProps extends ModalContainerProps {\n  id: string;\n  clickOutside?: boolean;\n  closeOnEscape?: boolean;\n}\n\nexport const ModalProvider = ({ children }: { children: React.ReactNode }) => {\n  const modal = useModal();\n  return (\n    <ModalContext.Provider value={modal}>{children}</ModalContext.Provider>\n  );\n};\n\nexport const useModalContext = (): UseModalReturn | null => {\n  const context = useContext(ModalContext);\n  if (context === null) {\n    throw new Error('useModalContext must be used within an ModalProvider');\n  }\n  return context;\n};\n\nexport const ModalAuto = React.forwardRef<HTMLDivElement, ModalAutoProps>(\n  function ModalAuto(\n    { id, clickOutside = false, closeOnEscape = false, ...props },\n    ref\n  ) {\n    const context = useModalContext();\n    if (!context) {\n      throw new Error('ModalAuto must be used within an ModalProvider');\n    }\n    const { registerModal } = context;\n    return (\n      <Modal\n        {...registerModal(id, { clickOutside, closeOnEscape })}\n        {...props}\n        ref={ref}\n      >\n        {props.children}\n      </Modal>\n    );\n  }\n);\n\nexport interface ModalButtonAutoProps extends ButtonProps {\n  modal: ModalId;\n  open?: boolean;\n  close?: boolean;\n}\n\nexport const ModalButtonAuto = React.forwardRef<\n  HTMLButtonElement,\n  ModalButtonAutoProps\n>(function ModalButtonAuto(\n  { modal: forModal, open, variant = 'button', color = 'primary', ...props },\n  ref\n) {\n  const context = useModalContext();\n  if (!context) {\n    throw new Error('ModalButtonAuto must be used within an ModalProvider');\n  }\n  const { registerAction } = context;\n  return (\n    <Button\n      ref={ref}\n      {...registerAction(forModal, open ? 'open' : 'close', { variant, color })}\n      {...props}\n    />\n  );\n});\n"],
-  "mappings": "AAAA,OAAO,SAAS,kBAAkB;AAClC,SAAS,cAA2B;AAEpC,SAAkC,gBAAgB;AAClD,OAAO,WAAW;AAEX,MAAM,eAAe,MAAM,cAAqC,IAAI;AAQpE,MAAM,gBAAgB,CAAC,EAAE,SAAS,MAAqC;AAC5E,QAAM,QAAQ,SAAS;AACvB,SACE,oCAAC,aAAa,UAAb,EAAsB,OAAO,SAAQ,QAAS;AAEnD;AAEO,MAAM,kBAAkB,MAA6B;AAC1D,QAAM,UAAU,WAAW,YAAY;AACvC,MAAI,YAAY,MAAM;AACpB,UAAM,IAAI,MAAM,sDAAsD;AAAA,EACxE;AACA,SAAO;AACT;AAEO,MAAM,YAAY,MAAM;AAAA,EAC7B,SAASA,WACP,EAAE,IAAI,eAAe,OAAO,gBAAgB,OAAO,GAAG,MAAM,GAC5D,KACA;AACA,UAAM,UAAU,gBAAgB;AAChC,QAAI,CAAC,SAAS;AACZ,YAAM,IAAI,MAAM,gDAAgD;AAAA,IAClE;AACA,UAAM,EAAE,cAAc,IAAI;AAC1B,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG,cAAc,IAAI,EAAE,cAAc,cAAc,CAAC;AAAA,QACpD,GAAG;AAAA,QACJ;AAAA;AAAA,MAEC,MAAM;AAAA,IACT;AAAA,EAEJ;AACF;AAQO,MAAM,kBAAkB,MAAM,WAGnC,SAASC,iBACT,EAAE,OAAO,UAAU,MAAM,UAAU,UAAU,QAAQ,WAAW,GAAG,MAAM,GACzE,KACA;AACA,QAAM,UAAU,gBAAgB;AAChC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,sDAAsD;AAAA,EACxE;AACA,QAAM,EAAE,eAAe,IAAI;AAC3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACC,GAAG,eAAe,UAAU,OAAO,SAAS,SAAS,EAAE,SAAS,MAAM,CAAC;AAAA,MACvE,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;",
+  "sourcesContent": ["import React, { useContext } from 'react';\nimport { Button, ButtonProps } from '@digigov/react-core/Button';\nimport { ModalContainerProps } from '@digigov/react-core/ModalContainer';\nimport Modal from '@digigov/ui/app/Modal';\nimport { ModalId, UseModalReturn, useModal } from '@digigov/ui/app/Modal/hooks';\n\nexport const ModalContext = React.createContext<UseModalReturn | null>(null);\n\nexport interface ModalAutoProps extends ModalContainerProps {\n  id: string;\n  clickOutside?: boolean;\n  closeOnEscape?: boolean;\n}\n\nexport const ModalProvider = ({ children }: { children: React.ReactNode }) => {\n  const modal = useModal();\n  return (\n    <ModalContext.Provider value={modal}>{children}</ModalContext.Provider>\n  );\n};\n\nexport const useModalContext = (): UseModalReturn | null => {\n  const context = useContext(ModalContext);\n  if (context === null) {\n    throw new Error('useModalContext must be used within an ModalProvider');\n  }\n  return context;\n};\n\nexport const ModalAuto = React.forwardRef<HTMLDivElement, ModalAutoProps>(\n  function ModalAuto(\n    { id, clickOutside = false, closeOnEscape = false, ...props },\n    ref\n  ) {\n    const context = useModalContext();\n    if (!context) {\n      throw new Error('ModalAuto must be used within an ModalProvider');\n    }\n    const { registerModal } = context;\n    return (\n      <Modal\n        {...registerModal(id, { clickOutside, closeOnEscape })}\n        {...props}\n        ref={ref}\n      >\n        {props.children}\n      </Modal>\n    );\n  }\n);\n\nexport interface ModalButtonAutoProps extends ButtonProps {\n  modal: ModalId;\n  open?: boolean;\n  close?: boolean;\n}\n\nexport const ModalButtonAuto = React.forwardRef<\n  HTMLButtonElement,\n  ModalButtonAutoProps\n>(function ModalButtonAuto(\n  { modal: forModal, open, variant = 'button', color = 'primary', ...props },\n  ref\n) {\n  const context = useModalContext();\n  if (!context) {\n    throw new Error('ModalButtonAuto must be used within an ModalProvider');\n  }\n  const { registerAction } = context;\n  return (\n    <Button\n      ref={ref}\n      {...registerAction(forModal, open ? 'open' : 'close', { variant, color })}\n      {...props}\n    />\n  );\n});\n"],
+  "mappings": "AAAA,OAAO,SAAS,kBAAkB;AAClC,SAAS,cAA2B;AAEpC,OAAO,WAAW;AAClB,SAAkC,gBAAgB;AAE3C,MAAM,eAAe,MAAM,cAAqC,IAAI;AAQpE,MAAM,gBAAgB,CAAC,EAAE,SAAS,MAAqC;AAC5E,QAAM,QAAQ,SAAS;AACvB,SACE,oCAAC,aAAa,UAAb,EAAsB,OAAO,SAAQ,QAAS;AAEnD;AAEO,MAAM,kBAAkB,MAA6B;AAC1D,QAAM,UAAU,WAAW,YAAY;AACvC,MAAI,YAAY,MAAM;AACpB,UAAM,IAAI,MAAM,sDAAsD;AAAA,EACxE;AACA,SAAO;AACT;AAEO,MAAM,YAAY,MAAM;AAAA,EAC7B,SAASA,WACP,EAAE,IAAI,eAAe,OAAO,gBAAgB,OAAO,GAAG,MAAM,GAC5D,KACA;AACA,UAAM,UAAU,gBAAgB;AAChC,QAAI,CAAC,SAAS;AACZ,YAAM,IAAI,MAAM,gDAAgD;AAAA,IAClE;AACA,UAAM,EAAE,cAAc,IAAI;AAC1B,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG,cAAc,IAAI,EAAE,cAAc,cAAc,CAAC;AAAA,QACpD,GAAG;AAAA,QACJ;AAAA;AAAA,MAEC,MAAM;AAAA,IACT;AAAA,EAEJ;AACF;AAQO,MAAM,kBAAkB,MAAM,WAGnC,SAASC,iBACT,EAAE,OAAO,UAAU,MAAM,UAAU,UAAU,QAAQ,WAAW,GAAG,MAAM,GACzE,KACA;AACA,QAAM,UAAU,gBAAgB;AAChC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,sDAAsD;AAAA,EACxE;AACA,QAAM,EAAE,eAAe,IAAI;AAC3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACC,GAAG,eAAe,UAAU,OAAO,SAAS,SAAS,EAAE,SAAS,MAAM,CAAC;AAAA,MACvE,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;",
   "names": ["ModalAuto", "ModalButtonAuto"]
 }

package/app/Modal/hooks/index.js

@@ -1,12 +1,8 @@
 import React, { useState, useRef, useCallback } from "react";
 const useModal = () => {
   const [currentOpen, setCurrentOpen] = useState(null);
-  const modalsRef = useRef(
-    /* @__PURE__ */ new Map()
-  );
-  const buttonsRef = useRef(
-    /* @__PURE__ */ new Map()
-  );
+  const modalsRef = useRef(/* @__PURE__ */ new Map());
+  const buttonsRef = useRef(/* @__PURE__ */ new Map());
   const open = useCallback((id) => {
     setCurrentOpen(id);
   }, []);

package/app/Modal/hooks.d.ts

@@ -13,14 +13,14 @@ export interface UseModalReturn {
         id: string;
         'aria-modal': boolean;
         'aria-labelledby': string;
-        ref?: React.RefObject<HTMLDivElement>;
+        ref?: React.RefObject<HTMLDivElement | null>;
     };
     registerAction: (id: ModalId, type: 'open' | 'close', options?: {
         variant?: string;
         color?: string;
     }) => {
         onClick: () => void;
-        ref?: React.RefObject<HTMLButtonElement>;
+        ref?: React.RefObject<HTMLButtonElement | null>;
     };
 }
 export declare const useModal: () => UseModalReturn;

package/app/Modal/hooks.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/app/Modal/hooks.ts"],
-  "sourcesContent": ["import React, { useState, useRef, useCallback } from 'react';\n\nexport type ModalId = string | number;\n\nexport interface UseModalReturn {\n  open: (id: ModalId) => void;\n  close: () => void;\n  currentOpen: ModalId | null;\n  registerModal: (\n    id: ModalId,\n    options?: {\n      clickOutside?: boolean;\n      closeOnEscape?: boolean;\n    }\n  ) => {\n    open: boolean;\n    role: string;\n    id: string;\n    'aria-modal': boolean;\n    'aria-labelledby': string;\n    ref?: React.RefObject<HTMLDivElement>;\n  };\n  registerAction: (\n    id: ModalId,\n    type: 'open' | 'close',\n    options?: {\n      variant?: string;\n      color?: string;\n    }\n  ) => {\n    onClick: () => void;\n    ref?: React.RefObject<HTMLButtonElement>;\n  };\n}\n\nexport const useModal = (): UseModalReturn => {\n  const [currentOpen, setCurrentOpen] = useState<ModalId | null>(null);\n  const modalsRef = useRef<Map<ModalId, React.RefObject<HTMLDivElement>>>(\n    new Map()\n  );\n  const buttonsRef = useRef<Map<ModalId, React.RefObject<HTMLButtonElement>>>(\n    new Map()\n  );\n  const open = useCallback((id: ModalId) => {\n    setCurrentOpen(id);\n  }, []);\n\n  const close = useCallback(() => {\n    setCurrentOpen(null);\n  }, []);\n\n  const registerModal = useCallback(\n    (id, options) => {\n      const modalId = `modal-${id}`;\n      if (!modalsRef.current.get(id)?.current) {\n        modalsRef.current.set(id, React.createRef());\n        if (options?.clickOutside && currentOpen === id) {\n          const handleOutsideClick = (event: MouseEvent) => {\n            const modalContainer = document.getElementById(modalId);\n            if (modalContainer === event.target) {\n              close();\n            }\n          };\n          window.addEventListener('mousedown', handleOutsideClick);\n        }\n      }\n      return {\n        open: currentOpen === id,\n        role: 'dialog',\n        id: modalId,\n        onEscape: options?.closeOnEscape ? close : null,\n        'aria-modal': true,\n        'aria-labelledby': `modal-heading-${id}`,\n        ref: modalsRef.current.get(id as string),\n      };\n    },\n    [currentOpen]\n  );\n\n  const registerAction = useCallback(\n    (id: ModalId, type: 'open' | 'close', options) => {\n      if (!buttonsRef.current.has(id)) {\n        buttonsRef.current.set(id, React.createRef());\n      }\n      return {\n        onClick: () => (type === 'open' ? open(id) : close()),\n        ref: buttonsRef.current.get(id),\n        ...options,\n      };\n    },\n    [currentOpen]\n  );\n\n  return {\n    open,\n    close,\n    currentOpen,\n    registerAction,\n    registerModal,\n  };\n};\n"],
-  "mappings": "AAAA,OAAO,SAAS,UAAU,QAAQ,mBAAmB;AAmC9C,MAAM,WAAW,MAAsB;AAC5C,QAAM,CAAC,aAAa,cAAc,IAAI,SAAyB,IAAI;AACnE,QAAM,YAAY;AAAA,IAChB,oBAAI,IAAI;AAAA,EACV;AACA,QAAM,aAAa;AAAA,IACjB,oBAAI,IAAI;AAAA,EACV;AACA,QAAM,OAAO,YAAY,CAAC,OAAgB;AACxC,mBAAe,EAAE;AAAA,EACnB,GAAG,CAAC,CAAC;AAEL,QAAM,QAAQ,YAAY,MAAM;AAC9B,mBAAe,IAAI;AAAA,EACrB,GAAG,CAAC,CAAC;AAEL,QAAM,gBAAgB;AAAA,IACpB,CAAC,IAAI,YAAY;AACf,YAAM,UAAU,SAAS,EAAE;AAC3B,UAAI,CAAC,UAAU,QAAQ,IAAI,EAAE,GAAG,SAAS;AACvC,kBAAU,QAAQ,IAAI,IAAI,MAAM,UAAU,CAAC;AAC3C,YAAI,SAAS,gBAAgB,gBAAgB,IAAI;AAC/C,gBAAM,qBAAqB,CAAC,UAAsB;AAChD,kBAAM,iBAAiB,SAAS,eAAe,OAAO;AACtD,gBAAI,mBAAmB,MAAM,QAAQ;AACnC,oBAAM;AAAA,YACR;AAAA,UACF;AACA,iBAAO,iBAAiB,aAAa,kBAAkB;AAAA,QACzD;AAAA,MACF;AACA,aAAO;AAAA,QACL,MAAM,gBAAgB;AAAA,QACtB,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,UAAU,SAAS,gBAAgB,QAAQ;AAAA,QAC3C,cAAc;AAAA,QACd,mBAAmB,iBAAiB,EAAE;AAAA,QACtC,KAAK,UAAU,QAAQ,IAAI,EAAY;AAAA,MACzC;AAAA,IACF;AAAA,IACA,CAAC,WAAW;AAAA,EACd;AAEA,QAAM,iBAAiB;AAAA,IACrB,CAAC,IAAa,MAAwB,YAAY;AAChD,UAAI,CAAC,WAAW,QAAQ,IAAI,EAAE,GAAG;AAC/B,mBAAW,QAAQ,IAAI,IAAI,MAAM,UAAU,CAAC;AAAA,MAC9C;AACA,aAAO;AAAA,QACL,SAAS,MAAO,SAAS,SAAS,KAAK,EAAE,IAAI,MAAM;AAAA,QACnD,KAAK,WAAW,QAAQ,IAAI,EAAE;AAAA,QAC9B,GAAG;AAAA,MACL;AAAA,IACF;AAAA,IACA,CAAC,WAAW;AAAA,EACd;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "sourcesContent": ["import React, { useState, useRef, useCallback } from 'react';\n\nexport type ModalId = string | number;\n\nexport interface UseModalReturn {\n  open: (id: ModalId) => void;\n  close: () => void;\n  currentOpen: ModalId | null;\n  registerModal: (\n    id: ModalId,\n    options?: {\n      clickOutside?: boolean;\n      closeOnEscape?: boolean;\n    }\n  ) => {\n    open: boolean;\n    role: string;\n    id: string;\n    'aria-modal': boolean;\n    'aria-labelledby': string;\n    ref?: React.RefObject<HTMLDivElement | null>;\n  };\n  registerAction: (\n    id: ModalId,\n    type: 'open' | 'close',\n    options?: {\n      variant?: string;\n      color?: string;\n    }\n  ) => {\n    onClick: () => void;\n    ref?: React.RefObject<HTMLButtonElement | null>;\n  };\n}\n\nexport const useModal = (): UseModalReturn => {\n  const [currentOpen, setCurrentOpen] = useState<ModalId | null>(null);\n  const modalsRef = useRef<\n    Map<ModalId, React.RefObject<HTMLDivElement | null>>\n  >(new Map());\n  const buttonsRef = useRef<\n    Map<ModalId, React.RefObject<HTMLButtonElement | null>>\n  >(new Map());\n  const open = useCallback((id: ModalId) => {\n    setCurrentOpen(id);\n  }, []);\n\n  const close = useCallback(() => {\n    setCurrentOpen(null);\n  }, []);\n\n  const registerModal = useCallback(\n    (id, options) => {\n      const modalId = `modal-${id}`;\n      if (!modalsRef.current.get(id)?.current) {\n        modalsRef.current.set(id, React.createRef());\n        if (options?.clickOutside && currentOpen === id) {\n          const handleOutsideClick = (event: MouseEvent) => {\n            const modalContainer = document.getElementById(modalId);\n            if (modalContainer === event.target) {\n              close();\n            }\n          };\n          window.addEventListener('mousedown', handleOutsideClick);\n        }\n      }\n      return {\n        open: currentOpen === id,\n        role: 'dialog',\n        id: modalId,\n        onEscape: options?.closeOnEscape ? close : null,\n        'aria-modal': true,\n        'aria-labelledby': `modal-heading-${id}`,\n        ref: modalsRef.current.get(id as string),\n      };\n    },\n    [currentOpen]\n  );\n\n  const registerAction = useCallback(\n    (id: ModalId, type: 'open' | 'close', options) => {\n      if (!buttonsRef.current.has(id)) {\n        buttonsRef.current.set(id, React.createRef());\n      }\n      return {\n        onClick: () => (type === 'open' ? open(id) : close()),\n        ref: buttonsRef.current.get(id),\n        ...options,\n      };\n    },\n    [currentOpen]\n  );\n\n  return {\n    open,\n    close,\n    currentOpen,\n    registerAction,\n    registerModal,\n  };\n};\n"],
+  "mappings": "AAAA,OAAO,SAAS,UAAU,QAAQ,mBAAmB;AAmC9C,MAAM,WAAW,MAAsB;AAC5C,QAAM,CAAC,aAAa,cAAc,IAAI,SAAyB,IAAI;AACnE,QAAM,YAAY,OAEhB,oBAAI,IAAI,CAAC;AACX,QAAM,aAAa,OAEjB,oBAAI,IAAI,CAAC;AACX,QAAM,OAAO,YAAY,CAAC,OAAgB;AACxC,mBAAe,EAAE;AAAA,EACnB,GAAG,CAAC,CAAC;AAEL,QAAM,QAAQ,YAAY,MAAM;AAC9B,mBAAe,IAAI;AAAA,EACrB,GAAG,CAAC,CAAC;AAEL,QAAM,gBAAgB;AAAA,IACpB,CAAC,IAAI,YAAY;AACf,YAAM,UAAU,SAAS,EAAE;AAC3B,UAAI,CAAC,UAAU,QAAQ,IAAI,EAAE,GAAG,SAAS;AACvC,kBAAU,QAAQ,IAAI,IAAI,MAAM,UAAU,CAAC;AAC3C,YAAI,SAAS,gBAAgB,gBAAgB,IAAI;AAC/C,gBAAM,qBAAqB,CAAC,UAAsB;AAChD,kBAAM,iBAAiB,SAAS,eAAe,OAAO;AACtD,gBAAI,mBAAmB,MAAM,QAAQ;AACnC,oBAAM;AAAA,YACR;AAAA,UACF;AACA,iBAAO,iBAAiB,aAAa,kBAAkB;AAAA,QACzD;AAAA,MACF;AACA,aAAO;AAAA,QACL,MAAM,gBAAgB;AAAA,QACtB,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,UAAU,SAAS,gBAAgB,QAAQ;AAAA,QAC3C,cAAc;AAAA,QACd,mBAAmB,iBAAiB,EAAE;AAAA,QACtC,KAAK,UAAU,QAAQ,IAAI,EAAY;AAAA,MACzC;AAAA,IACF;AAAA,IACA,CAAC,WAAW;AAAA,EACd;AAEA,QAAM,iBAAiB;AAAA,IACrB,CAAC,IAAa,MAAwB,YAAY;AAChD,UAAI,CAAC,WAAW,QAAQ,IAAI,EAAE,GAAG;AAC/B,mBAAW,QAAQ,IAAI,IAAI,MAAM,UAAU,CAAC;AAAA,MAC9C;AACA,aAAO;AAAA,QACL,SAAS,MAAO,SAAS,SAAS,KAAK,EAAE,IAAI,MAAM;AAAA,QACnD,KAAK,WAAW,QAAQ,IAAI,EAAE;AAAA,QAC9B,GAAG;AAAA,MACL;AAAA,IACF;AAAA,IACA,CAAC,WAAW;AAAA,EACd;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

package/app/Modal/index.d.ts

@@ -4,7 +4,6 @@ export * from '@digigov/react-core/ModalContent';
 export * from '@digigov/react-core/ModalAction';
 export * from '@digigov/ui/app/Modal/hooks';
 export * from '@digigov/ui/app/Modal/hooks';
-export * from '@digigov/ui/app/Modal/auto';
-export * from '@digigov/ui/app/Modal/Modal';
-import Modal from '@digigov/ui/app/Modal/Modal';
+export * from '@digigov/ui/app/Modal/index.web';
+import Modal from '@digigov/ui/app/Modal/index.web';
 export default Modal;

package/app/Modal/index.js

@@ -4,9 +4,8 @@ export * from "@digigov/react-core/ModalContent";
 export * from "@digigov/react-core/ModalAction";
 export * from "@digigov/ui/app/Modal/hooks";
 export * from "@digigov/ui/app/Modal/hooks";
-export * from "@digigov/ui/app/Modal/auto";
-export * from "@digigov/ui/app/Modal/Modal";
-import Modal from "@digigov/ui/app/Modal/Modal";
+export * from "@digigov/ui/app/Modal/index.web";
+import Modal from "@digigov/ui/app/Modal/index.web";
 var Modal_default = Modal;
 export {
   Modal_default as default

package/app/Modal/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/app/Modal/index.tsx"],
-  "sourcesContent": ["export * from '@digigov/react-core/ModalContainer';\nexport * from '@digigov/react-core/ModalHeading';\nexport * from '@digigov/react-core/ModalContent';\nexport * from '@digigov/react-core/ModalAction';\nexport * from '@digigov/ui/app/Modal/hooks';\nexport * from '@digigov/ui/app/Modal/hooks';\nexport * from '@digigov/ui/app/Modal/auto';\n\nexport * from '@digigov/ui/app/Modal/Modal';\nimport Modal from '@digigov/ui/app/Modal/Modal';\nexport default Modal;\n"],
-  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;AACd,OAAO,WAAW;AAClB,IAAO,gBAAQ;",
+  "sourcesContent": ["export * from '@digigov/react-core/ModalContainer';\nexport * from '@digigov/react-core/ModalHeading';\nexport * from '@digigov/react-core/ModalContent';\nexport * from '@digigov/react-core/ModalAction';\nexport * from '@digigov/ui/app/Modal/hooks';\nexport * from '@digigov/ui/app/Modal/hooks';\n\nexport * from '@digigov/ui/app/Modal/index.web';\nimport Modal from '@digigov/ui/app/Modal/index.web';\nexport default Modal;\n"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;AACd,OAAO,WAAW;AAClB,IAAO,gBAAQ;",
   "names": []
 }

package/app/Modal/index.native/index.js

@@ -0,0 +1,20 @@
+import React from "react";
+import { Modal as CoreModal } from "react-native";
+const Modal = ({ children, open, ...props }) => {
+  return /* @__PURE__ */ React.createElement(
+    CoreModal,
+    {
+      visible: open,
+      transparent: true,
+      animationType: "fade",
+      ...props
+    },
+    children
+  );
+};
+var index_native_default = Modal;
+export {
+  Modal,
+  index_native_default as default
+};
+//# sourceMappingURL=index.native.js.map

package/app/Modal/index.native/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../cjs/app/Modal/index.native/index.js"
+}

package/app/Modal/index.native.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const Modal: ({ children, open, ...props }: {
+    [x: string]: any;
+    children: any;
+    open: any;
+}) => React.JSX.Element;
+export default Modal;

package/app/Modal/index.native.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/app/Modal/index.native.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport { Modal as CoreModal } from 'react-native';\n\nexport const Modal = ({ children, open, ...props }) => {\n  return (\n    <CoreModal\n      visible={open}\n      transparent={true}\n      animationType=\"fade\"\n      {...props}\n    >\n      {children}\n    </CoreModal>\n  );\n};\n\nexport default Modal;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,SAAS,iBAAiB;AAE5B,MAAM,QAAQ,CAAC,EAAE,UAAU,MAAM,GAAG,MAAM,MAAM;AACrD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,aAAa;AAAA,MACb,eAAc;AAAA,MACb,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ;AAEA,IAAO,uBAAQ;",
+  "names": []
+}

package/app/Modal/index.web/index.js

@@ -0,0 +1,51 @@
+import React, { useCallback, useEffect, useRef } from "react";
+import ModalContainer from "@digigov/react-core/ModalContainer";
+import useKeypress from "@digigov/ui/utils/hooks/useKeypress";
+const Modal = React.forwardRef(
+  function Modal2({ ...props }, ref) {
+    if (props.open) {
+      return /* @__PURE__ */ React.createElement(ModalBase, { ...props, ref });
+    } else {
+      return null;
+    }
+  }
+);
+const ModalBase = React.forwardRef(
+  function ModalBase2({ open, children, onEscape, ...props }, ref) {
+    const firstModalElement = useRef(null);
+    const lastModalElement = useRef(null);
+    const handleFocus = useCallback(() => {
+      firstModalElement.current?.focus();
+    }, []);
+    useKeypress("Escape", onEscape);
+    useEffect(() => {
+      const lastModalElementInstance = lastModalElement.current;
+      handleFocus();
+      lastModalElementInstance?.addEventListener("focus", handleFocus);
+      return () => {
+        lastModalElementInstance?.removeEventListener("focus", handleFocus);
+      };
+    }, []);
+    return /* @__PURE__ */ React.createElement(
+      ModalContainer,
+      {
+        open,
+        role: "dialog",
+        ref,
+        "aria-hidden": "false",
+        "aria-modal": "true",
+        ...props
+      },
+      /* @__PURE__ */ React.createElement("span", { tabIndex: -1, ref: firstModalElement }),
+      open && children,
+      /* @__PURE__ */ React.createElement("span", { tabIndex: 0, ref: lastModalElement })
+    );
+  }
+);
+var index_web_default = Modal;
+export {
+  Modal,
+  ModalBase,
+  index_web_default as default
+};
+//# sourceMappingURL=index.web.js.map

package/app/Modal/index.web/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../cjs/app/Modal/index.web/index.js"
+}

package/app/Modal/index.web.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/app/Modal/index.web.tsx"],
+  "sourcesContent": ["import React, { useCallback, useEffect, useRef } from 'react';\nimport ModalContainer, {\n  ModalContainerProps,\n} from '@digigov/react-core/ModalContainer';\nimport useKeypress from '@digigov/ui/utils/hooks/useKeypress';\n\nexport interface ModalProps extends ModalContainerProps {\n  onEscape?: () => void;\n}\n\nexport const Modal = React.forwardRef<HTMLDivElement, ModalProps>(\n  function Modal({ ...props }, ref) {\n    if (props.open) {\n      return <ModalBase {...props} ref={ref} />;\n    } else {\n      return null;\n    }\n  }\n);\n\nexport const ModalBase = React.forwardRef<HTMLDivElement, ModalProps>(\n  function ModalBase({ open, children, onEscape, ...props }, ref) {\n    const firstModalElement = useRef<HTMLSpanElement>(null);\n    const lastModalElement = useRef<HTMLSpanElement>(null);\n    const handleFocus = useCallback(() => {\n      firstModalElement.current?.focus();\n    }, []);\n    useKeypress('Escape', onEscape);\n    useEffect(() => {\n      const lastModalElementInstance = lastModalElement.current;\n      handleFocus();\n      lastModalElementInstance?.addEventListener('focus', handleFocus);\n      return () => {\n        lastModalElementInstance?.removeEventListener('focus', handleFocus);\n      };\n    }, []);\n    return (\n      <ModalContainer\n        open={open}\n        role=\"dialog\"\n        ref={ref}\n        aria-hidden=\"false\"\n        aria-modal=\"true\"\n        {...props}\n      >\n        <span tabIndex={-1} ref={firstModalElement} />\n        {open && children}\n        <span tabIndex={0} ref={lastModalElement} />\n      </ModalContainer>\n    );\n  }\n);\n\nexport default Modal;\n"],
+  "mappings": "AAAA,OAAO,SAAS,aAAa,WAAW,cAAc;AACtD,OAAO,oBAEA;AACP,OAAO,iBAAiB;AAMjB,MAAM,QAAQ,MAAM;AAAA,EACzB,SAASA,OAAM,EAAE,GAAG,MAAM,GAAG,KAAK;AAChC,QAAI,MAAM,MAAM;AACd,aAAO,oCAAC,aAAW,GAAG,OAAO,KAAU;AAAA,IACzC,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF;AACF;AAEO,MAAM,YAAY,MAAM;AAAA,EAC7B,SAASC,WAAU,EAAE,MAAM,UAAU,UAAU,GAAG,MAAM,GAAG,KAAK;AAC9D,UAAM,oBAAoB,OAAwB,IAAI;AACtD,UAAM,mBAAmB,OAAwB,IAAI;AACrD,UAAM,cAAc,YAAY,MAAM;AACpC,wBAAkB,SAAS,MAAM;AAAA,IACnC,GAAG,CAAC,CAAC;AACL,gBAAY,UAAU,QAAQ;AAC9B,cAAU,MAAM;AACd,YAAM,2BAA2B,iBAAiB;AAClD,kBAAY;AACZ,gCAA0B,iBAAiB,SAAS,WAAW;AAC/D,aAAO,MAAM;AACX,kCAA0B,oBAAoB,SAAS,WAAW;AAAA,MACpE;AAAA,IACF,GAAG,CAAC,CAAC;AACL,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAK;AAAA,QACL;AAAA,QACA,eAAY;AAAA,QACZ,cAAW;AAAA,QACV,GAAG;AAAA;AAAA,MAEJ,oCAAC,UAAK,UAAU,IAAI,KAAK,mBAAmB;AAAA,MAC3C,QAAQ;AAAA,MACT,oCAAC,UAAK,UAAU,GAAG,KAAK,kBAAkB;AAAA,IAC5C;AAAA,EAEJ;AACF;AAEA,IAAO,oBAAQ;",
+  "names": ["Modal", "ModalBase"]
+}

package/app/NotFound/NotFound.stories.d.ts

@@ -1,6 +1,8 @@
 declare namespace _default {
     export let title: string;
     export { NotFound as component };
+    export let tags: string[];
+    export { doc as markdown };
     export let displayName: string;
 }
 export default _default;

package/app/NotFound/__stories__/Default.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const Default: () => React.JSX.Element;
+export declare const Default: (_: any) => React.JSX.Element;
 export default Default;

package/app/OutdatedBrowserBanner/hooks/evaluateBrowserVersion/index.js

@@ -13,8 +13,8 @@ const oldSafariMap = {
 function strMapper(str, map) {
   for (const i in map) {
     if (typeof map[i] === OBJ_TYPE && map[i].length > 0) {
-      for (let j = 0; j < map[i].length; j++) {
-        if (map[i][j].includes(str)) {
+      for (const j in map[i]) {
+        if (j.includes(str)) {
           return i === UNKNOWN ? void 0 : i;
         }
       }