@dnb/eufemia 10.35.0 → 10.36.0

package/cjs/components/anchor/AnchorDocs.js

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AnchorProperties = exports.AnchorEvents = void 0;
+const AnchorProperties = {
+  element: {
+    doc: 'Define what HTML or React element should be used (e.g. `element={Link}`). Defaults to semantic `a` element.',
+    type: 'React.Element',
+    status: 'optional'
+  },
+  href: {
+    doc: 'Relative or absolute url.',
+    type: 'string',
+    status: 'optional'
+  },
+  to: {
+    doc: 'Use this prop only if you are using a router Link component as the `element` that uses the `to` property to declare the navigation url.',
+    type: 'string',
+    status: 'optional'
+  },
+  target: {
+    doc: 'Defines the opening method. Use `_blank` to open a new browser window/tab.',
+    type: 'string',
+    status: 'optional'
+  },
+  targetBlankTitle: {
+    doc: 'The title shown as a tooltip when target is set to `_blank`.',
+    type: 'string',
+    status: 'optional'
+  },
+  tooltip: {
+    doc: 'Provide a string or a React Element to be shown as the tooltip content.',
+    type: 'string',
+    status: 'optional'
+  },
+  icon: {
+    doc: '[Primary Icons](/icons/primary) can be set as a string (e.g. icon="chevron_right"), other icons should be set as React elements.',
+    type: 'React.Node',
+    status: 'optional'
+  },
+  iconPosition: {
+    doc: '`left` (default) or `right`. Places icon to the left or to the right of the text.',
+    type: 'string',
+    status: 'optional'
+  },
+  noAnimation: {
+    doc: 'Removes animations if set to `true`. Defaults to `false`.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  noHover: {
+    doc: 'Removes hover effects if set to `true`. Defaults to `false`.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  noStyle: {
+    doc: 'Removes styling if set to `true`. Defaults to `false`.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  noUnderline: {
+    doc: 'Removes underline if set to `true`. Defaults to `false`.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  skeleton: {
+    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  '[Space](/uilib/layout/space/properties)': {
+    doc: 'Spacing properties like `top` or `bottom` are supported.',
+    type: ['string', 'object'],
+    status: 'optional'
+  }
+};
+exports.AnchorProperties = AnchorProperties;
+const AnchorEvents = {};
+exports.AnchorEvents = AnchorEvents;
+//# sourceMappingURL=AnchorDocs.js.map

package/cjs/components/anchor/AnchorDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnchorDocs.js","names":["AnchorProperties","element","doc","type","status","href","to","target","targetBlankTitle","tooltip","icon","iconPosition","noAnimation","noHover","noStyle","noUnderline","skeleton","exports","AnchorEvents"],"sources":["../../../../src/components/anchor/AnchorDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const AnchorProperties: PropertiesTableProps = {\n  element: {\n    doc: 'Define what HTML or React element should be used (e.g. `element={Link}`). Defaults to semantic `a` element.',\n    type: 'React.Element',\n    status: 'optional',\n  },\n  href: {\n    doc: 'Relative or absolute url.',\n    type: 'string',\n    status: 'optional',\n  },\n  to: {\n    doc: 'Use this prop only if you are using a router Link component as the `element` that uses the `to` property to declare the navigation url.',\n    type: 'string',\n    status: 'optional',\n  },\n  target: {\n    doc: 'Defines the opening method. Use `_blank` to open a new browser window/tab.',\n    type: 'string',\n    status: 'optional',\n  },\n  targetBlankTitle: {\n    doc: 'The title shown as a tooltip when target is set to `_blank`.',\n    type: 'string',\n    status: 'optional',\n  },\n  tooltip: {\n    doc: 'Provide a string or a React Element to be shown as the tooltip content.',\n    type: 'string',\n    status: 'optional',\n  },\n  icon: {\n    doc: '[Primary Icons](/icons/primary) can be set as a string (e.g. icon=\"chevron_right\"), other icons should be set as React elements.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  iconPosition: {\n    doc: '`left` (default) or `right`. Places icon to the left or to the right of the text.',\n    type: 'string',\n    status: 'optional',\n  },\n  noAnimation: {\n    doc: 'Removes animations if set to `true`. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  noHover: {\n    doc: 'Removes hover effects if set to `true`. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  noStyle: {\n    doc: 'Removes styling if set to `true`. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  noUnderline: {\n    doc: 'Removes underline if set to `true`. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  skeleton: {\n    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n    type: 'boolean',\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\nexport const AnchorEvents: PropertiesTableProps = {}\n"],"mappings":";;;;;;AAEO,MAAMA,gBAAsC,GAAG;EACpDC,OAAO,EAAE;IACPC,GAAG,EAAE,6GAA6G;IAClHC,IAAI,EAAE,eAAe;IACrBC,MAAM,EAAE;EACV,CAAC;EACDC,IAAI,EAAE;IACJH,GAAG,EAAE,2BAA2B;IAChCC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,EAAE,EAAE;IACFJ,GAAG,EAAE,yIAAyI;IAC9IC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,MAAM,EAAE;IACNL,GAAG,EAAE,4EAA4E;IACjFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,gBAAgB,EAAE;IAChBN,GAAG,EAAE,8DAA8D;IACnEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,OAAO,EAAE;IACPP,GAAG,EAAE,yEAAyE;IAC9EC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDM,IAAI,EAAE;IACJR,GAAG,EAAE,kIAAkI;IACvIC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDO,YAAY,EAAE;IACZT,GAAG,EAAE,mFAAmF;IACxFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDQ,WAAW,EAAE;IACXV,GAAG,EAAE,2DAA2D;IAChEC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDS,OAAO,EAAE;IACPX,GAAG,EAAE,8DAA8D;IACnEC,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,WAAW,EAAE;IACXb,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDY,QAAQ,EAAE;IACRd,GAAG,EAAE,wEAAwE;IAC7EC,IAAI,EAAE,SAAS;IACfC,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;AAAAa,OAAA,CAAAjB,gBAAA,GAAAA,gBAAA;AAEM,MAAMkB,YAAkC,GAAG,CAAC,CAAC;AAAAD,OAAA,CAAAC,YAAA,GAAAA,YAAA"}

package/cjs/components/autocomplete/Autocomplete.js

@@ -252,11 +252,25 @@ class AutocompleteInstance extends _react.default.PureComponent {
   }
   static getDerivedStateFromProps(props, state) {
     if (state._listenForPropChanges) {
-      var _props$input_value;
+      var _props$input_value, _props$data, _state$prevData;
       state.disableHighlighting = (0, _componentHelper.isTrue)(props.disable_highlighting);
-      if (props.input_value !== 'initval' && typeof state.inputValue === 'undefined' && ((_props$input_value = props.input_value) === null || _props$input_value === void 0 ? void 0 : _props$input_value.length) > 0) {
+      if (props.input_value !== 'initval' && ((_props$input_value = props.input_value) === null || _props$input_value === void 0 ? void 0 : _props$input_value.length) > 0) {
         state.inputValue = props.input_value;
       }
+      if ((props === null || props === void 0 ? void 0 : (_props$data = props.data) === null || _props$data === void 0 ? void 0 : _props$data.length) > 0 && (state === null || state === void 0 ? void 0 : (_state$prevData = state.prevData) === null || _state$prevData === void 0 ? void 0 : _state$prevData.length) === 0) {
+        let selectedItem = state.selected_item;
+        if (props.default_value) {
+          selectedItem = props.default_value;
+        }
+        if (!props.default_value && props.value && props.value !== 'initval') {
+          selectedItem = props.value;
+        }
+        const currentData = (0, _DrawerListHelpers.getCurrentData)(selectedItem, (0, _DrawerListHelpers.normalizeData)(props.data));
+        state.inputValue = (0, _DrawerListHelpers.parseContentTitle)(currentData, {
+          separator: ' ',
+          preferSelectedValue: true
+        });
+      }
       if (props.data !== state.prevData) {
         state.updateData(props.data);
         state.prevData = props.data;