@kwiz/fluentui 1.0.74 → 1.0.76

package/dist/helpers/common.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=common.js.map

package/dist/helpers/common.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.js","sourceRoot":"","sources":["../../src/helpers/common.ts"],"names":[],"mappings":""}

package/dist/helpers/context.d.ts

@@ -0,0 +1,26 @@
+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>;
+export declare function useKWIZFluentContext(): iKWIZFluentContext;

package/dist/helpers/context.js

@@ -0,0 +1,15 @@
+import { isNullOrUndefined } from "@kwiz/common";
+import React from "react";
+//create context
+export const KWIZFluentContext = React.createContext(null);
+//use context from within controls
+export function useKWIZFluentContext() {
+    let ctx = React.useContext(KWIZFluentContext) || {};
+    //set defaults
+    if (isNullOrUndefined(ctx.inputAppearance))
+        ctx.inputAppearance = "underline";
+    if (isNullOrUndefined(ctx.buttonShape))
+        ctx.buttonShape = "circular";
+    return ctx;
+}
+//# sourceMappingURL=context.js.map

package/dist/helpers/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/helpers/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,KAAK,MAAM,OAAO,CAAC;AA2B1B,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"}

package/dist/helpers/drag-drop/exports.d.ts

@@ -0,0 +1,12 @@
+import { NativeTypes } from 'react-dnd-html5-backend';
+import { iDraggedItemType } from './use-draggable';
+import { iDroppableProps } from './use-droppable';
+export { DragDropContainer } from './drag-drop-container';
+export { DragDropContextProvider, useDragDropContext } from "./drag-drop-context";
+export type { iDraggedItemType } from "./use-draggable";
+export type { iDroppableProps } from "./use-droppable";
+type fileNativeType = typeof NativeTypes.FILE;
+interface dragFiles extends iDraggedItemType<fileNativeType> {
+    files: FileList;
+}
+export type dropFiles = iDroppableProps<fileNativeType, dragFiles>;

package/dist/helpers/drag-drop/exports.js

@@ -0,0 +1,3 @@
+export { DragDropContainer } from './drag-drop-container';
+export { DragDropContextProvider, useDragDropContext } from "./drag-drop-context";
+//# sourceMappingURL=exports.js.map

package/dist/helpers/drag-drop/exports.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"exports.js","sourceRoot":"","sources":["../../../src/helpers/drag-drop/exports.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/helpers/exports.d.ts

@@ -0,0 +1,7 @@
+export * from './block-nav';
+export * from './context-export';
+export * from './drag-drop/exports';
+export * from './hooks';
+export * from './hooks-events';
+export * from './use-alerts';
+export * from './use-toast';

package/dist/helpers/exports.js

@@ -0,0 +1,8 @@
+export * from './block-nav';
+export * from './context-export';
+export * from './drag-drop/exports';
+export * from './hooks';
+export * from './hooks-events';
+export * from './use-alerts';
+export * from './use-toast';
+//# sourceMappingURL=exports.js.map

package/dist/helpers/exports.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"exports.js","sourceRoot":"","sources":["../../src/helpers/exports.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC"}

package/dist/helpers/hooks.d.ts

@@ -1,4 +1,4 @@
-import { MutableRefObject, SetStateAction } from "react";
+import { HTMLAttributes, MutableRefObject, SetStateAction } from "react";
 /** Empty array ensures that effect is only run on mount */
 export declare const useEffectOnlyOnMount: any[];
 type stateExOptions<ValueType> = {
@@ -21,4 +21,6 @@ export declare function useRefWithState<T>(initialValue?: T, stateOptions?: stat
     /** for setting on element: ref={e.set} */
     set: (newValue: T) => void;
 };
+/** return props to make div appear as clickable, and accept enter key as click */
+export declare function useClickableDiv(): HTMLAttributes<HTMLDivElement>;
 export {};

package/dist/helpers/hooks.js

@@ -1,6 +1,8 @@
+import { makeStyles } from "@fluentui/react-components";
 import { isFunction, isNotEmptyArray, isNullOrEmptyString, isPrimitiveValue, jsonClone, jsonStringify, LoggerLevel, objectsEqual, wrapFunction } from "@kwiz/common";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { GetLogger } from "../_modules/config";
+import { mixins } from "../styles/styles";
 /** Empty array ensures that effect is only run on mount */
 export const useEffectOnlyOnMount = [];
 function extractStringValue(e) {
@@ -123,4 +125,20 @@ export function useRefWithState(initialValue, stateOptions = { skipUpdateIfSame:
         set: setRef
     };
 }
+const useStyles = makeStyles({
+    clickable: mixins.clickable,
+});
+/** return props to make div appear as clickable, and accept enter key as click */
+export function useClickableDiv() {
+    const cssNames = useStyles();
+    const props = {
+        className: cssNames.clickable,
+        tabIndex: 0,
+        onKeyDown: e => {
+            if (e.key === "Enter")
+                e.target.click();
+        }
+    };
+    return props;
+}
 //# sourceMappingURL=hooks.js.map

package/dist/helpers/hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../src/helpers/hooks.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../src/helpers/hooks.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,84 +1,85 @@
-{
-    "name": "@kwiz/fluentui",
-    "version": "1.0.74",
-    "description": "KWIZ common controls for FluentUI",
-    "module": "dist/index.js",
-    "types": "dist/index.d.ts",
-    "exports": {
-        ".": {
-            "types": "./dist/index.d.ts",
-            "import": "./dist/index.js",
-            "default": "./dist/index.js"
-        },
-        "./package.json": "./package.json"
-    },
-    "scripts": {
-        "watch": "tsc -watch",
-        "build": "npm run test && tsc",
-        "build-explain": "tsc --explainFiles",
-        "check-dependencies": "madge --circular ./src",
-        "create-link": "npm link",
-        "test": "depcruise src && node --import tsx --test src",
-        "link-local-kwiz": "npm link @kwiz/common",
-        "__update-kwiz-packages": "npm install @kwiz/common@latest",
-        "npm-v-patch": "npm version patch && git push origin main:main && git push --tags",
-        "npm-v-major": "npm version major && git push origin main:main && git push --tags",
-        "npm-publish": "npm publish --access public",
-        "reset-repo": "git fetch origin && git reset --hard origin/main"
-    },
-    "repository": {
-        "type": "git",
-        "url": "git+https://github.com/KWizCom/fluentui.git"
-    },
-    "keywords": [
-        "KWIZ",
-        "FluentUI"
-    ],
-    "author": "Shai Petel",
-    "contributors": [
-        "Shai Petel"
-    ],
-    "license": "MIT",
-    "bugs": {
-        "url": "https://github.com/KWizCom/fluentui/issues",
-        "email": "support@kwizcom.com"
-    },
-    "homepage": "https://github.com/KWizCom/fluentui#readme",
-    "private": false,
-    "engines": {
-        "node": ">=16"
-    },
-    "packageManager": "npm@9.5.1",
-    "devDependencies": {
-        "@types/qrcode": "^1.5.5",
-        "dependency-cruiser": "^16.8.0",
-        "fs-extra": "^11.2.0",
-        "madge": "^6.1.0",
-        "tsx": "^4.7.1",
-        "typescript": "^5.3.3"
-    },
-    "dependencies": {
-        "@fluentui/react-datepicker-compat": "^0.4.53",
-        "@fluentui/react-timepicker-compat": "^0.2.42",
-        "@kwiz/common": "^1.0.120",
-        "@mismerge/core": "^1.2.1",
-        "@mismerge/react": "^1.0.1",
-        "esbuild": "^0.19.12",
-        "get-tsconfig": "^4.7.2",
-        "jodit": "^4.2.47",
-        "jodit-react": "^4.1.2",
-        "qrcode": "^1.5.4",
-        "react-dnd": "^16.0.1",
-        "react-dnd-html5-backend": "^16.0.1",
-        "react-pick-color": "^2.0.0",
-        "resolve-pkg-maps": "^1.0.0"
-    },
-    "peerDependencies": {
-        "@fluentui/react-components": ">=9.54.17 <10.0.0",
-        "@fluentui/react-icons": "^2.0.269",
-        "@types/react": ">=16.14.0 <19.0.0",
-        "@types/react-dom": ">=16.9.0 <19.0.0",
-        "react": ">=16.14.0 <19.0.0",
-        "react-dom": ">=16.14.0 <19.0.0"
-    }
-}
+{
+    "name": "@kwiz/fluentui",
+    "version": "1.0.76",
+    "description": "KWIZ common controls for FluentUI",
+    "module": "dist/index.js",
+    "types": "dist/index.d.ts",
+    "exports": {
+        ".": {
+            "types": "./dist/index.d.ts",
+            "import": "./dist/index.js",
+            "default": "./dist/index.js"
+        },
+        "./package.json": "./package.json"
+    },
+    "scripts": {
+        "watch": "tsc -watch",
+        "build": "npm run test && tsc",
+        "build-explain": "tsc --explainFiles",
+        "check-dependencies": "madge --circular ./src",
+        "create-link": "npm link",
+        "test": "depcruise src && node --import tsx --test src",
+        "link-local-kwiz": "npm link @kwiz/common",
+        "__update-kwiz-packages": "npm install @kwiz/common@latest",
+        "npm-v-patch": "npm version patch && git push origin main:main && git push --tags",
+        "npm-v-major": "npm version major && git push origin main:main && git push --tags",
+        "npm-publish": "npm publish --access public",
+        "reset-repo": "git fetch origin && git reset --hard origin/main",
+        "clear-npm-cache": "npm cache clean --force"
+    },
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/KWizCom/fluentui.git"
+    },
+    "keywords": [
+        "KWIZ",
+        "FluentUI"
+    ],
+    "author": "Shai Petel",
+    "contributors": [
+        "Shai Petel"
+    ],
+    "license": "MIT",
+    "bugs": {
+        "url": "https://github.com/KWizCom/fluentui/issues",
+        "email": "support@kwizcom.com"
+    },
+    "homepage": "https://github.com/KWizCom/fluentui#readme",
+    "private": false,
+    "engines": {
+        "node": ">=16"
+    },
+    "packageManager": "npm@9.5.1",
+    "devDependencies": {
+        "@types/qrcode": "^1.5.5",
+        "dependency-cruiser": "^16.8.0",
+        "fs-extra": "^11.2.0",
+        "madge": "^6.1.0",
+        "tsx": "^4.7.1",
+        "typescript": "^5.3.3"
+    },
+    "dependencies": {
+        "@fluentui/react-datepicker-compat": "^0.4.53",
+        "@fluentui/react-timepicker-compat": "^0.2.42",
+        "@kwiz/common": "^1.0.120",
+        "@mismerge/core": "^1.2.1",
+        "@mismerge/react": "^1.0.1",
+        "esbuild": "^0.19.12",
+        "get-tsconfig": "^4.7.2",
+        "jodit": "^4.2.47",
+        "jodit-react": "^4.1.2",
+        "qrcode": "^1.5.4",
+        "react-dnd": "^16.0.1",
+        "react-dnd-html5-backend": "^16.0.1",
+        "react-pick-color": "^2.0.0",
+        "resolve-pkg-maps": "^1.0.0"
+    },
+    "peerDependencies": {
+        "@fluentui/react-components": ">=9.54.17 <10.0.0",
+        "@fluentui/react-icons": "^2.0.269",
+        "@types/react": ">=16.14.0 <19.0.0",
+        "@types/react-dom": ">=16.9.0 <19.0.0",
+        "react": ">=16.14.0 <19.0.0",
+        "react-dom": ">=16.14.0 <19.0.0"
+    }
+}

package/src/_modules/config.ts

@@ -1,9 +1,9 @@
-import { config } from "@kwiz/common";
-import { BuildNumber, ReleaseStatus } from "./constants";
-
-export const { logger: GetLogger } = config({
-    BuildNumber: BuildNumber,
-    IsLocalDev: false,
-    ReleaseStatus: ReleaseStatus,
-    ProjectName: "[fluentui]"
-});
+import { config } from "@kwiz/common";
+import { BuildNumber, ReleaseStatus } from "./constants";
+
+export const { logger: GetLogger } = config({
+    BuildNumber: BuildNumber,
+    IsLocalDev: false,
+    ReleaseStatus: ReleaseStatus,
+    ProjectName: "[fluentui]"
+});

package/src/_modules/constants.ts

@@ -1,3 +1,3 @@
-
-export var BuildNumber = 'unset';
-export const ReleaseStatus = "npm";
+
+export var BuildNumber = 'unset';
+export const ReleaseStatus = "npm";

package/src/controls/ColorPickerDialog.tsx

@@ -1,84 +1,84 @@
-import { Field } from "@fluentui/react-components";
-import { ColorRegular } from "@fluentui/react-icons";
-import { isFunction, isNullOrEmptyString, isNumber } from "@kwiz/common";
-import * as React from "react";
-import ColorPicker, { Color } from 'react-pick-color';
-import { useEffectOnlyOnMount, useStateEX } from "../helpers";
-import { ButtonEX } from "./button";
-import { InputEx } from "./input";
-import { Prompter } from "./prompt";
-export interface iProps {
-    label?: string;
-    value: string;
-    onChange: (newValue: string) => void;
-    required?: boolean;
-    showValidationErrors?: boolean;
-    underlined?: boolean;
-    width?: number;
-    buttonOnly?: boolean;
-    placeholder?: string;
-    disabled?: boolean;
-
-    /** specify a specific mount node for this dialog */
-    mountNode?: HTMLElement | null | {
-        element?: HTMLElement | null;
-        className?: string;
-    }
-}
-
-export const ColorPickerEx: React.FunctionComponent<iProps> = (props) => {
-    const [isOpen, setIsOpen] = useStateEX<boolean>(false);
-    const [selectedColor, setSelectedColor] = useStateEX<string>(props.value);
-
-    const getColorCells = React.useCallback(() => {
-        let cells: Color[] = [
-            "white", "black"
-        ];
-        return cells;
-    }, useEffectOnlyOnMount);
-    return <>
-        {props.buttonOnly
-            ? <ButtonEX disabled={props.disabled}
-                title="Open color picker"
-                icon={<ColorRegular
-                    color={selectedColor} />
-                }
-                onClick={(e) => setIsOpen(true)} />
-            : <Field label={props.label}
-                required={props.required === true}
-                validationMessage={props.showValidationErrors && props.required === true && isNullOrEmptyString(selectedColor) ? "You can't leave this blank." : undefined}
-            >
-                <InputEx disabled={props.disabled}
-                    placeholder={props.placeholder || "Enter value here"}
-                    style={isNumber(props.width) ? { width: props.width } : undefined}
-                    value={selectedColor}
-                    onChange={(e, data) => {
-                        setSelectedColor(data.value);
-                        if (isFunction(props.onChange)) {
-                            props.onChange(data.value);
-                        }
-                    }}
-                    contentAfter={<ButtonEX disabled={props.disabled}
-                        title="Open color picker"
-                        icon={<ColorRegular
-                            color={selectedColor} />
-                        }
-                        onClick={(e) => setIsOpen(true)} />
-                    }
-                />
-            </Field>}
-        {isOpen && <Prompter maxWidth={332} mountNode={props.mountNode}
-            hideOk hideCancel onCancel={() => {
-                if (isFunction(props.onChange)) {
-                    props.onChange(selectedColor);
-                }
-                setIsOpen(false);
-            }} showCancelInTitle
-            title={props.label || "Choose a color"}
-        >
-            <ColorPicker color={selectedColor} onChange={color => setSelectedColor(color.hex)}
-                presets={getColorCells()}
-            />
-        </Prompter>}
-    </>;
+import { Field } from "@fluentui/react-components";
+import { ColorRegular } from "@fluentui/react-icons";
+import { isFunction, isNullOrEmptyString, isNumber } from "@kwiz/common";
+import * as React from "react";
+import ColorPicker, { Color } from 'react-pick-color';
+import { useEffectOnlyOnMount, useStateEX } from "../helpers";
+import { ButtonEX } from "./button";
+import { InputEx } from "./input";
+import { Prompter } from "./prompt";
+export interface iProps {
+    label?: string;
+    value: string;
+    onChange: (newValue: string) => void;
+    required?: boolean;
+    showValidationErrors?: boolean;
+    underlined?: boolean;
+    width?: number;
+    buttonOnly?: boolean;
+    placeholder?: string;
+    disabled?: boolean;
+
+    /** specify a specific mount node for this dialog */
+    mountNode?: HTMLElement | null | {
+        element?: HTMLElement | null;
+        className?: string;
+    }
+}
+
+export const ColorPickerEx: React.FunctionComponent<iProps> = (props) => {
+    const [isOpen, setIsOpen] = useStateEX<boolean>(false);
+    const [selectedColor, setSelectedColor] = useStateEX<string>(props.value);
+
+    const getColorCells = React.useCallback(() => {
+        let cells: Color[] = [
+            "white", "black"
+        ];
+        return cells;
+    }, useEffectOnlyOnMount);
+    return <>
+        {props.buttonOnly
+            ? <ButtonEX disabled={props.disabled}
+                title="Open color picker"
+                icon={<ColorRegular
+                    color={selectedColor} />
+                }
+                onClick={(e) => setIsOpen(true)} />
+            : <Field label={props.label}
+                required={props.required === true}
+                validationMessage={props.showValidationErrors && props.required === true && isNullOrEmptyString(selectedColor) ? "You can't leave this blank." : undefined}
+            >
+                <InputEx disabled={props.disabled}
+                    placeholder={props.placeholder || "Enter value here"}
+                    style={isNumber(props.width) ? { width: props.width } : undefined}
+                    value={selectedColor}
+                    onChange={(e, data) => {
+                        setSelectedColor(data.value);
+                        if (isFunction(props.onChange)) {
+                            props.onChange(data.value);
+                        }
+                    }}
+                    contentAfter={<ButtonEX disabled={props.disabled}
+                        title="Open color picker"
+                        icon={<ColorRegular
+                            color={selectedColor} />
+                        }
+                        onClick={(e) => setIsOpen(true)} />
+                    }
+                />
+            </Field>}
+        {isOpen && <Prompter maxWidth={332} mountNode={props.mountNode}
+            hideOk hideCancel onCancel={() => {
+                if (isFunction(props.onChange)) {
+                    props.onChange(selectedColor);
+                }
+                setIsOpen(false);
+            }} showCancelInTitle
+            title={props.label || "Choose a color"}
+        >
+            <ColorPicker color={selectedColor} onChange={color => setSelectedColor(color.hex)}
+                presets={getColorCells()}
+            />
+        </Prompter>}
+    </>;
 };