@stack-spot/portal-layout 0.0.63 → 0.0.65

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (55) hide show
  1. package/dist/Layout.d.ts +1 -1
  2. package/dist/Layout.d.ts.map +1 -1
  3. package/dist/Layout.js +2 -2
  4. package/dist/Layout.js.map +1 -1
  5. package/dist/LayoutOverlayManager.d.ts +9 -0
  6. package/dist/LayoutOverlayManager.d.ts.map +1 -1
  7. package/dist/LayoutOverlayManager.js +21 -1
  8. package/dist/LayoutOverlayManager.js.map +1 -1
  9. package/dist/components/SelectionList.js.map +1 -1
  10. package/dist/components/menu/MenuContent.d.ts +2 -545
  11. package/dist/components/menu/MenuContent.d.ts.map +1 -1
  12. package/dist/components/menu/MenuContent.js.map +1 -1
  13. package/dist/components/menu/MenuSections.js.map +1 -1
  14. package/dist/components/menu/PageSelector.js.map +1 -1
  15. package/dist/components/menu/use-check-text-overflow.js.map +1 -1
  16. package/dist/utils.d.ts +27 -0
  17. package/dist/utils.d.ts.map +1 -1
  18. package/dist/utils.js +50 -0
  19. package/dist/utils.js.map +1 -1
  20. package/package.json +1 -1
  21. package/src/Layout.tsx +2 -1
  22. package/src/LayoutOverlayManager.tsx +17 -1
  23. package/src/utils.ts +48 -0
  24. package/dist/components/tour/StepContainer.d.ts +0 -13
  25. package/dist/components/tour/StepContainer.d.ts.map +0 -1
  26. package/dist/components/tour/StepContainer.js +0 -48
  27. package/dist/components/tour/StepContainer.js.map +0 -1
  28. package/dist/components/tour/StepNavigation.d.ts +0 -13
  29. package/dist/components/tour/StepNavigation.d.ts.map +0 -1
  30. package/dist/components/tour/StepNavigation.js +0 -20
  31. package/dist/components/tour/StepNavigation.js.map +0 -1
  32. package/dist/components/tour/StepTitle.d.ts +0 -7
  33. package/dist/components/tour/StepTitle.d.ts.map +0 -1
  34. package/dist/components/tour/StepTitle.js +0 -5
  35. package/dist/components/tour/StepTitle.js.map +0 -1
  36. package/dist/components/tour/config.d.ts +0 -3
  37. package/dist/components/tour/config.d.ts.map +0 -1
  38. package/dist/components/tour/config.js +0 -13
  39. package/dist/components/tour/config.js.map +0 -1
  40. package/dist/components/tour/context.d.ts +0 -17
  41. package/dist/components/tour/context.d.ts.map +0 -1
  42. package/dist/components/tour/context.js +0 -48
  43. package/dist/components/tour/context.js.map +0 -1
  44. package/dist/components/tour/index.d.ts +0 -4
  45. package/dist/components/tour/index.d.ts.map +0 -1
  46. package/dist/components/tour/index.js +0 -4
  47. package/dist/components/tour/index.js.map +0 -1
  48. package/dist/components/tour/steps/PortalSwitcherStep.d.ts +0 -2
  49. package/dist/components/tour/steps/PortalSwitcherStep.d.ts.map +0 -1
  50. package/dist/components/tour/steps/PortalSwitcherStep.js +0 -29
  51. package/dist/components/tour/steps/PortalSwitcherStep.js.map +0 -1
  52. package/dist/components/tour/utils.d.ts +0 -13
  53. package/dist/components/tour/utils.d.ts.map +0 -1
  54. package/dist/components/tour/utils.js +0 -43
  55. package/dist/components/tour/utils.js.map +0 -1
@@ -1,29 +0,0 @@
1
- import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Box, Image, Text } from '@citric/core';
3
- import { useTranslate } from '@stack-spot/portal-translate';
4
- import { tourStepBuilder } from '../utils.js';
5
- export const usePortalSwitcherStep = () => {
6
- const t = useTranslate(translations);
7
- return tourStepBuilder({
8
- selector: '.portal-switcher',
9
- title: t.title,
10
- content: _jsxs(_Fragment, { children: [_jsx(Image, { src: "https://marketing.stackspot.com/switch-v2.gif", alt: t.imageAlt }), _jsx(Box, { px: 5, py: 3, children: _jsx(Text, { appearance: "microtext1", colorScheme: "inverse.contrastText", children: t.description }) })] }),
11
- position: 'right',
12
- style: {
13
- width: '300px',
14
- },
15
- });
16
- };
17
- const translations = {
18
- en: {
19
- title: 'Expand Your Horizons with Stackspot',
20
- description: 'Easily switch between EDP and AI to enhance your projects. Access a wide range of resources with just one click and take your projects to a new level of efficiency. Start your journey now!',
21
- imageAlt: 'GIF describing how to use product switcher and navigate between AI and EDP portals',
22
- },
23
- pt: {
24
- title: 'Expanda Seus Horizontes com Stackspot',
25
- description: 'Troque facilmente entre EDP e AI para aprimorar seus projetos. Acesse uma ampla gama de recursos com apenas um clique e leve seus projetos para um novo nível de eficiência. Comece sua jornada agora!',
26
- imageAlt: 'GIF mostrando como usar o alternador de produtos e navegar entre os portais AI e EDP',
27
- },
28
- };
29
- //# sourceMappingURL=PortalSwitcherStep.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PortalSwitcherStep.js","sourceRoot":"","sources":["../../../../src/components/tour/steps/PortalSwitcherStep.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE1C,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACxC,MAAM,CAAC,GAAG,YAAY,CAAC,YAAY,CAAC,CAAA;IACpC,OAAO,eAAe,CAAC;QACrB,QAAQ,EAAE,kBAAkB;QAC5B,KAAK,EAAE,CAAC,CAAC,KAAK;QACd,OAAO,EAAE,8BACP,KAAC,KAAK,IAAC,GAAG,EAAC,+CAA+C,EAAC,GAAG,EAAE,CAAC,CAAC,QAAQ,GAAI,EAC9E,KAAC,GAAG,IAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,YACf,KAAC,IAAI,IAAC,UAAU,EAAC,YAAY,EAAC,WAAW,EAAC,sBAAsB,YAAE,CAAC,CAAC,WAAW,GAAQ,GACnF,IACL;QACH,QAAQ,EAAE,OAAO;QACjB,KAAK,EAAE;YACL,KAAK,EAAE,OAAO;SACf;KACF,CAAC,CAAA;AACJ,CAAC,CAAA;AAKD,MAAM,YAAY,GAAG;IACnB,EAAE,EAAE;QACF,KAAK,EAAE,qCAAqC;QAC5C,WAAW,EAAE,8LAA8L;QAC3M,QAAQ,EAAE,oFAAoF;KAC/F;IACD,EAAE,EAAE;QACF,KAAK,EAAE,uCAAuC;QAC9C,WAAW,EAAE,wMAAwM;QACrN,QAAQ,EAAE,sFAAsF;KACjG;CACF,CAAA"}
@@ -1,13 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { ReactourStep } from 'reactour';
3
- import { NavigationProps } from './StepNavigation.js';
4
- export declare const finishTourStep: (key: string) => void;
5
- export declare const isNewTourStep: (step: ReactourStep) => boolean;
6
- export declare const hasFinishedTourStep: (key: string) => boolean;
7
- export declare const tourStepBuilder: ({ selector, position, title, content, style, customNavigation, ...rest }: ReactourStep & {
8
- title: string;
9
- selector: string;
10
- content: ReactNode;
11
- customNavigation?: NavigationProps | undefined;
12
- }) => ReactourStep;
13
- //# sourceMappingURL=utils.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/tour/utils.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAyBlD,eAAO,MAAM,cAAc,QAAS,MAAM,SAIzC,CAAA;AAED,eAAO,MAAM,aAAa,SAAU,YAAY,YAA6C,CAAA;AAC7F,eAAO,MAAM,mBAAmB,QAAS,MAAM,YAAkC,CAAA;AAEjF,eAAO,MAAM,eAAe;WAQD,MAAM;cAAY,MAAM;aAAW,SAAS;;MAAyC,YAkB9G,CAAA"}
@@ -1,43 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { theme } from '@stack-spot/portal-theme';
3
- import { StepContainer } from './StepContainer.js';
4
- const TOUR_COOKIE = 'guided-tour-global';
5
- const DOMAIN_REGEX = new RegExp(/(\.*(prd|stg|dev)*.stackspot.com)|localhost/);
6
- const portalUrl = new URL(location.href);
7
- const cookieDomain = DOMAIN_REGEX.exec(portalUrl.host)?.[0];
8
- const defaultCookieAttributes = `domain=${cookieDomain}; SameSite=Strict;`;
9
- const getCookies = () => document.cookie.split('; ').reduce((prev, current) => {
10
- const [name, ...value] = current.split('=');
11
- prev[name] = value.join('=');
12
- return prev;
13
- }, {});
14
- const setCookie = (key, value) => {
15
- document.cookie = `${key}=${value}; ${defaultCookieAttributes}`;
16
- };
17
- const getCookie = (key) => getCookies()[key];
18
- const getTourCookie = () => {
19
- const currentTourObject = getCookie(TOUR_COOKIE);
20
- return currentTourObject ? currentTourObject.split(',') : [];
21
- };
22
- export const finishTourStep = (key) => {
23
- const tourObject = getTourCookie();
24
- if (!tourObject.includes(key))
25
- tourObject.push(key);
26
- setCookie(TOUR_COOKIE, tourObject.toString());
27
- };
28
- export const isNewTourStep = (step) => !hasFinishedTourStep(`${step.selector}`);
29
- export const hasFinishedTourStep = (key) => getTourCookie().includes(key);
30
- export const tourStepBuilder = ({ selector, position, title, content, style, customNavigation, ...rest }) => ({
31
- selector,
32
- content: (_jsx(StepContainer, { stepKey: selector, position: position, title: title, customNavigation: customNavigation, children: content })),
33
- position,
34
- style: {
35
- backgroundColor: theme.color.inverse[500],
36
- width: '256px',
37
- padding: 0,
38
- top: ['right', 'left'].includes(position) ? '-3px' : '0',
39
- ...(style || {}),
40
- },
41
- ...(rest || {}),
42
- });
43
- //# sourceMappingURL=utils.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/tour/utils.tsx"],"names":[],"mappings":"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"}