@darajs/components 1.0.0-a.1

package/dist/common/table/table.d.ts

@@ -0,0 +1,56 @@
+import { Action, AnyDataVariable, StyledComponentProps, Variable } from '@darajs/core';
+interface TableProps extends StyledComponentProps {
+    /**
+     * Column definitions
+     */
+    columns?: ColumnProps[] | Variable<ColumnProps[]>;
+    /**
+     * Data
+     */
+    data: AnyDataVariable;
+    /**
+     * When specified, a set number of rows is displayed
+     */
+    max_rows?: number;
+    /**
+     * Whether multiple selections are allowed
+     */
+    multi_select?: boolean;
+    /**
+     * Onclick handler; when provided, select action is added to the table
+     */
+    onclick_row?: Action;
+    /**
+     * List of searchable columns
+     */
+    search_columns?: Array<string>;
+    /**
+     * Whether the table is searchable
+     */
+    searchable: boolean;
+    /**
+     * List of selected row indices
+     */
+    selected_indices?: Variable<Array<number>>;
+    /**
+     * When set to true hides the checkboxes column of table
+     */
+    show_checkboxes?: boolean;
+}
+interface ColumnProps {
+    align?: string;
+    col_id: string;
+    filter?: 'text' | 'categorical' | 'numeric' | 'datetime';
+    formatter?: {
+        [k: string]: any;
+    };
+    label?: string;
+    sticky?: string;
+    tooltip?: string;
+    type?: 'number' | 'string' | 'datetime';
+    unique_items?: Array<string>;
+    width?: string;
+}
+declare function Table(props: TableProps): JSX.Element;
+export default Table;
+//# sourceMappingURL=table.d.ts.map

package/dist/common/table/table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../js/common/table/table.tsx"],"names":[],"mappings":"AAKA,OAAO,EACH,MAAM,EACN,eAAe,EAIf,oBAAoB,EACpB,QAAQ,EAOX,MAAM,cAAc,CAAC;AAkBtB,UAAU,UAAW,SAAQ,oBAAoB;IAC7C;;OAEG;IAEH,OAAO,CAAC,EAAE,WAAW,EAAE,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC;IAClD;;OAEG;IACH,IAAI,EAAE,eAAe,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC/B;;OAEG;IACH,UAAU,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,gBAAgB,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IAC3C;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,UAAU,WAAW;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,GAAG,aAAa,GAAG,SAAS,GAAG,UAAU,CAAC;IACzD,SAAS,CAAC,EAAE;QAAE,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,UAAU,CAAC;IACxC,YAAY,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAyPD,iBAAS,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CAgQ7C;AAED,eAAe,KAAK,CAAC"}

package/dist/common/table/table.js

@@ -0,0 +1,404 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatISO } from 'date-fns';
+import debounce from 'lodash/debounce';
+import isEqual from 'lodash/isEqual';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { combineFilters, injectCss, useAction, useComponentStyles, useDataVariable, useVariable, } from '@darajs/core';
+import styled from '@darajs/styled-components';
+import { Input, Table as UiTable, useInfiniteLoader } from '@darajs/ui-components';
+import { useThrottledState } from '@darajs/ui-utils';
+import { AdaptivePrecisionCell, BadgeFormattedCell, CodeCell, CompareCell, FormattedTextCell, LinkCell, NumberCell, NumberIntlCell, PercentageCell, ThresholdFormattedCell, } from './cells';
+const coerceValueToUnit = (num) => {
+    if (num < 0)
+        return -1;
+    if (num > 0)
+        return 1;
+    return 0;
+};
+const compareDateStrings = (a, b) => coerceValueToUnit(new Date(a).getTime() - new Date(b).getTime());
+const compareNumberStrings = (a, b) => coerceValueToUnit(Number(a) - Number(b));
+const compareStrings = (a, b) => coerceValueToUnit(a.localeCompare(b));
+const columnSortTypes = {
+    datetime: (a, b, id) => compareDateStrings(a.values[id], b.values[id]),
+    number: (a, b, id) => compareNumberStrings(a.values[id], b.values[id]),
+    string: (a, b, id) => compareStrings(a.values[id], b.values[id]),
+};
+const TableSearch = styled.div `
+    display: flex;
+    justify-content: flex-end;
+    padding: 1rem 1rem 0rem 1rem;
+`;
+function getCellRenderer(formatter) {
+    if (formatter.type === 'adaptive_precision') {
+        return AdaptivePrecisionCell();
+    }
+    if (formatter.type === 'code') {
+        return CodeCell(formatter.language);
+    }
+    if (formatter.type === 'compare') {
+        return CompareCell(formatter.condition, formatter.target);
+    }
+    if (formatter.type === 'datetime') {
+        return UiTable.cells.DATETIME(formatter.format);
+    }
+    if (formatter.type === 'formatted_text') {
+        return FormattedTextCell();
+    }
+    if (formatter.type === 'number') {
+        return NumberCell(formatter.precision);
+    }
+    if (formatter.type === 'number_intl') {
+        return NumberIntlCell(formatter.locales, formatter.options);
+    }
+    if (formatter.type === 'percent') {
+        return PercentageCell(formatter.precision);
+    }
+    if (formatter.type === 'link') {
+        return LinkCell();
+    }
+    if (formatter.type === 'threshold') {
+        return ThresholdFormattedCell(formatter.thresholds);
+    }
+    if (formatter.type === 'badge') {
+        return BadgeFormattedCell(formatter.badges);
+    }
+}
+function mapColumns(columns) {
+    if (columns) {
+        return columns.map((column) => (Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ Header: column.label ? column.label : column.col_id, accessor: column.col_id }, (column.align && { align: column.align })), (column.filter && { filter: column.filter })), (column.formatter && { Cell: getCellRenderer(column.formatter) })), (column.sticky && { sticky: column.sticky })), (column.width && { maxWidth: column.width, width: column.width })), (column.type && { sortType: columnSortTypes[column.type] })), (column.unique_items && { uniqueItems: column.unique_items })), (column.tooltip && { tooltip: column.tooltip }))));
+    }
+}
+const INDEX_COL = '__index__';
+var NumericOperator;
+(function (NumericOperator) {
+    NumericOperator["BT"] = "Between";
+    NumericOperator["EQ"] = "Equal to";
+    NumericOperator["GT"] = "Greater than";
+    NumericOperator["LT"] = "Less than";
+    NumericOperator["NE"] = "Not equal to";
+    NumericOperator["None"] = "None";
+})(NumericOperator || (NumericOperator = {}));
+var DateOperator;
+(function (DateOperator) {
+    DateOperator["BT"] = "Between";
+    DateOperator["EQ"] = "On date";
+    DateOperator["GT"] = "After";
+    DateOperator["LT"] = "Before";
+    DateOperator["None"] = "None";
+})(DateOperator || (DateOperator = {}));
+function selectedToOperator(selected) {
+    switch (selected) {
+        case NumericOperator.EQ:
+            return 'EQ';
+        case DateOperator.EQ:
+            return 'EQ';
+        case NumericOperator.GT:
+            return 'GT';
+        case DateOperator.GT:
+            return 'GT';
+        case NumericOperator.LT:
+            return 'LT';
+        case DateOperator.LT:
+            return 'LT';
+        case NumericOperator.BT:
+            return 'BT';
+        case DateOperator.BT:
+            return 'BT';
+        case NumericOperator.NE:
+            return 'NE';
+        default:
+            return null;
+    }
+}
+/**
+ * Gets the results returned by each filter on the table and sets it in a query format that can be consumed
+ *
+ * @param filters a list containing the results from each filter that is currently applied
+ */
+function filtersToFilterQuery(filters) {
+    if (filters.length === 0) {
+        return null;
+    }
+    return {
+        clauses: filters
+            .map((filt) => {
+            // eslint-disable-next-line prefer-const
+            let cleanValue = null;
+            let operator = null;
+            if (typeof filt.value === 'string') {
+                operator = 'CONTAINS';
+                cleanValue = filt.value.trim();
+            }
+            else if (Array.isArray(filt.value)) {
+                // the operator is only here so that the filter can be acepted by the backend
+                operator = 'EQ';
+                cleanValue = filt.value.map((val) => val.value);
+            }
+            else if (!filt.value.selected || filt.value.selected === 'None') {
+                // invalid operator
+                return null;
+            }
+            else {
+                operator = selectedToOperator(filt.value.selected);
+                cleanValue = filt.value.value;
+            }
+            if (String(cleanValue).length === 0) {
+                return null;
+            }
+            return {
+                column: filt.id,
+                operator,
+                value: cleanValue,
+            };
+        })
+            .filter(Boolean),
+        combinator: 'AND',
+    };
+}
+/**
+ * Infer which columns are datetime columns and should be formatted.
+ *
+ * If column has datetime formatter, datetime filter, or type=datetime then its a datetime column
+ */
+function getDatetimeColumns(columns) {
+    if (columns) {
+        return columns
+            .filter((col) => { var _a; return ((_a = col === null || col === void 0 ? void 0 : col.formatter) === null || _a === void 0 ? void 0 : _a.type) === 'datetime' || col.type === 'datetime' || col.filter === 'datetime'; })
+            .map((c) => c.col_id);
+    }
+}
+/**
+ * Clean up the index column from rows.
+ *
+ * @param rows rows to remove the index column from
+ */
+function cleanIndex(rows) {
+    return rows.map((r) => {
+        const _a = r, _b = INDEX_COL, _ = _a[_b], rest = __rest(_a, [typeof _b === "symbol" ? _b : _b + ""]);
+        return rest;
+    });
+}
+/**
+ * Type guard for checking whether column is of type `ColumnProps`
+ *
+ * @param column column to check for
+ */
+function isColumnProp(column) {
+    return column.col_id !== undefined;
+}
+/**
+ * Gets columns and ensures they return an Array of ColumnProps
+ *
+ * @param columns columns to be converted into correct format
+ */
+function getColumnProps(columns) {
+    return columns.map((col) => {
+        if (isColumnProp(col)) {
+            return col;
+        }
+        if (typeof col === 'string') {
+            return { col_id: col };
+        }
+        throw new Error('Columns could not be rendered, check that your data is correct and columns are passed as a List');
+    });
+}
+const TableWrapper = injectCss('div');
+function Table(props) {
+    const [searchQuery, setSearchQuery] = useState(null);
+    const getData = useDataVariable(props.data);
+    const [selectedRowIndices, setSelectedRowIndices] = useVariable(props.selected_indices);
+    const [columnsProp] = useVariable(props.columns);
+    const [resolvedColumns, setResolvedColumns] = useState(null);
+    useEffect(() => {
+        // prop provided, just parse the columns provided
+        if (columnsProp) {
+            setResolvedColumns(getColumnProps(columnsProp));
+            return;
+        }
+        // prop not provided, find columns from data
+        getData(null, {
+            limit: 1,
+            offset: 0,
+        })
+            .then((dataset) => {
+            const columns = Object.keys(dataset.data[0]);
+            const columnsWithoutIndex = columns.filter((col) => col !== '__index__');
+            setResolvedColumns(getColumnProps(columnsWithoutIndex));
+        })
+            .catch((err) => {
+            throw new Error(err);
+        });
+    }, [columnsProp, getData]);
+    const debouncedSetSearchQuery = useMemo(() => debounce(setSearchQuery, 500), [setSearchQuery]);
+    const [sortingRules, setSortingRules] = useThrottledState([], 300);
+    const [filters, setFilters] = useThrottledState([], 500);
+    const datetimeColumns = useMemo(() => getDatetimeColumns(resolvedColumns), [resolvedColumns]);
+    const fetchData = useCallback((startIndex, stopIndex) => __awaiter(this, void 0, void 0, function* () {
+        const response = yield getData(combineFilters('AND', [filtersToFilterQuery(filters), searchQuery]), {
+            limit: stopIndex - startIndex,
+            offset: startIndex,
+            sort: sortingRules[0],
+        });
+        return {
+            data: response.data.map((row) => {
+                for (const val of datetimeColumns) {
+                    // Format datetime timestamps to dates
+                    if (typeof row[val] === 'number') {
+                        row[val] = formatISO(row[val]);
+                    }
+                }
+                return row;
+            }),
+            totalCount: response.totalCount,
+        };
+    }), [filters, searchQuery, getData, sortingRules, resolvedColumns]);
+    const extraDataCache = useRef({});
+    const { getItem, onItemsRendered, itemCount: totalCount } = useInfiniteLoader(fetchData);
+    /**
+     * Returns a row by index
+     * - first tries to retrieve it from the loader data
+     * - if not found, tries to retrieve it from the extraDataCache
+     * - if not found, fetches a few rows around the index and stores them in the extraDataCache
+     *
+     * @param idx index of row to get
+     */
+    function getRowByIndex(idx) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const loaderItem = getItem(idx);
+            // item available in current window
+            if (loaderItem) {
+                return loaderItem;
+            }
+            // This should only happen if user changes selectedRow from the outside
+            // and the row has not been loaded yet
+            // populate cache with a few rows around the index if row not in cache
+            if (!extraDataCache.current[idx]) {
+                const { data } = yield fetchData(idx - 5, idx + 5);
+                for (const row of data) {
+                    extraDataCache.current[row[INDEX_COL]] = row;
+                }
+            }
+            return extraDataCache.current[idx];
+        });
+    }
+    useEffect(() => {
+        extraDataCache.current = {};
+    }, [getData]);
+    const [style, css] = useComponentStyles(props);
+    const [onClickRow] = useAction(props.onclick_row);
+    const columns = useMemo(() => {
+        const mappedCols = mapColumns(resolvedColumns);
+        if ((props.show_checkboxes && props.onclick_row) || props.selected_indices) {
+            mappedCols === null || mappedCols === void 0 ? void 0 : mappedCols.unshift(UiTable.ActionColumn([UiTable.Actions.SELECT], 'select_box_col', 'left', true));
+        }
+        return mappedCols;
+    }, [resolvedColumns, props.onclick_row]);
+    const onSelect = useCallback((row) => __awaiter(this, void 0, void 0, function* () {
+        // If selected row has already been selected
+        if ((selectedRowIndices !== null && selectedRowIndices !== void 0 ? selectedRowIndices : []).find((idx) => row[INDEX_COL] === idx) !== undefined) {
+            // Remove it from selected indices
+            const newSelectedIndices = (selectedRowIndices !== null && selectedRowIndices !== void 0 ? selectedRowIndices : []).filter((idx) => row[INDEX_COL] !== idx);
+            setSelectedRowIndices(newSelectedIndices);
+            if (props.multi_select) {
+                const selectedRows = yield Promise.all(newSelectedIndices.map((idx) => getRowByIndex(idx)));
+                // In multiselect mode, send selected rows
+                onClickRow(cleanIndex(selectedRows));
+            }
+            else {
+                onClickRow(null);
+            }
+        }
+        else {
+            let newSelectedIndices = [...(selectedRowIndices !== null && selectedRowIndices !== void 0 ? selectedRowIndices : []), row[INDEX_COL]];
+            // If not in multiselect mode then only the new row is selected
+            if (!props.multi_select) {
+                newSelectedIndices = [row[INDEX_COL]];
+            }
+            setSelectedRowIndices(newSelectedIndices);
+            const selectedRows = yield Promise.all(newSelectedIndices.map((idx) => getRowByIndex(idx)));
+            onClickRow(cleanIndex(selectedRows));
+        }
+    }), [selectedRowIndices, getItem]);
+    const onAction = useCallback((actionId, row) => {
+        if (actionId === UiTable.Actions.SELECT.id) {
+            onSelect(row);
+        }
+    }, [onSelect]);
+    const searchColumns = useMemo(() => {
+        if (props.search_columns) {
+            return props.search_columns;
+        }
+        return [];
+    }, []);
+    const onSearchChange = (searchTerm) => {
+        const searchTermClean = searchTerm.trim().toLowerCase();
+        // Construct filter query
+        const newSearchQuery = searchTermClean.length > 0
+            ? {
+                clauses: searchColumns.map((col) => ({
+                    column: col,
+                    operator: 'CONTAINS',
+                    value: searchTermClean,
+                })),
+                combinator: 'OR',
+            }
+            : null;
+        debouncedSetSearchQuery(newSearchQuery);
+    };
+    const onFilter = (newFilters) => {
+        if (newFilters.length !== filters.length || !isEqual(newFilters, filters)) {
+            setFilters(newFilters);
+        }
+        return Promise.resolve();
+    };
+    const onSort = (sort) => {
+        if (sort.length !== sortingRules.length || !isEqual(sort, sortingRules)) {
+            setSortingRules(sort);
+        }
+    };
+    /**
+     * Item getter which also appends whether the row is selected or not
+     *
+     * @param idx index
+     */
+    const getItemWithSelected = useCallback((idx) => {
+        const row = getItem(idx);
+        if (!row) {
+            return undefined;
+        }
+        return Object.assign(Object.assign({}, row), { selected: (selectedRowIndices !== null && selectedRowIndices !== void 0 ? selectedRowIndices : []).includes(row[INDEX_COL]) });
+    }, [getItem, selectedRowIndices]);
+    return (_jsxs(TableWrapper, { "$rawCss": css, style: Object.assign({ display: 'flex', flex: '1 1 auto', flexDirection: 'column', 
+            // Set a min height so at the very least Table shows header and one row
+            minHeight: '96px', overflow: 'auto', position: 'relative' }, style), children: [props.searchable && (_jsx(TableSearch, { children: _jsx(Input, { onChange: onSearchChange, placeholder: "Search Table..." }) })), resolvedColumns && (_jsx("div", { style: {
+                    bottom: 0,
+                    height: '100%',
+                    left: 0,
+                    padding: props.searchable ? '0.5rem 1rem 1rem 1rem' : '1rem',
+                    position: 'absolute',
+                    right: 0,
+                    top: 0,
+                }, children: _jsx(UiTable, { columns: columns, getItem: getItemWithSelected, itemCount: totalCount, maxRows: props.max_rows, onAction: onAction, onClickRow: props.onclick_row && onSelect, onFilter: onFilter, onItemsRendered: onItemsRendered, onSort: onSort, style: { padding: 0 } }) }))] }));
+}
+export default Table;
+//# sourceMappingURL=table.js.map

package/dist/common/table/table.js.map

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

package/dist/common/text/text.d.ts

@@ -0,0 +1,12 @@
+import { StyledComponentProps, Variable } from '@darajs/core';
+interface TextProps extends StyledComponentProps {
+    bold: boolean;
+    className: string;
+    formatted?: boolean;
+    italic: boolean;
+    text: string | Variable<string>;
+    underline: boolean;
+}
+declare function Text(props: TextProps): JSX.Element;
+export default Text;
+//# sourceMappingURL=text.d.ts.map

package/dist/common/text/text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../js/common/text/text.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,oBAAoB,EAAE,QAAQ,EAA8C,MAAM,cAAc,CAAC;AAGtH,UAAU,SAAU,SAAQ,oBAAoB;IAC5C,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC;IAChC,SAAS,EAAE,OAAO,CAAC;CACtB;AAKD,iBAAS,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,GAAG,CAAC,OAAO,CAgD3C;AAED,eAAe,IAAI,CAAC"}

package/dist/common/text/text.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { DisplayCtx, injectCss, useComponentStyles, useVariable } from '@darajs/core';
+import { useTheme } from '@darajs/styled-components';
+const StyledSpan = injectCss('span');
+const StyledTag = injectCss('div');
+function Text(props) {
+    var _a;
+    const [style, css] = useComponentStyles(props);
+    const [text] = useVariable(props.text);
+    const theme = useTheme();
+    // Consume display context, return appropriate text element
+    const display_ctx = useContext(DisplayCtx);
+    // Add a default to the text color if it's not in a button or anchor
+    const color = ['anchor', 'button'].includes(display_ctx.component) ? props.color : props.color || theme.colors.text;
+    if (['anchor', 'paragraph'].includes(display_ctx.component)) {
+        return (_jsx(StyledSpan, { "$rawCss": css, className: props.className, style: Object.assign(Object.assign({}, style), { border: (_a = props === null || props === void 0 ? void 0 : props.border) !== null && _a !== void 0 ? _a : 'none', color, fontStyle: props.italic ? 'italic' : 'normal', fontWeight: props.bold ? 'bold' : 'normal', marginRight: '0.1em', textAlign: props.align, textDecoration: props.underline ? 'underline' : '' }), children: `${typeof text === 'string' ? text.trimEnd() : text} ` }));
+    }
+    const tag = props.formatted ? 'pre' : 'div';
+    return (_jsx(StyledTag, { "$rawCss": css, as: tag, className: props.className, style: Object.assign(Object.assign({}, style), { color, margin: '0', textAlign: props.align }), children: text }));
+}
+export default Text;
+//# sourceMappingURL=text.js.map

package/dist/common/text/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../js/common/text/text.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,UAAU,EAAkC,SAAS,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AACtH,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAWrD,MAAM,UAAU,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;AACrC,MAAM,SAAS,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;AAEnC,SAAS,IAAI,CAAC,KAAgB;;IAC1B,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC/C,MAAM,CAAC,IAAI,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,2DAA2D;IAC3D,MAAM,WAAW,GAAG,UAAU,CAAC,UAAU,CAAC,CAAC;IAE3C,oEAAoE;IACpE,MAAM,KAAK,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC;IAEpH,IAAI,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE;QACzD,OAAO,CACH,KAAC,UAAU,eACE,GAAG,EACZ,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,KAAK,kCACE,KAAK,KACR,MAAM,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,mCAAI,MAAM,EAC/B,KAAK,EACL,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,EAC7C,UAAU,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EAC1C,WAAW,EAAE,OAAO,EACpB,SAAS,EAAE,KAAK,CAAC,KAAK,EACtB,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,eAGrD,GAAG,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,IAAI,GAAG,GAC9C,CAChB,CAAC;KACL;IAED,MAAM,GAAG,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;IAC5C,OAAO,CACH,KAAC,SAAS,eACG,GAAG,EACZ,EAAE,EAAE,GAAG,EACP,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,KAAK,kCACE,KAAK,KACR,KAAK,EACL,MAAM,EAAE,GAAG,EACX,SAAS,EAAE,KAAK,CAAC,KAAK,eAGzB,IAAI,GACG,CACf,CAAC;AACN,CAAC;AAED,eAAe,IAAI,CAAC"}

package/dist/common/textarea/textarea.d.ts

@@ -0,0 +1,19 @@
+import { Variable } from '@darajs/core';
+import { FormComponentProps } from '../types';
+interface TextareaProps extends FormComponentProps {
+    /** If true, cursor will start in the textarea */
+    autofocus: boolean;
+    /** An optional property which sets whether the textarea is resizable, and if so, in which directions */
+    resize?: 'none' | 'both' | 'horizontal' | 'vertical' | 'block' | 'inline';
+    /** A text variable that supplies the default value and updates when text is entered */
+    value?: Variable<string>;
+}
+/**
+ * A component that creates a textarea. The text is stored as a variable and updated as the user types in the
+ * given area. If autofocus is true, cursor begins in the textarea.
+ *
+ * @param {TextareaProps} props - the component props
+ */
+declare function Textarea(props: TextareaProps): JSX.Element;
+export default Textarea;
+//# sourceMappingURL=textarea.d.ts.map

package/dist/common/textarea/textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../js/common/textarea/textarea.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAyD,MAAM,cAAc,CAAC;AAI/F,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE9C,UAAU,aAAc,SAAQ,kBAAkB;IAC9C,iDAAiD;IACjD,SAAS,EAAE,OAAO,CAAC;IACnB,wGAAwG;IACxG,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC1E,uFAAuF;IAEvF,KAAK,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;CAC5B;AAID;;;;;GAKG;AACH,iBAAS,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAyCnD;AAED,eAAe,QAAQ,CAAC"}

package/dist/common/textarea/textarea.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import _debounce from 'lodash/debounce';
+import { useEffect, useMemo, useState } from 'react';
+import { injectCss, useAction, useComponentStyles, useVariable } from '@darajs/core';
+import { Textarea as UITextarea } from '@darajs/ui-components';
+import { useFormContext } from '../context';
+const StyledTextarea = injectCss(UITextarea);
+/**
+ * A component that creates a textarea. The text is stored as a variable and updated as the user types in the
+ * given area. If autofocus is true, cursor begins in the textarea.
+ *
+ * @param {TextareaProps} props - the component props
+ */
+function Textarea(props) {
+    const formCtx = useFormContext(props);
+    const [style, css] = useComponentStyles(props);
+    const [value, setValue] = useVariable(formCtx.resolveInitialValue());
+    const [internalValue, setInternalValue] = useState(value);
+    const [onInputAction] = useAction(props.onchange);
+    const debouncedAction = useMemo(() => _debounce(onInputAction, 500), [onInputAction]);
+    const debouncedSetValue = useMemo(() => _debounce(setValue, 500), [setValue]);
+    const debouncedUpdateForm = useMemo(() => _debounce(formCtx.updateForm, 500), [formCtx.updateForm]);
+    function handleChange(val) {
+        // immediately update internal state
+        setInternalValue(val);
+        // debounce the update to the variable and the form to prevent multiple updates being fired at once
+        debouncedSetValue(val);
+        debouncedAction(val);
+        debouncedUpdateForm(val);
+    }
+    useEffect(() => {
+        // cancel in-progress debounced actions to make sure the variable value takes precedence
+        debouncedAction.cancel();
+        debouncedSetValue.cancel();
+        debouncedUpdateForm.cancel();
+        // Sync the internal value with the variable value when the variable value changes
+        setInternalValue(value);
+    }, [value]);
+    return (_jsx(StyledTextarea, { "$rawCss": css, autoFocus: props.autofocus, onChange: handleChange, resize: props.resize, style: style, value: internalValue }));
+}
+export default Textarea;
+//# sourceMappingURL=textarea.js.map

package/dist/common/textarea/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../js/common/textarea/textarea.tsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAAY,SAAS,EAAE,SAAS,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC/F,OAAO,EAAE,QAAQ,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAE/D,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAa5C,MAAM,cAAc,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;AAE7C;;;;;GAKG;AACH,SAAS,QAAQ,CAAC,KAAoB;IAClC,MAAM,OAAO,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IACtC,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC/C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,WAAW,CAAC,OAAO,CAAC,mBAAmB,EAAE,CAAC,CAAC;IACrE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,CAAC,aAAa,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAElD,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,aAAa,EAAE,GAAG,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IACtF,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC9E,MAAM,mBAAmB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO,CAAC,UAAU,EAAE,GAAG,CAAC,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC;IAEpG,SAAS,YAAY,CAAC,GAAW;QAC7B,oCAAoC;QACpC,gBAAgB,CAAC,GAAG,CAAC,CAAC;QAEtB,mGAAmG;QACnG,iBAAiB,CAAC,GAAG,CAAC,CAAC;QACvB,eAAe,CAAC,GAAG,CAAC,CAAC;QACrB,mBAAmB,CAAC,GAAG,CAAC,CAAC;IAC7B,CAAC;IAED,SAAS,CAAC,GAAG,EAAE;QACX,wFAAwF;QACxF,eAAe,CAAC,MAAM,EAAE,CAAC;QACzB,iBAAiB,CAAC,MAAM,EAAE,CAAC;QAC3B,mBAAmB,CAAC,MAAM,EAAE,CAAC;QAE7B,kFAAkF;QAClF,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACH,KAAC,cAAc,eACF,GAAG,EACZ,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,aAAa,GACtB,CACL,CAAC;AACN,CAAC;AAED,eAAe,QAAQ,CAAC"}

package/dist/common/tooltip/tooltip.d.ts

@@ -0,0 +1,18 @@
+import { ComponentInstance, StyledComponentProps, Variable } from '@darajs/core';
+interface TooltipProps extends StyledComponentProps {
+    /** Content to render in the tooltip, can be any react renderable content */
+    content: string | Variable<any> | ComponentInstance;
+    /** Parameter to determine where to place the tooltip with respect to the children */
+    placement?: 'top' | 'bottom' | 'auto' | 'left' | 'right';
+    /** Parameter that controls the style of the tooltip */
+    styling: 'default' | 'error';
+}
+/**
+ * A component that wraps child components in the tooltip component. Content is displayed in the tooltip, with
+ * the styling specified and positioned relative to the child at the given placement.
+ *
+ * @param {TooltipProps} props - the component props
+ */
+declare function Tooltip(props: TooltipProps): JSX.Element;
+export default Tooltip;
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/common/tooltip/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../js/common/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,iBAAiB,EAEjB,oBAAoB,EACpB,QAAQ,EAIX,MAAM,cAAc,CAAC;AAKtB,UAAU,YAAa,SAAQ,oBAAoB;IAC/C,4EAA4E;IAC5E,OAAO,EAAE,MAAM,GAAG,QAAQ,CAAC,GAAG,CAAC,GAAG,iBAAiB,CAAC;IACpD,qFAAqF;IACrF,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IACzD,uDAAuD;IACvD,OAAO,EAAE,SAAS,GAAG,OAAO,CAAC;CAChC;AAID;;;;;GAKG;AACH,iBAAS,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAsBjD;AAED,eAAe,OAAO,CAAC"}

package/dist/common/tooltip/tooltip.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DynamicComponent, injectCss, useComponentStyles, useVariable, } from '@darajs/core';
+import { Tooltip as UITooltip } from '@darajs/ui-components';
+import Stack from '../stack/stack';
+const StyledTooltip = injectCss(UITooltip);
+/**
+ * A component that wraps child components in the tooltip component. Content is displayed in the tooltip, with
+ * the styling specified and positioned relative to the child at the given placement.
+ *
+ * @param {TooltipProps} props - the component props
+ */
+function Tooltip(props) {
+    const [styles, css] = useComponentStyles(props);
+    const [content] = useVariable(props.content);
+    return (_jsx(StyledTooltip, { "$rawCss": css, content: typeof content === 'string' ? (content) : (_jsx(DynamicComponent, { component: content }, `tooltip-${content.name}`)), placement: props.placement, style: styles, styling: props.styling, children: _jsx(Stack, Object.assign({}, props.children[0].props)) }));
+}
+export default Tooltip;
+//# sourceMappingURL=tooltip.js.map