@bexis2/bexis2-core-ui 0.2.11 → 0.2.12

package/README.md

@@ -1,214 +1,263 @@
-# bexis-core-ui
-## v0.2.11
-- Error Message
-- Spinner Update
-  - postion default is center
-- Surface color changed
-- Page: contentPageLayoutType
-
-## v0.2.9
-- helpStore
-- helpStoreType
-- helpItemType
-- Menu
-- Update Page
-
-## v0.2.1
-> refactoring based on naming conventions (https://bexis2.github.io/bexis2-core-ui/code/naming/)
-
-- fix issue in index.ts file for export components
-
-## v0.2.0
-> refactoring based on naming conventions (https://bexis2.github.io/bexis2-core-ui/code/naming/)
-
-- add Help, helpStore
-- update Page
-   
-## v0.1.13
-### update
-- MultiSelect
-  - loading flag
-  - isValid
-
-## v0.1.12
-### update
-- MultiSelect
-  - pass all events from svelte select
-
-## v0.1.11
-### update
-- MultiSelect
-  - grouped source also works now in case of complex source & return single value
-
-## v0.1.10
-### update
-- MultiSelect
-  - set isMulti to false to get also a single value
-
-
-## v0.1.9
-### update
-- MultiSelect
-  - pass events 
-  - placeholder
-
-
-## v0.1.8
-### update
-- MultiSelect
-  - add placeholder
-  - add id
-  - add ItemGroup
-
-## v0.1.7
-### update
-- MultiSelect
-  - remove skeleton css classes from svelte select input
-
-## v0.1.6
-
-- remove massive console.logs
-  
-### update
-- Table
-  - change submit to apply filter
-  - show emtpy table if not data is in the store
-  - add option of including custom rendering component
-
-## v0.1.5 
-### update
-- MultiSelect 
-  - isTargetComplex -> complexTarget
-  - isComplex -> complexSource
-- DropdownKVP
-  - targetIsComplex -> complexTarget
-
-## v0.1.4 
-> test for deploy
-
-
-## v0.1.3 
-> test table
-
-## v0.1.2
-### update
-- MultiSelect 
-  - return complex type is available now
-
-## v0.1.1
-### update
-- Page 
-  - add menu (beta)
-
-
-## v.0.1.0
-### add
-#### types
-- ListItem
-- KvP
-
-#### enum
-- position
-
-### update
-#### components
-- DropdownKVP
-  - return of the target to complex or id only 
-- TextInput, TextArea, Number
-  - add placeholder
-
-## v0.0.31
-### add
-#### components
-- Alert
-
-### updates
-#### components
-- Spinner
-  - label
-  - color
-  - position
-  
-- Table 
-  - Date filters
-  - Configuration for complex types
-  - Custom event dispatcher
-  - Updated docs.
-  - Disabling of filters
-  - Disabling of sorting
-
-### fixes:
-#### table
-- Arrow in pageSize dropdown.
-- Bug with number filter not working on zero values.
-- Table of Contents on the right sidebar.
-  
-## v0.0.29
-
-### add
-#### types
-- linkType
-
-## v0.0.28
-
-### add
-#### components
-- Page
-  
-
-
-## v0.0.27
-
-### add
-#### components
-- Table 
-- TableFilter
-- cloumnFilter
-- searchFilter
-
-#### types
-- TableConfig
-- Columns 
-- Column
-- inputType
-
-<hr/>
-
-## v0.0.26
-
-### updates
-
-- fix bugs in checkbox list
-- fix bugs in multi select
-
-<hr/>
-
-## v0.0.25
-
-### adds 
-#### components
-- Spinner
-- FileUploader 
-- fileInfoType 
-- FileIcon 
-- 
-#### types
-- fileUploaderModel
- 
-<hr/>
-
-## v0.0.23
-
-### updates
-- update bexis 2 theme
-
-### adds 
-- Checkbox
-- CheckboxKVPList 
-- CheckboxList 
-- DateInput 
-- DropdownKVP 
-- MultiSelect 
-- NumberInput
-- TextArea
-- TextInput
+# bexis-core-ui
+## v0.2.12
+- update libs
+
+## v0.2.11
+
+- Error Message
+- Spinner Update
+  - postion default is center
+- Surface color changed
+- Page: contentPageLayoutType
+
+## v0.2.9
+
+- helpStore
+- helpStoreType
+- helpItemType
+- Menu
+- Update Page
+
+## v0.2.1
+
+> refactoring based on naming conventions (https://bexis2.github.io/bexis2-core-ui/code/naming/)
+
+- fix issue in index.ts file for export components
+
+## v0.2.0
+
+> refactoring based on naming conventions (https://bexis2.github.io/bexis2-core-ui/code/naming/)
+
+- add Help, helpStore
+- update Page
+
+## v0.1.13
+
+### update
+
+- MultiSelect
+  - loading flag
+  - isValid
+
+## v0.1.12
+
+### update
+
+- MultiSelect
+  - pass all events from svelte select
+
+## v0.1.11
+
+### update
+
+- MultiSelect
+  - grouped source also works now in case of complex source & return single value
+
+## v0.1.10
+
+### update
+
+- MultiSelect
+  - set isMulti to false to get also a single value
+
+## v0.1.9
+
+### update
+
+- MultiSelect
+  - pass events
+  - placeholder
+
+## v0.1.8
+
+### update
+
+- MultiSelect
+  - add placeholder
+  - add id
+  - add ItemGroup
+
+## v0.1.7
+
+### update
+
+- MultiSelect
+  - remove skeleton css classes from svelte select input
+
+## v0.1.6
+
+- remove massive console.logs
+
+### update
+
+- Table
+  - change submit to apply filter
+  - show emtpy table if not data is in the store
+  - add option of including custom rendering component
+
+## v0.1.5
+
+### update
+
+- MultiSelect
+  - isTargetComplex -> complexTarget
+  - isComplex -> complexSource
+- DropdownKVP
+  - targetIsComplex -> complexTarget
+
+## v0.1.4
+
+> test for deploy
+
+## v0.1.3
+
+> test table
+
+## v0.1.2
+
+### update
+
+- MultiSelect
+  - return complex type is available now
+
+## v0.1.1
+
+### update
+
+- Page
+  - add menu (beta)
+
+## v.0.1.0
+
+### add
+
+#### types
+
+- ListItem
+- KvP
+
+#### enum
+
+- position
+
+### update
+
+#### components
+
+- DropdownKVP
+  - return of the target to complex or id only
+- TextInput, TextArea, Number
+  - add placeholder
+
+## v0.0.31
+
+### add
+
+#### components
+
+- Alert
+
+### updates
+
+#### components
+
+- Spinner
+  - label
+  - color
+  - position
+- Table
+  - Date filters
+  - Configuration for complex types
+  - Custom event dispatcher
+  - Updated docs.
+  - Disabling of filters
+  - Disabling of sorting
+
+### fixes:
+
+#### table
+
+- Arrow in pageSize dropdown.
+- Bug with number filter not working on zero values.
+- Table of Contents on the right sidebar.
+
+## v0.0.29
+
+### add
+
+#### types
+
+- linkType
+
+## v0.0.28
+
+### add
+
+#### components
+
+- Page
+
+## v0.0.27
+
+### add
+
+#### components
+
+- Table
+- TableFilter
+- cloumnFilter
+- searchFilter
+
+#### types
+
+- TableConfig
+- Columns
+- Column
+- inputType
+
+<hr/>
+
+## v0.0.26
+
+### updates
+
+- fix bugs in checkbox list
+- fix bugs in multi select
+
+<hr/>
+
+## v0.0.25
+
+### adds
+
+#### components
+
+- Spinner
+- FileUploader
+- fileInfoType
+- FileIcon
+-
+
+#### types
+
+- fileUploaderModel
+
+<hr/>
+
+## v0.0.23
+
+### updates
+
+- update bexis 2 theme
+
+### adds
+
+- Checkbox
+- CheckboxKVPList
+- CheckboxList
+- DateInput
+- DropdownKVP
+- MultiSelect
+- NumberInput
+- TextArea
+- TextInput

package/dist/components/Table/Table.svelte

@@ -128,88 +128,88 @@ if (optionsComponent !== void 0) {
 const createdTableColumns = table.createColumns(tableColumns);
 const { headerRows, pageRows, tableAttrs, tableBodyAttrs, pluginStates } = table.createViewModel(createdTableColumns);
 const { filterValue } = pluginStates.tableFilter;
-</script>
-
-<div class="grid gap-2">
-	<div class="table-container">
-		{#if $data.length > 0}
-			<input
-				class="input p-2 mb-2 border border-primary-500"
-				type="text"
-				bind:value={$filterValue}
-				placeholder="Search rows..."
-			/>
-		{/if}
-		<table {...$tableAttrs} class="table table-compact bg-tertiary-200">
-			<thead>
-				{#each $headerRows as headerRow (headerRow.id)}
-					<Subscribe
-						rowAttrs={headerRow.attrs()}
-						let:rowAttrs
-						rowProps={headerRow.props()}
-						let:rowProps
-					>
-						<tr {...rowAttrs} class="bg-primary-300">
-							{#each headerRow.cells as cell (cell.id)}
-								<Subscribe attrs={cell.attrs()} props={cell.props()} let:props let:attrs>
-									<th scope="col" class="!p-2 w-min" {...attrs}>
-										<div class="flex w-full justify-between items-center">
-											<div class="flex gap-1">
-												<span
-													class:underline={props.sort.order}
-													class:normal-case={cell.id !== cell.label}
-													class:cursor-pointer={!props.sort.disabled}
-													on:click={props.sort.toggle}
-													on:keydown={props.sort.toggle}
-												>
-													{cell.render()}
-												</span>
-												<div class="w-2">
-													{#if props.sort.order === 'asc'}
-														▾
-													{:else if props.sort.order === 'desc'}
-														▴
-													{/if}
-												</div>
-											</div>
-											{#if cell.isData()}
-												{#if props.colFilter?.render}
-													<div>
-														<Render of={props.colFilter.render} />
-													</div>
-												{/if}
-											{/if}
-										</div>
-									</th>
-								</Subscribe>
-							{/each}
-						</tr>
-					</Subscribe>
-				{:else}
-					<p class="items-center justify-center flex w-full p-10 italic">Nothing to show here.</p>
-				{/each}
-			</thead>
-
-			<tbody class="" {...$tableBodyAttrs}>
-				{#each $pageRows as row (row.id)}
-					<Subscribe rowAttrs={row.attrs()} let:rowAttrs>
-						<tr {...rowAttrs}>
-							{#each row.cells as cell (cell?.id)}
-								<Subscribe attrs={cell.attrs()} let:attrs>
-									<td {...attrs} class="!p-2 w-min">
-										<div class="flex items-center w-full h-full table-cell-fit">
-											<Render of={cell.render()} />
-										</div>
-									</td>
-								</Subscribe>
-							{/each}
-						</tr>
-					</Subscribe>
-				{/each}
-			</tbody>
-		</table>
-	</div>
-	{#if $data.length > 0}
-		<TablePagination pageConfig={pluginStates.page} {pageSizes} />
-	{/if}
-</div>
+</script>
+
+<div class="grid gap-2">
+	<div class="table-container">
+		{#if $data.length > 0}
+			<input
+				class="input p-2 mb-2 border border-primary-500"
+				type="text"
+				bind:value={$filterValue}
+				placeholder="Search rows..."
+			/>
+		{/if}
+		<table {...$tableAttrs} class="table table-compact bg-tertiary-200">
+			<thead>
+				{#each $headerRows as headerRow (headerRow.id)}
+					<Subscribe
+						rowAttrs={headerRow.attrs()}
+						let:rowAttrs
+						rowProps={headerRow.props()}
+						let:rowProps
+					>
+						<tr {...rowAttrs} class="bg-primary-300">
+							{#each headerRow.cells as cell (cell.id)}
+								<Subscribe attrs={cell.attrs()} props={cell.props()} let:props let:attrs>
+									<th scope="col" class="!p-2 w-min" {...attrs}>
+										<div class="flex w-full justify-between items-center">
+											<div class="flex gap-1">
+												<span
+													class:underline={props.sort.order}
+													class:normal-case={cell.id !== cell.label}
+													class:cursor-pointer={!props.sort.disabled}
+													on:click={props.sort.toggle}
+													on:keydown={props.sort.toggle}
+												>
+													{cell.render()}
+												</span>
+												<div class="w-2">
+													{#if props.sort.order === 'asc'}
+														▾
+													{:else if props.sort.order === 'desc'}
+														▴
+													{/if}
+												</div>
+											</div>
+											{#if cell.isData()}
+												{#if props.colFilter?.render}
+													<div>
+														<Render of={props.colFilter.render} />
+													</div>
+												{/if}
+											{/if}
+										</div>
+									</th>
+								</Subscribe>
+							{/each}
+						</tr>
+					</Subscribe>
+				{:else}
+					<p class="items-center justify-center flex w-full p-10 italic">Nothing to show here.</p>
+				{/each}
+			</thead>
+
+			<tbody class="" {...$tableBodyAttrs}>
+				{#each $pageRows as row (row.id)}
+					<Subscribe rowAttrs={row.attrs()} let:rowAttrs>
+						<tr {...rowAttrs}>
+							{#each row.cells as cell (cell?.id)}
+								<Subscribe attrs={cell.attrs()} let:attrs>
+									<td {...attrs} class="!p-2 w-min">
+										<div class="flex items-center w-full h-full table-cell-fit">
+											<Render of={cell.render()} />
+										</div>
+									</td>
+								</Subscribe>
+							{/each}
+						</tr>
+					</Subscribe>
+				{/each}
+			</tbody>
+		</table>
+	</div>
+	{#if $data.length > 0}
+		<TablePagination pageConfig={pluginStates.page} {pageSizes} />
+	{/if}
+</div>