@juspay/svelte-ui-components 1.34.1 → 2.0.0

package/dist/Toolbar/Toolbar.svelte

@@ -1,39 +1,46 @@
-<script>import { createEventDispatcher } from "svelte";
-import { defaultToolbarProperties } from "./properties";
-export let properties = defaultToolbarProperties;
-const dispatch = createEventDispatcher();
-function handleBackClick() {
-  dispatch("backClick");
-}
+<script lang="ts">
+  import type { ToolbarProperties } from './properties';
+
+  let {
+    showBackButton = true,
+    text,
+    backIcon = 'https://sdk.breeze.in/gallery/icons/back.svg',
+    leftContent,
+    centerContent,
+    rightContent,
+    additionalContent,
+    onbackClick,
+    onkeydown
+  }: ToolbarProperties = $props();
 </script>
 
 <div class="toolbar">
   <div class="content">
-    {#if $$slots.leftContent}
-      <slot name="leftContent" />
-    {:else if properties.showBackButton && properties.backIcon !== null}
-      <div class="back" on:click={handleBackClick} on:keydown role="button" tabindex="0">
-        <img src={properties.backIcon} alt="Back" />
+    {#if leftContent}
+      {@render leftContent()}
+    {:else if showBackButton && backIcon}
+      <div class="back" onclick={onbackClick} {onkeydown} role="button" tabindex="0">
+        <img src={backIcon} alt="Back" />
       </div>
     {/if}
-    {#if $$slots.centerContent}
+    {#if centerContent}
       <div class="center-content">
-        <slot name="centerContent" />
+        {@render centerContent()}
       </div>
-    {:else if properties.text !== null}
+    {:else if text}
       <div class="text">
-        {properties.text}
+        {text}
       </div>
     {/if}
-    {#if $$slots.rightContent}
+    {#if rightContent}
       <div class="right-content">
-        <slot name="rightContent" />
+        {@render rightContent()}
       </div>
     {/if}
   </div>
   <div class="additional-content">
-    {#if $$slots.additionalContent}
-      <slot name="additionalContent" />
+    {#if additionalContent}
+      {@render additionalContent()}
     {/if}
   </div>
 </div>

package/dist/Toolbar/Toolbar.svelte.d.ts

@@ -1,27 +1,4 @@
-import { SvelteComponent } from "svelte";
 import type { ToolbarProperties } from './properties';
-declare const __propDef: {
-    props: {
-        properties?: ToolbarProperties;
-    };
-    events: {
-        keydown: KeyboardEvent;
-        backClick: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        leftContent: {};
-        centerContent: {};
-        rightContent: {};
-        additionalContent: {};
-    };
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type ToolbarProps = typeof __propDef.props;
-export type ToolbarEvents = typeof __propDef.events;
-export type ToolbarSlots = typeof __propDef.slots;
-export default class Toolbar extends SvelteComponent<ToolbarProps, ToolbarEvents, ToolbarSlots> {
-}
-export {};
+declare const Toolbar: import("svelte").Component<ToolbarProperties, {}, "">;
+type Toolbar = ReturnType<typeof Toolbar>;
+export default Toolbar;

package/dist/Toolbar/properties.d.ts

@@ -1,6 +1,12 @@
+import type { Snippet } from 'svelte';
 export type ToolbarProperties = {
-    showBackButton: boolean;
-    text: string | null;
-    backIcon: string | null;
+    showBackButton?: boolean;
+    text?: string | null;
+    backIcon?: string | null;
+    leftContent?: Snippet;
+    centerContent?: Snippet;
+    rightContent?: Snippet;
+    additionalContent?: Snippet;
+    onbackClick?: () => void;
+    onkeydown?: (event: KeyboardEvent) => void;
 };
-export declare const defaultToolbarProperties: ToolbarProperties;

package/dist/Toolbar/properties.js

@@ -1,5 +1 @@
-export const defaultToolbarProperties = {
-    showBackButton: true,
-    text: null,
-    backIcon: 'https://sdk.breeze.in/gallery/icons/back.svg'
-};
+export {};

package/dist/index.d.ts

@@ -45,15 +45,4 @@ export type { TableProperties } from './Table/properties';
 export type { StepperProperties } from './Stepper/properties';
 export type { ToastProperties } from './Toast/properties';
 export type { IconStackProperties } from './IconStack/properties';
-export { defaultIconProperties } from './Icon/properties';
-export { defaultButtonProperties } from './Button/properties';
-export { defaultModalProperties } from './Modal/properties';
-export { defaultInputProperties } from './Input/properties';
-export { defaultInputButtonProperties } from './InputButton/properties';
-export { defaultBrandLoaderProperties } from './BrandLoader/properties';
-export { defaultStatusProperties } from './Status/properties';
-export { defaultListItemProperties } from './ListItem/properties';
-export { defaultToolbarProperties } from './Toolbar/properties';
-export { defaultCarouselProperties } from './Carousel/properties';
-export { defaultToastProperties } from './Toast/properties';
 export { validateInput } from './utils';

package/dist/index.js

@@ -23,15 +23,4 @@ export { default as Step } from './Stepper/Step.svelte';
 export { default as Toast } from './Toast/Toast.svelte';
 export { default as GridItem } from './GridItem/GridItem.svelte';
 export { default as IconStack } from './IconStack/IconStack.svelte';
-export { defaultIconProperties } from './Icon/properties';
-export { defaultButtonProperties } from './Button/properties';
-export { defaultModalProperties } from './Modal/properties';
-export { defaultInputProperties } from './Input/properties';
-export { defaultInputButtonProperties } from './InputButton/properties';
-export { defaultBrandLoaderProperties } from './BrandLoader/properties';
-export { defaultStatusProperties } from './Status/properties';
-export { defaultListItemProperties } from './ListItem/properties';
-export { defaultToolbarProperties } from './Toolbar/properties';
-export { defaultCarouselProperties } from './Carousel/properties';
-export { defaultToastProperties } from './Toast/properties';
 export { validateInput } from './utils';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@juspay/svelte-ui-components",
-  "version": "1.34.1",
+  "version": "2.0.0",
   "scripts": {
     "dev": "vite dev --host",
     "build": "vite build && npm run package",
@@ -10,8 +10,8 @@
     "test": "npm run test:integration && npm run test:unit",
     "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
     "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-    "lint": "prettier --check . && eslint .",
-    "format": "prettier --write .",
+    "lint": "prettier --check src && eslint src",
+    "format": "prettier --write src",
     "test:integration": "playwright test",
     "test:unit": "vitest"
   },
@@ -27,37 +27,37 @@
     "!dist/**/*.spec.*"
   ],
   "peerDependencies": {
-    "svelte": "^4.0.0",
-    "type-decoder": "^1.2.0"
+    "svelte": "^5.41.2",
+    "type-decoder": "^2.1.0"
   },
   "devDependencies": {
-    "@commitlint/cli": "^18.4.2",
-    "@commitlint/config-conventional": "^18.4.2",
+    "@commitlint/cli": "^20.1.0",
+    "@commitlint/config-conventional": "^20.0.0",
     "@digitalroute/cz-conventional-changelog-for-jira": "^8.0.1",
-    "@playwright/test": "^1.39.0",
-    "@sveltejs/adapter-auto": "^2.1.1",
-    "@sveltejs/kit": "^1.30.4",
-    "@sveltejs/package": "^2.2.2",
-    "@sveltejs/vite-plugin-svelte": "^2.5.0",
-    "@typescript-eslint/eslint-plugin": "^6.11.0",
-    "@typescript-eslint/parser": "^6.11.0",
-    "commitizen": "^4.3.0",
+    "@playwright/test": "^1.56.1",
+    "@sveltejs/adapter-auto": "^7.0.0",
+    "@sveltejs/kit": "^2.47.3",
+    "@sveltejs/package": "^2.5.4",
+    "@sveltejs/vite-plugin-svelte": "^6.2.1",
+    "@typescript-eslint/eslint-plugin": "^8.46.2",
+    "@typescript-eslint/parser": "^8.46.2",
+    "commitizen": "^4.3.1",
     "commitlint-config-jira": "^1.6.4",
     "commitlint-plugin-jira-rules": "^1.6.4",
-    "eslint": "^8.53.0",
-    "eslint-config-prettier": "^9.0.0",
-    "eslint-plugin-svelte": "^2.35.0",
-    "husky": "^8.0.3",
-    "prettier": "^3.1.0",
-    "prettier-plugin-svelte": "^3.1.0",
-    "publint": "^0.2.5",
-    "svelte": "^4.2.3",
-    "svelte-check": "^3.6.0",
-    "tslib": "^2.6.2",
-    "typescript": "^5.2.2",
-    "vite": "^4.5.14",
-    "vitest": "^0.34.6",
-    "type-decoder": "^1.2.0"
+    "eslint": "^9.38.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-svelte": "^3.12.5",
+    "husky": "^9.1.7",
+    "prettier": "^3.6.2",
+    "prettier-plugin-svelte": "^3.4.0",
+    "publint": "^0.3.15",
+    "svelte": "^5.41.2",
+    "svelte-check": "^4.3.3",
+    "tslib": "^2.8.1",
+    "type-decoder": "^2.1.0",
+    "typescript": "^5.9.3",
+    "vite": "^7.1.11",
+    "vitest": "^4.0.1"
   },
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",