npm - @dnb/eufemia - Versions diffs - 10.2.0 → 10.3.0 - Mend

@@ -2,11 +2,8 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["alt", "centered", "title", "skeleton", "className", "icon", "src", "imgProps", "text", "onClose", "onAccept", "closeButtonText", "acceptButtonText", "closeButtonAttributes", "acceptButtonAttributes"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React from 'react';
 import classnames from 'classnames';
 import Button from '../button/Button';
@@ -24,34 +21,30 @@ export const defaultProps = {
   skeleton: false,
   icon: LightbulbIcon
 };
 const InfoCard = localProps => {
   var _IconPrimary;
   const context = React.useContext(Context);
   const allProps = extendPropsWithContext(localProps, defaultProps, {
     skeleton: context === null || context === void 0 ? void 0 : context.skeleton
   });
   const {
-    alt,
-    centered,
-    title,
-    skeleton,
-    className,
-    icon,
-    src,
-    imgProps,
-    text,
-    onClose,
-    onAccept,
-    closeButtonText,
-    acceptButtonText,
-    closeButtonAttributes,
-    acceptButtonAttributes
-  } = allProps,
-        props = _objectWithoutProperties(allProps, _excluded);
+      alt,
+      centered,
+      title,
+      skeleton,
+      className,
+      icon,
+      src,
+      imgProps,
+      text,
+      onClose,
+      onAccept,
+      closeButtonText,
+      acceptButtonText,
+      closeButtonAttributes,
+      acceptButtonAttributes
+    } = allProps,
+    props = _objectWithoutProperties(allProps, _excluded);
   const spacingClasses = createSpacingClasses(props);
   const closeButtonIsHidden = !onClose && !closeButtonText;
   const acceptButtonIsHidden = !onAccept && !acceptButtonText;
@@ -75,7 +68,6 @@ const InfoCard = localProps => {
     className: "dnb-info-card__text",
     bottom: "0"
   }, text), getButtons())));
   function getButtons() {
     if (closeButtonIsHidden && acceptButtonIsHidden) return null;
     return React.createElement("div", {
@@ -99,19 +91,16 @@ const InfoCard = localProps => {
       text: closeButtonText
     }, closeButtonAttributes)));
   }
   function getIllustration() {
     if (src || imgProps) {
       const imageProps = _objectSpread({
         src,
         alt
       }, imgProps);
       return React.createElement(Img, _extends({
         className: "dnb-info-card__image"
       }, imageProps));
     }
     return _IconPrimary || (_IconPrimary = React.createElement(IconPrimary, {
       size: "medium",
       className: "dnb-info-card__icon",
@@ -119,5 +108,5 @@ const InfoCard = localProps => {
     }));
   }
 };
-export default InfoCard;
+export default InfoCard;
+//# sourceMappingURL=InfoCard.js.map

@@ -1,3 +1,4 @@
 import InfoCard from './InfoCard';
 export default InfoCard;
-export * from './InfoCard';
+export * from './InfoCard';
+//# sourceMappingURL=index.js.map

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","names":["InfoCard"],"sources":["../../../../src/components/info-card/index.ts"],"sourcesContent":["/*\n Component Entry\n \n /\n\n import InfoCard from './InfoCard';\n export default InfoCard;\n export * from './InfoCard';\n "],"mappings":"AAKC,OAAOA,QAAQ,MAAM,YAAY;AACjC,eAAeA,QAAQ;AACvB,cAAc,YAAY"}

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"style.js","names":[],"sources":["../../../../src/components/info-card/style.ts"],"sourcesContent":["/*\n Web Style Import\n \n /\n\n import './style/dnb-info-card.scss'\n"],"mappings":"AAKC,OAAO,+BAA4B"}

@@ -36,153 +36,124 @@ export interface InputProps
    * Choose between `text`, `number`, `email`, `password`, `url`, `tel` and `search`.
    */
   type?: string;
   /**
    * The sizes you can choose is `small` (1.5rem), `default` (2rem), `medium` (2.5rem) and `large` (3rem) are supported component sizes. Defaults to `default` / `null`. Also, if you define a number like `size="2"` then it will be forwarded as the input element attribute.
    */
   size?: InputSize;
   /**
    * The content value of the input.
    */
   value?: InputValue;
   id?: string;
   /**
    * Prepends the Form Label component. If no ID is provided, a random ID is created.
    */
   label?: FormLabelText;
   /**
    * Use `label_direction="vertical"` to change the label layout direction. Defaults to `horizontal`.
    */
   label_direction?: FormLabelLabelDirection;
   /**
    * Use `true` to make the label only readable by screen readers.
    */
   label_sr_only?: boolean;
   /**
    * 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;
   /**
    * 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;
   /**
    * Defines the state of the status. Currently, there are 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;
   /**
    * Defines a custom visual state of the input. Use it only if you have to simulate a custom state. Currently are three statuses `virgin` , `focus` and `dirty`. Defaults to `null`.
    */
   input_state?: string;
   /**
    * Defaults to `off`. Set to `on` or any of <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-autocomplete">allowed `attributes`</a>. Keep in mind, 1. you may have to define a `name`, 2. have the input as a descendant of a `<form>` element, 3. and have a submit button inside the form.
    */
   autocomplete?: string;
   /**
    * Title attribute for the search icon. Only relevant if search input.
    */
   submit_button_title?: string;
   clear_button_title?: string;
   /**
    * The placeholder which shows up once the input value is empty
    */
   placeholder?: string;
   /**
    * If set to `true`, then a clear button will be shown which lets the user clear any given input value.
    */
   clear?: boolean;
   /**
    * Set to `true` in case the `placeholder` has to be kept during focus. By default, the placeholder disappears on focus.
    */
   keep_placeholder?: boolean;
   /**
    * Text describing the content of the input more than the label. you can also send in a React component, so it gets wrapped inside the Input component.
    */
   suffix?: InputSuffix;
   /**
    * Defines the text alignment of the input. Can be `left`, `right` or `center`. Defaults to `left`.
    */
   align?: InputAlign;
   /**
    * If set to `true`, then the whole input value gets selected on the entry focus. A second click will place the cursor on the wanted position.
    */
   selectall?: boolean;
   /**
    * If set to `true`, then the input field will be 100% in `width`.
    */
   stretch?: boolean;
   disabled?: boolean;
   /**
    * If set to `true`, an overlaying skeleton with animation will be shown.
    */
   skeleton?: SkeletonShow;
   class?: string;
   /**
    * In case we have to set a custom input class.
    */
   input_class?: string;
   /**
    * Provide the Input element with any attributes by using an Object `input_attributes={{size:&#39;2&#39;}}` or a JSON Object `input_attributes=&#39;{"size":"2"}&#39;`. "NB:" Keep in mind, that also every not listed component property will be sent along and set as an Input element attribute.
    */
   input_attributes?: InputInputAttributes;
   /**
    * <em>(internal)</em> by providing a new component we can change the internally used element. Also supports a string only, like `input_element="input"`.
    */
   input_element?: InputInputElement;
   /**
    * Icon to show before or after the input / placeholder. Can be either a string defining a primary icon or a Component using an SVG icon of either 16px or 24px.
    */
   icon?: IconIcon;
   /**
    * The icon size of the icon shows. Defaults to `medium`.
    */
   icon_size?: IconSize;
   /**
    * Defines the position of icon inside the input. Set to `left` or `right`. Defaults to `left` if not set.
    */
   icon_position?: ButtonIconPosition;
   /**
    * By providing a React.ref we can get the internally used input element (DOM). E.g. `inner_ref={myRef}` by using `React.createRef()` or `React.useRef()`.
    */
   inner_ref?: React.Ref;
   readOnly?: boolean;
   /**
    * <em>(internal)</em> by providing a new component to be rendered inside the "shell" – we can add a freely customizable internal element. Used by the Autocomplete component.
    */
   inner_element?: React.ReactNode;
   /**
    * Accepts a React element which will show up like the "submit button" would do on `type="search"`.
    */
@@ -192,27 +163,22 @@ export interface InputProps
   submit_button_status?: string;
   className?: string;
   children?: InputChildren;
   /**
    * Will be called on value changes made by the user. Returns an object with the value as a string and the native event: `{ value, event }`.
    */
   on_change?: (...args: any[]) => any;
   /**
    * Will be called on key down by the user. Returns `{ value, event }`.
    */
   on_key_down?: (...args: any[]) => any;
   /**
    * Will be called on submit button click. Returns `{ value, event }`.
    */
   on_submit?: (...args: any[]) => any;
   /**
    * Will be called on focus set by the user. Returns `{ value, event }`.
    */
   on_focus?: (...args: any[]) => any;
   /**
    * Will be called on blur set by the user. Returns `{ value, event }`.
    */
@@ -227,7 +193,6 @@ export default class Input extends React.Component<InputProps, any> {
 }
 export interface SubmitButtonProps extends React.HTMLProps<HTMLElement> {
   id?: string;
   /**
    * The content value of the input.
    */
@@ -235,43 +200,35 @@ export interface SubmitButtonProps extends React.HTMLProps<HTMLElement> {
   title?: string;
   variant?: ButtonVariant;
   disabled?: boolean;
   /**
    * If set to `true`, an overlaying skeleton with animation will be shown.
    */
   skeleton?: SkeletonShow;
   /**
    * Icon to show before or after the input / placeholder. Can be either a string defining a primary icon or a Component using an SVG icon of either 16px or 24px.
    */
   icon?: IconIcon;
   /**
    * The icon size of the icon shows. Defaults to `medium`.
    */
   icon_size?: IconSize;
   /**
    * 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;
   /**
    * 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;
   /**
    * Defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`.
    */
   status_state?: FormStatusState;
   /**
    * Use an object to define additional FormStatus properties.
    */
   status_props?: FormStatusProps;
   className?: string;
   /**
    * Will be called on submit button click. Returns `{ value, event }`.
    */

@dnb/eufemia 10.2.0 → 10.3.0