@codecademy/gamut 68.0.1-alpha.3a9965.0 → 68.0.1-alpha.409841.0
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/Anchor/index.d.ts +93 -18
- package/dist/Badge/index.d.ts +93 -18
- package/dist/Box/props.d.ts +93 -18
- package/dist/Button/shared/styles.d.ts +93 -18
- package/dist/Card/elements.d.ts +279 -54
- package/dist/Form/elements/Form.d.ts +93 -18
- package/dist/GridForm/GridFormSections/GridFormSectionBreak.d.ts +33 -6
- package/dist/InternalFloatingCard/InternalFloatingCard.d.ts +63 -12
- package/dist/Layout/Column.d.ts +93 -18
- package/dist/Layout/LayoutGrid.d.ts +60 -12
- package/dist/List/elements.d.ts +186 -36
- package/dist/Menu/elements.d.ts +93 -18
- package/dist/Pagination/AnimatedPaginationButtons.d.ts +95 -20
- package/dist/Pagination/EllipsisButton.d.ts +5 -5
- package/dist/Pagination/EllipsisButton.js +2 -2
- package/dist/Pagination/index.js +4 -4
- package/dist/Pagination/utils.d.ts +93 -18
- package/dist/Pagination/utils.js +1 -1
- package/dist/Tabs/props.d.ts +93 -18
- package/dist/Tag/types.d.ts +93 -18
- package/dist/Toggle/elements.d.ts +120 -24
- package/dist/Typography/Text.d.ts +93 -18
- package/dist/index.d.ts +0 -1
- package/dist/index.js +0 -1
- package/package.json +7 -7
- package/dist/DetailedCode/DetailedCodeBody/index.d.ts +0 -3
- package/dist/DetailedCode/DetailedCodeBody/index.js +0 -16
- package/dist/DetailedCode/DetailedCodeButton/index.d.ts +0 -3
- package/dist/DetailedCode/DetailedCodeButton/index.js +0 -43
- package/dist/DetailedCode/elements.d.ts +0 -13
- package/dist/DetailedCode/elements.js +0 -24
- package/dist/DetailedCode/index.d.ts +0 -3
- package/dist/DetailedCode/index.js +0 -37
- package/dist/DetailedCode/types.d.ts +0 -16
- package/dist/DetailedCode/types.js +0 -1
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import React, { useState } from 'react';
|
|
2
|
-
import { DetailedCodeBody } from './DetailedCodeBody';
|
|
3
|
-
import { DetailedCodeButton } from './DetailedCodeButton';
|
|
4
|
-
import { DetailedCodeWrapper } from './elements';
|
|
5
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
6
|
-
const DEFAULT_PREVIEW_LINES = 10;
|
|
7
|
-
const DEFAULT_LANGUAGE = 'tsx';
|
|
8
|
-
const getPreviewCode = (code, previewLines) => {
|
|
9
|
-
const lines = code.split('\n');
|
|
10
|
-
if (lines.length <= previewLines) {
|
|
11
|
-
return code;
|
|
12
|
-
}
|
|
13
|
-
return lines.slice(0, previewLines).join('\n');
|
|
14
|
-
};
|
|
15
|
-
export const DetailedCode = ({
|
|
16
|
-
code,
|
|
17
|
-
initiallyExpanded = false,
|
|
18
|
-
language = DEFAULT_LANGUAGE,
|
|
19
|
-
preview = false,
|
|
20
|
-
previewLines = DEFAULT_PREVIEW_LINES
|
|
21
|
-
}) => {
|
|
22
|
-
const [isExpanded, setIsExpanded] = useState(initiallyExpanded);
|
|
23
|
-
const normalizedPreviewLines = Math.max(0, previewLines);
|
|
24
|
-
const previewEnabled = preview && normalizedPreviewLines > 0;
|
|
25
|
-
const previewCode = previewEnabled ? getPreviewCode(code, normalizedPreviewLines) : code;
|
|
26
|
-
const hasMoreCode = previewEnabled && code.split('\n').length > normalizedPreviewLines;
|
|
27
|
-
const displayedCode = isExpanded ? code : previewCode;
|
|
28
|
-
return /*#__PURE__*/_jsxs(DetailedCodeWrapper, {
|
|
29
|
-
children: [/*#__PURE__*/_jsx(DetailedCodeBody, {
|
|
30
|
-
code: displayedCode,
|
|
31
|
-
language: language
|
|
32
|
-
}), hasMoreCode && /*#__PURE__*/_jsx(DetailedCodeButton, {
|
|
33
|
-
isExpanded: isExpanded,
|
|
34
|
-
setIsExpanded: setIsExpanded
|
|
35
|
-
})]
|
|
36
|
-
});
|
|
37
|
-
};
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export interface DetailedCodeProps {
|
|
3
|
-
code: string;
|
|
4
|
-
language: string;
|
|
5
|
-
initiallyExpanded?: boolean;
|
|
6
|
-
preview?: boolean;
|
|
7
|
-
previewLines?: number;
|
|
8
|
-
}
|
|
9
|
-
export interface DetailedCodeButtonProps {
|
|
10
|
-
isExpanded?: boolean;
|
|
11
|
-
setIsExpanded?: React.Dispatch<React.SetStateAction<boolean>>;
|
|
12
|
-
}
|
|
13
|
-
export interface DetailedCodeBodyProps {
|
|
14
|
-
code: string;
|
|
15
|
-
language: string;
|
|
16
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|