pne-ui 3.0.9 → 3.0.19
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/cjs/common/responsive/breakpoints.d.ts +3 -0
- package/cjs/common/responsive/breakpoints.js +21 -0
- package/cjs/common/responsive/breakpoints.js.map +1 -0
- package/cjs/component/cloudscape/CloudscapeBoardStyles.d.ts +10 -0
- package/cjs/component/cloudscape/CloudscapeBoardStyles.js +46 -0
- package/cjs/component/cloudscape/CloudscapeBoardStyles.js.map +1 -0
- package/cjs/component/cloudscape/CloudscapeThemeProvider.d.ts +8 -0
- package/cjs/component/cloudscape/CloudscapeThemeProvider.js +20 -0
- package/cjs/component/cloudscape/CloudscapeThemeProvider.js.map +1 -0
- package/cjs/component/cloudscape/boardI18n.d.ts +10 -0
- package/cjs/component/cloudscape/boardI18n.js +51 -0
- package/cjs/component/cloudscape/boardI18n.js.map +1 -0
- package/cjs/component/cloudscape/cloudscapeTheme.d.ts +6 -0
- package/cjs/component/cloudscape/cloudscapeTheme.js +14 -0
- package/cjs/component/cloudscape/cloudscapeTheme.js.map +1 -0
- package/cjs/component/fab/PneFloatingActionButtons.d.ts +27 -0
- package/cjs/component/fab/PneFloatingActionButtons.js +41 -0
- package/cjs/component/fab/PneFloatingActionButtons.js.map +1 -0
- package/cjs/component/overlay/PneOverlayHost.d.ts +17 -0
- package/cjs/component/overlay/PneOverlayHost.js +82 -0
- package/cjs/component/overlay/PneOverlayHost.js.map +1 -0
- package/cjs/component/overlay/overlayStore.d.ts +11 -0
- package/cjs/component/overlay/overlayStore.js +38 -0
- package/cjs/component/overlay/overlayStore.js.map +1 -0
- package/cjs/component/overlay/types.d.ts +26 -0
- package/cjs/component/overlay/types.js +3 -0
- package/cjs/component/overlay/types.js.map +1 -0
- package/cjs/component/responsive/useBreakpoint.d.ts +8 -0
- package/cjs/component/responsive/useBreakpoint.js +21 -0
- package/cjs/component/responsive/useBreakpoint.js.map +1 -0
- package/cjs/component/widget-board/WidgetBoard.d.ts +7 -0
- package/cjs/component/widget-board/WidgetBoard.js +302 -0
- package/cjs/component/widget-board/WidgetBoard.js.map +1 -0
- package/cjs/component/widget-board/index.d.ts +2 -0
- package/cjs/component/widget-board/index.js +6 -0
- package/cjs/component/widget-board/index.js.map +1 -0
- package/cjs/component/widget-board/types.d.ts +66 -0
- package/cjs/component/widget-board/types.js +3 -0
- package/cjs/component/widget-board/types.js.map +1 -0
- package/cjs/exports/buttons.d.ts +2 -0
- package/cjs/exports/buttons.js +11 -0
- package/cjs/exports/buttons.js.map +1 -0
- package/cjs/exports/cloudscape.d.ts +5 -0
- package/cjs/exports/cloudscape.js +15 -0
- package/cjs/exports/cloudscape.js.map +1 -0
- package/cjs/exports/entities.d.ts +2 -0
- package/cjs/exports/entities.js +8 -0
- package/cjs/exports/entities.js.map +1 -0
- package/cjs/exports/fab.d.ts +1 -0
- package/cjs/exports/fab.js +6 -0
- package/cjs/exports/fab.js.map +1 -0
- package/cjs/exports/inputs.d.ts +10 -0
- package/cjs/exports/inputs.js +23 -0
- package/cjs/exports/inputs.js.map +1 -0
- package/cjs/exports/modals.d.ts +2 -0
- package/cjs/exports/modals.js +11 -0
- package/cjs/exports/modals.js.map +1 -0
- package/cjs/exports/overlay.d.ts +3 -0
- package/cjs/exports/overlay.js +11 -0
- package/cjs/exports/overlay.js.map +1 -0
- package/cjs/exports/search.d.ts +7 -0
- package/cjs/exports/search.js +21 -0
- package/cjs/exports/search.js.map +1 -0
- package/cjs/exports/table.d.ts +12 -0
- package/cjs/exports/table.js +25 -0
- package/cjs/exports/table.js.map +1 -0
- package/cjs/exports/theme.d.ts +2 -0
- package/cjs/exports/theme.js +6 -0
- package/cjs/exports/theme.js.map +1 -0
- package/cjs/exports/utils.d.ts +4 -0
- package/cjs/exports/utils.js +16 -0
- package/cjs/exports/utils.js.map +1 -0
- package/cjs/index.d.ts +12 -37
- package/cjs/index.js +11 -70
- package/cjs/index.js.map +1 -1
- package/esm/common/responsive/breakpoints.d.ts +3 -0
- package/esm/common/responsive/breakpoints.js +17 -0
- package/esm/common/responsive/breakpoints.js.map +1 -0
- package/esm/component/cloudscape/CloudscapeBoardStyles.d.ts +10 -0
- package/esm/component/cloudscape/CloudscapeBoardStyles.js +41 -0
- package/esm/component/cloudscape/CloudscapeBoardStyles.js.map +1 -0
- package/esm/component/cloudscape/CloudscapeThemeProvider.d.ts +8 -0
- package/esm/component/cloudscape/CloudscapeThemeProvider.js +15 -0
- package/esm/component/cloudscape/CloudscapeThemeProvider.js.map +1 -0
- package/esm/component/cloudscape/boardI18n.d.ts +10 -0
- package/esm/component/cloudscape/boardI18n.js +47 -0
- package/esm/component/cloudscape/boardI18n.js.map +1 -0
- package/esm/component/cloudscape/cloudscapeTheme.d.ts +6 -0
- package/esm/component/cloudscape/cloudscapeTheme.js +11 -0
- package/esm/component/cloudscape/cloudscapeTheme.js.map +1 -0
- package/esm/component/fab/PneFloatingActionButtons.d.ts +27 -0
- package/esm/component/fab/PneFloatingActionButtons.js +36 -0
- package/esm/component/fab/PneFloatingActionButtons.js.map +1 -0
- package/esm/component/overlay/PneOverlayHost.d.ts +17 -0
- package/esm/component/overlay/PneOverlayHost.js +77 -0
- package/esm/component/overlay/PneOverlayHost.js.map +1 -0
- package/esm/component/overlay/overlayStore.d.ts +11 -0
- package/esm/component/overlay/overlayStore.js +35 -0
- package/esm/component/overlay/overlayStore.js.map +1 -0
- package/esm/component/overlay/types.d.ts +26 -0
- package/esm/component/overlay/types.js +2 -0
- package/esm/component/overlay/types.js.map +1 -0
- package/esm/component/responsive/useBreakpoint.d.ts +8 -0
- package/esm/component/responsive/useBreakpoint.js +17 -0
- package/esm/component/responsive/useBreakpoint.js.map +1 -0
- package/esm/component/widget-board/WidgetBoard.d.ts +7 -0
- package/esm/component/widget-board/WidgetBoard.js +298 -0
- package/esm/component/widget-board/WidgetBoard.js.map +1 -0
- package/esm/component/widget-board/index.d.ts +2 -0
- package/esm/component/widget-board/index.js +3 -0
- package/esm/component/widget-board/index.js.map +1 -0
- package/esm/component/widget-board/types.d.ts +66 -0
- package/esm/component/widget-board/types.js +2 -0
- package/esm/component/widget-board/types.js.map +1 -0
- package/esm/exports/buttons.d.ts +2 -0
- package/esm/exports/buttons.js +3 -0
- package/esm/exports/buttons.js.map +1 -0
- package/esm/exports/cloudscape.d.ts +5 -0
- package/esm/exports/cloudscape.js +6 -0
- package/esm/exports/cloudscape.js.map +1 -0
- package/esm/exports/entities.d.ts +2 -0
- package/esm/exports/entities.js +3 -0
- package/esm/exports/entities.js.map +1 -0
- package/esm/exports/fab.d.ts +1 -0
- package/esm/exports/fab.js +2 -0
- package/esm/exports/fab.js.map +1 -0
- package/esm/exports/inputs.d.ts +10 -0
- package/esm/exports/inputs.js +9 -0
- package/esm/exports/inputs.js.map +1 -0
- package/esm/exports/modals.d.ts +2 -0
- package/esm/exports/modals.js +3 -0
- package/esm/exports/modals.js.map +1 -0
- package/esm/exports/overlay.d.ts +3 -0
- package/esm/exports/overlay.js +4 -0
- package/esm/exports/overlay.js.map +1 -0
- package/esm/exports/search.d.ts +7 -0
- package/esm/exports/search.js +7 -0
- package/esm/exports/search.js.map +1 -0
- package/esm/exports/table.d.ts +12 -0
- package/esm/exports/table.js +10 -0
- package/esm/exports/table.js.map +1 -0
- package/esm/exports/theme.d.ts +2 -0
- package/esm/exports/theme.js +2 -0
- package/esm/exports/theme.js.map +1 -0
- package/esm/exports/utils.d.ts +4 -0
- package/esm/exports/utils.js +5 -0
- package/esm/exports/utils.js.map +1 -0
- package/esm/index.d.ts +12 -37
- package/esm/index.js +11 -33
- package/esm/index.js.map +1 -1
- package/package.json +139 -133
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.getSearchUIInitialState = exports.MultigetSelect = exports.SearchUIProvider = exports.ORDER_SEARCH_LABELS = exports.MultichoiceFilterTypeEnum = exports.LinkedEntityTypeEnum = exports.ExactCriterionSearchLabelEnum = exports.DATE_RANGE_SPEC_TYPES = exports.CriterionTypeEnum = exports.SearchUIFilters = exports.SearchUI = void 0;
|
|
4
|
+
var SearchUI_1 = require("../component/search-ui/SearchUI");
|
|
5
|
+
Object.defineProperty(exports, "SearchUI", { enumerable: true, get: function () { return SearchUI_1.SearchUI; } });
|
|
6
|
+
var SearchUIFilters_1 = require("../component/search-ui/filters/SearchUIFilters");
|
|
7
|
+
Object.defineProperty(exports, "SearchUIFilters", { enumerable: true, get: function () { return SearchUIFilters_1.SearchUIFilters; } });
|
|
8
|
+
var types_1 = require("../component/search-ui/filters/types");
|
|
9
|
+
Object.defineProperty(exports, "CriterionTypeEnum", { enumerable: true, get: function () { return types_1.CriterionTypeEnum; } });
|
|
10
|
+
Object.defineProperty(exports, "DATE_RANGE_SPEC_TYPES", { enumerable: true, get: function () { return types_1.DATE_RANGE_SPEC_TYPES; } });
|
|
11
|
+
Object.defineProperty(exports, "ExactCriterionSearchLabelEnum", { enumerable: true, get: function () { return types_1.ExactCriterionSearchLabelEnum; } });
|
|
12
|
+
Object.defineProperty(exports, "LinkedEntityTypeEnum", { enumerable: true, get: function () { return types_1.LinkedEntityTypeEnum; } });
|
|
13
|
+
Object.defineProperty(exports, "MultichoiceFilterTypeEnum", { enumerable: true, get: function () { return types_1.MultichoiceFilterTypeEnum; } });
|
|
14
|
+
Object.defineProperty(exports, "ORDER_SEARCH_LABELS", { enumerable: true, get: function () { return types_1.ORDER_SEARCH_LABELS; } });
|
|
15
|
+
var SearchUIProvider_1 = require("../component/search-ui/SearchUIProvider");
|
|
16
|
+
Object.defineProperty(exports, "SearchUIProvider", { enumerable: true, get: function () { return SearchUIProvider_1.SearchUIProvider; } });
|
|
17
|
+
var MultigetSelect_1 = require("../component/search-ui/multiget_select/MultigetSelect");
|
|
18
|
+
Object.defineProperty(exports, "MultigetSelect", { enumerable: true, get: function () { return MultigetSelect_1.MultigetSelect; } });
|
|
19
|
+
var initial_1 = require("../component/search-ui/state/initial");
|
|
20
|
+
Object.defineProperty(exports, "getSearchUIInitialState", { enumerable: true, get: function () { return initial_1.getSearchUIInitialState; } });
|
|
21
|
+
//# sourceMappingURL=search.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"search.js","sourceRoot":"","sources":["../../src/exports/search.ts"],"names":[],"mappings":";;;AAAA,4DAGwC;AAFpC,oGAAA,QAAQ,OAAA;AAGZ,kFAIuD;AAHnD,kHAAA,eAAe,OAAA;AAInB,8DAe6C;AAdzC,0GAAA,iBAAiB,OAAA;AACjB,8GAAA,qBAAqB,OAAA;AACrB,sHAAA,6BAA6B,OAAA;AAE7B,6GAAA,oBAAoB,OAAA;AACpB,kHAAA,yBAAyB,OAAA;AAEzB,4GAAA,mBAAmB,OAAA;AAQvB,4EAAiG;AAAxF,oHAAA,gBAAgB,OAAA;AACzB,wFAAsF;AAA7E,gHAAA,cAAc,OAAA;AAEvB,gEAA8E;AAArE,kHAAA,uBAAuB,OAAA"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export { default as PneTable } from '../component/table/PneTable';
|
|
2
|
+
export { default as useTable } from '../component/table/useTable';
|
|
3
|
+
export type { UseTableParams } from '../component/table/useTable';
|
|
4
|
+
export { default as PneTableRow } from '../component/table/PneTableRow';
|
|
5
|
+
export { default as PneHeaderTableCell } from '../component/table/PneHeaderTableCell';
|
|
6
|
+
export { default as PneTableCell } from '../component/table/PneTableCell';
|
|
7
|
+
export { default as PneTableSortLabel } from '../component/table/PneTableSortLabel';
|
|
8
|
+
export { default as AbstractTable } from '../component/table/AbstractTable';
|
|
9
|
+
export type { PaginatorProps, TableCreateHeaderType, TableProps, TableSortOptions, ITableCreateHeaderParams, } from '../component/table/AbstractTable';
|
|
10
|
+
export { default as AbstractHeaderTableCell } from '../component/table/AbstractHeaderTableCell';
|
|
11
|
+
export { default as AbstractTableCell } from '../component/table/AbstractTableCell';
|
|
12
|
+
export { TableDisplayOptions } from '../component/table/type';
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.AbstractTableCell = exports.AbstractHeaderTableCell = exports.AbstractTable = exports.PneTableSortLabel = exports.PneTableCell = exports.PneHeaderTableCell = exports.PneTableRow = exports.useTable = exports.PneTable = void 0;
|
|
7
|
+
var PneTable_1 = require("../component/table/PneTable");
|
|
8
|
+
Object.defineProperty(exports, "PneTable", { enumerable: true, get: function () { return __importDefault(PneTable_1).default; } });
|
|
9
|
+
var useTable_1 = require("../component/table/useTable");
|
|
10
|
+
Object.defineProperty(exports, "useTable", { enumerable: true, get: function () { return __importDefault(useTable_1).default; } });
|
|
11
|
+
var PneTableRow_1 = require("../component/table/PneTableRow");
|
|
12
|
+
Object.defineProperty(exports, "PneTableRow", { enumerable: true, get: function () { return __importDefault(PneTableRow_1).default; } });
|
|
13
|
+
var PneHeaderTableCell_1 = require("../component/table/PneHeaderTableCell");
|
|
14
|
+
Object.defineProperty(exports, "PneHeaderTableCell", { enumerable: true, get: function () { return __importDefault(PneHeaderTableCell_1).default; } });
|
|
15
|
+
var PneTableCell_1 = require("../component/table/PneTableCell");
|
|
16
|
+
Object.defineProperty(exports, "PneTableCell", { enumerable: true, get: function () { return __importDefault(PneTableCell_1).default; } });
|
|
17
|
+
var PneTableSortLabel_1 = require("../component/table/PneTableSortLabel");
|
|
18
|
+
Object.defineProperty(exports, "PneTableSortLabel", { enumerable: true, get: function () { return __importDefault(PneTableSortLabel_1).default; } });
|
|
19
|
+
var AbstractTable_1 = require("../component/table/AbstractTable");
|
|
20
|
+
Object.defineProperty(exports, "AbstractTable", { enumerable: true, get: function () { return __importDefault(AbstractTable_1).default; } });
|
|
21
|
+
var AbstractHeaderTableCell_1 = require("../component/table/AbstractHeaderTableCell");
|
|
22
|
+
Object.defineProperty(exports, "AbstractHeaderTableCell", { enumerable: true, get: function () { return __importDefault(AbstractHeaderTableCell_1).default; } });
|
|
23
|
+
var AbstractTableCell_1 = require("../component/table/AbstractTableCell");
|
|
24
|
+
Object.defineProperty(exports, "AbstractTableCell", { enumerable: true, get: function () { return __importDefault(AbstractTableCell_1).default; } });
|
|
25
|
+
//# sourceMappingURL=table.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"table.js","sourceRoot":"","sources":["../../src/exports/table.ts"],"names":[],"mappings":";;;;;;AAAA,wDAAiE;AAAxD,qHAAA,OAAO,OAAY;AAC5B,wDAAiE;AAAxD,qHAAA,OAAO,OAAY;AAG5B,8DAAuE;AAA9D,2HAAA,OAAO,OAAe;AAC/B,4EAAqF;AAA5E,yIAAA,OAAO,OAAsB;AACtC,gEAAyE;AAAhE,6HAAA,OAAO,OAAgB;AAChC,0EAAmF;AAA1E,uIAAA,OAAO,OAAqB;AAErC,kEAA2E;AAAlE,+HAAA,OAAO,OAAiB;AAQjC,sFAA+F;AAAtF,mJAAA,OAAO,OAA2B;AAC3C,0EAAmF;AAA1E,uIAAA,OAAO,OAAqB"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.createPneTheme = void 0;
|
|
4
|
+
var createTheme_1 = require("../createTheme");
|
|
5
|
+
Object.defineProperty(exports, "createPneTheme", { enumerable: true, get: function () { return createTheme_1.createPneTheme; } });
|
|
6
|
+
//# sourceMappingURL=theme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/exports/theme.ts"],"names":[],"mappings":";;;AAAA,8CAA6C;AAArC,6GAAA,cAAc,OAAA"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { AutoTestAttribute } from '../component/AutoTestAttribute';
|
|
2
|
+
export { default as CustomIconWrapper } from '../component/CustomIconWrapper';
|
|
3
|
+
export { useBreakpoint } from '../component/responsive/useBreakpoint';
|
|
4
|
+
export { DEFAULT_BREAKPOINTS, resolveBreakpoint } from '../common/responsive/breakpoints';
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.resolveBreakpoint = exports.DEFAULT_BREAKPOINTS = exports.useBreakpoint = exports.CustomIconWrapper = exports.AutoTestAttribute = void 0;
|
|
7
|
+
var AutoTestAttribute_1 = require("../component/AutoTestAttribute");
|
|
8
|
+
Object.defineProperty(exports, "AutoTestAttribute", { enumerable: true, get: function () { return AutoTestAttribute_1.AutoTestAttribute; } });
|
|
9
|
+
var CustomIconWrapper_1 = require("../component/CustomIconWrapper");
|
|
10
|
+
Object.defineProperty(exports, "CustomIconWrapper", { enumerable: true, get: function () { return __importDefault(CustomIconWrapper_1).default; } });
|
|
11
|
+
var useBreakpoint_1 = require("../component/responsive/useBreakpoint");
|
|
12
|
+
Object.defineProperty(exports, "useBreakpoint", { enumerable: true, get: function () { return useBreakpoint_1.useBreakpoint; } });
|
|
13
|
+
var breakpoints_1 = require("../common/responsive/breakpoints");
|
|
14
|
+
Object.defineProperty(exports, "DEFAULT_BREAKPOINTS", { enumerable: true, get: function () { return breakpoints_1.DEFAULT_BREAKPOINTS; } });
|
|
15
|
+
Object.defineProperty(exports, "resolveBreakpoint", { enumerable: true, get: function () { return breakpoints_1.resolveBreakpoint; } });
|
|
16
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/exports/utils.ts"],"names":[],"mappings":";;;;;;AAAA,oEAAgE;AAAxD,sHAAA,iBAAiB,OAAA;AACzB,oEAA2E;AAAnE,uIAAA,OAAO,OAAqB;AACpC,uEAAmE;AAA3D,8GAAA,aAAa,OAAA;AACrB,gEAAuF;AAA/E,kHAAA,mBAAmB,OAAA;AAAE,gHAAA,iBAAiB,OAAA"}
|
package/cjs/index.d.ts
CHANGED
|
@@ -1,39 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
import PneTextField from './component/PneTextField';
|
|
3
|
-
import PneModal from './component/PneModal';
|
|
4
|
-
import useModal from './component/useModal';
|
|
5
|
-
import PneAutocomplete from './component/dropdown/PneAutocomplete';
|
|
6
|
-
import PneAsyncAutocomplete, { PneAsyncAutocompleteProps } from './component/dropdown/PneAsyncAutocomplete';
|
|
7
|
-
import PneSelect from './component/dropdown/PneSelect';
|
|
8
|
-
import PneTable from './component/table/PneTable';
|
|
9
|
-
import useTable from './component/table/useTable';
|
|
10
|
-
import type UseTableParams from './component/table/useTable';
|
|
11
|
-
import PneTableRow from './component/table/PneTableRow';
|
|
12
|
-
import PneHeaderTableCell from './component/table/PneHeaderTableCell';
|
|
13
|
-
import PneTableCell from './component/table/PneTableCell';
|
|
14
|
-
import AbstractTable, { ITableCreateHeaderParams, PaginatorProps, TableCreateHeaderType, TableProps, TableSortOptions } from './component/table/AbstractTable';
|
|
15
|
-
import PneTableSortLabel from './component/table/PneTableSortLabel';
|
|
16
|
-
import AbstractHeaderTableCell from './component/table/AbstractHeaderTableCell';
|
|
17
|
-
import AbstractTableCell from './component/table/AbstractTableCell';
|
|
18
|
-
import { TableDisplayOptions } from './component/table/type';
|
|
19
|
-
import { PneCheckbox } from './component/PneCheckbox';
|
|
20
|
-
import { PneLabeledCheckbox } from './component/PneLabeledCheckbox';
|
|
21
|
-
import { PneHighContrastLabeledCheckbox } from './component/PneHighContrastLabeledCheckbox';
|
|
22
|
-
import { CriterionTypeEnum, DATE_RANGE_SPEC_TYPES, DateRangeSpec, ExactCriterionSearchLabelEnum, GroupingType, LinkedEntityTypeEnum, MultichoiceFilterTypeEnum, MultigetCriterion, ORDER_SEARCH_LABELS, OrderSearchLabel, SearchCriteria, SearchUIConditions, SearchUITemplate, TransactionSessionGroup, TransactionSessionStatuses } from './component/search-ui/filters/types';
|
|
23
|
-
import { SearchUIDefaults, SearchUIProvider } from './component/search-ui/SearchUIProvider';
|
|
24
|
-
import { SearchParams, SearchUI } from './component/search-ui/SearchUI';
|
|
25
|
-
import { SearchUIFilters, SearchUIFiltersConfig, DateRangeCriterionConfig } from './component/search-ui/filters/SearchUIFilters';
|
|
26
|
-
import { MultigetSelect } from './component/search-ui/multiget_select/MultigetSelect';
|
|
27
|
-
import { createPneTheme } from './createTheme';
|
|
28
|
-
import { AbstractEntitySelector, AbstractEntitySelectorProp, IAbstractEntityOptions, IMappedUnmappedList } from './component/non-abstract-entity-selector/AbstractEntitySelector';
|
|
29
|
-
import { AbstractEntitySelectModal } from './component/non-abstract-entity-selector/AbstractEntitySelectModal';
|
|
30
|
-
import { PneDropdownChoice } from './common/paynet/dropdown';
|
|
31
|
-
import { AutoTestAttribute } from './component/AutoTestAttribute';
|
|
32
|
-
import { getSearchUIInitialState } from './component/search-ui/state/initial';
|
|
33
|
-
import { PneButtonGroup } from './component/PneButtonGroup';
|
|
34
|
-
import { Skin } from './common/paynet/skin';
|
|
35
|
-
import CustomIconWrapper from './component/CustomIconWrapper';
|
|
36
|
-
import PneSwitch from './component/PneSwitch';
|
|
1
|
+
import type { Skin } from './common/paynet/skin';
|
|
37
2
|
declare module '@mui/material/styles' {
|
|
38
3
|
interface Theme {
|
|
39
4
|
skin: Skin;
|
|
@@ -82,5 +47,15 @@ declare module '@mui/material/ToggleButton' {
|
|
|
82
47
|
pneAccentuated: true;
|
|
83
48
|
}
|
|
84
49
|
}
|
|
85
|
-
export
|
|
50
|
+
export * from './exports/theme';
|
|
51
|
+
export * from './exports/buttons';
|
|
52
|
+
export * from './exports/inputs';
|
|
53
|
+
export * from './exports/modals';
|
|
54
|
+
export * from './exports/table';
|
|
55
|
+
export * from './exports/search';
|
|
56
|
+
export * from './exports/entities';
|
|
57
|
+
export * from './exports/utils';
|
|
58
|
+
export * from './exports/overlay';
|
|
59
|
+
export * from './exports/cloudscape';
|
|
60
|
+
export * from './exports/fab';
|
|
86
61
|
export * from './common';
|
package/cjs/index.js
CHANGED
|
@@ -1,75 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.ORDER_SEARCH_LABELS = exports.DATE_RANGE_SPEC_TYPES = exports.PneSwitch = exports.CustomIconWrapper = exports.getSearchUIInitialState = exports.AutoTestAttribute = exports.AbstractEntitySelectModal = exports.AbstractEntitySelector = exports.MultigetSelect = exports.ExactCriterionSearchLabelEnum = exports.MultichoiceFilterTypeEnum = exports.LinkedEntityTypeEnum = exports.CriterionTypeEnum = exports.SearchUIProvider = exports.SearchUIFilters = exports.SearchUI = exports.PneHighContrastLabeledCheckbox = exports.PneLabeledCheckbox = exports.PneCheckbox = exports.AbstractTableCell = exports.AbstractHeaderTableCell = exports.AbstractTable = exports.PneTableSortLabel = exports.PneTableCell = exports.PneHeaderTableCell = exports.PneTableRow = exports.useTable = exports.PneTable = exports.PneSelect = exports.PneAsyncAutocomplete = exports.PneAutocomplete = exports.useModal = exports.PneModal = exports.PneTextField = exports.PneButtonGroup = exports.PneButton = exports.createPneTheme = void 0;
|
|
4
3
|
const tslib_1 = require("tslib");
|
|
5
|
-
|
|
6
|
-
exports
|
|
7
|
-
|
|
8
|
-
exports
|
|
9
|
-
|
|
10
|
-
exports
|
|
11
|
-
|
|
12
|
-
exports
|
|
13
|
-
|
|
14
|
-
exports
|
|
15
|
-
|
|
16
|
-
exports.PneAsyncAutocomplete = PneAsyncAutocomplete_1.default;
|
|
17
|
-
const PneSelect_1 = tslib_1.__importDefault(require("./component/dropdown/PneSelect"));
|
|
18
|
-
exports.PneSelect = PneSelect_1.default;
|
|
19
|
-
const PneTable_1 = tslib_1.__importDefault(require("./component/table/PneTable"));
|
|
20
|
-
exports.PneTable = PneTable_1.default;
|
|
21
|
-
const useTable_1 = tslib_1.__importDefault(require("./component/table/useTable"));
|
|
22
|
-
exports.useTable = useTable_1.default;
|
|
23
|
-
const PneTableRow_1 = tslib_1.__importDefault(require("./component/table/PneTableRow"));
|
|
24
|
-
exports.PneTableRow = PneTableRow_1.default;
|
|
25
|
-
const PneHeaderTableCell_1 = tslib_1.__importDefault(require("./component/table/PneHeaderTableCell"));
|
|
26
|
-
exports.PneHeaderTableCell = PneHeaderTableCell_1.default;
|
|
27
|
-
const PneTableCell_1 = tslib_1.__importDefault(require("./component/table/PneTableCell"));
|
|
28
|
-
exports.PneTableCell = PneTableCell_1.default;
|
|
29
|
-
const AbstractTable_1 = tslib_1.__importDefault(require("./component/table/AbstractTable"));
|
|
30
|
-
exports.AbstractTable = AbstractTable_1.default;
|
|
31
|
-
const PneTableSortLabel_1 = tslib_1.__importDefault(require("./component/table/PneTableSortLabel"));
|
|
32
|
-
exports.PneTableSortLabel = PneTableSortLabel_1.default;
|
|
33
|
-
const AbstractHeaderTableCell_1 = tslib_1.__importDefault(require("./component/table/AbstractHeaderTableCell"));
|
|
34
|
-
exports.AbstractHeaderTableCell = AbstractHeaderTableCell_1.default;
|
|
35
|
-
const AbstractTableCell_1 = tslib_1.__importDefault(require("./component/table/AbstractTableCell"));
|
|
36
|
-
exports.AbstractTableCell = AbstractTableCell_1.default;
|
|
37
|
-
const PneCheckbox_1 = require("./component/PneCheckbox");
|
|
38
|
-
Object.defineProperty(exports, "PneCheckbox", { enumerable: true, get: function () { return PneCheckbox_1.PneCheckbox; } });
|
|
39
|
-
const PneLabeledCheckbox_1 = require("./component/PneLabeledCheckbox");
|
|
40
|
-
Object.defineProperty(exports, "PneLabeledCheckbox", { enumerable: true, get: function () { return PneLabeledCheckbox_1.PneLabeledCheckbox; } });
|
|
41
|
-
const PneHighContrastLabeledCheckbox_1 = require("./component/PneHighContrastLabeledCheckbox");
|
|
42
|
-
Object.defineProperty(exports, "PneHighContrastLabeledCheckbox", { enumerable: true, get: function () { return PneHighContrastLabeledCheckbox_1.PneHighContrastLabeledCheckbox; } });
|
|
43
|
-
const types_1 = require("./component/search-ui/filters/types");
|
|
44
|
-
Object.defineProperty(exports, "CriterionTypeEnum", { enumerable: true, get: function () { return types_1.CriterionTypeEnum; } });
|
|
45
|
-
Object.defineProperty(exports, "DATE_RANGE_SPEC_TYPES", { enumerable: true, get: function () { return types_1.DATE_RANGE_SPEC_TYPES; } });
|
|
46
|
-
Object.defineProperty(exports, "ExactCriterionSearchLabelEnum", { enumerable: true, get: function () { return types_1.ExactCriterionSearchLabelEnum; } });
|
|
47
|
-
Object.defineProperty(exports, "LinkedEntityTypeEnum", { enumerable: true, get: function () { return types_1.LinkedEntityTypeEnum; } });
|
|
48
|
-
Object.defineProperty(exports, "MultichoiceFilterTypeEnum", { enumerable: true, get: function () { return types_1.MultichoiceFilterTypeEnum; } });
|
|
49
|
-
Object.defineProperty(exports, "ORDER_SEARCH_LABELS", { enumerable: true, get: function () { return types_1.ORDER_SEARCH_LABELS; } });
|
|
50
|
-
const SearchUIProvider_1 = require("./component/search-ui/SearchUIProvider");
|
|
51
|
-
Object.defineProperty(exports, "SearchUIProvider", { enumerable: true, get: function () { return SearchUIProvider_1.SearchUIProvider; } });
|
|
52
|
-
const SearchUI_1 = require("./component/search-ui/SearchUI");
|
|
53
|
-
Object.defineProperty(exports, "SearchUI", { enumerable: true, get: function () { return SearchUI_1.SearchUI; } });
|
|
54
|
-
const SearchUIFilters_1 = require("./component/search-ui/filters/SearchUIFilters");
|
|
55
|
-
Object.defineProperty(exports, "SearchUIFilters", { enumerable: true, get: function () { return SearchUIFilters_1.SearchUIFilters; } });
|
|
56
|
-
const MultigetSelect_1 = require("./component/search-ui/multiget_select/MultigetSelect");
|
|
57
|
-
Object.defineProperty(exports, "MultigetSelect", { enumerable: true, get: function () { return MultigetSelect_1.MultigetSelect; } });
|
|
58
|
-
const createTheme_1 = require("./createTheme");
|
|
59
|
-
Object.defineProperty(exports, "createPneTheme", { enumerable: true, get: function () { return createTheme_1.createPneTheme; } });
|
|
60
|
-
const AbstractEntitySelector_1 = require("./component/non-abstract-entity-selector/AbstractEntitySelector");
|
|
61
|
-
Object.defineProperty(exports, "AbstractEntitySelector", { enumerable: true, get: function () { return AbstractEntitySelector_1.AbstractEntitySelector; } });
|
|
62
|
-
const AbstractEntitySelectModal_1 = require("./component/non-abstract-entity-selector/AbstractEntitySelectModal");
|
|
63
|
-
Object.defineProperty(exports, "AbstractEntitySelectModal", { enumerable: true, get: function () { return AbstractEntitySelectModal_1.AbstractEntitySelectModal; } });
|
|
64
|
-
const AutoTestAttribute_1 = require("./component/AutoTestAttribute");
|
|
65
|
-
Object.defineProperty(exports, "AutoTestAttribute", { enumerable: true, get: function () { return AutoTestAttribute_1.AutoTestAttribute; } });
|
|
66
|
-
const initial_1 = require("./component/search-ui/state/initial");
|
|
67
|
-
Object.defineProperty(exports, "getSearchUIInitialState", { enumerable: true, get: function () { return initial_1.getSearchUIInitialState; } });
|
|
68
|
-
const PneButtonGroup_1 = require("./component/PneButtonGroup");
|
|
69
|
-
Object.defineProperty(exports, "PneButtonGroup", { enumerable: true, get: function () { return PneButtonGroup_1.PneButtonGroup; } });
|
|
70
|
-
const CustomIconWrapper_1 = tslib_1.__importDefault(require("./component/CustomIconWrapper"));
|
|
71
|
-
exports.CustomIconWrapper = CustomIconWrapper_1.default;
|
|
72
|
-
const PneSwitch_1 = tslib_1.__importDefault(require("./component/PneSwitch"));
|
|
73
|
-
exports.PneSwitch = PneSwitch_1.default;
|
|
4
|
+
tslib_1.__exportStar(require("./exports/theme"), exports);
|
|
5
|
+
tslib_1.__exportStar(require("./exports/buttons"), exports);
|
|
6
|
+
tslib_1.__exportStar(require("./exports/inputs"), exports);
|
|
7
|
+
tslib_1.__exportStar(require("./exports/modals"), exports);
|
|
8
|
+
tslib_1.__exportStar(require("./exports/table"), exports);
|
|
9
|
+
tslib_1.__exportStar(require("./exports/search"), exports);
|
|
10
|
+
tslib_1.__exportStar(require("./exports/entities"), exports);
|
|
11
|
+
tslib_1.__exportStar(require("./exports/utils"), exports);
|
|
12
|
+
tslib_1.__exportStar(require("./exports/overlay"), exports);
|
|
13
|
+
tslib_1.__exportStar(require("./exports/cloudscape"), exports);
|
|
14
|
+
tslib_1.__exportStar(require("./exports/fab"), exports);
|
|
74
15
|
tslib_1.__exportStar(require("./common"), exports);
|
|
75
16
|
//# sourceMappingURL=index.js.map
|
package/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AA6DA,0DAA+B;AAC/B,4DAAiC;AACjC,2DAAgC;AAChC,2DAAgC;AAChC,0DAA+B;AAC/B,2DAAgC;AAChC,6DAAkC;AAClC,0DAA+B;AAC/B,4DAAiC;AACjC,+DAAoC;AACpC,wDAA6B;AAC7B,mDAAwB"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export const DEFAULT_BREAKPOINTS = [360, 640, 800, 1024, 1600, 2500];
|
|
2
|
+
export const resolveBreakpoint = (width, breakpoints = DEFAULT_BREAKPOINTS) => {
|
|
3
|
+
if (!width || Number.isNaN(width)) {
|
|
4
|
+
return breakpoints[0];
|
|
5
|
+
}
|
|
6
|
+
let match = breakpoints[0];
|
|
7
|
+
for (const breakpoint of breakpoints) {
|
|
8
|
+
if (width >= breakpoint) {
|
|
9
|
+
match = breakpoint;
|
|
10
|
+
}
|
|
11
|
+
else {
|
|
12
|
+
break;
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
return match;
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=breakpoints.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breakpoints.js","sourceRoot":"","sources":["../../../src/common/responsive/breakpoints.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAU,CAAA;AAI7E,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAAc,EAAE,cAAiC,mBAAmB,EAAU,EAAE;IAC9G,IAAI,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;QAChC,OAAO,WAAW,CAAC,CAAC,CAAC,CAAA;IACzB,CAAC;IAED,IAAI,KAAK,GAAG,WAAW,CAAC,CAAC,CAAC,CAAA;IAC1B,KAAK,MAAM,UAAU,IAAI,WAAW,EAAE,CAAC;QACnC,IAAI,KAAK,IAAI,UAAU,EAAE,CAAC;YACtB,KAAK,GAAG,UAAU,CAAA;QACtB,CAAC;aAAM,CAAC;YACJ,MAAK;QACT,CAAC;IACL,CAAC;IAED,OAAO,KAAK,CAAA;AAChB,CAAC,CAAA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
type CloudscapeBoardStylesProps = {
|
|
3
|
+
hideNavigationArrows?: boolean;
|
|
4
|
+
};
|
|
5
|
+
/**
|
|
6
|
+
* Global CSS overrides for Cloudscape Board containers to flatten chrome
|
|
7
|
+
* and trim padding on small screens. Keeps arrows hidden by default.
|
|
8
|
+
*/
|
|
9
|
+
export declare function CloudscapeBoardStyles({ hideNavigationArrows }: CloudscapeBoardStylesProps): React.JSX.Element;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { GlobalStyles } from '@mui/material';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
/**
|
|
4
|
+
* Global CSS overrides for Cloudscape Board containers to flatten chrome
|
|
5
|
+
* and trim padding on small screens. Keeps arrows hidden by default.
|
|
6
|
+
*/
|
|
7
|
+
export function CloudscapeBoardStyles({ hideNavigationArrows = true }) {
|
|
8
|
+
const navigationStyles = hideNavigationArrows
|
|
9
|
+
? {
|
|
10
|
+
'.awsui_direction-button-wrapper, [class*="direction-button-wrapper"]': {
|
|
11
|
+
display: 'none !important',
|
|
12
|
+
visibility: 'hidden !important',
|
|
13
|
+
opacity: '0 !important',
|
|
14
|
+
pointerEvents: 'none !important',
|
|
15
|
+
},
|
|
16
|
+
}
|
|
17
|
+
: {};
|
|
18
|
+
return (React.createElement(GlobalStyles, { styles: {
|
|
19
|
+
'[class^="awsui_container-override"], [class*=" awsui_container-override"]': {
|
|
20
|
+
boxShadow: 'none !important',
|
|
21
|
+
border: '1px solid #e6e6e6 !important',
|
|
22
|
+
borderRadius: '0 !important',
|
|
23
|
+
},
|
|
24
|
+
'[class^="awsui_root_"], [class*=" awsui_root_"]': {
|
|
25
|
+
boxShadow: 'none !important',
|
|
26
|
+
borderRadius: '0 !important',
|
|
27
|
+
},
|
|
28
|
+
...navigationStyles,
|
|
29
|
+
'@media (max-width: 600px)': {
|
|
30
|
+
'[data-awsui-board]': {
|
|
31
|
+
paddingLeft: '0 !important',
|
|
32
|
+
paddingRight: '0 !important',
|
|
33
|
+
},
|
|
34
|
+
'[data-awsui-board-item]': {
|
|
35
|
+
marginLeft: '0 !important',
|
|
36
|
+
marginRight: '0 !important',
|
|
37
|
+
},
|
|
38
|
+
},
|
|
39
|
+
} }));
|
|
40
|
+
}
|
|
41
|
+
//# sourceMappingURL=CloudscapeBoardStyles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CloudscapeBoardStyles.js","sourceRoot":"","sources":["../../../src/component/cloudscape/CloudscapeBoardStyles.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB;;;GAGG;AACH,MAAM,UAAU,qBAAqB,CAAC,EAAE,oBAAoB,GAAG,IAAI,EAA8B;IAC7F,MAAM,gBAAgB,GAAG,oBAAoB;QACzC,CAAC,CAAC;YACE,sEAAsE,EAAE;gBACpE,OAAO,EAAE,iBAAiB;gBAC1B,UAAU,EAAE,mBAAmB;gBAC/B,OAAO,EAAE,cAAc;gBACvB,aAAa,EAAE,iBAAiB;aACnC;SACJ;QACD,CAAC,CAAC,EAAE,CAAA;IAER,OAAO,CACH,oBAAC,YAAY,IACT,MAAM,EAAE;YACJ,2EAA2E,EAAE;gBACzE,SAAS,EAAE,iBAAiB;gBAC5B,MAAM,EAAE,8BAA8B;gBACtC,YAAY,EAAE,cAAc;aAC/B;YACD,iDAAiD,EAAE;gBAC/C,SAAS,EAAE,iBAAiB;gBAC5B,YAAY,EAAE,cAAc;aAC/B;YACD,GAAG,gBAAgB;YACnB,2BAA2B,EAAE;gBACzB,oBAAoB,EAAE;oBAClB,WAAW,EAAE,cAAc;oBAC3B,YAAY,EAAE,cAAc;iBAC/B;gBACD,yBAAyB,EAAE;oBACvB,UAAU,EAAE,cAAc;oBAC1B,WAAW,EAAE,cAAc;iBAC9B;aACJ;SACJ,GACH,CACL,CAAA;AACL,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Runtime Cloudscape theming hook. Applies our theme on mount and resets on unmount.
|
|
4
|
+
*/
|
|
5
|
+
export declare function CloudscapeThemeProvider({ children }: {
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
}): React.JSX.Element;
|
|
8
|
+
export default CloudscapeThemeProvider;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { applyTheme } from '@cloudscape-design/components/theming';
|
|
2
|
+
import React, { useEffect } from 'react';
|
|
3
|
+
import { cloudscapeTheme } from './cloudscapeTheme';
|
|
4
|
+
/**
|
|
5
|
+
* Runtime Cloudscape theming hook. Applies our theme on mount and resets on unmount.
|
|
6
|
+
*/
|
|
7
|
+
export function CloudscapeThemeProvider({ children }) {
|
|
8
|
+
useEffect(() => {
|
|
9
|
+
const { reset } = applyTheme({ theme: cloudscapeTheme });
|
|
10
|
+
return () => reset();
|
|
11
|
+
}, []);
|
|
12
|
+
return React.createElement(React.Fragment, null, children);
|
|
13
|
+
}
|
|
14
|
+
export default CloudscapeThemeProvider;
|
|
15
|
+
//# sourceMappingURL=CloudscapeThemeProvider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CloudscapeThemeProvider.js","sourceRoot":"","sources":["../../../src/component/cloudscape/CloudscapeThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAA;AAClE,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAEnD;;GAEG;AACH,MAAM,UAAU,uBAAuB,CAAC,EAAE,QAAQ,EAAiC;IAC/E,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,EAAE,KAAK,EAAE,GAAG,UAAU,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,CAAC,CAAA;QACxD,OAAO,GAAG,EAAE,CAAC,KAAK,EAAE,CAAA;IACxB,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,0CAAG,QAAQ,CAAI,CAAA;AAC1B,CAAC;AAED,eAAe,uBAAuB,CAAA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { BoardProps } from '@cloudscape-design/board-components/board';
|
|
2
|
+
import type { BoardItemProps } from '@cloudscape-design/board-components/board-item';
|
|
3
|
+
/**
|
|
4
|
+
* Shared i18n strings for Cloudscape board items.
|
|
5
|
+
*/
|
|
6
|
+
export declare const boardItemI18nStrings: BoardItemProps.I18nStrings;
|
|
7
|
+
/**
|
|
8
|
+
* Generates Cloudscape board i18n strings that reuse a title getter for announcements.
|
|
9
|
+
*/
|
|
10
|
+
export declare function createBoardI18nStrings<T>(getTitle: (item: BoardProps.Item<T>) => string): BoardProps.I18nStrings<T>;
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Shared i18n strings for Cloudscape board items.
|
|
3
|
+
*/
|
|
4
|
+
export const boardItemI18nStrings = {
|
|
5
|
+
dragHandleAriaLabel: 'Drag handle',
|
|
6
|
+
dragHandleAriaDescription: 'Use Space or Enter to activate drag, arrow keys to move, Space or Enter to submit, or Escape to discard. Temporarily disable screen reader navigation if it interferes with arrow keys.',
|
|
7
|
+
resizeHandleAriaLabel: 'Resize handle',
|
|
8
|
+
resizeHandleAriaDescription: 'Use Space or Enter to activate resize, arrow keys to move, Space or Enter to submit, or Escape to discard. Temporarily disable screen reader navigation if it interferes with arrow keys.',
|
|
9
|
+
};
|
|
10
|
+
function createAnnouncement(operationAnnouncement, conflicts, disturbed, getTitle) {
|
|
11
|
+
const conflictsAnnouncement = conflicts.length > 0 ? `Conflicts with ${conflicts.map(c => getTitle(c)).join(', ')}.` : '';
|
|
12
|
+
const disturbedAnnouncement = disturbed.length > 0 ? `Disturbed ${disturbed.length} items.` : '';
|
|
13
|
+
return [operationAnnouncement, conflictsAnnouncement, disturbedAnnouncement].filter(Boolean).join(' ');
|
|
14
|
+
}
|
|
15
|
+
/**
|
|
16
|
+
* Generates Cloudscape board i18n strings that reuse a title getter for announcements.
|
|
17
|
+
*/
|
|
18
|
+
export function createBoardI18nStrings(getTitle) {
|
|
19
|
+
return {
|
|
20
|
+
liveAnnouncementDndStarted: operationType => (operationType === 'resize' ? 'Resizing' : 'Dragging'),
|
|
21
|
+
liveAnnouncementDndItemReordered: operation => {
|
|
22
|
+
const columns = `column ${operation.placement.x + 1}`;
|
|
23
|
+
const rows = `row ${operation.placement.y + 1}`;
|
|
24
|
+
return createAnnouncement(`Item moved to ${operation.direction === 'horizontal' ? columns : rows}.`, operation.conflicts, operation.disturbed, getTitle);
|
|
25
|
+
},
|
|
26
|
+
liveAnnouncementDndItemResized: operation => {
|
|
27
|
+
const columnsConstraint = operation.isMinimalColumnsReached ? ' (minimal)' : '';
|
|
28
|
+
const rowsConstraint = operation.isMinimalRowsReached ? ' (minimal)' : '';
|
|
29
|
+
const sizeAnnouncement = operation.direction === 'horizontal'
|
|
30
|
+
? `columns ${operation.placement.width}${columnsConstraint}`
|
|
31
|
+
: `rows ${operation.placement.height}${rowsConstraint}`;
|
|
32
|
+
return createAnnouncement(`Item resized to ${sizeAnnouncement}.`, operation.conflicts, operation.disturbed, getTitle);
|
|
33
|
+
},
|
|
34
|
+
liveAnnouncementDndItemInserted: operation => {
|
|
35
|
+
const columns = `column ${operation.placement.x + 1}`;
|
|
36
|
+
const rows = `row ${operation.placement.y + 1}`;
|
|
37
|
+
return createAnnouncement(`Item inserted to ${columns}, ${rows}.`, operation.conflicts, operation.disturbed, getTitle);
|
|
38
|
+
},
|
|
39
|
+
liveAnnouncementDndCommitted: operationType => `${operationType} committed`,
|
|
40
|
+
liveAnnouncementDndDiscarded: operationType => `${operationType} discarded`,
|
|
41
|
+
liveAnnouncementItemRemoved: op => createAnnouncement(`Removed item ${getTitle(op.item)}.`, [], op.disturbed, getTitle),
|
|
42
|
+
navigationAriaLabel: 'Board navigation',
|
|
43
|
+
navigationAriaDescription: 'Click on non-empty item to move focus over',
|
|
44
|
+
navigationItemAriaLabel: item => (item ? getTitle(item) : 'Empty'),
|
|
45
|
+
};
|
|
46
|
+
}
|
|
47
|
+
//# sourceMappingURL=boardI18n.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"boardI18n.js","sourceRoot":"","sources":["../../../src/component/cloudscape/boardI18n.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Cloudscape theme tokens tuned to match our board widgets.
|
|
3
|
+
* Border radius is flattened and divider color aligned with UI palette.
|
|
4
|
+
*/
|
|
5
|
+
export const cloudscapeTheme = {
|
|
6
|
+
tokens: {
|
|
7
|
+
borderRadiusContainer: '0px',
|
|
8
|
+
colorBorderDividerDefault: 'rgba(230, 230, 230, 1)',
|
|
9
|
+
},
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=cloudscapeTheme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cloudscapeTheme.js","sourceRoot":"","sources":["../../../src/component/cloudscape/cloudscapeTheme.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAU;IAClC,MAAM,EAAE;QACJ,qBAAqB,EAAE,KAAK;QAC5B,yBAAyB,EAAE,wBAAwB;KACtD;CACJ,CAAA"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export type PneFabAction = {
|
|
3
|
+
id: string;
|
|
4
|
+
label: React.ReactNode;
|
|
5
|
+
onClick: () => void;
|
|
6
|
+
icon?: React.ReactNode;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
tooltip?: string;
|
|
9
|
+
};
|
|
10
|
+
export type PneFloatingActionButtonsProps = {
|
|
11
|
+
actions: PneFabAction[];
|
|
12
|
+
breakpoints?: readonly number[];
|
|
13
|
+
mobileBreakpoint?: number;
|
|
14
|
+
position?: {
|
|
15
|
+
bottom?: number;
|
|
16
|
+
right?: number;
|
|
17
|
+
};
|
|
18
|
+
fabLabel?: React.ReactNode;
|
|
19
|
+
fabIcon?: React.ReactNode;
|
|
20
|
+
className?: string;
|
|
21
|
+
};
|
|
22
|
+
/**
|
|
23
|
+
* Responsive FAB menu: shows a single floating button with a menu on small screens,
|
|
24
|
+
* and a sticky action rail on larger screens. Breakpoint set defaults to 6-step layout.
|
|
25
|
+
*/
|
|
26
|
+
export declare function PneFloatingActionButtons({ actions, breakpoints, mobileBreakpoint, position, fabLabel, fabIcon, className, }: PneFloatingActionButtonsProps): React.JSX.Element;
|
|
27
|
+
export default PneFloatingActionButtons;
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import React, { useMemo, useState } from 'react';
|
|
2
|
+
import AddIcon from '@mui/icons-material/Add';
|
|
3
|
+
import { Box, Button, Fab, ListItemIcon, ListItemText, Menu, MenuItem, Paper, Stack, Tooltip } from '@mui/material';
|
|
4
|
+
import { DEFAULT_BREAKPOINTS } from '../../common/responsive/breakpoints';
|
|
5
|
+
import { useBreakpoint } from '../responsive/useBreakpoint';
|
|
6
|
+
/**
|
|
7
|
+
* Responsive FAB menu: shows a single floating button with a menu on small screens,
|
|
8
|
+
* and a sticky action rail on larger screens. Breakpoint set defaults to 6-step layout.
|
|
9
|
+
*/
|
|
10
|
+
export function PneFloatingActionButtons({ actions, breakpoints = DEFAULT_BREAKPOINTS, mobileBreakpoint = 800, position = { bottom: 24, right: 24 }, fabLabel = 'Actions', fabIcon = React.createElement(AddIcon, null), className, }) {
|
|
11
|
+
const breakpoint = useBreakpoint({ breakpoints });
|
|
12
|
+
const isMobile = breakpoint <= mobileBreakpoint;
|
|
13
|
+
const [anchorEl, setAnchorEl] = useState(null);
|
|
14
|
+
const handleOpen = (event) => setAnchorEl(event.currentTarget);
|
|
15
|
+
const handleClose = () => setAnchorEl(null);
|
|
16
|
+
const handleAction = (action) => {
|
|
17
|
+
handleClose();
|
|
18
|
+
action.onClick();
|
|
19
|
+
};
|
|
20
|
+
const renderedActions = useMemo(() => actions.map(action => (React.createElement(Tooltip, { key: action.id, title: action.tooltip ?? '', placement: 'left' },
|
|
21
|
+
React.createElement("span", null,
|
|
22
|
+
React.createElement(Button, { onClick: () => handleAction(action), startIcon: action.icon, disabled: action.disabled, fullWidth: true, variant: 'contained', color: 'primary', size: 'small', sx: { justifyContent: 'flex-start', textTransform: 'none' } }, action.label))))), [actions]);
|
|
23
|
+
if (isMobile) {
|
|
24
|
+
return (React.createElement(Box, { position: 'fixed', bottom: position.bottom ?? 24, right: position.right ?? 24, zIndex: 1300, className: className },
|
|
25
|
+
React.createElement(Tooltip, { title: fabLabel },
|
|
26
|
+
React.createElement(Fab, { color: 'primary', onClick: handleOpen, "aria-label": typeof fabLabel === 'string' ? fabLabel : 'Actions' }, fabIcon)),
|
|
27
|
+
React.createElement(Menu, { anchorEl: anchorEl, open: Boolean(anchorEl), onClose: handleClose, anchorOrigin: { vertical: 'top', horizontal: 'left' } }, actions.map(action => (React.createElement(MenuItem, { key: action.id, disabled: action.disabled, onClick: () => handleAction(action) },
|
|
28
|
+
action.icon ? React.createElement(ListItemIcon, null, action.icon) : null,
|
|
29
|
+
React.createElement(ListItemText, null, action.label)))))));
|
|
30
|
+
}
|
|
31
|
+
return (React.createElement(Box, { position: 'fixed', bottom: position.bottom ?? 24, right: position.right ?? 24, zIndex: 1300, className: className },
|
|
32
|
+
React.createElement(Paper, { elevation: 3, sx: { borderRadius: 2, p: 1, minWidth: 200 } },
|
|
33
|
+
React.createElement(Stack, { spacing: 1 }, renderedActions))));
|
|
34
|
+
}
|
|
35
|
+
export default PneFloatingActionButtons;
|
|
36
|
+
//# sourceMappingURL=PneFloatingActionButtons.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PneFloatingActionButtons.js","sourceRoot":"","sources":["../../../src/component/fab/PneFloatingActionButtons.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type SnackbarOrigin } from '@mui/material';
|
|
3
|
+
import type { PermanentOverlayRender, PermanentPosition } from './types';
|
|
4
|
+
type PneOverlayHostProps = {
|
|
5
|
+
anchorOrigin?: SnackbarOrigin;
|
|
6
|
+
maxSnack?: number;
|
|
7
|
+
breakpoints?: readonly number[];
|
|
8
|
+
renderPermanent?: PermanentOverlayRender;
|
|
9
|
+
permanent?: React.ReactNode;
|
|
10
|
+
permanentPosition?: PermanentPosition;
|
|
11
|
+
};
|
|
12
|
+
/**
|
|
13
|
+
* Renders overlay elements (currently snackbars) driven by the shared overlay store.
|
|
14
|
+
* Mount this once near the root of the app and trigger notifications via `overlayActions`.
|
|
15
|
+
*/
|
|
16
|
+
export declare function PneOverlayHost({ anchorOrigin, maxSnack, breakpoints, renderPermanent, permanent, permanentPosition, }: PneOverlayHostProps): React.JSX.Element;
|
|
17
|
+
export default PneOverlayHost;
|