@dnb/eufemia 10.63.4 → 10.64.1

package/es/extensions/forms/Iterate/Array/Array.js.map

@@ -1 +1 @@
-{"version":3,"file":"Array.js","names":["React","useMemo","useRef","useEffect","useReducer","createRef","useContext","useCallback","classnames","pointer","useFieldProps","makeUniqueId","Flex","FormStatus","HeightAnimation","Span","pickSpacingProps","useMountEffect","useUpdateEffect","pickFlexContainerProps","IterateItemContext","SummaryListContext","ValueBlockContext","FieldBoundaryProvider","DataContext","useDataValue","useArrayLimit","useItemPath","useSwitchContainerMode","getMessagesFromError","structuredClone","ArrayComponent","props","_props$value","salt","forceUpdate","path","pathProp","itemPath","itemPathProp","countPath","countPathTransform","countPathLimit","Infinity","dataContext","summaryListContext","valueBlockContext","absolutePath","setLimitProps","error","limitWarning","getValueByPath","getCountValue","countValue","parseFloat","validateRequired","value","emptyValue","required","length","preparedProps","shared","arrayValue","newValue","i","l","push","index","_objectSpread","limit","withoutFlex","placeholder","containerMode","animate","handleChange","setChanged","onChange","validateValue","children","updateContextDataInSync","omitMultiplePathWarning","forceUpdateWhenContextDataIsSet","Boolean","alwaysRevealError","countValueRef","current","window","requestAnimationFrame","handlePathChange","valueCountRef","idsRef","isNewRef","modesRef","valueWhileClosingRef","containerRef","hadPushRef","innerRefs","omitFlex","getNextContainerMode","arrayItems","_ref","list","limitedList","slice","map","_valueCountRef$curren","_modesRef$current$id","id","hasNewItems","isNew","_getNextContainerMode","itemContext","previousContainerMode","previous","initialContainerMode","modeOptions","options","nestedIteratePath","switchContainerMode","mode","_isNewRef$current","preventUpdate","newArrayValue","set","handlePush","element","handleRemove","keepItems","splice","fulfillRemove","_modesRef$current","_isNewRef$current2","findIndex","indexOf","restoreOriginalValue","total","last","flexProps","className","innerRef","arrayElements","createElement","size","itemProps","elementRef","renderChildren","elementChild","contextValue","content","Array","isArray","child","Provider","key","Item","tabIndex","Stack","Fragment","show","state","undefined","shellSpace","top","bottom","no_animation","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/Array/Array.tsx"],"sourcesContent":["import React, {\n  useMemo,\n  useRef,\n  useEffect,\n  useReducer,\n  createRef,\n  useContext,\n  useCallback,\n} from 'react'\nimport classnames from 'classnames'\nimport pointer from '../../utils/json-pointer'\nimport { useFieldProps } from '../../hooks'\nimport { makeUniqueId } from '../../../../shared/component-helper'\nimport { Flex, FormStatus, HeightAnimation } from '../../../../components'\nimport { Span } from '../../../../elements'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport useMountEffect from '../../../../shared/helpers/useMountEffect'\nimport useUpdateEffect from '../../../../shared/helpers/useUpdateEffect'\nimport {\n  BasicProps as FlexContainerProps,\n  Props as FlexContainerAllProps,\n  pickFlexContainerProps,\n} from '../../../../components/flex/Container'\nimport IterateItemContext, {\n  IterateItemContextState,\n  ModeOptions,\n} from '../IterateItemContext'\nimport SummaryListContext from '../../Value/SummaryList/SummaryListContext'\nimport ValueBlockContext from '../../ValueBlock/ValueBlockContext'\nimport FieldBoundaryProvider from '../../DataContext/FieldBoundary/FieldBoundaryProvider'\nimport DataContext from '../../DataContext/Context'\nimport useDataValue from '../../hooks/useDataValue'\nimport {\n  useArrayLimit,\n  useItemPath,\n  useSwitchContainerMode,\n} from '../hooks'\nimport { getMessagesFromError } from '../../FieldBlock'\n\nimport type { ContainerMode, ElementChild, Props, Value } from './types'\nimport type { Identifier } from '../../types'\n\n/**\n * Deprecated, as it is supported by all major browsers and Node.js >=v18\n * So its a question of time, when we will remove this polyfill\n */\nimport structuredClone from '@ungap/structured-clone'\n\nexport type * from './types'\n\nfunction ArrayComponent(props: Props) {\n  const [salt, forceUpdate] = useReducer(() => ({}), {})\n\n  const {\n    path: pathProp,\n    itemPath: itemPathProp,\n    countPath,\n    countPathTransform,\n    countPathLimit = Infinity,\n  } = props || {}\n\n  const dataContext = useContext(DataContext)\n  const summaryListContext = useContext(SummaryListContext)\n  const valueBlockContext = useContext(ValueBlockContext)\n  const { absolutePath } = useItemPath(itemPathProp)\n  const { setLimitProps, error: limitWarning } = useArrayLimit(\n    pathProp || absolutePath\n  )\n\n  const { getValueByPath } = useDataValue()\n  const getCountValue = useCallback(() => {\n    if (!countPath) {\n      return -1\n    }\n\n    let countValue = parseFloat(getValueByPath(countPath))\n    if (!(countValue >= 0)) {\n      countValue = 0\n    }\n    if (countValue > countPathLimit) {\n      countValue = countPathLimit\n    }\n\n    return countValue\n  }, [countPath, countPathLimit, getValueByPath])\n  const countValue = getCountValue()\n\n  const validateRequired = useCallback(\n    (value: Value, { emptyValue, required, error }) => {\n      if (\n        required &&\n        (!value || value?.length === 0 || value === emptyValue)\n      ) {\n        return error\n      }\n    },\n    []\n  )\n\n  const preparedProps = useMemo(() => {\n    const shared = {\n      required: false,\n      validateRequired,\n    }\n\n    if (countPath) {\n      const arrayValue = getValueByPath(pathProp)\n      const newValue = []\n      for (let i = 0, l = countValue; i < l; i++) {\n        const value = arrayValue?.[i]\n        newValue.push(\n          countPathTransform\n            ? countPathTransform({ value, index: i })\n            : value\n        )\n      }\n\n      return {\n        ...shared,\n        ...props,\n        value: newValue,\n      }\n    }\n\n    return {\n      ...shared,\n      ...props,\n    }\n  }, [\n    countPath,\n    countPathTransform,\n    countValue,\n    getValueByPath,\n    pathProp,\n    props,\n    validateRequired,\n  ])\n\n  const {\n    path,\n    itemPath,\n    value: arrayValue,\n    limit,\n    error,\n    withoutFlex,\n    emptyValue,\n    placeholder,\n    containerMode,\n    animate,\n    handleChange,\n    setChanged,\n    onChange,\n    validateValue,\n    children,\n  } = useFieldProps(preparedProps, {\n    // To ensure the defaultValue set on the Iterate.Array is set in the data context,\n    // and will not overwrite defaultValues set by fields inside the Iterate.Array.\n    updateContextDataInSync: true,\n    omitMultiplePathWarning: true,\n    forceUpdateWhenContextDataIsSet: Boolean(countPath),\n    alwaysRevealError: true,\n  })\n\n  // - Call onChange on the data context, if the count value changes\n  const countValueRef = useRef<number>()\n  useUpdateEffect(() => {\n    if (countPath) {\n      if (\n        typeof countValueRef.current === 'number' &&\n        countValue !== countValueRef.current\n      ) {\n        window.requestAnimationFrame(() => {\n          dataContext.handlePathChange(path, getValueByPath(path))\n        }) // so we get the correct value inside the array.\n      }\n      countValueRef.current = countValue\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [countValue])\n\n  useEffect(() => {\n    // Update inside the useEffect, to support React.StrictMode\n    valueCountRef.current = arrayValue || []\n  }, [arrayValue])\n\n  const idsRef = useRef<Array<Identifier>>([])\n  const isNewRef = useRef<Record<string, boolean>>({})\n  const modesRef = useRef<\n    Record<\n      Identifier,\n      {\n        current: ContainerMode\n        previous?: ContainerMode\n        options?: ModeOptions\n      }\n    >\n  >({})\n  const valueWhileClosingRef = useRef<Value>()\n  const valueCountRef = useRef(arrayValue)\n  const containerRef = useRef<HTMLDivElement>()\n  const hadPushRef = useRef<boolean>()\n  const innerRefs = useRef<\n    Record<string, React.RefObject<HTMLDivElement>>\n  >({})\n\n  const omitFlex = withoutFlex ?? (summaryListContext || valueBlockContext)\n\n  const { getNextContainerMode } = useSwitchContainerMode()\n\n  const arrayItems = useMemo(() => {\n    const list = (valueWhileClosingRef.current || arrayValue) ?? []\n    const limitedList =\n      typeof limit === 'number' ? list.slice(0, limit) : list\n\n    return limitedList.map((value, index) => {\n      const id = idsRef.current[index] || makeUniqueId()\n\n      const hasNewItems =\n        arrayValue?.length > valueCountRef.current?.length\n\n      if (!idsRef.current[index]) {\n        isNewRef.current[id] = hasNewItems\n        idsRef.current.push(id)\n      }\n\n      const isNew = isNewRef.current[id] || false\n      if (!modesRef.current[id]?.current) {\n        modesRef.current[id] = {\n          current:\n            containerMode ??\n            (isNew ? getNextContainerMode() ?? 'edit' : 'auto'),\n        }\n      }\n\n      const itemContext: IterateItemContextState = {\n        id,\n        path,\n        itemPath,\n        value,\n        index,\n        arrayValue,\n        containerRef,\n        isNew,\n        containerMode: modesRef.current[id].current,\n        previousContainerMode: modesRef.current[id].previous,\n        initialContainerMode: containerMode || 'auto',\n        modeOptions: modesRef.current[id].options,\n        nestedIteratePath: absolutePath,\n        switchContainerMode: (mode, options = {}) => {\n          modesRef.current[id].previous = modesRef.current[id].current\n          modesRef.current[id].current = mode\n          modesRef.current[id].options = options\n          delete isNewRef.current?.[id]\n          if (options?.preventUpdate !== true) {\n            forceUpdate()\n          }\n        },\n        handleChange: (path, value) => {\n          const newArrayValue = structuredClone(arrayValue)\n\n          // Make sure we have a new object reference,\n          // else two new objects will be the same\n          newArrayValue[index] = { ...newArrayValue[index] }\n\n          pointer.set(newArrayValue, path, value)\n          handleChange(newArrayValue)\n        },\n        handlePush: (element) => {\n          hadPushRef.current = true\n          handleChange([...(arrayValue || []), element])\n        },\n        handleRemove: ({ keepItems = false } = {}) => {\n          if (keepItems) {\n            // Add a backup as the array value while animating\n            valueWhileClosingRef.current = arrayValue\n          }\n\n          const newArrayValue = structuredClone(arrayValue)\n          newArrayValue.splice(index, 1)\n          handleChange(newArrayValue)\n        },\n\n        // - Called after animation end\n        fulfillRemove: () => {\n          valueWhileClosingRef.current = null\n          delete modesRef.current?.[id]\n          delete isNewRef.current?.[id]\n          const findIndex = idsRef.current.indexOf(id)\n          idsRef.current.splice(findIndex, 1)\n          forceUpdate()\n        },\n\n        // - Called when cancel button press\n        restoreOriginalValue: (value) => {\n          if (value) {\n            const newArrayValue = structuredClone(arrayValue)\n            newArrayValue[index] = value\n            handleChange(newArrayValue)\n          }\n        },\n      }\n\n      return itemContext\n    })\n\n    // In order to update \"valueWhileClosingRef\" we need to have \"salt\" in the deps array\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [salt, arrayValue, limit, path, itemPath, absolutePath, handleChange])\n\n  const total = arrayItems.length\n  useEffect(() => {\n    if (limit) {\n      setLimitProps({ limit, total })\n    }\n  }, [total, limit, setLimitProps])\n\n  useUpdateEffect(() => {\n    validateValue()\n  }, [total, validateValue])\n\n  useMountEffect(() => {\n    // To ensure the validator is called when a new item is added\n    setChanged(true)\n  })\n\n  // - Call the onChange callback when a new element is added without calling \"handlePush\"\n  useMemo(() => {\n    const last = arrayItems?.[arrayItems.length - 1]\n    if (last?.isNew && !hadPushRef.current) {\n      onChange?.(arrayValue)\n    } else {\n      hadPushRef.current = false\n    }\n  }, [arrayValue, arrayItems, onChange])\n\n  const flexProps: FlexContainerProps & {\n    innerRef: FlexContainerAllProps['innerRef']\n  } = {\n    className: classnames(\n      'dnb-forms-iterate',\n      'dnb-forms-section', // To support containers\n      props?.className\n    ),\n    ...pickFlexContainerProps(props as FlexContainerProps),\n    ...pickSpacingProps(props),\n    innerRef: containerRef,\n  }\n\n  const arrayElements =\n    arrayValue === emptyValue || props?.value?.length === 0 ? (\n      typeof placeholder === 'string' ? (\n        <Span size=\"small\">{placeholder}</Span>\n      ) : (\n        placeholder\n      )\n    ) : (\n      arrayItems.map((itemProps) => {\n        const { id, value, index } = itemProps\n        const elementRef = (innerRefs.current[id] =\n          innerRefs.current[id] || createRef<HTMLDivElement>())\n\n        const renderChildren = (elementChild: ElementChild) => {\n          return typeof elementChild === 'function'\n            ? elementChild(value, index, arrayItems)\n            : elementChild\n        }\n\n        const contextValue = {\n          ...itemProps,\n          elementRef,\n        }\n\n        const content = Array.isArray(children)\n          ? children.map((child) => renderChildren(child))\n          : renderChildren(children)\n\n        if (omitFlex) {\n          return (\n            <IterateItemContext.Provider\n              key={`element-${id}`}\n              value={contextValue}\n            >\n              <FieldBoundaryProvider>{content}</FieldBoundaryProvider>\n            </IterateItemContext.Provider>\n          )\n        }\n\n        return (\n          <Flex.Item\n            className=\"dnb-forms-iterate__element\"\n            tabIndex={-1}\n            innerRef={elementRef}\n            key={`element-${id}`}\n          >\n            <IterateItemContext.Provider value={contextValue}>\n              <FieldBoundaryProvider>{content}</FieldBoundaryProvider>\n            </IterateItemContext.Provider>\n          </Flex.Item>\n        )\n      })\n    )\n\n  const content = omitFlex ? (\n    arrayElements\n  ) : (\n    <Flex.Stack {...flexProps}>{arrayElements}</Flex.Stack>\n  )\n\n  return (\n    <>\n      {animate ? <HeightAnimation>{content}</HeightAnimation> : content}\n\n      <FormStatus\n        show={Boolean(error || limitWarning)}\n        state={!error && limitWarning ? 'warning' : undefined}\n        shellSpace={{ top: 0, bottom: 'medium' }}\n        no_animation={false}\n      >\n        {getMessagesFromError({ content: error || limitWarning })[0]}\n      </FormStatus>\n    </>\n  )\n}\n\nArrayComponent._supportsSpacingProps = true\nexport default ArrayComponent\n"],"mappings":"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"}
+{"version":3,"file":"Array.js","names":["React","useMemo","useRef","useEffect","useReducer","createRef","useContext","useCallback","classnames","pointer","useFieldProps","makeUniqueId","Flex","FormStatus","HeightAnimation","Span","pickSpacingProps","useMountEffect","useUpdateEffect","pickFlexContainerProps","IterateItemContext","SummaryListContext","ValueBlockContext","FieldBoundaryProvider","DataContext","useDataValue","useArrayLimit","useItemPath","useSwitchContainerMode","getMessagesFromError","structuredClone","ArrayComponent","props","_props$value","salt","forceUpdate","path","pathProp","itemPath","itemPathProp","reverse","countPath","countPathTransform","countPathLimit","Infinity","dataContext","summaryListContext","valueBlockContext","absolutePath","setLimitProps","error","limitWarning","getValueByPath","getCountValue","countValue","parseFloat","validateRequired","value","emptyValue","required","length","preparedProps","shared","arrayValue","newValue","i","l","push","index","_objectSpread","limit","withoutFlex","placeholder","containerMode","animate","handleChange","setChanged","onChange","validateValue","children","updateContextDataInSync","omitMultiplePathWarning","forceUpdateWhenContextDataIsSet","Boolean","alwaysRevealError","countValueRef","current","window","requestAnimationFrame","handlePathChange","valueCountRef","idsRef","isNewRef","modesRef","valueWhileClosingRef","containerRef","hadPushRef","innerRefs","omitFlex","getNextContainerMode","arrayItems","_ref","list","limitedList","slice","map","_valueCountRef$curren","_modesRef$current$id","id","hasNewItems","isNew","_getNextContainerMode","itemContext","previousContainerMode","previous","initialContainerMode","modeOptions","options","nestedIteratePath","switchContainerMode","mode","_isNewRef$current","preventUpdate","newArrayValue","set","handlePush","element","handleRemove","keepItems","splice","fulfillRemove","_modesRef$current","_isNewRef$current2","findIndex","indexOf","restoreOriginalValue","total","last","flexProps","className","innerRef","arrayElements","createElement","size","itemProps","elementRef","renderChildren","elementChild","contextValue","content","Array","isArray","child","Provider","key","Item","tabIndex","Stack","Fragment","show","state","undefined","shellSpace","top","bottom","no_animation","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/Array/Array.tsx"],"sourcesContent":["import React, {\n  useMemo,\n  useRef,\n  useEffect,\n  useReducer,\n  createRef,\n  useContext,\n  useCallback,\n} from 'react'\nimport classnames from 'classnames'\nimport pointer from '../../utils/json-pointer'\nimport { useFieldProps } from '../../hooks'\nimport { makeUniqueId } from '../../../../shared/component-helper'\nimport { Flex, FormStatus, HeightAnimation } from '../../../../components'\nimport { Span } from '../../../../elements'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport useMountEffect from '../../../../shared/helpers/useMountEffect'\nimport useUpdateEffect from '../../../../shared/helpers/useUpdateEffect'\nimport {\n  BasicProps as FlexContainerProps,\n  Props as FlexContainerAllProps,\n  pickFlexContainerProps,\n} from '../../../../components/flex/Container'\nimport IterateItemContext, {\n  IterateItemContextState,\n  ModeOptions,\n} from '../IterateItemContext'\nimport SummaryListContext from '../../Value/SummaryList/SummaryListContext'\nimport ValueBlockContext from '../../ValueBlock/ValueBlockContext'\nimport FieldBoundaryProvider from '../../DataContext/FieldBoundary/FieldBoundaryProvider'\nimport DataContext from '../../DataContext/Context'\nimport useDataValue from '../../hooks/useDataValue'\nimport {\n  useArrayLimit,\n  useItemPath,\n  useSwitchContainerMode,\n} from '../hooks'\nimport { getMessagesFromError } from '../../FieldBlock'\n\nimport type { ContainerMode, ElementChild, Props, Value } from './types'\nimport type { Identifier } from '../../types'\n\n/**\n * Deprecated, as it is supported by all major browsers and Node.js >=v18\n * So its a question of time, when we will remove this polyfill\n */\nimport structuredClone from '@ungap/structured-clone'\n\nexport type * from './types'\n\nfunction ArrayComponent(props: Props) {\n  const [salt, forceUpdate] = useReducer(() => ({}), {})\n\n  const {\n    path: pathProp,\n    itemPath: itemPathProp,\n    reverse,\n    countPath,\n    countPathTransform,\n    countPathLimit = Infinity,\n  } = props || {}\n\n  const dataContext = useContext(DataContext)\n  const summaryListContext = useContext(SummaryListContext)\n  const valueBlockContext = useContext(ValueBlockContext)\n  const { absolutePath } = useItemPath(itemPathProp)\n  const { setLimitProps, error: limitWarning } = useArrayLimit(\n    pathProp || absolutePath\n  )\n\n  const { getValueByPath } = useDataValue()\n  const getCountValue = useCallback(() => {\n    if (!countPath) {\n      return -1\n    }\n\n    let countValue = parseFloat(getValueByPath(countPath))\n    if (!(countValue >= 0)) {\n      countValue = 0\n    }\n    if (countValue > countPathLimit) {\n      countValue = countPathLimit\n    }\n\n    return countValue\n  }, [countPath, countPathLimit, getValueByPath])\n  const countValue = getCountValue()\n\n  const validateRequired = useCallback(\n    (value: Value, { emptyValue, required, error }) => {\n      if (\n        required &&\n        (!value || value?.length === 0 || value === emptyValue)\n      ) {\n        return error\n      }\n    },\n    []\n  )\n\n  const preparedProps = useMemo(() => {\n    const shared = {\n      required: false,\n      validateRequired,\n    }\n\n    if (countPath) {\n      const arrayValue = getValueByPath(pathProp)\n      const newValue = []\n      for (let i = 0, l = countValue; i < l; i++) {\n        const value = arrayValue?.[i]\n        newValue.push(\n          countPathTransform\n            ? countPathTransform({ value, index: i })\n            : value\n        )\n      }\n\n      return {\n        ...shared,\n        ...props,\n        value: newValue,\n      }\n    }\n\n    return {\n      ...shared,\n      ...props,\n    }\n  }, [\n    countPath,\n    countPathTransform,\n    countValue,\n    getValueByPath,\n    pathProp,\n    props,\n    validateRequired,\n  ])\n\n  const {\n    path,\n    itemPath,\n    value: arrayValue,\n    limit,\n    error,\n    withoutFlex,\n    emptyValue,\n    placeholder,\n    containerMode,\n    animate,\n    handleChange,\n    setChanged,\n    onChange,\n    validateValue,\n    children,\n  } = useFieldProps(preparedProps, {\n    // To ensure the defaultValue set on the Iterate.Array is set in the data context,\n    // and will not overwrite defaultValues set by fields inside the Iterate.Array.\n    updateContextDataInSync: true,\n    omitMultiplePathWarning: true,\n    forceUpdateWhenContextDataIsSet: Boolean(countPath),\n    alwaysRevealError: true,\n  })\n\n  // - Call onChange on the data context, if the count value changes\n  const countValueRef = useRef<number>()\n  useUpdateEffect(() => {\n    if (countPath) {\n      if (\n        typeof countValueRef.current === 'number' &&\n        countValue !== countValueRef.current\n      ) {\n        window.requestAnimationFrame(() => {\n          dataContext.handlePathChange(path, getValueByPath(path))\n        }) // so we get the correct value inside the array.\n      }\n      countValueRef.current = countValue\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [countValue])\n\n  useEffect(() => {\n    // Update inside the useEffect, to support React.StrictMode\n    valueCountRef.current = arrayValue || []\n  }, [arrayValue])\n\n  const idsRef = useRef<Array<Identifier>>([])\n  const isNewRef = useRef<Record<string, boolean>>({})\n  const modesRef = useRef<\n    Record<\n      Identifier,\n      {\n        current: ContainerMode\n        previous?: ContainerMode\n        options?: ModeOptions\n      }\n    >\n  >({})\n  const valueWhileClosingRef = useRef<Value>()\n  const valueCountRef = useRef(arrayValue)\n  const containerRef = useRef<HTMLDivElement>()\n  const hadPushRef = useRef<boolean>()\n  const innerRefs = useRef<\n    Record<string, React.RefObject<HTMLDivElement>>\n  >({})\n\n  const omitFlex = withoutFlex ?? (summaryListContext || valueBlockContext)\n\n  const { getNextContainerMode } = useSwitchContainerMode()\n\n  const arrayItems = useMemo(() => {\n    const list = (valueWhileClosingRef.current || arrayValue) ?? []\n    const limitedList =\n      typeof limit === 'number' ? list.slice(0, limit) : list\n\n    const arrayItems = limitedList.map((value, index) => {\n      const id = idsRef.current[index] || makeUniqueId()\n\n      const hasNewItems =\n        arrayValue?.length > valueCountRef.current?.length\n\n      if (!idsRef.current[index]) {\n        isNewRef.current[id] = hasNewItems\n        idsRef.current.push(id)\n      }\n\n      const isNew = isNewRef.current[id] || false\n      if (!modesRef.current[id]?.current) {\n        modesRef.current[id] = {\n          current:\n            containerMode ??\n            (isNew ? getNextContainerMode() ?? 'edit' : 'auto'),\n        }\n      }\n\n      const itemContext: IterateItemContextState = {\n        id,\n        path,\n        itemPath,\n        value,\n        index,\n        arrayValue,\n        containerRef,\n        isNew,\n        containerMode: modesRef.current[id].current,\n        previousContainerMode: modesRef.current[id].previous,\n        initialContainerMode: containerMode || 'auto',\n        modeOptions: modesRef.current[id].options,\n        nestedIteratePath: absolutePath,\n        switchContainerMode: (mode, options = {}) => {\n          modesRef.current[id].previous = modesRef.current[id].current\n          modesRef.current[id].current = mode\n          modesRef.current[id].options = options\n          delete isNewRef.current?.[id]\n          if (options?.preventUpdate !== true) {\n            forceUpdate()\n          }\n        },\n        handleChange: (path, value) => {\n          const newArrayValue = structuredClone(arrayValue)\n\n          // Make sure we have a new object reference,\n          // else two new objects will be the same\n          newArrayValue[index] = { ...newArrayValue[index] }\n\n          pointer.set(newArrayValue, path, value)\n          handleChange(newArrayValue)\n        },\n        handlePush: (element) => {\n          hadPushRef.current = true\n          handleChange([...(arrayValue || []), element])\n        },\n        handleRemove: ({ keepItems = false } = {}) => {\n          if (keepItems) {\n            // Add a backup as the array value while animating\n            valueWhileClosingRef.current = arrayValue\n          }\n\n          const newArrayValue = structuredClone(arrayValue)\n          newArrayValue.splice(index, 1)\n          handleChange(newArrayValue)\n        },\n\n        // - Called after animation end\n        fulfillRemove: () => {\n          valueWhileClosingRef.current = null\n          delete modesRef.current?.[id]\n          delete isNewRef.current?.[id]\n          const findIndex = idsRef.current.indexOf(id)\n          idsRef.current.splice(findIndex, 1)\n          forceUpdate()\n        },\n\n        // - Called when cancel button press\n        restoreOriginalValue: (value) => {\n          if (value) {\n            const newArrayValue = structuredClone(arrayValue)\n            newArrayValue[index] = value\n            handleChange(newArrayValue)\n          }\n        },\n      }\n\n      return itemContext\n    })\n\n    if (reverse) {\n      return arrayItems.reverse()\n    }\n\n    return arrayItems\n\n    // In order to update \"valueWhileClosingRef\" we need to have \"salt\" in the deps array\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [\n    salt,\n    arrayValue,\n    limit,\n    path,\n    itemPath,\n    absolutePath,\n    reverse,\n    handleChange,\n  ])\n\n  const total = arrayItems.length\n  useEffect(() => {\n    if (limit) {\n      setLimitProps({ limit, total })\n    }\n  }, [total, limit, setLimitProps])\n\n  useUpdateEffect(() => {\n    validateValue()\n  }, [total, validateValue])\n\n  useMountEffect(() => {\n    // To ensure the validator is called when a new item is added\n    setChanged(true)\n  })\n\n  // - Call the onChange callback when a new element is added without calling \"handlePush\"\n  useMemo(() => {\n    const last = arrayItems?.[arrayItems.length - 1]\n    if (last?.isNew && !hadPushRef.current) {\n      onChange?.(arrayValue)\n    } else {\n      hadPushRef.current = false\n    }\n  }, [arrayValue, arrayItems, onChange])\n\n  const flexProps: FlexContainerProps & {\n    innerRef: FlexContainerAllProps['innerRef']\n  } = {\n    className: classnames(\n      'dnb-forms-iterate',\n      'dnb-forms-section', // To support containers\n      props?.className\n    ),\n    ...pickFlexContainerProps(props as FlexContainerProps),\n    ...pickSpacingProps(props),\n    innerRef: containerRef,\n  }\n\n  const arrayElements =\n    arrayValue === emptyValue || props?.value?.length === 0 ? (\n      typeof placeholder === 'string' ? (\n        <Span size=\"small\">{placeholder}</Span>\n      ) : (\n        placeholder\n      )\n    ) : (\n      arrayItems.map((itemProps) => {\n        const { id, value, index } = itemProps\n        const elementRef = (innerRefs.current[id] =\n          innerRefs.current[id] || createRef<HTMLDivElement>())\n\n        const renderChildren = (elementChild: ElementChild) => {\n          return typeof elementChild === 'function'\n            ? elementChild(value, index, arrayItems)\n            : elementChild\n        }\n\n        const contextValue = {\n          ...itemProps,\n          elementRef,\n        }\n\n        const content = Array.isArray(children)\n          ? children.map((child) => renderChildren(child))\n          : renderChildren(children)\n\n        if (omitFlex) {\n          return (\n            <IterateItemContext.Provider\n              key={`element-${id}`}\n              value={contextValue}\n            >\n              <FieldBoundaryProvider>{content}</FieldBoundaryProvider>\n            </IterateItemContext.Provider>\n          )\n        }\n\n        return (\n          <Flex.Item\n            className=\"dnb-forms-iterate__element\"\n            tabIndex={-1}\n            innerRef={elementRef}\n            key={`element-${id}`}\n          >\n            <IterateItemContext.Provider value={contextValue}>\n              <FieldBoundaryProvider>{content}</FieldBoundaryProvider>\n            </IterateItemContext.Provider>\n          </Flex.Item>\n        )\n      })\n    )\n\n  const content = omitFlex ? (\n    arrayElements\n  ) : (\n    <Flex.Stack {...flexProps}>{arrayElements}</Flex.Stack>\n  )\n\n  return (\n    <>\n      {animate ? <HeightAnimation>{content}</HeightAnimation> : content}\n\n      <FormStatus\n        show={Boolean(error || limitWarning)}\n        state={!error && limitWarning ? 'warning' : undefined}\n        shellSpace={{ top: 0, bottom: 'medium' }}\n        no_animation={false}\n      >\n        {getMessagesFromError({ content: error || limitWarning })[0]}\n      </FormStatus>\n    </>\n  )\n}\n\nArrayComponent._supportsSpacingProps = true\nexport default ArrayComponent\n"],"mappings":"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"}

package/es/extensions/forms/Iterate/Array/ArrayDocs.js

@@ -25,6 +25,11 @@ export const ArrayProperties = {
     type: 'number',
     status: 'optional'
   },
+  reverse: {
+    doc: 'When `true` it will reverse the order of the items.',
+    type: 'boolean',
+    status: 'optional'
+  },
   countPath: {
     doc: 'A path (JSON Pointer) to the array length.',
     type: 'string',

package/es/extensions/forms/Iterate/Array/ArrayDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArrayDocs.js","names":["DataValueWritePropsProperties","ArrayProperties","value","doc","type","status","path","itemPath","required","limit","countPath","countPathTransform","countPathLimit","withoutFlex","animate","placeholder","emptyValue","containerMode","onChangeValidator","validateInitially","validateContinuously","children","ArrayEvents","onChange"],"sources":["../../../../../../src/extensions/forms/Iterate/Array/ArrayDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\nimport { DataValueWritePropsProperties } from '../../hooks/DataValueWritePropsDocs'\n\nexport const ArrayProperties: PropertiesTableProps = {\n  value: {\n    doc: 'The data to iterate over. Alternative you can use the `path` prop.',\n    type: 'array',\n    status: 'optional',\n  },\n  path: {\n    doc: 'A path (JSON Pointer) to the array to iterate over.',\n    type: 'string',\n    status: 'optional',\n  },\n  itemPath: {\n    doc: 'A path (JSON Pointer) to nested array items.',\n    type: 'string',\n    status: 'optional',\n  },\n  required: {\n    doc: \"If the array is required. It does not automatically inherit the `required` property in the same way that `Field.*` components do. You may provide a custom error message to give the user a more useful message than the default one: `errorMessages={{ 'Field.errorRequired': 'Custom message' }}`\",\n    type: 'boolean',\n    status: 'optional',\n  },\n  limit: {\n    doc: 'Limit the number of rendered items to iterate over. Defaults to `undefined`.',\n    type: 'number',\n    status: 'optional',\n  },\n  countPath: {\n    doc: 'A path (JSON Pointer) to the array length.',\n    type: 'string',\n    status: 'optional',\n  },\n  countPathTransform: {\n    doc: 'Will transform the current value before it is displayed.',\n    type: 'function',\n    status: 'optional',\n  },\n  countPathLimit: {\n    doc: 'Will limit the iterate amount by given \"countPathLimit\" value.',\n    type: 'number',\n    status: 'optional',\n  },\n  withoutFlex: {\n    doc: 'When `true` it will omit the Flex.Stack wrapper so it can be used for tables and lists.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  animate: {\n    doc: 'When `true` it will animate the height of the items.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  placeholder: {\n    doc: 'Will be shown if the value or data context value is empty.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  emptyValue: {\n    doc: 'Will be used to compare the value in order to show the placeholder.',\n    type: 'unknown',\n    status: 'optional',\n  },\n  containerMode: {\n    doc: 'Defines the container mode for all nested containers. Can be `view`, `edit` or `auto`. When using `auto`, it will automatically open if there is an error in the container. When a new item is added, the item before it will change to `view` mode, if it had no validation errors. Defaults to `auto`.',\n    type: 'string',\n    status: 'optional',\n  },\n  onChangeValidator: DataValueWritePropsProperties.onChangeValidator,\n  validateInitially: DataValueWritePropsProperties.validateInitially,\n  validateContinuously: DataValueWritePropsProperties.validateContinuously,\n  children: {\n    doc: 'React.Node or a function so you can get the current value as the first function parameter, and the index as the second parameter as well as the array of internal items as the third parameter.',\n    type: ['React.ReactNode', 'function'],\n    status: 'optional',\n  },\n  '[Flex.Stack](/uilib/layout/flex/stack/properties)': {\n    doc: 'All Flex.Stack properties.',\n    type: 'Various',\n    status: 'optional',\n  },\n}\n\nexport const ArrayEvents: PropertiesTableProps = {\n  onChange: {\n    doc: 'Will be called when a value of a field was changed by the user, with the data set (including the changed value) as argument.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":"AACA,SAASA,6BAA6B,QAAQ,qCAAqC;AAEnF,OAAO,MAAMC,eAAqC,GAAG;EACnDC,KAAK,EAAE;IACLC,GAAG,EAAE,oEAAoE;IACzEC,IAAI,EAAE,OAAO;IACbC,MAAM,EAAE;EACV,CAAC;EACDC,IAAI,EAAE;IACJH,GAAG,EAAE,qDAAqD;IAC1DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,QAAQ,EAAE;IACRJ,GAAG,EAAE,8CAA8C;IACnDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,QAAQ,EAAE;IACRL,GAAG,EAAE,qSAAqS;IAC1SC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDI,KAAK,EAAE;IACLN,GAAG,EAAE,8EAA8E;IACnFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,SAAS,EAAE;IACTP,GAAG,EAAE,4CAA4C;IACjDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDM,kBAAkB,EAAE;IAClBR,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDO,cAAc,EAAE;IACdT,GAAG,EAAE,gEAAgE;IACrEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDQ,WAAW,EAAE;IACXV,GAAG,EAAE,yFAAyF;IAC9FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDS,OAAO,EAAE;IACPX,GAAG,EAAE,sDAAsD;IAC3DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDU,WAAW,EAAE;IACXZ,GAAG,EAAE,4DAA4D;IACjEC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDW,UAAU,EAAE;IACVb,GAAG,EAAE,qEAAqE;IAC1EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDY,aAAa,EAAE;IACbd,GAAG,EAAE,0SAA0S;IAC/SC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDa,iBAAiB,EAAElB,6BAA6B,CAACkB,iBAAiB;EAClEC,iBAAiB,EAAEnB,6BAA6B,CAACmB,iBAAiB;EAClEC,oBAAoB,EAAEpB,6BAA6B,CAACoB,oBAAoB;EACxEC,QAAQ,EAAE;IACRlB,GAAG,EAAE,iMAAiM;IACtMC,IAAI,EAAE,CAAC,iBAAiB,EAAE,UAAU,CAAC;IACrCC,MAAM,EAAE;EACV,CAAC;EACD,mDAAmD,EAAE;IACnDF,GAAG,EAAE,4BAA4B;IACjCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AACF,CAAC;AAED,OAAO,MAAMiB,WAAiC,GAAG;EAC/CC,QAAQ,EAAE;IACRpB,GAAG,EAAE,8HAA8H;IACnIC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV;AACF,CAAC"}
+{"version":3,"file":"ArrayDocs.js","names":["DataValueWritePropsProperties","ArrayProperties","value","doc","type","status","path","itemPath","required","limit","reverse","countPath","countPathTransform","countPathLimit","withoutFlex","animate","placeholder","emptyValue","containerMode","onChangeValidator","validateInitially","validateContinuously","children","ArrayEvents","onChange"],"sources":["../../../../../../src/extensions/forms/Iterate/Array/ArrayDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\nimport { DataValueWritePropsProperties } from '../../hooks/DataValueWritePropsDocs'\n\nexport const ArrayProperties: PropertiesTableProps = {\n  value: {\n    doc: 'The data to iterate over. Alternative you can use the `path` prop.',\n    type: 'array',\n    status: 'optional',\n  },\n  path: {\n    doc: 'A path (JSON Pointer) to the array to iterate over.',\n    type: 'string',\n    status: 'optional',\n  },\n  itemPath: {\n    doc: 'A path (JSON Pointer) to nested array items.',\n    type: 'string',\n    status: 'optional',\n  },\n  required: {\n    doc: \"If the array is required. It does not automatically inherit the `required` property in the same way that `Field.*` components do. You may provide a custom error message to give the user a more useful message than the default one: `errorMessages={{ 'Field.errorRequired': 'Custom message' }}`\",\n    type: 'boolean',\n    status: 'optional',\n  },\n  limit: {\n    doc: 'Limit the number of rendered items to iterate over. Defaults to `undefined`.',\n    type: 'number',\n    status: 'optional',\n  },\n  reverse: {\n    doc: 'When `true` it will reverse the order of the items.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  countPath: {\n    doc: 'A path (JSON Pointer) to the array length.',\n    type: 'string',\n    status: 'optional',\n  },\n  countPathTransform: {\n    doc: 'Will transform the current value before it is displayed.',\n    type: 'function',\n    status: 'optional',\n  },\n  countPathLimit: {\n    doc: 'Will limit the iterate amount by given \"countPathLimit\" value.',\n    type: 'number',\n    status: 'optional',\n  },\n  withoutFlex: {\n    doc: 'When `true` it will omit the Flex.Stack wrapper so it can be used for tables and lists.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  animate: {\n    doc: 'When `true` it will animate the height of the items.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  placeholder: {\n    doc: 'Will be shown if the value or data context value is empty.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  emptyValue: {\n    doc: 'Will be used to compare the value in order to show the placeholder.',\n    type: 'unknown',\n    status: 'optional',\n  },\n  containerMode: {\n    doc: 'Defines the container mode for all nested containers. Can be `view`, `edit` or `auto`. When using `auto`, it will automatically open if there is an error in the container. When a new item is added, the item before it will change to `view` mode, if it had no validation errors. Defaults to `auto`.',\n    type: 'string',\n    status: 'optional',\n  },\n  onChangeValidator: DataValueWritePropsProperties.onChangeValidator,\n  validateInitially: DataValueWritePropsProperties.validateInitially,\n  validateContinuously: DataValueWritePropsProperties.validateContinuously,\n  children: {\n    doc: 'React.Node or a function so you can get the current value as the first function parameter, and the index as the second parameter as well as the array of internal items as the third parameter.',\n    type: ['React.ReactNode', 'function'],\n    status: 'optional',\n  },\n  '[Flex.Stack](/uilib/layout/flex/stack/properties)': {\n    doc: 'All Flex.Stack properties.',\n    type: 'Various',\n    status: 'optional',\n  },\n}\n\nexport const ArrayEvents: PropertiesTableProps = {\n  onChange: {\n    doc: 'Will be called when a value of a field was changed by the user, with the data set (including the changed value) as argument.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":"AACA,SAASA,6BAA6B,QAAQ,qCAAqC;AAEnF,OAAO,MAAMC,eAAqC,GAAG;EACnDC,KAAK,EAAE;IACLC,GAAG,EAAE,oEAAoE;IACzEC,IAAI,EAAE,OAAO;IACbC,MAAM,EAAE;EACV,CAAC;EACDC,IAAI,EAAE;IACJH,GAAG,EAAE,qDAAqD;IAC1DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,QAAQ,EAAE;IACRJ,GAAG,EAAE,8CAA8C;IACnDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,QAAQ,EAAE;IACRL,GAAG,EAAE,qSAAqS;IAC1SC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDI,KAAK,EAAE;IACLN,GAAG,EAAE,8EAA8E;IACnFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,OAAO,EAAE;IACPP,GAAG,EAAE,qDAAqD;IAC1DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDM,SAAS,EAAE;IACTR,GAAG,EAAE,4CAA4C;IACjDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDO,kBAAkB,EAAE;IAClBT,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDQ,cAAc,EAAE;IACdV,GAAG,EAAE,gEAAgE;IACrEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDS,WAAW,EAAE;IACXX,GAAG,EAAE,yFAAyF;IAC9FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDU,OAAO,EAAE;IACPZ,GAAG,EAAE,sDAAsD;IAC3DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDW,WAAW,EAAE;IACXb,GAAG,EAAE,4DAA4D;IACjEC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDY,UAAU,EAAE;IACVd,GAAG,EAAE,qEAAqE;IAC1EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDa,aAAa,EAAE;IACbf,GAAG,EAAE,0SAA0S;IAC/SC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDc,iBAAiB,EAAEnB,6BAA6B,CAACmB,iBAAiB;EAClEC,iBAAiB,EAAEpB,6BAA6B,CAACoB,iBAAiB;EAClEC,oBAAoB,EAAErB,6BAA6B,CAACqB,oBAAoB;EACxEC,QAAQ,EAAE;IACRnB,GAAG,EAAE,iMAAiM;IACtMC,IAAI,EAAE,CAAC,iBAAiB,EAAE,UAAU,CAAC;IACrCC,MAAM,EAAE;EACV,CAAC;EACD,mDAAmD,EAAE;IACnDF,GAAG,EAAE,4BAA4B;IACjCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AACF,CAAC;AAED,OAAO,MAAMkB,WAAiC,GAAG;EAC/CC,QAAQ,EAAE;IACRrB,GAAG,EAAE,8HAA8H;IACnIC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV;AACF,CAAC"}

package/es/extensions/forms/Iterate/Array/types.d.ts

@@ -10,6 +10,7 @@ export type Props = Omit<FlexContainerProps, keyof Omit<React.HTMLAttributes<HTM
     path?: Path;
     itemPath?: Path;
     limit?: number;
+    reverse?: boolean;
     countPath?: Path;
     countPathLimit?: number;
     onChangeValidator?: Validator<Value>;

package/es/extensions/forms/Iterate/Array/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/extensions/forms/Iterate/Array/types.ts"],"sourcesContent":["import {\n  DefaultErrorMessages,\n  Path,\n  UseFieldProps,\n  Validator,\n} from '../../types'\nimport { Props as FlexContainerProps } from '../../../../components/flex/Container'\nimport { IterateItemContextState } from '../IterateItemContext'\n\nexport type ContainerMode = 'view' | 'edit' | 'auto'\nexport type Value = Array<unknown | Record<string, unknown>>\nexport type ElementChild =\n  | React.ReactNode\n  | ((\n      value: any,\n      index: number,\n      arrayItems: Array<IterateItemContextState>\n    ) => React.ReactNode)\nexport type Props = Omit<\n  FlexContainerProps,\n  keyof Omit<React.HTMLAttributes<HTMLDivElement>, 'className'>\n> &\n  Pick<\n    UseFieldProps<Value, undefined | Value>,\n    | 'value'\n    | 'defaultValue'\n    | 'emptyValue'\n    | 'onChange'\n    | 'validateInitially'\n    | 'continuousValidation'\n    | 'validateContinuously'\n  > & {\n    children: ElementChild | Array<ElementChild>\n    path?: Path\n    itemPath?: Path\n    limit?: number\n    countPath?: Path\n    countPathLimit?: number\n    onChangeValidator?: Validator<Value>\n    withoutFlex?: boolean\n    animate?: boolean\n    placeholder?: React.ReactNode\n    containerMode?: ContainerMode\n    required?: boolean\n    errorMessages?: DefaultErrorMessages\n    countPathTransform?: (params: { value: any; index: number }) => any\n\n    // internal\n    validateValue?: () => void\n  }\n"],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/extensions/forms/Iterate/Array/types.ts"],"sourcesContent":["import {\n  DefaultErrorMessages,\n  Path,\n  UseFieldProps,\n  Validator,\n} from '../../types'\nimport { Props as FlexContainerProps } from '../../../../components/flex/Container'\nimport { IterateItemContextState } from '../IterateItemContext'\n\nexport type ContainerMode = 'view' | 'edit' | 'auto'\nexport type Value = Array<unknown | Record<string, unknown>>\nexport type ElementChild =\n  | React.ReactNode\n  | ((\n      value: any,\n      index: number,\n      arrayItems: Array<IterateItemContextState>\n    ) => React.ReactNode)\nexport type Props = Omit<\n  FlexContainerProps,\n  keyof Omit<React.HTMLAttributes<HTMLDivElement>, 'className'>\n> &\n  Pick<\n    UseFieldProps<Value, undefined | Value>,\n    | 'value'\n    | 'defaultValue'\n    | 'emptyValue'\n    | 'onChange'\n    | 'validateInitially'\n    | 'continuousValidation'\n    | 'validateContinuously'\n  > & {\n    children: ElementChild | Array<ElementChild>\n    path?: Path\n    itemPath?: Path\n    limit?: number\n    reverse?: boolean\n    countPath?: Path\n    countPathLimit?: number\n    onChangeValidator?: Validator<Value>\n    withoutFlex?: boolean\n    animate?: boolean\n    placeholder?: React.ReactNode\n    containerMode?: ContainerMode\n    required?: boolean\n    errorMessages?: DefaultErrorMessages\n    countPathTransform?: (params: { value: any; index: number }) => any\n\n    // internal\n    validateValue?: () => void\n  }\n"],"mappings":""}

package/es/extensions/forms/Iterate/PushContainer/PushContainer.d.ts

@@ -27,6 +27,10 @@ export type Props = (OnlyPathRequired | OnlyItemPathRequired) & {
      * If the fields inside the container are required.
      */
     required?: boolean;
+    /**
+     * The index to insert the new item at.
+     */
+    insertAt?: number;
     /**
      * The button to open container.
      */

package/es/extensions/forms/Iterate/PushContainer/PushContainer.js

@@ -3,7 +3,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["data", "defaultData", "isolatedData", "bubbleValidation", "path", "itemPath", "title", "required", "children", "openButton", "showOpenButtonWhen", "onCommit"],
+const _excluded = ["data", "defaultData", "isolatedData", "bubbleValidation", "path", "itemPath", "insertAt", "title", "required", "children", "openButton", "showOpenButtonWhen", "onCommit"],
   _excluded2 = ["title", "openButton", "showOpenButton", "switchContainerModeRef", "cancelHandler", "containerModeRef", "rerenderPushContainer", "children"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -33,6 +33,7 @@ function PushContainer(props) {
       bubbleValidation,
       path,
       itemPath,
+      insertAt,
       title,
       required = requiredInherited,
       children,
@@ -105,7 +106,7 @@ function PushContainer(props) {
     transformOnCommit: ({
       pushContainerItems
     }) => {
-      return moveValueToPath(path || absolutePath, [...entries, ...pushContainerItems], absolutePath ? structuredClone(getValueByPath('/')) : {});
+      return moveValueToPath(path || absolutePath, typeof insertAt === 'number' ? [...entries.slice(0, insertAt), ...pushContainerItems, ...entries.slice(insertAt)] : [...entries, ...pushContainerItems], absolutePath ? structuredClone(getValueByPath('/')) : {});
     },
     onCommit: (data, options) => {
       const {

package/es/extensions/forms/Iterate/PushContainer/PushContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"PushContainer.js","names":["React","useCallback","useContext","useEffect","useMemo","useReducer","useRef","Isolation","PushContainerContext","IterateItemContext","DataContext","useDataValue","EditContainer","CancelButton","DoneButton","IterateArray","OpenButton","Flex","HeightAnimation","useArrayLimit","useItemPath","useSwitchContainerMode","Toolbar","useTranslation","clearedData","structuredClone","PushContainer","props","_useContext","forceUpdate","requiredInherited","required","data","dataProp","defaultData","defaultDataProp","isolatedData","bubbleValidation","path","itemPath","title","children","openButton","showOpenButtonWhen","onCommit","rest","_objectWithoutProperties","_excluded","absolutePath","commitHandleRef","switchContainerModeRef","containerModeRef","value","entries","moveValueToPath","getValueByPath","setNextContainerMode","hasReachedLimit","setShowStatus","cancelHandler","showOpenButton","newItemContextProps","switchContainerMode","current","_objectSpread","pushContainerItems","emptyData","_data$pushContainerIt","firstItem","createElement","transformOnCommit","options","clearData","preventCommit","_switchContainerModeR","call","Provider","containerMode","withoutFlex","NewContainer","_extends","rerenderPushContainer","_ref","_DoneButton","_CancelButton","_excluded2","createButton","IteratePushContainer","restoreOriginalValue","toolbar","Consumer","context","Horizontal","gap","text","onClick","Fragment","open","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/PushContainer/PushContainer.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useReducer,\n  useRef,\n} from 'react'\nimport Isolation from '../../Form/Isolation'\nimport PushContainerContext from './PushContainerContext'\nimport IterateItemContext from '../IterateItemContext'\nimport DataContext from '../../DataContext/Context'\nimport useDataValue from '../../hooks/useDataValue'\nimport EditContainer, { CancelButton, DoneButton } from '../EditContainer'\nimport IterateArray, { ContainerMode } from '../Array'\nimport OpenButton from './OpenButton'\nimport { Flex, HeightAnimation } from '../../../../components'\nimport { OnCommit, Path } from '../../types'\nimport { SpacingProps } from '../../../../shared/types'\nimport {\n  useArrayLimit,\n  useItemPath,\n  useSwitchContainerMode,\n} from '../hooks'\nimport Toolbar from '../Toolbar'\nimport { useTranslation } from '../../hooks'\nimport { ArrayItemAreaProps } from '../Array/ArrayItemArea'\nimport { clearedData } from '../../DataContext/Provider'\n\n/**\n * Deprecated, as it is supported by all major browsers and Node.js >=v18\n * So it's a question of time, when we will remove this polyfill\n */\nimport structuredClone from '@ungap/structured-clone'\n\ntype OnlyPathRequired = {\n  /**\n   * The path to the array to add the new item to.\n   */\n  path: Path\n\n  /** The sub path to the array to add the new item to. */\n  itemPath?: Path\n}\n\ntype OnlyItemPathRequired = {\n  /**\n   * The path to the array to add the new item to.\n   */\n  path?: Path\n\n  /** The sub path to the array to add the new item to. */\n  itemPath: Path\n}\n\nexport type Props = (OnlyPathRequired | OnlyItemPathRequired) & {\n  /**\n   * The title of the container.\n   */\n  title?: React.ReactNode\n\n  /**\n   * If the fields inside the container are required.\n   */\n  required?: boolean\n\n  /**\n   * The button to open container.\n   */\n  openButton?: React.ReactNode\n\n  /**\n   * Define when the \"open button\" should be shown.\n   * Should be a function that returns a boolean.\n   */\n  showOpenButtonWhen?: (list: unknown[]) => boolean\n\n  /**\n   * Prefilled data to add to the fields. The data will be put into this path: \"/pushContainerItems/0\".\n   */\n  data?: unknown | Record<string, unknown>\n\n  /**\n   * Prefilled data to add to the fields. The data will be put into this path: \"/pushContainerItems/0\".\n   */\n  defaultData?: unknown | Record<string, unknown>\n\n  /**\n   * Provide additional data that will be put into the root of the isolated data context (parallel to \"/pushContainerItems/0\").\n   */\n  isolatedData?: Record<string, unknown>\n\n  /**\n   * Prevent the form from being submitted when there are fields with errors inside the PushContainer.\n   */\n  bubbleValidation?: boolean\n\n  /**\n   * A custom toolbar to be shown below the container.\n   */\n  toolbar?: React.ReactNode\n\n  /**\n   * Will be called when the user clicks on the \"Done\" button.\n   */\n  onCommit?: OnCommit\n\n  /**\n   * The container contents.\n   */\n  children: React.ReactNode\n}\n\nexport type AllProps = Props & SpacingProps & ArrayItemAreaProps\n\nfunction PushContainer(props: AllProps) {\n  const [, forceUpdate] = useReducer(() => ({}), {})\n  const requiredInherited = useContext(DataContext)?.required\n\n  const {\n    data: dataProp,\n    defaultData: defaultDataProp,\n    isolatedData,\n    bubbleValidation,\n    path,\n    itemPath,\n    title,\n    required = requiredInherited,\n    children,\n    openButton,\n    showOpenButtonWhen,\n    onCommit,\n    ...rest\n  } = props\n\n  const { absolutePath } = useItemPath(itemPath)\n  const commitHandleRef = useRef<() => void>()\n  const switchContainerModeRef = useRef<(mode: ContainerMode) => void>()\n  const containerModeRef = useRef<ContainerMode>()\n  const {\n    value: entries = [],\n    moveValueToPath,\n    getValueByPath,\n  } = useDataValue<Array<unknown>>(path || itemPath)\n\n  const { setNextContainerMode } = useSwitchContainerMode(\n    path || absolutePath\n  )\n  const { hasReachedLimit, setShowStatus } = useArrayLimit(\n    path || absolutePath\n  )\n  const cancelHandler = useCallback(() => {\n    if (hasReachedLimit) {\n      setShowStatus(false)\n    }\n  }, [hasReachedLimit, setShowStatus])\n\n  const showOpenButton = showOpenButtonWhen?.(entries)\n  const newItemContextProps: PushContainerContext = {\n    path,\n    itemPath,\n    entries,\n    commitHandleRef,\n    switchContainerMode: switchContainerModeRef.current,\n  }\n\n  const data = useMemo(() => {\n    if (defaultDataProp) {\n      return // don't return a fallback, because we want to use the defaultData\n    }\n    return {\n      ...isolatedData,\n      pushContainerItems: [dataProp ?? clearedData],\n    }\n  }, [dataProp, defaultDataProp, isolatedData])\n\n  const defaultData = useMemo(() => {\n    return {\n      ...(!dataProp ? isolatedData : null),\n      pushContainerItems: [defaultDataProp ?? clearedData],\n    }\n  }, [dataProp, defaultDataProp, isolatedData])\n\n  const emptyData = useCallback(\n    (data: { pushContainerItems: unknown[] }) => {\n      const firstItem = data.pushContainerItems?.[0]\n      if (firstItem === null || typeof firstItem !== 'object') {\n        return {\n          ...isolatedData,\n          pushContainerItems: [null],\n        }\n      }\n      return defaultData\n    },\n    [defaultData, isolatedData]\n  )\n\n  return (\n    <Isolation\n      data={data}\n      defaultData={defaultData}\n      required={required}\n      emptyData={emptyData}\n      bubbleValidation={\n        containerModeRef.current === 'view' ? false : bubbleValidation\n      }\n      commitHandleRef={commitHandleRef}\n      transformOnCommit={({ pushContainerItems }) => {\n        return moveValueToPath(\n          path || absolutePath,\n          [...entries, ...pushContainerItems],\n          absolutePath ? structuredClone(getValueByPath('/')) : {}\n        )\n      }}\n      onCommit={(data, options) => {\n        const { clearData, preventCommit } = options\n        if (hasReachedLimit) {\n          preventCommit()\n          setShowStatus(true)\n        } else {\n          setNextContainerMode('view')\n          switchContainerModeRef.current?.('view')\n          clearData()\n        }\n        onCommit?.(data, options)\n      }}\n    >\n      <PushContainerContext.Provider value={newItemContextProps}>\n        <IterateArray\n          path=\"/pushContainerItems\"\n          containerMode={showOpenButton ? 'view' : 'edit'}\n          withoutFlex\n        >\n          <NewContainer\n            title={title}\n            openButton={openButton}\n            switchContainerModeRef={switchContainerModeRef}\n            showOpenButton={showOpenButton}\n            cancelHandler={cancelHandler}\n            containerModeRef={containerModeRef}\n            rerenderPushContainer={forceUpdate}\n            {...rest}\n          >\n            {children}\n          </NewContainer>\n        </IterateArray>\n      </PushContainerContext.Provider>\n    </Isolation>\n  )\n}\n\nfunction NewContainer({\n  title,\n  openButton,\n  showOpenButton,\n  switchContainerModeRef,\n  cancelHandler,\n  containerModeRef,\n  rerenderPushContainer,\n  children,\n  ...rest\n}) {\n  const { containerMode, switchContainerMode } =\n    useContext(IterateItemContext) || {}\n  containerModeRef.current = containerMode\n\n  useEffect(() => {\n    rerenderPushContainer()\n  }, [containerMode, rerenderPushContainer])\n\n  switchContainerModeRef.current = switchContainerMode\n  const { createButton } = useTranslation().IteratePushContainer\n  const { clearData } = useContext(DataContext) || {}\n  const restoreOriginalValue = useCallback(() => {\n    clearData?.()\n  }, [clearData])\n\n  const toolbar = (\n    <Toolbar>\n      <IterateItemContext.Consumer>\n        {(context) => {\n          const newItemContextProps = {\n            ...context,\n            restoreOriginalValue,\n          }\n          return (\n            <IterateItemContext.Provider value={newItemContextProps}>\n              <Flex.Horizontal gap=\"large\">\n                <DoneButton text={createButton} />\n                {showOpenButton && (\n                  <CancelButton onClick={cancelHandler} />\n                )}\n              </Flex.Horizontal>\n            </IterateItemContext.Provider>\n          )\n        }}\n      </IterateItemContext.Consumer>\n    </Toolbar>\n  )\n\n  return (\n    <>\n      <EditContainer\n        open={!showOpenButton || containerMode === 'edit'}\n        title={title}\n        toolbar={toolbar}\n        {...rest}\n      >\n        {children}\n      </EditContainer>\n\n      {openButton && typeof showOpenButton === 'boolean' && (\n        <HeightAnimation open={showOpenButton && containerMode === 'view'}>\n          {openButton}\n        </HeightAnimation>\n      )}\n    </>\n  )\n}\n\nPushContainer.OpenButton = OpenButton\nPushContainer._supportsSpacingProps = true\n\nexport default PushContainer\n"],"mappings":"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"}
+{"version":3,"file":"PushContainer.js","names":["React","useCallback","useContext","useEffect","useMemo","useReducer","useRef","Isolation","PushContainerContext","IterateItemContext","DataContext","useDataValue","EditContainer","CancelButton","DoneButton","IterateArray","OpenButton","Flex","HeightAnimation","useArrayLimit","useItemPath","useSwitchContainerMode","Toolbar","useTranslation","clearedData","structuredClone","PushContainer","props","_useContext","forceUpdate","requiredInherited","required","data","dataProp","defaultData","defaultDataProp","isolatedData","bubbleValidation","path","itemPath","insertAt","title","children","openButton","showOpenButtonWhen","onCommit","rest","_objectWithoutProperties","_excluded","absolutePath","commitHandleRef","switchContainerModeRef","containerModeRef","value","entries","moveValueToPath","getValueByPath","setNextContainerMode","hasReachedLimit","setShowStatus","cancelHandler","showOpenButton","newItemContextProps","switchContainerMode","current","_objectSpread","pushContainerItems","emptyData","_data$pushContainerIt","firstItem","createElement","transformOnCommit","slice","options","clearData","preventCommit","_switchContainerModeR","call","Provider","containerMode","withoutFlex","NewContainer","_extends","rerenderPushContainer","_ref","_DoneButton","_CancelButton","_excluded2","createButton","IteratePushContainer","restoreOriginalValue","toolbar","Consumer","context","Horizontal","gap","text","onClick","Fragment","open","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/PushContainer/PushContainer.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useReducer,\n  useRef,\n} from 'react'\nimport Isolation from '../../Form/Isolation'\nimport PushContainerContext from './PushContainerContext'\nimport IterateItemContext from '../IterateItemContext'\nimport DataContext from '../../DataContext/Context'\nimport useDataValue from '../../hooks/useDataValue'\nimport EditContainer, { CancelButton, DoneButton } from '../EditContainer'\nimport IterateArray, { ContainerMode } from '../Array'\nimport OpenButton from './OpenButton'\nimport { Flex, HeightAnimation } from '../../../../components'\nimport { OnCommit, Path } from '../../types'\nimport { SpacingProps } from '../../../../shared/types'\nimport {\n  useArrayLimit,\n  useItemPath,\n  useSwitchContainerMode,\n} from '../hooks'\nimport Toolbar from '../Toolbar'\nimport { useTranslation } from '../../hooks'\nimport { ArrayItemAreaProps } from '../Array/ArrayItemArea'\nimport { clearedData } from '../../DataContext/Provider'\n\n/**\n * Deprecated, as it is supported by all major browsers and Node.js >=v18\n * So it's a question of time, when we will remove this polyfill\n */\nimport structuredClone from '@ungap/structured-clone'\n\ntype OnlyPathRequired = {\n  /**\n   * The path to the array to add the new item to.\n   */\n  path: Path\n\n  /** The sub path to the array to add the new item to. */\n  itemPath?: Path\n}\n\ntype OnlyItemPathRequired = {\n  /**\n   * The path to the array to add the new item to.\n   */\n  path?: Path\n\n  /** The sub path to the array to add the new item to. */\n  itemPath: Path\n}\n\nexport type Props = (OnlyPathRequired | OnlyItemPathRequired) & {\n  /**\n   * The title of the container.\n   */\n  title?: React.ReactNode\n\n  /**\n   * If the fields inside the container are required.\n   */\n  required?: boolean\n\n  /**\n   * The index to insert the new item at.\n   */\n  insertAt?: number\n\n  /**\n   * The button to open container.\n   */\n  openButton?: React.ReactNode\n\n  /**\n   * Define when the \"open button\" should be shown.\n   * Should be a function that returns a boolean.\n   */\n  showOpenButtonWhen?: (list: unknown[]) => boolean\n\n  /**\n   * Prefilled data to add to the fields. The data will be put into this path: \"/pushContainerItems/0\".\n   */\n  data?: unknown | Record<string, unknown>\n\n  /**\n   * Prefilled data to add to the fields. The data will be put into this path: \"/pushContainerItems/0\".\n   */\n  defaultData?: unknown | Record<string, unknown>\n\n  /**\n   * Provide additional data that will be put into the root of the isolated data context (parallel to \"/pushContainerItems/0\").\n   */\n  isolatedData?: Record<string, unknown>\n\n  /**\n   * Prevent the form from being submitted when there are fields with errors inside the PushContainer.\n   */\n  bubbleValidation?: boolean\n\n  /**\n   * A custom toolbar to be shown below the container.\n   */\n  toolbar?: React.ReactNode\n\n  /**\n   * Will be called when the user clicks on the \"Done\" button.\n   */\n  onCommit?: OnCommit\n\n  /**\n   * The container contents.\n   */\n  children: React.ReactNode\n}\n\nexport type AllProps = Props & SpacingProps & ArrayItemAreaProps\n\nfunction PushContainer(props: AllProps) {\n  const [, forceUpdate] = useReducer(() => ({}), {})\n  const requiredInherited = useContext(DataContext)?.required\n\n  const {\n    data: dataProp,\n    defaultData: defaultDataProp,\n    isolatedData,\n    bubbleValidation,\n    path,\n    itemPath,\n    insertAt,\n    title,\n    required = requiredInherited,\n    children,\n    openButton,\n    showOpenButtonWhen,\n    onCommit,\n    ...rest\n  } = props\n\n  const { absolutePath } = useItemPath(itemPath)\n  const commitHandleRef = useRef<() => void>()\n  const switchContainerModeRef = useRef<(mode: ContainerMode) => void>()\n  const containerModeRef = useRef<ContainerMode>()\n  const {\n    value: entries = [],\n    moveValueToPath,\n    getValueByPath,\n  } = useDataValue<Array<unknown>>(path || itemPath)\n\n  const { setNextContainerMode } = useSwitchContainerMode(\n    path || absolutePath\n  )\n  const { hasReachedLimit, setShowStatus } = useArrayLimit(\n    path || absolutePath\n  )\n  const cancelHandler = useCallback(() => {\n    if (hasReachedLimit) {\n      setShowStatus(false)\n    }\n  }, [hasReachedLimit, setShowStatus])\n\n  const showOpenButton = showOpenButtonWhen?.(entries)\n  const newItemContextProps: PushContainerContext = {\n    path,\n    itemPath,\n    entries,\n    commitHandleRef,\n    switchContainerMode: switchContainerModeRef.current,\n  }\n\n  const data = useMemo(() => {\n    if (defaultDataProp) {\n      return // don't return a fallback, because we want to use the defaultData\n    }\n    return {\n      ...isolatedData,\n      pushContainerItems: [dataProp ?? clearedData],\n    }\n  }, [dataProp, defaultDataProp, isolatedData])\n\n  const defaultData = useMemo(() => {\n    return {\n      ...(!dataProp ? isolatedData : null),\n      pushContainerItems: [defaultDataProp ?? clearedData],\n    }\n  }, [dataProp, defaultDataProp, isolatedData])\n\n  const emptyData = useCallback(\n    (data: { pushContainerItems: unknown[] }) => {\n      const firstItem = data.pushContainerItems?.[0]\n      if (firstItem === null || typeof firstItem !== 'object') {\n        return {\n          ...isolatedData,\n          pushContainerItems: [null],\n        }\n      }\n      return defaultData\n    },\n    [defaultData, isolatedData]\n  )\n\n  return (\n    <Isolation\n      data={data}\n      defaultData={defaultData}\n      required={required}\n      emptyData={emptyData}\n      bubbleValidation={\n        containerModeRef.current === 'view' ? false : bubbleValidation\n      }\n      commitHandleRef={commitHandleRef}\n      transformOnCommit={({ pushContainerItems }) => {\n        return moveValueToPath(\n          path || absolutePath,\n          typeof insertAt === 'number'\n            ? [\n                ...entries.slice(0, insertAt),\n                ...pushContainerItems,\n                ...entries.slice(insertAt),\n              ]\n            : [...entries, ...pushContainerItems],\n          absolutePath ? structuredClone(getValueByPath('/')) : {}\n        )\n      }}\n      onCommit={(data, options) => {\n        const { clearData, preventCommit } = options\n        if (hasReachedLimit) {\n          preventCommit()\n          setShowStatus(true)\n        } else {\n          setNextContainerMode('view')\n          switchContainerModeRef.current?.('view')\n          clearData()\n        }\n        onCommit?.(data, options)\n      }}\n    >\n      <PushContainerContext.Provider value={newItemContextProps}>\n        <IterateArray\n          path=\"/pushContainerItems\"\n          containerMode={showOpenButton ? 'view' : 'edit'}\n          withoutFlex\n        >\n          <NewContainer\n            title={title}\n            openButton={openButton}\n            switchContainerModeRef={switchContainerModeRef}\n            showOpenButton={showOpenButton}\n            cancelHandler={cancelHandler}\n            containerModeRef={containerModeRef}\n            rerenderPushContainer={forceUpdate}\n            {...rest}\n          >\n            {children}\n          </NewContainer>\n        </IterateArray>\n      </PushContainerContext.Provider>\n    </Isolation>\n  )\n}\n\nfunction NewContainer({\n  title,\n  openButton,\n  showOpenButton,\n  switchContainerModeRef,\n  cancelHandler,\n  containerModeRef,\n  rerenderPushContainer,\n  children,\n  ...rest\n}) {\n  const { containerMode, switchContainerMode } =\n    useContext(IterateItemContext) || {}\n  containerModeRef.current = containerMode\n\n  useEffect(() => {\n    rerenderPushContainer()\n  }, [containerMode, rerenderPushContainer])\n\n  switchContainerModeRef.current = switchContainerMode\n  const { createButton } = useTranslation().IteratePushContainer\n  const { clearData } = useContext(DataContext) || {}\n  const restoreOriginalValue = useCallback(() => {\n    clearData?.()\n  }, [clearData])\n\n  const toolbar = (\n    <Toolbar>\n      <IterateItemContext.Consumer>\n        {(context) => {\n          const newItemContextProps = {\n            ...context,\n            restoreOriginalValue,\n          }\n          return (\n            <IterateItemContext.Provider value={newItemContextProps}>\n              <Flex.Horizontal gap=\"large\">\n                <DoneButton text={createButton} />\n                {showOpenButton && (\n                  <CancelButton onClick={cancelHandler} />\n                )}\n              </Flex.Horizontal>\n            </IterateItemContext.Provider>\n          )\n        }}\n      </IterateItemContext.Consumer>\n    </Toolbar>\n  )\n\n  return (\n    <>\n      <EditContainer\n        open={!showOpenButton || containerMode === 'edit'}\n        title={title}\n        toolbar={toolbar}\n        {...rest}\n      >\n        {children}\n      </EditContainer>\n\n      {openButton && typeof showOpenButton === 'boolean' && (\n        <HeightAnimation open={showOpenButton && containerMode === 'view'}>\n          {openButton}\n        </HeightAnimation>\n      )}\n    </>\n  )\n}\n\nPushContainer.OpenButton = OpenButton\nPushContainer._supportsSpacingProps = true\n\nexport default PushContainer\n"],"mappings":"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"}

package/es/extensions/forms/Iterate/PushContainer/PushContainerDocs.js

@@ -10,6 +10,11 @@ export const PushContainerProperties = {
     type: 'string',
     status: 'optional'
   },
+  insertAt: {
+    doc: 'The index to insert the new item at.',
+    type: 'number',
+    status: 'optional'
+  },
   title: {
     doc: 'The title of the container.',
     type: 'React.Node',

package/es/extensions/forms/Iterate/PushContainer/PushContainerDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"PushContainerDocs.js","names":["IsolationEvents","PushContainerProperties","path","doc","type","status","itemPath","title","data","defaultData","isolatedData","required","bubbleValidation","openButton","showOpenButtonWhen","variant","toolbar","children","PushContainerEvents","onCommit"],"sources":["../../../../../../src/extensions/forms/Iterate/PushContainer/PushContainerDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\nimport { IsolationEvents } from '../../Form/Isolation/IsolationDocs'\n\nexport const PushContainerProperties: PropertiesTableProps = {\n  path: {\n    doc: 'The path to the array to add the new item to.',\n    type: 'string',\n    status: 'required',\n  },\n  itemPath: {\n    doc: 'The path to the item in a nested array, to add the new item to.',\n    type: 'string',\n    status: 'optional',\n  },\n  title: {\n    doc: 'The title of the container.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  data: {\n    doc: 'Prefilled data to be used by fields. The data will be put into this path: `/pushContainerItems/0`. Use `defaultData` when possible.',\n    type: ['object', 'array'],\n    status: 'optional',\n  },\n  defaultData: {\n    doc: 'Prefilled data to be used by fields. The data will be put into this path: `/pushContainerItems/0`',\n    type: ['object', 'array'],\n    status: 'optional',\n  },\n  isolatedData: {\n    doc: 'Provide additional data that will be put into the root of the isolated data context (parallel to `/pushContainerItems/0`).',\n    type: 'object',\n    status: 'optional',\n  },\n  required: {\n    doc: 'If the fields inside the container are required.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  bubbleValidation: {\n    doc: 'Prevent the form from being submitted when there are fields with errors inside the PushContainer.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  openButton: {\n    doc: 'The button to open container.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  showOpenButtonWhen: {\n    doc: 'Define when the \"open button\" should be shown. Should be a function that returns a boolean.',\n    type: 'function',\n    status: 'optional',\n  },\n  variant: {\n    doc: 'Defines the variant of the container. Can be `outline`, `filled` or `basic`. Defaults to `outline`.',\n    type: 'string',\n    status: 'optional',\n  },\n  toolbar: {\n    doc: 'A custom toolbar to be shown below the container.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  children: {\n    doc: 'The container contents.',\n    type: 'React.Node',\n    status: 'required',\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 PushContainerEvents: PropertiesTableProps = {\n  onCommit: IsolationEvents.onCommit,\n}\n"],"mappings":"AACA,SAASA,eAAe,QAAQ,oCAAoC;AAEpE,OAAO,MAAMC,uBAA6C,GAAG;EAC3DC,IAAI,EAAE;IACJC,GAAG,EAAE,+CAA+C;IACpDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,QAAQ,EAAE;IACRH,GAAG,EAAE,iEAAiE;IACtEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,KAAK,EAAE;IACLJ,GAAG,EAAE,6BAA6B;IAClCC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDG,IAAI,EAAE;IACJL,GAAG,EAAE,qIAAqI;IAC1IC,IAAI,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACDI,WAAW,EAAE;IACXN,GAAG,EAAE,mGAAmG;IACxGC,IAAI,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACDK,YAAY,EAAE;IACZP,GAAG,EAAE,4HAA4H;IACjIC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDM,QAAQ,EAAE;IACRR,GAAG,EAAE,kDAAkD;IACvDC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDO,gBAAgB,EAAE;IAChBT,GAAG,EAAE,mGAAmG;IACxGC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDQ,UAAU,EAAE;IACVV,GAAG,EAAE,+BAA+B;IACpCC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDS,kBAAkB,EAAE;IAClBX,GAAG,EAAE,6FAA6F;IAClGC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDU,OAAO,EAAE;IACPZ,GAAG,EAAE,qGAAqG;IAC1GC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDW,OAAO,EAAE;IACPb,GAAG,EAAE,mDAAmD;IACxDC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDY,QAAQ,EAAE;IACRd,GAAG,EAAE,yBAAyB;IAC9BC,IAAI,EAAE,YAAY;IAClBC,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,MAAMa,mBAAyC,GAAG;EACvDC,QAAQ,EAAEnB,eAAe,CAACmB;AAC5B,CAAC"}
+{"version":3,"file":"PushContainerDocs.js","names":["IsolationEvents","PushContainerProperties","path","doc","type","status","itemPath","insertAt","title","data","defaultData","isolatedData","required","bubbleValidation","openButton","showOpenButtonWhen","variant","toolbar","children","PushContainerEvents","onCommit"],"sources":["../../../../../../src/extensions/forms/Iterate/PushContainer/PushContainerDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\nimport { IsolationEvents } from '../../Form/Isolation/IsolationDocs'\n\nexport const PushContainerProperties: PropertiesTableProps = {\n  path: {\n    doc: 'The path to the array to add the new item to.',\n    type: 'string',\n    status: 'required',\n  },\n  itemPath: {\n    doc: 'The path to the item in a nested array, to add the new item to.',\n    type: 'string',\n    status: 'optional',\n  },\n  insertAt: {\n    doc: 'The index to insert the new item at.',\n    type: 'number',\n    status: 'optional',\n  },\n  title: {\n    doc: 'The title of the container.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  data: {\n    doc: 'Prefilled data to be used by fields. The data will be put into this path: `/pushContainerItems/0`. Use `defaultData` when possible.',\n    type: ['object', 'array'],\n    status: 'optional',\n  },\n  defaultData: {\n    doc: 'Prefilled data to be used by fields. The data will be put into this path: `/pushContainerItems/0`',\n    type: ['object', 'array'],\n    status: 'optional',\n  },\n  isolatedData: {\n    doc: 'Provide additional data that will be put into the root of the isolated data context (parallel to `/pushContainerItems/0`).',\n    type: 'object',\n    status: 'optional',\n  },\n  required: {\n    doc: 'If the fields inside the container are required.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  bubbleValidation: {\n    doc: 'Prevent the form from being submitted when there are fields with errors inside the PushContainer.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  openButton: {\n    doc: 'The button to open container.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  showOpenButtonWhen: {\n    doc: 'Define when the \"open button\" should be shown. Should be a function that returns a boolean.',\n    type: 'function',\n    status: 'optional',\n  },\n  variant: {\n    doc: 'Defines the variant of the container. Can be `outline`, `filled` or `basic`. Defaults to `outline`.',\n    type: 'string',\n    status: 'optional',\n  },\n  toolbar: {\n    doc: 'A custom toolbar to be shown below the container.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  children: {\n    doc: 'The container contents.',\n    type: 'React.Node',\n    status: 'required',\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 PushContainerEvents: PropertiesTableProps = {\n  onCommit: IsolationEvents.onCommit,\n}\n"],"mappings":"AACA,SAASA,eAAe,QAAQ,oCAAoC;AAEpE,OAAO,MAAMC,uBAA6C,GAAG;EAC3DC,IAAI,EAAE;IACJC,GAAG,EAAE,+CAA+C;IACpDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,QAAQ,EAAE;IACRH,GAAG,EAAE,iEAAiE;IACtEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,QAAQ,EAAE;IACRJ,GAAG,EAAE,sCAAsC;IAC3CC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,KAAK,EAAE;IACLL,GAAG,EAAE,6BAA6B;IAClCC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDI,IAAI,EAAE;IACJN,GAAG,EAAE,qIAAqI;IAC1IC,IAAI,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACDK,WAAW,EAAE;IACXP,GAAG,EAAE,mGAAmG;IACxGC,IAAI,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACDM,YAAY,EAAE;IACZR,GAAG,EAAE,4HAA4H;IACjIC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDO,QAAQ,EAAE;IACRT,GAAG,EAAE,kDAAkD;IACvDC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDQ,gBAAgB,EAAE;IAChBV,GAAG,EAAE,mGAAmG;IACxGC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDS,UAAU,EAAE;IACVX,GAAG,EAAE,+BAA+B;IACpCC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDU,kBAAkB,EAAE;IAClBZ,GAAG,EAAE,6FAA6F;IAClGC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDW,OAAO,EAAE;IACPb,GAAG,EAAE,qGAAqG;IAC1GC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDY,OAAO,EAAE;IACPd,GAAG,EAAE,mDAAmD;IACxDC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDa,QAAQ,EAAE;IACRf,GAAG,EAAE,yBAAyB;IAC9BC,IAAI,EAAE,YAAY;IAClBC,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,MAAMc,mBAAyC,GAAG;EACvDC,QAAQ,EAAEpB,eAAe,CAACoB;AAC5B,CAAC"}

package/es/extensions/forms/Value/Address/Address.d.ts

@@ -0,0 +1,9 @@
+import { Props as StringValueProps } from '../String';
+export type Props = StringValueProps;
+declare function Address(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace Address {
+    var _supportsSpacingProps: boolean;
+    var Postal: (props: StringValueProps) => import("react/jsx-runtime").JSX.Element;
+    var Street: (props: StringValueProps) => import("react/jsx-runtime").JSX.Element;
+}
+export default Address;

package/es/extensions/forms/Value/Address/Address.js

@@ -0,0 +1,31 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import React from 'react';
+import StringValue from '../String';
+import useTranslation from '../../hooks/useTranslation';
+function Address(props) {
+  const stringProps = _objectSpread({}, props);
+  return React.createElement(StringValue, stringProps);
+}
+Address._supportsSpacingProps = true;
+Address.Postal = function PostalAddress(props) {
+  var _props$label;
+  const translations = useTranslation();
+  const postalAddressProps = _objectSpread(_objectSpread({}, props), {}, {
+    label: (_props$label = props.label) !== null && _props$label !== void 0 ? _props$label : translations.PostalAddress.label
+  });
+  return React.createElement(Address, postalAddressProps);
+};
+Address.Postal['_supportsSpacingProps'] = true;
+Address.Street = function StreetAddress(props) {
+  var _props$label2;
+  const translations = useTranslation();
+  const streetAddressProps = _objectSpread(_objectSpread({}, props), {}, {
+    label: (_props$label2 = props.label) !== null && _props$label2 !== void 0 ? _props$label2 : translations.StreetAddress.label
+  });
+  return React.createElement(Address, streetAddressProps);
+};
+Address.Street['_supportsSpacingProps'] = true;
+export default Address;
+//# sourceMappingURL=Address.js.map

package/es/extensions/forms/Value/Address/Address.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Address.js","names":["React","StringValue","useTranslation","Address","props","stringProps","_objectSpread","createElement","_supportsSpacingProps","Postal","PostalAddress","_props$label","translations","postalAddressProps","label","Street","StreetAddress","_props$label2","streetAddressProps"],"sources":["../../../../../../src/extensions/forms/Value/Address/Address.tsx"],"sourcesContent":["import React from 'react'\nimport StringValue, { Props as StringValueProps } from '../String'\nimport useTranslation from '../../hooks/useTranslation'\n\nexport type Props = StringValueProps\n\nfunction Address(props: Props) {\n  const stringProps: Props = {\n    ...props,\n  }\n\n  return <StringValue {...stringProps} />\n}\nAddress._supportsSpacingProps = true\n\nAddress.Postal = function PostalAddress(props: Props) {\n  const translations = useTranslation()\n\n  const postalAddressProps: Props = {\n    ...props,\n    label: props.label ?? translations.PostalAddress.label,\n  }\n\n  return <Address {...postalAddressProps} />\n}\nAddress.Postal['_supportsSpacingProps'] = true\n\nAddress.Street = function StreetAddress(props: Props) {\n  const translations = useTranslation()\n\n  const streetAddressProps: Props = {\n    ...props,\n    label: props.label ?? translations.StreetAddress.label,\n  }\n\n  return <Address {...streetAddressProps} />\n}\nAddress.Street['_supportsSpacingProps'] = true\n\nexport default Address\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,WAAW,MAAqC,WAAW;AAClE,OAAOC,cAAc,MAAM,4BAA4B;AAIvD,SAASC,OAAOA,CAACC,KAAY,EAAE;EAC7B,MAAMC,WAAkB,GAAAC,aAAA,KACnBF,KAAK,CACT;EAED,OAAOJ,KAAA,CAAAO,aAAA,CAACN,WAAW,EAAKI,WAAc,CAAC;AACzC;AACAF,OAAO,CAACK,qBAAqB,GAAG,IAAI;AAEpCL,OAAO,CAACM,MAAM,GAAG,SAASC,aAAaA,CAACN,KAAY,EAAE;EAAA,IAAAO,YAAA;EACpD,MAAMC,YAAY,GAAGV,cAAc,CAAC,CAAC;EAErC,MAAMW,kBAAyB,GAAAP,aAAA,CAAAA,aAAA,KAC1BF,KAAK;IACRU,KAAK,GAAAH,YAAA,GAAEP,KAAK,CAACU,KAAK,cAAAH,YAAA,cAAAA,YAAA,GAAIC,YAAY,CAACF,aAAa,CAACI;EAAK,EACvD;EAED,OAAOd,KAAA,CAAAO,aAAA,CAACJ,OAAO,EAAKU,kBAAqB,CAAC;AAC5C,CAAC;AACDV,OAAO,CAACM,MAAM,CAAC,uBAAuB,CAAC,GAAG,IAAI;AAE9CN,OAAO,CAACY,MAAM,GAAG,SAASC,aAAaA,CAACZ,KAAY,EAAE;EAAA,IAAAa,aAAA;EACpD,MAAML,YAAY,GAAGV,cAAc,CAAC,CAAC;EAErC,MAAMgB,kBAAyB,GAAAZ,aAAA,CAAAA,aAAA,KAC1BF,KAAK;IACRU,KAAK,GAAAG,aAAA,GAAEb,KAAK,CAACU,KAAK,cAAAG,aAAA,cAAAA,aAAA,GAAIL,YAAY,CAACI,aAAa,CAACF;EAAK,EACvD;EAED,OAAOd,KAAA,CAAAO,aAAA,CAACJ,OAAO,EAAKe,kBAAqB,CAAC;AAC5C,CAAC;AACDf,OAAO,CAACY,MAAM,CAAC,uBAAuB,CAAC,GAAG,IAAI;AAE9C,eAAeZ,OAAO"}

package/es/extensions/forms/Value/Address/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Address';
+export * from './Address';

package/es/extensions/forms/Value/Address/index.js

@@ -0,0 +1,3 @@
+export { default } from './Address';
+export * from './Address';
+//# sourceMappingURL=index.js.map

package/es/extensions/forms/Value/Address/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../../../../src/extensions/forms/Value/Address/index.ts"],"sourcesContent":["export { default } from './Address'\nexport * from './Address'\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,WAAW;AACnC,cAAc,WAAW"}

package/es/extensions/forms/Value/PostalCodeAndCity/PostalCodeAndCityDocs.js

@@ -1,6 +1,6 @@
 export const PostalCodeAndCityProperties = {
   postalCode: {
-    doc: 'Properties such as `value` and `path` for the [Value.String](/uilib/extensions/forms/Value/String) component for postcode.',
+    doc: 'Properties such as `value` and `path` for the [Value.String](/uilib/extensions/forms/Value/String) component for postal code.',
     type: 'object',
     status: 'optional'
   },

package/es/extensions/forms/Value/PostalCodeAndCity/PostalCodeAndCityDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"PostalCodeAndCityDocs.js","names":["PostalCodeAndCityProperties","postalCode","doc","type","status","city"],"sources":["../../../../../../src/extensions/forms/Value/PostalCodeAndCity/PostalCodeAndCityDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const PostalCodeAndCityProperties: PropertiesTableProps = {\n  postalCode: {\n    doc: 'Properties such as `value` and `path` for the [Value.String](/uilib/extensions/forms/Value/String) component for postcode.',\n    type: 'object',\n    status: 'optional',\n  },\n  city: {\n    doc: 'Properties such as `value` and `path` for the [Value.String](/uilib/extensions/forms/Value/String) component for city.',\n    type: 'object',\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,2BAAiD,GAAG;EAC/DC,UAAU,EAAE;IACVC,GAAG,EAAE,4HAA4H;IACjIC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,IAAI,EAAE;IACJH,GAAG,EAAE,wHAAwH;IAC7HC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV;AACF,CAAC"}
+{"version":3,"file":"PostalCodeAndCityDocs.js","names":["PostalCodeAndCityProperties","postalCode","doc","type","status","city"],"sources":["../../../../../../src/extensions/forms/Value/PostalCodeAndCity/PostalCodeAndCityDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const PostalCodeAndCityProperties: PropertiesTableProps = {\n  postalCode: {\n    doc: 'Properties such as `value` and `path` for the [Value.String](/uilib/extensions/forms/Value/String) component for postal code.',\n    type: 'object',\n    status: 'optional',\n  },\n  city: {\n    doc: 'Properties such as `value` and `path` for the [Value.String](/uilib/extensions/forms/Value/String) component for city.',\n    type: 'object',\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,2BAAiD,GAAG;EAC/DC,UAAU,EAAE;IACVC,GAAG,EAAE,+HAA+H;IACpIC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,IAAI,EAAE;IACJH,GAAG,EAAE,wHAAwH;IAC7HC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV;AACF,CAAC"}

package/es/extensions/forms/Value/index.d.ts

@@ -3,6 +3,7 @@ export { default as SummaryList } from './SummaryList';
 export { default as Composition } from './Composition';
 export { default as String } from './String';
 export { default as Number } from './Number';
+export { default as Address } from './Address';
 export { default as Boolean } from './Boolean';
 export { default as Currency } from './Currency';
 export { default as Date } from './Date';

package/es/extensions/forms/Value/index.js

@@ -3,6 +3,7 @@ export { default as SummaryList } from './SummaryList';
 export { default as Composition } from './Composition';
 export { default as String } from './String';
 export { default as Number } from './Number';
+export { default as Address } from './Address';
 export { default as Boolean } from './Boolean';
 export { default as Currency } from './Currency';
 export { default as Date } from './Date';

package/es/extensions/forms/Value/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","Provider","SummaryList","Composition","String","Number","Boolean","Currency","Date","Email","Name","NationalIdentityNumber","PostalCodeAndCity","PhoneNumber","BankAccountNumber","OrganizationNumber","SelectCountry","ArraySelection","Selection","Upload"],"sources":["../../../../../src/extensions/forms/Value/index.ts"],"sourcesContent":["export { default as Provider } from './Provider'\nexport { default as SummaryList } from './SummaryList'\nexport { default as Composition } from './Composition'\nexport { default as String } from './String'\nexport { default as Number } from './Number'\nexport { default as Boolean } from './Boolean'\nexport { default as Currency } from './Currency'\nexport { default as Date } from './Date'\nexport { default as Email } from './Email'\nexport { default as Name } from './Name'\nexport { default as NationalIdentityNumber } from './NationalIdentityNumber'\nexport { default as PostalCodeAndCity } from './PostalCodeAndCity'\nexport { default as PhoneNumber } from './PhoneNumber'\nexport { default as BankAccountNumber } from './BankAccountNumber'\nexport { default as OrganizationNumber } from './OrganizationNumber'\nexport { default as SelectCountry } from './SelectCountry'\nexport { default as ArraySelection } from './ArraySelection'\nexport { default as Selection } from './Selection'\nexport { default as Upload } from './Upload'\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,QAAQ,QAAQ,YAAY;AAChD,SAASD,OAAO,IAAIE,WAAW,QAAQ,eAAe;AACtD,SAASF,OAAO,IAAIG,WAAW,QAAQ,eAAe;AACtD,SAASH,OAAO,IAAII,MAAM,QAAQ,UAAU;AAC5C,SAASJ,OAAO,IAAIK,MAAM,QAAQ,UAAU;AAC5C,SAASL,OAAO,IAAIM,OAAO,QAAQ,WAAW;AAC9C,SAASN,OAAO,IAAIO,QAAQ,QAAQ,YAAY;AAChD,SAASP,OAAO,IAAIQ,IAAI,QAAQ,QAAQ;AACxC,SAASR,OAAO,IAAIS,KAAK,QAAQ,SAAS;AAC1C,SAAST,OAAO,IAAIU,IAAI,QAAQ,QAAQ;AACxC,SAASV,OAAO,IAAIW,sBAAsB,QAAQ,0BAA0B;AAC5E,SAASX,OAAO,IAAIY,iBAAiB,QAAQ,qBAAqB;AAClE,SAASZ,OAAO,IAAIa,WAAW,QAAQ,eAAe;AACtD,SAASb,OAAO,IAAIc,iBAAiB,QAAQ,qBAAqB;AAClE,SAASd,OAAO,IAAIe,kBAAkB,QAAQ,sBAAsB;AACpE,SAASf,OAAO,IAAIgB,aAAa,QAAQ,iBAAiB;AAC1D,SAAShB,OAAO,IAAIiB,cAAc,QAAQ,kBAAkB;AAC5D,SAASjB,OAAO,IAAIkB,SAAS,QAAQ,aAAa;AAClD,SAASlB,OAAO,IAAImB,MAAM,QAAQ,UAAU"}
+{"version":3,"file":"index.js","names":["default","Provider","SummaryList","Composition","String","Number","Address","Boolean","Currency","Date","Email","Name","NationalIdentityNumber","PostalCodeAndCity","PhoneNumber","BankAccountNumber","OrganizationNumber","SelectCountry","ArraySelection","Selection","Upload"],"sources":["../../../../../src/extensions/forms/Value/index.ts"],"sourcesContent":["export { default as Provider } from './Provider'\nexport { default as SummaryList } from './SummaryList'\nexport { default as Composition } from './Composition'\nexport { default as String } from './String'\nexport { default as Number } from './Number'\nexport { default as Address } from './Address'\nexport { default as Boolean } from './Boolean'\nexport { default as Currency } from './Currency'\nexport { default as Date } from './Date'\nexport { default as Email } from './Email'\nexport { default as Name } from './Name'\nexport { default as NationalIdentityNumber } from './NationalIdentityNumber'\nexport { default as PostalCodeAndCity } from './PostalCodeAndCity'\nexport { default as PhoneNumber } from './PhoneNumber'\nexport { default as BankAccountNumber } from './BankAccountNumber'\nexport { default as OrganizationNumber } from './OrganizationNumber'\nexport { default as SelectCountry } from './SelectCountry'\nexport { default as ArraySelection } from './ArraySelection'\nexport { default as Selection } from './Selection'\nexport { default as Upload } from './Upload'\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,QAAQ,QAAQ,YAAY;AAChD,SAASD,OAAO,IAAIE,WAAW,QAAQ,eAAe;AACtD,SAASF,OAAO,IAAIG,WAAW,QAAQ,eAAe;AACtD,SAASH,OAAO,IAAII,MAAM,QAAQ,UAAU;AAC5C,SAASJ,OAAO,IAAIK,MAAM,QAAQ,UAAU;AAC5C,SAASL,OAAO,IAAIM,OAAO,QAAQ,WAAW;AAC9C,SAASN,OAAO,IAAIO,OAAO,QAAQ,WAAW;AAC9C,SAASP,OAAO,IAAIQ,QAAQ,QAAQ,YAAY;AAChD,SAASR,OAAO,IAAIS,IAAI,QAAQ,QAAQ;AACxC,SAAST,OAAO,IAAIU,KAAK,QAAQ,SAAS;AAC1C,SAASV,OAAO,IAAIW,IAAI,QAAQ,QAAQ;AACxC,SAASX,OAAO,IAAIY,sBAAsB,QAAQ,0BAA0B;AAC5E,SAASZ,OAAO,IAAIa,iBAAiB,QAAQ,qBAAqB;AAClE,SAASb,OAAO,IAAIc,WAAW,QAAQ,eAAe;AACtD,SAASd,OAAO,IAAIe,iBAAiB,QAAQ,qBAAqB;AAClE,SAASf,OAAO,IAAIgB,kBAAkB,QAAQ,sBAAsB;AACpE,SAAShB,OAAO,IAAIiB,aAAa,QAAQ,iBAAiB;AAC1D,SAASjB,OAAO,IAAIkB,cAAc,QAAQ,kBAAkB;AAC5D,SAASlB,OAAO,IAAImB,SAAS,QAAQ,aAAa;AAClD,SAASnB,OAAO,IAAIoB,MAAM,QAAQ,UAAU"}

package/es/extensions/forms/Wizard/Step/Step.js

@@ -29,8 +29,8 @@ function Step(props) {
     stepElementRef
   } = useContext(WizardContext) || {};
   const ariaLabel = useMemo(() => {
-    var _ref, _stepsRef$current;
-    return (_ref = !prerenderFieldProps && (stepsRef === null || stepsRef === void 0 ? void 0 : (_stepsRef$current = stepsRef.current) === null || _stepsRef$current === void 0 ? void 0 : _stepsRef$current[index])) !== null && _ref !== void 0 ? _ref : convertJsxToString(title);
+    var _ref, _stepsRef$current, _stepsRef$current$ind, _stepsRef$current2;
+    return (_ref = !prerenderFieldProps && ((stepsRef === null || stepsRef === void 0 ? void 0 : (_stepsRef$current = stepsRef.current) === null || _stepsRef$current === void 0 ? void 0 : (_stepsRef$current$ind = _stepsRef$current[index]) === null || _stepsRef$current$ind === void 0 ? void 0 : _stepsRef$current$ind.title) || (stepsRef === null || stepsRef === void 0 ? void 0 : (_stepsRef$current2 = stepsRef.current) === null || _stepsRef$current2 === void 0 ? void 0 : _stepsRef$current2[index]))) !== null && _ref !== void 0 ? _ref : convertJsxToString(title);
   }, [index, prerenderFieldProps, title, stepsRef]);
   const currentElementRef = useRef();
   useLayoutEffect(() => {

package/es/extensions/forms/Wizard/Step/Step.js.map

@@ -1 +1 @@
-{"version":3,"file":"Step.js","names":["React","useContext","useMemo","useRef","classnames","WizardContext","Flex","convertJsxToString","FieldProvider","useLayoutEffect","window","useEffect","Step","props","className","title","index","active","activeWhen","required","prerenderFieldProps","children","restProps","_objectWithoutProperties","_excluded","check","activeIndex","stepsRef","stepElementRef","ariaLabel","_ref","_stepsRef$current","current","currentElementRef","visibleWhen","createElement","Fragment","fieldProps","undefined","Stack","_extends","element","innerRef","tabIndex","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Wizard/Step/Step.tsx"],"sourcesContent":["import React, { useContext, useMemo, useRef } from 'react'\nimport classnames from 'classnames'\nimport { ComponentProps } from '../../types'\nimport { Props as FlexContainerProps } from '../../../../components/flex/Container'\nimport WizardContext from '../Context/WizardContext'\nimport Flex from '../../../../components/flex/Flex'\nimport { convertJsxToString } from '../../../../shared/component-helper'\nimport FieldProvider from '../../Field/Provider'\nimport type { VisibleWhen } from '../../Form/Visibility'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n  typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport type Props = ComponentProps &\n  FlexContainerProps & {\n    /**\n     * A title that will be displayed in the indicator.\n     */\n    title?: React.ReactNode\n\n    /**\n     * To determine if the step should be rendered.\n     * Used internally by the WizardContainer.\n     */\n    index?: number\n\n    /**\n     * Will make all the fields inside the step to be required.\n     */\n    required?: boolean\n\n    /**\n     * If set to `false`, the step will not be rendered.\n     */\n    active?: boolean\n\n    /**\n     * Provide a `path` and a `hasValue` property with the excepted value in order to enable the step. You can alternatively provide a `hasValue` function that returns a boolean. The first parameter is the value of the path.\n     */\n    activeWhen?: VisibleWhen\n\n    /**\n     * If set to `true`, the step will always be rendered.\n     * For internal use only.\n     */\n    prerenderFieldProps?: boolean\n  }\n\nfunction Step(props: Props): JSX.Element {\n  const {\n    className,\n    title,\n    index,\n    active = true,\n    activeWhen,\n    required,\n    prerenderFieldProps,\n    children,\n    ...restProps\n  } = props\n  const { check, activeIndex, stepsRef, stepElementRef } =\n    useContext(WizardContext) || {}\n\n  const ariaLabel = useMemo(() => {\n    return (\n      (!prerenderFieldProps && stepsRef?.current?.[index]) ??\n      convertJsxToString(title)\n    )\n  }, [index, prerenderFieldProps, title, stepsRef])\n\n  const currentElementRef = useRef<HTMLElement>()\n  useLayoutEffect(() => {\n    if (!prerenderFieldProps && typeof stepElementRef !== 'undefined') {\n      if (currentElementRef.current) {\n        stepElementRef.current = currentElementRef.current\n      }\n      return () => {\n        stepElementRef.current = null\n      }\n    }\n  }, [prerenderFieldProps, stepElementRef])\n\n  if (prerenderFieldProps) {\n    return children as JSX.Element\n  }\n\n  if (\n    activeIndex !== index ||\n    active === false ||\n    (activeWhen && !check({ visibleWhen: activeWhen }))\n  ) {\n    // Another step is active\n    return <></>\n  }\n\n  const fieldProps =\n    typeof required === 'boolean' ? { required } : undefined\n\n  return (\n    <Flex.Stack\n      className={classnames('dnb-forms-step', className)}\n      element=\"section\"\n      aria-label={ariaLabel}\n      innerRef={currentElementRef}\n      tabIndex={-1}\n      {...restProps}\n    >\n      {fieldProps ? (\n        <FieldProvider {...fieldProps}>{children}</FieldProvider>\n      ) : (\n        children\n      )}\n    </Flex.Stack>\n  )\n}\n\nStep._supportsSpacingProps = true\nexport default Step\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AAC1D,OAAOC,UAAU,MAAM,YAAY;AAGnC,OAAOC,aAAa,MAAM,0BAA0B;AACpD,OAAOC,IAAI,MAAM,kCAAkC;AACnD,SAASC,kBAAkB,QAAQ,qCAAqC;AACxE,OAAOC,aAAa,MAAM,sBAAsB;AAIhD,MAAMC,eAAe,GACnB,OAAOC,MAAM,KAAK,WAAW,GAAGV,KAAK,CAACW,SAAS,GAAGX,KAAK,CAACS,eAAe;AAqCzE,SAASG,IAAIA,CAACC,KAAY,EAAe;EACvC,MAAM;MACJC,SAAS;MACTC,KAAK;MACLC,KAAK;MACLC,MAAM,GAAG,IAAI;MACbC,UAAU;MACVC,QAAQ;MACRC,mBAAmB;MACnBC;IAEF,CAAC,GAAGR,KAAK;IADJS,SAAS,GAAAC,wBAAA,CACVV,KAAK,EAAAW,SAAA;EACT,MAAM;IAAEC,KAAK;IAAEC,WAAW;IAAEC,QAAQ;IAAEC;EAAe,CAAC,GACpD3B,UAAU,CAACI,aAAa,CAAC,IAAI,CAAC,CAAC;EAEjC,MAAMwB,SAAS,GAAG3B,OAAO,CAAC,MAAM;IAAA,IAAA4B,IAAA,EAAAC,iBAAA;IAC9B,QAAAD,IAAA,GACG,CAACV,mBAAmB,KAAIO,QAAQ,aAARA,QAAQ,wBAAAI,iBAAA,GAARJ,QAAQ,CAAEK,OAAO,cAAAD,iBAAA,uBAAjBA,iBAAA,CAAoBf,KAAK,CAAC,eAAAc,IAAA,cAAAA,IAAA,GACnDvB,kBAAkB,CAACQ,KAAK,CAAC;EAE7B,CAAC,EAAE,CAACC,KAAK,EAAEI,mBAAmB,EAAEL,KAAK,EAAEY,QAAQ,CAAC,CAAC;EAEjD,MAAMM,iBAAiB,GAAG9B,MAAM,CAAc,CAAC;EAC/CM,eAAe,CAAC,MAAM;IACpB,IAAI,CAACW,mBAAmB,IAAI,OAAOQ,cAAc,KAAK,WAAW,EAAE;MACjE,IAAIK,iBAAiB,CAACD,OAAO,EAAE;QAC7BJ,cAAc,CAACI,OAAO,GAAGC,iBAAiB,CAACD,OAAO;MACpD;MACA,OAAO,MAAM;QACXJ,cAAc,CAACI,OAAO,GAAG,IAAI;MAC/B,CAAC;IACH;EACF,CAAC,EAAE,CAACZ,mBAAmB,EAAEQ,cAAc,CAAC,CAAC;EAEzC,IAAIR,mBAAmB,EAAE;IACvB,OAAOC,QAAQ;EACjB;EAEA,IACEK,WAAW,KAAKV,KAAK,IACrBC,MAAM,KAAK,KAAK,IACfC,UAAU,IAAI,CAACO,KAAK,CAAC;IAAES,WAAW,EAAEhB;EAAW,CAAC,CAAE,EACnD;IAEA,OAAOlB,KAAA,CAAAmC,aAAA,CAAAnC,KAAA,CAAAoC,QAAA,MAAI,CAAC;EACd;EAEA,MAAMC,UAAU,GACd,OAAOlB,QAAQ,KAAK,SAAS,GAAG;IAAEA;EAAS,CAAC,GAAGmB,SAAS;EAE1D,OACEtC,KAAA,CAAAmC,aAAA,CAAC7B,IAAI,CAACiC,KAAK,EAAAC,QAAA;IACT1B,SAAS,EAAEV,UAAU,CAAC,gBAAgB,EAAEU,SAAS,CAAE;IACnD2B,OAAO,EAAC,SAAS;IACjB,cAAYZ,SAAU;IACtBa,QAAQ,EAAET,iBAAkB;IAC5BU,QAAQ,EAAE,CAAC;EAAE,GACTrB,SAAS,GAEZe,UAAU,GACTrC,KAAA,CAAAmC,aAAA,CAAC3B,aAAa,EAAK6B,UAAU,EAAGhB,QAAwB,CAAC,GAEzDA,QAEQ,CAAC;AAEjB;AAEAT,IAAI,CAACgC,qBAAqB,GAAG,IAAI;AACjC,eAAehC,IAAI"}
+{"version":3,"file":"Step.js","names":["React","useContext","useMemo","useRef","classnames","WizardContext","Flex","convertJsxToString","FieldProvider","useLayoutEffect","window","useEffect","Step","props","className","title","index","active","activeWhen","required","prerenderFieldProps","children","restProps","_objectWithoutProperties","_excluded","check","activeIndex","stepsRef","stepElementRef","ariaLabel","_ref","_stepsRef$current","_stepsRef$current$ind","_stepsRef$current2","current","currentElementRef","visibleWhen","createElement","Fragment","fieldProps","undefined","Stack","_extends","element","innerRef","tabIndex","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Wizard/Step/Step.tsx"],"sourcesContent":["import React, { useContext, useMemo, useRef } from 'react'\nimport classnames from 'classnames'\nimport { ComponentProps } from '../../types'\nimport { Props as FlexContainerProps } from '../../../../components/flex/Container'\nimport WizardContext from '../Context/WizardContext'\nimport Flex from '../../../../components/flex/Flex'\nimport { convertJsxToString } from '../../../../shared/component-helper'\nimport FieldProvider from '../../Field/Provider'\nimport type { VisibleWhen } from '../../Form/Visibility'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n  typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport type Props = ComponentProps &\n  FlexContainerProps & {\n    /**\n     * A title that will be displayed in the indicator.\n     */\n    title?: React.ReactNode\n\n    /**\n     * To determine if the step should be rendered.\n     * Used internally by the WizardContainer.\n     */\n    index?: number\n\n    /**\n     * Will make all the fields inside the step to be required.\n     */\n    required?: boolean\n\n    /**\n     * If set to `false`, the step will not be rendered.\n     */\n    active?: boolean\n\n    /**\n     * Provide a `path` and a `hasValue` property with the excepted value in order to enable the step. You can alternatively provide a `hasValue` function that returns a boolean. The first parameter is the value of the path.\n     */\n    activeWhen?: VisibleWhen\n\n    /**\n     * If set to `true`, the step will always be rendered.\n     * For internal use only.\n     */\n    prerenderFieldProps?: boolean\n  }\n\nfunction Step(props: Props): JSX.Element {\n  const {\n    className,\n    title,\n    index,\n    active = true,\n    activeWhen,\n    required,\n    prerenderFieldProps,\n    children,\n    ...restProps\n  } = props\n  const { check, activeIndex, stepsRef, stepElementRef } =\n    useContext(WizardContext) || {}\n\n  const ariaLabel = useMemo(() => {\n    return (\n      (!prerenderFieldProps &&\n        (stepsRef?.current?.[index]?.title ||\n          stepsRef?.current?.[index])) ??\n      convertJsxToString(title)\n    )\n  }, [index, prerenderFieldProps, title, stepsRef])\n\n  const currentElementRef = useRef<HTMLElement>()\n  useLayoutEffect(() => {\n    if (!prerenderFieldProps && typeof stepElementRef !== 'undefined') {\n      if (currentElementRef.current) {\n        stepElementRef.current = currentElementRef.current\n      }\n      return () => {\n        stepElementRef.current = null\n      }\n    }\n  }, [prerenderFieldProps, stepElementRef])\n\n  if (prerenderFieldProps) {\n    return children as JSX.Element\n  }\n\n  if (\n    activeIndex !== index ||\n    active === false ||\n    (activeWhen && !check({ visibleWhen: activeWhen }))\n  ) {\n    // Another step is active\n    return <></>\n  }\n\n  const fieldProps =\n    typeof required === 'boolean' ? { required } : undefined\n\n  return (\n    <Flex.Stack\n      className={classnames('dnb-forms-step', className)}\n      element=\"section\"\n      aria-label={ariaLabel}\n      innerRef={currentElementRef}\n      tabIndex={-1}\n      {...restProps}\n    >\n      {fieldProps ? (\n        <FieldProvider {...fieldProps}>{children}</FieldProvider>\n      ) : (\n        children\n      )}\n    </Flex.Stack>\n  )\n}\n\nStep._supportsSpacingProps = true\nexport default Step\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AAC1D,OAAOC,UAAU,MAAM,YAAY;AAGnC,OAAOC,aAAa,MAAM,0BAA0B;AACpD,OAAOC,IAAI,MAAM,kCAAkC;AACnD,SAASC,kBAAkB,QAAQ,qCAAqC;AACxE,OAAOC,aAAa,MAAM,sBAAsB;AAIhD,MAAMC,eAAe,GACnB,OAAOC,MAAM,KAAK,WAAW,GAAGV,KAAK,CAACW,SAAS,GAAGX,KAAK,CAACS,eAAe;AAqCzE,SAASG,IAAIA,CAACC,KAAY,EAAe;EACvC,MAAM;MACJC,SAAS;MACTC,KAAK;MACLC,KAAK;MACLC,MAAM,GAAG,IAAI;MACbC,UAAU;MACVC,QAAQ;MACRC,mBAAmB;MACnBC;IAEF,CAAC,GAAGR,KAAK;IADJS,SAAS,GAAAC,wBAAA,CACVV,KAAK,EAAAW,SAAA;EACT,MAAM;IAAEC,KAAK;IAAEC,WAAW;IAAEC,QAAQ;IAAEC;EAAe,CAAC,GACpD3B,UAAU,CAACI,aAAa,CAAC,IAAI,CAAC,CAAC;EAEjC,MAAMwB,SAAS,GAAG3B,OAAO,CAAC,MAAM;IAAA,IAAA4B,IAAA,EAAAC,iBAAA,EAAAC,qBAAA,EAAAC,kBAAA;IAC9B,QAAAH,IAAA,GACG,CAACV,mBAAmB,KAClB,CAAAO,QAAQ,aAARA,QAAQ,wBAAAI,iBAAA,GAARJ,QAAQ,CAAEO,OAAO,cAAAH,iBAAA,wBAAAC,qBAAA,GAAjBD,iBAAA,CAAoBf,KAAK,CAAC,cAAAgB,qBAAA,uBAA1BA,qBAAA,CAA4BjB,KAAK,MAChCY,QAAQ,aAARA,QAAQ,wBAAAM,kBAAA,GAARN,QAAQ,CAAEO,OAAO,cAAAD,kBAAA,uBAAjBA,kBAAA,CAAoBjB,KAAK,CAAC,EAAC,cAAAc,IAAA,cAAAA,IAAA,GAC/BvB,kBAAkB,CAACQ,KAAK,CAAC;EAE7B,CAAC,EAAE,CAACC,KAAK,EAAEI,mBAAmB,EAAEL,KAAK,EAAEY,QAAQ,CAAC,CAAC;EAEjD,MAAMQ,iBAAiB,GAAGhC,MAAM,CAAc,CAAC;EAC/CM,eAAe,CAAC,MAAM;IACpB,IAAI,CAACW,mBAAmB,IAAI,OAAOQ,cAAc,KAAK,WAAW,EAAE;MACjE,IAAIO,iBAAiB,CAACD,OAAO,EAAE;QAC7BN,cAAc,CAACM,OAAO,GAAGC,iBAAiB,CAACD,OAAO;MACpD;MACA,OAAO,MAAM;QACXN,cAAc,CAACM,OAAO,GAAG,IAAI;MAC/B,CAAC;IACH;EACF,CAAC,EAAE,CAACd,mBAAmB,EAAEQ,cAAc,CAAC,CAAC;EAEzC,IAAIR,mBAAmB,EAAE;IACvB,OAAOC,QAAQ;EACjB;EAEA,IACEK,WAAW,KAAKV,KAAK,IACrBC,MAAM,KAAK,KAAK,IACfC,UAAU,IAAI,CAACO,KAAK,CAAC;IAAEW,WAAW,EAAElB;EAAW,CAAC,CAAE,EACnD;IAEA,OAAOlB,KAAA,CAAAqC,aAAA,CAAArC,KAAA,CAAAsC,QAAA,MAAI,CAAC;EACd;EAEA,MAAMC,UAAU,GACd,OAAOpB,QAAQ,KAAK,SAAS,GAAG;IAAEA;EAAS,CAAC,GAAGqB,SAAS;EAE1D,OACExC,KAAA,CAAAqC,aAAA,CAAC/B,IAAI,CAACmC,KAAK,EAAAC,QAAA;IACT5B,SAAS,EAAEV,UAAU,CAAC,gBAAgB,EAAEU,SAAS,CAAE;IACnD6B,OAAO,EAAC,SAAS;IACjB,cAAYd,SAAU;IACtBe,QAAQ,EAAET,iBAAkB;IAC5BU,QAAQ,EAAE,CAAC;EAAE,GACTvB,SAAS,GAEZiB,UAAU,GACTvC,KAAA,CAAAqC,aAAA,CAAC7B,aAAa,EAAK+B,UAAU,EAAGlB,QAAwB,CAAC,GAEzDA,QAEQ,CAAC;AAEjB;AAEAT,IAAI,CAACkC,qBAAqB,GAAG,IAAI;AACjC,eAAelC,IAAI"}

package/es/extensions/forms/constants/locales/en-GB.d.ts

@@ -96,12 +96,24 @@ declare const _default: {
         /**
          * Feature fields
          */
+        PostalAddress: {
+            label: string;
+            errorRequired: string;
+            errorPattern: string;
+        };
+        StreetAddress: {
+            label: string;
+            errorRequired: string;
+            errorPattern: string;
+        };
         Date: {
             label: string;
             errorRequired: string;
         };
         Expiry: {
             label: string;
+            errorMonth: string;
+            errorYear: string;
         };
         Email: {
             label: string;
@@ -152,6 +164,7 @@ declare const _default: {
         };
         PostalCodeAndCity: {
             label: string;
+            invalidCode: string;
         };
         PostalCode: {
             label: string;