@entur/chip 0.6.70 → 0.7.1
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/dist/ActionChip.d.ts +4 -0
- package/dist/ChoiceChip.d.ts +5 -1
- package/dist/FilterChip.d.ts +10 -2
- package/dist/TagChip.d.ts +4 -0
- package/dist/chip.cjs.development.js +21 -12
- 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 +21 -12
- package/dist/chip.esm.js.map +1 -1
- package/dist/styles.css +399 -632
- package/package.json +7 -7
package/dist/ActionChip.d.ts
CHANGED
|
@@ -10,5 +10,9 @@ export type ActionChipProps = {
|
|
|
10
10
|
* @default false
|
|
11
11
|
*/
|
|
12
12
|
loading?: boolean;
|
|
13
|
+
/** Størrelsen på chip
|
|
14
|
+
* @default 'medium'
|
|
15
|
+
*/
|
|
16
|
+
size?: 'small' | 'medium';
|
|
13
17
|
} & React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
|
|
14
18
|
export declare const ActionChip: React.ForwardRefExoticComponent<Omit<ActionChipProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
package/dist/ChoiceChip.d.ts
CHANGED
|
@@ -12,5 +12,9 @@ export type ChoiceChipProps = {
|
|
|
12
12
|
children?: React.ReactNode;
|
|
13
13
|
/** Verdien til ChoiceChip */
|
|
14
14
|
value: string;
|
|
15
|
-
|
|
15
|
+
/** Størrelsen på chip
|
|
16
|
+
* @default 'medium'
|
|
17
|
+
*/
|
|
18
|
+
size?: 'small' | 'medium';
|
|
19
|
+
} & Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'value' | 'size'>;
|
|
16
20
|
export declare const ChoiceChip: React.ForwardRefExoticComponent<Omit<ChoiceChipProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
package/dist/FilterChip.d.ts
CHANGED
|
@@ -8,7 +8,11 @@ export type FilterChipProps = {
|
|
|
8
8
|
children?: React.ReactNode;
|
|
9
9
|
/** Verdien til FilterChip */
|
|
10
10
|
value: string;
|
|
11
|
-
|
|
11
|
+
/** Størrelsen på chip
|
|
12
|
+
* @default 'medium'
|
|
13
|
+
*/
|
|
14
|
+
size?: 'small' | 'medium';
|
|
15
|
+
} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'size'>;
|
|
12
16
|
export declare const FilterChip: React.ForwardRefExoticComponent<{
|
|
13
17
|
/** Ekstra klassenavn */
|
|
14
18
|
className?: string | undefined;
|
|
@@ -16,4 +20,8 @@ export declare const FilterChip: React.ForwardRefExoticComponent<{
|
|
|
16
20
|
children?: React.ReactNode;
|
|
17
21
|
/** Verdien til FilterChip */
|
|
18
22
|
value: string;
|
|
19
|
-
|
|
23
|
+
/** Størrelsen på chip
|
|
24
|
+
* @default 'medium'
|
|
25
|
+
*/
|
|
26
|
+
size?: "small" | "medium" | undefined;
|
|
27
|
+
} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "size"> & React.RefAttributes<HTMLInputElement>>;
|
package/dist/TagChip.d.ts
CHANGED
|
@@ -10,5 +10,9 @@ export type TagChipProps = {
|
|
|
10
10
|
onClose: () => void;
|
|
11
11
|
/** Skjermlesertekst for X-knappen */
|
|
12
12
|
closeButtonAriaLabel?: string;
|
|
13
|
+
/** Størrelsen på chip
|
|
14
|
+
* @default 'medium'
|
|
15
|
+
*/
|
|
16
|
+
size?: 'small' | 'medium';
|
|
13
17
|
};
|
|
14
18
|
export declare const TagChip: React.ForwardRefExoticComponent<TagChipProps & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -46,7 +46,7 @@ var useChoiceChipGroupContext = function useChoiceChipGroupContext() {
|
|
|
46
46
|
return context;
|
|
47
47
|
};
|
|
48
48
|
|
|
49
|
-
var _excluded$4 = ["className", "children", "value", "disabled", "style"];
|
|
49
|
+
var _excluded$4 = ["className", "children", "value", "disabled", "style", "size"];
|
|
50
50
|
var ChoiceChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
51
51
|
var className = _ref.className,
|
|
52
52
|
children = _ref.children,
|
|
@@ -54,6 +54,8 @@ var ChoiceChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
54
54
|
_ref$disabled = _ref.disabled,
|
|
55
55
|
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
|
56
56
|
style = _ref.style,
|
|
57
|
+
_ref$size = _ref.size,
|
|
58
|
+
size = _ref$size === void 0 ? 'medium' : _ref$size,
|
|
57
59
|
rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
|
|
58
60
|
var childrenArray = React.Children.toArray(children);
|
|
59
61
|
var isIcon = function isIcon(child) {
|
|
@@ -62,7 +64,7 @@ var ChoiceChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
62
64
|
};
|
|
63
65
|
var hasLeadingIcon = childrenArray.length > 1 && isIcon(childrenArray.at(0));
|
|
64
66
|
var hasTrailingIcon = childrenArray.length > 1 && isIcon(childrenArray.at(-1));
|
|
65
|
-
var classList = classNames(className, 'eds-chip', {
|
|
67
|
+
var classList = classNames(className, 'eds-chip', "eds-chip--size-" + size, {
|
|
66
68
|
'eds-chip--disabled': disabled,
|
|
67
69
|
'eds-chip--leading-icon': hasLeadingIcon,
|
|
68
70
|
'eds-chip--trailing-icon': hasTrailingIcon
|
|
@@ -89,12 +91,14 @@ var ChoiceChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
89
91
|
}, children));
|
|
90
92
|
});
|
|
91
93
|
|
|
92
|
-
var _excluded$3 = ["children", "className", "loading"];
|
|
94
|
+
var _excluded$3 = ["children", "className", "loading", "size"];
|
|
93
95
|
var ActionChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
94
96
|
var children = _ref.children,
|
|
95
97
|
className = _ref.className,
|
|
96
98
|
_ref$loading = _ref.loading,
|
|
97
99
|
loading = _ref$loading === void 0 ? false : _ref$loading,
|
|
100
|
+
_ref$size = _ref.size,
|
|
101
|
+
size = _ref$size === void 0 ? 'medium' : _ref$size,
|
|
98
102
|
rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
|
|
99
103
|
var childrenArray = React.Children.toArray(children);
|
|
100
104
|
var isIcon = function isIcon(child) {
|
|
@@ -111,12 +115,13 @@ var ActionChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
111
115
|
var ariaLabelWhenLoading = childrenArray.filter(function (child) {
|
|
112
116
|
return typeof child === 'string';
|
|
113
117
|
}).join(' ');
|
|
118
|
+
var classList = classNames(className, 'eds-chip', 'eds-action-chip', "eds-chip--size-" + size, {
|
|
119
|
+
'eds-chip--leading-icon': hasLeadingIcon,
|
|
120
|
+
'eds-chip--trailing-icon': hasTrailingIcon,
|
|
121
|
+
'eds-action-chip--disabled': rest.disabled
|
|
122
|
+
});
|
|
114
123
|
var actionChip = React.createElement("button", _extends({
|
|
115
|
-
className:
|
|
116
|
-
'eds-chip--leading-icon': hasLeadingIcon,
|
|
117
|
-
'eds-chip--trailing-icon': hasTrailingIcon,
|
|
118
|
-
'eds-action-chip--disabled': rest.disabled
|
|
119
|
-
}, className),
|
|
124
|
+
className: classList,
|
|
120
125
|
ref: ref,
|
|
121
126
|
"aria-busy": loading,
|
|
122
127
|
"aria-label": ariaLabelValue(),
|
|
@@ -132,16 +137,18 @@ var ActionChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
132
137
|
return React.createElement(React.Fragment, null, actionChip);
|
|
133
138
|
});
|
|
134
139
|
|
|
135
|
-
var _excluded$2 = ["children", "className", "onClose", "closeButtonAriaLabel"];
|
|
140
|
+
var _excluded$2 = ["children", "className", "onClose", "closeButtonAriaLabel", "size"];
|
|
136
141
|
var TagChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
137
142
|
var children = _ref.children,
|
|
138
143
|
className = _ref.className,
|
|
139
144
|
onClose = _ref.onClose,
|
|
140
145
|
closeButtonAriaLabel = _ref.closeButtonAriaLabel,
|
|
146
|
+
_ref$size = _ref.size,
|
|
147
|
+
size = _ref$size === void 0 ? 'medium' : _ref$size,
|
|
141
148
|
rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
|
|
142
149
|
var selectedCloseLabel = closeButtonAriaLabel != null ? closeButtonAriaLabel : 'Fjern ' + (children == null ? void 0 : children.toString());
|
|
143
150
|
return React.createElement("div", _extends({
|
|
144
|
-
className: classNames('eds-chip', 'eds-tag-chip', className)
|
|
151
|
+
className: classNames('eds-chip', 'eds-tag-chip', "eds-chip--size-" + size, className)
|
|
145
152
|
}, rest), children, React.createElement("button", {
|
|
146
153
|
className: "eds-tag-chip__close-button",
|
|
147
154
|
type: "button",
|
|
@@ -153,7 +160,7 @@ var TagChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
153
160
|
})));
|
|
154
161
|
});
|
|
155
162
|
|
|
156
|
-
var _excluded$1 = ["className", "children", "value", "disabled", "name", "style"];
|
|
163
|
+
var _excluded$1 = ["className", "children", "value", "disabled", "name", "style", "size"];
|
|
157
164
|
var FilterChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
158
165
|
var className = _ref.className,
|
|
159
166
|
children = _ref.children,
|
|
@@ -162,6 +169,8 @@ var FilterChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
162
169
|
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
|
163
170
|
name = _ref.name,
|
|
164
171
|
style = _ref.style,
|
|
172
|
+
_ref$size = _ref.size,
|
|
173
|
+
size = _ref$size === void 0 ? 'medium' : _ref$size,
|
|
165
174
|
rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
|
|
166
175
|
var classList = classNames(className, 'eds-filter-chip');
|
|
167
176
|
return React.createElement("label", {
|
|
@@ -175,7 +184,7 @@ var FilterChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
175
184
|
value: value,
|
|
176
185
|
disabled: disabled
|
|
177
186
|
}, rest)), React.createElement("div", {
|
|
178
|
-
className: "eds-chip"
|
|
187
|
+
className: "eds-chip " + (size ? "eds-chip--size-" + size : '')
|
|
179
188
|
}, React.createElement("span", {
|
|
180
189
|
className: "eds-filter-chip__icon"
|
|
181
190
|
}, React.createElement(CheckboxIcon, null)), children));
|
|
@@ -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} & Omit<\n React.DetailedHTMLProps<\n React.InputHTMLAttributes<HTMLInputElement>,\n HTMLInputElement\n >,\n 'value'\n>;\n\nexport const ChoiceChip = React.forwardRef<HTMLInputElement, ChoiceChipProps>(\n (\n { className, children, value, disabled = false, style, ...rest },\n ref: React.Ref<HTMLInputElement>,\n ) => {\n const childrenArray = React.Children.toArray(children);\n const isIcon = (child: any) =>\n child?.type?.toString().toLowerCase().includes('icon');\n const hasLeadingIcon =\n childrenArray.length > 1 && isIcon(childrenArray.at(0));\n const hasTrailingIcon =\n childrenArray.length > 1 && isIcon(childrenArray.at(-1));\n\n const classList = cx(className, 'eds-chip', {\n 'eds-chip--disabled': disabled,\n 'eds-chip--leading-icon': hasLeadingIcon,\n 'eds-chip--trailing-icon': hasTrailingIcon,\n });\n const {\n name,\n value: selectedValue,\n onChange,\n } = useChoiceChipGroupContext();\n return (\n <label className=\"eds-choice-chip\" style={style}>\n <input\n className=\"eds-choice-chip__input\"\n type=\"radio\"\n name={name}\n ref={ref}\n value={value}\n disabled={disabled}\n checked={selectedValue === value}\n onChange={onChange}\n 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} & React.DetailedHTMLProps<\n React.ButtonHTMLAttributes<HTMLButtonElement>,\n HTMLButtonElement\n>;\n\nexport const ActionChip = React.forwardRef<HTMLButtonElement, ActionChipProps>(\n (\n { children, className, loading = false, ...rest },\n ref: React.Ref<HTMLButtonElement>,\n ) => {\n const childrenArray = React.Children.toArray(children);\n const isIcon = (child: any) =>\n child?.type?.toString().toLowerCase().includes('icon');\n const hasLeadingIcon =\n childrenArray.length > 1 && isIcon(childrenArray.at(0));\n const hasTrailingIcon =\n childrenArray.length > 1 && isIcon(childrenArray.at(-1));\n\n const ariaLabelValue = () => {\n if (rest['aria-label']) return rest['aria-label'];\n if (loading) return ariaLabelWhenLoading;\n return undefined;\n };\n\n const ariaLabelWhenLoading = childrenArray\n .filter(child => typeof child === 'string')\n .join(' ');\n\n const actionChip = (\n <button\n className={classNames(\n 'eds-chip',\n 'eds-action-chip',\n {\n 'eds-chip--leading-icon': hasLeadingIcon,\n 'eds-chip--trailing-icon': hasTrailingIcon,\n 'eds-action-chip--disabled': rest.disabled,\n },\n className,\n )}\n ref={ref}\n aria-busy={loading}\n aria-label={ariaLabelValue()}\n type=\"button\"\n {...rest}\n >\n {loading ? (\n <LoadingDots className=\"eds-action-chip__loading-dots\" />\n ) : (\n children\n )}\n </button>\n );\n\n if (rest.disabled) {\n return (\n <div className=\"eds-action-chip--disabled__wrapper\">{actionChip}</div>\n );\n }\n return <>{actionChip}</>;\n },\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { 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};\n\nexport const TagChip = React.forwardRef<HTMLButtonElement, TagChipProps>(\n (\n { children, className, onClose, closeButtonAriaLabel, ...rest },\n ref: React.Ref<HTMLButtonElement>,\n ) => {\n const selectedCloseLabel =\n closeButtonAriaLabel ?? 'Fjern ' + children?.toString();\n\n return (\n <div\n className={classNames('eds-chip', 'eds-tag-chip', className)}\n {...rest}\n >\n {children}\n <button\n className=\"eds-tag-chip__close-button\"\n type=\"button\"\n onClick={onClose}\n aria-label={selectedCloseLabel}\n ref={ref}\n >\n <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} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const FilterChip = React.forwardRef<HTMLInputElement, FilterChipProps>(\n (\n { className, children, value, disabled = false, name, style, ...rest },\n ref: React.Ref<HTMLInputElement>,\n ) => {\n const classList = cx(className, 'eds-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\">\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","rest","_excluded","childrenArray","Children","toArray","isIcon","child","type","toString","toLowerCase","includes","hasLeadingIcon","length","at","hasTrailingIcon","classList","cx","name","selectedValue","onChange","createElement","checked","ActionChip","loading","ariaLabelValue","ariaLabelWhenLoading","undefined","filter","join","actionChip","classNames","LoadingDots","Fragment","TagChip","onClose","closeButtonAriaLabel","selectedCloseLabel","onClick","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","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,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),i=require("react"),a=require("classnames"),t=require("@entur/loader"),n=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 t in a)Object.prototype.hasOwnProperty.call(a,t)&&(e[t]=a[t])}return e},l.apply(this,arguments)}function s(e,i){if(null==e)return{};var a,t,n={},r=Object.keys(e);for(t=0;t<r.length;t++)i.indexOf(a=r[t])>=0||(n[a]=e[a]);return n}var c=i.createContext(null),o=c.Provider,d=["className","children","value","disabled","style","size"],u=i.forwardRef((function(e,t){var n=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)),y=b.length>1&&g(b.at(-1)),N=a(n,"eds-chip","eds-chip--size-"+v,{"eds-chip--disabled":h,"eds-chip--leading-icon":C,"eds-chip--trailing-icon":y}),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:t,value:o,disabled:h,checked:E.value===o,onChange:E.onChange,"aria-disabled":h},f)),i.createElement("div",{className:N},r))})),h=["children","className","loading","size"],p=i.forwardRef((function(e,n){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(" "),y=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}),N=i.createElement("button",l({className:y,ref:n,"aria-busy":d,"aria-label":m["aria-label"]?m["aria-label"]:d?C:void 0,type:"button"},m),d?i.createElement(t.LoadingDots,{className:"eds-action-chip__loading-dots"}):r);return m.disabled?i.createElement("div",{className:"eds-action-chip--disabled__wrapper"},N):i.createElement(i.Fragment,null,N)})),m=["children","className","onClose","closeButtonAriaLabel","size"],v=i.forwardRef((function(e,t){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:t},i.createElement(n.CloseSmallIcon,{"aria-hidden":!0})))})),f=["className","children","value","disabled","name","style","size"],b=i.forwardRef((function(e,t){var n=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(n,"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:t,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,t=e.value,n=e.children,c=e.onChange,d=e.label,u=s(e,C),h=i.useMemo((function(){return{name:a,value:t,onChange:c}}),[a,t,c]);return i.createElement(o,{value:h},i.createElement(r.Fieldset,l({className:"eds-choice-chips-group",label:d},u),n))},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} & Omit<\n React.DetailedHTMLProps<\n React.InputHTMLAttributes<HTMLInputElement>,\n HTMLInputElement\n >,\n 'value'\n>;\n\nexport const ChoiceChip = React.forwardRef<HTMLInputElement, ChoiceChipProps>(\n (\n { className, children, value, disabled = false, style, ...rest },\n ref: React.Ref<HTMLInputElement>,\n ) => {\n const childrenArray = React.Children.toArray(children);\n const isIcon = (child: any) =>\n child?.type?.toString().toLowerCase().includes('icon');\n const hasLeadingIcon =\n childrenArray.length > 1 && isIcon(childrenArray.at(0));\n const hasTrailingIcon =\n childrenArray.length > 1 && isIcon(childrenArray.at(-1));\n\n const classList = cx(className, 'eds-chip', {\n 'eds-chip--disabled': disabled,\n 'eds-chip--leading-icon': hasLeadingIcon,\n 'eds-chip--trailing-icon': hasTrailingIcon,\n });\n const {\n name,\n value: selectedValue,\n onChange,\n } = useChoiceChipGroupContext();\n return (\n <label className=\"eds-choice-chip\" style={style}>\n <input\n className=\"eds-choice-chip__input\"\n type=\"radio\"\n name={name}\n ref={ref}\n value={value}\n disabled={disabled}\n checked={selectedValue === value}\n onChange={onChange}\n 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} & React.DetailedHTMLProps<\n React.ButtonHTMLAttributes<HTMLButtonElement>,\n HTMLButtonElement\n>;\n\nexport const ActionChip = React.forwardRef<HTMLButtonElement, ActionChipProps>(\n (\n { children, className, loading = false, ...rest },\n ref: React.Ref<HTMLButtonElement>,\n ) => {\n const childrenArray = React.Children.toArray(children);\n const isIcon = (child: any) =>\n child?.type?.toString().toLowerCase().includes('icon');\n const hasLeadingIcon =\n childrenArray.length > 1 && isIcon(childrenArray.at(0));\n const hasTrailingIcon =\n childrenArray.length > 1 && isIcon(childrenArray.at(-1));\n\n const ariaLabelValue = () => {\n if (rest['aria-label']) return rest['aria-label'];\n if (loading) return ariaLabelWhenLoading;\n return undefined;\n };\n\n const ariaLabelWhenLoading = childrenArray\n .filter(child => typeof child === 'string')\n .join(' ');\n\n const actionChip = (\n <button\n className={classNames(\n 'eds-chip',\n 'eds-action-chip',\n {\n 'eds-chip--leading-icon': hasLeadingIcon,\n 'eds-chip--trailing-icon': hasTrailingIcon,\n 'eds-action-chip--disabled': rest.disabled,\n },\n className,\n )}\n ref={ref}\n aria-busy={loading}\n aria-label={ariaLabelValue()}\n type=\"button\"\n {...rest}\n >\n {loading ? (\n <LoadingDots className=\"eds-action-chip__loading-dots\" />\n ) : (\n children\n )}\n </button>\n );\n\n if (rest.disabled) {\n return (\n <div className=\"eds-action-chip--disabled__wrapper\">{actionChip}</div>\n );\n }\n return <>{actionChip}</>;\n },\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { 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};\n\nexport const TagChip = React.forwardRef<HTMLButtonElement, TagChipProps>(\n (\n { children, className, onClose, closeButtonAriaLabel, ...rest },\n ref: React.Ref<HTMLButtonElement>,\n ) => {\n const selectedCloseLabel =\n closeButtonAriaLabel ?? 'Fjern ' + children?.toString();\n\n return (\n <div\n className={classNames('eds-chip', 'eds-tag-chip', className)}\n {...rest}\n >\n {children}\n <button\n className=\"eds-tag-chip__close-button\"\n type=\"button\"\n onClick={onClose}\n aria-label={selectedCloseLabel}\n ref={ref}\n >\n <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} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const FilterChip = React.forwardRef<HTMLInputElement, FilterChipProps>(\n (\n { className, children, value, disabled = false, name, style, ...rest },\n ref: React.Ref<HTMLInputElement>,\n ) => {\n const classList = cx(className, 'eds-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\">\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","rest","_objectWithoutPropertiesLoose","_excluded","childrenArray","Children","toArray","isIcon","child","_child$type","type","toString","toLowerCase","includes","hasLeadingIcon","length","at","hasTrailingIcon","classList","cx","_useChoiceChipGroupCo","context","useContext","Error","useChoiceChipGroupContext","createElement","_extends","name","checked","onChange","ActionChip","_ref$loading","loading","ariaLabelWhenLoading","filter","join","actionChip","classNames","LoadingDots","Fragment","TagChip","onClose","closeButtonAriaLabel","selectedCloseLabel","onClick","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","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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"}
|
package/dist/chip.esm.js
CHANGED
|
@@ -42,7 +42,7 @@ var useChoiceChipGroupContext = function useChoiceChipGroupContext() {
|
|
|
42
42
|
return context;
|
|
43
43
|
};
|
|
44
44
|
|
|
45
|
-
var _excluded$4 = ["className", "children", "value", "disabled", "style"];
|
|
45
|
+
var _excluded$4 = ["className", "children", "value", "disabled", "style", "size"];
|
|
46
46
|
var ChoiceChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
47
47
|
var className = _ref.className,
|
|
48
48
|
children = _ref.children,
|
|
@@ -50,6 +50,8 @@ var ChoiceChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
50
50
|
_ref$disabled = _ref.disabled,
|
|
51
51
|
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
|
52
52
|
style = _ref.style,
|
|
53
|
+
_ref$size = _ref.size,
|
|
54
|
+
size = _ref$size === void 0 ? 'medium' : _ref$size,
|
|
53
55
|
rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
|
|
54
56
|
var childrenArray = React.Children.toArray(children);
|
|
55
57
|
var isIcon = function isIcon(child) {
|
|
@@ -58,7 +60,7 @@ var ChoiceChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
58
60
|
};
|
|
59
61
|
var hasLeadingIcon = childrenArray.length > 1 && isIcon(childrenArray.at(0));
|
|
60
62
|
var hasTrailingIcon = childrenArray.length > 1 && isIcon(childrenArray.at(-1));
|
|
61
|
-
var classList = classNames(className, 'eds-chip', {
|
|
63
|
+
var classList = classNames(className, 'eds-chip', "eds-chip--size-" + size, {
|
|
62
64
|
'eds-chip--disabled': disabled,
|
|
63
65
|
'eds-chip--leading-icon': hasLeadingIcon,
|
|
64
66
|
'eds-chip--trailing-icon': hasTrailingIcon
|
|
@@ -85,12 +87,14 @@ var ChoiceChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
85
87
|
}, children));
|
|
86
88
|
});
|
|
87
89
|
|
|
88
|
-
var _excluded$3 = ["children", "className", "loading"];
|
|
90
|
+
var _excluded$3 = ["children", "className", "loading", "size"];
|
|
89
91
|
var ActionChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
90
92
|
var children = _ref.children,
|
|
91
93
|
className = _ref.className,
|
|
92
94
|
_ref$loading = _ref.loading,
|
|
93
95
|
loading = _ref$loading === void 0 ? false : _ref$loading,
|
|
96
|
+
_ref$size = _ref.size,
|
|
97
|
+
size = _ref$size === void 0 ? 'medium' : _ref$size,
|
|
94
98
|
rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
|
|
95
99
|
var childrenArray = React.Children.toArray(children);
|
|
96
100
|
var isIcon = function isIcon(child) {
|
|
@@ -107,12 +111,13 @@ var ActionChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
107
111
|
var ariaLabelWhenLoading = childrenArray.filter(function (child) {
|
|
108
112
|
return typeof child === 'string';
|
|
109
113
|
}).join(' ');
|
|
114
|
+
var classList = classNames(className, 'eds-chip', 'eds-action-chip', "eds-chip--size-" + size, {
|
|
115
|
+
'eds-chip--leading-icon': hasLeadingIcon,
|
|
116
|
+
'eds-chip--trailing-icon': hasTrailingIcon,
|
|
117
|
+
'eds-action-chip--disabled': rest.disabled
|
|
118
|
+
});
|
|
110
119
|
var actionChip = React.createElement("button", _extends({
|
|
111
|
-
className:
|
|
112
|
-
'eds-chip--leading-icon': hasLeadingIcon,
|
|
113
|
-
'eds-chip--trailing-icon': hasTrailingIcon,
|
|
114
|
-
'eds-action-chip--disabled': rest.disabled
|
|
115
|
-
}, className),
|
|
120
|
+
className: classList,
|
|
116
121
|
ref: ref,
|
|
117
122
|
"aria-busy": loading,
|
|
118
123
|
"aria-label": ariaLabelValue(),
|
|
@@ -128,16 +133,18 @@ var ActionChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
128
133
|
return React.createElement(React.Fragment, null, actionChip);
|
|
129
134
|
});
|
|
130
135
|
|
|
131
|
-
var _excluded$2 = ["children", "className", "onClose", "closeButtonAriaLabel"];
|
|
136
|
+
var _excluded$2 = ["children", "className", "onClose", "closeButtonAriaLabel", "size"];
|
|
132
137
|
var TagChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
133
138
|
var children = _ref.children,
|
|
134
139
|
className = _ref.className,
|
|
135
140
|
onClose = _ref.onClose,
|
|
136
141
|
closeButtonAriaLabel = _ref.closeButtonAriaLabel,
|
|
142
|
+
_ref$size = _ref.size,
|
|
143
|
+
size = _ref$size === void 0 ? 'medium' : _ref$size,
|
|
137
144
|
rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
|
|
138
145
|
var selectedCloseLabel = closeButtonAriaLabel != null ? closeButtonAriaLabel : 'Fjern ' + (children == null ? void 0 : children.toString());
|
|
139
146
|
return React.createElement("div", _extends({
|
|
140
|
-
className: classNames('eds-chip', 'eds-tag-chip', className)
|
|
147
|
+
className: classNames('eds-chip', 'eds-tag-chip', "eds-chip--size-" + size, className)
|
|
141
148
|
}, rest), children, React.createElement("button", {
|
|
142
149
|
className: "eds-tag-chip__close-button",
|
|
143
150
|
type: "button",
|
|
@@ -149,7 +156,7 @@ var TagChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
149
156
|
})));
|
|
150
157
|
});
|
|
151
158
|
|
|
152
|
-
var _excluded$1 = ["className", "children", "value", "disabled", "name", "style"];
|
|
159
|
+
var _excluded$1 = ["className", "children", "value", "disabled", "name", "style", "size"];
|
|
153
160
|
var FilterChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
154
161
|
var className = _ref.className,
|
|
155
162
|
children = _ref.children,
|
|
@@ -158,6 +165,8 @@ var FilterChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
158
165
|
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
|
159
166
|
name = _ref.name,
|
|
160
167
|
style = _ref.style,
|
|
168
|
+
_ref$size = _ref.size,
|
|
169
|
+
size = _ref$size === void 0 ? 'medium' : _ref$size,
|
|
161
170
|
rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
|
|
162
171
|
var classList = classNames(className, 'eds-filter-chip');
|
|
163
172
|
return React.createElement("label", {
|
|
@@ -171,7 +180,7 @@ var FilterChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
171
180
|
value: value,
|
|
172
181
|
disabled: disabled
|
|
173
182
|
}, rest)), React.createElement("div", {
|
|
174
|
-
className: "eds-chip"
|
|
183
|
+
className: "eds-chip " + (size ? "eds-chip--size-" + size : '')
|
|
175
184
|
}, React.createElement("span", {
|
|
176
185
|
className: "eds-filter-chip__icon"
|
|
177
186
|
}, React.createElement(CheckboxIcon, null)), children));
|
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} & Omit<\n React.DetailedHTMLProps<\n React.InputHTMLAttributes<HTMLInputElement>,\n HTMLInputElement\n >,\n 'value'\n>;\n\nexport const ChoiceChip = React.forwardRef<HTMLInputElement, ChoiceChipProps>(\n (\n { className, children, value, disabled = false, style, ...rest },\n ref: React.Ref<HTMLInputElement>,\n ) => {\n const childrenArray = React.Children.toArray(children);\n const isIcon = (child: any) =>\n child?.type?.toString().toLowerCase().includes('icon');\n const hasLeadingIcon =\n childrenArray.length > 1 && isIcon(childrenArray.at(0));\n const hasTrailingIcon =\n childrenArray.length > 1 && isIcon(childrenArray.at(-1));\n\n const classList = cx(className, 'eds-chip', {\n 'eds-chip--disabled': disabled,\n 'eds-chip--leading-icon': hasLeadingIcon,\n 'eds-chip--trailing-icon': hasTrailingIcon,\n });\n const {\n name,\n value: selectedValue,\n onChange,\n } = useChoiceChipGroupContext();\n return (\n <label className=\"eds-choice-chip\" style={style}>\n <input\n className=\"eds-choice-chip__input\"\n type=\"radio\"\n name={name}\n ref={ref}\n value={value}\n disabled={disabled}\n checked={selectedValue === value}\n onChange={onChange}\n 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} & React.DetailedHTMLProps<\n React.ButtonHTMLAttributes<HTMLButtonElement>,\n HTMLButtonElement\n>;\n\nexport const ActionChip = React.forwardRef<HTMLButtonElement, ActionChipProps>(\n (\n { children, className, loading = false, ...rest },\n ref: React.Ref<HTMLButtonElement>,\n ) => {\n const childrenArray = React.Children.toArray(children);\n const isIcon = (child: any) =>\n child?.type?.toString().toLowerCase().includes('icon');\n const hasLeadingIcon =\n childrenArray.length > 1 && isIcon(childrenArray.at(0));\n const hasTrailingIcon =\n childrenArray.length > 1 && isIcon(childrenArray.at(-1));\n\n const ariaLabelValue = () => {\n if (rest['aria-label']) return rest['aria-label'];\n if (loading) return ariaLabelWhenLoading;\n return undefined;\n };\n\n const ariaLabelWhenLoading = childrenArray\n .filter(child => typeof child === 'string')\n .join(' ');\n\n const actionChip = (\n <button\n className={classNames(\n 'eds-chip',\n 'eds-action-chip',\n {\n 'eds-chip--leading-icon': hasLeadingIcon,\n 'eds-chip--trailing-icon': hasTrailingIcon,\n 'eds-action-chip--disabled': rest.disabled,\n },\n className,\n )}\n ref={ref}\n aria-busy={loading}\n aria-label={ariaLabelValue()}\n type=\"button\"\n {...rest}\n >\n {loading ? (\n <LoadingDots className=\"eds-action-chip__loading-dots\" />\n ) : (\n children\n )}\n </button>\n );\n\n if (rest.disabled) {\n return (\n <div className=\"eds-action-chip--disabled__wrapper\">{actionChip}</div>\n );\n }\n return <>{actionChip}</>;\n },\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { 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};\n\nexport const TagChip = React.forwardRef<HTMLButtonElement, TagChipProps>(\n (\n { children, className, onClose, closeButtonAriaLabel, ...rest },\n ref: React.Ref<HTMLButtonElement>,\n ) => {\n const selectedCloseLabel =\n closeButtonAriaLabel ?? 'Fjern ' + children?.toString();\n\n return (\n <div\n className={classNames('eds-chip', 'eds-tag-chip', className)}\n {...rest}\n >\n {children}\n <button\n className=\"eds-tag-chip__close-button\"\n type=\"button\"\n onClick={onClose}\n aria-label={selectedCloseLabel}\n ref={ref}\n >\n <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} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const FilterChip = React.forwardRef<HTMLInputElement, FilterChipProps>(\n (\n { className, children, value, disabled = false, name, style, ...rest },\n ref: React.Ref<HTMLInputElement>,\n ) => {\n const classList = cx(className, 'eds-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\">\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","rest","_excluded","childrenArray","Children","toArray","isIcon","child","type","toString","toLowerCase","includes","hasLeadingIcon","length","at","hasTrailingIcon","classList","cx","name","selectedValue","onChange","createElement","checked","ActionChip","loading","ariaLabelValue","ariaLabelWhenLoading","undefined","filter","join","actionChip","classNames","LoadingDots","Fragment","TagChip","onClose","closeButtonAriaLabel","selectedCloseLabel","onClick","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","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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"}
|