@dnb/eufemia 10.69.0 → 10.70.0

package/extensions/forms/hooks/useValueProps.js

@@ -65,7 +65,7 @@ export default function useValueProps(localProps) {
   }, [setFieldEventListener, path, inheritVisibility, inheritLabel]);
   const shouldBeVisible = useCallback(path => {
     var _mountedFieldsRef$cur;
-    const item = mountedFieldsRef === null || mountedFieldsRef === void 0 ? void 0 : (_mountedFieldsRef$cur = mountedFieldsRef.current) === null || _mountedFieldsRef$cur === void 0 ? void 0 : _mountedFieldsRef$cur[path];
+    const item = mountedFieldsRef === null || mountedFieldsRef === void 0 ? void 0 : (_mountedFieldsRef$cur = mountedFieldsRef.current) === null || _mountedFieldsRef$cur === void 0 ? void 0 : _mountedFieldsRef$cur.get(path);
     if (!item || !inheritVisibility) {
       return true;
     }

package/extensions/forms/hooks/useValueProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useValueProps.js","names":["useCallback","useContext","useEffect","useReducer","useRef","useExternalValue","usePath","DataContext","ValueProviderContext","SummaryListContext","useValueProps","localProps","_useExternalValue","_props$label","_fieldInternalsRef$cu","_fieldInternalsRef$cu2","_fieldInternalsRef$cu3","forceUpdate","extend","props","verifyChild","path","pathProp","value","valueProp","itemPath","defaultValue","inheritVisibility","inheritLabel","transformIn","external","toInput","internal","fromExternal","transformers","externalValue","fieldInternalsRef","mountedFieldsRef","setValueInternals","setFieldEventListener","requestAnimationFrame","shouldBeVisible","_mountedFieldsRef$cur","item","current","isVisible","isPreMounted","wasStepChange","undefined","label","_objectSpread"],"sources":["../../../../../src/extensions/forms/hooks/useValueProps.ts"],"sourcesContent":["import {\n  useCallback,\n  useContext,\n  useEffect,\n  useReducer,\n  useRef,\n} from 'react'\nimport { Path, ValueProps } from '../types'\nimport useExternalValue from './useExternalValue'\nimport usePath from './usePath'\nimport DataContext from '../DataContext/Context'\nimport ValueProviderContext from '../Value/Provider/ValueProviderContext'\nimport SummaryListContext from '../Value/SummaryList/SummaryListContext'\n\nexport type Props<Value> = ValueProps<Value>\n\nexport default function useValueProps<\n  Value = unknown,\n  Props extends ValueProps<Value> = ValueProps<Value>,\n>(localProps: Props): Props & ValueProps<Value> {\n  const [, forceUpdate] = useReducer(() => ({}), {})\n\n  const { extend } = useContext(ValueProviderContext)\n  const props = extend(localProps)\n\n  // Only to log a warning in the Value.SummaryList component\n  const { verifyChild } = useContext(SummaryListContext) || {}\n  verifyChild?.()\n\n  const {\n    path: pathProp,\n    value: valueProp,\n    itemPath,\n    defaultValue,\n    inheritVisibility,\n    inheritLabel,\n    transformIn = (external: unknown) => external as Value,\n    toInput = (internal: Value) => internal,\n    fromExternal = (external: Value) => external,\n  } = props\n\n  const transformers = useRef({\n    transformIn,\n    toInput,\n    fromExternal,\n  })\n\n  const { path } = usePath({ path: pathProp, itemPath })\n\n  const externalValue =\n    useExternalValue<Value>({\n      path,\n      itemPath,\n      value: valueProp,\n      transformers,\n    }) ?? defaultValue\n\n  const {\n    fieldInternalsRef,\n    mountedFieldsRef,\n    setValueInternals,\n    setFieldEventListener,\n  } = useContext(DataContext) || {}\n  setValueInternals?.(path, props)\n\n  useEffect(() => {\n    if (inheritLabel || inheritVisibility) {\n      setFieldEventListener?.(path, 'onMount', () => {\n        // This is needed to make values, rendered before the field, to get the correct visibility state\n        requestAnimationFrame(forceUpdate)\n      })\n    }\n  }, [setFieldEventListener, path, inheritVisibility, inheritLabel])\n\n  const shouldBeVisible = useCallback(\n    (path: Path): boolean => {\n      const item = mountedFieldsRef?.current?.[path]\n\n      if (!item || !inheritVisibility) {\n        return true\n      }\n\n      return (\n        item.isVisible !== false &&\n        (item.isPreMounted !== false || item.wasStepChange === true)\n      )\n    },\n    [inheritVisibility, mountedFieldsRef]\n  )\n\n  const value = shouldBeVisible(path)\n    ? transformIn(toInput(externalValue))\n    : undefined\n\n  const label =\n    props.label ??\n    (inheritLabel\n      ? fieldInternalsRef?.current?.[path]?.props?.label\n      : undefined)\n\n  return { ...props, label, value }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"useValueProps.js","names":["useCallback","useContext","useEffect","useReducer","useRef","useExternalValue","usePath","DataContext","ValueProviderContext","SummaryListContext","useValueProps","localProps","_useExternalValue","_props$label","_fieldInternalsRef$cu","_fieldInternalsRef$cu2","_fieldInternalsRef$cu3","forceUpdate","extend","props","verifyChild","path","pathProp","value","valueProp","itemPath","defaultValue","inheritVisibility","inheritLabel","transformIn","external","toInput","internal","fromExternal","transformers","externalValue","fieldInternalsRef","mountedFieldsRef","setValueInternals","setFieldEventListener","requestAnimationFrame","shouldBeVisible","_mountedFieldsRef$cur","item","current","get","isVisible","isPreMounted","wasStepChange","undefined","label","_objectSpread"],"sources":["../../../../../src/extensions/forms/hooks/useValueProps.ts"],"sourcesContent":["import {\n  useCallback,\n  useContext,\n  useEffect,\n  useReducer,\n  useRef,\n} from 'react'\nimport { Path, ValueProps } from '../types'\nimport useExternalValue from './useExternalValue'\nimport usePath from './usePath'\nimport DataContext from '../DataContext/Context'\nimport ValueProviderContext from '../Value/Provider/ValueProviderContext'\nimport SummaryListContext from '../Value/SummaryList/SummaryListContext'\n\nexport type Props<Value> = ValueProps<Value>\n\nexport default function useValueProps<\n  Value = unknown,\n  Props extends ValueProps<Value> = ValueProps<Value>,\n>(localProps: Props): Props & ValueProps<Value> {\n  const [, forceUpdate] = useReducer(() => ({}), {})\n\n  const { extend } = useContext(ValueProviderContext)\n  const props = extend(localProps)\n\n  // Only to log a warning in the Value.SummaryList component\n  const { verifyChild } = useContext(SummaryListContext) || {}\n  verifyChild?.()\n\n  const {\n    path: pathProp,\n    value: valueProp,\n    itemPath,\n    defaultValue,\n    inheritVisibility,\n    inheritLabel,\n    transformIn = (external: unknown) => external as Value,\n    toInput = (internal: Value) => internal,\n    fromExternal = (external: Value) => external,\n  } = props\n\n  const transformers = useRef({\n    transformIn,\n    toInput,\n    fromExternal,\n  })\n\n  const { path } = usePath({ path: pathProp, itemPath })\n\n  const externalValue =\n    useExternalValue<Value>({\n      path,\n      itemPath,\n      value: valueProp,\n      transformers,\n    }) ?? defaultValue\n\n  const {\n    fieldInternalsRef,\n    mountedFieldsRef,\n    setValueInternals,\n    setFieldEventListener,\n  } = useContext(DataContext) || {}\n  setValueInternals?.(path, props)\n\n  useEffect(() => {\n    if (inheritLabel || inheritVisibility) {\n      setFieldEventListener?.(path, 'onMount', () => {\n        // This is needed to make values, rendered before the field, to get the correct visibility state\n        requestAnimationFrame(forceUpdate)\n      })\n    }\n  }, [setFieldEventListener, path, inheritVisibility, inheritLabel])\n\n  const shouldBeVisible = useCallback(\n    (path: Path): boolean => {\n      const item = mountedFieldsRef?.current?.get(path)\n\n      if (!item || !inheritVisibility) {\n        return true\n      }\n\n      return (\n        item.isVisible !== false &&\n        (item.isPreMounted !== false || item.wasStepChange === true)\n      )\n    },\n    [inheritVisibility, mountedFieldsRef]\n  )\n\n  const value = shouldBeVisible(path)\n    ? transformIn(toInput(externalValue))\n    : undefined\n\n  const label =\n    props.label ??\n    (inheritLabel\n      ? fieldInternalsRef?.current?.[path]?.props?.label\n      : undefined)\n\n  return { ...props, label, value }\n}\n"],"mappings":"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","ignoreList":[]}

package/extensions/payment-card/PaymentCard.d.ts

@@ -82,32 +82,32 @@ export interface PaymentCardProps
   extends Omit<React.HTMLProps<HTMLElement>, 'ref'>,
     SpacingProps {
   /**
-   * <em>(required)</em> if product code matches one of the codes in the list the card will get that design, if no match is found Default design will be used.
+   * if product code matches one of the codes in the list the card will get that design, if no match is found Default design will be used.
    */
   product_code: string;
   /**
-   * <em>(required)</em> masked card number.
+   * masked card number.
    */
   card_number: string;
   /**
-   * Use one of these: `active`, `not_active`, `blocked`, `expired`, `renewed`, `replaced`, `order_in_process`, `unknown`. Defaults to `active`.
+   * use one of these: `active`, `not_active`, `blocked`, `expired`, `renewed`, `replaced`, `order_in_process`, `unknown`. Defaults to `active`.
    */
   card_status?: PaymentCardCardStatus;
   /**
-   * Defines the appearance. Use one of these: `normal` or `compact`. Defaults to `normal`.
+   * defines the appearance. Use one of these: `normal` or `compact`. Defaults to `normal`.
    */
   variant?: PaymentCardVariant;
   /**
-   * Will use 8 digits if none are specified.
+   * will use 8 digits if none are specified.
    */
   digits?: PaymentCardDigits;
   /**
-   * Useful if you want to create custom cards. See Card data properties.
+   * useful if you want to create custom cards. See Card data properties.
    */
   raw_data?: PaymentCardRawData;
   id?: string;
   /**
-   * Use `nb-NO` or `en-GB`. Defaults to the Eufemia provider.
+   * use `nb-NO` or `en-GB`. Defaults to the Eufemia provider.
    */
   locale?: InternalLocale;
   /**

package/extensions/payment-card/PaymentCardDocs.d.ts

@@ -0,0 +1,5 @@
+import { PropertiesTableProps } from '../../shared/types';
+export declare const PaymentCardProperties: PropertiesTableProps;
+export declare const PaymentCardData: PropertiesTableProps;
+export declare const PaymentCardDesign: PropertiesTableProps;
+export declare const PaymentCardDesigns: PropertiesTableProps;

package/extensions/payment-card/PaymentCardDocs.js

@@ -0,0 +1,199 @@
+export const PaymentCardProperties = {
+  product_code: {
+    doc: 'if product code matches one of the codes in the list the card will get that design, if no match is found Default design will be used.',
+    type: 'string',
+    status: 'required'
+  },
+  card_number: {
+    doc: 'masked card number.',
+    type: 'string',
+    status: 'required'
+  },
+  raw_data: {
+    doc: 'useful if you want to create custom cards. See Card data properties.',
+    type: 'Various',
+    status: 'optional'
+  },
+  card_status: {
+    doc: 'use one of these: `active`, `not_active`, `blocked`, `expired`, `renewed`, `replaced`, `order_in_process`, `unknown`. Defaults to `active`.',
+    type: ['active', 'not_active', 'blocked', 'expired', 'renewed', 'replaced', 'order_in_process', 'unknown'],
+    status: 'optional'
+  },
+  variant: {
+    doc: 'defines the appearance. Use one of these: `normal` or `compact`. Defaults to `normal`.',
+    type: ['normal', 'compact'],
+    status: 'optional'
+  },
+  digits: {
+    doc: 'will use 8 digits if none are specified.',
+    type: ['string', 'number'],
+    status: 'optional'
+  },
+  locale: {
+    doc: 'use `nb-NO` or `en-GB`. Defaults to the Eufemia provider.',
+    type: 'string',
+    status: 'optional'
+  },
+  skeleton: {
+    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  '[Space](/uilib/layout/space/properties)': {
+    doc: 'Spacing properties like `top` or `bottom` are supported.',
+    type: ['string', 'object'],
+    status: 'optional'
+  }
+};
+export const PaymentCardData = {
+  productCode: {
+    doc: 'product code for the given card.',
+    type: 'string',
+    status: 'required'
+  },
+  productName: {
+    doc: 'product name. Can be blank.',
+    type: 'string',
+    status: 'required'
+  },
+  displayName: {
+    doc: 'the visible product name. Can be empty.',
+    type: 'string',
+    status: 'required'
+  },
+  cardDesign: {
+    doc: "object that describes the style properties of the card. `import { Designs } from '@dnb/eufemia/extensions/payment-card'` (see available designs below) or a custom one can be created.",
+    type: 'object',
+    status: 'required'
+  },
+  cardType: {
+    doc: "`import { CardType } from '@dnb/eufemia/extensions/payment-card'` to use. Can be CardType.Visa, CardType.Mastercard or CardType.None",
+    type: 'Union Type',
+    status: 'required'
+  },
+  productType: {
+    doc: "`import { ProductType } from '@dnb/eufemia/extensions/payment-card'` to use. Can be ProductType.Saga, ProductType.Pluss, ProductType.Intro, ProductType.Business, ProductType.Bedrift, ProductType.PrivateBanking or ProductType.None",
+    type: 'Union Type',
+    status: 'required'
+  },
+  bankAxept: {
+    doc: "`import { BankAxeptType } from '@dnb/eufemia/extensions/payment-card'` to use. Can be BankAxeptType.BankAxept, BankAxeptType.Credit or BankAxeptType.None",
+    type: 'Union Type',
+    status: 'required'
+  }
+};
+export const PaymentCardDesign = {
+  name: {
+    doc: 'string Name of design ',
+    type: 'string',
+    status: 'required'
+  },
+  cardStyle: {
+    doc: 'css class. mainly to set background and color',
+    type: 'string',
+    status: 'required'
+  },
+  bankLogo: {
+    doc: "Union Type. import DNB from ./card/utils/Types to use. Can be DNB.Colored('HexValue')",
+    type: 'Union Type',
+    status: 'required'
+  },
+  visa: {
+    doc: "Union Type. import Visa from ./card/utils/Types to use. Can be Visa.Colored('HexValue') or Visa.Platinum",
+    type: 'Union Type',
+    status: 'required'
+  },
+  mastercard: {
+    doc: 'Union Type. import Mastercard from ./card/utils/Types to use. Can be Mastercard.Default or Mastercard.Dark',
+    type: 'Union Type',
+    status: 'required'
+  },
+  bankAxept: {
+    doc: 'Union Type. import BankAxept from ./card/utils/Types to use. Can be BankAxept.White, BankAxept.Black, BankAxept.Gold, BankAxept.Black20 or BankAxept.Gray',
+    type: 'Union Type',
+    status: 'required'
+  },
+  saga: {
+    doc: 'Union Type. import Saga from ./card/utils/Types to use. Can be Saga.Gold, Saga.Platinum or Saga.None',
+    type: 'Union Type',
+    status: 'required'
+  },
+  privateBanking: {
+    doc: 'Union Type. import PB from ./card/utils/Types to use. Can be PB.Default or PB.None',
+    type: 'Union Type',
+    status: 'required'
+  }
+};
+export const PaymentCardDesigns = {
+  defaultDesign: {
+    doc: 'Default',
+    type: 'object',
+    status: 'optional'
+  },
+  pluss: {
+    doc: 'Pluss',
+    type: 'object',
+    status: 'optional'
+  },
+  young: {
+    doc: 'Ung',
+    type: 'object',
+    status: 'optional'
+  },
+  myFirst: {
+    doc: 'My first ',
+    type: 'object',
+    status: 'optional'
+  },
+  youth: {
+    doc: 'Youth',
+    type: 'object',
+    status: 'optional'
+  },
+  gold: {
+    doc: 'Gold',
+    type: 'object',
+    status: 'optional'
+  },
+  saga: {
+    doc: 'Saga',
+    type: 'object',
+    status: 'optional'
+  },
+  sagaPlatinum: {
+    doc: 'Saga Platinum',
+    type: 'object',
+    status: 'optional'
+  },
+  privateBanking: {
+    doc: 'Private Banking',
+    type: 'object',
+    status: 'optional'
+  },
+  mcBlack: {
+    doc: 'Mastercard Black',
+    type: 'object',
+    status: 'optional'
+  },
+  businessNoVisa: {
+    doc: 'Bedriftskort BankAxept',
+    type: 'object',
+    status: 'optional'
+  },
+  businessWithVisa: {
+    doc: 'Bedriftskort Visa',
+    type: 'object',
+    status: 'optional'
+  },
+  sbankenVisa: {
+    doc: 'Sbanken Visa',
+    type: 'object',
+    status: 'optional'
+  },
+  sbankenMastercard: {
+    doc: 'Sbanken Mastercard',
+    type: 'object',
+    status: 'optional'
+  }
+};
+//# sourceMappingURL=PaymentCardDocs.js.map

package/extensions/payment-card/PaymentCardDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentCardDocs.js","names":["PaymentCardProperties","product_code","doc","type","status","card_number","raw_data","card_status","variant","digits","locale","skeleton","PaymentCardData","productCode","productName","displayName","cardDesign","cardType","productType","bankAxept","PaymentCardDesign","name","cardStyle","bankLogo","visa","mastercard","saga","privateBanking","PaymentCardDesigns","defaultDesign","pluss","young","myFirst","youth","gold","sagaPlatinum","mcBlack","businessNoVisa","businessWithVisa","sbankenVisa","sbankenMastercard"],"sources":["../../../../src/extensions/payment-card/PaymentCardDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const PaymentCardProperties: PropertiesTableProps = {\n  product_code: {\n    doc: 'if product code matches one of the codes in the list the card will get that design, if no match is found Default design will be used.',\n    type: 'string',\n    status: 'required',\n  },\n  card_number: {\n    doc: 'masked card number.',\n    type: 'string',\n    status: 'required',\n  },\n  raw_data: {\n    doc: 'useful if you want to create custom cards. See Card data properties.',\n    type: 'Various',\n    status: 'optional',\n  },\n  card_status: {\n    doc: 'use one of these: `active`, `not_active`, `blocked`, `expired`, `renewed`, `replaced`, `order_in_process`, `unknown`. Defaults to `active`.',\n    type: [\n      'active',\n      'not_active',\n      'blocked',\n      'expired',\n      'renewed',\n      'replaced',\n      'order_in_process',\n      'unknown',\n    ],\n    status: 'optional',\n  },\n  variant: {\n    doc: 'defines the appearance. Use one of these: `normal` or `compact`. Defaults to `normal`.',\n    type: ['normal', 'compact'],\n    status: 'optional',\n  },\n  digits: {\n    doc: 'will use 8 digits if none are specified.',\n    type: ['string', 'number'],\n    status: 'optional',\n  },\n  locale: {\n    doc: 'use `nb-NO` or `en-GB`. Defaults to the Eufemia provider.',\n    type: 'string',\n    status: 'optional',\n  },\n  skeleton: {\n    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n\nexport const PaymentCardData: PropertiesTableProps = {\n  productCode: {\n    doc: 'product code for the given card.',\n    type: 'string',\n    status: 'required',\n  },\n  productName: {\n    doc: 'product name. Can be blank.',\n    type: 'string',\n    status: 'required',\n  },\n  displayName: {\n    doc: 'the visible product name. Can be empty.',\n    type: 'string',\n    status: 'required',\n  },\n  cardDesign: {\n    doc: \"object that describes the style properties of the card. `import { Designs } from '@dnb/eufemia/extensions/payment-card'` (see available designs below) or a custom one can be created.\",\n    type: 'object',\n    status: 'required',\n  },\n  cardType: {\n    doc: \"`import { CardType } from '@dnb/eufemia/extensions/payment-card'` to use. Can be CardType.Visa, CardType.Mastercard or CardType.None\",\n    type: 'Union Type',\n    status: 'required',\n  },\n  productType: {\n    doc: \"`import { ProductType } from '@dnb/eufemia/extensions/payment-card'` to use. Can be ProductType.Saga, ProductType.Pluss, ProductType.Intro, ProductType.Business, ProductType.Bedrift, ProductType.PrivateBanking or ProductType.None\",\n    type: 'Union Type',\n    status: 'required',\n  },\n  bankAxept: {\n    doc: \"`import { BankAxeptType } from '@dnb/eufemia/extensions/payment-card'` to use. Can be BankAxeptType.BankAxept, BankAxeptType.Credit or BankAxeptType.None\",\n    type: 'Union Type',\n    status: 'required',\n  },\n}\n\nexport const PaymentCardDesign: PropertiesTableProps = {\n  name: {\n    doc: 'string Name of design ',\n    type: 'string',\n    status: 'required',\n  },\n  cardStyle: {\n    doc: 'css class. mainly to set background and color',\n    type: 'string',\n    status: 'required',\n  },\n  bankLogo: {\n    doc: \"Union Type. import DNB from ./card/utils/Types to use. Can be DNB.Colored('HexValue')\",\n    type: 'Union Type',\n    status: 'required',\n  },\n  visa: {\n    doc: \"Union Type. import Visa from ./card/utils/Types to use. Can be Visa.Colored('HexValue') or Visa.Platinum\",\n    type: 'Union Type',\n    status: 'required',\n  },\n  mastercard: {\n    doc: 'Union Type. import Mastercard from ./card/utils/Types to use. Can be Mastercard.Default or Mastercard.Dark',\n    type: 'Union Type',\n    status: 'required',\n  },\n  bankAxept: {\n    doc: 'Union Type. import BankAxept from ./card/utils/Types to use. Can be BankAxept.White, BankAxept.Black, BankAxept.Gold, BankAxept.Black20 or BankAxept.Gray',\n    type: 'Union Type',\n    status: 'required',\n  },\n  saga: {\n    doc: 'Union Type. import Saga from ./card/utils/Types to use. Can be Saga.Gold, Saga.Platinum or Saga.None',\n    type: 'Union Type',\n    status: 'required',\n  },\n  privateBanking: {\n    doc: 'Union Type. import PB from ./card/utils/Types to use. Can be PB.Default or PB.None',\n    type: 'Union Type',\n    status: 'required',\n  },\n}\nexport const PaymentCardDesigns: PropertiesTableProps = {\n  defaultDesign: {\n    doc: 'Default',\n    type: 'object',\n    status: 'optional',\n  },\n  pluss: {\n    doc: 'Pluss',\n    type: 'object',\n    status: 'optional',\n  },\n  young: {\n    doc: 'Ung',\n    type: 'object',\n    status: 'optional',\n  },\n  myFirst: {\n    doc: 'My first ',\n    type: 'object',\n    status: 'optional',\n  },\n  youth: {\n    doc: 'Youth',\n    type: 'object',\n    status: 'optional',\n  },\n  gold: {\n    doc: 'Gold',\n    type: 'object',\n    status: 'optional',\n  },\n  saga: {\n    doc: 'Saga',\n    type: 'object',\n    status: 'optional',\n  },\n  sagaPlatinum: {\n    doc: 'Saga Platinum',\n    type: 'object',\n    status: 'optional',\n  },\n  privateBanking: {\n    doc: 'Private Banking',\n    type: 'object',\n    status: 'optional',\n  },\n  mcBlack: {\n    doc: 'Mastercard Black',\n    type: 'object',\n    status: 'optional',\n  },\n  businessNoVisa: {\n    doc: 'Bedriftskort BankAxept',\n    type: 'object',\n    status: 'optional',\n  },\n  businessWithVisa: {\n    doc: 'Bedriftskort Visa',\n    type: 'object',\n    status: 'optional',\n  },\n  sbankenVisa: {\n    doc: 'Sbanken Visa',\n    type: 'object',\n    status: 'optional',\n  },\n  sbankenMastercard: {\n    doc: 'Sbanken Mastercard',\n    type: 'object',\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,qBAA2C,GAAG;EACzDC,YAAY,EAAE;IACZC,GAAG,EAAE,uIAAuI;IAC5IC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,WAAW,EAAE;IACXH,GAAG,EAAE,qBAAqB;IAC1BC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,QAAQ,EAAE;IACRJ,GAAG,EAAE,sEAAsE;IAC3EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDG,WAAW,EAAE;IACXL,GAAG,EAAE,6IAA6I;IAClJC,IAAI,EAAE,CACJ,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,EACV,kBAAkB,EAClB,SAAS,CACV;IACDC,MAAM,EAAE;EACV,CAAC;EACDI,OAAO,EAAE;IACPN,GAAG,EAAE,wFAAwF;IAC7FC,IAAI,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC;IAC3BC,MAAM,EAAE;EACV,CAAC;EACDK,MAAM,EAAE;IACNP,GAAG,EAAE,0CAA0C;IAC/CC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV,CAAC;EACDM,MAAM,EAAE;IACNR,GAAG,EAAE,2DAA2D;IAChEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDO,QAAQ,EAAE;IACRT,GAAG,EAAE,wEAAwE;IAC7EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC;AAED,OAAO,MAAMQ,eAAqC,GAAG;EACnDC,WAAW,EAAE;IACXX,GAAG,EAAE,kCAAkC;IACvCC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDU,WAAW,EAAE;IACXZ,GAAG,EAAE,6BAA6B;IAClCC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDW,WAAW,EAAE;IACXb,GAAG,EAAE,yCAAyC;IAC9CC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDY,UAAU,EAAE;IACVd,GAAG,EAAE,wLAAwL;IAC7LC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDa,QAAQ,EAAE;IACRf,GAAG,EAAE,sIAAsI;IAC3IC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDc,WAAW,EAAE;IACXhB,GAAG,EAAE,uOAAuO;IAC5OC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDe,SAAS,EAAE;IACTjB,GAAG,EAAE,2JAA2J;IAChKC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV;AACF,CAAC;AAED,OAAO,MAAMgB,iBAAuC,GAAG;EACrDC,IAAI,EAAE;IACJnB,GAAG,EAAE,wBAAwB;IAC7BC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDkB,SAAS,EAAE;IACTpB,GAAG,EAAE,+CAA+C;IACpDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDmB,QAAQ,EAAE;IACRrB,GAAG,EAAE,uFAAuF;IAC5FC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDoB,IAAI,EAAE;IACJtB,GAAG,EAAE,0GAA0G;IAC/GC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDqB,UAAU,EAAE;IACVvB,GAAG,EAAE,4GAA4G;IACjHC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDe,SAAS,EAAE;IACTjB,GAAG,EAAE,2JAA2J;IAChKC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDsB,IAAI,EAAE;IACJxB,GAAG,EAAE,sGAAsG;IAC3GC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDuB,cAAc,EAAE;IACdzB,GAAG,EAAE,oFAAoF;IACzFC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV;AACF,CAAC;AACD,OAAO,MAAMwB,kBAAwC,GAAG;EACtDC,aAAa,EAAE;IACb3B,GAAG,EAAE,SAAS;IACdC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACD0B,KAAK,EAAE;IACL5B,GAAG,EAAE,OAAO;IACZC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACD2B,KAAK,EAAE;IACL7B,GAAG,EAAE,KAAK;IACVC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACD4B,OAAO,EAAE;IACP9B,GAAG,EAAE,WAAW;IAChBC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACD6B,KAAK,EAAE;IACL/B,GAAG,EAAE,OAAO;IACZC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACD8B,IAAI,EAAE;IACJhC,GAAG,EAAE,MAAM;IACXC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDsB,IAAI,EAAE;IACJxB,GAAG,EAAE,MAAM;IACXC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACD+B,YAAY,EAAE;IACZjC,GAAG,EAAE,eAAe;IACpBC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDuB,cAAc,EAAE;IACdzB,GAAG,EAAE,iBAAiB;IACtBC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDgC,OAAO,EAAE;IACPlC,GAAG,EAAE,kBAAkB;IACvBC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDiC,cAAc,EAAE;IACdnC,GAAG,EAAE,wBAAwB;IAC7BC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDkC,gBAAgB,EAAE;IAChBpC,GAAG,EAAE,mBAAmB;IACxBC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDmC,WAAW,EAAE;IACXrC,GAAG,EAAE,cAAc;IACnBC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDoC,iBAAiB,EAAE;IACjBtC,GAAG,EAAE,oBAAoB;IACzBC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}

package/fragments/scroll-view/ScrollViewDocs.d.ts

@@ -0,0 +1,2 @@
+import { PropertiesTableProps } from '../../shared/types';
+export declare const ScrollViewProperties: PropertiesTableProps;

package/fragments/scroll-view/ScrollViewDocs.js

@@ -0,0 +1,13 @@
+export const ScrollViewProperties = {
+  interactive: {
+    doc: 'to make the content accessible to keyboard navigation. Use `true` or `auto`. Auto will detect if a scrollbar is visible and make the ScrollView accessible for keyboard navigation. Defaults to `false`.',
+    type: ['boolean', 'auto'],
+    status: 'optional'
+  },
+  '[Space](/uilib/layout/space/properties)': {
+    doc: 'Spacing properties like `top` or `bottom` are supported.',
+    type: ['string', 'object'],
+    status: 'optional'
+  }
+};
+//# sourceMappingURL=ScrollViewDocs.js.map

package/fragments/scroll-view/ScrollViewDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollViewDocs.js","names":["ScrollViewProperties","interactive","doc","type","status"],"sources":["../../../../src/fragments/scroll-view/ScrollViewDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const ScrollViewProperties: PropertiesTableProps = {\n  interactive: {\n    doc: 'to make the content accessible to keyboard navigation. Use `true` or `auto`. Auto will detect if a scrollbar is visible and make the ScrollView accessible for keyboard navigation. Defaults to `false`.',\n    type: ['boolean', 'auto'],\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,oBAA0C,GAAG;EACxDC,WAAW,EAAE;IACXC,GAAG,EAAE,0MAA0M;IAC/MC,IAAI,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}

package/fragments/text-counter/TextCounterDocs.d.ts

@@ -0,0 +1,2 @@
+import { PropertiesTableProps } from '../../shared/types';
+export declare const TextCounterProperties: PropertiesTableProps;

package/fragments/text-counter/TextCounterDocs.js

@@ -0,0 +1,23 @@
+export const TextCounterProperties = {
+  text: {
+    doc: 'The text to count characters from.',
+    type: ['string'],
+    status: 'required'
+  },
+  max: {
+    doc: 'The maximum number of characters allowed.',
+    type: ['number'],
+    status: 'required'
+  },
+  variant: {
+    doc: 'The counting variant. Can be either `up` (counts up from zero) or `down` (counts down from max). Default is `down`.',
+    type: ['down', 'up'],
+    status: 'optional'
+  },
+  '[Space](/uilib/layout/space/properties)': {
+    doc: 'Spacing properties like `top` or `bottom` are supported.',
+    type: ['string', 'object'],
+    status: 'optional'
+  }
+};
+//# sourceMappingURL=TextCounterDocs.js.map

package/fragments/text-counter/TextCounterDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextCounterDocs.js","names":["TextCounterProperties","text","doc","type","status","max","variant"],"sources":["../../../../src/fragments/text-counter/TextCounterDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const TextCounterProperties: PropertiesTableProps = {\n  text: {\n    doc: 'The text to count characters from.',\n    type: ['string'],\n    status: 'required',\n  },\n  max: {\n    doc: 'The maximum number of characters allowed.',\n    type: ['number'],\n    status: 'required',\n  },\n  variant: {\n    doc: 'The counting variant. Can be either `up` (counts up from zero) or `down` (counts down from max). Default is `down`.',\n    type: ['down', 'up'],\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,qBAA2C,GAAG;EACzDC,IAAI,EAAE;IACJC,GAAG,EAAE,oCAAoC;IACzCC,IAAI,EAAE,CAAC,QAAQ,CAAC;IAChBC,MAAM,EAAE;EACV,CAAC;EACDC,GAAG,EAAE;IACHH,GAAG,EAAE,2CAA2C;IAChDC,IAAI,EAAE,CAAC,QAAQ,CAAC;IAChBC,MAAM,EAAE;EACV,CAAC;EACDE,OAAO,EAAE;IACPJ,GAAG,EAAE,qHAAqH;IAC1HC,IAAI,EAAE,CAAC,MAAM,EAAE,IAAI,CAAC;IACpBC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dnb/eufemia",
-  "version": "10.69.0",
+  "version": "10.70.0",
   "description": "DNB Eufemia Design System UI Library",
   "license": "SEE LICENSE IN LICENSE FILE",
   "author": "DNB Team & Tobias Høegh",

package/shared/Eufemia.d.ts

@@ -1,2 +1,2 @@
-export declare const version = "10.69.0";
+export declare const version = "10.70.0";
 export declare function init(): void;

package/shared/Eufemia.js

@@ -1,9 +1,9 @@
-export const version = '10.69.0';
+export const version = '10.70.0';
 export function init() {
   if (typeof window !== 'undefined') {
     class Eufemia {
       get version() {
-        return '10.69.0';
+        return '10.70.0';
       }
     }
     window.Eufemia = new Eufemia();

package/shared/Eufemia.js.map

@@ -1 +1 @@
-{"version":3,"file":"Eufemia.js","names":["version","init","window","Eufemia"],"sources":["../../../src/shared/Eufemia.ts"],"sourcesContent":["export const version = '10.69.0'\n\nexport function init() {\n  if (typeof window !== 'undefined') {\n    class Eufemia {\n      get version() {\n        return '10.69.0'\n      }\n    }\n\n    window.Eufemia = new Eufemia()\n  }\n}\n"],"mappings":"AAAA,OAAO,MAAMA,OAAO,GAAG,SAAS;AAEhC,OAAO,SAASC,IAAIA,CAAA,EAAG;EACrB,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;IACjC,MAAMC,OAAO,CAAC;MACZ,IAAIH,OAAOA,CAAA,EAAG;QACZ,OAAO,SAAS;MAClB;IACF;IAEAE,MAAM,CAACC,OAAO,GAAG,IAAIA,OAAO,CAAC,CAAC;EAChC;AACF","ignoreList":[]}
+{"version":3,"file":"Eufemia.js","names":["version","init","window","Eufemia"],"sources":["../../../src/shared/Eufemia.ts"],"sourcesContent":["export const version = '10.70.0'\n\nexport function init() {\n  if (typeof window !== 'undefined') {\n    class Eufemia {\n      get version() {\n        return '10.70.0'\n      }\n    }\n\n    window.Eufemia = new Eufemia()\n  }\n}\n"],"mappings":"AAAA,OAAO,MAAMA,OAAO,GAAG,SAAS;AAEhC,OAAO,SAASC,IAAIA,CAAA,EAAG;EACrB,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;IACjC,MAAMC,OAAO,CAAC;MACZ,IAAIH,OAAOA,CAAA,EAAG;QACZ,OAAO,SAAS;MAClB;IACF;IAEAE,MAAM,CAACC,OAAO,GAAG,IAAIA,OAAO,CAAC,CAAC;EAChC;AACF","ignoreList":[]}

package/shared/MediaQueryDocs.d.ts

@@ -0,0 +1,2 @@
+import { PropertiesTableProps } from '../shared/types';
+export declare const MediaQueryProperties: PropertiesTableProps;

package/shared/MediaQueryDocs.js

@@ -0,0 +1,28 @@
+export const MediaQueryProperties = {
+  when: {
+    doc: "Define a list of sizes to match, given as an object `{ min: 'small', max: 'medium' }` or as an array `[{ min: 'small', max: 'medium' }, { min: 'medium', max: 'large' }]`.",
+    type: 'object',
+    status: 'optional'
+  },
+  query: {
+    doc: 'A MediaQuery as a string similar to the CSS API, but without `@media`.',
+    type: 'object',
+    status: 'optional'
+  },
+  not: {
+    doc: 'Reverts the defined queries as a whole.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  matchOnSSR: {
+    doc: 'If set to `true`, it will match and return the given children during SSR.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  children: {
+    doc: 'The content to be wrapped in the media query.',
+    type: 'React.ReactNode',
+    status: 'optional'
+  }
+};
+//# sourceMappingURL=MediaQueryDocs.js.map

package/shared/MediaQueryDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaQueryDocs.js","names":["MediaQueryProperties","when","doc","type","status","query","not","matchOnSSR","children"],"sources":["../../../src/shared/MediaQueryDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../shared/types'\n\nexport const MediaQueryProperties: PropertiesTableProps = {\n  when: {\n    doc: \"Define a list of sizes to match, given as an object `{ min: 'small', max: 'medium' }` or as an array `[{ min: 'small', max: 'medium' }, { min: 'medium', max: 'large' }]`.\",\n    type: 'object',\n    status: 'optional',\n  },\n  query: {\n    doc: 'A MediaQuery as a string similar to the CSS API, but without `@media`.',\n    type: 'object',\n    status: 'optional',\n  },\n  not: {\n    doc: 'Reverts the defined queries as a whole.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  matchOnSSR: {\n    doc: 'If set to `true`, it will match and return the given children during SSR.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  children: {\n    doc: 'The content to be wrapped in the media query.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,oBAA0C,GAAG;EACxDC,IAAI,EAAE;IACJC,GAAG,EAAE,4KAA4K;IACjLC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,KAAK,EAAE;IACLH,GAAG,EAAE,wEAAwE;IAC7EC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,GAAG,EAAE;IACHJ,GAAG,EAAE,yCAAyC;IAC9CC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDG,UAAU,EAAE;IACVL,GAAG,EAAE,2EAA2E;IAChFC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDI,QAAQ,EAAE;IACRN,GAAG,EAAE,+CAA+C;IACpDC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}

package/shared/ThemeDocs.d.ts

@@ -0,0 +1,2 @@
+import { PropertiesTableProps } from '../shared/types';
+export declare const ThemeProperties: PropertiesTableProps;

package/shared/ThemeDocs.js

@@ -0,0 +1,33 @@
+export const ThemeProperties = {
+  name: {
+    doc: 'The name of a branding theme. Can be `ui` (universal identity), `eiendom` or `sbanken`.',
+    type: ['ui', 'eiendom', 'sbanken'],
+    status: 'optional'
+  },
+  size: {
+    doc: 'Will define what sizes of components are used (WIP).',
+    type: 'basis',
+    status: 'optional'
+  },
+  variant: {
+    doc: '(WIP).',
+    type: 'string',
+    status: 'optional'
+  },
+  propMapping: {
+    doc: 'Defines a specific CSS class so you get a declarative way of mapping CSS properties. A set of predefined maps will be available (WIP).',
+    type: 'string',
+    status: 'optional'
+  },
+  contrastMode: {
+    doc: 'When a component supports a contrast style, it will be used instead for the dedicated area.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  darkMode: {
+    doc: 'When a component supports a dark mode style, it will be used instead for the dedicated area.',
+    type: 'boolean',
+    status: 'optional'
+  }
+};
+//# sourceMappingURL=ThemeDocs.js.map

package/shared/ThemeDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeDocs.js","names":["ThemeProperties","name","doc","type","status","size","variant","propMapping","contrastMode","darkMode"],"sources":["../../../src/shared/ThemeDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../shared/types'\n\nexport const ThemeProperties: PropertiesTableProps = {\n  name: {\n    doc: 'The name of a branding theme. Can be `ui` (universal identity), `eiendom` or `sbanken`.',\n    type: ['ui', 'eiendom', 'sbanken'],\n    status: 'optional',\n  },\n  size: {\n    doc: 'Will define what sizes of components are used (WIP).',\n    type: 'basis',\n    status: 'optional',\n  },\n  variant: {\n    doc: '(WIP).',\n    type: 'string',\n    status: 'optional',\n  },\n  propMapping: {\n    doc: 'Defines a specific CSS class so you get a declarative way of mapping CSS properties. A set of predefined maps will be available (WIP).',\n    type: 'string',\n    status: 'optional',\n  },\n  contrastMode: {\n    doc: 'When a component supports a contrast style, it will be used instead for the dedicated area.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  darkMode: {\n    doc: 'When a component supports a dark mode style, it will be used instead for the dedicated area.',\n    type: 'boolean',\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,eAAqC,GAAG;EACnDC,IAAI,EAAE;IACJC,GAAG,EAAE,yFAAyF;IAC9FC,IAAI,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,SAAS,CAAC;IAClCC,MAAM,EAAE;EACV,CAAC;EACDC,IAAI,EAAE;IACJH,GAAG,EAAE,sDAAsD;IAC3DC,IAAI,EAAE,OAAO;IACbC,MAAM,EAAE;EACV,CAAC;EACDE,OAAO,EAAE;IACPJ,GAAG,EAAE,QAAQ;IACbC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,WAAW,EAAE;IACXL,GAAG,EAAE,wIAAwI;IAC7IC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,YAAY,EAAE;IACZN,GAAG,EAAE,6FAA6F;IAClGC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDK,QAAQ,EAAE;IACRP,GAAG,EAAE,8FAA8F;IACnGC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}

package/shared/component-helper.js

@@ -312,7 +312,7 @@ export class DetectOutsideClickClass {
           return;
         }
         for (let i = 0, elem, l = ignoreElements.length; i < l; ++i) {
-          const ignoreElement = 'current' in ignoreElements[i] ? ignoreElements[i].current : ignoreElements[i];
+          const ignoreElement = ignoreElements[i] && 'current' in ignoreElements[i] ? ignoreElements[i].current : ignoreElements[i];
           elem = currentElement;
           if (!ignoreElements[i]) {
             continue;