@kwiz/fluentui 1.0.86 → 1.0.87

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.
Files changed (7) hide show
  1. package/dist/controls/drawer-ex.d.ts +5 -4
  2. package/dist/controls/drawer-ex.js +4 -3
  3. package/dist/controls/drawer-ex.js.map +1 -1
  4. package/dist/controls/field-set.d.ts +9 -7
  5. package/dist/controls/field-set.js +6 -5
  6. package/dist/controls/field-set.js.map +1 -1
  7. package/package.json +1 -1
package/dist/controls/drawer-ex.d.ts CHANGED
@@ -1,10 +1,11 @@
1
1
  import { DrawerHeaderProps, DrawerHeaderTitleProps, DrawerProps } from "@fluentui/react-components";
2
- import { ReactNode } from "react";
3
- export default function DrawerEX(props: {
2
+ import React from "react";
3
+ export declare const DrawerEX: (props: {
4
4
  rootProps?: DrawerProps;
5
5
  headerProps?: DrawerHeaderProps;
6
6
  headerTitleProps?: DrawerHeaderTitleProps;
7
- children?: ReactNode;
8
7
  title?: string;
9
8
  titleActions?: JSX.Element;
10
- }): import("react/jsx-runtime").JSX.Element;
9
+ } & {
10
+ children?: React.ReactNode | undefined;
11
+ } & React.RefAttributes<HTMLDivElement>) => React.JSX.Element | null;
package/dist/controls/drawer-ex.js CHANGED
@@ -1,5 +1,6 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { Drawer, DrawerBody, DrawerHeader, drawerHeaderClassNames, DrawerHeaderTitle, makeStyles, tokens } from "@fluentui/react-components";
3
+ import React from "react";
3
4
  import { useCommonStyles } from "../styles/styles";
4
5
  const useStyles = makeStyles({
5
6
  drawer: {
@@ -15,10 +16,10 @@ const useStyles = makeStyles({
15
16
  }
16
17
  }
17
18
  });
18
- export default function DrawerEX(props) {
19
+ export const DrawerEX = React.forwardRef((props, ref) => {
19
20
  var _a, _b;
20
21
  const commonStyles = useCommonStyles();
21
22
  const css = useStyles();
22
- return _jsxs(Drawer, Object.assign({}, props.rootProps, { className: css.drawer, children: [_jsx(DrawerHeader, Object.assign({}, props.headerProps, { className: commonStyles.header, children: _jsx(DrawerHeaderTitle, Object.assign({}, props.headerTitleProps, { action: props.titleActions || ((_a = props.headerTitleProps) === null || _a === void 0 ? void 0 : _a.action), children: props.title || ((_b = props.headerTitleProps) === null || _b === void 0 ? void 0 : _b.children) })) })), _jsx(DrawerBody, { children: props.children })] }));
23
- }
23
+ return _jsxs(Drawer, Object.assign({ ref: ref }, props.rootProps, { className: css.drawer, children: [_jsx(DrawerHeader, Object.assign({}, props.headerProps, { className: commonStyles.header, children: _jsx(DrawerHeaderTitle, Object.assign({}, props.headerTitleProps, { action: props.titleActions || ((_a = props.headerTitleProps) === null || _a === void 0 ? void 0 : _a.action), children: props.title || ((_b = props.headerTitleProps) === null || _b === void 0 ? void 0 : _b.children) })) })), _jsx(DrawerBody, { children: props.children })] }));
24
+ });
24
25
  //# sourceMappingURL=drawer-ex.js.map
package/dist/controls/drawer-ex.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"drawer-ex.js","sourceRoot":"","sources":["../../src/controls/drawer-ex.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,sBAAsB,EAAqB,iBAAiB,EAAuC,UAAU,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAErM,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnD,MAAM,SAAS,GAAG,UAAU,CAAC;IACzB,MAAM,EAAE;QACJ,MAAM,EAAE,CAAC;QACT,CAAC,MAAM,sBAAsB,CAAC,IAAI,EAAE,CAAC,EAAE;YACnC,SAAS,EAAE,MAAM,CAAC,YAAY;YAC9B,eAAe,EAAE,MAAM,CAAC,oBAAoB;YAC5C,KAAK,EAAE,MAAM,CAAC,uBAAuB;YACrC,OAAO,EAAE,MAAM,CAAC,iBAAiB;YACjC,UAAU,EAAE;gBACR,KAAK,EAAE,MAAM,CAAC,uBAAuB;aACxC;SAEJ;KACJ;CACJ,CAAC,CAAC;AAEH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAOhC;;IACG,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,MAAM,GAAG,GAAG,SAAS,EAAE,CAAC;IACxB,OAAO,MAAC,MAAM,oBAAK,KAAK,CAAC,SAAS,IAAE,SAAS,EAAE,GAAG,CAAC,MAAM,aACrD,KAAC,YAAY,oBAAK,KAAK,CAAC,WAAW,IAAE,SAAS,EAAE,YAAY,CAAC,MAAM,YAC/D,KAAC,iBAAiB,oBAAK,KAAK,CAAC,gBAAgB,IAAE,MAAM,EAAE,KAAK,CAAC,YAAY,KAAI,MAAA,KAAK,CAAC,gBAAgB,0CAAE,MAAM,CAAA,YACtG,KAAK,CAAC,KAAK,KAAI,MAAA,KAAK,CAAC,gBAAgB,0CAAE,QAAQ,CAAA,IAChC,IACT,EACf,KAAC,UAAU,cACN,KAAK,CAAC,QAAQ,GACN,KACR,CAAC;AACd,CAAC"}
1
+ {"version":3,"file":"drawer-ex.js","sourceRoot":"","sources":["../../src/controls/drawer-ex.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,sBAAsB,EAAqB,iBAAiB,EAAuC,UAAU,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACrM,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnD,MAAM,SAAS,GAAG,UAAU,CAAC;IACzB,MAAM,EAAE;QACJ,MAAM,EAAE,CAAC;QACT,CAAC,MAAM,sBAAsB,CAAC,IAAI,EAAE,CAAC,EAAE;YACnC,SAAS,EAAE,MAAM,CAAC,YAAY;YAC9B,eAAe,EAAE,MAAM,CAAC,oBAAoB;YAC5C,KAAK,EAAE,MAAM,CAAC,uBAAuB;YACrC,OAAO,EAAE,MAAM,CAAC,iBAAiB;YACjC,UAAU,EAAE;gBACR,KAAK,EAAE,MAAM,CAAC,uBAAuB;aACxC;SAEJ;KACJ;CACJ,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAMnC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;;IAChB,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,MAAM,GAAG,GAAG,SAAS,EAAE,CAAC;IACxB,OAAO,MAAC,MAAM,kBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,CAAC,SAAS,IAAE,SAAS,EAAE,GAAG,CAAC,MAAM,aAC/D,KAAC,YAAY,oBAAK,KAAK,CAAC,WAAW,IAAE,SAAS,EAAE,YAAY,CAAC,MAAM,YAC/D,KAAC,iBAAiB,oBAAK,KAAK,CAAC,gBAAgB,IAAE,MAAM,EAAE,KAAK,CAAC,YAAY,KAAI,MAAA,KAAK,CAAC,gBAAgB,0CAAE,MAAM,CAAA,YACtG,KAAK,CAAC,KAAK,KAAI,MAAA,KAAK,CAAC,gBAAgB,0CAAE,QAAQ,CAAA,IAChC,IACT,EACf,KAAC,UAAU,cACN,KAAK,CAAC,QAAQ,GACN,KACR,CAAC;AACd,CAAC,CAAC,CAAC"}
package/dist/controls/field-set.d.ts CHANGED
@@ -1,9 +1,11 @@
1
- import { ReactNode } from "react";
2
- export declare function FieldSet({ title, children }: {
1
+ import React, { ReactNode } from "react";
2
+ export declare const FieldSet: (props: {
3
3
  title: string;
4
- children: ReactNode;
5
- }): import("react/jsx-runtime").JSX.Element;
6
- export declare function HorizontalFieldSet({ title, children }: {
4
+ } & {
5
+ children?: ReactNode | undefined;
6
+ } & React.RefAttributes<HTMLFieldSetElement>) => React.JSX.Element | null;
7
+ export declare const HorizontalFieldSet: (props: {
7
8
  title: string;
8
- children: ReactNode;
9
- }): import("react/jsx-runtime").JSX.Element;
9
+ } & {
10
+ children?: ReactNode | undefined;
11
+ } & React.RefAttributes<HTMLFieldSetElement>) => React.JSX.Element | null;
package/dist/controls/field-set.js CHANGED
@@ -1,5 +1,6 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { makeStyles, shorthands, tokens } from "@fluentui/react-components";
3
+ import React from "react";
3
4
  import { Horizontal } from "./horizontal";
4
5
  const useStyles = makeStyles({
5
6
  fieldset: Object.assign({ borderRadius: tokens.borderRadiusMedium }, shorthands.borderColor(tokens.colorNeutralStrokeSubtle)),
@@ -7,12 +8,12 @@ const useStyles = makeStyles({
7
8
  alignItems: "start"
8
9
  }
9
10
  });
10
- export function FieldSet({ title, children }) {
11
+ export const FieldSet = React.forwardRef(({ title, children }, ref) => {
11
12
  const css = useStyles();
12
- return _jsxs("fieldset", { className: css.fieldset, children: [_jsx("legend", { children: title }), children] });
13
- }
14
- export function HorizontalFieldSet({ title, children }) {
13
+ return _jsxs("fieldset", { ref: ref, className: css.fieldset, children: [_jsx("legend", { children: title }), children] });
14
+ });
15
+ export const HorizontalFieldSet = React.forwardRef(({ title, children }, ref) => {
15
16
  const css = useStyles();
16
17
  return _jsx(FieldSet, { title: title, children: _jsx(Horizontal, { wrap: true, css: [css.horizontal], children: children }) });
17
- }
18
+ });
18
19
  //# sourceMappingURL=field-set.js.map
package/dist/controls/field-set.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"field-set.js","sourceRoot":"","sources":["../../src/controls/field-set.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAE5E,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,SAAS,GAAG,UAAU,CAAC;IACzB,QAAQ,kBACJ,YAAY,EAAE,MAAM,CAAC,kBAAkB,IACpC,UAAU,CAAC,WAAW,CAAC,MAAM,CAAC,wBAAwB,CAAC,CAC7D;IACD,UAAU,EAAE;QACR,UAAU,EAAE,OAAO;KACtB;CACJ,CAAC,CAAC;AAEH,MAAM,UAAU,QAAQ,CAAC,EAAE,KAAK,EAAE,QAAQ,EAA0C;IAChF,MAAM,GAAG,GAAG,SAAS,EAAE,CAAC;IAExB,OAAO,oBAAU,SAAS,EAAE,GAAG,CAAC,QAAQ,aACpC,2BAAS,KAAK,GAAU,EACvB,QAAQ,IACF,CAAC;AAChB,CAAC;AACD,MAAM,UAAU,kBAAkB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAA0C;IAC1F,MAAM,GAAG,GAAG,SAAS,EAAE,CAAC;IAExB,OAAO,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YACzB,KAAC,UAAU,IAAC,IAAI,QAAC,GAAG,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,YACjC,QAAQ,GACA,GACN,CAAC;AAChB,CAAC"}
1
+ {"version":3,"file":"field-set.js","sourceRoot":"","sources":["../../src/controls/field-set.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAC5E,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,SAAS,GAAG,UAAU,CAAC;IACzB,QAAQ,kBACJ,YAAY,EAAE,MAAM,CAAC,kBAAkB,IACpC,UAAU,CAAC,WAAW,CAAC,MAAM,CAAC,wBAAwB,CAAC,CAC7D;IACD,UAAU,EAAE;QACR,UAAU,EAAE,OAAO;KACtB;CACJ,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAqE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,GAAG,EAAE,EAAE;IACtI,MAAM,GAAG,GAAG,SAAS,EAAE,CAAC;IAExB,OAAO,oBAAU,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,CAAC,QAAQ,aAC9C,2BAAS,KAAK,GAAU,EACvB,QAAQ,IACF,CAAC;AAChB,CAAC,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAAqE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,GAAG,EAAE,EAAE;IAChJ,MAAM,GAAG,GAAG,SAAS,EAAE,CAAC;IAExB,OAAO,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YACzB,KAAC,UAAU,IAAC,IAAI,QAAC,GAAG,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,YACjC,QAAQ,GACA,GACN,CAAC;AAChB,CAAC,CAAC,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kwiz/fluentui",
3
- "version": "1.0.86",
3
+ "version": "1.0.87",
4
4
  "description": "KWIZ common controls for FluentUI",
5
5
  "module": "dist/index.js",
6
6
  "types": "dist/index.d.ts",