@kwiz/fluentui 1.0.15 → 1.0.19
Sign up to get free protection for your applications and to get access to all the features.
- package/.github/workflows/npm-publish.yml +34 -0
- package/LICENSE +21 -21
- package/README.md +26 -26
- package/package.json +72 -72
- package/src/_modules/config.ts +9 -9
- package/src/_modules/constants.ts +3 -3
- package/src/controls/accordion.tsx +48 -0
- package/src/controls/button.tsx +169 -169
- package/src/controls/centered.tsx +22 -22
- package/src/controls/date.tsx +39 -39
- package/src/controls/dropdown.tsx +51 -51
- package/src/controls/error-boundary.tsx +41 -41
- package/src/controls/field-editor.tsx +40 -40
- package/src/controls/file-upload.tsx +67 -67
- package/src/controls/horizontal.tsx +34 -34
- package/src/controls/input.tsx +60 -60
- package/src/controls/kwizoverflow.tsx +103 -102
- package/src/controls/list.tsx +117 -117
- package/src/controls/loading.tsx +10 -10
- package/src/controls/please-wait.tsx +32 -32
- package/src/controls/prompt.tsx +96 -96
- package/src/controls/search.tsx +65 -65
- package/src/controls/section.tsx +51 -51
- package/src/controls/svg.tsx +120 -120
- package/src/controls/toolbar.tsx +48 -48
- package/src/controls/vertical-content.tsx +49 -49
- package/src/controls/vertical.tsx +34 -34
- package/src/helpers/context.ts +39 -39
- package/src/helpers/hooks.tsx +335 -335
- package/src/index.ts +26 -25
- package/src/styles/styles.ts +87 -87
- package/src/styles/theme.ts +90 -90
- package/dist/_modules/build.d.ts +0 -2
- package/dist/_modules/build.js +0 -3
- package/dist/_modules/build.js.map +0 -1
- package/dist/_modules/config.d.ts +0 -1
- package/dist/_modules/config.js +0 -9
- package/dist/_modules/config.js.map +0 -1
- package/dist/_modules/constants.d.ts +0 -2
- package/dist/_modules/constants.js +0 -3
- package/dist/_modules/constants.js.map +0 -1
- package/dist/_modules/exports-index.d.ts +0 -1
- package/dist/_modules/exports-index.js +0 -2
- package/dist/_modules/exports-index.js.map +0 -1
- package/dist/controls/button.d.ts +0 -28
- package/dist/controls/button.js +0 -113
- package/dist/controls/button.js.map +0 -1
- package/dist/controls/centered.d.ts +0 -5
- package/dist/controls/centered.js +0 -14
- package/dist/controls/centered.js.map +0 -1
- package/dist/controls/date.d.ts +0 -8
- package/dist/controls/date.js +0 -32
- package/dist/controls/date.js.map +0 -1
- package/dist/controls/dropdown.d.ts +0 -29
- package/dist/controls/dropdown.js +0 -27
- package/dist/controls/dropdown.js.map +0 -1
- package/dist/controls/error-boundary.d.ts +0 -23
- package/dist/controls/error-boundary.js +0 -33
- package/dist/controls/error-boundary.js.map +0 -1
- package/dist/controls/exports-index.d.ts +0 -17
- package/dist/controls/exports-index.js +0 -18
- package/dist/controls/exports-index.js.map +0 -1
- package/dist/controls/field-editor.d.ts +0 -13
- package/dist/controls/field-editor.js +0 -15
- package/dist/controls/field-editor.js.map +0 -1
- package/dist/controls/file-upload.d.ts +0 -18
- package/dist/controls/file-upload.js +0 -41
- package/dist/controls/file-upload.js.map +0 -1
- package/dist/controls/horizontal.d.ts +0 -8
- package/dist/controls/horizontal.js +0 -23
- package/dist/controls/horizontal.js.map +0 -1
- package/dist/controls/input.d.ts +0 -13
- package/dist/controls/input.js +0 -43
- package/dist/controls/input.js.map +0 -1
- package/dist/controls/kwizoverflow.d.ts +0 -13
- package/dist/controls/kwizoverflow.js +0 -45
- package/dist/controls/kwizoverflow.js.map +0 -1
- package/dist/controls/list.d.ts +0 -21
- package/dist/controls/list.js +0 -72
- package/dist/controls/list.js.map +0 -1
- package/dist/controls/loading copy.d.ts +0 -5
- package/dist/controls/loading copy.js +0 -7
- package/dist/controls/loading copy.js.map +0 -1
- package/dist/controls/loading.d.ts +0 -5
- package/dist/controls/loading.js +0 -7
- package/dist/controls/loading.js.map +0 -1
- package/dist/controls/please-wait.d.ts +0 -18
- package/dist/controls/please-wait.js +0 -16
- package/dist/controls/please-wait.js.map +0 -1
- package/dist/controls/prompt.d.ts +0 -32
- package/dist/controls/prompt.js +0 -31
- package/dist/controls/prompt.js.map +0 -1
- package/dist/controls/search.d.ts +0 -13
- package/dist/controls/search.js +0 -47
- package/dist/controls/search.js.map +0 -1
- package/dist/controls/section.d.ts +0 -14
- package/dist/controls/section.js +0 -27
- package/dist/controls/section.js.map +0 -1
- package/dist/controls/svg.d.ts +0 -23
- package/dist/controls/svg.js +0 -45
- package/dist/controls/svg.js.map +0 -1
- package/dist/controls/toolbar.d.ts +0 -12
- package/dist/controls/toolbar.js +0 -23
- package/dist/controls/toolbar.js.map +0 -1
- package/dist/controls/vertical-content.d.ts +0 -6
- package/dist/controls/vertical-content.js +0 -37
- package/dist/controls/vertical-content.js.map +0 -1
- package/dist/controls/vertical.d.ts +0 -8
- package/dist/controls/vertical.js +0 -23
- package/dist/controls/vertical.js.map +0 -1
- package/dist/exports-index.d.ts +0 -3
- package/dist/exports-index.js +0 -4
- package/dist/exports-index.js.map +0 -1
- package/dist/helpers/context.d.ts +0 -26
- package/dist/helpers/context.js +0 -15
- package/dist/helpers/context.js.map +0 -1
- package/dist/helpers/hooks.d.ts +0 -62
- package/dist/helpers/hooks.js +0 -287
- package/dist/helpers/hooks.js.map +0 -1
- package/dist/index.d.ts +0 -24
- package/dist/index.js +0 -24
- package/dist/index.js.map +0 -1
- package/dist/styles/exports-index.d.ts +0 -2
- package/dist/styles/exports-index.js +0 -3
- package/dist/styles/exports-index.js.map +0 -1
- package/dist/styles/styles.d.ts +0 -19
- package/dist/styles/styles.js +0 -79
- package/dist/styles/styles.js.map +0 -1
- package/dist/styles/theme.d.ts +0 -6
- package/dist/styles/theme.js +0 -77
- package/dist/styles/theme.js.map +0 -1
package/src/helpers/context.ts
CHANGED
@@ -1,40 +1,40 @@
|
|
1
|
-
import { isNullOrUndefined } from "@kwiz/common";
|
2
|
-
import React from "react";
|
3
|
-
|
4
|
-
export interface iKWIZFluentContext {
|
5
|
-
/**
|
6
|
-
* Where the portal children are mounted on DOM
|
7
|
-
*
|
8
|
-
* @default a new element on document.body without any styling
|
9
|
-
*/
|
10
|
-
mountNode?: HTMLElement | null | {
|
11
|
-
element?: HTMLElement | null;
|
12
|
-
className?: string;
|
13
|
-
}
|
14
|
-
/**
|
15
|
-
* Controls the colors and borders of the input.
|
16
|
-
*
|
17
|
-
* @default 'underline'
|
18
|
-
*/
|
19
|
-
inputAppearance?: 'outline' | 'underline' | 'filled-darker' | 'filled-lighter';
|
20
|
-
|
21
|
-
/**
|
22
|
-
* A button can be rounded, circular, or square.
|
23
|
-
*
|
24
|
-
* @default 'rounded'
|
25
|
-
*/
|
26
|
-
buttonShape?: 'rounded' | 'circular' | 'square';
|
27
|
-
}
|
28
|
-
|
29
|
-
//create context
|
30
|
-
export const KWIZFluentContext = React.createContext<iKWIZFluentContext>(null);
|
31
|
-
//use context from within controls
|
32
|
-
export function useKWIZFluentContext() {
|
33
|
-
let ctx = React.useContext(KWIZFluentContext) || {};
|
34
|
-
//set defaults
|
35
|
-
if (isNullOrUndefined(ctx.inputAppearance))
|
36
|
-
ctx.inputAppearance = "underline";
|
37
|
-
if (isNullOrUndefined(ctx.buttonShape))
|
38
|
-
ctx.buttonShape = "circular";
|
39
|
-
return ctx;
|
1
|
+
import { isNullOrUndefined } from "@kwiz/common";
|
2
|
+
import React from "react";
|
3
|
+
|
4
|
+
export interface iKWIZFluentContext {
|
5
|
+
/**
|
6
|
+
* Where the portal children are mounted on DOM
|
7
|
+
*
|
8
|
+
* @default a new element on document.body without any styling
|
9
|
+
*/
|
10
|
+
mountNode?: HTMLElement | null | {
|
11
|
+
element?: HTMLElement | null;
|
12
|
+
className?: string;
|
13
|
+
}
|
14
|
+
/**
|
15
|
+
* Controls the colors and borders of the input.
|
16
|
+
*
|
17
|
+
* @default 'underline'
|
18
|
+
*/
|
19
|
+
inputAppearance?: 'outline' | 'underline' | 'filled-darker' | 'filled-lighter';
|
20
|
+
|
21
|
+
/**
|
22
|
+
* A button can be rounded, circular, or square.
|
23
|
+
*
|
24
|
+
* @default 'rounded'
|
25
|
+
*/
|
26
|
+
buttonShape?: 'rounded' | 'circular' | 'square';
|
27
|
+
}
|
28
|
+
|
29
|
+
//create context
|
30
|
+
export const KWIZFluentContext = React.createContext<iKWIZFluentContext>(null);
|
31
|
+
//use context from within controls
|
32
|
+
export function useKWIZFluentContext() {
|
33
|
+
let ctx = React.useContext(KWIZFluentContext) || {};
|
34
|
+
//set defaults
|
35
|
+
if (isNullOrUndefined(ctx.inputAppearance))
|
36
|
+
ctx.inputAppearance = "underline";
|
37
|
+
if (isNullOrUndefined(ctx.buttonShape))
|
38
|
+
ctx.buttonShape = "circular";
|
39
|
+
return ctx;
|
40
40
|
}
|