ferns-ui 0.2.0

package/dist/dist/ProgressBar.d.ts

@@ -0,0 +1,16 @@
+export class ProgressBar extends React.Component<any, any, any> {
+    constructor(props: any);
+    state: {};
+    render(): React.CElement<{
+        style: {
+            width: string;
+            height: number;
+        };
+    }, React.Component<{
+        style: {
+            width: string;
+            height: number;
+        };
+    }, any, any>>;
+}
+import React from "react";

package/dist/dist/ProgressBar.js

@@ -0,0 +1,40 @@
+import React from "react";
+import { View } from "react-native";
+import { Unifier } from "./Unifier";
+export class ProgressBar extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {};
+    }
+    render() {
+        // console.log("PROGRESS", Unifier.theme[this.props.color], `${this.props.completed / 100}%`);
+        return (React.createElement(View, { style: {
+                width: "100%",
+                height: 6,
+            } }, React.createElement(View, { style: {
+                width: "100%",
+                position: "absolute",
+                top: 0,
+                left: 0,
+                height: 6,
+                borderRadius: 6,
+                borderWidth: 1,
+                borderColor: Unifier.theme[this.props.color],
+                backgroundColor: Unifier.theme[this.props.color],
+                opacity: 0.3,
+            } }), React.createElement(View, { style: {
+                width: `${Math.min(this.props.completed / 100, 1) * 100}%`,
+                position: "absolute",
+                top: 0,
+                left: 0,
+                height: 6,
+                borderRadius: 6,
+                borderWidth: 1,
+                borderColor: Unifier.theme[this.props.color],
+                backgroundColor: Unifier.theme[this.props.color],
+                opacity: 1,
+            } })));
+    }
+}
+//# sourceMappingURL=ProgressBar.js.map
+//# sourceMappingURL=ProgressBar.js.map

package/dist/dist/ProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../src/dist/ProgressBar.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,MAAM,OAAO,WAAY,SAAQ,KAAK,CAAC,SAAS;IAC5C,YAAY,KAAK;QACb,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;IACpB,CAAC;IACD,MAAM;QACF,8FAA8F;QAC9F,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE;gBACnC,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,CAAC;aACZ,EAAE,EACH,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE;gBAC3B,KAAK,EAAE,MAAM;gBACb,QAAQ,EAAE,UAAU;gBACpB,GAAG,EAAE,CAAC;gBACN,IAAI,EAAE,CAAC;gBACP,MAAM,EAAE,CAAC;gBACT,YAAY,EAAE,CAAC;gBACf,WAAW,EAAE,CAAC;gBACd,WAAW,EAAE,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;gBAC5C,eAAe,EAAE,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;gBAChD,OAAO,EAAE,GAAG;aACf,EAAE,CAAC,EACR,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE;gBAC3B,KAAK,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,GAAG,EAAE,CAAC,CAAC,GAAG,GAAG,GAAG;gBAC1D,QAAQ,EAAE,UAAU;gBACpB,GAAG,EAAE,CAAC;gBACN,IAAI,EAAE,CAAC;gBACP,MAAM,EAAE,CAAC;gBACT,YAAY,EAAE,CAAC;gBACf,WAAW,EAAE,CAAC;gBACd,WAAW,EAAE,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;gBAC5C,eAAe,EAAE,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;gBAChD,OAAO,EAAE,CAAC;aACb,EAAE,CAAC,CAAC,CAAC,CAAC;IACnB,CAAC;CACJ;AACD,uCAAuC"}

package/dist/dist/ScrollView.d.ts

@@ -0,0 +1 @@
+export { ScrollView };

package/dist/dist/ScrollView.js

@@ -0,0 +1,4 @@
+import { ScrollView } from "react-native";
+export { ScrollView };
+//# sourceMappingURL=ScrollView.js.map
+//# sourceMappingURL=ScrollView.js.map

package/dist/dist/ScrollView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollView.js","sourceRoot":"","sources":["../../src/dist/ScrollView.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,sCAAsC"}

package/dist/dist/SegmentedControl.d.ts

@@ -0,0 +1,9 @@
+export class SegmentedControl extends React.Component<any, any, any> {
+    constructor(props: any);
+    constructor(props: any, context: any);
+    renderItem(item: any): React.CElement<import("./Common").TextProps, Text>;
+    render(): React.CElement<import("./Common").BoxProps, Box>;
+}
+import React from "react";
+import { Text } from "./Text";
+import { Box } from "./Box";

package/dist/dist/SegmentedControl.js

@@ -0,0 +1,18 @@
+import React from "react";
+import { Box } from "./Box";
+import { Text } from "./Text";
+export class SegmentedControl extends React.Component {
+    renderItem(item) {
+        return React.createElement(Text, { weight: "bold" }, item);
+        // if (typeof item === "string") {
+        //   return <Text weight="bold">{item}</Text>;
+        // } else {
+        //   return item;
+        // }
+    }
+    render() {
+        return (React.createElement(Box, { rounding: 3, width: "100%", height: 40, display: "flex", direction: "row", color: "lightGray", padding: 1 }, this.props.items.map((item, index) => (React.createElement(Box, { key: index, rounding: 3, height: "100%", width: `${100 / this.props.items.length}%`, color: this.props.selectedItemIndex === index ? "white" : "lightGray" }, React.createElement(Box, { width: "100%", height: "100%", display: "flex", alignItems: "center", justifyContent: "center", onClick: () => this.props.onChange({ activeIndex: index }) }, this.renderItem(item)))))));
+    }
+}
+//# sourceMappingURL=SegmentedControl.js.map
+//# sourceMappingURL=SegmentedControl.js.map

package/dist/dist/SegmentedControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.js","sourceRoot":"","sources":["../../src/dist/SegmentedControl.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,MAAM,OAAO,gBAAiB,SAAQ,KAAK,CAAC,SAAS;IACjD,UAAU,CAAC,IAAI;QACX,OAAO,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,IAAI,CAAC,CAAC;QAC3D,kCAAkC;QAClC,8CAA8C;QAC9C,WAAW;QACX,iBAAiB;QACjB,IAAI;IACR,CAAC;IACD,MAAM;QACF,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,iBAAiB,KAAK,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,EAAE,EAC1W,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7N,CAAC;CACJ;AACD,4CAA4C"}

package/dist/dist/SegmentedControl.stories.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/dist/SegmentedControl.stories.js

@@ -0,0 +1,32 @@
+// import React from "react";
+// import {Box} from "./Box";
+// import {SegmentedControl} from "./SegmentedControl";
+import { storiesOf } from "@storybook/react-native";
+storiesOf("SegmentedControl", module);
+// .add("Default Control", () => {
+//   const [itemIndex, setItemIndex] = React.useState(0);
+//   return (
+//     <Box display="flex" width="100%">
+//       <SegmentedControl
+//         items={["One", "Two", "Three"]}
+//         onChange={({activeIndex}) => setItemIndex(activeIndex)}
+//         selectedItemIndex={itemIndex}
+//       />
+//     </Box>
+//   );
+// })
+// .add("Large Control", () => {
+//   const [itemIndex, setItemIndex] = React.useState(0);
+//   return (
+//     <Box display="flex" width="100%">
+//       <SegmentedControl
+//         size="lg"
+//         items={["One", "Two", "Three"]}
+//         onChange={({activeIndex}) => setItemIndex(activeIndex)}
+//         selectedItemIndex={itemIndex}
+//       />
+//     </Box>
+//   );
+// });
+//# sourceMappingURL=SegmentedControl.stories.js.map
+//# sourceMappingURL=SegmentedControl.stories.js.map

package/dist/dist/SegmentedControl.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.stories.js","sourceRoot":"","sources":["../../src/dist/SegmentedControl.stories.js"],"names":[],"mappings":"AAAA,6BAA6B;AAC7B,6BAA6B;AAC7B,uDAAuD;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,SAAS,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAC;AACtC,kCAAkC;AAClC,yDAAyD;AACzD,aAAa;AACb,wCAAwC;AACxC,0BAA0B;AAC1B,0CAA0C;AAC1C,kEAAkE;AAClE,wCAAwC;AACxC,WAAW;AACX,aAAa;AACb,OAAO;AACP,KAAK;AACL,gCAAgC;AAChC,yDAAyD;AACzD,aAAa;AACb,wCAAwC;AACxC,0BAA0B;AAC1B,oBAAoB;AACpB,0CAA0C;AAC1C,kEAAkE;AAClE,wCAAwC;AACxC,WAAW;AACX,aAAa;AACb,OAAO;AACP,MAAM;AACN,oDAAoD"}

package/dist/dist/SelectList.d.ts

@@ -0,0 +1,9 @@
+export class SelectList extends React.Component<any, any, any> {
+    constructor(...args: any[]);
+    state: {
+        showing: boolean;
+    };
+    render(): React.CElement<any, RNPickerSelect>;
+}
+import React from "react";
+import RNPickerSelect from "./PickerSelect";

package/dist/dist/SelectList.js

@@ -0,0 +1,29 @@
+import React from "react";
+import RNPickerSelect from "./PickerSelect";
+import { Unifier } from "./Unifier";
+export class SelectList extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.state = { showing: false };
+    }
+    render() {
+        return (React.createElement(RNPickerSelect, { placeholder: {}, style: {
+                viewContainer: {
+                    flexDirection: "row",
+                    justifyContent: "center",
+                    alignItems: "center",
+                    minHeight: 50,
+                    width: "100%",
+                    // Add padding so the border doesn't mess up layouts
+                    paddingHorizontal: 6,
+                    paddingVertical: 4,
+                    borderColor: Unifier.theme.gray,
+                    borderWidth: 1,
+                    borderRadius: 5,
+                    backgroundColor: Unifier.theme.white,
+                },
+            }, items: this.props.options, onValueChange: this.props.onChange, value: this.props.value }));
+    }
+}
+//# sourceMappingURL=SelectList.js.map
+//# sourceMappingURL=SelectList.js.map

package/dist/dist/SelectList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectList.js","sourceRoot":"","sources":["../../src/dist/SelectList.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,cAAc,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,MAAM,OAAO,UAAW,SAAQ,KAAK,CAAC,SAAS;IAC3C;QACI,KAAK,CAAC,GAAG,SAAS,CAAC,CAAC;QACpB,IAAI,CAAC,KAAK,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;IACpC,CAAC;IACD,MAAM;QACF,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,cAAc,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,KAAK,EAAE;gBAC9D,aAAa,EAAE;oBACX,aAAa,EAAE,KAAK;oBACpB,cAAc,EAAE,QAAQ;oBACxB,UAAU,EAAE,QAAQ;oBACpB,SAAS,EAAE,EAAE;oBACb,KAAK,EAAE,MAAM;oBACb,oDAAoD;oBACpD,iBAAiB,EAAE,CAAC;oBACpB,eAAe,EAAE,CAAC;oBAClB,WAAW,EAAE,OAAO,CAAC,KAAK,CAAC,IAAI;oBAC/B,WAAW,EAAE,CAAC;oBACd,YAAY,EAAE,CAAC;oBACf,eAAe,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK;iBACvC;aACJ,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IACtG,CAAC;CACJ;AACD,sCAAsC"}

package/dist/dist/SelectList.stories.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/dist/SelectList.stories.js

@@ -0,0 +1,24 @@
+import React from "react";
+import { SelectList } from "./SelectList";
+import { storiesOf } from "@storybook/react-native";
+import { StorybookContainer } from "./StorybookContainer";
+const options = [
+    { label: "First", value: "first" },
+    { label: "Second", value: "second" },
+    { label: "Third, A Really Long Option", value: "third" },
+];
+storiesOf("Select List", module)
+    .add("Select Lists", () => {
+    const [item, setItem] = React.useState(options[0].value);
+    return (React.createElement(StorybookContainer, null, React.createElement(SelectList, { id: "none", options: options, value: item, onChange: (item) => setItem(item), placeholder: "Here's some placeholder text." })));
+})
+    .add("With Label", () => {
+    const [item, setItem] = React.useState(options[0].value);
+    return (React.createElement(StorybookContainer, null, React.createElement(SelectList, { id: "none", label: "Enter a bunch of text", helperText: "And some subtext", options: options, value: item, onChange: (item) => setItem(item) })));
+})
+    .add("Disabled", () => {
+    const [item, setItem] = React.useState(options[0].value);
+    return (React.createElement(StorybookContainer, null, React.createElement(SelectList, { id: "none", options: options, value: item, onChange: (item) => setItem(item), disabled: true, placeholder: "This is disabled" })));
+});
+//# sourceMappingURL=SelectList.stories.js.map
+//# sourceMappingURL=SelectList.stories.js.map

package/dist/dist/SelectList.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectList.stories.js","sourceRoot":"","sources":["../../src/dist/SelectList.stories.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,MAAM,OAAO,GAAG;IACZ,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;IACpC,EAAE,KAAK,EAAE,6BAA6B,EAAE,KAAK,EAAE,OAAO,EAAE;CAC3D,CAAC;AACF,SAAS,CAAC,aAAa,EAAE,MAAM,CAAC;KAC3B,GAAG,CAAC,cAAc,EAAE,GAAG,EAAE;IAC1B,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IACzD,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,kBAAkB,EAAE,IAAI,EAChD,KAAK,CAAC,aAAa,CAAC,UAAU,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,WAAW,EAAE,+BAA+B,EAAE,CAAC,CAAC,CAAC,CAAC;AAC1K,CAAC,CAAC;KACG,GAAG,CAAC,YAAY,EAAE,GAAG,EAAE;IACxB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IACzD,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,kBAAkB,EAAE,IAAI,EAChD,KAAK,CAAC,aAAa,CAAC,UAAU,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,uBAAuB,EAAE,UAAU,EAAE,kBAAkB,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAC5L,CAAC,CAAC;KACG,GAAG,CAAC,UAAU,EAAE,GAAG,EAAE;IACtB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IACzD,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,kBAAkB,EAAE,IAAI,EAChD,KAAK,CAAC,aAAa,CAAC,UAAU,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,kBAAkB,EAAE,CAAC,CAAC,CAAC,CAAC;AAC7K,CAAC,CAAC,CAAC;AACH,8CAA8C"}

package/dist/dist/Spinner.d.ts

@@ -0,0 +1,44 @@
+export class LoadingOverlay extends React.Component<any, any, any> {
+    constructor(...args: any[]);
+    componentId: any;
+    showHide(): Promise<void>;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    componentWillUnmount(): void;
+    render(): React.CElement<{
+        style: {
+            width: string;
+            height: string;
+            flex: number;
+            justifyContent: string;
+            alignItems: string;
+            backgroundColor: string;
+            opacity: number;
+        };
+    }, React.Component<{
+        style: {
+            width: string;
+            height: string;
+            flex: number;
+            justifyContent: string;
+            alignItems: string;
+            backgroundColor: string;
+            opacity: number;
+        };
+    }, any, any>>;
+}
+export class Spinner extends React.Component<any, any, any> {
+    constructor(...args: any[]);
+    state: {
+        show: boolean;
+    };
+    componentDidMount(): void;
+    render(): React.CElement<{
+        color: any;
+        size: string;
+    }, React.Component<{
+        color: any;
+        size: string;
+    }, any, any>> | null;
+}
+import React from "react";

package/dist/dist/Spinner.js

@@ -0,0 +1,58 @@
+import React from "react";
+import { ActivityIndicator, View } from "react-native";
+import { Unifier } from "./Unifier";
+export class LoadingOverlay extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.componentId = undefined;
+    }
+    async showHide() {
+        if (this.componentId) {
+            try {
+                await Unifier.navigation.dismissOverlay();
+            }
+            catch (e) {
+                console.debug(`[spinner] could not dismiss spinner overlay`, e);
+            }
+        }
+    }
+    componentDidMount() {
+        this.showHide();
+    }
+    componentDidUpdate() {
+        this.showHide();
+    }
+    componentWillUnmount() {
+        this.showHide();
+    }
+    render() {
+        return (React.createElement(View, { style: {
+                width: "100%",
+                height: "100%",
+                flex: 1,
+                justifyContent: "center",
+                alignItems: "center",
+                backgroundColor: Unifier.theme["white"],
+                opacity: 0.5,
+            } }, React.createElement(Spinner, null)));
+    }
+}
+export class Spinner extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.state = { show: false };
+    }
+    // The delay is for perceived performance so you should rarely need to remove it.
+    componentDidMount() {
+        setTimeout(() => this.setState({ show: true }), 300);
+    }
+    render() {
+        if (!this.state.show) {
+            return null;
+        }
+        let size = this.props.size === "sm" ? "small" : "large";
+        return React.createElement(ActivityIndicator, { color: this.props.color || "darkGray", size: size });
+    }
+}
+//# sourceMappingURL=Spinner.js.map
+//# sourceMappingURL=Spinner.js.map

package/dist/dist/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../src/dist/Spinner.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,MAAM,OAAO,cAAe,SAAQ,KAAK,CAAC,SAAS;IAC/C;QACI,KAAK,CAAC,GAAG,SAAS,CAAC,CAAC;QACpB,IAAI,CAAC,WAAW,GAAG,SAAS,CAAC;IACjC,CAAC;IACD,KAAK,CAAC,QAAQ;QACV,IAAI,IAAI,CAAC,WAAW,EAAE;YAClB,IAAI;gBACA,MAAM,OAAO,CAAC,UAAU,CAAC,cAAc,EAAE,CAAC;aAC7C;YACD,OAAO,CAAC,EAAE;gBACN,OAAO,CAAC,KAAK,CAAC,6CAA6C,EAAE,CAAC,CAAC,CAAC;aACnE;SACJ;IACL,CAAC;IACD,iBAAiB;QACb,IAAI,CAAC,QAAQ,EAAE,CAAC;IACpB,CAAC;IACD,kBAAkB;QACd,IAAI,CAAC,QAAQ,EAAE,CAAC;IACpB,CAAC;IACD,oBAAoB;QAChB,IAAI,CAAC,QAAQ,EAAE,CAAC;IACpB,CAAC;IACD,MAAM;QACF,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE;gBACnC,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,IAAI,EAAE,CAAC;gBACP,cAAc,EAAE,QAAQ;gBACxB,UAAU,EAAE,QAAQ;gBACpB,eAAe,EAAE,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC;gBACvC,OAAO,EAAE,GAAG;aACf,EAAE,EACH,KAAK,CAAC,aAAa,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;IAC7C,CAAC;CACJ;AACD,MAAM,OAAO,OAAQ,SAAQ,KAAK,CAAC,SAAS;IACxC;QACI,KAAK,CAAC,GAAG,SAAS,CAAC,CAAC;QACpB,IAAI,CAAC,KAAK,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;IACjC,CAAC;IACD,iFAAiF;IACjF,iBAAiB;QACb,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC;IACzD,CAAC;IACD,MAAM;QACF,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;YAClB,OAAO,IAAI,CAAC;SACf;QACD,IAAI,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;QACxD,OAAO,KAAK,CAAC,aAAa,CAAC,iBAAiB,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;IACzG,CAAC;CACJ;AACD,mCAAmC"}

package/dist/dist/Spinner.stories.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/dist/Spinner.stories.js

@@ -0,0 +1,10 @@
+import React from "react";
+import { Spinner } from "./Spinner";
+import { Box } from "./Box";
+import { storiesOf } from "@storybook/react-native";
+storiesOf("Spinner", module)
+    .add("Small", () => (React.createElement(Box, { width: "100%" }, React.createElement(Spinner, { size: "sm" }))))
+    .add("Big", () => (React.createElement(Box, { display: "flex" }, React.createElement(Spinner, { size: "md" }))))
+    .add("Dark", () => (React.createElement(Box, { color: "darkGray", paddingY: 6 }, React.createElement(Spinner, { color: "white" }))));
+//# sourceMappingURL=Spinner.stories.js.map
+//# sourceMappingURL=Spinner.stories.js.map

package/dist/dist/Spinner.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.stories.js","sourceRoot":"","sources":["../../src/dist/Spinner.stories.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC;KACvB,GAAG,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAC/D,KAAK,CAAC,aAAa,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;KAC9C,GAAG,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAC/D,KAAK,CAAC,aAAa,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;KAC9C,GAAG,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,EAAE,EAC/E,KAAK,CAAC,aAAa,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AACxD,2CAA2C"}

package/dist/dist/SplitPage.d.ts

@@ -0,0 +1,7 @@
+export class SplitPage extends React.Component<any, any, any> {
+    constructor(...args: any[]);
+    actionSheetRef: React.RefObject<any>;
+    render(): React.CElement<import("./Common").ErrorBoundaryProps, ErrorBoundary>;
+}
+import React from "react";
+import { ErrorBoundary } from "./ErrorBoundary";

package/dist/dist/SplitPage.js

@@ -0,0 +1,20 @@
+import React from "react";
+import { Box } from "./Box";
+import { ErrorBoundary } from "./ErrorBoundary";
+// import {KeyboardAccessoryNavigation} from "react-native-keyboard-accessory";
+import { Spinner } from "./Spinner";
+import { Unifier } from "./Unifier";
+import { FlatList } from "./FlatList";
+// A component for rendering a list on one side and a details view on the right for large screens,
+// and a scrollable list where clicking an item takes you the details view.
+export class SplitPage extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.actionSheetRef = React.createRef();
+    }
+    render() {
+        return (React.createElement(ErrorBoundary, null, React.createElement(Box, { avoidKeyboard: true, keyboardOffset: this.props.keyboardOffset, display: "flex", width: "100%", height: "100%", flex: "grow", direction: "row", color: this.props.color || "lightGray" }, this.props.loading === true && (React.createElement(Spinner, { size: "md", color: Unifier.theme.darkGray })), React.createElement(Box, { width: 300, maxWidth: 300, flex: "shrink", direction: "column", scroll: true }, this.props.renderListViewHeader && this.props.renderListViewHeader(), React.createElement(FlatList, { data: this.props.listViewData, renderItem: this.props.renderListViewItem, keyExtractor: (item) => item.id, extraData: this.props.listViewExtraData })), React.createElement(Box, { flex: "grow", padding: 2 }, this.props.children))));
+    }
+}
+//# sourceMappingURL=SplitPage.js.map
+//# sourceMappingURL=SplitPage.js.map

package/dist/dist/SplitPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitPage.js","sourceRoot":"","sources":["../../src/dist/SplitPage.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,+EAA+E;AAC/E,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,kGAAkG;AAClG,2EAA2E;AAC3E,MAAM,OAAO,SAAU,SAAQ,KAAK,CAAC,SAAS;IAC1C;QACI,KAAK,CAAC,GAAG,SAAS,CAAC,CAAC;QACpB,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;IAC5C,CAAC;IACD,MAAM;QACF,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,aAAa,EAAE,IAAI,EAC3C,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,WAAW,EAAE,EAC/M,IAAI,CAAC,KAAK,CAAC,OAAO,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,EAC5G,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,EACrG,IAAI,CAAC,KAAK,CAAC,oBAAoB,IAAI,IAAI,CAAC,KAAK,CAAC,oBAAoB,EAAE,EACpE,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,kBAAkB,EAAE,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,iBAAiB,EAAE,CAAC,CAAC,EAC1L,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3F,CAAC;CACJ;AACD,qCAAqC"}

package/dist/dist/SplitPage.stories.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/dist/SplitPage.stories.js

@@ -0,0 +1,7 @@
+import React from "react";
+import { SplitPage } from "./SplitPage";
+import { Text } from "./Text";
+import { storiesOf } from "@storybook/react-native";
+storiesOf("Split Page", module).add("Split", () => (React.createElement(SplitPage, { navigation: {}, renderListViewItem: (item) => React.createElement(Text, null, "name: ", item.item.name), listViewData: [{ name: "user1" }, { name: "user2" }] })));
+//# sourceMappingURL=SplitPage.stories.js.map
+//# sourceMappingURL=SplitPage.stories.js.map

package/dist/dist/SplitPage.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitPage.stories.js","sourceRoot":"","sources":["../../src/dist/SplitPage.stories.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,SAAS,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,kBAAkB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,IAAI,EACzJ,QAAQ,EACR,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AACnF,6CAA6C"}

package/dist/dist/StorybookContainer.d.ts

@@ -0,0 +1,7 @@
+export class StorybookContainer extends React.Component<any, any, any> {
+    constructor(props: any);
+    constructor(props: any, context: any);
+    render(): React.CElement<import("./Common").BoxProps, Box>;
+}
+import React from "react";
+import { Box } from "./Box";

package/dist/dist/StorybookContainer.js

@@ -0,0 +1,9 @@
+import { Box } from "./Box";
+import React from "react";
+export class StorybookContainer extends React.Component {
+    render() {
+        return (React.createElement(Box, { width: "100%", height: "100%", display: "flex", direction: "column", padding: 8, scroll: true }, this.props.children));
+    }
+}
+//# sourceMappingURL=StorybookContainer.js.map
+//# sourceMappingURL=StorybookContainer.js.map

package/dist/dist/StorybookContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StorybookContainer.js","sourceRoot":"","sources":["../../src/dist/StorybookContainer.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,MAAM,OAAO,kBAAmB,SAAQ,KAAK,CAAC,SAAS;IACnD,MAAM;QACF,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC9J,CAAC;CACJ;AACD,8CAA8C"}

package/dist/dist/Switch.d.ts

@@ -0,0 +1,6 @@
+export class Switch extends React.Component<any, any, any> {
+    constructor(props: any);
+    constructor(props: any, context: any);
+    render(): React.DetailedReactHTMLElement<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+}
+import React from "react";

package/dist/dist/Switch.js

@@ -0,0 +1,10 @@
+import React from "react";
+import { Switch as NativeSwitch } from "react-native";
+import { WithLabel } from "./WithLabel";
+export class Switch extends React.Component {
+    render() {
+        return (React.createElement(WithLabel, Object.assign({ labelJustifyContent: "between", labelInline: true }, this.props), React.createElement(NativeSwitch, { disabled: this.props.disabled, onValueChange: this.props.onChange, value: this.props.switched })));
+    }
+}
+//# sourceMappingURL=Switch.js.map
+//# sourceMappingURL=Switch.js.map

package/dist/dist/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../src/dist/Switch.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,MAAM,OAAO,MAAO,SAAQ,KAAK,CAAC,SAAS;IACvC,MAAM;QACF,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,mBAAmB,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EACnH,KAAK,CAAC,aAAa,CAAC,YAAY,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC;IAC/I,CAAC;CACJ;AACD,kCAAkC"}

package/dist/dist/Switch.stories.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/dist/Switch.stories.js

@@ -0,0 +1,27 @@
+import { Switch } from "./Switch";
+import { storiesOf } from "@storybook/react-native";
+import React from "react";
+import { Box } from "./Box";
+import { WithLabel } from "./WithLabel";
+import { StorybookContainer } from "./StorybookContainer";
+class SwitchForms extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            boolean: false,
+            withLabel: false,
+            primary: false,
+            small: false,
+        };
+    }
+    render() {
+        return (React.createElement(StorybookContainer, null, React.createElement(Box, { width: "100%", height: "100%", display: "flex", direction: "column" }, React.createElement(Switch, { id: "check", switched: this.state.boolean, onChange: (result) => this.setState({ boolean: result }) }), React.createElement(WithLabel, { label: "With A Label" }, React.createElement(Switch, { id: "withLabel", switched: this.state.withLabel, onChange: (result) => this.setState({ withLabel: result }) })), React.createElement(WithLabel, { label: "Primary Color" }, React.createElement(Switch, { id: "primary", switched: this.state.primary, label: "Primary Color",
+            // color="primary"
+            labelColor: "primary", onChange: (result) => this.setState({ primary: result }) })), React.createElement(WithLabel, { label: "Small" }, React.createElement(Switch, { id: "small", switched: this.state.small, label: "Small",
+            // size="sm"
+            onChange: (result) => this.setState({ small: result }) })))));
+    }
+}
+storiesOf("Switch", module).add("Switch", () => React.createElement(SwitchForms, null));
+//# sourceMappingURL=Switch.stories.js.map
+//# sourceMappingURL=Switch.stories.js.map

package/dist/dist/Switch.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.stories.js","sourceRoot":"","sources":["../../src/dist/Switch.stories.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,MAAM,WAAY,SAAQ,KAAK,CAAC,SAAS;IACrC,YAAY,KAAK;QACb,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,OAAO,EAAE,KAAK;YACd,SAAS,EAAE,KAAK;YAChB,OAAO,EAAE,KAAK;YACd,KAAK,EAAE,KAAK;SACf,CAAC;IACN,CAAC;IACD,MAAM;QACF,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,kBAAkB,EAAE,IAAI,EAChD,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,EAC5F,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,EACpI,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,EACpD,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,EACjJ,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,EACrD,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,EAAE,eAAe;YAC7F,kBAAkB;YAClB,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,EAC3F,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAC7C,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO;YACjF,YAAY;YACZ,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAClF,CAAC;CACJ;AACD,SAAS,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC;AACxF,0CAA0C"}

package/dist/dist/TapToEdit.d.ts

@@ -0,0 +1,9 @@
+export class TapToEdit extends React.Component<any, any, any> {
+    constructor(...args: any[]);
+    state: {
+        showEdit: boolean;
+    };
+    render(): React.CElement<import("./Common").BoxProps, Box>;
+}
+import React from "react";
+import { Box } from "./Box";

package/dist/dist/TapToEdit.js

@@ -0,0 +1,27 @@
+import React from "react";
+import { Box } from "./Box";
+import { Button } from "./Button";
+import { Icon } from "./Icon";
+import { Text } from "./Text";
+import { TextField } from "./TextField";
+export class TapToEdit extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.state = { showEdit: false };
+    }
+    render() {
+        if (!this.state.showEdit) {
+            return (React.createElement(Box, { display: "flex", direction: "row", onClick: () => this.setState({ showEdit: true }) }, React.createElement(Box, { marginRight: 2 }, React.createElement(Icon, { name: "edit", size: 20, color: "primaryDark", prefix: "far" })), React.createElement(Text, null, this.props.children)));
+        }
+        else {
+            return (React.createElement(Box, null, React.createElement(TextField, Object.assign({}, this.props)), React.createElement(Box, { width: 100, paddingY: 1 }, React.createElement(Button, { inline: true, color: "primary", text: "Save", onClick: () => {
+                    this.setState({ showEdit: false });
+                    if (this.props.onSubmitEditing) {
+                        this.props.onSubmitEditing();
+                    }
+                } }))));
+        }
+    }
+}
+//# sourceMappingURL=TapToEdit.js.map
+//# sourceMappingURL=TapToEdit.js.map

package/dist/dist/TapToEdit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TapToEdit.js","sourceRoot":"","sources":["../../src/dist/TapToEdit.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,MAAM,OAAO,SAAU,SAAQ,KAAK,CAAC,SAAS;IAC1C;QACI,KAAK,CAAC,GAAG,SAAS,CAAC,CAAC;QACpB,IAAI,CAAC,KAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;IACrC,CAAC;IACD,MAAM;QACF,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;YACtB,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,EAAE,EACpH,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,EACvC,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,EAC/F,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;SAC9D;aACI;YACD,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,IAAI,EACjC,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,EAC7D,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,EAAE,EAChD,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE;oBAClF,IAAI,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;oBACnC,IAAI,IAAI,CAAC,KAAK,CAAC,eAAe,EAAE;wBAC5B,IAAI,CAAC,KAAK,CAAC,eAAe,EAAE,CAAC;qBAChC;gBACL,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;SACvB;IACL,CAAC;CACJ;AACD,qCAAqC"}

package/dist/dist/Text.d.ts

@@ -0,0 +1,36 @@
+export class Text extends React.Component<any, any, any> {
+    constructor(...args: any[]);
+    fontSizes: {
+        sm: number;
+        md: number;
+        lg: number;
+    };
+    propsToStyle(): {
+        fontFamily: any;
+        fontSize: any;
+        textAlign: any;
+        color: any;
+    };
+    render(): React.CElement<{
+        numberOfLines: number;
+        style: {
+            fontFamily: any;
+            fontSize: any;
+            textAlign: any;
+            color: any;
+        };
+    }, React.Component<{
+        numberOfLines: number;
+        style: {
+            fontFamily: any;
+            fontSize: any;
+            textAlign: any;
+            color: any;
+        };
+    }, any, any>> | React.CElement<{
+        linkDefault: boolean;
+    }, React.Component<{
+        linkDefault: boolean;
+    }, any, any>>;
+}
+import React from "react";