@artsy/palette 45.0.0-canary.1472.32642.0 → 45.0.0-canary.1472.32647.0

package/dist/elements/ReadMore/ReadMore.js

@@ -67,11 +67,12 @@ var ReadMore = exports.ReadMore = function ReadMore(_ref) {
     "aria-expanded": expanded
   }, /*#__PURE__*/_react.default.createElement(LineClamp, {
     ref: ref,
-    lineClamp: maxLinesToShow,
+    lineClamp: maxLinesToShow
+  }, /*#__PURE__*/_react.default.createElement("div", {
     dangerouslySetInnerHTML: {
       __html: expanded ? expandedHTML : "".concat(expandedHTML).concat(sentinelSpan)
     }
-  }), isOverflowing && /*#__PURE__*/_react.default.createElement(_Clickable.Clickable, _extends({
+  })), isOverflowing && /*#__PURE__*/_react.default.createElement(_Clickable.Clickable, _extends({
     cursor: "pointer",
     textDecoration: "underline",
     onClick: handleClick

package/dist/elements/ReadMore/ReadMore.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReadMore.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_Clickable","_Text","_Theme","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","ReadMore","exports","_ref","expandedHTML","content","disabled","_ref$inlineReadMoreLi","inlineReadMoreLink","isExpanded","_ref$maxLines","maxLines","Infinity","onReadLessClicked","onReadMoreClicked","ref","useRef","_useTheme","useTheme","theme","_useState","useState","_useState2","isOverflowing","setIsOverflowing","_useState3","_useState4","singleLineHeight","setSingleLineHeight","_useState5","_useState6","expanded","setExpanded","maxLinesToShow","sentinelSpan","handleClick","expandedState","useEffect","current","scrollHeight","clientHeight","sentinel","querySelector","createElement","Container","LineClamp","lineClamp","dangerouslySetInnerHTML","__html","concat","Clickable","cursor","textDecoration","onClick","position","bottom","right","background","colors","mono0","space","pl","height","display","alignItems","justifyContent","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 { useTheme } from \"../../Theme\"\n\nexport interface ReadMoreProps {\n  content: string\n  disabled?: boolean\n  inlineReadMoreLink?: boolean\n  isExpanded?: boolean\n  maxLines?: number\n  onReadLessClicked?: () => void\n  onReadMoreClicked?: () => void\n}\n\n/** ReadMore */\nexport const ReadMore: React.FC<React.PropsWithChildren<ReadMoreProps>> = ({\n  content: expandedHTML,\n  disabled,\n  inlineReadMoreLink = true,\n  isExpanded,\n  maxLines = Infinity,\n  onReadLessClicked,\n  onReadMoreClicked,\n}) => {\n  const ref = useRef<HTMLDivElement>(null)\n\n  const { theme } = useTheme()\n\n  const [isOverflowing, setIsOverflowing] = useState(false)\n  const [singleLineHeight, setSingleLineHeight] = useState(0)\n  const [expanded, setExpanded] = useState(!!isExpanded)\n\n  const maxLinesToShow = expanded ? Infinity : maxLines\n  const sentinelSpan = `<span data-readmore-sentinel aria-hidden=\"true\" style=\"display:inline-block;width:0;padding:0;margin:0;\">&#8203;</span>`\n\n  if (typeof expandedHTML !== \"string\") return null\n\n  const handleClick = () => {\n    if (disabled) return\n\n    setExpanded((expandedState) => !expandedState)\n\n    expanded ? onReadLessClicked?.() : onReadMoreClicked?.()\n  }\n\n  useEffect(() => {\n    if (!ref.current) return\n\n    setIsOverflowing(ref.current.scrollHeight > ref.current.clientHeight)\n\n    const sentinel = ref.current.querySelector(\"[data-readmore-sentinel]\")\n    if (!sentinel) return\n\n    setSingleLineHeight(sentinel.clientHeight)\n  }, [])\n\n  return (\n    <Container aria-expanded={expanded}>\n      <LineClamp\n        ref={ref}\n        lineClamp={maxLinesToShow}\n        dangerouslySetInnerHTML={{\n          __html: expanded ? expandedHTML : `${expandedHTML}${sentinelSpan}`,\n        }}\n      />\n\n      {isOverflowing && (\n        <Clickable\n          cursor=\"pointer\"\n          textDecoration=\"underline\"\n          onClick={handleClick}\n          {...(!expanded && inlineReadMoreLink\n            ? {\n                position: \"absolute\",\n                bottom: 0,\n                right: 0,\n                background: `linear-gradient(to left, ${theme.colors.mono0} 0, ${theme.colors.mono0} calc(100% - ${theme.space[4]}), transparent 100%)`,\n                pl: 4,\n                height: singleLineHeight,\n                display: \"flex\",\n                alignItems: \"center\",\n                justifyContent: \"center\",\n              }\n            : {})}\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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"}
+{"version":3,"file":"ReadMore.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_Clickable","_Text","_Theme","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","ReadMore","exports","_ref","expandedHTML","content","disabled","_ref$inlineReadMoreLi","inlineReadMoreLink","isExpanded","_ref$maxLines","maxLines","Infinity","onReadLessClicked","onReadMoreClicked","ref","useRef","_useTheme","useTheme","theme","_useState","useState","_useState2","isOverflowing","setIsOverflowing","_useState3","_useState4","singleLineHeight","setSingleLineHeight","_useState5","_useState6","expanded","setExpanded","maxLinesToShow","sentinelSpan","handleClick","expandedState","useEffect","current","scrollHeight","clientHeight","sentinel","querySelector","createElement","Container","LineClamp","lineClamp","dangerouslySetInnerHTML","__html","concat","Clickable","cursor","textDecoration","onClick","position","bottom","right","background","colors","mono0","space","pl","height","display","alignItems","justifyContent","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 { useTheme } from \"../../Theme\"\n\nexport interface ReadMoreProps {\n  content: string\n  disabled?: boolean\n  inlineReadMoreLink?: boolean\n  isExpanded?: boolean\n  maxLines?: number\n  onReadLessClicked?: () => void\n  onReadMoreClicked?: () => void\n}\n\n/** ReadMore */\nexport const ReadMore: React.FC<React.PropsWithChildren<ReadMoreProps>> = ({\n  content: expandedHTML,\n  disabled,\n  inlineReadMoreLink = true,\n  isExpanded,\n  maxLines = Infinity,\n  onReadLessClicked,\n  onReadMoreClicked,\n}) => {\n  const ref = useRef<HTMLDivElement>(null)\n\n  const { theme } = useTheme()\n\n  const [isOverflowing, setIsOverflowing] = useState(false)\n  const [singleLineHeight, setSingleLineHeight] = useState(0)\n  const [expanded, setExpanded] = useState(!!isExpanded)\n\n  const maxLinesToShow = expanded ? Infinity : maxLines\n  const sentinelSpan = `<span data-readmore-sentinel aria-hidden=\"true\" style=\"display:inline-block;width:0;padding:0;margin:0;\">&#8203;</span>`\n\n  if (typeof expandedHTML !== \"string\") return null\n\n  const handleClick = () => {\n    if (disabled) return\n\n    setExpanded((expandedState) => !expandedState)\n\n    expanded ? onReadLessClicked?.() : onReadMoreClicked?.()\n  }\n\n  useEffect(() => {\n    if (!ref.current) return\n\n    setIsOverflowing(ref.current.scrollHeight > ref.current.clientHeight)\n\n    const sentinel = ref.current.querySelector(\"[data-readmore-sentinel]\")\n    if (!sentinel) return\n\n    setSingleLineHeight(sentinel.clientHeight)\n  }, [])\n\n  return (\n    <Container aria-expanded={expanded}>\n      <LineClamp ref={ref} lineClamp={maxLinesToShow}>\n        {/* LineClamp's `display` causes stacking of margins. Nested div ensures internal margins collapse. */}\n        <div\n          dangerouslySetInnerHTML={{\n            __html: expanded ? expandedHTML : `${expandedHTML}${sentinelSpan}`,\n          }}\n        />\n      </LineClamp>\n\n      {isOverflowing && (\n        <Clickable\n          cursor=\"pointer\"\n          textDecoration=\"underline\"\n          onClick={handleClick}\n          {...(!expanded && inlineReadMoreLink\n            ? {\n                position: \"absolute\",\n                bottom: 0,\n                right: 0,\n                background: `linear-gradient(to left, ${theme.colors.mono0} 0, ${theme.colors.mono0} calc(100% - ${theme.space[4]}), transparent 100%)`,\n                pl: 4,\n                height: singleLineHeight,\n                display: \"flex\",\n                alignItems: \"center\",\n                justifyContent: \"center\",\n              }\n            : {})}\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

@@ -1,6 +1,6 @@
 {
   "name": "@artsy/palette",
-  "version": "45.0.0-canary.1472.32642.0",
+  "version": "45.0.0-canary.1472.32647.0",
   "description": "Design system library for react components",
   "main": "dist/index.js",
   "publishConfig": {
@@ -191,5 +191,5 @@
       "url": "http://localhost"
     }
   },
-  "gitHead": "5b12b5d2180d395ea24ffdfe102004161cfeb3b9"
+  "gitHead": "80dd2c561c97b5ab67dd506adb1fea97172163a5"
 }