@axinom/mosaic-ui 0.32.0-rc.12 → 0.32.0-rc.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Accordion/AccordionItem/AccordionItem.d.ts +2 -0
- package/dist/components/Accordion/AccordionItem/AccordionItem.d.ts.map +1 -1
- package/dist/components/Filters/Filter/Filter.d.ts.map +1 -1
- package/dist/components/Filters/Filters.model.d.ts +7 -2
- package/dist/components/Filters/Filters.model.d.ts.map +1 -1
- package/dist/components/Filters/SelectionTypes/MultiOptionFilter/MultiOptionFilter.d.ts +13 -0
- package/dist/components/Filters/SelectionTypes/MultiOptionFilter/MultiOptionFilter.d.ts.map +1 -0
- package/dist/components/InfoPanel/Section/Section.d.ts +3 -1
- package/dist/components/InfoPanel/Section/Section.d.ts.map +1 -1
- package/dist/index.es.js +3 -3
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +3 -3
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
- package/src/components/Accordion/AccordionItem/AccordionItem.spec.tsx +11 -0
- package/src/components/Accordion/AccordionItem/AccordionItem.tsx +5 -1
- package/src/components/Filters/Filter/Filter.tsx +24 -0
- package/src/components/Filters/Filters.model.ts +7 -1
- package/src/components/Filters/Filters.stories.tsx +20 -0
- package/src/components/Filters/SelectionTypes/MultiOptionFilter/MultiOptionFilter.scss +40 -0
- package/src/components/Filters/SelectionTypes/MultiOptionFilter/MultiOptionFilter.tsx +71 -0
- package/src/components/InfoPanel/Paragraph/Paragraph.scss +1 -1
- package/src/components/InfoPanel/Section/Section.scss +34 -2
- package/src/components/InfoPanel/Section/Section.spec.tsx +117 -0
- package/src/components/InfoPanel/Section/Section.tsx +32 -9
- package/src/styles/variables.scss +2 -0
|
@@ -9,6 +9,8 @@ export interface AccordionItemProps {
|
|
|
9
9
|
allowLeftSpacing?: boolean;
|
|
10
10
|
/** Sticky state of the current row. When used within the Accordion component, this prop will be overridden with the value from stickyRows. */
|
|
11
11
|
sticky?: boolean;
|
|
12
|
+
/** CSS Class name for additional styles */
|
|
13
|
+
className?: string;
|
|
12
14
|
}
|
|
13
15
|
/**
|
|
14
16
|
* Renders a single Accordion Item
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionItem/AccordionItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAK3D,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,GAAG,CAAC,OAAO,CAAC;IAEpB,sIAAsI;IACtI,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAE5B,sHAAsH;IACtH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,6FAA6F;IAC7F,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,8IAA8I;IAC9I,MAAM,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionItem/AccordionItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAK3D,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,GAAG,CAAC,OAAO,CAAC;IAEpB,sIAAsI;IACtI,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAE5B,sHAAsH;IACtH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,6FAA6F;IAC7F,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,8IAA8I;IAC9I,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA0DtD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Filter.d.ts","sourceRoot":"","sources":["../../../../src/components/Filters/Filter/Filter.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EACZ,iBAAiB,EAKlB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAI3C,OAAO,EAAE,UAAU,EAAe,WAAW,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"Filter.d.ts","sourceRoot":"","sources":["../../../../src/components/Filters/Filter/Filter.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EACZ,iBAAiB,EAKlB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAI3C,OAAO,EAAE,UAAU,EAAe,WAAW,EAAE,MAAM,kBAAkB,CAAC;AASxE,MAAM,WAAW,WAAW,CAAC,CAAC,SAAS,IAAI;IACzC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IACvB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3E,UAAU,CAAC,EAAE,CAAC,YAAY,EAAE,WAAW,KAAK,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACtE,eAAe,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED,eAAO,MAAM,MAAM,6JASoB,WAsOtC,CAAC"}
|
|
@@ -7,7 +7,8 @@ export declare enum FilterTypes {
|
|
|
7
7
|
SearcheableOptions = 3,
|
|
8
8
|
Date = 4,
|
|
9
9
|
DateTime = 5,
|
|
10
|
-
Custom = 6
|
|
10
|
+
Custom = 6,
|
|
11
|
+
MultipleOptions = 7
|
|
11
12
|
}
|
|
12
13
|
export interface FilterConfig<T extends Data> {
|
|
13
14
|
label: string;
|
|
@@ -29,6 +30,10 @@ export interface OptionsFilter<T extends Data> extends FilterConfig<T> {
|
|
|
29
30
|
type: FilterTypes.Options;
|
|
30
31
|
options: Option[];
|
|
31
32
|
}
|
|
33
|
+
export interface MultipleOptions<T extends Data> extends FilterConfig<T> {
|
|
34
|
+
type: FilterTypes.MultipleOptions;
|
|
35
|
+
options: Option[];
|
|
36
|
+
}
|
|
32
37
|
export interface SearcheableOptionsFilter<T extends Data> extends FilterConfig<T> {
|
|
33
38
|
type: FilterTypes.SearcheableOptions;
|
|
34
39
|
optionsProvider: (searchText: string) => Option[];
|
|
@@ -60,7 +65,7 @@ export interface CustomFilterProps {
|
|
|
60
65
|
onValidate?: (currentValue: FilterValue) => FilterValidationResult;
|
|
61
66
|
}
|
|
62
67
|
export type FilterValue = unknown;
|
|
63
|
-
export type FilterType<T extends Data> = FreeTextFilter<T> | NumericTextFilter<T> | OptionsFilter<T> | SearcheableOptionsFilter<T> | DateFilter<T> | DateTimeFilter<T> | CustomFilter<T>;
|
|
68
|
+
export type FilterType<T extends Data> = FreeTextFilter<T> | NumericTextFilter<T> | OptionsFilter<T> | SearcheableOptionsFilter<T> | DateFilter<T> | DateTimeFilter<T> | CustomFilter<T> | MultipleOptions<T>;
|
|
64
69
|
export type FilterValues<T> = {
|
|
65
70
|
[K in keyof T]?: FilterValue;
|
|
66
71
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Filters.model.d.ts","sourceRoot":"","sources":["../../../src/components/Filters/Filters.model.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,oBAAY,WAAW;IACrB,QAAQ,IAAA;IACR,OAAO,IAAA;IACP,OAAO,IAAA;IACP,kBAAkB,IAAA;IAClB,IAAI,IAAA;IACJ,QAAQ,IAAA;IACR,MAAM,IAAA;
|
|
1
|
+
{"version":3,"file":"Filters.model.d.ts","sourceRoot":"","sources":["../../../src/components/Filters/Filters.model.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Option } from '../../Filters.model';
|
|
3
|
+
export interface MultiOptionFilterProps {
|
|
4
|
+
value?: string;
|
|
5
|
+
/** Array of Options to be displayed */
|
|
6
|
+
options: Option[];
|
|
7
|
+
/** Callback triggered when a new filter value is selected */
|
|
8
|
+
onSelect: (text: string[]) => void;
|
|
9
|
+
/** CSS Class name for additional styles */
|
|
10
|
+
className?: string;
|
|
11
|
+
}
|
|
12
|
+
export declare const MultiOptionsFilter: React.FC<MultiOptionFilterProps>;
|
|
13
|
+
//# sourceMappingURL=MultiOptionFilter.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MultiOptionFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/Filters/SelectionTypes/MultiOptionFilter/MultiOptionFilter.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,MAAM,WAAW,sBAAsB;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,uCAAuC;IACvC,OAAO,EAAE,MAAM,EAAE,CAAC;IAElB,6DAA6D;IAC7D,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAEnC,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAiD/D,CAAC"}
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
export interface SectionProps {
|
|
3
|
-
/** Section Title */
|
|
3
|
+
/** Section Title. If set, will allow the section to be expandable/collapsible */
|
|
4
4
|
title?: string;
|
|
5
5
|
/** Optional class */
|
|
6
6
|
className?: string;
|
|
7
7
|
/** Optional styles */
|
|
8
8
|
style?: React.CSSProperties;
|
|
9
|
+
/** Whether the section should be expanded or collapsed intially (default: true)*/
|
|
10
|
+
expandedByDefault?: boolean;
|
|
9
11
|
}
|
|
10
12
|
export declare const Section: React.FC<SectionProps>;
|
|
11
13
|
//# sourceMappingURL=Section.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../../src/components/InfoPanel/Section/Section.tsx"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../../src/components/InfoPanel/Section/Section.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,MAAM,WAAW,YAAY;IAC3B,iFAAiF;IACjF,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,qBAAqB;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,sBAAsB;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE5B,kFAAkF;IAClF,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAgE1C,CAAC"}
|