@hanzo/ui 0.5.23 → 0.6.15

package/types/utils.d.ts

@@ -0,0 +1,125 @@
+/// <reference types="svelte" />
+import type { IntlString, Metadata } from '@hcengineering/platform';
+import { NotificationSeverity } from '.';
+import { type AnyComponent, type AnySvelteComponent, type WidthType } from './types';
+/**
+ * @public
+ */
+export declare function setMetadataLocalStorage<T>(id: Metadata<T>, value: T | null): void;
+/**
+ * @public
+ */
+export declare function fetchMetadataLocalStorage<T>(id: Metadata<T>): T | null;
+/**
+ * @public
+ */
+export declare function checkMobile(): boolean;
+/**
+ * @public
+ */
+export declare function isSafari(): boolean;
+/**
+ * @public
+ */
+export declare function checkAdaptiveMatching(size: WidthType | null, limit: WidthType): boolean;
+export declare function floorFractionDigits(n: number | string, amount: number): number;
+/**
+ * @public
+ */
+export declare function humanReadableFileSize(size: number, base?: 2 | 10, fractionDigits?: number): string;
+/**
+ * @public
+ */
+export declare function addNotification(title: string, subTitle: string, component: AnyComponent | AnySvelteComponent, params?: Record<string, any>, severity?: NotificationSeverity, group?: string): void;
+/**
+ * @public
+ */
+export declare function handler<T, EVT = MouseEvent>(target: T, op: (value: T, evt: EVT) => void): (evt: EVT) => void;
+/**
+ * @public
+ */
+export declare function tableToCSV(tableId: string, separator?: string): string;
+/**
+ * perform mouse movement checks and call method if they was
+ */
+export declare function mouseAttractor(op: () => void, diff?: number): (evt: MouseEvent) => void;
+/**
+ * Replaces URLs with Links in a given block of text/HTML
+ *
+ * @example
+ * replaceURLs("Check out google.com")
+ * returns: "Check out <a href='http://google.com' target='_blank' rel='noopener noreferrer'>google.com</a>"
+ *
+ * @export
+ * @param {string} text
+ * @returns {string} string with replaced URLs
+ */
+export declare function replaceURLs(text: string): string;
+/**
+ * Parse first URL from the given text or html
+ *
+ * @example
+ * replaceURLs("github.com")
+ * returns: "http://github.com"
+ *
+ * @export
+ * @param {string} text
+ * @returns {string} string with parsed URL
+ */
+export declare function parseURL(text: string): string;
+/**
+ * @public
+ */
+export interface IModeSelector<Mode extends string = string> {
+    mode: Mode;
+    config: Array<[Mode, IntlString, object]>;
+    onChange: (mode: Mode) => void;
+}
+/**
+ * @public
+ */
+export declare function capitalizeFirstLetter(str: string): string;
+/**
+ * @public
+ */
+export declare function formatKey(key: string): string[][];
+export declare function fromCodePoint(...vals: number[]): string;
+/**
+ * @public
+ */
+export declare class DelayedCaller {
+    readonly delay: number;
+    op?: () => void;
+    constructor(delay?: number);
+    call(op: () => void): void;
+}
+/**
+ * @public
+ */
+export declare class ThrottledCaller {
+    readonly delay: number;
+    timeout?: any;
+    constructor(delay?: number);
+    call(op: () => void): void;
+}
+/**
+ * @public
+ */
+export declare class DebouncedCaller {
+    readonly delay: number;
+    timeout?: any;
+    constructor(delay?: number);
+    call(op: () => void): void;
+}
+export declare const testing: boolean;
+export declare const rootBarExtensions: import("svelte/store").Writable<["left" | "right", {
+    id: string;
+    component: AnyComponent | AnySvelteComponent;
+    props?: Record<string, any> | undefined;
+    order: number;
+}][]>;
+export declare function formatDuration(duration: number, language: string): Promise<string>;
+export declare function pushRootBarComponent(pos: 'left' | 'right', component: AnyComponent, order?: number): void;
+export declare function removeRootBarComponent(id: string): void;
+export declare function pushRootBarProgressComponent(id: string, label: IntlString, onProgress: (props?: Record<string, any>) => number, onCancel?: (props?: Record<string, any>) => void, props?: Record<string, any>, labelProps?: Record<string, any>, interval?: number): void;
+//# sourceMappingURL=utils.d.ts.map

package/types/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"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"}

package/blocks/components/accordian-block.tsx

@@ -1,48 +0,0 @@
-import React from 'react'
-
-import { 
-  Accordion,
-  AccordionContent,
-  AccordionItem,
-  AccordionTrigger,
-  ApplyTypography
-} from '../../primitives'
-
-import { cn } from '../../util'
-
-import type { AccordianBlock } from '../def'
-import type BlockComponentProps from './block-component-props'
-
-const AccordianBlockComponent: React.FC<BlockComponentProps> = ({
-  block,
-  className=''
-}) => {
-
-  if (block.blockType !== 'accordian') {
-    return <>accordian block required</>
-  }
-
-  const accordian = block as AccordianBlock
-
-  return (
-    <Accordion type="single" collapsible className={cn('w-full border rounded-xl overflow-hidden', className)}>
-      {accordian.items.map((item, index) => (
-      <AccordionItem className='border-b last:border-0 overflow-hidden' value={`value-${index}`} key={index}>
-        <AccordionTrigger className='px-3 md:px-4 lg:px-6 hover:no-underline hover:bg-level-3' >
-          <ApplyTypography>
-            {/* styles specific to accordion.  From old site */}
-            <h6 className='leading-[1.2] text-[1.05rem] font-semibold ' >{item.trigger}</h6>
-          </ApplyTypography>
-        </AccordionTrigger>
-        <AccordionContent className='p-4 border-t bg-level-1'>
-        <ApplyTypography className='flex flex-col justify-start items-start '>
-          {(typeof item.content === 'string') ? (<p>{item.content}</p>) : item.content} 
-        </ApplyTypography>
-        </AccordionContent>
-      </AccordionItem>
-      ))}
-    </Accordion>
-  )
-}
-
-export default AccordianBlockComponent

package/blocks/components/block-component-props.ts

@@ -1,11 +0,0 @@
-import type { Block } from "../def";
-
-interface BlockComponentProps {
-  block: Block
-  className?: string
-  agent?: string
-}
-
-export {
-  type BlockComponentProps as default
-}

package/blocks/components/bullet-cards-block.tsx

@@ -1,45 +0,0 @@
-import React from 'react'
-
-import { containsToken, cn } from '../../util'
-import type { Block, BulletCardsBlock } from '../def'
-import InlineIcon from '../../primitives/inline-icon'
-
-import type BlockComponentProps from './block-component-props'
-import GridBlockComponent from './grid-block'
-
-const BulletCardsBlockComponent: React.FC<BlockComponentProps> = ({
-  block,
-  className='',
-  agent
-}) => {
-
-  if (block.blockType !== 'bullet-cards') {
-    return <>bullet cards block required</>
-  }
-  const b = block as BulletCardsBlock
-  const specified = (s: string) => (containsToken(b.specifiers, s))
-  
-  const noBorder = specified('no-card-border') ? 'border-0' : 'md:border'
-
-  const borderclx = specified('border-muted-3') ? 
-    'md:border-muted-3' 
-    : 
-    (specified('border-muted-1') ? 'md:border-muted-1' : 'md:border-muted-2')
-
-  return (
-    <GridBlockComponent block={{blockType: 'grid', grid: b.grid} as Block} className={className} agent={agent}>
-    {b.cards.map((card, index) => (
-      <div key={index} className={cn('px-0 sm:px-4 py-1 md:py-4 rounded-lg ' + 
-        'flex flex-row justify-start items-center not-typography text-foreground',
-        noBorder,
-        borderclx
-      )}>
-        <InlineIcon icon={card.icon} size={b.iconSize ?? 28} agent={agent} className='shrink-0 mr-2 md:mr-4 '/>
-        <p className='m-0 text-sm sm:text-base'>{card.text}</p>
-      </div>
-    ))}
-    </GridBlockComponent>
-  )
-}
-
-export default BulletCardsBlockComponent

package/blocks/components/card-block.tsx

@@ -1,213 +0,0 @@
-import React from 'react'
-
-import type { Dimensions, LinkDef, TShirtDimensions  } from  '../../types'
-
-import {
-  ApplyTypography,  
-  Card,
-  CardContent,
-  CardDescription,
-  CardFooter,
-  CardHeader,
-  CardTitle,
-  LinkElement,
-  type TypographySize
-} from '../../primitives'
-
-import { Icons } from '../../common'
-
-import {
-  getSpecifierData, 
-  getPrimaryStartingWith, 
-  getDim, 
-} from '../../util/specifier'
-
-import type { Block, CardBlock } from '../def'
-
-
-import ImageBlockComponent from './image-block'
-import VideoBlockComponent from './video-block'
-import CTABlockComponent from './cta-block'
-import type BlockComponentProps from './block-component-props'
-import { cn } from '../../util'
-
-const ArrowLinkElement: React.FC<{
-  def: LinkDef,
-}> = ({
-  def
-}) => (
-  <LinkElement
-    def={def}
-    className='justify-between'
-    variant='link'
-    icon={<Icons.linkOut className='w-[18px] h-[18px]' />}
-    iconAfter
-  />
-) 
-
-const getTypographySize = (s: string): TypographySize => (
-  getSpecifierData<TypographySize>(
-    s,
-    (s: string) => (getPrimaryStartingWith(s, 'typography')),
-    (s: string): TypographySize | undefined => {
-      const subTokenArray = s.split('-')
-      return subTokenArray[subTokenArray.length - 1] as TypographySize
-    },
-    'responsive'
-  ) as TypographySize
-)
-
-const getSmallIconDim = (s: string): Dimensions | undefined => (
-  getSpecifierData<Dimensions>(
-    s,
-    (s: string) => (getPrimaryStartingWith(s, 'small-icon')),
-    getDim,
-  ) 
-)
-
-const CardBlockComponent: React.FC<
-  BlockComponentProps & {
-  contentClassName?: string
-}> = ({
-  block,
-  className='',
-  contentClassName=''
-}) => {
-
-  if (block.blockType !== 'card') {
-    return <>card block required</>
-  }
-
-  const card = block as CardBlock
-  const has = (s: string) => (card.specifiers?.includes(s))  
-
-  const ghost = has('ghost') // no outer padding, no borders, larger title, all left-aligned bg is same (default)
-
-  const contentclx = (has('content-left') ? 'items-start ' : ' items-center ') + (has('content-top') ? '!justify-start' : '') + contentClassName
-  const disabledBorder = (has('appear-disabled' ) ? ' border-muted-4' : ' border-muted-3')
-  const outerBorder = ((has('no-outer-border') || ghost) ? ' border-0' : '')
-  const innerBorder = (ghost ? ' border-0' : '')
-  const paddingclx = ghost ? ' px-0 py-0' : ' px-6 py-3'
-  const mainGap = ghost ? ' gap-2' : ''
-  const disabledText = (has('appear-disabled') ? ' text-muted-2' : '')
-  const disabledTypoText = (has('appear-disabled') ? ' typography-p:text-muted-2' : '')
-  const bgclx = (has('bg-card') ? ' bg-level-1' : '')
-  const titleclx = (has('heading-style-title') ? ' font-heading text-base leading-tight' : '') + 
-    (ghost ? ' text-left md:text-xl' : '') 
-  
-  const typoSize: TypographySize = (card.specifiers) ? getTypographySize(card.specifiers) : 'responsive'
-  const typoclx = (typoSize === 'sm') ? 'typography-sm typography-p:text-sm ' : (typoSize === 'lg') ? 'typography-lg ' : '' 
-
-  const contentBefore = has('content-before')
-  const iconInline = has('icon-inline')
-  const contentOnHover = has('reveal-content-on-hover')
-  //const smallIconDim = (contentOnHover && card.specifiers) ? getSmallIconDim(card.specifiers) : undefined
-  
-  const Header: React.FC<{
-    inContent?: boolean
-    className?: string
-  }> = ({
-    inContent=false,
-    className=''
-  }) => (
-    (card.title || card.byline || card.icon) ? (
-      <CardHeader className={'not-typography' + ' text-accent' + disabledText + paddingclx + innerBorder + className}>
-      <div className={(iconInline || inContent) ? 'flex flex-row justify-start items-end my-3' : ''}>        
-      {(card.icon && !card.iconAfter ) && (<div className={iconInline ? 'mr-1' : 'mb-2'}>{card.icon}</div>)}
-      {card.title && (
-        <CardTitle className={'text-center text-lg font-medium' + titleclx + (iconInline ? ' md:text-xl/none' : '') }>
-          {card.title}
-        </CardTitle>
-      )}
-      {(card.icon && card.iconAfter) && (<div className={iconInline ? 'ml-1' : 'my-1'}>{card.icon}</div>)}
-      </div>
-      {card.byline && (<CardDescription>{card.byline}</CardDescription>)}
-      </CardHeader>      
-    ) : null
-  )
-
-  const MediaAndContent: React.FC<{
-    className?: string
-  }> = ({
-    className=''
-  }) => (has('media-left') ? ( 
-    // media left layout
-    <CardContent className={'flex flex-row justify-start items-stretch p-0 grow ' + disabledBorder + bgclx + contentclx + className}>
-    {card.media && (
-      <div className={'box-content grow-0 not-typography' + paddingclx} style={{
-          // If this layout has been specified, assume video, and that the 'sm' variant is there.
-        width: (card.media.dim as TShirtDimensions).sm!.w 
-      }}>
-        <VideoBlockComponent 
-          block={card.media} 
-          usePoster={has('video-use-poster')} 
-          size='sm' 
-          className={has('appear-disabled') ? 'opacity-[0.6]' : ''}
-        />
-      </div>
-    )}
-    {card.content && (
-      <ApplyTypography className={'grow border-l flex flex-col justify-center '  + disabledTypoText + paddingclx + disabledBorder + contentclx} size={typoSize}>
-        {(typeof card.content === 'string') ? (<p>{card.content}</p>) : card.content} 
-      </ApplyTypography>
-    )}
-    </CardContent>
-  ) : ( // default layout
-    <CardContent className={
-      'grow typography flex flex-col justify-center ' + 
-      typoclx + disabledTypoText + bgclx + paddingclx + contentclx + (has('full-width') ? ' p-0 ' : ' ') +
-      className
-    }>
-      {contentOnHover && (<Header inContent/>)}
-      {card.content && contentBefore && (
-        (typeof card.content === 'string') ? (<p>{card.content}</p>) : card.content
-      )}
-      {card.media && (card.media.blockType === 'image' ? (
-        <ImageBlockComponent block={card.media} />
-      ) : (
-        <VideoBlockComponent block={card.media} />
-      ))}
-      {card.content && !contentBefore && (
-        (typeof card.content === 'string') ? (<p>{card.content}</p>) : card.content
-      )}
-    </CardContent>
-  ))
-
-  const Footer: React.FC = () => ( !card.cta ? null : (has('links-w-arrow') ? (
-      // links w arrow
-    <CardFooter className={
-      'typography typography-a:text-muted-2 typography-a:hover:text-muted-1 typography-a:text-xs typography-a:no-underline typography-a:hover:underline ' + 
-      'flex flex-col justify-start items-stretch ' + paddingclx
-    }>
-      <CTABlockComponent 
-        block={card.cta} 
-        renderLink={(def: LinkDef, key: any) => (<ArrowLinkElement def={def} key={key} />)}
-      />
-    </CardFooter>
-  ) : ( // default 
-    <CardFooter className={'grid grid-cols-1 gap-2 md:flex md:flex-row md:justify-center ' + paddingclx} >
-      <CTABlockComponent block={card.cta} />
-    </CardFooter>
-  )))
-
-  return (
-    <Card className={cn(
-      'flex flex-col self-stretch ' + 
-      (contentOnHover ? 'group relative' : '') + 
-      disabledBorder + 
-      outerBorder + 
-      bgclx + 
-      mainGap, 
-      className
-    )}>
-      <Header className={(contentOnHover ? ' absolute top-[0px] left-[0px] w-full hidden ' : '')}/>
-      <MediaAndContent className={(contentOnHover ? 
-        ' bg-gradient-to-t from-secondary to-65%' + 
-        ' items-start justify-start rounded-lg p-4' + 
-        ' transition-opacity duration-500 ease-out opacity-100  ' : '')}/>
-      <Footer />
-    </Card>  
-  )
-}
-
-export default CardBlockComponent

package/blocks/components/carte-blanche-block/index.tsx

@@ -1,127 +0,0 @@
-import React from 'react'
-
-import {
-  Card,
-  CardContent,
-  CardFooter,
-  CardHeader,
-} from '../../../primitives'
-
-import { cn, containsToken } from '../../../util'
-
-import {
-  getSpecifierData, 
-  getPrimaryStartingWith, 
-  getDim, 
-} from '../../../util/specifier'
-
-import type CarteBlancheBlock from '../../def/carte-blanche-block'
-
-import CTABlockComponent from '../cta-block'
-import Content from '../content'
-import type BlockComponentProps from '../block-component-props'
-import { EnhHeadingBlockComponent } from '..'
-import VariantContentLeft from './variant-content-left'
-
-type CardSection = 'entire' | 'header' | 'content' | 'footer'
-
-const _getClx = (specifier: string, section: CardSection): string => {
-  let result = ''
-  if (specifier === 'big-padding') {
-    switch (section) {
-        // defaults: p-4 lg:p-6 xl:p-8 
-      case 'header': {
-        result = 'md:p-8 lg:p-12 xl:p-16'
-      } break
-    }
-  }
-  if (specifier === 'big-padding-content') {
-    switch (section) {
-      case 'content': {
-        result = 'md:p-8 lg:p-12 xl:p-16'
-      } break
-    }
-  }
-  else if (specifier === 'no-inner-borders') {
-    switch (section) {
-      case 'header': {
-        result = 'border-none'
-      } break
-      case 'footer': {
-        result = 'border-t-0'
-      } break
-    }
-  }
-
-  return result
-}
-
-const CarteBlancheBlockComponent: React.FC<
-  BlockComponentProps 
-> = ({
-  block,
-  className='',
-  agent,
-}) => {
-
-  if (block.blockType !== 'carte-blanche') {
-    return <>carte blanche block required</>
-  }
-
-  const b = block as CarteBlancheBlock
-
-  const specified = (s: string): boolean => (containsToken(b.specifiers, s))
-  const getClx = (specifier: string, section: CardSection): string => (
-    (specified(specifier)) ? _getClx(specifier, section) : ''
-  )
-
-  //const bigPadding = specified('big-padding')
-  
-  const headingclx = [
-    getClx('big-padding', 'header'),
-    getClx('no-inner-borders', 'header'),
-  ].join(' ')
-
-  const contentclx = [
-    getClx('big-padding-content', 'content'),
-  ].join(' ')
-
-  const footerclx = [
-    getClx('no-inner-borders', 'footer'),
-  ].join(' ')
-
-  const noOuterBorders = specified('no-outer-borders')
-  const contentLeft = specified('variant-content-left')
-  const mobileContentLeft = specified('variant-mobile-content-left')
-
-  return (
-    <Card className={cn('flex flex-col', className, noOuterBorders ? 'border-none' : '')} >
-      {contentLeft || (mobileContentLeft && agent === 'phone') ? (
-        <VariantContentLeft block={b} agent={agent} className={className} headingclx={headingclx} contentclx={contentclx} footerclx={footerclx}/>
-      ) : (<>
-        {(b.heading || b.topContent) && (
-          <CardHeader className={cn('typography-img:m-0', headingclx)} >
-            {b.topContent && (
-              <Content blocks={b.topContent} agent={agent} className=''/>
-            )}
-            {b.heading && (
-              <EnhHeadingBlockComponent block={b.heading} className='text-accent' agent={agent}/>
-            )}
-          </CardHeader>
-        )}
-        {b.content && (
-          <CardContent className={cn('typography flex flex-col justify-center', contentclx, className)}>
-            <Content blocks={b.content} agent={agent}/>
-          </CardContent>
-        )}
-        {b.cta && (
-          <CardFooter className={cn('grid grid-cols-1 gap-2 md:flex md:flex-row md:justify-center', footerclx)} >
-            <CTABlockComponent block={b.cta} agent={agent}/>
-          </CardFooter>
-        )}
-      </>)}
-    </Card> 
-  )
-}
-
-export default CarteBlancheBlockComponent

package/blocks/components/carte-blanche-block/variant-content-left.tsx

@@ -1,49 +0,0 @@
-import { EnhHeadingBlockComponent, type CarteBlancheBlock, CTABlockComponent } from '../..'
-import {
-  CardContent,
-  CardFooter,
-  CardHeader,
-} from '../../../primitives'
-import { cn } from '../../../util'
-import Content from '../content'
-
-const VariantContentLeft: React.FC<{
-  block: CarteBlancheBlock,
-  agent?: string
-  className?: string
-  headingclx?: string
-  contentclx?: string
-  footerclx?: string
-}> = ({
-  block,
-  agent,
-  className,
-  headingclx,
-  contentclx,
-  footerclx,
-}) => {
-  return (<>
-    <div className='flex gap-2'>
-      {block.topContent && <Content blocks={block.topContent} agent={agent} className='self-center ml-6 mt-6'/>}
-      <div className='flex flex-col'>
-        {block.heading && (
-          <CardHeader className={cn('typography-img:m-0', headingclx)} >
-            <EnhHeadingBlockComponent block={block.heading} className='text-accent' agent={agent}/>
-          </CardHeader>
-        )}
-        {block.content && (
-          <CardContent className={cn('typography flex flex-col justify-start', contentclx, className)}>
-            <Content blocks={block.content} agent={agent}/>
-          </CardContent>
-        )}
-      </div>
-    </div>
-    {block.cta && (
-      <CardFooter className={cn('grid grid-cols-1 gap-2 md:flex md:flex-row md:justify-center mx-auto', footerclx)}>
-        <CTABlockComponent block={block.cta} agent={agent}/>
-      </CardFooter>
-    )}
-  </>)
-}
-
-export default VariantContentLeft