adminterface 0.2.0 → 0.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 4069cfffd19de3ada098678538e0e7ca4f9a840c8477de55fe3612cd6f541572
-  data.tar.gz: 7454d611f8fd759b502577cd30f1a00ee7f7c6587b2361155998ef1c2e29aff7
+  metadata.gz: 18beaba0b474654bab684cc576d19be2c8a7d4c1c956733196fd428ff127381c
+  data.tar.gz: 5fa18f21332acb4d428670e70923fdab7880172bfedcce2faf4f1a742b6426a0
 SHA512:
-  metadata.gz: d04bd12439c118daedfb64958cdcf0a3a24a077331147bc98376ed0a8df5de9eada6dadb7de0eb066690a2d979c0277a357b42cead3ccf2b4a7e9a4c81bb5972
-  data.tar.gz: dc004f3881b891829f647c813ec8025459a76be580276b9bcb54ff5eafcd91a35324169b099b0ffb1eb588ea4f34820d41621027bcdff5f3e7509696c81d02f1
+  metadata.gz: 9c48cbd82014ac58317f0d8a6c6d70cc2c05b24ff977deccfe4fe0cd23d42680e7ae5c7d009a1b27b5eab08f28a7123e087522fd608874a41e64e766e77ebfb7
+  data.tar.gz: 86f4704e4c64c1f62a66e70c4924183f558bf1f4f84550e94a48d04df9598f23e589764dd330cbdf7d029d007caa7d56f51b7dee7c263cf5c355eb72d491a42b

data/LICENSE.md

@@ -1,109 +1,19 @@
-# Terms of Service
-This license is a legal agreement between you and CMDBrew Studio Inc. for the use of Active Admin Bootstrap (the “Software”). By downloading any Active Admin Bootstrap files, add-ons, or resources, you agree to be bound by the terms and conditions of this license. CMDBrew Studio Inc. reserves the right to alter this agreement at any time, for any reason, without notice.
-
-## Definitions
-- **"Effective Date"** means the date and time you first download, copy, install, access, deploy or otherwise make use of the Software.
-
-- **"Entity"** means a sole proprietorship, corporation, partnership, joint venture, limited-liability company, governmental authority or agency, unincorporated organization, trust, or other legally-recognized association of two or more individuals and/or Entities.
-
-- **"Intellectual Property Rights"** means all rights in and to U.S., Canada, and/or foreign (a) copyrights or works of authorship (whether copyrightable or not), including computer programs and rights in and to data and databases, (b) trademarks, service marks, trade dress, trade names, logos, corporate names, or domain names, or other similar designations of source or origin, together with the goodwill symbolized by any of the foregoing, (c) patents, patent disclosures, or inventions (whether patentable or not), (d) trade secrets, know-how, or other confidential information, and (e) all other intellectual property rights, in each case whether registered or unregistered, and including all registrations and applications for, and renewals or extensions of, such rights, and all similar or equivalent rights or forms of protection in any part of the world.
-
-- **"Law"** means any statute, law, ordinance, regulation, rule, code, order, constitution, treaty, common law, judgment, decree, or other requirement of any federal, state, provincial, local, or foreign government or political subdivision thereof, or any court, arbitrator, or tribunal of competent jurisdiction.
-
-- **"Personal Purpose"** Personal use for research, experiment, and testing for the benefit of public
-knowledge, personal study, private entertainment, hobby projects, amateur
-pursuits, or religious observance, without any anticipated commercial
-application, doesn't count as use for a commercial purpose.
-
-- **"Non-Personal Purpose"** Use for purposes that are outside of Personal Purpose.
-
-- **"Repository"** means the GitHub repository located at https://github.com/CMDBrew/adminterface
-
-- **"Software"** means source code, object code, API's, and all works incorporated into each of the foregoing.
-
-- **"Territory"** means all countries not subject to U.S. and Canada export restrictions.
-
-- **"Third-Party Materials"** means items not owned by us, which may include Software (such as open-source software or third-party add-ons or extensions), content, data, information, or other materials.
-
-- **"Update"** means any change, patch, fix, upgrade, adaptation, alteration, translation, correction, revision, supplement, enhancement, improvement, or other modification of the Software that we may, in our sole discretion, release from time to time. An Update may consist, among other things, of modifications to the Software's features, functionality, or interfaces.
-
-## Permitted Use
-One single project license grants the right to use the Software on one domain and unlimited development sites. Each additional domain using the Software requires an additional purchased license. Contact contact@cmdbrew.com for other types of project licenses.
-
-Provided that you remain at all times in compliance with the terms and conditions of this Agreement, we hereby grant to you a limited, non-exclusive, non-sub-licensable, non-transferable license to use the Software within the Territory for any purpose not prohibited by this Agreement or applicable Law (the "License"). All rights not expressly granted herein are reserved. You acknowledge that the License is adequate consideration for all your responsibilities, representations, and warranties hereunder.
-
-**If you're developing a product for a client, you should purchase a license on behalf of the customer and transfer ownership of the license to them.**
-
-## Restrictions
-Unless you have been granted prior, written consent from CMDBrew Studio Inc., you may not:
-* Reproduce, distribute, or transfer the Software, or portions thereof, to any third party.
-* Sell, rent, lease, assign, or sublet the Software or portions thereof.
-* Bypass, block, or disable the Software's licensing-verification mechanisms.
-* Grant rights to any other person.
-* Dispute our ownership of the Software or any Intellectual Property Right therein.
-* Use the Software in violation of any U.S., Canada, and international law or regulation.
-* Develop or provide a competing product or service.
-* Use the Software for any purpose that is to our detriment or commercial disadvantage.
-
-## Requirements
-You will:
-
-* Comply with all applicable Laws.
-* Promptly notify us if you become aware of any actual or suspected infringement or misuse of the Software or any claim that the Software infringes the rights of any Person.
-* Cooperate with and assist us in all reasonable ways to stop or prevent any actual or threatened infringement or misuse of the Software.
-* Retain (and not alter or obscure) this Agreement and all trademarks, copyright notices, and other notices of Intellectual Property Rights in connection with the Software; and for any Non-Personal Purpose that you control or operate directly or indirectly, including by way of a contractor or intermediary.
-* Notify us of the domain name utilized by the Software and the name and email of the individual(s) or organization that purchased the license.
-* Pay the fee set forth in Section "Fees".
-
-## Fees and License
-Please refer to [Pricing](https://adminterface.io/pricing) for our license fees.
-
-* **Personal:** Free forever. The Software is free of charge for Personal Purposes.
-
-* **Commercial:** The software is being used for Non-Personal Purposes. Requires a yearly license subscription fee.
-
-* **Payment Terms:** The yearly license subscription fee, as paid at time of purchase or license renewal, (the "Subscription") for each domain operating a Non-Personal Purpose app, is due at the time of Licence purchase until your subscription expires.
-  * All fees are exclusive of taxes. You are responsible for any taxes, duties, or other charges imposed by any governmental authority on amounts paid by you pursuant hereto (except for any taxes imposed on our income).
-  * Payment must be made in U.S. dollars by Credit Card.
-  * Interest will accrue on any past-due amount at the rate of 1.8% per month, compounded monthly, or the highest rate permitted by applicable Law, whichever is less. You will reimburse us immediately for all costs we incur in relation to any overdue amount, including attorney fees and collection-agency fees, whether or not a formal complaint is filed, and no notice of default is required.
-  * In the event that any amount becomes overdue, we may, in our sole discretion, and in addition to any other remedy available at law, in equity, or hereunder: (i) suspend or revoke your License, (ii) withhold new licenses, or (iii) terminate this Agreement. You will pay all amounts due hereunder in full, without any setoff, deduction, or withholding for any reason, except as may be permitted by applicable Law. No refunds will be granted or paid.
-
-## Making Copies
-You may make copies of the Software for back-up purposes, provided that you reproduce the Software in its original form and with all proprietary notices on the back-up copy.
-
-## Software Modification
-You may alter, modify, or extend the Software for your own use, or commission a third-party to perform modifications for you, but you may not resell, redistribute or transfer the modified or derivative version without prior written consent from CMDBrew Studio Inc.. Components from the Software may not be extracted and used in other programs without prior written consent from CMDBrew Studio Inc..
-
-## Technical Support
-CMDBrew Studio Inc. does not provide direct phone support at this time. No representations or guarantees are made regarding the response time in which e-mail support questions are answered, but we will do our best to respond quickly.
-
-## Open-Source Components
-The Software makes use of certain [Open-Source Components or other licensing](https://adminterface.io/docs/start/dependencies/) that does not restrict commercial use. Your use of Open-Source Components, including those on which the Software relies, is subject to the terms and conditions of the applicable open-source licenses. A copy of each license can be found at https://choosealicense.com/licenses/.
-
-## Ownership
-CMDBrew Studio Inc. is the sole and exclusive owner of all right, title, and interest in and to the Software, all Updates thereto, all Official Extensions based thereon, and all Intellectual Property Rights in each of the foregoing, subject only to the rights of third parties in Open-Source Components and the License granted hereunder. You acknowledge that you have no ownership interest in the Software and that, except for the License granted hereunder, nothing herein or elsewhere grants to you or any third party (by implication, waiver, estoppel or otherwise) any right, title, or interest (including any Intellectual Property Right) in or to the Software or any portion thereof.
-
-## Contributions
-If you make a Contribution to the Software, you hereby automatically, immediately, unconditionally, and irrevocably assign the entirety of such Contribution to CMDBrew Studio Inc. for no additional consideration beyond the License granted hereunder. Similarly, in the event that you acquire (by any means) or have (at any time) any right, title, or interest (including any Intellectual Property Right) in or to the Software beyond the License granted hereunder, you hereby automatically, immediately, unconditionally, and irrevocably assign the entirety of such right, title, and interest to CMDBrew Studio Inc. for no additional consideration beyond the License granted hereunder. In the event of any assignment by you to us under this Section "Contributions", you hereby irrevocably waive, to the extent permitted by applicable law, any and all claims you may now or hereafter have in any jurisdiction to all rights of paternity, integrity, disclosure, and withdrawal and any other rights (which may be known as "moral rights") with respect to the subject matter of such assignment. For further information regarding how to contribute, please visit the the Software Repository.
-
-## Refunds
-CMDBrew Studio Inc. offers limited refunds on software within 14 days of purchase. Contact contact@cmdbrew.com for assistance.
-
-## Indemnity
-You agree to indemnify and hold harmless CMDBrew Studio Inc. for any third-party claims, actions or suits, as well as any related expenses, liabilities, damages, settlements or fees arising from your use or misuse of the Software, or a violation of any terms of this license.
-
-## Term and Termination
-* **Term:** This Agreement takes effect as of the Effective Date and continues in effect until terminated as set forth below in Section "Term and Termination".
-
-* **Termination:** This Agreement may be terminated:
-  * By us, at anytime, effective on written notice to you, if we, in our sole discretion, believe that you have breached this Agreement;
-
-  * By you, at any time, effective immediately, when you cease to use the Software and permanently delete all copies;
-
-  * Automatically, effective immediately and without notice, if you are a company, corporation, or other legal entity and you (A) are dissolved or liquidated or take any corporate action for such purpose; (B) become insolvent or are generally unable to pay your debts as they become due; (C) become the subject of any voluntary or involuntary bankruptcy proceeding under any domestic or foreign bankruptcy or insolvency Law; (D) make or seek to make a general assignment for the benefit of creditors; or (E) apply for, or consent to, the appointment of a trustee, receiver or custodian for a substantial part of your property.
-
-## Disclaimer of Warranty
-THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, WARRANTIES OF QUALITY, PERFORMANCE, NON-INFRINGEMENT, MERCHANTABILITY, OR FITNESS FOR A PARTICULAR PURPOSE. FURTHER, CMDBREW STUDIO INC. DOES NOT WARRANT THAT THE SOFTWARE OR ANY RELATED SERVICE WILL ALWAYS BE AVAILABLE.
-
-## Limitations of Liability
-YOU ASSUME ALL RISK ASSOCIATED WITH THE INSTALLATION AND USE OF THE SOFTWARE. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS OF THE SOFTWARE BE LIABLE FOR CLAIMS, DAMAGES OR OTHER LIABILITY ARISING FROM, OUT OF, OR IN CONNECTION WITH THE SOFTWARE. LICENSE HOLDERS ARE SOLELY RESPONSIBLE FOR DETERMINING THE APPROPRIATENESS OF USE AND ASSUME ALL RISKS ASSOCIATED WITH ITS USE, INCLUDING BUT NOT LIMITED TO THE RISKS OF PROGRAM ERRORS, DAMAGE TO EQUIPMENT, LOSS OF DATA OR SOFTWARE PROGRAMS, OR UNAVAILABILITY OR INTERRUPTION OF OPERATIONS.
+Copyright (c) 2021 I-Lung Lee, Richard Wang, Adminterface.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
+IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
+DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
+OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE
+OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -1,18 +1,39 @@
+> ## ⛔️ DEPRECATED: THIS GEM IS NO LONGER BEING MAINTAINED
+> Due to personal reasons, we can no longer continue to maintain this gem. As a result, we are no longer accepting or merging pull requests.
+>
+> To help with the transition, we've changed the license to MIT and removed the license verification for commercial uses. For alternatives, please check out other excellent solutions listed in the [ActiveAdmin Wiki](https://github.com/activeadmin/activeadmin/wiki).
+>
+> Thank you to all who contributed and who used Adminterface in their projects. We couldn't have made it this far without your support.
+>
+> Until next time.
+>
+> — I-Lung, Richard Wang, and the Adminterface team
+
 # Adminterface <!-- omit in toc -->
 [![CI](https://github.com/CMDBrew/adminterface/actions/workflows/ci.yml/badge.svg?branch=main)](https://github.com/CMDBrew/adminterface/actions/workflows/ci.yml)
+[![Maintainability](https://api.codeclimate.com/v1/badges/4dbedfdf21a2d675d2ca/maintainability)](https://codeclimate.com/github/CMDBrew/adminterface/maintainability)
+[![Test Coverage](https://api.codeclimate.com/v1/badges/4dbedfdf21a2d675d2ca/test_coverage)](https://codeclimate.com/github/CMDBrew/adminterface/test_coverage)
+[![gem](https://img.shields.io/gem/v/adminterface?color=%23E9573F&label=rubygems.org)](https://rubygems.org/gems/adminterface)
+[![npm](https://img.shields.io/npm/v/@cmdbrew/adminterface?color=%230273B4&label=npmjs.com)](https://www.npmjs.com/package/@cmdbrew/adminterface)
 
-An add-on that brings Bootstrap 5 and other goodies into ActiveAdmin.
+A gem that brings Bootstrap 5, advanced customizability, and other goodies into ActiveAdmin
 
 [![](preview.jpg)](https://adminterface.io)
 
 ## Dependencies
-- Rails >= 6.0
-- Ruby >= 2.7
-- ActiveAdmin ~> 2.9
-- Bootstrap ~> 5
-- Webpacker >= 5.0
+- [Ruby](https://www.ruby-lang.org/en/) >= 2.7
+- [Rails](http://rubyonrails.org/) >= 6.0
+- [ActiveAdmin](https://github.com/activeadmin/activeadmin) ~> 2.9
+- [Bootstrap](https://getbootstrap.com/) ~> 5.1.3
+- [Webpacker](https://github.com/rails/webpacker) ~> 5.0
+
+## Get Started
+- [Documentation](https://adminterface.io/docs/intro)
+- [Demo](https://demo.adminterface.io)
+- [Issue tracker](https://github.com/CMDBrew/adminterface/issues)
+- [Discussions and feature requests](https://github.com/CMDBrew/adminterface/discussions)
 
-## Quick Start
+## Installation
 1. Add the following to your application's Gemfile:
    ```ruby
    gem "adminterface"
@@ -26,6 +47,10 @@ An add-on that brings Bootstrap 5 and other goodies into ActiveAdmin.
    $ rails g active_admin:install --use_webpacker
    ```
 4. Install Adminterface
+
+   > This command will ask for permissions to overwrite files generated by ActiveAdmin. Make sure to review the files carefully and accept them.
+   > We recommend you commit your files before running this command to ensure you are aware of the changes made.
+
    ```bash
    $ rails g adminterface:install
    ```
@@ -35,27 +60,8 @@ An add-on that brings Bootstrap 5 and other goodies into ActiveAdmin.
    $ rails server
    ```
 
-## Documentation
-Check our [website](https://adminterface.io) to find in-depth documentation for everything that Adminterface offers.
-
 ## Contributing
 See [CONTRIBUTING.md](CONTRIBUTING.md).
 
 ## License
-Adminterface is free for personal and non-commercial use and with a yearly subscription for commercial purposes. See [our Terms of Service in full text](LICENSE.md) for more information.
-
-### For Commerical License
-Get a license at https://adminterface.io/pricing, then create and add the `license_key` into the following file in your project:
-```ruby
-# config/initializers/adminterface.rb
-Adminterface.setup do |config|
-  config.license_key = "**********************"
-
-  ## Use Rails credentials:
-  ## doc: https://edgeguides.rubyonrails.org/security.html#custom-credentials
-  # config.license_key = Rails.application.credentials.adminterface[:license_key]
-
-  ## Or, use environment variables:
-  # config.license_key = ENV["ADMINTERFACE_LICENSE_KEY"]
-end
-```
+The gem is available as open source under the terms of the [MIT License](LICENSE.md).

data/Rakefile

@@ -18,7 +18,7 @@ task :prepare_assets do
   system "rm -rf test/dummy/public/packs"
   system "rm -rf test/dummy/public/packs-test"
   system "yarn install --frozen-lockfile"
-  system "(cd test/dummy && yarn install --frozen-lockfile)"
+  system "cd test/dummy && yarn install --frozen-lockfile"
 end
 
 # Generate dependency licenses

data/app/assets/stylesheets/adminterface/components/_form.scss

@@ -119,6 +119,7 @@
       -webkit-box-align: end;
       -webkit-box-direction: reverse;
       flex-direction: row-reverse;
+      justify-content: flex-start;
     }
 
     li {

data/app/assets/stylesheets/adminterface/mixins/_utilities.scss

@@ -37,3 +37,7 @@
   -webkit-box-shadow: #{$value};
   -moz-box-shadow: #{$value};
 }
+
+@mixin lang-dir-rtl {
+  @at-root { html[dir="rtl"] & { @content; } }
+}

data/app/assets/stylesheets/adminterface/vendors/bootstrap/_all.scss

@@ -1,3 +1,4 @@
+@import './components/breadcrumb';
 @import './components/buttons';
 @import './components/dropdowns';
 @import './components/form/labels';

data/app/assets/stylesheets/adminterface/vendors/bootstrap/components/_breadcrumb.scss

@@ -0,0 +1 @@
+ol.breadcrumb { padding-left: 0; }

data/app/assets/stylesheets/adminterface/vendors/flatpickr/{main.scss → _main.scss}

@@ -6,6 +6,12 @@
     .flatpickr-next-month {
       padding: 5px 10px;
 
+      svg {
+        @include lang-dir-rtl {
+          @include transform(rotate(180deg));
+        }
+      }
+
       &:hover svg {
         fill: $flatpickr-ctrl-hover-bg;
       }

data/app/javascript/adminterface/initializers/header_toggler.js

@@ -3,7 +3,7 @@ import HeaderToggler from '../lib/header_toggler'
 document.addEventListener('DOMContentLoaded', () => {
   const togglerTriggerList = [].slice.call(document.querySelectorAll('[data-aa-header-toggler]'))
   togglerTriggerList.map((el) => {
-    const options = JSON.parse(el.dataset.aaHeaderToggler || {})
+    const options = JSON.parse(el.dataset.aaHeaderToggler || '{}')
 
     return new HeaderToggler(el, options)
   })

data/app/javascript/adminterface/initializers/plugins/flatpickr.js

@@ -5,7 +5,7 @@ const initFlatpickr = (element) => {
   const flatpickrTriggerList = [].slice.call(element.querySelectorAll('[data-aa-flatpickr]'))
 
   flatpickrTriggerList.map((el) => {
-    const options = JSON.parse(el.dataset.aaFlatpickr || {})
+    const options = JSON.parse(el.dataset.aaFlatpickr || '{}')
     const instance = flatpickr(el, options)
 
     adminterface.addObserver(el, instance, 'flatpickr')

data/app/javascript/adminterface/initializers/plugins/input_counter.js

@@ -4,7 +4,7 @@ const initInputCounter = function (element) {
   const inputCounterTriggerList = [].slice.call(element.querySelectorAll('[data-aa-input-counter]'))
 
   inputCounterTriggerList.map((el) => {
-    const options = JSON.parse(el.dataset.aaInputCounter || {})
+    const options = JSON.parse(el.dataset.aaInputCounter || '{}')
 
     return new InputCounter(el, options)
   })

data/app/javascript/adminterface/initializers/plugins/password_visibility.js

@@ -4,7 +4,7 @@ import initBootstrap from '../bootstrap'
 const initPasswordVisibility = function (element) {
   const visibilityTriggerList = [].slice.call(element.querySelectorAll('[data-aa-password-visibility]'))
   visibilityTriggerList.map((el) => {
-    const options = JSON.parse(el.dataset.aaPasswordVisibility || {})
+    const options = JSON.parse(el.dataset.aaPasswordVisibility || '{}')
     const instance = new PasswordVisibility(el, options)
 
     initBootstrap(instance.eventTarget)

data/app/javascript/adminterface/initializers/plugins/tom_select.js

@@ -5,7 +5,7 @@ const initTomSelect = function (element) {
   const tomSelectTriggerList = [].slice.call(element.querySelectorAll('[data-aa-tom-select]'))
 
   tomSelectTriggerList.map((el) => {
-    const options = JSON.parse(el.dataset.aaTomSelect || {})
+    const options = JSON.parse(el.dataset.aaTomSelect || '{}')
     const instance = new TomSelect(el, options)
 
     adminterface.addObserver(el, instance, instance.constructor.name)

data/app/javascript/adminterface/lib/__tests__/checkbox_toggler.html

@@ -0,0 +1,5 @@
+<div id="find-me">
+  <input type="checkbox" class="toggle_all" checked>
+  <input type="checkbox" class="toggle_one" checked>
+  <input type="checkbox" class="toggle_two" checked>
+</div>

data/app/javascript/adminterface/lib/__tests__/checkbox_toggler.spec.js

@@ -0,0 +1,110 @@
+import fs from 'fs'
+import path from 'path'
+import CheckboxTogglerClass from '../checkbox_toggler'
+
+describe('CheckboxToggler', () => {
+  const html = fs.readFileSync(path.resolve(__dirname, './checkbox_toggler.html'))
+  const container = '#find-me'
+  const options = 'options'
+
+  beforeEach(() => {
+    document.documentElement.innerHTML = html.toString()
+  })
+
+  afterEach(() => {
+    jest.restoreAllMocks()
+  })
+
+  test('constructor initiates correctly', () => {
+    const spyOnInit = jest.spyOn(CheckboxTogglerClass.prototype, '_init')
+    const spyOnBind = jest.spyOn(CheckboxTogglerClass.prototype, '_bind')
+
+    const CheckboxToggler = new CheckboxTogglerClass(container, options)
+
+    expect(CheckboxToggler.options).toStrictEqual(options)
+    expect(CheckboxToggler.container).toStrictEqual(container)
+
+    expect(spyOnInit).toHaveBeenCalledTimes(1)
+    expect(spyOnBind).toHaveBeenCalledTimes(1)
+  })
+
+  test('init throws error if container is null', () => {
+    expect(() => { new CheckboxTogglerClass(null, options) }).toThrow( // eslint-disable-line no-new
+      'Container element not found'
+    )
+  })
+
+  test('init throws error if toggle checkbox missing', () => {
+    const element = document.createElement('div')
+    element.id = 'find-me'
+    document.documentElement.innerHTML = element.outerHTML
+
+    expect(() => { new CheckboxTogglerClass(container, options) }).toThrow( // eslint-disable-line no-new
+      '"toggle all" checkbox not found'
+    )
+  })
+
+  test('init sets $container, $toggleAllCheckbox, $checkboxes', () => {
+    const $container = document.querySelector(container)
+    const $toggleAllCheckbox = $container.querySelector('.toggle_all')
+    const $checkboxes = $container.querySelectorAll('input[type="checkbox"]:not(.toggle_all)')
+    const CheckboxToggler = new CheckboxTogglerClass(container, options)
+
+    expect(CheckboxToggler.$container).toStrictEqual($container)
+    expect(CheckboxToggler.$toggleAllCheckbox).toStrictEqual($toggleAllCheckbox)
+    expect(CheckboxToggler.$checkboxes).toStrictEqual($checkboxes)
+  })
+
+  test('bind triggers addEventListener', () => {
+    const CheckboxToggler = new CheckboxTogglerClass(container, options)
+    const spyOnCheckboxesAddEvent = jest.spyOn(
+      CheckboxToggler.$checkboxes[0], 'addEventListener'
+    )
+    const spyOnToggleAllCheckboxAddEvent = jest.spyOn(
+      CheckboxToggler.$toggleAllCheckbox, 'addEventListener'
+    )
+
+    CheckboxToggler._bind()
+
+    expect(spyOnCheckboxesAddEvent).toHaveBeenCalledTimes(1)
+    expect(spyOnCheckboxesAddEvent).toHaveBeenCalledWith(
+      'change',
+      expect.any(Function)
+    )
+
+    expect(spyOnToggleAllCheckboxAddEvent).toHaveBeenCalledTimes(1)
+    expect(spyOnToggleAllCheckboxAddEvent).toHaveBeenCalledWith(
+      'change',
+      expect.any(Function)
+    )
+  })
+
+  test('didChangeCheckbox sets toggleAllCheckbox checked to true when all checked', () => {
+    const CheckboxToggler = new CheckboxTogglerClass(container, options)
+    CheckboxToggler._didChangeCheckbox()
+
+    expect(CheckboxToggler.$toggleAllCheckbox.checked).toBeTruthy()
+    expect(CheckboxToggler.$toggleAllCheckbox.indeterminate).toBeFalsy()
+  })
+
+  test('didChangeCheckbox sets toggleAllCheckbox checked to false when some checked', () => {
+    const inputElementToggleTwo = document.querySelector('input.toggle_two')
+    inputElementToggleTwo.checked = false
+
+    const CheckboxToggler = new CheckboxTogglerClass(container, options)
+    CheckboxToggler._didChangeCheckbox()
+
+    expect(CheckboxToggler.$toggleAllCheckbox.checked).toBeFalsy()
+    expect(CheckboxToggler.$toggleAllCheckbox.indeterminate).toBeTruthy()
+  })
+
+  test('didChangeToggleAllCheckbox', () => {
+    const CheckboxToggler = new CheckboxTogglerClass(container, options)
+    const setting = CheckboxToggler._didChangeToggleAllCheckbox()
+
+    expect(setting).toBeTruthy()
+    CheckboxToggler.$checkboxes.forEach(el => {
+      expect(el.checked).toStrictEqual(setting)
+    })
+  })
+})

data/app/javascript/adminterface/lib/__tests__/detached_dropdown.spec.js

@@ -1,70 +1,69 @@
-/* eslint-env jest */
-import DetachedDropdownClass from '../detached_dropdown'
-
-describe('DetachedDropdown', () => {
-  const element = document.createElement('div')
-  const options = {
-    title: '.title-menu'
-  }
-
-  beforeEach(() => {
-    global.adminterface = {
-      addObserver: jest.fn()
-    }
-  })
-
-  test('constructor initiates properties and call bind correctly', () => {
-    const spyOnBind = jest.spyOn(DetachedDropdownClass.prototype, '_bind')
-    spyOnBind.mockImplementation(() => {})
-    const DetachedDropdown = new DetachedDropdownClass(element, options)
-
-    expect(DetachedDropdown.element).toEqual(element)
-    expect(DetachedDropdown.options).toEqual({
-      menu: '.dropdown-menu',
-      ...options
-    })
-    expect(spyOnBind).toHaveBeenCalledTimes(1)
-    spyOnBind.mockRestore()
-  })
-
-  test('bind method calls adminterface correctly', () => {
-    const DetachedDropdown = new DetachedDropdownClass(element, options)
-
-    expect(global.adminterface.addObserver).toHaveBeenCalledWith(
-      element,
-      DetachedDropdown,
-      DetachedDropdown.constructor.name
-    )
-  })
-
-  test('bind method add event listener correctly', () => {
-    const DetachedDropdown = new DetachedDropdownClass(element, options)
-    const spyOnAddEventListener = jest.spyOn(
-      DetachedDropdown.element,
-      'addEventListener'
-    )
-    DetachedDropdown._bind()
-
-    expect(spyOnAddEventListener).toHaveBeenCalledTimes(2)
-    expect(spyOnAddEventListener.mock.calls).toEqual([
-      ['show.bs.dropdown', expect.any(Function)],
-      ['hidden.bs.dropdown', expect.any(Function)]
-    ])
-  })
-
-  test('append method calls native WEB API append correctly', () => {
-    const testDiv = document.createElement('div')
-    const testP = document.createElement('p')
-    testDiv.append('Some text', testP)
-
-    const DetachedDropdown = new DetachedDropdownClass(element, options)
-    const spyOnAppend = jest.spyOn(document.body, 'append')
-
-    DetachedDropdown._append(document.body, testP)
-
-    expect(spyOnAppend).toHaveBeenCalledTimes(1)
-    expect(spyOnAppend).toHaveBeenCalledWith(
-      testP.parentElement.removeChild(testP)
-    )
-  })
-})
+import DetachedDropdownClass from '../detached_dropdown'
+
+describe('DetachedDropdown', () => {
+  const element = document.createElement('div')
+  const options = {
+    title: '.title-menu'
+  }
+
+  beforeEach(() => {
+    global.adminterface = {
+      addObserver: jest.fn()
+    }
+  })
+
+  test('constructor initiates properties and call bind correctly', () => {
+    const spyOnBind = jest.spyOn(DetachedDropdownClass.prototype, '_bind')
+    spyOnBind.mockImplementation(() => {})
+    const DetachedDropdown = new DetachedDropdownClass(element, options)
+
+    expect(DetachedDropdown.element).toEqual(element)
+    expect(DetachedDropdown.options).toEqual({
+      menu: '.dropdown-menu',
+      ...options
+    })
+    expect(spyOnBind).toHaveBeenCalledTimes(1)
+    spyOnBind.mockRestore()
+  })
+
+  test('bind method calls adminterface correctly', () => {
+    const DetachedDropdown = new DetachedDropdownClass(element, options)
+
+    expect(global.adminterface.addObserver).toHaveBeenCalledWith(
+      element,
+      DetachedDropdown,
+      DetachedDropdown.constructor.name
+    )
+  })
+
+  test('bind method add event listener correctly', () => {
+    const DetachedDropdown = new DetachedDropdownClass(element, options)
+    const spyOnAddEventListener = jest.spyOn(
+      DetachedDropdown.element,
+      'addEventListener'
+    )
+    DetachedDropdown._bind()
+
+    expect(spyOnAddEventListener).toHaveBeenCalledTimes(2)
+    expect(spyOnAddEventListener.mock.calls).toEqual([
+      ['show.bs.dropdown', expect.any(Function)],
+      ['hidden.bs.dropdown', expect.any(Function)]
+    ])
+  })
+
+  test('append method calls native WEB API append correctly', () => {
+    const testDiv = document.createElement('div')
+    const testP = document.createElement('p')
+    testDiv.append('Some text', testP)
+
+    const DetachedDropdown = new DetachedDropdownClass(element, options)
+    const spyOnAppend = jest.spyOn(document.body, 'append')
+
+    DetachedDropdown._append(document.body, testP)
+
+    expect(spyOnAppend).toHaveBeenCalledTimes(1)
+    expect(spyOnAppend).toHaveBeenCalledWith(
+      testP.parentElement.removeChild(testP)
+    )
+  })
+})

data/app/javascript/adminterface/lib/__tests__/filters.spec.js

@@ -1,4 +1,3 @@
-/* eslint-env jest */
 import Filters from '../filters'
 import * as utilModule from '../utils'
 

data/app/javascript/adminterface/lib/__tests__/has_many.html

@@ -0,0 +1,14 @@
+<div data-sortable="address">
+  <form class="has-many-list">
+    <fieldset class="has_many_fields">
+      <input type="checkbox" name="[_destroy]" checked>
+      <input type="text" name="[address]" value="Tokyo">
+      <a class="button has_many_remove"></a>
+      <a
+        class="button has_many_add"
+        data-html="<div></div>"
+        data-placeholder="script"
+      ></a>
+    </fieldset>
+  </form>
+</div>