@addev-be/ui 0.10.0 → 0.10.3

package/assets/icons/table.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M48 264V160H232V264H48zm0 48H232V432H64c-8.8 0-16-7.2-16-16V312zM280 432V312H464V416c0 8.8-7.2 16-16 16H280zM464 264H280V160H464V264zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M48 264V160H232V264H48zm0 48H232V432H64c-8.8 0-16-7.2-16-16V312zM280 432V312H464V416c0 8.8-7.2 16-16 16H280zM464 264H280V160H464V264zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64z"/></svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@addev-be/ui",
-  "version": "0.10.0",
+  "version": "0.10.3",
   "type": "module",
   "scripts": {
     "watch": "tsc -b --watch",

package/src/components/data/DataGrid/DataGridHeaderCell.tsx

@@ -6,12 +6,12 @@ import * as styles from './styles';
 import { MouseEvent, useCallback, useMemo, useRef, useState } from 'react';
 
 import { ChevronDownIcon } from '../../../Icons';
-import { DataGridFilterMenu } from './DataGridFilterMenu';
-import { DataGridHeaderCellProps } from './types';
-import { Dropdown } from '../../layout';
+import { useUi } from '../../../providers';
 import { IconButton } from '../../forms/IconButton';
+import { Dropdown } from '../../layout';
+import { DataGridFilterMenu } from './DataGridFilterMenu';
 import { useDataGridContext } from './hooks';
-import { useUi } from '../../../providers';
+import { DataGridHeaderCellProps } from './types';
 
 export const DataGridHeaderCell = <R,>({
   columnKey,
@@ -108,7 +108,7 @@ export const DataGridHeaderCell = <R,>({
           className={hasFilters ? 'danger' : ''}
           ref={filterButtonRef}
           icon={ChevronDownIcon}
-          $color={hasFilters ? 'danger' : headerColor}
+          color={hasFilters ? 'danger' : headerColor}
           onClick={onFilterButtonClicked}
         />
       )}

package/src/components/ui/Avatar/styles.ts

@@ -1,61 +1,61 @@
-import styled, { css } from 'styled-components';
-
-export type AvatarContainerProps = {
-  size: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-};
-
-const stylesMap: Record<
-  AvatarContainerProps['size'],
-  ReturnType<typeof css>
-> = {
-  xs: css`
-    width: var(--size-6);
-    height: var(--size-6);
-    min-width: var(--size-6);
-    min-height: var(--size-6);
-    font-size: var(--text-xs);
-    line-height: var(--text-xs);
-  `,
-  sm: css`
-    width: var(--size-8);
-    height: var(--size-8);
-    min-width: var(--size-8);
-    min-height: var(--size-8);
-    font-size: var(--text-sm);
-    line-height: var(--text-sm);
-  `,
-  md: css`
-    width: var(--size-10);
-    height: var(--size-10);
-    min-width: var(--size-10);
-    min-height: var(--size-10);
-    font-size: var(--text-md);
-    line-height: var(--text-md);
-  `,
-  lg: css`
-    width: var(--size-12);
-    height: var(--size-12);
-    min-width: var(--size-12);
-    min-height: var(--size-12);
-    font-size: var(--text-lg);
-    line-height: var(--text-lg);
-  `,
-  xl: css`
-    width: var(--size-14);
-    height: var(--size-14);
-    min-width: var(--size-14);
-    min-height: var(--size-14);
-    font-size: var(--text-2xl);
-    line-height: var(--text-2xl);
-  `,
-};
-
-export const AvatarContainer = styled.div<AvatarContainerProps>`
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: var(--rounded-full);
-  user-select: none;
-
-  ${({ size }) => stylesMap[size]}
-`;
+import styled, { css } from 'styled-components';
+
+export type AvatarContainerProps = {
+  size: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+};
+
+const stylesMap: Record<
+  AvatarContainerProps['size'],
+  ReturnType<typeof css>
+> = {
+  xs: css`
+    width: var(--size-6);
+    height: var(--size-6);
+    min-width: var(--size-6);
+    min-height: var(--size-6);
+    font-size: var(--text-xs);
+    line-height: var(--text-xs);
+  `,
+  sm: css`
+    width: var(--size-8);
+    height: var(--size-8);
+    min-width: var(--size-8);
+    min-height: var(--size-8);
+    font-size: var(--text-sm);
+    line-height: var(--text-sm);
+  `,
+  md: css`
+    width: var(--size-10);
+    height: var(--size-10);
+    min-width: var(--size-10);
+    min-height: var(--size-10);
+    font-size: var(--text-md);
+    line-height: var(--text-md);
+  `,
+  lg: css`
+    width: var(--size-12);
+    height: var(--size-12);
+    min-width: var(--size-12);
+    min-height: var(--size-12);
+    font-size: var(--text-lg);
+    line-height: var(--text-lg);
+  `,
+  xl: css`
+    width: var(--size-14);
+    height: var(--size-14);
+    min-width: var(--size-14);
+    min-height: var(--size-14);
+    font-size: var(--text-2xl);
+    line-height: var(--text-2xl);
+  `,
+};
+
+export const AvatarContainer = styled.div<AvatarContainerProps>`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--rounded-full);
+  user-select: none;
+
+  ${({ size }) => stylesMap[size]}
+`;

package/src/components/ui/Label.tsx

@@ -1,90 +1,90 @@
-import { ComponentProps, forwardRef } from 'react';
-import styled, { css } from 'styled-components';
-
-import { ThemeColor } from '../../providers/ThemeProvider/types';
-
-export const StyledLabel = styled.span.withConfig({
-  shouldForwardProp: () => true,
-})<LabelProps>`
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  font-family: var(--font-sans);
-  font-weight: 500;
-
-  ${({ color }) =>
-    color
-      ? css`
-          background-color: var(--color-${color}-100);
-          color: var(--color-${color}-700);
-          svg {
-            fill: var(--color-${color}-700);
-          }
-        `
-      : css`
-          background-color: var(--color-neutral-100);
-          color: var(--color-neutral-700);
-          svg {
-            fill: var(--color-neutral-700);
-          }
-        `}
-
-  ${({ bordered, color }) =>
-    bordered
-      ? css`
-          border: 1px solid
-            ${color ? `var(--color-${color}-200)` : 'var(--color-neutral-200)'};
-        `
-      : 'border: none;'}
-
-  ${({ rounded }) => rounded && 'border-radius: var(--rounded-full);'}
-
-  &.small {
-    padding: var(--space-0_5) var(--space-1_5);
-    font-size: var(--text-xs);
-    border-radius: var(--rounded-sm);
-    svg {
-      margin-right: var(--space-1);
-      width: var(--space-3);
-      height: var(--space-3);
-    }
-  }
-
-  &.medium {
-    padding: var(--space-1) var(--space-2);
-    font-size: var(--text-sm);
-    border-radius: var(--rounded-md);
-    svg {
-      margin-right: var(--space-1);
-      width: var(--space-3_5);
-      height: var(--space-3_5);
-    }
-  }
-
-  &.large {
-    padding: var(--space-1_5) var(--space-2_5);
-    font-size: var(--text-base);
-    border-radius: var(--rounded-lg);
-    svg {
-      margin-right: var(--space-1_5);
-      width: var(--space-4);
-      height: var(--space-4);
-    }
-  }
-`;
-
-export type LabelProps = {
-  color?: ThemeColor;
-  size?: 'small' | 'medium' | 'large';
-  rounded?: boolean;
-  bordered?: boolean;
-};
-
-export const Label = forwardRef<
-  HTMLSpanElement,
-  ComponentProps<typeof StyledLabel> & LabelProps
->(({ children, size = 'medium', className = '', ...props }, ref) => (
-  <StyledLabel ref={ref} className={`${size} ${className}`} {...props}>
-    {children}
-  </StyledLabel>
-));
+import { ComponentProps, forwardRef } from 'react';
+import styled, { css } from 'styled-components';
+
+import { ThemeColor } from '../../providers/ThemeProvider/types';
+
+export const StyledLabel = styled.span.withConfig({
+  shouldForwardProp: () => true,
+})<LabelProps>`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font-family: var(--font-sans);
+  font-weight: 500;
+
+  ${({ color }) =>
+    color
+      ? css`
+          background-color: var(--color-${color}-100);
+          color: var(--color-${color}-700);
+          svg {
+            fill: var(--color-${color}-700);
+          }
+        `
+      : css`
+          background-color: var(--color-neutral-100);
+          color: var(--color-neutral-700);
+          svg {
+            fill: var(--color-neutral-700);
+          }
+        `}
+
+  ${({ bordered, color }) =>
+    bordered
+      ? css`
+          border: 1px solid
+            ${color ? `var(--color-${color}-200)` : 'var(--color-neutral-200)'};
+        `
+      : 'border: none;'}
+
+  ${({ rounded }) => rounded && 'border-radius: var(--rounded-full);'}
+
+  &.small {
+    padding: var(--space-0_5) var(--space-1_5);
+    font-size: var(--text-xs);
+    border-radius: var(--rounded-sm);
+    svg {
+      margin-right: var(--space-1);
+      width: var(--space-3);
+      height: var(--space-3);
+    }
+  }
+
+  &.medium {
+    padding: var(--space-1) var(--space-2);
+    font-size: var(--text-sm);
+    border-radius: var(--rounded-md);
+    svg {
+      margin-right: var(--space-1);
+      width: var(--space-3_5);
+      height: var(--space-3_5);
+    }
+  }
+
+  &.large {
+    padding: var(--space-1_5) var(--space-2_5);
+    font-size: var(--text-base);
+    border-radius: var(--rounded-lg);
+    svg {
+      margin-right: var(--space-1_5);
+      width: var(--space-4);
+      height: var(--space-4);
+    }
+  }
+`;
+
+export type LabelProps = {
+  color?: ThemeColor;
+  size?: 'small' | 'medium' | 'large';
+  rounded?: boolean;
+  bordered?: boolean;
+};
+
+export const Label = forwardRef<
+  HTMLSpanElement,
+  ComponentProps<typeof StyledLabel> & LabelProps
+>(({ children, size = 'medium', className = '', ...props }, ref) => (
+  <StyledLabel ref={ref} className={`${size} ${className}`} {...props}>
+    {children}
+  </StyledLabel>
+));

package/src/hooks/useShowArchived.ts

@@ -1,21 +1,21 @@
-import { useCallback, useState } from 'react';
-
-import { ConditionDTO } from '../services/sqlRequests';
-
-export const useShowArchived = (initialValue?: boolean) => {
-  const [showArchived, setShowArchived] = useState(initialValue ?? false);
-
-  const toggleShowArchived = useCallback((value?: boolean) => {
-    setShowArchived((prev) => (value === undefined ? !prev : value));
-  }, []);
-
-  const archivedConditions: ConditionDTO[] = showArchived
-    ? []
-    : [{ field: 'Archived', operator: 'notEquals', value: 1 }];
-
-  return {
-    archivedConditions,
-    showArchived,
-    toggleShowArchived,
-  };
-};
+import { useCallback, useState } from 'react';
+
+import { ConditionDTO } from '../services/sqlRequests';
+
+export const useShowArchived = (initialValue?: boolean) => {
+  const [showArchived, setShowArchived] = useState(initialValue ?? false);
+
+  const toggleShowArchived = useCallback((value?: boolean) => {
+    setShowArchived((prev) => (value === undefined ? !prev : value));
+  }, []);
+
+  const archivedConditions: ConditionDTO[] = showArchived
+    ? []
+    : [{ field: 'Archived', operator: 'notEquals', value: 1 }];
+
+  return {
+    archivedConditions,
+    showArchived,
+    toggleShowArchived,
+  };
+};

package/src/providers/TrackingProvider/hooks.ts

@@ -1,14 +1,14 @@
-import { useContext, useEffect } from 'react';
-
-import { TrackingContext } from '.';
-import { useLocation } from 'react-router-dom';
-
-export const useLocationTracking = () => {
-  const { sendEvent } = useContext(TrackingContext);
-  const { pathname, search } = useLocation();
-  const pathWithSearch = `${pathname}${search}`;
-
-  useEffect(() => {
-    sendEvent('PageView', { path: pathWithSearch });
-  }, [pathWithSearch, sendEvent]);
-};
+import { useContext, useEffect } from 'react';
+
+import { TrackingContext } from '.';
+import { useLocation } from 'react-router-dom';
+
+export const useLocationTracking = () => {
+  const { sendEvent } = useContext(TrackingContext);
+  const { pathname, search } = useLocation();
+  const pathWithSearch = `${pathname}${search}`;
+
+  useEffect(() => {
+    sendEvent('PageView', { path: pathWithSearch });
+  }, [pathWithSearch, sendEvent]);
+};

package/dist/Icons.d.ts

@@ -1,49 +0,0 @@
-import { FC, SVGProps } from '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 CheckIcon from '../assets/icons/check.svg?react';
-import ChevronDownIcon from '../assets/icons/chevron-down.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 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 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';
-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 { ArrowDown19Icon, ArrowDownAZIcon, ArrowDownBigSmallIcon, ArrowsRotateIcon, ArrowsUpDownIcon, ArrowUp91Icon, ArrowUpBigSmallIcon, ArrowUpZAIcon, CheckIcon, ChevronDownIcon, CircleXMarkIcon, CopyIcon, DownIcon, EllipsisIcon, FilterFullIcon, FilterIcon, FilterSlashIcon, HashtagIcon, ImageSlashIcon, LeftIcon, MagnifierIcon, PhoneIcon, PlusIcon, RightIcon, SigmaIcon, SortCalendarAscendingIcon, SortCalendarDescendingIcon, SpinnerIcon, TableColumnsIcon, TableFooterIcon, TableFooterSlashIcon, TableIcon, TallyIcon, UpIcon, UserTieIcon, XBarIcon, CircleCheckIcon, CircleInfoIcon, TriangleExclamationIcon, };

package/dist/Icons.js

@@ -1,128 +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.TriangleExclamationIcon = exports.CircleInfoIcon = exports.CircleCheckIcon = exports.XBarIcon = exports.UserTieIcon = exports.UpIcon = 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.FilterSlashIcon = exports.FilterIcon = exports.FilterFullIcon = exports.EllipsisIcon = exports.DownIcon = exports.CopyIcon = exports.CircleXMarkIcon = exports.ChevronDownIcon = exports.CheckIcon = exports.ArrowUpZAIcon = exports.ArrowUpBigSmallIcon = exports.ArrowUp91Icon = exports.ArrowsUpDownIcon = exports.ArrowsRotateIcon = exports.ArrowDownBigSmallIcon = exports.ArrowDownAZIcon = exports.ArrowDown19Icon = exports.LoadingIcon = exports.AnimatedIcon = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-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 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 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 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 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 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;

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,48 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LoginForm = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var forms_1 = require("../forms");
-var ui_1 = require("../ui");
-var react_1 = require("react");
-var react_router_dom_1 = require("react-router-dom");
-var styles_1 = require("./styles");
-var VerticalLabel_1 = require("../forms/VerticalLabel");
-var providers_1 = require("../../providers");
-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, providers_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)(ui_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)(forms_1.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)(forms_1.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)(ui_1.Message, { type: "error", children: error }), (0, jsx_runtime_1.jsx)(forms_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;