@dnb/eufemia 10.2.0 → 10.3.0

package/components/tag/TagGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagGroup.js","names":["React","classnames","createSpacingClasses","validateDOMAttributes","extendPropsWithContext","Context","TagGroupContext","defaultProps","label","className","children","skeleton","TagGroup","localProps","context","useContext","_extendPropsWithConte","childrenProp","props","_objectWithoutProperties","_excluded","Array","isArray","map","child","spacingClasses","_validateDOMAttribute","attributes","_excluded2","createElement","Provider","value","_extends"],"sources":["../../../../src/components/tag/TagGroup.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\n\n// Components\nimport { createSpacingClasses } from '../space/SpacingHelper'\n\n// Shared\nimport {\n  validateDOMAttributes,\n  extendPropsWithContext,\n} from '../../shared/component-helper'\nimport Context from '../../shared/Context'\nimport type { SpacingProps } from '../../shared/types'\nimport { TagGroupContext } from './TagContext'\nimport type { SkeletonShow } from '../skeleton/Skeleton'\n\nexport interface TagGroupProps {\n  /**\n   * Aria label to describe the tag group\n   * Default: null\n   */\n  label: React.ReactNode\n\n  /**\n   * Custom className on the component root\n   * Default: null\n   */\n  className?: string\n\n  /**\n   * The tags to group.\n   * Default: null\n   */\n  children?: React.ReactNode\n\n  /**\n   * Skeleton should be applied when loading content\n   * Default: false\n   */\n  skeleton?: SkeletonShow\n}\n\nexport const defaultProps = {\n  label: null,\n  className: null,\n  children: null,\n  skeleton: false,\n}\n\nconst TagGroup = (localProps: TagGroupProps & SpacingProps) => {\n  // Every component should have a context\n  const context = React.useContext(Context)\n  // Extract additional props from global context\n  const {\n    label,\n    className,\n    children: childrenProp,\n    ...props\n  } = extendPropsWithContext(localProps, defaultProps, context?.TagGroup, {\n    skeleton: context?.skeleton,\n  })\n\n  let children = childrenProp\n\n  if (Array.isArray(childrenProp)) {\n    children = [...childrenProp].map((child) => {\n      return child\n    })\n  }\n\n  const spacingClasses = createSpacingClasses(props)\n  const {\n    skeleton, // eslint-disable-line\n    ...attributes\n  } = validateDOMAttributes({}, props)\n\n  return (\n    <TagGroupContext.Provider value={props}>\n      <span\n        className={classnames('dnb-tag__group', spacingClasses, className)}\n        {...attributes}\n      >\n        <span className=\"dnb-sr-only\">{label}</span>\n        {children}\n      </span>\n    </TagGroupContext.Provider>\n  )\n}\n\nexport default TagGroup\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AAGnC,SAASC,oBAAoB,QAAQ,wBAAwB;AAG7D,SACEC,qBAAqB,EACrBC,sBAAsB,QACjB,+BAA+B;AACtC,OAAOC,OAAO,MAAM,sBAAsB;AAE1C,SAASC,eAAe,QAAQ,cAAc;AA6B9C,OAAO,MAAMC,YAAY,GAAG;EAC1BC,KAAK,EAAE,IAAI;EACXC,SAAS,EAAE,IAAI;EACfC,QAAQ,EAAE,IAAI;EACdC,QAAQ,EAAE;AACZ,CAAC;AAED,MAAMC,QAAQ,GAAIC,UAAwC,IAAK;EAE7D,MAAMC,OAAO,GAAGd,KAAK,CAACe,UAAU,CAACV,OAAO,CAAC;EAEzC,MAAAW,qBAAA,GAKIZ,sBAAsB,CAACS,UAAU,EAAEN,YAAY,EAAEO,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEF,QAAQ,EAAE;MACtED,QAAQ,EAAEG,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEH;IACrB,CAAC,CAAC;IAPI;MACJH,KAAK;MACLC,SAAS;MACTC,QAAQ,EAAEO;IAEZ,CAAC,GAAAD,qBAAA;IADIE,KAAK,GAAAC,wBAAA,CAAAH,qBAAA,EAAAI,SAAA;EAKV,IAAIV,QAAQ,GAAGO,YAAY;EAE3B,IAAII,KAAK,CAACC,OAAO,CAACL,YAAY,CAAC,EAAE;IAC/BP,QAAQ,GAAG,CAAC,GAAGO,YAAY,CAAC,CAACM,GAAG,CAAEC,KAAK,IAAK;MAC1C,OAAOA,KAAK;IACd,CAAC,CAAC;EACJ;EAEA,MAAMC,cAAc,GAAGvB,oBAAoB,CAACgB,KAAK,CAAC;EAClD,MAAAQ,qBAAA,GAGIvB,qBAAqB,CAAC,CAAC,CAAC,EAAEe,KAAK,CAAC;IAH9B;MACJP;IAEF,CAAC,GAAAe,qBAAA;IADIC,UAAU,GAAAR,wBAAA,CAAAO,qBAAA,EAAAE,UAAA;EAGf,OACE5B,KAAA,CAAA6B,aAAA,CAACvB,eAAe,CAACwB,QAAQ;IAACC,KAAK,EAAEb;EAAM,GACrClB,KAAA,CAAA6B,aAAA,SAAAG,QAAA;IACEvB,SAAS,EAAER,UAAU,CAAC,gBAAgB,EAAEwB,cAAc,EAAEhB,SAAS;EAAE,GAC/DkB,UAAU,GAEd3B,KAAA,CAAA6B,aAAA;IAAMpB,SAAS,EAAC;EAAa,GAAED,KAAY,CAAC,EAC3CE,QACG,CACkB,CAAC;AAE/B,CAAC;AAED,eAAeE,QAAQ"}

package/components/tag/index.js

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

package/components/tag/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Tag"],"sources":["../../../../src/components/tag/index.ts"],"sourcesContent":["/**\n * Component Entry\n *\n */\n\nimport Tag from './Tag'\nexport default Tag\nexport * from './Tag'\n"],"mappings":"AAKA,OAAOA,GAAG,MAAM,OAAO;AACvB,eAAeA,GAAG;AAClB,cAAc,OAAO"}

package/components/tag/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/tag/style/index.js"],"sourcesContent":["/**\n * Web Style Import\n *\n */\n\nimport './dnb-tag.scss'\n"],"mappings":"AAKA,OAAO,mBAAgB"}

package/components/tag/style.js.map

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

package/components/textarea/Textarea.d.ts

@@ -32,90 +32,73 @@ export interface TextareaProps
    */
   value?: string;
   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;
-
   /**
    * To control the visual focus state as a prop, like `focus` or `blur`.
    */
   textarea_state?: string;
-
   /**
    * 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;
-
   /**
    * 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;
-
   /**
    * Text describing the content of the Textarea more than the label. You can also send in a React component, so it gets wrapped inside the Textarea component.
    */
   suffix?: TextareaSuffix;
-
   /**
    * The placeholder which shows up once the Textarea value is empty
    */
   placeholder?: string;
-
   /**
    * Defines the `text-align` of the Textarea. Defaults to `left`.
    */
   align?: TextareaAlign;
-
   /**
    * If set to `true`, then the Textarea field will be 100% in `width`.
    */
   stretch?: boolean;
   disabled?: boolean;
-
   /**
    * If set to `true`, an overlaying skeleton with animation will be shown.
    */
   skeleton?: SkeletonShow;
-
   /**
    * Use `true` to make the Textarea grow and shrink depending on how many lines the user has filled.
    */
   autoresize?: boolean;
-
   /**
    * Set a number to define how many rows the Textarea can auto grow.
    */
   autoresize_max_rows?: TextareaAutoresizeMaxRows;
   class?: string;
-
   /**
    * In case we have to set a custom Textarea class.
    */
   textarea_class?: string;
-
   /**
    * Provide the Textarea element with any attributes by using an Object `textarea_attributes={{size:&#39;2&#39;}}` or a JSON Object `textarea_attributes=&#39;{"size":"2"}&#39;`. "NB:" Keep in mind, that also every not listed component property will be sent along and set as a Textarea element attribute.
    */
@@ -123,7 +106,6 @@ export interface TextareaProps
   readOnly?: boolean;
   rows?: TextareaRows;
   cols?: TextareaCols;
-
   /**
    * By providing a React.ref we can get the internally used Textarea element (DOM). E.g. `inner_ref={myRef}` by using `React.createRef()` or `React.useRef()`.
    */
@@ -131,22 +113,18 @@ export interface TextareaProps
   className?: string;
   textarea_element?: TextareaTextareaElement;
   children?: TextareaChildren;
-
   /**
    * Will be called on value changes made by the user. Returns an object with a string value and the native event: `{ value, rows, event }`.
    */
   on_change?: (...args: any[]) => any;
-
   /**
    * Will be called on the 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 }`.
    */
   on_blur?: (...args: any[]) => any;
-
   /**
    * Will be called during every keystroke. Returns `{ value, rows, event }`.
    */

package/components/textarea/Textarea.js

@@ -1,15 +1,10 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 var _AlignmentHelper, _span;
-
 const _excluded = ["label", "label_direction", "label_sr_only", "status", "status_state", "status_props", "status_no_animation", "globalStatus", "suffix", "disabled", "skeleton", "stretch", "placeholder", "align", "textarea_class", "readOnly", "textarea_attributes", "class", "className", "autoresize", "autoresize_max_rows", "id", "children", "value", "textarea_element"];
-
-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 PropTypes from 'prop-types';
 import classnames from 'classnames';
@@ -25,7 +20,6 @@ import Suffix from '../../shared/helpers/Suffix';
 export default class Textarea extends React.PureComponent {
   static getDerivedStateFromProps(props, state) {
     const value = Textarea.getValue(props);
-
     if (state._listenForPropChanges && value !== 'initval' && value !== state.value) {
       if (value !== state.value && value !== state._value && typeof props.on_state_update === 'function') {
         dispatchCustomElementEvent({
@@ -34,44 +28,33 @@ export default class Textarea extends React.PureComponent {
           value
         });
       }
-
       state.value = value;
     }
-
     if (props.textarea_state) {
       state.textareaState = props.textarea_state;
     }
-
     state._listenForPropChanges = true;
     return state;
   }
-
   static hasValue(value) {
     return (typeof value === 'string' || typeof value === 'number') && String(value).length > 0 || false;
   }
-
   static getValue(props) {
     const value = processChildren(props);
-
     if (value === '' || Textarea.hasValue(value)) {
       return value;
     }
-
     return props.value;
   }
-
   constructor(props) {
     var _this;
-
     super(props);
     _this = this;
-
     _defineProperty(this, "state", {
       textareaState: 'virgin',
       value: null,
       _value: null
     });
-
     _defineProperty(this, "onFocusHandler", event => {
       const {
         value
@@ -86,7 +69,6 @@ export default class Textarea extends React.PureComponent {
         event
       });
     });
-
     _defineProperty(this, "onBlurHandler", event => {
       const {
         value
@@ -101,35 +83,29 @@ export default class Textarea extends React.PureComponent {
         event
       });
     });
-
     _defineProperty(this, "onChangeHandler", event => {
       const {
         value
       } = event.target;
-
       if (isTrue(this.props.autoresize)) {
         this.prepareAutosize();
       }
-
       const rows = this.getRows(value);
       const ret = dispatchCustomElementEvent(this, 'on_change', {
         value,
         rows,
         event
       });
-
       if (ret !== false) {
         this.setState({
           value,
           _listenForPropChanges: false
         });
-
         if (isTrue(this.props.autoresize)) {
           this.setAutosize(rows);
         }
       }
     });
-
     _defineProperty(this, "onKeyDownHandler", event => {
       const rows = this.getRows();
       const {
@@ -141,81 +117,61 @@ export default class Textarea extends React.PureComponent {
         event
       });
     });
-
     _defineProperty(this, "prepareAutosize", () => {
       const elem = this._ref.current;
-
       if (!elem) {
         return;
       }
-
       try {
         elem.style.height = 'auto';
       } catch (e) {
         warn(e);
       }
     });
-
     _defineProperty(this, "setAutosize", function () {
       let rows = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
       const elem = _this._ref.current;
-
       if (!elem) {
         return;
       }
-
       try {
         if (typeof _this._heightOffset === 'undefined') {
           _this._heightOffset = elem.offsetHeight - elem.clientHeight;
         }
-
         elem.style.height = 'auto';
-
         const lineHeight = _this.getLineHeight();
-
         let newHeight = elem.scrollHeight + _this._heightOffset;
-
         if (!rows) {
           rows = _this.getRows();
         }
-
         if (rows === 1) {
           if (newHeight > lineHeight) {
             newHeight = lineHeight;
           }
         }
-
         const maxRows = parseFloat(_this.props.autoresize_max_rows);
-
         if (maxRows > 0) {
           const maxHeight = maxRows * lineHeight;
-
           if (rows > maxRows || newHeight > maxHeight) {
             newHeight = maxHeight;
           }
         }
-
         elem.style.height = newHeight + 'px';
       } catch (e) {
         warn(e);
       }
     });
-
     this._ref = props.inner_ref || React.createRef();
     this._id = props.id || makeUniqueId();
     this.state._listenForPropChanges = true;
-
     if (props.textarea_state) {
       this.state.textareaState = props.textarea_state;
     }
-
     this.state._value = props.value;
   }
-
   componentDidMount() {
     if (isTrue(this.props.autoresize) && typeof window !== 'undefined') {
       this.setAutosize();
-
       try {
         this.resizeObserver = new ResizeObserver(this.setAutosize);
         this.resizeObserver.observe(document.body);
@@ -224,62 +180,54 @@ export default class Textarea extends React.PureComponent {
       }
     }
   }
-
   componentWillUnmount() {
     if (this.resizeObserver) {
       this.resizeObserver.disconnect();
       this.resizeObserver = null;
     }
-
     if (typeof window !== 'undefined') {
       window.removeEventListener('resize', this.setAutosize);
     }
   }
-
   getRows() {
     return Math.floor(this._ref.current.scrollHeight / this.getLineHeight()) || 1;
   }
-
   getLineHeight() {
     return parseFloat(getComputedStyle(this._ref.current).lineHeight) || 0;
   }
-
   render() {
     var _this$context;
-
     const props = extendPropsWithContextInClassComponent(this.props, Textarea.defaultProps, {
       skeleton: (_this$context = this.context) === null || _this$context === void 0 ? void 0 : _this$context.skeleton
     }, this.context.getTranslation(this.props).Textarea, includeValidProps(this.context.FormRow), this.context.Textarea);
-
     const {
-      label,
-      label_direction,
-      label_sr_only,
-      status,
-      status_state,
-      status_props,
-      status_no_animation,
-      globalStatus,
-      suffix,
-      disabled,
-      skeleton,
-      stretch,
-      placeholder,
-      align,
-      textarea_class,
-      readOnly,
-      textarea_attributes,
-      class: _className,
-      className,
-      autoresize,
-      autoresize_max_rows,
-      id: _id,
-      children,
-      value: _value,
-      textarea_element: _textarea_element
-    } = props,
-          attributes = _objectWithoutProperties(props, _excluded);
-
+        label,
+        label_direction,
+        label_sr_only,
+        status,
+        status_state,
+        status_props,
+        status_no_animation,
+        globalStatus,
+        suffix,
+        disabled,
+        skeleton,
+        stretch,
+        placeholder,
+        align,
+        textarea_class,
+        readOnly,
+        textarea_attributes,
+        class: _className,
+        className,
+        autoresize,
+        autoresize_max_rows,
+        id: _id,
+        children,
+        value: _value,
+        textarea_element: _textarea_element
+      } = props,
+      attributes = _objectWithoutProperties(props, _excluded);
     const {
       value,
       textareaState
@@ -291,7 +239,6 @@ export default class Textarea extends React.PureComponent {
       textarea_element: TextareaElement
     } = props;
     const textareaAttributes = textarea_attributes ? typeof textarea_attributes === 'string' ? JSON.parse(textarea_attributes) : textarea_attributes : {};
-
     const textareaParams = _objectSpread(_objectSpread(_objectSpread({
       className: classnames('dnb-textarea__textarea', textarea_class),
       role: 'textbox',
@@ -306,15 +253,12 @@ export default class Textarea extends React.PureComponent {
       onBlur: this.onBlurHandler,
       onKeyDown: this.onKeyDownHandler
     });
-
     if (showStatus || suffix) {
       textareaParams['aria-describedby'] = combineDescribedBy(textareaParams, showStatus ? id + '-status' : null, suffix ? id + '-suffix' : null);
     }
-
     if (readOnly) {
       textareaParams['aria-readonly'] = textareaParams.readOnly = true;
     }
-
     const mainParams = {
       className: classnames(`dnb-textarea dnb-textarea--${textareaState} dnb-form-component`, createSkeletonClass(null, skeleton), createSpacingClasses(props), _className, className, hasValue && 'dnb-textarea--has-content', align && `dnb-textarea__align--${align}`, status && `dnb-textarea__status--${status_state}`, autoresize && 'dnb-textarea__autoresize', label_direction && `dnb-textarea--${label_direction}`, isTrue(stretch) && `dnb-textarea--stretch`)
     };
@@ -324,11 +268,9 @@ export default class Textarea extends React.PureComponent {
     const shellParams = {
       className: 'dnb-textarea__shell'
     };
-
     if (isTrue(disabled) || isTrue(skeleton)) {
       shellParams['aria-disabled'] = true;
     }
-
     const placeholderStyle = parseFloat(this.props.rows) > 0 ? {
       '--textarea-rows': parseFloat(this.props.rows)
     } : null;
@@ -336,13 +278,11 @@ export default class Textarea extends React.PureComponent {
     validateDOMAttributes(this.props, textareaParams);
     validateDOMAttributes(null, innerParams);
     validateDOMAttributes(null, shellParams);
-
     if (TextareaElement && typeof TextareaElement === 'function') {
       TextareaElement = TextareaElement(textareaParams, this._ref);
     } else if (!TextareaElement && _textarea_element) {
       TextareaElement = _textarea_element;
     }
-
     return React.createElement("span", mainParams, label && React.createElement(FormLabel, {
       id: id + '-label',
       for_id: id,
@@ -377,11 +317,8 @@ export default class Textarea extends React.PureComponent {
       context: props
     }, suffix))));
   }
-
 }
-
 _defineProperty(Textarea, "contextType", Context);
-
 _defineProperty(Textarea, "defaultProps", {
   value: 'initval',
   id: null,
@@ -418,7 +355,6 @@ _defineProperty(Textarea, "defaultProps", {
   on_key_down: null,
   on_state_update: null
 });
-
 process.env.NODE_ENV !== "production" ? Textarea.propTypes = _objectSpread(_objectSpread({
   value: PropTypes.string,
   id: PropTypes.string,
@@ -458,4 +394,5 @@ process.env.NODE_ENV !== "production" ? Textarea.propTypes = _objectSpread(_obje
   on_blur: PropTypes.func,
   on_key_down: PropTypes.func,
   on_state_update: PropTypes.func
-}) : void 0;
+}) : void 0;
+//# sourceMappingURL=Textarea.js.map

package/components/textarea/Textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.js","names":["React","PropTypes","classnames","FormLabel","FormStatus","isTrue","makeUniqueId","extendPropsWithContextInClassComponent","validateDOMAttributes","processChildren","getStatusState","combineDescribedBy","warn","dispatchCustomElementEvent","includeValidProps","AlignmentHelper","spacingPropTypes","createSpacingClasses","skeletonDOMAttributes","createSkeletonClass","Context","Suffix","Textarea","PureComponent","getDerivedStateFromProps","props","state","value","getValue","_listenForPropChanges","_value","on_state_update","textarea_state","textareaState","hasValue","String","length","constructor","_this","this","_defineProperty","event","_ref","current","setState","target","autoresize","prepareAutosize","rows","getRows","ret","setAutosize","elem","style","height","e","arguments","undefined","_heightOffset","offsetHeight","clientHeight","lineHeight","getLineHeight","newHeight","scrollHeight","maxRows","parseFloat","autoresize_max_rows","maxHeight","inner_ref","createRef","_id","id","componentDidMount","window","resizeObserver","ResizeObserver","observe","document","body","addEventListener","componentWillUnmount","disconnect","removeEventListener","Math","floor","getComputedStyle","render","_this$context","defaultProps","skeleton","context","getTranslation","FormRow","label","label_direction","label_sr_only","status","status_state","status_props","status_no_animation","globalStatus","suffix","disabled","stretch","placeholder","align","textarea_class","readOnly","textarea_attributes","class","_className","className","children","textarea_element","_textarea_element","attributes","_objectWithoutProperties","_excluded","showStatus","TextareaElement","textareaAttributes","JSON","parse","textareaParams","_objectSpread","role","name","onChange","onChangeHandler","onFocus","onFocusHandler","onBlur","onBlurHandler","onKeyDown","onKeyDownHandler","mainParams","innerParams","shellParams","placeholderStyle","createElement","for_id","text","sr_only","_AlignmentHelper","_extends","show","text_id","no_animation","ref","_span","cols","on_change","on_focus","on_blur","on_key_down","process","env","NODE_ENV","propTypes","string","oneOfType","func","node","oneOf","bool","object","shape","message","number"],"sources":["../../../../src/components/textarea/Textarea.js"],"sourcesContent":["/**\n * Web Textarea Component\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport FormLabel from '../form-label/FormLabel'\nimport FormStatus from '../form-status/FormStatus'\nimport {\n  isTrue,\n  makeUniqueId,\n  extendPropsWithContextInClassComponent,\n  validateDOMAttributes,\n  processChildren,\n  getStatusState,\n  combineDescribedBy,\n  warn,\n  dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport { includeValidProps } from '../form-row/FormRowHelpers'\nimport AlignmentHelper from '../../shared/AlignmentHelper'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../space/SpacingHelper'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../skeleton/SkeletonHelper'\n\nimport Context from '../../shared/Context'\nimport Suffix from '../../shared/helpers/Suffix'\n\n/**\n * The textarea component is an umbrella component for all textareas which share the same style as the classic `text` textarea field.\n */\nexport default class Textarea extends React.PureComponent {\n  static contextType = Context\n\n  static propTypes = {\n    value: PropTypes.string,\n    id: PropTypes.string,\n    label: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    label_direction: PropTypes.oneOf(['horizontal', 'vertical']),\n    label_sr_only: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    status: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    textarea_state: PropTypes.string,\n    status_state: PropTypes.string,\n    status_props: PropTypes.object,\n    status_no_animation: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n    ]),\n    globalStatus: PropTypes.shape({\n      id: PropTypes.string,\n      message: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n    }),\n    suffix: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    placeholder: PropTypes.string,\n    align: PropTypes.oneOf(['left', 'right']),\n    stretch: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    autoresize: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    autoresize_max_rows: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.number,\n    ]),\n    class: PropTypes.string,\n    textarea_class: PropTypes.string,\n    textarea_attributes: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.object,\n    ]),\n    readOnly: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    rows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    cols: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    inner_ref: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),\n\n    ...spacingPropTypes,\n\n    className: PropTypes.string,\n    textarea_element: PropTypes.oneOfType([\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n\n    on_change: PropTypes.func,\n    on_focus: PropTypes.func,\n    on_blur: PropTypes.func,\n    on_key_down: PropTypes.func,\n    on_state_update: PropTypes.func,\n  }\n\n  static defaultProps = {\n    value: 'initval',\n    id: null,\n    label: null,\n    label_direction: null,\n    label_sr_only: null,\n    status: null,\n    textarea_state: null,\n    status_state: 'error',\n    status_props: null,\n    status_no_animation: null,\n    globalStatus: null,\n    suffix: null,\n    placeholder: null,\n    align: null,\n    stretch: null,\n    disabled: null,\n    skeleton: null,\n    autoresize: null,\n    autoresize_max_rows: null,\n    textarea_class: null,\n    class: null,\n    textarea_attributes: null,\n    readOnly: false,\n    rows: null,\n    cols: null,\n    inner_ref: null,\n\n    className: null,\n    textarea_element: null,\n    children: null,\n\n    on_change: null,\n    on_focus: null,\n    on_blur: null,\n    on_key_down: null,\n    on_state_update: null,\n  }\n\n  static getDerivedStateFromProps(props, state) {\n    const value = Textarea.getValue(props)\n    if (\n      state._listenForPropChanges &&\n      value !== 'initval' &&\n      value !== state.value\n    ) {\n      if (\n        value !== state.value &&\n        value !== state._value &&\n        typeof props.on_state_update === 'function'\n      ) {\n        dispatchCustomElementEvent({ props }, 'on_state_update', { value })\n      }\n      state.value = value\n    }\n    if (props.textarea_state) {\n      state.textareaState = props.textarea_state\n    }\n    state._listenForPropChanges = true\n    return state\n  }\n\n  static hasValue(value) {\n    return (\n      ((typeof value === 'string' || typeof value === 'number') &&\n        String(value).length > 0) ||\n      false\n    )\n  }\n\n  static getValue(props) {\n    const value = processChildren(props)\n    if (value === '' || Textarea.hasValue(value)) {\n      return value\n    }\n    return props.value\n  }\n\n  state = {\n    textareaState: 'virgin',\n    value: null,\n    _value: null,\n  }\n\n  constructor(props) {\n    super(props)\n\n    this._ref = props.inner_ref || React.createRef()\n    this._id = props.id || makeUniqueId() // cause we need an id anyway\n\n    // make sure we don't trigger getDerivedStateFromProps on startup\n    this.state._listenForPropChanges = true\n    if (props.textarea_state) {\n      this.state.textareaState = props.textarea_state\n    }\n    this.state._value = props.value\n  }\n  componentDidMount() {\n    if (isTrue(this.props.autoresize) && typeof window !== 'undefined') {\n      this.setAutosize()\n      try {\n        this.resizeObserver = new ResizeObserver(this.setAutosize)\n        this.resizeObserver.observe(document.body)\n      } catch (e) {\n        window.addEventListener('resize', this.setAutosize)\n      }\n    }\n  }\n  componentWillUnmount() {\n    if (this.resizeObserver) {\n      this.resizeObserver.disconnect()\n      this.resizeObserver = null\n    }\n    if (typeof window !== 'undefined') {\n      window.removeEventListener('resize', this.setAutosize)\n    }\n  }\n  onFocusHandler = (event) => {\n    const { value } = this._ref.current\n    this.setState({\n      value,\n      _listenForPropChanges: false,\n      textareaState: 'focus',\n    })\n    dispatchCustomElementEvent(this, 'on_focus', { value, event })\n  }\n  onBlurHandler = (event) => {\n    const { value } = event.target\n    this.setState({\n      value,\n      _listenForPropChanges: false,\n      textareaState: Textarea.hasValue(value) ? 'dirty' : 'initial',\n    })\n    dispatchCustomElementEvent(this, 'on_blur', { value, event })\n  }\n  onChangeHandler = (event) => {\n    const { value } = event.target\n\n    if (isTrue(this.props.autoresize)) {\n      this.prepareAutosize()\n    }\n\n    const rows = this.getRows(value)\n\n    const ret = dispatchCustomElementEvent(this, 'on_change', {\n      value,\n      rows,\n      event,\n    })\n    if (ret !== false) {\n      this.setState({ value, _listenForPropChanges: false })\n      if (isTrue(this.props.autoresize)) {\n        this.setAutosize(rows)\n      }\n    }\n  }\n  onKeyDownHandler = (event) => {\n    const rows = this.getRows()\n    const { value } = event.target\n    dispatchCustomElementEvent(this, 'on_key_down', {\n      value,\n      rows,\n      event,\n    })\n  }\n  prepareAutosize = () => {\n    const elem = this._ref.current\n    if (!elem) {\n      return // stop here if no element was gotten\n    }\n    try {\n      elem.style.height = 'auto'\n    } catch (e) {\n      warn(e)\n    }\n  }\n  setAutosize = (rows = null) => {\n    const elem = this._ref.current\n    if (!elem) {\n      return // stop here if no element was gotten\n    }\n    try {\n      if (typeof this._heightOffset === 'undefined') {\n        this._heightOffset = elem.offsetHeight - elem.clientHeight\n      }\n\n      elem.style.height = 'auto'\n\n      // get rows after we set height to auto, this way we get 100% correct rows\n      const lineHeight = this.getLineHeight()\n      let newHeight = elem.scrollHeight + this._heightOffset\n      if (!rows) {\n        rows = this.getRows()\n      }\n\n      if (rows === 1) {\n        if (newHeight > lineHeight) {\n          newHeight = lineHeight\n        }\n      }\n\n      const maxRows = parseFloat(this.props.autoresize_max_rows)\n      if (maxRows > 0) {\n        const maxHeight = maxRows * lineHeight\n\n        if (rows > maxRows || newHeight > maxHeight) {\n          newHeight = maxHeight\n        }\n      }\n\n      elem.style.height = newHeight + 'px'\n    } catch (e) {\n      warn(e)\n    }\n  }\n  getRows() {\n    return (\n      Math.floor(this._ref.current.scrollHeight / this.getLineHeight()) ||\n      1\n    )\n  }\n  getLineHeight() {\n    return parseFloat(getComputedStyle(this._ref.current).lineHeight) || 0\n  }\n  render() {\n    // use only the props from context, who are available here anyway\n    const props = extendPropsWithContextInClassComponent(\n      this.props,\n      Textarea.defaultProps,\n      { skeleton: this.context?.skeleton },\n      this.context.getTranslation(this.props).Textarea,\n      includeValidProps(this.context.FormRow),\n      this.context.Textarea\n    )\n\n    const {\n      label,\n      label_direction,\n      label_sr_only,\n      status,\n      status_state,\n      status_props,\n      status_no_animation,\n      globalStatus,\n      suffix,\n      disabled,\n      skeleton,\n      stretch,\n      placeholder,\n      align,\n      textarea_class,\n      readOnly,\n      textarea_attributes,\n      class: _className,\n      className,\n\n      autoresize,\n      autoresize_max_rows, //eslint-disable-line\n      id: _id, //eslint-disable-line\n      children, //eslint-disable-line\n      value: _value, //eslint-disable-line\n      textarea_element: _textarea_element, //eslint-disable-line\n\n      ...attributes\n    } = props\n\n    const { value, textareaState } = this.state\n\n    const id = this._id\n    const showStatus = getStatusState(status)\n    const hasValue = Textarea.hasValue(value)\n\n    // pass along all props we wish to have as params\n    let { textarea_element: TextareaElement } = props\n\n    const textareaAttributes = textarea_attributes\n      ? typeof textarea_attributes === 'string'\n        ? JSON.parse(textarea_attributes)\n        : textarea_attributes\n      : {}\n\n    const textareaParams = {\n      className: classnames('dnb-textarea__textarea', textarea_class),\n      role: 'textbox',\n      value: hasValue ? value : '',\n      id,\n      disabled: isTrue(disabled) || isTrue(skeleton),\n      name: id,\n      'aria-placeholder': placeholder,\n      ...attributes,\n      ...textareaAttributes,\n      onChange: this.onChangeHandler,\n      onFocus: this.onFocusHandler,\n      onBlur: this.onBlurHandler,\n      // onPaste: this.onChangeHandler,\n      onKeyDown: this.onKeyDownHandler,\n    }\n\n    // we may considder using: aria-details\n    if (showStatus || suffix) {\n      textareaParams['aria-describedby'] = combineDescribedBy(\n        textareaParams,\n        showStatus ? id + '-status' : null,\n        suffix ? id + '-suffix' : null\n      )\n    }\n    if (readOnly) {\n      textareaParams['aria-readonly'] = textareaParams.readOnly = true\n    }\n\n    const mainParams = {\n      className: classnames(\n        'dnb-textarea',\n        `dnb-textarea--${textareaState}`,\n        hasValue && 'dnb-textarea--has-content',\n        align && `dnb-textarea__align--${align}`,\n        status && `dnb-textarea__status--${status_state}`,\n        autoresize && 'dnb-textarea__autoresize',\n        label_direction && `dnb-textarea--${label_direction}`,\n        isTrue(stretch) && `dnb-textarea--stretch`,\n        'dnb-form-component',\n        createSkeletonClass(null, skeleton),\n        createSpacingClasses(props),\n        _className,\n        className\n      ),\n    }\n\n    const innerParams = {\n      className: classnames(\n        'dnb-textarea__inner',\n        createSkeletonClass('shape', skeleton, this.context)\n      ),\n    }\n\n    const shellParams = {\n      className: classnames('dnb-textarea__shell'),\n    }\n\n    if (isTrue(disabled) || isTrue(skeleton)) {\n      shellParams['aria-disabled'] = true\n    }\n\n    // to show the ending dots on a placeholder, if the text is longer\n    const placeholderStyle =\n      parseFloat(this.props.rows) > 0\n        ? {\n            '--textarea-rows': parseFloat(this.props.rows),\n            // '--textarea-cols': parseFloat(this.props.cols)\n          }\n        : null\n\n    skeletonDOMAttributes(innerParams, skeleton, this.context)\n\n    // also used for code markup simulation\n    validateDOMAttributes(this.props, textareaParams)\n    validateDOMAttributes(null, innerParams)\n    validateDOMAttributes(null, shellParams)\n\n    if (TextareaElement && typeof TextareaElement === 'function') {\n      TextareaElement = TextareaElement(textareaParams, this._ref)\n    } else if (!TextareaElement && _textarea_element) {\n      TextareaElement = _textarea_element\n    }\n\n    return (\n      <span {...mainParams}>\n        {label && (\n          <FormLabel\n            id={id + '-label'}\n            for_id={id}\n            text={label}\n            label_direction={label_direction}\n            sr_only={label_sr_only}\n            disabled={disabled}\n            skeleton={skeleton}\n          />\n        )}\n\n        <span {...innerParams}>\n          <AlignmentHelper />\n\n          <FormStatus\n            show={showStatus}\n            id={id + '-form-status'}\n            globalStatus={globalStatus}\n            label={label}\n            text_id={id + '-status'} // used for \"aria-describedby\"\n            text={status}\n            state={status_state}\n            no_animation={status_no_animation}\n            skeleton={skeleton}\n            {...status_props}\n          />\n\n          <span className=\"dnb-textarea__row\">\n            <span {...shellParams}>\n              {TextareaElement || (\n                <textarea ref={this._ref} {...textareaParams} />\n              )}\n\n              {placeholder && (\n                <span\n                  aria-hidden\n                  className={classnames(\n                    'dnb-textarea__placeholder',\n                    align ? `dnb-textarea__align--${align}` : null\n                  )}\n                  style={placeholderStyle}\n                >\n                  {placeholder}\n                </span>\n              )}\n\n              <span className=\"dnb-textarea__state\" />\n            </span>\n\n            {suffix && (\n              <Suffix\n                className=\"dnb-textarea__suffix\"\n                id={id + '-suffix'} // used for \"aria-describedby\"\n                context={props}\n              >\n                {suffix}\n              </Suffix>\n            )}\n          </span>\n        </span>\n      </span>\n    )\n  }\n}\n"],"mappings":"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"}

package/components/textarea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/textarea/index.ts"],"sourcesContent":["/**\n * Component Entry\n *\n */\n\nexport * from './Textarea'\n"],"mappings":"AAKA,cAAc,YAAY"}

package/components/textarea/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/textarea/style/index.js"],"sourcesContent":["/**\n * Web Style Import\n *\n */\n\nimport './dnb-textarea.scss'\n"],"mappings":"AAKA,OAAO,wBAAqB"}

package/components/textarea/style/themes/ui.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui.js","names":[],"sources":["../../../../../../src/components/textarea/style/themes/ui.js"],"sourcesContent":["/**\n * Imports the default theme\n *\n */\n\nimport './dnb-textarea-theme-ui.scss'\n"],"mappings":"AAKA,OAAO,iCAA8B"}

package/components/textarea/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","names":[],"sources":["../../../../src/components/textarea/style.ts"],"sourcesContent":["/**\n * Web Style Import\n *\n */\n\nimport './style/dnb-textarea.scss'\n"],"mappings":"AAKA,OAAO,8BAA2B"}

package/components/timeline/Timeline.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import type { SpacingProps } from '../../shared/types';
 import type { SkeletonShow } from '../skeleton/Skeleton';
 import TimelineItem, { TimelineItemProps } from './TimelineItem';
-export declare type TimelineProps = {
+export type TimelineProps = {
     /**
      * Skeleton should be applied when loading content
      * Default: null
@@ -19,7 +19,7 @@ export declare type TimelineProps = {
      */
     children?: React.ReactElement<TimelineItemProps>[] | React.ReactElement<TimelineItemProps>;
 };
-export declare type TimelineAllProps = TimelineProps & Omit<React.AllHTMLAttributes<HTMLOListElement>, 'type' | 'data'> & SpacingProps;
+export type TimelineAllProps = TimelineProps & Omit<React.AllHTMLAttributes<HTMLOListElement>, 'type' | 'data'> & SpacingProps;
 export declare const defaultProps: {
     className: any;
     skeleton: boolean;