@addev-be/ui 0.17.4 → 0.18.0

package/dist/providers/ThemeProvider/defaultTheme.js

@@ -376,12 +376,6 @@ exports.defaultTheme = {
         '32': '8rem',
         '40': '10rem',
         '48': '12rem',
-        '56': '14rem',
-        '64': '16rem',
-        '72': '18rem',
-        '80': '20rem',
-        '96': '24rem',
-        '128': '32rem',
     },
     sizes: {
         '0': '0',
@@ -396,19 +390,12 @@ exports.defaultTheme = {
         '8': '2rem',
         '10': '2.5rem',
         '12': '3rem',
-        '14': '3.5rem',
         '16': '4rem',
         '20': '5rem',
         '24': '6rem',
         '32': '8rem',
         '40': '10rem',
         '48': '12rem',
-        '56': '14rem',
-        '64': '16rem',
-        '72': '18rem',
-        '80': '20rem',
-        '96': '24rem',
-        '128': '32rem',
     },
     rounded: {
         none: '0',

package/dist/providers/ThemeProvider/types.d.ts

@@ -5,11 +5,10 @@ export type ThemeRawColor = 'slate' | 'gray' | 'zinc' | 'neutral' | 'stone' | 'r
 export type ThemePredefinedColor = 'primary' | 'secondary' | 'neutral' | 'success' | 'warning' | 'danger' | 'info';
 export type ThemeColor = ThemeRawColor | ThemePredefinedColor;
 export type ThemeColorReference = ThemeColor | ThemeColorDefinition;
-export type ThemeColorWithIntensity = `${ThemeColor}-${ThemeColorIntensity}`;
 export type ThemeTextSize = 'xs' | 'sm' | 'base' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl';
 export type ThemeFontFamily = 'sans' | 'serif' | 'mono';
 export type ThemeFontWeight = 'light' | 'normal' | 'bold';
-export type ThemeSpace = '0' | '0_5' | '1' | '1_5' | '2' | '3' | '4' | '5' | '6' | '8' | '10' | '12' | '14' | '16' | '20' | '24' | '32' | '40' | '48' | '56' | '64' | '72' | '80' | '96' | '128';
+export type ThemeSpace = '0' | '0_5' | '1' | '1_5' | '2' | '3' | '4' | '5' | '6' | '8' | '10' | '12' | '16' | '20' | '24' | '32' | '40' | '48';
 export type ThemeSize = '0' | '0_5' | '1' | '1_5' | '2' | '3' | '4' | '5' | '6' | '8' | '10' | '12' | '16' | '20' | '24' | '32' | '40' | '48';
 export type ThemeRounded = 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full';
 export type ThemeShadow = 'sm' | 'md' | 'lg' | 'xl' | '2xl';

package/dist/providers/UiProviders/index.js

@@ -32,7 +32,6 @@ var react_1 = require("react");
 var PortalsProvider_1 = require("../PortalsProvider");
 var SettingsProvider_1 = require("../SettingsProvider");
 var ThemeProvider_1 = require("../ThemeProvider/ThemeProvider");
-var TrackingProvider_1 = require("../TrackingProvider");
 var defaultTheme_1 = require("../ThemeProvider/defaultTheme");
 exports.UiContext = (0, react_1.createContext)({
     rootRect: new DOMRect(),
@@ -58,6 +57,6 @@ var UiProviders = function (_a) {
     }, 
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [rootRef.current]);
-    return ((0, jsx_runtime_1.jsx)(ThemeProvider_1.ThemeProvider, { "$theme": defaultTheme_1.defaultTheme, "$darkMode": $darkMode, children: (0, jsx_runtime_1.jsx)(exports.UiContext.Provider, { value: value, children: (0, jsx_runtime_1.jsx)(styles.Root, { ref: rootRef, children: (0, jsx_runtime_1.jsx)(SettingsProvider_1.SettingsProvider, { children: (0, jsx_runtime_1.jsx)(TrackingProvider_1.TrackingProvider, { children: (0, jsx_runtime_1.jsx)(PortalsProvider_1.PortalsProvider, { children: children }) }) }) }) }) }));
+    return ((0, jsx_runtime_1.jsx)(ThemeProvider_1.ThemeProvider, { "$theme": defaultTheme_1.defaultTheme, "$darkMode": $darkMode, children: (0, jsx_runtime_1.jsx)(exports.UiContext.Provider, { value: value, children: (0, jsx_runtime_1.jsx)(styles.Root, { ref: rootRef, children: (0, jsx_runtime_1.jsx)(SettingsProvider_1.SettingsProvider, { children: (0, jsx_runtime_1.jsx)(PortalsProvider_1.PortalsProvider, { children: children }) }) }) }) }));
 };
 exports.UiProviders = UiProviders;

package/dist/providers/index.d.ts

@@ -1,7 +1,5 @@
 export * from './AuthenticationProvider';
 export * from './PortalsProvider';
 export * from './ThemeProvider';
-export * from './TrackingProvider';
 export * from './UiProviders';
-export * from './TrackingProvider/hooks';
 export * from './hooks';

package/dist/providers/index.js

@@ -17,7 +17,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./AuthenticationProvider"), exports);
 __exportStar(require("./PortalsProvider"), exports);
 __exportStar(require("./ThemeProvider"), exports);
-__exportStar(require("./TrackingProvider"), exports);
 __exportStar(require("./UiProviders"), exports);
-__exportStar(require("./TrackingProvider/hooks"), exports);
 __exportStar(require("./hooks"), exports);

package/dist/services/globalSearch.d.ts

@@ -1,9 +1,8 @@
-import { ConditionDTO, SqlRequestRow } from './sqlRequests';
+import { SqlRequestRow } from './sqlRequests';
 export type GlobalSearchRequestDTO = {
     types: string[];
     searchTerm: string;
     limit?: number;
-    conditions?: ConditionDTO[];
 };
 export type GlobalSearchResponseDTO<T = any> = {
     data: Record<string, SqlRequestRow<T>[]>;

package/dist/services/index.d.ts

@@ -3,16 +3,9 @@ export * from './HttpService';
 export * from './hooks';
 export * from './globalSearch';
 export * from './requests/auth';
-export * from './requests/generic';
-export * from './requests/tracking';
 export * from './requests/users';
 export * from './requests/userProfiles';
 export * from './types/auth';
 export * from './types/base';
-export * from './types/generic';
-export * from './types/tracking';
 export * from './types/users';
 export * from './types/userProfiles';
-export * from './sqlRequests';
-export * from './updateSqlRequests';
-export * as SmartQueries from './smartQueries';

package/dist/services/index.js

@@ -10,38 +10,18 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
 }));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
 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);
 };
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SmartQueries = void 0;
 __exportStar(require("./WebSocketService"), exports);
 __exportStar(require("./HttpService"), exports);
 __exportStar(require("./hooks"), exports);
 __exportStar(require("./globalSearch"), exports);
 __exportStar(require("./requests/auth"), exports);
-__exportStar(require("./requests/generic"), exports);
-__exportStar(require("./requests/tracking"), exports);
 __exportStar(require("./requests/users"), exports);
 __exportStar(require("./requests/userProfiles"), exports);
 __exportStar(require("./types/auth"), exports);
 __exportStar(require("./types/base"), exports);
-__exportStar(require("./types/generic"), exports);
-__exportStar(require("./types/tracking"), exports);
 __exportStar(require("./types/users"), exports);
 __exportStar(require("./types/userProfiles"), exports);
-__exportStar(require("./sqlRequests"), exports);
-__exportStar(require("./updateSqlRequests"), exports);
-exports.SmartQueries = __importStar(require("./smartQueries"));

package/package.json

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

package/src/components/forms/NumberInput.tsx

@@ -1,53 +1,53 @@
-import { HTMLProps, Ref, forwardRef, useEffect, useState } from 'react';
-import { decimalSeparator, parseNumber } from '../../helpers';
-
-import { NumericFormat } from 'react-number-format';
-
-const NumberInputInner = (
-  {
-    value,
-    onChange,
-    decimals = 0,
-    prefix,
-    suffix,
-    multiplicator = 1,
-    ...props
-  }: Omit<
-    HTMLProps<HTMLInputElement>,
-    'type' | 'value' | 'onChange' | 'defaultValue'
-  > & {
-    value?: number;
-    onChange?: (value: number) => void;
-    decimals?: number;
-    prefix?: string;
-    suffix?: string;
-    multiplicator?: number;
-  },
-  ref: Ref<HTMLInputElement>
-) => {
-  const [displayedValue, setDisplayedValue] = useState<number>(
-    Number(value) ?? 0
-  );
-
-  useEffect(() => {
-    setDisplayedValue((value ?? 0) * multiplicator);
-  }, [multiplicator, value]);
-
-  return (
-    <NumericFormat
-      getInputRef={ref}
-      value={displayedValue}
-      onChange={(e) => {
-        onChange?.(parseNumber(e.target.value) / multiplicator);
-      }}
-      decimalSeparator={decimalSeparator}
-      decimalScale={decimals}
-      fixedDecimalScale={!!decimals}
-      prefix={prefix ? prefix + ' ' : undefined}
-      suffix={suffix ? ' ' + suffix : undefined}
-      {...props}
-    />
-  );
-};
-
-export const NumberInput = forwardRef(NumberInputInner);
+import { HTMLProps, Ref, forwardRef, useEffect, useState } from 'react';
+import { decimalSeparator, parseNumber } from '../../helpers';
+
+import { NumericFormat } from 'react-number-format';
+
+const NumberInputInner = (
+  {
+    value,
+    onChange,
+    decimals = 0,
+    prefix,
+    suffix,
+    multiplicator = 1,
+    ...props
+  }: Omit<
+    HTMLProps<HTMLInputElement>,
+    'type' | 'value' | 'onChange' | 'defaultValue'
+  > & {
+    value?: number;
+    onChange?: (value: number) => void;
+    decimals?: number;
+    prefix?: string;
+    suffix?: string;
+    multiplicator?: number;
+  },
+  ref: Ref<HTMLInputElement>
+) => {
+  const [displayedValue, setDisplayedValue] = useState<number>(
+    Number(value) ?? 0
+  );
+
+  useEffect(() => {
+    setDisplayedValue((value ?? 0) * multiplicator);
+  }, [multiplicator, value]);
+
+  return (
+    <NumericFormat
+      getInputRef={ref}
+      value={displayedValue}
+      onChange={(e) => {
+        onChange?.(parseNumber(e.target.value) / multiplicator);
+      }}
+      decimalSeparator={decimalSeparator}
+      decimalScale={decimals}
+      fixedDecimalScale={!!decimals}
+      prefix={prefix ? prefix + ' ' : undefined}
+      suffix={suffix ? ' ' + suffix : undefined}
+      {...props}
+    />
+  );
+};
+
+export const NumberInput = forwardRef(NumberInputInner);

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>
+));