@darajs/core 0.4.8

package/dist/auth/index.d.ts

@@ -0,0 +1,7 @@
+export { getSessionToken, useSessionToken, setSessionToken } from './use-session-token';
+export { verifySessionToken, useUser, useSession, handleAuthErrors, requestSessionToken, revokeSession } from './auth';
+export { default as AuthWrapper } from './auth-wrapper';
+export { default as BasicAuthLogin } from './basic/basic-auth-login';
+export { default as BasicAuthLogout } from './basic/basic-auth-logout';
+export { default as DefaultAuthLogin } from './default/default-auth-login';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../js/auth/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACxF,OAAO,EAAE,kBAAkB,EAAE,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AACvH,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,0BAA0B,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,2BAA2B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,8BAA8B,CAAC"}

package/dist/auth/index.js

@@ -0,0 +1,7 @@
+export { getSessionToken, useSessionToken, setSessionToken } from './use-session-token';
+export { verifySessionToken, useUser, useSession, handleAuthErrors, requestSessionToken, revokeSession } from './auth';
+export { default as AuthWrapper } from './auth-wrapper';
+export { default as BasicAuthLogin } from './basic/basic-auth-login';
+export { default as BasicAuthLogout } from './basic/basic-auth-logout';
+export { default as DefaultAuthLogin } from './default/default-auth-login';
+//# sourceMappingURL=index.js.map

package/dist/auth/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../js/auth/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACxF,OAAO,EAAE,kBAAkB,EAAE,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AACvH,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,0BAA0B,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,2BAA2B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,8BAA8B,CAAC"}

package/dist/auth/use-session-token.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Subscribe to token changes
+ *
+ * @param cb callback to call when the token changes
+ */
+export declare function onTokenChange(cb: (val: string) => void): () => void;
+/**
+ * Retrieve the current session token
+ */
+export declare function getSessionToken(): string;
+/**
+ * Set the session token
+ */
+export declare function setSessionToken(token: string): void;
+/**
+ * Helper hook that synchronizes with the current session token from store
+ */
+export declare function useSessionToken(): string;
+//# sourceMappingURL=use-session-token.d.ts.map

package/dist/auth/use-session-token.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-session-token.d.ts","sourceRoot":"","sources":["../../js/auth/use-session-token.tsx"],"names":[],"mappings":"AAKA;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAAE,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,GAAG,MAAM,IAAI,CAEnE;AAED;;GAEG;AACH,wBAAgB,eAAe,IAAI,MAAM,CAExC;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAEnD;AAED;;GAEG;AACH,wBAAgB,eAAe,IAAI,MAAM,CAExC"}

package/dist/auth/use-session-token.js

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import globalStore from '../shared/global-state-store';
+import { getTokenKey } from '../shared/utils/embed';
+/**
+ * Subscribe to token changes
+ *
+ * @param cb callback to call when the token changes
+ */
+export function onTokenChange(cb) {
+    return globalStore.subscribe(getTokenKey(), cb);
+}
+/**
+ * Retrieve the current session token
+ */
+export function getSessionToken() {
+    return globalStore.getValueSync(getTokenKey());
+}
+/**
+ * Set the session token
+ */
+export function setSessionToken(token) {
+    globalStore.setValue(getTokenKey(), token);
+}
+/**
+ * Helper hook that synchronizes with the current session token from store
+ */
+export function useSessionToken() {
+    return React.useSyncExternalStore(onTokenChange, getSessionToken);
+}
+//# sourceMappingURL=use-session-token.js.map

package/dist/auth/use-session-token.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-session-token.js","sourceRoot":"","sources":["../../js/auth/use-session-token.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,WAAW,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD;;;;GAIG;AACH,MAAM,UAAU,aAAa,CAAC,EAAyB;IACnD,OAAO,WAAW,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,EAAE,CAAC,CAAC;AACpD,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,eAAe;IAC3B,OAAO,WAAW,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC,CAAC;AACnD,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,eAAe,CAAC,KAAa;IACzC,WAAW,CAAC,QAAQ,CAAC,WAAW,EAAE,EAAE,KAAK,CAAC,CAAC;AAC/C,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,eAAe;IAC3B,OAAO,KAAK,CAAC,oBAAoB,CAAC,aAAa,EAAE,eAAe,CAAC,CAAC;AACtE,CAAC"}

package/dist/components/fallback/default.d.ts

@@ -0,0 +1,5 @@
+import { StyledComponentProps } from '../../types';
+type DefaultFallbackProps = StyledComponentProps;
+declare function DefaultFallback(props: DefaultFallbackProps): JSX.Element;
+export default DefaultFallback;
+//# sourceMappingURL=default.d.ts.map

package/dist/components/fallback/default.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../js/components/fallback/default.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAM/C,KAAK,oBAAoB,GAAG,oBAAoB,CAAC;AAEjD,iBAAS,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CAIjE;AAED,eAAe,eAAe,CAAC"}

package/dist/components/fallback/default.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { injectCss, useComponentStyles } from '../../shared/utils';
+import Dots from './dots';
+const StyledDots = injectCss(Dots);
+function DefaultFallback(props) {
+    const [style, css] = useComponentStyles(props);
+    return _jsx(StyledDots, { "$rawCss": css, style: style });
+}
+export default DefaultFallback;
+//# sourceMappingURL=default.js.map

package/dist/components/fallback/default.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default.js","sourceRoot":"","sources":["../../../js/components/fallback/default.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAG/D,OAAO,IAAI,MAAM,QAAQ,CAAC;AAE1B,MAAM,UAAU,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC;AAInC,SAAS,eAAe,CAAC,KAA2B;IAChD,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAE/C,OAAO,KAAC,UAAU,eAAU,GAAG,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;AACtD,CAAC;AAED,eAAe,eAAe,CAAC"}

package/dist/components/fallback/dots.d.ts

@@ -0,0 +1,7 @@
+interface DotsProps {
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare function Dots(props: DotsProps): JSX.Element;
+export default Dots;
+//# sourceMappingURL=dots.d.ts.map

package/dist/components/fallback/dots.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dots.d.ts","sourceRoot":"","sources":["../../../js/components/fallback/dots.tsx"],"names":[],"mappings":"AA2EA,UAAU,SAAS;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC/B;AAED,iBAAS,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,GAAG,CAAC,OAAO,CAM3C;AAED,eAAe,IAAI,CAAC"}

package/dist/components/fallback/dots.js

@@ -0,0 +1,78 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import styled from '@darajs/styled-components';
+const Wrapper = styled.div `
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    width: 100%;
+    height: 100%;
+`;
+const FlashingDots = styled.div `
+    position: relative;
+
+    width: 10px;
+    height: 10px;
+
+    color: ${(props) => props.theme.colors.grey4};
+
+    background-color: ${(props) => props.theme.colors.grey4};
+    border-radius: 5px;
+
+    animation: dot-flashing 1s infinite linear alternate;
+    animation-delay: 0.5s;
+
+    &::before,
+    &::after {
+        content: '';
+        position: absolute;
+        top: 0;
+        display: inline-block;
+    }
+
+    &::before {
+        left: -15px;
+
+        width: 10px;
+        height: 10px;
+
+        color: ${(props) => props.theme.colors.grey4};
+
+        background-color: ${(props) => props.theme.colors.grey4};
+        border-radius: 5px;
+
+        animation: dot-flashing 1s infinite alternate;
+        animation-delay: 0s;
+    }
+
+    &::after {
+        left: 15px;
+
+        width: 10px;
+        height: 10px;
+
+        color: ${(props) => props.theme.colors.grey4};
+
+        background-color: ${(props) => props.theme.colors.grey4};
+        border-radius: 5px;
+
+        animation: dot-flashing 1s infinite alternate;
+        animation-delay: 1s;
+    }
+
+    @keyframes dot-flashing {
+        0% {
+            background-color: ${(props) => props.theme.colors.grey4};
+        }
+
+        50%,
+        100% {
+            background-color: ${(props) => props.theme.colors.grey3};
+        }
+    }
+`;
+function Dots(props) {
+    return (_jsx(Wrapper, { className: props.className, style: props.style, children: _jsx(FlashingDots, { "data-testid": "LOADING" }) }));
+}
+export default Dots;
+//# sourceMappingURL=dots.js.map

package/dist/components/fallback/dots.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dots.js","sourceRoot":"","sources":["../../../js/components/fallback/dots.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAE/C,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAOzB,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;aAMlB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;wBAExB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;;;;;;;;;;;;;;;;;;iBAoB1C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;4BAExB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;;;;;;;;;;;iBAa9C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;4BAExB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;;;;;;;gCAS/B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;;;gCAKnC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;CAGlE,CAAC;AAOF,SAAS,IAAI,CAAC,KAAgB;IAC1B,OAAO,CACH,KAAC,OAAO,IAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,YACnD,KAAC,YAAY,mBAAa,SAAS,GAAG,GAChC,CACb,CAAC;AACN,CAAC;AAED,eAAe,IAAI,CAAC"}

package/dist/components/fallback/row.d.ts

@@ -0,0 +1,5 @@
+import { StyledComponentProps } from '../../types';
+type RowFallbackProps = StyledComponentProps;
+declare function RowFallback(props: RowFallbackProps): JSX.Element;
+export default RowFallback;
+//# sourceMappingURL=row.d.ts.map

package/dist/components/fallback/row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"row.d.ts","sourceRoot":"","sources":["../../../js/components/fallback/row.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAS/C,KAAK,gBAAgB,GAAG,oBAAoB,CAAC;AAE7C,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAIzD;AAED,eAAe,WAAW,CAAC"}

package/dist/components/fallback/row.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import styled from '@darajs/styled-components';
+import { injectCss, useComponentStyles } from '../../shared/utils';
+import Dots from './dots';
+const RowDots = styled(Dots) `
+    height: 2.5rem;
+`;
+const StyledDots = injectCss(RowDots);
+function RowFallback(props) {
+    const [style, css] = useComponentStyles(props);
+    return _jsx(StyledDots, { "$rawCss": css, style: style });
+}
+export default RowFallback;
+//# sourceMappingURL=row.js.map

package/dist/components/fallback/row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"row.js","sourceRoot":"","sources":["../../../js/components/fallback/row.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAE/C,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAG/D,OAAO,IAAI,MAAM,QAAQ,CAAC;AAE1B,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;CAE3B,CAAC;AACF,MAAM,UAAU,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC;AAItC,SAAS,WAAW,CAAC,KAAuB;IACxC,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAE/C,OAAO,KAAC,UAAU,eAAU,GAAG,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;AACtD,CAAC;AAED,eAAe,WAAW,CAAC"}

package/dist/components/for/for.d.ts

@@ -0,0 +1,35 @@
+import { AnyVariable, ComponentInstance, StyledComponentProps, TemplatedComponentInstance } from '../../types';
+interface ForProps extends StyledComponentProps {
+    /**
+     * The data to render the component for.
+     */
+    data: AnyVariable<Array<Record<string, any>>>;
+    /**
+     * The direction of the list.
+     */
+    direction: 'horizontal' | 'vertical';
+    /**
+     * The key accessor to use for a unique key for each item in the list.
+     */
+    key_accessor: string;
+    /**
+     * The size accessor to use for the size of each item in the list.
+     */
+    size_accessor: string;
+    /**
+     * The template to render for each item in the list.
+     */
+    template: ComponentInstance & TemplatedComponentInstance;
+    /**
+     * Whether to virtualise the list.
+     */
+    virtualize: boolean;
+}
+/**
+ * The For component is used to render a list of components based on variable data.
+ * It utilises a templated component to render each item in the list, precomputing the paths to the markers in the template
+ * and passing them to the ForChild component for replacement.
+ */
+declare function For(props: ForProps): JSX.Element;
+export default For;
+//# sourceMappingURL=for.d.ts.map

package/dist/components/for/for.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"for.d.ts","sourceRoot":"","sources":["../../../js/components/for/for.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAE3G,UAAU,QAAS,SAAQ,oBAAoB;IAC3C;;OAEG;IACH,IAAI,EAAE,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;IAC9C;;OAEG;IACH,SAAS,EAAE,YAAY,GAAG,UAAU,CAAC;IACrC;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,QAAQ,EAAE,iBAAiB,GAAG,0BAA0B,CAAC;IACzD;;OAEG;IACH,UAAU,EAAE,OAAO,CAAC;CACvB;AAmCD;;;;GAIG;AACH,iBAAS,GAAG,CAAC,KAAK,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CA+DzC;AAED,eAAe,GAAG,CAAC"}

package/dist/components/for/for.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+/* eslint-disable react-hooks/exhaustive-deps */
+import { useCallback, useMemo } from 'react';
+import AutoSizer from 'react-virtualized-auto-sizer';
+import { VariableSizeList } from 'react-window';
+import { DynamicComponent, getMarkerPaths, replaceMarkers, useAnyVariable } from '../../shared';
+/**
+ * The ForChild component is used to render a single component based on variable data.
+ * It utilises a templated component to render the component, replacing markers with the data for that item.
+ */
+function ForChild(props) {
+    const component = useMemo(() => {
+        const withoutMarkers = replaceMarkers(props.template, props.data, props.markerPaths);
+        withoutMarkers.props.style = props.style;
+        return withoutMarkers;
+    }, [props.template, props.data]);
+    return _jsx(DynamicComponent, { component: component });
+}
+/**
+ * The For component is used to render a list of components based on variable data.
+ * It utilises a templated component to render each item in the list, precomputing the paths to the markers in the template
+ * and passing them to the ForChild component for replacement.
+ */
+function For(props) {
+    const data = useAnyVariable(props.data);
+    // Precomputed paths to markers in the template, so we don't have to recompute them on every render for each item
+    const markerPaths = useMemo(() => getMarkerPaths(props.template), [props.template]);
+    const ListChild = useCallback((listProps) => {
+        return (_jsx(ForChild, { data: listProps.data[listProps.index], markerPaths: markerPaths, style: listProps.style, template: props.template }, listProps.data[listProps.index][props.key_accessor]));
+    }, [markerPaths, props.key_accessor]);
+    const getItemSize = useCallback((index) => {
+        return data[index][props.size_accessor];
+    }, [data, props.size_accessor]);
+    const getItemKey = useCallback((index, listData) => {
+        return listData[index][props.key_accessor];
+    }, [props.key_accessor]);
+    // If we're not virtualising, just render the list normally
+    if (!props.virtualize) {
+        return (_jsx(_Fragment, { children: data.map((item, index) => (_jsx(ListChild, { data: data, index: index, style: {} }, item[props.key_accessor]))) }));
+    }
+    return (_jsx(AutoSizer, { children: ({ height, width }) => (_jsx(VariableSizeList, { height: height, itemCount: data.length, itemData: data, itemKey: getItemKey, itemSize: getItemSize, layout: props.direction, width: width, children: ListChild })) }));
+}
+export default For;
+//# sourceMappingURL=for.js.map

package/dist/components/for/for.js.map

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

package/dist/components/index.d.ts

@@ -0,0 +1,9 @@
+export { default as Menu } from './menu/menu';
+export { default as ProgressTracker } from './progress-tracker/progress-tracker';
+export { default as RouterContent } from './router-content/router-content';
+export { default as SideBarFrame } from './side-bar-frame/side-bar-frame';
+export { default as TopBarFrame } from './top-bar-frame/top-bar-frame';
+export { default as DefaultFallback } from './fallback/default';
+export { default as RowFallback } from './fallback/row';
+export { default as For } from './for/for';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../js/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qCAAqC,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,WAAW,CAAC"}

package/dist/components/index.js

@@ -0,0 +1,9 @@
+export { default as Menu } from './menu/menu';
+export { default as ProgressTracker } from './progress-tracker/progress-tracker';
+export { default as RouterContent } from './router-content/router-content';
+export { default as SideBarFrame } from './side-bar-frame/side-bar-frame';
+export { default as TopBarFrame } from './top-bar-frame/top-bar-frame';
+export { default as DefaultFallback } from './fallback/default';
+export { default as RowFallback } from './fallback/row';
+export { default as For } from './for/for';
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../js/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qCAAqC,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,WAAW,CAAC"}

package/dist/components/menu/menu.d.ts

@@ -0,0 +1,14 @@
+import { RouteLink } from '../../types';
+interface MenuProps {
+    /** A list of routes to display in the menu */
+    routes: Array<RouteLink>;
+}
+/**
+ * The menu component is a context aware component that will render a list of menu options into it's surrounding
+ * container based on a list of routes passed in.
+ *
+ * @param props - the component props
+ */
+declare function Menu(props: MenuProps): JSX.Element;
+export default Menu;
+//# sourceMappingURL=menu.d.ts.map

package/dist/components/menu/menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../js/components/menu/menu.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AA2CpC,UAAU,SAAS;IACf,8CAA8C;IAC9C,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;CAC5B;AAED;;;;;GAKG;AACH,iBAAS,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,GAAG,CAAC,OAAO,CAgB3C;AAED,eAAe,IAAI,CAAC"}

package/dist/components/menu/menu.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { transparentize } from 'polished';
+import { useContext } from 'react';
+import { NavLink } from 'react-router-dom';
+import styled from '@darajs/styled-components';
+import { DirectionCtx } from '../../shared/context';
+import { getIcon } from '../../shared/utils';
+const MenuItem = styled(NavLink) `
+    cursor: pointer;
+
+    display: flex;
+    align-items: center;
+    justify-content: ${(props) => (props.direction === 'row' ? 'center' : 'flex-start')};
+
+    width: ${(props) => (props.direction === 'row' ? '10rem' : '100%')};
+    height: 3rem;
+    padding: 0 1rem;
+
+    font-size: 0.875rem;
+    font-weight: 700;
+    color: ${(props) => props.theme.colors.secondary};
+    text-decoration: none;
+
+    border-radius: 1rem;
+
+    :hover {
+        background: ${(props) => transparentize(0.9, props.theme.colors.secondary)};
+    }
+
+    :active {
+        background: ${(props) => transparentize(0.8, props.theme.colors.secondary)};
+    }
+
+    svg {
+        margin-right: 0.6rem;
+        color: ${(props) => props.theme.colors.blue1};
+    }
+
+    &.selected {
+        color: ${(props) => props.theme.colors.blue1};
+        background-color: ${(props) => props.theme.colors.secondary};
+    }
+`;
+/**
+ * The menu component is a context aware component that will render a list of menu options into it's surrounding
+ * container based on a list of routes passed in.
+ *
+ * @param props - the component props
+ */
+function Menu(props) {
+    const directionCtx = useContext(DirectionCtx);
+    return (_jsx(_Fragment, { children: props.routes.map(({ icon, name, route }) => {
+            const Icon = getIcon(icon);
+            return (_jsxs(MenuItem, { activeClassName: "selected", direction: directionCtx.direction, to: route, children: [_jsx(Icon, { style: { marginRight: '0.5rem' } }), name] }, name));
+        }) }));
+}
+export default Menu;
+//# sourceMappingURL=menu.js.map

package/dist/components/menu/menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../js/components/menu/menu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAE/C,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAOzC,MAAM,QAAQ,GAAG,MAAM,CAAC,OAAO,CAAC,CAAe;;;;;uBAKxB,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC;;aAE1E,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;;;;;;aAMzD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS;;;;;;sBAM9B,CAAC,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC;;;;sBAI5D,CAAC,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC;;;;;iBAKjE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;;iBAInC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;4BACxB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS;;CAElE,CAAC;AAOF;;;;;GAKG;AACH,SAAS,IAAI,CAAC,KAAgB;IAC1B,MAAM,YAAY,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAE9C,OAAO,CACH,4BACK,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE;YACxC,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;YAC3B,OAAO,CACH,MAAC,QAAQ,IAAC,eAAe,EAAC,UAAU,EAAC,SAAS,EAAE,YAAY,CAAC,SAAS,EAAa,EAAE,EAAE,KAAK,aACxF,KAAC,IAAI,IAAC,KAAK,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAI,EACzC,IAAI,KAFoE,IAAI,CAGtE,CACd,CAAC;QACN,CAAC,CAAC,GACH,CACN,CAAC;AACN,CAAC;AAED,eAAe,IAAI,CAAC"}

package/dist/components/progress-tracker/progress-tracker.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+interface ProgressTrackerProps {
+    /**
+     * Fallback element to render when there is no task tracked
+     */
+    fallback?: JSX.Element;
+    /**
+     * Ref holding a list of variables the component is subscribed to
+     */
+    variablesRef?: React.MutableRefObject<Set<string>>;
+}
+/**
+ * ProgressTracker component can be used as a placeholder to replace the standard loading spinner.
+ * If a task is running, data is captured from the task function and a ProgressBar with live updates in shown.
+ */
+declare function ProgressTracker(props: ProgressTrackerProps): JSX.Element;
+export default ProgressTracker;
+//# sourceMappingURL=progress-tracker.d.ts.map

package/dist/components/progress-tracker/progress-tracker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-tracker.d.ts","sourceRoot":"","sources":["../../../js/components/progress-tracker/progress-tracker.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkD,MAAM,OAAO,CAAC;AA4HvE,UAAU,oBAAoB;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;CACtD;AAUD;;;GAGG;AACH,iBAAS,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CAwIjE;AAED,eAAe,eAAe,CAAC"}