@rolster/react-components 19.5.4 → 19.6.0

package/dist/esm/components/organisms/FieldList/FieldList.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useMemo } from 'react';
+import { renderClassStatus } from '../../../helpers/css';
+import { RlsCheckBox } from '../../atoms/CheckBox/CheckBox';
+import { RlsButtonIcon } from '../../atoms/ButtonIcon/ButtonIcon';
+import { RlsIcon } from '../../atoms/Icon/Icon';
+import { RlsBallot } from '../../molecules/Ballot/Ballot';
+import { RlsFieldListSuggestions } from '../../molecules/FieldListSuggestions/FieldListSuggestions';
+import { RlsMessageFormError } from '../../molecules/MessageFormError/MessageFormError';
+import { useFieldList } from './FieldListController';
+function RlsFieldListInner({ render, suggestions, action, children, formControl, fieldList, msgErrorDisabled, placeholder, rlsTheme, ...props }) {
+    const disabled = useMemo(() => {
+        return formControl?.disabled || props.disabled;
+    }, [formControl?.disabled, props.disabled]);
+    const className = useMemo(() => {
+        return renderClassStatus('rls-field-box', {
+            focused: fieldList.listIsVisible && !disabled,
+            error: formControl?.wrong,
+            disabled,
+            readonly: props.readOnly
+        }, `rls-field-list rls-field-list__multi ${props.className ?? ''}`);
+    }, [
+        formControl?.wrong,
+        fieldList.listIsVisible,
+        props.className,
+        props.readOnly,
+        disabled
+    ]);
+    const renderWithCheckbox = useCallback((element) => (_jsxs("div", { className: "rls-field-list__multi__element", children: [_jsx(RlsCheckBox, { checked: fieldList.isSelected(element) }), render(element)] })), [fieldList.isSelected, render]);
+    return (_jsxs("div", { id: props.identifier, ref: fieldList.refContent, className: className, "rls-theme": rlsTheme, children: [children && _jsx("span", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsxs("div", { className: "rls-field-box__body", children: [_jsx("div", { className: "rls-field-list__multi__chips", onClick: disabled ? undefined : fieldList.onClickInput, children: !fieldList.selected.length && placeholder ? (_jsx("span", { className: "rls-field-list__multi__placeholder", children: placeholder })) : (fieldList.selected.map((item, index) => (_jsxs("div", { className: "rls-field-list__multi__chip", children: [_jsx("span", { className: "rls-field-list__multi__chip__description", children: item.description }), !props.readOnly && (_jsx("button", { className: "rls-field-list__multi__chip__remove", onClick: fieldList.onRemoveElement(item), disabled: disabled, children: _jsx(RlsIcon, { value: "close" }) }))] }, index)))) }), !props.readOnly && (_jsx(RlsButtonIcon, { icon: "arrow-ios-down", onClick: fieldList.onClickAction, disabled: disabled }))] }) }), !msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl })), _jsx(RlsFieldListSuggestions, { elements: suggestions, visible: fieldList.listIsVisible, action: action, disabled: disabled, higher: fieldList.higher, render: renderWithCheckbox, refList: fieldList.refList, onClickElement: fieldList.onClickElement, onKeydownElement: fieldList.onKeydownElement, onClickBackdrop: fieldList.onClickBackdrop })] }));
+}
+export function RlsFieldListTemplate(props) {
+    const fieldList = useFieldList(props);
+    return _jsx(RlsFieldListInner, { ...props, fieldList: fieldList });
+}
+export function RlsFieldList(props) {
+    const fieldList = useFieldList(props);
+    const render = useCallback((element) => (_jsx(RlsBallot, { className: "rls-field-list__ballot", subtitle: element.subtitle, img: element.img, initials: element.initials, children: _jsx("span", { children: element.title }) })), []);
+    return _jsx(RlsFieldListInner, { ...props, render: render, fieldList: fieldList });
+}
+//# sourceMappingURL=FieldList.js.map

package/dist/esm/components/organisms/FieldList/FieldList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldList.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldList/FieldList.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/organisms/FieldList/FieldListController.d.ts

@@ -0,0 +1,27 @@
+import { AbstractListElement as Element } from '@rolster/components';
+import { ReactControl } from '@rolster/react-forms';
+import { KeyboardEvent, MouseEvent } from 'react';
+export interface FieldListControl<T = any, E extends Element<T> = Element<T>> {
+    higher: boolean;
+    listIsVisible: boolean;
+    selected: E[];
+    refContent: React.RefObject<HTMLDivElement | null>;
+    refList: React.RefObject<HTMLUListElement | null>;
+    isSelected: (element: E) => boolean;
+    onClickAction: () => void;
+    onClickBackdrop: () => void;
+    onClickElement: (element: E) => () => void;
+    onClickInput: () => void;
+    onKeydownElement: (element: E) => (event: KeyboardEvent) => void;
+    onRemoveElement: (element: E) => (event: MouseEvent) => void;
+}
+interface FieldListControllerProps<T = any, E extends Element<T> = Element<T>> {
+    suggestions: E[];
+    disabled?: boolean;
+    formControl?: ReactControl<HTMLElement, T[]> | ReactControl<HTMLElement, NonNullable<T>[]> | ReactControl<HTMLElement, T[] | undefined>;
+    readOnly?: boolean;
+    value?: T[];
+    onValue?: (value: T[]) => void;
+}
+export declare function useFieldList<T = any, E extends Element<T> = Element<T>>(props: FieldListControllerProps<T, E>): FieldListControl<T, E>;
+export {};

package/dist/esm/components/organisms/FieldList/FieldListController.js

@@ -0,0 +1,133 @@
+import { useCallback, useEffect, useRef, useState } from 'react';
+const MAX_LIST_HEIGHT_REM = 90;
+const FALLBACK_REM_SIZE = 16;
+function getRemSize() {
+    if (typeof window === 'undefined') {
+        return FALLBACK_REM_SIZE;
+    }
+    const fontSize = parseFloat(getComputedStyle(document.documentElement).fontSize);
+    return fontSize > 0 ? fontSize : FALLBACK_REM_SIZE;
+}
+function shouldDisplayHigher(content, list) {
+    if (!content) {
+        return false;
+    }
+    const { top, bottom } = content.getBoundingClientRect();
+    const spaceAbove = top;
+    const spaceBelow = window.innerHeight - bottom;
+    const maxHeight = MAX_LIST_HEIGHT_REM * getRemSize();
+    const desiredHeight = Math.min(list?.scrollHeight || maxHeight, maxHeight);
+    if (spaceBelow >= desiredHeight) {
+        return false;
+    }
+    if (spaceAbove >= desiredHeight) {
+        return true;
+    }
+    return spaceAbove > spaceBelow;
+}
+export function useFieldList(props) {
+    const { suggestions, disabled } = props;
+    const refContent = useRef(null);
+    const refList = useRef(null);
+    const formControl = props.formControl;
+    const [state, setState] = useState({
+        higher: false,
+        listIsVisible: false
+    });
+    const [selected, setSelected] = useState([]);
+    useEffect(() => {
+        function onCloseSuggestions({ target }) {
+            !refContent?.current?.contains(target) &&
+                setState((state) => ({ ...state, listIsVisible: false }));
+        }
+        document.addEventListener('click', onCloseSuggestions);
+        return () => {
+            document.removeEventListener('click', onCloseSuggestions);
+        };
+    }, []);
+    useEffect(() => {
+        const formValue = formControl?.value;
+        if (formValue !== undefined && formValue !== null && formValue.length) {
+            const selectedElements = suggestions.filter((state) => formValue.some((value) => state.compareTo(value)));
+            setSelected(selectedElements);
+        }
+        else {
+            setSelected([]);
+        }
+    }, [formControl?.value, suggestions]);
+    const setListState = useCallback((updates) => {
+        setState((state) => {
+            const _updates = updates.listIsVisible !== undefined
+                ? {
+                    ...updates,
+                    ...(updates.listIsVisible
+                        ? {
+                            higher: shouldDisplayHigher(refContent.current, refList.current)
+                        }
+                        : {})
+                }
+                : updates;
+            return { ...state, ..._updates };
+        });
+    }, []);
+    const toggleElement = useCallback((element) => {
+        const alreadySelected = selected.some((state) => state.compareTo(element.value));
+        const newSelected = alreadySelected
+            ? selected.filter((state) => !state.compareTo(element.value))
+            : [...selected, element];
+        const newValues = newSelected.map((state) => state.value);
+        setSelected(newSelected);
+        formControl?.setValue(newValues);
+        props.onValue?.(newValues);
+    }, [selected, formControl, props.onValue]);
+    const isSelected = useCallback((element) => {
+        return selected.some((state) => state.compareTo(element.value));
+    }, [selected]);
+    const onClickInput = useCallback(() => {
+        if (!props.readOnly) {
+            setListState({ listIsVisible: true });
+        }
+    }, [setListState, props.readOnly]);
+    const onClickBackdrop = useCallback(() => {
+        setListState({ listIsVisible: false });
+    }, [setListState]);
+    const onClickAction = useCallback(() => {
+        if (!disabled && !props.readOnly) {
+            setListState({ listIsVisible: !state.listIsVisible });
+        }
+    }, [disabled, props.readOnly, setListState, state.listIsVisible]);
+    const onClickElement = useCallback((element) => {
+        return () => {
+            toggleElement(element);
+        };
+    }, [toggleElement]);
+    const onRemoveElement = useCallback((element) => {
+        return (event) => {
+            event.stopPropagation();
+            const newSelected = selected.filter((state) => !state.compareTo(element.value));
+            const newValues = newSelected.map((state) => state.value);
+            setSelected(newSelected);
+            formControl?.setValue(newValues);
+            props.onValue?.(newValues);
+        };
+    }, [selected, formControl, props.onValue]);
+    const onKeydownElement = useCallback((element) => {
+        return (event) => {
+            event.code === 'Enter' && toggleElement(element);
+        };
+    }, [toggleElement]);
+    return {
+        ...state,
+        selected,
+        refContent,
+        refList,
+        isSelected,
+        onClickAction,
+        onClickBackdrop,
+        onClickElement,
+        onClickInput,
+        onKeydownElement,
+        onRemoveElement
+    };
+}
+//# sourceMappingURL=FieldListController.js.map

package/dist/esm/components/organisms/FieldList/FieldListController.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldListController.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldList/FieldListController.ts"],"names":[],"mappings":"AAEA,OAAO,EAGL,WAAW,EACX,SAAS,EACT,MAAM,EACN,QAAQ,EACT,MAAM,OAAO,CAAC;AAEf,MAAM,mBAAmB,GAAG,EAAE,CAAC;AAC/B,MAAM,iBAAiB,GAAG,EAAE,CAAC;AAE7B,SAAS,UAAU;IACjB,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;QAClC,OAAO,iBAAiB,CAAC;IAC3B,CAAC;IAED,MAAM,QAAQ,GAAG,UAAU,CACzB,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,QAAQ,CACpD,CAAC;IAEF,OAAO,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC;AACrD,CAAC;AAED,SAAS,mBAAmB,CAC1B,OAA2B,EAC3B,IAAwB;IAExB,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,KAAK,CAAC;IACf,CAAC;IAED,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;IACxD,MAAM,UAAU,GAAG,GAAG,CAAC;IACvB,MAAM,UAAU,GAAG,MAAM,CAAC,WAAW,GAAG,MAAM,CAAC;IAE/C,MAAM,SAAS,GAAG,mBAAmB,GAAG,UAAU,EAAE,CAAC;IACrD,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,YAAY,IAAI,SAAS,EAAE,SAAS,CAAC,CAAC;IAE3E,IAAI,UAAU,IAAI,aAAa,EAAE,CAAC;QAChC,OAAO,KAAK,CAAC;IACf,CAAC;IAED,IAAI,UAAU,IAAI,aAAa,EAAE,CAAC;QAChC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,UAAU,GAAG,UAAU,CAAC;AACjC,CAAC;AAkCD,MAAM,UAAU,YAAY,CAC1B,KAAqC;IAErC,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAExC,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,OAAO,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAE/C,MAAM,WAAW,GAAG,KAAK,CAAC,WAEb,CAAC;IAEd,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAA2B;QAC3D,MAAM,EAAE,KAAK;QACb,aAAa,EAAE,KAAK;KACrB,CAAC,CAAC;IAEH,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAM,EAAE,CAAC,CAAC;IAElD,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,kBAAkB,CAAC,EAAE,MAAM,EAAc;YAChD,CAAC,UAAU,EAAE,OAAO,EAAE,QAAQ,CAAC,MAAa,CAAC;gBAC3C,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;QAC9D,CAAC;QAED,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,kBAAyB,CAAC,CAAC;QAE9D,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,kBAAyB,CAAC,CAAC;QACnE,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,WAAW,EAAE,KAAK,CAAC;QAErC,IAAI,SAAS,KAAK,SAAS,IAAI,SAAS,KAAK,IAAI,IAAI,SAAS,CAAC,MAAM,EAAE,CAAC;YACtE,MAAM,gBAAgB,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CACpD,SAAS,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAClD,CAAC;YACF,WAAW,CAAC,gBAAgB,CAAC,CAAC;QAChC,CAAC;aAAM,CAAC;YACN,WAAW,CAAC,EAAE,CAAC,CAAC;QAClB,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC;IAEtC,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,OAA0C,EAAE,EAAE;QAC7C,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE;YACjB,MAAM,QAAQ,GACZ,OAAO,CAAC,aAAa,KAAK,SAAS;gBACjC,CAAC,CAAC;oBACE,GAAG,OAAO;oBACV,GAAG,CAAC,OAAO,CAAC,aAAa;wBACvB,CAAC,CAAC;4BACE,MAAM,EAAE,mBAAmB,CACzB,UAAU,CAAC,OAAO,EAClB,OAAO,CAAC,OAAO,CAChB;yBACF;wBACH,CAAC,CAAC,EAAE,CAAC;iBACR;gBACH,CAAC,CAAC,OAAO,CAAC;YAEd,OAAO,EAAE,GAAG,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;QACnC,CAAC,CAAC,CAAC;IACL,CAAC,EACD,EAAE,CACH,CAAC;IAEF,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,OAAU,EAAE,EAAE;QACb,MAAM,eAAe,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAC9C,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,CAC/B,CAAC;QAEF,MAAM,WAAW,GAAG,eAAe;YACjC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;YAC7D,CAAC,CAAC,CAAC,GAAG,QAAQ,EAAE,OAAO,CAAC,CAAC;QAE3B,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAQ,CAAC;QAEjE,WAAW,CAAC,WAAW,CAAC,CAAC;QACzB,WAAW,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC;QACjC,KAAK,CAAC,OAAO,EAAE,CAAC,SAAS,CAAC,CAAC;IAC7B,CAAC,EACD,CAAC,QAAQ,EAAE,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CACvC,CAAC;IAEF,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,OAAU,EAAE,EAAE;QACb,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;IAClE,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;YACpB,YAAY,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC;QACxC,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEnC,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,YAAY,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,IAAI,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;YACjC,YAAY,CAAC,EAAE,aAAa,EAAE,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC,CAAC;QACxD,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC;IAElE,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,OAAU,EAAE,EAAE;QACb,OAAO,GAAG,EAAE;YACV,aAAa,CAAC,OAAO,CAAC,CAAC;QACzB,CAAC,CAAC;IACJ,CAAC,EACD,CAAC,aAAa,CAAC,CAChB,CAAC;IAEF,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,OAAU,EAAE,EAAE;QACb,OAAO,CAAC,KAAiB,EAAE,EAAE;YAC3B,KAAK,CAAC,eAAe,EAAE,CAAC;YAExB,MAAM,WAAW,GAAG,QAAQ,CAAC,MAAM,CACjC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,CAC3C,CAAC;YAEF,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAQ,CAAC;YAEjE,WAAW,CAAC,WAAW,CAAC,CAAC;YACzB,WAAW,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC;YACjC,KAAK,CAAC,OAAO,EAAE,CAAC,SAAS,CAAC,CAAC;QAC7B,CAAC,CAAC;IACJ,CAAC,EACD,CAAC,QAAQ,EAAE,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CACvC,CAAC;IAEF,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,OAAU,EAAE,EAAE;QACb,OAAO,CAAC,KAAoB,EAAE,EAAE;YAC9B,KAAK,CAAC,IAAI,KAAK,OAAO,IAAI,aAAa,CAAC,OAAO,CAAC,CAAC;QACnD,CAAC,CAAC;IACJ,CAAC,EACD,CAAC,aAAa,CAAC,CAChB,CAAC;IAEF,OAAO;QACL,GAAG,KAAK;QACR,QAAQ;QACR,UAAU;QACV,OAAO;QACP,UAAU;QACV,aAAa;QACb,eAAe;QACf,cAAc;QACd,YAAY;QACZ,gBAAgB;QAChB,eAAe;KAChB,CAAC;AACJ,CAAC"}

package/dist/esm/components/organisms/FieldSelect/FieldSelect.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useMemo } from 'react';
 import { renderClassStatus } from '../../../helpers/css';
-import { RlsIcon } from '../../atoms/Icon/Icon';
+import { RlsButtonIcon } from '../../atoms/ButtonIcon/ButtonIcon';
 import { RlsBallot } from '../../molecules/Ballot/Ballot';
 import { RlsFieldListSuggestions } from '../../molecules/FieldListSuggestions/FieldListSuggestions';
 import { RlsMessageFormError } from '../../molecules/MessageFormError/MessageFormError';
@@ -26,7 +26,7 @@ export function RlsFieldSelectTemplate(props) {
         props.readOnly,
         disabled
     ]);
-    return (_jsxs("div", { id: props.identifier, ref: select.refContent, className: className, "rls-theme": rlsTheme, children: [children && _jsx("span", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsxs("div", { className: "rls-field-box__body", children: [_jsx("input", { ref: select.refInput, className: "rls-field-list__control", readOnly: true, placeholder: placeholder, value: select.value, onFocus: select.onFocusInput, onBlur: select.onBlurInput, onClick: select.onClickInput, onKeyDown: select.onKeydownInput, disabled: disabled }), !props.readOnly && (_jsx("button", { className: 'rls-field-box__action', disabled: disabled, onClick: select.onClickAction, children: _jsx(RlsIcon, { value: !unremovable && !!select.value ? 'close' : 'arrow-ios-down' }) }))] }) }), !msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl })), _jsx(RlsFieldListSuggestions, { elements: suggestions, visible: select.listIsVisible, action: action, disabled: disabled, higher: select.higher, render: render, refList: select.refList, onClickElement: select.onClickElement, onKeydownElement: select.onKeydownElement, onClickBackdrop: select.onClickBackdrop })] }));
+    return (_jsxs("div", { id: props.identifier, ref: select.refContent, className: className, "rls-theme": rlsTheme, children: [children && _jsx("span", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsxs("div", { className: "rls-field-box__body", children: [_jsx("input", { ref: select.refInput, className: "rls-field-list__control", readOnly: true, placeholder: placeholder, value: select.value, onFocus: select.onFocusInput, onBlur: select.onBlurInput, onClick: select.onClickInput, onKeyDown: select.onKeydownInput, disabled: disabled }), !props.readOnly && (_jsx(RlsButtonIcon, { icon: !unremovable && !!select.value ? 'close' : 'arrow-ios-down', onClick: select.onClickAction, disabled: disabled }))] }) }), !msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl })), _jsx(RlsFieldListSuggestions, { elements: suggestions, visible: select.listIsVisible, action: action, disabled: disabled, higher: select.higher, render: render, refList: select.refList, onClickElement: select.onClickElement, onKeydownElement: select.onKeydownElement, onClickBackdrop: select.onClickBackdrop })] }));
 }
 export function RlsFieldSelect(props) {
     const render = useCallback((element) => (_jsx(RlsBallot, { className: "rls-field-list__ballot", subtitle: element.subtitle, img: element.img, initials: element.initials, children: _jsx("span", { children: element.title }) })), []);

package/dist/esm/components/organisms/FieldSelect/FieldSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldSelect.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldSelect/FieldSelect.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FieldSelect.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldSelect/FieldSelect.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/organisms/PickerColor/PickerColor.d.ts

@@ -0,0 +1,15 @@
+import { PickerListenerEvent } from '@rolster/components';
+import { ReactControl } from '@rolster/react-forms';
+import { RlsComponent } from '../../definitions';
+interface ColorPickerListener {
+    event: PickerListenerEvent;
+    value?: string;
+}
+interface PickerColorProps extends RlsComponent {
+    color?: string;
+    disabled?: boolean;
+    formControl?: ReactControl<HTMLElement, string> | ReactControl<HTMLElement, string | undefined>;
+    onListener?: (listener: ColorPickerListener) => void;
+}
+export declare function RlsPickerColor({ color, formControl, onListener, rlsTheme }: PickerColorProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/components/organisms/PickerColor/PickerColor.js

@@ -0,0 +1,212 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PickerListenerEvent } from '@rolster/components';
+import { i18nSubscribe } from '@rolster/i18n';
+import { useCallback, useEffect, useEffectEvent, useMemo, useRef, useState } from 'react';
+import { DEFAULT_COLOR, hexToHsv, hsvToHex, hsvToRgb, normalizeHex } from '../../../helpers/color';
+import { reactI18n } from '../../../i18n';
+import { RlsButton } from '../../atoms/Button/Button';
+export function RlsPickerColor({ color, formControl, onListener, rlsTheme }) {
+    const initialColor = useMemo(() => formControl?.value ?? color ?? DEFAULT_COLOR, []);
+    const initialHsv = useMemo(() => hexToHsv(initialColor) ?? { h: 258, s: 100, v: 100 }, []);
+    const canvasRef = useRef(null);
+    const hueRef = useRef(null);
+    const alphaRef = useRef(null);
+    const selectionIsActive = useRef(false);
+    const activeSlider = useRef(null);
+    const hexEditing = useRef(false);
+    const [hsv, setHsv] = useState(initialHsv);
+    const [alpha, setAlpha] = useState(1);
+    const [hexInput, setHexInput] = useState(initialColor);
+    const [labels, setLabels] = useState({
+        colorActionCancel: reactI18n('dateActionCancel'),
+        colorActionSelect: reactI18n('dateActionSelect')
+    });
+    const hexColor = useMemo(() => hsvToHex(hsv), [hsv]);
+    const hexValue = useMemo(() => {
+        return hexInput.replace('#', '');
+    }, [hexInput]);
+    const canvasStyle = useMemo(() => {
+        const { r, g, b } = hsvToRgb({ h: hsv.h, s: 100, v: 100 });
+        return {
+            background: `linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, transparent), rgb(${r}, ${g}, ${b})`
+        };
+    }, [hsv.h]);
+    const indicatorPosition = useMemo(() => {
+        return {
+            left: `${(hsv.s / 100) * 100}%`,
+            top: `${100 - (hsv.v / 100) * 100}%`
+        };
+    }, [hsv.s, hsv.v]);
+    const hueSliderStyle = useMemo(() => {
+        return {
+            background: 'linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%)'
+        };
+    }, []);
+    const hueIndicatorStyle = useMemo(() => {
+        return { left: `${(hsv.h / 360) * 100}%`, backgroundColor: hexColor };
+    }, [hsv.h, hexColor]);
+    const alphaSliderStyle = useMemo(() => {
+        return {
+            background: `linear-gradient(to right, transparent, ${hexColor})`
+        };
+    }, [hexColor]);
+    const alphaIndicatorStyle = useMemo(() => {
+        return { left: `${alpha * 100}%`, backgroundColor: hexColor };
+    }, [alpha, hexColor]);
+    useEffect(() => {
+        !hexEditing.current && setHexInput(hexColor);
+    }, [hexColor]);
+    useEffect(() => {
+        return i18nSubscribe(() => {
+            setLabels({
+                colorActionCancel: reactI18n('dateActionCancel'),
+                colorActionSelect: reactI18n('dateActionSelect')
+            });
+        });
+    }, []);
+    const getPositionInElement = useCallback((element, clientX, clientY) => {
+        const rect = element.getBoundingClientRect();
+        return {
+            x: (clientX - rect.left) / rect.width,
+            y: (clientY - rect.top) / rect.height
+        };
+    }, []);
+    const updateColorOnCanvas = useEffectEvent((clientX, clientY) => {
+        if (!canvasRef.current)
+            return;
+        const pos = getPositionInElement(canvasRef.current, clientX, clientY);
+        setHsv((prev) => ({
+            ...prev,
+            s: Math.round(Math.min(1, Math.max(0, pos.x)) * 100),
+            v: Math.round(Math.min(1, Math.max(0, 1 - pos.y)) * 100)
+        }));
+    });
+    const updateHueOnSlider = useEffectEvent((clientX, clientY) => {
+        if (!hueRef.current)
+            return;
+        const pos = getPositionInElement(hueRef.current, clientX, clientY);
+        setHsv((prev) => ({
+            ...prev,
+            h: Math.round(Math.min(1, Math.max(0, pos.x)) * 360)
+        }));
+    });
+    const updateAlphaOnSlider = useEffectEvent((clientX, clientY) => {
+        if (!alphaRef.current)
+            return;
+        const pos = getPositionInElement(alphaRef.current, clientX, clientY);
+        setAlpha(Math.min(1, Math.max(0, pos.x)));
+    });
+    const onMouseDown = useCallback((event) => {
+        const slider = event.currentTarget.dataset.slider;
+        if (!slider)
+            return;
+        event.preventDefault();
+        selectionIsActive.current = true;
+        activeSlider.current = slider;
+        switch (slider) {
+            case 'canvas':
+                updateColorOnCanvas(event.clientX, event.clientY);
+                break;
+            case 'hue':
+                updateHueOnSlider(event.clientX, event.clientY);
+                break;
+            case 'alpha':
+                updateAlphaOnSlider(event.clientX, event.clientY);
+                break;
+        }
+    }, [updateColorOnCanvas, updateHueOnSlider, updateAlphaOnSlider]);
+    const onMouseMove = useCallback((event) => {
+        if (!selectionIsActive.current || !activeSlider.current)
+            return;
+        event.preventDefault();
+        switch (activeSlider.current) {
+            case 'canvas':
+                updateColorOnCanvas(event.clientX, event.clientY);
+                break;
+            case 'hue':
+                updateHueOnSlider(event.clientX, event.clientY);
+                break;
+            case 'alpha':
+                updateAlphaOnSlider(event.clientX, event.clientY);
+                break;
+        }
+    }, [updateColorOnCanvas, updateHueOnSlider, updateAlphaOnSlider]);
+    const onTouchStart = useCallback((event) => {
+        const slider = event.currentTarget.dataset.slider;
+        if (!slider)
+            return;
+        const touch = event.touches.item(0);
+        if (!touch)
+            return;
+        selectionIsActive.current = true;
+        activeSlider.current = slider;
+        switch (slider) {
+            case 'canvas':
+                updateColorOnCanvas(touch.clientX, touch.clientY);
+                break;
+            case 'hue':
+                updateHueOnSlider(touch.clientX, touch.clientY);
+                break;
+            case 'alpha':
+                updateAlphaOnSlider(touch.clientX, touch.clientY);
+                break;
+        }
+    }, [updateColorOnCanvas, updateHueOnSlider, updateAlphaOnSlider]);
+    const onTouchMove = useCallback((event) => {
+        const touch = event.touches.item(0);
+        if (!selectionIsActive.current || !activeSlider.current || !touch)
+            return;
+        switch (activeSlider.current) {
+            case 'canvas':
+                updateColorOnCanvas(touch.clientX, touch.clientY);
+                break;
+            case 'hue':
+                updateHueOnSlider(touch.clientX, touch.clientY);
+                break;
+            case 'alpha':
+                updateAlphaOnSlider(touch.clientX, touch.clientY);
+                break;
+        }
+    }, [updateColorOnCanvas, updateHueOnSlider, updateAlphaOnSlider]);
+    const onInactiveSelection = useCallback(() => {
+        selectionIsActive.current = false;
+        activeSlider.current = null;
+    }, []);
+    const onHexChange = useCallback((value) => {
+        setHexInput(value);
+        const normalized = normalizeHex(value);
+        if (normalized) {
+            const hsv = hexToHsv(normalized);
+            hsv && setHsv(hsv);
+        }
+    }, []);
+    const onHexFocus = useCallback(() => {
+        hexEditing.current = true;
+    }, []);
+    const onHexBlur = useEffectEvent(() => {
+        hexEditing.current = false;
+        const normalized = normalizeHex(hexInput);
+        if (normalized) {
+            setHexInput(normalized);
+        }
+        else {
+            setHexInput(hexColor);
+        }
+    });
+    const onHexKeyDown = useCallback((event) => {
+        event.key === 'Enter' && onHexBlur();
+    }, [onHexBlur]);
+    const onHexInputChange = useCallback((event) => onHexChange(event.target.value ? `#${event.target.value}` : ''), [onHexChange]);
+    const onCancel = useCallback(() => {
+        onListener?.({ event: PickerListenerEvent.Cancel });
+    }, [onListener]);
+    const onSelect = useCallback(() => {
+        formControl?.setValue(hexColor);
+        onListener?.({ event: PickerListenerEvent.Select, value: hexColor });
+    }, [formControl, hexColor, onListener]);
+    return (_jsxs("div", { className: "rls-picker-color", "rls-theme": rlsTheme, children: [_jsx("div", { className: "rls-picker-color__preview", children: _jsx("div", { ref: canvasRef, className: "rls-picker-color__canvas", style: canvasStyle, "data-slider": "canvas", onMouseDown: onMouseDown, onMouseMove: onMouseMove, onMouseUp: onInactiveSelection, onMouseLeave: onInactiveSelection, onTouchStart: onTouchStart, onTouchMove: onTouchMove, onTouchEnd: onInactiveSelection, children: _jsx("div", { className: "rls-picker-color__indicator", style: {
+                            left: indicatorPosition.left,
+                            top: indicatorPosition.top
+                        }, children: _jsx("div", { className: "rls-picker-color__indicator__circle", style: { backgroundColor: hexColor } }) }) }) }), _jsxs("div", { className: "rls-picker-color__controls", children: [_jsx("div", { className: "rls-picker-color__slider", children: _jsx("div", { ref: hueRef, className: "rls-picker-color__slider__track", style: hueSliderStyle, "data-slider": "hue", onMouseDown: onMouseDown, onMouseMove: onMouseMove, onMouseUp: onInactiveSelection, onMouseLeave: onInactiveSelection, onTouchStart: onTouchStart, onTouchMove: onTouchMove, onTouchEnd: onInactiveSelection, children: _jsx("div", { className: "rls-picker-color__slider__thumb", style: hueIndicatorStyle }) }) }), _jsx("div", { className: "rls-picker-color__slider", children: _jsx("div", { ref: alphaRef, className: "rls-picker-color__slider__track rls-picker-color__slider__track--alpha", style: alphaSliderStyle, "data-slider": "alpha", onMouseDown: onMouseDown, onMouseMove: onMouseMove, onMouseUp: onInactiveSelection, onMouseLeave: onInactiveSelection, onTouchStart: onTouchStart, onTouchMove: onTouchMove, onTouchEnd: onInactiveSelection, children: _jsx("div", { className: "rls-picker-color__slider__thumb", style: alphaIndicatorStyle }) }) })] }), _jsx("div", { className: "rls-picker-color__footer", children: _jsxs("div", { className: "rls-picker-color__hex", children: [_jsx("div", { className: "rls-picker-color__hex__swatch", style: { backgroundColor: hexColor } }), _jsx("span", { className: "rls-picker-color__hex__prefix", children: "#" }), _jsx("input", { className: "rls-picker-color__hex__input", type: "text", maxLength: 6, value: hexValue, onChange: onHexInputChange, onFocus: onHexFocus, onBlur: onHexBlur, onKeyDown: onHexKeyDown })] }) }), _jsxs("div", { className: "rls-picker-color__actions", children: [_jsx("div", { className: "rls-picker-color__actions--cancel", children: _jsx(RlsButton, { type: "flat", onClick: onCancel, children: labels.colorActionCancel }) }), _jsx("div", { className: "rls-picker-color__actions--ok", children: _jsx(RlsButton, { type: "gradient", onClick: onSelect, children: labels.colorActionSelect }) })] })] }));
+}
+//# sourceMappingURL=PickerColor.js.map

package/dist/esm/components/organisms/PickerColor/PickerColor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PickerColor.js","sourceRoot":"","sources":["../../../../../src/components/organisms/PickerColor/PickerColor.tsx"],"names":[],"mappings":"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"}

package/dist/esm/helpers/color.d.ts

@@ -0,0 +1,52 @@
+import { RlsTheme } from '../components/definitions';
+export interface HSV {
+    h: number;
+    s: number;
+    v: number;
+}
+export interface RGB {
+    r: number;
+    g: number;
+    b: number;
+}
+export declare function hsvToRgb({ h, s, v }: HSV): RGB;
+export declare function rgbToHsv(r: number, g: number, b: number): HSV;
+export declare function rgbToHex(r: number, g: number, b: number): string;
+export declare function hexToRgb(hex: string): RGB | null;
+export declare function hexToHsv(hex: string): HSV | null;
+export declare function hsvToHex(hsv: HSV): string;
+export declare function hexIsValid(hex: string): boolean;
+export declare function normalizeHex(hex: string): string;
+export interface HSL {
+    h: number;
+    s: number;
+    l: number;
+}
+export declare function hslToHex({ h, s, l }: HSL): string;
+export declare function rgbToHsl(r: number, g: number, b: number): HSL;
+export declare function hexToHsl(hex: string): HSL | null;
+export interface ThemeShades {
+    '950': string;
+    '900': string;
+    '800': string;
+    '700': string;
+    '600': string;
+    '500': string;
+    '400': string;
+    '300': string;
+    '200': string;
+    '100': string;
+    '050': string;
+}
+export interface ThemePalette {
+    theme: RlsTheme;
+    colors: ThemeShades;
+    css: string;
+    properties: {
+        name: string;
+        value: string;
+    }[];
+}
+export declare function generateThemePalette(baseColor: string, theme?: RlsTheme): ThemePalette;
+export declare function setThemeColor(baseColor: string, theme?: RlsTheme): void;
+export declare const DEFAULT_COLOR = "#1780e0";