matestack-ui-bootstrap 1.5.1 → 2.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 5a7cf311df5f9760370cf527d463e580cac4f999cedf373bf6ba33ba8d8afc13
-  data.tar.gz: 4bdff54a8b961262509c74e30f07cf3191e2e7991e9e076fc0c940cbfdedae2c
+  metadata.gz: f24abf9d50eab0b8ff52106c6f2d559ac00d602afbaebd5d6b726ffab4ae2850
+  data.tar.gz: cd128499828c67b5d9bb48e280c3e33bf90cb29c610342f1e05f787e45552b4f
 SHA512:
-  metadata.gz: 7e3a79cab56e0a8fe5f06d9ee7898e9d834c3d00fe8cbf5cd24e0b5c6ed2fc4c576649668137a1edb9bf8fb37ecb6c3ec5a540f8185361340f0d145dd9cbc203
-  data.tar.gz: aad4fc9dc922d312db12038fae6fab1366b4b185bdcd091c28a18ebf6a119ae7bc6527eeb555207523abc6ccbb86f63e606909f4e6b291de140945bbfa97ec6f
+  metadata.gz: f8f72a07d838be79818ad3d81f54d43c3f71ee9fe891300d9502be17beb199c05d8f373c41ab8088f781462c303638cdebc42bc2168a4a90ab96f40b513dc398
+  data.tar.gz: 87cad9cea3d33c8c738919dfe7607e7e4b1bedce8af88404b88c4d19a8bf8e14b489af12445cde79b4a0e01ebd5d0ec06bb7a495f6cb4e37a0aaa4b97223ac60

data/LICENSE

@@ -1,8 +1,20 @@
 Copyright (c) Matestack GmbH
 
-matestack-ui-bootstrap is an Open Source project licensed under the terms of
-the LGPLv3 license.  Please see <http://www.gnu.org/licenses/lgpl-3.0.html>
-for license text.
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
 
-Matestack will provide a commercial-friendly license allowing private forks
-and modifications of matestack-ui-bootstrap.  Please request at jonas@matestack.io
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/lib/matestack/ui/bootstrap.rb

@@ -1,27 +1,106 @@
-# require 'trailblazer'
-# require 'trailblazer/rails'
-# require 'trailblazer/cell'
-# require 'cell/rails'
-# require 'cell/haml'
-
 require "matestack/ui/core"
-require "matestack/ui/bootstrap/engine"
+
+base_path = 'matestack/ui/bootstrap'
+require "#{base_path}/version"
+
+module Matestack
+  module Ui
+    module Bootstrap
+    end
+  end
+end
+
+require "#{base_path}/base_component"
+require "#{base_path}/base_vue_js_component"
+
+module Matestack
+  module Ui
+    module Bootstrap
+      module Apps
+      end
+    end
+  end
+end
+require "#{base_path}/apps/admin_template"
 
 module Matestack
   module Ui
     module Bootstrap
-      # https://github.com/rails/webpacker/blob/5-x-stable/docs/engines.md
-      # ROOT_PATH = Pathname.new(File.expand_path("../../../../", Pathname.new(__FILE__).realpath))
-      ROOT_PATH = Pathname.new(File.join(__dir__, "../../../"))
-
-      class << self
-        def webpacker
-          @webpacker ||= ::Webpacker::Instance.new(
-            root_path: ROOT_PATH,
-            config_path: ROOT_PATH.join("config/webpacker.yml")
-          )
+      module Layout
+      end
+    end
+  end
+end
+require "#{base_path}/layout/row"
+require "#{base_path}/layout/column"
+require "#{base_path}/layout/container"
+require "#{base_path}/layout/sidebar"
+
+module Matestack
+  module Ui
+    module Bootstrap
+      module Components
+      end
+    end
+  end
+end
+require "#{base_path}/components/collapse"
+require "#{base_path}/components/navbar"
+require "#{base_path}/components/page_heading"
+require "#{base_path}/components/section_card"
+require "#{base_path}/components/carousel"
+require "#{base_path}/components/tooltip"
+require "#{base_path}/components/alert"
+require "#{base_path}/components/breadcrumb"
+require "#{base_path}/components/tab_nav"
+require "#{base_path}/components/progress"
+require "#{base_path}/components/toast"
+require "#{base_path}/components/accordion"
+require "#{base_path}/components/avatar"
+require "#{base_path}/components/close"
+require "#{base_path}/components/card"
+require "#{base_path}/components/dropdown"
+require "#{base_path}/components/modal"
+require "#{base_path}/components/list_group"
+require "#{base_path}/components/scrollspy"
+require "#{base_path}/components/button"
+require "#{base_path}/components/spinner"
+require "#{base_path}/components/pagination"
+require "#{base_path}/components/tab_nav_content"
+require "#{base_path}/components/popover"
+require "#{base_path}/components/badge"
+require "#{base_path}/components/button_group"
+require "#{base_path}/components/icon"
+
+module Matestack
+  module Ui
+    module Bootstrap
+      module Content
+        module SmartCollection
         end
       end
     end
   end
 end
+require "#{base_path}/content/figure"
+require "#{base_path}/content/smart_collection/collection"
+require "#{base_path}/content/smart_collection/content"
+require "#{base_path}/content/smart_collection/filter"
+require "#{base_path}/content/smart_collection/paginate"
+
+module Matestack
+  module Ui
+    module Bootstrap
+      module Form
+      end
+    end
+  end
+end
+require "#{base_path}/form/checkbox"
+require "#{base_path}/form/input"
+require "#{base_path}/form/radio"
+require "#{base_path}/form/select"
+require "#{base_path}/form/submit"
+require "#{base_path}/form/switch"
+
+require "#{base_path}/registry"

data/{app/concepts → lib}/matestack/ui/bootstrap/apps/admin_template.rb

@@ -1,9 +1,19 @@
+require_relative "../registry"
+
 class Matestack::Ui::Bootstrap::Apps::AdminTemplate < Matestack::Ui::App
 
-  def response
+  include Matestack::Ui::Bootstrap::Registry
+
+  def response(&block)
+    matestack do
+      body_response(&block)
+    end
+  end
+
+  def body_response(&block)
     div class: "d-flex flex-row" do
       if should_show_sidebar?
-        bs_sidebar sidebar_navigation_items: sidebar_navigation_items, slots: { sidebar_top: sidebar_top_slot }
+        bs_sidebar sidebar_navigation_items: sidebar_navigation_items, slots: { sidebar_top: method(:sidebar_top_slot) }
       end
       div id: "content", class: "content-wrapper w-100 #{content_background_class}" do
         if should_show_navbar?
@@ -16,7 +26,7 @@ class Matestack::Ui::Bootstrap::Apps::AdminTemplate < Matestack::Ui::App
           end
         end
         bs_container class: "my-5 px-4 pt-5" do
-          yield_page slots: { loading_state: loading_state_slot }
+          yield if block_given?
         end
       end
     end
@@ -40,9 +50,7 @@ class Matestack::Ui::Bootstrap::Apps::AdminTemplate < Matestack::Ui::App
   end
 
   def sidebar_top_slot
-    slot do
-      sidebar_top_partial if self.respond_to?(:sidebar_top_partial)
-    end
+    sidebar_top_partial if self.respond_to?(:sidebar_top_partial)
   end
 
   def toasts_partial
@@ -81,5 +89,4 @@ class Matestack::Ui::Bootstrap::Apps::AdminTemplate < Matestack::Ui::App
     "bg-light"
   end
 
-
 end

data/lib/matestack/ui/bootstrap/base_component.rb

@@ -0,0 +1,13 @@
+require_relative "./registry"
+
+module Matestack
+  module Ui
+    module Bootstrap
+      class BaseComponent < Matestack::Ui::Component
+
+        include Matestack::Ui::Bootstrap::Registry
+
+      end
+    end
+  end
+end

data/lib/matestack/ui/bootstrap/base_vue_js_component.rb

@@ -0,0 +1,13 @@
+require_relative "./registry"
+
+module Matestack
+  module Ui
+    module Bootstrap
+      class BaseVueJsComponent < Matestack::Ui::VueJsComponent
+
+        include Matestack::Ui::Bootstrap::Registry
+
+      end
+    end
+  end
+end

data/{app/concepts → lib}/matestack/ui/bootstrap/components/accordion.rb

@@ -1,33 +1,36 @@
-class Matestack::Ui::Bootstrap::Components::Accordion < Matestack::Ui::Component
+require_relative "../base_component"
+
+class Matestack::Ui::Bootstrap::Components::Accordion < Matestack::Ui::Bootstrap::BaseComponent
 
   # [ {header: { class, id, text, size, btn_variant, btn_class }, body: { class, text, multi } } ]
   optional :items # array with 2 Hashes: header and body
   optional :open
   optional :variant
-  optional attributes: { as: :bs_attrs }, class: { as: :bs_class }, id: { as: :bs_id }
+  optional :attributes, class: { as:  :bs_class }
+  optional :id
 
-  def setup
-    @accordion_id = (bs_id.present? ? bs_id : "matestack-accordion-#{SecureRandom.hex(3)}")
+  def prepare
+    @accordion_id = (context.id.present? ? context.id : "matestack-accordion-#{SecureRandom.hex(3)}")
   end
 
   def response
     div accordion_attributes do
-      accordion_content_partial if items.present?
-      yield_components
+      accordion_content_partial if context.items.present?
+      yield if block_given?
     end
   end
 
   protected
 
   def accordion_content_partial
-    items.each_with_index do | item, index |
+    context.items.each_with_index do | item, index |
       div class: "accordion-item" do
         heading class: "accordion-header #{item[:header][:class]}", id: (item[:header][:id] || "header-#{index}"), size: (item[:header][:size] || 2) do
           button class: "accordion-button", text:item[:header][:text],
             data: { "bs-toggle": "collapse", "bs-target": "#collapse-#{(item[:header][:id] || "header-#{index}") }" },
-            attributes: { "aria-expanded": "false", "aria-controls": "collapse-#{(item[:header][:id] || "header-#{index}")}", type: "button" }
+            "aria-expanded": "false", "aria-controls": "collapse-#{(item[:header][:id] || "header-#{index}")}", type: "button"
         end
-        bs_collapse class: "accordion-collapse #{ 'show' if open || item[:open] }", id: "collapse-#{(item[:header][:id] || "header-#{index}")}", labelledby: (item[:header][:id] || "header-#{index}"),
+        bs_collapse class: "accordion-collapse #{ 'show' if context.open || item[:open] }", id: "collapse-#{(item[:header][:id] || "header-#{index}")}", labelledby: (item[:header][:id] || "header-#{index}"),
           parent: @accordion_id, multi: (item[:body][:multi] || false) do
             div class: "accordion-body #{item[:body][:class]}" do
               plain item[:body][:text]
@@ -38,19 +41,18 @@ class Matestack::Ui::Bootstrap::Components::Accordion < Matestack::Ui::Component
   end
 
   def accordion_attributes
-    html_attributes.merge(
+    options.merge(
       id: @accordion_id,
-      class: accordion_classes,
-      attributes: bs_attrs
-    )
+      class: accordion_classes
+      ).merge(context.attributes || {})
   end
 
   def accordion_classes
     [].tap do |classes|
       classes << 'accordion'
-      classes << 'open' if open
-      classes << 'accordion-flush' if variant == :flush
-      classes << bs_class
+      classes << 'open' if context.open
+      classes << 'accordion-flush' if context.variant == :flush
+      classes << context.bs_class
     end.join(' ').strip
   end
 end

data/{app/concepts → lib}/matestack/ui/bootstrap/components/alert.js

@@ -1,6 +1,9 @@
 import * as bootstrap from 'bootstrap'
+import Vue from 'vue/dist/vue.esm'
 
-MatestackUiCore.Vue.component('matestack-ui-bootstrap-alert', {
+import MatestackUiCore from 'matestack-ui-core'
+
+Vue.component('matestack-ui-bootstrap-alert', {
   mixins: [MatestackUiCore.componentMixin],
 
   data() {
@@ -28,25 +31,25 @@ MatestackUiCore.Vue.component('matestack-ui-bootstrap-alert', {
   created: function() {
     const self = this
     // close_on event registration
-    if(self.componentConfig["close_on"] != undefined){
-      var close_events = self.componentConfig["close_on"].split(",")
+    if(self.props["close_on"] != undefined){
+      var close_events = self.props["close_on"].split(",")
       close_events.forEach(close_event => MatestackUiCore.matestackEventHub.$on(close_event.trim(), self.close));
     }
     // dispose_on event registration
-    if(self.componentConfig["dispose_on"] != undefined){
-      var dispose_events = self.componentConfig["dispose_on"].split(",")
+    if(self.props["dispose_on"] != undefined){
+      var dispose_events = self.props["dispose_on"].split(",")
       dispose_events.forEach(dispose_event => MatestackUiCore.matestackEventHub.$on(dispose_event.trim(), self.dispose));
     }
   },
 
   beforeDestroy: function() {
     const self = this
-    if(self.componentConfig["close_on"] != undefined){
-      var closen_events = self.componentConfig["close_on"].split(",")
+    if(self.props["close_on"] != undefined){
+      var closen_events = self.props["close_on"].split(",")
       closen_events.forEach(close_event => MatestackUiCore.matestackEventHub.$off(close_event.trim(), self.close));
     }
-    if(self.componentConfig["dispose_on"] != undefined){
-      var dispose_events = self.componentConfig["dispose_on"].split(",")
+    if(self.props["dispose_on"] != undefined){
+      var dispose_events = self.props["dispose_on"].split(",")
       dispose_events.forEach(dispose_event => MatestackUiCore.matestackEventHub.$off(dispose_event.trim(), self.dispose));
     }
   },

data/lib/matestack/ui/bootstrap/components/alert.rb

@@ -0,0 +1,43 @@
+require_relative "../base_vue_js_component"
+
+class Matestack::Ui::Bootstrap::Components::Alert < Matestack::Ui::Bootstrap::BaseVueJsComponent
+  vue_name "matestack-ui-bootstrap-alert"
+
+  optional :title, :variant, :dismissible, :animate, :title_size, class: { as:  :bs_class }
+  optional :close_on, :dispose_on # event names on which occourences we close or dispose the modal
+
+  def response
+    div alert_attributes do
+      heading context.title, size: (context.title_size || 4), class: 'alert-heading' if context.title
+      plain context.text if context.text
+      yield if block_given?
+      bs_close dismiss: "alert" if context.dismissible
+    end
+  end
+
+  protected
+
+  def vue_props
+    {}.tap do |props|
+      props[:close_on] = context.close_on
+      props[:dispose_on] = context.dispose_on
+    end
+  end
+
+  def alert_classes
+    classes = ['alert']
+    classes << "alert-#{context.variant || "primary"}"
+    classes << "alert-dismissible" if context.dismissible
+    classes << "fade show" if context.animate
+    classes << context.bs_class
+    classes.join(' ')
+  end
+
+  def alert_attributes
+    {}.tap do |attrs|
+      attrs[:class] = alert_classes,
+      attrs[:role] = :alert
+    end
+  end
+
+end

data/lib/matestack/ui/bootstrap/components/avatar.rb

@@ -0,0 +1,27 @@
+class Matestack::Ui::Bootstrap::Components::Avatar < Matestack::Ui::Bootstrap::BaseComponent
+
+  optional :bg_variant, :text_variant, :img_path, :size, class: { as:  :bs_class }
+
+  def response
+    if context.text.present? && context.img_path.nil?
+      div class: "rounded-circle bg-#{context.bg_variant || 'primary'} text-#{context.text_variant || 'white'} text-center p-2 #{context.bs_class}",
+        style: "height: #{height}px; width: #{width}px; display: inline-block;" do
+        plain context.text
+      end
+    else
+      div class: "rounded-circle text-#{context.text_variant || 'white'} text-center p-2 #{context.bs_class}",
+        style: "height: #{height}px; width: #{width}px; display: inline-block; background-image: url(#{context.img_path}); background-size: contain;" do
+        plain context.text
+      end
+    end
+  end
+
+  def height
+    context.size || 40
+  end
+
+  def width
+    context.size || 40
+  end
+
+end

data/lib/matestack/ui/bootstrap/components/badge.rb

@@ -0,0 +1,32 @@
+require_relative "../base_component"
+
+class Matestack::Ui::Bootstrap::Components::Badge < Matestack::Ui::Bootstrap::BaseComponent
+
+  optional class: { as:  :bs_class }
+  optional :variant, :rounded, :visually_hidden
+
+  def response
+    span badge_attributes do
+      plain context.text if context.text
+      yield if block_given?
+    end
+    span context.visually_hidden, class: "visually-hidden" if context.visually_hidden.present?
+  end
+
+  protected
+
+  def badge_attributes
+    options.merge(
+      class: badge_classes
+    )
+  end
+
+  def badge_classes
+    [].tap do |classes|
+      classes << 'badge'
+      classes << (context.variant.present? ? "bg-#{context.variant}" : "bg-secondary")
+      classes << "rounded-pill" if context.rounded
+      classes << context.bs_class
+    end.join(' ').strip
+  end
+end