@webiny/app-admin 0.0.0-ee-vpcs.549378cf03

package/styles/material-theme-assignments.scss

@@ -0,0 +1,350 @@
+@use "@material/top-app-bar/_mixins.scss" as topAppBar;
+@use "@material/elevation/mixins" as elevation;
+@use "@material/button/mixins" as button;
+@use "@material/icon-button/mixins" as iconButton;
+@use "@material/drawer/mixins" as drawer;
+@use "@material/tab-bar/mixins" as tabBar;
+@use "@material/tab/mixins" as tab;
+@use "@material/tab-indicator/mixins" as tabIndicator;
+@use "@material/list/mixins" as list;
+@use "@material/switch/mixins" as switch;
+@use "@material/textfield/mixins" as textfield;
+@use "@material/select/mixins" as select;
+@use "@material/checkbox/mixins" as checkbox;
+@use "@material/radio/mixins" as radio;
+@use "@material/snackbar/mixins" as snackbar;
+
+// top app bar should use theme-surface as the fill color
+.mdc-top-app-bar {
+  @include topAppBar.fill-color($mdc-theme-surface);
+}
+
+.mdc-top-app-bar.primary {
+  @include topAppBar.fill-color($mdc-theme-primary);
+}
+
+// elevation should use theme-surface as fill color so it can be used as surface
+.mdc-elevation--z1 {
+  @include elevation.elevation(1, $mdc-theme-on-surface);
+}
+
+.mdc-elevation--z2 {
+  @include elevation.elevation(2, $mdc-theme-on-surface);
+}
+
+.mdc-elevation--z3 {
+  @include elevation.elevation(3, $mdc-theme-on-surface);
+}
+
+.mdc-elevation--z1,
+.mdc-elevation--z2,
+.mdc-elevation--z3,
+.mdc-elevation--z4,
+.mdc-elevation--z5,
+.mdc-elevation--z6,
+.mdc-elevation--z7,
+.mdc-elevation--z8,
+.mdc-elevation--z9 {
+  background-color: $mdc-theme-surface;
+}
+
+// button styles
+.mdc-button {
+  @include button.shape-radius(2px);
+  .mdc-button__label {
+    display: flex;
+    align-items: center;
+  }
+}
+
+// set icon colors
+.mdc-icon,
+.mdc-icon-button {
+  @include iconButton.ink-color($mdc-theme-text-secondary-on-background);
+}
+
+// drawer
+.mcd-drawer {
+  @include drawer.title-ink-color($mdc-theme-text-primary-on-background);
+  @include drawer.subtitle-ink-color($mdc-theme-text-primary-on-background);
+  @include drawer.item-icon-ink-color($mdc-theme-text-primary-on-background);
+  @include drawer.item-text-ink-color($mdc-theme-text-primary-on-background);
+  @include drawer.surface-fill-color($mdc-theme-surface);
+  @include drawer.item-shape-radius(0);
+}
+
+// fix for drawer positioning
+.mdc-drawer {
+  z-index: 12;
+  background-color: $mdc-theme-surface;
+  &.mdc-drawer--modal.mdc-drawer--open {
+    top: 0;
+    background-color: $mdc-theme-surface;
+  }
+}
+
+// fix drawer display so we can have a nice drawer footer
+.mdc-drawer--modal.mdc-drawer--open {
+  display: flex;
+}
+
+// tabs
+.mdc-tab-bar {
+  @include tabBar.width("100%");
+
+  .mdc-tab {
+    @include tab.fixed-width("100px");
+    @include tab.text-label-color($mdc-theme-text-primary-on-background);
+    @include tab.icon-color($mdc-theme-text-primary-on-background);
+
+    // fixes tab width
+    flex: 1 0;
+  }
+
+  .mdc-tab-indicator {
+    @include tabIndicator.underline-color($mdc-theme-primary);
+  }
+}
+
+// list
+.mdc-list {
+  @include list.item-primary-text-ink-color($mdc-theme-text-primary-on-background);
+  @include list.item-secondary-text-ink-color($mdc-theme-text-secondary-on-background);
+  @include list.item-graphic-ink-color($mdc-theme-text-secondary-on-background);
+  @include list.item-meta-ink-color($mdc-theme-text-secondary-on-background);
+  @include list.divider-color($mdc-theme-on-background);
+  @include list.group-subheader-ink-color($mdc-theme-text-primary-on-background);
+  @include list.single-line-shape-radius(0);
+
+  .mdc-list-item {
+    color: $mdc-theme-text-primary-on-background;
+  }
+
+  .mdc-list-item:hover,
+  .mdc-list-item::after,
+  .mdc-list-item::before {
+    background-color: transparent;
+  }
+  &:not(.mdc-list--non-interactive) {
+    .mdc-list-item:hover {
+      background-color: $mdc-theme-text-hint-on-dark;
+      cursor: pointer;
+    }
+    .mdc-list-item::after,
+    .mdc-list-item::before {
+      background-color: $mdc-theme-text-primary-on-background;
+    }
+  }
+}
+
+// switch
+.mdc-switch {
+  @include switch.toggled-off-track-color($mdc-theme-on-surface);
+  margin-left: 5px;
+  margin-right: 10px;
+}
+
+// menu
+.mdc-menu {
+  background-color: $mdc-theme-surface;
+}
+
+/*
+Fix the width of input components when inside grids
+ */
+.mdc-text-field {
+  width: 100%;
+  @include textfield.shape-radius(0);
+  @include textfield.textarea-shape-radius(0);
+  @include textfield.fill-color($mdc-theme-on-background);
+  @include textfield.label-color($mdc-theme-text-primary-on-background);
+  @include textfield.ink-color($mdc-theme-on-surface);
+  &.mdc-text-field--textarea {
+    textarea {
+      padding-top: 25px;
+    }
+    .mdc-floating-label.mdc-floating-label {
+      margin-left: 11px;
+      top: 35px;
+    }
+    &.--focused {
+      .mdc-floating-label.mdc-floating-label {
+        top: 0px;
+      }
+    }
+  }
+  &.mdc-text-field--disabled {
+    background-color: $mdc-theme-background;
+    opacity: 0.55;
+    .mdc-text-field__input {
+      color: $mdc-theme-text-primary-on-background;
+      &::placeholder {
+        color: $mdc-theme-text-primary-on-background;
+      }
+    }
+  }
+  .mdc-text-field__input {
+    width: 100%;
+    resize: none;
+    //border: 1px solid $mdc-theme-on-background;
+  }
+}
+
+// textfield helper - color fix
+.mdc-text-field-helper-text {
+  margin-left: 2px !important;
+  color: $mdc-theme-text-secondary-on-background;
+  &--error {
+    color: $mdc-theme-primary !important;
+  }
+}
+
+// dialog
+.mdc-dialog {
+  z-index: 20;
+  .mdc-dialog__container {
+    width: 100%;
+  }
+  .mdc-dialog__surface {
+    border-radius: 0px;
+    max-width: 875px;
+    position: relative;
+    .mdc-dialog__title {
+      background-color: $mdc-theme-secondary;
+      padding-bottom: 20px;
+      font-size: 1.4rem;
+      font-weight: 600;
+      color: $mdc-theme-on-secondary;
+    }
+    .mdc-dialog__content {
+      color: $mdc-theme-text-primary-on-background;
+      max-height: 70vh;
+      overflow: auto;
+      margin-top: 0;
+      padding-top: 24px;
+      padding-bottom: 24px;
+      background-color: $mdc-theme-surface;
+
+      // add options for when tabs are inside the body
+      > .webiny-ui-tabs {
+        margin: -24px;
+        > .mdc-tab-bar {
+          position: absolute;
+          z-index: 10;
+          @include tabBar.width(100%);
+          background-color: $mdc-theme-secondary;
+          .mdc-tab {
+            @include tab.text-label-color($mdc-theme-on-secondary);
+            @include tab.icon-color($mdc-theme-on-secondary);
+            @include tab.fixed-width(100px);
+            justify-content: flex-start;
+            font-weight: 600;
+          }
+          .mdc-tab-indicator {
+            padding-bottom: 5px;
+            margin-top: -1px;
+            @include tabIndicator.underline-color($mdc-theme-on-secondary);
+            background-color: $mdc-theme-secondary;
+          }
+        }
+        > .webiny-ui-tabs__content {
+          padding-top: 50px;
+          padding-bottom: 25px;
+        }
+      }
+      > .mdc-layout-grid {
+        margin: -24px;
+      }
+    }
+    .mdc-dialog__actions {
+      border-top: 1px solid $mdc-theme-on-background;
+      background-color: $mdc-theme-surface;
+      padding: 24px;
+    }
+  }
+  &.mdc-dialog--open .mdc-dialog__scrim {
+    opacity: 0.7;
+    background-color: var(--mdc-theme-on-surface);
+  }
+}
+
+// select
+.mdc-select {
+  width: 100%;
+  @include select.ink-color($mdc-theme-text-primary-on-background);
+  @include select.label-color($mdc-theme-text-secondary-on-background);
+  @include select.bottom-line-color($mdc-theme-text-secondary-on-background);
+  @include select.hover-bottom-line-color($mdc-theme-text-primary-on-background);
+  @include select.container-fill-color($mdc-theme-on-background);
+  @include select.shape-radius(0);
+  @include select.outline-shape-radius(2);
+
+  /*
+  Fix for select box appearance. For some reason browser prefix css attributes are striped away.
+   */
+  .mdc-select__native-control {
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    border-radius: 2px;
+  }
+
+  &.mdc-select--box {
+    border-radius: 2px;
+    .mdc-select__native-control {
+      padding-top: 10px;
+    }
+  }
+  &:not(.mdc-select--disabled).mdc-select--focused {
+    .mdc-floating-label {
+      color: rgba(0, 0, 0, 0.6);
+    }
+    .mdc-select__dropdown-icon {
+      @include select.dd-arrow-svg-bg_($mdc-theme-primary, 1);
+    }
+  }
+  &:not(.mdc-select--disabled).mdc-select--focused {
+    .mdc-floating-label {
+      color: rgba(0, 0, 0, 0.6);
+    }
+    .mdc-select__dropdown-icon {
+      @include select.dd-arrow-svg-bg_($mdc-theme-primary, 1);
+    }
+  }
+}
+
+// checkbox
+.mdc-checkbox {
+  @include checkbox.container-colors("text-secondary-on-background");
+}
+
+// radio button
+.mdc-radio {
+  @include radio.unchecked-stroke-color("text-secondary-on-background");
+}
+
+// snackbar
+.mdc-snackbar {
+  @include snackbar.shape-radius(2px);
+  @include snackbar.z-index(1000);
+}
+
+.mdc-snackbar__action:not(:disabled) {
+  color: var(--mdc-theme-primary);
+  &::before {
+    background-color: var(--mdc-theme-primary);
+  }
+  &::after {
+    background-color: var(--mdc-theme-primary);
+  }
+}
+
+// when grid is inside another grid cell, child grid should not have any padding
+.mdc-layout-grid {
+  > .mdc-layout-grid__inner {
+    > .mdc-layout-grid__cell {
+      > .mdc-layout-grid {
+        padding: 0;
+      }
+    }
+  }
+}

package/styles/material.scss

@@ -0,0 +1,43 @@
+@use "@material/theme/mixins" as themeMixins;
+
+// material variables
+$mdc-theme-primary: $webiny-theme-light-primary;
+$mdc-theme-on-primary: $webiny-theme-light-on-primary;
+$mdc-theme-secondary: $webiny-theme-light-secondary;
+$mdc-theme-on-secondary: $webiny-theme-light-on-secondary;
+$mdc-theme-surface: $webiny-theme-light-surface;
+$mdc-theme-on-surface: $webiny-theme-light-on-surface;
+$mdc-theme-background: $webiny-theme-light-background;
+$mdc-theme-on-background: $webiny-theme-light-on-background;
+$mdc-theme-text-primary-on-background: $webiny-theme-light-text-primary-on-background !global;
+$mdc-theme-text-secondary-on-background: $webiny-theme-light-text-secondary-on-background;
+$mdc-theme-text-hint-on-dark: $webiny-theme-light-text-hint-on-dark;
+$mdc-typography-font-family: $webiny-theme-typography-font-family;
+$mdc-typography-subtitle2-font-weight: $webiny-theme-typography-subtitle2-font-weight;
+
+@import "~material-components-web/material-components-web.scss";
+@import "material-theme-assignments.scss";
+
+body {
+  background-color: $mdc-theme-background;
+  min-height: 100vh;
+
+  // assign all the sass variables in css variables
+  --mdc-theme-primary: #{$mdc-theme-primary};
+  --mdc-theme-secondary: #{$mdc-theme-secondary};
+  --mdc-theme-background: #{$mdc-theme-background};
+  --mdc-theme-surface: #{$mdc-theme-surface};
+  --mdc-theme-on-primary: #{$mdc-theme-on-primary};
+  --mdc-theme-on-secondary: #{$mdc-theme-on-secondary};
+  --mdc-theme-on-surface: #{$mdc-theme-on-surface};
+  --mdc-theme-on-background: #{$mdc-theme-on-background};
+  --mdc-theme-text-primary-on-background: #{$mdc-theme-text-primary-on-background};
+  --mdc-theme-text-secondary-on-background: #{$mdc-theme-text-secondary-on-background};
+  --mdc-theme-text-hint-on-dark: #{$mdc-theme-text-hint-on-dark};
+  --mdc-theme-caret-down: #{$webiny-theme-light-caret-down};
+  --mdc-typography-font-family: #{$mdc-typography-font-family};
+  --mdc-typography-subtitle2-font-weight: #{$mdc-typography-subtitle2-font-weight};
+
+  font-family: "Source Sans Pro";
+}
+

package/styles/theme.scss

@@ -0,0 +1,46 @@
+// webiny light theme
+$webiny-theme-light-primary: #fa5723 !default;
+$webiny-theme-light-secondary: #00ccb0 !default;
+$webiny-theme-light-background: #f2f2f2 !default;
+$webiny-theme-light-surface: #fff !default;
+$webiny-theme-light-on-primary: #ffffff !default;
+$webiny-theme-light-on-secondary: #ffffff !default;
+$webiny-theme-light-on-surface: #000000 !default;
+$webiny-theme-light-on-background: rgba(212, 212, 212, 0.5) !default;
+$webiny-theme-light-text-primary-on-background: rgba(0, 0, 0, 0.87);
+$webiny-theme-light-text-secondary-on-background: rgba(0, 0, 0, 0.54);
+$webiny-theme-light-text-hint-on-dark: rgba(255, 255, 255, 0.5);
+$webiny-theme-light-caret-down: url("data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23000000%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.54%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E");
+
+// webiny dark theme
+$webiny-theme-dark-primary: #fa5723 !default;
+$webiny-theme-dark-secondary: #00ccb0 !default;
+$webiny-theme-dark-background: #121212 !default;
+$webiny-theme-dark-surface: #242424 !default;
+$webiny-theme-dark-on-primary: #ffffff !default;
+$webiny-theme-dark-on-secondary: #ffffff !default;
+$webiny-theme-dark-on-surface: #ffffff !default;
+$webiny-theme-dark-on-background: rgba(255, 255, 255, 0.15) !default;
+$webiny-theme-dark-text-primary-on-background: rgba(255, 255, 255, 0.87);
+$webiny-theme-dark-text-secondary-on-background: rgba(255, 255, 255, 0.54);
+$webiny-theme-dark-text-hint-on-dark: rgba(255, 255, 255, 0.15);
+$webiny-theme-dark-caret-down: url("data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.54%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E");
+
+// webiny typography
+$webiny-theme-typography-font-family: "Source Sans Pro" !default;
+$webiny-theme-typography-subtitle2-font-weight: 600 !default;
+
+// import required fonts
+@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700|Open+Sans:300,400,600,700|Source+Code+Pro:400,700");
+
+body {
+  font-size: 16px;
+}
+
+a {
+  color: var(--webiny-theme-color-primary, #ee896b);
+  text-decoration: none;
+}
+
+@import "@webiny/ui/styles.scss";
+

package/styles.scss

@@ -0,0 +1,2 @@
+@import "./styles/theme";
+@import "./styles/material";

package/types.d.ts

@@ -0,0 +1,93 @@
+import React, { ReactElement } from "react";
+import { Plugin } from "@webiny/plugins/types";
+import { ApolloClient } from "apollo-client";
+import { ItemProps, MenuProps, SectionProps } from "./plugins/MenuPlugin";
+declare type RenderParams = {
+    content: React.ReactNode;
+};
+export declare type AdminGlobalSearchPlugin = Plugin & {
+    type: "admin-global-search";
+    label: string;
+    route: string;
+    search?: {
+        operator?: "and" | "or";
+        fields?: Array<string>;
+    };
+};
+export declare type AdminGlobalSearchPreventHotkeyPlugin = Plugin & {
+    type: "admin-global-search-prevent-hotkey";
+    preventOpen(e: React.KeyboardEvent): boolean | void;
+};
+export declare type AdminDrawerFooterMenuPlugin = Plugin & {
+    type: "admin-drawer-footer-menu";
+    render(params: any): React.ReactElement;
+};
+/**
+ * LEGACY TYPE. Only for backwards compatibility.
+ */
+export declare type AdminMenuLogoPlugin = Plugin & {
+    name: "admin-menu-logo";
+    type: "admin-menu-logo";
+    render(): React.ReactElement;
+};
+export declare type AdminHeaderUserMenuPlugin = Plugin & {
+    type: "admin-header-user-menu";
+    render(): React.ReactElement;
+};
+/**
+ * Enables adding custom menu sections and items in the main menu, located on the left side of the screen.
+ * @see https://docs.webiny.com/docs/webiny-apps/admin/development/plugins-reference/app#admin-menu
+ */
+export declare type AdminMenuPlugin = Plugin & {
+    type: "admin-menu";
+    render(props: {
+        Menu: React.ComponentType<MenuProps>;
+        Section: React.ComponentType<SectionProps>;
+        Item: React.ComponentType<ItemProps>;
+    }): React.ReactNode;
+    order?: number;
+};
+/**
+ * Enables adding custom header elements to the right side of the top bar.
+ * @see https://docs.webiny.com/docs/webiny-apps/admin/development/plugins-reference/app#admin-header-right
+ */
+export declare type AdminHeaderRightPlugin = Plugin & {
+    type: "admin-header-right";
+    render(params: RenderParams): React.ReactNode;
+};
+export interface AdminFileManagerFileTypePluginRenderParams {
+    file: string;
+}
+export declare type AdminFileManagerFileTypePlugin = Plugin & {
+    type: "admin-file-manager-file-type";
+    types: string[];
+    render(params: AdminFileManagerFileTypePluginRenderParams): React.ReactNode;
+    fileDetails?: {
+        actions: Array<React.FC | React.Component>;
+    };
+};
+export interface AdminInstallationPluginRenderParams {
+    onInstalled: () => Promise<void>;
+}
+export declare type AdminInstallationPlugin = Plugin & {
+    type: "admin-installation";
+    getInstalledVersion(params: {
+        client: ApolloClient<object>;
+    }): Promise<string | null>;
+    title: string;
+    dependencies?: string[];
+    secure: boolean;
+    render(params: AdminInstallationPluginRenderParams): React.ReactNode;
+    upgrades?: {
+        version: string;
+        getComponent(): React.ComponentType<{
+            onInstalled: () => void;
+        }>;
+    }[];
+};
+export declare type AdminAppPermissionRendererPlugin = Plugin & {
+    type: "admin-app-permissions-renderer";
+    system?: boolean;
+    render(params: any): ReactElement;
+};
+export {};

package/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport { Plugin } from \"@webiny/plugins/types\";\nimport { ApolloClient } from \"apollo-client\";\nimport { ItemProps, MenuProps, SectionProps } from \"~/plugins/MenuPlugin\";\n\ntype RenderParams = {\n    content: React.ReactNode;\n};\n\nexport type AdminGlobalSearchPlugin = Plugin & {\n    type: \"admin-global-search\";\n    label: string;\n    route: string;\n    search?: {\n        operator?: \"and\" | \"or\";\n        fields?: Array<string>;\n    };\n};\n\nexport type AdminGlobalSearchPreventHotkeyPlugin = Plugin & {\n    type: \"admin-global-search-prevent-hotkey\";\n    preventOpen(e: React.KeyboardEvent): boolean | void;\n};\n\nexport type AdminDrawerFooterMenuPlugin = Plugin & {\n    type: \"admin-drawer-footer-menu\";\n    render(params: any): React.ReactElement;\n};\n\n/**\n * LEGACY TYPE. Only for backwards compatibility.\n */\nexport type AdminMenuLogoPlugin = Plugin & {\n    name: \"admin-menu-logo\";\n    type: \"admin-menu-logo\";\n    render(): React.ReactElement;\n};\n\nexport type AdminHeaderUserMenuPlugin = Plugin & {\n    type: \"admin-header-user-menu\";\n    render(): React.ReactElement;\n};\n\n/**\n * Enables adding custom menu sections and items in the main menu, located on the left side of the screen.\n * @see https://docs.webiny.com/docs/webiny-apps/admin/development/plugins-reference/app#admin-menu\n */\nexport type AdminMenuPlugin = Plugin & {\n    type: \"admin-menu\";\n    render(props: {\n        Menu: React.ComponentType<MenuProps>;\n        Section: React.ComponentType<SectionProps>;\n        Item: React.ComponentType<ItemProps>;\n    }): React.ReactNode;\n    order?: number;\n};\n\n/**\n * Enables adding custom header elements to the right side of the top bar.\n * @see https://docs.webiny.com/docs/webiny-apps/admin/development/plugins-reference/app#admin-header-right\n */\nexport type AdminHeaderRightPlugin = Plugin & {\n    type: \"admin-header-right\";\n    render(params: RenderParams): React.ReactNode;\n};\n\nexport interface AdminFileManagerFileTypePluginRenderParams {\n    file: string;\n}\nexport type AdminFileManagerFileTypePlugin = Plugin & {\n    type: \"admin-file-manager-file-type\";\n    types: string[];\n    render(params: AdminFileManagerFileTypePluginRenderParams): React.ReactNode;\n    fileDetails?: {\n        actions: Array<React.FC | React.Component>;\n    };\n};\n\nexport interface AdminInstallationPluginRenderParams {\n    onInstalled: () => Promise<void>;\n}\nexport type AdminInstallationPlugin = Plugin & {\n    type: \"admin-installation\";\n    getInstalledVersion(params: { client: ApolloClient<object> }): Promise<string | null>;\n    title: string;\n    dependencies?: string[];\n    secure: boolean;\n    render(params: AdminInstallationPluginRenderParams): React.ReactNode;\n    upgrades?: {\n        version: string;\n        getComponent(): React.ComponentType<{ onInstalled: () => void }>;\n    }[];\n};\n\nexport type AdminAppPermissionRendererPlugin = Plugin & {\n    type: \"admin-app-permissions-renderer\";\n    system?: boolean;\n    render(params: any): ReactElement;\n};\n"],"mappings":""}

package/ui/UIElement.d.ts

@@ -0,0 +1,2 @@
+export type { UIElementConfig, ApplyFunction, ShouldRender, UiElementRenderProps } from "@webiny/ui-composer/UIElement";
+export { UIElement, UIElementPlugin } from "@webiny/ui-composer/UIElement";

package/ui/UIElement.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "UIElement", {
+  enumerable: true,
+  get: function get() {
+    return _UIElement.UIElement;
+  }
+});
+Object.defineProperty(exports, "UIElementPlugin", {
+  enumerable: true,
+  get: function get() {
+    return _UIElement.UIElementPlugin;
+  }
+});
+
+var _UIElement = require("@webiny/ui-composer/UIElement");

package/ui/UIElement.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["UIElement.tsx"],"sourcesContent":["export type {\n    UIElementConfig,\n    ApplyFunction,\n    ShouldRender,\n    UiElementRenderProps\n} from \"@webiny/ui-composer/UIElement\";\n\nexport { UIElement, UIElementPlugin } from \"@webiny/ui-composer/UIElement\";\n"],"mappings":";;;;;;;;;;;;;;;;;;AAOA"}

package/ui/UILayout.d.ts

@@ -0,0 +1 @@
+export { UILayout, UILayoutPlugin } from "@webiny/ui-composer/UILayout";

package/ui/UILayout.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "UILayout", {
+  enumerable: true,
+  get: function get() {
+    return _UILayout.UILayout;
+  }
+});
+Object.defineProperty(exports, "UILayoutPlugin", {
+  enumerable: true,
+  get: function get() {
+    return _UILayout.UILayoutPlugin;
+  }
+});
+
+var _UILayout = require("@webiny/ui-composer/UILayout");

package/ui/UILayout.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["UILayout.tsx"],"sourcesContent":["export { UILayout, UILayoutPlugin } from \"@webiny/ui-composer/UILayout\";\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA"}

package/ui/UIRenderer.d.ts

@@ -0,0 +1,2 @@
+export { UIRenderer } from "@webiny/ui-composer/UIRenderer";
+export type { UIRenderParams, RenderNext } from "@webiny/ui-composer/UIRenderer";

package/ui/UIRenderer.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "UIRenderer", {
+  enumerable: true,
+  get: function get() {
+    return _UIRenderer.UIRenderer;
+  }
+});
+
+var _UIRenderer = require("@webiny/ui-composer/UIRenderer");

package/ui/UIRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["UIRenderer.tsx"],"sourcesContent":["export { UIRenderer } from \"@webiny/ui-composer/UIRenderer\";\nexport type { UIRenderParams, RenderNext } from \"@webiny/ui-composer/UIRenderer\";\n"],"mappings":";;;;;;;;;;;;AAAA"}

package/ui/UIView.d.ts

@@ -0,0 +1,2 @@
+export type { ApplyFunction, UIElementWrapperProps, UIElementWrapper, UIViewProps } from "@webiny/ui-composer/UIView";
+export { UIView, UIViewComponent, UIViewPlugin } from "@webiny/ui-composer/UIView";

package/ui/UIView.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "UIView", {
+  enumerable: true,
+  get: function get() {
+    return _UIView.UIView;
+  }
+});
+Object.defineProperty(exports, "UIViewComponent", {
+  enumerable: true,
+  get: function get() {
+    return _UIView.UIViewComponent;
+  }
+});
+Object.defineProperty(exports, "UIViewPlugin", {
+  enumerable: true,
+  get: function get() {
+    return _UIView.UIViewPlugin;
+  }
+});
+
+var _UIView = require("@webiny/ui-composer/UIView");

package/ui/UIView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["UIView.tsx"],"sourcesContent":["export type {\n    ApplyFunction,\n    UIElementWrapperProps,\n    UIElementWrapper,\n    UIViewProps\n} from \"@webiny/ui-composer/UIView\";\nexport { UIView, UIViewComponent, UIViewPlugin } from \"@webiny/ui-composer/UIView\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAMA"}