lookbook 0.9.3 → 1.0.0.beta.0

data/app/views/lookbook/components/_sidebar.html.erb

@@ -1,69 +0,0 @@
-<div
-  x-data="sidebar"
-  @page:morphed.window="setActiveNavItem"
-  class="h-full bg-gray-100 overflow-hidden flex flex-col relative"
-  x-show="$store.sidebar.open"
-  x-cloak>
-
-  <div class="bg-white h-10 border-b border-gray-300 flex flex-none items-center relative pl-4 pr-4">
-    <%= component "branding" %>
-    <button class="flex-none flex items-center ml-auto" @click="$store.sidebar.toggle">
-      <%= icon "menu", size: 4, class: "text-indigo-500 transition" %>
-    </button>
-  </div>
-  
-  <% if feature_enabled?(:pages) && Lookbook.pages.any? %>
-    <div
-      class="grid overflow-hidden flex-grow"
-      :style="`grid-template-rows: ${$store.sidebar.panelSplits[0] || 1}fr 1px ${$store.sidebar.panelSplits[1] || 1}fr;`"
-      x-ref="sidebarPanels">
-      <div class="flex flex-col overflow-hidden">
-        <div class="flex items-center flex-none border-b border-gray-300 h-10 bg-white relative px-4">   
-          <h2 class="whitespace-nowrap relative">Previews</h2>
-        </div>
-        <div x-ref="filter" class="px-2 py-2 relative" x-cloak>
-          <%= component "filter" %> 
-        </div>
-        <div class="flex-grow pb-3 overflow-auto">
-          <%= component "nav", items: Lookbook.previews.as_tree, filterable: true %>
-        </div>
-      </div>
-      <div
-        x-data="splitter('horizontal', {minSize: 40})"
-        class="w-full gutter border-t border-gray-300 relative"
-        x-effect="setSplits(splits)">
-        <div class="h-[11px] w-full bg-transparent hover:bg-indigo-100 hover:bg-opacity-20 transition absolute left-0 right-0 -translate-y-1/2 cursor-[row-resize]"></div>
-      </div>
-      <div class="flex flex-col overflow-hidden">
-        <div class="flex items-center flex-none border-b border-gray-300 h-10 bg-white relative px-4">   
-          <h2 class="whitespace-nowrap relative">Pages</h2>
-        </div>
-        <div class="flex-grow pt-2 pb-3 overflow-auto">
-          <%= component "nav", items: Lookbook.pages.as_tree, filterable: false %>
-        </div>
-      </div>
-    </div>
-  <% else %>
-    <div x-ref="filter" class="px-2 py-2 relative" x-cloak>
-      <%= component "filter" %> 
-    </div>
-    <div class="flex-grow overflow-y-auto unsectioned">
-      <%= component "nav", items: Lookbook.previews.as_tree, filterable: true %>
-    </div>
-  <% end %>
-
-  <% if Lookbook::Preview.errors.any? %>
-    <div class="flex-none" x-ref="preview-errors" id="preview-errors">
-      <div class="flex items-center border-b border-t border-gray-300 h-10 bg-white px-4">   
-        <h2 class="flex items-center flex-none">
-          <%= icon "alert-triangle", size: 4, class: "text-red-700" %>
-          <span class="ml-2">Preview load errors</span>
-        </h2>
-      </div>
-      <div class="h-full max-h-[300px] overflow-hidden">
-        <%= component "errors", errors: Lookbook::Preview.errors %>
-      </div>
-    </div>
-  <% end %>
-
-</div>

data/app/views/lookbook/pages/not_found.html.erb

@@ -1,15 +0,0 @@
-<div id="page-not-found" class="bg-white flex flex-col items-center justify-center h-screen w-full">
-  <div class="p-4 text-center">
-    <%= icon "alert-triangle", size: 10, class: "text-red-300 mx-auto" %>
-    <div class="mt-3 text-gray-700 max-w-xs">
-      <div data-role="page-not-found">
-        <h5 class="text-base">Page not found</h5>
-        <% if params[:path].present? %>
-          <p class="mt-2 text-gray-400 text-sm">
-            The page "<span class="text-gray-500"><%= params[:path] %></span>" does not exist.
-          </p>
-        <% end %>
-      </div>
-    </div>
-  </div>
-</div>

data/app/views/lookbook/previews/error.html.erb

@@ -1 +0,0 @@
-<iframe id="error-iframe" src="<%= url_for lookbook_preview_path %>" frameborder="0" class=" h-screen w-full" seamless></iframe>

data/app/views/lookbook/previews/inputs/_select.html.erb

@@ -1,7 +0,0 @@
-<select
-  name="<%= name %>"
-  class="form-input"
-  x-model="value"
-  x-data="param('<%= name %>', '<%= j(value) %>')">
-  <%= options_for_select(options, value) %>
-</select>

data/app/views/lookbook/previews/inputs/_text.html.erb

@@ -1,8 +0,0 @@
-<input
-  class="form-input"
-  type="<%= input_type %>"
-  name="<%= name %>"
-  value="<%= value %>"
-  x-data="param('<%= name %>', '<%= j(value) %>', {debounce: 300})"
-  x-model="value"
-  @keyup.stop>

data/app/views/lookbook/previews/inputs/_textarea.html.erb

@@ -1,8 +0,0 @@
-<textarea
-  class="form-input"
-  name="<%= name %>"
-  rows="4"
-  @keyup.stop
-  x-model="value"
-  x-data="param('<%= name %>', '<%= j(value) %>', {debounce: 300})"
-><%= value %></textarea>

data/app/views/lookbook/previews/inputs/_toggle.html.erb

@@ -1,13 +0,0 @@
-<div x-data="param('<%= name %>', <%= j(value) %>)" data-morph-strategy="replace">
-  <button type="button"
-    class="relative inline-flex flex-shrink-0 h-6 w-11 border-2 border-transparent rounded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-400"
-    :class="{'bg-indigo-500': value, 'bg-gray-300': !value}"
-    role="switch"
-    @click.stop="value = !value;">
-    <span
-      aria-hidden="true"
-      class="pointer-events-none inline-block h-5 w-5 rounded-full bg-white shadow ring-0 transition ease-in-out duration-200"
-      :class="{'translate-x-5': value, 'translate-x-0': !value}"
-    ></span>
-  </button>
-</div>

data/app/views/lookbook/previews/not_found.html.erb

@@ -1,23 +0,0 @@
-<div id="not-found" class="bg-white flex flex-col items-center justify-center h-screen w-full">
-  <div class="px-4 text-center">
-    <%= icon "alert-triangle", size: 10, class: "text-red-300 mx-auto" %>
-    <div class="mt-3 text-gray-700 max-w-xs">
-      <% if @preview %>
-        <div data-role="example-not-found">
-          <h5 class="text-base">Not found</h5>
-          <p class="mt-2 text-gray-400 text-sm">
-            The "<span class="text-gray-500"><%= @preview.label %></span>" preview does not have an example named "<span class="text-gray-500"><%= @example_name %></span>".
-          </p>
-        </div>
-      <% else %>
-        <div data-role="preview-not-found">
-          <h5 class="text-base">Preview not found</h5>
-          <p class="mt-2 text-gray-400 text-sm">
-            Looked for "<span class="text-gray-500"><%= params[:path] %></span>".<br>
-            The preview may have been renamed or deleted.
-          </p>
-        </div>
-      <% end %>
-    </div>
-  </div>
-</div>