@enki-tek/fms-web-components 0.0.51 → 0.0.53

package/components/Button/Button.svelte

@@ -8,7 +8,7 @@
 	export let outlineShade = '';
 	export let size = '';
 	export let disabled =false;
-	export let className;
+	export let className = "";
 
 	let buttonStyles = [className];
 	if (buttonConfig.hasOwnProperty(config)) {

package/components/Button/Button.svelte.d.ts

@@ -2,7 +2,6 @@
 /** @typedef {typeof __propDef.events}  ButtonEvents */
 /** @typedef {typeof __propDef.slots}  ButtonSlots */
 export default class Button extends SvelteComponentTyped<{
-    className: any;
     size?: string | undefined;
     disabled?: boolean | undefined;
     type?: string | undefined;
@@ -15,6 +14,7 @@ export default class Button extends SvelteComponentTyped<{
     } | undefined;
     shade?: string | undefined;
     outlineShade?: string | undefined;
+    className?: string | undefined;
 }, {
     click: MouseEvent;
     focus: FocusEvent;
@@ -31,7 +31,6 @@ export type ButtonSlots = typeof __propDef.slots;
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
-        className: any;
         size?: string | undefined;
         disabled?: boolean | undefined;
         type?: string | undefined;
@@ -44,6 +43,7 @@ declare const __propDef: {
         } | undefined;
         shade?: string | undefined;
         outlineShade?: string | undefined;
+        className?: string | undefined;
     };
     events: {
         click: MouseEvent;

package/components/EnkiSidbar/EnkiSidebar.svelte

@@ -4,7 +4,7 @@
 	export let companyName = 'ENKITEK';
 	export let isOpen = true;
 	export let backdrop = false;
-	import { menuTypeStore } from '../lay-out/menuStore.js';
+	import { menuTypeStore } from '../Layout/menuStore.js';
 
     
     const setState = () =>{

package/components/EnkiTable/TableBody.svelte

@@ -2,7 +2,7 @@
 	export let className = '';
 </script>
 
-<tbody class={className}>
+<tbody {...$$restProps} class={className}>
 	<slot />
 </tbody>
 

package/components/EnkiTable/TableBody.svelte.d.ts

@@ -2,6 +2,7 @@
 /** @typedef {typeof __propDef.events}  TableBodyEvents */
 /** @typedef {typeof __propDef.slots}  TableBodySlots */
 export default class TableBody extends SvelteComponentTyped<{
+    [x: string]: any;
     className?: string | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
@@ -15,6 +16,7 @@ export type TableBodySlots = typeof __propDef.slots;
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
+        [x: string]: any;
         className?: string | undefined;
     };
     events: {

package/components/EnkiTable/TableCell.svelte

@@ -6,7 +6,7 @@ export let className = ''
 let tdStyles = ['td-div', className]
 </script>
 
-<td data-label ={dataLabel} colspan={colspan} rowspan={rowspan}  class={tdStyles.join(' ')} ><slot /></td>
+<td {...$$restProps} data-label ={dataLabel} colspan={colspan} rowspan={rowspan}  class={tdStyles.join(' ')} ><slot /></td>
 
 <style>@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
 @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");

package/components/EnkiTable/TableCell.svelte.d.ts

@@ -2,6 +2,7 @@
 /** @typedef {typeof __propDef.events}  TableCellEvents */
 /** @typedef {typeof __propDef.slots}  TableCellSlots */
 export default class TableCell extends SvelteComponentTyped<{
+    [x: string]: any;
     className?: string | undefined;
     colspan?: number | undefined;
     rowspan?: number | undefined;
@@ -18,6 +19,7 @@ export type TableCellSlots = typeof __propDef.slots;
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
+        [x: string]: any;
         className?: string | undefined;
         colspan?: number | undefined;
         rowspan?: number | undefined;

package/components/EnkiTable/TableHeadCell.svelte

@@ -6,7 +6,7 @@
 	let tdStyles = ['th-div', `text-${textAlign}` , className];
 </script>
 
-<th  colspan={colspan} rowspan={rowspan} class={tdStyles.join(' ')}><slot /></th>
+<th {...$$restProps} colspan={colspan} rowspan={rowspan} class={tdStyles.join(' ')}><slot /></th>
 
 <style>@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
 @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");

package/components/EnkiTable/TableHeadCell.svelte.d.ts

@@ -2,6 +2,7 @@
 /** @typedef {typeof __propDef.events}  TableHeadCellEvents */
 /** @typedef {typeof __propDef.slots}  TableHeadCellSlots */
 export default class TableHeadCell extends SvelteComponentTyped<{
+    [x: string]: any;
     className?: string | undefined;
     colspan?: number | undefined;
     rowspan?: number | undefined;
@@ -18,6 +19,7 @@ export type TableHeadCellSlots = typeof __propDef.slots;
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
+        [x: string]: any;
         className?: string | undefined;
         colspan?: number | undefined;
         rowspan?: number | undefined;

package/components/Header/{UserAvthar.svelte → UserAvatar.svelte}

@@ -2,7 +2,7 @@
 	import { NavbarBrand } from 'sveltestrap';
 
 	let defaultImage = 'https://i.postimg.cc/76TBTD1g/illustration-businessman-53876-5856.avif';
-	export let userImage = 'https://i.postimg.cc/QCHcWMkm/userprofile.png'; //https://i.postimg.cc/QCHcWMkm/userprofile.png - hosted image
+	export let userImage = 'https://i.postimg.cc/QCHcWMkm/userprofile.png';
 	export let userName = 'John Doe';
 	export let userRole = 'Administrator';
 
@@ -17,7 +17,7 @@
 		<p class="m-0 efs-small etext-black text-capitalize">{userName}</p>
 		<p class="m-0 efs-small text-capitalize">{userRole}</p>
 	</div>
-	<img src={userImage} alt="PROFILE" />
+	<!-- <img src={userImage} alt="PROFILE" /> -->
 </NavbarBrand>
 
 <style>@import url(https://fonts.googleapis.com/icon?family=Material+Icons);

package/components/Header/{UserAvthar.svelte.d.ts → UserAvatar.svelte.d.ts}

@@ -1,7 +1,7 @@
-/** @typedef {typeof __propDef.props}  UserAvtharProps */
-/** @typedef {typeof __propDef.events}  UserAvtharEvents */
-/** @typedef {typeof __propDef.slots}  UserAvtharSlots */
-export default class UserAvthar extends SvelteComponentTyped<{
+/** @typedef {typeof __propDef.props}  UserAvatarProps */
+/** @typedef {typeof __propDef.events}  UserAvatarEvents */
+/** @typedef {typeof __propDef.slots}  UserAvatarSlots */
+export default class UserAvatar extends SvelteComponentTyped<{
     userImage?: string | undefined;
     userName?: string | undefined;
     userRole?: string | undefined;
@@ -9,9 +9,9 @@ export default class UserAvthar extends SvelteComponentTyped<{
     [evt: string]: CustomEvent<any>;
 }, {}> {
 }
-export type UserAvtharProps = typeof __propDef.props;
-export type UserAvtharEvents = typeof __propDef.events;
-export type UserAvtharSlots = typeof __propDef.slots;
+export type UserAvatarProps = typeof __propDef.props;
+export type UserAvatarEvents = typeof __propDef.events;
+export type UserAvatarSlots = typeof __propDef.slots;
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {

package/components/{textField → TextField}/TextField.svelte

@@ -9,8 +9,8 @@
 	export let disabled = false;
 	export let valid = false;
 	export let invalid = false;
-	export let feedback;
-	export let className;
+	export let feedback = null ;
+	export let className = " ";
 </script>
 
 <Input

package/components/{textField → TextField}/TextField.svelte.d.ts

@@ -2,16 +2,16 @@
 /** @typedef {typeof __propDef.events}  TextFieldEvents */
 /** @typedef {typeof __propDef.slots}  TextFieldSlots */
 export default class TextField extends SvelteComponentTyped<{
-    className: any;
-    feedback: any;
     size?: string | undefined;
     disabled?: boolean | undefined;
     invalid?: boolean | undefined;
     type?: string | undefined;
+    className?: string | undefined;
     placeholder?: string | undefined;
     value?: string | undefined;
     name?: string | undefined;
     valid?: boolean | undefined;
+    feedback?: null | undefined;
 }, {
     change: Event;
     input: Event;
@@ -27,16 +27,16 @@ export type TextFieldSlots = typeof __propDef.slots;
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
-        className: any;
-        feedback: any;
         size?: string | undefined;
         disabled?: boolean | undefined;
         invalid?: boolean | undefined;
         type?: string | undefined;
+        className?: string | undefined;
         placeholder?: string | undefined;
         value?: string | undefined;
         name?: string | undefined;
         valid?: boolean | undefined;
+        feedback?: null | undefined;
     };
     events: {
         change: Event;

package/index.d.ts

@@ -1,9 +1,9 @@
 import './app.scss';
-import Layout from './components/lay-out/LayOut.svelte';
+import Layout from './components/Layout/LayOut.svelte';
 import Button from './components/Button/Button.svelte';
 import ButtonFilter from './components/Button/ButtonFilter.svelte';
 import FilterOption from './components/Button/FilterOption.svelte';
-import TextField from './components/textField/TextField.svelte';
+import TextField from './components/TextField/TextField.svelte';
 import Card from './components/Card/Card.svelte';
 import Tooltip from './components/Tooltip/Tooltip.svelte';
 import Tab from './components/Tab/Tab.svelte';
@@ -17,7 +17,7 @@ import ModalFooter from './components/ModalWindow/ModalFooter.svelte';
 import Header from './components/Header/Header.svelte';
 import Brand from './components/Header/Brand.svelte';
 import HeaderItem from './components/Header/HeaderItem.svelte';
-import UserAvthar from './components/Header/UserAvthar.svelte';
+import UserAvatar from './components/Header/UserAvatar.svelte';
 import Dropdown from './components/Dropdown/Dropdown.svelte';
 import DropdownItem from './components/Dropdown/DropdownItem.svelte';
 import Badge from './components/Badge/Badge.svelte';
@@ -50,12 +50,12 @@ import EnkiSidebar from './components/EnkiSidbar/EnkiSidebar.svelte';
 import NavItem from './components/EnkiSidbar/NavItem.svelte';
 import NavIcon from './components/EnkiSidbar/NavIcon.svelte';
 import NavLink from './components/EnkiSidbar/NavLink.svelte';
-import Page from "./components/lay-out/Page.svelte";
-import MainMenuHead from "./components/lay-out/MainMenuHead.svelte";
-import Footer from "./components/lay-out/Footer.svelte";
+import Page from "./components/Layout/Page.svelte";
+import MainMenuHead from "./components/Layout/MainMenuHead.svelte";
+import Footer from "./components/Layout/Footer.svelte";
 import { i18nInit } from "./components/i18n/i18n";
-import { menuTypeStore } from "./components/lay-out/menuStore.js";
-import { derivedStore } from "./components/lay-out/menuStore.js";
-import { smallMenuwidth } from "./components/lay-out/menuStore.js";
-export { Button, ButtonFilter, Brand, FilterOption, TextField, Card, Tooltip, Tab, Icon, ActionIconGroup, ActionIcon, Modal, ModalBody, ModalFooter, ModalHeader, Header, HeaderItem, UserAvthar, Dropdown, DropdownItem, Badge, Alert, Pagination, RadioButton, Accordion, AccordionItem, Switch, Checkbox, Breadcrumb, CardIcon, CardiconTitle, CardiconBody, CardiconSubtitle, EnkiTable, TableBody, TableCell, TableRow, TableHead, TableHeadCell, EnkiCard, CardBody, CardTitle, CardSubtitle, CardText, CardLink, CardFooter, EnkiSidebar, NavItem, NavIcon, NavLink, Layout, Page, MainMenuHead, Footer, menuTypeStore, derivedStore, smallMenuwidth, };
+import { menuTypeStore } from "./components/Layout/menuStore.js";
+import { derivedStore } from "./components/Layout/menuStore.js";
+import { smallMenuwidth } from "./components/Layout/menuStore.js";
+export { Button, ButtonFilter, Brand, FilterOption, TextField, Card, Tooltip, Tab, Icon, ActionIconGroup, ActionIcon, Modal, ModalBody, ModalFooter, ModalHeader, Header, HeaderItem, UserAvatar, Dropdown, DropdownItem, Badge, Alert, Pagination, RadioButton, Accordion, AccordionItem, Switch, Checkbox, Breadcrumb, CardIcon, CardiconTitle, CardiconBody, CardiconSubtitle, EnkiTable, TableBody, TableCell, TableRow, TableHead, TableHeadCell, EnkiCard, CardBody, CardTitle, CardSubtitle, CardText, CardLink, CardFooter, EnkiSidebar, NavItem, NavIcon, NavLink, Layout, Page, MainMenuHead, Footer, menuTypeStore, derivedStore, smallMenuwidth, };
 export default i18nInit;

package/index.js

@@ -1,10 +1,10 @@
 // Reexport your entry components here
 import './app.scss';
-import Layout from './components/lay-out/LayOut.svelte';
+import Layout from './components/Layout/LayOut.svelte';
 import Button from './components/Button/Button.svelte';
 import ButtonFilter from './components/Button/ButtonFilter.svelte';
 import FilterOption from './components/Button/FilterOption.svelte';
-import TextField from './components/textField/TextField.svelte';
+import TextField from './components/TextField/TextField.svelte';
 import Card from './components/Card/Card.svelte';
 import Tooltip from './components/Tooltip/Tooltip.svelte';
 import Tab from './components/Tab/Tab.svelte';
@@ -18,7 +18,7 @@ import ModalFooter from './components/ModalWindow/ModalFooter.svelte';
 import Header from './components/Header/Header.svelte';
 import Brand from './components/Header/Brand.svelte';
 import HeaderItem from './components/Header/HeaderItem.svelte';
-import UserAvthar from './components/Header/UserAvthar.svelte';
+import UserAvatar from './components/Header/UserAvatar.svelte';
 import Dropdown from './components/Dropdown/Dropdown.svelte';
 import DropdownItem from './components/Dropdown/DropdownItem.svelte';
 import Badge from './components/Badge/Badge.svelte';
@@ -51,12 +51,12 @@ import EnkiSidebar from './components/EnkiSidbar/EnkiSidebar.svelte';
 import NavItem from './components/EnkiSidbar/NavItem.svelte';
 import NavIcon from './components/EnkiSidbar/NavIcon.svelte';
 import NavLink from './components/EnkiSidbar/NavLink.svelte';
-import Page from "./components/lay-out/Page.svelte";
-import MainMenuHead from "./components/lay-out/MainMenuHead.svelte";
-import Footer from "./components/lay-out/Footer.svelte";
+import Page from "./components/Layout/Page.svelte";
+import MainMenuHead from "./components/Layout/MainMenuHead.svelte";
+import Footer from "./components/Layout/Footer.svelte";
 import { i18nInit } from "./components/i18n/i18n";
-import { menuTypeStore } from "./components/lay-out/menuStore.js";
-import { derivedStore } from "./components/lay-out/menuStore.js";
-import { smallMenuwidth } from "./components/lay-out/menuStore.js";
-export { Button, ButtonFilter, Brand, FilterOption, TextField, Card, Tooltip, Tab, Icon, ActionIconGroup, ActionIcon, Modal, ModalBody, ModalFooter, ModalHeader, Header, HeaderItem, UserAvthar, Dropdown, DropdownItem, Badge, Alert, Pagination, RadioButton, Accordion, AccordionItem, Switch, Checkbox, Breadcrumb, CardIcon, CardiconTitle, CardiconBody, CardiconSubtitle, EnkiTable, TableBody, TableCell, TableRow, TableHead, TableHeadCell, EnkiCard, CardBody, CardTitle, CardSubtitle, CardText, CardLink, CardFooter, EnkiSidebar, NavItem, NavIcon, NavLink, Layout, Page, MainMenuHead, Footer, menuTypeStore, derivedStore, smallMenuwidth, };
+import { menuTypeStore } from "./components/Layout/menuStore.js";
+import { derivedStore } from "./components/Layout/menuStore.js";
+import { smallMenuwidth } from "./components/Layout/menuStore.js";
+export { Button, ButtonFilter, Brand, FilterOption, TextField, Card, Tooltip, Tab, Icon, ActionIconGroup, ActionIcon, Modal, ModalBody, ModalFooter, ModalHeader, Header, HeaderItem, UserAvatar, Dropdown, DropdownItem, Badge, Alert, Pagination, RadioButton, Accordion, AccordionItem, Switch, Checkbox, Breadcrumb, CardIcon, CardiconTitle, CardiconBody, CardiconSubtitle, EnkiTable, TableBody, TableCell, TableRow, TableHead, TableHeadCell, EnkiCard, CardBody, CardTitle, CardSubtitle, CardText, CardLink, CardFooter, EnkiSidebar, NavItem, NavIcon, NavLink, Layout, Page, MainMenuHead, Footer, menuTypeStore, derivedStore, smallMenuwidth, };
 export default i18nInit;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@enki-tek/fms-web-components",
-  "version": "0.0.51",
+  "version": "0.0.53",
   "devDependencies": {
     "@storybook/addon-essentials": "^7.6.14",
     "@storybook/addon-interactions": "^7.6.14",
@@ -106,13 +106,19 @@
     "./components/Header/Header.stories": "./components/Header/Header.stories.js",
     "./components/Header/Header.svelte": "./components/Header/Header.svelte",
     "./components/Header/HeaderItem.svelte": "./components/Header/HeaderItem.svelte",
-    "./components/Header/UserAvthar.svelte": "./components/Header/UserAvthar.svelte",
+    "./components/Header/UserAvatar.svelte": "./components/Header/UserAvatar.svelte",
     "./components/Icon/ActionIcon.svelte": "./components/Icon/ActionIcon.svelte",
     "./components/Icon/ActionInconGroup.svelte": "./components/Icon/ActionInconGroup.svelte",
     "./components/Icon/Icon.scss": "./components/Icon/Icon.scss",
     "./components/Icon/Icon.stories": "./components/Icon/Icon.stories.js",
     "./components/Icon/Icon.svelte": "./components/Icon/Icon.svelte",
     "./components/Icon/actionIcon.scss": "./components/Icon/actionIcon.scss",
+    "./components/Layout/Footer.svelte": "./components/Layout/Footer.svelte",
+    "./components/Layout/LayOut.stories": "./components/Layout/LayOut.stories.js",
+    "./components/Layout/LayOut.svelte": "./components/Layout/LayOut.svelte",
+    "./components/Layout/MainMenuHead.svelte": "./components/Layout/MainMenuHead.svelte",
+    "./components/Layout/Page.svelte": "./components/Layout/Page.svelte",
+    "./components/Layout/menuStore": "./components/Layout/menuStore.js",
     "./components/ModalWindow/Modal.scss": "./components/ModalWindow/Modal.scss",
     "./components/ModalWindow/Modal.stories": "./components/ModalWindow/Modal.stories.js",
     "./components/ModalWindow/Modal.svelte": "./components/ModalWindow/Modal.svelte",
@@ -137,21 +143,15 @@
     "./components/Table/Table.scss": "./components/Table/Table.scss",
     "./components/Table/Table.stories": "./components/Table/Table.stories.js",
     "./components/Table/Table.svelte": "./components/Table/Table.svelte",
+    "./components/TextField/TextField.scss": "./components/TextField/TextField.scss",
+    "./components/TextField/TextField.stories": "./components/TextField/TextField.stories.js",
+    "./components/TextField/TextField.svelte": "./components/TextField/TextField.svelte",
     "./components/Tooltip/Tooltip.scss": "./components/Tooltip/Tooltip.scss",
     "./components/Tooltip/Tooltip.stories": "./components/Tooltip/Tooltip.stories.js",
     "./components/Tooltip/Tooltip.svelte": "./components/Tooltip/Tooltip.svelte",
     "./components/common.scss": "./components/common.scss",
     "./components/i18n/ShiftLanguage.svelte": "./components/i18n/ShiftLanguage.svelte",
     "./components/i18n/i18n": "./components/i18n/i18n.js",
-    "./components/lay-out/Footer.svelte": "./components/lay-out/Footer.svelte",
-    "./components/lay-out/LayOut.stories": "./components/lay-out/LayOut.stories.js",
-    "./components/lay-out/LayOut.svelte": "./components/lay-out/LayOut.svelte",
-    "./components/lay-out/MainMenuHead.svelte": "./components/lay-out/MainMenuHead.svelte",
-    "./components/lay-out/Page.svelte": "./components/lay-out/Page.svelte",
-    "./components/lay-out/menuStore": "./components/lay-out/menuStore.js",
-    "./components/textField/TextField.scss": "./components/textField/TextField.scss",
-    "./components/textField/TextField.stories": "./components/textField/TextField.stories.js",
-    "./components/textField/TextField.svelte": "./components/textField/TextField.svelte",
     "./components/variable.scss": "./components/variable.scss",
     ".": "./index.js"
   },