@kwiz/fluentui 1.0.150 → 1.0.154
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/LICENSE +21 -21
- package/README.md +53 -53
- package/dist/@types/forwardRef.d.ts +0 -0
- package/dist/@types/forwardRef.js +1 -0
- package/dist/@types/forwardRef.js.map +1 -0
- package/dist/_modules/config.d.ts +1 -0
- package/dist/_modules/config.js +9 -0
- package/dist/_modules/config.js.map +1 -0
- package/dist/_modules/constants.d.ts +2 -0
- package/dist/_modules/constants.js +3 -0
- package/dist/_modules/constants.js.map +1 -0
- package/dist/controls/card.js +1 -1
- package/dist/controls/card.js.map +1 -1
- package/dist/controls/combobox.d.ts +12 -0
- package/dist/controls/combobox.js +21 -0
- package/dist/controls/combobox.js.map +1 -0
- package/dist/controls/date copy.d.ts +14 -0
- package/dist/controls/date copy.js +49 -0
- package/dist/controls/date copy.js.map +1 -0
- package/dist/controls/error-boundary copy.d.ts +23 -0
- package/dist/controls/error-boundary copy.js +33 -0
- package/dist/controls/error-boundary copy.js.map +1 -0
- package/dist/controls/field.d.ts +11 -0
- package/dist/controls/field.js +33 -0
- package/dist/controls/field.js.map +1 -0
- package/dist/controls/form-context.d.ts +20 -0
- package/dist/controls/form-context.js +50 -0
- package/dist/controls/form-context.js.map +1 -0
- package/dist/controls/form.d.ts +29 -0
- package/dist/controls/form.js +58 -0
- package/dist/controls/form.js.map +1 -0
- package/dist/controls/index.d.ts +4 -0
- package/dist/controls/index.js +4 -0
- package/dist/controls/index.js.map +1 -1
- package/dist/controls/kwizoverflow copy.d.ts +14 -0
- package/dist/controls/kwizoverflow copy.js +47 -0
- package/dist/controls/kwizoverflow copy.js.map +1 -0
- package/dist/controls/kwizoverflow.js +1 -1
- package/dist/controls/kwizoverflow.js.map +1 -1
- package/dist/controls/kwizoverflow2.js +1 -1
- package/dist/controls/kwizoverflow2.js.map +1 -1
- package/dist/controls/svg.js +21 -21
- package/dist/controls/svg.js.map +1 -1
- package/dist/controls/table.d.ts +42 -0
- package/dist/controls/table.js +139 -0
- package/dist/controls/table.js.map +1 -0
- package/dist/controls/vertical.d.ts +1 -3
- package/dist/controls/vertical.js +1 -1
- package/dist/controls/vertical.js.map +1 -1
- package/dist/helpers/common.d.ts +4 -0
- package/dist/helpers/common.js +2 -0
- package/dist/helpers/common.js.map +1 -0
- package/dist/helpers/context-const.d.ts +1 -1
- package/dist/helpers/context.d.ts +26 -0
- package/dist/helpers/context.js +15 -0
- package/dist/helpers/context.js.map +1 -0
- package/dist/helpers/drag-drop/exports.d.ts +12 -0
- package/dist/helpers/drag-drop/exports.js +3 -0
- package/dist/helpers/drag-drop/exports.js.map +1 -0
- package/dist/helpers/exports.d.ts +7 -0
- package/dist/helpers/exports.js +8 -0
- package/dist/helpers/exports.js.map +1 -0
- package/dist/helpers/use-highlight.js +8 -8
- package/package.json +88 -88
package/dist/controls/index.d.ts
CHANGED
|
@@ -6,15 +6,18 @@ export * from './card-list';
|
|
|
6
6
|
export * from './centered';
|
|
7
7
|
export * from './code-editor';
|
|
8
8
|
export * from './ColorPickerDialog';
|
|
9
|
+
export * from './combobox';
|
|
9
10
|
export * from './date';
|
|
10
11
|
export * from './diagram-picker';
|
|
11
12
|
export * from './divider';
|
|
12
13
|
export * from './drawer-ex';
|
|
13
14
|
export * from './dropdown';
|
|
14
15
|
export * from './error-boundary';
|
|
16
|
+
export * from './field';
|
|
15
17
|
export * from './field-editor';
|
|
16
18
|
export * from './field-set';
|
|
17
19
|
export * from './file-upload';
|
|
20
|
+
export * from './form';
|
|
18
21
|
export * from './horizontal';
|
|
19
22
|
export * from './html-editor';
|
|
20
23
|
export * from './input';
|
|
@@ -33,6 +36,7 @@ export * from './search';
|
|
|
33
36
|
export * from './section';
|
|
34
37
|
export * from './stack';
|
|
35
38
|
export * from './svg';
|
|
39
|
+
export * from './table';
|
|
36
40
|
export * from './tabs';
|
|
37
41
|
export * from './tag-ex';
|
|
38
42
|
export * from './toolbar';
|
package/dist/controls/index.js
CHANGED
|
@@ -6,15 +6,18 @@ export * from './card-list';
|
|
|
6
6
|
export * from './centered';
|
|
7
7
|
export * from './code-editor';
|
|
8
8
|
export * from './ColorPickerDialog';
|
|
9
|
+
export * from './combobox';
|
|
9
10
|
export * from './date';
|
|
10
11
|
export * from './diagram-picker';
|
|
11
12
|
export * from './divider';
|
|
12
13
|
export * from './drawer-ex';
|
|
13
14
|
export * from './dropdown';
|
|
14
15
|
export * from './error-boundary';
|
|
16
|
+
export * from './field';
|
|
15
17
|
export * from './field-editor';
|
|
16
18
|
export * from './field-set';
|
|
17
19
|
export * from './file-upload';
|
|
20
|
+
export * from './form';
|
|
18
21
|
export * from './horizontal';
|
|
19
22
|
export * from './html-editor';
|
|
20
23
|
export * from './input';
|
|
@@ -33,6 +36,7 @@ export * from './search';
|
|
|
33
36
|
export * from './section';
|
|
34
37
|
export * from './stack';
|
|
35
38
|
export * from './svg';
|
|
39
|
+
export * from './table';
|
|
36
40
|
export * from './tabs';
|
|
37
41
|
export * from './tag-ex';
|
|
38
42
|
export * from './toolbar';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/controls/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/controls/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
interface IProps<ItemType> {
|
|
2
|
+
/** you cannot have a menu with trigger in overflow items. put those in groupWrapper controls before/after rendering children. */
|
|
3
|
+
items: ItemType[];
|
|
4
|
+
getKey: (item: ItemType, index: number) => string;
|
|
5
|
+
getPriority?: (item: ItemType, index: number) => number;
|
|
6
|
+
renderItem: (item: ItemType, index: number, overflow?: boolean) => JSX.Element;
|
|
7
|
+
groupWrapper?: (children: React.ReactNode) => JSX.Element;
|
|
8
|
+
menuRef?: React.RefObject<HTMLButtonElement>;
|
|
9
|
+
menuWrapper?: (children: React.ReactNode) => JSX.Element;
|
|
10
|
+
menuTrigger?: (ref: React.RefObject<HTMLButtonElement>, overflowCount: number) => JSX.Element;
|
|
11
|
+
className?: string;
|
|
12
|
+
}
|
|
13
|
+
export declare const KWIZOverflow: <ItemType>(props: IProps<ItemType>) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export {};
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Menu, MenuButton, MenuItem, MenuList, MenuPopover, MenuTrigger, Overflow, OverflowItem, useIsOverflowItemVisible, useOverflowMenu } from "@fluentui/react-components";
|
|
3
|
+
import { MoreHorizontalFilled } from "@fluentui/react-icons";
|
|
4
|
+
import { isNumber } from '@kwiz/common';
|
|
5
|
+
import { useKWIZFluentContext } from "../helpers/context-internal";
|
|
6
|
+
const OverflowMenu = (props) => {
|
|
7
|
+
const ctx = useKWIZFluentContext();
|
|
8
|
+
const { ref, isOverflowing, overflowCount } = useOverflowMenu();
|
|
9
|
+
if (!isOverflowing) {
|
|
10
|
+
return null;
|
|
11
|
+
}
|
|
12
|
+
let menu = _jsxs(Menu, { mountNode: ctx.mountNode, children: [_jsx(MenuTrigger, { disableButtonEnhancement: true, children: props.menuTrigger
|
|
13
|
+
? props.menuTrigger(props.menuRef || ref, overflowCount)
|
|
14
|
+
: _jsx(MenuButton, { icon: _jsx(MoreHorizontalFilled, {}), ref: props.menuRef || ref, "aria-label": "More items", appearance: "subtle" }) }), _jsx(MenuPopover, { children: _jsx(MenuList, { children: props.items.map((item, index) => (_jsx(OverflowMenuItem, Object.assign({}, props, { item: item, index: index }), props.getKey(item, index)))) }) })] });
|
|
15
|
+
return (props.menuWrapper
|
|
16
|
+
? props.menuWrapper(menu)
|
|
17
|
+
: menu);
|
|
18
|
+
};
|
|
19
|
+
const OverflowMenuItem = (props) => {
|
|
20
|
+
const isVisible = useIsOverflowItemVisible(props.getKey(props.item, props.index));
|
|
21
|
+
if (isVisible) {
|
|
22
|
+
return null;
|
|
23
|
+
}
|
|
24
|
+
return (_jsx(MenuItem, { children: props.renderItem(props.item, props.index, true) }, props.getKey(props.item, props.index)));
|
|
25
|
+
};
|
|
26
|
+
export const KWIZOverflow = (props) => {
|
|
27
|
+
let content = [];
|
|
28
|
+
let addMenu = () => {
|
|
29
|
+
if (menuIndex >= 0)
|
|
30
|
+
content.splice(menuIndex, 0, _jsx(OverflowMenu, Object.assign({}, props), "overflow_menu"));
|
|
31
|
+
else
|
|
32
|
+
content.push(_jsx(OverflowMenu, Object.assign({}, props), "overflow_menu"));
|
|
33
|
+
};
|
|
34
|
+
let menuIndex = -1;
|
|
35
|
+
props.items.forEach((item, index) => {
|
|
36
|
+
//add the menu before the first item with priority
|
|
37
|
+
let priority = props.getPriority ? props.getPriority(item, index) : undefined;
|
|
38
|
+
if (isNumber(priority) && priority > 0)
|
|
39
|
+
menuIndex = index;
|
|
40
|
+
content.push(_jsx(OverflowItem, { id: props.getKey(item, index), priority: priority, children: props.renderItem(item, index) }, props.getKey(item, index)));
|
|
41
|
+
});
|
|
42
|
+
addMenu();
|
|
43
|
+
return (_jsx(Overflow, { minimumVisible: 2, padding: 60, children: _jsx("div", { style: { overflow: "hidden" }, className: props.className, children: props.groupWrapper
|
|
44
|
+
? props.groupWrapper(content)
|
|
45
|
+
: content }) }, `overflow_${props.items.length}`));
|
|
46
|
+
};
|
|
47
|
+
//# sourceMappingURL=kwizoverflow%20copy.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"kwizoverflow copy.js","sourceRoot":"","sources":["../../src/controls/kwizoverflow copy.tsx"],"names":[],"mappings":"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"}
|
|
@@ -12,7 +12,7 @@ const OverflowMenu = (props) => {
|
|
|
12
12
|
}
|
|
13
13
|
let menu = _jsxs(Menu, { mountNode: ctx.mountNode, children: [_jsx(MenuTrigger, { disableButtonEnhancement: true, children: props.menuTrigger
|
|
14
14
|
? props.menuTrigger(props.menuRef || ref, overflowCount)
|
|
15
|
-
: _jsx(MenuButton, { icon: _jsx(MoreHorizontalFilled, {}), ref: props.menuRef || ref, "aria-label": ((_b = (_a = ctx.strings) === null || _a === void 0 ? void 0 : _a.
|
|
15
|
+
: _jsx(MenuButton, { icon: _jsx(MoreHorizontalFilled, {}), ref: props.menuRef || ref, "aria-label": ((_b = (_a = ctx.strings) === null || _a === void 0 ? void 0 : _a.more_param) === null || _b === void 0 ? void 0 : _b.call(_a, { cap: true, param: ((_d = (_c = ctx.strings) === null || _c === void 0 ? void 0 : _c.items) === null || _d === void 0 ? void 0 : _d.call(_c)) || "items" })) || "More items", appearance: "subtle" }) }), _jsx(MenuPopover, { children: _jsx(MenuList, { children: props.items.map((item, index) => (_jsx(OverflowMenuItem, Object.assign({}, props, { item: item, index: index }), props.getKey(item, index)))) }) })] });
|
|
16
16
|
return (props.menuWrapper
|
|
17
17
|
? props.menuWrapper(menu)
|
|
18
18
|
: menu);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"kwizoverflow.js","sourceRoot":"","sources":["../../src/controls/kwizoverflow.tsx"],"names":[],"mappings":";AAAA,OAAO,EACH,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EACtF,wBAAwB,EAAE,eAAe,EAC5C,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAcnE,MAAM,YAAY,GAAG,CAAY,KAAuB,EAAE,EAAE;;IACxD,MAAM,GAAG,GAAG,oBAAoB,EAAE,CAAC;IAEnC,MAAM,EAAE,GAAG,EAAE,aAAa,EAAE,aAAa,EAAE,GAAG,eAAe,EAAqB,CAAC;IAEnF,IAAI,CAAC,aAAa,EAAE,CAAC;QACjB,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,IAAI,IAAI,GAAG,MAAC,IAAI,IAAC,SAAS,EAAE,GAAG,CAAC,SAAS,aACrC,KAAC,WAAW,IAAC,wBAAwB,kBAChC,KAAK,CAAC,WAAW;oBACd,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,OAAO,IAAI,GAAG,EAAE,aAAa,CAAC;oBACxD,CAAC,CAAC,KAAC,UAAU,IACT,IAAI,EAAE,KAAC,oBAAoB,KAAG,EAC9B,GAAG,EAAE,KAAK,CAAC,OAAO,IAAI,GAAG,gBACb,CAAA,MAAA,MAAA,GAAG,CAAC,OAAO,0CAAE,
|
|
1
|
+
{"version":3,"file":"kwizoverflow.js","sourceRoot":"","sources":["../../src/controls/kwizoverflow.tsx"],"names":[],"mappings":";AAAA,OAAO,EACH,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EACtF,wBAAwB,EAAE,eAAe,EAC5C,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAcnE,MAAM,YAAY,GAAG,CAAY,KAAuB,EAAE,EAAE;;IACxD,MAAM,GAAG,GAAG,oBAAoB,EAAE,CAAC;IAEnC,MAAM,EAAE,GAAG,EAAE,aAAa,EAAE,aAAa,EAAE,GAAG,eAAe,EAAqB,CAAC;IAEnF,IAAI,CAAC,aAAa,EAAE,CAAC;QACjB,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,IAAI,IAAI,GAAG,MAAC,IAAI,IAAC,SAAS,EAAE,GAAG,CAAC,SAAS,aACrC,KAAC,WAAW,IAAC,wBAAwB,kBAChC,KAAK,CAAC,WAAW;oBACd,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,OAAO,IAAI,GAAG,EAAE,aAAa,CAAC;oBACxD,CAAC,CAAC,KAAC,UAAU,IACT,IAAI,EAAE,KAAC,oBAAoB,KAAG,EAC9B,GAAG,EAAE,KAAK,CAAC,OAAO,IAAI,GAAG,gBACb,CAAA,MAAA,MAAA,GAAG,CAAC,OAAO,0CAAE,UAAU,mDAAG,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,CAAA,MAAA,MAAA,GAAG,CAAC,OAAO,0CAAE,KAAK,kDAAI,KAAI,OAAO,EAAE,CAAC,KAAI,YAAY,EAC9G,UAAU,EAAC,QAAQ,GACrB,GACI,EACd,KAAC,WAAW,cACR,KAAC,QAAQ,cACJ,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,KAAC,gBAAgB,oBAAqC,KAAK,IAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,KAA9D,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,CAAyC,CAC5F,CAAC,GACK,GACD,IACX,CAAC;IAER,OAAO,CACH,KAAK,CAAC,WAAW;QACb,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC;QACzB,CAAC,CAAC,IAAI,CACb,CAAC;AACN,CAAC,CAAA;AAED,MAAM,gBAAgB,GAAG,CAAY,KAA2D,EAAE,EAAE;IAChG,MAAM,SAAS,GAAG,wBAAwB,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAElF,IAAI,SAAS,EAAE,CAAC;QACZ,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,KAAC,QAAQ,cACJ,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,IADrC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,CAEzC,CACd,CAAC;AACN,CAAC,CAAC;AACF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAY,KAAuB,EAAE,EAAE;IAC/D,IAAI,OAAO,GAAkB,EAAE,CAAC;IAChC,IAAI,OAAO,GAAG,GAAG,EAAE;QACf,IAAI,SAAS,IAAI,CAAC;YACd,OAAO,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,EAAE,KAAC,YAAY,oBAAyB,KAAK,GAAzB,eAAe,CAAc,CAAC,CAAC;;YAE9E,OAAO,CAAC,IAAI,CAAC,KAAC,YAAY,oBAAyB,KAAK,GAAzB,eAAe,CAAc,CAAC,CAAC;IACtE,CAAC,CAAC;IAEF,IAAI,SAAS,GAAG,CAAC,CAAC,CAAC;IAEnB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QAChC,kDAAkD;QAClD,IAAI,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAC9E,IAAI,QAAQ,CAAC,QAAQ,CAAC,IAAI,QAAQ,GAAG,CAAC;YAClC,SAAS,GAAG,KAAK,CAAC;QAEtB,OAAO,CAAC,IAAI,CAAC,KAAC,YAAY,IAAiC,EAAE,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,EACpF,QAAQ,EAAE,QAAQ,YACjB,KAAK,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,IAFF,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,CAG1C,CAAC,CAAC;IACrB,CAAC,CAAC,CAAC;IAEH,OAAO,EAAE,CAAC;IAEV,OAAO,CACH,KAAC,QAAQ,IAAC,cAAc,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,YACpC,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,YAEtD,KAAK,CAAC,YAAY;gBACd,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC;gBAC7B,CAAC,CAAC,OAAO,GAEf,IAPqC,YAAY,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,CAQpE,CACd,CAAA;AACL,CAAC,CAAC"}
|
|
@@ -16,7 +16,7 @@ const OverflowMenu = (props) => {
|
|
|
16
16
|
return undefined;
|
|
17
17
|
else if (props.renderOverflowMenuButton)
|
|
18
18
|
return props.renderOverflowMenuButton(props);
|
|
19
|
-
return _jsxs(Menu, Object.assign({ mountNode: ctx.mountNode }, (props.menu || {}), { children: [_jsx(MenuTrigger, { disableButtonEnhancement: true, children: _jsx(MenuButton, { icon: props.menuIcon || _jsx(MoreVerticalRegular, {}), "aria-label": ((_b = (_a = ctx.strings) === null || _a === void 0 ? void 0 : _a.
|
|
19
|
+
return _jsxs(Menu, Object.assign({ mountNode: ctx.mountNode }, (props.menu || {}), { children: [_jsx(MenuTrigger, { disableButtonEnhancement: true, children: _jsx(MenuButton, { icon: props.menuIcon || _jsx(MoreVerticalRegular, {}), "aria-label": ((_b = (_a = ctx.strings) === null || _a === void 0 ? void 0 : _a.more_param) === null || _b === void 0 ? void 0 : _b.call(_a, { cap: true, param: ((_d = (_c = ctx.strings) === null || _c === void 0 ? void 0 : _c.items) === null || _d === void 0 ? void 0 : _d.call(_c)) || "items" })) || "More items", appearance: "subtle" }) }), _jsx(MenuPopover, { children: _jsx(MenuList, { children: props.items.map((item, index) => _jsx(Section, { children: props.renderItem(item, index, true) }, `s${index}`)) }) })] }));
|
|
20
20
|
};
|
|
21
21
|
export const KWIZOverflowV2 = (props) => {
|
|
22
22
|
const wrapperRef = useRefWithState();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"kwizoverflow2.js","sourceRoot":"","sources":["../../src/controls/kwizoverflow2.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAa,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAC7G,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAqB,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAoB,MAAM,cAAc,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,MAAM,GAAG,IAAI,YAAY,CAAC,YAAY,CAAC,CAAC;AAgB9C,MAAM,YAAY,GAAG,CAAY,KAAiC,EAAE,EAAE;;IAClE,MAAM,GAAG,GAAG,oBAAoB,EAAE,CAAC;IACnC,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,SAAS,CAAC;SAC1C,IAAI,KAAK,CAAC,wBAAwB;QACnC,OAAO,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;IACjD,OAAO,MAAC,IAAI,kBAAC,SAAS,EAAE,GAAG,CAAC,SAAS,IAAM,CAAC,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC,eACzD,KAAC,WAAW,IAAC,wBAAwB,kBACjC,KAAC,UAAU,IACP,IAAI,EAAE,KAAK,CAAC,QAAQ,IAAI,KAAC,mBAAmB,KAAG,gBACnC,CAAA,MAAA,MAAA,GAAG,CAAC,OAAO,0CAAE,
|
|
1
|
+
{"version":3,"file":"kwizoverflow2.js","sourceRoot":"","sources":["../../src/controls/kwizoverflow2.tsx"],"names":[],"mappings":"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"}
|
package/dist/controls/svg.js
CHANGED
|
@@ -10,7 +10,7 @@ function getProps(props) {
|
|
|
10
10
|
}
|
|
11
11
|
export const YouTubeIcon = (props) => {
|
|
12
12
|
const { size } = getProps(props);
|
|
13
|
-
return (_jsx("svg", { height: size, width: size, version: "1.1", id: "Layer_1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", viewBox: "0 0 461.001 461.001", xmlSpace: "preserve", children: _jsx("g", { children: _jsx("path", { style: { fill: "#F61C0D" }, d: "M365.257,67.393H95.744C42.866,67.393,0,110.259,0,163.137v134.728\nc0,52.878,42.866,95.744,95.744,95.744h269.513c52.878,0,95.744-42.866,95.744-95.744V163.137\nC461.001,110.259,418.135,67.393,365.257,67.393z M300.506,237.056l-126.06,60.123c-3.359,1.602-7.239-0.847-7.239-4.568V168.607\nc0-3.774,3.982-6.22,7.348-4.514l126.06,63.881C304.363,229.873,304.298,235.248,300.506,237.056z" }) }) }));
|
|
13
|
+
return (_jsx("svg", { height: size, width: size, version: "1.1", id: "Layer_1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", viewBox: "0 0 461.001 461.001", xmlSpace: "preserve", children: _jsx("g", { children: _jsx("path", { style: { fill: "#F61C0D" }, d: "M365.257,67.393H95.744C42.866,67.393,0,110.259,0,163.137v134.728\r\nc0,52.878,42.866,95.744,95.744,95.744h269.513c52.878,0,95.744-42.866,95.744-95.744V163.137\r\nC461.001,110.259,418.135,67.393,365.257,67.393z M300.506,237.056l-126.06,60.123c-3.359,1.602-7.239-0.847-7.239-4.568V168.607\r\nc0-3.774,3.982-6.22,7.348-4.514l126.06,63.881C304.363,229.873,304.298,235.248,300.506,237.056z" }) }) }));
|
|
14
14
|
};
|
|
15
15
|
export const MermaidIcon = (props) => {
|
|
16
16
|
const { size } = getProps(props);
|
|
@@ -22,7 +22,7 @@ export const TeamsIcon = (props) => {
|
|
|
22
22
|
};
|
|
23
23
|
export const SVGLinkIcon = (props) => {
|
|
24
24
|
const { color, size } = getProps(props);
|
|
25
|
-
return (_jsx("svg", { fill: color, height: size, width: size, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 490.16 490.16", children: _jsx("g", { children: _jsxs("g", { children: [_jsx("path", { d: "M409.657,32.474c-43.146-43.146-113.832-43.146-156.978,0l-84.763,84.762c29.07-8.262,60.589-6.12,88.129,6.732\n\t\t\tl44.063-44.064c17.136-17.136,44.982-17.136,62.118,0c17.136,17.136,17.136,44.982,0,62.118l-55.386,55.386l-36.414,36.414\n\t\t\tc-17.136,17.136-44.982,17.136-62.119,0l-47.43,47.43c11.016,11.017,23.868,19.278,37.332,24.48\n\t\t\tc36.415,14.382,78.643,8.874,110.467-16.219c3.06-2.447,6.426-5.201,9.18-8.262l57.222-57.222l34.578-34.578\n\t\t\tC453.109,146.306,453.109,75.926,409.657,32.474z" }), _jsx("path", { d: "M184.135,320.114l-42.228,42.228c-17.136,17.137-44.982,17.137-62.118,0c-17.136-17.136-17.136-44.981,0-62.118\n\t\t\tl91.8-91.799c17.136-17.136,44.982-17.136,62.119,0l47.43-47.43c-11.016-11.016-23.868-19.278-37.332-24.48\n\t\t\tc-38.25-15.3-83.232-8.262-115.362,20.502c-1.53,1.224-3.06,2.754-4.284,3.978l-91.8,91.799\n\t\t\tc-43.146,43.146-43.146,113.832,0,156.979c43.146,43.146,113.832,43.146,156.978,0l82.927-83.845\n\t\t\tC230.035,335.719,220.243,334.496,184.135,320.114z" })] }) }) }));
|
|
25
|
+
return (_jsx("svg", { fill: color, height: size, width: size, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 490.16 490.16", children: _jsx("g", { children: _jsxs("g", { children: [_jsx("path", { d: "M409.657,32.474c-43.146-43.146-113.832-43.146-156.978,0l-84.763,84.762c29.07-8.262,60.589-6.12,88.129,6.732\r\n\t\t\tl44.063-44.064c17.136-17.136,44.982-17.136,62.118,0c17.136,17.136,17.136,44.982,0,62.118l-55.386,55.386l-36.414,36.414\r\n\t\t\tc-17.136,17.136-44.982,17.136-62.119,0l-47.43,47.43c11.016,11.017,23.868,19.278,37.332,24.48\r\n\t\t\tc36.415,14.382,78.643,8.874,110.467-16.219c3.06-2.447,6.426-5.201,9.18-8.262l57.222-57.222l34.578-34.578\r\n\t\t\tC453.109,146.306,453.109,75.926,409.657,32.474z" }), _jsx("path", { d: "M184.135,320.114l-42.228,42.228c-17.136,17.137-44.982,17.137-62.118,0c-17.136-17.136-17.136-44.981,0-62.118\r\n\t\t\tl91.8-91.799c17.136-17.136,44.982-17.136,62.119,0l47.43-47.43c-11.016-11.016-23.868-19.278-37.332-24.48\r\n\t\t\tc-38.25-15.3-83.232-8.262-115.362,20.502c-1.53,1.224-3.06,2.754-4.284,3.978l-91.8,91.799\r\n\t\t\tc-43.146,43.146-43.146,113.832,0,156.979c43.146,43.146,113.832,43.146,156.978,0l82.927-83.845\r\n\t\t\tC230.035,335.719,220.243,334.496,184.135,320.114z" })] }) }) }));
|
|
26
26
|
};
|
|
27
27
|
export const SVGSplitIcon = (props) => {
|
|
28
28
|
const { color, size } = getProps(props);
|
|
@@ -35,33 +35,33 @@ export const HubSpotIcon = (props) => {
|
|
|
35
35
|
//get icons as html
|
|
36
36
|
export const GetSVGLinkIcon = (props) => {
|
|
37
37
|
const { color, size } = getProps(props);
|
|
38
|
-
return (`<svg fill="${color}" height="${size}" width="${size}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 490.16 490.16">
|
|
39
|
-
<g>
|
|
40
|
-
<g>
|
|
41
|
-
<path d="M409.657,32.474c-43.146-43.146-113.832-43.146-156.978,0l-84.763,84.762c29.07-8.262,60.589-6.12,88.129,6.732
|
|
42
|
-
l44.063-44.064c17.136-17.136,44.982-17.136,62.118,0c17.136,17.136,17.136,44.982,0,62.118l-55.386,55.386l-36.414,36.414
|
|
43
|
-
c-17.136,17.136-44.982,17.136-62.119,0l-47.43,47.43c11.016,11.017,23.868,19.278,37.332,24.48
|
|
44
|
-
c36.415,14.382,78.643,8.874,110.467-16.219c3.06-2.447,6.426-5.201,9.18-8.262l57.222-57.222l34.578-34.578
|
|
45
|
-
C453.109,146.306,453.109,75.926,409.657,32.474z"/>
|
|
46
|
-
<path d="M184.135,320.114l-42.228,42.228c-17.136,17.137-44.982,17.137-62.118,0c-17.136-17.136-17.136-44.981,0-62.118
|
|
47
|
-
l91.8-91.799c17.136-17.136,44.982-17.136,62.119,0l47.43-47.43c-11.016-11.016-23.868-19.278-37.332-24.48
|
|
48
|
-
c-38.25-15.3-83.232-8.262-115.362,20.502c-1.53,1.224-3.06,2.754-4.284,3.978l-91.8,91.799
|
|
49
|
-
c-43.146,43.146-43.146,113.832,0,156.979c43.146,43.146,113.832,43.146,156.978,0l82.927-83.845
|
|
50
|
-
C230.035,335.719,220.243,334.496,184.135,320.114z"/>
|
|
51
|
-
</g>
|
|
52
|
-
</g>
|
|
38
|
+
return (`<svg fill="${color}" height="${size}" width="${size}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 490.16 490.16">
|
|
39
|
+
<g>
|
|
40
|
+
<g>
|
|
41
|
+
<path d="M409.657,32.474c-43.146-43.146-113.832-43.146-156.978,0l-84.763,84.762c29.07-8.262,60.589-6.12,88.129,6.732
|
|
42
|
+
l44.063-44.064c17.136-17.136,44.982-17.136,62.118,0c17.136,17.136,17.136,44.982,0,62.118l-55.386,55.386l-36.414,36.414
|
|
43
|
+
c-17.136,17.136-44.982,17.136-62.119,0l-47.43,47.43c11.016,11.017,23.868,19.278,37.332,24.48
|
|
44
|
+
c36.415,14.382,78.643,8.874,110.467-16.219c3.06-2.447,6.426-5.201,9.18-8.262l57.222-57.222l34.578-34.578
|
|
45
|
+
C453.109,146.306,453.109,75.926,409.657,32.474z"/>
|
|
46
|
+
<path d="M184.135,320.114l-42.228,42.228c-17.136,17.137-44.982,17.137-62.118,0c-17.136-17.136-17.136-44.981,0-62.118
|
|
47
|
+
l91.8-91.799c17.136-17.136,44.982-17.136,62.119,0l47.43-47.43c-11.016-11.016-23.868-19.278-37.332-24.48
|
|
48
|
+
c-38.25-15.3-83.232-8.262-115.362,20.502c-1.53,1.224-3.06,2.754-4.284,3.978l-91.8,91.799
|
|
49
|
+
c-43.146,43.146-43.146,113.832,0,156.979c43.146,43.146,113.832,43.146,156.978,0l82.927-83.845
|
|
50
|
+
C230.035,335.719,220.243,334.496,184.135,320.114z"/>
|
|
51
|
+
</g>
|
|
52
|
+
</g>
|
|
53
53
|
</svg>`);
|
|
54
54
|
};
|
|
55
55
|
export const GetSVGSplitIcon = (props) => {
|
|
56
56
|
const { color, size } = getProps(props);
|
|
57
|
-
return `<svg fill="${color}" height="${size}" width="${size}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17">
|
|
58
|
-
<path d="M10.646 13.146l0.707 0.707-2.853 2.854-2.854-2.854 0.707-0.707 1.647 1.647v-3.772h1v3.772l1.646-1.647zM8 2.207v3.772h1v-3.772l1.646 1.646 0.707-0.707-2.853-2.853-2.854 2.853 0.707 0.707 1.647-1.646zM0 8v1h17v-1h-17z" />
|
|
57
|
+
return `<svg fill="${color}" height="${size}" width="${size}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17">
|
|
58
|
+
<path d="M10.646 13.146l0.707 0.707-2.853 2.854-2.854-2.854 0.707-0.707 1.647 1.647v-3.772h1v3.772l1.646-1.647zM8 2.207v3.772h1v-3.772l1.646 1.646 0.707-0.707-2.853-2.853-2.854 2.853 0.707 0.707 1.647-1.646zM0 8v1h17v-1h-17z" />
|
|
59
59
|
</svg>`;
|
|
60
60
|
};
|
|
61
61
|
export function GetSVGCopyIcon(props) {
|
|
62
62
|
const { color, size } = getProps(props);
|
|
63
|
-
return (`<svg fill="${color}" width="${size}" height="${size}" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
|
64
|
-
<path d="M8 2a2 2 0 0 0-2 2v10c0 1.1.9 2 2 2h6a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8ZM7 4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1V4ZM4 6a2 2 0 0 1 1-1.73V14.5A2.5 2.5 0 0 0 7.5 17h6.23A2 2 0 0 1 12 18H7.5A3.5 3.5 0 0 1 4 14.5V6Z"></path>
|
|
63
|
+
return (`<svg fill="${color}" width="${size}" height="${size}" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
|
64
|
+
<path d="M8 2a2 2 0 0 0-2 2v10c0 1.1.9 2 2 2h6a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8ZM7 4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1V4ZM4 6a2 2 0 0 1 1-1.73V14.5A2.5 2.5 0 0 0 7.5 17h6.23A2 2 0 0 1 12 18H7.5A3.5 3.5 0 0 1 4 14.5V6Z"></path>
|
|
65
65
|
</svg>`);
|
|
66
66
|
}
|
|
67
67
|
export const SalesforceIcon = (props) => {
|
package/dist/controls/svg.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"svg.js","sourceRoot":"","sources":["../../src/controls/svg.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAM9C,SAAS,QAAQ,CAAC,KAAa;IAC3B,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,MAAM,CAAC,uBAAuB,CAAC;IAC5D,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC;IAC/E,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;AAC3B,CAAC;AACD,MAAM,CAAC,MAAM,WAAW,GAA6D,CAAC,KAAK,EAAE,EAAE;IAC3F,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACjC,OAAO,CACH,cAAK,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAC,KAAK,EAAC,EAAE,EAAC,SAAS,EAAC,KAAK,EAAC,4BAA4B,EAAC,UAAU,EAAC,8BAA8B,EACnI,OAAO,EAAC,qBAAqB,EAAC,QAAQ,EAAC,UAAU,YACjD,sBACI,eAAM,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,EAAC,
|
|
1
|
+
{"version":3,"file":"svg.js","sourceRoot":"","sources":["../../src/controls/svg.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAM9C,SAAS,QAAQ,CAAC,KAAa;IAC3B,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,MAAM,CAAC,uBAAuB,CAAC;IAC5D,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC;IAC/E,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;AAC3B,CAAC;AACD,MAAM,CAAC,MAAM,WAAW,GAA6D,CAAC,KAAK,EAAE,EAAE;IAC3F,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACjC,OAAO,CACH,cAAK,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAC,KAAK,EAAC,EAAE,EAAC,SAAS,EAAC,KAAK,EAAC,4BAA4B,EAAC,UAAU,EAAC,8BAA8B,EACnI,OAAO,EAAC,qBAAqB,EAAC,QAAQ,EAAC,UAAU,YACjD,sBACI,eAAM,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,EAAC,kYAG2C,GAAE,GACjF,GACF,CACT,CAAC;AACN,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAA6D,CAAC,KAAK,EAAE,EAAE;IAC3F,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEjC,OAAO,CACH,eAAK,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,mBAAmB,aAC1F,yBACI,0BAAQ,+CAA+C,GAAS,GAAO,EAC3E,eAAM,SAAS,EAAC,UAAU,EAAC,KAAK,EAAC,QAAQ,EAAC,MAAM,EAAC,QAAQ,EAAC,EAAE,EAAC,OAAO,GAAG,EACvE,eAAM,SAAS,EAAC,UAAU,EAAC,CAAC,EAAC,0NAA0N,GAAG,EAC1P,eAAM,SAAS,EAAC,UAAU,EAAC,CAAC,EAAC,yHAAyH,GAAG,EACzJ,eAAM,SAAS,EAAC,UAAU,EAAC,CAAC,EAAC,2HAA2H,GAAG,IACzJ,CACT,CAAC;AACN,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAA6D,CAAC,KAAK,EAAE,EAAE;IACzF,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEjC,OAAO,CACH,eAAK,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,uBAAuB,aAC9F,eAAM,IAAI,EAAC,SAAS,EAAC,CAAC,EAAC,iRAAiR,GAAG,EAC3S,iBAAQ,IAAI,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,EAAC,CAAC,EAAC,QAAQ,GAAG,EAC9D,iBAAQ,IAAI,EAAC,SAAS,EAAC,EAAE,EAAC,UAAU,EAAC,EAAE,EAAC,SAAS,EAAC,CAAC,EAAC,SAAS,GAAG,EAChE,eAAM,IAAI,EAAC,SAAS,EAAC,CAAC,EAAC,8NAA8N,GAAG,EACxP,eAAM,OAAO,EAAC,IAAI,EAAC,CAAC,EAAC,0PAA0P,GAAG,EAClR,eAAM,OAAO,EAAC,IAAI,EAAC,CAAC,EAAC,4SAA4S,GAAG,EACpU,eAAM,OAAO,EAAC,IAAI,EAAC,CAAC,EAAC,gLAAgL,GAAG,EACxM,eAAM,OAAO,EAAC,IAAI,EAAC,CAAC,EAAC,gLAAgL,GAAG,EACxM,eAAM,OAAO,EAAC,IAAI,EAAC,CAAC,EAAC,2RAA2R,GAAG,EACnT,eAAM,OAAO,EAAC,IAAI,EAAC,CAAC,EAAC,8KAA8K,GAAG,EACtM,eAAM,OAAO,EAAC,IAAI,EAAC,CAAC,EAAC,8KAA8K,GAAG,EACtM,eAAM,OAAO,EAAC,IAAI,EAAC,CAAC,EAAC,sIAAsI,GAAG,EAC9J,0BAAgB,EAAE,EAAC,GAAG,EAAC,aAAa,EAAC,gBAAgB,EAAC,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,WAAW,EAAC,EAAE,EAAC,UAAU,EAAC,EAAE,EAAC,UAAU,EAAC,iBAAiB,EAAC,8BAA8B,aAC1J,eAAM,MAAM,EAAC,GAAG,EAAC,SAAS,EAAC,SAAS,GAAG,EACvC,eAAM,MAAM,EAAC,IAAI,EAAC,SAAS,EAAC,SAAS,GAAG,EACxC,eAAM,MAAM,EAAC,GAAG,EAAC,SAAS,EAAC,SAAS,GAAG,IAC1B,EACjB,eAAM,IAAI,EAAC,SAAS,EAAC,CAAC,EAAC,uLAAuL,GAAG,EACjN,eAAM,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,mFAAmF,GAAG,IACxG,CACT,CAAC;AACN,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,EAAE;IACzC,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,OAAO,CACH,cAAK,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,mBAAmB,YACvG,sBACI,wBACI,eAAM,CAAC,EAAC,8fAIuB,GAAE,EACjC,eAAM,CAAC,EAAC,keAIyB,GAAE,IACnC,GACJ,GACF,CACT,CAAC;AACN,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,EAAE;IAC1C,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,OAAO,cAAK,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,YACtG,eAAM,CAAC,EAAC,yNAAyN,GAAG,GAClO,CAAC;AACX,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,EAAE;IACzC,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,OAAO,cAAK,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,aAAa,YACxG,eAAM,CAAC,EAAC,kvBAAkvB,GAAG,GAC3vB,CAAC;AACX,CAAC,CAAA;AAGD,mBAAmB;AACnB,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAa,EAAE,EAAE;IAC5C,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,OAAO,CACH,cAAc,KAAK,aAAa,IAAI,YAAY,IAAI;;;;;;;;;;;;;;;eAe7C,CACV,CAAC;AACN,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAa,EAAE,EAAE;IAC7C,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,OAAO,cAAc,KAAK,aAAa,IAAI,YAAY,IAAI;;OAExD,CAAC;AACR,CAAC,CAAA;AAED,MAAM,UAAU,cAAc,CAAC,KAAa;IACxC,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,OAAO,CACH,cAAc,KAAK,YAAY,IAAI,aAAa,IAAI;;eAE7C,CACV,CAAA;AACL,CAAC;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAa,EAAE,EAAE;IAC5C,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,OAAO,cAAK,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAC,4BAA4B,EAClF,OAAO,EAAC,2BAA2B,EACnC,mBAAmB,EAAC,eAAe,YACnC,aAAG,SAAS,EAAC,0DAA0D,EACnE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAC,MAAM,aAE1B,eAAM,CAAC,EAAC,q7DAAq7D,GAAG,EACh8D,eAAM,CAAC,EAAC,6DAA6D,GAAG,EACxE,eAAM,CAAC,EAAC,mYAAmY,GAAG,EAC9Y,eAAM,CAAC,EAAC,yTAAyT,GAAG,EACpU,eAAM,CAAC,EAAC,8TAA8T,GAAG,EACzU,eAAM,CAAC,EAAC,wRAAwR,GAAG,EACnS,eAAM,CAAC,EAAC,4SAA4S,GAAG,EACvT,eAAM,CAAC,EAAC,yOAAyO,GAAG,EACpP,eAAM,CAAC,EAAC,yEAAyE,GAAG,EACpF,eAAM,CAAC,EAAC,wKAAwK,GAAG,EACnL,eAAM,CAAC,EAAC,iMAAiM,GAAG,EAC5M,eAAM,CAAC,EAAC,wRAAwR,GAAG,EACnS,eAAM,CAAC,EAAC,4EAA4E,GAAG,EACvF,eAAM,CAAC,EAAC,uFAAuF,GAAG,EAClG,eAAM,CAAC,EAAC,8GAA8G,GAAG,EACzH,eAAM,CAAC,EAAC,8FAA8F,GAAG,IACzG,GACF,CAAC;AACX,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,EAAE;IAC1C,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,OAAO,eAAK,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,eAAe,aAC7F,eAAM,CAAC,EAAC,kBAAkB,EAAC,IAAI,EAAE,KAAK,GAAI,EAC1C,eAAM,CAAC,EAAC,wEAAwE,EAAC,IAAI,EAAC,SAAS,GAAG,EAClG,eAAM,CAAC,EAAC,yEAAyE,EAAC,IAAI,EAAC,SAAS,GAAG,IACjG,CAAC;AACX,CAAC,CAAA;AAED,oDAAoD;AACpD,MAAM,UAAU,SAAS,CAAC,IAAiB;IACvC,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,IAAI,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IACjC,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC,CAAC,CAAC;IACH,OAAO,OAAO,CAAC,SAAS,CAAC;AAC7B,CAAC;AACD,MAAM,UAAU,cAAc,CAAC,IAAiB;IAC5C,6EAA6E;IAC7E,OAAO,IAAI,OAAO,CAAS,OAAO,CAAC,EAAE;QACjC,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;YACnB,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;QAC7B,CAAC,EAAE,CAAC,CAAC,CAAC;IACV,CAAC,CAAC,CAAC;AAEP,CAAC"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { IDictionary } from "@kwiz/common";
|
|
2
|
+
import { ReactNode } from "react";
|
|
3
|
+
import { iMenuItemEX } from "./menu";
|
|
4
|
+
type colType = string | {
|
|
5
|
+
/** key used for getting the column value, and for sorting/filtering */
|
|
6
|
+
key: string;
|
|
7
|
+
renderer?: string | (() => ReactNode);
|
|
8
|
+
headerCss?: string[];
|
|
9
|
+
css?: string[];
|
|
10
|
+
nowrap?: boolean;
|
|
11
|
+
};
|
|
12
|
+
type itemType = IDictionary<string | number | Date | boolean | {
|
|
13
|
+
raw?: object;
|
|
14
|
+
valuForSort?: string | number | Date | boolean;
|
|
15
|
+
renderer?: string | (() => ReactNode);
|
|
16
|
+
}>;
|
|
17
|
+
interface iPropsBase<ItemType extends itemType> {
|
|
18
|
+
columns: colType[];
|
|
19
|
+
/** item is a dictionary. Values are primitives, or {valueForSort:string;renderer:string|} */
|
|
20
|
+
items: ItemType[];
|
|
21
|
+
css?: string[];
|
|
22
|
+
rowCss?: string[];
|
|
23
|
+
getItemMenu?: (item: ItemType, index: number) => iMenuItemEX[];
|
|
24
|
+
}
|
|
25
|
+
interface iPropsUnfreezed<ItemType extends itemType> extends iPropsBase<ItemType> {
|
|
26
|
+
maxHeight: never;
|
|
27
|
+
}
|
|
28
|
+
interface iPropsFreezed<ItemType extends itemType> extends iPropsBase<ItemType> {
|
|
29
|
+
stickyTop?: true;
|
|
30
|
+
stickyLeft?: true | 1 | 2;
|
|
31
|
+
/** default: small - keep 40px of first cell visible. medium=80px cover=none */
|
|
32
|
+
stickyLeftGap?: "small" | "medium" | "cover";
|
|
33
|
+
/** if you want to have sticky header, with internal scroll - you must pass a max-height, for example:
|
|
34
|
+
* 100% or calc(100vh - 16px)
|
|
35
|
+
*/
|
|
36
|
+
maxHeight?: string;
|
|
37
|
+
}
|
|
38
|
+
type iProps<ItemType extends itemType> = iPropsUnfreezed<ItemType> | iPropsFreezed<ItemType>;
|
|
39
|
+
export declare function TableEX<ItemType extends itemType>(props: iProps<ItemType>): import("react/jsx-runtime").JSX.Element;
|
|
40
|
+
/** calls mergeClasses handle string[] that might have multi class (split by space) elements */
|
|
41
|
+
export declare function mergeClassesEX(...css: (string | string[])[]): string;
|
|
42
|
+
export {};
|
|
@@ -0,0 +1,139 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { makeStyles, mergeClasses, Table, TableBody, TableCell, TableHeader, TableHeaderCell, TableRow, tokens } from "@fluentui/react-components";
|
|
3
|
+
import { CheckboxCheckedRegular, CheckboxUncheckedRegular, MoreVerticalRegular } from "@fluentui/react-icons";
|
|
4
|
+
import { filterEmptyEntries, isBoolean, isDate, isNotEmptyArray, isNotEmptyString, isNullOrUndefined, isNumber, isString } from "@kwiz/common";
|
|
5
|
+
import { useMemo } from "react";
|
|
6
|
+
import { Horizontal } from "./horizontal";
|
|
7
|
+
import { MenuEx } from "./menu";
|
|
8
|
+
const useStyles = makeStyles({
|
|
9
|
+
firstCell: {
|
|
10
|
+
position: "sticky",
|
|
11
|
+
left: 0,
|
|
12
|
+
zIndex: 10,
|
|
13
|
+
backgroundColor: "white"
|
|
14
|
+
},
|
|
15
|
+
secondCellCover: {
|
|
16
|
+
position: "sticky",
|
|
17
|
+
left: '0',
|
|
18
|
+
zIndex: 10,
|
|
19
|
+
backgroundColor: "white",
|
|
20
|
+
maxWidth: '200px'
|
|
21
|
+
},
|
|
22
|
+
secondCellSmall: {
|
|
23
|
+
position: "sticky",
|
|
24
|
+
left: '40px',
|
|
25
|
+
zIndex: 10,
|
|
26
|
+
backgroundColor: "white",
|
|
27
|
+
maxWidth: '200px'
|
|
28
|
+
},
|
|
29
|
+
secondCellMedium: {
|
|
30
|
+
position: "sticky",
|
|
31
|
+
left: '80px',
|
|
32
|
+
zIndex: 10,
|
|
33
|
+
backgroundColor: "white",
|
|
34
|
+
maxWidth: '200px'
|
|
35
|
+
},
|
|
36
|
+
th: {
|
|
37
|
+
position: "sticky",
|
|
38
|
+
top: 0,
|
|
39
|
+
zIndex: 20,
|
|
40
|
+
backgroundColor: "white",
|
|
41
|
+
whiteSpace: "nowrap",
|
|
42
|
+
'::after': {
|
|
43
|
+
content: '""',
|
|
44
|
+
position: "absolute",
|
|
45
|
+
backgroundColor: tokens.colorNeutralStroke1,
|
|
46
|
+
height: "1px",
|
|
47
|
+
left: 0, right: 0, bottom: 0
|
|
48
|
+
}
|
|
49
|
+
},
|
|
50
|
+
stickyColumnCell: {
|
|
51
|
+
'::after': {
|
|
52
|
+
content: '""',
|
|
53
|
+
position: "absolute",
|
|
54
|
+
backgroundColor: tokens.colorNeutralStroke1,
|
|
55
|
+
width: "1px",
|
|
56
|
+
top: 0, right: 0, bottom: 0
|
|
57
|
+
}
|
|
58
|
+
},
|
|
59
|
+
stickyColumnCellPre: {
|
|
60
|
+
'::before': {
|
|
61
|
+
content: '""',
|
|
62
|
+
position: "absolute",
|
|
63
|
+
backgroundColor: tokens.colorNeutralStroke2,
|
|
64
|
+
width: "1px",
|
|
65
|
+
top: 0, left: 0, bottom: 0
|
|
66
|
+
}
|
|
67
|
+
},
|
|
68
|
+
first2TH: {
|
|
69
|
+
zIndex: 30
|
|
70
|
+
},
|
|
71
|
+
table: {
|
|
72
|
+
tableLayout: "auto"
|
|
73
|
+
},
|
|
74
|
+
nowrap: {
|
|
75
|
+
whiteSpace: "nowrap"
|
|
76
|
+
},
|
|
77
|
+
menuCell: {
|
|
78
|
+
"& .row-menu": {
|
|
79
|
+
visibility: "hidden",
|
|
80
|
+
},
|
|
81
|
+
":hover .row-menu": {
|
|
82
|
+
visibility: "visible"
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
});
|
|
86
|
+
export function TableEX(props) {
|
|
87
|
+
const css = useStyles();
|
|
88
|
+
const fProps = props;
|
|
89
|
+
const freezed = fProps.stickyTop || fProps.stickyLeft || isString(props.maxHeight);
|
|
90
|
+
const normalizedCols = useMemo(() => props.columns.map(c => isString(c) ? {
|
|
91
|
+
key: c,
|
|
92
|
+
renderer: c
|
|
93
|
+
} : Object.assign(Object.assign({}, c), { renderer: c.renderer || c.key })), [props.columns]);
|
|
94
|
+
const secondCellClass = fProps.stickyLeftGap === "cover" ? css.secondCellCover : fProps.stickyLeftGap === "medium" ? css.secondCellMedium : css.secondCellSmall;
|
|
95
|
+
const headerCellClasses = fProps.stickyTop ? [css.th] : [];
|
|
96
|
+
const firstHeaderCellClasses = headerCellClasses.slice();
|
|
97
|
+
const secondHeaderCellClasses = headerCellClasses.slice();
|
|
98
|
+
const firstCellClasses = fProps.stickyLeft ? [css.firstCell] : [];
|
|
99
|
+
const secondCellClasses = fProps.stickyLeft === 2 ? [secondCellClass] : [];
|
|
100
|
+
if (fProps.stickyLeft) {
|
|
101
|
+
firstHeaderCellClasses.splice(0, 0, css.firstCell);
|
|
102
|
+
firstHeaderCellClasses.push(css.first2TH);
|
|
103
|
+
if (fProps.stickyLeft === 2) {
|
|
104
|
+
secondHeaderCellClasses.splice(0, 0, secondCellClass);
|
|
105
|
+
secondHeaderCellClasses.push(css.first2TH);
|
|
106
|
+
secondCellClasses.push(css.stickyColumnCell);
|
|
107
|
+
secondCellClasses.push(css.stickyColumnCellPre);
|
|
108
|
+
}
|
|
109
|
+
else
|
|
110
|
+
firstCellClasses.push(css.stickyColumnCell);
|
|
111
|
+
}
|
|
112
|
+
const menuIndex = isNullOrUndefined(props.getItemMenu) ? -1 : fProps.stickyLeft === 2 ? 1 : 0;
|
|
113
|
+
const tbl = _jsxs(Table, { className: mergeClassesEX(css.table, props.css), children: [_jsx(TableHeader, { children: _jsx(TableRow, { children: normalizedCols.map((col, coli) => _jsx(TableHeaderCell, { className: mergeClassesEX((coli === 0 ? firstHeaderCellClasses : coli === 1 ? secondHeaderCellClasses : headerCellClasses), col.headerCss, col.nowrap ? css.nowrap : undefined), children: isString(col.renderer) ? col.renderer : col.renderer() }, `h${coli}`)) }) }), _jsx(TableBody, { children: props.items.map((row, rowi) => _jsx(TableRow, { className: mergeClassesEX(props.rowCss), children: normalizedCols.map((col, coli) => {
|
|
114
|
+
const colValue = row[col.key];
|
|
115
|
+
const cellControl = isString(colValue) || isNumber(colValue)
|
|
116
|
+
? colValue
|
|
117
|
+
: isBoolean(colValue) ? colValue ? _jsx(CheckboxCheckedRegular, {}) : _jsx(CheckboxUncheckedRegular, {})
|
|
118
|
+
: isDate(colValue)
|
|
119
|
+
? colValue.toDateString()
|
|
120
|
+
: isString(colValue === null || colValue === void 0 ? void 0 : colValue.renderer) ? colValue === null || colValue === void 0 ? void 0 : colValue.renderer : colValue === null || colValue === void 0 ? void 0 : colValue.renderer();
|
|
121
|
+
return _jsx(TableCell, { className: mergeClassesEX((coli === 0 ? firstCellClasses : coli === 1 ? secondCellClasses : []), col.css, col.nowrap ? css.nowrap : undefined, menuIndex === coli ? css.menuCell : null), children: menuIndex === coli
|
|
122
|
+
? _jsxs(Horizontal, { children: [cellControl, _jsx(MenuEx, { trigger: { className: "row-menu", icon: _jsx(MoreVerticalRegular, {}), title: "more" }, items: props.getItemMenu(row, rowi) })] })
|
|
123
|
+
: cellControl }, `h${coli}`);
|
|
124
|
+
}) }, `i${rowi}`)) })] });
|
|
125
|
+
return freezed
|
|
126
|
+
? _jsx("div", { style: { maxHeight: fProps.maxHeight, overflow: "auto" }, children: tbl })
|
|
127
|
+
: tbl;
|
|
128
|
+
}
|
|
129
|
+
/** calls mergeClasses handle string[] that might have multi class (split by space) elements */
|
|
130
|
+
export function mergeClassesEX(...css) {
|
|
131
|
+
const combined = filterEmptyEntries((css || []).flatMap(c => isNotEmptyArray(c)
|
|
132
|
+
? c.flatMap(c2 => isNotEmptyString(c2)
|
|
133
|
+
? c2.split(" ") : [])
|
|
134
|
+
: isNotEmptyString(c)
|
|
135
|
+
? c.split(" ")
|
|
136
|
+
: []));
|
|
137
|
+
return mergeClasses(...combined);
|
|
138
|
+
}
|
|
139
|
+
//# sourceMappingURL=table.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"table.js","sourceRoot":"","sources":["../../src/controls/table.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,7 +10,5 @@ interface IProps extends Omit<IStackProps, "direction" | "justified"> {
|
|
|
10
10
|
}
|
|
11
11
|
export declare const Vertical: (props: IProps & {
|
|
12
12
|
children?: React.ReactNode | undefined;
|
|
13
|
-
} & React.RefAttributes<HTMLDivElement>) => React.
|
|
14
|
-
/** vertical space items evenly */
|
|
15
|
-
JSX /** vertical space items evenly */.Element | null;
|
|
13
|
+
} & React.RefAttributes<HTMLDivElement>) => React.JSX.Element | null;
|
|
16
14
|
export {};
|
|
@@ -2,6 +2,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { Stack } from './stack';
|
|
4
4
|
export const Vertical = React.forwardRef((props, ref) => {
|
|
5
|
-
return _jsx(Stack, Object.assign({}, props, { direction: 'v', justified: props.vCentered === true ? "centered" : props.vSpaced === true ? "evenly" : props.vSpaced }));
|
|
5
|
+
return _jsx(Stack, Object.assign({}, props, { ref: ref, direction: 'v', justified: props.vCentered === true ? "centered" : props.vSpaced === true ? "evenly" : props.vSpaced }));
|
|
6
6
|
});
|
|
7
7
|
//# sourceMappingURL=vertical.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vertical.js","sourceRoot":"","sources":["../../src/controls/vertical.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAe,KAAK,EAAE,MAAM,SAAS,CAAC;AAU7C,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAkD,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACrG,OAAO,KAAC,KAAK,oBAAK,KAAK,
|
|
1
|
+
{"version":3,"file":"vertical.js","sourceRoot":"","sources":["../../src/controls/vertical.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAe,KAAK,EAAE,MAAM,SAAS,CAAC;AAU7C,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAkD,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACrG,OAAO,KAAC,KAAK,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,EAC7B,SAAS,EAAC,GAAG,EACb,SAAS,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,IACtG,CAAC;AACP,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"common.js","sourceRoot":"","sources":["../../src/helpers/common.ts"],"names":[],"mappings":""}
|
|
@@ -44,7 +44,7 @@ export interface iKWIZFluentContext {
|
|
|
44
44
|
btn_edit_param?: iKWIZFluentStringValueType;
|
|
45
45
|
btn_edit?: iKWIZFluentStringValueType;
|
|
46
46
|
gallery?: iKWIZFluentStringValueType;
|
|
47
|
-
|
|
47
|
+
btn_more_dots?: iKWIZFluentStringValueType;
|
|
48
48
|
color_picker?: iKWIZFluentStringValueType;
|
|
49
49
|
choose_color?: iKWIZFluentStringValueType;
|
|
50
50
|
placeholder_input?: iKWIZFluentStringValueType;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export interface iKWIZFluentContext {
|
|
3
|
+
/**
|
|
4
|
+
* Where the portal children are mounted on DOM
|
|
5
|
+
*
|
|
6
|
+
* @default a new element on document.body without any styling
|
|
7
|
+
*/
|
|
8
|
+
mountNode?: HTMLElement | null | {
|
|
9
|
+
element?: HTMLElement | null;
|
|
10
|
+
className?: string;
|
|
11
|
+
};
|
|
12
|
+
/**
|
|
13
|
+
* Controls the colors and borders of the input.
|
|
14
|
+
*
|
|
15
|
+
* @default 'underline'
|
|
16
|
+
*/
|
|
17
|
+
inputAppearance?: 'outline' | 'underline' | 'filled-darker' | 'filled-lighter';
|
|
18
|
+
/**
|
|
19
|
+
* A button can be rounded, circular, or square.
|
|
20
|
+
*
|
|
21
|
+
* @default 'rounded'
|
|
22
|
+
*/
|
|
23
|
+
buttonShape?: 'rounded' | 'circular' | 'square';
|
|
24
|
+
}
|
|
25
|
+
export declare const KWIZFluentContext: React.Context<iKWIZFluentContext>;
|
|
26
|
+
export declare function useKWIZFluentContext(): iKWIZFluentContext;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { isNullOrUndefined } from "@kwiz/common";
|
|
2
|
+
import React from "react";
|
|
3
|
+
//create context
|
|
4
|
+
export const KWIZFluentContext = React.createContext(null);
|
|
5
|
+
//use context from within controls
|
|
6
|
+
export function useKWIZFluentContext() {
|
|
7
|
+
let ctx = React.useContext(KWIZFluentContext) || {};
|
|
8
|
+
//set defaults
|
|
9
|
+
if (isNullOrUndefined(ctx.inputAppearance))
|
|
10
|
+
ctx.inputAppearance = "underline";
|
|
11
|
+
if (isNullOrUndefined(ctx.buttonShape))
|
|
12
|
+
ctx.buttonShape = "circular";
|
|
13
|
+
return ctx;
|
|
14
|
+
}
|
|
15
|
+
//# sourceMappingURL=context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { NativeTypes } from 'react-dnd-html5-backend';
|
|
2
|
+
import { iDraggedItemType } from './use-draggable';
|
|
3
|
+
import { iDroppableProps } from './use-droppable';
|
|
4
|
+
export { DragDropContainer } from './drag-drop-container';
|
|
5
|
+
export { DragDropContextProvider, useDragDropContext } from "./drag-drop-context";
|
|
6
|
+
export type { iDraggedItemType } from "./use-draggable";
|
|
7
|
+
export type { iDroppableProps } from "./use-droppable";
|
|
8
|
+
type fileNativeType = typeof NativeTypes.FILE;
|
|
9
|
+
interface dragFiles extends iDraggedItemType<fileNativeType> {
|
|
10
|
+
files: FileList;
|
|
11
|
+
}
|
|
12
|
+
export type dropFiles = iDroppableProps<fileNativeType, dragFiles>;
|