@anoki/fse-ui 2.1.0-SNAPSHOT22 → 2.1.0-SNAPSHOT25

package/dist/index.cjs99.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs99.js","sources":["../src/components/ui/HeroContentCard/index.tsx"],"sourcesContent":["import { CardCategory, Col, ShareButton } from \"@/components\";\nimport { useCopyToClipboardCurrentPage } from \"@/hooks/useCopyToClipboardCurrentPage\";\nimport { CopyLink } from \"@/icons\";\nimport { Tags } from \"@/sections\";\nimport { fromISODateToDateFormatted } from \"@/utils/dates\";\nimport { getFullNameInitials } from \"@/utils/getFullNameInitials\";\nimport { splitInTwo } from \"@/utils/splitInTwo\";\nimport clsx from \"clsx\";\nimport { useMemo } from \"react\";\nimport { ActionIconText } from \"../ActionIconText\";\nimport { AuthorBlock } from \"../AuthorBlock\";\nimport { Row } from \"../Row\";\nimport \"./HeroContentCard.scss\";\n\ntype BaseServiceProps = {\n  name: string;\n  previewImageUrl?: string;\n  previewImageTitle?: string;\n  previewImageTextAlign?: string;\n  updatedBy?: {\n    name?: string;\n    surname?: string;\n  };\n  updatedAt?: string;\n  readingTime?: number;\n};\n\ntype Event = BaseServiceProps & {\n  eventCardTitle?: string;\n  eventCardDescription?: string | React.ReactNode;\n  eventTitle?: string;\n  eventDescriptionTitle?: string;\n  eventDescription?: string;\n  tags?: string[];\n};\n\ntype Service = BaseServiceProps;\n\n// const AuthenticatedModeEnum = {\n//   AUTHENTICATED: \"authenticated\",\n//   PUBLIC: \"public\",\n// } as const;\n\n// type AuthenticatedModes =\n//   (typeof AuthenticatedModeEnum)[keyof typeof AuthenticatedModeEnum];\n\ninterface HeroContentCardCommonProps {\n  publishedLabel?: string;\n  readingTimeLabel?: string;\n  readingMinuteLabel?: string;\n  tagsLabelTitle?: string;\n  shareLabel?: string;\n  copyLinkLabel?: string;\n  copiedTextLabel?: string;\n  ImageComponent?: \"img\" | React.ComponentType<any>;\n  imageProps?: Record<string, any>;\n  isPreview?: boolean;\n  modeAuthenticated?: boolean;\n  eventCardDescriptionTitle?: string;\n  tags?: string[];\n}\n\ntype ServiceProps = {\n  data: Service;\n  variant: \"service\";\n} & HeroContentCardCommonProps;\n\ntype EventProps = {\n  data: Event;\n  variant: \"event\";\n} & HeroContentCardCommonProps;\n\nexport type HeroContentCardProps = ServiceProps | EventProps;\n\nexport const HeroContentCard = ({\n  data = {} as Service | Event,\n  ImageComponent = \"img\",\n  imageProps = {},\n  variant = \"service\",\n  publishedLabel = \"Pubblicato\",\n  readingTimeLabel = \"Tempo di lettura\",\n  readingMinuteLabel = \"min\",\n  tagsLabelTitle = \"Argomenti trattati\",\n  shareLabel = \"Condividi\",\n  copyLinkLabel = \"Copia link\",\n  copiedTextLabel = \"Link copiato\",\n  isPreview = false,\n  modeAuthenticated = false,\n  eventCardDescriptionTitle,\n  tags,\n}: HeroContentCardProps) => {\n  const { copyToClipboard, isCopied } = useCopyToClipboardCurrentPage();\n  const avatarInitials = useMemo(() => {\n    if (!data?.updatedBy) return \"-\";\n    return getFullNameInitials(\n      data.updatedBy.name ?? \"\",\n      data.updatedBy.surname ?? \"\",\n    );\n  }, [data.updatedBy]);\n\n  const [firstTitleLine, secondTitleLine] = useMemo(() => {\n    if (!data.previewImageTitle || data.previewImageTitle.trim() === \"\") {\n      return [null, null];\n    }\n\n    const words = data.previewImageTitle.trim().split(/\\s+/);\n\n    if (words.length >= 4) {\n      return splitInTwo(data.previewImageTitle.toUpperCase());\n    }\n\n    return [data.previewImageTitle.toUpperCase(), null];\n  }, [data.previewImageTitle]);\n\n  const readingTimeInMinutes = useMemo(() => {\n    const readingTime = data.readingTime ?? 0;\n    return Math.ceil(Number(readingTime) / 60) || 0;\n  }, [data]);\n\n  const renderImage = () => {\n    if (!data.previewImageUrl) return null;\n\n    if (variant === \"event\") {\n      const isEvent = (obj: Service | Event): obj is Event => {\n        return \"eventCardTitle\" in obj || \"eventTitle\" in obj;\n      };\n\n      return (\n        <div\n          className={clsx(\n            variant === \"event\" && \"is-event\",\n            isPreview ? \"hero-event-preview\" : \"hero-event-container\",\n            modeAuthenticated ? \"margin-authenticated ratio-authenticated\" : \"\",\n          )}\n        >\n          <img\n            className=\"hero-event-background\"\n            src={data.previewImageUrl}\n            alt={`Evento ${data.name}`}\n          />\n          <div className={\"hero-event-content\"}>\n            <img\n              className=\"hero-event-main-image\"\n              src={data.previewImageUrl}\n              alt={`Evento ${data.name}`}\n            />\n            <Col\n              justifyContent={\"space-between\"}\n              className=\"hero-event-card-container\"\n            >\n              <div>\n                {isEvent(data) &&\n                  (data.eventCardTitle || data.eventCardDescription) && (\n                    <CardCategory\n                      title={isEvent(data) ? (data.eventCardTitle ?? \"-\") : \"-\"}\n                      className={\"w-full\"}\n                      description={\n                        isEvent(data) ? (eventCardDescriptionTitle ?? \"-\") : \"-\"\n                      }\n                      description2={\n                        isEvent(data) ? (data.eventCardDescription ?? \"-\") : \"-\"\n                      }\n                      classNameTitle={\"text-slate-20 fs-5 md-fs-custom-2\"}\n                      classNameDescriptionTitle={\n                        \"text-slate-28 fw-bold fs-6 md-fs-custom\"\n                      }\n                    />\n                  )}\n              </div>\n\n              {tags && tags?.length > 0 && (\n                <Tags title={tagsLabelTitle} items={tags ?? []} />\n              )}\n            </Col>\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <div\n        className={clsx(\n          isPreview\n            ? \"hero-service-detail-image\"\n            : \"hero-fullscreen-image-container\",\n          modeAuthenticated ? \"margin-authenticated\" : \"\",\n        )}\n      >\n        <ImageComponent\n          alt={`Service ${data.name} image`}\n          src={data.previewImageUrl}\n          style={{ aspectRatio: 21 / 9 }}\n          {...imageProps}\n        />\n        {data.previewImageTitle && data.previewImageTitle.trim() !== \"\" && (\n          <p className={clsx(\"short-title right\", data.previewImageTextAlign ? data.previewImageTextAlign : \"\")}>\n            <span>{firstTitleLine}</span>\n            {secondTitleLine && <span>{secondTitleLine}</span>}\n          </p>\n        )}\n      </div>\n    );\n  };\n\n  const content = (\n    <>\n      <div className={\"hero-action-author\"}>\n        <AuthorBlock\n          authorName={\n            data?.updatedBy?.name\n              ? `${data?.updatedBy?.name} ${data?.updatedBy?.surname}`\n              : \"-\"\n          }\n          avatar={{ initials: avatarInitials }}\n          publishedLabel={publishedLabel}\n          publishedDate={\n            fromISODateToDateFormatted(data.updatedAt ?? \"\", \"it\") ?? \"-\"\n          }\n          readingTimeLabel={readingTimeLabel}\n          readingTimeValue={readingTimeInMinutes}\n          readingMinuteLabel={readingMinuteLabel}\n        />\n        <Row gap={\"x8\"} className={\"hero-action-link\"}>\n          <ShareButton textLabel={shareLabel} titleShared={data.name} />\n          <div className={\"share-divider\"}>\n            <ActionIconText\n              textLabel={isCopied ? copiedTextLabel : copyLinkLabel}\n              icon={<CopyLink />}\n              handleAction={copyToClipboard}\n              classNameText={\"fw-bold\"}\n            />\n          </div>\n        </Row>\n      </div>\n\n      {renderImage()}\n    </>\n  );\n\n  return isPreview ? (\n    <div className={\"hero-content-card-container-preview\"}>{content}</div>\n  ) : (\n    content\n  );\n};\n"],"names":["HeroContentCard","data","ImageComponent","imageProps","variant","publishedLabel","readingTimeLabel","readingMinuteLabel","tagsLabelTitle","shareLabel","copyLinkLabel","copiedTextLabel","isPreview","modeAuthenticated","eventCardDescriptionTitle","tags","copyToClipboard","isCopied","useCopyToClipboardCurrentPage","avatarInitials","useMemo","getFullNameInitials","firstTitleLine","secondTitleLine","splitInTwo","readingTimeInMinutes","readingTime","renderImage","isEvent","obj","jsxs","clsx","jsx","Col","CardCategory","Tags","content","Fragment","AuthorBlock","_a","_b","_c","fromISODateToDateFormatted","Row","ShareButton","ActionIconText","CopyLink"],"mappings":"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"}
+{"version":3,"file":"index.cjs99.js","sources":["../src/components/ui/HeroContentCard/index.tsx"],"sourcesContent":["import { CardCategory, Col, ShareButton } from \"@/components\";\r\nimport { useCopyToClipboardCurrentPage } from \"@/hooks/useCopyToClipboardCurrentPage\";\r\nimport { CopyLink } from \"@/icons\";\r\nimport { Tags } from \"@/sections\";\r\nimport { fromISODateToDateFormatted } from \"@/utils/dates\";\r\nimport { getFullNameInitials } from \"@/utils/getFullNameInitials\";\r\nimport { splitInTwo } from \"@/utils/splitInTwo\";\r\nimport clsx from \"clsx\";\r\nimport { useMemo } from \"react\";\r\nimport { ActionIconText } from \"../ActionIconText\";\r\nimport { AuthorBlock } from \"../AuthorBlock\";\r\nimport { Row } from \"../Row\";\r\nimport \"./HeroContentCard.scss\";\r\n\r\ntype BaseServiceProps = {\r\n  name: string;\r\n  previewImageUrl?: string;\r\n  previewImageTitle?: string;\r\n  previewImageTextAlign?: string;\r\n  updatedBy?: {\r\n    name?: string;\r\n    surname?: string;\r\n  };\r\n  updatedAt?: string;\r\n  readingTime?: number;\r\n};\r\n\r\ntype Event = BaseServiceProps & {\r\n  eventCardTitle?: string;\r\n  eventCardDescription?: string | React.ReactNode;\r\n  eventTitle?: string;\r\n  eventDescriptionTitle?: string;\r\n  eventDescription?: string;\r\n  tags?: string[];\r\n};\r\n\r\ntype Service = BaseServiceProps;\r\n\r\n// const AuthenticatedModeEnum = {\r\n//   AUTHENTICATED: \"authenticated\",\r\n//   PUBLIC: \"public\",\r\n// } as const;\r\n\r\n// type AuthenticatedModes =\r\n//   (typeof AuthenticatedModeEnum)[keyof typeof AuthenticatedModeEnum];\r\n\r\ninterface HeroContentCardCommonProps {\r\n  publishedLabel?: string;\r\n  readingTimeLabel?: string;\r\n  readingMinuteLabel?: string;\r\n  tagsLabelTitle?: string;\r\n  shareLabel?: string;\r\n  copyLinkLabel?: string;\r\n  copiedTextLabel?: string;\r\n  ImageComponent?: \"img\" | React.ComponentType<any>;\r\n  imageProps?: Record<string, any>;\r\n  isPreview?: boolean;\r\n  modeAuthenticated?: boolean;\r\n  eventCardDescriptionTitle?: string;\r\n  tags?: string[];\r\n}\r\n\r\ntype ServiceProps = {\r\n  data: Service;\r\n  variant: \"service\";\r\n} & HeroContentCardCommonProps;\r\n\r\ntype EventProps = {\r\n  data: Event;\r\n  variant: \"event\";\r\n} & HeroContentCardCommonProps;\r\n\r\nexport type HeroContentCardProps = ServiceProps | EventProps;\r\n\r\nexport const HeroContentCard = ({\r\n  data = {} as Service | Event,\r\n  ImageComponent = \"img\",\r\n  imageProps = {},\r\n  variant = \"service\",\r\n  publishedLabel = \"Pubblicato\",\r\n  readingTimeLabel = \"Tempo di lettura\",\r\n  readingMinuteLabel = \"min\",\r\n  tagsLabelTitle = \"Argomenti trattati\",\r\n  shareLabel = \"Condividi\",\r\n  copyLinkLabel = \"Copia link\",\r\n  copiedTextLabel = \"Link copiato\",\r\n  isPreview = false,\r\n  modeAuthenticated = false,\r\n  eventCardDescriptionTitle,\r\n  tags,\r\n}: HeroContentCardProps) => {\r\n  const { copyToClipboard, isCopied } = useCopyToClipboardCurrentPage();\r\n  const avatarInitials = useMemo(() => {\r\n    if (!data?.updatedBy) return \"-\";\r\n    return getFullNameInitials(\r\n      data.updatedBy.name ?? \"\",\r\n      data.updatedBy.surname ?? \"\",\r\n    );\r\n  }, [data.updatedBy]);\r\n\r\n  const [firstTitleLine, secondTitleLine] = useMemo(() => {\r\n    if (!data.previewImageTitle || data.previewImageTitle.trim() === \"\") {\r\n      return [null, null];\r\n    }\r\n\r\n    const words = data.previewImageTitle.trim().split(/\\s+/);\r\n\r\n    if (words.length >= 4) {\r\n      return splitInTwo(data.previewImageTitle.toUpperCase());\r\n    }\r\n\r\n    return [data.previewImageTitle.toUpperCase(), null];\r\n  }, [data.previewImageTitle]);\r\n\r\n  const readingTimeInMinutes = useMemo(() => {\r\n    const readingTime = data.readingTime ?? 0;\r\n    return Math.ceil(Number(readingTime) / 60) || 0;\r\n  }, [data]);\r\n\r\n  const renderImage = () => {\r\n    if (!data.previewImageUrl) return null;\r\n\r\n    if (variant === \"event\") {\r\n      const isEvent = (obj: Service | Event): obj is Event => {\r\n        return \"eventCardTitle\" in obj || \"eventTitle\" in obj;\r\n      };\r\n\r\n      return (\r\n        <div\r\n          className={clsx(\r\n            variant === \"event\" && \"is-event\",\r\n            isPreview ? \"hero-event-preview\" : \"hero-event-container\",\r\n            modeAuthenticated ? \"margin-authenticated ratio-authenticated\" : \"\",\r\n          )}\r\n        >\r\n          <img\r\n            className=\"hero-event-background\"\r\n            src={data.previewImageUrl}\r\n            alt={`Evento ${data.name}`}\r\n          />\r\n          <div className={\"hero-event-content\"}>\r\n            <img\r\n              className=\"hero-event-main-image\"\r\n              src={data.previewImageUrl}\r\n              alt={`Evento ${data.name}`}\r\n            />\r\n            <Col\r\n              justifyContent={\"space-between\"}\r\n              className=\"hero-event-card-container\"\r\n            >\r\n              <div>\r\n                {isEvent(data) &&\r\n                  (data.eventCardTitle || data.eventCardDescription) && (\r\n                    <CardCategory\r\n                      title={isEvent(data) ? (data.eventCardTitle ?? \"-\") : \"-\"}\r\n                      className={\"w-full\"}\r\n                      description={\r\n                        isEvent(data) ? (eventCardDescriptionTitle ?? \"-\") : \"-\"\r\n                      }\r\n                      description2={\r\n                        isEvent(data) ? (data.eventCardDescription ?? \"-\") : \"-\"\r\n                      }\r\n                      classNameTitle={\"text-slate-20 fs-5 md-fs-custom-2\"}\r\n                      classNameDescriptionTitle={\r\n                        \"text-slate-28 fw-bold fs-6 md-fs-custom\"\r\n                      }\r\n                    />\r\n                  )}\r\n              </div>\r\n\r\n              {tags && tags?.length > 0 && (\r\n                <Tags title={tagsLabelTitle} items={tags ?? []} />\r\n              )}\r\n            </Col>\r\n          </div>\r\n        </div>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <div\r\n        className={clsx(\r\n          isPreview\r\n            ? \"hero-service-detail-image\"\r\n            : \"hero-fullscreen-image-container\",\r\n          modeAuthenticated ? \"margin-authenticated\" : \"\",\r\n        )}\r\n      >\r\n        <ImageComponent\r\n          alt={`Service ${data.name} image`}\r\n          src={data.previewImageUrl}\r\n          style={{ aspectRatio: 21 / 9 }}\r\n          {...imageProps}\r\n        />\r\n        {data?.previewImageTitle && data?.previewImageTitle.trim() !== \"\" && (\r\n          <p className={clsx(\"short-title\", data?.previewImageTextAlign ? data?.previewImageTextAlign : \"\")}>\r\n            <span>{firstTitleLine}</span>\r\n            {secondTitleLine && <span>{secondTitleLine}</span>}\r\n          </p>\r\n        )}\r\n      </div>\r\n    );\r\n  };\r\n\r\n  const content = (\r\n    <>\r\n      <div className={\"hero-action-author\"}>\r\n        <AuthorBlock\r\n          authorName={\r\n            data?.updatedBy?.name\r\n              ? `${data?.updatedBy?.name} ${data?.updatedBy?.surname}`\r\n              : \"-\"\r\n          }\r\n          avatar={{ initials: avatarInitials }}\r\n          publishedLabel={publishedLabel}\r\n          publishedDate={\r\n            fromISODateToDateFormatted(data.updatedAt ?? \"\", \"it\") ?? \"-\"\r\n          }\r\n          readingTimeLabel={readingTimeLabel}\r\n          readingTimeValue={readingTimeInMinutes}\r\n          readingMinuteLabel={readingMinuteLabel}\r\n        />\r\n        <Row gap={\"x8\"} className={\"hero-action-link\"}>\r\n          <ShareButton textLabel={shareLabel} titleShared={data.name} />\r\n          <div className={\"share-divider\"}>\r\n            <ActionIconText\r\n              textLabel={isCopied ? copiedTextLabel : copyLinkLabel}\r\n              icon={<CopyLink />}\r\n              handleAction={copyToClipboard}\r\n              classNameText={\"fw-bold\"}\r\n            />\r\n          </div>\r\n        </Row>\r\n      </div>\r\n\r\n      {renderImage()}\r\n    </>\r\n  );\r\n\r\n  return isPreview ? (\r\n    <div className={\"hero-content-card-container-preview\"}>{content}</div>\r\n  ) : (\r\n    content\r\n  );\r\n};\r\n"],"names":["HeroContentCard","data","ImageComponent","imageProps","variant","publishedLabel","readingTimeLabel","readingMinuteLabel","tagsLabelTitle","shareLabel","copyLinkLabel","copiedTextLabel","isPreview","modeAuthenticated","eventCardDescriptionTitle","tags","copyToClipboard","isCopied","useCopyToClipboardCurrentPage","avatarInitials","useMemo","getFullNameInitials","firstTitleLine","secondTitleLine","splitInTwo","readingTimeInMinutes","readingTime","renderImage","isEvent","obj","jsxs","clsx","jsx","Col","CardCategory","Tags","content","Fragment","AuthorBlock","_a","_b","_c","fromISODateToDateFormatted","Row","ShareButton","ActionIconText","CopyLink"],"mappings":"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"}

package/dist/index.d.ts

@@ -43,6 +43,7 @@ declare interface ActionBannerProps {
     variant?: ActionBannerVariantTypes;
     link?: WithLinkType<LinkTypeEnum>;
     withIcon?: boolean;
+    icon?: IconInfoType;
     firstAction?: WithLinkType<LinkTypeEnum>;
     secondAction?: WithLinkType<LinkTypeEnum>;
 }
@@ -255,6 +256,13 @@ declare interface AuthorWithImageCommonProps {
 
 export declare type AuthorWithImageProps = ServiceProps | EventProps;
 
+export declare const AutoplayButton: ({ autoplay, toggleAutoPlay, }: AutoplayButtonProps) => JSX.Element;
+
+export declare type AutoplayButtonProps = {
+    autoplay: boolean;
+    toggleAutoPlay: () => void;
+};
+
 export declare const Avatar: ({ initials, bg, textColor, size, className, }: AvatarProps) => JSX.Element;
 
 declare type AvatarProps = {
@@ -398,6 +406,13 @@ export declare enum BlockquoteVariantEnum {
     LIGHTBG = "light-bg"
 }
 
+export declare const BlurImageSlide: ({ ImageComponent, tagsLabelTitle, blurPercentage, ...slide }: BlurImageSlideProps) => JSX.Element | null;
+
+declare type BlurImageSlideProps = {
+    tagsLabelTitle?: SliderProps["tagsLabelTitle"];
+    ImageComponent: React.ComponentType<any> | "img";
+} & Slide;
+
 export declare const BottomNavigation: ({ className, title, removeLabel, applyLabel, selectedFilters, onApplyFilters, onClearFilters, applyDisabled, }: BottomNavigationProps) => JSX.Element;
 
 declare type BottomNavigationProps = {
@@ -1309,6 +1324,14 @@ declare interface DocumentUploadProps {
     accept?: string;
 }
 
+export declare const DotsPagination: ({ slides, activeIndex, handleDotClick, }: DotsPaginationProps) => JSX.Element;
+
+declare type DotsPaginationProps = {
+    slides: Slide[];
+    activeIndex: number;
+    handleDotClick: (index: number) => void;
+};
+
 export declare interface DoubleLineData {
     firstLine: string;
     secondLine: string;
@@ -2348,15 +2371,35 @@ export declare type Slide = {
     };
     src: string;
     alt: string;
+    slideTitle?: string;
     title: string;
+    description?: string;
+    titleAlignment?: "left" | "center" | "right";
+    blurPercentage?: number;
     href?: string;
+    tags?: string[];
 };
 
 export declare const Slider: React.FC<SliderProps>;
 
+export declare const SliderPagination: ({ slides, currentIndex, goPrev, goNext, autoplay, toggleAutoPlay, type, gradientColorStyle, paginationLabel, handleDotClick, }: SliderPaginationProps) => JSX.Element;
+
+export declare type SliderPaginationProps = {
+    handleDotClick?: (index: number) => void;
+    slides: Slide[];
+    currentIndex: number;
+    goPrev: () => void;
+    goNext: () => void;
+    autoplay: boolean;
+    toggleAutoPlay: () => void;
+    type: SliderType;
+    gradientColorStyle: CSSProperties;
+    paginationLabel?: string;
+};
+
 export declare type SliderProps = {
     slides: Slide[];
-    asImage: ElementType;
+    asImage: React.ComponentType<any> | "img";
     asLink?: ElementType;
     timeout?: number;
     openInNewTab?: boolean;
@@ -2365,16 +2408,14 @@ export declare type SliderProps = {
     gradientColor?: string;
     type?: SliderType;
     swiperHeight?: number;
+    tagsLabelTitle?: string;
 };
 
 export declare type SliderType = GetValues<SliderTypeEnum>;
 
 export declare enum SliderTypeEnum {
-    STATIC = "static",
-    MULTIPLE = "multiple",
     FULL_IMAGE = "full-image",
-    BLUR_IMAGE = "blur-image",
-    STATIC_IMAGE = "static_image"
+    BLUR_IMAGE = "blur-image"
 }
 
 declare type SpacingKey = "x4" | "x8" | "x12" | "x16" | "x20" | "x24" | "x28" | "x32" | "x36" | "x40" | "x44" | "x48" | "x52" | "x56" | "x60" | "x64" | "x68" | "x72" | "x76" | "x80" | "x84" | "x88" | "x92" | "x96" | "x100" | "x104";