@telia-ace/widget-components-area 1.0.19 → 1.0.20
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.
- package/dist/{area.5b037b1b.js → area.69dd7ee0.js} +49 -47
- package/dist/{area.5b037b1b.js.map → area.69dd7ee0.js.map} +1 -1
- package/dist/{index.a69d3b40.js → index.941e839e.js} +2 -2
- package/dist/{index.a69d3b40.js.map → index.941e839e.js.map} +1 -1
- package/dist/index.js +1 -1
- package/package.json +7 -6
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
var Y = Object.defineProperty, Z = Object.defineProperties;
|
|
2
2
|
var _ = Object.getOwnPropertyDescriptors;
|
|
3
|
-
var
|
|
3
|
+
var b = Object.getOwnPropertySymbols;
|
|
4
4
|
var B = Object.prototype.hasOwnProperty, R = Object.prototype.propertyIsEnumerable;
|
|
5
5
|
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) => {
|
|
6
6
|
for (var n in t || (t = {}))
|
|
7
7
|
B.call(t, n) && z(e, n, t[n]);
|
|
8
|
-
if (
|
|
9
|
-
for (var n of
|
|
8
|
+
if (b)
|
|
9
|
+
for (var n of b(t))
|
|
10
10
|
R.call(t, n) && z(e, n, t[n]);
|
|
11
11
|
return e;
|
|
12
12
|
}, c = (e, t) => Z(e, _(t));
|
|
@@ -14,33 +14,35 @@ var d = (e, t) => {
|
|
|
14
14
|
var n = {};
|
|
15
15
|
for (var r in e)
|
|
16
16
|
B.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
|
|
17
|
-
if (e != null &&
|
|
18
|
-
for (var r of
|
|
17
|
+
if (e != null && b)
|
|
18
|
+
for (var r of b(e))
|
|
19
19
|
t.indexOf(r) < 0 && R.call(e, r) && (n[r] = e[r]);
|
|
20
20
|
return n;
|
|
21
21
|
};
|
|
22
22
|
import { WidgetRenderState as p } from "@telia-ace/widget-core";
|
|
23
23
|
import { genericComponentStyling as k, Component as N } from "@telia-ace/widget-types-grid";
|
|
24
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 { appendClassNames as
|
|
26
|
-
import a, { forwardRef as
|
|
25
|
+
import { appendClassNames as v, Logger as Ce } from "@telia-ace/widget-utilities";
|
|
26
|
+
import a, { forwardRef as be, useCallback as $e } from "react";
|
|
27
27
|
import f, { css as O } from "styled-components";
|
|
28
|
-
import { A as u } from "./index.
|
|
29
|
-
const Ee =
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
}),
|
|
28
|
+
import { A as u } from "./index.941e839e.js";
|
|
29
|
+
const Ee = be(
|
|
30
|
+
(x, i) => {
|
|
31
|
+
var l = x, { children: e, className: t, renderState: n, animation: r } = l, g = d(l, ["children", "className", "renderState", "animation"]);
|
|
32
|
+
return n ? /* @__PURE__ */ a.createElement(ee, {
|
|
33
|
+
mountOnEnter: n !== p.hidden,
|
|
34
|
+
timeout: 200,
|
|
35
|
+
in: n === p.open,
|
|
36
|
+
transitions: r,
|
|
37
|
+
unmountOnExit: n === p.closed
|
|
38
|
+
}, (m, h) => /* @__PURE__ */ a.createElement(ve, c(s({}, g), {
|
|
39
|
+
animationCss: h,
|
|
40
|
+
"data-state": m,
|
|
41
|
+
ref: i,
|
|
42
|
+
className: v("humany-animated-area", t)
|
|
43
|
+
}), e)) : null;
|
|
44
|
+
}
|
|
45
|
+
), ve = f(L)`
|
|
44
46
|
${k}
|
|
45
47
|
${(e) => !!e.animationCss && e.animationCss}
|
|
46
48
|
${(e) => !!e.scrollableCss && e.scrollableCss}
|
|
@@ -54,11 +56,11 @@ const Ee = Ce((v, i) => {
|
|
|
54
56
|
`};
|
|
55
57
|
`, ke = (n) => {
|
|
56
58
|
var r = n, { className: e } = r, t = d(r, ["className"]);
|
|
57
|
-
const { name: g } = te(), i = ne(),
|
|
59
|
+
const { name: g } = te(), i = ne(), x = re(), l = ae(), m = oe(), h = se(), { gap: W = "0" } = x, A = l, {
|
|
58
60
|
columns: $ = 1,
|
|
59
61
|
animation: y = "none",
|
|
60
62
|
scrollable: M = !1,
|
|
61
|
-
mode:
|
|
63
|
+
mode: C = u.Static,
|
|
62
64
|
trigger: G = {},
|
|
63
65
|
fullScreen: q,
|
|
64
66
|
header: F
|
|
@@ -70,20 +72,23 @@ const Ee = Ce((v, i) => {
|
|
|
70
72
|
"trigger",
|
|
71
73
|
"fullScreen",
|
|
72
74
|
"header"
|
|
73
|
-
]), 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(
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
75
|
+
]), 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(
|
|
76
|
+
(o) => {
|
|
77
|
+
const { events: X } = h.get("$widget");
|
|
78
|
+
return X.dispatch("widget:area-rendered", {
|
|
79
|
+
name: g,
|
|
80
|
+
properties: l,
|
|
81
|
+
element: o
|
|
82
|
+
}), U.current = o, o;
|
|
83
|
+
},
|
|
84
|
+
[l, i]
|
|
85
|
+
);
|
|
81
86
|
if (!m.length)
|
|
82
87
|
return le(h, c(s({}, t), {
|
|
83
|
-
className:
|
|
88
|
+
className: v(e, "humany-area")
|
|
84
89
|
}));
|
|
85
90
|
const T = c(s(c(s({}, t), {
|
|
86
|
-
className:
|
|
91
|
+
className: v(e, "humany-area", `humany-area-${g}`),
|
|
87
92
|
scrollableCss: Q
|
|
88
93
|
}), H), {
|
|
89
94
|
columns: $,
|
|
@@ -105,20 +110,20 @@ const Ee = Ce((v, i) => {
|
|
|
105
110
|
id: o.id,
|
|
106
111
|
branch: "default"
|
|
107
112
|
})))))();
|
|
108
|
-
if (
|
|
113
|
+
if (C === u.Static)
|
|
109
114
|
return E;
|
|
110
|
-
const P = /* @__PURE__ */ a.createElement(
|
|
115
|
+
const P = /* @__PURE__ */ a.createElement(xe, s({
|
|
111
116
|
className: "humany-area-trigger",
|
|
112
117
|
title: J
|
|
113
118
|
}, me(K)), S && /* @__PURE__ */ a.createElement(we, null, S), w && /* @__PURE__ */ a.createElement(Se, {
|
|
114
119
|
symbol: w,
|
|
115
120
|
size: I
|
|
116
121
|
}));
|
|
117
|
-
if (
|
|
122
|
+
if (C === u.Dropdown)
|
|
118
123
|
return /* @__PURE__ */ a.createElement(ce, {
|
|
119
124
|
trigger: P
|
|
120
125
|
}, E);
|
|
121
|
-
if (
|
|
126
|
+
if (C === u.Drawer) {
|
|
122
127
|
const o = Object.values(de).includes(y) && {
|
|
123
128
|
type: y
|
|
124
129
|
} || void 0;
|
|
@@ -129,8 +134,8 @@ const Ee = Ce((v, i) => {
|
|
|
129
134
|
trigger: P
|
|
130
135
|
}, E);
|
|
131
136
|
}
|
|
132
|
-
return
|
|
133
|
-
},
|
|
137
|
+
return C === u.Modal && Ce.warn("modal area not implemented"), null;
|
|
138
|
+
}, xe = f(pe)`
|
|
134
139
|
display: flex;
|
|
135
140
|
align-items: inherit;
|
|
136
141
|
align-self: center;
|
|
@@ -143,11 +148,8 @@ const Ee = Ce((v, i) => {
|
|
|
143
148
|
font-size: ${e.theme.fonts.normal};
|
|
144
149
|
`}
|
|
145
150
|
|
|
146
|
-
&:focus {
|
|
147
|
-
${
|
|
148
|
-
var t;
|
|
149
|
-
return ((t = e.theme.accessibility) == null ? void 0 : t.isTabbing) && ge;
|
|
150
|
-
}};
|
|
151
|
+
&:focus-visible {
|
|
152
|
+
${ge};
|
|
151
153
|
}
|
|
152
154
|
`, we = f(he)`
|
|
153
155
|
margin: 0 ${(e) => {
|
|
@@ -180,4 +182,4 @@ const Ee = Ce((v, i) => {
|
|
|
180
182
|
export {
|
|
181
183
|
ke as default
|
|
182
184
|
};
|
|
183
|
-
//# sourceMappingURL=area.
|
|
185
|
+
//# sourceMappingURL=area.69dd7ee0.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"area.5b037b1b.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 {\r\n ${(p: any) => p.theme.accessibility?.isTabbing && 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","Wrapper","AnimatedArea"],"mappings":"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"}
|
|
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":"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"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { createReactComponent as t } from "@telia-ace/widget-ui";
|
|
2
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.
|
|
3
|
+
const p = (r) => t(r, "area", import("./area.69dd7ee0.js"), (a) => {
|
|
4
4
|
});
|
|
5
5
|
export {
|
|
6
6
|
o as A,
|
|
7
7
|
p as a
|
|
8
8
|
};
|
|
9
|
-
//# sourceMappingURL=index.
|
|
9
|
+
//# sourceMappingURL=index.941e839e.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.
|
|
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.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@telia-ace/widget-components-area",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.20",
|
|
4
4
|
"description": "Area component for ACE Widgets.",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.txt",
|
|
6
6
|
"author": "Telia Company AB",
|
|
@@ -8,6 +8,7 @@
|
|
|
8
8
|
"telia"
|
|
9
9
|
],
|
|
10
10
|
"main": "dist/index.js",
|
|
11
|
+
"sourceMain": "src/index.ts",
|
|
11
12
|
"type": "module",
|
|
12
13
|
"types": "dist/index.d.ts",
|
|
13
14
|
"files": [
|
|
@@ -25,10 +26,10 @@
|
|
|
25
26
|
},
|
|
26
27
|
"sideEffects": false,
|
|
27
28
|
"dependencies": {
|
|
28
|
-
"@telia-ace/widget-core": "^1.0.
|
|
29
|
-
"@telia-ace/widget-types-grid": "^1.0.
|
|
30
|
-
"@telia-ace/widget-ui": "^1.0.
|
|
31
|
-
"@telia-ace/widget-utilities": "^1.0.
|
|
29
|
+
"@telia-ace/widget-core": "^1.0.15",
|
|
30
|
+
"@telia-ace/widget-types-grid": "^1.0.24",
|
|
31
|
+
"@telia-ace/widget-ui": "^1.0.22",
|
|
32
|
+
"@telia-ace/widget-utilities": "^1.0.4",
|
|
32
33
|
"@webprovisions/platform": "^1.1.2"
|
|
33
34
|
},
|
|
34
35
|
"peerDependencies": {
|
|
@@ -43,5 +44,5 @@
|
|
|
43
44
|
"@types/react-transition-group": "^4.2.3",
|
|
44
45
|
"@types/styled-components": "^5.1.7"
|
|
45
46
|
},
|
|
46
|
-
"gitHead": "
|
|
47
|
+
"gitHead": "c3045eebac4251ae8ba27333abd9b6aa3ccd5b38"
|
|
47
48
|
}
|