@activecollab/components 1.0.152 → 1.0.153
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/cjs/components/CounterButton/CounterButton.js.map +1 -1
- package/dist/cjs/components/Filter/Filter.js +228 -0
- package/dist/cjs/components/Filter/Filter.js.map +1 -0
- package/dist/cjs/components/Filter/StartMenu.js +60 -0
- package/dist/cjs/components/Filter/StartMenu.js.map +1 -0
- package/dist/cjs/components/Filter/Styles.js +69 -0
- package/dist/cjs/components/Filter/Styles.js.map +1 -0
- package/dist/cjs/components/Filter/Submenu.js +52 -0
- package/dist/cjs/components/Filter/Submenu.js.map +1 -0
- package/dist/cjs/components/Filter/index.js +19 -0
- package/dist/cjs/components/Filter/index.js.map +1 -0
- package/dist/cjs/components/List/ListItem.js.map +1 -1
- package/dist/cjs/components/Menu/MenuFooter.js.map +1 -1
- package/dist/cjs/components/Select/Option/Option.js.map +1 -1
- package/dist/cjs/components/Select/OptionContent/Styles.js +1 -1
- package/dist/cjs/components/Select/OptionContent/Styles.js.map +1 -1
- package/dist/cjs/components/index.js +13 -0
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/esm/components/CounterButton/CounterButton.d.ts +1 -1
- package/dist/esm/components/CounterButton/CounterButton.d.ts.map +1 -1
- package/dist/esm/components/CounterButton/CounterButton.js.map +1 -1
- package/dist/esm/components/Filter/Filter.d.ts +23 -0
- package/dist/esm/components/Filter/Filter.d.ts.map +1 -0
- package/dist/esm/components/Filter/Filter.js +182 -0
- package/dist/esm/components/Filter/Filter.js.map +1 -0
- package/dist/esm/components/Filter/StartMenu.d.ts +10 -0
- package/dist/esm/components/Filter/StartMenu.d.ts.map +1 -0
- package/dist/esm/components/Filter/StartMenu.js +41 -0
- package/dist/esm/components/Filter/StartMenu.js.map +1 -0
- package/dist/esm/components/Filter/Styles.d.ts +10 -0
- package/dist/esm/components/Filter/Styles.d.ts.map +1 -0
- package/dist/esm/components/Filter/Styles.js +47 -0
- package/dist/esm/components/Filter/Styles.js.map +1 -0
- package/dist/esm/components/Filter/Submenu.d.ts +9 -0
- package/dist/esm/components/Filter/Submenu.d.ts.map +1 -0
- package/dist/esm/components/Filter/Submenu.js +32 -0
- package/dist/esm/components/Filter/Submenu.js.map +1 -0
- package/dist/esm/components/Filter/index.d.ts +2 -0
- package/dist/esm/components/Filter/index.d.ts.map +1 -0
- package/dist/esm/components/Filter/index.js +2 -0
- package/dist/esm/components/Filter/index.js.map +1 -0
- package/dist/esm/components/List/ListItem.d.ts +1 -2
- package/dist/esm/components/List/ListItem.d.ts.map +1 -1
- package/dist/esm/components/List/ListItem.js.map +1 -1
- package/dist/esm/components/Menu/MenuFooter.d.ts +1 -2
- package/dist/esm/components/Menu/MenuFooter.d.ts.map +1 -1
- package/dist/esm/components/Menu/MenuFooter.js.map +1 -1
- package/dist/esm/components/Select/Option/Option.d.ts +1 -0
- package/dist/esm/components/Select/Option/Option.d.ts.map +1 -1
- package/dist/esm/components/Select/Option/Option.js.map +1 -1
- package/dist/esm/components/Select/OptionContent/Styles.d.ts.map +1 -1
- package/dist/esm/components/Select/OptionContent/Styles.js +1 -1
- package/dist/esm/components/Select/OptionContent/Styles.js.map +1 -1
- package/dist/esm/components/index.d.ts +1 -0
- package/dist/esm/components/index.d.ts.map +1 -1
- package/dist/esm/components/index.js +1 -0
- package/dist/esm/components/index.js.map +1 -1
- package/dist/index.js +294 -10
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./Button\";\nexport * from \"./ButtonGroup\";\nexport * from \"./Breadcrumbs\";\nexport * from \"./CounterButton\";\nexport * from \"./Steppers\";\nexport * from \"./Tables\";\nexport * from \"./CompleteCheckbox\";\nexport * from \"./Paper\";\nexport * from \"./ScaleBar\";\nexport * from \"./Card\";\nexport * from \"./EntityCard\";\nexport * from \"./Signifier\";\nexport * from \"./Avatar\";\nexport * from \"./Tag\";\nexport * from \"./Loaders\";\nexport * from \"./Nav\";\nexport * from \"./Bubble\";\nexport * from \"./Input\";\nexport * from \"./Menu\";\nexport * from \"./Expanders\";\nexport * from \"./Pickers\";\nexport * from \"./DatePicker\";\nexport * from \"./List\";\nexport * from \"./MenuSelector\";\nexport * from \"./MultiAvatar\";\nexport * from \"./RadioButton\";\nexport * from \"./ScrollShadow\";\nexport * from \"./Icons\";\nexport * from \"./Textarea\";\nexport * from \"./Modal\";\nexport * from \"./Sheet\";\nexport * from \"./Header\";\nexport * from \"./AutoResizeTextarea\";\nexport * from \"./Overlay\";\nexport * from \"./Accordion\";\nexport * from \"./Choose\";\nexport * from \"./Links\";\nexport * from \"./SelectDate\";\nexport * from \"./Popper\";\nexport * from \"./ToastMessage\";\nexport * from \"./Tooltip\";\nexport * from \"./Transitions\";\nexport * from \"./Pressed\";\nexport * from \"./Window\";\nexport * from \"./ValueButton\";\nexport * from \"./Select\";\nexport * from \"./SelectTrigger\";\nexport * from \"./Dialog\";\nexport * from \"./ConfirmDialog\";\nexport * from \"./Checkbox\";\nexport * from \"./Toggle\";\nexport * from \"./Typography\";\nexport * from \"./Autocomplete\";\nexport * from \"./ComboBox\";\nexport * from \"./ProgressBar\";\nexport * from \"./Reactions\";\nexport * from \"./Label\";\nexport * from \"./GlobalStyle\";\nexport * from \"./ProgressRing\";\nexport * from \"./Folder\";\nexport * from \"./Chip\";\nexport * from \"./Trigger\";\nexport * from \"./Dot\";\nexport * from \"./Entity\";\n"],"file":"index.js"}
|
|
1
|
+
{"version":3,"sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./Button\";\nexport * from \"./ButtonGroup\";\nexport * from \"./Breadcrumbs\";\nexport * from \"./CounterButton\";\nexport * from \"./Steppers\";\nexport * from \"./Tables\";\nexport * from \"./CompleteCheckbox\";\nexport * from \"./Paper\";\nexport * from \"./ScaleBar\";\nexport * from \"./Card\";\nexport * from \"./EntityCard\";\nexport * from \"./Signifier\";\nexport * from \"./Avatar\";\nexport * from \"./Tag\";\nexport * from \"./Loaders\";\nexport * from \"./Nav\";\nexport * from \"./Bubble\";\nexport * from \"./Input\";\nexport * from \"./Menu\";\nexport * from \"./Expanders\";\nexport * from \"./Pickers\";\nexport * from \"./DatePicker\";\nexport * from \"./List\";\nexport * from \"./MenuSelector\";\nexport * from \"./MultiAvatar\";\nexport * from \"./RadioButton\";\nexport * from \"./ScrollShadow\";\nexport * from \"./Icons\";\nexport * from \"./Textarea\";\nexport * from \"./Modal\";\nexport * from \"./Sheet\";\nexport * from \"./Header\";\nexport * from \"./AutoResizeTextarea\";\nexport * from \"./Overlay\";\nexport * from \"./Accordion\";\nexport * from \"./Choose\";\nexport * from \"./Links\";\nexport * from \"./SelectDate\";\nexport * from \"./Popper\";\nexport * from \"./ToastMessage\";\nexport * from \"./Tooltip\";\nexport * from \"./Transitions\";\nexport * from \"./Pressed\";\nexport * from \"./Window\";\nexport * from \"./ValueButton\";\nexport * from \"./Select\";\nexport * from \"./SelectTrigger\";\nexport * from \"./Dialog\";\nexport * from \"./ConfirmDialog\";\nexport * from \"./Checkbox\";\nexport * from \"./Toggle\";\nexport * from \"./Typography\";\nexport * from \"./Autocomplete\";\nexport * from \"./ComboBox\";\nexport * from \"./ProgressBar\";\nexport * from \"./Reactions\";\nexport * from \"./Label\";\nexport * from \"./GlobalStyle\";\nexport * from \"./ProgressRing\";\nexport * from \"./Folder\";\nexport * from \"./Chip\";\nexport * from \"./Trigger\";\nexport * from \"./Dot\";\nexport * from \"./Entity\";\nexport * from \"./Filter\";\n"],"file":"index.js"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CounterButton.d.ts","sourceRoot":"","sources":["../../../../src/components/CounterButton/CounterButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,YAAY,EAAE,MAAM,OAAO,CAAC;AAYxD,MAAM,WAAW,mBAAmB;IAElC,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,IAAI,CAAC,EAAE,YAAY,CAAC;IAEpB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,UAAU,EAAE,
|
|
1
|
+
{"version":3,"file":"CounterButton.d.ts","sourceRoot":"","sources":["../../../../src/components/CounterButton/CounterButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,YAAY,EAAE,MAAM,OAAO,CAAC;AAYxD,MAAM,WAAW,mBAAmB;IAElC,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,IAAI,CAAC,EAAE,YAAY,CAAC;IAEpB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,UAAU,EAAE,CAAC,KAAK,CAAC,KAAA,KAAK,IAAI,CAAC;IAE7B,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,+FA+DzB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/CounterButton/CounterButton.tsx"],"names":["React","forwardRef","classNames","Tooltip","CloseSmallIcon","StyledCounterButton","StyledCounterButtonCounter","StyledCounterButtonLabel","StyledCounterButtonReset","StyledCounterButtonWrapper","CounterButton","ref","label","icon","active","counter","tooltipText","onClearAll","className","args","cloneElement","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAgD,OAAhD;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,OAAT,QAAwB,oBAAxB;AACA,OAAOC,cAAP,MAA2B,gCAA3B;AACA,SACEC,mBADF,EAEEC,0BAFF,EAGEC,wBAHF,EAIEC,wBAJF,EAKEC,0BALF,QAMO,UANP;AAyBA,OAAO,IAAMC,aAAa,gBAAGT,UAAU,CACrC,gBAWEU,GAXF,EAYK;AAAA,MAVDC,KAUC,QAVDA,KAUC;AAAA,MATDC,IASC,QATDA,IASC;AAAA,MARDC,MAQC,QARDA,MAQC;AAAA,0BAPDC,OAOC;AAAA,MAPDA,OAOC,6BAPS,CAOT;AAAA,MANDC,WAMC,QANDA,WAMC;AAAA,MALDC,UAKC,QALDA,UAKC;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHEC,IAGF;;AACH,sBACE,oBAAC,0BAAD;AAA4B,IAAA,SAAS,EAAED;AAAvC,kBACE,oBAAC,mBAAD;AACE,IAAA,SAAS,EAAEhB,UAAU,CAAC,kBAAD,EAAqB;AACxC,oCAA8Ba;AADU,KAArB;AADvB,KAIMI,IAJN;AAKE,IAAA,GAAG,EAAER,GALP;AAME,IAAA,OAAO,EAAE,WANX;AAOE,IAAA,OAAO,EAAEI,OAAO,GAAG,CAAV,IAAeD,MAP1B;AAQE,IAAA,SAAS,EAAEC,OAAO,GAAG;AARvB,MAUGF,IAAI,iBACHb,KAAK,CAACoB,YAAN,CAAmBP,IAAnB,EAAyB;AACvBK,IAAAA,SAAS,EAAEhB,UAAU,CAAC,wBAAD;AADE,GAAzB,CAXJ,EAcGU,KAAK,iBACJ,oBAAC,wBAAD;AACE,IAAA,KAAK,EAAC,WADR;AAEE,IAAA,MAAM,EAAC,QAFT;AAGE,IAAA,SAAS,EAAE,yBAHb;AAIE,IAAA,OAAO,EAAEG,OAAO,GAAG,CAAV,IAAeD;AAJ1B,KAMGF,KANH,CAfJ,EAwBGG,OAAO,GAAG,CAAV,gBACC,oBAAC,0BAAD;AAA4B,IAAA,SAAS,EAAE;AAAvC,KACGA,OADH,CADD,GAIG,IA5BN,CADF,EA+BGA,OAAO,GAAG,CAAV,gBACC,oBAAC,OAAD;AACE,IAAA,KAAK,OAAKC,WADZ;AAEE,IAAA,sBAAsB,EAAC;AAFzB,kBAIE,oBAAC,wBAAD;AACE,IAAA,OAAO,EAAC,cADV;AAEE,IAAA,SAAS,EAAC,yBAFZ;AAGE,IAAA,OAAO,EAAEC;AAHX,kBAKE,oBAAC,cAAD,OALF,CAJF,CADD,GAaG,IA5CN,CADF;AAgDD,CA9DoC,CAAhC;AAiEPP,aAAa,CAACW,WAAd,GAA4B,eAA5B","sourcesContent":["import React, { forwardRef, ReactElement } from \"react\";\nimport classNames from \"classnames\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\nimport CloseSmallIcon from \"../Icons/collection/CloseSmall\";\nimport {\n StyledCounterButton,\n StyledCounterButtonCounter,\n StyledCounterButtonLabel,\n StyledCounterButtonReset,\n StyledCounterButtonWrapper,\n} from \"./Styles\";\n\nexport interface ICounterButtonProps {\n /** Set active state */\n active?: boolean;\n /** Label for value */\n label?: string;\n /** Icon */\n icon?: ReactElement;\n /** Number of applied filters */\n counter?: number;\n /** OnClearAll callback */\n onClearAll: () => void;\n /** Tooltip content */\n tooltipText?: string;\n /** Applies passed classes */\n className?: string;\n}\n\nexport const CounterButton = forwardRef<HTMLButtonElement, ICounterButtonProps>(\n (\n {\n label,\n icon,\n active,\n counter = 0,\n tooltipText,\n onClearAll,\n className,\n ...args\n },\n ref\n ) => {\n return (\n <StyledCounterButtonWrapper className={className}>\n <StyledCounterButton\n className={classNames(\"c-counter-button\", {\n \"c-counter-button__selected\": counter,\n })}\n {...args}\n ref={ref}\n variant={\"text gray\"}\n $active={counter > 0 || active}\n $selected={counter > 0}\n >\n {icon &&\n React.cloneElement(icon, {\n className: classNames(\"c-counter-button__icon\"),\n })}\n {label && (\n <StyledCounterButtonLabel\n color=\"secondary\"\n weight=\"medium\"\n className={\"c-counter-button__label\"}\n $active={counter > 0 || active}\n >\n {label}\n </StyledCounterButtonLabel>\n )}\n {counter > 0 ? (\n <StyledCounterButtonCounter className={\"c-counter-button__counter\"}>\n {counter}\n </StyledCounterButtonCounter>\n ) : null}\n </StyledCounterButton>\n {counter > 0 ? (\n <Tooltip\n title={`${tooltipText}`}\n popperTooltipClassName=\"z-index-1300\"\n >\n <StyledCounterButtonReset\n variant=\"text colored\"\n className=\"c-counter-button__reset\"\n onClick={onClearAll}\n >\n <CloseSmallIcon />\n </StyledCounterButtonReset>\n </Tooltip>\n ) : null}\n </StyledCounterButtonWrapper>\n );\n }\n);\n\nCounterButton.displayName = \"CounterButton\";\n"],"file":"CounterButton.js"}
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/CounterButton/CounterButton.tsx"],"names":["React","forwardRef","classNames","Tooltip","CloseSmallIcon","StyledCounterButton","StyledCounterButtonCounter","StyledCounterButtonLabel","StyledCounterButtonReset","StyledCounterButtonWrapper","CounterButton","ref","label","icon","active","counter","tooltipText","onClearAll","className","args","cloneElement","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAgD,OAAhD;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,OAAT,QAAwB,oBAAxB;AACA,OAAOC,cAAP,MAA2B,gCAA3B;AACA,SACEC,mBADF,EAEEC,0BAFF,EAGEC,wBAHF,EAIEC,wBAJF,EAKEC,0BALF,QAMO,UANP;AAyBA,OAAO,IAAMC,aAAa,gBAAGT,UAAU,CACrC,gBAWEU,GAXF,EAYK;AAAA,MAVDC,KAUC,QAVDA,KAUC;AAAA,MATDC,IASC,QATDA,IASC;AAAA,MARDC,MAQC,QARDA,MAQC;AAAA,0BAPDC,OAOC;AAAA,MAPDA,OAOC,6BAPS,CAOT;AAAA,MANDC,WAMC,QANDA,WAMC;AAAA,MALDC,UAKC,QALDA,UAKC;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHEC,IAGF;;AACH,sBACE,oBAAC,0BAAD;AAA4B,IAAA,SAAS,EAAED;AAAvC,kBACE,oBAAC,mBAAD;AACE,IAAA,SAAS,EAAEhB,UAAU,CAAC,kBAAD,EAAqB;AACxC,oCAA8Ba;AADU,KAArB;AADvB,KAIMI,IAJN;AAKE,IAAA,GAAG,EAAER,GALP;AAME,IAAA,OAAO,EAAE,WANX;AAOE,IAAA,OAAO,EAAEI,OAAO,GAAG,CAAV,IAAeD,MAP1B;AAQE,IAAA,SAAS,EAAEC,OAAO,GAAG;AARvB,MAUGF,IAAI,iBACHb,KAAK,CAACoB,YAAN,CAAmBP,IAAnB,EAAyB;AACvBK,IAAAA,SAAS,EAAEhB,UAAU,CAAC,wBAAD;AADE,GAAzB,CAXJ,EAcGU,KAAK,iBACJ,oBAAC,wBAAD;AACE,IAAA,KAAK,EAAC,WADR;AAEE,IAAA,MAAM,EAAC,QAFT;AAGE,IAAA,SAAS,EAAE,yBAHb;AAIE,IAAA,OAAO,EAAEG,OAAO,GAAG,CAAV,IAAeD;AAJ1B,KAMGF,KANH,CAfJ,EAwBGG,OAAO,GAAG,CAAV,gBACC,oBAAC,0BAAD;AAA4B,IAAA,SAAS,EAAE;AAAvC,KACGA,OADH,CADD,GAIG,IA5BN,CADF,EA+BGA,OAAO,GAAG,CAAV,gBACC,oBAAC,OAAD;AACE,IAAA,KAAK,OAAKC,WADZ;AAEE,IAAA,sBAAsB,EAAC;AAFzB,kBAIE,oBAAC,wBAAD;AACE,IAAA,OAAO,EAAC,cADV;AAEE,IAAA,SAAS,EAAC,yBAFZ;AAGE,IAAA,OAAO,EAAEC;AAHX,kBAKE,oBAAC,cAAD,OALF,CAJF,CADD,GAaG,IA5CN,CADF;AAgDD,CA9DoC,CAAhC;AAiEPP,aAAa,CAACW,WAAd,GAA4B,eAA5B","sourcesContent":["import React, { forwardRef, ReactElement } from \"react\";\nimport classNames from \"classnames\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\nimport CloseSmallIcon from \"../Icons/collection/CloseSmall\";\nimport {\n StyledCounterButton,\n StyledCounterButtonCounter,\n StyledCounterButtonLabel,\n StyledCounterButtonReset,\n StyledCounterButtonWrapper,\n} from \"./Styles\";\n\nexport interface ICounterButtonProps {\n /** Set active state */\n active?: boolean;\n /** Label for value */\n label?: string;\n /** Icon */\n icon?: ReactElement;\n /** Number of applied filters */\n counter?: number;\n /** OnClearAll callback */\n onClearAll: (event?) => void;\n /** Tooltip content */\n tooltipText?: string;\n /** Applies passed classes */\n className?: string;\n}\n\nexport const CounterButton = forwardRef<HTMLButtonElement, ICounterButtonProps>(\n (\n {\n label,\n icon,\n active,\n counter = 0,\n tooltipText,\n onClearAll,\n className,\n ...args\n },\n ref\n ) => {\n return (\n <StyledCounterButtonWrapper className={className}>\n <StyledCounterButton\n className={classNames(\"c-counter-button\", {\n \"c-counter-button__selected\": counter,\n })}\n {...args}\n ref={ref}\n variant={\"text gray\"}\n $active={counter > 0 || active}\n $selected={counter > 0}\n >\n {icon &&\n React.cloneElement(icon, {\n className: classNames(\"c-counter-button__icon\"),\n })}\n {label && (\n <StyledCounterButtonLabel\n color=\"secondary\"\n weight=\"medium\"\n className={\"c-counter-button__label\"}\n $active={counter > 0 || active}\n >\n {label}\n </StyledCounterButtonLabel>\n )}\n {counter > 0 ? (\n <StyledCounterButtonCounter className={\"c-counter-button__counter\"}>\n {counter}\n </StyledCounterButtonCounter>\n ) : null}\n </StyledCounterButton>\n {counter > 0 ? (\n <Tooltip\n title={`${tooltipText}`}\n popperTooltipClassName=\"z-index-1300\"\n >\n <StyledCounterButtonReset\n variant=\"text colored\"\n className=\"c-counter-button__reset\"\n onClick={onClearAll}\n >\n <CloseSmallIcon />\n </StyledCounterButtonReset>\n </Tooltip>\n ) : null}\n </StyledCounterButtonWrapper>\n );\n }\n);\n\nCounterButton.displayName = \"CounterButton\";\n"],"file":"CounterButton.js"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { FC } from "react";
|
|
2
|
+
import { IOptionGroupProps, IOptionItemProps } from "../Select";
|
|
3
|
+
export declare type DataType = {
|
|
4
|
+
id: number | string;
|
|
5
|
+
title: string;
|
|
6
|
+
searchPlaceholder?: string;
|
|
7
|
+
submenu: Array<IOptionGroupProps | IOptionItemProps>;
|
|
8
|
+
};
|
|
9
|
+
export declare type SelectedType = {
|
|
10
|
+
[key: number | string]: Array<string>;
|
|
11
|
+
};
|
|
12
|
+
export interface FilterProps {
|
|
13
|
+
data: Array<DataType>;
|
|
14
|
+
selected: SelectedType;
|
|
15
|
+
label: string;
|
|
16
|
+
width?: number;
|
|
17
|
+
clearAllText: string;
|
|
18
|
+
onChange: (selected: SelectedType) => void;
|
|
19
|
+
resetLabel?: string;
|
|
20
|
+
noResultText: string;
|
|
21
|
+
}
|
|
22
|
+
export declare const Filter: FC<FilterProps>;
|
|
23
|
+
//# sourceMappingURL=Filter.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Filter.d.ts","sourceRoot":"","sources":["../../../../src/components/Filter/Filter.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAkC,MAAM,OAAO,CAAC;AAMlE,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAU,MAAM,WAAW,CAAC;AAKxE,oBAAY,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,EAAE,KAAK,CAAC,iBAAiB,GAAG,gBAAgB,CAAC,CAAC;CACtD,CAAC;AAEF,oBAAY,YAAY,GAAG;IACzB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;CACvC,CAAC;AAEF,MAAM,WAAW,WAAW;IAE1B,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;IAEtB,QAAQ,EAAE,YAAY,CAAC;IAEvB,KAAK,EAAE,MAAM,CAAC;IAEd,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,YAAY,EAAE,MAAM,CAAC;IAErB,QAAQ,EAAE,CAAC,QAAQ,EAAE,YAAY,KAAK,IAAI,CAAC;IAE3C,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CA0KlC,CAAC"}
|
|
@@ -0,0 +1,182 @@
|
|
|
1
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
+
import React, { useCallback, useMemo, useState } from "react";
|
|
3
|
+
import { MoveFocusInside } from "react-focus-lock";
|
|
4
|
+
import { Submenu } from "./Submenu";
|
|
5
|
+
import { StartMenu } from "./StartMenu";
|
|
6
|
+
import { FilterIcon } from "../Icons";
|
|
7
|
+
import { ResizeTransition, SlideLeftRightTransition } from "../Transitions";
|
|
8
|
+
import { Select } from "../Select";
|
|
9
|
+
import { CounterButton } from "../CounterButton";
|
|
10
|
+
import { Button } from "../Button";
|
|
11
|
+
import { StyledMenu, StyledMenuFooter } from "./Styles";
|
|
12
|
+
export var Filter = function Filter(_ref) {
|
|
13
|
+
var data = _ref.data,
|
|
14
|
+
selected = _ref.selected,
|
|
15
|
+
label = _ref.label,
|
|
16
|
+
clearAllText = _ref.clearAllText,
|
|
17
|
+
_ref$resetLabel = _ref.resetLabel,
|
|
18
|
+
resetLabel = _ref$resetLabel === void 0 ? "Reset" : _ref$resetLabel,
|
|
19
|
+
onChange = _ref.onChange,
|
|
20
|
+
_ref$width = _ref.width,
|
|
21
|
+
width = _ref$width === void 0 ? 260 : _ref$width,
|
|
22
|
+
noResultText = _ref.noResultText,
|
|
23
|
+
children = _ref.children;
|
|
24
|
+
|
|
25
|
+
var _useState = useState(false),
|
|
26
|
+
open = _useState[0],
|
|
27
|
+
setOpen = _useState[1];
|
|
28
|
+
|
|
29
|
+
var _useState2 = useState("index"),
|
|
30
|
+
menu = _useState2[0],
|
|
31
|
+
setMenu = _useState2[1];
|
|
32
|
+
|
|
33
|
+
var _useState3 = useState(true),
|
|
34
|
+
isLeft = _useState3[0],
|
|
35
|
+
setIsLeft = _useState3[1];
|
|
36
|
+
|
|
37
|
+
var _useState4 = useState(0),
|
|
38
|
+
height = _useState4[0],
|
|
39
|
+
setHeight = _useState4[1];
|
|
40
|
+
|
|
41
|
+
var _useState5 = useState("index"),
|
|
42
|
+
enteredMenu = _useState5[0],
|
|
43
|
+
setEnteredMenu = _useState5[1];
|
|
44
|
+
|
|
45
|
+
var _useState6 = useState(function () {
|
|
46
|
+
return selected;
|
|
47
|
+
}),
|
|
48
|
+
filter = _useState6[0],
|
|
49
|
+
setFilter = _useState6[1];
|
|
50
|
+
|
|
51
|
+
var handleOpen = useCallback(function () {
|
|
52
|
+
setOpen(true);
|
|
53
|
+
}, []);
|
|
54
|
+
var handleClose = useCallback(function () {
|
|
55
|
+
setOpen(false);
|
|
56
|
+
setMenu("index");
|
|
57
|
+
setHeight(0);
|
|
58
|
+
}, []);
|
|
59
|
+
var handleHeight = useCallback(function (element) {
|
|
60
|
+
var _element$offsetHeight;
|
|
61
|
+
|
|
62
|
+
setHeight((_element$offsetHeight = element == null ? void 0 : element.offsetHeight) != null ? _element$offsetHeight : 0);
|
|
63
|
+
}, []);
|
|
64
|
+
var handleItemClick = useCallback(function (value) {
|
|
65
|
+
setMenu(value);
|
|
66
|
+
setIsLeft(true);
|
|
67
|
+
}, []);
|
|
68
|
+
var setIndex = useCallback(function () {
|
|
69
|
+
setMenu("index");
|
|
70
|
+
setIsLeft(false);
|
|
71
|
+
}, []);
|
|
72
|
+
var handleChange = useCallback(function (selectedArray) {
|
|
73
|
+
var newFilters = {};
|
|
74
|
+
|
|
75
|
+
if (selectedArray.length) {
|
|
76
|
+
var _extends2;
|
|
77
|
+
|
|
78
|
+
newFilters = _extends({}, filter, (_extends2 = {}, _extends2[menu] = selectedArray, _extends2));
|
|
79
|
+
} else {
|
|
80
|
+
newFilters = _extends({}, filter);
|
|
81
|
+
delete newFilters[menu];
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
setFilter(newFilters);
|
|
85
|
+
onChange(newFilters);
|
|
86
|
+
}, [filter, menu, onChange]);
|
|
87
|
+
var handleClearAll = useCallback(function (event) {
|
|
88
|
+
event.stopPropagation();
|
|
89
|
+
setFilter({});
|
|
90
|
+
onChange({});
|
|
91
|
+
}, [onChange]);
|
|
92
|
+
var handleReset = useCallback(function () {
|
|
93
|
+
var newFilters = _extends({}, filter);
|
|
94
|
+
|
|
95
|
+
delete newFilters[menu];
|
|
96
|
+
setFilter(newFilters);
|
|
97
|
+
onChange(newFilters);
|
|
98
|
+
}, [filter, menu, onChange]);
|
|
99
|
+
var count = useMemo(function () {
|
|
100
|
+
var c = 0;
|
|
101
|
+
Object.values(filter).forEach(function (entry) {
|
|
102
|
+
return c += entry.length;
|
|
103
|
+
});
|
|
104
|
+
return c;
|
|
105
|
+
}, [filter]);
|
|
106
|
+
return /*#__PURE__*/React.createElement(StyledMenu, {
|
|
107
|
+
open: open,
|
|
108
|
+
onOpen: handleOpen,
|
|
109
|
+
onClose: handleClose,
|
|
110
|
+
position: "bottom-end",
|
|
111
|
+
target: /*#__PURE__*/React.createElement(CounterButton, {
|
|
112
|
+
active: open,
|
|
113
|
+
label: label,
|
|
114
|
+
icon: /*#__PURE__*/React.createElement(FilterIcon, null),
|
|
115
|
+
counter: count,
|
|
116
|
+
tooltipText: clearAllText,
|
|
117
|
+
onClearAll: handleClearAll
|
|
118
|
+
})
|
|
119
|
+
}, /*#__PURE__*/React.createElement(ResizeTransition, {
|
|
120
|
+
in: true
|
|
121
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
122
|
+
style: {
|
|
123
|
+
height: height,
|
|
124
|
+
width: width
|
|
125
|
+
}
|
|
126
|
+
}, /*#__PURE__*/React.createElement(SlideLeftRightTransition, {
|
|
127
|
+
in: menu === "index",
|
|
128
|
+
direction: isLeft ? "left" : "right",
|
|
129
|
+
onEnter: handleHeight,
|
|
130
|
+
onEntered: function onEntered() {
|
|
131
|
+
return setEnteredMenu("index");
|
|
132
|
+
}
|
|
133
|
+
}, /*#__PURE__*/React.createElement(MoveFocusInside, null, /*#__PURE__*/React.createElement(StartMenu, {
|
|
134
|
+
data: data,
|
|
135
|
+
selected: filter,
|
|
136
|
+
style: {
|
|
137
|
+
width: width
|
|
138
|
+
},
|
|
139
|
+
onHeightChange: setHeight,
|
|
140
|
+
onItemClick: handleItemClick
|
|
141
|
+
}, children))), data.map(function (_ref2, index) {
|
|
142
|
+
var _filter$id;
|
|
143
|
+
|
|
144
|
+
var id = _ref2.id,
|
|
145
|
+
title = _ref2.title,
|
|
146
|
+
submenu = _ref2.submenu,
|
|
147
|
+
searchPlaceholder = _ref2.searchPlaceholder;
|
|
148
|
+
return /*#__PURE__*/React.createElement(SlideLeftRightTransition, {
|
|
149
|
+
key: "filter-submenu-" + index,
|
|
150
|
+
in: menu === id,
|
|
151
|
+
direction: isLeft ? "left" : "right",
|
|
152
|
+
onEnter: handleHeight,
|
|
153
|
+
onEntered: function onEntered() {
|
|
154
|
+
return setEnteredMenu(id);
|
|
155
|
+
}
|
|
156
|
+
}, /*#__PURE__*/React.createElement(Submenu, {
|
|
157
|
+
title: title,
|
|
158
|
+
onBack: setIndex,
|
|
159
|
+
onHeightChange: setHeight,
|
|
160
|
+
style: {
|
|
161
|
+
width: width
|
|
162
|
+
}
|
|
163
|
+
}, /*#__PURE__*/React.createElement(MoveFocusInside, {
|
|
164
|
+
disabled: enteredMenu !== id
|
|
165
|
+
}, /*#__PURE__*/React.createElement(Select, {
|
|
166
|
+
options: submenu,
|
|
167
|
+
selected: filter[id],
|
|
168
|
+
onChange: handleChange,
|
|
169
|
+
type: "multiple",
|
|
170
|
+
autoHeightMax: 255,
|
|
171
|
+
placeholder: searchPlaceholder,
|
|
172
|
+
noResultText: noResultText,
|
|
173
|
+
keepSameOptionsOrder: Boolean(submenu.length <= 7),
|
|
174
|
+
disableSearch: Boolean(submenu.length <= 7)
|
|
175
|
+
}), (_filter$id = filter[id]) != null && _filter$id.length ? /*#__PURE__*/React.createElement(StyledMenuFooter, null, /*#__PURE__*/React.createElement(Button, {
|
|
176
|
+
variant: "text colored",
|
|
177
|
+
size: "small",
|
|
178
|
+
onClick: handleReset
|
|
179
|
+
}, resetLabel)) : null)));
|
|
180
|
+
}))));
|
|
181
|
+
};
|
|
182
|
+
//# sourceMappingURL=Filter.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Filter/Filter.tsx"],"names":["React","useCallback","useMemo","useState","MoveFocusInside","Submenu","StartMenu","FilterIcon","ResizeTransition","SlideLeftRightTransition","Select","CounterButton","Button","StyledMenu","StyledMenuFooter","Filter","data","selected","label","clearAllText","resetLabel","onChange","width","noResultText","children","open","setOpen","menu","setMenu","isLeft","setIsLeft","height","setHeight","enteredMenu","setEnteredMenu","filter","setFilter","handleOpen","handleClose","handleHeight","element","offsetHeight","handleItemClick","value","setIndex","handleChange","selectedArray","newFilters","length","handleClearAll","event","stopPropagation","handleReset","count","c","Object","values","forEach","entry","map","index","id","title","submenu","searchPlaceholder","Boolean"],"mappings":"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","sourcesContent":["import React, { FC, useCallback, useMemo, useState } from \"react\";\nimport { MoveFocusInside } from \"react-focus-lock\";\nimport { Submenu } from \"./Submenu\";\nimport { StartMenu } from \"./StartMenu\";\nimport { FilterIcon } from \"../Icons\";\nimport { ResizeTransition, SlideLeftRightTransition } from \"../Transitions\";\nimport { IOptionGroupProps, IOptionItemProps, Select } from \"../Select\";\nimport { CounterButton } from \"../CounterButton\";\nimport { Button } from \"../Button\";\nimport { StyledMenu, StyledMenuFooter } from \"./Styles\";\n\nexport type DataType = {\n id: number | string;\n title: string;\n searchPlaceholder?: string;\n submenu: Array<IOptionGroupProps | IOptionItemProps>;\n};\n\nexport type SelectedType = {\n [key: number | string]: Array<string>;\n};\n\nexport interface FilterProps {\n /** Data rendered in submenus */\n data: Array<DataType>;\n /** Selected data inside submenus */\n selected: SelectedType;\n /** Main filter label */\n label: string;\n /** Filter width */\n width?: number;\n /** Text displayed for the tooltip of clear all button */\n clearAllText: string;\n /** Handler for changes on the filter */\n onChange: (selected: SelectedType) => void;\n /** Label for reset button inside submenu */\n resetLabel?: string;\n /** Text to show when search results are empty */\n noResultText: string;\n}\n\nexport const Filter: FC<FilterProps> = ({\n data,\n selected,\n label,\n clearAllText,\n resetLabel = \"Reset\",\n onChange,\n width = 260,\n noResultText,\n children,\n}) => {\n const [open, setOpen] = useState(false);\n const [menu, setMenu] = useState<number | string>(\"index\");\n const [isLeft, setIsLeft] = useState(true);\n const [height, setHeight] = useState(0);\n const [enteredMenu, setEnteredMenu] = useState<number | string>(\"index\");\n const [filter, setFilter] = useState<SelectedType>(() => selected);\n\n const handleOpen = useCallback(() => {\n setOpen(true);\n }, []);\n\n const handleClose = useCallback(() => {\n setOpen(false);\n setMenu(\"index\");\n setHeight(0);\n }, []);\n\n const handleHeight = useCallback((element) => {\n setHeight(element?.offsetHeight ?? 0);\n }, []);\n\n const handleItemClick = useCallback((value) => {\n setMenu(value);\n setIsLeft(true);\n }, []);\n\n const setIndex = useCallback(() => {\n setMenu(\"index\");\n setIsLeft(false);\n }, []);\n\n const handleChange = useCallback(\n (selectedArray) => {\n let newFilters = {};\n if (selectedArray.length) {\n newFilters = {\n ...filter,\n [menu]: selectedArray,\n };\n } else {\n newFilters = { ...filter };\n delete newFilters[menu];\n }\n\n setFilter(newFilters);\n onChange(newFilters);\n },\n [filter, menu, onChange]\n );\n\n const handleClearAll = useCallback(\n (event) => {\n event.stopPropagation();\n setFilter({});\n onChange({});\n },\n [onChange]\n );\n\n const handleReset = useCallback(() => {\n const newFilters = { ...filter };\n delete newFilters[menu];\n setFilter(newFilters);\n onChange(newFilters);\n }, [filter, menu, onChange]);\n\n const count = useMemo(() => {\n let c = 0;\n Object.values(filter).forEach((entry) => (c += entry.length));\n return c;\n }, [filter]);\n\n return (\n <StyledMenu\n open={open}\n onOpen={handleOpen}\n onClose={handleClose}\n position=\"bottom-end\"\n target={\n <CounterButton\n active={open}\n label={label}\n icon={<FilterIcon />}\n counter={count}\n tooltipText={clearAllText}\n onClearAll={handleClearAll}\n />\n }\n >\n <ResizeTransition in>\n <div style={{ height, width }}>\n <SlideLeftRightTransition\n in={menu === \"index\"}\n direction={isLeft ? \"left\" : \"right\"}\n onEnter={handleHeight}\n onEntered={() => setEnteredMenu(\"index\")}\n >\n <MoveFocusInside>\n <StartMenu\n data={data}\n selected={filter}\n style={{ width }}\n onHeightChange={setHeight}\n onItemClick={handleItemClick}\n >\n {children}\n </StartMenu>\n </MoveFocusInside>\n </SlideLeftRightTransition>\n {data.map(\n (\n { id, title, submenu, searchPlaceholder }: DataType,\n index: number\n ) => (\n <SlideLeftRightTransition\n key={`filter-submenu-${index}`}\n in={menu === id}\n direction={isLeft ? \"left\" : \"right\"}\n onEnter={handleHeight}\n onEntered={() => setEnteredMenu(id)}\n >\n <Submenu\n title={title}\n onBack={setIndex}\n onHeightChange={setHeight}\n style={{ width }}\n >\n <MoveFocusInside disabled={enteredMenu !== id}>\n <Select\n options={submenu}\n selected={filter[id]}\n onChange={handleChange}\n type=\"multiple\"\n autoHeightMax={255}\n placeholder={searchPlaceholder}\n noResultText={noResultText}\n keepSameOptionsOrder={Boolean(submenu.length <= 7)}\n disableSearch={Boolean(submenu.length <= 7)}\n />\n {filter[id]?.length ? (\n <StyledMenuFooter>\n <Button\n variant=\"text colored\"\n size=\"small\"\n onClick={handleReset}\n >\n {resetLabel}\n </Button>\n </StyledMenuFooter>\n ) : null}\n </MoveFocusInside>\n </Submenu>\n </SlideLeftRightTransition>\n )\n )}\n </div>\n </ResizeTransition>\n </StyledMenu>\n );\n};\n"],"file":"Filter.js"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { FC, HTMLAttributes } from "react";
|
|
2
|
+
import { DataType, SelectedType } from "./Filter";
|
|
3
|
+
export interface StartMenuProps {
|
|
4
|
+
data: Array<DataType>;
|
|
5
|
+
selected: SelectedType;
|
|
6
|
+
onItemClick: (id: number | string) => void;
|
|
7
|
+
onHeightChange: (height: number) => void;
|
|
8
|
+
}
|
|
9
|
+
export declare const StartMenu: FC<StartMenuProps & HTMLAttributes<HTMLDivElement>>;
|
|
10
|
+
//# sourceMappingURL=StartMenu.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StartMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/Filter/StartMenu.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAqB,cAAc,EAAE,MAAM,OAAO,CAAC;AAErE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AASlD,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;IACtB,QAAQ,EAAE,YAAY,CAAC;IACvB,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC3C,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C;AAED,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,GAAG,cAAc,CAAC,cAAc,CAAC,CA0CzE,CAAC"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import React, { useRef, useEffect } from "react";
|
|
2
|
+
import { ArrowRightIcon } from "../Icons";
|
|
3
|
+
import { StyledStartMenuTitle, StyledStartMenuDot, StyledStartMenuListItem, StyledStartMenuList } from "./Styles";
|
|
4
|
+
import { useResizeObserver } from "../../utils";
|
|
5
|
+
export var StartMenu = function StartMenu(_ref) {
|
|
6
|
+
var data = _ref.data,
|
|
7
|
+
selected = _ref.selected,
|
|
8
|
+
onItemClick = _ref.onItemClick,
|
|
9
|
+
style = _ref.style,
|
|
10
|
+
onHeightChange = _ref.onHeightChange,
|
|
11
|
+
children = _ref.children;
|
|
12
|
+
var ref = useRef(null);
|
|
13
|
+
var dimensions = useResizeObserver(ref);
|
|
14
|
+
var height = dimensions == null ? void 0 : dimensions.height;
|
|
15
|
+
useEffect(function () {
|
|
16
|
+
if (height && height > 0) {
|
|
17
|
+
onHeightChange(height);
|
|
18
|
+
}
|
|
19
|
+
}, [height, onHeightChange]);
|
|
20
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
21
|
+
style: style,
|
|
22
|
+
ref: ref
|
|
23
|
+
}, /*#__PURE__*/React.createElement(StyledStartMenuList, null, data.map(function (_ref2, index) {
|
|
24
|
+
var _selected$id;
|
|
25
|
+
|
|
26
|
+
var id = _ref2.id,
|
|
27
|
+
title = _ref2.title,
|
|
28
|
+
submenu = _ref2.submenu;
|
|
29
|
+
var count = (_selected$id = selected[id]) == null ? void 0 : _selected$id.length;
|
|
30
|
+
|
|
31
|
+
if (submenu != null && submenu.length) {
|
|
32
|
+
return /*#__PURE__*/React.createElement(StyledStartMenuListItem, {
|
|
33
|
+
key: "filter-list-item-" + index,
|
|
34
|
+
onClick: function onClick() {
|
|
35
|
+
return onItemClick(id);
|
|
36
|
+
}
|
|
37
|
+
}, /*#__PURE__*/React.createElement(StyledStartMenuTitle, null, title), count > 0 ? /*#__PURE__*/React.createElement(StyledStartMenuDot, null, count) : null, /*#__PURE__*/React.createElement(ArrowRightIcon, null));
|
|
38
|
+
}
|
|
39
|
+
}), children));
|
|
40
|
+
};
|
|
41
|
+
//# sourceMappingURL=StartMenu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Filter/StartMenu.tsx"],"names":["React","useRef","useEffect","ArrowRightIcon","StyledStartMenuTitle","StyledStartMenuDot","StyledStartMenuListItem","StyledStartMenuList","useResizeObserver","StartMenu","data","selected","onItemClick","style","onHeightChange","children","ref","dimensions","height","map","index","id","title","submenu","count","length"],"mappings":"AAAA,OAAOA,KAAP,IAAoBC,MAApB,EAA4BC,SAA5B,QAA6D,OAA7D;AACA,SAASC,cAAT,QAA+B,UAA/B;AAEA,SACEC,oBADF,EAEEC,kBAFF,EAGEC,uBAHF,EAIEC,mBAJF,QAKO,UALP;AAMA,SAASC,iBAAT,QAAkC,aAAlC;AASA,OAAO,IAAMC,SAA8D,GAAG,SAAjEA,SAAiE,OAOxE;AAAA,MANJC,IAMI,QANJA,IAMI;AAAA,MALJC,QAKI,QALJA,QAKI;AAAA,MAJJC,WAII,QAJJA,WAII;AAAA,MAHJC,KAGI,QAHJA,KAGI;AAAA,MAFJC,cAEI,QAFJA,cAEI;AAAA,MADJC,QACI,QADJA,QACI;AACJ,MAAMC,GAAG,GAAGf,MAAM,CAAC,IAAD,CAAlB;AACA,MAAMgB,UAAU,GAAGT,iBAAiB,CAACQ,GAAD,CAApC;AACA,MAAME,MAAM,GAAGD,UAAH,oBAAGA,UAAU,CAAEC,MAA3B;AAEAhB,EAAAA,SAAS,CAAC,YAAM;AACd,QAAIgB,MAAM,IAAIA,MAAM,GAAG,CAAvB,EAA0B;AACxBJ,MAAAA,cAAc,CAACI,MAAD,CAAd;AACD;AACF,GAJQ,EAIN,CAACA,MAAD,EAASJ,cAAT,CAJM,CAAT;AAMA,sBACE;AAAK,IAAA,KAAK,EAAED,KAAZ;AAAmB,IAAA,GAAG,EAAEG;AAAxB,kBACE,oBAAC,mBAAD,QACGN,IAAI,CAACS,GAAL,CAAS,iBAAyBC,KAAzB,EAA2C;AAAA;;AAAA,QAAxCC,EAAwC,SAAxCA,EAAwC;AAAA,QAApCC,KAAoC,SAApCA,KAAoC;AAAA,QAA7BC,OAA6B,SAA7BA,OAA6B;AACnD,QAAMC,KAAK,mBAAGb,QAAQ,CAACU,EAAD,CAAX,qBAAG,aAAcI,MAA5B;;AACA,QAAIF,OAAJ,YAAIA,OAAO,CAAEE,MAAb,EAAqB;AACnB,0BACE,oBAAC,uBAAD;AACE,QAAA,GAAG,wBAAsBL,KAD3B;AAEE,QAAA,OAAO,EAAE;AAAA,iBAAMR,WAAW,CAACS,EAAD,CAAjB;AAAA;AAFX,sBAIE,oBAAC,oBAAD,QAAuBC,KAAvB,CAJF,EAKGE,KAAK,GAAG,CAAR,gBACC,oBAAC,kBAAD,QAAqBA,KAArB,CADD,GAEG,IAPN,eAQE,oBAAC,cAAD,OARF,CADF;AAYD;AACF,GAhBA,CADH,EAkBGT,QAlBH,CADF,CADF;AAwBD,CA1CM","sourcesContent":["import React, { FC, useRef, useEffect, HTMLAttributes } from \"react\";\nimport { ArrowRightIcon } from \"../Icons\";\nimport { DataType, SelectedType } from \"./Filter\";\nimport {\n StyledStartMenuTitle,\n StyledStartMenuDot,\n StyledStartMenuListItem,\n StyledStartMenuList,\n} from \"./Styles\";\nimport { useResizeObserver } from \"../../utils\";\n\nexport interface StartMenuProps {\n data: Array<DataType>;\n selected: SelectedType;\n onItemClick: (id: number | string) => void;\n onHeightChange: (height: number) => void;\n}\n\nexport const StartMenu: FC<StartMenuProps & HTMLAttributes<HTMLDivElement>> = ({\n data,\n selected,\n onItemClick,\n style,\n onHeightChange,\n children,\n}) => {\n const ref = useRef(null);\n const dimensions = useResizeObserver(ref);\n const height = dimensions?.height;\n\n useEffect(() => {\n if (height && height > 0) {\n onHeightChange(height);\n }\n }, [height, onHeightChange]);\n\n return (\n <div style={style} ref={ref}>\n <StyledStartMenuList>\n {data.map(({ id, title, submenu }, index: number) => {\n const count = selected[id]?.length;\n if (submenu?.length) {\n return (\n <StyledStartMenuListItem\n key={`filter-list-item-${index}`}\n onClick={() => onItemClick(id)}\n >\n <StyledStartMenuTitle>{title}</StyledStartMenuTitle>\n {count > 0 ? (\n <StyledStartMenuDot>{count}</StyledStartMenuDot>\n ) : null}\n <ArrowRightIcon />\n </StyledStartMenuListItem>\n );\n }\n })}\n {children}\n </StyledStartMenuList>\n </div>\n );\n};\n"],"file":"StartMenu.js"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { IMenu, IMenuFooter } from "../Menu";
|
|
3
|
+
import { IListItem, IList } from "../List";
|
|
4
|
+
export declare const StyledMenu: import("styled-components").StyledComponent<import("react").FC<IMenu>, any, IMenu, never>;
|
|
5
|
+
export declare const StyledMenuFooter: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<IMenuFooter & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, IMenuFooter, never>;
|
|
6
|
+
export declare const StyledStartMenuList: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<IList & import("react").HTMLAttributes<HTMLUListElement> & import("react").RefAttributes<HTMLUListElement>>, any, IList, never>;
|
|
7
|
+
export declare const StyledStartMenuListItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<IListItem & import("react").HTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>, any, IListItem, never>;
|
|
8
|
+
export declare const StyledStartMenuTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
9
|
+
export declare const StyledStartMenuDot: import("styled-components").StyledComponent<"span", any, {}, never>;
|
|
10
|
+
//# sourceMappingURL=Styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Filter/Styles.ts"],"names":[],"mappings":";AACA,OAAO,EAAQ,KAAK,EAAc,WAAW,EAAE,MAAM,SAAS,CAAC;AAC/D,OAAO,EAAY,SAAS,EAAQ,KAAK,EAAE,MAAM,SAAS,CAAC;AAG3D,eAAO,MAAM,UAAU,2FAGtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,+NAE5B,CAAC;AAEF,eAAO,MAAM,mBAAmB,uNAE/B,CAAC;AAEF,eAAO,MAAM,uBAAuB,yNAEnC,CAAC;AAEF,eAAO,MAAM,oBAAoB,oEAEhC,CAAC;AAEF,eAAO,MAAM,kBAAkB,qEAU9B,CAAC"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import styled from "styled-components";
|
|
2
|
+
import { Menu, MenuFooter } from "../Menu";
|
|
3
|
+
import { ListItem, List } from "../List";
|
|
4
|
+
export var StyledMenu = styled(Menu).withConfig({
|
|
5
|
+
displayName: "Styles__StyledMenu",
|
|
6
|
+
componentId: "sc-lxuoiz-0"
|
|
7
|
+
})(["", " ", ""], {
|
|
8
|
+
"position": "relative"
|
|
9
|
+
}, {
|
|
10
|
+
"overflow": "hidden"
|
|
11
|
+
});
|
|
12
|
+
export var StyledMenuFooter = styled(MenuFooter).withConfig({
|
|
13
|
+
displayName: "Styles__StyledMenuFooter",
|
|
14
|
+
componentId: "sc-lxuoiz-1"
|
|
15
|
+
})(["", ""], {
|
|
16
|
+
"justifyContent": "center"
|
|
17
|
+
});
|
|
18
|
+
export var StyledStartMenuList = styled(List).withConfig({
|
|
19
|
+
displayName: "Styles__StyledStartMenuList",
|
|
20
|
+
componentId: "sc-lxuoiz-2"
|
|
21
|
+
})(["", ""], {
|
|
22
|
+
"paddingTop": "0.5rem",
|
|
23
|
+
"paddingBottom": "0.5rem"
|
|
24
|
+
});
|
|
25
|
+
export var StyledStartMenuListItem = styled(ListItem).withConfig({
|
|
26
|
+
displayName: "Styles__StyledStartMenuListItem",
|
|
27
|
+
componentId: "sc-lxuoiz-3"
|
|
28
|
+
})(["", ""], {
|
|
29
|
+
"paddingRight": "0.75rem"
|
|
30
|
+
});
|
|
31
|
+
export var StyledStartMenuTitle = styled.div.withConfig({
|
|
32
|
+
displayName: "Styles__StyledStartMenuTitle",
|
|
33
|
+
componentId: "sc-lxuoiz-4"
|
|
34
|
+
})(["", ""], {
|
|
35
|
+
"flex": "1 1 0%"
|
|
36
|
+
});
|
|
37
|
+
export var StyledStartMenuDot = styled.span.withConfig({
|
|
38
|
+
displayName: "Styles__StyledStartMenuDot",
|
|
39
|
+
componentId: "sc-lxuoiz-5"
|
|
40
|
+
})(["border-radius:50%;background-color:var(--color-primary);color:var(--page-paper-main);line-height:15px;width:15px;font-weight:bold;font-size:10px;text-align:center;margin-left:4px;"]);
|
|
41
|
+
StyledMenu.displayName = "StyledMenu";
|
|
42
|
+
StyledMenuFooter.displayName = "StyledMenuFooter";
|
|
43
|
+
StyledStartMenuList.displayName = "StyledStartMenuList";
|
|
44
|
+
StyledStartMenuListItem.displayName = "StyledStartMenuListItem";
|
|
45
|
+
StyledStartMenuTitle.displayName = "StyledStartMenuTitle";
|
|
46
|
+
StyledStartMenuDot.displayName = "StyledStartMenuDot";
|
|
47
|
+
//# sourceMappingURL=Styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Filter/Styles.ts"],"names":["styled","Menu","MenuFooter","ListItem","List","StyledMenu","StyledMenuFooter","StyledStartMenuList","StyledStartMenuListItem","StyledStartMenuTitle","div","StyledStartMenuDot","span","displayName"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,mBAAnB;AACA,SAASC,IAAT,EAAsBC,UAAtB,QAAqD,SAArD;AACA,SAASC,QAAT,EAA8BC,IAA9B,QAAiD,SAAjD;AAGA,OAAO,IAAMC,UAAU,GAAGL,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA;AAAA,kBACjB;AAAA;AAAA,CADiB,EAEjB;AAAA;AAAA,CAFiB,CAAhB;AAKP,OAAO,IAAMK,gBAAgB,GAAGN,MAAM,CAACE,UAAD,CAAT;AAAA;AAAA;AAAA,aACvB;AAAA;AAAA,CADuB,CAAtB;AAIP,OAAO,IAAMK,mBAAmB,GAAGP,MAAM,CAACI,IAAD,CAAT;AAAA;AAAA;AAAA,aAC1B;AAAA;AAAA;AAAA,CAD0B,CAAzB;AAIP,OAAO,IAAMI,uBAAuB,GAAGR,MAAM,CAACG,QAAD,CAAT;AAAA;AAAA;AAAA,aAC9B;AAAA;AAAA,CAD8B,CAA7B;AAIP,OAAO,IAAMM,oBAAoB,GAAGT,MAAM,CAACU,GAAV;AAAA;AAAA;AAAA,aAC3B;AAAA;AAAA,CAD2B,CAA1B;AAIP,OAAO,IAAMC,kBAAkB,GAAGX,MAAM,CAACY,IAAV;AAAA;AAAA;AAAA,2LAAxB;AAYPP,UAAU,CAACQ,WAAX,GAAyB,YAAzB;AACAP,gBAAgB,CAACO,WAAjB,GAA+B,kBAA/B;AACAN,mBAAmB,CAACM,WAApB,GAAkC,qBAAlC;AACAL,uBAAuB,CAACK,WAAxB,GAAsC,yBAAtC;AACAJ,oBAAoB,CAACI,WAArB,GAAmC,sBAAnC;AACAF,kBAAkB,CAACE,WAAnB,GAAiC,oBAAjC","sourcesContent":["import styled from \"styled-components\";\nimport { Menu, IMenu, MenuFooter, IMenuFooter } from \"../Menu\";\nimport { ListItem, IListItem, List, IList } from \"../List\";\nimport tw from \"twin.macro\";\n\nexport const StyledMenu = styled(Menu)<IMenu>`\n ${tw`tw-relative`}\n ${tw`tw-overflow-hidden`}\n`;\n\nexport const StyledMenuFooter = styled(MenuFooter)<IMenuFooter>`\n ${tw`tw-justify-center`}\n`;\n\nexport const StyledStartMenuList = styled(List)<IList>`\n ${tw`tw-py-2`}\n`;\n\nexport const StyledStartMenuListItem = styled(ListItem)<IListItem>`\n ${tw`tw-pr-3`}\n`;\n\nexport const StyledStartMenuTitle = styled.div`\n ${tw`tw-flex-1`}\n`;\n\nexport const StyledStartMenuDot = styled.span`\n border-radius: 50%;\n background-color: var(--color-primary);\n color: var(--page-paper-main);\n line-height: 15px;\n width: 15px;\n font-weight: bold;\n font-size: 10px;\n text-align: center;\n margin-left: 4px;\n`;\n\nStyledMenu.displayName = \"StyledMenu\";\nStyledMenuFooter.displayName = \"StyledMenuFooter\";\nStyledStartMenuList.displayName = \"StyledStartMenuList\";\nStyledStartMenuListItem.displayName = \"StyledStartMenuListItem\";\nStyledStartMenuTitle.displayName = \"StyledStartMenuTitle\";\nStyledStartMenuDot.displayName = \"StyledStartMenuDot\";\n"],"file":"Styles.js"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { FC, HTMLAttributes } from "react";
|
|
2
|
+
interface SubmenuProps {
|
|
3
|
+
title: string;
|
|
4
|
+
onBack: () => void;
|
|
5
|
+
onHeightChange: (height: number) => void;
|
|
6
|
+
}
|
|
7
|
+
export declare const Submenu: FC<SubmenuProps & HTMLAttributes<HTMLDivElement>>;
|
|
8
|
+
export {};
|
|
9
|
+
//# sourceMappingURL=Submenu.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Submenu.d.ts","sourceRoot":"","sources":["../../../../src/components/Filter/Submenu.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAqB,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAMrE,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C;AAED,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,CA8BrE,CAAC"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import React, { useRef, useEffect } from "react";
|
|
2
|
+
import { MenuHeader } from "../Menu";
|
|
3
|
+
import { Button } from "../Button";
|
|
4
|
+
import { ArrowLeftIcon } from "../Icons";
|
|
5
|
+
import { useResizeObserver } from "../../utils";
|
|
6
|
+
export var Submenu = function Submenu(_ref) {
|
|
7
|
+
var onBack = _ref.onBack,
|
|
8
|
+
onHeightChange = _ref.onHeightChange,
|
|
9
|
+
style = _ref.style,
|
|
10
|
+
children = _ref.children,
|
|
11
|
+
title = _ref.title;
|
|
12
|
+
var ref = useRef(null);
|
|
13
|
+
var dimensions = useResizeObserver(ref);
|
|
14
|
+
var height = dimensions == null ? void 0 : dimensions.height;
|
|
15
|
+
useEffect(function () {
|
|
16
|
+
if (height && height > 0) {
|
|
17
|
+
onHeightChange(height);
|
|
18
|
+
}
|
|
19
|
+
}, [height, onHeightChange]);
|
|
20
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
21
|
+
style: style,
|
|
22
|
+
ref: ref
|
|
23
|
+
}, /*#__PURE__*/React.createElement(MenuHeader, {
|
|
24
|
+
title: title,
|
|
25
|
+
leftElement: /*#__PURE__*/React.createElement(Button, {
|
|
26
|
+
onClick: onBack,
|
|
27
|
+
variant: "text gray",
|
|
28
|
+
size: "small"
|
|
29
|
+
}, /*#__PURE__*/React.createElement(ArrowLeftIcon, null))
|
|
30
|
+
}), children);
|
|
31
|
+
};
|
|
32
|
+
//# sourceMappingURL=Submenu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Filter/Submenu.tsx"],"names":["React","useRef","useEffect","MenuHeader","Button","ArrowLeftIcon","useResizeObserver","Submenu","onBack","onHeightChange","style","children","title","ref","dimensions","height"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,MAAhB,EAAwBC,SAAxB,QAA6D,OAA7D;AACA,SAASC,UAAT,QAA2B,SAA3B;AACA,SAASC,MAAT,QAAuB,WAAvB;AACA,SAASC,aAAT,QAA8B,UAA9B;AACA,SAASC,iBAAT,QAAkC,aAAlC;AAQA,OAAO,IAAMC,OAA0D,GAAG,SAA7DA,OAA6D,OAMpE;AAAA,MALJC,MAKI,QALJA,MAKI;AAAA,MAJJC,cAII,QAJJA,cAII;AAAA,MAHJC,KAGI,QAHJA,KAGI;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADJC,KACI,QADJA,KACI;AACJ,MAAMC,GAAG,GAAGZ,MAAM,CAAC,IAAD,CAAlB;AACA,MAAMa,UAAU,GAAGR,iBAAiB,CAACO,GAAD,CAApC;AACA,MAAME,MAAM,GAAGD,UAAH,oBAAGA,UAAU,CAAEC,MAA3B;AAEAb,EAAAA,SAAS,CAAC,YAAM;AACd,QAAIa,MAAM,IAAIA,MAAM,GAAG,CAAvB,EAA0B;AACxBN,MAAAA,cAAc,CAACM,MAAD,CAAd;AACD;AACF,GAJQ,EAIN,CAACA,MAAD,EAASN,cAAT,CAJM,CAAT;AAMA,sBACE;AAAK,IAAA,KAAK,EAAEC,KAAZ;AAAmB,IAAA,GAAG,EAAEG;AAAxB,kBACE,oBAAC,UAAD;AACE,IAAA,KAAK,EAAED,KADT;AAEE,IAAA,WAAW,eACT,oBAAC,MAAD;AAAQ,MAAA,OAAO,EAAEJ,MAAjB;AAAyB,MAAA,OAAO,EAAC,WAAjC;AAA6C,MAAA,IAAI,EAAC;AAAlD,oBACE,oBAAC,aAAD,OADF;AAHJ,IADF,EASGG,QATH,CADF;AAaD,CA9BM","sourcesContent":["import React, { useRef, useEffect, FC, HTMLAttributes } from \"react\";\nimport { MenuHeader } from \"../Menu\";\nimport { Button } from \"../Button\";\nimport { ArrowLeftIcon } from \"../Icons\";\nimport { useResizeObserver } from \"../../utils\";\n\ninterface SubmenuProps {\n title: string;\n onBack: () => void;\n onHeightChange: (height: number) => void;\n}\n\nexport const Submenu: FC<SubmenuProps & HTMLAttributes<HTMLDivElement>> = ({\n onBack,\n onHeightChange,\n style,\n children,\n title,\n}) => {\n const ref = useRef(null);\n const dimensions = useResizeObserver(ref);\n const height = dimensions?.height;\n\n useEffect(() => {\n if (height && height > 0) {\n onHeightChange(height);\n }\n }, [height, onHeightChange]);\n\n return (\n <div style={style} ref={ref}>\n <MenuHeader\n title={title}\n leftElement={\n <Button onClick={onBack} variant=\"text gray\" size=\"small\">\n <ArrowLeftIcon />\n </Button>\n }\n />\n {children}\n </div>\n );\n};\n"],"file":"Submenu.js"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Filter/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Filter/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAd","sourcesContent":["export * from \"./Filter\";\n"],"file":"index.js"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import React, { ReactNode } from "react";
|
|
2
|
-
interface IListItem {
|
|
2
|
+
export interface IListItem {
|
|
3
3
|
className?: string;
|
|
4
4
|
children?: ReactNode;
|
|
5
5
|
}
|
|
6
6
|
export declare const ListItem: React.ForwardRefExoticComponent<IListItem & React.HTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;
|
|
7
|
-
export {};
|
|
8
7
|
//# sourceMappingURL=ListItem.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/List/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA8B,SAAS,EAAO,MAAM,OAAO,CAAC;AAI1E,
|
|
1
|
+
{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/List/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA8B,SAAS,EAAO,MAAM,OAAO,CAAC;AAI1E,MAAM,WAAW,SAAS;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,uHAmBpB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/List/ListItem.tsx"],"names":["React","forwardRef","classnames","StyledListItem","ListItem","ref","children","className","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkE,OAAlE;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,cAAT,QAA+B,UAA/B;AAOA,OAAO,IAAMC,QAAQ,gBAAGH,UAAU,CAChC,gBAMEI,GANF,EAOK;AAAA,MALDC,QAKC,QALDA,QAKC;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHEC,KAGF;;AACH,sBACE,oBAAC,cAAD,eACMA,KADN;AAEE,IAAA,SAAS,EAAEN,UAAU,CAAC,aAAD,EAAgBK,SAAhB,CAFvB;AAGE,IAAA,GAAG,EAAEF;AAHP,MAKGC,QALH,CADF;AASD,CAlB+B,CAA3B;AAqBPF,QAAQ,CAACK,WAAT,GAAuB,UAAvB","sourcesContent":["import React, { forwardRef, HTMLAttributes, ReactNode, Ref } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledListItem } from \"./Styles\";\n\
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/List/ListItem.tsx"],"names":["React","forwardRef","classnames","StyledListItem","ListItem","ref","children","className","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkE,OAAlE;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,cAAT,QAA+B,UAA/B;AAOA,OAAO,IAAMC,QAAQ,gBAAGH,UAAU,CAChC,gBAMEI,GANF,EAOK;AAAA,MALDC,QAKC,QALDA,QAKC;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHEC,KAGF;;AACH,sBACE,oBAAC,cAAD,eACMA,KADN;AAEE,IAAA,SAAS,EAAEN,UAAU,CAAC,aAAD,EAAgBK,SAAhB,CAFvB;AAGE,IAAA,GAAG,EAAEF;AAHP,MAKGC,QALH,CADF;AASD,CAlB+B,CAA3B;AAqBPF,QAAQ,CAACK,WAAT,GAAuB,UAAvB","sourcesContent":["import React, { forwardRef, HTMLAttributes, ReactNode, Ref } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledListItem } from \"./Styles\";\n\nexport interface IListItem {\n className?: string;\n children?: ReactNode;\n}\n\nexport const ListItem = forwardRef(\n (\n {\n children,\n className,\n ...props\n }: IListItem & HTMLAttributes<HTMLLIElement>,\n ref: Ref<HTMLLIElement> | null | undefined\n ) => {\n return (\n <StyledListItem\n {...props}\n className={classnames(\"c-list-item\", className)}\n ref={ref}\n >\n {children}\n </StyledListItem>\n );\n }\n);\n\nListItem.displayName = \"ListItem\";\n"],"file":"ListItem.js"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import React, { ReactNode, ReactNodeArray } from "react";
|
|
2
|
-
interface IMenuFooter {
|
|
2
|
+
export interface IMenuFooter {
|
|
3
3
|
className?: string;
|
|
4
4
|
children?: ReactNode | ReactNodeArray;
|
|
5
5
|
}
|
|
6
6
|
export declare const MenuFooter: React.ForwardRefExoticComponent<IMenuFooter & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
-
export {};
|
|
8
7
|
//# sourceMappingURL=MenuFooter.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuFooter.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/MenuFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAGZ,SAAS,EACT,cAAc,EAEf,MAAM,OAAO,CAAC;AAIf,
|
|
1
|
+
{"version":3,"file":"MenuFooter.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/MenuFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAGZ,SAAS,EACT,cAAc,EAEf,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,WAAW;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,GAAG,cAAc,CAAC;CACvC;AAED,eAAO,MAAM,UAAU,2HAmBtB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Menu/MenuFooter.tsx"],"names":["React","forwardRef","classnames","StyledMenuFooter","MenuFooter","ref","children","className","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IACEC,UADF,QAMO,OANP;AAOA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,gBAAT,QAAiC,UAAjC;AAOA,OAAO,IAAMC,UAAU,gBAAGH,UAAU,CAClC,gBAMEI,GANF,EAOK;AAAA,MALDC,QAKC,QALDA,QAKC;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHEC,KAGF;;AACH,sBACE,oBAAC,gBAAD,eACMA,KADN;AAEE,IAAA,SAAS,EAAEN,UAAU,CAAC,eAAD,EAAkBK,SAAlB,CAFvB;AAGE,IAAA,GAAG,EAAEF;AAHP,MAKGC,QALH,CADF;AASD,CAlBiC,CAA7B;AAqBPF,UAAU,CAACK,WAAX,GAAyB,YAAzB","sourcesContent":["import React, {\n forwardRef,\n HTMLAttributes,\n ReactNode,\n ReactNodeArray,\n Ref,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { StyledMenuFooter } from \"./Styles\";\n\
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Menu/MenuFooter.tsx"],"names":["React","forwardRef","classnames","StyledMenuFooter","MenuFooter","ref","children","className","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IACEC,UADF,QAMO,OANP;AAOA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,gBAAT,QAAiC,UAAjC;AAOA,OAAO,IAAMC,UAAU,gBAAGH,UAAU,CAClC,gBAMEI,GANF,EAOK;AAAA,MALDC,QAKC,QALDA,QAKC;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHEC,KAGF;;AACH,sBACE,oBAAC,gBAAD,eACMA,KADN;AAEE,IAAA,SAAS,EAAEN,UAAU,CAAC,eAAD,EAAkBK,SAAlB,CAFvB;AAGE,IAAA,GAAG,EAAEF;AAHP,MAKGC,QALH,CADF;AASD,CAlBiC,CAA7B;AAqBPF,UAAU,CAACK,WAAX,GAAyB,YAAzB","sourcesContent":["import React, {\n forwardRef,\n HTMLAttributes,\n ReactNode,\n ReactNodeArray,\n Ref,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { StyledMenuFooter } from \"./Styles\";\n\nexport interface IMenuFooter {\n className?: string;\n children?: ReactNode | ReactNodeArray;\n}\n\nexport const MenuFooter = forwardRef(\n (\n {\n children,\n className,\n ...props\n }: IMenuFooter & HTMLAttributes<HTMLDivElement>,\n ref: Ref<HTMLDivElement>\n ) => {\n return (\n <StyledMenuFooter\n {...props}\n className={classnames(\"c-menu-footer\", className)}\n ref={ref}\n >\n {children}\n </StyledMenuFooter>\n );\n }\n);\n\nMenuFooter.displayName = \"MenuFooter\";\n"],"file":"MenuFooter.js"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/Option/Option.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEZ,iBAAiB,EACjB,SAAS,EAGV,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,gBAAgB;IAE/B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IAEpB,IAAI,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/Option/Option.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEZ,iBAAiB,EACjB,SAAS,EAGV,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,gBAAgB;IAE/B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IAEpB,IAAI,EAAE,MAAM,CAAC;IAEb,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,UAAU,0BAA0B;IAElC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAErB,IAAI,EAAE,MAAM,CAAC;IAEb,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAExD,OAAO,CAAC,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAC;CAC5C;AAED,eAAO,MAAM,MAAM,kGAgClB,CAAC"}
|