@yakad/ui 1.3.59 → 1.3.61

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.
@@ -1,6 +1,6 @@
1
- /// <reference types="react" />
1
+ import React from "react";
2
2
  export interface InputFieldProps extends React.InputHTMLAttributes<HTMLInputElement> {
3
3
  variant?: "outlined" | "filled";
4
4
  boxsize?: "small" | "normal";
5
5
  }
6
- export declare const InputField: import("react").ForwardRefExoticComponent<InputFieldProps & import("react").RefAttributes<HTMLInputElement>>;
6
+ export declare const InputField: React.ForwardRefExoticComponent<InputFieldProps & React.RefAttributes<HTMLInputElement>>;
@@ -1 +1 @@
1
- {"version":3,"file":"inputField.js","sourceRoot":"","sources":["../../src/inputField/inputField.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAQ7C,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAChC,CACI,EAMC,EACD,GAAG,EACL,EAAE;QARA,EACI,OAAO,GAAG,UAAU,EACpB,OAAO,GAAG,QAAQ,EAClB,WAAW,EACX,SAAS,OAEZ,EADM,SAAS,cALhB,kDAMC,CADe;IAIhB,MAAM,gBAAgB,GAAG,UAAU,CAC/B,MAAM,CAAC,KAAK,EACZ,MAAM,CAAC,OAAO,CAAC,EACf,MAAM,CAAC,OAAO,CAAC,EACf,WAAW,IAAI,MAAM,CAAC,eAAe,EACrC,SAAS,CACZ,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAE,MAAM,CAAC,GAAG,aACtB,8BACI,GAAG,EAAE,GAAG,IACJ,SAAS,IACb,SAAS,EAAE,gBAAgB,EAC3B,WAAW,EAAC,GAAG,IACjB,EACD,WAAW,IAAI,CACZ,gBAAO,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,WAAW,GAAS,CACxD,IACC,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}
1
+ {"version":3,"file":"inputField.js","sourceRoot":"","sources":["../../src/inputField/inputField.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAQ7C,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAChC,CACI,EAMC,EACD,GAAG,EACL,EAAE;QARA,EACI,OAAO,GAAG,UAAU,EACpB,OAAO,GAAG,QAAQ,EAClB,WAAW,EACX,SAAS,OAEZ,EADM,SAAS,cALhB,kDAMC,CADe;IAIhB,MAAM,gBAAgB,GAAG,UAAU,CAC/B,MAAM,CAAC,KAAK,EACZ,MAAM,CAAC,OAAO,CAAC,EACf,MAAM,CAAC,OAAO,CAAC,EACf,WAAW,IAAI,MAAM,CAAC,eAAe,EACrC,SAAS,CACZ,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAE,MAAM,CAAC,GAAG,aACtB,8BACI,GAAG,EAAE,GAAG,IACJ,SAAS,IACb,SAAS,EAAE,gBAAgB,EAC3B,WAAW,EAAC,GAAG,IACjB,EACD,WAAW,IAAI,CACZ,gBAAO,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,WAAW,GAAS,CACxD,IACC,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}
@@ -4,8 +4,6 @@
4
4
  box-sizing: border-box;
5
5
  width: 100%;
6
6
  padding-top: 0.6rem;
7
- font-size: 1.3rem;
8
- overflow: hidden;
9
7
  }
10
8
  .input {
11
9
  box-sizing: border-box;
@@ -1,6 +1,8 @@
1
1
  /// <reference types="react" />
2
- import { CardProps } from "../";
3
- export interface PopupProps extends CardProps {
2
+ export interface PopupProps {
3
+ align?: "start" | "center" | "end";
4
+ heading?: string;
4
5
  onclosebuttonclick?: () => void;
6
+ children?: React.ReactNode;
5
7
  }
6
8
  export declare const Popup: import("react").ForwardRefExoticComponent<Omit<PopupProps, "className" | "style"> & import("react").RefAttributes<HTMLDivElement>>;
@@ -9,13 +9,14 @@ var __rest = (this && this.__rest) || function (s, e) {
9
9
  }
10
10
  return t;
11
11
  };
12
- import { jsx as _jsx } from "react/jsx-runtime";
12
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
13
  import { forwardRef } from "react";
14
- import { Card, ClickOutsideListener } from "../";
14
+ import { Button, Card, ClickOutsideListener, Row, Spacer, Stack, Text, } from "../";
15
+ import Symbol from "@yakad/symbols";
15
16
  import styles from "./popup.module.css";
16
17
  export const Popup = forwardRef((_a, ref) => {
17
- var { onclosebuttonclick, children } = _a, restProps = __rest(_a, ["onclosebuttonclick", "children"]);
18
- return (_jsx("div", { className: styles.popupscreen, children: _jsx(ClickOutsideListener, { onclickoutside: onclosebuttonclick, className: styles.popup, children: _jsx(Card, Object.assign({ ref: ref }, restProps, { className: styles.popup, style: { overflow: "auto" }, children: children })) }) }));
18
+ var { align, heading, onclosebuttonclick, children } = _a, restProps = __rest(_a, ["align", "heading", "onclosebuttonclick", "children"]);
19
+ return (_jsx("div", { className: styles.popupscreen, children: _jsx(ClickOutsideListener, { onclickoutside: onclosebuttonclick, className: styles.popup, children: _jsxs(Card, Object.assign({ ref: ref }, restProps, { className: styles.popup, children: [_jsxs(Row, { style: { marginBottom: "2rem" }, children: [_jsx(Text, { variant: "heading4", children: heading }), _jsx(Spacer, {}), _jsx(Button, { title: "Close", icon: _jsx(Symbol, { icon: "close" }), onClick: onclosebuttonclick })] }), _jsx(Stack, { align: align, style: { width: "100%", overflowY: "auto" }, children: children })] })) }) }));
19
20
  });
20
21
  Popup.displayName = "Popup";
21
22
  //# sourceMappingURL=popup.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"popup.js","sourceRoot":"","sources":["../../src/popup/popup.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,IAAI,EAAa,oBAAoB,EAAE,MAAM,KAAK,CAAC;AAC5D,OAAO,MAAM,MAAM,oBAAoB,CAAC;AAMxC,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAG7B,CAAC,EAA8C,EAAE,GAAG,EAAE,EAAE;QAAvD,EAAE,kBAAkB,EAAE,QAAQ,OAAgB,EAAX,SAAS,cAA5C,kCAA8C,CAAF;IAC3C,OAAO,CACH,cAAK,SAAS,EAAE,MAAM,CAAC,WAAW,YAC9B,KAAC,oBAAoB,IACjB,cAAc,EAAE,kBAAkB,EAClC,SAAS,EAAE,MAAM,CAAC,KAAK,YAEvB,KAAC,IAAI,kBACD,GAAG,EAAE,GAAG,IACJ,SAAS,IACb,SAAS,EAAE,MAAM,CAAC,KAAK,EACvB,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,YAE1B,QAAQ,IACN,GACY,GACrB,CACT,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}
1
+ {"version":3,"file":"popup.js","sourceRoot":"","sources":["../../src/popup/popup.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EACH,MAAM,EACN,IAAI,EACJ,oBAAoB,EACpB,GAAG,EACH,MAAM,EACN,KAAK,EACL,IAAI,GACP,MAAM,KAAK,CAAC;AACb,OAAO,MAAM,MAAM,gBAAgB,CAAC;AACpC,OAAO,MAAM,MAAM,oBAAoB,CAAC;AASxC,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAG7B,CAAC,EAA8D,EAAE,GAAG,EAAE,EAAE;QAAvE,EAAE,KAAK,EAAE,OAAO,EAAE,kBAAkB,EAAE,QAAQ,OAAgB,EAAX,SAAS,cAA5D,sDAA8D,CAAF;IAC3D,OAAO,CACH,cAAK,SAAS,EAAE,MAAM,CAAC,WAAW,YAC9B,KAAC,oBAAoB,IACjB,cAAc,EAAE,kBAAkB,EAClC,SAAS,EAAE,MAAM,CAAC,KAAK,YAEvB,MAAC,IAAI,kBAAC,GAAG,EAAE,GAAG,IAAM,SAAS,IAAE,SAAS,EAAE,MAAM,CAAC,KAAK,aAClD,MAAC,GAAG,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,aAChC,KAAC,IAAI,IAAC,OAAO,EAAC,UAAU,YAAE,OAAO,GAAQ,EACzC,KAAC,MAAM,KAAG,EACV,KAAC,MAAM,IACH,KAAK,EAAC,OAAO,EACb,IAAI,EAAE,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,GAAG,EAC7B,OAAO,EAAE,kBAAkB,GAC7B,IACA,EACN,KAAC,KAAK,IACF,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,YAE1C,QAAQ,GACL,KACL,GACY,GACrB,CACT,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}
@@ -13,8 +13,8 @@
13
13
  }
14
14
 
15
15
  .popup {
16
- min-height: 50rem;
17
- width: 100%;
16
+ min-height: 10rem;
17
+ width: 90%;
18
18
  max-width: 60rem;
19
- max-height: 100vh;
19
+ max-height: 90vh;
20
20
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yakad/ui",
3
- "version": "1.3.59",
3
+ "version": "1.3.61",
4
4
  "private": false,
5
5
  "author": "Natiq",
6
6
  "description": "UI components for NextJS/React",