@artsy/palette 45.2.0 → 45.3.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.
|
@@ -61,6 +61,8 @@ var ReadMore = exports.ReadMore = function ReadMore(_ref) {
|
|
|
61
61
|
return /*#__PURE__*/_react.default.createElement(Container, {
|
|
62
62
|
"aria-expanded": expanded
|
|
63
63
|
}, /*#__PURE__*/_react.default.createElement(LineClamp, {
|
|
64
|
+
key: "".concat(expanded) // Forces a re-render on Mobile Safari
|
|
65
|
+
,
|
|
64
66
|
ref: ref,
|
|
65
67
|
lineClamp: maxLinesToShow
|
|
66
68
|
}, /*#__PURE__*/_react.default.createElement(_Box.Box, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReadMore.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_Clickable","_Text","_Box","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","ReadMore","exports","_ref","expandedHTML","content","disabled","defaultExpanded","_ref$maxLines","maxLines","Infinity","onReadLessClicked","onReadMoreClicked","ref","useRef","_useState","useState","_useState2","overflowing","setOverflowing","_useState3","_useState4","expanded","setExpanded","maxLinesToShow","handleClick","prevExpanded","nextExpanded","handleResize","current","shouldExpand","scrollHeight","clientHeight","initialized","useEffect","createElement","Container","LineClamp","lineClamp","Box","position","dangerouslySetInnerHTML","__html","Clickable","cursor","textDecoration","onClick","display","width","Text","variant","fontWeight","displayName","styled","div","withConfig","componentId","props"],"sources":["../../../src/elements/ReadMore/ReadMore.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\"\nimport styled from \"styled-components\"\nimport { Clickable } from \"../Clickable\"\nimport { Text } from \"../Text\"\nimport { Box } from \"../Box\"\n\nexport interface ReadMoreProps {\n content: string\n disabled?: boolean\n defaultExpanded?: boolean\n maxLines?: number\n onReadLessClicked?: () => void\n onReadMoreClicked?: () => void\n}\n\nexport const ReadMore: React.FC<React.PropsWithChildren<ReadMoreProps>> = ({\n content: expandedHTML,\n disabled,\n defaultExpanded,\n maxLines = Infinity,\n onReadLessClicked,\n onReadMoreClicked,\n}) => {\n const ref = useRef<HTMLDivElement>(null)\n\n const [overflowing, setOverflowing] = useState(false)\n const [expanded, setExpanded] = useState(!!defaultExpanded)\n\n const maxLinesToShow = expanded ? Infinity : maxLines\n\n const handleClick = () => {\n if (disabled) return\n\n setExpanded((prevExpanded) => {\n const nextExpanded = !prevExpanded\n nextExpanded ? onReadMoreClicked?.() : onReadLessClicked?.()\n return nextExpanded\n })\n }\n\n const handleResize = () => {\n if (!ref.current) return false\n\n const shouldExpand = ref.current.scrollHeight > ref.current.clientHeight\n setOverflowing(shouldExpand)\n\n return shouldExpand\n }\n\n const initialized = useRef(false)\n\n useEffect(() => {\n if (initialized.current) return\n\n const shouldExpand = handleResize()\n if (!shouldExpand) setExpanded(true)\n\n initialized.current = true\n }, [])\n\n return (\n <Container aria-expanded={expanded}>\n <LineClamp ref={ref}
|
|
1
|
+
{"version":3,"file":"ReadMore.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_Clickable","_Text","_Box","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","ReadMore","exports","_ref","expandedHTML","content","disabled","defaultExpanded","_ref$maxLines","maxLines","Infinity","onReadLessClicked","onReadMoreClicked","ref","useRef","_useState","useState","_useState2","overflowing","setOverflowing","_useState3","_useState4","expanded","setExpanded","maxLinesToShow","handleClick","prevExpanded","nextExpanded","handleResize","current","shouldExpand","scrollHeight","clientHeight","initialized","useEffect","createElement","Container","LineClamp","concat","lineClamp","Box","position","dangerouslySetInnerHTML","__html","Clickable","cursor","textDecoration","onClick","display","width","Text","variant","fontWeight","displayName","styled","div","withConfig","componentId","props"],"sources":["../../../src/elements/ReadMore/ReadMore.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\"\nimport styled from \"styled-components\"\nimport { Clickable } from \"../Clickable\"\nimport { Text } from \"../Text\"\nimport { Box } from \"../Box\"\n\nexport interface ReadMoreProps {\n content: string\n disabled?: boolean\n defaultExpanded?: boolean\n maxLines?: number\n onReadLessClicked?: () => void\n onReadMoreClicked?: () => void\n}\n\nexport const ReadMore: React.FC<React.PropsWithChildren<ReadMoreProps>> = ({\n content: expandedHTML,\n disabled,\n defaultExpanded,\n maxLines = Infinity,\n onReadLessClicked,\n onReadMoreClicked,\n}) => {\n const ref = useRef<HTMLDivElement>(null)\n\n const [overflowing, setOverflowing] = useState(false)\n const [expanded, setExpanded] = useState(!!defaultExpanded)\n\n const maxLinesToShow = expanded ? Infinity : maxLines\n\n const handleClick = () => {\n if (disabled) return\n\n setExpanded((prevExpanded) => {\n const nextExpanded = !prevExpanded\n nextExpanded ? onReadMoreClicked?.() : onReadLessClicked?.()\n return nextExpanded\n })\n }\n\n const handleResize = () => {\n if (!ref.current) return false\n\n const shouldExpand = ref.current.scrollHeight > ref.current.clientHeight\n setOverflowing(shouldExpand)\n\n return shouldExpand\n }\n\n const initialized = useRef(false)\n\n useEffect(() => {\n if (initialized.current) return\n\n const shouldExpand = handleResize()\n if (!shouldExpand) setExpanded(true)\n\n initialized.current = true\n }, [])\n\n return (\n <Container aria-expanded={expanded}>\n <LineClamp\n key={`${expanded}`} // Forces a re-render on Mobile Safari\n ref={ref}\n lineClamp={maxLinesToShow}\n >\n {/* LineClamp's `display` causes stacking of margins. Nested div ensures internal margins collapse. */}\n <Box\n position=\"relative\"\n dangerouslySetInnerHTML={{\n __html: expandedHTML,\n }}\n />\n </LineClamp>\n\n {overflowing && (\n <Clickable\n cursor=\"pointer\"\n textDecoration=\"underline\"\n onClick={handleClick}\n display=\"block\"\n width=\"100%\"\n >\n <Text variant=\"xs\" fontWeight=\"bold\">\n Read {expanded ? \"less\" : \"more\"}\n </Text>\n </Clickable>\n )}\n </Container>\n )\n}\n\nconst Container = styled.div`\n position: relative;\n`\n\nContainer.displayName = \"Container\"\n\nconst LineClamp = styled.div<{ lineClamp: number }>`\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: ${(props) => props.lineClamp};\n line-clamp: ${(props) => props.lineClamp};\n overflow: hidden;\n`\n"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@artsy/palette",
|
|
3
|
-
"version": "45.
|
|
3
|
+
"version": "45.3.0",
|
|
4
4
|
"description": "Design system library for react components",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"publishConfig": {
|
|
@@ -191,5 +191,5 @@
|
|
|
191
191
|
"url": "http://localhost"
|
|
192
192
|
}
|
|
193
193
|
},
|
|
194
|
-
"gitHead": "
|
|
194
|
+
"gitHead": "076599faab06ee45dc095fb484ce0f213deb24a9"
|
|
195
195
|
}
|