npm - @dnb/eufemia - Versions diffs - 10.28.0 → 10.30.0 - Mend

@dnb/eufemia 10.28.0 → 10.30.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 (828) hide show

package/es/extensions/forms/Form/FieldProps/FieldProps.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"FieldProps.js","names":["React","useContext","useRef","DataContext","assignPropsWithContext","FieldPropsContext","SharedProvider","FieldProps","props","children","FormStatus","rest","_objectWithoutProperties","_excluded","nestedContext","dataContextRef","current","sharedProviderProps","_ref","Object","assign","inheritedContext","disabled","locale","translations","restOfRest","_excluded2","formElement","trObj","newObj","Forms","key","newKeyObj","subKey","extend","fieldProps","required","createElement","Provider","value"],"sources":["../../../../../../src/extensions/forms/Form/FieldProps/FieldProps.tsx"],"sourcesContent":["import React, { useContext, useRef } from 'react'\nimport DataContext, { ContextState } from '../../DataContext/Context'\nimport { Props as DataContextProps } from '../../DataContext/Provider'\nimport { UseFieldProps } from '../../types'\nimport { FormStatusProps } from '../../../../components/FormStatus'\nimport { assignPropsWithContext } from '../../../../shared/component-helper'\nimport FieldPropsContext from './FieldPropsContext'\nimport SharedProvider from '../../../../shared/Provider'\nimport { ContextProps } from '../../../../shared/Context'\n\nexport type FieldPropsProps = UseFieldProps & {\n children: React.ReactNode\n FormStatus?: { globalStatus: FormStatusProps }\n locale?: DataContextProps<unknown>['locale']\n translations?: DataContextProps<unknown>['translations']\n}\n\nexport default function FieldProps(props: FieldPropsProps) {\n const { children, FormStatus, ...rest } = props\n\n const nestedContext = useContext(FieldPropsContext)\n const dataContextRef = useRef<ContextState>()\n dataContextRef.current = useContext<ContextState>(DataContext)\n\n const sharedProviderProps: ContextProps = {}\n\n // Extract props to be used in the shared global context\n const { disabled, locale, translations, ...restOfRest } = Object.assign(\n nestedContext?.inheritedContext || {},\n rest\n ) as ContextProps & {\n disabled?: boolean\n }\n if (typeof disabled === 'boolean') {\n sharedProviderProps.formElement = { disabled }\n }\n if (FormStatus) {\n sharedProviderProps.FormStatus = FormStatus\n }\n if (locale) {\n sharedProviderProps.locale = locale\n }\n if (translations) {\n sharedProviderProps.translations = {}\n const trObj = translations as Record<\n ContextProps['locale'],\n Record<string, Record<string, string>>\n >\n\n for (const locale in trObj) {\n const newObj: Record<\n 'Forms',\n Record<string, Record<string, string>>\n > = {\n Forms: {},\n }\n\n for (const key in trObj[locale]) {\n const newKeyObj: Record<string, string> = {}\n\n for (const subKey in trObj[locale][key]) {\n newKeyObj[subKey] = trObj[locale][key][subKey]\n }\n\n newObj.Forms[key] = newKeyObj\n }\n\n sharedProviderProps.translations[locale] = newObj\n }\n }\n\n function extend<T>(fieldProps: T) {\n // Extract props from data context to be used in fields\n const { required } = dataContextRef.current\n\n return nestedContext.extend(\n assignPropsWithContext(fieldProps, { required }, restOfRest)\n ) as T\n }\n\n return (\n <FieldPropsContext.Provider value={{ extend, inheritedContext: rest }}>\n <SharedProvider {...sharedProviderProps}>{children}</SharedProvider>\n </FieldPropsContext.Provider>\n )\n}\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,MAAM,QAAQ,OAAO;AACjD,OAAOC,WAAW,MAAwB,2BAA2B;AAIrE,SAASC,sBAAsB,QAAQ,qCAAqC;AAC5E,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,OAAOC,cAAc,MAAM,6BAA6B;AAUxD,eAAe,SAASC,UAAUA,CAACC,KAAsB,EAAE;EACzD,MAAM;MAAEC,QAAQ;MAAEC;IAAoB,CAAC,GAAGF,KAAK;IAAdG,IAAI,GAAAC,wBAAA,CAAKJ,KAAK,EAAAK,SAAA;EAE/C,MAAMC,aAAa,GAAGb,UAAU,CAACI,iBAAiB,CAAC;EACnD,MAAMU,cAAc,GAAGb,MAAM,CAAe,CAAC;EAC7Ca,cAAc,CAACC,OAAO,GAAGf,UAAU,CAAeE,WAAW,CAAC;EAE9D,MAAMc,mBAAiC,GAAG,CAAC,CAAC;EAG5C,MAAAC,IAAA,GAA0DC,MAAM,CAACC,MAAM,CACrE,CAAAN,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEO,gBAAgB,KAAI,CAAC,CAAC,EACrCV,IACF,CAAC;IAHK;MAAEW,QAAQ;MAAEC,MAAM;MAAEC;IAA4B,CAAC,GAAAN,IAAA;IAAZO,UAAU,GAAAb,wBAAA,CAAAM,IAAA,EAAAQ,UAAA;EAMrD,IAAI,OAAOJ,QAAQ,KAAK,SAAS,EAAE;IACjCL,mBAAmB,CAACU,WAAW,GAAG;MAAEL;IAAS,CAAC;EAChD;EACA,IAAIZ,UAAU,EAAE;IACdO,mBAAmB,CAACP,UAAU,GAAGA,UAAU;EAC7C;EACA,IAAIa,MAAM,EAAE;IACVN,mBAAmB,CAACM,MAAM,GAAGA,MAAM;EACrC;EACA,IAAIC,YAAY,EAAE;IAChBP,mBAAmB,CAACO,YAAY,GAAG,CAAC,CAAC;IACrC,MAAMI,KAAK,GAAGJ,YAGb;IAED,KAAK,MAAMD,MAAM,IAAIK,KAAK,EAAE;MAC1B,MAAMC,MAGL,GAAG;QACFC,KAAK,EAAE,CAAC;MACV,CAAC;MAED,KAAK,MAAMC,GAAG,IAAIH,KAAK,CAACL,MAAM,CAAC,EAAE;QAC/B,MAAMS,SAAiC,GAAG,CAAC,CAAC;QAE5C,KAAK,MAAMC,MAAM,IAAIL,KAAK,CAACL,MAAM,CAAC,CAACQ,GAAG,CAAC,EAAE;UACvCC,SAAS,CAACC,MAAM,CAAC,GAAGL,KAAK,CAACL,MAAM,CAAC,CAACQ,GAAG,CAAC,CAACE,MAAM,CAAC;QAChD;QAEAJ,MAAM,CAACC,KAAK,CAACC,GAAG,CAAC,GAAGC,SAAS;MAC/B;MAEAf,mBAAmB,CAACO,YAAY,CAACD,MAAM,CAAC,GAAGM,MAAM;IACnD;EACF;EAEA,SAASK,MAAMA,CAAIC,UAAa,EAAE;IAEhC,MAAM;MAAEC;IAAS,CAAC,GAAGrB,cAAc,CAACC,OAAO;IAE3C,OAAOF,aAAa,CAACoB,MAAM,CACzB9B,sBAAsB,CAAC+B,UAAU,EAAE;MAAEC;IAAS,CAAC,EAAEX,UAAU,CAC7D,CAAC;EACH;EAEA,OACEzB,KAAA,CAAAqC,aAAA,CAAChC,iBAAiB,CAACiC,QAAQ;IAACC,KAAK,EAAE;MAAEL,MAAM;MAAEb,gBAAgB,EAAEV;IAAK;EAAE,GACpEX,KAAA,CAAAqC,aAAA,CAAC/B,cAAc,EAAKW,mBAAmB,EAAGR,QAAyB,CACzC,CAAC;AAEjC"}

package/es/extensions/forms/Form/FieldProps/FieldPropsContext.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import React from 'react';
+import { UseFieldProps } from '../../types';
+export type FieldPropsContextProps = {
+    extend: <T = UseFieldProps>(props: T) => T;
+    inheritedContext?: UseFieldProps;
+};
+declare const FieldPropsContext: React.Context<FieldPropsContextProps>;
+export default FieldPropsContext;

package/es/extensions/forms/Form/FieldProps/FieldPropsContext.js ADDED Viewed

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

package/es/extensions/forms/Form/FieldProps/FieldPropsContext.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"FieldPropsContext.js","names":["React","extend","props","FieldPropsContext","createContext"],"sources":["../../../../../../src/extensions/forms/Form/FieldProps/FieldPropsContext.ts"],"sourcesContent":["import React from 'react'\nimport { UseFieldProps } from '../../types'\n\nexport type FieldPropsContextProps = {\n extend: <T = UseFieldProps>(props: T) => T\n inheritedContext?: UseFieldProps\n}\n\nconst extend: FieldPropsContextProps['extend'] = (props) => props\nconst FieldPropsContext = React.createContext<FieldPropsContextProps>({\n extend,\n})\n\nexport default FieldPropsContext\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAQzB,MAAMC,MAAwC,GAAIC,KAAK,IAAKA,KAAK;AACjE,MAAMC,iBAAiB,GAAGH,KAAK,CAACI,aAAa,CAAyB;EACpEH;AACF,CAAC,CAAC;AAEF,eAAeE,iBAAiB"}

package/es/extensions/forms/Form/FieldProps/FieldPropsDocs.d.ts ADDED Viewed

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

package/es/extensions/forms/Form/FieldProps/FieldPropsDocs.js ADDED Viewed

@@ -0,0 +1,11 @@
+import { dataValueProperties } from '../../hooks/DataValueDocs';
+export const FieldPropsProperties = {
+  required: dataValueProperties.required,
+  disabled: dataValueProperties.disabled,
+  locale: {
+    doc: 'Locale (language) to use for all nested Eufemia components.',
+    type: 'string',
+    status: 'optional'
+  }
+};
+//# sourceMappingURL=FieldPropsDocs.js.map

package/es/extensions/forms/Form/FieldProps/FieldPropsDocs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"FieldPropsDocs.js","names":["dataValueProperties","FieldPropsProperties","required","disabled","locale","doc","type","status"],"sources":["../../../../../../src/extensions/forms/Form/FieldProps/FieldPropsDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\nimport { dataValueProperties } from '../../hooks/DataValueDocs'\n\nexport const FieldPropsProperties: PropertiesTableProps = {\n required: dataValueProperties.required,\n disabled: dataValueProperties.disabled,\n locale: {\n doc: 'Locale (language) to use for all nested Eufemia components.',\n type: 'string',\n status: 'optional',\n },\n}\n"],"mappings":"AACA,SAASA,mBAAmB,QAAQ,2BAA2B;AAE/D,OAAO,MAAMC,oBAA0C,GAAG;EACxDC,QAAQ,EAAEF,mBAAmB,CAACE,QAAQ;EACtCC,QAAQ,EAAEH,mBAAmB,CAACG,QAAQ;EACtCC,MAAM,EAAE;IACNC,GAAG,EAAE,6DAA6D;IAClEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV;AACF,CAAC"}

package/es/extensions/forms/Form/FieldProps/index.d.ts ADDED Viewed

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

package/es/extensions/forms/Form/FieldProps/index.js ADDED Viewed

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

package/es/extensions/forms/Form/FieldProps/index.js.map ADDED Viewed

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

package/es/extensions/forms/Form/Handler/Handler.d.ts CHANGED Viewed

@@ -7,4 +7,4 @@ export type Props = Omit<ElementAllProps, 'data' | 'as' | 'autoComplete'> & {
      */
     autoComplete?: boolean;
 };
-export default function FormHandler<Data extends JsonObject>({ children, defaultData, data, schema, ajvInstance, errorMessages, globalStatusId, filterData, onChange, onPathChange, onSubmit, onSubmitRequest, onSubmitComplete, minimumAsyncBehaviorTime, asyncSubmitTimeout, scrollTopOnSubmit, sessionStorageId, autoComplete, ...rest }: ProviderProps<Data> & Omit<Props, keyof ProviderProps<Data>>): import("react/jsx-runtime").JSX.Element;
+export default function FormHandler<Data extends JsonObject>({ children, defaultData, data, schema, ajvInstance, errorMessages, globalStatusId, filterSubmitData, filterData, transformIn, onChange, onPathChange, onSubmit, onSubmitRequest, onSubmitComplete, minimumAsyncBehaviorTime, asyncSubmitTimeout, scrollTopOnSubmit, sessionStorageId, autoComplete, locale, translations, disabled, required, ...rest }: ProviderProps<Data> & Omit<Props, keyof ProviderProps<Data>>): import("react/jsx-runtime").JSX.Element;

package/es/extensions/forms/Form/Handler/Handler.js CHANGED Viewed

@@ -2,7 +2,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["children", "defaultData", "data", "schema", "ajvInstance", "errorMessages", "globalStatusId", "filterData", "onChange", "onPathChange", "onSubmit", "onSubmitRequest", "onSubmitComplete", "minimumAsyncBehaviorTime", "asyncSubmitTimeout", "scrollTopOnSubmit", "sessionStorageId", "autoComplete"],
+const _excluded = ["children", "defaultData", "data", "schema", "ajvInstance", "errorMessages", "globalStatusId", "filterSubmitData", "filterData", "transformIn", "onChange", "onPathChange", "onSubmit", "onSubmitRequest", "onSubmitComplete", "minimumAsyncBehaviorTime", "asyncSubmitTimeout", "scrollTopOnSubmit", "sessionStorageId", "autoComplete", "locale", "translations", "disabled", "required"],
   _excluded2 = ["children"];
 import React, { useContext } from 'react';
 import DataContextProvider from '../../DataContext/Provider';
@@ -20,7 +20,9 @@ export default function FormHandler(_ref) {
       ajvInstance,
       errorMessages,
       globalStatusId,
+      filterSubmitData,
       filterData,
+      transformIn,
       onChange,
       onPathChange,
       onSubmit,
@@ -30,7 +32,11 @@ export default function FormHandler(_ref) {
       asyncSubmitTimeout,
       scrollTopOnSubmit,
       sessionStorageId,
-      autoComplete
+      autoComplete,
+      locale,
+      translations,
+      disabled,
+      required
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
   const providerProps = {
@@ -41,7 +47,9 @@ export default function FormHandler(_ref) {
     ajvInstance,
     errorMessages,
     globalStatusId,
+    filterSubmitData,
     filterData,
+    transformIn,
     onChange,
     onPathChange,
     onSubmit,
@@ -51,7 +59,11 @@ export default function FormHandler(_ref) {
     asyncSubmitTimeout,
     scrollTopOnSubmit,
     sessionStorageId,
-    autoComplete
+    autoComplete,
+    locale,
+    translations,
+    disabled,
+    required
   };
   return React.createElement(DataContextProvider, providerProps, React.createElement(FormElementWithState, rest, children));
 }
@@ -75,10 +87,12 @@ function FormElementWithState(_ref2) {
       key: key,
       state: key,
       id: `${id}-form-status-${key}`,
+      className: "dnb-forms-status",
       show: Boolean(value),
       no_animation: false,
       shellSpace: {
-        top: 'x-small'
+        top: 'small',
+        bottom: 'medium'
       }
     }, String((value === null || value === void 0 ? void 0 : value['message']) || value || ''));
   }));

package/es/extensions/forms/Form/Handler/Handler.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Handler.js","names":["React","useContext","DataContextProvider","DataContext","FormElement","FormStatus","useId","combineLabelledBy","FormHandler","_ref","children","defaultData","data","schema","ajvInstance","errorMessages","globalStatusId","filterData","onChange","onPathChange","onSubmit","onSubmitRequest","onSubmitComplete","minimumAsyncBehaviorTime","asyncSubmitTimeout","scrollTopOnSubmit","sessionStorageId","autoComplete","rest","_objectWithoutProperties","_excluded","providerProps","id","createElement","FormElementWithState","_ref2","_excluded2","submitState","states","Object","entries","filter","value","_extends","map","key","undefined","state","show","Boolean","no_animation","shellSpace","top","String"],"sources":["../../../../../../src/extensions/forms/Form/Handler/Handler.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport { JsonObject } from 'json-pointer'\nimport DataContextProvider, {\n Props as ProviderProps,\n} from '../../DataContext/Provider'\nimport DataContext from '../../DataContext/Context'\nimport FormElement from '../Element'\nimport type { ElementAllProps } from '../../../../elements/Element'\nimport FormStatus from '../../../../components/FormStatus'\nimport useId from '../../../../shared/helpers/useId'\nimport { combineLabelledBy } from '../../../../shared/component-helper'\n\nexport type Props = Omit<\n ElementAllProps,\n 'data' \| 'as' \| 'autoComplete'\n> & {\n /*\n Will enable autoComplete for all nested Field.String fields\n */\n autoComplete?: boolean\n}\n\nexport default function FormHandler<Data extends JsonObject>({\n children,\n defaultData,\n data,\n schema,\n ajvInstance,\n errorMessages,\n globalStatusId,\n filterData,\n onChange,\n onPathChange,\n onSubmit,\n onSubmitRequest,\n onSubmitComplete,\n minimumAsyncBehaviorTime,\n asyncSubmitTimeout,\n scrollTopOnSubmit,\n sessionStorageId,\n autoComplete,\n ...rest\n}: ProviderProps<Data> & Omit<Props, keyof ProviderProps<Data>>) {\n const providerProps = {\n id: rest.id,\n defaultData,\n data,\n schema,\n ajvInstance,\n errorMessages,\n globalStatusId,\n filterData,\n onChange,\n onPathChange,\n onSubmit,\n onSubmitRequest,\n onSubmitComplete,\n minimumAsyncBehaviorTime,\n asyncSubmitTimeout,\n scrollTopOnSubmit,\n sessionStorageId,\n autoComplete,\n } ~~as Omit<ProviderProps<Data>, 'children'>\~~n\n return (\n <DataContextProvider {...providerProps}>\n <FormElementWithState {...rest}>{children}</FormElementWithState>\n </DataContextProvider>\n )\n}\n\nfunction FormElementWithState({ children, ...rest }) {\n const id = useId()\n const { submitState } = useContext(DataContext) \|\| {}\n const states = Object.entries(submitState).filter(([, value]) => value)\n\n return (\n <FormElement\n {...rest}\n aria-labelledby={\n combineLabelledBy(\n rest,\n states.map(([key]) => {\n return `${id}-form-status-${key}`\n })\n ) \|\| undefined\n }\n >\n {children}\n\n {['error', 'warning', 'info'].map((key) => {\n const value = submitState[key]\n return (\n <FormStatus\n key={key}\n state={key}\n id={`${id}-form-status-${key}`}\n show={Boolean(value)}\n no_animation={false}\n shellSpace={{ top: 'x-small' }}\n >\n {String(value?.['message'] \|\| value \|\| '')}\n </FormStatus>\n )\n })}\n </FormElement>\n )\n}\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,OAAOC,mBAAmB,MAEnB,4BAA4B;AACnC,OAAOC,WAAW,MAAM,2BAA2B;AACnD,OAAOC,WAAW,MAAM,YAAY;AAEpC,OAAOC,UAAU,MAAM,mCAAmC;AAC1D,OAAOC,KAAK,MAAM,kCAAkC;AACpD,SAASC,iBAAiB,QAAQ,qCAAqC;AAYvE,eAAe,SAASC,WAAWA,CAAAC,IAAA,~~EAoB8B~~;EAAA,~~IApBJ~~;MAC3DC,QAAQ;MACRC,WAAW;MACXC,IAAI;MACJC,MAAM;MACNC,WAAW;MACXC,aAAa;MACbC,cAAc;MACdC,UAAU;MACVC,QAAQ;MACRC,YAAY;MACZC,QAAQ;MACRC,eAAe;MACfC,gBAAgB;MAChBC,wBAAwB;MACxBC,kBAAkB;MAClBC,iBAAiB;MACjBC,gBAAgB;MAChBC;IAE4D,CAAC,~~GAAAlB~~,IAAA;~~IAD1DmB~~,IAAI,GAAAC,wBAAA,~~CAAApB~~,IAAA,~~EAAAqB~~,SAAA;EAEP,MAAMC,aAAa,GAAG;IACpBC,EAAE,EAAEJ,IAAI,CAACI,EAAE;~~IACXrB~~,WAAW;IACXC,IAAI;IACJC,MAAM;IACNC,WAAW;IACXC,aAAa;IACbC,cAAc;IACdC,UAAU;IACVC,QAAQ;IACRC,YAAY;IACZC,QAAQ;IACRC,eAAe;IACfC,gBAAgB;IAChBC,wBAAwB;IACxBC,kBAAkB;IAClBC,iBAAiB;IACjBC,gBAAgB;IAChBC;EACF,~~CAA0C~~;~~EAE1C~~,~~OACE3B~~,KAAA,~~CAAAiC~~,aAAA,~~CAAC/B~~,mBAAmB,~~EAAK6B~~,aAAa,~~EACpC/B~~,KAAA,~~CAAAiC~~,aAAA,CAACC,oBAAoB,EAAKN,IAAI,~~EAAGlB~~,QAA+B,CAC7C,CAAC;AAE1B;AAEA,~~SAASwB~~,oBAAoBA,CAAAC,KAAA,EAAwB;EAAA,IAAvB;~~MAAEzB~~;IAAkB,CAAC,~~GAAAyB~~,KAAA;IAANP,IAAI,GAAAC,wBAAA,CAAAM,KAAA,EAAAC,UAAA;EAC/C,MAAMJ,EAAE,~~GAAG1B~~,KAAK,CAAC,CAAC;EAClB,MAAM;~~IAAE+B~~;EAAY,CAAC,~~GAAGpC~~,UAAU,CAACE,WAAW,CAAC,IAAI,CAAC,CAAC;EACrD,~~MAAMmC~~,MAAM,GAAGC,MAAM,CAACC,OAAO,CAACH,WAAW,CAAC,CAACI,MAAM,CAAC,CAAC,GAAGC,KAAK,CAAC,KAAKA,KAAK,CAAC;EAEvE,~~OACE1C~~,KAAA,~~CAAAiC~~,aAAA,~~CAAC7B~~,WAAW,~~EAAAuC~~,QAAA,KACNf,IAAI;IACR,~~mBACErB~~,iBAAiB,~~CACfqB~~,IAAI,EACJU,MAAM,CAACM,GAAG,CAAC,CAAC,CAACC,GAAG,CAAC,KAAK;MACpB,OAAQ,GAAEb,EAAG,gBAAea,GAAI,EAAC;IACnC,CAAC,CACH,CAAC,IAAIC;EACN,~~IAEApC~~,QAAQ,EAER,CAAC,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,~~CAACkC~~,GAAG,CAAEC,GAAG,IAAK;IACzC,MAAMH,KAAK,GAAGL,WAAW,CAACQ,GAAG,CAAC;IAC9B,~~OACE7C~~,KAAA,~~CAAAiC~~,aAAA,~~CAAC5B~~,UAAU;~~MACTwC~~,GAAG,EAAEA,GAAI;MACTE,KAAK,EAAEF,GAAI;MACXb,EAAE,EAAG,GAAEA,EAAG,gBAAea,GAAI,EAAE;MAC/BG,IAAI,EAAEC,OAAO,~~CAACP~~,KAAK,CAAE;~~MACrBQ~~,YAAY,EAAE,KAAM;MACpBC,UAAU,EAAE;QAAEC,GAAG,EAAE;~~MAAU~~;IAAE,~~GAE9BC~~,MAAM,CAAC,~~CAAAX~~,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAG,SAAS,CAAC,KAAIA,KAAK,IAAI,EAAE,CAC/B,CAAC;EAEjB,CAAC,CACU,CAAC;AAElB"}
1	+ {"version":3,"file":"Handler.js","names":["React","useContext","DataContextProvider","DataContext","FormElement","FormStatus","useId","combineLabelledBy","FormHandler","_ref","children","defaultData","data","schema","ajvInstance","errorMessages","globalStatusId","filterSubmitData","filterData","transformIn","onChange","onPathChange","onSubmit","onSubmitRequest","onSubmitComplete","minimumAsyncBehaviorTime","asyncSubmitTimeout","scrollTopOnSubmit","sessionStorageId","autoComplete","locale","translations","disabled","required","rest","_objectWithoutProperties","_excluded","providerProps","id","createElement","FormElementWithState","_ref2","_excluded2","submitState","states","Object","entries","filter","value","_extends","map","key","undefined","state","className","show","Boolean","no_animation","shellSpace","top","bottom","String"],"sources":["../../../../../../src/extensions/forms/Form/Handler/Handler.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport { JsonObject } from 'json-pointer'\nimport DataContextProvider, {\n Props as ProviderProps,\n} from '../../DataContext/Provider'\nimport DataContext from '../../DataContext/Context'\nimport FormElement from '../Element'\nimport type { ElementAllProps } from '../../../../elements/Element'\nimport FormStatus from '../../../../components/FormStatus'\nimport useId from '../../../../shared/helpers/useId'\nimport { combineLabelledBy } from '../../../../shared/component-helper'\n\nexport type Props = Omit<\n ElementAllProps,\n 'data' \| 'as' \| 'autoComplete'\n> & {\n /*\n Will enable autoComplete for all nested Field.String fields\n */\n autoComplete?: boolean\n}\n\nexport default function FormHandler<Data extends JsonObject>({\n children,\n defaultData,\n data,\n schema,\n ajvInstance,\n errorMessages,\n globalStatusId,\n filterSubmitData,\n filterData,\n transformIn,\n onChange,\n onPathChange,\n onSubmit,\n onSubmitRequest,\n onSubmitComplete,\n minimumAsyncBehaviorTime,\n asyncSubmitTimeout,\n scrollTopOnSubmit,\n sessionStorageId,\n autoComplete,\n locale,\n translations,\n disabled,\n required,\n ...rest\n}: ProviderProps<Data> & Omit<Props, keyof ProviderProps<Data>>) {\n const providerProps = {\n id: rest.id,\n defaultData,\n data,\n schema,\n ajvInstance,\n errorMessages,\n globalStatusId,\n filterSubmitData,\n filterData,\n transformIn,\n onChange,\n onPathChange,\n onSubmit,\n onSubmitRequest,\n onSubmitComplete,\n minimumAsyncBehaviorTime,\n asyncSubmitTimeout,\n scrollTopOnSubmit,\n sessionStorageId,\n autoComplete,\n locale,\n translations,\n disabled,\n required,\n }\n\n return (\n <DataContextProvider {...providerProps}>\n <FormElementWithState {...rest}>{children}</FormElementWithState>\n </DataContextProvider>\n )\n}\n\nfunction FormElementWithState({ children, ...rest }) {\n const id = useId()\n const { submitState } = useContext(DataContext) \|\| {}\n const states = Object.entries(submitState).filter(([, value]) => value)\n\n return (\n <FormElement\n {...rest}\n aria-labelledby={\n combineLabelledBy(\n rest,\n states.map(([key]) => {\n return `${id}-form-status-${key}`\n })\n ) \|\| undefined\n }\n >\n {children}\n\n {['error', 'warning', 'info'].map((key) => {\n const value = submitState[key]\n return (\n <FormStatus\n key={key}\n state={key}\n id={`${id}-form-status-${key}`}\n className=\"dnb-forms-status\"\n show={Boolean(value)}\n no_animation={false}\n shellSpace={{ top: 'small', bottom: 'medium' }}\n >\n {String(value?.['message'] \|\| value \|\| '')}\n </FormStatus>\n )\n })}\n </FormElement>\n )\n}\n"],"mappings":"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"}

package/es/extensions/forms/Form/MainHeading/MainHeading.js CHANGED Viewed

@@ -16,7 +16,7 @@ function MainHeading(_ref) {
     } = props,
     rest = _objectWithoutProperties(props, _excluded2);
   return React.createElement(Heading, _extends({
-    className: classnames('dnb-form-main-heading', className),
+    className: classnames('dnb-forms-main-heading', className),
     level: level || 2,
     size: "large"
   }, rest), children);

package/es/extensions/forms/Form/MainHeading/MainHeading.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MainHeading.js","names":["React","classnames","Heading","MainHeading","_ref","level","props","_objectWithoutProperties","_excluded","className","children","rest","_excluded2","createElement","_extends","size","_supportsSpacingProps","_isHeadingElement"],"sources":["../../../../../../src/extensions/forms/Form/MainHeading/MainHeading.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport Heading from '../../../../components/heading/Heading'\nimport type { HeadingLevel } from '../../../../components/heading/Heading'\nimport type { ComponentProps } from '../../types'\n\nexport type Props = ComponentProps & {\n level?: HeadingLevel\n children?: React.ReactNode\n} & Omit<React.HTMLProps<HTMLElement>, 'size'>\n\nfunction MainHeading({ level, ...props }: Props) {\n const { className, children, ...rest } = props\n return (\n <Heading\n className={classnames('dnb-~~form~~-main-heading', className)}\n level={level \|\| 2}\n size=\"large\"\n {...rest}\n >\n {children}\n </Heading>\n )\n}\n\nMainHeading._supportsSpacingProps = true\nMainHeading._isHeadingElement = true\n\nexport default MainHeading\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,OAAO,MAAM,wCAAwC;AAS5D,SAASC,WAAWA,CAAAC,IAAA,EAA6B;EAAA,IAA5B;MAAEC;IAAuB,CAAC,GAAAD,IAAA;IAAdE,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EACpC,MAAM;MAAEC,SAAS;MAAEC;IAAkB,CAAC,GAAGJ,KAAK;IAAdK,IAAI,GAAAJ,wBAAA,CAAKD,KAAK,EAAAM,UAAA;EAC9C,OACEZ,KAAA,CAAAa,aAAA,CAACX,OAAO,EAAAY,QAAA;IACNL,SAAS,EAAER,UAAU,CAAC,~~uBAAuB~~,EAAEQ,SAAS,CAAE;~~IAC1DJ~~,KAAK,EAAEA,KAAK,IAAI,CAAE;IAClBU,IAAI,EAAC;EAAO,GACRJ,IAAI,GAEPD,QACM,CAAC;AAEd;AAEAP,WAAW,CAACa,qBAAqB,GAAG,IAAI;AACxCb,WAAW,CAACc,iBAAiB,GAAG,IAAI;AAEpC,eAAed,WAAW"}
1	+ {"version":3,"file":"MainHeading.js","names":["React","classnames","Heading","MainHeading","_ref","level","props","_objectWithoutProperties","_excluded","className","children","rest","_excluded2","createElement","_extends","size","_supportsSpacingProps","_isHeadingElement"],"sources":["../../../../../../src/extensions/forms/Form/MainHeading/MainHeading.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport Heading from '../../../../components/heading/Heading'\nimport type { HeadingLevel } from '../../../../components/heading/Heading'\nimport type { ComponentProps } from '../../types'\n\nexport type Props = ComponentProps & {\n level?: HeadingLevel\n children?: React.ReactNode\n} & Omit<React.HTMLProps<HTMLElement>, 'size'>\n\nfunction MainHeading({ level, ...props }: Props) {\n const { className, children, ...rest } = props\n return (\n <Heading\n className={classnames('dnb-forms-main-heading', className)}\n level={level \|\| 2}\n size=\"large\"\n {...rest}\n >\n {children}\n </Heading>\n )\n}\n\nMainHeading._supportsSpacingProps = true\nMainHeading._isHeadingElement = true\n\nexport default MainHeading\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,OAAO,MAAM,wCAAwC;AAS5D,SAASC,WAAWA,CAAAC,IAAA,EAA6B;EAAA,IAA5B;MAAEC;IAAuB,CAAC,GAAAD,IAAA;IAAdE,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EACpC,MAAM;MAAEC,SAAS;MAAEC;IAAkB,CAAC,GAAGJ,KAAK;IAAdK,IAAI,GAAAJ,wBAAA,CAAKD,KAAK,EAAAM,UAAA;EAC9C,OACEZ,KAAA,CAAAa,aAAA,CAACX,OAAO,EAAAY,QAAA;IACNL,SAAS,EAAER,UAAU,CAAC,wBAAwB,EAAEQ,SAAS,CAAE;IAC3DJ,KAAK,EAAEA,KAAK,IAAI,CAAE;IAClBU,IAAI,EAAC;EAAO,GACRJ,IAAI,GAEPD,QACM,CAAC;AAEd;AAEAP,WAAW,CAACa,qBAAqB,GAAG,IAAI;AACxCb,WAAW,CAACc,iBAAiB,GAAG,IAAI;AAEpC,eAAed,WAAW"}

package/es/extensions/forms/Form/MainHeading/style/dnb-form-main-heading.css CHANGED Viewed

@@ -1,14 +1,14 @@
 /*
  * Utilities
  */
-.dnb-spacing .dnb-form-main-heading.dnb-h--large:not([class*=space__]) {
+.dnb-spacing .dnb-forms-main-heading.dnb-h--large:not([class*=space__]) {
   margin: 0;
 }
 @media screen and (min-width: 40em) {
-  .dnb-form-main-heading:has(+ .dnb-flex-stack > .dnb-card, + .dnb-card):not([class*=space__left]) {
+  .dnb-forms-main-heading:has(+ .dnb-flex-stack > .dnb-card, + .dnb-card):not([class*=space__left]) {
     margin-left: var(--spacing-medium);
   }
 }
-.dnb-form-main-heading:has(+ .dnb-flex-stack > .dnb-card, + .dnb-card):not([class*=space__bottom]) {
+.dnb-forms-main-heading:has(+ .dnb-flex-stack > .dnb-card, + .dnb-card):not([class*=space__bottom]) {
   margin-bottom: var(--spacing-small);
 }

package/es/extensions/forms/Form/MainHeading/style/dnb-form-main-heading.min.css CHANGED Viewed

	@@ -1 +1 @@
1	- .dnb-spacing .dnb-~~form~~-main-heading.dnb-h--large:not([class=space__]){margin:0}@media screen and (min-width:40em){.dnb-~~form~~-main-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class=space__left]){margin-left:var(--spacing-medium)}}.dnb-~~form~~-main-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__bottom]){margin-bottom:var(--spacing-small)}
1	+ .dnb-spacing .dnb-forms-main-heading.dnb-h--large:not([class=space__]){margin:0}@media screen and (min-width:40em){.dnb-forms-main-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class=space__left]){margin-left:var(--spacing-medium)}}.dnb-forms-main-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__bottom]){margin-bottom:var(--spacing-small)}

package/es/extensions/forms/Form/MainHeading/style/dnb-form-main-heading.scss CHANGED Viewed

@@ -1,6 +1,6 @@
 @import '../../../../../style/core/utilities.scss';
-.dnb-form-main-heading {
+.dnb-forms-main-heading {
   // Reset inherited spacing
   .dnb-spacing & {
     &.dnb-h--large:not([class*='space__']) {

package/es/extensions/forms/Form/SubHeading/SubHeading.js CHANGED Viewed

@@ -16,7 +16,7 @@ function SubHeading(_ref) {
     } = props,
     rest = _objectWithoutProperties(props, _excluded2);
   return React.createElement(Heading, _extends({
-    className: classnames('dnb-form-sub-heading', className),
+    className: classnames('dnb-forms-sub-heading', className),
     level: level || 3,
     size: "medium"
   }, rest), children);

package/es/extensions/forms/Form/SubHeading/SubHeading.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SubHeading.js","names":["React","classnames","Heading","SubHeading","_ref","level","props","_objectWithoutProperties","_excluded","className","children","rest","_excluded2","createElement","_extends","size","_supportsSpacingProps","_isHeadingElement"],"sources":["../../../../../../src/extensions/forms/Form/SubHeading/SubHeading.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport Heading from '../../../../components/heading/Heading'\nimport type { HeadingLevel } from '../../../../components/heading/Heading'\nimport type { ComponentProps } from '../../types'\n\nexport type Props = ComponentProps & {\n level?: HeadingLevel\n children?: React.ReactNode\n} & Omit<React.HTMLProps<HTMLElement>, 'size'>\n\nfunction SubHeading({ level, ...props }: Props) {\n const { className, children, ...rest } = props\n return (\n <Heading\n className={classnames('dnb-~~form~~-sub-heading', className)}\n level={level \|\| 3}\n size=\"medium\"\n {...rest}\n >\n {children}\n </Heading>\n )\n}\n\nSubHeading._supportsSpacingProps = true\nSubHeading._isHeadingElement = true\n\nexport default SubHeading\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,OAAO,MAAM,wCAAwC;AAS5D,SAASC,UAAUA,CAAAC,IAAA,EAA6B;EAAA,IAA5B;MAAEC;IAAuB,CAAC,GAAAD,IAAA;IAAdE,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EACnC,MAAM;MAAEC,SAAS;MAAEC;IAAkB,CAAC,GAAGJ,KAAK;IAAdK,IAAI,GAAAJ,wBAAA,CAAKD,KAAK,EAAAM,UAAA;EAC9C,OACEZ,KAAA,CAAAa,aAAA,CAACX,OAAO,EAAAY,QAAA;IACNL,SAAS,EAAER,UAAU,CAAC,~~sBAAsB~~,EAAEQ,SAAS,CAAE;~~IACzDJ~~,KAAK,EAAEA,KAAK,IAAI,CAAE;IAClBU,IAAI,EAAC;EAAQ,GACTJ,IAAI,GAEPD,QACM,CAAC;AAEd;AAEAP,UAAU,CAACa,qBAAqB,GAAG,IAAI;AACvCb,UAAU,CAACc,iBAAiB,GAAG,IAAI;AAEnC,eAAed,UAAU"}
1	+ {"version":3,"file":"SubHeading.js","names":["React","classnames","Heading","SubHeading","_ref","level","props","_objectWithoutProperties","_excluded","className","children","rest","_excluded2","createElement","_extends","size","_supportsSpacingProps","_isHeadingElement"],"sources":["../../../../../../src/extensions/forms/Form/SubHeading/SubHeading.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport Heading from '../../../../components/heading/Heading'\nimport type { HeadingLevel } from '../../../../components/heading/Heading'\nimport type { ComponentProps } from '../../types'\n\nexport type Props = ComponentProps & {\n level?: HeadingLevel\n children?: React.ReactNode\n} & Omit<React.HTMLProps<HTMLElement>, 'size'>\n\nfunction SubHeading({ level, ...props }: Props) {\n const { className, children, ...rest } = props\n return (\n <Heading\n className={classnames('dnb-forms-sub-heading', className)}\n level={level \|\| 3}\n size=\"medium\"\n {...rest}\n >\n {children}\n </Heading>\n )\n}\n\nSubHeading._supportsSpacingProps = true\nSubHeading._isHeadingElement = true\n\nexport default SubHeading\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,OAAO,MAAM,wCAAwC;AAS5D,SAASC,UAAUA,CAAAC,IAAA,EAA6B;EAAA,IAA5B;MAAEC;IAAuB,CAAC,GAAAD,IAAA;IAAdE,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EACnC,MAAM;MAAEC,SAAS;MAAEC;IAAkB,CAAC,GAAGJ,KAAK;IAAdK,IAAI,GAAAJ,wBAAA,CAAKD,KAAK,EAAAM,UAAA;EAC9C,OACEZ,KAAA,CAAAa,aAAA,CAACX,OAAO,EAAAY,QAAA;IACNL,SAAS,EAAER,UAAU,CAAC,uBAAuB,EAAEQ,SAAS,CAAE;IAC1DJ,KAAK,EAAEA,KAAK,IAAI,CAAE;IAClBU,IAAI,EAAC;EAAQ,GACTJ,IAAI,GAEPD,QACM,CAAC;AAEd;AAEAP,UAAU,CAACa,qBAAqB,GAAG,IAAI;AACvCb,UAAU,CAACc,iBAAiB,GAAG,IAAI;AAEnC,eAAed,UAAU"}

package/es/extensions/forms/Form/SubHeading/style/dnb-form-sub-heading.css CHANGED Viewed

@@ -1,9 +1,9 @@
 /*
  * Utilities
  */
-.dnb-spacing .dnb-form-sub-heading.dnb-h--medium:not([class*=space__]) {
+.dnb-spacing .dnb-forms-sub-heading.dnb-h--medium:not([class*=space__]) {
   margin: 0;
 }
-.dnb-form-sub-heading:has(+ .dnb-flex-stack > .dnb-card, + .dnb-card):not([class*=space__bottom]) {
+.dnb-forms-sub-heading:has(+ .dnb-flex-stack > .dnb-card, + .dnb-card):not([class*=space__bottom]) {
   margin-bottom: var(--spacing-small);
 }

package/es/extensions/forms/Form/SubHeading/style/dnb-form-sub-heading.min.css CHANGED Viewed

	@@ -1 +1 @@
1	- .dnb-spacing .dnb-~~form~~-sub-heading.dnb-h--medium:not([class=space__]){margin:0}.dnb-~~form~~-sub-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class=space__bottom]){margin-bottom:var(--spacing-small)}
1	+ .dnb-spacing .dnb-forms-sub-heading.dnb-h--medium:not([class=space__]){margin:0}.dnb-forms-sub-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class=space__bottom]){margin-bottom:var(--spacing-small)}

package/es/extensions/forms/Form/SubHeading/style/dnb-form-sub-heading.scss CHANGED Viewed

@@ -1,6 +1,6 @@
 @import '../../../../../style/core/utilities.scss';
-.dnb-form-sub-heading {
+.dnb-forms-sub-heading {
   // Reset inherited spacing
   .dnb-spacing & {
     &.dnb-h--medium:not([class*='space__']) {

package/es/extensions/forms/Form/SubmitIndicator/SubmitIndicator.js CHANGED Viewed

@@ -30,7 +30,7 @@ function SubmitIndicator(props) {
     }
   }, [children, state]);
   const params = _objectSpread({
-    className: classnames('dnb-form-submit-indicator', className, state && `dnb-form-submit-indicator--state-${state}`, willWrap && 'dnb-form-submit-indicator--inline-wrap')
+    className: classnames('dnb-forms-submit-indicator', className, state && `dnb-forms-submit-indicator--state-${state}`, willWrap && 'dnb-forms-submit-indicator--inline-wrap')
   }, pickSpacingProps(rest));
   const ariaAttributes = state === 'pending' ? {
     role: 'status',
@@ -39,7 +39,7 @@ function SubmitIndicator(props) {
   } : {};
   const dot = _b || (_b = React.createElement("b", null, "."));
   const indicator = React.createElement("span", _extends({
-    className: "dnb-form-submit-indicator__content"
+    className: "dnb-forms-submit-indicator__content"
   }, ariaAttributes, omitSpacingProps(rest)), state === 'success' && React.createElement(Tooltip, {
     targetElement: _span || (_span = React.createElement("span", null, React.createElement(Icon, {
       icon: check

package/es/extensions/forms/Form/SubmitIndicator/SubmitIndicator.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SubmitIndicator.js","names":["React","useLayoutEffect","useRef","useState","classnames","Icon","Space","Tooltip","check","omitSpacingProps","pickSpacingProps","useTranslation","SubmitIndicator","props","className","children","state","successLabel","rest","_objectWithoutProperties","_excluded","translation","childrenRef","willWrap","setWillWrap","willWordWrap","current","params","_objectSpread","ariaAttributes","role","ProgressIndicator","indicator_label","dot","_b","createElement","indicator","_extends","targetElement","_span","icon","Fragment","element","ref","word","offsetHeight","textContent","height","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Form/SubmitIndicator/SubmitIndicator.tsx"],"sourcesContent":["import React, { useLayoutEffect, useRef, useState } from 'react'\nimport classnames from 'classnames'\nimport { Icon, Space, Tooltip } from '../../../../components'\nimport type { SpaceProps } from '../../../../components/Space'\nimport { check } from '../../../../icons'\nimport type { SubmitState } from '../../types'\nimport {\n omitSpacingProps,\n pickSpacingProps,\n} from '../../../../components/flex/utils'\nimport { useTranslation } from '../../../../shared'\n\nexport type Props = {\n state: SubmitState\n className?: string\n successLabel?: string\n children?: React.ReactNode\n} & SpaceProps\n\nfunction SubmitIndicator(props: Props) {\n const {\n className,\n children,\n state,\n successLabel = 'Saved',\n ...rest\n } = props\n const translation = useTranslation()\n const childrenRef = useRef<HTMLSpanElement>(null)\n const [willWrap, setWillWrap] = useState(false)\n\n useLayoutEffect(() => {\n if (children && state) {\n setWillWrap(willWordWrap(childrenRef.current, '. . . '))\n }\n }, [children, state])\n\n const params = {\n className: classnames(\n 'dnb-~~form~~-submit-indicator',\n state && `dnb-~~form~~-submit-indicator--state-${state}`,\n willWrap && 'dnb-~~form~~-submit-indicator--inline-wrap',\n className\n ),\n ...pickSpacingProps(rest),\n } as SpaceProps\n\n const ariaAttributes =\n state === 'pending'\n ? {\n role: 'status',\n 'aria-busy': true,\n 'aria-label': translation.ProgressIndicator.indicator_label,\n }\n : {}\n\n const dot = <b>.</b>\n const indicator = (\n <span\n className=\"dnb-~~form~~-submit-indicator__content\"\n {...ariaAttributes}\n {...omitSpacingProps(rest)}\n >\n {state === 'success' && (\n <Tooltip\n targetElement={\n <span>\n <Icon icon={check} />\n </span>\n }\n >\n {successLabel}\n </Tooltip>\n )}\n {state && state !== 'success' && state !== 'abort' && (\n <>\n {dot}\n {dot}\n {dot}\n </>\n )}\n </span>\n )\n\n return (\n <Space {...params} element=\"span\">\n {children && <span ref={childrenRef}>{children}</span>}\n {indicator}\n </Space>\n )\n}\n\nfunction willWordWrap(element: HTMLElement, word: string) {\n if (!element) {\n return\n }\n\n const { offsetHeight, textContent } = element\n\n element.textContent += word\n const height = element.offsetHeight\n element.textContent = textContent\n\n return height > offsetHeight\n}\n\nSubmitIndicator._supportsSpacingProps = true\nexport default SubmitIndicator\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,IAAIC,eAAe,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAChE,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,IAAI,EAAEC,KAAK,EAAEC,OAAO,QAAQ,wBAAwB;AAE7D,SAASC,KAAK,QAAQ,mBAAmB;AAEzC,SACEC,gBAAgB,EAChBC,gBAAgB,QACX,mCAAmC;AAC1C,SAASC,cAAc,QAAQ,oBAAoB;AASnD,SAASC,eAAeA,CAACC,KAAY,EAAE;EACrC,MAAM;MACJC,SAAS;MACTC,QAAQ;MACRC,KAAK;MACLC,YAAY,GAAG;IAEjB,CAAC,GAAGJ,KAAK;IADJK,IAAI,GAAAC,wBAAA,CACLN,KAAK,EAAAO,SAAA;EACT,MAAMC,WAAW,GAAGV,cAAc,CAAC,CAAC;EACpC,MAAMW,WAAW,GAAGpB,MAAM,CAAkB,IAAI,CAAC;EACjD,MAAM,CAACqB,QAAQ,EAAEC,WAAW,CAAC,GAAGrB,QAAQ,CAAC,KAAK,CAAC;EAE/CF,eAAe,CAAC,MAAM;IACpB,IAAIc,QAAQ,IAAIC,KAAK,EAAE;MACrBQ,WAAW,CAACC,YAAY,CAACH,WAAW,CAACI,OAAO,EAAE,QAAQ,CAAC,CAAC;IAC1D;EACF,CAAC,EAAE,CAACX,QAAQ,EAAEC,KAAK,CAAC,CAAC;EAErB,MAAMW,MAAM,GAAAC,aAAA;IACVd,SAAS,EAAEV,UAAU,CACnB,~~2BAA2B~~,~~EAG3BU~~,SAAS,EAFTE,KAAK,IAAK,~~oCAAmCA~~,KAAM,EAAC,~~EACpDO~~,QAAQ,IAAI,~~wCAEd~~;EAAC,GACEb,gBAAgB,CAACQ,IAAI,CAAC,CACZ;EAEf,MAAMW,cAAc,GAClBb,KAAK,KAAK,SAAS,GACf;IACEc,IAAI,EAAE,QAAQ;IACd,WAAW,EAAE,IAAI;IACjB,YAAY,EAAET,WAAW,CAACU,iBAAiB,CAACC;EAC9C,CAAC,GACD,CAAC,CAAC;EAER,MAAMC,GAAG,GAAAC,EAAA,KAAAA,EAAA,GAAGlC,KAAA,CAAAmC,aAAA,YAAG,GAAI,CAAC;EACpB,MAAMC,SAAS,GACbpC,KAAA,CAAAmC,aAAA,SAAAE,QAAA;IACEvB,SAAS,EAAC;~~EAAoC~~,~~GAC1Ce~~,cAAc,EACdpB,gBAAgB,CAACS,IAAI,CAAC,GAEzBF,KAAK,KAAK,SAAS,IAClBhB,KAAA,CAAAmC,aAAA,CAAC5B,OAAO;IACN+B,aAAa,EAAAC,KAAA,KAAAA,KAAA,GACXvC,KAAA,CAAAmC,aAAA,eACEnC,KAAA,CAAAmC,aAAA,CAAC9B,IAAI;MAACmC,IAAI,EAAEhC;IAAM,CAAE,CAChB,CAAC;EACR,GAEAS,YACM,CACV,EACAD,KAAK,IAAIA,KAAK,KAAK,SAAS,IAAIA,KAAK,KAAK,OAAO,IAChDhB,KAAA,CAAAmC,aAAA,CAAAnC,KAAA,CAAAyC,QAAA,QACGR,GAAG,EACHA,GAAG,EACHA,GACD,CAEA,CACP;EAED,OACEjC,KAAA,CAAAmC,aAAA,CAAC7B,KAAK,EAAA+B,QAAA,KAAKV,MAAM;IAAEe,OAAO,EAAC;EAAM,IAC9B3B,QAAQ,IAAIf,KAAA,CAAAmC,aAAA;IAAMQ,GAAG,EAAErB;EAAY,GAAEP,QAAe,CAAC,EACrDqB,SACI,CAAC;AAEZ;AAEA,SAASX,YAAYA,CAACiB,OAAoB,EAAEE,IAAY,EAAE;EACxD,IAAI,CAACF,OAAO,EAAE;IACZ;EACF;EAEA,MAAM;IAAEG,YAAY;IAAEC;EAAY,CAAC,GAAGJ,OAAO;EAE7CA,OAAO,CAACI,WAAW,IAAIF,IAAI;EAC3B,MAAMG,MAAM,GAAGL,OAAO,CAACG,YAAY;EACnCH,OAAO,CAACI,WAAW,GAAGA,WAAW;EAEjC,OAAOC,MAAM,GAAGF,YAAY;AAC9B;AAEAjC,eAAe,CAACoC,qBAAqB,GAAG,IAAI;AAC5C,eAAepC,eAAe"}
1	+ {"version":3,"file":"SubmitIndicator.js","names":["React","useLayoutEffect","useRef","useState","classnames","Icon","Space","Tooltip","check","omitSpacingProps","pickSpacingProps","useTranslation","SubmitIndicator","props","className","children","state","successLabel","rest","_objectWithoutProperties","_excluded","translation","childrenRef","willWrap","setWillWrap","willWordWrap","current","params","_objectSpread","ariaAttributes","role","ProgressIndicator","indicator_label","dot","_b","createElement","indicator","_extends","targetElement","_span","icon","Fragment","element","ref","word","offsetHeight","textContent","height","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Form/SubmitIndicator/SubmitIndicator.tsx"],"sourcesContent":["import React, { useLayoutEffect, useRef, useState } from 'react'\nimport classnames from 'classnames'\nimport { Icon, Space, Tooltip } from '../../../../components'\nimport type { SpaceProps } from '../../../../components/Space'\nimport { check } from '../../../../icons'\nimport type { SubmitState } from '../../types'\nimport {\n omitSpacingProps,\n pickSpacingProps,\n} from '../../../../components/flex/utils'\nimport { useTranslation } from '../../../../shared'\n\nexport type Props = {\n state: SubmitState\n className?: string\n successLabel?: string\n children?: React.ReactNode\n} & SpaceProps\n\nfunction SubmitIndicator(props: Props) {\n const {\n className,\n children,\n state,\n successLabel = 'Saved',\n ...rest\n } = props\n const translation = useTranslation()\n const childrenRef = useRef<HTMLSpanElement>(null)\n const [willWrap, setWillWrap] = useState(false)\n\n useLayoutEffect(() => {\n if (children && state) {\n setWillWrap(willWordWrap(childrenRef.current, '. . . '))\n }\n }, [children, state])\n\n const params = {\n className: classnames(\n 'dnb-forms-submit-indicator',\n state && `dnb-forms-submit-indicator--state-${state}`,\n willWrap && 'dnb-forms-submit-indicator--inline-wrap',\n className\n ),\n ...pickSpacingProps(rest),\n } as SpaceProps\n\n const ariaAttributes =\n state === 'pending'\n ? {\n role: 'status',\n 'aria-busy': true,\n 'aria-label': translation.ProgressIndicator.indicator_label,\n }\n : {}\n\n const dot = <b>.</b>\n const indicator = (\n <span\n className=\"dnb-forms-submit-indicator__content\"\n {...ariaAttributes}\n {...omitSpacingProps(rest)}\n >\n {state === 'success' && (\n <Tooltip\n targetElement={\n <span>\n <Icon icon={check} />\n </span>\n }\n >\n {successLabel}\n </Tooltip>\n )}\n {state && state !== 'success' && state !== 'abort' && (\n <>\n {dot}\n {dot}\n {dot}\n </>\n )}\n </span>\n )\n\n return (\n <Space {...params} element=\"span\">\n {children && <span ref={childrenRef}>{children}</span>}\n {indicator}\n </Space>\n )\n}\n\nfunction willWordWrap(element: HTMLElement, word: string) {\n if (!element) {\n return\n }\n\n const { offsetHeight, textContent } = element\n\n element.textContent += word\n const height = element.offsetHeight\n element.textContent = textContent\n\n return height > offsetHeight\n}\n\nSubmitIndicator._supportsSpacingProps = true\nexport default SubmitIndicator\n"],"mappings":"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"}

package/es/extensions/forms/Form/SubmitIndicator/style/dnb-form-submit-indicator.css CHANGED Viewed

@@ -1,17 +1,17 @@
 /*
  * Utilities
  */
-.dnb-form-submit-indicator {
+.dnb-forms-submit-indicator {
   display: inline;
   --padding-left: 0.5em;
 }
-.dnb-form-submit-indicator__content {
+.dnb-forms-submit-indicator__content {
   font-size: 0;
   line-height: 1em;
   will-change: font-size;
   transition: font-size 800ms var(--easing-default);
 }
-.dnb-form-submit-indicator__content b {
+.dnb-forms-submit-indicator__content b {
   padding-left: 0.125em;
   color: var(--dots-color, currentColor);
   opacity: 0.2;
@@ -20,38 +20,38 @@
   animation-duration: 1.3s;
   animation-delay: 200ms;
 }
-.dnb-form-submit-indicator__content b:nth-of-type(1) {
+.dnb-forms-submit-indicator__content b:nth-of-type(1) {
   padding-left: var(--padding-left);
   animation-delay: 50ms;
 }
-.dnb-form-submit-indicator__content b:nth-of-type(2) {
+.dnb-forms-submit-indicator__content b:nth-of-type(2) {
   animation-delay: 200ms;
 }
-.dnb-form-submit-indicator__content b:nth-of-type(3) {
+.dnb-forms-submit-indicator__content b:nth-of-type(3) {
   animation-delay: 400ms;
 }
-html[data-visual-test] .dnb-form-submit-indicator__content b {
+html[data-visual-test] .dnb-forms-submit-indicator__content b {
   animation: none;
 }
-.dnb-form-submit-indicator--state-pending .dnb-form-submit-indicator__content {
+.dnb-forms-submit-indicator--state-pending .dnb-forms-submit-indicator__content {
   font-size: 1em;
   font-weight: var(--font-weight-bold);
 }
-.dnb-form-submit-indicator--state-success .dnb-form-submit-indicator__content {
+.dnb-forms-submit-indicator--state-success .dnb-forms-submit-indicator__content {
   font-size: 1em;
 }
-.dnb-form-submit-indicator--state-success .dnb-form-submit-indicator__content .dnb-icon {
+.dnb-forms-submit-indicator--state-success .dnb-forms-submit-indicator__content .dnb-icon {
   padding-left: var(--padding-left);
   color: var(--color-success-green);
 }
-.dnb-form-submit-indicator--state-success .dnb-form-submit-indicator__content .dnb-icon--default {
+.dnb-forms-submit-indicator--state-success .dnb-forms-submit-indicator__content .dnb-icon--default {
   font-size: 1em;
 }
-.dnb-form-submit-indicator--state-success .dnb-form-submit-indicator__content__label {
+.dnb-forms-submit-indicator--state-success .dnb-forms-submit-indicator__content__label {
   font-size: var(--font-size-small);
   padding-left: calc(var(--padding-left) * 2);
 }
-.dnb-form-submit-indicator--inline-wrap .dnb-form-submit-indicator__content {
+.dnb-forms-submit-indicator--inline-wrap .dnb-forms-submit-indicator__content {
   display: flex;
   --padding-left: 0.25em;
 }

package/es/extensions/forms/Form/SubmitIndicator/style/dnb-form-submit-indicator.min.css CHANGED Viewed

	@@ -1 +1 @@
1	- .dnb-~~form~~-submit-indicator{--padding-left:0.5em;display:inline}.dnb-~~form~~-submit-indicator__content{font-size:0;line-height:1em;transition:font-size .8s var(--easing-default);will-change:font-size}.dnb-~~form~~-submit-indicator__content b{animation-delay:.2s;animation-duration:1.3s;animation-iteration-count:infinite;animation-name:submit-indicator-dot;color:var(--dots-color,currentColor);opacity:.2;padding-left:.125em}.dnb-~~form~~-submit-indicator__content b:first-of-type{animation-delay:50ms;padding-left:var(--padding-left)}.dnb-~~form~~-submit-indicator__content b:nth-of-type(2){animation-delay:.2s}.dnb-~~form~~-submit-indicator__content b:nth-of-type(3){animation-delay:.4s}html[data-visual-test] .dnb-~~form~~-submit-indicator__content b{animation:none}.dnb-~~form~~-submit-indicator--state-pending .dnb-~~form~~-submit-indicator__content{font-size:1em;font-weight:var(--font-weight-bold)}.dnb-~~form~~-submit-indicator--state-success .dnb-~~form~~-submit-indicator__content{font-size:1em}.dnb-~~form~~-submit-indicator--state-success .dnb-~~form~~-submit-indicator__content .dnb-icon{color:var(--color-success-green);padding-left:var(--padding-left)}.dnb-~~form~~-submit-indicator--state-success .dnb-~~form~~-submit-indicator__content .dnb-icon--default{font-size:1em}.dnb-~~form~~-submit-indicator--state-success .dnb-~~form~~-submit-indicator__content__label{font-size:var(--font-size-small);padding-left:calc(var(--padding-left)*2)}.dnb-~~form~~-submit-indicator--inline-wrap .dnb-~~form~~-submit-indicator__content{--padding-left:0.25em;display:flex}@keyframes submit-indicator-dot{0%{opacity:.2}15%{opacity:1}50%{opacity:1}60%{opacity:.3}to{opacity:.2}}@keyframes submit-indicator-success{0%{font-size:1em;opacity:.2}20%{font-size:1em;opacity:1}80%{opacity:1}85%{font-size:1em;opacity:.3}90%{opacity:0}to{font-size:0;opacity:0}}
1	+ .dnb-forms-submit-indicator{--padding-left:0.5em;display:inline}.dnb-forms-submit-indicator__content{font-size:0;line-height:1em;transition:font-size .8s var(--easing-default);will-change:font-size}.dnb-forms-submit-indicator__content b{animation-delay:.2s;animation-duration:1.3s;animation-iteration-count:infinite;animation-name:submit-indicator-dot;color:var(--dots-color,currentColor);opacity:.2;padding-left:.125em}.dnb-forms-submit-indicator__content b:first-of-type{animation-delay:50ms;padding-left:var(--padding-left)}.dnb-forms-submit-indicator__content b:nth-of-type(2){animation-delay:.2s}.dnb-forms-submit-indicator__content b:nth-of-type(3){animation-delay:.4s}html[data-visual-test] .dnb-forms-submit-indicator__content b{animation:none}.dnb-forms-submit-indicator--state-pending .dnb-forms-submit-indicator__content{font-size:1em;font-weight:var(--font-weight-bold)}.dnb-forms-submit-indicator--state-success .dnb-forms-submit-indicator__content{font-size:1em}.dnb-forms-submit-indicator--state-success .dnb-forms-submit-indicator__content .dnb-icon{color:var(--color-success-green);padding-left:var(--padding-left)}.dnb-forms-submit-indicator--state-success .dnb-forms-submit-indicator__content .dnb-icon--default{font-size:1em}.dnb-forms-submit-indicator--state-success .dnb-forms-submit-indicator__content__label{font-size:var(--font-size-small);padding-left:calc(var(--padding-left)*2)}.dnb-forms-submit-indicator--inline-wrap .dnb-forms-submit-indicator__content{--padding-left:0.25em;display:flex}@keyframes submit-indicator-dot{0%{opacity:.2}15%{opacity:1}50%{opacity:1}60%{opacity:.3}to{opacity:.2}}@keyframes submit-indicator-success{0%{font-size:1em;opacity:.2}20%{font-size:1em;opacity:1}80%{opacity:1}85%{font-size:1em;opacity:.3}90%{opacity:0}to{font-size:0;opacity:0}}

package/es/extensions/forms/Form/SubmitIndicator/style/dnb-form-submit-indicator.scss CHANGED Viewed

@@ -1,6 +1,6 @@
 @import '../../../../../style/core/utilities.scss';
-.dnb-form-submit-indicator {
+.dnb-forms-submit-indicator {
   display: inline;
   --padding-left: 0.5em;

package/es/extensions/forms/Form/Visibility/Visibility.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
 import React from 'react';
 import { HeightAnimationProps } from '../../../../components/HeightAnimation';
+import type { UseFieldProps } from '../../types';
 export type Props = {
     visible?: boolean;
     /** Given data context path must be defined to show children */
@@ -24,10 +25,12 @@ export type Props = {
     animate?: boolean;
     /** Keep the content in the DOM, even if it's not visible */
     keepInDOM?: boolean;
+    /** When visibility is hidden, and `keepInDOM` is true, pass these props to the children */
+    fieldPropsWhenHidden?: UseFieldProps;
     element?: HeightAnimationProps['element'];
     children: React.ReactNode;
 };
-declare function Visibility({ visible, pathDefined, pathUndefined, pathTruthy, pathFalsy, pathTrue, pathFalse, pathValue, whenValue, inferData, animate, keepInDOM, children, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
+declare function Visibility({ visible, pathDefined, pathUndefined, pathTruthy, pathFalsy, pathTrue, pathFalse, pathValue, whenValue, inferData, animate, keepInDOM, fieldPropsWhenHidden, children, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
 declare namespace Visibility {
     var _supportsSpacingProps: string;
 }

package/es/extensions/forms/Form/Visibility/Visibility.js CHANGED Viewed

@@ -2,11 +2,12 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["visible", "pathDefined", "pathUndefined", "pathTruthy", "pathFalsy", "pathTrue", "pathFalse", "pathValue", "whenValue", "inferData", "animate", "keepInDOM", "children"];
+const _excluded = ["visible", "pathDefined", "pathUndefined", "pathTruthy", "pathFalsy", "pathTrue", "pathFalse", "pathValue", "whenValue", "inferData", "animate", "keepInDOM", "fieldPropsWhenHidden", "children"];
 import React, { useContext } from 'react';
 import pointer from 'json-pointer';
 import * as DataContext from '../../DataContext';
 import HeightAnimation from '../../../../components/HeightAnimation';
+import FieldProps from '../FieldProps';
 function Visibility(_ref) {
   let {
       visible,
@@ -21,6 +22,7 @@ function Visibility(_ref) {
       inferData,
       animate,
       keepInDOM,
+      fieldPropsWhenHidden,
       children
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
@@ -56,11 +58,12 @@ function Visibility(_ref) {
     return true;
   };
   if (animate) {
+    const open = Boolean(check());
     return React.createElement(HeightAnimation, _extends({
-      open: Boolean(check()),
+      open: open,
       keepInDOM: keepInDOM,
       className: "dnb-forms-visibility"
-    }, rest), children);
+    }, rest), React.createElement(FieldProps, open ? null : fieldPropsWhenHidden, children));
   }
   if (check()) {
     return React.createElement(React.Fragment, null, children);
@@ -69,7 +72,7 @@ function Visibility(_ref) {
     return React.createElement("span", {
       className: "dnb-forms-visibility",
       hidden: true
-    }, children);
+    }, React.createElement(FieldProps, fieldPropsWhenHidden, children));
   }
   return null;
 }

package/es/extensions/forms/Form/Visibility/Visibility.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Visibility.js","names":["React","useContext","pointer","DataContext","HeightAnimation","Visibility","_ref","visible","pathDefined","pathUndefined","pathTruthy","pathFalsy","pathTrue","pathFalse","pathValue","whenValue","inferData","animate","keepInDOM","children","rest","_objectWithoutProperties","_excluded","dataContext","Context","check","has","data","get","Boolean","~~createElement~~","~~_extends~~","~~open~~","className","Fragment","hidden","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Form/Visibility/Visibility.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport pointer from 'json-pointer'\nimport * as DataContext from '../../DataContext'\nimport HeightAnimation, {\n HeightAnimationProps,\n} from '../../../../components/HeightAnimation'\n\nexport type Props = {\n visible?: boolean\n /** Given data context path must be defined to show children /\n pathDefined?: string\n /* Given data context path must be undefined to show children /\n pathUndefined?: string\n /* Given data context path must be truthy to show children /\n pathTruthy?: string\n /* Given data context path must be falsy to show children /\n pathFalsy?: string\n /* Given data context path must be true to show children /\n pathTrue?: string\n /* Given data context path must be false to show children /\n pathFalse?: string\n /* Given data context path must match, as well as the \"whenValue\" value /\n pathValue?: string\n /* Given data context value must match this value to show children /\n whenValue?: unknown\n /* Infer visibility calling given derivative function with the whole data set. Should return true/false for visibility. /\n inferData?: (data: unknown) => boolean\n /* Animate the visibility change /\n animate?: boolean\n /* Keep the content in the DOM, even if it's not visible */\n keepInDOM?: boolean\n element?: HeightAnimationProps['element']\n children: React.ReactNode\n}\n\nfunction Visibility({\n visible,\n pathDefined,\n pathUndefined,\n pathTruthy,\n pathFalsy,\n pathTrue,\n pathFalse,\n pathValue,\n whenValue,\n inferData,\n animate,\n keepInDOM,\n children,\n ...rest\n}: Props) {\n const dataContext = useContext(DataContext.Context)\n\n const check = () => {\n if (visible === false) {\n return\n }\n\n if (pathDefined && !pointer.has(dataContext.data, pathDefined)) {\n return\n }\n if (pathUndefined && pointer.has(dataContext.data, pathUndefined)) {\n return\n }\n\n if (\n pathTruthy &&\n (!pointer.has(dataContext.data, pathTruthy) \|\|\n !pointer.get(dataContext.data, pathTruthy))\n ) {\n return\n }\n if (\n pathFalsy &&\n pointer.has(dataContext.data, pathFalsy) &&\n Boolean(pointer.get(dataContext.data, pathFalsy))\n ) {\n return\n }\n\n if (\n pathTrue &&\n (!pointer.has(dataContext.data, pathTrue) \|\|\n pointer.get(dataContext.data, pathTrue) !== true)\n ) {\n return\n }\n if (\n pathFalse &&\n (!pointer.has(dataContext.data, pathFalse) \|\|\n pointer.get(dataContext.data, pathFalse) !== false)\n ) {\n return\n }\n\n if (\n pathValue &&\n !(\n pointer.has(dataContext.data, pathValue) &&\n pointer.get(dataContext.data, pathValue) === whenValue\n )\n ) {\n return\n }\n\n if (inferData && !inferData(dataContext.data)) {\n return\n }\n\n return true\n }\n\n if (animate) {\n return (\n <HeightAnimation\n open={~~Boolean(check())~~}\n keepInDOM={keepInDOM}\n className=\"dnb-forms-visibility\"\n {...rest}\n >\n {children}\n </HeightAnimation>\n )\n }\n\n if (check()) {\n return <>{children}</>\n }\n\n if (keepInDOM) {\n return (\n <span className=\"dnb-forms-visibility\" hidden>\n {children}\n </span>\n )\n }\n\n return null\n}\n\nVisibility._supportsSpacingProps = 'children'\nexport default Visibility\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,OAAO,MAAM,cAAc;AAClC,OAAO,KAAKC,WAAW,MAAM,mBAAmB;AAChD,OAAOC,eAAe,MAEf,wCAAwC;~~AA8B~~/C,SAASC,UAAUA,CAAAC,IAAA,~~EAeT~~;EAAA,~~IAfU~~;MAClBC,OAAO;MACPC,WAAW;MACXC,aAAa;MACbC,UAAU;MACVC,SAAS;MACTC,QAAQ;MACRC,SAAS;MACTC,SAAS;MACTC,SAAS;MACTC,SAAS;MACTC,OAAO;MACPC,SAAS;MACTC;IAEK,CAAC,~~GAAAb~~,IAAA;~~IADHc~~,IAAI,GAAAC,wBAAA,~~CAAAf~~,IAAA,~~EAAAgB~~,SAAA;EAEP,MAAMC,WAAW,~~GAAGtB~~,UAAU,CAACE,WAAW,~~CAACqB~~,OAAO,CAAC;EAEnD,MAAMC,KAAK,GAAGA,CAAA,KAAM;IAClB,~~IAAIlB~~,OAAO,KAAK,KAAK,EAAE;MACrB;IACF;IAEA,IAAIC,WAAW,IAAI,~~CAACN~~,OAAO,~~CAACwB~~,GAAG,CAACH,WAAW,CAACI,IAAI,~~EAAEnB~~,WAAW,CAAC,EAAE;MAC9D;IACF;IACA,IAAIC,aAAa,~~IAAIP~~,OAAO,~~CAACwB~~,GAAG,CAACH,WAAW,CAACI,IAAI,~~EAAElB~~,aAAa,CAAC,EAAE;MACjE;IACF;IAEA,IACEC,UAAU,KACT,~~CAACR~~,OAAO,~~CAACwB~~,GAAG,CAACH,WAAW,CAACI,IAAI,~~EAAEjB~~,UAAU,CAAC,IACzC,~~CAACR~~,OAAO,~~CAAC0B~~,GAAG,CAACL,WAAW,CAACI,IAAI,~~EAAEjB~~,UAAU,CAAC,CAAC,EAC7C;MACA;IACF;IACA,IACEC,SAAS,~~IACTT~~,OAAO,~~CAACwB~~,GAAG,CAACH,WAAW,CAACI,IAAI,~~EAAEhB~~,SAAS,CAAC,~~IACxCkB~~,OAAO,~~CAAC3B~~,OAAO,~~CAAC0B~~,GAAG,CAACL,WAAW,CAACI,IAAI,~~EAAEhB~~,SAAS,CAAC,CAAC,EACjD;MACA;IACF;IAEA,IACEC,QAAQ,KACP,~~CAACV~~,OAAO,~~CAACwB~~,GAAG,CAACH,WAAW,CAACI,IAAI,~~EAAEf~~,QAAQ,CAAC,~~IACvCV~~,OAAO,~~CAAC0B~~,GAAG,CAACL,WAAW,CAACI,IAAI,~~EAAEf~~,QAAQ,CAAC,KAAK,IAAI,CAAC,EACnD;MACA;IACF;IACA,IACEC,SAAS,KACR,~~CAACX~~,OAAO,~~CAACwB~~,GAAG,CAACH,WAAW,CAACI,IAAI,~~EAAEd~~,SAAS,CAAC,~~IACxCX~~,OAAO,~~CAAC0B~~,GAAG,CAACL,WAAW,CAACI,IAAI,~~EAAEd~~,SAAS,CAAC,KAAK,KAAK,CAAC,EACrD;MACA;IACF;IAEA,IACEC,SAAS,IACT,~~EACEZ~~,OAAO,~~CAACwB~~,GAAG,CAACH,WAAW,CAACI,IAAI,~~EAAEb~~,SAAS,CAAC,~~IACxCZ~~,OAAO,~~CAAC0B~~,GAAG,CAACL,WAAW,CAACI,IAAI,~~EAAEb~~,SAAS,CAAC,KAAKC,SAAS,CACvD,EACD;MACA;IACF;IAEA,IAAIC,SAAS,IAAI,CAACA,SAAS,~~CAACO~~,WAAW,CAACI,IAAI,CAAC,EAAE;MAC7C;IACF;IAEA,OAAO,IAAI;EACb,CAAC;EAED,~~IAAIV~~,OAAO,EAAE;IACX,~~OACEjB~~,~~KAAA~~,~~CAAA8B~~,~~aAAA~~,~~CAAC1B~~,~~eAAe~~,~~EAAA2B~~,~~QAAA~~;~~MACdC~~,~~IAAI~~,~~EAAEH~~,~~OAAO~~,~~CAACJ~~,~~KAAK~~,~~CAAC~~,~~CAAC~~,~~CAAE~~;~~MACvBP~~,SAAS,EAAEA,SAAU;~~MACrBe~~,SAAS,EAAC;IAAsB,GAC5Bb,IAAI,~~GAEPD~~,~~QACc~~,CAAC;EAEtB;EAEA,IAAIM,KAAK,CAAC,CAAC,EAAE;IACX,~~OAAOzB~~,KAAA,~~CAAA8B~~,aAAA,~~CAAA9B~~,KAAA,~~CAAAkC~~,QAAA,QAAGf,QAAW,CAAC;EACxB;EAEA,~~IAAID~~,SAAS,EAAE;IACb,~~OACElB~~,KAAA,~~CAAA8B~~,aAAA;~~MAAMG~~,SAAS,EAAC,sBAAsB;MAACE,MAAM;IAAA,~~GAC1ChB~~,~~QACG~~,CAAC;EAEX;EAEA,OAAO,IAAI;AACb;~~AAEAd~~,UAAU,~~CAAC+B~~,qBAAqB,GAAG,UAAU;AAC7C,~~eAAe/B~~,UAAU"}
1	+ {"version":3,"file":"Visibility.js","names":["React","useContext","pointer","DataContext","HeightAnimation","FieldProps","Visibility","_ref","visible","pathDefined","pathUndefined","pathTruthy","pathFalsy","pathTrue","pathFalse","pathValue","whenValue","inferData","animate","keepInDOM","fieldPropsWhenHidden","children","rest","_objectWithoutProperties","_excluded","dataContext","Context","check","has","data","get","Boolean","open","createElement","_extends","className","Fragment","hidden","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Form/Visibility/Visibility.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport pointer from 'json-pointer'\nimport * as DataContext from '../../DataContext'\nimport HeightAnimation, {\n HeightAnimationProps,\n} from '../../../../components/HeightAnimation'\nimport FieldProps from '../FieldProps'\nimport type { UseFieldProps } from '../../types'\n\nexport type Props = {\n visible?: boolean\n /** Given data context path must be defined to show children /\n pathDefined?: string\n /* Given data context path must be undefined to show children /\n pathUndefined?: string\n /* Given data context path must be truthy to show children /\n pathTruthy?: string\n /* Given data context path must be falsy to show children /\n pathFalsy?: string\n /* Given data context path must be true to show children /\n pathTrue?: string\n /* Given data context path must be false to show children /\n pathFalse?: string\n /* Given data context path must match, as well as the \"whenValue\" value /\n pathValue?: string\n /* Given data context value must match this value to show children /\n whenValue?: unknown\n /* Infer visibility calling given derivative function with the whole data set. Should return true/false for visibility. /\n inferData?: (data: unknown) => boolean\n /* Animate the visibility change /\n animate?: boolean\n /* Keep the content in the DOM, even if it's not visible /\n keepInDOM?: boolean\n /* When visibility is hidden, and `keepInDOM` is true, pass these props to the children */\n fieldPropsWhenHidden?: UseFieldProps\n element?: HeightAnimationProps['element']\n children: React.ReactNode\n}\n\nfunction Visibility({\n visible,\n pathDefined,\n pathUndefined,\n pathTruthy,\n pathFalsy,\n pathTrue,\n pathFalse,\n pathValue,\n whenValue,\n inferData,\n animate,\n keepInDOM,\n fieldPropsWhenHidden,\n children,\n ...rest\n}: Props) {\n const dataContext = useContext(DataContext.Context)\n\n const check = () => {\n if (visible === false) {\n return\n }\n\n if (pathDefined && !pointer.has(dataContext.data, pathDefined)) {\n return\n }\n if (pathUndefined && pointer.has(dataContext.data, pathUndefined)) {\n return\n }\n\n if (\n pathTruthy &&\n (!pointer.has(dataContext.data, pathTruthy) \|\|\n !pointer.get(dataContext.data, pathTruthy))\n ) {\n return\n }\n if (\n pathFalsy &&\n pointer.has(dataContext.data, pathFalsy) &&\n Boolean(pointer.get(dataContext.data, pathFalsy))\n ) {\n return\n }\n\n if (\n pathTrue &&\n (!pointer.has(dataContext.data, pathTrue) \|\|\n pointer.get(dataContext.data, pathTrue) !== true)\n ) {\n return\n }\n if (\n pathFalse &&\n (!pointer.has(dataContext.data, pathFalse) \|\|\n pointer.get(dataContext.data, pathFalse) !== false)\n ) {\n return\n }\n\n if (\n pathValue &&\n !(\n pointer.has(dataContext.data, pathValue) &&\n pointer.get(dataContext.data, pathValue) === whenValue\n )\n ) {\n return\n }\n\n if (inferData && !inferData(dataContext.data)) {\n return\n }\n\n return true\n }\n\n if (animate) {\n const open = Boolean(check())\n return (\n <HeightAnimation\n open={open}\n keepInDOM={keepInDOM}\n className=\"dnb-forms-visibility\"\n {...rest}\n >\n <FieldProps {...(open ? null : fieldPropsWhenHidden)}>\n {children}\n </FieldProps>\n </HeightAnimation>\n )\n }\n\n if (check()) {\n return <>{children}</>\n }\n\n if (keepInDOM) {\n return (\n <span className=\"dnb-forms-visibility\" hidden>\n <FieldProps {...fieldPropsWhenHidden}>{children}</FieldProps>\n </span>\n )\n }\n\n return null\n}\n\nVisibility._supportsSpacingProps = 'children'\nexport default Visibility\n"],"mappings":"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"}

package/es/extensions/forms/Form/Visibility/VisibilityDocs.js CHANGED Viewed

@@ -59,6 +59,11 @@ export const VisibilityProperties = {
     type: 'boolean',
     status: 'optional'
   },
+  fieldPropsWhenHidden: {
+    doc: 'When visibility is hidden, and `keepInDOM` is true, pass these props to the children.',
+    type: 'various',
+    status: 'optional'
+  },
   element: {
     doc: 'Define the type of element. Defaults to `div`. Only for when `animate` is true.',
     type: 'string or React.Element',

package/es/extensions/forms/Form/Visibility/VisibilityDocs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"VisibilityDocs.js","names":["VisibilityProperties","pathDefined","doc","type","status","pathUndefined","pathTruthy","pathFalsy","pathTrue","pathFalse","pathValue","whenValue","inferData","visible","animate","keepInDOM","element","children"],"sources":["../../../../../../src/extensions/forms/Form/Visibility/VisibilityDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const VisibilityProperties: PropertiesTableProps = {\n pathDefined: {\n doc: 'Given data context path must be defined to show children.',\n type: 'string',\n status: 'optional',\n },\n pathUndefined: {\n doc: 'Given data context path must be undefined to show children.',\n type: 'string',\n status: 'optional',\n },\n pathTruthy: {\n doc: 'Given data context path must be truthy to show children.',\n type: 'string',\n status: 'optional',\n },\n pathFalsy: {\n doc: 'Given data context path must be falsy to show children.',\n type: 'string',\n status: 'optional',\n },\n pathTrue: {\n doc: 'Given data context path must be true to show children.',\n type: 'string',\n status: 'optional',\n },\n pathFalse: {\n doc: 'Given data context path must be false to show children.',\n type: 'string',\n status: 'optional',\n },\n pathValue: {\n doc: 'Given data context path must match, as well as the `whenValue` value.',\n type: 'string',\n status: 'optional',\n },\n whenValue: {\n doc: 'The value to match. Should be used together with `pathValue`.',\n type: 'string',\n status: 'optional',\n },\n inferData: {\n doc: 'Will be called to decide by external logic, and show/hide contents based on the return value.',\n type: 'function',\n status: 'optional',\n },\n visible: {\n doc: 'Control visibility directly by boolean value.',\n type: 'boolean',\n status: 'optional',\n },\n animate: {\n doc: 'Define if the content should animate during show/hide.',\n type: 'boolean',\n status: 'optional',\n },\n keepInDOM: {\n doc: \"Keep the content in the DOM, even if it's not visible. Can be used to let fields run validation.\",\n type: 'boolean',\n status: 'optional',\n },\n element: {\n doc: 'Define the type of element. Defaults to `div`. Only for when `animate` is true.',\n type: 'string or React.Element',\n status: 'optional',\n },\n children: {\n doc: 'Contents.',\n type: 'React.Node',\n status: 'required',\n },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,oBAA0C,GAAG;EACxDC,WAAW,EAAE;IACXC,GAAG,EAAE,2DAA2D;IAChEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,aAAa,EAAE;IACbH,GAAG,EAAE,6DAA6D;IAClEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,UAAU,EAAE;IACVJ,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,SAAS,EAAE;IACTL,GAAG,EAAE,yDAAyD;IAC9DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,QAAQ,EAAE;IACRN,GAAG,EAAE,wDAAwD;IAC7DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,SAAS,EAAE;IACTP,GAAG,EAAE,yDAAyD;IAC9DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDM,SAAS,EAAE;IACTR,GAAG,EAAE,uEAAuE;IAC5EC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDO,SAAS,EAAE;IACTT,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDQ,SAAS,EAAE;IACTV,GAAG,EAAE,+FAA+F;IACpGC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDS,OAAO,EAAE;IACPX,GAAG,EAAE,+CAA+C;IACpDC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDU,OAAO,EAAE;IACPZ,GAAG,EAAE,wDAAwD;IAC7DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDW,SAAS,EAAE;IACTb,GAAG,EAAE,kGAAkG;IACvGC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDY,OAAO,EAAE;~~IACPd~~,GAAG,EAAE,iFAAiF;IACtFC,IAAI,EAAE,yBAAyB;IAC/BC,MAAM,EAAE;EACV,CAAC;~~EACDa~~,QAAQ,EAAE;~~IACRf~~,GAAG,EAAE,WAAW;IAChBC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV;AACF,CAAC"}
1	+ {"version":3,"file":"VisibilityDocs.js","names":["VisibilityProperties","pathDefined","doc","type","status","pathUndefined","pathTruthy","pathFalsy","pathTrue","pathFalse","pathValue","whenValue","inferData","visible","animate","keepInDOM","fieldPropsWhenHidden","element","children"],"sources":["../../../../../../src/extensions/forms/Form/Visibility/VisibilityDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const VisibilityProperties: PropertiesTableProps = {\n pathDefined: {\n doc: 'Given data context path must be defined to show children.',\n type: 'string',\n status: 'optional',\n },\n pathUndefined: {\n doc: 'Given data context path must be undefined to show children.',\n type: 'string',\n status: 'optional',\n },\n pathTruthy: {\n doc: 'Given data context path must be truthy to show children.',\n type: 'string',\n status: 'optional',\n },\n pathFalsy: {\n doc: 'Given data context path must be falsy to show children.',\n type: 'string',\n status: 'optional',\n },\n pathTrue: {\n doc: 'Given data context path must be true to show children.',\n type: 'string',\n status: 'optional',\n },\n pathFalse: {\n doc: 'Given data context path must be false to show children.',\n type: 'string',\n status: 'optional',\n },\n pathValue: {\n doc: 'Given data context path must match, as well as the `whenValue` value.',\n type: 'string',\n status: 'optional',\n },\n whenValue: {\n doc: 'The value to match. Should be used together with `pathValue`.',\n type: 'string',\n status: 'optional',\n },\n inferData: {\n doc: 'Will be called to decide by external logic, and show/hide contents based on the return value.',\n type: 'function',\n status: 'optional',\n },\n visible: {\n doc: 'Control visibility directly by boolean value.',\n type: 'boolean',\n status: 'optional',\n },\n animate: {\n doc: 'Define if the content should animate during show/hide.',\n type: 'boolean',\n status: 'optional',\n },\n keepInDOM: {\n doc: \"Keep the content in the DOM, even if it's not visible. Can be used to let fields run validation.\",\n type: 'boolean',\n status: 'optional',\n },\n fieldPropsWhenHidden: {\n doc: 'When visibility is hidden, and `keepInDOM` is true, pass these props to the children.',\n type: 'various',\n status: 'optional',\n },\n element: {\n doc: 'Define the type of element. Defaults to `div`. Only for when `animate` is true.',\n type: 'string or React.Element',\n status: 'optional',\n },\n children: {\n doc: 'Contents.',\n type: 'React.Node',\n status: 'required',\n },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,oBAA0C,GAAG;EACxDC,WAAW,EAAE;IACXC,GAAG,EAAE,2DAA2D;IAChEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,aAAa,EAAE;IACbH,GAAG,EAAE,6DAA6D;IAClEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,UAAU,EAAE;IACVJ,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,SAAS,EAAE;IACTL,GAAG,EAAE,yDAAyD;IAC9DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,QAAQ,EAAE;IACRN,GAAG,EAAE,wDAAwD;IAC7DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,SAAS,EAAE;IACTP,GAAG,EAAE,yDAAyD;IAC9DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDM,SAAS,EAAE;IACTR,GAAG,EAAE,uEAAuE;IAC5EC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDO,SAAS,EAAE;IACTT,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDQ,SAAS,EAAE;IACTV,GAAG,EAAE,+FAA+F;IACpGC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDS,OAAO,EAAE;IACPX,GAAG,EAAE,+CAA+C;IACpDC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDU,OAAO,EAAE;IACPZ,GAAG,EAAE,wDAAwD;IAC7DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDW,SAAS,EAAE;IACTb,GAAG,EAAE,kGAAkG;IACvGC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDY,oBAAoB,EAAE;IACpBd,GAAG,EAAE,uFAAuF;IAC5FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDa,OAAO,EAAE;IACPf,GAAG,EAAE,iFAAiF;IACtFC,IAAI,EAAE,yBAAyB;IAC/BC,MAAM,EAAE;EACV,CAAC;EACDc,QAAQ,EAAE;IACRhB,GAAG,EAAE,WAAW;IAChBC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV;AACF,CAAC"}

package/es/extensions/forms/Form/index.d.ts CHANGED Viewed

@@ -7,6 +7,7 @@ export { default as ButtonRow } from './ButtonRow';
 export { default as MainHeading } from './MainHeading';
 export { default as SubHeading } from './SubHeading';
 export { default as Visibility } from './Visibility';
+export { default as FieldProps } from './FieldProps';
 export { default as useData } from './data-context/useData';
 export { default as setData } from './data-context/setData';
 export { default as getData } from './data-context/getData';

package/es/extensions/forms/Form/index.js CHANGED Viewed

@@ -7,6 +7,7 @@ export { default as ButtonRow } from './ButtonRow';
 export { default as MainHeading } from './MainHeading';
 export { default as SubHeading } from './SubHeading';
 export { default as Visibility } from './Visibility';
+export { default as FieldProps } from './FieldProps';
 export { default as useData } from './data-context/useData';
 export { default as setData } from './data-context/setData';
 export { default as getData } from './data-context/getData';