@entur/chip 0.6.18 → 0.6.19

package/dist/ActionChip.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import './BaseChip.scss';
 import './ActionChip.scss';
-export declare type ActionChipProps = {
+export type ActionChipProps = {
     /** Teksten som vises i ActionChip */
     children: React.ReactNode;
     /** Ekstra klassenavn */

package/dist/ChoiceChip.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import './BaseChip.scss';
 import './ChoiceChip.scss';
-export declare type ChoiceChipProps = {
+export type ChoiceChipProps = {
     /** Ekstra klassenavn */
     className?: string;
     /** Om Choicechip er deaktivert eller ikke

package/dist/ChoiceChipGroup.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type ChoiceChipGroupProps = {
+export type ChoiceChipGroupProps = {
     /** Navnet til ChoiceChipsGroup */
     name: string;
     /** Verdien til den valgte ChoiceChipen */

package/dist/ChoiceChipGroupContext.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type ChoiceChipGroupContextProps = {
+type ChoiceChipGroupContextProps = {
     name: string;
     onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
     value: string | null;

package/dist/FilterChip.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import './BaseChip.scss';
 import './FilterChip.scss';
-export declare type FilterChipProps = {
+export type FilterChipProps = {
     /** Ekstra klassenavn */
     className?: string;
     /** Label til FilterChip */

package/dist/TagChip.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import './BaseChip.scss';
 import './TagChip.scss';
-export declare type TagChipProps = {
+export type TagChipProps = {
     /** Teksten som vises i TagChip */
     children: React.ReactNode;
     /** Ekstra klassenavn */

package/dist/chip.cjs.development.js

@@ -15,35 +15,29 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
 
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
-
   return _extends.apply(this, arguments);
 }
-
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
   var sourceKeys = Object.keys(source);
   var key, i;
-
   for (i = 0; i < sourceKeys.length; i++) {
     key = sourceKeys[i];
     if (excluded.indexOf(key) >= 0) continue;
     target[key] = source[key];
   }
-
   return target;
 }
 
@@ -51,24 +45,21 @@ var ChoiceChipGroupContext = /*#__PURE__*/React__default["default"].createContex
 var ChoiceChipGroupContextProvider = ChoiceChipGroupContext.Provider;
 var useChoiceChipGroupContext = function useChoiceChipGroupContext() {
   var context = React__default["default"].useContext(ChoiceChipGroupContext);
-
   if (!context) {
     throw new Error('You need to wrap your ChoiceChips in a ChoiceChipGroup-component');
   }
-
   return context;
 };
 
 var _excluded$4 = ["className", "children", "value", "disabled", "style"];
 var ChoiceChip = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
   var className = _ref.className,
-      children = _ref.children,
-      value = _ref.value,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      style = _ref.style,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
-
+    children = _ref.children,
+    value = _ref.value,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    style = _ref.style,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
   var childrenArray = React__default["default"].Children.toArray(children);
   var hasLeadingIcon = childrenArray.length > 1 && typeof childrenArray[0] !== 'string';
   var hasTrailingIcon = childrenArray.length > 1 && typeof childrenArray[childrenArray.length - 1] !== 'string';
@@ -77,12 +68,10 @@ var ChoiceChip = /*#__PURE__*/React__default["default"].forwardRef(function (_re
     'eds-chip--leading-icon': hasLeadingIcon,
     'eds-chip--trailing-icon': hasTrailingIcon
   });
-
   var _useChoiceChipGroupCo = useChoiceChipGroupContext(),
-      name = _useChoiceChipGroupCo.name,
-      selectedValue = _useChoiceChipGroupCo.value,
-      onChange = _useChoiceChipGroupCo.onChange;
-
+    name = _useChoiceChipGroupCo.name,
+    selectedValue = _useChoiceChipGroupCo.value,
+    onChange = _useChoiceChipGroupCo.onChange;
   return React__default["default"].createElement("label", {
     className: "eds-choice-chip",
     style: style
@@ -103,21 +92,18 @@ var ChoiceChip = /*#__PURE__*/React__default["default"].forwardRef(function (_re
 var _excluded$3 = ["children", "className", "loading"];
 var ActionChip = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
   var children = _ref.children,
-      className = _ref.className,
-      _ref$loading = _ref.loading,
-      loading = _ref$loading === void 0 ? false : _ref$loading,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
-
+    className = _ref.className,
+    _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? false : _ref$loading,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
   var childrenArray = React__default["default"].Children.toArray(children);
   var hasLeadingIcon = childrenArray.length > 1 && typeof childrenArray[0] !== 'string';
   var hasTrailingIcon = childrenArray.length > 1 && typeof childrenArray[childrenArray.length - 1] !== 'string';
-
   var ariaLabelValue = function ariaLabelValue() {
     if (rest['aria-label']) return rest['aria-label'];
     if (loading) return ariaLabelWhenLoading;
     return undefined;
   };
-
   var ariaLabelWhenLoading = childrenArray.filter(function (child) {
     return typeof child === 'string';
   }).join(' ');
@@ -134,24 +120,21 @@ var ActionChip = /*#__PURE__*/React__default["default"].forwardRef(function (_re
   }, rest), loading ? React__default["default"].createElement(loader.LoadingDots, {
     className: "eds-action-chip__loading-dots"
   }) : children);
-
   if (rest.disabled) {
     return React__default["default"].createElement("div", {
       className: "eds-action-chip--disabled__wrapper"
     }, actionChip);
   }
-
   return React__default["default"].createElement(React__default["default"].Fragment, null, actionChip);
 });
 
 var _excluded$2 = ["children", "className", "onClose", "closeButtonAriaLabel"];
 var TagChip = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
   var children = _ref.children,
-      className = _ref.className,
-      onClose = _ref.onClose,
-      closeButtonAriaLabel = _ref.closeButtonAriaLabel,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
-
+    className = _ref.className,
+    onClose = _ref.onClose,
+    closeButtonAriaLabel = _ref.closeButtonAriaLabel,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
   var selectedCloseLabel = closeButtonAriaLabel != null ? closeButtonAriaLabel : 'Fjern ' + (children == null ? void 0 : children.toString());
   return React__default["default"].createElement("div", _extends({
     className: classNames__default["default"]('eds-chip', 'eds-tag-chip', className)
@@ -167,14 +150,13 @@ var TagChip = /*#__PURE__*/React__default["default"].forwardRef(function (_ref,
 var _excluded$1 = ["className", "children", "value", "disabled", "name", "style"];
 var FilterChip = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
   var className = _ref.className,
-      children = _ref.children,
-      value = _ref.value,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      name = _ref.name,
-      style = _ref.style,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
-
+    children = _ref.children,
+    value = _ref.value,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    name = _ref.name,
+    style = _ref.style,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
   var classList = classNames__default["default"](className, 'eds-chip', 'eds-filter-chip');
   return React__default["default"].createElement("label", {
     className: classList,
@@ -190,7 +172,6 @@ var FilterChip = /*#__PURE__*/React__default["default"].forwardRef(function (_re
     className: "eds-filter-chip__icon"
   }, React__default["default"].createElement(CheckboxIcon, null)), children);
 });
-
 var CheckboxIcon = function CheckboxIcon() {
   return React__default["default"].createElement("svg", {
     className: "eds-filter-chip-icon",
@@ -207,12 +188,11 @@ var CheckboxIcon = function CheckboxIcon() {
 var _excluded = ["name", "value", "children", "onChange", "label"];
 var ChoiceChipGroup = function ChoiceChipGroup(_ref) {
   var name = _ref.name,
-      value = _ref.value,
-      children = _ref.children,
-      onChange = _ref.onChange,
-      label = _ref.label,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    value = _ref.value,
+    children = _ref.children,
+    onChange = _ref.onChange,
+    label = _ref.label,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   var contextValue = React__default["default"].useMemo(function () {
     return {
       name: name,

package/dist/chip.cjs.development.js.map

@@ -1 +1 @@
-{"version":3,"file":"chip.cjs.development.js","sources":["../src/ChoiceChipGroupContext.tsx","../src/ChoiceChip.tsx","../src/ActionChip.tsx","../src/TagChip.tsx","../src/FilterChip.tsx","../src/ChoiceChipGroup.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\n\ntype ChoiceChipGroupContextProps = {\n  name: string;\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  value: string | null;\n};\n\nconst ChoiceChipGroupContext =\n  React.createContext<ChoiceChipGroupContextProps | null>(null);\n\nexport const ChoiceChipGroupContextProvider = ChoiceChipGroupContext.Provider;\n\nexport const useChoiceChipGroupContext: () => ChoiceChipGroupContextProps =\n  () => {\n    const context = React.useContext(ChoiceChipGroupContext);\n    if (!context) {\n      throw new Error(\n        'You need to wrap your ChoiceChips in a ChoiceChipGroup-component',\n      );\n    }\n    return context;\n  };\n","import React from 'react';\nimport cx from 'classnames';\nimport { useChoiceChipGroupContext } from './ChoiceChipGroupContext';\nimport './BaseChip.scss';\nimport './ChoiceChip.scss';\n\nexport type ChoiceChipProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Om Choicechip er deaktivert eller ikke\n   * @default false\n   */\n  disabled?: boolean;\n  /** Label til ChoiceChip */\n  children?: React.ReactNode;\n  /** Verdien til ChoiceChip */\n  value: string;\n} & Omit<\n  React.DetailedHTMLProps<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    HTMLInputElement\n  >,\n  'value'\n>;\n\nexport const ChoiceChip = React.forwardRef<HTMLInputElement, ChoiceChipProps>(\n  (\n    { className, children, value, disabled = false, style, ...rest },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const childrenArray = React.Children.toArray(children);\n    const hasLeadingIcon =\n      childrenArray.length > 1 && typeof childrenArray[0] !== 'string';\n    const hasTrailingIcon =\n      childrenArray.length > 1 &&\n      typeof childrenArray[childrenArray.length - 1] !== 'string';\n\n    const classList = cx(className, 'eds-chip', {\n      'eds-chip--disabled': disabled,\n      'eds-chip--leading-icon': hasLeadingIcon,\n      'eds-chip--trailing-icon': hasTrailingIcon,\n    });\n    const {\n      name,\n      value: selectedValue,\n      onChange,\n    } = useChoiceChipGroupContext();\n    return (\n      <label className=\"eds-choice-chip\" style={style}>\n        <input\n          className=\"eds-choice-chip__input\"\n          type=\"radio\"\n          name={name}\n          ref={ref}\n          value={value}\n          disabled={disabled}\n          checked={selectedValue === value}\n          onChange={onChange}\n          {...rest}\n        />\n        <div className={classList}>{children}</div>\n      </label>\n    );\n  },\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { LoadingDots } from '@entur/loader';\nimport './BaseChip.scss';\nimport './ActionChip.scss';\n\nexport type ActionChipProps = {\n  /** Teksten som vises i ActionChip */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Om chip-en er opptatt, f.eks med å oppdatere informasjon\n   * @default false\n   */\n  loading?: boolean;\n} & React.DetailedHTMLProps<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  HTMLButtonElement\n>;\n\nexport const ActionChip = React.forwardRef<HTMLButtonElement, ActionChipProps>(\n  (\n    { children, className, loading = false, ...rest },\n    ref: React.Ref<HTMLButtonElement>,\n  ) => {\n    const childrenArray = React.Children.toArray(children);\n    const hasLeadingIcon =\n      childrenArray.length > 1 && typeof childrenArray[0] !== 'string';\n    const hasTrailingIcon =\n      childrenArray.length > 1 &&\n      typeof childrenArray[childrenArray.length - 1] !== 'string';\n\n    const ariaLabelValue = () => {\n      if (rest['aria-label']) return rest['aria-label'];\n      if (loading) return ariaLabelWhenLoading;\n      return undefined;\n    };\n\n    const ariaLabelWhenLoading = childrenArray\n      .filter(child => typeof child === 'string')\n      .join(' ');\n\n    const actionChip = (\n      <button\n        className={classNames(\n          'eds-chip',\n          'eds-action-chip',\n          {\n            'eds-chip--leading-icon': hasLeadingIcon,\n            'eds-chip--trailing-icon': hasTrailingIcon,\n            'eds-action-chip--disabled': rest.disabled,\n          },\n          className,\n        )}\n        ref={ref}\n        aria-busy={loading}\n        aria-label={ariaLabelValue()}\n        type=\"button\"\n        {...rest}\n      >\n        {loading ? (\n          <LoadingDots className=\"eds-action-chip__loading-dots\" />\n        ) : (\n          children\n        )}\n      </button>\n    );\n\n    if (rest.disabled) {\n      return (\n        <div className=\"eds-action-chip--disabled__wrapper\">{actionChip}</div>\n      );\n    }\n    return <>{actionChip}</>;\n  },\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { CloseIcon } from '@entur/icons';\nimport './BaseChip.scss';\nimport './TagChip.scss';\n\nexport type TagChipProps = {\n  /** Teksten som vises i TagChip */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Callback for når man klikker på krysset */\n  onClose: () => void;\n  /** Skjermlesertekst for X-knappen */\n  closeButtonAriaLabel?: string;\n};\n\nexport const TagChip = React.forwardRef<HTMLButtonElement, TagChipProps>(\n  (\n    { children, className, onClose, closeButtonAriaLabel, ...rest },\n    ref: React.Ref<HTMLButtonElement>,\n  ) => {\n    const selectedCloseLabel =\n      closeButtonAriaLabel ?? 'Fjern ' + children?.toString();\n\n    return (\n      <div\n        className={classNames('eds-chip', 'eds-tag-chip', className)}\n        {...rest}\n      >\n        {children}\n        <button\n          className=\"eds-tag-chip__close-button\"\n          type=\"button\"\n          onClick={onClose}\n          aria-label={selectedCloseLabel}\n          ref={ref}\n        >\n          <CloseIcon />\n        </button>\n      </div>\n    );\n  },\n);\n","import React from 'react';\nimport cx from 'classnames';\nimport './BaseChip.scss';\nimport './FilterChip.scss';\n\nexport type FilterChipProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Label til FilterChip */\n  children?: React.ReactNode;\n  /** Verdien til FilterChip */\n  value: string;\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const FilterChip = React.forwardRef<HTMLInputElement, FilterChipProps>(\n  (\n    { className, children, value, disabled = false, name, style, ...rest },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const classList = cx(className, 'eds-chip', 'eds-filter-chip');\n\n    return (\n      <label className={classList} style={style}>\n        <input\n          className=\"eds-filter-chip__input\"\n          type=\"checkbox\"\n          name={name}\n          ref={ref}\n          value={value}\n          disabled={disabled}\n          {...rest}\n        />\n        <span className=\"eds-filter-chip__icon\">\n          <CheckboxIcon />\n        </span>\n        {children}\n      </label>\n    );\n  },\n);\n\nconst CheckboxIcon: React.FC = () => {\n  return (\n    <svg\n      className=\"eds-filter-chip-icon\"\n      width=\"11px\"\n      height=\"9px\"\n      viewBox=\"6 11 37 33\"\n    >\n      <path\n        className=\"eds-filter-chip-icon__path\"\n        d=\"M14.1 27.2l7.1 7.2 14.6-14.8\"\n        fill=\"none\"\n      />\n    </svg>\n  );\n};\n","import React from 'react';\nimport { ChoiceChipGroupContextProvider } from './ChoiceChipGroupContext';\nimport { Fieldset } from '@entur/form';\nexport type ChoiceChipGroupProps = {\n  /** Navnet til ChoiceChipsGroup */\n  name: string;\n  /** Verdien til den valgte ChoiceChipen */\n  value: string | null;\n  /** ChoiceChip-komponentene sendes inn som children */\n  children: React.ReactNode;\n  /** En callback som blir kalles hver gang en ChoiceChip klikkes på  */\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  /** Labelen til ChoiceChip-gruppen. */\n  label?: React.ReactNode;\n  [key: string]: any;\n};\n\nexport const ChoiceChipGroup: React.FC<ChoiceChipGroupProps> = ({\n  name,\n  value,\n  children,\n  onChange,\n  label,\n  ...rest\n}) => {\n  const contextValue = React.useMemo(\n    () => ({ name, value, onChange }),\n    [name, value, onChange],\n  );\n  return (\n    <ChoiceChipGroupContextProvider value={contextValue}>\n      <Fieldset className=\"eds-choice-chips-group\" label={label} {...rest}>\n        {children}\n      </Fieldset>\n    </ChoiceChipGroupContextProvider>\n  );\n};\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('chip', 'form');\n\nexport * from './ChoiceChip';\nexport * from './ActionChip';\nexport * from './TagChip';\nexport * from './FilterChip';\nexport * from './ChoiceChipGroup';\n"],"names":["ChoiceChipGroupContext","React","createContext","ChoiceChipGroupContextProvider","Provider","useChoiceChipGroupContext","context","useContext","Error","ChoiceChip","forwardRef","ref","className","children","value","disabled","style","rest","childrenArray","Children","toArray","hasLeadingIcon","length","hasTrailingIcon","classList","cx","name","selectedValue","onChange","type","checked","ActionChip","loading","ariaLabelValue","ariaLabelWhenLoading","undefined","filter","child","join","actionChip","classNames","LoadingDots","TagChip","onClose","closeButtonAriaLabel","selectedCloseLabel","toString","onClick","CloseIcon","FilterChip","CheckboxIcon","width","height","viewBox","d","fill","ChoiceChipGroup","label","contextValue","useMemo","Fieldset","warnAboutMissingStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,sBAAsB,gBAC1BC,yBAAK,CAACC,aAAN,CAAwD,IAAxD,CADF;AAGO,IAAMC,8BAA8B,GAAGH,sBAAsB,CAACI,QAA9D;AAEA,IAAMC,yBAAyB,GACpC,SADWA,yBACX;AACE,MAAMC,OAAO,GAAGL,yBAAK,CAACM,UAAN,CAAiBP,sBAAjB,CAAhB;;AACA,MAAI,CAACM,OAAL,EAAc;AACZ,UAAM,IAAIE,KAAJ,CACJ,kEADI,CAAN;AAGD;;AACD,SAAOF,OAAP;AACD,CATI;;;ICYMG,UAAU,gBAAGR,yBAAK,CAACS,UAAN,CACxB,gBAEEC,GAFF;MACIC,iBAAAA;MAAWC,gBAAAA;MAAUC,aAAAA;2BAAOC;MAAAA,sCAAW;MAAOC,aAAAA;MAAUC;;AAG1D,MAAMC,aAAa,GAAGjB,yBAAK,CAACkB,QAAN,CAAeC,OAAf,CAAuBP,QAAvB,CAAtB;AACA,MAAMQ,cAAc,GAClBH,aAAa,CAACI,MAAd,GAAuB,CAAvB,IAA4B,OAAOJ,aAAa,CAAC,CAAD,CAApB,KAA4B,QAD1D;AAEA,MAAMK,eAAe,GACnBL,aAAa,CAACI,MAAd,GAAuB,CAAvB,IACA,OAAOJ,aAAa,CAACA,aAAa,CAACI,MAAd,GAAuB,CAAxB,CAApB,KAAmD,QAFrD;AAIA,MAAME,SAAS,GAAGC,8BAAE,CAACb,SAAD,EAAY,UAAZ,EAAwB;AAC1C,0BAAsBG,QADoB;AAE1C,8BAA0BM,cAFgB;AAG1C,+BAA2BE;AAHe,GAAxB,CAApB;;AAKA,8BAIIlB,yBAAyB,EAJ7B;AAAA,MACEqB,IADF,yBACEA,IADF;AAAA,MAESC,aAFT,yBAEEb,KAFF;AAAA,MAGEc,QAHF,yBAGEA,QAHF;;AAKA,SACE3B,uCAAA,QAAA;AAAOW,IAAAA,SAAS,EAAC;AAAkBI,IAAAA,KAAK,EAAEA;GAA1C,EACEf,uCAAA,QAAA;AACEW,IAAAA,SAAS,EAAC,wBADZ;AAEEiB,IAAAA,IAAI,EAAC,OAFP;AAGEH,IAAAA,IAAI,EAAEA,IAHR;AAIEf,IAAAA,GAAG,EAAEA,GAJP;AAKEG,IAAAA,KAAK,EAAEA,KALT;AAMEC,IAAAA,QAAQ,EAAEA,QANZ;AAOEe,IAAAA,OAAO,EAAEH,aAAa,KAAKb,KAP7B;AAQEc,IAAAA,QAAQ,EAAEA;AARZ,KASMX,IATN,EADF,EAYEhB,uCAAA,MAAA;AAAKW,IAAAA,SAAS,EAAEY;GAAhB,EAA4BX,QAA5B,CAZF,CADF;AAgBD,CAtCuB;;;ICLbkB,UAAU,gBAAG9B,yBAAK,CAACS,UAAN,CACxB,gBAEEC,GAFF;MACIE,gBAAAA;MAAUD,iBAAAA;0BAAWoB;MAAAA,oCAAU;MAAUf;;AAG3C,MAAMC,aAAa,GAAGjB,yBAAK,CAACkB,QAAN,CAAeC,OAAf,CAAuBP,QAAvB,CAAtB;AACA,MAAMQ,cAAc,GAClBH,aAAa,CAACI,MAAd,GAAuB,CAAvB,IAA4B,OAAOJ,aAAa,CAAC,CAAD,CAApB,KAA4B,QAD1D;AAEA,MAAMK,eAAe,GACnBL,aAAa,CAACI,MAAd,GAAuB,CAAvB,IACA,OAAOJ,aAAa,CAACA,aAAa,CAACI,MAAd,GAAuB,CAAxB,CAApB,KAAmD,QAFrD;;AAIA,MAAMW,cAAc,GAAG,SAAjBA,cAAiB;AACrB,QAAIhB,IAAI,CAAC,YAAD,CAAR,EAAwB,OAAOA,IAAI,CAAC,YAAD,CAAX;AACxB,QAAIe,OAAJ,EAAa,OAAOE,oBAAP;AACb,WAAOC,SAAP;AACD,GAJD;;AAMA,MAAMD,oBAAoB,GAAGhB,aAAa,CACvCkB,MAD0B,CACnB,UAAAC,KAAK;AAAA,WAAI,OAAOA,KAAP,KAAiB,QAArB;AAAA,GADc,EAE1BC,IAF0B,CAErB,GAFqB,CAA7B;AAIA,MAAMC,UAAU,GACdtC,uCAAA,SAAA;AACEW,IAAAA,SAAS,EAAE4B,8BAAU,CACnB,UADmB,EAEnB,iBAFmB,EAGnB;AACE,gCAA0BnB,cAD5B;AAEE,iCAA2BE,eAF7B;AAGE,mCAA6BN,IAAI,CAACF;AAHpC,KAHmB,EAQnBH,SARmB,CADvB;AAWED,IAAAA,GAAG,EAAEA,GAXP;iBAYaqB,OAZb;kBAacC,cAAc,EAb5B;AAcEJ,IAAAA,IAAI,EAAC;AAdP,KAeMZ,IAfN,GAiBGe,OAAO,GACN/B,uCAAA,CAACwC,kBAAD;AAAa7B,IAAAA,SAAS,EAAC;GAAvB,CADM,GAGNC,QApBJ,CADF;;AA0BA,MAAII,IAAI,CAACF,QAAT,EAAmB;AACjB,WACEd,uCAAA,MAAA;AAAKW,MAAAA,SAAS,EAAC;KAAf,EAAqD2B,UAArD,CADF;AAGD;;AACD,SAAOtC,uCAAA,mCAAA,MAAA,EAAGsC,UAAH,CAAP;AACD,CAtDuB;;;ICHbG,OAAO,gBAAGzC,yBAAK,CAACS,UAAN,CACrB,gBAEEC,GAFF;MACIE,gBAAAA;MAAUD,iBAAAA;MAAW+B,eAAAA;MAASC,4BAAAA;MAAyB3B;;AAGzD,MAAM4B,kBAAkB,GACtBD,oBADsB,WACtBA,oBADsB,GACE,YAAW/B,QAAX,oBAAWA,QAAQ,CAAEiC,QAAV,EAAX,CAD1B;AAGA,SACE7C,uCAAA,MAAA;AACEW,IAAAA,SAAS,EAAE4B,8BAAU,CAAC,UAAD,EAAa,cAAb,EAA6B5B,SAA7B;AADvB,KAEMK,IAFN,GAIGJ,QAJH,EAKEZ,uCAAA,SAAA;AACEW,IAAAA,SAAS,EAAC;AACViB,IAAAA,IAAI,EAAC;AACLkB,IAAAA,OAAO,EAAEJ;kBACGE;AACZlC,IAAAA,GAAG,EAAEA;GALP,EAOEV,uCAAA,CAAC+C,eAAD,MAAA,CAPF,CALF,CADF;AAiBD,CAzBoB;;;ICHVC,UAAU,gBAAGhD,yBAAK,CAACS,UAAN,CACxB,gBAEEC,GAFF;MACIC,iBAAAA;MAAWC,gBAAAA;MAAUC,aAAAA;2BAAOC;MAAAA,sCAAW;MAAOW,YAAAA;MAAMV,aAAAA;MAAUC;;AAGhE,MAAMO,SAAS,GAAGC,8BAAE,CAACb,SAAD,EAAY,UAAZ,EAAwB,iBAAxB,CAApB;AAEA,SACEX,uCAAA,QAAA;AAAOW,IAAAA,SAAS,EAAEY;AAAWR,IAAAA,KAAK,EAAEA;GAApC,EACEf,uCAAA,QAAA;AACEW,IAAAA,SAAS,EAAC,wBADZ;AAEEiB,IAAAA,IAAI,EAAC,UAFP;AAGEH,IAAAA,IAAI,EAAEA,IAHR;AAIEf,IAAAA,GAAG,EAAEA,GAJP;AAKEG,IAAAA,KAAK,EAAEA,KALT;AAMEC,IAAAA,QAAQ,EAAEA;AANZ,KAOME,IAPN,EADF,EAUEhB,uCAAA,OAAA;AAAMW,IAAAA,SAAS,EAAC;GAAhB,EACEX,uCAAA,CAACiD,YAAD,MAAA,CADF,CAVF,EAaGrC,QAbH,CADF;AAiBD,CAxBuB;;AA2B1B,IAAMqC,YAAY,GAAa,SAAzBA,YAAyB;AAC7B,SACEjD,uCAAA,MAAA;AACEW,IAAAA,SAAS,EAAC;AACVuC,IAAAA,KAAK,EAAC;AACNC,IAAAA,MAAM,EAAC;AACPC,IAAAA,OAAO,EAAC;GAJV,EAMEpD,uCAAA,OAAA;AACEW,IAAAA,SAAS,EAAC;AACV0C,IAAAA,CAAC,EAAC;AACFC,IAAAA,IAAI,EAAC;GAHP,CANF,CADF;AAcD,CAfD;;;ICxBaC,eAAe,GAAmC,SAAlDA,eAAkD;MAC7D9B,YAAAA;MACAZ,aAAAA;MACAD,gBAAAA;MACAe,gBAAAA;MACA6B,aAAAA;MACGxC;;AAEH,MAAMyC,YAAY,GAAGzD,yBAAK,CAAC0D,OAAN,CACnB;AAAA,WAAO;AAAEjC,MAAAA,IAAI,EAAJA,IAAF;AAAQZ,MAAAA,KAAK,EAALA,KAAR;AAAec,MAAAA,QAAQ,EAARA;AAAf,KAAP;AAAA,GADmB,EAEnB,CAACF,IAAD,EAAOZ,KAAP,EAAcc,QAAd,CAFmB,CAArB;AAIA,SACE3B,uCAAA,CAACE,8BAAD;AAAgCW,IAAAA,KAAK,EAAE4C;GAAvC,EACEzD,uCAAA,CAAC2D,aAAD;AAAUhD,IAAAA,SAAS,EAAC,wBAApB;AAA6C6C,IAAAA,KAAK,EAAEA;AAApD,KAA+DxC,IAA/D,GACGJ,QADH,CADF,CADF;AAOD;;ACjCDgD,4BAAsB,CAAC,MAAD,EAAS,MAAT,CAAtB;;;;;;;;"}
+{"version":3,"file":"chip.cjs.development.js","sources":["../src/ChoiceChipGroupContext.tsx","../src/ChoiceChip.tsx","../src/ActionChip.tsx","../src/TagChip.tsx","../src/FilterChip.tsx","../src/ChoiceChipGroup.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\n\ntype ChoiceChipGroupContextProps = {\n  name: string;\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  value: string | null;\n};\n\nconst ChoiceChipGroupContext =\n  React.createContext<ChoiceChipGroupContextProps | null>(null);\n\nexport const ChoiceChipGroupContextProvider = ChoiceChipGroupContext.Provider;\n\nexport const useChoiceChipGroupContext: () => ChoiceChipGroupContextProps =\n  () => {\n    const context = React.useContext(ChoiceChipGroupContext);\n    if (!context) {\n      throw new Error(\n        'You need to wrap your ChoiceChips in a ChoiceChipGroup-component',\n      );\n    }\n    return context;\n  };\n","import React from 'react';\nimport cx from 'classnames';\nimport { useChoiceChipGroupContext } from './ChoiceChipGroupContext';\nimport './BaseChip.scss';\nimport './ChoiceChip.scss';\n\nexport type ChoiceChipProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Om Choicechip er deaktivert eller ikke\n   * @default false\n   */\n  disabled?: boolean;\n  /** Label til ChoiceChip */\n  children?: React.ReactNode;\n  /** Verdien til ChoiceChip */\n  value: string;\n} & Omit<\n  React.DetailedHTMLProps<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    HTMLInputElement\n  >,\n  'value'\n>;\n\nexport const ChoiceChip = React.forwardRef<HTMLInputElement, ChoiceChipProps>(\n  (\n    { className, children, value, disabled = false, style, ...rest },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const childrenArray = React.Children.toArray(children);\n    const hasLeadingIcon =\n      childrenArray.length > 1 && typeof childrenArray[0] !== 'string';\n    const hasTrailingIcon =\n      childrenArray.length > 1 &&\n      typeof childrenArray[childrenArray.length - 1] !== 'string';\n\n    const classList = cx(className, 'eds-chip', {\n      'eds-chip--disabled': disabled,\n      'eds-chip--leading-icon': hasLeadingIcon,\n      'eds-chip--trailing-icon': hasTrailingIcon,\n    });\n    const {\n      name,\n      value: selectedValue,\n      onChange,\n    } = useChoiceChipGroupContext();\n    return (\n      <label className=\"eds-choice-chip\" style={style}>\n        <input\n          className=\"eds-choice-chip__input\"\n          type=\"radio\"\n          name={name}\n          ref={ref}\n          value={value}\n          disabled={disabled}\n          checked={selectedValue === value}\n          onChange={onChange}\n          {...rest}\n        />\n        <div className={classList}>{children}</div>\n      </label>\n    );\n  },\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { LoadingDots } from '@entur/loader';\nimport './BaseChip.scss';\nimport './ActionChip.scss';\n\nexport type ActionChipProps = {\n  /** Teksten som vises i ActionChip */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Om chip-en er opptatt, f.eks med å oppdatere informasjon\n   * @default false\n   */\n  loading?: boolean;\n} & React.DetailedHTMLProps<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  HTMLButtonElement\n>;\n\nexport const ActionChip = React.forwardRef<HTMLButtonElement, ActionChipProps>(\n  (\n    { children, className, loading = false, ...rest },\n    ref: React.Ref<HTMLButtonElement>,\n  ) => {\n    const childrenArray = React.Children.toArray(children);\n    const hasLeadingIcon =\n      childrenArray.length > 1 && typeof childrenArray[0] !== 'string';\n    const hasTrailingIcon =\n      childrenArray.length > 1 &&\n      typeof childrenArray[childrenArray.length - 1] !== 'string';\n\n    const ariaLabelValue = () => {\n      if (rest['aria-label']) return rest['aria-label'];\n      if (loading) return ariaLabelWhenLoading;\n      return undefined;\n    };\n\n    const ariaLabelWhenLoading = childrenArray\n      .filter(child => typeof child === 'string')\n      .join(' ');\n\n    const actionChip = (\n      <button\n        className={classNames(\n          'eds-chip',\n          'eds-action-chip',\n          {\n            'eds-chip--leading-icon': hasLeadingIcon,\n            'eds-chip--trailing-icon': hasTrailingIcon,\n            'eds-action-chip--disabled': rest.disabled,\n          },\n          className,\n        )}\n        ref={ref}\n        aria-busy={loading}\n        aria-label={ariaLabelValue()}\n        type=\"button\"\n        {...rest}\n      >\n        {loading ? (\n          <LoadingDots className=\"eds-action-chip__loading-dots\" />\n        ) : (\n          children\n        )}\n      </button>\n    );\n\n    if (rest.disabled) {\n      return (\n        <div className=\"eds-action-chip--disabled__wrapper\">{actionChip}</div>\n      );\n    }\n    return <>{actionChip}</>;\n  },\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { CloseIcon } from '@entur/icons';\nimport './BaseChip.scss';\nimport './TagChip.scss';\n\nexport type TagChipProps = {\n  /** Teksten som vises i TagChip */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Callback for når man klikker på krysset */\n  onClose: () => void;\n  /** Skjermlesertekst for X-knappen */\n  closeButtonAriaLabel?: string;\n};\n\nexport const TagChip = React.forwardRef<HTMLButtonElement, TagChipProps>(\n  (\n    { children, className, onClose, closeButtonAriaLabel, ...rest },\n    ref: React.Ref<HTMLButtonElement>,\n  ) => {\n    const selectedCloseLabel =\n      closeButtonAriaLabel ?? 'Fjern ' + children?.toString();\n\n    return (\n      <div\n        className={classNames('eds-chip', 'eds-tag-chip', className)}\n        {...rest}\n      >\n        {children}\n        <button\n          className=\"eds-tag-chip__close-button\"\n          type=\"button\"\n          onClick={onClose}\n          aria-label={selectedCloseLabel}\n          ref={ref}\n        >\n          <CloseIcon />\n        </button>\n      </div>\n    );\n  },\n);\n","import React from 'react';\nimport cx from 'classnames';\nimport './BaseChip.scss';\nimport './FilterChip.scss';\n\nexport type FilterChipProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Label til FilterChip */\n  children?: React.ReactNode;\n  /** Verdien til FilterChip */\n  value: string;\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const FilterChip = React.forwardRef<HTMLInputElement, FilterChipProps>(\n  (\n    { className, children, value, disabled = false, name, style, ...rest },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const classList = cx(className, 'eds-chip', 'eds-filter-chip');\n\n    return (\n      <label className={classList} style={style}>\n        <input\n          className=\"eds-filter-chip__input\"\n          type=\"checkbox\"\n          name={name}\n          ref={ref}\n          value={value}\n          disabled={disabled}\n          {...rest}\n        />\n        <span className=\"eds-filter-chip__icon\">\n          <CheckboxIcon />\n        </span>\n        {children}\n      </label>\n    );\n  },\n);\n\nconst CheckboxIcon: React.FC = () => {\n  return (\n    <svg\n      className=\"eds-filter-chip-icon\"\n      width=\"11px\"\n      height=\"9px\"\n      viewBox=\"6 11 37 33\"\n    >\n      <path\n        className=\"eds-filter-chip-icon__path\"\n        d=\"M14.1 27.2l7.1 7.2 14.6-14.8\"\n        fill=\"none\"\n      />\n    </svg>\n  );\n};\n","import React from 'react';\nimport { ChoiceChipGroupContextProvider } from './ChoiceChipGroupContext';\nimport { Fieldset } from '@entur/form';\nexport type ChoiceChipGroupProps = {\n  /** Navnet til ChoiceChipsGroup */\n  name: string;\n  /** Verdien til den valgte ChoiceChipen */\n  value: string | null;\n  /** ChoiceChip-komponentene sendes inn som children */\n  children: React.ReactNode;\n  /** En callback som blir kalles hver gang en ChoiceChip klikkes på  */\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  /** Labelen til ChoiceChip-gruppen. */\n  label?: React.ReactNode;\n  [key: string]: any;\n};\n\nexport const ChoiceChipGroup: React.FC<ChoiceChipGroupProps> = ({\n  name,\n  value,\n  children,\n  onChange,\n  label,\n  ...rest\n}) => {\n  const contextValue = React.useMemo(\n    () => ({ name, value, onChange }),\n    [name, value, onChange],\n  );\n  return (\n    <ChoiceChipGroupContextProvider value={contextValue}>\n      <Fieldset className=\"eds-choice-chips-group\" label={label} {...rest}>\n        {children}\n      </Fieldset>\n    </ChoiceChipGroupContextProvider>\n  );\n};\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('chip', 'form');\n\nexport * from './ChoiceChip';\nexport * from './ActionChip';\nexport * from './TagChip';\nexport * from './FilterChip';\nexport * from './ChoiceChipGroup';\n"],"names":["ChoiceChipGroupContext","React","createContext","ChoiceChipGroupContextProvider","Provider","useChoiceChipGroupContext","context","useContext","Error","ChoiceChip","forwardRef","ref","className","children","value","disabled","style","rest","_excluded","childrenArray","Children","toArray","hasLeadingIcon","length","hasTrailingIcon","classList","cx","name","selectedValue","onChange","createElement","type","checked","ActionChip","loading","ariaLabelValue","ariaLabelWhenLoading","undefined","filter","child","join","actionChip","classNames","LoadingDots","Fragment","TagChip","onClose","closeButtonAriaLabel","selectedCloseLabel","toString","onClick","CloseIcon","FilterChip","CheckboxIcon","width","height","viewBox","d","fill","ChoiceChipGroup","label","contextValue","useMemo","Fieldset","warnAboutMissingStyles"],"mappings":"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"}

package/dist/chip.cjs.production.min.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),a=require("react"),t=require("classnames"),l=require("@entur/loader"),n=require("@entur/icons"),r=require("@entur/form");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=i(a),s=i(t);function d(){return d=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var l in t)Object.prototype.hasOwnProperty.call(t,l)&&(e[l]=t[l])}return e},d.apply(this,arguments)}function o(e,a){if(null==e)return{};var t,l,n={},r=Object.keys(e);for(l=0;l<r.length;l++)a.indexOf(t=r[l])>=0||(n[t]=e[t]);return n}var u=c.default.createContext(null),f=u.Provider,h=["className","children","value","disabled","style"],p=c.default.forwardRef((function(e,a){var t=e.className,l=e.children,n=e.value,r=e.disabled,i=void 0!==r&&r,f=e.style,p=o(e,h),m=c.default.Children.toArray(l),g=s.default(t,"eds-chip",{"eds-chip--disabled":i,"eds-chip--leading-icon":m.length>1&&"string"!=typeof m[0],"eds-chip--trailing-icon":m.length>1&&"string"!=typeof m[m.length-1]}),v=function(){var e=c.default.useContext(u);if(!e)throw new Error("You need to wrap your ChoiceChips in a ChoiceChipGroup-component");return e}();return c.default.createElement("label",{className:"eds-choice-chip",style:f},c.default.createElement("input",d({className:"eds-choice-chip__input",type:"radio",name:v.name,ref:a,value:n,disabled:i,checked:v.value===n,onChange:v.onChange},p)),c.default.createElement("div",{className:g},l))})),m=["children","className","loading"],g=c.default.forwardRef((function(e,a){var t=e.children,n=e.className,r=e.loading,i=void 0!==r&&r,u=o(e,m),f=c.default.Children.toArray(t),h=f.length>1&&"string"!=typeof f[0],p=f.length>1&&"string"!=typeof f[f.length-1],g=f.filter((function(e){return"string"==typeof e})).join(" "),v=c.default.createElement("button",d({className:s.default("eds-chip","eds-action-chip",{"eds-chip--leading-icon":h,"eds-chip--trailing-icon":p,"eds-action-chip--disabled":u.disabled},n),ref:a,"aria-busy":i,"aria-label":u["aria-label"]?u["aria-label"]:i?g:void 0,type:"button"},u),i?c.default.createElement(l.LoadingDots,{className:"eds-action-chip__loading-dots"}):t);return u.disabled?c.default.createElement("div",{className:"eds-action-chip--disabled__wrapper"},v):c.default.createElement(c.default.Fragment,null,v)})),v=["children","className","onClose","closeButtonAriaLabel"],b=c.default.forwardRef((function(e,a){var t=e.children,l=e.className,r=e.onClose,i=e.closeButtonAriaLabel,u=o(e,v),f=null!=i?i:"Fjern "+(null==t?void 0:t.toString());return c.default.createElement("div",d({className:s.default("eds-chip","eds-tag-chip",l)},u),t,c.default.createElement("button",{className:"eds-tag-chip__close-button",type:"button",onClick:r,"aria-label":f,ref:a},c.default.createElement(n.CloseIcon,null)))})),y=["className","children","value","disabled","name","style"],C=c.default.forwardRef((function(e,a){var t=e.className,l=e.children,n=e.value,r=e.disabled,i=void 0!==r&&r,u=e.name,f=e.style,h=o(e,y),p=s.default(t,"eds-chip","eds-filter-chip");return c.default.createElement("label",{className:p,style:f},c.default.createElement("input",d({className:"eds-filter-chip__input",type:"checkbox",name:u,ref:a,value:n,disabled:i},h)),c.default.createElement("span",{className:"eds-filter-chip__icon"},c.default.createElement(N,null)),l)})),N=function(){return c.default.createElement("svg",{className:"eds-filter-chip-icon",width:"11px",height:"9px",viewBox:"6 11 37 33"},c.default.createElement("path",{className:"eds-filter-chip-icon__path",d:"M14.1 27.2l7.1 7.2 14.6-14.8",fill:"none"}))},E=["name","value","children","onChange","label"];e.warnAboutMissingStyles("chip","form"),exports.ActionChip=g,exports.ChoiceChip=p,exports.ChoiceChipGroup=function(e){var a=e.name,t=e.value,l=e.children,n=e.onChange,i=e.label,s=o(e,E),u=c.default.useMemo((function(){return{name:a,value:t,onChange:n}}),[a,t,n]);return c.default.createElement(f,{value:u},c.default.createElement(r.Fieldset,d({className:"eds-choice-chips-group",label:i},s),l))},exports.FilterChip=C,exports.TagChip=b;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),a=require("react"),t=require("classnames"),l=require("@entur/loader"),n=require("@entur/icons"),r=require("@entur/form");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=i(a),s=i(t);function d(){return d=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var l in t)Object.prototype.hasOwnProperty.call(t,l)&&(e[l]=t[l])}return e},d.apply(this,arguments)}function o(e,a){if(null==e)return{};var t,l,n={},r=Object.keys(e);for(l=0;l<r.length;l++)a.indexOf(t=r[l])>=0||(n[t]=e[t]);return n}var u=c.default.createContext(null),f=u.Provider,h=["className","children","value","disabled","style"],p=c.default.forwardRef((function(e,a){var t=e.className,l=e.children,n=e.value,r=e.disabled,i=void 0!==r&&r,f=e.style,p=o(e,h),m=c.default.Children.toArray(l),b=s.default(t,"eds-chip",{"eds-chip--disabled":i,"eds-chip--leading-icon":m.length>1&&"string"!=typeof m[0],"eds-chip--trailing-icon":m.length>1&&"string"!=typeof m[m.length-1]}),g=function(){var e=c.default.useContext(u);if(!e)throw new Error("You need to wrap your ChoiceChips in a ChoiceChipGroup-component");return e}();return c.default.createElement("label",{className:"eds-choice-chip",style:f},c.default.createElement("input",d({className:"eds-choice-chip__input",type:"radio",name:g.name,ref:a,value:n,disabled:i,checked:g.value===n,onChange:g.onChange},p)),c.default.createElement("div",{className:b},l))})),m=["children","className","loading"],b=c.default.forwardRef((function(e,a){var t=e.children,n=e.className,r=e.loading,i=void 0!==r&&r,u=o(e,m),f=c.default.Children.toArray(t),h=f.length>1&&"string"!=typeof f[0],p=f.length>1&&"string"!=typeof f[f.length-1],b=f.filter((function(e){return"string"==typeof e})).join(" "),g=c.default.createElement("button",d({className:s.default("eds-chip","eds-action-chip",{"eds-chip--leading-icon":h,"eds-chip--trailing-icon":p,"eds-action-chip--disabled":u.disabled},n),ref:a,"aria-busy":i,"aria-label":u["aria-label"]?u["aria-label"]:i?b:void 0,type:"button"},u),i?c.default.createElement(l.LoadingDots,{className:"eds-action-chip__loading-dots"}):t);return u.disabled?c.default.createElement("div",{className:"eds-action-chip--disabled__wrapper"},g):c.default.createElement(c.default.Fragment,null,g)})),g=["children","className","onClose","closeButtonAriaLabel"],v=c.default.forwardRef((function(e,a){var t=e.children,l=e.className,r=e.onClose,i=e.closeButtonAriaLabel,u=o(e,g),f=null!=i?i:"Fjern "+(null==t?void 0:t.toString());return c.default.createElement("div",d({className:s.default("eds-chip","eds-tag-chip",l)},u),t,c.default.createElement("button",{className:"eds-tag-chip__close-button",type:"button",onClick:r,"aria-label":f,ref:a},c.default.createElement(n.CloseIcon,null)))})),y=["className","children","value","disabled","name","style"],C=c.default.forwardRef((function(e,a){var t=e.className,l=e.children,n=e.value,r=e.disabled,i=void 0!==r&&r,u=e.name,f=e.style,h=o(e,y),p=s.default(t,"eds-chip","eds-filter-chip");return c.default.createElement("label",{className:p,style:f},c.default.createElement("input",d({className:"eds-filter-chip__input",type:"checkbox",name:u,ref:a,value:n,disabled:i},h)),c.default.createElement("span",{className:"eds-filter-chip__icon"},c.default.createElement(N,null)),l)})),N=function(){return c.default.createElement("svg",{className:"eds-filter-chip-icon",width:"11px",height:"9px",viewBox:"6 11 37 33"},c.default.createElement("path",{className:"eds-filter-chip-icon__path",d:"M14.1 27.2l7.1 7.2 14.6-14.8",fill:"none"}))},E=["name","value","children","onChange","label"];e.warnAboutMissingStyles("chip","form"),exports.ActionChip=b,exports.ChoiceChip=p,exports.ChoiceChipGroup=function(e){var a=e.name,t=e.value,l=e.children,n=e.onChange,i=e.label,s=o(e,E),u=c.default.useMemo((function(){return{name:a,value:t,onChange:n}}),[a,t,n]);return c.default.createElement(f,{value:u},c.default.createElement(r.Fieldset,d({className:"eds-choice-chips-group",label:i},s),l))},exports.FilterChip=C,exports.TagChip=v;
 //# sourceMappingURL=chip.cjs.production.min.js.map

package/dist/chip.cjs.production.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"chip.cjs.production.min.js","sources":["../src/ChoiceChipGroupContext.tsx","../src/ChoiceChip.tsx","../src/ActionChip.tsx","../src/TagChip.tsx","../src/FilterChip.tsx","../src/index.tsx","../src/ChoiceChipGroup.tsx"],"sourcesContent":["import React from 'react';\n\ntype ChoiceChipGroupContextProps = {\n  name: string;\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  value: string | null;\n};\n\nconst ChoiceChipGroupContext =\n  React.createContext<ChoiceChipGroupContextProps | null>(null);\n\nexport const ChoiceChipGroupContextProvider = ChoiceChipGroupContext.Provider;\n\nexport const useChoiceChipGroupContext: () => ChoiceChipGroupContextProps =\n  () => {\n    const context = React.useContext(ChoiceChipGroupContext);\n    if (!context) {\n      throw new Error(\n        'You need to wrap your ChoiceChips in a ChoiceChipGroup-component',\n      );\n    }\n    return context;\n  };\n","import React from 'react';\nimport cx from 'classnames';\nimport { useChoiceChipGroupContext } from './ChoiceChipGroupContext';\nimport './BaseChip.scss';\nimport './ChoiceChip.scss';\n\nexport type ChoiceChipProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Om Choicechip er deaktivert eller ikke\n   * @default false\n   */\n  disabled?: boolean;\n  /** Label til ChoiceChip */\n  children?: React.ReactNode;\n  /** Verdien til ChoiceChip */\n  value: string;\n} & Omit<\n  React.DetailedHTMLProps<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    HTMLInputElement\n  >,\n  'value'\n>;\n\nexport const ChoiceChip = React.forwardRef<HTMLInputElement, ChoiceChipProps>(\n  (\n    { className, children, value, disabled = false, style, ...rest },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const childrenArray = React.Children.toArray(children);\n    const hasLeadingIcon =\n      childrenArray.length > 1 && typeof childrenArray[0] !== 'string';\n    const hasTrailingIcon =\n      childrenArray.length > 1 &&\n      typeof childrenArray[childrenArray.length - 1] !== 'string';\n\n    const classList = cx(className, 'eds-chip', {\n      'eds-chip--disabled': disabled,\n      'eds-chip--leading-icon': hasLeadingIcon,\n      'eds-chip--trailing-icon': hasTrailingIcon,\n    });\n    const {\n      name,\n      value: selectedValue,\n      onChange,\n    } = useChoiceChipGroupContext();\n    return (\n      <label className=\"eds-choice-chip\" style={style}>\n        <input\n          className=\"eds-choice-chip__input\"\n          type=\"radio\"\n          name={name}\n          ref={ref}\n          value={value}\n          disabled={disabled}\n          checked={selectedValue === value}\n          onChange={onChange}\n          {...rest}\n        />\n        <div className={classList}>{children}</div>\n      </label>\n    );\n  },\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { LoadingDots } from '@entur/loader';\nimport './BaseChip.scss';\nimport './ActionChip.scss';\n\nexport type ActionChipProps = {\n  /** Teksten som vises i ActionChip */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Om chip-en er opptatt, f.eks med å oppdatere informasjon\n   * @default false\n   */\n  loading?: boolean;\n} & React.DetailedHTMLProps<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  HTMLButtonElement\n>;\n\nexport const ActionChip = React.forwardRef<HTMLButtonElement, ActionChipProps>(\n  (\n    { children, className, loading = false, ...rest },\n    ref: React.Ref<HTMLButtonElement>,\n  ) => {\n    const childrenArray = React.Children.toArray(children);\n    const hasLeadingIcon =\n      childrenArray.length > 1 && typeof childrenArray[0] !== 'string';\n    const hasTrailingIcon =\n      childrenArray.length > 1 &&\n      typeof childrenArray[childrenArray.length - 1] !== 'string';\n\n    const ariaLabelValue = () => {\n      if (rest['aria-label']) return rest['aria-label'];\n      if (loading) return ariaLabelWhenLoading;\n      return undefined;\n    };\n\n    const ariaLabelWhenLoading = childrenArray\n      .filter(child => typeof child === 'string')\n      .join(' ');\n\n    const actionChip = (\n      <button\n        className={classNames(\n          'eds-chip',\n          'eds-action-chip',\n          {\n            'eds-chip--leading-icon': hasLeadingIcon,\n            'eds-chip--trailing-icon': hasTrailingIcon,\n            'eds-action-chip--disabled': rest.disabled,\n          },\n          className,\n        )}\n        ref={ref}\n        aria-busy={loading}\n        aria-label={ariaLabelValue()}\n        type=\"button\"\n        {...rest}\n      >\n        {loading ? (\n          <LoadingDots className=\"eds-action-chip__loading-dots\" />\n        ) : (\n          children\n        )}\n      </button>\n    );\n\n    if (rest.disabled) {\n      return (\n        <div className=\"eds-action-chip--disabled__wrapper\">{actionChip}</div>\n      );\n    }\n    return <>{actionChip}</>;\n  },\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { CloseIcon } from '@entur/icons';\nimport './BaseChip.scss';\nimport './TagChip.scss';\n\nexport type TagChipProps = {\n  /** Teksten som vises i TagChip */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Callback for når man klikker på krysset */\n  onClose: () => void;\n  /** Skjermlesertekst for X-knappen */\n  closeButtonAriaLabel?: string;\n};\n\nexport const TagChip = React.forwardRef<HTMLButtonElement, TagChipProps>(\n  (\n    { children, className, onClose, closeButtonAriaLabel, ...rest },\n    ref: React.Ref<HTMLButtonElement>,\n  ) => {\n    const selectedCloseLabel =\n      closeButtonAriaLabel ?? 'Fjern ' + children?.toString();\n\n    return (\n      <div\n        className={classNames('eds-chip', 'eds-tag-chip', className)}\n        {...rest}\n      >\n        {children}\n        <button\n          className=\"eds-tag-chip__close-button\"\n          type=\"button\"\n          onClick={onClose}\n          aria-label={selectedCloseLabel}\n          ref={ref}\n        >\n          <CloseIcon />\n        </button>\n      </div>\n    );\n  },\n);\n","import React from 'react';\nimport cx from 'classnames';\nimport './BaseChip.scss';\nimport './FilterChip.scss';\n\nexport type FilterChipProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Label til FilterChip */\n  children?: React.ReactNode;\n  /** Verdien til FilterChip */\n  value: string;\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const FilterChip = React.forwardRef<HTMLInputElement, FilterChipProps>(\n  (\n    { className, children, value, disabled = false, name, style, ...rest },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const classList = cx(className, 'eds-chip', 'eds-filter-chip');\n\n    return (\n      <label className={classList} style={style}>\n        <input\n          className=\"eds-filter-chip__input\"\n          type=\"checkbox\"\n          name={name}\n          ref={ref}\n          value={value}\n          disabled={disabled}\n          {...rest}\n        />\n        <span className=\"eds-filter-chip__icon\">\n          <CheckboxIcon />\n        </span>\n        {children}\n      </label>\n    );\n  },\n);\n\nconst CheckboxIcon: React.FC = () => {\n  return (\n    <svg\n      className=\"eds-filter-chip-icon\"\n      width=\"11px\"\n      height=\"9px\"\n      viewBox=\"6 11 37 33\"\n    >\n      <path\n        className=\"eds-filter-chip-icon__path\"\n        d=\"M14.1 27.2l7.1 7.2 14.6-14.8\"\n        fill=\"none\"\n      />\n    </svg>\n  );\n};\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('chip', 'form');\n\nexport * from './ChoiceChip';\nexport * from './ActionChip';\nexport * from './TagChip';\nexport * from './FilterChip';\nexport * from './ChoiceChipGroup';\n","import React from 'react';\nimport { ChoiceChipGroupContextProvider } from './ChoiceChipGroupContext';\nimport { Fieldset } from '@entur/form';\nexport type ChoiceChipGroupProps = {\n  /** Navnet til ChoiceChipsGroup */\n  name: string;\n  /** Verdien til den valgte ChoiceChipen */\n  value: string | null;\n  /** ChoiceChip-komponentene sendes inn som children */\n  children: React.ReactNode;\n  /** En callback som blir kalles hver gang en ChoiceChip klikkes på  */\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  /** Labelen til ChoiceChip-gruppen. */\n  label?: React.ReactNode;\n  [key: string]: any;\n};\n\nexport const ChoiceChipGroup: React.FC<ChoiceChipGroupProps> = ({\n  name,\n  value,\n  children,\n  onChange,\n  label,\n  ...rest\n}) => {\n  const contextValue = React.useMemo(\n    () => ({ name, value, onChange }),\n    [name, value, onChange],\n  );\n  return (\n    <ChoiceChipGroupContextProvider value={contextValue}>\n      <Fieldset className=\"eds-choice-chips-group\" label={label} {...rest}>\n        {children}\n      </Fieldset>\n    </ChoiceChipGroupContextProvider>\n  );\n};\n"],"names":["ChoiceChipGroupContext","React","createContext","ChoiceChipGroupContextProvider","Provider","ChoiceChip","forwardRef","ref","className","children","value","disabled","style","rest","childrenArray","Children","toArray","classList","cx","length","context","useContext","Error","useChoiceChipGroupContext","type","name","checked","onChange","ActionChip","loading","hasLeadingIcon","hasTrailingIcon","ariaLabelWhenLoading","filter","child","join","actionChip","classNames","LoadingDots","TagChip","onClose","closeButtonAriaLabel","selectedCloseLabel","toString","onClick","CloseIcon","FilterChip","CheckboxIcon","width","height","viewBox","d","fill","warnAboutMissingStyles","label","contextValue","useMemo","Fieldset"],"mappings":"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"}
+{"version":3,"file":"chip.cjs.production.min.js","sources":["../src/ChoiceChipGroupContext.tsx","../src/ChoiceChip.tsx","../src/ActionChip.tsx","../src/TagChip.tsx","../src/FilterChip.tsx","../src/index.tsx","../src/ChoiceChipGroup.tsx"],"sourcesContent":["import React from 'react';\n\ntype ChoiceChipGroupContextProps = {\n  name: string;\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  value: string | null;\n};\n\nconst ChoiceChipGroupContext =\n  React.createContext<ChoiceChipGroupContextProps | null>(null);\n\nexport const ChoiceChipGroupContextProvider = ChoiceChipGroupContext.Provider;\n\nexport const useChoiceChipGroupContext: () => ChoiceChipGroupContextProps =\n  () => {\n    const context = React.useContext(ChoiceChipGroupContext);\n    if (!context) {\n      throw new Error(\n        'You need to wrap your ChoiceChips in a ChoiceChipGroup-component',\n      );\n    }\n    return context;\n  };\n","import React from 'react';\nimport cx from 'classnames';\nimport { useChoiceChipGroupContext } from './ChoiceChipGroupContext';\nimport './BaseChip.scss';\nimport './ChoiceChip.scss';\n\nexport type ChoiceChipProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Om Choicechip er deaktivert eller ikke\n   * @default false\n   */\n  disabled?: boolean;\n  /** Label til ChoiceChip */\n  children?: React.ReactNode;\n  /** Verdien til ChoiceChip */\n  value: string;\n} & Omit<\n  React.DetailedHTMLProps<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    HTMLInputElement\n  >,\n  'value'\n>;\n\nexport const ChoiceChip = React.forwardRef<HTMLInputElement, ChoiceChipProps>(\n  (\n    { className, children, value, disabled = false, style, ...rest },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const childrenArray = React.Children.toArray(children);\n    const hasLeadingIcon =\n      childrenArray.length > 1 && typeof childrenArray[0] !== 'string';\n    const hasTrailingIcon =\n      childrenArray.length > 1 &&\n      typeof childrenArray[childrenArray.length - 1] !== 'string';\n\n    const classList = cx(className, 'eds-chip', {\n      'eds-chip--disabled': disabled,\n      'eds-chip--leading-icon': hasLeadingIcon,\n      'eds-chip--trailing-icon': hasTrailingIcon,\n    });\n    const {\n      name,\n      value: selectedValue,\n      onChange,\n    } = useChoiceChipGroupContext();\n    return (\n      <label className=\"eds-choice-chip\" style={style}>\n        <input\n          className=\"eds-choice-chip__input\"\n          type=\"radio\"\n          name={name}\n          ref={ref}\n          value={value}\n          disabled={disabled}\n          checked={selectedValue === value}\n          onChange={onChange}\n          {...rest}\n        />\n        <div className={classList}>{children}</div>\n      </label>\n    );\n  },\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { LoadingDots } from '@entur/loader';\nimport './BaseChip.scss';\nimport './ActionChip.scss';\n\nexport type ActionChipProps = {\n  /** Teksten som vises i ActionChip */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Om chip-en er opptatt, f.eks med å oppdatere informasjon\n   * @default false\n   */\n  loading?: boolean;\n} & React.DetailedHTMLProps<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  HTMLButtonElement\n>;\n\nexport const ActionChip = React.forwardRef<HTMLButtonElement, ActionChipProps>(\n  (\n    { children, className, loading = false, ...rest },\n    ref: React.Ref<HTMLButtonElement>,\n  ) => {\n    const childrenArray = React.Children.toArray(children);\n    const hasLeadingIcon =\n      childrenArray.length > 1 && typeof childrenArray[0] !== 'string';\n    const hasTrailingIcon =\n      childrenArray.length > 1 &&\n      typeof childrenArray[childrenArray.length - 1] !== 'string';\n\n    const ariaLabelValue = () => {\n      if (rest['aria-label']) return rest['aria-label'];\n      if (loading) return ariaLabelWhenLoading;\n      return undefined;\n    };\n\n    const ariaLabelWhenLoading = childrenArray\n      .filter(child => typeof child === 'string')\n      .join(' ');\n\n    const actionChip = (\n      <button\n        className={classNames(\n          'eds-chip',\n          'eds-action-chip',\n          {\n            'eds-chip--leading-icon': hasLeadingIcon,\n            'eds-chip--trailing-icon': hasTrailingIcon,\n            'eds-action-chip--disabled': rest.disabled,\n          },\n          className,\n        )}\n        ref={ref}\n        aria-busy={loading}\n        aria-label={ariaLabelValue()}\n        type=\"button\"\n        {...rest}\n      >\n        {loading ? (\n          <LoadingDots className=\"eds-action-chip__loading-dots\" />\n        ) : (\n          children\n        )}\n      </button>\n    );\n\n    if (rest.disabled) {\n      return (\n        <div className=\"eds-action-chip--disabled__wrapper\">{actionChip}</div>\n      );\n    }\n    return <>{actionChip}</>;\n  },\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { CloseIcon } from '@entur/icons';\nimport './BaseChip.scss';\nimport './TagChip.scss';\n\nexport type TagChipProps = {\n  /** Teksten som vises i TagChip */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Callback for når man klikker på krysset */\n  onClose: () => void;\n  /** Skjermlesertekst for X-knappen */\n  closeButtonAriaLabel?: string;\n};\n\nexport const TagChip = React.forwardRef<HTMLButtonElement, TagChipProps>(\n  (\n    { children, className, onClose, closeButtonAriaLabel, ...rest },\n    ref: React.Ref<HTMLButtonElement>,\n  ) => {\n    const selectedCloseLabel =\n      closeButtonAriaLabel ?? 'Fjern ' + children?.toString();\n\n    return (\n      <div\n        className={classNames('eds-chip', 'eds-tag-chip', className)}\n        {...rest}\n      >\n        {children}\n        <button\n          className=\"eds-tag-chip__close-button\"\n          type=\"button\"\n          onClick={onClose}\n          aria-label={selectedCloseLabel}\n          ref={ref}\n        >\n          <CloseIcon />\n        </button>\n      </div>\n    );\n  },\n);\n","import React from 'react';\nimport cx from 'classnames';\nimport './BaseChip.scss';\nimport './FilterChip.scss';\n\nexport type FilterChipProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Label til FilterChip */\n  children?: React.ReactNode;\n  /** Verdien til FilterChip */\n  value: string;\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const FilterChip = React.forwardRef<HTMLInputElement, FilterChipProps>(\n  (\n    { className, children, value, disabled = false, name, style, ...rest },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const classList = cx(className, 'eds-chip', 'eds-filter-chip');\n\n    return (\n      <label className={classList} style={style}>\n        <input\n          className=\"eds-filter-chip__input\"\n          type=\"checkbox\"\n          name={name}\n          ref={ref}\n          value={value}\n          disabled={disabled}\n          {...rest}\n        />\n        <span className=\"eds-filter-chip__icon\">\n          <CheckboxIcon />\n        </span>\n        {children}\n      </label>\n    );\n  },\n);\n\nconst CheckboxIcon: React.FC = () => {\n  return (\n    <svg\n      className=\"eds-filter-chip-icon\"\n      width=\"11px\"\n      height=\"9px\"\n      viewBox=\"6 11 37 33\"\n    >\n      <path\n        className=\"eds-filter-chip-icon__path\"\n        d=\"M14.1 27.2l7.1 7.2 14.6-14.8\"\n        fill=\"none\"\n      />\n    </svg>\n  );\n};\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('chip', 'form');\n\nexport * from './ChoiceChip';\nexport * from './ActionChip';\nexport * from './TagChip';\nexport * from './FilterChip';\nexport * from './ChoiceChipGroup';\n","import React from 'react';\nimport { ChoiceChipGroupContextProvider } from './ChoiceChipGroupContext';\nimport { Fieldset } from '@entur/form';\nexport type ChoiceChipGroupProps = {\n  /** Navnet til ChoiceChipsGroup */\n  name: string;\n  /** Verdien til den valgte ChoiceChipen */\n  value: string | null;\n  /** ChoiceChip-komponentene sendes inn som children */\n  children: React.ReactNode;\n  /** En callback som blir kalles hver gang en ChoiceChip klikkes på  */\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  /** Labelen til ChoiceChip-gruppen. */\n  label?: React.ReactNode;\n  [key: string]: any;\n};\n\nexport const ChoiceChipGroup: React.FC<ChoiceChipGroupProps> = ({\n  name,\n  value,\n  children,\n  onChange,\n  label,\n  ...rest\n}) => {\n  const contextValue = React.useMemo(\n    () => ({ name, value, onChange }),\n    [name, value, onChange],\n  );\n  return (\n    <ChoiceChipGroupContextProvider value={contextValue}>\n      <Fieldset className=\"eds-choice-chips-group\" label={label} {...rest}>\n        {children}\n      </Fieldset>\n    </ChoiceChipGroupContextProvider>\n  );\n};\n"],"names":["ChoiceChipGroupContext","React","createContext","ChoiceChipGroupContextProvider","Provider","ChoiceChip","forwardRef","ref","className","children","value","_ref$disabled","_ref","disabled","style","rest","_objectWithoutPropertiesLoose","_excluded","childrenArray","Children","toArray","classList","cx","length","_useChoiceChipGroupCo","context","useContext","Error","useChoiceChipGroupContext","createElement","_extends","type","name","checked","onChange","ActionChip","_ref$loading","loading","hasLeadingIcon","hasTrailingIcon","ariaLabelWhenLoading","filter","child","join","actionChip","classNames","LoadingDots","Fragment","TagChip","onClose","closeButtonAriaLabel","selectedCloseLabel","toString","onClick","CloseIcon","FilterChip","CheckboxIcon","width","height","viewBox","d","fill","warnAboutMissingStyles","label","contextValue","useMemo","Fieldset"],"mappings":"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"}

package/dist/chip.esm.js

@@ -6,35 +6,29 @@ import { CloseIcon } from '@entur/icons';
 import { Fieldset } from '@entur/form';
 
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
-
   return _extends.apply(this, arguments);
 }
-
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
   var sourceKeys = Object.keys(source);
   var key, i;
-
   for (i = 0; i < sourceKeys.length; i++) {
     key = sourceKeys[i];
     if (excluded.indexOf(key) >= 0) continue;
     target[key] = source[key];
   }
-
   return target;
 }
 
@@ -42,24 +36,21 @@ var ChoiceChipGroupContext = /*#__PURE__*/React.createContext(null);
 var ChoiceChipGroupContextProvider = ChoiceChipGroupContext.Provider;
 var useChoiceChipGroupContext = function useChoiceChipGroupContext() {
   var context = React.useContext(ChoiceChipGroupContext);
-
   if (!context) {
     throw new Error('You need to wrap your ChoiceChips in a ChoiceChipGroup-component');
   }
-
   return context;
 };
 
 var _excluded$4 = ["className", "children", "value", "disabled", "style"];
 var ChoiceChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
-      children = _ref.children,
-      value = _ref.value,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      style = _ref.style,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
-
+    children = _ref.children,
+    value = _ref.value,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    style = _ref.style,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
   var childrenArray = React.Children.toArray(children);
   var hasLeadingIcon = childrenArray.length > 1 && typeof childrenArray[0] !== 'string';
   var hasTrailingIcon = childrenArray.length > 1 && typeof childrenArray[childrenArray.length - 1] !== 'string';
@@ -68,12 +59,10 @@ var ChoiceChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     'eds-chip--leading-icon': hasLeadingIcon,
     'eds-chip--trailing-icon': hasTrailingIcon
   });
-
   var _useChoiceChipGroupCo = useChoiceChipGroupContext(),
-      name = _useChoiceChipGroupCo.name,
-      selectedValue = _useChoiceChipGroupCo.value,
-      onChange = _useChoiceChipGroupCo.onChange;
-
+    name = _useChoiceChipGroupCo.name,
+    selectedValue = _useChoiceChipGroupCo.value,
+    onChange = _useChoiceChipGroupCo.onChange;
   return React.createElement("label", {
     className: "eds-choice-chip",
     style: style
@@ -94,21 +83,18 @@ var ChoiceChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 var _excluded$3 = ["children", "className", "loading"];
 var ActionChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
-      className = _ref.className,
-      _ref$loading = _ref.loading,
-      loading = _ref$loading === void 0 ? false : _ref$loading,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
-
+    className = _ref.className,
+    _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? false : _ref$loading,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
   var childrenArray = React.Children.toArray(children);
   var hasLeadingIcon = childrenArray.length > 1 && typeof childrenArray[0] !== 'string';
   var hasTrailingIcon = childrenArray.length > 1 && typeof childrenArray[childrenArray.length - 1] !== 'string';
-
   var ariaLabelValue = function ariaLabelValue() {
     if (rest['aria-label']) return rest['aria-label'];
     if (loading) return ariaLabelWhenLoading;
     return undefined;
   };
-
   var ariaLabelWhenLoading = childrenArray.filter(function (child) {
     return typeof child === 'string';
   }).join(' ');
@@ -125,24 +111,21 @@ var ActionChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, rest), loading ? React.createElement(LoadingDots, {
     className: "eds-action-chip__loading-dots"
   }) : children);
-
   if (rest.disabled) {
     return React.createElement("div", {
       className: "eds-action-chip--disabled__wrapper"
     }, actionChip);
   }
-
   return React.createElement(React.Fragment, null, actionChip);
 });
 
 var _excluded$2 = ["children", "className", "onClose", "closeButtonAriaLabel"];
 var TagChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
-      className = _ref.className,
-      onClose = _ref.onClose,
-      closeButtonAriaLabel = _ref.closeButtonAriaLabel,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
-
+    className = _ref.className,
+    onClose = _ref.onClose,
+    closeButtonAriaLabel = _ref.closeButtonAriaLabel,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
   var selectedCloseLabel = closeButtonAriaLabel != null ? closeButtonAriaLabel : 'Fjern ' + (children == null ? void 0 : children.toString());
   return React.createElement("div", _extends({
     className: classNames('eds-chip', 'eds-tag-chip', className)
@@ -158,14 +141,13 @@ var TagChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 var _excluded$1 = ["className", "children", "value", "disabled", "name", "style"];
 var FilterChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
-      children = _ref.children,
-      value = _ref.value,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      name = _ref.name,
-      style = _ref.style,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
-
+    children = _ref.children,
+    value = _ref.value,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    name = _ref.name,
+    style = _ref.style,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
   var classList = classNames(className, 'eds-chip', 'eds-filter-chip');
   return React.createElement("label", {
     className: classList,
@@ -181,7 +163,6 @@ var FilterChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     className: "eds-filter-chip__icon"
   }, React.createElement(CheckboxIcon, null)), children);
 });
-
 var CheckboxIcon = function CheckboxIcon() {
   return React.createElement("svg", {
     className: "eds-filter-chip-icon",
@@ -198,12 +179,11 @@ var CheckboxIcon = function CheckboxIcon() {
 var _excluded = ["name", "value", "children", "onChange", "label"];
 var ChoiceChipGroup = function ChoiceChipGroup(_ref) {
   var name = _ref.name,
-      value = _ref.value,
-      children = _ref.children,
-      onChange = _ref.onChange,
-      label = _ref.label,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    value = _ref.value,
+    children = _ref.children,
+    onChange = _ref.onChange,
+    label = _ref.label,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   var contextValue = React.useMemo(function () {
     return {
       name: name,