@dnb/eufemia 10.2.0 → 10.3.0

package/es/components/skeleton/figures/Table.js

@@ -14,23 +14,19 @@ export default class SkeletonTable extends React.PureComponent {
     const fill = [70, 80, 60, 40, 50, 20, 0];
     this.rowsLength = new Array(rows).fill(true).map((_, i) => {
       const c = i % fill.length;
-
       if (c === fill.length - 1) {
         fill.concat(fill.reverse());
       }
-
       return fill[c];
     });
   }
-
   render() {
     const _this$props = this.props,
-          {
-      rows,
-      children
-    } = _this$props,
-          rest = _objectWithoutProperties(_this$props, _excluded);
-
+      {
+        rows,
+        children
+      } = _this$props,
+      rest = _objectWithoutProperties(_this$props, _excluded);
     return React.createElement("div", _extends({
       className: "dnb-skeleton__figure dnb-skeleton__figure--show",
       "aria-busy": true
@@ -48,17 +44,14 @@ export default class SkeletonTable extends React.PureComponent {
       }
     }, "\u200C")), children);
   }
-
 }
-
 _defineProperty(SkeletonTable, "contextType", Context);
-
 _defineProperty(SkeletonTable, "defaultProps", {
   rows: 3,
   children: null
 });
-
 process.env.NODE_ENV !== "production" ? SkeletonTable.propTypes = {
   rows: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   children: PropTypes.oneOfType([PropTypes.string, PropTypes.func, PropTypes.node])
-} : void 0;
+} : void 0;
+//# sourceMappingURL=Table.js.map

package/es/components/skeleton/figures/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","names":["React","PropTypes","Context","SkeletonTable","PureComponent","constructor","props","rows","fill","rowsLength","Array","map","_","i","c","length","concat","reverse","render","_this$props","children","rest","_objectWithoutProperties","_excluded","createElement","_extends","className","style","width","p","key","_defineProperty","process","env","NODE_ENV","propTypes","oneOfType","string","number","func","node"],"sources":["../../../../../src/components/skeleton/figures/Table.js"],"sourcesContent":["/**\n * Web Skeleton Figure\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport Context from '../../../shared/Context'\nimport classnames from 'classnames'\n\nexport default class SkeletonTable extends React.PureComponent {\n  static contextType = Context\n  static propTypes = {\n    rows: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    children: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n  }\n\n  static defaultProps = {\n    rows: 3,\n    children: null,\n  }\n\n  constructor(props) {\n    super(props)\n\n    const { rows } = props\n\n    // Do this so we get the same result each time\n    // because of static generated markup\n    const fill = [70, 80, 60, 40, 50, 20, 0]\n    this.rowsLength = new Array(rows).fill(true).map((_, i) => {\n      const c = i % fill.length\n      if (c === fill.length - 1) {\n        fill.concat(fill.reverse())\n      }\n      return fill[c]\n    })\n  }\n\n  render() {\n    const {\n      rows, // eslint-disable-line\n      children,\n      ...rest\n    } = this.props\n\n    return (\n      <div\n        className={classnames(\n          'dnb-skeleton__figure',\n          'dnb-skeleton__figure--show'\n        )}\n        aria-busy\n        {...rest}\n      >\n        <div\n          className={classnames(\n            'dnb-h--xx-large',\n            'dnb-skeleton',\n            'dnb-skeleton--shape',\n            'dnb-space__bottom--large'\n          )}\n          aria-hidden\n          style={{\n            width: '50%',\n          }}\n        >\n          &zwnj;\n        </div>\n\n        {this.rowsLength.map((p, i) => (\n          <div\n            key={i}\n            className={classnames(\n              'dnb-p',\n              'dnb-skeleton',\n              'dnb-skeleton--shape',\n              'dnb-space__top--x-small'\n            )}\n            style={{\n              width: `${p}%`,\n            }}\n          >\n            &zwnj;\n          </div>\n        ))}\n\n        {children}\n      </div>\n    )\n  }\n}\n"],"mappings":";;;;AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,OAAO,MAAM,yBAAyB;AAG7C,eAAe,MAAMC,aAAa,SAASH,KAAK,CAACI,aAAa,CAAC;EAgB7DC,WAAWA,CAACC,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC;IAEZ,MAAM;MAAEC;IAAK,CAAC,GAAGD,KAAK;IAItB,MAAME,IAAI,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;IACxC,IAAI,CAACC,UAAU,GAAG,IAAIC,KAAK,CAACH,IAAI,CAAC,CAACC,IAAI,CAAC,IAAI,CAAC,CAACG,GAAG,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAK;MACzD,MAAMC,CAAC,GAAGD,CAAC,GAAGL,IAAI,CAACO,MAAM;MACzB,IAAID,CAAC,KAAKN,IAAI,CAACO,MAAM,GAAG,CAAC,EAAE;QACzBP,IAAI,CAACQ,MAAM,CAACR,IAAI,CAACS,OAAO,CAAC,CAAC,CAAC;MAC7B;MACA,OAAOT,IAAI,CAACM,CAAC,CAAC;IAChB,CAAC,CAAC;EACJ;EAEAI,MAAMA,CAAA,EAAG;IACP,MAAAC,WAAA,GAII,IAAI,CAACb,KAAK;MAJR;QACJC,IAAI;QACJa;MAEF,CAAC,GAAAD,WAAA;MADIE,IAAI,GAAAC,wBAAA,CAAAH,WAAA,EAAAI,SAAA;IAGT,OACEvB,KAAA,CAAAwB,aAAA,QAAAC,QAAA;MACEC,SAAS,mDAGP;MACF;IAAS,GACLL,IAAI,GAERrB,KAAA,CAAAwB,aAAA;MACEE,SAAS,6EAKP;MACF,mBAAW;MACXC,KAAK,EAAE;QACLC,KAAK,EAAE;MACT;IAAE,GACH,QAEI,CAAC,EAEL,IAAI,CAACnB,UAAU,CAACE,GAAG,CAAC,CAACkB,CAAC,EAAEhB,CAAC,KACxBb,KAAA,CAAAwB,aAAA;MACEM,GAAG,EAAEjB,CAAE;MACPa,SAAS,kEAKP;MACFC,KAAK,EAAE;QACLC,KAAK,EAAG,GAAEC,CAAE;MACd;IAAE,GACH,QAEI,CACN,CAAC,EAEDT,QACE,CAAC;EAEV;AACF;AAACW,eAAA,CArFoB5B,aAAa,iBACXD,OAAO;AAAA6B,eAAA,CADT5B,aAAa,kBAWV;EACpBI,IAAI,EAAE,CAAC;EACPa,QAAQ,EAAE;AACZ,CAAC;AAAAY,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAdkB/B,aAAa,CAEzBgC,SAAS,GAAG;EACjB5B,IAAI,EAAEN,SAAS,CAACmC,SAAS,CAAC,CAACnC,SAAS,CAACoC,MAAM,EAAEpC,SAAS,CAACqC,MAAM,CAAC,CAAC;EAC/DlB,QAAQ,EAAEnB,SAAS,CAACmC,SAAS,CAAC,CAC5BnC,SAAS,CAACoC,MAAM,EAChBpC,SAAS,CAACsC,IAAI,EACdtC,SAAS,CAACuC,IAAI,CACf;AACH,CAAC"}

package/es/components/skeleton/figures/index.d.ts

@@ -1,5 +1,5 @@
-import Article from "./Article";
-import Table from "./Table";
-import Circle from "./Circle";
-import Product from "./Product";
+import Article from './Article';
+import Table from './Table';
+import Circle from './Circle';
+import Product from './Product';
 export { Article, Table, Circle, Product };

package/es/components/skeleton/figures/index.js

@@ -2,4 +2,5 @@ import Article from './Article';
 import Table from './Table';
 import Circle from './Circle';
 import Product from './Product';
-export { Article, Table, Circle, Product };
+export { Article, Table, Circle, Product };
+//# sourceMappingURL=index.js.map

package/es/components/skeleton/figures/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Article","Table","Circle","Product"],"sources":["../../../../../src/components/skeleton/figures/index.js"],"sourcesContent":["/**\n * Web Skeleton Figures\n *\n */\n\nimport Article from './Article'\nimport Table from './Table'\nimport Circle from './Circle'\nimport Product from './Product'\n\nexport { Article, Table, Circle, Product }\n"],"mappings":"AAKA,OAAOA,OAAO,MAAM,WAAW;AAC/B,OAAOC,KAAK,MAAM,SAAS;AAC3B,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,OAAO,MAAM,WAAW;AAE/B,SAASH,OAAO,EAAEC,KAAK,EAAEC,MAAM,EAAEC,OAAO"}

package/es/components/skeleton/index.js

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

package/es/components/skeleton/index.js.map

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

package/es/components/skeleton/style/index.js.map

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

package/es/components/skeleton/style/themes/ui.js.map

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

package/es/components/skeleton/style.js.map

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

package/es/components/skip-content/SkipContent.d.ts

@@ -17,10 +17,10 @@ export interface SkipContentProps {
      */
     focusDelay?: number;
 }
-export declare type SkipContentAllProps = SkipContentProps & ButtonProps;
+export type SkipContentAllProps = SkipContentProps & ButtonProps;
 declare const SkipContent: {
     (localProps: SkipContentAllProps): JSX.Element;
     Return: (localProps: SkipContentReturnProps) => JSX.Element;
 };
-export declare type SkipContentReturnProps = SkipContentAllProps;
+export type SkipContentReturnProps = SkipContentAllProps;
 export default SkipContent;

package/es/components/skip-content/SkipContent.js

@@ -1,23 +1,21 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["selector", "text", "children", "className", "focusDelay"],
-      _excluded2 = ["selector", "className"];
+  _excluded2 = ["selector", "className"];
 import React from 'react';
 import classnames from 'classnames';
 import Button from '../button/Button';
 import HeightAnimation from '../height-animation/HeightAnimation';
 import { applyPageFocus } from '../../shared/helpers';
-
 const SkipContent = localProps => {
   const {
-    selector,
-    text,
-    children,
-    className,
-    focusDelay = 400
-  } = localProps,
-        props = _objectWithoutProperties(localProps, _excluded);
-
+      selector,
+      text,
+      children,
+      className,
+      focusDelay = 400
+    } = localProps,
+    props = _objectWithoutProperties(localProps, _excluded);
   React.useEffect(() => () => {
     clearTimeout(timeout.current);
   }, []);
@@ -44,14 +42,11 @@ const SkipContent = localProps => {
     onClick: handleClick,
     onBlur: handleBlur
   }, props), text || children))));
-
   function handleBlur() {
     setVisible(false);
   }
-
   function handleClick() {
     var _element$scrollIntoVi;
-
     setVisible(false);
     const element = document.querySelector(selector);
     element === null || element === void 0 ? void 0 : (_element$scrollIntoVi = element.scrollIntoView) === null || _element$scrollIntoVi === void 0 ? void 0 : _element$scrollIntoVi.call(element, {
@@ -60,54 +55,45 @@ const SkipContent = localProps => {
     element === null || element === void 0 ? void 0 : element.classList.add('dnb-skip-content__focus');
     timeout.current = setTimeout(() => {
       var _document$querySelect;
-
       applyPageFocus(selector);
       (_document$querySelect = document.querySelector(`#${returnSelector}--alias--alias`)) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.classList.add('dnb-skip-content__return--active');
     }, focusDelay);
   }
-
   function handleFocus(e) {
     if (e.target.tagName === 'SPAN') {
       setFocus();
     }
   }
-
   function handleKeyUp(e) {
     if (e.key === 'Tab') {
       setFocus();
     }
   }
-
   function setFocus() {
     var _ref$current2;
-
     setVisible(true);
     window.requestAnimationFrame(() => {
       var _ref$current;
-
       const element = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.querySelector('.dnb-button');
       element === null || element === void 0 ? void 0 : element.focus();
     });
-
     if ((_ref$current2 = ref.current) !== null && _ref$current2 !== void 0 && _ref$current2.getAttribute('class').includes('__return--active')) {
       setKeepReturnActive(true);
     }
   }
 };
-
 const SkipContentReturn = localProps => {
   const {
-    selector,
-    className
-  } = localProps,
-        props = _objectWithoutProperties(localProps, _excluded2);
-
+      selector,
+      className
+    } = localProps,
+    props = _objectWithoutProperties(localProps, _excluded2);
   const classes = classnames('dnb-skip-content__return', className);
   return React.createElement(SkipContent, _extends({
     selector: `${selector}--alias`,
     className: classes
   }, props));
 };
-
 SkipContent.Return = SkipContentReturn;
-export default SkipContent;
+export default SkipContent;
+//# sourceMappingURL=SkipContent.js.map

package/es/components/skip-content/SkipContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkipContent.js","names":["React","classnames","Button","HeightAnimation","applyPageFocus","SkipContent","localProps","selector","text","children","className","focusDelay","props","_objectWithoutProperties","_excluded","useEffect","clearTimeout","timeout","current","visible","setVisible","useState","keepReturnActive","setKeepReturnActive","ref","useRef","classes","returnSelector","replace","returnId","createElement","onFocus","handleFocus","id","Fragment","onKeyUp","handleKeyUp","open","_extends","wrap","variant","onClick","handleClick","onBlur","handleBlur","_element$scrollIntoVi","element","document","querySelector","scrollIntoView","call","behavior","classList","add","setTimeout","_document$querySelect","e","target","tagName","setFocus","key","_ref$current2","window","requestAnimationFrame","_ref$current","focus","getAttribute","includes","SkipContentReturn","_excluded2","Return"],"sources":["../../../../src/components/skip-content/SkipContent.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport Button, { ButtonProps } from '../button/Button'\nimport HeightAnimation from '../height-animation/HeightAnimation'\nimport { applyPageFocus } from '../../shared/helpers'\n\nexport interface SkipContentProps {\n  /**\n   * Define an existing `Section` id to focus when the inner button got pressed.\n   * Required\n   */\n  selector: string\n\n  /**\n   * Define a clear message describing the choices the users has.\n   * Optional\n   */\n  text?: React.ReactNode\n\n  /**\n   * Defines the delay after the enter key has been pressed\n   * Defaults to 400\n   */\n  focusDelay?: number\n}\n\nexport type SkipContentAllProps = SkipContentProps & ButtonProps\n\ninterface FocusEvent<T = Element> extends React.SyntheticEvent<T> {\n  target: EventTarget & T\n}\n\nconst SkipContent = (localProps: SkipContentAllProps) => {\n  const {\n    selector,\n    text,\n    children,\n    className,\n    focusDelay = 400,\n    ...props\n  } = localProps\n\n  React.useEffect(\n    () => () => {\n      clearTimeout(timeout.current)\n    },\n    []\n  )\n\n  const [visible, setVisible] = React.useState(false)\n  const [keepReturnActive, setKeepReturnActive] = React.useState(false)\n  const ref = React.useRef<HTMLElement>()\n  const timeout = React.useRef<NodeJS.Timeout>()\n\n  const classes = classnames(\n    'dnb-skip-content',\n    visible && 'dnb-skip-content--visible',\n    keepReturnActive && 'dnb-skip-content__return--active',\n    className\n  )\n  const returnSelector = selector.replace(/^(\\.|#)/, '')\n  const returnId = `${returnSelector}--alias`\n\n  return (\n    <span\n      className={classes}\n      ref={ref}\n      onFocus={handleFocus}\n      id={returnId}\n    >\n      <>\n        {!visible && (\n          <button className=\"dnb-sr-only\" onKeyUp={handleKeyUp}>\n            {text || children}\n          </button>\n        )}\n        <HeightAnimation open={visible}>\n          <Button\n            wrap\n            variant=\"secondary\"\n            onClick={handleClick}\n            onBlur={handleBlur}\n            {...(props as Record<string, unknown>)}\n          >\n            {text || children}\n          </Button>\n        </HeightAnimation>\n      </>\n    </span>\n  )\n\n  function handleBlur() {\n    setVisible(false)\n  }\n\n  function handleClick() {\n    setVisible(false)\n\n    // Scroll to the element at first\n    const element = document.querySelector(selector)\n    element?.scrollIntoView?.({ behavior: 'smooth' })\n    element?.classList.add('dnb-skip-content__focus')\n\n    // Delay the focus, so the UX is smoother\n    timeout.current = setTimeout(() => {\n      applyPageFocus(selector)\n\n      // Tell the linked return component, it should stay active (if it gets focused as well)\n      document\n        .querySelector(`#${returnSelector}--alias--alias`)\n        ?.classList.add('dnb-skip-content__return--active')\n    }, focusDelay)\n  }\n\n  function handleFocus(e: FocusEvent) {\n    if (e.target.tagName === 'SPAN') {\n      setFocus()\n    }\n  }\n\n  function handleKeyUp(e: React.KeyboardEvent) {\n    if (e.key === 'Tab') {\n      setFocus()\n    }\n  }\n\n  function setFocus() {\n    setVisible(true)\n\n    // Wait one frame, so ref is set\n    window.requestAnimationFrame(() => {\n      const element = ref.current?.querySelector(\n        '.dnb-button'\n      ) as HTMLElement\n      element?.focus()\n    })\n\n    // Ensure the __return button stays active\n    if (ref.current?.getAttribute('class').includes('__return--active')) {\n      setKeepReturnActive(true)\n    }\n  }\n}\n\nexport type SkipContentReturnProps = SkipContentAllProps\n\nconst SkipContentReturn = (localProps: SkipContentReturnProps) => {\n  const { selector, className, ...props } = localProps\n\n  const classes = classnames('dnb-skip-content__return', className)\n\n  return (\n    <SkipContent\n      selector={`${selector}--alias`}\n      className={classes}\n      {...props}\n    />\n  )\n}\n\nSkipContent.Return = SkipContentReturn\n\nexport default SkipContent\n"],"mappings":"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"}

package/es/components/skip-content/index.js

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

package/es/components/skip-content/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["SkipContent"],"sources":["../../../../src/components/skip-content/index.ts"],"sourcesContent":["/**\n * Component Entry\n *\n */\n\nimport SkipContent from './SkipContent'\nexport default SkipContent\nexport * from './SkipContent'\n"],"mappings":"AAKA,OAAOA,WAAW,MAAM,eAAe;AACvC,eAAeA,WAAW;AAC1B,cAAc,eAAe"}

package/es/components/skip-content/style/index.js.map

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

package/es/components/skip-content/style.js.map

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

package/es/components/slider/Slider.js

@@ -1,12 +1,10 @@
 var _SliderInstance;
-
 import React from 'react';
 import { SliderProvider } from './SliderProvider';
 import { SliderInstance } from './SliderInstance';
 export * from './types';
-
 function Slider(localProps) {
   return React.createElement(SliderProvider, localProps, _SliderInstance || (_SliderInstance = React.createElement(SliderInstance, null)));
 }
-
-export default Slider;
+export default Slider;
+//# sourceMappingURL=Slider.js.map

package/es/components/slider/Slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.js","names":["React","SliderProvider","SliderInstance","Slider","localProps","createElement","_SliderInstance"],"sources":["../../../../src/components/slider/Slider.tsx"],"sourcesContent":["/**\n * Web Slider Component\n *\n */\n\nimport React from 'react'\n\nimport { SliderProvider } from './SliderProvider'\nimport { SliderInstance } from './SliderInstance'\n\nimport type { SliderAllProps } from './types'\n\nexport * from './types'\n\nfunction Slider(localProps: SliderAllProps) {\n  return (\n    <SliderProvider {...localProps}>\n      <SliderInstance />\n    </SliderProvider>\n  )\n}\n\nexport default Slider\n"],"mappings":";AAKA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SAASC,cAAc,QAAQ,kBAAkB;AAIjD,cAAc,SAAS;AAEvB,SAASC,MAAMA,CAACC,UAA0B,EAAE;EAC1C,OACEJ,KAAA,CAAAK,aAAA,CAACJ,cAAc,EAAKG,UAAU,EAAAE,eAAA,KAAAA,eAAA,GAC5BN,KAAA,CAAAK,aAAA,CAACH,cAAc,MAAE,CAAC,CACJ,CAAC;AAErB;AAEA,eAAeC,MAAM"}

package/es/components/slider/SliderHelpers.js

@@ -1,17 +1,12 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
-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 { format } from '../number-format/NumberUtils';
 export const percentToValue = (percent, min, max, isReverse) => {
   let num = (max - min) * percent / 100 + min;
-
   if (isReverse) {
     num = max + min - num;
   }
-
   return num;
 };
 export const roundToStep = (number, step) => Math.round(number / step) * step;
@@ -39,7 +34,6 @@ export const getMousePosition = event => {
       y: event.changedTouches[0].pageY
     };
   }
-
   return {
     x: event.pageX,
     y: event.pageY
@@ -75,7 +69,6 @@ export const createMockDiv = ({
     width: `${width}px`,
     height: `${height}px`
   });
-
   div.getBoundingClientRect = () => ({
     width,
     height,
@@ -84,7 +77,6 @@ export const createMockDiv = ({
     right: width,
     bottom: height
   });
-
   return div;
 };
 export const getUpdatedValues = (value, index, newValue) => {
@@ -92,7 +84,6 @@ export const getUpdatedValues = (value, index, newValue) => {
     if (i === index) {
       val = newValue;
     }
-
     return val;
   });
 };
@@ -109,14 +100,13 @@ export const getFormattedNumber = (value, numberFormat) => {
         aria: number
       };
     }
-
     return format(value, _objectSpread(_objectSpread({}, numberFormat || {}), {}, {
       returnAria: true
     }));
   }
-
   return {
     aria: null,
     number: null
   };
-};
+};
+//# sourceMappingURL=SliderHelpers.js.map

package/es/components/slider/SliderHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderHelpers.js","names":["format","percentToValue","percent","min","max","isReverse","num","roundToStep","number","step","Math","round","getOffset","node","pageYOffset","pageXOffset","window","left","top","getBoundingClientRect","getMousePosition","event","changedTouches","x","pageX","y","pageY","calculatePercent","isVertical","width","height","value","onePercent","abs","clamp","roundValue","parseFloat","String","toFixed","createMockDiv","div","document","createElement","Object","assign","style","right","bottom","getUpdatedValues","index","newValue","map","val","i","closestIndex","goal","array","res","sort","a","b","findIndex","getFormattedNumber","numberFormat","aria","_objectSpread","returnAria"],"sources":["../../../../src/components/slider/SliderHelpers.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-ts-comment */\nimport { format, formatReturnValue } from '../number-format/NumberUtils'\n\nimport type { NumberFormatTypes, ValueTypes } from './types'\n\nexport const percentToValue = (\n  percent: number,\n  min: number,\n  max: number,\n  isReverse: boolean\n) => {\n  let num = ((max - min) * percent) / 100 + min\n\n  if (isReverse) {\n    num = max + min - num\n  }\n\n  return num\n}\n\nexport const roundToStep = (number: number, step: number) =>\n  Math.round(number / step) * step\n\nexport const getOffset = (node: HTMLElement) => {\n  const { pageYOffset, pageXOffset } =\n    typeof window !== 'undefined'\n      ? window\n      : { pageYOffset: 0, pageXOffset: 0 }\n  const { left, top } = node.getBoundingClientRect()\n\n  return {\n    top: top + pageYOffset,\n    left: left + pageXOffset,\n  }\n}\n\nexport const getMousePosition = (event: MouseEvent & TouchEvent) => {\n  if (event.changedTouches && event.changedTouches[0]) {\n    return {\n      x: event.changedTouches[0].pageX,\n      y: event.changedTouches[0].pageY,\n    }\n  }\n\n  return {\n    x: event.pageX,\n    y: event.pageY,\n  }\n}\n\nexport const calculatePercent = (\n  node: HTMLElement,\n  event: MouseEvent | TouchEvent,\n  isVertical: boolean\n) => {\n  const { width, height } = node.getBoundingClientRect()\n  const { top, left } = getOffset(node)\n  const { x, y } = getMousePosition(event as MouseEvent & TouchEvent)\n\n  const value = isVertical ? y - top : x - left\n  const onePercent = (isVertical ? height : width) / 100\n\n  return Math.abs(clamp(value / onePercent))\n}\n\nexport const clamp = (value: number, min = 0, max = 100) =>\n  Math.min(Math.max(value, min), max)\n\nexport const roundValue = (value: number, step: number) => {\n  return step > 0\n    ? roundToStep(value, step)\n    : parseFloat(parseFloat(String(value)).toFixed(3))\n}\n\nexport const createMockDiv = ({ width, height }) => {\n  const div = document.createElement('div')\n  Object.assign(div.style, {\n    width: `${width}px`,\n    height: `${height}px`,\n  })\n  // @ts-ignore\n  div.getBoundingClientRect = () => ({\n    width,\n    height,\n    top: 0,\n    left: 0,\n    right: width,\n    bottom: height,\n  })\n  return div\n}\n\nexport const getUpdatedValues = (\n  value: Array<number>,\n  index: number,\n  newValue: number\n): ValueTypes => {\n  return value.map((val, i) => {\n    if (i === index) {\n      val = newValue\n    }\n    return val\n  })\n}\n\nexport const closestIndex = (goal: number, array: Array<number>) => {\n  const res = [...array].sort(\n    (a, b) => Math.abs(goal - a) - Math.abs(goal - b)\n  )[0]\n  return array.findIndex((num) => num === res)\n}\n\nexport const getFormattedNumber = (\n  value: number,\n  numberFormat: NumberFormatTypes\n) => {\n  if (numberFormat) {\n    if (typeof numberFormat === 'function') {\n      const number = numberFormat(value as number) as string\n      return { number, aria: number }\n    }\n\n    return format(value as number, {\n      ...(numberFormat || {}),\n      returnAria: true,\n    }) as formatReturnValue\n  }\n\n  return { aria: null, number: null } as formatReturnValue\n}\n"],"mappings":"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"}

package/es/components/slider/SliderInstance.js

@@ -1,7 +1,5 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-
 var _SubtractButton, _AddButton, _AlignmentHelper, _SliderMainTrack, _SliderSuffix;
-
 import React from 'react';
 import classnames from 'classnames';
 import { isTrue } from '../../shared/component-helper';
@@ -70,7 +68,6 @@ export function SliderInstance() {
     className: "dnb-slider__inner"
   }, showButtons && (isReverse ? addButton : subtractButton), _SliderMainTrack || (_SliderMainTrack = React.createElement(SliderMainTrack, null, React.createElement(SliderThumb, null), React.createElement(SliderTrackBefore, null), React.createElement(SliderTrackAfter, null))), showButtons && (isReverse ? subtractButton : addButton), _SliderSuffix || (_SliderSuffix = React.createElement(SliderSuffix, null)))));
 }
-
 function SliderSuffix() {
   const {
     allProps
@@ -85,7 +82,6 @@ function SliderSuffix() {
     context: allProps
   }, suffix) : null;
 }
-
 function SubtractButton() {
   const {
     emitChange,
@@ -102,17 +98,13 @@ function SubtractButton() {
     subtractTitle,
     numberFormat
   } = allProps;
-
   const onSubtractClickHandler = event => {
     emitChange(event, clamp(value - (step || 1), min, max));
   };
-
   const subtractParams = {};
-
   if (typeof attributes['aria-hidden'] !== 'undefined') {
     subtractParams['aria-hidden'] = attributes['aria-hidden'];
   }
-
   const humanNumber = getFormattedNumber(value, numberFormat);
   return React.createElement(Button, _extends({
     className: "dnb-slider__button dnb-slider__button--subtract",
@@ -125,7 +117,6 @@ function SubtractButton() {
     skeleton: skeleton
   }, subtractParams));
 }
-
 function AddButton() {
   const {
     emitChange,
@@ -142,17 +133,13 @@ function AddButton() {
     addTitle,
     numberFormat
   } = allProps;
-
   const onAddClickHandler = event => {
     emitChange(event, clamp(value + (step || 1), min, max));
   };
-
   const addParams = {};
-
   if (typeof attributes['aria-hidden'] !== 'undefined') {
     addParams['aria-hidden'] = attributes['aria-hidden'];
   }
-
   const humanNumber = getFormattedNumber(value, numberFormat);
   return React.createElement(Button, _extends({
     className: "dnb-slider__button dnb-slider__button--add",
@@ -164,4 +151,5 @@ function AddButton() {
     disabled: disabled,
     skeleton: skeleton
   }, addParams));
-}
+}
+//# sourceMappingURL=SliderInstance.js.map

package/es/components/slider/SliderInstance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderInstance.js","names":["React","classnames","isTrue","AlignmentHelper","createSpacingClasses","createSkeletonClass","skeletonDOMAttributes","Context","Suffix","Button","FormLabel","FormStatus","SliderMainTrack","SliderTrackBefore","SliderTrackAfter","SliderThumb","useSliderProps","clamp","getFormattedNumber","SliderInstance","context","useContext","isReverse","isVertical","showButtons","showStatus","shouldAnimate","allProps","id","label","labelSrOnly","labelDirection","status","statusProps","statusState","statusNoAnimation","globalStatus","stretch","skeleton","disabled","className","mainParams","subtractButton","_SubtractButton","createElement","SubtractButton","addButton","_AddButton","AddButton","text","label_direction","sr_only","_AlignmentHelper","_extends","show","text_id","state","no_animation","_SliderMainTrack","_SliderSuffix","SliderSuffix","suffix","emitChange","value","attributes","step","min","max","subtractTitle","numberFormat","onSubtractClickHandler","event","subtractParams","humanNumber","variant","icon","size","replace","aria","String","on_click","addTitle","onAddClickHandler","addParams"],"sources":["../../../../src/components/slider/SliderInstance.tsx"],"sourcesContent":["/**\n * Web Slider Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport { isTrue } from '../../shared/component-helper'\nimport AlignmentHelper from '../../shared/AlignmentHelper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport {\n  createSkeletonClass,\n  skeletonDOMAttributes,\n} from '../skeleton/SkeletonHelper'\n\nimport Context from '../../shared/Context'\nimport Suffix from '../../shared/helpers/Suffix'\nimport Button from '../button/Button'\nimport FormLabel from '../form-label/FormLabel'\nimport FormStatus from '../form-status/FormStatus'\n\nimport {\n  SliderMainTrack,\n  SliderTrackBefore,\n  SliderTrackAfter,\n} from './SliderTrack'\nimport { SliderThumb } from './SliderThumb'\nimport { useSliderProps } from './hooks/useSliderProps'\nimport { clamp, getFormattedNumber } from './SliderHelpers'\n\nexport function SliderInstance() {\n  const context = React.useContext(Context)\n\n  const {\n    isReverse,\n    isVertical,\n    showButtons,\n    showStatus,\n    shouldAnimate,\n    allProps,\n  } = useSliderProps()\n\n  const {\n    id,\n    label,\n    labelSrOnly,\n    labelDirection,\n    status,\n    statusProps,\n    statusState,\n    statusNoAnimation,\n    globalStatus,\n    stretch,\n    skeleton,\n    disabled,\n    className,\n  } = allProps\n\n  const mainParams = {\n    className: classnames(\n      'dnb-slider',\n      isVertical && 'dnb-slider--vertical',\n      disabled && 'dnb-slider__state--disabled',\n      shouldAnimate && 'dnb-slider__state--animate',\n      !showButtons && 'dnb-slider--no-buttons',\n      isTrue(stretch) && 'dnb-slider--stretch',\n      label && labelDirection && `dnb-slider__label--${labelDirection}`,\n      showStatus && 'dnb-slider__form-status',\n      status && `dnb-slider__status--${statusState}`,\n      'dnb-form-component',\n      createSkeletonClass(null, skeleton),\n      createSpacingClasses(allProps),\n      className\n    ),\n  }\n\n  const subtractButton = showButtons ? <SubtractButton /> : null\n  const addButton = showButtons ? <AddButton /> : null\n\n  skeletonDOMAttributes(mainParams, skeleton, context)\n\n  return (\n    <span {...mainParams}>\n      {label && (\n        // do not use \"for_id\" as the ID element is not a fo\n        <FormLabel\n          id={id + '-label'}\n          text={label}\n          disabled={disabled}\n          skeleton={skeleton}\n          label_direction={labelDirection}\n          sr_only={labelSrOnly}\n        />\n      )}\n\n      <span className=\"dnb-slider__wrapper\">\n        <AlignmentHelper />\n\n        <FormStatus\n          show={showStatus}\n          id={id + '-form-status'}\n          globalStatus={globalStatus}\n          text_id={id + '-status'} // used for \"aria-describedby\"\n          text={status}\n          state={statusState}\n          no_animation={statusNoAnimation}\n          skeleton={skeleton}\n          {...statusProps}\n        />\n\n        <span className=\"dnb-slider__inner\">\n          {showButtons && (isReverse ? addButton : subtractButton)}\n\n          <SliderMainTrack>\n            <SliderThumb />\n            <SliderTrackBefore />\n            <SliderTrackAfter />\n          </SliderMainTrack>\n\n          {showButtons && (isReverse ? subtractButton : addButton)}\n\n          <SliderSuffix />\n        </span>\n      </span>\n    </span>\n  )\n}\n\nfunction SliderSuffix() {\n  const { allProps } = useSliderProps()\n  const { id, suffix } = allProps\n\n  return suffix ? (\n    <Suffix\n      className=\"dnb-slider__suffix\"\n      id={id + '-suffix'} // used for \"aria-describedby\"\n      context={allProps}\n    >\n      {suffix}\n    </Suffix>\n  ) : null\n}\n\nfunction SubtractButton() {\n  const { emitChange, value, attributes, allProps } = useSliderProps()\n  const {\n    step,\n    min,\n    max,\n    disabled,\n    skeleton,\n    subtractTitle,\n    numberFormat,\n  } = allProps\n\n  const onSubtractClickHandler = (event: MouseEvent | TouchEvent) => {\n    emitChange(event, clamp((value as number) - (step || 1), min, max))\n  }\n\n  const subtractParams = {}\n\n  if (typeof attributes['aria-hidden'] !== 'undefined') {\n    subtractParams['aria-hidden'] = attributes['aria-hidden']\n  }\n\n  const humanNumber = getFormattedNumber(value as number, numberFormat)\n\n  return (\n    <Button\n      className=\"dnb-slider__button dnb-slider__button--subtract\"\n      variant=\"secondary\"\n      icon=\"subtract\"\n      size=\"small\"\n      aria-label={subtractTitle?.replace(\n        '%s',\n        humanNumber.aria || String(value)\n      )}\n      on_click={onSubtractClickHandler}\n      disabled={disabled}\n      skeleton={skeleton}\n      {...subtractParams}\n    />\n  )\n}\n\nfunction AddButton() {\n  const { emitChange, value, attributes, allProps } = useSliderProps()\n  const { step, min, max, disabled, skeleton, addTitle, numberFormat } =\n    allProps\n\n  const onAddClickHandler = (event: MouseEvent | TouchEvent) => {\n    emitChange(event, clamp((value as number) + (step || 1), min, max))\n  }\n\n  const addParams = {}\n\n  if (typeof attributes['aria-hidden'] !== 'undefined') {\n    addParams['aria-hidden'] = attributes['aria-hidden']\n  }\n\n  const humanNumber = getFormattedNumber(value as number, numberFormat)\n\n  return (\n    <Button\n      className=\"dnb-slider__button dnb-slider__button--add\"\n      variant=\"secondary\"\n      icon=\"add\"\n      size=\"small\"\n      aria-label={addTitle?.replace(\n        '%s',\n        humanNumber.aria || String(value)\n      )}\n      on_click={onAddClickHandler}\n      disabled={disabled}\n      skeleton={skeleton}\n      {...addParams}\n    />\n  )\n}\n"],"mappings":"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"}