@entur/chip 0.9.1-beta.3 → 0.9.1-beta.4

package/dist/chip.esm.js

@@ -1,235 +1,226 @@
-import { warnAboutMissingStyles } from "@entur/utils";
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import React from "react";
-import cx from "classnames";
-import { LoadingDots } from "@entur/loader";
-import { CloseSmallIcon } from "@entur/icons";
-import { Fieldset } from "@entur/form";
-const ChoiceChipGroupContext = React.createContext(null);
-const ChoiceChipGroupContextProvider = ChoiceChipGroupContext.Provider;
-const useChoiceChipGroupContext = () => {
-  const context = React.useContext(ChoiceChipGroupContext);
+import { warnAboutMissingStyles } from '@entur/utils';
+import React from 'react';
+import cx from 'classnames';
+import { LoadingDots } from '@entur/loader';
+import { CloseSmallIcon } from '@entur/icons';
+import { Fieldset } from '@entur/form';
+
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (-1 !== e.indexOf(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
+
+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"
-    );
+    throw new Error('You need to wrap your ChoiceChips in a ChoiceChipGroup-component');
   }
   return context;
 };
-const ChoiceChip = React.forwardRef(
-  ({
-    className,
-    children,
-    value,
-    disabled = false,
-    style,
-    size = "medium",
-    ...rest
-  }, ref) => {
-    const childrenArray = React.Children.toArray(children);
-    const hasLeadingIcon = childrenArray.length > 1 && typeof childrenArray[0] !== "string";
-    const hasTrailingIcon = childrenArray.length > 1 && typeof childrenArray[childrenArray.length - 1] !== "string";
-    const classList = cx(className, "eds-chip", `eds-chip--size-${size}`, {
-      "eds-chip--disabled": disabled,
-      "eds-chip--leading-icon": hasLeadingIcon,
-      "eds-chip--trailing-icon": hasTrailingIcon
-    });
-    const {
-      name,
-      value: selectedValue,
-      onChange
-    } = useChoiceChipGroupContext();
-    return /* @__PURE__ */ jsxs("label", { className: "eds-choice-chip", style, children: [
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          className: "eds-choice-chip__input",
-          type: "radio",
-          name,
-          ref,
-          value,
-          disabled,
-          checked: selectedValue === value,
-          onChange,
-          "aria-disabled": disabled,
-          ...rest
-        }
-      ),
-      /* @__PURE__ */ jsx("div", { className: classList, children })
-    ] });
-  }
-);
-const ActionChip = React.forwardRef(
-  ({ children, className, loading = false, size = "medium", ...rest }, ref) => {
-    const childrenArray = React.Children.toArray(children);
-    const hasLeadingIcon = childrenArray.length > 1 && typeof childrenArray[0] !== "string";
-    const hasTrailingIcon = childrenArray.length > 1 && typeof childrenArray[childrenArray.length - 1] !== "string";
-    const ariaLabelValue = () => {
-      if (rest["aria-label"]) return rest["aria-label"];
-      if (loading) return ariaLabelWhenLoading;
-      return void 0;
-    };
-    const ariaLabelWhenLoading = childrenArray.filter((child) => typeof child === "string").join(" ");
-    const classList = cx(
-      className,
-      "eds-chip",
-      "eds-action-chip",
-      `eds-chip--size-${size}`,
-      {
-        "eds-chip--leading-icon": hasLeadingIcon,
-        "eds-chip--trailing-icon": hasTrailingIcon,
-        "eds-action-chip--disabled": rest.disabled
-      }
-    );
-    const actionChip = /* @__PURE__ */ jsx(
-      "button",
-      {
-        className: classList,
-        ref,
-        "aria-busy": loading,
-        "aria-label": ariaLabelValue(),
-        type: "button",
-        ...rest,
-        children: loading ? /* @__PURE__ */ jsx(LoadingDots, { className: "eds-action-chip__loading-dots" }) : children
-      }
-    );
-    if (rest.disabled) {
-      return /* @__PURE__ */ jsx("div", { className: "eds-action-chip--disabled__wrapper", children: actionChip });
-    }
-    return /* @__PURE__ */ jsx(Fragment, { children: actionChip });
+
+var _excluded$4 = ["className", "children", "value", "disabled", "style", "size"];
+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,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'medium' : _ref$size,
+    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';
+  var classList = cx(className, 'eds-chip', "eds-chip--size-" + size, {
+    'eds-chip--disabled': disabled,
+    'eds-chip--leading-icon': hasLeadingIcon,
+    'eds-chip--trailing-icon': hasTrailingIcon
+  });
+  var _useChoiceChipGroupCo = useChoiceChipGroupContext(),
+    name = _useChoiceChipGroupCo.name,
+    selectedValue = _useChoiceChipGroupCo.value,
+    onChange = _useChoiceChipGroupCo.onChange;
+  return React.createElement("label", {
+    className: "eds-choice-chip",
+    style: style
+  }, React.createElement("input", _extends({
+    className: "eds-choice-chip__input",
+    type: "radio",
+    name: name,
+    ref: ref,
+    value: value,
+    disabled: disabled,
+    checked: selectedValue === value,
+    onChange: onChange,
+    "aria-disabled": disabled
+  }, rest)), React.createElement("div", {
+    className: classList
+  }, children));
+});
+
+var _excluded$3 = ["children", "className", "loading", "size"];
+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,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'medium' : _ref$size,
+    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(' ');
+  var classList = cx(className, 'eds-chip', 'eds-action-chip', "eds-chip--size-" + size, {
+    'eds-chip--leading-icon': hasLeadingIcon,
+    'eds-chip--trailing-icon': hasTrailingIcon,
+    'eds-action-chip--disabled': rest.disabled
+  });
+  var actionChip = React.createElement("button", _extends({
+    className: classList,
+    ref: ref,
+    "aria-busy": loading,
+    "aria-label": ariaLabelValue(),
+    type: "button"
+  }, 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);
   }
-);
-const TagChip = React.forwardRef(
-  ({
-    children,
-    className,
-    onClose,
-    closeButtonAriaLabel,
-    size = "medium",
-    ...rest
-  }, ref) => {
-    const childrenArray = React.Children.toArray(children);
-    const hasLeadingIcon = childrenArray.length > 1 && typeof childrenArray[0] !== "string";
-    const hasTrailingIcon = childrenArray.length > 1 && typeof childrenArray[childrenArray.length - 1] !== "string";
-    const selectedCloseLabel = closeButtonAriaLabel ?? "Fjern " + children?.toString();
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: cx(
-          "eds-chip",
-          "eds-tag-chip",
-          `eds-chip--size-${size}`,
-          className,
-          {
-            "eds-chip--leading-icon": hasLeadingIcon,
-            "eds-chip--trailing-icon": hasTrailingIcon
-          }
-        ),
-        ...rest,
-        children: [
-          children,
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              className: "eds-tag-chip__close-button",
-              type: "button",
-              onClick: onClose,
-              "aria-label": selectedCloseLabel,
-              ref,
-              children: /* @__PURE__ */ jsx(CloseSmallIcon, { "aria-hidden": true })
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-const FilterChip = React.forwardRef(
-  ({
-    className,
-    children,
-    value,
-    disabled = false,
-    name,
-    style,
-    size = "medium",
-    ...rest
-  }, ref) => {
-    const childrenArray = React.Children.toArray(children);
-    const hasLeadingIcon = childrenArray.length > 1 && typeof childrenArray[0] !== "string";
-    const hasTrailingIcon = childrenArray.length > 1 && typeof childrenArray[childrenArray.length - 1] !== "string";
-    const classList = cx(className, "eds-filter-chip");
-    return /* @__PURE__ */ jsxs("label", { className: classList, style, children: [
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          className: "eds-filter-chip__input",
-          type: "checkbox",
-          name,
-          ref,
-          value,
-          disabled,
-          ...rest
-        }
-      ),
-      /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: cx("eds-chip", `eds-chip--size-${size}`, {
-            "eds-chip--leading-icon": hasLeadingIcon,
-            "eds-chip--trailing-icon": hasTrailingIcon
-          }),
-          children: [
-            /* @__PURE__ */ jsx("span", { className: "eds-filter-chip__icon", children: /* @__PURE__ */ jsx(CheckboxIcon, {}) }),
-            children
-          ]
-        }
-      )
-    ] });
-  }
-);
-const CheckboxIcon = () => {
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      className: "eds-filter-chip-icon",
-      width: "16",
-      height: "16",
-      viewBox: "0 0 16 16",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ jsx(
-        "path",
-        {
-          className: "eds-filter-chip-icon__path",
-          d: "M1.71283 7.10801L5.6464 11.1377C5.84098 11.3371 6.16095 11.339 6.35786 11.1419L14.2916 3.20325",
-          stroke: "#181C56",
-          strokeWidth: "2"
-        }
-      )
-    }
-  );
+  return React.createElement(React.Fragment, null, actionChip);
+});
+
+var _excluded$2 = ["children", "className", "onClose", "closeButtonAriaLabel", "size"];
+var TagChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    onClose = _ref.onClose,
+    closeButtonAriaLabel = _ref.closeButtonAriaLabel,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'medium' : _ref$size,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+  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 selectedCloseLabel = closeButtonAriaLabel != null ? closeButtonAriaLabel : 'Fjern ' + (children == null ? void 0 : children.toString());
+  return React.createElement("div", _extends({
+    className: cx('eds-chip', 'eds-tag-chip', "eds-chip--size-" + size, className, {
+      'eds-chip--leading-icon': hasLeadingIcon,
+      'eds-chip--trailing-icon': hasTrailingIcon
+    })
+  }, rest), children, React.createElement("button", {
+    className: "eds-tag-chip__close-button",
+    type: "button",
+    onClick: onClose,
+    "aria-label": selectedCloseLabel,
+    ref: ref
+  }, React.createElement(CloseSmallIcon, {
+    "aria-hidden": true
+  })));
+});
+
+var _excluded$1 = ["className", "children", "value", "disabled", "name", "style", "size"];
+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,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'medium' : _ref$size,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
+  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 classList = cx(className, 'eds-filter-chip');
+  return React.createElement("label", {
+    className: classList,
+    style: style
+  }, React.createElement("input", _extends({
+    className: "eds-filter-chip__input",
+    type: "checkbox",
+    name: name,
+    ref: ref,
+    value: value,
+    disabled: disabled
+  }, rest)), React.createElement("div", {
+    className: cx('eds-chip', "eds-chip--size-" + size, {
+      'eds-chip--leading-icon': hasLeadingIcon,
+      'eds-chip--trailing-icon': hasTrailingIcon
+    })
+  }, React.createElement("span", {
+    className: "eds-filter-chip__icon"
+  }, React.createElement(CheckboxIcon, null)), children));
+});
+var CheckboxIcon = function CheckboxIcon() {
+  return React.createElement("svg", {
+    className: "eds-filter-chip-icon",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, React.createElement("path", {
+    className: "eds-filter-chip-icon__path",
+    d: "M1.71283 7.10801L5.6464 11.1377C5.84098 11.3371 6.16095 11.339 6.35786 11.1419L14.2916 3.20325",
+    stroke: "#181C56",
+    strokeWidth: "2"
+  }));
 };
-const ChoiceChipGroup = ({
-  name,
-  value,
-  children,
-  onChange,
-  label,
-  ...rest
-}) => {
-  const contextValue = React.useMemo(
-    () => ({ name, value, onChange }),
-    [name, value, onChange]
-  );
-  return /* @__PURE__ */ jsx(ChoiceChipGroupContextProvider, { value: contextValue, children: /* @__PURE__ */ jsx(Fieldset, { className: "eds-choice-chips-group", label, ...rest, children }) });
-};
-warnAboutMissingStyles("chip", "form");
-export {
-  ActionChip,
-  ChoiceChip,
-  ChoiceChipGroup,
-  FilterChip,
-  TagChip
+
+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);
+  var contextValue = React.useMemo(function () {
+    return {
+      name: name,
+      value: value,
+      onChange: onChange
+    };
+  }, [name, value, onChange]);
+  return React.createElement(ChoiceChipGroupContextProvider, {
+    value: contextValue
+  }, React.createElement(Fieldset, _extends({
+    className: "eds-choice-chips-group",
+    label: label
+  }, rest), children));
 };
+
+warnAboutMissingStyles('chip', 'form');
+
+export { ActionChip, ChoiceChip, ChoiceChipGroup, FilterChip, TagChip };
 //# sourceMappingURL=chip.esm.js.map

package/dist/chip.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"chip.esm.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  /** Størrelsen på chip\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium';\n} & Omit<\n  React.DetailedHTMLProps<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    HTMLInputElement\n  >,\n  'value' | 'size'\n>;\n\nexport const ChoiceChip = React.forwardRef<HTMLInputElement, ChoiceChipProps>(\n  (\n    {\n      className,\n      children,\n      value,\n      disabled = false,\n      style,\n      size = 'medium',\n      ...rest\n    },\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', `eds-chip--size-${size}`, {\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          aria-disabled={disabled}\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  /** Størrelsen på chip\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium';\n} & React.DetailedHTMLProps<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  HTMLButtonElement\n>;\n\nexport const ActionChip = React.forwardRef<HTMLButtonElement, ActionChipProps>(\n  (\n    { children, className, loading = false, size = 'medium', ...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 classList = classNames(\n      className,\n      'eds-chip',\n      'eds-action-chip',\n      `eds-chip--size-${size}`,\n      {\n        'eds-chip--leading-icon': hasLeadingIcon,\n        'eds-chip--trailing-icon': hasTrailingIcon,\n        'eds-action-chip--disabled': rest.disabled,\n      },\n    );\n\n    const actionChip = (\n      <button\n        className={classList}\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 { CloseSmallIcon } 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  /** Størrelsen på chip\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium';\n};\n\nexport const TagChip = React.forwardRef<HTMLButtonElement, TagChipProps>(\n  (\n    {\n      children,\n      className,\n      onClose,\n      closeButtonAriaLabel,\n      size = 'medium',\n      ...rest\n    },\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 selectedCloseLabel =\n      closeButtonAriaLabel ?? 'Fjern ' + children?.toString();\n\n    return (\n      <div\n        className={classNames(\n          'eds-chip',\n          'eds-tag-chip',\n          `eds-chip--size-${size}`,\n          className,\n          {\n            'eds-chip--leading-icon': hasLeadingIcon,\n            'eds-chip--trailing-icon': hasTrailingIcon,\n          },\n        )}\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          <CloseSmallIcon 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  /** Størrelsen på chip\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium';\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'size'>;\n\nexport const FilterChip = React.forwardRef<HTMLInputElement, FilterChipProps>(\n  (\n    {\n      className,\n      children,\n      value,\n      disabled = false,\n      name,\n      style,\n      size = 'medium',\n      ...rest\n    },\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-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        <div\n          className={cx('eds-chip', `eds-chip--size-${size}`, {\n            'eds-chip--leading-icon': hasLeadingIcon,\n            'eds-chip--trailing-icon': hasTrailingIcon,\n          })}\n        >\n          <span className=\"eds-filter-chip__icon\">\n            <CheckboxIcon />\n          </span>\n          {children}\n        </div>\n      </label>\n    );\n  },\n);\n\nconst CheckboxIcon: React.FC = () => {\n  return (\n    <svg\n      className=\"eds-filter-chip-icon\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        className=\"eds-filter-chip-icon__path\"\n        d=\"M1.71283 7.10801L5.6464 11.1377C5.84098 11.3371 6.16095 11.339 6.35786 11.1419L14.2916 3.20325\"\n        stroke=\"#181C56\"\n        strokeWidth=\"2\"\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":["classNames"],"mappings":"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"}
+{"version":3,"file":"chip.esm.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  /** Størrelsen på chip\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium';\n} & Omit<\n  React.DetailedHTMLProps<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    HTMLInputElement\n  >,\n  'value' | 'size'\n>;\n\nexport const ChoiceChip = React.forwardRef<HTMLInputElement, ChoiceChipProps>(\n  (\n    {\n      className,\n      children,\n      value,\n      disabled = false,\n      style,\n      size = 'medium',\n      ...rest\n    },\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', `eds-chip--size-${size}`, {\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          aria-disabled={disabled}\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  /** Størrelsen på chip\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium';\n} & React.DetailedHTMLProps<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  HTMLButtonElement\n>;\n\nexport const ActionChip = React.forwardRef<HTMLButtonElement, ActionChipProps>(\n  (\n    { children, className, loading = false, size = 'medium', ...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 classList = classNames(\n      className,\n      'eds-chip',\n      'eds-action-chip',\n      `eds-chip--size-${size}`,\n      {\n        'eds-chip--leading-icon': hasLeadingIcon,\n        'eds-chip--trailing-icon': hasTrailingIcon,\n        'eds-action-chip--disabled': rest.disabled,\n      },\n    );\n\n    const actionChip = (\n      <button\n        className={classList}\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 { CloseSmallIcon } 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  /** Størrelsen på chip\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium';\n};\n\nexport const TagChip = React.forwardRef<HTMLButtonElement, TagChipProps>(\n  (\n    {\n      children,\n      className,\n      onClose,\n      closeButtonAriaLabel,\n      size = 'medium',\n      ...rest\n    },\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 selectedCloseLabel =\n      closeButtonAriaLabel ?? 'Fjern ' + children?.toString();\n\n    return (\n      <div\n        className={classNames(\n          'eds-chip',\n          'eds-tag-chip',\n          `eds-chip--size-${size}`,\n          className,\n          {\n            'eds-chip--leading-icon': hasLeadingIcon,\n            'eds-chip--trailing-icon': hasTrailingIcon,\n          },\n        )}\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          <CloseSmallIcon 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  /** Størrelsen på chip\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium';\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'size'>;\n\nexport const FilterChip = React.forwardRef<HTMLInputElement, FilterChipProps>(\n  (\n    {\n      className,\n      children,\n      value,\n      disabled = false,\n      name,\n      style,\n      size = 'medium',\n      ...rest\n    },\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-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        <div\n          className={cx('eds-chip', `eds-chip--size-${size}`, {\n            'eds-chip--leading-icon': hasLeadingIcon,\n            'eds-chip--trailing-icon': hasTrailingIcon,\n          })}\n        >\n          <span className=\"eds-filter-chip__icon\">\n            <CheckboxIcon />\n          </span>\n          {children}\n        </div>\n      </label>\n    );\n  },\n);\n\nconst CheckboxIcon: React.FC = () => {\n  return (\n    <svg\n      className=\"eds-filter-chip-icon\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        className=\"eds-filter-chip-icon__path\"\n        d=\"M1.71283 7.10801L5.6464 11.1377C5.84098 11.3371 6.16095 11.339 6.35786 11.1419L14.2916 3.20325\"\n        stroke=\"#181C56\"\n        strokeWidth=\"2\"\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","ref","className","children","value","_ref$disabled","disabled","style","_ref$size","size","rest","_objectWithoutPropertiesLoose","_excluded","childrenArray","Children","toArray","hasLeadingIcon","length","hasTrailingIcon","classList","cx","_useChoiceChipGroupCo","name","selectedValue","onChange","createElement","_extends","type","checked","ActionChip","_ref$loading","loading","ariaLabelValue","ariaLabelWhenLoading","undefined","filter","child","join","classNames","actionChip","LoadingDots","Fragment","TagChip","onClose","closeButtonAriaLabel","selectedCloseLabel","toString","onClick","CloseSmallIcon","FilterChip","CheckboxIcon","width","height","viewBox","fill","xmlns","d","stroke","strokeWidth","ChoiceChipGroup","label","contextValue","useMemo","Fieldset","warnAboutMissingStyles"],"mappings":"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"}