@dnb/eufemia 10.69.0 → 10.70.0

package/components/radio/RadioDocs.js

@@ -0,0 +1,139 @@
+export const RadioProperties = {
+  value: {
+    doc: 'defines the `value` as a string. Use it to get the value during the `on_change` event listener callback in the **RadioGroup**.',
+    type: 'string',
+    status: 'required'
+  },
+  checked: {
+    doc: 'determine whether the radio is checked or not. Default will be `false`.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  group: {
+    doc: 'use a unique group identifier to define the Radio buttons that belongs together.',
+    type: 'string',
+    status: 'optional'
+  },
+  size: {
+    doc: 'the size of the Radio button. For now there is **medium** (default) and **large**.',
+    type: ['medium', 'large'],
+    status: 'optional'
+  },
+  label: {
+    doc: 'use either the `label` property or provide a custom one.',
+    type: 'React.ReactNode',
+    status: 'optional'
+  },
+  label_position: {
+    doc: 'defines the position of the `label`. Use either `left` or `right`. Defaults to `right`.',
+    type: ['left', 'right'],
+    status: 'optional'
+  },
+  label_sr_only: {
+    doc: 'use `true` to make the label only readable by screen readers.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  status: {
+    doc: 'text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.',
+    type: ['string', 'boolean'],
+    status: 'optional'
+  },
+  status_state: {
+    doc: "defines the state of the status. It's two statuses `[error, info]`. Defaults to `error`.",
+    type: ['error', 'info'],
+    status: 'optional'
+  },
+  status_props: {
+    doc: 'use an object to define additional FormStatus properties.',
+    type: 'Various',
+    status: 'optional'
+  },
+  globalStatus: {
+    doc: 'the [configuration](/uilib/components/global-status/properties/#configuration-object) used for the target [GlobalStatus](/uilib/components/global-status).',
+    type: 'Various',
+    status: 'optional'
+  },
+  innerRef: {
+    doc: 'by providing a React.ref we can get the internally used input element (DOM). E.g. `innerRef={myRef}` by using `React.createRef()` or `React.useRef()`.',
+    type: 'React.Ref',
+    status: 'optional'
+  }
+};
+export const RadioGroupProperties = {
+  value: {
+    doc: 'defines the pre-selected Radio button. The value has to match the one provided in the Radio button. Use a string value.',
+    type: 'string',
+    status: 'optional'
+  },
+  name: {
+    doc: 'custom grouping name. Defaults to a random name.',
+    type: 'string',
+    status: 'optional'
+  },
+  layout_direction: {
+    doc: 'Define the layout direction of the Radio buttons. Can be either `column` or `row`. Defaults to `column`.',
+    type: ['column', 'row'],
+    status: 'optional'
+  },
+  size: {
+    doc: 'the size of the Radio button. For now there is **medium** (default) and **large**.',
+    type: ['medium', 'large'],
+    status: 'optional'
+  },
+  status: {
+    doc: 'uses the `form-status` component to show failure messages.',
+    type: ['string', 'boolean'],
+    status: 'optional'
+  },
+  status_state: {
+    doc: "defines the state of the status. It's two statuses `[error, info]`. Defaults to `error`.",
+    type: ['error', 'info'],
+    status: 'optional'
+  },
+  status_props: {
+    doc: 'use an object to define additional FormStatus properties.',
+    type: 'Various',
+    status: 'optional'
+  },
+  globalStatus: {
+    doc: 'the [configuration](/uilib/components/global-status/properties/#configuration-object) used for the target [GlobalStatus](/uilib/components/global-status).',
+    type: 'Various',
+    status: 'optional'
+  },
+  label: {
+    doc: 'use either the `label` property or provide a custom one.',
+    type: 'React.ReactNode',
+    status: 'optional'
+  },
+  label_direction: {
+    doc: 'to define the `label` layout direction on how the next element should be placed on. Can be either `vertical` or `horizontal`. Defaults to `horizontal`.',
+    type: ['vertical', 'horizontal'],
+    status: 'optional'
+  },
+  label_sr_only: {
+    doc: 'use `true` to make the label only readable by screen readers.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  vertical: {
+    doc: 'will force both `direction` and `label_direction` to be **vertical** if set to `true`.',
+    type: 'boolean',
+    status: 'optional'
+  }
+};
+export const RadioEvents = {
+  on_change: {
+    doc: 'will be called on state changes made by the user. Returns an object `{ checked, value, event }`.',
+    type: 'function',
+    status: 'optional'
+  }
+};
+export const RadioGroupEvents = {
+  on_change: {
+    doc: 'will be called once a Radio button changes the state. Returns an object `{ value, event }`.',
+    type: 'function',
+    status: 'optional'
+  }
+};
+//# sourceMappingURL=RadioDocs.js.map

package/components/radio/RadioDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioDocs.js","names":["RadioProperties","value","doc","type","status","checked","group","size","label","label_position","label_sr_only","status_state","status_props","globalStatus","innerRef","RadioGroupProperties","name","layout_direction","label_direction","vertical","RadioEvents","on_change","RadioGroupEvents"],"sources":["../../../../src/components/radio/RadioDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const RadioProperties: PropertiesTableProps = {\n  value: {\n    doc: 'defines the `value` as a string. Use it to get the value during the `on_change` event listener callback in the **RadioGroup**.',\n    type: 'string',\n    status: 'required',\n  },\n  checked: {\n    doc: 'determine whether the radio is checked or not. Default will be `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  group: {\n    doc: 'use a unique group identifier to define the Radio buttons that belongs together.',\n    type: 'string',\n    status: 'optional',\n  },\n  size: {\n    doc: 'the size of the Radio button. For now there is **medium** (default) and **large**.',\n    type: ['medium', 'large'],\n    status: 'optional',\n  },\n  label: {\n    doc: 'use either the `label` property or provide a custom one.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  label_position: {\n    doc: 'defines the position of the `label`. Use either `left` or `right`. Defaults to `right`.',\n    type: ['left', 'right'],\n    status: 'optional',\n  },\n  label_sr_only: {\n    doc: 'use `true` to make the label only readable by screen readers.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  status: {\n    doc: 'text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.',\n    type: ['string', 'boolean'],\n    status: 'optional',\n  },\n  status_state: {\n    doc: \"defines the state of the status. It's two statuses `[error, info]`. Defaults to `error`.\",\n    type: ['error', 'info'],\n    status: 'optional',\n  },\n  status_props: {\n    doc: 'use an object to define additional FormStatus properties.',\n    type: 'Various',\n    status: 'optional',\n  },\n  globalStatus: {\n    doc: 'the [configuration](/uilib/components/global-status/properties/#configuration-object) used for the target [GlobalStatus](/uilib/components/global-status).',\n    type: 'Various',\n    status: 'optional',\n  },\n  innerRef: {\n    doc: 'by providing a React.ref we can get the internally used input element (DOM). E.g. `innerRef={myRef}` by using `React.createRef()` or `React.useRef()`.',\n    type: 'React.Ref',\n    status: 'optional',\n  },\n}\n\nexport const RadioGroupProperties: PropertiesTableProps = {\n  value: {\n    doc: 'defines the pre-selected Radio button. The value has to match the one provided in the Radio button. Use a string value.',\n    type: 'string',\n    status: 'optional',\n  },\n  name: {\n    doc: 'custom grouping name. Defaults to a random name.',\n    type: 'string',\n    status: 'optional',\n  },\n  layout_direction: {\n    doc: 'Define the layout direction of the Radio buttons. Can be either `column` or `row`. Defaults to `column`.',\n    type: ['column', 'row'],\n    status: 'optional',\n  },\n  size: {\n    doc: 'the size of the Radio button. For now there is **medium** (default) and **large**.',\n    type: ['medium', 'large'],\n    status: 'optional',\n  },\n  status: {\n    doc: 'uses the `form-status` component to show failure messages.',\n    type: ['string', 'boolean'],\n    status: 'optional',\n  },\n  status_state: {\n    doc: \"defines the state of the status. It's two statuses `[error, info]`. Defaults to `error`.\",\n    type: ['error', 'info'],\n    status: 'optional',\n  },\n  status_props: {\n    doc: 'use an object to define additional FormStatus properties.',\n    type: 'Various',\n    status: 'optional',\n  },\n  globalStatus: {\n    doc: 'the [configuration](/uilib/components/global-status/properties/#configuration-object) used for the target [GlobalStatus](/uilib/components/global-status).',\n    type: 'Various',\n    status: 'optional',\n  },\n  label: {\n    doc: 'use either the `label` property or provide a custom one.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  label_direction: {\n    doc: 'to define the `label` layout direction on how the next element should be placed on. Can be either `vertical` or `horizontal`. Defaults to `horizontal`.',\n    type: ['vertical', 'horizontal'],\n    status: 'optional',\n  },\n  label_sr_only: {\n    doc: 'use `true` to make the label only readable by screen readers.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  vertical: {\n    doc: 'will force both `direction` and `label_direction` to be **vertical** if set to `true`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n}\n\nexport const RadioEvents: PropertiesTableProps = {\n  on_change: {\n    doc: 'will be called on state changes made by the user. Returns an object `{ checked, value, event }`.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n\nexport const RadioGroupEvents: PropertiesTableProps = {\n  on_change: {\n    doc: 'will be called once a Radio button changes the state. Returns an object `{ value, event }`.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":"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","ignoreList":[]}

package/components/radio/RadioGroup.d.ts

@@ -23,58 +23,28 @@ export type RadioGroupChildren =
 export interface RadioGroupProps
   extends Omit<React.HTMLProps<HTMLElement>, 'ref'>,
     SpacingProps {
-  /**
-   * Use either the `label` property or provide a custom one.
-   */
   label?: React.ReactNode;
   label_direction?: FormLabelLabelDirection;
-  /**
-   * Use `true` to make the label only readable by screen readers.
-   */
   label_sr_only?: boolean;
-  /**
-   * Defines the position of the `label`. Use either `left` or `right`. Defaults to `right`.
-   */
   label_position?: RadioGroupLabelPosition;
   title?: string;
   disabled?: boolean;
   skeleton?: SkeletonShow;
   id?: string;
   name?: string;
-  /**
-   * The size of the Radio button. For now there is "medium" (default) and "large".
-   */
   size?: RadioGroupSize;
-  /**
-   * Text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.
-   */
   status?: FormStatusText;
-  /**
-   * Defines the state of the status. It&#39;s two statuses `[error, info]`. Defaults to `error`.
-   */
   status_state?: FormStatusState;
-  /**
-   * Use an object to define additional FormStatus properties.
-   */
   status_props?: FormStatusProps;
   status_no_animation?: boolean;
-  /**
-   * The <a href="/uilib/components/global-status/properties/#configuration-object">configuration</a> used for the target <a href="/uilib/components/global-status">GlobalStatus</a>.
-   */
   globalStatus?: GlobalStatusConfigObject;
   suffix?: RadioGroupSuffix;
   layout_direction?: RadioGroupLayoutDirection;
   vertical?: boolean;
-  /**
-   * <em>(required)</em> defines the `value` as a string. Use it to get the value during the `on_change` event listener callback in the "RadioGroup".
-   */
   value?: string;
   attributes?: RadioGroupAttributes;
   className?: string;
   children?: RadioGroupChildren;
-  /**
-   * Will be called on state changes made by the user. Returns an object `{ checked, value, event }`.
-   */
   on_change?: (...args: any[]) => any;
 }
 export default class RadioGroup extends React.Component<

package/components/skeleton/SkeletonDocs.d.ts

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

package/components/skeleton/SkeletonDocs.js

@@ -0,0 +1,38 @@
+export const SkeletonProperties = {
+  show: {
+    doc: 'Use `true` to enable/show the skeleton for the component used inside. Defaults to `false`.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  figure: {
+    doc: 'Define a figure to use, like `article`. The wrapped content will be hidden while the skeleton figure is shown.',
+    type: ['string', 'React.Element', 'function'],
+    status: 'optional'
+  },
+  no_animation: {
+    doc: 'Use `true` to disable the animation.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  aria_busy: {
+    doc: 'Is used for screen reader text translation, defined in the translation files. You can set a custom text if needed.',
+    type: 'string',
+    status: 'optional'
+  },
+  aria_ready: {
+    doc: 'Is used for screen reader text translation, defined in the translation files. You can set a custom text if needed.',
+    type: 'string',
+    status: 'optional'
+  },
+  element: {
+    doc: 'Set any HTML element type you have to use. A couple of aria attributes will be set on this element while active. Defaults to `div`.',
+    type: ['string', 'React.Element'],
+    status: 'optional'
+  },
+  '[Space](/uilib/layout/space/properties)': {
+    doc: 'Spacing properties like `top` or `bottom` are supported.',
+    type: ['string', 'object'],
+    status: 'optional'
+  }
+};
+//# sourceMappingURL=SkeletonDocs.js.map

package/components/skeleton/SkeletonDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonDocs.js","names":["SkeletonProperties","show","doc","type","status","figure","no_animation","aria_busy","aria_ready","element"],"sources":["../../../../src/components/skeleton/SkeletonDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const SkeletonProperties: PropertiesTableProps = {\n  show: {\n    doc: 'Use `true` to enable/show the skeleton for the component used inside. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  figure: {\n    doc: 'Define a figure to use, like `article`. The wrapped content will be hidden while the skeleton figure is shown.',\n    type: ['string', 'React.Element', 'function'],\n    status: 'optional',\n  },\n  no_animation: {\n    doc: 'Use `true` to disable the animation.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  aria_busy: {\n    doc: 'Is used for screen reader text translation, defined in the translation files. You can set a custom text if needed.',\n    type: 'string',\n    status: 'optional',\n  },\n  aria_ready: {\n    doc: 'Is used for screen reader text translation, defined in the translation files. You can set a custom text if needed.',\n    type: 'string',\n    status: 'optional',\n  },\n  element: {\n    doc: 'Set any HTML element type you have to use. A couple of aria attributes will be set on this element while active. Defaults to `div`.',\n    type: ['string', 'React.Element'],\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,kBAAwC,GAAG;EACtDC,IAAI,EAAE;IACJC,GAAG,EAAE,4FAA4F;IACjGC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDC,MAAM,EAAE;IACNH,GAAG,EAAE,gHAAgH;IACrHC,IAAI,EAAE,CAAC,QAAQ,EAAE,eAAe,EAAE,UAAU,CAAC;IAC7CC,MAAM,EAAE;EACV,CAAC;EACDE,YAAY,EAAE;IACZJ,GAAG,EAAE,sCAAsC;IAC3CC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDG,SAAS,EAAE;IACTL,GAAG,EAAE,oHAAoH;IACzHC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,UAAU,EAAE;IACVN,GAAG,EAAE,oHAAoH;IACzHC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,OAAO,EAAE;IACPP,GAAG,EAAE,qIAAqI;IAC1IC,IAAI,EAAE,CAAC,QAAQ,EAAE,eAAe,CAAC;IACjCC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}

package/components/skeleton/SkeletonHelper.d.ts

@@ -12,9 +12,6 @@ export class AutoSize extends React.Component<AutoSizeProps, any> {
 export type SkeletonContextProps = ContextProps & {
   translation?: {
     Skeleton?: {
-      /**
-       * Is used for screen reader text translation, defined in the translation files. You can set a custom text if needed.
-       */
       aria_busy: string;
     };
   };
@@ -28,9 +25,6 @@ export declare const createSkeletonClass: (
 export type skeletonDOMAttributesContext = {
   translation?: {
     Skeleton: {
-      /**
-       * Is used for screen reader text translation, defined in the translation files. You can set a custom text if needed.
-       */
       aria_busy: string;
     };
   };

package/components/skip-content/SkipContentDocs.d.ts

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

package/components/skip-content/SkipContentDocs.js

@@ -0,0 +1,23 @@
+export const SkipContentProperties = {
+  selector: {
+    doc: 'Define an existing HTML element selector to focus when the inner button got pressed.',
+    type: ['string'],
+    status: 'required'
+  },
+  text: {
+    doc: 'Define a clear message describing the choices the users has.',
+    type: ['React.ReactNode'],
+    status: 'optional'
+  },
+  children: {
+    doc: 'Define a clear message describing the choices the users has.',
+    type: ['React.ReactNode'],
+    status: 'optional'
+  },
+  focusDelay: {
+    doc: 'Defines the delay after the enter key has been pressed.',
+    type: ['number'],
+    status: 'optional'
+  }
+};
+//# sourceMappingURL=SkipContentDocs.js.map

package/components/skip-content/SkipContentDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkipContentDocs.js","names":["SkipContentProperties","selector","doc","type","status","text","children","focusDelay"],"sources":["../../../../src/components/skip-content/SkipContentDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const SkipContentProperties: PropertiesTableProps = {\n  selector: {\n    doc: 'Define an existing HTML element selector to focus when the inner button got pressed.',\n    type: ['string'],\n    status: 'required',\n  },\n  text: {\n    doc: 'Define a clear message describing the choices the users has.',\n    type: ['React.ReactNode'],\n    status: 'optional',\n  },\n  children: {\n    doc: 'Define a clear message describing the choices the users has.',\n    type: ['React.ReactNode'],\n    status: 'optional',\n  },\n  focusDelay: {\n    doc: 'Defines the delay after the enter key has been pressed.',\n    type: ['number'],\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,qBAA2C,GAAG;EACzDC,QAAQ,EAAE;IACRC,GAAG,EAAE,sFAAsF;IAC3FC,IAAI,EAAE,CAAC,QAAQ,CAAC;IAChBC,MAAM,EAAE;EACV,CAAC;EACDC,IAAI,EAAE;IACJH,GAAG,EAAE,8DAA8D;IACnEC,IAAI,EAAE,CAAC,iBAAiB,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACDE,QAAQ,EAAE;IACRJ,GAAG,EAAE,8DAA8D;IACnEC,IAAI,EAAE,CAAC,iBAAiB,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACDG,UAAU,EAAE;IACVL,GAAG,EAAE,yDAAyD;IAC9DC,IAAI,EAAE,CAAC,QAAQ,CAAC;IAChBC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}

package/components/tabs/Tabs.js

@@ -68,7 +68,7 @@ export default class Tabs extends React.PureComponent {
   }
   static getData(props) {
     const addReactElement = (list, reactElem, reactElemIndex) => {
-      if (reactElem.props && reactElem.props.displayName === 'CustomContent') {
+      if (reactElem && reactElem.props && reactElem.props.displayName === 'CustomContent') {
         const dataProps = props.children && Array.isArray(props.children) && props.children[reactElemIndex] || {};
         const componentProps = _objectSpread({}, reactElem.props);
         if (componentProps.title === null) {
@@ -92,7 +92,7 @@ export default class Tabs extends React.PureComponent {
     };
     let res = [];
     const data = !props.data && props.children ? props.children : props.data;
-    if (Array.isArray(props.children) && (typeof props.children[0] === 'function' || React.isValidElement(props.children[0]))) {
+    if (Array.isArray(props.children) && props.children.some(element => typeof element === 'function' || React.isValidElement(element))) {
       res = props.children.reduce((list, reactElem, i) => {
         addReactElement(list, reactElem, i);
         return list;