@elliemae/ds-read-more 1.61.10 → 1.61.13

package/cjs/DSReadMore.js.map

@@ -1 +1 @@
-{"version":3,"file":"DSReadMore.js","sources":["../../../../shared-configs/prop-types.js","../../src/DSReadMore.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nexport const dsBasicSizes = ['s', 'm', 'l'];\n\nexport const sizes = ['xsmall', 'small', 'medium', 'large', 'xlarge'];\n\nexport const iconSizes = ['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl'];\n\nexport const iconColors = [\n  ['neutral', '900'],\n  ['neutral', '0'],\n  ['danger', '900'],\n  ['warning', '500'],\n  ['success', '900'],\n  ['brand-primary', '600'],\n];\n\nexport const CHECKBOX_VARIANT = {\n  DEFAULT: 'variant-default',\n  FOCUS: 'variant-focus',\n  ACTIVE: 'variant-active',\n  DISABLED: 'variant-disabled',\n  ERROR: 'variant-error',\n};\nexport const checkboxVariants = [\n  CHECKBOX_VARIANT.DEFAULT,\n  CHECKBOX_VARIANT.FOCUS,\n  CHECKBOX_VARIANT.ACTIVE,\n  CHECKBOX_VARIANT.DISABLED,\n  CHECKBOX_VARIANT.ERROR,\n];\n\nexport const COMBOBOX_VARIANT = {\n  DEFAULT: 'variant-default',\n  FOCUS: 'variant-focus-input',\n  FOCUS_ICON: 'variant-focus-icon',\n  ACTIVE: 'variant-active-input',\n  ACTIVE_ICON: 'variant-active-icon',\n  DISABLED: 'variant-disabled',\n  ERROR: 'variant-error',\n};\n\nexport const comboBoxVariants = [\n  COMBOBOX_VARIANT.DEFAULT,\n  COMBOBOX_VARIANT.FOCUS,\n  COMBOBOX_VARIANT.FOCUS_ICON,\n  COMBOBOX_VARIANT.ACTIVE,\n  COMBOBOX_VARIANT.ACTIVE_ICON,\n  COMBOBOX_VARIANT.DISABLED,\n  COMBOBOX_VARIANT.ERROR,\n];\n\nexport const sizeVariants = {\n  S: 's',\n  M: 'm',\n  L: 'l',\n};\n\nexport const position = {\n  LEFT: 'left',\n  RIGHT: 'right',\n  CENTER: 'center',\n};\n\nexport const fontColor = {\n  NEUTRAL500: 'neutral500',\n  NEUTRAL700: 'neutral700',\n};\n\nexport const orientation = ['horizontal', 'vertical'];\n\nexport const orientationVariants = {\n  HORIZONTAL: 'horizontal',\n  VERTICAL: 'vertical',\n};\n","/* eslint-disable max-lines */\nimport React, { useLayoutEffect, useRef, useState } from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport styled from 'styled-components';\nimport { buttonTypes } from '@elliemae/ds-button';\nimport { dsBasicSizes } from '../../../shared-configs/prop-types';\nimport { MoreLessButton } from './MoreLessButton';\n\nconst Text = styled.span`\n  display: -webkit-box;\n  -webkit-line-clamp: ${({ lines, expanded }) => (expanded ? 'unset' : lines)};\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  -moz-hyphens: auto;\n  -ms-hyphens: auto;\n  hyphens: auto;\n  word-break: break-all;\n`;\n\nconst DSReadMore = ({\n  lines = 2,\n  more = 'more',\n  less = 'less',\n  onMore = () => null,\n  onLess = () => null,\n  content,\n  buttonType = 'link',\n  size = 's',\n  ellipsis = '...',\n}) => {\n  const ref = useRef();\n  const [showButton, setShowButton] = useState(false);\n  const [expanded, setExpanded] = useState(false);\n\n  // offsetHeight + 2 takes into consideration any size of the button\n  const overflows = ({ offsetHeight, scrollHeight }) =>\n    offsetHeight + 2 < scrollHeight;\n\n  // Searchs the optimum cut on the text to have the button in the same line\n  const binSearchTextOverflow = (element, parent) => {\n    const text = element.innerText;\n    let left = 1;\n    let right = text.length;\n    let textEnd = 0;\n    while (left <= right) {\n      const middle = (left + right) / 2;\n      element.innerText = content.slice(0, middle);\n      if (overflows(parent)) right = middle - 1;\n      else {\n        left = middle + 1;\n        textEnd = middle;\n      }\n    }\n    element.innerText = content.slice(0, textEnd);\n  };\n\n  useLayoutEffect(() => {\n    const textElement = ref.current;\n    const parentElement = ref.current?.parentElement;\n    if (parentElement) {\n      textElement.innerText = content;\n      setShowButton(expanded || overflows(parentElement));\n      if (!expanded && overflows(parentElement)) {\n        binSearchTextOverflow(textElement, parentElement);\n      }\n    }\n  }, [lines, content, expanded, showButton, more, less]);\n\n  const toggleExpanded = (newExpanded) => {\n    setExpanded(newExpanded);\n    if (newExpanded) onMore();\n    else onLess();\n  };\n\n  return (\n    <Text lines={lines} expanded={expanded}>\n      <span ref={ref} data-testid=\"ds-read_more-text\">\n        {content}\n      </span>\n      {showButton && (\n        <span>\n          <MoreLessButton\n            expanded={expanded}\n            label={expanded ? less : more}\n            onClick={() => toggleExpanded(!expanded)}\n            buttonType={buttonType}\n            size={size}\n            ellipsis={ellipsis}\n          />\n        </span>\n      )}\n    </Text>\n  );\n};\n\nconst DSReadMoreProps = {\n  /** Ammount of lines after you want to display an ellipsis + more/less button */\n  lines: PropTypes.number\n    .description(\n      'Ammount of lines after you want to display an ellipsis + more/less button',\n    )\n    .defaultValue(2),\n  /** Label which will appear on the 'More' button */\n  more: PropTypes.string\n    .description(\"Label which will appear on the 'More' button\")\n    .defaultValue('more'),\n  /** Label which will appear on the 'Less' button */\n  less: PropTypes.string\n    .description(\"Label which will appear on the 'Less' button\")\n    .defaultValue('less'),\n  /** Function which will execute when the user click the 'More' button */\n  onMore: PropTypes.func.description(\n    \"Function which will execute when the user click the 'More' button\",\n  ),\n  /** Function which will execute when the user click the 'Less' button */\n  onLess: PropTypes.func.description(\n    \"Function which will execute when the user click the 'Less' button\",\n  ),\n  /** The text content you want displayed */\n  content: PropTypes.string.isRequired.description(\n    'The text content you want displayed',\n  ),\n\n  /** 'The type of button for more/less button' */\n  buttonType: PropTypes.oneOf(buttonTypes)\n    .description('The type for the more/less button')\n    .defaultValue('link'),\n  /**\n   * ['s', 'm', 'l']\n   */\n  size: PropTypes.oneOf(dsBasicSizes)\n    .description('Size of the button')\n    .defaultValue('s'),\n\n  /** The text you want to appear when truncating */\n  ellipsis: PropTypes.string\n    .description('The text you want to appear when truncating')\n    .defaultValue('...'),\n};\n\nDSReadMore.propTypes = DSReadMoreProps;\n\nconst DSReadMoreWithSchema = describe(DSReadMore).description(\n  'ReadMore component',\n);\n\nDSReadMoreWithSchema.propTypes = DSReadMoreProps;\n\nexport { DSReadMore, DSReadMoreWithSchema };\nexport default DSReadMore;\n"],"names":["Text","styled","span","lines","expanded","DSReadMore","more","less","onMore","onLess","content","buttonType","size","ellipsis","ref","useRef","useState","showButton","setShowButton","setExpanded","overflows","offsetHeight","scrollHeight","binSearchTextOverflow","element","parent","text","innerText","left","right","length","textEnd","middle","slice","useLayoutEffect","textElement","current","parentElement","toggleExpanded","newExpanded","React","MoreLessButton","DSReadMoreProps","PropTypes","number","description","defaultValue","string","func","isRequired","oneOf","buttonTypes","dsBasicSizes","propTypes","DSReadMoreWithSchema","describe"],"mappings":"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"}
+{"version":3,"file":"DSReadMore.js","sources":["../../../../shared-configs/prop-types.js","../../src/DSReadMore.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nexport const dsBasicSizes = ['s', 'm', 'l'];\n\nexport const sizes = ['xsmall', 'small', 'medium', 'large', 'xlarge'];\n\nexport const iconSizes = ['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl'];\n\nexport const iconColors = [\n  ['neutral', '900'],\n  ['neutral', '0'],\n  ['danger', '900'],\n  ['warning', '500'],\n  ['success', '900'],\n  ['brand-primary', '600'],\n];\n\nexport const CHECKBOX_VARIANT = {\n  DEFAULT: 'variant-default',\n  FOCUS: 'variant-focus',\n  ACTIVE: 'variant-active',\n  DISABLED: 'variant-disabled',\n  ERROR: 'variant-error',\n};\nexport const checkboxVariants = [\n  CHECKBOX_VARIANT.DEFAULT,\n  CHECKBOX_VARIANT.FOCUS,\n  CHECKBOX_VARIANT.ACTIVE,\n  CHECKBOX_VARIANT.DISABLED,\n  CHECKBOX_VARIANT.ERROR,\n];\n\nexport const COMBOBOX_VARIANT = {\n  DEFAULT: 'variant-default',\n  FOCUS: 'variant-focus-input',\n  FOCUS_ICON: 'variant-focus-icon',\n  ACTIVE: 'variant-active-input',\n  ACTIVE_ICON: 'variant-active-icon',\n  DISABLED: 'variant-disabled',\n  ERROR: 'variant-error',\n};\n\nexport const comboBoxVariants = [\n  COMBOBOX_VARIANT.DEFAULT,\n  COMBOBOX_VARIANT.FOCUS,\n  COMBOBOX_VARIANT.FOCUS_ICON,\n  COMBOBOX_VARIANT.ACTIVE,\n  COMBOBOX_VARIANT.ACTIVE_ICON,\n  COMBOBOX_VARIANT.DISABLED,\n  COMBOBOX_VARIANT.ERROR,\n];\n\nexport const sizeVariants = {\n  S: 's',\n  M: 'm',\n  L: 'l',\n};\n\nexport const position = {\n  LEFT: 'left',\n  RIGHT: 'right',\n  CENTER: 'center',\n};\n\nexport const fontColor = {\n  NEUTRAL500: 'neutral500',\n  NEUTRAL700: 'neutral700',\n};\n\nexport const orientation = ['horizontal', 'vertical'];\n\nexport const orientationVariants = {\n  HORIZONTAL: 'horizontal',\n  VERTICAL: 'vertical',\n};\n","/* eslint-disable max-lines */\nimport React, { useLayoutEffect, useRef, useState } from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport styled from 'styled-components';\nimport { buttonTypes } from '@elliemae/ds-button';\nimport { dsBasicSizes } from '../../../shared-configs/prop-types';\nimport { MoreLessButton } from './MoreLessButton';\n\nconst Text = styled.span`\n  display: -webkit-box;\n  -webkit-line-clamp: ${({ lines, expanded }) => (expanded ? 'unset' : lines)};\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  -moz-hyphens: auto;\n  -ms-hyphens: auto;\n  hyphens: auto;\n  word-break: break-all;\n`;\n\nconst DSReadMore = ({\n  lines = 2,\n  more = 'more',\n  less = 'less',\n  onMore = () => null,\n  onLess = () => null,\n  content,\n  buttonType = 'link',\n  size = 's',\n  ellipsis = '...',\n}) => {\n  const ref = useRef();\n  const [showButton, setShowButton] = useState(false);\n  const [expanded, setExpanded] = useState(false);\n\n  // offsetHeight + 2 takes into consideration any size of the button\n  const overflows = ({ offsetHeight, scrollHeight }) =>\n    offsetHeight + 2 < scrollHeight;\n\n  // Searchs the optimum cut on the text to have the button in the same line\n  const binSearchTextOverflow = (element, parent) => {\n    const text = element.innerText;\n    let left = 1;\n    let right = text.length;\n    let textEnd = 0;\n    while (left <= right) {\n      const middle = (left + right) / 2;\n      element.innerText = content.slice(0, middle);\n      if (overflows(parent)) right = middle - 1;\n      else {\n        left = middle + 1;\n        textEnd = middle;\n      }\n    }\n    element.innerText = content.slice(0, textEnd);\n  };\n\n  useLayoutEffect(() => {\n    const textElement = ref.current;\n    const parentElement = ref.current?.parentElement;\n    if (parentElement) {\n      textElement.innerText = content;\n      setShowButton(expanded || overflows(parentElement));\n      if (!expanded && overflows(parentElement)) {\n        binSearchTextOverflow(textElement, parentElement);\n      }\n    }\n  }, [lines, content, expanded, showButton, more, less]);\n\n  const toggleExpanded = (newExpanded) => {\n    setExpanded(newExpanded);\n    if (newExpanded) onMore();\n    else onLess();\n  };\n\n  return (\n    <Text lines={lines} expanded={expanded}>\n      <span ref={ref} data-testid=\"ds-read_more-text\">\n        {content}\n      </span>\n      {showButton && (\n        <span>\n          <MoreLessButton\n            expanded={expanded}\n            label={expanded ? less : more}\n            onClick={() => toggleExpanded(!expanded)}\n            buttonType={buttonType}\n            size={size}\n            ellipsis={ellipsis}\n          />\n        </span>\n      )}\n    </Text>\n  );\n};\n\nconst DSReadMoreProps = {\n  /** Ammount of lines after you want to display an ellipsis + more/less button */\n  lines: PropTypes.number\n    .description(\n      'Ammount of lines after you want to display an ellipsis + more/less button',\n    )\n    .defaultValue(2),\n  /** Label which will appear on the 'More' button */\n  more: PropTypes.string\n    .description(\"Label which will appear on the 'More' button\")\n    .defaultValue('more'),\n  /** Label which will appear on the 'Less' button */\n  less: PropTypes.string\n    .description(\"Label which will appear on the 'Less' button\")\n    .defaultValue('less'),\n  /** Function which will execute when the user click the 'More' button */\n  onMore: PropTypes.func.description(\n    \"Function which will execute when the user click the 'More' button\",\n  ),\n  /** Function which will execute when the user click the 'Less' button */\n  onLess: PropTypes.func.description(\n    \"Function which will execute when the user click the 'Less' button\",\n  ),\n  /** The text content you want displayed */\n  content: PropTypes.string.isRequired.description(\n    'The text content you want displayed',\n  ),\n\n  /** 'The type of button for more/less button' */\n  buttonType: PropTypes.oneOf(buttonTypes)\n    .description('The type for the more/less button')\n    .defaultValue('link'),\n  /**\n   * ['s', 'm', 'l']\n   */\n  size: PropTypes.oneOf(dsBasicSizes)\n    .description('Size of the button')\n    .defaultValue('s'),\n\n  /** The text you want to appear when truncating */\n  ellipsis: PropTypes.string\n    .description('The text you want to appear when truncating')\n    .defaultValue('...'),\n};\n\nDSReadMore.propTypes = DSReadMoreProps;\n\nconst DSReadMoreWithSchema = describe(DSReadMore).description(\n  'ReadMore component',\n);\n\nDSReadMoreWithSchema.propTypes = DSReadMoreProps;\n\nexport { DSReadMore, DSReadMoreWithSchema };\nexport default DSReadMore;\n"],"names":["Text","styled","span","lines","expanded","DSReadMore","more","less","onMore","onLess","content","buttonType","size","ellipsis","ref","useRef","useState","showButton","setShowButton","setExpanded","overflows","offsetHeight","scrollHeight","binSearchTextOverflow","element","parent","text","innerText","left","right","length","textEnd","middle","slice","useLayoutEffect","textElement","current","parentElement","toggleExpanded","newExpanded","React","MoreLessButton","DSReadMoreProps","PropTypes","number","description","defaultValue","string","func","isRequired","oneOf","buttonTypes","dsBasicSizes","propTypes","DSReadMoreWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AACO,MAAM,YAAY,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;;ACO3C,IAAMA,IAAI,gBAAGC,0BAAM,CAACC,IAAV;EAAA;AAAA,2KAEc;EAAA,IAAGC,KAAH,QAAGA,KAAH;MAAUC,QAAV,QAAUA,QAAV;EAAA,OAA0BA,QAAQ,GAAG,OAAH,GAAaD,KAA/C;AAAA,CAFd,CAAV;;IAWME,UAAU,GAAG,SAAbA,UAAa,QAUb;EAAA,wBATJF,KASI;MATJA,KASI,4BATI,CASJ;yBARJG,IAQI;MARJA,IAQI,2BARG,MAQH;yBAPJC,IAOI;MAPJA,IAOI,2BAPG,MAOH;2BANJC,MAMI;MANJA,MAMI,6BANK;IAAA,OAAM,IAAN;GAML;2BALJC,MAKI;MALJA,MAKI,6BALK;IAAA,OAAM,IAAN;GAKL;MAJJC,OAII,SAJJA,OAII;+BAHJC,UAGI;MAHJA,UAGI,iCAHS,MAGT;yBAFJC,IAEI;MAFJA,IAEI,2BAFG,GAEH;6BADJC,QACI;MADJA,QACI,+BADO,KACP;EACJ,IAAMC,GAAG,GAAGC,YAAM,EAAlB;;EACA,gBAAoCC,cAAQ,CAAC,KAAD,CAA5C;;MAAOC,UAAP;MAAmBC,aAAnB;;EACA,iBAAgCF,cAAQ,CAAC,KAAD,CAAxC;;MAAOZ,QAAP;MAAiBe,WAAjB,iBAHI;;;EAMJ,IAAMC,SAAS,GAAG,SAAZA,SAAY;IAAA,IAAGC,YAAH,SAAGA,YAAH;QAAiBC,YAAjB,SAAiBA,YAAjB;IAAA,OAChBD,YAAY,GAAG,CAAf,GAAmBC,YADH;GAAlB,CANI;;;EAUJ,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACC,OAAD,EAAUC,MAAV,EAAqB;IACjD,IAAMC,IAAI,GAAGF,OAAO,CAACG,SAArB;IACA,IAAIC,IAAI,GAAG,CAAX;IACA,IAAIC,KAAK,GAAGH,IAAI,CAACI,MAAjB;IACA,IAAIC,OAAO,GAAG,CAAd;;IACA,OAAOH,IAAI,IAAIC,KAAf,EAAsB;MACpB,IAAMG,MAAM,GAAG,CAACJ,IAAI,GAAGC,KAAR,IAAiB,CAAhC;MACAL,OAAO,CAACG,SAAR,GAAoBjB,OAAO,CAACuB,KAAR,CAAc,CAAd,EAAiBD,MAAjB,CAApB;MACA,IAAIZ,SAAS,CAACK,MAAD,CAAb,EAAuBI,KAAK,GAAGG,MAAM,GAAG,CAAjB,CAAvB,KACK;QACHJ,IAAI,GAAGI,MAAM,GAAG,CAAhB;QACAD,OAAO,GAAGC,MAAV;;;;IAGJR,OAAO,CAACG,SAAR,GAAoBjB,OAAO,CAACuB,KAAR,CAAc,CAAd,EAAiBF,OAAjB,CAApB;GAdF;;EAiBAG,qBAAe,CAAC,YAAM;IAAA;;IACpB,IAAMC,WAAW,GAAGrB,GAAG,CAACsB,OAAxB;IACA,IAAMC,aAAa,mBAAGvB,GAAG,CAACsB,OAAP,iDAAG,aAAaC,aAAnC;;IACA,IAAIA,aAAJ,EAAmB;MACjBF,WAAW,CAACR,SAAZ,GAAwBjB,OAAxB;MACAQ,aAAa,CAACd,QAAQ,IAAIgB,SAAS,CAACiB,aAAD,CAAtB,CAAb;;MACA,IAAI,CAACjC,QAAD,IAAagB,SAAS,CAACiB,aAAD,CAA1B,EAA2C;QACzCd,qBAAqB,CAACY,WAAD,EAAcE,aAAd,CAArB;;;GAPS,EAUZ,CAAClC,KAAD,EAAQO,OAAR,EAAiBN,QAAjB,EAA2Ba,UAA3B,EAAuCX,IAAvC,EAA6CC,IAA7C,CAVY,CAAf;;EAYA,IAAM+B,cAAc,GAAG,SAAjBA,cAAiB,CAACC,WAAD,EAAiB;IACtCpB,WAAW,CAACoB,WAAD,CAAX;IACA,IAAIA,WAAJ,EAAiB/B,MAAM,GAAvB,KACKC,MAAM;GAHb;;EAMA,oBACE+B,wCAAC,IAAD;IAAM,KAAK,EAAErC,KAAb;IAAoB,QAAQ,EAAEC;kBAC5BoC;IAAM,GAAG,EAAE1B,GAAX;IAAgB,eAAY;KACzBJ,OADH,CADF,EAIGO,UAAU,iBACTuB,mEACEA,wCAACC,6BAAD;IACE,QAAQ,EAAErC,QADZ;IAEE,KAAK,EAAEA,QAAQ,GAAGG,IAAH,GAAUD,IAF3B;IAGE,OAAO,EAAE;MAAA,OAAMgC,cAAc,CAAC,CAAClC,QAAF,CAApB;KAHX;IAIE,UAAU,EAAEO,UAJd;IAKE,IAAI,EAAEC,IALR;IAME,QAAQ,EAAEC;IAPd,CALJ,CADF;AAmBD;;AAED,IAAM6B,eAAe,GAAG;;EAEtBvC,KAAK,EAAEwC,mBAAS,CAACC,MAAV,CACJC,WADI,CAEH,2EAFG,EAIJC,YAJI,CAIS,CAJT,CAFe;;;EAQtBxC,IAAI,EAAEqC,mBAAS,CAACI,MAAV,CACHF,WADG,CACS,8CADT,EAEHC,YAFG,CAEU,MAFV,CARgB;;;EAYtBvC,IAAI,EAAEoC,mBAAS,CAACI,MAAV,CACHF,WADG,CACS,8CADT,EAEHC,YAFG,CAEU,MAFV,CAZgB;;;EAgBtBtC,MAAM,EAAEmC,mBAAS,CAACK,IAAV,CAAeH,WAAf,CACN,mEADM,CAhBc;;;EAoBtBpC,MAAM,EAAEkC,mBAAS,CAACK,IAAV,CAAeH,WAAf,CACN,mEADM,CApBc;;;EAwBtBnC,OAAO,EAAEiC,mBAAS,CAACI,MAAV,CAAiBE,UAAjB,CAA4BJ,WAA5B,CACP,qCADO,CAxBa;;;EA6BtBlC,UAAU,EAAEgC,mBAAS,CAACO,KAAV,CAAgBC,oBAAhB,EACTN,WADS,CACG,mCADH,EAETC,YAFS,CAEI,MAFJ,CA7BU;;;AAiCxB;AACA;EACElC,IAAI,EAAE+B,mBAAS,CAACO,KAAV,CAAgBE,YAAhB,EACHP,WADG,CACS,oBADT,EAEHC,YAFG,CAEU,GAFV,CAnCgB;;;EAwCtBjC,QAAQ,EAAE8B,mBAAS,CAACI,MAAV,CACPF,WADO,CACK,6CADL,EAEPC,YAFO,CAEM,KAFN;AAxCY,CAAxB;AA6CAzC,UAAU,CAACgD,SAAX,GAAuBX,eAAvB;IAEMY,oBAAoB,GAAGC,kBAAQ,CAAClD,UAAD,CAAR,CAAqBwC,WAArB,CAC3B,oBAD2B;AAI7BS,oBAAoB,CAACD,SAArB,GAAiCX,eAAjC;;;;;;"}

package/cjs/MoreLessButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"MoreLessButton.js","sources":["../../src/MoreLessButton.tsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes } from 'react-desc';\nimport DSButton from '@elliemae/ds-button';\n\nconst MoreLessButton = ({\n  expanded,\n  label,\n  onClick,\n  buttonType,\n  size,\n  ellipsis,\n}) => (\n  <span>\n    {expanded ? ' ' : ellipsis}\n    <DSButton\n      buttonType={buttonType}\n      labelText={label}\n      onClick={onClick}\n      size={size}\n      data-testid=\"ds-read_more-button\"\n    />\n  </span>\n);\n\nconst MoreLessButtonProps = {\n  expanded: PropTypes.boolean,\n  label: PropTypes.string,\n  onClick: PropTypes.func,\n  buttonType: PropTypes.string,\n  size: PropTypes.string,\n  ellipsis: PropTypes.string,\n};\n\nMoreLessButton.propTypes = MoreLessButtonProps;\n\nexport { MoreLessButton };\n"],"names":["MoreLessButton","expanded","label","onClick","buttonType","size","ellipsis","React","DSButton","MoreLessButtonProps","PropTypes","boolean","string","func","propTypes"],"mappings":";;;;;;;;;;;;;IAIMA,cAAc,GAAG,SAAjBA,cAAiB;AAAA,MACrBC,QADqB,QACrBA,QADqB;AAAA,MAErBC,KAFqB,QAErBA,KAFqB;AAAA,MAGrBC,OAHqB,QAGrBA,OAHqB;AAAA,MAIrBC,UAJqB,QAIrBA,UAJqB;AAAA,MAKrBC,IALqB,QAKrBA,IALqB;AAAA,MAMrBC,QANqB,QAMrBA,QANqB;AAAA,sBAQrBC,sDACGN,QAAQ,GAAG,GAAH,GAASK,QADpB,eAEEC,wCAACC,4BAAD;AACE,IAAA,UAAU,EAAEJ,UADd;AAEE,IAAA,SAAS,EAAEF,KAFb;AAGE,IAAA,OAAO,EAAEC,OAHX;AAIE,IAAA,IAAI,EAAEE,IAJR;AAKE,mBAAY;AALd,IAFF,CARqB;AAAA;;AAoBvB,IAAMI,mBAAmB,GAAG;AAC1BR,EAAAA,QAAQ,EAAES,mBAAS,CAACC,OADM;AAE1BT,EAAAA,KAAK,EAAEQ,mBAAS,CAACE,MAFS;AAG1BT,EAAAA,OAAO,EAAEO,mBAAS,CAACG,IAHO;AAI1BT,EAAAA,UAAU,EAAEM,mBAAS,CAACE,MAJI;AAK1BP,EAAAA,IAAI,EAAEK,mBAAS,CAACE,MALU;AAM1BN,EAAAA,QAAQ,EAAEI,mBAAS,CAACE;AANM,CAA5B;AASAZ,cAAc,CAACc,SAAf,GAA2BL,mBAA3B;;;;"}
+{"version":3,"file":"MoreLessButton.js","sources":["../../src/MoreLessButton.tsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes } from 'react-desc';\nimport DSButton from '@elliemae/ds-button';\n\nconst MoreLessButton = ({\n  expanded,\n  label,\n  onClick,\n  buttonType,\n  size,\n  ellipsis,\n}) => (\n  <span>\n    {expanded ? ' ' : ellipsis}\n    <DSButton\n      buttonType={buttonType}\n      labelText={label}\n      onClick={onClick}\n      size={size}\n      data-testid=\"ds-read_more-button\"\n    />\n  </span>\n);\n\nconst MoreLessButtonProps = {\n  expanded: PropTypes.boolean,\n  label: PropTypes.string,\n  onClick: PropTypes.func,\n  buttonType: PropTypes.string,\n  size: PropTypes.string,\n  ellipsis: PropTypes.string,\n};\n\nMoreLessButton.propTypes = MoreLessButtonProps;\n\nexport { MoreLessButton };\n"],"names":["MoreLessButton","expanded","label","onClick","buttonType","size","ellipsis","React","DSButton","MoreLessButtonProps","PropTypes","boolean","string","func","propTypes"],"mappings":";;;;;;;;;;;;;IAIMA,cAAc,GAAG,SAAjBA,cAAiB;EAAA,IACrBC,QADqB,QACrBA,QADqB;MAErBC,KAFqB,QAErBA,KAFqB;MAGrBC,OAHqB,QAGrBA,OAHqB;MAIrBC,UAJqB,QAIrBA,UAJqB;MAKrBC,IALqB,QAKrBA,IALqB;MAMrBC,QANqB,QAMrBA,QANqB;EAAA,oBAQrBC,sDACGN,QAAQ,GAAG,GAAH,GAASK,QADpB,eAEEC,wCAACC,4BAAD;IACE,UAAU,EAAEJ,UADd;IAEE,SAAS,EAAEF,KAFb;IAGE,OAAO,EAAEC,OAHX;IAIE,IAAI,EAAEE,IAJR;IAKE,eAAY;IAPhB,CARqB;AAAA;;AAoBvB,IAAMI,mBAAmB,GAAG;EAC1BR,QAAQ,EAAES,mBAAS,CAACC,OADM;EAE1BT,KAAK,EAAEQ,mBAAS,CAACE,MAFS;EAG1BT,OAAO,EAAEO,mBAAS,CAACG,IAHO;EAI1BT,UAAU,EAAEM,mBAAS,CAACE,MAJI;EAK1BP,IAAI,EAAEK,mBAAS,CAACE,MALU;EAM1BN,QAAQ,EAAEI,mBAAS,CAACE;AANM,CAA5B;AASAZ,cAAc,CAACc,SAAf,GAA2BL,mBAA3B;;;;"}

package/esm/DSReadMore.js.map

@@ -1 +1 @@
-{"version":3,"file":"DSReadMore.js","sources":["../../../../shared-configs/prop-types.js","../../src/DSReadMore.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nexport const dsBasicSizes = ['s', 'm', 'l'];\n\nexport const sizes = ['xsmall', 'small', 'medium', 'large', 'xlarge'];\n\nexport const iconSizes = ['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl'];\n\nexport const iconColors = [\n  ['neutral', '900'],\n  ['neutral', '0'],\n  ['danger', '900'],\n  ['warning', '500'],\n  ['success', '900'],\n  ['brand-primary', '600'],\n];\n\nexport const CHECKBOX_VARIANT = {\n  DEFAULT: 'variant-default',\n  FOCUS: 'variant-focus',\n  ACTIVE: 'variant-active',\n  DISABLED: 'variant-disabled',\n  ERROR: 'variant-error',\n};\nexport const checkboxVariants = [\n  CHECKBOX_VARIANT.DEFAULT,\n  CHECKBOX_VARIANT.FOCUS,\n  CHECKBOX_VARIANT.ACTIVE,\n  CHECKBOX_VARIANT.DISABLED,\n  CHECKBOX_VARIANT.ERROR,\n];\n\nexport const COMBOBOX_VARIANT = {\n  DEFAULT: 'variant-default',\n  FOCUS: 'variant-focus-input',\n  FOCUS_ICON: 'variant-focus-icon',\n  ACTIVE: 'variant-active-input',\n  ACTIVE_ICON: 'variant-active-icon',\n  DISABLED: 'variant-disabled',\n  ERROR: 'variant-error',\n};\n\nexport const comboBoxVariants = [\n  COMBOBOX_VARIANT.DEFAULT,\n  COMBOBOX_VARIANT.FOCUS,\n  COMBOBOX_VARIANT.FOCUS_ICON,\n  COMBOBOX_VARIANT.ACTIVE,\n  COMBOBOX_VARIANT.ACTIVE_ICON,\n  COMBOBOX_VARIANT.DISABLED,\n  COMBOBOX_VARIANT.ERROR,\n];\n\nexport const sizeVariants = {\n  S: 's',\n  M: 'm',\n  L: 'l',\n};\n\nexport const position = {\n  LEFT: 'left',\n  RIGHT: 'right',\n  CENTER: 'center',\n};\n\nexport const fontColor = {\n  NEUTRAL500: 'neutral500',\n  NEUTRAL700: 'neutral700',\n};\n\nexport const orientation = ['horizontal', 'vertical'];\n\nexport const orientationVariants = {\n  HORIZONTAL: 'horizontal',\n  VERTICAL: 'vertical',\n};\n","/* eslint-disable max-lines */\nimport React, { useLayoutEffect, useRef, useState } from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport styled from 'styled-components';\nimport { buttonTypes } from '@elliemae/ds-button';\nimport { dsBasicSizes } from '../../../shared-configs/prop-types';\nimport { MoreLessButton } from './MoreLessButton';\n\nconst Text = styled.span`\n  display: -webkit-box;\n  -webkit-line-clamp: ${({ lines, expanded }) => (expanded ? 'unset' : lines)};\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  -moz-hyphens: auto;\n  -ms-hyphens: auto;\n  hyphens: auto;\n  word-break: break-all;\n`;\n\nconst DSReadMore = ({\n  lines = 2,\n  more = 'more',\n  less = 'less',\n  onMore = () => null,\n  onLess = () => null,\n  content,\n  buttonType = 'link',\n  size = 's',\n  ellipsis = '...',\n}) => {\n  const ref = useRef();\n  const [showButton, setShowButton] = useState(false);\n  const [expanded, setExpanded] = useState(false);\n\n  // offsetHeight + 2 takes into consideration any size of the button\n  const overflows = ({ offsetHeight, scrollHeight }) =>\n    offsetHeight + 2 < scrollHeight;\n\n  // Searchs the optimum cut on the text to have the button in the same line\n  const binSearchTextOverflow = (element, parent) => {\n    const text = element.innerText;\n    let left = 1;\n    let right = text.length;\n    let textEnd = 0;\n    while (left <= right) {\n      const middle = (left + right) / 2;\n      element.innerText = content.slice(0, middle);\n      if (overflows(parent)) right = middle - 1;\n      else {\n        left = middle + 1;\n        textEnd = middle;\n      }\n    }\n    element.innerText = content.slice(0, textEnd);\n  };\n\n  useLayoutEffect(() => {\n    const textElement = ref.current;\n    const parentElement = ref.current?.parentElement;\n    if (parentElement) {\n      textElement.innerText = content;\n      setShowButton(expanded || overflows(parentElement));\n      if (!expanded && overflows(parentElement)) {\n        binSearchTextOverflow(textElement, parentElement);\n      }\n    }\n  }, [lines, content, expanded, showButton, more, less]);\n\n  const toggleExpanded = (newExpanded) => {\n    setExpanded(newExpanded);\n    if (newExpanded) onMore();\n    else onLess();\n  };\n\n  return (\n    <Text lines={lines} expanded={expanded}>\n      <span ref={ref} data-testid=\"ds-read_more-text\">\n        {content}\n      </span>\n      {showButton && (\n        <span>\n          <MoreLessButton\n            expanded={expanded}\n            label={expanded ? less : more}\n            onClick={() => toggleExpanded(!expanded)}\n            buttonType={buttonType}\n            size={size}\n            ellipsis={ellipsis}\n          />\n        </span>\n      )}\n    </Text>\n  );\n};\n\nconst DSReadMoreProps = {\n  /** Ammount of lines after you want to display an ellipsis + more/less button */\n  lines: PropTypes.number\n    .description(\n      'Ammount of lines after you want to display an ellipsis + more/less button',\n    )\n    .defaultValue(2),\n  /** Label which will appear on the 'More' button */\n  more: PropTypes.string\n    .description(\"Label which will appear on the 'More' button\")\n    .defaultValue('more'),\n  /** Label which will appear on the 'Less' button */\n  less: PropTypes.string\n    .description(\"Label which will appear on the 'Less' button\")\n    .defaultValue('less'),\n  /** Function which will execute when the user click the 'More' button */\n  onMore: PropTypes.func.description(\n    \"Function which will execute when the user click the 'More' button\",\n  ),\n  /** Function which will execute when the user click the 'Less' button */\n  onLess: PropTypes.func.description(\n    \"Function which will execute when the user click the 'Less' button\",\n  ),\n  /** The text content you want displayed */\n  content: PropTypes.string.isRequired.description(\n    'The text content you want displayed',\n  ),\n\n  /** 'The type of button for more/less button' */\n  buttonType: PropTypes.oneOf(buttonTypes)\n    .description('The type for the more/less button')\n    .defaultValue('link'),\n  /**\n   * ['s', 'm', 'l']\n   */\n  size: PropTypes.oneOf(dsBasicSizes)\n    .description('Size of the button')\n    .defaultValue('s'),\n\n  /** The text you want to appear when truncating */\n  ellipsis: PropTypes.string\n    .description('The text you want to appear when truncating')\n    .defaultValue('...'),\n};\n\nDSReadMore.propTypes = DSReadMoreProps;\n\nconst DSReadMoreWithSchema = describe(DSReadMore).description(\n  'ReadMore component',\n);\n\nDSReadMoreWithSchema.propTypes = DSReadMoreProps;\n\nexport { DSReadMore, DSReadMoreWithSchema };\nexport default DSReadMore;\n"],"names":["Text","styled","span","lines","expanded","DSReadMore","more","less","onMore","onLess","content","buttonType","size","ellipsis","ref","useRef","useState","showButton","setShowButton","setExpanded","overflows","offsetHeight","scrollHeight","binSearchTextOverflow","element","parent","text","innerText","left","right","length","textEnd","middle","slice","useLayoutEffect","textElement","current","parentElement","toggleExpanded","newExpanded","DSReadMoreProps","PropTypes","number","description","defaultValue","string","func","isRequired","oneOf","buttonTypes","dsBasicSizes","propTypes","DSReadMoreWithSchema","describe"],"mappings":"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"}
+{"version":3,"file":"DSReadMore.js","sources":["../../../../shared-configs/prop-types.js","../../src/DSReadMore.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nexport const dsBasicSizes = ['s', 'm', 'l'];\n\nexport const sizes = ['xsmall', 'small', 'medium', 'large', 'xlarge'];\n\nexport const iconSizes = ['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl'];\n\nexport const iconColors = [\n  ['neutral', '900'],\n  ['neutral', '0'],\n  ['danger', '900'],\n  ['warning', '500'],\n  ['success', '900'],\n  ['brand-primary', '600'],\n];\n\nexport const CHECKBOX_VARIANT = {\n  DEFAULT: 'variant-default',\n  FOCUS: 'variant-focus',\n  ACTIVE: 'variant-active',\n  DISABLED: 'variant-disabled',\n  ERROR: 'variant-error',\n};\nexport const checkboxVariants = [\n  CHECKBOX_VARIANT.DEFAULT,\n  CHECKBOX_VARIANT.FOCUS,\n  CHECKBOX_VARIANT.ACTIVE,\n  CHECKBOX_VARIANT.DISABLED,\n  CHECKBOX_VARIANT.ERROR,\n];\n\nexport const COMBOBOX_VARIANT = {\n  DEFAULT: 'variant-default',\n  FOCUS: 'variant-focus-input',\n  FOCUS_ICON: 'variant-focus-icon',\n  ACTIVE: 'variant-active-input',\n  ACTIVE_ICON: 'variant-active-icon',\n  DISABLED: 'variant-disabled',\n  ERROR: 'variant-error',\n};\n\nexport const comboBoxVariants = [\n  COMBOBOX_VARIANT.DEFAULT,\n  COMBOBOX_VARIANT.FOCUS,\n  COMBOBOX_VARIANT.FOCUS_ICON,\n  COMBOBOX_VARIANT.ACTIVE,\n  COMBOBOX_VARIANT.ACTIVE_ICON,\n  COMBOBOX_VARIANT.DISABLED,\n  COMBOBOX_VARIANT.ERROR,\n];\n\nexport const sizeVariants = {\n  S: 's',\n  M: 'm',\n  L: 'l',\n};\n\nexport const position = {\n  LEFT: 'left',\n  RIGHT: 'right',\n  CENTER: 'center',\n};\n\nexport const fontColor = {\n  NEUTRAL500: 'neutral500',\n  NEUTRAL700: 'neutral700',\n};\n\nexport const orientation = ['horizontal', 'vertical'];\n\nexport const orientationVariants = {\n  HORIZONTAL: 'horizontal',\n  VERTICAL: 'vertical',\n};\n","/* eslint-disable max-lines */\nimport React, { useLayoutEffect, useRef, useState } from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport styled from 'styled-components';\nimport { buttonTypes } from '@elliemae/ds-button';\nimport { dsBasicSizes } from '../../../shared-configs/prop-types';\nimport { MoreLessButton } from './MoreLessButton';\n\nconst Text = styled.span`\n  display: -webkit-box;\n  -webkit-line-clamp: ${({ lines, expanded }) => (expanded ? 'unset' : lines)};\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  -moz-hyphens: auto;\n  -ms-hyphens: auto;\n  hyphens: auto;\n  word-break: break-all;\n`;\n\nconst DSReadMore = ({\n  lines = 2,\n  more = 'more',\n  less = 'less',\n  onMore = () => null,\n  onLess = () => null,\n  content,\n  buttonType = 'link',\n  size = 's',\n  ellipsis = '...',\n}) => {\n  const ref = useRef();\n  const [showButton, setShowButton] = useState(false);\n  const [expanded, setExpanded] = useState(false);\n\n  // offsetHeight + 2 takes into consideration any size of the button\n  const overflows = ({ offsetHeight, scrollHeight }) =>\n    offsetHeight + 2 < scrollHeight;\n\n  // Searchs the optimum cut on the text to have the button in the same line\n  const binSearchTextOverflow = (element, parent) => {\n    const text = element.innerText;\n    let left = 1;\n    let right = text.length;\n    let textEnd = 0;\n    while (left <= right) {\n      const middle = (left + right) / 2;\n      element.innerText = content.slice(0, middle);\n      if (overflows(parent)) right = middle - 1;\n      else {\n        left = middle + 1;\n        textEnd = middle;\n      }\n    }\n    element.innerText = content.slice(0, textEnd);\n  };\n\n  useLayoutEffect(() => {\n    const textElement = ref.current;\n    const parentElement = ref.current?.parentElement;\n    if (parentElement) {\n      textElement.innerText = content;\n      setShowButton(expanded || overflows(parentElement));\n      if (!expanded && overflows(parentElement)) {\n        binSearchTextOverflow(textElement, parentElement);\n      }\n    }\n  }, [lines, content, expanded, showButton, more, less]);\n\n  const toggleExpanded = (newExpanded) => {\n    setExpanded(newExpanded);\n    if (newExpanded) onMore();\n    else onLess();\n  };\n\n  return (\n    <Text lines={lines} expanded={expanded}>\n      <span ref={ref} data-testid=\"ds-read_more-text\">\n        {content}\n      </span>\n      {showButton && (\n        <span>\n          <MoreLessButton\n            expanded={expanded}\n            label={expanded ? less : more}\n            onClick={() => toggleExpanded(!expanded)}\n            buttonType={buttonType}\n            size={size}\n            ellipsis={ellipsis}\n          />\n        </span>\n      )}\n    </Text>\n  );\n};\n\nconst DSReadMoreProps = {\n  /** Ammount of lines after you want to display an ellipsis + more/less button */\n  lines: PropTypes.number\n    .description(\n      'Ammount of lines after you want to display an ellipsis + more/less button',\n    )\n    .defaultValue(2),\n  /** Label which will appear on the 'More' button */\n  more: PropTypes.string\n    .description(\"Label which will appear on the 'More' button\")\n    .defaultValue('more'),\n  /** Label which will appear on the 'Less' button */\n  less: PropTypes.string\n    .description(\"Label which will appear on the 'Less' button\")\n    .defaultValue('less'),\n  /** Function which will execute when the user click the 'More' button */\n  onMore: PropTypes.func.description(\n    \"Function which will execute when the user click the 'More' button\",\n  ),\n  /** Function which will execute when the user click the 'Less' button */\n  onLess: PropTypes.func.description(\n    \"Function which will execute when the user click the 'Less' button\",\n  ),\n  /** The text content you want displayed */\n  content: PropTypes.string.isRequired.description(\n    'The text content you want displayed',\n  ),\n\n  /** 'The type of button for more/less button' */\n  buttonType: PropTypes.oneOf(buttonTypes)\n    .description('The type for the more/less button')\n    .defaultValue('link'),\n  /**\n   * ['s', 'm', 'l']\n   */\n  size: PropTypes.oneOf(dsBasicSizes)\n    .description('Size of the button')\n    .defaultValue('s'),\n\n  /** The text you want to appear when truncating */\n  ellipsis: PropTypes.string\n    .description('The text you want to appear when truncating')\n    .defaultValue('...'),\n};\n\nDSReadMore.propTypes = DSReadMoreProps;\n\nconst DSReadMoreWithSchema = describe(DSReadMore).description(\n  'ReadMore component',\n);\n\nDSReadMoreWithSchema.propTypes = DSReadMoreProps;\n\nexport { DSReadMore, DSReadMoreWithSchema };\nexport default DSReadMore;\n"],"names":["Text","styled","span","lines","expanded","DSReadMore","more","less","onMore","onLess","content","buttonType","size","ellipsis","ref","useRef","useState","showButton","setShowButton","setExpanded","overflows","offsetHeight","scrollHeight","binSearchTextOverflow","element","parent","text","innerText","left","right","length","textEnd","middle","slice","useLayoutEffect","textElement","current","parentElement","toggleExpanded","newExpanded","DSReadMoreProps","PropTypes","number","description","defaultValue","string","func","isRequired","oneOf","buttonTypes","dsBasicSizes","propTypes","DSReadMoreWithSchema","describe"],"mappings":"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"}

package/esm/MoreLessButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"MoreLessButton.js","sources":["../../src/MoreLessButton.tsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes } from 'react-desc';\nimport DSButton from '@elliemae/ds-button';\n\nconst MoreLessButton = ({\n  expanded,\n  label,\n  onClick,\n  buttonType,\n  size,\n  ellipsis,\n}) => (\n  <span>\n    {expanded ? ' ' : ellipsis}\n    <DSButton\n      buttonType={buttonType}\n      labelText={label}\n      onClick={onClick}\n      size={size}\n      data-testid=\"ds-read_more-button\"\n    />\n  </span>\n);\n\nconst MoreLessButtonProps = {\n  expanded: PropTypes.boolean,\n  label: PropTypes.string,\n  onClick: PropTypes.func,\n  buttonType: PropTypes.string,\n  size: PropTypes.string,\n  ellipsis: PropTypes.string,\n};\n\nMoreLessButton.propTypes = MoreLessButtonProps;\n\nexport { MoreLessButton };\n"],"names":["MoreLessButton","expanded","label","onClick","buttonType","size","ellipsis","MoreLessButtonProps","PropTypes","boolean","string","func","propTypes"],"mappings":";;;;IAIMA,cAAc,GAAG,SAAjBA,cAAiB;AAAA,MACrBC,QADqB,QACrBA,QADqB;AAAA,MAErBC,KAFqB,QAErBA,KAFqB;AAAA,MAGrBC,OAHqB,QAGrBA,OAHqB;AAAA,MAIrBC,UAJqB,QAIrBA,UAJqB;AAAA,MAKrBC,IALqB,QAKrBA,IALqB;AAAA,MAMrBC,QANqB,QAMrBA,QANqB;AAAA,sBAQrB,kCACGL,QAAQ,GAAG,GAAH,GAASK,QADpB,eAEE,oBAAC,QAAD;AACE,IAAA,UAAU,EAAEF,UADd;AAEE,IAAA,SAAS,EAAEF,KAFb;AAGE,IAAA,OAAO,EAAEC,OAHX;AAIE,IAAA,IAAI,EAAEE,IAJR;AAKE,mBAAY;AALd,IAFF,CARqB;AAAA;;AAoBvB,IAAME,mBAAmB,GAAG;AAC1BN,EAAAA,QAAQ,EAAEO,SAAS,CAACC,OADM;AAE1BP,EAAAA,KAAK,EAAEM,SAAS,CAACE,MAFS;AAG1BP,EAAAA,OAAO,EAAEK,SAAS,CAACG,IAHO;AAI1BP,EAAAA,UAAU,EAAEI,SAAS,CAACE,MAJI;AAK1BL,EAAAA,IAAI,EAAEG,SAAS,CAACE,MALU;AAM1BJ,EAAAA,QAAQ,EAAEE,SAAS,CAACE;AANM,CAA5B;AASAV,cAAc,CAACY,SAAf,GAA2BL,mBAA3B;;;;"}
+{"version":3,"file":"MoreLessButton.js","sources":["../../src/MoreLessButton.tsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes } from 'react-desc';\nimport DSButton from '@elliemae/ds-button';\n\nconst MoreLessButton = ({\n  expanded,\n  label,\n  onClick,\n  buttonType,\n  size,\n  ellipsis,\n}) => (\n  <span>\n    {expanded ? ' ' : ellipsis}\n    <DSButton\n      buttonType={buttonType}\n      labelText={label}\n      onClick={onClick}\n      size={size}\n      data-testid=\"ds-read_more-button\"\n    />\n  </span>\n);\n\nconst MoreLessButtonProps = {\n  expanded: PropTypes.boolean,\n  label: PropTypes.string,\n  onClick: PropTypes.func,\n  buttonType: PropTypes.string,\n  size: PropTypes.string,\n  ellipsis: PropTypes.string,\n};\n\nMoreLessButton.propTypes = MoreLessButtonProps;\n\nexport { MoreLessButton };\n"],"names":["MoreLessButton","expanded","label","onClick","buttonType","size","ellipsis","MoreLessButtonProps","PropTypes","boolean","string","func","propTypes"],"mappings":";;;;IAIMA,cAAc,GAAG,SAAjBA,cAAiB;EAAA,IACrBC,QADqB,QACrBA,QADqB;MAErBC,KAFqB,QAErBA,KAFqB;MAGrBC,OAHqB,QAGrBA,OAHqB;MAIrBC,UAJqB,QAIrBA,UAJqB;MAKrBC,IALqB,QAKrBA,IALqB;MAMrBC,QANqB,QAMrBA,QANqB;EAAA,oBAQrB,kCACGL,QAAQ,GAAG,GAAH,GAASK,QADpB,eAEE,oBAAC,QAAD;IACE,UAAU,EAAEF,UADd;IAEE,SAAS,EAAEF,KAFb;IAGE,OAAO,EAAEC,OAHX;IAIE,IAAI,EAAEE,IAJR;IAKE,eAAY;IAPhB,CARqB;AAAA;;AAoBvB,IAAME,mBAAmB,GAAG;EAC1BN,QAAQ,EAAEO,SAAS,CAACC,OADM;EAE1BP,KAAK,EAAEM,SAAS,CAACE,MAFS;EAG1BP,OAAO,EAAEK,SAAS,CAACG,IAHO;EAI1BP,UAAU,EAAEI,SAAS,CAACE,MAJI;EAK1BL,IAAI,EAAEG,SAAS,CAACE,MALU;EAM1BJ,QAAQ,EAAEE,SAAS,CAACE;AANM,CAA5B;AASAV,cAAc,CAACY,SAAf,GAA2BL,mBAA3B;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-read-more",
-  "version": "1.61.10",
+  "version": "1.61.13",
   "license": "MIT",
   "description": "Ellie Mae - Dim Sum - Read More",
   "module": "esm/index.js",
@@ -16,8 +16,8 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-basic": "1.61.10",
-    "@elliemae/ds-button": "1.61.10",
+    "@elliemae/ds-basic": "1.61.13",
+    "@elliemae/ds-button": "1.61.13",
     "react-desc": "^4.1.2"
   },
   "devDependencies": {