@blateral/b.kit 2.8.2 → 2.8.4-patch-1.0
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/cjs/{Checkbox-8dccd42f.js → Checkbox-ddc9a87d.js} +2 -2
- package/cjs/{Checkbox-8dccd42f.js.map → Checkbox-ddc9a87d.js.map} +1 -1
- package/cjs/Copy-2a9d4b5d.js +2 -0
- package/cjs/Copy-2a9d4b5d.js.map +1 -0
- package/cjs/{EventBlock-4e406696.js → EventBlock-0b0f0dd3.js} +2 -2
- package/cjs/{EventBlock-4e406696.js.map → EventBlock-0b0f0dd3.js.map} +1 -1
- package/cjs/{FilterBar-0781490f.js → FilterBar-bfd9db6e.js} +2 -2
- package/cjs/FilterBar-bfd9db6e.js.map +1 -0
- package/cjs/{FilterField-7efcacb7.js → FilterField-d204feb1.js} +2 -2
- package/cjs/FilterField-d204feb1.js.map +1 -0
- package/cjs/{Image-94820dfd.js → Image-69a9c116.js} +2 -2
- package/cjs/{Image-94820dfd.js.map → Image-69a9c116.js.map} +1 -1
- package/cjs/{InfoList-e416058c.js → InfoList-f040b8fb.js} +2 -2
- package/cjs/{InfoList-e416058c.js.map → InfoList-f040b8fb.js.map} +1 -1
- package/cjs/{LanguageSwitcher-aa96cc7d.js → LanguageSwitcher-c6fd04df.js} +2 -2
- package/cjs/{LanguageSwitcher-aa96cc7d.js.map → LanguageSwitcher-c6fd04df.js.map} +1 -1
- package/cjs/MultiselectDropdown-d46ae36f.js +2 -0
- package/cjs/MultiselectDropdown-d46ae36f.js.map +1 -0
- package/cjs/{Navigation-6abb6213.js → Navigation-6c5d9dee.js} +2 -2
- package/cjs/{Navigation-6abb6213.js.map → Navigation-6c5d9dee.js.map} +1 -1
- package/cjs/Pointer-0f69256f.js +2 -0
- package/cjs/Pointer-0f69256f.js.map +1 -0
- package/cjs/{SocialList-aec9a5c2.js → SocialList-73af56b5.js} +2 -2
- package/cjs/{SocialList-aec9a5c2.js.map → SocialList-73af56b5.js.map} +1 -1
- package/cjs/{TableBlock-c545ca8d.js → TableBlock-532c7e1e.js} +2 -2
- package/cjs/{TableBlock-c545ca8d.js.map → TableBlock-532c7e1e.js.map} +1 -1
- package/cjs/{Tag-937849ad.js → Tag-232f7aa9.js} +2 -2
- package/cjs/{Tag-937849ad.js.map → Tag-232f7aa9.js.map} +1 -1
- package/cjs/{Textarea-599e94a4.js → Textarea-d30682bd.js} +2 -2
- package/cjs/{Textarea-599e94a4.js.map → Textarea-d30682bd.js.map} +1 -1
- package/cjs/{Textfield-24f468be.js → Textfield-b3769184.js} +2 -2
- package/cjs/{Textfield-24f468be.js.map → Textfield-b3769184.js.map} +1 -1
- package/cjs/{VideoBlock-1fbf598b.js → VideoBlock-0cae22f0.js} +2 -2
- package/cjs/{VideoBlock-1fbf598b.js.map → VideoBlock-0cae22f0.js.map} +1 -1
- package/cjs/{VideoCard-905c08d2.js → VideoCard-c9d4f46a.js} +2 -2
- package/cjs/{VideoCard-905c08d2.js.map → VideoCard-c9d4f46a.js.map} +1 -1
- package/cjs/blocks.js +1 -1
- package/cjs/buttons.js +1 -1
- package/cjs/cookies.js +1 -1
- package/cjs/fields.js +1 -1
- package/cjs/footer.js +1 -1
- package/cjs/{formFieldText-046fcbf4.js → formFieldText-21f5f620.js} +2 -2
- package/cjs/{formFieldText-046fcbf4.js.map → formFieldText-21f5f620.js.map} +1 -1
- package/cjs/headers.js +1 -1
- package/cjs/navigation.js +1 -1
- package/cjs/sections.dynamicform.js +1 -1
- package/cjs/sections.dynamicform.js.map +1 -1
- package/cjs/sections.events.js +1 -1
- package/cjs/sections.forms.js +1 -1
- package/cjs/sections.jobs.js +1 -1
- package/cjs/sections.js +1 -1
- package/cjs/sections.news.js +1 -1
- package/cjs/sections.pois.js +1 -1
- package/cjs/typography.js +1 -1
- package/esm/{Checkbox-1957067a.js → Checkbox-962fea67.js} +2 -2
- package/esm/{Checkbox-1957067a.js.map → Checkbox-962fea67.js.map} +1 -1
- package/esm/{Copy-c6786949.js → Copy-fd9e25c0.js} +2 -2
- package/esm/Copy-fd9e25c0.js.map +1 -0
- package/esm/{EventBlock-8e130f6b.js → EventBlock-12361860.js} +4 -4
- package/esm/{EventBlock-8e130f6b.js.map → EventBlock-12361860.js.map} +1 -1
- package/esm/{FilterBar-2a2a09b7.js → FilterBar-8c258534.js} +26 -26
- package/esm/FilterBar-8c258534.js.map +1 -0
- package/esm/{FilterField-bec061bc.js → FilterField-8e64b355.js} +3 -3
- package/esm/FilterField-8e64b355.js.map +1 -0
- package/esm/{Image-b26692a9.js → Image-c67870d4.js} +2 -2
- package/esm/{Image-b26692a9.js.map → Image-c67870d4.js.map} +1 -1
- package/esm/{InfoList-b6980a42.js → InfoList-d853db58.js} +2 -2
- package/esm/{InfoList-b6980a42.js.map → InfoList-d853db58.js.map} +1 -1
- package/esm/{LanguageSwitcher-f9218fdc.js → LanguageSwitcher-c9aa594a.js} +2 -2
- package/esm/{LanguageSwitcher-f9218fdc.js.map → LanguageSwitcher-c9aa594a.js.map} +1 -1
- package/esm/{MultiselectDropdown-a97be6bc.js → MultiselectDropdown-61a5a1a6.js} +22 -17
- package/esm/MultiselectDropdown-61a5a1a6.js.map +1 -0
- package/esm/{Navigation-bb79a1eb.js → Navigation-6581bcdf.js} +4 -4
- package/esm/{Navigation-bb79a1eb.js.map → Navigation-6581bcdf.js.map} +1 -1
- package/esm/{Pointer-b4abee91.js → Pointer-3e965d7b.js} +2 -2
- package/esm/Pointer-3e965d7b.js.map +1 -0
- package/esm/{SocialList-336b7f6d.js → SocialList-abaf970d.js} +2 -2
- package/esm/{SocialList-336b7f6d.js.map → SocialList-abaf970d.js.map} +1 -1
- package/esm/{TableBlock-1ddfd539.js → TableBlock-a65315ca.js} +2 -2
- package/esm/{TableBlock-1ddfd539.js.map → TableBlock-a65315ca.js.map} +1 -1
- package/esm/{Tag-c3bd6b7f.js → Tag-217cd89b.js} +2 -2
- package/esm/{Tag-c3bd6b7f.js.map → Tag-217cd89b.js.map} +1 -1
- package/esm/{Textarea-95352f50.js → Textarea-60503eb7.js} +3 -3
- package/esm/{Textarea-95352f50.js.map → Textarea-60503eb7.js.map} +1 -1
- package/esm/{Textfield-99d91b4e.js → Textfield-e8f48b5f.js} +3 -3
- package/esm/{Textfield-99d91b4e.js.map → Textfield-e8f48b5f.js.map} +1 -1
- package/esm/{VideoBlock-474e0aa4.js → VideoBlock-3f150172.js} +4 -4
- package/esm/{VideoBlock-474e0aa4.js.map → VideoBlock-3f150172.js.map} +1 -1
- package/esm/{VideoCard-91438667.js → VideoCard-aa60fbe5.js} +2 -2
- package/esm/{VideoCard-91438667.js.map → VideoCard-aa60fbe5.js.map} +1 -1
- package/esm/blocks.js +15 -15
- package/esm/buttons.js +1 -1
- package/esm/cookies.js +2 -2
- package/esm/fields.js +7 -7
- package/esm/footer.js +3 -3
- package/esm/{formFieldText-f4188e55.js → formFieldText-c6fcd370.js} +2 -2
- package/esm/{formFieldText-f4188e55.js.map → formFieldText-c6fcd370.js.map} +1 -1
- package/esm/headers.js +4 -4
- package/esm/navigation.js +6 -6
- package/esm/sections.dynamicform.js +40 -12
- package/esm/sections.dynamicform.js.map +1 -1
- package/esm/sections.events.js +6 -6
- package/esm/sections.forms.js +3 -3
- package/esm/sections.jobs.js +2 -2
- package/esm/sections.js +8 -8
- package/esm/sections.news.js +6 -6
- package/esm/sections.pois.js +11 -11
- package/esm/typography.js +1 -1
- package/package.json +1 -1
- package/types/components/blocks/FilterBar.d.ts.map +1 -1
- package/types/components/fields/FilterField.d.ts.map +1 -1
- package/types/components/fields/MultiselectDropdown.d.ts.map +1 -1
- package/types/components/sections/form/DynamicForm.d.ts +7 -0
- package/types/components/sections/form/DynamicForm.d.ts.map +1 -1
- package/types/components/typography/Copy.d.ts.map +1 -1
- package/cjs/Copy-a0bc570d.js +0 -2
- package/cjs/Copy-a0bc570d.js.map +0 -1
- package/cjs/FilterBar-0781490f.js.map +0 -1
- package/cjs/FilterField-7efcacb7.js.map +0 -1
- package/cjs/MultiselectDropdown-a16ea1c9.js +0 -2
- package/cjs/MultiselectDropdown-a16ea1c9.js.map +0 -1
- package/cjs/Pointer-331140b6.js +0 -2
- package/cjs/Pointer-331140b6.js.map +0 -1
- package/esm/Copy-c6786949.js.map +0 -1
- package/esm/FilterBar-2a2a09b7.js.map +0 -1
- package/esm/FilterField-bec061bc.js.map +0 -1
- package/esm/MultiselectDropdown-a97be6bc.js.map +0 -1
- package/esm/Pointer-b4abee91.js.map +0 -1
package/esm/sections.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { a as __makeTemplateObject, e as __spreadArray, a6 as Minus, a5 as Plus, R as Info, _ as __assign, y as ArrowLeftRight, z as External, t as ArrowDown, G as Instagram, K as Play, L as LocationPin, v as ArrowRightGhost, x as ArrowLeftGhost, P as Phone, M as Mail } from './Filter-19220970.js';
|
|
2
2
|
import { S as Section, m as mapToBgMode } from './Section-bd61eb2f.js';
|
|
3
3
|
import { W as Wrapper, w as wrapperWhitespace } from './Wrapper-95108115.js';
|
|
4
|
-
import { C as Copy, c as copyStyle, H as Heading } from './Copy-
|
|
4
|
+
import { C as Copy, c as copyStyle, H as Heading } from './Copy-fd9e25c0.js';
|
|
5
5
|
import * as React from 'react';
|
|
6
6
|
import React__default, { useState, useRef, useEffect, forwardRef, useMemo, useContext, createRef } from 'react';
|
|
7
7
|
import styled, { css, ThemeContext } from 'styled-components';
|
|
@@ -12,28 +12,28 @@ import { g as gridSettings, G as Grid, a as getGridWidth } from './Grid-7b33e271
|
|
|
12
12
|
import { L as Link } from './Link-6067a27f.js';
|
|
13
13
|
import { S as StatusFormatter } from './statusFormatter-9be0fbff.js';
|
|
14
14
|
import { u as useEqualSheetHeight } from './useEqualSheetHeight-60ff9de7.js';
|
|
15
|
-
import { T as Title$5, a as TableBlock } from './TableBlock-
|
|
15
|
+
import { T as Title$5, a as TableBlock } from './TableBlock-a65315ca.js';
|
|
16
16
|
import { A as Actions } from './Actions-e29b5e75.js';
|
|
17
|
-
import { I as IntroBlock, V as VideoBlock } from './VideoBlock-
|
|
18
|
-
import { I as Image } from './Image-
|
|
17
|
+
import { I as IntroBlock, V as VideoBlock } from './VideoBlock-3f150172.js';
|
|
18
|
+
import { I as Image } from './Image-c67870d4.js';
|
|
19
19
|
import { u as useIE } from './useIE-a9c56989.js';
|
|
20
20
|
import ReactDOMServer from 'react-dom/server';
|
|
21
|
-
import { P as Pointer } from './Pointer-
|
|
21
|
+
import { P as Pointer } from './Pointer-3e965d7b.js';
|
|
22
22
|
import { u as useScrollTo } from './useScrollTo-70af34bf.js';
|
|
23
|
-
import { e as getNavbarState, a as getFullNavbarHeights } from './Navigation-
|
|
23
|
+
import { e as getNavbarState, a as getFullNavbarHeights } from './Navigation-6581bcdf.js';
|
|
24
24
|
import { a as useMediaQueries } from './useMediaQuery-4c1b1fa6.js';
|
|
25
25
|
import { C as Callout } from './Callout-46f0bef0.js';
|
|
26
26
|
import { i as isValidArray } from './arrays-65b644ef.js';
|
|
27
27
|
import { u as useObserverSupport } from './useObserverSupport-02bce7f5.js';
|
|
28
28
|
import { u as useUpdateEffect } from './useUpdateEffect-824c0c84.js';
|
|
29
|
-
import { V as VideoCard } from './VideoCard-
|
|
29
|
+
import { V as VideoCard } from './VideoCard-aa60fbe5.js';
|
|
30
30
|
import { C as Control$1 } from './Control-56ec7872.js';
|
|
31
31
|
import { u as useLeafletMap } from './useLeafletMap-fa0ab7d4.js';
|
|
32
32
|
import './concat-ab3c66f2.js';
|
|
33
33
|
import './clamp-12d37b65.js';
|
|
34
34
|
import 'react-schemaorg';
|
|
35
35
|
import './navigation-5216dbad.js';
|
|
36
|
-
import './LanguageSwitcher-
|
|
36
|
+
import './LanguageSwitcher-c9aa594a.js';
|
|
37
37
|
import './useCookieConsent-6661d419.js';
|
|
38
38
|
import './ButtonGhost-fc9e7a75.js';
|
|
39
39
|
import './hexRgbConverter-edb91624.js';
|
package/esm/sections.news.js
CHANGED
|
@@ -3,11 +3,11 @@ import React__default, { forwardRef, useMemo, useState, useRef, useCallback, use
|
|
|
3
3
|
import styled from 'styled-components';
|
|
4
4
|
import { S as Section, m as mapToBgMode } from './Section-bd61eb2f.js';
|
|
5
5
|
import { W as Wrapper } from './Wrapper-95108115.js';
|
|
6
|
-
import { C as Copy, H as Heading, c as copyStyle } from './Copy-
|
|
6
|
+
import { C as Copy, H as Heading, c as copyStyle } from './Copy-fd9e25c0.js';
|
|
7
7
|
import { g as getColors, s as spacings, m as mq, c as getGlobals, a as getFonts } from './styles-1f1841ef.js';
|
|
8
8
|
import { w as withLibTheme, u as useLibTheme } from './LibThemeProvider-fb1d35ac.js';
|
|
9
|
-
import { I as Image } from './Image-
|
|
10
|
-
import { T as Tag } from './Tag-
|
|
9
|
+
import { I as Image } from './Image-c67870d4.js';
|
|
10
|
+
import { T as Tag } from './Tag-217cd89b.js';
|
|
11
11
|
import { S as StatusFormatter } from './statusFormatter-9be0fbff.js';
|
|
12
12
|
import { L as Link } from './Link-6067a27f.js';
|
|
13
13
|
import { i as isValidArray } from './arrays-65b644ef.js';
|
|
@@ -16,12 +16,12 @@ import { u as useEqualSheetHeight } from './useEqualSheetHeight-60ff9de7.js';
|
|
|
16
16
|
import { G as Grid } from './Grid-7b33e271.js';
|
|
17
17
|
import { u as useObserverSupport } from './useObserverSupport-02bce7f5.js';
|
|
18
18
|
import { u as useScrollTo } from './useScrollTo-70af34bf.js';
|
|
19
|
-
import { P as Pointer } from './Pointer-
|
|
19
|
+
import { P as Pointer } from './Pointer-3e965d7b.js';
|
|
20
20
|
import { g as getUrlParams, s as setUrlParam, d as deleteUrlParam } from './urlParams-9cfdaf71.js';
|
|
21
21
|
import { u as useUpdateEffect } from './useUpdateEffect-824c0c84.js';
|
|
22
22
|
import { u as useMounted } from './useMounted-1e4cc87b.js';
|
|
23
|
-
import { T as Title, a as TableBlock } from './TableBlock-
|
|
24
|
-
import { V as VideoCard } from './VideoCard-
|
|
23
|
+
import { T as Title, a as TableBlock } from './TableBlock-a65315ca.js';
|
|
24
|
+
import { V as VideoCard } from './VideoCard-aa60fbe5.js';
|
|
25
25
|
import './concat-ab3c66f2.js';
|
|
26
26
|
import './clamp-12d37b65.js';
|
|
27
27
|
import 'react-dom/server';
|
package/esm/sections.pois.js
CHANGED
|
@@ -3,35 +3,35 @@ import React__default, { useMemo, useState, useEffect } from 'react';
|
|
|
3
3
|
import styled, { css } from 'styled-components';
|
|
4
4
|
import { S as Section, m as mapToBgMode } from './Section-bd61eb2f.js';
|
|
5
5
|
import { W as Wrapper } from './Wrapper-95108115.js';
|
|
6
|
-
import { I as Image } from './Image-
|
|
7
|
-
import { H as Heading, C as Copy } from './Copy-
|
|
6
|
+
import { I as Image } from './Image-c67870d4.js';
|
|
7
|
+
import { H as Heading, C as Copy } from './Copy-fd9e25c0.js';
|
|
8
8
|
import { s as spacings, m as mq, g as getColors, w as withRange, c as getGlobals, f as getSVGDataImg } from './styles-1f1841ef.js';
|
|
9
9
|
import { w as withLibTheme, u as useLibTheme } from './LibThemeProvider-fb1d35ac.js';
|
|
10
10
|
import { G as Grid } from './Grid-7b33e271.js';
|
|
11
|
-
import { I as InfoList } from './InfoList-
|
|
12
|
-
import { P as POIFacts, F as FilterBar, a as POICard } from './FilterBar-
|
|
11
|
+
import { I as InfoList } from './InfoList-d853db58.js';
|
|
12
|
+
import { P as POIFacts, F as FilterBar, a as POICard } from './FilterBar-8c258534.js';
|
|
13
13
|
import { i as isValidArray } from './arrays-65b644ef.js';
|
|
14
14
|
import { s as setUrlParam, d as deleteUrlParam } from './urlParams-9cfdaf71.js';
|
|
15
15
|
import './useScroll-881c7b04.js';
|
|
16
16
|
import 'react-dom/server';
|
|
17
17
|
import { e as escapeRegExp } from './escape-cbff9c25.js';
|
|
18
18
|
import { u as useLeafletMap } from './useLeafletMap-fa0ab7d4.js';
|
|
19
|
-
import { g as generateNavbarIdent, a as getFullNavbarHeights } from './Navigation-
|
|
19
|
+
import { g as generateNavbarIdent, a as getFullNavbarHeights } from './Navigation-6581bcdf.js';
|
|
20
20
|
import { u as useGeolocation } from './useGeolocation-f9f073cc.js';
|
|
21
21
|
import './concat-ab3c66f2.js';
|
|
22
22
|
import './clamp-12d37b65.js';
|
|
23
|
-
import './FilterField-
|
|
23
|
+
import './FilterField-8e64b355.js';
|
|
24
24
|
import './useLazyInput-0b6932aa.js';
|
|
25
|
-
import './MultiselectDropdown-
|
|
26
|
-
import './formFieldText-
|
|
25
|
+
import './MultiselectDropdown-61a5a1a6.js';
|
|
26
|
+
import './formFieldText-c6fcd370.js';
|
|
27
27
|
import './useMounted-1e4cc87b.js';
|
|
28
|
-
import './Checkbox-
|
|
28
|
+
import './Checkbox-962fea67.js';
|
|
29
29
|
import 'react-dom';
|
|
30
|
-
import './Pointer-
|
|
30
|
+
import './Pointer-3e965d7b.js';
|
|
31
31
|
import './useMediaQuery-4c1b1fa6.js';
|
|
32
32
|
import './navigation-5216dbad.js';
|
|
33
33
|
import './Link-6067a27f.js';
|
|
34
|
-
import './LanguageSwitcher-
|
|
34
|
+
import './LanguageSwitcher-c9aa594a.js';
|
|
35
35
|
|
|
36
36
|
var StyledImage = styled(Image).withConfig({
|
|
37
37
|
displayName: "PointOfInterestDetail__StyledImage",
|
package/esm/typography.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { C as Copy, H as Heading, c as copyStyle } from './Copy-
|
|
1
|
+
export { C as Copy, H as Heading, c as copyStyle } from './Copy-fd9e25c0.js';
|
|
2
2
|
export { C as Callout } from './Callout-46f0bef0.js';
|
|
3
3
|
export { L as Link } from './Link-6067a27f.js';
|
|
4
4
|
import './Filter-19220970.js';
|
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterBar.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/FilterBar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EACV,EAAE,EAOL,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"FilterBar.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/FilterBar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EACV,EAAE,EAOL,MAAM,OAAO,CAAC;AAsRf,MAAM,WAAW,cAAc;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE;QACb,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,KAAK,CAAC,EAAE,KAAK,CAAC;YACV,KAAK,EAAE,MAAM,CAAC;YACd,KAAK,EAAE,MAAM,CAAC;SACjB,CAAC,CAAC;KACN,CAAC;IACF,UAAU,CAAC,EAAE;QACT,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;QACjD,UAAU,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;QACvD,SAAS,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;KACzD,CAAC;IACF,SAAS,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;IACtD,UAAU,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;IACvD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE;QAChB,MAAM,EAAE,OAAO,CAAC;QAChB,UAAU,CAAC,EAAE,OAAO,CAAC;KACxB,KAAK,KAAK,CAAC,SAAS,CAAC;CACzB;AAED,MAAM,WAAW,WAAW;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;CAC7B;AAED,QAAA,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAwL1D,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterField.d.ts","sourceRoot":"","sources":["../../../src/components/fields/FilterField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAa,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"FilterField.d.ts","sourceRoot":"","sources":["../../../src/components/fields/FilterField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAa,MAAM,OAAO,CAAC;AA0I7C,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC9D,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;IACjD,UAAU,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;IACvD,SAAS,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CA2EA,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiselectDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/fields/MultiselectDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAe3D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"MultiselectDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/fields/MultiselectDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAe3D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AA+OxC,UAAU,UAAU;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,oBAAY,wBAAwB,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,GAAG;IAC9D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;IACjD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE;QAChB,MAAM,EAAE,OAAO,CAAC;QAChB,UAAU,CAAC,EAAE,OAAO,CAAC;KACxB,KAAK,KAAK,CAAC,SAAS,CAAC;CACzB,CAAC;;;;;;;;;;;;;;;;;;;AAsNF,wBAAyD"}
|
|
@@ -148,6 +148,11 @@ export interface SubmitResponse {
|
|
|
148
148
|
message?: string;
|
|
149
149
|
isError?: boolean;
|
|
150
150
|
}
|
|
151
|
+
export interface HoneypotConfig {
|
|
152
|
+
fieldName: string;
|
|
153
|
+
fieldLabel?: string;
|
|
154
|
+
placeholder?: string;
|
|
155
|
+
}
|
|
151
156
|
export declare const DynamicFormComponent: React.FC<{
|
|
152
157
|
/** ID value for targeting section with anchor hashes */
|
|
153
158
|
anchorId?: string | undefined;
|
|
@@ -178,6 +183,7 @@ export declare const DynamicFormComponent: React.FC<{
|
|
|
178
183
|
radio?: ((props: FieldGenerationProps<FieldGroup>) => React.ReactNode) | undefined;
|
|
179
184
|
upload?: ((props: FieldGenerationProps<FileUpload>) => React.ReactNode) | undefined;
|
|
180
185
|
} | undefined;
|
|
186
|
+
honeypot?: HoneypotConfig | undefined;
|
|
181
187
|
}>;
|
|
182
188
|
declare const _default: React.FC<{
|
|
183
189
|
/** ID value for targeting section with anchor hashes */
|
|
@@ -209,6 +215,7 @@ declare const _default: React.FC<{
|
|
|
209
215
|
radio?: ((props: FieldGenerationProps<FieldGroup>) => React.ReactNode) | undefined;
|
|
210
216
|
upload?: ((props: FieldGenerationProps<FileUpload>) => React.ReactNode) | undefined;
|
|
211
217
|
} | undefined;
|
|
218
|
+
honeypot?: HoneypotConfig | undefined;
|
|
212
219
|
} & {
|
|
213
220
|
theme?: import("../../../utils/types").RecursivePartial<DefaultTheme> | undefined;
|
|
214
221
|
}>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DynamicForm.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/form/DynamicForm.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"DynamicForm.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/form/DynamicForm.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Copy.d.ts","sourceRoot":"","sources":["../../../src/components/typography/Copy.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EACH,QAAQ,EAIR,cAAc,EAId,WAAW,EAGd,2BAAqB;AAGtB,oBAAY,QAAQ,GAAG,OAAO,CAAC,QAAQ,EAAE,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC,CAAC;AAEvE,eAAO,MAAM,SAAS,SACZ,QAAQ,SACR,MAAM,WAAW,uIAU1B,CAAC;
|
|
1
|
+
{"version":3,"file":"Copy.d.ts","sourceRoot":"","sources":["../../../src/components/typography/Copy.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EACH,QAAQ,EAIR,cAAc,EAId,WAAW,EAGd,2BAAqB;AAGtB,oBAAY,QAAQ,GAAG,OAAO,CAAC,QAAQ,EAAE,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC,CAAC;AAEvE,eAAO,MAAM,SAAS,SACZ,QAAQ,SACR,MAAM,WAAW,uIAU1B,CAAC;AAiTF,oBAAY,OAAO,GACb,OAAO,GACP,MAAM,GACN,KAAK,GACL,QAAQ,GACR,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,GAAG,GACH,SAAS,GACT,YAAY,CAAC;AAEnB,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B,CAgDA,CAAC;AAIF,eAAe,IAAI,CAAC"}
|
package/cjs/Copy-a0bc570d.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var n=require("./Filter-89286db9.js"),e=require("react"),t=require("styled-components"),i=require("./clamp-bd21d587.js"),o=require("./LibThemeProvider-69109901.js"),r=require("./styles-13e5d9ac.js");function a(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}function l(n){if(n&&n.__esModule)return n;var e=Object.create(null);return n&&Object.keys(n).forEach((function(t){if("default"!==t){var i=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(e,t,i.get?i:{enumerable:!0,get:function(){return n[t]}})}})),e.default=n,Object.freeze(e)}var s,c,h,d,m=l(e),g=a(t),p=t.css(c||(c=n.__makeTemplateObject(["\n display: block;\n margin: 0;\n padding: 0;\n ","\n\n hyphens: auto;\n /* overflow-wrap: break-word; */\n width: 100%;\n\n ","\n\n text-shadow: ",";\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0;\n padding: 0;\n border: 0;\n outline: 0;\n font-weight: inherit;\n font-style: inherit;\n font-size: 100%;\n font-family: inherit;\n vertical-align: baseline;\n }\n"],["\n display: block;\n margin: 0;\n padding: 0;\n ","\n\n hyphens: auto;\n /* overflow-wrap: break-word; */\n width: 100%;\n\n ","\n\n text-shadow: ",";\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0;\n padding: 0;\n border: 0;\n outline: 0;\n font-weight: inherit;\n font-style: inherit;\n font-size: 100%;\n font-family: inherit;\n vertical-align: baseline;\n }\n"])),(function(n){var e=n.textColor,t=n.textGradient;return r.styleTextColor(e,t)}),(function(e){return!e.hyphens&&t.css(s||(s=n.__makeTemplateObject(["\n @media "," {\n hyphens: none;\n }\n "],["\n @media "," {\n hyphens: none;\n }\n "])),r.mq.large)}),(function(n){return n.hasShadow&&"1px 2px 8px rgba(0, 0, 0, 0.25)"})),u=function(e){return t.css(h||(h=n.__makeTemplateObject(["\n ",";\n font-family: ",";\n font-weight: ",";\n font-style: ",";\n ","\n line-height: ",";\n letter-spacing: ",";\n text-transform: ",";\n text-decoration: ",";\n"],["\n ",";\n font-family: ",";\n font-weight: ",";\n font-style: ",";\n ","\n line-height: ",";\n letter-spacing: ",";\n text-transform: ",";\n text-decoration: ",";\n"])),p,(function(n){var t=n.theme;return r.getFonts(t)[e].family}),(function(n){var t=n.theme;return r.getFonts(t)[e].weight}),(function(n){var t=n.theme;return r.getFonts(t)[e].style}),(function(n){var t=n.theme;return r.withRange(r.getFonts(t)[e].size,"font-size")}),(function(n){var t=n.theme;return r.getFonts(t)[e].lineHeight}),(function(n){var t=n.theme;return r.getFonts(t)[e].letterSpacing}),(function(n){var t=n.theme;return r.getFonts(t)[e].textTransform}),(function(n){var t=n.theme;return r.getFonts(t)[e].textDecoration}))},f=g.default.h1.withConfig({displayName:"Heading__View",componentId:"sc-11qy171-0"})(d||(d=n.__makeTemplateObject(["\n ","\n"],["\n ","\n"])),(function(n){var e=n.headingType;return u(e)})),v=function(e){var t=e.renderAs,i=e.isInverted,r=e.className,a=e.size,l=void 0===a?"heading-2":a,s=e.textColor,c=e.textGradient,h=e.hyphens,d=void 0!==h&&h,g=e.hasShadow,p=void 0!==g&&g,u=e.innerHTML,v=e.children,x=n.__rest(e,["renderAs","isInverted","className","size","textColor","textGradient","hyphens","hasShadow","innerHTML","children"]),y=o.useLibTheme().fonts,b="h2";switch(l){default:case"heading-1":b="h1";break;case"heading-2":b="h2";break;case"heading-3":b="h3";break;case"heading-4":b="h4";break;case"super":b="div"}var k=null==y?void 0:y[l];return m.createElement(f,n.__assign({as:t||b,headingType:l,textColor:s||(i?k.colorInverted:k.color),textGradient:c||(s?void 0:i?k.colorGradientInverted:k.colorGradient),hyphens:d,hasShadow:p,dangerouslySetInnerHTML:u&&!v?{__html:u}:void 0,className:r},x),v)};v.defaultProps={renderAs:"h2",size:"heading-2"};var x,y,b,k,w,_=function(e,i){return void 0===i&&(i="medium"),t.css(x||(x=n.__makeTemplateObject(["\n font-family: ",";\n font-weight: ",";\n font-style: ",";\n ","\n line-height: ",";\n letter-spacing: ",";\n text-transform: ",";\n text-decoration: ",";\n"],["\n font-family: ",";\n font-weight: ",";\n font-style: ",";\n ","\n line-height: ",";\n letter-spacing: ",";\n text-transform: ",";\n text-decoration: ",";\n"])),(function(n){var t=n.theme;return r.getFonts(t)[e][i].family}),(function(n){var t=n.theme;return r.getFonts(t)[e][i].weight}),(function(n){var t=n.theme;return r.getFonts(t)[e][i].style}),(function(n){var t=n.theme;return r.withRange(r.getFonts(t)[e][i].size,"font-size")}),(function(n){var t=n.theme;return r.getFonts(t)[e][i].lineHeight}),(function(n){var t=n.theme;return r.getFonts(t)[e][i].letterSpacing}),(function(n){var t=n.theme;return r.getFonts(t)[e][i].textTransform}),(function(n){var t=n.theme;return r.getFonts(t)[e][i].textDecoration}))},T=t.css(k||(k=n.__makeTemplateObject(["\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0;\n padding: 0;\n border: 0;\n outline: 0;\n font-weight: inherit;\n font-style: inherit;\n font-size: 100%;\n font-family: inherit;\n vertical-align: baseline;\n }\n\n hyphens: auto;\n ","\n\n /* @media "," {\n hyphens: none;\n } */\n\n a {\n color: ",";\n text-transform: ",";\n text-decoration: ",";\n\n transition: color 0.2s ease-in-out;\n outline: none;\n\n @media (hover: hover) and (pointer: fine) {\n &:hover {\n color: ",";\n }\n }\n\n &:focus {\n outline: 1px dashed\n ",";\n outline-offset: 1px;\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n }\n }\n\n & > p {\n margin-right: 0;\n margin-left: 0;\n padding: 0;\n }\n\n ",";\n\n h2 {\n ","\n }\n\n h3 {\n ","\n }\n\n h4 {\n ","\n }\n\n h5 {\n ","\n }\n\n h2,\n h3,\n h4,\n h5 {\n margin-top: ","px;\n margin-bottom: ","px;\n }\n\n h2 {\n margin-bottom: ","px;\n }\n\n *:not(h2, h3, h4, h5) + h2,\n *:not(h2, h3, h4, h5) + h3,\n *:not(h2, h3, h4, h5) + h4,\n *:not(h2, h3, h4, h5) + h5 {\n margin-top: ","px;\n }\n\n *:is(h3, h4, h5) + h2 {\n margin-top: -","px;\n }\n\n p,\n blockquote,\n ol,\n ul {\n margin-top: ","px;\n margin-bottom: ","px;\n }\n\n ol,\n ul {\n padding-left: ","px;\n }\n\n li {\n & > * {\n vertical-align: top;\n }\n }\n\n ul ul li {\n list-style-type: disc;\n }\n\n ol ol li {\n list-style-type: lower-latin;\n }\n\n ol ol ol li {\n list-style-type: lower-roman;\n }\n\n // classes for richtext\n a {\n display: inline-block;\n }\n\n a[href] + br + a[href] {\n margin-top: ","px;\n }\n\n /** add icons to anchor tags with matching href value */\n ","\n\n /** DOM element with icon and/or label */\n .icon-label {\n display: inline-flex;\n align-items: center;\n margin: 0;\n ","\n vertical-align: middle;\n\n & > a:after {\n content: none;\n }\n\n & > * + * {\n margin-left: ","px;\n }\n\n svg {\n max-width: 30px;\n fill: currentColor;\n }\n }\n\n .icon-label--big {\n ","\n }\n\n .icon-label--list {\n display: flex;\n align-items: center;\n margin: 0;\n padding: 0;\n }\n\n .icon-label--list + .icon-label--list {\n margin-top: ","px;\n }\n\n *:first-child {\n margin-top: 0;\n }\n\n *:last-child {\n margin-bottom: 0;\n }\n"],["\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0;\n padding: 0;\n border: 0;\n outline: 0;\n font-weight: inherit;\n font-style: inherit;\n font-size: 100%;\n font-family: inherit;\n vertical-align: baseline;\n }\n\n hyphens: auto;\n ","\n\n /* @media "," {\n hyphens: none;\n } */\n\n a {\n color: ",";\n text-transform: ",";\n text-decoration: ",";\n\n transition: color 0.2s ease-in-out;\n outline: none;\n\n @media (hover: hover) and (pointer: fine) {\n &:hover {\n color: ",";\n }\n }\n\n &:focus {\n outline: 1px dashed\n ",";\n outline-offset: 1px;\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n }\n }\n\n & > p {\n margin-right: 0;\n margin-left: 0;\n padding: 0;\n }\n\n ",";\n\n h2 {\n ","\n }\n\n h3 {\n ","\n }\n\n h4 {\n ","\n }\n\n h5 {\n ","\n }\n\n h2,\n h3,\n h4,\n h5 {\n margin-top: ","px;\n margin-bottom: ","px;\n }\n\n h2 {\n margin-bottom: ","px;\n }\n\n *:not(h2, h3, h4, h5) + h2,\n *:not(h2, h3, h4, h5) + h3,\n *:not(h2, h3, h4, h5) + h4,\n *:not(h2, h3, h4, h5) + h5 {\n margin-top: ","px;\n }\n\n *:is(h3, h4, h5) + h2 {\n margin-top: -","px;\n }\n\n p,\n blockquote,\n ol,\n ul {\n margin-top: ","px;\n margin-bottom: ","px;\n }\n\n ol,\n ul {\n padding-left: ","px;\n }\n\n li {\n & > * {\n vertical-align: top;\n }\n }\n\n ul ul li {\n list-style-type: disc;\n }\n\n ol ol li {\n list-style-type: lower-latin;\n }\n\n ol ol ol li {\n list-style-type: lower-roman;\n }\n\n // classes for richtext\n a {\n display: inline-block;\n }\n\n a[href] + br + a[href] {\n margin-top: ","px;\n }\n\n /** add icons to anchor tags with matching href value */\n ","\n\n /** DOM element with icon and/or label */\n .icon-label {\n display: inline-flex;\n align-items: center;\n margin: 0;\n ","\n vertical-align: middle;\n\n & > a:after {\n content: none;\n }\n\n & > * + * {\n margin-left: ","px;\n }\n\n svg {\n max-width: 30px;\n fill: currentColor;\n }\n }\n\n .icon-label--big {\n ","\n }\n\n .icon-label--list {\n display: flex;\n align-items: center;\n margin: 0;\n padding: 0;\n }\n\n .icon-label--list + .icon-label--list {\n margin-top: ","px;\n }\n\n *:first-child {\n margin-top: 0;\n }\n\n *:last-child {\n margin-bottom: 0;\n }\n"])),(function(n){var e=n.textColor,t=n.textGradient;return r.styleTextColor(e,t)}),r.mq.medium,(function(n){var e=n.theme;return n.isInverted?r.getFonts(e).link.colorInverted:r.getFonts(e).link.color}),(function(n){var e=n.theme;return r.getFonts(e).link.textTransform}),(function(n){var e=n.theme;return r.getFonts(e).link.textDecoration}),(function(n){var e=n.theme;return n.isInverted?r.getFonts(e).link.colorHoverInverted:r.getFonts(e).link.colorHover}),(function(n){var e=n.theme;return n.isInverted?r.getFonts(e).link.colorInverted:r.getFonts(e).link.color}),(function(e){return e.columns&&t.css(y||(y=n.__makeTemplateObject(["\n columns: 350px 2;\n column-gap: ","px;\n\n li {\n break-inside: avoid;\n }\n\n blockquote {\n break-inside: avoid;\n }\n "],["\n columns: 350px 2;\n column-gap: ","px;\n\n li {\n break-inside: avoid;\n }\n\n blockquote {\n break-inside: avoid;\n }\n "])),r.spacings.spacer)}),u("heading-2"),u("heading-3"),u("heading-4"),u("super"),3*r.spacings.nudge,3*r.spacings.nudge,r.spacings.spacer,5*r.spacings.nudge,1.5*r.spacings.nudge,3*r.spacings.nudge,3*r.spacings.nudge,3*r.spacings.nudge,2*r.spacings.nudge,(function(e){var o=e.theme,a=e.isInverted,l=e.copyType,s=e.size;return e.allowLinkIcons?r.getGlobals(o).icons.linkIcons.map((function(e){var o,r,c,h=parseInt(e.iconChar),d=e.iconFont,m=null===(r=(o=e).iconUrl)||void 0===r?void 0:r.call(o,a),g=i.clampValue((null===(c=e.scale)||void 0===c?void 0:c.call(e,{type:l,size:s}))||1,0),p=e.patterns,u=!!h&&!!d,f=!(!h||isNaN(h)),v=e.vAlign||(u?"text-top":"top"),x=e.isExternal?'[target="_blank"]':"",y=p.filter((function(n){return n})).map((function(n){return"a[href*='".concat(n,"']").concat(x)})).join(", ")||"a".concat(x),k=p.filter((function(n){return n})).map((function(n){return"a[href*='".concat(n,"']").concat(x,":after")})).join(", ")||"a".concat(x,":after"),w="";return(h||m)&&(w=f?'"'.concat(String.fromCharCode(h),'"'):'url("'.concat(m,'")')),y&&k?t.css(b||(b=n.__makeTemplateObject(["\n "," {\n display: inline-block;\n position: relative;\n }\n\n "," {\n content: ",";\n\n display: inline-block;\n font-family: "," !important;\n font-size: ",";\n font-style: normal;\n font-weight: normal !important;\n font-variant: normal;\n text-transform: none;\n text-decoration: none;\n vertical-align: ",";\n line-height: 1;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n transform: ",";\n\n max-height: ",";\n margin-left: 0.3em;\n margin-right: 0.1em;\n }\n "],["\n "," {\n display: inline-block;\n position: relative;\n }\n\n "," {\n content: ",";\n\n display: inline-block;\n font-family: "," !important;\n font-size: ",";\n font-style: normal;\n font-weight: normal !important;\n font-variant: normal;\n text-transform: none;\n text-decoration: none;\n vertical-align: ",";\n line-height: 1;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n transform: ",";\n\n max-height: ",";\n margin-left: 0.3em;\n margin-right: 0.1em;\n }\n "])),y,k,w||void 0,d||"inherit",u&&"".concat(g,"em"),v,!d&&m?"scale(".concat(g,")"):void 0,!u&&"1em"):""})):""}),_("copy","medium"),2*r.spacings.nudge,_("copy","big"),3*r.spacings.nudge),F=g.default.div.withConfig({displayName:"Copy__View",componentId:"sc-15rk6xr-0"})(w||(w=n.__makeTemplateObject(["\n ","\n ","\n"],["\n ","\n ","\n"])),T,(function(n){var e=n.copyType,t=n.size;return _(e,t)})),I=function(e){var t,i=e.renderAs,r=e.isInverted,a=e.type,l=void 0===a?"copy":a,s=e.size,c=void 0===s?"medium":s,h=e.textColor,d=e.textGradient,g=e.columns,p=void 0!==g&&g,u=e.innerHTML,f=e.allowLinkIcons,v=void 0===f||f,x=e.onClick,y=e.className,b=e.children,k=n.__rest(e,["renderAs","isInverted","type","size","textColor","textGradient","columns","innerHTML","allowLinkIcons","onClick","className","children"]),w=o.useLibTheme().fonts,_=null===(t=null==w?void 0:w[l])||void 0===t?void 0:t[c];return m.createElement(F,n.__assign({as:i,copyType:l,size:c,textColor:h||(r?_.colorInverted:_.color),textGradient:d||(h?void 0:r?_.colorGradientInverted:_.colorGradient),isInverted:r,columns:p,allowLinkIcons:v,dangerouslySetInnerHTML:u&&!b?{__html:u}:void 0,onClick:x,className:y},k),b)};I.defaultProps={type:"copy",size:"medium"},exports.Copy=I,exports.Heading=v,exports.copyStyle=_;
|
|
2
|
-
//# sourceMappingURL=Copy-a0bc570d.js.map
|
package/cjs/Copy-a0bc570d.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Copy-a0bc570d.js","sources":["../src/components/typography/Heading.tsx","../src/components/typography/Copy.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled, { css } from 'styled-components';\nimport { useLibTheme } from 'utils/LibThemeProvider';\nimport {\n styleTextColor,\n FontType,\n getFonts as font,\n mq,\n withRange,\n FontProps,\n} from 'utils/styles';\n\ntype HeadingType = Extract<\n FontType,\n 'heading-1' | 'heading-2' | 'heading-3' | 'heading-4' | 'super'\n>;\n\nconst base = css<{\n hyphens?: boolean;\n hasShadow?: boolean;\n textColor?: string;\n textGradient?: string;\n}>`\n display: block;\n margin: 0;\n padding: 0;\n ${({ textColor, textGradient }) => styleTextColor(textColor, textGradient)}\n\n hyphens: auto;\n /* overflow-wrap: break-word; */\n width: 100%;\n\n ${(props: { hyphens?: boolean }) =>\n !props.hyphens &&\n css`\n @media ${mq.large} {\n hyphens: none;\n }\n `}\n\n text-shadow: ${({ hasShadow }) =>\n hasShadow && '1px 2px 8px rgba(0, 0, 0, 0.25)'};\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0;\n padding: 0;\n border: 0;\n outline: 0;\n font-weight: inherit;\n font-style: inherit;\n font-size: 100%;\n font-family: inherit;\n vertical-align: baseline;\n }\n`;\n\nexport const headingStyle = (type: HeadingType) => css`\n ${base};\n font-family: ${({ theme }) => (font(theme)[type] as FontProps).family};\n font-weight: ${({ theme }) => (font(theme)[type] as FontProps).weight};\n font-style: ${({ theme }) => (font(theme)[type] as FontProps).style};\n ${({ theme }) =>\n withRange((font(theme)[type] as FontProps).size, 'font-size')}\n line-height: ${({ theme }) => (font(theme)[type] as FontProps).lineHeight};\n letter-spacing: ${({ theme }) =>\n (font(theme)[type] as FontProps).letterSpacing};\n text-transform: ${({ theme }) =>\n (font(theme)[type] as FontProps).textTransform};\n text-decoration: ${({ theme }) =>\n (font(theme)[type] as FontProps).textDecoration};\n`;\n\nconst View = styled.h1<{\n hyphens?: boolean;\n hasShadow?: boolean;\n textColor?: string;\n textGradient?: string;\n headingType: HeadingType;\n}>`\n ${({ headingType }) => headingStyle(headingType)}\n`;\n\nexport type HeadlineTag =\n | 'h1'\n | 'h2'\n | 'h3'\n | 'h4'\n | 'h5'\n | 'h6'\n | 'span'\n | 'div'\n | 'blockquote';\n\nconst Heading: React.FC<{\n renderAs?: HeadlineTag;\n isInverted?: boolean;\n size?: HeadingType;\n textColor?: string;\n textGradient?: string;\n hyphens?: boolean;\n hasShadow?: boolean;\n innerHTML?: string;\n\n className?: string;\n children?: React.ReactNode;\n}> = ({\n renderAs,\n isInverted,\n className,\n size = 'heading-2',\n textColor,\n textGradient,\n hyphens = false,\n hasShadow = false,\n innerHTML,\n children,\n ...rest\n}) => {\n const { fonts } = useLibTheme();\n let tag: HeadlineTag = 'h2';\n\n switch (size) {\n default:\n case 'heading-1':\n tag = 'h1';\n break;\n case 'heading-2':\n tag = 'h2';\n break;\n case 'heading-3':\n tag = 'h3';\n break;\n case 'heading-4':\n tag = 'h4';\n break;\n case 'super':\n tag = 'div';\n break;\n }\n\n // get font settings from global context\n const fontSettings = fonts?.[size] as FontProps;\n\n return (\n <View\n as={renderAs || tag}\n headingType={size}\n textColor={\n textColor ||\n (isInverted ? fontSettings.colorInverted : fontSettings.color)\n }\n textGradient={\n textGradient ||\n (!textColor\n ? isInverted\n ? fontSettings.colorGradientInverted\n : fontSettings.colorGradient\n : undefined)\n }\n hyphens={hyphens}\n hasShadow={hasShadow}\n dangerouslySetInnerHTML={\n innerHTML && !children ? { __html: innerHTML } : undefined\n }\n className={className}\n {...rest}\n >\n {children}\n </View>\n );\n};\n\nHeading.defaultProps = {\n renderAs: 'h2',\n size: 'heading-2',\n};\n\nexport default Heading;\n","import * as React from 'react';\nimport styled, { css } from 'styled-components';\nimport { clampValue } from 'utils/clamp';\nimport { useLibTheme } from 'utils/LibThemeProvider';\nimport {\n FontType,\n mq,\n spacings,\n withRange,\n FontOptionType,\n getFonts as font,\n getGlobals as global,\n styleTextColor,\n FontOptions,\n LinkUrlIcon,\n LinkFontIcon,\n} from 'utils/styles';\nimport { headingStyle } from './Heading';\n\nexport type CopyType = Extract<FontType, 'copy-b' | 'copy-i' | 'copy'>;\n\nexport const copyStyle = (\n type: CopyType,\n size: keyof FontOptions = 'medium'\n) => css`\n font-family: ${({ theme }) => font(theme)[type][size].family};\n font-weight: ${({ theme }) => font(theme)[type][size].weight};\n font-style: ${({ theme }) => font(theme)[type][size].style};\n ${({ theme }) => withRange(font(theme)[type][size].size, 'font-size')}\n line-height: ${({ theme }) => font(theme)[type][size].lineHeight};\n letter-spacing: ${({ theme }) => font(theme)[type][size].letterSpacing};\n text-transform: ${({ theme }) => font(theme)[type][size].textTransform};\n text-decoration: ${({ theme }) => font(theme)[type][size].textDecoration};\n`;\n\nconst base = css<{\n textColor?: string;\n textGradient?: string;\n columns?: boolean;\n isInverted?: boolean;\n copyType: CopyType;\n size: FontOptionType;\n allowLinkIcons?: boolean;\n}>`\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0;\n padding: 0;\n border: 0;\n outline: 0;\n font-weight: inherit;\n font-style: inherit;\n font-size: 100%;\n font-family: inherit;\n vertical-align: baseline;\n }\n\n hyphens: auto;\n ${({ textColor, textGradient }) => styleTextColor(textColor, textGradient)}\n\n /* @media ${mq.medium} {\n hyphens: none;\n } */\n\n a {\n color: ${({ theme, isInverted }) =>\n isInverted\n ? font(theme).link.colorInverted\n : font(theme).link.color};\n text-transform: ${({ theme }) => font(theme).link.textTransform};\n text-decoration: ${({ theme }) => font(theme).link.textDecoration};\n\n transition: color 0.2s ease-in-out;\n outline: none;\n\n @media (hover: hover) and (pointer: fine) {\n &:hover {\n color: ${({ theme, isInverted }) =>\n isInverted\n ? font(theme).link.colorHoverInverted\n : font(theme).link.colorHover};\n }\n }\n\n &:focus {\n outline: 1px dashed\n ${({ theme, isInverted }) =>\n isInverted\n ? font(theme).link.colorInverted\n : font(theme).link.color};\n outline-offset: 1px;\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n }\n }\n\n & > p {\n margin-right: 0;\n margin-left: 0;\n padding: 0;\n }\n\n ${({ columns }) =>\n columns &&\n css`\n columns: 350px 2;\n column-gap: ${spacings.spacer}px;\n\n li {\n break-inside: avoid;\n }\n\n blockquote {\n break-inside: avoid;\n }\n `};\n\n h2 {\n ${headingStyle('heading-2')}\n }\n\n h3 {\n ${headingStyle('heading-3')}\n }\n\n h4 {\n ${headingStyle('heading-4')}\n }\n\n h5 {\n ${headingStyle('super')}\n }\n\n h2,\n h3,\n h4,\n h5 {\n margin-top: ${spacings.nudge * 3}px;\n margin-bottom: ${spacings.nudge * 3}px;\n }\n\n h2 {\n margin-bottom: ${spacings.spacer}px;\n }\n\n *:not(h2, h3, h4, h5) + h2,\n *:not(h2, h3, h4, h5) + h3,\n *:not(h2, h3, h4, h5) + h4,\n *:not(h2, h3, h4, h5) + h5 {\n margin-top: ${spacings.nudge * 5}px;\n }\n\n *:is(h3, h4, h5) + h2 {\n margin-top: -${spacings.nudge * 1.5}px;\n }\n\n p,\n blockquote,\n ol,\n ul {\n margin-top: ${spacings.nudge * 3}px;\n margin-bottom: ${spacings.nudge * 3}px;\n }\n\n ol,\n ul {\n padding-left: ${spacings.nudge * 3}px;\n }\n\n li {\n & > * {\n vertical-align: top;\n }\n }\n\n ul ul li {\n list-style-type: disc;\n }\n\n ol ol li {\n list-style-type: lower-latin;\n }\n\n ol ol ol li {\n list-style-type: lower-roman;\n }\n\n // classes for richtext\n a {\n display: inline-block;\n }\n\n a[href] + br + a[href] {\n margin-top: ${spacings.nudge * 2}px;\n }\n\n /** add icons to anchor tags with matching href value */\n ${({ theme, isInverted, copyType, size, allowLinkIcons }) => {\n if (!allowLinkIcons) return '';\n return global(theme).icons.linkIcons.map((item) => {\n const iconChar = parseInt((item as LinkFontIcon).iconChar);\n const iconFont = (item as LinkFontIcon).iconFont;\n const iconUrl = (item as LinkUrlIcon).iconUrl?.(isInverted);\n const iconScale = clampValue(\n item.scale?.({ type: copyType, size }) || 1,\n 0\n );\n const patterns = item.patterns;\n const isFontIcon = !!iconChar && !!iconFont;\n const isValidIconChar = iconChar && !isNaN(iconChar) ? true : false;\n const vAlign = item.vAlign || (isFontIcon ? 'text-top' : 'top');\n\n const externalFilter = item.isExternal ? '[target=\"_blank\"]' : '';\n\n const selectors =\n patterns\n .filter((p) => p)\n .map((p) => `a[href*='${p}']${externalFilter}`)\n .join(', ') || `a${externalFilter}`;\n const pseudoSelectors =\n patterns\n .filter((p) => p)\n .map((p) => `a[href*='${p}']${externalFilter}:after`)\n .join(', ') || `a${externalFilter}:after`;\n\n let content = '';\n if (iconChar || iconUrl) {\n content = isValidIconChar\n ? `\"${String.fromCharCode(iconChar)}\"`\n : `url(\"${iconUrl}\")`;\n }\n\n return selectors && pseudoSelectors\n ? css`\n ${selectors} {\n display: inline-block;\n position: relative;\n }\n\n ${pseudoSelectors} {\n content: ${content || undefined};\n\n display: inline-block;\n font-family: ${iconFont || 'inherit'} !important;\n font-size: ${isFontIcon && `${iconScale}em`};\n font-style: normal;\n font-weight: normal !important;\n font-variant: normal;\n text-transform: none;\n text-decoration: none;\n vertical-align: ${vAlign};\n line-height: 1;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n transform: ${!iconFont && iconUrl\n ? `scale(${iconScale})`\n : undefined};\n\n max-height: ${!isFontIcon && '1em'};\n margin-left: 0.3em;\n margin-right: 0.1em;\n }\n `\n : '';\n });\n }}\n\n /** DOM element with icon and/or label */\n .icon-label {\n display: inline-flex;\n align-items: center;\n margin: 0;\n ${copyStyle('copy', 'medium')}\n vertical-align: middle;\n\n & > a:after {\n content: none;\n }\n\n & > * + * {\n margin-left: ${spacings.nudge * 2}px;\n }\n\n svg {\n max-width: 30px;\n fill: currentColor;\n }\n }\n\n .icon-label--big {\n ${copyStyle('copy', 'big')}\n }\n\n .icon-label--list {\n display: flex;\n align-items: center;\n margin: 0;\n padding: 0;\n }\n\n .icon-label--list + .icon-label--list {\n margin-top: ${spacings.nudge * 3}px;\n }\n\n *:first-child {\n margin-top: 0;\n }\n\n *:last-child {\n margin-bottom: 0;\n }\n`;\n\nconst View = styled.div<{\n copyType: CopyType;\n size: FontOptionType;\n textColor?: string;\n textGradient?: string;\n isInverted?: boolean;\n columns?: boolean;\n allowLinkIcons?: boolean;\n}>`\n ${base}\n ${({ copyType, size }) => copyStyle(copyType, size)}\n`;\n\nexport type CopyTag =\n | 'label'\n | 'span'\n | 'div'\n | 'legend'\n | 'th'\n | 'td'\n | 'li'\n | 'p'\n | 'caption'\n | 'figcaption';\n\nconst Copy: React.FC<{\n renderAs?: CopyTag;\n isInverted?: boolean;\n textColor?: string;\n textGradient?: string;\n type?: CopyType;\n size?: FontOptionType;\n columns?: boolean;\n innerHTML?: string;\n allowLinkIcons?: boolean;\n onClick?: (ev: React.SyntheticEvent<HTMLElement>) => void;\n className?: string;\n children?: React.ReactNode;\n}> = ({\n renderAs,\n isInverted,\n type = 'copy',\n size = 'medium',\n textColor,\n textGradient,\n columns = false,\n innerHTML,\n allowLinkIcons = true,\n onClick,\n className,\n children,\n ...rest\n}) => {\n const { fonts } = useLibTheme();\n const fontSettings = fonts?.[type]?.[size];\n\n return (\n <View\n as={renderAs}\n copyType={type}\n size={size}\n textColor={\n textColor ||\n (isInverted ? fontSettings.colorInverted : fontSettings.color)\n }\n textGradient={\n textGradient ||\n (!textColor\n ? isInverted\n ? fontSettings.colorGradientInverted\n : fontSettings.colorGradient\n : undefined)\n }\n isInverted={isInverted}\n columns={columns}\n allowLinkIcons={allowLinkIcons}\n dangerouslySetInnerHTML={\n innerHTML && !children ? { __html: innerHTML } : undefined\n }\n onClick={onClick}\n className={className}\n {...rest}\n >\n {children}\n </View>\n );\n};\n\nCopy.defaultProps = { type: 'copy', size: 'medium' };\n\nexport default Copy;\n"],"names":["base","css","templateObject_2","__makeTemplateObject","_a","textColor","textGradient","styleTextColor","props","hyphens","templateObject_1","mq","large","hasShadow","headingStyle","type","templateObject_3","theme","font","getFonts","family","weight","style","withRange","size","lineHeight","letterSpacing","textTransform","textDecoration","View","styled","h1","withConfig","displayName","componentId","templateObject_4","headingType","Heading","renderAs","isInverted","className","_b","_c","_d","innerHTML","children","rest","__rest","fonts","useLibTheme","tag","fontSettings","React","createElement","__assign","as","colorInverted","color","undefined","colorGradientInverted","colorGradient","dangerouslySetInnerHTML","__html","defaultProps","copyStyle","medium","link","colorHoverInverted","colorHover","columns","spacings","spacer","nudge","copyType","allowLinkIcons","global","icons","linkIcons","map","item","iconChar","parseInt","iconFont","iconUrl","call","iconScale","clampValue","scale","patterns","isFontIcon","isValidIconChar","isNaN","vAlign","externalFilter","isExternal","selectors","filter","p","concat","join","pseudoSelectors","content","String","fromCharCode","div","templateObject_5","Copy","_e","_f","onClick"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FilterBar-0781490f.js","sources":["../src/components/blocks/POIFacts.tsx","../src/components/blocks/POICard.tsx","../src/components/blocks/Portal.tsx","../node_modules/fast-deep-equal/react.js","../src/components/blocks/FilterBar.tsx"],"sourcesContent":["import Check from 'components/base/icons/Check';\nimport { copyStyle } from 'components/typography/Copy';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { getColors as color, spacings } from 'utils/styles';\n\nconst View = styled.div`\n display: inline-flex;\n flex-direction: row;\n flex-wrap: wrap;\n\n margin-top: -${spacings.nudge}px;\n margin-left: -${spacings.nudge * 2}px;\n\n &:not(:first-child) {\n margin-top: ${spacings.nudge * 3}px;\n }\n`;\n\nconst FactsWrapper = styled.div`\n padding-top: ${spacings.nudge}px;\n padding-left: ${spacings.nudge * 2}px;\n`;\n\nconst Fact = styled.span<{ isInverted?: boolean }>`\n display: inline-flex;\n align-items: center;\n ${copyStyle('copy', 'medium')}\n color: ${({ theme, isInverted }) =>\n isInverted ? color(theme).text.copyInverted : color(theme).text.copy};\n\n & > * + * {\n margin-left: ${spacings.nudge * 0.5}px;\n }\n`;\n\nconst POIFacts: React.FC<{\n facts: string[];\n customFact?: (props: {\n key: React.Key;\n name: string;\n isInverted?: boolean;\n }) => React.ReactNode;\n isInverted?: boolean;\n}> = ({ facts, customFact, isInverted }) => {\n return (\n <View>\n {facts.map((fact, i) => (\n <FactsWrapper key={'tag_' + i}>\n {customFact ? (\n customFact({\n key: `headtag-${i}`,\n name: fact || '',\n isInverted: isInverted,\n })\n ) : (\n <Fact isInverted={isInverted}>\n <Check />\n <span>{fact}</span>\n </Fact>\n )}\n </FactsWrapper>\n ))}\n </View>\n );\n};\n\nexport default POIFacts;\n","import React from 'react';\nimport styled from 'styled-components';\n\nimport POIFacts from 'components/blocks/POIFacts';\nimport Copy from 'components/typography/Copy';\nimport { isValidArray } from 'utils/arrays';\nimport {\n getColors as color,\n getGlobals as global,\n mq,\n spacings,\n} from 'utils/styles';\nimport InfoList, { Info } from './InfoList';\n\nconst View = styled.div<{ isInverted?: boolean }>`\n border: 1px solid\n ${({ theme, isInverted }) =>\n isInverted\n ? color(theme).elementBg.light\n : color(theme).elementBg.dark};\n padding: ${spacings.nudge * 2}px;\n border-radius: ${({ theme }) => global(theme).sections.edgeRadius};\n overflow: hidden;\n\n & > * + * {\n margin-top: ${spacings.nudge * 3}px;\n }\n`;\n\nconst Title = styled(Copy)`\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 2; /* number of lines to show */\n line-clamp: 2;\n -webkit-box-orient: vertical;\n\n &:not(:first-child) {\n margin-top: ${spacings.nudge * 3}px;\n }\n`;\n\nconst Description = styled(Copy)`\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 4; /* number of lines to show */\n line-clamp: 4;\n -webkit-box-orient: vertical;\n`;\n\nconst Body = styled.div<{ isInverted?: boolean }>`\n display: flex;\n flex-direction: row;\n /* align-items: flex-start; */\n\n @media ${mq.semilarge} {\n margin-left: -${spacings.spacer}px;\n margin-right: -${spacings.spacer}px;\n\n & > * + * {\n border-left: 1px solid\n ${({ theme, isInverted }) =>\n isInverted\n ? color(theme).elementBg.light\n : color(theme).elementBg.dark};\n }\n }\n`;\n\nconst Col = styled.div`\n flex: 1 0 100%;\n\n & > * + * {\n margin-top: ${spacings.nudge * 3}px;\n }\n\n @media ${mq.semilarge} {\n flex: 1 0 60%;\n padding: 0 ${spacings.spacer}px;\n }\n\n @media ${mq.large} {\n flex: 1 0 ${(2 / 3) * 100}%;\n }\n`;\n\nconst InfoCol = styled(Col)`\n display: none;\n margin-bottom: ${spacings.nudge * 2}px;\n\n @media ${mq.semilarge} {\n display: block;\n flex: 1 0 40%;\n }\n\n @media ${mq.large} {\n display: block;\n flex: 1 0 ${(1 / 3) * 100}%;\n }\n`;\n\nconst Action = styled.div``;\n\nexport type POILocation = {\n address: string;\n street: string;\n postalCode: string;\n city: string;\n coordinates?: { lat: number; long: number };\n mail: string;\n phone: string;\n web: string;\n};\n\nexport type POIContact = {\n name: string;\n position: string;\n street: string;\n postalCode: string;\n city: string;\n mail: string;\n phone: string;\n};\n\nexport interface POICardProps {\n /** Invert text and background for use on dark sections */\n isInverted?: boolean;\n\n /** POI name */\n name: string;\n\n /** Short POI description text (RichText) */\n shortDescription?: string;\n\n /** Array of additional POI informations */\n infos?: Info[];\n\n /** Array of POI facts */\n facts?: string[];\n\n /** Function to inject custom fact node */\n customFact?: (props: {\n key: React.Key;\n name: string;\n isInverted?: boolean;\n }) => React.ReactNode;\n\n /** Function to inject custom action node */\n action?: (isInverted?: boolean) => React.ReactNode;\n}\n\nconst POICard: React.FC<POICardProps> = ({\n isInverted,\n name,\n shortDescription,\n facts,\n infos,\n customFact,\n action,\n}) => {\n const hasFacts = isValidArray(facts, false);\n const hasInfos = isValidArray(infos, false);\n\n return (\n <View isInverted={isInverted}>\n {name && (\n <Title type=\"copy-b\" size=\"big\" isInverted={isInverted}>\n {name}\n </Title>\n )}\n {(hasFacts || shortDescription || hasInfos || action) && (\n <Body isInverted={isInverted}>\n <Col>\n {isValidArray(facts, false) && (\n <POIFacts\n facts={facts}\n isInverted={isInverted}\n customFact={customFact}\n />\n )}\n {shortDescription && (\n <Description\n isInverted={isInverted}\n innerHTML={shortDescription}\n />\n )}\n {action && <Action>{action(isInverted)}</Action>}\n </Col>\n {isValidArray(infos, false) && (\n <InfoCol>\n <InfoList\n isInverted={isInverted}\n items={[\n {\n items: infos,\n },\n ]}\n />\n </InfoCol>\n )}\n </Body>\n )}\n </View>\n );\n};\n\nexport default POICard;\n","import { FC, ReactNode, useEffect, useRef } from 'react';\nimport { createPortal } from 'react-dom';\n\nconst Portal: FC<{\n isVisible?: boolean;\n root?: HTMLElement;\n children?: ReactNode;\n}> = ({ isVisible, root, children }) => {\n const rootRef = useRef<HTMLElement | null>(null);\n\n useEffect(() => {\n rootRef.current = root || document.body;\n }, [root]);\n\n return isVisible && rootRef.current\n ? createPortal(children, rootRef.current)\n : null;\n};\nexport default Portal;\n","'use strict';\n\n// do not edit .js files directly - edit src/index.jst\n\n\n\nmodule.exports = function equal(a, b) {\n if (a === b) return true;\n\n if (a && b && typeof a == 'object' && typeof b == 'object') {\n if (a.constructor !== b.constructor) return false;\n\n var length, i, keys;\n if (Array.isArray(a)) {\n length = a.length;\n if (length != b.length) return false;\n for (i = length; i-- !== 0;)\n if (!equal(a[i], b[i])) return false;\n return true;\n }\n\n\n\n if (a.constructor === RegExp) return a.source === b.source && a.flags === b.flags;\n if (a.valueOf !== Object.prototype.valueOf) return a.valueOf() === b.valueOf();\n if (a.toString !== Object.prototype.toString) return a.toString() === b.toString();\n\n keys = Object.keys(a);\n length = keys.length;\n if (length !== Object.keys(b).length) return false;\n\n for (i = length; i-- !== 0;)\n if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false;\n\n for (i = length; i-- !== 0;) {\n var key = keys[i];\n\n if (key === '_owner' && a.$$typeof) {\n // React-specific: avoid traversing React elements' _owner.\n // _owner contains circular references\n // and is not needed when comparing the actual elements (and not their owners)\n continue;\n }\n\n if (!equal(a[key], b[key])) return false;\n }\n\n return true;\n }\n\n // true if both NaN, false otherwise\n return a!==a && b!==b;\n};\n","import * as Icons from 'components/base/icons/Icons';\nimport FilterField from 'components/fields/FilterField';\nimport MultiselectDropdown from 'components/fields/MultiselectDropdown';\nimport Copy, { copyStyle } from 'components/typography/Copy';\nimport { isValidArray } from 'hooks';\nimport React, {\n FC,\n Fragment,\n ReactNode,\n SyntheticEvent,\n useEffect,\n useRef,\n useState,\n} from 'react';\nimport styled from 'styled-components';\nimport {\n mq,\n spacings,\n getColors as color,\n getGlobals as global,\n withRange,\n} from 'utils/styles';\nimport Portal from './Portal';\nimport Pointer from 'components/buttons/Pointer';\nimport equal from 'fast-deep-equal/react';\nimport { useLibTheme } from 'utils/LibThemeProvider';\nimport { getFormFieldTextSize } from 'utils/formFieldText';\n\nconst FilterView = styled.div`\n display: inline-block;\n`;\n\nconst TextFilter = styled(FilterField)<{ hasBorders?: boolean }>`\n min-height: 45px;\n height: 45px;\n background: ${({ theme }) => color(theme).elementBg.light};\n border: ${({ hasBorders }) => (!hasBorders ? 'none' : undefined)};\n`;\n\nconst Select = styled(MultiselectDropdown)<{ hasBorders?: boolean }>`\n min-width: 220px;\n min-height: 45px;\n\n button,\n ul {\n border: ${({ hasBorders }) => (!hasBorders ? 'none' : undefined)};\n background: ${({ theme }) => color(theme).elementBg.light};\n }\n`;\n\nconst OverlayToggleView = styled.button<{ isInverted?: boolean }>`\n width: 250px;\n height: 45px;\n\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n\n padding: ${spacings.nudge}px;\n background: ${({ theme }) => color(theme).elementBg.light};\n\n ${copyStyle('copy', 'small')}\n line-height: normal;\n /** Clamping min font size to 16px to prevent browser zooming */\n ${({ theme }) => withRange(getFormFieldTextSize(theme), 'font-size')}\n\n border: none;\n outline: none;\n border-radius: ${({ theme }) => global(theme).sections.edgeRadius};\n cursor: pointer;\n\n transition: all ease-in-out 0.2s;\n\n & > * + * {\n margin-left: ${spacings.nudge}px;\n }\n\n @media ${mq.medium} {\n display: none;\n }\n\n &:focus {\n text-decoration: underline;\n box-shadow: 0px 8px 16px\n ${({ isInverted }) =>\n isInverted\n ? 'rgba(255, 255, 255, 0.25)'\n : 'rgba(0, 0, 0, 0.25)'};\n }\n\n &:focus:not(:focus-visible) {\n text-decoration: none;\n outline: none;\n box-shadow: none;\n }\n`;\n\nconst Counter = styled(Copy)`\n position: relative;\n background: ${({ theme }) => color(theme).text.default};\n color: ${({ theme }) => color(theme).text.inverted};\n line-height: normal;\n\n max-height: 20px;\n max-width: 20px;\n\n height: 20px;\n width: 20px;\n\n border-radius: 50px;\n\n margin-left: ${spacings.nudge * 2}px;\n\n & > * {\n position: absolute;\n top: 50%;\n left: 50%;\n\n transform: translate(-50%, -50%);\n }\n`;\n\nconst Indicator = styled.span`\n display: flex;\n align-items: center;\n pointer-events: none;\n\n & > * + * {\n margin-left: ${spacings.nudge}px;\n }\n`;\n\nconst Icon = styled.div`\n display: flex;\n align-items: center;\n padding-left: ${spacings.nudge}px;\n color: inherit;\n\n transition: transform 0.2s ease-in-out;\n`;\n\nconst Label = styled.span`\n display: flex;\n align-items: center;\n user-select: none;\n\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n min-width: 0;\n\n & > * + * {\n margin-left: ${spacings.nudge}px;\n }\n`;\n\nconst OverlayToggle: FC<{\n isInverted?: boolean;\n label: string;\n onClick?: (ev: SyntheticEvent<HTMLButtonElement>) => void;\n icon?: (isInverted?: boolean) => ReactNode;\n indicator?: () => ReactNode;\n selected?: number;\n className?: string;\n}> = ({ isInverted, label, selected, onClick, icon, indicator, className }) => {\n const iconElement = icon?.(isInverted);\n const { colors } = useLibTheme();\n\n return (\n <OverlayToggleView\n isInverted={isInverted}\n onClick={onClick}\n className={className}\n >\n <Label>\n {iconElement && <Icon>{iconElement}</Icon>}\n <span>{label}</span>\n </Label>\n\n <Indicator>\n <Counter size=\"small\">\n <span>{selected || 0}</span>\n </Counter>\n {indicator?.()}\n {!indicator && (\n <Icons.AngleDown iconColor={colors.elementBg.dark} />\n )}\n </Indicator>\n </OverlayToggleView>\n );\n};\n\nconst DesktopFilters = styled.div`\n display: none;\n\n @media ${mq.medium} {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n justify-content: flex-end;\n\n & > * {\n width: 220px;\n }\n\n & > * + * {\n margin-right: ${spacings.nudge}px;\n }\n }\n`;\n\nconst MobileBarStage = styled.div`\n position: fixed;\n bottom: 0;\n left: 0;\n top: 0;\n height: 100vh;\n width: 100vw;\n`;\n\nconst MobileBarBackdrop = styled.div`\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n\n background-color: ${({ theme }) => color(theme).elementBg.light};\n opacity: 0.8;\n z-index: 0;\n`;\n\nconst MobileBarContent = styled.div`\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n max-height: 90vh;\n z-index: 0;\n overflow-y: auto;\n\n padding: ${spacings.nudge * 2}px;\n background-color: ${({ theme }) => color(theme).elementBg.light};\n border-radius: ${({ theme }) => global(theme).sections.edgeRadius};\n`;\n\nconst FilterBarHead = styled(Copy)`\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n\n margin-bottom: ${spacings.nudge * 3}px;\n`;\n\nconst FilterBarCloseBtn = styled.button`\n flex: 0 0 auto;\n\n display: inline-block;\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n\n cursor: pointer;\n`;\n\nconst MobileBarMain = styled.div`\n display: flex;\n flex-direction: column;\n\n & > * {\n width: 100%;\n }\n\n & > * + * {\n margin-top: ${spacings.nudge * 3}px;\n }\n`;\n\nconst MobileBarSubmitPointer = styled(Pointer.View)`\n width: auto;\n margin-right: auto;\n margin-top: ${spacings.nudge * 3}px;\n`;\n\nexport interface FilterBarProps {\n isInverted?: boolean;\n hasBorders?: boolean;\n value?: FilterState;\n onChange?: (filters: FilterState) => void;\n toggleLabel?: string;\n mobileSubmitLabel?: string;\n categoryFilter?: {\n label?: string;\n resetLabel?: string;\n items?: Array<{\n value: string;\n label: string;\n }>;\n };\n textFilter?: {\n placeholder?: string;\n icon?: (isInverted?: boolean) => React.ReactNode;\n submitIcon?: (isInverted?: boolean) => React.ReactNode;\n clearIcon?: (isInverted?: boolean) => React.ReactNode;\n };\n closeIcon?: (isInverted?: boolean) => React.ReactNode;\n filterIcon?: (isInverted?: boolean) => React.ReactNode;\n indicator?: (props: {\n isOpen: boolean;\n isDisabled?: boolean;\n }) => React.ReactNode;\n}\n\nexport interface FilterState {\n textFilter?: string;\n categoryFilter?: string[];\n}\n\nconst FilterBar: FC<FilterBarProps & { className?: string }> = ({\n isInverted,\n hasBorders,\n value,\n onChange,\n mobileSubmitLabel = 'Apply filters',\n toggleLabel,\n categoryFilter,\n textFilter,\n closeIcon,\n filterIcon,\n indicator,\n className,\n}) => {\n const [filters, setFilters] = useState<FilterState>(\n value || {\n textFilter: '',\n categoryFilter: [],\n }\n );\n const lastFilters = useRef<FilterState>(filters);\n\n const [isMobileBarOpen, setIsMobileBarOpen] = useState(false);\n const [mobileTextFilter, setMobileTextFilter] = useState(\n filters.textFilter || ''\n );\n const [mobileCategoryFilter, setMobileCategoryFilter] = useState(\n filters.categoryFilter || []\n );\n\n const handleMobileBarSubmit = () => {\n setIsMobileBarOpen(false);\n setFilters({\n textFilter: mobileTextFilter,\n categoryFilter: mobileCategoryFilter,\n });\n };\n\n const handleMobileBarClose = () => {\n setIsMobileBarOpen(false);\n setMobileCategoryFilter(filters.categoryFilter || []);\n setMobileTextFilter(filters.textFilter || '');\n };\n\n useEffect(() => {\n setMobileCategoryFilter(filters.categoryFilter || []);\n setMobileTextFilter(filters.textFilter || '');\n }, [filters]);\n\n useEffect(() => {\n if (!equal(filters, value)) {\n onChange?.(filters);\n }\n }, [filters, onChange, value]);\n\n useEffect(() => {\n if (value && !equal(value, lastFilters.current)) {\n setFilters(value);\n lastFilters.current = value;\n }\n }, [value]);\n\n const overallSelected =\n (filters?.categoryFilter?.length || 0) + (filters.textFilter ? 1 : 0);\n\n const closeIconElement = closeIcon?.(isInverted) || (\n <Icons.Cross width={32} height={32} />\n );\n\n return (\n <Fragment>\n <FilterView className={className}>\n <OverlayToggle\n label={toggleLabel || ''}\n selected={overallSelected}\n onClick={() => setIsMobileBarOpen((prev) => !prev)}\n icon={filterIcon}\n indicator={\n indicator\n ? () =>\n indicator({\n isOpen: false,\n isDisabled: false,\n })\n : undefined\n }\n />\n <DesktopFilters>\n {textFilter && (\n <TextFilter\n isInverted={isInverted}\n icon={textFilter.icon}\n submitIcon={textFilter.submitIcon}\n clearIcon={textFilter.clearIcon}\n placeholder={textFilter.placeholder}\n value={filters.textFilter}\n onSubmit={(value) => {\n setFilters((prev) => ({\n ...prev,\n textFilter: value,\n }));\n }}\n hasBorders={hasBorders}\n />\n )}\n {categoryFilter &&\n isValidArray(categoryFilter?.items, false) && (\n <Select\n isInverted={isInverted}\n items={categoryFilter.items}\n placeholder={categoryFilter.label}\n icon={filterIcon}\n indicator={indicator}\n resetLabel={categoryFilter.resetLabel}\n onChange={(value) =>\n setFilters((prev) => ({\n ...prev,\n categoryFilter: value,\n }))\n }\n selectedItems={filters.categoryFilter}\n hasBorders={hasBorders}\n />\n )}\n </DesktopFilters>\n </FilterView>\n <Portal isVisible={isMobileBarOpen}>\n <MobileBarStage>\n <MobileBarBackdrop onClick={handleMobileBarClose} />\n <MobileBarContent>\n <FilterBarHead>\n <Copy type=\"copy-b\" size=\"big\">\n {toggleLabel}\n </Copy>\n {closeIconElement && (\n <FilterBarCloseBtn\n onClick={handleMobileBarClose}\n >\n {closeIconElement}\n </FilterBarCloseBtn>\n )}\n </FilterBarHead>\n <MobileBarMain>\n {textFilter && (\n <FilterField\n icon={textFilter.icon}\n submitIcon={textFilter.submitIcon}\n clearIcon={textFilter.clearIcon}\n placeholder={textFilter.placeholder}\n value={mobileTextFilter}\n onSubmit={setMobileTextFilter}\n />\n )}\n {categoryFilter &&\n isValidArray(categoryFilter?.items, false) && (\n <MultiselectDropdown\n inlined\n items={categoryFilter.items}\n placeholder={categoryFilter.label}\n icon={filterIcon}\n indicator={indicator}\n resetLabel={categoryFilter.resetLabel}\n selectedItems={mobileCategoryFilter}\n onChange={setMobileCategoryFilter}\n />\n )}\n {mobileSubmitLabel && (\n <MobileBarSubmitPointer\n onClick={handleMobileBarSubmit}\n >\n <Pointer.Label>\n {mobileSubmitLabel}\n </Pointer.Label>\n <Pointer.Icon>\n <Icons.AngleRight />\n </Pointer.Icon>\n </MobileBarSubmitPointer>\n )}\n </MobileBarMain>\n </MobileBarContent>\n </MobileBarStage>\n </Portal>\n </Fragment>\n );\n};\n\nexport default FilterBar;\n"],"names":["View","styled","div","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","spacings","nudge","FactsWrapper","templateObject_2","Fact","span","templateObject_3","copyStyle","_a","theme","isInverted","color","text","copyInverted","copy","POIFacts","facts","customFact","React","createElement","map","fact","i","key","concat","name","Check","elementBg","light","dark","global","sections","edgeRadius","Title","Copy","Description","Body","templateObject_4","mq","semilarge","spacer","Col","templateObject_5","large","InfoCol","templateObject_6","Action","templateObject_7","Portal","isVisible","root","children","rootRef","useRef","useEffect","current","document","body","createPortal","react","equal","a","b","constructor","length","keys","Array","isArray","RegExp","source","flags","valueOf","Object","prototype","toString","hasOwnProperty","call","$$typeof","FilterView","TextFilter","FilterField","hasBorders","undefined","Select","MultiselectDropdown","OverlayToggleView","button","withRange","getFormFieldTextSize","medium","Counter","default","inverted","Indicator","Icon","Label","templateObject_8","OverlayToggle","label","selected","onClick","icon","indicator","className","iconElement","colors","useLibTheme","size","Icons","iconColor","DesktopFilters","templateObject_9","MobileBarStage","templateObject_10","MobileBarBackdrop","templateObject_11","MobileBarContent","templateObject_12","FilterBarHead","templateObject_13","FilterBarCloseBtn","templateObject_14","MobileBarMain","MobileBarSubmitPointer","Pointer","templateObject_16","value","onChange","_c","mobileSubmitLabel","toggleLabel","categoryFilter","textFilter","closeIcon","filterIcon","_d","useState","filters","setFilters","lastFilters","_e","isMobileBarOpen","setIsMobileBarOpen","_f","mobileTextFilter","setMobileTextFilter","_g","mobileCategoryFilter","setMobileCategoryFilter","handleMobileBarClose","overallSelected","_b","closeIconElement","width","height","Fragment","prev","isOpen","isDisabled","submitIcon","clearIcon","placeholder","onSubmit","__assign","isValidArray","items","resetLabel","selectedItems","type","inlined","AngleRight","shortDescription","infos","action","hasFacts","hasInfos","innerHTML","InfoList"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FilterField-7efcacb7.js","sources":["../src/components/fields/FilterField.tsx"],"sourcesContent":["import React, { FC, useEffect } from 'react';\nimport styled from 'styled-components';\n\nimport { copyStyle } from 'components/typography/Copy';\nimport {\n spacings,\n getColors as color,\n getFonts as font,\n getGlobals as global,\n} from 'utils/styles';\nimport Magnifier from 'components/base/icons/Magnifier';\nimport useLazyInput from 'utils/useLazyInput';\nimport Cross from 'components/base/icons/Cross';\n\nconst View = styled.div<{ isInverted?: boolean }>`\n display: flex;\n height: 45px;\n border: solid 1px\n ${({ theme, isInverted }) =>\n isInverted\n ? color(theme).elementBg.light\n : color(theme).elementBg.dark};\n border-radius: ${({ theme }) => global(theme).sections.edgeRadius};\n\n color: ${({ theme, isInverted }) =>\n isInverted\n ? font(theme).copy.medium.colorInverted\n : font(theme).copy.medium.color};\n\n &:focus-within {\n outline: ${({ theme, isInverted }) =>\n `1px solid ${\n isInverted\n ? color(theme).primary.inverted\n : color(theme).primary.default\n }`};\n outline-offset: 0;\n }\n\n &:focus-within & > input:not(:focus-visible) {\n outline: none;\n }\n`;\n\nconst Field = styled.input<{ isInverted?: boolean }>`\n flex: 1 1 auto;\n min-width: 20%;\n\n background-color: transparent;\n box-shadow: none;\n border: none;\n border-right: none;\n border-radius: 0px;\n outline: none;\n -webkit-appearance: none;\n color: inherit;\n ${copyStyle('copy', 'medium')}\n line-height: 1;\n\n padding: ${spacings.nudge * 2}px ${spacings.nudge}px;\n\n &:not(:first-child) {\n padding-left: 0px;\n }\n\n &:not(:last-child) {\n padding-right: 0px;\n }\n\n &::placeholder {\n color: ${({ theme, isInverted }) =>\n isInverted\n ? color(theme).text.subtileInverted\n : color(theme).text.subtile};\n }\n`;\n\nconst Icon = styled.div`\n display: flex;\n align-items: center;\n padding-right: ${spacings.nudge}px;\n padding-left: ${spacings.nudge * 2}px;\n color: inherit;\n\n transition: transform 0.2s ease-in-out;\n`;\n\nconst ClearBtn = styled.button<{ isInverted?: boolean }>`\n flex: 0 0 auto;\n\n display: flex;\n align-items: center;\n background: none;\n border: none;\n cursor: pointer;\n\n padding-right: ${spacings.nudge}px;\n padding-left: ${spacings.nudge * 2}px;\n color: inherit;\n\n transition: transform 0.2s ease-in-out;\n\n &:focus {\n text-decoration: underline;\n transform: scale(1.012);\n\n outline: ${({ theme, isInverted }) =>\n `2px solid ${\n isInverted\n ? color(theme).primary.inverted\n : color(theme).primary.default\n }`};\n outline-offset: -4px;\n outline-style: dashed;\n }\n\n &:focus:not(:focus-visible) {\n text-decoration: none;\n outline: none;\n }\n\n &:active {\n transform: scale(0.95);\n }\n\n & > * {\n height: 20px;\n width: 20px;\n }\n`;\n\nconst FilterField: FC<{\n isInverted?: boolean;\n value?: string;\n initialValue?: string;\n placeholder?: string;\n onSubmit?: (value: string) => void;\n onBlur?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n icon?: (isInverted?: boolean) => React.ReactNode;\n submitIcon?: (isInverted?: boolean) => React.ReactNode;\n clearIcon?: (isInverted?: boolean) => React.ReactNode;\n className?: string;\n}> = ({\n isInverted,\n value,\n initialValue,\n placeholder,\n onSubmit,\n onBlur,\n icon,\n submitIcon,\n clearIcon,\n className,\n}) => {\n const {\n update,\n value: getValue,\n forceUpdate,\n } = useLazyInput((value) => {\n onSubmit?.(value);\n }, initialValue || '');\n\n useEffect(() => {\n if (value !== undefined) {\n update(value);\n }\n }, [update, value]);\n\n const iconElement = icon ? icon(isInverted) : null;\n const submitIconElement = submitIcon ? (\n submitIcon(isInverted)\n ) : (\n <Magnifier width={20} height={20} />\n );\n const clearIconElement = clearIcon ? (\n clearIcon(isInverted)\n ) : (\n <Cross width={20} height={20} />\n );\n\n return (\n <View isInverted={isInverted} className={className}>\n {iconElement && <Icon>{iconElement}</Icon>}\n <Field\n type=\"text\"\n isInverted={isInverted}\n value={getValue}\n placeholder={placeholder}\n onChange={(ev) => {\n const newValue = ev?.currentTarget?.value;\n if (newValue !== undefined) {\n update(newValue, newValue === '');\n }\n }}\n onBlur={onBlur}\n onKeyDown={(ev) => {\n if (ev.key === 'Enter') {\n forceUpdate();\n }\n }}\n />\n {getValue === '' && submitIconElement && (\n <Icon>{submitIconElement}</Icon>\n )}\n {getValue !== '' && clearIconElement && (\n <ClearBtn\n isInverted={isInverted}\n aria-label=\"clear filter\"\n onClick={() => {\n update('', true);\n }}\n >\n {clearIconElement}\n </ClearBtn>\n )}\n </View>\n );\n};\n\nexport default FilterField;\n"],"names":["View","styled","div","withConfig","displayName","componentId","_a","theme","isInverted","color","elementBg","light","dark","global","sections","edgeRadius","font","getFonts","copy","medium","colorInverted","primary","inverted","default","Field","input","templateObject_2","__makeTemplateObject","copyStyle","spacings","nudge","text","subtileInverted","subtile","Icon","templateObject_3","ClearBtn","button","value","initialValue","placeholder","onSubmit","onBlur","icon","submitIcon","clearIcon","className","_b","useLazyInput","update","getValue","forceUpdate","useEffect","undefined","iconElement","submitIconElement","React","createElement","Magnifier","width","height","clearIconElement","Cross","type","onChange","ev","newValue","currentTarget","onKeyDown","key","onClick"],"mappings":"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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("./Filter-89286db9.js"),n=require("react"),t=require("styled-components"),r=require("./Copy-a0bc570d.js"),i=require("./LibThemeProvider-69109901.js"),o=require("./styles-13e5d9ac.js"),l=require("./formFieldText-046fcbf4.js"),a=require("./useMounted-0bba9869.js"),s=require("./Checkbox-8dccd42f.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u,c,p,f,m,g,b,h,x,w,v=d(n),y=d(t),_=y.default.button.withConfig({displayName:"MultiselectDropdown__Select",componentId:"sc-rrwdl0-0"})(u||(u=e.__makeTemplateObject(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n min-height: 45px;\n box-shadow: none;\n position: relative;\n\n -webkit-appearance: none;\n outline: none;\n cursor: ",";\n\n padding: ","px;\n\n border: 1px solid\n ",";\n border-radius: ",";\n\n background: transparent;\n\n ","\n /** Clamping min font size to 16px to prevent browser zooming */\n ","\n \n color: ",";\n line-height: normal;\n\n &:focus {\n outline: ",";\n outline-offset: 0;\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n }\n\n & > * + * {\n margin-left: ","px;\n }\n"],["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n min-height: 45px;\n box-shadow: none;\n position: relative;\n\n -webkit-appearance: none;\n outline: none;\n cursor: ",";\n\n padding: ","px;\n\n border: 1px solid\n ",";\n border-radius: ",";\n\n background: transparent;\n\n ","\n /** Clamping min font size to 16px to prevent browser zooming */\n ","\n \n color: ",";\n line-height: normal;\n\n &:focus {\n outline: ",";\n outline-offset: 0;\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n }\n\n & > * + * {\n margin-left: ","px;\n }\n"])),(function(e){return e.inlined?"default":"pointer"}),o.spacings.nudge,(function(e){var n=e.theme,t=e.isInverted,r=e.hasError;return t?r?o.getColors(n).errorInverted:o.getColors(n).elementBg.light:r?o.getColors(n).error:o.getColors(n).elementBg.dark}),(function(e){var n=e.theme;return o.getGlobals(n).sections.edgeRadius}),r.copyStyle("copy","small"),(function(e){var n=e.theme;return o.withRange(l.getFormFieldTextSize(n),"font-size")}),(function(e){var n=e.theme,t=e.isInverted,r=e.hasError;return t?r?o.getColors(n).text.errorInverted:o.getFonts(n).copy.small.colorInverted:r?o.getColors(n).text.error:o.getFonts(n).copy.small.color}),(function(e){var n=e.theme,t=e.isInverted,r=e.isOpen;return"1px solid ".concat(r?"transparent":t?o.getColors(n).primary.inverted:o.getColors(n).primary.default)}),o.spacings.nudge),k=y.default(r.Copy).withConfig({displayName:"MultiselectDropdown__SelectMain",componentId:"sc-rrwdl0-1"})(c||(c=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n user-select: none;\n\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n min-width: 0;\n\n & > * + * {\n margin-left: ","px;\n }\n"],["\n display: flex;\n align-items: center;\n user-select: none;\n\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n min-width: 0;\n\n & > * + * {\n margin-left: ","px;\n }\n"])),o.spacings.nudge),C=y.default.span.withConfig({displayName:"MultiselectDropdown__Indicator",componentId:"sc-rrwdl0-2"})(p||(p=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n pointer-events: none;\n\n & > * + * {\n margin-left: ","px;\n }\n"],["\n display: flex;\n align-items: center;\n pointer-events: none;\n\n & > * + * {\n margin-left: ","px;\n }\n"])),o.spacings.nudge),I=y.default.ul.withConfig({displayName:"MultiselectDropdown__Flyout",componentId:"sc-rrwdl0-3"})(f||(f=e.__makeTemplateObject(["\n list-style: none;\n padding: ","px ","px;\n margin: 0;\n margin-top: ",";\n\n position: ",";\n top: calc(100% + 3px);\n left: 0;\n width: 100%;\n z-index: 2;\n\n display: ",";\n background: ",";\n border: 1px solid\n ",";\n border-radius: ",";\n\n max-height: 300px;\n overflow-y: auto;\n scrollbar-width: none;\n\n outline: none;\n\n ::-webkit-scrollbar {\n -webkit-appearance: none;\n width: 14px;\n }\n\n ::-webkit-scrollbar-thumb {\n border-radius: 8px;\n background-color: ",";\n border: 4px solid rgba(0, 0, 0, 0);\n background-clip: padding-box;\n }\n"],["\n list-style: none;\n padding: ","px ","px;\n margin: 0;\n margin-top: ",";\n\n position: ",";\n top: calc(100% + 3px);\n left: 0;\n width: 100%;\n z-index: 2;\n\n display: ",";\n background: ",";\n border: 1px solid\n ",";\n border-radius: ",";\n\n max-height: 300px;\n overflow-y: auto;\n scrollbar-width: none;\n\n outline: none;\n\n ::-webkit-scrollbar {\n -webkit-appearance: none;\n width: 14px;\n }\n\n ::-webkit-scrollbar-thumb {\n border-radius: 8px;\n background-color: ",";\n border: 4px solid rgba(0, 0, 0, 0);\n background-clip: padding-box;\n }\n"])),o.spacings.nudge,2*o.spacings.nudge,(function(e){return e.inlined&&"3px"}),(function(e){return e.inlined?"relative":"absolute"}),(function(e){return e.isVisible?"block":"none"}),(function(e){var n=e.theme;return o.getColors(n).elementBg.light}),(function(e){var n=e.theme;return e.isInverted?o.getColors(n).elementBg.light:o.getColors(n).elementBg.dark}),(function(e){var n=e.theme;return o.getGlobals(n).sections.edgeRadius}),(function(e){var n=e.theme;return o.getColors(n).elementBg.medium})),E=y.default.li.withConfig({displayName:"MultiselectDropdown__ItemStyle",componentId:"sc-rrwdl0-4"})(m||(m=e.__makeTemplateObject(["\n width: 100%;\n cursor: pointer;\n position: relative;\n\n padding: 5px 0px;\n"],["\n width: 100%;\n cursor: pointer;\n position: relative;\n\n padding: 5px 0px;\n"]))),M=y.default(s.Checkbox).withConfig({displayName:"MultiselectDropdown__ItemCheckbox",componentId:"sc-rrwdl0-5"})(g||(g=e.__makeTemplateObject(["\n width: 100%;\n"],["\n width: 100%;\n"]))),j=y.default.div.withConfig({displayName:"MultiselectDropdown__Container",componentId:"sc-rrwdl0-6"})(b||(b=e.__makeTemplateObject(["\n position: relative;\n outline: none;\n"],["\n position: relative;\n outline: none;\n"]))),D=y.default(r.Copy).withConfig({displayName:"MultiselectDropdown__Counter",componentId:"sc-rrwdl0-7"})(h||(h=e.__makeTemplateObject(["\n flex: 0 0 20px;\n\n position: relative;\n background: ",";\n\n line-height: normal;\n color: ",";\n\n max-height: 20px;\n max-width: 20px;\n\n height: 20px;\n width: 20px;\n\n border-radius: 50px;\n\n & > * {\n position: absolute;\n top: 50%;\n left: 50%;\n\n transform: translate(-50%, -50%);\n }\n"],["\n flex: 0 0 20px;\n\n position: relative;\n background: ",";\n\n line-height: normal;\n color: ",";\n\n max-height: 20px;\n max-width: 20px;\n\n height: 20px;\n width: 20px;\n\n border-radius: 50px;\n\n & > * {\n position: absolute;\n top: 50%;\n left: 50%;\n\n transform: translate(-50%, -50%);\n }\n"])),(function(e){var n=e.theme;return o.getColors(n).text.default}),(function(e){var n=e.theme;return o.getColors(n).text.inverted})),T=y.default.button.withConfig({displayName:"MultiselectDropdown__Reset",componentId:"sc-rrwdl0-8"})(x||(x=e.__makeTemplateObject(["\n background: none;\n border: none;\n padding: 0;\n\n ",";\n margin-top: ","px;\n\n cursor: pointer;\n\n @media (hover: hover) and (pointer: fine) {\n &:hover {\n text-decoration: underline;\n }\n }\n\n &:focus {\n outline: 1px dashed ",";\n outline-offset: 1px;\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n }\n"],["\n background: none;\n border: none;\n padding: 0;\n\n ",";\n margin-top: ","px;\n\n cursor: pointer;\n\n @media (hover: hover) and (pointer: fine) {\n &:hover {\n text-decoration: underline;\n }\n }\n\n &:focus {\n outline: 1px dashed ",";\n outline-offset: 1px;\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n }\n"])),r.copyStyle("copy","small"),2*o.spacings.nudge,(function(e){var n=e.theme;return o.getFonts(n).link.color})),O=y.default.div.withConfig({displayName:"MultiselectDropdown__Icon",componentId:"sc-rrwdl0-9"})(w||(w=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n padding-left: ","px;\n color: inherit;\n\n transition: transform 0.2s ease-in-out;\n"],["\n display: flex;\n align-items: center;\n padding-left: ","px;\n color: inherit;\n\n transition: transform 0.2s ease-in-out;\n"])),o.spacings.nudge),B=v.default.memo((function(t){var r=t.label,o=t.isRequired,s=t.errorMessage,d=t.infoMessage,u=t.isDisabled,c=t.isInverted,p=t.items,f=t.name,m=t.selectedItems,g=t.placeholder,b=t.resetLabel,h=t.inlined,x=t.icon,w=t.onChange,y=t.onBlur,B=t.indicator,F=t.className,N=i.useLibTheme().colors,q=n.useState(h||!1),z=q[0],R=q[1],S=n.useState(m||[]),L=S[0],A=S[1],V=n.useRef(null),W=n.useRef(null),G=a.useMounted(),H=n.useRef(!1);n.useEffect((function(){m&&A(m)}),[m]),n.useEffect((function(){G&&(null==w||w(L))}),[L]),u&&(s="");var P=null==x?void 0:x(c);return v.default.createElement(l.FieldWrapper.View,{isDisabled:u,className:F},v.default.createElement(l.FieldWrapper.Head,{label:r,isRequired:o,isInverted:c}),v.default.createElement(l.FieldWrapper.Content,null,v.default.createElement(j,{ref:W,onBlur:function(e){var n;h||(null===(n=W.current)||void 0===n?void 0:n.contains(e.relatedTarget))||H.current||(R(!1),null==y||y())}},v.default.createElement(_,{ref:V,type:"button",isOpen:z,inlined:h,isInverted:c,hasError:!!s,onClick:function(){h||R((function(e){return!e}))},"aria-expanded":z},v.default.createElement(k,null,P&&v.default.createElement(O,null,P),v.default.createElement("span",null,g)),v.default.createElement(C,null,v.default.createElement(D,{size:"small"},v.default.createElement("span",null,L.length)),B&&B({isOpen:z,isDisabled:u}),!B&&(z?v.default.createElement(e.AngleUp,{iconColor:u?N.elementBg.medium:N.elementBg.dark}):v.default.createElement(e.AngleDown,{iconColor:u?N.elementBg.medium:N.elementBg.dark})))),v.default.createElement(I,{isVisible:z,inlined:h},p.map((function(n,t){var r=L.includes(n.value);return v.default.createElement(E,{key:"key_".concat(t+1),onMouseDown:function(){H.current=!0}},v.default.createElement(M,{isSelected:r,value:n.value,onChange:function(){var t;t=n.value,L.includes(t)?A((function(e){return e.filter((function(e){return e!==t}))})):A((function(n){return e.__spreadArray(e.__spreadArray([],n,!0),[t],!1)})),H.current=!1},label:n.label}))})),b&&v.default.createElement(T,{onClick:function(){return A([])}},b))),v.default.createElement("select",{name:f,multiple:!0,hidden:!0,defaultValue:L},p.map((function(e,n){return v.default.createElement("option",{key:"key_".concat(n),value:e.value},e.label)})))),v.default.createElement(l.FieldWrapper.Messages,{infoMessage:d,errorMessage:s,isInverted:c}))}),(function(e,n){if(!e.enableMemo)return!1;if(e.selectedItems!==n.selectedItems)return!1;if(e.errorMessage!==n.errorMessage)return!1;if(e.infoMessage!==n.infoMessage)return!1;if(e.label!==n.label)return!1;if(e.placeholder!==n.placeholder)return!1;if(e.resetLabel!==n.resetLabel)return!1;if(e.isInverted!==n.isInverted)return!1;if(e.isDisabled!==n.isDisabled)return!1;if(e.inlined!==n.inlined)return!1;if(e.items.length!==n.items.length)return!1;for(var t=0;t<e.items.length;t++)if(e.items[t].label!==n.items[t].label||e.items[t].value!==n.items[t].value)return!1;return!0}));exports.MultiselectDropdown=B;
|
|
2
|
-
//# sourceMappingURL=MultiselectDropdown-a16ea1c9.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MultiselectDropdown-a16ea1c9.js","sources":["../src/components/fields/MultiselectDropdown.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport styled from 'styled-components';\n\nimport AngleDown from 'components/base/icons/AngleDown';\nimport AngleUp from 'components/base/icons/AngleUp';\nimport Copy, { copyStyle } from 'components/typography/Copy';\nimport { useLibTheme } from 'utils/LibThemeProvider';\nimport {\n getColors as color,\n getFonts as font,\n spacings,\n getGlobals as global,\n withRange,\n} from 'utils/styles';\nimport FieldWrapper from './FormField';\nimport { FormProps } from './Textfield';\nimport { getFormFieldTextSize } from 'utils/formFieldText';\nimport useMounted from 'utils/useMounted';\nimport Checkbox from './Checkbox';\n\nconst Select = styled.button<{\n hasError?: boolean;\n isOpen?: boolean;\n isInverted?: boolean;\n inlined?: boolean;\n}>`\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n min-height: 45px;\n box-shadow: none;\n position: relative;\n\n -webkit-appearance: none;\n outline: none;\n cursor: ${({ inlined }) => (inlined ? 'default' : 'pointer')};\n\n padding: ${spacings.nudge}px;\n\n border: 1px solid\n ${({ theme, isInverted, hasError }) => {\n if (isInverted) {\n return hasError\n ? color(theme).errorInverted\n : color(theme).elementBg.light;\n }\n return hasError ? color(theme).error : color(theme).elementBg.dark;\n }};\n border-radius: ${({ theme }) => global(theme).sections.edgeRadius};\n\n background: transparent;\n\n ${copyStyle('copy', 'small')}\n /** Clamping min font size to 16px to prevent browser zooming */\n ${({ theme }) => withRange(getFormFieldTextSize(theme), 'font-size')}\n \n color: ${({ theme, isInverted, hasError }) => {\n if (isInverted) {\n return hasError\n ? color(theme).text.errorInverted\n : font(theme).copy.small.colorInverted;\n }\n return hasError\n ? color(theme).text.error\n : font(theme).copy.small.color;\n }};\n line-height: normal;\n\n &:focus {\n outline: ${({ theme, isInverted, isOpen }) =>\n `1px solid ${\n isOpen\n ? 'transparent'\n : isInverted\n ? color(theme).primary.inverted\n : color(theme).primary.default\n }`};\n outline-offset: 0;\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n }\n\n & > * + * {\n margin-left: ${spacings.nudge}px;\n }\n`;\n\nconst SelectMain = styled(Copy)`\n display: flex;\n align-items: center;\n user-select: none;\n\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n min-width: 0;\n\n & > * + * {\n margin-left: ${spacings.nudge}px;\n }\n`;\n\nconst Indicator = styled.span`\n display: flex;\n align-items: center;\n pointer-events: none;\n\n & > * + * {\n margin-left: ${spacings.nudge}px;\n }\n`;\n\nconst Flyout = styled.ul<{\n isVisible?: boolean;\n isInverted?: boolean;\n inlined?: boolean;\n}>`\n list-style: none;\n padding: ${spacings.nudge}px ${spacings.nudge * 2}px;\n margin: 0;\n margin-top: ${({ inlined }) => inlined && '3px'};\n\n position: ${({ inlined }) => (inlined ? 'relative' : 'absolute')};\n top: calc(100% + 3px);\n left: 0;\n width: 100%;\n z-index: 2;\n\n display: ${({ isVisible }) => (isVisible ? 'block' : 'none')};\n background: ${({ theme }) => color(theme).elementBg.light};\n border: 1px solid\n ${({ theme, isInverted }) =>\n isInverted\n ? color(theme).elementBg.light\n : color(theme).elementBg.dark};\n border-radius: ${({ theme }) => global(theme).sections.edgeRadius};\n\n max-height: 300px;\n overflow-y: auto;\n scrollbar-width: none;\n\n outline: none;\n\n ::-webkit-scrollbar {\n -webkit-appearance: none;\n width: 14px;\n }\n\n ::-webkit-scrollbar-thumb {\n border-radius: 8px;\n background-color: ${({ theme }) => color(theme).elementBg.medium};\n border: 4px solid rgba(0, 0, 0, 0);\n background-clip: padding-box;\n }\n`;\n\nconst ItemStyle = styled.li`\n width: 100%;\n cursor: pointer;\n position: relative;\n\n padding: 5px 0px;\n`;\n\nconst ItemCheckbox = styled(Checkbox)`\n width: 100%;\n`;\n\nconst Container = styled.div`\n position: relative;\n outline: none;\n`;\n\nconst Counter = styled(Copy)`\n flex: 0 0 20px;\n\n position: relative;\n background: ${({ theme }) => color(theme).text.default};\n\n line-height: normal;\n color: ${({ theme }) => color(theme).text.inverted};\n\n max-height: 20px;\n max-width: 20px;\n\n height: 20px;\n width: 20px;\n\n border-radius: 50px;\n\n & > * {\n position: absolute;\n top: 50%;\n left: 50%;\n\n transform: translate(-50%, -50%);\n }\n`;\n\nconst Reset = styled.button`\n background: none;\n border: none;\n padding: 0;\n\n ${copyStyle('copy', 'small')};\n margin-top: ${spacings.nudge * 2}px;\n\n cursor: pointer;\n\n @media (hover: hover) and (pointer: fine) {\n &:hover {\n text-decoration: underline;\n }\n }\n\n &:focus {\n outline: 1px dashed ${({ theme }) => font(theme).link.color};\n outline-offset: 1px;\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n }\n`;\nconst Icon = styled.div`\n display: flex;\n align-items: center;\n padding-left: ${spacings.nudge}px;\n color: inherit;\n\n transition: transform 0.2s ease-in-out;\n`;\n\ninterface FilterItem {\n value: string;\n label: string;\n}\n\nexport type MultiselectDropdownProps = Omit<FormProps, 'value'> & {\n enableMemo?: boolean;\n inlined?: boolean;\n placeholder?: string;\n name?: string;\n selectedItems?: string[];\n items: FilterItem[];\n resetLabel?: string;\n\n onChange?: (values: string[]) => void;\n onBlur?: () => void;\n icon?: (isInverted?: boolean) => React.ReactNode;\n indicator?: (props: {\n isOpen: boolean;\n isDisabled?: boolean;\n }) => React.ReactNode;\n};\n\nconst MultiselectDropdown: React.FC<\n MultiselectDropdownProps & { className?: string }\n> = ({\n label,\n isRequired,\n errorMessage,\n infoMessage,\n isDisabled,\n isInverted,\n items,\n name,\n selectedItems,\n placeholder,\n resetLabel,\n inlined,\n icon,\n onChange,\n onBlur,\n indicator,\n className,\n}) => {\n const { colors } = useLibTheme();\n const [isOpen, setIsOpen] = useState(inlined || false);\n const [selected, setSelected] = useState<string[]>(selectedItems || []);\n\n const selectBtnRef = useRef<HTMLButtonElement>(null);\n const selectContainerRef = useRef<HTMLDivElement>(null);\n const isMounted = useMounted();\n const itemHasBeenClicked = useRef<boolean>(false);\n\n useEffect(() => {\n if (selectedItems) {\n setSelected(selectedItems);\n }\n }, [selectedItems]);\n\n useEffect(() => {\n if (isMounted) {\n onChange?.(selected);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [selected]);\n\n if (isDisabled) {\n errorMessage = '';\n }\n\n const toggleSelected = (value: string) => {\n if (selected.includes(value)) {\n setSelected((prev) => prev.filter((v) => v !== value));\n return;\n }\n\n setSelected((prev) => [...prev, value]);\n };\n\n const iconElement = icon?.(isInverted);\n\n return (\n <FieldWrapper.View isDisabled={isDisabled} className={className}>\n <FieldWrapper.Head\n label={label}\n isRequired={isRequired}\n isInverted={isInverted}\n />\n <FieldWrapper.Content>\n <Container\n ref={selectContainerRef}\n onBlur={(ev) => {\n if (\n !inlined &&\n !selectContainerRef.current?.contains(\n ev.relatedTarget\n ) &&\n !itemHasBeenClicked.current\n ) {\n setIsOpen(false);\n onBlur?.();\n }\n }}\n >\n <Select\n ref={selectBtnRef}\n type=\"button\"\n isOpen={isOpen}\n inlined={inlined}\n isInverted={isInverted}\n hasError={!!errorMessage}\n onClick={() => {\n if (inlined) return;\n setIsOpen((prev) => !prev);\n }}\n aria-expanded={isOpen}\n >\n <SelectMain>\n {iconElement && <Icon>{iconElement}</Icon>}\n <span>{placeholder}</span>\n </SelectMain>\n <Indicator>\n <Counter size=\"small\">\n <span>{selected.length}</span>\n </Counter>\n {indicator &&\n indicator({ isOpen, isDisabled: isDisabled })}\n {!indicator &&\n (isOpen ? (\n <AngleUp\n iconColor={\n isDisabled\n ? colors.elementBg.medium\n : colors.elementBg.dark\n }\n />\n ) : (\n <AngleDown\n iconColor={\n isDisabled\n ? colors.elementBg.medium\n : colors.elementBg.dark\n }\n />\n ))}\n </Indicator>\n </Select>\n <Flyout isVisible={isOpen} inlined={inlined}>\n {items.map((item, i) => {\n const isSelected = selected.includes(item.value);\n\n return (\n <ItemStyle\n key={`key_${i + 1}`}\n onMouseDown={() => {\n itemHasBeenClicked.current = true;\n }}\n >\n <ItemCheckbox\n isSelected={isSelected}\n value={item.value}\n onChange={() => {\n toggleSelected(item.value);\n itemHasBeenClicked.current = false;\n }}\n label={item.label}\n />\n </ItemStyle>\n );\n })}\n {resetLabel && (\n <Reset onClick={() => setSelected([])}>\n {resetLabel}\n </Reset>\n )}\n </Flyout>\n </Container>\n <select name={name} multiple hidden defaultValue={selected}>\n {items.map((item, i) => {\n return (\n <option key={`key_${i}`} value={item.value}>\n {item.label}\n </option>\n );\n })}\n </select>\n </FieldWrapper.Content>\n <FieldWrapper.Messages\n infoMessage={infoMessage}\n errorMessage={errorMessage}\n isInverted={isInverted}\n />\n </FieldWrapper.View>\n );\n};\n\n/**\n * Function to compare both field prop states\n * @param prev Previous props\n * @param next Next props\n * @returns\n */\nconst areEqual = (\n prev: MultiselectDropdownProps,\n next: MultiselectDropdownProps\n) => {\n // only apply logic if memo functionality is enabled\n if (!prev.enableMemo) return false;\n\n if (prev.selectedItems !== next.selectedItems) return false;\n if (prev.errorMessage !== next.errorMessage) return false;\n if (prev.infoMessage !== next.infoMessage) return false;\n if (prev.label !== next.label) return false;\n if (prev.placeholder !== next.placeholder) return false;\n if (prev.resetLabel !== next.resetLabel) return false;\n if (prev.isInverted !== next.isInverted) return false;\n if (prev.isDisabled !== next.isDisabled) return false;\n if (prev.inlined !== next.inlined) return false;\n\n // compare items\n if (prev.items.length !== next.items.length) return false;\n for (let i = 0; i < prev.items.length; i++) {\n if (\n prev.items[i].label !== next.items[i].label ||\n prev.items[i].value !== next.items[i].value\n ) {\n return false;\n }\n }\n\n return true;\n};\n\nexport default React.memo(MultiselectDropdown, areEqual);\n"],"names":["Select","styled","button","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","_a","inlined","spacings","nudge","theme","isInverted","hasError","color","errorInverted","elementBg","light","error","dark","global","sections","edgeRadius","copyStyle","withRange","getFormFieldTextSize","text","font","getFonts","copy","small","colorInverted","isOpen","primary","inverted","getColors","default","SelectMain","Copy","templateObject_2","Indicator","span","templateObject_3","Flyout","ul","isVisible","medium","ItemStyle","li","templateObject_5","ItemCheckbox","Checkbox","templateObject_6","Container","div","templateObject_7","Counter","templateObject_8","Reset","templateObject_9","link","Icon","templateObject_10","React","memo","label","isRequired","errorMessage","infoMessage","isDisabled","items","name","selectedItems","placeholder","resetLabel","icon","onChange","onBlur","indicator","className","colors","useLibTheme","_b","useState","setIsOpen","_c","selected","setSelected","selectBtnRef","useRef","selectContainerRef","isMounted","useMounted","itemHasBeenClicked","useEffect","iconElement","createElement","FieldWrapper","View","Head","Content","ref","ev","current","contains","relatedTarget","type","onClick","prev","size","length","AngleUp","iconColor","AngleDown","map","item","i","isSelected","includes","value","key","concat","onMouseDown","filter","v","__spreadArray","multiple","hidden","defaultValue","Messages","next","enableMemo"],"mappings":"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"}
|
package/cjs/Pointer-331140b6.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var n=require("./Filter-89286db9.js"),e=require("react"),t=require("styled-components"),o=require("./styles-13e5d9ac.js");function i(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}function r(n){if(n&&n.__esModule)return n;var e=Object.create(null);return n&&Object.keys(n).forEach((function(t){if("default"!==t){var o=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(e,t,o.get?o:{enumerable:!0,get:function(){return n[t]}})}})),e.default=n,Object.freeze(e)}var a=r(e),l=i(t),c=l.default.a.withConfig({displayName:"Pointer__View",componentId:"sc-1jne5k6-0"})(d||(d=n.__makeTemplateObject(["\n padding: 0.2em 0;\n\n display: inline-block;\n display: inline-flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: center;\n align-items: center;\n vertical-align: middle;\n\n font-family: ",";\n ","\n font-weight: ",";\n text-align: center;\n text-decoration: ",";\n line-height: 1;\n letter-spacing: ",";\n\n perspective: 1000;\n -webkit-font-smoothing: subpixel-antialiased;\n -webkit-perspective: 1000;\n -moz-osx-font-smoothing: grayscale;\n will-change: auto;\n\n outline-color: ",";\n border: none;\n cursor: pointer;\n\n pointer-events: ",";\n\n background: none;\n color: ",";\n\n & > * {\n color: ",";\n }\n\n & > * + * {\n margin-left: ","px;\n }\n\n & > :not(:last-child) {\n padding-right: ","px;\n }\n\n @media (hover: hover) and (pointer: fine) {\n &:hover {\n opacity: 0.6;\n }\n }\n\n &:focus {\n outline: 2px solid ",";\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n }\n\n &:active {\n opacity: 0.6;\n }\n"],["\n padding: 0.2em 0;\n\n display: inline-block;\n display: inline-flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: center;\n align-items: center;\n vertical-align: middle;\n\n font-family: ",";\n ","\n font-weight: ",";\n text-align: center;\n text-decoration: ",";\n line-height: 1;\n letter-spacing: ",";\n\n perspective: 1000;\n -webkit-font-smoothing: subpixel-antialiased;\n -webkit-perspective: 1000;\n -moz-osx-font-smoothing: grayscale;\n will-change: auto;\n\n outline-color: ",";\n border: none;\n cursor: pointer;\n\n pointer-events: ",";\n\n background: none;\n color: ",";\n\n & > * {\n color: ",";\n }\n\n & > * + * {\n margin-left: ","px;\n }\n\n & > :not(:last-child) {\n padding-right: ","px;\n }\n\n @media (hover: hover) and (pointer: fine) {\n &:hover {\n opacity: 0.6;\n }\n }\n\n &:focus {\n outline: 2px solid ",";\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n }\n\n &:active {\n opacity: 0.6;\n }\n"])),(function(n){var e=n.theme;return o.getFonts(e).copy.medium.family}),(function(n){var e=n.theme;return o.withRange(o.getFonts(e).copy.medium.size,"font-size")}),(function(n){var e=n.theme;return o.getFonts(e).copy.medium.weight}),(function(n){var e=n.textDecoration;return e||"underline"}),(function(n){var e=n.theme;return o.getFonts(e).copy.medium.letterSpacing}),(function(n){var e=n.theme;return n.inverted?o.getColors(e).primary.inverted:o.getColors(e).primary.default}),(function(n){return n.disable?"none":"all"}),(function(n){var e=n.theme,t=n.inverted;return n.disable?o.getColors(e).elementBg.medium:t?o.getColors(e).text.copyInverted:o.getColors(e).text.copy}),(function(n){var e=n.theme,t=n.inverted;return n.disable?o.getColors(e).elementBg.medium:t?o.getColors(e).text.copyInverted:o.getColors(e).text.copy}),o.spacings.nudge,o.spacings.nudge,(function(n){var e=n.theme;return o.getColors(e).primary.default})),s=a.forwardRef((function(e,t){var o=e.as,i=e.isInverted,r=e.isDisabled,l=e.onClick,s=e.className,d=e.textDecoration,u=e.children,f=n.__rest(e,["as","isInverted","isDisabled","onClick","className","textDecoration","children"]);return"button"===o?a.createElement(c,n.__assign({textDecoration:d,ref:t,as:o,inverted:i,disable:r,onClick:l,className:s},f),u):a.createElement(c,n.__assign({textDecoration:d,ref:t,as:o,href:f.href,"data-disabled":r,"data-inverted":i,target:f.isExternal?"_blank":void 0,rel:f.isExternal?"noopener noreferrer":void 0,inverted:i,disable:r,onClick:l,className:s},f),u)}));s.displayName="Button";var d,u,f,p=l.default.div.withConfig({displayName:"Pointer__Icon",componentId:"sc-1jne5k6-1"})(u||(u=n.__makeTemplateObject(["\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n\n color: ",";\n\n transition: transform 0.2s ease-in-out;\n\n ","[data-inverted='true'] > & {\n color: ",";\n }\n\n ","[data-disabled='true'] > & {\n color: ",";\n }\n\n ",":hover > & {\n transform: translateX(3px);\n }\n"],["\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n\n color: ",";\n\n transition: transform 0.2s ease-in-out;\n\n ","[data-inverted='true'] > & {\n color: ",";\n }\n\n ","[data-disabled='true'] > & {\n color: ",";\n }\n\n ",":hover > & {\n transform: translateX(3px);\n }\n"])),(function(n){var e=n.theme;return n.iconColor||o.getColors(e).text.copy}),c,(function(n){var e=n.theme;return n.iconColor||o.getColors(e).text.copyInverted}),c,(function(n){var e=n.theme;return n.iconColor||o.getColors(e).elementBg.medium}),c),m={View:s,Label:l.default.span.withConfig({displayName:"Pointer__Label",componentId:"sc-1jne5k6-2"})(f||(f=n.__makeTemplateObject(["\n display: inline-block;\n"],["\n display: inline-block;\n"]))),Icon:p};exports.Pointer=m;
|
|
2
|
-
//# sourceMappingURL=Pointer-331140b6.js.map
|