@stackshift-ui/portfolio 6.0.2 → 6.0.4

package/src/types.ts

@@ -0,0 +1,412 @@
+export type StyleVariants<T extends string> = Record<T, string>;
+
+export type Socials = "facebook" | "instagram" | "youtube" | "linkedin" | "twitter";
+export interface MainImage {
+  image: string;
+  alt?: string;
+}
+
+export interface LabeledRoute extends ConditionalLink {
+  ariaLabel?: string;
+  label?: string;
+  linkTarget?: string;
+  linkType?: string;
+  _type?: string;
+  linkInternal?: any;
+}
+export interface ConditionalLink {
+  type?: string;
+  internalLink?: string | null;
+  externalLink?: string | null;
+}
+
+export interface StatItems {
+  label?: string;
+  mainImage?: MainImage;
+  value?: string;
+  _key?: string;
+  _type?: string;
+}
+
+export interface Logo extends ConditionalLink {
+  alt?: string;
+  linkTarget?: string;
+  image?: string;
+}
+
+export interface Images {
+  image?: string;
+  _key?: string;
+  _type?: string;
+  alt?: string;
+}
+
+export interface ContactDetails {
+  addressInfo?: string;
+  contactInfo?: string;
+  emailInfo?: string;
+  _key?: string;
+}
+
+export interface SocialLink {
+  socialMedia?: string | null;
+  socialMediaLink?: string | null;
+  _key?: string | null;
+  _type?: string | null;
+  socialMediaIcon?: {
+    alt?: string;
+    image?: string;
+  } | null;
+  socialMediaPlatform?: string | null;
+}
+
+export interface LabeledRouteWithKey extends LabeledRoute {
+  _key?: string;
+}
+
+export interface ArrayOfImageTitleAndText {
+  mainImage?: {
+    alt?: string;
+    image?: string;
+  };
+  plainText?: string;
+  title?: string;
+  _key?: string;
+  _type?: string;
+}
+
+export interface FeaturedItem {
+  description?: string;
+  mainImage?: MainImage;
+  title?: string;
+  subtitle?: string;
+  _key?: string;
+  _type?: string;
+}
+
+export interface ArrayOfTitleAndText {
+  _key?: string;
+  plainText?: string;
+  title?: string;
+}
+
+export interface BlogPost extends SanityBody {
+  authors?: Author[] | null;
+  body?: any;
+  categories?: Category[] | null;
+  excerpt?: string | null;
+  link?: string | null;
+  mainImage?: string | null;
+  publishedAt?: string;
+  seo?: Seo | null;
+  slug?: SanitySlug | null;
+  title?: string;
+}
+
+export interface Seo {
+  _type?: string;
+  seoTitle?: string;
+  seoDescription?: string;
+  seoImage?: string;
+  seoKeywords?: string;
+  seoSynonyms?: string;
+}
+
+export interface SanitySlug {
+  current?: string;
+  _type?: "slug";
+}
+
+export interface SanityBody {
+  _createdAt?: string;
+  _id?: string;
+  _rev?: string;
+  _type?: string;
+  _updatedAt?: string;
+}
+
+export interface Author extends SanityBody {
+  link?: string | null;
+  bio?: string | null;
+  name?: string | null;
+  slug?: SanitySlug | null;
+  image?: string | null;
+  profile?: {
+    alt: string;
+    image: string;
+  } | null;
+}
+
+export interface Category extends SanityBody {
+  title?: string;
+}
+
+export interface Form {
+  id?: string | null;
+  buttonLabel?: string | null;
+  name?: string | null;
+  subtitle?: string | null;
+  fields?: FormFields[] | null;
+  thankYouPage?: ThankYouPage | null;
+}
+
+export interface FormFields {
+  name?: string;
+  placeholder?: string;
+  pricingType?: string;
+  type?: FormTypes;
+  _key?: string;
+  _type?: string;
+  isRequired?: boolean;
+  label?: string;
+  items?: string[];
+}
+
+export type FormTypes =
+  | "inputText"
+  | "inputEmail"
+  | "inputPassword"
+  | "inputNumber"
+  | "textarea"
+  | "inputFile"
+  | "inputRadio"
+  | "inputCheckbox"
+  | "inputSelect";
+
+export interface ThankYouPage {
+  externalLink?: string | null;
+  internalLink?: string | null;
+  linkInternal?: any;
+  linkTarget?: string;
+  linkType?: string;
+  type?: string;
+}
+
+//Used on different sections
+export interface SectionsProps {
+  template?: Template;
+  data?: Sections;
+  variant?: string | null | undefined;
+  schema?: Variants;
+}
+
+export interface Sections extends SanityBody {
+  label?: string;
+  variant?: string;
+  variants?: Variants;
+  _key?: string;
+}
+
+//*EDIT THIS SECTION WHEN CREATING/UPDATING SCHEMAS ON STUDIO */
+export interface Variants {
+  template?: Template;
+  multipleMenus?: any;
+  arrayOfTitleAndText?: ArrayOfTitleAndText[] | null;
+  logo?: Logo | null;
+  primaryButton?: LabeledRoute | null;
+  secondaryButton?: LabeledRoute | null;
+  routes?: LabeledRouteWithKey[] | null;
+  menu?: LabeledRouteWithKey[] | null;
+  plans?: Plans[] | null;
+  formLinks?: LabeledRouteWithKey[] | null;
+  portfolios?: Portfolios[] | null;
+  portfoliosWithCategories?: PortfoliosWithCategories[] | null;
+  length?: number;
+  signInLink?: LabeledRoute | null;
+  signinLink?: LabeledRoute | null;
+  tags?: string[] | null;
+  posts?: BlogPost[] | null;
+  blogsPerPage?: number | null;
+  form?: Form | null;
+  collections?: Collection | null;
+  products?: CollectionProduct | null;
+  allProducts?: Collection[];
+  subtitle?: string | null;
+  caption?: string | null;
+  title?: string | null;
+  plainText?: string | null;
+  contactDescription?: string | null;
+  officeInformation?: string | null;
+  contactEmail?: string | null;
+  contactNumber?: string | null;
+  socialLinks?: SocialLink[] | null;
+  block?: any;
+  heading?: string | null;
+  acceptButtonLabel?: string | null;
+  declineButtonLabel?: string | null;
+  faqsWithCategories?: FaqsWithCategory[] | null;
+  faqs?: AskedQuestion[] | null;
+  arrayOfImageTitleAndText?: ArrayOfImageTitleAndText[] | null;
+  description?: string | null;
+  featuredItems?: FeaturedItem[] | null;
+  images?: Images[] | null;
+  contactDetails?: ContactDetails[] | null;
+  copyright?: string | null;
+  mainImage?: MainImage | null;
+  youtubeLink?: string | null;
+  banner?: any;
+  stats?: StatItems[] | null;
+  teams?: Team[] | null;
+  testimonials?: Testimonial[] | null;
+  selectStripeAccount?: string;
+  annualBilling?: string;
+  monthlyBilling?: string;
+  productDetails?: ProductDetail[];
+  btnLabel?: string;
+  selectAccount?: string;
+  hashtags?: string[];
+  numberOfPosts?: number;
+  text?: string;
+  button?: LabeledRoute;
+  features?: string[];
+  config?: {
+    enableAnalytics: boolean;
+    cookiePolicy?: {
+      siteName: string;
+      cookiePolicyPage: Reference;
+    };
+    consentModalPosition?: string;
+  };
+  contactLink?: LabeledRoute;
+}
+
+export interface Template {
+  bg?: string;
+  color?: string;
+}
+
+export type Plans = {
+  _key?: string | null;
+  _type?: "planItems" | null;
+  checkoutButtonName?: string | null;
+  description?: string | null;
+  monthlyPrice?: string | null;
+  planType?: string | null;
+  yearlyPrice?: string | null;
+  planIncludes?: string[] | null;
+  primaryButton?: LabeledRoute | null;
+} & Record<string, string>;
+
+export interface Portfolios {
+  dateAdded?: string | null;
+  mainImage?: {
+    image?: string | null;
+    alt?: string | null;
+  } | null;
+  primaryButton?: LabeledRoute | null;
+  title?: string | null;
+  _key?: string | null;
+  _type?: string | null;
+}
+
+export interface PortfoliosWithCategories {
+  category?: string | null;
+  content?: Content[] | null;
+  primaryButton?: LabeledRoute | null;
+  _key?: string | null;
+  _type?: string | null;
+}
+
+export interface Content extends Portfolios {
+  description?: string | null;
+  subtitle?: string | null;
+}
+
+export interface Collection extends SanityBody {
+  collectionInfoVariant?: {
+    variant?: string;
+  } | null;
+  name?: string | null;
+  products?: CollectionProduct[] | null;
+  sections?: any; //todo
+  seo?: Seo | null;
+  slug?: SanitySlug | null;
+}
+
+export interface CollectionProduct extends SanityBody {
+  compareToPrice?: number | null;
+  description?: string | null;
+  ecwidProductId?: number | null;
+  name?: string | null;
+  price?: number | null;
+  productInfo?: ProductInfo | null;
+  productInfoVariant?: {
+    variant?: string;
+  } | null;
+  sections?: any; //todo
+  seo?: Seo | null;
+  slug?: SanitySlug | null;
+}
+
+//TODO, RECHECK PRODUCT INFO DATA FROM SANITY
+interface ProductInfo {
+  btnLabel?: string | null;
+  images?: ProductInfoImage[] | null;
+  productDetails?: ProductDetail[] | null;
+  socialLinks?: SocialLink[] | null;
+  subtitle?: string | null;
+}
+
+//TODO, RECHECK PRODUCT INFO DATA FROM SANITY
+export interface ProductDetail {
+  blockContent?: any;
+  contentType?: string;
+  tabName?: string;
+  _key?: string;
+  [key: string]: any;
+}
+interface ProductInfoImage {
+  alt?: string | null;
+  _key: string;
+  _type: string;
+  image?: string | null;
+}
+
+export interface FaqsWithCategory {
+  askedQuestions?: AskedQuestion[] | null;
+  category?: string | null;
+  _key?: string;
+  _type?: string;
+}
+
+export interface AskedQuestion {
+  answer?: string | null;
+  question?: string | null;
+  hidden?: boolean;
+  _key?: string;
+  _type?: string;
+}
+
+export interface Team {
+  jobTitle?: string;
+  mainImage?: MainImage;
+  name?: string;
+  plainText?: string;
+  _key?: string;
+  _type?: string;
+}
+
+export interface Testimonial {
+  jobTitle?: string;
+  mainImage?: MainImage;
+  name?: string;
+  rating?: string;
+  testimony?: string;
+  _key?: string;
+  _type?: string;
+}
+
+export declare interface Reference {
+  _type: string;
+  _ref: string;
+  _key?: string;
+  _weak?: boolean;
+  _strengthenOnPublish?: {
+    type: string;
+    weak?: boolean;
+    template?: {
+      id: string;
+      params: Record<string, string | number | boolean>;
+    };
+  };
+}

package/dist/chunk-AQJ5HHVM.mjs

@@ -1 +0,0 @@
-import{a as z}from"./chunk-NFO6QLL6.mjs";import R from"react";import{Button as T}from"@stackshift-ui/button";import{Heading as P}from"@stackshift-ui/heading";import{Text as h}from"@stackshift-ui/text";import{Image as I}from"@stackshift-ui/image";import{Section as F}from"@stackshift-ui/section";import{Container as L}from"@stackshift-ui/container";import{Flex as A}from"@stackshift-ui/flex";import{jsx as a,jsxs as u}from"react/jsx-runtime";function H({caption:l,title:i,portfoliosWithCategory:d,primaryButton:m,length:b=6}){var v,g,f,w,y,B,$,S,_;let x=b,e=0,[p,N]=R.useState((v=d==null?void 0:d[0])==null?void 0:v.category),s=d==null?void 0:d.find(r=>(r==null?void 0:r.category)===p);return a(F,{className:"py-20 bg-background",children:u(L,{maxWidth:1280,children:[u(L,{maxWidth:512,className:"mb-8 text-center md:mb-16",children:[a(j,{caption:l,title:i}),a(M,{categories:d,activeTab:p,onClickFn:N})]}),u("div",{className:"mb-12 sm:flex",children:[u(A,{wrap:!0,className:"w-full mb-8 lg:mb-0 lg:w-1/2",children:[(f=(g=s==null?void 0:s.content)==null?void 0:g.slice(e,e+2))==null?void 0:f.map(r=>a(k,{size:"sm",content:r},r._key)),(y=(w=s==null?void 0:s.content)==null?void 0:w.slice(e+2,e+3))==null?void 0:y.map(r=>a(k,{size:"lg",content:r},r._key))]}),u("div",{className:"w-full lg:w-1/2",children:[($=(B=s==null?void 0:s.content)==null?void 0:B.slice(e+3,e+4))==null?void 0:$.map(r=>a(k,{size:"lg",content:r},r._key)),a("div",{className:"flex flex-wrap",children:(_=(S=s==null?void 0:s.content)==null?void 0:S.slice(e+4,x))==null?void 0:_.map(r=>a(k,{size:"sm",content:r},r._key))})]})]}),a(D,{button:m})]})})}function j({caption:l,title:i}){return!l||!i?null:u(R.Fragment,{children:[a(h,{weight:"semibold",children:l}),a(P,{className:"mb-6",fontSize:"2xl",children:i})]})}function D({button:l}){return l!=null&&l.label?a("div",{className:"text-center",children:a(T,{as:"link",ariaLabel:l==null?void 0:l.label,link:l,className:"text-white",children:l==null?void 0:l.label})}):null}function M({categories:l,activeTab:i,onClickFn:d}){return!l||(l==null?void 0:l.length)===0?null:a(A,{className:"inline-flex py-1 text-sm bg-white rounded",wrap:!0,children:l==null?void 0:l.map((m,b)=>{var x;return a(T,{variant:"tab",as:"button",ariaLabel:(x=m==null?void 0:m.category)!=null?x:`Category button ${b+1}`,isActive:i===(m==null?void 0:m.category),onClick:()=>d==null?void 0:d(m==null?void 0:m.category),children:m==null?void 0:m.category},m==null?void 0:m._key)})})}function k({size:l,content:i}){var b,x,e,p,N,s,v,g,f,w,y;let m=z("639")?60:90;return a("div",{className:`w-full px-4 mb-8 ${l==="lg"?"w-full":"lg:w-1/2"}`,children:((b=i==null?void 0:i.mainImage)==null?void 0:b.image)&&u("div",{className:"relative overflow-hidden rounded",children:[a(I,{className:`object-cover w-full ${l==="lg"?"h-128":"h-64"}`,src:(x=i==null?void 0:i.mainImage)==null?void 0:x.image,alt:`portfolio-image-${i==null?void 0:i._key}`}),a("div",{className:"absolute inset-0 z-10 justify-center p-6 duration-300 bg-slate-900 rounded-lg opacity-0 hover:opacity-80",children:u("div",{className:"max-w-md my-auto text-xs",children:[(i==null?void 0:i.subtitle)&&a(h,{className:"text-sm text-primary",weight:"bold",children:((e=i==null?void 0:i.subtitle)==null?void 0:e.length)>26?`${(p=i==null?void 0:i.subtitle)==null?void 0:p.substring(0,26)}...`:i==null?void 0:i.subtitle}),(i==null?void 0:i.title)&&a(P,{weight:"bold",className:`my-5 text-white ${l==="lg"?"text-sm md:text-xl":"text-sm"}`,children:((N=i==null?void 0:i.title)==null?void 0:N.length)>38?`${(s=i==null?void 0:i.title)==null?void 0:s.substring(0,38)}...`:i==null?void 0:i.title}),u("div",{className:"max-w-xs my-5",children:[(i==null?void 0:i.description)&&a(h,{fontSize:"xs",muted:!0,className:"mb-6 text-white",children:((v=i==null?void 0:i.description)==null?void 0:v.length)>m?`${(g=i==null?void 0:i.description)==null?void 0:g.substring(0,m)}...`:i==null?void 0:i.description}),((f=i==null?void 0:i.primaryButton)==null?void 0:f.label)&&a(T,{as:"link",variant:"outline",ariaLabel:(w=i==null?void 0:i.primaryButton)==null?void 0:w.label,link:i==null?void 0:i.primaryButton,className:"bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 inline-block rounded-l-xl rounded-t-xl font-bold transition duration-200 px-3 py-4",children:(y=i==null?void 0:i.primaryButton)==null?void 0:y.label})]})]})})]})})}export{H as a};

package/dist/chunk-EFEWEAHL.mjs

@@ -1 +0,0 @@
-import{Button as b}from"@stackshift-ui/button";import{Heading as w}from"@stackshift-ui/heading";import{Text as f}from"@stackshift-ui/text";import{Image as r}from"@stackshift-ui/image";import{Section as C}from"@stackshift-ui/section";import{Container as P}from"@stackshift-ui/container";import{Flex as k}from"@stackshift-ui/flex";import{jsx as i,jsxs as m}from"react/jsx-runtime";function L({caption:l,title:a,portfolios:d,primaryButton:e,length:s=6}){let g=s;return i(C,{className:"py-20 bg-background",children:m(P,{maxWidth:1280,children:[m(k,{wrap:!0,align:"center",justify:"center",className:"mb-16 md:justify-between",children:[i(T,{caption:l,title:a}),i("div",{className:"hidden mt-5 text-right md:mt-0 lg:mt-0 lg:block xl:mt-0",children:(e==null?void 0:e.label)&&i(b,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,children:e==null?void 0:e.label})})]}),i(S,{portfolios:d,portfolioLength:g}),i("div",{className:"block mt-5 text-center md:mt-0 lg:mt-0 lg:hidden xl:mt-0",children:(e==null?void 0:e.label)&&i(b,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,children:e==null?void 0:e.label})})]})})}function T({caption:l,title:a}){return!l||!a?null:m("div",{className:"text-center lg:text-left",children:[i(f,{weight:"semibold",children:l}),i(w,{className:"mb-6",fontSize:"2xl",children:a})]})}function I({content:l}){var a,d,e,s,g,x,h,v,N;return i("div",{className:"relative w-full px-4 mb-8 md:w-1/2 lg:w-1/3",children:((a=l==null?void 0:l.mainImage)==null?void 0:a.image)&&m("div",{className:"h-full overflow-hidden bg-white rounded",style:{maxHeight:"600px"},children:[i(r,{className:"object-cover w-full h-80",src:(d=l==null?void 0:l.mainImage)==null?void 0:d.image,width:480,height:320,alt:(s=(e=l==null?void 0:l.mainImage)==null?void 0:e.alt)!=null?s:"portfolio-image"}),m("div",{className:"p-6",children:[i(f,{muted:!0,children:l==null?void 0:l.dateAdded}),(l==null?void 0:l.title)&&i(f,{weight:"bold",fontSize:"xl",className:"mb-4",children:((g=l==null?void 0:l.title)==null?void 0:g.length)>31?`${(x=l==null?void 0:l.title)==null?void 0:x.substring(0,31)}...`:l==null?void 0:l.title}),((h=l==null?void 0:l.primaryButton)==null?void 0:h.label)&&i(b,{as:"link",variant:"link",ariaLabel:(v=l==null?void 0:l.primaryButton)==null?void 0:v.label,link:l==null?void 0:l.primaryButton,className:"font-bold no-underline text-primary transition-200 hover:text-primary/50",children:(N=l==null?void 0:l.primaryButton)==null?void 0:N.label})]})]})})}function S({portfolios:l,portfolioLength:a}){return!l||(l==null?void 0:l.length)===0?null:i(k,{wrap:!0,className:"mb-4",children:l==null?void 0:l.slice(0,a).map(d=>i(I,{content:d},d._key))})}export{L as a};

package/dist/chunk-JF63GJ27.mjs

@@ -1 +0,0 @@
-import{Button as g}from"@stackshift-ui/button";import{Heading as w}from"@stackshift-ui/heading";import{Text as x}from"@stackshift-ui/text";import{Image as k}from"@stackshift-ui/image";import{Section as u}from"@stackshift-ui/section";import{Container as C}from"@stackshift-ui/container";import{Flex as r}from"@stackshift-ui/flex";import{jsx as a,jsxs as s}from"react/jsx-runtime";function P({caption:l,title:i,portfolios:d,primaryButton:e,length:m=6}){let b=m;return a(u,{className:"py-20 bg-background",children:s(C,{maxWidth:1280,children:[s(r,{wrap:!0,align:"center",justify:"center",className:"mb-16 md:justify-between",children:[a(L,{caption:l,title:i}),a("div",{className:"hidden mt-5 text-right md:mt-0 lg:mt-0 lg:block xl:mt-0",children:(e==null?void 0:e.label)&&a(g,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,children:e==null?void 0:e.label})})]}),a(I,{portfolios:d,portfolioLength:b}),a("div",{className:"block mt-5 text-center md:mt-0 lg:mt-0 lg:hidden xl:mt-0",children:(e==null?void 0:e.label)&&a(g,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,children:e==null?void 0:e.label})})]})})}function L({caption:l,title:i}){return!l||!i?null:s("div",{className:"text-center lg:text-left",children:[a(x,{weight:"semibold",children:l}),a(w,{className:"mb-6",fontSize:"2xl",children:i})]})}function T({content:l}){var i,d,e,m,b,f,h,v,N;return a("div",{className:"w-full px-4 mb-4 md:w-1/2 lg:w-1/3",children:s("div",{className:"relative mx-auto overflow-hidden rounded md:mb-5",children:[((i=l==null?void 0:l.mainImage)==null?void 0:i.image)&&a(k,{className:"object-cover w-full h-80",src:(d=l==null?void 0:l.mainImage)==null?void 0:d.image,width:480,height:320,alt:(m=(e=l==null?void 0:l.mainImage)==null?void 0:e.alt)!=null?m:"portfolio-image"}),s(r,{direction:"col",align:"start",className:"absolute inset-0 z-10 items-start p-6 duration-300 bg-slate-900 rounded opacity-0 hover:opacity-75",children:[a(x,{className:"text-secondary-foreground",children:l==null?void 0:l.dateAdded}),(l==null?void 0:l.title)&&a(x,{weight:"bold",className:"mb-auto text-white md:text-xl lg:text-2xl",children:((b=l==null?void 0:l.title)==null?void 0:b.length)>80?`${(f=l==null?void 0:l.title)==null?void 0:f.substring(0,80)}...`:l==null?void 0:l.title}),((h=l==null?void 0:l.primaryButton)==null?void 0:h.label)&&a(g,{as:"link",variant:"outline",ariaLabel:(v=l==null?void 0:l.primaryButton)==null?void 0:v.label,link:l==null?void 0:l.primaryButton,className:"bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 inline-block rounded-l-xl rounded-t-xl font-bold transition duration-200 px-3 py-4",children:(N=l==null?void 0:l.primaryButton)==null?void 0:N.label})]})]})})}function I({portfolios:l,portfolioLength:i}){return!l||(l==null?void 0:l.length)===0?null:a(r,{wrap:!0,className:"mb-4 ",children:l==null?void 0:l.slice(0,i).map(d=>a(T,{content:d},d._key))})}export{P as a};