tybo 0.3.24 → 0.4.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 8996c31097451e031e4b914ce1bec15f2875c8d109cd4635d83f2041857fd952
-  data.tar.gz: f56052f3c0a83da9fd3aacbcea21ea9e4893d8e283932b8a44b69585204005c2
+  metadata.gz: 8ab4cdfff13cd95e094c1f514ea158ac7864300189aafc8a7311f1d5e93841d8
+  data.tar.gz: e45e09cc3cedc966946edf94fa6719d23d4a25fc24a1b2a40e6f5ea9228e5124
 SHA512:
-  metadata.gz: '029c0fba8bc61cf7962221b98e4675948c5690cd8e99f52a859eb94da3058d943db342bdec53d534880f8803a2c0bdbf7e557957dbcfde3616eb77cf24921dbb'
-  data.tar.gz: 84c1fb812d2fa6d1633e627465d0a2ad5eb6bd7c6707c3c3ac0ea657ad0df5850bf3d88c553757eff024822b91cf705ef71efbfc33163301dde5b8c411a8074b
+  metadata.gz: 18a5116fbef742f8d9d43562e5c2b0b486953a9db59695b805bb8053ee0727df37a3c7c2c1d6f613211f09a6816d71ccb3b452dcbe4090c1213f79feb3bf5cbc
+  data.tar.gz: 8c4e0f30ef10f8a2d495ad9c034d41285afcd4ff677fd1111f6cb6b11c0e57448f9ab1f588d63e374c14fdb74706302acd45f552584b097dbe31aca90d1925d4

data/app/components/current_user_mini_card_component.html.erb

@@ -1,6 +1,6 @@
-<div class="flex-shrink-0 flex justify-between items-center border-t border-sidebar-200 p-4">
+<div class="flex items-center justify-between flex-shrink-0 p-4 text-white border-t border-tybo-400 ">
   <div class="flex items-center">
-    <p class="text-sm ml-3 font-medium text-white">
+    <p class="ml-3">
       <%= @user.email.truncate(27) %>
     </p>
   </div>

data/app/components/icons/categories_component.html.erb

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="flex-shrink-0 w-6 h-6 mr-3 text-white text-sidebar-50">
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" class="flex-shrink-0 w-6 h-6 mr-3 text-white text-sidebar-50">
   <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6A2.25 2.25 0 016 3.75h2.25A2.25 2.25 0 0110.5 6v2.25a2.25 2.25 0 01-2.25 2.25H6a2.25 2.25 0 01-2.25-2.25V6zM3.75 15.75A2.25 2.25 0 016 13.5h2.25a2.25 2.25 0 012.25 2.25V18a2.25 2.25 0 01-2.25 2.25H6A2.25 2.25 0 013.75 18v-2.25zM13.5 6a2.25 2.25 0 012.25-2.25H18A2.25 2.25 0 0120.25 6v2.25A2.25 2.25 0 0118 10.5h-2.25a2.25 2.25 0 01-2.25-2.25V6zM13.5 15.75a2.25 2.25 0 012.25-2.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-2.25A2.25 2.25 0 0113.5 18v-2.25z" />
 </svg>

data/app/components/icons/collection_component.html.erb

@@ -1,3 +1,3 @@
-<svg class="mr-3 flex-shrink-0 text-white h-6 w-6 text-sidebar-50" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
+<svg class="mr-3 flex-shrink-0 text-white h-6 w-6 text-sidebar-50" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" aria-hidden="true">
   <path stroke-linecap="round" stroke-linejoin="round" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" />
 </svg>

data/app/components/icons/dashboard_component.html.erb

@@ -1,5 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="flex-shrink-0 w-6 h-6 mr-3 text-white text-sidebar-50">
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" class="flex-shrink-0 w-6 h-6 mr-3 text-white text-sidebar-50">
   <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 6a7.5 7.5 0 107.5 7.5h-7.5V6z" />
   <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5H21A7.5 7.5 0 0013.5 3v7.5z" />
 </svg>
-

data/app/components/icons/drag_and_drop_component.html.erb

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 cursor-grabbing <%= @text_color %>">
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" class="w-4 h-4 cursor-grabbing <%= @text_color %>">
   <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 5.25h16.5m-16.5 4.5h16.5m-16.5 4.5h16.5m-16.5 4.5h16.5" />
 </svg>

data/app/components/icons/home_component.html.erb

@@ -1,4 +1,3 @@
-<svg class="mr-3 flex-shrink-0 h-6 w-6 text-white text-sidebar-50" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
+<svg class="mr-3 flex-shrink-0 h-6 w-6 text-white text-sidebar-50" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" aria-hidden="true">
   <path stroke-linecap="round" stroke-linejoin="round" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" />
 </svg>
-

data/app/components/icons/mic_component.html.erb

@@ -1,3 +1,3 @@
-<svg class="mr-3 flex-shrink-0 h-6 w-6 text-white text-sidebar-50" xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
+<svg class="mr-3 flex-shrink-0 h-6 w-6 text-white text-sidebar-50" xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1">
   <path stroke-linecap="round" stroke-linejoin="round" d="M11 5.882V19.24a1.76 1.76 0 01-3.417.592l-2.147-6.15M18 13a3 3 0 100-6M5.436 13.683A4.001 4.001 0 017 6h1.832c4.1 0 7.625-1.234 9.168-3v14c-1.543-1.766-5.067-3-9.168-3H7a3.988 3.988 0 01-1.564-.317z" />
 </svg>

data/app/components/icons/news_paper_component.html.erb

@@ -1,3 +1,3 @@
-<svg class="mr-3 flex-shrink-0 h-6 w-6 text-white text-sidebar-50" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+<svg class="mr-3 flex-shrink-0 h-6 w-6 text-white text-sidebar-50" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" class="w-6 h-6">
   <path stroke-linecap="round" stroke-linejoin="round" d="M12 7.5h1.5m-1.5 3h1.5m-7.5 3h7.5m-7.5 3h7.5m3-9h3.375c.621 0 1.125.504 1.125 1.125V18a2.25 2.25 0 01-2.25 2.25M16.5 7.5V18a2.25 2.25 0 002.25 2.25M16.5 7.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504 3.75 3 4.254 3 4.875V18a2.25 2.25 0 002.25 2.25h13.5M6 7.5h3v3H6v-3z" />
 </svg>

data/app/components/icons/office_building_component.html.erb

@@ -1,3 +1,3 @@
-<svg class="mr-3 flex-shrink-0 h-6 w-6 text-white text-sidebar-50" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
+<svg class="mr-3 flex-shrink-0 h-6 w-6 text-white text-sidebar-50" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" aria-hidden="true">
   <path stroke-linecap="round" stroke-linejoin="round" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4" />
 </svg>

data/app/components/icons/question_mark_circle_component.html.erb

@@ -1,3 +1,3 @@
-<svg class="mr-3 flex-shrink-0 h-6 w-6 text-white text-sidebar-50" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
+<svg class="mr-3 flex-shrink-0 h-6 w-6 text-white text-sidebar-50" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" aria-hidden="true">
   <path stroke-linecap="round" stroke-linejoin="round" d="M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
 </svg>

data/app/components/icons/users_component.html.erb

@@ -1,3 +1,3 @@
-<svg class="mr-3 flex-shrink-0 h-6 w-6 text-white text-sidebar-50" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
+<svg class="flex-shrink-0 w-6 h-6 mr-3 text-white text-sidebar-50" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" aria-hidden="true">
   <path stroke-linecap="round" stroke-linejoin="round" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"/>
 </svg>

data/app/components/icons/users_two_component.html.erb

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mr-3 flex-shrink-0 h-6 w-6 text-white text-sidebar-50">
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" class="flex-shrink-0 w-6 h-6 mr-3 text-white text-sidebar-50">
   <path stroke-linecap="round" stroke-linejoin="round" d="M15 19.128a9.38 9.38 0 002.625.372 9.337 9.337 0 004.121-.952 4.125 4.125 0 00-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 018.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0111.964-3.07M12 6.375a3.375 3.375 0 11-6.75 0 3.375 3.375 0 016.75 0zm8.25 2.25a2.625 2.625 0 11-5.25 0 2.625 2.625 0 015.25 0z" />
 </svg>

data/app/components/input/date_component.html.erb

@@ -0,0 +1,6 @@
+<div class="my-5">
+  <label class="block text-sm font-medium text-gray-700 string required">
+    <%= @label %>
+  </label>
+  <%= @form.date_field @field, class: "mt-1 block border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-tybo-500 focus:border-tybo-500 sm:text-sm string required", disabled: @disabled %>
+</div>

data/app/components/input/date_component.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+module Input
+  class DateComponent < ViewComponent::Base
+    def initialize(item:, field:, form:, disabled: false)
+      @item = item
+      @field = field
+      @form = form
+      @label = label
+      @disabled = disabled
+    end
+
+    def label
+      I18n.t("bo.#{@item.class.name.underscore}.attributes.#{@field}")
+    end
+  end
+end

data/app/components/sidebar_component.html.erb

@@ -1,23 +1,73 @@
-<div class=" md:flex md:w-64 md:flex-col md:fixed md:inset-y-0">
-  <div class="flex-1 flex flex-col min-h-0 bg-tybo">
-    <div class="flex-1 flex flex-col pt-5 pb-4 overflow-y-auto">
-      <div class="flex items-center flex-shrink-0 px-4">
-        <%= image_tag(Tybo.configuration.nav_logo_url, alt: "logo", class: 'mx-auto h-15 w-auto') %>
+<div data-controller="sidebar">
+  <!-- Barre de navigation mobile avec bouton d'ouverture du menu -->
+  <div class="sticky top-0 z-40 flex items-center h-16 px-4 border-b border-gray-200 shadow-sm bg-tybo lg:hidden shrink-0 gap-x-4 sm:gap-x-6 sm:px-6 lg:px-8">
+    <button type="button" class="-m-2.5 p-2.5 text-white lg:hidden" data-action="click->sidebar#toggle">
+      <span class="sr-only">Open sidebar</span>
+      <svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
+      </svg>
+    </button>
+  </div>
+  <!-- Sidebar mobile avec bouton de fermeture -->
+  <div class="fixed inset-0 z-50 transition-transform duration-300 ease-in-out transform -translate-x-full" data-sidebar-target="sidebar">
+    <div class="fixed inset-0 bg-gray-900/80 " aria-hidden="true" data-sidebar-target="bg"></div>
+    <div class="fixed inset-0 flex">
+      <div class="relative flex flex-1 w-full max-w-xs mr-16">
+        <div class="absolute top-0 flex justify-center w-16 pt-5 left-full">
+          <button type="button" class="-m-2.5 p-2.5" data-action="click->sidebar#close">
+            <span class="sr-only">Close sidebar</span>
+            <svg class="w-6 h-6 text-white" fill="none" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
+        </div>
+        <!-- Contenu de la sidebar -->
+        <div class="flex flex-col px-6 pb-4 overflow-y-auto bg-tybo-600 grow gap-y-5">
+          <div class="flex items-center h-16 shrink-0">
+            <%= image_tag(Tybo.configuration.nav_logo_url, alt: "logo", class: 'w-auto h-15 mt-5') %>
+          </div>
+          <nav class="flex flex-col flex-1">
+            <ul role="list" class="flex flex-col flex-1 gap-y-7">
+              <li>
+                <ul role="list" class="-mx-2 space-y-1">
+                  <% items.each do |item| %>
+                    <%= item %>
+                  <% end %>
+                </ul>
+              </li>
+              <li class="mt-auto">
+                <% if current_user_card? %>
+                  <%= current_user_card %>
+                <% end %>
+              </li>
+            </ul>
+          </nav>
+        </div>
+      </div>
+    </div>
+  </div>
+  <!-- Static sidebar pour desktop -->
+  <div class="sm:hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-72 lg:flex-col">
+    <div class="flex flex-col px-6 pb-4 overflow-y-auto bg-tybo-600 grow gap-y-5">
+      <div class="flex items-center h-16 shrink-0">
+        <%= image_tag(Tybo.configuration.nav_logo_url, alt: "logo", class: 'w-auto h-15 mt-5') %>
       </div>
-
-      <nav class="mt-5 flex-1 px-2 space-y-1" aria-label="Sidebar">
-
-        <% items.each do |item| %>
-          <%= item %>
-        <% end %>
-
+      <nav class="flex flex-col flex-1">
+        <ul role="list" class="flex flex-col flex-1 gap-y-7">
+          <li>
+            <ul role="list" class="-mx-2 space-y-1">
+              <% items.each do |item| %>
+                <%= item %>
+              <% end %>
+            </ul>
+          </li>
+          <li class="mt-auto">
+            <% if current_user_card? %>
+              <%= current_user_card %>
+            <% end %>
+          </li>
+        </ul>
       </nav>
-
     </div>
-
-    <% if current_user_card? %>
-      <%= current_user_card %>
-    <% end %>
-
   </div>
 </div>

data/app/components/sidebar_item_component.html.erb

@@ -1,7 +1,6 @@
-<%= link_to @path, class: "#{current_page?(@path) ? 'bg-tybo-800 text-white hover:bg-tybo-800' : ''} group flex items-center px-2 py-2 text-sm font-medium rounded-md hover:bg-tybo-800" do %>
+<%= link_to @path, class: "#{current_page?(@path) ? 'bg-tybo-800 text-white hover:bg-tybo-800 font-semibold' : ''} flex p-2 my-1 text-sm  leading-6 rounded-md group gap-x-3 hover:bg-tybo-700 hover:text-white text-indigo-200" do %>
   <%= render(@icon.new) %>
-
-  <span class="flex-1 text-white">
+  <span class="flex-1">
     <%= @label %>
   </span>
 <% end %>

data/app/components/sign_out_button_component.html.erb

@@ -1,5 +1,5 @@
-<%= button_to send("destroy_#{@resource}_session_path"), class:"flex items-center", method: :delete do %>
-  <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="white" stroke-width="2">
-    <path stroke-linecap="round" stroke-linejoin="round" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"/>
+<%= button_to send("destroy_#{@resource}_session_path"), class:"flex items-center ", method: :delete do %>
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1" stroke="white" class="flex-shrink-0 w-6 h-6 mr-3 font-bold text-gray-200 hover:stroke-white">
+    <path stroke-linecap="round" stroke-linejoin="round" d="M5.636 5.636a9 9 0 1 0 12.728 0M12 3v9" />
   </svg>
 <% end %>

data/app/views/login/home.html.erb

@@ -1,6 +1,6 @@
 
-  <div class="flex flex-1 flex-col justify-center py-12 px-4 sm:px-6 lg:flex-none lg:px-20 xl:px-24">
-    <div class="mx-auto w-full max-w-sm lg:w-96">
+  <div class="flex flex-col justify-center flex-1 px-4 py-12 sm:px-6 lg:flex-none lg:px-20 xl:px-24">
+    <div class="w-full max-w-sm mx-auto lg:w-96">
       <div>
         <%= image_tag Tybo.configuration.logo_url, class: 'h-12 w-auto' %>
       </div>

data/config/initializers/ransack.rb

@@ -12,13 +12,13 @@ Ransack.configure do |config|
                        type: :date
 
   config.custom_arrows = {
-    default_arrow: '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="inline-block w-4 h-4 align-middle">
+    default_arrow: '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" class="inline-block w-4 h-4 align-middle">
                       <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 15 12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9" />
                     </svg>',
-    up_arrow: '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block w-4 h-4 align-middle">
+    up_arrow: '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" class="inline-block w-4 h-4 align-middle">
                 <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 15.75 7.5-7.5 7.5 7.5" />
               </svg>',
-    down_arrow: '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block w-4 h-4 align-middle">
+    down_arrow: '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" class="inline-block w-4 h-4 align-middle">
                   <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5" />
                 </svg>'
   }

data/lib/generators/bo/templates/_form.html.erb

@@ -4,6 +4,8 @@
   <%- next if excluded_columns.include?(column.name.to_sym) || bo_model.reflect_on_all_associations.map(&:foreign_key).include?(column.name) -%>
   <%- if column.type == :datetime -%>
   <%%= render(Input::DatetimeComponent.new(item: <%= class_name.underscore %>, field: '<%= column.name %>', form: f)) %>
+  <%- elsif column.type == :date -%>
+  <%%= render(Input::DateComponent.new(item: <%= class_name.underscore %>, field: '<%= column.name %>', form: f)) %>
   <%- else -%>
   <%%= f.input :<%= column.name %>,label: I18n.t('bo.<%= class_name.underscore %>.attributes.<%= column.name %>') %>
   <%- end -%>

data/lib/generators/bo_namespace/templates/admin.html.erb

@@ -10,16 +10,15 @@
     <%%= javascript_importmap_tags %>
     <%%= hotwire_livereload_tags if Rails.env.development? %>
   </head>
-
   <body class="h-full bg-home">
     <%% if <%= class_name.underscore %>_signed_in? %>
-      <%%= render('<%= class_name.underscore.pluralize %>/layouts/side_bar') %>
+    <%%= render('<%= class_name.underscore.pluralize %>/layouts/side_bar') %>
     <%% end %>
-    <div class="<%%= 'md:pl-64' if <%= class_name.underscore %>_signed_in? %> flex flex-col flex-1">
-      <main>
-        <div class="py-6">
-        <%%= render('layouts/flash') %>
-          <%%= yield %>
+    <div class="lg:pl-72">
+      <main class="py-10">
+        <div class="px-4 sm:px-6 lg:px-8">
+          <%%= render('layouts/flash') %>
+          <%= yield %>
         </div>
       </main>
     </div>

data/lib/generators/tybo_install/templates/tailwind.config.js

@@ -16,20 +16,26 @@ module.exports = {
       fontFamily: {
         sans: ['Inter var', ...defaultTheme.fontFamily.sans],
       },
+      screens: {
+        sm: '480px',
+        md: '768px',
+        lg: '976px',
+        xl: '1440px',
+      },
       colors: {
         tybo: {
-          DEFAULT: '#5626d9',
-          '50': '#f4f3ff',
-          '100': '#eae9fe',
-          '200': '#d8d6fe',
-          '300': '#bbb5fd',
-          '400': '#998bfa',
-          '500': '#785cf6',
-          '600': '#663aed',
-          '700': '#5626d9',
-          '800': '#4921b6',
-          '900': '#3d1d95',
-          '950': '#241065',
+          DEFAULT: '#581c87',
+          '50': '#fbf5ff',
+          '100': '#f5e8ff',
+          '200': '#edd5ff',
+          '300': '#ddb4fe',
+          '400': '#c784fc',
+          '500': '#b055f7',
+          '600': '#9a33ea',
+          '700': '#8222ce',
+          '800': '#6d21a8',
+          '900': '#581c87',
+          '950': '#3b0764',
         },
         'red-alert': {
           DEFAULT: '#d0342c',

data/lib/generators/tybo_install/tybo_install_generator.rb

@@ -37,11 +37,11 @@ class TyboInstallGenerator < Rails::Generators::Base
 
   def add_javascript_controllers
     inject_into_file 'app/javascript/controllers/application.js', after: "const application = Application.start()\n" do 
-      "import { Dropdown, Flash, SearchForm, TsSearch, TsSelect } from \"@tymate/tybo_js\"\n"
+      "import { Dropdown, Flash, SearchForm, TsSearch, TsSelect, Sidebar } from \"@tymate/tybo_js\"\n"
     end
 
     inject_into_file 'app/javascript/controllers/application.js', before: "export { application }" do 
-      "application.register('dropdown', Dropdown)\napplication.register('flash', Flash)\napplication.register('search-form', SearchForm)\napplication.register('ts--search', TsSearch)\napplication.register('ts--select', TsSelect)\n"
+      "application.register('dropdown', Dropdown)\napplication.register('flash', Flash)\napplication.register('search-form', SearchForm)\napplication.register('ts--search', TsSearch)\napplication.register('ts--select', TsSelect)\napplication.register('sidebar', Sidebar)\n"
     end
   end
 

data/lib/tybo/version.rb

@@ -1,3 +1,3 @@
 module Tybo
-  VERSION = '0.3.24'
+  VERSION = '0.4.0'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: tybo
 version: !ruby/object:Gem::Version
-  version: 0.3.24
+  version: 0.4.0
 platform: ruby
 authors:
 - Michel Delpierre
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-08-28 00:00:00.000000000 Z
+date: 2024-09-30 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -109,7 +109,7 @@ dependencies:
         version: 4.9.3
 description: Custom admin engine for Ruby on Rails working with generators
 email:
-- tech@tymate.com
+- michel@tymate.com
 executables: []
 extensions: []
 extra_rdoc_files: []
@@ -183,6 +183,8 @@ files:
 - app/components/index_header_component.rb
 - app/components/index_header_export_component.html.erb
 - app/components/index_header_export_component.rb
+- app/components/input/date_component.html.erb
+- app/components/input/date_component.rb
 - app/components/input/datetime_component.html.erb
 - app/components/input/datetime_component.rb
 - app/components/input/file_component.html.erb
@@ -298,7 +300,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.5.11
+rubygems_version: 3.5.16
 signing_key:
 specification_version: 4
 summary: A tailwind custom admin engine for Ruby on Rails