allaw-ui 0.1.71 → 1.0.2

package/dist/components/atoms/inputs/TextArea.js

@@ -0,0 +1,66 @@
+// TextArea.tsx
+import React, { useState, useEffect, useCallback, forwardRef, useImperativeHandle, useRef, } from "react";
+import "./TextArea.css";
+import "../../../styles/global.css";
+import { commonRegex } from "../../../utils/regex";
+import TinyInfo from "../typography/TinyInfo";
+import Paragraph from "../typography/Paragraph";
+var TextArea = forwardRef(function (_a, ref) {
+    var title = _a.title, _b = _a.style, style = _b === void 0 ? "default" : _b, placeholder = _a.placeholder, _c = _a.isRequired, isRequired = _c === void 0 ? false : _c, validate = _a.validate, onError = _a.onError, onChange = _a.onChange, propValue = _a.value, propError = _a.error, _d = _a.maxHeight, maxHeight = _d === void 0 ? 400 : _d;
+    var _e = useState(propValue || ""), value = _e[0], setValue = _e[1];
+    var _f = useState(propError || ""), error = _f[0], setError = _f[1];
+    var _g = useState(false), isTouched = _g[0], setIsTouched = _g[1];
+    var textareaRef = useRef(null);
+    useEffect(function () {
+        setValue(propValue || "");
+    }, [propValue]);
+    useEffect(function () {
+        setError(propError || "");
+    }, [propError]);
+    var validateTextArea = useCallback(function () {
+        var _a;
+        var currentValue = ((_a = textareaRef.current) === null || _a === void 0 ? void 0 : _a.value) || value;
+        var errorMessage = "";
+        if (isRequired && currentValue.trim() === "") {
+            errorMessage = "Ce champ est requis";
+        }
+        else if (validate && currentValue) {
+            var regex = typeof validate === "string" ? commonRegex[validate] : validate;
+            if (!regex.test(currentValue)) {
+                errorMessage = "Veuillez vérifier votre saisie";
+            }
+        }
+        setError(errorMessage);
+        setIsTouched(true);
+        onError === null || onError === void 0 ? void 0 : onError(errorMessage);
+        return !errorMessage;
+    }, [isRequired, value, validate, onError]);
+    useImperativeHandle(ref, function () { return ({
+        validate: validateTextArea,
+    }); });
+    var handleChange = function (e) {
+        var newValue = e.target.value;
+        setValue(newValue);
+        onChange === null || onChange === void 0 ? void 0 : onChange(e);
+        if (isTouched) {
+            validateTextArea();
+        }
+    };
+    var handleBlur = function () {
+        setIsTouched(true);
+        validateTextArea();
+    };
+    return (React.createElement("div", { className: "TextArea text-area-".concat(style) },
+        React.createElement("div", { className: "text-area-title-container" },
+            React.createElement(Paragraph, { variant: "semiBold", color: "noir", text: title }),
+            isRequired && title && (React.createElement("span", { className: "text-area-required" },
+                "\u00A0",
+                "*"))),
+        React.createElement("div", { className: "text-area-container" },
+            React.createElement("div", { className: "text-area-input" },
+                React.createElement("textarea", { ref: textareaRef, placeholder: placeholder, className: "text-area-placeholder", value: value, onChange: handleChange, onBlur: handleBlur, style: { maxHeight: "".concat(maxHeight, "px") } })),
+            error && isTouched && (React.createElement("div", { className: "error-message" },
+                React.createElement(TinyInfo, { variant: "medium12", color: "actions-error", text: error }))))));
+});
+TextArea.displayName = "TextArea";
+export default TextArea;

package/dist/components/atoms/inputs/index.d.ts

@@ -0,0 +1,6 @@
+export { default as Input } from "./Input";
+export { default as TextArea } from "./TextArea";
+export { default as SearchBar } from "./SearchBar";
+export type { InputProps, InputRef } from "./Input";
+export type { SearchBarProps } from "./SearchBar";
+export type { TextAreaProps, TextAreaRef } from "./TextArea";

package/dist/components/atoms/inputs/index.js

@@ -0,0 +1,3 @@
+export { default as Input } from "./Input";
+export { default as TextArea } from "./TextArea";
+export { default as SearchBar } from "./SearchBar";

package/dist/components/atoms/progressBars/ProgressBar.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import "./ProgressBar.css";
+import "../../../styles/global.css";
+import "../../../styles/icons.css";
+export interface ProgressBarProps {
+    steps: number;
+    currentStep: number;
+    startIcon?: boolean;
+    endIcon?: boolean;
+    onStartIconClick?: () => void;
+    onEndIconClick?: () => void;
+    showProgressBar?: boolean;
+}
+declare const ProgressBar: React.FC<ProgressBarProps>;
+export default ProgressBar;

package/dist/components/atoms/progressBars/ProgressBar.js

@@ -0,0 +1,18 @@
+import React from "react";
+import "./ProgressBar.css";
+import "../../../styles/global.css";
+import "../../../styles/icons.css";
+var ProgressBar = function (_a) {
+    var steps = _a.steps, currentStep = _a.currentStep, _b = _a.startIcon, startIcon = _b === void 0 ? true : _b, _c = _a.endIcon, endIcon = _c === void 0 ? true : _c, onStartIconClick = _a.onStartIconClick, onEndIconClick = _a.onEndIconClick, _d = _a.showProgressBar, showProgressBar = _d === void 0 ? true : _d;
+    var constrainedCurrentStep = Math.max(0, Math.min(currentStep, steps));
+    var progressWidth = constrainedCurrentStep === 0 ? 0 : (constrainedCurrentStep / steps) * 100;
+    return (React.createElement("div", { className: "progress-bar-container" },
+        startIcon && currentStep > 1 ? (React.createElement("div", { className: "progress-bar-icon-container" },
+            React.createElement("button", { className: "progress-bar-chevron", onClick: onStartIconClick },
+                React.createElement("i", { className: "allaw-icon-chevron-left" })))) : React.createElement("div", { style: { minWidth: "32px" } }),
+        React.createElement("div", { className: "progress-bar-background ".concat(showProgressBar ? "" : "hidden-content") },
+            React.createElement("div", { className: "progress-bar-fill", style: { width: "".concat(progressWidth, "%") } })),
+        endIcon && (React.createElement("button", { className: "progress-bar-close", onClick: onEndIconClick },
+            React.createElement("i", { className: "allaw-icon-close" })))));
+};
+export default ProgressBar;

package/dist/components/atoms/progressBars/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ProgressBar } from "./ProgressBar";
+export type { ProgressBarProps } from "./ProgressBar";

package/dist/components/atoms/progressBars/index.js

@@ -0,0 +1 @@
+export { default as ProgressBar } from "./ProgressBar";

package/dist/components/atoms/radios/RadioButton.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import "./RadioButton.css";
+import "../../../styles/global.css";
+export interface RadioButtonProps {
+    label: string;
+    style?: "user" | "hybride";
+    isActive: boolean;
+    onClick: () => void;
+}
+declare const RadioButton: React.FC<RadioButtonProps>;
+export default RadioButton;

package/dist/components/atoms/radios/RadioButton.js

@@ -0,0 +1,10 @@
+import React from "react";
+import "./RadioButton.css";
+import "../../../styles/global.css";
+var RadioButton = function (_a) {
+    var label = _a.label, _b = _a.style, style = _b === void 0 ? "user" : _b, isActive = _a.isActive, onClick = _a.onClick;
+    return (React.createElement("button", { className: "radio-button radio-button-".concat(style, " ").concat(isActive ? "radio-button-".concat(style, "-active") : ""), onClick: onClick },
+        React.createElement("span", { className: "radio-button-icon" }, isActive && React.createElement("span", { className: "radio-button-icon-inner" })),
+        React.createElement("span", { className: "radio-button-label" }, label)));
+};
+export default RadioButton;

package/dist/components/atoms/radios/index.d.ts

@@ -0,0 +1,2 @@
+export { default as RadioButton } from "./RadioButton";
+export type { RadioButtonProps } from "./RadioButton";

package/dist/components/atoms/radios/index.js

@@ -0,0 +1 @@
+export { default as RadioButton } from "./RadioButton";

package/dist/components/atoms/selects/ComboBox.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+import "./ComboBox.css";
+import "../../../styles/global.css";
+export interface SelectItem {
+    label: string;
+    value: string;
+}
+export interface ComboBoxProps {
+    items: SelectItem[];
+    selectedItem?: string;
+    placeholder?: string;
+    isRequired?: boolean;
+    showError?: boolean;
+    width?: number;
+    onSelect?: (selected: string) => void;
+    onChange?: (value: string) => void;
+    onError?: (error: string) => void;
+    openOnMount?: boolean;
+    title?: string;
+}
+export interface ComboBoxRef {
+    validate: () => boolean;
+}
+declare const _default: (props: ComboBoxProps & {
+    ref?: React.Ref<ComboBoxRef>;
+}) => React.ReactElement;
+export default _default;

package/dist/components/atoms/selects/ComboBox.js

@@ -0,0 +1,172 @@
+import React, { useState, useEffect, useRef, useImperativeHandle, forwardRef, } from "react";
+import "./ComboBox.css";
+import "../../../styles/global.css";
+import TinyInfo from "../typography/TinyInfo";
+import Paragraph from "../typography/Paragraph";
+import { createPortal } from "react-dom";
+function ComboBox(_a, ref) {
+    var items = _a.items, selectedItem = _a.selectedItem, _b = _a.placeholder, placeholder = _b === void 0 ? "Sélectionner..." : _b, _c = _a.isRequired, isRequired = _c === void 0 ? false : _c, _d = _a.showError, showError = _d === void 0 ? false : _d, _e = _a.width, width = _e === void 0 ? 100 : _e, onSelect = _a.onSelect, onChange = _a.onChange, onError = _a.onError, _f = _a.openOnMount, openOnMount = _f === void 0 ? true : _f, title = _a.title;
+    var _g = useState(openOnMount), isOpen = _g[0], setIsOpen = _g[1];
+    var _h = useState(""), inputValue = _h[0], setInputValue = _h[1];
+    var _j = useState(items), filteredItems = _j[0], setFilteredItems = _j[1];
+    var _k = useState(""), error = _k[0], setError = _k[1];
+    var _l = useState(false), isHovered = _l[0], setIsHovered = _l[1];
+    var _m = useState(-1), selectedIndex = _m[0], setSelectedIndex = _m[1];
+    var comboBoxRef = useRef(null);
+    var inputContainerRef = useRef(null);
+    var listRef = useRef(null);
+    var inputRef = useRef(null);
+    var chevronRef = useRef(null);
+    var _o = useState(true), isInputValid = _o[0], setIsInputValid = _o[1];
+    var _p = useState({
+        top: 0,
+        left: 0,
+        width: 0,
+    }), listPosition = _p[0], setListPosition = _p[1];
+    useEffect(function () {
+        if (selectedItem) {
+            var selectedItemData = items.find(function (item) { return item.value === selectedItem; });
+            setInputValue(selectedItemData ? selectedItemData.label : "");
+        }
+        else {
+            setInputValue("");
+        }
+        setFilteredItems(items);
+    }, [selectedItem, items]);
+    useEffect(function () {
+        var handleClickOutside = function (event) {
+            if (inputContainerRef.current &&
+                !inputContainerRef.current.contains(event.target) &&
+                listRef.current &&
+                !listRef.current.contains(event.target)) {
+                setIsOpen(false);
+            }
+        };
+        document.addEventListener("mousedown", handleClickOutside);
+        return function () {
+            document.removeEventListener("mousedown", handleClickOutside);
+        };
+    }, []);
+    useEffect(function () {
+        if (isOpen && inputContainerRef.current) {
+            var rect = inputContainerRef.current.getBoundingClientRect();
+            setListPosition({
+                top: rect.bottom + window.scrollY,
+                left: rect.left + window.scrollX,
+                width: rect.width,
+            });
+        }
+    }, [isOpen]);
+    var handleInputChange = function (event) {
+        var value = event.target.value;
+        setInputValue(value);
+        var filtered = items.filter(function (item) {
+            return item.label.toLowerCase().includes(value.toLowerCase());
+        });
+        setFilteredItems(filtered);
+        setIsInputValid(filtered.length > 0 || value === "");
+        setIsOpen(true);
+        onChange === null || onChange === void 0 ? void 0 : onChange(value);
+    };
+    var handleInputFocus = function () {
+        setIsOpen(true);
+    };
+    var handleSelect = function (item, index) {
+        // console.log("Élément sélectionné :", item);
+        setInputValue(item.label);
+        setSelectedIndex(index);
+        setFilteredItems(items);
+        setIsOpen(false);
+        onSelect === null || onSelect === void 0 ? void 0 : onSelect(item.value);
+        validateSelect(item.value);
+    };
+    var validateSelect = function (value) {
+        var isEmpty = value === "";
+        var errorMessage = isRequired && isEmpty ? "Ce champ est requis" : "";
+        // console.log("Validation de la sélection :", errorMessage);
+        setError(errorMessage);
+        onError === null || onError === void 0 ? void 0 : onError(errorMessage);
+        return !errorMessage;
+    };
+    useImperativeHandle(ref, function () { return ({
+        validate: function () { return validateSelect(inputValue); },
+    }); });
+    var handleChevronClick = function () {
+        if (!isInputValid) {
+            setInputValue("");
+            setFilteredItems(items);
+            setIsInputValid(true);
+        }
+        else {
+            setIsOpen(!isOpen);
+        }
+    };
+    var handleMouseEnter = function () {
+        setIsHovered(true);
+    };
+    var handleMouseLeave = function () {
+        setIsHovered(false);
+    };
+    var handleItemClick = function (item, index) {
+        // console.log("Clic sur l'élément :", item);
+        handleSelect(item, index);
+    };
+    var handleKeyDown = function (event) {
+        if (isOpen) {
+            switch (event.key) {
+                case "ArrowUp":
+                    event.preventDefault();
+                    setSelectedIndex(function (prevIndex) {
+                        return prevIndex <= 0 ? filteredItems.length - 1 : prevIndex - 1;
+                    });
+                    break;
+                case "ArrowDown":
+                    event.preventDefault();
+                    setSelectedIndex(function (prevIndex) {
+                        return prevIndex >= filteredItems.length - 1 ? 0 : prevIndex + 1;
+                    });
+                    break;
+                case "Enter":
+                    event.preventDefault();
+                    if (selectedIndex !== -1) {
+                        handleSelect(filteredItems[selectedIndex], selectedIndex);
+                    }
+                    break;
+                default:
+                    break;
+            }
+        }
+    };
+    useEffect(function () {
+        var handleKeyDownWrapper = function (event) {
+            if (inputRef.current && event.target === inputRef.current) {
+                handleKeyDown(event);
+            }
+        };
+        document.addEventListener("keydown", handleKeyDownWrapper);
+        return function () {
+            document.removeEventListener("keydown", handleKeyDownWrapper);
+        };
+    }, [isOpen, filteredItems, selectedIndex]);
+    return (React.createElement("div", { ref: comboBoxRef, className: "combo-box-container ".concat(isOpen ? "combo-box-pressed" : "", " ").concat(isHovered ? "combo-box-hovered" : ""), style: { width: "".concat(width, "%") }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave },
+        title && (React.createElement("div", { className: "combo-box-title-container" },
+            React.createElement(Paragraph, { variant: "semiBold", color: "noir", text: title }),
+            isRequired && (React.createElement("span", { className: "combo-box-required" },
+                "\u00A0",
+                "*")))),
+        React.createElement("div", { ref: inputContainerRef, className: "combo-box-input-container" },
+            React.createElement("input", { ref: inputRef, className: "combo-box ".concat(isOpen ? "combo-box-pressed" : "combo-box-default", " ").concat(isHovered ? "combo-box-hovered" : ""), placeholder: placeholder, value: inputValue, onChange: handleInputChange, onFocus: handleInputFocus, style: { width: "100%" } }),
+            React.createElement("div", { ref: chevronRef, className: "combo-box-chevron ".concat(isHovered ? "combo-box-hovered" : ""), onClick: handleChevronClick },
+                React.createElement("i", { className: "allaw-icon-".concat(isInputValid ? "chevron-down" : "close") }))),
+        isOpen &&
+            filteredItems.length > 0 &&
+            createPortal(React.createElement("div", { ref: listRef, className: "combo-box-list", style: {
+                    top: "".concat(listPosition.top, "px"),
+                    left: "".concat(listPosition.left, "px"),
+                    width: "".concat(listPosition.width, "px"),
+                } }, filteredItems.map(function (item, index) { return (React.createElement("div", { key: item.value, "data-value": item.value, className: "combo-box-item ".concat(index === selectedIndex ? "highlighted" : ""), onClick: function () { return handleItemClick(item, index); } },
+                React.createElement("span", { className: "combo-box-item-text" }, item.label))); })), document.body),
+        isRequired && showError && error && (React.createElement("div", { className: "error-message" },
+            React.createElement(TinyInfo, { variant: "medium12", color: "actions-error", text: error })))));
+}
+export default forwardRef(ComboBox);

package/dist/components/atoms/selects/Select.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+import "./Select.css";
+import "../../../styles/global.css";
+export interface SelectItem {
+    label: string;
+    value: string;
+}
+export interface SelectProps<T extends string | string[]> {
+    items: SelectItem[];
+    selectedItem?: T;
+    placeholder?: string;
+    multiple?: boolean;
+    isRequired?: boolean;
+    showError?: boolean;
+    width?: number;
+    onChange?: (selected: T) => void;
+    onError?: (error: string) => void;
+}
+export interface SelectRef {
+    validate: () => boolean;
+}
+declare const _default: <T extends string | string[]>(props: SelectProps<T> & {
+    ref?: React.Ref<SelectRef>;
+}) => React.ReactElement;
+export default _default;

package/dist/components/atoms/selects/Select.js

@@ -0,0 +1,127 @@
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import React, { useState, useEffect, useRef, useImperativeHandle, forwardRef, } from "react";
+import ReactDOM from "react-dom";
+import "./Select.css";
+import "../../../styles/global.css";
+import TinyInfo from "../typography/TinyInfo";
+function Select(_a, ref) {
+    var _b;
+    var items = _a.items, selectedItem = _a.selectedItem, _c = _a.placeholder, placeholder = _c === void 0 ? "Select..." : _c, _d = _a.multiple, multiple = _d === void 0 ? false : _d, _e = _a.isRequired, isRequired = _e === void 0 ? false : _e, _f = _a.showError, showError = _f === void 0 ? false : _f, _g = _a.width, width = _g === void 0 ? 100 : _g, onChange = _a.onChange, onError = _a.onError;
+    var _h = useState(false), isOpen = _h[0], setIsOpen = _h[1];
+    var _j = useState((multiple ? selectedItem || [] : selectedItem || "")), selected = _j[0], setSelected = _j[1];
+    var _k = useState(""), error = _k[0], setError = _k[1];
+    var selectRef = useRef(null);
+    var listRef = useRef(null);
+    var _l = useState({
+        top: 0,
+        left: 0,
+        width: 0,
+    }), listPosition = _l[0], setListPosition = _l[1];
+    useEffect(function () {
+        setSelected((multiple ? selectedItem || [] : selectedItem || ""));
+    }, [selectedItem, multiple]);
+    useEffect(function () {
+        if (!multiple && selectedItem && isOpen && listRef.current) {
+            var selectedItemElement = listRef.current.querySelector(".select-item[data-value=\"".concat(selectedItem, "\"]"));
+            if (selectedItemElement instanceof HTMLElement) {
+                var listHeight = listRef.current.offsetHeight;
+                var itemHeight = selectedItemElement.offsetHeight;
+                var scrollTop = selectedItemElement.offsetTop - listHeight / 2 + itemHeight / 2;
+                listRef.current.scrollTop = scrollTop;
+            }
+        }
+    }, [isOpen, multiple, selectedItem]);
+    var handleSelect = function (item) {
+        var newSelected;
+        if (multiple) {
+            newSelected = (Array.isArray(selected)
+                ? selected.includes(item.value)
+                    ? selected.filter(function (i) { return i !== item.value; })
+                    : __spreadArray(__spreadArray([], selected, true), [item.value], false)
+                : [item.value]);
+        }
+        else {
+            newSelected = item.value;
+            setIsOpen(false);
+        }
+        setSelected(newSelected);
+        onChange === null || onChange === void 0 ? void 0 : onChange(newSelected);
+        validateSelect(newSelected);
+    };
+    var validateSelect = function (value) {
+        var isEmpty = value === "" || (Array.isArray(value) && value.length === 0);
+        var errorMessage = isRequired && isEmpty ? "Ce champ est requis" : "";
+        setError(errorMessage);
+        onError === null || onError === void 0 ? void 0 : onError(errorMessage);
+        return !errorMessage;
+    };
+    var updateListPosition = function () {
+        if (selectRef.current) {
+            var rect = selectRef.current.getBoundingClientRect();
+            setListPosition({
+                top: rect.bottom + window.scrollY,
+                left: rect.left + window.scrollX,
+                width: rect.width,
+            });
+        }
+    };
+    var toggleOpen = function () {
+        if (!isOpen) {
+            updateListPosition();
+        }
+        setIsOpen(!isOpen);
+    };
+    var handleClickOutside = function (event) {
+        if (selectRef.current &&
+            !selectRef.current.contains(event.target) &&
+            listRef.current &&
+            !listRef.current.contains(event.target)) {
+            setIsOpen(false);
+        }
+    };
+    useEffect(function () {
+        if (isOpen) {
+            document.addEventListener("mousedown", handleClickOutside);
+        }
+        else {
+            document.removeEventListener("mousedown", handleClickOutside);
+        }
+        return function () {
+            document.removeEventListener("mousedown", handleClickOutside);
+        };
+    }, [isOpen]);
+    var renderList = function () { return (React.createElement("div", { ref: listRef, className: "select-list ".concat(isOpen ? "visible" : ""), style: {
+            top: "".concat(listPosition.top, "px"),
+            left: "".concat(listPosition.left, "px"),
+            width: "".concat(listPosition.width, "px"),
+        } }, items.map(function (item) { return (React.createElement("div", { key: item.value, "data-value": item.value, className: "select-item ".concat(Array.isArray(selected) && selected.includes(item.value)
+            ? "selected"
+            : "", " ").concat(!multiple && item.value === selectedItem ? "highlighted" : "", " ").concat(!multiple ? "single-select" : ""), onClick: function () { return handleSelect(item); } },
+        multiple && React.createElement("span", { className: "select-item-icon allaw-icon-check" }),
+        React.createElement("span", { className: "select-item-text" }, item.label))); }))); };
+    useImperativeHandle(ref, function () { return ({
+        validate: function () { return validateSelect(selected); },
+    }); });
+    return (React.createElement("div", { ref: selectRef, className: "select-container ".concat(isOpen ? "select-pressed" : ""), style: { width: "".concat(width, "%") } },
+        React.createElement("button", { type: "button", className: "select ".concat(isOpen ? "select-pressed" : "select-default"), onClick: toggleOpen, style: { width: "100%" } },
+            React.createElement("span", { className: "select-text" }, Array.isArray(selected) && selected.length > 0
+                ? selected
+                    .map(function (val) { var _a; return (_a = items.find(function (item) { return item.value === val; })) === null || _a === void 0 ? void 0 : _a.label; })
+                    .join(", ")
+                : !Array.isArray(selected) && selected
+                    ? (_b = items.find(function (item) { return item.value === selected; })) === null || _b === void 0 ? void 0 : _b.label
+                    : placeholder),
+            React.createElement("span", { className: "select-icon ".concat(isOpen ? "allaw-icon-chevron-up" : "allaw-icon-chevron-down") })),
+        isOpen && ReactDOM.createPortal(renderList(), document.body),
+        isRequired && showError && error && (React.createElement("div", { className: "error-message" },
+            React.createElement(TinyInfo, { variant: "medium12", color: "actions-error", text: error })))));
+}
+export default forwardRef(Select);

package/dist/components/atoms/selects/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Select } from "./Select";
+export type { SelectItem, SelectProps, SelectRef } from "./Select";
+export { default as ComboBox } from "./ComboBox";
+export type { ComboBoxProps, ComboBoxRef } from "./ComboBox";

package/dist/components/atoms/selects/index.js

@@ -0,0 +1,2 @@
+export { default as Select } from "./Select";
+export { default as ComboBox } from "./ComboBox";

package/dist/components/atoms/tags/AppointementStatusTag.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import "./AppointementStatusTag.css";
+export interface AppointementStatusTagProps {
+    status: "confirmed" | "pending" | "available" | "unavailable" | "cancelled" | "passed" | "refused";
+    variant?: "default" | "big" | "small";
+}
+declare const AppointementStatusTag: ({ status, variant, }: AppointementStatusTagProps) => React.JSX.Element;
+export default AppointementStatusTag;

package/dist/components/atoms/tags/AppointementStatusTag.js

@@ -0,0 +1,42 @@
+import React from "react";
+import "./AppointementStatusTag.css";
+var statusStyles = {
+    confirmed: "status-confirmed",
+    pending: "status-pending",
+    available: "status-available",
+    unavailable: "status-unavailable",
+    cancelled: "status-cancelled",
+    passed: "status-passed",
+    refused: "status-refused",
+};
+var statusLabels = {
+    confirmed: "CONFIRMÉ",
+    pending: "EN ATTENTE",
+    available: "DISPONIBLE",
+    unavailable: "INDISPONIBLE",
+    cancelled: "ANNULÉ",
+    passed: "PASSÉ",
+    refused: "REFUSÉ",
+};
+var variantLabels = {
+    confirmed: "RDV CONFIRMÉ",
+    passed: "RDV PASSÉ",
+    cancelled: "RDV ANNULÉ",
+};
+var variantStyles = {
+    small: "variant-small",
+    big: "variant-big",
+    default: "variant-default",
+};
+var AppointementStatusTag = function (_a) {
+    var status = _a.status, _b = _a.variant, variant = _b === void 0 ? "default" : _b;
+    var label = variant === "big" && variantLabels[status]
+        ? variantLabels[status]
+        : statusLabels[status];
+    var variantClass = variantStyles[variant];
+    var specificStyles = status === "cancelled" && variant === "big"
+        ? "status-cancelled-big"
+        : statusStyles[status];
+    return (React.createElement("span", { className: "appointement-status-tag ".concat(variantClass, " ").concat(specificStyles) }, label));
+};
+export default AppointementStatusTag;

package/dist/components/atoms/tags/FolderStatusTag.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import "./FolderStatusTag.css";
+export interface FolderStatusTagProps {
+    isClosed?: boolean;
+}
+declare const FolderStatusTag: React.FC<FolderStatusTagProps>;
+export default FolderStatusTag;

package/dist/components/atoms/tags/FolderStatusTag.js

@@ -0,0 +1,8 @@
+import React from "react";
+import "./FolderStatusTag.css";
+var FolderStatusTag = function (_a) {
+    var _b = _a.isClosed, isClosed = _b === void 0 ? false : _b;
+    var label = isClosed ? "DOSSIER CLÔS" : "DOSSIER OUVERT";
+    return (React.createElement("div", { className: "folder-status-tag ".concat(isClosed ? "closed" : "open") }, label));
+};
+export default FolderStatusTag;

package/dist/components/atoms/tags/OtherStatusTag.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import "./OtherStatusTag.css";
+export interface OtherStatusTagProps {
+    label?: string;
+    type?: "readonly" | "editable" | "information";
+    startIcon?: boolean;
+    startIconName?: string;
+}
+declare const OtherStatusTag: React.FC<OtherStatusTagProps>;
+export default OtherStatusTag;

package/dist/components/atoms/tags/OtherStatusTag.js

@@ -0,0 +1,10 @@
+import React from "react";
+import "./OtherStatusTag.css";
+var OtherStatusTag = function (_a) {
+    var _b = _a.label, label = _b === void 0 ? "Tags" : _b, _c = _a.type, type = _c === void 0 ? "readonly" : _c, _d = _a.startIcon, startIcon = _d === void 0 ? false : _d, _e = _a.startIconName, startIconName = _e === void 0 ? "allaw-icon-pmr" : _e;
+    return (React.createElement("div", { className: "other-status-tag ".concat(type) },
+        type === "information" && startIcon && (React.createElement("span", { className: "icon ".concat(startIconName) })),
+        label,
+        type === "editable" && React.createElement("span", { className: "icon allaw-icon-close" })));
+};
+export default OtherStatusTag;

package/dist/components/atoms/tags/index.d.ts

@@ -0,0 +1,6 @@
+export { default as AppointementStatusTag } from "./AppointementStatusTag";
+export { default as FolderStatusTag } from "./FolderStatusTag";
+export { default as OtherStatusTag } from "./OtherStatusTag";
+export type { AppointementStatusTagProps } from "./AppointementStatusTag";
+export type { FolderStatusTagProps } from "./FolderStatusTag";
+export type { OtherStatusTagProps } from "./OtherStatusTag";

package/dist/components/atoms/tags/index.js

@@ -0,0 +1,3 @@
+export { default as AppointementStatusTag } from "./AppointementStatusTag";
+export { default as FolderStatusTag } from "./FolderStatusTag";
+export { default as OtherStatusTag } from "./OtherStatusTag";

package/dist/components/atoms/typography/Heading.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import "./Heading.css";
+export interface HeadingProps {
+    variant: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "h7";
+    color?: "bleu-allaw" | "mid-grey" | "dark-grey" | "noir" | "pure-white";
+    text: React.ReactNode;
+    align?: "left" | "justify" | "center";
+}
+declare const Heading: React.FC<HeadingProps>;
+export default Heading;

package/dist/components/atoms/typography/Heading.js

@@ -0,0 +1,7 @@
+import React from "react";
+import "./Heading.css";
+var Heading = function (_a) {
+    var variant = _a.variant, _b = _a.color, color = _b === void 0 ? "pure-white" : _b, text = _a.text, _c = _a.align, align = _c === void 0 ? "center" : _c;
+    return React.createElement("span", { className: "heading ".concat(variant, " color-").concat(color, " align-").concat(align) }, text);
+};
+export default Heading;