fuse-importer 0.0.8-testing → 0.1.1-testing

package/lib/esm/styled/theme/index.js

@@ -0,0 +1,33 @@
+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);
+};
+import "styled-components";
+import { colors } from "./colorPalette";
+import { debugCss } from "./debugCss";
+import { fontCss } from "./fontCss";
+import { dimensionsCss } from "./dimensionsCss";
+import { layoutCss } from "./layoutCss";
+import { textCss } from "./textCss";
+import { textStyles } from "./textStyles";
+import { animations } from "./animations";
+import { absolutePosition, marginCss, paddingCss } from "./positionCss";
+import { globalCss } from "./globalCss";
+import { mediaQueries } from "./mediaQueries";
+export var getCssValue = function (v) { return v + (typeof v === "number" ? "px" : ""); };
+export { colors };
+export var appCss = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, animations), dimensionsCss), layoutCss), textCss), textStyles), fontCss), debugCss), globalCss), absolutePosition), marginCss), paddingCss);
+export var theme = {
+    colors: colors,
+    textStyles: textStyles,
+    css: appCss,
+    media: mediaQueries,
+};
+export default theme;

package/lib/esm/styled/theme/layoutCss.js

@@ -0,0 +1,26 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { css } from "../themeType";
+export var layoutCss = {
+    dflex: css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    display: flex;\n  "], ["\n    display: flex;\n  "]))),
+    centered: css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  "], ["\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  "]))),
+    flexColumn: css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    display: flex;\n    flex-direction: column;\n  "], ["\n    display: flex;\n    flex-direction: column;\n  "]))),
+    flexColumnCentered: css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  "], ["\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  "]))),
+    flexRowReverse: css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    display: flex;\n    flex-direction: row-reverse;\n  "], ["\n    display: flex;\n    flex-direction: row-reverse;\n  "]))),
+    spaceBetween: css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    display: flex;\n    justify-content: space-between;\n  "], ["\n    display: flex;\n    justify-content: space-between;\n  "]))),
+    spaceBetweenAligned: css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  "], ["\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  "]))),
+    spaceAround: css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n    display: flex;\n    justify-content: space-around;\n  "], ["\n    display: flex;\n    justify-content: space-around;\n  "]))),
+    justifyEnd: css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n    display: flex;\n    justify-content: flex-end;\n  "], ["\n    display: flex;\n    justify-content: flex-end;\n  "]))),
+    justifyCenter: css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n    display: flex;\n    justify-content: center;\n  "], ["\n    display: flex;\n    justify-content: center;\n  "]))),
+    alignEnd: css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n    display: flex;\n    align-items: flex-end;\n  "], ["\n    display: flex;\n    align-items: flex-end;\n  "]))),
+    alignStart: css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n    display: flex;\n    align-items: flex-start;\n  "], ["\n    display: flex;\n    align-items: flex-start;\n  "]))),
+    alignCenter: css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n    display: flex;\n    align-items: center;\n  "], ["\n    display: flex;\n    align-items: center;\n  "]))),
+    grow: css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n    display: flex;\n    flex-grow: 1;\n  "], ["\n    display: flex;\n    flex-grow: 1;\n  "]))),
+    pAbsolute: css(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n    position: absolute;\n  "], ["\n    position: absolute;\n  "]))),
+    pRelative: css(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n    position: relative;\n  "], ["\n    position: relative;\n  "]))),
+    pSticky: css(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n    position: sticky;\n    position: -webkit-sticky;\n    top: 0;\n    z-index: 100;\n  "], ["\n    position: sticky;\n    position: -webkit-sticky;\n    top: 0;\n    z-index: 100;\n  "]))),
+    floatLeft: css(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n    float: left;\n  "], ["\n    float: left;\n  "]))),
+};
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18;

package/lib/esm/styled/theme/mediaQueries.js

@@ -0,0 +1,4 @@
+export var mediaQueries = {
+    desktop: "(min-width: 1051px)",
+    mobile: "(max-width: 1050px)",
+};

package/lib/esm/styled/theme/positionCss.js

@@ -0,0 +1,27 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { getCssValue } from ".";
+import { css } from "../themeType";
+export var absolutePosition = {
+    top: css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    top: ", ";\n  "], ["\n    top: ", ";\n  "])), function (p) { return getCssValue(p.top); }),
+    bottom: css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    bottom: ", ";\n  "], ["\n    bottom: ", ";\n  "])), function (p) { return getCssValue(p.bottom); }),
+    left: css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    left: ", ";\n  "], ["\n    left: ", ";\n  "])), function (p) { return getCssValue(p.left); }),
+    right: css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    right: ", ";\n  "], ["\n    right: ", ";\n  "])), function (p) { return getCssValue(p.right); }),
+};
+export var marginCss = {
+    mt: css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    margin-top: ", ";\n  "], ["\n    margin-top: ", ";\n  "])), function (p) { return getCssValue(p.mt); }),
+    mb: css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    margin-bottom: ", ";\n  "], ["\n    margin-bottom: ", ";\n  "])), function (p) { return getCssValue(p.mb); }),
+    ml: css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    margin-left: ", ";\n  "], ["\n    margin-left: ", ";\n  "])), function (p) { return getCssValue(p.ml); }),
+    mr: css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n    margin-right: ", ";\n  "], ["\n    margin-right: ", ";\n  "])), function (p) { return getCssValue(p.mr); }),
+    m: css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n    margin: ", ";\n  "], ["\n    margin: ", ";\n  "])), function (p) { return getCssValue(p.m); }),
+};
+export var paddingCss = {
+    pt: css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n    padding-top: ", ";\n  "], ["\n    padding-top: ", ";\n  "])), function (p) { return getCssValue(p.pt); }),
+    pb: css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n    padding-bottom: ", ";\n  "], ["\n    padding-bottom: ", ";\n  "])), function (p) { return getCssValue(p.pb); }),
+    pl: css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n    padding-left: ", ";\n  "], ["\n    padding-left: ", ";\n  "])), function (p) { return getCssValue(p.pl); }),
+    pr: css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n    padding-right: ", ";\n  "], ["\n    padding-right: ", ";\n  "])), function (p) { return getCssValue(p.pr); }),
+    p: css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n    padding: ", ";\n  "], ["\n    padding: ", ";\n  "])), function (p) { return getCssValue(p.p); }),
+};
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14;

package/lib/esm/styled/theme/textCss.js

@@ -0,0 +1,18 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { css } from "../themeType";
+export var textCss = {
+    truncateText: css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    overflow: hidden;\n    word-wrap: break-word;\n    overflow-wrap: break-word;\n    display: -webkit-box;\n    -webkit-line-clamp: 1;\n    -webkit-box-orient: vertical;\n    -webkit-hyphens: auto;\n    -moz-hyphens: auto;\n    hyphens: auto;\n  "], ["\n    overflow: hidden;\n    word-wrap: break-word;\n    overflow-wrap: break-word;\n    display: -webkit-box;\n    -webkit-line-clamp: 1;\n    -webkit-box-orient: vertical;\n    -webkit-hyphens: auto;\n    -moz-hyphens: auto;\n    hyphens: auto;\n  "]))),
+    dInline: css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    display: inline-block;\n  "], ["\n    display: inline-block;\n  "]))),
+    flexWrap: css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    display: flex;\n    flex-wrap: wrap;\n  "], ["\n    display: flex;\n    flex-wrap: wrap;\n  "]))),
+    underline: css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    text-decoration: underline;\n  "], ["\n    text-decoration: underline;\n  "]))),
+    textAlignCenter: css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    text-align: center;\n  "], ["\n    text-align: center;\n  "]))),
+    textAlignRight: css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    text-align: right;\n  "], ["\n    text-align: right;\n  "]))),
+    textAlignLeft: css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    text-align: left;\n  "], ["\n    text-align: left;\n  "]))),
+    uppercase: css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n    text-transform: uppercase;\n  "], ["\n    text-transform: uppercase;\n  "]))),
+    capitalize: css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n    text-transform: capitalize;\n  "], ["\n    text-transform: capitalize;\n  "]))),
+    lowercase: css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n    text-transform: lowercase;\n  "], ["\n    text-transform: lowercase;\n  "]))),
+};
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;

package/lib/esm/styled/theme/textStyles.js

@@ -0,0 +1,27 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { css } from "../themeType";
+export var textStyles = {
+    h1: css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    font-family: DM Serif Display;\n    font-weight: 400;\n    font-style: normal;\n    font-size: 48px;\n    line-height: 72px;\n  "], ["\n    font-family: DM Serif Display;\n    font-weight: 400;\n    font-style: normal;\n    font-size: 48px;\n    line-height: 72px;\n  "]))),
+    h2: css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    font-family: DM Sans;\n    font-weight: 700;\n    font-style: normal;\n    font-size: 28px;\n    line-height: 36px;\n  "], ["\n    font-family: DM Sans;\n    font-weight: 700;\n    font-style: normal;\n    font-size: 28px;\n    line-height: 36px;\n  "]))),
+    h3: css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    font-family: DM Sans;\n    font-weight: 700;\n    font-style: normal;\n    font-size: 40px;\n    line-height: 48px;\n  "], ["\n    font-family: DM Sans;\n    font-weight: 700;\n    font-style: normal;\n    font-size: 40px;\n    line-height: 48px;\n  "]))),
+    h4: css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    font-family: DM Sans;\n    font-weight: 400;\n    font-style: normal;\n    font-size: 32px;\n    line-height: 48px;\n  "], ["\n    font-family: DM Sans;\n    font-weight: 400;\n    font-style: normal;\n    font-size: 32px;\n    line-height: 48px;\n  "]))),
+    h5: css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    font-family: DM Sans;\n    font-weight: 700;\n    font-style: normal;\n    font-size: 24px;\n    line-height: 36px;\n  "], ["\n    font-family: DM Sans;\n    font-weight: 700;\n    font-style: normal;\n    font-size: 24px;\n    line-height: 36px;\n  "]))),
+    h6: css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    font-family: DM Sans;\n    font-weight: 700;\n    font-style: normal;\n    font-size: 20px;\n    line-height: 32px;\n  "], ["\n    font-family: DM Sans;\n    font-weight: 700;\n    font-style: normal;\n    font-size: 20px;\n    line-height: 32px;\n  "]))),
+    subtitle: css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    font-family: DM Sans;\n    font-weight: 500;\n    font-style: normal;\n    font-size: 18px;\n    line-height: 24px;\n  "], ["\n    font-family: DM Sans;\n    font-weight: 500;\n    font-style: normal;\n    font-size: 18px;\n    line-height: 24px;\n  "]))),
+    body1: css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n    font-family: DM Sans;\n    font-weight: 400;\n    font-style: normal;\n    font-size: 16px;\n    line-height: 28px;\n  "], ["\n    font-family: DM Sans;\n    font-weight: 400;\n    font-style: normal;\n    font-size: 16px;\n    line-height: 28px;\n  "]))),
+    body2: css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n    font-family: DM Sans;\n    font-weight: 700;\n    font-style: normal;\n    font-size: 16px;\n    line-height: 28px;\n  "], ["\n    font-family: DM Sans;\n    font-weight: 700;\n    font-style: normal;\n    font-size: 16px;\n    line-height: 28px;\n  "]))),
+    body3: css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n    font-family: DM Sans;\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 20px;\n  "], ["\n    font-family: DM Sans;\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 20px;\n  "]))),
+    body4: css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n    font-family: DM Sans;\n    font-weight: 700;\n    font-style: normal;\n    font-size: 14px;\n    line-height: 20px;\n  "], ["\n    font-family: DM Sans;\n    font-weight: 700;\n    font-style: normal;\n    font-size: 14px;\n    line-height: 20px;\n  "]))),
+    label1: css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n    font-family: DM Sans;\n    font-weight: 700;\n    font-style: normal;\n    font-size: 14px;\n    line-height: 16px;\n    letter-spacing: 0.5px;\n  "], ["\n    font-family: DM Sans;\n    font-weight: 700;\n    font-style: normal;\n    font-size: 14px;\n    line-height: 16px;\n    letter-spacing: 0.5px;\n  "]))),
+    label2: css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n    font-family: DM Sans;\n    font-weight: 700;\n    font-style: normal;\n    font-size: 12px;\n    line-height: 16px;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n  "], ["\n    font-family: DM Sans;\n    font-weight: 700;\n    font-style: normal;\n    font-size: 12px;\n    line-height: 16px;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n  "]))),
+    label3: css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n    font-family: DM Sans;\n    font-weight: 700;\n    font-style: normal;\n    font-size: 10px;\n    line-height: 16px;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n  "], ["\n    font-family: DM Sans;\n    font-weight: 700;\n    font-style: normal;\n    font-size: 10px;\n    line-height: 16px;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n  "]))),
+    helperText: css(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n    font-family: DM Sans;\n    font-weight: 400;\n    font-style: normal;\n    font-size: 12px;\n    line-height: 18px;\n  "], ["\n    font-family: DM Sans;\n    font-weight: 400;\n    font-style: normal;\n    font-size: 12px;\n    line-height: 18px;\n  "]))),
+    buttonText: css(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n    font-family: DM Sans;\n    font-weight: 700;\n    font-style: normal;\n    font-size: 16px;\n    line-height: 24px;\n    letter-spacing: 0.02em;\n  "], ["\n    font-family: DM Sans;\n    font-weight: 700;\n    font-style: normal;\n    font-size: 16px;\n    line-height: 24px;\n    letter-spacing: 0.02em;\n  "]))),
+    buttonTextSmall: css(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n    font-family: DM Sans;\n    font-weight: 700;\n    font-style: normal;\n    font-size: 14px;\n    line-height: 24px;\n    letter-spacing: 0.02em;\n  "], ["\n    font-family: DM Sans;\n    font-weight: 700;\n    font-style: normal;\n    font-size: 14px;\n    line-height: 24px;\n    letter-spacing: 0.02em;\n  "]))),
+    link: css(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n    font-family: DM Sans;\n    font-weight: 500;\n    font-style: normal;\n    font-size: 14px;\n    line-height: 24px;\n    user-select: none;\n    :hover {\n      cursor: pointer;\n      text-decoration-line: underline;\n      opacity: 0.8;\n    }\n  "], ["\n    font-family: DM Sans;\n    font-weight: 500;\n    font-style: normal;\n    font-size: 14px;\n    line-height: 24px;\n    user-select: none;\n    :hover {\n      cursor: pointer;\n      text-decoration-line: underline;\n      opacity: 0.8;\n    }\n  "]))),
+    stepper: css(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n    font-family: \"Montserrat\";\n    font-style: normal;\n    font-weight: 700;\n    font-size: 14px;\n    line-height: 16px;\n  "], ["\n    font-family: \"Montserrat\";\n    font-style: normal;\n    font-weight: 700;\n    font-size: 14px;\n    line-height: 16px;\n  "]))),
+};
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19;

package/lib/esm/styled/themeType.js

@@ -0,0 +1,6 @@
+import { css as cssBase } from "styled-components";
+// prevents circular definition since:
+// - type for `css` is  ThemedCssFunction<DefaultTheme>
+// - theme will be used to define DefaultTheme
+export var css = cssBase;
+// `css` shouldn't use ${(props) => props.theme.css.};

package/lib/esm/styled/utils.js

@@ -0,0 +1,17 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled, { css } from "styled-components";
+export var themeProps = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), function (props) {
+    return Object.keys(props)
+        .map(function (p) { return props.theme.css[p]; })
+        .filter(function (c) { return c; });
+});
+export var Div = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), themeProps);
+export var HTMLButton = styled.button(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), themeProps);
+export var Span = styled.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), themeProps);
+export var Label = styled.label(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), themeProps);
+export var P = styled.p(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), themeProps);
+export var BaseButton = styled.button(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  ", ";\n  outline: none;\n  margin: none;\n  padding: none;\n  background: transparent;\n  border: none;\n"], ["\n  ", ";\n  outline: none;\n  margin: none;\n  padding: none;\n  background: transparent;\n  border: none;\n"])), themeProps);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;

package/lib/esm/types.d.ts

@@ -65,11 +65,12 @@ export type RowValidationError = {
 export type BatchValidationErrors = {
     [rowId: string]: ValidationErrors;
 };
+export type TransformedObj = {
+    original: any;
+    transformed: any;
+};
 export type TransformedRecord = {
-    [recordName: string]: {
-        original: any;
-        transformed: any;
-    };
+    [recordName: string]: TransformedObj;
 };
 export type AppResponse = {
     recordsToDisplay?: Record[];
@@ -79,11 +80,11 @@ export type AppResponse = {
 export type OnSubmit = (reviewedData: Record[]) => Promise<AppResponse>;
 export type ValidationOptionKeys = "pattern" | "max_length" | "min_length" | "length" | "max" | "min";
 export declare const validationTypesBase: readonly ["cannot_contain", "contain", "max_length", "min_length", "length_exactly", "unique_case_sensitive", "unique_case_insensitive", "regex", "integer", "less_than", "greater_than", "even", "odd", "float", "email", "url", "boolean", "before_date", "after_date"];
-export declare const mutableValidationTypes: ("boolean" | "integer" | "float" | "email" | "url" | "cannot_contain" | "contain" | "max_length" | "min_length" | "length_exactly" | "unique_case_sensitive" | "unique_case_insensitive" | "regex" | "less_than" | "greater_than" | "even" | "odd" | "before_date" | "after_date")[];
+export declare const mutableValidationTypes: ("boolean" | "max_length" | "min_length" | "cannot_contain" | "contain" | "length_exactly" | "unique_case_sensitive" | "unique_case_insensitive" | "regex" | "integer" | "less_than" | "greater_than" | "even" | "odd" | "float" | "email" | "url" | "before_date" | "after_date")[];
 export type ValidationTypes = typeof validationTypesBase[number];
 export type TransformationOptionKeys = "prefix" | "number_of_decimals";
 export declare const transformationTypesBase: readonly ["sentence_case", "capitalize", "uppercase", "lowercase", "trim_whitespace", "autoformat", "prefix", "number_of_decimals", "round", "floor", "ceiling", "autodetect"];
-export declare const mutableTransformationTypes: ("sentence_case" | "capitalize" | "uppercase" | "lowercase" | "trim_whitespace" | "autoformat" | "prefix" | "number_of_decimals" | "round" | "floor" | "ceiling" | "autodetect")[];
+export declare const mutableTransformationTypes: ("prefix" | "number_of_decimals" | "sentence_case" | "capitalize" | "uppercase" | "lowercase" | "trim_whitespace" | "autoformat" | "round" | "floor" | "ceiling" | "autodetect")[];
 export type TransformationTypes = typeof transformationTypesBase[number];
 export interface FieldValidation {
     id?: number;

package/lib/esm/types.js

@@ -0,0 +1,65 @@
+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));
+};
+var EnvironmentTypes = [
+    "local",
+    "development",
+    "production",
+    "test",
+];
+export var FieldTypes;
+(function (FieldTypes) {
+    FieldTypes["boolean"] = "boolean";
+    FieldTypes["integer"] = "integer";
+    FieldTypes["float"] = "float";
+    FieldTypes["string"] = "string";
+    FieldTypes["email"] = "email";
+    FieldTypes["enum"] = "enum";
+    FieldTypes["url"] = "url";
+    FieldTypes["date"] = "date";
+    FieldTypes["datetime"] = "datetime";
+    FieldTypes["time"] = "time";
+})(FieldTypes || (FieldTypes = {}));
+export var validationTypesBase = [
+    "cannot_contain",
+    "contain",
+    "max_length",
+    "min_length",
+    "length_exactly",
+    "unique_case_sensitive",
+    "unique_case_insensitive",
+    "regex",
+    "integer",
+    "less_than",
+    "greater_than",
+    "even",
+    "odd",
+    "float",
+    "email",
+    "url",
+    "boolean",
+    "before_date",
+    "after_date",
+];
+export var mutableValidationTypes = __spreadArray([], validationTypesBase, true);
+export var transformationTypesBase = [
+    "sentence_case",
+    "capitalize",
+    "uppercase",
+    "lowercase",
+    "trim_whitespace",
+    "autoformat",
+    "prefix",
+    "number_of_decimals",
+    "round",
+    "floor",
+    "ceiling",
+    "autodetect",
+];
+export var mutableTransformationTypes = __spreadArray([], transformationTypesBase, true);

package/lib/esm/utils/hooks/useWindowSize.js

@@ -0,0 +1,23 @@
+import { useEffect, useState } from "react";
+var useWindowDimensions = function () {
+    var _a = useState({
+        width: undefined,
+        height: undefined,
+    }), windowDimensions = _a[0], setWindowDimensions = _a[1];
+    useEffect(function () {
+        var handleResize = function () {
+            setWindowDimensions({
+                width: window.innerWidth,
+                height: window.innerHeight,
+            });
+        };
+        handleResize();
+        window.addEventListener("resize", handleResize);
+        return function () { return window.removeEventListener("resize", handleResize); };
+    }, []);
+    var isOnSmallScreens = windowDimensions.width
+        ? windowDimensions.width <= 1050
+        : false;
+    return { windowDimensions: windowDimensions, isOnSmallScreens: isOnSmallScreens };
+};
+export default useWindowDimensions;

package/lib/esm/utils/hooks.js

@@ -0,0 +1 @@
+export * from "./hooks/useWindowSize";

package/lib/esm/utils/index.d.ts

@@ -10,3 +10,4 @@ export declare const getDefaultValidations: (columnType: string) => {
     validation_type: any;
     message: string;
 }[];
+export declare const truncateString: (str: string, maxLength?: number) => string;

package/lib/esm/utils/index.js

@@ -0,0 +1,41 @@
+export var isString = function (variable) {
+    return typeof variable === "string" || variable instanceof String;
+};
+export var sleep = function (n) {
+    return new Promise(function (resolve) { return setTimeout(resolve, n); });
+};
+export var addLinkToHead = function (document, head, href, rel, crossOrigin) {
+    if (crossOrigin === void 0) { crossOrigin = ""; }
+    var link = document.createElement("link");
+    link.href = href;
+    link.rel = rel;
+    link.crossOrigin = crossOrigin;
+    head.appendChild(link);
+};
+// Add dynamic columns
+export var addValidation = function (value, label) {
+    return {
+        validation_type: value,
+        message: label,
+    };
+};
+export var getDefaultValidations = function (columnType) {
+    switch (columnType) {
+        case "email":
+            return [addValidation("email", "Must be an email")];
+        case "url":
+            return [addValidation("url", "Must be a URL")];
+        case "boolean":
+            return [addValidation("boolean", "Must be True or False")];
+        case "integer":
+            return [addValidation("integer", "Must be an integer")];
+        case "float":
+            return [addValidation("float", "Must be a float")];
+        default:
+            return [];
+    }
+};
+export var truncateString = function (str, maxLength) {
+    if (maxLength === void 0) { maxLength = 10; }
+    return (str === null || str === void 0 ? void 0 : str.length) > maxLength ? "".concat(str === null || str === void 0 ? void 0 : str.slice(0, maxLength), "...") : str;
+};