@datalayer/core 0.0.1 → 0.0.2

package/lib/hooks/useVisibilityObserver.js

@@ -0,0 +1,47 @@
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+/*
+ * Copyright (c) 2021-2024 Datalayer, Inc.
+ *
+ * Datalayer License
+ */
+import { useState, useEffect } from 'react';
+export function useVisibilityObserver(navigationRef, children) {
+    const [visibilityMap, setVisibilityMap] = useState({});
+    const handleIntersection = (entries) => {
+        const updatedEntries = {};
+        for (const entry of entries) {
+            const navitemid = entry.target.getAttribute('data-navitemid');
+            if (navitemid) {
+                if (entry.isIntersecting) {
+                    updatedEntries[navitemid] = true;
+                }
+                else {
+                    updatedEntries[navitemid] = false;
+                }
+            }
+        }
+        setVisibilityMap(prev => ({
+            ...prev,
+            ...updatedEntries,
+        }));
+    };
+    useEffect(() => {
+        const observer = new IntersectionObserver(handleIntersection, {
+            root: navigationRef.current,
+            threshold: 1,
+        });
+        if (navigationRef.current) {
+            const navItems = Array.from(navigationRef.current.children);
+            for (const item of navItems) {
+                if (item.getAttribute('data-navitemid')) {
+                    observer.observe(item);
+                }
+            }
+        }
+        return () => observer.disconnect();
+    }, [navigationRef, children]);
+    return [visibilityMap];
+}

package/lib/hooks/useWindowSize.d.ts

@@ -0,0 +1,21 @@
+export declare enum BreakpointSize {
+    XSMALL = "xsmall",
+    SMALL = "small",
+    MEDIUM = "medium",
+    LARGE = "large",
+    XLARGE = "xlarge",
+    XXLARGE = "xxlarge"
+}
+type WindowSize = {
+    width?: number;
+    height?: number;
+    isXSmall?: boolean;
+    isSmall?: boolean;
+    isMedium?: boolean;
+    isLarge?: boolean;
+    isXLarge?: boolean;
+    isXXLarge?: boolean;
+    currentBreakpointSize?: BreakpointSize;
+};
+export declare function useWindowSize(): WindowSize;
+export {};

package/lib/hooks/useWindowSize.js

@@ -0,0 +1,80 @@
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+/*
+ * Copyright (c) 2021-2024 Datalayer, Inc.
+ *
+ * Datalayer License
+ */
+import { useState, useEffect } from 'react';
+export var BreakpointSize;
+(function (BreakpointSize) {
+    BreakpointSize["XSMALL"] = "xsmall";
+    BreakpointSize["SMALL"] = "small";
+    BreakpointSize["MEDIUM"] = "medium";
+    BreakpointSize["LARGE"] = "large";
+    BreakpointSize["XLARGE"] = "xlarge";
+    BreakpointSize["XXLARGE"] = "xxlarge";
+})(BreakpointSize || (BreakpointSize = {}));
+export function useWindowSize() {
+    const [windowSize, setWindowSize] = useState({
+        width: undefined, // undefined to avoid client/server mismatch on initial mount
+        height: undefined, // undefined to avoid client/server mismatch on initial mount,
+        isXSmall: undefined, // undefined to avoid client/server mismatch on initial mount,
+        isSmall: undefined, // undefined to avoid client/server mismatch on initial mount,
+        isMedium: undefined, // undefined to avoid client/server mismatch on initial mount,
+        isLarge: undefined, // undefined to avoid client/server mismatch on initial mount,
+        isXLarge: undefined, // undefined to avoid client/server mismatch on initial mount,
+        isXXLarge: undefined, // undefined to avoid client/server mismatch on initial mount,
+        currentBreakpointSize: undefined, // undefined to avoid client/server mismatch on initial mount,
+    });
+    useEffect(() => {
+        // should only execute all the code below on client
+        function handleResize() {
+            setWindowSize({
+                width: window.innerWidth,
+                height: window.innerHeight,
+                /*
+                 * Maps to large breakpoint
+                 * TODO: replace with design token. Requires remToPx util.
+                 */
+                isXSmall: window.innerWidth >= 320,
+                isSmall: window.innerWidth >= 544,
+                isMedium: window.innerWidth >= 768,
+                isLarge: window.innerWidth >= 1012,
+                isXLarge: window.innerWidth >= 1280,
+                isXXLarge: window.innerWidth >= 1440,
+                currentBreakpointSize: breakpointSwitch(window.innerWidth),
+            });
+        }
+        // eslint-disable-next-line github/prefer-observers
+        window.addEventListener('resize', handleResize);
+        handleResize();
+        return () => window.removeEventListener('resize', handleResize);
+    }, []);
+    return windowSize;
+}
+const breakpointSwitch = (value) => {
+    let current = BreakpointSize.XXLARGE;
+    switch (true) {
+        case value >= 320 && value < 544:
+            current = BreakpointSize.XSMALL;
+            break;
+        case value >= 544 && value < 768:
+            current = BreakpointSize.SMALL;
+            break;
+        case value >= 768 && value < 1012:
+            current = BreakpointSize.MEDIUM;
+            break;
+        case value >= 1012 && value < 1280:
+            current = BreakpointSize.LARGE;
+            break;
+        case value >= 1280 && value < 1440:
+            current = BreakpointSize.XLARGE;
+            break;
+        default:
+            current = BreakpointSize.XXLARGE;
+    }
+    return current;
+};

package/lib/i18n/Labels.d.ts

@@ -0,0 +1 @@
+export declare const NO_RUNTIME_AVAILABLE_LABEL = "The runtime you have requested is currently not available due to resource limitations. Please try again later...";

package/lib/i18n/Labels.js

@@ -0,0 +1,10 @@
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+/*
+ * Copyright (c) 2021-2024 Datalayer, Inc.
+ *
+ * Datalayer License
+ */
+export const NO_RUNTIME_AVAILABLE_LABEL = 'The runtime you have requested is currently not available due to resource limitations. Please try again later...';

package/lib/i18n/index.d.ts

@@ -0,0 +1 @@
+export * from './Labels';

package/lib/i18n/index.js

@@ -0,0 +1,10 @@
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+/*
+ * Copyright (c) 2021-2024 Datalayer, Inc.
+ *
+ * Datalayer License
+ */
+export * from './Labels';

package/lib/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./hooks";
+export * from "./utils";
+export * from "./App";

package/lib/index.js

@@ -1 +1,7 @@
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+export * from "./hooks";
+export * from "./utils";
 export * from "./App";

package/lib/main.d.ts

@@ -0,0 +1 @@
+import './index.css';

package/lib/main.js

@@ -1,4 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
 import { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
 import App from './App';

package/lib/mocks/components/FlashMock.d.ts

@@ -0,0 +1,2 @@
+export declare const FlashMock: () => import("react/jsx-runtime").JSX.Element;
+export default FlashMock;

package/lib/mocks/components/FlashMock.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+/*
+ * Copyright (c) 2021-2024 Datalayer, Inc.
+ *
+ * Datalayer License
+ */
+import { AlertIcon } from "@primer/octicons-react";
+import { Flash, Link } from "@primer/react";
+import { useNavigate } from "../../hooks";
+export const FlashMock = () => {
+    const navigate = useNavigate();
+    return (_jsxs(Flash, { variant: "warning", style: { marginBottom: 10 }, children: [_jsx(AlertIcon, {}), " This is a mock content. ", _jsx(Link, { href: "#", onClick: e => navigate('/contact', e), children: "Contact us" }), " if you'd like to know more about this feature."] }));
+};
+export default FlashMock;

package/lib/mocks/components/index.d.ts

@@ -0,0 +1 @@
+export * from './FlashMock';

package/lib/mocks/components/index.js

@@ -0,0 +1,10 @@
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+/*
+ * Copyright (c) 2021-2024 Datalayer, Inc.
+ *
+ * Datalayer License
+ */
+export * from './FlashMock';

package/lib/mocks/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './useRunMock';

package/lib/mocks/hooks/index.js

@@ -0,0 +1,10 @@
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+/*
+ * Copyright (c) 2021-2024 Datalayer, Inc.
+ *
+ * Datalayer License
+ */
+export * from './useRunMock';

package/lib/mocks/hooks/rests/index.d.ts

@@ -0,0 +1 @@
+export * from './rests';

package/lib/mocks/hooks/rests/index.js

@@ -0,0 +1,10 @@
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+/*
+ * Copyright (c) 2021-2024 Datalayer, Inc.
+ *
+ * Datalayer License
+ */
+export * from './rests';

package/lib/mocks/hooks/rests/rests.d.ts

@@ -0,0 +1,22 @@
+export declare const systemAdminLogin: (handle?: string) => {
+    success: string;
+    message: string;
+    token: string;
+    user: {
+        avatar_url_s: string;
+        creation_ts_dt: string;
+        id: string;
+        join_request_ts_dt: null;
+        join_ts_dt: string;
+        last_update_ts_dt: string;
+        new_password_confirmation_ts_dt: null;
+        new_password_request_ts_dt: null;
+        origin_s: string;
+        roles_ss: string[];
+        type_s: string;
+        email_s: string;
+        first_name_t: string;
+        handle_s: string;
+        last_name_t: string;
+    };
+};

package/lib/mocks/hooks/rests/rests.js

@@ -0,0 +1,37 @@
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+/*
+ * Copyright (c) 2021-2024 Datalayer, Inc.
+ *
+ * Datalayer License
+ */
+const TOKEN = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJodHRwczovL2Rldi5kYXRhbGF5ZXIuaW8iLCJpYXQiOjE3MTc1MDE1MjYsImV4cCI6MTcxNzU4NzkyNiwic3ViIjp7InVpZCI6IjRkODk2ZjI0LWM1MzEtNDljMS1iMjcyLTRlNTM2NjJjZDNkZSIsImhhbmRsZSI6ImVyaWMiLCJlbWFpbCI6ImVyaWNAZGF0YWxheWVyLmlvIiwiZmlyc3RfbmFtZSI6IkVyaWMiLCJsYXN0X25hbWUiOiJDaGFybGVzIiwicm9sZXMiOlsic3lzdGVtX2FkbWluIiwidXNlciJdfSwianRpIjoiZTAxYjIzMTYtYWJlMi00OTkyLWJjMmUtY2UyODIzZGJiOTdmIiwicm9sZXMiOlsic3lzdGVtX2FkbWluIiwidXNlciJdfQ.-cnEfJAUhet_nBLmxzx96zuv3PMEsGWLNCN6HV8PEso";
+export const systemAdminLogin = (handle = 'hello') => {
+    return {
+        success: "true",
+        message: "User is logged in.",
+        token: TOKEN,
+        user: {
+            avatar_url_s: "https://www.gravatar.com/avatar/f78b756a5c0eb7dd186b6622c0afed82",
+            creation_ts_dt: "2024-06-01T08:55:45.676Z",
+            id: "b1db2810-9d2b-48fb-93d9-151c577e8b8e",
+            join_request_ts_dt: null,
+            join_ts_dt: "2024-06-01T08:55:45.139Z",
+            last_update_ts_dt: "2024-06-01T08:56:40.595Z",
+            new_password_confirmation_ts_dt: null,
+            new_password_request_ts_dt: null,
+            origin_s: "cli",
+            roles_ss: [
+                "platform_admin",
+                "user"
+            ],
+            type_s: "user",
+            email_s: "hello@datalayer.io",
+            first_name_t: "Hello",
+            handle_s: handle,
+            last_name_t: "Datalayer"
+        }
+    };
+};

package/lib/mocks/hooks/useRunMock.d.ts

@@ -0,0 +1,6 @@
+import { IAMStateProps } from "./../../hooks";
+import { RunRequest } from "./../../hooks";
+export declare const useRunMock: (props?: IAMStateProps) => {
+    requestRun: <T = any>(request: RunRequest) => Promise<T>;
+};
+export default useRunMock;

package/lib/mocks/hooks/useRunMock.js

@@ -0,0 +1,83 @@
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+/*
+ * Copyright (c) 2021-2024 Datalayer, Inc.
+ *
+ * Datalayer License
+ */
+import { useLocation } from 'react-router-dom';
+import { useNavigate } from './../../hooks';
+import { useToast } from './../../hooks';
+import { useIAMStore } from '../../state';
+import { systemAdminLogin, } from './rests';
+const getMockResponse = (request) => {
+    const { url, method, body } = request;
+    if (url.match('/api/iam/v1/login$') && method === "POST") {
+        return systemAdminLogin(body.handle);
+    }
+};
+export const useRunMock = (props = { user: undefined, token: undefined }) => {
+    const location = useLocation();
+    const navigate = useNavigate();
+    const iamStore = useIAMStore();
+    const { enqueueToast } = useToast();
+    const requestRun = async (request) => {
+        const { loginRoute = '/login' } = props;
+        const response = getMockResponse(request);
+        console.log('Mock request and response', request, response);
+        if (response) {
+            return Promise.resolve(response);
+        }
+        //
+        const token_ = request.token ?? iamStore.token;
+        const headers = {
+            Accept: 'application/json',
+            'Content-Type': 'application/json'
+        };
+        if (token_) {
+            headers['Authorization'] = `Bearer ${token_}`;
+        }
+        const r = fetch(request.url, {
+            method: request.method,
+            headers,
+            body: request.body ? JSON.stringify(request.body) : undefined,
+            credentials: token_ ? 'include' : 'omit'
+        }).then((resp) => {
+            if (resp.status < 200 || resp.status >= 300) {
+                if (resp.status === 401) {
+                    console.log('Datalayer RUN sent a 401 return code.');
+                    if (location.pathname !== request.loginRoute) {
+                        iamStore.logout();
+                        navigate(request.loginRoute ?? loginRoute);
+                    }
+                }
+                else {
+                    resp.json().then((r) => {
+                        const message = r.message;
+                        const errors = r.errors;
+                        if (errors) {
+                            errors.forEach(error => enqueueToast(`${error}`, { variant: 'error' }));
+                        }
+                        else {
+                            if (message) {
+                                enqueueToast(`API Error: ${message}`, { variant: 'error' });
+                            }
+                            else {
+                                enqueueToast(`API Error`, { variant: 'error' });
+                            }
+                        }
+                        throw new Error(resp.status.toString(), { cause: message });
+                    });
+                }
+            }
+            return resp.json();
+        });
+        return r;
+    };
+    return {
+        requestRun,
+    };
+};
+export default useRunMock;

package/lib/mocks/index.d.ts

@@ -0,0 +1,4 @@
+export * from './components';
+export * from './hooks';
+export * from './models';
+export * from './views';

package/lib/mocks/index.js

@@ -0,0 +1,14 @@
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+/*
+ * Copyright (c) 2021-2024 Datalayer, Inc.
+ *
+ * Datalayer License
+ */
+export * from './components';
+export * from './hooks';
+// export * from './jupyter';
+export * from './models';
+export * from './views';

package/lib/mocks/jupyter/index.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/mocks/jupyter/index.js

@@ -0,0 +1,10 @@
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+export {};
+/*
+ * Copyright (c) 2021-2024 Datalayer, Inc.
+ *
+ * Datalayer License
+ */

package/lib/mocks/models/CodeBlockMock.d.ts

@@ -0,0 +1 @@
+export declare const CodeBlockMock = "";

package/lib/mocks/models/CodeBlockMock.js

@@ -0,0 +1,10 @@
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+/*
+ * Copyright (c) 2021-2024 Datalayer, Inc.
+ *
+ * Datalayer License
+ */
+export const CodeBlockMock = "";

package/lib/mocks/models/CodelineMock.d.ts

@@ -0,0 +1 @@
+export declare const CodelineMock = "";

package/lib/mocks/models/CodelineMock.js

@@ -0,0 +1,10 @@
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+/*
+ * Copyright (c) 2021-2024 Datalayer, Inc.
+ *
+ * Datalayer License
+ */
+export const CodelineMock = "";

package/lib/mocks/models/CourseMock.d.ts

@@ -0,0 +1,6 @@
+import { ICourse } from "../../models/Course";
+export declare const newCourseMock: (name: string) => ICourse;
+export declare const COURSE_1_MOCK: ICourse;
+export declare const COURSE_2_MOCK: ICourse;
+export declare const COURSE_3_MOCK: ICourse;
+export declare const COURSES_MOCK: ICourse[];

package/lib/mocks/models/CourseMock.js

@@ -0,0 +1,34 @@
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+/*
+ * Copyright (c) 2021-2024 Datalayer, Inc.
+ *
+ * Datalayer License
+ */
+import { uniqueNamesGenerator, names } from "unique-names-generator";
+import { newUlid } from "../../utils";
+import { newSpaceMock } from "./SpaceMock";
+import { newUserMock } from "./UserMock";
+export const newCourseMock = (name) => {
+    const course = {
+        id: newUlid(),
+        owner: newUserMock(uniqueNamesGenerator({ dictionaries: [names] }), uniqueNamesGenerator({ dictionaries: [names] })),
+        handle: newUlid(),
+        type: 'space',
+        variant: "course",
+        name: name,
+        description: name + " description.",
+        public: false,
+        creationDate: new Date(),
+        items: [],
+        itemIds: [],
+        seedSpace: newSpaceMock("space content"),
+    };
+    return course;
+};
+export const COURSE_1_MOCK = newCourseMock("Course 1");
+export const COURSE_2_MOCK = newCourseMock("Course 2");
+export const COURSE_3_MOCK = newCourseMock("Course 3");
+export const COURSES_MOCK = [COURSE_1_MOCK, COURSE_2_MOCK, COURSE_3_MOCK];

package/lib/mocks/models/InviteMock.d.ts

@@ -0,0 +1,6 @@
+import { IInvite } from "../../models/Invite";
+export declare const newInviteMock: (message: string) => IInvite;
+export declare const INVITE_1_MOCK: IInvite;
+export declare const INVITE_2_MOCK: IInvite;
+export declare const INVITE_3_MOCK: IInvite;
+export declare const INVITES_MOCK: IInvite[];

package/lib/mocks/models/InviteMock.js

@@ -0,0 +1,27 @@
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+/*
+ * Copyright (c) 2021-2024 Datalayer, Inc.
+ *
+ * Datalayer License
+ */
+import { uniqueNamesGenerator, names, colors, adjectives, animals } from "unique-names-generator";
+import { newUlid } from "../../utils";
+import { newUserMock } from "./UserMock";
+export const newInviteMock = (message) => {
+    const invite = {
+        id: newUlid(),
+        from: newUserMock(uniqueNamesGenerator({ dictionaries: [names] }), uniqueNamesGenerator({ dictionaries: [names] })),
+        to: {}, // TODO fix this
+        sentDate: new Date(),
+        message,
+        brand: 'datalayer',
+    };
+    return invite;
+};
+export const INVITE_1_MOCK = newInviteMock('A ' + uniqueNamesGenerator({ dictionaries: [colors, adjectives, animals], separator: ' ' }) + '.');
+export const INVITE_2_MOCK = newInviteMock('A ' + uniqueNamesGenerator({ dictionaries: [colors, adjectives, animals], separator: ' ' }) + '.');
+export const INVITE_3_MOCK = newInviteMock('A ' + uniqueNamesGenerator({ dictionaries: [colors, adjectives, animals], separator: ' ' }) + '.');
+export const INVITES_MOCK = [INVITE_1_MOCK, INVITE_2_MOCK, INVITE_3_MOCK];

package/lib/mocks/models/JupyterLabUserMock.d.ts

@@ -0,0 +1,2 @@
+import type { User } from '@jupyterlab/services';
+export declare const newJupyterLabUserMock: (name: string) => User.IUser;

package/lib/mocks/models/JupyterLabUserMock.js

@@ -0,0 +1,17 @@
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+export const newJupyterLabUserMock = (name) => {
+    const user = {
+        identity: {
+            username: name,
+            name: name,
+            display_name: name,
+            initials: name,
+            color: "yellow",
+        },
+        permissions: {}
+    };
+    return user;
+};

package/lib/mocks/models/OrganisationMock.d.ts

@@ -0,0 +1,5 @@
+import { IOrganization } from "../../models/Organization";
+export declare const ORGANISATION_1_MOCK: IOrganization;
+export declare const ORGANISATION_2_MOCK: IOrganization;
+export declare const ORGANISATION_3_MOCK: IOrganization;
+export declare const ORGANISATIONS_MOCK: IOrganization[];

package/lib/mocks/models/OrganisationMock.js

@@ -0,0 +1,24 @@
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+import { newUlid } from "../../utils";
+const newOrganizationMock = (name) => {
+    const organization = {
+        id: newUlid(),
+        handle: newUlid(),
+        type: "organization",
+        name: name,
+        description: name + " description.",
+        public: false,
+        members: [],
+        teams: [],
+        creationDate: new Date(),
+        setMembers: (members) => { },
+    };
+    return organization;
+};
+export const ORGANISATION_1_MOCK = newOrganizationMock("Organization 1");
+export const ORGANISATION_2_MOCK = newOrganizationMock("Organization 2");
+export const ORGANISATION_3_MOCK = newOrganizationMock("Organization 3");
+export const ORGANISATIONS_MOCK = [ORGANISATION_1_MOCK, ORGANISATION_2_MOCK, ORGANISATION_3_MOCK];

package/lib/mocks/models/SchoolMock.d.ts

@@ -0,0 +1,6 @@
+import { ISchool } from "./../../models";
+export declare const newSchoolMock: (name: string) => ISchool;
+export declare const SCHOOL_1_MOCK: ISchool;
+export declare const SCHOOL_2_MOCK: ISchool;
+export declare const SCHOOL_3_MOCK: ISchool;
+export declare const SCHOOLS_MOCK: ISchool[];