@cryptlex/web-components 1.3.3 → 1.3.5

package/dist/components/ui/tooltip.es.js

@@ -1,23 +1,24 @@
+"use client";
 import { jsx as t } from "react/jsx-runtime";
-import * as d from "react";
 import * as o from "@radix-ui/react-tooltip";
-import { cn as m } from "../../utils/index.es.js";
-const p = o.Provider, f = o.Root, c = o.Trigger, n = d.forwardRef(({ className: i, sideOffset: e = 4, ...a }, r) => /* @__PURE__ */ t(o.Portal, { children: /* @__PURE__ */ t(
+import * as d from "react";
+import { cn as n } from "../../utils/index.es.js";
+const p = o.Provider, f = o.Root, c = o.Trigger, s = d.forwardRef(({ className: e, sideOffset: i = 4, ...a }, r) => /* @__PURE__ */ t(o.Portal, { children: /* @__PURE__ */ t(
   o.Content,
   {
     ref: r,
-    sideOffset: e,
-    className: m(
+    sideOffset: i,
+    className: n(
       "z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-caption text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      i
+      e
     ),
     ...a
   }
 ) }));
-n.displayName = o.Content.displayName;
+s.displayName = o.Content.displayName;
 export {
   f as Tooltip,
-  n as TooltipContent,
+  s as TooltipContent,
   p as TooltipProvider,
   c as TooltipTrigger
 };

package/dist/components/ui/tooltip.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.es.js","sources":["../../../lib/components/ui/tooltip.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\"\n\nimport { cn } from \"@/utils\"\n\nconst TooltipProvider = TooltipPrimitive.Provider\n\nconst Tooltip = TooltipPrimitive.Root\n\nconst TooltipTrigger = TooltipPrimitive.Trigger\n\nconst TooltipContent = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <TooltipPrimitive.Portal>\n    <TooltipPrimitive.Content\n      ref={ref}\n      sideOffset={sideOffset}\n      className={cn(\n        \"z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-caption text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n        className\n      )}\n      {...props}\n    />\n  </TooltipPrimitive.Portal>\n))\nTooltipContent.displayName = TooltipPrimitive.Content.displayName\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }\n"],"names":["TooltipProvider","TooltipPrimitive","Tooltip","TooltipTrigger","TooltipContent","React","className","sideOffset","props","ref","jsx","cn"],"mappings":";;;;AAOA,MAAMA,IAAkBC,EAAiB,UAEnCC,IAAUD,EAAiB,MAE3BE,IAAiBF,EAAiB,SAElCG,IAAiBC,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,YAAAC,IAAa,GAAG,GAAGC,EAAS,GAAAC,MACzC,gBAAAC,EAAAT,EAAiB,QAAjB,EACC,UAAA,gBAAAS;AAAA,EAACT,EAAiB;AAAA,EAAjB;AAAA,IACC,KAAAQ;AAAA,IACA,YAAAF;AAAA,IACA,WAAWI;AAAA,MACT;AAAA,MACAL;AAAA,IACF;AAAA,IACC,GAAGE;AAAA,EAAA;AACN,GACF,CACD;AACDJ,EAAe,cAAcH,EAAiB,QAAQ;"}
+{"version":3,"file":"tooltip.es.js","sources":["../../../lib/components/ui/tooltip.tsx"],"sourcesContent":["\"use client\"\n\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\"\nimport * as React from 'react';\n\nimport { cn } from \"@/utils\"\n\nconst TooltipProvider = TooltipPrimitive.Provider\n\nconst Tooltip = TooltipPrimitive.Root\n\nconst TooltipTrigger = TooltipPrimitive.Trigger\n\nconst TooltipContent = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <TooltipPrimitive.Portal>\n    <TooltipPrimitive.Content\n      ref={ref}\n      sideOffset={sideOffset}\n      className={cn(\n        \"z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-caption text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n        className\n      )}\n      {...props}\n    />\n  </TooltipPrimitive.Portal>\n))\nTooltipContent.displayName = TooltipPrimitive.Content.displayName\n\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };\n"],"names":["TooltipProvider","TooltipPrimitive","Tooltip","TooltipTrigger","TooltipContent","React","className","sideOffset","props","ref","jsx","cn"],"mappings":";;;;;AAOA,MAAMA,IAAkBC,EAAiB,UAEnCC,IAAUD,EAAiB,MAE3BE,IAAiBF,EAAiB,SAElCG,IAAiBC,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,YAAAC,IAAa,GAAG,GAAGC,EAAS,GAAAC,MACzC,gBAAAC,EAAAT,EAAiB,QAAjB,EACC,UAAA,gBAAAS;AAAA,EAACT,EAAiB;AAAA,EAAjB;AAAA,IACC,KAAAQ;AAAA,IACA,YAAAF;AAAA,IACA,WAAWI;AAAA,MACT;AAAA,MACAL;AAAA,IACF;AAAA,IACC,GAAGE;AAAA,EAAA;AACN,GACF,CACD;AACDJ,EAAe,cAAcH,EAAiB,QAAQ;"}

package/dist/index.es.d.ts

@@ -4,11 +4,11 @@ import { AllowInDimension } from 'recharts/types/util/types';
 import { AnimationDuration } from 'recharts/types/util/types';
 import { AnimationTiming } from 'recharts/types/util/types';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import { ButtonProps as ButtonProps_2 } from './button';
 import { CartesianViewBox } from 'recharts/types/util/types';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import { ClassProp } from 'class-variance-authority/types';
 import { ClassValue } from 'clsx';
-import { ClientMethod } from 'openapi-fetch';
 import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
 import { ColumnDef } from '@tanstack/react-table';
 import { components } from '@cryptlex/web-api-types';
@@ -17,6 +17,7 @@ import { ControllerProps } from 'react-hook-form';
 import { Coordinate } from 'recharts/types/util/types';
 import { DayPicker } from 'react-day-picker';
 import { default as default_2 } from 'react';
+import { default as default_3 } from 'openapi-fetch';
 import { DialogCloseProps } from '@radix-ui/react-dialog';
 import { DialogContentProps } from '@radix-ui/react-dialog';
 import { DialogDescriptionProps } from '@radix-ui/react-dialog';
@@ -32,10 +33,10 @@ import { FieldPath } from 'react-hook-form';
 import { FieldValues } from 'react-hook-form';
 import { FormProviderProps } from 'react-hook-form';
 import { ForwardRefExoticComponent } from 'react';
+import { InputProps as InputProps_2 } from './input';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import { LucideIcon } from 'lucide-react';
-import { Middleware } from 'openapi-fetch';
 import { NameType } from 'recharts/types/component/DefaultTooltipContent';
 import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
 import { PaginationState } from '@tanstack/react-table';
@@ -69,8 +70,6 @@ export declare const AccordionItem: React_2.ForwardRefExoticComponent<Omit<Accor
 
 export declare const AccordionTrigger: React_2.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
 
-export declare const ActionTriggerButton: () => JSX_2.Element;
-
 export declare function AppLayout({ data, user }: AppLayoutProps): JSX_2.Element;
 
 export declare interface AppLayoutProps {
@@ -216,6 +215,8 @@ export declare const CHECK_BOX: AccessorKeyColumnDef<any, any>[];
 
 export declare const Checkbox: React_2.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
 
+declare type Client = ReturnType<typeof default_3<paths>>;
+
 export declare function cn(...inputs: ClassValue[]): string;
 
 export declare const Collapsible: ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & RefAttributes<HTMLDivElement>>;
@@ -328,20 +329,20 @@ export declare function convertCamelCaseToTitleCase(string: string): string;
  */
 export declare function convertToTitleCase(input: string): string;
 
-export declare function createTableFetchFn<_any, Return>(path: Parameters<typeof ctxClient.GET>[0], params: ParamsOption<any>): TableFetchFn<Return>;
-
-export declare const ctxClient: {
-    GET: ClientMethod<paths, "get", `${string}/${string}`>;
-    PUT: ClientMethod<paths, "put", `${string}/${string}`>;
-    POST: ClientMethod<paths, "post", `${string}/${string}`>;
-    DELETE: ClientMethod<paths, "delete", `${string}/${string}`>;
-    OPTIONS: ClientMethod<paths, "options", `${string}/${string}`>;
-    HEAD: ClientMethod<paths, "head", `${string}/${string}`>;
-    PATCH: ClientMethod<paths, "patch", `${string}/${string}`>;
-    TRACE: ClientMethod<paths, "trace", `${string}/${string}`>;
-    use(...middleware: Middleware[]): void;
-    eject(...middleware: Middleware[]): void;
-};
+export declare function CopyButton({ value, display, tooltipMessage, onCopy, }: CopyProps): JSX_2.Element;
+
+declare interface CopyProps {
+    value: string;
+    display?: string;
+    tooltipMessage?: string;
+    className?: string;
+    size?: number;
+    onCopy?: () => void;
+}
+
+export declare function createTableFetchFn<_any, Return>(ctxclient: Client, path: GetPaths, params?: ParamsOption<any>): TableFetchFn<Return>;
+
+export declare type CtxPortals = 'customer-portal' | 'system-portal' | 'reseller-portal' | 'admin-portal';
 
 /** Application Names */
 export declare type CtxProjectName = 'admin-portal' | 'customer-portal' | 'internal-portal' | 'reseller-portal';
@@ -394,10 +395,10 @@ export declare const DialogTitle: React_2.ForwardRefExoticComponent<Omit<DialogP
 
 export declare const DialogTrigger: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
 
-export declare type DisplayField = {
+export declare type DisplayField<T> = {
     display: string;
-    accessor: string;
-    type?: 'text' | 'badge' | 'boolean';
+    accessor: NestedKeyOf<T>;
+    type?: 'text' | 'badge' | 'boolean' | 'date' | 'yesno' | 'copyButton' | 'link';
     transform?: (value: any) => React.ReactNode;
 };
 
@@ -475,30 +476,6 @@ export declare enum DYNAMIC_INPUT_TARGET {
     RESELLER = 2
 }
 
-export declare function DynamicInput({ onChange, target, placeholder }: DynamicInputProps): JSX_2.Element;
-
-/**
- *
- *  @param onChange
- *  @param target fthis is used to make the component generic and reusble for differnt  use cases
- *  @param placeholder placeholder to be showing in the input for searching
- *  @returns return id of the seleced value, can be customized to return full selected value
- */
-declare interface DynamicInputProps {
-    onChange: (id: any) => void;
-    target: DYNAMIC_INPUT_TARGET;
-    placeholder: string;
-}
-
-/**
- *
- * @param url
- * @param method
- * @param body
- * @returns
- */
-export declare const fetchClient: (url: string, method: Methods, body?: any) => Promise<any>;
-
 export declare type fieldsToDisplay = {
     display: string;
     accessor: string;
@@ -532,8 +509,6 @@ export declare const FormLabel: React_2.ForwardRefExoticComponent<Omit<LabelPrim
 
 export declare const FormMessage: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLParagraphElement> & React_2.RefAttributes<HTMLParagraphElement>>;
 
-export declare function getAccessToken(): string | null;
-
 /**
  * Format multiple license parameters (expired, suspended, revoked) into a single status
  */
@@ -548,6 +523,12 @@ export declare function getLicenseStatus(license: any): string;
  */
 export declare function getLinkDisplay(display: string, url: string, stateData?: any): JSX_2.Element;
 
+declare type GetPaths = {
+    [P in keyof paths]: paths[P] extends {
+        get: any;
+    } ? P : never;
+}[keyof paths];
+
 export declare function getResourceDisplayName(resourceName: string, portal: CtxProjectName): string;
 
 /**
@@ -562,15 +543,6 @@ export declare function getValueFromData(data: any, accessor: string | number |
 
 export declare const ID_COLUMN: AccessorKeyColumnDef<any, any>[];
 
-export declare const InfoCard: React.FC<InfoCardProps>;
-
-export declare interface InfoCardProps {
-    data: Record<string, any>;
-    label: string;
-    fields: DisplayField[];
-    className?: string;
-}
-
 export declare const Input: React_2.ForwardRefExoticComponent<InputProps & React_2.RefAttributes<HTMLInputElement>>;
 
 export declare const InputOTP: React_2.ForwardRefExoticComponent<(Omit<Omit<React_2.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
@@ -629,8 +601,28 @@ export declare type JwtDecode = {
     sadmin?: string;
 };
 
+export declare const KeyValueCard: <T extends {}>({ data, label, fields }: KeyValueCardProps<T>) => JSX_2.Element;
+
+export declare interface KeyValueCardProps<T> {
+    data: T;
+    label: string;
+    fields: DisplayField<T>[];
+    className?: string;
+}
+
 export declare const Label: React_2.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React_2.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: ClassProp | undefined) => string> & React_2.RefAttributes<HTMLLabelElement>>;
 
+/**
+ *
+ * @param props buttonVariants
+ * @returns Button as Tanstack Link
+ */
+export declare function LinkButton(props: VariantProps<typeof buttonVariants> & {
+    icon?: LucideIcon;
+    to: string;
+    children: React.ReactNode;
+}): JSX_2.Element;
+
 export declare function Loader({ className }: LoaderProps): JSX_2.Element;
 
 declare interface LoaderProps {
@@ -641,8 +633,6 @@ export declare function logout(): void;
 
 export declare type MetadataDto = components['schemas']['MetadataDto'];
 
-declare type Methods = 'GET' | 'POST' | 'PATCH' | 'PUT';
-
 export declare const NavigationMenu: React_2.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuProps & React_2.RefAttributes<HTMLElement>, "ref"> & React_2.RefAttributes<HTMLElement>>;
 
 export declare const NavigationMenuContent: React_2.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
@@ -668,7 +658,7 @@ export declare type NavItem = {
     label: string;
     display: boolean;
     icon: LucideIcon;
-    chidren?: {
+    children?: {
         path: string;
         label: string;
         icon: LucideIcon;
@@ -680,12 +670,14 @@ export declare function NavMain({ items }: {
     items: NavItem[];
 }): JSX_2.Element;
 
+declare type NestedKeyOf<T> = T extends object ? {
+    [K in keyof T]: K extends string | number ? `${K & string}` | `${K & string}.${NestedKeyOf<T[K]>}` : never;
+}[keyof T] : never;
+
 export declare const OPERATORS_FOR_FILTER_TYPE: OperatorsForFilterType;
 
 export declare type OperatorsForFilterType = Record<FilterablePropertyType, FilterComparisonOperator[]>;
 
-declare type OrganizationDto = components['schemas']['OrganizationDto'];
-
 export declare const Pagination: {
     ({ className, ...props }: React_2.ComponentProps<"nav">): JSX_2.Element;
     displayName: string;
@@ -731,14 +723,10 @@ export declare const PopoverContent: React_2.ForwardRefExoticComponent<Omit<Popo
 
 export declare const PopoverTrigger: React_2.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
 
-export declare type Portals = 'customer-portal' | 'system-portal' | 'reseller-portal' | 'admin-portal';
-
 export declare const RadioGroup: React_2.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare const RadioGroupItem: React_2.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
 
-declare type ResellerDto = components['schemas']['ResellerDto'];
-
 export declare const RESOURCE_DEFINITIONS: Record<ResourceName, string>;
 
 /** Resource Name should ALWAYS be in singular form */
@@ -746,21 +734,12 @@ export declare const RESOURCE_NAMES: readonly ["access-token", "account", "activ
 
 export declare type ResourceName = (typeof RESOURCE_NAMES)[number];
 
-export declare function Search({ selectedResult, onSelectResult, target, placeholder }: SearchProps): JSX_2.Element;
-
 export declare const SearchInput: default_2.FC<SearchInputProps>;
 
 declare interface SearchInputProps extends Omit<InputProps, 'onChange'> {
     onChange?: (value: string) => void;
 }
 
-declare interface SearchProps {
-    selectedResult?: Partial<UserDto> | Partial<OrganizationDto> | Partial<ResellerDto>;
-    onSelectResult: (dto: Partial<UserDto> | Partial<OrganizationDto> | Partial<ResellerDto>) => void;
-    target: DYNAMIC_INPUT_TARGET;
-    placeholder: string;
-}
-
 export declare function secondsToDuration(seconds: number): string;
 
 export declare const Select: React_2.FC<SelectPrimitive.SelectProps>;
@@ -861,7 +840,7 @@ export declare const SidebarGroupLabel: React_2.ForwardRefExoticComponent<Omit<R
 
 export declare const SidebarHeader: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare const SidebarInput: React_2.ForwardRefExoticComponent<Omit<InputProps & React_2.RefAttributes<HTMLInputElement>, "ref"> & React_2.RefAttributes<HTMLInputElement>>;
+export declare const SidebarInput: React_2.ForwardRefExoticComponent<Omit<InputProps_2 & React_2.RefAttributes<HTMLInputElement>, "ref"> & React_2.RefAttributes<HTMLInputElement>>;
 
 export declare const SidebarInset: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
@@ -913,7 +892,7 @@ export declare const SidebarRail: React_2.ForwardRefExoticComponent<Omit<React_2
 
 export declare const SidebarSeparator: React_2.ForwardRefExoticComponent<Omit<Omit<SeparatorProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare const SidebarTrigger: React_2.ForwardRefExoticComponent<Omit<ButtonProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+export declare const SidebarTrigger: React_2.ForwardRefExoticComponent<Omit<ButtonProps_2 & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
 
 export declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): JSX_2.Element;
 
@@ -997,8 +976,6 @@ export declare const TooltipProvider: React_2.FC<TooltipPrimitive.TooltipProvide
 
 export declare const TooltipTrigger: React_2.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
 
-export declare const US_BASE_URL: string;
-
 export declare const useFormField: () => {
     invalid: boolean;
     isDirty: boolean;
@@ -1014,10 +991,6 @@ export declare const useFormField: () => {
 
 export declare function useIsMobile(): boolean;
 
-declare type UserDto = components['schemas']['UserDto'] & {
-    organizationId?: string;
-};
-
 export declare function useSidebar(): SidebarContext;
 
 export declare type VisibilityState<T> = {