@salesforcedevs/dx-components 0.26.1-alpha.10 → 0.26.1-alpha.14

package/src/modules/dx/sidebar/sidebar.stories.ts

@@ -1,188 +0,0 @@
-import { html } from "lit-html";
-import {
-    coveoXMLDocsConfig,
-    coveoSFDocsConfig
-} from "../../utils-internal/coveo/coveo";
-import { SAMPLE_TREES, SAMPLE_TREES_WITH_METHODS } from "./__tests__/mockProps";
-
-export default {
-    title: "dx/dx-sidebar",
-    component: "dx-sidebar",
-    argTypes: {
-        header: {
-            defaultValue: "Guides",
-            control: {
-                type: "text"
-            }
-        },
-        trees: {
-            defaultValue: SAMPLE_TREES,
-            control: {
-                type: "object"
-            }
-        },
-        value: {
-            defaultValue: "terminology",
-            control: {
-                type: "text"
-            }
-        }
-    }
-};
-
-const styles = (addStyles: string = "") => html`
-    <style>
-        dx-sidebar {
-            ${addStyles}
-        }
-
-        body.sb-main-padded.sb-show-main {
-            padding: 0;
-        }
-
-        #root-inner {
-            display: flex;
-            height: 100%;
-        }
-
-        doc-content {
-            padding: 20px;
-        }
-    </style>
-`;
-
-export const XMLDocs = (args: any) => html`
-    ${styles("--dx-c-sidebar-min-height: 100%;")}
-
-    <dx-sidebar
-        header="${args.header}"
-        trees="${JSON.stringify(args.trees)}"
-        coveo-organization-id="${coveoXMLDocsConfig.coveoOrganizationId}"
-        coveo-public-access-token="${coveoXMLDocsConfig.coveoPublicAccessToken}"
-        coveo-search-hub="${coveoXMLDocsConfig.coveoSearchHub}"
-        coveo-advanced-query-config="${coveoXMLDocsConfig.coveoAdvancedQueryConfig}"
-    ></dx-sidebar>
-`;
-
-export const SFDocs = (args: any) => html`
-    ${styles("--dx-c-sidebar-min-height: 100%;")}
-
-    <dx-sidebar
-        header="${args.header}"
-        trees="${JSON.stringify(args.trees)}"
-        coveo-organization-id="${coveoSFDocsConfig.coveoOrganizationId}"
-        coveo-public-access-token="${coveoSFDocsConfig.coveoPublicAccessToken}"
-        coveo-search-hub="${coveoSFDocsConfig.coveoSearchHub}"
-        coveo-advanced-query-config="${coveoSFDocsConfig.coveoAdvancedQueryConfig}"
-    ></dx-sidebar>
-`;
-
-export const WidthAndMinHeightVariables = (args: any) => html`
-    ${styles(`
-        min-height: 500px;
-        --dx-c-sidebar-width: 400px;
-        --dx-c-sidebar-min-height: 500px;
-    `)}
-
-    <dx-sidebar
-        header="${args.header}"
-        trees="${JSON.stringify(args.trees)}"
-        coveo-organization-id="${coveoXMLDocsConfig.coveoOrganizationId}"
-        coveo-public-access-token="${coveoXMLDocsConfig.coveoPublicAccessToken}"
-        coveo-search-hub="${coveoXMLDocsConfig.coveoSearchHub}"
-        coveo-advanced-query-config="${coveoXMLDocsConfig.coveoAdvancedQueryConfig}"
-    ></dx-sidebar>
-`;
-
-export const WidthDrivenByContainer = (args: any) => html`
-    ${styles(`
-        display: block;
-        --dx-c-sidebar-min-height: 500px;
-        --dx-c-sidebar-width: unset;
-    `)}
-
-    <style>
-        @media screen and (min-width: 768px) {
-            .container {
-                width: 40%;
-            }
-        }
-    </style>
-    <div class="container">
-        <dx-sidebar
-            header="${args.header}"
-            trees="${JSON.stringify(args.trees)}"
-            value="${args.value}"
-            coveo-organization-id="${coveoXMLDocsConfig.coveoOrganizationId}"
-            coveo-public-access-token="${coveoXMLDocsConfig.coveoPublicAccessToken}"
-            coveo-search-hub="${coveoXMLDocsConfig.coveoSearchHub}"
-            coveo-advanced-query-config="${coveoXMLDocsConfig.coveoAdvancedQueryConfig}"
-        ></dx-sidebar>
-    </div>
-`;
-
-export const WithBadges = (args: any) => html`
-    ${styles("--dx-c-sidebar-min-height: 500px;")}
-
-    <div class="container">
-        <dx-sidebar
-            header="${args.header}"
-            trees="${JSON.stringify(SAMPLE_TREES_WITH_METHODS)}"
-            value="${args.value}"
-            coveo-organization-id="${coveoXMLDocsConfig.coveoOrganizationId}"
-            coveo-public-access-token="${coveoXMLDocsConfig.coveoPublicAccessToken}"
-            coveo-search-hub="${coveoXMLDocsConfig.coveoSearchHub}"
-            coveo-advanced-query-config="${coveoXMLDocsConfig.coveoAdvancedQueryConfig}"
-        ></dx-sidebar>
-    </div>
-`;
-
-export const PositionSticky = ({ header, trees, value }: any) => html`
-    ${styles(`
-        display: block;
-        position: sticky;
-        height: 100vh;
-
-        --dx-c-sidebar-height: 100%;
-        --dx-c-sidebar-vertical-padding: var(--dx-g-spacing-lg);
-    `)}
-    <dx-sidebar
-        header="${header}"
-        trees="${JSON.stringify(trees)}"
-        value="${value}"
-        coveo-organization-id="${coveoXMLDocsConfig.coveoOrganizationId}"
-        coveo-public-access-token="${coveoXMLDocsConfig.coveoPublicAccessToken}"
-        coveo-search-hub="${coveoXMLDocsConfig.coveoSearchHub}"
-        coveo-advanced-query-config="${coveoXMLDocsConfig.coveoAdvancedQueryConfig}"
-    ></dx-sidebar>
-`;
-
-export const UseSlot = ({ header, trees, value }: any) => html`
-    ${styles(`
-        display: block;
-        position: sticky;
-        height: 100vh;
-
-        --dx-c-sidebar-height: 100%;
-        --dx-c-sidebar-vertical-padding: var(--dx-g-spacing-lg);
-        --dx-c-sidebar-width: 300px;
-    `)}
-
-    <style>
-        span {
-            margin-left: auto;
-        }
-    </style>
-
-    <dx-sidebar
-        header="${header}"
-        trees="${JSON.stringify(trees)}"
-        value="${value}"
-        coveo-organization-id="${coveoXMLDocsConfig.coveoOrganizationId}"
-        coveo-public-access-token="${coveoXMLDocsConfig.coveoPublicAccessToken}"
-        coveo-search-hub="${coveoXMLDocsConfig.coveoSearchHub}"
-        coveo-advanced-query-config="${coveoXMLDocsConfig.coveoAdvancedQueryConfig}"
-    >
-        <span slot="header">I'm in the sidebar</span>
-    </dx-sidebar>
-`;

package/src/modules/dx/sidebarOld/__tests__/mockProps.ts

@@ -1,178 +0,0 @@
-import { TreeNode } from "typings/custom";
-
-export const SAMPLE_TREES: TreeNode[] = [
-    {
-        label: "Getting started",
-        name: "started",
-        isExpanded: true,
-        children: [
-            {
-                label: "Introduction",
-                name: "introduction"
-            },
-            {
-                label: "Getting started",
-                name: "started-child"
-            },
-            {
-                label: "Authentication",
-                name: "authentication"
-            },
-            {
-                label: "Token",
-                name: "token"
-            },
-            {
-                label: "Error",
-                name: "error"
-            },
-            {
-                label: "Limits",
-                name: "limit"
-            },
-            {
-                label: "Release note",
-                name: "release-note"
-            }
-        ]
-    },
-    {
-        label: "Einstein Vision",
-        name: "einstein-vision",
-        children: [
-            {
-                label: "Introduction",
-                name: "einstein-introduction"
-            },
-            {
-                label: "Terminology",
-                name: "terminology"
-            },
-            {
-                label: "Object detection quickstart for beginner",
-                name: "object-quickstart",
-                isExpanded: true,
-                children: [
-                    {
-                        label: "Scenario: this block is intended to show how a large text looks like in the sidebar",
-                        name: "scenario",
-                        isExpanded: true,
-                        children: [
-                            {
-                                label: "Scenario A: this block is intended to show how a large text looks like in the sidebar",
-                                name: "scenario-a"
-                            },
-                            {
-                                label: "Scenario B",
-                                name: "scenario-b"
-                            }
-                        ]
-                    },
-                    {
-                        label: "Prerequisites",
-                        name: "prerequisites"
-                    }
-                ]
-            },
-            {
-                label: "Best Practices",
-                name: "best-practices"
-            }
-        ]
-    }
-];
-
-export const SAMPLE_TREES_WITH_METHODS: TreeNode[] = [
-    {
-        label: "Getting started",
-        name: "started",
-        isExpanded: true,
-        children: [
-            {
-                label: "Introduction",
-                name: "introduction",
-                method: "post"
-            },
-            {
-                label: "Getting started",
-                name: "started-child",
-                method: "get"
-            },
-            {
-                label: "Authentication",
-                name: "authentication",
-                method: "delete"
-            },
-            {
-                label: "Token",
-                name: "token",
-                method: "patch"
-            },
-            {
-                label: "Error",
-                name: "error",
-                method: "put"
-            },
-            {
-                label: "Limits",
-                name: "limit",
-                method: "get"
-            },
-            {
-                label: "Release note",
-                name: "release-note",
-                method: "post"
-            }
-        ]
-    },
-    {
-        label: "Einstein Vision",
-        name: "einstein-vision",
-        children: [
-            {
-                label: "Introduction",
-                name: "einstein-introduction",
-                method: "get"
-            },
-            {
-                label: "Terminology",
-                name: "terminology",
-                method: "get"
-            },
-            {
-                label: "Object detection quickstart for beginner",
-                name: "object-quickstart",
-                isExpanded: true,
-                children: [
-                    {
-                        label: "Scenario",
-                        name: "scenario",
-                        isExpanded: true,
-                        children: [
-                            {
-                                label: "Scenario A: this block is intended to show how a large text looks like in the sidebar",
-                                name: "scenario-a",
-                                method: "post"
-                            },
-                            {
-                                label: "Scenario B",
-                                name: "scenario-b",
-                                method: "put"
-                            }
-                        ]
-                    },
-                    {
-                        label: "Prerequisites",
-                        name: "prerequisites",
-                        method: "delete"
-                    }
-                ]
-            },
-            {
-                label: "Best Practices",
-                name: "best-practices",
-                method: "patch"
-            }
-        ]
-    }
-];