@telia-ace/widget-components-area 1.0.21-next.6 → 1.0.21-next.8

package/dist/{area.8436a3a1.js → area.e15136af.js}

@@ -26,7 +26,7 @@ import { genericComponentStyling as L, Component as N } from "@telia-ace/widget-
 import { TransitionComponent as ee, Grid as O, useComponentDescriptor as te, useRenderState as ne, useContext as re, useProperties as ae, useChildren as oe, useContainer as se, useScroll as ie, createEmptyComponent as le, ColumnContext as j, filterCssProps as me, Dropdown as ce, DrawerAnimationType as de, Drawer as ue, Button as pe, filterCssPropsStyle as fe, paddedBorderTabStyle as ge, Text as he, SymbolBadge as ye } from "@telia-ace/widget-ui";
 import { appendClassNames as v, Logger as Ce } from "@telia-ace/widget-utilities";
 import a, { forwardRef as be, useCallback as $e } from "react";
-import { A as u } from "./index.6f1664cb.js";
+import { A as u } from "./index.d68141fc.js";
 const Ee = be(
   (x, i) => {
     var l = x, { children: e, className: t, renderState: n, animation: r } = l, g = d(l, ["children", "className", "renderState", "animation"]);
@@ -36,14 +36,14 @@ const Ee = be(
       in: n === p.open,
       transitions: r,
       unmountOnExit: n === p.closed
-    }, (m, h) => /* @__PURE__ */ a.createElement(ve, c(s({}, g), {
+    }, (m, h) => /* @__PURE__ */ a.createElement(xe, c(s({}, g), {
       animationCss: h,
       "data-state": m,
       ref: i,
       className: v("humany-animated-area", t)
     }), e)) : null;
   }
-), ve = f(O)`
+), ve = Ee, xe = f(O)`
     ${L}
     ${(e) => !!e.animationCss && e.animationCss}
   ${(e) => !!e.scrollableCss && e.scrollableCss}
@@ -55,9 +55,9 @@ const Ee = be(
             visibility: collapse;
             pointer-events: none;
         `};
-`, Le = (n) => {
+`, Oe = (n) => {
   var r = n, { className: e } = r, t = d(r, ["className"]);
-  const { name: g } = te(), i = ne(), x = re(), l = ae(), m = oe(), h = se(), { gap: W = "0" } = x, A = l, {
+  const { name: g } = te(), i = ne(), x = re(), l = ae(), m = oe(), h = se(), { gap: W = "0" } = x, P = l, {
     columns: $ = 1,
     animation: y = "none",
     scrollable: M = !1,
@@ -65,7 +65,7 @@ const Ee = be(
     trigger: G = {},
     fullScreen: q,
     header: F
-  } = A, H = d(A, [
+  } = P, H = d(P, [
     "columns",
     "animation",
     "scrollable",
@@ -88,7 +88,7 @@ const Ee = be(
     return le(h, c(s({}, t), {
       className: v(e, "humany-area")
     }));
-  const T = c(s(c(s({}, t), {
+  const A = c(s(c(s({}, t), {
     className: v(e, "humany-area", `humany-area-${g}`),
     scrollableCss: Q
   }), H), {
@@ -100,29 +100,29 @@ const Ee = be(
     ref: V
   }), E = (() => y !== "none" ? /* @__PURE__ */ a.createElement(j.Provider, {
     value: $
-  }, /* @__PURE__ */ a.createElement(Ee, s({}, T), m.map((o) => /* @__PURE__ */ a.createElement(N, {
+  }, /* @__PURE__ */ a.createElement(ve, s({}, A), m.map((o) => /* @__PURE__ */ a.createElement(N, {
     key: o.id,
     id: o.id,
     branch: "default"
   })))) : i === p.closed ? null : /* @__PURE__ */ a.createElement(j.Provider, {
     value: $
-  }, /* @__PURE__ */ a.createElement(Te, s({}, T), m.map((o) => /* @__PURE__ */ a.createElement(N, {
+  }, /* @__PURE__ */ a.createElement(Te, s({}, A), m.map((o) => /* @__PURE__ */ a.createElement(N, {
     key: o.id,
     id: o.id,
     branch: "default"
   })))))();
   if (C === u.Static)
     return E;
-  const P = /* @__PURE__ */ a.createElement(xe, s({
+  const T = /* @__PURE__ */ a.createElement(we, s({
     className: "humany-area-trigger",
     title: J
-  }, me(K)), S && /* @__PURE__ */ a.createElement(we, null, S), w && /* @__PURE__ */ a.createElement(Se, {
+  }, me(K)), S && /* @__PURE__ */ a.createElement(Se, null, S), w && /* @__PURE__ */ a.createElement(Ae, {
     symbol: w,
     size: I
   }));
   if (C === u.Dropdown)
     return /* @__PURE__ */ a.createElement(ce, {
-      trigger: P
+      trigger: T
     }, E);
   if (C === u.Drawer) {
     const o = Object.values(de).includes(y) && {
@@ -132,11 +132,11 @@ const Ee = be(
       header: F,
       animation: o,
       fullScreen: q,
-      trigger: P
+      trigger: T
     }, E);
   }
   return C === u.Modal && Ce.warn("modal area not implemented"), null;
-}, xe = f(pe)`
+}, we = f(pe)`
     display: flex;
     align-items: inherit;
     align-self: center;
@@ -152,7 +152,7 @@ const Ee = be(
   &:focus-visible {
         ${ge};
     }
-`, we = f(he)`
+`, Se = f(he)`
     margin: 0 ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.small;
@@ -161,7 +161,7 @@ const Ee = be(
   var t;
   return (t = e.theme.colors) == null ? void 0 : t.text;
 }};
-`, Se = f(ye)`
+`, Ae = f(ye)`
     path {
         fill: ${(e) => {
   var t;
@@ -181,6 +181,6 @@ const Ee = be(
         `};
 `;
 export {
-  Le as default
+  Oe as default
 };
-//# sourceMappingURL=area.8436a3a1.js.map
+//# sourceMappingURL=area.e15136af.js.map

package/dist/{area.8436a3a1.js.map → area.e15136af.js.map}

@@ -1 +1 @@
-{"version":3,"file":"area.8436a3a1.js","sources":["../src/animated-area.tsx","../src/area.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { WidgetRenderState } from '@telia-ace/widget-core';\nimport { genericComponentStyling } from '@telia-ace/widget-types-grid';\nimport { Grid, TransitionComponent } from '@telia-ace/widget-ui';\nimport { appendClassNames } from '@telia-ace/widget-utilities';\nimport React, { forwardRef } from 'react';\nimport { TransitionStatus } from 'react-transition-group/Transition';\n\nconst Area: React.FC<any> = forwardRef(\n    ({ children, className, renderState, animation, ...other }, ref) => {\n        if (!renderState) {\n            return null;\n        }\n\n        return (\n            <TransitionComponent\n                mountOnEnter={renderState !== WidgetRenderState.hidden}\n                timeout={200}\n                in={renderState === WidgetRenderState.open}\n                transitions={animation}\n                unmountOnExit={renderState === WidgetRenderState.closed}\n            >\n                {(state: TransitionStatus, css?: string) => (\n                    <Wrapper\n                        {...other}\n                        animationCss={css}\n                        data-state={state}\n                        ref={ref}\n                        className={appendClassNames('humany-animated-area', className)}\n                    >\n                        {children}\n                    </Wrapper>\n                )}\n            </TransitionComponent>\n        );\n    }\n);\n\nexport default Area;\n\nconst Wrapper = styled(Grid)<any>`\n    ${genericComponentStyling}\n    ${(p) => !!p.animationCss && p.animationCss}\n  ${(p) => !!p.scrollableCss && p.scrollableCss}\n  text-size-adjust: 100%;\n    input::-ms-clear {\n        display: none;\n    }\n    ${(p) =>\n        p.hidden &&\n        p['data-state'] === 'exited' &&\n        css`\n            visibility: collapse;\n            pointer-events: none;\n        `};\n`;\n","import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { WidgetRenderState } from '@telia-ace/widget-core';\nimport { Component, genericComponentStyling } from '@telia-ace/widget-types-grid';\nimport {\n    Button,\n    ColumnContext,\n    createEmptyComponent,\n    Drawer,\n    DrawerAnimationType,\n    Dropdown,\n    filterCssProps,\n    filterCssPropsStyle,\n    Grid,\n    paddedBorderTabStyle,\n    SymbolBadge,\n    Text,\n    useChildren,\n    useComponentDescriptor,\n    useContainer,\n    useContext,\n    useProperties,\n    useRenderState,\n    useScroll,\n} from '@telia-ace/widget-ui';\nimport { appendClassNames, Logger } from '@telia-ace/widget-utilities';\nimport { Widget } from '@webprovisions/platform';\nimport React, { useCallback } from 'react';\nimport AnimatedArea from './animated-area';\nimport { AreaComponentProps, AreaMode } from './area-component';\n\nconst Area: React.FC<any> = ({ className, ...other }) => {\n    const { name } = useComponentDescriptor();\n    const renderState = useRenderState();\n    const context = useContext();\n    const properties = useProperties<AreaComponentProps>();\n    const children = useChildren();\n    const container = useContainer();\n\n    const { gap = '0' } = context;\n    const {\n        columns = 1,\n        animation = 'none',\n        scrollable = false,\n        mode = AreaMode.Static,\n        trigger = {},\n        fullScreen,\n        header,\n        ...areaProperties\n    } = properties;\n\n    const { size = 24, symbol, label, ariaLabel, ...otherTriggerProps } = trigger;\n\n    const [scrollableCss, elem] = useScroll(scrollable);\n\n    const setRef = useCallback(\n        (node: HTMLDivElement) => {\n            const { events } = container.get('$widget') as Widget;\n            events.dispatch('widget:area-rendered', {\n                name,\n                properties,\n                element: node,\n            });\n\n            elem.current = node;\n            return node;\n        },\n        [properties, renderState]\n    );\n\n    if (!children.length) {\n        return createEmptyComponent(container, {\n            ...other,\n            className: appendClassNames(className, 'humany-area'),\n        });\n    }\n\n    const props = {\n        ...other,\n        className: appendClassNames(className, 'humany-area', `humany-area-${name}`),\n        scrollableCss,\n        ...areaProperties,\n        columns,\n        gap,\n        renderState,\n        animation,\n        hidden: renderState === WidgetRenderState.hidden,\n        ref: setRef,\n    };\n\n    const content = (() => {\n        if (animation !== 'none') {\n            return (\n                <ColumnContext.Provider value={columns}>\n                    <AnimatedArea {...props}>\n                        {children.map((child) => (\n                            <Component key={child.id} id={child.id} branch=\"default\" />\n                        ))}\n                    </AnimatedArea>\n                </ColumnContext.Provider>\n            );\n        }\n\n        if (renderState === WidgetRenderState.closed) {\n            return null;\n        }\n\n        return (\n            <ColumnContext.Provider value={columns}>\n                <Wrapper {...props}>\n                    {children.map((child) => (\n                        <Component key={child.id} id={child.id} branch=\"default\" />\n                    ))}\n                </Wrapper>\n            </ColumnContext.Provider>\n        );\n    })();\n\n    if (mode === AreaMode.Static) {\n        return content;\n    }\n\n    const triggerButton = (\n        <Trigger\n            className=\"humany-area-trigger\"\n            title={ariaLabel}\n            {...filterCssProps(otherTriggerProps)}\n        >\n            {label && <TriggerLabel>{label}</TriggerLabel>}\n            {symbol && <TriggerSymbolBadge symbol={symbol} size={size} />}\n        </Trigger>\n    );\n\n    if (mode === AreaMode.Dropdown) {\n        return <Dropdown trigger={triggerButton}>{content}</Dropdown>;\n    }\n\n    if (mode === AreaMode.Drawer) {\n        const drawerAnimation =\n            (Object.values(DrawerAnimationType).includes(animation as any) && {\n                type: animation as DrawerAnimationType,\n            }) ||\n            undefined;\n        return (\n            <Drawer\n                header={header}\n                animation={drawerAnimation}\n                fullScreen={fullScreen}\n                trigger={triggerButton}\n            >\n                {content}\n            </Drawer>\n        );\n    }\n\n    if (mode === AreaMode.Modal) {\n        Logger.warn('modal area not implemented');\n        return null;\n    }\n\n    return null;\n};\n\nexport default Area;\n\nconst Trigger = styled(Button)`\n    display: flex;\n    align-items: inherit;\n    align-self: center;\n    width: fit-content;\n    height: fit-content;\n    ${filterCssPropsStyle}\n\n    ${(p) =>\n        p.theme.fonts &&\n        `\n    font-family: ${p.theme.fonts.type};\n    font-size: ${p.theme.fonts.normal};\n  `}\n\n  &:focus-visible {\n        ${paddedBorderTabStyle};\n    }\n`;\n\nconst TriggerLabel = styled(Text)`\n    margin: 0 ${(p) => p.theme.sizes?.small} 0 0;\n    color: ${(p) => p.theme.colors?.text};\n`;\n\nconst TriggerSymbolBadge = styled(SymbolBadge)`\n    path {\n        fill: ${(p) => p.theme.colors?.text};\n    }\n`;\n\nconst Wrapper = styled(Grid)<any>`\n    ${genericComponentStyling}\n    ${(p) => !!p.scrollableCss && p.scrollableCss}\n  text-size-adjust: 100%;\n    input::-ms-clear {\n        display: none;\n    }\n    ${(p) =>\n        p.hidden &&\n        css`\n            visibility: collapse;\n            pointer-events: none;\n        `};\n`;\n"],"names":["Area","forwardRef","_a","ref","_b","children","className","renderState","animation","other","__objRest","React","TransitionComponent","WidgetRenderState","state","css","Wrapper","__spreadProps","__spreadValues","appendClassNames","styled","Grid","genericComponentStyling","p","name","useComponentDescriptor","useRenderState","context","useContext","properties","useProperties","useChildren","container","useContainer","gap","columns","scrollable","mode","AreaMode","trigger","fullScreen","header","areaProperties","size","symbol","label","ariaLabel","otherTriggerProps","scrollableCss","elem","useScroll","setRef","useCallback","node","events","createEmptyComponent","props","content","ColumnContext","AnimatedArea","child","Component","triggerButton","Trigger","filterCssProps","TriggerLabel","TriggerSymbolBadge","Dropdown","drawerAnimation","DrawerAnimationType","Drawer","Logger","Button","filterCssPropsStyle","paddedBorderTabStyle","Text","SymbolBadge"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAMA,KAAsBC;AAAA,EACxB,CAACC,GAA2DC,MAAQ;AAAnE,QAAAC,IAAAF,GAAE,YAAAG,GAAU,WAAAC,GAAW,aAAAC,GAAa,WAAAC,MAApCJ,GAAkDK,IAAAC,EAAlDN,GAAkD,CAAhD,YAAU,aAAW,eAAa;AACjC,WAAKG,IAKA,gBAAAI,EAAA,cAAAC,IAAA;AAAA,MACG,cAAcL,MAAgBM,EAAkB;AAAA,MAChD,SAAS;AAAA,MACT,IAAIN,MAAgBM,EAAkB;AAAA,MACtC,aAAaL;AAAA,MACb,eAAeD,MAAgBM,EAAkB;AAAA,IAEhD,GAAA,CAACC,GAAyBC,MACtB,gBAAAJ,EAAA,cAAAK,IAAAC,EAAAC,EAAA,IACOT,IADP;AAAA,MAEG,cAAcM;AAAAA,MACd,cAAYD;AAAA,MACZ,KAAAX;AAAA,MACA,WAAWgB,EAAiB,wBAAwBb,CAAS;AAAA,IAAA,IAE5DD,CACL,CAER,IAtBO;AAAA,EAwBf;AACJ,GAIMW,KAAUI,EAAOC,CAAI;AAAA,MACrBC;AAAA,MACA,CAACC,MAAM,CAAC,CAACA,EAAE,gBAAgBA,EAAE;AAAA,IAC/B,CAACA,MAAM,CAAC,CAACA,EAAE,iBAAiBA,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA,MAK5B,CAACA,MACCA,EAAE,UACFA,EAAE,kBAAkB,YACpBR;AAAA;AAAA;AAAA;AAAA,GCrBFf,KAAsB,CAACE,MAA4B;AAA5B,MAAAE,IAAAF,GAAE,aAAAI,MAAFF,GAAgBK,IAAAC,EAAhBN,GAAgB,CAAd;AACrB,QAAA,EAAE,MAAAoB,MAASC,MACXlB,IAAcmB,MACdC,IAAUC,MACVC,IAAaC,MACbzB,IAAW0B,MACXC,IAAYC,MAEZ,EAAE,KAAAC,IAAM,IAAQ,IAAAP,GAUlBzB,IAAA2B,GARA;AAAA,aAAAM,IAAU;AAAA,IACV,WAAA3B,IAAY;AAAA,IACZ,YAAA4B,IAAa;AAAA,IACb,MAAAC,IAAOC,EAAS;AAAA,IAChB,SAAAC,IAAU,CAAC;AAAA,IACX,YAAAC;AAAA,IACA,QAAAC;AAAA,MAEAvC,GADGwC,IAAAhC,EACHR,GADG;AAAA,IAPH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAIkEE,IAAAmC,GAA9D,QAAAI,IAAO,IAAI,QAAAC,GAAQ,OAAAC,GAAO,WAAAC,MAAoC1C,GAAtB2C,IAAArC,EAAsBN,GAAtB,CAAxC,QAAW,UAAQ,SAAO,eAE5B,CAAC4C,GAAeC,CAAI,IAAIC,GAAUd,CAAU,GAE5Ce,IAASC;AAAA,IACX,CAACC,MAAyB;AACtB,YAAM,EAAE,QAAAC,EAAW,IAAAtB,EAAU,IAAI,SAAS;AAC1C,aAAAsB,EAAO,SAAS,wBAAwB;AAAA,QACpC,MAAA9B;AAAA,QACA,YAAAK;AAAA,QACA,SAASwB;AAAA,MAAA,CACZ,GAEDJ,EAAK,UAAUI,GACRA;AAAA,IACX;AAAA,IACA,CAACxB,GAAYtB,CAAW;AAAA,EAAA;AAGxB,MAAA,CAACF,EAAS;AACV,WAAOkD,GAAqBvB,GAAWf,EAAAC,EAAA,IAChCT,IADgC;AAAA,MAEnC,WAAWU,EAAiBb,GAAW,aAAa;AAAA,IAAA,EACvD;AAGL,QAAMkD,IAAQvC,EAAAC,EAAAD,EAAAC,EAAA,IACPT,IADO;AAAA,IAEV,WAAWU,EAAiBb,GAAW,eAAe,eAAekB,GAAM;AAAA,IAC3E,eAAAwB;AAAA,MACGN,IAJO;AAAA,IAKV,SAAAP;AAAA,IACA,KAAAD;AAAA,IACA,aAAA3B;AAAA,IACA,WAAAC;AAAA,IACA,QAAQD,MAAgBM,EAAkB;AAAA,IAC1C,KAAKsC;AAAA,EAAA,IAGHM,KAAW,MACTjD,MAAc,SAEV,gBAAAG,EAAA,cAAC+C,EAAc,UAAd;AAAA,IAAuB,OAAOvB;AAAA,EAAA,GAC1B,gBAAAxB,EAAA,cAAAgD,IAAAzC,EAAA,IAAiBsC,IACbnD,EAAS,IAAI,CAACuD,MACV,gBAAAjD,EAAA,cAAAkD,GAAA;AAAA,IAAU,KAAKD,EAAM;AAAA,IAAI,IAAIA,EAAM;AAAA,IAAI,QAAO;AAAA,EAAA,CAAU,CAC5D,CACL,CACJ,IAIJrD,MAAgBM,EAAkB,SAC3B,OAIP,gBAAAF,EAAA,cAAC+C,EAAc,UAAd;AAAA,IAAuB,OAAOvB;AAAA,EAAA,GAC1B,gBAAAxB,EAAA,cAAAK,IAAAE,EAAA,IAAYsC,IACRnD,EAAS,IAAI,CAACuD,MACV,gBAAAjD,EAAA,cAAAkD,GAAA;AAAA,IAAU,KAAKD,EAAM;AAAA,IAAI,IAAIA,EAAM;AAAA,IAAI,QAAO;AAAA,EAAA,CAAU,CAC5D,CACL,CACJ;AAIJ,MAAAvB,MAASC,EAAS;AACX,WAAAmB;AAGX,QAAMK,IACD,gBAAAnD,EAAA,cAAAoD,IAAA7C,EAAA;AAAA,IACG,WAAU;AAAA,IACV,OAAO4B;AAAA,KACHkB,GAAejB,CAAiB,IAEnCF,KAAU,gBAAAlC,EAAA,cAAAsD,IAAA,MAAcpB,CAAM,GAC9BD,KAAW,gBAAAjC,EAAA,cAAAuD,IAAA;AAAA,IAAmB,QAAAtB;AAAA,IAAgB,MAAAD;AAAA,EAAY,CAAA,CAC/D;AAGA,MAAAN,MAASC,EAAS;AAClB,WAAQ,gBAAA3B,EAAA,cAAAwD,IAAA;AAAA,MAAS,SAASL;AAAA,IAAA,GAAgBL,CAAQ;AAGlD,MAAApB,MAASC,EAAS,QAAQ;AAC1B,UAAM8B,IACD,OAAO,OAAOC,EAAmB,EAAE,SAAS7D,CAAgB,KAAK;AAAA,MAC9D,MAAMA;AAAA,IAEV,KAAA;AACJ,WACK,gBAAAG,EAAA,cAAA2D,IAAA;AAAA,MACG,QAAA7B;AAAA,MACA,WAAW2B;AAAA,MACX,YAAA5B;AAAA,MACA,SAASsB;AAAA,IAAA,GAERL,CACL;AAAA,EAER;AAEI,SAAApB,MAASC,EAAS,SAClBiC,GAAO,KAAK,4BAA4B,GACjC;AAIf,GAIMR,KAAU3C,EAAOoD,EAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMvBC;AAAA;AAAA,MAEA,CAAClD,MACCA,EAAE,MAAM,SACR;AAAA,mBACWA,EAAE,MAAM,MAAM;AAAA,iBAChBA,EAAE,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA,UAIrBmD;AAAA;AAAA,GAIJT,KAAe7C,EAAOuD,EAAI;AAAA,gBAChB,CAACpD,MAAM;;AAAA,UAAArB,IAAAqB,EAAE,MAAM,UAAR,gBAAArB,EAAe;AAAA;AAAA,aACzB,CAACqB,MAAM;;AAAA,UAAArB,IAAAqB,EAAE,MAAM,WAAR,gBAAArB,EAAgB;AAAA;AAAA,GAG9BgE,KAAqB9C,EAAOwD,EAAW;AAAA;AAAA,gBAE7B,CAACrD,MAAM;;AAAA,UAAArB,IAAAqB,EAAE,MAAM,WAAR,gBAAArB,EAAgB;AAAA;AAAA;AAAA,GAIjCc,KAAUI,EAAOC,CAAI;AAAA,MACrBC;AAAA,MACA,CAACC,MAAM,CAAC,CAACA,EAAE,iBAAiBA,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA,MAK9B,CAACA,MACCA,EAAE,UACFR;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"area.e15136af.js","sources":["../src/animated-area.tsx","../src/area.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { WidgetRenderState } from '@telia-ace/widget-core';\nimport { genericComponentStyling } from '@telia-ace/widget-types-grid';\nimport { Grid, TransitionComponent } from '@telia-ace/widget-ui';\nimport { appendClassNames } from '@telia-ace/widget-utilities';\nimport React, { forwardRef } from 'react';\nimport { TransitionStatus } from 'react-transition-group/Transition';\n\nconst Area: React.FC<any> = forwardRef(\n    ({ children, className, renderState, animation, ...other }, ref) => {\n        if (!renderState) {\n            return null;\n        }\n\n        return (\n            <TransitionComponent\n                mountOnEnter={renderState !== WidgetRenderState.hidden}\n                timeout={200}\n                in={renderState === WidgetRenderState.open}\n                transitions={animation}\n                unmountOnExit={renderState === WidgetRenderState.closed}\n            >\n                {(state: TransitionStatus, css?: string) => (\n                    <Wrapper\n                        {...other}\n                        animationCss={css}\n                        data-state={state}\n                        ref={ref}\n                        className={appendClassNames('humany-animated-area', className)}\n                    >\n                        {children}\n                    </Wrapper>\n                )}\n            </TransitionComponent>\n        );\n    }\n);\n\nexport default Area;\n\nconst Wrapper = styled(Grid)<any>`\n    ${genericComponentStyling}\n    ${(p) => !!p.animationCss && p.animationCss}\n  ${(p) => !!p.scrollableCss && p.scrollableCss}\n  text-size-adjust: 100%;\n    input::-ms-clear {\n        display: none;\n    }\n    ${(p) =>\n        p.hidden &&\n        p['data-state'] === 'exited' &&\n        css`\n            visibility: collapse;\n            pointer-events: none;\n        `};\n`;\n","import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { WidgetRenderState } from '@telia-ace/widget-core';\nimport { Component, genericComponentStyling } from '@telia-ace/widget-types-grid';\nimport {\n    Button,\n    ColumnContext,\n    createEmptyComponent,\n    Drawer,\n    DrawerAnimationType,\n    Dropdown,\n    filterCssProps,\n    filterCssPropsStyle,\n    Grid,\n    paddedBorderTabStyle,\n    SymbolBadge,\n    Text,\n    useChildren,\n    useComponentDescriptor,\n    useContainer,\n    useContext,\n    useProperties,\n    useRenderState,\n    useScroll,\n} from '@telia-ace/widget-ui';\nimport { appendClassNames, Logger } from '@telia-ace/widget-utilities';\nimport { Widget } from '@webprovisions/platform';\nimport React, { useCallback } from 'react';\nimport AnimatedArea from './animated-area';\nimport { AreaComponentProps, AreaMode } from './area-component';\n\nconst Area: React.FC<any> = ({ className, ...other }) => {\n    const { name } = useComponentDescriptor();\n    const renderState = useRenderState();\n    const context = useContext();\n    const properties = useProperties<AreaComponentProps>();\n    const children = useChildren();\n    const container = useContainer();\n\n    const { gap = '0' } = context;\n    const {\n        columns = 1,\n        animation = 'none',\n        scrollable = false,\n        mode = AreaMode.Static,\n        trigger = {},\n        fullScreen,\n        header,\n        ...areaProperties\n    } = properties;\n\n    const { size = 24, symbol, label, ariaLabel, ...otherTriggerProps } = trigger;\n\n    const [scrollableCss, elem] = useScroll(scrollable);\n\n    const setRef = useCallback(\n        (node: HTMLDivElement) => {\n            const { events } = container.get('$widget') as Widget;\n            events.dispatch('widget:area-rendered', {\n                name,\n                properties,\n                element: node,\n            });\n\n            elem.current = node;\n            return node;\n        },\n        [properties, renderState]\n    );\n\n    if (!children.length) {\n        return createEmptyComponent(container, {\n            ...other,\n            className: appendClassNames(className, 'humany-area'),\n        });\n    }\n\n    const props = {\n        ...other,\n        className: appendClassNames(className, 'humany-area', `humany-area-${name}`),\n        scrollableCss,\n        ...areaProperties,\n        columns,\n        gap,\n        renderState,\n        animation,\n        hidden: renderState === WidgetRenderState.hidden,\n        ref: setRef,\n    };\n\n    const content = (() => {\n        if (animation !== 'none') {\n            return (\n                <ColumnContext.Provider value={columns}>\n                    <AnimatedArea {...props}>\n                        {children.map((child) => (\n                            <Component key={child.id} id={child.id} branch=\"default\" />\n                        ))}\n                    </AnimatedArea>\n                </ColumnContext.Provider>\n            );\n        }\n\n        if (renderState === WidgetRenderState.closed) {\n            return null;\n        }\n\n        return (\n            <ColumnContext.Provider value={columns}>\n                <Wrapper {...props}>\n                    {children.map((child) => (\n                        <Component key={child.id} id={child.id} branch=\"default\" />\n                    ))}\n                </Wrapper>\n            </ColumnContext.Provider>\n        );\n    })();\n\n    if (mode === AreaMode.Static) {\n        return content;\n    }\n\n    const triggerButton = (\n        <Trigger\n            className=\"humany-area-trigger\"\n            title={ariaLabel}\n            {...filterCssProps(otherTriggerProps)}\n        >\n            {label && <TriggerLabel>{label}</TriggerLabel>}\n            {symbol && <TriggerSymbolBadge symbol={symbol} size={size} />}\n        </Trigger>\n    );\n\n    if (mode === AreaMode.Dropdown) {\n        return <Dropdown trigger={triggerButton}>{content}</Dropdown>;\n    }\n\n    if (mode === AreaMode.Drawer) {\n        const drawerAnimation =\n            (Object.values(DrawerAnimationType).includes(animation as any) && {\n                type: animation as DrawerAnimationType,\n            }) ||\n            undefined;\n        return (\n            <Drawer\n                header={header}\n                animation={drawerAnimation}\n                fullScreen={fullScreen}\n                trigger={triggerButton}\n            >\n                {content}\n            </Drawer>\n        );\n    }\n\n    if (mode === AreaMode.Modal) {\n        Logger.warn('modal area not implemented');\n        return null;\n    }\n\n    return null;\n};\n\nexport default Area;\n\nconst Trigger = styled(Button)`\n    display: flex;\n    align-items: inherit;\n    align-self: center;\n    width: fit-content;\n    height: fit-content;\n    ${filterCssPropsStyle}\n\n    ${(p) =>\n        p.theme.fonts &&\n        `\n    font-family: ${p.theme.fonts.type};\n    font-size: ${p.theme.fonts.normal};\n  `}\n\n  &:focus-visible {\n        ${paddedBorderTabStyle};\n    }\n`;\n\nconst TriggerLabel = styled(Text)`\n    margin: 0 ${(p) => p.theme.sizes?.small} 0 0;\n    color: ${(p) => p.theme.colors?.text};\n`;\n\nconst TriggerSymbolBadge = styled(SymbolBadge)`\n    path {\n        fill: ${(p) => p.theme.colors?.text};\n    }\n`;\n\nconst Wrapper = styled(Grid)<any>`\n    ${genericComponentStyling}\n    ${(p) => !!p.scrollableCss && p.scrollableCss}\n  text-size-adjust: 100%;\n    input::-ms-clear {\n        display: none;\n    }\n    ${(p) =>\n        p.hidden &&\n        css`\n            visibility: collapse;\n            pointer-events: none;\n        `};\n`;\n"],"names":["Area","forwardRef","_a","ref","_b","children","className","renderState","animation","other","__objRest","React","TransitionComponent","WidgetRenderState","state","css","Wrapper","__spreadProps","__spreadValues","appendClassNames","AnimatedArea","styled","Grid","genericComponentStyling","p","name","useComponentDescriptor","useRenderState","context","useContext","properties","useProperties","useChildren","container","useContainer","gap","columns","scrollable","mode","AreaMode","trigger","fullScreen","header","areaProperties","size","symbol","label","ariaLabel","otherTriggerProps","scrollableCss","elem","useScroll","setRef","useCallback","node","events","createEmptyComponent","props","content","ColumnContext","child","Component","triggerButton","Trigger","filterCssProps","TriggerLabel","TriggerSymbolBadge","Dropdown","drawerAnimation","DrawerAnimationType","Drawer","Logger","Button","filterCssPropsStyle","paddedBorderTabStyle","Text","SymbolBadge"],"mappings":"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"}

package/dist/index.d68141fc.js

@@ -0,0 +1,9 @@
+import { createReactComponent as t } from "@telia-ace/widget-ui";
+var r = /* @__PURE__ */ ((o) => (o.Static = "static", o.Drawer = "drawer", o.Dropdown = "dropdown", o.Modal = "modal", o))(r || {});
+const n = (o) => t(o, "area", import("./area.e15136af.js"), (a) => {
+}), p = n;
+export {
+  r as A,
+  p as a
+};
+//# sourceMappingURL=index.d68141fc.js.map

package/dist/{index.6f1664cb.js.map → index.d68141fc.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.6f1664cb.js","sources":["../src/area-component.ts"],"sourcesContent":["import { createReactComponent } from '@telia-ace/widget-ui';\nimport { Container } from '@webprovisions/platform';\n\ntype Symbol = {\n    type: 'Uri' | 'Svg' | 'FontAwesome' | 'Text' | string;\n    content: string;\n};\n\nexport enum AreaMode {\n    Static = 'static',\n    Drawer = 'drawer',\n    Dropdown = 'dropdown',\n    Modal = 'modal',\n}\n\nexport type AreaComponentProps = {\n    mode: AreaMode;\n    animation?: string;\n    fullScreen?: boolean;\n    columns?: number;\n    scrollable?: boolean;\n    header?: string;\n    trigger?: {\n        symbol?: Symbol;\n        label?: string;\n        size?: number;\n        ariaLabel?: string;\n    };\n};\n\nexport const AreaComponent = (container: Container) => {\n    return createReactComponent(container, 'area', import('./area'), (component) => {});\n};\n\nexport default AreaComponent;\n"],"names":["AreaMode","AreaComponent","container","createReactComponent","component"],"mappings":";AAQY,IAAAA,sBAAAA,OACRA,EAAA,SAAS,UACTA,EAAA,SAAS,UACTA,EAAA,WAAW,YACXA,EAAA,QAAQ,SAJAA,IAAAA,KAAA,CAAA,CAAA;AAsBC,MAAAC,IAAgB,CAACC,MACnBC,EAAqBD,GAAW,QAAQ,OAAO,uBAAW,CAACE,MAAc;AAAA,CAAE;"}
+{"version":3,"file":"index.d68141fc.js","sources":["../src/area-component.ts"],"sourcesContent":["import { createReactComponent } from '@telia-ace/widget-ui';\nimport { Container } from '@webprovisions/platform';\n\ntype Symbol = {\n    type: 'Uri' | 'Svg' | 'FontAwesome' | 'Text' | string;\n    content: string;\n};\n\nexport enum AreaMode {\n    Static = 'static',\n    Drawer = 'drawer',\n    Dropdown = 'dropdown',\n    Modal = 'modal',\n}\n\nexport type AreaComponentProps = {\n    mode: AreaMode;\n    animation?: string;\n    fullScreen?: boolean;\n    columns?: number;\n    scrollable?: boolean;\n    header?: string;\n    trigger?: {\n        symbol?: Symbol;\n        label?: string;\n        size?: number;\n        ariaLabel?: string;\n    };\n};\n\nexport const AreaComponent = (container: Container) => {\n    return createReactComponent(container, 'area', import('./area'), (component) => {});\n};\n\nexport default AreaComponent;\n"],"names":["AreaMode","AreaComponent","container","createReactComponent","component","AreaComponent$1"],"mappings":";AAQY,IAAAA,sBAAAA,OACRA,EAAA,SAAS,UACTA,EAAA,SAAS,UACTA,EAAA,WAAW,YACXA,EAAA,QAAQ,SAJAA,IAAAA,KAAA,CAAA,CAAA;AAsBC,MAAAC,IAAgB,CAACC,MACnBC,EAAqBD,GAAW,QAAQ,OAAO,uBAAW,CAACE,MAAc;AAAA,CAAE,GAGtFC,IAAeJ;"}

package/dist/index.js

@@ -1,4 +1,4 @@
-import { a as t } from "./index.6f1664cb.js";
+import { a as t } from "./index.d68141fc.js";
 import "@telia-ace/widget-ui";
 export {
   t as default

package/package.json

@@ -1,53 +1,52 @@
 {
-    "name": "@telia-ace/widget-components-area",
-    "version": "1.0.21-next.6",
-    "description": "Area component for ACE Widgets.",
-    "license": "SEE LICENSE IN LICENSE.txt",
-    "author": "Telia Company AB",
-    "keywords": [
-        "telia"
-    ],
-    "main": "dist/index.js",
-    "sourceMain": "src/index.ts",
-    "type": "module",
-    "types": "dist/index.d.ts",
-    "files": [
-        "LICENSE.txt",
-        "README.md",
-        "dist/"
-    ],
-    "publishConfig": {
-        "access": "public"
-    },
-    "scripts": {
-        "clean": "rimraf ./dist",
-        "precompile": "tsc -emitDeclarationOnly",
-        "compile": "vite build"
-    },
-    "sideEffects": false,
-    "dependencies": {
-        "@telia-ace/widget-core": "^1.0.16-next.14",
-        "@telia-ace/widget-types-grid": "^1.0.25-next.14",
-        "@telia-ace/widget-ui": "^1.0.23-next.14",
-        "@telia-ace/widget-utilities": "^1.0.5-next.4",
-        "@webprovisions/platform": "^1.1.2"
-    },
-    "peerDependencies": {
-        "@emotion/react": "^11.10.4",
-        "@emotion/styled": "^11.10.4",
-        "react": "^18.2.0",
-        "react-dom": "^18.2.0",
-        "react-transition-group": "^4.4.5"
-    },
-    "devDependencies": {
-        "@emotion/react": "^11.10.4",
-        "@emotion/styled": "^11.10.4",
-        "@telia-ace/widget-developer-tools": "^1.0.11-next.6",
-        "@types/react-dom": "^18.0.6",
-        "@types/react-transition-group": "^4.4.5",
-        "react": "^18.2.0",
-        "react-dom": "^18.2.0",
-        "react-transition-group": "^4.4.5"
-    },
-    "gitHead": "e478c7449d48be14e8207ae43e4f6cfabf78c0bd"
-}
+  "name": "@telia-ace/widget-components-area",
+  "version": "1.0.21-next.8",
+  "description": "Area component for ACE Widgets.",
+  "license": "SEE LICENSE IN LICENSE.txt",
+  "author": "Telia Company AB",
+  "keywords": [
+    "telia"
+  ],
+  "main": "dist/index.js",
+  "sourceMain": "src/index.ts",
+  "type": "module",
+  "types": "dist/index.d.ts",
+  "files": [
+    "LICENSE.txt",
+    "README.md",
+    "dist/"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "sideEffects": false,
+  "dependencies": {
+    "@telia-ace/widget-core": "^1.0.16-next.16",
+    "@telia-ace/widget-types-grid": "^1.0.25-next.16",
+    "@telia-ace/widget-ui": "^1.0.23-next.16",
+    "@telia-ace/widget-utilities": "^1.0.5-next.6",
+    "@webprovisions/platform": "^1.1.2"
+  },
+  "peerDependencies": {
+    "@emotion/react": "^11.10.4",
+    "@emotion/styled": "^11.10.4",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-transition-group": "^4.4.5"
+  },
+  "devDependencies": {
+    "@emotion/react": "^11.10.5",
+    "@emotion/styled": "^11.10.5",
+    "@telia-ace/widget-developer-tools": "^1.0.11-next.8",
+    "@types/react": "^18.0.24",
+    "@types/react-dom": "^18.0.8",
+    "@types/react-transition-group": "^4.4.5",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-transition-group": "^4.4.5"
+  },
+  "scripts": {
+    "clean": "rimraf ./dist",
+    "build": "rimraf ./dist && tsc -emitDeclarationOnly && vite build"
+  }
+}

package/dist/index.6f1664cb.js

@@ -1,9 +0,0 @@
-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.8436a3a1.js"), (a) => {
-});
-export {
-  o as A,
-  p as a
-};
-//# sourceMappingURL=index.6f1664cb.js.map