@dnb/eufemia 10.49.0 → 10.51.0

package/es/extensions/forms/Tools/GenerateSchema.js.map

@@ -1 +1 @@
-{"version":3,"file":"GenerateSchema.js","names":["useCallback","useContext","useRef","pointer","DataContext","schemaParams","GenerateSchema","props","generateRef","filterData","log","children","fieldPropsRef","valuePropsRef","data","hasContext","dataRef","current","generate","schema","Object","entries","reduce","acc","path","startsWith","objectKey","substring","pathList","split","slashCount","length","type","valueType","propertyValue","prop","nestedPath","push","pathToSet","join","isLast","existingValue","has","get","pathValue","set","_objectSpread","required","at","properties","propsOfFields","undefined","propsOfValues","console"],"sources":["../../../../../src/extensions/forms/Tools/GenerateSchema.tsx"],"sourcesContent":["import { useCallback, useContext, useRef } from 'react'\nimport pointer, { JsonObject } from 'json-pointer'\nimport DataContext, { FilterData } from '../DataContext/Context'\nimport { JSONSchema } from '../types'\n\nexport type GenerateSchemaReturn = {\n  schema: JSONSchema\n  data: JsonObject\n  propsOfFields: JsonObject\n  propsOfValues: JsonObject\n}\nexport type GenerateSchemaProps = {\n  log?: boolean\n  generateRef?: React.MutableRefObject<() => GenerateSchemaReturn>\n  filterData?: FilterData\n  children: React.ReactNode\n}\nexport type GenerateRef = GenerateSchemaProps['generateRef']['current']\n\nexport const schemaParams = [\n  'minLength',\n  'maxLength',\n  'pattern',\n  'description',\n  'min',\n  'max',\n  'multipleOf',\n  'exclusiveMinimum',\n  'exclusiveMaximum',\n]\n\nexport default function GenerateSchema(props: GenerateSchemaProps) {\n  const { generateRef, filterData, log, children } = props || {}\n  const { fieldPropsRef, valuePropsRef, data, hasContext } =\n    useContext(DataContext)\n\n  const dataRef = useRef<JsonObject>({})\n  dataRef.current = data\n\n  const generate = useCallback(() => {\n    const schema = Object.entries(fieldPropsRef?.current || {}).reduce(\n      (acc, [path, props]) => {\n        if (path.startsWith('/')) {\n          const objectKey = path.substring(1)\n\n          const pathList = objectKey.split('/')\n          const slashCount = pathList.length\n\n          const type = props.valueType || 'string'\n          const propertyValue = {\n            type,\n          }\n\n          for (const prop of schemaParams) {\n            if (props[prop]) {\n              propertyValue[prop] = props[prop]\n            }\n          }\n\n          if (slashCount > 1) {\n            const nestedPath = ['']\n            for (const path of pathList) {\n              nestedPath.push(path)\n              const pathToSet = nestedPath.join('/properties/')\n              const isLast = nestedPath.length - 1 === pathList.length\n\n              const existingValue = pointer.has(acc, pathToSet)\n                ? pointer.get(acc, pathToSet)\n                : null\n\n              const pathValue = isLast ? propertyValue : existingValue\n\n              if (isLast) {\n                if (filterData?.[pathToSet] !== false) {\n                  pointer.set(acc, pathToSet, pathValue)\n                }\n              } else {\n                const pathValue = {\n                  type: 'object',\n                  ...existingValue,\n                }\n\n                // - Add required\n                const required = []\n                if (props.required) {\n                  required.push(pathList.at(-1))\n                }\n                if (existingValue?.required) {\n                  required.push(...existingValue.required)\n                }\n                if (required.length > 0) {\n                  pathValue.required = required\n                }\n\n                if (filterData?.[pathToSet] !== false) {\n                  pointer.set(acc, pathToSet, pathValue)\n                }\n              }\n            }\n          } else {\n            if (filterData?.[path] !== false) {\n              pointer.set(acc.properties, path, propertyValue)\n            }\n            if (props.required) {\n              acc.required.push(objectKey)\n            }\n          }\n        }\n\n        return acc\n      },\n      { type: 'object', properties: {}, required: [] }\n    )\n\n    const propsOfFields = Object.entries(\n      fieldPropsRef?.current || {}\n    ).reduce((acc, [path, props]) => {\n      if (path.startsWith('/')) {\n        const propertyValue = {}\n\n        for (const prop in props) {\n          if (\n            props[prop] !== undefined &&\n            typeof props[prop] !== 'function'\n          ) {\n            propertyValue[prop] = props[prop]\n          }\n        }\n\n        pointer.set(acc, path, propertyValue)\n      }\n\n      return acc\n    }, {})\n\n    const propsOfValues = Object.entries(\n      valuePropsRef?.current || {}\n    ).reduce((acc, [path, props]) => {\n      if (path.startsWith('/')) {\n        const propertyValue = {}\n\n        for (const prop in props) {\n          if (\n            props[prop] !== undefined &&\n            typeof props[prop] !== 'function'\n          ) {\n            propertyValue[prop] = props[prop]\n          }\n        }\n\n        pointer.set(acc, path, propertyValue)\n      }\n\n      return acc\n    }, {})\n\n    if (schema.required.length === 0) {\n      delete schema.required\n    }\n\n    return {\n      schema,\n      data: dataRef.current,\n      propsOfFields,\n      propsOfValues,\n    } as GenerateSchemaReturn\n  }, [fieldPropsRef, filterData, valuePropsRef])\n\n  if (hasContext) {\n    if (log) {\n      console.log(generate().schema)\n    }\n\n    if (generateRef) {\n      generateRef.current = generate\n    }\n  }\n\n  return children\n}\n"],"mappings":";;;;;AAAA,SAASA,WAAW,EAAEC,UAAU,EAAEC,MAAM,QAAQ,OAAO;AACvD,OAAOC,OAAO,MAAsB,cAAc;AAClD,OAAOC,WAAW,MAAsB,wBAAwB;AAiBhE,OAAO,MAAMC,YAAY,GAAG,CAC1B,WAAW,EACX,WAAW,EACX,SAAS,EACT,aAAa,EACb,KAAK,EACL,KAAK,EACL,YAAY,EACZ,kBAAkB,EAClB,kBAAkB,CACnB;AAED,eAAe,SAASC,cAAcA,CAACC,KAA0B,EAAE;EACjE,MAAM;IAAEC,WAAW;IAAEC,UAAU;IAAEC,GAAG;IAAEC;EAAS,CAAC,GAAGJ,KAAK,IAAI,CAAC,CAAC;EAC9D,MAAM;IAAEK,aAAa;IAAEC,aAAa;IAAEC,IAAI;IAAEC;EAAW,CAAC,GACtDd,UAAU,CAACG,WAAW,CAAC;EAEzB,MAAMY,OAAO,GAAGd,MAAM,CAAa,CAAC,CAAC,CAAC;EACtCc,OAAO,CAACC,OAAO,GAAGH,IAAI;EAEtB,MAAMI,QAAQ,GAAGlB,WAAW,CAAC,MAAM;IACjC,MAAMmB,MAAM,GAAGC,MAAM,CAACC,OAAO,CAAC,CAAAT,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEK,OAAO,KAAI,CAAC,CAAC,CAAC,CAACK,MAAM,CAChE,CAACC,GAAG,EAAE,CAACC,IAAI,EAAEjB,KAAK,CAAC,KAAK;MACtB,IAAIiB,IAAI,CAACC,UAAU,CAAC,GAAG,CAAC,EAAE;QACxB,MAAMC,SAAS,GAAGF,IAAI,CAACG,SAAS,CAAC,CAAC,CAAC;QAEnC,MAAMC,QAAQ,GAAGF,SAAS,CAACG,KAAK,CAAC,GAAG,CAAC;QACrC,MAAMC,UAAU,GAAGF,QAAQ,CAACG,MAAM;QAElC,MAAMC,IAAI,GAAGzB,KAAK,CAAC0B,SAAS,IAAI,QAAQ;QACxC,MAAMC,aAAa,GAAG;UACpBF;QACF,CAAC;QAED,KAAK,MAAMG,IAAI,IAAI9B,YAAY,EAAE;UAC/B,IAAIE,KAAK,CAAC4B,IAAI,CAAC,EAAE;YACfD,aAAa,CAACC,IAAI,CAAC,GAAG5B,KAAK,CAAC4B,IAAI,CAAC;UACnC;QACF;QAEA,IAAIL,UAAU,GAAG,CAAC,EAAE;UAClB,MAAMM,UAAU,GAAG,CAAC,EAAE,CAAC;UACvB,KAAK,MAAMZ,IAAI,IAAII,QAAQ,EAAE;YAC3BQ,UAAU,CAACC,IAAI,CAACb,IAAI,CAAC;YACrB,MAAMc,SAAS,GAAGF,UAAU,CAACG,IAAI,CAAC,cAAc,CAAC;YACjD,MAAMC,MAAM,GAAGJ,UAAU,CAACL,MAAM,GAAG,CAAC,KAAKH,QAAQ,CAACG,MAAM;YAExD,MAAMU,aAAa,GAAGtC,OAAO,CAACuC,GAAG,CAACnB,GAAG,EAAEe,SAAS,CAAC,GAC7CnC,OAAO,CAACwC,GAAG,CAACpB,GAAG,EAAEe,SAAS,CAAC,GAC3B,IAAI;YAER,MAAMM,SAAS,GAAGJ,MAAM,GAAGN,aAAa,GAAGO,aAAa;YAExD,IAAID,MAAM,EAAE;cACV,IAAI,CAAA/B,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAG6B,SAAS,CAAC,MAAK,KAAK,EAAE;gBACrCnC,OAAO,CAAC0C,GAAG,CAACtB,GAAG,EAAEe,SAAS,EAAEM,SAAS,CAAC;cACxC;YACF,CAAC,MAAM;cACL,MAAMA,SAAS,GAAAE,aAAA;gBACbd,IAAI,EAAE;cAAQ,GACXS,aAAa,CACjB;cAGD,MAAMM,QAAQ,GAAG,EAAE;cACnB,IAAIxC,KAAK,CAACwC,QAAQ,EAAE;gBAClBA,QAAQ,CAACV,IAAI,CAACT,QAAQ,CAACoB,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;cAChC;cACA,IAAIP,aAAa,aAAbA,aAAa,eAAbA,aAAa,CAAEM,QAAQ,EAAE;gBAC3BA,QAAQ,CAACV,IAAI,CAAC,GAAGI,aAAa,CAACM,QAAQ,CAAC;cAC1C;cACA,IAAIA,QAAQ,CAAChB,MAAM,GAAG,CAAC,EAAE;gBACvBa,SAAS,CAACG,QAAQ,GAAGA,QAAQ;cAC/B;cAEA,IAAI,CAAAtC,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAG6B,SAAS,CAAC,MAAK,KAAK,EAAE;gBACrCnC,OAAO,CAAC0C,GAAG,CAACtB,GAAG,EAAEe,SAAS,EAAEM,SAAS,CAAC;cACxC;YACF;UACF;QACF,CAAC,MAAM;UACL,IAAI,CAAAnC,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAGe,IAAI,CAAC,MAAK,KAAK,EAAE;YAChCrB,OAAO,CAAC0C,GAAG,CAACtB,GAAG,CAAC0B,UAAU,EAAEzB,IAAI,EAAEU,aAAa,CAAC;UAClD;UACA,IAAI3B,KAAK,CAACwC,QAAQ,EAAE;YAClBxB,GAAG,CAACwB,QAAQ,CAACV,IAAI,CAACX,SAAS,CAAC;UAC9B;QACF;MACF;MAEA,OAAOH,GAAG;IACZ,CAAC,EACD;MAAES,IAAI,EAAE,QAAQ;MAAEiB,UAAU,EAAE,CAAC,CAAC;MAAEF,QAAQ,EAAE;IAAG,CACjD,CAAC;IAED,MAAMG,aAAa,GAAG9B,MAAM,CAACC,OAAO,CAClC,CAAAT,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEK,OAAO,KAAI,CAAC,CAC7B,CAAC,CAACK,MAAM,CAAC,CAACC,GAAG,EAAE,CAACC,IAAI,EAAEjB,KAAK,CAAC,KAAK;MAC/B,IAAIiB,IAAI,CAACC,UAAU,CAAC,GAAG,CAAC,EAAE;QACxB,MAAMS,aAAa,GAAG,CAAC,CAAC;QAExB,KAAK,MAAMC,IAAI,IAAI5B,KAAK,EAAE;UACxB,IACEA,KAAK,CAAC4B,IAAI,CAAC,KAAKgB,SAAS,IACzB,OAAO5C,KAAK,CAAC4B,IAAI,CAAC,KAAK,UAAU,EACjC;YACAD,aAAa,CAACC,IAAI,CAAC,GAAG5B,KAAK,CAAC4B,IAAI,CAAC;UACnC;QACF;QAEAhC,OAAO,CAAC0C,GAAG,CAACtB,GAAG,EAAEC,IAAI,EAAEU,aAAa,CAAC;MACvC;MAEA,OAAOX,GAAG;IACZ,CAAC,EAAE,CAAC,CAAC,CAAC;IAEN,MAAM6B,aAAa,GAAGhC,MAAM,CAACC,OAAO,CAClC,CAAAR,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEI,OAAO,KAAI,CAAC,CAC7B,CAAC,CAACK,MAAM,CAAC,CAACC,GAAG,EAAE,CAACC,IAAI,EAAEjB,KAAK,CAAC,KAAK;MAC/B,IAAIiB,IAAI,CAACC,UAAU,CAAC,GAAG,CAAC,EAAE;QACxB,MAAMS,aAAa,GAAG,CAAC,CAAC;QAExB,KAAK,MAAMC,IAAI,IAAI5B,KAAK,EAAE;UACxB,IACEA,KAAK,CAAC4B,IAAI,CAAC,KAAKgB,SAAS,IACzB,OAAO5C,KAAK,CAAC4B,IAAI,CAAC,KAAK,UAAU,EACjC;YACAD,aAAa,CAACC,IAAI,CAAC,GAAG5B,KAAK,CAAC4B,IAAI,CAAC;UACnC;QACF;QAEAhC,OAAO,CAAC0C,GAAG,CAACtB,GAAG,EAAEC,IAAI,EAAEU,aAAa,CAAC;MACvC;MAEA,OAAOX,GAAG;IACZ,CAAC,EAAE,CAAC,CAAC,CAAC;IAEN,IAAIJ,MAAM,CAAC4B,QAAQ,CAAChB,MAAM,KAAK,CAAC,EAAE;MAChC,OAAOZ,MAAM,CAAC4B,QAAQ;IACxB;IAEA,OAAO;MACL5B,MAAM;MACNL,IAAI,EAAEE,OAAO,CAACC,OAAO;MACrBiC,aAAa;MACbE;IACF,CAAC;EACH,CAAC,EAAE,CAACxC,aAAa,EAAEH,UAAU,EAAEI,aAAa,CAAC,CAAC;EAE9C,IAAIE,UAAU,EAAE;IACd,IAAIL,GAAG,EAAE;MACP2C,OAAO,CAAC3C,GAAG,CAACQ,QAAQ,CAAC,CAAC,CAACC,MAAM,CAAC;IAChC;IAEA,IAAIX,WAAW,EAAE;MACfA,WAAW,CAACS,OAAO,GAAGC,QAAQ;IAChC;EACF;EAEA,OAAOP,QAAQ;AACjB"}
+{"version":3,"file":"GenerateSchema.js","names":["useCallback","useContext","useRef","pointer","DataContext","schemaParams","GenerateSchema","props","generateRef","filterData","log","children","fieldPropsRef","valuePropsRef","data","hasContext","dataRef","current","generate","schema","Object","entries","reduce","acc","path","startsWith","objectKey","substring","pathList","split","slashCount","length","type","valueType","propertyValue","prop","nestedPath","push","pathToSet","join","isLast","existingValue","has","get","pathValue","set","_objectSpread","required","at","properties","propsOfFields","undefined","propsOfValues","console"],"sources":["../../../../../src/extensions/forms/Tools/GenerateSchema.tsx"],"sourcesContent":["import { useCallback, useContext, useRef } from 'react'\nimport pointer, { JsonObject } from '../utils/json-pointer'\nimport DataContext, { FilterData } from '../DataContext/Context'\nimport { JSONSchema } from '../types'\n\nexport type GenerateSchemaReturn = {\n  schema: JSONSchema\n  data: JsonObject\n  propsOfFields: JsonObject\n  propsOfValues: JsonObject\n}\nexport type GenerateSchemaProps = {\n  log?: boolean\n  generateRef?: React.MutableRefObject<() => GenerateSchemaReturn>\n  filterData?: FilterData\n  children: React.ReactNode\n}\nexport type GenerateRef = GenerateSchemaProps['generateRef']['current']\n\nexport const schemaParams = [\n  'minLength',\n  'maxLength',\n  'pattern',\n  'description',\n  'min',\n  'max',\n  'multipleOf',\n  'exclusiveMinimum',\n  'exclusiveMaximum',\n]\n\nexport default function GenerateSchema(props: GenerateSchemaProps) {\n  const { generateRef, filterData, log, children } = props || {}\n  const { fieldPropsRef, valuePropsRef, data, hasContext } =\n    useContext(DataContext)\n\n  const dataRef = useRef<JsonObject>({})\n  dataRef.current = data\n\n  const generate = useCallback(() => {\n    const schema = Object.entries(fieldPropsRef?.current || {}).reduce(\n      (acc, [path, props]) => {\n        if (path.startsWith('/')) {\n          const objectKey = path.substring(1)\n\n          const pathList = objectKey.split('/')\n          const slashCount = pathList.length\n\n          const type = props.valueType || 'string'\n          const propertyValue = {\n            type,\n          }\n\n          for (const prop of schemaParams) {\n            if (props[prop]) {\n              propertyValue[prop] = props[prop]\n            }\n          }\n\n          if (slashCount > 1) {\n            const nestedPath = ['']\n            for (const path of pathList) {\n              nestedPath.push(path)\n              const pathToSet = nestedPath.join('/properties/')\n              const isLast = nestedPath.length - 1 === pathList.length\n\n              const existingValue = pointer.has(acc, pathToSet)\n                ? pointer.get(acc, pathToSet)\n                : null\n\n              const pathValue = isLast ? propertyValue : existingValue\n\n              if (isLast) {\n                if (filterData?.[pathToSet] !== false) {\n                  pointer.set(acc, pathToSet, pathValue)\n                }\n              } else {\n                const pathValue = {\n                  type: 'object',\n                  ...existingValue,\n                }\n\n                // - Add required\n                const required = []\n                if (props.required) {\n                  required.push(pathList.at(-1))\n                }\n                if (existingValue?.required) {\n                  required.push(...existingValue.required)\n                }\n                if (required.length > 0) {\n                  pathValue.required = required\n                }\n\n                if (filterData?.[pathToSet] !== false) {\n                  pointer.set(acc, pathToSet, pathValue)\n                }\n              }\n            }\n          } else {\n            if (filterData?.[path] !== false) {\n              pointer.set(acc.properties, path, propertyValue)\n            }\n            if (props.required) {\n              acc.required.push(objectKey)\n            }\n          }\n        }\n\n        return acc\n      },\n      { type: 'object', properties: {}, required: [] }\n    )\n\n    const propsOfFields = Object.entries(\n      fieldPropsRef?.current || {}\n    ).reduce((acc, [path, props]) => {\n      if (path.startsWith('/')) {\n        const propertyValue = {}\n\n        for (const prop in props) {\n          if (\n            props[prop] !== undefined &&\n            typeof props[prop] !== 'function'\n          ) {\n            propertyValue[prop] = props[prop]\n          }\n        }\n\n        pointer.set(acc, path, propertyValue)\n      }\n\n      return acc\n    }, {})\n\n    const propsOfValues = Object.entries(\n      valuePropsRef?.current || {}\n    ).reduce((acc, [path, props]) => {\n      if (path.startsWith('/')) {\n        const propertyValue = {}\n\n        for (const prop in props) {\n          if (\n            props[prop] !== undefined &&\n            typeof props[prop] !== 'function'\n          ) {\n            propertyValue[prop] = props[prop]\n          }\n        }\n\n        pointer.set(acc, path, propertyValue)\n      }\n\n      return acc\n    }, {})\n\n    if (schema.required.length === 0) {\n      delete schema.required\n    }\n\n    return {\n      schema,\n      data: dataRef.current,\n      propsOfFields,\n      propsOfValues,\n    } as GenerateSchemaReturn\n  }, [fieldPropsRef, filterData, valuePropsRef])\n\n  if (hasContext) {\n    if (log) {\n      console.log(generate().schema)\n    }\n\n    if (generateRef) {\n      generateRef.current = generate\n    }\n  }\n\n  return children\n}\n"],"mappings":"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"}

package/es/extensions/forms/Tools/ListAllProps.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { JsonObject } from 'json-pointer';
+import { JsonObject } from '../utils/json-pointer';
 import { FilterData } from '../DataContext/Context';
 export type ListAllPropsReturn = {
     propsOfFields: JsonObject;

package/es/extensions/forms/Tools/ListAllProps.js

@@ -1,7 +1,7 @@
 "use client";
 
 import { isValidElement, useCallback, useContext, useRef } from 'react';
-import pointer from 'json-pointer';
+import pointer from '../utils/json-pointer';
 import DataContext from '../DataContext/Context';
 export default function ListAllProps(props) {
   const {

package/es/extensions/forms/Tools/ListAllProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListAllProps.js","names":["isValidElement","useCallback","useContext","useRef","pointer","DataContext","ListAllProps","props","log","generateRef","filterData","children","fieldPropsRef","valuePropsRef","data","hasContext","dataRef","current","generate","propsOfFields","Object","entries","reduce","acc","path","startsWith","propertyValue","prop","undefined","set","propsOfValues","console"],"sources":["../../../../../src/extensions/forms/Tools/ListAllProps.tsx"],"sourcesContent":["import { isValidElement, useCallback, useContext, useRef } from 'react'\nimport pointer, { JsonObject } from 'json-pointer'\nimport DataContext, { FilterData } from '../DataContext/Context'\n\nexport type ListAllPropsReturn = {\n  propsOfFields: JsonObject\n  propsOfValues: JsonObject\n}\nexport type ListAllPropsProps = {\n  log?: boolean\n  generateRef?: React.MutableRefObject<() => ListAllPropsReturn>\n  filterData?: FilterData\n  children: React.ReactNode\n}\nexport type GenerateRef = ListAllPropsProps['generateRef']['current']\n\nexport default function ListAllProps(props: ListAllPropsProps) {\n  const { log, generateRef, filterData, children } = props || {}\n  const { fieldPropsRef, valuePropsRef, data, hasContext } =\n    useContext(DataContext)\n\n  const dataRef = useRef<JsonObject>({})\n  dataRef.current = data\n\n  const generate = useCallback(() => {\n    const propsOfFields = Object.entries(\n      fieldPropsRef?.current || {}\n    ).reduce((acc, [path, props]) => {\n      if (path.startsWith('/')) {\n        const propertyValue = {}\n\n        for (const prop in props) {\n          if (\n            props[prop] !== undefined &&\n            typeof props[prop] !== 'function' &&\n            !isValidElement(props[prop])\n          ) {\n            propertyValue[prop] = props[prop]\n          }\n        }\n\n        if (filterData?.[path] !== false) {\n          pointer.set(acc, path, propertyValue)\n        }\n      }\n\n      return acc\n    }, {})\n\n    const propsOfValues = Object.entries(\n      valuePropsRef?.current || {}\n    ).reduce((acc, [path, props]) => {\n      if (path.startsWith('/')) {\n        const propertyValue = {}\n\n        for (const prop in props) {\n          if (\n            props[prop] !== undefined &&\n            typeof props[prop] !== 'function' &&\n            !isValidElement(props[prop])\n          ) {\n            propertyValue[prop] = props[prop]\n          }\n        }\n\n        if (filterData?.[path] !== false) {\n          pointer.set(acc, path, propertyValue)\n        }\n      }\n\n      return acc\n    }, {})\n\n    return { propsOfFields, propsOfValues } as ListAllPropsReturn\n  }, [fieldPropsRef, filterData, valuePropsRef])\n\n  if (hasContext) {\n    if (log) {\n      console.log(generate())\n    }\n\n    if (generateRef) {\n      generateRef.current = generate\n    }\n  }\n\n  return children\n}\n"],"mappings":"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"}
+{"version":3,"file":"ListAllProps.js","names":["isValidElement","useCallback","useContext","useRef","pointer","DataContext","ListAllProps","props","log","generateRef","filterData","children","fieldPropsRef","valuePropsRef","data","hasContext","dataRef","current","generate","propsOfFields","Object","entries","reduce","acc","path","startsWith","propertyValue","prop","undefined","set","propsOfValues","console"],"sources":["../../../../../src/extensions/forms/Tools/ListAllProps.tsx"],"sourcesContent":["import { isValidElement, useCallback, useContext, useRef } from 'react'\nimport pointer, { JsonObject } from '../utils/json-pointer'\nimport DataContext, { FilterData } from '../DataContext/Context'\n\nexport type ListAllPropsReturn = {\n  propsOfFields: JsonObject\n  propsOfValues: JsonObject\n}\nexport type ListAllPropsProps = {\n  log?: boolean\n  generateRef?: React.MutableRefObject<() => ListAllPropsReturn>\n  filterData?: FilterData\n  children: React.ReactNode\n}\nexport type GenerateRef = ListAllPropsProps['generateRef']['current']\n\nexport default function ListAllProps(props: ListAllPropsProps) {\n  const { log, generateRef, filterData, children } = props || {}\n  const { fieldPropsRef, valuePropsRef, data, hasContext } =\n    useContext(DataContext)\n\n  const dataRef = useRef<JsonObject>({})\n  dataRef.current = data\n\n  const generate = useCallback(() => {\n    const propsOfFields = Object.entries(\n      fieldPropsRef?.current || {}\n    ).reduce((acc, [path, props]) => {\n      if (path.startsWith('/')) {\n        const propertyValue = {}\n\n        for (const prop in props) {\n          if (\n            props[prop] !== undefined &&\n            typeof props[prop] !== 'function' &&\n            !isValidElement(props[prop])\n          ) {\n            propertyValue[prop] = props[prop]\n          }\n        }\n\n        if (filterData?.[path] !== false) {\n          pointer.set(acc, path, propertyValue)\n        }\n      }\n\n      return acc\n    }, {})\n\n    const propsOfValues = Object.entries(\n      valuePropsRef?.current || {}\n    ).reduce((acc, [path, props]) => {\n      if (path.startsWith('/')) {\n        const propertyValue = {}\n\n        for (const prop in props) {\n          if (\n            props[prop] !== undefined &&\n            typeof props[prop] !== 'function' &&\n            !isValidElement(props[prop])\n          ) {\n            propertyValue[prop] = props[prop]\n          }\n        }\n\n        if (filterData?.[path] !== false) {\n          pointer.set(acc, path, propertyValue)\n        }\n      }\n\n      return acc\n    }, {})\n\n    return { propsOfFields, propsOfValues } as ListAllPropsReturn\n  }, [fieldPropsRef, filterData, valuePropsRef])\n\n  if (hasContext) {\n    if (log) {\n      console.log(generate())\n    }\n\n    if (generateRef) {\n      generateRef.current = generate\n    }\n  }\n\n  return children\n}\n"],"mappings":"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"}

package/es/extensions/forms/Tools/Log.js

@@ -15,7 +15,7 @@ function Log(props) {
       maxWidth: '80vw'
     },
     innerSpace: true
-  }, props), React.createElement("pre", null, JSON.stringify(data), ' '));
+  }, props), React.createElement("pre", null, JSON.stringify(data, null, 2), ' '));
 }
 Log._supportsSpacingProps = true;
 export default Log;

package/es/extensions/forms/Tools/Log.js.map

@@ -1 +1 @@
-{"version":3,"file":"Log.js","names":["useContext","DataContext","Section","Log","props","data","React","createElement","_extends","element","backgroundColor","style","maxWidth","innerSpace","JSON","stringify","_supportsSpacingProps"],"sources":["../../../../../src/extensions/forms/Tools/Log.tsx"],"sourcesContent":["import { useContext } from 'react'\nimport DataContext from '../DataContext/Context'\nimport Section, { SectionProps } from '../../../components/Section'\n\nfunction Log(props: SectionProps) {\n  const { data } = useContext(DataContext)\n\n  return (\n    <Section\n      element=\"output\"\n      backgroundColor=\"sand-yellow\"\n      style={{ maxWidth: '80vw' }}\n      innerSpace\n      {...props}\n    >\n      <pre>\n        {JSON.stringify(data)}\n        {' ' /* Ensure one line of spacing */}\n      </pre>\n    </Section>\n  )\n}\n\nLog._supportsSpacingProps = true\nexport default Log\n"],"mappings":";;;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,OAAOC,WAAW,MAAM,wBAAwB;AAChD,OAAOC,OAAO,MAAwB,6BAA6B;AAEnE,SAASC,GAAGA,CAACC,KAAmB,EAAE;EAChC,MAAM;IAAEC;EAAK,CAAC,GAAGL,UAAU,CAACC,WAAW,CAAC;EAExC,OACEK,KAAA,CAAAC,aAAA,CAACL,OAAO,EAAAM,QAAA;IACNC,OAAO,EAAC,QAAQ;IAChBC,eAAe,EAAC,aAAa;IAC7BC,KAAK,EAAE;MAAEC,QAAQ,EAAE;IAAO,CAAE;IAC5BC,UAAU;EAAA,GACNT,KAAK,GAETE,KAAA,CAAAC,aAAA,cACGO,IAAI,CAACC,SAAS,CAACV,IAAI,CAAC,EACpB,GACE,CACE,CAAC;AAEd;AAEAF,GAAG,CAACa,qBAAqB,GAAG,IAAI;AAChC,eAAeb,GAAG"}
+{"version":3,"file":"Log.js","names":["useContext","DataContext","Section","Log","props","data","React","createElement","_extends","element","backgroundColor","style","maxWidth","innerSpace","JSON","stringify","_supportsSpacingProps"],"sources":["../../../../../src/extensions/forms/Tools/Log.tsx"],"sourcesContent":["import { useContext } from 'react'\nimport DataContext from '../DataContext/Context'\nimport Section, { SectionProps } from '../../../components/Section'\n\nfunction Log(props: SectionProps) {\n  const { data } = useContext(DataContext)\n\n  return (\n    <Section\n      element=\"output\"\n      backgroundColor=\"sand-yellow\"\n      style={{ maxWidth: '80vw' }}\n      innerSpace\n      {...props}\n    >\n      <pre>\n        {JSON.stringify(data, null, 2)}\n        {' ' /* Ensure one line of spacing */}\n      </pre>\n    </Section>\n  )\n}\n\nLog._supportsSpacingProps = true\nexport default Log\n"],"mappings":";;;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,OAAOC,WAAW,MAAM,wBAAwB;AAChD,OAAOC,OAAO,MAAwB,6BAA6B;AAEnE,SAASC,GAAGA,CAACC,KAAmB,EAAE;EAChC,MAAM;IAAEC;EAAK,CAAC,GAAGL,UAAU,CAACC,WAAW,CAAC;EAExC,OACEK,KAAA,CAAAC,aAAA,CAACL,OAAO,EAAAM,QAAA;IACNC,OAAO,EAAC,QAAQ;IAChBC,eAAe,EAAC,aAAa;IAC7BC,KAAK,EAAE;MAAEC,QAAQ,EAAE;IAAO,CAAE;IAC5BC,UAAU;EAAA,GACNT,KAAK,GAETE,KAAA,CAAAC,aAAA,cACGO,IAAI,CAACC,SAAS,CAACV,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,EAC7B,GACE,CACE,CAAC;AAEd;AAEAF,GAAG,CAACa,qBAAqB,GAAG,IAAI;AAChC,eAAeb,GAAG"}

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

@@ -6,6 +6,18 @@ export type Props = ValueProps<Array<number | string>> & {
      * See https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/ListFormat/ListFormat
      */
     format?: Intl.ListFormatOptions;
+    /**
+     * Defines if the value should be displayed in list format or regular text format on one line.
+     * Default: `text`
+     */
+    variant?: 'ol' | 'ul' | 'text';
+    /**
+     * Defines the type of list styling used for list variants. Used on conjunction with variant `ol` and `ul`.
+     * Variant `ol`: `a`, `A`, `i`, `I` and `1`.
+     * Variant `ul`: `circle`, `disc` and `square`.
+     * Default: `undefined`
+     */
+    listType?: 'a' | 'A' | 'i' | 'I' | '1' | 'circle' | 'disc' | 'square' | undefined;
 };
 declare function ArraySelection(props: Props): import("react/jsx-runtime").JSX.Element;
 declare namespace ArraySelection {

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

@@ -2,7 +2,7 @@
 
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["path", "value", "format", "className"];
+const _excluded = ["path", "value", "format", "className", "variant", "listType"];
 import React, { useContext, useMemo } from 'react';
 import classnames from 'classnames';
 import { useValueProps } from '../../hooks';
@@ -11,6 +11,7 @@ import { LOCALE } from '../../../../shared/defaults';
 import { convertJsxToString } from '../../../../shared/component-helper';
 import SharedContext from '../../../../shared/Context';
 import Context from '../../DataContext/Context';
+import { Li, Ol, Ul } from '../../../../elements';
 function ArraySelection(props) {
   const {
     locale
@@ -23,25 +24,41 @@ function ArraySelection(props) {
       path,
       value,
       format,
-      className
+      className,
+      variant = 'text',
+      listType
     } = _useValueProps,
     rest = _objectWithoutProperties(_useValueProps, _excluded);
   const list = useMemo(() => {
+    const isListVariant = variant !== 'text';
     if (path) {
       var _fieldPropsRef$curren, _data$map;
       const data = fieldPropsRef === null || fieldPropsRef === void 0 ? void 0 : (_fieldPropsRef$curren = fieldPropsRef.current) === null || _fieldPropsRef$curren === void 0 ? void 0 : _fieldPropsRef$curren[path + '/arraySelectionData'];
       return (data === null || data === void 0 ? void 0 : (_data$map = data.map) === null || _data$map === void 0 ? void 0 : _data$map.call(data, ({
         title
-      }) => convertJsxToString(title))) || value;
+      }, index) => isListVariant ? React.createElement(Li, {
+        key: index
+      }, convertJsxToString(title)) : convertJsxToString(title))) || value;
     }
-    return value;
-  }, [fieldPropsRef, path, value]);
+    return isListVariant ? value.map((value, index) => React.createElement(Li, {
+      key: index
+    }, convertJsxToString(value))) : value;
+  }, [fieldPropsRef, path, value, variant]);
+  const listValue = useMemo(() => {
+    if (variant === 'text') {
+      return listFormat(list, {
+        locale,
+        format
+      });
+    }
+    const ListElement = variant.startsWith('ol') ? Ol : Ul;
+    return React.createElement(ListElement, {
+      type: listType
+    }, list);
+  }, [format, list, locale, variant, listType]);
   return React.createElement(ValueBlock, _extends({
     className: classnames('dnb-forms-value-array-selection', className)
-  }, rest), listFormat(list, {
-    locale,
-    format
-  }));
+  }, rest), listValue);
 }
 export function listFormat(value, {
   locale = LOCALE,

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

@@ -1 +1 @@
-{"version":3,"file":"ArraySelection.js","names":["React","useContext","useMemo","classnames","useValueProps","ValueBlock","LOCALE","convertJsxToString","SharedContext","Context","ArraySelection","props","locale","fieldPropsRef","_useValueProps","path","value","format","className","rest","_objectWithoutProperties","_excluded","list","_fieldPropsRef$curren","_data$map","data","current","map","call","title","createElement","_extends","listFormat","style","type","separator","Array","isArray","formatter","Intl","ListFormat","v","String","error","join","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/ArraySelection/ArraySelection.tsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react'\nimport classnames from 'classnames'\nimport { useValueProps } from '../../hooks'\nimport { ValueProps } from '../../types'\nimport ValueBlock from '../../ValueBlock'\nimport { LOCALE } from '../../../../shared/defaults'\nimport { convertJsxToString } from '../../../../shared/component-helper'\nimport SharedContext, { InternalLocale } from '../../../../shared/Context'\nimport Context from '../../DataContext/Context'\n\nexport type Props = ValueProps<Array<number | string>> & {\n  /**\n   * Formatting options for the value.\n   * See https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/ListFormat/ListFormat\n   */\n  format?: Intl.ListFormatOptions\n}\n\nfunction ArraySelection(props: Props) {\n  const { locale } = useContext(SharedContext)\n  const { fieldPropsRef } = useContext(Context) || {}\n  const { path, value, format, className, ...rest } = useValueProps(props)\n\n  const list = useMemo(() => {\n    if (path) {\n      const data = fieldPropsRef?.current?.[\n        path + '/arraySelectionData'\n      ] as Array<{\n        value: string\n        title: string | React.ReactNode\n      }>\n      return data?.map?.(({ title }) => convertJsxToString(title)) || value\n    }\n\n    return value\n  }, [fieldPropsRef, path, value])\n\n  return (\n    <ValueBlock\n      className={classnames('dnb-forms-value-array-selection', className)}\n      {...rest}\n    >\n      {listFormat(list, { locale, format })}\n    </ValueBlock>\n  )\n}\n\nexport function listFormat(\n  value: Array<number | string>,\n  {\n    locale = LOCALE,\n    format = {\n      style: 'long',\n      type: 'conjunction',\n    },\n    separator = ', ',\n  }: {\n    locale?: InternalLocale\n    format?: Intl.ListFormatOptions\n    separator?: string\n  }\n) {\n  if (!Array.isArray(value)) {\n    return value\n  }\n  try {\n    const formatter = new Intl.ListFormat(locale, format)\n    return formatter.format(value.map((v) => String(v)))\n  } catch (error) {\n    return value.join(separator)\n  }\n}\n\nArraySelection._supportsSpacingProps = true\nexport default ArraySelection\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClD,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,aAAa,QAAQ,aAAa;AAE3C,OAAOC,UAAU,MAAM,kBAAkB;AACzC,SAASC,MAAM,QAAQ,6BAA6B;AACpD,SAASC,kBAAkB,QAAQ,qCAAqC;AACxE,OAAOC,aAAa,MAA0B,4BAA4B;AAC1E,OAAOC,OAAO,MAAM,2BAA2B;AAU/C,SAASC,cAAcA,CAACC,KAAY,EAAE;EACpC,MAAM;IAAEC;EAAO,CAAC,GAAGX,UAAU,CAACO,aAAa,CAAC;EAC5C,MAAM;IAAEK;EAAc,CAAC,GAAGZ,UAAU,CAACQ,OAAO,CAAC,IAAI,CAAC,CAAC;EACnD,MAAAK,cAAA,GAAoDV,aAAa,CAACO,KAAK,CAAC;IAAlE;MAAEI,IAAI;MAAEC,KAAK;MAAEC,MAAM;MAAEC;IAAmB,CAAC,GAAAJ,cAAA;IAANK,IAAI,GAAAC,wBAAA,CAAAN,cAAA,EAAAO,SAAA;EAE/C,MAAMC,IAAI,GAAGpB,OAAO,CAAC,MAAM;IACzB,IAAIa,IAAI,EAAE;MAAA,IAAAQ,qBAAA,EAAAC,SAAA;MACR,MAAMC,IAAI,GAAGZ,aAAa,aAAbA,aAAa,wBAAAU,qBAAA,GAAbV,aAAa,CAAEa,OAAO,cAAAH,qBAAA,uBAAtBA,qBAAA,CACXR,IAAI,GAAG,qBAAqB,CAI5B;MACF,OAAO,CAAAU,IAAI,aAAJA,IAAI,wBAAAD,SAAA,GAAJC,IAAI,CAAEE,GAAG,cAAAH,SAAA,uBAATA,SAAA,CAAAI,IAAA,CAAAH,IAAI,EAAQ,CAAC;QAAEI;MAAM,CAAC,KAAKtB,kBAAkB,CAACsB,KAAK,CAAC,CAAC,KAAIb,KAAK;IACvE;IAEA,OAAOA,KAAK;EACd,CAAC,EAAE,CAACH,aAAa,EAAEE,IAAI,EAAEC,KAAK,CAAC,CAAC;EAEhC,OACEhB,KAAA,CAAA8B,aAAA,CAACzB,UAAU,EAAA0B,QAAA;IACTb,SAAS,EAAEf,UAAU,CAAC,iCAAiC,EAAEe,SAAS;EAAE,GAChEC,IAAI,GAEPa,UAAU,CAACV,IAAI,EAAE;IAAEV,MAAM;IAAEK;EAAO,CAAC,CAC1B,CAAC;AAEjB;AAEA,OAAO,SAASe,UAAUA,CACxBhB,KAA6B,EAC7B;EACEJ,MAAM,GAAGN,MAAM;EACfW,MAAM,GAAG;IACPgB,KAAK,EAAE,MAAM;IACbC,IAAI,EAAE;EACR,CAAC;EACDC,SAAS,GAAG;AAKd,CAAC,EACD;EACA,IAAI,CAACC,KAAK,CAACC,OAAO,CAACrB,KAAK,CAAC,EAAE;IACzB,OAAOA,KAAK;EACd;EACA,IAAI;IACF,MAAMsB,SAAS,GAAG,IAAIC,IAAI,CAACC,UAAU,CAAC5B,MAAM,EAAEK,MAAM,CAAC;IACrD,OAAOqB,SAAS,CAACrB,MAAM,CAACD,KAAK,CAACW,GAAG,CAAEc,CAAC,IAAKC,MAAM,CAACD,CAAC,CAAC,CAAC,CAAC;EACtD,CAAC,CAAC,OAAOE,KAAK,EAAE;IACd,OAAO3B,KAAK,CAAC4B,IAAI,CAACT,SAAS,CAAC;EAC9B;AACF;AAEAzB,cAAc,CAACmC,qBAAqB,GAAG,IAAI;AAC3C,eAAenC,cAAc"}
+{"version":3,"file":"ArraySelection.js","names":["React","useContext","useMemo","classnames","useValueProps","ValueBlock","LOCALE","convertJsxToString","SharedContext","Context","Li","Ol","Ul","ArraySelection","props","locale","fieldPropsRef","_useValueProps","path","value","format","className","variant","listType","rest","_objectWithoutProperties","_excluded","list","isListVariant","_fieldPropsRef$curren","_data$map","data","current","map","call","title","index","createElement","key","listValue","listFormat","ListElement","startsWith","type","_extends","style","separator","Array","isArray","formatter","Intl","ListFormat","v","String","error","join","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/ArraySelection/ArraySelection.tsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react'\nimport classnames from 'classnames'\nimport { useValueProps } from '../../hooks'\nimport { ValueProps } from '../../types'\nimport ValueBlock from '../../ValueBlock'\nimport { LOCALE } from '../../../../shared/defaults'\nimport { convertJsxToString } from '../../../../shared/component-helper'\nimport SharedContext, { InternalLocale } from '../../../../shared/Context'\nimport Context from '../../DataContext/Context'\nimport { Li, Ol, Ul } from '../../../../elements'\n\nexport type Props = ValueProps<Array<number | string>> & {\n  /**\n   * Formatting options for the value.\n   * See https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/ListFormat/ListFormat\n   */\n  format?: Intl.ListFormatOptions\n  /**\n   * Defines if the value should be displayed in list format or regular text format on one line.\n   * Default: `text`\n   */\n  variant?: 'ol' | 'ul' | 'text'\n  /**\n   * Defines the type of list styling used for list variants. Used on conjunction with variant `ol` and `ul`.\n   * Variant `ol`: `a`, `A`, `i`, `I` and `1`.\n   * Variant `ul`: `circle`, `disc` and `square`.\n   * Default: `undefined`\n   */\n  listType?:\n    | 'a'\n    | 'A'\n    | 'i'\n    | 'I'\n    | '1'\n    | 'circle'\n    | 'disc'\n    | 'square'\n    | undefined\n}\n\nfunction ArraySelection(props: Props) {\n  const { locale } = useContext(SharedContext)\n  const { fieldPropsRef } = useContext(Context) || {}\n  const {\n    path,\n    value,\n    format,\n    className,\n    variant = 'text',\n    listType,\n    ...rest\n  } = useValueProps(props)\n\n  const list = useMemo(() => {\n    const isListVariant = variant !== 'text'\n\n    if (path) {\n      const data = fieldPropsRef?.current?.[\n        path + '/arraySelectionData'\n      ] as Array<{\n        value: string\n        title: string | React.ReactNode\n      }>\n\n      return (\n        data?.map?.(({ title }, index) =>\n          isListVariant ? (\n            <Li key={index}>{convertJsxToString(title)}</Li>\n          ) : (\n            convertJsxToString(title)\n          )\n        ) || value\n      )\n    }\n\n    return isListVariant\n      ? value.map((value, index) => (\n          <Li key={index}>{convertJsxToString(value)}</Li>\n        ))\n      : value\n  }, [fieldPropsRef, path, value, variant])\n\n  const listValue = useMemo(() => {\n    if (variant === 'text') {\n      return listFormat(list, { locale, format })\n    }\n\n    const ListElement = variant.startsWith('ol') ? Ol : Ul\n\n    return <ListElement type={listType}>{list}</ListElement>\n  }, [format, list, locale, variant, listType])\n\n  return (\n    <ValueBlock\n      className={classnames('dnb-forms-value-array-selection', className)}\n      {...rest}\n    >\n      {listValue}\n    </ValueBlock>\n  )\n}\n\nexport function listFormat(\n  value: Array<number | string>,\n  {\n    locale = LOCALE,\n    format = {\n      style: 'long',\n      type: 'conjunction',\n    },\n    separator = ', ',\n  }: {\n    locale?: InternalLocale\n    format?: Intl.ListFormatOptions\n    separator?: string\n  }\n) {\n  if (!Array.isArray(value)) {\n    return value\n  }\n  try {\n    const formatter = new Intl.ListFormat(locale, format)\n    return formatter.format(value.map((v) => String(v)))\n  } catch (error) {\n    return value.join(separator)\n  }\n}\n\nArraySelection._supportsSpacingProps = true\nexport default ArraySelection\n"],"mappings":"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"}

package/es/extensions/forms/Value/ArraySelection/ArraySelectionDocs.js

@@ -3,6 +3,16 @@ export const ArraySelectionProperties = {
     doc: 'Formatting options for the value. See the [Intl.ListFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/ListFormat/ListFormat) documentation.',
     type: 'Intl.ListFormatOptions',
     status: 'optional'
+  },
+  variant: {
+    doc: 'Defines if the value should be displayed in list format, or regular text format on one line. Defaults to `text`',
+    type: ['ol', 'ul', 'text'],
+    status: 'optional'
+  },
+  listType: {
+    doc: 'Defines the type of list styling used for list variants. Used on conjunction with variant `ol` and `ul`. Variant `ol`: `a`, `A`, `i`, `I` and `1`. Variant `ul`: `circle`, `disc` and `square`. Defaults to `undefined`',
+    type: ['a', 'A', 'i', 'I', '1', 'circle', 'disc', 'square', 'undefined'],
+    status: 'optional'
   }
 };
 //# sourceMappingURL=ArraySelectionDocs.js.map

package/es/extensions/forms/Value/ArraySelection/ArraySelectionDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArraySelectionDocs.js","names":["ArraySelectionProperties","format","doc","type","status"],"sources":["../../../../../../src/extensions/forms/Value/ArraySelection/ArraySelectionDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const ArraySelectionProperties: PropertiesTableProps = {\n  format: {\n    doc: 'Formatting options for the value. See the [Intl.ListFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/ListFormat/ListFormat) documentation.',\n    type: 'Intl.ListFormatOptions',\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,wBAA8C,GAAG;EAC5DC,MAAM,EAAE;IACNC,GAAG,EAAE,yLAAyL;IAC9LC,IAAI,EAAE,wBAAwB;IAC9BC,MAAM,EAAE;EACV;AACF,CAAC"}
+{"version":3,"file":"ArraySelectionDocs.js","names":["ArraySelectionProperties","format","doc","type","status","variant","listType"],"sources":["../../../../../../src/extensions/forms/Value/ArraySelection/ArraySelectionDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const ArraySelectionProperties: PropertiesTableProps = {\n  format: {\n    doc: 'Formatting options for the value. See the [Intl.ListFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/ListFormat/ListFormat) documentation.',\n    type: 'Intl.ListFormatOptions',\n    status: 'optional',\n  },\n  variant: {\n    doc: 'Defines if the value should be displayed in list format, or regular text format on one line. Defaults to `text`',\n    type: ['ol', 'ul', 'text'],\n    status: 'optional',\n  },\n  listType: {\n    doc: 'Defines the type of list styling used for list variants. Used on conjunction with variant `ol` and `ul`. Variant `ol`: `a`, `A`, `i`, `I` and `1`. Variant `ul`: `circle`, `disc` and `square`. Defaults to `undefined`',\n    type: [\n      'a',\n      'A',\n      'i',\n      'I',\n      '1',\n      'circle',\n      'disc',\n      'square',\n      'undefined',\n    ],\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,wBAA8C,GAAG;EAC5DC,MAAM,EAAE;IACNC,GAAG,EAAE,yLAAyL;IAC9LC,IAAI,EAAE,wBAAwB;IAC9BC,MAAM,EAAE;EACV,CAAC;EACDC,OAAO,EAAE;IACPH,GAAG,EAAE,iHAAiH;IACtHC,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC;IAC1BC,MAAM,EAAE;EACV,CAAC;EACDE,QAAQ,EAAE;IACRJ,GAAG,EAAE,yNAAyN;IAC9NC,IAAI,EAAE,CACJ,GAAG,EACH,GAAG,EACH,GAAG,EACH,GAAG,EACH,GAAG,EACH,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,WAAW,CACZ;IACDC,MAAM,EAAE;EACV;AACF,CAAC"}

package/es/extensions/forms/Value/Currency/CurrencyDocs.d.ts

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

package/es/extensions/forms/Value/Currency/CurrencyDocs.js

@@ -0,0 +1,19 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import { NumberProperties } from '../Number/NumberDocs';
+export const CurrencyValueProperties = _objectSpread(_objectSpread({
+  value: NumberProperties.value,
+  currency: NumberProperties.currency,
+  currencyDisplay: NumberProperties.currencyDisplay,
+  currencyPosition: NumberProperties.currencyPosition
+}, NumberProperties), {}, {
+  ban: undefined,
+  nin: undefined,
+  org: undefined,
+  percent: undefined,
+  phone: undefined,
+  link: undefined,
+  omitRounding: undefined
+});
+//# sourceMappingURL=CurrencyDocs.js.map

package/es/extensions/forms/Value/Currency/CurrencyDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CurrencyDocs.js","names":["NumberProperties","CurrencyValueProperties","_objectSpread","value","currency","currencyDisplay","currencyPosition","ban","undefined","nin","org","percent","phone","link","omitRounding"],"sources":["../../../../../../src/extensions/forms/Value/Currency/CurrencyDocs.tsx"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\nimport { NumberProperties } from '../Number/NumberDocs'\n\nexport const CurrencyValueProperties: PropertiesTableProps = {\n  value: NumberProperties.value,\n  currency: NumberProperties.currency,\n  currencyDisplay: NumberProperties.currencyDisplay,\n  currencyPosition: NumberProperties.currencyPosition,\n  ...NumberProperties,\n  ban: undefined,\n  nin: undefined,\n  org: undefined,\n  percent: undefined,\n  phone: undefined,\n  link: undefined,\n  omitRounding: undefined,\n}\n"],"mappings":";;;AACA,SAASA,gBAAgB,QAAQ,sBAAsB;AAEvD,OAAO,MAAMC,uBAA6C,GAAAC,aAAA,CAAAA,aAAA;EACxDC,KAAK,EAAEH,gBAAgB,CAACG,KAAK;EAC7BC,QAAQ,EAAEJ,gBAAgB,CAACI,QAAQ;EACnCC,eAAe,EAAEL,gBAAgB,CAACK,eAAe;EACjDC,gBAAgB,EAAEN,gBAAgB,CAACM;AAAgB,GAChDN,gBAAgB;EACnBO,GAAG,EAAEC,SAAS;EACdC,GAAG,EAAED,SAAS;EACdE,GAAG,EAAEF,SAAS;EACdG,OAAO,EAAEH,SAAS;EAClBI,KAAK,EAAEJ,SAAS;EAChBK,IAAI,EAAEL,SAAS;EACfM,YAAY,EAAEN;AAAS,EACxB"}

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

@@ -19,24 +19,19 @@ function DateComponent(props) {
     if (!value) {
       return undefined;
     }
-    const getOptions = variant => {
-      if (variant === 'numeric') {
-        return {
-          day: '2-digit',
-          month: '2-digit',
-          year: 'numeric'
-        };
+    const isRange = /^(\d{4}-\d{2}-\d{2}|null|undefined)\|(\d{4}-\d{2}-\d{2}|null|undefined)$/.test(value);
+    const options = getOptions(variant);
+    if (isRange) {
+      const [startValue, endValue] = value.split('|');
+      const startDate = new Date(startValue);
+      const endDate = new Date(endValue);
+      if (isNaN(startDate.valueOf()) || isNaN(endDate.valueOf())) {
+        return undefined;
       }
-      return {
-        day: 'numeric',
-        month: variant,
-        year: 'numeric'
-      };
-    };
+      return typeof Intl !== 'undefined' ? new Intl.DateTimeFormat(locale, options).formatRange(startDate, endDate) : `${startDate.toLocaleString(locale, options)}|${endDate.toLocaleString(locale, options)}`;
+    }
     const date = new Date(value);
-    const options = getOptions(variant);
-    const formattedDate = typeof Intl !== 'undefined' ? new Intl.DateTimeFormat(locale, options).format(date) : date.toLocaleString(locale, options);
-    return formattedDate;
+    return typeof Intl !== 'undefined' ? new Intl.DateTimeFormat(locale, options).format(date) : date.toLocaleString(locale, options);
   }, [locale, variant]);
   const stringProps = _objectSpread(_objectSpread({}, props), {}, {
     label: (_props$label = props.label) !== null && _props$label !== void 0 ? _props$label : translations.label,
@@ -44,6 +39,20 @@ function DateComponent(props) {
   });
   return React.createElement(StringValue, stringProps);
 }
+function getOptions(variant) {
+  if (variant === 'numeric') {
+    return {
+      day: '2-digit',
+      month: '2-digit',
+      year: 'numeric'
+    };
+  }
+  return {
+    day: 'numeric',
+    month: variant,
+    year: 'numeric'
+  };
+}
 DateComponent._supportsSpacingProps = true;
 export default DateComponent;
 //# sourceMappingURL=Date.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Date.js","names":["React","useCallback","useContext","StringValue","useTranslation","SharedContext","DateComponent","props","_props$locale","_props$variant","_props$label","translations","Date","locale","contextLocale","variant","toInput","value","undefined","getOptions","day","month","year","date","options","formattedDate","Intl","DateTimeFormat","format","toLocaleString","stringProps","_objectSpread","label","createElement","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/Date/Date.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport StringValue, { Props as StringValueProps } from '../String'\nimport useTranslation from '../../hooks/useTranslation'\nimport SharedContext, { AnyLocale } from '../../../../shared/Context'\n\nexport type Props = StringValueProps & {\n  variant?: 'long' | 'short' | 'numeric'\n  locale?: AnyLocale\n}\n\nfunction DateComponent(props: Props) {\n  const translations = useTranslation().Date\n  const { locale: contextLocale } = useContext(SharedContext)\n  const locale = props.locale ?? contextLocale\n  const variant = props.variant ?? 'long'\n\n  const toInput = useCallback(\n    (value: string) => {\n      if (!value) {\n        return undefined\n      }\n\n      const getOptions = (variant) => {\n        if (variant === 'numeric') {\n          return {\n            day: '2-digit',\n            month: '2-digit',\n            year: 'numeric',\n          } as const\n        }\n        return {\n          day: 'numeric',\n          month: variant,\n          year: 'numeric',\n        } as const\n      }\n\n      const date = new Date(value)\n      const options = getOptions(variant)\n\n      const formattedDate =\n        typeof Intl !== 'undefined'\n          ? new Intl.DateTimeFormat(locale, options).format(date)\n          : date.toLocaleString(locale, options)\n\n      return formattedDate\n    },\n    [locale, variant]\n  )\n\n  const stringProps: Props = {\n    ...props,\n    label: props.label ?? translations.label,\n    toInput,\n  }\n  return <StringValue {...stringProps} />\n}\n\nDateComponent._supportsSpacingProps = true\nexport default DateComponent\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,QAAQ,OAAO;AACtD,OAAOC,WAAW,MAAqC,WAAW;AAClE,OAAOC,cAAc,MAAM,4BAA4B;AACvD,OAAOC,aAAa,MAAqB,4BAA4B;AAOrE,SAASC,aAAaA,CAACC,KAAY,EAAE;EAAA,IAAAC,aAAA,EAAAC,cAAA,EAAAC,YAAA;EACnC,MAAMC,YAAY,GAAGP,cAAc,CAAC,CAAC,CAACQ,IAAI;EAC1C,MAAM;IAAEC,MAAM,EAAEC;EAAc,CAAC,GAAGZ,UAAU,CAACG,aAAa,CAAC;EAC3D,MAAMQ,MAAM,IAAAL,aAAA,GAAGD,KAAK,CAACM,MAAM,cAAAL,aAAA,cAAAA,aAAA,GAAIM,aAAa;EAC5C,MAAMC,OAAO,IAAAN,cAAA,GAAGF,KAAK,CAACQ,OAAO,cAAAN,cAAA,cAAAA,cAAA,GAAI,MAAM;EAEvC,MAAMO,OAAO,GAAGf,WAAW,CACxBgB,KAAa,IAAK;IACjB,IAAI,CAACA,KAAK,EAAE;MACV,OAAOC,SAAS;IAClB;IAEA,MAAMC,UAAU,GAAIJ,OAAO,IAAK;MAC9B,IAAIA,OAAO,KAAK,SAAS,EAAE;QACzB,OAAO;UACLK,GAAG,EAAE,SAAS;UACdC,KAAK,EAAE,SAAS;UAChBC,IAAI,EAAE;QACR,CAAC;MACH;MACA,OAAO;QACLF,GAAG,EAAE,SAAS;QACdC,KAAK,EAAEN,OAAO;QACdO,IAAI,EAAE;MACR,CAAC;IACH,CAAC;IAED,MAAMC,IAAI,GAAG,IAAIX,IAAI,CAACK,KAAK,CAAC;IAC5B,MAAMO,OAAO,GAAGL,UAAU,CAACJ,OAAO,CAAC;IAEnC,MAAMU,aAAa,GACjB,OAAOC,IAAI,KAAK,WAAW,GACvB,IAAIA,IAAI,CAACC,cAAc,CAACd,MAAM,EAAEW,OAAO,CAAC,CAACI,MAAM,CAACL,IAAI,CAAC,GACrDA,IAAI,CAACM,cAAc,CAAChB,MAAM,EAAEW,OAAO,CAAC;IAE1C,OAAOC,aAAa;EACtB,CAAC,EACD,CAACZ,MAAM,EAAEE,OAAO,CAClB,CAAC;EAED,MAAMe,WAAkB,GAAAC,aAAA,CAAAA,aAAA,KACnBxB,KAAK;IACRyB,KAAK,GAAAtB,YAAA,GAAEH,KAAK,CAACyB,KAAK,cAAAtB,YAAA,cAAAA,YAAA,GAAIC,YAAY,CAACqB,KAAK;IACxChB;EAAO,EACR;EACD,OAAOhB,KAAA,CAAAiC,aAAA,CAAC9B,WAAW,EAAK2B,WAAc,CAAC;AACzC;AAEAxB,aAAa,CAAC4B,qBAAqB,GAAG,IAAI;AAC1C,eAAe5B,aAAa"}
+{"version":3,"file":"Date.js","names":["React","useCallback","useContext","StringValue","useTranslation","SharedContext","DateComponent","props","_props$locale","_props$variant","_props$label","translations","Date","locale","contextLocale","variant","toInput","value","undefined","isRange","test","options","getOptions","startValue","endValue","split","startDate","endDate","isNaN","valueOf","Intl","DateTimeFormat","formatRange","toLocaleString","date","format","stringProps","_objectSpread","label","createElement","day","month","year","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/Date/Date.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport StringValue, { Props as StringValueProps } from '../String'\nimport useTranslation from '../../hooks/useTranslation'\nimport SharedContext, { AnyLocale } from '../../../../shared/Context'\n\nexport type Props = StringValueProps & {\n  variant?: 'long' | 'short' | 'numeric'\n  locale?: AnyLocale\n}\n\nfunction DateComponent(props: Props) {\n  const translations = useTranslation().Date\n  const { locale: contextLocale } = useContext(SharedContext)\n  const locale = props.locale ?? contextLocale\n  const variant = props.variant ?? 'long'\n\n  const toInput = useCallback(\n    (value: string) => {\n      if (!value) {\n        return undefined\n      }\n\n      // Either of the range dates can be null\n      const isRange =\n        /^(\\d{4}-\\d{2}-\\d{2}|null|undefined)\\|(\\d{4}-\\d{2}-\\d{2}|null|undefined)$/.test(\n          value\n        )\n      const options = getOptions(variant)\n\n      if (isRange) {\n        const [startValue, endValue] = value.split('|')\n\n        const startDate = new Date(startValue)\n        const endDate = new Date(endValue)\n\n        // Stop if either date is invalid\n        if (isNaN(startDate.valueOf()) || isNaN(endDate.valueOf())) {\n          return undefined\n        }\n\n        return typeof Intl !== 'undefined'\n          ? new Intl.DateTimeFormat(locale, options).formatRange(\n              startDate,\n              endDate\n            )\n          : `${startDate.toLocaleString(\n              locale,\n              options\n            )}|${endDate.toLocaleString(locale, options)}`\n      }\n\n      const date = new Date(value)\n\n      return typeof Intl !== 'undefined'\n        ? new Intl.DateTimeFormat(locale, options).format(date)\n        : date.toLocaleString(locale, options)\n    },\n    [locale, variant]\n  )\n\n  const stringProps: Props = {\n    ...props,\n    label: props.label ?? translations.label,\n    toInput,\n  }\n  return <StringValue {...stringProps} />\n}\n\nfunction getOptions(\n  variant: Props['variant']\n): Intl.DateTimeFormatOptions {\n  if (variant === 'numeric') {\n    return {\n      day: '2-digit',\n      month: '2-digit',\n      year: 'numeric',\n    } as const\n  }\n\n  return {\n    day: 'numeric',\n    month: variant,\n    year: 'numeric',\n  } as const\n}\n\nDateComponent._supportsSpacingProps = true\nexport default DateComponent\n"],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["value", "minimum", "maximum", "inline", "showEmpty", "className"];
+const _excluded = ["value", "minimum", "maximum", "inline", "showEmpty", "className", "path"];
 import React from 'react';
 import classnames from 'classnames';
 import ValueBlock from '../../ValueBlock';
@@ -16,7 +16,8 @@ function NumberValue(props) {
       maximum = Number.MAX_SAFE_INTEGER,
       inline,
       showEmpty,
-      className
+      className,
+      path
     } = _useValueProps,
     rest = _objectWithoutProperties(_useValueProps, _excluded);
   const numberFormatProps = convertCamelCaseProps(omitSpacingProps(rest));

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

@@ -1 +1 @@
-{"version":3,"file":"Number.js","names":["React","classnames","ValueBlock","useValueProps","omitSpacingProps","NumberFormat","convertCamelCaseProps","NumberValue","props","_useValueProps","value","valueProp","minimum","Number","MIN_SAFE_INTEGER","maximum","MAX_SAFE_INTEGER","inline","showEmpty","className","rest","_objectWithoutProperties","_excluded","numberFormatProps","createElement","_extends","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/Number/Number.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport ValueBlock from '../../ValueBlock'\nimport useValueProps from '../../hooks/useValueProps'\nimport { ValueProps } from '../../types'\nimport { omitSpacingProps } from '../../../../components/flex/utils'\nimport NumberFormat, {\n  NumberFormatProps,\n} from '../../../../components/NumberFormat'\nimport {\n  IncludeCamelCase,\n  convertCamelCaseProps,\n} from '../../../../shared/helpers/withCamelCaseProps'\n\nexport type Props = Omit<ValueProps<number>, 'defaultValue'> &\n  IncludeCamelCase<NumberFormatProps> &\n  Partial<{\n    defaultValue?: number | string\n    minimum?: number\n    maximum?: number\n  }>\n\nfunction NumberValue(props: Props) {\n  const {\n    value: valueProp,\n    minimum = Number.MIN_SAFE_INTEGER,\n    maximum = Number.MAX_SAFE_INTEGER,\n    inline,\n    showEmpty,\n    className,\n    ...rest\n  } = useValueProps(props)\n  const numberFormatProps = convertCamelCaseProps(omitSpacingProps(rest))\n\n  let value = valueProp\n  if (value < minimum) {\n    value = minimum\n  }\n  if (value > maximum) {\n    value = maximum\n  }\n\n  return (\n    <ValueBlock\n      className={classnames('dnb-forms-value-number', className)}\n      inline={inline}\n      showEmpty={showEmpty}\n      {...rest}\n    >\n      {typeof value !== 'undefined' || showEmpty ? (\n        <NumberFormat value={value} {...numberFormatProps} />\n      ) : null}\n    </ValueBlock>\n  )\n}\n\nNumberValue._supportsSpacingProps = true\nexport default NumberValue\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,UAAU,MAAM,kBAAkB;AACzC,OAAOC,aAAa,MAAM,2BAA2B;AAErD,SAASC,gBAAgB,QAAQ,mCAAmC;AACpE,OAAOC,YAAY,MAEZ,qCAAqC;AAC5C,SAEEC,qBAAqB,QAChB,+CAA+C;AAUtD,SAASC,WAAWA,CAACC,KAAY,EAAE;EACjC,MAAAC,cAAA,GAQIN,aAAa,CAACK,KAAK,CAAC;IARlB;MACJE,KAAK,EAAEC,SAAS;MAChBC,OAAO,GAAGC,MAAM,CAACC,gBAAgB;MACjCC,OAAO,GAAGF,MAAM,CAACG,gBAAgB;MACjCC,MAAM;MACNC,SAAS;MACTC;IAEF,CAAC,GAAAV,cAAA;IADIW,IAAI,GAAAC,wBAAA,CAAAZ,cAAA,EAAAa,SAAA;EAET,MAAMC,iBAAiB,GAAGjB,qBAAqB,CAACF,gBAAgB,CAACgB,IAAI,CAAC,CAAC;EAEvE,IAAIV,KAAK,GAAGC,SAAS;EACrB,IAAID,KAAK,GAAGE,OAAO,EAAE;IACnBF,KAAK,GAAGE,OAAO;EACjB;EACA,IAAIF,KAAK,GAAGK,OAAO,EAAE;IACnBL,KAAK,GAAGK,OAAO;EACjB;EAEA,OACEf,KAAA,CAAAwB,aAAA,CAACtB,UAAU,EAAAuB,QAAA;IACTN,SAAS,EAAElB,UAAU,CAAC,wBAAwB,EAAEkB,SAAS,CAAE;IAC3DF,MAAM,EAAEA,MAAO;IACfC,SAAS,EAAEA;EAAU,GACjBE,IAAI,GAEP,OAAOV,KAAK,KAAK,WAAW,IAAIQ,SAAS,GACxClB,KAAA,CAAAwB,aAAA,CAACnB,YAAY,EAAAoB,QAAA;IAACf,KAAK,EAAEA;EAAM,GAAKa,iBAAiB,CAAG,CAAC,GACnD,IACM,CAAC;AAEjB;AAEAhB,WAAW,CAACmB,qBAAqB,GAAG,IAAI;AACxC,eAAenB,WAAW"}
+{"version":3,"file":"Number.js","names":["React","classnames","ValueBlock","useValueProps","omitSpacingProps","NumberFormat","convertCamelCaseProps","NumberValue","props","_useValueProps","value","valueProp","minimum","Number","MIN_SAFE_INTEGER","maximum","MAX_SAFE_INTEGER","inline","showEmpty","className","path","rest","_objectWithoutProperties","_excluded","numberFormatProps","createElement","_extends","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/Number/Number.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport ValueBlock from '../../ValueBlock'\nimport useValueProps from '../../hooks/useValueProps'\nimport { ValueProps } from '../../types'\nimport { omitSpacingProps } from '../../../../components/flex/utils'\nimport NumberFormat, {\n  NumberFormatProps,\n} from '../../../../components/NumberFormat'\nimport {\n  IncludeCamelCase,\n  convertCamelCaseProps,\n} from '../../../../shared/helpers/withCamelCaseProps'\n\nexport type Props = Omit<ValueProps<number>, 'defaultValue'> &\n  IncludeCamelCase<NumberFormatProps> &\n  Partial<{\n    defaultValue?: number | string\n    minimum?: number\n    maximum?: number\n  }>\n\nfunction NumberValue(props: Props) {\n  const {\n    value: valueProp,\n    minimum = Number.MIN_SAFE_INTEGER,\n    maximum = Number.MAX_SAFE_INTEGER,\n    inline,\n    showEmpty,\n    className,\n    path, // eslint-disable-line\n    ...rest\n  } = useValueProps(props)\n  const numberFormatProps = convertCamelCaseProps(omitSpacingProps(rest))\n\n  let value = valueProp\n  if (value < minimum) {\n    value = minimum\n  }\n  if (value > maximum) {\n    value = maximum\n  }\n\n  return (\n    <ValueBlock\n      className={classnames('dnb-forms-value-number', className)}\n      inline={inline}\n      showEmpty={showEmpty}\n      {...rest}\n    >\n      {typeof value !== 'undefined' || showEmpty ? (\n        <NumberFormat value={value} {...numberFormatProps} />\n      ) : null}\n    </ValueBlock>\n  )\n}\n\nNumberValue._supportsSpacingProps = true\nexport default NumberValue\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,UAAU,MAAM,kBAAkB;AACzC,OAAOC,aAAa,MAAM,2BAA2B;AAErD,SAASC,gBAAgB,QAAQ,mCAAmC;AACpE,OAAOC,YAAY,MAEZ,qCAAqC;AAC5C,SAEEC,qBAAqB,QAChB,+CAA+C;AAUtD,SAASC,WAAWA,CAACC,KAAY,EAAE;EACjC,MAAAC,cAAA,GASIN,aAAa,CAACK,KAAK,CAAC;IATlB;MACJE,KAAK,EAAEC,SAAS;MAChBC,OAAO,GAAGC,MAAM,CAACC,gBAAgB;MACjCC,OAAO,GAAGF,MAAM,CAACG,gBAAgB;MACjCC,MAAM;MACNC,SAAS;MACTC,SAAS;MACTC;IAEF,CAAC,GAAAX,cAAA;IADIY,IAAI,GAAAC,wBAAA,CAAAb,cAAA,EAAAc,SAAA;EAET,MAAMC,iBAAiB,GAAGlB,qBAAqB,CAACF,gBAAgB,CAACiB,IAAI,CAAC,CAAC;EAEvE,IAAIX,KAAK,GAAGC,SAAS;EACrB,IAAID,KAAK,GAAGE,OAAO,EAAE;IACnBF,KAAK,GAAGE,OAAO;EACjB;EACA,IAAIF,KAAK,GAAGK,OAAO,EAAE;IACnBL,KAAK,GAAGK,OAAO;EACjB;EAEA,OACEf,KAAA,CAAAyB,aAAA,CAACvB,UAAU,EAAAwB,QAAA;IACTP,SAAS,EAAElB,UAAU,CAAC,wBAAwB,EAAEkB,SAAS,CAAE;IAC3DF,MAAM,EAAEA,MAAO;IACfC,SAAS,EAAEA;EAAU,GACjBG,IAAI,GAEP,OAAOX,KAAK,KAAK,WAAW,IAAIQ,SAAS,GACxClB,KAAA,CAAAyB,aAAA,CAACpB,YAAY,EAAAqB,QAAA;IAAChB,KAAK,EAAEA;EAAM,GAAKc,iBAAiB,CAAG,CAAC,GACnD,IACM,CAAC;AAEjB;AAEAjB,WAAW,CAACoB,qBAAqB,GAAG,IAAI;AACxC,eAAepB,WAAW"}

package/es/extensions/forms/Value/Number/NumberDocs.js

@@ -1,4 +1,9 @@
-export const NumberProperties = {
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import { NumberFormatPropertiesCamelCase } from '../../../../components/number-format/NumberFormatDocs';
+export const NumberProperties = _objectSpread({
+  value: NumberFormatPropertiesCamelCase.value,
   minimum: {
     doc: 'Defines the minimum value of the rendered number. Defaults to `Number.MIN_SAFE_INTEGER`.',
     type: 'number',
@@ -9,5 +14,5 @@ export const NumberProperties = {
     type: 'number',
     status: 'optional'
   }
-};
+}, NumberFormatPropertiesCamelCase);
 //# sourceMappingURL=NumberDocs.js.map

package/es/extensions/forms/Value/Number/NumberDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberDocs.js","names":["NumberProperties","minimum","doc","type","status","maximum"],"sources":["../../../../../../src/extensions/forms/Value/Number/NumberDocs.tsx"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const NumberProperties: PropertiesTableProps = {\n  minimum: {\n    doc: 'Defines the minimum value of the rendered number. Defaults to `Number.MIN_SAFE_INTEGER`.',\n    type: 'number',\n    status: 'optional',\n  },\n  maximum: {\n    doc: 'Defines the maximum value of the rendered number. Defaults to `Number.MAX_SAFE_INTEGER`.',\n    type: 'number',\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,gBAAsC,GAAG;EACpDC,OAAO,EAAE;IACPC,GAAG,EAAE,0FAA0F;IAC/FC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,OAAO,EAAE;IACPH,GAAG,EAAE,0FAA0F;IAC/FC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV;AACF,CAAC"}
+{"version":3,"file":"NumberDocs.js","names":["NumberFormatPropertiesCamelCase","NumberProperties","_objectSpread","value","minimum","doc","type","status","maximum"],"sources":["../../../../../../src/extensions/forms/Value/Number/NumberDocs.tsx"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\nimport { NumberFormatPropertiesCamelCase } from '../../../../components/number-format/NumberFormatDocs'\n\nexport const NumberProperties: PropertiesTableProps = {\n  value: NumberFormatPropertiesCamelCase.value,\n  minimum: {\n    doc: 'Defines the minimum value of the rendered number. Defaults to `Number.MIN_SAFE_INTEGER`.',\n    type: 'number',\n    status: 'optional',\n  },\n  maximum: {\n    doc: 'Defines the maximum value of the rendered number. Defaults to `Number.MAX_SAFE_INTEGER`.',\n    type: 'number',\n    status: 'optional',\n  },\n  ...NumberFormatPropertiesCamelCase,\n}\n"],"mappings":";;;AACA,SAASA,+BAA+B,QAAQ,uDAAuD;AAEvG,OAAO,MAAMC,gBAAsC,GAAAC,aAAA;EACjDC,KAAK,EAAEH,+BAA+B,CAACG,KAAK;EAC5CC,OAAO,EAAE;IACPC,GAAG,EAAE,0FAA0F;IAC/FC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,OAAO,EAAE;IACPH,GAAG,EAAE,0FAA0F;IAC/FC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV;AAAC,GACEP,+BAA+B,CACnC"}

package/es/extensions/forms/Value/Provider/ValueProvider.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { Path, ValueProps } from '../../types';
+export type ValueProviderProps = {
+    children: React.ReactNode;
+    overwriteProps?: {
+        [key: Path]: ValueProps;
+    };
+} & ValueProps;
+declare function ValueProviderProvider(props: ValueProviderProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ValueProviderProvider {
+    var _supportsSpacingProps: string;
+}
+export default ValueProviderProvider;

package/es/extensions/forms/Value/Provider/ValueProvider.js

@@ -0,0 +1,18 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["children"];
+import React from 'react';
+import ValueProviderContext from './ValueProviderContext';
+import useValueProvider from './useValueProvider';
+function ValueProviderProvider(props) {
+  const {
+      children
+    } = props,
+    restProps = _objectWithoutProperties(props, _excluded);
+  const providerValue = useValueProvider(restProps);
+  return React.createElement(ValueProviderContext.Provider, {
+    value: providerValue
+  }, children);
+}
+ValueProviderProvider._supportsSpacingProps = 'children';
+export default ValueProviderProvider;
+//# sourceMappingURL=ValueProvider.js.map

package/es/extensions/forms/Value/Provider/ValueProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValueProvider.js","names":["React","ValueProviderContext","useValueProvider","ValueProviderProvider","props","children","restProps","_objectWithoutProperties","_excluded","providerValue","createElement","Provider","value","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/Provider/ValueProvider.tsx"],"sourcesContent":["import React from 'react'\nimport ValueProviderContext from './ValueProviderContext'\nimport type { Path, ValueProps } from '../../types'\nimport useValueProvider from './useValueProvider'\n\nexport type ValueProviderProps = {\n  children: React.ReactNode\n  overwriteProps?: {\n    [key: Path]: ValueProps\n  }\n} & ValueProps\n\nfunction ValueProviderProvider(props: ValueProviderProps) {\n  const { children, ...restProps } = props\n  const providerValue = useValueProvider(restProps)\n\n  return (\n    <ValueProviderContext.Provider value={providerValue}>\n      {children}\n    </ValueProviderContext.Provider>\n  )\n}\n\nValueProviderProvider._supportsSpacingProps = 'children'\nexport default ValueProviderProvider\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,oBAAoB,MAAM,wBAAwB;AAEzD,OAAOC,gBAAgB,MAAM,oBAAoB;AASjD,SAASC,qBAAqBA,CAACC,KAAyB,EAAE;EACxD,MAAM;MAAEC;IAAuB,CAAC,GAAGD,KAAK;IAAnBE,SAAS,GAAAC,wBAAA,CAAKH,KAAK,EAAAI,SAAA;EACxC,MAAMC,aAAa,GAAGP,gBAAgB,CAACI,SAAS,CAAC;EAEjD,OACEN,KAAA,CAAAU,aAAA,CAACT,oBAAoB,CAACU,QAAQ;IAACC,KAAK,EAAEH;EAAc,GACjDJ,QAC4B,CAAC;AAEpC;AAEAF,qBAAqB,CAACU,qBAAqB,GAAG,UAAU;AACxD,eAAeV,qBAAqB"}

package/es/extensions/forms/Value/Provider/ValueProviderContext.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ValueProps } from '../../types';
+export type ValueProviderContextProps = {
+    extend: <T = ValueProps>(props: T) => T;
+    inheritedProps?: ValueProps;
+    inheritedContext?: ValueProps;
+};
+declare const ValueProviderContext: React.Context<ValueProviderContextProps>;
+export default ValueProviderContext;

package/es/extensions/forms/Value/Provider/ValueProviderContext.js

@@ -0,0 +1,7 @@
+import React from 'react';
+const extend = props => props;
+const ValueProviderContext = React.createContext({
+  extend
+});
+export default ValueProviderContext;
+//# sourceMappingURL=ValueProviderContext.js.map

package/es/extensions/forms/Value/Provider/ValueProviderContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValueProviderContext.js","names":["React","extend","props","ValueProviderContext","createContext"],"sources":["../../../../../../src/extensions/forms/Value/Provider/ValueProviderContext.ts"],"sourcesContent":["import React from 'react'\nimport { ValueProps } from '../../types'\n\nexport type ValueProviderContextProps = {\n  extend: <T = ValueProps>(props: T) => T\n  inheritedProps?: ValueProps\n  inheritedContext?: ValueProps\n}\n\nconst extend: ValueProviderContextProps['extend'] = (props) => props\nconst ValueProviderContext =\n  React.createContext<ValueProviderContextProps>({\n    extend,\n  })\n\nexport default ValueProviderContext\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AASzB,MAAMC,MAA2C,GAAIC,KAAK,IAAKA,KAAK;AACpE,MAAMC,oBAAoB,GACxBH,KAAK,CAACI,aAAa,CAA4B;EAC7CH;AACF,CAAC,CAAC;AAEJ,eAAeE,oBAAoB"}

package/es/extensions/forms/Value/Provider/ValueProviderDocs.d.ts

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

package/es/extensions/forms/Value/Provider/ValueProviderDocs.js

@@ -0,0 +1,13 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import { ValueProperties } from '../ValueDocs';
+export const ValueProviderProperties = _objectSpread(_objectSpread({}, ValueProperties), {}, {
+  children: {
+    doc: 'Contents.',
+    type: 'React.Node',
+    status: 'required'
+  }
+});
+export const StepEvents = {};
+//# sourceMappingURL=ValueProviderDocs.js.map

package/es/extensions/forms/Value/Provider/ValueProviderDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValueProviderDocs.js","names":["ValueProperties","ValueProviderProperties","_objectSpread","children","doc","type","status","StepEvents"],"sources":["../../../../../../src/extensions/forms/Value/Provider/ValueProviderDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\nimport { ValueProperties } from '../ValueDocs'\n\nexport const ValueProviderProperties: PropertiesTableProps = {\n  ...ValueProperties,\n  children: {\n    doc: 'Contents.',\n    type: 'React.Node',\n    status: 'required',\n  },\n}\n\nexport const StepEvents: PropertiesTableProps = {}\n"],"mappings":";;;AACA,SAASA,eAAe,QAAQ,cAAc;AAE9C,OAAO,MAAMC,uBAA6C,GAAAC,aAAA,CAAAA,aAAA,KACrDF,eAAe;EAClBG,QAAQ,EAAE;IACRC,GAAG,EAAE,WAAW;IAChBC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV;AAAC,EACF;AAED,OAAO,MAAMC,UAAgC,GAAG,CAAC,CAAC"}

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

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

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

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

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

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