frst-components 0.20.1 → 0.20.3

package/dist/src/components/LXP/accordionTrack/accordionTrack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordionTrack.d.ts","sourceRoot":"","sources":["../../../../../src/components/LXP/accordionTrack/accordionTrack.tsx"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AACnC,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAWvD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,mBAAmB,eAqYhE"}
+{"version":3,"file":"accordionTrack.d.ts","sourceRoot":"","sources":["../../../../../src/components/LXP/accordionTrack/accordionTrack.tsx"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AACnC,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAavD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,mBAAmB,eA6fhE"}

package/dist/src/components/LXP/accordionTrack/accordionTrackList.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import '../../../shared/global.css';
 import { IAccordionTranslate } from './IAccordionTrack';
-export default function AccordionTrackList({ trailsData, courseData, handleChange, onNewTrail, handleEditCourse, handlePopOverMove, handlePopOverEdit, handlePopOverTrailEdit, handlePopOverTrailDelete, handleSwitchActiveTrail, onSetNameTrail, handleSwitchAtivar, handleDeleteCourse, handleDeleteCourseTrail, handleMessageError, handleUpdateTrail, txtPopOverDeleteContent, txtPopOverEditContent, txtPopOverMoveToTrails, textMeusConteudos, textTotalDe, textRegistros, textMinhasTrihas, txtAtivarCurso, txtButtonLabel, txtCriarNovoCurso, txtAtivarTrilha, isLoading, handlePublicarTrilha }: IAccordionTranslate): JSX.Element;
+export default function AccordionTrackList({ trailsData, courseData, handleChange, onNewTrail, handleEditCourse, handlePopOverMove, handlePopOverEdit, handlePopOverTrailEdit, handlePopOverTrailDelete, handleSwitchActiveTrail, onSetNameTrail, handleSwitchAtivar, handleDeleteCourse, handleDeleteCourseTrail, handleMessageError, handleUpdateTrail, txtPopOverDeleteContent, txtPopOverEditContent, txtPopOverMoveToTrails, textMeusConteudos, textTotalDe, textRegistros, textMinhasTrihas, txtAtivarCurso, txtButtonLabel, txtCriarNovoCurso, txtAtivarTrilha, isLoading, handlePublicarTrilha, changeCourses, handlePublicarCheck, handleClickPopOverEditActivity, handleSwitchPrivateTrail }: IAccordionTranslate): JSX.Element;
 //# sourceMappingURL=accordionTrackList.d.ts.map

package/dist/src/components/LXP/accordionTrack/accordionTrackList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordionTrackList.d.ts","sourceRoot":"","sources":["../../../../../src/components/LXP/accordionTrack/accordionTrackList.tsx"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AAMnC,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAIvD,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,UAAU,EACV,UAAU,EACV,YAAY,EACZ,UAAU,EACV,gBAAgB,EAEhB,iBAAiB,EACjB,iBAAiB,EACjB,sBAAsB,EACtB,wBAAwB,EACxB,uBAAuB,EACvB,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,uBAAuB,EACvB,kBAAkB,EAClB,iBAAiB,EACjB,uBAAuB,EACvB,qBAAqB,EACrB,sBAAsB,EACtB,iBAAiB,EACjB,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,iBAAiB,EACjB,eAAe,EACf,SAAS,EACT,oBAAoB,EACrB,EAAE,mBAAmB,eA6NrB"}
+{"version":3,"file":"accordionTrackList.d.ts","sourceRoot":"","sources":["../../../../../src/components/LXP/accordionTrack/accordionTrackList.tsx"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AAMnC,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAKvD,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,UAAU,EACV,UAAU,EACV,YAAY,EACZ,UAAU,EACV,gBAAgB,EAEhB,iBAAiB,EACjB,iBAAiB,EACjB,sBAAsB,EACtB,wBAAwB,EACxB,uBAAuB,EACvB,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,uBAAuB,EACvB,kBAAkB,EAClB,iBAAiB,EACjB,uBAAuB,EACvB,qBAAqB,EACrB,sBAAsB,EACtB,iBAAiB,EACjB,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,iBAAiB,EACjB,eAAe,EACf,SAAS,EACT,oBAAoB,EACpB,aAAa,EACb,mBAAmB,EACnB,8BAA8B,EAC9B,wBAAwB,EACzB,EAAE,mBAAmB,eAkPrB"}

package/dist/src/components/LXP/accordionTrack/contentCoursesTrails.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"contentCoursesTrails.d.ts","sourceRoot":"","sources":["../../../../../src/components/LXP/accordionTrack/contentCoursesTrails.tsx"],"names":[],"mappings":";AACA,OAAO,4BAA4B,CAAA;AAqGnC,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,KAAK,EAAE,GAAG,eAyMtD"}
+{"version":3,"file":"contentCoursesTrails.d.ts","sourceRoot":"","sources":["../../../../../src/components/LXP/accordionTrack/contentCoursesTrails.tsx"],"names":[],"mappings":";AACA,OAAO,4BAA4B,CAAA;AAqGnC,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,KAAK,EAAE,GAAG,eA6PtD"}

package/dist/src/components/LXP/thumbnails/thumbnails.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import '../../../shared/global.css';
 import { IThumbnailsTranslate } from './thumbnails.d';
-export default function Thumbnails({ variant, src, showSwitch, handleClickCourse, handleClickNew, handleSwitchAtivar, handleClickPopOverDelete, handleClickPopOverEdit, title, provided, isDisabled, isLoading, txtButtonLabel, txtCriarNovoCurso, txtCriarNovoCurso2, txtAtivarCurso, txtPopOverDeleteContent, txtPopOverMoveToTrails, txtPopOverEditContent, isActive }: IThumbnailsTranslate): JSX.Element;
+export default function Thumbnails({ variant, src, showSwitch, handleClickCourse, handleClickNew, handleSwitchAtivar, handleClickPopOverDelete, handleClickPopOverEdit, handleClickPopOverEditActivity, handleClickPopOverDeleteTrail, title, provided, isDisabled, isLoading, txtButtonLabel, txtCriarNovoCurso, txtCriarNovoCurso2, txtAtivarCurso, txtPopOverDeleteContent, txtPopOverMoveToTrails, txtPopOverEditContent, isActive, isTrail, txtPopOverDeleteTrail, txtPopOverEditContentActivity }: IThumbnailsTranslate): JSX.Element;
 //# sourceMappingURL=thumbnails.d.ts.map

package/dist/src/components/LXP/thumbnails/thumbnails.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"thumbnails.d.ts","sourceRoot":"","sources":["../../../../../src/components/LXP/thumbnails/thumbnails.tsx"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AAInC,OAAO,EAAe,oBAAoB,EAAE,MAAM,gBAAgB,CAAA;AAYlE,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,OAAO,EACP,GAAG,EACH,UAAU,EACV,iBAAiB,EACjB,cAAc,EACd,kBAAkB,EAClB,wBAAwB,EACxB,sBAAsB,EACtB,KAAK,EACL,QAAQ,EACR,UAAU,EACV,SAAS,EACT,cAAc,EACd,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACd,uBAAuB,EACvB,sBAAsB,EACtB,qBAAqB,EACrB,QAAQ,EACT,EAAE,oBAAoB,eAmLtB"}
+{"version":3,"file":"thumbnails.d.ts","sourceRoot":"","sources":["../../../../../src/components/LXP/thumbnails/thumbnails.tsx"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AAInC,OAAO,EAAe,oBAAoB,EAAE,MAAM,gBAAgB,CAAA;AAYlE,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,OAAO,EACP,GAAG,EACH,UAAU,EACV,iBAAiB,EACjB,cAAc,EACd,kBAAkB,EAClB,wBAAwB,EACxB,sBAAsB,EACtB,8BAA8B,EAC9B,6BAA6B,EAC7B,KAAK,EACL,QAAQ,EACR,UAAU,EACV,SAAS,EACT,cAAc,EACd,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACd,uBAAuB,EACvB,sBAAsB,EACtB,qBAAqB,EACrB,QAAQ,EACR,OAAO,EACP,qBAAqB,EACrB,6BAA6B,EAC9B,EAAE,oBAAoB,eAmNtB"}

package/dist/src/components/LXP/thumbnails/thumbnailsDraggable.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import '../../../shared/global.css';
 import { IThumbnailsTranslate } from './thumbnails.d';
-export default function ThumbnailsDraggable({ variant, src, handleClickCourse, handleClickNew, handleClickContent, handleSwitchAtivar, title, id, index, isDisabled, isLoading, txtButtonLabel, txtAtivarCurso, showSwitch, txtCriarNovoCurso, txtCriarNovoCurso2, handleClickPopOverDelete, handleClickPopOverEdit, handleClickPopOverMove, txtPopOverDeleteContent, txtPopOverEditContent, isActive, txtPopOverMoveToTrails }: IThumbnailsTranslate): JSX.Element;
+export default function ThumbnailsDraggable({ variant, src, handleClickCourse, handleClickNew, handleClickContent, handleSwitchAtivar, title, id, index, isDisabled, isLoading, txtButtonLabel, txtAtivarCurso, showSwitch, txtCriarNovoCurso, txtCriarNovoCurso2, handleClickPopOverDelete, handleClickPopOverEdit, handleClickPopOverEditActivity, handleClickPopOverMove, txtPopOverDeleteContent, txtPopOverEditContent, isActive, isTrail, txtPopOverMoveToTrails, txtPopOverDeleteTrail, txtPopOverEditContentActivity }: IThumbnailsTranslate): JSX.Element;
 //# sourceMappingURL=thumbnailsDraggable.d.ts.map

package/dist/src/components/LXP/thumbnails/thumbnailsDraggable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"thumbnailsDraggable.d.ts","sourceRoot":"","sources":["../../../../../src/components/LXP/thumbnails/thumbnailsDraggable.tsx"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AACnC,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAA;AAKrD,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EACzC,OAAO,EACP,GAAG,EACH,iBAAiB,EACjB,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,KAAK,EACL,EAAE,EACF,KAAK,EACL,UAAU,EACV,SAAS,EACT,cAAc,EACd,cAAc,EACd,UAAU,EACV,iBAAiB,EACjB,kBAAkB,EAClB,wBAAwB,EACxB,sBAAsB,EACtB,sBAAsB,EACtB,uBAAuB,EACvB,qBAAqB,EACrB,QAAQ,EACR,sBAAsB,EACtB,EAAE,oBAAoB,eA0CxB"}
+{"version":3,"file":"thumbnailsDraggable.d.ts","sourceRoot":"","sources":["../../../../../src/components/LXP/thumbnails/thumbnailsDraggable.tsx"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AACnC,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAA;AAKrD,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EACzC,OAAO,EACP,GAAG,EACH,iBAAiB,EACjB,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,KAAK,EACL,EAAE,EACF,KAAK,EACL,UAAU,EACV,SAAS,EACT,cAAc,EACd,cAAc,EACd,UAAU,EACV,iBAAiB,EACjB,kBAAkB,EAClB,wBAAwB,EACxB,sBAAsB,EACtB,8BAA8B,EAC9B,sBAAsB,EACtB,uBAAuB,EACvB,qBAAqB,EACrB,QAAQ,EACR,OAAO,EACP,sBAAsB,EACtB,qBAAqB,EACrB,6BAA6B,EAE7B,EAAE,oBAAoB,eA8CxB"}

package/dist/src/components/emoji-picker/emojiPickerStyles.d.ts

@@ -0,0 +1,9 @@
+interface IEmojiWindow {
+    visible?: boolean;
+    positionEmojiWindow?: any;
+}
+export declare const SmileIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const EmojiWindow: import("styled-components").StyledComponent<"div", any, IEmojiWindow, never>;
+export declare const ButtonClose: import("styled-components").StyledComponent<"div", any, {}, never>;
+export {};
+//# sourceMappingURL=emojiPickerStyles.d.ts.map

package/dist/src/components/emoji-picker/emojiPickerStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"emojiPickerStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/emoji-picker/emojiPickerStyles.ts"],"names":[],"mappings":"AAEA,UAAU,YAAY;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,mBAAmB,CAAC,EAAE,GAAG,CAAA;CAC5B;AAED,eAAO,MAAM,SAAS,oEAiBrB,CAAA;AAED,eAAO,MAAM,WAAW,8EAuBvB,CAAC;AAEF,eAAO,MAAM,WAAW,oEAcvB,CAAA"}

package/dist/src/components/emoji-picker/index.d.ts

@@ -1,3 +1,9 @@
 /// <reference types="react" />
-export default function EmojiPicker(props: any): JSX.Element;
+import '../../shared/global.css';
+export default function EmojiPicker({ isOpenPicker, setIsOpenPicker, onEmojiSelect, configPicker }: {
+    isOpenPicker: any;
+    setIsOpenPicker: any;
+    onEmojiSelect: any;
+    configPicker: any;
+}): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/src/components/emoji-picker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/emoji-picker/index.tsx"],"names":[],"mappings":";AAeA,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,GAAG,eAe7C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/emoji-picker/index.tsx"],"names":[],"mappings":";AACA,OAAO,yBAAyB,CAAA;AA4BhC,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAC,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,YAAY,EAAC;;;;;CAAA,eAuE/F"}

package/dist/src/components/input-comment-v2/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import '../../shared/global.css';
+import { IInputComment } from './inputComment';
+export default function InputComment({ placeholder, value, onChange, remain, limit, hasEmoji, showCharacterCounter, IDInput, styles, disabled, emojiWindowlanguage }: IInputComment): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/input-comment-v2/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/input-comment-v2/index.tsx"],"names":[],"mappings":";AACA,OAAO,yBAAyB,CAAA;AAIhC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAI9C,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,oBAAoB,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,mBAAmB,EAAE,EAAE,aAAa,eA6GlL"}

package/dist/src/components/input-comment-v2/inputCommentStyles.d.ts

@@ -0,0 +1,18 @@
+interface Wrapper {
+    disabled?: boolean;
+    focus?: boolean;
+}
+interface IEmojiWindow {
+    visible?: boolean;
+    positionEmojiWindow?: any;
+}
+interface TextArea {
+    height?: string;
+}
+export declare const InputWrapper: import("styled-components").StyledComponent<"div", any, Wrapper, never>;
+export declare const InputText: import("styled-components").StyledComponent<"textarea", any, TextArea, never>;
+export declare const SmileIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const HelperText: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const EmojiWindow: import("styled-components").StyledComponent<"div", any, IEmojiWindow, never>;
+export {};
+//# sourceMappingURL=inputCommentStyles.d.ts.map

package/dist/src/components/input-comment-v2/inputCommentStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputCommentStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/input-comment-v2/inputCommentStyles.ts"],"names":[],"mappings":"AAQA,UAAU,OAAO;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,UAAU,YAAY;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,mBAAmB,CAAC,EAAE,GAAG,CAAA;CAC5B;AACD,UAAU,QAAQ;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,eAAO,MAAM,YAAY,yEAmBxB,CAAA;AAED,eAAO,MAAM,SAAS,+EAqBrB,CAAA;AAED,eAAO,MAAM,SAAS,oEAiBrB,CAAA;AAED,eAAO,MAAM,UAAU,qEAiBtB,CAAA;AAED,eAAO,MAAM,WAAW,8EAkBvB,CAAC"}

package/dist/src/components/modal/modalLXP/Modal.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import '../../../shared/global.css';
+export default function ModalLXP(props: any): JSX.Element;
+//# sourceMappingURL=Modal.d.ts.map

package/dist/src/components/modal/modalLXP/Modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../../src/components/modal/modalLXP/Modal.tsx"],"names":[],"mappings":";AACA,OAAO,4BAA4B,CAAA;AAOnC,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,GAAG,eAmD1C"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "frst-components",
   "homepage": "http://FRST-Falconi.github.io/storybook.frstfalconi.com",
-  "version": "0.20.1",
+  "version": "0.20.3",
   "private": false,
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -15,10 +15,7 @@
   "files": [
     "dist",
     "public",
-    "src",
-    "storybook-static",
-    "tsconfig.json",
-    "package.json"
+    "pacakge.json"
   ],
   "dependencies": {
     "@emoji-mart/data": "^1.0.2",

package/src/components/DS/loading/index.tsx

@@ -1,70 +0,0 @@
-import { FRSTTheme } from "../../../theme";
-import { ThemeProvider } from "styled-components";
-import * as Styles from './loadingStyle'
-import { useEffect, useState } from "react";
-import { Load } from "@shared/icons";
-
-type loadSizes = 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large' 
-type loadPosition = 'right' | 'bottom' | 'left' | 'top'
-interface ILoading {
-    /** 
-     * @prop {loadSizes} sizeLoading: extra-small: 16px | small: 20px | medium: 24px | large: 32px | extra-large: 40px
-     */
-    sizeLoading?: loadSizes
-    loadColor?: string
-    loadText?: string
-    loadTextColor?: string
-    /** 
-     * @prop {loadPosition} positionLoadingText: position of the load text: right, bottom, left or top
-     */
-    positionLoadingText?: loadPosition
-    style?: React.CSSProperties
-}
-
-export default function Loading ( props : ILoading) {
-    const [Size, setSize] = useState('24');
-    const [Color, setColor] = useState(props.loadColor ? props.loadColor : '');
-    const [PositionTextLoad, setPositionTextLoad] = useState(props.positionLoadingText ? props.positionLoadingText : 'bottom');
-    const [LoadText, setLoadText] = useState(props.loadText ? props.loadText : '');
-
-    useEffect(() => {
-        setLoadText(props.loadText)
-    }, [props.loadText]);
-
-    useEffect(() => {
-        setColor(props.loadColor)
-    }, [props.loadColor]);
-
-    useEffect(() => {
-        setPositionTextLoad(props.positionLoadingText)
-    }, [props.positionLoadingText]);
-
-    useEffect(() => {
-        if(props.sizeLoading === 'extra-small'){
-            setSize('16')
-        }else if(props.sizeLoading === 'small'){
-            setSize('20')
-        }else if(props.sizeLoading === 'medium'){
-            setSize('24')
-        }else if(props.sizeLoading === 'large'){
-            setSize('32')
-        }else if(props.sizeLoading === 'extra-large'){
-            setSize('40')
-        }else{
-            setSize('24')
-        }
-    }, [props.sizeLoading]);
-    
-    return(
-        <ThemeProvider theme={FRSTTheme}>
-            <Styles.container textPosition={PositionTextLoad} style={{...props.style}} >
-                <Styles.loader >
-                    <Load width={Size} height={Size} fill={Color !== '' && Color} />
-                </Styles.loader>
-                <Styles.loadText style={{color: props.loadTextColor ? props.loadTextColor : 'white'}}>
-                    {LoadText}
-                </Styles.loadText>
-            </Styles.container>
-        </ThemeProvider>
-    )
-}

package/src/components/DS/loading/loading.stories.tsx

@@ -1,31 +0,0 @@
-import React from 'react'
-
-import Loading from './index'
-
-// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
-export default {
-  title: 'DS/Loading',
-  component: Loading,
-  argTypes: {
-    sizeLoading: {
-      control: 'select',
-      options: ['extra-small', 'small', 'medium', 'large', 'extra-large']
-    },
-    positionLoadingText: {
-      control: 'select',
-      options: ['right', 'bottom', 'left', 'top']
-    }
-  }
-}
-
-// More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
-const Template = (args) => <Loading {...args} />
-
-export const normal = Template.bind({})
-normal.args = {
-  sizeLoading: 'medium',
-  loadColor: '',
-  loadText: 'Loading...',
-  loadTextColor: '',
-  positionLoadingText: 'right'
-}

package/src/components/DS/loading/loadingStyle.ts

@@ -1,40 +0,0 @@
-import styled, {css} from "styled-components"
-
-export const container = styled.div<{textPosition: string}>`
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    flex-direction: ${({textPosition}) => textPosition === 'left' ? 'row-reverse' 
-        : textPosition === 'right' ? 'row'
-        : textPosition === 'top' ? 'column-reverse'
-        : textPosition === 'bottom' ? 'column'
-        : null
-    };
-    position: relative;
-    width: auto;
-    gap: 8px;
-    padding: 16px;
-`
-
-export const loader = styled.div`
-    
-    svg {
-        animation: load 1.5s infinite linear;
-        
-        @keyframes load {
-            0% {
-                transform: rotate(0deg);
-            }
-            100% {
-                transform: rotate(360deg);
-            }
-        }
-    }
-`
-
-export const loadText = styled.p`
-    font-family: 'Inter';
-    font-size: 14px;
-    font-weight: 400;
-    line-height: 20px;
-`

package/src/components/DS/modal/index.stories.tsx

@@ -1,25 +0,0 @@
-import React from 'react'
-
-import Modal from './index'
-
-// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
-export default {
-  title: 'DS/Modal',
-  component: Modal
-}
-
-// More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
-const Template = (args: any) => <Modal {...args} />
-
-export const normal = Template.bind({})
-normal.args = {
-  open: true,
-  onClose: () => console.log('closed'),
-  onOpen: () => console.log('opened'),
-  children: <div>Modal Content</div>,
-  animation: 'BlowUp',
-  handleCloseOnIcon: () => {
-    console.log('custom close with handleCloseOnIcon')
-  },
-  showCloseButton: true
-}

package/src/components/DS/modal/index.tsx

@@ -1,100 +0,0 @@
-import React, { useEffect, useState, useRef, CSSProperties, ReactNode, MouseEvent } from 'react'
-
-import { ModalWrapper, ModalContent, ModalHeader, ModalCloseButton } from './styles'
-
-import { CloseIcon } from '@shared/icons'
-
-interface ModalProps {
-  children?: ReactNode
-  width?: string
-  headerContent?: any
-  open?: boolean
-  style?: CSSProperties
-  mobileFullPage?: boolean
-  showCloseButton?: boolean
-  showHeader?: boolean
-  onClose?: (event?: MouseEvent | any) => void
-  onOpen?: (event?: MouseEvent | any) => void
-  closeOnClickOutside?: boolean
-  animation?: 'BlowUp' | 'Fade' | 'SlideUp' | 'SlideDown'
-  handleCloseOnIcon?: () => void
-}
-
-export default function Modal({
-  children,
-  width,
-  headerContent,
-  open = false,
-  mobileFullPage = false,
-  showCloseButton = false,
-  showHeader = false,
-  style,
-  onClose,
-  onOpen,
-  closeOnClickOutside = true,
-  animation,
-  handleCloseOnIcon
-}: ModalProps): JSX.Element {
-  const ModalWrapperRef = useRef(null)
-  const ModalContentRef = useRef(null)
-  const AnimationType = animation.toLowerCase()
-  const [active, setActive] = useState<boolean>(false)
-
-  useEffect(() => {
-    function handleClickOutside(event: any) {
-      const ModalWreapperEl = ModalWrapperRef?.current
-      if (ModalWreapperEl === event.target && active) {
-        if (onClose) onClose(event)
-        if (closeOnClickOutside === true) setActive(false)
-      }
-    }
-    document.addEventListener('mousedown', handleClickOutside)
-    return () => {
-      document.removeEventListener('mousedown', handleClickOutside)
-    }
-  }, [ModalWrapperRef, active, closeOnClickOutside, onClose])
-
-  useEffect(() => {
-    if (open === true) {
-      document.body.style.overflow = 'hidden'
-      if (onOpen) onOpen()
-    } else {
-      document.body.style.overflow = 'auto'
-    }
-    setActive(open)
-  }, [onOpen, open])
-
-  const handleClose = (e: MouseEvent) => {
-    e.stopPropagation()
-    setActive(false)
-
-    if (onClose) onClose(e)
-  }
-
-  return (
-    <ModalWrapper open={active} ref={ModalWrapperRef}>
-      <ModalContent
-        style={style}
-        width={width}
-        mobileFullPage={mobileFullPage}
-        ref={ModalContentRef}
-        animation={AnimationType}
-      >
-        {showHeader === true ||
-          (showCloseButton === true && (
-            <ModalHeader>
-              {showCloseButton === true && (
-                <ModalCloseButton onClick={(e: MouseEvent) => handleClose(e)}>
-                  {headerContent && headerContent}
-                  <span onClick={(e: MouseEvent) => (handleCloseOnIcon ? handleCloseOnIcon() : handleClose(e))}>
-                    <CloseIcon />
-                  </span>
-                </ModalCloseButton>
-              )}
-            </ModalHeader>
-          ))}
-        {children && children}
-      </ModalContent>
-    </ModalWrapper>
-  )
-}

package/src/components/DS/modal/styles.ts

@@ -1,101 +0,0 @@
-import React from 'react'
-import styled, { keyframes } from 'styled-components'
-
-interface ModalProps {
-  open: boolean
-}
-
-export const ModalWrapper = styled.div<ModalProps>`
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: 999;
-  width: 100%;
-  height: 100%;
-  background: rgba(0,0,0,0.3);
-  overflow-y: auto;
-  display: none;
-
-  ${({ open }) => open && `
-    display: block;
-  `}
-`
-
-interface ModalContentProps {
-  width?: string
-  style?: React.CSSProperties
-  mobileFullPage?: boolean
-  animation: string
-}
-
-export const ModalContent = styled.div<ModalContentProps>`
-  width: 80%;
-  max-width: 528px;
-  padding: 24px;
-  margin: 1rem auto;
-  box-sizing: border-box;
-  margin-bottom: 100px;
-  background: #FFFFFF;
-  border: 1px solid #BDBDBD;
-  border-radius: 16px;
-  margin-top: 10%;
-  animation: ${({ animation }) => {
-    switch (animation) {
-      case 'blowup':
-        return BlowUpAnimation
-      case 'fade':
-        return FadeAnimation
-      case 'slideup':
-        return SlideUpAnimation
-      case 'slidedown':
-        return SlideDownAnimation
-      default:
-        return 'none'
-    }
-  }} 0.3s ease-in-out;
-
-  ${({ width }) => width && `
-    max-width: ${width};
-  `}
-
-  ${({ mobileFullPage }) => mobileFullPage === true && `
-    @media (max-width: 768px) {
-      margin: 0 !important;
-      width: 100%;
-      border-radius: 0 !important;
-      min-height: 100vh !important;
-    }
-  `}
-`
-
-const BlowUpAnimation = keyframes`
-  0% { transform: scale(0) }
-  100% { transform: scale(1) }
-`
-
-const FadeAnimation = keyframes`
-  0% { opacity: 0 }
-  100% { opacity: 1 }
-`
-
-const SlideUpAnimation = keyframes`
-  0% { transform: translateY(100%) }
-  100% { transform: translateY(0) }
-`
-
-const SlideDownAnimation = keyframes`
-  0% { transform: translateY(-100%) }
-  100% { transform: translateY(0) }
-`
-
-export const ModalHeader = styled.div`
-  position: relative;
-  height: 20px;
-`
-
-export const ModalCloseButton = styled.span`
-  position: absolute;
-  top: 0;
-  right: 0;
-  cursor: pointer;
-`

package/src/components/DS/select/Select.tsx

@@ -1,101 +0,0 @@
-import React, { useState, useEffect, useRef } from 'react'
-import { SelectContext } from './SelectContext'
-import { FRSTTheme } from '../../../theme'
-import * as StylesSelect from './styles/StylesSelect'
-
-export function ArrowIcon() {
-  return (
-    <svg width="14" height="7" viewBox="0 0 14 7" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <path d="M7.1736 6.64904L13.521 0.992188H0.826172L7.1736 6.64904Z" fill="#222222" />
-    </svg>
-  )
-}
-
-interface SelectProps {
-  placeholder?: string
-  children?: any
-  onChange?: any
-  defaultValue?: any
-  loading?: boolean
-  isError?: boolean
-  style?: React.CSSProperties
-}
-
-export default function Select({
-  placeholder,
-  defaultValue,
-  children,
-  onChange,
-  loading,
-  isError,
-  style
-}: SelectProps) {
-  const wrapperRef = useRef(null)
-  const [isOpen, setIsOpen] = useState<boolean>(false)
-  const [selectedOption, setSelectedOption] = useState(null)
-  const [selectedOptionValue, setSelectedOptionValue] = useState<boolean>()
-
-  useEffect(() => {
-    function handleClickOutside(event: any) {
-      // @ts-ignore
-      if (wrapperRef.current && !wrapperRef.current.contains(event.target) && isOpen) setIsOpen(false)
-    }
-    document.addEventListener('mousedown', handleClickOutside)
-    return () => {
-      document.removeEventListener('mousedown', handleClickOutside)
-    }
-  }, [wrapperRef, isOpen])
-
-  useEffect(() => {
-    let param = false
-    children &&
-      children.length &&
-      children.forEach((child: any) => {
-        if (child.props.value == defaultValue) {
-          param = true
-          setSelectedOption(child.props.label)
-          setSelectedOptionValue(child.props.value)
-        }
-      })
-    if (!param) {
-      setSelectedOption(null)
-      setSelectedOptionValue(false)
-    }
-  }, [children, defaultValue])
-
-  const toggle = () => setIsOpen(!isOpen)
-
-  const handleChange = (e: any) => {
-    onChange(e)
-    toggle()
-  }
-
-  return (
-    <div style={style}>
-      <StylesSelect.DropDownContainer ref={wrapperRef} error={isError} theme={FRSTTheme}>
-        <StylesSelect.EventOverlay onClick={toggle}></StylesSelect.EventOverlay>
-        <StylesSelect.DropDownHeader error={isError} theme={FRSTTheme}>
-          {loading ? (
-            <p>Carregando dados...</p>
-          ) : selectedOption ? (
-            <StylesSelect.SelectedOption>{selectedOption}</StylesSelect.SelectedOption>
-          ) : (
-            <p>{placeholder}</p>
-          )}
-          <StylesSelect.DropDownHeaderIcon open={isOpen}>
-            <ArrowIcon />
-          </StylesSelect.DropDownHeaderIcon>
-        </StylesSelect.DropDownHeader>
-        {isOpen && (
-          <StylesSelect.DropDownListContainer>
-            <StylesSelect.DropDownList>
-              <div onClick={handleChange}>
-                <SelectContext.Provider value={{ selected: selectedOptionValue }}>{children}</SelectContext.Provider>
-              </div>
-            </StylesSelect.DropDownList>
-          </StylesSelect.DropDownListContainer>
-        )}
-      </StylesSelect.DropDownContainer>
-    </div>
-  )
-}

package/src/components/DS/select/SelectContext.tsx

@@ -1,9 +0,0 @@
-// Create react context to share data between components
-
-import React from 'react'
-
-interface ContextProps {
-    selected?: boolean
-}
-
-export const SelectContext = React.createContext<ContextProps | null>(null)