@movable/ui 0.2.0-alpha.3 → 0.2.0-alpha.4

package/README.md

@@ -31,6 +31,26 @@ This repo contains the shared components for our frontend applications. Using th
 }
 ```
 
+#### Inside Studio
+
+1. `cd ../path_to/ui`
+2. `yarn link`
+3. `cd ../path_to/front-end/packages/studio`
+4. `yarn link ../path_to/ui`
+
+Example:
+
+```
+  yarn link ~/github/movableink/ui
+```
+
+To remove the symlink use:
+
+1. `cd ../path_to/ui`
+2. `yarn unlink`
+3. `cd ../path_to/front-end/packages/studio`
+4. `yarn unlink ../path_to/ui`
+
 ## Conventional Commits
 
 This repo has [conventional-commits](https://www.conventionalcommits.org/en/v1.0.0/#summary) We lint for this both pre-commit and on PR actions. It is **required** and will not pass without it.

package/lib/components/Header/HeaderMetadata.d.ts

@@ -0,0 +1,6 @@
+import { HeaderMetadata } from './InkPageHeader';
+type MetaDataProps = {
+    metadata: HeaderMetadata[];
+};
+export declare function HeaderMetadata({ metadata }: MetaDataProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/Header/InkPageHeader.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+export type HeaderMetadata = {
+    icon: string;
+    label: string;
+    value: string;
+};
+export type HeaderLink = {
+    label: string;
+    path?: string;
+};
+type InkPageHeaderProps = {
+    breadcrumbs?: HeaderLink[];
+    subtitle?: string;
+    metadata?: HeaderMetadata[];
+    ButtonGroup?: JSX.Element;
+    Chips?: JSX.Element;
+    Tabs?: JSX.Element;
+};
+export declare function InkPageHeader({ breadcrumbs, subtitle, metadata, Chips, ButtonGroup, Tabs, }: InkPageHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/Header/LinkBreadcrumbs.d.ts

@@ -0,0 +1,6 @@
+import { HeaderLink } from './InkPageHeader';
+type BreadcrumbProps = {
+    breadcrumbs?: HeaderLink[];
+};
+export declare function LinkBreadcrumbs({ breadcrumbs }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/Header/TabsWithRouter.d.ts

@@ -0,0 +1,9 @@
+type Route = {
+    label: string;
+    to: string;
+    value: string;
+};
+export declare function TabsWithRouter({ routes }: {
+    routes: Route[];
+}): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,4 @@
+export { HeaderMetadata } from './HeaderMetadata';
+export { InkPageHeader } from './InkPageHeader';
+export { LinkBreadcrumbs } from './LinkBreadcrumbs';
+export { TabsWithRouter } from './TabsWithRouter';

package/lib/components/index.d.ts

@@ -0,0 +1 @@
+export { HeaderMetadata, LinkBreadcrumbs, InkPageHeader, TabsWithRouter, } from "./Header";

package/lib/index.d.ts

@@ -0,0 +1,2 @@
+export { default as MovableUITheme } from "./theme";
+export { HeaderMetadata, LinkBreadcrumbs, InkPageHeader, TabsWithRouter, } from "./components";