@smg-automotive/components 25.11.0-migrate-v3-header-full.3 → 25.11.0-migrate-searchable-list.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/index.d.ts +3 -0
- package/dist/cjs/components/index.d.ts.map +1 -1
- package/dist/cjs/components/list/SearchableList.d.ts.map +1 -1
- package/dist/cjs/components/list/SearchableListItem.d.ts +2 -1
- package/dist/cjs/components/list/SearchableListItem.d.ts.map +1 -1
- package/dist/cjs/components/list/SearchableListItemLabel.d.ts.map +1 -1
- package/dist/cjs/components/menu/index.d.ts +4 -1
- package/dist/cjs/components/menu/index.d.ts.map +1 -1
- package/dist/cjs/components/rangeFilterInput/InputGroup.d.ts +1 -1
- package/dist/cjs/components/rangeFilterInput/InputGroup.d.ts.map +1 -1
- package/dist/cjs/components/rangeFilterInput/index.d.ts.map +1 -1
- package/dist/cjs/components/rangeFilterInputWithSlider/index.d.ts +34 -0
- package/dist/cjs/components/rangeFilterInputWithSlider/index.d.ts.map +1 -0
- package/dist/cjs/components/rangeSlider/Chart.d.ts +10 -0
- package/dist/cjs/components/rangeSlider/Chart.d.ts.map +1 -0
- package/dist/cjs/components/rangeSlider/RangeSliderWithChart.d.ts +17 -0
- package/dist/cjs/components/rangeSlider/RangeSliderWithChart.d.ts.map +1 -0
- package/dist/cjs/components/rangeSlider/RangeSliderWithScale.d.ts +46 -0
- package/dist/cjs/components/rangeSlider/RangeSliderWithScale.d.ts.map +1 -0
- package/dist/cjs/components/rangeSlider/index.d.ts +10 -0
- package/dist/cjs/components/rangeSlider/index.d.ts.map +1 -0
- package/dist/cjs/components/tenantSelection/Container.d.ts +6 -0
- package/dist/cjs/components/tenantSelection/Container.d.ts.map +1 -0
- package/dist/cjs/components/tenantSelection/Loading.d.ts +3 -0
- package/dist/cjs/components/tenantSelection/Loading.d.ts.map +1 -0
- package/dist/cjs/components/tenantSelection/ModalLayout.d.ts +3 -0
- package/dist/cjs/components/tenantSelection/ModalLayout.d.ts.map +1 -0
- package/dist/cjs/components/tenantSelection/Overview.d.ts +12 -0
- package/dist/cjs/components/tenantSelection/Overview.d.ts.map +1 -0
- package/dist/cjs/components/tenantSelection/__tests__/createTenantLabel.test.d.ts +2 -0
- package/dist/cjs/components/tenantSelection/__tests__/createTenantLabel.test.d.ts.map +1 -0
- package/dist/cjs/components/tenantSelection/index.d.ts +16 -0
- package/dist/cjs/components/tenantSelection/index.d.ts.map +1 -0
- package/dist/cjs/components/tenantSelection/select/index.d.ts +11 -0
- package/dist/cjs/components/tenantSelection/select/index.d.ts.map +1 -0
- package/dist/cjs/index.js +194 -58
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/themes/shared/slotRecipes/menu.d.ts.map +1 -1
- package/dist/cjs/themes/shared/slotRecipes/numberInput.d.ts.map +1 -1
- package/dist/esm/components/index.d.ts +3 -0
- package/dist/esm/components/index.d.ts.map +1 -1
- package/dist/esm/components/list/SearchableList.d.ts.map +1 -1
- package/dist/esm/components/list/SearchableList.js +4 -4
- package/dist/esm/components/list/SearchableList.js.map +1 -1
- package/dist/esm/components/list/SearchableListItem.d.ts +2 -1
- package/dist/esm/components/list/SearchableListItem.d.ts.map +1 -1
- package/dist/esm/components/list/SearchableListItem.js +2 -5
- package/dist/esm/components/list/SearchableListItem.js.map +1 -1
- package/dist/esm/components/list/SearchableListItemLabel.d.ts.map +1 -1
- package/dist/esm/components/list/SearchableListItemLabel.js +2 -2
- package/dist/esm/components/list/SearchableListItemLabel.js.map +1 -1
- package/dist/esm/components/menu/index.d.ts +4 -1
- package/dist/esm/components/menu/index.d.ts.map +1 -1
- package/dist/esm/components/menu/index.js +12 -7
- package/dist/esm/components/menu/index.js.map +1 -1
- package/dist/esm/components/rangeFilterInput/InputGroup.d.ts +1 -1
- package/dist/esm/components/rangeFilterInput/InputGroup.d.ts.map +1 -1
- package/dist/esm/components/rangeFilterInput/InputGroup.js +54 -14
- package/dist/esm/components/rangeFilterInput/InputGroup.js.map +1 -1
- package/dist/esm/components/rangeFilterInput/index.d.ts.map +1 -1
- package/dist/esm/components/rangeFilterInput/index.js +2 -4
- package/dist/esm/components/rangeFilterInput/index.js.map +1 -1
- package/dist/esm/components/rangeFilterInputWithSlider/index.d.ts +34 -0
- package/dist/esm/components/rangeFilterInputWithSlider/index.d.ts.map +1 -0
- package/dist/esm/components/rangeSlider/Chart.d.ts +10 -0
- package/dist/esm/components/rangeSlider/Chart.d.ts.map +1 -0
- package/dist/esm/components/rangeSlider/RangeSliderWithChart.d.ts +17 -0
- package/dist/esm/components/rangeSlider/RangeSliderWithChart.d.ts.map +1 -0
- package/dist/esm/components/rangeSlider/RangeSliderWithScale.d.ts +46 -0
- package/dist/esm/components/rangeSlider/RangeSliderWithScale.d.ts.map +1 -0
- package/dist/esm/components/rangeSlider/index.d.ts +10 -0
- package/dist/esm/components/rangeSlider/index.d.ts.map +1 -0
- package/dist/esm/components/rangeSlider/index.js +16 -0
- package/dist/esm/components/rangeSlider/index.js.map +1 -0
- package/dist/esm/components/tenantSelection/Container.d.ts +6 -0
- package/dist/esm/components/tenantSelection/Container.d.ts.map +1 -0
- package/dist/esm/components/tenantSelection/Container.js +12 -0
- package/dist/esm/components/tenantSelection/Container.js.map +1 -0
- package/dist/esm/components/tenantSelection/Loading.d.ts +3 -0
- package/dist/esm/components/tenantSelection/Loading.d.ts.map +1 -0
- package/dist/esm/components/tenantSelection/Loading.js +13 -0
- package/dist/esm/components/tenantSelection/Loading.js.map +1 -0
- package/dist/esm/components/tenantSelection/ModalLayout.d.ts +3 -0
- package/dist/esm/components/tenantSelection/ModalLayout.d.ts.map +1 -0
- package/dist/esm/components/tenantSelection/ModalLayout.js +12 -0
- package/dist/esm/components/tenantSelection/ModalLayout.js.map +1 -0
- package/dist/esm/components/tenantSelection/Overview.d.ts +12 -0
- package/dist/esm/components/tenantSelection/Overview.d.ts.map +1 -0
- package/dist/esm/components/tenantSelection/Overview.js +40 -0
- package/dist/esm/components/tenantSelection/Overview.js.map +1 -0
- package/dist/esm/components/tenantSelection/__tests__/createTenantLabel.test.d.ts +2 -0
- package/dist/esm/components/tenantSelection/__tests__/createTenantLabel.test.d.ts.map +1 -0
- package/dist/esm/components/tenantSelection/index.d.ts +16 -0
- package/dist/esm/components/tenantSelection/index.d.ts.map +1 -0
- package/dist/esm/components/tenantSelection/index.js +29 -0
- package/dist/esm/components/tenantSelection/index.js.map +1 -0
- package/dist/esm/components/tenantSelection/select/index.d.ts +11 -0
- package/dist/esm/components/tenantSelection/select/index.d.ts.map +1 -0
- package/dist/esm/components/tenantSelection/select/index.js +20 -0
- package/dist/esm/components/tenantSelection/select/index.js.map +1 -0
- package/dist/esm/components/tenantSelection/tenantSelectionIllustration.png.js +4 -0
- package/dist/esm/components/tenantSelection/tenantSelectionIllustration.png.js.map +1 -0
- package/dist/esm/index.js +3 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/themes/shared/slotRecipes/menu.d.ts.map +1 -1
- package/dist/esm/themes/shared/slotRecipes/menu.js +1 -0
- package/dist/esm/themes/shared/slotRecipes/menu.js.map +1 -1
- package/dist/esm/themes/shared/slotRecipes/numberInput.d.ts.map +1 -1
- package/dist/esm/themes/shared/slotRecipes/numberInput.js +3 -1
- package/dist/esm/themes/shared/slotRecipes/numberInput.js.map +1 -1
- package/dist/esm/themes/shared/slotRecipes/slider.js +7 -7
- package/dist/esm/themes/shared/slotRecipes/slider.js.map +1 -1
- package/dist/index.d.ts +85 -15
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../../../src/themes/shared/slotRecipes/menu.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../../../src/themes/shared/slotRecipes/menu.ts"],"names":[],"mappings":"AAiEA,eAAO,MAAM,UAAU,qKAQrB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"numberInput.d.ts","sourceRoot":"","sources":["../../../../../src/themes/shared/slotRecipes/numberInput.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"numberInput.d.ts","sourceRoot":"","sources":["../../../../../src/themes/shared/slotRecipes/numberInput.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuG5B,CAAC"}
|
|
@@ -54,4 +54,7 @@ export * from './rangeFilterInput';
|
|
|
54
54
|
export * from './topVehicleSharedBadge';
|
|
55
55
|
export * from './discreteSlider';
|
|
56
56
|
export * from './formControlSection';
|
|
57
|
+
export * from './rangeSlider';
|
|
58
|
+
export { SearchableList, ListItemWithChildren } from './list/SearchableList';
|
|
59
|
+
export * from './tenantSelection';
|
|
57
60
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAC7E,cAAc,mBAAmB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchableList.d.ts","sourceRoot":"","sources":["../../../../src/components/list/SearchableList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAoC,MAAM,OAAO,CAAC;AAGpE,OAAO,EAAe,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAGvE,OAAO,EAAE,YAAY,EAAsB,MAAM,sBAAsB,CAAC;AAIxE,MAAM,MAAM,oBAAoB,GAAG,YAAY,GAAG;IAChD,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG;IAClB,SAAS,EAAE,oBAAoB,EAAE,CAAC;IAClC,SAAS,CAAC,EAAE,EAAE,CAAC;IACf,qBAAqB,CAAC,EAAE,EAAE,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,WAAW,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,eAAe,CAAC,EAAE,IAAI,GAAG,KAAK,CAAA;KAAE,CAAC;IACnE,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;CACpD,CAAC;AAyEF,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,KAAK,
|
|
1
|
+
{"version":3,"file":"SearchableList.d.ts","sourceRoot":"","sources":["../../../../src/components/list/SearchableList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAoC,MAAM,OAAO,CAAC;AAGpE,OAAO,EAAe,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAGvE,OAAO,EAAE,YAAY,EAAsB,MAAM,sBAAsB,CAAC;AAIxE,MAAM,MAAM,oBAAoB,GAAG,YAAY,GAAG;IAChD,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG;IAClB,SAAS,EAAE,oBAAoB,EAAE,CAAC;IAClC,SAAS,CAAC,EAAE,EAAE,CAAC;IACf,qBAAqB,CAAC,EAAE,EAAE,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,WAAW,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,eAAe,CAAC,EAAE,IAAI,GAAG,KAAK,CAAA;KAAE,CAAC;IACnE,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;CACpD,CAAC;AAyEF,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,KAAK,CAoIpC,CAAC"}
|
|
@@ -101,14 +101,14 @@ var SearchableList = function (_a) {
|
|
|
101
101
|
searchState.query.length === 0 ? React.createElement(EmptyQueryPlaceholder, null) : null,
|
|
102
102
|
searchState.listItems.length > 0 ? (React.createElement(List.Root, { ref: listRef, width: "full", height: "full", id: areaId, "aria-live": "polite", css: {
|
|
103
103
|
columns: { base: 1, md: columns },
|
|
104
|
-
columnGap: '
|
|
105
|
-
columnRule: '1px solid
|
|
104
|
+
columnGap: '4xl',
|
|
105
|
+
columnRule: '1px solid #CFCFCF',
|
|
106
106
|
}, "aria-label": listAriaLabel }, searchState.listItems.map(function (item, itemIndex) {
|
|
107
107
|
var parentKey = "".concat(itemIndex, "-").concat(item.value);
|
|
108
108
|
var children = item.children || [];
|
|
109
|
-
return (React.createElement(SearchableListItem, __assign({}, item, { key: parentKey }), children.length > 0 ? (React.createElement(List.Root, { width: "full"
|
|
109
|
+
return (React.createElement(SearchableListItem, __assign({}, item, { key: parentKey }), children.length > 0 ? (React.createElement(List.Root, { width: "full" }, children.map(function (child, childIndex) {
|
|
110
110
|
var childKey = "".concat(childIndex, "-").concat(child.value);
|
|
111
|
-
return React.createElement(SearchableListItem, __assign({}, child, { key: childKey }));
|
|
111
|
+
return (React.createElement(SearchableListItem, __assign({}, child, { key: childKey, paddingLeft: childrenSpacing })));
|
|
112
112
|
}))) : null));
|
|
113
113
|
}))) : (React.createElement(NoResults, null))));
|
|
114
114
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchableList.js","sources":["../../../../../src/components/list/SearchableList.tsx"],"sourcesContent":[null],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"SearchableList.js","sources":["../../../../../src/components/list/SearchableList.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { FC, PropsWithChildren } from 'react';
|
|
2
2
|
import { RangeTuple } from 'fuse.js';
|
|
3
|
-
import { CheckboxCheckedChangeDetails } from '@chakra-ui/react';
|
|
3
|
+
import { CheckboxCheckedChangeDetails, ConditionalValue } from '@chakra-ui/react';
|
|
4
4
|
type CommonListItem = {
|
|
5
5
|
label: string;
|
|
6
6
|
value: string;
|
|
@@ -9,6 +9,7 @@ type CommonListItem = {
|
|
|
9
9
|
showChevron?: boolean;
|
|
10
10
|
highlightIndices?: readonly RangeTuple[];
|
|
11
11
|
isCheckbox?: boolean;
|
|
12
|
+
paddingLeft?: ConditionalValue<'md' | '2xl'>;
|
|
12
13
|
};
|
|
13
14
|
type CheckboxListItem = {
|
|
14
15
|
onClick: (details: CheckboxCheckedChangeDetails) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchableListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/list/SearchableListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,
|
|
1
|
+
{"version":3,"file":"SearchableListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/list/SearchableListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,EAEL,4BAA4B,EAC5B,gBAAgB,EACjB,MAAM,kBAAkB,CAAC;AAO1B,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,SAAS,UAAU,EAAE,CAAC;IACzC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,gBAAgB,CAAC,IAAI,GAAG,KAAK,CAAC,CAAC;CAC9C,CAAC;AASF,KAAK,gBAAgB,GAAG;IACtB,OAAO,EAAE,CAAC,OAAO,EAAE,4BAA4B,KAAK,IAAI,CAAC;IACzD,UAAU,EAAE,IAAI,CAAC;IACjB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,GAAG,cAAc,CAAC;AAEnB,KAAK,mBAAmB,GAAG;IACzB,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACpD,UAAU,CAAC,EAAE,KAAK,CAAC;CACpB,GAAG,cAAc,CAAC;AAEnB,MAAM,MAAM,YAAY,GAAG,gBAAgB,GAAG,mBAAmB,CAAC;AAQlE,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,iBAAiB,CAAC,YAAY,CAAC,CA4DlE,CAAC"}
|
|
@@ -26,11 +26,8 @@ var SearchableListItem = function (props) {
|
|
|
26
26
|
'aria-current': isSelected,
|
|
27
27
|
};
|
|
28
28
|
var checkboxProps = __assign(__assign({}, commonProps), { label: React.createElement(SearchableListItemLabel, __assign({}, labelProps)), checked: isSelected, indeterminate: isCheckbox ? !!props.isIndeterminate : false, fullWidth: true, variant: 'alignTop', onChange: isCheckbox ? props.onClick : undefined });
|
|
29
|
-
return (React.createElement(List.Item, { css: { breakInside: 'avoid' } },
|
|
30
|
-
isCheckbox ? (React.createElement(Checkbox, __assign({}, checkboxProps))) : (React.createElement(Button, { value: value, paddingY: "sm", name: "searchable-list-item-".concat(value), "aria-current": isSelected, onClick: !isCheckbox ? props.onClick : undefined, width: "full", display: "flex", paddingX: "0",
|
|
31
|
-
background: 'transparent',
|
|
32
|
-
_hover: { background: 'gray.100' },
|
|
33
|
-
} },
|
|
29
|
+
return (React.createElement(List.Item, { css: { breakInside: 'avoid' }, paddingLeft: props.paddingLeft },
|
|
30
|
+
isCheckbox ? (React.createElement(Checkbox, __assign({}, checkboxProps))) : (React.createElement(Button, { value: value, paddingY: "sm", name: "searchable-list-item-".concat(value), "aria-current": isSelected, onClick: !isCheckbox ? props.onClick : undefined, width: "full", display: "flex", paddingX: "0" },
|
|
34
31
|
React.createElement(SearchableListItemLabel, __assign({}, labelProps)))),
|
|
35
32
|
children));
|
|
36
33
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchableListItem.js","sources":["../../../../../src/components/list/SearchableListItem.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;
|
|
1
|
+
{"version":3,"file":"SearchableListItem.js","sources":["../../../../../src/components/list/SearchableListItem.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AA4CA,IAAM,cAAc,GAAG,UACrB,QAAsB,EAAA;AAEtB,IAAA,OAAO,CAAC,CAAC,QAAQ,CAAC,UAAU;AAC9B,CAAC;AAEM,IAAM,kBAAkB,GAAwC,UACrE,KAAK,EAAA;AAEL,IAAA,IAAM,UAAU,GAAG,cAAc,CAAC,KAAK,CAAC;AAEtC,IAAA,IAAA,KAAK,GAOH,KAAK,MAPF,EACL,KAAK,GAMH,KAAK,CAAA,KANF,EACL,KAAK,GAKH,KAAK,CAAA,KALF,EACL,UAAU,GAIR,KAAK,WAJG,EACV,EAAA,GAGE,KAAK,CAAA,WAHW,EAAlB,WAAW,GAAA,EAAA,KAAA,MAAA,GAAG,IAAI,GAAA,EAAA,EAClB,KAEE,KAAK,CAAA,gBAFc,EAArB,gBAAgB,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EACrB,QAAQ,GACN,KAAK,SADC;AAGV,IAAA,IAAM,UAAU,GAAG;AACjB,QAAA,KAAK,EAAA,KAAA;AACL,QAAA,UAAU,EAAA,UAAA;AACV,QAAA,WAAW,EAAA,WAAA;AACX,QAAA,gBAAgB,EAAA,gBAAA;AAChB,QAAA,UAAU,EAAA,UAAA;AACV,QAAA,KAAK,EAAA,KAAA;KACN;AACD,IAAA,IAAM,WAAW,GAAgB;AAC/B,QAAA,KAAK,EAAA,KAAA;AACL,QAAA,QAAQ,EAAE,IAAI;QACd,IAAI,EAAE,uBAAA,CAAA,MAAA,CAAwB,KAAK,CAAE;AACrC,QAAA,cAAc,EAAE,UAAU;KAC3B;IAED,IAAM,aAAa,GAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EACd,WAAW,CAAA,EAAA,EACd,KAAK,EAAE,KAAA,CAAA,aAAA,CAAC,uBAAuB,EAAA,QAAA,CAAA,EAAA,EAAK,UAAU,CAAA,CAAI,EAClD,OAAO,EAAE,UAAU,EACnB,aAAa,EAAE,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,eAAe,GAAG,KAAK,EAC3D,SAAS,EAAE,IAAI,EACf,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,UAAU,GAAG,KAAK,CAAC,OAAO,GAAG,SAAS,EAAA,CACjD;AAED,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,IAAI,CAAC,IAAI,EAAA,EAAC,GAAG,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,WAAW,EAAE,KAAK,CAAC,WAAW,EAAA;QACrE,UAAU,IACT,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,QAAA,CAAA,EAAA,EAAK,aAAa,CAAA,CAAI,KAE/B,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EACL,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAC,IAAI,EACb,IAAI,EAAE,uBAAA,CAAA,MAAA,CAAwB,KAAK,CAAE,EAAA,cAAA,EACvB,UAAU,EACxB,OAAO,EAAE,CAAC,UAAU,GAAG,KAAK,CAAC,OAAO,GAAG,SAAS,EAChD,KAAK,EAAC,MAAM,EACZ,OAAO,EAAC,MAAM,EACd,QAAQ,EAAC,GAAG,EAAA;AAEZ,YAAA,KAAA,CAAA,aAAA,CAAC,uBAAuB,EAAA,QAAA,CAAA,EAAA,EAAK,UAAU,CAAA,CAAI,CACpC,CACV;QACA,QAAQ,CACC;AAEhB;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchableListItemLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/list/SearchableListItemLabel.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"SearchableListItemLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/list/SearchableListItemLabel.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAMlC,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEpD,KAAK,UAAU,GAAG,IAAI,CACpB,YAAY,EACV,OAAO,GACP,YAAY,GACZ,aAAa,GACb,kBAAkB,GAClB,OAAO,GACP,YAAY,CACf,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,EAAE,CAAC,UAAU,CA+ClD,CAAC"}
|
|
@@ -171,12 +171,12 @@ import { Flex } from '../flex/index.js';
|
|
|
171
171
|
|
|
172
172
|
var SearchableListItemLabel = function (_a) {
|
|
173
173
|
var label = _a.label, isSelected = _a.isSelected, _b = _a.showChevron, showChevron = _b === void 0 ? true : _b, _c = _a.highlightIndices, highlightIndices = _c === void 0 ? [] : _c, _d = _a.isCheckbox, isCheckbox = _d === void 0 ? false : _d, facet = _a.facet;
|
|
174
|
-
return (React.createElement(Flex, { width: "full", justifyContent: "space-between", whiteSpace: "pre-wrap", fontWeight: isSelected && !isCheckbox ? 'bold' : undefined, color: "gray.900" },
|
|
174
|
+
return (React.createElement(Flex, { width: "full", justifyContent: "space-between", whiteSpace: "pre-wrap", fontWeight: isSelected && !isCheckbox ? 'bold' : undefined, color: "gray.900", cursor: "pointer" },
|
|
175
175
|
React.createElement(Flex, null,
|
|
176
176
|
isSelected && !isCheckbox ? (React.createElement(CheckmarkIcon, { w: "xs", mr: "xs", color: "gray.900" })) : null,
|
|
177
177
|
React.createElement(HighlightedText, { text: label, highlightIndices: highlightIndices, textAlign: "left" })),
|
|
178
178
|
React.createElement(Flex, { as: "span" },
|
|
179
|
-
facet ? (React.createElement(Text, { as: "span", color: "gray.400", mr: showChevron ? 'lg' : undefined, ml: "sm",
|
|
179
|
+
facet ? (React.createElement(Text, { as: "span", color: "gray.400", mr: showChevron ? 'lg' : undefined, ml: "sm", minW: "lg", textAlign: "right", fontWeight: "regular" }, facet)) : null,
|
|
180
180
|
showChevron ? (React.createElement(ChevronRightSmallIcon, { color: "gray.500", w: "sm", h: "sm" })) : null)));
|
|
181
181
|
};
|
|
182
182
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchableListItemLabel.js","sources":["../../../../../src/components/list/SearchableListItemLabel.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"SearchableListItemLabel.js","sources":["../../../../../src/components/list/SearchableListItemLabel.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBO,IAAM,uBAAuB,GAAmB,UAAC,EAOvD,EAAA;QANC,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,EAAA,GAAA,EAAA,CAAA,WAAkB,EAAlB,WAAW,GAAA,EAAA,KAAA,MAAA,GAAG,IAAI,GAAA,EAAA,EAClB,EAAA,GAAA,EAAA,CAAA,gBAAqB,EAArB,gBAAgB,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EACrB,EAAA,GAAA,EAAA,CAAA,UAAkB,EAAlB,UAAU,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EAClB,KAAK,GAAA,EAAA,CAAA,KAAA;AAEL,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EACH,KAAK,EAAC,MAAM,EACZ,cAAc,EAAC,eAAe,EAC9B,UAAU,EAAC,UAAU,EACrB,UAAU,EAAE,UAAU,IAAI,CAAC,UAAU,GAAG,MAAM,GAAG,SAAS,EAC1D,KAAK,EAAC,UAAU,EAChB,MAAM,EAAC,SAAS,EAAA;AAEhB,QAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,IAAA;YACF,UAAU,IAAI,CAAC,UAAU,IACxB,KAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EAAC,CAAC,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,KAAK,EAAC,UAAU,EAAA,CAAG,IAC/C,IAAI;AACR,YAAA,KAAA,CAAA,aAAA,CAAC,eAAe,EAAA,EACd,IAAI,EAAE,KAAK,EACX,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAC,MAAM,GAChB,CACG;AACP,QAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAC,MAAM,EAAA;YACZ,KAAK,IACJ,oBAAC,IAAI,EAAA,EACH,EAAE,EAAC,MAAM,EACT,KAAK,EAAC,UAAU,EAChB,EAAE,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,EAClC,EAAE,EAAC,IAAI,EACP,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,OAAO,EACjB,UAAU,EAAC,SAAS,EAAA,EAEnB,KAAK,CACD,IACL,IAAI;YACP,WAAW,IACV,KAAA,CAAA,aAAA,CAAC,qBAAqB,EAAA,EAAC,KAAK,EAAC,UAAU,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAA,CAAG,IACtD,IAAI,CACH,CACF;AAEX;;;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FC, JSX, ReactElement } from 'react';
|
|
2
|
-
import { MenuRootProps, MenuTriggerProps } from '@chakra-ui/react';
|
|
2
|
+
import { MenuContentProps, MenuRootProps, MenuTriggerProps } from '@chakra-ui/react';
|
|
3
3
|
interface MenuItem {
|
|
4
4
|
text: JSX.Element | string;
|
|
5
5
|
value: string;
|
|
@@ -8,13 +8,16 @@ interface MenuItem {
|
|
|
8
8
|
export interface MenuProps {
|
|
9
9
|
title: string | ReactElement;
|
|
10
10
|
items: MenuItem[];
|
|
11
|
+
value?: string;
|
|
11
12
|
fontWeightTitle?: MenuTriggerProps['fontWeight'];
|
|
12
13
|
offset?: [number, number];
|
|
13
14
|
menuColor?: MenuTriggerProps['color'];
|
|
15
|
+
menuOptionColor?: MenuContentProps['color'];
|
|
14
16
|
showChevron?: boolean;
|
|
15
17
|
icon?: ReactElement;
|
|
16
18
|
iconSpacing?: MenuTriggerProps['gap'];
|
|
17
19
|
placement?: Exclude<MenuRootProps['positioning'], undefined>['placement'];
|
|
20
|
+
showOptionsCheckmark?: boolean;
|
|
18
21
|
}
|
|
19
22
|
export declare const Menu: FC<MenuProps>;
|
|
20
23
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAGL,gBAAgB,EAChB,aAAa,EACb,gBAAgB,EAGjB,MAAM,kBAAkB,CAAC;AAI1B,UAAU,QAAQ;IAChB,IAAI,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,GAAG,YAAY,CAAC;IAC7B,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAC;IACjD,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B,SAAS,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACtC,eAAe,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC5C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,WAAW,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC,CAAC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,aAAa,CAAC,EAAE,SAAS,CAAC,CAAC,WAAW,CAAC,CAAC;IAC1E,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CA8E9B,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { __assign } from '../../node_modules/tslib/tslib.es6.js';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { useSlotRecipe, Menu as Menu$1, Portal } from '@chakra-ui/react';
|
|
3
|
+
import { useSlotRecipe, Menu as Menu$1, Portal, Box } from '@chakra-ui/react';
|
|
4
4
|
import '../icons/AdvancedSearchIcon.js';
|
|
5
5
|
import '../icons/ArrowCircleIcon.js';
|
|
6
6
|
import '../icons/ArrowDiagonalIcon.js';
|
|
@@ -21,7 +21,7 @@ import '../icons/CarConditionIcon.js';
|
|
|
21
21
|
import '../icons/CarIcon.js';
|
|
22
22
|
import '../icons/CopyIcon.js';
|
|
23
23
|
import '../icons/ChartIcon.js';
|
|
24
|
-
import '../icons/CheckmarkIcon.js';
|
|
24
|
+
import { CheckmarkIcon } from '../icons/CheckmarkIcon.js';
|
|
25
25
|
import '../icons/CheckmarkCircleIcon.js';
|
|
26
26
|
import '../icons/CheckShieldIcon.js';
|
|
27
27
|
import '../icons/ChevronDownLargeIcon.js';
|
|
@@ -169,14 +169,16 @@ import '../icons/CollapseIcon.js';
|
|
|
169
169
|
import '../icons/ForwardIcon.js';
|
|
170
170
|
|
|
171
171
|
var Menu = function (_a) {
|
|
172
|
-
var title = _a.title, items = _a.items, _b = _a.fontWeightTitle, fontWeightTitle = _b === void 0 ? 'regular' : _b, _c = _a.offset, offset = _c === void 0 ? [8, 0] : _c, menuColor = _a.menuColor, _d = _a.showChevron, showChevron = _d === void 0 ? true : _d, icon = _a.icon, _e = _a.iconSpacing, iconSpacing = _e === void 0 ? 'sm' : _e, placement = _a.placement;
|
|
172
|
+
var title = _a.title, items = _a.items, value = _a.value, _b = _a.fontWeightTitle, fontWeightTitle = _b === void 0 ? 'regular' : _b, _c = _a.offset, offset = _c === void 0 ? [8, 0] : _c, menuColor = _a.menuColor, menuOptionColor = _a.menuOptionColor, _d = _a.showChevron, showChevron = _d === void 0 ? true : _d, icon = _a.icon, _e = _a.iconSpacing, iconSpacing = _e === void 0 ? 'sm' : _e, placement = _a.placement, _f = _a.showOptionsCheckmark, showOptionsCheckmark = _f === void 0 ? false : _f;
|
|
173
173
|
var recipe = useSlotRecipe({ key: 'menu' });
|
|
174
174
|
var styles = recipe();
|
|
175
|
-
var
|
|
175
|
+
var _g = offset[0], crossAxis = _g === void 0 ? 0 : _g, _h = offset[1], mainAxis = _h === void 0 ? 0 : _h;
|
|
176
176
|
return (React.createElement(Menu$1.Root, { positioning: { placement: placement, offset: { mainAxis: mainAxis, crossAxis: crossAxis } } },
|
|
177
177
|
React.createElement(Menu$1.Context, null, function (_a) {
|
|
178
178
|
var open = _a.open;
|
|
179
|
-
|
|
179
|
+
// menuColor takes precedence over the open state color
|
|
180
|
+
var color = menuColor || (open ? 'blue.700' : undefined);
|
|
181
|
+
return (React.createElement(Menu$1.Trigger, { css: styles.trigger, gap: iconSpacing, fontWeight: fontWeightTitle, color: color },
|
|
180
182
|
icon,
|
|
181
183
|
title,
|
|
182
184
|
showChevron ? (React.createElement(ChevronDownSmallIcon, { transition: "transform", transform: open ? 'rotate(180deg)' : 'rotate(0deg)' })) : null));
|
|
@@ -184,8 +186,11 @@ var Menu = function (_a) {
|
|
|
184
186
|
React.createElement(Portal, null,
|
|
185
187
|
React.createElement(Menu$1.Positioner, null,
|
|
186
188
|
React.createElement(Menu$1.Content, { css: styles.content }, items.map(function (_a) {
|
|
187
|
-
var onClick = _a.onClick, text = _a.text,
|
|
188
|
-
|
|
189
|
+
var onClick = _a.onClick, text = _a.text, itemValue = _a.value;
|
|
190
|
+
var optionColor = menuOptionColor || menuColor;
|
|
191
|
+
return (React.createElement(Menu$1.Item, __assign({ key: "menuItem-".concat(value), value: itemValue, onSelect: onClick, css: styles.item }, (optionColor && { color: optionColor })),
|
|
192
|
+
showOptionsCheckmark ? (React.createElement(Box, { w: "xs", display: "flex", justifyContent: "center", marginRight: "sm" }, itemValue === value ? React.createElement(CheckmarkIcon, null) : null)) : null,
|
|
193
|
+
text));
|
|
189
194
|
}))))));
|
|
190
195
|
};
|
|
191
196
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/menu/index.tsx"],"sourcesContent":[null],"names":["ChakraMenu"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/menu/index.tsx"],"sourcesContent":[null],"names":["ChakraMenu"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCO,IAAM,IAAI,GAAkB,UAAC,EAanC,EAAA;QAZC,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,EAAA,GAAA,EAAA,CAAA,eAA2B,EAA3B,eAAe,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,KAAA,EAC3B,EAAA,GAAA,EAAA,CAAA,MAAe,EAAf,MAAM,GAAA,EAAA,KAAA,MAAA,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,GAAA,EAAA,EACf,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,eAAe,GAAA,EAAA,CAAA,eAAA,EACf,EAAA,GAAA,EAAA,CAAA,WAAkB,EAAlB,WAAW,GAAA,EAAA,KAAA,MAAA,GAAG,IAAI,GAAA,EAAA,EAClB,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,EAAA,GAAA,EAAA,CAAA,WAAkB,EAAlB,WAAW,GAAA,EAAA,KAAA,MAAA,GAAG,IAAI,GAAA,EAAA,EAClB,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,EAAA,GAAA,EAAA,CAAA,oBAA4B,EAA5B,oBAAoB,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA;IAE5B,IAAM,MAAM,GAAG,aAAa,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC;AAC7C,IAAA,IAAM,MAAM,GAAG,MAAM,EAAE;AAChB,IAAA,IAAA,KAA+B,MAAM,CAAA,CAAA,CAAxB,EAAb,SAAS,mBAAG,CAAC,GAAA,EAAA,EAAE,EAAA,GAAgB,MAAM,CAAA,CAAA,CAAV,EAAZ,QAAQ,GAAA,EAAA,KAAA,MAAA,GAAG,CAAC,KAAA;IAClC,QACE,oBAACA,MAAU,CAAC,IAAI,EAAA,EACd,WAAW,EAAE,EAAE,SAAS,WAAA,EAAE,MAAM,EAAE,EAAE,QAAQ,UAAA,EAAE,SAAS,EAAA,SAAA,EAAE,EAAE,EAAA;AAE3D,QAAA,KAAA,CAAA,aAAA,CAACA,MAAU,CAAC,OAAO,EAAA,IAAA,EAChB,UAAC,EAAQ,EAAA;AAAN,YAAA,IAAA,IAAI,GAAA,EAAA,CAAA,IAAA;;AAEN,YAAA,IAAM,KAAK,GAAG,SAAS,KAAK,IAAI,GAAG,UAAU,GAAG,SAAS,CAAC;YAE1D,QACE,oBAACA,MAAU,CAAC,OAAO,EAAA,EACjB,GAAG,EAAE,MAAM,CAAC,OAAO,EACnB,GAAG,EAAE,WAAW,EAChB,UAAU,EAAE,eAAe,EAC3B,KAAK,EAAE,KAAK,EAAA;gBAEX,IAAI;gBACJ,KAAK;AACL,gBAAA,WAAW,IACV,KAAA,CAAA,aAAA,CAAC,oBAAoB,EAAA,EACnB,UAAU,EAAC,WAAW,EACtB,SAAS,EAAE,IAAI,GAAG,gBAAgB,GAAG,cAAc,EAAA,CACnD,IACA,IAAI,CACW;AAEzB,QAAA,CAAC,CACkB;AACrB,QAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,IAAA;YACL,KAAA,CAAA,aAAA,CAACA,MAAU,CAAC,UAAU,EAAA,IAAA;AACpB,gBAAA,KAAA,CAAA,aAAA,CAACA,MAAU,CAAC,OAAO,EAAA,EAAC,GAAG,EAAE,MAAM,CAAC,OAAO,IACpC,KAAK,CAAC,GAAG,CAAC,UAAC,EAAmC,EAAA;AAAjC,oBAAA,IAAA,OAAO,aAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA,EAAS,SAAS,GAAA,EAAA,CAAA,KAAA;AAC3C,oBAAA,IAAM,WAAW,GAAG,eAAe,IAAI,SAAS;AAEhD,oBAAA,QACE,KAAA,CAAA,aAAA,CAACA,MAAU,CAAC,IAAI,EAAA,QAAA,CAAA,EACd,GAAG,EAAE,WAAA,CAAA,MAAA,CAAY,KAAK,CAAE,EACxB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,OAAO,EACjB,GAAG,EAAE,MAAM,CAAC,IAAI,EAAA,GACX,WAAW,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,EAAC;AAE1C,wBAAA,oBAAoB,IACnB,KAAA,CAAA,aAAA,CAAC,GAAG,IACF,CAAC,EAAC,IAAI,EACN,OAAO,EAAC,MAAM,EACd,cAAc,EAAC,QAAQ,EACvB,WAAW,EAAC,IAAI,IAEf,SAAS,KAAK,KAAK,GAAG,KAAA,CAAA,aAAA,CAAC,aAAa,OAAG,GAAG,IAAI,CAC3C,IACJ,IAAI;wBACP,IAAI,CACW;AAEtB,gBAAA,CAAC,CAAC,CACiB,CACC,CACjB,CACO;AAEtB;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { RecipeVariantProps } from '@chakra-ui/react';
|
|
3
3
|
import { numberInputRecipe } from 'src/themes/shared/slotRecipes/numberInput';
|
|
4
|
-
import { ChangeCallback, PickedNumberInputProps, RangeFilterInputField } from './index';
|
|
4
|
+
import type { ChangeCallback, PickedNumberInputProps, RangeFilterInputField } from './index';
|
|
5
5
|
type NumberInputVariantProps = RecipeVariantProps<typeof numberInputRecipe>;
|
|
6
6
|
type InputGroupProps<Name extends string> = NumberInputVariantProps & {
|
|
7
7
|
handleChange: (event: ChangeCallback<Name>) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeFilterInput/InputGroup.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"InputGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeFilterInput/InputGroup.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAEL,kBAAkB,EAEnB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAI9E,OAAO,KAAK,EACV,cAAc,EACd,sBAAsB,EACtB,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAEjB,KAAK,uBAAuB,GAAG,kBAAkB,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAE5E,KAAK,eAAe,CAAC,IAAI,SAAS,MAAM,IAAI,uBAAuB,GAAG;IACpE,YAAY,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IACpD,UAAU,EAAE,qBAAqB,CAAC,IAAI,CAAC,CAAC;IACxC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GAAG,sBAAsB,CAAC;AAQ3B,eAAO,MAAM,UAAU,GAAI,IAAI,SAAS,MAAM,EAAE,qDAM7C,eAAe,CAAC,IAAI,CAAC,sBAyEvB,CAAC"}
|
|
@@ -1,30 +1,70 @@
|
|
|
1
1
|
import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
|
|
2
|
-
import
|
|
2
|
+
import { useDebouncedCallback } from 'use-debounce';
|
|
3
|
+
import React, { useState, useEffect } from 'react';
|
|
3
4
|
import { useSlotRecipe, NumberInput } from '@chakra-ui/react';
|
|
4
5
|
import { InputLeftElement } from './InputLeftElement.js';
|
|
5
6
|
|
|
7
|
+
var parseToNumberOrUndef = function (raw) {
|
|
8
|
+
if (raw.trim() === '')
|
|
9
|
+
return undefined;
|
|
10
|
+
var n = Number(raw);
|
|
11
|
+
return Number.isNaN(n) ? undefined : n;
|
|
12
|
+
};
|
|
6
13
|
var InputGroup = function (_a) {
|
|
7
14
|
var _b;
|
|
8
15
|
var handleChange = _a.handleChange, inputProps = _a.inputProps, onBlur = _a.onBlur, unit = _a.unit, rest = __rest(_a, ["handleChange", "inputProps", "onBlur", "unit"]);
|
|
9
|
-
var _c = useState(false), refocus = _c[0], setRefocus = _c[1];
|
|
10
16
|
var recipe = useSlotRecipe({ key: 'numberInput' });
|
|
11
|
-
var
|
|
17
|
+
var _c = recipe.splitVariantProps(rest), recipeProps = _c[0], restProps = _c[1];
|
|
12
18
|
var styles = recipe(recipeProps);
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
19
|
+
/**
|
|
20
|
+
* Local string state that represents exactly what the user typed.
|
|
21
|
+
*
|
|
22
|
+
* Why string:
|
|
23
|
+
* - Allows intermediate values ("1" → "10" → "100")
|
|
24
|
+
* - Prevents cursor jumps and unstable behavior
|
|
25
|
+
* - Most stable approach with Chakra v3 NumberInput
|
|
26
|
+
*/
|
|
27
|
+
var _d = useState(inputProps.value != null ? String(inputProps.value) : ''), raw = _d[0], setRaw = _d[1];
|
|
28
|
+
/**
|
|
29
|
+
* Sync external value changes (e.g. slider moved) back into the input.
|
|
30
|
+
* Without this, the input would display stale values.
|
|
31
|
+
*/
|
|
32
|
+
useEffect(function () {
|
|
33
|
+
setRaw(inputProps.value != null ? String(inputProps.value) : '');
|
|
34
|
+
}, [inputProps.value]);
|
|
35
|
+
/**
|
|
36
|
+
* Debounced emit PER INPUT (important!)
|
|
37
|
+
*
|
|
38
|
+
* Why per-input debounce:
|
|
39
|
+
* - Shared debounce caused race conditions between FROM / TO inputs
|
|
40
|
+
* - Each input must control its own timing
|
|
41
|
+
*
|
|
42
|
+
*/
|
|
43
|
+
var debouncedEmit = useDebouncedCallback(function (nextRaw) {
|
|
44
|
+
handleChange({
|
|
45
|
+
name: inputProps.name,
|
|
46
|
+
value: parseToNumberOrUndef(nextRaw),
|
|
47
|
+
});
|
|
48
|
+
}, 1000);
|
|
49
|
+
return (React.createElement(NumberInput.Root, __assign({ css: styles.root, width: "full",
|
|
50
|
+
// Update local string immediately
|
|
51
|
+
value: raw, onValueChange: function (_a) {
|
|
52
|
+
var value = _a.value;
|
|
53
|
+
setRaw(value);
|
|
54
|
+
debouncedEmit(value);
|
|
55
|
+
},
|
|
56
|
+
/**
|
|
57
|
+
* On blur we emit immediately as a safety net,
|
|
58
|
+
* ensuring the final value is always propagated.
|
|
59
|
+
*/
|
|
60
|
+
onBlur: function () {
|
|
20
61
|
onBlur === null || onBlur === void 0 ? void 0 : onBlur({
|
|
21
|
-
value: Number(event.target.value) || undefined,
|
|
22
62
|
name: inputProps.name,
|
|
63
|
+
value: parseToNumberOrUndef(raw),
|
|
23
64
|
});
|
|
24
|
-
|
|
25
|
-
}, onFocus: function () { return setRefocus(true); } }, restProps),
|
|
65
|
+
} }, restProps),
|
|
26
66
|
unit ? React.createElement(InputLeftElement, { unit: unit }) : null,
|
|
27
|
-
React.createElement(NumberInput.Input, { css: styles.input, placeholder: (_b = inputProps.placeholder) !== null && _b !== void 0 ? _b : '',
|
|
67
|
+
React.createElement(NumberInput.Input, { css: styles.input, placeholder: (_b = inputProps.placeholder) !== null && _b !== void 0 ? _b : '', "aria-label": inputProps.ariaLabel, fontSize: "base" })));
|
|
28
68
|
};
|
|
29
69
|
|
|
30
70
|
export { InputGroup };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputGroup.js","sources":["../../../../../src/components/rangeFilterInput/InputGroup.tsx"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"InputGroup.js","sources":["../../../../../src/components/rangeFilterInput/InputGroup.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeFilterInput/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeFilterInput/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAI/C,MAAM,MAAM,qBAAqB,CAAC,IAAI,IAAI;IACxC,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,cAAc,CAAC,IAAI,IAAI;IACjC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,EAAE,IAAI,CAAC;CACZ,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,IAAI,CACvC,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC,EAC7C,KAAK,GAAG,KAAK,GAAG,UAAU,GAAG,SAAS,CACvC,CAAC;AAEF,KAAK,qBAAqB,CAAC,QAAQ,SAAS,MAAM,EAAE,MAAM,SAAS,MAAM,IAAI;IAC3E,IAAI,EAAE,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IACtC,YAAY,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,QAAQ,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC;IACjE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,QAAQ,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC;IAC5D,EAAE,EAAE,qBAAqB,CAAC,MAAM,CAAC,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GAAG,sBAAsB,CAAC;AAE3B,eAAO,MAAM,gBAAgB,GAC3B,QAAQ,SAAS,MAAM,EACvB,MAAM,SAAS,MAAM,EACrB,mDAOC,qBAAqB,CAAC,QAAQ,EAAE,MAAM,CAAC,sBAsBzC,CAAC"}
|
|
@@ -1,15 +1,13 @@
|
|
|
1
1
|
import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
|
|
2
|
-
import { useDebouncedCallback } from 'use-debounce';
|
|
3
2
|
import React from 'react';
|
|
4
3
|
import { Flex } from '@chakra-ui/react';
|
|
5
4
|
import { InputGroup } from './InputGroup.js';
|
|
6
5
|
|
|
7
6
|
var RangeFilterInput = function (_a) {
|
|
8
7
|
var from = _a.from, to = _a.to, handleChange = _a.handleChange, unit = _a.unit, onBlur = _a.onBlur, rest = __rest(_a, ["from", "to", "handleChange", "unit", "onBlur"]);
|
|
9
|
-
var handleChangeDebounced = useDebouncedCallback(handleChange, 1000);
|
|
10
8
|
return (React.createElement(Flex, null,
|
|
11
|
-
React.createElement(InputGroup, __assign({ inputProps: from, variant: "inputLeft", handleChange:
|
|
12
|
-
React.createElement(InputGroup, __assign({ inputProps: to, variant: "inputRight", handleChange:
|
|
9
|
+
React.createElement(InputGroup, __assign({ inputProps: from, variant: "inputLeft", handleChange: handleChange, onBlur: onBlur, unit: unit }, rest)),
|
|
10
|
+
React.createElement(InputGroup, __assign({ inputProps: to, variant: "inputRight", handleChange: handleChange, onBlur: onBlur, unit: unit }, rest))));
|
|
13
11
|
};
|
|
14
12
|
|
|
15
13
|
export { RangeFilterInput };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/rangeFilterInput/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/rangeFilterInput/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAiCO,IAAM,gBAAgB,GAAG,UAG9B,EAOwC,EAAA;AANxC,IAAA,IAAA,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,EAAE,GAAA,EAAA,CAAA,EAAA,EACF,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,MAAM,GAAA,EAAA,CAAA,MAAA,EACH,IAAI,GAAA,MAAA,CAAA,EAAA,EANP,gDAOD,CADQ;IAEP,QACE,oBAAC,IAAI,EAAA,IAAA;QACH,KAAA,CAAA,aAAA,CAAC,UAAU,aACT,UAAU,EAAE,IAAI,EAChB,OAAO,EAAC,WAAW,EACnB,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EAAA,EACN,IAAI,CAAA,CACR;QAEF,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,QAAA,CAAA,EACT,UAAU,EAAE,EAAE,EACd,OAAO,EAAC,YAAY,EACpB,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EAAA,EACN,IAAI,CAAA,CACR,CACG;AAEX;;;;"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { NumericMinMaxValue } from '../rangeSlider/RangeSliderWithScale';
|
|
3
|
+
import { Facet, RangeSliderWithChartProps } from '../rangeSlider/RangeSliderWithChart';
|
|
4
|
+
import type { ChangeCallback, PickedNumberInputProps, RangeFilterInputField } from '../rangeFilterInput';
|
|
5
|
+
export type ChangeSliderCallback = {
|
|
6
|
+
touched: 'min' | 'max';
|
|
7
|
+
value: NumericMinMaxValue;
|
|
8
|
+
};
|
|
9
|
+
type ChangeRangeInputWithSliderCallback<Name> = {
|
|
10
|
+
changeType?: 'inputfield' | 'slider';
|
|
11
|
+
} & ChangeCallback<Name>;
|
|
12
|
+
type RangeSliderProps = {
|
|
13
|
+
facets?: Facet[];
|
|
14
|
+
rangeSliderScale?: number[];
|
|
15
|
+
chartHeight?: RangeSliderWithChartProps['chartHeight'];
|
|
16
|
+
} & ({
|
|
17
|
+
facets: Facet[];
|
|
18
|
+
chartHeight?: string;
|
|
19
|
+
rangeSliderScale?: never;
|
|
20
|
+
} | {
|
|
21
|
+
rangeSliderScale: number[];
|
|
22
|
+
facets?: never;
|
|
23
|
+
chartHeight?: never;
|
|
24
|
+
});
|
|
25
|
+
export type Props<NameFrom, NameTo> = {
|
|
26
|
+
from: RangeFilterInputField<NameFrom>;
|
|
27
|
+
onChange: (event: ChangeRangeInputWithSliderCallback<NameFrom | NameTo>) => void;
|
|
28
|
+
onBlur?: (event: ChangeRangeInputWithSliderCallback<NameFrom | NameTo>) => void;
|
|
29
|
+
to: RangeFilterInputField<NameTo>;
|
|
30
|
+
unit?: string;
|
|
31
|
+
} & RangeSliderProps & PickedNumberInputProps;
|
|
32
|
+
export declare function RangeFilterInputWithSlider<NameFrom extends string, NameTo extends string>({ rangeSliderScale, facets, unit, onChange, from, to, chartHeight, ...rest }: Props<NameFrom, NameTo>): React.JSX.Element;
|
|
33
|
+
export {};
|
|
34
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeFilterInputWithSlider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EACL,kBAAkB,EAEnB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EACL,KAAK,EAEL,yBAAyB,EAC1B,MAAM,qCAAqC,CAAC;AAE7C,OAAO,KAAK,EACV,cAAc,EACd,sBAAsB,EACtB,qBAAqB,EACtB,MAAM,qBAAqB,CAAC;AAI7B,MAAM,MAAM,oBAAoB,GAAG;IACjC,OAAO,EAAE,KAAK,GAAG,KAAK,CAAC;IACvB,KAAK,EAAE,kBAAkB,CAAC;CAC3B,CAAC;AAEF,KAAK,kCAAkC,CAAC,IAAI,IAAI;IAC9C,UAAU,CAAC,EAAE,YAAY,GAAG,QAAQ,CAAC;CACtC,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;AAEzB,KAAK,gBAAgB,GAAG;IACtB,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;IACjB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,WAAW,CAAC,EAAE,yBAAyB,CAAC,aAAa,CAAC,CAAC;CACxD,GAAG,CACA;IAAE,MAAM,EAAE,KAAK,EAAE,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,gBAAgB,CAAC,EAAE,KAAK,CAAA;CAAE,GACnE;IAAE,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAAC,MAAM,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,CACtE,CAAC;AAEF,MAAM,MAAM,KAAK,CAAC,QAAQ,EAAE,MAAM,IAAI;IACpC,IAAI,EAAE,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IACtC,QAAQ,EAAE,CACR,KAAK,EAAE,kCAAkC,CAAC,QAAQ,GAAG,MAAM,CAAC,KACzD,IAAI,CAAC;IACV,MAAM,CAAC,EAAE,CACP,KAAK,EAAE,kCAAkC,CAAC,QAAQ,GAAG,MAAM,CAAC,KACzD,IAAI,CAAC;IACV,EAAE,EAAE,qBAAqB,CAAC,MAAM,CAAC,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GAAG,gBAAgB,GAClB,sBAAsB,CAAC;AAEzB,wBAAgB,0BAA0B,CACxC,QAAQ,SAAS,MAAM,EACvB,MAAM,SAAS,MAAM,EACrB,EACA,gBAAgB,EAChB,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,EAAE,EACF,WAAW,EACX,GAAG,IAAI,EACR,EAAE,KAAK,CAAC,QAAQ,EAAE,MAAM,CAAC,qBAsFzB"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Facet } from './RangeSliderWithChart';
|
|
3
|
+
interface Props {
|
|
4
|
+
facets?: Facet[];
|
|
5
|
+
range: number[];
|
|
6
|
+
height?: 'sm' | 'normal';
|
|
7
|
+
}
|
|
8
|
+
export declare const Chart: React.FC<Props>;
|
|
9
|
+
export {};
|
|
10
|
+
//# sourceMappingURL=Chart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeSlider/Chart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAE/C,UAAU,KAAK;IACb,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;IACjB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,MAAM,CAAC,EAAE,IAAI,GAAG,QAAQ,CAAC;CAC1B;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA0BjC,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { BoxProps } from '@chakra-ui/react';
|
|
3
|
+
import { ChangeCallback, NumericMinMaxValue } from './RangeSliderWithScale';
|
|
4
|
+
export type Facet = {
|
|
5
|
+
from: number;
|
|
6
|
+
to?: number | null;
|
|
7
|
+
value: number;
|
|
8
|
+
};
|
|
9
|
+
export interface RangeSliderWithChartProps {
|
|
10
|
+
facets: Facet[];
|
|
11
|
+
selection: NumericMinMaxValue;
|
|
12
|
+
onSliderChange: (event: ChangeCallback) => void;
|
|
13
|
+
onSliderRelease: (event: ChangeCallback) => void;
|
|
14
|
+
chartHeight?: BoxProps['h'];
|
|
15
|
+
}
|
|
16
|
+
export declare const RangeSliderWithChart: React.FC<RangeSliderWithChartProps>;
|
|
17
|
+
//# sourceMappingURL=RangeSliderWithChart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RangeSliderWithChart.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeSlider/RangeSliderWithChart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAG5C,OAAO,EACL,cAAc,EACd,kBAAkB,EAEnB,MAAM,wBAAwB,CAAC;AAGhC,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,WAAW,yBAAyB;IACxC,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,SAAS,EAAE,kBAAkB,CAAC;IAC9B,cAAc,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAChD,eAAe,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IACjD,WAAW,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;CAC7B;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAwBpE,CAAC"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export type NumericMinMaxValue = {
|
|
3
|
+
min: number | null | undefined;
|
|
4
|
+
max: number | null | undefined;
|
|
5
|
+
};
|
|
6
|
+
export type ChangeCallback = {
|
|
7
|
+
touched: 'min' | 'max';
|
|
8
|
+
value: NumericMinMaxValue;
|
|
9
|
+
};
|
|
10
|
+
interface RangeSliderWithScaleProps {
|
|
11
|
+
/**
|
|
12
|
+
* Array of numbers that represents the custom scale of the range slider
|
|
13
|
+
* @example [0, 100, 200, 300, 400]
|
|
14
|
+
* @default []
|
|
15
|
+
* @required
|
|
16
|
+
*/
|
|
17
|
+
scale: number[];
|
|
18
|
+
/**
|
|
19
|
+
* Object that contains the min and max values of the range slider
|
|
20
|
+
* @example { min: 0, max: 100 }
|
|
21
|
+
* @default { min: null, max: null }
|
|
22
|
+
* @required
|
|
23
|
+
*/
|
|
24
|
+
selection: NumericMinMaxValue;
|
|
25
|
+
/**
|
|
26
|
+
* Callback function that is triggered when slider is moving
|
|
27
|
+
* @param event contains touched - what thumb is moved and value
|
|
28
|
+
*/
|
|
29
|
+
onSliderChange: (event: ChangeCallback) => void;
|
|
30
|
+
/**
|
|
31
|
+
* Callback function that is triggered when slider is released
|
|
32
|
+
* @param event contains touched - what thumb is moved and value
|
|
33
|
+
*/
|
|
34
|
+
onSliderRelease: (event: ChangeCallback) => void;
|
|
35
|
+
/**
|
|
36
|
+
* Function that renders the chart with wrapper
|
|
37
|
+
* @param range contains the range of the slider
|
|
38
|
+
* @returns the chart component
|
|
39
|
+
* @example (range: number[]) => <Chart range={range} />
|
|
40
|
+
* @default null
|
|
41
|
+
*/
|
|
42
|
+
renderChart?: (range: number[]) => React.ReactNode;
|
|
43
|
+
}
|
|
44
|
+
export declare const RangeSliderWithScale: React.FC<RangeSliderWithScaleProps>;
|
|
45
|
+
export {};
|
|
46
|
+
//# sourceMappingURL=RangeSliderWithScale.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RangeSliderWithScale.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeSlider/RangeSliderWithScale.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAItC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC/B,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,EAAE,KAAK,GAAG,KAAK,CAAC;IACvB,KAAK,EAAE,kBAAkB,CAAC;CAC3B,CAAC;AAEF,UAAU,yBAAyB;IACjC;;;;;OAKG;IACH,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB;;;;;OAKG;IACH,SAAS,EAAE,kBAAkB,CAAC;IAC9B;;;OAGG;IACH,cAAc,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAChD;;;OAGG;IACH,eAAe,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IACjD;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,KAAK,CAAC,SAAS,CAAC;CACpD;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAgIpE,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Slider } from '@chakra-ui/react';
|
|
3
|
+
type SliderRootProps = Omit<React.ComponentProps<typeof Slider.Root>, 'onChange'>;
|
|
4
|
+
export type RangeSliderProps = SliderRootProps & {
|
|
5
|
+
onChange?: (values: number[]) => void;
|
|
6
|
+
onChangeEnd?: (values: number[]) => void;
|
|
7
|
+
};
|
|
8
|
+
export declare const RangeSlider: React.FC<RangeSliderProps>;
|
|
9
|
+
export {};
|
|
10
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeSlider/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,KAAK,eAAe,GAAG,IAAI,CACzB,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,EACxC,UAAU,CACX,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,eAAe,GAAG;IAC/C,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACtC,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAmClD,CAAC"}
|