@fluentui-react-native/separator 0.18.2 → 0.18.4

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/CHANGELOG.json CHANGED
@@ -2,7 +2,72 @@
2
2
  "name": "@fluentui-react-native/separator",
3
3
  "entries": [
4
4
  {
5
- "date": "Wed, 29 Jan 2025 23:39:18 GMT",
5
+ "date": "Thu, 10 Jul 2025 20:30:31 GMT",
6
+ "version": "0.18.4",
7
+ "tag": "@fluentui-react-native/separator_v0.18.4",
8
+ "comments": {
9
+ "none": [
10
+ {
11
+ "author": "ruaraki@microsoft.com",
12
+ "package": "@fluentui-react-native/separator",
13
+ "commit": "a245202877ef7f2be9ab5f0e1356b2270957e693",
14
+ "comment": "Run bump-versions"
15
+ },
16
+ {
17
+ "author": "4123478+tido64@users.noreply.github.com",
18
+ "package": "@fluentui-react-native/separator",
19
+ "commit": "79bb06f6bbfd0a36f9d2ef371f4857be9660f027",
20
+ "comment": "Fixed `align-deps` warnings"
21
+ },
22
+ {
23
+ "author": "jasonmo@microsoft.com",
24
+ "package": "@fluentui-react-native/separator",
25
+ "commit": "54087dca787180bbf34630470cd0d06e88366b30",
26
+ "comment": "update eslint to 9.x and use new flat config format with security rules"
27
+ }
28
+ ],
29
+ "patch": [
30
+ {
31
+ "author": "jasonmo@microsoft.com",
32
+ "package": "@fluentui-react-native/separator",
33
+ "commit": "479b93cea460a26df70c55b5d3335927ed374713",
34
+ "comment": "update builds to use node16 settings and modern export maps"
35
+ }
36
+ ]
37
+ }
38
+ },
39
+ {
40
+ "date": "Thu, 10 Jul 2025 19:20:18 GMT",
41
+ "version": "0.18.3",
42
+ "tag": "@fluentui-react-native/separator_v0.18.3",
43
+ "comments": {
44
+ "patch": [
45
+ {
46
+ "author": "4123478+tido64@users.noreply.github.com",
47
+ "package": "@fluentui-react-native/separator",
48
+ "commit": "24b9abab3370f008afd2dbb304751fc9af6bec4a",
49
+ "comment": "Add support for React Native 0.74"
50
+ }
51
+ ]
52
+ }
53
+ },
54
+ {
55
+ "date": "Wed, 11 Jun 2025 19:34:50 GMT",
56
+ "version": "0.18.2",
57
+ "tag": "@fluentui-react-native/separator_v0.18.2",
58
+ "comments": {
59
+ "none": [
60
+ {
61
+ "author": "4123478+tido64@users.noreply.github.com",
62
+ "package": "@fluentui-react-native/separator",
63
+ "commit": "2342b87a20e5a584bd2073c8c5a266f0aa48c8bb",
64
+ "comment": "Added missing dev dependencies"
65
+ }
66
+ ]
67
+ }
68
+ },
69
+ {
70
+ "date": "Wed, 29 Jan 2025 23:43:53 GMT",
6
71
  "version": "0.18.2",
7
72
  "tag": "@fluentui-react-native/separator_v0.18.2",
8
73
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,28 @@
1
1
  # Change Log - @fluentui-react-native/separator
2
2
 
3
- <!-- This log was last generated on Wed, 29 Jan 2025 23:39:18 GMT and should not be manually modified. -->
3
+ <!-- This log was last generated on Thu, 10 Jul 2025 20:30:31 GMT and should not be manually modified. -->
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## 0.18.4
8
+
9
+ Thu, 10 Jul 2025 20:30:31 GMT
10
+
11
+ ### Patches
12
+
13
+ - update builds to use node16 settings and modern export maps (jasonmo@microsoft.com)
14
+
15
+ ## 0.18.3
16
+
17
+ Thu, 10 Jul 2025 19:20:18 GMT
18
+
19
+ ### Patches
20
+
21
+ - Add support for React Native 0.74 (4123478+tido64@users.noreply.github.com)
22
+
7
23
  ## 0.18.2
8
24
 
9
- Wed, 29 Jan 2025 23:39:18 GMT
25
+ Wed, 29 Jan 2025 23:43:53 GMT
10
26
 
11
27
  ### Patches
12
28
 
@@ -0,0 +1,3 @@
1
+ const baseConfig = require('@fluentui-react-native/eslint-config-rules');
2
+
3
+ module.exports = baseConfig;
package/lib/Separator.js CHANGED
@@ -1,24 +1,18 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
1
  /** @jsxRuntime classic */
13
2
  /** @jsx withSlots */
14
3
  import { View } from 'react-native';
15
4
  import { compose, withSlots, mergeProps } from '@fluentui-react-native/framework';
16
5
  import { stylingSettings } from './Separator.styling';
17
6
  import { separatorName } from './Separator.types';
18
- var propMask = { vertical: undefined };
19
- export var Separator = compose(__assign(__assign({ displayName: separatorName }, stylingSettings), { slots: { root: View }, useRender: function (props, useSlots) {
20
- var Root = useSlots(props).root;
21
- return function (rest, children) { return withSlots(Root, __assign({}, mergeProps(props, rest, propMask)), children); };
22
- } }));
7
+ const propMask = { vertical: undefined };
8
+ export const Separator = compose({
9
+ displayName: separatorName,
10
+ ...stylingSettings,
11
+ slots: { root: View },
12
+ useRender: (props, useSlots) => {
13
+ const Root = useSlots(props).root;
14
+ return (rest, children) => withSlots(Root, { ...mergeProps(props, rest, propMask) }, children);
15
+ },
16
+ });
23
17
  export default Separator;
24
18
  //# sourceMappingURL=Separator.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Separator.js","sourceRoot":"","sources":["../src/Separator.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,0BAA0B;AAC1B,qBAAqB;AACrB,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAElF,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,IAAM,QAAQ,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC;AAEzC,MAAM,CAAC,IAAM,SAAS,GAAG,OAAO,qBAC9B,WAAW,EAAE,aAAa,IACvB,eAAe,KAClB,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EACrB,SAAS,EAAE,UAAC,KAAqB,EAAE,QAAiC;QAClE,IAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC;QAClC,OAAO,UAAC,IAAoB,EAAE,QAAyB,IAAK,OAAA,UAAC,IAAI,eAAK,UAAU,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAQ,EAA9D,CAA8D,CAAC;IAC7H,CAAC,IACD,CAAC;AAEH,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"Separator.js","sourceRoot":"","sources":["../src/Separator.tsx"],"names":[],"mappings":"AAAA,0BAA0B;AAC1B,qBAAqB;AACrB,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAElF,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,MAAM,QAAQ,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC;AAEzC,MAAM,CAAC,MAAM,SAAS,GAAG,OAAO,CAAgB;IAC9C,WAAW,EAAE,aAAa;IAC1B,GAAG,eAAe;IAClB,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE;IACrB,SAAS,EAAE,CAAC,KAAqB,EAAE,QAAiC,EAAE,EAAE;QACtE,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC;QAClC,OAAO,CAAC,IAAoB,EAAE,QAAyB,EAAE,EAAE,CAAC,UAAC,IAAI,OAAK,UAAU,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,CAAC,IAAG,QAAQ,CAAQ,CAAC;IAC7H,CAAC;CACF,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}
@@ -1,27 +1,20 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
1
  import { Platform } from 'react-native';
13
2
  import { buildProps } from '@fluentui-react-native/framework';
14
3
  import { separatorName } from './Separator.types';
15
4
  import { defaultSeparatorTokens } from './SeparatorTokens';
16
- var isMobile = Platform.OS === 'android' || Platform.OS === 'ios';
17
- var tokensThatAreAlsoProps = ['vertical', 'insetSpacing'];
18
- export var stylingSettings = {
5
+ const isMobile = Platform.OS === 'android' || Platform.OS === 'ios';
6
+ const tokensThatAreAlsoProps = ['vertical', 'insetSpacing'];
7
+ export const stylingSettings = {
19
8
  tokens: [defaultSeparatorTokens, separatorName],
20
- tokensThatAreAlsoProps: tokensThatAreAlsoProps,
9
+ tokensThatAreAlsoProps,
21
10
  slotProps: {
22
- root: buildProps(function (tokens) {
11
+ root: buildProps((tokens) => {
23
12
  return {
24
- style: __assign(__assign(__assign({}, (tokens.vertical ? { borderLeftWidth: tokens.separatorWidth } : { borderTopWidth: tokens.separatorWidth })), (tokens.color && { borderColor: tokens.color })), (isMobile && { marginStart: tokens.insetSpacing })),
13
+ style: {
14
+ ...(tokens.vertical ? { borderLeftWidth: tokens.separatorWidth } : { borderTopWidth: tokens.separatorWidth }),
15
+ ...(tokens.color && { borderColor: tokens.color }),
16
+ ...(isMobile && { marginStart: tokens.insetSpacing }),
17
+ },
25
18
  };
26
19
  }, ['color', 'vertical', 'separatorWidth', 'insetSpacing']),
27
20
  },
@@ -1 +1 @@
1
- {"version":3,"file":"Separator.styling.js","sourceRoot":"","sources":["../src/Separator.styling.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAG9D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAE3D,IAAM,QAAQ,GAAG,QAAQ,CAAC,EAAE,KAAK,SAAS,IAAI,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC;AACpE,IAAM,sBAAsB,GAAkC,CAAC,UAAU,EAAE,cAAc,CAAC,CAAC;AAC3F,MAAM,CAAC,IAAM,eAAe,GAA2E;IACrG,MAAM,EAAE,CAAC,sBAAsB,EAAE,aAAa,CAAC;IAC/C,sBAAsB,wBAAA;IACtB,SAAS,EAAE;QACT,IAAI,EAAE,UAAU,CACd,UAAC,MAAuB;YACtB,OAAO;gBACL,KAAK,iCACA,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,MAAM,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,MAAM,CAAC,cAAc,EAAE,CAAC,GAC1G,CAAC,MAAM,CAAC,KAAK,IAAI,EAAE,WAAW,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,GAC/C,CAAC,QAAQ,IAAI,EAAE,WAAW,EAAE,MAAM,CAAC,YAAY,EAAE,CAAC,CACtD;aACF,CAAC;QACJ,CAAC,EACD,CAAC,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,cAAc,CAAC,CACxD;KACF;CACF,CAAC"}
1
+ {"version":3,"file":"Separator.styling.js","sourceRoot":"","sources":["../src/Separator.styling.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAG9D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAE3D,MAAM,QAAQ,GAAG,QAAQ,CAAC,EAAE,KAAK,SAAS,IAAI,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC;AACpE,MAAM,sBAAsB,GAAkC,CAAC,UAAU,EAAE,cAAc,CAAC,CAAC;AAC3F,MAAM,CAAC,MAAM,eAAe,GAA2E;IACrG,MAAM,EAAE,CAAC,sBAAsB,EAAE,aAAa,CAAC;IAC/C,sBAAsB;IACtB,SAAS,EAAE;QACT,IAAI,EAAE,UAAU,CACd,CAAC,MAAuB,EAAE,EAAE;YAC1B,OAAO;gBACL,KAAK,EAAE;oBACL,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,MAAM,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,MAAM,CAAC,cAAc,EAAE,CAAC;oBAC7G,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,EAAE,WAAW,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC;oBAClD,GAAG,CAAC,QAAQ,IAAI,EAAE,WAAW,EAAE,MAAM,CAAC,YAAY,EAAE,CAAC;iBACtD;aACF,CAAC;QACJ,CAAC,EACD,CAAC,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,cAAc,CAAC,CACxD;KACF;CACF,CAAC"}
@@ -1,3 +1,3 @@
1
- export var separatorName = 'Separator';
2
- export var SeparatorInsetSpacings = [0, 16, 56, 68, 72, 108];
1
+ export const separatorName = 'Separator';
2
+ export const SeparatorInsetSpacings = [0, 16, 56, 68, 72, 108];
3
3
  //# sourceMappingURL=Separator.types.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Separator.types.js","sourceRoot":"","sources":["../src/Separator.types.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,IAAM,aAAa,GAAG,WAAW,CAAC;AAEzC,MAAM,CAAC,IAAM,sBAAsB,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAU,CAAC"}
1
+ {"version":3,"file":"Separator.types.js","sourceRoot":"","sources":["../src/Separator.types.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,aAAa,GAAG,WAAW,CAAC;AAEzC,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAU,CAAC"}
@@ -1,9 +1,7 @@
1
1
  import { globalTokens } from '@fluentui-react-native/theme-tokens';
2
- export var defaultSeparatorTokens = function (t) {
3
- return ({
4
- color: t.colors.neutralStroke2,
5
- separatorWidth: globalTokens.stroke.width10,
6
- insetSpacing: 0,
7
- });
8
- };
2
+ export const defaultSeparatorTokens = (t) => ({
3
+ color: t.colors.neutralStroke2,
4
+ separatorWidth: globalTokens.stroke.width10,
5
+ insetSpacing: 0,
6
+ });
9
7
  //# sourceMappingURL=SeparatorTokens.android.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"SeparatorTokens.android.js","sourceRoot":"","sources":["../src/SeparatorTokens.android.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAKnE,MAAM,CAAC,IAAM,sBAAsB,GAA0C,UAAC,CAAQ;IACpF,OAAA,CAAC;QACC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,cAAc;QAC9B,cAAc,EAAE,YAAY,CAAC,MAAM,CAAC,OAAO;QAC3C,YAAY,EAAE,CAAC;KACI,CAAA;AAJrB,CAIqB,CAAC"}
1
+ {"version":3,"file":"SeparatorTokens.android.js","sourceRoot":"","sources":["../src/SeparatorTokens.android.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAKnE,MAAM,CAAC,MAAM,sBAAsB,GAA0C,CAAC,CAAQ,EAAE,EAAE,CACxF,CAAC;IACC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,cAAc;IAC9B,cAAc,EAAE,YAAY,CAAC,MAAM,CAAC,OAAO;IAC3C,YAAY,EAAE,CAAC;CACI,CAAA,CAAC"}
@@ -1,7 +1,5 @@
1
1
  import { globalTokens } from '@fluentui-react-native/theme-tokens';
2
- export var defaultSeparatorTokens = function () {
3
- return ({
4
- separatorWidth: globalTokens.stroke.width10,
5
- });
6
- };
2
+ export const defaultSeparatorTokens = () => ({
3
+ separatorWidth: globalTokens.stroke.width10,
4
+ });
7
5
  //# sourceMappingURL=SeparatorTokens.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"SeparatorTokens.js","sourceRoot":"","sources":["../src/SeparatorTokens.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAKnE,MAAM,CAAC,IAAM,sBAAsB,GAA0C;IAC3E,OAAA,CAAC;QACC,cAAc,EAAE,YAAY,CAAC,MAAM,CAAC,OAAO;KACxB,CAAA;AAFrB,CAEqB,CAAC"}
1
+ {"version":3,"file":"SeparatorTokens.js","sourceRoot":"","sources":["../src/SeparatorTokens.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAKnE,MAAM,CAAC,MAAM,sBAAsB,GAA0C,GAAG,EAAE,CAChF,CAAC;IACC,cAAc,EAAE,YAAY,CAAC,MAAM,CAAC,OAAO;CACxB,CAAA,CAAC"}
@@ -1,13 +1,13 @@
1
1
  import * as React from 'react';
2
2
  import * as renderer from 'react-test-renderer';
3
3
  import { Separator } from '..';
4
- it('Separator default', function () {
5
- var tree = renderer.create(React.createElement(Separator, null)).toJSON();
4
+ it('Separator default', () => {
5
+ const tree = renderer.create(React.createElement(Separator, null)).toJSON();
6
6
  expect(tree).toMatchSnapshot();
7
7
  });
8
- it('Separator all props & tokens', function () {
9
- var CustomSeparator = Separator.customize({ separatorWidth: 15, color: 'red' });
10
- var tree = renderer.create(React.createElement(CustomSeparator, { vertical: true })).toJSON();
8
+ it('Separator all props & tokens', () => {
9
+ const CustomSeparator = Separator.customize({ separatorWidth: 15, color: 'red' });
10
+ const tree = renderer.create(React.createElement(CustomSeparator, { vertical: true })).toJSON();
11
11
  expect(tree).toMatchSnapshot();
12
12
  });
13
13
  //# sourceMappingURL=Separator.test.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Separator.test.js","sourceRoot":"","sources":["../../src/__tests__/Separator.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAEhD,OAAO,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC;AAE/B,EAAE,CAAC,mBAAmB,EAAE;IACtB,IAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,oBAAC,SAAS,OAAG,CAAC,CAAC,MAAM,EAAE,CAAC;IACrD,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;AACjC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,8BAA8B,EAAE;IACjC,IAAM,eAAe,GAAG,SAAS,CAAC,SAAS,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;IAClF,IAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,oBAAC,eAAe,IAAC,QAAQ,SAAG,CAAC,CAAC,MAAM,EAAE,CAAC;IACpE,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;AACjC,CAAC,CAAC,CAAC"}
1
+ {"version":3,"file":"Separator.test.js","sourceRoot":"","sources":["../../src/__tests__/Separator.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAEhD,OAAO,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC;AAE/B,EAAE,CAAC,mBAAmB,EAAE,GAAG,EAAE;IAC3B,MAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,oBAAC,SAAS,OAAG,CAAC,CAAC,MAAM,EAAE,CAAC;IACrD,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;AACjC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;IACtC,MAAM,eAAe,GAAG,SAAS,CAAC,SAAS,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;IAClF,MAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,oBAAC,eAAe,IAAC,QAAQ,SAAG,CAAC,CAAC,MAAM,EAAE,CAAC;IACpE,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;AACjC,CAAC,CAAC,CAAC"}
@@ -1,27 +1,21 @@
1
1
  "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
2
  Object.defineProperty(exports, "__esModule", { value: true });
14
3
  exports.Separator = void 0;
15
4
  /** @jsxRuntime classic */
16
5
  /** @jsx withSlots */
17
- var react_native_1 = require("react-native");
18
- var framework_1 = require("@fluentui-react-native/framework");
19
- var Separator_styling_1 = require("./Separator.styling");
20
- var Separator_types_1 = require("./Separator.types");
21
- var propMask = { vertical: undefined };
22
- exports.Separator = (0, framework_1.compose)(__assign(__assign({ displayName: Separator_types_1.separatorName }, Separator_styling_1.stylingSettings), { slots: { root: react_native_1.View }, useRender: function (props, useSlots) {
23
- var Root = useSlots(props).root;
24
- return function (rest, children) { return (0, framework_1.withSlots)(Root, __assign({}, (0, framework_1.mergeProps)(props, rest, propMask)), children); };
25
- } }));
6
+ const react_native_1 = require("react-native");
7
+ const framework_1 = require("@fluentui-react-native/framework");
8
+ const Separator_styling_1 = require("./Separator.styling");
9
+ const Separator_types_1 = require("./Separator.types");
10
+ const propMask = { vertical: undefined };
11
+ exports.Separator = (0, framework_1.compose)({
12
+ displayName: Separator_types_1.separatorName,
13
+ ...Separator_styling_1.stylingSettings,
14
+ slots: { root: react_native_1.View },
15
+ useRender: (props, useSlots) => {
16
+ const Root = useSlots(props).root;
17
+ return (rest, children) => (0, framework_1.withSlots)(Root, { ...(0, framework_1.mergeProps)(props, rest, propMask) }, children);
18
+ },
19
+ });
26
20
  exports.default = exports.Separator;
27
21
  //# sourceMappingURL=Separator.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Separator.js","sourceRoot":"","sources":["../src/Separator.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,0BAA0B;AAC1B,qBAAqB;AACrB,6CAAoC;AAGpC,8DAAkF;AAElF,yDAAsD;AAEtD,qDAAkD;AAElD,IAAM,QAAQ,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC;AAE5B,QAAA,SAAS,GAAG,IAAA,mBAAO,sBAC9B,WAAW,EAAE,+BAAa,IACvB,mCAAe,KAClB,KAAK,EAAE,EAAE,IAAI,EAAE,mBAAI,EAAE,EACrB,SAAS,EAAE,UAAC,KAAqB,EAAE,QAAiC;QAClE,IAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC;QAClC,OAAO,UAAC,IAAoB,EAAE,QAAyB,IAAK,OAAA,2BAAC,IAAI,eAAK,IAAA,sBAAU,EAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAQ,EAA9D,CAA8D,CAAC;IAC7H,CAAC,IACD,CAAC;AAEH,kBAAe,iBAAS,CAAC"}
1
+ {"version":3,"file":"Separator.js","sourceRoot":"","sources":["../src/Separator.tsx"],"names":[],"mappings":";;;AAAA,0BAA0B;AAC1B,qBAAqB;AACrB,+CAAoC;AAGpC,gEAAkF;AAElF,2DAAsD;AAEtD,uDAAkD;AAElD,MAAM,QAAQ,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC;AAE5B,QAAA,SAAS,GAAG,IAAA,mBAAO,EAAgB;IAC9C,WAAW,EAAE,+BAAa;IAC1B,GAAG,mCAAe;IAClB,KAAK,EAAE,EAAE,IAAI,EAAE,mBAAI,EAAE;IACrB,SAAS,EAAE,CAAC,KAAqB,EAAE,QAAiC,EAAE,EAAE;QACtE,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC;QAClC,OAAO,CAAC,IAAoB,EAAE,QAAyB,EAAE,EAAE,CAAC,2BAAC,IAAI,OAAK,IAAA,sBAAU,EAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,CAAC,IAAG,QAAQ,CAAQ,CAAC;IAC7H,CAAC;CACF,CAAC,CAAC;AAEH,kBAAe,iBAAS,CAAC"}
@@ -1,30 +1,23 @@
1
1
  "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
2
  Object.defineProperty(exports, "__esModule", { value: true });
14
3
  exports.stylingSettings = void 0;
15
- var react_native_1 = require("react-native");
16
- var framework_1 = require("@fluentui-react-native/framework");
17
- var Separator_types_1 = require("./Separator.types");
18
- var SeparatorTokens_1 = require("./SeparatorTokens");
19
- var isMobile = react_native_1.Platform.OS === 'android' || react_native_1.Platform.OS === 'ios';
20
- var tokensThatAreAlsoProps = ['vertical', 'insetSpacing'];
4
+ const react_native_1 = require("react-native");
5
+ const framework_1 = require("@fluentui-react-native/framework");
6
+ const Separator_types_1 = require("./Separator.types");
7
+ const SeparatorTokens_1 = require("./SeparatorTokens");
8
+ const isMobile = react_native_1.Platform.OS === 'android' || react_native_1.Platform.OS === 'ios';
9
+ const tokensThatAreAlsoProps = ['vertical', 'insetSpacing'];
21
10
  exports.stylingSettings = {
22
11
  tokens: [SeparatorTokens_1.defaultSeparatorTokens, Separator_types_1.separatorName],
23
- tokensThatAreAlsoProps: tokensThatAreAlsoProps,
12
+ tokensThatAreAlsoProps,
24
13
  slotProps: {
25
- root: (0, framework_1.buildProps)(function (tokens) {
14
+ root: (0, framework_1.buildProps)((tokens) => {
26
15
  return {
27
- style: __assign(__assign(__assign({}, (tokens.vertical ? { borderLeftWidth: tokens.separatorWidth } : { borderTopWidth: tokens.separatorWidth })), (tokens.color && { borderColor: tokens.color })), (isMobile && { marginStart: tokens.insetSpacing })),
16
+ style: {
17
+ ...(tokens.vertical ? { borderLeftWidth: tokens.separatorWidth } : { borderTopWidth: tokens.separatorWidth }),
18
+ ...(tokens.color && { borderColor: tokens.color }),
19
+ ...(isMobile && { marginStart: tokens.insetSpacing }),
20
+ },
28
21
  };
29
22
  }, ['color', 'vertical', 'separatorWidth', 'insetSpacing']),
30
23
  },
@@ -1 +1 @@
1
- {"version":3,"file":"Separator.styling.js","sourceRoot":"","sources":["../src/Separator.styling.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,6CAAwC;AAGxC,8DAA8D;AAG9D,qDAAkD;AAClD,qDAA2D;AAE3D,IAAM,QAAQ,GAAG,uBAAQ,CAAC,EAAE,KAAK,SAAS,IAAI,uBAAQ,CAAC,EAAE,KAAK,KAAK,CAAC;AACpE,IAAM,sBAAsB,GAAkC,CAAC,UAAU,EAAE,cAAc,CAAC,CAAC;AAC9E,QAAA,eAAe,GAA2E;IACrG,MAAM,EAAE,CAAC,wCAAsB,EAAE,+BAAa,CAAC;IAC/C,sBAAsB,wBAAA;IACtB,SAAS,EAAE;QACT,IAAI,EAAE,IAAA,sBAAU,EACd,UAAC,MAAuB;YACtB,OAAO;gBACL,KAAK,iCACA,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,MAAM,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,MAAM,CAAC,cAAc,EAAE,CAAC,GAC1G,CAAC,MAAM,CAAC,KAAK,IAAI,EAAE,WAAW,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,GAC/C,CAAC,QAAQ,IAAI,EAAE,WAAW,EAAE,MAAM,CAAC,YAAY,EAAE,CAAC,CACtD;aACF,CAAC;QACJ,CAAC,EACD,CAAC,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,cAAc,CAAC,CACxD;KACF;CACF,CAAC"}
1
+ {"version":3,"file":"Separator.styling.js","sourceRoot":"","sources":["../src/Separator.styling.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAGxC,gEAA8D;AAG9D,uDAAkD;AAClD,uDAA2D;AAE3D,MAAM,QAAQ,GAAG,uBAAQ,CAAC,EAAE,KAAK,SAAS,IAAI,uBAAQ,CAAC,EAAE,KAAK,KAAK,CAAC;AACpE,MAAM,sBAAsB,GAAkC,CAAC,UAAU,EAAE,cAAc,CAAC,CAAC;AAC9E,QAAA,eAAe,GAA2E;IACrG,MAAM,EAAE,CAAC,wCAAsB,EAAE,+BAAa,CAAC;IAC/C,sBAAsB;IACtB,SAAS,EAAE;QACT,IAAI,EAAE,IAAA,sBAAU,EACd,CAAC,MAAuB,EAAE,EAAE;YAC1B,OAAO;gBACL,KAAK,EAAE;oBACL,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,MAAM,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,MAAM,CAAC,cAAc,EAAE,CAAC;oBAC7G,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,EAAE,WAAW,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC;oBAClD,GAAG,CAAC,QAAQ,IAAI,EAAE,WAAW,EAAE,MAAM,CAAC,YAAY,EAAE,CAAC;iBACtD;aACF,CAAC;QACJ,CAAC,EACD,CAAC,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,cAAc,CAAC,CACxD;KACF;CACF,CAAC"}
@@ -1,13 +1,11 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.defaultSeparatorTokens = void 0;
4
- var theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
5
- var defaultSeparatorTokens = function (t) {
6
- return ({
7
- color: t.colors.neutralStroke2,
8
- separatorWidth: theme_tokens_1.globalTokens.stroke.width10,
9
- insetSpacing: 0,
10
- });
11
- };
4
+ const theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
5
+ const defaultSeparatorTokens = (t) => ({
6
+ color: t.colors.neutralStroke2,
7
+ separatorWidth: theme_tokens_1.globalTokens.stroke.width10,
8
+ insetSpacing: 0,
9
+ });
12
10
  exports.defaultSeparatorTokens = defaultSeparatorTokens;
13
11
  //# sourceMappingURL=SeparatorTokens.android.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"SeparatorTokens.android.js","sourceRoot":"","sources":["../src/SeparatorTokens.android.tsx"],"names":[],"mappings":";;;AACA,oEAAmE;AAK5D,IAAM,sBAAsB,GAA0C,UAAC,CAAQ;IACpF,OAAA,CAAC;QACC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,cAAc;QAC9B,cAAc,EAAE,2BAAY,CAAC,MAAM,CAAC,OAAO;QAC3C,YAAY,EAAE,CAAC;KACI,CAAA;AAJrB,CAIqB,CAAC;AALX,QAAA,sBAAsB,0BAKX"}
1
+ {"version":3,"file":"SeparatorTokens.android.js","sourceRoot":"","sources":["../src/SeparatorTokens.android.tsx"],"names":[],"mappings":";;;AACA,sEAAmE;AAK5D,MAAM,sBAAsB,GAA0C,CAAC,CAAQ,EAAE,EAAE,CACxF,CAAC;IACC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,cAAc;IAC9B,cAAc,EAAE,2BAAY,CAAC,MAAM,CAAC,OAAO;IAC3C,YAAY,EAAE,CAAC;CACI,CAAA,CAAC;AALX,QAAA,sBAAsB,0BAKX"}
@@ -1,11 +1,9 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.defaultSeparatorTokens = void 0;
4
- var theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
5
- var defaultSeparatorTokens = function () {
6
- return ({
7
- separatorWidth: theme_tokens_1.globalTokens.stroke.width10,
8
- });
9
- };
4
+ const theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
5
+ const defaultSeparatorTokens = () => ({
6
+ separatorWidth: theme_tokens_1.globalTokens.stroke.width10,
7
+ });
10
8
  exports.defaultSeparatorTokens = defaultSeparatorTokens;
11
9
  //# sourceMappingURL=SeparatorTokens.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"SeparatorTokens.js","sourceRoot":"","sources":["../src/SeparatorTokens.tsx"],"names":[],"mappings":";;;AACA,oEAAmE;AAK5D,IAAM,sBAAsB,GAA0C;IAC3E,OAAA,CAAC;QACC,cAAc,EAAE,2BAAY,CAAC,MAAM,CAAC,OAAO;KACxB,CAAA;AAFrB,CAEqB,CAAC;AAHX,QAAA,sBAAsB,0BAGX"}
1
+ {"version":3,"file":"SeparatorTokens.js","sourceRoot":"","sources":["../src/SeparatorTokens.tsx"],"names":[],"mappings":";;;AACA,sEAAmE;AAK5D,MAAM,sBAAsB,GAA0C,GAAG,EAAE,CAChF,CAAC;IACC,cAAc,EAAE,2BAAY,CAAC,MAAM,CAAC,OAAO;CACxB,CAAA,CAAC;AAHX,QAAA,sBAAsB,0BAGX"}
@@ -23,16 +23,16 @@ var __importStar = (this && this.__importStar) || function (mod) {
23
23
  return result;
24
24
  };
25
25
  Object.defineProperty(exports, "__esModule", { value: true });
26
- var React = __importStar(require("react"));
27
- var renderer = __importStar(require("react-test-renderer"));
28
- var __1 = require("..");
29
- it('Separator default', function () {
30
- var tree = renderer.create(React.createElement(__1.Separator, null)).toJSON();
26
+ const React = __importStar(require("react"));
27
+ const renderer = __importStar(require("react-test-renderer"));
28
+ const __1 = require("..");
29
+ it('Separator default', () => {
30
+ const tree = renderer.create(React.createElement(__1.Separator, null)).toJSON();
31
31
  expect(tree).toMatchSnapshot();
32
32
  });
33
- it('Separator all props & tokens', function () {
34
- var CustomSeparator = __1.Separator.customize({ separatorWidth: 15, color: 'red' });
35
- var tree = renderer.create(React.createElement(CustomSeparator, { vertical: true })).toJSON();
33
+ it('Separator all props & tokens', () => {
34
+ const CustomSeparator = __1.Separator.customize({ separatorWidth: 15, color: 'red' });
35
+ const tree = renderer.create(React.createElement(CustomSeparator, { vertical: true })).toJSON();
36
36
  expect(tree).toMatchSnapshot();
37
37
  });
38
38
  //# sourceMappingURL=Separator.test.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Separator.test.js","sourceRoot":"","sources":["../../src/__tests__/Separator.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAE/B,4DAAgD;AAEhD,wBAA+B;AAE/B,EAAE,CAAC,mBAAmB,EAAE;IACtB,IAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,oBAAC,aAAS,OAAG,CAAC,CAAC,MAAM,EAAE,CAAC;IACrD,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;AACjC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,8BAA8B,EAAE;IACjC,IAAM,eAAe,GAAG,aAAS,CAAC,SAAS,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;IAClF,IAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,oBAAC,eAAe,IAAC,QAAQ,SAAG,CAAC,CAAC,MAAM,EAAE,CAAC;IACpE,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;AACjC,CAAC,CAAC,CAAC"}
1
+ {"version":3,"file":"Separator.test.js","sourceRoot":"","sources":["../../src/__tests__/Separator.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,8DAAgD;AAEhD,0BAA+B;AAE/B,EAAE,CAAC,mBAAmB,EAAE,GAAG,EAAE;IAC3B,MAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,oBAAC,aAAS,OAAG,CAAC,CAAC,MAAM,EAAE,CAAC;IACrD,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;AACjC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;IACtC,MAAM,eAAe,GAAG,aAAS,CAAC,SAAS,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;IAClF,MAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,oBAAC,eAAe,IAAC,QAAQ,SAAG,CAAC,CAAC,MAAM,EAAE,CAAC;IACpE,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;AACjC,CAAC,CAAC,CAAC"}
package/package.json CHANGED
@@ -1,9 +1,16 @@
1
1
  {
2
2
  "name": "@fluentui-react-native/separator",
3
- "version": "0.18.2",
3
+ "version": "0.18.4",
4
4
  "description": "A cross-platform Separator component using the Fluent Design System",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
7
+ "exports": {
8
+ ".": {
9
+ "import": "./lib/index.js",
10
+ "require": "./lib-commonjs/index.js",
11
+ "types": "./lib/index.d.ts"
12
+ }
13
+ },
7
14
  "typings": "lib/index.d.ts",
8
15
  "scripts": {
9
16
  "build": "fluentui-scripts build",
@@ -22,25 +29,29 @@
22
29
  "directory": "packages/components/Separator"
23
30
  },
24
31
  "dependencies": {
25
- "@fluentui-react-native/framework": "0.14.2",
26
- "@fluentui-react-native/theme-tokens": "0.27.1",
27
- "@fluentui-react-native/use-styling": "0.13.2"
32
+ "@fluentui-react-native/framework": "0.14.4",
33
+ "@fluentui-react-native/theme-tokens": "0.27.3",
34
+ "@fluentui-react-native/use-styling": "0.13.4"
28
35
  },
29
36
  "devDependencies": {
37
+ "@babel/core": "^7.20.0",
30
38
  "@fluentui-react-native/eslint-config-rules": "0.1.1",
31
39
  "@fluentui-react-native/scripts": "0.1.1",
32
- "@office-iss/react-native-win32": "^0.73.0",
33
- "@react-native/babel-preset": "^0.73.0",
34
- "@react-native/metro-config": "^0.73.0",
40
+ "@office-iss/react-native-win32": "^0.74.0",
41
+ "@react-native/babel-preset": "^0.74.0",
42
+ "@react-native/metro-config": "^0.74.0",
43
+ "@types/react": "~18.2.0",
35
44
  "react": "18.2.0",
36
- "react-native": "^0.73.0"
45
+ "react-native": "^0.74.0",
46
+ "react-native-macos": "^0.74.0",
47
+ "react-native-windows": "^0.74.0"
37
48
  },
38
49
  "peerDependencies": {
39
- "@office-iss/react-native-win32": "^0.73.0",
50
+ "@office-iss/react-native-win32": "^0.74.0",
40
51
  "react": "18.2.0",
41
- "react-native": "^0.73.0",
42
- "react-native-macos": "^0.73.0",
43
- "react-native-windows": "^0.73.0"
52
+ "react-native": "^0.73.0 || ^0.74.0",
53
+ "react-native-macos": "^0.73.0 || ^0.74.0",
54
+ "react-native-windows": "^0.73.0 || ^0.74.0"
44
55
  },
45
56
  "author": "",
46
57
  "license": "MIT",
@@ -50,13 +61,21 @@
50
61
  "presets": [
51
62
  "microsoft/react-native"
52
63
  ],
53
- "requirements": [
54
- "react-native@0.73"
55
- ],
64
+ "requirements": {
65
+ "development": [
66
+ "react-native@0.74"
67
+ ],
68
+ "production": [
69
+ "react-native@0.73 || 0.74"
70
+ ]
71
+ },
56
72
  "capabilities": [
73
+ "babel-preset-react-native",
57
74
  "core",
58
75
  "core-android",
59
76
  "core-ios",
77
+ "core-macos",
78
+ "core-windows",
60
79
  "react"
61
80
  ]
62
81
  }
package/.eslintrc.js DELETED
@@ -1,3 +0,0 @@
1
- module.exports = {
2
- extends: ['@fluentui-react-native/eslint-config-rules'],
3
- };