@1024pix/pix-ui 58.4.2 → 58.4.4

package/addon/components/pix-table-column.hbs

@@ -1,28 +0,0 @@
-{{#if this.displayHeader}}
-  <th scope="col" ...attributes aria-sort={{this.ariaSort}}>
-    <div class="pix-table-header-container">
-      {{yield to="header"}}
-      {{#if this.sortable}}
-        <PixIconButton
-          @ariaLabel={{this.iconLabel}}
-          @iconName={{this.iconName}}
-          @triggerAction={{@onSort}}
-          @size="small"
-        />
-      {{/if}}
-    </div>
-  </th>
-{{else}}
-  {{#if @isMainRow}}
-    <th scope="row" class={{this.typeClass}} ...attributes>
-      {{yield to="cell"}}
-    </th>
-  {{else}}
-    <td class={{this.typeClass}} ...attributes>
-      {{yield to="cell"}}
-      {{#if (has-block "subCell")}}
-        <p>{{yield to="subCell"}}</p>
-      {{/if}}
-    </td>
-  {{/if}}
-{{/if}}

package/addon/components/pix-tabs.hbs

@@ -1,3 +0,0 @@
-<nav class={{this.classNames}} aria-label={{this.ariaLabel}} ...attributes>
-  {{yield}}
-</nav>

package/addon/components/pix-textarea.hbs

@@ -1,36 +0,0 @@
-<div class="pix-textarea {{if @inlineLabel ' pix-textarea--inline'}}">
-  {{#if (has-block "label")}}
-    <PixLabel
-      @for={{this.id}}
-      @requiredLabel={{@requiredLabel}}
-      @subLabel={{@subLabel}}
-      @size={{@size}}
-      @screenReaderOnly={{@screenReaderOnly}}
-      @inlineLabel={{@inlineLabel}}
-    >
-      {{yield to="label"}}
-    </PixLabel>
-  {{/if}}
-
-  <div class="pix-textarea__container">
-    <textarea
-      id={{this.id}}
-      maxlength={{if @maxlength @maxlength}}
-      aria-required="{{if @requiredLabel true false}}"
-      required={{if @requiredLabel true false}}
-      class="pix-textarea-container__input {{if @errorMessage 'pix-textarea--error'}}"
-      {{on "keyup" this.updateValue}}
-      ...attributes
-    >{{@value}}</textarea>
-
-    {{#if @maxlength}}
-      {{! prettier-ignore }}
-      <p class="pix-textarea-container__text-length-indicator">{{this.textLengthIndicator}} / {{@maxlength}}</p>
-    {{/if}}
-
-    {{#if @errorMessage}}
-      <label for={{this.id}} class="pix-textarea-container__error-message">{{@errorMessage}}</label>
-    {{/if}}
-  </div>
-
-</div>

package/addon/components/pix-textarea.js

@@ -1,23 +0,0 @@
-import { action } from '@ember/object';
-import { guidFor } from '@ember/object/internals';
-import Component from '@glimmer/component';
-import { tracked } from '@glimmer/tracking';
-
-export default class PixTextarea extends Component {
-  // eslint-disable-next-line ember/no-tracked-properties-from-args
-  @tracked value = this.args.value;
-
-  get id() {
-    if (this.args.id) return this.args.id;
-    return 'textarea-' + guidFor(this);
-  }
-
-  get textLengthIndicator() {
-    return this.value ? this.value.length : 0;
-  }
-
-  @action
-  updateValue(event) {
-    this.value = event.target.value;
-  }
-}

package/addon/components/pix-toast-container.hbs

@@ -1,5 +0,0 @@
-<div class="pix-toast-container">
-  {{#each this.pixToast.content as |toast|}}
-    <PixToast @toast={{toast}} @closeButtonAriaLabel={{@closeButtonAriaLabel}} />
-  {{/each}}
-</div>

package/addon/components/pix-toast-container.js

@@ -1,6 +0,0 @@
-import { service } from '@ember/service';
-import Component from '@glimmer/component';
-
-export default class PixToastContainer extends Component {
-  @service pixToast;
-}

package/addon/components/pix-toast.hbs

@@ -1,17 +0,0 @@
-<div class="pix-toast {{concat 'pix-toast--' this.type}}" role="alert" ...attributes>
-  <div class="pix-toast__icon {{concat 'pix-toast__icon--' this.type}}">
-    <PixIcon @name={{this.iconClass}} @ariaHidden={{true}} @plainIcon={{true}} />
-  </div>
-  <p class="pix-toast__content">
-    {{@toast.message}}
-  </p>
-  <div class="pix-toast__close-button-container">
-    <PixIconButton
-      @ariaLabel={{@closeButtonAriaLabel}}
-      @iconName="close"
-      @size="small"
-      @triggerAction={{this.removeNotification}}
-      class="{{concat 'pix-toast__close-button--' this.type}}"
-    />
-  </div>
-</div>

package/addon/components/pix-tooltip.hbs

@@ -1,30 +0,0 @@
-<div
-  class="pix-tooltip {{if this.isTooltipVisible 'pix-tooltip--visible' ''}}"
-  {{on-escape-action this.hideTooltip}}
-  {{on "mouseover" this.showTooltip}}
-  {{on "mouseleave" this.hideTooltipOnMouseOut}}
-  {{on "focusin" this.showTooltip}}
-  {{on "focusout" this.hideTooltip}}
-  ...attributes
->
-  {{#if (has-block "triggerElement")}}
-    <span class="pix-tooltip__trigger-element" tabindex="0">
-      {{yield to="triggerElement"}}
-    </span>
-  {{/if}}
-
-  {{#if (has-block "tooltip")}}
-    {{#if this.display}}
-      <span
-        id={{@id}}
-        role="tooltip"
-        class="pix-tooltip__content pix-tooltip__content--{{this.position}}
-          {{if @isInline 'pix-tooltip__content--inline'}}
-          {{if @isLight 'pix-tooltip__content--light'}}
-          {{if @isWide 'pix-tooltip__content--wide'}}"
-      >
-        {{yield to="tooltip"}}
-      </span>
-    {{/if}}
-  {{/if}}
-</div>

package/addon/components/pix-tooltip.js

@@ -1,46 +0,0 @@
-import { action } from '@ember/object';
-import Component from '@glimmer/component';
-import { tracked } from '@glimmer/tracking';
-
-export default class PixTooltip extends Component {
-  @tracked isTooltipVisible = false;
-
-  get position() {
-    const correctsPosition = [
-      'top',
-      'right',
-      'bottom',
-      'bottom-left',
-      'bottom-right',
-      'left',
-      'top-left',
-      'top-right',
-    ];
-    return correctsPosition.includes(this.args.position) ? this.args.position : 'top';
-  }
-
-  get display() {
-    return typeof this.args.hide === 'undefined' || !this.args.hide;
-  }
-
-  @action
-  showTooltip() {
-    this.isTooltipVisible = true;
-  }
-
-  @action
-  hideTooltip() {
-    setTimeout(() => (this.isTooltipVisible = false));
-  }
-
-  @action
-  hideTooltipOnMouseOut(event) {
-    const isFocused = event.target.contains(document.activeElement);
-
-    if (isFocused) {
-      return;
-    }
-
-    this.hideTooltip(event);
-  }
-}

package/addon/components/toast-example.hbs

@@ -1,7 +0,0 @@
-<div class="toast-example">
-  <PixButton @size="small" @triggerAction={{this.displayNotification}}>
-    Afficher une notification
-  </PixButton>
-
-  <PixToastContainer @closeButtonAriaLabel="Fermer la notification" />
-</div>