matestack-ui-bootstrap 2.0.1 → 3.0.0.rc2

data/lib/matestack/ui/bootstrap/content/smart_collection/content.rb

@@ -69,7 +69,11 @@ module Matestack::Ui::Bootstrap::Content::SmartCollection::Content
 
   def cell(data, key, value)
     td class: cell_class(value) do
-      plain cell_text(data, key, value)
+      if value.is_a?(Hash) && value[:slot]
+        value[:slot].call(data)
+      else
+        plain cell_text(data, key, value)
+      end
     end
   end
 
@@ -81,8 +85,17 @@ module Matestack::Ui::Bootstrap::Content::SmartCollection::Content
   end
 
   def cell_text(data, key, value)
-    text = data.instance_eval(key.to_s)
-    text = value[:format].call(text) if value.is_a?(Hash) && value[:format]
+    if value.is_a?(Hash)
+      if value[:attribute].present?
+        text = data.instance_eval(value[:attribute].to_s)
+      else
+        text = data.instance_eval(key.to_s)
+      end
+      text = value[:format].call(text) if value[:format].present?
+    else
+      text = data.instance_eval(key.to_s)
+    end
+
     text
   end
 

data/lib/matestack/ui/bootstrap/form/checkbox.rb

@@ -1,7 +1,5 @@
 class Matestack::Ui::Bootstrap::Form::Checkbox < Matestack::Ui::VueJs::Components::Form::Checkbox
 
-  include Matestack::Ui::Bootstrap::Registry
-
   vue_name "matestack-ui-core-form-checkbox"
 
   optional :form_text
@@ -10,7 +8,7 @@ class Matestack::Ui::Bootstrap::Form::Checkbox < Matestack::Ui::VueJs::Component
 
   def response
     div class: "matestack-ui-bootstrap-form-checkbox" do
-      label input_label, class: "form-label", for: attribute_key if input_label && multiple?
+      label input_label, class: "form-label", ":for": id if input_label && multiple?
       render_options
       render_errors
       render_form_text unless context.form_text.nil? # otherwise renders empty div
@@ -19,6 +17,15 @@ class Matestack::Ui::Bootstrap::Form::Checkbox < Matestack::Ui::VueJs::Component
 
   private
 
+  def bootstrap_attributes
+    classes = 'form-check-input'
+    classes = [options[:class], classes].join(' ')
+    {
+      class: classes,
+      disabled: context.disabled
+    }
+  end
+
   def multiple?
    checkbox_options.present?
   end
@@ -28,15 +35,15 @@ class Matestack::Ui::Bootstrap::Form::Checkbox < Matestack::Ui::VueJs::Component
     if multiple?
      checkbox_options.to_a.each do |item|
         checkbox_wrapper do
-          input options.merge(checkbox_attributes(item)).merge(class: 'form-check-input')
+          input options.merge(checkbox_attributes(item)).merge(bootstrap_attributes)
           bootstrap_label text: item_label(item), for_input: item_id(item)
         end
       end
     # checked/unchecked checkbox (true/false checkbox)
     else
       checkbox_wrapper do
-        input true_false_checkbox_attributes.merge(type: :hidden, id: nil, value: 0)
-        input true_false_checkbox_attributes.merge(type: :checkbox, id: item_id(1), class: 'form-check-input')
+        input true_false_checkbox_attributes.merge(type: :hidden, id: nil)
+        input true_false_checkbox_attributes.merge(type: :checkbox, ":id": item_id(1)).merge(bootstrap_attributes)
 
         bootstrap_label text: input_label, for_input: item_id(1)
       end
@@ -53,7 +60,7 @@ class Matestack::Ui::Bootstrap::Form::Checkbox < Matestack::Ui::VueJs::Component
   end
 
   def bootstrap_label(text:, for_input:)
-    label text, for: for_input, class: 'form-check-label'
+    label text, ":for": for_input, class: 'form-check-label'
   end
 
   def render_errors
@@ -73,7 +80,7 @@ class Matestack::Ui::Bootstrap::Form::Checkbox < Matestack::Ui::VueJs::Component
   end
 
   def render_form_text
-    div id: "form_text_for_#{attribute_key}", class: "form-text" do
+    div class: "form-text form-text-for-#{attribute_key}" do
       plain context.form_text
     end
   end

data/lib/matestack/ui/bootstrap/form/input.rb

@@ -1,7 +1,5 @@
 class Matestack::Ui::Bootstrap::Form::Input < Matestack::Ui::VueJs::Components::Form::Input
 
-  include Matestack::Ui::Bootstrap::Registry
-
   vue_name "matestack-ui-core-form-input"
 
   optional :form_text
@@ -16,12 +14,12 @@ class Matestack::Ui::Bootstrap::Form::Input < Matestack::Ui::VueJs::Components::
 
   def response
     div class: "matestack-ui-bootstrap-input" do
-      label input_label, for: attribute_key,  class: "form-label" if input_label
+      label input_label, ":for": id,  class: "form-label" if input_label
       case context.type
       when :range
         input options.merge(input_attributes).merge(bootstrap_range_attributes)
         if context.show_value
-          div id: attribute_key, class: "form-text" do
+          div class: "form-text form-text-for-#{attribute_key}" do
             plain "{{ data['#{attribute_key}'] }}"
           end
         end
@@ -37,9 +35,11 @@ class Matestack::Ui::Bootstrap::Form::Input < Matestack::Ui::VueJs::Components::
 
   def bootstrap_input_attributes
     {
-      id: (options[:id] || attribute_key),
       class: (options[:class] || "") << (" form-control"),
-      disabled: context.disabled
+      disabled: context.disabled,
+      min: context.min,
+      max: context.max,
+      step: context.step
     }
   end
 
@@ -108,7 +108,7 @@ class Matestack::Ui::Bootstrap::Form::Input < Matestack::Ui::VueJs::Components::
   end
 
   def render_form_text
-    div id: "form_text_for_#{attribute_key}", class: "form-text" do
+    div class: "form-text form-text-for-#{attribute_key}" do
       plain context.form_text
     end
   end

data/lib/matestack/ui/bootstrap/form/radio.rb

@@ -1,7 +1,5 @@
 class Matestack::Ui::Bootstrap::Form::Radio < Matestack::Ui::VueJs::Components::Form::Radio
 
-  include Matestack::Ui::Bootstrap::Registry
-
   vue_name "matestack-ui-core-form-radio"
 
   optional :form_text
@@ -10,12 +8,12 @@ class Matestack::Ui::Bootstrap::Form::Radio < Matestack::Ui::VueJs::Components::
 
   def response
     div class: "matestack-ui-bootstrap-radio" do
-      label input_label, class: "form-label" if input_label
+      label input_label, class: "form-label", ":for": id if input_label
 
       radio_options.to_a.each_with_index do |item, index|
         div class: "form-check #{'form-check-inline' if context.variant == :inline}" do
           input options.merge(radio_attributes(item)).merge(bootstrap_radio_attributes)
-          label item_label(item), class: "form-check-label", for: item_id(item_value(item))
+          label item_label(item), class: "form-check-label", ":for": item_id(item_value(item))
           if index == radio_options.to_a.size - 1
             render_errors
           end
@@ -26,16 +24,18 @@ class Matestack::Ui::Bootstrap::Form::Radio < Matestack::Ui::VueJs::Components::
 
   end
 
+  private
 
   def bootstrap_radio_attributes
+    classes = 'form-check-input'
     {
-      class: (options[:class] || "") << (" form-check-input"),
+      class: (options[:class] || "") << classes,
       disabled: context.disabled
     }
   end
 
   def render_form_text
-    div id: "form_text_for_#{attribute_key}", class: "form-text" do
+    div class: "form-text form-text-for-#{attribute_key}" do
       plain context.form_text
     end
   end

data/lib/matestack/ui/bootstrap/form/select.rb

@@ -1,7 +1,5 @@
 class Matestack::Ui::Bootstrap::Form::Select < Matestack::Ui::VueJs::Components::Form::Select
 
-  include Matestack::Ui::Bootstrap::Registry
-
   vue_name "matestack-ui-core-form-select"
 
   optional :variant
@@ -10,7 +8,7 @@ class Matestack::Ui::Bootstrap::Form::Select < Matestack::Ui::VueJs::Components:
 
   def response
     div class: "matestack-ui-bootstrap-form-select" do
-      label input_label, for: attribute_key,  class: "form-label" if input_label
+      label input_label, ":for": id,  class: "form-label" if input_label
       select select_attributes.merge(bootstrap_select_attributes) do
         render_options
       end
@@ -55,7 +53,7 @@ class Matestack::Ui::Bootstrap::Form::Select < Matestack::Ui::VueJs::Components:
   end
 
   def render_form_text
-    div id: "form_text_for_#{attribute_key}", class: "form-text" do
+    div class: "form-text form-text-for-#{attribute_key}" do
       plain context.form_text
     end
   end

data/lib/matestack/ui/bootstrap/form/submit.rb

@@ -8,10 +8,10 @@ class Matestack::Ui::Bootstrap::Form::Submit < Matestack::Ui::Bootstrap::BaseCom
   optional class: { as:  :bs_class }
 
   def response
-    bs_btn type: "submit", size:context.size, class: "#{context.bs_class}", variant: context.button_variant || :primary, "v-if": "!loading" do
+    bs_btn type: "submit", size:context.size, class: "#{context.bs_class}", variant: context.button_variant || :primary, "v-if": "!vc.loading" do
       plain context.text || "Submit"
     end
-    bs_btn type: "submit", size: context.size, class: "#{context.bs_class} #{context.loading_class}", variant: context.button_variant || :primary, disabled: true, "v-if": "loading" do
+    bs_btn type: "submit", size: context.size, class: "#{context.bs_class} #{context.loading_class}", variant: context.button_variant || :primary, disabled: true, "v-if": "vc.loading" do
       bs_spinner variant: context.spinner_variant || :light, size: :sm
       plain context.loading_text || "Loading..."
     end

data/lib/matestack/ui/bootstrap/form/switch.rb

@@ -1,7 +1,5 @@
 class Matestack::Ui::Bootstrap::Form::Switch < Matestack::Ui::Bootstrap::Form::Checkbox
 
-  include Matestack::Ui::Bootstrap::Registry
-
   vue_name "matestack-ui-core-form-checkbox"
 
   optional :form_text
@@ -10,7 +8,7 @@ class Matestack::Ui::Bootstrap::Form::Switch < Matestack::Ui::Bootstrap::Form::C
 
   def response
     div class: "matestack-ui-bootstrap-switch" do
-      label input_label, class: "form-label", for: attribute_key if input_label && multiple?
+      label input_label, class: "form-label", ":for": id if input_label && multiple?
       render_options
       render_errors
       plain context.form_text

data/lib/matestack/ui/bootstrap/form/textarea.rb

@@ -0,0 +1,47 @@
+class Matestack::Ui::Bootstrap::Form::Textarea < Matestack::Ui::VueJs::Components::Form::Textarea
+
+  vue_name "matestack-ui-core-form-textarea"
+
+  optional :form_text
+  optional :disabled
+  optional :placeholder
+  optional :rows
+  optional :cols
+
+  def response
+    div class: "matestack-ui-bootstrap-textarea" do
+      label input_label, ":for": id,  class: "form-label" if input_label
+      textarea options.merge(textarea_attributes).merge(bootstrap_textarea_attributes)
+      render_errors
+      render_form_text if context.form_text
+    end
+  end
+
+  def bootstrap_textarea_attributes
+    {
+      class: (options[:class] || "") << (" form-control"),
+      rows: context.rows,
+      cols: context.cols,
+      disabled: context.disabled
+    }
+  end
+
+  def render_errors
+    if display_errors?
+      div class: 'invalid-feedback', 'v-for': "error in #{error_key}" do
+        plain '{{ error }}'
+      end
+    end
+  end
+
+  def input_error_class
+    'is-invalid'
+  end
+
+  def render_form_text
+    div class: "form-text form-text-for-#{attribute_key}" do
+      plain context.form_text
+    end
+  end
+
+end

data/lib/matestack/ui/bootstrap/index.js

@@ -5,19 +5,35 @@
 
 import "./stylesheets/matestack-ui-bootstrap.scss";
 
-import './components/alert'
-import './components/carousel'
-import './components/collapse'
-import './components/dropdown'
-import './components/modal'
-import './components/toast'
-import './components/popover'
-import './components/tooltip'
-import './layout/sidebar'
+import alertComponent from './components/alert'
+import carouselComponent from './components/carousel'
+import collapseComponent from './components/collapse'
+import dropdownComponent from './components/dropdown'
+import modalComponent from './components/modal'
+import popoverComponent from './components/popover'
+import toastComponent from './components/toast'
+import tooltipComponent from './components/tooltip'
+import sidebarComponent from './layout/sidebar'
 import './layout/sidebar.scss'
 import './content/smart_collection/collection.scss'
 
-const MatestackUiBootstrap = {}
+const registerComponents = function(appInstance){
+  appInstance.component('matestack-ui-bootstrap-alert', alertComponent)
+  appInstance.component('matestack-ui-bootstrap-carousel', carouselComponent)
+  appInstance.component('matestack-ui-bootstrap-collapse', collapseComponent)
+  appInstance.component('matestack-ui-bootstrap-dropdown', dropdownComponent)
+  appInstance.component('matestack-ui-bootstrap-modal', modalComponent)
+  appInstance.component('matestack-ui-bootstrap-popover', popoverComponent)
+  appInstance.component('matestack-ui-bootstrap-toast', toastComponent)
+  appInstance.component('matestack-ui-bootstrap-tooltip', tooltipComponent)
+  appInstance.component('matestack-ui-bootstrap-sidebar', sidebarComponent)
+
+  return appInstance
+}
+
+const MatestackUiBootstrap = {
+  registerComponents
+}
 
 window.MatestackUiBootstrap = MatestackUiBootstrap
 

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

@@ -0,0 +1,3 @@
+class Matestack::Ui::Core::Base
+  include Matestack::Ui::Bootstrap::Registry
+end

data/lib/matestack/ui/bootstrap/layout/sidebar.js

@@ -1,10 +1,9 @@
 import * as bootstrap from 'bootstrap'
-import Vue from 'vue/dist/vue.esm'
+import MatestackUiVueJs from 'matestack-ui-vuejs'
 
-import MatestackUiCore from 'matestack-ui-core'
-
-Vue.component('matestack-ui-bootstrap-sidebar', {
-  mixins: [MatestackUiCore.componentMixin],
+const sidebarComponent = {
+  mixins: [MatestackUiVueJs.componentMixin],
+  template: MatestackUiVueJs.componentHelpers.inlineTemplate,
 
   data() {
     return {
@@ -52,16 +51,18 @@ Vue.component('matestack-ui-bootstrap-sidebar', {
     }
     window.addEventListener('resize', this.resizeCallback);
     var self = this;
-    MatestackUiCore.matestackEventHub.$on("page_loaded", function(){
+    MatestackUiVueJs.eventHub.$on("page_loaded", function(){
       if (window.innerWidth <= 992){
         self.closeSideBar();
       }
     })
-    MatestackUiCore.matestackEventHub.$on("page_loading_triggered", function(){
+    MatestackUiVueJs.eventHub.$on("page_loading_triggered", function(){
       if (window.innerWidth <= 992){
         self.closeSideBar();
       }
     })
   }
 
-});
+}
+
+export default sidebarComponent

data/lib/matestack/ui/bootstrap/layout/sidebar.rb

@@ -7,20 +7,18 @@ class Matestack::Ui::Bootstrap::Layout::Sidebar < Matestack::Ui::Bootstrap::Base
   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, "@click": "sidebarToggle" do
-            bs_icon name: "list", size: 25, class: "text-muted"
-          end
-        end
-        div class: "sidebar-top mb-3" do
-          slot :sidebar_top if slots && slots[:sidebar_top].present?
-        end
-        div class: "sidebar-navigation my-3" do
-          sidebar_navigation_partial
+    nav class: 'sidebar pt-4 px-3 shadow-sm bg-white' do
+      div class: "sidebar-toggler" do
+        bs_btn variant: :link, "@click": "vc.sidebarToggle" do
+          bs_icon name: "list", size: 25, class: "text-muted"
         end
       end
+      div class: "sidebar-top mb-3" do
+        slot :sidebar_top if slots && slots[:sidebar_top].present?
+      end
+      div class: "sidebar-navigation my-3" do
+        sidebar_navigation_partial
+      end
     end
   end
 

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

@@ -1,11 +1,9 @@
 require_relative "../registry"
 
-class Matestack::Ui::Bootstrap::Apps::AdminTemplate < Matestack::Ui::App
-
-  include Matestack::Ui::Bootstrap::Registry
+class Matestack::Ui::Bootstrap::Layouts::AdminTemplate < Matestack::Ui::Layout
 
   def response(&block)
-    matestack do
+    matestack_vue_js_app do
       body_response(&block)
     end
   end
@@ -13,20 +11,20 @@ class Matestack::Ui::Bootstrap::Apps::AdminTemplate < Matestack::Ui::App
   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: method(:sidebar_top_slot) }
+        div id: "sidebar", class: "sidebar-wrapper" do
+          bs_sidebar sidebar_navigation_items: sidebar_navigation_items, slots: { sidebar_top: method(:sidebar_top_slot) }
+        end
       end
       div id: "content", class: "content-wrapper w-100 #{content_background_class}" do
         if should_show_navbar?
           bs_container do
-            bs_navbar brand: navbar_brand_config, items: navbar_items, class: "pt-4 #{'ps-5' if should_show_sidebar?}", collapse_class: "text-end text-lg-start pe-3" do
-              # div class: "d-flex" do
-              #   navbar_end_partial if self.respond_to?(:navbar_end_partial)
-              # end
-            end
+            bs_navbar brand: navbar_brand_config, items: navbar_items, class: "pt-4 #{'ps-5' if should_show_sidebar?}", collapse_class: "text-end text-lg-start pe-3"
           end
         end
         bs_container class: "my-5 px-4 pt-5" do
-          yield if block_given?
+          page_switch do
+            yield if block_given?
+          end
         end
       end
     end

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

@@ -114,6 +114,10 @@ module Matestack::Ui::Bootstrap::Registry
     Matestack::Ui::Bootstrap::Form::Input.(text, options, &block)
   end
 
+  def bs_form_textarea(text=nil, options=nil, &block)
+    Matestack::Ui::Bootstrap::Form::Textarea.(text, options, &block)
+  end
+
   def bs_form_select(text=nil, options=nil, &block)
     Matestack::Ui::Bootstrap::Form::Select.(text, options, &block)
   end

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

@@ -1,7 +1,7 @@
 module Matestack
   module Ui
     module Bootstrap
-      VERSION = '2.0.1'
+      VERSION = '3.0.0.rc2'
     end
   end
 end

data/lib/matestack/ui/bootstrap.rb

@@ -1,4 +1,5 @@
 require "matestack/ui/core"
+require "matestack/ui/vue_js"
 
 base_path = 'matestack/ui/bootstrap'
 require "#{base_path}/version"
@@ -16,12 +17,12 @@ require "#{base_path}/base_vue_js_component"
 module Matestack
   module Ui
     module Bootstrap
-      module Apps
+      module Layouts
       end
     end
   end
 end
-require "#{base_path}/apps/admin_template"
+require "#{base_path}/layouts/admin_template"
 
 module Matestack
   module Ui
@@ -98,9 +99,11 @@ module Matestack
 end
 require "#{base_path}/form/checkbox"
 require "#{base_path}/form/input"
+require "#{base_path}/form/textarea"
 require "#{base_path}/form/radio"
 require "#{base_path}/form/select"
 require "#{base_path}/form/submit"
 require "#{base_path}/form/switch"
 
 require "#{base_path}/registry"
+require "#{base_path}/initialize"

metadata

@@ -1,15 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: matestack-ui-bootstrap
 version: !ruby/object:Gem::Version
-  version: 2.0.1
+  version: 3.0.0.rc2
 platform: ruby
 authors:
 - Jonas Jabari
-- Nils Henning
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2021-04-12 00:00:00.000000000 Z
+date: 2022-02-23 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: matestack-ui-core
@@ -17,14 +16,28 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '2.0'
+        version: 3.0.0.rc2
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '2.0'
+        version: 3.0.0.rc2
+- !ruby/object:Gem::Dependency
+  name: matestack-ui-vuejs
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 3.0.0.rc2
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 3.0.0.rc2
 description: Bootstrap v5 components for Matestack UI
 email:
 - jonas@matestack.io
@@ -35,13 +48,7 @@ files:
 - LICENSE
 - README.md
 - Rakefile
-- config/webpack/development.js
-- config/webpack/environment.js
-- config/webpack/production.js
-- config/webpack/test.js
-- config/webpacker.yml
 - lib/matestack/ui/bootstrap.rb
-- lib/matestack/ui/bootstrap/apps/admin_template.rb
 - lib/matestack/ui/bootstrap/base_component.rb
 - lib/matestack/ui/bootstrap/base_vue_js_component.rb
 - lib/matestack/ui/bootstrap/components/accordion.rb
@@ -91,13 +98,16 @@ files:
 - lib/matestack/ui/bootstrap/form/select.rb
 - lib/matestack/ui/bootstrap/form/submit.rb
 - lib/matestack/ui/bootstrap/form/switch.rb
+- lib/matestack/ui/bootstrap/form/textarea.rb
 - lib/matestack/ui/bootstrap/index.js
+- lib/matestack/ui/bootstrap/initialize.rb
 - lib/matestack/ui/bootstrap/layout/column.rb
 - lib/matestack/ui/bootstrap/layout/container.rb
 - lib/matestack/ui/bootstrap/layout/row.rb
 - lib/matestack/ui/bootstrap/layout/sidebar.js
 - lib/matestack/ui/bootstrap/layout/sidebar.rb
 - lib/matestack/ui/bootstrap/layout/sidebar.scss
+- lib/matestack/ui/bootstrap/layouts/admin_template.rb
 - lib/matestack/ui/bootstrap/registry.rb
 - lib/matestack/ui/bootstrap/stylesheets/matestack-ui-bootstrap.scss
 - lib/matestack/ui/bootstrap/version.rb
@@ -117,11 +127,11 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">="
+  - - ">"
     - !ruby/object:Gem::Version
-      version: '0'
+      version: 1.3.1
 requirements: []
-rubygems_version: 3.1.2
+rubygems_version: 3.1.4
 signing_key: 
 specification_version: 4
 summary: Bootstrap v5 components for Matestack UI

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