@popsure/dirty-swan 0.58.6 → 0.59.0-alpha

package/dist/esm/components/accordion/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/lib/components/accordion/index.tsx"],"sourcesContent":["import classnamesUtil from 'classnames';\nimport { ReactNode, useCallback, useState } from 'react';\nimport AnimateHeight from 'react-animate-height';\n\nimport styles from './style.module.scss';\nimport { ChevronDownIcon } from '../icon';\nimport { Card } from '../cards/card';\n\nexport interface AccordionItem {\n  id: string;\n  question: string;\n  icon?: ReactNode;\n  answer: ReactNode;\n}\n\nexport interface AccordionProps {\n  items: AccordionItem[];\n  classNames?: {\n    questionWrapper?: string;\n    buttonWrapper?: string;\n    wrapper?: string;\n    question?: string;\n    answer?: string;\n    icon?: string;\n    markdown?: string;\n  };\n  multiple?: boolean;\n  onClick?: (item: AccordionItem) => void;\n  variant?: 'default' | 'bordered';\n  renderAnswer?: (answer: ReactNode) => ReactNode;\n};\n\nconst Accordion = ({\n  items = [],\n  classNames = {},\n  variant = 'default',\n  multiple = false,\n  onClick,\n  renderAnswer,\n}: AccordionProps) => {\n  const [selectedQuestionId, setSelectedQuestionId] = useState<(string[])>([]);\n  const isDefaultVariant = variant === 'default';\n\n  const handleClick = useCallback((questionData:  AccordionItem) => {\n    const { id } = questionData;\n    if (selectedQuestionId.includes(id)) {\n      if (!multiple) {\n        setSelectedQuestionId([]);\n        return\n      }\n\n      setSelectedQuestionId((selectedItems) => \n        selectedItems.filter((selectedId) => selectedId !== id)\n      );\n    } else {\n      onClick?.(questionData);\n      setSelectedQuestionId((selectedIds) => [\n        id, ...multiple ? selectedIds : [],\n      ]);\n    }\n  }, [multiple, onClick, selectedQuestionId]);\n\n  return (\n    <div\n      className={\n        classnamesUtil(\n          {\n            'br8': !isDefaultVariant,\n            [styles.wrapperBordered]: !isDefaultVariant,\n          }\n        )\n      }\n    >\n      {items.map((questionData) => {\n        const { question, answer, id, icon } = questionData;\n        const isOpen = selectedQuestionId.includes(id);\n\n        return (\n          <div\n            key={id}\n            className={classnamesUtil(\n              classNames?.questionWrapper,\n              styles.container,\n              { [styles.containerBordered]: !isDefaultVariant }\n            )}\n          >\n            <Card\n              title={question}\n              titleVariant=\"small\"\n              density='compact'\n              icon={icon}\n              classNames={{\n                icon: classnamesUtil(\n                  classNames?.icon,\n                  styles.icon,\n                  'tc-grey-700',\n                ),\n                buttonWrapper: classnamesUtil(\n                  'py8 my8',\n                  classNames?.buttonWrapper,\n                  styles.buttonWrapper, {\n                    [styles.buttonWrapperDefault]: isDefaultVariant,\n                  },\n                ),\n                wrapper: classnamesUtil(\n                  classNames?.wrapper,\n                'bg-transparent br0 py0',\n                  { 'pl0': isDefaultVariant },\n                ),\n                title: classnamesUtil(\n                  classNames?.question,\n                  styles.question,\n                  { [styles.questionOpen]: isOpen }\n                ),\n                ...classNames,\n              }}\n              dropShadow={false}\n              onClick={() => handleClick(questionData)}\n              aria-expanded={isOpen}\n              actionIcon={\n                <ChevronDownIcon\n                  className={classnamesUtil(styles.chevron, {\n                    [styles.chevronOpen]: isOpen\n                  })}\n                  size={20}\n                  noMargin\n                />\n              }\n            />\n\n            <AnimateHeight\n              duration={300}\n              height={isOpen ? 'auto' : 0}\n            >\n              <div \n                className={classnamesUtil(\n                  classNames?.answer,\n                  'tc-grey-600 pr16 pb24', \n                  { \n                    'pl16': !isDefaultVariant,\n                    [styles?.answerIcon]: !isDefaultVariant && icon,\n                    [styles?.answerIconDefault]: isDefaultVariant && icon,\n                  },\n                )}\n              >\n                  {renderAnswer ? renderAnswer(answer) : answer}\n              </div>\n            </AnimateHeight>\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n\nexport { Accordion };"],"names":["classNames","_jsx","classnamesUtil","_jsxs"],"mappings":";;;;;;;;;;;;;;;IAgCM,SAAS,GAAG,UAAC,EAOF;;QANf,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EACV,kBAAe,EAAfA,YAAU,mBAAG,EAAE,KAAA,EACf,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA,EACnB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,OAAO,aAAA,EACP,YAAY,kBAAA;IAEN,IAAA,KAA8C,QAAQ,CAAa,EAAE,CAAC,EAArE,kBAAkB,QAAA,EAAE,qBAAqB,QAA4B,CAAC;IAC7E,IAAM,gBAAgB,GAAG,OAAO,KAAK,SAAS,CAAC;IAE/C,IAAM,WAAW,GAAG,WAAW,CAAC,UAAC,YAA4B;QACnD,IAAA,EAAE,GAAK,YAAY,GAAjB,CAAkB;QAC5B,IAAI,kBAAkB,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE;YACnC,IAAI,CAAC,QAAQ,EAAE;gBACb,qBAAqB,CAAC,EAAE,CAAC,CAAC;gBAC1B,OAAM;aACP;YAED,qBAAqB,CAAC,UAAC,aAAa;gBAClC,OAAA,aAAa,CAAC,MAAM,CAAC,UAAC,UAAU,IAAK,OAAA,UAAU,KAAK,EAAE,GAAA,CAAC;aAAA,CACxD,CAAC;SACH;aAAM;YACL,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,YAAY,CAAC,CAAC;YACxB,qBAAqB,CAAC,UAAC,WAAW,IAAK;gBACrC,EAAE;eAAK,QAAQ,GAAG,WAAW,GAAG,EAAE,UACnC,CAAC,CAAC;SACJ;KACF,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAE5C,QACEC,aACE,SAAS,EACPC,UAAc;gBAEV,KAAK,EAAE,CAAC,gBAAgB;;YACxB,GAAC,MAAM,CAAC,eAAe,IAAG,CAAC,gBAAgB;gBAE9C,YAGF,KAAK,CAAC,GAAG,CAAC,UAAC,YAAY;;YACd,IAAA,QAAQ,GAAuB,YAAY,SAAnC,EAAE,MAAM,GAAe,YAAY,OAA3B,EAAE,EAAE,GAAW,YAAY,GAAvB,EAAE,IAAI,GAAK,YAAY,KAAjB,CAAkB;YACpD,IAAM,MAAM,GAAG,kBAAkB,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;YAE/C,QACEC,cAEE,SAAS,EAAED,UAAc,CACvBF,YAAU,aAAVA,YAAU,uBAAVA,YAAU,CAAE,eAAe,EAC3B,MAAM,CAAC,SAAS,YACd,GAAC,MAAM,CAAC,iBAAiB,IAAG,CAAC,gBAAgB,MAChD,aAEDC,IAAC,IAAI,IACH,KAAK,EAAE,QAAQ,EACf,YAAY,EAAC,OAAO,EACpB,OAAO,EAAC,SAAS,EACjB,IAAI,EAAE,IAAI,EACV,UAAU,aACR,IAAI,EAAEC,UAAc,CAClBF,YAAU,aAAVA,YAAU,uBAAVA,YAAU,CAAE,IAAI,EAChB,MAAM,CAAC,IAAI,EACX,aAAa,CACd,EACD,aAAa,EAAEE,UAAc,CAC3B,SAAS,EACTF,YAAU,aAAVA,YAAU,uBAAVA,YAAU,CAAE,aAAa,EACzB,MAAM,CAAC,aAAa;gCAClB,GAAC,MAAM,CAAC,oBAAoB,IAAG,gBAAgB;oCAElD,EACD,OAAO,EAAEE,UAAc,CACrBF,YAAU,aAAVA,YAAU,uBAAVA,YAAU,CAAE,OAAO,EACrB,wBAAwB,EACtB,EAAE,KAAK,EAAE,gBAAgB,EAAE,CAC5B,EACD,KAAK,EAAEE,UAAc,CACnBF,YAAU,aAAVA,YAAU,uBAAVA,YAAU,CAAE,QAAQ,EACpB,MAAM,CAAC,QAAQ,YACb,GAAC,MAAM,CAAC,YAAY,IAAG,MAAM,MAChC,IACEA,YAAU,GAEf,UAAU,EAAE,KAAK,EACjB,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,YAAY,CAAC,GAAA,mBACzB,MAAM,EACrB,UAAU,EACRC,IAAC,eAAe,IACd,SAAS,EAAEC,UAAc,CAAC,MAAM,CAAC,OAAO;gCACtC,GAAC,MAAM,CAAC,WAAW,IAAG,MAAM;oCAC5B,EACF,IAAI,EAAE,EAAE,EACR,QAAQ,SACR,GAEJ,EAEFD,IAAC,aAAa,IACZ,QAAQ,EAAE,GAAG,EACb,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,CAAC,YAE3BA,aACE,SAAS,EAAEC,UAAc,CACvBF,YAAU,aAAVA,YAAU,uBAAVA,YAAU,CAAE,MAAM,EAClB,uBAAuB;oCAErB,MAAM,EAAE,CAAC,gBAAgB;;gCACzB,GAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,IAAG,CAAC,gBAAgB,IAAI,IAAI;gCAC/C,GAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,iBAAiB,IAAG,gBAAgB,IAAI,IAAI;oCAExD,YAEE,YAAY,GAAG,YAAY,CAAC,MAAM,CAAC,GAAG,MAAM,GAC3C,GACQ,KApEX,EAAE,CAqEH,EACN;SACH,CAAC,GACE,EACN;AACJ;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/lib/components/accordion/index.tsx"],"sourcesContent":["import classnamesUtil from 'classnames';\nimport { ReactNode, useCallback, useState } from 'react';\nimport AnimateHeight from 'react-animate-height';\n\nimport styles from './style.module.scss';\nimport { ChevronDownIcon } from '../icon';\nimport { Card } from '../cards/card';\n\nexport interface AccordionItem {\n  id: string;\n  question: string;\n  icon?: ReactNode;\n  answer: ReactNode;\n}\n\nexport interface AccordionProps {\n  items: AccordionItem[];\n  classNames?: {\n    questionWrapper?: string;\n    buttonWrapper?: string;\n    wrapper?: string;\n    question?: string;\n    answer?: string;\n    icon?: string;\n    markdown?: string;\n  };\n  multiple?: boolean;\n  onClick?: (item: AccordionItem) => void;\n  variant?: 'default' | 'bordered';\n  renderAnswer?: (answer: ReactNode) => ReactNode;\n};\n\nconst Accordion = ({\n  items = [],\n  classNames = {},\n  variant = 'default',\n  multiple = false,\n  onClick,\n  renderAnswer,\n}: AccordionProps) => {\n  const [selectedQuestionId, setSelectedQuestionId] = useState<(string[])>([]);\n  const isDefaultVariant = variant === 'default';\n\n  const handleClick = useCallback((questionData:  AccordionItem) => {\n    const { id } = questionData;\n    if (selectedQuestionId.includes(id)) {\n      if (!multiple) {\n        setSelectedQuestionId([]);\n        return\n      }\n\n      setSelectedQuestionId((selectedItems) => \n        selectedItems.filter((selectedId) => selectedId !== id)\n      );\n    } else {\n      onClick?.(questionData);\n      setSelectedQuestionId((selectedIds) => [\n        id, ...multiple ? selectedIds : [],\n      ]);\n    }\n  }, [multiple, onClick, selectedQuestionId]);\n\n  return (\n    <div\n      className={\n        classnamesUtil(\n          {\n            'br8': !isDefaultVariant,\n            [styles.wrapperBordered]: !isDefaultVariant,\n          }\n        )\n      }\n    >\n      {items.map((questionData) => {\n        const { question, answer, id, icon } = questionData;\n        const isOpen = selectedQuestionId.includes(id);\n\n        return (\n          <div\n            key={id}\n            className={classnamesUtil(\n              classNames?.questionWrapper,\n              styles.container,\n              { [styles.containerBordered]: !isDefaultVariant }\n            )}\n          >\n            <Card\n              title={question}\n              titleVariant=\"small\"\n              density='compact'\n              icon={icon}\n              classNames={{\n                icon: classnamesUtil(\n                  classNames?.icon,\n                  styles.icon,\n                  'tc-neutral-800',\n                ),\n                buttonWrapper: classnamesUtil(\n                  'py8 my8',\n                  classNames?.buttonWrapper,\n                  styles.buttonWrapper, {\n                    [styles.buttonWrapperDefault]: isDefaultVariant,\n                  },\n                ),\n                wrapper: classnamesUtil(\n                  classNames?.wrapper,\n                'bg-transparent br0 py0',\n                  { 'pl0': isDefaultVariant },\n                ),\n                title: classnamesUtil(\n                  classNames?.question,\n                  styles.question,\n                  { [styles.questionOpen]: isOpen }\n                ),\n                ...classNames,\n              }}\n              dropShadow={false}\n              onClick={() => handleClick(questionData)}\n              aria-expanded={isOpen}\n              actionIcon={\n                <ChevronDownIcon\n                  className={classnamesUtil(styles.chevron, {\n                    [styles.chevronOpen]: isOpen\n                  })}\n                  size={20}\n                  noMargin\n                />\n              }\n            />\n\n            <AnimateHeight\n              duration={300}\n              height={isOpen ? 'auto' : 0}\n            >\n              <div \n                className={classnamesUtil(\n                  classNames?.answer,\n                  'tc-neutral-700 pr16 pb24', \n                  { \n                    'pl16': !isDefaultVariant,\n                    [styles?.answerIcon]: !isDefaultVariant && icon,\n                    [styles?.answerIconDefault]: isDefaultVariant && icon,\n                  },\n                )}\n              >\n                  {renderAnswer ? renderAnswer(answer) : answer}\n              </div>\n            </AnimateHeight>\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n\nexport { Accordion };"],"names":["classNames","_jsx","classnamesUtil","_jsxs"],"mappings":"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"}

package/dist/esm/components/autocompleteAddress/index.js

@@ -44,7 +44,7 @@ var geocoderAddressComponentToPartialAddress = function (input) {
     return toReturn;
 };
 
-var css_248z = "@media (max-width: 34rem) {\n  .style-module_input-line__34TKK {\n    flex-direction: column;\n  }\n  .style-module_input-line__34TKK > *:not(:first-child) {\n    margin-top: 16px;\n  }\n}\n\n@media (max-width: 34rem) {\n  .style-module_house-number-input__1sDS5 {\n    max-width: none !important;\n  }\n}\n\n.style-module_map-container__2rzjU {\n  position: relative;\n  height: 112px;\n  margin-bottom: 16px;\n  border-radius: 8px;\n  transition: 0.3s height ease-in-out, 0.3s margin-top ease-in-out;\n  overflow: hidden;\n}\n.style-module_map-container--hidden__2AnYR {\n  height: 0;\n  margin: 0;\n}\n\n@keyframes style-module_appear-in__3HZHT {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n.style-module_appear-in-animate__1bJyO {\n  animation-name: style-module_appear-in__3HZHT;\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n}\n\n.style-module_loading-spinner__3-nri {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute !important;\n  background-color: rgba(142, 140, 238, 0.25);\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  z-index: 100;\n  animation-name: style-module_appear-in__3HZHT;\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n}\n\n.style-module_map__1Vtps {\n  width: 100%;\n  height: 100%;\n}";
+var css_248z = "@media (max-width: 34rem) {\n  .style-module_input-line__34TKK {\n    flex-direction: column;\n  }\n  .style-module_input-line__34TKK > *:not(:first-child) {\n    margin-top: 16px;\n  }\n}\n\n@media (max-width: 34rem) {\n  .style-module_house-number-input__1sDS5 {\n    max-width: none !important;\n  }\n}\n\n.style-module_map-container__2rzjU {\n  position: relative;\n  height: 112px;\n  margin-bottom: 16px;\n  border-radius: 8px;\n  transition: 0.3s height ease-in-out, 0.3s margin-top ease-in-out;\n  overflow: hidden;\n}\n.style-module_map-container--hidden__2AnYR {\n  height: 0;\n  margin: 0;\n}\n\n@keyframes style-module_appear-in__3HZHT {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n.style-module_appear-in-animate__1bJyO {\n  animation-name: style-module_appear-in__3HZHT;\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n}\n\n.style-module_loading-spinner__3-nri {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute !important;\n  background-color: rgba(136, 131, 216, 0.25);\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  z-index: 100;\n  animation-name: style-module_appear-in__3HZHT;\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n}\n\n.style-module_map__1Vtps {\n  width: 100%;\n  height: 100%;\n}";
 var styles = {"input-line":"style-module_input-line__34TKK","house-number-input":"style-module_house-number-input__1sDS5","map-container":"style-module_map-container__2rzjU","map-container--hidden":"style-module_map-container--hidden__2AnYR","appear-in-animate":"style-module_appear-in-animate__1bJyO","appear-in":"style-module_appear-in__3HZHT","loading-spinner":"style-module_loading-spinner__3-nri","map":"style-module_map__1Vtps"};
 styleInject(css_248z);
 
@@ -180,7 +180,7 @@ var AutocompleteAddress = function (_a) {
             }
         };
     };
-    return (jsxs(Fragment, { children: [jsxs("div", { className: classNames("wmx8 bg-grey-500 ".concat(styles['map-container']), (_b = {},
+    return (jsxs(Fragment, { children: [jsxs("div", { className: classNames("wmx8 bg-neutral-600 ".concat(styles['map-container']), (_b = {},
                     _b[styles['map-container--hidden']] = place === null,
                     _b)), children: [jsx("div", { className: styles.map, id: "map", "aria-hidden": "true" }), isLoading && (jsx("div", { className: styles['loading-spinner'], children: jsx("div", { className: "ds-spinner ds-spinner__m" }) }))] }), jsx("div", { className: "wmx8", children: manualAddressEntry === false ? (jsxs("div", { style: { position: 'relative' }, children: [jsx(Input, { className: "w100", id: "autocomplete", "data-cy": "autocomplete", type: "text", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.manualAddressEntry) || 'Search for address', ref: autocompleteElement }, "autocomplete-search"), hasLoadedGoogleAPI === false && (jsx("div", { "data-cy": "google-api-loader", className: styles['loading-spinner'], children: jsx("div", { className: "ds-spinner ds-spinner__m" }) }))] })) : (jsxs(Fragment, { children: [jsxs("div", { className: "d-flex c-gap16 ".concat(styles['input-line']), children: [jsx(Input, __assign({ className: "w100", "data-cy": "autocomplete", type: "text", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.street) || 'Street', value: (address === null || address === void 0 ? void 0 : address.street) || '', onChange: onManualAddressChange(), name: "street" }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.street), "autocomplete-street"), jsx(Input, __assign({ className: "wmx2 ".concat(styles['house-number-input']), "data-cy": "autocomplete-house-number", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.houseNumber) || 'House Number', value: (address === null || address === void 0 ? void 0 : address.houseNumber) || '', name: "houseNumber", onChange: onManualAddressChange() }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.houseNumber), "autocomplete-house-number")] }), jsx(Input, __assign({ className: "mt16", "data-cy": "autocomplete-additional-info", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.additionalInformation) ||
                                 'Additional information (C/O, apartment, …)', value: (address === null || address === void 0 ? void 0 : address.additionalInformation) || '', name: "additionalInformation", onChange: onManualAddressChange({ updatePlace: false }) }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.additionalInformation), "autocomplete-additional-info"), jsxs("div", { className: "d-flex mt16 c-gap16 ".concat(styles['input-line']), children: [jsx(Input, __assign({ className: "w100", "data-cy": "autocomplete-postcode", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.postcode) || 'Postcode', value: (address === null || address === void 0 ? void 0 : address.postcode) || '', name: "postcode", onChange: onManualAddressChange() }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.postcode), "autocomplete-postcode"), jsx(Input, __assign({ className: "w100", "data-cy": "autocomplete-city", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.city) || 'City', value: (address === null || address === void 0 ? void 0 : address.city) || '', name: "city", onChange: onManualAddressChange() }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.city), "autocomplete-city")] })] })) }), manualAddressEntry === false && (jsxs("div", { className: "p-p mt8", children: [(manualAddressEntryTexts === null || manualAddressEntryTexts === void 0 ? void 0 : manualAddressEntryTexts.preText) || 'Or ', jsx("button", { className: 'p-a p-p fw-bold c-pointer bg-transparent', onClick: handleEnterAddressManually, type: "button", children: (manualAddressEntryTexts === null || manualAddressEntryTexts === void 0 ? void 0 : manualAddressEntryTexts.cta) || 'enter address manually' })] }))] }));