diff --git a/packages/bbui/package.json b/packages/bbui/package.json index 0d14187b9b..24f8f77397 100644 --- a/packages/bbui/package.json +++ b/packages/bbui/package.json @@ -2,6 +2,7 @@ "name": "@budibase/bbui", "description": "A UI solution used in the different Budibase projects.", "version": "1.58.13", + "license": "AGPL-3.0", "svelte": "src/index.js", "module": "dist/bbui.es.js", "exports": { @@ -9,31 +10,24 @@ "import": "./dist/bbui.es.js" }, "./package.json": "./package.json", - "./dist/style.css": "./dist/style.css" + "./spectrum-icons-rollup.js": "./src/spectrum-icons-rollup.js", + "./spectrum-icons-vite.js": "./src/spectrum-icons-vite.js" }, "scripts": { - "dev:builder": "vite build", - "build": "vite build" + "build": "rollup -c" }, "devDependencies": { "@rollup/plugin-commonjs": "^16.0.0", "@rollup/plugin-json": "^4.1.0", - "@rollup/plugin-node-resolve": "^11.0.0", - "@sveltejs/vite-plugin-svelte": "^1.0.0-next.5", + "@rollup/plugin-node-resolve": "^11.2.1", "cross-env": "^7.0.2", "nollup": "^0.14.1", "postcss": "^8.2.9", - "rollup": "^2.34.0", - "rollup-plugin-copy": "^3.3.0", - "rollup-plugin-delete": "^1.2.0", - "rollup-plugin-hot": "^0.1.1", - "rollup-plugin-node-builtins": "^2.1.2", + "rollup": "^2.45.2", "rollup-plugin-postcss": "^4.0.0", - "rollup-plugin-svelte-hot": "^0.11.0", - "semantic-release": "^17.0.8", - "svelte": "^3.37.0", - "svench": "^0.0.10-7", - "vite": "^2.1.5" + "rollup-plugin-svelte": "^7.1.0", + "rollup-plugin-terser": "^7.0.2", + "svelte": "^3.37.0" }, "keywords": [ "svelte" @@ -43,34 +37,39 @@ "dist" ], "dependencies": { + "@adobe/spectrum-css-workflow-icons": "^1.2.1", "@spectrum-css/actionbutton": "^1.0.1", "@spectrum-css/actiongroup": "^1.0.1", "@spectrum-css/button": "^3.0.1", "@spectrum-css/buttongroup": "^3.0.1", - "@spectrum-css/checkbox": "^3.0.1", + "@spectrum-css/checkbox": "^3.0.2", "@spectrum-css/dialog": "^3.0.1", "@spectrum-css/divider": "^1.0.1", + "@spectrum-css/fieldgroup": "^3.0.2", + "@spectrum-css/fieldlabel": "^3.0.1", "@spectrum-css/icon": "^3.0.1", + "@spectrum-css/inputgroup": "^3.0.2", "@spectrum-css/label": "^2.0.9", "@spectrum-css/link": "^3.1.1", "@spectrum-css/menu": "^3.0.1", "@spectrum-css/modal": "^3.0.1", + "@spectrum-css/picker": "^1.0.1", "@spectrum-css/popover": "^3.0.1", "@spectrum-css/progressbar": "^1.0.2", "@spectrum-css/progresscircle": "^1.0.2", + "@spectrum-css/radio": "^3.0.2", + "@spectrum-css/search": "^3.0.2", + "@spectrum-css/switch": "^1.0.2", "@spectrum-css/table": "^3.0.1", "@spectrum-css/tabs": "^3.0.1", + "@spectrum-css/textfield": "^3.0.1", "@spectrum-css/toast": "^3.0.1", "@spectrum-css/treeview": "^3.0.2", "@spectrum-css/typography": "^3.0.1", "@spectrum-css/underlay": "^2.0.9", "@spectrum-css/vars": "^3.0.1", "dayjs": "^1.10.4", - "markdown-it": "^12.0.4", - "quill": "^1.3.7", - "sirv-cli": "^0.4.6", - "svelte-flatpickr": "^2.4.0", - "svelte-portal": "^1.0.0", - "turndown": "^7.0.0" + "svelte-flatpickr": "^3.1.0", + "svelte-portal": "^1.0.0" } } diff --git a/packages/bbui/rollup.config.js b/packages/bbui/rollup.config.js index 92b316cbe1..e285d548d6 100644 --- a/packages/bbui/rollup.config.js +++ b/packages/bbui/rollup.config.js @@ -1,140 +1,25 @@ -import * as path from "path" -import svelte from "rollup-plugin-svelte-hot" +import svelte from "rollup-plugin-svelte" import resolve from "@rollup/plugin-node-resolve" import commonjs from "@rollup/plugin-commonjs" import json from "@rollup/plugin-json" -import copy from "rollup-plugin-copy" -import hmr from "rollup-plugin-hot" -import del from "rollup-plugin-delete" +import { terser } from "rollup-plugin-terser" import postcss from "rollup-plugin-postcss" -import { plugin as Svench } from "svench/rollup" -import builtins from "rollup-plugin-node-builtins" -const WATCH = !!process.env.ROLLUP_WATCH -const SVENCH = !!process.env.SVENCH -const HOT = WATCH -const PRODUCTION = !WATCH - -const svench = Svench({ - // The root dir that Svench will parse and watch. - // - // NOTE Watching the root of the project, to let Svench render *.md for us. - // - // NOTE By default, `node_modules` and `.git` dirs are ignored. This can be - // customized by passing a function to `ignore` option. Default ignore is: - // - // ignore: path => /(?:^|\/)(?:node_modules|\.git)\//.test(path), - // - dir: ".", - - // Make `src` dir a section (that is, it will always be "expanded" in the - // menu). - autoSections: ["src"], - - // Use custom index.html - index: { - source: "public/index.html", +export default { + input: "src/index.js", + output: { + sourcemap: true, + format: "esm", + file: "dist/bbui.es.js", }, - - extensions: [".svench", ".svench.svelte", ".svench.svx", ".md"], - - serve: WATCH && { - host: "0.0.0.0", - port: 4242, - public: "public", - nollup: "0.0.0.0:42421", - }, -}) - -// NOTE configs are in function form to avoid instantiating plugins of the -// config that is not used for nothing (in particular, the HMR plugin launches -// a dev server on startup, this is not desired when just building for prod) -const configs = { - svench: () => ({ - input: ".svench/svench.js", - output: { - format: "es", - dir: "public/svench", - }, - plugins: [ - builtins(), - - // NOTE cleaning old builds is required to avoid serving stale static - // files from a previous build instead of in-memory files from the dev/hmr - // server - del({ - targets: "public/svench/*", - runOnce: true, - }), - - postcss({ - hot: HOT, - extract: path.resolve("public/svench/theme.css"), - sourceMap: true, - }), - - svench, - - svelte({ - dev: !PRODUCTION, - extensions: [".svelte", ".svench", ".svx", ".md"], - // Svench's "combined" preprocessor wraps both Mdsvex preprocessors - // (configured for Svench), and its own preprocessor (for static - // analysis -- eg extract source from views) - preprocess: svench.$.preprocess, - hot: HOT && { - optimistic: true, - noPreserveState: false, - }, - }), - - resolve({ browser: true }), - - commonjs(), - json(), - - HOT && - hmr({ - host: "0.0.0.0", - public: "public", - inMemory: true, - compatModuleHot: !HOT, // for terser - }), - ], - - watch: { - clearScreen: false, - // buildDelay is needed to ensure Svench's code (routes) generator will - // pick file changes before Rollup and prevent a double build (if Rollup - // first sees a change to src/Foo.svench, then to Svench's routes.js) - buildDelay: 100, - }, - }), - - lib: () => ({ - input: "src/index.js", - output: [{ file: "dist/bundle.mjs", format: "es" }], - plugins: [ - svelte({ - dev: !PRODUCTION, - extensions: [".svelte"], - emitCss: true, - }), - postcss(), - copy({ - targets: [ - { - src: ".svench/svench.css", - dest: "public", - rename: "global.css", - }, - ], - }), - resolve(), - commonjs(), - json(), - ], - }), + plugins: [ + resolve(), + commonjs(), + svelte({ + emitCss: true, + }), + postcss(), + terser(), + json(), + ], } - -export default configs[SVENCH ? "svench" : "lib"]() diff --git a/packages/bbui/src/Actions/click_outside.js b/packages/bbui/src/Actions/click_outside.js index 9257af5f5b..49a15d36a3 100644 --- a/packages/bbui/src/Actions/click_outside.js +++ b/packages/bbui/src/Actions/click_outside.js @@ -5,14 +5,14 @@ export default function clickOutside(element, callbackFunction) { } } - document.body.addEventListener("click", onClick, true) + document.body.addEventListener("mousedown", onClick, true) return { update(newCallbackFunction) { callbackFunction = newCallbackFunction }, destroy() { - document.body.removeEventListener("click", onClick, true) + document.body.removeEventListener("mousedown", onClick, true) }, } } diff --git a/packages/bbui/src/Button/Button.svelte b/packages/bbui/src/Button/Button.svelte index b646f00c73..f39a1bc25a 100644 --- a/packages/bbui/src/Button/Button.svelte +++ b/packages/bbui/src/Button/Button.svelte @@ -2,19 +2,13 @@ import "@spectrum-css/button/dist/index-vars.css" export let disabled = false - - /** @type {('S', 'M', 'L', 'XL')} Size of button */ - export let size = "M"; - - // Types - export let cta, primary, secondary, warning, overBackground; - + export let size = "M" + export let cta, primary, secondary, warning, overBackground export let quiet = false - - export let icon = undefined; + export let icon = undefined + export let active = false - diff --git a/packages/bbui/src/DatePicker/DatePicker.svelte b/packages/bbui/src/DatePicker/DatePicker.svelte deleted file mode 100644 index d6f6a00753..0000000000 --- a/packages/bbui/src/DatePicker/DatePicker.svelte +++ /dev/null @@ -1,45 +0,0 @@ - - -
- {#if label} - - {/if} - -
- - diff --git a/packages/bbui/src/DatePicker/DatePicker.svench b/packages/bbui/src/DatePicker/DatePicker.svench deleted file mode 100644 index ed0d480a6f..0000000000 --- a/packages/bbui/src/DatePicker/DatePicker.svench +++ /dev/null @@ -1,17 +0,0 @@ - - - - - - - - - \ No newline at end of file diff --git a/packages/bbui/src/Divider/Divider.svelte b/packages/bbui/src/Divider/Divider.svelte index e238b98799..26e2b2677c 100644 --- a/packages/bbui/src/Divider/Divider.svelte +++ b/packages/bbui/src/Divider/Divider.svelte @@ -1,14 +1,16 @@
\ No newline at end of file + class:spectrum-Divider--sizeL={l} + class:spectrum-Divider--sizeM={m || useDefault} + class:spectrum-Divider--sizeS={s} + class="spectrum-Divider spectrum-Divider--{vertical ? 'vertical' : 'horizontal'} spectrum-Dialog-divider" /> diff --git a/packages/bbui/src/Drawer/Drawer.svelte b/packages/bbui/src/Drawer/Drawer.svelte index bbae35d25a..60816a81e6 100644 --- a/packages/bbui/src/Drawer/Drawer.svelte +++ b/packages/bbui/src/Drawer/Drawer.svelte @@ -1,7 +1,7 @@ {#if open} @@ -41,9 +35,9 @@ tabindex="0" use:positionDropdown={{ anchor, align }} use:clickOutside={hide} - style={menuStyle} on:keydown={handleEscape} - class="spectrum-Popover is-open" role="presentation"> + class="spectrum-Popover is-open" + role="presentation"> diff --git a/packages/bbui/src/Form/Checkbox.svelte b/packages/bbui/src/Form/Checkbox.svelte index 21d5450123..1f3e439c2a 100644 --- a/packages/bbui/src/Form/Checkbox.svelte +++ b/packages/bbui/src/Form/Checkbox.svelte @@ -1,140 +1,22 @@ -
- -
-
-
-
-
- -
- - + + + diff --git a/packages/bbui/src/Form/Checkbox.svench.svx b/packages/bbui/src/Form/Checkbox.svench.svx deleted file mode 100644 index b3246ec9d2..0000000000 --- a/packages/bbui/src/Form/Checkbox.svench.svx +++ /dev/null @@ -1,67 +0,0 @@ - - - - - - - - - - - - - - - - - - -## Multiple checkboxes -Use an array and an each block to use multiple checkboxes -```svelte - - -{#each menu as {text, checked}} - - - -{/each} -``` - - -
- {#each menu as {text, checked}} - - - - {/each} -
-
- - \ No newline at end of file diff --git a/packages/bbui/src/Form/Combobox.svelte b/packages/bbui/src/Form/Combobox.svelte new file mode 100644 index 0000000000..6b1e67a299 --- /dev/null +++ b/packages/bbui/src/Form/Combobox.svelte @@ -0,0 +1,39 @@ + + + + + diff --git a/packages/bbui/src/Form/Core/Checkbox.svelte b/packages/bbui/src/Form/Core/Checkbox.svelte new file mode 100644 index 0000000000..bc9b9a9fc7 --- /dev/null +++ b/packages/bbui/src/Form/Core/Checkbox.svelte @@ -0,0 +1,43 @@ + + + diff --git a/packages/bbui/src/Form/Core/Combobox.svelte b/packages/bbui/src/Form/Core/Combobox.svelte new file mode 100644 index 0000000000..4329467bb0 --- /dev/null +++ b/packages/bbui/src/Form/Core/Combobox.svelte @@ -0,0 +1,128 @@ + + +
+
+ (focus = true)} + on:blur={() => (focus = false)} + on:change={onChange} + {value} + {placeholder} + class="spectrum-Textfield-input spectrum-InputGroup-input" /> +
+ + {#if open} +
(open = false)} /> +
+
    + {#if options && Array.isArray(options)} + {#each options as option} +
  • selectOption(getOptionValue(option))}> + {getOptionLabel(option)} + +
  • + {/each} + {/if} +
+
+ {/if} +
+ + diff --git a/packages/bbui/src/Form/Core/DatePicker.svelte b/packages/bbui/src/Form/Core/DatePicker.svelte new file mode 100644 index 0000000000..a3a2fefb38 --- /dev/null +++ b/packages/bbui/src/Form/Core/DatePicker.svelte @@ -0,0 +1,142 @@ + + + +
+
+ {#if !!error} + + {/if} + +
+ +
+
+{#if open} +
+{/if} + + diff --git a/packages/bbui/src/Form/Core/Multiselect.svelte b/packages/bbui/src/Form/Core/Multiselect.svelte new file mode 100644 index 0000000000..97420fabad --- /dev/null +++ b/packages/bbui/src/Form/Core/Multiselect.svelte @@ -0,0 +1,81 @@ + + + diff --git a/packages/bbui/src/Form/Core/Picker.svelte b/packages/bbui/src/Form/Core/Picker.svelte new file mode 100644 index 0000000000..2f5606dcf1 --- /dev/null +++ b/packages/bbui/src/Form/Core/Picker.svelte @@ -0,0 +1,123 @@ + + + +{#if open} +
(open = false)} + transition:fly={{ y: -20, duration: 200 }} + class="spectrum-Popover spectrum-Popover--bottom spectrum-Picker-popover is-open"> +
    + {#if placeholderOption} +
  • onSelectOption(null)}> + {placeholderOption} + +
  • + {/if} + {#if options && Array.isArray(options)} + {#each options as option, idx} +
  • onSelectOption(getOptionValue(option, idx))}> + {getOptionLabel(option, idx)} + +
  • + {/each} + {/if} +
+
+{/if} + + diff --git a/packages/bbui/src/Form/Core/RadioGroup.svelte b/packages/bbui/src/Form/Core/RadioGroup.svelte new file mode 100644 index 0000000000..e5dd2ff48c --- /dev/null +++ b/packages/bbui/src/Form/Core/RadioGroup.svelte @@ -0,0 +1,36 @@ + + +
+ {#if options && Array.isArray(options)} + {#each options as option} +
+ + + +
+ {/each} + {/if} +
diff --git a/packages/bbui/src/Form/Core/Search.svelte b/packages/bbui/src/Form/Core/Search.svelte new file mode 100644 index 0000000000..6855799e86 --- /dev/null +++ b/packages/bbui/src/Form/Core/Search.svelte @@ -0,0 +1,82 @@ + + + + + diff --git a/packages/bbui/src/Form/Core/Select.svelte b/packages/bbui/src/Form/Core/Select.svelte new file mode 100644 index 0000000000..58e1ccca5a --- /dev/null +++ b/packages/bbui/src/Form/Core/Select.svelte @@ -0,0 +1,57 @@ + + + option === value} + onSelectOption={selectOption} /> diff --git a/packages/bbui/src/Form/Core/Switch.svelte b/packages/bbui/src/Form/Core/Switch.svelte new file mode 100644 index 0000000000..520b8ebff1 --- /dev/null +++ b/packages/bbui/src/Form/Core/Switch.svelte @@ -0,0 +1,27 @@ + + +
+ + + +
diff --git a/packages/bbui/src/Form/Core/TextArea.svelte b/packages/bbui/src/Form/Core/TextArea.svelte new file mode 100644 index 0000000000..3903c37b28 --- /dev/null +++ b/packages/bbui/src/Form/Core/TextArea.svelte @@ -0,0 +1,55 @@ + + +
+ {#if error} + + {/if} + +
+ + diff --git a/packages/bbui/src/Form/Core/TextField.svelte b/packages/bbui/src/Form/Core/TextField.svelte new file mode 100644 index 0000000000..c470f755b0 --- /dev/null +++ b/packages/bbui/src/Form/Core/TextField.svelte @@ -0,0 +1,84 @@ + + +
+ {#if error} + + {/if} + +
+ + diff --git a/packages/bbui/src/Form/Core/index.js b/packages/bbui/src/Form/Core/index.js new file mode 100644 index 0000000000..95588458b6 --- /dev/null +++ b/packages/bbui/src/Form/Core/index.js @@ -0,0 +1,10 @@ +export { default as CoreTextField } from "./TextField.svelte" +export { default as CoreSelect } from "./Select.svelte" +export { default as CoreMultiselect } from "./Multiselect.svelte" +export { default as CoreCheckbox } from "./Checkbox.svelte" +export { default as CoreRadioGroup } from "./RadioGroup.svelte" +export { default as CoreTextArea } from "./TextArea.svelte" +export { default as CoreCombobox } from "./Combobox.svelte" +export { default as CoreSwitch } from "./Switch.svelte" +export { default as CoreSearch } from "./Search.svelte" +export { default as CoreDatePicker } from "./DatePicker.svelte" diff --git a/packages/bbui/src/Form/DataList.svelte b/packages/bbui/src/Form/DataList.svelte deleted file mode 100644 index 6f5855d86a..0000000000 --- a/packages/bbui/src/Form/DataList.svelte +++ /dev/null @@ -1,158 +0,0 @@ - - -{#if label} - -{/if} -
- - - { - updateValue(e) - handleBlur(e) - }} - value={value || ''} - type="text" /> -
- -
-
- - diff --git a/packages/bbui/src/Form/DataList.svench b/packages/bbui/src/Form/DataList.svench deleted file mode 100644 index eea8294dea..0000000000 --- a/packages/bbui/src/Form/DataList.svench +++ /dev/null @@ -1,57 +0,0 @@ - - - - - {#each options as option} - - {/each} - - - - - - {#each options as option} - - {/each} - - - - - - {#each options as option} - - {/each} - - - - - - {#each options as option} - - {/each} - - - - - - {#each options as option} - - {/each} - - - - - - {#each options as option} - - {/each} - - - diff --git a/packages/bbui/src/Form/DatePicker.svelte b/packages/bbui/src/Form/DatePicker.svelte new file mode 100644 index 0000000000..1ac3b2bef0 --- /dev/null +++ b/packages/bbui/src/Form/DatePicker.svelte @@ -0,0 +1,29 @@ + + + + + diff --git a/packages/bbui/src/Form/Field.svelte b/packages/bbui/src/Form/Field.svelte new file mode 100644 index 0000000000..5e4ca01f06 --- /dev/null +++ b/packages/bbui/src/Form/Field.svelte @@ -0,0 +1,42 @@ + + +
+ {#if label} + + {/if} +
+ + {#if error} +
{error}
+ {/if} +
+
+ + diff --git a/packages/bbui/src/Form/FieldLabel.svelte b/packages/bbui/src/Form/FieldLabel.svelte new file mode 100644 index 0000000000..c4219f5581 --- /dev/null +++ b/packages/bbui/src/Form/FieldLabel.svelte @@ -0,0 +1,26 @@ + + + + + diff --git a/packages/bbui/src/Form/Input.svelte b/packages/bbui/src/Form/Input.svelte index e8afcffd36..e4a155d342 100644 --- a/packages/bbui/src/Form/Input.svelte +++ b/packages/bbui/src/Form/Input.svelte @@ -1,190 +1,33 @@ -
- {#if label || edit} -
- {#if label} - - {/if} - {#if edit} -
- - -
- {/if} -
- {/if} - + - {#if error} -
{error}
- {/if} -
- - + on:change={onChange} + on:click + on:input /> + diff --git a/packages/bbui/src/Form/Input.svench b/packages/bbui/src/Form/Input.svench deleted file mode 100644 index 1b95727a1a..0000000000 --- a/packages/bbui/src/Form/Input.svench +++ /dev/null @@ -1,62 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/packages/bbui/src/Form/Multiselect.svelte b/packages/bbui/src/Form/Multiselect.svelte index 924fd4b2b5..1615fac2b6 100644 --- a/packages/bbui/src/Form/Multiselect.svelte +++ b/packages/bbui/src/Form/Multiselect.svelte @@ -1,324 +1,35 @@ -{#if label} - -{/if} -
-
-
- {#each selectedOptions as option} -
- {option.name} -
remove(option.value)}> - - - -
-
- {/each} - {#if !value || !value.length} - {#if placeholder && placeholder.length} -
{placeholder}
- {:else} -
 
- {/if} - {/if} -
-
- - - - {#if optionsVisible} - -
    showOptions(false)} - transition:fly={{ duration: 200, y: 5 }} - on:mousedown|preventDefault={handleOptionMousedown}> - {#each options as option} -
  • - {option.name} -
  • - {/each} - {#if !options.length} -
  • No results
  • - {/if} -
-
- {/if} -
- - + + + diff --git a/packages/bbui/src/Form/Multiselect.svench b/packages/bbui/src/Form/Multiselect.svench deleted file mode 100644 index 86ad0de529..0000000000 --- a/packages/bbui/src/Form/Multiselect.svench +++ /dev/null @@ -1,63 +0,0 @@ - - - - - {#each options as option} - - {/each} - - - - -
- - {#each options as option} - - {/each} - -
-
- - - - {#each options as option} - - {/each} - - - - - - {#each options as option} - - {/each} - - - - - - {#each options as option} - - {/each} - - - - - - {#each options as option} - - {/each} - - - - diff --git a/packages/bbui/src/Form/Radio.svelte b/packages/bbui/src/Form/Radio.svelte deleted file mode 100644 index b4a2637803..0000000000 --- a/packages/bbui/src/Form/Radio.svelte +++ /dev/null @@ -1,140 +0,0 @@ - - -
- -
-
-
-
-
- -
- - diff --git a/packages/bbui/src/Form/Radio.svench.svx b/packages/bbui/src/Form/Radio.svench.svx deleted file mode 100644 index 20d3c58c99..0000000000 --- a/packages/bbui/src/Form/Radio.svench.svx +++ /dev/null @@ -1,64 +0,0 @@ - - - ## Multiple checkboxes - Use an array and an each block to use the radio button. -```svelte - - -{#each menu as flavour} - -{/each} -``` - - - -
- {#each menu as flavour} - - - - {/each} -
-
- - -
- {#each menu as flavour} - - - - {/each} -
-
- - \ No newline at end of file diff --git a/packages/bbui/src/Form/RadioGroup.svelte b/packages/bbui/src/Form/RadioGroup.svelte new file mode 100644 index 0000000000..61bc5f8552 --- /dev/null +++ b/packages/bbui/src/Form/RadioGroup.svelte @@ -0,0 +1,37 @@ + + + + + diff --git a/packages/bbui/src/Form/RichText.svelte b/packages/bbui/src/Form/RichText.svelte deleted file mode 100644 index ab4b9c3d99..0000000000 --- a/packages/bbui/src/Form/RichText.svelte +++ /dev/null @@ -1,59 +0,0 @@ - - - - {#if mergedOptions.theme !== 'snow'} - - {/if} - - -
-
-
diff --git a/packages/bbui/src/Form/RichText.svench.svx b/packages/bbui/src/Form/RichText.svench.svx deleted file mode 100644 index 0a0a858866..0000000000 --- a/packages/bbui/src/Form/RichText.svench.svx +++ /dev/null @@ -1,40 +0,0 @@ - - -### Rich Text Component - -This component uses the QuillJS library to add Rich Text editing functionality. - -It exposes a content variable that you can bind to in order to get Markdown out of the component. - -As well as the content you can also pass in an option object that looks like so: - -```js -let options = { - modules: { - toolbar: [ - [{ header: [1, 2, 3, false] }], - ['bold', 'italic', 'underline', 'strike'] - ] - }, - placeholder: 'Type something...', - theme: 'snow' -} -``` - - - - - - - - - - - - diff --git a/packages/bbui/src/Form/Search.svelte b/packages/bbui/src/Form/Search.svelte new file mode 100644 index 0000000000..e68a6a49fb --- /dev/null +++ b/packages/bbui/src/Form/Search.svelte @@ -0,0 +1,27 @@ + + + + + diff --git a/packages/bbui/src/Form/Select.svelte b/packages/bbui/src/Form/Select.svelte index c245abd245..0dd4a98102 100644 --- a/packages/bbui/src/Form/Select.svelte +++ b/packages/bbui/src/Form/Select.svelte @@ -1,95 +1,42 @@ -
- {#if label} - - {/if} -
- -
- -
-
-
- - + + - - {#each options as option} - - {/each} - - - - - - - - - - - - - - - - - - - - - - - diff --git a/packages/bbui/src/Form/Slider.svelte b/packages/bbui/src/Form/Slider.svelte deleted file mode 100644 index c8a4c0122e..0000000000 --- a/packages/bbui/src/Form/Slider.svelte +++ /dev/null @@ -1,88 +0,0 @@ - - -
- {#if label} - - {/if} -
- {#if showRange && min != null}{min}{/if} - - {#if showRange && max != null}{max}{/if} -
-
- - diff --git a/packages/bbui/src/Form/Slider.svench b/packages/bbui/src/Form/Slider.svench deleted file mode 100644 index 7ed59f78b8..0000000000 --- a/packages/bbui/src/Form/Slider.svench +++ /dev/null @@ -1,26 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - diff --git a/packages/bbui/src/Form/TextArea.svelte b/packages/bbui/src/Form/TextArea.svelte index 1133a99127..a11b87da0d 100644 --- a/packages/bbui/src/Form/TextArea.svelte +++ b/packages/bbui/src/Form/TextArea.svelte @@ -1,132 +1,29 @@ -
- {#if label || edit} -
- {#if label} - - {/if} - {#if edit} -
- - -
- {/if} -
- {/if} -