@ultraviolet/ui 3.20.3 → 3.21.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/README.md +3 -3
- package/dist/_virtual/{_@oxc-project_runtime@0.138.0 → _@oxc-project_runtime@0.139.0}/helpers/esm/asyncToGenerator.js +1 -1
- package/dist/_virtual/{_@oxc-project_runtime@0.138.0 → _@oxc-project_runtime@0.139.0}/helpers/esm/defineProperty.js +1 -1
- package/dist/_virtual/{_@oxc-project_runtime@0.138.0 → _@oxc-project_runtime@0.139.0}/helpers/esm/extends.js +1 -1
- package/dist/_virtual/{_@oxc-project_runtime@0.138.0 → _@oxc-project_runtime@0.139.0}/helpers/esm/objectDestructuringEmpty.js +1 -1
- package/dist/_virtual/{_@oxc-project_runtime@0.138.0 → _@oxc-project_runtime@0.139.0}/helpers/esm/objectSpread2.js +1 -1
- package/dist/_virtual/{_@oxc-project_runtime@0.138.0 → _@oxc-project_runtime@0.139.0}/helpers/esm/objectWithoutProperties.js +1 -1
- package/dist/_virtual/{_@oxc-project_runtime@0.138.0 → _@oxc-project_runtime@0.139.0}/helpers/esm/objectWithoutPropertiesLoose.js +1 -1
- package/dist/_virtual/{_@oxc-project_runtime@0.138.0 → _@oxc-project_runtime@0.139.0}/helpers/esm/toPrimitive.js +1 -1
- package/dist/_virtual/{_@oxc-project_runtime@0.138.0 → _@oxc-project_runtime@0.139.0}/helpers/esm/toPropertyKey.js +1 -1
- package/dist/_virtual/{_@oxc-project_runtime@0.138.0 → _@oxc-project_runtime@0.139.0}/helpers/esm/typeof.js +1 -1
- package/dist/components/ActionBar/index.js +1 -1
- package/dist/components/Avatar/index.js +2 -2
- package/dist/components/Banner/index.js +1 -1
- package/dist/components/BarChart/index.js +1 -1
- package/dist/components/Breadcrumbs/components/Item.js +2 -2
- package/dist/components/Breadcrumbs/index.d.ts +2 -26
- package/dist/components/Breadcrumbs/index.d.ts.map +1 -1
- package/dist/components/Button/index.d.ts +1 -0
- package/dist/components/Button/index.d.ts.map +1 -1
- package/dist/components/Button/index.js +3 -1
- package/dist/components/Carousel/Item.js +1 -1
- package/dist/components/Carousel/index.d.ts +2 -8
- package/dist/components/Carousel/index.d.ts.map +1 -1
- package/dist/components/CheckboxGroup/SingleCheckbox.js +1 -1
- package/dist/components/CheckboxGroup/index.d.ts +1 -23
- package/dist/components/CheckboxGroup/index.d.ts.map +1 -1
- package/dist/components/CheckboxGroup/index.js +1 -1
- package/dist/components/Chip/ChipIcon.js +1 -1
- package/dist/components/Chip/index.d.ts +2 -8
- package/dist/components/Chip/index.d.ts.map +1 -1
- package/dist/components/Chip/index.js +1 -1
- package/dist/components/DateInput/components/CalendarContent.js +1 -1
- package/dist/components/DateInput/components/CalendarDaily.js +1 -1
- package/dist/components/DateInput/components/CalendarMonthly.js +1 -1
- package/dist/components/DateInput/components/Popup.js +1 -1
- package/dist/components/DateInput/index.js +3 -2
- package/dist/components/Dialog/index.d.ts +13 -99
- package/dist/components/Dialog/index.d.ts.map +1 -1
- package/dist/components/Dialog/index.js +1 -1
- package/dist/components/Drawer/index.d.ts +3 -10
- package/dist/components/Drawer/index.d.ts.map +1 -1
- package/dist/components/Drawer/index.js +1 -1
- package/dist/components/EmptyState/index.js +1 -1
- package/dist/components/Expandable/AnimatedExpandable.js +1 -1
- package/dist/components/Expandable/NonAnimatedExpandable.js +1 -1
- package/dist/components/ExpandableCard/index.d.ts +2 -4
- package/dist/components/ExpandableCard/index.d.ts.map +1 -1
- package/dist/components/ExpandableCard/index.js +1 -1
- package/dist/components/FileInput/components/Button.js +3 -4
- package/dist/components/FileInput/components/List.js +1 -1
- package/dist/components/FileInput/helpers.js +1 -1
- package/dist/components/FileInput/index.d.ts +11 -10
- package/dist/components/FileInput/index.d.ts.map +1 -1
- package/dist/components/FileInput/index.js +4 -4
- package/dist/components/GlobalAlert/index.d.ts +2 -63
- package/dist/components/GlobalAlert/index.d.ts.map +1 -1
- package/dist/components/GlobalAlert/index.js +1 -1
- package/dist/components/InfiniteScroll/index.js +1 -1
- package/dist/components/Key/styles.css.d.ts.map +1 -1
- package/dist/components/LineChart/CustomLegend.js +1 -1
- package/dist/components/LineChart/index.js +1 -1
- package/dist/components/List/Cell.js +2 -2
- package/dist/components/List/ExpandButtonCell.js +1 -1
- package/dist/components/List/HeaderRow.js +1 -1
- package/dist/components/List/ListContext.js +3 -3
- package/dist/components/List/Row.js +1 -1
- package/dist/components/List/SelectRowCell.js +1 -1
- package/dist/components/List/SkeletonRows.js +1 -1
- package/dist/components/List/TableContainer.js +1 -1
- package/dist/components/List/index.js +1 -1
- package/dist/components/Loader/index.js +1 -1
- package/dist/components/Menu/index.d.ts +2 -10
- package/dist/components/Menu/index.d.ts.map +1 -1
- package/dist/components/Menu/index.js +2 -2
- package/dist/components/Modal/components/Dialog.js +1 -1
- package/dist/components/Notification/Notification.js +1 -1
- package/dist/components/PieChart/index.js +2 -2
- package/dist/components/Popup/index.js +1 -1
- package/dist/components/RadioGroup/SingleRadio.js +1 -1
- package/dist/components/RadioGroup/index.js +1 -1
- package/dist/components/Row/index.d.ts +1 -1
- package/dist/components/Row/index.d.ts.map +1 -1
- package/dist/components/Row/index.js +1 -1
- package/dist/components/SelectInput/SelectInputProvider.d.ts +1 -0
- package/dist/components/SelectInput/SelectInputProvider.d.ts.map +1 -1
- package/dist/components/SelectInput/SelectInputProvider.js +4 -5
- package/dist/components/SelectInput/components/Dropdown/Content.d.ts.map +1 -1
- package/dist/components/SelectInput/components/Dropdown/Content.js +3 -3
- package/dist/components/SelectInput/components/Dropdown/Dropdown.js +1 -1
- package/dist/components/SelectInput/components/Dropdown/Group.d.ts +1 -1
- package/dist/components/SelectInput/components/Dropdown/Group.d.ts.map +1 -1
- package/dist/components/SelectInput/components/Dropdown/Group.js +3 -2
- package/dist/components/SelectInput/components/Dropdown/SearchBar.d.ts.map +1 -1
- package/dist/components/SelectInput/components/Dropdown/SearchBar.js +10 -5
- package/dist/components/SelectInput/components/Dropdown/SelectAll.d.ts.map +1 -1
- package/dist/components/SelectInput/components/Dropdown/SelectAll.js +14 -20
- package/dist/components/SelectInput/components/Dropdown/dropdown.css.d.ts +1 -1
- package/dist/components/SelectInput/components/Dropdown/dropdown.css.d.ts.map +1 -1
- package/dist/components/SelectInput/components/Dropdown/dropdown.css.js +4 -4
- package/dist/components/SelectInput/reducerFunctions.d.ts +3 -8
- package/dist/components/SelectInput/reducerFunctions.d.ts.map +1 -1
- package/dist/components/SelectInput/reducerFunctions.js +4 -14
- package/dist/components/SelectInput/styles.css.d.ts +1 -1
- package/dist/components/SelectInput/styles.css.js +6 -6
- package/dist/components/SelectInput/types.d.ts +0 -1
- package/dist/components/SelectInput/types.d.ts.map +1 -1
- package/dist/components/SelectableCard/MultiStateInput.js +2 -2
- package/dist/components/SelectableCard/SelectableCard.js +1 -1
- package/dist/components/SelectableCardGroup/index.js +1 -1
- package/dist/components/SelectableCardOptionGroup/SelectableCardOptionGroup.js +1 -1
- package/dist/components/SelectableCardOptionGroup/components/Option.js +2 -2
- package/dist/components/Skeleton/index.d.ts +16 -21
- package/dist/components/Skeleton/index.d.ts.map +1 -1
- package/dist/components/Slider/components/DoubleSlider.js +1 -1
- package/dist/components/Slider/components/Options.js +1 -1
- package/dist/components/Slider/components/SingleSlider.js +2 -2
- package/dist/components/Snippet/index.d.ts.map +1 -1
- package/dist/components/Snippet/index.js +2 -3
- package/dist/components/Stack/index.d.ts +1 -1
- package/dist/components/Stack/index.d.ts.map +1 -1
- package/dist/components/Stack/index.js +3 -4
- package/dist/components/Status/styles.css.d.ts.map +1 -1
- package/dist/components/StepList/Item.js +1 -1
- package/dist/components/StepList/index.d.ts +2 -14
- package/dist/components/StepList/index.d.ts.map +1 -1
- package/dist/components/Stepper/Bullet.js +1 -1
- package/dist/components/Stepper/Step.js +1 -1
- package/dist/components/Stepper/index.d.ts +2 -13
- package/dist/components/Stepper/index.d.ts.map +1 -1
- package/dist/components/Stepper/index.js +2 -2
- package/dist/components/SwitchButton/FocusOverlay.js +1 -1
- package/dist/components/SwitchButton/index.d.ts +2 -11
- package/dist/components/SwitchButton/index.d.ts.map +1 -1
- package/dist/components/SwitchButton/index.js +1 -1
- package/dist/components/Table/Cell.js +2 -2
- package/dist/components/Table/Row.js +1 -1
- package/dist/components/Table/TableContainer.js +1 -1
- package/dist/components/Table/TableContext.js +4 -7
- package/dist/components/Table/index.d.ts +10 -48
- package/dist/components/Table/index.d.ts.map +1 -1
- package/dist/components/Table/index.js +1 -1
- package/dist/components/Tabs/Tab.js +4 -5
- package/dist/components/Tabs/TabMenu.js +3 -4
- package/dist/components/Tabs/TabMenuItem.js +4 -5
- package/dist/components/Tabs/index.d.ts +7 -41
- package/dist/components/Tabs/index.d.ts.map +1 -1
- package/dist/components/Tabs/index.js +4 -5
- package/dist/components/Tabs/styles.css.d.ts.map +1 -1
- package/dist/components/TagInput/index.js +2 -2
- package/dist/components/TagList/index.js +2 -2
- package/dist/components/Text/constants.d.ts +2 -0
- package/dist/components/Text/constants.d.ts.map +1 -1
- package/dist/components/Text/index.js +1 -1
- package/dist/components/Text/style.css.d.ts.map +1 -1
- package/dist/components/TextArea/index.d.ts +1 -1
- package/dist/components/TextArea/index.d.ts.map +1 -1
- package/dist/components/TextArea/index.js +26 -31
- package/dist/components/TextArea/styles.css.d.ts +0 -3
- package/dist/components/TextArea/styles.css.d.ts.map +1 -1
- package/dist/components/TimeInput/index.js +2 -2
- package/dist/components/Toaster/Toaster.js +1 -1
- package/dist/components/Toaster/components/Button.js +3 -4
- package/dist/components/Toaster/components/Link.js +3 -3
- package/dist/components/Toaster/index.d.ts +4 -2
- package/dist/components/Toaster/index.d.ts.map +1 -1
- package/dist/components/ToggleGroup/index.js +1 -1
- package/dist/components/TreeMapChart/index.js +2 -2
- package/dist/components/UnitInput/index.js +1 -1
- package/dist/components/index.js +15 -15
- package/dist/components/styles.js +90 -90
- package/dist/composition.js +30 -30
- package/dist/compositions/Conversation/index.d.ts +8 -32
- package/dist/compositions/Conversation/index.d.ts.map +1 -1
- package/dist/compositions/EstimateCost/Components/Item.js +1 -1
- package/dist/compositions/EstimateCost/Components/LineThrough.js +3 -4
- package/dist/compositions/EstimateCost/Components/Unit.js +1 -1
- package/dist/compositions/EstimateCost/EstimateCostProvider.js +1 -1
- package/dist/compositions/EstimateCost/Image.js +1 -1
- package/dist/compositions/EstimateCost/index.d.ts +21 -167
- package/dist/compositions/EstimateCost/index.d.ts.map +1 -1
- package/dist/compositions/FAQ/index.js +1 -1
- package/dist/compositions/Filters/filterTypes/FilterDateRange.d.ts +9 -0
- package/dist/compositions/Filters/filterTypes/FilterDateRange.d.ts.map +1 -0
- package/dist/compositions/Filters/filterTypes/FilterDateRange.js +36 -0
- package/dist/compositions/Filters/filterTypes/FilterMultiSelect.d.ts.map +1 -1
- package/dist/compositions/Filters/filterTypes/FilterMultiSelect.js +2 -1
- package/dist/compositions/Filters/filterTypes/FilterSelect.d.ts +1 -1
- package/dist/compositions/Filters/filterTypes/FilterSelect.d.ts.map +1 -1
- package/dist/compositions/Filters/filterTypes/FilterSelect.js +3 -2
- package/dist/compositions/Filters/filterTypes/FilterSlider.js +1 -1
- package/dist/compositions/Filters/index.d.ts +1 -1
- package/dist/compositions/Filters/index.d.ts.map +1 -1
- package/dist/compositions/Filters/parts/AbstractFilter.d.ts.map +1 -1
- package/dist/compositions/Filters/parts/AbstractFilter.js +7 -3
- package/dist/compositions/Filters/parts/FiltersDrawer.d.ts.map +1 -1
- package/dist/compositions/Filters/parts/FiltersDrawer.js +2 -4
- package/dist/compositions/Filters/parts/reducer.js +1 -1
- package/dist/compositions/Filters/parts/useFilters.js +1 -1
- package/dist/compositions/Filters/types.d.ts +24 -1
- package/dist/compositions/Filters/types.d.ts.map +1 -1
- package/dist/compositions/InfoTable/components/Row.js +1 -1
- package/dist/compositions/InfoTable/index.d.ts +13 -21
- package/dist/compositions/InfoTable/index.d.ts.map +1 -1
- package/dist/compositions/InfoTable/styles.css.js +83 -83
- package/dist/compositions/Navigation/NavigationProvider.d.ts.map +1 -1
- package/dist/compositions/Navigation/NavigationProvider.js +1 -1
- package/dist/compositions/Navigation/index.d.ts +11 -59
- package/dist/compositions/Navigation/index.d.ts.map +1 -1
- package/dist/compositions/OfferList/components/SelectableCell.js +1 -1
- package/dist/compositions/OfferList/index.d.ts +5 -39
- package/dist/compositions/OfferList/index.d.ts.map +1 -1
- package/dist/compositions/OptionSelector/styles.css.js +83 -83
- package/dist/compositions/OrderSummary/helpers.js +1 -1
- package/dist/compositions/Plans/PlanHeader.d.ts +1 -1
- package/dist/compositions/Plans/PlanHeader.d.ts.map +1 -1
- package/dist/compositions/RichTextInput/index.js +1 -1
- package/dist/compositions/SteppedListCard/index.d.ts +2 -11
- package/dist/compositions/SteppedListCard/index.d.ts.map +1 -1
- package/dist/index.js +70 -70
- package/dist/mocks/list.d.ts +1 -1
- package/dist/mocks/list.d.ts.map +1 -1
- package/dist/theme/ThemeProvider.d.ts +11 -0
- package/dist/theme/ThemeProvider.d.ts.map +1 -1
- package/dist/theme/ThemeProvider.js +2 -7
- package/dist/theme/index.d.ts +27 -2
- package/dist/theme/index.d.ts.map +1 -1
- package/dist/ui.css +1 -1
- package/package.json +13 -13
|
@@ -1,5 +1,5 @@
|
|
|
1
|
+
import type { UltravioletUITheme } from '@ultraviolet/themes';
|
|
1
2
|
import type { CSSProperties, ReactNode } from 'react';
|
|
2
|
-
import type { UltravioletUITheme } from '../../theme';
|
|
3
3
|
import type { AlignItemsType, JustifyContentType } from './styles.css';
|
|
4
4
|
type ResponsiveProp<T> = T | Partial<Record<keyof UltravioletUITheme['breakpoints'], T>>;
|
|
5
5
|
type ToNumber<T extends string> = T extends `${infer N extends number}` ? N : never;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Row/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Row/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AAG7D,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD,OAAO,KAAK,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAA;AAGtE,KAAK,cAAc,CAAC,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,kBAAkB,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;AAGxF,KAAK,QAAQ,CAAC,CAAC,SAAS,MAAM,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,MAAM,EAAE,GAAG,CAAC,GAAG,KAAK,CAAA;AAEnF,KAAK,QAAQ,GAAG;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,EAAE,SAAS,CAAA;IACnB,eAAe,EAAE,cAAc,CAAC,MAAM,CAAC,CAAA;IACvC,GAAG,CAAC,EAAE,cAAc,CAAC,MAAM,kBAAkB,CAAC,OAAO,CAAC,GAAG,QAAQ,CAAC,MAAM,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;IACrG,UAAU,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAA;IAC3C,cAAc,CAAC,EAAE,cAAc,CAAC,kBAAkB,CAAC,CAAA;IACnD,OAAO,CAAC,EAAE,cAAc,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAA;IAClD,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;4BAyBmB,EAClB,SAAS,EACT,aAAa,EAAE,UAAU,EACzB,QAAQ,EACR,eAAe,EACf,UAAU,EACV,cAAc,EACd,GAAG,EACH,OAAO,EACP,KAAK,GACN,EAAE,QAAQ"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
|
|
3
|
-
import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.
|
|
3
|
+
import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
|
|
4
4
|
import { init_styles_css, rowStyle, sprinkles } from "./styles.css.js";
|
|
5
5
|
import { init_variables_css, paddings, templateColumn } from "./variables.css.js";
|
|
6
6
|
import { consoleLightTheme } from "@ultraviolet/themes";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectInputProvider.d.ts","sourceRoot":"","sources":["../../../src/components/SelectInput/SelectInputProvider.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAS3E,OAAO,KAAK,EAAE,QAAQ,EAAc,aAAa,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEhF,KAAK,YAAY,GAAG;IAClB,OAAO,EAAE,QAAQ,CAAA;IACjB,QAAQ,EAAE,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAA;IAC5C,iBAAiB,EAAE,OAAO,CAAA;IAC1B,oBAAoB,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;IACvD,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAA;IAChD,SAAS,CAAC,EAAE;QAAE,KAAK,EAAE,SAAS,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IACtD,cAAc,EAAE,OAAO,CAAA;IACvB,eAAe,EAAE,MAAM,CAAA;IACvB,gBAAgB,EAAE,QAAQ,CAAA;IAC1B,YAAY,EAAE,YAAY,CAAA;IAC1B,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClC,eAAe,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAA;CACzC,GAAG,CACA;IACE,WAAW,EAAE,IAAI,CAAA;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;CACrC,GACD;IACE,WAAW,EAAE,KAAK,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC,CACJ,CAAA;
|
|
1
|
+
{"version":3,"file":"SelectInputProvider.d.ts","sourceRoot":"","sources":["../../../src/components/SelectInput/SelectInputProvider.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAS3E,OAAO,KAAK,EAAE,QAAQ,EAAc,aAAa,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEhF,KAAK,YAAY,GAAG;IAClB,OAAO,EAAE,QAAQ,CAAA;IACjB,QAAQ,EAAE,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAA;IAC5C,iBAAiB,EAAE,OAAO,CAAA;IAC1B,oBAAoB,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;IACvD,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAA;IAChD,SAAS,CAAC,EAAE;QAAE,KAAK,EAAE,SAAS,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IACtD,cAAc,EAAE,OAAO,CAAA;IACvB,eAAe,EAAE,MAAM,CAAA;IACvB,uBAAuB,EAAE,MAAM,CAAA;IAC/B,gBAAgB,EAAE,QAAQ,CAAA;IAC1B,YAAY,EAAE,YAAY,CAAA;IAC1B,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClC,eAAe,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAA;CACzC,GAAG,CACA;IACE,WAAW,EAAE,IAAI,CAAA;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;CACrC,GACD;IACE,WAAW,EAAE,KAAK,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC,CACJ,CAAA;AAqBD,eAAO,MAAM,cAAc,oBAAuC,CAAA;AAElE,KAAK,wBAAwB,CAAC,OAAO,SAAS,OAAO,IAAI;IACvD,OAAO,EAAE,QAAQ,CAAA;IACjB,SAAS,CAAC,EAAE;QAAE,KAAK,EAAE,SAAS,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IACtD,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACzB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClC,cAAc,EAAE,OAAO,CAAA;IACvB,eAAe,EAAE,MAAM,CAAA;IACvB,uBAAuB,EAAE,MAAM,CAAA;IAC/B,WAAW,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC5C,QAAQ,CAAC,EAAE,OAAO,SAAS,IAAI,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACrF,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,mBAAmB,GAAI,CAAC,SAAS,OAAO,sJAalD,wBAAwB,CAAC,CAAC,CAAC,gCA2I7B,CAAA"}
|
|
@@ -13,6 +13,7 @@ var init_SelectInputProvider = __esmMin(() => {
|
|
|
13
13
|
isDropdownVisible: false,
|
|
14
14
|
multiselect: false,
|
|
15
15
|
numberOfOptions: 0,
|
|
16
|
+
numberOfDisabledOptions: 0,
|
|
16
17
|
onChange: () => {},
|
|
17
18
|
onSearch: () => {},
|
|
18
19
|
options: [],
|
|
@@ -20,7 +21,6 @@ var init_SelectInputProvider = __esmMin(() => {
|
|
|
20
21
|
selectAll: { label: "" },
|
|
21
22
|
selectAllGroup: false,
|
|
22
23
|
selectedData: {
|
|
23
|
-
allSelected: false,
|
|
24
24
|
selectedGroups: [],
|
|
25
25
|
selectedValues: []
|
|
26
26
|
},
|
|
@@ -63,9 +63,9 @@ var init_SelectInputProvider = __esmMin(() => {
|
|
|
63
63
|
}, [options]);
|
|
64
64
|
const reducer = (state, action) => {
|
|
65
65
|
switch (action.type) {
|
|
66
|
-
case "selectAll": return selectAllAction(state, allGroups, allValues);
|
|
67
|
-
case "selectGroup": return selectGroupAction(state, action.selectedGroup, options
|
|
68
|
-
case "selectOption": return selectOptionAction(state, options,
|
|
66
|
+
case "selectAll": return selectAllAction(state, allGroups, allValues, numberOfOptions, numberOfDisabledOptions);
|
|
67
|
+
case "selectGroup": return selectGroupAction(state, action.selectedGroup, options);
|
|
68
|
+
case "selectOption": return selectOptionAction(state, options, multiselect, action.clickedOption, action.group);
|
|
69
69
|
case "clearAll": return clearAllAction();
|
|
70
70
|
case "update": return updateAction(state, options);
|
|
71
71
|
case "reset": return resetAction(action.selectedGroups, action.selectedValues);
|
|
@@ -73,7 +73,6 @@ var init_SelectInputProvider = __esmMin(() => {
|
|
|
73
73
|
}
|
|
74
74
|
};
|
|
75
75
|
const [selectedData, setSelectedData] = useReducer(reducer, {
|
|
76
|
-
allSelected: false,
|
|
77
76
|
selectedGroups,
|
|
78
77
|
selectedValues: currentValue
|
|
79
78
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectInput/components/Dropdown/Content.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectInput/components/Dropdown/Content.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAA;AAYrD,KAAK,mBAAmB,GAAG;IACzB,OAAO,EAAE,OAAO,CAAA;IAChB,UAAU,EAAE,SAAS,CAAA;IACrB,oBAAoB,EAAE,KAAK,GAAG,QAAQ,CAAA;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,qBAAqB,EAAE,MAAM,GAAG,OAAO,CAAA;IACvC,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAA;IACjC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;IACtC,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;IAC3C,SAAS,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;KAAE,CAAA;IACnE,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AA2CD,eAAO,MAAM,cAAc,uKAYxB,mBAAmB,gCA8KrB,CAAA"}
|
|
@@ -11,7 +11,6 @@ import { Group, init_Group } from "./Group.js";
|
|
|
11
11
|
import { Item, init_Item } from "./Item.js";
|
|
12
12
|
import { SelectAll, init_SelectAll } from "./SelectAll.js";
|
|
13
13
|
import { useEffect, useRef } from "react";
|
|
14
|
-
import { cn } from "@ultraviolet/utils";
|
|
15
14
|
import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
|
|
16
15
|
import { PlusIcon } from "@ultraviolet/icons/PlusIcon";
|
|
17
16
|
|
|
@@ -103,8 +102,7 @@ var init_Content = __esmMin(() => {
|
|
|
103
102
|
textVariant
|
|
104
103
|
});
|
|
105
104
|
return Array.isArray(displayedOptions) ? /* @__PURE__ */ jsxs(Stack, {
|
|
106
|
-
className:
|
|
107
|
-
gap: .25,
|
|
105
|
+
className: selectInputStyle.dropdownContainer,
|
|
108
106
|
id: "select-dropdown",
|
|
109
107
|
onKeyDown: handleKeyDownSelect,
|
|
110
108
|
role: "listbox",
|
|
@@ -123,6 +121,7 @@ var init_Content = __esmMin(() => {
|
|
|
123
121
|
/* @__PURE__ */ jsxs(Stack, {
|
|
124
122
|
gap: .25,
|
|
125
123
|
id: "items",
|
|
124
|
+
className: selectInputStyle.dropdownSection,
|
|
126
125
|
children: [isLoading ? /* @__PURE__ */ jsx(Skeleton, { variant: "block" }) : displayedOptions.map((option, index) => /* @__PURE__ */ jsx(Item, {
|
|
127
126
|
defaultSearchValue,
|
|
128
127
|
descriptionDirection,
|
|
@@ -163,6 +162,7 @@ var init_Content = __esmMin(() => {
|
|
|
163
162
|
const errorGroup = (_groupError$group = groupError === null || groupError === void 0 ? void 0 : groupError[group]) !== null && _groupError$group !== void 0 ? _groupError$group : null;
|
|
164
163
|
return /* @__PURE__ */ jsxs(Stack, {
|
|
165
164
|
gap: .25,
|
|
165
|
+
className: selectInputStyle.dropdownSection,
|
|
166
166
|
children: [hasElements || emptyStateGroup ? /* @__PURE__ */ jsx(Group, {
|
|
167
167
|
group,
|
|
168
168
|
index
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { __esmMin, __name } from "../../../../_virtual/_rolldown/runtime.js";
|
|
3
|
-
import _objectSpread2, { init_objectSpread2 } from "../../../../_virtual/_@oxc-project_runtime@0.
|
|
3
|
+
import _objectSpread2, { init_objectSpread2 } from "../../../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
|
|
4
4
|
import { Stack, init_Stack } from "../../../Stack/index.js";
|
|
5
5
|
import { Popup, init_Popup } from "../../../Popup/index.js";
|
|
6
6
|
import { ModalContext, init_ModalProvider } from "../../../Modal/ModalProvider.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectInput/components/Dropdown/Group.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,KAAK,qBAAsB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,
|
|
1
|
+
{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectInput/components/Dropdown/Group.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,KAAK,qBAAsB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,uCA+EvE,CAAA"}
|
|
@@ -31,10 +31,11 @@ var init_Group = __esmMin(() => {
|
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
33
|
};
|
|
34
|
+
if (!group) return null;
|
|
34
35
|
return /* @__PURE__ */ jsx("div", {
|
|
35
36
|
className: selectInputStyle.dropdownGroupWrapper,
|
|
36
37
|
id: selectAllGroup ? "items" : void 0,
|
|
37
|
-
children:
|
|
38
|
+
children: /* @__PURE__ */ jsx("button", {
|
|
38
39
|
className: cn(selectAllGroup ? selectInputStyle.dropdownGroupSelectable({ size }) : "", selectInputStyle.dropdownGroup),
|
|
39
40
|
"data-selectgroup": selectAllGroup,
|
|
40
41
|
"data-testid": `group-${index}`,
|
|
@@ -69,7 +70,7 @@ var init_Group = __esmMin(() => {
|
|
|
69
70
|
variant: size === "small" ? "captionSmall" : "caption",
|
|
70
71
|
children: group.toUpperCase()
|
|
71
72
|
})
|
|
72
|
-
}, group)
|
|
73
|
+
}, group)
|
|
73
74
|
});
|
|
74
75
|
};
|
|
75
76
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectInput/components/Dropdown/SearchBar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectInput/components/Dropdown/SearchBar.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,QAAQ,EAAiB,cAAc,EAAE,MAAM,OAAO,CAAA;AAKpE,OAAO,KAAK,EAAE,QAAQ,EAAc,MAAM,aAAa,CAAA;AAIvD,KAAK,cAAc,GAAG;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,gBAAgB,EAAE,QAAQ,CAAA;IAC1B,kBAAkB,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;CACtD,CAAA;AAwDD,eAAO,MAAM,SAAS,0DAA2D,cAAc,gCAgF9F,CAAA"}
|
|
@@ -1,12 +1,15 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { __esmMin, __name } from "../../../../_virtual/_rolldown/runtime.js";
|
|
3
|
-
import _objectSpread2, { init_objectSpread2 } from "../../../../_virtual/_@oxc-project_runtime@0.
|
|
3
|
+
import _objectSpread2, { init_objectSpread2 } from "../../../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
|
|
4
4
|
import { TextInput, init_TextInput } from "../../../TextInput/index.js";
|
|
5
|
+
import { init_styles_css, searchInputStyle } from "../../../SearchInput/styles.css.js";
|
|
5
6
|
import { OPTION_SELECTOR, init_constants } from "../../constants.js";
|
|
6
7
|
import { init_SelectInputProvider, useSelectInput } from "../../SelectInputProvider.js";
|
|
7
|
-
import { init_styles_css, selectInputStyle } from "../../styles.css.js";
|
|
8
|
+
import { init_styles_css as init_styles_css$1, selectInputStyle } from "../../styles.css.js";
|
|
9
|
+
import { init_styles } from "../../../styles.js";
|
|
8
10
|
import { computeSelectedDataMultiselect, computeSelectedDataSingleSelect, init_helpers } from "../helpers.js";
|
|
9
11
|
import { useEffect, useRef } from "react";
|
|
12
|
+
import { cn } from "@ultraviolet/utils";
|
|
10
13
|
import { jsx } from "react/jsx-runtime";
|
|
11
14
|
import { SearchIcon } from "@ultraviolet/icons/SearchIcon";
|
|
12
15
|
import { isFuzzyMatch, normalizeString } from "@scaleway/fuzzy-search";
|
|
@@ -14,11 +17,12 @@ import { isFuzzyMatch, normalizeString } from "@scaleway/fuzzy-search";
|
|
|
14
17
|
//#region src/components/SelectInput/components/Dropdown/SearchBar.tsx
|
|
15
18
|
var getReferenceText, searchRegex, findClosestOption, escapeRegExp, SearchBar;
|
|
16
19
|
var init_SearchBar = __esmMin(() => {
|
|
20
|
+
init_styles();
|
|
17
21
|
init_TextInput();
|
|
18
22
|
init_constants();
|
|
19
23
|
init_SelectInputProvider();
|
|
20
24
|
init_helpers();
|
|
21
|
-
init_styles_css();
|
|
25
|
+
init_styles_css$1();
|
|
22
26
|
init_objectSpread2();
|
|
23
27
|
getReferenceText = (option) => {
|
|
24
28
|
if (option.searchText) return normalizeString(option.searchText);
|
|
@@ -93,7 +97,7 @@ var init_SearchBar = __esmMin(() => {
|
|
|
93
97
|
}, []);
|
|
94
98
|
return /* @__PURE__ */ jsx(TextInput, {
|
|
95
99
|
"aria-label": "search-bar",
|
|
96
|
-
className: selectInputStyle.searchBar,
|
|
100
|
+
className: cn(selectInputStyle.searchBar, searchInputStyle.searchInput),
|
|
97
101
|
"data-testid": "search-bar",
|
|
98
102
|
onBlur: () => setSearchBarActive(false),
|
|
99
103
|
onChange: (event) => handleChange(event.target.value),
|
|
@@ -102,7 +106,8 @@ var init_SearchBar = __esmMin(() => {
|
|
|
102
106
|
placeholder,
|
|
103
107
|
prefix: /* @__PURE__ */ jsx(SearchIcon, {
|
|
104
108
|
sentiment: "neutral",
|
|
105
|
-
|
|
109
|
+
prominence: "weak",
|
|
110
|
+
size: "small"
|
|
106
111
|
}),
|
|
107
112
|
ref: searchInputRef,
|
|
108
113
|
size: size === "small" ? "small" : "medium",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectAll.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectInput/components/Dropdown/SelectAll.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SelectAll.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectInput/components/Dropdown/SelectAll.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,SAAS,oBAAqB;IAAE,WAAW,EAAE,MAAM,GAAG,WAAW,CAAA;CAAE,uCAgF/E,CAAA"}
|
|
@@ -16,32 +16,26 @@ var init_SelectAll = __esmMin(() => {
|
|
|
16
16
|
init_SelectInputProvider();
|
|
17
17
|
init_styles_css();
|
|
18
18
|
SelectAll = ({ textVariant }) => {
|
|
19
|
-
const { onChange, options, multiselect, selectAll, setSelectedData, selectedData, size } = useSelectInput();
|
|
19
|
+
const { onChange, options, numberOfOptions, numberOfDisabledOptions, multiselect, selectAll, setSelectedData, selectedData, size } = useSelectInput();
|
|
20
|
+
if (!(selectAll && multiselect)) return null;
|
|
21
|
+
const allSelected = selectedData.selectedValues.length === numberOfOptions - numberOfDisabledOptions;
|
|
20
22
|
const selectAllOptions = () => {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
if (Array.isArray(options)) options.map((option) => allValues.push(option));
|
|
27
|
-
else Object.keys(options).map((group) => options[group].map((option) => {
|
|
28
|
-
if (!option.disabled) allValues.push(option);
|
|
29
|
-
return null;
|
|
30
|
-
}));
|
|
31
|
-
onChange === null || onChange === void 0 || onChange(allValues.map((value) => value.value));
|
|
32
|
-
}
|
|
33
|
-
}
|
|
23
|
+
setSelectedData({ type: "selectAll" });
|
|
24
|
+
if (!onChange) return;
|
|
25
|
+
let newValues = [];
|
|
26
|
+
if (!allSelected) newValues = (Array.isArray(options) ? options : Object.values(options).flat()).filter((option) => !option.disabled).map((option) => option.value);
|
|
27
|
+
onChange(newValues);
|
|
34
28
|
};
|
|
35
|
-
return
|
|
29
|
+
return /* @__PURE__ */ jsx(Stack, {
|
|
36
30
|
gap: .25,
|
|
37
31
|
id: "items",
|
|
38
32
|
tabIndex: -1,
|
|
33
|
+
className: selectInputStyle.dropdownSection,
|
|
39
34
|
children: /* @__PURE__ */ jsx("div", {
|
|
40
|
-
"aria-disabled": false,
|
|
41
35
|
"aria-label": "select-all",
|
|
42
|
-
"aria-selected":
|
|
36
|
+
"aria-selected": allSelected,
|
|
43
37
|
className: cn(selectInputStyle.dropdownItem({
|
|
44
|
-
selected:
|
|
38
|
+
selected: allSelected,
|
|
45
39
|
size
|
|
46
40
|
})),
|
|
47
41
|
"data-testid": "select-all",
|
|
@@ -50,7 +44,7 @@ var init_SelectAll = __esmMin(() => {
|
|
|
50
44
|
role: "option",
|
|
51
45
|
tabIndex: 0,
|
|
52
46
|
children: /* @__PURE__ */ jsx(Checkbox, {
|
|
53
|
-
checked:
|
|
47
|
+
checked: allSelected,
|
|
54
48
|
className: selectInputStyle.dropdownCheckbox,
|
|
55
49
|
"data-testid": "select-all-checkbox",
|
|
56
50
|
disabled: false,
|
|
@@ -75,7 +69,7 @@ var init_SelectAll = __esmMin(() => {
|
|
|
75
69
|
})
|
|
76
70
|
})
|
|
77
71
|
})
|
|
78
|
-
})
|
|
72
|
+
});
|
|
79
73
|
};
|
|
80
74
|
});
|
|
81
75
|
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
export declare const dropdownWidth: `var(--${string})`;
|
|
2
2
|
export declare const dropdown: string;
|
|
3
3
|
export declare const dropdownContainer: string;
|
|
4
|
-
export declare const dropdownContainerUnGrouped: string;
|
|
5
4
|
export declare const dropdownGroup: string;
|
|
6
5
|
export declare const dropdownGroupSelectable: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
7
6
|
size: {
|
|
@@ -12,6 +11,7 @@ export declare const dropdownGroupSelectable: import("@vanilla-extract/recipes")
|
|
|
12
11
|
medium: {};
|
|
13
12
|
};
|
|
14
13
|
}>;
|
|
14
|
+
export declare const dropdownSection: string;
|
|
15
15
|
export declare const dropdownGroupWrapper: string;
|
|
16
16
|
export declare const emptyStateGroupStyle: string;
|
|
17
17
|
export declare const dropdownItemBase: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown.css.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectInput/components/Dropdown/dropdown.css.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,aAAa,oBAAc,CAAA;AAExC,eAAO,MAAM,QAAQ,QASnB,CAAA;AAEF,eAAO,MAAM,iBAAiB,
|
|
1
|
+
{"version":3,"file":"dropdown.css.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectInput/components/Dropdown/dropdown.css.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,aAAa,oBAAc,CAAA;AAExC,eAAO,MAAM,QAAQ,QASnB,CAAA;AAEF,eAAO,MAAM,iBAAiB,QAI5B,CAAA;AAEF,eAAO,MAAM,aAAa,QAmBxB,CAAA;AAEF,eAAO,MAAM,uBAAuB;;QAY9B,KAAK;YACH,WAAW;;QAEb,KAAK;QACL,MAAM;;EAMV,CAAA;AAEF,eAAO,MAAM,eAAe,QAU1B,CAAA;AAEF,eAAO,MAAM,oBAAoB,QAG/B,CAAA;AAEF,eAAO,MAAM,oBAAoB,QAO/B,CAAA;AAEF,eAAO,MAAM,gBAAgB,QAM3B,CAAA;AAEF,eAAO,MAAM,YAAY;;QAoBnB,IAAI;YACF,eAAe;;;;QAIjB,KAAK;QACL,MAAM;QACN,KAAK;YACH,OAAO;;;;;;;;;;;;;;;;;EAkBb,CAAA;AAEF,eAAO,MAAM,MAAM,QAKjB,CAAA;AAQF,eAAO,MAAM,gBAAgB,QAA8D,CAAA;AAE3F,eAAO,MAAM,qBAAqB,QAA0D,CAAA;AAC5F,eAAO,MAAM,kBAAkB,QAAqC,CAAA;AAEpE,eAAO,MAAM,gBAAgB,QAAyC,CAAA;AAEtE,eAAO,MAAM,YAAY,QAEvB,CAAA;AAEF,eAAO,MAAM,oBAAoB,QAM/B,CAAA;AAEF,eAAO,MAAM,qBAAqB,QAAgC,CAAA;AAElE,eAAO,MAAM,SAAS,QAGpB,CAAA;AAEF,eAAO,MAAM,cAAc,QAWzB,CAAA;AAEF,eAAO,MAAM,mBAAmB,QAAY,CAAA"}
|
|
@@ -8,11 +8,11 @@ var init_dropdown_css = __esmMin(() => {
|
|
|
8
8
|
init_dropdown_css_ts_vanilla();
|
|
9
9
|
dropdownWidth = "var(--uv_igqisu0)";
|
|
10
10
|
dropdownGroupSelectable = createRuntimeFn({
|
|
11
|
-
defaultClassName: "
|
|
11
|
+
defaultClassName: "uv_igqisu4",
|
|
12
12
|
variantClassNames: { size: {
|
|
13
|
-
small: "
|
|
14
|
-
large: "
|
|
15
|
-
medium: "
|
|
13
|
+
small: "uv_igqisu5",
|
|
14
|
+
large: "uv_igqisu6",
|
|
15
|
+
medium: "uv_igqisu7"
|
|
16
16
|
} },
|
|
17
17
|
defaultVariants: { size: "large" },
|
|
18
18
|
compoundVariants: []
|
|
@@ -1,27 +1,22 @@
|
|
|
1
1
|
import type { DataType, OptionType, ReducerState } from './types';
|
|
2
|
-
export declare const selectAllAction: (state: ReducerState, allGroups: string[], allValues: OptionType[]) => {
|
|
3
|
-
allSelected: boolean;
|
|
2
|
+
export declare const selectAllAction: (state: ReducerState, allGroups: string[], allValues: OptionType[], numberOfOptions: number, numberOfDisabledOptions: number) => {
|
|
4
3
|
selectedGroups: string[];
|
|
5
4
|
selectedValues: string[];
|
|
6
5
|
};
|
|
7
|
-
export declare const selectGroupAction: (state: ReducerState, selectedGroupAction: string, options: DataType
|
|
8
|
-
export declare const selectOptionAction: (state: ReducerState, options: DataType,
|
|
9
|
-
allSelected: boolean;
|
|
6
|
+
export declare const selectGroupAction: (state: ReducerState, selectedGroupAction: string, options: DataType) => ReducerState;
|
|
7
|
+
export declare const selectOptionAction: (state: ReducerState, options: DataType, multiselect: boolean, clickedOption: OptionType, group?: string) => {
|
|
10
8
|
selectedGroups: string[];
|
|
11
9
|
selectedValues: string[];
|
|
12
10
|
};
|
|
13
11
|
export declare const clearAllAction: () => {
|
|
14
|
-
allSelected: boolean;
|
|
15
12
|
selectedGroups: never[];
|
|
16
13
|
selectedValues: never[];
|
|
17
14
|
};
|
|
18
15
|
export declare const updateAction: (state: ReducerState, options: DataType) => {
|
|
19
|
-
allSelected: boolean;
|
|
20
16
|
selectedGroups: string[];
|
|
21
17
|
selectedValues: string[];
|
|
22
18
|
};
|
|
23
19
|
export declare const resetAction: (selectedGroups: string[], selectedValues: string[]) => {
|
|
24
|
-
allSelected: boolean;
|
|
25
20
|
selectedGroups: string[];
|
|
26
21
|
selectedValues: string[];
|
|
27
22
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"reducerFunctions.d.ts","sourceRoot":"","sources":["../../../src/components/SelectInput/reducerFunctions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEjE,eAAO,MAAM,eAAe,
|
|
1
|
+
{"version":3,"file":"reducerFunctions.d.ts","sourceRoot":"","sources":["../../../src/components/SelectInput/reducerFunctions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEjE,eAAO,MAAM,eAAe,UACnB,YAAY,aACR,MAAM,EAAE,aACR,UAAU,EAAE,mBACN,MAAM,2BACE,MAAM;;;CAWhC,CAAA;AAED,eAAO,MAAM,iBAAiB,UAAW,YAAY,uBAAuB,MAAM,WAAW,QAAQ,iBAyBpG,CAAA;AAED,eAAO,MAAM,kBAAkB,UACtB,YAAY,WACV,QAAQ,eACJ,OAAO,iBACL,UAAU,UACjB,MAAM;;;CA8Bf,CAAA;AAED,eAAO,MAAM,cAAc;IACzB,cAAc;IACd,cAAc;CACd,CAAA;AAEF,eAAO,MAAM,YAAY,UAAW,YAAY,WAAW,QAAQ;IACjE,cAAc;IACd,cAAc;CASd,CAAA;AAEF,eAAO,MAAM,WAAW,mBAAoB,MAAM,EAAE,kBAAkB,MAAM,EAAE;;;CAG5E,CAAA"}
|
|
@@ -3,61 +3,52 @@ import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
|
|
|
3
3
|
//#region src/components/SelectInput/reducerFunctions.tsx
|
|
4
4
|
var selectAllAction, selectGroupAction, selectOptionAction, clearAllAction, updateAction, resetAction;
|
|
5
5
|
var init_reducerFunctions = __esmMin(() => {
|
|
6
|
-
selectAllAction = (state, allGroups, allValues) => {
|
|
7
|
-
if (state.
|
|
8
|
-
allSelected: false,
|
|
6
|
+
selectAllAction = (state, allGroups, allValues, numberOfOptions, numberOfDisabledOptions) => {
|
|
7
|
+
if (state.selectedValues.length === numberOfOptions - numberOfDisabledOptions) return {
|
|
9
8
|
selectedGroups: [],
|
|
10
9
|
selectedValues: []
|
|
11
10
|
};
|
|
12
11
|
return {
|
|
13
|
-
allSelected: true,
|
|
14
12
|
selectedGroups: allGroups,
|
|
15
13
|
selectedValues: allValues.map((option) => option.value)
|
|
16
14
|
};
|
|
17
15
|
};
|
|
18
|
-
selectGroupAction = (state, selectedGroupAction, options
|
|
16
|
+
selectGroupAction = (state, selectedGroupAction, options) => {
|
|
19
17
|
if (!Array.isArray(options)) {
|
|
20
18
|
if (state.selectedGroups.includes(selectedGroupAction)) return {
|
|
21
|
-
allSelected: false,
|
|
22
19
|
selectedGroups: state.selectedGroups.filter((selectedGroup) => selectedGroup !== selectedGroupAction),
|
|
23
20
|
selectedValues: [...state.selectedValues].filter((selectedValue) => !options[selectedGroupAction].find((option) => option.value === selectedValue))
|
|
24
21
|
};
|
|
25
22
|
const newSelectedValues = [...state.selectedValues];
|
|
26
23
|
options[selectedGroupAction].map((option) => newSelectedValues.find((aValue) => aValue === option.value) || option.disabled ? null : newSelectedValues.push(option.value));
|
|
27
24
|
return {
|
|
28
|
-
allSelected: newSelectedValues.length === numberOfOptions - numberOfDisabledOptions,
|
|
29
25
|
selectedGroups: [...state.selectedGroups, selectedGroupAction],
|
|
30
26
|
selectedValues: newSelectedValues
|
|
31
27
|
};
|
|
32
28
|
}
|
|
33
29
|
return state;
|
|
34
30
|
};
|
|
35
|
-
selectOptionAction = (state, options,
|
|
31
|
+
selectOptionAction = (state, options, multiselect, clickedOption, group) => {
|
|
36
32
|
if (multiselect) {
|
|
37
33
|
if (state.selectedValues.includes(clickedOption.value)) return {
|
|
38
|
-
allSelected: false,
|
|
39
34
|
selectedGroups: group && state.selectedGroups.includes(group) ? state.selectedGroups.filter((selectedGroup) => selectedGroup !== group) : [],
|
|
40
35
|
selectedValues: state.selectedValues.filter((val) => val !== clickedOption.value)
|
|
41
36
|
};
|
|
42
37
|
return {
|
|
43
|
-
allSelected: state.selectedValues.length + 1 === numberOfOptions - numberOfDisabledOptions,
|
|
44
38
|
selectedGroups: !Array.isArray(options) && group && options[group].every((option) => [...state.selectedValues, clickedOption.value].includes(option.value) || option.disabled) ? [...state.selectedGroups, group] : state.selectedGroups,
|
|
45
39
|
selectedValues: [...state.selectedValues, clickedOption.value]
|
|
46
40
|
};
|
|
47
41
|
}
|
|
48
42
|
return {
|
|
49
|
-
allSelected: false,
|
|
50
43
|
selectedGroups: state.selectedGroups,
|
|
51
44
|
selectedValues: [clickedOption.value]
|
|
52
45
|
};
|
|
53
46
|
};
|
|
54
47
|
clearAllAction = () => ({
|
|
55
|
-
allSelected: false,
|
|
56
48
|
selectedGroups: [],
|
|
57
49
|
selectedValues: []
|
|
58
50
|
});
|
|
59
51
|
updateAction = (state, options) => ({
|
|
60
|
-
allSelected: state.allSelected,
|
|
61
52
|
selectedGroups: state.selectedGroups,
|
|
62
53
|
selectedValues: state.selectedValues.filter((selectedValue) => {
|
|
63
54
|
if (!Array.isArray(options)) return Object.keys(options).some((group) => options[group].some((option) => option.value === selectedValue && !option.disabled));
|
|
@@ -65,7 +56,6 @@ var init_reducerFunctions = __esmMin(() => {
|
|
|
65
56
|
})
|
|
66
57
|
});
|
|
67
58
|
resetAction = (selectedGroups, selectedValues) => ({
|
|
68
|
-
allSelected: false,
|
|
69
59
|
selectedGroups,
|
|
70
60
|
selectedValues
|
|
71
61
|
});
|
|
@@ -3,7 +3,6 @@ export declare const selectInputStyle: {
|
|
|
3
3
|
helper: string;
|
|
4
4
|
dropdown: string;
|
|
5
5
|
dropdownContainer: string;
|
|
6
|
-
dropdownContainerUnGrouped: string;
|
|
7
6
|
dropdownGroup: string;
|
|
8
7
|
dropdownGroupSelectable: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
9
8
|
size: {
|
|
@@ -15,6 +14,7 @@ export declare const selectInputStyle: {
|
|
|
15
14
|
};
|
|
16
15
|
}>;
|
|
17
16
|
dropdownGroupWrapper: string;
|
|
17
|
+
dropdownSection: string;
|
|
18
18
|
emptyStateGroupStyle: string;
|
|
19
19
|
dropdownItem: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
20
20
|
selected: {
|
|
@@ -19,19 +19,19 @@ var init_styles_css = __esmMin(() => {
|
|
|
19
19
|
helper: "uv_uf6pag1",
|
|
20
20
|
dropdown: "uv_igqisu1",
|
|
21
21
|
dropdownContainer: "uv_igqisu2",
|
|
22
|
-
|
|
23
|
-
dropdownGroup: "uv_igqisu4",
|
|
22
|
+
dropdownGroup: "uv_igqisu3",
|
|
24
23
|
dropdownGroupSelectable: createRuntimeFn({
|
|
25
|
-
defaultClassName: "
|
|
24
|
+
defaultClassName: "uv_igqisu4",
|
|
26
25
|
variantClassNames: { size: {
|
|
27
|
-
small: "
|
|
28
|
-
large: "
|
|
29
|
-
medium: "
|
|
26
|
+
small: "uv_igqisu5",
|
|
27
|
+
large: "uv_igqisu6",
|
|
28
|
+
medium: "uv_igqisu7"
|
|
30
29
|
} },
|
|
31
30
|
defaultVariants: { size: "large" },
|
|
32
31
|
compoundVariants: []
|
|
33
32
|
}),
|
|
34
33
|
dropdownGroupWrapper: "uv_igqisu9",
|
|
34
|
+
dropdownSection: "uv_igqisu8",
|
|
35
35
|
emptyStateGroupStyle: "uv_igqisua",
|
|
36
36
|
dropdownItem: createRuntimeFn({
|
|
37
37
|
defaultClassName: "uv_igqisuc uv_igqisub uv_igqisua",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/SelectInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,GAAG,CACA;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE,GACtC;IACE,KAAK,EAAE,SAAS,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;CACnB,CACJ,CAAA;AAED,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC,GAAG,UAAU,EAAE,CAAA;AAElE,MAAM,MAAM,YAAY,GAAG;IACzB,cAAc,EAAE,MAAM,EAAE,CAAA;IACxB,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/SelectInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,GAAG,CACA;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE,GACtC;IACE,KAAK,EAAE,SAAS,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;CACnB,CACJ,CAAA;AAED,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC,GAAG,UAAU,EAAE,CAAA;AAElE,MAAM,MAAM,YAAY,GAAG;IACzB,cAAc,EAAE,MAAM,EAAE,CAAA;IACxB,cAAc,EAAE,MAAM,EAAE,CAAA;CACzB,CAAA;AAED,MAAM,MAAM,aAAa,GACrB;IAAE,IAAI,EAAE,WAAW,CAAA;CAAE,GACrB;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,aAAa,EAAE,MAAM,CAAA;CAAE,GAC9C;IACE,IAAI,EAAE,cAAc,CAAA;IACpB,aAAa,EAAE,UAAU,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GACD;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,GACpB;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,GAClB;IACE,IAAI,EAAE,OAAO,CAAA;IACb,cAAc,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAA;IAC9C,cAAc,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAA;CAC/C,CAAA"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
|
|
2
|
-
import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.
|
|
2
|
+
import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
|
|
3
3
|
import { Checkbox, init_Checkbox } from "../Checkbox/index.js";
|
|
4
|
-
import { Radio, init_Radio } from "../Radio/index.js";
|
|
5
4
|
import { init_styles_css, selectableCardStyle } from "./styles.css.js";
|
|
5
|
+
import { Radio, init_Radio } from "../Radio/index.js";
|
|
6
6
|
import { Toggle, init_Toggle } from "../Toggle/index.js";
|
|
7
7
|
import { jsx } from "react/jsx-runtime";
|
|
8
8
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
|
|
3
|
-
import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.
|
|
3
|
+
import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
|
|
4
4
|
import { Stack, init_Stack } from "../Stack/index.js";
|
|
5
5
|
import { Tooltip, init_Tooltip } from "../Tooltip/index.js";
|
|
6
6
|
import { init_styles_css, selectableCardStyle } from "./styles.css.js";
|
|
@@ -5,9 +5,9 @@ import { hasHelperText, init_hasHelperText } from "../../helpers/hasHelperText.j
|
|
|
5
5
|
import { Description, init_Description } from "../Description/index.js";
|
|
6
6
|
import { Label, init_Label } from "../Label/index.js";
|
|
7
7
|
import { Row, init_Row } from "../Row/index.js";
|
|
8
|
+
import { init_styles_css, selectableCardGroupStyle } from "./styles.css.js";
|
|
8
9
|
import { SelectableCardGroupContext, init_Context } from "./Context.js";
|
|
9
10
|
import { CardSelectableCard, init_SingleCard } from "./SingleCard.js";
|
|
10
|
-
import { init_styles_css, selectableCardGroupStyle } from "./styles.css.js";
|
|
11
11
|
import { useId, useMemo } from "react";
|
|
12
12
|
import { cn } from "@ultraviolet/utils";
|
|
13
13
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -5,8 +5,8 @@ import { hasHelperText, init_hasHelperText } from "../../helpers/hasHelperText.j
|
|
|
5
5
|
import { Description, init_Description } from "../Description/index.js";
|
|
6
6
|
import { Label, init_Label } from "../Label/index.js";
|
|
7
7
|
import { Row, init_Row } from "../Row/index.js";
|
|
8
|
-
import { SelectableCardOptionGroupContext, init_Provider } from "./Provider.js";
|
|
9
8
|
import { init_styles_css, selectableCardOptionGroupStyle } from "./styles.css.js";
|
|
9
|
+
import { SelectableCardOptionGroupContext, init_Provider } from "./Provider.js";
|
|
10
10
|
import { Option, init_Option } from "./components/Option.js";
|
|
11
11
|
import { useId, useMemo } from "react";
|
|
12
12
|
import { cn } from "@ultraviolet/utils";
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
|
|
3
|
-
import _objectSpread2, { init_objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.
|
|
3
|
+
import _objectSpread2, { init_objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
|
|
4
4
|
import { Stack, init_Stack } from "../../Stack/index.js";
|
|
5
5
|
import { Label, init_Label } from "../../Label/index.js";
|
|
6
|
+
import { init_styles_css, selectableCardOptionGroupStyle } from "../styles.css.js";
|
|
6
7
|
import { SelectInput, init_SelectInput } from "../../SelectInput/index.js";
|
|
7
8
|
import { SelectableCard, init_SelectableCard } from "../../SelectableCard/SelectableCard.js";
|
|
8
9
|
import { init_SelectableCard as init_SelectableCard$1 } from "../../SelectableCard/index.js";
|
|
9
10
|
import { init_Provider, useSelectableCardOptionGroup } from "../Provider.js";
|
|
10
|
-
import { init_styles_css, selectableCardOptionGroupStyle } from "../styles.css.js";
|
|
11
11
|
import { Image, init_Image } from "./Image.js";
|
|
12
12
|
import { useId } from "react";
|
|
13
13
|
import { cn } from "@ultraviolet/utils";
|
|
@@ -1,26 +1,21 @@
|
|
|
1
1
|
import type { CSSProperties } from 'react';
|
|
2
|
+
import { Block } from './Block';
|
|
3
|
+
import { Blocks } from './Blocks';
|
|
4
|
+
import { BoxWithIcon } from './BoxWithIcon';
|
|
5
|
+
import { Donut } from './Donut';
|
|
6
|
+
import { Line } from './Line';
|
|
7
|
+
import { List } from './List';
|
|
8
|
+
import { Slider } from './Slider';
|
|
9
|
+
import { Square } from './Square';
|
|
2
10
|
declare const variants: {
|
|
3
|
-
readonly block:
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
readonly
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
readonly
|
|
11
|
-
col?: number;
|
|
12
|
-
length?: number;
|
|
13
|
-
}) => import("react").JSX.Element;
|
|
14
|
-
readonly donut: () => import("react").JSX.Element;
|
|
15
|
-
readonly line: () => import("react").JSX.Element;
|
|
16
|
-
readonly list: ({ length, col }: {
|
|
17
|
-
length?: number;
|
|
18
|
-
col?: number;
|
|
19
|
-
}) => import("react").JSX.Element;
|
|
20
|
-
readonly slider: ({ length }: {
|
|
21
|
-
length?: number;
|
|
22
|
-
}) => import("react").JSX.Element;
|
|
23
|
-
readonly square: () => import("react").JSX.Element;
|
|
11
|
+
readonly block: typeof Block;
|
|
12
|
+
readonly blocks: typeof Blocks;
|
|
13
|
+
readonly box: typeof BoxWithIcon;
|
|
14
|
+
readonly donut: typeof Donut;
|
|
15
|
+
readonly line: typeof Line;
|
|
16
|
+
readonly list: typeof List;
|
|
17
|
+
readonly slider: typeof Slider;
|
|
18
|
+
readonly square: typeof Square;
|
|
24
19
|
};
|
|
25
20
|
type SkeletonVariant = keyof typeof variants;
|
|
26
21
|
type SkeletonProps = {
|