@mittwald/flow-react-components 0.2.0-alpha.505 → 0.2.0-alpha.506

package/dist/js/components/src/components/Overlay/Overlay.mjs

@@ -25,7 +25,7 @@ const Overlay = (props) => {
   const controller = controllerFromProps ?? controllerFromContext;
   const isOpen = controller.useIsOpen();
   const rootClassName = clsx(styles.overlay, className);
-  return /* @__PURE__ */ jsx(ClearPropsContextView, { children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(ClearPropsContextView, { keep: overlayType, children: /* @__PURE__ */ jsx(
     OverlayContentView,
     {
       onOpenChange: (isOpen2) => controller.setOpen(isOpen2),

package/dist/js/components/src/components/Overlay/Overlay.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Overlay.mjs","sources":["../../../../../../src/components/Overlay/Overlay.tsx"],"sourcesContent":["import type { FC, PropsWithChildren, Ref } from \"react\";\nimport styles from \"./Overlay.module.scss\";\nimport clsx from \"clsx\";\nimport type { OverlayController } from \"@/lib/controller\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport OverlayContextProvider from \"@/lib/controller/overlay/OverlayContextProvider\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport OverlayContentView from \"@/views/OverlayContentView\";\nimport ClearPropsContextView from \"@/views/ClearPropsContextView\";\n\nexport interface OverlayProps extends PropsWithChildren, PropsWithClassName {\n  ref?: Ref<HTMLDivElement>;\n  /** The controller to control the overlay state. */\n  controller?: OverlayController;\n  /** Whether the overlay can be closed by clicking outside of it. */\n  isDismissable?: boolean;\n  /** Whether the overlay is a modal or a light box. */\n  overlayType?: \"Modal\" | \"LightBox\";\n}\n\nexport const Overlay: FC<OverlayProps> = (props) => {\n  const {\n    controller: controllerFromProps,\n    children,\n    isDismissable = true,\n    className,\n    overlayType = \"Modal\",\n    ref,\n  } = props;\n\n  const controllerFromContext = useOverlayController(overlayType, {\n    reuseControllerFromContext: true,\n  });\n\n  const controller = controllerFromProps ?? controllerFromContext;\n\n  const isOpen = controller.useIsOpen();\n\n  const rootClassName = clsx(styles.overlay, className);\n\n  return (\n    <ClearPropsContextView>\n      <OverlayContentView\n        onOpenChange={(isOpen) => controller.setOpen(isOpen)}\n        isOpen={isOpen}\n        ref={ref}\n        isDismissable={isDismissable}\n        className={rootClassName}\n      >\n        <OverlayContextProvider type=\"Modal\" controller={controller}>\n          {isOpen && children}\n        </OverlayContextProvider>\n      </OverlayContentView>\n    </ClearPropsContextView>\n  );\n};\n\nexport default Overlay;\n"],"names":["isOpen"],"mappings":";;;;;;;;;;AAoBa,MAAA,OAAA,GAA4B,CAAC,KAAU,KAAA;AAClD,EAAM,MAAA;AAAA,IACJ,UAAY,EAAA,mBAAA;AAAA,IACZ,QAAA;AAAA,IACA,aAAgB,GAAA,IAAA;AAAA,IAChB,SAAA;AAAA,IACA,WAAc,GAAA,OAAA;AAAA,IACd;AAAA,GACE,GAAA,KAAA;AAEJ,EAAM,MAAA,qBAAA,GAAwB,qBAAqB,WAAa,EAAA;AAAA,IAC9D,0BAA4B,EAAA;AAAA,GAC7B,CAAA;AAED,EAAA,MAAM,aAAa,mBAAuB,IAAA,qBAAA;AAE1C,EAAM,MAAA,MAAA,GAAS,WAAW,SAAU,EAAA;AAEpC,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,OAAA,EAAS,SAAS,CAAA;AAEpD,EAAA,2BACG,qBACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,kBAAA;AAAA,IAAA;AAAA,MACC,YAAc,EAAA,CAACA,OAAW,KAAA,UAAA,CAAW,QAAQA,OAAM,CAAA;AAAA,MACnD,MAAA;AAAA,MACA,GAAA;AAAA,MACA,aAAA;AAAA,MACA,SAAW,EAAA,aAAA;AAAA,MAEX,8BAAC,sBAAuB,EAAA,EAAA,IAAA,EAAK,OAAQ,EAAA,UAAA,EAClC,oBAAU,QACb,EAAA;AAAA;AAAA,GAEJ,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Overlay.mjs","sources":["../../../../../../src/components/Overlay/Overlay.tsx"],"sourcesContent":["import type { FC, PropsWithChildren, Ref } from \"react\";\nimport styles from \"./Overlay.module.scss\";\nimport clsx from \"clsx\";\nimport type { OverlayController } from \"@/lib/controller\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport OverlayContextProvider from \"@/lib/controller/overlay/OverlayContextProvider\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport OverlayContentView from \"@/views/OverlayContentView\";\nimport ClearPropsContextView from \"@/views/ClearPropsContextView\";\n\nexport interface OverlayProps extends PropsWithChildren, PropsWithClassName {\n  ref?: Ref<HTMLDivElement>;\n  /** The controller to control the overlay state. */\n  controller?: OverlayController;\n  /** Whether the overlay can be closed by clicking outside of it. */\n  isDismissable?: boolean;\n  /** Whether the overlay is a modal or a light box. */\n  overlayType?: \"Modal\" | \"LightBox\";\n}\n\nexport const Overlay: FC<OverlayProps> = (props) => {\n  const {\n    controller: controllerFromProps,\n    children,\n    isDismissable = true,\n    className,\n    overlayType = \"Modal\",\n    ref,\n  } = props;\n\n  const controllerFromContext = useOverlayController(overlayType, {\n    reuseControllerFromContext: true,\n  });\n\n  const controller = controllerFromProps ?? controllerFromContext;\n\n  const isOpen = controller.useIsOpen();\n\n  const rootClassName = clsx(styles.overlay, className);\n\n  return (\n    <ClearPropsContextView keep={overlayType}>\n      <OverlayContentView\n        onOpenChange={(isOpen) => controller.setOpen(isOpen)}\n        isOpen={isOpen}\n        ref={ref}\n        isDismissable={isDismissable}\n        className={rootClassName}\n      >\n        <OverlayContextProvider type=\"Modal\" controller={controller}>\n          {isOpen && children}\n        </OverlayContextProvider>\n      </OverlayContentView>\n    </ClearPropsContextView>\n  );\n};\n\nexport default Overlay;\n"],"names":["isOpen"],"mappings":";;;;;;;;;;AAoBa,MAAA,OAAA,GAA4B,CAAC,KAAU,KAAA;AAClD,EAAM,MAAA;AAAA,IACJ,UAAY,EAAA,mBAAA;AAAA,IACZ,QAAA;AAAA,IACA,aAAgB,GAAA,IAAA;AAAA,IAChB,SAAA;AAAA,IACA,WAAc,GAAA,OAAA;AAAA,IACd;AAAA,GACE,GAAA,KAAA;AAEJ,EAAM,MAAA,qBAAA,GAAwB,qBAAqB,WAAa,EAAA;AAAA,IAC9D,0BAA4B,EAAA;AAAA,GAC7B,CAAA;AAED,EAAA,MAAM,aAAa,mBAAuB,IAAA,qBAAA;AAE1C,EAAM,MAAA,MAAA,GAAS,WAAW,SAAU,EAAA;AAEpC,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,OAAA,EAAS,SAAS,CAAA;AAEpD,EACE,uBAAA,GAAA,CAAC,qBAAsB,EAAA,EAAA,IAAA,EAAM,WAC3B,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,kBAAA;AAAA,IAAA;AAAA,MACC,YAAc,EAAA,CAACA,OAAW,KAAA,UAAA,CAAW,QAAQA,OAAM,CAAA;AAAA,MACnD,MAAA;AAAA,MACA,GAAA;AAAA,MACA,aAAA;AAAA,MACA,SAAW,EAAA,aAAA;AAAA,MAEX,8BAAC,sBAAuB,EAAA,EAAA,IAAA,EAAK,OAAQ,EAAA,UAAA,EAClC,oBAAU,QACb,EAAA;AAAA;AAAA,GAEJ,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/src/lib/propsContext/components/ClearPropsContext.mjs

@@ -1,12 +1,18 @@
 "use client"
 /* */
 import { jsx } from 'react/jsx-runtime';
-import { propsContext } from '../propsContext.mjs';
+import { usePropsContext, PropsContextProvider } from '../propsContext.mjs';
 import { PropsContextLevelProvider } from '../inherit/PropsContextLevelProvider.mjs';
+import { useMemo } from 'react';
 
 const ClearPropsContext = (props) => {
-  const { children } = props;
-  return /* @__PURE__ */ jsx(PropsContextLevelProvider, { mode: "reset", children: /* @__PURE__ */ jsx(propsContext.Provider, { value: {}, children }) });
+  const { children, keep } = props;
+  const parentPropsContext = usePropsContext();
+  const withKeptComponentProps = useMemo(
+    () => (keep ? parentPropsContext[keep] : void 0) ?? {},
+    [keep, parentPropsContext]
+  );
+  return /* @__PURE__ */ jsx(PropsContextLevelProvider, { mode: "reset", children: /* @__PURE__ */ jsx(PropsContextProvider, { value: withKeptComponentProps, children }) });
 };
 
 export { ClearPropsContext, ClearPropsContext as default };

package/dist/js/components/src/lib/propsContext/components/ClearPropsContext.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ClearPropsContext.mjs","sources":["../../../../../../../src/lib/propsContext/components/ClearPropsContext.tsx"],"sourcesContent":["import { propsContext } from \"@/lib/propsContext/propsContext\";\nimport { PropsContextLevelProvider } from \"@/lib/propsContext/inherit/PropsContextLevelProvider\";\nimport type { FC, PropsWithChildren } from \"react\";\n\nexport type ClearPropsContextProps = PropsWithChildren;\n\n/** @flr-generate all */\nexport const ClearPropsContext: FC<ClearPropsContextProps> = (props) => {\n  const { children } = props;\n  return (\n    <PropsContextLevelProvider mode=\"reset\">\n      <propsContext.Provider value={{}}>{children}</propsContext.Provider>\n    </PropsContextLevelProvider>\n  );\n};\n\nexport default ClearPropsContext;\n"],"names":[],"mappings":";;;;AAOa,MAAA,iBAAA,GAAgD,CAAC,KAAU,KAAA;AACtE,EAAM,MAAA,EAAE,UAAa,GAAA,KAAA;AACrB,EAAA,uBACG,GAAA,CAAA,yBAAA,EAAA,EAA0B,IAAK,EAAA,OAAA,EAC9B,QAAC,kBAAA,GAAA,CAAA,YAAA,CAAa,QAAb,EAAA,EAAsB,KAAO,EAAA,EAAK,EAAA,QAAA,EAAS,CAC9C,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ClearPropsContext.mjs","sources":["../../../../../../../src/lib/propsContext/components/ClearPropsContext.tsx"],"sourcesContent":["import {\n  PropsContextProvider,\n  usePropsContext,\n} from \"@/lib/propsContext/propsContext\";\nimport { PropsContextLevelProvider } from \"@/lib/propsContext/inherit/PropsContextLevelProvider\";\nimport { useMemo, type FC, type PropsWithChildren } from \"react\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\nimport type { PropsContext } from \"@/index/internal\";\n\nexport interface ClearPropsContextProps extends PropsWithChildren {\n  keep?: FlowComponentName;\n}\n\n/** @flr-generate all */\nexport const ClearPropsContext: FC<ClearPropsContextProps> = (props) => {\n  const { children, keep } = props;\n\n  const parentPropsContext = usePropsContext();\n\n  const withKeptComponentProps: PropsContext = useMemo(\n    () => (keep ? parentPropsContext[keep] : undefined) ?? {},\n    [keep, parentPropsContext],\n  );\n\n  return (\n    <PropsContextLevelProvider mode=\"reset\">\n      <PropsContextProvider value={withKeptComponentProps}>\n        {children}\n      </PropsContextProvider>\n    </PropsContextLevelProvider>\n  );\n};\n\nexport default ClearPropsContext;\n"],"names":[],"mappings":";;;;;AAca,MAAA,iBAAA,GAAgD,CAAC,KAAU,KAAA;AACtE,EAAM,MAAA,EAAE,QAAU,EAAA,IAAA,EAAS,GAAA,KAAA;AAE3B,EAAA,MAAM,qBAAqB,eAAgB,EAAA;AAE3C,EAAA,MAAM,sBAAuC,GAAA,OAAA;AAAA,IAC3C,OAAO,IAAO,GAAA,kBAAA,CAAmB,IAAI,CAAA,GAAI,WAAc,EAAC;AAAA,IACxD,CAAC,MAAM,kBAAkB;AAAA,GAC3B;AAEA,EACE,uBAAA,GAAA,CAAC,6BAA0B,IAAK,EAAA,OAAA,EAC9B,8BAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,sBAC1B,EAAA,QAAA,EACH,CACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/src/lib/propsContext/propsContext.mjs

@@ -3,9 +3,9 @@
 import { createContext, useContext } from 'react';
 
 const propsContext = createContext({});
-propsContext.Provider;
+const PropsContextProvider = propsContext.Provider;
 const usePropsContext = () => useContext(propsContext);
 const useComponentPropsContext = (component) => usePropsContext()[component];
 
-export { propsContext, useComponentPropsContext, usePropsContext };
+export { PropsContextProvider, propsContext, useComponentPropsContext, usePropsContext };
 //# sourceMappingURL=propsContext.mjs.map

package/dist/js/components/src/lib/propsContext/propsContext.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"propsContext.mjs","sources":["../../../../../../src/lib/propsContext/propsContext.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type {\n  ComponentPropsContext,\n  PropsContext,\n} from \"@/lib/propsContext/types\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\n\nexport const propsContext = createContext<PropsContext>({});\n\nexport const PropsContextProvider = propsContext.Provider;\n\nexport const usePropsContext = (): PropsContext => useContext(propsContext);\n\nexport const useComponentPropsContext = <C extends FlowComponentName>(\n  component: C,\n) => usePropsContext()[component] as ComponentPropsContext<C> | undefined;\n"],"names":[],"mappings":";;AAOa,MAAA,YAAA,GAAe,aAA4B,CAAA,EAAE;AAEtB,YAAa,CAAA;AAEpC,MAAA,eAAA,GAAkB,MAAoB,UAAA,CAAW,YAAY;AAEnE,MAAM,wBAA2B,GAAA,CACtC,SACG,KAAA,eAAA,GAAkB,SAAS;;;;"}
+{"version":3,"file":"propsContext.mjs","sources":["../../../../../../src/lib/propsContext/propsContext.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type {\n  ComponentPropsContext,\n  PropsContext,\n} from \"@/lib/propsContext/types\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\n\nexport const propsContext = createContext<PropsContext>({});\n\nexport const PropsContextProvider = propsContext.Provider;\n\nexport const usePropsContext = (): PropsContext => useContext(propsContext);\n\nexport const useComponentPropsContext = <C extends FlowComponentName>(\n  component: C,\n) => usePropsContext()[component] as ComponentPropsContext<C> | undefined;\n"],"names":[],"mappings":";;AAOa,MAAA,YAAA,GAAe,aAA4B,CAAA,EAAE;AAEnD,MAAM,uBAAuB,YAAa,CAAA;AAEpC,MAAA,eAAA,GAAkB,MAAoB,UAAA,CAAW,YAAY;AAEnE,MAAM,wBAA2B,GAAA,CACtC,SACG,KAAA,eAAA,GAAkB,SAAS;;;;"}

package/dist/types/lib/propsContext/components/ClearPropsContext.d.ts

@@ -1,5 +1,8 @@
 import { FC, PropsWithChildren } from 'react';
-export type ClearPropsContextProps = PropsWithChildren;
+import { FlowComponentName } from '../../../components/propTypes';
+export interface ClearPropsContextProps extends PropsWithChildren {
+    keep?: FlowComponentName;
+}
 /** @flr-generate all */
 export declare const ClearPropsContext: FC<ClearPropsContextProps>;
 export default ClearPropsContext;

package/dist/types/lib/propsContext/components/ClearPropsContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ClearPropsContext.d.ts","sourceRoot":"","sources":["../../../../../src/lib/propsContext/components/ClearPropsContext.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEnD,MAAM,MAAM,sBAAsB,GAAG,iBAAiB,CAAC;AAEvD,wBAAwB;AACxB,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAOxD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"ClearPropsContext.d.ts","sourceRoot":"","sources":["../../../../../src/lib/propsContext/components/ClearPropsContext.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAW,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAGhE,MAAM,WAAW,sBAAuB,SAAQ,iBAAiB;IAC/D,IAAI,CAAC,EAAE,iBAAiB,CAAC;CAC1B;AAED,wBAAwB;AACxB,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAiBxD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.2.0-alpha.505",
+  "version": "0.2.0-alpha.506",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -58,7 +58,7 @@
   "dependencies": {
     "@internationalized/string-compiler": "^3.2.6",
     "@mittwald/password-tools-js": "3.0.0-alpha.18",
-    "@mittwald/react-tunnel": "0.2.0-alpha.505",
+    "@mittwald/react-tunnel": "0.2.0-alpha.506",
     "@mittwald/react-use-promise": "^3.0.4",
     "@react-aria/form": "^3.1.1",
     "@react-aria/live-announcer": "^3.4.4",
@@ -101,7 +101,7 @@
     "@faker-js/faker": "^9.9.0",
     "@internationalized/date": "^3.9.0",
     "@mittwald/flow-core": "",
-    "@mittwald/flow-design-tokens": "0.2.0-alpha.505",
+    "@mittwald/flow-design-tokens": "0.2.0-alpha.506",
     "@mittwald/react-use-promise": "^3.0.4",
     "@mittwald/remote-dom-react": "1.2.2-mittwald.3",
     "@mittwald/typescript-config": "",
@@ -174,5 +174,5 @@
       "optional": true
     }
   },
-  "gitHead": "6f6325bd8b44fd904093a3c883999e5f1875bf69"
+  "gitHead": "6544b75164111bdba8f349c341d985badfd952b9"
 }