matestack-ui-bootstrap 1.5.1 → 2.0.0

data/app/concepts/matestack/ui/bootstrap/form/radio.rb

@@ -1,57 +0,0 @@
-class Matestack::Ui::Bootstrap::Form::Radio < Matestack::Ui::Core::Form::Radio::Base
-
-  vue_js_component_name "matestack-ui-core-form-radio"
-
-  optional :form_text
-  optional :disabled
-  optional :variant
-
-  def response
-    div class: "matestack-ui-bootstrap-radio" do
-      label class: "form-label", text: input_label if input_label
-
-      radio_options.to_a.each_with_index do |item, index|
-        div class: "form-check #{'form-check-inline' if variant == :inline}" do
-          input html_attributes.merge(
-            attributes: vue_attributes,
-            type: :radio,
-            id: "#{id_for_item(item_value(item))}",
-            name: item_name(item),
-            value: item_value(item),
-            class: radio_class,
-            disabled: disabled
-          )
-          label class: "form-check-label", text: item_label(item), for: id_for_item(item_value(item))
-          if index == radio_options.to_a.size - 1
-            render_errors
-          end
-        end
-      end
-      render_form_text if form_text
-    end
-
-  end
-
-  def radio_class
-    (options[:class] || "") << (" form-check-input")
-  end
-
-  def render_form_text
-    div id: "form_text_for_#{attr_key}", class: "form-text" do
-      plain form_text
-    end
-  end
-
-  def render_errors
-    unless @included_config[:errors] == false && (errors == false || errors.nil?) || errors == false
-      div class: 'invalid-feedback', attributes: { 'v-for': "error in #{error_key}" } do
-        plain '{{ error }}'
-      end
-    end
-  end
-
-  def input_error_class
-    'is-invalid'
-  end
-
-end

data/app/concepts/matestack/ui/bootstrap/form/select.rb

@@ -1,53 +0,0 @@
-class Matestack::Ui::Bootstrap::Form::Select < Matestack::Ui::Core::Form::Select::Base
-
-  vue_js_component_name "matestack-ui-core-form-select"
-
-  optional :variant
-  optional :size
-  optional :form_text
-
-  def response
-    div class: "matestack-ui-bootstrap-form-select" do
-      label for: attr_key,  class: "form-label", text: input_label if input_label
-      select select_attributes.merge({ id: (options[:id] || attr_key), class: form_select_class, size: size_class }) do
-        render_options
-      end
-      render_errors
-      render_form_text
-    end
-  end
-
-  def form_select_class
-    case variant
-    when :lg
-      (options[:class] || "") << (" form-select form-select-lg")
-    when :sm
-      (options[:class] || "") << (" form-select form-select-sm")
-    else
-      (options[:class] || "") << (" form-select")
-    end
-  end
-
-  def size_class
-    size
-  end
-
-  def render_errors
-    unless @included_config[:errors] == false && (errors == false || errors.nil?) || errors == false
-      div class: 'invalid-feedback', attributes: { 'v-for': "error in #{error_key}" } do
-        plain '{{ error }}'
-      end
-    end
-  end
-
-  def input_error_class
-    'is-invalid'
-  end
-
-  def render_form_text
-    div id: "form_text_for_#{attr_key}", class: "form-text" do
-      plain form_text
-    end
-  end
-
-end

data/app/concepts/matestack/ui/bootstrap/form/submit.rb

@@ -1,21 +0,0 @@
-class Matestack::Ui::Bootstrap::Form::Submit < Matestack::Ui::Component
-
-  optional :button_variant
-  optional :spinner_variant
-  optional :text
-  optional :loading_text
-  optional :loading_class
-
-  def response
-    form_submit do
-      bs_btn type: "submit", size: options[:size], class: "#{options[:class]}", variant: button_variant || :primary, attributes: { "v-if": "!loading()" } do
-        plain text || "Submit"
-      end
-      bs_btn type: "submit", size: options[:size], class: "#{options[:class]} #{loading_class}", variant: button_variant || :primary, attributes: { disabled: true, "v-if": "loading()" } do
-        bs_spinner variant: spinner_variant || :light, size: :sm
-        plain loading_text || "Loading..."
-      end
-    end
-  end
-
-end

data/app/concepts/matestack/ui/bootstrap/form/switch.rb

@@ -1,99 +0,0 @@
-class Matestack::Ui::Bootstrap::Form::Switch < Matestack::Ui::Bootstrap::Form::Checkbox
-
-  vue_js_component_name "matestack-ui-core-form-checkbox"
-
-  optional :form_text
-  optional :disabled
-  optional :variant
-
-  def response
-    div class: "matestack-ui-bootstrap-switch" do
-      label class: "form-label", text: input_label, for: attr_key if input_label && multiple?
-      render_options
-      render_errors
-      render_form_text unless form_text.nil? # otherwise renders empty div
-      # if !checkbox_options.empty?
-      #   label for: attr_key,  class: "form-label", text: input_label if input_label
-      # end
-      # if !checkbox_options.empty?
-      #   multiple_switches
-      # else
-      #   true_false_switch
-      # end
-      # render_form_text unless form_text.nil? # otherwise renders empty div
-    end
-  end
-
-  private
-
-  def checkbox_wrapper(options = {}, &block)
-    div class: "form-check form-switch #{'form-check-inline' if variant == :inline}", attributes: options[:attributes] do
-      yield
-    end
-  end
-
-  # def bs_label(text:, for_input:)
-  #   label text: text, for: for_input, class: 'form-check-label'
-  # end
-  #
-  # def true_false_switch
-  #   checkbox_wrapper do
-  #     form_input type: :hidden, key: key, value: (false_value || 0), errors: false
-  #     input html_attributes.merge(
-  #       type: :checkbox,
-  #       id: "#{id_for_item(value)}",
-  #       # id: "#{key}", alternative to address the visible input field better?
-  #       name: item_name(key),
-  #       value: checked_value,
-  #       class: 'form-check-input',
-  #       disabled: disabled,
-  #       attributes: vue_attributes.merge(
-  #         ref: "input.#{attr_key}",
-  #       )
-  #     )
-  #     bs_label text: input_label, for_input: id_for_item(value)
-  #     render_errors
-  #   end
-  # end
-  #
-  # def multiple_switches
-  #   checkbox_options.to_a.each do |item|
-  #     checkbox_wrapper do
-  #       input html_attributes.merge(
-  #         type: :checkbox,
-  #         id: "#{id_for_item(item_value(item))}",
-  #         name: item_name(item),
-  #         value: item_value(item),
-  #         class: 'form-check-input',
-  #         disabled: disabled,
-  #         attributes: vue_attributes
-  #       )
-  #       bs_label text: item_name(item), for_input: id_for_item(item_value(item))
-  #       render_errors if checkbox_options.to_a.last == item
-  #     end
-  #   end
-  # end
-  #
-  # def render_errors
-  #   unless @included_config[:errors] == false && (errors == false || errors.nil?) || errors == false
-  #     div class: 'invalid-feedback', attributes: { 'v-for': "error in #{error_key}" } do
-  #       plain '{{ error }}'
-  #     end
-  #   end
-  # end
-  #
-  # def input_error_class
-  #   'is-invalid'
-  # end
-  #
-  # def checkbox_options
-  #   super || {}
-  # end
-  #
-  # def render_form_text
-  #   div id: "form_text_for_#{attr_key}", class: "form-text" do
-  #     plain form_text
-  #   end
-  # end
-
-end

data/app/concepts/matestack/ui/bootstrap/layout/column.rb

@@ -1,47 +0,0 @@
-class Matestack::Ui::Bootstrap::Layout::Column < Matestack::Ui::Component
-
-  COL_ATTRIBUTES = %i[default sm md lg xl xxl]
-  optional *COL_ATTRIBUTES
-
-  ORDER_ATTRIBUTES = %i[order order_sm order_md order_lg order_xl order_xxl]
-  optional *ORDER_ATTRIBUTES
-
-  OFFSET_ATTRIBUTES = %i[offset offset_sm offset_md offset_lg offset_xl offset_xxl]
-  optional *OFFSET_ATTRIBUTES
-
-  optional class: { as: :bs_class }
-  optional :align_self
-
-  def response 
-    div col_attributes do
-      yield_components
-    end
-  end
-
-  protected
-
-  def col_attributes
-    html_attributes.merge(
-      class: col_classes,
-      attributes: options[:attributes]
-    )
-  end
-
-  def col_classes
-    classes = []      
-    COL_ATTRIBUTES.each do |attrs| 
-      classes << "col-#{ self.send(:"#{attrs}") }" if attrs == :default and self.send(:"#{attrs}")
-      classes << "col-#{attrs}-#{ self.send(:"#{attrs}") }" if attrs != :default and self.send(:"#{attrs}")
-    end
-    ORDER_ATTRIBUTES.each do |attrs| 
-      classes << "#{attrs}-#{ self.send(:"#{attrs}") }".gsub('_', '-') if self.send(:"#{attrs}")
-    end
-    OFFSET_ATTRIBUTES.each do |attrs| 
-      classes << "#{attrs}-#{ self.send(:"#{attrs}") }".gsub('_', '-') if self.send(:"#{attrs}")
-    end
-    classes << "align-self-#{align_self}" if align_self.present?
-    classes << "col" if classes.blank?
-    classes << bs_class
-    classes.join(' ').strip
-  end
-end

data/app/concepts/matestack/ui/bootstrap/layout/row.rb

@@ -1,15 +0,0 @@
-class Matestack::Ui::Bootstrap::Layout::Row < Matestack::Ui::Component
-  def prepare
-    @row_classes = []
-
-    @row_classes << "align-items-#{options[:vertical]}" if options[:vertical].present?
-    @row_classes << "justify-content-#{options[:horizontal]}" if options[:horizontal].present?
-    @row_classes << "#{options[:class]}" if options[:class].present?
-  end
-
-  def response 
-    div id: "#{options[:id]}", class: "row #{@row_classes.join(' ')}" do
-      yield_components
-    end
-  end
-end

data/app/concepts/matestack/ui/bootstrap/pages/devise/sign_in.rb

@@ -1,40 +0,0 @@
-class Matestack::Ui::Bootstrap::Pages::Devise::SignIn < Matestack::Ui::Page
-
-  def response
-    bs_container class: "mt-5" do
-      bs_row class: "mt-5", vertical: :center, horizontal: :center do
-        bs_col md:4 do
-          login_form_partial
-        end
-      end
-    end
-  end
-
-  private
-
-  def login_form_partial
-    section class: "mt-5 rounded shadow-sm p-4 mb-4" do
-      heading size: 2, text: 'Sign in'
-      form form_config do
-        div class: "mb-3 mt-4" do
-          bs_form_input label: 'Email', key: :email, type: :email
-        end
-        div class: "mb-3" do
-          bs_form_input label: 'Password', key: :password, type: :password
-        end
-        div class: "mb-3" do
-          bs_form_submit text: "Sign in"
-        end
-      end
-      toggle show_on: 'sign_in_failure' do
-        plain 'Your email or password is not valid.'
-      end
-      br
-      small text: "Dummy user: admin@matestack.io"
-      br
-      small text: "Dummy password: password"
-    end
-  end
-
-
-end

data/app/concepts/matestack/ui/bootstrap/registry.rb

@@ -1,61 +0,0 @@
-module Matestack::Ui::Bootstrap::Registry
-
-  COMPONENTS = {
-    bs_accordion: Matestack::Ui::Bootstrap::Components::Accordion,
-    bs_alert: Matestack::Ui::Bootstrap::Components::Alert,
-    bs_avatar: Matestack::Ui::Bootstrap::Components::Avatar,
-    bs_badge: Matestack::Ui::Bootstrap::Components::Badge,
-    bs_breadcrumb: Matestack::Ui::Bootstrap::Components::Breadcrumb,
-    bs_btn: Matestack::Ui::Bootstrap::Components::Button,
-    bs_btn_group: Matestack::Ui::Bootstrap::Components::ButtonGroup,
-    bs_card: Matestack::Ui::Bootstrap::Components::Card,
-    bs_carousel: Matestack::Ui::Bootstrap::Components::Carousel,
-    bs_close: Matestack::Ui::Bootstrap::Components::Close,
-    bs_collapse: Matestack::Ui::Bootstrap::Components::Collapse,
-    bs_dropdown: Matestack::Ui::Bootstrap::Components::Dropdown,
-    bs_icon: Matestack::Ui::Bootstrap::Components::Icon,
-    bs_list_group: Matestack::Ui::Bootstrap::Components::ListGroup,
-    bs_modal: Matestack::Ui::Bootstrap::Components::Modal,
-    bs_navbar: Matestack::Ui::Bootstrap::Components::Navbar,
-    bs_pagination: Matestack::Ui::Bootstrap::Components::Pagination,
-    bs_page_heading: Matestack::Ui::Bootstrap::Components::PageHeading,
-    bs_popover: Matestack::Ui::Bootstrap::Components::Popover,
-    bs_progress: Matestack::Ui::Bootstrap::Components::Progress,
-    bs_scrollspy: Matestack::Ui::Bootstrap::Components::Scrollspy,
-    bs_section_card: Matestack::Ui::Bootstrap::Components::SectionCard,
-    bs_spinner: Matestack::Ui::Bootstrap::Components::Spinner,
-    bs_tab_nav: Matestack::Ui::Bootstrap::Components::TabNav,
-    bs_tab_nav_content: Matestack::Ui::Bootstrap::Components::TabNavContent,
-    bs_toast: Matestack::Ui::Bootstrap::Components::Toast,
-    bs_tooltip: Matestack::Ui::Bootstrap::Components::Tooltip,
-  }
-
-  FORMS = {
-    bs_form_input: Matestack::Ui::Bootstrap::Form::Input,
-    bs_form_select: Matestack::Ui::Bootstrap::Form::Select,
-    bs_form_checkbox: Matestack::Ui::Bootstrap::Form::Checkbox,
-    bs_form_radio: Matestack::Ui::Bootstrap::Form::Radio,
-    bs_form_switch: Matestack::Ui::Bootstrap::Form::Switch,
-    bs_form_submit: Matestack::Ui::Bootstrap::Form::Submit
-  }
-
-  CONTENT = {
-    bs_figure: Matestack::Ui::Bootstrap::Content::Figure,
-    bs_smart_collection: Matestack::Ui::Bootstrap::Content::SmartCollection::Collection,
-  }
-
-  LAYOUTS = {
-    bs_col: Matestack::Ui::Bootstrap::Layout::Column,
-    bs_container: Matestack::Ui::Bootstrap::Layout::Container,
-    bs_row: Matestack::Ui::Bootstrap::Layout::Row,
-    bs_sidebar: Matestack::Ui::Bootstrap::Layout::Sidebar
-  }
-
-  Matestack::Ui::Core::Component::Registry.register_components(
-    **COMPONENTS,
-    **FORMS,
-    **CONTENT,
-    **LAYOUTS
-  )
-
-end

data/app/helpers/matestack/ui/bootstrap/application_helper.rb

@@ -1,17 +0,0 @@
-#https://github.com/rails/webpacker/blob/5-x-stable/docs/engines.md
-
-require "webpacker/helper"
-
-module Matestack
-  module Ui
-    module Bootstrap
-      module ApplicationHelper
-        include ::Webpacker::Helper
-
-        def current_webpacker_instance
-          Matestack::Ui::Bootstrap::Engine.webpacker
-        end
-      end
-    end
-  end
-end

data/app/javascript/matestack-ui-bootstrap/index.js

@@ -1,24 +0,0 @@
-// This file is automatically compiled by Webpack, along with any other files
-// present in this directory. You're encouraged to place your actual application logic in
-// a relevant structure within javascript and only use these pack files to reference
-// that code so it'll be compiled.
-
-import "./stylesheets/matestack-ui-bootstrap.scss";
-
-import '../../concepts/matestack/ui/bootstrap/components/alert'
-import '../../concepts/matestack/ui/bootstrap/components/carousel'
-import '../../concepts/matestack/ui/bootstrap/components/collapse'
-import '../../concepts/matestack/ui/bootstrap/components/dropdown'
-import '../../concepts/matestack/ui/bootstrap/components/modal'
-import '../../concepts/matestack/ui/bootstrap/components/toast'
-import '../../concepts/matestack/ui/bootstrap/components/popover'
-import '../../concepts/matestack/ui/bootstrap/components/tooltip'
-import '../../concepts/matestack/ui/bootstrap/layout/sidebar'
-import '../../concepts/matestack/ui/bootstrap/layout/sidebar.scss'
-import '../../concepts/matestack/ui/bootstrap/content/smart_collection/collection.scss'
-
-const MatestackUiBootstrap = {}
-
-window.MatestackUiBootstrap = MatestackUiBootstrap
-
-export default MatestackUiBootstrap