coveragebook_components 0.8.0 → 0.8.2

data/app/assets/js/helpers/location.js

@@ -1,6 +1,8 @@
 function navigateTo(url, options = {}) {
-  if (window.Turbo && options.turbo === true) {
-    window.Turbo.visit(url, { action: options.action || "advance" });
+  if (window.Turbo && options.turbo !== false) {
+    delete options.turbo;
+    turboOptions = Object.assign({ action: "advance" }, options);
+    window.Turbo.visit(url, turboOptions);
   } else {
     location.assign(url);
   }

data/app/components/coco/app/blocks/sidebar_nav/sidebar_nav.css

@@ -7,6 +7,10 @@
     .nav-action {
       @apply cursor-pointer;
 
+      > a {
+        @apply hover:!bg-background-dark-2;
+      }
+
       .nav-item-label {
         @apply hidden !text-content-primary-inverse-vivid;
       }

data/app/components/coco/app/blocks/sidebar_nav_item/sidebar_nav_item.css

@@ -1,11 +1,7 @@
 @layer components {
   [data-coco][data-component="app-sidebar-nav-item"] {
-    @apply bg-background-dark-2 text-content-dark-muted text-center no-underline transition-colors flex-none cursor-pointer;
-    @apply flex items-center justify-center px-4 w-full flex-col;
-
-    &[href] {
-      @apply hover:text-content-light-1;
-    }
+    @apply bg-background-dark-2 text-content-dark-muted text-center no-underline flex-none cursor-pointer;
+    @apply flex items-center justify-center px-4 w-full flex-col hover:text-content-light-1;
 
     .nav-item-icon {
       @apply block mx-auto transition-colors;
@@ -102,11 +98,7 @@
 
 @layer utilities {
   .sidebar-nav-item-vertical-condensed {
-    @apply block px-2 py-4;
-
-    &[href] {
-      @apply hover:bg-content-dark-1;
-    }
+    @apply block px-2 py-4 hover:bg-content-dark-1;
 
     .nav-item-icon {
       @apply w-7 h-7;
@@ -122,11 +114,7 @@
   }
 
   .sidebar-nav-item-vertical {
-    @apply py-5;
-
-    &[href] {
-      @apply hover:bg-content-dark-1;
-    }
+    @apply py-5 hover:bg-content-dark-1;
 
     .nav-item-icon {
       @apply w-8 h-8;

data/app/components/coco/app/blocks/sidebar_nav_item/sidebar_nav_item.html.erb

@@ -25,7 +25,7 @@
             <select
               x-data
               class="sidebar-nav-menu-select"
-              @change="$dispatch('navigate', {url: $el.value})">
+              @change="navigateTo($el.value)">
               <% if menu_select_placeholder.present? %>
                 <option disabled="disabled" selected="selected"><%= menu_select_placeholder %></option>
               <% end %>

data/app/components/coco/app/blocks/sidebar_nav_item/sidebar_nav_item.js

@@ -1,11 +1,14 @@
 import tippy from "@libs/tippy";
 import { CocoComponent } from "@js/coco";
+import { navigateTo } from "@helpers/location";
 
 export default CocoComponent("appSidebarNavItem", () => {
   return {
     menu: null,
 
     init() {
+      this.navigateTo = navigateTo;
+
       if (this.$refs.menu) {
         this.menu = tippy(this.$el, {
           theme: "coco-naked-dropdown",

data/app/components/coco/base/button/button.rb

@@ -16,7 +16,7 @@ module Coco
 
     DEFAULT_THEME = nil
 
-    BUTTON_ATTRS = %i[type value name disabled href]
+    BUTTON_ATTRS = %i[type value name disabled href target]
 
     tag_name :button
     tag_attr(*BUTTON_ATTRS)

data/app/components/coco/base/icon/icon.rb

@@ -4,6 +4,12 @@ module Coco
 
     ICON_CACHE = {}
 
+    ALIASES = {
+      edit: "pen-line",
+      "edit-3": "pen-line",
+      grid: "grid-3x3"
+    }.freeze
+
     InvalidIconError = Class.new(StandardError)
 
     accepts_option :size, from: %i[xs sm md lg xl xxl full]
@@ -22,7 +28,7 @@ module Coco
     end
 
     def name
-      @icon_name
+      ALIASES.fetch(@icon_name.to_sym, @icon_name) if @icon_name
     end
 
     def svg

data/app/components/coco/base/modal/modal.html.erb

@@ -9,6 +9,7 @@
         data: x_data("modal"),
         bind: "root",
         cloak: true,
+        "@modal:visit": "modal.visit($event.detail.url)"
       },
     ) do %>
       <div class="modal-overlay" x-bind="overlay"></div>

data/app/components/coco/base/modal/modal.js

@@ -1,5 +1,6 @@
 import { CocoComponent } from "@js/coco";
 import { hideAll } from "@libs/tippy";
+import { navigateTo } from "@helpers/location";
 
 export default CocoComponent("modal", () => {
   return {
@@ -38,6 +39,10 @@ export default CocoComponent("modal", () => {
       if (this.$options.dismissable) this.hide();
     },
 
+    visit(url) {
+      navigateTo(url, { frame: this.frame.id });
+    },
+
     scrollTo(pos) {
       setTimeout(() => {
         this.$root.scrollTop = pos + this.contentOffsetTop;

data/config/icons.json

@@ -44,11 +44,13 @@
   "anchor",
   "angry",
   "annoyed",
+  "antenna",
   "aperture",
   "app-window",
   "apple",
   "archive",
   "archive-restore",
+  "archive-x",
   "area-chart",
   "armchair",
   "arrow-big-down",
@@ -120,13 +122,20 @@
   "backpack",
   "badge",
   "badge-alert",
+  "badge-cent",
   "badge-check",
   "badge-dollar-sign",
+  "badge-euro",
   "badge-help",
+  "badge-indian-rupee",
   "badge-info",
+  "badge-japanese-yen",
   "badge-minus",
   "badge-percent",
   "badge-plus",
+  "badge-pound-sterling",
+  "badge-russian-ruble",
+  "badge-swiss-franc",
   "badge-x",
   "baggage-claim",
   "ban",
@@ -139,6 +148,7 @@
   "bar-chart-big",
   "bar-chart-horizontal",
   "bar-chart-horizontal-big",
+  "barcode",
   "baseline",
   "bath",
   "battery",
@@ -167,6 +177,7 @@
   "bird",
   "bitcoin",
   "blinds",
+  "blocks",
   "bluetooth",
   "bluetooth-connected",
   "bluetooth-off",
@@ -175,22 +186,35 @@
   "bomb",
   "bone",
   "book",
+  "book-a",
+  "book-audio",
+  "book-check",
   "book-copy",
+  "book-dashed",
   "book-down",
+  "book-headphones",
+  "book-heart",
+  "book-image",
   "book-key",
   "book-lock",
   "book-marked",
   "book-minus",
   "book-open",
   "book-open-check",
+  "book-open-text",
   "book-plus",
-  "book-template",
+  "book-text",
+  "book-type",
   "book-up",
   "book-up-2",
+  "book-user",
   "book-x",
   "bookmark",
+  "bookmark-check",
   "bookmark-minus",
   "bookmark-plus",
+  "bookmark-x",
+  "boom-box",
   "bot",
   "box",
   "box-select",
@@ -201,11 +225,17 @@
   "brain-circuit",
   "brain-cog",
   "briefcase",
+  "bring-to-front",
   "brush",
   "bug",
+  "bug-off",
+  "bug-play",
   "building",
   "building-2",
   "bus",
+  "bus-front",
+  "cable",
+  "cable-car",
   "cake",
   "cake-slice",
   "calculator",
@@ -229,6 +259,9 @@
   "candy-cane",
   "candy-off",
   "car",
+  "car-front",
+  "car-taxi-front",
+  "caravan",
   "carrot",
   "case-lower",
   "case-sensitive",
@@ -245,14 +278,18 @@
   "chef-hat",
   "cherry",
   "chevron-down",
+  "chevron-down-circle",
   "chevron-down-square",
   "chevron-first",
   "chevron-last",
   "chevron-left",
+  "chevron-left-circle",
   "chevron-left-square",
   "chevron-right",
+  "chevron-right-circle",
   "chevron-right-square",
   "chevron-up",
+  "chevron-up-circle",
   "chevron-up-square",
   "chevrons-down",
   "chevrons-down-up",
@@ -330,7 +367,9 @@
   "command",
   "compass",
   "component",
+  "computer",
   "concierge-bell",
+  "cone",
   "construction",
   "contact",
   "contact-2",
@@ -361,12 +400,16 @@
   "cross",
   "crosshair",
   "crown",
+  "cuboid",
   "cup-soda",
   "currency",
+  "cylinder",
   "database",
   "database-backup",
+  "database-zap",
   "delete",
   "dessert",
+  "diameter",
   "diamond",
   "dice-1",
   "dice-2",
@@ -392,6 +435,8 @@
   "dot",
   "download",
   "download-cloud",
+  "drafting-compass",
+  "drama",
   "dribbble",
   "droplet",
   "droplets",
@@ -399,9 +444,6 @@
   "dumbbell",
   "ear",
   "ear-off",
-  "edit",
-  "edit-2",
-  "edit-3",
   "egg",
   "egg-fried",
   "egg-off",
@@ -436,7 +478,6 @@
   "file-code",
   "file-code-2",
   "file-cog",
-  "file-cog-2",
   "file-diff",
   "file-digit",
   "file-down",
@@ -484,11 +525,13 @@
   "fingerprint",
   "fish",
   "fish-off",
+  "fish-symbol",
   "flag",
   "flag-off",
   "flag-triangle-left",
   "flag-triangle-right",
   "flame",
+  "flame-kindling",
   "flashlight",
   "flashlight-off",
   "flask-conical",
@@ -509,7 +552,6 @@
   "folder-clock",
   "folder-closed",
   "folder-cog",
-  "folder-cog-2",
   "folder-dot",
   "folder-down",
   "folder-edit",
@@ -542,6 +584,7 @@
   "framer",
   "frown",
   "fuel",
+  "fullscreen",
   "function-square",
   "gallery-horizontal",
   "gallery-horizontal-end",
@@ -553,6 +596,7 @@
   "gantt-chart",
   "gantt-chart-square",
   "gauge",
+  "gauge-circle",
   "gavel",
   "gem",
   "ghost",
@@ -576,7 +620,8 @@
   "grab",
   "graduation-cap",
   "grape",
-  "grid",
+  "grid-2x2",
+  "grid-3x3",
   "grip",
   "grip-horizontal",
   "grip-vertical",
@@ -585,9 +630,12 @@
   "hand",
   "hand-metal",
   "hard-drive",
+  "hard-drive-download",
+  "hard-drive-upload",
   "hard-hat",
   "hash",
   "haze",
+  "hdmi-port",
   "heading",
   "heading-1",
   "heading-2",
@@ -614,6 +662,7 @@
   "ice-cream",
   "ice-cream-2",
   "image",
+  "image-down",
   "image-minus",
   "image-off",
   "image-plus",
@@ -623,7 +672,6 @@
   "indian-rupee",
   "infinity",
   "info",
-  "inspect",
   "instagram",
   "italic",
   "iteration-ccw",
@@ -643,6 +691,7 @@
   "lamp-floor",
   "lamp-wall-down",
   "lamp-wall-up",
+  "land-plot",
   "landmark",
   "languages",
   "laptop",
@@ -651,6 +700,8 @@
   "lasso-select",
   "laugh",
   "layers",
+  "layers-2",
+  "layers-3",
   "layout",
   "layout-dashboard",
   "layout-grid",
@@ -661,6 +712,8 @@
   "leaf",
   "leafy-green",
   "library",
+  "library-big",
+  "library-square",
   "life-buoy",
   "ligature",
   "lightbulb",
@@ -690,10 +743,12 @@
   "locate-fixed",
   "locate-off",
   "lock",
+  "lock-keyhole",
   "log-in",
   "log-out",
   "lollipop",
   "luggage",
+  "m-square",
   "magnet",
   "mail",
   "mail-check",
@@ -709,6 +764,7 @@
   "map",
   "map-pin",
   "map-pin-off",
+  "map-pinned",
   "martini",
   "maximize",
   "maximize-2",
@@ -760,6 +816,8 @@
   "mouse-pointer",
   "mouse-pointer-2",
   "mouse-pointer-click",
+  "mouse-pointer-square",
+  "mouse-pointer-square-dashed",
   "move",
   "move-3d",
   "move-diagonal",
@@ -824,16 +882,27 @@
   "parentheses",
   "parking-circle",
   "parking-circle-off",
+  "parking-meter",
   "parking-square",
   "parking-square-off",
   "party-popper",
   "pause",
   "pause-circle",
   "pause-octagon",
+  "paw-print",
   "pc-case",
+  "pen",
+  "pen-line",
+  "pen-square",
   "pen-tool",
   "pencil",
+  "pencil-line",
+  "pencil-ruler",
+  "pentagon",
   "percent",
+  "percent-circle",
+  "percent-diamond",
+  "percent-square",
   "person-standing",
   "phone",
   "phone-call",
@@ -881,15 +950,20 @@
   "printer",
   "projector",
   "puzzle",
+  "pyramid",
   "qr-code",
   "quote",
+  "rabbit",
   "radar",
   "radiation",
   "radio",
   "radio-receiver",
   "radio-tower",
+  "radius",
+  "rail-symbol",
   "rainbow",
   "rat",
+  "ratio",
   "receipt",
   "rectangle-horizontal",
   "rectangle-vertical",
@@ -918,6 +992,8 @@
   "rotate-3d",
   "rotate-ccw",
   "rotate-cw",
+  "route",
+  "route-off",
   "router",
   "rows",
   "rss",
@@ -934,12 +1010,19 @@
   "scale-3d",
   "scaling",
   "scan",
+  "scan-barcode",
+  "scan-eye",
   "scan-face",
   "scan-line",
+  "scan-search",
+  "scan-text",
   "scatter-chart",
   "school",
   "school-2",
   "scissors",
+  "scissors-line-dashed",
+  "scissors-square",
+  "scissors-square-dashed-bottom",
   "screen-share",
   "screen-share-off",
   "scroll",
@@ -950,6 +1033,8 @@
   "search-slash",
   "search-x",
   "send",
+  "send-horizontal",
+  "send-to-back",
   "separator-horizontal",
   "separator-vertical",
   "server",
@@ -962,15 +1047,23 @@
   "share",
   "share-2",
   "sheet",
+  "shell",
   "shield",
   "shield-alert",
+  "shield-ban",
   "shield-check",
-  "shield-close",
+  "shield-ellipsis",
+  "shield-half",
+  "shield-minus",
   "shield-off",
+  "shield-plus",
   "shield-question",
+  "shield-x",
   "ship",
+  "ship-wheel",
   "shirt",
   "shopping-bag",
+  "shopping-basket",
   "shopping-cart",
   "shovel",
   "shower-head",
@@ -984,11 +1077,14 @@
   "signal-low",
   "signal-medium",
   "signal-zero",
+  "signpost",
+  "signpost-big",
   "siren",
   "skip-back",
   "skip-forward",
   "skull",
   "slack",
+  "slash",
   "slice",
   "sliders",
   "sliders-horizontal",
@@ -997,6 +1093,7 @@
   "smartphone-nfc",
   "smile",
   "smile-plus",
+  "snail",
   "snowflake",
   "sofa",
   "soup",
@@ -1005,6 +1102,7 @@
   "sparkle",
   "sparkles",
   "speaker",
+  "speech",
   "spell-check",
   "spell-check-2",
   "spline",
@@ -1056,6 +1154,7 @@
   "table-2",
   "table-properties",
   "tablet",
+  "tablet-smartphone",
   "tablets",
   "tag",
   "tags",
@@ -1064,8 +1163,10 @@
   "tally-3",
   "tally-4",
   "tally-5",
+  "tangent",
   "target",
   "tent",
+  "tent-tree",
   "terminal",
   "terminal-square",
   "test-tube",
@@ -1076,6 +1177,7 @@
   "text-cursor-input",
   "text-quote",
   "text-select",
+  "theater",
   "thermometer",
   "thermometer-snowflake",
   "thermometer-sun",
@@ -1088,11 +1190,17 @@
   "toggle-left",
   "toggle-right",
   "tornado",
+  "torus",
   "touchpad",
   "touchpad-off",
   "tower-control",
   "toy-brick",
-  "train",
+  "tractor",
+  "traffic-cone",
+  "train-front",
+  "train-front-tunnel",
+  "train-track",
+  "tram-front",
   "trash",
   "trash-2",
   "tree-deciduous",
@@ -1102,14 +1210,17 @@
   "trending-down",
   "trending-up",
   "triangle",
+  "triangle-right",
   "trophy",
   "truck",
+  "turtle",
   "tv",
   "tv-2",
   "twitch",
   "twitter",
   "type",
   "umbrella",
+  "umbrella-off",
   "underline",
   "undo",
   "undo-2",
@@ -1120,6 +1231,7 @@
   "unlink",
   "unlink-2",
   "unlock",
+  "unlock-keyhole",
   "unplug",
   "upload",
   "upload-cloud",
@@ -1169,8 +1281,10 @@
   "warehouse",
   "watch",
   "waves",
+  "waypoints",
   "webcam",
   "webhook",
+  "weight",
   "wheat",
   "wheat-off",
   "whole-word",

data/lib/coco.rb

@@ -1,3 +1,3 @@
 module Coco
-  VERSION = "0.8.0"
+  VERSION = "0.8.2"
 end