@addsign/moje-agenda-shared-lib 0.0.98 → 0.0.99

package/dist/components/form/RadioGroup.d.ts

@@ -0,0 +1,8 @@
+import { IFormFieldGlobalProps, IOptionItem } from '../../types';
+
+export interface IRadioGroupProps extends IFormFieldGlobalProps {
+    options?: IOptionItem[];
+    valueKey?: string;
+    labelKey?: string;
+}
+export default function RadioGroup({ label, name, value, description, onInputChange, options, errors, required, disabled, register, }: IRadioGroupProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/form/RadioGroup.js

@@ -0,0 +1,59 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+function RadioGroup({
+  label,
+  name,
+  value,
+  description,
+  onInputChange,
+  options,
+  errors = {},
+  required,
+  disabled,
+  register = () => {
+  }
+}) {
+  var _a;
+  return /* @__PURE__ */ jsxs("div", { className: "w-full min-h-30 flex-col justify-start items-start gap-1.5  sharedLibrary", children: [
+    /* @__PURE__ */ jsx("div", { className: "self-stretch  flex-col justify-start items-start gap-1.5 flex ", children: label && /* @__PURE__ */ jsxs(
+      "label",
+      {
+        className: "text-slate-700 text-sm leading-tight font-medium",
+        htmlFor: name,
+        children: [
+          label,
+          " ",
+          required ? "*" : ""
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col", children: options == null ? void 0 : options.map((option, index) => /* @__PURE__ */ jsxs(
+      "label",
+      {
+        className: "inline-flex items-center space-x-2 my-2",
+        children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "radio",
+              name,
+              value: option.value,
+              checked: value === option.value,
+              disabled,
+              ...register(name),
+              onChange: onInputChange,
+              className: "text-indigo-600 border-gray-300 focus:ring-indigo-500 mr-2"
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "text-gray-900 text-sm font-normal leading-tight", children: option.label })
+        ]
+      },
+      index
+    )) }),
+    description && /* @__PURE__ */ jsx("div", { className: "HintText self-stretch text-slate-600 text-sm font-normal leading-tight", children: description }),
+    errors[name] && /* @__PURE__ */ jsx("div", { className: "HintText self-stretch text-red-600 text-sm font-normal leading-tight", children: (_a = errors[name]) == null ? void 0 : _a.message })
+  ] });
+}
+export {
+  RadioGroup as default
+};
+//# sourceMappingURL=RadioGroup.js.map

package/dist/components/form/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","sources":["../../../lib/components/form/RadioGroup.tsx"],"sourcesContent":["import { IFormFieldGlobalProps, IOptionItem } from \"../../types\";\r\n\r\nexport interface IRadioGroupProps extends IFormFieldGlobalProps {\r\n  options?: IOptionItem[];\r\n  valueKey?: string;\r\n  labelKey?: string;\r\n}\r\n\r\nexport default function RadioGroup({\r\n  label,\r\n  name,\r\n  value,\r\n  description,\r\n  onInputChange,\r\n  options,\r\n  errors = {},\r\n  required,\r\n  disabled,\r\n  register = () => {},\r\n}: IRadioGroupProps) {\r\n  return (\r\n    <div className=\"w-full min-h-30 flex-col justify-start items-start gap-1.5  sharedLibrary\">\r\n      <div className=\"self-stretch  flex-col justify-start items-start gap-1.5 flex \">\r\n        {label && (\r\n          <label\r\n            className=\"text-slate-700 text-sm leading-tight font-medium\"\r\n            htmlFor={name}\r\n          >\r\n            {label} {required ? \"*\" : \"\"}\r\n          </label>\r\n        )}\r\n      </div>\r\n      <div className=\"flex flex-col\">\r\n        {options?.map((option, index) => (\r\n          <label\r\n            key={index}\r\n            className=\"inline-flex items-center space-x-2 my-2\"\r\n          >\r\n            <input\r\n              type=\"radio\"\r\n              name={name}\r\n              value={option.value}\r\n              checked={value === option.value}\r\n              disabled={disabled}\r\n              {...register(name)} // Spread the rest of register's return value\r\n              onChange={onInputChange}\r\n              className=\"text-indigo-600 border-gray-300 focus:ring-indigo-500 mr-2\"\r\n            />\r\n            <span className=\"text-gray-900 text-sm font-normal leading-tight\">\r\n              {option.label}\r\n            </span>\r\n          </label>\r\n        ))}\r\n      </div>\r\n      {description && (\r\n        <div className=\"HintText self-stretch text-slate-600 text-sm font-normal leading-tight\">\r\n          {description}\r\n        </div>\r\n      )}\r\n      {errors[name] && (\r\n        <div className=\"HintText self-stretch text-red-600 text-sm font-normal leading-tight\">\r\n          {errors[name]?.message}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n"],"names":[],"mappings":";AAQA,SAAwB,WAAW;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS,CAAC;AAAA,EACV;AAAA,EACA;AAAA,EACA,WAAW,MAAM;AAAA,EAAC;AACpB,GAAqB;;AAEjB,SAAA,qBAAC,OAAI,EAAA,WAAU,6EACb,UAAA;AAAA,IAAC,oBAAA,OAAA,EAAI,WAAU,kEACZ,UACC,SAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,SAAS;AAAA,QAER,UAAA;AAAA,UAAA;AAAA,UAAM;AAAA,UAAE,WAAW,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAGhC;AAAA,IACA,oBAAC,SAAI,WAAU,iBACZ,6CAAS,IAAI,CAAC,QAAQ,UACrB;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL;AAAA,cACA,OAAO,OAAO;AAAA,cACd,SAAS,UAAU,OAAO;AAAA,cAC1B;AAAA,cACC,GAAG,SAAS,IAAI;AAAA,cACjB,UAAU;AAAA,cACV,WAAU;AAAA,YAAA;AAAA,UACZ;AAAA,UACC,oBAAA,QAAA,EAAK,WAAU,mDACb,iBAAO,OACV;AAAA,QAAA;AAAA,MAAA;AAAA,MAfK;AAAA,IAiBR,IACH;AAAA,IACC,eACC,oBAAC,OAAI,EAAA,WAAU,0EACZ,UACH,aAAA;AAAA,IAED,OAAO,IAAI,KACT,oBAAA,OAAA,EAAI,WAAU,wEACZ,WAAA,YAAO,IAAI,MAAX,mBAAc,QACjB,CAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}

package/dist/components/form/SelectField.js

@@ -1,6 +1,6 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { b as MdClose, M as MdExpandLess, a as MdExpandMore, c as MdCheck } from "../../index-CxF6lTek.js";
+import { d as MdClose, b as MdExpandLess, c as MdExpandMore, a as MdCheck } from "../../index-BMFehNPK.js";
 import { u as useClickAway } from "../../useClickAway-CH9ykBsx.js";
 function SelectField({
   label,

package/dist/components/layout/IconInCircle.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { k as MdOutlinePending, c as MdCheck } from "../../index-CxF6lTek.js";
+import { M as MdOutlinePending, a as MdCheck } from "../../index-BMFehNPK.js";
 const IconInCircle = ({
   isComplete,
   size = 20,

package/dist/{index-CxF6lTek.js → index-BMFehNPK.js}

@@ -45,20 +45,20 @@ function MdOutlinePending(props) {
   return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "fill": "none", "d": "M0 0h24v24H0z" }, "child": [] }, { "tag": "path", "attr": { "d": "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" }, "child": [] }, { "tag": "circle", "attr": { "cx": "7", "cy": "12", "r": "1.5" }, "child": [] }, { "tag": "circle", "attr": { "cx": "12", "cy": "12", "r": "1.5" }, "child": [] }, { "tag": "circle", "attr": { "cx": "17", "cy": "12", "r": "1.5" }, "child": [] }] })(props);
 }
 export {
-  MdExpandLess as M,
-  MdExpandMore as a,
-  MdClose as b,
-  MdCheck as c,
-  MdOutlineFilterAlt as d,
-  MdOutlineFilterAltOff as e,
-  MdSearch as f,
-  MdArrowBack as g,
-  MdArrowForward as h,
-  MdArrowUpward as i,
-  MdArrowDownward as j,
-  MdOutlinePending as k,
+  MdOutlinePending as M,
+  MdCheck as a,
+  MdExpandLess as b,
+  MdExpandMore as c,
+  MdClose as d,
+  MdOutlineFilterAlt as e,
+  MdOutlineFilterAltOff as f,
+  MdSearch as g,
+  MdArrowBack as h,
+  MdArrowForward as i,
+  MdArrowUpward as j,
+  MdArrowDownward as k,
   MdRefresh as l,
   MdInsertDriveFile as m,
   MdDeleteOutline as n
 };
-//# sourceMappingURL=index-CxF6lTek.js.map
+//# sourceMappingURL=index-BMFehNPK.js.map