@euler-edu/react 0.0.0-stage → 7.0.1-beta1

package/lib/components/molecules/charts/HeatmapChart.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import type { HeatmapChartSize } from '../../../constants/components';
+import type { Palette } from '../../../constants/styles';
+import { ClickableContainer, Container, Text } from '../../../components/atoms';
+type CellProps = {
+    value: number;
+    text?: React.ComponentProps<typeof Text>['value'];
+    size?: HeatmapChartSize;
+    opacity?: number;
+    palette?: Palette;
+} & React.ComponentProps<typeof ClickableContainer>;
+type Props = {
+    size?: HeatmapChartSize;
+    values?: CellProps[];
+    rowsCount?: number;
+    startOffsetCount?: number;
+    maxValue?: number;
+    colorDepth?: number;
+    palette?: Palette;
+} & React.ComponentProps<typeof Container>;
+declare const _default: React.MemoExoticComponent<({ size, values, rowsCount, startOffsetCount, maxValue: _maxValue, colorDepth, palette, ...props }: Props) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/lib/components/molecules/charts/HeatmapChart.js

@@ -0,0 +1,53 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const styles_1 = require("../../../utils/styles");
+const stores_1 = require("../../../hooks/stores");
+const atoms_1 = require("../../../components/atoms");
+const gapBySize = {
+    x_small: styles_1.theme.size.margin.base.x_small,
+    small: styles_1.theme.size.margin.base.x_small,
+    medium: styles_1.theme.size.margin.base.small,
+};
+const cellBorderRadiusBySize = {
+    x_small: styles_1.theme.size.borderRadius.x_small,
+    small: styles_1.theme.size.borderRadius.small,
+    medium: styles_1.theme.size.borderRadius.small,
+};
+const Cell = ({ value, text, size = 'small', opacity, palette = 'chart-soft', ...props }) => {
+    const ref = react_1.default.useRef(null);
+    (0, stores_1.useTooltipEffect)(ref, text !== null && text !== void 0 ? text : `${value}`);
+    return ((0, jsx_runtime_1.jsx)(atoms_1.ClickableContainer, { ref: ref, "$position": "relative", "$size": styles_1.theme.size.height.base[size], "$background": styles_1.theme.color.palettes[palette]['background-primary'], "$borderRadius": cellBorderRadiusBySize[size], "$transition": "opacity", "$overflow": true, ...props, children: (0, jsx_runtime_1.jsx)(atoms_1.Container, { "$size": "100%", "$background": styles_1.theme.color.palettes[palette]['background-selected'], "$opacity": opacity }) }));
+};
+exports.default = react_1.default.memo(({ size = 'small', values, rowsCount = 7, startOffsetCount = 0, maxValue: _maxValue, colorDepth = 4, palette = 'chart-soft', ...props }) => {
+    const maxValue = react_1.default.useMemo(() => {
+        if (_maxValue && _maxValue > 0)
+            return _maxValue;
+        return (values || []).reduce((max, { value }) => Math.max(max, value || 0), 0);
+    }, [values, _maxValue]);
+    const columns = react_1.default.useMemo(() => {
+        const chunked = [];
+        const padded = [
+            ...Array(Math.max(startOffsetCount, 0)).fill(null),
+            ...(values || []),
+        ];
+        for (let i = 0; i < padded.length; i += rowsCount) {
+            chunked.push(padded.slice(i, i + rowsCount).map(cell => cell
+                ? {
+                    ...cell,
+                    opacity: cell.value && maxValue
+                        ? Math.min(Math.ceil((cell.value / maxValue) * colorDepth), colorDepth) / colorDepth
+                        : 0,
+                }
+                : null));
+        }
+        return chunked;
+    }, [values, rowsCount, startOffsetCount, maxValue, colorDepth]);
+    return ((0, jsx_runtime_1.jsx)(atoms_1.Container, { "$display": "flex", "$flexDirection": "row", "$gap": gapBySize[size], "$width": "fit-content", ...props, children: columns.map((column, columnIndex) => ((0, jsx_runtime_1.jsx)(atoms_1.Container, { "$display": "flex", "$flexDirection": "column", "$gap": gapBySize[size], children: column.map((cell, rowIndex) => cell ? ((0, jsx_runtime_1.jsx)(Cell, { size: size, palette: palette, ...cell }, `${columnIndex}-${rowIndex}`)) : ((0, jsx_runtime_1.jsx)(atoms_1.Container, { "$size": styles_1.theme.size.height.base[size] }, `${columnIndex}-${rowIndex}`))) }, columnIndex))) }));
+});
+//# sourceMappingURL=HeatmapChart.js.map

package/lib/components/molecules/charts/HeatmapChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeatmapChart.js","sourceRoot":"","sources":["../../../../src/components/molecules/charts/HeatmapChart.tsx"],"names":[],"mappings":"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"}

package/lib/components/molecules/charts/LabelChart.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { LabelChartDirection, LabelChartSize } from '../../../constants/components';
+import type { Palette } from '../../../constants/styles';
+import { ClickableContainer, Container, Text } from '../../../components/atoms';
+type LabelButtonProps = {
+    size?: LabelChartSize;
+    text?: React.ComponentProps<typeof Text>['value'];
+    description?: React.ComponentProps<typeof Text>['value'];
+    color?: React.ComponentProps<typeof Container>['$background'];
+    palette?: Palette;
+} & Omit<React.ComponentProps<typeof ClickableContainer>, 'color'>;
+type Props = {
+    direction?: LabelChartDirection;
+    size?: LabelChartSize;
+    values?: ({
+        key: React.Key;
+    } & LabelButtonProps)[];
+    palette?: Palette;
+} & React.ComponentProps<typeof Container>;
+declare const _default: React.MemoExoticComponent<({ direction, size, values, palette, ...props }: Props) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/lib/components/molecules/charts/LabelChart.js

@@ -0,0 +1,37 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const styles_1 = require("../../../utils/styles");
+const styles_2 = require("../../../hooks/styles");
+const atoms_1 = require("../../../components/atoms");
+const gapBySize = {
+    x_small: styles_1.theme.size.margin.base.x_small,
+    small: styles_1.theme.size.margin.base.small,
+};
+const borderRadiusByButtonSize = {
+    x_small: styles_1.theme.size.borderRadius.x_small,
+    small: styles_1.theme.size.borderRadius.small,
+};
+const textSizeByButtonSize = {
+    x_small: 'x_small',
+    small: 'small',
+};
+const labelSquareSizeByButtonSize = {
+    x_small: 9.6,
+    small: 9.6,
+};
+const LabelButton = ({ size = 'small', text, description, color, palette = 'button-ghost-borderless', ...props }) => {
+    const [hoverProps, isHover] = (0, styles_2.useHoverProps)();
+    return ((0, jsx_runtime_1.jsxs)(atoms_1.ClickableContainer, { "$position": "relative", "$display": "flex", "$alignItems": "center", "$justifyContent": "space-between", "$height": styles_1.theme.size.height.base[size], "$background": styles_1.theme.color.palettes[palette][isHover ? 'background-hovered' : 'background-primary'], "$borderRadius": borderRadiusByButtonSize[size], "$paddingHorizontal": styles_1.theme.size.margin.base.x_small, "$gap": styles_1.theme.size.margin.base.small, "$transition": "background", ...hoverProps, ...props, children: [(0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$alignItems": "center", "$gap": styles_1.theme.size.margin.base.x_small, children: [(0, jsx_runtime_1.jsx)(atoms_1.Container, { "$size": labelSquareSizeByButtonSize[size], "$background": color, "$borderRadius": styles_1.theme.size.borderRadius.x_small }), !!text && ((0, jsx_runtime_1.jsx)(atoms_1.Text, { type: textSizeByButtonSize[size], value: text, "$color": styles_1.theme.color.palettes[palette]['content-primary'] }))] }), !!description && ((0, jsx_runtime_1.jsx)(atoms_1.Text, { type: textSizeByButtonSize[size], value: description, "$color": styles_1.theme.color.palettes[palette]['content-secondary'] }))] }));
+};
+exports.default = react_1.default.memo(({ direction = 'horizontal', size = 'small', values, palette = 'chart-soft', ...props }) => ((0, jsx_runtime_1.jsx)(atoms_1.Container, { "$display": "flex", "$flexDirection": direction === 'horizontal' ? 'row' : 'column', "$gap": direction === 'horizontal'
+        ? gapBySize[size]
+        : size === 'x_small'
+            ? styles_1.theme.size.margin.base.x_small
+            : 0, "$flexWrap": true, ...props, children: (values || []).map(({ key, ...button }) => ((0, jsx_runtime_1.jsx)(LabelButton, { size: size, ...button }, key))) })));
+//# sourceMappingURL=LabelChart.js.map

package/lib/components/molecules/charts/LabelChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabelChart.js","sourceRoot":"","sources":["../../../../src/components/molecules/charts/LabelChart.tsx"],"names":[],"mappings":"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"}

package/lib/components/molecules/charts/LineChart.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { LineChartDirection, LineChartInterpolation, LineChartSize } from '../../../constants/components';
+import type { Palette } from '../../../constants/styles';
+import { Container } from '../../../components/atoms';
+import SingleLineChart from './SingleLineChart';
+type LineProps = {
+    key: React.Key;
+} & Omit<React.ComponentProps<typeof SingleLineChart>, 'direction' | 'size' | 'minValue' | 'maxValue'>;
+type Props = {
+    direction?: LineChartDirection;
+    size?: LineChartSize;
+    minValue?: number;
+    maxValue?: number;
+    values?: LineProps[];
+    isDisplayArea?: boolean;
+    isDisplayDot?: boolean;
+    lineInterpolation?: LineChartInterpolation;
+    palette?: Palette;
+} & React.ComponentProps<typeof Container>;
+declare const _default: React.MemoExoticComponent<({ direction, size, minValue: _minValue, maxValue: _maxValue, values, isDisplayArea, isDisplayDot, lineInterpolation, palette, ...props }: Props) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/lib/components/molecules/charts/LineChart.js

@@ -0,0 +1,21 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const atoms_1 = require("../../../components/atoms");
+const SingleLineChart_1 = __importDefault(require("./SingleLineChart"));
+exports.default = react_1.default.memo(({ direction = 'horizontal', size = 'medium', minValue: _minValue, maxValue: _maxValue, values, isDisplayArea = true, isDisplayDot = true, lineInterpolation = 'linear', palette = 'chart-soft', ...props }) => {
+    const { minValue, maxValue } = react_1.default.useMemo(() => {
+        const nums = (values || []).flatMap(line => (line.values || []).map(({ value }) => value || 0));
+        return {
+            minValue: Math.min(_minValue !== null && _minValue !== void 0 ? _minValue : 0, ...nums),
+            maxValue: Math.max(_maxValue !== null && _maxValue !== void 0 ? _maxValue : 0, ...nums),
+        };
+    }, [values, _minValue, _maxValue]);
+    return ((0, jsx_runtime_1.jsx)(atoms_1.Container, { "$position": "relative", "$width": "100%", "$height": "100%", ...props, children: (values || []).map(({ key, ...line }) => ((0, jsx_runtime_1.jsx)(SingleLineChart_1.default, { direction: direction, size: size, minValue: minValue, maxValue: maxValue, isDisplayArea: isDisplayArea, isDisplayDot: isDisplayDot, lineInterpolation: lineInterpolation, palette: palette, "$position": "absolute", "$top": 0, "$left": 0, ...line }, key))) }));
+});
+//# sourceMappingURL=LineChart.js.map

package/lib/components/molecules/charts/LineChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineChart.js","sourceRoot":"","sources":["../../../../src/components/molecules/charts/LineChart.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;AAEb,kDAA0B;AAS1B,8CAA+C;AAE/C,wEAAgD;AAqBhD,kBAAe,eAAK,CAAC,IAAI,CACvB,CAAC,EACC,SAAS,GAAG,YAAY,EACxB,IAAI,GAAG,QAAQ,EACf,QAAQ,EAAE,SAAS,EACnB,QAAQ,EAAE,SAAS,EACnB,MAAM,EACN,aAAa,GAAG,IAAI,EACpB,YAAY,GAAG,IAAI,EACnB,iBAAiB,GAAG,QAAQ,EAC5B,OAAO,GAAG,YAAY,EACtB,GAAG,KAAK,EACF,EAAE,EAAE;IACV,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAChD,MAAM,IAAI,GAAG,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CACzC,CAAC,IAAI,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,IAAI,CAAC,CAAC,CACnD,CAAC;QACF,OAAO;YACL,QAAQ,EAAE,IAAI,CAAC,GAAG,CAAC,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,CAAC,EAAE,GAAG,IAAI,CAAC;YAC3C,QAAQ,EAAE,IAAI,CAAC,GAAG,CAAC,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,CAAC,EAAE,GAAG,IAAI,CAAC;SAC5C,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;IAEnC,OAAO,CACL,uBAAC,iBAAS,iBAAW,UAAU,YAAQ,MAAM,aAAS,MAAM,KAAK,KAAK,YACnE,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CACxC,uBAAC,yBAAe,IAEd,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,EAC1B,iBAAiB,EAAE,iBAAiB,EACpC,OAAO,EAAE,OAAO,eACN,UAAU,UACd,CAAC,WACA,CAAC,KACJ,IAAI,IAZH,GAAG,CAaR,CACH,CAAC,GACQ,CACb,CAAC;AACJ,CAAC,CACF,CAAC"}

package/lib/components/molecules/charts/RadarChart.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { RadarChartSize } from '../../../constants/components';
+import type { Palette } from '../../../constants/styles';
+import { Container, Text } from '../../../components/atoms';
+type Props = {
+    size?: RadarChartSize;
+    radarDepth?: number;
+    maxValue?: number;
+    values?: {
+        key: React.Key;
+        label?: React.ComponentProps<typeof Text>['value'] | React.ReactNode;
+        value?: number;
+        $fill?: React.ComponentProps<typeof Container>['$background'];
+    }[];
+    palette?: Palette;
+} & React.ComponentProps<typeof Container>;
+declare const _default: React.MemoExoticComponent<({ size, radarDepth, maxValue: _maxValue, values: _values, palette, ...props }: Props) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/lib/components/molecules/charts/RadarChart.js

@@ -0,0 +1,68 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const styles_1 = require("../../../utils/styles");
+const styles_2 = require("../../../hooks/styles");
+const atoms_1 = require("../../../components/atoms");
+const diameterBySize = {
+    small: 120,
+    medium: 180,
+    large: 240,
+};
+const dotSizeBySize = {
+    small: 6,
+    medium: 8,
+    large: 10,
+};
+const labelTextTypeBySize = {
+    small: 'x_small',
+    medium: 'small',
+    large: 'medium',
+};
+const vertex = (index, count, radius) => {
+    const angle = (Math.PI * 2 * index) / count - Math.PI / 2;
+    return {
+        x: 50 + Math.cos(angle) * radius * 50,
+        y: 50 + Math.sin(angle) * radius * 50,
+        cos: Math.cos(angle),
+        sin: Math.sin(angle),
+        angle: (angle * 180) / Math.PI,
+    };
+};
+const polygon = (count, radius) => `polygon(${Array.from({ length: count }, (_, index) => {
+    const { x, y } = vertex(index, count, radius);
+    return `${x}% ${y}%`;
+}).join(', ')})`;
+const Dot = ({ size = 'medium', palette = 'chart-soft', $background, ...props }) => {
+    const [hoverProps, isHover] = (0, styles_2.useHoverProps)();
+    return ((0, jsx_runtime_1.jsx)(atoms_1.ClickableContainer, { "$position": "absolute", "$borderRadius": "50%", "$size": dotSizeBySize[size], "$background": $background || styles_1.theme.color.palettes[palette]['background-selected'], "$transform": "translate(-50%, -50%)", "$opacity": isHover ? 0.7 : 1, "$transition": "opacity", ...hoverProps, ...props }));
+};
+exports.default = react_1.default.memo(({ size = 'medium', radarDepth = 4, maxValue: _maxValue, values: _values, palette = 'chart-soft', ...props }) => {
+    const values = react_1.default.useMemo(() => _values || [], [_values]);
+    const count = values.length;
+    const maxValue = react_1.default.useMemo(() => Math.max(_maxValue || 0, ...values.map(({ value }) => value || 0)) || 1, [_maxValue, values]);
+    const dataClipPath = react_1.default.useMemo(() => `polygon(${values
+        .map(({ value }, index) => {
+        const { x, y } = vertex(index, count, (value || 0) / maxValue);
+        return `${x}% ${y}%`;
+    })
+        .join(', ')})`, [values, count, maxValue]);
+    if (count < 3)
+        return (0, jsx_runtime_1.jsx)(atoms_1.Container, { "$size": diameterBySize[size], ...props });
+    return ((0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$position": "relative", "$size": diameterBySize[size], ...props, children: [Array.from({ length: radarDepth }, (_, level) => ((0, jsx_runtime_1.jsx)(atoms_1.Container, { "$position": "absolute", "$size": "100%", "$background": styles_1.theme.color.palettes[palette]['background-primary'], "$css": `clip-path: ${polygon(count, (radarDepth - level) / radarDepth)};` }, level))), values.map(({ key }, index) => {
+                const { angle } = vertex(index, count, 1);
+                return ((0, jsx_runtime_1.jsx)(atoms_1.Container, { "$position": "absolute", "$top": "50%", "$left": "50%", "$width": "50%", "$height": "1px", "$background": styles_1.theme.color.palettes[palette]['background-primary'], "$css": `transform-origin: left center; transform: rotate(${angle}deg);` }, key));
+            }), (0, jsx_runtime_1.jsx)(atoms_1.Container, { "$position": "absolute", "$size": "100%", "$background": styles_1.theme.color.palettes[palette]['background-selected'], "$opacity": 0.35, "$css": `clip-path: ${dataClipPath};` }), values.map(({ key, value, $fill }, index) => {
+                const { x, y } = vertex(index, count, (value || 0) / maxValue);
+                return ((0, jsx_runtime_1.jsx)(Dot, { size: size, palette: palette, "$background": $fill, "$left": `${x}%`, "$top": `${y}%` }, key));
+            }), values.map(({ key, label }, index) => {
+                const { x, y, cos, sin } = vertex(index, count, 1);
+                return (!!label && ((0, jsx_runtime_1.jsx)(atoms_1.Container, { "$position": "absolute", "$left": `${x}%`, "$top": `${y}%`, "$whiteSpace": "nowrap", "$transform": `translate(-50%, -50%) translate(${cos * 12}px, ${sin * 12}px)`, children: typeof label === 'string' || typeof label === 'number' ? ((0, jsx_runtime_1.jsx)(atoms_1.Text, { type: labelTextTypeBySize[size], value: label, "$color": styles_1.theme.color.palettes[palette]['content-primary'] })) : (label) }, key)));
+            })] }));
+});
+//# sourceMappingURL=RadarChart.js.map

package/lib/components/molecules/charts/RadarChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadarChart.js","sourceRoot":"","sources":["../../../../src/components/molecules/charts/RadarChart.tsx"],"names":[],"mappings":"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"}

package/lib/components/molecules/charts/SingleBarChart.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import type { SingleBarChartDirection, SingleBarChartSize } from '../../../constants/components';
+import type { Palette } from '../../../constants/styles/color';
+import { ClickableContainer, Container, Text } from '../../../components/atoms';
+type CellProps = {
+    size?: SingleBarChartSize;
+    text?: React.ComponentProps<typeof Text>['value'];
+    value?: number;
+    color?: React.ComponentProps<typeof Container>['$background'];
+    palette?: Palette;
+} & React.ComponentProps<typeof ClickableContainer>;
+type Props = {
+    direction?: SingleBarChartDirection;
+    size?: SingleBarChartSize;
+    maxValue?: number;
+    values: ({
+        key: React.Key;
+    } & CellProps)[];
+    isGrowable?: boolean;
+    palette?: Palette;
+} & React.ComponentProps<typeof Container>;
+declare const _default: React.MemoExoticComponent<({ direction, size, maxValue: _maxValue, values: _values, isGrowable, palette, ...props }: Props) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/lib/components/molecules/charts/SingleBarChart.js

@@ -0,0 +1,43 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const styles_1 = require("../../../utils/styles");
+const stores_1 = require("../../../hooks/stores");
+const styles_2 = require("../../../hooks/styles");
+const atoms_1 = require("../../../components/atoms");
+const borderRadiusBySize = {
+    x_small: styles_1.theme.size.borderRadius.x_small,
+    small: styles_1.theme.size.borderRadius.small,
+    medium: styles_1.theme.size.borderRadius.small,
+};
+const Cell = ({ size, text, value, color, palette = 'chart-soft', ...props }) => {
+    const ref = react_1.default.useRef(null);
+    const [hoverProps, isHover] = (0, styles_2.useHoverProps)();
+    (0, stores_1.useTooltipEffect)(ref, text, 'top', isHover);
+    return ((0, jsx_runtime_1.jsx)(atoms_1.ClickableContainer, { ref: ref, "$height": "100%", "$background": color || styles_1.theme.color.palettes[palette]['background-selected'], "$opacity": isHover ? 0.7 : 1, "$flexGrow": true, "$flexShrink": true, "$transition": "opacity", ...hoverProps, ...props }));
+};
+exports.default = react_1.default.memo(({ direction = 'horizontal', size = 'medium', maxValue: _maxValue, values: _values, isGrowable = false, palette = 'chart-soft', ...props }) => {
+    const innerTotalValue = react_1.default.useMemo(() => (_values || []).reduce((acc, { value }) => acc + (value || 0), 0), [_values]);
+    const maxValue = react_1.default.useMemo(() => Math.max(_maxValue || 0, innerTotalValue), [innerTotalValue, _maxValue]);
+    const values = react_1.default.useMemo(() => (_values || []).map(value => ({
+        ...value,
+        percentage: innerTotalValue
+            ? ((value.value || 0) / innerTotalValue) * 100
+            : 0,
+    })), [_values, innerTotalValue]);
+    return ((0, jsx_runtime_1.jsx)(atoms_1.Container, { "$position": "relative", "$display": "flex", "$width": direction == 'horizontal' ? undefined : styles_1.theme.size.height.base[size], "$height": direction == 'horizontal' ? styles_1.theme.size.height.base[size] : undefined, "$borderRadius": borderRadiusBySize[size], "$background": styles_1.theme.color.palettes[palette]['background-primary'], "$flexDirection": direction == 'horizontal' ? 'row' : 'column-reverse', "$overflow": true, ...props, children: (0, jsx_runtime_1.jsx)(atoms_1.Container, { "$width": direction == 'horizontal'
+                ? `${maxValue ? (innerTotalValue / maxValue) * 100 : 100}%`
+                : isGrowable
+                    ? '100%'
+                    : styles_1.theme.size.height.base[size], "$height": direction == 'horizontal'
+                ? isGrowable
+                    ? '100%'
+                    : styles_1.theme.size.height.base[size]
+                : `${maxValue ? (innerTotalValue / maxValue) * 100 : 100}%`, "$flexDirection": direction == 'horizontal' ? 'row' : 'column-reverse', "$borderRadius": borderRadiusBySize[size], "$position": "relative", "$display": "flex", "$overflow": true, children: (values || []).map(({ key, percentage, ...cell }) => ((0, jsx_runtime_1.jsx)(Cell, { size: size, palette: palette, "$width": direction == 'horizontal' ? `${percentage}%` : undefined, "$height": direction == 'horizontal' ? undefined : `${percentage}%`, ...cell }, key))) }) }));
+});
+//# sourceMappingURL=SingleBarChart.js.map

package/lib/components/molecules/charts/SingleBarChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleBarChart.js","sourceRoot":"","sources":["../../../../src/components/molecules/charts/SingleBarChart.tsx"],"names":[],"mappings":"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"}

package/lib/components/molecules/charts/SingleLineChart.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import type { SingleLineChartDirection, SingleLineChartInterpolation, SingleLineChartSize } from '../../../constants/components';
+import type { Palette } from '../../../constants/styles';
+import { ClickableContainer, Container, Text } from '../../../components/atoms';
+type DotProps = {
+    size?: SingleLineChartSize;
+    text?: React.ComponentProps<typeof Text>['value'];
+    value?: number;
+    palette?: Palette;
+} & React.ComponentProps<typeof ClickableContainer>;
+type Props = {
+    direction?: SingleLineChartDirection;
+    size?: SingleLineChartSize;
+    minValue?: number;
+    maxValue?: number;
+    values: ({
+        key: React.Key;
+    } & DotProps)[];
+    isDisplayArea?: boolean;
+    isDisplayDot?: boolean;
+    lineInterpolation?: SingleLineChartInterpolation;
+    palette?: Palette;
+} & React.ComponentProps<typeof Container>;
+declare const _default: React.MemoExoticComponent<({ direction, size, minValue: _minValue, maxValue: _maxValue, values: _values, isDisplayArea, isDisplayDot, lineInterpolation, palette, ...props }: Props) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/lib/components/molecules/charts/SingleLineChart.js

@@ -0,0 +1,128 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const styles_1 = require("../../../utils/styles");
+const stores_1 = require("../../../hooks/stores");
+const styles_2 = require("../../../hooks/styles");
+const atoms_1 = require("../../../components/atoms");
+const dotSizeBySize = {
+    x_small: 6,
+    small: 8,
+    medium: 10,
+};
+const lineWidthBySize = {
+    x_small: 1.5,
+    small: 2,
+    medium: 2.5,
+};
+const buildLinePath = (points, interpolation, direction) => {
+    const first = points[0];
+    if (!first)
+        return '';
+    const start = `M ${first.x},${first.y}`;
+    if (points.length < 2)
+        return start;
+    if (interpolation === 'linear') {
+        return `${start} ${points
+            .slice(1)
+            .map(({ x, y }) => `L ${x},${y}`)
+            .join(' ')}`;
+    }
+    const isHorizontal = direction === 'horizontal';
+    const t = points.map(point => (isHorizontal ? point.x : point.y));
+    const v = points.map(point => (isHorizontal ? point.y : point.x));
+    const n = points.length;
+    const at = (arr, index) => { var _a; return (_a = arr[index]) !== null && _a !== void 0 ? _a : 0; };
+    const secants = [];
+    for (let i = 0; i < n - 1; i += 1) {
+        const dt = at(t, i + 1) - at(t, i);
+        secants.push(dt === 0 ? 0 : (at(v, i + 1) - at(v, i)) / dt);
+    }
+    const tangents = new Array(n);
+    tangents[0] = at(secants, 0);
+    tangents[n - 1] = at(secants, n - 2);
+    for (let i = 1; i < n - 1; i += 1) {
+        const prevSecant = at(secants, i - 1);
+        const secant = at(secants, i);
+        tangents[i] = prevSecant * secant <= 0 ? 0 : (prevSecant + secant) / 2;
+    }
+    for (let i = 0; i < n - 1; i += 1) {
+        const secant = at(secants, i);
+        if (secant === 0) {
+            tangents[i] = 0;
+            tangents[i + 1] = 0;
+        }
+        else {
+            const alpha = at(tangents, i) / secant;
+            const beta = at(tangents, i + 1) / secant;
+            const magnitude = alpha * alpha + beta * beta;
+            if (magnitude > 9) {
+                const tau = 3 / Math.sqrt(magnitude);
+                tangents[i] = tau * alpha * secant;
+                tangents[i + 1] = tau * beta * secant;
+            }
+        }
+    }
+    const segments = [];
+    points.slice(1).forEach((next, i) => {
+        const h = at(t, i + 1) - at(t, i);
+        const c1t = at(t, i) + h / 3;
+        const c1v = at(v, i) + (at(tangents, i) * h) / 3;
+        const c2t = at(t, i + 1) - h / 3;
+        const c2v = at(v, i + 1) - (at(tangents, i + 1) * h) / 3;
+        const [cp1x, cp1y] = isHorizontal ? [c1t, c1v] : [c1v, c1t];
+        const [cp2x, cp2y] = isHorizontal ? [c2t, c2v] : [c2v, c2t];
+        segments.push(`C ${cp1x},${cp1y} ${cp2x},${cp2y} ${next.x},${next.y}`);
+    });
+    return `${start} ${segments.join(' ')}`;
+};
+const Dot = ({ size = 'medium', text, value: _value, palette = 'chart-soft', $left, $top, $background, ...props }) => {
+    const ref = react_1.default.useRef(null);
+    const [hoverProps, isHover] = (0, styles_2.useHoverProps)();
+    (0, stores_1.useTooltipEffect)(ref, text, 'top', isHover);
+    return ((0, jsx_runtime_1.jsx)(atoms_1.ClickableContainer, { ref: ref, "$position": "absolute", "$left": $left, "$top": $top, "$size": dotSizeBySize[size], "$borderRadius": "50%", "$background": $background || styles_1.theme.color.palettes[palette]['background-selected'], "$transform": "translate(-50%, -50%)", "$opacity": isHover ? 0.7 : 1, "$transition": "opacity", ...hoverProps, ...props }));
+};
+exports.default = react_1.default.memo(({ direction = 'horizontal', size = 'medium', minValue: _minValue, maxValue: _maxValue, values: _values, isDisplayArea = true, isDisplayDot = true, lineInterpolation = 'linear', palette = 'chart-soft', ...props }) => {
+    const values = react_1.default.useMemo(() => _values || [], [_values]);
+    const { minValue, maxValue } = react_1.default.useMemo(() => {
+        const nums = values.map(({ value }) => value || 0);
+        return {
+            minValue: Math.min(_minValue !== null && _minValue !== void 0 ? _minValue : 0, ...nums),
+            maxValue: Math.max(_maxValue !== null && _maxValue !== void 0 ? _maxValue : 0, ...nums),
+        };
+    }, [values, _minValue, _maxValue]);
+    const points = react_1.default.useMemo(() => values.map((value, index) => {
+        const categoryRatio = values.length > 1 ? index / (values.length - 1) : 0.5;
+        const valueRatio = maxValue > minValue
+            ? ((value.value || 0) - minValue) / (maxValue - minValue)
+            : 0;
+        return {
+            ...value,
+            x: (direction === 'horizontal' ? categoryRatio : valueRatio) * 100,
+            y: (direction === 'horizontal' ? 1 - valueRatio : categoryRatio) *
+                100,
+        };
+    }), [values, minValue, maxValue, direction]);
+    const linePath = buildLinePath(points, lineInterpolation, direction);
+    const firstPoint = points[0];
+    const lastPoint = points[points.length - 1];
+    const areaPath = points.length > 1 && firstPoint && lastPoint
+        ? direction === 'horizontal'
+            ? `${linePath} L ${lastPoint.x},100 L ${firstPoint.x},100 Z`
+            : `${linePath} L 0,${lastPoint.y} L 0,${firstPoint.y} Z`
+        : '';
+    return ((0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$position": "relative", "$width": "100%", "$height": "100%", ...props, children: [(0, jsx_runtime_1.jsxs)("svg", { viewBox: "0 0 100 100", preserveAspectRatio: "none", style: {
+                    position: 'absolute',
+                    inset: 0,
+                    width: '100%',
+                    height: '100%',
+                    overflow: 'visible',
+                }, children: [isDisplayArea && points.length > 1 && ((0, jsx_runtime_1.jsx)("path", { d: areaPath, fill: styles_1.theme.color.palettes[palette]['background-selected'], fillOpacity: 0.2, stroke: "none" })), points.length > 1 && ((0, jsx_runtime_1.jsx)("path", { d: linePath, fill: "none", stroke: styles_1.theme.color.palettes[palette]['background-selected'], strokeWidth: lineWidthBySize[size], strokeLinecap: "round", strokeLinejoin: "round", vectorEffect: "non-scaling-stroke" }))] }), isDisplayDot &&
+                points.map(({ key, value: _value, x, y, ...dot }) => ((0, jsx_runtime_1.jsx)(Dot, { size: size, palette: palette, "$left": `${x}%`, "$top": `${y}%`, ...dot }, key)))] }));
+});
+//# sourceMappingURL=SingleLineChart.js.map

package/lib/components/molecules/charts/SingleLineChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleLineChart.js","sourceRoot":"","sources":["../../../../src/components/molecules/charts/SingleLineChart.tsx"],"names":[],"mappings":"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"}

package/lib/components/molecules/charts/index.d.ts

@@ -0,0 +1,8 @@
+export { default as BarChart } from './BarChart';
+export { default as DonutChart } from './DonutChart';
+export { default as HeatmapChart } from './HeatmapChart';
+export { default as LabelChart } from './LabelChart';
+export { default as LineChart } from './LineChart';
+export { default as RadarChart } from './RadarChart';
+export { default as SingleBarChart } from './SingleBarChart';
+export { default as SingleLineChart } from './SingleLineChart';

package/lib/components/molecules/charts/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SingleLineChart = exports.SingleBarChart = exports.RadarChart = exports.LineChart = exports.LabelChart = exports.HeatmapChart = exports.DonutChart = exports.BarChart = void 0;
+var BarChart_1 = require("./BarChart");
+Object.defineProperty(exports, "BarChart", { enumerable: true, get: function () { return __importDefault(BarChart_1).default; } });
+var DonutChart_1 = require("./DonutChart");
+Object.defineProperty(exports, "DonutChart", { enumerable: true, get: function () { return __importDefault(DonutChart_1).default; } });
+var HeatmapChart_1 = require("./HeatmapChart");
+Object.defineProperty(exports, "HeatmapChart", { enumerable: true, get: function () { return __importDefault(HeatmapChart_1).default; } });
+var LabelChart_1 = require("./LabelChart");
+Object.defineProperty(exports, "LabelChart", { enumerable: true, get: function () { return __importDefault(LabelChart_1).default; } });
+var LineChart_1 = require("./LineChart");
+Object.defineProperty(exports, "LineChart", { enumerable: true, get: function () { return __importDefault(LineChart_1).default; } });
+var RadarChart_1 = require("./RadarChart");
+Object.defineProperty(exports, "RadarChart", { enumerable: true, get: function () { return __importDefault(RadarChart_1).default; } });
+var SingleBarChart_1 = require("./SingleBarChart");
+Object.defineProperty(exports, "SingleBarChart", { enumerable: true, get: function () { return __importDefault(SingleBarChart_1).default; } });
+var SingleLineChart_1 = require("./SingleLineChart");
+Object.defineProperty(exports, "SingleLineChart", { enumerable: true, get: function () { return __importDefault(SingleLineChart_1).default; } });
+//# sourceMappingURL=index.js.map

package/lib/components/molecules/charts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/molecules/charts/index.tsx"],"names":[],"mappings":";;;;;;AAAA,uCAAiD;AAAxC,qHAAA,OAAO,OAAY;AAC5B,2CAAqD;AAA5C,yHAAA,OAAO,OAAc;AAC9B,+CAAyD;AAAhD,6HAAA,OAAO,OAAgB;AAChC,2CAAqD;AAA5C,yHAAA,OAAO,OAAc;AAC9B,yCAAmD;AAA1C,uHAAA,OAAO,OAAa;AAC7B,2CAAqD;AAA5C,yHAAA,OAAO,OAAc;AAC9B,mDAA6D;AAApD,iIAAA,OAAO,OAAkB;AAClC,qDAA+D;AAAtD,mIAAA,OAAO,OAAmB"}

package/lib/components/molecules/dropdowns/DateDropdown.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { type ConfigType, type Dayjs } from '@euler-edu/utils/day';
+import { DropdownOverlay } from '../../../components/molecules';
+type Props = {
+    value?: ConfigType;
+    onChangeValue?: (date: Dayjs | undefined) => void;
+} & React.ComponentProps<typeof DropdownOverlay>;
+declare const _default: React.MemoExoticComponent<({ value, onChangeValue, ...props }: Props) => import("react/jsx-runtime").JSX.Element>;
+export default _default;