@1024pix/pix-ui 53.1.3 → 53.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/addon/components/pix-accordions.js +2 -2
  2. package/addon/components/pix-app-layout.js +1 -1
  3. package/addon/components/pix-banner-alert.js +1 -1
  4. package/addon/components/pix-button-upload.js +2 -1
  5. package/addon/components/pix-checkbox.js +4 -3
  6. package/addon/components/pix-filterable-and-searchable-select.js +3 -3
  7. package/addon/components/pix-icon-button.js +2 -2
  8. package/addon/components/pix-icon.js +2 -2
  9. package/addon/components/pix-indicator-card.js +1 -1
  10. package/addon/components/pix-input-base.js +1 -2
  11. package/addon/components/pix-input-code.js +1 -1
  12. package/addon/components/pix-input-password.js +2 -2
  13. package/addon/components/pix-modal.js +1 -1
  14. package/addon/components/pix-multi-select.js +2 -3
  15. package/addon/components/pix-navigation.js +2 -2
  16. package/addon/components/pix-pagination.js +1 -0
  17. package/addon/components/pix-progress-bar.js +1 -1
  18. package/addon/components/pix-radio-button.js +4 -3
  19. package/addon/components/pix-return-to.js +1 -1
  20. package/addon/components/pix-search-input.js +2 -2
  21. package/addon/components/pix-select-list.js +1 -1
  22. package/addon/components/pix-select.js +3 -3
  23. package/addon/components/pix-selectable-tag.js +1 -1
  24. package/addon/components/pix-sidebar.js +1 -1
  25. package/addon/components/pix-structure-switcher.js +2 -2
  26. package/addon/components/pix-table-column.js +1 -1
  27. package/addon/components/pix-table.js +1 -1
  28. package/addon/components/pix-textarea.js +2 -2
  29. package/addon/components/pix-toast-container.js +1 -1
  30. package/addon/components/pix-toast.js +3 -3
  31. package/addon/components/pix-toggle-button.js +1 -1
  32. package/addon/components/pix-tooltip.js +1 -1
  33. package/addon/components/toast-example.js +2 -2
  34. package/addon/services/pix-toast.js +1 -1
  35. package/addon/translations/index.js +1 -0
  36. package/app/services/element-helper.js +1 -1
  37. package/package.json +14 -11
@@ -1,7 +1,7 @@
1
- import Component from '@glimmer/component';
2
- import { tracked } from '@glimmer/tracking';
3
1
  import { action } from '@ember/object';
4
2
  import { guidFor } from '@ember/object/internals';
3
+ import Component from '@glimmer/component';
4
+ import { tracked } from '@glimmer/tracking';
5
5
 
6
6
  export default class PixAccordions extends Component {
7
7
  text = 'pix-accordions';
@@ -1,5 +1,5 @@
1
- import Component from '@glimmer/component';
2
1
  import { warn } from '@ember/debug';
2
+ import Component from '@glimmer/component';
3
3
 
4
4
  export default class PixAppLayout extends Component {
5
5
  get variant() {
@@ -1,6 +1,6 @@
1
+ import { action } from '@ember/object';
1
2
  import Component from '@glimmer/component';
2
3
  import { tracked } from '@glimmer/tracking';
3
- import { action } from '@ember/object';
4
4
  const TYPE_INFO = 'information';
5
5
  const TYPE_ERROR = 'error';
6
6
  const TYPE_WARNING = 'warning';
@@ -1,7 +1,8 @@
1
- import PixButtonBase from './pix-button-base';
2
1
  import { action } from '@ember/object';
3
2
  import { tracked } from '@glimmer/tracking';
4
3
 
4
+ import PixButtonBase from './pix-button-base';
5
+
5
6
  export default class PixButtonUpload extends PixButtonBase {
6
7
  @tracked
7
8
  files = [];
@@ -1,7 +1,8 @@
1
- import Component from '@glimmer/component';
2
- import { guidFor } from '@ember/object/internals';
3
- import { action } from '@ember/object';
4
1
  import { warn } from '@ember/debug';
2
+ import { action } from '@ember/object';
3
+ import { guidFor } from '@ember/object/internals';
4
+ import Component from '@glimmer/component';
5
+
5
6
  import { formatMessage } from '../translations';
6
7
 
7
8
  export default class PixCheckbox extends Component {
@@ -1,8 +1,8 @@
1
- import Component from '@glimmer/component';
2
- import { inject as service } from '@ember/service';
3
- import { tracked } from '@glimmer/tracking';
4
1
  import { action } from '@ember/object';
5
2
  import { guidFor } from '@ember/object/internals';
3
+ import { inject as service } from '@ember/service';
4
+ import Component from '@glimmer/component';
5
+ import { tracked } from '@glimmer/tracking';
6
6
 
7
7
  export default class PixFilterableAndSearchableSelect extends Component {
8
8
  @service elementHelper;
@@ -1,6 +1,6 @@
1
- import Component from '@glimmer/component';
2
- import { action } from '@ember/object';
3
1
  import { warn } from '@ember/debug';
2
+ import { action } from '@ember/object';
3
+ import Component from '@glimmer/component';
4
4
 
5
5
  export default class PixIconButton extends Component {
6
6
  text = 'pix-icon-button';
@@ -1,6 +1,6 @@
1
- import Component from '@glimmer/component';
2
- import { warn } from '@ember/debug';
3
1
  import { ICONS } from '@1024pix/pix-ui/helpers/icons';
2
+ import { warn } from '@ember/debug';
3
+ import Component from '@glimmer/component';
4
4
 
5
5
  export default class PixIcon extends Component {
6
6
  get title() {
@@ -1,5 +1,5 @@
1
- import Component from '@glimmer/component';
2
1
  import { guidFor } from '@ember/object/internals';
2
+ import Component from '@glimmer/component';
3
3
 
4
4
  export default class PixIndicatorCard extends Component {
5
5
  id = guidFor(this);
@@ -1,6 +1,5 @@
1
- import Component from '@glimmer/component';
2
-
3
1
  import { guidFor } from '@ember/object/internals';
2
+ import Component from '@glimmer/component';
4
3
 
5
4
  export default class PixInputBase extends Component {
6
5
  prefix;
@@ -1,5 +1,5 @@
1
- import Component from '@glimmer/component';
2
1
  import { action } from '@ember/object';
2
+ import Component from '@glimmer/component';
3
3
 
4
4
  const ERROR_MESSAGE =
5
5
  'ERROR in PixInputCode component, you must provide an @ariaLabel and a @legend';
@@ -1,8 +1,8 @@
1
- import PixInputBase from './pix-input-base';
2
-
3
1
  import { action } from '@ember/object';
4
2
  import { tracked } from '@glimmer/tracking';
5
3
 
4
+ import PixInputBase from './pix-input-base';
5
+
6
6
  export default class PixInputPassword extends PixInputBase {
7
7
  constructor() {
8
8
  super(...arguments);
@@ -1,6 +1,6 @@
1
- import Component from '@glimmer/component';
2
1
  import { action } from '@ember/object';
3
2
  import { guidFor } from '@ember/object/internals';
3
+ import Component from '@glimmer/component';
4
4
 
5
5
  export default class PixModal extends Component {
6
6
  constructor(...args) {
@@ -1,8 +1,7 @@
1
- import Component from '@glimmer/component';
2
-
3
1
  import { action } from '@ember/object';
4
- import { tracked } from '@glimmer/tracking';
5
2
  import { guidFor } from '@ember/object/internals';
3
+ import Component from '@glimmer/component';
4
+ import { tracked } from '@glimmer/tracking';
6
5
 
7
6
  function sortOptionsByCheckedFirst(a, b) {
8
7
  if (a.checked && b.checked) return 0;
@@ -1,7 +1,7 @@
1
- import Component from '@glimmer/component';
2
1
  import { action } from '@ember/object';
3
- import { tracked } from '@glimmer/tracking';
4
2
  import { guidFor } from '@ember/object/internals';
3
+ import Component from '@glimmer/component';
4
+ import { tracked } from '@glimmer/tracking';
5
5
 
6
6
  export default class PixMNavigation extends Component {
7
7
  constructor(...args) {
@@ -1,6 +1,7 @@
1
1
  import { action } from '@ember/object';
2
2
  import { inject as service } from '@ember/service';
3
3
  import Component from '@glimmer/component';
4
+
4
5
  import { formatMessage } from '../translations';
5
6
 
6
7
  const DEFAULT_PAGE_OPTIONS = [
@@ -1,5 +1,5 @@
1
- import Component from '@glimmer/component';
2
1
  import { guidFor } from '@ember/object/internals';
2
+ import Component from '@glimmer/component';
3
3
 
4
4
  export default class PixProgressBar extends Component {
5
5
  get id() {
@@ -1,7 +1,8 @@
1
- import Component from '@glimmer/component';
2
- import { guidFor } from '@ember/object/internals';
3
- import { action } from '@ember/object';
4
1
  import { warn } from '@ember/debug';
2
+ import { action } from '@ember/object';
3
+ import { guidFor } from '@ember/object/internals';
4
+ import Component from '@glimmer/component';
5
+
5
6
  import { formatMessage } from '../translations';
6
7
 
7
8
  export default class PixRadioButton extends Component {
@@ -1,5 +1,5 @@
1
- import Component from '@glimmer/component';
2
1
  import { warn } from '@ember/debug';
2
+ import Component from '@glimmer/component';
3
3
 
4
4
  export default class PixReturnTo extends Component {
5
5
  text = 'pix-return-to';
@@ -1,8 +1,8 @@
1
- import PixInputBase from './pix-input-base';
2
-
3
1
  import { action } from '@ember/object';
4
2
  import { debounceTask } from 'ember-lifeline';
5
3
 
4
+ import PixInputBase from './pix-input-base';
5
+
6
6
  export default class PixSearchInput extends PixInputBase {
7
7
  initialValue = this.args.value;
8
8
 
@@ -18,7 +18,7 @@ export default class PixSelectList extends Component {
18
18
  return !this.args.isExpanded || this.args.hideDefaultOption;
19
19
  }
20
20
  get results() {
21
- let results = [];
21
+ const results = [];
22
22
  let options = this.args.options;
23
23
 
24
24
  if (this.args.searchValue) {
@@ -1,8 +1,8 @@
1
- import Component from '@glimmer/component';
2
- import { tracked } from '@glimmer/tracking';
3
- import { inject as service } from '@ember/service';
4
1
  import { action } from '@ember/object';
5
2
  import { guidFor } from '@ember/object/internals';
3
+ import { inject as service } from '@ember/service';
4
+ import Component from '@glimmer/component';
5
+ import { tracked } from '@glimmer/tracking';
6
6
 
7
7
  export default class PixSelect extends Component {
8
8
  @service elementHelper;
@@ -1,5 +1,5 @@
1
- import Component from '@glimmer/component';
2
1
  import { action } from '@ember/object';
2
+ import Component from '@glimmer/component';
3
3
 
4
4
  export default class PixSelectableTag extends Component {
5
5
  @action
@@ -1,6 +1,6 @@
1
- import Component from '@glimmer/component';
2
1
  import { action } from '@ember/object';
3
2
  import { guidFor } from '@ember/object/internals';
3
+ import Component from '@glimmer/component';
4
4
 
5
5
  export default class PixSidebar extends Component {
6
6
  constructor(...args) {
@@ -1,7 +1,7 @@
1
- import Component from '@glimmer/component';
2
- import { tracked } from '@glimmer/tracking';
3
1
  import { action } from '@ember/object';
4
2
  import { guidFor } from '@ember/object/internals';
3
+ import Component from '@glimmer/component';
4
+ import { tracked } from '@glimmer/tracking';
5
5
  export default class PixStructureSwitcher extends Component {
6
6
  constructor(...args) {
7
7
  super(...args);
@@ -1,5 +1,5 @@
1
- import Component from '@glimmer/component';
2
1
  import { warn } from '@ember/debug';
2
+ import Component from '@glimmer/component';
3
3
 
4
4
  export default class PixTableColumn extends Component {
5
5
  get displayHeader() {
@@ -1,5 +1,5 @@
1
- import Component from '@glimmer/component';
2
1
  import { warn } from '@ember/debug';
2
+ import Component from '@glimmer/component';
3
3
 
4
4
  export default class PixTable extends Component {
5
5
  get variant() {
@@ -1,7 +1,7 @@
1
- import Component from '@glimmer/component';
2
1
  import { action } from '@ember/object';
3
- import { tracked } from '@glimmer/tracking';
4
2
  import { guidFor } from '@ember/object/internals';
3
+ import Component from '@glimmer/component';
4
+ import { tracked } from '@glimmer/tracking';
5
5
 
6
6
  export default class PixTextarea extends Component {
7
7
  // eslint-disable-next-line ember/no-tracked-properties-from-args
@@ -1,5 +1,5 @@
1
- import Component from '@glimmer/component';
2
1
  import { service } from '@ember/service';
2
+ import Component from '@glimmer/component';
3
3
 
4
4
  export default class PixToastContainer extends Component {
5
5
  @service pixToast;
@@ -1,7 +1,7 @@
1
- import Component from '@glimmer/component';
2
- import { service } from '@ember/service';
3
- import { action } from '@ember/object';
4
1
  import { warn } from '@ember/debug';
2
+ import { action } from '@ember/object';
3
+ import { service } from '@ember/service';
4
+ import Component from '@glimmer/component';
5
5
  const TYPE_SUCCESS = 'success';
6
6
  const TYPE_ERROR = 'error';
7
7
  const TYPE_INFORMATION = 'information';
@@ -1,6 +1,6 @@
1
- import Component from '@glimmer/component';
2
1
  import { action } from '@ember/object';
3
2
  import { guidFor } from '@ember/object/internals';
3
+ import Component from '@glimmer/component';
4
4
 
5
5
  export default class PixToggleButton extends Component {
6
6
  get className() {
@@ -1,5 +1,5 @@
1
- import Component from '@glimmer/component';
2
1
  import { action } from '@ember/object';
2
+ import Component from '@glimmer/component';
3
3
  import { tracked } from '@glimmer/tracking';
4
4
 
5
5
  export default class PixTooltip extends Component {
@@ -1,6 +1,6 @@
1
- import Component from '@glimmer/component';
2
- import { service } from '@ember/service';
3
1
  import { action } from '@ember/object';
2
+ import { service } from '@ember/service';
3
+ import Component from '@glimmer/component';
4
4
 
5
5
  export default class ToastExample extends Component {
6
6
  @service pixToast;
@@ -1,6 +1,6 @@
1
+ import { warn } from '@ember/debug';
1
2
  import Service from '@ember/service';
2
3
  import { tracked } from '@glimmer/tracking';
3
- import { warn } from '@ember/debug';
4
4
 
5
5
  export default class ToastService extends Service {
6
6
  @tracked content = [];
@@ -1,4 +1,5 @@
1
1
  import { createIntl } from '@formatjs/intl';
2
+
2
3
  import en from './en';
3
4
  import fr from './fr';
4
5
  import nl from './nl';
@@ -22,7 +22,7 @@ export default class ElementService extends Service {
22
22
  }
23
23
 
24
24
  createClass(name, rules) {
25
- var style = document.createElement('style');
25
+ const style = document.createElement('style');
26
26
  style.type = 'text/css';
27
27
  document.getElementsByTagName('head')[0].appendChild(style);
28
28
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@1024pix/pix-ui",
3
- "version": "53.1.3",
3
+ "version": "53.1.4",
4
4
  "description": "Pix-UI is the implementation of Pix design principles and guidelines for its products.",
5
5
  "keywords": [
6
6
  "ember-addon"
@@ -73,9 +73,9 @@
73
73
  },
74
74
  "devDependencies": {
75
75
  "@1024pix/ember-testing-library": "^3.0.6",
76
- "@1024pix/eslint-config": "^1.3.8",
77
- "@1024pix/stylelint-config": "^5.1.12",
78
- "@babel/eslint-parser": "^7.25.1",
76
+ "@1024pix/eslint-plugin": "^2.0.4",
77
+ "@1024pix/stylelint-config": "^5.1.26",
78
+ "@babel/eslint-parser": "^7.26.5",
79
79
  "@babel/plugin-proposal-decorators": "^7.24.7",
80
80
  "@ember/optional-features": "^2.1.0",
81
81
  "@ember/string": "^4.0.0",
@@ -106,6 +106,7 @@
106
106
  "ember-cli-inject-live-reload": "^2.1.0",
107
107
  "ember-cli-sri": "^2.1.1",
108
108
  "ember-cli-terser": "^4.0.2",
109
+ "ember-eslint-parser": "^0.5.7",
109
110
  "ember-load-initializers": "^2.1.2",
110
111
  "ember-page-title": "^8.2.3",
111
112
  "ember-qunit": "^8.1.0",
@@ -116,23 +117,25 @@
116
117
  "ember-template-lint": "^6.0.0",
117
118
  "ember-template-lint-plugin-prettier": "^5.0.0",
118
119
  "ember-try": "^3.0.0",
119
- "eslint": "^8.57.0",
120
- "eslint-config-prettier": "^9.1.0",
121
- "eslint-plugin-ember": "^12.0.0",
122
- "eslint-plugin-n": "^17.0.0",
120
+ "eslint": "^9.18.0",
121
+ "eslint-config-prettier": "^10.0.1",
122
+ "eslint-plugin-ember": "^12.3.3",
123
+ "eslint-plugin-i18n-json": "^4.0.1",
124
+ "eslint-plugin-n": "^17.15.1",
123
125
  "eslint-plugin-prettier": "^5.2.1",
124
- "eslint-plugin-qunit": "^8.1.1",
126
+ "eslint-plugin-qunit": "^8.1.2",
125
127
  "fs-extra": "^11.0.0",
128
+ "globals": "^15.14.0",
126
129
  "html-webpack-plugin": "^5.5.0",
127
130
  "loader.js": "^4.7.0",
128
131
  "lodash": "^4.17.21",
129
132
  "npm-run-all2": "^6.0.0",
130
- "prettier": "^3.3.3",
133
+ "prettier": "^3.4.2",
131
134
  "qunit": "^2.22.0",
132
135
  "qunit-dom": "^3.0.0",
133
136
  "sass": "^1.83.1",
134
137
  "storybook": "^8.4.2",
135
- "stylelint": "^16.0.2",
138
+ "stylelint": "^16.13.2",
136
139
  "svg-sprite": "^2.0.4",
137
140
  "svgo": "^3.3.2",
138
141
  "webpack": "^5.93.0"