@sth87/shadcn-design-system 0.0.35 → 0.1.0

package/dist/esm/components/Tour/TourWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"TourWrapper.js","sources":["../../../../src/components/Tour/TourWrapper.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  Root,\n  Portal,\n  Step,\n  Arrow,\n  Header,\n  Title,\n  Description,\n  Close,\n  Footer,\n  Prev,\n  Next,\n  Skip,\n  StepCounter,\n  Spotlight,\n  SpotlightRing,\n} from \"./Tour\";\nimport type { TourProps } from \"./Tour\";\n\ninterface TourStep {\n  target: string | React.RefObject<HTMLElement> | HTMLElement;\n  title: string;\n  description?: string;\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  align?: \"start\" | \"center\" | \"end\";\n  alignOffset?: number;\n  sideOffset?: number;\n  collisionBoundary?: Element | null | Array<Element | null>;\n  collisionPadding?:\n    | number\n    | Partial<Record<\"top\" | \"right\" | \"bottom\" | \"left\", number>>;\n  arrowPadding?: number;\n  sticky?: \"partial\" | \"always\";\n  hideWhenDetached?: boolean;\n  avoidCollisions?: boolean;\n  required?: boolean;\n  forceMount?: boolean;\n  hideArrow?: boolean;\n  hideClose?: boolean;\n  hideFooter?: boolean;\n  hideSkip?: boolean;\n  hideStepCounter?: boolean;\n  content?: React.ReactNode;\n  onStepEnter?: () => void;\n  onStepLeave?: () => void;\n}\n\ninterface ButtonConfig {\n  skip?: string;\n  prev?: string;\n  next?: string;\n  finish?: string;\n}\n\ninterface TourWrapperProps extends Omit<TourProps, \"children\"> {\n  steps?: TourStep[];\n  children?: React.ReactNode;\n  showSpotlight?: boolean;\n  showSpotlightRing?: boolean;\n  spotlightClassName?: string;\n  spotlightRingClassName?: string;\n  buttonConfig?: ButtonConfig;\n}\n\nfunction TourWrapper({\n  steps,\n  children,\n  showSpotlight = true,\n  showSpotlightRing = true,\n  spotlightClassName,\n  spotlightRingClassName,\n  buttonConfig,\n  ...props\n}: TourWrapperProps) {\n  return (\n    <Root {...props}>\n      <Portal>\n        {showSpotlight && (\n          <>\n            <Spotlight className={spotlightClassName} />\n            {showSpotlightRing && (\n              <SpotlightRing className={spotlightRingClassName} />\n            )}\n          </>\n        )}\n\n        {steps &&\n          steps.length > 0 &&\n          steps.map((step, index) => (\n            <Step\n              key={index}\n              target={step.target}\n              side={step.side}\n              align={step.align}\n              alignOffset={step.alignOffset}\n              sideOffset={step.sideOffset}\n              collisionBoundary={step.collisionBoundary}\n              collisionPadding={step.collisionPadding}\n              arrowPadding={step.arrowPadding}\n              sticky={step.sticky}\n              hideWhenDetached={step.hideWhenDetached}\n              avoidCollisions={step.avoidCollisions}\n              required={step.required}\n              forceMount={step.forceMount}\n              onStepEnter={step.onStepEnter}\n              onStepLeave={step.onStepLeave}\n            >\n              {!step.hideArrow && <Arrow />}\n              <Header>\n                <Title>{step.title}</Title>\n                {!step.hideClose && <Close />}\n              </Header>\n              {step.description && (\n                <Description>{step.description}</Description>\n              )}\n              {step.content && <div className=\"py-2\">{step.content}</div>}\n              {!step.hideFooter && (\n                <Footer>\n                  <div className=\"flex items-center gap-2\">\n                    {!step.hideStepCounter && <StepCounter />}\n                    {!step.hideSkip &&\n                      index === 0 &&\n                      (buttonConfig?.skip ? (\n                        <Skip>{buttonConfig.skip}</Skip>\n                      ) : (\n                        <Skip />\n                      ))}\n                  </div>\n                  <div className=\"flex items-center gap-2\">\n                    {index > 0 &&\n                      (buttonConfig?.prev ? (\n                        <Prev>{buttonConfig.prev}</Prev>\n                      ) : (\n                        <Prev />\n                      ))}\n                    {buttonConfig?.next ? (\n                      index === steps.length - 1 && buttonConfig?.finish ? (\n                        <Next>{buttonConfig.finish}</Next>\n                      ) : (\n                        <Next>{buttonConfig.next}</Next>\n                      )\n                    ) : (\n                      <Next />\n                    )}\n                  </div>\n                </Footer>\n              )}\n            </Step>\n          ))}\n      </Portal>\n\n      {children}\n    </Root>\n  );\n}\n\nexport { TourWrapper };\nexport type { TourWrapperProps, TourStep, ButtonConfig };\n"],"names":["TourWrapper","steps","children","showSpotlight","showSpotlightRing","spotlightClassName","spotlightRingClassName","buttonConfig","props","jsxs","Root","Portal","Fragment","jsx","Spotlight","SpotlightRing","step","index","Step","Arrow","Header","Title","Close","Description","Footer","StepCounter","Skip","Prev","Next"],"mappings":";;;AAmEA,SAASA,EAAY;AAAA,EACnB,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,mBAAAC,IAAoB;AAAA,EACpB,oBAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,GAAGC;AACL,GAAqB;AACnB,SACE,gBAAAC,EAACC,GAAA,EAAM,GAAGF,GACR,UAAA;AAAA,IAAA,gBAAAC,EAACE,GAAA,EACE,UAAA;AAAA,MAAAR,KACC,gBAAAM,EAAAG,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAC,EAACC,GAAA,EAAU,WAAWT,EAAA,CAAoB;AAAA,QACzCD,KACC,gBAAAS,EAACE,GAAA,EAAc,WAAWT,EAAA,CAAwB;AAAA,MAAA,GAEtD;AAAA,MAGDL,KACCA,EAAM,SAAS,KACfA,EAAM,IAAI,CAACe,GAAMC,MACf,gBAAAR;AAAA,QAACS;AAAAA,QAAA;AAAA,UAEC,QAAQF,EAAK;AAAA,UACb,MAAMA,EAAK;AAAA,UACX,OAAOA,EAAK;AAAA,UACZ,aAAaA,EAAK;AAAA,UAClB,YAAYA,EAAK;AAAA,UACjB,mBAAmBA,EAAK;AAAA,UACxB,kBAAkBA,EAAK;AAAA,UACvB,cAAcA,EAAK;AAAA,UACnB,QAAQA,EAAK;AAAA,UACb,kBAAkBA,EAAK;AAAA,UACvB,iBAAiBA,EAAK;AAAA,UACtB,UAAUA,EAAK;AAAA,UACf,YAAYA,EAAK;AAAA,UACjB,aAAaA,EAAK;AAAA,UAClB,aAAaA,EAAK;AAAA,UAEjB,UAAA;AAAA,YAAA,CAACA,EAAK,aAAa,gBAAAH,EAACM,GAAA,CAAA,CAAM;AAAA,8BAC1BC,GAAA,EACC,UAAA;AAAA,cAAA,gBAAAP,EAACQ,GAAA,EAAO,YAAK,MAAA,CAAM;AAAA,cAClB,CAACL,EAAK,aAAa,gBAAAH,EAACS,GAAA,CAAA,CAAM;AAAA,YAAA,GAC7B;AAAA,YACCN,EAAK,eACJ,gBAAAH,EAACU,GAAA,EAAa,YAAK,aAAY;AAAA,YAEhCP,EAAK,WAAW,gBAAAH,EAAC,SAAI,WAAU,QAAQ,YAAK,SAAQ;AAAA,YACpD,CAACG,EAAK,cACL,gBAAAP,EAACe,GAAA,EACC,UAAA;AAAA,cAAA,gBAAAf,EAAC,OAAA,EAAI,WAAU,2BACZ,UAAA;AAAA,gBAAA,CAACO,EAAK,mBAAmB,gBAAAH,EAACY,GAAA,CAAA,CAAY;AAAA,gBACtC,CAACT,EAAK,YACLC,MAAU,MACTV,GAAc,OACb,gBAAAM,EAACa,GAAA,EAAM,UAAAnB,EAAa,KAAA,CAAK,sBAExBmB,GAAA,EAAK;AAAA,cAAA,GAEZ;AAAA,cACA,gBAAAjB,EAAC,OAAA,EAAI,WAAU,2BACZ,UAAA;AAAA,gBAAAQ,IAAQ,MACNV,GAAc,OACb,gBAAAM,EAACc,KAAM,UAAApB,EAAa,KAAA,CAAK,IAEzB,gBAAAM,EAACc,GAAA,CAAA,CAAK;AAAA,gBAETpB,GAAc,OACbU,MAAUhB,EAAM,SAAS,KAAKM,GAAc,SAC1C,gBAAAM,EAACe,KAAM,UAAArB,EAAa,QAAO,IAE3B,gBAAAM,EAACe,GAAA,EAAM,YAAa,KAAA,CAAK,sBAG1BA,GAAA,CAAA,CAAK;AAAA,cAAA,EAAA,CAEV;AAAA,YAAA,EAAA,CACF;AAAA,UAAA;AAAA,QAAA;AAAA,QAvDGX;AAAA,MAAA,CA0DR;AAAA,IAAA,GACL;AAAA,IAECf;AAAA,EAAA,GACH;AAEJ;"}
+{"version":3,"file":"TourWrapper.js","sources":["../../../../src/components/Tour/TourWrapper.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  Root,\n  Portal,\n  Step,\n  Arrow,\n  Header,\n  Title,\n  Description,\n  Close,\n  Footer,\n  Prev,\n  Next,\n  Skip,\n  StepCounter,\n  Spotlight,\n  SpotlightRing,\n} from \"./Tour\";\nimport type { TourProps } from \"./Tour\";\n\ninterface TourStep {\n  target: string | React.RefObject<HTMLElement> | HTMLElement;\n  title: string;\n  description?: string;\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  align?: \"start\" | \"center\" | \"end\";\n  alignOffset?: number;\n  sideOffset?: number;\n  collisionBoundary?: Element | null | Array<Element | null>;\n  collisionPadding?:\n    | number\n    | Partial<Record<\"top\" | \"right\" | \"bottom\" | \"left\", number>>;\n  arrowPadding?: number;\n  sticky?: \"partial\" | \"always\";\n  hideWhenDetached?: boolean;\n  avoidCollisions?: boolean;\n  required?: boolean;\n  forceMount?: boolean;\n  hideArrow?: boolean;\n  hideClose?: boolean;\n  hideFooter?: boolean;\n  hideSkip?: boolean;\n  hideStepCounter?: boolean;\n  content?: React.ReactNode;\n  onStepEnter?: () => void;\n  onStepLeave?: () => void;\n}\n\ninterface ButtonConfig {\n  skip?: string;\n  prev?: string;\n  next?: string;\n  finish?: string;\n}\n\ninterface TourWrapperProps extends Omit<TourProps, \"children\"> {\n  steps?: TourStep[];\n  children?: React.ReactNode;\n  showSpotlight?: boolean;\n  showSpotlightRing?: boolean;\n  spotlightClassName?: string;\n  spotlightRingClassName?: string;\n  buttonConfig?: ButtonConfig;\n}\n\nfunction TourWrapper({\n  steps,\n  children,\n  showSpotlight = true,\n  showSpotlightRing = true,\n  spotlightClassName,\n  spotlightRingClassName,\n  buttonConfig,\n  ...props\n}: TourWrapperProps) {\n  return (\n    <Root {...props}>\n      <Portal>\n        {showSpotlight && (\n          <>\n            <Spotlight className={spotlightClassName} />\n            {showSpotlightRing && (\n              <SpotlightRing className={spotlightRingClassName} />\n            )}\n          </>\n        )}\n\n        {steps &&\n          steps.length > 0 &&\n          steps.map((step, index) => (\n            <Step\n              key={index}\n              target={step.target}\n              side={step.side}\n              align={step.align}\n              alignOffset={step.alignOffset}\n              sideOffset={step.sideOffset}\n              collisionBoundary={step.collisionBoundary}\n              collisionPadding={step.collisionPadding}\n              arrowPadding={step.arrowPadding}\n              sticky={step.sticky}\n              hideWhenDetached={step.hideWhenDetached}\n              avoidCollisions={step.avoidCollisions}\n              required={step.required}\n              forceMount={step.forceMount}\n              onStepEnter={step.onStepEnter}\n              onStepLeave={step.onStepLeave}\n            >\n              {!step.hideArrow && <Arrow />}\n              <Header>\n                <Title>{step.title}</Title>\n                {!step.hideClose && <Close />}\n              </Header>\n              {step.description && (\n                <Description>{step.description}</Description>\n              )}\n              {step.content && <div className=\"ds:py-2\">{step.content}</div>}\n              {!step.hideFooter && (\n                <Footer>\n                  <div className=\"ds:flex ds:items-center ds:gap-2\">\n                    {!step.hideStepCounter && <StepCounter />}\n                    {!step.hideSkip &&\n                      index === 0 &&\n                      (buttonConfig?.skip ? (\n                        <Skip>{buttonConfig.skip}</Skip>\n                      ) : (\n                        <Skip />\n                      ))}\n                  </div>\n                  <div className=\"ds:flex ds:items-center ds:gap-2\">\n                    {index > 0 &&\n                      (buttonConfig?.prev ? (\n                        <Prev>{buttonConfig.prev}</Prev>\n                      ) : (\n                        <Prev />\n                      ))}\n                    {buttonConfig?.next ? (\n                      index === steps.length - 1 && buttonConfig?.finish ? (\n                        <Next>{buttonConfig.finish}</Next>\n                      ) : (\n                        <Next>{buttonConfig.next}</Next>\n                      )\n                    ) : (\n                      <Next />\n                    )}\n                  </div>\n                </Footer>\n              )}\n            </Step>\n          ))}\n      </Portal>\n\n      {children}\n    </Root>\n  );\n}\n\nexport { TourWrapper };\nexport type { TourWrapperProps, TourStep, ButtonConfig };\n"],"names":["TourWrapper","steps","children","showSpotlight","showSpotlightRing","spotlightClassName","spotlightRingClassName","buttonConfig","props","jsxs","Root","Portal","Fragment","jsx","Spotlight","SpotlightRing","step","index","Step","Arrow","Header","Title","Close","Description","Footer","StepCounter","Skip","Prev","Next"],"mappings":";;;AAmEA,SAASA,EAAY;AAAA,EACnB,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,mBAAAC,IAAoB;AAAA,EACpB,oBAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,GAAGC;AACL,GAAqB;AACnB,SACE,gBAAAC,EAACC,GAAA,EAAM,GAAGF,GACR,UAAA;AAAA,IAAA,gBAAAC,EAACE,GAAA,EACE,UAAA;AAAA,MAAAR,KACC,gBAAAM,EAAAG,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAC,EAACC,GAAA,EAAU,WAAWT,EAAA,CAAoB;AAAA,QACzCD,KACC,gBAAAS,EAACE,GAAA,EAAc,WAAWT,EAAA,CAAwB;AAAA,MAAA,GAEtD;AAAA,MAGDL,KACCA,EAAM,SAAS,KACfA,EAAM,IAAI,CAACe,GAAMC,MACf,gBAAAR;AAAA,QAACS;AAAAA,QAAA;AAAA,UAEC,QAAQF,EAAK;AAAA,UACb,MAAMA,EAAK;AAAA,UACX,OAAOA,EAAK;AAAA,UACZ,aAAaA,EAAK;AAAA,UAClB,YAAYA,EAAK;AAAA,UACjB,mBAAmBA,EAAK;AAAA,UACxB,kBAAkBA,EAAK;AAAA,UACvB,cAAcA,EAAK;AAAA,UACnB,QAAQA,EAAK;AAAA,UACb,kBAAkBA,EAAK;AAAA,UACvB,iBAAiBA,EAAK;AAAA,UACtB,UAAUA,EAAK;AAAA,UACf,YAAYA,EAAK;AAAA,UACjB,aAAaA,EAAK;AAAA,UAClB,aAAaA,EAAK;AAAA,UAEjB,UAAA;AAAA,YAAA,CAACA,EAAK,aAAa,gBAAAH,EAACM,GAAA,CAAA,CAAM;AAAA,8BAC1BC,GAAA,EACC,UAAA;AAAA,cAAA,gBAAAP,EAACQ,GAAA,EAAO,YAAK,MAAA,CAAM;AAAA,cAClB,CAACL,EAAK,aAAa,gBAAAH,EAACS,GAAA,CAAA,CAAM;AAAA,YAAA,GAC7B;AAAA,YACCN,EAAK,eACJ,gBAAAH,EAACU,GAAA,EAAa,YAAK,aAAY;AAAA,YAEhCP,EAAK,WAAW,gBAAAH,EAAC,SAAI,WAAU,WAAW,YAAK,SAAQ;AAAA,YACvD,CAACG,EAAK,cACL,gBAAAP,EAACe,GAAA,EACC,UAAA;AAAA,cAAA,gBAAAf,EAAC,OAAA,EAAI,WAAU,oCACZ,UAAA;AAAA,gBAAA,CAACO,EAAK,mBAAmB,gBAAAH,EAACY,GAAA,CAAA,CAAY;AAAA,gBACtC,CAACT,EAAK,YACLC,MAAU,MACTV,GAAc,OACb,gBAAAM,EAACa,GAAA,EAAM,UAAAnB,EAAa,KAAA,CAAK,sBAExBmB,GAAA,EAAK;AAAA,cAAA,GAEZ;AAAA,cACA,gBAAAjB,EAAC,OAAA,EAAI,WAAU,oCACZ,UAAA;AAAA,gBAAAQ,IAAQ,MACNV,GAAc,OACb,gBAAAM,EAACc,KAAM,UAAApB,EAAa,KAAA,CAAK,IAEzB,gBAAAM,EAACc,GAAA,CAAA,CAAK;AAAA,gBAETpB,GAAc,OACbU,MAAUhB,EAAM,SAAS,KAAKM,GAAc,SAC1C,gBAAAM,EAACe,KAAM,UAAArB,EAAa,QAAO,IAE3B,gBAAAM,EAACe,GAAA,EAAM,YAAa,KAAA,CAAK,sBAG1BA,GAAA,CAAA,CAAK;AAAA,cAAA,EAAA,CAEV;AAAA,YAAA,EAAA,CACF;AAAA,UAAA;AAAA,QAAA;AAAA,QAvDGX;AAAA,MAAA,CA0DR;AAAA,IAAA,GACL;AAAA,IAECf;AAAA,EAAA,GACH;AAEJ;"}