@darajs/core 1.0.0-a.1

package/dist/shared/interactivity/use-variable-value.js.map

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

package/dist/shared/interactivity/use-variable.d.ts

@@ -0,0 +1,11 @@
+import { Variable } from '../../types';
+/**
+ * A helper hook that turns a Variable class into the actual value by accessing the appropriate recoil state from the
+ * atomRegistry defined above. For convenience, it will also handle a non variable being passed and will return it
+ * directly and a noop function for setting it. In most cases components accept a variable or something else, so this
+ * helps to clean up all those areas in a consistent manner.
+ *
+ * @param variable the possible variable to use
+ */
+export declare function useVariable<T>(variable: Variable<T> | T): [value: T, update: (val: T) => void];
+//# sourceMappingURL=use-variable.d.ts.map

package/dist/shared/interactivity/use-variable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-variable.d.ts","sourceRoot":"","sources":["../../../js/shared/interactivity/use-variable.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,QAAQ,EAAuF,MAAM,SAAS,CAAC;AAiBxH;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC,CAyC9F"}

package/dist/shared/interactivity/use-variable.js

@@ -0,0 +1,62 @@
+import { useContext, useEffect, useMemo, useState } from 'react';
+import { useLocation } from 'react-router-dom';
+import { useRecoilStateLoadable, useRecoilValueLoadable_TRANSITION_SUPPORT_UNSTABLE } from 'recoil';
+import { useSessionToken } from '../../auth/auth-context';
+import { VariableCtx, WebSocketCtx, useTaskContext } from '../../shared/context';
+import { useDeferLoadable } from '../../shared/utils';
+import { isDataVariable, isDerivedDataVariable, isDerivedVariable, isUrlVariable, isVariable } from '../../types';
+import { getOrRegisterPlainVariable, useDerivedVariable, useUrlVariable } from './internal';
+/** Disabling rules of hook because of assumptions that variables never change their types which makes the hook order consistent */
+/* eslint-disable react-hooks/rules-of-hooks */
+/** Disabling no-use-before-define because of functions depending on each other */
+/* eslint-disable @typescript-eslint/no-use-before-define */
+/**
+ * Helper function to warn when trying to update DerivedVariable directly
+ */
+function warnUpdateOnDerivedState() {
+    // eslint-disable-next-line no-console
+    console.warn('You tried to call update on variable with derived state, this is a noop and will be ignored.');
+}
+/**
+ * A helper hook that turns a Variable class into the actual value by accessing the appropriate recoil state from the
+ * atomRegistry defined above. For convenience, it will also handle a non variable being passed and will return it
+ * directly and a noop function for setting it. In most cases components accept a variable or something else, so this
+ * helps to clean up all those areas in a consistent manner.
+ *
+ * @param variable the possible variable to use
+ */
+export function useVariable(variable) {
+    const token = useSessionToken();
+    const { client: WsClient } = useContext(WebSocketCtx);
+    const taskContext = useTaskContext();
+    const variablesContext = useContext(VariableCtx);
+    const { search } = useLocation();
+    if (!isVariable(variable)) {
+        return useState(variable);
+    }
+    // Synchronously register variable subscription, and clean it up on unmount
+    variablesContext.variables.current.add(variable.uid);
+    useEffect(() => {
+        return () => {
+            variablesContext.variables.current.delete(variable.uid);
+        };
+    }, []);
+    // This hook should only be used for components not expecting DataFrames
+    if (isDataVariable(variable) || isDerivedDataVariable(variable)) {
+        throw new Error(`Non-data variable expected, got ${variable.__typename}`);
+    }
+    if (isDerivedVariable(variable)) {
+        const selector = useDerivedVariable(variable, WsClient, taskContext, search, token);
+        const selectorLoadable = useRecoilValueLoadable_TRANSITION_SUPPORT_UNSTABLE(selector);
+        const deferred = useDeferLoadable(selectorLoadable);
+        return [deferred.value, warnUpdateOnDerivedState];
+    }
+    if (isUrlVariable(variable)) {
+        return useUrlVariable(variable);
+    }
+    const recoilState = useMemo(() => getOrRegisterPlainVariable(variable, WsClient, taskContext, search, token), []);
+    const [loadable, setLoadable] = useRecoilStateLoadable(recoilState);
+    const deferred = useDeferLoadable(loadable);
+    return [deferred, setLoadable];
+}
+//# sourceMappingURL=use-variable.js.map

package/dist/shared/interactivity/use-variable.js.map

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

package/dist/shared/private-route/private-route.d.ts

@@ -0,0 +1,23 @@
+import { ReactNode } from 'react';
+import { Variable } from '../../types';
+interface PrivateRouteProps {
+    /** The children to wrap */
+    children: ReactNode;
+    /** To have exact matching for the route path */
+    exact?: boolean;
+    /** Name of the page this route links to */
+    name?: string;
+    /** The route for the private route */
+    path: string;
+    /** Variables which should be reset upon visiting the page */
+    reset_vars_on_load?: Variable<any>[];
+}
+/**
+ * The PrivateRoute component takes a private route object and checks for authentication.
+ * It redirects to the login page if the user is not authenticated.
+ *
+ * @param props - the component props
+ */
+declare function PrivateRoute({ children, path, exact, reset_vars_on_load, name, ...rest }: PrivateRouteProps): JSX.Element;
+export default PrivateRoute;
+//# sourceMappingURL=private-route.d.ts.map

package/dist/shared/private-route/private-route.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"private-route.d.ts","sourceRoot":"","sources":["../../../js/shared/private-route/private-route.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAM7C,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC,UAAU,iBAAiB;IACvB,2BAA2B;IAC3B,QAAQ,EAAE,SAAS,CAAC;IACpB,gDAAgD;IAChD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,6DAA6D;IAC7D,kBAAkB,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;CACxC;AAED;;;;;GAKG;AACH,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,kBAAkB,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CA8BlH;AAED,eAAe,YAAY,CAAC"}

package/dist/shared/private-route/private-route.js

@@ -0,0 +1,39 @@
+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 } from "react/jsx-runtime";
+import { useEffect } from 'react';
+import { Redirect, Route } from 'react-router-dom';
+import { useSessionToken } from '../../auth/auth-context';
+import { useResetVariables } from '../../shared/interactivity';
+import useWindowTitle from '../../shared/utils/use-window-title';
+/**
+ * The PrivateRoute component takes a private route object and checks for authentication.
+ * It redirects to the login page if the user is not authenticated.
+ *
+ * @param props - the component props
+ */
+function PrivateRoute(_a) {
+    var { children, path, exact, reset_vars_on_load, name } = _a, rest = __rest(_a, ["children", "path", "exact", "reset_vars_on_load", "name"]);
+    const token = useSessionToken();
+    const resetVariables = useResetVariables(reset_vars_on_load !== null && reset_vars_on_load !== void 0 ? reset_vars_on_load : []);
+    useWindowTitle(name);
+    useEffect(() => {
+        // On mount, reset variables which were specified
+        resetVariables();
+    }, []);
+    return (_jsx(Route, Object.assign({}, rest, { exact: exact, path: path, render: ({ location }) => token ? (children) : (_jsx(Redirect, { to: {
+                pathname: '/login',
+                state: { from: location },
+            } })) })));
+}
+export default PrivateRoute;
+//# sourceMappingURL=private-route.js.map

package/dist/shared/private-route/private-route.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"private-route.js","sourceRoot":"","sources":["../../../js/shared/private-route/private-route.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAa,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEnD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,cAAc,MAAM,iCAAiC,CAAC;AAgB7D;;;;;GAKG;AACH,SAAS,YAAY,CAAC,EAA+E;QAA/E,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,kBAAkB,EAAE,IAAI,OAA8B,EAAzB,IAAI,cAA1D,2DAA4D,CAAF;IAC5E,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAChC,MAAM,cAAc,GAAG,iBAAiB,CAAC,kBAAkB,aAAlB,kBAAkB,cAAlB,kBAAkB,GAAI,EAAE,CAAC,CAAC;IAEnE,cAAc,CAAC,IAAI,CAAC,CAAC;IAErB,SAAS,CAAC,GAAG,EAAE;QACX,iDAAiD;QACjD,cAAc,EAAE,CAAC;IACrB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,KAAC,KAAK,oBACE,IAAI,IACR,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACrB,KAAK,CAAC,CAAC,CAAC,CACJ,QAAQ,CACX,CAAC,CAAC,CAAC,CACA,KAAC,QAAQ,IACL,EAAE,EAAE;gBACA,QAAQ,EAAE,QAAQ;gBAClB,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;aAC5B,GACH,CACL,IAEP,CACL,CAAC;AACN,CAAC;AAED,eAAe,YAAY,CAAC"}

package/dist/shared/template-root/dynamic-context.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { ComponentInstance } from '../../types';
+interface DynamicContextProps {
+    children: React.ReactNode;
+    contextComponents: Array<ComponentInstance>;
+}
+declare function DynamicContext(props: DynamicContextProps): JSX.Element;
+export default DynamicContext;
+//# sourceMappingURL=dynamic-context.d.ts.map

package/dist/shared/template-root/dynamic-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic-context.d.ts","sourceRoot":"","sources":["../../../js/shared/template-root/dynamic-context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAqB5C,UAAU,mBAAmB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC;CAC/C;AAED,iBAAS,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAc/D;AAED,eAAe,cAAc,CAAC"}

package/dist/shared/template-root/dynamic-context.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from 'react';
+import DynamicComponent from '../../shared/dynamic-component/dynamic-component';
+/**
+ * Merge a list of context component definitions into a single component definition
+ * [component1, component2, component3] => component1(component2(component3(children)))
+
+ * @param contextComponents List of context components to merge
+ * @param children Children to pass to the innermost component
+ */
+function mergeContext(contextComponents, children) {
+    const [component, ...rest] = contextComponents;
+    return Object.assign(Object.assign({}, component), { props: Object.assign(Object.assign({}, component.props), { children: rest.length === 0 ? children : _jsx(DynamicComponent, { component: mergeContext(rest, children) }) }) });
+}
+function DynamicContext(props) {
+    const mergedContext = React.useMemo(() => {
+        if (props.contextComponents.length === 0) {
+            return null;
+        }
+        return mergeContext(props.contextComponents, props.children);
+    }, [props.contextComponents]);
+    if (!mergedContext) {
+        return _jsx(_Fragment, { children: props.children });
+    }
+    return _jsx(DynamicComponent, { component: mergedContext });
+}
+export default DynamicContext;
+//# sourceMappingURL=dynamic-context.js.map

package/dist/shared/template-root/dynamic-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic-context.js","sourceRoot":"","sources":["../../../js/shared/template-root/dynamic-context.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,gBAAgB,MAAM,8CAA8C,CAAC;AAG5E;;;;;;GAMG;AACH,SAAS,YAAY,CAAC,iBAA2C,EAAE,QAAyB;IACxF,MAAM,CAAC,SAAS,EAAE,GAAG,IAAI,CAAC,GAAG,iBAAiB,CAAC;IAE/C,uCACO,SAAS,KACZ,KAAK,kCACE,SAAS,CAAC,KAAK,KAClB,QAAQ,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAC,gBAAgB,IAAC,SAAS,EAAE,YAAY,CAAC,IAAI,EAAE,QAAQ,CAAC,GAAI,OAE5G;AACN,CAAC;AAOD,SAAS,cAAc,CAAC,KAA0B;IAC9C,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACrC,IAAI,KAAK,CAAC,iBAAiB,CAAC,MAAM,KAAK,CAAC,EAAE;YACtC,OAAO,IAAI,CAAC;SACf;QAED,OAAO,YAAY,CAAC,KAAK,CAAC,iBAAiB,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;IACjE,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAE9B,IAAI,CAAC,aAAa,EAAE;QAChB,OAAO,4BAAG,KAAK,CAAC,QAAQ,GAAI,CAAC;KAChC;IAED,OAAO,KAAC,gBAAgB,IAAC,SAAS,EAAE,aAAa,GAAI,CAAC;AAC1D,CAAC;AAED,eAAe,cAAc,CAAC"}

package/dist/shared/template-root/template-root.d.ts

@@ -0,0 +1,8 @@
+/**
+ * The TemplateRoot component is rendered at the root of every application and is responsible for loading the config and
+ * template for the application. It provides the Template context down to it's children and also renders the root
+ * component of the template
+ */
+declare function TemplateRoot(): JSX.Element;
+export default TemplateRoot;
+//# sourceMappingURL=template-root.d.ts.map

package/dist/shared/template-root/template-root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"template-root.d.ts","sourceRoot":"","sources":["../../../js/shared/template-root/template-root.tsx"],"names":[],"mappings":"AA4CA;;;;GAIG;AACH,iBAAS,YAAY,IAAI,GAAG,CAAC,OAAO,CAoDnC;AAED,eAAe,YAAY,CAAC"}

package/dist/shared/template-root/template-root.js

@@ -0,0 +1,76 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import styled, { ThemeProvider } from '@darajs/styled-components';
+import { setupWebsocket, useActions, useComponents, useConfig, useTemplate } from '../../api';
+import { useSessionToken } from '../../auth/auth-context';
+import { DevTools } from '../../devtools';
+import { GlobalTaskProvider, RegistriesCtx, WebSocketCtx } from '../../shared/context';
+import DynamicComponent from '../../shared/dynamic-component/dynamic-component';
+import { cleanSessionCache, resolveTheme } from '../../shared/utils';
+import VariableStateProvider from '../../shared/variable-state-provider/variable-state-provider';
+import DynamicContext from './dynamic-context';
+const RootWrapper = styled.div `
+    scrollbar-color: ${(props) => `${props.theme.colors.grey5} ${props.theme.colors.grey2}`};
+    /* Works on Firefox */
+    scrollbar-width: thin;
+
+    display: flex;
+    flex: 1;
+
+    width: 100%;
+    height: 100%;
+
+    color: ${(props) => props.theme.colors.text};
+    /* Works on Chrome, Edge and Safari */
+    *::-webkit-scrollbar {
+        width: 8px;
+        height: 8px;
+    }
+    *::-webkit-scrollbar-track {
+        background: ${(props) => props.theme.colors.grey2};
+        border-radius: 100px;
+    }
+    *::-webkit-scrollbar-corner {
+        background: ${(props) => props.theme.colors.grey2};
+    }
+    *::-webkit-scrollbar-thumb {
+        background-color: ${(props) => props.theme.colors.grey5};
+        border-radius: 100px;
+    }
+`;
+/**
+ * The TemplateRoot component is rendered at the root of every application and is responsible for loading the config and
+ * template for the application. It provides the Template context down to it's children and also renders the root
+ * component of the template
+ */
+function TemplateRoot() {
+    var _a, _b, _c;
+    const token = useSessionToken();
+    const { data: config } = useConfig();
+    const { data: template, isLoading: templateLoading } = useTemplate(config === null || config === void 0 ? void 0 : config.template);
+    const { data: actions, isLoading: actionsLoading } = useActions();
+    const { data: components, isLoading: componentsLoading, refetch: refetchComponents } = useComponents();
+    const [wsClient, setWsClient] = useState();
+    useEffect(() => {
+        cleanSessionCache(token);
+    }, [token]);
+    useEffect(() => {
+        if (config === null || config === void 0 ? void 0 : config.title) {
+            document.title = config.title;
+        }
+    }, [config === null || config === void 0 ? void 0 : config.title]);
+    useEffect(() => {
+        if (config) {
+            setWsClient(setupWebsocket(token, config.live_reload));
+        }
+        return () => {
+            wsClient === null || wsClient === void 0 ? void 0 : wsClient.close();
+        };
+    }, [token, config === null || config === void 0 ? void 0 : config.live_reload]);
+    if (templateLoading || actionsLoading || componentsLoading) {
+        return null;
+    }
+    return (_jsx(ThemeProvider, { theme: resolveTheme((_a = config === null || config === void 0 ? void 0 : config.theme) === null || _a === void 0 ? void 0 : _a.main, (_b = config === null || config === void 0 ? void 0 : config.theme) === null || _b === void 0 ? void 0 : _b.base), children: _jsx(WebSocketCtx.Provider, { value: { client: wsClient }, children: _jsx(RegistriesCtx.Provider, { value: { actionRegistry: actions, componentRegistry: components, refetchComponents }, children: _jsx(GlobalTaskProvider, { children: _jsx(DynamicContext, { contextComponents: (_c = config === null || config === void 0 ? void 0 : config.context_components) !== null && _c !== void 0 ? _c : [], children: _jsxs(RootWrapper, { children: [_jsx(DynamicComponent, { component: template === null || template === void 0 ? void 0 : template.layout }), _jsx(VariableStateProvider, { wsClient: wsClient }), (config === null || config === void 0 ? void 0 : config.enable_devtools) && _jsx(DevTools, {})] }) }) }) }) }) }));
+}
+export default TemplateRoot;
+//# sourceMappingURL=template-root.js.map

package/dist/shared/template-root/template-root.js.map

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

package/dist/shared/utils/clean-session-cache.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Clean up session storage cache.
+ * Purges sessionStorage persisted values which are related to a different session than the current one.
+ *
+ * @param sessionToken current session token
+ */
+declare function cleanSessionCache(sessionToken: string): void;
+export default cleanSessionCache;
+//# sourceMappingURL=clean-session-cache.d.ts.map

package/dist/shared/utils/clean-session-cache.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clean-session-cache.d.ts","sourceRoot":"","sources":["../../../js/shared/utils/clean-session-cache.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,iBAAS,iBAAiB,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI,CASrD;AAED,eAAe,iBAAiB,CAAC"}

package/dist/shared/utils/clean-session-cache.js

@@ -0,0 +1,17 @@
+/**
+ * Clean up session storage cache.
+ * Purges sessionStorage persisted values which are related to a different session than the current one.
+ *
+ * @param sessionToken current session token
+ */
+function cleanSessionCache(sessionToken) {
+    const sessionKeys = Object.keys(sessionStorage);
+    sessionKeys.forEach((key) => {
+        // Remove keys related to a different Dara session
+        if (key.startsWith('dara-session') && !key.startsWith(`dara-session-${sessionToken}`)) {
+            sessionStorage.removeItem(key);
+        }
+    });
+}
+export default cleanSessionCache;
+//# sourceMappingURL=clean-session-cache.js.map

package/dist/shared/utils/clean-session-cache.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clean-session-cache.js","sourceRoot":"","sources":["../../../js/shared/utils/clean-session-cache.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,SAAS,iBAAiB,CAAC,YAAoB;IAC3C,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IAEhD,WAAW,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;QACxB,kDAAkD;QAClD,IAAI,GAAG,CAAC,UAAU,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,gBAAgB,YAAY,EAAE,CAAC,EAAE;YACnF,cAAc,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;SAClC;IACL,CAAC,CAAC,CAAC;AACP,CAAC;AAED,eAAe,iBAAiB,CAAC"}

package/dist/shared/utils/embed.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Whether the Dara app is embedded within an IFrame
+ */
+export declare function isEmbedded(): boolean;
+/**
+ * Get the token key used to persist the embedded token
+ */
+export declare function getEmbedTokenKey(): string;
+/**
+ * Get token for the embedded Dara app
+ */
+export declare function getEmbedToken(): string;
+//# sourceMappingURL=embed.d.ts.map

package/dist/shared/utils/embed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"embed.d.ts","sourceRoot":"","sources":["../../../js/shared/utils/embed.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,wBAAgB,UAAU,IAAI,OAAO,CAGpC;AAED;;GAEG;AACH,wBAAgB,gBAAgB,IAAI,MAAM,CAGzC;AAED;;GAEG;AACH,wBAAgB,aAAa,IAAI,MAAM,CAEtC"}

package/dist/shared/utils/embed.js

@@ -0,0 +1,23 @@
+/**
+ * Whether the Dara app is embedded within an IFrame
+ */
+export function isEmbedded() {
+    var _a;
+    const frame = window.frameElement;
+    return frame && ((_a = frame === null || frame === void 0 ? void 0 : frame.dataset) === null || _a === void 0 ? void 0 : _a.daraPageId) !== '';
+}
+/**
+ * Get the token key used to persist the embedded token
+ */
+export function getEmbedTokenKey() {
+    var _a;
+    const frame = window.frameElement;
+    return (_a = frame === null || frame === void 0 ? void 0 : frame.dataset) === null || _a === void 0 ? void 0 : _a.daraPageId;
+}
+/**
+ * Get token for the embedded Dara app
+ */
+export function getEmbedToken() {
+    return localStorage.getItem(getEmbedTokenKey());
+}
+//# sourceMappingURL=embed.js.map

package/dist/shared/utils/embed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"embed.js","sourceRoot":"","sources":["../../../js/shared/utils/embed.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,UAAU,UAAU;;IACtB,MAAM,KAAK,GAAG,MAAM,CAAC,YAAiC,CAAC;IACvD,OAAO,KAAK,IAAI,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,0CAAE,UAAU,MAAK,EAAE,CAAC;AACtD,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,gBAAgB;;IAC5B,MAAM,KAAK,GAAG,MAAM,CAAC,YAAiC,CAAC;IACvD,OAAO,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,0CAAE,UAAU,CAAC;AACtC,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,aAAa;IACzB,OAAO,YAAY,CAAC,OAAO,CAAC,gBAAgB,EAAE,CAAC,CAAC;AACpD,CAAC"}

package/dist/shared/utils/get-icon.d.ts

@@ -0,0 +1,9 @@
+import '@fortawesome/fontawesome-free/css/all.min.css';
+/**
+ * Get an arbitrary fontawesome icon
+ *
+ * @param icon - the icon to resolve, in a form of fontawesome classes, i.e. 'fa-solid fa-check'
+ * @returns an Icon component
+ */
+export default function getIcon(icon: string): (props: any) => JSX.Element;
+//# sourceMappingURL=get-icon.d.ts.map

package/dist/shared/utils/get-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-icon.d.ts","sourceRoot":"","sources":["../../../js/shared/utils/get-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,+CAA+C,CAAC;AAMvD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG,CAAC,OAAO,CAsBzE"}

package/dist/shared/utils/get-icon.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import '@fortawesome/fontawesome-free/css/all.min.css';
+import { injectCss } from './inject-css';
+const Icon = injectCss('i');
+/**
+ * Get an arbitrary fontawesome icon
+ *
+ * @param icon - the icon to resolve, in a form of fontawesome classes, i.e. 'fa-solid fa-check'
+ * @returns an Icon component
+ */
+export default function getIcon(icon) {
+    let iconClasses = icon;
+    // The icon string should have fontawesome classes. If it doesn't, for backwards compatibility
+    // we'll assume user provided just the name of the icon, so let's try to resolve it to a proper fontawesome classname
+    if (typeof icon === 'string' && !icon.includes('fa-')) {
+        // in case user provided a title-cased icon name, split on TitleCase and join with '-'
+        // i.e. AddressCard -> address-card
+        const inferredIconName = icon
+            .replace(/([A-Z])/g, ' $1')
+            .trim()
+            .toLowerCase()
+            .split(' ')
+            .join('-');
+        iconClasses = `fa-solid fa-${inferredIconName}`;
+        // eslint-disable-next-line no-console
+        console.warn(`Invalid fontawesome class string "${icon}" provided to getIcon(). This behaviour is deprecated and will be removed in the next version, please use "dara_core.css.get_icon" method. \nInferred class string: "${iconClasses}."`);
+    }
+    return (props) => { var _a; return _jsx(Icon, Object.assign({}, props, { className: `${String((_a = props.className) !== null && _a !== void 0 ? _a : '')} ${iconClasses}` })); };
+}
+//# sourceMappingURL=get-icon.js.map

package/dist/shared/utils/get-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-icon.js","sourceRoot":"","sources":["../../../js/shared/utils/get-icon.tsx"],"names":[],"mappings":";AAAA,OAAO,+CAA+C,CAAC;AAEvD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,MAAM,IAAI,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC;AAE5B;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,IAAY;IACxC,IAAI,WAAW,GAAG,IAAI,CAAC;IAEvB,8FAA8F;IAC9F,qHAAqH;IACrH,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;QACnD,sFAAsF;QACtF,mCAAmC;QACnC,MAAM,gBAAgB,GAAG,IAAI;aACxB,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC;aAC1B,IAAI,EAAE;aACN,WAAW,EAAE;aACb,KAAK,CAAC,GAAG,CAAC;aACV,IAAI,CAAC,GAAG,CAAC,CAAC;QACf,WAAW,GAAG,eAAe,gBAAgB,EAAE,CAAC;QAChD,sCAAsC;QACtC,OAAO,CAAC,IAAI,CACR,qCAAqC,IAAI,wKAAwK,WAAW,IAAI,CACnO,CAAC;KACL;IAED,OAAO,CAAC,KAAK,EAAE,EAAE,WAAC,OAAA,KAAC,IAAI,oBAAK,KAAK,IAAE,SAAS,EAAE,GAAG,MAAM,CAAC,MAAA,KAAK,CAAC,SAAS,mCAAI,EAAE,CAAC,IAAI,WAAW,EAAE,IAAI,CAAA,EAAA,CAAC;AACxG,CAAC"}

package/dist/shared/utils/hashing.d.ts

@@ -0,0 +1,14 @@
+import { AnyVariable } from '../../types';
+/**
+ * Generate a unique hash for an object
+ *
+ * @param obj object to hash
+ */
+export declare function hashObject(obj: any): string;
+/**
+ * Get a unique identifier for a variable, using its `uid` and `nested` properties
+ *
+ * @param variable variable to get the identifier from
+ */
+export declare function getUniqueIdentifier<T>(variable: AnyVariable<T>): string;
+//# sourceMappingURL=hashing.d.ts.map

package/dist/shared/utils/hashing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hashing.d.ts","sourceRoot":"","sources":["../../../js/shared/utils/hashing.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,GAAG,EAAE,GAAG,GAAG,MAAM,CAE3C;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,MAAM,CAavE"}

package/dist/shared/utils/hashing.js

@@ -0,0 +1,26 @@
+import hash from 'object-hash';
+/**
+ * Generate a unique hash for an object
+ *
+ * @param obj object to hash
+ */
+export function hashObject(obj) {
+    return hash(obj, { unorderedArrays: true, unorderedObjects: true, unorderedSets: true });
+}
+/**
+ * Get a unique identifier for a variable, using its `uid` and `nested` properties
+ *
+ * @param variable variable to get the identifier from
+ */
+export function getUniqueIdentifier(variable) {
+    let identifier = variable.uid;
+    if ('nested' in variable) {
+        identifier += variable.nested.join(',');
+    }
+    // include filters for DataVariable to consider variables with different filters as different instances
+    if ('filters' in variable && variable.filters) {
+        identifier += hashObject(variable.filters);
+    }
+    return identifier;
+}
+//# sourceMappingURL=hashing.js.map

package/dist/shared/utils/hashing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hashing.js","sourceRoot":"","sources":["../../../js/shared/utils/hashing.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,aAAa,CAAC;AAI/B;;;;GAIG;AACH,MAAM,UAAU,UAAU,CAAC,GAAQ;IAC/B,OAAO,IAAI,CAAC,GAAG,EAAE,EAAE,eAAe,EAAE,IAAI,EAAE,gBAAgB,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC;AAC7F,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,mBAAmB,CAAI,QAAwB;IAC3D,IAAI,UAAU,GAAG,QAAQ,CAAC,GAAG,CAAC;IAE9B,IAAI,QAAQ,IAAI,QAAQ,EAAE;QACtB,UAAU,IAAI,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;KAC3C;IAED,uGAAuG;IACvG,IAAI,SAAS,IAAI,QAAQ,IAAI,QAAQ,CAAC,OAAO,EAAE;QAC3C,UAAU,IAAI,UAAU,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;KAC9C;IAED,OAAO,UAAU,CAAC;AACtB,CAAC"}

package/dist/shared/utils/index.d.ts

@@ -0,0 +1,18 @@
+import type { RawCssProp } from './inject-css';
+export { default as cleanSessionCache } from './clean-session-cache';
+export { default as isJsComponent } from './is-js-component';
+export { default as resolveTheme } from './resolve-theme';
+export { default as useAction } from './use-action';
+export { default as useDeferLoadable } from './use-defer-loadable';
+export { default as useComponentRegistry } from './use-component-registry';
+export { default as useInterval } from './use-interval';
+export { default as usePrevious } from './use-previous';
+export { default as useWindowTitle } from './use-window-title';
+export { default as getIcon } from './get-icon';
+export { default as useComponentStyles, parseRawCss } from './use-component-styles';
+export { default as useUrlSync } from './use-url-sync';
+export { getMarkerPaths, replaceMarkers, hasTemplateMarkers } from './templating';
+export { normalizeRequest } from './normalization';
+export { injectCss } from './inject-css';
+export type { RawCssProp };
+//# sourceMappingURL=index.d.ts.map

package/dist/shared/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../js/shared/utils/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClF,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,YAAY,EAAE,UAAU,EAAE,CAAC"}

package/dist/shared/utils/index.js

@@ -0,0 +1,16 @@
+export { default as cleanSessionCache } from './clean-session-cache';
+export { default as isJsComponent } from './is-js-component';
+export { default as resolveTheme } from './resolve-theme';
+export { default as useAction } from './use-action';
+export { default as useDeferLoadable } from './use-defer-loadable';
+export { default as useComponentRegistry } from './use-component-registry';
+export { default as useInterval } from './use-interval';
+export { default as usePrevious } from './use-previous';
+export { default as useWindowTitle } from './use-window-title';
+export { default as getIcon } from './get-icon';
+export { default as useComponentStyles, parseRawCss } from './use-component-styles';
+export { default as useUrlSync } from './use-url-sync';
+export { getMarkerPaths, replaceMarkers, hasTemplateMarkers } from './templating';
+export { normalizeRequest } from './normalization';
+export { injectCss } from './inject-css';
+//# sourceMappingURL=index.js.map

package/dist/shared/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../js/shared/utils/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClF,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}

package/dist/shared/utils/inject-css.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import type { StyledComponent } from 'styled-components';
+import { DefaultTheme } from '@darajs/styled-components';
+export interface RawCssProp {
+    $rawCss?: string;
+}
+/**
+ * Helper method to wrap a component into a styled component with $rawCss prop
+ *
+ * @param component component to inject $rawCss into
+ */
+export declare function injectCss<C extends keyof JSX.IntrinsicElements | React.ComponentType<any>>(component: C): StyledComponent<C, DefaultTheme, RawCssProp>;
+//# sourceMappingURL=inject-css.d.ts.map

package/dist/shared/utils/inject-css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inject-css.d.ts","sourceRoot":"","sources":["../../../js/shared/utils/inject-css.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD,OAAe,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,WAAW,UAAU;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AAMD;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,GAAG,CAAC,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,EACtF,SAAS,EAAE,CAAC,GACb,eAAe,CAAC,CAAC,EAAE,YAAY,EAAE,UAAU,CAAC,CAgB9C"}

package/dist/shared/utils/inject-css.js

@@ -0,0 +1,25 @@
+import styled from '@darajs/styled-components';
+const BaseRawCssInject = styled.div `
+    ${(props) => props.$rawCss}
+`;
+/**
+ * Helper method to wrap a component into a styled component with $rawCss prop
+ *
+ * @param component component to inject $rawCss into
+ */
+export function injectCss(component) {
+    // raw html components
+    if (typeof component === 'string') {
+        // For div just re-use the base
+        if (component === 'div') {
+            // Have to cast it as otherwise typescript complaints 'div' is too specific compared to type `C`
+            return BaseRawCssInject;
+        }
+        // Otherwise re-use base but change the html tag
+        return BaseRawCssInject.withComponent(component);
+    }
+    return styled(component) `
+        ${(props) => props.$rawCss}
+    `;
+}
+//# sourceMappingURL=inject-css.js.map

package/dist/shared/utils/inject-css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inject-css.js","sourceRoot":"","sources":["../../../js/shared/utils/inject-css.tsx"],"names":[],"mappings":"AAEA,OAAO,MAAwB,MAAM,2BAA2B,CAAC;AAMjE,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAY;MACzC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO;CAC7B,CAAC;AAEF;;;;GAIG;AACH,MAAM,UAAU,SAAS,CACrB,SAAY;IAEZ,sBAAsB;IACtB,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE;QAC/B,+BAA+B;QAC/B,IAAI,SAAS,KAAK,KAAK,EAAE;YACrB,gGAAgG;YAChG,OAAO,gBAAuE,CAAC;SAClF;QAED,gDAAgD;QAChD,OAAO,gBAAgB,CAAC,aAAa,CAAI,SAAS,CAAC,CAAC;KACvD;IAED,OAAO,MAAM,CAAC,SAAS,CAAC,CAAY;UAC9B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO;KAC7B,CAAC;AACN,CAAC"}

package/dist/shared/utils/is-js-component.d.ts

@@ -0,0 +1,9 @@
+import { Component, JsComponent } from '../../types';
+/**
+ * Check a component is a JS component and apply a type guard for the returned type
+ *
+ * @param component - the component to check
+ */
+declare function isJsComponent(component: Component): component is JsComponent;
+export default isJsComponent;
+//# sourceMappingURL=is-js-component.d.ts.map

package/dist/shared/utils/is-js-component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-js-component.d.ts","sourceRoot":"","sources":["../../../js/shared/utils/is-js-component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAiB,WAAW,EAAE,MAAM,SAAS,CAAC;AAEhE;;;;GAIG;AACH,iBAAS,aAAa,CAAC,SAAS,EAAE,SAAS,GAAG,SAAS,IAAI,WAAW,CAErE;AAED,eAAe,aAAa,CAAC"}