@telia-ace/widget-components-area 1.0.34-next.0 → 1.0.34

package/dist/area-b14cdf23.js.map

@@ -1 +1 @@
-{"version":3,"file":"area-b14cdf23.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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"}
+{"version":3,"file":"area-b14cdf23.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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telia-ace/widget-components-area",
-  "version": "1.0.34-next.0",
+  "version": "1.0.34",
   "description": "Area component for ACE Widgets.",
   "license": "SEE LICENSE IN LICENSE.txt",
   "author": "Telia Company AB",
@@ -21,11 +21,11 @@
   },
   "sideEffects": false,
   "dependencies": {
-    "@telia-ace/widget-core": "1.0.29-next.0",
-    "@telia-ace/widget-types-grid": "1.0.38-next.0",
-    "@telia-ace/widget-ui": "1.0.36-next.0",
-    "@telia-ace/widget-utilities": "1.0.18-next.0",
-    "@webprovisions/platform": "^1.1.3"
+    "@telia-ace/widget-core": "1.0.29",
+    "@telia-ace/widget-types-grid": "1.0.38",
+    "@telia-ace/widget-ui": "1.0.36",
+    "@telia-ace/widget-utilities": "1.0.18",
+    "@webprovisions/platform": "^1.1.4"
   },
   "peerDependencies": {
     "@emotion/react": "^11.10.5",
@@ -35,12 +35,12 @@
     "react-transition-group": "^4.4.5"
   },
   "devDependencies": {
-    "@emotion/react": "^11.10.5",
-    "@emotion/styled": "^11.10.5",
-    "@telia-ace/widget-developer-tools": "1.0.24-next.0",
-    "@types/react": "^18.0.27",
-    "@types/react-dom": "^18.0.10",
-    "@types/react-transition-group": "^4.4.5",
+    "@emotion/react": "^11.11.1",
+    "@emotion/styled": "^11.11.0",
+    "@telia-ace/widget-developer-tools": "1.0.24",
+    "@types/react": "^18.2.23",
+    "@types/react-dom": "^18.2.8",
+    "@types/react-transition-group": "^4.4.7",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-transition-group": "^4.4.5"