npm - @dnb/eufemia - Versions diffs - 10.32.0 → 10.34.0 - Mend

@dnb/eufemia 10.32.0 → 10.34.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (938) hide show

package/extensions/forms/Iterate/Array/Array.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Array.js","names":["React","useMemo","useRef","useEffect","useReducer","createRef","useContext","Fragment","classnames","pointer","useFieldProps","makeUniqueId","Flex","pickSpacingProps","pickFlexContainerProps","IterateElementContext","SummaryListContext","ValueBlockContext","FieldBoundaryProvider","structuredClone","ArrayComponent","props","_props$value","salt","forceUpdate","summaryListContext","valueBlockContext","path","value","arrayValue","withoutFlex","emptyValue","placeholder","handleChange","onChange","children","idsRef","isNewRef","modesRef","valueWhileClosingRef","valueCountRef","containerRef","hadPushRef","innerRefs","omitFlex","current","elementData","_ref","map","index","_valueCountRef$curren","id","hasNewItems","length","push","isNew","containerMode","switchContainerMode","mode","_isNewRef$current","newArrayValue","_objectSpread","set","handlePush","element","handleRemove","keepItems","arguments","undefined","splice","fulfillRemove","_modesRef$current","_isNewRef$current2","findIndex","indexOf","restoreOriginalValue","last","flexProps","className","innerRef","WrapperElement","Stack","createElement","elementProps","elementRef","renderChildren","elementChild","contextValue","content","Array","isArray","child","Provider","key","Item","tabIndex","_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 Fragment,\n} from 'react'\nimport classnames from 'classnames'\nimport pointer from 'json-pointer'\nimport { useFieldProps } from '../../hooks'\nimport { makeUniqueId } from '../../../../shared/component-helper'\nimport { Flex } from '../../../../components'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport {\n BasicProps as FlexContainerProps,\n Props as FlexContainerAllProps,\n pickFlexContainerProps,\n} from '../../../../components/flex/Container'\nimport IterateElementContext, {\n IterateElementContextState,\n} from '../IterateElementContext'\nimport SummaryListContext from '../../Value/SummaryList/SummaryListContext'\nimport ValueBlockContext from '../../ValueBlock/ValueBlockContext'\nimport FieldBoundaryProvider from '../../DataContext/FieldBoundary/FieldBoundaryProvider'\n\nimport type { ContainerMode, ElementChild, Props, Value } from './types'\nimport type { Identifier, Path } 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 summaryListContext = useContext(SummaryListContext)\n const valueBlockContext = useContext(ValueBlockContext)\n\n const {\n path,\n value: arrayValue,\n withoutFlex,\n emptyValue,\n placeholder,\n handleChange,\n onChange,\n children,\n } = useFieldProps<Value, Props>(props)\n\n const idsRef = useRef<Array<Identifier>>([])\n const isNewRef = useRef<Record<string, boolean>>({})\n const modesRef = useRef<Record<Identifier, ContainerMode>>({})\n const valueWhileClosingRef = useRef<Array<unknown>>()\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 useEffect(() => {\n // Update inside the useEffect, to support React.StrictMode\n valueCountRef.current = arrayValue \|\| []\n }, [arrayValue])\n\n const elementData = useMemo(() => {\n return ((valueWhileClosingRef.current \|\| arrayValue) ?? []).map(\n (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]) {\n modesRef.current[id] = isNew ? 'edit' : 'view'\n }\n\n return {\n id,\n path,\n value,\n index,\n arrayValue,\n containerRef,\n isNew,\n containerMode: modesRef.current[id],\n switchContainerMode: (mode: ContainerMode) => {\n modesRef.current[id] = mode\n delete isNewRef.current?.[id]\n forceUpdate()\n },\n handleChange: (path: Path, value: unknown) => {\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: unknown) => {\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: unknown) => {\n const newArrayValue = structuredClone(arrayValue)\n newArrayValue[index] = value\n handleChange(newArrayValue)\n },\n } as IterateElementContextState\n }\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, path, handleChange])\n\n // - Call the onChange callback when a new element is added without calling \"handlePush\"\n useMemo(() => {\n const last = elementData?.[elementData.length - 1]\n if (last?.isNew && !hadPushRef.current) {\n onChange?.(arrayValue)\n } else {\n hadPushRef.current = false\n }\n }, [arrayValue, elementData, onChange])\n\n const flexProps: FlexContainerProps & {\n innerRef: FlexContainerAllProps['innerRef']\n } = {\n className: classnames('dnb-forms-iterate', props?.className),\n ...pickFlexContainerProps(props as FlexContainerProps),\n ...pickSpacingProps(props),\n innerRef: containerRef,\n }\n\n const WrapperElement = omitFlex ? Fragment : Flex.Stack\n\n return (\n <WrapperElement {...(omitFlex ? null : flexProps)}>\n {arrayValue === emptyValue \|\| props?.value?.length === 0\n ? placeholder\n : elementData.map((elementProps) => {\n const { id, value, index } = elementProps\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)\n : elementChild\n }\n\n const contextValue = {\n ...elementProps,\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 <IterateElementContext.Provider\n key={`element-${id}`}\n value={contextValue}\n >\n <FieldBoundaryProvider>{content}</FieldBoundaryProvider>\n </IterateElementContext.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 <IterateElementContext.Provider value={contextValue}>\n <FieldBoundaryProvider>{content}</FieldBoundaryProvider>\n </IterateElementContext.Provider>\n </Flex.Item>\n )\n })}\n </WrapperElement>\n )\n}\n\nArrayComponent._supportsSpacingProps = true\nexport default ArrayComponent\n"],"mappings":"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"}
1	+ {"version":3,"file":"Array.js","names":["React","useMemo","useRef","useEffect","useReducer","createRef","useContext","Fragment","classnames","pointer","useFieldProps","makeUniqueId","Flex","pickSpacingProps","pickFlexContainerProps","IterateElementContext","SummaryListContext","ValueBlockContext","FieldBoundaryProvider","structuredClone","useDataValue","ArrayComponent","props","_props$value","salt","forceUpdate","summaryListContext","valueBlockContext","getValue","preparedProps","path","countPath","countPathLimit","Infinity","countPathTransform","arrayValue","countValue","parseFloat","length","newValue","i","l","value","push","index","_objectSpread","withoutFlex","emptyValue","placeholder","handleChange","onChange","children","idsRef","isNewRef","modesRef","valueWhileClosingRef","valueCountRef","containerRef","hadPushRef","innerRefs","omitFlex","current","elementData","_ref","map","_valueCountRef$curren","id","hasNewItems","isNew","containerMode","switchContainerMode","mode","_isNewRef$current","newArrayValue","set","handlePush","element","handleRemove","keepItems","arguments","undefined","splice","fulfillRemove","_modesRef$current","_isNewRef$current2","findIndex","indexOf","restoreOriginalValue","last","flexProps","className","innerRef","WrapperElement","Stack","createElement","elementProps","elementRef","renderChildren","elementChild","contextValue","content","Array","isArray","child","Provider","key","Item","tabIndex","_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 Fragment,\n} from 'react'\nimport classnames from 'classnames'\nimport pointer from 'json-pointer'\nimport { useFieldProps } from '../../hooks'\nimport { makeUniqueId } from '../../../../shared/component-helper'\nimport { Flex } from '../../../../components'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport {\n BasicProps as FlexContainerProps,\n Props as FlexContainerAllProps,\n pickFlexContainerProps,\n} from '../../../../components/flex/Container'\nimport IterateElementContext, {\n IterateElementContextState,\n} from '../IterateElementContext'\nimport SummaryListContext from '../../Value/SummaryList/SummaryListContext'\nimport ValueBlockContext from '../../ValueBlock/ValueBlockContext'\nimport FieldBoundaryProvider from '../../DataContext/FieldBoundary/FieldBoundaryProvider'\n\nimport type { ContainerMode, ElementChild, Props, Value } from './types'\nimport type { Identifier, Path } 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'\nimport useDataValue from '../../hooks/useDataValue'\n\nexport type from './types'\n\nfunction ArrayComponent(props: Props) {\n const [salt, forceUpdate] = useReducer(() => ({}), {})\n\n const summaryListContext = useContext(SummaryListContext)\n const valueBlockContext = useContext(ValueBlockContext)\n\n const { getValue } = useDataValue()\n const preparedProps = useMemo(() => {\n const {\n path,\n countPath,\n countPathLimit = Infinity,\n countPathTransform,\n } = props\n\n if (countPath) {\n const arrayValue = getValue(path)\n let countValue = parseFloat(getValue(countPath))\n if (!(countValue >= 0)) {\n countValue = 0\n }\n if (countValue > countPathLimit) {\n countValue = countPathLimit\n }\n if (arrayValue?.length !== countValue) {\n const newValue = []\n for (let i = 0, l = countValue; i < l; i++) {\n const value = arrayValue?.[i]\n newValue.push(countPathTransform?.({ value, index: i }))\n }\n\n return {\n ...props,\n value: newValue,\n }\n }\n }\n\n return props\n }, [getValue, props])\n\n const {\n path,\n value: arrayValue,\n withoutFlex,\n emptyValue,\n placeholder,\n handleChange,\n onChange,\n children,\n } = useFieldProps<Value, Props>(preparedProps)\n\n const idsRef = useRef<Array<Identifier>>([])\n const isNewRef = useRef<Record<string, boolean>>({})\n const modesRef = useRef<Record<Identifier, ContainerMode>>({})\n const valueWhileClosingRef = useRef<Array<unknown>>()\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 useEffect(() => {\n // Update inside the useEffect, to support React.StrictMode\n valueCountRef.current = arrayValue \|\| []\n }, [arrayValue])\n\n const elementData = useMemo(() => {\n return ((valueWhileClosingRef.current \|\| arrayValue) ?? []).map(\n (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]) {\n modesRef.current[id] = isNew ? 'edit' : 'view'\n }\n\n return {\n id,\n path,\n value,\n index,\n arrayValue,\n containerRef,\n isNew,\n containerMode: modesRef.current[id],\n switchContainerMode: (mode: ContainerMode) => {\n modesRef.current[id] = mode\n delete isNewRef.current?.[id]\n forceUpdate()\n },\n handleChange: (path: Path, value: unknown) => {\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: unknown) => {\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: unknown) => {\n const newArrayValue = structuredClone(arrayValue)\n newArrayValue[index] = value\n handleChange(newArrayValue)\n },\n } as IterateElementContextState\n }\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, path, handleChange])\n\n // - Call the onChange callback when a new element is added without calling \"handlePush\"\n useMemo(() => {\n const last = elementData?.[elementData.length - 1]\n if (last?.isNew && !hadPushRef.current) {\n onChange?.(arrayValue)\n } else {\n hadPushRef.current = false\n }\n }, [arrayValue, elementData, onChange])\n\n const flexProps: FlexContainerProps & {\n innerRef: FlexContainerAllProps['innerRef']\n } = {\n className: classnames('dnb-forms-iterate', props?.className),\n ...pickFlexContainerProps(props as FlexContainerProps),\n ...pickSpacingProps(props),\n innerRef: containerRef,\n }\n\n const WrapperElement = omitFlex ? Fragment : Flex.Stack\n\n return (\n <WrapperElement {...(omitFlex ? null : flexProps)}>\n {arrayValue === emptyValue \|\| props?.value?.length === 0\n ? placeholder\n : elementData.map((elementProps) => {\n const { id, value, index } = elementProps\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)\n : elementChild\n }\n\n const contextValue = {\n ...elementProps,\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 <IterateElementContext.Provider\n key={`element-${id}`}\n value={contextValue}\n >\n <FieldBoundaryProvider>{content}</FieldBoundaryProvider>\n </IterateElementContext.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 <IterateElementContext.Provider value={contextValue}>\n <FieldBoundaryProvider>{content}</FieldBoundaryProvider>\n </IterateElementContext.Provider>\n </Flex.Item>\n )\n })}\n </WrapperElement>\n )\n}\n\nArrayComponent._supportsSpacingProps = true\nexport default ArrayComponent\n"],"mappings":"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"}

package/extensions/forms/Iterate/Array/ArrayDocs.js CHANGED Viewed

@@ -9,6 +9,21 @@ export const ArrayProperties = {
     type: 'string',
     status: 'optional'
   },
+  countPath: {
+    doc: 'A path (JSON Pointer) to the array length.',
+    type: 'string',
+    status: 'optional'
+  },
+  countPathTransform: {
+    doc: 'Will transform the current value before it is displayed.',
+    type: 'function',
+    status: 'optional'
+  },
+  countPathLimit: {
+    doc: 'Will limit the iterate amount by given "countPathLimit" value.',
+    type: 'number',
+    status: 'optional'
+  },
   withoutFlex: {
     doc: 'When `true` it will omit the Flex.Stack wrapper so it can be used for tables and lists.',
     type: 'boolean',

package/extensions/forms/Iterate/Array/ArrayDocs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ArrayDocs.js","names":["ArrayProperties","value","doc","type","status","path","withoutFlex","placeholder","emptyValue","children","ArrayEvents","onChange"],"sources":["../../../../../../src/extensions/forms/Iterate/Array/ArrayDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\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 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 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 children: {\n doc: 'React.Node or a function so you can get the current value and index.',\n type: 'boolean',\n status: 'optional',\n },\n '[Flex.Stack](/uilib/layout/flex/stack/)': {\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":"AAEA,OAAO,MAAMA,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,WAAW,EAAE;~~IACXJ~~,GAAG,EAAE,yFAAyF;IAC9FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;~~EACDG~~,WAAW,EAAE;~~IACXL~~,GAAG,EAAE,4DAA4D;IACjEC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;~~EACDI~~,UAAU,EAAE;~~IACVN~~,GAAG,EAAE,qEAAqE;IAC1EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;~~EACDK~~,QAAQ,EAAE;~~IACRP~~,GAAG,EAAE,sEAAsE;IAC3EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,4BAA4B;IACjCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AACF,CAAC;AAED,OAAO,~~MAAMM~~,WAAiC,GAAG;EAC/CC,QAAQ,EAAE;~~IACRT~~,GAAG,EAAE,8HAA8H;IACnIC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV;AACF,CAAC"}
1	+ {"version":3,"file":"ArrayDocs.js","names":["ArrayProperties","value","doc","type","status","path","countPath","countPathTransform","countPathLimit","withoutFlex","placeholder","emptyValue","children","ArrayEvents","onChange"],"sources":["../../../../../../src/extensions/forms/Iterate/Array/ArrayDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\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 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 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 children: {\n doc: 'React.Node or a function so you can get the current value and index.',\n type: 'boolean',\n status: 'optional',\n },\n '[Flex.Stack](/uilib/layout/flex/stack/)': {\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":"AAEA,OAAO,MAAMA,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,SAAS,EAAE;IACTJ,GAAG,EAAE,4CAA4C;IACjDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,kBAAkB,EAAE;IAClBL,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDI,cAAc,EAAE;IACdN,GAAG,EAAE,gEAAgE;IACrEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,WAAW,EAAE;IACXP,GAAG,EAAE,yFAAyF;IAC9FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDM,WAAW,EAAE;IACXR,GAAG,EAAE,4DAA4D;IACjEC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDO,UAAU,EAAE;IACVT,GAAG,EAAE,qEAAqE;IAC1EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDQ,QAAQ,EAAE;IACRV,GAAG,EAAE,sEAAsE;IAC3EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,4BAA4B;IACjCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AACF,CAAC;AAED,OAAO,MAAMS,WAAiC,GAAG;EAC/CC,QAAQ,EAAE;IACRZ,GAAG,EAAE,8HAA8H;IACnIC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV;AACF,CAAC"}

package/extensions/forms/Iterate/Array/types.d.ts CHANGED Viewed

@@ -1,13 +1,19 @@
 /// <reference types="react" />
-import { UseFieldProps } from '../../types';
+import { Path, UseFieldProps } from '../../types';
 import { Props as FlexContainerProps } from '../../../../components/flex/Container';
 export type ContainerMode = 'view' | 'edit';
 export type Value = Array<unknown | Record<string, unknown>>;
 export type ElementChild = React.ReactNode | ((value: any, index: number) => React.ReactNode);
-export type Props = Omit<FlexContainerProps, 'children' | 'width'> & {
+export type Props = Omit<FlexContainerProps, 'children' | 'width' | 'defaultValue'> & {
     children: ElementChild | Array<ElementChild>;
     value?: UseFieldProps<Value, undefined | Value>['value'];
-    path?: UseFieldProps<Value, undefined | Value>['path'];
+    path?: Path;
+    countPath?: Path;
+    countPathLimit?: number;
+    countPathTransform?: (params: {
+        value: any;
+        index: number;
+    }) => any;
     withoutFlex?: boolean;
     emptyValue?: UseFieldProps<Value, undefined | Value>['emptyValue'];
     placeholder?: React.ReactNode;

package/extensions/forms/Iterate/Array/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/extensions/forms/Iterate/Array/types.ts"],"sourcesContent":["import { UseFieldProps } from '../../types'\nimport { Props as FlexContainerProps } from '../../../../components/flex/Container'\n\nexport type ContainerMode = 'view' \| 'edit'\nexport type Value = Array<unknown \| Record<string, unknown>>\nexport type ElementChild =\n \| React.ReactNode\n \| ((value: any, index: number) => React.ReactNode)\nexport type Props = Omit<FlexContainerProps, 'children' \| 'width'> & {\n children: ElementChild \| Array<ElementChild>\n value?: UseFieldProps<Value, undefined \| Value>['value']\n path?: ~~UseFieldProps<Value,~~ ~~undefined~~ \| ~~Value>['path']~~\n withoutFlex?: boolean\n emptyValue?: UseFieldProps<Value, undefined \| Value>['emptyValue']\n placeholder?: React.ReactNode\n onChange?: UseFieldProps<Value, undefined \| Value>['onChange']\n}\n"],"mappings":""}
1	+ {"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/extensions/forms/Iterate/Array/types.ts"],"sourcesContent":["import { Path, UseFieldProps } from '../../types'\nimport { Props as FlexContainerProps } from '../../../../components/flex/Container'\n\nexport type ContainerMode = 'view' \| 'edit'\nexport type Value = Array<unknown \| Record<string, unknown>>\nexport type ElementChild =\n \| React.ReactNode\n \| ((value: any, index: number) => React.ReactNode)\nexport type Props = Omit<\n FlexContainerProps,\n 'children' \| 'width' \| 'defaultValue'\n> & {\n children: ElementChild \| Array<ElementChild>\n value?: UseFieldProps<Value, undefined \| Value>['value']\n path?: Path\n countPath?: Path\n countPathLimit?: number\n countPathTransform?: (params: { value: any; index: number }) => any\n withoutFlex?: boolean\n emptyValue?: UseFieldProps<Value, undefined \| Value>['emptyValue']\n placeholder?: React.ReactNode\n onChange?: UseFieldProps<Value, undefined \| Value>['onChange']\n}\n"],"mappings":""}

package/extensions/forms/Iterate/EditContainer/EditContainer.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Props as FlexContainerProps } from '../../../../components/flex/Container';
-import { ElementBlockProps } from '../AnimatedContainer/ElementBlock';
+import { ElementSectionProps } from '../AnimatedContainer/ElementBlock';
 export type Props = {
     /**
      * The title of the EditContainer.
@@ -21,7 +21,7 @@ export type Props = {
      */
     toolbar?: React.ReactNode;
 };
-export type AllProps = Props & FlexContainerProps & ElementBlockProps;
+export type AllProps = Props & FlexContainerProps & ElementSectionProps;
 declare function EditContainer(props: AllProps): import("react/jsx-runtime").JSX.Element;
 declare namespace EditContainer {
     var _supportsSpacingProps: boolean;

package/extensions/forms/Iterate/EditContainer/EditContainer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EditContainer.js","names":["React","useContext","useEffect","useMemo","useRef","classnames","convertJsxToString","Lead","IterateElementContext","EditToolbarTools","ElementBlock","Toolbar","EditContainer","props","createElement","EditContainerWithoutToolbar","_extends","toolbar","_Toolbar","iterateElementContext","containerMode","isNew","_ref","children","className","title","titleWhenNew","restProps","_objectWithoutProperties","_excluded","wasNewRef","current","blockTitle","ariaLabel","mode","size","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/EditContainer/EditContainer.tsx"],"sourcesContent":["import React, { useContext, useEffect, useMemo, useRef } from 'react'\nimport classnames from 'classnames'\nimport { convertJsxToString } from '../../../../shared/component-helper'\nimport { Lead } from '../../../../elements'\nimport { Props as FlexContainerProps } from '../../../../components/flex/Container'\nimport IterateElementContext from '../IterateElementContext'\nimport EditToolbarTools from './EditToolbarTools'\nimport ElementBlock, {\n ~~ElementBlockProps~~,\n} from '../AnimatedContainer/ElementBlock'\nimport Toolbar from '../Toolbar'\n\nexport type Props = {\n /*\n The title of the EditContainer.\n /\n title?: React.ReactNode\n\n /\n The title for a new item show within the EditContainer.\n /\n titleWhenNew?: React.ReactNode\n\n /\n If the EditContainer is open or not.\n * Used internally.\n /\n open?: boolean\n\n /\n The toolbar to be shown in the EditContainer.\n * Used internally.\n */\n toolbar?: React.ReactNode\n}\n\nexport type AllProps = Props & FlexContainerProps & ~~ElementBlockProps~~\n\nexport default function EditContainer(props: AllProps) {\n return (\n <EditContainerWithoutToolbar\n toolbar={\n <Toolbar>\n <EditToolbarTools />\n </Toolbar>\n }\n {...props}\n />\n )\n}\n\nexport function EditContainerWithoutToolbar(\n props: Props & FlexContainerProps & { toolbar?: React.ReactNode }\n) {\n const iterateElementContext = useContext(IterateElementContext)\n const { containerMode, isNew } = iterateElementContext ?? {}\n\n const {\n children,\n className,\n title,\n titleWhenNew,\n toolbar,\n ...restProps\n } = props \|\| {}\n\n const wasNewRef = useRef<unknown>(isNew)\n\n useEffect(() => {\n if (containerMode === 'view') {\n wasNewRef.current = false\n }\n }, [isNew, containerMode])\n\n const blockTitle =\n wasNewRef.current && titleWhenNew ? titleWhenNew : title\n const ariaLabel = useMemo(\n () => convertJsxToString(blockTitle),\n [blockTitle]\n )\n\n return (\n <ElementBlock\n mode=\"edit\"\n className={classnames('dnb-forms-iterate-edit-block', className)}\n ariaLabel={ariaLabel}\n {...restProps}\n >\n {blockTitle && <Lead size=\"basis\">{blockTitle}</Lead>}\n {children}\n {toolbar}\n </ElementBlock>\n )\n}\n\nEditContainer._supportsSpacingProps = true\nEditContainerWithoutToolbar._supportsSpacingProps = true\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,SAAS,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AACrE,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,kBAAkB,QAAQ,qCAAqC;AACxE,SAASC,IAAI,QAAQ,sBAAsB;AAE3C,OAAOC,qBAAqB,MAAM,0BAA0B;AAC5D,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,YAAY,MAEZ,mCAAmC;AAC1C,OAAOC,OAAO,MAAM,YAAY;AA4BhC,eAAe,SAASC,aAAaA,CAACC,KAAe,EAAE;EACrD,OACEb,KAAA,CAAAc,aAAA,CAACC,2BAA2B,EAAAC,QAAA;IAC1BC,OAAO,EAAAC,QAAA,KAAAA,QAAA,GACLlB,KAAA,CAAAc,aAAA,CAACH,OAAO,QACNX,KAAA,CAAAc,aAAA,CAACL,gBAAgB,MAAE,CACZ,CAAC;EACX,GACGI,KAAK,CACV,CAAC;AAEN;AAEA,OAAO,SAASE,2BAA2BA,CACzCF,KAAiE,EACjE;EACA,MAAMM,qBAAqB,GAAGlB,UAAU,CAACO,qBAAqB,CAAC;EAC/D,MAAM;IAAEY,aAAa;IAAEC;EAAM,CAAC,GAAGF,qBAAqB,aAArBA,qBAAqB,cAArBA,qBAAqB,GAAI,CAAC,CAAC;EAE5D,MAAAG,IAAA,GAOIT,KAAK,IAAI,CAAC,CAAC;IAPT;MACJU,QAAQ;MACRC,SAAS;MACTC,KAAK;MACLC,YAAY;MACZT;IAEF,CAAC,GAAAK,IAAA;IADIK,SAAS,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EAGd,MAAMC,SAAS,GAAG1B,MAAM,CAAUiB,KAAK,CAAC;EAExCnB,SAAS,CAAC,MAAM;IACd,IAAIkB,aAAa,KAAK,MAAM,EAAE;MAC5BU,SAAS,CAACC,OAAO,GAAG,KAAK;IAC3B;EACF,CAAC,EAAE,CAACV,KAAK,EAAED,aAAa,CAAC,CAAC;EAE1B,MAAMY,UAAU,GACdF,SAAS,CAACC,OAAO,IAAIL,YAAY,GAAGA,YAAY,GAAGD,KAAK;EAC1D,MAAMQ,SAAS,GAAG9B,OAAO,CACvB,MAAMG,kBAAkB,CAAC0B,UAAU,CAAC,EACpC,CAACA,UAAU,CACb,CAAC;EAED,OACEhC,KAAA,CAAAc,aAAA,CAACJ,YAAY,EAAAM,QAAA;IACXkB,IAAI,EAAC,MAAM;IACXV,SAAS,EAAEnB,UAAU,CAAC,8BAA8B,EAAEmB,SAAS,CAAE;IACjES,SAAS,EAAEA;EAAU,GACjBN,SAAS,GAEZK,UAAU,IAAIhC,KAAA,CAAAc,aAAA,CAACP,IAAI;IAAC4B,IAAI,EAAC;EAAO,GAAEH,UAAiB,CAAC,EACpDT,QAAQ,EACRN,OACW,CAAC;AAEnB;AAEAL,aAAa,CAACwB,qBAAqB,GAAG,IAAI;AAC1CrB,2BAA2B,CAACqB,qBAAqB,GAAG,IAAI"}
1	+ {"version":3,"file":"EditContainer.js","names":["React","useContext","useEffect","useMemo","useRef","classnames","convertJsxToString","Lead","IterateElementContext","EditToolbarTools","ElementBlock","Toolbar","EditContainer","props","createElement","EditContainerWithoutToolbar","_extends","toolbar","_Toolbar","iterateElementContext","containerMode","isNew","_ref","children","className","title","titleWhenNew","restProps","_objectWithoutProperties","_excluded","wasNewRef","current","blockTitle","ariaLabel","mode","size","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/EditContainer/EditContainer.tsx"],"sourcesContent":["import React, { useContext, useEffect, useMemo, useRef } from 'react'\nimport classnames from 'classnames'\nimport { convertJsxToString } from '../../../../shared/component-helper'\nimport { Lead } from '../../../../elements'\nimport { Props as FlexContainerProps } from '../../../../components/flex/Container'\nimport IterateElementContext from '../IterateElementContext'\nimport EditToolbarTools from './EditToolbarTools'\nimport ElementBlock, {\n ElementSectionProps,\n} from '../AnimatedContainer/ElementBlock'\nimport Toolbar from '../Toolbar'\n\nexport type Props = {\n /*\n The title of the EditContainer.\n /\n title?: React.ReactNode\n\n /\n The title for a new item show within the EditContainer.\n /\n titleWhenNew?: React.ReactNode\n\n /\n If the EditContainer is open or not.\n * Used internally.\n /\n open?: boolean\n\n /\n The toolbar to be shown in the EditContainer.\n * Used internally.\n */\n toolbar?: React.ReactNode\n}\n\nexport type AllProps = Props & FlexContainerProps & ElementSectionProps\n\nexport default function EditContainer(props: AllProps) {\n return (\n <EditContainerWithoutToolbar\n toolbar={\n <Toolbar>\n <EditToolbarTools />\n </Toolbar>\n }\n {...props}\n />\n )\n}\n\nexport function EditContainerWithoutToolbar(\n props: Props & FlexContainerProps & { toolbar?: React.ReactNode }\n) {\n const iterateElementContext = useContext(IterateElementContext)\n const { containerMode, isNew } = iterateElementContext ?? {}\n\n const {\n children,\n className,\n title,\n titleWhenNew,\n toolbar,\n ...restProps\n } = props \|\| {}\n\n const wasNewRef = useRef<unknown>(isNew)\n\n useEffect(() => {\n if (containerMode === 'view') {\n wasNewRef.current = false\n }\n }, [isNew, containerMode])\n\n const blockTitle =\n wasNewRef.current && titleWhenNew ? titleWhenNew : title\n const ariaLabel = useMemo(\n () => convertJsxToString(blockTitle),\n [blockTitle]\n )\n\n return (\n <ElementBlock\n mode=\"edit\"\n className={classnames('dnb-forms-iterate-edit-block', className)}\n ariaLabel={ariaLabel}\n {...restProps}\n >\n {blockTitle && <Lead size=\"basis\">{blockTitle}</Lead>}\n {children}\n {toolbar}\n </ElementBlock>\n )\n}\n\nEditContainer._supportsSpacingProps = true\nEditContainerWithoutToolbar._supportsSpacingProps = true\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,SAAS,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AACrE,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,kBAAkB,QAAQ,qCAAqC;AACxE,SAASC,IAAI,QAAQ,sBAAsB;AAE3C,OAAOC,qBAAqB,MAAM,0BAA0B;AAC5D,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,YAAY,MAEZ,mCAAmC;AAC1C,OAAOC,OAAO,MAAM,YAAY;AA4BhC,eAAe,SAASC,aAAaA,CAACC,KAAe,EAAE;EACrD,OACEb,KAAA,CAAAc,aAAA,CAACC,2BAA2B,EAAAC,QAAA;IAC1BC,OAAO,EAAAC,QAAA,KAAAA,QAAA,GACLlB,KAAA,CAAAc,aAAA,CAACH,OAAO,QACNX,KAAA,CAAAc,aAAA,CAACL,gBAAgB,MAAE,CACZ,CAAC;EACX,GACGI,KAAK,CACV,CAAC;AAEN;AAEA,OAAO,SAASE,2BAA2BA,CACzCF,KAAiE,EACjE;EACA,MAAMM,qBAAqB,GAAGlB,UAAU,CAACO,qBAAqB,CAAC;EAC/D,MAAM;IAAEY,aAAa;IAAEC;EAAM,CAAC,GAAGF,qBAAqB,aAArBA,qBAAqB,cAArBA,qBAAqB,GAAI,CAAC,CAAC;EAE5D,MAAAG,IAAA,GAOIT,KAAK,IAAI,CAAC,CAAC;IAPT;MACJU,QAAQ;MACRC,SAAS;MACTC,KAAK;MACLC,YAAY;MACZT;IAEF,CAAC,GAAAK,IAAA;IADIK,SAAS,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EAGd,MAAMC,SAAS,GAAG1B,MAAM,CAAUiB,KAAK,CAAC;EAExCnB,SAAS,CAAC,MAAM;IACd,IAAIkB,aAAa,KAAK,MAAM,EAAE;MAC5BU,SAAS,CAACC,OAAO,GAAG,KAAK;IAC3B;EACF,CAAC,EAAE,CAACV,KAAK,EAAED,aAAa,CAAC,CAAC;EAE1B,MAAMY,UAAU,GACdF,SAAS,CAACC,OAAO,IAAIL,YAAY,GAAGA,YAAY,GAAGD,KAAK;EAC1D,MAAMQ,SAAS,GAAG9B,OAAO,CACvB,MAAMG,kBAAkB,CAAC0B,UAAU,CAAC,EACpC,CAACA,UAAU,CACb,CAAC;EAED,OACEhC,KAAA,CAAAc,aAAA,CAACJ,YAAY,EAAAM,QAAA;IACXkB,IAAI,EAAC,MAAM;IACXV,SAAS,EAAEnB,UAAU,CAAC,8BAA8B,EAAEmB,SAAS,CAAE;IACjES,SAAS,EAAEA;EAAU,GACjBN,SAAS,GAEZK,UAAU,IAAIhC,KAAA,CAAAc,aAAA,CAACP,IAAI;IAAC4B,IAAI,EAAC;EAAO,GAAEH,UAAiB,CAAC,EACpDT,QAAQ,EACRN,OACW,CAAC;AAEnB;AAEAL,aAAa,CAACwB,qBAAqB,GAAG,IAAI;AAC1CrB,2BAA2B,CAACqB,qBAAqB,GAAG,IAAI"}

package/extensions/forms/Iterate/PushButton/PushButton.js CHANGED Viewed

@@ -27,7 +27,7 @@ function PushButton(props) {
     children
   } = useFieldProps(restProps);
   if (value !== undefined && !Array.isArray(value)) {
-    throw new Error('PushButton received a non-array value.');
+    throw new Error('PushButton received a non-array value');
   }
   const handleClick = useCallback(() => {
     const newValue = typeof pushValue === 'function' ? pushValue(value) : pushValue;

package/extensions/forms/Iterate/PushButton/PushButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PushButton.js","names":["React","useCallback","useContext","classnames","Button","IterateElementContext","useFieldProps","omitDataValueReadWriteProps","add","PushButton","props","iterateElementContext","handlePush","pushValue","className","restProps","_objectWithoutProperties","_excluded","buttonProps","value","handleChange","children","undefined","Array","isArray","Error","handleClick","newValue","createElement","_extends","variant","icon","icon_position","on_click","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/PushButton/PushButton.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport classnames from 'classnames'\nimport { Button } from '../../../../components'\nimport { ButtonProps } from '../../../../components/Button'\nimport IterateElementContext from '../IterateElementContext'\nimport { useFieldProps } from '../../hooks'\nimport {\n DataValueReadWriteComponentProps,\n omitDataValueReadWriteProps,\n} from '../../types'\nimport { add } from '../../../../icons'\n\nexport type Props = ButtonProps &\n DataValueReadWriteComponentProps<unknown[]> & {\n pushValue: unknown \| ((value: unknown) => void)\n }\n\nfunction PushButton(props: Props) {\n const iterateElementContext = useContext(IterateElementContext)\n const { handlePush } = iterateElementContext ?? {}\n\n const { pushValue, className, ...restProps } = props\n const buttonProps = omitDataValueReadWriteProps(restProps)\n const { value, handleChange, children } = useFieldProps(restProps)\n\n if (value !== undefined && !Array.isArray(value)) {\n throw new Error('PushButton received a non-array value.')\n }\n\n const handleClick = useCallback(() => {\n const newValue =\n typeof pushValue === 'function' ? pushValue(value) : pushValue\n\n if (handlePush) {\n // Inside an Iterate element - make the change through the Iterate component\n handlePush(newValue)\n return // stop here\n }\n\n // If not inside an iterate, it could still manipulate a source data set through useFieldProps\n handleChange([...(value ?? []), newValue])\n }, [value, pushValue, handlePush, handleChange])\n\n return (\n <Button\n className={classnames('dnb-forms-iterate-push-button', className)}\n variant=\"secondary\"\n icon={add}\n icon_position=\"left\"\n on_click={handleClick}\n {...buttonProps}\n >\n {children}\n </Button>\n )\n}\n\nPushButton._supportsSpacingProps = true\nexport default PushButton\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,QAAQ,OAAO;AACtD,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,MAAM,QAAQ,wBAAwB;AAE/C,OAAOC,qBAAqB,MAAM,0BAA0B;AAC5D,SAASC,aAAa,QAAQ,aAAa;AAC3C,SAEEC,2BAA2B,QACtB,aAAa;AACpB,SAASC,GAAG,QAAQ,mBAAmB;AAOvC,SAASC,UAAUA,CAACC,KAAY,EAAE;EAChC,MAAMC,qBAAqB,GAAGT,UAAU,CAACG,qBAAqB,CAAC;EAC/D,MAAM;IAAEO;EAAW,CAAC,GAAGD,qBAAqB,aAArBA,qBAAqB,cAArBA,qBAAqB,GAAI,CAAC,CAAC;EAElD,MAAM;MAAEE,SAAS;MAAEC;IAAwB,CAAC,GAAGJ,KAAK;IAAnBK,SAAS,GAAAC,wBAAA,CAAKN,KAAK,EAAAO,SAAA;EACpD,MAAMC,WAAW,GAAGX,2BAA2B,CAACQ,SAAS,CAAC;EAC1D,MAAM;IAAEI,KAAK;IAAEC,YAAY;IAAEC;EAAS,CAAC,GAAGf,aAAa,CAACS,SAAS,CAAC;EAElE,IAAII,KAAK,KAAKG,SAAS,IAAI,CAACC,KAAK,CAACC,OAAO,CAACL,KAAK,CAAC,EAAE;IAChD,MAAM,IAAIM,KAAK,CAAC,~~wCAAwC~~,CAAC;~~EAC3D~~;EAEA,MAAMC,WAAW,GAAGzB,WAAW,CAAC,MAAM;IACpC,MAAM0B,QAAQ,GACZ,OAAOd,SAAS,KAAK,UAAU,GAAGA,SAAS,CAACM,KAAK,CAAC,GAAGN,SAAS;IAEhE,IAAID,UAAU,EAAE;MAEdA,UAAU,CAACe,QAAQ,CAAC;MACpB;IACF;IAGAP,YAAY,CAAC,CAAC,IAAID,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,EAAE,CAAC,EAAEQ,QAAQ,CAAC,CAAC;EAC5C,CAAC,EAAE,CAACR,KAAK,EAAEN,SAAS,EAAED,UAAU,EAAEQ,YAAY,CAAC,CAAC;EAEhD,OACEpB,KAAA,CAAA4B,aAAA,CAACxB,MAAM,EAAAyB,QAAA;IACLf,SAAS,EAAEX,UAAU,CAAC,+BAA+B,EAAEW,SAAS,CAAE;IAClEgB,OAAO,EAAC,WAAW;IACnBC,IAAI,EAAEvB,GAAI;IACVwB,aAAa,EAAC,MAAM;IACpBC,QAAQ,EAAEP;EAAY,GAClBR,WAAW,GAEdG,QACK,CAAC;AAEb;AAEAZ,UAAU,CAACyB,qBAAqB,GAAG,IAAI;AACvC,eAAezB,UAAU"}
1	+ {"version":3,"file":"PushButton.js","names":["React","useCallback","useContext","classnames","Button","IterateElementContext","useFieldProps","omitDataValueReadWriteProps","add","PushButton","props","iterateElementContext","handlePush","pushValue","className","restProps","_objectWithoutProperties","_excluded","buttonProps","value","handleChange","children","undefined","Array","isArray","Error","handleClick","newValue","createElement","_extends","variant","icon","icon_position","on_click","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/PushButton/PushButton.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport classnames from 'classnames'\nimport { Button } from '../../../../components'\nimport { ButtonProps } from '../../../../components/Button'\nimport IterateElementContext from '../IterateElementContext'\nimport { useFieldProps } from '../../hooks'\nimport {\n DataValueReadWriteComponentProps,\n omitDataValueReadWriteProps,\n} from '../../types'\nimport { add } from '../../../../icons'\n\nexport type Props = ButtonProps &\n DataValueReadWriteComponentProps<unknown[]> & {\n pushValue: unknown \| ((value: unknown) => void)\n }\n\nfunction PushButton(props: Props) {\n const iterateElementContext = useContext(IterateElementContext)\n const { handlePush } = iterateElementContext ?? {}\n\n const { pushValue, className, ...restProps } = props\n const buttonProps = omitDataValueReadWriteProps(restProps)\n const { value, handleChange, children } = useFieldProps(restProps)\n\n if (value !== undefined && !Array.isArray(value)) {\n throw new Error('PushButton received a non-array value')\n }\n\n const handleClick = useCallback(() => {\n const newValue =\n typeof pushValue === 'function' ? pushValue(value) : pushValue\n\n if (handlePush) {\n // Inside an Iterate element - make the change through the Iterate component\n handlePush(newValue)\n return // stop here\n }\n\n // If not inside an iterate, it could still manipulate a source data set through useFieldProps\n handleChange([...(value ?? []), newValue])\n }, [value, pushValue, handlePush, handleChange])\n\n return (\n <Button\n className={classnames('dnb-forms-iterate-push-button', className)}\n variant=\"secondary\"\n icon={add}\n icon_position=\"left\"\n on_click={handleClick}\n {...buttonProps}\n >\n {children}\n </Button>\n )\n}\n\nPushButton._supportsSpacingProps = true\nexport default PushButton\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,QAAQ,OAAO;AACtD,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,MAAM,QAAQ,wBAAwB;AAE/C,OAAOC,qBAAqB,MAAM,0BAA0B;AAC5D,SAASC,aAAa,QAAQ,aAAa;AAC3C,SAEEC,2BAA2B,QACtB,aAAa;AACpB,SAASC,GAAG,QAAQ,mBAAmB;AAOvC,SAASC,UAAUA,CAACC,KAAY,EAAE;EAChC,MAAMC,qBAAqB,GAAGT,UAAU,CAACG,qBAAqB,CAAC;EAC/D,MAAM;IAAEO;EAAW,CAAC,GAAGD,qBAAqB,aAArBA,qBAAqB,cAArBA,qBAAqB,GAAI,CAAC,CAAC;EAElD,MAAM;MAAEE,SAAS;MAAEC;IAAwB,CAAC,GAAGJ,KAAK;IAAnBK,SAAS,GAAAC,wBAAA,CAAKN,KAAK,EAAAO,SAAA;EACpD,MAAMC,WAAW,GAAGX,2BAA2B,CAACQ,SAAS,CAAC;EAC1D,MAAM;IAAEI,KAAK;IAAEC,YAAY;IAAEC;EAAS,CAAC,GAAGf,aAAa,CAACS,SAAS,CAAC;EAElE,IAAII,KAAK,KAAKG,SAAS,IAAI,CAACC,KAAK,CAACC,OAAO,CAACL,KAAK,CAAC,EAAE;IAChD,MAAM,IAAIM,KAAK,CAAC,uCAAuC,CAAC;EAC1D;EAEA,MAAMC,WAAW,GAAGzB,WAAW,CAAC,MAAM;IACpC,MAAM0B,QAAQ,GACZ,OAAOd,SAAS,KAAK,UAAU,GAAGA,SAAS,CAACM,KAAK,CAAC,GAAGN,SAAS;IAEhE,IAAID,UAAU,EAAE;MAEdA,UAAU,CAACe,QAAQ,CAAC;MACpB;IACF;IAGAP,YAAY,CAAC,CAAC,IAAID,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,EAAE,CAAC,EAAEQ,QAAQ,CAAC,CAAC;EAC5C,CAAC,EAAE,CAACR,KAAK,EAAEN,SAAS,EAAED,UAAU,EAAEQ,YAAY,CAAC,CAAC;EAEhD,OACEpB,KAAA,CAAA4B,aAAA,CAACxB,MAAM,EAAAyB,QAAA;IACLf,SAAS,EAAEX,UAAU,CAAC,+BAA+B,EAAEW,SAAS,CAAE;IAClEgB,OAAO,EAAC,WAAW;IACnBC,IAAI,EAAEvB,GAAI;IACVwB,aAAa,EAAC,MAAM;IACpBC,QAAQ,EAAEP;EAAY,GAClBR,WAAW,GAEdG,QACK,CAAC;AAEb;AAEAZ,UAAU,CAACyB,qBAAqB,GAAG,IAAI;AACvC,eAAezB,UAAU"}

package/extensions/forms/Iterate/RemoveButton/RemoveButton.js CHANGED Viewed

@@ -17,7 +17,7 @@ function RemoveButton(props) {
     handleRemove
   } = iterateElementContext !== null && iterateElementContext !== void 0 ? iterateElementContext : {};
   if (!iterateElementContext) {
-    throw new Error('RemoveButton must be inside an Iterate.Array component.');
+    throw new Error('RemoveButton must be inside an Iterate.Array');
   }
   const {
       className

package/extensions/forms/Iterate/RemoveButton/RemoveButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RemoveButton.js","names":["React","useCallback","useContext","classnames","Button","IterateElementContext","useFieldProps","useTranslation","ElementBlockContext","omitDataValueReadWriteProps","trash","RemoveButton","props","iterateElementContext","handleRemove","Error","className","restProps","_objectWithoutProperties","_excluded","children","text","buttonProps","translation","Iterate","textContent","remove","elementBlockContext","handleRemoveBlock","handleClick","createElement","_extends","variant","icon","icon_position","on_click","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/RemoveButton/RemoveButton.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport classnames from 'classnames'\nimport { Button } from '../../../../components'\nimport { ButtonProps } from '../../../../components/Button'\nimport IterateElementContext from '../IterateElementContext'\nimport { useFieldProps, useTranslation } from '../../hooks'\nimport ElementBlockContext from '../AnimatedContainer/ElementBlockContext'\nimport {\n DataValueReadWriteComponentProps,\n omitDataValueReadWriteProps,\n} from '../../types'\nimport { trash } from '../../../../icons'\n\nexport type Props = ButtonProps &\n DataValueReadWriteComponentProps<unknown[]>\n\nfunction RemoveButton(props: Props) {\n const iterateElementContext = useContext(IterateElementContext)\n const { handleRemove } = iterateElementContext ?? {}\n\n if (!iterateElementContext) {\n throw new Error(\n 'RemoveButton must be inside an Iterate.Array ~~component.~~'\n )\n }\n\n const { className, ...restProps } = props\n const { children, text } = useFieldProps(restProps)\n const buttonProps = omitDataValueReadWriteProps(restProps)\n const translation = useTranslation().Iterate\n const textContent = text \|\| children \|\| translation.remove\n\n const elementBlockContext = useContext(ElementBlockContext)\n const { handleRemoveBlock } = elementBlockContext ?? {}\n\n const handleClick = useCallback(() => {\n if (handleRemoveBlock) {\n handleRemoveBlock()\n } else {\n handleRemove()\n }\n }, [handleRemove, handleRemoveBlock])\n\n return (\n <Button\n className={classnames(\n 'dnb-forms-iterate-remove-element-button',\n className\n )}\n variant={textContent ? 'tertiary' : 'secondary'}\n icon={trash}\n icon_position=\"left\"\n on_click={handleClick}\n {...buttonProps}\n >\n {textContent}\n </Button>\n )\n}\n\nRemoveButton._supportsSpacingProps = true\nexport default RemoveButton\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,QAAQ,OAAO;AACtD,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,MAAM,QAAQ,wBAAwB;AAE/C,OAAOC,qBAAqB,MAAM,0BAA0B;AAC5D,SAASC,aAAa,EAAEC,cAAc,QAAQ,aAAa;AAC3D,OAAOC,mBAAmB,MAAM,0CAA0C;AAC1E,SAEEC,2BAA2B,QACtB,aAAa;AACpB,SAASC,KAAK,QAAQ,mBAAmB;AAKzC,SAASC,YAAYA,CAACC,KAAY,EAAE;EAClC,MAAMC,qBAAqB,GAAGX,UAAU,CAACG,qBAAqB,CAAC;EAC/D,MAAM;IAAES;EAAa,CAAC,GAAGD,qBAAqB,aAArBA,qBAAqB,cAArBA,qBAAqB,GAAI,CAAC,CAAC;EAEpD,IAAI,CAACA,qBAAqB,EAAE;IAC1B,MAAM,IAAIE,KAAK,~~CACb~~,~~yDACF~~,CAAC;~~EACH~~;EAEA,MAAM;MAAEC;IAAwB,CAAC,GAAGJ,KAAK;IAAnBK,SAAS,GAAAC,wBAAA,CAAKN,KAAK,EAAAO,SAAA;EACzC,MAAM;IAAEC,QAAQ;IAAEC;EAAK,CAAC,GAAGf,aAAa,CAACW,SAAS,CAAC;EACnD,MAAMK,WAAW,GAAGb,2BAA2B,CAACQ,SAAS,CAAC;EAC1D,MAAMM,WAAW,GAAGhB,cAAc,CAAC,CAAC,CAACiB,OAAO;EAC5C,MAAMC,WAAW,GAAGJ,IAAI,IAAID,QAAQ,IAAIG,WAAW,CAACG,MAAM;EAE1D,MAAMC,mBAAmB,GAAGzB,UAAU,CAACM,mBAAmB,CAAC;EAC3D,MAAM;IAAEoB;EAAkB,CAAC,GAAGD,mBAAmB,aAAnBA,mBAAmB,cAAnBA,mBAAmB,GAAI,CAAC,CAAC;EAEvD,MAAME,WAAW,GAAG5B,WAAW,CAAC,MAAM;IACpC,IAAI2B,iBAAiB,EAAE;MACrBA,iBAAiB,CAAC,CAAC;IACrB,CAAC,MAAM;MACLd,YAAY,CAAC,CAAC;IAChB;EACF,CAAC,EAAE,CAACA,YAAY,EAAEc,iBAAiB,CAAC,CAAC;EAErC,OACE5B,KAAA,CAAA8B,aAAA,CAAC1B,MAAM,EAAA2B,QAAA;IACLf,SAAS,EAAEb,UAAU,CACnB,yCAAyC,EACzCa,SACF,CAAE;IACFgB,OAAO,EAAEP,WAAW,GAAG,UAAU,GAAG,WAAY;IAChDQ,IAAI,EAAEvB,KAAM;IACZwB,aAAa,EAAC,MAAM;IACpBC,QAAQ,EAAEN;EAAY,GAClBP,WAAW,GAEdG,WACK,CAAC;AAEb;AAEAd,YAAY,CAACyB,qBAAqB,GAAG,IAAI;AACzC,eAAezB,YAAY"}
1	+ {"version":3,"file":"RemoveButton.js","names":["React","useCallback","useContext","classnames","Button","IterateElementContext","useFieldProps","useTranslation","ElementBlockContext","omitDataValueReadWriteProps","trash","RemoveButton","props","iterateElementContext","handleRemove","Error","className","restProps","_objectWithoutProperties","_excluded","children","text","buttonProps","translation","Iterate","textContent","remove","elementBlockContext","handleRemoveBlock","handleClick","createElement","_extends","variant","icon","icon_position","on_click","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/RemoveButton/RemoveButton.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport classnames from 'classnames'\nimport { Button } from '../../../../components'\nimport { ButtonProps } from '../../../../components/Button'\nimport IterateElementContext from '../IterateElementContext'\nimport { useFieldProps, useTranslation } from '../../hooks'\nimport ElementBlockContext from '../AnimatedContainer/ElementBlockContext'\nimport {\n DataValueReadWriteComponentProps,\n omitDataValueReadWriteProps,\n} from '../../types'\nimport { trash } from '../../../../icons'\n\nexport type Props = ButtonProps &\n DataValueReadWriteComponentProps<unknown[]>\n\nfunction RemoveButton(props: Props) {\n const iterateElementContext = useContext(IterateElementContext)\n const { handleRemove } = iterateElementContext ?? {}\n\n if (!iterateElementContext) {\n throw new Error('RemoveButton must be inside an Iterate.Array')\n }\n\n const { className, ...restProps } = props\n const { children, text } = useFieldProps(restProps)\n const buttonProps = omitDataValueReadWriteProps(restProps)\n const translation = useTranslation().Iterate\n const textContent = text \|\| children \|\| translation.remove\n\n const elementBlockContext = useContext(ElementBlockContext)\n const { handleRemoveBlock } = elementBlockContext ?? {}\n\n const handleClick = useCallback(() => {\n if (handleRemoveBlock) {\n handleRemoveBlock()\n } else {\n handleRemove()\n }\n }, [handleRemove, handleRemoveBlock])\n\n return (\n <Button\n className={classnames(\n 'dnb-forms-iterate-remove-element-button',\n className\n )}\n variant={textContent ? 'tertiary' : 'secondary'}\n icon={trash}\n icon_position=\"left\"\n on_click={handleClick}\n {...buttonProps}\n >\n {textContent}\n </Button>\n )\n}\n\nRemoveButton._supportsSpacingProps = true\nexport default RemoveButton\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,QAAQ,OAAO;AACtD,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,MAAM,QAAQ,wBAAwB;AAE/C,OAAOC,qBAAqB,MAAM,0BAA0B;AAC5D,SAASC,aAAa,EAAEC,cAAc,QAAQ,aAAa;AAC3D,OAAOC,mBAAmB,MAAM,0CAA0C;AAC1E,SAEEC,2BAA2B,QACtB,aAAa;AACpB,SAASC,KAAK,QAAQ,mBAAmB;AAKzC,SAASC,YAAYA,CAACC,KAAY,EAAE;EAClC,MAAMC,qBAAqB,GAAGX,UAAU,CAACG,qBAAqB,CAAC;EAC/D,MAAM;IAAES;EAAa,CAAC,GAAGD,qBAAqB,aAArBA,qBAAqB,cAArBA,qBAAqB,GAAI,CAAC,CAAC;EAEpD,IAAI,CAACA,qBAAqB,EAAE;IAC1B,MAAM,IAAIE,KAAK,CAAC,8CAA8C,CAAC;EACjE;EAEA,MAAM;MAAEC;IAAwB,CAAC,GAAGJ,KAAK;IAAnBK,SAAS,GAAAC,wBAAA,CAAKN,KAAK,EAAAO,SAAA;EACzC,MAAM;IAAEC,QAAQ;IAAEC;EAAK,CAAC,GAAGf,aAAa,CAACW,SAAS,CAAC;EACnD,MAAMK,WAAW,GAAGb,2BAA2B,CAACQ,SAAS,CAAC;EAC1D,MAAMM,WAAW,GAAGhB,cAAc,CAAC,CAAC,CAACiB,OAAO;EAC5C,MAAMC,WAAW,GAAGJ,IAAI,IAAID,QAAQ,IAAIG,WAAW,CAACG,MAAM;EAE1D,MAAMC,mBAAmB,GAAGzB,UAAU,CAACM,mBAAmB,CAAC;EAC3D,MAAM;IAAEoB;EAAkB,CAAC,GAAGD,mBAAmB,aAAnBA,mBAAmB,cAAnBA,mBAAmB,GAAI,CAAC,CAAC;EAEvD,MAAME,WAAW,GAAG5B,WAAW,CAAC,MAAM;IACpC,IAAI2B,iBAAiB,EAAE;MACrBA,iBAAiB,CAAC,CAAC;IACrB,CAAC,MAAM;MACLd,YAAY,CAAC,CAAC;IAChB;EACF,CAAC,EAAE,CAACA,YAAY,EAAEc,iBAAiB,CAAC,CAAC;EAErC,OACE5B,KAAA,CAAA8B,aAAA,CAAC1B,MAAM,EAAA2B,QAAA;IACLf,SAAS,EAAEb,UAAU,CACnB,yCAAyC,EACzCa,SACF,CAAE;IACFgB,OAAO,EAAEP,WAAW,GAAG,UAAU,GAAG,WAAY;IAChDQ,IAAI,EAAEvB,KAAM;IACZwB,aAAa,EAAC,MAAM;IACpBC,QAAQ,EAAEN;EAAY,GAClBP,WAAW,GAEdG,WACK,CAAC;AAEb;AAEAd,YAAY,CAACyB,qBAAqB,GAAG,IAAI;AACzC,eAAezB,YAAY"}

package/extensions/forms/Iterate/ViewContainer/ViewContainer.d.ts CHANGED Viewed

@@ -1,13 +1,13 @@
 import React from 'react';
 import { Props as FlexContainerProps } from '../../../../components/flex/Container';
-import { ElementBlockProps } from '../AnimatedContainer/ElementBlock';
+import { ElementSectionProps } from '../AnimatedContainer/ElementBlock';
 export type Props = {
     /**
      * The title of the ViewContainer.
      */
     title?: React.ReactNode;
 };
-export type AllProps = Props & FlexContainerProps & ElementBlockProps;
+export type AllProps = Props & FlexContainerProps & ElementSectionProps;
 declare function ViewContainer(props: AllProps): import("react/jsx-runtime").JSX.Element;
 declare namespace ViewContainer {
     var _supportsSpacingProps: boolean;

package/extensions/forms/Iterate/ViewContainer/ViewContainer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ViewContainer.js","names":["React","useMemo","classnames","convertJsxToString","Flex","Lead","ElementBlock","Toolbar","ViewToolbarTools","ViewContainer","props","_ref","children","className","title","restProps","_objectWithoutProperties","_excluded","ariaLabel","createElement","_extends","mode","Stack","size","_Toolbar","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/ViewContainer/ViewContainer.tsx"],"sourcesContent":["import React, { useMemo } from 'react'\nimport classnames from 'classnames'\nimport { convertJsxToString } from '../../../../shared/component-helper'\nimport { Flex } from '../../../../components'\nimport { Props as FlexContainerProps } from '../../../../components/flex/Container'\nimport { Lead } from '../../../../elements'\nimport ElementBlock, {\n ~~ElementBlockProps~~,\n} from '../AnimatedContainer/ElementBlock'\nimport Toolbar from '../Toolbar'\nimport ViewToolbarTools from './ViewToolbarTools'\n\nexport type Props = {\n /*\n The title of the ViewContainer.\n */\n title?: React.ReactNode\n}\n\nexport type AllProps = Props & FlexContainerProps & ~~ElementBlockProps~~\n\nfunction ViewContainer(props: AllProps) {\n const { children, className, title, ...restProps } = props \|\| {}\n const ariaLabel = useMemo(() => convertJsxToString(title), [title])\n\n return (\n <ElementBlock\n mode=\"view\"\n ariaLabel={ariaLabel}\n className={classnames('dnb-forms-iterate-view-block', className)}\n {...restProps}\n >\n <Flex.Stack>\n {title && <Lead size=\"basis\">{title}</Lead>}\n {children}\n <Toolbar>\n <ViewToolbarTools />\n </Toolbar>\n </Flex.Stack>\n </ElementBlock>\n )\n}\n\nViewContainer._supportsSpacingProps = true\nexport default ViewContainer\n"],"mappings":";;;;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,kBAAkB,QAAQ,qCAAqC;AACxE,SAASC,IAAI,QAAQ,wBAAwB;AAE7C,SAASC,IAAI,QAAQ,sBAAsB;AAC3C,OAAOC,YAAY,MAEZ,mCAAmC;AAC1C,OAAOC,OAAO,MAAM,YAAY;AAChC,OAAOC,gBAAgB,MAAM,oBAAoB;AAWjD,SAASC,aAAaA,CAACC,KAAe,EAAE;EACtC,MAAAC,IAAA,GAAqDD,KAAK,IAAI,CAAC,CAAC;IAA1D;MAAEE,QAAQ;MAAEC,SAAS;MAAEC;IAAoB,CAAC,GAAAH,IAAA;IAAXI,SAAS,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAChD,MAAMC,SAAS,GAAGjB,OAAO,CAAC,MAAME,kBAAkB,CAACW,KAAK,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEnE,OACEd,KAAA,CAAAmB,aAAA,CAACb,YAAY,EAAAc,QAAA;IACXC,IAAI,EAAC,MAAM;IACXH,SAAS,EAAEA,SAAU;IACrBL,SAAS,EAAEX,UAAU,CAAC,8BAA8B,EAAEW,SAAS;EAAE,GAC7DE,SAAS,GAEbf,KAAA,CAAAmB,aAAA,CAACf,IAAI,CAACkB,KAAK,QACRR,KAAK,IAAId,KAAA,CAAAmB,aAAA,CAACd,IAAI;IAACkB,IAAI,EAAC;EAAO,GAAET,KAAY,CAAC,EAC1CF,QAAQ,EAAAY,QAAA,KAAAA,QAAA,GACTxB,KAAA,CAAAmB,aAAA,CAACZ,OAAO,QACNP,KAAA,CAAAmB,aAAA,CAACX,gBAAgB,MAAE,CACZ,CAAC,CACA,CACA,CAAC;AAEnB;AAEAC,aAAa,CAACgB,qBAAqB,GAAG,IAAI;AAC1C,eAAehB,aAAa"}
1	+ {"version":3,"file":"ViewContainer.js","names":["React","useMemo","classnames","convertJsxToString","Flex","Lead","ElementBlock","Toolbar","ViewToolbarTools","ViewContainer","props","_ref","children","className","title","restProps","_objectWithoutProperties","_excluded","ariaLabel","createElement","_extends","mode","Stack","size","_Toolbar","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/ViewContainer/ViewContainer.tsx"],"sourcesContent":["import React, { useMemo } from 'react'\nimport classnames from 'classnames'\nimport { convertJsxToString } from '../../../../shared/component-helper'\nimport { Flex } from '../../../../components'\nimport { Props as FlexContainerProps } from '../../../../components/flex/Container'\nimport { Lead } from '../../../../elements'\nimport ElementBlock, {\n ElementSectionProps,\n} from '../AnimatedContainer/ElementBlock'\nimport Toolbar from '../Toolbar'\nimport ViewToolbarTools from './ViewToolbarTools'\n\nexport type Props = {\n /*\n The title of the ViewContainer.\n */\n title?: React.ReactNode\n}\n\nexport type AllProps = Props & FlexContainerProps & ElementSectionProps\n\nfunction ViewContainer(props: AllProps) {\n const { children, className, title, ...restProps } = props \|\| {}\n const ariaLabel = useMemo(() => convertJsxToString(title), [title])\n\n return (\n <ElementBlock\n mode=\"view\"\n ariaLabel={ariaLabel}\n className={classnames('dnb-forms-iterate-view-block', className)}\n {...restProps}\n >\n <Flex.Stack>\n {title && <Lead size=\"basis\">{title}</Lead>}\n {children}\n <Toolbar>\n <ViewToolbarTools />\n </Toolbar>\n </Flex.Stack>\n </ElementBlock>\n )\n}\n\nViewContainer._supportsSpacingProps = true\nexport default ViewContainer\n"],"mappings":";;;;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,kBAAkB,QAAQ,qCAAqC;AACxE,SAASC,IAAI,QAAQ,wBAAwB;AAE7C,SAASC,IAAI,QAAQ,sBAAsB;AAC3C,OAAOC,YAAY,MAEZ,mCAAmC;AAC1C,OAAOC,OAAO,MAAM,YAAY;AAChC,OAAOC,gBAAgB,MAAM,oBAAoB;AAWjD,SAASC,aAAaA,CAACC,KAAe,EAAE;EACtC,MAAAC,IAAA,GAAqDD,KAAK,IAAI,CAAC,CAAC;IAA1D;MAAEE,QAAQ;MAAEC,SAAS;MAAEC;IAAoB,CAAC,GAAAH,IAAA;IAAXI,SAAS,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAChD,MAAMC,SAAS,GAAGjB,OAAO,CAAC,MAAME,kBAAkB,CAACW,KAAK,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEnE,OACEd,KAAA,CAAAmB,aAAA,CAACb,YAAY,EAAAc,QAAA;IACXC,IAAI,EAAC,MAAM;IACXH,SAAS,EAAEA,SAAU;IACrBL,SAAS,EAAEX,UAAU,CAAC,8BAA8B,EAAEW,SAAS;EAAE,GAC7DE,SAAS,GAEbf,KAAA,CAAAmB,aAAA,CAACf,IAAI,CAACkB,KAAK,QACRR,KAAK,IAAId,KAAA,CAAAmB,aAAA,CAACd,IAAI;IAACkB,IAAI,EAAC;EAAO,GAAET,KAAY,CAAC,EAC1CF,QAAQ,EAAAY,QAAA,KAAAA,QAAA,GACTxB,KAAA,CAAAmB,aAAA,CAACZ,OAAO,QACNP,KAAA,CAAAmB,aAAA,CAACX,gBAAgB,MAAE,CACZ,CAAC,CACA,CACA,CAAC;AAEnB;AAEAC,aAAa,CAACgB,qBAAqB,GAAG,IAAI;AAC1C,eAAehB,aAAa"}

package/extensions/forms/Iterate/style/dnb-form-iterate.css CHANGED Viewed

@@ -15,7 +15,7 @@
   transition: transform 400ms var(--easing-default) 50ms, box-shadow 0.8s var(--easing-default);
   transform: translateY(-2.5rem);
 }
-.dnb-forms-iterate-block__inner:not([class*=dnb-flex-container--spacing]) {
+.dnb-forms-iterate-block--variant-basic .dnb-forms-iterate-block__inner, .dnb-forms-iterate-block__inner:not([class*=dnb-flex-container--spacing]) {
   --padding: 0;
 }
 .dnb-forms-iterate-block__inner[class*=dnb-flex-container--spacing] {

package/extensions/forms/Iterate/style/dnb-form-iterate.min.css CHANGED Viewed

	@@ -1 +1 @@
1	- .dnb-forms-iterate-block{--block-outline-color:var(--outline-color,var(--color-lavender))}.dnb-forms-iterate-block--error:has(.dnb-form-status--error){--block-outline-color:var(--color-fire-red)}.dnb-forms-iterate-block:not(.dnb-height-animation--hidden){display:flex;flex-direction:column}.dnb-forms-iterate-block__inner{flex:1;margin-bottom:var(--space);padding:var(--padding,1rem);transform:translateY(-2.5rem);transition:transform .4s var(--easing-default) 50ms,box-shadow .8s var(--easing-default)}.dnb-forms-iterate-block__inner:not([class=dnb-flex-container--spacing]){--padding:0}.dnb-forms-iterate-block__inner[class=dnb-flex-container--spacing]{border-radius:.375rem}.dnb-forms-iterate-block__inner[class=dnb-flex-container--spacing].dnb-flex-container--spacing-small{--space:var(--spacing-small)}.dnb-forms-iterate-block__inner[class=dnb-flex-container--spacing].dnb-flex-container--spacing-medium{--space:var(--spacing-medium)}.dnb-forms-iterate-block__inner[class=dnb-flex-container--spacing].dnb-flex-container--spacing-large{--space:var(--spacing-large)}.dnb-forms-iterate-block--variant-outline .dnb-forms-iterate-block__inner[class=dnb-flex-container--spacing]{box-shadow:inset 0 0 0 2px var(--block-outline-color)}.dnb-forms-iterate-block__inner .dnb-dl .dnb-dd{margin-bottom:0}.dnb-forms-iterate-block.dnb-height-animation--is-visible .dnb-forms-iterate-block__inner{transform:translateY(-.5rem)}.dnb-forms-iterate-block.dnb-height-animation--parallax .dnb-forms-iterate-block__inner{transform:translateY(0)}.dnb-forms-iterate__element{outline:none}.dnb-forms-iterate>.dnb-forms-iterate__element:has(.dnb-forms-iterate-block){margin-top:0}
1	+ .dnb-forms-iterate-block{--block-outline-color:var(--outline-color,var(--color-lavender))}.dnb-forms-iterate-block--error:has(.dnb-form-status--error){--block-outline-color:var(--color-fire-red)}.dnb-forms-iterate-block:not(.dnb-height-animation--hidden){display:flex;flex-direction:column}.dnb-forms-iterate-block__inner{flex:1;margin-bottom:var(--space);padding:var(--padding,1rem);transform:translateY(-2.5rem);transition:transform .4s var(--easing-default) 50ms,box-shadow .8s var(--easing-default)}.dnb-forms-iterate-block--variant-basic .dnb-forms-iterate-block__inner,.dnb-forms-iterate-block__inner:not([class=dnb-flex-container--spacing]){--padding:0}.dnb-forms-iterate-block__inner[class=dnb-flex-container--spacing]{border-radius:.375rem}.dnb-forms-iterate-block__inner[class=dnb-flex-container--spacing].dnb-flex-container--spacing-small{--space:var(--spacing-small)}.dnb-forms-iterate-block__inner[class=dnb-flex-container--spacing].dnb-flex-container--spacing-medium{--space:var(--spacing-medium)}.dnb-forms-iterate-block__inner[class=dnb-flex-container--spacing].dnb-flex-container--spacing-large{--space:var(--spacing-large)}.dnb-forms-iterate-block--variant-outline .dnb-forms-iterate-block__inner[class=dnb-flex-container--spacing]{box-shadow:inset 0 0 0 2px var(--block-outline-color)}.dnb-forms-iterate-block__inner .dnb-dl .dnb-dd{margin-bottom:0}.dnb-forms-iterate-block.dnb-height-animation--is-visible .dnb-forms-iterate-block__inner{transform:translateY(-.5rem)}.dnb-forms-iterate-block.dnb-height-animation--parallax .dnb-forms-iterate-block__inner{transform:translateY(0)}.dnb-forms-iterate__element{outline:none}.dnb-forms-iterate>.dnb-forms-iterate__element:has(.dnb-forms-iterate-block){margin-top:0}

package/extensions/forms/Iterate/style/dnb-form-iterate.scss CHANGED Viewed

@@ -17,6 +17,7 @@
       margin-bottom: var(--space);
       padding: var(--padding, 1rem);
+      .dnb-forms-iterate-block--variant-basic &,
       &:not([class*='dnb-flex-container--spacing']) {
         --padding: 0;
       }

package/extensions/forms/Tools/GenerateSchema.d.ts ADDED Viewed

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { JsonObject } from 'json-pointer';
+import { FilterData } from '../DataContext/Context';
+import { JSONSchema } from '../types';
+export type GenerateSchemaReturn = {
+    schema: JSONSchema;
+    data: JsonObject;
+    propsOfFields: JsonObject;
+    propsOfValues: JsonObject;
+};
+export type GenerateSchemaProps = {
+    log?: boolean;
+    generateRef?: React.MutableRefObject<() => GenerateSchemaReturn>;
+    filterData?: FilterData;
+    children: React.ReactNode;
+};
+export type GenerateRef = GenerateSchemaProps['generateRef']['current'];
+export declare const schemaParams: string[];
+export default function GenerateSchema(props: GenerateSchemaProps): import("react").ReactNode;

package/extensions/forms/Tools/GenerateSchema.js ADDED Viewed

@@ -0,0 +1,133 @@
+"use client";
+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 { useCallback, useContext, useRef } from 'react';
+import pointer from 'json-pointer';
+import DataContext from '../DataContext/Context';
+export const schemaParams = ['minLength', 'maxLength', 'pattern', 'description', 'min', 'max', 'multipleOf', 'exclusiveMinimum', 'exclusiveMaximum'];
+export default function GenerateSchema(props) {
+  const {
+    generateRef,
+    filterData,
+    log,
+    children
+  } = props || {};
+  const {
+    fieldPropsRef,
+    valuePropsRef,
+    data,
+    hasContext
+  } = useContext(DataContext);
+  const dataRef = useRef({});
+  dataRef.current = data;
+  const generate = useCallback(() => {
+    const schema = Object.entries((fieldPropsRef === null || fieldPropsRef === void 0 ? void 0 : fieldPropsRef.current) || {}).reduce((acc, _ref) => {
+      let [path, props] = _ref;
+      if (path.startsWith('/')) {
+        const objectKey = path.substring(1);
+        const pathList = objectKey.split('/');
+        const slashCount = pathList.length;
+        const type = props.valueType || 'string';
+        const propertyValue = {
+          type
+        };
+        for (const prop of schemaParams) {
+          if (props[prop]) {
+            propertyValue[prop] = props[prop];
+          }
+        }
+        if (slashCount > 1) {
+          const nestedPath = [''];
+          for (const path of pathList) {
+            nestedPath.push(path);
+            const pathToSet = nestedPath.join('/properties/');
+            const isLast = nestedPath.length - 1 === pathList.length;
+            const existingValue = pointer.has(acc, pathToSet) ? pointer.get(acc, pathToSet) : null;
+            const pathValue = isLast ? propertyValue : existingValue;
+            if (isLast) {
+              if ((filterData === null || filterData === void 0 ? void 0 : filterData[pathToSet]) !== false) {
+                pointer.set(acc, pathToSet, pathValue);
+              }
+            } else {
+              const pathValue = _objectSpread({
+                type: 'object'
+              }, existingValue);
+              const required = [];
+              if (props.required) {
+                required.push(pathList.at(-1));
+              }
+              if (existingValue !== null && existingValue !== void 0 && existingValue.required) {
+                required.push(...existingValue.required);
+              }
+              if (required.length > 0) {
+                pathValue.required = required;
+              }
+              if ((filterData === null || filterData === void 0 ? void 0 : filterData[pathToSet]) !== false) {
+                pointer.set(acc, pathToSet, pathValue);
+              }
+            }
+          }
+        } else {
+          if ((filterData === null || filterData === void 0 ? void 0 : filterData[path]) !== false) {
+            pointer.set(acc.properties, path, propertyValue);
+          }
+          if (props.required) {
+            acc.required.push(objectKey);
+          }
+        }
+      }
+      return acc;
+    }, {
+      type: 'object',
+      properties: {},
+      required: []
+    });
+    const propsOfFields = Object.entries((fieldPropsRef === null || fieldPropsRef === void 0 ? void 0 : fieldPropsRef.current) || {}).reduce((acc, _ref2) => {
+      let [path, props] = _ref2;
+      if (path.startsWith('/')) {
+        const propertyValue = {};
+        for (const prop in props) {
+          if (props[prop] !== undefined && typeof props[prop] !== 'function') {
+            propertyValue[prop] = props[prop];
+          }
+        }
+        pointer.set(acc, path, propertyValue);
+      }
+      return acc;
+    }, {});
+    const propsOfValues = Object.entries((valuePropsRef === null || valuePropsRef === void 0 ? void 0 : valuePropsRef.current) || {}).reduce((acc, _ref3) => {
+      let [path, props] = _ref3;
+      if (path.startsWith('/')) {
+        const propertyValue = {};
+        for (const prop in props) {
+          if (props[prop] !== undefined && typeof props[prop] !== 'function') {
+            propertyValue[prop] = props[prop];
+          }
+        }
+        pointer.set(acc, path, propertyValue);
+      }
+      return acc;
+    }, {});
+    if (schema.required.length === 0) {
+      delete schema.required;
+    }
+    return {
+      schema,
+      data: dataRef.current,
+      propsOfFields,
+      propsOfValues
+    };
+  }, [fieldPropsRef, filterData, valuePropsRef]);
+  if (hasContext) {
+    if (log) {
+      console.log(generate().schema);
+    }
+    if (generateRef) {
+      generateRef.current = generate;
+    }
+  }
+  return children;
+}
+//# sourceMappingURL=GenerateSchema.js.map

package/extensions/forms/Tools/GenerateSchema.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"GenerateSchema.js","names":["useCallback","useContext","useRef","pointer","DataContext","schemaParams","GenerateSchema","props","generateRef","filterData","log","children","fieldPropsRef","valuePropsRef","data","hasContext","dataRef","current","generate","schema","Object","entries","reduce","acc","_ref","path","startsWith","objectKey","substring","pathList","split","slashCount","length","type","valueType","propertyValue","prop","nestedPath","push","pathToSet","join","isLast","existingValue","has","get","pathValue","set","_objectSpread","required","at","properties","propsOfFields","_ref2","undefined","propsOfValues","_ref3","console"],"sources":["../../../../../src/extensions/forms/Tools/GenerateSchema.tsx"],"sourcesContent":["import { useCallback, useContext, useRef } from 'react'\nimport pointer, { JsonObject } from 'json-pointer'\nimport DataContext, { FilterData } from '../DataContext/Context'\nimport { JSONSchema } from '../types'\n\nexport type GenerateSchemaReturn = {\n schema: JSONSchema\n data: JsonObject\n propsOfFields: JsonObject\n propsOfValues: JsonObject\n}\nexport type GenerateSchemaProps = {\n log?: boolean\n generateRef?: React.MutableRefObject<() => GenerateSchemaReturn>\n filterData?: FilterData\n children: React.ReactNode\n}\nexport type GenerateRef = GenerateSchemaProps['generateRef']['current']\n\nexport const schemaParams = [\n 'minLength',\n 'maxLength',\n 'pattern',\n 'description',\n 'min',\n 'max',\n 'multipleOf',\n 'exclusiveMinimum',\n 'exclusiveMaximum',\n]\n\nexport default function GenerateSchema(props: GenerateSchemaProps) {\n const { generateRef, filterData, log, children } = props || {}\n const { fieldPropsRef, valuePropsRef, data, hasContext } =\n useContext(DataContext)\n\n const dataRef = useRef<JsonObject>({})\n dataRef.current = data\n\n const generate = useCallback(() => {\n const schema = Object.entries(fieldPropsRef?.current || {}).reduce(\n (acc, [path, props]) => {\n if (path.startsWith('/')) {\n const objectKey = path.substring(1)\n\n const pathList = objectKey.split('/')\n const slashCount = pathList.length\n\n const type = props.valueType || 'string'\n const propertyValue = {\n type,\n }\n\n for (const prop of schemaParams) {\n if (props[prop]) {\n propertyValue[prop] = props[prop]\n }\n }\n\n if (slashCount > 1) {\n const nestedPath = ['']\n for (const path of pathList) {\n nestedPath.push(path)\n const pathToSet = nestedPath.join('/properties/')\n const isLast = nestedPath.length - 1 === pathList.length\n\n const existingValue = pointer.has(acc, pathToSet)\n ? pointer.get(acc, pathToSet)\n : null\n\n const pathValue = isLast ? propertyValue : existingValue\n\n if (isLast) {\n if (filterData?.[pathToSet] !== false) {\n pointer.set(acc, pathToSet, pathValue)\n }\n } else {\n const pathValue = {\n type: 'object',\n ...existingValue,\n }\n\n // - Add required\n const required = []\n if (props.required) {\n required.push(pathList.at(-1))\n }\n if (existingValue?.required) {\n required.push(...existingValue.required)\n }\n if (required.length > 0) {\n pathValue.required = required\n }\n\n if (filterData?.[pathToSet] !== false) {\n pointer.set(acc, pathToSet, pathValue)\n }\n }\n }\n } else {\n if (filterData?.[path] !== false) {\n pointer.set(acc.properties, path, propertyValue)\n }\n if (props.required) {\n acc.required.push(objectKey)\n }\n }\n }\n\n return acc\n },\n { type: 'object', properties: {}, required: [] }\n )\n\n const propsOfFields = Object.entries(\n fieldPropsRef?.current || {}\n ).reduce((acc, [path, props]) => {\n if (path.startsWith('/')) {\n const propertyValue = {}\n\n for (const prop in props) {\n if (\n props[prop] !== undefined &&\n typeof props[prop] !== 'function'\n ) {\n propertyValue[prop] = props[prop]\n }\n }\n\n pointer.set(acc, path, propertyValue)\n }\n\n return acc\n }, {})\n\n const propsOfValues = Object.entries(\n valuePropsRef?.current || {}\n ).reduce((acc, [path, props]) => {\n if (path.startsWith('/')) {\n const propertyValue = {}\n\n for (const prop in props) {\n if (\n props[prop] !== undefined &&\n typeof props[prop] !== 'function'\n ) {\n propertyValue[prop] = props[prop]\n }\n }\n\n pointer.set(acc, path, propertyValue)\n }\n\n return acc\n }, {})\n\n if (schema.required.length === 0) {\n delete schema.required\n }\n\n return {\n schema,\n data: dataRef.current,\n propsOfFields,\n propsOfValues,\n } as GenerateSchemaReturn\n }, [fieldPropsRef, filterData, valuePropsRef])\n\n if (hasContext) {\n if (log) {\n console.log(generate().schema)\n }\n\n if (generateRef) {\n generateRef.current = generate\n }\n }\n\n return children\n}\n"],"mappings":"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"}

package/extensions/forms/Tools/ListAllProps.d.ts ADDED Viewed

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { JsonObject } from 'json-pointer';
+import { FilterData } from '../DataContext/Context';
+export type ListAllPropsReturn = {
+    propsOfFields: JsonObject;
+    propsOfValues: JsonObject;
+};
+export type ListAllPropsProps = {
+    log?: boolean;
+    generateRef?: React.MutableRefObject<() => ListAllPropsReturn>;
+    filterData?: FilterData;
+    children: React.ReactNode;
+};
+export type GenerateRef = ListAllPropsProps['generateRef']['current'];
+export default function ListAllProps(props: ListAllPropsProps): import("react").ReactNode;

package/extensions/forms/Tools/ListAllProps.js ADDED Viewed

@@ -0,0 +1,67 @@
+"use client";
+import { isValidElement, useCallback, useContext, useRef } from 'react';
+import pointer from 'json-pointer';
+import DataContext from '../DataContext/Context';
+export default function ListAllProps(props) {
+  const {
+    log,
+    generateRef,
+    filterData,
+    children
+  } = props || {};
+  const {
+    fieldPropsRef,
+    valuePropsRef,
+    data,
+    hasContext
+  } = useContext(DataContext);
+  const dataRef = useRef({});
+  dataRef.current = data;
+  const generate = useCallback(() => {
+    const propsOfFields = Object.entries((fieldPropsRef === null || fieldPropsRef === void 0 ? void 0 : fieldPropsRef.current) || {}).reduce((acc, _ref) => {
+      let [path, props] = _ref;
+      if (path.startsWith('/')) {
+        const propertyValue = {};
+        for (const prop in props) {
+          if (props[prop] !== undefined && typeof props[prop] !== 'function' && !isValidElement(props[prop])) {
+            propertyValue[prop] = props[prop];
+          }
+        }
+        if ((filterData === null || filterData === void 0 ? void 0 : filterData[path]) !== false) {
+          pointer.set(acc, path, propertyValue);
+        }
+      }
+      return acc;
+    }, {});
+    const propsOfValues = Object.entries((valuePropsRef === null || valuePropsRef === void 0 ? void 0 : valuePropsRef.current) || {}).reduce((acc, _ref2) => {
+      let [path, props] = _ref2;
+      if (path.startsWith('/')) {
+        const propertyValue = {};
+        for (const prop in props) {
+          if (props[prop] !== undefined && typeof props[prop] !== 'function' && !isValidElement(props[prop])) {
+            propertyValue[prop] = props[prop];
+          }
+        }
+        if ((filterData === null || filterData === void 0 ? void 0 : filterData[path]) !== false) {
+          pointer.set(acc, path, propertyValue);
+        }
+      }
+      return acc;
+    }, {});
+    return {
+      propsOfFields,
+      propsOfValues
+    };
+  }, [fieldPropsRef, filterData, valuePropsRef]);
+  if (hasContext) {
+    if (log) {
+      console.log(generate());
+    }
+    if (generateRef) {
+      generateRef.current = generate;
+    }
+  }
+  return children;
+}
+//# sourceMappingURL=ListAllProps.js.map