mirror of
https://github.com/outline/outline.git
synced 2026-06-13 03:14:59 +03:00
Tom Moor
0139b91b5d
* chore: Replace lodash with es-toolkit Migrate all direct lodash imports to es-toolkit/compat for a smaller, faster, lodash-compatible utility library. Transitive lodash usage from other packages remains unchanged. * fix: Restore isPlainObject semantics in CanCan policy The lodash migration aliased `isObject` to `lodash/isPlainObject` and the codemod incorrectly mapped the local name to es-toolkit's `isObject`, which also returns true for arrays and functions. This caused condition objects in policy definitions to be skipped, breaking authorization checks across the codebase. * fix: Restore unicode-aware length counting in validators es-toolkit/compat's size() returns string.length, while lodash's _.size() counts unicode code points. Switch to [...value].length to preserve the previous behavior so multi-byte characters like emoji count as one.
31 lines
838 B
TypeScript
31 lines
838 B
TypeScript
import { times } from "es-toolkit/compat";
|
|
import styled from "styled-components";
|
|
import Fade from "~/components/Fade";
|
|
import Flex from "~/components/Flex";
|
|
import type { Props as PlaceholderTextProps } from "~/components/PlaceholderText";
|
|
import PlaceholderText from "~/components/PlaceholderText";
|
|
|
|
type Props = {
|
|
count?: number;
|
|
className?: string;
|
|
header?: PlaceholderTextProps;
|
|
body?: PlaceholderTextProps;
|
|
};
|
|
|
|
const Placeholder = ({ count, className, header, body }: Props) => (
|
|
<Fade>
|
|
{times(count || 2, (index) => (
|
|
<Item key={index} className={className} column auto>
|
|
<PlaceholderText {...header} header delay={0.2 * index} />
|
|
<PlaceholderText {...body} delay={0.2 * index} />
|
|
</Item>
|
|
))}
|
|
</Fade>
|
|
);
|
|
|
|
const Item = styled(Flex)`
|
|
padding: 10px 0;
|
|
`;
|
|
|
|
export default Placeholder;
|