@telia-ace/widget-components-area 1.3.41-rc.1 → 1.3.41-rc.2

package/{area-f9d028bf.mjs → area-CZoTvAjY.mjs}

@@ -3,10 +3,10 @@ import { css as S } from "@emotion/react";
 import m from "@emotion/styled";
 import { WidgetRenderState as c } from "@telia-ace/widget-core";
 import { genericComponentStyling as T, Component as v } from "@telia-ace/widget-types-grid";
-import { TransitionComponent as G, Grid as P, useComponentDescriptor as I, useRenderState as F, useContext as H, useProperties as J, useChildren as K, useContainer as Q, useScroll as U, createEmptyComponent as V, ColumnContext as w, filterCssProps as X, Dropdown as Y, DrawerAnimationType as Z, Drawer as _, Button as ee, filterCssPropsStyle as te, paddedBorderTabStyle as ne, Text as re, SymbolBadge as oe } from "@telia-ace/widget-ui";
+import { TransitionComponent as G, Grid as P, useComponentDescriptor as I, useRenderState as F, useContext as H, useProperties as J, useChildren as K, useContainer as Q, useScroll as U, createEmptyComponent as V, ColumnContext as w, filterCssProps as X, Dropdown as Y, DrawerAnimationType as Z, Drawer as _, filterCssPropsStyle as ee, paddedBorderTabStyle as te, Button as ne, Text as re, SymbolBadge as oe } from "@telia-ace/widget-ui";
 import { appendClassNames as y, Logger as ie } from "@telia-ace/widget-utilities";
 import { forwardRef as se, useEffect as ae, useCallback as le } from "react";
-import { A as l } from "./index-7fc9ef83.mjs";
+import { A as l } from "./index-B0bvuHPd.mjs";
 const ce = se(
   ({ children: e, className: t, renderState: o, animation: s, ...d }, a) => (ae(() => {
     if (o === "open") {
@@ -94,7 +94,7 @@ const ce = se(
     animation: p,
     hidden: s === c.hidden,
     ref: M
-  }, h = (() => p !== "none" ? /* @__PURE__ */ n(w.Provider, { value: g, children: /* @__PURE__ */ n(ce, { ...$, children: i.map((r) => /* @__PURE__ */ n(v, { id: r.id, branch: "default" }, r.id)) }) }) : s === c.closed ? null : /* @__PURE__ */ n(w.Provider, { value: g, children: /* @__PURE__ */ n(fe, { ...$, children: i.map((r) => /* @__PURE__ */ n(v, { id: r.id, branch: "default" }, r.id)) }) }))();
+  }, h = p !== "none" ? /* @__PURE__ */ n(w.Provider, { value: g, children: /* @__PURE__ */ n(ce, { ...$, children: i.map((r) => /* @__PURE__ */ n(v, { id: r.id, branch: "default" }, r.id)) }) }) : s === c.closed ? null : /* @__PURE__ */ n(w.Provider, { value: g, children: /* @__PURE__ */ n(fe, { ...$, children: i.map((r) => /* @__PURE__ */ n(v, { id: r.id, branch: "default" }, r.id)) }) });
   if (f === l.Static)
     return h;
   const x = /* @__PURE__ */ q(
@@ -127,13 +127,13 @@ const ce = se(
     );
   }
   return f === l.Modal && ie.warn("modal area not implemented"), null;
-}, de = m(ee)`
+}, de = m(ne)`
   display: flex;
   align-items: inherit;
   align-self: center;
   width: fit-content;
   height: fit-content;
-  ${te}
+  ${ee}
 
   ${(e) => e.theme.fonts && `
     font-family: ${e.theme.fonts.type};
@@ -141,7 +141,7 @@ const ce = se(
   `}
 
   &:focus-visible {
-    ${ne};
+    ${te};
   }
 `, ue = m(re)`
   margin: 0 ${(e) => {

package/{area-f075309d.js → area-DyI3HP8x.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),v=require("@emotion/react"),u=require("@emotion/styled"),c=require("@telia-ace/widget-core"),C=require("@telia-ace/widget-types-grid"),t=require("@telia-ace/widget-ui"),h=require("@telia-ace/widget-utilities"),b=require("react"),d=require("./index-a2bac2d5.js"),G=b.forwardRef(({children:e,className:n,renderState:i,animation:a,...m},l)=>(b.useEffect(()=>{if(i==="open"){const o=document.querySelector(`[data-node-id='${m.id}']`);o&&o.focus()}}),i?r.jsx(t.TransitionComponent,{mountOnEnter:i!==c.WidgetRenderState.hidden,timeout:200,in:i===c.WidgetRenderState.open,transitions:a,unmountOnExit:i===c.WidgetRenderState.closed,children:(o,p)=>r.jsx(L,{...m,tabIndex:"-1",animationCss:p,"data-state":o,ref:l,className:h.appendClassNames("humany-animated-area",n),children:e})}):null)),L=u(t.Grid)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),v=require("@emotion/react"),u=require("@emotion/styled"),c=require("@telia-ace/widget-core"),C=require("@telia-ace/widget-types-grid"),t=require("@telia-ace/widget-ui"),h=require("@telia-ace/widget-utilities"),b=require("react"),d=require("./index-CWPZwxU2.js"),G=b.forwardRef(({children:e,className:n,renderState:i,animation:a,...m},l)=>(b.useEffect(()=>{if(i==="open"){const o=document.querySelector(`[data-node-id='${m.id}']`);o&&o.focus()}}),i?r.jsx(t.TransitionComponent,{mountOnEnter:i!==c.WidgetRenderState.hidden,timeout:200,in:i===c.WidgetRenderState.open,transitions:a,unmountOnExit:i===c.WidgetRenderState.closed,children:(o,p)=>r.jsx(L,{...m,tabIndex:"-1",animationCss:p,"data-state":o,ref:l,className:h.appendClassNames("humany-animated-area",n),children:e})}):null)),L=u(t.Grid)`
   ${C.genericComponentStyling}
   ${e=>!!e.animationCss&&e.animationCss}
   ${e=>!!e.scrollableCss&&e.scrollableCss}
@@ -13,7 +13,7 @@
       visibility: collapse;
       pointer-events: none;
     `};
-`,U=({className:e,...n})=>{const{name:i}=t.useComponentDescriptor(),a=t.useRenderState(),m=t.useContext(),l=t.useProperties(),o=t.useChildren(),p=t.useContainer(),{gap:q="0"}=m,{columns:x=1,animation:g="none",scrollable:T=!1,mode:f=d.AreaMode.Static,trigger:A={},fullScreen:R,header:P,...M}=l,{size:W=24,symbol:$,label:j,ariaLabel:D,...N}=A,[z,B]=t.useScroll(T),E=b.useCallback(s=>{const{events:O}=p.get("$widget");return O.dispatch("widget:area-rendered",{name:i,properties:l,element:s}),B.current=s,s},[l,a]);if(!o.length)return t.createEmptyComponent(p,{...n,className:h.appendClassNames(e,"humany-area")});const w={...n,className:h.appendClassNames(e,"humany-area",`humany-area-${i}`),scrollableCss:z,...M,columns:x,gap:q,renderState:a,animation:g,hidden:a===c.WidgetRenderState.hidden,ref:E},y=(()=>g!=="none"?r.jsx(t.ColumnContext.Provider,{value:x,children:r.jsx(G,{...w,children:o.map(s=>r.jsx(C.Component,{id:s.id,branch:"default"},s.id))})}):a===c.WidgetRenderState.closed?null:r.jsx(t.ColumnContext.Provider,{value:x,children:r.jsx(H,{...w,children:o.map(s=>r.jsx(C.Component,{id:s.id,branch:"default"},s.id))})}))();if(f===d.AreaMode.Static)return y;const S=r.jsxs(k,{className:"humany-area-trigger",title:D,...t.filterCssProps(N),children:[j&&r.jsx(I,{children:j}),$&&r.jsx(F,{symbol:$,size:W})]});if(f===d.AreaMode.Dropdown)return r.jsx(t.Dropdown,{trigger:S,children:y});if(f===d.AreaMode.Drawer){const s=Object.values(t.DrawerAnimationType).includes(g)&&{type:g}||void 0;return r.jsx(t.Drawer,{header:P,animation:s,fullScreen:R,trigger:S,children:y})}return f===d.AreaMode.Modal&&h.Logger.warn("modal area not implemented"),null},k=u(t.Button)`
+`,U=({className:e,...n})=>{const{name:i}=t.useComponentDescriptor(),a=t.useRenderState(),m=t.useContext(),l=t.useProperties(),o=t.useChildren(),p=t.useContainer(),{gap:q="0"}=m,{columns:x=1,animation:g="none",scrollable:T=!1,mode:f=d.AreaMode.Static,trigger:A={},fullScreen:R,header:P,...M}=l,{size:W=24,symbol:$,label:j,ariaLabel:D,...N}=A,[z,B]=t.useScroll(T),E=b.useCallback(s=>{const{events:O}=p.get("$widget");return O.dispatch("widget:area-rendered",{name:i,properties:l,element:s}),B.current=s,s},[l,a]);if(!o.length)return t.createEmptyComponent(p,{...n,className:h.appendClassNames(e,"humany-area")});const w={...n,className:h.appendClassNames(e,"humany-area",`humany-area-${i}`),scrollableCss:z,...M,columns:x,gap:q,renderState:a,animation:g,hidden:a===c.WidgetRenderState.hidden,ref:E},y=g!=="none"?r.jsx(t.ColumnContext.Provider,{value:x,children:r.jsx(G,{...w,children:o.map(s=>r.jsx(C.Component,{id:s.id,branch:"default"},s.id))})}):a===c.WidgetRenderState.closed?null:r.jsx(t.ColumnContext.Provider,{value:x,children:r.jsx(H,{...w,children:o.map(s=>r.jsx(C.Component,{id:s.id,branch:"default"},s.id))})});if(f===d.AreaMode.Static)return y;const S=r.jsxs(k,{className:"humany-area-trigger",title:D,...t.filterCssProps(N),children:[j&&r.jsx(I,{children:j}),$&&r.jsx(F,{symbol:$,size:W})]});if(f===d.AreaMode.Dropdown)return r.jsx(t.Dropdown,{trigger:S,children:y});if(f===d.AreaMode.Drawer){const s=Object.values(t.DrawerAnimationType).includes(g)&&{type:g}||void 0;return r.jsx(t.Drawer,{header:P,animation:s,fullScreen:R,trigger:S,children:y})}return f===d.AreaMode.Modal&&h.Logger.warn("modal area not implemented"),null},k=u(t.Button)`
   display: flex;
   align-items: inherit;
   align-self: center;

package/{index-7fc9ef83.mjs → index-B0bvuHPd.mjs}

@@ -3,7 +3,7 @@ var o = /* @__PURE__ */ ((r) => (r.Static = "static", r.Drawer = "drawer", r.Dro
 const p = (r) => t(
   r,
   "area",
-  import("./area-f9d028bf.mjs"),
+  import("./area-CZoTvAjY.mjs"),
   (a) => {
   }
 );

package/{index-a2bac2d5.js → index-CWPZwxU2.js}

@@ -1 +1 @@
-"use strict";const t=require("@telia-ace/widget-ui");var r=(e=>(e.Static="static",e.Drawer="drawer",e.Dropdown="dropdown",e.Modal="modal",e))(r||{});const o=e=>t.createReactComponent(e,"area",Promise.resolve().then(()=>require("./area-f075309d.js")),n=>{});exports.AreaComponent=o;exports.AreaMode=r;
+"use strict";const t=require("@telia-ace/widget-ui");var r=(e=>(e.Static="static",e.Drawer="drawer",e.Dropdown="dropdown",e.Modal="modal",e))(r||{});const o=e=>t.createReactComponent(e,"area",Promise.resolve().then(()=>require("./area-DyI3HP8x.js")),n=>{});exports.AreaComponent=o;exports.AreaMode=r;

package/index.js

@@ -1 +1 @@
-"use strict";const e=require("./index-a2bac2d5.js");require("@telia-ace/widget-ui");module.exports=e.AreaComponent;
+"use strict";const e=require("./index-CWPZwxU2.js");module.exports=e.AreaComponent;

package/index.mjs

@@ -1,5 +1,4 @@
-import { a as t } from "./index-7fc9ef83.mjs";
-import "@telia-ace/widget-ui";
+import { a as f } from "./index-B0bvuHPd.mjs";
 export {
-  t as default
+  f as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telia-ace/widget-components-area",
-  "version": "1.3.41-rc.1",
+  "version": "1.3.41-rc.2",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {
@@ -10,10 +10,10 @@
     }
   },
   "dependencies": {
-    "@telia-ace/widget-core": "^1.3.41-rc.1",
-    "@telia-ace/widget-types-grid": "^1.3.41-rc.1",
-    "@telia-ace/widget-ui": "^1.3.41-rc.1",
-    "@telia-ace/widget-utilities": "^1.3.41-rc.1",
+    "@telia-ace/widget-core": "^1.3.41-rc.2",
+    "@telia-ace/widget-types-grid": "^1.3.41-rc.2",
+    "@telia-ace/widget-ui": "^1.3.41-rc.2",
+    "@telia-ace/widget-utilities": "^1.3.41-rc.2",
     "@webprovisions/platform": "^1.1.3"
   },
   "peerDependencies": {