@kwiz/fluentui 1.0.15 → 1.0.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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
|
}
|