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

package/{area-b06f88a6.mjs → area-2730550b.mjs}

@@ -6,7 +6,7 @@ import { genericComponentStyling as T, Component as v } from "@telia-ace/widget-
 import { TransitionComponent as q, Grid as P, useComponentDescriptor as F, useRenderState as H, useContext as I, 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 { appendClassNames as y, Logger as ie } from "@telia-ace/widget-utilities";
 import { forwardRef as se, useCallback as ae } from "react";
-import { A as l } from "./index-3084db92.mjs";
+import { A as l } from "./index-ca543402.mjs";
 const le = se(
   ({ children: e, className: t, renderState: o, animation: i, ...f }, s) => o ? /* @__PURE__ */ n(
     q,
@@ -30,17 +30,17 @@ const le = se(
     }
   ) : null
 ), ce = m(P)`
-    ${T}
-    ${(e) => !!e.animationCss && e.animationCss}
+  ${T}
+  ${(e) => !!e.animationCss && e.animationCss}
   ${(e) => !!e.scrollableCss && e.scrollableCss}
   text-size-adjust: 100%;
-    input::-ms-clear {
-        display: none;
-    }
-    ${(e) => e.hidden && e["data-state"] === "exited" && S`
-            visibility: collapse;
-            pointer-events: none;
-        `};
+  input::-ms-clear {
+    display: none;
+  }
+  ${(e) => e.hidden && e["data-state"] === "exited" && S`
+      visibility: collapse;
+      pointer-events: none;
+    `};
 `, we = ({ className: e, ...t }) => {
   const { name: o } = F(), i = H(), f = I(), s = J(), a = K(), d = Q(), { gap: A = "0" } = f, {
     columns: h = 1,

package/{area-f44ede7c.js → area-b1abdc0c.js}

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

package/{index-3084db92.mjs → index-ca543402.mjs}

@@ -1,7 +1,12 @@
 import { createReactComponent as t } from "@telia-ace/widget-ui";
 var o = /* @__PURE__ */ ((r) => (r.Static = "static", r.Drawer = "drawer", r.Dropdown = "dropdown", r.Modal = "modal", r))(o || {});
-const p = (r) => t(r, "area", import("./area-b06f88a6.mjs"), (a) => {
-});
+const p = (r) => t(
+  r,
+  "area",
+  import("./area-2730550b.mjs"),
+  (a) => {
+  }
+);
 export {
   o as A,
   p as a

package/{index-e0918d07.js → index-d68cb848.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-f44ede7c.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-b1abdc0c.js")),n=>{});exports.AreaComponent=o;exports.AreaMode=r;

package/index.js

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

package/index.mjs

@@ -1,4 +1,4 @@
-import { a as t } from "./index-3084db92.mjs";
+import { a as t } from "./index-ca543402.mjs";
 import "@telia-ace/widget-ui";
 export {
   t as default

package/package.json

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