@entur/chip 0.8.12 → 0.9.1-beta.0

package/package.json

@@ -1,10 +1,18 @@
 {
   "name": "@entur/chip",
-  "version": "0.8.12",
+  "version": "0.9.1-beta.0",
   "license": "EUPL-1.2",
-  "main": "dist/index.js",
+  "main": "dist/chip.cjs.js",
   "module": "dist/chip.esm.js",
-  "typings": "dist/index.d.ts",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/chip.esm.js",
+      "require": "./dist/chip.cjs.js"
+    },
+    "./dist/*": "./dist/*"
+  },
   "files": [
     "dist"
   ],
@@ -17,25 +25,35 @@
     "access": "public"
   },
   "scripts": {
-    "start": "dts watch --noClean",
-    "build": "dts build",
-    "test": "dts test",
-    "lint": "dts lint src"
+    "start": "vite build --watch",
+    "build": "vite build",
+    "test": "jest",
+    "lint": "eslint src"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
-    "@entur/form": "^8.3.0",
-    "@entur/icons": "^8.0.0",
-    "@entur/loader": "^0.5.29",
-    "@entur/tokens": "^3.19.1",
-    "@entur/utils": "^0.12.3",
-    "classnames": "^2.3.1"
+    "@entur/form": "^8.3.2-beta.0",
+    "@entur/icons": "^8.0.1-beta.0",
+    "@entur/loader": "^0.5.30-beta.0",
+    "@entur/tokens": "^3.19.2-beta.0",
+    "@entur/utils": "^0.12.4-beta.0",
+    "classnames": "^2.5.1"
   },
   "devDependencies": {
-    "dts-cli": "2.0.5"
+    "@testing-library/jest-dom": "^5.17.0",
+    "@testing-library/react": "^10.4.9",
+    "@testing-library/user-event": "14.6.1",
+    "@vitejs/plugin-react": "^5.0.1",
+    "eslint": "^7.32.0",
+    "jest": "^29.0.0",
+    "jest-environment-jsdom": "^29.0.0",
+    "ts-jest": "^29.0.0",
+    "typescript": "^5.9.2",
+    "vite": "^7.1.3",
+    "vite-plugin-dts": "^4.5.4"
   },
-  "gitHead": "4833d9307ba9b2524458c08e8815674094cef97b"
+  "gitHead": "414181fa2084722438238256a9aa32e304896b9d"
 }

package/dist/ActionChip.d.ts

@@ -1,18 +0,0 @@
-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;
-    /** Størrelsen på chip
-     * @default 'medium'
-     */
-    size?: 'small' | 'medium';
-} & React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
-export declare const ActionChip: React.ForwardRefExoticComponent<Omit<ActionChipProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/ChoiceChip.d.ts

@@ -1,20 +0,0 @@
-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;
-    /** Størrelsen på chip
-     * @default 'medium'
-     */
-    size?: 'small' | 'medium';
-} & Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'value' | 'size'>;
-export declare const ChoiceChip: React.ForwardRefExoticComponent<Omit<ChoiceChipProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/ChoiceChipGroup.d.ts

@@ -1,16 +0,0 @@
-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 +0,0 @@
-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,27 +0,0 @@
-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;
-    /** Størrelsen på chip
-     * @default 'medium'
-     */
-    size?: 'small' | 'medium';
-} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'size'>;
-export declare const FilterChip: React.ForwardRefExoticComponent<{
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Label til FilterChip */
-    children?: React.ReactNode;
-    /** Verdien til FilterChip */
-    value: string;
-    /** Størrelsen på chip
-     * @default 'medium'
-     */
-    size?: "small" | "medium";
-} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "size"> & React.RefAttributes<HTMLInputElement>>;

package/dist/TagChip.d.ts

@@ -1,18 +0,0 @@
-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;
-    /** Størrelsen på chip
-     * @default 'medium'
-     */
-    size?: 'small' | 'medium';
-};
-export declare const TagChip: React.ForwardRefExoticComponent<TagChipProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/chip.cjs.development.js

@@ -1,230 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var utils = require('@entur/utils');
-var React = require('react');
-var classNames = require('classnames');
-var loader = require('@entur/loader');
-var icons = require('@entur/icons');
-var form = require('@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 (e.includes(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');
-  }
-  return context;
-};
-
-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 isIcon = function isIcon(child) {
-    var _child$type;
-    return child == null || (_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(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 isIcon = function isIcon(child) {
-    var _child$type;
-    return child == null || (_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 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 = classNames(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(loader.LoadingDots, {
-    className: "eds-action-chip__loading-dots"
-  }) : children);
-  if (rest.disabled) {
-    return React.createElement("div", {
-      className: "eds-action-chip--disabled__wrapper"
-    }, actionChip);
-  }
-  return React.createElement(React.Fragment, null, actionChip);
-});
-
-var _excluded$2 = ["children", "className", "onClose", "closeButtonAriaLabel", "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 selectedCloseLabel = closeButtonAriaLabel != null ? closeButtonAriaLabel : 'Fjern ' + (children == null ? void 0 : children.toString());
-  return React.createElement("div", _extends({
-    className: classNames('eds-chip', 'eds-tag-chip', "eds-chip--size-" + size, className)
-  }, rest), children, React.createElement("button", {
-    className: "eds-tag-chip__close-button",
-    type: "button",
-    onClick: onClose,
-    "aria-label": selectedCloseLabel,
-    ref: ref
-  }, React.createElement(icons.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 classList = classNames(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: "eds-chip " + (size ? "eds-chip--size-" + size : '')
-  }, 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"
-  }));
-};
-
-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(form.Fieldset, _extends({
-    className: "eds-choice-chips-group",
-    label: label
-  }, rest), children));
-};
-
-utils.warnAboutMissingStyles('chip', 'form');
-
-exports.ActionChip = ActionChip;
-exports.ChoiceChip = ChoiceChip;
-exports.ChoiceChipGroup = ChoiceChipGroup;
-exports.FilterChip = FilterChip;
-exports.TagChip = TagChip;
-//# sourceMappingURL=chip.cjs.development.js.map

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

@@ -1 +0,0 @@
-{"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  /** 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 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', `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 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 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 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        {...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 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 className={`eds-chip ${size ? `eds-chip--size-${size}` : ''}`}>\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","isIcon","child","_child$type","type","toString","toLowerCase","includes","hasLeadingIcon","length","at","hasTrailingIcon","classList","cx","_useChoiceChipGroupCo","name","selectedValue","onChange","createElement","_extends","checked","ActionChip","_ref$loading","loading","ariaLabelValue","ariaLabelWhenLoading","undefined","filter","join","classNames","actionChip","LoadingDots","Fragment","TagChip","onClose","closeButtonAriaLabel","selectedCloseLabel","onClick","CloseSmallIcon","FilterChip","CheckboxIcon","width","height","viewBox","fill","xmlns","d","stroke","strokeWidth","ChoiceChipGroup","label","contextValue","useMemo","Fieldset","warnAboutMissingStyles"],"mappings":"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"}

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

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

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

@@ -1 +0,0 @@
-{"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  /** 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 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', `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 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 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 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        {...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 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 className={`eds-chip ${size ? `eds-chip--size-${size}` : ''}`}>\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 { 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","ref","className","children","value","_ref$disabled","disabled","style","_ref$size","size","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","classNames","actionChip","LoadingDots","Fragment","TagChip","onClose","closeButtonAriaLabel","selectedCloseLabel","onClick","CloseSmallIcon","FilterChip","CheckboxIcon","width","height","viewBox","fill","xmlns","d","stroke","strokeWidth","warnAboutMissingStyles","label","contextValue","useMemo","Fieldset"],"mappings":"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"}

package/dist/index.js

@@ -1,8 +0,0 @@
-
-'use strict'
-
-if (process.env.NODE_ENV === 'production') {
-  module.exports = require('./chip.cjs.production.min.js')
-} else {
-  module.exports = require('./chip.cjs.development.js')
-}