@cuemath/leap 3.0.3-as3 → 3.0.3-as4
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/features/homework/card-menu-options.js +9 -9
- package/dist/features/homework/card-menu-options.js.map +1 -1
- package/dist/features/homework/styles.js +30 -30
- package/dist/features/homework/styles.js.map +1 -1
- package/package.json +1 -1
- package/dist/features/homework/card-menu-option.js +0 -26
- package/dist/features/homework/card-menu-option.js.map +0 -1
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { memo as
|
|
3
|
-
import i from "
|
|
1
|
+
import { jsx as n } from "react/jsx-runtime";
|
|
2
|
+
import { memo as d } from "react";
|
|
3
|
+
import i from "../chapters-v2/comps/node-card/node-menu-options/node-menu-option.js";
|
|
4
4
|
import { CardMenuOptionsWrapper as p } from "./styles.js";
|
|
5
|
-
const
|
|
6
|
-
({ options:
|
|
5
|
+
const s = d(
|
|
6
|
+
({ options: o, shouldOpenOnRight: m, visible: e, $width: t }) => !e || !o.some((r) => !r.disabled) ? null : /* @__PURE__ */ n(
|
|
7
7
|
p,
|
|
8
8
|
{
|
|
9
|
-
$visible:
|
|
9
|
+
$visible: e,
|
|
10
10
|
$background: "BLACK_2",
|
|
11
11
|
$borderColor: "WHITE_T_38",
|
|
12
12
|
$gapX: 0.5,
|
|
13
13
|
$width: t,
|
|
14
|
-
$shouldopenonright:
|
|
15
|
-
children:
|
|
14
|
+
$shouldopenonright: m,
|
|
15
|
+
children: o.map((r) => /* @__PURE__ */ n(i, { option: r }, r.id))
|
|
16
16
|
}
|
|
17
17
|
)
|
|
18
18
|
);
|
|
19
19
|
export {
|
|
20
|
-
|
|
20
|
+
s as default
|
|
21
21
|
};
|
|
22
22
|
//# sourceMappingURL=card-menu-options.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card-menu-options.js","sources":["../../../src/features/homework/card-menu-options.tsx"],"sourcesContent":["import type { FC, SVGProps } from 'react';\n\nimport { memo } from 'react';\n\nimport
|
|
1
|
+
{"version":3,"file":"card-menu-options.js","sources":["../../../src/features/homework/card-menu-options.tsx"],"sourcesContent":["import type { FC, SVGProps } from 'react';\n\nimport { memo } from 'react';\n\nimport NodeMenuOption from '../chapters-v2/comps/node-card/node-menu-options/node-menu-option';\nimport * as Styled from './styles';\n\nexport interface ICardMenuOption {\n id: string;\n label: string;\n icon: FC<SVGProps<SVGSVGElement>>;\n onClick: (id: string) => void;\n disabled: boolean;\n}\n\ninterface ICardMenuOptionsProps {\n $width?: string | number;\n options: ICardMenuOption[];\n triggerRef: React.RefObject<HTMLElement>;\n visible: boolean;\n shouldOpenOnRight: boolean;\n}\n\nconst CardMenuOptions: FC<ICardMenuOptionsProps> = memo(\n ({ options, shouldOpenOnRight, visible, $width }) => {\n if (!visible) return null;\n\n if (!options.some(item => !item.disabled)) return null;\n\n return (\n <Styled.CardMenuOptionsWrapper\n $visible={visible}\n $background=\"BLACK_2\"\n $borderColor=\"WHITE_T_38\"\n $gapX={0.5}\n $width={$width}\n $shouldopenonright={shouldOpenOnRight}\n >\n {options.map(option => (\n <NodeMenuOption option={option} key={option.id} />\n ))}\n </Styled.CardMenuOptionsWrapper>\n );\n },\n);\n\nexport default CardMenuOptions;\n"],"names":["CardMenuOptions","memo","options","shouldOpenOnRight","visible","$width","item","jsx","Styled.CardMenuOptionsWrapper","option","NodeMenuOption"],"mappings":";;;;AAuBA,MAAMA,IAA6CC;AAAA,EACjD,CAAC,EAAE,SAAAC,GAAS,mBAAAC,GAAmB,SAAAC,GAAS,QAAAC,QAClC,CAACD,KAED,CAACF,EAAQ,KAAK,CAAAI,MAAQ,CAACA,EAAK,QAAQ,IAAU,OAGhD,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,UAAUJ;AAAA,MACV,aAAY;AAAA,MACZ,cAAa;AAAA,MACb,OAAO;AAAA,MACP,QAAAC;AAAA,MACA,oBAAoBF;AAAA,MAEnB,UAAAD,EAAQ,IAAI,CACXO,MAAA,gBAAAF,EAACG,KAAe,QAAAD,EAAqB,GAAAA,EAAO,EAAI,CACjD;AAAA,IAAA;AAAA,EAAA;AAIT;"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import r from "styled-components";
|
|
2
2
|
import n from "../../assets/line-icons/icons/minus2.js";
|
|
3
|
-
import
|
|
3
|
+
import e from "../ui/layout/flex-view.js";
|
|
4
4
|
import i from "../ui/text/text.js";
|
|
5
|
-
const
|
|
5
|
+
const c = r(e)(({ theme: o }) => `
|
|
6
6
|
cursor: pointer;
|
|
7
7
|
width: 24px;
|
|
8
8
|
height: 24px;
|
|
@@ -18,9 +18,9 @@ const l = r(t)(({ theme: o }) => `
|
|
|
18
18
|
-webkit-box-orient: vertical;
|
|
19
19
|
overflow: hidden;
|
|
20
20
|
text-overflow: ellipsis;
|
|
21
|
-
`,
|
|
21
|
+
`, u = r(e)(({
|
|
22
22
|
$shouldopenonright: o,
|
|
23
|
-
$visible:
|
|
23
|
+
$visible: t
|
|
24
24
|
}) => `
|
|
25
25
|
cursor: pointer;
|
|
26
26
|
position: absolute;
|
|
@@ -28,37 +28,37 @@ const l = r(t)(({ theme: o }) => `
|
|
|
28
28
|
top: calc(100% + 4px);
|
|
29
29
|
right: ${o ? 0 : "auto"};
|
|
30
30
|
transform-origin: top;
|
|
31
|
-
transform: scaleY(${
|
|
32
|
-
opacity: ${
|
|
31
|
+
transform: scaleY(${t ? 1 : 0});
|
|
32
|
+
opacity: ${t ? 1 : 0};
|
|
33
33
|
transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
|
|
34
34
|
box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.4);
|
|
35
35
|
z-index: 10;
|
|
36
|
-
`),
|
|
36
|
+
`), x = r(e)`
|
|
37
37
|
border: 1px solid ${({ theme: o }) => o.colors.BLACK_T_15};
|
|
38
38
|
&:hover {
|
|
39
39
|
border: 1px solid ${({ theme: o }) => o.colors.BLACK};
|
|
40
40
|
border-top-width: 2px;
|
|
41
41
|
}
|
|
42
|
-
`, b = r(
|
|
42
|
+
`, b = r(e)(({ $bgImage: o }) => o ? `
|
|
43
43
|
background-image: url(${o});
|
|
44
44
|
background-repeat: no-repeat;
|
|
45
45
|
background-size: cover;
|
|
46
46
|
background-position: center;
|
|
47
47
|
overflow: hidden;
|
|
48
|
-
` : "overflow: hidden;"), h = r(
|
|
48
|
+
` : "overflow: hidden;"), h = r(e)`
|
|
49
49
|
display: flex;
|
|
50
50
|
align-items: center;
|
|
51
51
|
justify-content: center;
|
|
52
|
-
`, w = r(
|
|
52
|
+
`, w = r(e)`
|
|
53
53
|
position: absolute;
|
|
54
54
|
right: -18px;
|
|
55
55
|
top: -4px;
|
|
56
56
|
`, f = r.img(({ theme: o }) => {
|
|
57
|
-
const { gutter:
|
|
57
|
+
const { gutter: t } = o.layout;
|
|
58
58
|
return `
|
|
59
59
|
border: 1px solid ${o.colors.BLACK_T_15};
|
|
60
|
-
width: ${
|
|
61
|
-
height: ${
|
|
60
|
+
width: ${t * 4}px;
|
|
61
|
+
height: ${t * 4}px;
|
|
62
62
|
border-radius: 50%;
|
|
63
63
|
`;
|
|
64
64
|
}), g = r(n)`
|
|
@@ -73,39 +73,41 @@ const l = r(t)(({ theme: o }) => `
|
|
|
73
73
|
text-overflow: ellipsis;
|
|
74
74
|
white-space: break-spaces;
|
|
75
75
|
`;
|
|
76
|
-
r(
|
|
77
|
-
|
|
76
|
+
r(e)``;
|
|
77
|
+
r(e)(({
|
|
78
78
|
theme: o,
|
|
79
|
-
$disabled:
|
|
79
|
+
$disabled: t
|
|
80
80
|
}) => `
|
|
81
|
-
cursor: ${
|
|
81
|
+
cursor: ${t ? "not-allowed" : "pointer"};
|
|
82
82
|
|
|
83
83
|
&:hover {
|
|
84
|
-
background: ${
|
|
84
|
+
background: ${t ? "transparent" : o.colors.BLACK};
|
|
85
85
|
};
|
|
86
86
|
|
|
87
87
|
path {
|
|
88
88
|
fill: ${o.colors.WHITE_1};
|
|
89
89
|
}
|
|
90
|
-
`)
|
|
90
|
+
`);
|
|
91
|
+
r(i)`
|
|
91
92
|
white-space: nowrap;
|
|
92
93
|
overflow: hidden;
|
|
93
94
|
text-overflow: ellipsis;
|
|
94
|
-
|
|
95
|
+
`;
|
|
96
|
+
const k = r(e)`
|
|
95
97
|
position: absolute;
|
|
96
98
|
z-index: 6;
|
|
97
99
|
top: calc(100% - 36px);
|
|
98
100
|
right: 12px;
|
|
99
101
|
transform-origin: top;
|
|
100
102
|
transform: scaleY(1);
|
|
101
|
-
`,
|
|
103
|
+
`, v = r(e)`
|
|
102
104
|
position: absolute;
|
|
103
105
|
top: 0;
|
|
104
106
|
left: 0;
|
|
105
107
|
width: 100%;
|
|
106
108
|
height: 100%;
|
|
107
109
|
opacity: 0.5;
|
|
108
|
-
`,
|
|
110
|
+
`, $ = r(e)`
|
|
109
111
|
position: absolute;
|
|
110
112
|
right: 42px;
|
|
111
113
|
top: 24px;
|
|
@@ -113,17 +115,15 @@ const k = r(t)(({
|
|
|
113
115
|
export {
|
|
114
116
|
f as BannerImage,
|
|
115
117
|
w as BannerImageWrapper,
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
k as CardOptionWrapper,
|
|
118
|
+
v as BlurContainer,
|
|
119
|
+
$ as BlurFlexView,
|
|
120
|
+
x as CardContainer,
|
|
121
|
+
c as CardKebabMenuWrapper,
|
|
122
|
+
u as CardMenuOptionsWrapper,
|
|
122
123
|
b as CardWrapper,
|
|
123
124
|
m as HeaderText,
|
|
124
125
|
h as IconWrapper,
|
|
125
|
-
|
|
126
|
-
v as OptionText,
|
|
126
|
+
k as MenuWrapper,
|
|
127
127
|
g as StyledMinus2Icon,
|
|
128
128
|
d as SubHeaderText
|
|
129
129
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sources":["../../../src/features/homework/styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport Minus2Icon from '../../assets/line-icons/icons/minus2';\nimport FlexView from '../ui/layout/flex-view';\nimport Text from '../ui/text/text';\n\ninterface ICardWrapperProps {\n $bgImage: string;\n}\ninterface ICardOptionsMenuWrapperProps {\n $visible: boolean;\n $shouldopenonright: boolean;\n}\n\nexport const CardKebabMenuWrapper = styled(FlexView)(({ theme }) => {\n return `\n cursor: pointer;\n width: 24px;\n height: 24px;\n \n \n &:hover {\n border-radius: 50%;\n background: ${theme.colors.WHITE_5}; \n }\n `;\n});\n\nexport const SubHeaderText = styled(Text)`\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n`;\n\nexport const CardMenuOptionsWrapper = styled(FlexView)<ICardOptionsMenuWrapperProps>(({\n $shouldopenonright,\n $visible,\n}) => {\n return `\n cursor: pointer;\n position: absolute;\n z-index: 6;\n top: calc(100% + 4px);\n right: ${$shouldopenonright ? 0 : 'auto'};\n transform-origin: top;\n transform: scaleY(${$visible ? 1 : 0});\n opacity: ${$visible ? 1 : 0};\n transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.4);\n z-index: 10;\n `;\n});\n\nexport const CardContainer = styled(FlexView)`\n border: 1px solid ${({ theme }) => theme.colors.BLACK_T_15};\n &:hover {\n border: 1px solid ${({ theme }) => theme.colors.BLACK};\n border-top-width: 2px;\n }\n`;\n\nexport const CardWrapper = styled(FlexView)<ICardWrapperProps>(({ $bgImage }) => {\n if ($bgImage) {\n return `\n background-image: url(${$bgImage});\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center;\n overflow: hidden;\n `;\n }\n\n return 'overflow: hidden;';\n});\n\nexport const IconWrapper = styled(FlexView)`\n display: flex;\n align-items: center;\n justify-content: center;\n`;\n\nexport const BannerImageWrapper = styled(FlexView)`\n position: absolute;\n right: -18px;\n top: -4px;\n`;\n\nexport const BannerImage = styled.img(({ theme }) => {\n const { gutter } = theme.layout;\n\n return `\n border: 1px solid ${theme.colors.BLACK_T_15};\n width: ${gutter * 4}px;\n height: ${gutter * 4}px;\n border-radius: 50%;\n `;\n});\n\nexport const StyledMinus2Icon = styled(Minus2Icon)`\n path {\n stroke: ${({ theme }) => theme.colors.WHITE};\n }\n`;\n\nexport const HeaderText = styled(Text)`\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: break-spaces;\n`;\n\ninterface ICardOptionWrapperProps {\n $disabled?: boolean;\n}\ninterface ICardOptionsProps {\n $top: number;\n $left: number;\n}\n\nexport const CardOptions = styled(FlexView)<ICardOptionsProps>``;\n\nexport const CardOptionWrapper = styled(FlexView)<ICardOptionWrapperProps>(({\n theme,\n $disabled,\n}) => {\n return `\n cursor: ${$disabled ? 'not-allowed' : 'pointer'};\n \n &:hover {\n background: ${$disabled ? 'transparent' : theme.colors.BLACK};\n };\n \n path {\n fill: ${theme.colors.WHITE_1};\n }\n `;\n});\n\nexport const OptionText = styled(Text)`\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n`;\n\nexport const MenuWrapper = styled(FlexView)`\n position: absolute;\n z-index: 6;\n top: calc(100% - 36px);\n right: 12px;\n transform-origin: top;\n transform: scaleY(1);\n`;\n\nexport const BlurContainer = styled(FlexView)`\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0.5;\n`;\n\nexport const BlurFlexView = styled(FlexView)`\n position: absolute;\n right: 42px;\n top: 24px;\n`;\n"],"names":["CardKebabMenuWrapper","styled","FlexView","theme","SubHeaderText","Text","CardMenuOptionsWrapper","$shouldopenonright","$visible","CardContainer","CardWrapper","$bgImage","IconWrapper","BannerImageWrapper","BannerImage","gutter","StyledMinus2Icon","Minus2Icon","HeaderText","
|
|
1
|
+
{"version":3,"file":"styles.js","sources":["../../../src/features/homework/styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport Minus2Icon from '../../assets/line-icons/icons/minus2';\nimport FlexView from '../ui/layout/flex-view';\nimport Text from '../ui/text/text';\n\ninterface ICardWrapperProps {\n $bgImage: string;\n}\ninterface ICardOptionsMenuWrapperProps {\n $visible: boolean;\n $shouldopenonright: boolean;\n}\n\nexport const CardKebabMenuWrapper = styled(FlexView)(({ theme }) => {\n return `\n cursor: pointer;\n width: 24px;\n height: 24px;\n \n \n &:hover {\n border-radius: 50%;\n background: ${theme.colors.WHITE_5}; \n }\n `;\n});\n\nexport const SubHeaderText = styled(Text)`\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n`;\n\nexport const CardMenuOptionsWrapper = styled(FlexView)<ICardOptionsMenuWrapperProps>(({\n $shouldopenonright,\n $visible,\n}) => {\n return `\n cursor: pointer;\n position: absolute;\n z-index: 6;\n top: calc(100% + 4px);\n right: ${$shouldopenonright ? 0 : 'auto'};\n transform-origin: top;\n transform: scaleY(${$visible ? 1 : 0});\n opacity: ${$visible ? 1 : 0};\n transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.4);\n z-index: 10;\n `;\n});\n\nexport const CardContainer = styled(FlexView)`\n border: 1px solid ${({ theme }) => theme.colors.BLACK_T_15};\n &:hover {\n border: 1px solid ${({ theme }) => theme.colors.BLACK};\n border-top-width: 2px;\n }\n`;\n\nexport const CardWrapper = styled(FlexView)<ICardWrapperProps>(({ $bgImage }) => {\n if ($bgImage) {\n return `\n background-image: url(${$bgImage});\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center;\n overflow: hidden;\n `;\n }\n\n return 'overflow: hidden;';\n});\n\nexport const IconWrapper = styled(FlexView)`\n display: flex;\n align-items: center;\n justify-content: center;\n`;\n\nexport const BannerImageWrapper = styled(FlexView)`\n position: absolute;\n right: -18px;\n top: -4px;\n`;\n\nexport const BannerImage = styled.img(({ theme }) => {\n const { gutter } = theme.layout;\n\n return `\n border: 1px solid ${theme.colors.BLACK_T_15};\n width: ${gutter * 4}px;\n height: ${gutter * 4}px;\n border-radius: 50%;\n `;\n});\n\nexport const StyledMinus2Icon = styled(Minus2Icon)`\n path {\n stroke: ${({ theme }) => theme.colors.WHITE};\n }\n`;\n\nexport const HeaderText = styled(Text)`\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: break-spaces;\n`;\n\ninterface ICardOptionWrapperProps {\n $disabled?: boolean;\n}\ninterface ICardOptionsProps {\n $top: number;\n $left: number;\n}\n\nexport const CardOptions = styled(FlexView)<ICardOptionsProps>``;\n\nexport const CardOptionWrapper = styled(FlexView)<ICardOptionWrapperProps>(({\n theme,\n $disabled,\n}) => {\n return `\n cursor: ${$disabled ? 'not-allowed' : 'pointer'};\n \n &:hover {\n background: ${$disabled ? 'transparent' : theme.colors.BLACK};\n };\n \n path {\n fill: ${theme.colors.WHITE_1};\n }\n `;\n});\n\nexport const OptionText = styled(Text)`\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n`;\n\nexport const MenuWrapper = styled(FlexView)`\n position: absolute;\n z-index: 6;\n top: calc(100% - 36px);\n right: 12px;\n transform-origin: top;\n transform: scaleY(1);\n`;\n\nexport const BlurContainer = styled(FlexView)`\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0.5;\n`;\n\nexport const BlurFlexView = styled(FlexView)`\n position: absolute;\n right: 42px;\n top: 24px;\n`;\n"],"names":["CardKebabMenuWrapper","styled","FlexView","theme","SubHeaderText","Text","CardMenuOptionsWrapper","$shouldopenonright","$visible","CardContainer","CardWrapper","$bgImage","IconWrapper","BannerImageWrapper","BannerImage","gutter","StyledMinus2Icon","Minus2Icon","HeaderText","$disabled","MenuWrapper","BlurContainer","BlurFlexView"],"mappings":";;;;AAcO,MAAMA,IAAuBC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAC/C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAQWA,EAAM,OAAO,OAAO;AAAA;AAAA,GAGvC,GAEYC,IAAgBH,EAAOI,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQ3BC,IAAyBL,EAAOC,CAAQ,EAAgC,CAAC;AAAA,EACpF,oBAAAK;AAAA,EACA,UAAAC;AACF,MACS;AAAA;AAAA;AAAA;AAAA;AAAA,aAKID,IAAqB,IAAI,MAAM;AAAA;AAAA,wBAEpBC,IAAW,IAAI,CAAC;AAAA,eACzBA,IAAW,IAAI,CAAC;AAAA;AAAA;AAAA;AAAA,GAK9B,GAEYC,IAAgBR,EAAOC,CAAQ;AAAA,sBACtB,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,UAAU;AAAA;AAAA,wBAEpC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA,GAK5CO,IAAcT,EAAOC,CAAQ,EAAqB,CAAC,EAAE,UAAAS,QAC5DA,IACK;AAAA,8BACmBA,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,QAQ7B,mBACR,GAEYC,IAAcX,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAM7BW,IAAqBZ,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAMpCY,IAAcb,EAAO,IAAI,CAAC,EAAE,OAAAE,QAAY;AAC7C,QAAA,EAAE,QAAAY,EAAO,IAAIZ,EAAM;AAElB,SAAA;AAAA,wBACeA,EAAM,OAAO,UAAU;AAAA,aAClCY,IAAS,CAAC;AAAA,cACTA,IAAS,CAAC;AAAA;AAAA;AAGxB,CAAC,GAEYC,IAAmBf,EAAOgB,CAAU;AAAA;AAAA,cAEnC,CAAC,EAAE,OAAAd,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA,GAIlCe,IAAajB,EAAOI,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBVJ,EAAOC,CAAQ;AAETD,EAAOC,CAAQ,EAA2B,CAAC;AAAA,EAC1E,OAAAC;AAAA,EACA,WAAAgB;AACF,MACS;AAAA,cACKA,IAAY,gBAAgB,SAAS;AAAA;AAAA;AAAA,oBAG/BA,IAAY,gBAAgBhB,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA,cAIpDA,EAAM,OAAO,OAAO;AAAA;AAAA,GAGjC;AAEyBF,EAAOI,CAAI;AAAA;AAAA;AAAA;AAAA;AAMxB,MAAAe,IAAcnB,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAS7BmB,IAAgBpB,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAS/BoB,IAAerB,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;"}
|
package/package.json
CHANGED
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { jsx as l, jsxs as a } from "react/jsx-runtime";
|
|
2
|
-
import { memo as p, useCallback as d } from "react";
|
|
3
|
-
import m from "../ui/buttons/clickable/clickable.js";
|
|
4
|
-
import { CardOptionWrapper as s, OptionText as u } from "./styles.js";
|
|
5
|
-
const b = p((i) => {
|
|
6
|
-
const { icon: n, label: t, id: e, onClick: o, disabled: r } = i, c = d(() => r ? null : o(e), [r, e, o]);
|
|
7
|
-
return r ? null : /* @__PURE__ */ l(m, { onClick: c, label: e, children: /* @__PURE__ */ a(
|
|
8
|
-
s,
|
|
9
|
-
{
|
|
10
|
-
$flexDirection: "row",
|
|
11
|
-
$alignItems: "center",
|
|
12
|
-
$flexGap: 8,
|
|
13
|
-
$gapX: 0.5,
|
|
14
|
-
$gutterX: 1,
|
|
15
|
-
children: [
|
|
16
|
-
/* @__PURE__ */ l(n, { width: 20, height: 20 }),
|
|
17
|
-
/* @__PURE__ */ l(u, { $renderAs: "ub3", $color: "WHITE", children: t })
|
|
18
|
-
]
|
|
19
|
-
},
|
|
20
|
-
e
|
|
21
|
-
) }, e);
|
|
22
|
-
});
|
|
23
|
-
export {
|
|
24
|
-
b as default
|
|
25
|
-
};
|
|
26
|
-
//# sourceMappingURL=card-menu-option.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"card-menu-option.js","sources":["../../../src/features/homework/card-menu-option.tsx"],"sourcesContent":["import type { ICardMenuOption } from './card-menu-options';\n\nimport { memo, useCallback } from 'react';\n\nimport Clickable from '../ui/buttons/clickable/clickable';\nimport * as Styled from './styles';\n\nconst CardMenuOption = memo((option: ICardMenuOption) => {\n const { icon: OptionIcon, label, id, onClick, disabled } = option;\n\n const handleClick = useCallback(() => (!disabled ? onClick(id) : null), [disabled, id, onClick]);\n\n if (disabled) return null;\n\n return (\n <Clickable onClick={handleClick} label={id} key={id}>\n <Styled.CardOptionWrapper\n $flexDirection=\"row\"\n $alignItems=\"center\"\n $flexGap={8}\n $gapX={0.5}\n $gutterX={1}\n key={id}\n >\n <OptionIcon width={20} height={20} />\n <Styled.OptionText $renderAs=\"ub3\" $color=\"WHITE\">\n {label}\n </Styled.OptionText>\n </Styled.CardOptionWrapper>\n </Clickable>\n );\n});\n\nexport default CardMenuOption;\n"],"names":["CardMenuOption","memo","option","OptionIcon","label","id","onClick","disabled","handleClick","useCallback","jsx","Clickable","jsxs","Styled.CardOptionWrapper","Styled.OptionText"],"mappings":";;;;AAOM,MAAAA,IAAiBC,EAAK,CAACC,MAA4B;AACvD,QAAM,EAAE,MAAMC,GAAY,OAAAC,GAAO,IAAAC,GAAI,SAAAC,GAAS,UAAAC,EAAa,IAAAL,GAErDM,IAAcC,EAAY,MAAQF,IAAyB,OAAdD,EAAQD,CAAE,GAAW,CAACE,GAAUF,GAAIC,CAAO,CAAC;AAE/F,SAAIC,IAAiB,OAGlB,gBAAAG,EAAAC,GAAA,EAAU,SAASH,GAAa,OAAOH,GACtC,UAAA,gBAAAO;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,aAAY;AAAA,MACZ,UAAU;AAAA,MACV,OAAO;AAAA,MACP,UAAU;AAAA,MAGV,UAAA;AAAA,QAAA,gBAAAH,EAACP,GAAW,EAAA,OAAO,IAAI,QAAQ,IAAI;AAAA,QACnC,gBAAAO,EAACI,GAAA,EAAkB,WAAU,OAAM,QAAO,SACvC,UACHV,GAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IALKC;AAAA,EAAA,KAPwCA,CAcjD;AAEJ,CAAC;"}
|