npm - box-ui-elements - Versions diffs - 16.1.0-beta.9 → 17.0.0 - Mend

box-ui-elements 16.1.0-beta.9 → 17.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (987) hide show

package/es/components/table/makeSelectable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/table/makeSelectable.js"],"names":["PropTypes","React","Component","Set","ImmutablePropTypes","classNames","FormattedMessage","Hotkeys","HotkeyRecord","messages","shiftSelect","SEARCH_TIMER_DURATION","makeSelectable","BaseTable","originalDisplayName","displayName","name","props","focusedIndex","undefined","selectedItems","newFocusedIndex","onSelect","previousIndex","state","setState","isSet","toJS","hotkeyType","key","description","shiftXDescription","handler","selectToggle","type","selectAllDescription","event","data","preventDefault","deselectAllDescription","downDescription","Math","min","length","upDescription","max","shiftDownDescription","handleShiftKeyDown","shiftUpDescription","gridColumnCount","handleShiftKeyDownForGrid","enableHotkeys","isGridView","hotkeys","viewSpecificHotKeyConfigs","getGridViewHotKeyConfigs","getListViewHotKeyConfigs","getSharedHotkeyConfigs","loadedData","rowIndex","getProcessedProps","has","delete","add","anchorIndex","selectedRows","reduce","rows","item","i","push","newSelectedRows","newSelectedItems","map","size","index","metaKey","ctrlKey","shiftKey","selectRange","selectOne","blurTimerID","setTimeout","clearFocus","clearTimeout","boundary","selectedItemIndecies","sourceIndex","targetIndex","dataSize","isSourceSelected","isTargetSelected","selectedItemIndices","isContiguousSelection","newSelectedItemIndices","searchStrings","target","hasAttribute","nodeName","which","searchTimeout","searchString","findIndex","string","trim","toLowerCase","indexOf","nativeEvent","document","addEventListener","handleKeyboardSearch","prevProps","prevState","onFocus","removeEventListener","className","focusedItem","getHotkeyConfigs","handleCheckboxClick","handleRowClick","handleRowFocus","handleTableBlur","handleTableFocus","array","isRequired","number","bool","func","oneOfType","set"],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport React, { Component } from 'react';\nimport { Set } from 'immutable';\nimport ImmutablePropTypes from 'react-immutable-proptypes';\nimport classNames from 'classnames';\nimport { FormattedMessage } from 'react-intl';\n\nimport { Hotkeys, HotkeyRecord } from '../hotkeys';\nimport messages from './messages';\nimport shiftSelect from './shiftSelect';\n\nconst SEARCH_TIMER_DURATION = 1000;\n\nfunction makeSelectable(BaseTable) {\n const originalDisplayName = BaseTable.displayName \|\| BaseTable.name \|\| 'Table';\n\n return class SelectableTable extends Component {\n static displayName = `Selectable(${originalDisplayName})`;\n\n static propTypes = {\n className: PropTypes.string,\n /** Array of unique IDs of the items in the table. Each item should be a string or number, in the order they appear in the table. /\n data: PropTypes.array.isRequired,\n gridColumnCount: PropTypes.number,\n isGridView: PropTypes.bool,\n /* Called when focus changes. `(focusedIndex: number) => void` /\n onFocus: PropTypes.func,\n /* Called when selection changes. `(selectedItems: Array<string> \| Array<number> \| Set<string> \| Set<number>) => void` /\n onSelect: PropTypes.func.isRequired,\n /\n Array of strings for keyboard search corresponding to the data prop. If not provided, keyboard search won't work.\n * Example: data = ['f_123', 'f_456'], and corresponding searchStrings = ['file.png', 'another file.pdf']\n /\n searchStrings: PropTypes.array,\n /\n Array of IDs that are currently selected, in any order.\n * If you pass a native JS array, then your onSelect function will be called with a native JS array;\n * likewise, if you pass an ImmutableJS Set, then your onSelect function will be called\n * with an ImmutableJS Set.\n /\n selectedItems: PropTypes.oneOfType([PropTypes.array, ImmutablePropTypes.set]),\n /* Array of unique IDs of the items in the table that are loaded and accessible. If not provided, this will default to all data /\n loadedData: PropTypes.array,\n enableHotkeys: PropTypes.bool,\n /* Translated type for hotkeys. If not provided, then the hotkeys will not appear in the help modal. */\n hotkeyType: PropTypes.string,\n };\n\n static defaultProps = {\n selectedItems: new Set(),\n };\n\n constructor(props) {\n super(props);\n\n this.anchorIndex = 0;\n\n this.searchString = '';\n this.searchTimeout = null;\n\n // we have to store the previously focused index because a focus event\n // will be fired before the click event; thus, in the click handler,\n // the focusedItem will already be the new item\n this.previousIndex = 0;\n\n this.blurTimerID = null;\n }\n\n state = {\n focusedIndex: undefined,\n };\n\n componentDidMount() {\n document.addEventListener('keypress', this.handleKeyboardSearch);\n }\n\n componentDidUpdate(prevProps, prevState) {\n if (prevState.focusedIndex !== this.state.focusedIndex && this.props.onFocus) {\n this.props.onFocus(this.state.focusedIndex);\n }\n }\n\n componentWillUnmount() {\n document.removeEventListener('keypress', this.handleKeyboardSearch);\n clearTimeout(this.blurTimerID);\n }\n\n onSelect = (selectedItems, newFocusedIndex) => {\n const { onSelect } = this.props;\n\n this.previousIndex = this.state.focusedIndex \|\| 0;\n\n this.setState({\n focusedIndex: newFocusedIndex,\n });\n\n if (onSelect) {\n // If selectedItems were given as an Immutable Set, they should also be returned as one,\n // and vice versa if they were given as a native JS array\n onSelect(Set.isSet(this.props.selectedItems) ? selectedItems : selectedItems.toJS());\n }\n };\n\n getSharedHotkeyConfigs = () => {\n const { hotkeyType } = this.props;\n return [\n new HotkeyRecord({\n key: 'shift+x',\n description: <FormattedMessage {...messages.shiftXDescription} />,\n handler: () => {\n const { focusedIndex } = this.state;\n\n if (focusedIndex === undefined) {\n return;\n }\n\n this.selectToggle(focusedIndex);\n },\n type: hotkeyType,\n }),\n new HotkeyRecord({\n key: ['meta+a', 'ctrl+a'],\n description: <FormattedMessage {...messages.selectAllDescription} />,\n handler: event => {\n const { data } = this.props;\n\n event.preventDefault();\n\n this.onSelect(new Set(data), this.state.focusedIndex);\n },\n type: hotkeyType,\n }),\n new HotkeyRecord({\n key: 'esc',\n description: <FormattedMessage {...messages.deselectAllDescription} />,\n handler: () => {\n this.onSelect(new Set(), this.state.focusedIndex);\n },\n type: hotkeyType,\n }),\n ];\n };\n\n getListViewHotKeyConfigs = () => {\n const { hotkeyType } = this.props;\n return [\n new HotkeyRecord({\n key: 'down',\n description: <FormattedMessage {...messages.downDescription} />,\n handler: event => {\n const { data } = this.props;\n const { focusedIndex } = this.state;\n\n event.preventDefault();\n\n const newFocusedIndex =\n focusedIndex !== undefined ? Math.min(focusedIndex + 1, data.length - 1) : 0;\n this.setState({ focusedIndex: newFocusedIndex });\n },\n type: hotkeyType,\n }),\n new HotkeyRecord({\n key: 'up',\n description: <FormattedMessage {...messages.upDescription} />,\n handler: event => {\n const { focusedIndex = 0 } = this.state;\n\n event.preventDefault();\n\n const newFocusedIndex = Math.max(focusedIndex - 1, 0);\n this.setState({ focusedIndex: newFocusedIndex });\n },\n type: hotkeyType,\n }),\n new HotkeyRecord({\n key: 'shift+down',\n description: <FormattedMessage {...messages.shiftDownDescription} />,\n handler: () => {\n const { data } = this.props;\n const { focusedIndex } = this.state;\n\n if (focusedIndex === undefined) {\n return;\n }\n\n const newFocusedIndex = Math.min(focusedIndex + 1, data.length - 1);\n this.handleShiftKeyDown(newFocusedIndex, data.length - 1);\n },\n type: hotkeyType,\n }),\n new HotkeyRecord({\n key: 'shift+up',\n description: <FormattedMessage {...messages.shiftUpDescription} />,\n handler: () => {\n const { focusedIndex } = this.state;\n\n if (focusedIndex === undefined) {\n return;\n }\n\n const newFocusedIndex = Math.max(focusedIndex - 1, 0);\n this.handleShiftKeyDown(newFocusedIndex, 0);\n },\n type: hotkeyType,\n }),\n ];\n };\n\n getGridViewHotKeyConfigs = () => {\n const { hotkeyType } = this.props;\n return [\n new HotkeyRecord({\n key: 'right',\n description: <FormattedMessage {...messages.downDescription} />,\n handler: event => {\n const { data } = this.props;\n const { focusedIndex } = this.state;\n\n event.preventDefault();\n\n const newFocusedIndex =\n focusedIndex !== undefined ? Math.min(focusedIndex + 1, data.length - 1) : 0;\n this.setState({ focusedIndex: newFocusedIndex });\n },\n type: hotkeyType,\n }),\n new HotkeyRecord({\n key: 'left',\n description: <FormattedMessage {...messages.upDescription} />,\n handler: event => {\n const { focusedIndex = 0 } = this.state;\n\n event.preventDefault();\n\n const newFocusedIndex = Math.max(focusedIndex - 1, 0);\n this.setState({ focusedIndex: newFocusedIndex });\n },\n type: hotkeyType,\n }),\n new HotkeyRecord({\n key: 'down',\n description: <FormattedMessage {...messages.downDescription} />,\n handler: event => {\n const { data, gridColumnCount } = this.props;\n const { focusedIndex } = this.state;\n\n event.preventDefault();\n\n const newFocusedIndex =\n focusedIndex !== undefined ? Math.min(focusedIndex + gridColumnCount, data.length - 1) : 0;\n this.setState({ focusedIndex: newFocusedIndex });\n },\n type: hotkeyType,\n }),\n new HotkeyRecord({\n key: 'up',\n description: <FormattedMessage {...messages.upDescription} />,\n handler: event => {\n const { gridColumnCount } = this.props;\n const { focusedIndex = 0 } = this.state;\n\n event.preventDefault();\n\n const newFocusedIndex = Math.max(focusedIndex - gridColumnCount, 0);\n this.setState({ focusedIndex: newFocusedIndex });\n },\n type: hotkeyType,\n }),\n new HotkeyRecord({\n key: 'shift+right',\n description: <FormattedMessage {...messages.shiftDownDescription} />,\n handler: () => {\n const { data } = this.props;\n const { focusedIndex } = this.state;\n\n if (focusedIndex === undefined) {\n return;\n }\n\n const newFocusedIndex = Math.min(focusedIndex + 1, data.length - 1);\n this.handleShiftKeyDownForGrid(newFocusedIndex, data.length - 1);\n },\n type: hotkeyType,\n }),\n new HotkeyRecord({\n key: 'shift+left',\n description: <FormattedMessage {...messages.shiftUpDescription} />,\n handler: () => {\n const { focusedIndex } = this.state;\n\n if (focusedIndex === undefined) {\n return;\n }\n\n const newFocusedIndex = Math.max(focusedIndex - 1, 0);\n this.handleShiftKeyDownForGrid(newFocusedIndex, 0);\n },\n type: hotkeyType,\n }),\n new HotkeyRecord({\n key: 'shift+down',\n description: <FormattedMessage {...messages.shiftDownDescription} />,\n handler: () => {\n const { data, gridColumnCount } = this.props;\n const { focusedIndex } = this.state;\n\n if (focusedIndex === undefined) {\n return;\n }\n\n const newFocusedIndex = Math.min(focusedIndex + gridColumnCount, data.length - 1);\n this.handleShiftKeyDownForGrid(newFocusedIndex, data.length - 1);\n },\n type: hotkeyType,\n }),\n new HotkeyRecord({\n key: 'shift+up',\n description: <FormattedMessage {...messages.shiftUpDescription} />,\n handler: () => {\n const { gridColumnCount } = this.props;\n const { focusedIndex } = this.state;\n\n if (focusedIndex === undefined) {\n return;\n }\n\n const newFocusedIndex = Math.max(focusedIndex - gridColumnCount, 0);\n this.handleShiftKeyDownForGrid(newFocusedIndex, 0);\n },\n type: hotkeyType,\n }),\n ];\n };\n\n getHotkeyConfigs = () => {\n const { enableHotkeys, isGridView, gridColumnCount } = this.props;\n\n if (!enableHotkeys && !this.hotkeys) {\n this.hotkeys = [];\n }\n\n if (!this.hotkeys) {\n const viewSpecificHotKeyConfigs =\n isGridView && gridColumnCount !== undefined\n ? this.getGridViewHotKeyConfigs()\n : this.getListViewHotKeyConfigs();\n\n this.hotkeys = [...this.getSharedHotkeyConfigs(), ...viewSpecificHotKeyConfigs];\n }\n\n return this.hotkeys;\n };\n\n getProcessedProps = () => {\n const { data, loadedData, selectedItems } = this.props;\n return {\n ...this.props,\n loadedData: loadedData ? Set(loadedData) : Set(data),\n selectedItems: Set.isSet(selectedItems) ? selectedItems : new Set(selectedItems),\n };\n };\n\n hotkeys = null;\n\n selectToggle = rowIndex => {\n const { data, selectedItems } = this.getProcessedProps();\n\n if (selectedItems.has(data[rowIndex])) {\n this.onSelect(selectedItems.delete(data[rowIndex]), rowIndex);\n } else {\n this.onSelect(selectedItems.add(data[rowIndex]), rowIndex);\n }\n\n this.anchorIndex = rowIndex;\n };\n\n selectRange = rowIndex => {\n const { data, selectedItems } = this.getProcessedProps();\n\n // Don't change selection if we're shift-clicking the same row\n if (rowIndex === this.previousIndex) {\n return;\n }\n\n // Converts set of items to set of indices to do some slicing magic\n const selectedRows = new Set(\n data.reduce((rows, item, i) => {\n if (selectedItems.has(item)) {\n rows.push(i);\n }\n return rows;\n }, []),\n );\n\n const newSelectedRows = shiftSelect(selectedRows, this.previousIndex, rowIndex, this.anchorIndex);\n\n // Converts set back to set of items\n const newSelectedItems = newSelectedRows.map(i => data[i]);\n\n this.onSelect(newSelectedItems, rowIndex);\n };\n\n selectOne = rowIndex => {\n const { data, selectedItems } = this.getProcessedProps();\n\n // Don't change selection if we're clicking on a row that we've already selected\n // This allows us to use the native onDoubleClick handler because we're referencing the\n // same DOM node on double-click.\n if (selectedItems.has(data[rowIndex]) && selectedItems.size === 1) {\n return;\n }\n\n this.onSelect(new Set([data[rowIndex]]), rowIndex);\n this.anchorIndex = rowIndex;\n };\n\n clearFocus = () => {\n this.setState({\n focusedIndex: undefined,\n });\n };\n\n handleRowClick = (event, index) => {\n if (event.metaKey \|\| event.ctrlKey) {\n this.selectToggle(index);\n } else if (event.shiftKey) {\n this.selectRange(index);\n } else {\n this.selectOne(index);\n }\n };\n\n handleRowFocus = (event, index) => {\n const { selectedItems } = this.getProcessedProps();\n this.onSelect(selectedItems, index);\n };\n\n handleTableBlur = () => {\n const { focusedIndex } = this.state;\n if (focusedIndex !== undefined) {\n // table may get focus back right away in the same tick, in which case we shouldn't clear focus\n this.blurTimerID = setTimeout(this.clearFocus);\n }\n };\n\n handleTableFocus = () => {\n clearTimeout(this.blurTimerID);\n };\n\n handleShiftKeyDown = (newFocusedIndex, boundary) => {\n const { data, selectedItems } = this.getProcessedProps();\n const { focusedIndex } = this.state;\n\n // if we're at a boundary of the table and the row is selected, no-op\n if (focusedIndex === boundary && selectedItems.has(data[focusedIndex])) {\n return;\n }\n\n // if target is not selected, select it\n if (!selectedItems.has(data[newFocusedIndex])) {\n this.onSelect(selectedItems.add(data[newFocusedIndex]), newFocusedIndex);\n return;\n }\n\n // if both source and target are selected, deselect source\n if (selectedItems.has(data[newFocusedIndex]) && selectedItems.has(data[focusedIndex])) {\n this.onSelect(selectedItems.delete(data[focusedIndex]), newFocusedIndex);\n return;\n }\n\n // if target is selected and source is not, select source\n this.onSelect(selectedItems.add(data[focusedIndex]), newFocusedIndex);\n };\n\n isContiguousSelection = (selectedItemIndecies, sourceIndex, targetIndex) => {\n if (sourceIndex < targetIndex && selectedItemIndecies.has(sourceIndex - 1)) {\n return true;\n }\n if (targetIndex < sourceIndex && selectedItemIndecies.has(sourceIndex + 1)) {\n return true;\n }\n return false;\n };\n\n handleShiftKeyDownForGrid = newFocusedIndex => {\n const { data, loadedData, selectedItems } = this.getProcessedProps();\n const { focusedIndex } = this.state;\n\n const dataSize = data.length;\n const targetIndex = newFocusedIndex < 0 ? 0 : Math.min(newFocusedIndex, dataSize - 1);\n const isSourceSelected = selectedItems.has(data[focusedIndex]);\n const isTargetSelected = selectedItems.has(data[targetIndex]);\n\n // if data is not loaded, we don't want it to be able to be selected\n if (!loadedData.has(data[targetIndex])) {\n return;\n }\n\n const selectedItemIndices = new Set(\n data.reduce((rows, item, i) => {\n if (selectedItems.has(item)) {\n rows.push(i);\n }\n return rows;\n }, []),\n );\n\n // reset the anchor on a new selection block\n if (\n !isSourceSelected &&\n !isTargetSelected &&\n // if we are starting a new mass selection adjacent selected block, we want to connect them\n !this.isContiguousSelection(selectedItemIndices, focusedIndex, targetIndex)\n ) {\n this.anchorIndex = focusedIndex;\n }\n\n const newSelectedItemIndices = shiftSelect(\n selectedItemIndices,\n focusedIndex,\n targetIndex,\n this.anchorIndex,\n );\n\n const newSelectedItems = newSelectedItemIndices.map(i => data[i]);\n\n this.onSelect(newSelectedItems, targetIndex);\n };\n\n handleKeyboardSearch = event => {\n const { searchStrings } = this.props;\n\n if (!searchStrings) {\n return;\n }\n\n if (\n event.target.hasAttribute('contenteditable') \|\|\n event.target.nodeName === 'INPUT' \|\|\n event.target.nodeName === 'TEXTAREA'\n ) {\n return;\n }\n\n // character keys have a value for event.which\n if (event.which === 0) {\n return;\n }\n\n if (this.searchTimeout) {\n clearTimeout(this.searchTimeout);\n }\n\n this.searchString += event.key;\n this.searchTimeout = setTimeout(() => {\n this.searchString = '';\n }, SEARCH_TIMER_DURATION);\n\n const index = searchStrings.findIndex(\n string =>\n string\n .trim()\n .toLowerCase()\n .indexOf(this.searchString) === 0,\n );\n\n if (index !== -1) {\n this.setState({ focusedIndex: index });\n }\n };\n\n handleCheckboxClick = (event, index) => {\n if (event.nativeEvent.shiftKey) {\n this.selectRange(index);\n } else {\n this.selectToggle(index);\n }\n };\n\n render() {\n const { className, data } = this.props;\n const { focusedIndex } = this.state;\n const focusedItem = data[focusedIndex];\n\n return (\n <Hotkeys configs={this.getHotkeyConfigs()}>\n <BaseTable\n {...this.props}\n className={classNames(className, 'is-selectable')}\n focusedIndex={focusedIndex}\n focusedItem={focusedItem}\n onCheckboxClick={this.handleCheckboxClick}\n onRowClick={this.handleRowClick}\n onRowFocus={this.handleRowFocus}\n onTableBlur={this.handleTableBlur}\n onTableFocus={this.handleTableFocus}\n />\n </Hotkeys>\n );\n }\n };\n}\n\nexport default makeSelectable;\n"],"file":"makeSelectable.js"}
1	+ {"version":3,"sources":["../../../src/components/table/makeSelectable.js"],"names":["PropTypes","React","Component","Set","ImmutablePropTypes","classNames","FormattedMessage","Hotkeys","HotkeyRecord","messages","shiftSelect","SEARCH_TIMER_DURATION","makeSelectable","BaseTable","originalDisplayName","displayName","name","props","focusedIndex","undefined","selectedItems","newFocusedIndex","onSelect","previousIndex","state","setState","isSet","toJS","hotkeyType","key","description","shiftXDescription","handler","selectToggle","type","selectAllDescription","event","data","preventDefault","deselectAllDescription","downDescription","Math","min","length","upDescription","max","shiftDownDescription","handleShiftKeyDown","shiftUpDescription","isTargetSlider","gridColumnCount","handleShiftKeyDownForGrid","enableHotkeys","isGridView","hotkeys","viewSpecificHotKeyConfigs","getGridViewHotKeyConfigs","getListViewHotKeyConfigs","getSharedHotkeyConfigs","loadedData","rowIndex","getProcessedProps","has","delete","add","anchorIndex","selectedRows","reduce","rows","item","i","push","newSelectedRows","newSelectedItems","map","size","index","metaKey","ctrlKey","shiftKey","selectRange","selectOne","blurTimerID","setTimeout","clearFocus","clearTimeout","boundary","focusedIndexData","newFocusedIndexData","union","selectedItemIndecies","sourceIndex","targetIndex","dataSize","isSourceSelected","isTargetSelected","selectedItemIndices","isContiguousSelection","newSelectedItemIndices","searchStrings","target","hasAttribute","nodeName","which","searchTimeout","searchString","findIndex","string","trim","toLowerCase","indexOf","nativeEvent","role","document","addEventListener","handleKeyboardSearch","prevProps","prevState","onFocus","removeEventListener","className","focusedItem","getHotkeyConfigs","handleCheckboxClick","handleRowClick","handleRowFocus","handleTableBlur","handleTableFocus","array","isRequired","number","bool","func","oneOfType","set"],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport React, { Component } from 'react';\nimport { Set } from 'immutable';\nimport ImmutablePropTypes from 'react-immutable-proptypes';\nimport classNames from 'classnames';\nimport { FormattedMessage } from 'react-intl';\n\nimport { Hotkeys, HotkeyRecord } from '../hotkeys';\nimport messages from './messages';\nimport shiftSelect from './shiftSelect';\n\nconst SEARCH_TIMER_DURATION = 1000;\n\nfunction makeSelectable(BaseTable) {\n const originalDisplayName = BaseTable.displayName \|\| BaseTable.name \|\| 'Table';\n\n return class SelectableTable extends Component {\n static displayName = `Selectable(${originalDisplayName})`;\n\n static propTypes = {\n className: PropTypes.string,\n /** Array of unique IDs of the items in the table. Each item should be a string or number, in the order they appear in the table. /\n data: PropTypes.array.isRequired,\n gridColumnCount: PropTypes.number,\n isGridView: PropTypes.bool,\n /* Called when focus changes. `(focusedIndex: number) => void` /\n onFocus: PropTypes.func,\n /* Called when selection changes. `(selectedItems: Array<string> \| Array<number> \| Set<string> \| Set<number>) => void` /\n onSelect: PropTypes.func.isRequired,\n /\n Array of strings for keyboard search corresponding to the data prop. If not provided, keyboard search won't work.\n * Example: data = ['f_123', 'f_456'], and corresponding searchStrings = ['file.png', 'another file.pdf']\n /\n searchStrings: PropTypes.array,\n /\n Array of IDs that are currently selected, in any order.\n * If you pass a native JS array, then your onSelect function will be called with a native JS array;\n * likewise, if you pass an ImmutableJS Set, then your onSelect function will be called\n * with an ImmutableJS Set.\n /\n selectedItems: PropTypes.oneOfType([PropTypes.array, ImmutablePropTypes.set]),\n /* Array of unique IDs of the items in the table that are loaded and accessible. If not provided, this will default to all data /\n loadedData: PropTypes.array,\n enableHotkeys: PropTypes.bool,\n /* Translated type for hotkeys. If not provided, then the hotkeys will not appear in the help modal. */\n hotkeyType: PropTypes.string,\n };\n\n static defaultProps = {\n selectedItems: new Set(),\n };\n\n constructor(props) {\n super(props);\n\n this.anchorIndex = 0;\n\n this.searchString = '';\n this.searchTimeout = null;\n\n // we have to store the previously focused index because a focus event\n // will be fired before the click event; thus, in the click handler,\n // the focusedItem will already be the new item\n this.previousIndex = 0;\n\n this.blurTimerID = null;\n }\n\n state = {\n focusedIndex: undefined,\n };\n\n componentDidMount() {\n document.addEventListener('keypress', this.handleKeyboardSearch);\n }\n\n componentDidUpdate(prevProps, prevState) {\n if (prevState.focusedIndex !== this.state.focusedIndex && this.props.onFocus) {\n this.props.onFocus(this.state.focusedIndex);\n }\n }\n\n componentWillUnmount() {\n document.removeEventListener('keypress', this.handleKeyboardSearch);\n clearTimeout(this.blurTimerID);\n }\n\n onSelect = (selectedItems, newFocusedIndex) => {\n const { onSelect } = this.props;\n\n this.previousIndex = this.state.focusedIndex \|\| 0;\n\n this.setState({\n focusedIndex: newFocusedIndex,\n });\n\n if (onSelect) {\n // If selectedItems were given as an Immutable Set, they should also be returned as one,\n // and vice versa if they were given as a native JS array\n onSelect(Set.isSet(this.props.selectedItems) ? selectedItems : selectedItems.toJS());\n }\n };\n\n getSharedHotkeyConfigs = () => {\n const { hotkeyType } = this.props;\n return [\n new HotkeyRecord({\n key: 'shift+x',\n description: <FormattedMessage {...messages.shiftXDescription} />,\n handler: () => {\n const { focusedIndex } = this.state;\n\n if (focusedIndex === undefined) {\n return;\n }\n\n this.selectToggle(focusedIndex);\n },\n type: hotkeyType,\n }),\n new HotkeyRecord({\n key: ['meta+a', 'ctrl+a'],\n description: <FormattedMessage {...messages.selectAllDescription} />,\n handler: event => {\n const { data } = this.props;\n\n event.preventDefault();\n\n this.onSelect(new Set(data), this.state.focusedIndex);\n },\n type: hotkeyType,\n }),\n new HotkeyRecord({\n key: 'esc',\n description: <FormattedMessage {...messages.deselectAllDescription} />,\n handler: () => {\n this.onSelect(new Set(), this.state.focusedIndex);\n },\n type: hotkeyType,\n }),\n ];\n };\n\n getListViewHotKeyConfigs = () => {\n const { hotkeyType } = this.props;\n return [\n new HotkeyRecord({\n key: 'down',\n description: <FormattedMessage {...messages.downDescription} />,\n handler: event => {\n const { data } = this.props;\n const { focusedIndex } = this.state;\n\n event.preventDefault();\n\n const newFocusedIndex =\n focusedIndex !== undefined ? Math.min(focusedIndex + 1, data.length - 1) : 0;\n this.setState({ focusedIndex: newFocusedIndex });\n },\n type: hotkeyType,\n }),\n new HotkeyRecord({\n key: 'up',\n description: <FormattedMessage {...messages.upDescription} />,\n handler: event => {\n const { focusedIndex = 0 } = this.state;\n\n event.preventDefault();\n\n const newFocusedIndex = Math.max(focusedIndex - 1, 0);\n this.setState({ focusedIndex: newFocusedIndex });\n },\n type: hotkeyType,\n }),\n new HotkeyRecord({\n key: 'shift+down',\n description: <FormattedMessage {...messages.shiftDownDescription} />,\n handler: () => {\n const { data } = this.props;\n const { focusedIndex } = this.state;\n\n if (focusedIndex === undefined) {\n return;\n }\n\n const newFocusedIndex = Math.min(focusedIndex + 1, data.length - 1);\n this.handleShiftKeyDown(newFocusedIndex, data.length - 1);\n },\n type: hotkeyType,\n }),\n new HotkeyRecord({\n key: 'shift+up',\n description: <FormattedMessage {...messages.shiftUpDescription} />,\n handler: () => {\n const { focusedIndex } = this.state;\n\n if (focusedIndex === undefined) {\n return;\n }\n\n const newFocusedIndex = Math.max(focusedIndex - 1, 0);\n this.handleShiftKeyDown(newFocusedIndex, 0);\n },\n type: hotkeyType,\n }),\n ];\n };\n\n getGridViewHotKeyConfigs = () => {\n const { hotkeyType } = this.props;\n return [\n new HotkeyRecord({\n key: 'right',\n description: <FormattedMessage {...messages.downDescription} />,\n handler: event => {\n if (this.isTargetSlider(event)) {\n return;\n }\n\n const { data } = this.props;\n const { focusedIndex } = this.state;\n\n event.preventDefault();\n\n const newFocusedIndex =\n focusedIndex !== undefined ? Math.min(focusedIndex + 1, data.length - 1) : 0;\n this.setState({ focusedIndex: newFocusedIndex });\n },\n type: hotkeyType,\n }),\n new HotkeyRecord({\n key: 'left',\n description: <FormattedMessage {...messages.upDescription} />,\n handler: event => {\n if (this.isTargetSlider(event)) {\n return;\n }\n\n const { focusedIndex = 0 } = this.state;\n\n event.preventDefault();\n\n const newFocusedIndex = Math.max(focusedIndex - 1, 0);\n this.setState({ focusedIndex: newFocusedIndex });\n },\n type: hotkeyType,\n }),\n new HotkeyRecord({\n key: 'down',\n description: <FormattedMessage {...messages.downDescription} />,\n handler: event => {\n if (this.isTargetSlider(event)) {\n return;\n }\n\n const { data, gridColumnCount } = this.props;\n const { focusedIndex } = this.state;\n\n event.preventDefault();\n\n const newFocusedIndex =\n focusedIndex !== undefined ? Math.min(focusedIndex + gridColumnCount, data.length - 1) : 0;\n this.setState({ focusedIndex: newFocusedIndex });\n },\n type: hotkeyType,\n }),\n new HotkeyRecord({\n key: 'up',\n description: <FormattedMessage {...messages.upDescription} />,\n handler: event => {\n if (this.isTargetSlider(event)) {\n return;\n }\n\n const { gridColumnCount } = this.props;\n const { focusedIndex = 0 } = this.state;\n\n event.preventDefault();\n\n const newFocusedIndex = Math.max(focusedIndex - gridColumnCount, 0);\n this.setState({ focusedIndex: newFocusedIndex });\n },\n type: hotkeyType,\n }),\n new HotkeyRecord({\n key: 'shift+right',\n description: <FormattedMessage {...messages.shiftDownDescription} />,\n handler: () => {\n const { data } = this.props;\n const { focusedIndex } = this.state;\n\n if (focusedIndex === undefined) {\n return;\n }\n\n const newFocusedIndex = Math.min(focusedIndex + 1, data.length - 1);\n this.handleShiftKeyDownForGrid(newFocusedIndex, data.length - 1);\n },\n type: hotkeyType,\n }),\n new HotkeyRecord({\n key: 'shift+left',\n description: <FormattedMessage {...messages.shiftUpDescription} />,\n handler: () => {\n const { focusedIndex } = this.state;\n\n if (focusedIndex === undefined) {\n return;\n }\n\n const newFocusedIndex = Math.max(focusedIndex - 1, 0);\n this.handleShiftKeyDownForGrid(newFocusedIndex, 0);\n },\n type: hotkeyType,\n }),\n new HotkeyRecord({\n key: 'shift+down',\n description: <FormattedMessage {...messages.shiftDownDescription} />,\n handler: () => {\n const { data, gridColumnCount } = this.props;\n const { focusedIndex } = this.state;\n\n if (focusedIndex === undefined) {\n return;\n }\n\n const newFocusedIndex = Math.min(focusedIndex + gridColumnCount, data.length - 1);\n this.handleShiftKeyDownForGrid(newFocusedIndex, data.length - 1);\n },\n type: hotkeyType,\n }),\n new HotkeyRecord({\n key: 'shift+up',\n description: <FormattedMessage {...messages.shiftUpDescription} />,\n handler: () => {\n const { gridColumnCount } = this.props;\n const { focusedIndex } = this.state;\n\n if (focusedIndex === undefined) {\n return;\n }\n\n const newFocusedIndex = Math.max(focusedIndex - gridColumnCount, 0);\n this.handleShiftKeyDownForGrid(newFocusedIndex, 0);\n },\n type: hotkeyType,\n }),\n ];\n };\n\n getHotkeyConfigs = () => {\n const { enableHotkeys, isGridView, gridColumnCount } = this.props;\n\n if (!enableHotkeys && !this.hotkeys) {\n this.hotkeys = [];\n }\n\n if (!this.hotkeys) {\n const viewSpecificHotKeyConfigs =\n isGridView && gridColumnCount !== undefined\n ? this.getGridViewHotKeyConfigs()\n : this.getListViewHotKeyConfigs();\n\n this.hotkeys = [...this.getSharedHotkeyConfigs(), ...viewSpecificHotKeyConfigs];\n }\n\n return this.hotkeys;\n };\n\n getProcessedProps = () => {\n const { data, loadedData, selectedItems } = this.props;\n return {\n ...this.props,\n loadedData: loadedData ? Set(loadedData) : Set(data),\n selectedItems: Set.isSet(selectedItems) ? selectedItems : new Set(selectedItems),\n };\n };\n\n hotkeys = null;\n\n selectToggle = rowIndex => {\n const { data, selectedItems } = this.getProcessedProps();\n\n if (selectedItems.has(data[rowIndex])) {\n this.onSelect(selectedItems.delete(data[rowIndex]), rowIndex);\n } else {\n this.onSelect(selectedItems.add(data[rowIndex]), rowIndex);\n }\n\n this.anchorIndex = rowIndex;\n };\n\n selectRange = rowIndex => {\n const { data, selectedItems } = this.getProcessedProps();\n\n // Don't change selection if we're shift-clicking the same row\n if (rowIndex === this.previousIndex) {\n return;\n }\n\n // Converts set of items to set of indices to do some slicing magic\n const selectedRows = new Set(\n data.reduce((rows, item, i) => {\n if (selectedItems.has(item)) {\n rows.push(i);\n }\n return rows;\n }, []),\n );\n\n const newSelectedRows = shiftSelect(selectedRows, this.previousIndex, rowIndex, this.anchorIndex);\n\n // Converts set back to set of items\n const newSelectedItems = newSelectedRows.map(i => data[i]);\n\n this.onSelect(newSelectedItems, rowIndex);\n };\n\n selectOne = rowIndex => {\n const { data, selectedItems } = this.getProcessedProps();\n\n // Don't change selection if we're clicking on a row that we've already selected\n // This allows us to use the native onDoubleClick handler because we're referencing the\n // same DOM node on double-click.\n if (selectedItems.has(data[rowIndex]) && selectedItems.size === 1) {\n return;\n }\n\n this.onSelect(new Set([data[rowIndex]]), rowIndex);\n this.anchorIndex = rowIndex;\n };\n\n clearFocus = () => {\n this.setState({\n focusedIndex: undefined,\n });\n };\n\n handleRowClick = (event, index) => {\n if (event.metaKey \|\| event.ctrlKey) {\n this.selectToggle(index);\n } else if (event.shiftKey) {\n this.selectRange(index);\n } else {\n this.selectOne(index);\n }\n };\n\n handleRowFocus = (event, index) => {\n const { selectedItems } = this.getProcessedProps();\n this.onSelect(selectedItems, index);\n };\n\n handleTableBlur = () => {\n const { focusedIndex } = this.state;\n if (focusedIndex !== undefined) {\n // table may get focus back right away in the same tick, in which case we shouldn't clear focus\n this.blurTimerID = setTimeout(this.clearFocus);\n }\n };\n\n handleTableFocus = () => {\n clearTimeout(this.blurTimerID);\n };\n\n handleShiftKeyDown = (newFocusedIndex, boundary) => {\n const { data, selectedItems } = this.getProcessedProps();\n const { focusedIndex } = this.state;\n\n const focusedIndexData = data[focusedIndex];\n const newFocusedIndexData = data[newFocusedIndex];\n\n // if we're at a boundary of the table and the row is selected, no-op\n if (focusedIndex === boundary && selectedItems.has(focusedIndexData)) {\n return;\n }\n\n // if both the target and source are not selected, select them both\n if (!selectedItems.has(focusedIndexData) && !selectedItems.has(newFocusedIndexData)) {\n this.onSelect(selectedItems.union([focusedIndexData, newFocusedIndexData]), newFocusedIndex);\n return;\n }\n\n // if target is not selected, select it\n if (!selectedItems.has(newFocusedIndexData)) {\n this.onSelect(selectedItems.add(newFocusedIndexData), newFocusedIndex);\n return;\n }\n\n // if both source and target are selected, deselect source\n if (selectedItems.has(newFocusedIndexData) && selectedItems.has(focusedIndexData)) {\n this.onSelect(selectedItems.delete(focusedIndexData), newFocusedIndex);\n return;\n }\n\n // if target is selected and source is not, select source\n this.onSelect(selectedItems.add(focusedIndexData), newFocusedIndex);\n };\n\n isContiguousSelection = (selectedItemIndecies, sourceIndex, targetIndex) => {\n if (sourceIndex < targetIndex && selectedItemIndecies.has(sourceIndex - 1)) {\n return true;\n }\n if (targetIndex < sourceIndex && selectedItemIndecies.has(sourceIndex + 1)) {\n return true;\n }\n return false;\n };\n\n handleShiftKeyDownForGrid = newFocusedIndex => {\n const { data, loadedData, selectedItems } = this.getProcessedProps();\n const { focusedIndex } = this.state;\n\n const dataSize = data.length;\n const targetIndex = newFocusedIndex < 0 ? 0 : Math.min(newFocusedIndex, dataSize - 1);\n const isSourceSelected = selectedItems.has(data[focusedIndex]);\n const isTargetSelected = selectedItems.has(data[targetIndex]);\n\n // if data is not loaded, we don't want it to be able to be selected\n if (!loadedData.has(data[targetIndex])) {\n return;\n }\n\n const selectedItemIndices = new Set(\n data.reduce((rows, item, i) => {\n if (selectedItems.has(item)) {\n rows.push(i);\n }\n return rows;\n }, []),\n );\n\n // reset the anchor on a new selection block\n if (\n !isSourceSelected &&\n !isTargetSelected &&\n // if we are starting a new mass selection adjacent selected block, we want to connect them\n !this.isContiguousSelection(selectedItemIndices, focusedIndex, targetIndex)\n ) {\n this.anchorIndex = focusedIndex;\n }\n\n const newSelectedItemIndices = shiftSelect(\n selectedItemIndices,\n focusedIndex,\n targetIndex,\n this.anchorIndex,\n );\n\n const newSelectedItems = newSelectedItemIndices.map(i => data[i]);\n\n this.onSelect(newSelectedItems, targetIndex);\n };\n\n handleKeyboardSearch = event => {\n const { searchStrings } = this.props;\n\n if (!searchStrings) {\n return;\n }\n\n if (\n event.target.hasAttribute('contenteditable') \|\|\n event.target.nodeName === 'INPUT' \|\|\n event.target.nodeName === 'TEXTAREA'\n ) {\n return;\n }\n\n // character keys have a value for event.which\n if (event.which === 0) {\n return;\n }\n\n if (this.searchTimeout) {\n clearTimeout(this.searchTimeout);\n }\n\n this.searchString += event.key;\n this.searchTimeout = setTimeout(() => {\n this.searchString = '';\n }, SEARCH_TIMER_DURATION);\n\n const index = searchStrings.findIndex(\n string =>\n string\n .trim()\n .toLowerCase()\n .indexOf(this.searchString) === 0,\n );\n\n if (index !== -1) {\n this.setState({ focusedIndex: index });\n }\n };\n\n handleCheckboxClick = (event, index) => {\n if (event.nativeEvent.shiftKey) {\n this.selectRange(index);\n } else {\n this.selectToggle(index);\n }\n };\n\n isTargetSlider = event => event.target?.role === 'slider';\n\n render() {\n const { className, data } = this.props;\n const { focusedIndex } = this.state;\n const focusedItem = data[focusedIndex];\n\n return (\n <Hotkeys configs={this.getHotkeyConfigs()}>\n <BaseTable\n {...this.props}\n className={classNames(className, 'is-selectable')}\n focusedIndex={focusedIndex}\n focusedItem={focusedItem}\n onCheckboxClick={this.handleCheckboxClick}\n onRowClick={this.handleRowClick}\n onRowFocus={this.handleRowFocus}\n onTableBlur={this.handleTableBlur}\n onTableFocus={this.handleTableFocus}\n />\n </Hotkeys>\n );\n }\n };\n}\n\nexport default makeSelectable;\n"],"file":"makeSelectable.js"}

package/es/components/text-area/TextArea.scss CHANGED Viewed

@@ -13,7 +13,7 @@
     }
     .text-area-description {
-        color: $bdl-gray-62;
+        color: $bdl-gray-65;
         word-wrap: break-word;
     }

package/es/components/text-input/TextInput.scss CHANGED Viewed

@@ -25,7 +25,7 @@
     }
     .text-input-description {
-        color: $bdl-gray-62;
+        color: $bdl-gray-65;
         word-wrap: break-word;
     }

package/es/components/text-input-with-copy-button/TextInputWithCopyButton.js CHANGED Viewed

@@ -185,8 +185,9 @@ function (_React$PureComponent) {
       var _this3 = this;
       var _this$props4 = this.props,
+          additionalButtons = _this$props4.additionalButtons,
           className = _this$props4.className,
-          rest = _objectWithoutProperties(_this$props4, ["className"]);
+          rest = _objectWithoutProperties(_this$props4, ["additionalButtons", "className"]);
       var copySuccess = this.state.copySuccess;
       var isCopyCommandSupported = this.isCopyCommandSupported;
@@ -209,7 +210,7 @@ function (_React$PureComponent) {
         className: wrapperClasses
       }, copyEvent), React.createElement(TextInput, _extends({}, inputProps, {
         onFocus: this.handleFocus
-      })), this.renderCopyButton());
+      })), additionalButtons, this.renderCopyButton());
     }
   }]);

package/es/components/text-input-with-copy-button/TextInputWithCopyButton.js.flow CHANGED Viewed

@@ -16,6 +16,8 @@ const defaultCopyText = <FormattedMessage {...messages.copy} />;
 const defaultCopiedText = <FormattedMessage {...messages.copied} />;
 type Props = {
+    /** Array of nodes for additional buttons */
+    additionalButtons?: Array<React.Node>,
     /** Set the focus to input when component loads */
     autofocus?: boolean,
     /** Default copy button text */
@@ -186,7 +188,7 @@ class TextInputWithCopyButton extends React.PureComponent<Props, State> {
         ) : null;
     render() {
-        const { className, ...rest } = this.props;
+        const { additionalButtons, className, ...rest } = this.props;
         const { copySuccess } = this.state;
         const { isCopyCommandSupported } = this;
@@ -216,6 +218,7 @@ class TextInputWithCopyButton extends React.PureComponent<Props, State> {
         return (
             <div className={wrapperClasses} {...copyEvent}>
                 <TextInput {...inputProps} onFocus={this.handleFocus} />
+                {additionalButtons}
                 {this.renderCopyButton()}
             </div>
         );

package/es/components/text-input-with-copy-button/TextInputWithCopyButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/text-input-with-copy-button/TextInputWithCopyButton.js"],"names":["React","classNames","omit","FormattedMessage","messages","TextInput","Button","DEFAULT_SUCCESS_STATE_DURATION","defaultCopyText","copy","defaultCopiedText","copied","TextInputWithCopyButton","props","document","execCommand","setState","copySuccess","buttonText","buttonDefaultText","performAutofocus","copySelectedText","animateCopyButton","event","copyInputRef","onFocus","onCopySuccess","select","scrollLeft","isCopyCommandSupported","disabled","handleCopyButtonClick","buttonProps","state","queryCommandSupported","hasFocused","autofocus","value","triggerCopyOnLoad","clearCopySuccessTimeout","successStateDuration","buttonSuccessText","copySuccessTimeout","setTimeout","restoreCopyButton","clearTimeout","className","rest","inputProps","inputRef","ref","wrapperClasses","copyEvent","onCopy","handleCopyEvent","handleFocus","renderCopyButton","PureComponent","hideOptionalLabel","readOnly","type"],"mappings":"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","sourcesContent":["// @flow\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport omit from 'lodash/omit';\nimport { FormattedMessage } from 'react-intl';\n\nimport messages from '../../common/messages';\nimport TextInput from '../text-input';\nimport Button from '../button';\n\nimport './TextInputWithCopyButton.scss';\n\nconst DEFAULT_SUCCESS_STATE_DURATION = 3000;\n\nconst defaultCopyText = <FormattedMessage {...messages.copy} />;\nconst defaultCopiedText = <FormattedMessage {...messages.copied} />;\n\ntype Props = {\n /** Set the focus to input when component loads /\n autofocus?: boolean,\n /* Default copy button text /\n buttonDefaultText: string \| React.Node,\n /* Copy button text when copy is successful /\n buttonProps?: Object,\n buttonSuccessText?: string \| React.Node,\n className: string,\n disabled?: boolean,\n /* Label displayed for the text input /\n // TODO: Make label required\n label?: React.Node,\n /* onFocus handler for the input el /\n onCopySuccess?: Function,\n /* Function called when link is copied by keyboard or button /\n onFocus?: Function,\n /* Duration (milliseconds) in which to show the copy success state /\n successStateDuration: number,\n /* trigger the copy animation when the component loads (used to simulate a click on copy button) /\n triggerCopyOnLoad?: boolean,\n /* html input types (email, url, text, number), defaults to 'text' /\n type: string,\n /* Value of the text input */\n value: React.Node,\n};\n\ntype State = {\n buttonText: string \| React.Node,\n copySuccess: boolean,\n hasFocused: boolean,\n};\n\nclass TextInputWithCopyButton extends React.PureComponent<Props, State> {\n static defaultProps = {\n buttonDefaultText: defaultCopyText,\n buttonProps: {},\n buttonSuccessText: defaultCopiedText,\n className: '',\n hideOptionalLabel: true,\n readOnly: true,\n successStateDuration: DEFAULT_SUCCESS_STATE_DURATION,\n type: 'text',\n };\n\n constructor(props: Props) {\n super(props);\n\n this.isCopyCommandSupported = document.queryCommandSupported('copy');\n\n this.state = {\n copySuccess: false,\n buttonText: props.buttonDefaultText,\n hasFocused: false,\n };\n }\n\n componentDidMount() {\n const { autofocus, value } = this.props;\n\n if (autofocus && value) {\n this.performAutofocus();\n }\n }\n\n componentDidUpdate() {\n const { autofocus, value, triggerCopyOnLoad } = this.props;\n const { copySuccess, hasFocused } = this.state;\n\n // if we've set focus before, and should auto focus on update, make sure to\n // focus after component update\n if (autofocus && value) {\n this.performAutofocus();\n }\n\n if (triggerCopyOnLoad && !copySuccess && !hasFocused) {\n this.animateCopyButton();\n }\n }\n\n componentWillUnmount() {\n this.clearCopySuccessTimeout();\n }\n\n copyInputRef: ?HTMLInputElement;\n\n copySuccessTimeout: ?TimeoutID;\n\n isCopyCommandSupported: boolean;\n\n animateCopyButton() {\n const { successStateDuration, buttonSuccessText } = this.props;\n this.clearCopySuccessTimeout();\n\n this.setState(\n {\n copySuccess: true,\n buttonText: buttonSuccessText,\n hasFocused: true,\n },\n () => {\n this.copySuccessTimeout = setTimeout(() => {\n this.restoreCopyButton();\n }, successStateDuration);\n },\n );\n }\n\n clearCopySuccessTimeout() {\n if (!this.copySuccessTimeout) {\n return;\n }\n clearTimeout(this.copySuccessTimeout);\n this.copySuccessTimeout = null;\n }\n\n copySelectedText = () => document.execCommand('copy');\n\n restoreCopyButton = () => {\n this.setState({\n copySuccess: false,\n buttonText: this.props.buttonDefaultText,\n });\n };\n\n handleCopyButtonClick = () => {\n this.performAutofocus();\n this.copySelectedText();\n this.animateCopyButton();\n };\n\n handleFocus = (event: SyntheticEvent<>) => {\n if (this.copyInputRef) {\n this.performAutofocus();\n }\n\n if (this.props.onFocus) {\n this.props.onFocus(event);\n }\n };\n\n handleCopyEvent = (event: SyntheticEvent<>) => {\n this.animateCopyButton();\n\n const { onCopySuccess } = this.props;\n if (onCopySuccess) {\n onCopySuccess(event);\n }\n };\n\n performAutofocus = () => {\n const { copyInputRef } = this;\n if (copyInputRef) {\n copyInputRef.select();\n copyInputRef.scrollLeft = 0;\n }\n };\n\n renderCopyButton = () =>\n this.isCopyCommandSupported ? (\n <Button\n isDisabled={this.props.disabled}\n onClick={this.handleCopyButtonClick}\n type=\"button\"\n {...this.props.buttonProps}\n >\n {this.state.buttonText}\n </Button>\n ) : null;\n\n render() {\n const { className, ...rest } = this.props;\n const { copySuccess } = this.state;\n const { isCopyCommandSupported } = this;\n\n const inputProps = omit(rest, [\n 'autofocus',\n 'buttonDefaultText',\n 'buttonSuccessText',\n 'buttonProps',\n 'onCopySuccess',\n 'successStateDuration',\n 'triggerCopyOnLoad',\n ]);\n\n if (isCopyCommandSupported) {\n inputProps.inputRef = ref => {\n this.copyInputRef = ref;\n };\n }\n\n const wrapperClasses = classNames(className, {\n 'copy-success': copySuccess,\n 'text-input-with-copy-button-container': isCopyCommandSupported,\n });\n\n const copyEvent = isCopyCommandSupported ? { onCopy: this.handleCopyEvent } : {};\n\n return (\n <div className={wrapperClasses} {...copyEvent}>\n <TextInput {...inputProps} onFocus={this.handleFocus} />\n {this.renderCopyButton()}\n </div>\n );\n }\n}\n\nexport default TextInputWithCopyButton;\n"],"file":"TextInputWithCopyButton.js"}
1	+ {"version":3,"sources":["../../../src/components/text-input-with-copy-button/TextInputWithCopyButton.js"],"names":["React","classNames","omit","FormattedMessage","messages","TextInput","Button","DEFAULT_SUCCESS_STATE_DURATION","defaultCopyText","copy","defaultCopiedText","copied","TextInputWithCopyButton","props","document","execCommand","setState","copySuccess","buttonText","buttonDefaultText","performAutofocus","copySelectedText","animateCopyButton","event","copyInputRef","onFocus","onCopySuccess","select","scrollLeft","isCopyCommandSupported","disabled","handleCopyButtonClick","buttonProps","state","queryCommandSupported","hasFocused","autofocus","value","triggerCopyOnLoad","clearCopySuccessTimeout","successStateDuration","buttonSuccessText","copySuccessTimeout","setTimeout","restoreCopyButton","clearTimeout","additionalButtons","className","rest","inputProps","inputRef","ref","wrapperClasses","copyEvent","onCopy","handleCopyEvent","handleFocus","renderCopyButton","PureComponent","hideOptionalLabel","readOnly","type"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,IAAP,MAAiB,aAAjB;AACA,SAASC,gBAAT,QAAiC,YAAjC;AAEA,OAAOC,QAAP,MAAqB,uBAArB;AACA,OAAOC,SAAP,MAAsB,eAAtB;AACA,OAAOC,MAAP,MAAmB,WAAnB;AAEA,OAAO,gCAAP;AAEA,IAAMC,8BAA8B,GAAG,IAAvC;AAEA,IAAMC,eAAe,GAAG,oBAAC,gBAAD,EAAsBJ,QAAQ,CAACK,IAA/B,CAAxB;AACA,IAAMC,iBAAiB,GAAG,oBAAC,gBAAD,EAAsBN,QAAQ,CAACO,MAA/B,CAA1B;;IAqCMC,uB;;;;;AAYF,mCAAYC,KAAZ,EAA0B;AAAA;;AAAA;;AACtB,iGAAMA,KAAN;;AADsB,uEAuEP;AAAA,aAAMC,QAAQ,CAACC,WAAT,CAAqB,MAArB,CAAN;AAAA,KAvEO;;AAAA,wEAyEN,YAAM;AACtB,YAAKC,QAAL,CAAc;AACVC,QAAAA,WAAW,EAAE,KADH;AAEVC,QAAAA,UAAU,EAAE,MAAKL,KAAL,CAAWM;AAFb,OAAd;AAIH,KA9EyB;;AAAA,4EAgFF,YAAM;AAC1B,YAAKC,gBAAL;;AACA,YAAKC,gBAAL;;AACA,YAAKC,iBAAL;AACH,KApFyB;;AAAA,kEAsFZ,UAACC,KAAD,EAA6B;AACvC,UAAI,MAAKC,YAAT,EAAuB;AACnB,cAAKJ,gBAAL;AACH;;AAED,UAAI,MAAKP,KAAL,CAAWY,OAAf,EAAwB;AACpB,cAAKZ,KAAL,CAAWY,OAAX,CAAmBF,KAAnB;AACH;AACJ,KA9FyB;;AAAA,sEAgGR,UAACA,KAAD,EAA6B;AAC3C,YAAKD,iBAAL;;AAD2C,UAGnCI,aAHmC,GAGjB,MAAKb,KAHY,CAGnCa,aAHmC;;AAI3C,UAAIA,aAAJ,EAAmB;AACfA,QAAAA,aAAa,CAACH,KAAD,CAAb;AACH;AACJ,KAvGyB;;AAAA,uEAyGP,YAAM;AAAA;AAAA,UACbC,YADa,yBACbA,YADa;;AAErB,UAAIA,YAAJ,EAAkB;AACdA,QAAAA,YAAY,CAACG,MAAb;AACAH,QAAAA,YAAY,CAACI,UAAb,GAA0B,CAA1B;AACH;AACJ,KA/GyB;;AAAA,uEAiHP;AAAA,aACf,MAAKC,sBAAL,GACI,oBAAC,MAAD;AACI,QAAA,UAAU,EAAE,MAAKhB,KAAL,CAAWiB,QAD3B;AAEI,QAAA,OAAO,EAAE,MAAKC,qBAFlB;AAGI,QAAA,IAAI,EAAC;AAHT,SAIQ,MAAKlB,KAAL,CAAWmB,WAJnB,GAMK,MAAKC,KAAL,CAAWf,UANhB,CADJ,GASI,IAVW;AAAA,KAjHO;;AAGtB,UAAKW,sBAAL,GAA8Bf,QAAQ,CAACoB,qBAAT,CAA+B,MAA/B,CAA9B;AAEA,UAAKD,KAAL,GAAa;AACThB,MAAAA,WAAW,EAAE,KADJ;AAETC,MAAAA,UAAU,EAAEL,KAAK,CAACM,iBAFT;AAGTgB,MAAAA,UAAU,EAAE;AAHH,KAAb;AALsB;AAUzB;;;;wCAEmB;AAAA,wBACa,KAAKtB,KADlB;AAAA,UACRuB,SADQ,eACRA,SADQ;AAAA,UACGC,KADH,eACGA,KADH;;AAGhB,UAAID,SAAS,IAAIC,KAAjB,EAAwB;AACpB,aAAKjB,gBAAL;AACH;AACJ;;;yCAEoB;AAAA,yBAC+B,KAAKP,KADpC;AAAA,UACTuB,SADS,gBACTA,SADS;AAAA,UACEC,KADF,gBACEA,KADF;AAAA,UACSC,iBADT,gBACSA,iBADT;AAAA,wBAEmB,KAAKL,KAFxB;AAAA,UAEThB,WAFS,eAETA,WAFS;AAAA,UAEIkB,UAFJ,eAEIA,UAFJ,EAIjB;AACA;;AACA,UAAIC,SAAS,IAAIC,KAAjB,EAAwB;AACpB,aAAKjB,gBAAL;AACH;;AAED,UAAIkB,iBAAiB,IAAI,CAACrB,WAAtB,IAAqC,CAACkB,UAA1C,EAAsD;AAClD,aAAKb,iBAAL;AACH;AACJ;;;2CAEsB;AACnB,WAAKiB,uBAAL;AACH;;;wCAQmB;AAAA;;AAAA,yBACoC,KAAK1B,KADzC;AAAA,UACR2B,oBADQ,gBACRA,oBADQ;AAAA,UACcC,iBADd,gBACcA,iBADd;AAEhB,WAAKF,uBAAL;AAEA,WAAKvB,QAAL,CACI;AACIC,QAAAA,WAAW,EAAE,IADjB;AAEIC,QAAAA,UAAU,EAAEuB,iBAFhB;AAGIN,QAAAA,UAAU,EAAE;AAHhB,OADJ,EAMI,YAAM;AACF,QAAA,MAAI,CAACO,kBAAL,GAA0BC,UAAU,CAAC,YAAM;AACvC,UAAA,MAAI,CAACC,iBAAL;AACH,SAFmC,EAEjCJ,oBAFiC,CAApC;AAGH,OAVL;AAYH;;;8CAEyB;AACtB,UAAI,CAAC,KAAKE,kBAAV,EAA8B;AAC1B;AACH;;AACDG,MAAAA,YAAY,CAAC,KAAKH,kBAAN,CAAZ;AACA,WAAKA,kBAAL,GAA0B,IAA1B;AACH;;;6BAwDQ;AAAA;;AAAA,yBAC6C,KAAK7B,KADlD;AAAA,UACGiC,iBADH,gBACGA,iBADH;AAAA,UACsBC,SADtB,gBACsBA,SADtB;AAAA,UACoCC,IADpC;;AAAA,UAEG/B,WAFH,GAEmB,KAAKgB,KAFxB,CAEGhB,WAFH;AAAA,UAGGY,sBAHH,GAG8B,IAH9B,CAGGA,sBAHH;AAKL,UAAMoB,UAAU,GAAG/C,IAAI,CAAC8C,IAAD,EAAO,CAC1B,WAD0B,EAE1B,mBAF0B,EAG1B,mBAH0B,EAI1B,aAJ0B,EAK1B,eAL0B,EAM1B,sBAN0B,EAO1B,mBAP0B,CAAP,CAAvB;;AAUA,UAAInB,sBAAJ,EAA4B;AACxBoB,QAAAA,UAAU,CAACC,QAAX,GAAsB,UAAAC,GAAG,EAAI;AACzB,UAAA,MAAI,CAAC3B,YAAL,GAAoB2B,GAApB;AACH,SAFD;AAGH;;AAED,UAAMC,cAAc,GAAGnD,UAAU,CAAC8C,SAAD,EAAY;AACzC,wBAAgB9B,WADyB;AAEzC,iDAAyCY;AAFA,OAAZ,CAAjC;AAKA,UAAMwB,SAAS,GAAGxB,sBAAsB,GAAG;AAAEyB,QAAAA,MAAM,EAAE,KAAKC;AAAf,OAAH,GAAsC,EAA9E;AAEA,aACI;AAAK,QAAA,SAAS,EAAEH;AAAhB,SAAoCC,SAApC,GACI,oBAAC,SAAD,eAAeJ,UAAf;AAA2B,QAAA,OAAO,EAAE,KAAKO;AAAzC,SADJ,EAEKV,iBAFL,EAGK,KAAKW,gBAAL,EAHL,CADJ;AAOH;;;;EA5KiCzD,KAAK,CAAC0D,a;;gBAAtC9C,uB,kBACoB;AAClBO,EAAAA,iBAAiB,EAAEX,eADD;AAElBwB,EAAAA,WAAW,EAAE,EAFK;AAGlBS,EAAAA,iBAAiB,EAAE/B,iBAHD;AAIlBqC,EAAAA,SAAS,EAAE,EAJO;AAKlBY,EAAAA,iBAAiB,EAAE,IALD;AAMlBC,EAAAA,QAAQ,EAAE,IANQ;AAOlBpB,EAAAA,oBAAoB,EAAEjC,8BAPJ;AAQlBsD,EAAAA,IAAI,EAAE;AARY,C;;AA8K1B,eAAejD,uBAAf","sourcesContent":["// @flow\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport omit from 'lodash/omit';\nimport { FormattedMessage } from 'react-intl';\n\nimport messages from '../../common/messages';\nimport TextInput from '../text-input';\nimport Button from '../button';\n\nimport './TextInputWithCopyButton.scss';\n\nconst DEFAULT_SUCCESS_STATE_DURATION = 3000;\n\nconst defaultCopyText = <FormattedMessage {...messages.copy} />;\nconst defaultCopiedText = <FormattedMessage {...messages.copied} />;\n\ntype Props = {\n /** Array of nodes for additional buttons /\n additionalButtons?: Array<React.Node>,\n /* Set the focus to input when component loads /\n autofocus?: boolean,\n /* Default copy button text /\n buttonDefaultText: string \| React.Node,\n /* Copy button text when copy is successful /\n buttonProps?: Object,\n buttonSuccessText?: string \| React.Node,\n className: string,\n disabled?: boolean,\n /* Label displayed for the text input /\n // TODO: Make label required\n label?: React.Node,\n /* onFocus handler for the input el /\n onCopySuccess?: Function,\n /* Function called when link is copied by keyboard or button /\n onFocus?: Function,\n /* Duration (milliseconds) in which to show the copy success state /\n successStateDuration: number,\n /* trigger the copy animation when the component loads (used to simulate a click on copy button) /\n triggerCopyOnLoad?: boolean,\n /* html input types (email, url, text, number), defaults to 'text' /\n type: string,\n /* Value of the text input */\n value: React.Node,\n};\n\ntype State = {\n buttonText: string \| React.Node,\n copySuccess: boolean,\n hasFocused: boolean,\n};\n\nclass TextInputWithCopyButton extends React.PureComponent<Props, State> {\n static defaultProps = {\n buttonDefaultText: defaultCopyText,\n buttonProps: {},\n buttonSuccessText: defaultCopiedText,\n className: '',\n hideOptionalLabel: true,\n readOnly: true,\n successStateDuration: DEFAULT_SUCCESS_STATE_DURATION,\n type: 'text',\n };\n\n constructor(props: Props) {\n super(props);\n\n this.isCopyCommandSupported = document.queryCommandSupported('copy');\n\n this.state = {\n copySuccess: false,\n buttonText: props.buttonDefaultText,\n hasFocused: false,\n };\n }\n\n componentDidMount() {\n const { autofocus, value } = this.props;\n\n if (autofocus && value) {\n this.performAutofocus();\n }\n }\n\n componentDidUpdate() {\n const { autofocus, value, triggerCopyOnLoad } = this.props;\n const { copySuccess, hasFocused } = this.state;\n\n // if we've set focus before, and should auto focus on update, make sure to\n // focus after component update\n if (autofocus && value) {\n this.performAutofocus();\n }\n\n if (triggerCopyOnLoad && !copySuccess && !hasFocused) {\n this.animateCopyButton();\n }\n }\n\n componentWillUnmount() {\n this.clearCopySuccessTimeout();\n }\n\n copyInputRef: ?HTMLInputElement;\n\n copySuccessTimeout: ?TimeoutID;\n\n isCopyCommandSupported: boolean;\n\n animateCopyButton() {\n const { successStateDuration, buttonSuccessText } = this.props;\n this.clearCopySuccessTimeout();\n\n this.setState(\n {\n copySuccess: true,\n buttonText: buttonSuccessText,\n hasFocused: true,\n },\n () => {\n this.copySuccessTimeout = setTimeout(() => {\n this.restoreCopyButton();\n }, successStateDuration);\n },\n );\n }\n\n clearCopySuccessTimeout() {\n if (!this.copySuccessTimeout) {\n return;\n }\n clearTimeout(this.copySuccessTimeout);\n this.copySuccessTimeout = null;\n }\n\n copySelectedText = () => document.execCommand('copy');\n\n restoreCopyButton = () => {\n this.setState({\n copySuccess: false,\n buttonText: this.props.buttonDefaultText,\n });\n };\n\n handleCopyButtonClick = () => {\n this.performAutofocus();\n this.copySelectedText();\n this.animateCopyButton();\n };\n\n handleFocus = (event: SyntheticEvent<>) => {\n if (this.copyInputRef) {\n this.performAutofocus();\n }\n\n if (this.props.onFocus) {\n this.props.onFocus(event);\n }\n };\n\n handleCopyEvent = (event: SyntheticEvent<>) => {\n this.animateCopyButton();\n\n const { onCopySuccess } = this.props;\n if (onCopySuccess) {\n onCopySuccess(event);\n }\n };\n\n performAutofocus = () => {\n const { copyInputRef } = this;\n if (copyInputRef) {\n copyInputRef.select();\n copyInputRef.scrollLeft = 0;\n }\n };\n\n renderCopyButton = () =>\n this.isCopyCommandSupported ? (\n <Button\n isDisabled={this.props.disabled}\n onClick={this.handleCopyButtonClick}\n type=\"button\"\n {...this.props.buttonProps}\n >\n {this.state.buttonText}\n </Button>\n ) : null;\n\n render() {\n const { additionalButtons, className, ...rest } = this.props;\n const { copySuccess } = this.state;\n const { isCopyCommandSupported } = this;\n\n const inputProps = omit(rest, [\n 'autofocus',\n 'buttonDefaultText',\n 'buttonSuccessText',\n 'buttonProps',\n 'onCopySuccess',\n 'successStateDuration',\n 'triggerCopyOnLoad',\n ]);\n\n if (isCopyCommandSupported) {\n inputProps.inputRef = ref => {\n this.copyInputRef = ref;\n };\n }\n\n const wrapperClasses = classNames(className, {\n 'copy-success': copySuccess,\n 'text-input-with-copy-button-container': isCopyCommandSupported,\n });\n\n const copyEvent = isCopyCommandSupported ? { onCopy: this.handleCopyEvent } : {};\n\n return (\n <div className={wrapperClasses} {...copyEvent}>\n <TextInput {...inputProps} onFocus={this.handleFocus} />\n {additionalButtons}\n {this.renderCopyButton()}\n </div>\n );\n }\n}\n\nexport default TextInputWithCopyButton;\n"],"file":"TextInputWithCopyButton.js"}

package/es/components/text-input-with-copy-button/TextInputWithCopyButton.scss CHANGED Viewed

@@ -19,19 +19,23 @@
     .bdl-Button,
     .btn {
-        min-width: 80px;
         margin: 0;
         border-left: 0;
-        border-top-left-radius: 0;
-        border-bottom-left-radius: 0;
+        border-radius: 0;
+    }
+    .bdl-Button:last-child,
+    .btn:last-child {
+        min-width: 80px;
+        border-top-right-radius: $bdl-border-radius-size-med;
+        border-bottom-right-radius: $bdl-border-radius-size-med;
         transition: background-color .5s ease, border-color .5s ease;
     }
     &.copy-success {
-        .btn,
-        .btn:hover,
-        .btn:active,
-        .btn:active:hover {
+        .btn:last-child,
+        .btn:last-child:hover,
+        .btn:last-child:active {
             color: $white;
             background-color: $bdl-green-light;
             border-color: $bdl-green-light;

package/es/components/thumbnail-card/ThumbnailCard.scss CHANGED Viewed

@@ -51,7 +51,7 @@
     }
     .thumbnail-card-subtitle {
-        color: $bdl-gray-62;
+        color: $bdl-gray-65;
     }
 }

package/es/components/time/ReadableTime.stories.js ADDED Viewed

@@ -0,0 +1,46 @@
+import * as React from 'react';
+import ReadableTime from './ReadableTime';
+import notes from './ReadableTime.stories.md';
+var MILLISECONDS_PER_HOUR = 60 * 60 * 1000;
+var MILLISECONDS_PER_DAY = MILLISECONDS_PER_HOUR * 24;
+var MILLISECONDS_PER_WEEK = MILLISECONDS_PER_DAY * 7;
+export var relativeTimestamps = function relativeTimestamps() {
+  return React.createElement("div", null, React.createElement("div", null, React.createElement(ReadableTime, {
+    timestamp: Date.now() - MILLISECONDS_PER_HOUR + 30 * 60 * 1000,
+    relativeThreshold: MILLISECONDS_PER_HOUR
+  })), React.createElement("div", null, React.createElement(ReadableTime, {
+    timestamp: Date.now() - 2 * MILLISECONDS_PER_HOUR,
+    relativeThreshold: MILLISECONDS_PER_HOUR
+  })), React.createElement("div", null, React.createElement(ReadableTime, {
+    timestamp: Date.now() - MILLISECONDS_PER_DAY,
+    relativeThreshold: MILLISECONDS_PER_HOUR
+  })));
+};
+export var dateWithoutTime = function dateWithoutTime() {
+  return React.createElement(ReadableTime, {
+    timestamp: Date.now() - MILLISECONDS_PER_WEEK,
+    relativeThreshold: MILLISECONDS_PER_HOUR
+  });
+};
+export var dateWithTime = function dateWithTime() {
+  return React.createElement(ReadableTime, {
+    timestamp: Date.now() - MILLISECONDS_PER_WEEK,
+    relativeThreshold: MILLISECONDS_PER_HOUR,
+    alwaysShowTime: true
+  });
+};
+export var dateInTheFutureWhenNotAllowed = function dateInTheFutureWhenNotAllowed() {
+  return React.createElement(ReadableTime, {
+    timestamp: Date.now() + 70 * MILLISECONDS_PER_DAY,
+    relativeThreshold: MILLISECONDS_PER_HOUR,
+    allowFutureTimestamps: false
+  });
+};
+export default {
+  title: 'Components|ReadableTime',
+  component: ReadableTime,
+  parameters: {
+    notes: notes
+  }
+};
+//# sourceMappingURL=ReadableTime.stories.js.map

package/es/components/time/ReadableTime.stories.js.flow ADDED Viewed

@@ -0,0 +1,56 @@
+import * as React from 'react';
+import ReadableTime from './ReadableTime';
+import notes from './ReadableTime.stories.md';
+const MILLISECONDS_PER_HOUR = 60 * 60 * 1000;
+const MILLISECONDS_PER_DAY = MILLISECONDS_PER_HOUR * 24;
+const MILLISECONDS_PER_WEEK = MILLISECONDS_PER_DAY * 7;
+export const relativeTimestamps = () => (
+    <div>
+        <div>
+            <ReadableTime
+                timestamp={Date.now() - MILLISECONDS_PER_HOUR + 30 * 60 * 1000}
+                relativeThreshold={MILLISECONDS_PER_HOUR}
+            />
+        </div>
+        <div>
+            <ReadableTime
+                timestamp={Date.now() - 2 * MILLISECONDS_PER_HOUR}
+                relativeThreshold={MILLISECONDS_PER_HOUR}
+            />
+        </div>
+        <div>
+            <ReadableTime timestamp={Date.now() - MILLISECONDS_PER_DAY} relativeThreshold={MILLISECONDS_PER_HOUR} />
+        </div>
+    </div>
+);
+export const dateWithoutTime = () => (
+    <ReadableTime timestamp={Date.now() - MILLISECONDS_PER_WEEK} relativeThreshold={MILLISECONDS_PER_HOUR} />
+);
+export const dateWithTime = () => (
+    <ReadableTime
+        timestamp={Date.now() - MILLISECONDS_PER_WEEK}
+        relativeThreshold={MILLISECONDS_PER_HOUR}
+        alwaysShowTime
+    />
+);
+export const dateInTheFutureWhenNotAllowed = () => (
+    <ReadableTime
+        timestamp={Date.now() + 70 * MILLISECONDS_PER_DAY}
+        relativeThreshold={MILLISECONDS_PER_HOUR}
+        allowFutureTimestamps={false}
+    />
+);
+export default {
+    title: 'Components|ReadableTime',
+    component: ReadableTime,
+    parameters: {
+        notes,
+    },
+};

package/es/components/time/ReadableTime.stories.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../src/components/time/ReadableTime.stories.js"],"names":["React","ReadableTime","notes","MILLISECONDS_PER_HOUR","MILLISECONDS_PER_DAY","MILLISECONDS_PER_WEEK","relativeTimestamps","Date","now","dateWithoutTime","dateWithTime","dateInTheFutureWhenNotAllowed","title","component","parameters"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,OAAOC,YAAP,MAAyB,gBAAzB;AACA,OAAOC,KAAP,MAAkB,2BAAlB;AAEA,IAAMC,qBAAqB,GAAG,KAAK,EAAL,GAAU,IAAxC;AACA,IAAMC,oBAAoB,GAAGD,qBAAqB,GAAG,EAArD;AACA,IAAME,qBAAqB,GAAGD,oBAAoB,GAAG,CAArD;AAEA,OAAO,IAAME,kBAAkB,GAAG,SAArBA,kBAAqB;AAAA,SAC9B,iCACI,iCACI,oBAAC,YAAD;AACI,IAAA,SAAS,EAAEC,IAAI,CAACC,GAAL,KAAaL,qBAAb,GAAqC,KAAK,EAAL,GAAU,IAD9D;AAEI,IAAA,iBAAiB,EAAEA;AAFvB,IADJ,CADJ,EAOI,iCACI,oBAAC,YAAD;AACI,IAAA,SAAS,EAAEI,IAAI,CAACC,GAAL,KAAa,IAAIL,qBADhC;AAEI,IAAA,iBAAiB,EAAEA;AAFvB,IADJ,CAPJ,EAaI,iCACI,oBAAC,YAAD;AAAc,IAAA,SAAS,EAAEI,IAAI,CAACC,GAAL,KAAaJ,oBAAtC;AAA4D,IAAA,iBAAiB,EAAED;AAA/E,IADJ,CAbJ,CAD8B;AAAA,CAA3B;AAoBP,OAAO,IAAMM,eAAe,GAAG,SAAlBA,eAAkB;AAAA,SAC3B,oBAAC,YAAD;AAAc,IAAA,SAAS,EAAEF,IAAI,CAACC,GAAL,KAAaH,qBAAtC;AAA6D,IAAA,iBAAiB,EAAEF;AAAhF,IAD2B;AAAA,CAAxB;AAIP,OAAO,IAAMO,YAAY,GAAG,SAAfA,YAAe;AAAA,SACxB,oBAAC,YAAD;AACI,IAAA,SAAS,EAAEH,IAAI,CAACC,GAAL,KAAaH,qBAD5B;AAEI,IAAA,iBAAiB,EAAEF,qBAFvB;AAGI,IAAA,cAAc;AAHlB,IADwB;AAAA,CAArB;AAQP,OAAO,IAAMQ,6BAA6B,GAAG,SAAhCA,6BAAgC;AAAA,SACzC,oBAAC,YAAD;AACI,IAAA,SAAS,EAAEJ,IAAI,CAACC,GAAL,KAAa,KAAKJ,oBADjC;AAEI,IAAA,iBAAiB,EAAED,qBAFvB;AAGI,IAAA,qBAAqB,EAAE;AAH3B,IADyC;AAAA,CAAtC;AAQP,eAAe;AACXS,EAAAA,KAAK,EAAE,yBADI;AAEXC,EAAAA,SAAS,EAAEZ,YAFA;AAGXa,EAAAA,UAAU,EAAE;AACRZ,IAAAA,KAAK,EAALA;AADQ;AAHD,CAAf","sourcesContent":["import * as React from 'react';\n\nimport ReadableTime from './ReadableTime';\nimport notes from './ReadableTime.stories.md';\n\nconst MILLISECONDS_PER_HOUR = 60 * 60 * 1000;\nconst MILLISECONDS_PER_DAY = MILLISECONDS_PER_HOUR * 24;\nconst MILLISECONDS_PER_WEEK = MILLISECONDS_PER_DAY * 7;\n\nexport const relativeTimestamps = () => (\n <div>\n <div>\n <ReadableTime\n timestamp={Date.now() - MILLISECONDS_PER_HOUR + 30 * 60 * 1000}\n relativeThreshold={MILLISECONDS_PER_HOUR}\n />\n </div>\n <div>\n <ReadableTime\n timestamp={Date.now() - 2 * MILLISECONDS_PER_HOUR}\n relativeThreshold={MILLISECONDS_PER_HOUR}\n />\n </div>\n <div>\n <ReadableTime timestamp={Date.now() - MILLISECONDS_PER_DAY} relativeThreshold={MILLISECONDS_PER_HOUR} />\n </div>\n </div>\n);\n\nexport const dateWithoutTime = () => (\n <ReadableTime timestamp={Date.now() - MILLISECONDS_PER_WEEK} relativeThreshold={MILLISECONDS_PER_HOUR} />\n);\n\nexport const dateWithTime = () => (\n <ReadableTime\n timestamp={Date.now() - MILLISECONDS_PER_WEEK}\n relativeThreshold={MILLISECONDS_PER_HOUR}\n alwaysShowTime\n />\n);\n\nexport const dateInTheFutureWhenNotAllowed = () => (\n <ReadableTime\n timestamp={Date.now() + 70 * MILLISECONDS_PER_DAY}\n relativeThreshold={MILLISECONDS_PER_HOUR}\n allowFutureTimestamps={false}\n />\n);\n\nexport default {\n title: 'Components|ReadableTime',\n component: ReadableTime,\n parameters: {\n notes,\n },\n};\n"],"file":"ReadableTime.stories.js"}

package/es/components/toggle/Toggle.js CHANGED Viewed

@@ -19,7 +19,10 @@ var Toggle = React.forwardRef(function (_ref, ref) {
       name = _ref.name,
       onBlur = _ref.onBlur,
       onChange = _ref.onChange,
-      rest = _objectWithoutProperties(_ref, ["className", "description", "isDisabled", "isOn", "isToggleRightAligned", "label", "name", "onBlur", "onChange"]);
+      onFocus = _ref.onFocus,
+      onMouseEnter = _ref.onMouseEnter,
+      onMouseLeave = _ref.onMouseLeave,
+      rest = _objectWithoutProperties(_ref, ["className", "description", "isDisabled", "isOn", "isToggleRightAligned", "label", "name", "onBlur", "onChange", "onFocus", "onMouseEnter", "onMouseLeave"]);
   var classes = classNames('toggle-container', className, {
     'is-toggle-right-aligned': isToggleRightAligned
@@ -33,21 +36,25 @@ var Toggle = React.forwardRef(function (_ref, ref) {
   }, label)];
   if (isToggleRightAligned) {
-    toggleElements = toggleElements.reverse();
+    toggleElements.reverse();
   }
   return React.createElement("div", {
-    className: classes
+    className: classes,
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave
   }, React.createElement("label", {
     className: "toggle-simple"
   }, React.createElement("input", _extends({
     checked: isOn,
     className: "toggle-simple-input",
     disabled: isDisabled,
-    ref: ref,
     name: name,
     onBlur: onBlur,
     onChange: onChange,
+    onFocus: onFocus,
+    ref: ref,
+    role: "switch",
     type: "checkbox"
   }, rest)), toggleElements), description ? React.createElement("div", {
     className: "toggle-simple-description"

package/es/components/toggle/Toggle.js.flow CHANGED Viewed

@@ -21,6 +21,12 @@ type Props = {
     onBlur?: (e: SyntheticInputEvent<HTMLInputElement>) => any,
     /** change callback function called with event as the argument */
     onChange?: (e: SyntheticInputEvent<HTMLInputElement>) => any,
+    /** focus callback function called with event as the argument */
+    onFocus?: (e: SyntheticInputEvent<HTMLInputElement>) => any,
+    /** mouse enter callback function called with event as the argument */
+    onMouseEnter?: (e: SyntheticInputEvent<HTMLDivElement>) => any,
+    /** mouse leave callback function called with event as the argument */
+    onMouseLeave?: (e: SyntheticInputEvent<HTMLDivElement>) => any,
     /** optional value for the toggles checkbox */
     value?: any,
 };
@@ -37,6 +43,9 @@ const Toggle = React.forwardRef<Props, HTMLInputElement>(
             name,
             onBlur,
             onChange,
+            onFocus,
+            onMouseEnter,
+            onMouseLeave,
             ...rest
         }: Props,
         ref,
@@ -44,29 +53,31 @@ const Toggle = React.forwardRef<Props, HTMLInputElement>(
         const classes = classNames('toggle-container', className, {
             'is-toggle-right-aligned': isToggleRightAligned,
         });
-        let toggleElements = [
+        const toggleElements = [
             <div key="toggle-simple-switch" className="toggle-simple-switch" />,
             <div key="toggle-simple-label" className="toggle-simple-label">
                 {label}
             </div>,
         ];
         if (isToggleRightAligned) {
-            toggleElements = toggleElements.reverse();
+            toggleElements.reverse();
         }
         return (
-            <div className={classes}>
+            <div className={classes} onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave}>
                 {/* eslint-disable-next-line jsx-a11y/label-has-for */}
                 <label className="toggle-simple">
                     <input
                         checked={isOn}
                         className="toggle-simple-input"
                         disabled={isDisabled}
-                        ref={ref}
                         name={name}
                         onBlur={onBlur}
                         onChange={onChange}
+                        onFocus={onFocus}
+                        ref={ref}
+                        role="switch"
                         type="checkbox"
                         {...rest}
                     />