@pnp/spfx-controls-react 3.8.0-beta.2244176 → 3.9.0-beta.2290749
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/CHANGELOG.JSON +14 -1
- package/CHANGELOG.md +6 -0
- package/lib/EnhancedThemeProvider.d.ts +2 -0
- package/lib/EnhancedThemeProvider.d.ts.map +1 -0
- package/lib/EnhancedThemeProvider.js +2 -0
- package/lib/EnhancedThemeProvider.js.map +1 -0
- package/lib/common/fluentUIThemes/FluentUIDefaultTheme.d.ts +3 -0
- package/lib/common/fluentUIThemes/FluentUIDefaultTheme.d.ts.map +1 -0
- package/lib/common/fluentUIThemes/FluentUIDefaultTheme.js +14 -0
- package/lib/common/fluentUIThemes/FluentUIDefaultTheme.js.map +1 -0
- package/lib/common/fluentUIThemes/FluentUITeamsDarkTheme.d.ts +2 -0
- package/lib/common/fluentUIThemes/FluentUITeamsDarkTheme.d.ts.map +1 -0
- package/lib/common/fluentUIThemes/FluentUITeamsDarkTheme.js +29 -0
- package/lib/common/fluentUIThemes/FluentUITeamsDarkTheme.js.map +1 -0
- package/lib/common/fluentUIThemes/FluentUITeamsDefaultTheme.d.ts +2 -0
- package/lib/common/fluentUIThemes/FluentUITeamsDefaultTheme.d.ts.map +1 -0
- package/lib/common/fluentUIThemes/FluentUITeamsDefaultTheme.js +29 -0
- package/lib/common/fluentUIThemes/FluentUITeamsDefaultTheme.js.map +1 -0
- package/lib/common/fluentUIThemes/FluentUITeamsHighContrastTheme.d.ts +2 -0
- package/lib/common/fluentUIThemes/FluentUITeamsHighContrastTheme.d.ts.map +1 -0
- package/lib/common/fluentUIThemes/FluentUITeamsHighContrastTheme.js +37 -0
- package/lib/common/fluentUIThemes/FluentUITeamsHighContrastTheme.js.map +1 -0
- package/lib/common/fluentUIThemes/index.d.ts +5 -0
- package/lib/common/fluentUIThemes/index.d.ts.map +1 -0
- package/lib/common/fluentUIThemes/index.js +5 -0
- package/lib/common/fluentUIThemes/index.js.map +1 -0
- package/lib/common/telemetry/version.js +1 -1
- package/lib/controls/EnhancedThemeProvider/EnhancedThemeProvider.d.ts +8 -0
- package/lib/controls/EnhancedThemeProvider/EnhancedThemeProvider.d.ts.map +1 -0
- package/lib/controls/EnhancedThemeProvider/EnhancedThemeProvider.js +89 -0
- package/lib/controls/EnhancedThemeProvider/EnhancedThemeProvider.js.map +1 -0
- package/lib/controls/EnhancedThemeProvider/IEnhancedThemeProviderProps.d.ts +9 -0
- package/lib/controls/EnhancedThemeProvider/IEnhancedThemeProviderProps.d.ts.map +1 -0
- package/lib/controls/EnhancedThemeProvider/IEnhancedThemeProviderProps.js +1 -0
- package/lib/controls/EnhancedThemeProvider/IEnhancedThemeProviderProps.js.map +1 -0
- package/lib/controls/EnhancedThemeProvider/index.d.ts +3 -0
- package/lib/controls/EnhancedThemeProvider/index.d.ts.map +1 -0
- package/lib/controls/EnhancedThemeProvider/index.js +3 -0
- package/lib/controls/EnhancedThemeProvider/index.js.map +1 -0
- package/lib/controls/accessibleAccordion/components/Accordion.d.ts +7 -1
- package/lib/controls/accessibleAccordion/components/Accordion.d.ts.map +1 -1
- package/lib/controls/accessibleAccordion/components/Accordion.js +18 -2
- package/lib/controls/accessibleAccordion/components/Accordion.js.map +1 -1
- package/lib/controls/accessibleAccordion/components/AccordionContext.d.ts +0 -1
- package/lib/controls/accessibleAccordion/components/AccordionContext.d.ts.map +1 -1
- package/lib/controls/accessibleAccordion/components/AccordionContext.js +0 -1
- package/lib/controls/accessibleAccordion/components/AccordionContext.js.map +1 -1
- package/lib/controls/accessibleAccordion/components/AccordionItem.d.ts +0 -1
- package/lib/controls/accessibleAccordion/components/AccordionItem.d.ts.map +1 -1
- package/lib/controls/accessibleAccordion/components/AccordionItem.js +0 -1
- package/lib/controls/accessibleAccordion/components/AccordionItem.js.map +1 -1
- package/lib/controls/accessibleAccordion/components/AccordionItemButton.d.ts +0 -1
- package/lib/controls/accessibleAccordion/components/AccordionItemButton.d.ts.map +1 -1
- package/lib/controls/accessibleAccordion/components/AccordionItemButton.js +0 -1
- package/lib/controls/accessibleAccordion/components/AccordionItemButton.js.map +1 -1
- package/lib/controls/accessibleAccordion/components/AccordionItemHeading.d.ts +0 -1
- package/lib/controls/accessibleAccordion/components/AccordionItemHeading.d.ts.map +1 -1
- package/lib/controls/accessibleAccordion/components/AccordionItemHeading.js +0 -1
- package/lib/controls/accessibleAccordion/components/AccordionItemHeading.js.map +1 -1
- package/lib/controls/accessibleAccordion/components/AccordionItemPanel.d.ts +0 -1
- package/lib/controls/accessibleAccordion/components/AccordionItemPanel.d.ts.map +1 -1
- package/lib/controls/accessibleAccordion/components/AccordionItemPanel.js +0 -1
- package/lib/controls/accessibleAccordion/components/AccordionItemPanel.js.map +1 -1
- package/lib/controls/accessibleAccordion/components/AccordionItemState.d.ts +0 -1
- package/lib/controls/accessibleAccordion/components/AccordionItemState.d.ts.map +1 -1
- package/lib/controls/accessibleAccordion/components/AccordionItemState.js +0 -1
- package/lib/controls/accessibleAccordion/components/AccordionItemState.js.map +1 -1
- package/lib/controls/accessibleAccordion/components/ItemContext.d.ts +0 -1
- package/lib/controls/accessibleAccordion/components/ItemContext.d.ts.map +1 -1
- package/lib/controls/accessibleAccordion/components/ItemContext.js +0 -1
- package/lib/controls/accessibleAccordion/components/ItemContext.js.map +1 -1
- package/lib/controls/accessibleAccordion/css/AccordionStylesOverride.css +24 -16
- package/lib/controls/placeholder/PlaceholderComponent.d.ts.map +1 -1
- package/lib/controls/placeholder/PlaceholderComponent.js.map +1 -1
- package/lib/controls/treeView/ButtonTreeItemAction.d.ts +0 -4
- package/lib/controls/treeView/ButtonTreeItemAction.d.ts.map +1 -1
- package/lib/controls/treeView/ButtonTreeItemAction.js +2 -12
- package/lib/controls/treeView/ButtonTreeItemAction.js.map +1 -1
- package/lib/controls/treeView/DropdownTreeItemAction.d.ts +0 -4
- package/lib/controls/treeView/DropdownTreeItemAction.d.ts.map +1 -1
- package/lib/controls/treeView/DropdownTreeItemAction.js +2 -14
- package/lib/controls/treeView/DropdownTreeItemAction.js.map +1 -1
- package/lib/controls/treeView/ITreeItemActions.d.ts +9 -0
- package/lib/controls/treeView/ITreeItemActions.d.ts.map +1 -1
- package/lib/controls/treeView/ITreeItemActions.js.map +1 -1
- package/lib/controls/treeView/ITreeViewProps.d.ts +9 -3
- package/lib/controls/treeView/ITreeViewProps.d.ts.map +1 -1
- package/lib/controls/treeView/ITreeViewProps.js.map +1 -1
- package/lib/controls/treeView/TreeItem.d.ts +6 -1
- package/lib/controls/treeView/TreeItem.d.ts.map +1 -1
- package/lib/controls/treeView/TreeItem.js +9 -15
- package/lib/controls/treeView/TreeItem.js.map +1 -1
- package/lib/controls/treeView/TreeItemActionsControl.d.ts.map +1 -1
- package/lib/controls/treeView/TreeItemActionsControl.js +4 -4
- package/lib/controls/treeView/TreeItemActionsControl.js.map +1 -1
- package/lib/controls/treeView/TreeView.d.ts +1 -0
- package/lib/controls/treeView/TreeView.d.ts.map +1 -1
- package/lib/controls/treeView/TreeView.js +23 -4
- package/lib/controls/treeView/TreeView.js.map +1 -1
- package/lib/controls/treeView/TreeView.module.css +2 -2
- package/lib/controls/treeView/TreeView.module.scss.js +17 -17
- package/package.json +1 -1
- package/release/webpack-stats/sp-dev-fx-controls-react.stats.json +22253 -21791
- package/lib/controls/accessibleAccordion/css/fancy-example.css +0 -66
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionItemHeading.d.ts","sourceRoot":"","sources":["../../../../src/controls/accessibleAccordion/components/AccordionItemHeading.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"AccordionItemHeading.d.ts","sourceRoot":"","sources":["../../../../src/controls/accessibleAccordion/components/AccordionItemHeading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAOjD,aAAK,KAAK,GAAG,aAAa,CAAC;AAE3B,QAAA,MAAM,YAAY;;;CAGjB,CAAC;AAEF,eAAO,MAAM,UAAU,qYAMtB,CAAC;AAEF,qBAAa,oBAAqB,SAAQ,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC;IACjE,OAAc,YAAY,EAAE,OAAO,YAAY,CAAgB;IAE9D,OAAO,CAAC,GAAG,CAA6B;WAE3B,QAAQ,CAAC,GAAG,EAAE,cAAc,GAAG,SAAS,GAAG,IAAI,GAAG,KAAK;IAiB7D,MAAM,QAAS,cAAc,KAAG,IAAI,CAE1C;IAEM,kBAAkB,IAAI,IAAI;IAI1B,iBAAiB,IAAI,IAAI;IAIzB,MAAM,IAAI,GAAG,CAAC,OAAO;CAS/B;AAOD,QAAA,MAAM,2BAA2B,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAczD,CAAC;AAIF,eAAe,2BAA2B,CAAC"}
|
|
@@ -22,7 +22,6 @@ var __assign = (this && this.__assign) || function () {
|
|
|
22
22
|
};
|
|
23
23
|
return __assign.apply(this, arguments);
|
|
24
24
|
};
|
|
25
|
-
import "../css/AccordionStylesOverride.css";
|
|
26
25
|
import * as React from "react";
|
|
27
26
|
import DisplayName from "../helpers/DisplayName";
|
|
28
27
|
import { assertValidHtmlId } from "../helpers/uuid";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionItemHeading.js","sourceRoot":"","sources":["../../../../src/controls/accessibleAccordion/components/AccordionItemHeading.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"AccordionItemHeading.js","sourceRoot":"","sources":["../../../../src/controls/accessibleAccordion/components/AccordionItemHeading.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,WAAW,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EACL,QAAQ,IAAI,YAAY,EAEzB,MAAM,eAAe,CAAC;AAIvB,IAAM,YAAY,GAAG;IACjB,SAAS,EAAE,oBAAoB;IAC/B,YAAY,EAAE,CAAC;CAClB,CAAC;AAEF,MAAM,CAAC,IAAM,UAAU,GAAG,kYAMzB,CAAC;AAEF;IAA0C,wCAA0B;IAApE;QAAA,qEA2CC;QArBU,YAAM,GAAG,UAAC,GAAmB;YAChC,KAAI,CAAC,GAAG,GAAG,GAAG,CAAC;QACnB,CAAC,CAAA;;IAmBL,CAAC;IAtCgB,6BAAQ,GAAtB,UAAuB,GAA+B;QACjD,IAAI,GAAG,KAAK,SAAS,EAAE;YACnB,MAAM,IAAI,KAAK,CAAC,kBAAkB,CAAC,CAAC;SACvC;QACD,IACI,CAAC,CACG,GAAG,CAAC,iBAAiB,KAAK,CAAC;YAC3B,GAAG,CAAC,iBAAiB;YACrB,GAAG,CAAC,iBAAiB,CAAC,YAAY,CAC9B,0BAA0B,CAC7B,KAAK,qBAAqB,CAC9B,EACH;YACE,MAAM,IAAI,KAAK,CAAC,UAAU,CAAC,CAAC;SAC/B;IACL,CAAC;IAMM,iDAAkB,GAAzB;QACI,oBAAoB,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC5C,CAAC;IAEM,gDAAiB,GAAzB;QACK,oBAAoB,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC5C,CAAC;IAEM,qCAAM,GAAd;QACK,OAAO,CACH,kEAC6B,sBAAsB,IAC3C,IAAI,CAAC,KAAK,IACd,GAAG,EAAE,IAAI,CAAC,MAAM,IAClB,CACL,CAAC;IACN,CAAC;IAzCY,iCAAY,GAAwB,YAAY,CAAC;IA0ClE,2BAAC;CAAA,AA3CD,CAA0C,KAAK,CAAC,aAAa,GA2C5D;SA3CY,oBAAoB;AAkDjC,IAAM,2BAA2B,GAA6B,UAC1D,KAAmB,IACL,OAAA,CACd,oBAAC,YAAY,QACR,UAAC,WAAwB;IACd,IAAA,iBAAiB,GAAK,WAAW,kBAAhB,CAAiB;IAE1C,IAAI,KAAK,CAAC,EAAE,EAAE;QACV,iBAAiB,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;KAC/B;IAED,OAAO,oBAAC,oBAAoB,eAAK,KAAK,EAAM,iBAAiB,EAAI,CAAC;AACtE,CAAC,CACU,CAClB,EAZiB,CAYjB,CAAC;AAEF,2BAA2B,CAAC,WAAW,GAAG,WAAW,CAAC,oBAAoB,CAAC;AAE3E,eAAe,2BAA2B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionItemPanel.d.ts","sourceRoot":"","sources":["../../../../src/controls/accessibleAccordion/components/AccordionItemPanel.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"AccordionItemPanel.d.ts","sourceRoot":"","sources":["../../../../src/controls/accessibleAccordion/components/AccordionItemPanel.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAOjD,aAAK,KAAK,GAAG,aAAa,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEpD,QAAA,MAAM,kBAAkB,+BAIrB,KAAK,gBAiBP,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -20,7 +20,6 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
20
20
|
}
|
|
21
21
|
return t;
|
|
22
22
|
};
|
|
23
|
-
import "../css/AccordionStylesOverride.css";
|
|
24
23
|
import * as React from "react";
|
|
25
24
|
import { assertValidHtmlId } from "../helpers/uuid";
|
|
26
25
|
import { Consumer as ItemConsumer } from "./ItemContext";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionItemPanel.js","sourceRoot":"","sources":["../../../../src/controls/accessibleAccordion/components/AccordionItemPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"AccordionItemPanel.js","sourceRoot":"","sources":["../../../../src/controls/accessibleAccordion/components/AccordionItemPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EACL,QAAQ,IAAI,YAAY,EAEzB,MAAM,eAAe,CAAC;AAIvB,IAAM,kBAAkB,GAAG,UAAC,EAIpB;IAHJ,IAAA,iBAA8B,EAA9B,SAAS,mBAAG,kBAAkB,KAAA,EAC9B,EAAE,QAAA,EACC,IAAI,cAHiB,mBAI3B,CADU;IAEP,IAAM,cAAc,GAAG,UAAC,EAAgC;YAA9B,eAAe,qBAAA;QACrC,IAAI,EAAE,EAAE;YACJ,iBAAiB,CAAC,EAAE,CAAC,CAAC;SACzB;QAED,OAAO,CACH,kEAC6B,oBAAoB,EAC7C,SAAS,EAAE,SAAS,IAChB,IAAI,EACJ,eAAe,EACrB,CACL,CAAC;IACN,CAAC,CAAC;IAEF,OAAO,oBAAC,YAAY,QAAE,cAAc,CAAgB,CAAC;AACzD,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionItemState.d.ts","sourceRoot":"","sources":["../../../../src/controls/accessibleAccordion/components/AccordionItemState.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"AccordionItemState.d.ts","sourceRoot":"","sources":["../../../../src/controls/accessibleAccordion/components/AccordionItemState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAMjD,aAAK,KAAK,GAAG,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,MAAM,aAAa,EAAE,UAAU,CAAC,CAAC,GAAG;IACzE,QAAQ,CACJ,IAAI,EAAE,OAAO,CAAC;QAAE,QAAQ,EAAE,OAAO,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,CAAC,GACxD,KAAK,CAAC,SAAS,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,kBAAkB,iBAAkB,KAAK,KAAG,GAAG,CAAC,OAUrD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionItemState.js","sourceRoot":"","sources":["../../../../src/controls/accessibleAccordion/components/AccordionItemState.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"AccordionItemState.js","sourceRoot":"","sources":["../../../../src/controls/accessibleAccordion/components/AccordionItemState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EACL,QAAQ,IAAI,YAAY,EAEzB,MAAM,eAAe,CAAC;AAQvB,IAAM,kBAAkB,GAAG,UAAC,EAAmB;QAAjB,QAAQ,cAAA;IAClC,IAAM,cAAc,GAAG,UAAC,WAAwB;QACpC,IAAA,QAAQ,GAAe,WAAW,SAA1B,EAAE,QAAQ,GAAK,WAAW,SAAhB,CAAiB;QAE3C,OAAO,CACH,oBAAC,KAAK,CAAC,QAAQ,QAAE,QAAQ,CAAC,EAAE,QAAQ,UAAA,EAAE,QAAQ,UAAA,EAAE,CAAC,CAAkB,CACtE,CAAC;IACN,CAAC,CAAC;IAEF,OAAO,oBAAC,YAAY,QAAE,cAAc,CAAgB,CAAC;AACzD,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ItemContext.d.ts","sourceRoot":"","sources":["../../../../src/controls/accessibleAccordion/components/ItemContext.tsx"],"names":[],"mappings":"AAEA,OAAO,
|
|
1
|
+
{"version":3,"file":"ItemContext.d.ts","sourceRoot":"","sources":["../../../../src/controls/accessibleAccordion/components/ItemContext.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,wBAAwB,EACxB,yBAAyB,EACzB,uBAAuB,EACxB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,gBAAgB,EAEjB,MAAM,oBAAoB,CAAC;AAE5B,oBAAY,IAAI,GAAG,MAAM,CAAC;AAE1B,aAAK,aAAa,GAAG;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,EAAE,IAAI,CAAC;IACX,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,sBAAsB,CAAC,EAAE,OAAO,CAAC;CACpC,CAAC;AAEF,oBAAY,oBAAoB,GAAG,IAAI,CACnC,aAAa,EACb,OAAO,CAAC,MAAM,aAAa,EAAE,kBAAkB,CAAC,CACnD,CAAC;AAEF,oBAAY,WAAW,GAAG;IACtB,IAAI,EAAE,IAAI,CAAC;IACX,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,eAAe,EAAE,uBAAuB,CAAC;IACzC,iBAAiB,EAAE,yBAAyB,CAAC;IAC7C,gBAAgB,EAAE,wBAAwB,CAAC;IAC3C,cAAc,IAAI,IAAI,CAAC;CAC1B,CAAC;AAoDF,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,oBAAoB,CAQpD,CAAC;AAEF,OAAO,EAAE,eAAe,IAAI,QAAQ,EAAE,CAAC;AAEvC,aAAK,aAAa,GAAG;IACjB,QAAQ,CAAC,SAAS,EAAE,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC;CACrD,CAAC;AAEF,eAAO,MAAM,QAAQ,iBAAkB,aAAa,KAAG,GAAG,CAAC,OAM1D,CAAC"}
|
|
@@ -10,7 +10,6 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
};
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
|
-
import "../css/AccordionStylesOverride.css";
|
|
14
13
|
import * as React from "react";
|
|
15
14
|
import { Consumer as AccordionContextConsumer } from "./AccordionContext";
|
|
16
15
|
var Context = React.createContext(null);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ItemContext.js","sourceRoot":"","sources":["../../../../src/controls/accessibleAccordion/components/ItemContext.tsx"],"names":[],"mappings":"AAAA,sCAAsC;;;;;;;;;;;;AAEtC,OAAO,
|
|
1
|
+
{"version":3,"file":"ItemContext.js","sourceRoot":"","sources":["../../../../src/controls/accessibleAccordion/components/ItemContext.tsx"],"names":[],"mappings":"AAAA,sCAAsC;;;;;;;;;;;;AAEtC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAEL,QAAQ,IAAI,wBAAwB,EACrC,MAAM,oBAAoB,CAAC;AA0B5B,IAAM,OAAO,GAAG,KAAK,CAAC,aAAa,CAAC,IAA0B,CAAC,CAAC;AAEhE,IAAM,QAAQ,GAAG,UAAC,EAKF;QAJZ,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,gBAAgB,sBAAA,EAChB,sBAAsB,4BAAA;IAEtB,IAAM,cAAc,GAAG;QACnB,gBAAgB,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;IAC1C,CAAC,CAAC;IAEF,IAAM,cAAc,GAAG,UACnB,GAAqB;QAErB,IAAM,QAAQ,GACV,sBAAsB,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,GAAG,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QAC/E,IAAM,QAAQ,GAAG,GAAG,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QAC1C,IAAM,eAAe,GAAG,GAAG,CAAC,kBAAkB,CAC1C,IAAI,EACJ,sBAAsB,CACzB,CAAC;QACF,IAAM,iBAAiB,GAAG,GAAG,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC;QACzD,IAAM,gBAAgB,GAAG,GAAG,CAAC,mBAAmB,CAC5C,IAAI,EACJ,sBAAsB,CACzB,CAAC;QAEF,OAAO,CACH,oBAAC,OAAO,CAAC,QAAQ,IACb,KAAK,EAAE;gBACH,IAAI,MAAA;gBACJ,QAAQ,UAAA;gBACR,QAAQ,UAAA;gBACR,cAAc,EAAE,cAAc;gBAC9B,eAAe,iBAAA;gBACf,iBAAiB,mBAAA;gBACjB,gBAAgB,kBAAA;aACnB,IAEA,QAAQ,CACM,CACtB,CAAC;IACN,CAAC,CAAC;IAEF,OAAO,CACH,oBAAC,wBAAwB,QAAE,cAAc,CAA4B,CACxE,CAAC;AACN,CAAC,CAAC;AAEF,IAAM,eAAe,GAAoC,UACrD,KAA2B,IACb,OAAA,CACd,oBAAC,wBAAwB,QACpB,UAAC,gBAAkC,IAAkB,OAAA,CAClD,oBAAC,QAAQ,eAAK,KAAK,IAAE,gBAAgB,EAAE,gBAAgB,IAAI,CAC9D,EAFqD,CAErD,CACsB,CAC9B,EANiB,CAMjB,CAAC;AAEF,OAAO,EAAE,eAAe,IAAI,QAAQ,EAAE,CAAC;AAMvC,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAC,EAA2B;QAAzB,QAAQ,cAAA;IAC/B,IAAM,cAAc,GAAG,UAAC,SAA6B;QACjD,OAAO,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAClD,CAAC,CAAC;IAEF,OAAO,oBAAC,OAAO,CAAC,QAAQ,QAAE,cAAc,CAAoB,CAAC;AACjE,CAAC,CAAC"}
|
|
@@ -1,23 +1,30 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* ----------------------------------------------
|
|
3
|
-
*accordion styles Override default
|
|
3
|
+
* accordion styles Override default
|
|
4
4
|
* ----------------------------------------------
|
|
5
5
|
**/
|
|
6
6
|
.accordion {
|
|
7
7
|
margin-top: 20px;
|
|
8
|
-
border-bottom: 1px solid
|
|
8
|
+
border-bottom: 1px solid var(--accordion-bodyDivider);
|
|
9
|
+
color: var(--accordion-bodyText);
|
|
10
|
+
background-color: var(--accordion-bodyBackground);
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.accordion__item:last-child {
|
|
14
|
+
margin-bottom: -0.5px;
|
|
9
15
|
}
|
|
10
16
|
|
|
11
17
|
.accordion__button {
|
|
12
18
|
font-size: 16px;
|
|
13
19
|
font-weight: 400;
|
|
14
|
-
color:
|
|
20
|
+
color: var(--accordion-buttonText);
|
|
21
|
+
background-color: var(--accordion-buttonBackground);
|
|
15
22
|
}
|
|
16
23
|
|
|
17
24
|
.accordion__button {
|
|
18
25
|
background: 0 0;
|
|
19
26
|
border: 1px solid transparent;
|
|
20
|
-
border-top-color:
|
|
27
|
+
border-top-color: var(--accordion-bodyDivider);
|
|
21
28
|
border-radius: 0;
|
|
22
29
|
cursor: pointer;
|
|
23
30
|
display: block;
|
|
@@ -26,17 +33,19 @@
|
|
|
26
33
|
padding-left: 10px;
|
|
27
34
|
}
|
|
28
35
|
|
|
29
|
-
|
|
36
|
+
.accordion__button:focus {
|
|
30
37
|
outline-width: 0.5px;
|
|
31
38
|
outline-style: solid;
|
|
39
|
+
border-top-color: transparent;
|
|
32
40
|
}
|
|
41
|
+
|
|
33
42
|
.accordion__button:hover {
|
|
34
|
-
background-color:
|
|
43
|
+
background-color: var(--accordion-buttonBackgroundHovered);
|
|
35
44
|
}
|
|
36
45
|
|
|
37
46
|
.accordion__button::after {
|
|
38
|
-
display:
|
|
39
|
-
float:right;
|
|
47
|
+
display: block;
|
|
48
|
+
float: right;
|
|
40
49
|
content: '';
|
|
41
50
|
height: 10px;
|
|
42
51
|
width: 10px;
|
|
@@ -57,21 +66,20 @@
|
|
|
57
66
|
}
|
|
58
67
|
|
|
59
68
|
.accordion__panel {
|
|
69
|
+
margin-top: 1px;
|
|
60
70
|
padding-top: 10px;
|
|
61
71
|
padding-bottom: 20px;
|
|
62
|
-
|
|
72
|
+
color: var(--accordion-bodyText);
|
|
73
|
+
background-color: var(--accordion-bodyBackground);
|
|
74
|
+
animation: accordionFadeIn 0.35s ease-in;
|
|
63
75
|
}
|
|
64
76
|
|
|
65
|
-
|
|
66
|
-
/* ---------------- Animation part ------------------ */
|
|
67
|
-
/* -------------------------------------------------- */
|
|
68
|
-
|
|
69
|
-
@keyframes fadein {
|
|
77
|
+
@keyframes accordionFadeIn {
|
|
70
78
|
0% {
|
|
71
|
-
|
|
79
|
+
opacity: 0;
|
|
72
80
|
}
|
|
73
81
|
|
|
74
82
|
100% {
|
|
75
|
-
|
|
83
|
+
opacity: 1;
|
|
76
84
|
}
|
|
77
85
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PlaceholderComponent.d.ts","sourceRoot":"","sources":["../../../src/controls/placeholder/PlaceholderComponent.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PlaceholderComponent.d.ts","sourceRoot":"","sources":["../../../src/controls/placeholder/PlaceholderComponent.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,GAAG,CAAC;AAGtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAG5D;;GAEG;AACH,qBAAa,WAAY,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,EAAE,iBAAiB,CAAC;IACpF,OAAO,CAAC,QAAQ,CAAwB;IAExC;;OAEG;gBACS,KAAK,EAAE,iBAAiB;IAiBpC;;OAEG;IACI,iBAAiB,IAAI,IAAI;IAIhC;;;;OAIG;IACI,kBAAkB,CAAC,SAAS,EAAE,iBAAiB,EAAE,SAAS,EAAE,iBAAiB,GAAG,IAAI;IAI3F;;;;OAIG;IACI,qBAAqB,CAAC,SAAS,EAAE,iBAAiB,EAAE,SAAS,EAAE,iBAAiB,GAAG,OAAO;IAejG;;OAEG;IACH,OAAO,CAAC,eAAe,CAEtB;IAED;;OAEG;IACH,OAAO,CAAC,aAAa,CAIpB;IAED;;OAEG;IACH,OAAO,CAAC,QAAQ,CAEf;IAED;;OAEG;IACI,MAAM,IAAI,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC;CAwDvD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PlaceholderComponent.js","sourceRoot":"","sources":["../../../src/controls/placeholder/PlaceholderComponent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iDAAiD,CAAC;AAE/E,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,IAAI,EAAE,MAAM,4CAA4C,CAAC;
|
|
1
|
+
{"version":3,"file":"PlaceholderComponent.js","sourceRoot":"","sources":["../../../src/controls/placeholder/PlaceholderComponent.tsx"],"names":[],"mappings":"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"}
|
|
@@ -12,10 +12,6 @@ export default class ButtonTreeItemAction extends React.Component<IConcreteTreeI
|
|
|
12
12
|
* Prepares the command bar button
|
|
13
13
|
*/
|
|
14
14
|
private prepareCommandBarButton;
|
|
15
|
-
/**
|
|
16
|
-
* Gets the action button styling
|
|
17
|
-
*/
|
|
18
|
-
private getTreeItemActionButtonStyle;
|
|
19
15
|
/**
|
|
20
16
|
* Check if there are action to immediatly invoke
|
|
21
17
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonTreeItemAction.d.ts","sourceRoot":"","sources":["../../../src/controls/treeView/ButtonTreeItemAction.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ButtonTreeItemAction.d.ts","sourceRoot":"","sources":["../../../src/controls/treeView/ButtonTreeItemAction.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,4BAA4B,EAAmB,MAAM,oBAAoB,CAAC;AAGnF;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,oBAAqB,SAAQ,KAAK,CAAC,SAAS,CAAC,4BAA4B,CAAC;IAE7F;;OAEG;IACI,kBAAkB,IAAI,IAAI;IAIjC;;OAEG;IACH,OAAO,CAAC,uBAAuB,CAO9B;IAED;;OAEG;IACH,OAAO,CAAC,4BAA4B;IAUpC;;OAEG;IACH,OAAO,CAAC,eAAe,CAGtB;IAED;;OAEG;IACI,MAAM,IAAI,KAAK,CAAC,YAAY,CAAC,4BAA4B,CAAC;CAsClE"}
|
|
@@ -47,8 +47,8 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
|
47
47
|
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
48
48
|
}
|
|
49
49
|
};
|
|
50
|
-
import * as React from 'react';
|
|
51
50
|
import { CommandBarButton } from 'office-ui-fabric-react/lib/Button';
|
|
51
|
+
import * as React from 'react';
|
|
52
52
|
import styles from './TreeView.module.scss';
|
|
53
53
|
/**
|
|
54
54
|
* Renders the controls for Button TreeItem action component
|
|
@@ -67,16 +67,6 @@ var ButtonTreeItemAction = /** @class */ (function (_super) {
|
|
|
67
67
|
var btnTitle = treeItemAction.title;
|
|
68
68
|
return { name: name, text: text, iconProps: iconProps, btnTitle: btnTitle };
|
|
69
69
|
};
|
|
70
|
-
/**
|
|
71
|
-
* Gets the action button styling
|
|
72
|
-
*/
|
|
73
|
-
_this.getTreeItemActionButtonStyle = function (treeItemAction) {
|
|
74
|
-
var result = {
|
|
75
|
-
backgroundColor: "transparent",
|
|
76
|
-
height: "32px"
|
|
77
|
-
};
|
|
78
|
-
return result;
|
|
79
|
-
};
|
|
80
70
|
/**
|
|
81
71
|
* On action execution
|
|
82
72
|
*/
|
|
@@ -126,7 +116,7 @@ var ButtonTreeItemAction = /** @class */ (function (_super) {
|
|
|
126
116
|
treeItemActions.map(function (treeItemAction) {
|
|
127
117
|
var _a = _this.prepareCommandBarButton(treeItemAction), name = _a.name, text = _a.text, iconProps = _a.iconProps, btnTitle = _a.btnTitle;
|
|
128
118
|
return (treeItemAction.hidden ? (null) : (React.createElement("div", null,
|
|
129
|
-
React.createElement(CommandBarButton, { split: true, onClick: function () { _this.onActionExecute(treeItemAction); }, iconProps: iconProps, text: text, title: btnTitle, name: name, key: treeItem.key, className: styles.actionButton }))));
|
|
119
|
+
React.createElement(CommandBarButton, { split: true, onClick: function () { _this.onActionExecute(treeItemAction); }, iconProps: iconProps, text: text, title: btnTitle, name: name, key: treeItem.key, className: styles.actionButton, theme: _this.props.theme }))));
|
|
130
120
|
})));
|
|
131
121
|
};
|
|
132
122
|
return ButtonTreeItemAction;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonTreeItemAction.js","sourceRoot":"","sources":["../../../src/controls/treeView/ButtonTreeItemAction.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"ButtonTreeItemAction.js","sourceRoot":"","sources":["../../../src/controls/treeView/ButtonTreeItemAction.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAErE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAE5C;;GAEG;AACH;IAAkD,wCAA6C;IAA/F;QAAA,qEAmFC;QA1EC;;WAEG;QACK,6BAAuB,GAAG,UAAC,cAA+B;YAChE,IAAI,IAAI,GAAW,cAAc,CAAC,KAAK,CAAC;YACxC,IAAI,IAAI,GAAW,cAAc,CAAC,KAAK,CAAC;YACxC,IAAI,SAAS,GAAe,cAAc,CAAC,SAAS,CAAC;YACrD,IAAI,QAAQ,GAAW,cAAc,CAAC,KAAK,CAAC;YAE5C,OAAO,EAAE,IAAI,MAAA,EAAE,IAAI,MAAA,EAAE,SAAS,WAAA,EAAE,QAAQ,UAAA,EAAE,CAAC;QAC7C,CAAC,CAAA;QAeD;;WAEG;QACK,qBAAe,GAAG,UAAO,cAA+B;;;4BAC9D,qBAAM,cAAc,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAA;;wBAAxD,SAAwD,CAAC;wBACzD,IAAI,CAAC,KAAK,CAAC,sBAAsB,EAAE,CAAC;;;;aACrC,CAAA;;IA2CH,CAAC;IAjFC;;OAEG;IACI,iDAAkB,GAAzB;QACE,IAAI,CAAC,4BAA4B,EAAE,CAAC;IACtC,CAAC;IAcD;;OAEG;IACK,2DAA4B,GAApC;QACU,IAAA,eAAe,GAAK,IAAI,CAAC,KAAK,gBAAf,CAAgB;QAEvC,KAAqB,UAAe,EAAf,mCAAe,EAAf,6BAAe,EAAf,IAAe,EAAE;YAAjC,IAAM,MAAM,wBAAA;YACf,IAAI,MAAM,CAAC,oBAAoB,EAAE;gBAC/B,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;aAC9B;SACF;IACH,CAAC;IAUD;;OAEG;IACI,qCAAM,GAAb;QAAA,iBAqCC;QApCO,IAAA,KAAgC,IAAI,CAAC,KAAK,EAAxC,QAAQ,cAAA,EAAE,eAAe,qBAAe,CAAC;QAEjD,qCAAqC;QACrC,IAAM,aAAa,GAAG,eAAe,CAAC,MAAM,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,CAAC,MAAM,EAAT,CAAS,CAAC,CAAC;QAC7D,IAAI,aAAa,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE;YAC/C,OAAO,IAAI,CAAC;SACb;QAED,OAAO,CACL,iCAEI,eAAe;YACf,eAAe,CAAC,GAAG,CAAC,UAAA,cAAc;gBAC1B,IAAA,KAAsC,KAAI,CAAC,uBAAuB,CAAC,cAAc,CAAC,EAAhF,IAAI,UAAA,EAAE,IAAI,UAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAiD,CAAC;gBAEzF,OAAO,CACL,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,CACtB,IAAI,CACL,CAAC,CAAC,CAAC,CACF;oBACE,oBAAC,gBAAgB,IAAC,KAAK,EAAE,IAAI,EAC3B,OAAO,EAAE,cAAQ,KAAI,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,EACxD,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,QAAQ,EACf,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,QAAQ,CAAC,GAAG,EACjB,SAAS,EAAE,MAAM,CAAC,YAAY,EAC9B,KAAK,EAAE,KAAI,CAAC,KAAK,CAAC,KAAK,GAAI,CACzB,CACP,CACF,CAAC;YACJ,CAAC,CAAC,CAEA,CACP,CAAC;IACJ,CAAC;IACH,2BAAC;AAAD,CAAC,AAnFD,CAAkD,KAAK,CAAC,SAAS,GAmFhE"}
|
|
@@ -12,10 +12,6 @@ export declare class DropdownTreeItemAction extends React.Component<IConcreteTre
|
|
|
12
12
|
* Prepates contextual menu items for dropdown.
|
|
13
13
|
*/
|
|
14
14
|
private prepareContextualMenuProps;
|
|
15
|
-
/**
|
|
16
|
-
* Prepare treeItem action button style.
|
|
17
|
-
*/
|
|
18
|
-
private getTreeItemActionActionButtonStyle;
|
|
19
15
|
/**
|
|
20
16
|
* Check if there are action to immediatly invoke
|
|
21
17
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownTreeItemAction.d.ts","sourceRoot":"","sources":["../../../src/controls/treeView/DropdownTreeItemAction.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DropdownTreeItemAction.d.ts","sourceRoot":"","sources":["../../../src/controls/treeView/DropdownTreeItemAction.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,4BAA4B,EAAmB,MAAM,oBAAoB,CAAC;AAGnF;;GAEG;AACH,qBAAa,sBAAuB,SAAQ,KAAK,CAAC,SAAS,CAAC,4BAA4B,CAAC;IAEvF;;OAEG;IACI,kBAAkB,IAAI,IAAI;IAIjC;;OAEG;IACH,OAAO,CAAC,0BAA0B,CAyBjC;IAED;;OAEG;IACH,OAAO,CAAC,4BAA4B;IASpC;;OAEG;IACH,OAAO,CAAC,eAAe,CAGtB;IAED;;OAEG;IACI,MAAM,IAAI,KAAK,CAAC,YAAY,CAAC,4BAA4B,CAAC;CAkBlE"}
|
|
@@ -47,8 +47,8 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
|
47
47
|
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
48
48
|
}
|
|
49
49
|
};
|
|
50
|
-
import * as React from 'react';
|
|
51
50
|
import { IconButton } from 'office-ui-fabric-react/lib/Button';
|
|
51
|
+
import * as React from 'react';
|
|
52
52
|
import styles from './TreeView.module.scss';
|
|
53
53
|
/**
|
|
54
54
|
* Renders the controls for Dropdown TreeItem action component
|
|
@@ -86,18 +86,6 @@ var DropdownTreeItemAction = /** @class */ (function (_super) {
|
|
|
86
86
|
};
|
|
87
87
|
return contextualMenuProps;
|
|
88
88
|
};
|
|
89
|
-
/**
|
|
90
|
-
* Prepare treeItem action button style.
|
|
91
|
-
*/
|
|
92
|
-
_this.getTreeItemActionActionButtonStyle = function () {
|
|
93
|
-
var result = {
|
|
94
|
-
backgroundColor: "transparent",
|
|
95
|
-
width: "14px",
|
|
96
|
-
display: "inline-flex",
|
|
97
|
-
padding: "0px"
|
|
98
|
-
};
|
|
99
|
-
return result;
|
|
100
|
-
};
|
|
101
89
|
/**
|
|
102
90
|
* Handler to execute selected action.
|
|
103
91
|
*/
|
|
@@ -140,7 +128,7 @@ var DropdownTreeItemAction = /** @class */ (function (_super) {
|
|
|
140
128
|
var _a = this.props, treeItem = _a.treeItem, treeItemActions = _a.treeItemActions;
|
|
141
129
|
var contextualMenuProps = this.prepareContextualMenuProps(treeItem, treeItemActions);
|
|
142
130
|
return (React.createElement("div", null,
|
|
143
|
-
React.createElement(IconButton, { menuProps: contextualMenuProps, menuIconProps: { iconName: 'MoreVertical' }, className: styles.actionMore, title: "More", ariaLabel: "More" })));
|
|
131
|
+
React.createElement(IconButton, { menuProps: contextualMenuProps, menuIconProps: { iconName: 'MoreVertical' }, className: styles.actionMore, title: "More", ariaLabel: "More", theme: this.props.theme })));
|
|
144
132
|
};
|
|
145
133
|
return DropdownTreeItemAction;
|
|
146
134
|
}(React.Component));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownTreeItemAction.js","sourceRoot":"","sources":["../../../src/controls/treeView/DropdownTreeItemAction.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"DropdownTreeItemAction.js","sourceRoot":"","sources":["../../../src/controls/treeView/DropdownTreeItemAction.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAE/D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAE5C;;GAEG;AACH;IAA4C,0CAA6C;IAAzF;QAAA,qEAgFC;QAvEC;;WAEG;QACK,gCAA0B,GAAG,UAAC,QAAmB,EAAE,eAAkC;YAC3F,IAAI,KAAK,GAA0B,EAAE,CAAC;YACtC,IAAI,cAAc,GAAG,IAAI,CAAC;oCAEf,cAAc;gBACvB,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE;oBAC1B,IAAI,sBAAsB,GAAwB;wBAChD,GAAG,EAAE,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE;wBAC5B,OAAO,EAAE,cAAQ,KAAI,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;qBACzD,CAAC;oBAEF,sBAAsB,CAAC,IAAI,GAAG,cAAc,CAAC,KAAK,CAAC;oBACnD,sBAAsB,CAAC,IAAI,GAAG,cAAc,CAAC,KAAK,CAAC;oBACnD,sBAAsB,CAAC,SAAS,GAAG,cAAc,CAAC,SAAS,CAAC;oBAC5D,cAAc,GAAG,sBAAsB,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;oBAEjE,KAAK,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;iBACpC;;YAbH,KAA6B,UAAe,EAAf,mCAAe,EAAf,6BAAe,EAAf,IAAe;gBAAvC,IAAM,cAAc,wBAAA;wBAAd,cAAc;aAcxB;YAED,IAAM,mBAAmB,GAAyB;gBAChD,KAAK,OAAA;gBACL,cAAc,gBAAA;aACf,CAAC;YACF,OAAO,mBAAmB,CAAC;QAC7B,CAAC,CAAA;QAcD;;WAEG;QACK,qBAAe,GAAG,UAAO,cAA+B;;;;4BACzC,qBAAM,cAAc,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAA;;wBAAvE,YAAY,GAAG,SAAwD;wBAC7E,IAAI,CAAC,KAAK,CAAC,sBAAsB,EAAE,CAAC;;;;aACrC,CAAA;;IAuBH,CAAC;IA9EC;;OAEG;IACI,mDAAkB,GAAzB;QACE,IAAI,CAAC,4BAA4B,EAAE,CAAC;IACtC,CAAC;IAgCD;;OAEG;IACK,6DAA4B,GAApC;QACU,IAAA,eAAe,GAAK,IAAI,CAAC,KAAK,gBAAf,CAAgB;QACvC,KAAqB,UAAe,EAAf,mCAAe,EAAf,6BAAe,EAAf,IAAe,EAAE;YAAjC,IAAM,MAAM,wBAAA;YACf,IAAI,MAAM,CAAC,oBAAoB,EAAE;gBAC/B,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;aAC9B;SACF;IACH,CAAC;IAUD;;OAEG;IACI,uCAAM,GAAb;QACQ,IAAA,KAAgC,IAAI,CAAC,KAAK,EAAxC,QAAQ,cAAA,EAAE,eAAe,qBAAe,CAAC;QAEjD,IAAM,mBAAmB,GAAG,IAAI,CAAC,0BAA0B,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC;QAEvF,OAAO,CACL;YACE,oBAAC,UAAU,IACT,SAAS,EAAE,mBAAmB,EAC9B,aAAa,EAAE,EAAE,QAAQ,EAAE,cAAc,EAAE,EAC3C,SAAS,EAAE,MAAM,CAAC,UAAU,EAC5B,KAAK,EAAC,MAAM,EACZ,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,GACvB,CACE,CACP,CAAC;IACJ,CAAC;IACH,6BAAC;AAAD,CAAC,AAhFD,CAA4C,KAAK,CAAC,SAAS,GAgF1D"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { ITreeItem } from './ITreeItem';
|
|
2
2
|
import { IIconProps } from 'office-ui-fabric-react/lib/Icon';
|
|
3
|
+
import { ITheme } from 'office-ui-fabric-react/lib/Styling';
|
|
3
4
|
/**
|
|
4
5
|
* Specifies the display mode of the tree item action.
|
|
5
6
|
*/
|
|
@@ -36,6 +37,10 @@ export interface ITreeItemActionsControlProps {
|
|
|
36
37
|
* Callback after execution of tree item action.
|
|
37
38
|
*/
|
|
38
39
|
treeItemActionCallback: () => void;
|
|
40
|
+
/**
|
|
41
|
+
* Set Fluent UI Theme.
|
|
42
|
+
* */
|
|
43
|
+
theme: ITheme;
|
|
39
44
|
}
|
|
40
45
|
/**
|
|
41
46
|
* TreeItemActionsControl state interface
|
|
@@ -66,6 +71,10 @@ export interface IConcreteTreeItemActionProps {
|
|
|
66
71
|
* Method to be executed when action is fired.
|
|
67
72
|
*/
|
|
68
73
|
treeItemActionCallback: () => void;
|
|
74
|
+
/**
|
|
75
|
+
* Set Fluent UI Theme.v
|
|
76
|
+
* */
|
|
77
|
+
theme: ITheme;
|
|
69
78
|
}
|
|
70
79
|
/**
|
|
71
80
|
* Interface represents the possible action that could be execute on tree item level.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ITreeItemActions.d.ts","sourceRoot":"","sources":["../../../src/controls/treeView/ITreeItemActions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;
|
|
1
|
+
{"version":3,"file":"ITreeItemActions.d.ts","sourceRoot":"","sources":["../../../src/controls/treeView/ITreeItemActions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAE5D;;GAEG;AACH,oBAAY,0BAA0B;IACpC,OAAO,IAAI;IACX,cAAc,IAAA;CACf;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B;;OAEG;IACH,0BAA0B,CAAC,EAAE,0BAA0B,CAAC;CACzD;AAED;;GAEG;AACH,MAAM,WAAW,4BAA4B;IAC3C;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,eAAe,EAAE,gBAAgB,CAAC;IAClC;;OAEG;IACH,sBAAsB,EAAE,MAAM,IAAI,CAAC;IACnC;;QAEI;IACJ,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,4BAA4B;IAC3C;;OAEG;IACH,gBAAgB,EAAE,eAAe,EAAE,CAAC;IACpC;;OAEG;IACH,WAAW,EAAE,0BAA0B,CAAC;CACzC;AAED;;GAEG;AACH,MAAM,WAAW,4BAA4B;IAC3C;;OAEG;IACH,eAAe,EAAE,eAAe,EAAE,CAAC;IACnC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,sBAAsB,EAAE,MAAM,IAAI,CAAC;IACnC;;QAEI;IACJ,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B;;;OAGG;IACH,cAAc,EAAE,CAAC,eAAe,EAAE,SAAS,KAAK,IAAI,CAAC;CACtD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ITreeItemActions.js","sourceRoot":"","sources":["../../../src/controls/treeView/ITreeItemActions.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ITreeItemActions.js","sourceRoot":"","sources":["../../../src/controls/treeView/ITreeItemActions.ts"],"names":[],"mappings":"AAIA;;GAEG;AACH,MAAM,CAAN,IAAY,0BAGX;AAHD,WAAY,0BAA0B;IACpC,iFAAW,CAAA;IACX,+FAAc,CAAA;AAChB,CAAC,EAHW,0BAA0B,KAA1B,0BAA0B,QAGrC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
import { IPartialTheme, ITheme } from 'office-ui-fabric-react/lib/Styling';
|
|
2
3
|
import { ITreeItem } from './ITreeItem';
|
|
3
4
|
import { TreeItemActionsDisplayMode } from './ITreeItemActions';
|
|
4
5
|
/**
|
|
@@ -42,9 +43,9 @@ export interface ITreeViewProps {
|
|
|
42
43
|
*/
|
|
43
44
|
selectChildrenIfParentSelected?: boolean;
|
|
44
45
|
/**
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
46
|
+
* Specifies if the childrens should be selected when parent is selected. Flagged enum, so values can be combined eg. SelectChildrenMode.Select | SelectChildrenMode.Unselect
|
|
47
|
+
* By default this is set to None.
|
|
48
|
+
*/
|
|
48
49
|
selectChildrenMode?: SelectChildrenMode;
|
|
49
50
|
/**
|
|
50
51
|
* Specifies if the checkboxes should be displayed for selection.
|
|
@@ -87,5 +88,10 @@ export interface ITreeViewProps {
|
|
|
87
88
|
* By default this is set to true.
|
|
88
89
|
*/
|
|
89
90
|
defaultExpandedChildren?: boolean;
|
|
91
|
+
/**
|
|
92
|
+
* Set Fluent UI Theme.
|
|
93
|
+
* If not set or set to null or not defined, the theme passed through context will be used, or the default theme of the page will be loaded.
|
|
94
|
+
*/
|
|
95
|
+
theme?: IPartialTheme | ITheme;
|
|
90
96
|
}
|
|
91
97
|
//# sourceMappingURL=ITreeViewProps.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ITreeViewProps.d.ts","sourceRoot":"","sources":["../../../src/controls/treeView/ITreeViewProps.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,0BAA0B,EAAE,MAAM,oBAAoB,CAAC;AAEhE;;GAEG;AACH,oBAAY,qBAAqB;IAC/B,MAAM,IAAI;IACV,QAAQ,IAAI;IACZ,IAAI,IAAI;CACT;AAED,oBAAY,kBAAkB;IAC5B,IAAI,IAAI;IACR,MAAM,IAAS;IACf,QAAQ,IAAS;IACjB,KAAK,IAAS;IACd,MAAM,IAAS;IACf,GAAG,KAAa;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,aAAa,CAAC,EAAE,qBAAqB,CAAC;IACtC;;;;OAIG;IACH,8BAA8B,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ITreeViewProps.d.ts","sourceRoot":"","sources":["../../../src/controls/treeView/ITreeViewProps.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,0BAA0B,EAAE,MAAM,oBAAoB,CAAC;AAEhE;;GAEG;AACH,oBAAY,qBAAqB;IAC/B,MAAM,IAAI;IACV,QAAQ,IAAI;IACZ,IAAI,IAAI;CACT;AAED,oBAAY,kBAAkB;IAC5B,IAAI,IAAI;IACR,MAAM,IAAS;IACf,QAAQ,IAAS;IACjB,KAAK,IAAS;IACd,MAAM,IAAS;IACf,GAAG,KAAa;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,aAAa,CAAC,EAAE,qBAAqB,CAAC;IACtC;;;;OAIG;IACH,8BAA8B,CAAC,EAAE,OAAO,CAAC;IACzC;;;MAGE;IACF,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC;;MAEE;IACF,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,0BAA0B,CAAC,EAAE,0BAA0B,CAAC;IACxD;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAE/B;;MAEE;IACF,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAClE;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,IAAI,CAAC;IACxC;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,GAAG,CAAC,OAAO,CAAC;IAChD;;;MAGE;IACF,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC;;;MAGE;IACF,KAAK,CAAC,EAAE,aAAa,GAAG,MAAM,CAAC;CAChC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ITreeViewProps.js","sourceRoot":"","sources":["../../../src/controls/treeView/ITreeViewProps.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ITreeViewProps.js","sourceRoot":"","sources":["../../../src/controls/treeView/ITreeViewProps.ts"],"names":[],"mappings":"AAIA;;GAEG;AACH,MAAM,CAAN,IAAY,qBAIX;AAJD,WAAY,qBAAqB;IAC/B,qEAAU,CAAA;IACV,yEAAY,CAAA;IACZ,iEAAQ,CAAA;AACV,CAAC,EAJW,qBAAqB,KAArB,qBAAqB,QAIhC;AAED,MAAM,CAAN,IAAY,kBAOX;AAPD,WAAY,kBAAkB;IAC5B,2DAAQ,CAAA;IACR,+DAAe,CAAA;IACf,mEAAiB,CAAA;IACjB,6DAAc,CAAA;IACd,+DAAe,CAAA;IACf,0DAAgB,CAAA,CAAG,OAAO;AAC5B,CAAC,EAPW,kBAAkB,KAAlB,kBAAkB,QAO7B"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
+
import { ITheme } from 'office-ui-fabric-react/lib/Styling';
|
|
2
3
|
import { ITreeItem } from './ITreeItem';
|
|
3
|
-
import { TreeViewSelectionMode } from './ITreeViewProps';
|
|
4
4
|
import { TreeItemActionsDisplayMode } from './ITreeItemActions';
|
|
5
|
+
import { TreeViewSelectionMode } from './ITreeViewProps';
|
|
5
6
|
/**
|
|
6
7
|
* TreeItem properties interface
|
|
7
8
|
*/
|
|
@@ -55,6 +56,10 @@ export interface ITreeItemProps {
|
|
|
55
56
|
* Specifies whether current tree item's children should be rendered as expanded.
|
|
56
57
|
*/
|
|
57
58
|
defaultExpandedChildren?: boolean;
|
|
59
|
+
/**
|
|
60
|
+
* Set Fluent UI Theme.
|
|
61
|
+
*/
|
|
62
|
+
theme: ITheme;
|
|
58
63
|
}
|
|
59
64
|
/**
|
|
60
65
|
* TreeItem state interface
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TreeItem.d.ts","sourceRoot":"","sources":["../../../src/controls/treeView/TreeItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"TreeItem.d.ts","sourceRoot":"","sources":["../../../src/controls/treeView/TreeItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAE5D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,0BAA0B,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAIzD;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,aAAa,EAAE,qBAAqB,CAAC;IACrC;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,aAAa,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,eAAe,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,cAAc,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,WAAW,EAAE,SAAS,EAAE,CAAC;IACzB;;OAEG;IACH,0BAA0B,CAAC,EAAE,0BAA0B,CAAC;IAExD;;OAEG;IACH,4BAA4B,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7E;;OAEG;IACH,sBAAsB,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACvE;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,GAAG,CAAC,OAAO,CAAC;IAEhD,aAAa,EAAE,GAAG,EAAE,CAAC;IACrB;;MAEE;IACF,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC;;MAEE;IACF,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;IAEnF;;;OAGG;gBACS,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc;IAsBxD;;OAEG;IACH,OAAO,CAAC,aAAa;IAQrB;;OAEG;IACH,OAAO,CAAC,qBAAqB;IAQ7B;;;;OAIG;IACI,yBAAyB,CAAC,SAAS,EAAE,cAAc,GAAG,IAAI;IAwBjE;;OAEG;IACH,OAAO,CAAC,UAAU;IA6ClB;;OAEG;IACI,gBAAgB,uCAuCtB;IAED;;OAEG;IACH,OAAO,CAAC,sBAAsB,CAC7B;IAED;;OAEG;IACI,MAAM,IAAI,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC;CA0FpD"}
|
|
@@ -12,20 +12,14 @@ var __extends = (this && this.__extends) || (function () {
|
|
|
12
12
|
};
|
|
13
13
|
})();
|
|
14
14
|
import * as React from 'react';
|
|
15
|
-
import
|
|
15
|
+
import * as strings from 'ControlStrings';
|
|
16
|
+
import { IconButton } from 'office-ui-fabric-react/lib/Button';
|
|
16
17
|
import { Checkbox } from 'office-ui-fabric-react/lib/Checkbox';
|
|
17
18
|
import { Icon } from 'office-ui-fabric-react/lib/Icon';
|
|
18
|
-
import {
|
|
19
|
-
import * as strings from 'ControlStrings';
|
|
19
|
+
import { css } from 'office-ui-fabric-react/lib/Utilities';
|
|
20
20
|
import { TreeViewSelectionMode } from './ITreeViewProps';
|
|
21
21
|
import TreeItemActionsControl from './TreeItemActionsControl';
|
|
22
|
-
import
|
|
23
|
-
/**
|
|
24
|
-
* CSS styles for checkbox
|
|
25
|
-
*/
|
|
26
|
-
var checkBoxStyle = {
|
|
27
|
-
display: "inline-flex"
|
|
28
|
-
};
|
|
22
|
+
import styles from './TreeView.module.scss';
|
|
29
23
|
/**
|
|
30
24
|
* Renders the controls for TreeItem component
|
|
31
25
|
*/
|
|
@@ -45,7 +39,7 @@ var TreeItem = /** @class */ (function (_super) {
|
|
|
45
39
|
var _a = _this.props, treeItem = _a.treeItem, selectionMode_1 = _a.selectionMode, activeItems_1 = _a.activeItems, parentCallbackExpandCollapse_1 = _a.parentCallbackExpandCollapse, parentCallbackOnSelect_1 = _a.parentCallbackOnSelect, onRenderItem_1 = _a.onRenderItem, showCheckboxes_1 = _a.showCheckboxes, treeItemActionsDisplayMode_1 = _a.treeItemActionsDisplayMode, defaultExpandedChildren_1 = _a.defaultExpandedChildren;
|
|
46
40
|
var expanded_1 = _this.state.expanded;
|
|
47
41
|
var childrenWithHandlers = list.map(function (item, index) {
|
|
48
|
-
return (React.createElement(TreeItem, { treeItem: item, defaultExpanded: defaultExpandedChildren_1 ? expanded_1 : expanded_1 && !item.hasOwnProperty('children'), defaultExpandedChildren: defaultExpandedChildren_1, leftOffset: paddingLeft, selectionMode: selectionMode_1, activeItems: activeItems_1, isFirstRender: !paddingLeft ? true : false, parentCallbackExpandCollapse: parentCallbackExpandCollapse_1, parentCallbackOnSelect: parentCallbackOnSelect_1, onRenderItem: onRenderItem_1, showCheckboxes: showCheckboxes_1, treeItemActionsDisplayMode: treeItemActionsDisplayMode_1, nodesToExpand: _this.props.nodesToExpand }));
|
|
42
|
+
return (React.createElement(TreeItem, { treeItem: item, defaultExpanded: defaultExpandedChildren_1 ? expanded_1 : expanded_1 && !item.hasOwnProperty('children'), defaultExpandedChildren: defaultExpandedChildren_1, leftOffset: paddingLeft, selectionMode: selectionMode_1, activeItems: activeItems_1, isFirstRender: !paddingLeft ? true : false, parentCallbackExpandCollapse: parentCallbackExpandCollapse_1, parentCallbackOnSelect: parentCallbackOnSelect_1, onRenderItem: onRenderItem_1, showCheckboxes: showCheckboxes_1, treeItemActionsDisplayMode: treeItemActionsDisplayMode_1, nodesToExpand: _this.props.nodesToExpand, theme: _this.props.theme }));
|
|
49
43
|
});
|
|
50
44
|
return childrenWithHandlers;
|
|
51
45
|
}
|
|
@@ -134,7 +128,7 @@ var TreeItem = /** @class */ (function (_super) {
|
|
|
134
128
|
// Rendering when item has iconProps
|
|
135
129
|
item.iconProps &&
|
|
136
130
|
React.createElement("span", null,
|
|
137
|
-
React.createElement(Icon, { className: styles.icon, iconName: item.iconProps.iconName, style: item.iconProps.style }),
|
|
131
|
+
React.createElement(Icon, { className: styles.icon, iconName: item.iconProps.iconName, style: item.iconProps.style, theme: this.props.theme }),
|
|
138
132
|
"\u00A0"),
|
|
139
133
|
item.label,
|
|
140
134
|
// Render sublabel
|
|
@@ -161,7 +155,7 @@ var TreeItem = /** @class */ (function (_super) {
|
|
|
161
155
|
React.createElement("div", { className: "" + styles.treeSelector },
|
|
162
156
|
// Render expand / collapse icons for items which has children.
|
|
163
157
|
treeItem.children &&
|
|
164
|
-
React.createElement(IconButton, { iconProps: expanded ? { iconName: 'ChevronDown' } : { iconName: 'ChevronRight' }, alt: expanded ? strings.TreeViewCollapseTitle : strings.TreeViewExpandTitle, title: expanded ? strings.TreeViewCollapseTitle : strings.TreeViewExpandTitle, onClick: function () { return _this._handleExpandCollapse(); } })),
|
|
158
|
+
React.createElement(IconButton, { iconProps: expanded ? { iconName: 'ChevronDown' } : { iconName: 'ChevronRight' }, alt: expanded ? strings.TreeViewCollapseTitle : strings.TreeViewExpandTitle, title: expanded ? strings.TreeViewCollapseTitle : strings.TreeViewExpandTitle, onClick: function () { return _this._handleExpandCollapse(); }, theme: this.props.theme })),
|
|
165
159
|
React.createElement("div", { className: css((_a = {},
|
|
166
160
|
_a[styles.itemContent] = true,
|
|
167
161
|
_a[styles.noCheckBox] = !showCheckboxes,
|
|
@@ -177,7 +171,7 @@ var TreeItem = /** @class */ (function (_super) {
|
|
|
177
171
|
} },
|
|
178
172
|
// Render checkbox (if item is selectable, Selection mode is not None, and showCheckboxes property is set to true)
|
|
179
173
|
(treeItem.selectable != false) && selectionMode != TreeViewSelectionMode.None && showCheckboxes &&
|
|
180
|
-
React.createElement(Checkbox, { checked: selected, disabled: treeItem.disabled, className: styles.checkbox, onChange: this._itemSelected }),
|
|
174
|
+
React.createElement(Checkbox, { checked: selected, disabled: treeItem.disabled, className: styles.checkbox, onChange: this._itemSelected, theme: this.props.theme }),
|
|
181
175
|
// Call default render item function
|
|
182
176
|
this.renderItem(treeItem),
|
|
183
177
|
// Render actions for tree item
|
|
@@ -186,7 +180,7 @@ var TreeItem = /** @class */ (function (_super) {
|
|
|
186
180
|
React.createElement(TreeItemActionsControl, { treeItem: treeItem, treeItemActions: {
|
|
187
181
|
actions: treeItem.actions,
|
|
188
182
|
treeItemActionsDisplayMode: treeItemActionsDisplayMode
|
|
189
|
-
}, treeItemActionCallback: this.treeItemActionCallback })))),
|
|
183
|
+
}, treeItemActionCallback: this.treeItemActionCallback, theme: this.props.theme })))),
|
|
190
184
|
React.createElement("div", { style: styleProps || {} },
|
|
191
185
|
// Render child nodes
|
|
192
186
|
expanded && treeItem.children
|