ui_bibz 2.5.5 → 3.0.0.alpha6

data/lib/ui_bibz/ui/ux/containers/components/panel_header_title.rb

@@ -0,0 +1,47 @@
+# frozen_string_literal: true
+
+module UiBibz::Ui::Ux::Containers::Components
+  # Create a panel header
+  #
+  # ==== Attributes
+  #
+  # * +content+ - Content of element
+  # * +options+ - Options of element
+  # * +html_options+ - Html Options of element
+  #
+  # ==== Options
+  #
+  # You can add HTML attributes using the +html_options+.
+  # You can pass arguments in options attribute:
+  #
+  # ==== Signatures
+  #
+  #   UiBibz::Ui::Core::Boxes::PanelHeader.new(content, options = nil, html_options = nil)
+  #
+  #   UiBibz::Ui::Core::Boxes::CarHeader.new(options = nil, html_options = nil) do
+  #     content
+  #   end
+  #
+  # ==== Examples
+  #
+  #   UiBibz::Ui::Core::Boxes::PanelHeader.new.render
+  #
+  #   UiBibz::Ui::Core::Boxes::PanelHeader.new do
+  #     'Exemple'
+  #   end.render
+  #
+  class PanelHeaderTitle < UiBibz::Ui::Core::Component
+    # See UiBibz::Ui::Core::Component.initialize
+
+    # Render html tag
+    def pre_render
+      content_tag :div, @content, html_options
+    end
+
+    private
+
+    def component_html_classes
+      'panel-title'
+    end
+  end
+end

data/lib/ui_bibz/ui/ux/containers/components/panel_tab_group.rb

@@ -31,10 +31,6 @@ module UiBibz::Ui::Ux::Containers::Components
   #   end.render
   #
   class PanelTabGroup < UiBibz::Ui::Core::Navigations::TabGroup
-    def initialize(content = nil, options = nil, html_options = nil, &block)
-      super
-    end
-
     private
 
     def component_html_classes

data/lib/ui_bibz/ui/ux/containers/components/panel_toolbar.rb

@@ -24,9 +24,6 @@ module UiBibz::Ui::Ux::Containers::Components
   #
   class PanelToolbar < UiBibz::Ui::Core::Navigations::Toolbar
     # See UiBibz::Ui::Core::Component.initialize
-    def initialize(content = nil, options = nil, html_options = nil, &block)
-      super
-    end
 
     private
 

data/lib/ui_bibz/ui/ux/containers/panel.rb

@@ -39,6 +39,8 @@ module UiBibz::Ui::Ux::Containers
   #   end
   #
   class Panel < UiBibz::Ui::Core::Component
+    include UiBibz::Ui::Concerns::HtmlConcern
+
     def initialize(content = nil, options = nil, html_options = nil, &block)
       super
       @items = []
@@ -74,7 +76,7 @@ module UiBibz::Ui::Ux::Containers
 
     # Add Header which is a component
     def header(content = nil, options = nil, html_options = nil, &block)
-      @header = if tap?(content, options)
+      @header = if tapped?(block)
                   UiBibz::Ui::Ux::Containers::Components::PanelHeader.new(content, options, html_options).tap(&block).render
                 else
                   UiBibz::Ui::Ux::Containers::Components::PanelHeader.new(content, options, html_options, &block).render
@@ -83,7 +85,7 @@ module UiBibz::Ui::Ux::Containers
 
     # Add Header which is a component
     def footer(content = nil, options = nil, html_options = nil, &block)
-      @footer = if tap?(content, options)
+      @footer = if tapped?(block)
                   UiBibz::Ui::Ux::Containers::Components::PanelFooter.new(content, options, html_options).tap(&block).render
                 else
                   UiBibz::Ui::Ux::Containers::Components::PanelFooter.new(content, options, html_options, &block).render

data/lib/ui_bibz/ui/ux/tables/components/thead.rb

@@ -32,9 +32,6 @@ module UiBibz::Ui::Ux::Tables
   #
   class Thead < UiBibz::Ui::Core::Component
     # See UiBibz::Ui::Core::Component.initialize
-    def initialize(content = nil, options = nil, html_options = nil, &block)
-      super
-    end
 
     # Render html tag
     def pre_render

data/lib/ui_bibz/ui/ux/tables/table.rb

@@ -7,7 +7,6 @@ require 'ui_bibz/ui/ux/tables/components/actions'
 require 'ui_bibz/ui/ux/tables/components/thead'
 require 'ui_bibz/ui/ux/tables/components/as'
 require 'ui_bibz/ui/ux/tables/extensions/paginable'
-require 'ui_bibz/ui/ux/tables/extensions/paginable'
 require 'ui_bibz/ui/ux/tables/extensions/searchable'
 require 'ui_bibz/ui/ux/tables/extensions/sortable'
 require 'ui_bibz/ui/ux/tables/extensions/actionable'
@@ -28,7 +27,6 @@ module UiBibz::Ui::Ux::Tables
   # You can pass arguments in options attribute:
   # * +store+ - Store generate by '+table_search_pagination+' method
   # * +url+ - String
-  # * +tap+ - Boolean
   # * +actionable+ - Boolean
   # * +sortable+ - Boolean
   # * +searchable+ - Boolean
@@ -50,7 +48,7 @@ module UiBibz::Ui::Ux::Tables
   #
   #   UiBibz::Ui::Ux::Tables::Table.new(store: @store)
   #
-  #   UiBibz::Ui::Ux::Tables::Table.new(store: @store, tap: true) do |t|
+  #   UiBibz::Ui::Ux::Tables::Table.new(store: @store) do |t|
   #     t.columns do |c|
   #       c.column :id, name: '#'
   #     end
@@ -81,7 +79,7 @@ module UiBibz::Ui::Ux::Tables
   #
   #   table(options = {}, html_options = {})
   #
-  #   table(options = { tap: true }, html_options = {}) do |t|
+  #   table(options = {}, html_options = {}) do |t|
   #     t.columns do |cls|
   #       cls.column(name, options = {}, html_options = {})
   #       cls.column(options = {}, html_options = {}) do

data/lib/ui_bibz/ui/ux/tables/table_card.rb

@@ -18,7 +18,6 @@ module UiBibz::Ui::Ux::Tables
   # You can pass arguments in options attribute:
   # * +store+ - Store generate by '+table_search_pagination+' method
   # * +url+ - String
-  # * +tap+ - Boolean
   # * +table_options+ - Hash
   #   * +actionable+ - Boolean
   #   * +sortable+ - Boolean
@@ -40,7 +39,7 @@ module UiBibz::Ui::Ux::Tables
   #
   #   UiBibz::Ui::Ux::Tables::TableCard.new(store: @store)
   #
-  #   UiBibz::Ui::Ux::Tables::TableCard.new(store: @store, tap: true) do |t|
+  #   UiBibz::Ui::Ux::Tables::TableCard.new(store: @store) do |t|
   #     t.columns do |c|
   #       c.column '#', { data_index: '#' }
   #     end
@@ -72,7 +71,7 @@ module UiBibz::Ui::Ux::Tables
   #
   #   table_card(options = {}, html_options = {})
   #
-  #   table_card(options = { tap: true }, html_options = {}) do |t|
+  #   table_card(options = {}, html_options = {}) do |t|
   #     t.header(content, options = {}, html_options = {})
   #     # or
   #     t.header(options = {}, html_options = {}) do
@@ -105,6 +104,8 @@ module UiBibz::Ui::Ux::Tables
   #     end
   #   end
   class TableCard < UiBibz::Ui::Core::Boxes::Card
+    include UiBibz::Ui::Concerns::HtmlConcern
+
     # See UiBibz::Ui::Core::Boxes::Card.initialize
     def initialize(content = nil, options = nil, html_options = nil, &block)
       super

data/lib/ui_bibz/ui/ux/tables/table_search_field.rb

@@ -40,23 +40,23 @@ module UiBibz::Ui::Ux::Tables
     def search_field_html
       # add surround_field maybe ?
       content_tag :div, html_options do
-        concat content_tag(:span, UiBibz::Ui::Core::Icons::Glyph.new('search').render, class: 'input-group-addon')
+        concat content_tag(:span, UiBibz::Ui::Core::Icons::Glyph.new('search').render, class: 'input-group-text')
         concat tag(:input, type: 'search', value: search_content, name: 'search', class: 'form-control', placeholder: search_placeholder_field)
         concat tag(:input, type: 'hidden', name: 'link_type', value: 'search')
-        concat content_tag(:span, UiBibz::Ui::Core::Icons::Glyph.new('times-circle').render, class: 'clear-search-btn input-group-addon')
+        concat content_tag(:span, UiBibz::Ui::Core::Icons::Glyph.new('times-circle').render, class: 'clear-search-btn input-group-text')
       end
     end
 
     def search_field_html_in_wrap
       content_tag :div, html_options do
-        concat content_tag(:span, UiBibz::Ui::Core::Icons::Glyph.new('search').render, class: 'input-group-addon')
+        concat content_tag(:span, UiBibz::Ui::Core::Icons::Glyph.new('search').render, class: 'input-group-text')
         store.parameters.with_indifferent_access.reject { |k, _| default_parameters?(k) }.each do |k, v|
           concat tag(:input, type: 'hidden', name: k, value: v)
         end
         concat tag(:input, type: 'hidden', name: 'store_id', value: store.id) unless store.id.nil? # if there is more one table in html page
         concat tag(:input, type: 'hidden', name: 'link_type', value: 'search')
         concat tag(:input, type: 'search', value: search_content, name: 'search', class: 'form-control', placeholder: search_placeholder_field)
-        concat content_tag(:span, clear_button, class: 'input-group-btn clear-search-btn')
+        concat clear_button
       end
     end
 
@@ -69,7 +69,7 @@ module UiBibz::Ui::Ux::Tables
     end
 
     def clear_button
-      content_tag :button, UiBibz::Ui::Core::Icons::Glyph.new('times-circle').render, type: :button, class: 'btn btn-secondary'
+      content_tag :button, UiBibz::Ui::Core::Icons::Glyph.new('times-circle').render, type: :button, class: 'btn btn-secondary input-group-btn clear-search-btn'
     end
 
     def component_html_classes

data/lib/ui_bibz/utils/breakdown_class_name_generator.rb

@@ -0,0 +1,82 @@
+# frozen_string_literal: true
+
+module UiBibz::Utils
+  # Generate the col class name
+  class BreakdownClassNameGenerator
+    POSITIONING = %i[num offset push pull order].freeze
+    BREAKPOINTS = UiBibz::Ui::Core::Component::BREAKPOINTS
+    PARAMETERS =  BREAKPOINTS + POSITIONING + [:position]
+
+    def initialize(options = {}, klass_name = 'col')
+      @options = options.is_a?(Integer) ? { num: options } : options
+      @klass_name = klass_name
+    end
+
+    # Possible options
+    # 3 or md: 3 or md: { num: 3 }, xs: { num: 4 }
+    def class_names
+      return @klass_name unless col_options?
+
+      kl = []
+      @options.each do |key, value|
+        kl << write_classes(key.to_sym, value) if BREAKPOINTS.include?(key.to_sym)
+      end
+      kl << write_classes(nil, @options)
+
+      kl.delete_if(&:blank?)
+    end
+
+    private
+
+    def col_options?
+      (@options.keys.map(&:to_sym) & PARAMETERS).present?
+    end
+
+    # md: 8 or md: { num: 3}, xs: { num: 4 }
+    def write_classes(size, opts)
+      if opts.is_a?(Hash)
+        @position = opts[:position]
+
+        opts.map do |k, v|
+          send(k, size, v) if POSITIONING.include?(k.to_sym)
+        end.compact.join(' ')
+      else
+        send('num', size, opts)
+      end
+    end
+
+    # col-md-9
+    def num(size, number, _pos = nil)
+      size == :auto ? @klass_name : ["#{@klass_name}#{position}", size, number].compact.join('-')
+    end
+
+    # col-md-offset-9
+    def offset(size, number)
+      ['offset', size, number].compact.join('-')
+    end
+
+    # col-md-push-9
+    def push(size, number)
+      [@klass_name, size, 'push', number].compact.join('-')
+    end
+
+    # order-md-9
+    def order(size, number)
+      ['order', size, number].compact.join('-')
+    end
+
+    # col-md-pull-9
+    def pull(size, number)
+      [@klass_name, size, 'pull', number].compact.join('-')
+    end
+
+    def position
+      case @position || @options[:position]
+      when :vertical
+        'y'
+      when :horizontal
+        'x'
+      end
+    end
+  end
+end

data/lib/ui_bibz/utils/internationalization.rb

@@ -12,7 +12,7 @@ module UiBibz::Utils
     end
 
     def translate
-      I18n.t(@translation, options_with_default)
+      I18n.t(@translation, **options_with_default)
     end
 
     private
@@ -30,7 +30,7 @@ module UiBibz::Utils
     end
 
     def translate_default
-      I18n.t([*@options[:default]].select { |translation| i18n_set? translation }.first, default: [*@options[:default]].last)
+      I18n.t(Array(@options[:default]).find { |translation| i18n_set? translation }, default: Array(@options[:default]).last)
     end
   end
 end

data/lib/ui_bibz/utils/screwdriver.rb

@@ -5,18 +5,24 @@ module UiBibz::Utils
   class Screwdriver
     include Singleton
 
-    def self.join_classes(*classes)
-      klasses = [*classes].flatten.map(&:to_s).compact.uniq.reject(&:blank?)
-      klasses.empty? ? nil : klasses
-    end
+    class << self
+      def join_classes(*classes)
+        klasses = Array(classes).flatten.map(&:to_s).compact.uniq.reject(&:blank?)
+        klasses.empty? ? nil : klasses
+      end
 
-    def self.exclude_classes(html_classes, *classes)
-      klasses = (html_classes || []).flatten.map(&:to_s).reject { |klass_name| [*classes].flatten.include?(klass_name.to_s) || klass_name.blank? }
-      klasses.empty? ? nil : klasses
-    end
+      def exclude_classes(html_classes, *classes)
+        klasses = (html_classes || []).flatten.map(&:to_s).reject { |klass_name| Array(classes).flatten.include?(klass_name.to_s) || klass_name.blank? }
+        klasses.empty? ? nil : klasses
+      end
+
+      def uniq_word_in_string(str)
+        str.split(/\s/).uniq
+      end
 
-    def self.uniq_word_in_string(str)
-      str.split(/\s/).uniq
+      def tapped?(block)
+        block.present? && block.parameters.present?
+      end
     end
   end
 end

data/test/dummy/Rakefile

@@ -3,6 +3,6 @@
 # Add your own tasks in files placed in lib/tasks ending in .rake,
 # for example lib/tasks/capistrano.rake, and they will automatically be available to Rake.
 
-require File.expand_path('config/application', __dir__)
+require_relative 'config/application'
 
 Rails.application.load_tasks

data/test/dummy/app/javascripts/packs/index.js

@@ -0,0 +1,3 @@
+import { UiBibz } from 'ui_bibz'
+
+UiBibz.start()

data/test/dummy/app/views/layouts/application.html.erb

@@ -3,7 +3,10 @@
 <head>
   <title>Dummy</title>
   <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
-  <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
+  <! -- <%= javascript_include_tag 'application', 'data-turbolinks-track' =>
+  true %> -->
+  <%= javascript_pack_tag 'application' %>
+  <%= stylesheet_pack_tag 'application' %>
   <%= csrf_meta_tags %>
 </head>
 <body>

data/test/dummy/bin/setup

@@ -1,31 +1,35 @@
 #!/usr/bin/env ruby
 # frozen_string_literal: true
 
-require 'pathname'
+require 'fileutils'
 
 # path to your application root.
-APP_ROOT = Pathname.new File.expand_path('..', __dir__)
+APP_ROOT = File.expand_path('..', __dir__)
 
-Dir.chdir APP_ROOT do
-  # This script is a starting point to setup your application.
-  # Add necessary setup steps to this file:
+def system!(*args)
+  system(*args) || abort("\n== Command #{args} failed ==")
+end
+
+FileUtils.chdir APP_ROOT do
+  # This script is a way to setup or update your development environment automatically.
+  # This script is idempotent, so that you can run it at anytime and get an expectable outcome.
+  # Add necessary setup steps to this file.
 
   puts '== Installing dependencies =='
-  system 'gem install bundler --conservative'
-  system 'bundle check || bundle install'
+  system! 'gem install bundler --conservative'
+  system('bundle check') || system!('bundle install')
 
   # puts "\n== Copying sample files =="
-  # unless File.exist?("config/database.yml")
-  #   system "cp config/database.yml.sample config/database.yml"
+  # unless File.exist?('config/database.yml')
+  #   FileUtils.cp 'config/database.yml.sample', 'config/database.yml'
   # end
 
   puts "\n== Preparing database =="
-  system 'bin/rake db:setup'
+  system! 'bin/rails db:prepare'
 
   puts "\n== Removing old logs and tempfiles =="
-  system 'rm -f log/*'
-  system 'rm -rf tmp/cache'
+  system! 'bin/rails log:clear tmp:clear'
 
   puts "\n== Restarting application server =="
-  system 'touch tmp/restart.txt'
+  system! 'bin/rails restart'
 end

data/test/dummy/config.ru

@@ -2,5 +2,6 @@
 
 # This file is used by Rack-based servers to start the application.
 
-require ::File.expand_path('../config/environment', __FILE__)
+require_relative 'config/environment'
+
 run Rails.application

data/test/dummy/config/application.rb

@@ -9,6 +9,7 @@ require 'ui_bibz'
 
 module Dummy
   class Application < Rails::Application
+    config.load_defaults 6.0
     # Settings in config/environments/* take precedence over those specified here.
     # Application configuration should go into files in config/initializers
     # -- all .rb files in that directory are automatically loaded.

data/test/dummy/config/cable.yml

@@ -0,0 +1,10 @@
+development:
+  adapter: async
+
+test:
+  adapter: test
+
+production:
+  adapter: redis
+  url: <%= ENV.fetch("REDIS_URL") { "redis://localhost:6379/1" } %>
+  channel_prefix: dummy_production