frst-components 0.21.37 → 0.21.38

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.
package/dist/index.js CHANGED
@@ -12815,14 +12815,15 @@ const ContentDescription = styled__default["default"].div `
12815
12815
  gap: 16px;
12816
12816
  `;
12817
12817
 
12818
- const modalNewFeatures = ({ title = 'Novidades', open, onClose, steps }) => {
12818
+ const modalNewFeatures = ({ title = 'Novidades', open, onClose, onFinish, steps }) => {
12819
12819
  const [numberCurrentStep, setNumberCurrentStep] = React.useState(0);
12820
12820
  const [currentTopic, setCurrentTopic] = React.useState(steps[numberCurrentStep]);
12821
12821
  const isLastStep = currentTopic === steps[steps.length - 1];
12822
12822
  const labelButton = isLastStep ? 'Entendi' : 'Próximo';
12823
+ const variantButton = isLastStep ? 'primary' : 'secondary';
12823
12824
  const handleClickButtonNext = () => {
12824
12825
  if (isLastStep)
12825
- onClose();
12826
+ onFinish();
12826
12827
  else {
12827
12828
  setCurrentTopic(steps[numberCurrentStep + 1]);
12828
12829
  setNumberCurrentStep((prev) => prev + 1);
@@ -12838,7 +12839,7 @@ const modalNewFeatures = ({ title = 'Novidades', open, onClose, steps }) => {
12838
12839
  target.id === 'container-modal' && onClose();
12839
12840
  }, children: jsxRuntime.jsxs(ModalNewFeaturesContent, { children: [jsxRuntime.jsxs(AssideNewFeatures, { children: [jsxRuntime.jsxs("div", { className: "list", children: [jsxRuntime.jsx(Text$1, { className: "title", children: title }), jsxRuntime.jsx(ListTopics, { children: steps.map((topic, i) => {
12840
12841
  return (jsxRuntime.jsx(Topic, { className: currentTopic.topicName === topic.topicName ? 'active' : '', onClick: () => handleClickTopic(i), children: topic.topicName }));
12841
- }) })] }), jsxRuntime.jsx(Button$5, { label: labelButton, variant: "secondary", handleClick: handleClickButtonNext, style: { padding: '8px 32px', height: 'fit-content' } })] }), jsxRuntime.jsxs(MidiaContent, { children: [jsxRuntime.jsxs(Midia, { children: [jsxRuntime.jsx("div", { className: "close", onClick: onClose, children: jsxRuntime.jsx(CloseIcon, {}) }), jsxRuntime.jsx("div", { className: "content", children: currentTopic.typeMidia !== 'video' ? (jsxRuntime.jsx("img", { src: currentTopic.midia, alt: currentTopic.title })) : (jsxRuntime.jsx(ReactPlayer__default["default"], { url: currentTopic.midia, controls: true, playing: true, style: { width: '100%', height: '100%' } })) })] }), jsxRuntime.jsxs(ContentDescription, { children: [jsxRuntime.jsx(Text$1, { className: "subtitle", children: currentTopic.title }), jsxRuntime.jsx(Text$1, { children: currentTopic.description })] })] })] }) })) }));
12842
+ }) })] }), jsxRuntime.jsx(Button$5, { label: labelButton, variant: variantButton, handleClick: handleClickButtonNext, style: { padding: '8px 32px', height: 'fit-content' } })] }), jsxRuntime.jsxs(MidiaContent, { children: [jsxRuntime.jsxs(Midia, { children: [jsxRuntime.jsx("div", { className: "close", onClick: onClose, children: jsxRuntime.jsx(CloseIcon, {}) }), jsxRuntime.jsx("div", { className: "content", children: currentTopic.typeMidia !== 'video' ? (jsxRuntime.jsx("img", { src: currentTopic.midia, alt: currentTopic.title })) : (jsxRuntime.jsx(ReactPlayer__default["default"], { url: currentTopic.midia, controls: true, playing: true, style: { width: '100%', height: '100%' } })) })] }), jsxRuntime.jsxs(ContentDescription, { children: [jsxRuntime.jsx(Text$1, { className: "subtitle", children: currentTopic.title }), jsxRuntime.jsx(Text$1, { children: currentTopic.description })] })] })] }) })) }));
12842
12843
  };
12843
12844
 
12844
12845
  const ProgressBox = styled__default["default"](_.Box) `
@@ -3,19 +3,19 @@ interface BaseProps {
3
3
  className: string;
4
4
  [key: string]: unknown;
5
5
  }
6
- export declare const Button: React.ForwardRefExoticComponent<Pick<{
6
+ export declare const Button: React.ForwardRefExoticComponent<Omit<{
7
7
  active: boolean;
8
8
  reversed: boolean;
9
- } & BaseProps, keyof BaseProps> & React.RefAttributes<HTMLSpanElement>>;
10
- export declare const EditorValue: React.ForwardRefExoticComponent<Pick<{
9
+ } & BaseProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
10
+ export declare const EditorValue: React.ForwardRefExoticComponent<Omit<{
11
11
  value: any;
12
- } & BaseProps, keyof BaseProps> & React.RefAttributes<null>>;
13
- export declare const Icon: React.ForwardRefExoticComponent<Pick<BaseProps, keyof BaseProps> & React.RefAttributes<HTMLSpanElement>>;
14
- export declare const Instruction: React.ForwardRefExoticComponent<Pick<BaseProps, keyof BaseProps> & React.RefAttributes<HTMLDivElement>>;
15
- export declare const Menu: React.ForwardRefExoticComponent<Pick<BaseProps, keyof BaseProps> & React.RefAttributes<HTMLDivElement>>;
12
+ } & BaseProps, "ref"> & React.RefAttributes<null>>;
13
+ export declare const Icon: React.ForwardRefExoticComponent<Omit<BaseProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
14
+ export declare const Instruction: React.ForwardRefExoticComponent<Omit<BaseProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
15
+ export declare const Menu: React.ForwardRefExoticComponent<Omit<BaseProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
16
16
  export declare const Portal: ({ children }: {
17
17
  children: any;
18
18
  }) => any;
19
- export declare const Toolbar: React.ForwardRefExoticComponent<Pick<BaseProps, keyof BaseProps> & React.RefAttributes<HTMLDivElement>>;
19
+ export declare const Toolbar: React.ForwardRefExoticComponent<Omit<BaseProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
20
20
  export {};
21
21
  //# sourceMappingURL=components.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../../../../src/components/LXP/extraContent/richTextEditor/components.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiC,MAAM,OAAO,CAAA;AAIrD,UAAU,SAAS;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB;AAGD,eAAO,MAAM,MAAM;YASH,OAAO;cACL,OAAO;uEAuBxB,CAAA;AAED,eAAO,MAAM,WAAW;WAQT,GAAG;4DA+CjB,CAAA;AAED,eAAO,MAAM,IAAI,0GAkBhB,CAAA;AAED,eAAO,MAAM,WAAW,yGAoBvB,CAAA;AAED,eAAO,MAAM,IAAI,yGAsBhB,CAAA;AAED,eAAO,MAAM,MAAM;;SAIlB,CAAA;AAED,eAAO,MAAM,OAAO,yGAmBnB,CAAA"}
1
+ {"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../../../../src/components/LXP/extraContent/richTextEditor/components.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiC,MAAM,OAAO,CAAA;AAIrD,UAAU,SAAS;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB;AAGD,eAAO,MAAM,MAAM;YASH,OAAO;cACL,OAAO;6DAuBxB,CAAA;AAED,eAAO,MAAM,WAAW;WAQT,GAAG;kDA+CjB,CAAA;AAED,eAAO,MAAM,IAAI,gGAkBhB,CAAA;AAED,eAAO,MAAM,WAAW,+FAoBvB,CAAA;AAED,eAAO,MAAM,IAAI,+FAsBhB,CAAA;AAED,eAAO,MAAM,MAAM;;SAIlB,CAAA;AAED,eAAO,MAAM,OAAO,+FAmBnB,CAAA"}
@@ -10,8 +10,9 @@ type ModalNewFeaturesProps = {
10
10
  title: string;
11
11
  open: boolean;
12
12
  onClose: () => void;
13
+ onFinish: () => void;
13
14
  steps: TopicsNewFeatues[];
14
15
  };
15
- declare const modalNewFeatures: ({ title, open, onClose, steps }: ModalNewFeaturesProps) => JSX.Element;
16
+ declare const modalNewFeatures: ({ title, open, onClose, onFinish, steps }: ModalNewFeaturesProps) => JSX.Element;
16
17
  export default modalNewFeatures;
17
18
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/LXP/modalNewFeatures/index.tsx"],"names":[],"mappings":";AAMA,KAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,KAAK,GAAG,OAAO,GAAG,OAAO,CAAA;CACrC,CAAA;AAED,KAAK,qBAAqB,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,KAAK,EAAE,gBAAgB,EAAE,CAAA;CAC1B,CAAA;AAED,QAAA,MAAM,gBAAgB,oCAAmD,qBAAqB,gBAuF7F,CAAA;AAED,eAAe,gBAAgB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/LXP/modalNewFeatures/index.tsx"],"names":[],"mappings":";AAMA,KAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,KAAK,GAAG,OAAO,GAAG,OAAO,CAAA;CACrC,CAAA;AAED,KAAK,qBAAqB,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,KAAK,EAAE,gBAAgB,EAAE,CAAA;CAC1B,CAAA;AAED,QAAA,MAAM,gBAAgB,8CAA6D,qBAAqB,gBAwFvG,CAAA;AAED,eAAe,gBAAgB,CAAA"}
@@ -15,7 +15,7 @@ export declare const LoginIconCustom: import("styled-components").StyledComponen
15
15
  muiName: string;
16
16
  }, any, {}, never>;
17
17
  export declare const FormControlSelect: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/FormControl").FormControlTypeMap<{}, "div">>, any, {}, never>;
18
- export declare const DropDownList: import("styled-components").StyledComponent<(<T>(props: import("@mui/material/Select").SelectProps<T>) => JSX.Element) & {
18
+ export declare const DropDownList: import("styled-components").StyledComponent<(<Value>(props: import("@mui/material/Select").SelectProps<Value>) => JSX.Element) & {
19
19
  muiName: string;
20
20
  }, any, {}, never>;
21
21
  export declare const LabelDateStepper: import("styled-components").StyledComponent<"label", any, {}, never>;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "frst-components",
3
3
  "homepage": "http://FRST-Falconi.github.io/storybook.frstfalconi.com",
4
- "version": "0.21.37",
4
+ "version": "0.21.38",
5
5
  "private": false,
6
6
  "main": "./dist/index.js",
7
7
  "types": "./dist/index.d.ts",