@kwiz/fluentui 1.0.210 → 1.0.211

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.
@@ -6,7 +6,7 @@ interface iProps<keyType extends string> {
6
6
  key: keyType;
7
7
  title: string | JSX.Element;
8
8
  children: ReactNode | JSX.Element;
9
- props?: TabProps;
9
+ props?: Partial<TabProps>;
10
10
  }[];
11
11
  root?: TabListProps;
12
12
  onSelect?: (value: keyType) => void;
@@ -1 +1 @@
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,kBAAC,SAAS,EAAC,GAAG,IAAK,CAAC,KAAK,CAAC,SAAS,IAAI,EAAE,CAAC,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"}
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;AAqBxC,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,kBAAC,SAAS,EAAC,GAAG,IAAK,CAAC,KAAK,CAAC,SAAS,IAAI,EAAE,CAAC,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"}
@@ -1,20 +1,23 @@
1
1
  import { makeStyles } from "@fluentui/react-components";
2
- const showOnHoverClass = "kfui-show-on-hover";
2
+ /** switch to using a var, reset it to hidden on every scope. this way nested controls will
3
+ * not all show up when parent is on hover.
4
+ */
3
5
  const useStyles = makeStyles({
4
6
  hoverParent: {
5
- [`& .${showOnHoverClass}`]: {
6
- visibility: "hidden",
7
+ "--kfui-show-on-hover-visibility": "hidden",
8
+ ":hover": {
9
+ "--kfui-show-on-hover-visibility": "visible"
7
10
  },
8
- [`:hover .${showOnHoverClass}`]: {
9
- visibility: "visible"
10
- },
11
- //ignore the reserved space rendered element for tab list
12
- [`:hover .fui-Tab__content--reserved-space .${showOnHoverClass}`]: {
13
- visibility: "hidden"
11
+ "& .fui-Tab__content--reserved-space": {
12
+ "--kfui-show-on-hover-visibility": "hidden"
14
13
  }
14
+ },
15
+ showOnHover: {
16
+ visibility: "var(--kfui-show-on-hover-visibility, hidden)"
15
17
  }
16
18
  });
17
19
  export function useShowOnHover() {
18
- return { hoverParent: useStyles().hoverParent, showOnHover: showOnHoverClass };
20
+ const styles = useStyles();
21
+ return { hoverParent: styles.hoverParent, showOnHover: styles.showOnHover };
19
22
  }
20
23
  //# sourceMappingURL=use-show-on-hover.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"use-show-on-hover.js","sourceRoot":"","sources":["../../src/helpers/use-show-on-hover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAExD,MAAM,gBAAgB,GAAG,oBAAoB,CAAC;AAC9C,MAAM,SAAS,GAAG,UAAU,CAAC;IACzB,WAAW,EAAE;QACT,CAAC,MAAM,gBAAgB,EAAE,CAAC,EAAE;YACxB,UAAU,EAAE,QAAQ;SACvB;QACD,CAAC,WAAW,gBAAgB,EAAE,CAAC,EAAE;YAC7B,UAAU,EAAE,SAAS;SACxB;QACD,yDAAyD;QACzD,CAAC,6CAA6C,gBAAgB,EAAE,CAAC,EAAE;YAC/D,UAAU,EAAE,QAAQ;SACvB;KACJ;CAEJ,CAAC,CAAC;AACH,MAAM,UAAU,cAAc;IAC1B,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,WAAW,EAAE,WAAW,EAAE,gBAAgB,EAAE,CAAA;AAClF,CAAC"}
1
+ {"version":3,"file":"use-show-on-hover.js","sourceRoot":"","sources":["../../src/helpers/use-show-on-hover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAExD;;GAEG;AACH,MAAM,SAAS,GAAG,UAAU,CAAC;IACzB,WAAW,EAAE;QACT,iCAAiC,EAAE,QAAQ;QAC3C,QAAQ,EAAE;YACN,iCAAiC,EAAE,SAAS;SAC/C;QACD,qCAAqC,EAAE;YACnC,iCAAiC,EAAE,QAAQ;SAC9C;KACJ;IACD,WAAW,EAAE;QACT,UAAU,EAAE,8CAA0D;KACzE;CACJ,CAAC,CAAC;AAEH,MAAM,UAAU,cAAc;IAC1B,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,OAAO,EAAE,WAAW,EAAE,MAAM,CAAC,WAAW,EAAE,WAAW,EAAE,MAAM,CAAC,WAAW,EAAE,CAAA;AAC/E,CAAC"}
@@ -2,6 +2,7 @@
2
2
  import { dispatchCustomEvent, getGlobal, isNotEmptyString, isNullOrUndefined, jsonParse, jsonStringify } from "@kwiz/common";
3
3
  import { useEffect, useId, useState } from "react";
4
4
  import { useIsInPrint } from "./hooks-events";
5
+ const $themeStorageKey = "sos-theme-info";
5
6
  function getDefaultThemeInfo() {
6
7
  const themeInfo = { auto: true, scheme: window.matchMedia('(prefers-color-scheme: dark)').matches ? "dark" : "light" };
7
8
  return themeInfo;
@@ -47,7 +48,6 @@ export function useTheme() {
47
48
  }, [id]);
48
49
  return isInPrint ? { auto: false, scheme: "light" } : theme;
49
50
  }
50
- const $themeStorageKey = "sos-theme-info";
51
51
  function saveThemeInLocalStorage(themeInfo) {
52
52
  localStorage.setItem($themeStorageKey, jsonStringify(themeInfo));
53
53
  }
@@ -1 +1 @@
1
- {"version":3,"file":"use-theme.js","sourceRoot":"","sources":["../../src/helpers/use-theme.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"use-theme.js","sourceRoot":"","sources":["../../src/helpers/use-theme.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7H,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAU9C,MAAM,gBAAgB,GAAG,gBAAgB,CAAC;AAE1C,SAAS,mBAAmB;IACxB,MAAM,SAAS,GAAe,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC;IACnI,OAAO,SAAS,CAAC;AACrB,CAAC;AAED,SAAS,YAAY;IACjB,IAAI,SAAS,GAAe,wBAAwB,EAAE,CAAC;IACvD,IAAI,SAAS,EAAE,CAAC;QACZ,SAAS,GAAG,mBAAmB,EAAE,CAAC;IACtC,CAAC;IACD,OAAO,SAAS,CAAC;AACrB,CAAC;AAED,MAAM,OAAO,GAET,SAAS,CAAC,kBAAkB,EAAE;IAC9B,KAAK,EAAE,YAAY,EAAE;CACxB,CAAC,CAAC;AAEH,MAAM,UAAU,YAAY,CAAC,SAAqB;IAC9C,MAAM,YAAY,GAAG,CAAC,SAAS,CAAC,IAAI,IAAI,iBAAiB,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;QACxE,CAAC,CAAC,mBAAmB,EAAE;QACvB,CAAC,CAAC,SAAS,CAAC;IAEhB,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;QAClB,uBAAuB,CAAC,SAAS,CAAC,CAAC;IACvC,CAAC;SAAM,CAAC;QACJ,yBAAyB,EAAE,CAAC;IAChC,CAAC;IAED,OAAO,CAAC,KAAK,GAAG,YAAY,CAAC;IAC7B,mBAAmB,CAAC,UAA2B,EAAE,gBAAgB,CAAC,CAAC;AACvE,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,QAAQ;IACpB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IAEjC,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IACnB,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,QAAQ,GAAG,GAAG,EAAE,GAAG,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QAEpD,MAAM,CAAC,gBAAgB,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAC;QACpD,OAAO,GAAG,EAAE;YACR,MAAM,CAAC,mBAAmB,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAC;QAC3D,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAET,OAAO,SAAS,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;AAChE,CAAC;AAED,SAAS,uBAAuB,CAAC,SAAqB;IAClD,YAAY,CAAC,OAAO,CAAC,gBAAgB,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC;AACrE,CAAC;AACD,SAAS,wBAAwB;IAC7B,MAAM,GAAG,GAAG,YAAY,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACnD,IAAI,gBAAgB,CAAC,GAAG,CAAC;QAAE,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC;;QAC5C,OAAO,IAAI,CAAC;AACrB,CAAC;AACD,SAAS,yBAAyB;IAC9B,YAAY,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;AAC9C,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kwiz/fluentui",
3
- "version": "1.0.210",
3
+ "version": "1.0.211",
4
4
  "description": "KWIZ common controls for FluentUI",
5
5
  "module": "dist/index.js",
6
6
  "types": "dist/index.d.ts",