@artsy/palette 44.1.0 → 45.0.0-canary.1472.32632.0

package/dist/elements/Range/Range.story.js

@@ -4,10 +4,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.WithinModal = exports.WithinDrawer = exports.InContext = exports.Default = void 0;
+exports.default = exports.WithinModal = exports.WithinDrawer = exports.WithInitialValue = exports.SmallRange = exports.InContext = exports.Default = void 0;
 var _test = require("@storybook/test");
 var _react = _interopRequireWildcard(require("react"));
-var _storybookStates = require("storybook-states");
 var _Box = require("../Box");
 var _Modal = require("../Modal");
 var _Range = require("./Range");
@@ -17,6 +16,7 @@ var _Spacer = require("../Spacer");
 var _Text = require("../Text");
 var _Drawer = require("../Drawer");
 var _Button = require("../Button");
+var _storybookBlocklist = require("../../utils/storybookBlocklist");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -26,117 +26,193 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var _default = exports.default = {
-  title: "Components/Range"
+  component: _Range.Range,
+  title: "Components/Range",
+  tags: ["autodocs"],
+  parameters: {
+    docs: {
+      description: {
+        component: "A dual-handle range slider component for selecting value ranges with customizable min/max/step values."
+      }
+    },
+    controls: {
+      exclude: _storybookBlocklist.STORYBOOK_PROPS_BLOCKLIST
+    }
+  }
 };
-var Default = exports.Default = function Default() {
-  return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
-    states: [{}, {
-      value: [1100, 3450]
-    }, {
-      step: 1,
-      max: 10
-    }]
-  }, /*#__PURE__*/_react.default.createElement(_Range.Range, {
+var Default = exports.Default = {
+  args: {
     min: 0,
     max: 5000,
     step: 10,
     onChange: (0, _test.fn)(),
     ariaLabels: ["Min price", "Max price"]
-  }));
-};
-Default.displayName = "Default";
-var WithinModal = exports.WithinModal = function WithinModal() {
-  return /*#__PURE__*/_react.default.createElement(_Modal.ModalBase, {
-    width: "100%",
-    height: "100%",
-    dialogProps: {
-      width: 400,
-      height: 400,
-      bg: "mono5"
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Basic range slider with default settings."
+      }
     }
-  }, /*#__PURE__*/_react.default.createElement(_Box.Box, {
-    width: 400,
-    height: 400
-  }, /*#__PURE__*/_react.default.createElement(_Range.Range, {
+  }
+};
+var WithInitialValue = exports.WithInitialValue = {
+  args: {
     min: 0,
     max: 5000,
     step: 10,
-    onChange: (0, _test.fn)()
-  })));
+    value: [1100, 3450],
+    onChange: (0, _test.fn)(),
+    ariaLabels: ["Min price", "Max price"]
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Range slider with pre-selected values."
+      }
+    }
+  }
 };
-WithinModal.displayName = "WithinModal";
-var WithinDrawer = exports.WithinDrawer = function WithinDrawer() {
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    open = _useState2[0],
-    setOpen = _useState2[1];
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Button.Button, {
-    onClick: function onClick() {
-      setOpen(true);
+var SmallRange = exports.SmallRange = {
+  args: {
+    min: 0,
+    max: 10,
+    step: 1,
+    onChange: (0, _test.fn)(),
+    ariaLabels: ["Min value", "Max value"]
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Range slider with small numeric range and step of 1."
+      }
     }
-  }, "Open"), /*#__PURE__*/_react.default.createElement(_Drawer.Drawer, {
-    open: open,
-    onClose: function onClose() {
-      setOpen(false);
+  }
+};
+var WithinModal = exports.WithinModal = {
+  render: function render() {
+    var _React$useState = _react.default.useState(false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      open = _React$useState2[0],
+      setOpen = _React$useState2[1];
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Button.Button, {
+      onClick: function onClick() {
+        return setOpen(true);
+      }
+    }, "Open Modal"), open && /*#__PURE__*/_react.default.createElement(_Modal.ModalBase, {
+      width: "100%",
+      height: "100%",
+      dialogProps: {
+        width: 400,
+        height: 400,
+        bg: "mono5"
+      },
+      onClose: function onClose() {
+        return setOpen(false);
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Box.Box, {
+      width: 400,
+      height: 400
+    }, /*#__PURE__*/_react.default.createElement(_Range.Range, {
+      min: 0,
+      max: 5000,
+      step: 10,
+      onChange: (0, _test.fn)()
+    }))));
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Range slider displayed within a modal dialog."
+      }
     }
-  }, /*#__PURE__*/_react.default.createElement(_Box.Box, {
-    width: 400,
-    p: 2
-  }, /*#__PURE__*/_react.default.createElement(_Range.Range, {
-    min: 0,
-    max: 5000,
-    step: 10,
-    onChange: (0, _test.fn)()
-  }))));
+  }
 };
-WithinDrawer.story = {
+var WithinDrawer = exports.WithinDrawer = {
+  render: function render() {
+    var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      open = _useState2[0],
+      setOpen = _useState2[1];
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Button.Button, {
+      onClick: function onClick() {
+        setOpen(true);
+      }
+    }, "Open"), /*#__PURE__*/_react.default.createElement(_Drawer.Drawer, {
+      open: open,
+      onClose: function onClose() {
+        setOpen(false);
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Box.Box, {
+      width: 400,
+      p: 2
+    }, /*#__PURE__*/_react.default.createElement(_Range.Range, {
+      min: 0,
+      max: 5000,
+      step: 10,
+      onChange: (0, _test.fn)()
+    }))));
+  },
   parameters: {
     chromatic: {
       disable: true
+    },
+    docs: {
+      description: {
+        story: "Range slider displayed within a drawer component."
+      }
     }
   }
 };
-var InContext = exports.InContext = function InContext() {
-  var _useState3 = (0, _react.useState)([0, 50000]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    _useState4$ = _slicedToArray(_useState4[0], 2),
-    min = _useState4$[0],
-    max = _useState4$[1],
-    setMinMax = _useState4[1];
-  return /*#__PURE__*/_react.default.createElement(_Box.Box, {
-    p: 2,
-    border: "1px solid",
-    borderColor: "mono10",
-    width: 375
-  }, /*#__PURE__*/_react.default.createElement(_Flex.Flex, null, /*#__PURE__*/_react.default.createElement(_LabeledInput.LabeledInput, {
-    title: "Min",
-    label: "$USD",
-    flex: 1,
-    value: min
-  }), /*#__PURE__*/_react.default.createElement(_Spacer.Spacer, {
-    x: 1
-  }), /*#__PURE__*/_react.default.createElement(_LabeledInput.LabeledInput, {
-    title: "Max",
-    label: "$USD",
-    flex: 1,
-    value: max
-  })), /*#__PURE__*/_react.default.createElement(_Spacer.Spacer, {
-    y: 1
-  }), /*#__PURE__*/_react.default.createElement(_Range.Range, {
-    min: 0,
-    max: 50000,
-    step: 100,
-    value: [min, max],
-    onChange: setMinMax
-  }), /*#__PURE__*/_react.default.createElement(_Spacer.Spacer, {
-    y: 0.5
-  }), /*#__PURE__*/_react.default.createElement(_Flex.Flex, {
-    justifyContent: "space-between"
-  }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
-    variant: "xs"
-  }, "$0"), /*#__PURE__*/_react.default.createElement(_Text.Text, {
-    variant: "xs"
-  }, "$50000+")));
+var InContext = exports.InContext = {
+  render: function render() {
+    var _useState3 = (0, _react.useState)([0, 50000]),
+      _useState4 = _slicedToArray(_useState3, 2),
+      _useState4$ = _slicedToArray(_useState4[0], 2),
+      min = _useState4$[0],
+      max = _useState4$[1],
+      setMinMax = _useState4[1];
+    return /*#__PURE__*/_react.default.createElement(_Box.Box, {
+      p: 2,
+      border: "1px solid",
+      borderColor: "mono10",
+      width: 375
+    }, /*#__PURE__*/_react.default.createElement(_Flex.Flex, null, /*#__PURE__*/_react.default.createElement(_LabeledInput.LabeledInput, {
+      title: "Min",
+      label: "$USD",
+      flex: 1,
+      value: min
+    }), /*#__PURE__*/_react.default.createElement(_Spacer.Spacer, {
+      x: 1
+    }), /*#__PURE__*/_react.default.createElement(_LabeledInput.LabeledInput, {
+      title: "Max",
+      label: "$USD",
+      flex: 1,
+      value: max
+    })), /*#__PURE__*/_react.default.createElement(_Spacer.Spacer, {
+      y: 1
+    }), /*#__PURE__*/_react.default.createElement(_Range.Range, {
+      min: 0,
+      max: 50000,
+      step: 100,
+      value: [min, max],
+      onChange: setMinMax
+    }), /*#__PURE__*/_react.default.createElement(_Spacer.Spacer, {
+      y: 0.5
+    }), /*#__PURE__*/_react.default.createElement(_Flex.Flex, {
+      justifyContent: "space-between"
+    }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
+      variant: "xs"
+    }, "$0"), /*#__PURE__*/_react.default.createElement(_Text.Text, {
+      variant: "xs"
+    }, "$50000+")));
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Range slider integrated with input fields showing real-world price filtering usage."
+      }
+    }
+  }
 };
-InContext.displayName = "InContext";
 //# sourceMappingURL=Range.story.js.map

package/dist/elements/Range/Range.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"Range.story.js","names":["_test","require","_react","_interopRequireWildcard","_storybookStates","_Box","_Modal","_Range","_LabeledInput","_Flex","_Spacer","_Text","_Drawer","_Button","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","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","_default","exports","title","Default","createElement","States","states","step","max","Range","min","onChange","fn","ariaLabels","displayName","WithinModal","ModalBase","width","height","dialogProps","bg","Box","WithinDrawer","_useState","useState","_useState2","open","setOpen","Fragment","Button","onClick","Drawer","onClose","p","story","parameters","chromatic","disable","InContext","_useState3","_useState4","_useState4$","setMinMax","border","borderColor","Flex","LabeledInput","label","flex","Spacer","x","y","justifyContent","Text","variant"],"sources":["../../../src/elements/Range/Range.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport React, { useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport { Box } from \"../Box\"\nimport { ModalBase } from \"../Modal\"\nimport { Range, RangeProps } from \"./Range\"\nimport { LabeledInput } from \"../LabeledInput\"\nimport { Flex } from \"../Flex\"\nimport { Spacer } from \"../Spacer\"\nimport { Text } from \"../Text\"\nimport { Drawer } from \"../Drawer\"\nimport { Button } from \"../Button\"\n\nexport default {\n  title: \"Components/Range\",\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<RangeProps>>\n      states={[{}, { value: [1100, 3450] }, { step: 1, max: 10 }]}\n    >\n      <Range\n        min={0}\n        max={5000}\n        step={10}\n        onChange={fn()}\n        ariaLabels={[\"Min price\", \"Max price\"]}\n      />\n    </States>\n  )\n}\n\nexport const WithinModal = () => {\n  return (\n    <ModalBase\n      width=\"100%\"\n      height=\"100%\"\n      dialogProps={{ width: 400, height: 400, bg: \"mono5\" }}\n    >\n      <Box width={400} height={400}>\n        <Range min={0} max={5000} step={10} onChange={fn()} />\n      </Box>\n    </ModalBase>\n  )\n}\n\nexport const WithinDrawer = () => {\n  const [open, setOpen] = useState(false)\n  return (\n    <>\n      <Button\n        onClick={() => {\n          setOpen(true)\n        }}\n      >\n        Open\n      </Button>\n\n      <Drawer\n        open={open}\n        onClose={() => {\n          setOpen(false)\n        }}\n      >\n        <Box width={400} p={2}>\n          <Range min={0} max={5000} step={10} onChange={fn()} />\n        </Box>\n      </Drawer>\n    </>\n  )\n}\n\nWithinDrawer.story = {\n  parameters: { chromatic: { disable: true } },\n}\n\nexport const InContext = () => {\n  const [[min, max], setMinMax] = useState<number[]>([0, 50000])\n\n  return (\n    <Box p={2} border=\"1px solid\" borderColor=\"mono10\" width={375}>\n      <Flex>\n        <LabeledInput title=\"Min\" label=\"$USD\" flex={1} value={min} />\n\n        <Spacer x={1} />\n\n        <LabeledInput title=\"Max\" label=\"$USD\" flex={1} value={max} />\n      </Flex>\n\n      <Spacer y={1} />\n\n      <Range\n        min={0}\n        max={50000}\n        step={100}\n        value={[min, max]}\n        onChange={setMinMax}\n      />\n\n      <Spacer y={0.5} />\n\n      <Flex justifyContent=\"space-between\">\n        <Text variant=\"xs\">$0</Text>\n\n        <Text variant=\"xs\">$50000+</Text>\n      </Flex>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,IAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,aAAA,GAAAP,OAAA;AACA,IAAAQ,KAAA,GAAAR,OAAA;AACA,IAAAS,OAAA,GAAAT,OAAA;AACA,IAAAU,KAAA,GAAAV,OAAA;AACA,IAAAW,OAAA,GAAAX,OAAA;AACA,IAAAY,OAAA,GAAAZ,OAAA;AAAkC,SAAAa,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAZ,wBAAAgB,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAE,OAAA,CAAAF,GAAA,yBAAAA,GAAA,4BAAAG,OAAA,EAAAH,GAAA,UAAAI,KAAA,GAAAT,wBAAA,CAAAC,WAAA,OAAAQ,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAL,GAAA,YAAAI,KAAA,CAAAE,GAAA,CAAAN,GAAA,SAAAO,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAZ,GAAA,QAAAY,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAf,GAAA,EAAAY,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAX,GAAA,EAAAY,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAZ,GAAA,CAAAY,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAH,GAAA,MAAAI,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAjB,GAAA,EAAAO,MAAA,YAAAA,MAAA;AAAA,SAAAW,eAAAC,GAAA,EAAAC,CAAA,WAAAC,eAAA,CAAAF,GAAA,KAAAG,qBAAA,CAAAH,GAAA,EAAAC,CAAA,KAAAG,2BAAA,CAAAJ,GAAA,EAAAC,CAAA,KAAAI,gBAAA;AAAA,SAAAA,iBAAA,cAAAC,SAAA;AAAA,SAAAF,4BAAAG,CAAA,EAAAC,MAAA,SAAAD,CAAA,qBAAAA,CAAA,sBAAAE,iBAAA,CAAAF,CAAA,EAAAC,MAAA,OAAAE,CAAA,GAAApB,MAAA,CAAAI,SAAA,CAAAiB,QAAA,CAAAf,IAAA,CAAAW,CAAA,EAAAK,KAAA,aAAAF,CAAA,iBAAAH,CAAA,CAAAM,WAAA,EAAAH,CAAA,GAAAH,CAAA,CAAAM,WAAA,CAAAC,IAAA,MAAAJ,CAAA,cAAAA,CAAA,mBAAAK,KAAA,CAAAC,IAAA,CAAAT,CAAA,OAAAG,CAAA,+DAAAO,IAAA,CAAAP,CAAA,UAAAD,iBAAA,CAAAF,CAAA,EAAAC,MAAA;AAAA,SAAAC,kBAAAT,GAAA,EAAAkB,GAAA,QAAAA,GAAA,YAAAA,GAAA,GAAAlB,GAAA,CAAAmB,MAAA,EAAAD,GAAA,GAAAlB,GAAA,CAAAmB,MAAA,WAAAlB,CAAA,MAAAmB,IAAA,OAAAL,KAAA,CAAAG,GAAA,GAAAjB,CAAA,GAAAiB,GAAA,EAAAjB,CAAA,IAAAmB,IAAA,CAAAnB,CAAA,IAAAD,GAAA,CAAAC,CAAA,UAAAmB,IAAA;AAAA,SAAAjB,sBAAAH,GAAA,EAAAC,CAAA,QAAAoB,EAAA,WAAArB,GAAA,gCAAAsB,MAAA,IAAAtB,GAAA,CAAAsB,MAAA,CAAAC,QAAA,KAAAvB,GAAA,4BAAAqB,EAAA,QAAAG,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,IAAA,OAAAC,EAAA,OAAAC,EAAA,iBAAAJ,EAAA,IAAAL,EAAA,GAAAA,EAAA,CAAAzB,IAAA,CAAAI,GAAA,GAAA+B,IAAA,QAAA9B,CAAA,QAAAX,MAAA,CAAA+B,EAAA,MAAAA,EAAA,UAAAQ,EAAA,uBAAAA,EAAA,IAAAL,EAAA,GAAAE,EAAA,CAAA9B,IAAA,CAAAyB,EAAA,GAAAW,IAAA,MAAAJ,IAAA,CAAAK,IAAA,CAAAT,EAAA,CAAAU,KAAA,GAAAN,IAAA,CAAAT,MAAA,KAAAlB,CAAA,GAAA4B,EAAA,iBAAAM,GAAA,IAAAL,EAAA,OAAAL,EAAA,GAAAU,GAAA,yBAAAN,EAAA,YAAAR,EAAA,CAAAe,MAAA,KAAAT,EAAA,GAAAN,EAAA,CAAAe,MAAA,IAAA9C,MAAA,CAAAqC,EAAA,MAAAA,EAAA,2BAAAG,EAAA,QAAAL,EAAA,aAAAG,IAAA;AAAA,SAAA1B,gBAAAF,GAAA,QAAAe,KAAA,CAAAsB,OAAA,CAAArC,GAAA,UAAAA,GAAA;AAAA,IAAAsC,QAAA,GAAAC,OAAA,CAAAvD,OAAA,GAEnB;EACbwD,KAAK,EAAE;AACT,CAAC;AAEM,IAAMC,OAAO,GAAAF,OAAA,CAAAE,OAAA,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACE7E,MAAA,CAAAoB,OAAA,CAAA0D,aAAA,CAAC5E,gBAAA,CAAA6E,MAAM;IACLC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE;MAAEV,KAAK,EAAE,CAAC,IAAI,EAAE,IAAI;IAAE,CAAC,EAAE;MAAEW,IAAI,EAAE,CAAC;MAAEC,GAAG,EAAE;IAAG,CAAC;EAAE,gBAE5DlF,MAAA,CAAAoB,OAAA,CAAA0D,aAAA,CAACzE,MAAA,CAAA8E,KAAK;IACJC,GAAG,EAAE,CAAE;IACPF,GAAG,EAAE,IAAK;IACVD,IAAI,EAAE,EAAG;IACTI,QAAQ,EAAE,IAAAC,QAAE,GAAG;IACfC,UAAU,EAAE,CAAC,WAAW,EAAE,WAAW;EAAE,EACvC,CACK;AAEb,CAAC;AAdYV,OAAO,CAAAW,WAAA;AAgBb,IAAMC,WAAW,GAAAd,OAAA,CAAAc,WAAA,GAAG,SAAdA,WAAWA,CAAA,EAAS;EAC/B,oBACEzF,MAAA,CAAAoB,OAAA,CAAA0D,aAAA,CAAC1E,MAAA,CAAAsF,SAAS;IACRC,KAAK,EAAC,MAAM;IACZC,MAAM,EAAC,MAAM;IACbC,WAAW,EAAE;MAAEF,KAAK,EAAE,GAAG;MAAEC,MAAM,EAAE,GAAG;MAAEE,EAAE,EAAE;IAAQ;EAAE,gBAEtD9F,MAAA,CAAAoB,OAAA,CAAA0D,aAAA,CAAC3E,IAAA,CAAA4F,GAAG;IAACJ,KAAK,EAAE,GAAI;IAACC,MAAM,EAAE;EAAI,gBAC3B5F,MAAA,CAAAoB,OAAA,CAAA0D,aAAA,CAACzE,MAAA,CAAA8E,KAAK;IAACC,GAAG,EAAE,CAAE;IAACF,GAAG,EAAE,IAAK;IAACD,IAAI,EAAE,EAAG;IAACI,QAAQ,EAAE,IAAAC,QAAE;EAAG,EAAG,CAClD,CACI;AAEhB,CAAC;AAZYG,WAAW,CAAAD,WAAA;AAcjB,IAAMQ,YAAY,GAAArB,OAAA,CAAAqB,YAAA,GAAG,SAAfA,YAAYA,CAAA,EAAS;EAChC,IAAAC,SAAA,GAAwB,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAAC,UAAA,GAAAhE,cAAA,CAAA8D,SAAA;IAAhCG,IAAI,GAAAD,UAAA;IAAEE,OAAO,GAAAF,UAAA;EACpB,oBACEnG,MAAA,CAAAoB,OAAA,CAAA0D,aAAA,CAAA9E,MAAA,CAAAoB,OAAA,CAAAkF,QAAA,qBACEtG,MAAA,CAAAoB,OAAA,CAAA0D,aAAA,CAACnE,OAAA,CAAA4F,MAAM;IACLC,OAAO,EAAE,SAATA,OAAOA,CAAA,EAAQ;MACbH,OAAO,CAAC,IAAI,CAAC;IACf;EAAE,GACH,MAED,CAAS,eAETrG,MAAA,CAAAoB,OAAA,CAAA0D,aAAA,CAACpE,OAAA,CAAA+F,MAAM;IACLL,IAAI,EAAEA,IAAK;IACXM,OAAO,EAAE,SAATA,OAAOA,CAAA,EAAQ;MACbL,OAAO,CAAC,KAAK,CAAC;IAChB;EAAE,gBAEFrG,MAAA,CAAAoB,OAAA,CAAA0D,aAAA,CAAC3E,IAAA,CAAA4F,GAAG;IAACJ,KAAK,EAAE,GAAI;IAACgB,CAAC,EAAE;EAAE,gBACpB3G,MAAA,CAAAoB,OAAA,CAAA0D,aAAA,CAACzE,MAAA,CAAA8E,KAAK;IAACC,GAAG,EAAE,CAAE;IAACF,GAAG,EAAE,IAAK;IAACD,IAAI,EAAE,EAAG;IAACI,QAAQ,EAAE,IAAAC,QAAE;EAAG,EAAG,CAClD,CACC,CACR;AAEP,CAAC;AAEDU,YAAY,CAACY,KAAK,GAAG;EACnBC,UAAU,EAAE;IAAEC,SAAS,EAAE;MAAEC,OAAO,EAAE;IAAK;EAAE;AAC7C,CAAC;AAEM,IAAMC,SAAS,GAAArC,OAAA,CAAAqC,SAAA,GAAG,SAAZA,SAASA,CAAA,EAAS;EAC7B,IAAAC,UAAA,GAAgC,IAAAf,eAAQ,EAAW,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;IAAAgB,UAAA,GAAA/E,cAAA,CAAA8E,UAAA;IAAAE,WAAA,GAAAhF,cAAA,CAAA+E,UAAA;IAAtD9B,GAAG,GAAA+B,WAAA;IAAEjC,GAAG,GAAAiC,WAAA;IAAGC,SAAS,GAAAF,UAAA;EAE5B,oBACElH,MAAA,CAAAoB,OAAA,CAAA0D,aAAA,CAAC3E,IAAA,CAAA4F,GAAG;IAACY,CAAC,EAAE,CAAE;IAACU,MAAM,EAAC,WAAW;IAACC,WAAW,EAAC,QAAQ;IAAC3B,KAAK,EAAE;EAAI,gBAC5D3F,MAAA,CAAAoB,OAAA,CAAA0D,aAAA,CAACvE,KAAA,CAAAgH,IAAI,qBACHvH,MAAA,CAAAoB,OAAA,CAAA0D,aAAA,CAACxE,aAAA,CAAAkH,YAAY;IAAC5C,KAAK,EAAC,KAAK;IAAC6C,KAAK,EAAC,MAAM;IAACC,IAAI,EAAE,CAAE;IAACpD,KAAK,EAAEc;EAAI,EAAG,eAE9DpF,MAAA,CAAAoB,OAAA,CAAA0D,aAAA,CAACtE,OAAA,CAAAmH,MAAM;IAACC,CAAC,EAAE;EAAE,EAAG,eAEhB5H,MAAA,CAAAoB,OAAA,CAAA0D,aAAA,CAACxE,aAAA,CAAAkH,YAAY;IAAC5C,KAAK,EAAC,KAAK;IAAC6C,KAAK,EAAC,MAAM;IAACC,IAAI,EAAE,CAAE;IAACpD,KAAK,EAAEY;EAAI,EAAG,CACzD,eAEPlF,MAAA,CAAAoB,OAAA,CAAA0D,aAAA,CAACtE,OAAA,CAAAmH,MAAM;IAACE,CAAC,EAAE;EAAE,EAAG,eAEhB7H,MAAA,CAAAoB,OAAA,CAAA0D,aAAA,CAACzE,MAAA,CAAA8E,KAAK;IACJC,GAAG,EAAE,CAAE;IACPF,GAAG,EAAE,KAAM;IACXD,IAAI,EAAE,GAAI;IACVX,KAAK,EAAE,CAACc,GAAG,EAAEF,GAAG,CAAE;IAClBG,QAAQ,EAAE+B;EAAU,EACpB,eAEFpH,MAAA,CAAAoB,OAAA,CAAA0D,aAAA,CAACtE,OAAA,CAAAmH,MAAM;IAACE,CAAC,EAAE;EAAI,EAAG,eAElB7H,MAAA,CAAAoB,OAAA,CAAA0D,aAAA,CAACvE,KAAA,CAAAgH,IAAI;IAACO,cAAc,EAAC;EAAe,gBAClC9H,MAAA,CAAAoB,OAAA,CAAA0D,aAAA,CAACrE,KAAA,CAAAsH,IAAI;IAACC,OAAO,EAAC;EAAI,GAAC,IAAE,CAAO,eAE5BhI,MAAA,CAAAoB,OAAA,CAAA0D,aAAA,CAACrE,KAAA,CAAAsH,IAAI;IAACC,OAAO,EAAC;EAAI,GAAC,SAAO,CAAO,CAC5B,CACH;AAEV,CAAC;AAhCYhB,SAAS,CAAAxB,WAAA"}
+{"version":3,"file":"Range.story.js","names":["_test","require","_react","_interopRequireWildcard","_Box","_Modal","_Range","_LabeledInput","_Flex","_Spacer","_Text","_Drawer","_Button","_storybookBlocklist","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","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","_default","exports","component","Range","title","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","Default","args","min","max","step","onChange","fn","ariaLabels","story","WithInitialValue","SmallRange","WithinModal","render","_React$useState","React","useState","_React$useState2","open","setOpen","createElement","Fragment","Button","onClick","ModalBase","width","height","dialogProps","bg","onClose","Box","WithinDrawer","_useState","_useState2","Drawer","p","chromatic","disable","InContext","_useState3","_useState4","_useState4$","setMinMax","border","borderColor","Flex","LabeledInput","label","flex","Spacer","x","y","justifyContent","Text","variant"],"sources":["../../../src/elements/Range/Range.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport React, { useState } from \"react\"\nimport { Box } from \"../Box\"\nimport { ModalBase } from \"../Modal\"\nimport { Range } from \"./Range\"\nimport { LabeledInput } from \"../LabeledInput\"\nimport { Flex } from \"../Flex\"\nimport { Spacer } from \"../Spacer\"\nimport { Text } from \"../Text\"\nimport { Drawer } from \"../Drawer\"\nimport { Button } from \"../Button\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nexport default {\n  component: Range,\n  title: \"Components/Range\",\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"A dual-handle range slider component for selecting value ranges with customizable min/max/step values.\",\n      },\n    },\n    controls: {\n        exclude: STORYBOOK_PROPS_BLOCKLIST,\n      },\n  },\n}\n\nexport const Default = {\n  args: {\n    min: 0,\n    max: 5000,\n    step: 10,\n    onChange: fn(),\n    ariaLabels: [\"Min price\", \"Max price\"],\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Basic range slider with default settings.\",\n      },\n    },\n  },\n}\n\nexport const WithInitialValue = {\n  args: {\n    min: 0,\n    max: 5000,\n    step: 10,\n    value: [1100, 3450],\n    onChange: fn(),\n    ariaLabels: [\"Min price\", \"Max price\"],\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Range slider with pre-selected values.\",\n      },\n    },\n  },\n}\n\nexport const SmallRange = {\n  args: {\n    min: 0,\n    max: 10,\n    step: 1,\n    onChange: fn(),\n    ariaLabels: [\"Min value\", \"Max value\"],\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Range slider with small numeric range and step of 1.\",\n      },\n    },\n  },\n}\n\nexport const WithinModal = {\n  render: () => {\n    const [open, setOpen] = React.useState(false)\n    return (\n      <>\n        <Button onClick={() => setOpen(true)}>Open Modal</Button>\n        {open && (\n          <ModalBase\n            width=\"100%\"\n            height=\"100%\"\n            dialogProps={{ width: 400, height: 400, bg: \"mono5\" }}\n            onClose={() => setOpen(false)}\n          >\n            <Box width={400} height={400}>\n              <Range min={0} max={5000} step={10} onChange={fn()} />\n            </Box>\n          </ModalBase>\n        )}\n      </>\n    )\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Range slider displayed within a modal dialog.\",\n      },\n    },\n  },\n}\n\nexport const WithinDrawer = {\n  render: () => {\n    const [open, setOpen] = useState(false)\n    return (\n      <>\n        <Button\n          onClick={() => {\n            setOpen(true)\n          }}\n        >\n          Open\n        </Button>\n        <Drawer\n          open={open}\n          onClose={() => {\n            setOpen(false)\n          }}\n        >\n          <Box width={400} p={2}>\n            <Range min={0} max={5000} step={10} onChange={fn()} />\n          </Box>\n        </Drawer>\n      </>\n    )\n  },\n  parameters: {\n    chromatic: { disable: true },\n    docs: {\n      description: {\n        story: \"Range slider displayed within a drawer component.\",\n      },\n    },\n  },\n}\n\nexport const InContext = {\n  render: () => {\n    const [[min, max], setMinMax] = useState<number[]>([0, 50000])\n\n    return (\n      <Box p={2} border=\"1px solid\" borderColor=\"mono10\" width={375}>\n        <Flex>\n          <LabeledInput title=\"Min\" label=\"$USD\" flex={1} value={min} />\n          <Spacer x={1} />\n          <LabeledInput title=\"Max\" label=\"$USD\" flex={1} value={max} />\n        </Flex>\n        <Spacer y={1} />\n        <Range\n          min={0}\n          max={50000}\n          step={100}\n          value={[min, max]}\n          onChange={setMinMax}\n        />\n        <Spacer y={0.5} />\n        <Flex justifyContent=\"space-between\">\n          <Text variant=\"xs\">$0</Text>\n          <Text variant=\"xs\">$50000+</Text>\n        </Flex>\n      </Box>\n    )\n  },\n  parameters: {\n    docs: {\n      description: {\n        story:\n          \"Range slider integrated with input fields showing real-world price filtering usage.\",\n      },\n    },\n  },\n}\n"],"mappings":"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"}

package/dist/elements/ReadMore/ReadMore.d.ts

@@ -4,7 +4,7 @@ export interface ReadMoreProps {
     disabled?: boolean;
     inlineReadMoreLink?: boolean;
     isExpanded?: boolean;
-    maxChars?: number;
+    maxLines?: number;
     onReadLessClicked?: () => void;
     onReadMoreClicked?: () => void;
 }

package/dist/elements/ReadMore/ReadMore.js

@@ -7,13 +7,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.ReadMore = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _truncHtml = _interopRequireDefault(require("trunc-html"));
 var _Clickable = require("../Clickable");
 var _Text = require("../Text");
-var _Box = require("../Box");
+var _Theme = require("../../Theme");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -27,69 +27,81 @@ var ReadMore = exports.ReadMore = function ReadMore(_ref) {
     _ref$inlineReadMoreLi = _ref.inlineReadMoreLink,
     inlineReadMoreLink = _ref$inlineReadMoreLi === void 0 ? true : _ref$inlineReadMoreLi,
     isExpanded = _ref.isExpanded,
-    _ref$maxChars = _ref.maxChars,
-    maxChars = _ref$maxChars === void 0 ? Infinity : _ref$maxChars,
+    _ref$maxLines = _ref.maxLines,
+    maxLines = _ref$maxLines === void 0 ? Infinity : _ref$maxLines,
     onReadLessClicked = _ref.onReadLessClicked,
     onReadMoreClicked = _ref.onReadMoreClicked;
-  var _useState = (0, _react.useState)(!!isExpanded),
+  var ref = (0, _react.useRef)(null);
+  var _useTheme = (0, _Theme.useTheme)(),
+    theme = _useTheme.theme;
+  var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
-    expanded = _useState2[0],
-    setExpanded = _useState2[1];
+    isOverflowing = _useState2[0],
+    setIsOverflowing = _useState2[1];
+  var _useState3 = (0, _react.useState)(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    singleLineHeight = _useState4[0],
+    setSingleLineHeight = _useState4[1];
+  var _useState5 = (0, _react.useState)(!!isExpanded),
+    _useState6 = _slicedToArray(_useState5, 2),
+    expanded = _useState6[0],
+    setExpanded = _useState6[1];
+  var maxLinesToShow = expanded ? Infinity : maxLines;
+  var sentinelSpan = "<span data-readmore-sentinel aria-hidden=\"true\" style=\"display:inline-block;width:0;padding:0;margin:0;\">&#8203;</span>";
   if (typeof expandedHTML !== "string") return null;
-  var charCount = expandedHTML.replace(HTML_TAG_REGEX, "").length;
-  var truncatedHTML = (0, _truncHtml.default)(expandedHTML, maxChars).html;
-  var visible = charCount > maxChars;
   var handleClick = function handleClick() {
     if (disabled) return;
     setExpanded(function (expandedState) {
       return !expandedState;
     });
-    expanded ? onReadLessClicked && onReadLessClicked() : onReadMoreClicked && onReadMoreClicked();
+    expanded ? onReadLessClicked === null || onReadLessClicked === void 0 ? void 0 : onReadLessClicked() : onReadMoreClicked === null || onReadMoreClicked === void 0 ? void 0 : onReadMoreClicked();
   };
-  if (!visible) {
-    return /*#__PURE__*/_react.default.createElement("span", {
-      dangerouslySetInnerHTML: {
-        __html: expandedHTML
-      }
-    });
-  }
+  (0, _react.useEffect)(function () {
+    if (!ref.current) return;
+    setIsOverflowing(ref.current.scrollHeight > ref.current.clientHeight);
+    var sentinel = ref.current.querySelector("[data-readmore-sentinel]");
+    if (!sentinel) return;
+    setSingleLineHeight(sentinel.clientHeight);
+  }, []);
   return /*#__PURE__*/_react.default.createElement(Container, {
     "aria-expanded": expanded
-  }, expanded ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Box.Box, {
+  }, /*#__PURE__*/_react.default.createElement(LineClamp, {
+    ref: ref,
+    lineClamp: maxLinesToShow,
     dangerouslySetInnerHTML: {
-      __html: expandedHTML
+      __html: expanded ? expandedHTML : "".concat(expandedHTML).concat(sentinelSpan)
     }
-  }), /*#__PURE__*/_react.default.createElement(_Clickable.Clickable, {
+  }), isOverflowing && /*#__PURE__*/_react.default.createElement(_Clickable.Clickable, _extends({
     cursor: "pointer",
     textDecoration: "underline",
     onClick: handleClick
-  }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
+  }, !expanded && inlineReadMoreLink ? {
+    position: "absolute",
+    bottom: 0,
+    right: 0,
+    background: "linear-gradient(to left, ".concat(theme.colors.mono0, " 0, ").concat(theme.colors.mono0, " calc(100% - ").concat(theme.space[4], "), transparent 100%)"),
+    pl: 4,
+    height: singleLineHeight,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center"
+  } : {}), /*#__PURE__*/_react.default.createElement(_Text.Text, {
     variant: "xs",
     fontWeight: "bold"
-  }, "Read less"))) : /*#__PURE__*/_react.default.createElement(_Clickable.Clickable, {
-    onClick: handleClick
-  }, inlineReadMoreLink ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
-    dangerouslySetInnerHTML: {
-      __html: truncatedHTML
-    }
-  }), " ") : /*#__PURE__*/_react.default.createElement(_Box.Box, {
-    dangerouslySetInnerHTML: {
-      __html: truncatedHTML
-    }
-  }), /*#__PURE__*/_react.default.createElement(_Text.Text, {
-    as: "span",
-    variant: "xs",
-    fontWeight: "bold",
-    style: {
-      textDecoration: "underline"
-    }
-  }, "Read more")));
+  }, "Read ", expanded ? "less" : "more")));
 };
 ReadMore.displayName = "ReadMore";
 var Container = _styledComponents.default.div.withConfig({
   displayName: "ReadMore__Container",
   componentId: "sc-1bqy0ya-0"
-})(["> * > span > *:last-child{display:inherit;}"]);
+})(["position:relative;"]);
 Container.displayName = "Container";
-var HTML_TAG_REGEX = /(<([^>]+)>)/gi;
+var LineClamp = _styledComponents.default.div.withConfig({
+  displayName: "ReadMore__LineClamp",
+  componentId: "sc-1bqy0ya-1"
+})(["display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:", ";line-clamp:", ";overflow:hidden;"], function (props) {
+  return props.lineClamp;
+}, function (props) {
+  return props.lineClamp;
+});
 //# sourceMappingURL=ReadMore.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ReadMore.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_truncHtml","_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","_ref$inlineReadMoreLi","inlineReadMoreLink","isExpanded","_ref$maxChars","maxChars","Infinity","onReadLessClicked","onReadMoreClicked","_useState","useState","_useState2","expanded","setExpanded","charCount","replace","HTML_TAG_REGEX","truncatedHTML","truncate","html","visible","handleClick","expandedState","createElement","dangerouslySetInnerHTML","__html","Container","Fragment","Box","Clickable","cursor","textDecoration","onClick","Text","variant","fontWeight","as","style","displayName","styled","div","withConfig","componentId"],"sources":["../../../src/elements/ReadMore/ReadMore.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport styled from \"styled-components\"\nimport truncate from \"trunc-html\"\nimport { Clickable } from \"../Clickable\"\nimport { Text } from \"../Text\"\nimport { Box } from \"../Box\"\n\nexport interface ReadMoreProps {\n  content: string\n  disabled?: boolean\n  inlineReadMoreLink?: boolean\n  isExpanded?: boolean\n  maxChars?: 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  maxChars = Infinity,\n  onReadLessClicked,\n  onReadMoreClicked,\n}) => {\n  const [expanded, setExpanded] = useState(!!isExpanded)\n\n  if (typeof expandedHTML !== \"string\") return null\n\n  const charCount = expandedHTML.replace(HTML_TAG_REGEX, \"\").length\n\n  const truncatedHTML = truncate(expandedHTML, maxChars).html\n\n  const visible = charCount > maxChars\n\n  const handleClick = () => {\n    if (disabled) return\n    setExpanded((expandedState) => !expandedState)\n\n    expanded\n      ? onReadLessClicked && onReadLessClicked()\n      : onReadMoreClicked && onReadMoreClicked()\n  }\n\n  if (!visible) {\n    return (\n      <span\n        dangerouslySetInnerHTML={{\n          __html: expandedHTML,\n        }}\n      />\n    )\n  }\n\n  return (\n    <Container aria-expanded={expanded}>\n      {expanded ? (\n        <>\n          <Box dangerouslySetInnerHTML={{ __html: expandedHTML }} />\n\n          <Clickable\n            cursor=\"pointer\"\n            textDecoration=\"underline\"\n            onClick={handleClick}\n          >\n            <Text variant=\"xs\" fontWeight=\"bold\">\n              Read less\n            </Text>\n          </Clickable>\n        </>\n      ) : (\n        <Clickable onClick={handleClick}>\n          {inlineReadMoreLink ? (\n            <>\n              <span dangerouslySetInnerHTML={{ __html: truncatedHTML }} />{\" \"}\n            </>\n          ) : (\n            <Box dangerouslySetInnerHTML={{ __html: truncatedHTML }} />\n          )}\n\n          <Text\n            as=\"span\"\n            variant=\"xs\"\n            fontWeight=\"bold\"\n            style={{ textDecoration: \"underline\" }}\n          >\n            Read more\n          </Text>\n        </Clickable>\n      )}\n    </Container>\n  )\n}\n\nconst Container = styled.div`\n  > * > span > *:last-child {\n    display: inherit;\n  }\n`\n\nContainer.displayName = \"Container\"\n\nconst HTML_TAG_REGEX = /(<([^>]+)>)/gi\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\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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"}