@artsy/palette-mobile 23.14.0 → 24.0.0

package/dist/elements/Autocomplete/Autocomplete.tests.js

@@ -1,5 +1,52 @@
-import { Autocomplete } from "./Autocomplete";
-const artists = [
+"use strict";
+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 = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["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 };
+    }
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var Autocomplete_1 = require("./Autocomplete");
+var artists = [
     {
         key: "Pablo Picasso",
         importance: 100,
@@ -21,58 +68,83 @@ const artists = [
         searchTerms: ["JB", "The King of Funk"],
     },
 ];
-describe(Autocomplete, () => {
-    it(`lets you search for individual words in search terms`, async () => {
-        const auto = new Autocomplete(artists);
-        expect(auto.getSuggestions("formerly")).toEqual(["Prince"]);
-    });
-    it(`doesn't care about capitalization`, async () => {
-        const auto = new Autocomplete(artists);
-        expect(auto.getSuggestions("fOrMerly")).toEqual(["Prince"]);
-    });
-    it(`doesn't care about punctuation`, async () => {
-        const auto = new Autocomplete([
-            ...artists,
-            {
-                key: "Dog",
-                importance: +Infinity,
-                searchTerms: ["Santa's little helper"],
-            },
-        ]);
-        expect(auto.getSuggestions("fOrMerl,y")).toEqual(["Prince"]);
-        expect(auto.getSuggestions("santas")).toEqual(["Dog"]);
-    });
-    it(`doesn't care about diacritics`, async () => {
-        const auto = new Autocomplete([
-            ...artists,
-            {
-                key: "Nordic",
-                importance: +Infinity,
-                searchTerms: ["Jón Jønssön"],
-            },
-        ]);
-        expect(auto.getSuggestions("Jon")).toEqual(["Nordic"]);
-        expect(auto.getSuggestions("Jonsson")).toEqual(["Nordic"]);
-    });
-    it(`orders results according to importance`, async () => {
-        const auto = new Autocomplete(artists);
-        expect(auto.getSuggestions("p")).toEqual(["Pablo Picasso", "Prince", "Grayson Perry"]);
-    });
-    it(`returns nothing when there are no matches`, async () => {
-        const auto = new Autocomplete(artists);
-        expect(auto.getSuggestions("z")).toEqual([]);
-    });
-    it(`ignores stop words which don't appear at the beginning of a search term`, async () => {
-        const auto = new Autocomplete([
-            ...artists,
-            {
-                key: "PaRappa the Rapper",
-                importance: +Infinity * 2,
-                searchTerms: ["PaRappa the Rapper"],
-            },
-        ], 10, ["the"]);
-        expect(auto.getSuggestions("the")).toContain("James Brown");
-        expect(auto.getSuggestions("the")).not.toContain("PaRappa the Rapper");
-        expect(auto.getSuggestions("Rapper")).toEqual(["PaRappa the Rapper"]);
-    });
+describe(Autocomplete_1.Autocomplete, function () {
+    it("lets you search for individual words in search terms", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var auto;
+        return __generator(this, function (_a) {
+            auto = new Autocomplete_1.Autocomplete(artists);
+            expect(auto.getSuggestions("formerly")).toEqual(["Prince"]);
+            return [2 /*return*/];
+        });
+    }); });
+    it("doesn't care about capitalization", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var auto;
+        return __generator(this, function (_a) {
+            auto = new Autocomplete_1.Autocomplete(artists);
+            expect(auto.getSuggestions("fOrMerly")).toEqual(["Prince"]);
+            return [2 /*return*/];
+        });
+    }); });
+    it("doesn't care about punctuation", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var auto;
+        return __generator(this, function (_a) {
+            auto = new Autocomplete_1.Autocomplete(__spreadArray(__spreadArray([], artists, true), [
+                {
+                    key: "Dog",
+                    importance: +Infinity,
+                    searchTerms: ["Santa's little helper"],
+                },
+            ], false));
+            expect(auto.getSuggestions("fOrMerl,y")).toEqual(["Prince"]);
+            expect(auto.getSuggestions("santas")).toEqual(["Dog"]);
+            return [2 /*return*/];
+        });
+    }); });
+    it("doesn't care about diacritics", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var auto;
+        return __generator(this, function (_a) {
+            auto = new Autocomplete_1.Autocomplete(__spreadArray(__spreadArray([], artists, true), [
+                {
+                    key: "Nordic",
+                    importance: +Infinity,
+                    searchTerms: ["Jón Jønssön"],
+                },
+            ], false));
+            expect(auto.getSuggestions("Jon")).toEqual(["Nordic"]);
+            expect(auto.getSuggestions("Jonsson")).toEqual(["Nordic"]);
+            return [2 /*return*/];
+        });
+    }); });
+    it("orders results according to importance", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var auto;
+        return __generator(this, function (_a) {
+            auto = new Autocomplete_1.Autocomplete(artists);
+            expect(auto.getSuggestions("p")).toEqual(["Pablo Picasso", "Prince", "Grayson Perry"]);
+            return [2 /*return*/];
+        });
+    }); });
+    it("returns nothing when there are no matches", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var auto;
+        return __generator(this, function (_a) {
+            auto = new Autocomplete_1.Autocomplete(artists);
+            expect(auto.getSuggestions("z")).toEqual([]);
+            return [2 /*return*/];
+        });
+    }); });
+    it("ignores stop words which don't appear at the beginning of a search term", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var auto;
+        return __generator(this, function (_a) {
+            auto = new Autocomplete_1.Autocomplete(__spreadArray(__spreadArray([], artists, true), [
+                {
+                    key: "PaRappa the Rapper",
+                    importance: +Infinity * 2,
+                    searchTerms: ["PaRappa the Rapper"],
+                },
+            ], false), 10, ["the"]);
+            expect(auto.getSuggestions("the")).toContain("James Brown");
+            expect(auto.getSuggestions("the")).not.toContain("PaRappa the Rapper");
+            expect(auto.getSuggestions("Rapper")).toEqual(["PaRappa the Rapper"]);
+            return [2 /*return*/];
+        });
+    }); });
 });

package/dist/elements/Autocomplete/index.js

@@ -1 +1,17 @@
-export * from "./Autocomplete";
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Autocomplete"), exports);

package/dist/elements/Avatar/Avatar.js

@@ -1,13 +1,16 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { MotiView } from "moti";
-import { FadeIn } from "react-native-reanimated";
-import { useColor } from "../../utils/hooks";
-import { Box } from "../Box";
-import { Flex } from "../Flex";
-import { Image } from "../Image/Image";
-import { Text } from "../Text";
-const DEFAULT_SIZE = "md";
-const VARIANTS = {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Avatar = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var moti_1 = require("moti");
+var react_native_reanimated_1 = require("react-native-reanimated");
+var hooks_1 = require("../../utils/hooks");
+var Box_1 = require("../Box");
+var Flex_1 = require("../Flex");
+var Image_1 = require("../Image/Image");
+var Text_1 = require("../Text");
+var DEFAULT_SIZE = "md";
+var VARIANTS = {
     xxs: {
         diameter: 30,
         textSize: "xs",
@@ -26,14 +29,16 @@ const VARIANTS = {
     },
 };
 /** A circular Avatar component containing an image or initials */
-export const Avatar = ({ src, initials, size = DEFAULT_SIZE, blurhash, performResize = true, }) => {
-    const color = useColor();
-    const { diameter, textSize } = VARIANTS[size];
+var Avatar = function (_a) {
+    var src = _a.src, initials = _a.initials, _b = _a.size, size = _b === void 0 ? DEFAULT_SIZE : _b, blurhash = _a.blurhash, _c = _a.performResize, performResize = _c === void 0 ? true : _c;
+    var color = (0, hooks_1.useColor)();
+    var _d = VARIANTS[size], diameter = _d.diameter, textSize = _d.textSize;
     if (src) {
-        return (_jsx(MotiView, { entering: FadeIn, children: _jsx(Box, { width: diameter, height: diameter, borderRadius: diameter / 2, overflow: "hidden", borderColor: color("mono0"), borderWidth: 1, children: _jsx(Image, { blurhash: blurhash, resizeMode: "cover", src: src, height: diameter, width: diameter, accessibilityLabel: "AvatarImage", performResize: performResize, style: {
+        return ((0, jsx_runtime_1.jsx)(moti_1.MotiView, { entering: react_native_reanimated_1.FadeIn, children: (0, jsx_runtime_1.jsx)(Box_1.Box, { width: diameter, height: diameter, borderRadius: diameter / 2, overflow: "hidden", borderColor: color("mono0"), borderWidth: 1, children: (0, jsx_runtime_1.jsx)(Image_1.Image, { blurhash: blurhash, resizeMode: "cover", src: src, height: diameter, width: diameter, accessibilityLabel: "AvatarImage", performResize: performResize, style: {
                         width: diameter,
                         height: diameter,
                     } }) }) }));
     }
-    return (_jsx(Flex, { width: diameter, height: diameter, borderColor: "mono10", borderWidth: 1, borderRadius: diameter, overflow: "hidden", alignItems: "center", justifyContent: "center", accessibilityLabel: "Avatar", children: _jsx(Text, { variant: textSize, children: initials }) }));
+    return ((0, jsx_runtime_1.jsx)(Flex_1.Flex, { width: diameter, height: diameter, borderColor: "mono10", borderWidth: 1, borderRadius: diameter, overflow: "hidden", alignItems: "center", justifyContent: "center", accessibilityLabel: "Avatar", children: (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: textSize, children: initials }) }));
 };
+exports.Avatar = Avatar;

package/dist/elements/Avatar/Avatar.stories.js

@@ -1,9 +1,23 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Avatar } from "./Avatar";
-import { List, Row } from "../../storybook/helpers";
-const meta = {
+"use strict";
+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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Variants = exports.WithInitials = exports.WithImage = exports.Default = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Avatar_1 = require("./Avatar");
+var helpers_1 = require("../../storybook/helpers");
+var meta = {
     title: "Avatar",
-    component: Avatar,
+    component: Avatar_1.Avatar,
     argTypes: {
         size: {
             control: { type: "select" },
@@ -24,29 +38,29 @@ const meta = {
         },
     },
 };
-export default meta;
-const sizes = ["md", "sm", "xs", "xxs"];
-export const Default = {
+exports.default = meta;
+var sizes = ["md", "sm", "xs", "xxs"];
+exports.Default = {
     args: {
         initials: "AB",
         size: "md",
     },
-    render: (args) => _jsx(Avatar, { ...args }),
+    render: function (args) { return (0, jsx_runtime_1.jsx)(Avatar_1.Avatar, __assign({}, args)); },
 };
-export const WithImage = {
+exports.WithImage = {
     args: {
         src: "https://placekitten.com/300/300",
         size: "md",
     },
-    render: (args) => _jsx(Avatar, { ...args }),
+    render: function (args) { return (0, jsx_runtime_1.jsx)(Avatar_1.Avatar, __assign({}, args)); },
 };
-export const WithInitials = {
+exports.WithInitials = {
     args: {
         initials: "JD",
         size: "md",
     },
-    render: (args) => _jsx(Avatar, { ...args }),
+    render: function (args) { return (0, jsx_runtime_1.jsx)(Avatar_1.Avatar, __assign({}, args)); },
 };
-export const Variants = {
-    render: () => (_jsxs(List, { children: [_jsx(Row, { children: sizes.map((s) => (_jsx(Avatar, { initials: "A", size: s }, s))) }), _jsx(Row, { children: sizes.map((s) => (_jsx(Avatar, { initials: "AA", size: s }, s))) }), _jsx(Row, { children: sizes.map((s) => (_jsx(Avatar, { src: "https://placekitten.com/300/300", size: s }, s))) })] })),
+exports.Variants = {
+    render: function () { return ((0, jsx_runtime_1.jsxs)(helpers_1.List, { children: [(0, jsx_runtime_1.jsx)(helpers_1.Row, { children: sizes.map(function (s) { return ((0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { initials: "A", size: s }, s)); }) }), (0, jsx_runtime_1.jsx)(helpers_1.Row, { children: sizes.map(function (s) { return ((0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { initials: "AA", size: s }, s)); }) }), (0, jsx_runtime_1.jsx)(helpers_1.Row, { children: sizes.map(function (s) { return ((0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { src: "https://placekitten.com/300/300", size: s }, s)); }) })] })); },
 };

package/dist/elements/Avatar/Avatar.tests.js

@@ -1,12 +1,14 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { screen } from "@testing-library/react-native";
-import { Image } from "react-native";
-import { Avatar } from "./Avatar";
-import { renderWithWrappers } from "../../utils/tests/renderWithWrappers";
-describe("Avatar", () => {
-    it("renders initials if no image url and initials provided", () => {
-        renderWithWrappers(_jsx(Avatar, { initials: "AB" }));
-        expect(screen.UNSAFE_queryByType(Image)).not.toBeTruthy();
-        expect(screen.getByText("AB")).toBeTruthy();
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_native_1 = require("@testing-library/react-native");
+var react_native_2 = require("react-native");
+var Avatar_1 = require("./Avatar");
+var renderWithWrappers_1 = require("../../utils/tests/renderWithWrappers");
+describe("Avatar", function () {
+    it("renders initials if no image url and initials provided", function () {
+        (0, renderWithWrappers_1.renderWithWrappers)((0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { initials: "AB" }));
+        expect(react_native_1.screen.UNSAFE_queryByType(react_native_2.Image)).not.toBeTruthy();
+        expect(react_native_1.screen.getByText("AB")).toBeTruthy();
     });
 });

package/dist/elements/Avatar/index.js

@@ -1 +1,17 @@
-export * from "./Avatar";
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Avatar"), exports);

package/dist/elements/BackButton/BackButton.js

@@ -1,11 +1,18 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ChevronSmallLeftIcon, CloseIcon } from "@artsy/icons/native";
-import { TouchableOpacity } from "react-native";
-import { DEFAULT_HIT_SLOP } from "../../constants";
-import { Flex } from "../Flex";
-export const BackButton = ({ color = "onBackgroundHigh", hitSlop = DEFAULT_HIT_SLOP, onPress, showX = false, style, iconSize = 18, }) => {
-    return (_jsx(TouchableOpacity, { onPress: onPress, hitSlop: hitSlop, accessibilityRole: "button", accessibilityLabel: showX ? "Close" : "Go back", accessibilityHint: showX ? "Dismiss this screen" : "Go back to the previous screen", style: style, children: showX ? (_jsx(CloseIcon, { fill: color, width: iconSize, height: iconSize })) : (_jsx(ChevronSmallLeftIcon, { fill: color, height: iconSize, width: iconSize })) }));
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BackButtonWithBackground = exports.BackButton = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var native_1 = require("@artsy/icons/native");
+var react_native_1 = require("react-native");
+var constants_1 = require("../../constants");
+var Flex_1 = require("../Flex");
+var BackButton = function (_a) {
+    var _b = _a.color, color = _b === void 0 ? "onBackgroundHigh" : _b, _c = _a.hitSlop, hitSlop = _c === void 0 ? constants_1.DEFAULT_HIT_SLOP : _c, onPress = _a.onPress, _d = _a.showX, showX = _d === void 0 ? false : _d, style = _a.style, _e = _a.iconSize, iconSize = _e === void 0 ? 18 : _e;
+    return ((0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { onPress: onPress, hitSlop: hitSlop, accessibilityRole: "button", accessibilityLabel: showX ? "Close" : "Go back", accessibilityHint: showX ? "Dismiss this screen" : "Go back to the previous screen", style: style, children: showX ? ((0, jsx_runtime_1.jsx)(native_1.CloseIcon, { fill: color, width: iconSize, height: iconSize })) : ((0, jsx_runtime_1.jsx)(native_1.ChevronSmallLeftIcon, { fill: color, height: iconSize, width: iconSize })) }));
 };
-export const BackButtonWithBackground = ({ color = "onBackgroundHigh", hitSlop = DEFAULT_HIT_SLOP, onPress, showX = false, style, }) => {
-    return (_jsx(TouchableOpacity, { accessibilityRole: "button", accessibilityLabel: showX ? "Close" : "Back", accessibilityHint: showX ? "Closes the modal" : "Navigates to the previous screen", onPress: onPress, hitSlop: hitSlop, children: _jsx(Flex, { backgroundColor: "background", width: 40, height: 40, borderRadius: 20, alignItems: "center", justifyContent: "center", accessibilityRole: "button", accessibilityLabel: showX ? "Close" : "Go back", accessibilityHint: showX ? "Dismiss this screen" : "Go back to the previous screen", style: style, children: showX ? (_jsx(CloseIcon, { fill: color, width: 26, height: 26 })) : (_jsx(ChevronSmallLeftIcon, { fill: color })) }) }));
+exports.BackButton = BackButton;
+var BackButtonWithBackground = function (_a) {
+    var _b = _a.color, color = _b === void 0 ? "onBackgroundHigh" : _b, _c = _a.hitSlop, hitSlop = _c === void 0 ? constants_1.DEFAULT_HIT_SLOP : _c, onPress = _a.onPress, _d = _a.showX, showX = _d === void 0 ? false : _d, style = _a.style;
+    return ((0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { accessibilityRole: "button", accessibilityLabel: showX ? "Close" : "Back", accessibilityHint: showX ? "Closes the modal" : "Navigates to the previous screen", onPress: onPress, hitSlop: hitSlop, children: (0, jsx_runtime_1.jsx)(Flex_1.Flex, { backgroundColor: "background", width: 40, height: 40, borderRadius: 20, alignItems: "center", justifyContent: "center", accessibilityRole: "button", accessibilityLabel: showX ? "Close" : "Go back", accessibilityHint: showX ? "Dismiss this screen" : "Go back to the previous screen", style: style, children: showX ? ((0, jsx_runtime_1.jsx)(native_1.CloseIcon, { fill: color, width: 26, height: 26 })) : ((0, jsx_runtime_1.jsx)(native_1.ChevronSmallLeftIcon, { fill: color })) }) }));
 };
+exports.BackButtonWithBackground = BackButtonWithBackground;

package/dist/elements/BackButton/BackButton.stories.js

@@ -1,10 +1,14 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { BackButton, BackButtonWithBackground } from "./BackButton";
-import { Text } from "../../elements/Text";
-import { List } from "../../storybook/helpers";
-import { Flex } from "../Flex";
-export default {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Styled = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var BackButton_1 = require("./BackButton");
+var Text_1 = require("../../elements/Text");
+var helpers_1 = require("../../storybook/helpers");
+var Flex_1 = require("../Flex");
+exports.default = {
     title: "BackButton",
-    component: BackButton,
+    component: BackButton_1.BackButton,
 };
-export const Styled = () => (_jsxs(List, { style: { marginLeft: 50 }, contentContainerStyle: { alignItems: "flex-start" }, children: [_jsx(Text, { children: "Back button" }), _jsx(BackButton, {}), _jsx(Text, { children: "Back button with background" }), _jsxs(Flex, { children: [_jsx(Flex, { backgroundColor: "red", width: 50, height: 50, position: "absolute" }), _jsx(BackButtonWithBackground, {})] })] }));
+var Styled = function () { return ((0, jsx_runtime_1.jsxs)(helpers_1.List, { style: { marginLeft: 50 }, contentContainerStyle: { alignItems: "flex-start" }, children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Back button" }), (0, jsx_runtime_1.jsx)(BackButton_1.BackButton, {}), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Back button with background" }), (0, jsx_runtime_1.jsxs)(Flex_1.Flex, { children: [(0, jsx_runtime_1.jsx)(Flex_1.Flex, { backgroundColor: "red", width: 50, height: 50, position: "absolute" }), (0, jsx_runtime_1.jsx)(BackButton_1.BackButtonWithBackground, {})] })] })); };
+exports.Styled = Styled;

package/dist/elements/BackButton/index.js

@@ -1 +1,17 @@
-export * from "./BackButton";
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./BackButton"), exports);

package/dist/elements/Banner/Banner.js

@@ -1,25 +1,51 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CloseIcon } from "@artsy/icons/native";
-import { useRef, useState } from "react";
-import { Animated, Easing, TouchableOpacity } from "react-native";
-import { DEFAULT_HIT_SLOP } from "../../constants";
-import { Flex } from "../Flex";
-import { Text } from "../Text";
-export const Banner = ({ text, onClose, dismissable = false, variant = "defaultLight", children, ...restProps }) => {
-    const [tempHeight, setTempHeight] = useState(undefined);
-    const scaleYAnim = useRef(new Animated.Value(0)).current;
-    const handleClose = () => {
-        Animated.timing(scaleYAnim, {
+"use strict";
+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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Banner = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var native_1 = require("@artsy/icons/native");
+var react_1 = require("react");
+var react_native_1 = require("react-native");
+var constants_1 = require("../../constants");
+var Flex_1 = require("../Flex");
+var Text_1 = require("../Text");
+var Banner = function (_a) {
+    var text = _a.text, onClose = _a.onClose, _b = _a.dismissable, dismissable = _b === void 0 ? false : _b, _c = _a.variant, variant = _c === void 0 ? "defaultLight" : _c, children = _a.children, restProps = __rest(_a, ["text", "onClose", "dismissable", "variant", "children"]);
+    var _d = (0, react_1.useState)(undefined), tempHeight = _d[0], setTempHeight = _d[1];
+    var scaleYAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current;
+    var handleClose = function () {
+        react_native_1.Animated.timing(scaleYAnim, {
             toValue: 1,
             duration: 150,
-            easing: Easing.linear,
+            easing: react_native_1.Easing.linear,
             useNativeDriver: true,
-        }).start(() => {
+        }).start(function () {
             setTempHeight(0);
         });
-        onClose?.();
+        onClose === null || onClose === void 0 ? void 0 : onClose();
     };
-    return (_jsx(Animated.View, { accessibilityLabel: "Banner", style: {
+    return ((0, jsx_runtime_1.jsx)(react_native_1.Animated.View, { accessibilityLabel: "Banner", style: {
             height: tempHeight,
             transform: [
                 {
@@ -29,9 +55,10 @@ export const Banner = ({ text, onClose, dismissable = false, variant = "defaultL
                     }),
                 },
             ],
-        }, children: _jsx(Flex, { backgroundColor: BANNER_VARIANTS[variant].backgroundColor, ...restProps, children: _jsxs(Flex, { px: 2, py: 1, flexDirection: "row", alignItems: "center", justifyContent: "space-between", children: [text ? (_jsx(Flex, { flex: 1, alignItems: "center", children: _jsx(Text, { textAlign: "center", variant: "xs", color: BANNER_VARIANTS[variant].color, children: text }) })) : (_jsx(Flex, { flex: 1, children: children })), !!dismissable && (_jsx(Flex, { children: _jsx(TouchableOpacity, { accessibilityRole: "button", accessibilityLabel: "Close", accessibilityHint: "Dismiss banner", testID: "banner-close-button", onPress: handleClose, hitSlop: DEFAULT_HIT_SLOP, children: _jsx(CloseIcon, { fill: BANNER_VARIANTS[variant].color }) }) }))] }) }) }));
+        }, children: (0, jsx_runtime_1.jsx)(Flex_1.Flex, __assign({ backgroundColor: BANNER_VARIANTS[variant].backgroundColor }, restProps, { children: (0, jsx_runtime_1.jsxs)(Flex_1.Flex, { px: 2, py: 1, flexDirection: "row", alignItems: "center", justifyContent: "space-between", children: [text ? ((0, jsx_runtime_1.jsx)(Flex_1.Flex, { flex: 1, alignItems: "center", children: (0, jsx_runtime_1.jsx)(Text_1.Text, { textAlign: "center", variant: "xs", color: BANNER_VARIANTS[variant].color, children: text }) })) : ((0, jsx_runtime_1.jsx)(Flex_1.Flex, { flex: 1, children: children })), !!dismissable && ((0, jsx_runtime_1.jsx)(Flex_1.Flex, { children: (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { accessibilityRole: "button", accessibilityLabel: "Close", accessibilityHint: "Dismiss banner", testID: "banner-close-button", onPress: handleClose, hitSlop: constants_1.DEFAULT_HIT_SLOP, children: (0, jsx_runtime_1.jsx)(native_1.CloseIcon, { fill: BANNER_VARIANTS[variant].color }) }) }))] }) })) }));
 };
-const BANNER_VARIANTS = {
+exports.Banner = Banner;
+var BANNER_VARIANTS = {
     defaultLight: {
         backgroundColor: "mono10",
         color: "mono100",

package/dist/elements/Banner/Banner.stories.js

@@ -1,11 +1,15 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Banner } from "./Banner";
-import { List } from "../../storybook/helpers";
-import { LinkText } from "../Text";
-export default {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.States = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Banner_1 = require("./Banner");
+var helpers_1 = require("../../storybook/helpers");
+var Text_1 = require("../Text");
+exports.default = {
     title: "Banner",
-    component: Banner,
+    component: Banner_1.Banner,
 };
-export const States = () => {
-    return (_jsxs(List, { contentContainerStyle: { alignItems: undefined }, children: [_jsx(Banner, { text: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Reiciendis quae\n        natus assumenda distinctio, voluptatum magni. autem sunt." }), _jsx(Banner, { dismissable: true, text: "Default Light", variant: "defaultLight" }), _jsx(Banner, { dismissable: true, text: "Default Dark", variant: "defaultDark" }), _jsx(Banner, { dismissable: true, text: "Success", variant: "success" }), _jsx(Banner, { dismissable: true, text: "Error", variant: "error" }), _jsx(Banner, { dismissable: true, text: "Brand", variant: "brand" }), _jsx(Banner, { dismissable: true, variant: "error", children: _jsx(LinkText, { textAlign: "center", variant: "xs", color: "mono0", onPress: () => console.log(`tapped`), children: "Link" }) })] }));
+var States = function () {
+    return ((0, jsx_runtime_1.jsxs)(helpers_1.List, { contentContainerStyle: { alignItems: undefined }, children: [(0, jsx_runtime_1.jsx)(Banner_1.Banner, { text: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Reiciendis quae\n        natus assumenda distinctio, voluptatum magni. autem sunt." }), (0, jsx_runtime_1.jsx)(Banner_1.Banner, { dismissable: true, text: "Default Light", variant: "defaultLight" }), (0, jsx_runtime_1.jsx)(Banner_1.Banner, { dismissable: true, text: "Default Dark", variant: "defaultDark" }), (0, jsx_runtime_1.jsx)(Banner_1.Banner, { dismissable: true, text: "Success", variant: "success" }), (0, jsx_runtime_1.jsx)(Banner_1.Banner, { dismissable: true, text: "Error", variant: "error" }), (0, jsx_runtime_1.jsx)(Banner_1.Banner, { dismissable: true, text: "Brand", variant: "brand" }), (0, jsx_runtime_1.jsx)(Banner_1.Banner, { dismissable: true, variant: "error", children: (0, jsx_runtime_1.jsx)(Text_1.LinkText, { textAlign: "center", variant: "xs", color: "mono0", onPress: function () { return console.log("tapped"); }, children: "Link" }) })] }));
 };
+exports.States = States;

package/dist/elements/Banner/index.js

@@ -1 +1,17 @@
-export * from "./Banner";
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Banner"), exports);