@entur/chip 0.9.0 → 0.9.1-beta.1

package/dist/chip.cjs.js

@@ -0,0 +1,235 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const utils = require("@entur/utils");
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const cx = require("classnames");
+const loader = require("@entur/loader");
+const icons = require("@entur/icons");
+const form = require("@entur/form");
+const ChoiceChipGroupContext = React.createContext(null);
+const ChoiceChipGroupContextProvider = ChoiceChipGroupContext.Provider;
+const useChoiceChipGroupContext = () => {
+  const context = React.useContext(ChoiceChipGroupContext);
+  if (!context) {
+    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__ */ jsxRuntime.jsxs("label", { className: "eds-choice-chip", style, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          className: "eds-choice-chip__input",
+          type: "radio",
+          name,
+          ref,
+          value,
+          disabled,
+          checked: selectedValue === value,
+          onChange,
+          "aria-disabled": disabled,
+          ...rest
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+      "button",
+      {
+        className: classList,
+        ref,
+        "aria-busy": loading,
+        "aria-label": ariaLabelValue(),
+        type: "button",
+        ...rest,
+        children: loading ? /* @__PURE__ */ jsxRuntime.jsx(loader.LoadingDots, { className: "eds-action-chip__loading-dots" }) : children
+      }
+    );
+    if (rest.disabled) {
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "eds-action-chip--disabled__wrapper", children: actionChip });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: 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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+            "button",
+            {
+              className: "eds-tag-chip__close-button",
+              type: "button",
+              onClick: onClose,
+              "aria-label": selectedCloseLabel,
+              ref,
+              children: /* @__PURE__ */ jsxRuntime.jsx(icons.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__ */ jsxRuntime.jsxs("label", { className: classList, style, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          className: "eds-filter-chip__input",
+          type: "checkbox",
+          name,
+          ref,
+          value,
+          disabled,
+          ...rest
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: cx("eds-chip", `eds-chip--size-${size}`, {
+            "eds-chip--leading-icon": hasLeadingIcon,
+            "eds-chip--trailing-icon": hasTrailingIcon
+          }),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "eds-filter-chip__icon", children: /* @__PURE__ */ jsxRuntime.jsx(CheckboxIcon, {}) }),
+            children
+          ]
+        }
+      )
+    ] });
+  }
+);
+const CheckboxIcon = () => {
+  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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"
+        }
+      )
+    }
+  );
+};
+const ChoiceChipGroup = ({
+  name,
+  value,
+  children,
+  onChange,
+  label,
+  ...rest
+}) => {
+  const contextValue = React.useMemo(
+    () => ({ name, value, onChange }),
+    [name, value, onChange]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(ChoiceChipGroupContextProvider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(form.Fieldset, { className: "eds-choice-chips-group", 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.js.map

package/dist/chip.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip.cjs.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":["jsxs","jsx","classNames","LoadingDots","CloseSmallIcon","Fieldset","warnAboutMissingStyles"],"mappings":"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"}