@1024pix/pix-ui 46.13.1 → 46.13.2

package/app/stories/pix-return-to.stories.js

@@ -1,41 +0,0 @@
-import { hbs } from 'ember-cli-htmlbars';
-
-export default {
-  title: 'Basics/Return To',
-  render: (args) => ({
-    template: hbs`<PixReturnTo @route='profile' @shade={{this.shade}}>{{this.content}}</PixReturnTo>`,
-    context: args,
-  }),
-  argTypes: {
-    route: {
-      name: 'route',
-      description: 'Route de redirection',
-      type: { name: 'string', required: true },
-    },
-    model: {
-      name: 'model',
-      description: 'Model Ember',
-      type: { required: false },
-    },
-    shade: {
-      name: 'shade',
-      description: 'Couleur du lien',
-      type: { name: 'string', required: false },
-      table: { defaultValue: { summary: 'neutral-dark' } },
-      control: { type: 'select' },
-      options: ['neutral-light', 'neutral-dark', 'neutral-primary'],
-    },
-  },
-};
-
-export const returnTo = {
-  args: {
-    shade: 'primary',
-  },
-};
-
-export const returnToWithText = {
-  args: {
-    content: 'Retour vers mon profil',
-  },
-};

package/app/stories/pix-search-input.mdx

@@ -1,41 +0,0 @@
-import { Meta, Story, ArgTypes } from '@storybook/blocks';
-
-import * as ComponentStories from './pix-search-input.stories.js';
-
-<Meta of={ComponentStories} />
-
-# PixSearchInput
-
-Le `PixSearchInput` est un champ qui permet de filter des résultats. Un cas d'utilisation courant de ce genre de composant est un champ de filtre d'une colonne d'un tableau.
-
-A la différence d'un [PixSelect](?path=/docs/form-select--default#withsearch) searchable, la liste des résultats s'affiche en dehors du composant.
-
-Ce composant permet d'appeler la fonction triggerFiltering passée en paramètre selon un debounce (temps d'attente avant le prochain appel) fournis.
-
-## Accessibilité
-
-Si vous utilisez le `PixSearchInput` sans vouloir afficher le label, il faudra renseigner `screenReaderOnly` à `true`.
-
-```html
-<PixSearchInput @screenReaderOnly={{true}} @id="{{id}}">
-  <:label>{{label}}</:label>
-</PixSearchInput>
-```
-
-<Story of={ComponentStories.Default} height={80} />
-
-## Usage
-
-```html
-<PixSearchInput
-  @id="{{this.id}}"
-  @placeholder="{{this.placeholder}}"
-  @debounceTimeInMs="{{this.debounceTimeInMs}}"
-  @triggerFiltering="{{this.triggerFiltering}}">
-  <:label>{{this.label}}</:label>
-</PixSearchInput>
-```
-
-## Arguments
-
-<ArgTypes of={ComponentStories} />

package/app/stories/pix-search-input.stories.js

@@ -1,117 +0,0 @@
-import { hbs } from 'ember-cli-htmlbars';
-import { action } from '@storybook/addon-actions';
-
-export default {
-  title: 'Others/SearchInput',
-  argTypes: {
-    id: {
-      name: 'id',
-      description:
-        "Un identifiant unique placé sur le composant. Si l'id n'est pas fourni un id par défaut sera mis.",
-      type: { name: 'string', required: false },
-      table: {
-        type: { summary: 'string' },
-      },
-    },
-    placeholder: {
-      name: 'placeholder',
-      description: 'Placeholder du champ.',
-      type: { name: 'string', required: false },
-      table: {
-        type: { summary: 'string' },
-      },
-    },
-    debounceTimeInMs: {
-      name: 'debounceTimeInMs',
-      description:
-        "Temps d'attente en millisecondes entre 2 appels à la fonction triggerFiltering.",
-      type: { name: 'string', required: true },
-      table: {
-        type: { summary: 'string' },
-      },
-    },
-    triggerFiltering: {
-      name: 'triggerFiltering',
-      description: 'Fonction appelée quand le champ est modifié.',
-      type: { required: true },
-      control: { disable: true },
-    },
-
-    label: {
-      name: 'label',
-      description: 'Le label du champ',
-      type: { name: 'string', required: true },
-      table: {
-        type: { summary: 'string' },
-      },
-    },
-    subLabel: {
-      name: 'subLabel',
-      description: 'Un descriptif complétant le label',
-      type: { name: 'string', required: false },
-    },
-    requiredLabel: {
-      name: 'requiredLabel',
-      description: 'Label indiquant que le champ est requis.',
-      type: { name: 'string', required: false },
-      table: {
-        type: { summary: 'string' },
-      },
-    },
-    screenReaderOnly: {
-      name: 'screenReaderOnly',
-      description: "Permet de rendre le label lisible uniquement par les lecteurs d'écran",
-      control: { type: 'boolean' },
-      type: { name: 'boolean', required: false },
-      table: {
-        type: { summary: 'boolean' },
-        defaultValue: { summary: false },
-      },
-    },
-    size: {
-      name: 'size',
-      description: 'Correspond à la taille de la police du label.',
-      type: { name: 'string', required: false },
-      table: {
-        defaultValue: { summary: 'default' },
-      },
-      control: { type: 'select' },
-      options: ['small', 'large', 'default'],
-    },
-    inlineLabel: {
-      name: 'inlineLabel',
-      description: 'Permet de ne pas afficher la marge pour les éléments de formulaire inline',
-      type: { name: 'boolean', required: false },
-      table: {
-        defaultValue: { summary: false },
-      },
-      control: { type: 'boolean' },
-    },
-  },
-};
-
-const Template = (args) => {
-  return {
-    template: hbs`<PixSearchInput
-  @id={{this.id}}
-  @placeholder={{this.placeholder}}
-  @debounceTimeInMs={{this.debounceTimeInMs}}
-  @triggerFiltering={{this.triggerFiltering}}
-  @size={{this.size}}
-  @subLabel={{this.subLabel}}
-  @inlineLabel={{this.inlineLabel}}
-  @requiredLabel={{this.requiredLabel}}
-  @screenReaderOnly={{this.screenReaderOnly}}
-><:label>{{this.label}}</:label></PixSearchInput>`,
-    context: args,
-  };
-};
-
-export const Default = Template.bind({});
-Default.args = {
-  id: null,
-  label: 'Filtrer un fruit',
-  placeholder: 'un placeholder',
-  debounceTimeInMs: 500,
-  triggerFiltering: action('triggerFiltering'),
-};

package/app/stories/pix-select.mdx

@@ -1,80 +0,0 @@
-import { Meta, Story, ArgTypes } from '@storybook/blocks';
-import * as ComponentStories from './pix-select.stories.js';
-
-<Meta of={ComponentStories} />
-
-# Pix Select
-
-Affiche un menu déroulant avec la liste des options fournies.
-
-Les options sont représentées par un tableau d'objet contenant les propriétés value et label.
-
-> **⚠️** **Il est nécessaire d'avoir au moins un label ou un placeholder !**
-
-> **⚠️** **N'oubliez pas de rajouter un searchLabel dans le cas ou le menu déroulant est cherchable pour le rendre accessible !**
-
-> Pour aider l'utilisateur, rajoutez un placeholder cohérent !
-
-> **⚠️** Pour un champ de filtre sur des résultats qui ne s'affichent pas dans une liste déroulante, utilisez plutôt le [PixSearchInput](?path=/story/others-searchinput--default).
-
-## Default
-
-<Story of={ComponentStories.Default} height={200} />
-
-## WithId
-
-<Story of={ComponentStories.WithId} height={200} />
-
-## WithCustomClass
-
-<Story of={ComponentStories.WithCustomClass} height={200} />
-
-## WithCategories
-
-<Story of={ComponentStories.WithCategories} height={200} />
-
-## WithSearch
-
-<Story of={ComponentStories.WithSearch} height={200} />
-
-## WithCategoriesAndSearch
-
-<Story of={ComponentStories.WithCategoriesAndSearch} height={200} />
-
-## WithDropDownAtTheTop
-
-Ici nous avons forcé le placement de la dropdown en haut du select mais sachez que ce placement se fait automatiquement par défaut.
-
-<Story of={ComponentStories.WithDropDownAtTheTop} />
-
-## WithIcon
-
-<Story of={ComponentStories.WithIcon} />
-
-## Usage
-
-```html
-<PixSelect
-  @className="{{className}}"
-  @subLabel="{{subLabel}}"
-  @placeholder="{{placeholder}}"
-  @options="{{options}}"
-  @onChange="{{onChange}}"
-  @value="{{value}}"
-  @isSearchable="{{isSearchable}}"
-  @searchLabel="{{searchLabel}}"
-  @searchPlaceholder="{{searchPlaceholder}}"
-  @emptySearchMessage="{{emptySearchMessage}}"
-  @screenReaderOnly="{{screenReaderOnly}}"
-  @requiredLabel="{{requiredLabel}}"
-  @errorMessage="{{errorMessage}}"
-  @placement="{{placement}}"
-  @icon="{{icon}}"
->
-<:label>{{label}}</:label>
-</PixSelect>
-```
-
-## Arguments
-
-<ArgTypes of={ComponentStories} />