@kwiz/fluentui 1.0.9 → 1.0.10

package/package.json

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

package/src/controls/button.tsx

@@ -1,7 +1,7 @@
 import { Button, ButtonProps, CompoundButton, compoundButtonClassNames, CompoundButtonProps, makeStyles, mergeClasses, tokens, Tooltip } from '@fluentui/react-components';
 import { capitalizeFirstLetter, isFunction, isNullOrEmptyString, isNullOrUndefined, isString, PushNoDuplicate } from '@kwiz/common';
 import React from 'react';
-import { useKWIZFluentContextContext } from '../helpers/context';
+import { useKWIZFluentContext } from '../helpers/context';
 import { useCommonStyles, widthMedium } from '../styles/styles';
 
 interface IProps {
@@ -105,7 +105,7 @@ export const ButtonEX = React.forwardRef<HTMLButtonElement, (ButtonEXProps)>((pr
     );
 });
 export const ButtonEXSecondary = React.forwardRef<HTMLButtonElement, (ButtonEXProps)>((props, ref) => {
-    const ctx = useKWIZFluentContextContext();
+    const ctx = useKWIZFluentContext();
     return (
         <ButtonEX ref={ref} appearance='secondary' shape={ctx.buttonShape} {...props}></ButtonEX>
     );
@@ -152,7 +152,7 @@ export const CompoundButtonEX = React.forwardRef<HTMLButtonElement, (CompoundBut
     );
 });
 export const CompoundButtonEXSecondary = React.forwardRef<HTMLButtonElement, (CompoundButtonEXProps)>((props, ref) => {
-    const ctx = useKWIZFluentContextContext();
+    const ctx = useKWIZFluentContext();
     return (
         <CompoundButtonEX ref={ref} appearance='secondary' shape={ctx.buttonShape} {...props}></CompoundButtonEX>
     );

package/src/controls/date.tsx

@@ -2,7 +2,7 @@ import { DatePicker, DatePickerProps } from '@fluentui/react-datepicker-compat';
 import { CalendarCancelRegular } from '@fluentui/react-icons';
 import { isDate, isFunction, isNullOrEmptyString } from '@kwiz/common';
 import * as React from 'react';
-import { useKWIZFluentContextContext } from '../helpers/context';
+import { useKWIZFluentContext } from '../helpers/context';
 
 
 interface IProps extends DatePickerProps {
@@ -10,7 +10,7 @@ interface IProps extends DatePickerProps {
     onCancel?: () => void;
 }
 export const DatePickerEx: React.FunctionComponent<React.PropsWithChildren<IProps>> = (props) => {
-    const ctx = useKWIZFluentContextContext();
+    const ctx = useKWIZFluentContext();
     const [showClear, setShowClear] = React.useState(isDate(props.value));
     const reset = React.useCallback(() => {
         setShowClear(false);

package/src/controls/dropdown.tsx

@@ -1,7 +1,7 @@
 import { Dropdown, DropdownProps, Option } from '@fluentui/react-components';
 import { filterEmptyEntries, firstOrNull, isNullOrUndefined } from '@kwiz/common';
 import React from 'react';
-import { useKWIZFluentContextContext } from '../helpers/context';
+import { useKWIZFluentContext } from '../helpers/context';
 
 type ForwardProps = Omit<DropdownProps, "onSelect" | "selectedOptions" | "clearable">;
 
@@ -21,7 +21,7 @@ interface IProps<dataType, keyType extends string = string> extends ForwardProps
 }
 
 function $DropdownEX<keyType extends string = string, dataType = never>(props: IProps<dataType, keyType>, ref: React.ForwardedRef<HTMLButtonElement>) {
-    const ctx = useKWIZFluentContextContext();
+    const ctx = useKWIZFluentContext();
     const selected: keyType[] = Array.isArray(props.selected) ? props.selected : isNullOrUndefined(props.selected) ? [] : [props.selected];
 
     //sometimes control will lose value when re-rendered

package/src/controls/input.tsx

@@ -1,7 +1,7 @@
 import { GriffelStyle, Input, InputProps, makeStyles, mergeClasses, Textarea, TextareaProps } from '@fluentui/react-components';
 import { isFunction } from '@kwiz/common';
 import React from 'react';
-import { useKWIZFluentContextContext } from '../helpers/context';
+import { useKWIZFluentContext } from '../helpers/context';
 
 
 interface IProps extends InputProps {
@@ -9,7 +9,7 @@ interface IProps extends InputProps {
     onCancel?: () => void;
 }
 export const InputEx: React.FunctionComponent<React.PropsWithChildren<IProps>> = (props) => {
-    const ctx = useKWIZFluentContextContext();
+    const ctx = useKWIZFluentContext();
     return (
         <Input appearance={ctx.inputAppearance} {...props}
             onKeyDown={isFunction(props.onOK) || isFunction(props.onCancel)

package/src/controls/prompt.tsx

@@ -1,7 +1,7 @@
 import { Dialog, DialogActions, DialogBody, DialogContent, DialogSurface, DialogTitle, DialogTrigger } from '@fluentui/react-components';
 import { isNullOrEmptyString } from '@kwiz/common';
 import React from 'react';
-import { useKWIZFluentContextContext } from '../helpers/context';
+import { useKWIZFluentContext } from '../helpers/context';
 import { ButtonEXProps, ButtonEXSecondary } from './button';
 
 export interface IPrompterProps {
@@ -18,7 +18,7 @@ export interface IPrompterProps {
     children?: JSX.Element;
 }
 export const Prompter: React.FunctionComponent<React.PropsWithChildren<IPrompterProps>> = (props) => {
-    const ctx = useKWIZFluentContextContext();
+    const ctx = useKWIZFluentContext();
 
     let okProps: ButtonEXProps = {
         ...(props.okButtonProps as any || {}),

package/src/helpers/context.ts

@@ -29,7 +29,7 @@ export interface iKWIZFluentContext {
 //create context
 export const KWIZFluentContext = React.createContext<iKWIZFluentContext>(null);
 //use context from within controls
-export function useKWIZFluentContextContext() {
+export function useKWIZFluentContext() {
     let ctx = React.useContext(KWIZFluentContext) || {};
     //set defaults
     if (isNullOrUndefined(ctx.inputAppearance))