@ilo-org/react 0.28.1 → 0.28.3

package/lib/esm/_store/Video-entry-CFYEUzvM.js

@@ -0,0 +1,4 @@
+import { V as r } from "./Video-chunk-BIkVhXHb.js";
+export {
+  r as Video
+};

package/lib/esm/_store/{components-entry-BLXacfCY.js → components-entry-BY0r4sij.js}

@@ -6,16 +6,16 @@ import { I as i } from "./Image-chunk-Dls4dbsF.js";
 import { L as n } from "./Loading-chunk-Dv4TiLe1.js";
 import { L } from "./Radio-chunk-DE8dWK4c.js";
 import { T } from "./Tag-chunk-DNiuZc2U.js";
-import { B as c } from "./Button-chunk-CQQX91Rg.js";
+import { B as c } from "./Button-chunk-BDRDVT-k.js";
 import { C as P } from "./ContextMenu-chunk-CX3zW2yD.js";
 import { F as b } from "./Fieldset-chunk-CQKzjpXe.js";
 import { G as k } from "./GlobalProvider-chunk-dOxjd-fn.js";
 import { G as I } from "./GlobalCtx-chunk-CtSRDnk3.js";
 import { L as D, T as G } from "./TextInput.args-chunk-RWwWDRZ4.js";
-import { N as R } from "./Notification-chunk-CYe5VThf.js";
+import { N as R } from "./Notification-chunk-Dcs9w_ap.js";
 import { R as A } from "./ReadMore-chunk-Cv2A7uzo.js";
 import { L as h } from "./Textarea-chunk-CshU7TIs.js";
-import { C as E } from "./Callout-chunk-Dgxxalpd.js";
+import { C as E } from "./Callout-chunk-Cqttz2p6.js";
 import { L as w } from "./FileUpload-chunk-CcPyoSNs.js";
 import { H as U } from "./Heading-chunk-KETAd3FV.js";
 import { L as q } from "./Link-chunk-DgmjE6xb.js";
@@ -28,21 +28,21 @@ import { H as ro } from "./Hero-chunk-8XPHDh4M.js";
 import { H as eo } from "./HeroCard-chunk-DIoKqIvc.js";
 import { L as so } from "./LinkList-chunk-ClC0P1yc.js";
 import { P as xo } from "./Pagination-chunk-B0RsygyT.js";
-import { S as fo } from "./SearchField-chunk-Ky0ihQH5.js";
-import { V as no } from "./Video-chunk-q086hHmd.js";
+import { S as fo } from "./SearchField-chunk-CLWIJ2Hh.js";
+import { V as no } from "./Video-chunk-BIkVhXHb.js";
 import { L as Lo } from "./Dropdown-chunk-_Rqp45VG.js";
 import { I as To } from "./Icon-chunk-DEroxoA_.js";
 import { List as co } from "./List-entry-BX9gaFfD.js";
 import { P as Po } from "./Profile-chunk-CK4F2KXo.js";
 import { T as bo } from "./TableOfContents-chunk-G6Og9OQI.js";
-import { F as ko } from "./Footer-chunk-TA0qQlaw.js";
-import { C as Io, b as Mo, D as Do, a as Go, F as No, M as Ro, P as vo, c as Ao, S as Bo, T as ho } from "./CardGroup-chunk-DOfpZMbU.js";
+import { F as ko } from "./Footer-chunk-BbN845T6.js";
+import { C as Io, b as Mo, D as Do, a as Go, F as No, M as Ro, P as vo, c as Ao, S as Bo, T as ho } from "./CardGroup-chunk-BC6J6wy_.js";
 import { B as Eo } from "./Breadcrumb-chunk-C5nxxjB6.js";
 import { S as wo } from "./Status-chunk-CjagfPq5.js";
 import { T as Uo } from "./Tabs-chunk-DrfQDZZS.js";
 import { A as qo } from "./AudioPlayer-chunk-bXI6JAZ7.js";
 import { L as Jo } from "./LanguageToggle-chunk-C51Ysq9D.js";
-import { M as Qo, S as Wo } from "./MainNav-chunk-CmtN7aWA.js";
+import { M as Qo, S as Wo } from "./MainNav-chunk-quYHcIUb.js";
 export {
   a as Accordion,
   qo as AudioPlayer,

package/lib/esm/index.js

@@ -6,16 +6,16 @@ import { I as i } from "./_store/Image-chunk-Dls4dbsF.js";
 import { L as u } from "./_store/Loading-chunk-Dv4TiLe1.js";
 import { L as l } from "./_store/Radio-chunk-DE8dWK4c.js";
 import { T as L } from "./_store/Tag-chunk-DNiuZc2U.js";
-import { B as c } from "./_store/Button-chunk-CQQX91Rg.js";
+import { B as c } from "./_store/Button-chunk-BDRDVT-k.js";
 import { C as P } from "./_store/ContextMenu-chunk-CX3zW2yD.js";
 import { F as b } from "./_store/Fieldset-chunk-CQKzjpXe.js";
 import { G as k } from "./_store/GlobalProvider-chunk-dOxjd-fn.js";
 import { G as H } from "./_store/GlobalCtx-chunk-CtSRDnk3.js";
 import { L as M, T as v } from "./_store/TextInput.args-chunk-RWwWDRZ4.js";
-import { N as D } from "./_store/Notification-chunk-CYe5VThf.js";
+import { N as D } from "./_store/Notification-chunk-Dcs9w_ap.js";
 import { R } from "./_store/ReadMore-chunk-Cv2A7uzo.js";
 import { L as h } from "./_store/Textarea-chunk-CshU7TIs.js";
-import { C as E } from "./_store/Callout-chunk-Dgxxalpd.js";
+import { C as E } from "./_store/Callout-chunk-Cqttz2p6.js";
 import { L as V } from "./_store/FileUpload-chunk-CcPyoSNs.js";
 import { H as U } from "./_store/Heading-chunk-KETAd3FV.js";
 import { L as q } from "./_store/Link-chunk-DgmjE6xb.js";
@@ -28,21 +28,21 @@ import { H as ro } from "./_store/Hero-chunk-8XPHDh4M.js";
 import { H as eo } from "./_store/HeroCard-chunk-DIoKqIvc.js";
 import { L as so } from "./_store/LinkList-chunk-ClC0P1yc.js";
 import { P as xo } from "./_store/Pagination-chunk-B0RsygyT.js";
-import { S as fo } from "./_store/SearchField-chunk-Ky0ihQH5.js";
-import { V as uo } from "./_store/Video-chunk-q086hHmd.js";
+import { S as fo } from "./_store/SearchField-chunk-CLWIJ2Hh.js";
+import { V as uo } from "./_store/Video-chunk-BIkVhXHb.js";
 import { L as lo } from "./_store/Dropdown-chunk-_Rqp45VG.js";
 import { I as Lo } from "./_store/Icon-chunk-DEroxoA_.js";
 import { List as co } from "./_store/List-entry-BX9gaFfD.js";
 import { P as Po } from "./_store/Profile-chunk-CK4F2KXo.js";
 import { T as bo } from "./_store/TableOfContents-chunk-G6Og9OQI.js";
-import { F as ko } from "./_store/Footer-chunk-TA0qQlaw.js";
-import { C as Ho, b as Io, D as Mo, a as vo, F as Bo, M as Do, P as No, c as Ro, S as Ao, T as ho } from "./_store/CardGroup-chunk-DOfpZMbU.js";
+import { F as ko } from "./_store/Footer-chunk-BbN845T6.js";
+import { C as Ho, b as Io, D as Mo, a as vo, F as Bo, M as Do, P as No, c as Ro, S as Ao, T as ho } from "./_store/CardGroup-chunk-BC6J6wy_.js";
 import { B as Eo } from "./_store/Breadcrumb-chunk-C5nxxjB6.js";
 import { S as Vo } from "./_store/Status-chunk-CjagfPq5.js";
 import { T as Uo } from "./_store/Tabs-chunk-DrfQDZZS.js";
 import { A as qo } from "./_store/AudioPlayer-chunk-bXI6JAZ7.js";
 import { L as Jo } from "./_store/LanguageToggle-chunk-C51Ysq9D.js";
-import { M as Qo, S as Wo } from "./_store/MainNav-chunk-CmtN7aWA.js";
+import { M as Qo, S as Wo } from "./_store/MainNav-chunk-quYHcIUb.js";
 import { u as Yo } from "./_store/useGlobalSettings-chunk-BhfWlTcd.js";
 import { u as _o } from "./_store/usePrevious-chunk-BtJVllKj.js";
 import { u as or, a as rr } from "./_store/useOutsideClick-chunk-CWy5z-7S.js";

package/lib/types/components/SearchField/SearchField.props.d.ts

@@ -27,4 +27,10 @@ export interface SearchFieldProps {
      * Specify the properties of the search field input
      */
     input?: InputProps;
+    /**
+     * Callback function triggered on input change for dynamic search.
+     * Receives the current search value as the user types, enabling
+     * real-time search functionality.
+     */
+    onInputChange?: (value: string) => void;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ilo-org/react",
-  "version": "0.28.1",
+  "version": "0.28.3",
   "description": "React components for the ILO's Design System",
   "keywords": [
     "ui_patterns",
@@ -74,10 +74,10 @@
     "use-breakpoint": "^4.0.6",
     "video.js": "^7.21.2",
     "videojs-youtube": "^3.0.1",
-    "@ilo-org/fonts": "2.0.0",
     "@ilo-org/brand-assets": "1.0.1",
-    "@ilo-org/styles": "1.11.0",
-    "@ilo-org/icons-react": "1.0.6"
+    "@ilo-org/fonts": "2.0.0",
+    "@ilo-org/icons-react": "1.0.6",
+    "@ilo-org/styles": "1.11.0"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "3.2.7",
@@ -114,9 +114,9 @@
     "vite-plugin-dts": "^3.9.1",
     "vite-plugin-static-copy": "^1.0.6",
     "vitest": "^2.0.5",
-    "@ilo-org/eslint-config": "2.0.0",
     "@ilo-org/prettier-config": "2.0.0",
-    "@ilo-org/typescript-config": "2.0.0"
+    "@ilo-org/typescript-config": "2.0.0",
+    "@ilo-org/eslint-config": "2.0.0"
   },
   "peerDependencies": {
     "react": "18 || 19",

package/lib/cjs/_store/Button-chunk-DaJZujL8.js

@@ -1 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),g=require("react"),p=require("./index-chunk-Cxg31gtu.js"),N=require("./useGlobalSettings-chunk-Cd48T6lS.js"),d=require("./Link-chunk-CP7cvvcX.js"),b=require("./Icon-chunk-DLR0d6ii.js"),I=g.forwardRef(({children:a,className:$,disabled:x=!1,icon:t,size:n="large",type:o="primary",style:u,name:_,link:r,iconPosition:f="left",icononly:l=!1,submit:m=!1,...j},c)=>{const{prefix:q}=N.useGlobalSettings(),s=`${q}--button`,i=p.classNames($,{[s]:!0,[`${s}__${n}`]:n,[`${s}__${o}`]:o,[`${s}--icon ${s}--icon--position__${f}`]:t&&!l,[`${s}--icon ${s}--icon--only`]:t&&l});return r?e.jsxs(d.Link,{ref:c,className:i,target:r.target,url:r.url,label:r.label,style:u,children:[t&&e.jsx(b.Icon,{...t}),a]}):e.jsxs("button",{ref:c,className:i,disabled:x,style:u,name:_,...j,type:m?"submit":"button",children:[t&&e.jsx(b.Icon,{...t}),e.jsx("span",{className:"button__label",children:a})]})});exports.Button=I;

package/lib/cjs/_store/SearchField-chunk-CJ99dGc4.js

@@ -1 +0,0 @@
-"use strict";const s=require("react/jsx-runtime"),o=require("react"),I=require("./index-chunk-Cxg31gtu.js"),N=require("./useGlobalSettings-chunk-Cd48T6lS.js"),$=require("./Icon-chunk-DLR0d6ii.js"),v=require("./FormControl-chunk-bBkCVOW6.js"),w=o.forwardRef(({action:m,callback:c,className:b,input:e},x)=>{const[d,t]=o.useState(""),{prefix:r}=N.useGlobalSettings(),l=`${r}--searchfield`,C=`${l}--button`,f=`${l}--clear-button ${d.trim()!==""&&"show"}`,j=o.useId(),h=(e==null?void 0:e.id)||j,S=`${r}--fieldset`,y=a=>{c&&c(a)},i=()=>{t("")},q=a=>{t(a.target.value)},n=!!(e!=null&&e.type);if(!n)throw new Error("SearchField: Input must have type prop");return n?s.jsx("form",{action:m,children:s.jsx(v.FormControl,{fieldId:h,error:!!(e!=null&&e.error),helper:(e==null?void 0:e.helper)||"",label:(e==null?void 0:e.label)||"",style:{width:"100%"},children:s.jsxs("div",{className:I.classNames(b,l),children:[s.jsxs("div",{className:S,children:[s.jsx("input",{className:`${r}--text-input`,id:h,name:e.name,onChange:q,placeholder:e==null?void 0:e.placeholder,value:d,ref:x,disabled:e==null?void 0:e.disabled,type:"search"}),s.jsx("span",{onClick:i,className:f,role:"presentation",children:s.jsx($.Icon,{name:"close",hidden:!0})})]}),s.jsx("button",{className:C,disabled:e==null?void 0:e.disabled,type:"submit",onClick:y})]})})}):null});exports.SearchField=w;

package/lib/esm/_store/Button-chunk-CQQX91Rg.js

@@ -1,64 +0,0 @@
-import { jsxs as p, jsx as r } from "react/jsx-runtime";
-import { forwardRef as d } from "react";
-import { c as j } from "./index-chunk-CY3PQDr4.js";
-import { u as B } from "./useGlobalSettings-chunk-BhfWlTcd.js";
-import { L as C } from "./Link-chunk-DgmjE6xb.js";
-import { I as b } from "./Icon-chunk-DEroxoA_.js";
-const S = d(
-  ({
-    children: o,
-    className: $,
-    disabled: c = !1,
-    icon: t,
-    size: e = "large",
-    type: l = "primary",
-    style: m,
-    name: i,
-    link: a,
-    iconPosition: _ = "left",
-    icononly: f = !1,
-    submit: g = !1,
-    ...x
-  }, u) => {
-    const { prefix: N } = B(), s = `${N}--button`, n = j($, {
-      [s]: !0,
-      [`${s}__${e}`]: e,
-      [`${s}__${l}`]: l,
-      [`${s}--icon ${s}--icon--position__${_}`]: t && !f,
-      [`${s}--icon ${s}--icon--only`]: t && f
-    });
-    return a ? /* @__PURE__ */ p(
-      C,
-      {
-        ref: u,
-        className: n,
-        target: a.target,
-        url: a.url,
-        label: a.label,
-        style: m,
-        children: [
-          t && /* @__PURE__ */ r(b, { ...t }),
-          o
-        ]
-      }
-    ) : /* @__PURE__ */ p(
-      "button",
-      {
-        ref: u,
-        className: n,
-        disabled: c,
-        style: m,
-        name: i,
-        ...x,
-        type: g ? "submit" : "button",
-        children: [
-          t && /* @__PURE__ */ r(b, { ...t }),
-          /* @__PURE__ */ r("span", { className: "button__label", children: o })
-        ]
-      }
-    );
-  }
-);
-export {
-  S as B
-};

package/lib/esm/_store/Button-entry-BIEEKQv3.js

@@ -1,4 +0,0 @@
-import { B as r } from "./Button-chunk-CQQX91Rg.js";
-export {
-  r as Button
-};

package/lib/esm/_store/Callout-entry-Bzgq2szx.js

@@ -1,4 +0,0 @@
-import { C as l } from "./Callout-chunk-Dgxxalpd.js";
-export {
-  l as Callout
-};

package/lib/esm/_store/Footer-entry-BoeUqJ4r.js

@@ -1,4 +0,0 @@
-import { F as e } from "./Footer-chunk-TA0qQlaw.js";
-export {
-  e as Footer
-};

package/lib/esm/_store/Nav-entry-Dx2uLUdE.js

@@ -1,5 +0,0 @@
-import { M as e, S as i } from "./MainNav-chunk-CmtN7aWA.js";
-export {
-  e as MainNav,
-  i as SubsiteNav
-};

package/lib/esm/_store/Notification-entry-0QG_RMHv.js

@@ -1,4 +0,0 @@
-import { N as t } from "./Notification-chunk-CYe5VThf.js";
-export {
-  t as Notification
-};

package/lib/esm/_store/SearchField-chunk-Ky0ihQH5.js

@@ -1,68 +0,0 @@
-import { jsx as s, jsxs as t } from "react/jsx-runtime";
-import { forwardRef as w, useState as x, useId as F } from "react";
-import { c as g } from "./index-chunk-CY3PQDr4.js";
-import { u as k } from "./useGlobalSettings-chunk-BhfWlTcd.js";
-import { I as j } from "./Icon-chunk-DEroxoA_.js";
-import { F as B } from "./FormControl-chunk-CA1OQzEu.js";
-const P = w(
-  ({ action: f, callback: o, className: b, input: e }, C) => {
-    const [c, d] = x(""), { prefix: r } = k(), a = `${r}--searchfield`, n = `${a}--button`, y = `${a}--clear-button ${c.trim() !== "" && "show"}`, S = F(), m = (e == null ? void 0 : e.id) || S, I = `${r}--fieldset`, N = (l) => {
-      o && o(l);
-    }, $ = () => {
-      d("");
-    }, v = (l) => {
-      d(l.target.value);
-    }, h = !!(e != null && e.type);
-    if (!h)
-      throw new Error("SearchField: Input must have type prop");
-    return h ? /* @__PURE__ */ s("form", { action: f, children: /* @__PURE__ */ s(
-      B,
-      {
-        fieldId: m,
-        error: !!(e != null && e.error),
-        helper: (e == null ? void 0 : e.helper) || "",
-        label: (e == null ? void 0 : e.label) || "",
-        style: { width: "100%" },
-        children: /* @__PURE__ */ t("div", { className: g(b, a), children: [
-          /* @__PURE__ */ t("div", { className: I, children: [
-            /* @__PURE__ */ s(
-              "input",
-              {
-                className: `${r}--text-input`,
-                id: m,
-                name: e.name,
-                onChange: v,
-                placeholder: e == null ? void 0 : e.placeholder,
-                value: c,
-                ref: C,
-                disabled: e == null ? void 0 : e.disabled,
-                type: "search"
-              }
-            ),
-            /* @__PURE__ */ s(
-              "span",
-              {
-                onClick: $,
-                className: y,
-                role: "presentation",
-                children: /* @__PURE__ */ s(j, { name: "close", hidden: !0 })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ s(
-            "button",
-            {
-              className: n,
-              disabled: e == null ? void 0 : e.disabled,
-              type: "submit",
-              onClick: N
-            }
-          )
-        ] })
-      }
-    ) }) : null;
-  }
-);
-export {
-  P as S
-};

package/lib/esm/_store/SearchField-entry-CH96-gn7.js

@@ -1,4 +0,0 @@
-import { S as a } from "./SearchField-chunk-Ky0ihQH5.js";
-export {
-  a as SearchField
-};

package/lib/esm/_store/Video-entry-D22SrG1x.js

@@ -1,4 +0,0 @@
-import { V as r } from "./Video-chunk-q086hHmd.js";
-export {
-  r as Video
-};