@entur/chip 0.6.44 → 0.6.45

package/dist/ActionChip.d.ts

@@ -1,14 +1,14 @@
-import React from 'react';
-import './BaseChip.scss';
-import './ActionChip.scss';
-export type ActionChipProps = {
-    /** Teksten som vises i ActionChip */
-    children: React.ReactNode;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Om chip-en er opptatt, f.eks med å oppdatere informasjon
-     * @default false
-     */
-    loading?: boolean;
-} & React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
-export declare const ActionChip: React.ForwardRefExoticComponent<Pick<ActionChipProps, "loading" | "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>> & React.RefAttributes<HTMLButtonElement>>;
+import React from 'react';
+import './BaseChip.scss';
+import './ActionChip.scss';
+export type ActionChipProps = {
+    /** Teksten som vises i ActionChip */
+    children: React.ReactNode;
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Om chip-en er opptatt, f.eks med å oppdatere informasjon
+     * @default false
+     */
+    loading?: boolean;
+} & React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
+export declare const ActionChip: React.ForwardRefExoticComponent<Omit<ActionChipProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/ChoiceChip.d.ts

@@ -1,16 +1,16 @@
-import React from 'react';
-import './BaseChip.scss';
-import './ChoiceChip.scss';
-export type ChoiceChipProps = {
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Om Choicechip er deaktivert eller ikke
-     * @default false
-     */
-    disabled?: boolean;
-    /** Label til ChoiceChip */
-    children?: React.ReactNode;
-    /** Verdien til ChoiceChip */
-    value: string;
-} & Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'value'>;
-export declare const ChoiceChip: React.ForwardRefExoticComponent<Pick<ChoiceChipProps, "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "disabled" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "list" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "name" | "pattern" | "value" | "key" | "placeholder" | "readOnly" | "required" | "size" | "src" | "step" | "type" | "width" | "onChange" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<HTMLInputElement>>;
+import React from 'react';
+import './BaseChip.scss';
+import './ChoiceChip.scss';
+export type ChoiceChipProps = {
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Om Choicechip er deaktivert eller ikke
+     * @default false
+     */
+    disabled?: boolean;
+    /** Label til ChoiceChip */
+    children?: React.ReactNode;
+    /** Verdien til ChoiceChip */
+    value: string;
+} & Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'value'>;
+export declare const ChoiceChip: React.ForwardRefExoticComponent<Omit<ChoiceChipProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/ChoiceChipGroup.d.ts

@@ -1,16 +1,16 @@
-import React from 'react';
-import './ChoiceChipGroup.scss';
-export type ChoiceChipGroupProps = {
-    /** Navnet til ChoiceChipsGroup */
-    name: string;
-    /** Verdien til den valgte ChoiceChipen */
-    value: string | null;
-    /** ChoiceChip-komponentene sendes inn som children */
-    children: React.ReactNode;
-    /** En callback som blir kalles hver gang en ChoiceChip klikkes på  */
-    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    /** Labelen til ChoiceChip-gruppen. */
-    label?: React.ReactNode;
-    [key: string]: any;
-};
-export declare const ChoiceChipGroup: React.FC<ChoiceChipGroupProps>;
+import React from 'react';
+import './ChoiceChipGroup.scss';
+export type ChoiceChipGroupProps = {
+    /** Navnet til ChoiceChipsGroup */
+    name: string;
+    /** Verdien til den valgte ChoiceChipen */
+    value: string | null;
+    /** ChoiceChip-komponentene sendes inn som children */
+    children: React.ReactNode;
+    /** En callback som blir kalles hver gang en ChoiceChip klikkes på  */
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    /** Labelen til ChoiceChip-gruppen. */
+    label?: React.ReactNode;
+    [key: string]: any;
+};
+export declare const ChoiceChipGroup: React.FC<ChoiceChipGroupProps>;

package/dist/ChoiceChipGroupContext.d.ts

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

package/dist/FilterChip.d.ts

@@ -1,19 +1,19 @@
-import React from 'react';
-import './BaseChip.scss';
-import './FilterChip.scss';
-export type FilterChipProps = {
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Label til FilterChip */
-    children?: React.ReactNode;
-    /** Verdien til FilterChip */
-    value: string;
-} & React.InputHTMLAttributes<HTMLInputElement>;
-export declare const FilterChip: React.ForwardRefExoticComponent<{
-    /** Ekstra klassenavn */
-    className?: string | undefined;
-    /** Label til FilterChip */
-    children?: React.ReactNode;
-    /** Verdien til FilterChip */
-    value: string;
-} & React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;
+import React from 'react';
+import './BaseChip.scss';
+import './FilterChip.scss';
+export type FilterChipProps = {
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Label til FilterChip */
+    children?: React.ReactNode;
+    /** Verdien til FilterChip */
+    value: string;
+} & React.InputHTMLAttributes<HTMLInputElement>;
+export declare const FilterChip: React.ForwardRefExoticComponent<{
+    /** Ekstra klassenavn */
+    className?: string | undefined;
+    /** Label til FilterChip */
+    children?: React.ReactNode;
+    /** Verdien til FilterChip */
+    value: string;
+} & React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;

package/dist/TagChip.d.ts

@@ -1,14 +1,14 @@
-import React from 'react';
-import './BaseChip.scss';
-import './TagChip.scss';
-export type TagChipProps = {
-    /** Teksten som vises i TagChip */
-    children: React.ReactNode;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Callback for når man klikker på krysset */
-    onClose: () => void;
-    /** Skjermlesertekst for X-knappen */
-    closeButtonAriaLabel?: string;
-};
-export declare const TagChip: React.ForwardRefExoticComponent<TagChipProps & React.RefAttributes<HTMLButtonElement>>;
+import React from 'react';
+import './BaseChip.scss';
+import './TagChip.scss';
+export type TagChipProps = {
+    /** Teksten som vises i TagChip */
+    children: React.ReactNode;
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Callback for når man klikker på krysset */
+    onClose: () => void;
+    /** Skjermlesertekst for X-knappen */
+    closeButtonAriaLabel?: string;
+};
+export declare const TagChip: React.ForwardRefExoticComponent<TagChipProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/chip.cjs.development.js

@@ -9,11 +9,6 @@ var loader = require('@entur/loader');
 var icons = require('@entur/icons');
 var form = require('@entur/form');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
-
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -41,10 +36,10 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
-var ChoiceChipGroupContext = /*#__PURE__*/React__default["default"].createContext(null);
+var ChoiceChipGroupContext = /*#__PURE__*/React.createContext(null);
 var ChoiceChipGroupContextProvider = ChoiceChipGroupContext.Provider;
 var useChoiceChipGroupContext = function useChoiceChipGroupContext() {
-  var context = React__default["default"].useContext(ChoiceChipGroupContext);
+  var context = React.useContext(ChoiceChipGroupContext);
   if (!context) {
     throw new Error('You need to wrap your ChoiceChips in a ChoiceChipGroup-component');
   }
@@ -52,7 +47,7 @@ var useChoiceChipGroupContext = function useChoiceChipGroupContext() {
 };
 
 var _excluded$4 = ["className", "children", "value", "disabled", "style"];
-var ChoiceChip = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+var ChoiceChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     children = _ref.children,
     value = _ref.value,
@@ -60,14 +55,14 @@ var ChoiceChip = /*#__PURE__*/React__default["default"].forwardRef(function (_re
     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 childrenArray = React.Children.toArray(children);
   var isIcon = function isIcon(child) {
     var _child$type;
     return child == null ? void 0 : (_child$type = child.type) == null ? void 0 : _child$type.toString().toLowerCase().includes('icon');
   };
   var hasLeadingIcon = childrenArray.length > 1 && isIcon(childrenArray.at(0));
   var hasTrailingIcon = childrenArray.length > 1 && isIcon(childrenArray.at(-1));
-  var classList = classNames__default["default"](className, 'eds-chip', {
+  var classList = classNames(className, 'eds-chip', {
     'eds-chip--disabled': disabled,
     'eds-chip--leading-icon': hasLeadingIcon,
     'eds-chip--trailing-icon': hasTrailingIcon
@@ -76,10 +71,10 @@ var ChoiceChip = /*#__PURE__*/React__default["default"].forwardRef(function (_re
     name = _useChoiceChipGroupCo.name,
     selectedValue = _useChoiceChipGroupCo.value,
     onChange = _useChoiceChipGroupCo.onChange;
-  return React__default["default"].createElement("label", {
+  return React.createElement("label", {
     className: "eds-choice-chip",
     style: style
-  }, React__default["default"].createElement("input", _extends({
+  }, React.createElement("input", _extends({
     className: "eds-choice-chip__input",
     type: "radio",
     name: name,
@@ -88,19 +83,19 @@ var ChoiceChip = /*#__PURE__*/React__default["default"].forwardRef(function (_re
     disabled: disabled,
     checked: selectedValue === value,
     onChange: onChange
-  }, rest)), React__default["default"].createElement("div", {
+  }, rest)), React.createElement("div", {
     className: classList
   }, children));
 });
 
 var _excluded$3 = ["children", "className", "loading"];
-var ActionChip = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+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);
-  var childrenArray = React__default["default"].Children.toArray(children);
+  var childrenArray = React.Children.toArray(children);
   var isIcon = function isIcon(child) {
     var _child$type;
     return child == null ? void 0 : (_child$type = child.type) == null ? void 0 : _child$type.toString().toLowerCase().includes('icon');
@@ -115,8 +110,8 @@ var ActionChip = /*#__PURE__*/React__default["default"].forwardRef(function (_re
   var ariaLabelWhenLoading = childrenArray.filter(function (child) {
     return typeof child === 'string';
   }).join(' ');
-  var actionChip = React__default["default"].createElement("button", _extends({
-    className: classNames__default["default"]('eds-chip', 'eds-action-chip', {
+  var actionChip = React.createElement("button", _extends({
+    className: classNames('eds-chip', 'eds-action-chip', {
       'eds-chip--leading-icon': hasLeadingIcon,
       'eds-chip--trailing-icon': hasTrailingIcon,
       'eds-action-chip--disabled': rest.disabled
@@ -125,40 +120,40 @@ var ActionChip = /*#__PURE__*/React__default["default"].forwardRef(function (_re
     "aria-busy": loading,
     "aria-label": ariaLabelValue(),
     type: "button"
-  }, rest), loading ? React__default["default"].createElement(loader.LoadingDots, {
+  }, rest), loading ? React.createElement(loader.LoadingDots, {
     className: "eds-action-chip__loading-dots"
   }) : children);
   if (rest.disabled) {
-    return React__default["default"].createElement("div", {
+    return React.createElement("div", {
       className: "eds-action-chip--disabled__wrapper"
     }, actionChip);
   }
-  return React__default["default"].createElement(React__default["default"].Fragment, null, actionChip);
+  return React.createElement(React.Fragment, null, actionChip);
 });
 
 var _excluded$2 = ["children", "className", "onClose", "closeButtonAriaLabel"];
-var TagChip = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+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);
   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)
-  }, rest), children, React__default["default"].createElement("button", {
+  return React.createElement("div", _extends({
+    className: classNames('eds-chip', 'eds-tag-chip', className)
+  }, rest), children, React.createElement("button", {
     className: "eds-tag-chip__close-button",
     type: "button",
     onClick: onClose,
     "aria-label": selectedCloseLabel,
     ref: ref
-  }, React__default["default"].createElement(icons.CloseIcon, {
+  }, React.createElement(icons.CloseIcon, {
     "aria-hidden": true
   })));
 });
 
 var _excluded$1 = ["className", "children", "value", "disabled", "name", "style"];
-var FilterChip = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+var FilterChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     children = _ref.children,
     value = _ref.value,
@@ -167,29 +162,29 @@ var FilterChip = /*#__PURE__*/React__default["default"].forwardRef(function (_re
     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", {
+  var classList = classNames(className, 'eds-chip', 'eds-filter-chip');
+  return React.createElement("label", {
     className: classList,
     style: style
-  }, React__default["default"].createElement("input", _extends({
+  }, React.createElement("input", _extends({
     className: "eds-filter-chip__input",
     type: "checkbox",
     name: name,
     ref: ref,
     value: value,
     disabled: disabled
-  }, rest)), React__default["default"].createElement("span", {
+  }, rest)), React.createElement("span", {
     className: "eds-filter-chip__icon"
-  }, React__default["default"].createElement(CheckboxIcon, null)), children);
+  }, React.createElement(CheckboxIcon, null)), children);
 });
 var CheckboxIcon = function CheckboxIcon() {
-  return React__default["default"].createElement("svg", {
+  return React.createElement("svg", {
     className: "eds-filter-chip-icon",
     width: "11px",
     height: "9px",
     viewBox: "6 11 37 33",
     "aria-hidden": true
-  }, React__default["default"].createElement("path", {
+  }, React.createElement("path", {
     className: "eds-filter-chip-icon__path",
     d: "M14.1 27.2l7.1 7.2 14.6-14.8",
     fill: "none"
@@ -204,16 +199,16 @@ var ChoiceChipGroup = function ChoiceChipGroup(_ref) {
     onChange = _ref.onChange,
     label = _ref.label,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var contextValue = React__default["default"].useMemo(function () {
+  var contextValue = React.useMemo(function () {
     return {
       name: name,
       value: value,
       onChange: onChange
     };
   }, [name, value, onChange]);
-  return React__default["default"].createElement(ChoiceChipGroupContextProvider, {
+  return React.createElement(ChoiceChipGroupContextProvider, {
     value: contextValue
-  }, React__default["default"].createElement(form.Fieldset, _extends({
+  }, React.createElement(form.Fieldset, _extends({
     className: "eds-choice-chips-group",
     label: label
   }, rest), children));

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 isIcon = (child: any) =>\n      child?.type?.toString().toLowerCase().includes('icon');\n    const hasLeadingIcon =\n      childrenArray.length > 1 && isIcon(childrenArray.at(0));\n    const hasTrailingIcon =\n      childrenArray.length > 1 && isIcon(childrenArray.at(-1));\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 isIcon = (child: any) =>\n      child?.type?.toString().toLowerCase().includes('icon');\n    const hasLeadingIcon =\n      childrenArray.length > 1 && isIcon(childrenArray.at(0));\n    const hasTrailingIcon =\n      childrenArray.length > 1 && isIcon(childrenArray.at(-1));\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 aria-hidden />\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      aria-hidden\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';\n\nimport './ChoiceChipGroup.scss';\n\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","isIcon","child","type","toString","toLowerCase","includes","hasLeadingIcon","length","at","hasTrailingIcon","classList","cx","name","selectedValue","onChange","createElement","checked","ActionChip","loading","ariaLabelValue","ariaLabelWhenLoading","undefined","filter","join","actionChip","classNames","LoadingDots","Fragment","TagChip","onClose","closeButtonAriaLabel","selectedCloseLabel","onClick","CloseIcon","FilterChip","CheckboxIcon","width","height","viewBox","d","fill","ChoiceChipGroup","label","contextValue","useMemo","Fieldset","warnAboutMissingStyles"],"mappings":"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"}
+{"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 isIcon = (child: any) =>\n      child?.type?.toString().toLowerCase().includes('icon');\n    const hasLeadingIcon =\n      childrenArray.length > 1 && isIcon(childrenArray.at(0));\n    const hasTrailingIcon =\n      childrenArray.length > 1 && isIcon(childrenArray.at(-1));\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 isIcon = (child: any) =>\n      child?.type?.toString().toLowerCase().includes('icon');\n    const hasLeadingIcon =\n      childrenArray.length > 1 && isIcon(childrenArray.at(0));\n    const hasTrailingIcon =\n      childrenArray.length > 1 && isIcon(childrenArray.at(-1));\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 aria-hidden />\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      aria-hidden\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';\n\nimport './ChoiceChipGroup.scss';\n\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","isIcon","child","type","toString","toLowerCase","includes","hasLeadingIcon","length","at","hasTrailingIcon","classList","cx","name","selectedValue","onChange","createElement","checked","ActionChip","loading","ariaLabelValue","ariaLabelWhenLoading","undefined","filter","join","actionChip","classNames","LoadingDots","Fragment","TagChip","onClose","closeButtonAriaLabel","selectedCloseLabel","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),d=i(t);function s(){return s=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},s.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),v=function(e){var a;return null==e||null==(a=e.type)?void 0:a.toString().toLowerCase().includes("icon")},b=m.length>1&&v(m.at(0)),g=m.length>1&&v(m.at(-1)),C=d.default(t,"eds-chip",{"eds-chip--disabled":i,"eds-chip--leading-icon":b,"eds-chip--trailing-icon":g}),y=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",s({className:"eds-choice-chip__input",type:"radio",name:y.name,ref:a,value:n,disabled:i,checked:y.value===n,onChange:y.onChange},p)),c.default.createElement("div",{className:C},l))})),m=["children","className","loading"],v=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=function(e){var a;return null==e||null==(a=e.type)?void 0:a.toString().toLowerCase().includes("icon")},p=f.length>1&&h(f.at(0)),v=f.length>1&&h(f.at(-1)),b=f.filter((function(e){return"string"==typeof e})).join(" "),g=c.default.createElement("button",s({className:d.default("eds-chip","eds-action-chip",{"eds-chip--leading-icon":p,"eds-chip--trailing-icon":v,"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)})),b=["children","className","onClose","closeButtonAriaLabel"],g=c.default.forwardRef((function(e,a){var t=e.children,l=e.className,r=e.onClose,i=e.closeButtonAriaLabel,u=o(e,b),f=null!=i?i:"Fjern "+(null==t?void 0:t.toString());return c.default.createElement("div",s({className:d.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,{"aria-hidden":!0})))})),C=["className","children","value","disabled","name","style"],y=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,C),p=d.default(t,"eds-chip","eds-filter-chip");return c.default.createElement("label",{className:p,style:f},c.default.createElement("input",s({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","aria-hidden":!0},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=v,exports.ChoiceChip=p,exports.ChoiceChipGroup=function(e){var a=e.name,t=e.value,l=e.children,n=e.onChange,i=e.label,d=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,s({className:"eds-choice-chips-group",label:i},d),l))},exports.FilterChip=y,exports.TagChip=g;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),a=require("react"),n=require("classnames"),t=require("@entur/loader"),i=require("@entur/icons"),r=require("@entur/form");function l(){return l=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var n=arguments[a];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e},l.apply(this,arguments)}function c(e,a){if(null==e)return{};var n,t,i={},r=Object.keys(e);for(t=0;t<r.length;t++)a.indexOf(n=r[t])>=0||(i[n]=e[n]);return i}var s=a.createContext(null),o=s.Provider,d=["className","children","value","disabled","style"],u=a.forwardRef((function(e,t){var i=e.className,r=e.children,o=e.value,u=e.disabled,h=void 0!==u&&u,p=e.style,m=c(e,d),f=a.Children.toArray(r),v=function(e){var a;return null==e||null==(a=e.type)?void 0:a.toString().toLowerCase().includes("icon")},b=f.length>1&&v(f.at(0)),g=f.length>1&&v(f.at(-1)),C=n(i,"eds-chip",{"eds-chip--disabled":h,"eds-chip--leading-icon":b,"eds-chip--trailing-icon":g}),y=function(){var e=a.useContext(s);if(!e)throw new Error("You need to wrap your ChoiceChips in a ChoiceChipGroup-component");return e}();return a.createElement("label",{className:"eds-choice-chip",style:p},a.createElement("input",l({className:"eds-choice-chip__input",type:"radio",name:y.name,ref:t,value:o,disabled:h,checked:y.value===o,onChange:y.onChange},m)),a.createElement("div",{className:C},r))})),h=["children","className","loading"],p=a.forwardRef((function(e,i){var r=e.children,s=e.className,o=e.loading,d=void 0!==o&&o,u=c(e,h),p=a.Children.toArray(r),m=function(e){var a;return null==e||null==(a=e.type)?void 0:a.toString().toLowerCase().includes("icon")},f=p.length>1&&m(p.at(0)),v=p.length>1&&m(p.at(-1)),b=p.filter((function(e){return"string"==typeof e})).join(" "),g=a.createElement("button",l({className:n("eds-chip","eds-action-chip",{"eds-chip--leading-icon":f,"eds-chip--trailing-icon":v,"eds-action-chip--disabled":u.disabled},s),ref:i,"aria-busy":d,"aria-label":u["aria-label"]?u["aria-label"]:d?b:void 0,type:"button"},u),d?a.createElement(t.LoadingDots,{className:"eds-action-chip__loading-dots"}):r);return u.disabled?a.createElement("div",{className:"eds-action-chip--disabled__wrapper"},g):a.createElement(a.Fragment,null,g)})),m=["children","className","onClose","closeButtonAriaLabel"],f=a.forwardRef((function(e,t){var r=e.children,s=e.className,o=e.onClose,d=e.closeButtonAriaLabel,u=c(e,m),h=null!=d?d:"Fjern "+(null==r?void 0:r.toString());return a.createElement("div",l({className:n("eds-chip","eds-tag-chip",s)},u),r,a.createElement("button",{className:"eds-tag-chip__close-button",type:"button",onClick:o,"aria-label":h,ref:t},a.createElement(i.CloseIcon,{"aria-hidden":!0})))})),v=["className","children","value","disabled","name","style"],b=a.forwardRef((function(e,t){var i=e.className,r=e.children,s=e.value,o=e.disabled,d=void 0!==o&&o,u=e.name,h=e.style,p=c(e,v),m=n(i,"eds-chip","eds-filter-chip");return a.createElement("label",{className:m,style:h},a.createElement("input",l({className:"eds-filter-chip__input",type:"checkbox",name:u,ref:t,value:s,disabled:d},p)),a.createElement("span",{className:"eds-filter-chip__icon"},a.createElement(g,null)),r)})),g=function(){return a.createElement("svg",{className:"eds-filter-chip-icon",width:"11px",height:"9px",viewBox:"6 11 37 33","aria-hidden":!0},a.createElement("path",{className:"eds-filter-chip-icon__path",d:"M14.1 27.2l7.1 7.2 14.6-14.8",fill:"none"}))},C=["name","value","children","onChange","label"];e.warnAboutMissingStyles("chip","form"),exports.ActionChip=p,exports.ChoiceChip=u,exports.ChoiceChipGroup=function(e){var n=e.name,t=e.value,i=e.children,s=e.onChange,d=e.label,u=c(e,C),h=a.useMemo((function(){return{name:n,value:t,onChange:s}}),[n,t,s]);return a.createElement(o,{value:h},a.createElement(r.Fieldset,l({className:"eds-choice-chips-group",label:d},u),i))},exports.FilterChip=b,exports.TagChip=f;
 //# 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 isIcon = (child: any) =>\n      child?.type?.toString().toLowerCase().includes('icon');\n    const hasLeadingIcon =\n      childrenArray.length > 1 && isIcon(childrenArray.at(0));\n    const hasTrailingIcon =\n      childrenArray.length > 1 && isIcon(childrenArray.at(-1));\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 isIcon = (child: any) =>\n      child?.type?.toString().toLowerCase().includes('icon');\n    const hasLeadingIcon =\n      childrenArray.length > 1 && isIcon(childrenArray.at(0));\n    const hasTrailingIcon =\n      childrenArray.length > 1 && isIcon(childrenArray.at(-1));\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 aria-hidden />\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      aria-hidden\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';\n\nimport './ChoiceChipGroup.scss';\n\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","isIcon","child","_child$type","type","toString","toLowerCase","includes","hasLeadingIcon","length","at","hasTrailingIcon","classList","cx","_useChoiceChipGroupCo","context","useContext","Error","useChoiceChipGroupContext","createElement","_extends","name","checked","onChange","ActionChip","_ref$loading","loading","ariaLabelWhenLoading","filter","join","actionChip","classNames","LoadingDots","Fragment","TagChip","onClose","closeButtonAriaLabel","selectedCloseLabel","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 isIcon = (child: any) =>\n      child?.type?.toString().toLowerCase().includes('icon');\n    const hasLeadingIcon =\n      childrenArray.length > 1 && isIcon(childrenArray.at(0));\n    const hasTrailingIcon =\n      childrenArray.length > 1 && isIcon(childrenArray.at(-1));\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 isIcon = (child: any) =>\n      child?.type?.toString().toLowerCase().includes('icon');\n    const hasLeadingIcon =\n      childrenArray.length > 1 && isIcon(childrenArray.at(0));\n    const hasTrailingIcon =\n      childrenArray.length > 1 && isIcon(childrenArray.at(-1));\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 aria-hidden />\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      aria-hidden\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';\n\nimport './ChoiceChipGroup.scss';\n\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","isIcon","child","_child$type","type","toString","toLowerCase","includes","hasLeadingIcon","length","at","hasTrailingIcon","classList","cx","_useChoiceChipGroupCo","context","useContext","Error","useChoiceChipGroupContext","createElement","_extends","name","checked","onChange","ActionChip","_ref$loading","loading","ariaLabelWhenLoading","filter","join","actionChip","classNames","LoadingDots","Fragment","TagChip","onClose","closeButtonAriaLabel","selectedCloseLabel","onClick","CloseIcon","FilterChip","CheckboxIcon","width","height","viewBox","d","fill","warnAboutMissingStyles","label","contextValue","useMemo","Fieldset"],"mappings":"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"}

package/dist/index.d.ts

@@ -1,6 +1,6 @@
-import './index.scss';
-export * from './ChoiceChip';
-export * from './ActionChip';
-export * from './TagChip';
-export * from './FilterChip';
-export * from './ChoiceChipGroup';
+import './index.scss';
+export * from './ChoiceChip';
+export * from './ActionChip';
+export * from './TagChip';
+export * from './FilterChip';
+export * from './ChoiceChipGroup';

package/dist/styles.css

@@ -1,6 +1,3 @@
-:root {
-  --eds-chip: 1;
-}
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 .eds-chip {
@@ -33,6 +30,78 @@
 }
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
+.eds-choice-chip {
+  cursor: pointer;
+  display: inline-block;
+  margin-right: 0.75rem;
+  position: relative;
+  transition: all 0.1s ease-out;
+}
+.eds-choice-chip__input {
+  -moz-appearance: none;
+       appearance: none;
+  height: 0;
+  position: absolute;
+  width: 0;
+  -webkit-appearance: none;
+}
+.eds-choice-chip__input ~ .eds-chip {
+  background-color: transparent;
+}
+.eds-contrast .eds-choice-chip__input ~ .eds-chip {
+  border-color: #aeb7e2;
+  color: #ffffff;
+}
+.eds-choice-chip__input:checked ~ .eds-chip {
+  background-color: #181c56;
+  border-color: #181c56;
+  color: #ffffff;
+}
+.eds-contrast .eds-choice-chip__input:checked ~ .eds-chip {
+  border-color: #aeb7e2;
+  background-color: #aeb7e2;
+  color: #181c56;
+}
+.eds-choice-chip__input:focus ~ .eds-chip {
+  outline: none;
+  box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
+  outline-offset: 0.125rem;
+}
+.eds-contrast .eds-choice-chip__input:focus ~ .eds-chip {
+  box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
+}
+.eds-choice-chip__input:not(:checked):not(:disabled):hover ~ .eds-chip {
+  border-color: #181c56;
+}
+.eds-contrast .eds-choice-chip__input:not(:checked):not(:disabled):hover ~ .eds-chip {
+  border-color: #ffffff;
+}
+.eds-choice-chip__input:checked:hover ~ .eds-chip {
+  background-color: #3b3e6f;
+  border-color: #3b3e6f;
+}
+.eds-contrast .eds-choice-chip__input:checked:hover ~ .eds-chip {
+  background-color: #bac2e6;
+  border-color: #bac2e6;
+}
+.eds-choice-chip__input:active ~ .eds-chip {
+  background-color: #d1d4e3;
+  border-color: #d1d4e3;
+}
+.eds-contrast .eds-choice-chip__input:active ~ .eds-chip {
+  background: #33376d;
+}
+.eds-choice-chip .eds-chip--disabled {
+  border-style: dashed;
+  cursor: not-allowed;
+}
+.eds-contrast .eds-choice-chip .eds-chip--disabled {
+  opacity: 1;
+  border-color: #8285a8;
+  color: #babbcf;
+}
+/* DO NOT CHANGE!*/
+/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 .eds-action-chip {
   cursor: pointer;
 }
@@ -112,13 +181,6 @@
 }
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-:where(.eds-choice-chips-group) {
-  display: flex;
-  row-gap: 0.5rem;
-  flex-wrap: wrap;
-}
-/* DO NOT CHANGE!*/
-/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 .eds-filter-chip {
   cursor: pointer;
   -webkit-user-select: none;
@@ -203,75 +265,13 @@
     stroke-dashoffset: 0;
   }
 }
+:root {
+  --eds-chip: 1;
+}
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-.eds-choice-chip {
-  cursor: pointer;
-  display: inline-block;
-  margin-right: 0.75rem;
-  position: relative;
-  transition: all 0.1s ease-out;
-}
-.eds-choice-chip__input {
-  -moz-appearance: none;
-       appearance: none;
-  height: 0;
-  position: absolute;
-  width: 0;
-  -webkit-appearance: none;
-}
-.eds-choice-chip__input ~ .eds-chip {
-  background-color: transparent;
-}
-.eds-contrast .eds-choice-chip__input ~ .eds-chip {
-  border-color: #aeb7e2;
-  color: #ffffff;
-}
-.eds-choice-chip__input:checked ~ .eds-chip {
-  background-color: #181c56;
-  border-color: #181c56;
-  color: #ffffff;
-}
-.eds-contrast .eds-choice-chip__input:checked ~ .eds-chip {
-  border-color: #aeb7e2;
-  background-color: #aeb7e2;
-  color: #181c56;
-}
-.eds-choice-chip__input:focus ~ .eds-chip {
-  outline: none;
-  box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
-  outline-offset: 0.125rem;
-}
-.eds-contrast .eds-choice-chip__input:focus ~ .eds-chip {
-  box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
-}
-.eds-choice-chip__input:not(:checked):not(:disabled):hover ~ .eds-chip {
-  border-color: #181c56;
-}
-.eds-contrast .eds-choice-chip__input:not(:checked):not(:disabled):hover ~ .eds-chip {
-  border-color: #ffffff;
-}
-.eds-choice-chip__input:checked:hover ~ .eds-chip {
-  background-color: #3b3e6f;
-  border-color: #3b3e6f;
-}
-.eds-contrast .eds-choice-chip__input:checked:hover ~ .eds-chip {
-  background-color: #bac2e6;
-  border-color: #bac2e6;
-}
-.eds-choice-chip__input:active ~ .eds-chip {
-  background-color: #d1d4e3;
-  border-color: #d1d4e3;
-}
-.eds-contrast .eds-choice-chip__input:active ~ .eds-chip {
-  background: #33376d;
-}
-.eds-choice-chip .eds-chip--disabled {
-  border-style: dashed;
-  cursor: not-allowed;
-}
-.eds-contrast .eds-choice-chip .eds-chip--disabled {
-  opacity: 1;
-  border-color: #8285a8;
-  color: #babbcf;
+:where(.eds-choice-chips-group) {
+  display: flex;
+  row-gap: 0.5rem;
+  flex-wrap: wrap;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@entur/chip",
-  "version": "0.6.44",
+  "version": "0.6.45",
   "license": "EUPL-1.2",
   "main": "dist/index.js",
   "module": "dist/chip.esm.js",
@@ -27,12 +27,12 @@
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
-    "@entur/form": "^7.0.16",
-    "@entur/icons": "^6.4.2",
-    "@entur/loader": "^0.4.38",
+    "@entur/form": "^7.0.17",
+    "@entur/icons": "^6.5.0",
+    "@entur/loader": "^0.4.39",
     "@entur/tokens": "^3.10.0",
-    "@entur/utils": "^0.9.4",
+    "@entur/utils": "^0.9.5",
     "classnames": "^2.3.1"
   },
-  "gitHead": "0da1a9e2532f60cc1a456a79ad3aa689514ca2c7"
+  "gitHead": "9b8d4e5d2e6f7a74256371e30ebef43e046c9338"
 }