npm - @dnb/eufemia - Versions diffs - 10.57.0 → 10.58.0 - Mend

@dnb/eufemia 10.57.0 → 10.58.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 (826) hide show

package/cjs/extensions/forms/Form/data-context/useData.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useData.js","names":["_react","require","_jsonPointer","_interopRequireDefault","_useSharedState","_useMountEffect","_Context","_structuredClone","obj","__esModule","default","useData","id","arguments","length","undefined","initialData","sharedDataRef","useRef","sharedAttachmentsRef","forceUpdate","useReducer","current","useSharedState","rerenderUseDataHook","dataContext","useContext","DataContext","hasContext","Error","data","filterDataHandler","updateDataValue","setData","set","useCallback","newData","update","path","value","existingData","structuredClone","existingValue","pointer","has","get","newValue","extend","remove","reduceToVisibleFields","_dataContext$visibleD","options","_sharedAttachmentsRef","_sharedAttachmentsRef2","visibleDataHandler","call","filterData","filter","_dataContext$filterDa","_sharedAttachmentsRef3","_sharedAttachmentsRef4","getValue","useMountEffect","hadInitialData","useMemo"],"sources":["../../../../../../src/extensions/forms/Form/data-context/useData.tsx"],"sourcesContent":["import {\n useCallback,\n useContext,\n useMemo,\n useReducer,\n useRef,\n} from 'react'\nimport pointer, { JsonObject } from '../../utils/json-pointer'\nimport {\n SharedStateId,\n useSharedState,\n} from '../../../../shared/helpers/useSharedState'\nimport useMountEffect from '../../../../shared/helpers/useMountEffect'\nimport type { Path } from '../../types'\nimport DataContext, {\n FilterData,\n VisibleDataHandler,\n} from '../../DataContext/Context'\nimport { SharedAttachments } 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 PathImpl<T, P extends string> = P extends `${infer Key}/${infer Rest}`\n ? Key extends keyof T\n ? Rest extends ''\n ? T[Key]\n : PathImpl<T[Key], Rest>\n : never\n : T[P & keyof T]\n\ntype PathType<T, P extends string> = P extends `/${infer Rest}`\n ? PathImpl<T, Rest>\n : never\n\ntype UseDataReturnUpdate<Data> = <P extends Path>(\n path: P,\n value: ((value: PathType<Data, P>) => unknown) \| unknown\n) => void\n\nexport type UseDataReturnGetValue<Data> = <P extends Path>(\n path: P\n) => PathType<Data, P> \| any\n\nexport type UseDataReturnFilterData<Data> = (\n filterDataHandler: FilterData,\n data?: Data\n) => Partial<Data>\n\nexport type UseDataReturnVisibleData<Data> = VisibleDataHandler<Data>\n\ntype UseDataReturn<Data> = {\n data: Data\n set: (newData: Data) => void\n update: UseDataReturnUpdate<Data>\n remove: (path: Path) => void\n getValue: UseDataReturnGetValue<Data>\n filterData: UseDataReturnFilterData<Data>\n reduceToVisibleFields: UseDataReturnVisibleData<Data>\n}\n\n/\n Custom hook that provides form data management functionality.\n \n @template Data - The type of data being managed.\n * @param {SharedStateId} id - The identifier for the data.\n * @param {Data} initialData - The initial data value (optional).\n * @returns {UseDataReturn<Data>} An object containing the data and data management functions.\n */\nexport default function useData<Data = JsonObject>(\n id: SharedStateId = undefined,\n initialData: Data = undefined\n): UseDataReturn<Data> {\n const sharedDataRef =\n useRef<ReturnType<typeof useSharedState<Data>>>(null)\n const sharedAttachmentsRef =\n useRef<ReturnType<typeof useSharedState<SharedAttachments<Data>>>>(\n null\n )\n const [, forceUpdate] = useReducer(() => ({}), {})\n\n sharedDataRef.current = useSharedState<Data>(\n id,\n initialData,\n forceUpdate\n )\n\n sharedAttachmentsRef.current = useSharedState<SharedAttachments<Data>>(\n id + '-attachments',\n { rerenderUseDataHook: forceUpdate }\n )\n\n // If no id is provided, use the context data\n const dataContext = useContext(DataContext)\n if (!id) {\n if (!dataContext.hasContext) {\n throw new Error(\n 'useData needs to run inside DataContext (Form.Handler) or have a valid id'\n )\n }\n\n sharedDataRef.current.data = dataContext.data\n sharedAttachmentsRef.current.data.filterDataHandler =\n dataContext.filterDataHandler\n }\n\n const updateDataValue = dataContext?.updateDataValue\n const setData = dataContext?.setData\n\n const set = useCallback(\n (newData: Data) => {\n if (id) {\n sharedDataRef.current.update(newData)\n } else {\n setData?.(newData)\n }\n },\n [id, setData]\n )\n\n const update = useCallback<UseDataReturnUpdate<Data>>(\n (path, value = undefined) => {\n const existingData = structuredClone(\n sharedDataRef.current.data \|\| {}\n ) as Data & JsonObject\n const existingValue = pointer.has(existingData, path)\n ? pointer.get(existingData, path)\n : undefined\n\n // Get new value\n const newValue =\n typeof value === 'function' ? value(existingValue) : value\n\n if (newValue !== existingValue) {\n // Update existing data\n pointer.set(existingData, path, newValue)\n\n // Update provider with new data\n if (id) {\n sharedDataRef.current.extend(existingData)\n } else {\n updateDataValue(path, newValue)\n }\n }\n },\n [id, updateDataValue]\n )\n\n const remove = useCallback<UseDataReturn<Data>['remove']>(\n (path) => {\n const existingData = structuredClone(\n sharedDataRef.current.data \|\| {}\n ) as Data & JsonObject\n\n if (pointer.has(existingData, path)) {\n // Remove existing data\n pointer.remove(existingData, path)\n\n // Update provider with new data\n if (id) {\n sharedDataRef.current.set(existingData)\n } else {\n updateDataValue(path, undefined)\n }\n }\n },\n [id, updateDataValue]\n )\n\n const reduceToVisibleFields = useCallback<\n UseDataReturn<Data>['reduceToVisibleFields']\n >(\n (data, options = {}) => {\n if (id) {\n return sharedAttachmentsRef.current.data?.visibleDataHandler?.(\n data,\n options\n )\n }\n\n return dataContext?.visibleDataHandler?.(data, options)\n },\n [dataContext, id]\n )\n\n const filterData = useCallback<UseDataReturn<Data>['filterData']>(\n (filter, data = sharedDataRef.current.data) => {\n if (id) {\n return sharedAttachmentsRef.current.data?.filterDataHandler?.(\n data,\n filter\n )\n }\n\n return dataContext?.filterDataHandler?.(data, filter)\n },\n [dataContext, id]\n )\n\n const getValue = useCallback<UseDataReturn<Data>['getValue']>((path) => {\n if (pointer.has(sharedDataRef.current.data, path)) {\n return pointer.get(sharedDataRef.current.data, path)\n }\n\n return undefined\n }, [])\n\n useMountEffect(() => {\n if (id && !sharedDataRef.current.hadInitialData && initialData) {\n sharedDataRef.current.extend(initialData)\n }\n })\n\n const { data } = sharedDataRef.current\n\n return useMemo(\n () => ({\n data,\n remove,\n update,\n set,\n getValue,\n reduceToVisibleFields,\n filterData,\n }),\n [\n data,\n remove,\n update,\n set,\n getValue,\n reduceToVisibleFields,\n filterData,\n ]\n )\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"useData.js","names":["_react","require","_jsonPointer","_interopRequireDefault","_useSharedState","_useMountEffect","_Context","_structuredClone","obj","__esModule","default","useData","id","arguments","length","undefined","initialData","sharedDataRef","useRef","sharedAttachmentsRef","forceUpdate","useReducer","current","useSharedState","createReferenceKey","rerenderUseDataHook","dataContext","useContext","DataContext","hasContext","Error","data","filterDataHandler","updateDataValue","setData","set","useCallback","newData","update","path","value","existingData","structuredClone","existingValue","pointer","has","get","newValue","extend","remove","reduceToVisibleFields","_dataContext$visibleD","options","_sharedAttachmentsRef","_sharedAttachmentsRef2","visibleDataHandler","call","filterData","filter","_dataContext$filterDa","_sharedAttachmentsRef3","_sharedAttachmentsRef4","getValue","useMountEffect","hadInitialData","useMemo"],"sources":["../../../../../../src/extensions/forms/Form/data-context/useData.tsx"],"sourcesContent":["import {\n useCallback,\n useContext,\n useMemo,\n useReducer,\n useRef,\n} from 'react'\nimport pointer, { JsonObject } from '../../utils/json-pointer'\nimport {\n SharedStateId,\n createReferenceKey,\n useSharedState,\n} from '../../../../shared/helpers/useSharedState'\nimport useMountEffect from '../../../../shared/helpers/useMountEffect'\nimport type { Path } from '../../types'\nimport DataContext, {\n FilterData,\n VisibleDataHandler,\n} from '../../DataContext/Context'\nimport { SharedAttachments } 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 PathImpl<T, P extends string> = P extends `${infer Key}/${infer Rest}`\n ? Key extends keyof T\n ? Rest extends ''\n ? T[Key]\n : PathImpl<T[Key], Rest>\n : never\n : T[P & keyof T]\n\ntype PathType<T, P extends string> = P extends `/${infer Rest}`\n ? PathImpl<T, Rest>\n : never\n\ntype UseDataReturnUpdate<Data> = <P extends Path>(\n path: P,\n value: ((value: PathType<Data, P>) => unknown) \| unknown\n) => void\n\nexport type UseDataReturnGetValue<Data> = <P extends Path>(\n path: P\n) => PathType<Data, P> \| any\n\nexport type UseDataReturnFilterData<Data> = (\n filterDataHandler: FilterData,\n data?: Data\n) => Partial<Data>\n\nexport type UseDataReturnVisibleData<Data> = VisibleDataHandler<Data>\n\ntype UseDataReturn<Data> = {\n data: Data\n set: (newData: Data) => void\n update: UseDataReturnUpdate<Data>\n remove: (path: Path) => void\n getValue: UseDataReturnGetValue<Data>\n filterData: UseDataReturnFilterData<Data>\n reduceToVisibleFields: UseDataReturnVisibleData<Data>\n}\n\n/\n Custom hook that provides form data management functionality.\n \n @template Data - The type of data being managed.\n * @param {SharedStateId} id - The identifier for the data.\n * @param {Data} initialData - The initial data value (optional).\n * @returns {UseDataReturn<Data>} An object containing the data and data management functions.\n */\nexport default function useData<Data = JsonObject>(\n id: SharedStateId = undefined,\n initialData: Data = undefined\n): UseDataReturn<Data> {\n const sharedDataRef =\n useRef<ReturnType<typeof useSharedState<Data>>>(null)\n const sharedAttachmentsRef =\n useRef<ReturnType<typeof useSharedState<SharedAttachments<Data>>>>(\n null\n )\n const [, forceUpdate] = useReducer(() => ({}), {})\n\n sharedDataRef.current = useSharedState<Data>(\n id,\n initialData,\n forceUpdate\n )\n\n sharedAttachmentsRef.current = useSharedState<SharedAttachments<Data>>(\n createReferenceKey(id, 'attachments'),\n { rerenderUseDataHook: forceUpdate }\n )\n\n // If no id is provided, use the context data\n const dataContext = useContext(DataContext)\n if (!id) {\n if (!dataContext.hasContext) {\n throw new Error(\n 'useData needs to run inside DataContext (Form.Handler) or have a valid id'\n )\n }\n\n sharedDataRef.current.data = dataContext.data\n sharedAttachmentsRef.current.data.filterDataHandler =\n dataContext.filterDataHandler\n }\n\n const updateDataValue = dataContext?.updateDataValue\n const setData = dataContext?.setData\n\n const set = useCallback(\n (newData: Data) => {\n if (id) {\n sharedDataRef.current.update(newData)\n } else {\n setData?.(newData)\n }\n },\n [id, setData]\n )\n\n const update = useCallback<UseDataReturnUpdate<Data>>(\n (path, value = undefined) => {\n const existingData = structuredClone(\n sharedDataRef.current.data \|\| {}\n ) as Data & JsonObject\n const existingValue = pointer.has(existingData, path)\n ? pointer.get(existingData, path)\n : undefined\n\n // Get new value\n const newValue =\n typeof value === 'function' ? value(existingValue) : value\n\n if (newValue !== existingValue) {\n // Update existing data\n pointer.set(existingData, path, newValue)\n\n // Update provider with new data\n if (id) {\n sharedDataRef.current.extend(existingData)\n } else {\n updateDataValue(path, newValue)\n }\n }\n },\n [id, updateDataValue]\n )\n\n const remove = useCallback<UseDataReturn<Data>['remove']>(\n (path) => {\n const existingData = structuredClone(\n sharedDataRef.current.data \|\| {}\n ) as Data & JsonObject\n\n if (pointer.has(existingData, path)) {\n // Remove existing data\n pointer.remove(existingData, path)\n\n // Update provider with new data\n if (id) {\n sharedDataRef.current.set(existingData)\n } else {\n updateDataValue(path, undefined)\n }\n }\n },\n [id, updateDataValue]\n )\n\n const reduceToVisibleFields = useCallback<\n UseDataReturn<Data>['reduceToVisibleFields']\n >(\n (data, options = {}) => {\n if (id) {\n return sharedAttachmentsRef.current.data?.visibleDataHandler?.(\n data,\n options\n )\n }\n\n return dataContext?.visibleDataHandler?.(data, options)\n },\n [dataContext, id]\n )\n\n const filterData = useCallback<UseDataReturn<Data>['filterData']>(\n (filter, data = sharedDataRef.current.data) => {\n if (id) {\n return sharedAttachmentsRef.current.data?.filterDataHandler?.(\n data,\n filter\n )\n }\n\n return dataContext?.filterDataHandler?.(data, filter)\n },\n [dataContext, id]\n )\n\n const getValue = useCallback<UseDataReturn<Data>['getValue']>((path) => {\n if (pointer.has(sharedDataRef.current.data, path)) {\n return pointer.get(sharedDataRef.current.data, path)\n }\n\n return undefined\n }, [])\n\n useMountEffect(() => {\n if (id && !sharedDataRef.current.hadInitialData && initialData) {\n sharedDataRef.current.extend(initialData)\n }\n })\n\n const { data } = sharedDataRef.current\n\n return useMemo(\n () => ({\n data,\n remove,\n update,\n set,\n getValue,\n reduceToVisibleFields,\n filterData,\n }),\n [\n data,\n remove,\n update,\n set,\n getValue,\n reduceToVisibleFields,\n filterData,\n ]\n )\n}\n"],"mappings":"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"}

package/cjs/extensions/forms/Form/data-context/useValidation.js CHANGED Viewed

@@ -13,7 +13,7 @@ function useValidation() {
   let id = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : undefined;
   const {
     data
-  } = (0, _useSharedState.useSharedState)(id + '-attachments');
+  } = (0, _useSharedState.useSharedState)((0, _useSharedState.createReferenceKey)(id, 'attachments'));
   const fallback = (0, _react.useCallback)(() => false, []);
   const context = (0, _react.useContext)(_Context.default);
   const hasErrors = (data === null || data === void 0 ? void 0 : data.hasErrors) || !id && (context === null || context === void 0 ? void 0 : context.hasErrors) || fallback;
@@ -43,7 +43,7 @@ function useConnections() {
   let id = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : undefined;
   const {
     get
-  } = (0, _useSharedState.useSharedState)(id + '-attachments');
+  } = (0, _useSharedState.useSharedState)((0, _useSharedState.createReferenceKey)(id, 'attachments'));
   const dataContext = (0, _react.useContext)(_Context.default);
   const {
     fieldConnectionsRef

package/cjs/extensions/forms/Form/data-context/useValidation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useValidation.js","names":["_react","require","_useSharedState","_Context","_interopRequireDefault","obj","__esModule","default","useValidation","id","arguments","length","undefined","data","useSharedState","fallback","useCallback","context","useContext","DataContext","hasErrors","hasFieldError","setSubmitState","setFormError","error","getFieldConnections","useConnections","setFieldStatus","path","status","_connections$path","_connections$path$set","connections","setEventResult","call","useMemo","get","dataContext","fieldConnectionsRef","attachments","current"],"sources":["../../../../../../src/extensions/forms/Form/data-context/useValidation.tsx"],"sourcesContent":["import { useCallback, useContext, useMemo } from 'react'\nimport {\n SharedStateId,\n useSharedState,\n} from '../../../../shared/helpers/useSharedState'\nimport DataContext, { ContextState } from '../../DataContext/Context'\nimport { SharedAttachments } from '../../DataContext/Provider'\nimport { EventStateObject, Path } from '../../types'\n\ntype UseDataReturn = {\n hasErrors: ContextState['hasErrors']\n hasFieldError: ContextState['hasFieldError']\n setFormError: (error: Error) => void\n setFieldStatus: (path: Path, status: EventStateObject) => void\n}\n\nexport default function useValidation(\n id: SharedStateId = undefined\n): UseDataReturn {\n const { data } = useSharedState<\n UseDataReturn & SharedAttachments<unknown>\n >(id + '-attachments')\n\n const fallback = useCallback(() => false, [])\n\n // If no id is provided, use the context version\n const context = useContext(DataContext)\n const hasErrors =\n data?.hasErrors \|\| (!id && context?.hasErrors) \|\| fallback\n const hasFieldError =\n data?.hasFieldError \|\| (!id && context?.hasFieldError) \|\| fallback\n\n // Error handling\n const setSubmitState =\n data?.setSubmitState \|\| (!id && context?.setSubmitState) \|\| fallback\n const setFormError = useCallback(\n (error: Error) => {\n setSubmitState?.({ error })\n },\n [setSubmitState]\n )\n\n // Field status\n const { getFieldConnections } = useConnections(id)\n const setFieldStatus = useCallback(\n (path: Path, status: EventStateObject) => {\n const connections = getFieldConnections()\n connections?.[path]?.setEventResult?.(status)\n },\n [getFieldConnections]\n )\n\n return useMemo(\n () => ({ hasErrors, hasFieldError, setFormError, setFieldStatus }),\n [hasErrors, hasFieldError, setFormError, setFieldStatus]\n )\n}\n\ntype UseConnectionsSharedState = {\n fieldConnectionsRef: ContextState['fieldConnectionsRef']\n}\n\nfunction useConnections(id: SharedStateId = undefined) {\n const { get } = useSharedState<UseConnectionsSharedState>(\n id + '-attachments'\n )\n\n const dataContext = useContext(DataContext)\n const { fieldConnectionsRef } = dataContext \|\| {}\n\n const getFieldConnections = useCallback(() => {\n const attachments = get()\n const connections =\n attachments?.fieldConnectionsRef \|\| (!id && fieldConnectionsRef)\n\n return connections.current\n }, [fieldConnectionsRef, get, id])\n\n return useMemo(() => ({ getFieldConnections }), [getFieldConnections])\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;~~AAIA~~,IAAAE,QAAA,GAAAC,sBAAA,CAAAH,OAAA;AAAqE,SAAAG,uBAAAC,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAWtD,SAASG,aAAaA,CAAA,EAEpB;EAAA,IADfC,EAAiB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGE,SAAS;EAE7B,MAAM;IAAEC;EAAK,CAAC,GAAG,IAAAC,8BAAc,~~EAE7BL~~,EAAE,~~GAAG~~,~~cAAc~~,CAAC;~~EAEtB~~,~~MAAMM~~,QAAQ,GAAG,IAAAC,kBAAW,EAAC,MAAM,KAAK,EAAE,EAAE,CAAC;EAG7C,MAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACC,gBAAW,CAAC;EACvC,MAAMC,SAAS,GACb,~~CAAAP~~,IAAI,aAAJA,IAAI,uBAAJA,IAAI,~~CAAEO~~,SAAS,KAAK,~~CAACX~~,EAAE,~~KAAIQ~~,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEG,SAAS,CAAC,IAAIL,QAAQ;EAC5D,MAAMM,aAAa,GACjB,~~CAAAR~~,IAAI,aAAJA,IAAI,uBAAJA,IAAI,~~CAAEQ~~,aAAa,KAAK,~~CAACZ~~,EAAE,~~KAAIQ~~,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEI,aAAa,CAAC,IAAIN,QAAQ;EAGpE,MAAMO,cAAc,GAClB,~~CAAAT~~,IAAI,aAAJA,IAAI,uBAAJA,IAAI,~~CAAES~~,cAAc,KAAK,~~CAACb~~,EAAE,~~KAAIQ~~,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEK,cAAc,CAAC,IAAIP,QAAQ;EACtE,MAAMQ,YAAY,GAAG,IAAAP,kBAAW,EAC7BQ,KAAY,IAAK;IAChBF,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAG;MAAEE;IAAM,CAAC,CAAC;EAC7B,CAAC,EACD,CAACF,cAAc,CACjB,CAAC;EAGD,MAAM;IAAEG;EAAoB,CAAC,GAAGC,cAAc,~~CAACjB~~,EAAE,CAAC;EAClD,~~MAAMkB~~,cAAc,GAAG,IAAAX,kBAAW,EAChC,CAACY,IAAU,EAAEC,MAAwB,KAAK;IAAA,IAAAC,iBAAA,EAAAC,qBAAA;IACxC,MAAMC,WAAW,GAAGP,mBAAmB,CAAC,CAAC;IACzCO,WAAW,aAAXA,WAAW,wBAAAF,iBAAA,GAAXE,WAAW,CAAGJ,IAAI,CAAC,cAAAE,iBAAA,wBAAAC,qBAAA,GAAnBD,iBAAA,CAAqBG,cAAc,cAAAF,qBAAA,uBAAnCA,qBAAA,CAAAG,IAAA,CAAAJ,iBAAA,EAAsCD,MAAM,CAAC;EAC/C,CAAC,EACD,CAACJ,mBAAmB,CACtB,CAAC;EAED,OAAO,IAAAU,cAAO,EACZ,OAAO;IAAEf,SAAS;IAAEC,aAAa;IAAEE,YAAY;IAAEI;EAAe,CAAC,CAAC,EAClE,CAACP,SAAS,EAAEC,aAAa,EAAEE,YAAY,EAAEI,cAAc,CACzD,CAAC;AACH;AAMA,SAASD,cAAcA,CAAA,EAAgC;EAAA,IAA/~~BjB~~,EAAiB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGE,SAAS;EACnD,MAAM;~~IAAEwB~~;EAAI,CAAC,GAAG,~~IAAAtB~~,8BAAc,~~EAC5BL~~,EAAE,~~GAAG~~,~~cACP~~,CAAC;EAED,~~MAAM4B~~,WAAW,GAAG,IAAAnB,iBAAU,EAACC,gBAAW,CAAC;EAC3C,MAAM;IAAEmB;EAAoB,CAAC,GAAGD,WAAW,IAAI,CAAC,CAAC;EAEjD,MAAMZ,mBAAmB,GAAG,IAAAT,kBAAW,EAAC,MAAM;IAC5C,MAAMuB,WAAW,GAAGH,GAAG,CAAC,CAAC;IACzB,MAAMJ,WAAW,GACf,CAAAO,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAED,mBAAmB,KAAK,~~CAAC7B~~,EAAE,~~IAAI6B~~,mBAAoB;IAElE,OAAON,WAAW,CAACQ,OAAO;EAC5B,CAAC,EAAE,CAACF,mBAAmB,EAAEF,GAAG,~~EAAE3B~~,EAAE,CAAC,CAAC;EAElC,OAAO,~~IAAA0B~~,cAAO,EAAC,OAAO;IAAEV;EAAoB,CAAC,CAAC,EAAE,CAACA,mBAAmB,CAAC,CAAC;AACxE"}
1	+ {"version":3,"file":"useValidation.js","names":["_react","require","_useSharedState","_Context","_interopRequireDefault","obj","__esModule","default","useValidation","id","arguments","length","undefined","data","useSharedState","createReferenceKey","fallback","useCallback","context","useContext","DataContext","hasErrors","hasFieldError","setSubmitState","setFormError","error","getFieldConnections","useConnections","setFieldStatus","path","status","_connections$path","_connections$path$set","connections","setEventResult","call","useMemo","get","dataContext","fieldConnectionsRef","attachments","current"],"sources":["../../../../../../src/extensions/forms/Form/data-context/useValidation.tsx"],"sourcesContent":["import { useCallback, useContext, useMemo } from 'react'\nimport {\n SharedStateId,\n createReferenceKey,\n useSharedState,\n} from '../../../../shared/helpers/useSharedState'\nimport DataContext, { ContextState } from '../../DataContext/Context'\nimport { SharedAttachments } from '../../DataContext/Provider'\nimport { EventStateObject, Path } from '../../types'\n\ntype UseDataReturn = {\n hasErrors: ContextState['hasErrors']\n hasFieldError: ContextState['hasFieldError']\n setFormError: (error: Error) => void\n setFieldStatus: (path: Path, status: EventStateObject) => void\n}\n\nexport default function useValidation(\n id: SharedStateId = undefined\n): UseDataReturn {\n const { data } = useSharedState<\n UseDataReturn & SharedAttachments<unknown>\n >(createReferenceKey(id, 'attachments'))\n\n const fallback = useCallback(() => false, [])\n\n // If no id is provided, use the context version\n const context = useContext(DataContext)\n const hasErrors =\n data?.hasErrors \|\| (!id && context?.hasErrors) \|\| fallback\n const hasFieldError =\n data?.hasFieldError \|\| (!id && context?.hasFieldError) \|\| fallback\n\n // Error handling\n const setSubmitState =\n data?.setSubmitState \|\| (!id && context?.setSubmitState) \|\| fallback\n const setFormError = useCallback(\n (error: Error) => {\n setSubmitState?.({ error })\n },\n [setSubmitState]\n )\n\n // Field status\n const { getFieldConnections } = useConnections(id)\n const setFieldStatus = useCallback(\n (path: Path, status: EventStateObject) => {\n const connections = getFieldConnections()\n connections?.[path]?.setEventResult?.(status)\n },\n [getFieldConnections]\n )\n\n return useMemo(\n () => ({ hasErrors, hasFieldError, setFormError, setFieldStatus }),\n [hasErrors, hasFieldError, setFormError, setFieldStatus]\n )\n}\n\ntype UseConnectionsSharedState = {\n fieldConnectionsRef: ContextState['fieldConnectionsRef']\n}\n\nfunction useConnections(id: SharedStateId = undefined) {\n const { get } = useSharedState<UseConnectionsSharedState>(\n createReferenceKey(id, 'attachments')\n )\n\n const dataContext = useContext(DataContext)\n const { fieldConnectionsRef } = dataContext \|\| {}\n\n const getFieldConnections = useCallback(() => {\n const attachments = get()\n const connections =\n attachments?.fieldConnectionsRef \|\| (!id && fieldConnectionsRef)\n\n return connections.current\n }, [fieldConnectionsRef, get, id])\n\n return useMemo(() => ({ getFieldConnections }), [getFieldConnections])\n}\n"],"mappings":"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"}

package/cjs/extensions/forms/Iterate/Array/ArrayItemArea.d.ts CHANGED Viewed

@@ -2,10 +2,11 @@ import { Props as FlexContainerProps } from '../../../../components/flex/Contain
 import { ContainerMode } from './types';
 export type ArrayItemAreaProps = {
     /**
-     * Defines the variant of the ViewContainer, EditContainer or PushContainer. Can be `outline` or `basic`.
+     * Defines the variant of the ViewContainer, EditContainer or PushContainer. Can be `outline`, `filled` or `basic`.
      * Defaults to `outline`.
      */
-    variant?: 'outline' | 'basic';
+    variant?: 'outline' | 'basic' | 'filled';
+    toolbarVariant?: 'minimumOneItem' | 'custom';
 };
 export type Props = {
     mode: ContainerMode;

package/cjs/extensions/forms/Iterate/Array/ArrayItemArea.js CHANGED Viewed

@@ -11,7 +11,7 @@ var _components = require("../../../../components");
 var _IterateItemContext = _interopRequireDefault(require("../IterateItemContext"));
 var _ArrayItemAreaContext = _interopRequireDefault(require("./ArrayItemAreaContext"));
 var _FieldBoundaryContext = _interopRequireDefault(require("../../DataContext/FieldBoundary/FieldBoundaryContext"));
-const _excluded = ["mode", "open", "ariaLabel", "onAnimationEnd", "className", "children", "openDelay", "variant"];
+const _excluded = ["mode", "open", "ariaLabel", "onAnimationEnd", "className", "children", "openDelay", "variant", "toolbarVariant"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -29,7 +29,8 @@ function ArrayItemArea(props) {
       className,
       children,
       openDelay = 100,
-      variant = 'outline'
+      variant = 'outline',
+      toolbarVariant
     } = props,
     restProps = _objectWithoutProperties(props, _excluded);
   const localContextRef = (0, _react.useRef)();
@@ -132,14 +133,16 @@ function ArrayItemArea(props) {
       nextFocusElementRef.current = Array.from(localContextRef.current.elementRef.current.parentElement.childNodes).at(index - 1);
     } catch (e) {}
     isRemoving.current = true;
+    setOpenState(false);
     handleRemove === null || handleRemove === void 0 ? void 0 : handleRemove({
       keepItems: true
     });
-    setOpenState(false);
   }, [handleRemove, index, setOpenState]);
   return _react.default.createElement(_ArrayItemAreaContext.default.Provider, {
     value: {
-      handleRemoveItem
+      handleRemoveItem,
+      variant,
+      toolbarVariant
     }
   }, _react.default.createElement(_components.HeightAnimation, {
     className: (0, _classnames.default)('dnb-forms-section-block', className, variant && `dnb-forms-section-block--variant-${variant}`, isNew && 'dnb-forms-section-block--new', hasSubmitError && 'dnb-forms-section-block--error'),
@@ -149,7 +152,8 @@ function ArrayItemArea(props) {
     keepInDOM: true
   }, _react.default.createElement(_components.Card, _extends({
     stack: true,
-    innerSpace: "small",
+    filled: variant === 'filled',
+    innerSpace: variant === 'basic' ? false : 'small',
     className: "dnb-forms-section-block__inner"
   }, restProps, {
     "aria-label": ariaLabel

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ArrayItemArea.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_components","_IterateItemContext","_ArrayItemAreaContext","_FieldBoundaryContext","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","useLayoutEffect","window","React","useEffect","ArrayItemArea","props","forceUpdate","useReducer","mode","open","ariaLabel","onAnimationEnd","className","children","openDelay","variant","restProps","localContextRef","useRef","hasError","hasSubmitError","useContext","FieldBoundaryContext","current","IterateItemContext","nextFocusElementRef","isNew","determineMode","useCallback","value","initialContainerMode","containerMode","modeOptions","omitFocusManagement","editMode","switchContainerMode","preventUpdate","handleRemove","index","previousContainerMode","openRef","isRemoving","setOpenState","setTimeout","setFocus","state","_localContextRef$curr","_localContextRef$curr2","_localContextRef$curr3","_localContextRef$curr4","elementRef","focus","_nextFocusElementRef$","_nextFocusElementRef$2","handleAnimationEnd","_localContextRef$curr5","_localContextRef$curr6","fulfillRemove","handleRemoveItem","Array","from","parentElement","childNodes","at","e","keepItems","createElement","Provider","HeightAnimation","classnames","duration","keepInDOM","Card","stack","innerSpace","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Iterate/Array/ArrayItemArea.tsx"],"sourcesContent":["import React, { useCallback, useContext, useReducer, useRef } from 'react'\nimport classnames from 'classnames'\nimport { Card, HeightAnimation } from '../../../../components'\nimport IterateItemContext, {\n IterateItemContextState,\n} from '../IterateItemContext'\nimport ArrayItemAreaContext from './ArrayItemAreaContext'\nimport FieldBoundaryContext from '../../DataContext/FieldBoundary/FieldBoundaryContext'\nimport { Props as FlexContainerProps } from '../../../../components/flex/Container'\nimport { ContainerMode } from './types'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport type ArrayItemAreaProps = {\n /*\n Defines the variant of the ViewContainer, EditContainer or PushContainer. Can be `outline` or `basic`.\n * Defaults to `outline`.\n */\n variant?: 'outline' \| 'basic'\n}\n\nexport type Props = {\n mode: ContainerMode\n open?: boolean \| undefined\n ariaLabel?: string\n openDelay?: number\n} & ArrayItemAreaProps\n\nfunction ArrayItemArea(props: Props & FlexContainerProps) {\n const [, forceUpdate] = useReducer(() => ({}), {})\n\n const {\n mode,\n open,\n ariaLabel,\n onAnimationEnd,\n className,\n children,\n openDelay = 100,\n variant = 'outline',\n ...restProps\n } = props\n\n const localContextRef = useRef<IterateItemContextState>()\n const { hasError, hasSubmitError } =\n useContext(FieldBoundaryContext) \|\| {}\n localContextRef.current = useContext(IterateItemContext) \|\| {}\n const nextFocusElementRef = useRef<HTMLElement>()\n const { isNew } = localContextRef.current\n\n const determineMode = useCallback(() => {\n const { value, initialContainerMode } = localContextRef.current\n if (initialContainerMode === 'auto') {\n // - Set the container mode to \"edit\" if we have an error\n if (\n hasSubmitError \|\|\n hasError \|\|\n !value \|\|\n (typeof value === 'object' && Object.keys(value).length === 0)\n ) {\n return 'edit'\n }\n }\n }, [hasError, hasSubmitError])\n\n if (determineMode() === 'edit') {\n localContextRef.current.containerMode = 'edit'\n if (!localContextRef.current.modeOptions) {\n localContextRef.current.modeOptions = {}\n }\n localContextRef.current.modeOptions.omitFocusManagement = true\n }\n if (localContextRef.current.containerMode === 'auto') {\n localContextRef.current.containerMode = 'view'\n }\n\n useLayoutEffect(() => {\n if (mode === 'edit') {\n const editMode = determineMode()\n if (editMode) {\n const { switchContainerMode } = localContextRef.current\n switchContainerMode?.(editMode, {\n omitFocusManagement: true,\n preventUpdate: true,\n })\n }\n }\n }, [determineMode, mode])\n\n const { handleRemove, index, previousContainerMode, containerMode } =\n localContextRef.current\n\n const openRef = useRef(open ?? (containerMode === mode && !isNew))\n const isRemoving = useRef(false)\n\n const setOpenState = useCallback((open: boolean) => {\n openRef.current = open\n forceUpdate()\n }, [])\n\n useLayoutEffect(() => {\n if (!isRemoving.current) {\n // - Set the open state, if it's controlled\n if (typeof open !== 'undefined') {\n setOpenState(open)\n } else {\n // - Open the block with animation, if it's in the right mode\n if (openRef.current !== (containerMode === mode)) {\n if (isNew) {\n setTimeout(() => {\n setOpenState(containerMode === mode)\n }, openDelay) // in order to apply the animation\n } else {\n setOpenState(containerMode === mode)\n }\n }\n }\n }\n }, [containerMode, isNew, mode, open, openDelay, setOpenState])\n\n const setFocus = useCallback(\n (state) => {\n if (\n localContextRef.current.modeOptions?.omitFocusManagement !==\n true &&\n !hasSubmitError &&\n containerMode === mode && // ensure we match the correct mode\n containerMode !== previousContainerMode // ensure we have a new mode\n ) {\n if (state === 'opened') {\n localContextRef.current.elementRef?.current?.focus?.()\n } else if (state === 'closed') {\n nextFocusElementRef.current?.focus?.()\n }\n }\n },\n [containerMode, hasSubmitError, mode, previousContainerMode]\n )\n\n // - Remove the block with animation, if it's in the right mode\n const handleAnimationEnd = useCallback(\n (state) => {\n if (!openRef.current && isRemoving.current) {\n isRemoving.current = false\n localContextRef.current.fulfillRemove?.()\n }\n\n setFocus(state)\n onAnimationEnd?.(state)\n },\n [onAnimationEnd, setFocus]\n )\n\n const handleRemoveItem = useCallback(() => {\n try {\n // Because \"previousElementSibling\" did not work in Jest/JSDOM\n nextFocusElementRef.current = Array.from(\n localContextRef.current.elementRef.current.parentElement.childNodes\n ).at(index - 1) as HTMLElement\n } catch (e) {\n //\n }\n isRemoving.current = true\n handleRemove?.({ keepItems: true })\n setOpenState(false)\n }, [handleRemove, index, setOpenState])\n\n return (\n <ArrayItemAreaContext.Provider value={{ handleRemoveItem }}>\n <HeightAnimation\n className={classnames(\n 'dnb-forms-section-block',\n variant && `dnb-forms-section-block--variant-${variant}`,\n isNew && 'dnb-forms-section-block--new',\n hasSubmitError && 'dnb-forms-section-block--error',\n className\n )}\n open={openRef.current}\n onAnimationEnd={handleAnimationEnd}\n duration={450}\n keepInDOM // Ensure fields get mounted so they will sync with the data context\n >\n <Card\n stack\n innerSpace=\"small\"\n className=\"dnb-forms-section-block__inner\"\n {...restProps}\n aria-label={ariaLabel}\n >\n {children}\n </Card>\n </HeightAnimation>\n </ArrayItemAreaContext.Provider>\n )\n}\n\nArrayItemArea._supportsSpacingProps = true\nexport default ArrayItemArea\n"],"mappings":"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"}
1	+ {"version":3,"file":"ArrayItemArea.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_components","_IterateItemContext","_ArrayItemAreaContext","_FieldBoundaryContext","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","useLayoutEffect","window","React","useEffect","ArrayItemArea","props","forceUpdate","useReducer","mode","open","ariaLabel","onAnimationEnd","className","children","openDelay","variant","toolbarVariant","restProps","localContextRef","useRef","hasError","hasSubmitError","useContext","FieldBoundaryContext","current","IterateItemContext","nextFocusElementRef","isNew","determineMode","useCallback","value","initialContainerMode","containerMode","modeOptions","omitFocusManagement","editMode","switchContainerMode","preventUpdate","handleRemove","index","previousContainerMode","openRef","isRemoving","setOpenState","setTimeout","setFocus","state","_localContextRef$curr","_localContextRef$curr2","_localContextRef$curr3","_localContextRef$curr4","elementRef","focus","_nextFocusElementRef$","_nextFocusElementRef$2","handleAnimationEnd","_localContextRef$curr5","_localContextRef$curr6","fulfillRemove","handleRemoveItem","Array","from","parentElement","childNodes","at","e","keepItems","createElement","Provider","HeightAnimation","classnames","duration","keepInDOM","Card","stack","filled","innerSpace","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Iterate/Array/ArrayItemArea.tsx"],"sourcesContent":["import React, { useCallback, useContext, useReducer, useRef } from 'react'\nimport classnames from 'classnames'\nimport { Card, HeightAnimation } from '../../../../components'\nimport IterateItemContext, {\n IterateItemContextState,\n} from '../IterateItemContext'\nimport ArrayItemAreaContext from './ArrayItemAreaContext'\nimport FieldBoundaryContext from '../../DataContext/FieldBoundary/FieldBoundaryContext'\nimport { Props as FlexContainerProps } from '../../../../components/flex/Container'\nimport { ContainerMode } from './types'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport type ArrayItemAreaProps = {\n /*\n Defines the variant of the ViewContainer, EditContainer or PushContainer. Can be `outline`, `filled` or `basic`.\n * Defaults to `outline`.\n */\n variant?: 'outline' \| 'basic' \| 'filled'\n toolbarVariant?: 'minimumOneItem' \| 'custom'\n}\n\nexport type Props = {\n mode: ContainerMode\n open?: boolean \| undefined\n ariaLabel?: string\n openDelay?: number\n} & ArrayItemAreaProps\n\nfunction ArrayItemArea(props: Props & FlexContainerProps) {\n const [, forceUpdate] = useReducer(() => ({}), {})\n\n const {\n mode,\n open,\n ariaLabel,\n onAnimationEnd,\n className,\n children,\n openDelay = 100,\n variant = 'outline',\n toolbarVariant,\n ...restProps\n } = props\n\n const localContextRef = useRef<IterateItemContextState>()\n const { hasError, hasSubmitError } =\n useContext(FieldBoundaryContext) \|\| {}\n localContextRef.current = useContext(IterateItemContext) \|\| {}\n const nextFocusElementRef = useRef<HTMLElement>()\n const { isNew } = localContextRef.current\n\n const determineMode = useCallback(() => {\n const { value, initialContainerMode } = localContextRef.current\n if (initialContainerMode === 'auto') {\n // - Set the container mode to \"edit\" if we have an error\n if (\n hasSubmitError \|\|\n hasError \|\|\n !value \|\|\n (typeof value === 'object' && Object.keys(value).length === 0)\n ) {\n return 'edit'\n }\n }\n }, [hasError, hasSubmitError])\n\n if (determineMode() === 'edit') {\n localContextRef.current.containerMode = 'edit'\n if (!localContextRef.current.modeOptions) {\n localContextRef.current.modeOptions = {}\n }\n localContextRef.current.modeOptions.omitFocusManagement = true\n }\n if (localContextRef.current.containerMode === 'auto') {\n localContextRef.current.containerMode = 'view'\n }\n\n useLayoutEffect(() => {\n if (mode === 'edit') {\n const editMode = determineMode()\n if (editMode) {\n const { switchContainerMode } = localContextRef.current\n switchContainerMode?.(editMode, {\n omitFocusManagement: true,\n preventUpdate: true,\n })\n }\n }\n }, [determineMode, mode])\n\n const { handleRemove, index, previousContainerMode, containerMode } =\n localContextRef.current\n\n const openRef = useRef(open ?? (containerMode === mode && !isNew))\n const isRemoving = useRef(false)\n\n const setOpenState = useCallback((open: boolean) => {\n openRef.current = open\n forceUpdate()\n }, [])\n\n useLayoutEffect(() => {\n if (!isRemoving.current) {\n // - Set the open state, if it's controlled\n if (typeof open !== 'undefined') {\n setOpenState(open)\n } else {\n // - Open the block with animation, if it's in the right mode\n if (openRef.current !== (containerMode === mode)) {\n if (isNew) {\n setTimeout(() => {\n setOpenState(containerMode === mode)\n }, openDelay) // in order to apply the animation\n } else {\n setOpenState(containerMode === mode)\n }\n }\n }\n }\n }, [containerMode, isNew, mode, open, openDelay, setOpenState])\n\n const setFocus = useCallback(\n (state) => {\n if (\n localContextRef.current.modeOptions?.omitFocusManagement !==\n true &&\n !hasSubmitError &&\n containerMode === mode && // ensure we match the correct mode\n containerMode !== previousContainerMode // ensure we have a new mode\n ) {\n if (state === 'opened') {\n localContextRef.current.elementRef?.current?.focus?.()\n } else if (state === 'closed') {\n nextFocusElementRef.current?.focus?.()\n }\n }\n },\n [containerMode, hasSubmitError, mode, previousContainerMode]\n )\n\n // - Remove the block with animation, if it's in the right mode\n const handleAnimationEnd = useCallback(\n (state) => {\n if (!openRef.current && isRemoving.current) {\n isRemoving.current = false\n localContextRef.current.fulfillRemove?.()\n }\n\n setFocus(state)\n onAnimationEnd?.(state)\n },\n [onAnimationEnd, setFocus]\n )\n\n const handleRemoveItem = useCallback(() => {\n try {\n // Because \"previousElementSibling\" did not work in Jest/JSDOM\n nextFocusElementRef.current = Array.from(\n localContextRef.current.elementRef.current.parentElement.childNodes\n ).at(index - 1) as HTMLElement\n } catch (e) {\n //\n }\n isRemoving.current = true\n setOpenState(false)\n handleRemove?.({ keepItems: true })\n }, [handleRemove, index, setOpenState])\n\n return (\n <ArrayItemAreaContext.Provider\n value={{ handleRemoveItem, variant, toolbarVariant }}\n >\n <HeightAnimation\n className={classnames(\n 'dnb-forms-section-block',\n variant && `dnb-forms-section-block--variant-${variant}`,\n isNew && 'dnb-forms-section-block--new',\n hasSubmitError && 'dnb-forms-section-block--error',\n className\n )}\n open={openRef.current}\n onAnimationEnd={handleAnimationEnd}\n duration={450}\n keepInDOM // Ensure fields get mounted so they will sync with the data context\n >\n <Card\n stack\n filled={variant === 'filled'}\n innerSpace={variant === 'basic' ? false : 'small'}\n className=\"dnb-forms-section-block__inner\"\n {...restProps}\n aria-label={ariaLabel}\n >\n {children}\n </Card>\n </HeightAnimation>\n </ArrayItemAreaContext.Provider>\n )\n}\n\nArrayItemArea._supportsSpacingProps = true\nexport default ArrayItemArea\n"],"mappings":"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"}

package/cjs/extensions/forms/Iterate/Array/ArrayItemAreaContext.d.ts CHANGED Viewed

@@ -1,6 +1,9 @@
 /// <reference types="react" />
+import { ArrayItemAreaProps } from './ArrayItemArea';
 type ArrayItemAreaContext = {
     handleRemoveItem?: () => void;
+    variant?: ArrayItemAreaProps['variant'];
+    toolbarVariant?: ArrayItemAreaProps['toolbarVariant'];
 };
 declare const ArrayItemAreaContext: import("react").Context<ArrayItemAreaContext>;
 export default ArrayItemAreaContext;

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ArrayItemAreaContext.js","names":["_react","require","ArrayItemAreaContext","createContext","_default","exports","default"],"sources":["../../../../../../src/extensions/forms/Iterate/Array/ArrayItemAreaContext.ts"],"sourcesContent":["import { createContext } from 'react'\n\ntype ArrayItemAreaContext = {\n handleRemoveItem?: () => void\n}\n\nconst ArrayItemAreaContext = createContext<ArrayItemAreaContext>(null)\n\nexport default ArrayItemAreaContext\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;~~AAMA~~,MAAMC,oBAAoB,GAAG,IAAAC,oBAAa,EAAuB,IAAI,CAAC;AAAA,IAAAC,QAAA,GAEvDF,oBAAoB;AAAAG,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
1	+ {"version":3,"file":"ArrayItemAreaContext.js","names":["_react","require","ArrayItemAreaContext","createContext","_default","exports","default"],"sources":["../../../../../../src/extensions/forms/Iterate/Array/ArrayItemAreaContext.ts"],"sourcesContent":["import { createContext } from 'react'\nimport { ArrayItemAreaProps } from './ArrayItemArea'\n\ntype ArrayItemAreaContext = {\n handleRemoveItem?: () => void\n variant?: ArrayItemAreaProps['variant']\n toolbarVariant?: ArrayItemAreaProps['toolbarVariant']\n}\n\nconst ArrayItemAreaContext = createContext<ArrayItemAreaContext>(null)\n\nexport default ArrayItemAreaContext\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AASA,MAAMC,oBAAoB,GAAG,IAAAC,oBAAa,EAAuB,IAAI,CAAC;AAAA,IAAAC,QAAA,GAEvDF,oBAAoB;AAAAG,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/cjs/extensions/forms/Iterate/Count/Count.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
-import { Identifier, Path } from '../../types';
+import { Path } from '../../types';
+import { SharedStateId } from '../../../../shared/helpers/useSharedState';
 export type Props = {
     /**
      * The path (JSON Pointer) to the array or object to count.
@@ -7,7 +8,7 @@ export type Props = {
     /**
      * A Form.Handler or DataContext `id` for when called outside of the context.
      */
-    id?: Identifier;
+    id?: SharedStateId;
     /**
      * A filter function to filter the data before counting.
      */
@@ -15,6 +16,6 @@ export type Props = {
 };
 export declare function Count(props: Props): number;
 export declare function count(props: Props): number;
-export declare function useCount(id?: Identifier): {
+export declare function useCount(id?: SharedStateId): {
     count: (path: Props['path'], filter?: Props['filter']) => number;
 };

package/cjs/extensions/forms/Iterate/Count/Count.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Count.js","names":["_react","require","_jsonPointer","_interopRequireDefault","_Form","obj","__esModule","default","Count","props","data","useData","id","countData","_ref","path","filter","pointer","has","value","get","Array","isArray","length","Object","entries","keys","NaN","count","getData","useCount","arguments","undefined","useCallback"],"sources":["../../../../../../src/extensions/forms/Iterate/Count/Count.tsx"],"sourcesContent":["import { useCallback } from 'react'\nimport pointer from '../../utils/json-pointer'\nimport { ~~Identifier,~~ Path } from '../../types'\nimport { useData, getData } from '../../Form'\n\nexport type Props = {\n /*\n The path (JSON Pointer) to the array or object to count.\n /\n path: Path\n\n /\n A Form.Handler or DataContext `id` for when called outside of the context.\n /\n id?: ~~Identifier~~\n\n /\n A filter function to filter the data before counting.\n */\n filter?: (item: unknown) => boolean\n}\n\nexport function Count(props: Props) {\n const { data } = useData(props.id)\n return countData(data, props)\n}\n\nfunction countData(data: unknown, { path, filter }: Props) {\n if (pointer.has(data, path)) {\n const value = pointer.get(data, path)\n if (Array.isArray(value)) {\n return filter ? value.filter(filter).length : value.length\n } else if (typeof value === 'object' && value) {\n return filter\n ? Object.entries(value).filter(filter).length\n : Object.keys(value).length\n }\n }\n\n return NaN\n}\n\nexport function count(props: Props) {\n const { data } = getData(props.id)\n return countData(data, props)\n}\n\nexport function useCount(id: ~~Identifier~~ = undefined) {\n const { data } = useData(id)\n\n const count = useCallback(\n (path: Props['path'], filter?: Props['filter']) => {\n return countData(data, { path, filter })\n },\n [data]\n )\n\n return { count }\n}\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,KAAA,GAAAH,OAAA;AAA6C,SAAAE,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;~~AAmBtC~~,SAASG,KAAKA,CAACC,KAAY,EAAE;EAClC,MAAM;IAAEC;EAAK,CAAC,GAAG,IAAAC,aAAO,EAACF,KAAK,CAACG,EAAE,CAAC;EAClC,OAAOC,SAAS,CAACH,IAAI,EAAED,KAAK,CAAC;AAC/B;AAEA,SAASI,SAASA,CAACH,IAAa,EAAAI,IAAA,EAA2B;EAAA,IAAzB;IAAEC,IAAI;IAAEC;EAAc,CAAC,GAAAF,IAAA;EACvD,IAAIG,oBAAO,CAACC,GAAG,CAACR,IAAI,EAAEK,IAAI,CAAC,EAAE;IAC3B,MAAMI,KAAK,GAAGF,oBAAO,CAACG,GAAG,CAACV,IAAI,EAAEK,IAAI,CAAC;IACrC,IAAIM,KAAK,CAACC,OAAO,CAACH,KAAK,CAAC,EAAE;MACxB,OAAOH,MAAM,GAAGG,KAAK,CAACH,MAAM,CAACA,MAAM,CAAC,CAACO,MAAM,GAAGJ,KAAK,CAACI,MAAM;IAC5D,CAAC,MAAM,IAAI,OAAOJ,KAAK,KAAK,QAAQ,IAAIA,KAAK,EAAE;MAC7C,OAAOH,MAAM,GACTQ,MAAM,CAACC,OAAO,CAACN,KAAK,CAAC,CAACH,MAAM,CAACA,MAAM,CAAC,CAACO,MAAM,GAC3CC,MAAM,CAACE,IAAI,CAACP,KAAK,CAAC,CAACI,MAAM;IAC/B;EACF;EAEA,OAAOI,GAAG;AACZ;AAEO,SAASC,KAAKA,CAACnB,KAAY,EAAE;EAClC,MAAM;IAAEC;EAAK,CAAC,GAAG,IAAAmB,aAAO,EAACpB,KAAK,CAACG,EAAE,CAAC;EAClC,OAAOC,SAAS,CAACH,IAAI,EAAED,KAAK,CAAC;AAC/B;AAEO,SAASqB,QAAQA,CAAA,~~EAA6B~~;EAAA,~~IAA5BlB~~,~~EAAc~~,GAAAmB,SAAA,CAAAR,MAAA,QAAAQ,SAAA,QAAAC,SAAA,GAAAD,SAAA,MAAGC,SAAS;~~EACjD~~,MAAM;IAAEtB;EAAK,CAAC,GAAG,IAAAC,aAAO,EAACC,EAAE,CAAC;EAE5B,MAAMgB,KAAK,GAAG,IAAAK,kBAAW,EACvB,CAAClB,IAAmB,EAAEC,MAAwB,KAAK;IACjD,OAAOH,SAAS,CAACH,IAAI,EAAE;MAAEK,IAAI;MAAEC;IAAO,CAAC,CAAC;EAC1C,CAAC,EACD,CAACN,IAAI,CACP,CAAC;EAED,OAAO;IAAEkB;EAAM,CAAC;AAClB"}
1	+ {"version":3,"file":"Count.js","names":["_react","require","_jsonPointer","_interopRequireDefault","_Form","obj","__esModule","default","Count","props","data","useData","id","countData","_ref","path","filter","pointer","has","value","get","Array","isArray","length","Object","entries","keys","NaN","count","getData","useCount","arguments","undefined","useCallback"],"sources":["../../../../../../src/extensions/forms/Iterate/Count/Count.tsx"],"sourcesContent":["import { useCallback } from 'react'\nimport pointer from '../../utils/json-pointer'\nimport { Path } from '../../types'\nimport { useData, getData } from '../../Form'\nimport { SharedStateId } from '../../../../shared/helpers/useSharedState'\n\nexport type Props = {\n /*\n The path (JSON Pointer) to the array or object to count.\n /\n path: Path\n\n /\n A Form.Handler or DataContext `id` for when called outside of the context.\n /\n id?: SharedStateId\n\n /\n A filter function to filter the data before counting.\n */\n filter?: (item: unknown) => boolean\n}\n\nexport function Count(props: Props) {\n const { data } = useData(props.id)\n return countData(data, props)\n}\n\nfunction countData(data: unknown, { path, filter }: Props) {\n if (pointer.has(data, path)) {\n const value = pointer.get(data, path)\n if (Array.isArray(value)) {\n return filter ? value.filter(filter).length : value.length\n } else if (typeof value === 'object' && value) {\n return filter\n ? Object.entries(value).filter(filter).length\n : Object.keys(value).length\n }\n }\n\n return NaN\n}\n\nexport function count(props: Props) {\n const { data } = getData(props.id)\n return countData(data, props)\n}\n\nexport function useCount(id: SharedStateId = undefined) {\n const { data } = useData(id)\n\n const count = useCallback(\n (path: Props['path'], filter?: Props['filter']) => {\n return countData(data, { path, filter })\n },\n [data]\n )\n\n return { count }\n}\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,KAAA,GAAAH,OAAA;AAA6C,SAAAE,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAoBtC,SAASG,KAAKA,CAACC,KAAY,EAAE;EAClC,MAAM;IAAEC;EAAK,CAAC,GAAG,IAAAC,aAAO,EAACF,KAAK,CAACG,EAAE,CAAC;EAClC,OAAOC,SAAS,CAACH,IAAI,EAAED,KAAK,CAAC;AAC/B;AAEA,SAASI,SAASA,CAACH,IAAa,EAAAI,IAAA,EAA2B;EAAA,IAAzB;IAAEC,IAAI;IAAEC;EAAc,CAAC,GAAAF,IAAA;EACvD,IAAIG,oBAAO,CAACC,GAAG,CAACR,IAAI,EAAEK,IAAI,CAAC,EAAE;IAC3B,MAAMI,KAAK,GAAGF,oBAAO,CAACG,GAAG,CAACV,IAAI,EAAEK,IAAI,CAAC;IACrC,IAAIM,KAAK,CAACC,OAAO,CAACH,KAAK,CAAC,EAAE;MACxB,OAAOH,MAAM,GAAGG,KAAK,CAACH,MAAM,CAACA,MAAM,CAAC,CAACO,MAAM,GAAGJ,KAAK,CAACI,MAAM;IAC5D,CAAC,MAAM,IAAI,OAAOJ,KAAK,KAAK,QAAQ,IAAIA,KAAK,EAAE;MAC7C,OAAOH,MAAM,GACTQ,MAAM,CAACC,OAAO,CAACN,KAAK,CAAC,CAACH,MAAM,CAACA,MAAM,CAAC,CAACO,MAAM,GAC3CC,MAAM,CAACE,IAAI,CAACP,KAAK,CAAC,CAACI,MAAM;IAC/B;EACF;EAEA,OAAOI,GAAG;AACZ;AAEO,SAASC,KAAKA,CAACnB,KAAY,EAAE;EAClC,MAAM;IAAEC;EAAK,CAAC,GAAG,IAAAmB,aAAO,EAACpB,KAAK,CAACG,EAAE,CAAC;EAClC,OAAOC,SAAS,CAACH,IAAI,EAAED,KAAK,CAAC;AAC/B;AAEO,SAASqB,QAAQA,CAAA,EAAgC;EAAA,IAA/BlB,EAAiB,GAAAmB,SAAA,CAAAR,MAAA,QAAAQ,SAAA,QAAAC,SAAA,GAAAD,SAAA,MAAGC,SAAS;EACpD,MAAM;IAAEtB;EAAK,CAAC,GAAG,IAAAC,aAAO,EAACC,EAAE,CAAC;EAE5B,MAAMgB,KAAK,GAAG,IAAAK,kBAAW,EACvB,CAAClB,IAAmB,EAAEC,MAAwB,KAAK;IACjD,OAAOH,SAAS,CAACH,IAAI,EAAE;MAAEK,IAAI;MAAEC;IAAO,CAAC,CAAC;EAC1C,CAAC,EACD,CAACN,IAAI,CACP,CAAC;EAED,OAAO;IAAEkB;EAAM,CAAC;AAClB"}

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

@@ -21,7 +21,7 @@ export type Props = {
     /**
      * The variant of the toolbar.
      */
-    toolbarVariant?: 'minimumOneItem';
+    toolbarVariant?: ArrayItemAreaProps['toolbarVariant'];
 };
 export type AllProps = Props & FlexContainerProps & ArrayItemAreaProps;
 declare function EditContainer(props: AllProps): import("react/jsx-runtime").JSX.Element;

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

@@ -19,7 +19,7 @@ var _CancelButton = _interopRequireWildcard(require("./CancelButton"));
 var _ItemNo = require("../ItemNo");
 var _Toolbar;
 const _excluded = ["toolbar", "toolbarVariant", "children"],
-  _excluded2 = ["children", "className", "title", "titleWhenNew", "toolbar"];
+  _excluded2 = ["children", "className", "title", "titleWhenNew", "toolbar", "toolbarVariant"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -45,7 +45,8 @@ function EditContainer(props) {
     return (child === null || child === void 0 ? void 0 : child['type']) === _Toolbar2.default;
   });
   return _react.default.createElement(EditContainerWithoutToolbar, _extends({
-    toolbar: hasToolbar ? null : (_toolbarElement = toolbarElement) !== null && _toolbarElement !== void 0 ? _toolbarElement : _Toolbar || (_Toolbar = _react.default.createElement(_Toolbar2.default, null, _react.default.createElement(_DoneButton.default, null), _react.default.createElement(_CancelButton.default, null)))
+    toolbar: hasToolbar ? null : (_toolbarElement = toolbarElement) !== null && _toolbarElement !== void 0 ? _toolbarElement : toolbarVariant !== 'custom' && (_Toolbar || (_Toolbar = _react.default.createElement(_Toolbar2.default, null, _react.default.createElement(_DoneButton.default, null), _react.default.createElement(_CancelButton.default, null)))),
+    toolbarVariant: toolbarVariant
   }, rest), children);
 }
 function EditContainerWithoutToolbar(props) {
@@ -61,7 +62,8 @@ function EditContainerWithoutToolbar(props) {
       className,
       title,
       titleWhenNew,
-      toolbar
+      toolbar,
+      toolbarVariant
     } = _ref,
     restProps = _objectWithoutProperties(_ref, _excluded2);
   const wasNew = (0, _CancelButton.useWasNew)({
@@ -77,7 +79,8 @@ function EditContainerWithoutToolbar(props) {
   return _react.default.createElement(_ArrayItemArea.default, _extends({
     mode: "edit",
     className: (0, _classnames.default)('dnb-forms-section-edit-block', className),
-    ariaLabel: (0, _componentHelper.convertJsxToString)(itemTitle)
+    ariaLabel: (0, _componentHelper.convertJsxToString)(itemTitle),
+    toolbarVariant: toolbarVariant
   }, restProps), itemTitle && _react.default.createElement(_elements.Lead, {
     size: "basis"
   }, itemTitle), children, toolbar);

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

	@@ -1 +1 @@
1	- {"version":3,"file":"EditContainer.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_componentHelper","_elements","_IterateItemContext","_ArrayItemArea","_Toolbar2","_hooks","_DoneButton","_CancelButton","_ItemNo","_Toolbar","_excluded","_excluded2","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","EditContainer","props","_toolbarElement","toolbar","toolbarVariant","children","rest","arrayValue","useContext","IterateItemContext","toolbarElement","createElement","Fragment","hasToolbar","React","Children","toArray","some","child","Toolbar","EditContainerWithoutToolbar","containerMode","isNew","index","path","_ref","className","title","titleWhenNew","restProps","wasNew","useWasNew","itemTitle","useMemo","replaceItemNo","useSwitchContainerMode","mode","classnames","ariaLabel","convertJsxToString","Lead","size","DoneButton","CancelButton","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/EditContainer/EditContainer.tsx"],"sourcesContent":["import React, { useContext, useMemo } 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 IterateItemContext from '../IterateItemContext'\nimport ArrayItemArea, { ArrayItemAreaProps } from '../Array/ArrayItemArea'\nimport Toolbar from '../Toolbar'\nimport { useSwitchContainerMode } from '../hooks'\nimport DoneButton from './DoneButton'\nimport CancelButton, { useWasNew } from './CancelButton'\nimport { replaceItemNo } from '../ItemNo'\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 /\n open?: boolean\n\n /\n An alternative toolbar to be shown in the EditContainer.\n /\n toolbar?: React.ReactNode\n /\n The variant of the toolbar.\n */\n toolbarVariant?: '~~minimumOneItem~~'\n}\n\nexport type AllProps = Props & FlexContainerProps & ArrayItemAreaProps\n\nexport default function EditContainer(props: AllProps) {\n const { toolbar, toolbarVariant, children, ...rest } = props\n const { arrayValue } = useContext(IterateItemContext)\n\n let toolbarElement = toolbar\n if (toolbarVariant === 'minimumOneItem' && arrayValue.length <= 1) {\n toolbarElement = <></>\n }\n\n const hasToolbar =\n !toolbarElement &&\n React.Children.toArray(children).some((child) => {\n return child?.['type'] === Toolbar\n })\n\n return (\n <EditContainerWithoutToolbar\n toolbar={\n hasToolbar\n ? null\n : toolbarElement ?? (\n <Toolbar>\n <DoneButton />\n <CancelButton />\n </Toolbar>\n )\n }\n {...rest}\n >\n {children}\n </EditContainerWithoutToolbar>\n )\n}\n\nexport function EditContainerWithoutToolbar(\n props: Props & FlexContainerProps & { toolbar?: React.ReactNode }\n) {\n const { containerMode, isNew, index, path } =\n useContext(IterateItemContext)\n\n const {\n children,\n className,\n title,\n titleWhenNew,\n toolbar,\n ...restProps\n } = props \|\| {}\n\n const wasNew = useWasNew({ isNew, containerMode })\n const itemTitle = useMemo(() => {\n return replaceItemNo(\n wasNew && titleWhenNew ? titleWhenNew : title,\n index\n )\n }, [index, title, titleWhenNew, wasNew])\n\n useSwitchContainerMode({ path })\n\n return (\n <ArrayItemArea\n mode=\"edit\"\n className={classnames('dnb-forms-section-edit-block', className)}\n ariaLabel={convertJsxToString(itemTitle)}\n {...restProps}\n >\n {itemTitle && <Lead size=\"basis\">{itemTitle}</Lead>}\n {children}\n {toolbar}\n </ArrayItemArea>\n )\n}\n\nEditContainer.DoneButton = DoneButton\nEditContainer.CancelButton = CancelButton\n\nEditContainer._supportsSpacingProps = true\nEditContainerWithoutToolbar._supportsSpacingProps = true\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AAEA,IAAAK,mBAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,cAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,SAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,MAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAP,sBAAA,CAAAF,OAAA;AACA,IAAAU,aAAA,GAAAX,uBAAA,CAAAC,OAAA;AACA,IAAAW,OAAA,GAAAX,OAAA;AAAyC,IAAAY,QAAA;AAAA,MAAAC,SAAA;EAAAC,UAAA;AAAA,SAAAZ,uBAAAa,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAApB,wBAAAgB,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAAA,SAAAI,yBAAAF,MAAA,EAAAG,QAAA,QAAAH,MAAA,yBAAAJ,MAAA,GAAAQ,6BAAA,CAAAJ,MAAA,EAAAG,QAAA,OAAAhB,GAAA,EAAAU,CAAA,MAAAb,MAAA,CAAAqB,qBAAA,QAAAC,gBAAA,GAAAtB,MAAA,CAAAqB,qBAAA,CAAAL,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAS,gBAAA,CAAAP,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAAmB,gBAAA,CAAAT,CAAA,OAAAM,QAAA,CAAAI,OAAA,CAAApB,GAAA,uBAAAH,MAAA,CAAAI,SAAA,CAAAoB,oBAAA,CAAAlB,IAAA,CAAAU,MAAA,EAAAb,GAAA,aAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,cAAAS,MAAA;AAAA,SAAAQ,8BAAAJ,MAAA,EAAAG,QAAA,QAAAH,MAAA,yBAAAJ,MAAA,WAAAa,UAAA,GAAAzB,MAAA,CAAA0B,IAAA,CAAAV,MAAA,OAAAb,GAAA,EAAAU,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAY,UAAA,CAAAV,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAAsB,UAAA,CAAAZ,CAAA,OAAAM,QAAA,CAAAI,OAAA,CAAApB,GAAA,kBAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,YAAAS,MAAA;~~AA8B1B~~,SAASe,aAAaA,CAACC,KAAe,EAAE;EAAA,IAAAC,eAAA;EACrD,MAAM;MAAEC,OAAO;MAAEC,cAAc;MAAEC;IAAkB,CAAC,GAAGJ,KAAK;IAAdK,IAAI,GAAAf,wBAAA,CAAKU,KAAK,EAAA3C,SAAA;EAC5D,MAAM;IAAEiD;EAAW,CAAC,GAAG,IAAAC,iBAAU,EAACC,2BAAkB,CAAC;EAErD,IAAIC,cAAc,GAAGP,OAAO;EAC5B,IAAIC,cAAc,KAAK,gBAAgB,IAAIG,UAAU,CAACnB,MAAM,IAAI,CAAC,EAAE;IACjEsB,cAAc,GAAGnE,MAAA,CAAAmB,OAAA,CAAAiD,aAAA,CAAApE,MAAA,CAAAmB,OAAA,CAAAkD,QAAA,MAAI,CAAC;EACxB;EAEA,MAAMC,UAAU,GACd,CAACH,cAAc,IACfI,cAAK,CAACC,QAAQ,CAACC,OAAO,CAACX,QAAQ,CAAC,CAACY,IAAI,CAAEC,KAAK,IAAK;IAC/C,OAAO,CAAAA,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAG,MAAM,CAAC,MAAKC,iBAAO;EACpC,CAAC,CAAC;EAEJ,OACE5E,MAAA,CAAAmB,OAAA,CAAAiD,aAAA,CAACS,2BAA2B,EAAAtC,QAAA;IAC1BqB,OAAO,EACLU,UAAU,GACN,IAAI,IAAAX,eAAA,GACJQ,cAAc,cAAAR,eAAA,cAAAA,eAAA,~~GAAA7C~~,QAAA,KAAAA,QAAA,~~GACZd~~,MAAA,CAAAmB,OAAA,CAAAiD,aAAA,CAAC3D,SAAA,CAAAU,OAAO,QACNnB,MAAA,CAAAmB,OAAA,CAAAiD,aAAA,CAACzD,WAAA,CAAAQ,OAAU,MAAE,CAAC,EACdnB,MAAA,CAAAmB,OAAA,CAAAiD,aAAA,CAACxD,aAAA,CAAAO,OAAY,MAAE,CACR,CAAC;~~EAEjB~~,~~GACG4C~~,IAAI,GAEPD,QAC0B,CAAC;AAElC;AAEO,SAASe,2BAA2BA,CACzCnB,KAAiE,EACjE;EACA,MAAM;IAAEoB,aAAa;IAAEC,KAAK;IAAEC,KAAK;IAAEC;EAAK,CAAC,GACzC,IAAAhB,iBAAU,EAACC,2BAAkB,CAAC;EAEhC,MAAAgB,IAAA,~~GAOIxB~~,KAAK,IAAI,CAAC,CAAC;~~IAPT~~;MACJI,QAAQ;MACRqB,SAAS;MACTC,KAAK;MACLC,YAAY;MACZzB;IAEF,CAAC,~~GAAAsB~~,IAAA;IADII,SAAS,GAAAtC,wBAAA,CAAAkC,IAAA,EAAAlE,UAAA;EAGd,MAAMuE,MAAM,GAAG,IAAAC,uBAAS,EAAC;IAAET,KAAK;IAAED;EAAc,CAAC,CAAC;EAClD,MAAMW,SAAS,GAAG,IAAAC,cAAO,EAAC,MAAM;IAC9B,OAAO,IAAAC,qBAAa,EAClBJ,MAAM,IAAIF,YAAY,GAAGA,YAAY,GAAGD,KAAK,EAC7CJ,KACF,CAAC;EACH,CAAC,EAAE,CAACA,KAAK,EAAEI,KAAK,EAAEC,YAAY,EAAEE,MAAM,CAAC,CAAC;EAExC,IAAAK,6BAAsB,EAAC;IAAEX;EAAK,CAAC,CAAC;EAEhC,OACEjF,MAAA,CAAAmB,OAAA,CAAAiD,aAAA,CAAC5D,cAAA,CAAAW,OAAa,EAAAoB,QAAA;IACZsD,IAAI,EAAC,MAAM;IACXV,SAAS,EAAE,IAAAW,mBAAU,EAAC,8BAA8B,EAAEX,SAAS,CAAE;IACjEY,SAAS,EAAE,IAAAC,mCAAkB,EAACP,SAAS;~~EAAE~~,~~GACrCH~~,SAAS,GAEZG,SAAS,IAAIzF,MAAA,CAAAmB,OAAA,CAAAiD,aAAA,CAAC9D,SAAA,CAAA2F,IAAI;IAACC,IAAI,EAAC;EAAO,GAAET,SAAgB,CAAC,EAClD3B,QAAQ,EACRF,OACY,CAAC;AAEpB;AAEAH,aAAa,CAAC0C,UAAU,GAAGA,mBAAU;AACrC1C,aAAa,CAAC2C,YAAY,GAAGA,qBAAY;AAEzC3C,aAAa,CAAC4C,qBAAqB,GAAG,IAAI;AAC1CxB,2BAA2B,CAACwB,qBAAqB,GAAG,IAAI"}
1	+ {"version":3,"file":"EditContainer.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_componentHelper","_elements","_IterateItemContext","_ArrayItemArea","_Toolbar2","_hooks","_DoneButton","_CancelButton","_ItemNo","_Toolbar","_excluded","_excluded2","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","EditContainer","props","_toolbarElement","toolbar","toolbarVariant","children","rest","arrayValue","useContext","IterateItemContext","toolbarElement","createElement","Fragment","hasToolbar","React","Children","toArray","some","child","Toolbar","EditContainerWithoutToolbar","containerMode","isNew","index","path","_ref","className","title","titleWhenNew","restProps","wasNew","useWasNew","itemTitle","useMemo","replaceItemNo","useSwitchContainerMode","mode","classnames","ariaLabel","convertJsxToString","Lead","size","DoneButton","CancelButton","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/EditContainer/EditContainer.tsx"],"sourcesContent":["import React, { useContext, useMemo } 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 IterateItemContext from '../IterateItemContext'\nimport ArrayItemArea, { ArrayItemAreaProps } from '../Array/ArrayItemArea'\nimport Toolbar from '../Toolbar'\nimport { useSwitchContainerMode } from '../hooks'\nimport DoneButton from './DoneButton'\nimport CancelButton, { useWasNew } from './CancelButton'\nimport { replaceItemNo } from '../ItemNo'\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 /\n open?: boolean\n\n /\n An alternative toolbar to be shown in the EditContainer.\n /\n toolbar?: React.ReactNode\n\n /\n The variant of the toolbar.\n */\n toolbarVariant?: ArrayItemAreaProps['toolbarVariant']\n}\n\nexport type AllProps = Props & FlexContainerProps & ArrayItemAreaProps\n\nexport default function EditContainer(props: AllProps) {\n const { toolbar, toolbarVariant, children, ...rest } = props\n const { arrayValue } = useContext(IterateItemContext)\n\n let toolbarElement = toolbar\n if (toolbarVariant === 'minimumOneItem' && arrayValue.length <= 1) {\n toolbarElement = <></>\n }\n\n const hasToolbar =\n !toolbarElement &&\n React.Children.toArray(children).some((child) => {\n return child?.['type'] === Toolbar\n })\n\n return (\n <EditContainerWithoutToolbar\n toolbar={\n hasToolbar\n ? null\n : toolbarElement ??\n (toolbarVariant !== 'custom' && (\n <Toolbar>\n <DoneButton />\n <CancelButton />\n </Toolbar>\n ))\n }\n toolbarVariant={toolbarVariant}\n {...rest}\n >\n {children}\n </EditContainerWithoutToolbar>\n )\n}\n\nexport function EditContainerWithoutToolbar(\n props: Props & FlexContainerProps & { toolbar?: React.ReactNode }\n) {\n const { containerMode, isNew, index, path } =\n useContext(IterateItemContext)\n\n const {\n children,\n className,\n title,\n titleWhenNew,\n toolbar,\n toolbarVariant,\n ...restProps\n } = props \|\| {}\n\n const wasNew = useWasNew({ isNew, containerMode })\n const itemTitle = useMemo(() => {\n return replaceItemNo(\n wasNew && titleWhenNew ? titleWhenNew : title,\n index\n )\n }, [index, title, titleWhenNew, wasNew])\n\n useSwitchContainerMode({ path })\n\n return (\n <ArrayItemArea\n mode=\"edit\"\n className={classnames('dnb-forms-section-edit-block', className)}\n ariaLabel={convertJsxToString(itemTitle)}\n toolbarVariant={toolbarVariant}\n {...restProps}\n >\n {itemTitle && <Lead size=\"basis\">{itemTitle}</Lead>}\n {children}\n {toolbar}\n </ArrayItemArea>\n )\n}\n\nEditContainer.DoneButton = DoneButton\nEditContainer.CancelButton = CancelButton\n\nEditContainer._supportsSpacingProps = true\nEditContainerWithoutToolbar._supportsSpacingProps = true\n"],"mappings":"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"}

package/cjs/extensions/forms/Iterate/EditContainer/EditContainerDocs.js CHANGED Viewed

@@ -16,7 +16,7 @@ const EditContainerProperties = {
     status: 'optional'
   },
   variant: {
-    doc: 'Defines the variant of the container. Can be `outline` or `basic`. Defaults to `outline`.',
+    doc: 'Defines the variant of the container. Can be `outline`, `filled` or `basic`. Defaults to `outline`.',
     type: 'string',
     status: 'optional'
   },
@@ -26,7 +26,7 @@ const EditContainerProperties = {
     status: 'optional'
   },
   toolbarVariant: {
-    doc: 'Use variants to render the toolbar differently. Currently there is only the `minimumOneItem` variant. See the info section for more info.',
+    doc: 'Use variants to render the toolbar differently. Currently there are the `minimumOneItem` and `custom` variants. See the info section for more info.',
     type: 'string',
     status: 'optional'
   },

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

	@@ -1 +1 @@
1	- {"version":3,"file":"EditContainerDocs.js","names":["EditContainerProperties","title","doc","type","status","titleWhenNew","variant","toolbar","toolbarVariant","open","exports","EditContainerEvents"],"sources":["../../../../../../src/extensions/forms/Iterate/EditContainer/EditContainerDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const EditContainerProperties: PropertiesTableProps = {\n title: {\n doc: 'The title of the container.',\n type: 'React.Node',\n status: 'optional',\n },\n titleWhenNew: {\n doc: 'The title for a new item.',\n type: 'React.Node',\n status: 'optional',\n },\n variant: {\n doc: 'Defines the variant of the container. Can be `outline` or `basic`. Defaults to `outline`.',\n type: 'string',\n status: 'optional',\n },\n toolbar: {\n doc: 'An alternative toolbar to be shown in the container.',\n type: 'React.Node',\n status: 'optional',\n },\n toolbarVariant: {\n doc: 'Use variants to render the toolbar differently. Currently there is ~~only~~ the `minimumOneItem` ~~variant~~. See the info section for more info.',\n type: 'string',\n status: 'optional',\n },\n open: {\n doc: 'If the container should be open or not. This is taken care of internally by default.',\n type: 'boolean',\n status: 'optional',\n },\n '[FlexVertical](/uilib/layout/flex/container/properties)': {\n doc: 'All Flex.Vertical properties.',\n type: 'Various',\n status: 'optional',\n },\n}\n\nexport const EditContainerEvents: PropertiesTableProps = {}\n"],"mappings":";;;;;;AAEO,MAAMA,uBAA6C,GAAG;EAC3DC,KAAK,EAAE;IACLC,GAAG,EAAE,6BAA6B;IAClCC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDC,YAAY,EAAE;IACZH,GAAG,EAAE,2BAA2B;IAChCC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDE,OAAO,EAAE;IACPJ,GAAG,EAAE,~~2FAA2F~~;~~IAChGC~~,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,OAAO,EAAE;IACPL,GAAG,EAAE,sDAAsD;IAC3DC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDI,cAAc,EAAE;IACdN,GAAG,EAAE,~~2IAA2I~~;~~IAChJC~~,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,IAAI,EAAE;IACJP,GAAG,EAAE,sFAAsF;IAC3FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACD,yDAAyD,EAAE;IACzDF,GAAG,EAAE,+BAA+B;IACpCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AACF,CAAC;AAAAM,OAAA,CAAAV,uBAAA,GAAAA,uBAAA;AAEM,MAAMW,mBAAyC,GAAG,CAAC,CAAC;AAAAD,OAAA,CAAAC,mBAAA,GAAAA,mBAAA"}
1	+ {"version":3,"file":"EditContainerDocs.js","names":["EditContainerProperties","title","doc","type","status","titleWhenNew","variant","toolbar","toolbarVariant","open","exports","EditContainerEvents"],"sources":["../../../../../../src/extensions/forms/Iterate/EditContainer/EditContainerDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const EditContainerProperties: PropertiesTableProps = {\n title: {\n doc: 'The title of the container.',\n type: 'React.Node',\n status: 'optional',\n },\n titleWhenNew: {\n doc: 'The title for a new item.',\n type: 'React.Node',\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: 'An alternative toolbar to be shown in the container.',\n type: 'React.Node',\n status: 'optional',\n },\n toolbarVariant: {\n doc: 'Use variants to render the toolbar differently. Currently there are the `minimumOneItem` and `custom` variants. See the info section for more info.',\n type: 'string',\n status: 'optional',\n },\n open: {\n doc: 'If the container should be open or not. This is taken care of internally by default.',\n type: 'boolean',\n status: 'optional',\n },\n '[FlexVertical](/uilib/layout/flex/container/properties)': {\n doc: 'All Flex.Vertical properties.',\n type: 'Various',\n status: 'optional',\n },\n}\n\nexport const EditContainerEvents: PropertiesTableProps = {}\n"],"mappings":";;;;;;AAEO,MAAMA,uBAA6C,GAAG;EAC3DC,KAAK,EAAE;IACLC,GAAG,EAAE,6BAA6B;IAClCC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDC,YAAY,EAAE;IACZH,GAAG,EAAE,2BAA2B;IAChCC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDE,OAAO,EAAE;IACPJ,GAAG,EAAE,qGAAqG;IAC1GC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,OAAO,EAAE;IACPL,GAAG,EAAE,sDAAsD;IAC3DC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDI,cAAc,EAAE;IACdN,GAAG,EAAE,qJAAqJ;IAC1JC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,IAAI,EAAE;IACJP,GAAG,EAAE,sFAAsF;IAC3FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACD,yDAAyD,EAAE;IACzDF,GAAG,EAAE,+BAA+B;IACpCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AACF,CAAC;AAAAM,OAAA,CAAAV,uBAAA,GAAAA,uBAAA;AAEM,MAAMW,mBAAyC,GAAG,CAAC,CAAC;AAAAD,OAAA,CAAAC,mBAAA,GAAAA,mBAAA"}

package/cjs/extensions/forms/Iterate/PushContainer/PushContainerDocs.js CHANGED Viewed

@@ -47,7 +47,7 @@ const PushContainerProperties = {
     status: 'optional'
   },
   variant: {
-    doc: 'Defines the variant of the container. Can be `outline` or `basic`. Defaults to `outline`.',
+    doc: 'Defines the variant of the container. Can be `outline`, `filled` or `basic`. Defaults to `outline`.',
     type: 'string',
     status: 'optional'
   },

package/cjs/extensions/forms/Iterate/PushContainer/PushContainerDocs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PushContainerDocs.js","names":["_IsolationDocs","require","PushContainerProperties","path","doc","type","status","title","data","defaultData","isolatedData","bubbleValidation","openButton","showOpenButtonWhen","variant","toolbar","children","exports","PushContainerEvents","onCommit","IsolationEvents"],"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 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 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` 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,IAAAA,cAAA,GAAAC,OAAA;AAEO,MAAMC,uBAA6C,GAAG;EAC3DC,IAAI,EAAE;IACJC,GAAG,EAAE,+CAA+C;IACpDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,KAAK,EAAE;IACLH,GAAG,EAAE,6BAA6B;IAClCC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDE,IAAI,EAAE;IACJJ,GAAG,EAAE,qIAAqI;IAC1IC,IAAI,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACDG,WAAW,EAAE;IACXL,GAAG,EAAE,mGAAmG;IACxGC,IAAI,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACDI,YAAY,EAAE;IACZN,GAAG,EAAE,4HAA4H;IACjIC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,gBAAgB,EAAE;IAChBP,GAAG,EAAE,mGAAmG;IACxGC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDM,UAAU,EAAE;IACVR,GAAG,EAAE,+BAA+B;IACpCC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDO,kBAAkB,EAAE;IAClBT,GAAG,EAAE,6FAA6F;IAClGC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDQ,OAAO,EAAE;IACPV,GAAG,EAAE,~~2FAA2F~~;~~IAChGC~~,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDS,OAAO,EAAE;IACPX,GAAG,EAAE,mDAAmD;IACxDC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDU,QAAQ,EAAE;IACRZ,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;AAAAW,OAAA,CAAAf,uBAAA,GAAAA,uBAAA;AAEM,MAAMgB,mBAAyC,GAAG;EACvDC,QAAQ,EAAEC,8BAAe,CAACD;AAC5B,CAAC;AAAAF,OAAA,CAAAC,mBAAA,GAAAA,mBAAA"}
1	+ {"version":3,"file":"PushContainerDocs.js","names":["_IsolationDocs","require","PushContainerProperties","path","doc","type","status","title","data","defaultData","isolatedData","bubbleValidation","openButton","showOpenButtonWhen","variant","toolbar","children","exports","PushContainerEvents","onCommit","IsolationEvents"],"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 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 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,IAAAA,cAAA,GAAAC,OAAA;AAEO,MAAMC,uBAA6C,GAAG;EAC3DC,IAAI,EAAE;IACJC,GAAG,EAAE,+CAA+C;IACpDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,KAAK,EAAE;IACLH,GAAG,EAAE,6BAA6B;IAClCC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDE,IAAI,EAAE;IACJJ,GAAG,EAAE,qIAAqI;IAC1IC,IAAI,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACDG,WAAW,EAAE;IACXL,GAAG,EAAE,mGAAmG;IACxGC,IAAI,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACDI,YAAY,EAAE;IACZN,GAAG,EAAE,4HAA4H;IACjIC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,gBAAgB,EAAE;IAChBP,GAAG,EAAE,mGAAmG;IACxGC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDM,UAAU,EAAE;IACVR,GAAG,EAAE,+BAA+B;IACpCC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDO,kBAAkB,EAAE;IAClBT,GAAG,EAAE,6FAA6F;IAClGC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDQ,OAAO,EAAE;IACPV,GAAG,EAAE,qGAAqG;IAC1GC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDS,OAAO,EAAE;IACPX,GAAG,EAAE,mDAAmD;IACxDC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDU,QAAQ,EAAE;IACRZ,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;AAAAW,OAAA,CAAAf,uBAAA,GAAAA,uBAAA;AAEM,MAAMgB,mBAAyC,GAAG;EACvDC,QAAQ,EAAEC,8BAAe,CAACD;AAC5B,CAAC;AAAAF,OAAA,CAAAC,mBAAA,GAAAA,mBAAA"}

package/cjs/extensions/forms/Iterate/RemoveButton/RemoveButton.d.ts CHANGED Viewed

@@ -1,6 +1,8 @@
 import { ButtonProps } from '../../../../components/Button';
 import { DataValueReadWriteComponentProps } from '../../types';
-export type Props = ButtonProps & DataValueReadWriteComponentProps<unknown[]>;
+export type Props = ButtonProps & DataValueReadWriteComponentProps<unknown[]> & {
+    showConfirmDialog?: boolean;
+};
 declare function RemoveButton(props: Props): import("react/jsx-runtime").JSX.Element;
 declare namespace RemoveButton {
     var _supportsSpacingProps: boolean;

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

@@ -13,11 +13,16 @@ var _hooks = require("../../hooks");
 var _ArrayItemAreaContext = _interopRequireDefault(require("../Array/ArrayItemAreaContext"));
 var _types = require("../../types");
 var _icons = require("../../../../icons");
-const _excluded = ["text", "children", "className"];
+const _excluded = ["text", "children", "className", "showConfirmDialog"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function RemoveButton(props) {
@@ -31,7 +36,8 @@ function RemoveButton(props) {
   const {
       text,
       children,
-      className
+      className,
+      showConfirmDialog
     } = props,
     restProps = _objectWithoutProperties(props, _excluded);
   const buttonProps = (0, _types.omitDataValueReadWriteProps)(restProps);
@@ -41,20 +47,35 @@ function RemoveButton(props) {
   const {
     handleRemoveItem
   } = elementBlockContext || {};
-  const handleClick = (0, _react.useCallback)(() => {
+  const handleClick = (0, _react.useCallback)(_ref => {
+    let {
+      close
+    } = _ref;
+    close === null || close === void 0 ? void 0 : close();
     if (handleRemoveItem) {
       handleRemoveItem === null || handleRemoveItem === void 0 ? void 0 : handleRemoveItem();
     } else {
       handleRemove === null || handleRemove === void 0 ? void 0 : handleRemove();
     }
   }, [handleRemove, handleRemoveItem]);
-  return _react.default.createElement(_components.Button, _extends({
+  const triggerAttributes = _objectSpread({
     className: (0, _classnames.default)('dnb-forms-iterate-remove-element-button', className),
+    text: textContent,
     variant: textContent ? 'tertiary' : 'secondary',
     icon: _icons.trash,
-    icon_position: "left",
+    icon_position: 'left'
+  }, buttonProps);
+  if (showConfirmDialog) {
+    return _react.default.createElement(_components.Dialog, {
+      variant: "confirmation",
+      title: translation.confirmRemoveText,
+      triggerAttributes: triggerAttributes,
+      onConfirm: handleClick
+    });
+  }
+  return _react.default.createElement(_components.Button, _extends({}, triggerAttributes, {
     on_click: handleClick
-  }, buttonProps), textContent);
+  }, buttonProps));
 }
 RemoveButton._supportsSpacingProps = true;
 var _default = RemoveButton;