@addev-be/ui 2.7.7 → 3.0.8

package/README.md

@@ -0,0 +1,15 @@
+# @addev-be/ui
+
+To install dependencies:
+
+```bash
+bun install
+```
+
+To run:
+
+```bash
+bun run src/index.ts
+```
+
+This project was created using `bun init` in bun v1.3.6. [Bun](https://bun.com) is a fast all-in-one JavaScript runtime.

package/eslint.config.js

@@ -1,3 +1,6 @@
 import { eslintReactConfig } from '@addev-be/framework-utils/eslint/react.config.mjs';
 
-export default [...eslintReactConfig, { ignores: ['dist'] }];
+export default [
+  ...eslintReactConfig,
+  { ignores: ['dist', 'eslint.config.js'] },
+];

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "@addev-be/ui",
-  "version": "2.7.7",
+  "version": "3.0.8",
   "type": "module",
+  "module": "src/index.ts",
   "scripts": {
-    "watch": "tsc -b --watch",
-    "build": "tsc -b",
+    "watch": "bun build --watch",
+    "build": "bun build --outdir=dist src/index.ts",
     "lint": "eslint .",
-    "publish": "yarn npm publish",
-    "test": "vitest"
+    "test": "vitest",
+    "publish:npm": "bun publish"
   },
   "types": "src/index.ts",
   "exports": {
@@ -21,7 +22,7 @@
     "update-version": "../../node/update-version.mjs"
   },
   "devDependencies": {
-    "@addev-be/framework-utils": "^2.7.7",
+    "@addev-be/framework-utils": "^3.0.1",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/react": "^16.3.0",
     "@testing-library/react-hooks": "^8.0.1",
@@ -35,7 +36,8 @@
     "globals": "^16.4.0",
     "jsdom": "^27.3.0",
     "typescript": "^5.9.2",
-    "vitest": "^4.0.15"
+    "vitest": "^4.0.15",
+    "@types/bun": "latest"
   },
   "peerDependencies": {
     "react": "^18.3.1",
@@ -57,4 +59,4 @@
     "uuid": "^13.0.0",
     "zod": "^4.1.9"
   }
-}
+}

package/src/Icons.tsx

@@ -1,53 +1,53 @@
 import { FC, SVGProps, useEffect, useState } from 'react';
 
-import AngleLeftIcon from '../assets/icons/angle-left.svg?react';
-import AngleRightIcon from '../assets/icons/angle-right.svg?react';
-import ArrowDown19Icon from '../assets/icons/arrow-down-1-9.svg?react';
-import ArrowDownAZIcon from '../assets/icons/arrow-down-a-z.svg?react';
-import ArrowDownBigSmallIcon from '../assets/icons/arrow-down-big-small.svg?react';
-import ArrowUp91Icon from '../assets/icons/arrow-up-9-1.svg?react';
-import ArrowUpBigSmallIcon from '../assets/icons/arrow-up-big-small.svg?react';
-import ArrowUpZAIcon from '../assets/icons/arrow-up-z-a.svg?react';
-import ArrowsRotateIcon from '../assets/icons/arrows-rotate.svg?react';
-import ArrowsUpDownIcon from '../assets/icons/arrows-up-down.svg?react';
-import BarsIcon from '../assets/icons/bars.svg?react';
-import CheckIcon from '../assets/icons/check.svg?react';
-import ChevronDownIcon from '../assets/icons/chevron-down.svg?react';
-import ChevronLeftIcon from '../assets/icons/chevron-left.svg?react';
-import ChevronRightIcon from '../assets/icons/chevron-right.svg?react';
-import CircleCheckIcon from '../assets/icons/circle-check.svg?react';
-import CircleInfoIcon from '../assets/icons/circle-info.svg?react';
-import CircleXMarkIcon from '../assets/icons/circle-xmark.svg?react';
-import CopyIcon from '../assets/icons/copy.svg?react';
-import DownIcon from '../assets/icons/down.svg?react';
-import EllipsisIcon from '../assets/icons/ellipsis.svg?react';
-import FilterFullIcon from '../assets/icons/filter-full.svg?react';
-import FilterIcon from '../assets/icons/filter.svg?react';
-import FilterSlashIcon from '../assets/icons/filter-slash.svg?react';
-import FloppyDiskIcon from '../assets/icons/floppy-disk.svg?react';
-import HashtagIcon from '../assets/icons/hashtag.svg?react';
-import ImageSlashIcon from '../assets/icons/image-slash.svg?react';
-import LeftIcon from '../assets/icons/left.svg?react';
-import MagnifierIcon from '../assets/icons/magnifier.svg?react';
-import PhoneIcon from '../assets/icons/phone.svg?react';
-import PlusIcon from '../assets/icons/plus.svg?react';
-import RightIcon from '../assets/icons/right.svg?react';
-import SigmaIcon from '../assets/icons/sigma.svg?react';
-import SortCalendarAscendingIcon from '../assets/icons/sort-calendar-ascending.svg?react';
-import SortCalendarDescendingIcon from '../assets/icons/sort-calendar-descending.svg?react';
-import SpinnerIcon from '../assets/icons/spinner-third.svg?react';
-import TableColumnsIcon from '../assets/icons/table-columns.svg?react';
-import TableFooterIcon from '../assets/icons/table-footer.svg?react';
-import TableFooterSlashIcon from '../assets/icons/table-footer-slash.svg?react';
-import TableIcon from '../assets/icons/table.svg?react';
-import TallyIcon from '../assets/icons/tally.svg?react';
-import TrashCanIcon from '../assets/icons/trash-can.svg?react';
-import TriangleExclamationIcon from '../assets/icons/triangle-exclamation.svg?react';
-import UpIcon from '../assets/icons/up.svg?react';
-import UserTieIcon from '../assets/icons/user-tie.svg?react';
-import XBarIcon from '../assets/icons/x-bar.svg?react';
-import XMarkIcon from '../assets/icons/xmark.svg?react';
-import XMarkLargeIcon from '../assets/icons/xmark-large.svg?react';
+import AngleLeftIcon from '../assets/icons/angle-left.svg' with { type: 'text' };
+import AngleRightIcon from '../assets/icons/angle-right.svg' with { type: 'text' };
+import ArrowDown19Icon from '../assets/icons/arrow-down-1-9.svg' with { type: 'text' };
+import ArrowDownAZIcon from '../assets/icons/arrow-down-a-z.svg' with { type: 'text' };
+import ArrowDownBigSmallIcon from '../assets/icons/arrow-down-big-small.svg' with { type: 'text' };
+import ArrowUp91Icon from '../assets/icons/arrow-up-9-1.svg' with { type: 'text' };
+import ArrowUpBigSmallIcon from '../assets/icons/arrow-up-big-small.svg' with { type: 'text' };
+import ArrowUpZAIcon from '../assets/icons/arrow-up-z-a.svg' with { type: 'text' };
+import ArrowsRotateIcon from '../assets/icons/arrows-rotate.svg' with { type: 'text' };
+import ArrowsUpDownIcon from '../assets/icons/arrows-up-down.svg' with { type: 'text' };
+import BarsIcon from '../assets/icons/bars.svg' with { type: 'text' };
+import CheckIcon from '../assets/icons/check.svg' with { type: 'text' };
+import ChevronDownIcon from '../assets/icons/chevron-down.svg' with { type: 'text' };
+import ChevronLeftIcon from '../assets/icons/chevron-left.svg' with { type: 'text' };
+import ChevronRightIcon from '../assets/icons/chevron-right.svg' with { type: 'text' };
+import CircleCheckIcon from '../assets/icons/circle-check.svg' with { type: 'text' };
+import CircleInfoIcon from '../assets/icons/circle-info.svg' with { type: 'text' };
+import CircleXMarkIcon from '../assets/icons/circle-xmark.svg' with { type: 'text' };
+import CopyIcon from '../assets/icons/copy.svg' with { type: 'text' };
+import DownIcon from '../assets/icons/down.svg' with { type: 'text' };
+import EllipsisIcon from '../assets/icons/ellipsis.svg' with { type: 'text' };
+import FilterFullIcon from '../assets/icons/filter-full.svg' with { type: 'text' };
+import FilterIcon from '../assets/icons/filter.svg' with { type: 'text' };
+import FilterSlashIcon from '../assets/icons/filter-slash.svg' with { type: 'text' };
+import FloppyDiskIcon from '../assets/icons/floppy-disk.svg' with { type: 'text' };
+import HashtagIcon from '../assets/icons/hashtag.svg' with { type: 'text' };
+import ImageSlashIcon from '../assets/icons/image-slash.svg' with { type: 'text' };
+import LeftIcon from '../assets/icons/left.svg' with { type: 'text' };
+import MagnifierIcon from '../assets/icons/magnifier.svg' with { type: 'text' };
+import PhoneIcon from '../assets/icons/phone.svg' with { type: 'text' };
+import PlusIcon from '../assets/icons/plus.svg' with { type: 'text' };
+import RightIcon from '../assets/icons/right.svg' with { type: 'text' };
+import SigmaIcon from '../assets/icons/sigma.svg' with { type: 'text' };
+import SortCalendarAscendingIcon from '../assets/icons/sort-calendar-ascending.svg' with { type: 'text' };
+import SortCalendarDescendingIcon from '../assets/icons/sort-calendar-descending.svg' with { type: 'text' };
+import SpinnerIcon from '../assets/icons/spinner-third.svg' with { type: 'text' };
+import TableColumnsIcon from '../assets/icons/table-columns.svg' with { type: 'text' };
+import TableFooterIcon from '../assets/icons/table-footer.svg' with { type: 'text' };
+import TableFooterSlashIcon from '../assets/icons/table-footer-slash.svg' with { type: 'text' };
+import TableIcon from '../assets/icons/table.svg' with { type: 'text' };
+import TallyIcon from '../assets/icons/tally.svg' with { type: 'text' };
+import TrashCanIcon from '../assets/icons/trash-can.svg' with { type: 'text' };
+import TriangleExclamationIcon from '../assets/icons/triangle-exclamation.svg' with { type: 'text' };
+import UpIcon from '../assets/icons/up.svg' with { type: 'text' };
+import UserTieIcon from '../assets/icons/user-tie.svg' with { type: 'text' };
+import XBarIcon from '../assets/icons/x-bar.svg' with { type: 'text' };
+import XMarkIcon from '../assets/icons/xmark.svg' with { type: 'text' };
+import XMarkLargeIcon from '../assets/icons/xmark-large.svg' with { type: 'text' };
 
 type IconFCProps = SVGProps<SVGSVGElement>;
 export type IconFC = FC<IconFCProps>;

package/tsconfig.json

@@ -11,8 +11,7 @@
     "declaration": true,
     "outDir": "./dist",
     "rootDir": "./src",
-    "jsx": "react-jsx",
-    "types": ["vite/client", "vite-plugin-svgr/client"]
+    "jsx": "react-jsx"
   },
   "include": ["src"]
 }

package/dist/Icons.d.ts

@@ -1,59 +0,0 @@
-import { FC, SVGProps } from 'react';
-import AngleLeftIcon from '../assets/icons/angle-left.svg?react';
-import AngleRightIcon from '../assets/icons/angle-right.svg?react';
-import ArrowDown19Icon from '../assets/icons/arrow-down-1-9.svg?react';
-import ArrowDownAZIcon from '../assets/icons/arrow-down-a-z.svg?react';
-import ArrowDownBigSmallIcon from '../assets/icons/arrow-down-big-small.svg?react';
-import ArrowUp91Icon from '../assets/icons/arrow-up-9-1.svg?react';
-import ArrowUpBigSmallIcon from '../assets/icons/arrow-up-big-small.svg?react';
-import ArrowUpZAIcon from '../assets/icons/arrow-up-z-a.svg?react';
-import ArrowsRotateIcon from '../assets/icons/arrows-rotate.svg?react';
-import ArrowsUpDownIcon from '../assets/icons/arrows-up-down.svg?react';
-import BarsIcon from '../assets/icons/bars.svg?react';
-import CheckIcon from '../assets/icons/check.svg?react';
-import ChevronDownIcon from '../assets/icons/chevron-down.svg?react';
-import ChevronLeftIcon from '../assets/icons/chevron-left.svg?react';
-import ChevronRightIcon from '../assets/icons/chevron-right.svg?react';
-import CircleCheckIcon from '../assets/icons/circle-check.svg?react';
-import CircleInfoIcon from '../assets/icons/circle-info.svg?react';
-import CircleXMarkIcon from '../assets/icons/circle-xmark.svg?react';
-import CopyIcon from '../assets/icons/copy.svg?react';
-import DownIcon from '../assets/icons/down.svg?react';
-import EllipsisIcon from '../assets/icons/ellipsis.svg?react';
-import FilterFullIcon from '../assets/icons/filter-full.svg?react';
-import FilterIcon from '../assets/icons/filter.svg?react';
-import FilterSlashIcon from '../assets/icons/filter-slash.svg?react';
-import FloppyDiskIcon from '../assets/icons/floppy-disk.svg?react';
-import HashtagIcon from '../assets/icons/hashtag.svg?react';
-import ImageSlashIcon from '../assets/icons/image-slash.svg?react';
-import LeftIcon from '../assets/icons/left.svg?react';
-import MagnifierIcon from '../assets/icons/magnifier.svg?react';
-import PhoneIcon from '../assets/icons/phone.svg?react';
-import PlusIcon from '../assets/icons/plus.svg?react';
-import RightIcon from '../assets/icons/right.svg?react';
-import SigmaIcon from '../assets/icons/sigma.svg?react';
-import SortCalendarAscendingIcon from '../assets/icons/sort-calendar-ascending.svg?react';
-import SortCalendarDescendingIcon from '../assets/icons/sort-calendar-descending.svg?react';
-import SpinnerIcon from '../assets/icons/spinner-third.svg?react';
-import TableColumnsIcon from '../assets/icons/table-columns.svg?react';
-import TableFooterIcon from '../assets/icons/table-footer.svg?react';
-import TableFooterSlashIcon from '../assets/icons/table-footer-slash.svg?react';
-import TableIcon from '../assets/icons/table.svg?react';
-import TallyIcon from '../assets/icons/tally.svg?react';
-import TrashCanIcon from '../assets/icons/trash-can.svg?react';
-import TriangleExclamationIcon from '../assets/icons/triangle-exclamation.svg?react';
-import UpIcon from '../assets/icons/up.svg?react';
-import UserTieIcon from '../assets/icons/user-tie.svg?react';
-import XBarIcon from '../assets/icons/x-bar.svg?react';
-import XMarkIcon from '../assets/icons/xmark.svg?react';
-import XMarkLargeIcon from '../assets/icons/xmark-large.svg?react';
-type IconFCProps = SVGProps<SVGSVGElement>;
-export type IconFC = FC<IconFCProps>;
-type AnimatedIconProps = {
-    icons: FC[];
-    speed?: number;
-};
-export declare const AnimatedIcon: FC<AnimatedIconProps & IconFCProps>;
-export declare const LoadingIcon: FC<IconFCProps>;
-export declare const BlankIcon: FC<IconFCProps>;
-export { AngleLeftIcon, AngleRightIcon, ArrowDown19Icon, ArrowDownAZIcon, ArrowDownBigSmallIcon, ArrowsRotateIcon, ArrowsUpDownIcon, ArrowUp91Icon, ArrowUpBigSmallIcon, ArrowUpZAIcon, BarsIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, CircleCheckIcon, CircleInfoIcon, CircleXMarkIcon, CopyIcon, DownIcon, EllipsisIcon, FilterFullIcon, FilterIcon, FilterSlashIcon, FloppyDiskIcon, HashtagIcon, ImageSlashIcon, LeftIcon, MagnifierIcon, PhoneIcon, PlusIcon, RightIcon, SigmaIcon, SortCalendarAscendingIcon, SortCalendarDescendingIcon, SpinnerIcon, TableColumnsIcon, TableFooterIcon, TableFooterSlashIcon, TableIcon, TallyIcon, TrashCanIcon, TriangleExclamationIcon, UpIcon, UserTieIcon, XBarIcon, XMarkIcon, XMarkLargeIcon, };

package/dist/Icons.js

@@ -1,149 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.XMarkIcon = exports.XBarIcon = exports.UserTieIcon = exports.UpIcon = exports.TriangleExclamationIcon = exports.TrashCanIcon = exports.TallyIcon = exports.TableIcon = exports.TableFooterSlashIcon = exports.TableFooterIcon = exports.TableColumnsIcon = exports.SpinnerIcon = exports.SortCalendarDescendingIcon = exports.SortCalendarAscendingIcon = exports.SigmaIcon = exports.RightIcon = exports.PlusIcon = exports.PhoneIcon = exports.MagnifierIcon = exports.LeftIcon = exports.ImageSlashIcon = exports.HashtagIcon = exports.FloppyDiskIcon = exports.FilterSlashIcon = exports.FilterIcon = exports.FilterFullIcon = exports.EllipsisIcon = exports.DownIcon = exports.CopyIcon = exports.CircleXMarkIcon = exports.CircleInfoIcon = exports.CircleCheckIcon = exports.ChevronRightIcon = exports.ChevronLeftIcon = exports.ChevronDownIcon = exports.CheckIcon = exports.BarsIcon = exports.ArrowUpZAIcon = exports.ArrowUpBigSmallIcon = exports.ArrowUp91Icon = exports.ArrowsUpDownIcon = exports.ArrowsRotateIcon = exports.ArrowDownBigSmallIcon = exports.ArrowDownAZIcon = exports.ArrowDown19Icon = exports.AngleRightIcon = exports.AngleLeftIcon = exports.BlankIcon = exports.LoadingIcon = exports.AnimatedIcon = void 0;
-exports.XMarkLargeIcon = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var angle_left_svg_react_1 = __importDefault(require("../assets/icons/angle-left.svg?react"));
-exports.AngleLeftIcon = angle_left_svg_react_1.default;
-var angle_right_svg_react_1 = __importDefault(require("../assets/icons/angle-right.svg?react"));
-exports.AngleRightIcon = angle_right_svg_react_1.default;
-var arrow_down_1_9_svg_react_1 = __importDefault(require("../assets/icons/arrow-down-1-9.svg?react"));
-exports.ArrowDown19Icon = arrow_down_1_9_svg_react_1.default;
-var arrow_down_a_z_svg_react_1 = __importDefault(require("../assets/icons/arrow-down-a-z.svg?react"));
-exports.ArrowDownAZIcon = arrow_down_a_z_svg_react_1.default;
-var arrow_down_big_small_svg_react_1 = __importDefault(require("../assets/icons/arrow-down-big-small.svg?react"));
-exports.ArrowDownBigSmallIcon = arrow_down_big_small_svg_react_1.default;
-var arrow_up_9_1_svg_react_1 = __importDefault(require("../assets/icons/arrow-up-9-1.svg?react"));
-exports.ArrowUp91Icon = arrow_up_9_1_svg_react_1.default;
-var arrow_up_big_small_svg_react_1 = __importDefault(require("../assets/icons/arrow-up-big-small.svg?react"));
-exports.ArrowUpBigSmallIcon = arrow_up_big_small_svg_react_1.default;
-var arrow_up_z_a_svg_react_1 = __importDefault(require("../assets/icons/arrow-up-z-a.svg?react"));
-exports.ArrowUpZAIcon = arrow_up_z_a_svg_react_1.default;
-var arrows_rotate_svg_react_1 = __importDefault(require("../assets/icons/arrows-rotate.svg?react"));
-exports.ArrowsRotateIcon = arrows_rotate_svg_react_1.default;
-var arrows_up_down_svg_react_1 = __importDefault(require("../assets/icons/arrows-up-down.svg?react"));
-exports.ArrowsUpDownIcon = arrows_up_down_svg_react_1.default;
-var bars_svg_react_1 = __importDefault(require("../assets/icons/bars.svg?react"));
-exports.BarsIcon = bars_svg_react_1.default;
-var check_svg_react_1 = __importDefault(require("../assets/icons/check.svg?react"));
-exports.CheckIcon = check_svg_react_1.default;
-var chevron_down_svg_react_1 = __importDefault(require("../assets/icons/chevron-down.svg?react"));
-exports.ChevronDownIcon = chevron_down_svg_react_1.default;
-var chevron_left_svg_react_1 = __importDefault(require("../assets/icons/chevron-left.svg?react"));
-exports.ChevronLeftIcon = chevron_left_svg_react_1.default;
-var chevron_right_svg_react_1 = __importDefault(require("../assets/icons/chevron-right.svg?react"));
-exports.ChevronRightIcon = chevron_right_svg_react_1.default;
-var circle_check_svg_react_1 = __importDefault(require("../assets/icons/circle-check.svg?react"));
-exports.CircleCheckIcon = circle_check_svg_react_1.default;
-var circle_info_svg_react_1 = __importDefault(require("../assets/icons/circle-info.svg?react"));
-exports.CircleInfoIcon = circle_info_svg_react_1.default;
-var circle_xmark_svg_react_1 = __importDefault(require("../assets/icons/circle-xmark.svg?react"));
-exports.CircleXMarkIcon = circle_xmark_svg_react_1.default;
-var copy_svg_react_1 = __importDefault(require("../assets/icons/copy.svg?react"));
-exports.CopyIcon = copy_svg_react_1.default;
-var down_svg_react_1 = __importDefault(require("../assets/icons/down.svg?react"));
-exports.DownIcon = down_svg_react_1.default;
-var ellipsis_svg_react_1 = __importDefault(require("../assets/icons/ellipsis.svg?react"));
-exports.EllipsisIcon = ellipsis_svg_react_1.default;
-var filter_full_svg_react_1 = __importDefault(require("../assets/icons/filter-full.svg?react"));
-exports.FilterFullIcon = filter_full_svg_react_1.default;
-var filter_svg_react_1 = __importDefault(require("../assets/icons/filter.svg?react"));
-exports.FilterIcon = filter_svg_react_1.default;
-var filter_slash_svg_react_1 = __importDefault(require("../assets/icons/filter-slash.svg?react"));
-exports.FilterSlashIcon = filter_slash_svg_react_1.default;
-var floppy_disk_svg_react_1 = __importDefault(require("../assets/icons/floppy-disk.svg?react"));
-exports.FloppyDiskIcon = floppy_disk_svg_react_1.default;
-var hashtag_svg_react_1 = __importDefault(require("../assets/icons/hashtag.svg?react"));
-exports.HashtagIcon = hashtag_svg_react_1.default;
-var image_slash_svg_react_1 = __importDefault(require("../assets/icons/image-slash.svg?react"));
-exports.ImageSlashIcon = image_slash_svg_react_1.default;
-var left_svg_react_1 = __importDefault(require("../assets/icons/left.svg?react"));
-exports.LeftIcon = left_svg_react_1.default;
-var magnifier_svg_react_1 = __importDefault(require("../assets/icons/magnifier.svg?react"));
-exports.MagnifierIcon = magnifier_svg_react_1.default;
-var phone_svg_react_1 = __importDefault(require("../assets/icons/phone.svg?react"));
-exports.PhoneIcon = phone_svg_react_1.default;
-var plus_svg_react_1 = __importDefault(require("../assets/icons/plus.svg?react"));
-exports.PlusIcon = plus_svg_react_1.default;
-var right_svg_react_1 = __importDefault(require("../assets/icons/right.svg?react"));
-exports.RightIcon = right_svg_react_1.default;
-var sigma_svg_react_1 = __importDefault(require("../assets/icons/sigma.svg?react"));
-exports.SigmaIcon = sigma_svg_react_1.default;
-var sort_calendar_ascending_svg_react_1 = __importDefault(require("../assets/icons/sort-calendar-ascending.svg?react"));
-exports.SortCalendarAscendingIcon = sort_calendar_ascending_svg_react_1.default;
-var sort_calendar_descending_svg_react_1 = __importDefault(require("../assets/icons/sort-calendar-descending.svg?react"));
-exports.SortCalendarDescendingIcon = sort_calendar_descending_svg_react_1.default;
-var spinner_third_svg_react_1 = __importDefault(require("../assets/icons/spinner-third.svg?react"));
-exports.SpinnerIcon = spinner_third_svg_react_1.default;
-var table_columns_svg_react_1 = __importDefault(require("../assets/icons/table-columns.svg?react"));
-exports.TableColumnsIcon = table_columns_svg_react_1.default;
-var table_footer_svg_react_1 = __importDefault(require("../assets/icons/table-footer.svg?react"));
-exports.TableFooterIcon = table_footer_svg_react_1.default;
-var table_footer_slash_svg_react_1 = __importDefault(require("../assets/icons/table-footer-slash.svg?react"));
-exports.TableFooterSlashIcon = table_footer_slash_svg_react_1.default;
-var table_svg_react_1 = __importDefault(require("../assets/icons/table.svg?react"));
-exports.TableIcon = table_svg_react_1.default;
-var tally_svg_react_1 = __importDefault(require("../assets/icons/tally.svg?react"));
-exports.TallyIcon = tally_svg_react_1.default;
-var trash_can_svg_react_1 = __importDefault(require("../assets/icons/trash-can.svg?react"));
-exports.TrashCanIcon = trash_can_svg_react_1.default;
-var triangle_exclamation_svg_react_1 = __importDefault(require("../assets/icons/triangle-exclamation.svg?react"));
-exports.TriangleExclamationIcon = triangle_exclamation_svg_react_1.default;
-var up_svg_react_1 = __importDefault(require("../assets/icons/up.svg?react"));
-exports.UpIcon = up_svg_react_1.default;
-var user_tie_svg_react_1 = __importDefault(require("../assets/icons/user-tie.svg?react"));
-exports.UserTieIcon = user_tie_svg_react_1.default;
-var x_bar_svg_react_1 = __importDefault(require("../assets/icons/x-bar.svg?react"));
-exports.XBarIcon = x_bar_svg_react_1.default;
-var xmark_svg_react_1 = __importDefault(require("../assets/icons/xmark.svg?react"));
-exports.XMarkIcon = xmark_svg_react_1.default;
-var xmark_large_svg_react_1 = __importDefault(require("../assets/icons/xmark-large.svg?react"));
-exports.XMarkLargeIcon = xmark_large_svg_react_1.default;
-var AnimatedIcon = function (_a) {
-    var icons = _a.icons, _b = _a.speed, speed = _b === void 0 ? 150 : _b, props = __rest(_a, ["icons", "speed"]);
-    var _c = (0, react_1.useState)(0), currentIcon = _c[0], setCurrentIcon = _c[1];
-    (0, react_1.useEffect)(function () {
-        var interval = setInterval(function () {
-            setCurrentIcon(function (currentIcon) { return (currentIcon + 1) % icons.length; });
-        }, speed);
-        return function () {
-            clearInterval(interval);
-        };
-    }, [icons.length, speed]);
-    var Icon = icons[currentIcon];
-    return (0, jsx_runtime_1.jsx)(Icon, __assign({}, props));
-};
-exports.AnimatedIcon = AnimatedIcon;
-var LoadingIcon = function (_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return ((0, jsx_runtime_1.jsx)(spinner_third_svg_react_1.default, __assign({ className: "animate-spin ".concat(className) }, props)));
-};
-exports.LoadingIcon = LoadingIcon;
-var BlankIcon = function (props) { return ((0, jsx_runtime_1.jsx)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" }, props))); };
-exports.BlankIcon = BlankIcon;

package/dist/components/auth/LoginForm.d.ts

@@ -1,2 +0,0 @@
-import { FC } from 'react';
-export declare const LoginForm: FC;

package/dist/components/auth/LoginForm.js

@@ -1,50 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LoginForm = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var react_router_dom_1 = require("react-router-dom");
-var Button_1 = require("../forms/Button");
-var Card_1 = require("../ui/Card");
-var styles_1 = require("./styles");
-var styles_2 = require("../forms/styles");
-var Message_1 = require("../ui/Message");
-var VerticalLabel_1 = require("../forms/VerticalLabel");
-var hooks_1 = require("../../providers/hooks");
-var LoginForm = function () {
-    var _a = (0, react_1.useState)(localStorage.getItem('username') || ''), username = _a[0], setUsername = _a[1];
-    var _b = (0, react_1.useState)(''), password = _b[0], setPassword = _b[1];
-    var _c = (0, react_1.useState)(false), isLoading = _c[0], setIsLoading = _c[1];
-    var _d = (0, react_1.useState)(''), error = _d[0], setError = _d[1];
-    var usernameInputRef = (0, react_1.useRef)(null);
-    var passwordInputRef = (0, react_1.useRef)(null);
-    var login = (0, hooks_1.useAuthentication)().login;
-    var onLoginClicked = (0, react_1.useCallback)(function () {
-        setError('');
-        setIsLoading(true);
-        login(username, password).then(function (success) {
-            setIsLoading(false);
-            if (success) {
-                localStorage.setItem('username', username);
-                (0, react_router_dom_1.redirect)('/');
-            }
-            else {
-                setError('Identifiants invalides');
-            }
-        });
-    }, [login, password, username]);
-    (0, react_1.useEffect)(function () {
-        if (usernameInputRef.current && passwordInputRef.current) {
-            var input = !username
-                ? usernameInputRef.current
-                : passwordInputRef.current;
-            input.select();
-            input.focus();
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    if (isLoading)
-        return (0, jsx_runtime_1.jsx)("div", { children: "Chargement..." });
-    return ((0, jsx_runtime_1.jsx)(Card_1.Card, { children: (0, jsx_runtime_1.jsxs)(styles_1.FormContainer, { children: [(0, jsx_runtime_1.jsx)(VerticalLabel_1.StackedLabel, { label: "Adresse e-mail / Nom d'utilisateur", children: (0, jsx_runtime_1.jsx)(styles_2.Input, { ref: usernameInputRef, type: "email", autoComplete: "email", required: true, value: username, onChange: function (e) { return setUsername(e.target.value); } }) }), (0, jsx_runtime_1.jsx)(VerticalLabel_1.StackedLabel, { label: "Mot de passe", children: (0, jsx_runtime_1.jsx)(styles_2.Input, { ref: passwordInputRef, type: "password", autoComplete: "current-password", required: true, value: password, onChange: function (e) { return setPassword(e.target.value); } }) }), error && (0, jsx_runtime_1.jsx)(Message_1.Message, { type: "error", children: error }), (0, jsx_runtime_1.jsx)(Button_1.Button, { "$color": "primary", onClick: onLoginClicked, children: "Se connecter" }), (0, jsx_runtime_1.jsx)(react_router_dom_1.Link, { to: "/recover", children: "Mot de passe oubli\u00E9 ?" })] }) }));
-};
-exports.LoginForm = LoginForm;

package/dist/components/auth/LoginPage.d.ts

@@ -1,2 +0,0 @@
-import { FC } from 'react';
-export declare const LoginPage: FC;

package/dist/components/auth/LoginPage.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LoginPage = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_router_dom_1 = require("react-router-dom");
-var LoginPage = function () {
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row h-full w-full", children: [(0, jsx_runtime_1.jsx)("div", { className: "relative hidden w-0 flex-1 lg:block", children: (0, jsx_runtime_1.jsx)("img", { className: "absolute inset-0 h-full w-full object-cover", alt: "" }) }), (0, jsx_runtime_1.jsx)("div", { className: "flex flex-1 flex-col justify-space-evenly overflow-y-auto px-4 py-12 sm:px-6 lg:flex-none lg:px-24 xl:px-36", children: (0, jsx_runtime_1.jsxs)("div", { className: "mx-auto w-full max-w-sm lg:max-w-96 lg:w-96 xl:max-w-[32rem] xl:w-[32rem]", children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-center", children: [(0, jsx_runtime_1.jsx)("img", { className: "h-20 w-auto inline-block", src: "/logo192.png", alt: "Burotel" }), (0, jsx_runtime_1.jsx)("h2", { className: "mt-8 text-2xl font-bold leading-9 tracking-tight text-gray-900", children: "Connectez-vous" })] }), (0, jsx_runtime_1.jsx)("div", { className: "mt-10 sm:mx-auto sm:w-full sm:max-w-[640px]", children: (0, jsx_runtime_1.jsx)("div", { className: "bg-white px-6 py-12 shadow sm:rounded-lg sm:px-12", children: (0, jsx_runtime_1.jsx)(react_router_dom_1.Outlet, {}) }) })] }) })] }));
-};
-exports.LoginPage = LoginPage;

package/dist/components/auth/PasswordRecoveryForm.d.ts

@@ -1,2 +0,0 @@
-import { FC } from 'react';
-export declare const PasswordRecoveryForm: FC;

package/dist/components/auth/PasswordRecoveryForm.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PasswordRecoveryForm = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var Button_1 = require("../forms/Button");
-var Card_1 = require("../ui/Card");
-var styles_1 = require("./styles");
-var styles_2 = require("../forms/styles");
-var react_router_dom_1 = require("react-router-dom");
-var Message_1 = require("../ui/Message");
-var VerticalLabel_1 = require("../forms/VerticalLabel");
-var hooks_1 = require("../../providers/hooks");
-var PasswordRecoveryForm = function () {
-    var _a = (0, react_1.useState)(''), email = _a[0], setEmail = _a[1];
-    var _b = (0, react_1.useState)(false), isSubmitted = _b[0], setIsSubmitted = _b[1];
-    var sendRecoveryKey = (0, hooks_1.useAuthentication)().sendRecoveryKey;
-    var onSubmitClicked = (0, react_1.useCallback)(function () {
-        sendRecoveryKey(email).then(function () {
-            setIsSubmitted(true);
-        });
-    }, [email, sendRecoveryKey]);
-    return ((0, jsx_runtime_1.jsx)(Card_1.Card, { children: (0, jsx_runtime_1.jsx)(styles_1.FormContainer, { children: isSubmitted ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Message_1.Message, { type: "success", children: "Un e-mail de r\u00E9initialisation de mot de passe vous a \u00E9t\u00E9 envoy\u00E9." }), (0, jsx_runtime_1.jsx)(react_router_dom_1.Link, { to: "/", children: "Retour" })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(VerticalLabel_1.StackedLabel, { label: "Adresse e-mail", children: (0, jsx_runtime_1.jsx)(styles_2.Input, { type: "email", autoComplete: "email", required: true, value: email, onChange: function (e) { return setEmail(e.target.value); } }) }), (0, jsx_runtime_1.jsx)(Button_1.Button, { "$color": "primary", onClick: onSubmitClicked, children: "Envoyer un lien de r\u00E9cup\u00E9ration" })] })) }) }));
-};
-exports.PasswordRecoveryForm = PasswordRecoveryForm;

package/dist/components/auth/PasswordResetForm.d.ts

@@ -1,2 +0,0 @@
-import { FC } from 'react';
-export declare const PasswordResetForm: FC;

package/dist/components/auth/PasswordResetForm.js

@@ -1,56 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PasswordResetForm = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var ui_1 = require("@addev-be/ui");
-var react_1 = require("react");
-var react_router_dom_1 = require("react-router-dom");
-var styles_1 = require("./styles");
-var Message_1 = require("../ui/Message");
-var VerticalLabel_1 = require("../forms/VerticalLabel");
-var PasswordResetForm = function () {
-    var key = (0, react_router_dom_1.useParams)().key;
-    var _a = (0, react_1.useState)(''), password1 = _a[0], setPassword1 = _a[1];
-    var _b = (0, react_1.useState)(''), password2 = _b[0], setPassword2 = _b[1];
-    var _c = (0, react_1.useState)(-1), keyStatus = _c[0], setKeyStatus = _c[1];
-    var _d = (0, react_1.useState)(-1), status = _d[0], setStatus = _d[1];
-    var _e = (0, react_1.useState)(''), error = _e[0], setError = _e[1];
-    var _f = (0, ui_1.useAuthentication)(), resetPassword = _f.resetPassword, checkRecoveryKey = _f.checkRecoveryKey;
-    (0, react_1.useEffect)(function () {
-        if (key) {
-            checkRecoveryKey(key).then(function (status) {
-                setKeyStatus(status);
-            });
-        }
-    }, [checkRecoveryKey, key]);
-    var onSubmitClicked = (0, react_1.useCallback)(function () {
-        if (key) {
-            if (password1 !== password2) {
-                setError('Les mots de passe ne sont pas identiques');
-                return;
-            }
-            resetPassword(key, password1).then(function (status) {
-                setStatus(status);
-                setError(status === 4
-                    ? 'Le mot de passe est trop faible (min. 8 caractères requis)'
-                    : '');
-            });
-        }
-    }, [key, password1, password2, resetPassword]);
-    var content = (0, react_1.useMemo)(function () {
-        if (keyStatus < 0) {
-            return (0, jsx_runtime_1.jsx)("p", { children: "Chargement..." });
-        }
-        if (keyStatus > 0) {
-            return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(Message_1.Message, { type: "error", children: "La cl\u00E9 de r\u00E9cup\u00E9ration fournie est invalide ou expir\u00E9e" }) }));
-        }
-        switch (status) {
-            case 0:
-                return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(Message_1.Message, { type: "success", children: "Votre mot de passe a \u00E9t\u00E9 r\u00E9initialis\u00E9 avec succ\u00E8s. Vous pouvez maintenant vous connecter." }) }));
-            default:
-                return null;
-        }
-    }, [keyStatus, status]);
-    return ((0, jsx_runtime_1.jsx)(ui_1.Card, { children: (0, jsx_runtime_1.jsxs)(styles_1.FormContainer, { children: [content !== null && content !== void 0 ? content : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(VerticalLabel_1.StackedLabel, { label: "Nouveau mot de passe", children: (0, jsx_runtime_1.jsx)(ui_1.Input, { type: "password", autoComplete: "current-password", required: true, value: password1, onChange: function (e) { return setPassword1(e.target.value); } }) }), (0, jsx_runtime_1.jsx)(VerticalLabel_1.StackedLabel, { label: "Confirmation du mot de passe", children: (0, jsx_runtime_1.jsx)(ui_1.Input, { type: "password", autoComplete: "current-password", required: true, value: password2, onChange: function (e) { return setPassword2(e.target.value); } }) }), error && ((0, jsx_runtime_1.jsx)(Message_1.Message, { className: "mt-4", type: "error", children: error })), (0, jsx_runtime_1.jsx)(ui_1.Button, { "$color": "primary", onClick: onSubmitClicked, children: "R\u00E9initialiser le mot de passe" })] })), (0, jsx_runtime_1.jsx)(react_router_dom_1.Link, { to: "/", children: "Retour" })] }) }));
-};
-exports.PasswordResetForm = PasswordResetForm;

package/dist/components/auth/index.d.ts

@@ -1,4 +0,0 @@
-export * from './LoginForm';
-export * from './LoginPage';
-export * from './PasswordRecoveryForm';
-export * from './PasswordResetForm';

package/dist/components/auth/index.js

@@ -1,20 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./LoginForm"), exports);
-__exportStar(require("./LoginPage"), exports);
-__exportStar(require("./PasswordRecoveryForm"), exports);
-__exportStar(require("./PasswordResetForm"), exports);

package/dist/components/auth/styles.d.ts

@@ -1 +0,0 @@
-export declare const FormContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>>, never>, never>> & string;

package/dist/components/auth/styles.js

@@ -1,16 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormContainer = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-exports.FormContainer = styled_components_1.default.form.attrs({
-    className: 'FormContainer',
-    onSubmit: function (e) { return e.preventDefault(); },
-})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-4);\n\n  & > a {\n    text-align: center;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-4);\n\n  & > a {\n    text-align: center;\n  }\n"])));
-var templateObject_1;