matestack-ui-core 1.3.1 → 2.1.0

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

@@ -1,19 +0,0 @@
-require_relative './base'
-
-module Matestack::Ui::Core::Form::Select
-  class Select < Base
-
-    vue_js_component_name "matestack-ui-core-form-select"
-
-    def response
-      div class: "matestack-ui-core-form-select" do
-        label text: input_label if input_label
-        select select_attributes do
-          render_options
-        end
-        render_errors
-      end
-    end
-
-  end
-end

data/app/concepts/matestack/ui/core/form/submit/base.rb

@@ -1,12 +0,0 @@
-module Matestack::Ui::Core::Form::Submit
-  class Base < Matestack::Ui::Core::Component::Dynamic
-
-    def submit_attributes
-      html_attributes.merge!({
-        "@click.prevent": "$parent.perform",
-        "v-bind:class": "{ 'loading': $parent.loading }"
-      })
-    end
-
-  end
-end

data/app/concepts/matestack/ui/core/form/submit/submit.js

@@ -1,19 +0,0 @@
-import Vue from "vue/dist/vue.esm";
-
-import componentMixin from "../../component/component";
-
-const componentDef = {
-  mixins: [componentMixin],
-  data() {
-    return {};
-  },
-  methods: {
-    loading: function(){
-      return this.$parent.loading;
-    }
-  }
-}
-
-let component = Vue.component("matestack-ui-core-form-submit", componentDef);
-
-export default componentDef;

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

@@ -1,15 +0,0 @@
-require_relative './base'
-
-module Matestack::Ui::Core::Form::Submit
-  class Submit < Base
-
-    vue_js_component_name "matestack-ui-core-form-submit"
-
-    def response
-      span attributes: submit_attributes do
-        yield_components
-      end
-    end
-
-  end
-end

data/app/concepts/matestack/ui/core/form/textarea/base.rb

@@ -1,49 +0,0 @@
-require_relative '../utils'
-require_relative '../has_errors'
-module Matestack::Ui::Core::Form::Textarea
-  class Base < Matestack::Ui::Core::Component::Dynamic
-    include Matestack::Ui::Core::Form::Utils
-    include Matestack::Ui::Core::Form::HasErrors
-
-    requires :key
-    optional :multiple, :init, for: { as: :input_for }, label: { as: :input_label }
-
-    html_attributes :autofocus, :cols, :dirname, :disabled, :form, :maxlength,
-      :name, :placeholder, :readonly, :required, :rows, :wrap
-
-    def setup
-      @component_config[:init_value] = init_value
-    end
-
-    def component_id
-      "textarea-component-for-#{attr_key}"
-    end
-
-    def input_key
-      "$parent.data[\"#{key}\"]"
-    end
-
-    def error_key
-      "$parent.errors[\"#{key}\"]"
-    end
-
-    def change_event
-      "inputChanged('#{attr_key}')"
-    end
-
-    def textarea_attributes
-      html_attributes.merge(attributes: vue_attributes)
-    end
-
-    def vue_attributes
-      (options[:attributes] || {}).merge({
-        'v-model': input_key,
-        '@change': change_event,
-        'v-bind:class': "{ '#{input_error_class}': #{error_key} }",
-        "init-value": init_value,
-        ref: "input.#{attr_key}",
-      })
-    end
-
-  end
-end

data/app/concepts/matestack/ui/core/form/textarea/textarea.rb

@@ -1,17 +0,0 @@
-require_relative './base'
-
-module Matestack::Ui::Core::Form::Textarea
-  class Textarea < Base
-
-    vue_js_component_name "matestack-ui-core-form-textarea"
-
-    def response
-      div class: "matestack-ui-core-form-textarea" do
-        label text: input_label if input_label
-        textarea textarea_attributes
-        render_errors
-      end
-    end
-
-  end
-end

data/app/concepts/matestack/ui/core/form/utils.rb

@@ -1,47 +0,0 @@
-module Matestack::Ui::Core::Form::Utils
-
-  def input_key
-    "data['#{attr_key.to_s}']"
-  end
-
-  def input_wrapper
-    case input_for
-    when nil
-      return nil
-    when Symbol, String
-      return input_for
-    end
-    if input_for.respond_to?(:model_name)
-      return input_for.model_name.singular
-    end
-  end
-
-  def attr_key
-    if input_wrapper.nil?
-      return "#{key.to_s}"
-    else
-      return "#{input_wrapper}.#{key.to_s}"
-    end
-  end
-
-  def init_value
-    return init unless init.nil?
-
-    unless input_for.nil?
-      value = parse_value(input_for.send key)
-    else
-      unless @included_config.nil? && @included_config[:for].nil?
-        if @included_config[:for].respond_to?(key)
-          value = parse_value(@included_config[:for].send key)
-        else
-          @included_config[:for][key] if @included_config[:for].is_a?(Hash)
-        end
-      end
-    end
-  end
-
-  def parse_value(value)
-    value
-  end
-
-end

data/app/concepts/matestack/ui/core/header/header.haml

@@ -1,3 +0,0 @@
-%header{ html_attributes }
-  - if block_given?
-    = yield

data/app/concepts/matestack/ui/core/header/header.rb

@@ -1,4 +0,0 @@
-module Matestack::Ui::Core::Header
-  class Header < Matestack::Ui::Core::Component::Static
-  end
-end

data/app/concepts/matestack/ui/core/heading/heading.haml

@@ -1,5 +0,0 @@
-- if text.blank? && block_given?
-  = content_tag("h#{size || 1}", html_attributes) do
-    = yield
-- else
-  = content_tag("h#{size || 1}", text, html_attributes)

data/app/concepts/matestack/ui/core/heading/heading.rb

@@ -1,5 +0,0 @@
-module Matestack::Ui::Core::Heading
-  class Heading < Matestack::Ui::Core::Component::Static
-    optional :text, :size
-  end
-end

data/app/concepts/matestack/ui/core/hr/hr.haml

@@ -1 +0,0 @@
-%hr{ html_attributes }

data/app/concepts/matestack/ui/core/hr/hr.rb

@@ -1,4 +0,0 @@
-module Matestack::Ui::Core::Hr
-  class Hr < Matestack::Ui::Core::Component::Static
-  end
-end

data/app/concepts/matestack/ui/core/icon/icon.haml

@@ -1,5 +0,0 @@
-%i{ html_attributes }
-  - if text.nil? && block_given?
-    = yield
-  - else
-    = text

data/app/concepts/matestack/ui/core/icon/icon.rb

@@ -1,5 +0,0 @@
-module Matestack::Ui::Core::Icon
-  class Icon < Matestack::Ui::Core::Component::Static
-    optional :text
-  end
-end

data/app/concepts/matestack/ui/core/iframe/iframe.haml

@@ -1,5 +0,0 @@
-%iframe{ html_attributes }
-  - if text.nil? && block_given?
-    = yield
-  - else
-    = text

data/app/concepts/matestack/ui/core/iframe/iframe.rb

@@ -1,7 +0,0 @@
-module Matestack::Ui::Core::Iframe
-  class Iframe < Matestack::Ui::Core::Component::Static
-    html_attributes :allow, :allowfullscreen, :allowpaymentrequest, :height, :name, 
-      :referrerpolicy, :sandbox, :src, :srcdoc, :width
-    optional :text
-  end
-end

data/app/concepts/matestack/ui/core/img/img.haml

@@ -1 +0,0 @@
-%img{ img_attributes }

data/app/concepts/matestack/ui/core/img/img.rb

@@ -1,15 +0,0 @@
-module Matestack::Ui::Core::Img
-  class Img < Matestack::Ui::Core::Component::Static
-    html_attributes :alt, :crossorigin, :height, :ismap, :longdesc, :referrerpolicy, 
-      :sizes, :src, :srcset, :usemap, :width
-
-    optional :path
-
-    def img_attributes
-      html_attributes.tap do |attributes|
-        attributes[:src] = ActionController::Base.helpers.asset_path(path) if path
-      end
-    end
-
-  end
-end

data/app/concepts/matestack/ui/core/input/input.haml

@@ -1 +0,0 @@
-%input{ html_attributes }

data/app/concepts/matestack/ui/core/input/input.rb

@@ -1,9 +0,0 @@
-module Matestack::Ui::Core::Input
-  class Input < Matestack::Ui::Core::Component::Static
-    
-    html_attributes :accept, :alt, :autocomplete, :autofocus, :checked, :dirname, :disabled, :form, :formaction, 
-      :formenctype, :formmethod, :formnovalidate, :formtarget, :height, :list, :max, :maxlength, :min, :minlength, 
-      :multiple, :name, :pattern, :placeholder, :readonly, :required, :size, :src, :step, :type, :value, :width
-
-  end
-end

data/app/concepts/matestack/ui/core/ins/ins.haml

@@ -1,5 +0,0 @@
-%ins{ html_attributes }
-  - if text.nil? && block_given?
-    = yield
-  - else
-    = text

data/app/concepts/matestack/ui/core/ins/ins.rb

@@ -1,6 +0,0 @@
-module Matestack::Ui::Core::Ins
-  class Ins < Matestack::Ui::Core::Component::Static
-    html_attributes :cite, :datetime
-    optional :text
-  end
-end

data/app/concepts/matestack/ui/core/isolated/children_wrapper.haml

@@ -1,2 +0,0 @@
-%div{ html_attributes.merge(class: "matestack-isolated-component-root") }
-  =yield

data/app/concepts/matestack/ui/core/isolated/isolated.haml

@@ -1,10 +0,0 @@
-%component{dynamic_tag_attributes}
-  %div{loading_classes.merge(class: "matestack-isolated-component-container")}
-    - if loading_state_element.present?
-      %div{loading_classes.merge(class: "loading-state-element-wrapper")}
-        =loading_state_element
-    - unless options[:defer] || options[:init_on]
-      %div{class: "matestack-isolated-component-wrapper", "v-if": "isolatedTemplate == null", "v-bind:class": "{ 'loading': loading === true }"}
-        = render_isolated_content
-    %div{class: "matestack-isolated-component-wrapper", "v-if": "isolatedTemplate != null", "v-bind:class": "{ 'loading': loading === true }"}
-      %v-runtime-template{":template":"isolatedTemplate"}

data/app/concepts/matestack/ui/core/isolated/isolated.rb

@@ -1,59 +0,0 @@
-module Matestack::Ui::Core::Isolated
-  class Isolated < Matestack::Ui::Core::Component::Dynamic
-    vue_js_component_name "matestack-ui-core-isolate"
-
-    def initialize(*args)
-      super
-      @public_options = args.map { |hash| hash&.dig(:public_options) }[0]
-    end
-
-    def public_options
-      @public_options ||= {}
-    end
-
-    # def params
-    #   context[:params] || matestack_context[:params]
-    # end
-
-    def setup
-      @component_config[:component_class] = self.class.name
-      @component_config[:public_options] = @options[:public_options]
-      @component_config[:defer] = @options[:defer]
-      @component_config[:rerender_on] = @options[:rerender_on]
-      @component_config[:rerender_delay] = @options[:rerender_delay]
-      @component_config[:init_on] = @options[:init_on]
-    end
-
-    def loading_classes
-      { "v-bind:class": "{ 'loading': loading === true }" }
-    end
-
-    # overwrite parent class render mechanism in order to make sure to only render wrapper
-    def render_content
-      show
-    end
-
-    # only render vuejs component wrapper on show
-    def show
-      render :isolated
-    end
-
-    # this method gets called when the isolate vuejs component requests isolated content
-    def render_isolated_content
-      if authorized?
-        render :children_wrapper do
-          render :children
-        end
-      end
-    end
-
-    def authorized?
-      raise "please implement the `authorized? method: isolated components have to be authorized separately"
-    end
-
-    def loading_state_element
-      nil # overwrite in subclass
-    end
-
-  end
-end

data/app/concepts/matestack/ui/core/js/core.js

@@ -1,66 +0,0 @@
-import Vue from 'vue/dist/vue.esm'
-import { turbolinksAdapterMixin } from 'vue-turbolinks';
-
-// Import from app/concepts/matestack/ui/core:
-import app from '../app/app'
-import async from '../async/async'
-import cable from '../cable/cable'
-import pageContent from '../page/content/content'
-import toggle from '../toggle/toggle'
-import store from '../app/store'
-import component from '../component/component'
-import anonymDynamicComponent from '../component/anonym-dynamic-component'
-import transition from '../transition/transition'
-import action from '../action/action'
-import form from '../form/form'
-import formInput from '../form/input/input'
-import formInputMixin from '../form/input/mixin'
-import formSelect from '../form/select/select'
-import formSelectMixin from '../form/select/mixin'
-import formRadio from '../form/radio/radio'
-import formRadioMixin from '../form/radio/mixin'
-import formCheckbox from '../form/checkbox/checkbox'
-import formCheckboxMixin from '../form/checkbox/mixin'
-import formTextarea from '../form/textarea/textarea'
-import formTextareaMixin from '../form/textarea/mixin'
-import formSubmit from '../form/submit/submit'
-import onclick from '../onclick/onclick'
-import collectionContent from '../collection/content/content'
-import collectionFilter from '../collection/filter/filter'
-import collectionOrder from '../collection/order/order'
-import isolate from '../isolated/isolated'
-
-let matestackUiApp = undefined
-
-// this event fires first and always
-document.addEventListener('DOMContentLoaded', () => {
-  // somehow we need to inject the turbolinks mixin even
-  // if the turbolinks:load event will recreate the vue instance
-  // skipping the injection here caused errors when submitting forms or action
-  // if they were present on the first page, which was loaded and activated turbolinks
-  // the mixin does not impact the app when turbolinks is disabled
-  matestackUiApp = new Vue({
-      el: "#matestack-ui",
-      mixins: [turbolinksAdapterMixin],
-      store: store
-  })
-})
-
-// this event fires after DOMContentLoaded and only if turbolinks are enabled
-document.addEventListener('turbolinks:load', () => {
-  // we need to empty the currently stored pageTemplate state variable
-  // otherwise the matestack page will jump back to the latest pageTemplate
-  // fetched during the last matestack transition as the turbolinks powered
-  // page transition does not write the matestack store pageTemplate state variable
-  store.commit('resetPageTemplate')
-  // we need to destroy the vue app instance
-  matestackUiApp.$destroy();
-  // and recreate it right afterwards in order to work when used with turbolinks
-  matestackUiApp = new Vue({
-      el: "#matestack-ui",
-      mixins: [turbolinksAdapterMixin],
-      store: store
-  })
-})
-
-export default Vue