frst-components 0.21.9 → 0.21.11

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
@@ -4642,8 +4642,12 @@ const ImageContent = styled__default["default"].div `
4642
4642
  `;
4643
4643
 
4644
4644
  function AdmButton({ variant, count, image, onClick }) {
4645
- return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(AvatarContent, { onClick: onClick, background: variant != 'count' ? '#E0E0E0' :
4646
- 'rgba(68, 68, 68, 1)', children: [variant == 'count' && jsxRuntime.jsxs("div", { style: { paddingRight: '6px' }, children: ["+", count] }), variant == 'add' && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ImageAvatarContent, { children: jsxRuntime.jsx(EmptyAvatar, {}) }), jsxRuntime.jsx(PlusButton, { children: "+" })] })), " ", variant == 'image' && (jsxRuntime.jsx(jsxRuntime.Fragment, { children: image ? jsxRuntime.jsx(ImageContent, { children: jsxRuntime.jsx("img", { src: image, alt: "" }) }) : jsxRuntime.jsx(ImageAvatarContent, { children: jsxRuntime.jsx(EmptyAvatar, {}) }) }))] }) }));
4645
+ const backgroudVariant = React.useMemo(() => {
4646
+ if (variant === 'count' || variant === 'countMore')
4647
+ return 'rgba(68, 68, 68, 1)';
4648
+ return '#E0E0E0';
4649
+ }, [variant]);
4650
+ return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(AvatarContent, { onClick: onClick, background: backgroudVariant, children: [variant == 'count' && jsxRuntime.jsxs("div", { style: { paddingRight: '6px' }, children: ["+", count] }), variant == 'countMore' && jsxRuntime.jsxs("div", { style: { paddingRight: '6px' }, children: [count, "+"] }), variant == 'add' && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ImageAvatarContent, { children: jsxRuntime.jsx(EmptyAvatar, {}) }), jsxRuntime.jsx(PlusButton, { children: "+" })] })), " ", variant == 'image' && (jsxRuntime.jsx(jsxRuntime.Fragment, { children: image ? jsxRuntime.jsx(ImageContent, { children: jsxRuntime.jsx("img", { src: image, alt: "" }) }) : jsxRuntime.jsx(ImageAvatarContent, { children: jsxRuntime.jsx(EmptyAvatar, {}) }) }))] }) }));
4647
4651
  }
4648
4652
 
4649
4653
  const CheckBoxWrapper = styled__default["default"].div `
@@ -4755,7 +4759,10 @@ function GroupsTable({ textHeader, textHeader2, textHeader3, textHeader4, items,
4755
4759
  top: '8px',
4756
4760
  left: '4px',
4757
4761
  boxShadow: ' 0px 0px 18px 0px rgba(34, 34, 34, 0.2)'
4758
- }, children: jsxRuntime.jsx(AdmButton, { onClick: () => onShowMoreClick(i.id), variant: 'count', count: i.adms.length - maxAdmToShow }) })), i.adms
4762
+ }, children: i.adms.length < 9 ?
4763
+ jsxRuntime.jsx(AdmButton, { onClick: () => onShowMoreClick(i.id), variant: 'count', count: i.adms.length - maxAdmToShow })
4764
+ :
4765
+ jsxRuntime.jsx(AdmButton, { onClick: () => onShowMoreClick(i.id), variant: 'countMore', count: 9 }) })), i.adms
4759
4766
  .filter((a, aIndex) => aIndex < maxAdmToShow)
4760
4767
  .map((adm) => {
4761
4768
  return jsxRuntime.jsx(Tooltip$2, { content: adm.name, direction: 'bottom', delay: 500, style: {
@@ -7954,171 +7961,183 @@ function ContentSwitcher({ label, handleClick, style, sizeIcon, startIcon, start
7954
7961
  }
7955
7962
 
7956
7963
  const Container$a = styled__default["default"].div `
7957
- width: 270px;
7958
- min-height: 409px;
7959
- background-color: ${({ theme }) => theme.colors.primary2};
7964
+ width: 270px;
7965
+ height: fit-content;
7966
+ background: linear-gradient(180deg, #ee4c15 0%, #cc362d 100%);
7967
+ display: flex;
7968
+ flex-direction: column;
7969
+ justify-content: center;
7970
+ align-items: center;
7971
+ position: relative;
7972
+ box-sizing: border-box;
7973
+ padding-top: 16px;
7974
+
7975
+ > .frame {
7976
+ width: 100%;
7977
+ height: fit-content;
7960
7978
  display: flex;
7961
7979
  flex-direction: column;
7962
- justify-content: center;
7963
- align-items: center;
7980
+ align-items: flex-start;
7964
7981
  position: relative;
7965
7982
  box-sizing: border-box;
7966
- padding: 16px 16px 24px 16px;
7983
+ background: #f18624;
7984
+ padding: 8px;
7985
+ gap: 7.75px;
7986
+
7987
+ padding-bottom: 16px;
7988
+ }
7967
7989
  `;
7968
7990
  const Image$3 = styled__default["default"].img `
7969
- width: 236px;
7970
- height: 310px;
7971
- border-radius: 8px;
7972
- object-fit: cover;
7973
- object-position: center;
7991
+ height: 189px;
7992
+ width: 100%;
7993
+ border-radius: 8px;
7994
+ object-position: center;
7995
+ object-fit: cover;
7974
7996
  `;
7975
7997
  const Content$1 = styled__default["default"].div `
7976
- display: flex;
7977
- flex-direction: row;
7978
- align-items: center;
7979
- justify-content: flex-start;
7980
- position: relative;
7981
- width: 100%;
7982
- margin-top: 20px;
7998
+ display: flex;
7999
+ flex-direction: row;
8000
+ align-items: center;
8001
+ justify-content: flex-start;
8002
+ position: relative;
8003
+ width: 100%;
7983
8004
  `;
7984
- const Typography$3 = styled__default["default"].p `
7985
- font-family: 'Work Sans';
7986
- font-style: normal;
7987
- font-weight: 700;
7988
- font-size: 20px;
7989
- line-height: 23px;
7990
- display: flex;
7991
- align-items: center;
7992
- margin-right: 20px;
7993
- color: ${({ theme }) => theme.colors.shadeWhite};
7994
- word-wrap: break-word;
7995
- overflow: hidden;
7996
- display: -webkit-box;
7997
- -webkit-box-orient: vertical;
7998
- -webkit-line-clamp: 4; /* start showing ellipsis when 3rd line is reached */
7999
- white-space: pre-wrap;
8000
- text-overflow: ellipsis;
8005
+ const Typography$3 = styled__default["default"].p `
8006
+ font-family: 'Work Sans';
8007
+ font-style: normal;
8008
+ font-weight: 700;
8009
+ font-size: 20px;
8010
+ line-height: 23px;
8011
+ display: flex;
8012
+ align-items: center;
8013
+ margin-right: 20px;
8014
+ color: ${({ theme }) => theme.colors.shadeWhite};
8015
+ word-wrap: break-word;
8016
+ overflow: hidden;
8017
+ display: -webkit-box;
8018
+ -webkit-box-orient: vertical;
8019
+ -webkit-line-clamp: 4; /* start showing ellipsis when 3rd line is reached */
8020
+ white-space: pre-wrap;
8021
+ text-overflow: ellipsis;
8001
8022
  `;
8002
8023
  const Select$1 = styled__default["default"].div `
8003
- background: none;
8004
- width: 20px;
8005
- height: 20px;
8006
- position: absolute;
8007
- right: 0;
8008
- top: 0;
8009
- cursor: pointer;
8024
+ background: none;
8025
+ width: 20px;
8026
+ height: 20px;
8027
+ position: absolute;
8028
+ right: 0;
8029
+ top: 0;
8030
+ cursor: pointer;
8010
8031
 
8011
- &:hover {
8012
- opacity: 0.5;
8013
- }
8032
+ &:hover {
8033
+ opacity: 0.5;
8034
+ }
8014
8035
  `;
8015
8036
  const ContainerCard$1 = styled__default["default"].div `
8016
- width: 270px;
8017
- height: 76px;
8018
- background-color: ${({ theme }) => theme.colors.shadeWhite};
8019
- display: flex;
8020
- align-items: center;
8021
- padding: 8px;
8022
- position: relative;
8023
- overflow: hidden;
8024
- border-bottom: 1px solid ${({ theme }) => theme.colors.borderPrimary};
8037
+ width: 270px;
8038
+ height: 76px;
8039
+ background-color: ${({ theme }) => theme.colors.shadeWhite};
8040
+ display: flex;
8041
+ align-items: center;
8042
+ padding: 8px;
8043
+ position: relative;
8044
+ overflow: hidden;
8045
+ border-bottom: 1px solid ${({ theme }) => theme.colors.borderPrimary};
8025
8046
 
8026
- &:hover {
8027
- background-color: ${({ theme }) => theme.colors.neutralsGrey9};
8028
- }
8047
+ &:hover {
8048
+ background-color: ${({ theme }) => theme.colors.neutralsGrey9};
8049
+ }
8029
8050
 
8030
- &:active {
8031
- background-color: ${({ theme }) => theme.colors.neutralsGrey6};
8032
- }
8033
-
8034
- &:hover .trash {
8035
- right: 15px;
8036
- }
8051
+ &:active {
8052
+ background-color: ${({ theme }) => theme.colors.neutralsGrey6};
8053
+ }
8054
+
8055
+ &:hover .trash {
8056
+ right: 15px;
8057
+ }
8037
8058
  `;
8038
8059
  const Thumbnails$2 = styled__default["default"].div `
8039
- width: 17.29px;
8040
- height: 51px;
8041
- margin-left: -11px;
8042
- display: flex;
8043
- flex-direction: column;
8044
- justify-content: center;
8045
- align-items: center;
8060
+ width: 17.29px;
8061
+ height: 51px;
8062
+ margin-left: -11px;
8063
+ display: flex;
8064
+ flex-direction: column;
8065
+ justify-content: center;
8066
+ align-items: center;
8046
8067
  `;
8047
8068
  const Title$2 = styled__default["default"].div `
8048
- width: 166px;
8049
- margin-left: 12px;
8050
- word-wrap: break-word;
8051
- overflow: hidden;
8052
- display: -webkit-box;
8053
- -webkit-box-orient: vertical;
8054
- -webkit-line-clamp: 2; /* start showing ellipsis when 3rd line is reached */
8055
- white-space: pre-wrap;
8056
- text-overflow: ellipsis;
8069
+ width: 166px;
8070
+ margin-left: 12px;
8071
+ word-wrap: break-word;
8072
+ overflow: hidden;
8073
+ display: -webkit-box;
8074
+ -webkit-box-orient: vertical;
8075
+ -webkit-line-clamp: 2; /* start showing ellipsis when 3rd line is reached */
8076
+ white-space: pre-wrap;
8077
+ text-overflow: ellipsis;
8057
8078
  `;
8058
8079
  const IconTrash = styled__default["default"].div `
8059
- cursor: pointer;
8060
- height: 100%;
8061
- display: flex;
8062
- align-items: center;
8063
- right: -15px;
8064
- position: absolute;
8065
- transition: all .5s linear;
8066
-
8080
+ cursor: pointer;
8081
+ height: 100%;
8082
+ display: flex;
8083
+ align-items: center;
8084
+ right: -15px;
8085
+ position: absolute;
8086
+ transition: all 0.5s linear;
8067
8087
  `;
8068
8088
  // ##############TRILHA##############
8069
8089
  const ContainerTrilha = styled__default["default"].div `
8070
- width: 270px;
8071
- height: 499px;
8072
- background-color: ${({ theme }) => theme.colors.primary2};
8073
- display: flex;
8074
- flex-direction: column;
8075
- justify-content: center;
8076
- align-items: center;
8077
- position: relative;
8078
-
8090
+ width: 270px;
8091
+ height: 499px;
8092
+ background-color: ${({ theme }) => theme.colors.primary2};
8093
+ display: flex;
8094
+ flex-direction: column;
8095
+ justify-content: center;
8096
+ align-items: center;
8097
+ position: relative;
8079
8098
  `;
8080
8099
  const ContainerChoice = styled__default["default"].div `
8081
- width: 232px;
8082
- height: 75px;
8083
- position: absolute;
8084
- top: 0;
8085
- margin: 20px;
8100
+ width: 232px;
8101
+ height: 75px;
8102
+ position: absolute;
8103
+ top: 0;
8104
+ margin: 20px;
8086
8105
  `;
8087
- const TypographyChoice = styled__default["default"].p `
8088
- font-family: 'PT Sans';
8089
- font-style: normal;
8090
- font-weight: 400;
8091
- font-size: 16px;
8092
- line-height: 21px;
8093
- color: #ffffff;
8094
- padding-bottom: 8px;
8095
- white-space: nowrap;
8106
+ const TypographyChoice = styled__default["default"].p `
8107
+ font-family: 'PT Sans';
8108
+ font-style: normal;
8109
+ font-weight: 400;
8110
+ font-size: 16px;
8111
+ line-height: 21px;
8112
+ color: #ffffff;
8113
+ padding-bottom: 8px;
8114
+ white-space: nowrap;
8096
8115
  `;
8097
- const SelectChoice = styled__default["default"].select `
8098
- width: 232px;
8099
- height: 48px;
8100
- border-radius: 8px;
8101
- border: 1px solid #E0E0E0;
8102
- color: #9c9c9c;
8103
- padding-left: 10px;
8116
+ const SelectChoice = styled__default["default"].select `
8117
+ width: 232px;
8118
+ height: 48px;
8119
+ border-radius: 8px;
8120
+ border: 1px solid #e0e0e0;
8121
+ color: #9c9c9c;
8122
+ padding-left: 10px;
8104
8123
  `;
8105
8124
  const ImageChoice = styled__default["default"].img `
8106
- width: 232px;
8107
- height: 310px;
8108
- margin-bottom: 70px;
8109
- border-radius: 8px;
8110
- position: absolute;
8111
- object-fit: cover;
8112
- bottom: 0;
8125
+ width: 232px;
8126
+ height: 310px;
8127
+ margin-bottom: 70px;
8128
+ border-radius: 8px;
8129
+ position: absolute;
8130
+ object-fit: cover;
8131
+ bottom: 0;
8113
8132
  `;
8114
8133
  const ContentChoice = styled__default["default"].div `
8115
- display: flex;
8116
- flex-direction: row;
8117
- position: absolute ;
8118
- margin-top: 425px;
8134
+ display: flex;
8135
+ flex-direction: row;
8136
+ position: absolute;
8137
+ margin-top: 425px;
8119
8138
  `;
8120
8139
  const OptionChoice = styled__default["default"].option `
8121
- color: #9c9c9c;
8140
+ color: #9c9c9c;
8122
8141
  `;
8123
8142
 
8124
8143
  ///-----------------------------------------
@@ -8198,10 +8217,20 @@ function ContentThumbnails({ label, contentList, variant, src, disabled, icon, o
8198
8217
  };
8199
8218
  function Exibir() {
8200
8219
  return (jsxRuntime.jsx(dnd.DragDropContext, { onDragEnd: onDragEnd, children: jsxRuntime.jsx(dnd.Droppable, { droppableId: "contentListData", children: (provided) => (jsxRuntime.jsx("div", { style: { backgroundColor: '#D1D5DB', height: contentListData.length > 0 ? 'auto' : '100vh', width: 270 }, ref: provided.innerRef, children: contentListData?.map((item, index) => {
8201
- return (jsxRuntime.jsx(dnd.Draggable, { draggableId: item.title, index: index, children: (provided) => (jsxRuntime.jsxs(ContainerCard$1, { ref: provided.innerRef, ...provided.draggableProps, children: [jsxRuntime.jsxs(Thumbnails$2, { ref: provided.innerRef, ...provided.draggableProps, ...provided.dragHandleProps, children: [jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {})] }), jsxRuntime.jsxs(Thumbnails$2, { ref: provided.innerRef, ...provided.draggableProps, ...provided.dragHandleProps, children: [jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {})] }), jsxRuntime.jsxs(Thumbnails$2, { ref: provided.innerRef, ...provided.draggableProps, ...provided.dragHandleProps, children: [jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {})] }), jsxRuntime.jsxs("div", { onClick: () => { handleClick(item); }, style: { display: 'flex', flexDirection: 'row', alignItems: 'center', height: '100%', cursor: 'pointer' }, children: [iconList[item.type], jsxRuntime.jsx(Title$2, { children: item.title })] }), jsxRuntime.jsx(IconTrash, { className: "trash", onClick: () => { removeContentList(item); }, children: jsxRuntime.jsx(TrashIcon, { fill: '#C00F00' }) })] })) }, index));
8220
+ return (jsxRuntime.jsx(dnd.Draggable, { draggableId: item.title, index: index, children: (provided) => (jsxRuntime.jsxs(ContainerCard$1, { ref: provided.innerRef, ...provided.draggableProps, children: [jsxRuntime.jsxs(Thumbnails$2, { ref: provided.innerRef, ...provided.draggableProps, ...provided.dragHandleProps, children: [jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {})] }), jsxRuntime.jsxs(Thumbnails$2, { ref: provided.innerRef, ...provided.draggableProps, ...provided.dragHandleProps, children: [jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {})] }), jsxRuntime.jsxs(Thumbnails$2, { ref: provided.innerRef, ...provided.draggableProps, ...provided.dragHandleProps, children: [jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {})] }), jsxRuntime.jsxs("div", { onClick: () => {
8221
+ handleClick(item);
8222
+ }, style: {
8223
+ display: 'flex',
8224
+ flexDirection: 'row',
8225
+ alignItems: 'center',
8226
+ height: '100%',
8227
+ cursor: 'pointer'
8228
+ }, children: [iconList[item.type], jsxRuntime.jsx(Title$2, { children: item.title })] }), jsxRuntime.jsx(IconTrash, { className: "trash", onClick: () => {
8229
+ removeContentList(item);
8230
+ }, children: jsxRuntime.jsx(TrashIcon, { fill: '#C00F00' }) })] })) }, index));
8202
8231
  }) })) }) }));
8203
8232
  }
8204
- return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: variant === 'individualCourse' ? (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs(Container$a, { className: (variant = 'individualCourse'), children: [jsxRuntime.jsx(Image$3, { src: src || defaultImg }), jsxRuntime.jsxs(Content$1, { children: [jsxRuntime.jsx(Typography$3, { children: title }), jsxRuntime.jsx(Select$1, { onClick: change, children: up ? jsxRuntime.jsx(VectorUp$1, {}) : jsxRuntime.jsx(VectorDown$1, {}) })] })] }), jsxRuntime.jsx("div", { children: up ? (jsxRuntime.jsx(Exibir, {})) : null })] })) : variant === 'trilha' ? (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs(ContainerTrilha, { className: (variant = 'trilha'), children: [jsxRuntime.jsxs(ContainerChoice, { children: [jsxRuntime.jsx(TypographyChoice, { children: "Escolha o curso que deseja editar" }), jsxRuntime.jsx(SelectChoice, { placeholder: title, value: title, onChange: onChange, children: jsxRuntime.jsx(OptionChoice, { value: title, children: title }) })] }), jsxRuntime.jsx(ImageChoice, { src: src || defaultImg }), jsxRuntime.jsxs(ContentChoice, { children: [jsxRuntime.jsx(Typography$3, { children: title }), jsxRuntime.jsx(Select$1, { onClick: change, children: up ? jsxRuntime.jsx(VectorUp$1, {}) : jsxRuntime.jsx(VectorDown$1, {}) })] })] }), up ? (jsxRuntime.jsx("div", { style: { backgroundColor: '#D1D5DB', width: 270 }, children: jsxRuntime.jsx(Exibir, {}) })) : null] })) : null }));
8233
+ return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: variant === 'individualCourse' ? (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(Container$a, { className: (variant = 'individualCourse'), children: jsxRuntime.jsxs("div", { className: "frame", children: [jsxRuntime.jsx(Image$3, { src: src || defaultImg }), jsxRuntime.jsxs(Content$1, { children: [jsxRuntime.jsx(Typography$3, { children: title }), jsxRuntime.jsx(Select$1, { onClick: change, children: up ? jsxRuntime.jsx(VectorUp$1, {}) : jsxRuntime.jsx(VectorDown$1, {}) })] })] }) }), jsxRuntime.jsx("div", { children: up ? jsxRuntime.jsx(Exibir, {}) : null })] })) : variant === 'trilha' ? (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs(ContainerTrilha, { className: (variant = 'trilha'), children: [jsxRuntime.jsxs(ContainerChoice, { children: [jsxRuntime.jsx(TypographyChoice, { children: "Escolha o curso que deseja editar" }), jsxRuntime.jsx(SelectChoice, { placeholder: title, value: title, onChange: onChange, children: jsxRuntime.jsx(OptionChoice, { value: title, children: title }) })] }), jsxRuntime.jsx(ImageChoice, { src: src || defaultImg }), jsxRuntime.jsxs(ContentChoice, { children: [jsxRuntime.jsx(Typography$3, { children: title }), jsxRuntime.jsx(Select$1, { onClick: change, children: up ? jsxRuntime.jsx(VectorUp$1, {}) : jsxRuntime.jsx(VectorDown$1, {}) })] })] }), up ? (jsxRuntime.jsx("div", { style: { backgroundColor: '#D1D5DB', width: 270 }, children: jsxRuntime.jsx(Exibir, {}) })) : null] })) : null }));
8205
8234
  }
8206
8235
 
8207
8236
  const LandscapeContainer = styled__default["default"].label `
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/IJ/participantCardOld/index.tsx"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AAInC,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAOpD,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,OAAO,EACP,QAAQ,EACR,MAAM,EACN,iBAAiB,EACjB,KAAK,EACL,oBAAoB,EACpB,iBAAiB,EAClB,EAAE,gBAAgB,eA+FlB"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/IJ/participantCardOld/index.tsx"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AAInC,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAOpD,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,OAAO,EACP,QAAQ,EACR,MAAM,EACN,iBAAiB,EACjB,KAAK,EACL,oBAAoB,EACpB,iBAAiB,EAClB,EAAE,gBAAgB,eAgFlB"}
@@ -1 +1 @@
1
- {"version":3,"file":"participantCardStyle.d.ts","sourceRoot":"","sources":["../../../../../src/components/IJ/participantCardOld/participantCardStyle.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,WAAW;;SAevB,CAAA;AAED,eAAO,MAAM,eAAe,oEAI3B,CAAA;AAED,eAAO,MAAM,QAAQ,oEAGpB,CAAA;AACG,eAAO,MAAM,eAAe,oEAI3B,CAAA;AACG,eAAO,MAAM,QAAQ,oEAqBpB,CAAA;AACD,eAAO,MAAM,SAAS,oEAsBrB,CAAA;AAET,eAAO,MAAM,kBAAkB,oEAI9B,CAAA;AACG,eAAO,MAAM,IAAI;;SAuBhB,CAAA;AACD,eAAO,MAAM,QAAQ,oEAsBpB,CAAA;AAEL,eAAO,MAAM,YAAY,oEAOxB,CAAA;AAED,eAAO,MAAM,UAAU,oEA0BtB,CAAA;AAED,eAAO,MAAM,YAAY,oEAQxB,CAAA;AAGD,eAAO,MAAM,YAAY,oEAgBxB,CAAA;AAED,eAAO,MAAM,cAAc;;SAS1B,CAAA;AAED,eAAO,MAAM,cAAc,oEAoB1B,CAAA;AACD,eAAO,MAAM,UAAU,oEAatB,CAAA;AAED,eAAO,MAAM,aAAa,oEAoCzB,CAAA;AAED,eAAO,MAAM,eAAe;;SAkB3B,CAAA"}
1
+ {"version":3,"file":"participantCardStyle.d.ts","sourceRoot":"","sources":["../../../../../src/components/IJ/participantCardOld/participantCardStyle.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,WAAW;;SAevB,CAAA;AAED,eAAO,MAAM,eAAe,oEAI3B,CAAA;AAED,eAAO,MAAM,QAAQ,oEAGpB,CAAA;AACG,eAAO,MAAM,eAAe,oEAI3B,CAAA;AACG,eAAO,MAAM,QAAQ,oEAqBpB,CAAA;AACD,eAAO,MAAM,SAAS,oEAsBrB,CAAA;AAET,eAAO,MAAM,kBAAkB,oEAI9B,CAAA;AACG,eAAO,MAAM,IAAI;;SAuBhB,CAAA;AACD,eAAO,MAAM,QAAQ,oEAsBpB,CAAA;AAEL,eAAO,MAAM,YAAY,oEAMxB,CAAA;AAED,eAAO,MAAM,UAAU,oEA0BtB,CAAA;AAED,eAAO,MAAM,YAAY,oEAQxB,CAAA;AAGD,eAAO,MAAM,YAAY,oEAgBxB,CAAA;AAED,eAAO,MAAM,cAAc;;SAS1B,CAAA;AAED,eAAO,MAAM,cAAc,oEAoB1B,CAAA;AACD,eAAO,MAAM,UAAU,oEAatB,CAAA;AAED,eAAO,MAAM,aAAa,oEAoCzB,CAAA;AAED,eAAO,MAAM,eAAe;;SAkB3B,CAAA"}
@@ -2,7 +2,6 @@ interface AvatarI {
2
2
  size?: string;
3
3
  src?: any;
4
4
  disabled?: boolean;
5
- isActiveClick?: boolean;
6
5
  }
7
6
  export declare const AvatarImg: import("styled-components").StyledComponent<"img", any, AvatarI, never>;
8
7
  export declare const AvatarWrapper: import("styled-components").StyledComponent<"div", any, AvatarI, never>;
@@ -1 +1 @@
1
- {"version":3,"file":"avatarStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/avatar/avatarStyles.ts"],"names":[],"mappings":"AAEA,UAAU,OAAO;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,GAAG,CAAA;IACT,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,eAAO,MAAM,SAAS,yEAWrB,CAAA;AAED,eAAO,MAAM,aAAa,yEAIzB,CAAA"}
1
+ {"version":3,"file":"avatarStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/avatar/avatarStyles.ts"],"names":[],"mappings":"AAEA,UAAU,OAAO;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,GAAG,CAAA;IACT,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,SAAS,yEAWrB,CAAA;AAED,eAAO,MAAM,aAAa,yEAIzB,CAAA"}
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import '../../shared/global.css';
3
3
  import { IAvatar } from './avatar';
4
- export default function Avatar({ size, src, alt, className, disabled, onClick, isActiveClick }: IAvatar): JSX.Element;
4
+ export default function Avatar({ size, src, alt, className, disabled, onClick }: IAvatar): JSX.Element;
5
5
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/avatar/index.tsx"],"names":[],"mappings":";AAAA,OAAO,yBAAyB,CAAA;AAIhC,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAElC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,EAAE,OAAO,eAStG"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/avatar/index.tsx"],"names":[],"mappings":";AAAA,OAAO,yBAAyB,CAAA;AAIhC,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAElC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,OAAO,eASvF"}
@@ -8,7 +8,6 @@ interface CardProblemProps {
8
8
  onClick?: (problemID: string) => void;
9
9
  onClickAvatar?: () => void;
10
10
  onClickName?: () => void;
11
- isActiveClickProfile?: boolean;
12
11
  problemID: string;
13
12
  userName: string;
14
13
  userCargo: string;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/cards/cardProblem/index.tsx"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AAgBnC,UAAU,gBAAgB;IACxB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,eAAe,EAAE,OAAO,CAAA;IACxB,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB;;OAEG;IACH,aAAa,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAwED;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,gBAAgB,eA2J1D"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/cards/cardProblem/index.tsx"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AAgBnC,UAAU,gBAAgB;IACxB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,eAAe,EAAE,OAAO,CAAA;IACxB,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB;;OAEG;IACH,aAAa,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAwED;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,gBAAgB,eA2J1D"}
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.9",
4
+ "version": "0.21.11",
5
5
  "private": false,
6
6
  "main": "./dist/index.js",
7
7
  "types": "./dist/index.d.ts",