@entur/chip 0.7.26-alpha.0 → 0.7.27-RC.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/dist/FilterChip.d.ts +2 -2
- package/dist/chip.cjs.development.js +15 -23
- package/dist/chip.cjs.development.js.map +1 -1
- package/dist/chip.cjs.production.min.js +1 -1
- package/dist/chip.cjs.production.min.js.map +1 -1
- package/dist/chip.esm.js +15 -23
- package/dist/chip.esm.js.map +1 -1
- package/dist/styles.css +7 -7
- package/package.json +10 -7
package/README.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
This package contains the different chip components.
|
|
4
4
|
|
|
5
|
-
> 💡 Looking for the [documentation](https://design.entur.no/komponenter/skjemaelementer/
|
|
5
|
+
> 💡 Looking for the [documentation](https://design.entur.no/komponenter/skjemaelementer/chip)?
|
|
6
6
|
|
|
7
7
|
## Installation
|
|
8
8
|
|
|
@@ -14,4 +14,4 @@ yarn add @entur/chip
|
|
|
14
14
|
|
|
15
15
|
## Usage
|
|
16
16
|
|
|
17
|
-
Please refer to the [documentation](https://design.entur.no/komponenter/skjemaelementer/
|
|
17
|
+
Please refer to the [documentation](https://design.entur.no/komponenter/skjemaelementer/chip) for usage information.
|
package/dist/FilterChip.d.ts
CHANGED
|
@@ -15,7 +15,7 @@ export type FilterChipProps = {
|
|
|
15
15
|
} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'size'>;
|
|
16
16
|
export declare const FilterChip: React.ForwardRefExoticComponent<{
|
|
17
17
|
/** Ekstra klassenavn */
|
|
18
|
-
className?: string
|
|
18
|
+
className?: string;
|
|
19
19
|
/** Label til FilterChip */
|
|
20
20
|
children?: React.ReactNode;
|
|
21
21
|
/** Verdien til FilterChip */
|
|
@@ -23,5 +23,5 @@ export declare const FilterChip: React.ForwardRefExoticComponent<{
|
|
|
23
23
|
/** Størrelsen på chip
|
|
24
24
|
* @default 'medium'
|
|
25
25
|
*/
|
|
26
|
-
size?: "small" | "medium"
|
|
26
|
+
size?: "small" | "medium";
|
|
27
27
|
} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "size"> & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -10,30 +10,22 @@ var icons = require('@entur/icons');
|
|
|
10
10
|
var form = require('@entur/form');
|
|
11
11
|
|
|
12
12
|
function _extends() {
|
|
13
|
-
_extends = Object.assign ? Object.assign.bind() : function (
|
|
14
|
-
for (var
|
|
15
|
-
var
|
|
16
|
-
for (var
|
|
17
|
-
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
18
|
-
target[key] = source[key];
|
|
19
|
-
}
|
|
20
|
-
}
|
|
13
|
+
return _extends = Object.assign ? Object.assign.bind() : function (n) {
|
|
14
|
+
for (var e = 1; e < arguments.length; e++) {
|
|
15
|
+
var t = arguments[e];
|
|
16
|
+
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
|
|
21
17
|
}
|
|
22
|
-
return
|
|
23
|
-
};
|
|
24
|
-
return _extends.apply(this, arguments);
|
|
18
|
+
return n;
|
|
19
|
+
}, _extends.apply(null, arguments);
|
|
25
20
|
}
|
|
26
|
-
function _objectWithoutPropertiesLoose(
|
|
27
|
-
if (
|
|
28
|
-
var
|
|
29
|
-
var
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
key = sourceKeys[i];
|
|
33
|
-
if (excluded.indexOf(key) >= 0) continue;
|
|
34
|
-
target[key] = source[key];
|
|
21
|
+
function _objectWithoutPropertiesLoose(r, e) {
|
|
22
|
+
if (null == r) return {};
|
|
23
|
+
var t = {};
|
|
24
|
+
for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
|
|
25
|
+
if (e.includes(n)) continue;
|
|
26
|
+
t[n] = r[n];
|
|
35
27
|
}
|
|
36
|
-
return
|
|
28
|
+
return t;
|
|
37
29
|
}
|
|
38
30
|
|
|
39
31
|
var ChoiceChipGroupContext = /*#__PURE__*/React.createContext(null);
|
|
@@ -60,7 +52,7 @@ var ChoiceChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
60
52
|
var childrenArray = React.Children.toArray(children);
|
|
61
53
|
var isIcon = function isIcon(child) {
|
|
62
54
|
var _child$type;
|
|
63
|
-
return child == null
|
|
55
|
+
return child == null || (_child$type = child.type) == null ? void 0 : _child$type.toString().toLowerCase().includes('icon');
|
|
64
56
|
};
|
|
65
57
|
var hasLeadingIcon = childrenArray.length > 1 && isIcon(childrenArray.at(0));
|
|
66
58
|
var hasTrailingIcon = childrenArray.length > 1 && isIcon(childrenArray.at(-1));
|
|
@@ -103,7 +95,7 @@ var ActionChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
103
95
|
var childrenArray = React.Children.toArray(children);
|
|
104
96
|
var isIcon = function isIcon(child) {
|
|
105
97
|
var _child$type;
|
|
106
|
-
return child == null
|
|
98
|
+
return child == null || (_child$type = child.type) == null ? void 0 : _child$type.toString().toLowerCase().includes('icon');
|
|
107
99
|
};
|
|
108
100
|
var hasLeadingIcon = childrenArray.length > 1 && isIcon(childrenArray.at(0));
|
|
109
101
|
var hasTrailingIcon = childrenArray.length > 1 && isIcon(childrenArray.at(-1));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chip.cjs.development.js","sources":["../src/ChoiceChipGroupContext.tsx","../src/ChoiceChip.tsx","../src/ActionChip.tsx","../src/TagChip.tsx","../src/FilterChip.tsx","../src/ChoiceChipGroup.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\n\ntype ChoiceChipGroupContextProps = {\n name: string;\n onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n value: string | null;\n};\n\nconst ChoiceChipGroupContext =\n React.createContext<ChoiceChipGroupContextProps | null>(null);\n\nexport const ChoiceChipGroupContextProvider = ChoiceChipGroupContext.Provider;\n\nexport const useChoiceChipGroupContext: () => ChoiceChipGroupContextProps =\n () => {\n const context = React.useContext(ChoiceChipGroupContext);\n if (!context) {\n throw new Error(\n 'You need to wrap your ChoiceChips in a ChoiceChipGroup-component',\n );\n }\n return context;\n };\n","import React from 'react';\nimport cx from 'classnames';\nimport { useChoiceChipGroupContext } from './ChoiceChipGroupContext';\nimport './BaseChip.scss';\nimport './ChoiceChip.scss';\n\nexport type ChoiceChipProps = {\n /** Ekstra klassenavn */\n className?: string;\n /** Om Choicechip er deaktivert eller ikke\n * @default false\n */\n disabled?: boolean;\n /** Label til ChoiceChip */\n children?: React.ReactNode;\n /** Verdien til ChoiceChip */\n value: string;\n /** 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","className","children","value","disabled","style","size","rest","_excluded","childrenArray","Children","toArray","isIcon","child","type","toString","toLowerCase","includes","hasLeadingIcon","length","at","hasTrailingIcon","classList","cx","name","selectedValue","onChange","createElement","checked","ActionChip","loading","ariaLabelValue","ariaLabelWhenLoading","undefined","filter","join","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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"}
|
|
1
|
+
{"version":3,"file":"chip.cjs.development.js","sources":["../src/ChoiceChipGroupContext.tsx","../src/ChoiceChip.tsx","../src/ActionChip.tsx","../src/TagChip.tsx","../src/FilterChip.tsx","../src/ChoiceChipGroup.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\n\ntype ChoiceChipGroupContextProps = {\n name: string;\n onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n value: string | null;\n};\n\nconst ChoiceChipGroupContext =\n React.createContext<ChoiceChipGroupContextProps | null>(null);\n\nexport const ChoiceChipGroupContextProvider = ChoiceChipGroupContext.Provider;\n\nexport const useChoiceChipGroupContext: () => ChoiceChipGroupContextProps =\n () => {\n const context = React.useContext(ChoiceChipGroupContext);\n if (!context) {\n throw new Error(\n 'You need to wrap your ChoiceChips in a ChoiceChipGroup-component',\n );\n }\n return context;\n };\n","import React from 'react';\nimport cx from 'classnames';\nimport { useChoiceChipGroupContext } from './ChoiceChipGroupContext';\nimport './BaseChip.scss';\nimport './ChoiceChip.scss';\n\nexport type ChoiceChipProps = {\n /** Ekstra klassenavn */\n className?: string;\n /** Om Choicechip er deaktivert eller ikke\n * @default false\n */\n disabled?: boolean;\n /** Label til ChoiceChip */\n children?: React.ReactNode;\n /** Verdien til ChoiceChip */\n value: string;\n /** 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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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),i=require("react"),a=require("classnames"),
|
|
1
|
+
"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;
|
|
2
2
|
//# sourceMappingURL=chip.cjs.production.min.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chip.cjs.production.min.js","sources":["../src/ChoiceChipGroupContext.tsx","../src/ChoiceChip.tsx","../src/ActionChip.tsx","../src/TagChip.tsx","../src/FilterChip.tsx","../src/index.tsx","../src/ChoiceChipGroup.tsx"],"sourcesContent":["import React from 'react';\n\ntype ChoiceChipGroupContextProps = {\n name: string;\n onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n value: string | null;\n};\n\nconst ChoiceChipGroupContext =\n React.createContext<ChoiceChipGroupContextProps | null>(null);\n\nexport const ChoiceChipGroupContextProvider = ChoiceChipGroupContext.Provider;\n\nexport const useChoiceChipGroupContext: () => ChoiceChipGroupContextProps =\n () => {\n const context = React.useContext(ChoiceChipGroupContext);\n if (!context) {\n throw new Error(\n 'You need to wrap your ChoiceChips in a ChoiceChipGroup-component',\n );\n }\n return context;\n };\n","import React from 'react';\nimport cx from 'classnames';\nimport { useChoiceChipGroupContext } from './ChoiceChipGroupContext';\nimport './BaseChip.scss';\nimport './ChoiceChip.scss';\n\nexport type ChoiceChipProps = {\n /** Ekstra klassenavn */\n className?: string;\n /** Om Choicechip er deaktivert eller ikke\n * @default false\n */\n disabled?: boolean;\n /** Label til ChoiceChip */\n children?: React.ReactNode;\n /** Verdien til ChoiceChip */\n value: string;\n /** 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","className","children","value","_ref$disabled","_ref","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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"}
|
|
1
|
+
{"version":3,"file":"chip.cjs.production.min.js","sources":["../src/ChoiceChipGroupContext.tsx","../src/ChoiceChip.tsx","../src/ActionChip.tsx","../src/TagChip.tsx","../src/FilterChip.tsx","../src/index.tsx","../src/ChoiceChipGroup.tsx"],"sourcesContent":["import React from 'react';\n\ntype ChoiceChipGroupContextProps = {\n name: string;\n onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n value: string | null;\n};\n\nconst ChoiceChipGroupContext =\n React.createContext<ChoiceChipGroupContextProps | null>(null);\n\nexport const ChoiceChipGroupContextProvider = ChoiceChipGroupContext.Provider;\n\nexport const useChoiceChipGroupContext: () => ChoiceChipGroupContextProps =\n () => {\n const context = React.useContext(ChoiceChipGroupContext);\n if (!context) {\n throw new Error(\n 'You need to wrap your ChoiceChips in a ChoiceChipGroup-component',\n );\n }\n return context;\n };\n","import React from 'react';\nimport cx from 'classnames';\nimport { useChoiceChipGroupContext } from './ChoiceChipGroupContext';\nimport './BaseChip.scss';\nimport './ChoiceChip.scss';\n\nexport type ChoiceChipProps = {\n /** Ekstra klassenavn */\n className?: string;\n /** Om Choicechip er deaktivert eller ikke\n * @default false\n */\n disabled?: boolean;\n /** Label til ChoiceChip */\n children?: React.ReactNode;\n /** Verdien til ChoiceChip */\n value: string;\n /** 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/chip.esm.js
CHANGED
|
@@ -6,30 +6,22 @@ import { CloseSmallIcon } from '@entur/icons';
|
|
|
6
6
|
import { Fieldset } from '@entur/form';
|
|
7
7
|
|
|
8
8
|
function _extends() {
|
|
9
|
-
_extends = Object.assign ? Object.assign.bind() : function (
|
|
10
|
-
for (var
|
|
11
|
-
var
|
|
12
|
-
for (var
|
|
13
|
-
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
14
|
-
target[key] = source[key];
|
|
15
|
-
}
|
|
16
|
-
}
|
|
9
|
+
return _extends = Object.assign ? Object.assign.bind() : function (n) {
|
|
10
|
+
for (var e = 1; e < arguments.length; e++) {
|
|
11
|
+
var t = arguments[e];
|
|
12
|
+
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
|
|
17
13
|
}
|
|
18
|
-
return
|
|
19
|
-
};
|
|
20
|
-
return _extends.apply(this, arguments);
|
|
14
|
+
return n;
|
|
15
|
+
}, _extends.apply(null, arguments);
|
|
21
16
|
}
|
|
22
|
-
function _objectWithoutPropertiesLoose(
|
|
23
|
-
if (
|
|
24
|
-
var
|
|
25
|
-
var
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
key = sourceKeys[i];
|
|
29
|
-
if (excluded.indexOf(key) >= 0) continue;
|
|
30
|
-
target[key] = source[key];
|
|
17
|
+
function _objectWithoutPropertiesLoose(r, e) {
|
|
18
|
+
if (null == r) return {};
|
|
19
|
+
var t = {};
|
|
20
|
+
for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
|
|
21
|
+
if (e.includes(n)) continue;
|
|
22
|
+
t[n] = r[n];
|
|
31
23
|
}
|
|
32
|
-
return
|
|
24
|
+
return t;
|
|
33
25
|
}
|
|
34
26
|
|
|
35
27
|
var ChoiceChipGroupContext = /*#__PURE__*/React.createContext(null);
|
|
@@ -56,7 +48,7 @@ var ChoiceChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
56
48
|
var childrenArray = React.Children.toArray(children);
|
|
57
49
|
var isIcon = function isIcon(child) {
|
|
58
50
|
var _child$type;
|
|
59
|
-
return child == null
|
|
51
|
+
return child == null || (_child$type = child.type) == null ? void 0 : _child$type.toString().toLowerCase().includes('icon');
|
|
60
52
|
};
|
|
61
53
|
var hasLeadingIcon = childrenArray.length > 1 && isIcon(childrenArray.at(0));
|
|
62
54
|
var hasTrailingIcon = childrenArray.length > 1 && isIcon(childrenArray.at(-1));
|
|
@@ -99,7 +91,7 @@ var ActionChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
99
91
|
var childrenArray = React.Children.toArray(children);
|
|
100
92
|
var isIcon = function isIcon(child) {
|
|
101
93
|
var _child$type;
|
|
102
|
-
return child == null
|
|
94
|
+
return child == null || (_child$type = child.type) == null ? void 0 : _child$type.toString().toLowerCase().includes('icon');
|
|
103
95
|
};
|
|
104
96
|
var hasLeadingIcon = childrenArray.length > 1 && isIcon(childrenArray.at(0));
|
|
105
97
|
var hasTrailingIcon = childrenArray.length > 1 && isIcon(childrenArray.at(-1));
|
package/dist/chip.esm.js.map
CHANGED
|
@@ -1 +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 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","className","children","value","disabled","style","size","rest","_excluded","childrenArray","Children","toArray","isIcon","child","type","toString","toLowerCase","includes","hasLeadingIcon","length","at","hasTrailingIcon","classList","cx","name","selectedValue","onChange","createElement","checked","ActionChip","loading","ariaLabelValue","ariaLabelWhenLoading","undefined","filter","join","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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"}
|
|
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 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/styles.css
CHANGED
|
@@ -499,6 +499,13 @@
|
|
|
499
499
|
}
|
|
500
500
|
/* DO NOT CHANGE!*/
|
|
501
501
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
502
|
+
:where(.eds-choice-chips-group) {
|
|
503
|
+
display: flex;
|
|
504
|
+
row-gap: 0.5rem;
|
|
505
|
+
flex-wrap: wrap;
|
|
506
|
+
}
|
|
507
|
+
/* DO NOT CHANGE!*/
|
|
508
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
502
509
|
/* DO NOT CHANGE!*/
|
|
503
510
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
504
511
|
/* DO NOT CHANGE!*/
|
|
@@ -692,10 +699,3 @@
|
|
|
692
699
|
:root {
|
|
693
700
|
--eds-chip: 1;
|
|
694
701
|
}
|
|
695
|
-
/* DO NOT CHANGE!*/
|
|
696
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
697
|
-
:where(.eds-choice-chips-group) {
|
|
698
|
-
display: flex;
|
|
699
|
-
row-gap: 0.5rem;
|
|
700
|
-
flex-wrap: wrap;
|
|
701
|
-
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/chip",
|
|
3
|
-
"version": "0.7.
|
|
3
|
+
"version": "0.7.27-RC.0",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/chip.esm.js",
|
|
@@ -27,12 +27,15 @@
|
|
|
27
27
|
"react-dom": ">=16.8.0"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@entur/form": "^8.1.
|
|
31
|
-
"@entur/icons": "^7.5.0",
|
|
32
|
-
"@entur/loader": "^0.5.15-
|
|
33
|
-
"@entur/tokens": "^3.17.
|
|
34
|
-
"@entur/utils": "^
|
|
30
|
+
"@entur/form": "^8.1.9-RC.0",
|
|
31
|
+
"@entur/icons": "^7.5.1-RC.0",
|
|
32
|
+
"@entur/loader": "^0.5.15-RC.0",
|
|
33
|
+
"@entur/tokens": "^3.17.4-RC.0",
|
|
34
|
+
"@entur/utils": "^0.12.2-RC.0",
|
|
35
35
|
"classnames": "^2.3.1"
|
|
36
36
|
},
|
|
37
|
-
"
|
|
37
|
+
"devDependencies": {
|
|
38
|
+
"dts-cli": "2.0.5"
|
|
39
|
+
},
|
|
40
|
+
"gitHead": "d7913682a41ade219cbd4dfc6e45060152c7fa0a"
|
|
38
41
|
}
|