Restructure to monorepo (#6907)

* wip: restructure to monorepo Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * refactor create-release-pr to a package Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * build fixes Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * github workflow fixes Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * fix typo Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * add webpack-env types to core Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * fix github workflows Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * refactor/fix integration tests Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * lint fix Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * yarn run dev Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * eslint settings for vscode Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * move templates to right package Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * open-lens build fixes Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * integration test fix Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * fix nx task dependencies Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * use bash shell for unit tests in test workflow Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * fix test:unit for windows Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * fix win-ca webpack error in open-lens Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * fix win-ca webpack error in open-lens Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * fix build:app on windows Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * remove ELECTRON_BUILDER_EXTRA_ARGS Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * sync src/ from master Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * remove Makefile from core Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com>
2025-05-20 05:10:56 +00:00 · 2023-01-24 10:46:26 -08:00
1 parent 0066ca4ea2
commit 2657df2293
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./stepper";
@@ -0,0 +1,58 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+
+.Stepper {
+  --stepper-color: var(--contentColor);
+  --stepper-color-text: var(--textColorPrimary);
+  --stepper-color-active: var(--color-primary);
+  --stepper-color-point: var(--stepper-color);
+
+  $pointSize: $unit * 2.5;
+  font-size: $font-size-small;
+
+  .step {
+    position: relative;
+    text-align: center;
+    &.active, &.done {
+      .point {
+        color: var(--textColorAccent);
+        background: var(--stepper-color-active);
+      }
+    }
+    &.active {
+      .step-title {
+        color: var(--textColorAccent);
+      }
+    }
+    &.done > .line {
+      background: var(--stepper-color-active);
+    }
+    .step-title {
+      font-size: 120%
+    }
+  }
+
+  .point {
+    position: relative;
+    display: block;
+    margin: auto;
+    width: $pointSize;
+    height: $pointSize;
+    line-height: $pointSize;
+    background: var(--stepper-color-point);
+    color: var(--stepper-color-text);
+    font-size: $font-size-small;
+    border-radius: 50%;
+  }
+
+  .line {
+    position: absolute;
+    width: 100%;
+    height: 1px;
+    top: $pointSize * 0.5;
+    background: var(--stepper-color-point);
+  }
+}
@@ -0,0 +1,48 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./stepper.scss";
+import React from "react";
+import { cssNames } from "../../utils";
+
+export interface StepperProps extends React.HTMLProps<any> {
+  step: number;
+  steps: Step[];
+}
+
+interface Step {
+  title?: string;
+}
+
+export class Stepper extends React.Component<StepperProps, {}> {
+  render() {
+    const { className, steps, ...props } = this.props;
+    const stepsCount = steps.length;
+    let { step } = this.props;
+
+    step = Math.min(Math.max(1, step), stepsCount);
+
+    return (
+      <div {...props} className={cssNames("Stepper flex auto", className)}>
+        {steps.map(({ title }, i) => {
+          const stepNumber = i + 1;
+          const isLast = i === stepsCount - 1;
+          const stepClass = {
+            done: stepNumber < step,
+            active: stepNumber === step,
+          };
+
+          return (
+            <div key={i} className={cssNames("box step", stepClass)}>
+              {!isLast ? <span className="line"/> : null}
+              <div className="point">{stepNumber}</div>
+              <span className="step-title">{title}</span>
+            </div>
+          );
+        })}
+      </div>
+    );
+  }
+}