@telia-ace/widget-components-area 1.0.21-next.3 → 1.0.21-next.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/{area.69dd7ee0.js → area.e15136af.js} +27 -26
  2. package/dist/area.e15136af.js.map +1 -0
  3. package/dist/index.d68141fc.js +9 -0
  4. package/dist/{index.941e839e.js.map → index.d68141fc.js.map} +1 -1
  5. package/dist/index.js +1 -1
  6. package/package.json +8 -7
  7. package/dist/area.69dd7ee0.js.map +0 -1
  8. package/dist/index.941e839e.js +0 -9
package/dist/{area.69dd7ee0.js → area.e15136af.js} RENAMED
@@ -19,13 +19,14 @@ var d = (e, t) => {
19
19
  t.indexOf(r) < 0 && R.call(e, r) && (n[r] = e[r]);
20
20
  return n;
21
21
  };
22
+ import { css as k } from "@emotion/react";
23
+ import f from "@emotion/styled";
22
24
  import { WidgetRenderState as p } from "@telia-ace/widget-core";
23
- import { genericComponentStyling as k, Component as N } from "@telia-ace/widget-types-grid";
24
- 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";
25
+ import { genericComponentStyling as L, Component as N } from "@telia-ace/widget-types-grid";
26
+ 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";
25
27
  import { appendClassNames as v, Logger as Ce } from "@telia-ace/widget-utilities";
26
28
  import a, { forwardRef as be, useCallback as $e } from "react";
27
- import f, { css as O } from "styled-components";
28
- import { A as u } from "./index.941e839e.js";
29
+ import { A as u } from "./index.d68141fc.js";
29
30
  const Ee = be(
30
31
  (x, i) => {
31
32
  var l = x, { children: e, className: t, renderState: n, animation: r } = l, g = d(l, ["children", "className", "renderState", "animation"]);
@@ -35,28 +36,28 @@ const Ee = be(
35
36
  in: n === p.open,
36
37
  transitions: r,
37
38
  unmountOnExit: n === p.closed
38
- }, (m, h) => /* @__PURE__ */ a.createElement(ve, c(s({}, g), {
39
+ }, (m, h) => /* @__PURE__ */ a.createElement(xe, c(s({}, g), {
39
40
  animationCss: h,
40
41
  "data-state": m,
41
42
  ref: i,
42
43
  className: v("humany-animated-area", t)
43
44
  }), e)) : null;
44
45
  }
45
- ), ve = f(L)`
46
- ${k}
46
+ ), ve = Ee, xe = f(O)`
47
+ ${L}
47
48
  ${(e) => !!e.animationCss && e.animationCss}
48
49
  ${(e) => !!e.scrollableCss && e.scrollableCss}
49
50
  text-size-adjust: 100%;
50
51
  input::-ms-clear {
51
52
  display: none;
52
53
  }
53
- ${(e) => e.hidden && e["data-state"] === "exited" && O`
54
+ ${(e) => e.hidden && e["data-state"] === "exited" && k`
54
55
  visibility: collapse;
55
56
  pointer-events: none;
56
57
  `};
57
- `, ke = (n) => {
58
+ `, Oe = (n) => {
58
59
  var r = n, { className: e } = r, t = d(r, ["className"]);
59
- const { name: g } = te(), i = ne(), x = re(), l = ae(), m = oe(), h = se(), { gap: W = "0" } = x, A = l, {
60
+ const { name: g } = te(), i = ne(), x = re(), l = ae(), m = oe(), h = se(), { gap: W = "0" } = x, P = l, {
60
61
  columns: $ = 1,
61
62
  animation: y = "none",
62
63
  scrollable: M = !1,
@@ -64,7 +65,7 @@ const Ee = be(
64
65
  trigger: G = {},
65
66
  fullScreen: q,
66
67
  header: F
67
- } = A, H = d(A, [
68
+ } = P, H = d(P, [
68
69
  "columns",
69
70
  "animation",
70
71
  "scrollable",
@@ -87,7 +88,7 @@ const Ee = be(
87
88
  return le(h, c(s({}, t), {
88
89
  className: v(e, "humany-area")
89
90
  }));
90
- const T = c(s(c(s({}, t), {
91
+ const A = c(s(c(s({}, t), {
91
92
  className: v(e, "humany-area", `humany-area-${g}`),
92
93
  scrollableCss: Q
93
94
  }), H), {
@@ -99,29 +100,29 @@ const Ee = be(
99
100
  ref: V
100
101
  }), E = (() => y !== "none" ? /* @__PURE__ */ a.createElement(j.Provider, {
101
102
  value: $
102
- }, /* @__PURE__ */ a.createElement(Ee, s({}, T), m.map((o) => /* @__PURE__ */ a.createElement(N, {
103
+ }, /* @__PURE__ */ a.createElement(ve, s({}, A), m.map((o) => /* @__PURE__ */ a.createElement(N, {
103
104
  key: o.id,
104
105
  id: o.id,
105
106
  branch: "default"
106
107
  })))) : i === p.closed ? null : /* @__PURE__ */ a.createElement(j.Provider, {
107
108
  value: $
108
- }, /* @__PURE__ */ a.createElement(Te, s({}, T), m.map((o) => /* @__PURE__ */ a.createElement(N, {
109
+ }, /* @__PURE__ */ a.createElement(Te, s({}, A), m.map((o) => /* @__PURE__ */ a.createElement(N, {
109
110
  key: o.id,
110
111
  id: o.id,
111
112
  branch: "default"
112
113
  })))))();
113
114
  if (C === u.Static)
114
115
  return E;
115
- const P = /* @__PURE__ */ a.createElement(xe, s({
116
+ const T = /* @__PURE__ */ a.createElement(we, s({
116
117
  className: "humany-area-trigger",
117
118
  title: J
118
- }, me(K)), S && /* @__PURE__ */ a.createElement(we, null, S), w && /* @__PURE__ */ a.createElement(Se, {
119
+ }, me(K)), S && /* @__PURE__ */ a.createElement(Se, null, S), w && /* @__PURE__ */ a.createElement(Ae, {
119
120
  symbol: w,
120
121
  size: I
121
122
  }));
122
123
  if (C === u.Dropdown)
123
124
  return /* @__PURE__ */ a.createElement(ce, {
124
- trigger: P
125
+ trigger: T
125
126
  }, E);
126
127
  if (C === u.Drawer) {
127
128
  const o = Object.values(de).includes(y) && {
@@ -131,11 +132,11 @@ const Ee = be(
131
132
  header: F,
132
133
  animation: o,
133
134
  fullScreen: q,
134
- trigger: P
135
+ trigger: T
135
136
  }, E);
136
137
  }
137
138
  return C === u.Modal && Ce.warn("modal area not implemented"), null;
138
- }, xe = f(pe)`
139
+ }, we = f(pe)`
139
140
  display: flex;
140
141
  align-items: inherit;
141
142
  align-self: center;
@@ -151,7 +152,7 @@ const Ee = be(
151
152
  &:focus-visible {
152
153
  ${ge};
153
154
  }
154
- `, we = f(he)`
155
+ `, Se = f(he)`
155
156
  margin: 0 ${(e) => {
156
157
  var t;
157
158
  return (t = e.theme.sizes) == null ? void 0 : t.small;
@@ -160,26 +161,26 @@ const Ee = be(
160
161
  var t;
161
162
  return (t = e.theme.colors) == null ? void 0 : t.text;
162
163
  }};
163
- `, Se = f(ye)`
164
+ `, Ae = f(ye)`
164
165
  path {
165
166
  fill: ${(e) => {
166
167
  var t;
167
168
  return (t = e.theme.colors) == null ? void 0 : t.text;
168
169
  }};
169
170
  }
170
- `, Te = f(L)`
171
- ${k}
171
+ `, Te = f(O)`
172
+ ${L}
172
173
  ${(e) => !!e.scrollableCss && e.scrollableCss}
173
174
  text-size-adjust: 100%;
174
175
  input::-ms-clear {
175
176
  display: none;
176
177
  }
177
- ${(e) => e.hidden && O`
178
+ ${(e) => e.hidden && k`
178
179
  visibility: collapse;
179
180
  pointer-events: none;
180
181
  `};
181
182
  `;
182
183
  export {
183
- ke as default
184
+ Oe as default
184
185
  };
185
- //# sourceMappingURL=area.69dd7ee0.js.map
186
+ //# sourceMappingURL=area.e15136af.js.map
package/dist/area.e15136af.js.map ADDED
@@ -0,0 +1 @@
1
+ {"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 ADDED
@@ -0,0 +1,9 @@
1
+ import { createReactComponent as t } from "@telia-ace/widget-ui";
2
+ var r = /* @__PURE__ */ ((o) => (o.Static = "static", o.Drawer = "drawer", o.Dropdown = "dropdown", o.Modal = "modal", o))(r || {});
3
+ const n = (o) => t(o, "area", import("./area.e15136af.js"), (a) => {
4
+ }), p = n;
5
+ export {
6
+ r as A,
7
+ p as a
8
+ };
9
+ //# sourceMappingURL=index.d68141fc.js.map
package/dist/{index.941e839e.js.map → index.d68141fc.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"index.941e839e.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;"}
1
+ {"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 CHANGED
@@ -1,4 +1,4 @@
1
- import { a as t } from "./index.941e839e.js";
1
+ import { a as t } from "./index.d68141fc.js";
2
2
  import "@telia-ace/widget-ui";
3
3
  export {
4
4
  t as default
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@telia-ace/widget-components-area",
3
- "version": "1.0.21-next.3",
3
+ "version": "1.0.21-next.5",
4
4
  "description": "Area component for ACE Widgets.",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "author": "Telia Company AB",
@@ -33,19 +33,20 @@
33
33
  "@webprovisions/platform": "^1.1.2"
34
34
  },
35
35
  "peerDependencies": {
36
+ "@emotion/react": "^11.10.4",
37
+ "@emotion/styled": "^11.10.4",
36
38
  "react": "^18.2.0",
37
39
  "react-dom": "^18.2.0",
38
- "react-transition-group": "^4.4.5",
39
- "styled-components": "^5.3.6"
40
+ "react-transition-group": "^4.4.5"
40
41
  },
41
42
  "devDependencies": {
43
+ "@emotion/react": "^11.10.4",
44
+ "@emotion/styled": "^11.10.4",
42
45
  "@types/react-dom": "^18.0.6",
43
46
  "@types/react-transition-group": "^4.4.5",
44
- "@types/styled-components": "^5.1.26",
45
47
  "react": "^18.2.0",
46
48
  "react-dom": "^18.2.0",
47
- "react-transition-group": "^4.4.5",
48
- "styled-components": "^5.3.6"
49
+ "react-transition-group": "^4.4.5"
49
50
  },
50
- "gitHead": "2097fcca840d4a41a639f78c53af2f43c36d287a"
51
+ "gitHead": "6fd4970c48d2e4e0621cd6343ed606d867d74d35"
51
52
  }
package/dist/area.69dd7ee0.js.map DELETED
@@ -1 +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';\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-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":"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"}
package/dist/index.941e839e.js DELETED
@@ -1,9 +0,0 @@
1
- import { createReactComponent as t } from "@telia-ace/widget-ui";
2
- var o = /* @__PURE__ */ ((r) => (r.Static = "static", r.Drawer = "drawer", r.Dropdown = "dropdown", r.Modal = "modal", r))(o || {});
3
- const p = (r) => t(r, "area", import("./area.69dd7ee0.js"), (a) => {
4
- });
5
- export {
6
- o as A,
7
- p as a
8
- };
9
- //# sourceMappingURL=index.941e839e.js.map