[Workspace Chrome] Chore – Move constants to a package (elastic#226835)

## Summary

part of elastic/kibana-team#1581

Tiny cleanup, plus we can use this package to export css variable names

---------

Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>

Author: Dosant

.github/CODEOWNERS

@@ -127,6 +127,7 @@ src/core/packages/chrome/browser-internal @elastic/appex-sharedux
 src/core/packages/chrome/browser-mocks @elastic/appex-sharedux
 src/core/packages/chrome/layout/core-chrome-layout @elastic/appex-sharedux
 src/core/packages/chrome/layout/core-chrome-layout-components @elastic/appex-sharedux
+src/core/packages/chrome/layout/core-chrome-layout-constants @elastic/appex-sharedux
 src/core/packages/config/server-internal @elastic/kibana-core
 src/core/packages/custom-branding/browser @elastic/appex-sharedux
 src/core/packages/custom-branding/browser-internal @elastic/appex-sharedux

package.json

@@ -286,6 +286,7 @@
     "@kbn/core-chrome-browser-internal": "link:src/core/packages/chrome/browser-internal",
     "@kbn/core-chrome-layout": "link:src/core/packages/chrome/layout/core-chrome-layout",
     "@kbn/core-chrome-layout-components": "link:src/core/packages/chrome/layout/core-chrome-layout-components",
+    "@kbn/core-chrome-layout-constants": "link:src/core/packages/chrome/layout/core-chrome-layout-constants",
     "@kbn/core-config-server-internal": "link:src/core/packages/config/server-internal",
     "@kbn/core-custom-branding-browser": "link:src/core/packages/custom-branding/browser",
     "@kbn/core-custom-branding-browser-internal": "link:src/core/packages/custom-branding/browser-internal",

src/core/packages/chrome/layout/core-chrome-layout-components/application/layout_application.tsx

@@ -10,6 +10,7 @@
 import React, { ReactNode } from 'react';
 
 import { useEuiOverflowScroll } from '@elastic/eui';
+import { APP_MAIN_SCROLL_CONTAINER_ID } from '@kbn/core-chrome-layout-constants';
 
 import { styles } from './layout_application.styles';
 
@@ -31,7 +32,7 @@ export const LayoutApplication = ({
   const overflow = useEuiOverflowScroll('y');
 
   return (
-    <main css={[styles.root, overflow]} id={'app-main-scroll'}>
+    <main css={[styles.root, overflow]} id={APP_MAIN_SCROLL_CONTAINER_ID}>
       {topBar && <div css={styles.topBar}>{topBar}</div>}
       <div css={[styles.content]}>{children}</div>
       {bottomBar && <div css={styles.bottomBar}>{bottomBar}</div>}

src/core/packages/chrome/layout/core-chrome-layout-components/tsconfig.json

@@ -19,5 +19,7 @@
   "exclude": [
     "target/**/*"
   ],
-  "kbn_references": []
+  "kbn_references": [
+    "@kbn/core-chrome-layout-constants",
+  ]
 }

src/core/packages/chrome/layout/core-chrome-layout-constants/README.md

@@ -0,0 +1,3 @@
+# @kbn/core-chrome-layout-constants
+
+Light package that contains constants used in the core chrome layout.

src/core/packages/chrome/layout/core-chrome-layout-constants/index.ts

@@ -0,0 +1,20 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the "Elastic License
+ * 2.0", the "GNU Affero General Public License v3.0 only", and the "Server Side
+ * Public License v 1"; you may not use this file except in compliance with, at
+ * your election, the "Elastic License 2.0", the "GNU Affero General Public
+ * License v3.0 only", or the "Server Side Public License, v 1".
+ */
+
+/**
+ * The ID of the main scroll container in the application.
+ * `document.getElementById(APP_MAIN_SCROLL_CONTAINER_ID)` can be used to find the main scroll container
+ */
+export const APP_MAIN_SCROLL_CONTAINER_ID = 'app-main-scroll';
+
+/**
+ * The ID of the fixed viewport container in the application.
+ * This div is rendered by the `AppFixedViewport` component on the top of the application area and can be used to render fixed elements that should not scroll with the main content.
+ */
+export const APP_FIXED_VIEWPORT_ID = 'app-fixed-viewport';

src/core/packages/chrome/layout/core-chrome-layout-constants/jest.config.js

@@ -0,0 +1,14 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the "Elastic License
+ * 2.0", the "GNU Affero General Public License v3.0 only", and the "Server Side
+ * Public License v 1"; you may not use this file except in compliance with, at
+ * your election, the "Elastic License 2.0", the "GNU Affero General Public
+ * License v3.0 only", or the "Server Side Public License, v 1".
+ */
+
+module.exports = {
+  preset: '@kbn/test',
+  rootDir: '../../../../../..',
+  roots: ['<rootDir>/src/core/packages/chrome/layout/core-chrome-layout-constants'],
+};

src/core/packages/chrome/layout/core-chrome-layout-constants/kibana.jsonc

@@ -0,0 +1,7 @@
+{
+  "type": "shared-common",
+  "id": "@kbn/core-chrome-layout-constants",
+  "owner": "@elastic/appex-sharedux",
+  "group": "platform",
+  "visibility": "shared"
+}

src/core/packages/chrome/layout/core-chrome-layout-constants/package.json

@@ -0,0 +1,6 @@
+{
+  "name": "@kbn/core-chrome-layout-constants",
+  "private": true,
+  "version": "1.0.0",
+  "license": "Elastic License 2.0 OR AGPL-3.0-only OR SSPL-1.0"
+}

src/core/packages/chrome/layout/core-chrome-layout-constants/tsconfig.json

@@ -0,0 +1,19 @@
+{
+  "extends": "../../../../../../tsconfig.base.json",
+  "compilerOptions": {
+    "outDir": "target/types",
+    "types": [
+      "jest",
+      "node",
+      "react"
+    ]
+  },
+  "include": [
+    "**/*.ts",
+    "**/*.tsx",
+  ],
+  "exclude": [
+    "target/**/*"
+  ],
+  "kbn_references": []
+}