From cc35ac6e361fa532b57dd1639f020bd84ca36c10 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Keviin=20=C3=85berg=20Kultalahti?= <kevin.aberg@gmail.com>
Date: Fri, 26 Feb 2021 15:23:41 +0100
Subject: [PATCH] remove genericpopover component

---
 .../SetupPanel/GenericBindingPopover.svelte   | 218 ------------------
 1 file changed, 218 deletions(-)
 delete mode 100644 packages/builder/src/components/automation/SetupPanel/GenericBindingPopover.svelte
diff --git a/packages/builder/src/components/automation/SetupPanel/GenericBindingPopover.svelte b/packages/builder/src/components/automation/SetupPanel/GenericBindingPopover.svelte
deleted file mode 100644
index f12ab35348..0000000000
--- a/packages/builder/src/components/automation/SetupPanel/GenericBindingPopover.svelte
+++ /dev/null
@@ -1,218 +0,0 @@
-<script>
-  import groupBy from "lodash/fp/groupBy"
-  import {
-    TextArea,
-    Input,
-    Heading,
-    Body,
-    Spacer,
-    Button,
-    Popover,
-  } from "@budibase/bbui"
-  import { createEventDispatcher } from "svelte"
-  import { isValid } from "@budibase/string-templates"
-  import { handlebarsCompletions } from "constants/completions"
-  import { readableToRuntimeBinding } from "builderStore/dataBinding"
-
-  export let value = ""
-  export let bindings = []
-  export let anchor
-  export let align
-  export let popover = null
-
-  let helpers = handlebarsCompletions()
-  let getCaretPosition
-  let validity = true
-  let search = ""
-
-  $: categories = Object.entries(groupBy("category", bindings))
-  $: value && checkValid()
-  $: searchRgx = new RegExp(search, "ig")
-
-  function onClickBinding(binding) {
-    const position = getCaretPosition()
-    const toAdd = `{{ ${binding.path} }}`
-    if (position.start) {
-      value =
-        value.substring(0, position.start) +
-        toAdd +
-        value.substring(position.end, value.length)
-    } else {
-      value += toAdd
-    }
-  }
-
-  function checkValid() {
-    const runtimeValue = readableToRuntimeBinding(bindings, value)
-    validity = isValid(runtimeValue)
-  }
-</script>
-
-<Popover {anchor} {align} bind:this={popover}>
-  <div class="container">
-    <div class="bindings">
-      <Heading small>Available bindings</Heading>
-      <Spacer medium />
-      <Input extraThin placeholder="Search" bind:value={search} />
-      <Spacer medium />
-      <div class="bindings__wrapper">
-        <div class="bindings__list">
-          {#each categories as [categoryName, bindings]}
-            <Heading extraSmall>{categoryName}</Heading>
-            <Spacer extraSmall />
-            {#each bindings.filter(binding =>
-              binding.label.match(searchRgx)
-            ) as binding}
-              <div class="binding" on:click={() => onClickBinding(binding)}>
-                <span class="binding__label">{binding.label}</span>
-                <span class="binding__type">{binding.type}</span>
-                <br />
-                <div class="binding__description">
-                  {binding.description || ''}
-                </div>
-              </div>
-            {/each}
-          {/each}
-          <Heading extraSmall>Helpers</Heading>
-          <Spacer extraSmall />
-          {#each helpers.filter(helper => helper.label.match(searchRgx) || helper.description.match(searchRgx)) as helper}
-            <div class="binding" on:click={() => onClickBinding(helper)}>
-              <span class="binding__label">{helper.label}</span>
-              <br />
-              <div class="binding__description">
-                {@html helper.description || ''}
-              </div>
-              <pre>{helper.example || ''}</pre>
-            </div>
-          {/each}
-        </div>
-      </div>
-    </div>
-    <div class="editor">
-      <Heading small>Data binding</Heading>
-      <Body small lh black>
-        Binding connects one piece of data to another and makes it dynamic.
-        Click the objects on the left to add them to the textbox.
-      </Body>
-      <TextArea
-        thin
-        bind:getCaretPosition
-        bind:value
-        placeholder="Add options from the left, type text, or do both" />
-      {#if !validity}
-        <p class="syntax-error">
-          Current Handlebars syntax is invalid, please check the guide
-          <a href="https://handlebarsjs.com/guide/">here</a>
-          for more details.
-        </p>
-      {/if}
-      <div class="controls">
-        <a href="https://docs.budibase.com/design/binding">
-          <Body small>Learn more about binding</Body>
-        </a>
-        <Button on:click={popover.hide} disabled={!validity} primary>
-          Done
-        </Button>
-      </div>
-    </div>
-  </div>
-</Popover>
-
-<style>
-  .container {
-    height: 40vh;
-    overflow-y: auto;
-    display: grid;
-    grid-template-columns: 280px 1fr;
-  }
-
-  .bindings {
-    border-right: 1px solid var(--grey-4);
-    flex: 0 0 240px;
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-start;
-    align-items: stretch;
-    padding-right: var(--spacing-l);
-  }
-  .bindings :global(label) {
-    margin: var(--spacing-m) 0;
-  }
-  .bindings :global(label:first-child) {
-    margin-top: 0;
-  }
-  .bindings__wrapper {
-    overflow-y: scroll;
-    overflow-x: hidden;
-    position: relative;
-    flex: 1 1 auto;
-    -ms-overflow-style: none;
-  }
-
-  .bindings__wrapper::-webkit-scrollbar {
-    width: 0;
-    height: 0;
-  }
-
-  .bindings__list {
-    position: absolute;
-    width: 100%;
-  }
-
-  .binding {
-    font-size: 12px;
-    padding: var(--spacing-s);
-    border-radius: var(--border-radius-m);
-  }
-  .binding:hover {
-    background-color: var(--grey-2);
-    cursor: pointer;
-  }
-  .binding__label {
-    font-weight: 500;
-    text-transform: capitalize;
-  }
-  .binding__description {
-    color: var(--grey-8);
-    margin-top: 2px;
-    white-space: normal;
-  }
-
-  pre {
-    white-space: normal;
-  }
-
-  .binding__type {
-    font-family: monospace;
-    background-color: var(--grey-2);
-    border-radius: var(--border-radius-m);
-    padding: 2px;
-    margin-left: 2px;
-    font-weight: 500;
-  }
-
-  .editor {
-    padding-left: var(--spacing-l);
-  }
-  .editor :global(textarea) {
-    min-height: 60px;
-  }
-
-  .controls {
-    display: grid;
-    grid-template-columns: 1fr auto;
-    grid-gap: var(--spacing-l);
-    align-items: center;
-    margin-top: var(--spacing-m);
-  }
-
-  .syntax-error {
-    color: var(--red);
-    font-size: 12px;
-  }
-
-  .syntax-error a {
-    color: var(--red);
-    text-decoration: underline;
-  }
-</style>
