workarea-styled_selects 1.1.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 1b3a9639719e859f87d8755db2b65f902134d93e6e1959ac05a71a09b16c16b1
+  data.tar.gz: 69368adf4d17298675dc903ecd0ef2b9ac969071f7cd2b91f9e1a8f19fafc246
+SHA512:
+  metadata.gz: de65e46944b4949510ae94256401e18e9aa02720a1c899df7596471846cf696551a0f6ddea00014943a28618f89c4bf8f7a2162dee17ed99612852da2b1425fc
+  data.tar.gz: 9504a19bfe83bad145694fffd3e6d49f95639c52441badb9259ed38a73c1d17f784393eea8d7cb718117a6b400fbcf8856ffaf2f1d2cc02e894414f03e4da50f

data/.editorconfig

@@ -0,0 +1,16 @@
+# editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+end_of_line = lf
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[{*.rb,*.haml,*.decorator}]
+indent_size = 2
+indent_style = space
+
+[{*.js,*.jst,*.ejs,*.scss}]
+indent_size = 4

data/.eslintrc

@@ -0,0 +1,25 @@
+{
+    "extends": "eslint:recommended",
+    "rules": {
+      "semi": ["error", "always"],
+      "eqeqeq": ["error", "always"]
+    },
+    "globals": {
+      "window": true,
+      "document": true,
+      "WORKAREA": true,
+      "$": true,
+      "jQuery": true,
+      "_": true,
+      "feature": true,
+      "JST": true,
+      "Turbolinks": true,
+      "I18n": true,
+      "Chart": true,
+      "Dropzone": true,
+      "strftime": true,
+      "Waypoint": true,
+      "wysihtml": true,
+      "LocalTime": true,
+    }
+}

data/.gitignore

@@ -0,0 +1,19 @@
+.bundle/
+log/*.log
+pkg/
+test/dummy/db/*.sqlite3
+test/dummy/db/*.sqlite3-journal
+test/dummy/log/*.log
+test/dummy/tmp/
+.DS_Store
+.byebug_history
+.bundle/
+.sass-cache/
+Gemfile.lock
+pkg/
+test/dummy/tmp/
+test/dummy/public/
+log/*.log
+test/dummy/log/*.log
+test/dummy/db/*.sqlite3
+test/dummy/db/*.sqlite3-journal

data/.rails-rubocop.yml

@@ -0,0 +1,119 @@
+AllCops:
+  # RuboCop has a bunch of cops enabled by default. This setting tells RuboCop
+  # to ignore them, so only the ones explicitly set in this file are enabled.
+  DisabledByDefault: true
+
+# Prefer &&/|| over and/or.
+Style/AndOr:
+  Enabled: true
+
+# Do not use braces for hash literals when they are the last argument of a
+# method call.
+Style/BracesAroundHashParameters:
+  Enabled: true
+
+# Align `when` with `case`.
+Layout/CaseIndentation:
+  Enabled: true
+
+# Align comments with method definitions.
+Layout/CommentIndentation:
+  Enabled: true
+
+# No extra empty lines.
+Layout/EmptyLines:
+  Enabled: true
+
+# In a regular class definition, no empty lines around the body.
+Layout/EmptyLinesAroundClassBody:
+  Enabled: true
+
+# In a regular method definition, no empty lines around the body.
+Layout/EmptyLinesAroundMethodBody:
+  Enabled: true
+
+# In a regular module definition, no empty lines around the body.
+Layout/EmptyLinesAroundModuleBody:
+  Enabled: true
+
+# Use Ruby >= 1.9 syntax for hashes. Prefer { a: :b } over { :a => :b }.
+Style/HashSyntax:
+  Enabled: true
+
+# Method definitions after `private` or `protected` isolated calls need one
+# extra level of indentation.
+Layout/IndentationConsistency:
+  Enabled: true
+  EnforcedStyle: rails
+
+# Two spaces, no tabs (for indentation).
+Layout/IndentationWidth:
+  Enabled: true
+
+Layout/SpaceAfterColon:
+  Enabled: true
+
+Layout/SpaceAfterComma:
+  Enabled: true
+
+Layout/SpaceAroundEqualsInParameterDefault:
+  Enabled: true
+
+Layout/SpaceAroundKeyword:
+  Enabled: true
+
+Layout/SpaceAroundOperators:
+  Enabled: true
+
+Layout/SpaceBeforeFirstArg:
+    Enabled: true
+
+# Defining a method with parameters needs parentheses.
+Style/MethodDefParentheses:
+  Enabled: true
+
+# Use `foo {}` not `foo{}`.
+Layout/SpaceBeforeBlockBraces:
+  Enabled: true
+
+# Use `foo { bar }` not `foo {bar}`.
+Layout/SpaceInsideBlockBraces:
+  Enabled: true
+
+# Use `{ a: 1 }` not `{a:1}`.
+Layout/SpaceInsideHashLiteralBraces:
+  Enabled: true
+
+Layout/SpaceInsideParens:
+  Enabled: true
+
+# Check quotes usage according to lint rule below.
+Style/StringLiterals:
+  Enabled: true
+  EnforcedStyle: double_quotes
+
+# Detect hard tabs, no hard tabs.
+Layout/Tab:
+  Enabled: true
+
+# Blank lines should not have any spaces.
+Layout/TrailingBlankLines:
+  Enabled: true
+
+# No trailing whitespace.
+Layout/TrailingWhitespace:
+  Enabled: true
+
+# Use quotes for string literals when they are enough.
+Style/UnneededPercentQ:
+  Enabled: true
+
+# Align `end` with the matching keyword or starting expression except for
+# assignments, where it should be aligned with the LHS.
+Lint/EndAlignment:
+  Enabled: true
+  EnforcedStyleAlignWith: variable
+
+# Use my_method(my_arg) not my_method( my_arg ) or my_method my_arg.
+Lint/RequireParentheses:
+  Enabled: true

data/.rubocop.yml

@@ -0,0 +1,8 @@
+inherit_gem:
+  workarea-ci: rubocop.yml
+
+AllCops:
+  Exclude:
+    - 'test/dummy/**/*'
+    - 'lib/styled_selects.rb'
+    - 'lib/styled_selects/**/*'

data/.scss-lint.yml

@@ -0,0 +1,192 @@
+# Extension of the default configuration:
+# https://github.com/causes/scss-lint/blob/master/config/default.yml
+
+exclude: 'docs/**'
+
+linters:
+  Comment:
+    enabled: false
+
+  DeclarationOrder:
+    enabled: true
+
+  ElsePlacement:
+    enabled: true
+
+  EmptyRule:
+    enabled: false
+
+  HexLength:
+    enabled: true
+    style: long
+
+  Indentation:
+    enabled: true
+    allow_non_nested_indentation: true
+    character: space
+    width: 4
+
+  LeadingZero:
+    enabled: true
+    style: include_zero
+
+  MergeableSelector:
+    enabled: true
+    force_nesting: false
+
+  PropertySortOrder:
+    enabled: true
+    ignore_unspecified: false
+    separate_groups: false
+    order:
+      - display
+      -
+      - position
+      - top
+      - right
+      - bottom
+      - left
+      - z-index
+      -
+      - margin
+      - margin-top
+      - margin-right
+      - margin-bottom
+      - margin-left
+      -
+      - margin-collapse
+      - margin-top-collapse
+      - margin-right-collapse
+      - margin-bottom-collapse
+      - margin-left-collapse
+      -
+      - padding
+      - padding-top
+      - padding-right
+      - padding-bottom
+      - padding-left
+      -
+      - width
+      - height
+      - max-width
+      - max-height
+      - min-width
+      - min-height
+      -
+      - float
+      - clear
+      -
+      - color
+      -
+      - font
+      - font-size
+      - font-style
+      - font-family
+      - font-weight
+      - font-variant
+      - font-smoothing
+      -
+      - line-height
+      - letter-spacing
+      - word-spacing
+      -
+      - text-align
+      - text-indent
+      - text-shadow
+      - text-overflow
+      - text-rendering
+      - text-transform
+      - text-decoration
+      - text-size-adjust
+      -
+      - word-break
+      - word-wrap
+      -
+      - white-space
+      -
+      - background
+      - background-size
+      - background-color
+      - background-image
+      - background-repeat
+      - background-position
+      - background-attachment
+      -
+      - border
+      - border-top
+      - border-right
+      - border-bottom
+      - border-left
+      -
+      - border-image
+      - border-spacing
+      - border-collapse
+      -
+      - border-color
+      - border-top-color
+      - border-right-color
+      - border-bottom-color
+      - border-left-color
+      -
+      - border-style
+      - border-top-style
+      - border-right-style
+      - border-bottom-style
+      - border-left-style
+      -
+      - border-width
+      - border-top-width
+      - border-right-width
+      - border-bottom-width
+      - border-left-width
+      -
+      - border-radius
+      - border-top-right-radius
+      - border-bottom-right-radius
+      - border-bottom-left-radius
+      - border-top-left-radius
+      - border-radius-topright
+      - border-radius-bottomright
+      - border-radius-bottomleft
+      - border-radius-topleft
+      -
+      - box-shadow
+
+  SelectorFormat:
+    enabled: true
+    convention: hyphenated_BEM
+
+  SingleLinePerSelector:
+    enabled: false
+
+  SpaceAfterPropertyColon:
+    enabled: true
+    style: at_least_one_space
+
+  SpaceBeforeBrace:
+    enabled: true
+    style: space
+    allow_single_line_padding: true
+
+  VariableForProperty:
+    enabled: true
+    properties:
+      - color
+      - font-family
+      - background-color
+
+  PseudoElement:
+    enabled: false
+
+  # These default settings may be problematic to implementors. They are not
+  # ommitted so that they may be adjusted as needed during an implementation.
+  #
+  # For documentation:
+  # https://github.com/causes/scss-lint/blob/master/lib/scss_lint/linter/README.md
+
+  DuplicateProperty:
+    enabled: true
+
+  PropertySpelling:
+    enabled: true
+    extra_properties: [] # Add experimental CSS to this array, if needed

data/CHANGELOG.md

@@ -0,0 +1,33 @@
+Workarea Styled Selects 1.1.1 (2019-08-21)
+--------------------------------------------------------------------------------
+
+*   Open Source!
+
+
+
+Workarea Styled Selects 1.1.0 (2018-10-30)
+--------------------------------------------------------------------------------
+
+*   Adds option for modifier
+
+    Create a parameter that allows a modifier to be passed into the styled select
+
+    STYLESELEC-4
+    Lucas Boyd
+
+
+
+Workarea Styled Selects 1.0.1 (2018-04-25)
+--------------------------------------------------------------------------------
+
+    Fixes duplicate ID errors in styleguide
+
+    STYLESELEC-3
+    Jake Beresford
+
+
+
+Workarea Styled Selects 1.0.0 (2018-02-01)
+--------------------------------------------------------------------------------
+
+Easily customize the styling of the <select> input type in a workarea application

data/Gemfile

@@ -0,0 +1,19 @@
+source "https://rubygems.org"
+
+# Declare your gem's dependencies in styled_selects.gemspec.
+# Bundler will treat runtime dependencies like base dependencies, and
+# development dependencies will be added by default to the :development group.
+gemspec
+
+# Declare any dependencies that are still in development here instead of in
+# your gemspec. These might include edge Rails or gems from your path or
+# Git. Remember to move these dependencies to your gemspec before releasing
+# your gem to rubygems.org.
+
+# To use a debugger
+# gem 'byebug', group: [:development, :test]
+
+gem "workarea", source: "https://gems.weblinc.com"
+group :test do
+  gem "workarea-testing", source: "https://gems.weblinc.com"
+end

data/README.md

@@ -0,0 +1,66 @@
+Workarea Styled Selects
+================================================================================
+
+Styled Selects plugin for the Workarea platform.
+
+This plugin adds a necessary styling hook for select inputs, along with a basic stylesheet to help
+jump-start styling the select elements within your application.
+
+Installing this plugin will override the select_tag haml helped, wrapping it in a content tag with the .styled-select class.
+
+Any select tags created by any means other than the select_tag helper, for example using a JST or %select will not automatically recieve styles from this plugin. In order to style those elements you will need to update the relevant view files to wrap the select in
+
+    <div class="styled-select">
+        # Your existing markup here
+    </div>
+
+Some default styles have been included in this plugin, however it is expected that you will need to override the stylesheet to update these styles to match your design, you can do this using the following override generator command
+
+    bundle exec rails g workarea:override stylesheets workarea/styled_selects/components/_styled_select.scss
+
+Getting Started
+--------------------------------------------------------------------------------
+
+This gem contains a rails engine that must be mounted onto a host Rails application.
+
+To access Workarea gems and source code, you must be an employee of WebLinc or a licensed retailer or partner.
+
+Workarea gems are hosted privately at https://gems.weblinc.com/.
+You must have individual or team credentials to install gems from this server. Add your gems server credentials to Bundler:
+
+    bundle config gems.weblinc.com my_username:my_password
+
+Or set the appropriate environment variable in a shell startup file:
+
+    export BUNDLE_GEMS__WEBLINC__COM='my_username:my_password'
+
+Then add the gem to your application's Gemfile specifying the source:
+
+    # ...
+    gem 'workarea-styled_selects', source: 'https://gems.weblinc.com'
+    # ...
+
+Or use a source block:
+
+    # ...
+    source 'https://gems.weblinc.com' do
+      gem 'workarea-styled_selects'
+    end
+    # ...
+
+Update your application's bundle.
+
+    cd path/to/application
+    bundle
+
+Workarea Platform Documentation
+--------------------------------------------------------------------------------
+
+See [http://developer.weblinc.com](http://developer.weblinc.com) for Workarea platform documentation.
+
+Copyright & Licensing
+--------------------------------------------------------------------------------
+
+Copyright WebLinc 2018. All rights reserved.
+
+For licensing, contact sales@workarea.com.

data/Rakefile

@@ -0,0 +1,61 @@
+begin
+  require "bundler/setup"
+rescue LoadError
+  puts "You must `gem install bundler` and `bundle install` to run rake tasks"
+end
+
+require "rdoc/task"
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = "rdoc"
+  rdoc.title    = "Styled Selects"
+  rdoc.options << "--line-numbers"
+  rdoc.rdoc_files.include("README.md")
+  rdoc.rdoc_files.include("lib/**/*.rb")
+end
+
+APP_RAKEFILE = File.expand_path("../test/dummy/Rakefile", __FILE__)
+load "rails/tasks/engine.rake"
+load "rails/tasks/statistics.rake"
+load "workarea/changelog.rake"
+
+require "rake/testtask"
+
+Rake::TestTask.new(:test) do |t|
+  t.libs << "lib"
+  t.libs << "test"
+  t.pattern = "test/**/*_test.rb"
+  t.verbose = false
+end
+task default: :test
+
+$LOAD_PATH.unshift File.expand_path("../lib", __FILE__)
+require "workarea/styled_selects/version"
+
+desc "Release version #{Workarea::StyledSelects::VERSION} of the gem"
+task :release do
+  host = "https://#{ENV['BUNDLE_GEMS__WEBLINC__COM']}@gems.weblinc.com"
+
+  #Rake::Task['workarea:changelog'].execute
+  #system 'git add CHANGELOG.md'
+  #system 'git commit -m "Update CHANGELOG"'
+  #system 'git push origin HEAD'
+
+  system "git tag -a v#{Workarea::StyledSelects::VERSION} -m 'Tagging #{Workarea::StyledSelects::VERSION}'"
+  system "git push --tags"
+
+  system "gem build workarea-styled_selects.gemspec"
+  system "gem push workarea-styled_selects-#{Workarea::StyledSelects::VERSION}.gem"
+  system "gem push workarea-styled_selects-#{Workarea::StyledSelects::VERSION}.gem --host #{host}"
+  system "rm workarea-styled_selects-#{Workarea::StyledSelects::VERSION}.gem"
+end
+
+desc "Run the JavaScript tests"
+ENV["TEASPOON_RAILS_ENV"] = File.expand_path("../test/dummy/config/environment", __FILE__)
+task teaspoon: "app:teaspoon"
+
+desc "Start a server at http://localhost:3000/teaspoon for JavaScript tests"
+task :teaspoon_server do
+  Dir.chdir("test/dummy")
+  teaspoon_env = File.expand_path("../test/teaspoon_env.rb", __FILE__)
+  system "RAILS_ENV=test TEASPOON_ENV=#{teaspoon_env} rails s"
+end

data/app/assets/stylesheets/workarea/styled_selects/components/_styled_select.scss

@@ -0,0 +1,58 @@
+/*------------------------------------*\
+    #SELECT-MENU
+\*------------------------------------*/
+
+$select-menu-color: $black !default;
+$select-menu-bg-color: $background-color !default;
+$select-menu-border-color: $black !default;
+$select-menu-border-radius: 5px !default;
+
+$select-menu-arrow-size: 10px !default;
+$select-menu-arrow-width: $spacing-unit * 5 !default;
+$select-menu-arrow-color: $black !default;
+$select-menu-arrow-bg-color: $background-color !default;
+
+
+/**
+ * 1. Positioning context for before pseudo element
+ */
+.styled-select {
+    position: relative; /* [1] */
+
+    &:before {
+        @include center($to: vertical);
+        right: 1px;
+        bottom: 0;
+        padding-top: $spacing-unit / 2;
+        width: $select-menu-arrow-width;
+        color: $select-menu-arrow-color;
+        font-size: $select-menu-arrow-size;
+        text-align: center;
+        background-color: $select-menu-arrow-bg-color;
+        border-left: 1px solid $select-menu-border-color;
+        content: '▼';
+        pointer-events: none;
+    }
+
+    /**
+     * 1. Prevent chrome applying yellow background on autofill.
+     */
+    select:-webkit-autofill {
+        box-shadow: 0 0 0 30px $select-menu-arrow-bg-color inset; /* [1] */
+    }
+
+    select {
+        padding: $spacing-unit ($spacing-unit * 2);
+        padding-right: ($spacing-unit * 2) + $select-menu-arrow-width;
+        width: 100%;
+        color: $select-menu-color;
+        background-color: $select-menu-bg-color;
+        border: 1px solid $select-menu-border-color;
+        border-radius: $select-menu-border-radius;
+        appearance: none;
+
+        &::-ms-expand {
+            display: none;
+        }
+    }
+}

data/app/helpers/workarea/storefront/styled_select_helper.rb

@@ -0,0 +1,11 @@
+module Workarea
+  module Storefront
+    module StyledSelectHelper
+      def select_tag(name, option_tags = nil, options = {})
+        classes = ['styled-select']
+        classes << options.delete(:modifier)
+        content_tag :div, super, class: classes.compact.join(' ')
+      end
+    end
+  end
+end

data/app/views/workarea/storefront/style_guides/components/_styled_select.html.haml

@@ -0,0 +1,13 @@
+#styled-select.style-guide__subsection
+
+  %h3= link_to_style_guide('components', 'styled_select')
+
+  %p Provides a stylized select menu UI
+  %p The select_tag helper is decorated to automatically wrap most select tags in your application. You will need to update the markup of select tags injected as JST templates
+
+  .style-guide__example-block
+    = select_tag "style-guide-example", options_for_select([ "Option 1", "Option 2", "Option 3" ], "Option 1")
+
+  %p should allow the optional passing of a modifier
+  .style-guide__example-block
+    = select_tag "style-guide-example-modified", options_for_select([ "Option 1", "Option 2", "Option 3" ], "Option 1"), modifier: 'styled-select--modified'

data/bin/rails

@@ -0,0 +1,20 @@
+#!/usr/bin/env ruby
+# This command will automatically be run when you run "rails" with Rails gems
+# installed from the root of your application.
+
+ENGINE_ROOT = File.expand_path("../..", __FILE__)
+ENGINE_PATH = File.expand_path("../../lib/styled_selects/engine", __FILE__)
+APP_PATH = File.expand_path("../../test/dummy/config/application", __FILE__)
+
+# Set up gems listed in the Gemfile.
+ENV["BUNDLE_GEMFILE"] ||= File.expand_path("../../Gemfile", __FILE__)
+require "bundler/setup" if File.exist?(ENV["BUNDLE_GEMFILE"])
+
+require "action_controller/railtie"
+require "action_view/railtie"
+require "action_mailer/railtie"
+require "rails/test_unit/railtie"
+require "sprockets/railtie"
+require "teaspoon-mocha"
+
+require "rails/engine/commands"

data/config/initializers/appends.rb

@@ -0,0 +1,6 @@
+module Workarea
+  Plugin.append_stylesheets(
+    "storefront.components",
+    "workarea/styled_selects/components/styled_select"
+  )
+end

data/config/initializers/workarea.rb

@@ -0,0 +1,3 @@
+Workarea.configure do |config|
+  # Add custom configuration here
+end