@yakad/ui 1.2.77-beta → 1.2.79-beta

package/clickAwayListener/clickAwayListener.js

@@ -1,3 +1,4 @@
+"use client";
 import React, { useEffect, useRef } from "react";
 function ClickAwayListener(props) {
     const ref = useRef(null);

package/clickAwayListener/clickAwayListener.js.map

@@ -1 +1 @@
-{"version":3,"file":"clickAwayListener.js","sourceRoot":"","sources":["clickAwayListener.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAMjD,SAAS,iBAAiB,CAAC,KAA6B;IACpD,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAEzB,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,kBAAkB,GAAG,CAAC,KAAiB,EAAE,EAAE;YAC7C,IAAI,GAAG,CAAC,OAAO,IAAI,CAAE,GAAG,CAAC,OAAe,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;gBAC7D,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,WAAW,CAAC,KAAY,CAAC,CAAC;aACxD;QACL,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,EAAE,IAAI,CAAC,CAAC;QAE7D,+BAA+B;QAC/B,OAAO,GAAG,EAAE,CACR,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,kBAAkB,EAAE,IAAI,CAAC,CAAC;IACxE,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IAExB,OAAO,6BAAK,GAAG,EAAE,GAAG,IAAG,KAAK,CAAC,QAAQ,CAAO,CAAC;AACjD,CAAC;AAED,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"clickAwayListener.js","sourceRoot":"","sources":["clickAwayListener.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAMjD,SAAS,iBAAiB,CAAC,KAA6B;IACpD,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAEzB,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,kBAAkB,GAAG,CAAC,KAAiB,EAAE,EAAE;YAC7C,IAAI,GAAG,CAAC,OAAO,IAAI,CAAE,GAAG,CAAC,OAAe,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;gBAC7D,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,WAAW,CAAC,KAAY,CAAC,CAAC;aACxD;QACL,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,EAAE,IAAI,CAAC,CAAC;QAE7D,+BAA+B;QAC/B,OAAO,GAAG,EAAE,CACR,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,kBAAkB,EAAE,IAAI,CAAC,CAAC;IACxE,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IAExB,OAAO,6BAAK,GAAG,EAAE,GAAG,IAAG,KAAK,CAAC,QAAQ,CAAO,CAAC;AACjD,CAAC;AAED,eAAe,iBAAiB,CAAC"}

package/clickAwayListener/clickAwayListener.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import React, { useEffect, useRef } from "react";
 
 interface ClickAwayListenerProps extends React.HTMLAttributes<HTMLDivElement> {

package/index.d.ts

@@ -21,4 +21,5 @@ import CodeField from "./codeField/codeField";
 import InputField from "./inputField/inputField";
 import Theme from "./theme/theme";
 import ClickAwayListener from "./clickAwayListener/clickAwayListener";
-export { Button, AppBar, Card, Container, Footer, Form, GridContainer, GridItem, Hr, List, ListItem, Main, Navigation, Page, Row, Stack, Spacer, SvgIcon, Loading, CodeField, InputField, Theme, ClickAwayListener, };
+import { Table, Thead, Tbody, Tfoot, Tr, Th, Td } from "./table/table";
+export { Button, AppBar, Card, Container, Footer, Form, GridContainer, GridItem, Hr, List, ListItem, Main, Navigation, Page, Row, Stack, Spacer, SvgIcon, Loading, CodeField, InputField, Theme, ClickAwayListener, Table, Thead, Tbody, Tfoot, Tr, Th, Td, };

package/index.js

@@ -21,5 +21,6 @@ import CodeField from "./codeField/codeField";
 import InputField from "./inputField/inputField";
 import Theme from "./theme/theme";
 import ClickAwayListener from "./clickAwayListener/clickAwayListener";
-export { Button, AppBar, Card, Container, Footer, Form, GridContainer, GridItem, Hr, List, ListItem, Main, Navigation, Page, Row, Stack, Spacer, SvgIcon, Loading, CodeField, InputField, Theme, ClickAwayListener, };
+import { Table, Thead, Tbody, Tfoot, Tr, Th, Td } from "./table/table";
+export { Button, AppBar, Card, Container, Footer, Form, GridContainer, GridItem, Hr, List, ListItem, Main, Navigation, Page, Row, Stack, Spacer, SvgIcon, Loading, CodeField, InputField, Theme, ClickAwayListener, Table, Thead, Tbody, Tfoot, Tr, Th, Td, };
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,IAAI,MAAM,aAAa,CAAC;AAC/B,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAC9C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,IAAI,MAAM,aAAa,CAAC;AAC/B,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAC1D,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAE,MAAM,SAAS,CAAC;AACzB,OAAO,IAAI,MAAM,aAAa,CAAC;AAC/B,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAC3C,OAAO,IAAI,MAAM,aAAa,CAAC;AAC/B,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,IAAI,MAAM,aAAa,CAAC;AAC/B,OAAO,GAAG,MAAM,WAAW,CAAC;AAC5B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,MAAM,eAAe,CAAC;AAClC,OAAO,OAAO,MAAM,mBAAmB,CAAC;AACxC,OAAO,OAAO,MAAM,mBAAmB,CAAC;AACxC,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAC9C,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,KAAK,MAAM,eAAe,CAAC;AAClC,OAAO,iBAAiB,MAAM,uCAAuC,CAAC;AACtE,OAAO,EACH,MAAM,EACN,MAAM,EACN,IAAI,EACJ,SAAS,EACT,MAAM,EACN,IAAI,EACJ,aAAa,EACb,QAAQ,EACR,EAAE,EACF,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,UAAU,EACV,IAAI,EACJ,GAAG,EACH,KAAK,EACL,MAAM,EACN,OAAO,EACP,OAAO,EACP,SAAS,EACT,UAAU,EACV,KAAK,EACL,iBAAiB,GACpB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,IAAI,MAAM,aAAa,CAAC;AAC/B,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAC9C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,IAAI,MAAM,aAAa,CAAC;AAC/B,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAC1D,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAE,MAAM,SAAS,CAAC;AACzB,OAAO,IAAI,MAAM,aAAa,CAAC;AAC/B,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAC3C,OAAO,IAAI,MAAM,aAAa,CAAC;AAC/B,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,IAAI,MAAM,aAAa,CAAC;AAC/B,OAAO,GAAG,MAAM,WAAW,CAAC;AAC5B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,MAAM,eAAe,CAAC;AAClC,OAAO,OAAO,MAAM,mBAAmB,CAAC;AACxC,OAAO,OAAO,MAAM,mBAAmB,CAAC;AACxC,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAC9C,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,KAAK,MAAM,eAAe,CAAC;AAClC,OAAO,iBAAiB,MAAM,uCAAuC,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,EACH,MAAM,EACN,MAAM,EACN,IAAI,EACJ,SAAS,EACT,MAAM,EACN,IAAI,EACJ,aAAa,EACb,QAAQ,EACR,EAAE,EACF,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,UAAU,EACV,IAAI,EACJ,GAAG,EACH,KAAK,EACL,MAAM,EACN,OAAO,EACP,OAAO,EACP,SAAS,EACT,UAAU,EACV,KAAK,EACL,iBAAiB,EACjB,KAAK,EACL,KAAK,EACL,KAAK,EACL,KAAK,EACL,EAAE,EACF,EAAE,EACF,EAAE,GACL,CAAC"}

package/index.tsx

@@ -21,6 +21,7 @@ import CodeField from "./codeField/codeField";
 import InputField from "./inputField/inputField";
 import Theme from "./theme/theme";
 import ClickAwayListener from "./clickAwayListener/clickAwayListener";
+import { Table, Thead, Tbody, Tfoot, Tr, Th, Td } from "./table/table";
 export {
     Button,
     AppBar,
@@ -45,4 +46,11 @@ export {
     InputField,
     Theme,
     ClickAwayListener,
+    Table,
+    Thead,
+    Tbody,
+    Tfoot,
+    Tr,
+    Th,
+    Td,
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@yakad/ui",
-    "version": "1.2.77-beta",
+    "version": "1.2.79-beta",
     "description": "",
     "main": "./src/index.js",
     "scripts": {
@@ -12,11 +12,11 @@
         "url": "git+https://github.com/NatiqQuran/yakad.git"
     },
     "author": "Natiq",
-    "license": "GPL-3.0",
+    "license": "MIT",
     "bugs": {
         "url": "https://github.com/NatiqQuran/yakad/issues"
     },
-    "homepage": "https://github.com/NatiqQuran/yakad#readme",
+    "homepage": "https://yakad.natiq.net",
     "dependencies": {
         "@types/react": "18.0.24",
         "@types/react-dom": "18.0.6",

package/table/table.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export declare function Table(props: React.HTMLAttributes<HTMLElement>): JSX.Element;
+export declare function Thead(props: React.HTMLAttributes<HTMLElement>): JSX.Element;
+export declare function Tbody(props: React.HTMLAttributes<HTMLElement>): JSX.Element;
+export declare function Tfoot(props: React.HTMLAttributes<HTMLElement>): JSX.Element;
+export declare function Tr(props: React.HTMLAttributes<HTMLElement>): JSX.Element;
+export declare function Th(props: React.HTMLAttributes<HTMLElement>): JSX.Element;
+export declare function Td(props: React.HTMLAttributes<HTMLElement>): JSX.Element;

package/table/table.js

@@ -0,0 +1,32 @@
+import React from "react";
+import { joinClassNames } from "@yakad/lib";
+import styles from "./table.module.css";
+export function Table(props) {
+    const joinedClassNames = joinClassNames(styles.table, props.className);
+    return (React.createElement("table", { ...props, className: joinedClassNames }, props.children));
+}
+export function Thead(props) {
+    const joinedClassNames = joinClassNames(styles.thead, props.className);
+    return (React.createElement("thead", { ...props, className: joinedClassNames }, props.children));
+}
+export function Tbody(props) {
+    const joinedClassNames = joinClassNames(styles.tbody, props.className);
+    return (React.createElement("tbody", { ...props, className: joinedClassNames }, props.children));
+}
+export function Tfoot(props) {
+    const joinedClassNames = joinClassNames(styles.tfoot, props.className);
+    return (React.createElement("tfoot", { ...props, className: joinedClassNames }, props.children));
+}
+export function Tr(props) {
+    const joinedClassNames = joinClassNames(styles.tr, props.className);
+    return (React.createElement("tr", { ...props, className: joinedClassNames }, props.children));
+}
+export function Th(props) {
+    const joinedClassNames = joinClassNames(styles.th, props.className);
+    return (React.createElement("th", { ...props, className: joinedClassNames }, props.children));
+}
+export function Td(props) {
+    const joinedClassNames = joinClassNames(styles.td, props.className);
+    return (React.createElement("td", { ...props, className: joinedClassNames }, props.children));
+}
+//# sourceMappingURL=table.js.map

package/table/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","sourceRoot":"","sources":["table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,MAAM,MAAM,oBAAoB,CAAC;AAExC,MAAM,UAAU,KAAK,CAAC,KAAwC;IAC1D,MAAM,gBAAgB,GAAG,cAAc,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,SAAU,CAAC,CAAC;IAExE,OAAO,CACH,kCAAW,KAAK,EAAE,SAAS,EAAE,gBAAgB,IACxC,KAAK,CAAC,QAAQ,CACX,CACX,CAAC;AACN,CAAC;AAED,MAAM,UAAU,KAAK,CAAC,KAAwC;IAC1D,MAAM,gBAAgB,GAAG,cAAc,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,SAAU,CAAC,CAAC;IAExE,OAAO,CACH,kCAAW,KAAK,EAAE,SAAS,EAAE,gBAAgB,IACxC,KAAK,CAAC,QAAQ,CACX,CACX,CAAC;AACN,CAAC;AAED,MAAM,UAAU,KAAK,CAAC,KAAwC;IAC1D,MAAM,gBAAgB,GAAG,cAAc,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,SAAU,CAAC,CAAC;IAExE,OAAO,CACH,kCAAW,KAAK,EAAE,SAAS,EAAE,gBAAgB,IACxC,KAAK,CAAC,QAAQ,CACX,CACX,CAAC;AACN,CAAC;AAED,MAAM,UAAU,KAAK,CAAC,KAAwC;IAC1D,MAAM,gBAAgB,GAAG,cAAc,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,SAAU,CAAC,CAAC;IAExE,OAAO,CACH,kCAAW,KAAK,EAAE,SAAS,EAAE,gBAAgB,IACxC,KAAK,CAAC,QAAQ,CACX,CACX,CAAC;AACN,CAAC;AAED,MAAM,UAAU,EAAE,CAAC,KAAwC;IACvD,MAAM,gBAAgB,GAAG,cAAc,CAAC,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,SAAU,CAAC,CAAC;IAErE,OAAO,CACH,+BAAQ,KAAK,EAAE,SAAS,EAAE,gBAAgB,IACrC,KAAK,CAAC,QAAQ,CACd,CACR,CAAC;AACN,CAAC;AAED,MAAM,UAAU,EAAE,CAAC,KAAwC;IACvD,MAAM,gBAAgB,GAAG,cAAc,CAAC,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,SAAU,CAAC,CAAC;IAErE,OAAO,CACH,+BAAQ,KAAK,EAAE,SAAS,EAAE,gBAAgB,IACrC,KAAK,CAAC,QAAQ,CACd,CACR,CAAC;AACN,CAAC;AAED,MAAM,UAAU,EAAE,CAAC,KAAwC;IACvD,MAAM,gBAAgB,GAAG,cAAc,CAAC,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,SAAU,CAAC,CAAC;IAErE,OAAO,CACH,+BAAQ,KAAK,EAAE,SAAS,EAAE,gBAAgB,IACrC,KAAK,CAAC,QAAQ,CACd,CACR,CAAC;AACN,CAAC"}

package/table/table.module.css

@@ -0,0 +1,37 @@
+.table {
+    border-collapse: unset;
+    border-spacing: unset;
+    border-radius: 0.7rem;
+    overflow: hidden;
+}
+
+.thead {
+    border: 0.1rem solid red;
+}
+
+.tbody .tr:nth-child(even) {
+    background-color: #7d7d7d20;
+}
+.tbody .tr:hover {
+    background-color: #7d7d7d30;
+}
+
+.thead .th {
+    border-bottom: 0.2rem solid #7d7d7d40;
+    background-color: rgb(var(--surfaceContainerColor, 243 237 247));
+}
+.tfoot .th {
+    border-top: 0.2rem solid #7d7d7d40;
+    background-color: rgb(var(--surfaceContainerColor, 243 237 247));
+}
+
+.td {
+    /* border: 0.1rem solid #7d7d7d40; */
+}
+
+.th,
+.td {
+    padding: 0 1rem;
+    min-height: 3.2rem;
+    line-height: 3.2rem;
+}

package/table/table.tsx

@@ -0,0 +1,73 @@
+import React from "react";
+import { joinClassNames } from "@yakad/lib";
+import styles from "./table.module.css";
+
+export function Table(props: React.HTMLAttributes<HTMLElement>) {
+    const joinedClassNames = joinClassNames(styles.table, props.className!);
+
+    return (
+        <table {...props} className={joinedClassNames}>
+            {props.children}
+        </table>
+    );
+}
+
+export function Thead(props: React.HTMLAttributes<HTMLElement>) {
+    const joinedClassNames = joinClassNames(styles.thead, props.className!);
+
+    return (
+        <thead {...props} className={joinedClassNames}>
+            {props.children}
+        </thead>
+    );
+}
+
+export function Tbody(props: React.HTMLAttributes<HTMLElement>) {
+    const joinedClassNames = joinClassNames(styles.tbody, props.className!);
+
+    return (
+        <tbody {...props} className={joinedClassNames}>
+            {props.children}
+        </tbody>
+    );
+}
+
+export function Tfoot(props: React.HTMLAttributes<HTMLElement>) {
+    const joinedClassNames = joinClassNames(styles.tfoot, props.className!);
+
+    return (
+        <tfoot {...props} className={joinedClassNames}>
+            {props.children}
+        </tfoot>
+    );
+}
+
+export function Tr(props: React.HTMLAttributes<HTMLElement>) {
+    const joinedClassNames = joinClassNames(styles.tr, props.className!);
+
+    return (
+        <tr {...props} className={joinedClassNames}>
+            {props.children}
+        </tr>
+    );
+}
+
+export function Th(props: React.HTMLAttributes<HTMLElement>) {
+    const joinedClassNames = joinClassNames(styles.th, props.className!);
+
+    return (
+        <th {...props} className={joinedClassNames}>
+            {props.children}
+        </th>
+    );
+}
+
+export function Td(props: React.HTMLAttributes<HTMLElement>) {
+    const joinedClassNames = joinClassNames(styles.td, props.className!);
+
+    return (
+        <td {...props} className={joinedClassNames}>
+            {props.children}
+        </td>
+    );
+}