2019-07-13 21:35:57 +12:00
|
|
|
<script>
|
2020-02-03 22:50:30 +13:00
|
|
|
import { join } from "lodash/fp"
|
2021-06-16 06:36:56 +12:00
|
|
|
import { TextArea } from "@budibase/bbui"
|
2019-07-13 21:35:57 +12:00
|
|
|
|
2020-02-03 22:50:30 +13:00
|
|
|
export let values
|
|
|
|
export let label
|
2019-07-13 21:35:57 +12:00
|
|
|
|
2020-02-03 22:50:30 +13:00
|
|
|
const inputChanged = ev => {
|
2019-07-13 21:35:57 +12:00
|
|
|
try {
|
2021-05-01 03:29:53 +12:00
|
|
|
values = ev.detail.split("\n")
|
2020-02-03 22:50:30 +13:00
|
|
|
} catch (_) {
|
|
|
|
values = []
|
2019-07-13 21:35:57 +12:00
|
|
|
}
|
2020-02-03 22:50:30 +13:00
|
|
|
}
|
2019-07-13 21:35:57 +12:00
|
|
|
|
2020-02-03 22:50:30 +13:00
|
|
|
$: valuesText = join("\n")(values)
|
2019-07-13 21:35:57 +12:00
|
|
|
</script>
|
|
|
|
|
2020-09-30 01:54:04 +13:00
|
|
|
<div class="container">
|
|
|
|
<TextArea {label} value={valuesText} thin on:change={inputChanged} />
|
2019-07-13 21:35:57 +12:00
|
|
|
</div>
|
|
|
|
|
|
|
|
<style>
|
2020-09-30 01:54:04 +13:00
|
|
|
.container :global(textarea) {
|
|
|
|
min-height: 100px;
|
2020-02-03 22:50:30 +13:00
|
|
|
}
|
|
|
|
</style>
|