@kwiz/fluentui 1.0.129 → 1.0.130

package/dist/controls/index.d.ts

@@ -32,6 +32,7 @@ export * from './search';
 export * from './section';
 export * from './stack';
 export * from './svg';
+export * from './tabs';
 export * from './tag-ex';
 export * from './toolbar';
 export * from './vertical';

package/dist/controls/index.js

@@ -32,6 +32,7 @@ export * from './search';
 export * from './section';
 export * from './stack';
 export * from './svg';
+export * from './tabs';
 export * from './tag-ex';
 export * from './toolbar';
 export * from './vertical';

package/dist/controls/index.js.map

@@ -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,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"}
+{"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,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"}

package/dist/controls/tabs.d.ts

@@ -0,0 +1,24 @@
+import { TabListProps, TabProps } from "@fluentui/react-components";
+import { ReactNode } from "react";
+import { IStackProps } from "./stack";
+interface iProps<keyType extends string> {
+    tabs: {
+        key: keyType;
+        title: string | JSX.Element;
+        children: ReactNode | JSX.Element;
+        props?: TabProps;
+    }[];
+    root?: TabListProps;
+    onSelect?: (value: keyType) => void;
+    /** default: {direction:"v"} */
+    container: IStackProps;
+}
+type tProps<keyType extends string> = iProps<keyType> & ({
+    selected: keyType;
+    defaultSelected?: never;
+} | {
+    selected?: never;
+    defaultSelected: keyType;
+});
+export declare function TabsEX<keyType extends string>(props: tProps<keyType>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/controls/tabs.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Tab, TabList } from "@fluentui/react-components";
+import { CommonLogger, firstOrNull, isUndefined } from "@kwiz/common";
+import { useEffect, useMemo, useState } from "react";
+import { Stack } from "./stack";
+const logger = new CommonLogger("Tabs");
+export function TabsEX(props) {
+    const [isUnControlled, setIsUnControlled] = useState(!isUndefined(props.defaultSelected));
+    const __isUnControlled = !isUndefined(props.defaultSelected);
+    useEffect(() => {
+        if (__isUnControlled !== isUnControlled) {
+            logger.error(`A TabsEX control was switched from controlled to uncontrolled mode. This is not supported.`);
+            setIsUnControlled(__isUnControlled);
+            if (!__isUnControlled) {
+                setUncontrolledSelected(props.selected);
+            }
+        }
+    }, [__isUnControlled, isUnControlled]);
+    const [uncontrolledSelected, setUncontrolledSelected] = useState(isUnControlled ? props.defaultSelected : props.selected);
+    const selectedValueToUse = isUnControlled ? uncontrolledSelected : props.selected;
+    const selectedTab = useMemo(() => {
+        return firstOrNull(props.tabs, t => t.key === selectedValueToUse);
+    }, [props.tabs, selectedValueToUse]);
+    return _jsxs(Stack, Object.assign({}, props.container || { direction: "v" }, { children: [_jsx(TabList, Object.assign({}, props.root, { selectedValue: selectedValueToUse, onTabSelect: (e, data) => {
+                    var _a;
+                    setUncontrolledSelected(data.value);
+                    (_a = props.onSelect) === null || _a === void 0 ? void 0 : _a.call(props, data.value);
+                }, children: props.tabs.map(t => _jsx(Tab, { value: t.key, children: t.title }, t.key)) })), selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab.children] }));
+}
+//# sourceMappingURL=tabs.js.map

package/dist/controls/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../src/controls/tabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,OAAO,EAA0B,MAAM,4BAA4B,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AACtE,OAAO,EAAa,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAe,KAAK,EAAE,MAAM,SAAS,CAAC;AAE7C,MAAM,MAAM,GAAG,IAAI,YAAY,CAAC,MAAM,CAAC,CAAC;AAkBxC,MAAM,UAAU,MAAM,CAAyB,KAAsB;IACjE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC;IAE1F,MAAM,gBAAgB,GAAG,CAAC,WAAW,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;IAC7D,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,gBAAgB,KAAK,cAAc,EAAE,CAAC;YACtC,MAAM,CAAC,KAAK,CAAC,4FAA4F,CAAC,CAAC;YAC3G,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;YACpC,IAAI,CAAC,gBAAgB,EAAE,CAAC;gBACpB,uBAAuB,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;YAC5C,CAAC;QACL,CAAC;IACL,CAAC,EAAE,CAAC,gBAAgB,EAAE,cAAc,CAAC,CAAC,CAAC;IAEvC,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAE1H,MAAM,kBAAkB,GAAG,cAAc,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC;IAElF,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,WAAW,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,kBAAkB,CAAC,CAAC;IACtE,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAErC,OAAO,MAAC,KAAK,oBAAK,KAAK,CAAC,SAAS,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,eACnD,KAAC,OAAO,oBAAK,KAAK,CAAC,IAAI,IAAE,aAAa,EAAE,kBAAkB,EAAE,WAAW,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE;;oBACjF,uBAAuB,CAAC,IAAI,CAAC,KAAgB,CAAC,CAAC;oBAC/C,MAAA,KAAK,CAAC,QAAQ,sDAAG,IAAI,CAAC,KAAgB,CAAC,CAAC;gBAC5C,CAAC,YACI,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAC,GAAG,IAAa,KAAK,EAAE,CAAC,CAAC,GAAG,YAAG,CAAC,CAAC,KAAK,IAA7B,CAAC,CAAC,GAAG,CAA+B,CAAC,IAC9D,EACT,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,KAClB,CAAC;AACb,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@kwiz/fluentui",
-    "version": "1.0.129",
+    "version": "1.0.130",
     "description": "KWIZ common controls for FluentUI",
     "module": "dist/index.js",
     "types": "dist/index.d.ts",