kelt-ui-kit-react 0.1.3 → 0.1.5

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.
Files changed (112) hide show
  1. package/dist/App.menu.d.ts +1 -0
  2. package/dist/card/Card.d.ts +8 -0
  3. package/dist/card/Card.view.d.ts +1 -0
  4. package/dist/card/card.interface.d.ts +4 -0
  5. package/dist/dataTable/DataTable.d.ts +0 -0
  6. package/dist/dataTable/DataTable.view.d.ts +0 -0
  7. package/dist/expands/expand/expand.interface.d.ts +1 -0
  8. package/dist/form/Form.d.ts +15 -0
  9. package/dist/form/form.enum.d.ts +10 -0
  10. package/dist/form/form.interface.d.ts +14 -0
  11. package/dist/grid/Grid.d.ts +7 -0
  12. package/dist/grid/Grid.view.d.ts +1 -0
  13. package/dist/grid/col/Col.d.ts +10 -0
  14. package/dist/grid/col/colStyled/ColStyled.d.ts +9 -0
  15. package/dist/grid/container/Container.d.ts +7 -0
  16. package/dist/grid/grid.interface.d.ts +8 -0
  17. package/dist/grid/row/Row.d.ts +6 -0
  18. package/dist/header/Header.d.ts +3 -0
  19. package/dist/header/header.interface.d.ts +4 -2
  20. package/dist/index.d.ts +13 -6
  21. package/dist/index.js +1721 -1076
  22. package/dist/menus/menu/menu.interface.d.ts +2 -1
  23. package/dist/overlayPanel/OverlayPanel.d.ts +12 -0
  24. package/dist/overlayPanel/OverlayPanel.view.d.ts +1 -0
  25. package/dist/overlayPanel/overlayPanelStyled/overlayPanelStyled.d.ts +7 -0
  26. package/dist/search/Search.d.ts +14 -0
  27. package/dist/search/Search.view.d.ts +1 -0
  28. package/dist/sidebar/Sidebar.d.ts +9 -0
  29. package/dist/style.css +1 -1
  30. package/package.json +5 -4
  31. package/src/App.menu.tsx +81 -14
  32. package/src/App.routes.tsx +2 -2
  33. package/src/App.tsx +1 -1
  34. package/src/button/{button.tsx → Button.tsx} +1 -1
  35. package/src/button/{button.view.tsx → Button.view.tsx} +1 -1
  36. package/src/button/button.css +15 -7
  37. package/src/card/Card.tsx +15 -0
  38. package/src/card/Card.view.tsx +33 -0
  39. package/src/card/card.css +19 -0
  40. package/src/card/card.interface.tsx +4 -0
  41. package/src/dataTable/DataTable.tsx +0 -0
  42. package/src/dataTable/DataTable.view.tsx +0 -0
  43. package/src/expands/{expands.tsx → Expands.tsx} +3 -1
  44. package/src/expands/{expands.view.tsx → Expands.view.tsx} +5 -3
  45. package/src/expands/expand/expand.interface.tsx +1 -0
  46. package/src/expands/expand/expand.tsx +16 -3
  47. package/src/expands/expands.css +37 -0
  48. package/src/form/Form.tsx +97 -0
  49. package/src/form/Form.view.tsx +50 -0
  50. package/src/form/form.css +19 -0
  51. package/src/form/form.enum.ts +10 -0
  52. package/src/form/form.interface.tsx +15 -0
  53. package/src/grid/Grid.tsx +19 -0
  54. package/src/grid/Grid.view.tsx +24 -0
  55. package/src/grid/col/Col.tsx +15 -0
  56. package/src/grid/col/colStyled/ColStyled.tsx +40 -0
  57. package/src/grid/container/Container.tsx +8 -0
  58. package/src/grid/container/container.css +5 -0
  59. package/src/grid/grid.interface.tsx +7 -0
  60. package/src/grid/row/Row.tsx +9 -0
  61. package/src/header/Header.tsx +46 -0
  62. package/src/header/{header.view.tsx → Header.view.tsx} +1 -1
  63. package/src/header/header.css +20 -5
  64. package/src/header/header.interface.tsx +4 -2
  65. package/src/icon/{icons.view.tsx → Icons.view.tsx} +1 -1
  66. package/src/index.css +6 -1
  67. package/src/index.ts +13 -7
  68. package/src/menus/{menus.tsx → Menus.tsx} +1 -1
  69. package/src/menus/Menus.view.tsx +33 -0
  70. package/src/menus/menu/{menu.tsx → Menu.tsx} +2 -2
  71. package/src/menus/menu/menu.interface.tsx +1 -1
  72. package/src/menus/menus.css +27 -8
  73. package/src/overlayPanel/OverlayPanel.tsx +109 -0
  74. package/src/overlayPanel/OverlayPanel.view.tsx +24 -0
  75. package/src/overlayPanel/overlayPanel.css +27 -0
  76. package/src/overlayPanel/overlayPanelStyled/overlayPanelStyled.tsx +16 -0
  77. package/src/search/Search.tsx +48 -0
  78. package/src/search/Search.view.tsx +5 -0
  79. package/src/search/search.css +13 -0
  80. package/src/sidebar/Sidebar.tsx +52 -0
  81. package/src/sidebar/{sidebar.view.tsx → Sidebar.view.tsx} +3 -3
  82. package/src/sidebar/sidebar.css +48 -29
  83. package/src/toaster/{toaster.view.tsx → Toaster.view.tsx} +1 -1
  84. package/tsconfig.json +3 -3
  85. package/dist/form/form.d.ts +0 -11
  86. package/dist/header/header.d.ts +0 -3
  87. package/dist/sidebar/sidebar.d.ts +0 -7
  88. package/src/form/form.tsx +0 -59
  89. package/src/form/form.view.tsx +0 -17
  90. package/src/header/header.tsx +0 -25
  91. package/src/menus/menus.view.tsx +0 -28
  92. package/src/sidebar/sidebar.tsx +0 -40
  93. /package/dist/button/{button.d.ts → Button.d.ts} +0 -0
  94. /package/dist/button/{button.view.d.ts → Button.view.d.ts} +0 -0
  95. /package/dist/expands/{expands.d.ts → Expands.d.ts} +0 -0
  96. /package/dist/expands/{expands.view.d.ts → Expands.view.d.ts} +0 -0
  97. /package/dist/form/{form.view.d.ts → Form.view.d.ts} +0 -0
  98. /package/dist/header/{header.view.d.ts → Header.view.d.ts} +0 -0
  99. /package/dist/home/{home.d.ts → Home.d.ts} +0 -0
  100. /package/dist/icon/{icon.d.ts → Icon.d.ts} +0 -0
  101. /package/dist/icon/{icons.view.d.ts → Icons.view.d.ts} +0 -0
  102. /package/dist/menus/{menus.d.ts → Menus.d.ts} +0 -0
  103. /package/dist/menus/{menus.view.d.ts → Menus.view.d.ts} +0 -0
  104. /package/dist/menus/menu/{menu.d.ts → Menu.d.ts} +0 -0
  105. /package/dist/notFound/{notFound.d.ts → NotFound.d.ts} +0 -0
  106. /package/dist/sidebar/{sidebar.view.d.ts → Sidebar.view.d.ts} +0 -0
  107. /package/dist/toaster/{toaster.d.ts → Toaster.d.ts} +0 -0
  108. /package/dist/toaster/{toaster.view.d.ts → Toaster.view.d.ts} +0 -0
  109. /package/src/home/{home.tsx → Home.tsx} +0 -0
  110. /package/src/icon/{icon.tsx → Icon.tsx} +0 -0
  111. /package/src/notFound/{notFound.tsx → NotFound.tsx} +0 -0
  112. /package/src/toaster/{toaster.tsx → Toaster.tsx} +0 -0
@@ -2,6 +2,7 @@
2
2
  export type MenuProps = {
3
3
  id: number;
4
4
  name: string;
5
+ children: JSX.Element;
5
6
  link: string;
6
7
  element: JSX.Element;
7
8
  };
@@ -0,0 +1,8 @@
1
+ import { CardInterface } from './card.interface';
2
+
3
+ type CardProps = {
4
+ item: CardInterface;
5
+ className?: string;
6
+ };
7
+ export declare const Card: ({ item, className }: CardProps) => JSX.Element;
8
+ export {};
@@ -0,0 +1 @@
1
+ export declare const CardView: () => JSX.Element;
@@ -0,0 +1,4 @@
1
+ export interface CardInterface {
2
+ title: string;
3
+ description?: string;
4
+ }
File without changes
File without changes
@@ -4,5 +4,6 @@ export interface ExpandInterface {
4
4
  title: string;
5
5
  description?: string;
6
6
  content?: React.ReactNode;
7
+ headerContent?: React.ReactNode;
7
8
  active?: boolean;
8
9
  }
@@ -0,0 +1,15 @@
1
+ import { FormInterface, FormValuesInterface } from './form.interface';
2
+
3
+ export type FormProps<T extends {
4
+ [key: string]: string | number | boolean;
5
+ }> = {
6
+ className?: string;
7
+ title?: string;
8
+ hideSubmit?: boolean;
9
+ initialForm: FormInterface[];
10
+ onSubmit: (values: FormValuesInterface<T>) => void;
11
+ onChange?: (values: FormValuesInterface<T>) => void;
12
+ };
13
+ export declare const DynamicForm: <T extends {
14
+ [key: string]: any;
15
+ }>({ initialForm, title, onSubmit, onChange, hideSubmit, }: FormProps<T>) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,10 @@
1
+ export declare enum TypeInputEnum {
2
+ TEXT = "text",
3
+ BUTTON = "button",
4
+ EMAIL = "email",
5
+ HIDDEN = "hidden",
6
+ PASSWORD = "password",
7
+ NUMBER = "number",
8
+ CHECKBOX = "checkbox",
9
+ RADIO = "radio"
10
+ }
@@ -0,0 +1,14 @@
1
+ import { TypeInputEnum } from './form.enum';
2
+
3
+ export type FormValuesInterface<T extends {
4
+ [key: string]: string | number | boolean;
5
+ }> = Partial<{
6
+ [K in keyof T]: T[K];
7
+ }>;
8
+ export interface FormInterface {
9
+ value: string | number | boolean;
10
+ label?: string;
11
+ type: TypeInputEnum;
12
+ placeholder?: string;
13
+ name: string;
14
+ }
@@ -0,0 +1,7 @@
1
+ import { GridInterface } from './grid.interface';
2
+
3
+ type GridProps = {
4
+ items: GridInterface[];
5
+ };
6
+ export declare const Grid: ({ items }: GridProps) => import("react/jsx-runtime").JSX.Element;
7
+ export {};
@@ -0,0 +1 @@
1
+ export declare const GridView: () => JSX.Element;
@@ -0,0 +1,10 @@
1
+ /// <reference types="react" />
2
+ type ColProps = {
3
+ xs?: number;
4
+ sm?: number;
5
+ md?: number;
6
+ lg?: number;
7
+ children: React.ReactNode;
8
+ };
9
+ export declare const Col: React.FC<ColProps>;
10
+ export {};
@@ -0,0 +1,9 @@
1
+ /// <reference types="react" />
2
+ type ColStyledProps = {
3
+ $xs?: number;
4
+ $sm?: number;
5
+ $md?: number;
6
+ $lg?: number;
7
+ };
8
+ export declare const ColStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ColStyledProps>> & string;
9
+ export {};
@@ -0,0 +1,7 @@
1
+ import { default as React } from 'react';
2
+
3
+ type ContainerProps = {
4
+ children: React.ReactNode;
5
+ };
6
+ export declare const Container: React.FC<ContainerProps>;
7
+ export {};
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ export interface GridInterface {
3
+ sm?: number;
4
+ xs?: number;
5
+ md?: number;
6
+ lg?: number;
7
+ children: React.ReactNode;
8
+ }
@@ -0,0 +1,6 @@
1
+ /// <reference types="react" />
2
+ type RowProps = {
3
+ children: React.ReactNode;
4
+ };
5
+ export declare const Row: React.FC<RowProps>;
6
+ export {};
@@ -0,0 +1,3 @@
1
+ import { HeaderInterface } from './header.interface';
2
+
3
+ export declare const Header: ({ children, logo, onClickMenu, userChildren, positionFixed, }: HeaderInterface) => JSX.Element;
@@ -1,6 +1,8 @@
1
1
  /// <reference types="react" />
2
2
  export interface HeaderInterface {
3
- content?: React.ReactNode;
3
+ logo?: string;
4
+ children?: React.ReactNode;
5
+ positionFixed?: boolean;
4
6
  onClickMenu?: () => void;
5
- onClickUser?: () => void;
7
+ userChildren?: React.ReactNode;
6
8
  }
package/dist/index.d.ts CHANGED
@@ -1,7 +1,14 @@
1
1
 
2
- export { Button } from './button/button';
3
- export { Expands } from './expands/expands';
4
- export { Header } from './header/header';
5
- export { Icon } from './icon/icon';
6
- export { Menus } from './menus/menus';
7
- export { Sidebar } from './sidebar/sidebar';
2
+ export { Button } from './button/Button';
3
+ export { Expands } from './expands/Expands';
4
+ export { Header } from './header/Header';
5
+ export { Icon } from './icon/Icon';
6
+ export { Menus } from './menus/Menus';
7
+ export { Sidebar } from './sidebar/Sidebar';
8
+ export { DynamicForm } from './form/Form';
9
+ export { TypeInputEnum } from './form/form.enum';
10
+ export { Grid } from './grid/Grid';
11
+ export { OverlayPanel } from './overlayPanel/OverlayPanel';
12
+ export { Toaster } from './toaster/Toaster';
13
+ export { Search } from './search/Search';
14
+ export { Card } from './card/Card';