@formio/uswds 2.4.6 → 2.4.8-rc.1

package/lib/css/styles.css

@@ -75,6 +75,10 @@ span[role=link]:hover {
   border: 1px solid #565c65;
 }
 
+.usa-form-group--month .usa-select {
+  opacity: 1;
+}
+
 .formio-component-address .usa-checkbox {
   margin: 0.5em 0 0.3em;
 }
@@ -453,84 +457,72 @@ div[ref=modalContents] .usa-form-group--error {
     flex: 0 0 auto;
     width: 8.3333333333%;
   }
-
   div[class*=":grid-col-2"] {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     width: 16.6666666667%;
   }
-
   div[class*=":grid-col-3"] {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     width: 25%;
   }
-
   div[class*=":grid-col-4"] {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     width: 33.3333333333%;
   }
-
   div[class*=":grid-col-5"] {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     width: 41.6666666667%;
   }
-
   div[class*=":grid-col-6"] {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     width: 50%;
   }
-
   div[class*=":grid-col-7"] {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     width: 58.3333333333%;
   }
-
   div[class*=":grid-col-8"] {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     width: 66.6666666667%;
   }
-
   div[class*=":grid-col-9"] {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     width: 75%;
   }
-
   div[class*=":grid-col-10"] {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     width: 83.3333333333%;
   }
-
   div[class*=":grid-col-11"] {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     width: 91.6666666667%;
   }
-
   div[class*=":grid-col-12"] {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     width: 100%;
   }
-
   .usa-checkbox__input:checked:disabled + .usa-checkbox__label::before {
     background-image: none;
     background-color: #c9c9c9;

package/lib/index.d.ts

@@ -71,6 +71,7 @@ declare const _default: {
             };
             field: {
                 form: string;
+                align: string;
             };
             fieldset: {
                 form: string;

package/lib/sass/styles.scss

@@ -101,6 +101,10 @@ span[role="link"] {
   border: 1px solid #565c65;
 }
 
+.usa-form-group--month .usa-select {
+  opacity: 1;
+}
+
 .formio-component-address .usa-checkbox {
   margin: 0.5em 0 0.3em;
 }

package/lib/templates/index.d.ts

@@ -69,6 +69,7 @@ declare const _default: {
         };
         field: {
             form: string;
+            align: string;
         };
         fieldset: {
             form: string;

package/lib/templates/uswds/day/form.ejs.js

@@ -72,23 +72,9 @@ __p += 'field-required';
  } ;
 __p += '"\n      >' +
 ((__t = (ctx.t('Month'))) == null ? '' : __t) +
-'</label>\n\n      <input class="usa-input usa-input--inline"\n        ref="month"\n        name="month"\n        id="' +
-((__t = (ctx.component.key)) == null ? '' : __t) +
-'-month"\n        ';
- if (ctx.component.fields.month.placeholder) { ;
-__p += 'placeholder="' +
-((__t = (ctx.component.fields.month.placeholder)) == null ? '' : __t) +
-'"';
- } ;
-__p += '\n        ';
- if (ctx.component.description) { ;
-__p += '\n        aria-describedby="d-' +
-((__t = (ctx.instance.id)) == null ? '' : __t) +
-'-' +
-((__t = (ctx.component.key)) == null ? '' : __t) +
-'"\n        ';
- } ;
-__p += '\n        type="number" min="1" max="12" step="1" value="">\n    </div>\n    ';
+'</label>\n      <div>' +
+((__t = (ctx.month)) == null ? '' : __t) +
+'</div>\n    </div>\n    ';
  } ;
 __p += '\n\n    ';
  if (!ctx.dayFirst && ctx.showDay) { ;

package/lib/templates/uswds/field/align.ejs.js

@@ -0,0 +1,41 @@
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default=function(ctx) {
+var __t, __p = '', __j = Array.prototype.join;
+function print() { __p += __j.call(arguments, '') }
+__p += '<div class="field-wrapper\n  ' +
+((__t = (ctx.isRightPosition ? 'field-wrapper--reverse' : '')) == null ? '' : __t) +
+'">\n  ';
+ if (!ctx.label.hidden) { ;
+__p += '\n    <div class="field-label\n      ' +
+((__t = (ctx.isRightAlign ? 'field-label--right' : '')) == null ? '' : __t) +
+'"\n      style="' +
+((__t = (ctx.labelStyles)) == null ? '' : __t) +
+'">\n    ' +
+((__t = ( ctx.labelMarkup )) == null ? '' : __t) +
+'\n    </div>\n  ';
+ } ;
+__p += '\n\n  ';
+ if (ctx.label.hidden && ctx.label.className && ctx.component.validate.required) { ;
+__p += '\n    <div class="field-label\n      ' +
+((__t = (ctx.isRightAlign ? 'field-label--right' : '')) == null ? '' : __t) +
+'"\n      style="' +
+((__t = (ctx.labelStyles)) == null ? '' : __t) +
+'">\n      <label class="' +
+((__t = (ctx.label.className)) == null ? '' : __t) +
+'"></label>\n    </div>\n  ';
+ } ;
+__p += '\n\n  <div class="field-content" style="' +
+((__t = (ctx.contentStyles)) == null ? '' : __t) +
+'">\n    ' +
+((__t = (ctx.element)) == null ? '' : __t) +
+'\n  </div>\n</div>\n\n';
+ if (ctx.component.description) { ;
+__p += '\n  <div class="form-text text-muted">' +
+((__t = (ctx.t(ctx.component.description, { _userInput: true }))) == null ? '' : __t) +
+'</div>\n';
+ } ;
+__p += '\n';
+return __p
+}

package/lib/templates/uswds/field/index.d.ts

@@ -1,4 +1,5 @@
 declare const _default: {
     form: string;
+    align: string;
 };
 export default _default;

package/lib/templates/uswds/field/index.js

@@ -1,4 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var form_ejs_1 = require("./form.ejs");
-exports.default = { form: form_ejs_1.default };
+var align_ejs_1 = require("./align.ejs");
+exports.default = { form: form_ejs_1.default, align: align_ejs_1.default };

package/lib/templates/uswds/index.d.ts

@@ -68,6 +68,7 @@ declare const _default: {
     };
     field: {
         form: string;
+        align: string;
     };
     fieldset: {
         form: string;

package/lib/templates/uswds/tab/flat.ejs.js

@@ -8,7 +8,9 @@ function print() { __p += __j.call(arguments, '') }
  ctx.component.components.forEach(function(tab, index) { ;
 __p += '\n  <div class="margin-bottom-2 formio-usa-card">\n    <div class="formio-usa-card-header bg-base-lightest">\n      <h4 class="margin-bottom-0 formio-usa-card-title">' +
 ((__t = ( ctx.t(tab.label) )) == null ? '' : __t) +
-'</h4>\n    </div>\n    <div class="formio-usa-card-body">\n      ' +
+'</h4>\n    </div>\n    <div class="formio-usa-card-body" ref="' +
+((__t = (ctx.tabKey)) == null ? '' : __t) +
+'">\n      ' +
 ((__t = ( ctx.tabComponents[index] )) == null ? '' : __t) +
 '\n    </div>\n  </div>\n';
  }) ;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@formio/uswds",
-  "version": "2.4.6",
+  "version": "2.4.8-rc.1",
   "description": "US Web Design System templates for form.io",
   "main": "lib/index.js",
   "scripts": {

package/Changelog.md

@@ -1,329 +0,0 @@
-# Change Log
-All notable changes to this project will be documented in this file
-
-The format is based on [Keep a Changelog](http://keepachangelog.com/)
-and this project adheres to [Semantic Versioning](http://semver.org/).
-
-## 2.4.6
-### Changed
- - Official Release
-
-## 2.4.6-rc.1
-### Fixed
- - Fixing issues with viewer crashing when widget=null.
-
-## 2.4.5
-### Changed
- - Official Release
-
-## 2.4.5-rc.1
-### Fixed
- - FIO-4600: Fixed radio buttons inside of Survey component
-
-## 2.4.4
-### Changed
- - Official Release
-
-## 2.4.4-rc.1
-### Fixed
- - Styles declaration on the component template.
-
-## 2.4.3
-### Changed
- - Official Release
-
-## 2.4.3-rc.1
-### Changed
- - FIO-4314: Fixes viewer not having script and style resources
-
-## 2.4.2
-### Changed
- - Official Release
-
-## 2.4.2-rc.1
-### Fixed
- - FIO-4081 Fixed incorrect file pattern message
- - FIO-3990 Fixed issue with checkboxes inside of Fieldset in DataGrid
-
-## 2.4.1
-### Changed
- - Official Release
-
-## 2.4.1-rc.1
-### Fixed
- - FIO-4082, FIO-2984, FIO-4098: Fixed styles for checkbox, file, error indication
-
-## 2.4.0
-### Changed
- - Official Release
-
-## 2.4.0-rc.3
-### Fixed
- - FIO-3758: Duplication of radio ids inside nested forms
-
-## 2.4.0-rc.2
-### Fixed
- - FIO-3758: Duplication of radio ids inside nested forms
- - FIO-3782 Fixed outline for choicesjs select in PDF
-
-## 2.4.0-rc.1
-### Changed
- - Upgrade formiojs@4.14.0-rc.23
-
-### Fixed
- - FIO-3656 Fixed issue when columns were not auto collapsing in some cases
- - FIO-3519 Made 'scroll on top' option in wizard to scroll to the top of progressbar
- - Changes for 2.4.0 uswds release:
- - FIO-3208 Fixed issue when description was displaying under charcount
- - FIO-3206 Fixed styles for labels
- - FIO-2648 Adjusted uswds styles to work with vpat
- - FIO-2546 Fixed focus outline of builder modal buttons, which were not fully visible for Content component
- - FIO-2544 Fixed issue when suffixes and prefixes were displayed wrong on a big scale
- - FIO-2535 Fixed modal buttons that were displaying outside of modal window in FMG
-
-## 2.3.8
-### Fixed
- - FIO-3598 Rolled back USWDS version to fix issues with radio and checkboxes
-
-## 2.3.7
-### Fixed
- - FIO-1627 Changed focus order in wizard header for tooltip to be included into intuitive flow
-
-## 2.3.6
-### Fixed
- - FIO-1627 Fixed wizard panel tooltip not being focusable
-
-## 2.3.5
-### Fixed
- - FIO-1627: Added tooltip to wizard header
-
-## 2.3.4
-### Fixed
- - FIO-3210 Fixed button component to have correct options and builder and to correctly display custom classes
-
-## 2.3.3
-### Changed
- - Released 2.3.3 as official release.
-
-## 2.3.3-rc.1
-### Fixed
- - FIO-3104: Fixes an issue where usa-button class makes buttons to be always visible event when they have formio-hidden class
-
-### Changed
- - Upgrade dependencies.
-
-## 2.3.2
-### Fixed
- - FIO-2643 Fixed tooltips displaying 'null'
-
-### Changed
- - Upgrade formiojs@4.13.0-rc.26
-
-## 2.3.1
-### Fixed
- - https://github.com/formio/uswds/pull/185
-
-## 2.3.0-rc.2
-### Changed
- - Upgrade formiojs@4.13.0-rc.13
-
-## 2.3.0-rc.1
-### Changed
- - https://github.com/formio/uswds/pull/176
-
-## 2.2.0
-### Changed
- - No changes. Released 2.2.0-rc.1 as 2.2.0
-
-## 2.2.0-rc.1
-### Changed
- - Upgrade formiojs@4.13.0-rc.6
-
-## 2.1.0
-### Changed
- - Upgrade formiojs@4.13.0-rc.5
-### Changed
- - Changes for USWDS v2.1.0
-
-## 2.0.3
-### Fixed
- - Issue where the PDF upload is not showing the progress indicator.
-
-## 2.0.2
-### Changed
- - Upgrade formiojs@4.12.4
-
-## 2.0.2-rc.3
-### Fixed
- - Adding target to webpack so builds work with IE11.
- - Fixed viewer not working in IE
-
-## 2.0.2-rc.2
-### Changed
- - Upgrade formiojs@4.12.4-rc.2
-
-## 2.0.2-rc.1
-### Fixed
- - FJS-1488: Adding tabindex to datagrid elements.
-
-### Changed
- - Upgrade formiojs@4.12.4-rc.1
- - Upgrade @types/node@14.14.12, sinon@9.2.2, ts-node@9.1.1, @types/mocha@8.2.0
-
-## 2.0.1
-### Fixed
- - VPAT-775 Changed wizardHeader from nav to div and fixed focus on progressbar
-
-### Changed
- - Upgrade formiojs@4.12.2
-
-## 2.0.1-rc.3
-### Fixed
- - VPAT-758 Removed styling modifications for disabled dates in Datepicker
- - VPAT-757 Fixed text in li being wrapped at set width
- - VPAT-756 Made font weight bold for headings using strong tag in FMG
-
-### Changed
- - Upgrade formiojs@4.12.2-rc.5
-
-## 2.0.1-rc.2
-### Changed
- - Changed renderer to official 4.12.1
-
-## 2.0.1-rc.1
-### Fixed
- - VPAT-623 Added address component to USWDS templates with correct styles
- - VPAT-592 Fixed incorrect presentation of the last cell in a table in IE/FF
- - VPAT-623 Fixed incorrect display of choicesjs selects in some cases
-
-### Chnaged
- - Upgrade formiojs@4.12.2-rc.3
-
-## 2.0.0
-### Changed
- - Upgrade formiojs@4.12.1
-
-### Fixed
- - VPAT-592 Changed data grid table to populate all available space
- - VPAT-594 Applied USWDS select styling to choicesjs selects
-
-## 2.0.0-rc.9
-### Changed
- - Upgrade formiojs@4.12.1-rc.28
-
-## 2.0.0-rc.8
-### Changed
- - Upgrade formiojs@4.12.1-rc.26
-
-### Fixed
- - VPAT-719 Fixed disappearing fields when failing validation in USWDS
- - VPAT-697 Added border outlines to layout component in builder
-
-## 2.0.0-rc.7
-### Changed
- - Upgrade formiojs@4.12.1-rc.18
-
-### Fixed
- - VPAT-672 Fixed failing EditGrid in builder options
-
-## 2.0.0
-### Added
- - Further accessibility support for DateTime component.
- - Accessibility support for modal edit.
-
-### Changed
- - Reworked tooltips to make them accessible.
-
-### Fixed
- - Several accessibility and PDF issues.
-
-## 1.8.2-rc.5
-### Changed
- - Upgrade uswds-viewer base to 2.97.0-rc.11
-
-## 1.8.2-rc.4
-### Changed
- - uswds-viewer Docker base to 2.97.0-rc.10
- - formiojs@4.11.1-rc.5
-
-## 1.8.2-rc.3
-### Changed
- - uswds-viewer Docker base to 2.97.0-rc.9
-
-## 1.8.2-rc.2
-### Changed
- - uswds-viewer Docker base to 2.97.0-rc.7
-
-## 1.8.2-rc.1
-### Changed
- - uswds-viewer Docker base to 2.97.0-rc.6
-
-## 1.8.1
-### Changed
- - Reverted docker base back to 2.96.0 for uswds-viewer
-
-## 1.8.0
-### Changed
- - Fixed viewer to show checked radios and checkboxes correctly.
- - Upgrade formiojs@4.11.0
-
-## 1.8.0-rc.2
-### Changed
- - Upgrade formiojs@4.11.0-rc.5
- - Fixed issue with DateTime icon showing incorrect.
-
-## 1.7.0
-### Added
- - Accessibility support for DateTime component.
-
-## 1.6.0
-### Fixed
- - Issue with stacked fields in PDFs.
- - Issue with Radio/Checkbox component not appearing selected in PDF.
- - Issue with Panel component header announcing excessive info on IE.
-
-## 1.5.0
-### Changed
- - Columns layout not spanning with the width of the page.
- - HTML component styles to be in accordance with USWDS.
-
-### Fixed
- - Issue with components being too close to each other.
-
-## 1.4.0
-### Changed
- - Redesigned Wizard navigation and made it accessible.
- - General accessibility improvements.
-
-### Fixed
- - Issue with legends not being distinguished.
- - Issue with announcements for numeric fields.
- - Issue with spacing of components in all forms.
-
-## 1.3.2
-### Changed
- - Added column size variable to columns template.
- - Added mapping function to map bootstrap columns sizes to uswds.
- - Fixed margins in component template.
-
-## 1.3.1
-### Changed
- - Fixed documentation.
- - Added way to add Form.io license.
-
-### Fixed
- - Issue with duplicate input labels on Radio components.
-
-## 1.3.0
-### Changed
-
-## 1.2.4
-### Upgrade viewer to latest versions.
-
-## 1.2.3
-### Fixed
- - Viewer to use premium components.
-
-## 1.2.2
-### Fixed
- - Build processes.