@fluentui-react-native/experimental-expander 0.5.24 → 0.5.26

package/CHANGELOG.json

@@ -2,7 +2,43 @@
   "name": "@fluentui-react-native/experimental-expander",
   "entries": [
     {
-      "date": "Sat, 18 Mar 2023 17:18:20 GMT",
+      "date": "Wed, 03 May 2023 07:04:22 GMT",
+      "tag": "@fluentui-react-native/experimental-expander_v0.5.26",
+      "version": "0.5.26",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/experimental-expander",
+            "comment": "Bump @fluentui-react-native/framework to v0.9.9",
+            "commit": "52a53e376865d500b73f26ea9935e13036b04b1a"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 21 Mar 2023 21:53:46 GMT",
+      "tag": "@fluentui-react-native/experimental-expander_v0.5.25",
+      "version": "0.5.25",
+      "comments": {
+        "patch": [
+          {
+            "author": "krsiler@microsoft.com",
+            "package": "@fluentui-react-native/experimental-expander",
+            "commit": "e706a7afbd63d528878eadd179d5a91210ed62f6",
+            "comment": "Trigger manual bump (no changes)"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/experimental-expander",
+            "comment": "Bump @fluentui-react-native/framework to v0.9.8",
+            "commit": "e706a7afbd63d528878eadd179d5a91210ed62f6"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Sat, 18 Mar 2023 17:22:31 GMT",
       "tag": "@fluentui-react-native/experimental-expander_v0.5.24",
       "version": "0.5.24",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,29 @@
 # Change Log - @fluentui-react-native/experimental-expander
 
-This log was last generated on Sat, 18 Mar 2023 17:18:20 GMT and should not be manually modified.
+This log was last generated on Wed, 03 May 2023 07:04:22 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 0.5.26
+
+Wed, 03 May 2023 07:04:22 GMT
+
+### Patches
+
+- Bump @fluentui-react-native/framework to v0.9.9
+
+## 0.5.25
+
+Tue, 21 Mar 2023 21:53:46 GMT
+
+### Patches
+
+- Trigger manual bump (no changes) (krsiler@microsoft.com)
+- Bump @fluentui-react-native/framework to v0.9.8
+
 ## 0.5.24
 
-Sat, 18 Mar 2023 17:18:20 GMT
+Sat, 18 Mar 2023 17:22:31 GMT
 
 ### Patches
 

package/lib/Expander.d.ts

@@ -0,0 +1,5 @@
+import type { ExpanderProps, ExpanderViewProps } from './Expander.types';
+export declare const Expander: import("@fluentui-react-native/framework").ComposableComponent<ExpanderProps, {
+    root: ExpanderViewProps;
+}, import("./Expander.types").ExpanderTokens, object>;
+//# sourceMappingURL=Expander.d.ts.map

package/lib/Expander.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Expander.d.ts","sourceRoot":"","sources":["../src/Expander.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAgB,aAAa,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AASvF,eAAO,MAAM,QAAQ;;qDA8BnB,CAAC"}

package/lib/Expander.js

@@ -0,0 +1,98 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+/** @jsx withSlots */
+import * as React from 'react';
+import { ensureNativeComponent } from '@fluentui-react-native/component-cache';
+import { compose, mergeProps, withSlots, buildProps } from '@fluentui-react-native/framework';
+import { expanderName } from './Expander.types';
+var ExpanderComponent = ensureNativeComponent('ExpanderView');
+function delay(ms) {
+    return new Promise(function (resolve) { return setTimeout(resolve, ms); });
+}
+export var Expander = compose({
+    displayName: expanderName,
+    tokens: [{}, expanderName],
+    slotProps: {
+        root: buildProps(function (tokens) { return (__assign({}, tokens)); }),
+    },
+    slots: { root: ExpanderComponent },
+    useRender: function (userProps, useSlots) {
+        var Root = useSlots(userProps).root;
+        var _a = React.useState(userProps.expanded), expandedState = _a[0], setExpandedState = _a[1];
+        var expanderHeight = expandedState ? userProps.expandedHeight : userProps.collapsedHeight;
+        var _onCollapsing = function () { return __awaiter(void 0, void 0, void 0, function () {
+            var _a;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        (_a = userProps.onCollapsing) === null || _a === void 0 ? void 0 : _a.call(userProps);
+                        // Need to delay the height change so that the animation runs
+                        return [4 /*yield*/, delay(175)];
+                    case 1:
+                        // Need to delay the height change so that the animation runs
+                        _b.sent();
+                        setExpandedState(false);
+                        return [2 /*return*/];
+                }
+            });
+        }); };
+        var _onExpanding = function () {
+            var _a;
+            setExpandedState(true);
+            (_a = userProps.onExpanding) === null || _a === void 0 ? void 0 : _a.call(userProps);
+        };
+        return function (rest) {
+            var children = [];
+            for (var _i = 1; _i < arguments.length; _i++) {
+                children[_i - 1] = arguments[_i];
+            }
+            return (withSlots(Root, __assign({}, mergeProps(userProps, rest), { height: expanderHeight, onCollapsing: _onCollapsing, onExpanding: _onExpanding }), children));
+        };
+    },
+});
+//# sourceMappingURL=Expander.js.map

package/lib/Expander.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Expander.js","sourceRoot":"","sources":["../src/Expander.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qBAAqB;AACrB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAE/E,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAG9F,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,IAAM,iBAAiB,GAAG,qBAAqB,CAAC,cAAc,CAAC,CAAC;AAEhE,SAAS,KAAK,CAAC,EAAU;IACvB,OAAO,IAAI,OAAO,CAAC,UAAC,OAAO,IAAK,OAAA,UAAU,CAAC,OAAO,EAAE,EAAE,CAAC,EAAvB,CAAuB,CAAC,CAAC;AAC3D,CAAC;AAED,MAAM,CAAC,IAAM,QAAQ,GAAG,OAAO,CAAe;IAC5C,WAAW,EAAE,YAAY;IACzB,MAAM,EAAE,CAAC,EAAE,EAAE,YAAY,CAAC;IAC1B,SAAS,EAAE;QACT,IAAI,EAAE,UAAU,CAAC,UAAC,MAAM,IAAK,OAAA,cAAM,MAAM,EAAG,EAAf,CAAe,CAAC;KAC9C;IACD,KAAK,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE;IAClC,SAAS,EAAE,UAAC,SAAwB,EAAE,QAAgC;QACpE,IAAM,IAAI,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC;QAChC,IAAA,KAAoC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,QAAQ,CAAC,EAArE,aAAa,QAAA,EAAE,gBAAgB,QAAsC,CAAC;QAC7E,IAAM,cAAc,GAAG,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,eAAe,CAAC;QAE5F,IAAM,aAAa,GAAG;;;;;wBACpB,MAAA,SAAS,CAAC,YAAY,yDAAI,CAAC;wBAC3B,6DAA6D;wBAC7D,qBAAM,KAAK,CAAC,GAAG,CAAC,EAAA;;wBADhB,6DAA6D;wBAC7D,SAAgB,CAAC;wBACjB,gBAAgB,CAAC,KAAK,CAAC,CAAC;;;;aACzB,CAAC;QAEF,IAAM,YAAY,GAAG;;YACnB,gBAAgB,CAAC,IAAI,CAAC,CAAC;YACvB,MAAA,SAAS,CAAC,WAAW,yDAAI,CAAC;QAC5B,CAAC,CAAC;QAEF,OAAO,UAAC,IAAuB;YAAE,kBAA8B;iBAA9B,UAA8B,EAA9B,qBAA8B,EAA9B,IAA8B;gBAA9B,iCAA8B;;YAAK,OAAA,CAClE,UAAC,IAAI,eAAK,UAAU,CAAC,SAAS,EAAE,IAAI,CAAC,IAAE,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,YAAY,KAClH,QAAQ,CACJ,CACR;QAJmE,CAInE,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

package/lib/Expander.types.d.ts

@@ -0,0 +1,150 @@
+import type { ColorValue } from 'react-native';
+export declare const expanderName = "Expander";
+export interface ExpanderProps {
+    /**
+     * Direction to expand the Expander.
+     */
+    expandDirection?: ExpandDirection;
+    /**
+     * Determines if the expander is currently expanded
+     */
+    expanded?: boolean;
+    /**
+     * Is Expander control enabled for the user
+     */
+    enabled?: boolean;
+    /**
+     * Height of the Expander
+     */
+    height?: number;
+    /**
+     * Height for the Expander when expanded
+     */
+    expandedHeight: number;
+    /**
+     * Height for the Expander when collapsed
+     */
+    collapsedHeight: number;
+    /**
+     * A callback to call on Expander collapsed event
+     */
+    onCollapsing?: () => void;
+    /**
+     * A callback to call on Expander expanding event
+     */
+    onExpanding?: () => void;
+}
+export interface ExpanderTokens {
+    /**
+     * Width of the expander
+     */
+    width?: number;
+    /**
+     * Horizontal alignment of the expander's content
+     */
+    contentHorizontalAlignment?: HorizontalAlignment;
+    /**
+     * Vertical alignment of the expander's content
+     */
+    contentVerticalAlignment?: VerticalAlignment;
+    /**
+     * Header background color
+     */
+    headerBackground?: ColorValue;
+    /**
+     * Header foreground color at rest
+     */
+    headerForeground?: ColorValue;
+    /**
+     * Header foreground color on pointer over
+     */
+    headerForegroundPointerOver?: ColorValue;
+    /**
+     * Header foreground color when pressed
+     */
+    headerForegroundPressed?: ColorValue;
+    /**
+     * Header border color at rest
+     */
+    headerBorderBrush?: ColorValue;
+    /**
+     * Header border color on pointer over
+     */
+    headerBorderPointerOverBrush?: ColorValue;
+    /**
+     * Header border color when pressed
+     */
+    headerBorderPressedBrush?: ColorValue;
+    /**
+     * Header foreground color when disabled
+     */
+    headerDisabledForeground?: ColorValue;
+    /**
+     * Header border color when disabled
+     */
+    headerDisabledBorderBrush?: ColorValue;
+    /**
+     * Header border thickness
+     */
+    headerBorderThickness?: number;
+    /**
+     * Content background color
+     */
+    contentBackground?: ColorValue;
+    /**
+     * Content border color
+     */
+    contentBorderBrush?: ColorValue;
+    /**
+     * Chevron background color at rest
+     */
+    chevronBackground?: ColorValue;
+    /**
+     * Chevron foreground color at rest
+     */
+    chevronForeground?: ColorValue;
+    /**
+     * Chevron background color on pointer over
+     */
+    chevronPointerOverBackground?: ColorValue;
+    /**
+     * Chevron foreground color on pointer over
+     */
+    chevronPointerOverForeground?: ColorValue;
+    /**
+     * Chevron background color when pressed
+     */
+    chevronPressedBackground?: ColorValue;
+    /**
+     * Chevron foreground color when pressed
+     */
+    chevronPressedForeground?: ColorValue;
+    /**
+     * Chevron border thickness
+     */
+    chevronBorderThickness?: number;
+    /**
+     * Chevron border color at rest
+     */
+    chevronBorderBrush?: ColorValue;
+    /**
+     * Chevron border color on pointer over
+     */
+    chevronBorderPointerOverBrush?: ColorValue;
+    /**
+     * Chevron border color when pressed
+     */
+    chevronBorderPressedBrush?: ColorValue;
+}
+export type ExpandDirection = 'up' | 'down';
+export type VerticalAlignment = 'bottom' | 'center' | 'stretch' | 'top';
+export type HorizontalAlignment = 'center' | 'left' | 'right' | 'stretch';
+export type ExpanderViewProps = ExpanderProps & ExpanderTokens;
+export interface ExpanderType {
+    props: ExpanderProps;
+    tokens: ExpanderTokens;
+    slotProps: {
+        root: ExpanderViewProps;
+    };
+}
+//# sourceMappingURL=Expander.types.d.ts.map

package/lib/Expander.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Expander.types.d.ts","sourceRoot":"","sources":["../src/Expander.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,eAAO,MAAM,YAAY,aAAa,CAAC;AASvC,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,cAAc,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,eAAe,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,0BAA0B,CAAC,EAAE,mBAAmB,CAAC;IACjD;;OAEG;IACH,wBAAwB,CAAC,EAAE,iBAAiB,CAAC;IAC7C;;OAEG;IACH,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC9B;;OAEG;IACH,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC9B;;OAEG;IACH,2BAA2B,CAAC,EAAE,UAAU,CAAC;IACzC;;OAEG;IACH,uBAAuB,CAAC,EAAE,UAAU,CAAC;IACrC;;OAEG;IACH,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC/B;;OAEG;IACH,4BAA4B,CAAC,EAAE,UAAU,CAAC;IAC1C;;OAEG;IACH,wBAAwB,CAAC,EAAE,UAAU,CAAC;IACtC;;OAEG;IACH,wBAAwB,CAAC,EAAE,UAAU,CAAC;IACtC;;OAEG;IACH,yBAAyB,CAAC,EAAE,UAAU,CAAC;IACvC;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B;;OAEG;IACH,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC/B;;OAEG;IACH,kBAAkB,CAAC,EAAE,UAAU,CAAC;IAChC;;OAEG;IACH,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC/B;;OAEG;IACH,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC/B;;OAEG;IACH,4BAA4B,CAAC,EAAE,UAAU,CAAC;IAC1C;;OAEG;IACH,4BAA4B,CAAC,EAAE,UAAU,CAAC;IAC1C;;OAEG;IACH,wBAAwB,CAAC,EAAE,UAAU,CAAC;IACtC;;OAEG;IACH,wBAAwB,CAAC,EAAE,UAAU,CAAC;IACtC;;OAEG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC;;OAEG;IACH,kBAAkB,CAAC,EAAE,UAAU,CAAC;IAChC;;OAEG;IACH,6BAA6B,CAAC,EAAE,UAAU,CAAC;IAC3C;;OAEG;IACH,yBAAyB,CAAC,EAAE,UAAU,CAAC;CACxC;AAED,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,MAAM,CAAC;AAC5C,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,KAAK,CAAC;AACxE,MAAM,MAAM,mBAAmB,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;AAC1E,MAAM,MAAM,iBAAiB,GAAG,aAAa,GAAG,cAAc,CAAC;AAE/D,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,aAAa,CAAC;IACrB,MAAM,EAAE,cAAc,CAAC;IACvB,SAAS,EAAE;QACT,IAAI,EAAE,iBAAiB,CAAC;KACzB,CAAC;CACH"}

package/lib/Expander.types.js

@@ -0,0 +1,2 @@
+export var expanderName = 'Expander';
+//# sourceMappingURL=Expander.types.js.map

package/lib/Expander.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Expander.types.js","sourceRoot":"","sources":["../src/Expander.types.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,IAAM,YAAY,GAAG,UAAU,CAAC"}

package/lib/index.d.ts

@@ -0,0 +1,4 @@
+export { Expander } from './Expander';
+export { expanderName } from './Expander.types';
+export type { ExpandDirection, ExpanderProps, ExpanderTokens, ExpanderType, ExpanderViewProps, HorizontalAlignment, VerticalAlignment } from './Expander.types';
+//# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,cAAc,EAAE,YAAY,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC"}

package/lib/index.js

@@ -0,0 +1,3 @@
+export { Expander } from './Expander';
+export { expanderName } from './Expander.types';
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-react-native/experimental-expander",
-  "version": "0.5.24",
+  "version": "0.5.26",
   "description": "A cross-platform Native Expander component using the Fluent Design System. Currently only implemented on windows",
   "license": "MIT",
   "author": "Microsoft <fluentuinativeowners@microsoft.com>",
@@ -27,7 +27,7 @@
   },
   "dependencies": {
     "@fluentui-react-native/component-cache": "^1.4.4",
-    "@fluentui-react-native/framework": "0.9.7"
+    "@fluentui-react-native/framework": "0.9.9"
   },
   "devDependencies": {
     "@fluentui-react-native/eslint-config-rules": "^0.1.1",