@simplybusiness/mobius 5.20.1 → 5.22.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## 5.22.0
+
+### Minor Changes
+
+- 0fd403d: Add CoverOption and CoverOptions components (Personalised Cover Page experiment)
+
+## 5.21.0
+
+### Minor Changes
+
+- 712a195: Apply personal data identifier class name to FE components
+
 ## 5.20.1
 
 ### Patch Changes

package/dist/cjs/components/Combobox/Option.js

@@ -34,7 +34,7 @@ const Option = ({ option, isHighlighted, onOptionSelect, optionComponent: Option
         id: id,
         "aria-selected": isHighlighted,
         onMouseDown: ()=>onOptionSelect(option),
-        className: (0, _dedupe.default)("mobius-combobox__option", {
+        className: (0, _dedupe.default)("mobius-combobox__option", "has-pii", {
             "mobius-combobox__option--is-highlighted": isHighlighted
         }),
         children: OptionComponent ? /*#__PURE__*/ (0, _jsxruntime.jsx)(OptionComponent, {

package/dist/cjs/components/Combobox/Option.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Combobox/Option.tsx"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { getOptionValue, getOptionLabel } from \"./utils\";\nimport type { ComboboxOption, ComboboxOptionProps } from \"./types\";\n\nexport const Option = <T extends ComboboxOption>({\n  option,\n  isHighlighted,\n  onOptionSelect,\n  optionComponent: OptionComponent,\n  id,\n}: ComboboxOptionProps<T>) => {\n  const optionRef = useRef<HTMLLIElement>(null);\n\n  useEffect(() => {\n    if (\n      isHighlighted &&\n      optionRef.current &&\n      optionRef.current.scrollIntoView\n    ) {\n      optionRef.current.scrollIntoView({ block: \"nearest\" });\n    }\n  }, [isHighlighted]);\n\n  return (\n    <li\n      ref={optionRef}\n      role=\"option\"\n      key={getOptionValue(option)}\n      id={id}\n      aria-selected={isHighlighted}\n      onMouseDown={() => onOptionSelect(option)}\n      className={classNames(\"mobius-combobox__option\", {\n        \"mobius-combobox__option--is-highlighted\": isHighlighted,\n      })}\n    >\n      {OptionComponent ? (\n        <OptionComponent option={option} isHighlighted={isHighlighted} />\n      ) : (\n        getOptionLabel(option)\n      )}\n    </li>\n  );\n};\n"],"names":["Option","option","isHighlighted","onOptionSelect","optionComponent","OptionComponent","id","optionRef","useRef","useEffect","current","scrollIntoView","block","li","ref","role","aria-selected","onMouseDown","className","classNames","getOptionLabel","getOptionValue"],"mappings":";;;;+BAKaA;;;eAAAA;;;;uBALqB;+DACX;uBACwB;;;;;;AAGxC,MAAMA,SAAS,CAA2B,EAC/CC,MAAM,EACNC,aAAa,EACbC,cAAc,EACdC,iBAAiBC,eAAe,EAChCC,EAAE,EACqB;IACvB,MAAMC,YAAYC,IAAAA,aAAM,EAAgB;IAExCC,IAAAA,gBAAS,EAAC;QACR,IACEP,iBACAK,UAAUG,OAAO,IACjBH,UAAUG,OAAO,CAACC,cAAc,EAChC;YACAJ,UAAUG,OAAO,CAACC,cAAc,CAAC;gBAAEC,OAAO;YAAU;QACtD;IACF,GAAG;QAACV;KAAc;IAElB,qBACE,qBAACW;QACCC,KAAKP;QACLQ,MAAK;QAELT,IAAIA;QACJU,iBAAed;QACfe,aAAa,IAAMd,eAAeF;QAClCiB,WAAWC,IAAAA,eAAU,EAAC,2BAA2B;YAC/C,2CAA2CjB;QAC7C;kBAECG,gCACC,qBAACA;YAAgBJ,QAAQA;YAAQC,eAAeA;aAEhDkB,IAAAA,qBAAc,EAACnB;OAXZoB,IAAAA,qBAAc,EAACpB;AAe1B"}
+{"version":3,"sources":["../../../../src/components/Combobox/Option.tsx"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { getOptionValue, getOptionLabel } from \"./utils\";\nimport type { ComboboxOption, ComboboxOptionProps } from \"./types\";\n\nexport const Option = <T extends ComboboxOption>({\n  option,\n  isHighlighted,\n  onOptionSelect,\n  optionComponent: OptionComponent,\n  id,\n}: ComboboxOptionProps<T>) => {\n  const optionRef = useRef<HTMLLIElement>(null);\n\n  useEffect(() => {\n    if (\n      isHighlighted &&\n      optionRef.current &&\n      optionRef.current.scrollIntoView\n    ) {\n      optionRef.current.scrollIntoView({ block: \"nearest\" });\n    }\n  }, [isHighlighted]);\n\n  return (\n    <li\n      ref={optionRef}\n      role=\"option\"\n      key={getOptionValue(option)}\n      id={id}\n      aria-selected={isHighlighted}\n      onMouseDown={() => onOptionSelect(option)}\n      className={classNames(\"mobius-combobox__option\", \"has-pii\", {\n        \"mobius-combobox__option--is-highlighted\": isHighlighted,\n      })}\n    >\n      {OptionComponent ? (\n        <OptionComponent option={option} isHighlighted={isHighlighted} />\n      ) : (\n        getOptionLabel(option)\n      )}\n    </li>\n  );\n};\n"],"names":["Option","option","isHighlighted","onOptionSelect","optionComponent","OptionComponent","id","optionRef","useRef","useEffect","current","scrollIntoView","block","li","ref","role","aria-selected","onMouseDown","className","classNames","getOptionLabel","getOptionValue"],"mappings":";;;;+BAKaA;;;eAAAA;;;;uBALqB;+DACX;uBACwB;;;;;;AAGxC,MAAMA,SAAS,CAA2B,EAC/CC,MAAM,EACNC,aAAa,EACbC,cAAc,EACdC,iBAAiBC,eAAe,EAChCC,EAAE,EACqB;IACvB,MAAMC,YAAYC,IAAAA,aAAM,EAAgB;IAExCC,IAAAA,gBAAS,EAAC;QACR,IACEP,iBACAK,UAAUG,OAAO,IACjBH,UAAUG,OAAO,CAACC,cAAc,EAChC;YACAJ,UAAUG,OAAO,CAACC,cAAc,CAAC;gBAAEC,OAAO;YAAU;QACtD;IACF,GAAG;QAACV;KAAc;IAElB,qBACE,qBAACW;QACCC,KAAKP;QACLQ,MAAK;QAELT,IAAIA;QACJU,iBAAed;QACfe,aAAa,IAAMd,eAAeF;QAClCiB,WAAWC,IAAAA,eAAU,EAAC,2BAA2B,WAAW;YAC1D,2CAA2CjB;QAC7C;kBAECG,gCACC,qBAACA;YAAgBJ,QAAQA;YAAQC,eAAeA;aAEhDkB,IAAAA,qBAAc,EAACnB;OAXZoB,IAAAA,qBAAc,EAACpB;AAe1B"}