css-zero 0.0.60 → 0.0.62

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 871a8269f4d74512519b9582720a027fe3ef50162cc5391aa4c53874ecb496f2
-  data.tar.gz: 0e42421a174fbda4a1d7246ebd46f36bb60425cb0e3e6943fc553e85ac9e3565
+  metadata.gz: 50f4f06305367205ea49ea3f51a52d15f1be0d03412988a1721c3d8fb21078f7
+  data.tar.gz: fc0907d77ef83b4c69446373baa99606a8217f406f4fb2ed78eaaeca0b738a3c
 SHA512:
-  metadata.gz: 330c2aa8bf2cf91b9fad4fb573e52900789f93556f6cb5e6552e56311b0ab07e8f28c24ca95e626c25552213906705a1f45a9013a85dbd1cb30066e1a2004f6e
-  data.tar.gz: 8501b13069a736a3f89f83634f841680daea78db53341a5e77d0deb417a352187633efeb294cadd4bf8f112cb2e2299e307a6ff1071facd09af5ab3af69c10eb
+  metadata.gz: aa156ba233ef386980a0ee10801205adeab2d75d4698a2828f164437db63caabb3f73fef9a1d0b08aaf6bbfa0cf4304d178180a692eead1f017a0725d73a28e6
+  data.tar.gz: ebad60a25af3c51dddaea41a62cce99aa1aca172bbde633a8b6852b0864097764ffea8ec57a62e0c49a6713e2edbe59d7ea38d7c141824d06ad70ee533217036

data/lib/css_zero/version.rb

@@ -1,3 +1,3 @@
 module CssZero
-  VERSION = "0.0.60"
+  VERSION = "0.0.62"
 end

data/lib/generators/css_zero/add/USAGE

@@ -2,7 +2,7 @@ Description:
     This will add components into your project.
 
 Components:
-  accordion alert autosave avatar badge breadcrumb button card carousel chart check_all combobox command collapsible datepicker dialog dropdown flash form fullscreen hotkey input input_concerns inputmask layouts lightbox local_time pagination progress prose sheet skeleton switch table tabs trix upload_preview toggle web_share
+  accordion alert autosave avatar badge breadcrumb button card carousel chart check_all combobox command collapsible datepicker dialog dropdown flash form fullscreen hotkey input input_concerns inputmask layouts lightbox local_time navigation pagination progress prose sheet skeleton sortable switch table tabs tooltip trix upload_preview toggle web_share
 
 Example:
     bin/rails generate css_zero:add [components...]

data/lib/generators/css_zero/add/resources.yml

@@ -87,6 +87,8 @@ lightbox:
   - app/assets/images/x.svg
 local_time:
   - app/javascript/controllers/local_time_controller.js
+navigation:
+  - app/javascript/controllers/navigation_controller.js
 pagination:
   - app/assets/images/chevron-right.svg
   - app/assets/images/chevron-left.svg
@@ -104,6 +106,8 @@ sheet:
   - app/assets/images/x.svg
 skeleton:
   - app/assets/stylesheets/skeleton.css
+sortable:
+  - app/javascript/controllers/sortable_controller.js
 switch:
   - app/assets/stylesheets/switch.css
 table:
@@ -111,6 +115,9 @@ table:
 tabs:
   - app/assets/stylesheets/tabs.css
   - app/javascript/controllers/tabs_controller.js
+tooltip:
+  - app/assets/stylesheets/tooltip.css
+  - app/javascript/controllers/tooltip_controller.js
 trix:
   - app/assets/stylesheets/ztrix.css
 upload_preview:

data/lib/generators/css_zero/add/templates/app/assets/stylesheets/tooltip.css

@@ -0,0 +1,22 @@
+.tippy-box {
+  background-color: var(--color-bg);
+  border: 1px solid var(--color-border);
+  border-radius: var(--rounded-md);
+  box-shadow: var(--shadow-md);
+  color: var(--color-text);
+  font-size: var(--text-sm);
+  line-height: var(--leading-normal);
+  transition-property: transform, visibility, opacity;
+
+  &[data-state=hidden] {
+    opacity: 0;
+  }
+
+  &[data-state=visible] {
+    transition-timing-function: var(--ease-in);
+  }
+
+  .tippy-content {
+    padding: var(--size-1_5) var(--size-3);
+  }
+}

data/lib/generators/css_zero/add/templates/app/javascript/controllers/navigation_controller.js

@@ -0,0 +1,16 @@
+import { Controller } from "@hotwired/stimulus"
+import { Turbo } from "@hotwired/turbo-rails"
+
+export default class extends Controller {
+  back() {
+    history.back()
+  }
+
+  forward() {
+    history.forward()
+  }
+
+  reload() {
+    Turbo.visit(location.href, { action: "replace", shouldCacheSnapshot: false })
+  }
+}

data/lib/generators/css_zero/add/templates/app/javascript/controllers/sortable_controller.js

@@ -0,0 +1,23 @@
+import { Controller } from "@hotwired/stimulus"
+import { put } from "https://cdn.skypack.dev/@rails/request.js@0.0.11"
+import Sortable from "https://cdn.skypack.dev/sortablejs"
+
+export default class extends Controller {
+  static values  = { url: String, group: String, handle: String }
+
+  connect() {
+    this.sortable = new Sortable(this.element, this.#options)
+  }
+
+  disconnect() {
+    this.sortable.destroy()
+  }
+
+  #submit({ item, newIndex, to }) {
+    put(item.dataset.urlValue, { responseKind: "plain", query: { position: newIndex, parent_id: to.dataset.parentId } })
+  }
+
+  get #options() {
+    return { animation: 150, onAdd: this.#submit, onUpdate: this.#submit, group: this.groupValue, handle: this.handleValue }
+  }
+}

data/lib/generators/css_zero/add/templates/app/javascript/controllers/tooltip_controller.js

@@ -0,0 +1,14 @@
+import { Controller } from "@hotwired/stimulus"
+import tippy from "https://cdn.skypack.dev/tippy.js@6.3.7"
+
+export default class extends Controller {
+  static values = { content: String }
+
+  connect() {
+    this.tooltip = tippy(this.element, { content: this.contentValue, arrow: false, interactive: true, delay: [700, 0], offset: [0, 3] })
+  }
+
+  disconnect() {
+    this.tooltip.destroy()
+  }
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: css-zero
 version: !ruby/object:Gem::Version
-  version: 0.0.60
+  version: 0.0.62
 platform: ruby
 authors:
 - Lázaro Nixon
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-11-08 00:00:00.000000000 Z
+date: 2024-11-13 00:00:00.000000000 Z
 dependencies: []
 description:
 email: lazaronixon@hotmail.com
@@ -82,6 +82,7 @@ files:
 - lib/generators/css_zero/add/templates/app/assets/stylesheets/tabs.css
 - lib/generators/css_zero/add/templates/app/assets/stylesheets/toggle.css
 - lib/generators/css_zero/add/templates/app/assets/stylesheets/tom-select.css
+- lib/generators/css_zero/add/templates/app/assets/stylesheets/tooltip.css
 - lib/generators/css_zero/add/templates/app/assets/stylesheets/zcombobox.css
 - lib/generators/css_zero/add/templates/app/assets/stylesheets/zdatepicker.css
 - lib/generators/css_zero/add/templates/app/assets/stylesheets/ztrix.css
@@ -106,9 +107,12 @@ files:
 - lib/generators/css_zero/add/templates/app/javascript/controllers/list_controller.js
 - lib/generators/css_zero/add/templates/app/javascript/controllers/local_time_controller.js
 - lib/generators/css_zero/add/templates/app/javascript/controllers/menu_controller.js
+- lib/generators/css_zero/add/templates/app/javascript/controllers/navigation_controller.js
 - lib/generators/css_zero/add/templates/app/javascript/controllers/popover_controller.js
 - lib/generators/css_zero/add/templates/app/javascript/controllers/revealable_input_controller.js
+- lib/generators/css_zero/add/templates/app/javascript/controllers/sortable_controller.js
 - lib/generators/css_zero/add/templates/app/javascript/controllers/tabs_controller.js
+- lib/generators/css_zero/add/templates/app/javascript/controllers/tooltip_controller.js
 - lib/generators/css_zero/add/templates/app/javascript/controllers/upload_preview_controller.js
 - lib/generators/css_zero/add/templates/app/javascript/controllers/web_share_controller.js
 - lib/generators/css_zero/authentication/authentication_generator.rb