@telia-ace/widget-components-area 1.0.18 → 1.0.20

package/LICENSE.txt

@@ -1,6 +1,6 @@
-Copyright © 2021, Telia Company AB. All rights reserved.
-
-THIS PACKAGE AND CONTAINING SOFTWARE IS PART OF
-THE HUMANY SERVICE. BY USING THIS SOFTWARE YOU
-AGREE TO THE FOLLOWING TERMS AND CONDITIONS:
+Copyright © 2021, Telia Company AB. All rights reserved.
+
+THIS PACKAGE AND CONTAINING SOFTWARE IS PART OF
+THE HUMANY SERVICE. BY USING THIS SOFTWARE YOU
+AGREE TO THE FOLLOWING TERMS AND CONDITIONS:
 http://www.humany.com/legal

package/README.md

@@ -1,3 +1,3 @@
-# `@telia-ace/widget-components-area`
-
-Area component for ACE Widgets.
+# `@telia-ace/widget-components-area`
+
+Area component for ACE Widgets.

package/dist/animated-area.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-declare const Area: React.FC<any>;
-export default Area;
+import React from 'react';
+declare const Area: React.FC<any>;
+export default Area;

package/dist/area-component.d.ts

@@ -1,27 +1,27 @@
-import { Container } from '@webprovisions/platform';
-declare type Symbol = {
-    type: 'Uri' | 'Svg' | 'FontAwesome' | 'Text' | string;
-    content: string;
-};
-export declare enum AreaMode {
-    Static = "static",
-    Drawer = "drawer",
-    Dropdown = "dropdown",
-    Modal = "modal"
-}
-export declare type AreaComponentProps = {
-    mode: AreaMode;
-    animation?: string;
-    fullScreen?: boolean;
-    columns?: number;
-    scrollable?: boolean;
-    header?: string;
-    trigger?: {
-        symbol?: Symbol;
-        label?: string;
-        size?: number;
-        ariaLabel?: string;
-    };
-};
-export declare const AreaComponent: (container: Container) => Promise<void>;
-export default AreaComponent;
+import { Container } from '@webprovisions/platform';
+declare type Symbol = {
+    type: 'Uri' | 'Svg' | 'FontAwesome' | 'Text' | string;
+    content: string;
+};
+export declare enum AreaMode {
+    Static = "static",
+    Drawer = "drawer",
+    Dropdown = "dropdown",
+    Modal = "modal"
+}
+export declare type AreaComponentProps = {
+    mode: AreaMode;
+    animation?: string;
+    fullScreen?: boolean;
+    columns?: number;
+    scrollable?: boolean;
+    header?: string;
+    trigger?: {
+        symbol?: Symbol;
+        label?: string;
+        size?: number;
+        ariaLabel?: string;
+    };
+};
+export declare const AreaComponent: (container: Container) => Promise<void>;
+export default AreaComponent;

package/dist/{area.5b037b1b.js → area.69dd7ee0.js}

@@ -1,12 +1,12 @@
 var Y = Object.defineProperty, Z = Object.defineProperties;
 var _ = Object.getOwnPropertyDescriptors;
-var C = Object.getOwnPropertySymbols;
+var b = Object.getOwnPropertySymbols;
 var B = Object.prototype.hasOwnProperty, R = Object.prototype.propertyIsEnumerable;
 var z = (e, t, n) => t in e ? Y(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, s = (e, t) => {
   for (var n in t || (t = {}))
     B.call(t, n) && z(e, n, t[n]);
-  if (C)
-    for (var n of C(t))
+  if (b)
+    for (var n of b(t))
       R.call(t, n) && z(e, n, t[n]);
   return e;
 }, c = (e, t) => Z(e, _(t));
@@ -14,33 +14,35 @@ var d = (e, t) => {
   var n = {};
   for (var r in e)
     B.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
-  if (e != null && C)
-    for (var r of C(e))
+  if (e != null && b)
+    for (var r of b(e))
       t.indexOf(r) < 0 && R.call(e, r) && (n[r] = e[r]);
   return n;
 };
 import { WidgetRenderState as p } from "@telia-ace/widget-core";
 import { genericComponentStyling as k, Component as N } from "@telia-ace/widget-types-grid";
 import { TransitionComponent as ee, Grid as L, 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 x, Logger as be } from "@telia-ace/widget-utilities";
-import a, { forwardRef as Ce, useCallback as $e } from "react";
+import { appendClassNames as v, Logger as Ce } from "@telia-ace/widget-utilities";
+import a, { forwardRef as be, useCallback as $e } from "react";
 import f, { css as O } from "styled-components";
-import { A as u } from "./index.a69d3b40.js";
-const Ee = Ce((v, i) => {
-  var l = v, { children: e, className: t, renderState: n, animation: r } = l, g = d(l, ["children", "className", "renderState", "animation"]);
-  return n ? /* @__PURE__ */ a.createElement(ee, {
-    mountOnEnter: n !== p.hidden,
-    timeout: 200,
-    in: n === p.open,
-    transitions: r,
-    unmountOnExit: n === p.closed
-  }, (m, h) => /* @__PURE__ */ a.createElement(xe, c(s({}, g), {
-    animationCss: h,
-    "data-state": m,
-    ref: i,
-    className: x("humany-animated-area", t)
-  }), e)) : null;
-}), xe = f(L)`
+import { A as u } from "./index.941e839e.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"]);
+    return n ? /* @__PURE__ */ a.createElement(ee, {
+      mountOnEnter: n !== p.hidden,
+      timeout: 200,
+      in: n === p.open,
+      transitions: r,
+      unmountOnExit: n === p.closed
+    }, (m, h) => /* @__PURE__ */ a.createElement(ve, c(s({}, g), {
+      animationCss: h,
+      "data-state": m,
+      ref: i,
+      className: v("humany-animated-area", t)
+    }), e)) : null;
+  }
+), ve = f(L)`
     ${k}
     ${(e) => !!e.animationCss && e.animationCss}
   ${(e) => !!e.scrollableCss && e.scrollableCss}
@@ -54,11 +56,11 @@ const Ee = Ce((v, i) => {
         `};
 `, ke = (n) => {
   var r = n, { className: e } = r, t = d(r, ["className"]);
-  const { name: g } = te(), i = ne(), v = re(), l = ae(), m = oe(), h = se(), { gap: W = "0" } = v, A = l, {
+  const { name: g } = te(), i = ne(), x = re(), l = ae(), m = oe(), h = se(), { gap: W = "0" } = x, A = l, {
     columns: $ = 1,
     animation: y = "none",
     scrollable: M = !1,
-    mode: b = u.Static,
+    mode: C = u.Static,
     trigger: G = {},
     fullScreen: q,
     header: F
@@ -70,20 +72,23 @@ const Ee = Ce((v, i) => {
     "trigger",
     "fullScreen",
     "header"
-  ]), D = G, { size: I = 24, symbol: w, label: S, ariaLabel: J } = D, K = d(D, ["size", "symbol", "label", "ariaLabel"]), [Q, U] = ie(M), V = $e((o) => {
-    const { events: X } = h.get("$widget");
-    return X.dispatch("widget:area-rendered", {
-      name: g,
-      properties: l,
-      element: o
-    }), U.current = o, o;
-  }, [l, i]);
+  ]), D = G, { size: I = 24, symbol: w, label: S, ariaLabel: J } = D, K = d(D, ["size", "symbol", "label", "ariaLabel"]), [Q, U] = ie(M), V = $e(
+    (o) => {
+      const { events: X } = h.get("$widget");
+      return X.dispatch("widget:area-rendered", {
+        name: g,
+        properties: l,
+        element: o
+      }), U.current = o, o;
+    },
+    [l, i]
+  );
   if (!m.length)
     return le(h, c(s({}, t), {
-      className: x(e, "humany-area")
+      className: v(e, "humany-area")
     }));
   const T = c(s(c(s({}, t), {
-    className: x(e, "humany-area", `humany-area-${g}`),
+    className: v(e, "humany-area", `humany-area-${g}`),
     scrollableCss: Q
   }), H), {
     columns: $,
@@ -105,20 +110,20 @@ const Ee = Ce((v, i) => {
     id: o.id,
     branch: "default"
   })))))();
-  if (b === u.Static)
+  if (C === u.Static)
     return E;
-  const P = /* @__PURE__ */ a.createElement(ve, s({
+  const P = /* @__PURE__ */ a.createElement(xe, s({
     className: "humany-area-trigger",
     title: J
   }, me(K)), S && /* @__PURE__ */ a.createElement(we, null, S), w && /* @__PURE__ */ a.createElement(Se, {
     symbol: w,
     size: I
   }));
-  if (b === u.Dropdown)
+  if (C === u.Dropdown)
     return /* @__PURE__ */ a.createElement(ce, {
       trigger: P
     }, E);
-  if (b === u.Drawer) {
+  if (C === u.Drawer) {
     const o = Object.values(de).includes(y) && {
       type: y
     } || void 0;
@@ -129,8 +134,8 @@ const Ee = Ce((v, i) => {
       trigger: P
     }, E);
   }
-  return b === u.Modal && be.warn("modal area not implemented"), null;
-}, ve = f(pe)`
+  return C === u.Modal && Ce.warn("modal area not implemented"), null;
+}, xe = f(pe)`
     display: flex;
     align-items: inherit;
     align-self: center;
@@ -143,11 +148,8 @@ const Ee = Ce((v, i) => {
     font-size: ${e.theme.fonts.normal};
   `}
 
-  &:focus {
-        ${(e) => {
-  var t;
-  return ((t = e.theme.accessibility) == null ? void 0 : t.isTabbing) && ge;
-}};
+  &:focus-visible {
+        ${ge};
     }
 `, we = f(he)`
     margin: 0 ${(e) => {
@@ -180,4 +182,4 @@ const Ee = Ce((v, i) => {
 export {
   ke as default
 };
-//# sourceMappingURL=area.5b037b1b.js.map
+//# sourceMappingURL=area.69dd7ee0.js.map

package/dist/area.69dd7ee0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"area.69dd7ee0.js","sources":["../src/animated-area.tsx","../src/area.tsx"],"sourcesContent":["import { WidgetRenderState } from '@telia-ace/widget-core';\r\nimport { genericComponentStyling } from '@telia-ace/widget-types-grid';\r\nimport { Grid, TransitionComponent } from '@telia-ace/widget-ui';\r\nimport { appendClassNames } from '@telia-ace/widget-utilities';\r\nimport React, { forwardRef } from 'react';\r\nimport { TransitionStatus } from 'react-transition-group/Transition';\r\nimport styled, { css } from 'styled-components';\r\n\r\nconst Area: React.FC<any> = forwardRef(\r\n    ({ children, className, renderState, animation, ...other }, ref) => {\r\n        if (!renderState) {\r\n            return null;\r\n        }\r\n\r\n        return (\r\n            <TransitionComponent\r\n                mountOnEnter={renderState !== WidgetRenderState.hidden}\r\n                timeout={200}\r\n                in={renderState === WidgetRenderState.open}\r\n                transitions={animation}\r\n                unmountOnExit={renderState === WidgetRenderState.closed}\r\n            >\r\n                {(state: TransitionStatus, css?: string) => (\r\n                    <Wrapper\r\n                        {...other}\r\n                        animationCss={css}\r\n                        data-state={state}\r\n                        ref={ref}\r\n                        className={appendClassNames('humany-animated-area', className)}\r\n                    >\r\n                        {children}\r\n                    </Wrapper>\r\n                )}\r\n            </TransitionComponent>\r\n        );\r\n    }\r\n);\r\n\r\nexport default Area;\r\n\r\nconst Wrapper = styled(Grid)<any>`\r\n    ${genericComponentStyling}\r\n    ${(p) => !!p.animationCss && p.animationCss}\r\n  ${(p) => !!p.scrollableCss && p.scrollableCss}\r\n  text-size-adjust: 100%;\r\n    input::-ms-clear {\r\n        display: none;\r\n    }\r\n    ${(p) =>\r\n        p.hidden &&\r\n        p['data-state'] === 'exited' &&\r\n        css`\r\n            visibility: collapse;\r\n            pointer-events: none;\r\n        `};\r\n`;\r\n","import { WidgetRenderState } from '@telia-ace/widget-core';\r\nimport { Component, genericComponentStyling } from '@telia-ace/widget-types-grid';\r\nimport {\r\n    Button,\r\n    ColumnContext,\r\n    createEmptyComponent,\r\n    Drawer,\r\n    DrawerAnimationType,\r\n    Dropdown,\r\n    filterCssProps,\r\n    filterCssPropsStyle,\r\n    Grid,\r\n    paddedBorderTabStyle,\r\n    SymbolBadge,\r\n    Text,\r\n    useChildren,\r\n    useComponentDescriptor,\r\n    useContainer,\r\n    useContext,\r\n    useProperties,\r\n    useRenderState,\r\n    useScroll,\r\n} from '@telia-ace/widget-ui';\r\nimport { appendClassNames, Logger } from '@telia-ace/widget-utilities';\r\nimport { Widget } from '@webprovisions/platform';\r\nimport React, { useCallback } from 'react';\r\nimport styled, { css } from 'styled-components';\r\nimport AnimatedArea from './animated-area';\r\nimport { AreaComponentProps, AreaMode } from './area-component';\r\n\r\nconst Area: React.FC<any> = ({ className, ...other }) => {\r\n    const { name } = useComponentDescriptor();\r\n    const renderState = useRenderState();\r\n    const context = useContext();\r\n    const properties = useProperties<AreaComponentProps>();\r\n    const children = useChildren();\r\n    const container = useContainer();\r\n\r\n    const { gap = '0' } = context;\r\n    const {\r\n        columns = 1,\r\n        animation = 'none',\r\n        scrollable = false,\r\n        mode = AreaMode.Static,\r\n        trigger = {},\r\n        fullScreen,\r\n        header,\r\n        ...areaProperties\r\n    } = properties;\r\n\r\n    const { size = 24, symbol, label, ariaLabel, ...otherTriggerProps } = trigger;\r\n\r\n    const [scrollableCss, elem] = useScroll(scrollable);\r\n\r\n    const setRef = useCallback(\r\n        (node: HTMLDivElement) => {\r\n            const { events } = container.get('$widget') as Widget;\r\n            events.dispatch('widget:area-rendered', {\r\n                name,\r\n                properties,\r\n                element: node,\r\n            });\r\n\r\n            elem.current = node;\r\n            return node;\r\n        },\r\n        [properties, renderState]\r\n    );\r\n\r\n    if (!children.length) {\r\n        return createEmptyComponent(container, {\r\n            ...other,\r\n            className: appendClassNames(className, 'humany-area'),\r\n        });\r\n    }\r\n\r\n    const props = {\r\n        ...other,\r\n        className: appendClassNames(className, 'humany-area', `humany-area-${name}`),\r\n        scrollableCss,\r\n        ...areaProperties,\r\n        columns,\r\n        gap,\r\n        renderState,\r\n        animation,\r\n        hidden: renderState === WidgetRenderState.hidden,\r\n        ref: setRef,\r\n    };\r\n\r\n    const content = (() => {\r\n        if (animation !== 'none') {\r\n            return (\r\n                <ColumnContext.Provider value={columns}>\r\n                    <AnimatedArea {...props}>\r\n                        {children.map((child) => (\r\n                            <Component key={child.id} id={child.id} branch=\"default\" />\r\n                        ))}\r\n                    </AnimatedArea>\r\n                </ColumnContext.Provider>\r\n            );\r\n        }\r\n\r\n        if (renderState === WidgetRenderState.closed) {\r\n            return null;\r\n        }\r\n\r\n        return (\r\n            <ColumnContext.Provider value={columns}>\r\n                <Wrapper {...props}>\r\n                    {children.map((child) => (\r\n                        <Component key={child.id} id={child.id} branch=\"default\" />\r\n                    ))}\r\n                </Wrapper>\r\n            </ColumnContext.Provider>\r\n        );\r\n    })();\r\n\r\n    if (mode === AreaMode.Static) {\r\n        return content;\r\n    }\r\n\r\n    const triggerButton = (\r\n        <Trigger\r\n            className=\"humany-area-trigger\"\r\n            title={ariaLabel}\r\n            {...filterCssProps(otherTriggerProps)}\r\n        >\r\n            {label && <TriggerLabel>{label}</TriggerLabel>}\r\n            {symbol && <TriggerSymbolBadge symbol={symbol} size={size} />}\r\n        </Trigger>\r\n    );\r\n\r\n    if (mode === AreaMode.Dropdown) {\r\n        return <Dropdown trigger={triggerButton}>{content}</Dropdown>;\r\n    }\r\n\r\n    if (mode === AreaMode.Drawer) {\r\n        const drawerAnimation =\r\n            (Object.values(DrawerAnimationType).includes(animation as any) && {\r\n                type: animation as DrawerAnimationType,\r\n            }) ||\r\n            undefined;\r\n        return (\r\n            <Drawer\r\n                header={header}\r\n                animation={drawerAnimation}\r\n                fullScreen={fullScreen}\r\n                trigger={triggerButton}\r\n            >\r\n                {content}\r\n            </Drawer>\r\n        );\r\n    }\r\n\r\n    if (mode === AreaMode.Modal) {\r\n        Logger.warn('modal area not implemented');\r\n        return null;\r\n    }\r\n\r\n    return null;\r\n};\r\n\r\nexport default Area;\r\n\r\nconst Trigger = styled(Button)`\r\n    display: flex;\r\n    align-items: inherit;\r\n    align-self: center;\r\n    width: fit-content;\r\n    height: fit-content;\r\n    ${filterCssPropsStyle}\r\n\r\n    ${(p) =>\r\n        p.theme.fonts &&\r\n        `\r\n    font-family: ${p.theme.fonts.type};\r\n    font-size: ${p.theme.fonts.normal};\r\n  `}\r\n\r\n  &:focus-visible {\r\n        ${paddedBorderTabStyle};\r\n    }\r\n`;\r\n\r\nconst TriggerLabel = styled(Text)`\r\n    margin: 0 ${(p) => p.theme.sizes?.small} 0 0;\r\n    color: ${(p) => p.theme.colors?.text};\r\n`;\r\n\r\nconst TriggerSymbolBadge = styled(SymbolBadge)`\r\n    path {\r\n        fill: ${(p) => p.theme.colors?.text};\r\n    }\r\n`;\r\n\r\nconst Wrapper = styled(Grid)<any>`\r\n    ${genericComponentStyling}\r\n    ${(p) => !!p.scrollableCss && p.scrollableCss}\r\n  text-size-adjust: 100%;\r\n    input::-ms-clear {\r\n        display: none;\r\n    }\r\n    ${(p) =>\r\n        p.hidden &&\r\n        css`\r\n            visibility: collapse;\r\n            pointer-events: none;\r\n        `};\r\n`;\r\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,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;"}

package/dist/area.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-declare const Area: React.FC<any>;
-export default Area;
+import React from 'react';
+declare const Area: React.FC<any>;
+export default Area;

package/dist/{index.a69d3b40.js → index.941e839e.js}

@@ -1,9 +1,9 @@
 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.5b037b1b.js"), (a) => {
+const p = (r) => t(r, "area", import("./area.69dd7ee0.js"), (a) => {
 });
 export {
   o as A,
   p as a
 };
-//# sourceMappingURL=index.a69d3b40.js.map
+//# sourceMappingURL=index.941e839e.js.map

package/dist/index.941e839e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.941e839e.js","sources":["../src/area-component.ts"],"sourcesContent":["import { createReactComponent } from '@telia-ace/widget-ui';\r\nimport { Container } from '@webprovisions/platform';\r\n\r\ntype Symbol = {\r\n    type: 'Uri' | 'Svg' | 'FontAwesome' | 'Text' | string;\r\n    content: string;\r\n};\r\n\r\nexport enum AreaMode {\r\n    Static = 'static',\r\n    Drawer = 'drawer',\r\n    Dropdown = 'dropdown',\r\n    Modal = 'modal',\r\n}\r\n\r\nexport type AreaComponentProps = {\r\n    mode: AreaMode;\r\n    animation?: string;\r\n    fullScreen?: boolean;\r\n    columns?: number;\r\n    scrollable?: boolean;\r\n    header?: string;\r\n    trigger?: {\r\n        symbol?: Symbol;\r\n        label?: string;\r\n        size?: number;\r\n        ariaLabel?: string;\r\n    };\r\n};\r\n\r\nexport const AreaComponent = (container: Container) => {\r\n    return createReactComponent(container, 'area', import('./area'), (component) => {});\r\n};\r\n\r\nexport default AreaComponent;\r\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;"}

package/dist/index.d.ts

@@ -1,2 +1,2 @@
-import AreaComponent from './area-component';
-export default AreaComponent;
+import AreaComponent from './area-component';
+export default AreaComponent;

package/dist/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@telia-ace/widget-components-area",
-    "version": "1.0.18",
+    "version": "1.0.20",
     "description": "Area component for ACE Widgets.",
     "license": "SEE LICENSE IN LICENSE.txt",
     "author": "Telia Company AB",
@@ -8,6 +8,7 @@
         "telia"
     ],
     "main": "dist/index.js",
+    "sourceMain": "src/index.ts",
     "type": "module",
     "types": "dist/index.d.ts",
     "files": [
@@ -25,10 +26,10 @@
     },
     "sideEffects": false,
     "dependencies": {
-        "@telia-ace/widget-core": "^1.0.13",
-        "@telia-ace/widget-types-grid": "^1.0.22",
-        "@telia-ace/widget-ui": "^1.0.20",
-        "@telia-ace/widget-utilities": "^1.0.2",
+        "@telia-ace/widget-core": "^1.0.15",
+        "@telia-ace/widget-types-grid": "^1.0.24",
+        "@telia-ace/widget-ui": "^1.0.22",
+        "@telia-ace/widget-utilities": "^1.0.4",
         "@webprovisions/platform": "^1.1.2"
     },
     "peerDependencies": {
@@ -43,5 +44,5 @@
         "@types/react-transition-group": "^4.2.3",
         "@types/styled-components": "^5.1.7"
     },
-    "gitHead": "2d7b410c4fe2bc55fed35ddb161dd0fe6ca6e71f"
+    "gitHead": "c3045eebac4251ae8ba27333abd9b6aa3ccd5b38"
 }

package/dist/area.5b037b1b.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"area.5b037b1b.js","sources":["../src/animated-area.tsx","../src/area.tsx"],"sourcesContent":["import { 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';\nimport styled, { css } from 'styled-components';\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 { 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 styled, { css } from 'styled-components';\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 {\n        ${(p: any) => p.theme.accessibility?.isTabbing && 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","Wrapper","AnimatedArea"],"mappings":"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"}

package/dist/index.a69d3b40.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.a69d3b40.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":[],"mappings":";AAQY,IAAA,sBAAA,MACC,GAAA,SAAA,UACA,EAAA,SAAA,UACE,EAAA,WAAA,YACH,EAAA,QAAA,SAJA,IAAA,KAAA,CAAA,CAAA;AAsBC,MAAA,IAAgB,CAAC,MACnB,EAAqB,GAAW,QAAQ,OAAO,uBAAW,CAAC,MAAc;AAAA,CAAE;"}