@kwiz/fluentui 1.0.101 → 1.0.102
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/dist/controls/index.d.ts +1 -0
- package/dist/controls/index.js +1 -0
- package/dist/controls/index.js.map +1 -1
- package/dist/controls/kwizoverflow2.d.ts +1 -0
- package/dist/controls/kwizoverflow2.js +4 -4
- package/dist/controls/kwizoverflow2.js.map +1 -1
- package/dist/controls/tag-ex.d.ts +19 -0
- package/dist/controls/tag-ex.js +9 -0
- package/dist/controls/tag-ex.js.map +1 -0
- package/package.json +1 -1
package/dist/controls/index.d.ts
CHANGED
package/dist/controls/index.js
CHANGED
|
@@ -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,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,sBAAsB,CAAC;AACrC,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,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,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,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,sBAAsB,CAAC;AACrC,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,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,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC"}
|
|
@@ -8,5 +8,6 @@ export interface iOverflowV2Props<ItemType> {
|
|
|
8
8
|
/** items will only have the items that need to overflow */
|
|
9
9
|
renderOverflowMenuButton?: (props: iOverflowV2Props<ItemType>) => JSX.Element;
|
|
10
10
|
root?: iHorizontalProps;
|
|
11
|
+
nowrap?: boolean;
|
|
11
12
|
}
|
|
12
13
|
export declare const KWIZOverflowV2: <ItemType>(props: PropsWithChildren<iOverflowV2Props<ItemType>>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { Menu, MenuButton, MenuList, MenuPopover, MenuTrigger } from "@fluentui/react-components";
|
|
3
3
|
import { MoreVerticalFilled } from "@fluentui/react-icons";
|
|
4
4
|
import { GetLogger } from "@kwiz/common";
|
|
5
|
-
import { useEffect } from "react";
|
|
6
|
-
import { useElementSize, useRefWithState
|
|
5
|
+
import { useEffect, useState } from "react";
|
|
6
|
+
import { useElementSize, useRefWithState } from "../helpers";
|
|
7
7
|
import { useKWIZFluentContext } from "../helpers/context-internal";
|
|
8
8
|
import { KnownClassNames } from "../styles";
|
|
9
9
|
import { Horizontal } from "./horizontal";
|
|
@@ -20,7 +20,7 @@ const OverflowMenu = (props) => {
|
|
|
20
20
|
export const KWIZOverflowV2 = (props) => {
|
|
21
21
|
const wrapperRef = useRefWithState();
|
|
22
22
|
const size = useElementSize(wrapperRef.ref.current);
|
|
23
|
-
const [overflowItems, setOverflowItems] =
|
|
23
|
+
const [overflowItems, setOverflowItems] = useState(0);
|
|
24
24
|
useEffect(() => {
|
|
25
25
|
if (wrapperRef.ref.current) {
|
|
26
26
|
const div = wrapperRef.ref.current;
|
|
@@ -42,6 +42,6 @@ export const KWIZOverflowV2 = (props) => {
|
|
|
42
42
|
setOverflowItems(overflowItems);
|
|
43
43
|
}
|
|
44
44
|
}, [size.height, size.width, wrapperRef.value]);
|
|
45
|
-
return (_jsxs(Horizontal, Object.assign({ ref: wrapperRef.set, style: { overflow: "hidden" } }, props.root, { children: [props.items.map((item, index) => _jsx(Section, { children: props.renderItem(item, index, false) }, `s${index}`)), _jsx(OverflowMenu, Object.assign({}, props, { items: props.items.slice(props.items.length - overflowItems) })), props.children] })));
|
|
45
|
+
return (_jsxs(Horizontal, Object.assign({ ref: wrapperRef.set, style: { overflow: "hidden", whiteSpace: props.nowrap ? "nowrap" : undefined } }, props.root, { children: [props.items.map((item, index) => _jsx(Section, { children: props.renderItem(item, index, false) }, `s${index}`)), _jsx(OverflowMenu, Object.assign({}, props, { items: props.items.slice(props.items.length - overflowItems) })), props.children] })));
|
|
46
46
|
};
|
|
47
47
|
//# sourceMappingURL=kwizoverflow2.js.map
|
|
@@ -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,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAClG,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"kwizoverflow2.js","sourceRoot":"","sources":["../../src/controls/kwizoverflow2.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { TagAppearance, TagShape, TagSize } from '@fluentui/react-components';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
interface iProps {
|
|
4
|
+
shape?: TagShape;
|
|
5
|
+
size?: TagSize;
|
|
6
|
+
appearance?: TagAppearance;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
/** primary text */
|
|
9
|
+
text: string | JSX.Element;
|
|
10
|
+
icon?: JSX.Element;
|
|
11
|
+
media?: JSX.Element;
|
|
12
|
+
secondaryText?: string;
|
|
13
|
+
action?: React.MouseEventHandler<HTMLButtonElement>;
|
|
14
|
+
/** this is only called if a main action also provided. otherwise, it will render a non-clickable tag and dismiss will be handled by a tag group */
|
|
15
|
+
secondaryAction?: React.MouseEventHandler<HTMLButtonElement>;
|
|
16
|
+
value?: string;
|
|
17
|
+
}
|
|
18
|
+
export declare const TagEx: React.FunctionComponent<React.PropsWithChildren<iProps>>;
|
|
19
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { InteractionTag, InteractionTagPrimary, InteractionTagSecondary, Tag } from '@fluentui/react-components';
|
|
3
|
+
import { isFunction } from '@kwiz/common';
|
|
4
|
+
export const TagEx = (props) => {
|
|
5
|
+
return isFunction(props.action)
|
|
6
|
+
? _jsxs(InteractionTag, { shape: props.shape, size: props.size, appearance: props.appearance, disabled: props.disabled, value: props.value, children: [_jsx(InteractionTagPrimary, { media: props.icon ? undefined : props.media, icon: props.icon, onClick: props.action, secondaryText: props.secondaryText, hasSecondaryAction: isFunction(props.secondaryAction), children: props.text }), props.secondaryAction && _jsx(InteractionTagSecondary, { onClick: props.secondaryAction, "aria-label": "remove" })] })
|
|
7
|
+
: _jsx(Tag, { shape: props.shape, size: props.size, appearance: props.appearance, disabled: props.disabled, dismissible: isFunction(props.secondaryAction), value: props.value, children: props.text });
|
|
8
|
+
};
|
|
9
|
+
//# sourceMappingURL=tag-ex.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tag-ex.js","sourceRoot":"","sources":["../../src/controls/tag-ex.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,qBAAqB,EAAE,uBAAuB,EAAE,GAAG,EAAoC,MAAM,4BAA4B,CAAC;AACnJ,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAkB1C,MAAM,CAAC,MAAM,KAAK,GAA6D,CAAC,KAAK,EAAE,EAAE;IACrF,OAAO,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC;QAC3B,CAAC,CAAC,MAAC,cAAc,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,aAC9H,KAAC,qBAAqB,IAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,MAAM,EACvG,aAAa,EAAE,KAAK,CAAC,aAAa,EAAE,kBAAkB,EAAE,UAAU,CAAC,KAAK,CAAC,eAAe,CAAC,YAAG,KAAK,CAAC,IAAI,GAAyB,EAClI,KAAK,CAAC,eAAe,IAAI,KAAC,uBAAuB,IAAC,OAAO,EAAE,KAAK,CAAC,eAAe,gBAAa,QAAQ,GAAG,IAC5F;QACjB,CAAC,CAAC,KAAC,GAAG,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAC/F,WAAW,EAAE,UAAU,CAAC,KAAK,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,YACjE,KAAK,CAAC,IAAI,GACT,CAAC;AACf,CAAC,CAAA"}
|