@odx/websites-react 0.1.1 → 1.0.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/dist/components/actions/autocomplete/Autocomplete.d.ts +16 -0
- package/dist/components/actions/autocomplete/Autocomplete.d.ts.map +1 -0
- package/dist/components/actions/autocomplete/Autocomplete.js +47 -0
- package/dist/components/actions/autocomplete/Autocomplete.js.map +1 -0
- package/dist/components/actions/autocomplete/index.d.ts +2 -0
- package/dist/components/actions/autocomplete/index.d.ts.map +1 -0
- package/dist/components/actions/autocomplete/index.js +2 -0
- package/dist/components/actions/autocomplete/index.js.map +1 -0
- package/dist/components/actions/button/Button.d.ts +2 -2
- package/dist/components/actions/button/Button.d.ts.map +1 -1
- package/dist/components/actions/button/Button.js +12 -11
- package/dist/components/actions/button/Button.js.map +1 -1
- package/dist/components/actions/checkbox/Checkbox.d.ts +1 -5
- package/dist/components/actions/checkbox/Checkbox.d.ts.map +1 -1
- package/dist/components/actions/checkbox/Checkbox.js +11 -17
- package/dist/components/actions/checkbox/Checkbox.js.map +1 -1
- package/dist/components/actions/checkboxGroup/CheckboxGroup.d.ts +2 -1
- package/dist/components/actions/checkboxGroup/CheckboxGroup.d.ts.map +1 -1
- package/dist/components/actions/checkboxGroup/CheckboxGroup.js +7 -2
- package/dist/components/actions/checkboxGroup/CheckboxGroup.js.map +1 -1
- package/dist/components/actions/dropdown/Dropdown.d.ts.map +1 -1
- package/dist/components/actions/dropdown/Dropdown.js +1 -2
- package/dist/components/actions/dropdown/Dropdown.js.map +1 -1
- package/dist/components/actions/floatingButton/FloatingButton.js +4 -4
- package/dist/components/actions/floatingButton/FloatingButton.js.map +1 -1
- package/dist/components/actions/link/Link.d.ts +1 -1
- package/dist/components/actions/link/Link.d.ts.map +1 -1
- package/dist/components/actions/link/Link.js +11 -5
- package/dist/components/actions/link/Link.js.map +1 -1
- package/dist/components/actions/multiselect/Multiselect.js +1 -1
- package/dist/components/actions/multiselect/Multiselect.js.map +1 -1
- package/dist/components/actions/radioGroup/RadioGroup.d.ts.map +1 -1
- package/dist/components/actions/radioGroup/RadioGroup.js +1 -1
- package/dist/components/actions/radioGroup/RadioGroup.js.map +1 -1
- package/dist/components/actions/select/Select.d.ts.map +1 -1
- package/dist/components/actions/select/Select.js +1 -1
- package/dist/components/actions/select/Select.js.map +1 -1
- package/dist/components/actions/tag/Tag.js +2 -2
- package/dist/components/actions/tag/Tag.js.map +1 -1
- package/dist/components/actions/text-input/TextInput.d.ts.map +1 -1
- package/dist/components/actions/text-input/TextInput.js +1 -1
- package/dist/components/actions/text-input/TextInput.js.map +1 -1
- package/dist/components/actions/textarea/Textarea.d.ts.map +1 -1
- package/dist/components/actions/textarea/Textarea.js +2 -2
- package/dist/components/actions/textarea/Textarea.js.map +1 -1
- package/dist/components/actions/toggle-button/ToggleButton.js +1 -1
- package/dist/components/actions/toggle-button/ToggleButton.js.map +1 -1
- package/dist/components/index.d.ts +1 -1
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/index.js.map +1 -1
- package/dist/components/layout/card/Card.js +1 -1
- package/dist/components/layout/card/Card.js.map +1 -1
- package/dist/components/layout/dataTable/DataTable.js +1 -1
- package/dist/components/layout/dataTable/DataTable.js.map +1 -1
- package/dist/components/layout/modal/Modal.js +1 -1
- package/dist/components/navigation/footer/Footer.d.ts.map +1 -1
- package/dist/components/navigation/footer/Footer.js +4 -3
- package/dist/components/navigation/footer/Footer.js.map +1 -1
- package/dist/components/navigation/header/AnimatedHeader.js +4 -2
- package/dist/components/navigation/header/AnimatedHeader.js.map +1 -1
- package/dist/components/navigation/header/Header.d.ts.map +1 -1
- package/dist/components/navigation/header/Header.js +4 -4
- package/dist/components/navigation/header/Header.js.map +1 -1
- package/dist/components/navigation/searchInput/SearchInput.d.ts +4 -12
- package/dist/components/navigation/searchInput/SearchInput.d.ts.map +1 -1
- package/dist/components/navigation/searchInput/SearchInput.js +13 -80
- package/dist/components/navigation/searchInput/SearchInput.js.map +1 -1
- package/dist/components/typography/bodyText/BodyText.d.ts +1 -1
- package/dist/components/typography/bodyText/BodyText.d.ts.map +1 -1
- package/dist/components/typography/bodyText/BodyText.js +1 -0
- package/dist/components/typography/bodyText/BodyText.js.map +1 -1
- package/dist/utils/utils.d.ts.map +1 -1
- package/dist/utils/utils.js +5 -1
- package/dist/utils/utils.js.map +1 -1
- package/package.json +3 -3
- package/dist/components/actions/combobox/Combobox.d.ts +0 -13
- package/dist/components/actions/combobox/Combobox.d.ts.map +0 -1
- package/dist/components/actions/combobox/Combobox.js +0 -45
- package/dist/components/actions/combobox/Combobox.js.map +0 -1
- package/dist/components/actions/combobox/index.d.ts +0 -2
- package/dist/components/actions/combobox/index.d.ts.map +0 -1
- package/dist/components/actions/combobox/index.js +0 -2
- package/dist/components/actions/combobox/index.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../../../src/components/navigation/searchInput/SearchInput.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAC,OAAO,EAAC,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAC,SAAS,EAAE,UAAU,EAAC,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAC,
|
|
1
|
+
{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../../../src/components/navigation/searchInput/SearchInput.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAC,OAAO,EAAC,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAC,SAAS,EAAE,UAAU,EAAC,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,aAAa,EAAC,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAC,YAAY,EAAyB,MAAM,4BAA4B,CAAC;AAChF,OAAO,EAAC,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAY7C,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EACtD,QAAQ,EACR,OAAO,GAAG,EAAE,EACZ,WAAW,EACX,mBAAmB,EACnB,KAAK,EACL,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAC;IAC7E,MAAM,QAAQ,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAErC,MAAM,YAAY,GAAG,CAAC,cAAqC,EAAE,EAAE;QAC7D,IAAI,cAAc,EAAE,CAAC;YACnB,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;QACjC,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,0EAA0E,aACtF,QAAQ,IAAI,CACX,cAAK,SAAS,EAAC,iEAAiE,YAC9E,KAAC,MAAM,IACL,OAAO,EAAE,eAAe,EACxB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,CAAC,eAAe,CAAC,gBACvC,4BAA4B,EACxC,IAAI,kBAEJ,KAAC,OAAO,IACN,IAAI,EAAE,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,EAC9C,IAAI,EAAE,IAAI,GACV,GACK,GACL,CACP,EACD,KAAC,UAAU,IACT,EAAE,EAAE,KAAK,CAAC,QAAQ,EAClB,IAAI,EAAE,CAAC,QAAQ,IAAI,CAAC,QAAQ,IAAI,eAAe,CAAC,EAChD,KAAK,EAAC,uCAAuC,EAC7C,SAAS,EAAC,WAAW,EACrB,OAAO,EAAC,aAAa,EACrB,KAAK,EAAC,+CAA+C,EACrD,SAAS,EAAC,aAAa,EACvB,OAAO,EAAC,WAAW,YAEnB,cACE,SAAS,EAAE,EAAE,CACX,mBAAmB,EACnB,QAAQ;wBACN,8DAA8D,CACjE,YAED,KAAC,YAAY,IACX,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;4BAC9B,KAAK,EAAE,MAAM;4BACb,KAAK,EAAE,MAAM;yBACd,CAAC,CAAC,EACH,qBAAqB,QACrB,mBAAmB,EAAE,mBAAmB,EACxC,QAAQ,EAAE,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAC,EACtC,gBAAgB,EAAC,eAAe,EAChC,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,GAClB,GACE,GACK,IACT,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { type VariantProps } from 'class-variance-authority';
|
|
3
3
|
declare const bodyTextVariants: (props?: ({
|
|
4
|
-
textColor?: "inherit" | "white" | "airBlue" | "paleBlue" | "darkBlue" | null | undefined;
|
|
4
|
+
textColor?: "none" | "inherit" | "white" | "airBlue" | "paleBlue" | "darkBlue" | null | undefined;
|
|
5
5
|
variant?: "small" | "medium" | "large" | null | undefined;
|
|
6
6
|
weight?: "bold" | "medium" | "normal" | null | undefined;
|
|
7
7
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BodyText.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/bodyText/BodyText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,KAAK,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAIhE,QAAA,MAAM,gBAAgB;;;;
|
|
1
|
+
{"version":3,"file":"BodyText.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/bodyText/BodyText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,KAAK,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAIhE,QAAA,MAAM,gBAAgB;;;;mFA0BpB,CAAC;AAEH,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,EAChD,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAkB5C,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BodyText.js","sourceRoot":"","sources":["../../../../src/components/typography/bodyText/BodyText.tsx"],"names":[],"mappings":";AACA,OAAO,EAAoB,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,IAAI,EAAC,MAAM,sBAAsB,CAAC;AAE1C,MAAM,gBAAgB,GAAG,GAAG,CAAC,WAAW,EAAE;IACxC,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,KAAK,EAAE,oBAAoB;YAC3B,OAAO,EAAE,uBAAuB;YAChC,QAAQ,EAAE,wBAAwB;YAClC,QAAQ,EAAE,wBAAwB;YAClC,OAAO,EAAE,cAAc;
|
|
1
|
+
{"version":3,"file":"BodyText.js","sourceRoot":"","sources":["../../../../src/components/typography/bodyText/BodyText.tsx"],"names":[],"mappings":";AACA,OAAO,EAAoB,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,IAAI,EAAC,MAAM,sBAAsB,CAAC;AAE1C,MAAM,gBAAgB,GAAG,GAAG,CAAC,WAAW,EAAE;IACxC,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,KAAK,EAAE,oBAAoB;YAC3B,OAAO,EAAE,uBAAuB;YAChC,QAAQ,EAAE,wBAAwB;YAClC,QAAQ,EAAE,wBAAwB;YAClC,OAAO,EAAE,cAAc;YACvB,IAAI,EAAE,EAAE;SACT;QACD,OAAO,EAAE;YACP,KAAK,EAAE,gDAAgD;YACvD,MAAM,EAAE,gCAAgC;YACxC,KAAK,EAAE,kDAAkD;SAC1D;QACD,MAAM,EAAE;YACN,MAAM,EAAE,aAAa;YACrB,MAAM,EAAE,aAAa;YACrB,IAAI,EAAE,eAAe;SACtB;KACF;IACD,eAAe,EAAE;QACf,SAAS,EAAE,UAAU;QACrB,OAAO,EAAE,QAAQ;QACjB,MAAM,EAAE,QAAQ;KACjB;CACF,CAAC,CAAC;AASH,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAChD,OAAO,EACP,SAAS,EACT,SAAS,EACT,MAAM,EACN,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IACpC,OAAO,CACL,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CAAC,gBAAgB,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAC,CAAC,CAAC,KACpE,KAAK,YAER,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,UAAU,EAAC,MAAM,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,UAAU,EAAC,MAAM,MAAM,CAAC;AAqB3C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,UAAU,CAAC,CAAC,CAAC,EAC1E,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,MAAM,GACd,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CASlC;AAED,wBAAgB,QAAQ,CAAC,CAAC,EAAE,CAAC,SAAS,OAAO,EAAE,EAC7C,EAAE,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,KAAK,IAAI,EACxB,KAAK,EAAE,MAAM,GACZ,CAAC,CAAC,GAAG,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,SAAS,EAAE,MAAM,IAAI,CAAC,CAwB7C"}
|
package/dist/utils/utils.js
CHANGED
|
@@ -3,7 +3,11 @@ import { extendTailwindMerge } from 'tailwind-merge';
|
|
|
3
3
|
const twMerge = extendTailwindMerge({
|
|
4
4
|
extend: {
|
|
5
5
|
classGroups: {
|
|
6
|
-
'font-size': [
|
|
6
|
+
'font-size': [
|
|
7
|
+
'text-label-sm',
|
|
8
|
+
'text-button-text-large',
|
|
9
|
+
'text-button-text-small',
|
|
10
|
+
],
|
|
7
11
|
h: [
|
|
8
12
|
'element-height-xs',
|
|
9
13
|
'element-height-sm',
|
package/dist/utils/utils.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAkB,MAAM,MAAM,CAAC;AAC3C,OAAO,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAC;AAEnD,MAAM,OAAO,GAAG,mBAAmB,CAAC;IAClC,MAAM,EAAE;QACN,WAAW,EAAE;YACX,WAAW,EAAE,
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAkB,MAAM,MAAM,CAAC;AAC3C,OAAO,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAC;AAEnD,MAAM,OAAO,GAAG,mBAAmB,CAAC;IAClC,MAAM,EAAE;QACN,WAAW,EAAE;YACX,WAAW,EAAE;gBACX,eAAe;gBACf,wBAAwB;gBACxB,wBAAwB;aACzB;YACD,CAAC,EAAE;gBACD,mBAAmB;gBACnB,mBAAmB;gBACnB,mBAAmB;gBACnB,mBAAmB;aACpB;SACF;KACF;CACF,CAAC,CAAC;AAEH,MAAM,UAAU,EAAE,CAAC,GAAG,MAAoB;IACxC,OAAO,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;AAC/B,CAAC;AAED,MAAM,UAAU,QAAQ,CACtB,QAAW,EACX,OAAe;IAEf,IAAI,KAAoC,CAAC;IAEzC,OAAO,CAAC,GAAG,IAAmB,EAAE,EAAE;QAChC,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;YACtB,QAAQ,CAAC,GAAG,IAAI,CAAC,CAAC;QACpB,CAAC,EAAE,OAAO,CAAC,CAAC;IACd,CAAC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,QAAQ,CACtB,EAAwB,EACxB,KAAa;IAEb,IAAI,IAAI,GAAG,KAAK,CAAC;IACjB,IAAI,OAA2B,CAAC;IAChC,IAAI,SAAS,GAAG,KAAK,CAAC;IAEtB,OAAO;QACL,CAAC,GAAG,IAAO,EAAE,EAAE;YACb,IAAI,SAAS;gBAAE,OAAO,SAAS,CAAC;YAChC,IAAI,IAAI;gBAAE,OAAO,SAAS,CAAC;YAE3B,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC;YAEZ,IAAI,GAAG,IAAI,CAAC;YAEZ,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;gBAC/B,IAAI,GAAG,KAAK,CAAC;gBACb,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC;YACd,CAAC,EAAE,KAAK,CAAC,CAAC;QACZ,CAAC;QACD,GAAG,EAAE;YACH,SAAS,GAAG,IAAI,CAAC;YACjB,YAAY,CAAC,OAAO,CAAC,CAAC;QACxB,CAAC;KACF,CAAC;AACJ,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@odx/websites-react",
|
|
3
3
|
"author": "Drägerwerk AG & Co. KGaA",
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "1.0.0",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"description": "ODX React component library for websites",
|
|
7
7
|
"type": "module",
|
|
@@ -84,10 +84,10 @@
|
|
|
84
84
|
"typescript": "^5.3.2",
|
|
85
85
|
"@odx/eslint-config-websites": "0.0.0",
|
|
86
86
|
"@odx/websites-tsconfig": "0.0.0",
|
|
87
|
-
"@odx/websites-ui": "0.
|
|
87
|
+
"@odx/websites-ui": "0.2.0"
|
|
88
88
|
},
|
|
89
89
|
"peerDependencies": {
|
|
90
|
-
"@odx/websites-ui": ">=0.
|
|
90
|
+
"@odx/websites-ui": ">=0.2.0",
|
|
91
91
|
"react": "^18.2.0",
|
|
92
92
|
"react-dom": "^18.2.0",
|
|
93
93
|
"tailwindcss": "^3.3.5"
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { type FormField, type FormFieldWrapperVariants } from '../formField';
|
|
3
|
-
import { SelectorOption } from '../..';
|
|
4
|
-
export interface ComboboxProps extends FormFieldWrapperVariants, FormField {
|
|
5
|
-
options: SelectorOption[];
|
|
6
|
-
selected?: SelectorOption | null;
|
|
7
|
-
placeholder: string;
|
|
8
|
-
onChange: (value: SelectorOption | null) => void;
|
|
9
|
-
filterFunction?: (option: SelectorOption, query: string) => boolean;
|
|
10
|
-
}
|
|
11
|
-
declare const Combobox: React.FC<ComboboxProps>;
|
|
12
|
-
export { Combobox };
|
|
13
|
-
//# sourceMappingURL=Combobox.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/combobox/Combobox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,OAAO,EAML,KAAK,SAAS,EACd,KAAK,wBAAwB,EAC9B,MAAM,cAAc,CAAC;AACtB,OAAO,EAEL,cAAc,EAIf,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,aAAc,SAAQ,wBAAwB,EAAE,SAAS;IACxE,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;CACrE;AAoDD,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAyIrC,CAAC;AAEF,OAAO,EAAC,QAAQ,EAAC,CAAC"}
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
|
-
import * as React from 'react';
|
|
4
|
-
import { Combobox as ComboboxPrimitive, ComboboxInput as ComboboxPrimitiveInput, ComboboxOption as ComboboxPrimitiveOption, ComboboxOptions as ComboboxPrimitiveOptions, ComboboxButton as ComboboxPrimitiveButton, Transition, } from '@headlessui/react';
|
|
5
|
-
import { IconCheck, IconChevronDown, IconClose, IconFeedbackWarning, IconSearch, } from '../../../icons';
|
|
6
|
-
import { FormFieldHelperText, FormFieldIcon, FormFieldIconsContainer, FormFieldLabel, formFieldWrapperVariants, } from '../formField';
|
|
7
|
-
import { SvgIcon, optionVariants, optionsVariants, } from '../..';
|
|
8
|
-
import { useFieldId } from '../../../hooks';
|
|
9
|
-
import { cn } from '../../../utils';
|
|
10
|
-
const ComboboxOption = ({ option, size, ...props }) => {
|
|
11
|
-
const { label, disabled } = option;
|
|
12
|
-
return (_jsx(ComboboxPrimitiveOption, { disabled: disabled, value: option, ...props, children: ({ selected, focus, disabled }) => (_jsxs("div", { title: label, className: cn(optionVariants({ size }), focus && 'bg-draeger-cool-gray-100', disabled
|
|
13
|
-
? 'text-draeger-warm-gray-150 cursor-not-allowed'
|
|
14
|
-
: 'hover:bg-draeger-cool-gray-100', 'justify-between'), children: [_jsx("span", { className: "truncate", children: label }), selected && (_jsx(SvgIcon, { className: "shrink-0", icon: IconCheck, size: "md" }))] })) }));
|
|
15
|
-
};
|
|
16
|
-
const defaultFilterFunction = ({ label }, query) => label.toLowerCase().includes(query.toLowerCase());
|
|
17
|
-
const filterOptions = (options, query = '', filterFunction) => query === ''
|
|
18
|
-
? options
|
|
19
|
-
: options.filter(option => (filterFunction ?? defaultFilterFunction)(option, query));
|
|
20
|
-
const Combobox = ({ options, selected, onChange, disabled, label, helperText, invalidText, invalid = false, placeholder, filterFunction, size, wrapperClassName, }) => {
|
|
21
|
-
const [query, setQuery] = React.useState('');
|
|
22
|
-
const [focused, setFocused] = React.useState(false);
|
|
23
|
-
const { id, labelId, helperTextId } = useFieldId();
|
|
24
|
-
const inputRef = React.useRef(null);
|
|
25
|
-
const filteredOptions = filterOptions(options, query, filterFunction);
|
|
26
|
-
const hasQuery = Boolean(query?.length);
|
|
27
|
-
return (_jsx("div", { className: cn('font-text relative', wrapperClassName), children: _jsxs(ComboboxPrimitive, { as: "div", className: 'group', value: selected, onChange: value => {
|
|
28
|
-
onChange(value);
|
|
29
|
-
setQuery(value?.label ?? '');
|
|
30
|
-
}, disabled: disabled, immediate: true, children: [label && (_jsx(FormFieldLabel, { id: labelId, htmlFor: id, label: label, disabled: disabled })), _jsxs("div", { className: "relative inline-block w-full", children: [_jsx(ComboboxPrimitiveInput, { id: id, autoComplete: "off", ref: inputRef, displayValue: option => option?.label, onBlur: () => {
|
|
31
|
-
setQuery('');
|
|
32
|
-
setFocused(false);
|
|
33
|
-
}, onFocus: () => setFocused(true), onChange: event => setQuery(event.target.value), onKeyDown: e => e.key === 'Enter' && setQuery(''), placeholder: placeholder, "data-invalid": invalid, "aria-labelledby": label && labelId, "aria-describedby": helperText && helperTextId, className: cn(formFieldWrapperVariants({ size }), 'pl-16 pr-14', (hasQuery || invalid) && 'pr-24', hasQuery && invalid && 'pr-32') }), _jsx(FormFieldIconsContainer, { align: 'left', children: _jsx(FormFieldIcon, { className: "pointer-events-auto", icon: IconSearch }) }), _jsxs(FormFieldIconsContainer, { children: [invalid && (_jsx(FormFieldIcon, { className: "pointer-events-auto", icon: IconFeedbackWarning })), focused && (hasQuery || selected?.value) && (_jsxs(_Fragment, { children: [_jsx(FormFieldIcon, { className: "w-5 cursor-pointer pointer-events-auto text-draeger-cool-gray-750", onMouseDown: e => e.preventDefault(), onMouseUp: () => {
|
|
34
|
-
if (!inputRef.current)
|
|
35
|
-
return;
|
|
36
|
-
onChange(null);
|
|
37
|
-
inputRef.current.blur();
|
|
38
|
-
requestAnimationFrame(() => {
|
|
39
|
-
inputRef.current.focus();
|
|
40
|
-
inputRef.current.value = '';
|
|
41
|
-
});
|
|
42
|
-
}, icon: IconClose }), _jsx("div", { className: "w-px h-full bg-draeger-cool-gray-150 mx-0.5" })] })), _jsx(ComboboxPrimitiveButton, { "aria-label": "Expand", children: _jsx(FormFieldIcon, { className: cn('cursor-pointer pointer-events-auto text-draeger-cool-gray-750 group-data-[headlessui-state=open]:rotate-180 transition-all duration-100', disabled && 'cursor-not-allowed text-draeger-cool-gray-250 '), icon: IconChevronDown }) })] })] }), _jsx(Transition, { enter: "duration-200 ease-out", enterFrom: "scale-95 opacity-0", enterTo: "scale-100 opacity-100", leave: "duration-300 ease-out", leaveFrom: "scale-100 opacity-100", leaveTo: "scale-95 opacity-0", children: _jsx(ComboboxPrimitiveOptions, { anchor: { to: 'bottom' }, className: cn(optionsVariants({ size }), 'w-[var(--input-width)] origin-top transition'), children: filteredOptions.map(option => (_jsx(ComboboxOption, { option: option, size: size }, option.label))) }) }), _jsx(FormFieldHelperText, { id: helperTextId, helperText: helperText, invalidText: invalidText, invalid: invalid, disabled: disabled })] }) }));
|
|
43
|
-
};
|
|
44
|
-
export { Combobox };
|
|
45
|
-
//# sourceMappingURL=Combobox.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Combobox.js","sourceRoot":"","sources":["../../../../src/components/actions/combobox/Combobox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/combobox/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/actions/combobox/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
|