@softwareone/spi-sv5-library 1.14.0 → 1.14.2
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.
- package/README.md +221 -91
- package/dist/{Accordion → components/accordion}/Accordion.svelte +2 -7
- package/dist/{Accordion → components/accordion}/Accordion.svelte.d.ts +2 -2
- package/dist/{Announcement → components/announcement}/Announcement.svelte +1 -1
- package/dist/{Announcement → components/announcement}/Announcement.svelte.d.ts +1 -1
- package/dist/{Avatar → components/avatar}/Avatar.svelte +2 -2
- package/dist/{Avatar → components/avatar}/Avatar.svelte.d.ts +2 -2
- package/dist/{Button → components/button}/Button.svelte +2 -2
- package/dist/{Button → components/button}/Button.svelte.d.ts +2 -2
- package/dist/{Card → components/card}/Card.svelte +2 -2
- package/dist/{Card → components/card}/Card.svelte.d.ts +2 -2
- package/dist/{Chips → components/chips}/Chips.svelte +3 -3
- package/dist/components/chips/Chips.svelte.d.ts +8 -0
- package/dist/{Confirmation → components/confirmation}/Confirmation.svelte +1 -1
- package/dist/{Controls/AttachFile → components/controls/attach-file}/AttachFile.svelte +2 -2
- package/dist/{Controls/AttachFile → components/controls/attach-file}/AttachFile.svelte.d.ts +1 -1
- package/dist/{Controls/AttachFile → components/controls/attach-file}/Warnings.svelte +2 -2
- package/dist/{Controls/AttachFile → components/controls/attach-file}/Warnings.svelte.d.ts +2 -2
- package/dist/{Controls/Input → components/controls/input}/Input.svelte +4 -4
- package/dist/{Controls/Input → components/controls/input}/Input.svelte.d.ts +3 -3
- package/dist/{Controls/Label → components/controls/label}/Label.svelte +2 -2
- package/dist/{Controls/Label → components/controls/label}/Label.svelte.d.ts +1 -1
- package/dist/{Controls/RadioGroup → components/controls/radio-group}/RadioGroup.svelte +5 -5
- package/dist/{Controls/RadioGroup → components/controls/radio-group}/RadioGroup.svelte.d.ts +4 -4
- package/dist/{Controls/Select → components/controls/select}/Select.svelte +24 -12
- package/dist/{Controls/Select → components/controls/select}/Select.svelte.d.ts +4 -4
- package/dist/{Controls/TextArea → components/controls/textarea}/TextArea.svelte +4 -4
- package/dist/{Controls/TextArea → components/controls/textarea}/TextArea.svelte.d.ts +3 -3
- package/dist/{Controls/Toggle → components/controls/toggle}/Toggle.svelte +4 -4
- package/dist/components/controls/toggle/Toggle.svelte.d.ts +10 -0
- package/dist/{DeleteConfirmation → components/delete-confirmation}/DeleteConfirmation.svelte +3 -3
- package/dist/{DeleteConfirmation → components/delete-confirmation}/DeleteConfirmation.svelte.d.ts +2 -2
- package/dist/{ErrorPage → components/error-page}/ErrorPage.svelte +4 -4
- package/dist/{ErrorPage → components/error-page}/ErrorPage.svelte.d.ts +2 -2
- package/dist/{Footer → components/footer}/Footer.svelte +3 -2
- package/dist/{Footer → components/footer}/Footer.svelte.d.ts +2 -2
- package/dist/{Form → components/form}/Form.svelte +2 -2
- package/dist/components/form/index.d.ts +5 -0
- package/dist/components/form/index.js +4 -0
- package/dist/{Header → components/header}/Header.svelte +7 -7
- package/dist/{Header → components/header}/Header.svelte.d.ts +4 -4
- package/dist/{Header → components/header}/HeaderAccount.svelte +1 -1
- package/dist/{Header → components/header}/HeaderAccount.svelte.d.ts +1 -1
- package/dist/{HighlightPanel → components/highlight-panel}/HighlightPanel.svelte +3 -3
- package/dist/{HighlightPanel → components/highlight-panel}/HighlightPanel.svelte.d.ts +3 -3
- package/dist/components/highlight-panel/enums.d.ts +12 -0
- package/dist/{HighlightPanel/highlightPanelState.svelte.d.ts → components/highlight-panel/types.d.ts} +2 -13
- package/dist/{Home → components/home}/Home.svelte +3 -3
- package/dist/components/home/Home.svelte.d.ts +8 -0
- package/dist/components/index.d.ts +50 -0
- package/dist/components/index.js +39 -0
- package/dist/{Menu → components/menu}/Menu.svelte +3 -3
- package/dist/components/menu/Menu.svelte.d.ts +8 -0
- package/dist/{Menu → components/menu}/MenuItem.svelte +4 -4
- package/dist/{Menu → components/menu}/MenuItem.svelte.d.ts +3 -3
- package/dist/{Menu → components/menu}/Sidebar.svelte +1 -1
- package/dist/{Menu → components/menu}/Sidebar.svelte.d.ts +1 -1
- package/dist/{Menu/MenuState.svelte.d.ts → components/menu/types.d.ts} +0 -1
- package/dist/components/menu/utils.d.ts +2 -0
- package/dist/{Modal → components/modal}/Modal.svelte +1 -1
- package/dist/{Modal → components/modal}/Modal.svelte.d.ts +1 -1
- package/dist/{Modal → components/modal}/ModalContent.svelte +2 -2
- package/dist/{Modal → components/modal}/ModalContent.svelte.d.ts +2 -2
- package/dist/{Modal → components/modal}/ModalFooter.svelte +2 -2
- package/dist/{Modal → components/modal}/ModalFooter.svelte.d.ts +1 -1
- package/dist/{Modal → components/modal}/ModalHeader.svelte +1 -1
- package/dist/{Modal → components/modal}/ModalHeader.svelte.d.ts +1 -1
- package/dist/{Notification → components/notification}/Notification.svelte +10 -1
- package/dist/{Notification/notificationState.svelte.d.ts → components/notification/Notification.svelte.d.ts} +4 -2
- package/dist/{Processing → components/processing}/Processing.svelte +9 -3
- package/dist/components/processing/Processing.svelte.d.ts +9 -0
- package/dist/{ProgressPage → components/progress-page}/ProgressPage.svelte +4 -4
- package/dist/{ProgressPage → components/progress-page}/ProgressPage.svelte.d.ts +3 -3
- package/dist/{ProgressWizard → components/progress-wizard}/ProgressWizard.svelte +3 -3
- package/dist/{ProgressWizard → components/progress-wizard}/ProgressWizard.svelte.d.ts +3 -3
- package/dist/{ProgressWizard → components/progress-wizard}/context.d.ts +1 -1
- package/dist/{ProgressWizard/progressWizardState.svelte.d.ts → components/progress-wizard/types.d.ts} +0 -1
- package/dist/components/progress-wizard/utils.d.ts +2 -0
- package/dist/{Spinner → components/spinner}/Spinner.svelte +2 -2
- package/dist/{Spinner → components/spinner}/Spinner.svelte.d.ts +2 -2
- package/dist/{Switcher → components/switcher}/Switcher.svelte +3 -3
- package/dist/components/switcher/Switcher.svelte.d.ts +8 -0
- package/dist/{Table → components/table}/AdvancedFilter.svelte +2 -2
- package/dist/{Table → components/table}/Header.svelte +2 -2
- package/dist/{Table → components/table}/Pagination.svelte +1 -1
- package/dist/{Table → components/table}/Table.svelte +2 -2
- package/dist/{Table → components/table}/adapter/index.d.ts +1 -1
- package/dist/{Table → components/table}/adapter/index.js +1 -1
- package/dist/{Table → components/table}/index.d.ts +6 -5
- package/dist/{Table → components/table}/index.js +4 -4
- package/dist/{Tabs → components/tabs}/Tabs.svelte +3 -3
- package/dist/{Tabs → components/tabs}/Tabs.svelte.d.ts +3 -3
- package/dist/{Toast → components/toast}/Toast.svelte +3 -3
- package/dist/components/toast/Toast.svelte.d.ts +6 -0
- package/dist/components/toast/state.svelte.d.ts +11 -0
- package/dist/components/toast/types.d.ts +7 -0
- package/dist/components/toast/types.js +1 -0
- package/dist/{Tooltip → components/tooltip}/Tooltip.svelte +2 -2
- package/dist/{Tooltip → components/tooltip}/Tooltip.svelte.d.ts +2 -2
- package/dist/{Waffle → components/waffle}/Waffle.svelte +2 -1
- package/dist/{Waffle → components/waffle}/Waffle.svelte.d.ts +1 -1
- package/dist/components/waffle/types.js +1 -0
- package/dist/index.d.ts +1 -61
- package/dist/index.js +1 -55
- package/package.json +5 -5
- package/dist/Breadcrumbs/Breadcrumbs.svelte +0 -78
- package/dist/Breadcrumbs/Breadcrumbs.svelte.d.ts +0 -18
- package/dist/Breadcrumbs/breadcrumbsState.svelte.d.ts +0 -8
- package/dist/Breadcrumbs/breadcrumbsState.svelte.js +0 -24
- package/dist/Chips/Chips.svelte.d.ts +0 -8
- package/dist/Controls/Toggle/Toggle.svelte.d.ts +0 -10
- package/dist/Form/index.d.ts +0 -6
- package/dist/Form/index.js +0 -11
- package/dist/Home/Home.svelte.d.ts +0 -8
- package/dist/Menu/Menu.svelte.d.ts +0 -8
- package/dist/Notification/Notification.svelte.d.ts +0 -4
- package/dist/Processing/Processing.svelte.d.ts +0 -4
- package/dist/Processing/processingState.svelte.d.ts +0 -6
- package/dist/Switcher/Switcher.svelte.d.ts +0 -8
- package/dist/Toast/Toast.svelte.d.ts +0 -6
- package/dist/Toast/toastState.svelte.d.ts +0 -16
- /package/dist/{Announcement/AnnouncementState.svelte.d.ts → components/announcement/types.d.ts} +0 -0
- /package/dist/{Form → components/announcement}/types.js +0 -0
- /package/dist/{Chips/chipsState.svelte.d.ts → components/chips/enums.d.ts} +0 -0
- /package/dist/{Chips/chipsState.svelte.js → components/chips/enums.js} +0 -0
- /package/dist/{Confirmation → components/confirmation}/Confirmation.svelte.d.ts +0 -0
- /package/dist/{Controls/AttachFile → components/controls/attach-file}/FileManager.svelte +0 -0
- /package/dist/{Controls/AttachFile → components/controls/attach-file}/FileManager.svelte.d.ts +0 -0
- /package/dist/{Controls/Input → components/controls/input}/InputIcon.svelte +0 -0
- /package/dist/{Controls/Input → components/controls/input}/InputIcon.svelte.d.ts +0 -0
- /package/dist/{Controls/Label/labelState.svelte.d.ts → components/controls/label/types.d.ts} +0 -0
- /package/dist/{Announcement/AnnouncementState.svelte.js → components/controls/label/types.js} +0 -0
- /package/dist/{Controls/RadioGroup/radioGroupState.svelte.d.ts → components/controls/radio-group/types.d.ts} +0 -0
- /package/dist/{Controls/Label/labelState.svelte.js → components/controls/radio-group/types.js} +0 -0
- /package/dist/{Controls/Select/selectState.svelte.d.ts → components/controls/select/types.d.ts} +0 -0
- /package/dist/{Controls/RadioGroup/radioGroupState.svelte.js → components/controls/select/types.js} +0 -0
- /package/dist/{Form → components/form}/Form.svelte.d.ts +0 -0
- /package/dist/{Form → components/form}/context.d.ts +0 -0
- /package/dist/{Form → components/form}/context.js +0 -0
- /package/dist/{Form → components/form}/types.d.ts +0 -0
- /package/dist/{Controls/Select/selectState.svelte.js → components/form/types.js} +0 -0
- /package/dist/{Form/helper.d.ts → components/form/utils.d.ts} +0 -0
- /package/dist/{Form/helper.js → components/form/utils.js} +0 -0
- /package/dist/{Form → components/form}/zod-validations.d.ts +0 -0
- /package/dist/{Form → components/form}/zod-validations.js +0 -0
- /package/dist/{Header → components/header}/HeaderLoader.svelte +0 -0
- /package/dist/{Header → components/header}/HeaderLoader.svelte.d.ts +0 -0
- /package/dist/{Header → components/header}/HeaderLogo.svelte +0 -0
- /package/dist/{Header → components/header}/HeaderLogo.svelte.d.ts +0 -0
- /package/dist/{HighlightPanel/highlightPanelState.svelte.js → components/highlight-panel/enums.js} +0 -0
- /package/dist/{Modal/modalState.svelte.js → components/highlight-panel/types.js} +0 -0
- /package/dist/{Link → components/link}/Link.svelte +0 -0
- /package/dist/{Link → components/link}/Link.svelte.d.ts +0 -0
- /package/dist/{Notification/notificationState.svelte.js → components/menu/types.js} +0 -0
- /package/dist/{Menu/MenuState.svelte.js → components/menu/utils.js} +0 -0
- /package/dist/{Modal/modalState.svelte.d.ts → components/modal/types.d.ts} +0 -0
- /package/dist/{Processing/processingState.svelte.js → components/modal/types.js} +0 -0
- /package/dist/{ProgressWizard → components/progress-wizard}/context.js +0 -0
- /package/dist/{Switcher/switcherState.svelte.js → components/progress-wizard/types.js} +0 -0
- /package/dist/{ProgressWizard/progressWizardState.svelte.js → components/progress-wizard/utils.js} +0 -0
- /package/dist/{Search → components/search}/Search.svelte +0 -0
- /package/dist/{Search → components/search}/Search.svelte.d.ts +0 -0
- /package/dist/{Switcher/switcherState.svelte.d.ts → components/switcher/types.d.ts} +0 -0
- /package/dist/{Waffle/waffleState.svelte.js → components/switcher/types.js} +0 -0
- /package/dist/{Table → components/table}/ActionsColumn.svelte +0 -0
- /package/dist/{Table → components/table}/ActionsColumn.svelte.d.ts +0 -0
- /package/dist/{Table → components/table}/AdvancedFilter.svelte.d.ts +0 -0
- /package/dist/{Table → components/table}/Body.svelte +0 -0
- /package/dist/{Table → components/table}/Body.svelte.d.ts +0 -0
- /package/dist/{Table → components/table}/ColumnVisibilityDropdown.svelte +0 -0
- /package/dist/{Table → components/table}/ColumnVisibilityDropdown.svelte.d.ts +0 -0
- /package/dist/{Table → components/table}/Footer.svelte +0 -0
- /package/dist/{Table → components/table}/Footer.svelte.d.ts +0 -0
- /package/dist/{Table → components/table}/Header.svelte.d.ts +0 -0
- /package/dist/{Table → components/table}/PageSize.svelte +0 -0
- /package/dist/{Table → components/table}/PageSize.svelte.d.ts +0 -0
- /package/dist/{Table → components/table}/Pagination.svelte.d.ts +0 -0
- /package/dist/{Table → components/table}/RowCheckBox.svelte +0 -0
- /package/dist/{Table → components/table}/RowCheckBox.svelte.d.ts +0 -0
- /package/dist/{Table → components/table}/Skeleton.svelte +0 -0
- /package/dist/{Table → components/table}/Skeleton.svelte.d.ts +0 -0
- /package/dist/{Table → components/table}/Table.svelte.d.ts +0 -0
- /package/dist/{Table → components/table}/adapter/flex-render.svelte +0 -0
- /package/dist/{Table → components/table}/adapter/flex-render.svelte.d.ts +0 -0
- /package/dist/{Table → components/table}/adapter/render-component.d.ts +0 -0
- /package/dist/{Table → components/table}/adapter/render-component.js +0 -0
- /package/dist/{Table → components/table}/adapter/table.svelte.d.ts +0 -0
- /package/dist/{Table → components/table}/adapter/table.svelte.js +0 -0
- /package/dist/{Table → components/table}/consts.d.ts +0 -0
- /package/dist/{Table → components/table}/consts.js +0 -0
- /package/dist/{Table → components/table}/context.d.ts +0 -0
- /package/dist/{Table → components/table}/context.js +0 -0
- /package/dist/{Table → components/table}/excel-setting.d.ts +0 -0
- /package/dist/{Table → components/table}/excel-setting.js +0 -0
- /package/dist/{Table → components/table}/excel.d.ts +0 -0
- /package/dist/{Table → components/table}/excel.js +0 -0
- /package/dist/{Table → components/table}/tanstack-types.d.ts +0 -0
- /package/dist/{Table → components/table}/types.d.ts +0 -0
- /package/dist/{Table → components/table}/types.js +0 -0
- /package/dist/{Table/util.d.ts → components/table/utils.d.ts} +0 -0
- /package/dist/{Table/util.js → components/table/utils.js} +0 -0
- /package/dist/{Tabs/tabsState.svelte.d.ts → components/tabs/types.d.ts} +0 -0
- /package/dist/{Tabs/tabsState.svelte.js → components/tabs/types.js} +0 -0
- /package/dist/{Toast/toastState.svelte.js → components/toast/state.svelte.js} +0 -0
- /package/dist/{Waffle → components/waffle}/WaffleItems.svelte +0 -0
- /package/dist/{Waffle → components/waffle}/WaffleItems.svelte.d.ts +0 -0
- /package/dist/{Waffle/waffleState.svelte.d.ts → components/waffle/types.d.ts} +0 -0
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
import ModalContent from './ModalContent.svelte';
|
|
5
5
|
import ModalFooter from './ModalFooter.svelte';
|
|
6
6
|
import ModalHeader from './ModalHeader.svelte';
|
|
7
|
-
import type { ModalProps } from './
|
|
7
|
+
import type { ModalProps } from './types.js';
|
|
8
8
|
|
|
9
9
|
let {
|
|
10
10
|
// eslint-disable-next-line no-useless-assignment
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
2
|
import type { Snippet } from 'svelte';
|
|
3
3
|
|
|
4
|
-
interface
|
|
4
|
+
interface Props {
|
|
5
5
|
content?: Snippet;
|
|
6
6
|
disablePadding?: boolean;
|
|
7
7
|
}
|
|
8
8
|
|
|
9
|
-
let { content, disablePadding = false }:
|
|
9
|
+
let { content, disablePadding = false }: Props = $props();
|
|
10
10
|
</script>
|
|
11
11
|
|
|
12
12
|
<div class="modal-content" class:padding={!disablePadding}>
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import type { Snippet } from 'svelte';
|
|
2
|
-
interface
|
|
2
|
+
interface Props {
|
|
3
3
|
content?: Snippet;
|
|
4
4
|
disablePadding?: boolean;
|
|
5
5
|
}
|
|
6
|
-
declare const ModalContent: import("svelte").Component<
|
|
6
|
+
declare const ModalContent: import("svelte").Component<Props, {}, "">;
|
|
7
7
|
type ModalContent = ReturnType<typeof ModalContent>;
|
|
8
8
|
export default ModalContent;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
import Button from '../
|
|
3
|
-
import type { ModalFooterProps } from './
|
|
2
|
+
import Button from '../button/Button.svelte';
|
|
3
|
+
import type { ModalFooterProps } from './types.js';
|
|
4
4
|
|
|
5
5
|
let { footer, onclose }: ModalFooterProps & { onclose: VoidFunction } = $props();
|
|
6
6
|
</script>
|
|
@@ -1,5 +1,14 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
import type {
|
|
2
|
+
import type { Snippet } from 'svelte';
|
|
3
|
+
|
|
4
|
+
type NotificationType = 'info' | 'success' | 'warning' | 'danger' | 'neutral';
|
|
5
|
+
|
|
6
|
+
interface NotificationProps {
|
|
7
|
+
title?: string;
|
|
8
|
+
type: NotificationType;
|
|
9
|
+
disableBorder?: boolean;
|
|
10
|
+
content: Snippet;
|
|
11
|
+
}
|
|
3
12
|
|
|
4
13
|
let { title, disableBorder = false, content, type }: NotificationProps = $props();
|
|
5
14
|
</script>
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import type { Snippet } from 'svelte';
|
|
2
2
|
type NotificationType = 'info' | 'success' | 'warning' | 'danger' | 'neutral';
|
|
3
|
-
|
|
3
|
+
interface NotificationProps {
|
|
4
4
|
title?: string;
|
|
5
5
|
type: NotificationType;
|
|
6
6
|
disableBorder?: boolean;
|
|
7
7
|
content: Snippet;
|
|
8
8
|
}
|
|
9
|
-
|
|
9
|
+
declare const Notification: import("svelte").Component<NotificationProps, {}, "">;
|
|
10
|
+
type Notification = ReturnType<typeof Notification>;
|
|
11
|
+
export default Notification;
|
|
@@ -1,13 +1,19 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
import Modal from '../
|
|
3
|
-
|
|
2
|
+
import Modal from '../modal/Modal.svelte';
|
|
3
|
+
|
|
4
|
+
interface Props {
|
|
5
|
+
title?: string;
|
|
6
|
+
text?: string;
|
|
7
|
+
show?: boolean;
|
|
8
|
+
asModal?: boolean;
|
|
9
|
+
}
|
|
4
10
|
|
|
5
11
|
let {
|
|
6
12
|
title = 'Processing your request',
|
|
7
13
|
text = '',
|
|
8
14
|
show = $bindable(true),
|
|
9
15
|
asModal = false
|
|
10
|
-
}:
|
|
16
|
+
}: Props = $props();
|
|
11
17
|
</script>
|
|
12
18
|
|
|
13
19
|
{#snippet processingContent()}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
import { Button } from '
|
|
2
|
+
import { Button } from '../../index.js';
|
|
3
3
|
|
|
4
|
-
|
|
4
|
+
interface Props {
|
|
5
5
|
iconName: string;
|
|
6
6
|
title: string;
|
|
7
7
|
description?: string;
|
|
8
8
|
documentationUrl?: string;
|
|
9
9
|
onclick?: VoidFunction;
|
|
10
10
|
buttonText?: string;
|
|
11
|
-
}
|
|
11
|
+
}
|
|
12
12
|
|
|
13
13
|
let {
|
|
14
14
|
iconName,
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
documentationUrl = '',
|
|
18
18
|
onclick,
|
|
19
19
|
buttonText = 'Save'
|
|
20
|
-
}:
|
|
20
|
+
}: Props = $props();
|
|
21
21
|
</script>
|
|
22
22
|
|
|
23
23
|
<article class="progress-page">
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
|
|
1
|
+
interface Props {
|
|
2
2
|
iconName: string;
|
|
3
3
|
title: string;
|
|
4
4
|
description?: string;
|
|
5
5
|
documentationUrl?: string;
|
|
6
6
|
onclick?: VoidFunction;
|
|
7
7
|
buttonText?: string;
|
|
8
|
-
}
|
|
9
|
-
declare const ProgressPage: import("svelte").Component<
|
|
8
|
+
}
|
|
9
|
+
declare const ProgressPage: import("svelte").Component<Props, {}, "">;
|
|
10
10
|
type ProgressPage = ReturnType<typeof ProgressPage>;
|
|
11
11
|
export default ProgressPage;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
2
|
import { untrack, type Snippet } from 'svelte';
|
|
3
3
|
|
|
4
|
-
import { Button, ErrorPage, type ProgressWizardStep } from '
|
|
4
|
+
import { Button, ErrorPage, type ProgressWizardStep } from '../../index.js';
|
|
5
5
|
|
|
6
|
-
interface
|
|
6
|
+
interface Props {
|
|
7
7
|
steps: ProgressWizardStep[];
|
|
8
8
|
currentStep: number;
|
|
9
9
|
readonly?: boolean;
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
content,
|
|
22
22
|
additionalButtons,
|
|
23
23
|
oncancel
|
|
24
|
-
}:
|
|
24
|
+
}: Props = $props();
|
|
25
25
|
|
|
26
26
|
const allStepsDisabled = $derived<boolean>(steps.every((step) => step.disabled));
|
|
27
27
|
const firstActiveStep = $derived<number>(steps.findIndex((step) => !step.disabled) + 1);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type Snippet } from 'svelte';
|
|
2
|
-
import { type ProgressWizardStep } from '
|
|
3
|
-
interface
|
|
2
|
+
import { type ProgressWizardStep } from '../../index.js';
|
|
3
|
+
interface Props {
|
|
4
4
|
steps: ProgressWizardStep[];
|
|
5
5
|
currentStep: number;
|
|
6
6
|
readonly?: boolean;
|
|
@@ -9,6 +9,6 @@ interface ProgressWizardProps {
|
|
|
9
9
|
additionalButtons: Snippet<[lastActiveStep: number]>;
|
|
10
10
|
oncancel: VoidFunction;
|
|
11
11
|
}
|
|
12
|
-
declare const ProgressWizard: import("svelte").Component<
|
|
12
|
+
declare const ProgressWizard: import("svelte").Component<Props, {}, "currentStep">;
|
|
13
13
|
type ProgressWizard = ReturnType<typeof ProgressWizard>;
|
|
14
14
|
export default ProgressWizard;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type Writable } from 'svelte/store';
|
|
2
|
-
import type { ProgressWizardStep } from './
|
|
2
|
+
import type { ProgressWizardStep } from './types.js';
|
|
3
3
|
export declare const setProgressWizardStepsContext: (steps: ProgressWizardStep[]) => Writable<{
|
|
4
4
|
title: string;
|
|
5
5
|
description?: string;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
interface
|
|
2
|
+
interface Props {
|
|
3
3
|
show: boolean;
|
|
4
4
|
size?: 'sm' | 'md' | 'lg';
|
|
5
5
|
isFixedPosition?: boolean;
|
|
6
6
|
}
|
|
7
7
|
|
|
8
|
-
let { show = $bindable(false), size = 'lg', isFixedPosition = false }:
|
|
8
|
+
let { show = $bindable(false), size = 'lg', isFixedPosition = false }: Props = $props();
|
|
9
9
|
|
|
10
10
|
const pixelSizes: Record<string, number> = {
|
|
11
11
|
sm: 16,
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
interface
|
|
1
|
+
interface Props {
|
|
2
2
|
show: boolean;
|
|
3
3
|
size?: 'sm' | 'md' | 'lg';
|
|
4
4
|
isFixedPosition?: boolean;
|
|
5
5
|
}
|
|
6
|
-
declare const Spinner: import("svelte").Component<
|
|
6
|
+
declare const Spinner: import("svelte").Component<Props, {}, "show">;
|
|
7
7
|
type Spinner = ReturnType<typeof Spinner>;
|
|
8
8
|
export default Spinner;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
import { type SwitcherOption } from '
|
|
2
|
+
import { type SwitcherOption } from '../../index.js';
|
|
3
3
|
|
|
4
|
-
interface
|
|
4
|
+
interface Props {
|
|
5
5
|
options: string[] | SwitcherOption[];
|
|
6
6
|
value?: string | null;
|
|
7
7
|
}
|
|
8
8
|
|
|
9
|
-
let { options, value = $bindable() }:
|
|
9
|
+
let { options, value = $bindable() }: Props = $props();
|
|
10
10
|
|
|
11
11
|
const isStringArray = (items: string[] | SwitcherOption[]): items is string[] =>
|
|
12
12
|
typeof items[0] === 'string';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { type SwitcherOption } from '../../index.js';
|
|
2
|
+
interface Props {
|
|
3
|
+
options: string[] | SwitcherOption[];
|
|
4
|
+
value?: string | null;
|
|
5
|
+
}
|
|
6
|
+
declare const Switcher: import("svelte").Component<Props, {}, "value">;
|
|
7
|
+
type Switcher = ReturnType<typeof Switcher>;
|
|
8
|
+
export default Switcher;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
<script lang="ts" generics="T">
|
|
2
2
|
import { page } from '$app/state';
|
|
3
3
|
|
|
4
|
-
import { Button, Input, Select, type SelectOption } from '
|
|
4
|
+
import { Button, Input, Select, type SelectOption } from '../../index.js';
|
|
5
5
|
import type { Column } from './adapter/index.js';
|
|
6
6
|
import { Operation } from './consts.js';
|
|
7
7
|
import { type Filter } from './types.js';
|
|
8
|
-
import { sanitizeFilters } from './
|
|
8
|
+
import { sanitizeFilters } from './utils.js';
|
|
9
9
|
|
|
10
10
|
interface Props {
|
|
11
11
|
columns: Column<T, unknown>[];
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
<script lang="ts" generics="T extends RowData">
|
|
2
2
|
import { page } from '$app/state';
|
|
3
3
|
|
|
4
|
-
import { Search } from '
|
|
4
|
+
import { Search } from '../../index.js';
|
|
5
5
|
import { FlexRender, type HeaderGroup, type RowData } from './adapter/index.js';
|
|
6
|
-
import { sanitizeFilters } from './
|
|
6
|
+
import { sanitizeFilters } from './utils.js';
|
|
7
7
|
|
|
8
8
|
interface Props {
|
|
9
9
|
headerGroups: HeaderGroup<T>[];
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
import { page } from '$app/state';
|
|
4
4
|
import { type Snippet } from 'svelte';
|
|
5
5
|
|
|
6
|
-
import { Button, Search } from '
|
|
6
|
+
import { Button, Search } from '../../index.js';
|
|
7
7
|
import {
|
|
8
8
|
createSvelteTable,
|
|
9
9
|
getCoreRowModel,
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
import Header from './Header.svelte';
|
|
32
32
|
import Skeleton from './Skeleton.svelte';
|
|
33
33
|
import { type Filter, type Pagination } from './types.js';
|
|
34
|
-
import { createCheckedColumn, getPage, getPageLimit } from './
|
|
34
|
+
import { createCheckedColumn, getPage, getPageLimit } from './utils.js';
|
|
35
35
|
|
|
36
36
|
interface Props {
|
|
37
37
|
columns: ColumnDef<T, any>[];
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export * from '@tanstack/table-core';
|
|
2
2
|
export { default as FlexRender } from './flex-render.svelte';
|
|
3
3
|
export { renderComponent, renderSnippet } from './render-component.js';
|
|
4
|
-
export { createSvelteTable } from './table.svelte';
|
|
4
|
+
export { createSvelteTable } from './table.svelte.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export * from '@tanstack/table-core';
|
|
2
2
|
export { default as FlexRender } from './flex-render.svelte';
|
|
3
3
|
export { renderComponent, renderSnippet } from './render-component.js';
|
|
4
|
-
export { createSvelteTable } from './table.svelte';
|
|
4
|
+
export { createSvelteTable } from './table.svelte.js';
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
export
|
|
1
|
+
export { default as Table } from './Table.svelte';
|
|
2
2
|
export * from './consts.js';
|
|
3
|
+
export { ColumnFormat } from './excel-setting.js';
|
|
4
|
+
export * from './adapter/index.js';
|
|
3
5
|
export * from './context.js';
|
|
4
|
-
export { ColumnFormat, type ExcelSetting } from './excel-setting.js';
|
|
5
6
|
export * from './excel.js';
|
|
6
|
-
export {
|
|
7
|
-
export type {
|
|
8
|
-
export {
|
|
7
|
+
export { createActionsColumn, createStaticTable, getPage, getPageLimit, sanitizeFilters } from './utils.js';
|
|
8
|
+
export type { ExcelSetting } from './excel-setting.js';
|
|
9
|
+
export type { Action, Filter, Pagination } from './types.js';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
export
|
|
1
|
+
export { default as Table } from './Table.svelte';
|
|
2
2
|
export * from './consts.js';
|
|
3
|
-
export * from './context.js';
|
|
4
3
|
export { ColumnFormat } from './excel-setting.js';
|
|
4
|
+
export * from './adapter/index.js';
|
|
5
|
+
export * from './context.js';
|
|
5
6
|
export * from './excel.js';
|
|
6
|
-
export {
|
|
7
|
-
export { createActionsColumn, createStaticTable, getPage, getPageLimit, sanitizeFilters } from './util.js';
|
|
7
|
+
export { createActionsColumn, createStaticTable, getPage, getPageLimit, sanitizeFilters } from './utils.js';
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
2
|
import type { Snippet } from 'svelte';
|
|
3
3
|
|
|
4
|
-
import type { Tab } from '
|
|
4
|
+
import type { Tab } from '../../index.js';
|
|
5
5
|
|
|
6
|
-
interface
|
|
6
|
+
interface Props {
|
|
7
7
|
tabs: Tab[];
|
|
8
8
|
activeTab?: number;
|
|
9
9
|
children?: Snippet;
|
|
10
10
|
onchange?: (index: number) => void;
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
-
let { tabs = [], activeTab = 0, children, onchange }:
|
|
13
|
+
let { tabs = [], activeTab = 0, children, onchange }: Props = $props();
|
|
14
14
|
|
|
15
15
|
const handleClick = (index: number) => (): void => {
|
|
16
16
|
activeTab = index;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import type { Snippet } from 'svelte';
|
|
2
|
-
import type { Tab } from '
|
|
3
|
-
interface
|
|
2
|
+
import type { Tab } from '../../index.js';
|
|
3
|
+
interface Props {
|
|
4
4
|
tabs: Tab[];
|
|
5
5
|
activeTab?: number;
|
|
6
6
|
children?: Snippet;
|
|
7
7
|
onchange?: (index: number) => void;
|
|
8
8
|
}
|
|
9
|
-
declare const Tabs: import("svelte").Component<
|
|
9
|
+
declare const Tabs: import("svelte").Component<Props, {}, "">;
|
|
10
10
|
type Tabs = ReturnType<typeof Tabs>;
|
|
11
11
|
export default Tabs;
|
|
@@ -2,13 +2,13 @@
|
|
|
2
2
|
import { linear } from 'svelte/easing';
|
|
3
3
|
import { fly, type FlyParams } from 'svelte/transition';
|
|
4
4
|
|
|
5
|
-
import { deleteToastById, getToast } from './
|
|
5
|
+
import { deleteToastById, getToast } from './state.svelte.js';
|
|
6
6
|
|
|
7
|
-
interface
|
|
7
|
+
interface Props {
|
|
8
8
|
duration?: number;
|
|
9
9
|
}
|
|
10
10
|
|
|
11
|
-
let { duration }:
|
|
11
|
+
let { duration }: Props = $props();
|
|
12
12
|
|
|
13
13
|
const TRANSITION_DURATION = 100;
|
|
14
14
|
const VERTICAL_DISTANCE = 8;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { ToastNotification } from './types.js';
|
|
2
|
+
interface ToastState extends ToastNotification {
|
|
3
|
+
id: string;
|
|
4
|
+
}
|
|
5
|
+
export declare const getToast: (duration?: number) => {
|
|
6
|
+
toasts: ToastState[];
|
|
7
|
+
duration: number;
|
|
8
|
+
};
|
|
9
|
+
export declare const addToast: (toast: ToastNotification) => void;
|
|
10
|
+
export declare const deleteToastById: (id: string) => void;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
type Position = 'top' | 'bottom' | 'left' | 'right';
|
|
8
8
|
type Width = 'xs' | 'sm' | 'md';
|
|
9
9
|
|
|
10
|
-
interface
|
|
10
|
+
interface Props {
|
|
11
11
|
content: string;
|
|
12
12
|
position?: Position;
|
|
13
13
|
width?: Width;
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
width = 'xs',
|
|
22
22
|
class: customClass = '',
|
|
23
23
|
children
|
|
24
|
-
}:
|
|
24
|
+
}: Props = $props();
|
|
25
25
|
|
|
26
26
|
let isVisible = $state(false);
|
|
27
27
|
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import type { Snippet } from 'svelte';
|
|
2
2
|
type Position = 'top' | 'bottom' | 'left' | 'right';
|
|
3
3
|
type Width = 'xs' | 'sm' | 'md';
|
|
4
|
-
interface
|
|
4
|
+
interface Props {
|
|
5
5
|
content: string;
|
|
6
6
|
position?: Position;
|
|
7
7
|
width?: Width;
|
|
8
8
|
class?: string;
|
|
9
9
|
children: Snippet;
|
|
10
10
|
}
|
|
11
|
-
declare const Tooltip: import("svelte").Component<
|
|
11
|
+
declare const Tooltip: import("svelte").Component<Props, {}, "">;
|
|
12
12
|
type Tooltip = ReturnType<typeof Tooltip>;
|
|
13
13
|
export default Tooltip;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/dist/index.d.ts
CHANGED
|
@@ -1,61 +1 @@
|
|
|
1
|
-
|
|
2
|
-
import Avatar from './Avatar/Avatar.svelte';
|
|
3
|
-
import Breadcrumbs from './Breadcrumbs/Breadcrumbs.svelte';
|
|
4
|
-
import Button from './Button/Button.svelte';
|
|
5
|
-
import Card from './Card/Card.svelte';
|
|
6
|
-
import Chips from './Chips/Chips.svelte';
|
|
7
|
-
import ConfirmationModal from './Confirmation/Confirmation.svelte';
|
|
8
|
-
import DeleteConfirmationModal from './DeleteConfirmation/DeleteConfirmation.svelte';
|
|
9
|
-
import ErrorPage from './ErrorPage/ErrorPage.svelte';
|
|
10
|
-
import Footer from './Footer/Footer.svelte';
|
|
11
|
-
import Header from './Header/Header.svelte';
|
|
12
|
-
import HeaderAccount from './Header/HeaderAccount.svelte';
|
|
13
|
-
import HeaderLoader from './Header/HeaderLoader.svelte';
|
|
14
|
-
import HeaderLogo from './Header/HeaderLogo.svelte';
|
|
15
|
-
import HighlightPanel from './HighlightPanel/HighlightPanel.svelte';
|
|
16
|
-
import Home from './Home/Home.svelte';
|
|
17
|
-
import Input from './Controls/Input/Input.svelte';
|
|
18
|
-
import Label from './Controls/Label/Label.svelte';
|
|
19
|
-
import Link from './Link/Link.svelte';
|
|
20
|
-
import Menu from './Menu/Menu.svelte';
|
|
21
|
-
import Modal from './Modal/Modal.svelte';
|
|
22
|
-
import Notification from './Notification/Notification.svelte';
|
|
23
|
-
import Processing from './Processing/Processing.svelte';
|
|
24
|
-
import ProgressPage from './ProgressPage/ProgressPage.svelte';
|
|
25
|
-
import ProgressWizard from './ProgressWizard/ProgressWizard.svelte';
|
|
26
|
-
import Search from './Search/Search.svelte';
|
|
27
|
-
import Select from './Controls/Select/Select.svelte';
|
|
28
|
-
import Sidebar from './Menu/Sidebar.svelte';
|
|
29
|
-
import Spinner from './Spinner/Spinner.svelte';
|
|
30
|
-
import Switcher from './Switcher/Switcher.svelte';
|
|
31
|
-
import Tabs from './Tabs/Tabs.svelte';
|
|
32
|
-
import TextArea from './Controls/TextArea/TextArea.svelte';
|
|
33
|
-
import Toaster from './Toast/Toast.svelte';
|
|
34
|
-
import RadioGroup from './Controls/RadioGroup/RadioGroup.svelte';
|
|
35
|
-
import Toggle from './Controls/Toggle/Toggle.svelte';
|
|
36
|
-
import Tooltip from './Tooltip/Tooltip.svelte';
|
|
37
|
-
import Waffle from './Waffle/Waffle.svelte';
|
|
38
|
-
import AttachFile from './Controls/AttachFile/AttachFile.svelte';
|
|
39
|
-
import { addBreadcrumbsNameMap } from './Breadcrumbs/breadcrumbsState.svelte.js';
|
|
40
|
-
import { ChipType } from './Chips/chipsState.svelte.js';
|
|
41
|
-
import { ColumnType, ImageType } from './HighlightPanel/highlightPanelState.svelte.js';
|
|
42
|
-
import { setProgressWizardStepsContext, getProgressWizardContext } from './ProgressWizard/context.js';
|
|
43
|
-
import { setStepValidity } from './ProgressWizard/progressWizardState.svelte.js';
|
|
44
|
-
import { addToast } from './Toast/toastState.svelte.js';
|
|
45
|
-
import { getSubMenuItemsFromMenu } from './Menu/MenuState.svelte.js';
|
|
46
|
-
import { createTabComponent } from './Tabs/tabsState.svelte.js';
|
|
47
|
-
import type { AnnouncementItem } from './Announcement/AnnouncementState.svelte.js';
|
|
48
|
-
import type { BreadcrumbsNameMap } from './Breadcrumbs/breadcrumbsState.svelte.js';
|
|
49
|
-
import type { HighlightPanelColumn } from './HighlightPanel/highlightPanelState.svelte.js';
|
|
50
|
-
import type { HomeItem } from './Menu/MenuState.svelte.js';
|
|
51
|
-
import type { MainMenu, MenuItem, SubMenuItem } from './Menu/MenuState.svelte.js';
|
|
52
|
-
import type { ModalProps } from './Modal/modalState.svelte.js';
|
|
53
|
-
import type { ProgressWizardStep } from './ProgressWizard/progressWizardState.svelte.js';
|
|
54
|
-
import type { RadioOption } from './Controls/RadioGroup/radioGroupState.svelte.js';
|
|
55
|
-
import type { SwitcherOption } from './Switcher/switcherState.svelte.js';
|
|
56
|
-
import type { SelectOption } from './Controls/Select/selectState.svelte.js';
|
|
57
|
-
import type { Tab } from './Tabs/tabsState.svelte.js';
|
|
58
|
-
import type { Toast } from './Toast/toastState.svelte.js';
|
|
59
|
-
import type { WaffleItem } from './Waffle/waffleState.svelte.js';
|
|
60
|
-
import type { NotificationProps } from './Notification/notificationState.svelte.js';
|
|
61
|
-
export { Accordion, AttachFile, Avatar, Breadcrumbs, Button, Card, Chips, ConfirmationModal, DeleteConfirmationModal, ErrorPage, Footer, Header, HeaderAccount, HeaderLoader, HeaderLogo, HighlightPanel, Home, Input, Label, Link, Menu, Modal, Notification, Processing, ProgressPage, ProgressWizard, RadioGroup, Search, Select, Sidebar, Spinner, Switcher, Tabs, TextArea, Toaster, Toggle, Tooltip, Waffle, addBreadcrumbsNameMap, addToast, getProgressWizardContext, setProgressWizardStepsContext, setStepValidity, getSubMenuItemsFromMenu, createTabComponent, ChipType, ColumnType, ImageType, type AnnouncementItem, type BreadcrumbsNameMap, type HighlightPanelColumn, type HomeItem, type MainMenu, type MenuItem, type ModalProps, type ProgressWizardStep, type RadioOption, type SelectOption, type SubMenuItem, type SwitcherOption, type Tab, type Toast, type WaffleItem, type NotificationProps };
|
|
1
|
+
export * from './components/index.js';
|