ferns-ui 0.2.0

package/dist/Pill.stories.js

@@ -0,0 +1,38 @@
+import React from "react";
+import { Box } from "./Box";
+import { Pill } from "./Pill";
+import { storiesOf } from "@storybook/react-native";
+import { StorybookContainer } from "./StorybookContainer";
+const renderPill = (color) => (React.createElement(Box, { display: "flex", direction: "row", alignItems: "center", paddingY: 1 },
+    React.createElement(Box, { marginRight: 2 },
+        React.createElement(Pill, { text: color, color: color, onClick: () => { } })),
+    React.createElement(Pill, { text: color, color: color, onClick: () => { }, enabled: true })));
+const colors = [
+    "primary",
+    "secondary",
+    "tertiary",
+    "accent",
+    "blue",
+    "darkGray",
+    "eggplant",
+    "gray",
+    "green",
+    "lightGray",
+    "maroon",
+    "midnight",
+    "navy",
+    "olive",
+    "orange",
+    "orchid",
+    "pine",
+    "purple",
+    "red",
+    "watermelon",
+    "white",
+    "neutral900",
+    "neutral200",
+    "neutral70",
+    "neutral10",
+];
+storiesOf("Pills", module).add("Pills", () => (React.createElement(StorybookContainer, null, colors.map((c) => renderPill(c)))));
+//# sourceMappingURL=Pill.stories.js.map

package/dist/Pill.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pill.stories.js","sourceRoot":"","sources":["../unifier/Pill.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAC,SAAS,EAAC,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAC,kBAAkB,EAAC,MAAM,sBAAsB,CAAC;AAExD,MAAM,UAAU,GAAG,CAAC,KAAgB,EAAE,EAAE,CAAC,CACvC,oBAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,SAAS,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC;IACjE,oBAAC,GAAG,IAAC,WAAW,EAAE,CAAC;QACjB,oBAAC,IAAI,IAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,GAAI,CAClD;IACN,oBAAC,IAAI,IAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,OAAO,EAAE,IAAI,GAAI,CACjE,CACP,CAAC;AAEF,MAAM,MAAM,GAAgB;IAC1B,SAAS;IACT,WAAW;IACX,UAAU;IACV,QAAQ;IACR,MAAM;IACN,UAAU;IACV,UAAU;IACV,MAAM;IACN,OAAO;IACP,WAAW;IACX,QAAQ;IACR,UAAU;IACV,MAAM;IACN,OAAO;IACP,QAAQ;IACR,QAAQ;IACR,MAAM;IACN,QAAQ;IACR,KAAK;IACL,YAAY;IACZ,OAAO;IACP,YAAY;IACZ,YAAY;IACZ,WAAW;IACX,WAAW;CACZ,CAAC;AAEF,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAC5C,oBAAC,kBAAkB,QAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAsB,CAC5E,CAAC,CAAC"}

package/dist/Pog.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { AllColors, IconPrefix, IconSize } from "./Common";
+interface Props {
+    active?: boolean;
+    bgColor?: "transparent" | "transparentDarkGray" | "gray" | "lightGray" | "white" | "blue";
+    focused?: boolean;
+    hovered?: boolean;
+    selected?: boolean;
+    iconColor?: AllColors;
+    icon: string;
+    iconPrefix?: IconPrefix;
+    size?: IconSize;
+}
+export default function Pog(props: Props): JSX.Element;
+export {};

package/dist/Pog.js

@@ -0,0 +1,144 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import React from "react";
+import { Box } from "./Box";
+import { Icon } from "./Icon";
+/*
+Originally based on https://github.com/pinterest/gestalt
+Forked, added type definitions, and added features.
+*/
+// TOOD: create styles
+// :root {
+//   --lightGray: #efefef;
+//   --gray: #8e8e8e;
+//   --darkGray: #111;
+// }
+// .pog {
+//   composes: circle from "./Borders.module.css";
+//   composes: flex from "./Layout.module.css";
+//   composes: itemsCenter from "./Layout.module.css";
+//   composes: justifyCenter from "./Layout.module.css";
+// }
+// .focused {
+//   composes: accessibilityOutlineFocus from "./Focus.module.css";
+// }
+// .selected {
+//   composes: darkGrayBg from "./Colors.module.css";
+// }
+// .transparent {
+//   composes: transparentBg from "./Colors.module.css";
+// }
+// .transparentDarkGray {
+//   composes: transparentDarkGrayBg from "./Colors.module.css";
+// }
+// .transparent.hovered,
+// .transparent.focused,
+// .white.hovered,
+// .white.focused {
+//   background-color: rgba(0, 0, 0, 0.06);
+// }
+// .transparent.active,
+// .white.active {
+//   background-color: rgba(0, 0, 0, 0.1);
+// }
+// .transparentDarkGray.hovered,
+// .transparentDarkGray.focused {
+//   background-color: var(--darkGray);
+// }
+// .transparentDarkGray.active {
+//   background-color: var(--darkGray);
+// }
+// .white {
+//   composes: whiteBg from "./Colors.module.css";
+// }
+// .white.hovered,
+// .white.focused {
+//   background-color: #f0f0f0;
+// }
+// .white.active {
+//   background-color: #e5e5e5;
+// }
+// .lightGray {
+//   composes: lightGrayBg from "./Colors.module.css";
+// }
+// .lightGray.hovered,
+// .lightGray.focused {
+//   background-color: #e2e2e2;
+// }
+// .lightGray.active {
+//   background-color: #dadada;
+// }
+// .gray {
+//   composes: grayBg from "./Colors.module.css";
+// }
+// .gray.hovered,
+// .gray.focused {
+//   background-color: #878787;
+// }
+// .gray.active {
+//   background-color: #828282;
+// }
+// .darkGray {
+//   composes: darkGrayBg from "./Colors.module.css";
+// }
+// .blue {
+//   composes: blueBg from "./Colors.module.css";
+// }
+// .blue.hovered,
+// .blue.focused {
+//   background-color: #4a8ad4;
+// }
+// .blue.active {
+//   background-color: #4a85c9;
+// }
+const styles = {
+    pog: "",
+    selected: "",
+    active: "",
+    focused: "",
+    hovered: "",
+};
+const SIZE_NAME_TO_PIXEL = {
+    xs: 24,
+    sm: 32,
+    md: 40,
+    lg: 48,
+    xl: 56,
+};
+const defaultIconButtonIconColors = {
+    blue: "white",
+    darkGray: "white",
+    gray: "white",
+    lightGray: "gray",
+    transparent: "gray",
+    transparentDarkGray: "white",
+    white: "gray",
+};
+export default function Pog(props) {
+    const { active = false, bgColor = "transparent", focused = false, hovered = false, iconColor, icon, iconPrefix = "fas", selected = false, size = "md", } = props;
+    const iconSize = SIZE_NAME_TO_PIXEL[size] / 2;
+    const color = (selected && "white") ||
+        iconColor ||
+        defaultIconButtonIconColors[bgColor] ||
+        "white";
+    const inlineStyle = {
+        height: SIZE_NAME_TO_PIXEL[size],
+        width: SIZE_NAME_TO_PIXEL[size],
+    };
+    // const classes = classnames(styles.pog, {
+    //   [styles[bgColor]]: !selected,
+    //   [styles.selected]: selected,
+    //   [styles.active]: active,
+    //   [styles.focused]: focused,
+    //   [styles.hovered]: hovered && !focused && !active,
+    // });
+    return (React.createElement("div", { style: inlineStyle },
+        React.createElement(Box, { rounding: "circle" },
+            React.createElement(Icon
+            // accessibilityLabel=""
+            , { 
+                // accessibilityLabel=""
+                color: color, 
+                // dangerouslySetSvgPath={dangerouslySetSvgPath}
+                name: icon, prefix: iconPrefix, size: iconSize }))));
+}
+//# sourceMappingURL=Pog.js.map

package/dist/Pog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pog.js","sourceRoot":"","sources":["../src/Pog.tsx"],"names":[],"mappings":"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"}

package/dist/ProgressBar.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { ProgressBarProps } from "./Common";
+interface ProgressBarState {
+}
+export declare class ProgressBar extends React.Component<ProgressBarProps, ProgressBarState> {
+    constructor(props: ProgressBarProps);
+    render(): JSX.Element;
+}
+export {};

package/dist/ProgressBar.js

@@ -0,0 +1,41 @@
+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

package/dist/ProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../src/ProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,IAAI,EAAC,MAAM,cAAc,CAAC;AAGlC,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAIlC,MAAM,OAAO,WAAY,SAAQ,KAAK,CAAC,SAA6C;IAClF,YAAY,KAAuB;QACjC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;IAClB,CAAC;IAED,MAAM;QACJ,8FAA8F;QAC9F,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;gBACL,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,CAAC;aACV;YAED,oBAAC,IAAI,IACH,KAAK,EAAE;oBACL,KAAK,EAAE,MAAM;oBACb,QAAQ,EAAE,UAAU;oBACpB,GAAG,EAAE,CAAC;oBACN,IAAI,EAAE,CAAC;oBACP,MAAM,EAAE,CAAC;oBACT,YAAY,EAAE,CAAC;oBACf,WAAW,EAAE,CAAC;oBACd,WAAW,EAAE,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;oBAC5C,eAAe,EAAE,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;oBAChD,OAAO,EAAE,GAAG;iBACb,GACD;YACF,oBAAC,IAAI,IACH,KAAK,EAAE;oBACL,KAAK,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,GAAG,EAAE,CAAC,CAAC,GAAG,GAAG,GAAG;oBAC1D,QAAQ,EAAE,UAAU;oBACpB,GAAG,EAAE,CAAC;oBACN,IAAI,EAAE,CAAC;oBACP,MAAM,EAAE,CAAC;oBACT,YAAY,EAAE,CAAC;oBACf,WAAW,EAAE,CAAC;oBACd,WAAW,EAAE,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;oBAC5C,eAAe,EAAE,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;oBAChD,OAAO,EAAE,CAAC;iBACX,GACD,CACG,CACR,CAAC;IACJ,CAAC;CACF"}

package/dist/ScrollView.d.ts

@@ -0,0 +1,2 @@
+import { ScrollView } from "react-native";
+export { ScrollView };

package/dist/ScrollView.js

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

package/dist/ScrollView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollView.js","sourceRoot":"","sources":["../src/ScrollView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,EAAC,UAAU,EAAC,CAAC"}

package/dist/SegmentedControl.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import { SegmentedControlProps } from "./Common";
+export declare class SegmentedControl extends React.Component<SegmentedControlProps, {}> {
+    renderItem(item: string | React.ReactNode): JSX.Element;
+    render(): JSX.Element;
+}

package/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, { color: "lightGray", direction: "row", display: "flex", height: 40, padding: 1, rounding: 3, width: "100%" }, this.props.items.map((item, index) => (React.createElement(Box, { key: index, color: this.props.selectedItemIndex === index ? "white" : "lightGray", height: "100%", rounding: 3, width: `${100 / this.props.items.length}%` },
+            React.createElement(Box, { alignItems: "center", display: "flex", height: "100%", justifyContent: "center", width: "100%", onClick: () => this.props.onChange({ activeIndex: index }) }, this.renderItem(item)))))));
+    }
+}
+//# sourceMappingURL=SegmentedControl.js.map

package/dist/SegmentedControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.js","sourceRoot":"","sources":["../src/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAE5B,MAAM,OAAO,gBAAiB,SAAQ,KAAK,CAAC,SAAoC;IAC9E,UAAU,CAAC,IAA8B;QACvC,OAAO,oBAAC,IAAI,IAAC,MAAM,EAAC,MAAM,IAAE,IAAI,CAAQ,CAAC;QACzC,kCAAkC;QAClC,8CAA8C;QAC9C,WAAW;QACX,iBAAiB;QACjB,IAAI;IACN,CAAC;IAED,MAAM;QACJ,OAAO,CACL,oBAAC,GAAG,IACF,KAAK,EAAC,WAAW,EACjB,SAAS,EAAC,KAAK,EACf,OAAO,EAAC,MAAM,EACd,MAAM,EAAE,EAAE,EACV,OAAO,EAAE,CAAC,EACV,QAAQ,EAAE,CAAC,EACX,KAAK,EAAC,MAAM,IAEX,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACrC,oBAAC,GAAG,IACF,GAAG,EAAE,KAAK,EACV,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,iBAAiB,KAAK,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,EACrE,MAAM,EAAC,MAAM,EACb,QAAQ,EAAE,CAAC,EACX,KAAK,EAAE,GAAG,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG;YAE1C,oBAAC,GAAG,IACF,UAAU,EAAC,QAAQ,EACnB,OAAO,EAAC,MAAM,EACd,MAAM,EAAC,MAAM,EACb,cAAc,EAAC,QAAQ,EACvB,KAAK,EAAC,MAAM,EACZ,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAC,WAAW,EAAE,KAAK,EAAC,CAAC,IAEvD,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAClB,CACF,CACP,CAAC,CACE,CACP,CAAC;IACJ,CAAC;CACF"}

package/dist/SegmentedControl.stories.d.ts

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

package/dist/SegmentedControl.stories.js

@@ -0,0 +1,31 @@
+// 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

package/dist/SegmentedControl.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.stories.js","sourceRoot":"","sources":["../unifier/SegmentedControl.stories.tsx"],"names":[],"mappings":"AAAA,6BAA6B;AAC7B,6BAA6B;AAC7B,uDAAuD;AACvD,OAAO,EAAC,SAAS,EAAC,MAAM,yBAAyB,CAAC;AAElD,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"}

package/dist/SelectList.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+import { FieldWithLabelsProps } from "./Common";
+export declare type SelectListOptions = {
+    label: string;
+    value: string | undefined;
+}[];
+export interface SelectListProps extends FieldWithLabelsProps {
+    id?: string;
+    name?: string;
+    options: SelectListOptions;
+    onChange: (value: string) => void;
+    value?: string;
+    disabled?: boolean;
+    size?: "md" | "lg";
+    placeholder?: string;
+}
+export declare class SelectList extends React.Component<SelectListProps, {}> {
+    state: {
+        showing: boolean;
+    };
+    render(): JSX.Element;
+}

package/dist/SelectList.js

@@ -0,0 +1,28 @@
+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, { items: this.props.options, 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,
+                },
+            }, value: this.props.value, onValueChange: this.props.onChange }));
+    }
+}
+//# sourceMappingURL=SelectList.js.map

package/dist/SelectList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectList.js","sourceRoot":"","sources":["../src/SelectList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,cAAc,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAclC,MAAM,OAAO,UAAW,SAAQ,KAAK,CAAC,SAA8B;IAApE;;QACE,UAAK,GAAG,EAAC,OAAO,EAAE,KAAK,EAAC,CAAC;IA4B3B,CAAC;IA1BC,MAAM;QACJ,OAAO,CACL,oBAAC,cAAc,IACb,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EACzB,WAAW,EAAE,EAAE,EACf,KAAK,EAAE;gBACL,aAAa,EAAE;oBACb,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;iBACrC;aACF,EACD,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,GAClC,CACH,CAAC;IACJ,CAAC;CACF"}

package/dist/SelectList.stories.d.ts

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

package/dist/SelectList.stories.js

@@ -0,0 +1,26 @@
+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

package/dist/SelectList.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectList.stories.js","sourceRoot":"","sources":["../unifier/SelectList.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,UAAU,EAAoB,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAC,SAAS,EAAC,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAC,kBAAkB,EAAC,MAAM,sBAAsB,CAAC;AAExD,MAAM,OAAO,GAAsB;IACjC,EAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAC;IAChC,EAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAC;IAClC,EAAC,KAAK,EAAE,6BAA6B,EAAE,KAAK,EAAE,OAAO,EAAC;CACvD,CAAC;AAEF,SAAS,CAAC,aAAa,EAAE,MAAM,CAAC;KAC7B,GAAG,CAAC,cAAc,EAAE,GAAG,EAAE;IACxB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAEzD,OAAO,CACL,oBAAC,kBAAkB;QACjB,oBAAC,UAAU,IACT,EAAE,EAAC,MAAM,EACT,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EACjC,WAAW,EAAC,+BAA+B,GAC3C,CACiB,CACtB,CAAC;AACJ,CAAC,CAAC;KACD,GAAG,CAAC,YAAY,EAAE,GAAG,EAAE;IACtB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAEzD,OAAO,CACL,oBAAC,kBAAkB;QACjB,oBAAC,UAAU,IACT,EAAE,EAAC,MAAM,EACT,KAAK,EAAC,uBAAuB,EAC7B,UAAU,EAAC,kBAAkB,EAC7B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,GACjC,CACiB,CACtB,CAAC;AACJ,CAAC,CAAC;KACD,GAAG,CAAC,UAAU,EAAE,GAAG,EAAE;IACpB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAEzD,OAAO,CACL,oBAAC,kBAAkB;QACjB,oBAAC,UAAU,IACT,EAAE,EAAC,MAAM,EACT,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EACjC,QAAQ,EAAE,IAAI,EACd,WAAW,EAAC,kBAAkB,GAC9B,CACiB,CACtB,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/Spinner.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import { SpinnerProps } from "./Common";
+export declare class LoadingOverlay extends React.Component<SpinnerProps, {}> {
+    componentId?: string;
+    showHide(): Promise<void>;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+}
+interface SpinnerState {
+    show: boolean;
+}
+export declare class Spinner extends React.Component<SpinnerProps, SpinnerState> {
+    state: {
+        show: boolean;
+    };
+    componentDidMount(): void;
+    render(): JSX.Element | null;
+}
+export {};

package/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;
+        }
+        const size = this.props.size === "sm" ? "small" : "large";
+        return React.createElement(ActivityIndicator, { color: this.props.color || "darkGray", size: size });
+    }
+}
+//# sourceMappingURL=Spinner.js.map

package/dist/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../src/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,iBAAiB,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAGrD,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAElC,MAAM,OAAO,cAAe,SAAQ,KAAK,CAAC,SAA2B;IAArE;;QACE,gBAAW,GAAY,SAAS,CAAC;IAyCnC,CAAC;IAvCC,KAAK,CAAC,QAAQ;QACZ,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,IAAI;gBACF,MAAM,OAAO,CAAC,UAAU,CAAC,cAAc,EAAE,CAAC;aAC3C;YAAC,OAAO,CAAC,EAAE;gBACV,OAAO,CAAC,KAAK,CAAC,6CAA6C,EAAE,CAAC,CAAC,CAAC;aACjE;SACF;IACH,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,QAAQ,EAAE,CAAC;IAClB,CAAC;IAED,kBAAkB;QAChB,IAAI,CAAC,QAAQ,EAAE,CAAC;IAClB,CAAC;IAED,oBAAoB;QAClB,IAAI,CAAC,QAAQ,EAAE,CAAC;IAClB,CAAC;IAED,MAAM;QACJ,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;gBACL,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,KAAK;gBACpC,OAAO,EAAE,GAAG;aACb;YAED,oBAAC,OAAO,OAAG,CACN,CACR,CAAC;IACJ,CAAC;CACF;AAKD,MAAM,OAAO,OAAQ,SAAQ,KAAK,CAAC,SAAqC;IAAxE;;QACE,UAAK,GAAG,EAAC,IAAI,EAAE,KAAK,EAAC,CAAC;IAcxB,CAAC;IAZC,iFAAiF;IACjF,iBAAiB;QACf,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAC,IAAI,EAAE,IAAI,EAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IACrD,CAAC;IAED,MAAM;QACJ,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;YACpB,OAAO,IAAI,CAAC;SACb;QACD,MAAM,IAAI,GAAsB,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;QAC7E,OAAO,oBAAC,iBAAiB,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,UAAU,EAAE,IAAI,EAAE,IAAI,GAAI,CAAC;IAClF,CAAC;CACF"}

package/dist/Spinner.stories.d.ts

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

package/dist/Spinner.stories.js

@@ -0,0 +1,12 @@
+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

package/dist/Spinner.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.stories.js","sourceRoot":"","sources":["../unifier/Spinner.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAClC,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,SAAS,EAAC,MAAM,yBAAyB,CAAC;AAElD,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC;KACzB,GAAG,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAClB,oBAAC,GAAG,IAAC,KAAK,EAAC,MAAM;IACf,oBAAC,OAAO,IAAC,IAAI,EAAC,IAAI,GAAG,CACjB,CACP,CAAC;KACD,GAAG,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,CAChB,oBAAC,GAAG,IAAC,OAAO,EAAC,MAAM;IACjB,oBAAC,OAAO,IAAC,IAAI,EAAC,IAAI,GAAG,CACjB,CACP,CAAC;KACD,GAAG,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,CACjB,oBAAC,GAAG,IAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAE,CAAC;IAC/B,oBAAC,OAAO,IAAC,KAAK,EAAC,OAAO,GAAG,CACrB,CACP,CAAC,CAAC"}

package/dist/SplitPage.d.ts

@@ -0,0 +1,31 @@
+import React from "react";
+import { ListRenderItemInfo } from "react-native";
+import { Color } from "./Common";
+interface SplitPageProps {
+    navigation: any;
+    loading?: boolean;
+    color?: Color;
+    keyboardOffset?: number;
+    rightButton?: string;
+    rightButtonOnClick?: () => void;
+    renderListViewItem: (itemInfo: ListRenderItemInfo<any>) => React.ReactElement | null;
+    renderListViewHeader?: () => React.ReactElement | null;
+    renderContent: (index?: number) => React.ReactElement | null;
+    listViewData: any[];
+    listViewExtraData?: any;
+    listViewWidth?: number;
+}
+interface SplitPageState {
+    selectedId?: number;
+}
+export declare class SplitPage extends React.Component<SplitPageProps, SplitPageState> {
+    state: {
+        selectedId: undefined;
+    };
+    actionSheetRef: React.RefObject<any>;
+    renderItem: (itemInfo: ListRenderItemInfo<any>) => JSX.Element;
+    renderList: () => JSX.Element | null;
+    renderListContent: () => JSX.Element;
+    render(): JSX.Element;
+}
+export {};

package/dist/SplitPage.js

@@ -0,0 +1,51 @@
+import React from "react";
+import { View } from "react-native";
+import { Box } from "./Box";
+import { FlatList } from "./FlatList";
+import { IconButton } from "./IconButton";
+import { mediaQueryLargerThan } from "./MediaQuery";
+import { Spinner } from "./Spinner";
+import { Unifier } from "./Unifier";
+// 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.state = { selectedId: undefined };
+        this.actionSheetRef = React.createRef();
+        this.renderItem = (itemInfo) => {
+            return (React.createElement(Box, { onClick: () => {
+                    this.setState({ selectedId: itemInfo.index });
+                } }, this.props.renderListViewItem(itemInfo)));
+        };
+        this.renderList = () => {
+            var _a, _b;
+            if (!mediaQueryLargerThan("sm") && this.state.selectedId) {
+                return null;
+            }
+            return (React.createElement(View, { style: {
+                    width: mediaQueryLargerThan("sm") ? (_a = this.props.listViewWidth) !== null && _a !== void 0 ? _a : 300 : "100%",
+                    maxWidth: mediaQueryLargerThan("sm") ? (_b = this.props.listViewWidth) !== null && _b !== void 0 ? _b : 300 : "100%",
+                    flexGrow: 1,
+                    flexShrink: 0,
+                    display: "flex",
+                    flexDirection: "column",
+                } },
+                this.props.renderListViewHeader && this.props.renderListViewHeader(),
+                React.createElement(FlatList, { data: this.props.listViewData, extraData: this.props.listViewExtraData, keyExtractor: (item) => item.id, renderItem: this.renderItem })));
+        };
+        this.renderListContent = () => {
+            return (React.createElement(Box, { flex: "grow", padding: 2 },
+                !mediaQueryLargerThan("sm") && (React.createElement(Box, { width: "100%" },
+                    React.createElement(IconButton, { accessibilityLabel: "close", icon: "times", iconColor: "darkGray", onClick: () => this.setState({ selectedId: undefined }) }))),
+                this.props.renderContent(this.state.selectedId)));
+        };
+    }
+    render() {
+        return (React.createElement(Box, { avoidKeyboard: true, color: this.props.color || "lightGray", direction: "row", display: "flex", flex: "grow", height: "100%", keyboardOffset: this.props.keyboardOffset, width: "100%" },
+            this.props.loading === true && React.createElement(Spinner, { color: Unifier.theme.darkGray, size: "md" }),
+            this.renderList(),
+            this.renderListContent()));
+    }
+}
+//# sourceMappingURL=SplitPage.js.map

package/dist/SplitPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitPage.js","sourceRoot":"","sources":["../src/SplitPage.tsx"],"names":[],"mappings":"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"}