Formatting

packages/builder/src/components/common/NumberBox.svelte

@@ -32,6 +32,6 @@
   label {
     font-size: 14px;
     font-weight: 500;
-    margin-bottom: 8px
+    margin-bottom: 8px;
   }
 </style>

packages/builder/src/components/common/ValuesList.svelte

@@ -23,7 +23,6 @@
 </div>
 
 <style>
-
   .margin {
     margin-bottom: 16px;
     display: grid;
@@ -31,7 +30,7 @@
   .label {
     font-size: 14px;
     font-weight: 500;
-    margin-bottom: 8px
+    margin-bottom: 8px;
   }
   textarea {
     font-size: 14px;
@@ -42,8 +41,8 @@
     cursor: text;
     background: var(--grey-2);
     padding: 12px;
-    -moz-box-sizing: border-box; 
+    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box; 
+    -webkit-box-sizing: border-box;
-     box-sizing: border-box;
+    box-sizing: border-box;
   }
 </style>

packages/builder/src/components/database/ModelDataTable/ModelDataTable.svelte

@@ -86,9 +86,7 @@
   <div class="table-controls">
     <h2 class="title">{$backendUiStore.selectedModel.name}</h2>
     <Button primary on:click={createNewRecord}>
-      <span class="button-inner">
+      <span class="button-inner">Create New Record</span>
-        Create New Record
-      </span>
     </Button>
   </div>
   <table class="uk-table">
@@ -206,5 +204,4 @@
     display: flex;
     align-items: center;
   }
-
 </style>

packages/builder/src/components/database/ModelDataTable/modals/CreateEditRecord.svelte

@@ -142,7 +142,6 @@
     background: var(--grey-1);
     border-bottom-left-radius: 0.5rem;
     border-bottom-left-radius: 0.5rem;
-
   }
 
   .button-margin-3 {

packages/builder/src/components/userInterface/ComponentPropertiesPanel.svelte

@@ -30,7 +30,10 @@
   let selectedCategory = categories[0]
 
   $: components = $store.components
-  $: componentInstance = $store.currentView !== "component" ? {...$store.currentPreviewItem, ...$store.currentComponentInfo} : $store.currentComponentInfo
+  $: componentInstance =
+    $store.currentView !== "component"
+      ? { ...$store.currentPreviewItem, ...$store.currentComponentInfo }
+      : $store.currentComponentInfo
   $: componentDefinition = $store.components[componentInstance._component]
   $: componentPropDefinition =
     flattenedPanel.find(
@@ -46,18 +49,21 @@
 
   const onStyleChanged = store.setComponentStyle
 
-   function onPropChanged(key, value) {
+  function onPropChanged(key, value) {
-    if($store.currentView !== "component") {
+    if ($store.currentView !== "component") {
       store.setPageOrScreenProp(key, value)
       return
     }
     store.setComponentProp(key, value)
   }
 
-  $: isComponentOrScreen =  $store.currentView === "component" || $store.currentFrontEndType === "screen" 
+  $: isComponentOrScreen =
+    $store.currentView === "component" ||
+    $store.currentFrontEndType === "screen"
   $: isNotScreenslot = componentInstance._component !== "##builtin/screenslot"
 
-  $: displayName = isComponentOrScreen && componentInstance._instanceName && isNotScreenslot
+  $: displayName =
+    isComponentOrScreen && componentInstance._instanceName && isNotScreenslot
 
   function walkProps(component, action) {
     action(component)
@@ -92,11 +98,11 @@
     {categories}
     {selectedCategory} />
 
-    {#if displayName}
+  {#if displayName}
-      <div class="instance-name">
+    <div class="instance-name">
-        <strong>{componentInstance._instanceName}</strong>
+      <strong>{componentInstance._instanceName}</strong>
-      </div>
+    </div>
-    {/if}
+  {/if}
 
   <div class="component-props-container">
     {#if selectedCategory.value === 'design'}
@@ -108,8 +114,7 @@
         {panelDefinition}
         displayNameField={displayName}
         onChange={onPropChanged}
-        screenOrPageInstance={$store.currentView !== "component" && $store.currentPreviewItem} />
+        screenOrPageInstance={$store.currentView !== 'component' && $store.currentPreviewItem} />
-
     {:else if selectedCategory.value === 'events'}
       <EventsEditor component={componentInstance} />
     {/if}

packages/builder/src/components/userInterface/ComponentsHierarchy.svelte

@@ -7,7 +7,7 @@
   import { store } from "builderStore"
   import { ArrowDownIcon, ShapeIcon } from "components/common/Icons/"
 
-  export let screens = []  
+  export let screens = []
 
   let confirmDeleteDialog
   let componentToDelete = ""

packages/builder/src/components/userInterface/ComponentsHierarchyChildren.svelte

@@ -43,7 +43,7 @@
         style="padding-left: {level * 20 + 40}px">
         <div class="nav-item">
           <i class="icon ri-arrow-right-circle-fill" />
-          {isScreenslot(component._component) ? "Screenslot" : component._instanceName}
+          {isScreenslot(component._component) ? 'Screenslot' : component._instanceName}
         </div>
         <div class="actions">
           <ComponentDropdownMenu {component} />

packages/builder/src/components/userInterface/EventsEditor/StateBindingCascader.svelte

@@ -8,7 +8,7 @@
   import { EVENT_TYPE_MEMBER_NAME } from "components/common/eventHandlers"
   import { store, workflowStore } from "builderStore"
   import { ArrowDownIcon } from "components/common/Icons/"
-  import { createEventDispatcher } from 'svelte'
+  import { createEventDispatcher } from "svelte"
 
   export let parameter
 
@@ -26,7 +26,7 @@
   {/if}
   {#if parameter.name === 'workflow'}
     <Select on:change bind:value={parameter.value}>
-      <option value=""></option>
+      <option value="" />
       {#each $workflowStore.workflows.filter(wf => wf.live) as workflow}
         <option value={workflow._id}>{workflow.name}</option>
       {/each}

packages/builder/src/components/userInterface/SettingsView.svelte

@@ -13,9 +13,10 @@
   export let displayNameField = false
   export let screenOrPageInstance
 
-  let pageScreenProps = ["title","favicon", "description", "route"]
+  let pageScreenProps = ["title", "favicon", "description", "route"]
-  
+
-  const propExistsOnComponentDef = prop => pageScreenProps.includes(prop) || prop in componentDefinition.props
+  const propExistsOnComponentDef = prop =>
+    pageScreenProps.includes(prop) || prop in componentDefinition.props
 
   function handleChange(key, data) {
     data.target ? onChange(key, data.target.value) : onChange(key, data)
@@ -38,18 +39,23 @@
 {#if screenOrPageInstance}
   {#each screenOrPageDefinition as def}
     <PropertyControl
-        control={def.control}
+      control={def.control}
-        label={def.label}
+      label={def.label}
-        key={def.key}
+      key={def.key}
-        value={screenOrPageInstance[def.key]}
+      value={screenOrPageInstance[def.key]}
-        {onChange}
+      {onChange}
-        props={{ ...excludeProps(def, ['control', 'label']) }} />
+      props={{ ...excludeProps(def, ['control', 'label']) }} />
   {/each}
   <hr />
 {/if}
 
 {#if displayNameField}
-  <PropertyControl control={Input} label="Name" key="_instanceName" value={componentInstance._instanceName} {onChange} />
+  <PropertyControl
+    control={Input}
+    label="Name"
+    key="_instanceName"
+    value={componentInstance._instanceName}
+    {onChange} />
 {/if}
 
 {#if panelDefinition && panelDefinition.length > 0}

packages/builder/src/components/workflow/SetupPanel/SetupPanel.svelte

@@ -130,7 +130,11 @@
               {#each ACCESS_LEVELS as level}
                 <span class="access-level">
                   <label>{level.name}</label>
-                  <input class="uk-checkbox" type="checkbox" disabled={!level.editable} bind:checked={level.canExecute}/>
+                  <input
+                    class="uk-checkbox"
+                    type="checkbox"
+                    disabled={!level.editable}
+                    bind:checked={level.canExecute} />
                 </span>
               {/each}
             </div>

packages/standard-components/src/Login.svelte

@@ -23,7 +23,10 @@
 
   const login = async () => {
     loading = true
-    const response = await _bb.api.post("/api/authenticate", { username, password })
+    const response = await _bb.api.post("/api/authenticate", {
+      username,
+      password,
+    })
     if (response.status === 200) {
       const json = await response.json()
       localStorage.setItem("budibase:token", json.token)