5htp-core 0.4.2 → 0.4.3

package/src/client/components/dropdown.old/getPosition.ts

@@ -1,137 +0,0 @@
-export type TSide = "left"|"top"|"right"|"bottom";
-
-export type TPosition = {
-    css: {
-        top: string,
-        left: string,
-    },
-    cote: TSide
-}
-
-const debug = true;
-
-export default function corrigerPosition(
-    conteneur: HTMLElement,
-    popover: HTMLElement | [initialWidth: number, initialHeight: number], // NULL when the popover is not shown for now
-    cote: TSide = "bottom",
-    frame?: HTMLElement
-): TPosition {
-    // RAPPEL: L'élement sera positionnée relativement à son conteneur
-    //      Tous les calculs ici donnent donc des valeurs relatives au conteneur
-
-    const margeX = 5;
-    const margeY = 5;
-
-    const dimsPop = Array.isArray(popover)
-        ? {
-            width: popover[0],
-            height: popover[1]
-        }
-        : {
-            width: popover.offsetWidth,
-            height: popover.offsetHeight
-        }
-
-    debug && console.log(`[positionnement] Conteneur =`, conteneur, `Popover =`, popover, `Coté =`, cote);
-
-    if (dimsPop.width === undefined || dimsPop.height === undefined)
-        console.error(`Impossible de récupérer les dimensions de la popover. popover est-il réelement n élement html, ou alors un composant react ? | dimsPop =`, dimsPop, 'popover =', popover);
-
-    /*----------------------------------
-    - POSITIONNEMENT INITIAL
-    ----------------------------------*/
-
-    // Position & dimensions des élements
-    const posCont = conteneur.getBoundingClientRect();
-    let posInit = {
-        top: posCont.top,
-        left: posCont.left
-    }
-
-    // Placement
-    switch (cote) {
-        case 'top':
-            posInit.top += -dimsPop.height - margeY;
-            posInit.left += posCont.width / 2 - dimsPop.width / 2;
-            break;
-        case 'bottom':
-            posInit.top += posCont.height + margeY;
-            posInit.left += posCont.width / 2 - dimsPop.width / 2;
-            break;
-        case 'left':
-            posInit.left += -dimsPop.width - margeX;
-            posInit.top += posCont.height / 2 - dimsPop.height / 2;
-            break;
-        case 'right':
-            posInit.left += posCont.width + margeX;
-            posInit.top += posCont.height / 2 - dimsPop.height / 2;
-            break;
-    }
-    
-    /*----------------------------------
-    - CORRECTION
-    ----------------------------------*/
-    let frontieres;
-    if (frame) { // Via conteneur spécifique
-        const posFrame = frame.getBoundingClientRect();
-        frontieres = {
-            top: Math.max(posFrame.top , 0) + margeY,
-            left: Math.max(posFrame.left, 0) + margeX,
-            right: Math.min(posFrame.right, window.innerWidth) - margeX,
-            bottom: Math.min(posFrame.bottom, window.innerHeight) - margeY
-        }
-    } else // Via fenêtre
-        frontieres = {
-            top: margeY,
-            left: margeX,
-            right: window.innerWidth - margeX,
-            bottom: window.innerHeight - margeY
-        }
-
-    // Position finale de la popover
-    let posFinale: {
-        top: number,
-        left: number
-    } = {
-        top: 0,
-        left: 0,
-    };
-
-    debug && console.log(`[positionnement] Position initiale =`, posInit, `Frontières =`, frame, '=', frontieres);
-
-    // Extrémité Haut
-    if (posInit.top < frontieres.top) {
-        posFinale.top = frontieres.top;
-        debug && console.log(`[positionnement] Top: Extremité haut`, posFinale.top);
-    // Extrémité Bas
-    } else if (posInit.top + dimsPop.height >= frontieres.bottom) {
-        posFinale.top = (frontieres.bottom - dimsPop.height);
-        debug && console.log(`[positionnement] Top: Extremité bas`, posFinale.top);
-    } else {
-        posFinale.top = posInit.top;
-        debug && console.log(`[positionnement] Top: Conservation`, posFinale.top);
-    }
-
-    // Extrémité Gauche
-    if (posInit.left < frontieres.left) {
-        posFinale.left = frontieres.left;
-        debug && console.log(`[positionnement] Left: Extremité gauche`, posFinale.left);
-    // Extrémité Droite
-    } else if (posInit.left + dimsPop.width >= frontieres.right) {
-        posFinale.left = (frontieres.right - dimsPop.width);
-        debug && console.log(`[positionnement] Left: Extremité droite`, posFinale.left);
-    } else {
-        posFinale.left = posInit.left;
-        debug && console.log(`[positionnement] Left: Conservation`, posFinale.left);
-    }
-
-    debug && console.log({ posInit, dimsPop, frontieres }, { posFinale });
-
-    return {
-        css: {
-            left: (posFinale.left + window.pageXOffset) + 'px',
-            top: (posFinale.top + window.pageYOffset) + 'px',
-        },
-        cote: cote
-    };
-}

package/src/client/components/dropdown.old/index.tsx

@@ -1,99 +0,0 @@
-/*----------------------------------
-- DEPENDANCES
-----------------------------------*/
-
-// Npm
-import React from 'react';
-import { ComponentChild } from 'preact';
-
-// Core
-import Button, { Props as ButtonProps } from '../button';
-
-// Libs
-import { TPopover, PopoverProps } from './Manager';
-import useContexte from '@client/context';
-
-/*----------------------------------
-- TYPES
-----------------------------------*/
-
-export type Props = ButtonProps & PopoverProps
-
-export type TAction<TDonnee> = {
-    icone?: TIcons,
-    label: ComponentChild,
-    multi?: boolean,
-
-    onClick?: (donnees: TDonnee, index: number) => void,
-    lien?: (donnees: TDonnee, index: number) => string,
-    bouton?: (donnees: TDonnee, index: number) => ButtonProps
-}
-
-export type TActionsPopover = {
-    show: () => void,
-    hide: () => void,
-    toggle: () => void
-}
-
-/*----------------------------------
-- CONTROLEUR
-----------------------------------*/
-import "./popover.less";
-export default (props: Props) => {
-
-    const ctx = useContexte();
-
-    let {
-        
-        position,
-        frame,
-        content,
-        interactions,
-
-        ...buttonProps
-    } = props;
-
-    const [visible, setVisible] = React.useState(false);
-
-    const toggle = () => {
-
-        if (!refButton.current)
-            return console.error("Unable to access to the button element");
-
-        /*if (refPopover.current)
-            refPopover.current.toggle();
-        else*/
-        if (!visible)
-            refPopover.current = ctx.popover({
-                origin: refButton.current,
-                content,
-                onVisibilityChange: setVisible,
-                position,
-                frame,
-                interactions
-            });
-        else
-            refPopover.current.close();
-    }
-
-    const refButton = React.useRef<HTMLElement>(null);
-    const refPopover = React.useRef<TPopover>(null);
-
-    let classe = buttonProps.class === undefined
-        ? "dropdown"
-        : buttonProps.class + " dropdown";
-
-    if (!props.immutable) {
-
-        if (visible)
-            classe += ' selected';
-
-        if (buttonProps.children !== undefined && buttonProps.icon === undefined && buttonProps.iconR === undefined)
-            buttonProps.iconR = /* @icon */"chevron-down";
-
-    }
-
-    return (
-        <Button {...buttonProps} class={classe} onClick={toggle} refElem={refButton} />
-    )
-}

package/src/client/components/dropdown.old/popover.less

@@ -1,56 +0,0 @@
-// La popover étant positionnée de manière relative à son conteneur,
-// contPopover doit envelopper le bouton sans aucun espace
-.contPopover {
-    display: inline-block;
-
-    // Evite les dépassements à droite en en bas de la page
-    // Donc les espaces blancs et scrollbar inutiles
-    .popover {
-        top: -10000px;
-        left: -10000px;
-    }
-}
-
-.popover.card, 
-.bulle.card {
-
-    list-style: none;
-    text-align: left;
-    line-height: 2rem;
-
-    top: 100%;
-    max-height: 40rem;
-
-    // Doit être géré avec les classes w-<min>-<max>
-    /*min-width: 200px;
-    max-width: 50vw;*/
-
-    position: absolute;
-    z-index: 100;
-
-    transition: transform 0.2s cubic-bezier(0.75, -0.02, 0.2, 0.97), opacity 0.2s cubic-bezier(0.75, -0.02, 0.2, 0.97);
-
-    box-shadow: 0 25px 50px fade(#000, 10%);
-
-    > header {
-        position: sticky;
-        z-index: 1;
-        top: -@spacing;
-
-        margin-bottom: @spacing;
-        backdrop-filter: blur(0.80rem);
-        background: fade(#fff, 70%);
-    }
-
-    &.gris > header {
-        background: fade(#eee, 70%);
-    }
-}
-
-.contPopover.active > .popover,
-.contPopover.active > .popover + .pointeur,
-.popover li:hover > .popover.onHover {
-    opacity: 1;
-    visibility: visible;
-    transform: translate(0, 0px);
-}

package/src/client/components/input/Base/Choix.ts

@@ -1,48 +0,0 @@
-import { ComponentChild } from 'preact';
-import { Props as TPropsBouton } from '@client/components/button';
-
-export type ChoixTbl = string | {[cle: string]: any};
-export type Choix = ChoixTbl[] | {[label: string]: string | number | undefined};
-
-export type Option = Partial<TPropsBouton> & {
-    icone?: ComponentChild,
-    label?: ComponentChild,
-    value: string
-}
-
-// Normalise les choix pour Select ou Radio
-export default ( choix: Choix ) => {
-
-    // Création des options
-    let options: Option[] = [];
-
-    // Tableau de chaines, ou d'objects d'option
-    if (Array.isArray(choix)) {
-    
-        options = choix.map(( elem: ChoixTbl ): Option => {
-
-            // Tableau de chaines
-            if (typeof elem === 'string')
-                return {
-                    label: elem,
-                    value: elem
-                };
-
-            // Tableau options déjà formatté: { label: xxx, value: xxx }
-            else if (!elem.label && !elem.icone)
-                throw new Error(`Une icone ou un label doit être défini pour chaque option.`);
-            else
-                return elem as Option;
-        });
-
-    // Label via index
-    } else {
-        for (const cle in choix)
-            options.push({
-                label: cle,
-                value: choix[cle] as string
-            });
-    }
-
-    return options;
-}