matestack-ui-bootstrap 1.5.1 → 3.0.0.rc1

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

@@ -1,112 +0,0 @@
-class Matestack::Ui::Bootstrap::Form::Input < Matestack::Ui::Core::Form::Input::Base
-
-  vue_js_component_name "matestack-ui-core-form-input"
-
-  optional :form_text
-  optional :disabled
-  optional :browse_button_text
-  optional :placeholder
-  optional :variant
-  optional :min
-  optional :max
-  optional :step
-  optional :show_value
-
-  def response
-    div class: "matestack-ui-bootstrap-input" do
-      label for: attr_key,  class: "form-label", text: input_label if input_label
-      case type
-      when :range
-        input html_attributes.merge(attributes: vue_attributes).merge(bootstrap_range_attributes)
-        if show_value
-          div id: attr_key, class: "form-text" do
-            plain "{{ data['#{attr_key}'] }}"
-          end
-        end
-      when :file
-        file_input
-      else
-        input html_attributes.merge(attributes: vue_attributes).merge(bootstrap_input_attributes)
-        render_errors
-      end
-      render_form_text if form_text
-    end
-  end
-
-  def bootstrap_input_attributes
-    {
-      id: (options[:id] || attr_key),
-      class: (options[:class] || "") << (" form-control"),
-      disabled: disabled
-    }
-  end
-
-  def bootstrap_range_attributes
-    {
-      class: (options[:class] || "") << (" form-range"),
-      disabled: disabled,
-      min: min,
-      max: max,
-      steps: step
-    }
-  end
-
-  def bootstrap_file_input_attributes
-    {
-      class: (options[:class] || "") << (" form-file-input"),
-      disabled: disabled
-    }
-  end
-
-  def form_file_wrapper_class
-    case variant
-    when :lg
-      (options[:class] || "") << (" form-file form-file-lg")
-    when :sm
-      (options[:class] || "") << (" form-file form-file-sm")
-    else
-      (options[:class] || "") << (" form-file")
-    end
-  end
-
-  def file_input
-    div class: form_file_wrapper_class do
-      input html_attributes.merge(attributes: vue_attributes).merge(bootstrap_file_input_attributes)
-      label class: "form-file-label", for: attr_key do
-        span class: "form-file-text", attributes: { "v-if": "data['#{attr_key}']" } do
-          if multiple
-            span attributes: { "v-for": "file in data['#{attr_key}']" } do
-              plain "{{ file['name'] }}"
-            end
-          else
-            plain "{{ data['#{attr_key}']['name'] }}"
-          end
-        end
-        span class: "form-file-text", attributes: { "v-if": "!data['#{attr_key}']" } do
-          plain placeholder || "Choose file"
-        end
-        span class: "form-file-button", text: browse_button_text || "Browse"
-      end
-      render_errors
-    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 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/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/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/layout/sidebar.rb

@@ -1,45 +0,0 @@
-class Matestack::Ui::Bootstrap::Layout::Sidebar < Matestack::Ui::VueJsComponent
-
-  vue_js_component_name "matestack-ui-bootstrap-sidebar"
-
-  optional :slots
-  optional :sidebar_navigation_items
-
-  def response
-    div class: "sidebar-wrapper shadow-sm bg-white", id: "sidebar" do
-      nav class: 'sidebar pt-4 px-3' do
-        div class: "sidebar-toggler" do
-          bs_btn variant: :link, attributes: { "@click": "sidebarToggle" } do
-            bs_icon name: "list", size: 25, class: "text-muted"
-          end
-        end
-        div class: "sidebar-top mb-3" do
-          slot slots[:sidebar_top] if slots[:sidebar_top].present?
-        end
-        div class: "sidebar-navigation my-3" do
-          sidebar_navigation_partial
-        end
-      end
-    end
-  end
-
-  def sidebar_navigation_partial
-    div class: "list-group" do
-      sidebar_navigation_items.each do |item|
-        if item[:type] == :link
-          link class: "list-group-item list-group-item-action border-0 rounded", path: item[:path] do
-            bs_icon name: item[:icon], size: 20 if item[:icon]
-            span class: "ps-3", text: item[:text] if item[:text]
-          end
-        else
-          transition class: "list-group-item list-group-item-action border-0 rounded", path: item[:path], delay: item[:delay] || 300 do
-            bs_icon name: item[:icon], size: 20 if item[:icon]
-            span class: "ps-3", text: item[:text] if item[:text]
-          end
-        end
-      end
-    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

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

@@ -1,2 +0,0 @@
-import '../matestack-ui-bootstrap/index'
-export default MatestackUiBootstrap

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

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

data/config/routes.rb

@@ -1,2 +0,0 @@
-Matestack::Ui::Bootstrap::Engine.routes.draw do
-end

data/config/webpack/development.js

@@ -1,5 +0,0 @@
-process.env.NODE_ENV = process.env.NODE_ENV || 'development'
-
-const environment = require('./environment')
-
-module.exports = environment.toWebpackConfig()

data/config/webpack/environment.js

@@ -1,29 +0,0 @@
-const { environment } = require('@rails/webpacker')
-
-environment.config.merge({
-  externals: {
-    "matestack-ui-core": "matestack-ui-core",
-    "chart.js": "chart.js",
-    "bootstrap": "bootstrap",
-    "flatpickr": "flatpickr"
-  }
-})
-
-// Remove the digest from the output js filename.
-// https://github.com/matestack/matestack-ui-core/issues/343#issuecomment-581149092
-//
-environment.config.set("output.filename", chunkData => {
-  return "[name].js"
-})
-
-// Remove the digest from the output css filename.
-// https://github.com/matestack/matestack-ui-core/issues/343#issuecomment-581149092
-//
-// Inspect with:
-//
-//     console.log(environment.plugins)
-//
-const miniCssExtractPlugin = environment.plugins.get('MiniCssExtract')
-miniCssExtractPlugin.options.filename = "[name].css"
-
-module.exports = environment

data/config/webpack/production.js

@@ -1,33 +0,0 @@
-process.env.NODE_ENV = process.env.NODE_ENV || 'production'
-
-const environment = require('./environment')
-
-// Add `.min` to the production versions of the output files.
-// https://github.com/matestack/matestack-ui-core/issues/343#issuecomment-580246554
-// https://github.com/matestack/matestack-ui-core/issues/343#issuecomment-581149092
-//
-environment.config.set("output.filename", chunkData => {
-  return "[name].min.js"
-})
-const miniCssExtractPlugin = environment.plugins.get('MiniCssExtract')
-miniCssExtractPlugin.options.filename = "[name].min.css"
-
-// In order to have babel's es5 (ie11) transpiling be applied to all of the
-// js code, it needs to be included in the loader paths.
-// https://github.com/rails/webpacker/blob/master/docs/webpack.md
-// https://github.com/matestack/matestack-ui-core/issues/238
-//
-const babelLoader = environment.loaders.get('babel')
-delete babelLoader.exclude
-const path = require('path')
-const matestackUiBootstrapRootPath = path.resolve(__dirname, '../..')
-babelLoader.include.push(path.resolve(matestackUiBootstrapRootPath, 'app/concepts/matestack/ui/bootstrap'))
-babelLoader.include.push(path.resolve(matestackUiBootstrapRootPath, 'node_modules'))
-
-// We also need to tell babel where to find matestack-ui-material if we are using `npm link`.
-// Otherwise, it won't follow the symlink to `node_modules/matestack-ui-core`.
-//
-// const matestackUiCoreRootPath = path.resolve(require.resolve('matestack-ui-core'), '../../../')
-// babelLoader.include.push(matestackUiCoreRootPath)
-
-module.exports = environment.toWebpackConfig()

data/config/webpack/test.js

@@ -1,5 +0,0 @@
-process.env.NODE_ENV = process.env.NODE_ENV || 'development'
-
-const environment = require('./environment')
-
-module.exports = environment.toWebpackConfig()