@fluentui/react-divider 0.0.0-nightly-20230316-0427.1 → 0.0.0-nightly-20230317-1454.1

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 (35) hide show
  1. package/.swcrc +39 -0
  2. package/CHANGELOG.json +26 -11
  3. package/CHANGELOG.md +17 -8
  4. package/lib/Divider.js +1 -1
  5. package/lib/Divider.js.map +1 -1
  6. package/lib/components/Divider/Divider.js +6 -6
  7. package/lib/components/Divider/Divider.js.map +1 -1
  8. package/lib/components/Divider/Divider.types.js.map +1 -1
  9. package/lib/components/Divider/index.js +5 -5
  10. package/lib/components/Divider/index.js.map +1 -1
  11. package/lib/components/Divider/renderDivider.js +3 -7
  12. package/lib/components/Divider/renderDivider.js.map +1 -1
  13. package/lib/components/Divider/useDivider.js +11 -10
  14. package/lib/components/Divider/useDivider.js.map +1 -1
  15. package/lib/components/Divider/useDividerStyles.js +8 -8
  16. package/lib/components/Divider/useDividerStyles.js.map +1 -1
  17. package/lib/index.js +1 -1
  18. package/lib/index.js.map +1 -1
  19. package/lib-commonjs/Divider.js +5 -4
  20. package/lib-commonjs/Divider.js.map +1 -1
  21. package/lib-commonjs/components/Divider/Divider.js +19 -20
  22. package/lib-commonjs/components/Divider/Divider.js.map +1 -1
  23. package/lib-commonjs/components/Divider/Divider.types.js +3 -2
  24. package/lib-commonjs/components/Divider/Divider.types.js.map +1 -1
  25. package/lib-commonjs/components/Divider/index.js +9 -8
  26. package/lib-commonjs/components/Divider/index.js.map +1 -1
  27. package/lib-commonjs/components/Divider/renderDivider.js +13 -20
  28. package/lib-commonjs/components/Divider/renderDivider.js.map +1 -1
  29. package/lib-commonjs/components/Divider/useDivider.js +39 -46
  30. package/lib-commonjs/components/Divider/useDivider.js.map +1 -1
  31. package/lib-commonjs/components/Divider/useDividerStyles.js +373 -186
  32. package/lib-commonjs/components/Divider/useDividerStyles.js.map +1 -1
  33. package/lib-commonjs/index.js +16 -33
  34. package/lib-commonjs/index.js.map +1 -1
  35. package/package.json +7 -7
@@ -1,50 +1,43 @@
1
1
  "use strict";
2
-
3
2
  Object.defineProperty(exports, "__esModule", {
4
- value: true
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "useDivider_unstable", {
6
+ enumerable: true,
7
+ get: ()=>useDivider_unstable
5
8
  });
6
- exports.useDivider_unstable = void 0;
7
- const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
8
- /**
9
- * Returns the props and state required to render the component
10
- * @param props - User-provided props to the Divider component.
11
- * @param ref - User-provided ref to be passed to the Divider component.
12
- */
13
- const useDivider_unstable = (props, ref) => {
14
- const {
15
- alignContent = 'center',
16
- appearance = 'default',
17
- inset = false,
18
- vertical = false,
19
- wrapper
20
- } = props;
21
- const dividerId = react_utilities_1.useId('divider-');
22
- return {
23
- // Props passed at the top-level
24
- alignContent,
25
- appearance,
26
- inset,
27
- vertical,
28
- // Slots definition
29
- components: {
30
- root: 'div',
31
- wrapper: 'div'
32
- },
33
- root: react_utilities_1.getNativeElementProps('div', {
34
- role: 'separator',
35
- 'aria-orientation': vertical ? 'vertical' : 'horizontal',
36
- 'aria-labelledby': props.children ? dividerId : undefined,
37
- ...props,
38
- ref
39
- }),
40
- wrapper: react_utilities_1.resolveShorthand(wrapper, {
41
- required: true,
42
- defaultProps: {
43
- id: dividerId,
44
- children: props.children
45
- }
46
- })
47
- };
48
- };
49
- exports.useDivider_unstable = useDivider_unstable;
9
+ const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
10
+ const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
11
+ const _reactUtilities = require("@fluentui/react-utilities");
12
+ const useDivider_unstable = (props, ref)=>{
13
+ const { alignContent ="center" , appearance ="default" , inset =false , vertical =false , wrapper } = props;
14
+ const dividerId = (0, _reactUtilities.useId)("divider-");
15
+ return {
16
+ // Props passed at the top-level
17
+ alignContent,
18
+ appearance,
19
+ inset,
20
+ vertical,
21
+ // Slots definition
22
+ components: {
23
+ root: "div",
24
+ wrapper: "div"
25
+ },
26
+ root: (0, _reactUtilities.getNativeElementProps)("div", {
27
+ role: "separator",
28
+ "aria-orientation": vertical ? "vertical" : "horizontal",
29
+ "aria-labelledby": props.children ? dividerId : undefined,
30
+ ...props,
31
+ ref
32
+ }),
33
+ wrapper: (0, _reactUtilities.resolveShorthand)(wrapper, {
34
+ required: true,
35
+ defaultProps: {
36
+ id: dividerId,
37
+ children: props.children
38
+ }
39
+ })
40
+ };
41
+ }; //# sourceMappingURL=useDivider.js.map
42
+
50
43
  //# sourceMappingURL=useDivider.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["react_utilities_1","require","useDivider_unstable","props","ref","alignContent","appearance","inset","vertical","wrapper","dividerId","useId","components","root","getNativeElementProps","role","children","undefined","resolveShorthand","required","defaultProps","id","exports"],"sources":["../../../../../../../../../packages/react-components/react-divider/src/components/Divider/useDivider.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand, useId } from '@fluentui/react-utilities';\nimport type { DividerProps, DividerState } from './Divider.types';\n\n/**\n * Returns the props and state required to render the component\n * @param props - User-provided props to the Divider component.\n * @param ref - User-provided ref to be passed to the Divider component.\n */\nexport const useDivider_unstable = (props: DividerProps, ref: React.Ref<HTMLElement>): DividerState => {\n const { alignContent = 'center', appearance = 'default', inset = false, vertical = false, wrapper } = props;\n const dividerId = useId('divider-');\n\n return {\n // Props passed at the top-level\n alignContent,\n appearance,\n inset,\n vertical,\n\n // Slots definition\n components: {\n root: 'div',\n wrapper: 'div',\n },\n\n root: getNativeElementProps('div', {\n role: 'separator',\n 'aria-orientation': vertical ? 'vertical' : 'horizontal',\n 'aria-labelledby': props.children ? dividerId : undefined,\n ...props,\n ref,\n }),\n wrapper: resolveShorthand(wrapper, {\n required: true,\n defaultProps: {\n id: dividerId,\n children: props.children,\n },\n }),\n };\n};\n"],"mappings":";;;;;;AACA,MAAAA,iBAAA,gBAAAC,OAAA;AAGA;;;;;AAKO,MAAMC,mBAAmB,GAAGA,CAACC,KAAmB,EAAEC,GAA2B,KAAkB;EACpG,MAAM;IAAEC,YAAY,GAAG,QAAQ;IAAEC,UAAU,GAAG,SAAS;IAAEC,KAAK,GAAG,KAAK;IAAEC,QAAQ,GAAG,KAAK;IAAEC;EAAO,CAAE,GAAGN,KAAK;EAC3G,MAAMO,SAAS,GAAGV,iBAAA,CAAAW,KAAK,CAAC,UAAU,CAAC;EAEnC,OAAO;IACL;IACAN,YAAY;IACZC,UAAU;IACVC,KAAK;IACLC,QAAQ;IAER;IACAI,UAAU,EAAE;MACVC,IAAI,EAAE,KAAK;MACXJ,OAAO,EAAE;KACV;IAEDI,IAAI,EAAEb,iBAAA,CAAAc,qBAAqB,CAAC,KAAK,EAAE;MACjCC,IAAI,EAAE,WAAW;MACjB,kBAAkB,EAAEP,QAAQ,GAAG,UAAU,GAAG,YAAY;MACxD,iBAAiB,EAAEL,KAAK,CAACa,QAAQ,GAAGN,SAAS,GAAGO,SAAS;MACzD,GAAGd,KAAK;MACRC;KACD,CAAC;IACFK,OAAO,EAAET,iBAAA,CAAAkB,gBAAgB,CAACT,OAAO,EAAE;MACjCU,QAAQ,EAAE,IAAI;MACdC,YAAY,EAAE;QACZC,EAAE,EAAEX,SAAS;QACbM,QAAQ,EAAEb,KAAK,CAACa;;KAEnB;GACF;AACH,CAAC;AAhCYM,OAAA,CAAApB,mBAAmB,GAAAA,mBAAA"}
1
+ {"version":3,"sources":["../../../lib/components/Divider/useDivider.js"],"sourcesContent":["import * as React from \"react\";\nimport { getNativeElementProps, resolveShorthand, useId } from \"@fluentui/react-utilities\";\n/**\n * Returns the props and state required to render the component\n * @param props - User-provided props to the Divider component.\n * @param ref - User-provided ref to be passed to the Divider component.\n */\nexport const useDivider_unstable = (props, ref) => {\n const {\n alignContent = \"center\",\n appearance = \"default\",\n inset = false,\n vertical = false,\n wrapper\n } = props;\n const dividerId = useId(\"divider-\");\n return {\n // Props passed at the top-level\n alignContent,\n appearance,\n inset,\n vertical,\n // Slots definition\n components: {\n root: \"div\",\n wrapper: \"div\"\n },\n root: getNativeElementProps(\"div\", {\n role: \"separator\",\n \"aria-orientation\": vertical ? \"vertical\" : \"horizontal\",\n \"aria-labelledby\": props.children ? dividerId : undefined,\n ...props,\n ref\n }),\n wrapper: resolveShorthand(wrapper, {\n required: true,\n defaultProps: {\n id: dividerId,\n children: props.children\n }\n })\n };\n};\n//# sourceMappingURL=useDivider.js.map"],"names":["useDivider_unstable","props","ref","alignContent","appearance","inset","vertical","wrapper","dividerId","useId","components","root","getNativeElementProps","role","children","undefined","resolveShorthand","required","defaultProps","id"],"mappings":";;;;+BAOaA;;aAAAA;;;6DAPU;gCACwC;AAMxD,MAAMA,sBAAsB,CAACC,OAAOC,MAAQ;IACjD,MAAM,EACJC,cAAe,SAAQ,EACvBC,YAAa,UAAS,EACtBC,OAAQ,KAAK,CAAA,EACbC,UAAW,KAAK,CAAA,EAChBC,QAAO,EACR,GAAGN;IACJ,MAAMO,YAAYC,IAAAA,qBAAK,EAAC;IACxB,OAAO;QACL,gCAAgC;QAChCN;QACAC;QACAC;QACAC;QACA,mBAAmB;QACnBI,YAAY;YACVC,MAAM;YACNJ,SAAS;QACX;QACAI,MAAMC,IAAAA,qCAAqB,EAAC,OAAO;YACjCC,MAAM;YACN,oBAAoBP,WAAW,aAAa,YAAY;YACxD,mBAAmBL,MAAMa,QAAQ,GAAGN,YAAYO,SAAS;YACzD,GAAGd,KAAK;YACRC;QACF;QACAK,SAASS,IAAAA,gCAAgB,EAACT,SAAS;YACjCU,UAAU,IAAI;YACdC,cAAc;gBACZC,IAAIX;gBACJM,UAAUb,MAAMa,QAAQ;YAC1B;QACF;IACF;AACF,GACA,sCAAsC"}