@kwiz/fluentui 1.0.59 → 1.0.61

package/README.md

@@ -11,7 +11,7 @@ To successfully use these controls you should create a context:
 
 ```ts
 const root = React.useRef<HTMLDivElement>(null);
-const kwizFluentContext = useKWIZFluentContextProvider({
+const { KWIZFluentContext, value: kwizFluentContext } = useKWIZFluentContextProvider({
     ctx: {
         buttonShape: "rounded"
     },

package/dist/helpers/context-const.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+export interface iKWIZFluentContext {
+    /**
+     * Where the portal children are mounted on DOM
+     *
+     * @default a new element on document.body without any styling
+     */
+    mountNode?: HTMLElement | null | {
+        element?: HTMLElement | null;
+        className?: string;
+    };
+    /**
+     * Controls the colors and borders of the input.
+     *
+     * @default 'underline'
+     */
+    inputAppearance?: 'outline' | 'underline' | 'filled-darker' | 'filled-lighter';
+    /**
+     * A button can be rounded, circular, or square.
+     *
+     * @default 'rounded'
+     */
+    buttonShape?: 'rounded' | 'circular' | 'square';
+}
+export declare const KWIZFluentContext: React.Context<iKWIZFluentContext>;

package/dist/helpers/context-const.js

@@ -0,0 +1,4 @@
+import React from "react";
+//create context
+export const KWIZFluentContext = React.createContext(null);
+//# sourceMappingURL=context-const.js.map

package/dist/helpers/context-const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-const.js","sourceRoot":"","sources":["../../src/helpers/context-const.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA0B1B,gBAAgB;AAChB,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAqB,IAAI,CAAC,CAAC"}

package/dist/helpers/context-export.d.ts

@@ -1,27 +1,10 @@
-export interface iKWIZFluentContext {
-    /**
-     * Where the portal children are mounted on DOM
-     *
-     * @default a new element on document.body without any styling
-     */
-    mountNode?: HTMLElement | null | {
-        element?: HTMLElement | null;
-        className?: string;
-    };
-    /**
-     * Controls the colors and borders of the input.
-     *
-     * @default 'underline'
-     */
-    inputAppearance?: 'outline' | 'underline' | 'filled-darker' | 'filled-lighter';
-    /**
-     * A button can be rounded, circular, or square.
-     *
-     * @default 'rounded'
-     */
-    buttonShape?: 'rounded' | 'circular' | 'square';
-}
+import React from "react";
+import { iKWIZFluentContext } from "./context-const";
+export type { iKWIZFluentContext } from "./context-const";
 export declare function useKWIZFluentContextProvider(options: {
     root?: React.MutableRefObject<HTMLDivElement>;
     ctx?: iKWIZFluentContext;
-}): iKWIZFluentContext;
+}): {
+    KWIZFluentContext: React.Context<iKWIZFluentContext>;
+    value: iKWIZFluentContext;
+};

package/dist/helpers/context-export.js

@@ -1,5 +1,6 @@
 import { makeStyles } from "@fluentui/react-components";
 import { useEffect, useState } from "react";
+import { KWIZFluentContext } from "./context-const";
 const useContextStyles = makeStyles({
     root: {
         "& *": {
@@ -18,6 +19,6 @@ export function useKWIZFluentContextProvider(options) {
         // we need to set it into state so it will trigger a ui update
         setKwizFluentContext(Object.assign(Object.assign({}, v), { mountNode: options.root.current }));
     }, [options.root]);
-    return kwizFluentContext;
+    return { KWIZFluentContext, value: kwizFluentContext };
 }
 //# sourceMappingURL=context-export.js.map

package/dist/helpers/context-export.js.map

@@ -1 +1 @@
-{"version":3,"file":"context-export.js","sourceRoot":"","sources":["../../src/helpers/context-export.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AA2B5C,MAAM,gBAAgB,GAAG,UAAU,CAAC;IAChC,IAAI,EAAE;QACF,KAAK,EAAE;YACH,cAAc,EAAE,MAAM;SACzB;KACJ;CACJ,CAAC,CAAA;AACF,MAAM,UAAU,4BAA4B,CAAC,OAG5C;IACG,MAAM,OAAO,GAAG,gBAAgB,EAAE,CAAC;IACnC,IAAI,CAAC,GAAuB,OAAO,IAAI,OAAO,CAAC,GAAG,IAAI,EAAE,CAAC;IACzD,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAqB,CAAC,CAAC,CAAC;IAClF,SAAS,CAAC,GAAG,EAAE;;QACX,MAAA,MAAA,OAAO,CAAC,IAAI,0CAAE,OAAO,0CAAE,SAAS,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;QACjE,kEAAkE;QAClE,8DAA8D;QAC9D,oBAAoB,iCACb,CAAC,KACJ,SAAS,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO,IACjC,CAAC;IACP,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;IACnB,OAAO,iBAAiB,CAAC;AAC7B,CAAC"}
+{"version":3,"file":"context-export.js","sourceRoot":"","sources":["../../src/helpers/context-export.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAsB,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAGxE,MAAM,gBAAgB,GAAG,UAAU,CAAC;IAChC,IAAI,EAAE;QACF,KAAK,EAAE;YACH,cAAc,EAAE,MAAM;SACzB;KACJ;CACJ,CAAC,CAAA;AAEF,MAAM,UAAU,4BAA4B,CAAC,OAG5C;IACG,MAAM,OAAO,GAAG,gBAAgB,EAAE,CAAC;IACnC,IAAI,CAAC,GAAuB,OAAO,IAAI,OAAO,CAAC,GAAG,IAAI,EAAE,CAAC;IACzD,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAqB,CAAC,CAAC,CAAC;IAClF,SAAS,CAAC,GAAG,EAAE;;QACX,MAAA,MAAA,OAAO,CAAC,IAAI,0CAAE,OAAO,0CAAE,SAAS,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;QACjE,kEAAkE;QAClE,8DAA8D;QAC9D,oBAAoB,iCACb,CAAC,KACJ,SAAS,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO,IACjC,CAAC;IACP,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;IACnB,OAAO,EAAE,iBAAiB,EAAE,KAAK,EAAE,iBAAiB,EAAE,CAAC;AAC3D,CAAC"}

package/dist/helpers/context-internal.d.ts

@@ -1,4 +1 @@
-import React from "react";
-import { iKWIZFluentContext } from "./context-export";
-export declare const KWIZFluentContext: React.Context<iKWIZFluentContext>;
-export declare function useKWIZFluentContext(): iKWIZFluentContext;
+export declare function useKWIZFluentContext(): import("./context-const").iKWIZFluentContext;

package/dist/helpers/context-internal.js

@@ -1,7 +1,6 @@
 import { isNullOrUndefined } from "@kwiz/common";
 import React from "react";
-//create context
-export const KWIZFluentContext = React.createContext(null);
+import { KWIZFluentContext } from "./context-const";
 //use context from within controls
 export function useKWIZFluentContext() {
     let ctx = React.useContext(KWIZFluentContext) || {};

package/dist/helpers/context-internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"context-internal.js","sourceRoot":"","sources":["../../src/helpers/context-internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,gBAAgB;AAChB,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAqB,IAAI,CAAC,CAAC;AAC/E,kCAAkC;AAClC,MAAM,UAAU,oBAAoB;IAChC,IAAI,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC;IACpD,cAAc;IACd,IAAI,iBAAiB,CAAC,GAAG,CAAC,eAAe,CAAC;QACtC,GAAG,CAAC,eAAe,GAAG,WAAW,CAAC;IACtC,IAAI,iBAAiB,CAAC,GAAG,CAAC,WAAW,CAAC;QAClC,GAAG,CAAC,WAAW,GAAG,UAAU,CAAC;IACjC,OAAO,GAAG,CAAC;AACf,CAAC"}
+{"version":3,"file":"context-internal.js","sourceRoot":"","sources":["../../src/helpers/context-internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEpD,kCAAkC;AAClC,MAAM,UAAU,oBAAoB;IAChC,IAAI,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC;IACpD,cAAc;IACd,IAAI,iBAAiB,CAAC,GAAG,CAAC,eAAe,CAAC;QACtC,GAAG,CAAC,eAAe,GAAG,WAAW,CAAC;IACtC,IAAI,iBAAiB,CAAC,GAAG,CAAC,WAAW,CAAC;QAClC,GAAG,CAAC,WAAW,GAAG,UAAU,CAAC;IACjC,OAAO,GAAG,CAAC;AACf,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@kwiz/fluentui",
-    "version": "1.0.59",
+    "version": "1.0.61",
     "description": "KWIZ common controls for FluentUI",
     "module": "dist/index.js",
     "types": "dist/index.d.ts",

package/src/helpers/context-const.ts

@@ -0,0 +1,28 @@
+import React from "react";
+export interface iKWIZFluentContext {
+    /**
+     * Where the portal children are mounted on DOM
+     *
+     * @default a new element on document.body without any styling
+     */
+    mountNode?: HTMLElement | null | {
+        element?: HTMLElement | null;
+        className?: string;
+    }
+    /**
+     * Controls the colors and borders of the input.
+     * 
+     * @default 'underline'
+     */
+    inputAppearance?: 'outline' | 'underline' | 'filled-darker' | 'filled-lighter';
+
+    /**
+     * A button can be rounded, circular, or square.
+     *
+     * @default 'rounded'
+     */
+    buttonShape?: 'rounded' | 'circular' | 'square';
+}
+
+//create context
+export const KWIZFluentContext = React.createContext<iKWIZFluentContext>(null);

package/src/helpers/{context-export.ts → context-export.tsx}

@@ -1,30 +1,7 @@
 import { makeStyles } from "@fluentui/react-components";
-import { useEffect, useState } from "react";
-
-export interface iKWIZFluentContext {
-    /**
-     * Where the portal children are mounted on DOM
-     *
-     * @default a new element on document.body without any styling
-     */
-    mountNode?: HTMLElement | null | {
-        element?: HTMLElement | null;
-        className?: string;
-    }
-    /**
-     * Controls the colors and borders of the input.
-     * 
-     * @default 'underline'
-     */
-    inputAppearance?: 'outline' | 'underline' | 'filled-darker' | 'filled-lighter';
-
-    /**
-     * A button can be rounded, circular, or square.
-     *
-     * @default 'rounded'
-     */
-    buttonShape?: 'rounded' | 'circular' | 'square';
-}
+import React, { useEffect, useState } from "react";
+import { iKWIZFluentContext, KWIZFluentContext } from "./context-const";
+export type { iKWIZFluentContext } from "./context-const";
 
 const useContextStyles = makeStyles({
     root: {
@@ -33,6 +10,7 @@ const useContextStyles = makeStyles({
         }
     },
 })
+
 export function useKWIZFluentContextProvider(options: {
     root?: React.MutableRefObject<HTMLDivElement>;
     ctx?: iKWIZFluentContext;
@@ -49,5 +27,5 @@ export function useKWIZFluentContextProvider(options: {
             mountNode: options.root.current
         });
     }, [options.root]);
-    return kwizFluentContext;
+    return { KWIZFluentContext, value: kwizFluentContext };
 }

package/src/helpers/context-internal.ts

@@ -1,10 +1,7 @@
 import { isNullOrUndefined } from "@kwiz/common";
 import React from "react";
-import { iKWIZFluentContext } from "./context-export";
+import { KWIZFluentContext } from "./context-const";
 
-
-//create context
-export const KWIZFluentContext = React.createContext<iKWIZFluentContext>(null);
 //use context from within controls
 export function useKWIZFluentContext() {
     let ctx = React.useContext(KWIZFluentContext) || {};