@darajs/components 1.0.0-a.1

package/dist/smart/data-slicer-filter/data-slicer-filter.js

@@ -0,0 +1,123 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable no-underscore-dangle */
+import { formatISO, parseISO } from 'date-fns';
+import { produce } from 'immer';
+import debounce from 'lodash/debounce';
+import { nanoid } from 'nanoid';
+import { useMemo } from 'react';
+import { useVariable } from '@darajs/core';
+import styled from '@darajs/styled-components';
+import { Button, DatePicker, Input, Select } from '@darajs/ui-components';
+import { Cross, Plus } from '@darajs/ui-icons';
+var ColumnType;
+(function (ColumnType) {
+    ColumnType["CATEGORICAL"] = "categorical";
+    ColumnType["DATETIME"] = "datetime";
+    ColumnType["NUMERICAL"] = "numerical";
+})(ColumnType || (ColumnType = {}));
+const ColumnSelect = styled(Select) `
+    flex-basis: 15rem;
+`;
+const FilterLabel = styled.span `
+    flex-basis: 50px;
+`;
+const AddFilterButton = styled(Button) `
+    flex-shrink: 0;
+    width: max-content;
+
+    svg {
+        margin-right: 0.5rem;
+        color: ${(props) => props.theme.colors.blue1};
+    }
+`;
+const RemoveFilterButton = styled(Cross) `
+    color: ${(props) => props.theme.colors.error};
+
+    :hover {
+        color: ${(props) => props.theme.colors.errorHover};
+    }
+`;
+const SlicerFilterWrapper = styled.div `
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+    justify-content: space-between;
+`;
+const FiltersWrapper = styled.div `
+    overflow-y: auto;
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+
+    height: 100%;
+    margin-bottom: 1rem;
+    padding: 2rem 0;
+
+    box-shadow: ${(props) => props.theme.shadow.light};
+`;
+const FilterRow = styled.div `
+    display: flex;
+    gap: 1rem;
+    align-items: center;
+`;
+/**
+ * Parse a date value into a date
+ *
+ * @param date date to parse
+ */
+export function parseDateString(date) {
+    if (!date) {
+        return;
+    }
+    if (date instanceof Date) {
+        return date;
+    }
+    const parsed = parseISO(date);
+    if (Number.isNaN(parsed.getTime())) {
+        return;
+    }
+    return parsed;
+}
+/**
+ * DataSlicerFilter displays an editable list of filters to apply to a dataset
+ */
+function DataSlicerFilter(props) {
+    var _a;
+    const [columns] = useVariable(props.columns);
+    const [filters, setFilters] = useVariable(props.filters);
+    const columnItems = useMemo(() => {
+        return columns.map((c) => ({ label: c.name, value: c.name }));
+    }, [columns]);
+    const columnMap = useMemo(() => {
+        return columns.reduce((acc, c) => acc.set(c.name, c.type), new Map());
+    }, [columns]);
+    const updateFilter = useMemo(() => debounce((id, property, value) => {
+        // The typing on useVariable is slightly off but it does accept an updater function for plain variables
+        // Note: This will only work for plain variables!
+        setFilters((currentFilters) => produce(currentFilters, (draft) => {
+            const filter = draft.find((d) => d.__id === id);
+            filter[property] = value;
+        }));
+    }, 500), []);
+    function addFilter() {
+        setFilters(produce(filters, (draft) => {
+            draft.push({
+                __id: nanoid(),
+                column: null,
+                from_date: '',
+                range: '',
+                to_date: '',
+                values: '',
+            });
+        }));
+    }
+    function removeFilter(id) {
+        setFilters(produce(filters, (draft) => {
+            const fIndex = draft.findIndex((f) => f.__id === id);
+            draft.splice(fIndex, 1);
+        }));
+    }
+    return (_jsxs(SlicerFilterWrapper, { style: { height: (_a = props.height) !== null && _a !== void 0 ? _a : '85%' }, children: [_jsxs(FiltersWrapper, { children: [filters.length === 0 && _jsx("span", { children: "No filters" }), filters.map((f) => (_jsxs(FilterRow, { children: [_jsx(RemoveFilterButton, { asButton: true, onClick: () => removeFilter(f.__id) }), _jsx(FilterLabel, { children: "Variable" }), _jsx(ColumnSelect, { initialValue: columnItems.find((ci) => ci.value === f.column), items: columnItems, onSelect: (i) => updateFilter(f.__id, 'column', i.value) }), f.column && (_jsxs(_Fragment, { children: [columnMap.get(f.column) === ColumnType.DATETIME && (_jsxs(_Fragment, { children: [_jsx(FilterLabel, { children: "From" }), _jsx(DatePicker, { initialValue: parseDateString(f.from_date), onChange: (v) => updateFilter(f.__id, 'from_date', formatISO(v)), shouldCloseOnSelect: true, showTimeInput: true }), _jsx(FilterLabel, { children: "To" }), _jsx(DatePicker, { initialValue: parseDateString(f.to_date), onChange: (v) => updateFilter(f.__id, 'to_date', formatISO(v)), shouldCloseOnSelect: true, showTimeInput: true })] })), [ColumnType.CATEGORICAL, ColumnType.NUMERICAL].includes(columnMap.get(f.column)) && (_jsxs(_Fragment, { children: [_jsx(FilterLabel, { children: "Values" }), _jsx(Input, { initialValue: f.values, onChange: (v) => updateFilter(f.__id, 'values', v) })] })), columnMap.get(f.column) === ColumnType.NUMERICAL && (_jsxs(_Fragment, { children: [_jsx(FilterLabel, { children: "or range" }), _jsx(Input, { initialValue: f.range, onChange: (v) => updateFilter(f.__id, 'range', v) })] }))] }))] }, f.__id)))] }), _jsxs(AddFilterButton, { onClick: addFilter, children: [_jsx(Plus, {}), "Add Filter"] })] }));
+}
+export default DataSlicerFilter;
+//# sourceMappingURL=data-slicer-filter.js.map

package/dist/smart/data-slicer-filter/data-slicer-filter.js.map

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

package/dist/smart/filter-status-button/filter-status-button.d.ts

@@ -0,0 +1,14 @@
+import { Action, Variable } from '@darajs/core';
+interface FilterStats {
+    active_filters: number;
+    current_rows: number;
+    max_rows: number;
+}
+interface FilterStatusButtonProps {
+    filter_stats: Variable<FilterStats>;
+    on_click: Action;
+    top_position: string;
+}
+declare function FilterStatusButton(props: FilterStatusButtonProps): JSX.Element;
+export default FilterStatusButton;
+//# sourceMappingURL=filter-status-button.d.ts.map

package/dist/smart/filter-status-button/filter-status-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-status-button.d.ts","sourceRoot":"","sources":["../../../js/smart/filter-status-button/filter-status-button.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAA0B,MAAM,cAAc,CAAC;AAuCxE,UAAU,WAAW;IACjB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,uBAAuB;IAC7B,YAAY,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAC;IACpC,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;CACxB;AAED,iBAAS,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CAyBvE;AAED,eAAe,kBAAkB,CAAC"}

package/dist/smart/filter-status-button/filter-status-button.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import ReactDOM from 'react-dom';
+import { useAction, useVariable } from '@darajs/core';
+import styled from '@darajs/styled-components';
+import { Filter } from '@darajs/ui-icons';
+const StyledButton = styled.button `
+    cursor: pointer;
+    user-select: none;
+
+    position: fixed;
+    z-index: 10000;
+    top: ${(props) => { var _a; return (_a = props.$top) !== null && _a !== void 0 ? _a : '5%'; }};
+    right: 0;
+    transform: translateX(calc(100% - 32px));
+
+    display: flex;
+    gap: 1rem;
+    align-items: center;
+
+    height: 2.5rem;
+    padding: 0 1rem;
+
+    font-size: ${(props) => props.theme.font.size};
+    color: ${(props) => (props.$active ? props.theme.colors.blue4 : props.theme.colors.background)};
+
+    background-color: ${(props) => (props.$active ? props.theme.colors.primary : props.theme.colors.primaryHover)};
+    border: none;
+
+    transition: transform 0.35s ease;
+
+    svg {
+        margin-left: -0.3rem;
+        color: ${(props) => (props.$active ? props.theme.colors.blue4 : props.theme.colors.background)};
+    }
+
+    :hover {
+        transform: none;
+    }
+`;
+function FilterStatusButton(props) {
+    const [filterStats] = useVariable(props.filter_stats);
+    const [onClick] = useAction(props.on_click);
+    function clickHandler() {
+        onClick(null);
+    }
+    return ReactDOM.createPortal(_jsxs(StyledButton, { "$active": filterStats.active_filters > 0, "$top": props.top_position, onClick: clickHandler, type: "button", children: [_jsx(Filter, {}), _jsxs("span", { children: [filterStats.active_filters, " filter", filterStats.active_filters === 1 ? '' : 's'] }), _jsxs("span", { children: [filterStats.current_rows, " / ", filterStats.max_rows, " rows"] })] }), document.body);
+}
+export default FilterStatusButton;
+//# sourceMappingURL=filter-status-button.js.map

package/dist/smart/filter-status-button/filter-status-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-status-button.js","sourceRoot":"","sources":["../../../js/smart/filter-status-button/filter-status-button.tsx"],"names":[],"mappings":";AACA,OAAO,QAAQ,MAAM,WAAW,CAAC;AAEjC,OAAO,EAAoB,SAAS,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AACxE,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAqC;;;;;;WAM5D,CAAC,KAAK,EAAE,EAAE,WAAC,OAAA,MAAA,KAAK,CAAC,IAAI,mCAAI,IAAI,CAAA,EAAA;;;;;;;;;;;iBAWvB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI;aACpC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC;;wBAE1E,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC;;;;;;;iBAOhG,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC;;;;;;CAMrG,CAAC;AAcF,SAAS,kBAAkB,CAAC,KAA8B;IACtD,MAAM,CAAC,WAAW,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IACtD,MAAM,CAAC,OAAO,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAE5C,SAAS,YAAY;QACjB,OAAO,CAAC,IAAI,CAAC,CAAC;IAClB,CAAC;IAED,OAAO,QAAQ,CAAC,YAAY,CACxB,MAAC,YAAY,eACA,WAAW,CAAC,cAAc,GAAG,CAAC,UACjC,KAAK,CAAC,YAAY,EACxB,OAAO,EAAE,YAAY,EACrB,IAAI,EAAC,QAAQ,aAEb,KAAC,MAAM,KAAG,EACV,2BACK,WAAW,CAAC,cAAc,aAAS,WAAW,CAAC,cAAc,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,IAC5E,EACP,2BACK,WAAW,CAAC,YAAY,SAAK,WAAW,CAAC,QAAQ,aAC/C,IACI,EACf,QAAQ,CAAC,IAAI,CAChB,CAAC;AACN,CAAC;AAED,eAAe,kBAAkB,CAAC"}

package/dist/smart/hierarchy-selector/hierarchy-selector.d.ts

@@ -0,0 +1,23 @@
+import { StyledComponentProps, Variable } from '@darajs/core';
+import { HierarchyNode } from '@darajs/ui-components';
+interface HierarchySelectorProps extends StyledComponentProps {
+    /** Allow selection of categories from the selector */
+    allow_category_select: boolean;
+    /** Allow selection of leaves from the selector */
+    allow_leaf_select: boolean;
+    /** A hierarchy of nodes */
+    hierarchy: HierarchyNode;
+    /** Whether to open all trees from the start */
+    open_all: boolean;
+    /** The selectedItem variable to read and update */
+    value: Variable<string>;
+}
+/**
+ * A component for rendering a hierarchy selector. Requires a node interface that defines the hierarchy and a value
+ * that is updated when a node is selected.
+ *
+ * @param {HierarchySelectorProps} props - the component props
+ */
+declare function HierarchySelector(props: HierarchySelectorProps): JSX.Element;
+export default HierarchySelector;
+//# sourceMappingURL=hierarchy-selector.d.ts.map

package/dist/smart/hierarchy-selector/hierarchy-selector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hierarchy-selector.d.ts","sourceRoot":"","sources":["../../../js/smart/hierarchy-selector/hierarchy-selector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,QAAQ,EAA8C,MAAM,cAAc,CAAC;AAC1G,OAAO,EAAE,aAAa,EAA4C,MAAM,uBAAuB,CAAC;AAEhG,UAAU,sBAAuB,SAAQ,oBAAoB;IACzD,sDAAsD;IACtD,qBAAqB,EAAE,OAAO,CAAC;IAC/B,kDAAkD;IAClD,iBAAiB,EAAE,OAAO,CAAC;IAC3B,2BAA2B;IAC3B,SAAS,EAAE,aAAa,CAAC;IACzB,+CAA+C;IAC/C,QAAQ,EAAE,OAAO,CAAC;IAClB,mDAAmD;IACnD,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;CAC3B;AAID;;;;;GAKG;AACH,iBAAS,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,GAAG,CAAC,OAAO,CAerE;AAED,eAAe,iBAAiB,CAAC"}

package/dist/smart/hierarchy-selector/hierarchy-selector.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { injectCss, useComponentStyles, useVariable } from '@darajs/core';
+import { HierarchySelector as UIHierarchySelector } from '@darajs/ui-components';
+const StyledHierarchySelector = injectCss(UIHierarchySelector);
+/**
+ * A component for rendering a hierarchy selector. Requires a node interface that defines the hierarchy and a value
+ * that is updated when a node is selected.
+ *
+ * @param {HierarchySelectorProps} props - the component props
+ */
+function HierarchySelector(props) {
+    const [style, css] = useComponentStyles(props);
+    const [selected, setValue] = useVariable(props.value);
+    return (_jsx(StyledHierarchySelector, { "$rawCss": css, allowSelectCategory: props.allow_category_select, allowSelectLeaf: props.allow_leaf_select, onSelect: setValue, rootNode: props.hierarchy, rootOpen: props.open_all, selected: selected, style: style }));
+}
+export default HierarchySelector;
+//# sourceMappingURL=hierarchy-selector.js.map

package/dist/smart/hierarchy-selector/hierarchy-selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hierarchy-selector.js","sourceRoot":"","sources":["../../../js/smart/hierarchy-selector/hierarchy-selector.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkC,SAAS,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC1G,OAAO,EAAiB,iBAAiB,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAehG,MAAM,uBAAuB,GAAG,SAAS,CAAC,mBAAmB,CAAC,CAAC;AAE/D;;;;;GAKG;AACH,SAAS,iBAAiB,CAAC,KAA6B;IACpD,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC/C,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACtD,OAAO,CACH,KAAC,uBAAuB,eACX,GAAG,EACZ,mBAAmB,EAAE,KAAK,CAAC,qBAAqB,EAChD,eAAe,EAAE,KAAK,CAAC,iBAAiB,EACxC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,EACzB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,GACd,CACL,CAAC;AACN,CAAC;AAED,eAAe,iBAAiB,CAAC"}

package/dist/smart/hierarchy-viewer/hierarchy-viewer.d.ts

@@ -0,0 +1,16 @@
+import { Action, StyledComponentProps } from '@darajs/core';
+import { HierarchyNode } from '@darajs/ui-hierarchy-viewer';
+interface HierarchyViewerProps extends StyledComponentProps {
+    allow_leaf_click: boolean;
+    allow_parent_click: boolean;
+    hierarchy: HierarchyNode;
+    on_click_node: Action;
+}
+/**
+ * A component for displaying a weighted hierarchy viewer component
+ *
+ * @param {HierarchyViewerProps} props - the component props
+ */
+declare function HierarchyViewer(props: HierarchyViewerProps): JSX.Element;
+export default HierarchyViewer;
+//# sourceMappingURL=hierarchy-viewer.d.ts.map

package/dist/smart/hierarchy-viewer/hierarchy-viewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hierarchy-viewer.d.ts","sourceRoot":"","sources":["../../../js/smart/hierarchy-viewer/hierarchy-viewer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,oBAAoB,EAAyD,MAAM,cAAc,CAAC;AACnH,OAAO,EAAE,aAAa,EAAwC,MAAM,6BAA6B,CAAC;AAElG,UAAU,oBAAqB,SAAQ,oBAAoB;IACvD,gBAAgB,EAAE,OAAO,CAAC;IAC1B,kBAAkB,EAAE,OAAO,CAAC;IAC5B,SAAS,EAAE,aAAa,CAAC;IACzB,aAAa,EAAE,MAAM,CAAC;CACzB;AAID;;;;GAIG;AACH,iBAAS,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CAejE;AAED,eAAe,eAAe,CAAC"}

package/dist/smart/hierarchy-viewer/hierarchy-viewer.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { injectCss, useAction, useComponentStyles, useVariable } from '@darajs/core';
+import { HierarchyViewer as UiHierarchyViewer } from '@darajs/ui-hierarchy-viewer';
+const StyledHierarchyViewer = injectCss(UiHierarchyViewer);
+/**
+ * A component for displaying a weighted hierarchy viewer component
+ *
+ * @param {HierarchyViewerProps} props - the component props
+ */
+function HierarchyViewer(props) {
+    const [style, css] = useComponentStyles(props);
+    const hierarchy = useVariable(props.hierarchy)[0];
+    const [onClick] = useAction(props.on_click_node);
+    return (_jsx(StyledHierarchyViewer, { "$rawCss": css, allowLeafClick: props.allow_leaf_click, allowParentClick: props.allow_parent_click, data: hierarchy, onClick: onClick, style: style }));
+}
+export default HierarchyViewer;
+//# sourceMappingURL=hierarchy-viewer.js.map

package/dist/smart/hierarchy-viewer/hierarchy-viewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hierarchy-viewer.js","sourceRoot":"","sources":["../../../js/smart/hierarchy-viewer/hierarchy-viewer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgC,SAAS,EAAE,SAAS,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AACnH,OAAO,EAAiB,eAAe,IAAI,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AASlG,MAAM,qBAAqB,GAAG,SAAS,CAAC,iBAAiB,CAAC,CAAC;AAE3D;;;;GAIG;AACH,SAAS,eAAe,CAAC,KAA2B;IAChD,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC/C,MAAM,SAAS,GAAG,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;IAClD,MAAM,CAAC,OAAO,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;IAEjD,OAAO,CACH,KAAC,qBAAqB,eACT,GAAG,EACZ,cAAc,EAAE,KAAK,CAAC,gBAAgB,EACtC,gBAAgB,EAAE,KAAK,CAAC,kBAAkB,EAC1C,IAAI,EAAE,SAAS,EACf,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,GACd,CACL,CAAC;AACN,CAAC;AAED,eAAe,eAAe,CAAC"}

package/dist/smart/index.d.ts

@@ -0,0 +1,6 @@
+export { default as DataSlicerFilter } from './data-slicer-filter/data-slicer-filter';
+export { default as FilterStatusButton } from './filter-status-button/filter-status-button';
+export { default as HierarchySelector } from './hierarchy-selector/hierarchy-selector';
+export { default as HierarchyViewer } from './hierarchy-viewer/hierarchy-viewer';
+export { default as CodeEditor } from './code-editor';
+//# sourceMappingURL=index.d.ts.map

package/dist/smart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../js/smart/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AACtF,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,6CAA6C,CAAC;AAC5F,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AACvF,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qCAAqC,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC"}

package/dist/smart/index.js

@@ -0,0 +1,7 @@
+// eslint-disable-next-line import/prefer-default-export
+export { default as DataSlicerFilter } from './data-slicer-filter/data-slicer-filter';
+export { default as FilterStatusButton } from './filter-status-button/filter-status-button';
+export { default as HierarchySelector } from './hierarchy-selector/hierarchy-selector';
+export { default as HierarchyViewer } from './hierarchy-viewer/hierarchy-viewer';
+export { default as CodeEditor } from './code-editor';
+//# sourceMappingURL=index.js.map

package/dist/smart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../js/smart/index.tsx"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AACtF,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,6CAA6C,CAAC;AAC5F,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AACvF,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qCAAqC,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC"}