@papillonarts/components 0.24.0 → 0.26.0
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/build/index.d.ts +1 -0
- package/build/index.d.ts.map +1 -1
- package/build/primer/Alert/Alert.d.ts +2 -2
- package/build/primer/Alert/Alert.d.ts.map +1 -1
- package/build/primer/Alert/Alert.js +34 -32
- package/build/primer/Alert/Alert.type.d.ts +38 -0
- package/build/primer/Alert/Alert.type.d.ts.map +1 -0
- package/build/primer/Alert/Alert.type.js +20 -0
- package/build/primer/Alert/index.d.ts +2 -1
- package/build/primer/Alert/index.d.ts.map +1 -1
- package/build/primer/Alert/index.js +3 -3
- package/build/primer/Blankslate/Blankslate.d.ts +2 -2
- package/build/primer/Blankslate/Blankslate.d.ts.map +1 -1
- package/build/primer/Blankslate/Blankslate.js +5 -5
- package/build/primer/Blankslate/Blankslate.type.d.ts +22 -0
- package/build/primer/Blankslate/Blankslate.type.d.ts.map +1 -0
- package/build/primer/Blankslate/Blankslate.type.js +18 -0
- package/build/primer/Blankslate/index.d.ts +1 -1
- package/build/primer/Blankslate/index.js +3 -3
- package/build/primer/Breadcrumb/Breadcrumb.d.ts +2 -2
- package/build/primer/Breadcrumb/Breadcrumb.d.ts.map +1 -1
- package/build/primer/Breadcrumb/Breadcrumb.js +4 -4
- package/build/primer/Breadcrumb/Breadcrumb.type.d.ts +30 -0
- package/build/primer/Breadcrumb/Breadcrumb.type.d.ts.map +1 -0
- package/build/primer/Breadcrumb/Breadcrumb.type.js +16 -0
- package/build/primer/Breadcrumb/index.d.ts +1 -1
- package/build/primer/Breadcrumb/index.js +3 -3
- package/build/primer/Button/Button.d.ts +2 -2
- package/build/primer/Button/Button.d.ts.map +1 -1
- package/build/primer/Button/Button.js +23 -23
- package/build/primer/Button/Button.type.d.ts +69 -0
- package/build/primer/Button/Button.type.d.ts.map +1 -0
- package/build/primer/Button/Button.type.js +48 -0
- package/build/primer/Button/index.d.ts +1 -1
- package/build/primer/Button/index.js +13 -13
- package/build/primer/Dropdown/Dropdown.d.ts +2 -2
- package/build/primer/Dropdown/Dropdown.d.ts.map +1 -1
- package/build/primer/Dropdown/Dropdown.js +11 -9
- package/build/primer/Dropdown/Dropdown.type.d.ts +35 -0
- package/build/primer/Dropdown/Dropdown.type.d.ts.map +1 -0
- package/build/primer/Dropdown/Dropdown.type.js +20 -0
- package/build/primer/Dropdown/index.d.ts +1 -1
- package/build/primer/Dropdown/index.js +3 -3
- package/build/primer/ErrorBoundary/ErrorBoundary.d.ts +2 -2
- package/build/primer/ErrorBoundary/ErrorBoundary.d.ts.map +1 -1
- package/build/primer/ErrorBoundary/ErrorBoundary.type.d.ts +4 -0
- package/build/primer/ErrorBoundary/ErrorBoundary.type.d.ts.map +1 -0
- package/build/primer/ErrorBoundary/ErrorBoundary.type.js +5 -0
- package/build/primer/Form/Checkbox/Checkbox.d.ts +2 -2
- package/build/primer/Form/Checkbox/Checkbox.d.ts.map +1 -1
- package/build/primer/Form/Checkbox/Checkbox.js +9 -9
- package/build/primer/Form/Checkbox/Checkbox.type.d.ts +34 -0
- package/build/primer/Form/Checkbox/Checkbox.type.d.ts.map +1 -0
- package/build/primer/Form/Checkbox/Checkbox.type.js +22 -0
- package/build/primer/Form/Checkbox/index.d.ts +1 -1
- package/build/primer/Form/Checkbox/index.js +3 -3
- package/build/primer/Form/Input/Input.d.ts +2 -2
- package/build/primer/Form/Input/Input.d.ts.map +1 -1
- package/build/primer/Form/Input/Input.js +11 -11
- package/build/primer/Form/Input/Input.type.d.ts +44 -0
- package/build/primer/Form/Input/Input.type.d.ts.map +1 -0
- package/build/primer/Form/Input/Input.type.js +30 -0
- package/build/primer/Form/Input/index.d.ts +1 -1
- package/build/primer/Form/Input/index.js +5 -5
- package/build/primer/Form/Radio/Radio.d.ts +2 -2
- package/build/primer/Form/Radio/Radio.d.ts.map +1 -1
- package/build/primer/Form/Radio/Radio.js +9 -9
- package/build/primer/Form/Radio/Radio.type.d.ts +31 -0
- package/build/primer/Form/Radio/Radio.type.d.ts.map +1 -0
- package/build/primer/Form/Radio/Radio.type.js +22 -0
- package/build/primer/Form/Radio/index.d.ts +1 -1
- package/build/primer/Form/Radio/index.js +3 -3
- package/build/primer/Form/index.d.ts +4 -16
- package/build/primer/Form/index.d.ts.map +1 -1
- package/build/primer/Form/index.js +4 -4
- package/build/primer/Grid/DisplayTable/DisplayTable.d.ts +2 -2
- package/build/primer/Grid/DisplayTable/DisplayTable.d.ts.map +1 -1
- package/build/primer/Grid/DisplayTable/DisplayTable.js +4 -4
- package/build/primer/Grid/DisplayTable/DisplayTable.type.d.ts +20 -0
- package/build/primer/Grid/DisplayTable/DisplayTable.type.d.ts.map +1 -0
- package/build/primer/Grid/DisplayTable/DisplayTable.type.js +11 -0
- package/build/primer/Grid/FlexGrid/FlexGrid.d.ts +2 -2
- package/build/primer/Grid/FlexGrid/FlexGrid.d.ts.map +1 -1
- package/build/primer/Grid/FlexGrid/FlexGrid.js +25 -20
- package/build/primer/Grid/FlexGrid/FlexGrid.type.d.ts +49 -0
- package/build/primer/Grid/FlexGrid/FlexGrid.type.d.ts.map +1 -0
- package/build/primer/Grid/FlexGrid/FlexGrid.type.js +30 -0
- package/build/primer/Grid/FlexGrid/index.d.ts +2 -1
- package/build/primer/Grid/FlexGrid/index.d.ts.map +1 -1
- package/build/primer/Grid/FlexGrid/index.js +5 -5
- package/build/primer/Grid/index.d.ts +3 -8
- package/build/primer/Grid/index.d.ts.map +1 -1
- package/build/primer/Grid/index.js +2 -2
- package/build/primer/Icon/Icon.d.ts +2 -2
- package/build/primer/Icon/Icon.d.ts.map +1 -1
- package/build/primer/Icon/Icon.js +15 -15
- package/build/primer/Icon/Icon.type.d.ts +686 -0
- package/build/primer/Icon/Icon.type.d.ts.map +1 -0
- package/build/primer/Icon/{Icon.prop.js → Icon.type.js} +26 -26
- package/build/primer/Icon/index.d.ts +1 -1
- package/build/primer/Icon/index.js +5 -5
- package/build/primer/Label/Label.d.ts +2 -2
- package/build/primer/Label/Label.d.ts.map +1 -1
- package/build/primer/Label/Label.js +6 -6
- package/build/primer/Label/Label.type.d.ts +32 -0
- package/build/primer/Label/Label.type.d.ts.map +1 -0
- package/build/primer/Label/Label.type.js +26 -0
- package/build/primer/Loader/Loader.d.ts +2 -2
- package/build/primer/Loader/Loader.d.ts.map +1 -1
- package/build/primer/Loader/Loader.js +6 -6
- package/build/primer/Loader/Loader.type.d.ts +17 -0
- package/build/primer/Loader/Loader.type.d.ts.map +1 -0
- package/build/primer/Loader/Loader.type.js +15 -0
- package/build/primer/Loader/index.d.ts +1 -1
- package/build/primer/Loader/index.js +3 -3
- package/build/primer/Navigation/Menu/Menu.d.ts +2 -2
- package/build/primer/Navigation/Menu/Menu.d.ts.map +1 -1
- package/build/primer/Navigation/Menu/Menu.js +5 -4
- package/build/primer/Navigation/Menu/{Menu.prop.d.ts → Menu.type.d.ts} +11 -10
- package/build/primer/Navigation/Menu/Menu.type.d.ts.map +1 -0
- package/build/primer/Navigation/Menu/Menu.type.js +12 -0
- package/build/primer/Navigation/TabNav/TabNav.d.ts +2 -2
- package/build/primer/Navigation/TabNav/TabNav.d.ts.map +1 -1
- package/build/primer/Navigation/TabNav/TabNav.js +6 -6
- package/build/primer/Navigation/TabNav/TabNav.type.d.ts +41 -0
- package/build/primer/Navigation/TabNav/TabNav.type.d.ts.map +1 -0
- package/build/primer/Navigation/TabNav/TabNav.type.js +18 -0
- package/build/primer/Navigation/TabNav/index.d.ts +1 -1
- package/build/primer/Navigation/TabNav/index.js +3 -3
- package/build/primer/Navigation/UnderlineNav/UnderlineNav.d.ts +2 -2
- package/build/primer/Navigation/UnderlineNav/UnderlineNav.d.ts.map +1 -1
- package/build/primer/Navigation/UnderlineNav/UnderlineNav.js +11 -10
- package/build/primer/Navigation/UnderlineNav/UnderlineNav.type.d.ts +43 -0
- package/build/primer/Navigation/UnderlineNav/UnderlineNav.type.d.ts.map +1 -0
- package/build/primer/Navigation/UnderlineNav/UnderlineNav.type.js +22 -0
- package/build/primer/Navigation/UnderlineNav/index.d.ts +1 -1
- package/build/primer/Navigation/UnderlineNav/index.js +5 -5
- package/build/primer/Navigation/index.d.ts +3 -12
- package/build/primer/Navigation/index.d.ts.map +1 -1
- package/build/primer/Navigation/index.js +3 -3
- package/build/primer/Pagination/PreviousNext/PreviousNext.d.ts +2 -2
- package/build/primer/Pagination/PreviousNext/PreviousNext.d.ts.map +1 -1
- package/build/primer/Pagination/PreviousNext/PreviousNext.js +9 -9
- package/build/primer/Pagination/PreviousNext/PreviousNext.type.d.ts +38 -0
- package/build/primer/Pagination/PreviousNext/PreviousNext.type.d.ts.map +1 -0
- package/build/primer/Pagination/PreviousNext/PreviousNext.type.js +32 -0
- package/build/primer/Pagination/PreviousNext/index.d.ts +1 -1
- package/build/primer/Pagination/PreviousNext/index.js +3 -3
- package/build/primer/Pagination/index.d.ts +1 -4
- package/build/primer/Pagination/index.d.ts.map +1 -1
- package/build/primer/Pagination/index.js +1 -1
- package/build/primer/Popover/Popover.d.ts +2 -2
- package/build/primer/Popover/Popover.d.ts.map +1 -1
- package/build/primer/Popover/Popover.js +12 -12
- package/build/primer/Popover/Popover.type.d.ts +38 -0
- package/build/primer/Popover/Popover.type.d.ts.map +1 -0
- package/build/primer/Popover/Popover.type.js +29 -0
- package/build/primer/Popover/index.d.ts +1 -1
- package/build/primer/Popover/index.js +5 -5
- package/build/primer/Progress/Progress.d.ts +2 -2
- package/build/primer/Progress/Progress.d.ts.map +1 -1
- package/build/primer/Progress/Progress.js +4 -4
- package/build/primer/Progress/Progress.type.d.ts +17 -0
- package/build/primer/Progress/Progress.type.d.ts.map +1 -0
- package/build/primer/Progress/Progress.type.js +15 -0
- package/build/primer/Progress/index.d.ts +1 -1
- package/build/primer/Progress/index.js +3 -3
- package/build/primer/Select/Select.d.ts +2 -2
- package/build/primer/Select/Select.d.ts.map +1 -1
- package/build/primer/Select/Select.js +5 -5
- package/build/primer/Select/Select.type.d.ts +27 -0
- package/build/primer/Select/Select.type.d.ts.map +1 -0
- package/build/primer/Select/Select.type.js +17 -0
- package/build/primer/Select/index.d.ts +1 -1
- package/build/primer/Select/index.js +3 -3
- package/build/primer/SelectMenu/SelectMenu.d.ts +2 -2
- package/build/primer/SelectMenu/SelectMenu.d.ts.map +1 -1
- package/build/primer/SelectMenu/SelectMenu.js +6 -4
- package/build/primer/SelectMenu/SelectMenu.type.d.ts +25 -0
- package/build/primer/SelectMenu/SelectMenu.type.d.ts.map +1 -0
- package/build/primer/SelectMenu/SelectMenu.type.js +12 -0
- package/build/primer/Subhead/Subhead.d.ts +2 -2
- package/build/primer/Subhead/Subhead.d.ts.map +1 -1
- package/build/primer/Subhead/Subhead.js +3 -3
- package/build/primer/Subhead/Subhead.type.d.ts +11 -0
- package/build/primer/Subhead/Subhead.type.d.ts.map +1 -0
- package/build/primer/Subhead/Subhead.type.js +10 -0
- package/build/primer/Toast/Toast.d.ts +2 -2
- package/build/primer/Toast/Toast.d.ts.map +1 -1
- package/build/primer/Toast/Toast.js +16 -16
- package/build/primer/Toast/Toast.type.d.ts +22 -0
- package/build/primer/Toast/Toast.type.d.ts.map +1 -0
- package/build/primer/Toast/Toast.type.js +18 -0
- package/build/primer/Toast/index.d.ts +1 -1
- package/build/primer/Toast/index.js +3 -3
- package/build/primer/index.d.ts +29 -137
- package/build/primer/index.d.ts.map +1 -1
- package/build/primer/index.js +18 -18
- package/build/primer/type.d.ts +3 -0
- package/build/primer/type.d.ts.map +1 -0
- package/build/primer/type.js +5 -0
- package/package.json +4 -4
- package/build/primer/Alert/Alert.prop.d.ts +0 -36
- package/build/primer/Alert/Alert.prop.d.ts.map +0 -1
- package/build/primer/Alert/Alert.prop.js +0 -20
- package/build/primer/Blankslate/Blankslate.prop.d.ts +0 -20
- package/build/primer/Blankslate/Blankslate.prop.d.ts.map +0 -1
- package/build/primer/Blankslate/Blankslate.prop.js +0 -18
- package/build/primer/Breadcrumb/Breadcrumb.prop.d.ts +0 -28
- package/build/primer/Breadcrumb/Breadcrumb.prop.d.ts.map +0 -1
- package/build/primer/Breadcrumb/Breadcrumb.prop.js +0 -16
- package/build/primer/Button/Button.prop.d.ts +0 -63
- package/build/primer/Button/Button.prop.d.ts.map +0 -1
- package/build/primer/Button/Button.prop.js +0 -48
- package/build/primer/Dropdown/Dropdown.prop.d.ts +0 -36
- package/build/primer/Dropdown/Dropdown.prop.d.ts.map +0 -1
- package/build/primer/Dropdown/Dropdown.prop.js +0 -20
- package/build/primer/ErrorBoundary/ErrorBoundary.prop.d.ts +0 -5
- package/build/primer/ErrorBoundary/ErrorBoundary.prop.d.ts.map +0 -1
- package/build/primer/ErrorBoundary/ErrorBoundary.prop.js +0 -7
- package/build/primer/Form/Checkbox/Checkbox.prop.d.ts +0 -31
- package/build/primer/Form/Checkbox/Checkbox.prop.d.ts.map +0 -1
- package/build/primer/Form/Checkbox/Checkbox.prop.js +0 -22
- package/build/primer/Form/Input/Input.prop.d.ts +0 -43
- package/build/primer/Form/Input/Input.prop.d.ts.map +0 -1
- package/build/primer/Form/Input/Input.prop.js +0 -30
- package/build/primer/Form/Radio/Radio.prop.d.ts +0 -28
- package/build/primer/Form/Radio/Radio.prop.d.ts.map +0 -1
- package/build/primer/Form/Radio/Radio.prop.js +0 -22
- package/build/primer/Grid/DisplayTable/DisplayTable.prop.d.ts +0 -19
- package/build/primer/Grid/DisplayTable/DisplayTable.prop.d.ts.map +0 -1
- package/build/primer/Grid/DisplayTable/DisplayTable.prop.js +0 -11
- package/build/primer/Grid/FlexGrid/FlexGrid.prop.d.ts +0 -53
- package/build/primer/Grid/FlexGrid/FlexGrid.prop.d.ts.map +0 -1
- package/build/primer/Grid/FlexGrid/FlexGrid.prop.js +0 -28
- package/build/primer/Icon/Icon.prop.d.ts +0 -684
- package/build/primer/Icon/Icon.prop.d.ts.map +0 -1
- package/build/primer/Label/Label.prop.d.ts +0 -28
- package/build/primer/Label/Label.prop.d.ts.map +0 -1
- package/build/primer/Label/Label.prop.js +0 -26
- package/build/primer/Loader/Loader.prop.d.ts +0 -15
- package/build/primer/Loader/Loader.prop.d.ts.map +0 -1
- package/build/primer/Loader/Loader.prop.js +0 -15
- package/build/primer/Navigation/Menu/Menu.prop.d.ts.map +0 -1
- package/build/primer/Navigation/Menu/Menu.prop.js +0 -12
- package/build/primer/Navigation/TabNav/TabNav.prop.d.ts +0 -38
- package/build/primer/Navigation/TabNav/TabNav.prop.d.ts.map +0 -1
- package/build/primer/Navigation/TabNav/TabNav.prop.js +0 -18
- package/build/primer/Navigation/UnderlineNav/UnderlineNav.prop.d.ts +0 -40
- package/build/primer/Navigation/UnderlineNav/UnderlineNav.prop.d.ts.map +0 -1
- package/build/primer/Navigation/UnderlineNav/UnderlineNav.prop.js +0 -22
- package/build/primer/Pagination/PreviousNext/PreviousNext.prop.d.ts +0 -49
- package/build/primer/Pagination/PreviousNext/PreviousNext.prop.d.ts.map +0 -1
- package/build/primer/Pagination/PreviousNext/PreviousNext.prop.js +0 -30
- package/build/primer/Popover/Popover.prop.d.ts +0 -35
- package/build/primer/Popover/Popover.prop.d.ts.map +0 -1
- package/build/primer/Popover/Popover.prop.js +0 -29
- package/build/primer/Progress/Progress.prop.d.ts +0 -15
- package/build/primer/Progress/Progress.prop.d.ts.map +0 -1
- package/build/primer/Progress/Progress.prop.js +0 -15
- package/build/primer/Select/Select.prop.d.ts +0 -25
- package/build/primer/Select/Select.prop.d.ts.map +0 -1
- package/build/primer/Select/Select.prop.js +0 -17
- package/build/primer/SelectMenu/SelectMenu.prop.d.ts +0 -25
- package/build/primer/SelectMenu/SelectMenu.prop.d.ts.map +0 -1
- package/build/primer/SelectMenu/SelectMenu.prop.js +0 -12
- package/build/primer/Subhead/Subhead.prop.d.ts +0 -10
- package/build/primer/Subhead/Subhead.prop.d.ts.map +0 -1
- package/build/primer/Subhead/Subhead.prop.js +0 -10
- package/build/primer/Toast/Toast.prop.d.ts +0 -20
- package/build/primer/Toast/Toast.prop.d.ts.map +0 -1
- package/build/primer/Toast/Toast.prop.js +0 -18
|
@@ -8,20 +8,20 @@ exports.Progress = Progress;
|
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
9
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
10
|
var _colors = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/colors.scss"));
|
|
11
|
-
var _Progress = require("./Progress.
|
|
11
|
+
var _Progress = require("./Progress.type");
|
|
12
12
|
var _Progress2 = _interopRequireDefault(require("./Progress.scss"));
|
|
13
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
14
|
function Progress(_ref) {
|
|
15
15
|
var _ref$className = _ref.className,
|
|
16
|
-
className = _ref$className === void 0 ? _Progress.
|
|
16
|
+
className = _ref$className === void 0 ? _Progress.ProgressDefault.ClassName : _ref$className,
|
|
17
17
|
_ref$variant = _ref.variant,
|
|
18
|
-
variant = _ref$variant === void 0 ? _Progress.
|
|
18
|
+
variant = _ref$variant === void 0 ? _Progress.ProgressDefault.Variant : _ref$variant,
|
|
19
19
|
percentage = _ref.percentage;
|
|
20
20
|
var percentageStyle = {
|
|
21
21
|
width: "".concat(percentage, "%")
|
|
22
22
|
};
|
|
23
23
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
24
|
-
className: (0, _classnames["default"])(className, _Progress2["default"].Progress, (0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _Progress2["default"]['Progress--large'], variant === _Progress.
|
|
24
|
+
className: (0, _classnames["default"])(className, _Progress2["default"].Progress, (0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _Progress2["default"]['Progress--large'], variant === _Progress.ProgressVariant.Large), _Progress2["default"]['Progress--small'], variant === _Progress.ProgressVariant.Small === true)),
|
|
25
25
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
26
26
|
className: (0, _classnames["default"])(_Progress2["default"]['Progress-item'], _colors["default"]['bg-green']),
|
|
27
27
|
style: percentageStyle
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export interface IProgressVariant {
|
|
2
|
+
Small: string;
|
|
3
|
+
Normal: string;
|
|
4
|
+
Large: string;
|
|
5
|
+
}
|
|
6
|
+
export declare const ProgressVariant: IProgressVariant;
|
|
7
|
+
export interface IProgressDefault {
|
|
8
|
+
ClassName: string;
|
|
9
|
+
Variant: string;
|
|
10
|
+
}
|
|
11
|
+
export declare const ProgressDefault: IProgressDefault;
|
|
12
|
+
export interface IProgress {
|
|
13
|
+
className?: string;
|
|
14
|
+
variant?: string;
|
|
15
|
+
percentage: number;
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=Progress.type.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Progress.type.d.ts","sourceRoot":"","sources":["../../../src/primer/Progress/Progress.type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,eAAe,EAAE,gBAI7B,CAAA;AAED,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,eAAO,MAAM,eAAe,EAAE,gBAG7B,CAAA;AAED,MAAM,WAAW,SAAS;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;CACnB"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.ProgressVariant = exports.ProgressDefault = void 0;
|
|
7
|
+
var ProgressVariant = exports.ProgressVariant = {
|
|
8
|
+
Small: 'small',
|
|
9
|
+
Normal: 'normal',
|
|
10
|
+
Large: 'large'
|
|
11
|
+
};
|
|
12
|
+
var ProgressDefault = exports.ProgressDefault = {
|
|
13
|
+
ClassName: null,
|
|
14
|
+
Variant: ProgressVariant.Normal
|
|
15
|
+
};
|
|
@@ -9,11 +9,11 @@ Object.defineProperty(exports, "Progress", {
|
|
|
9
9
|
return _Progress.Progress;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
|
-
Object.defineProperty(exports, "
|
|
12
|
+
Object.defineProperty(exports, "ProgressVariant", {
|
|
13
13
|
enumerable: true,
|
|
14
14
|
get: function get() {
|
|
15
|
-
return _Progress2.
|
|
15
|
+
return _Progress2.ProgressVariant;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
18
|
var _Progress = require("./Progress");
|
|
19
|
-
var _Progress2 = require("./Progress.
|
|
19
|
+
var _Progress2 = require("./Progress.type");
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare function Select({ id, className, selectedText, items, onChange, state, }:
|
|
1
|
+
import { ISelect } from './Select.type';
|
|
2
|
+
export declare function Select({ id, className, selectedText, items, onChange, state, }: ISelect): import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
//# sourceMappingURL=Select.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/primer/Select/Select.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/primer/Select/Select.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,OAAO,EAAmD,MAAM,eAAe,CAAA;AAGxF,wBAAgB,MAAM,CAAC,EACrB,EAAqB,EACrB,SAAmC,EACnC,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,KAA2B,GAC5B,EAAE,OAAO,2CA2CT"}
|
|
@@ -10,21 +10,21 @@ var _classnames = _interopRequireDefault(require("classnames"));
|
|
|
10
10
|
var _uuid = require("uuid");
|
|
11
11
|
var _layout = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/layout.scss"));
|
|
12
12
|
var _array = require("@papillonarts/library/array");
|
|
13
|
-
var _Select = require("./Select.
|
|
13
|
+
var _Select = require("./Select.type");
|
|
14
14
|
var _Select2 = _interopRequireDefault(require("./Select.scss"));
|
|
15
15
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
16
16
|
// import { getIndexItems, getIndexItemsWithSelected } from '../../../../library/src/array'
|
|
17
17
|
|
|
18
18
|
function Select(_ref) {
|
|
19
19
|
var _ref$id = _ref.id,
|
|
20
|
-
id = _ref$id === void 0 ? _Select.
|
|
20
|
+
id = _ref$id === void 0 ? _Select.SelectDefault.Id : _ref$id,
|
|
21
21
|
_ref$className = _ref.className,
|
|
22
|
-
className = _ref$className === void 0 ? _Select.
|
|
22
|
+
className = _ref$className === void 0 ? _Select.SelectDefault.ClassName : _ref$className,
|
|
23
23
|
selectedText = _ref.selectedText,
|
|
24
24
|
items = _ref.items,
|
|
25
25
|
onChange = _ref.onChange,
|
|
26
26
|
_ref$state = _ref.state,
|
|
27
|
-
state = _ref$state === void 0 ? _Select.
|
|
27
|
+
state = _ref$state === void 0 ? _Select.SelectDefault.State : _ref$state;
|
|
28
28
|
var indexItems = (0, _array.getIndexItems)(items);
|
|
29
29
|
var handleOnChange = function handleOnChange(event) {
|
|
30
30
|
var indexItem = indexItems.find(function (item) {
|
|
@@ -53,7 +53,7 @@ function Select(_ref) {
|
|
|
53
53
|
,
|
|
54
54
|
readOnly: false,
|
|
55
55
|
onChange: handleOnChange,
|
|
56
|
-
className: (0, _classnames["default"])(_Select2["default"]['select-menu'], _layout["default"]['width-full'], (0, _defineProperty2["default"])({}, _Select2["default"]['select-inactive'], state === _Select.
|
|
56
|
+
className: (0, _classnames["default"])(_Select2["default"]['select-menu'], _layout["default"]['width-full'], (0, _defineProperty2["default"])({}, _Select2["default"]['select-inactive'], state === _Select.SelectState.Inactive)),
|
|
57
57
|
value: selectedText,
|
|
58
58
|
children: items && indexItems.map(function (indexItem) {
|
|
59
59
|
var text = indexItem.text,
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import type { IIndexed } from '@papillonarts/library/array/type';
|
|
2
|
+
export interface ISelectState {
|
|
3
|
+
Active: string;
|
|
4
|
+
Inactive: string;
|
|
5
|
+
}
|
|
6
|
+
export declare const SelectState: ISelectState;
|
|
7
|
+
export interface ISelectDefault {
|
|
8
|
+
Id: string;
|
|
9
|
+
ClassName: string;
|
|
10
|
+
State: string;
|
|
11
|
+
}
|
|
12
|
+
export declare const SelectDefault: ISelectDefault;
|
|
13
|
+
export interface IItem {
|
|
14
|
+
text: string;
|
|
15
|
+
isSelected: boolean;
|
|
16
|
+
}
|
|
17
|
+
export interface IIndexedItem extends IItem, IIndexed {
|
|
18
|
+
}
|
|
19
|
+
export interface ISelect {
|
|
20
|
+
id?: string;
|
|
21
|
+
className?: string;
|
|
22
|
+
selectedText: string;
|
|
23
|
+
items: IItem[];
|
|
24
|
+
onChange: (value: any) => void;
|
|
25
|
+
state?: string;
|
|
26
|
+
}
|
|
27
|
+
//# sourceMappingURL=Select.type.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select.type.d.ts","sourceRoot":"","sources":["../../../src/primer/Select/Select.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAA;AAGhE,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,WAAW,EAAE,YAGzB,CAAA;AAED,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,aAAa,EAAE,cAI3B,CAAA;AAED,MAAM,WAAW,KAAK;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,OAAO,CAAA;CACpB;AAED,MAAM,WAAW,YAAa,SAAQ,KAAK,EAAE,QAAQ;CAAG;AAExD,MAAM,WAAW,OAAO;IACtB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,MAAM,CAAA;IACpB,KAAK,EAAE,KAAK,EAAE,CAAA;IACd,QAAQ,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.SelectState = exports.SelectDefault = void 0;
|
|
7
|
+
// import type { IIndexed } from '../../../../library/src/array/type'
|
|
8
|
+
|
|
9
|
+
var SelectState = exports.SelectState = {
|
|
10
|
+
Active: 'active',
|
|
11
|
+
Inactive: 'inactive'
|
|
12
|
+
};
|
|
13
|
+
var SelectDefault = exports.SelectDefault = {
|
|
14
|
+
Id: null,
|
|
15
|
+
ClassName: null,
|
|
16
|
+
State: SelectState.Active
|
|
17
|
+
};
|
|
@@ -9,11 +9,11 @@ Object.defineProperty(exports, "Select", {
|
|
|
9
9
|
return _Select.Select;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
|
-
Object.defineProperty(exports, "
|
|
12
|
+
Object.defineProperty(exports, "SelectState", {
|
|
13
13
|
enumerable: true,
|
|
14
14
|
get: function get() {
|
|
15
|
-
return _Select2.
|
|
15
|
+
return _Select2.SelectState;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
18
|
var _Select = require("./Select");
|
|
19
|
-
var _Select2 = require("./Select.
|
|
19
|
+
var _Select2 = require("./Select.type");
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare function SelectMenu({ className, summary, icon, title, ariaAttr, items, onClick, }:
|
|
1
|
+
import { ISelectMenu } from './SelectMenu.type';
|
|
2
|
+
export declare function SelectMenu({ className, summary, icon, title, ariaAttr, items, onClick, }: ISelectMenu): import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
//# sourceMappingURL=SelectMenu.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectMenu.d.ts","sourceRoot":"","sources":["../../../src/primer/SelectMenu/SelectMenu.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SelectMenu.d.ts","sourceRoot":"","sources":["../../../src/primer/SelectMenu/SelectMenu.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,WAAW,EAA0C,MAAM,mBAAmB,CAAA;AAKvF,wBAAgB,UAAU,CAAC,EACzB,SAAuC,EACvC,OAAO,EACP,IAAI,EACJ,KAA+B,EAC/B,QAAQ,EACR,KAAK,EACL,OAAO,GACR,EAAE,WAAW,2CAgDb"}
|
|
@@ -12,20 +12,22 @@ var _array = require("@papillonarts/library/array");
|
|
|
12
12
|
var _hooks = require("@papillonarts/library/hooks");
|
|
13
13
|
var _margin = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/margin.scss"));
|
|
14
14
|
var _details = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/details.scss"));
|
|
15
|
-
var _SelectMenu = require("./SelectMenu.
|
|
15
|
+
var _SelectMenu = require("./SelectMenu.type");
|
|
16
16
|
var _SelectMenu2 = _interopRequireDefault(require("./SelectMenu.scss"));
|
|
17
17
|
var _Button = _interopRequireDefault(require("../Button/Button.scss"));
|
|
18
18
|
var _Icon = require("../Icon");
|
|
19
19
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
20
20
|
// import { getIndexItems, getIndexItemsWithSelected } from '../../../../library/src/array'
|
|
21
21
|
|
|
22
|
+
// import { useRef, useState } from '../../../../library/src/hooks'
|
|
23
|
+
|
|
22
24
|
function SelectMenu(_ref) {
|
|
23
25
|
var _ref$className = _ref.className,
|
|
24
|
-
className = _ref$className === void 0 ? _SelectMenu.
|
|
26
|
+
className = _ref$className === void 0 ? _SelectMenu.SelectMenuDefault.ClassName : _ref$className,
|
|
25
27
|
summary = _ref.summary,
|
|
26
28
|
icon = _ref.icon,
|
|
27
29
|
_ref$title = _ref.title,
|
|
28
|
-
title = _ref$title === void 0 ? _SelectMenu.
|
|
30
|
+
title = _ref$title === void 0 ? _SelectMenu.SelectMenuDefault.Title : _ref$title,
|
|
29
31
|
ariaAttr = _ref.ariaAttr,
|
|
30
32
|
items = _ref.items,
|
|
31
33
|
_onClick = _ref.onClick;
|
|
@@ -44,7 +46,7 @@ function SelectMenu(_ref) {
|
|
|
44
46
|
children: [summary, " ", /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
45
47
|
className: (0, _classnames["default"])(_margin["default"]['ml-2']),
|
|
46
48
|
icon: icon,
|
|
47
|
-
size: _Icon.
|
|
49
|
+
size: _Icon.IconSize.Small
|
|
48
50
|
})]
|
|
49
51
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
50
52
|
className: _SelectMenu2["default"].SelectMenu,
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import type { IIndexed } from '@papillonarts/library/array/type';
|
|
2
|
+
export interface ISelectMenuDefault {
|
|
3
|
+
ClassName: string;
|
|
4
|
+
Title: string;
|
|
5
|
+
}
|
|
6
|
+
export declare const SelectMenuDefault: ISelectMenuDefault;
|
|
7
|
+
export interface IAriaAttr {
|
|
8
|
+
haspopup: boolean;
|
|
9
|
+
}
|
|
10
|
+
export interface IItem {
|
|
11
|
+
text: string;
|
|
12
|
+
isSelected: boolean;
|
|
13
|
+
}
|
|
14
|
+
export interface IIndexedItem extends IIndexed, IItem {
|
|
15
|
+
}
|
|
16
|
+
export interface ISelectMenu {
|
|
17
|
+
className?: string;
|
|
18
|
+
summary: string;
|
|
19
|
+
icon: string;
|
|
20
|
+
title?: string;
|
|
21
|
+
ariaAttr: IAriaAttr;
|
|
22
|
+
items: IItem[];
|
|
23
|
+
onClick: (value: any) => void;
|
|
24
|
+
}
|
|
25
|
+
//# sourceMappingURL=SelectMenu.type.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SelectMenu.type.d.ts","sourceRoot":"","sources":["../../../src/primer/SelectMenu/SelectMenu.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAA;AAGhE,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,iBAAiB,EAAE,kBAG/B,CAAA;AAED,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,WAAW,KAAK;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,OAAO,CAAA;CACpB;AAED,MAAM,WAAW,YAAa,SAAQ,QAAQ,EAAE,KAAK;CAAG;AAExD,MAAM,WAAW,WAAW;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,EAAE,KAAK,EAAE,CAAA;IACd,OAAO,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAA;CACzB"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.SelectMenuDefault = void 0;
|
|
7
|
+
// import type { IIndexed } from '../../../../library/src/array/type'
|
|
8
|
+
|
|
9
|
+
var SelectMenuDefault = exports.SelectMenuDefault = {
|
|
10
|
+
ClassName: null,
|
|
11
|
+
Title: null
|
|
12
|
+
};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare function Subhead({ className, heading, isSpacious }:
|
|
1
|
+
import { ISubhead } from './Subhead.type';
|
|
2
|
+
export declare function Subhead({ className, heading, isSpacious }: ISubhead): import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
//# sourceMappingURL=Subhead.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Subhead.d.ts","sourceRoot":"","sources":["../../../src/primer/Subhead/Subhead.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Subhead.d.ts","sourceRoot":"","sources":["../../../src/primer/Subhead/Subhead.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAkB,MAAM,gBAAgB,CAAA;AAGzD,wBAAgB,OAAO,CAAC,EAAE,SAAoC,EAAE,OAAO,EAAE,UAAsC,EAAE,EAAE,QAAQ,2CAU1H"}
|
|
@@ -7,15 +7,15 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.Subhead = Subhead;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
9
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
|
-
var _Subhead = require("./Subhead.
|
|
10
|
+
var _Subhead = require("./Subhead.type");
|
|
11
11
|
var _Subhead2 = _interopRequireDefault(require("./Subhead.scss"));
|
|
12
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
13
|
function Subhead(_ref) {
|
|
14
14
|
var _ref$className = _ref.className,
|
|
15
|
-
className = _ref$className === void 0 ? _Subhead.
|
|
15
|
+
className = _ref$className === void 0 ? _Subhead.SubheadDefault.ClassName : _ref$className,
|
|
16
16
|
heading = _ref.heading,
|
|
17
17
|
_ref$isSpacious = _ref.isSpacious,
|
|
18
|
-
isSpacious = _ref$isSpacious === void 0 ? _Subhead.
|
|
18
|
+
isSpacious = _ref$isSpacious === void 0 ? _Subhead.SubheadDefault.IsSpacious : _ref$isSpacious;
|
|
19
19
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
20
20
|
className: (0, _classnames["default"])(className, _Subhead2["default"].Subhead, (0, _defineProperty2["default"])({}, _Subhead2["default"]['Subhead--spacious'], isSpacious === true)),
|
|
21
21
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export interface ISubheadDefault {
|
|
2
|
+
ClassName: string;
|
|
3
|
+
IsSpacious: boolean;
|
|
4
|
+
}
|
|
5
|
+
export declare const SubheadDefault: ISubheadDefault;
|
|
6
|
+
export interface ISubhead {
|
|
7
|
+
className?: string;
|
|
8
|
+
heading: string;
|
|
9
|
+
isSpacious?: boolean;
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=Subhead.type.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Subhead.type.d.ts","sourceRoot":"","sources":["../../../src/primer/Subhead/Subhead.type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,OAAO,CAAA;CACpB;AAED,eAAO,MAAM,cAAc,EAAE,eAG5B,CAAA;AAED,MAAM,WAAW,QAAQ;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare function Toast({ className, variant, text, isDismissable, onClick, }:
|
|
1
|
+
import { IToast } from './Toast.type';
|
|
2
|
+
export declare function Toast({ className, variant, text, isDismissable, onClick, }: IToast): import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
//# sourceMappingURL=Toast.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/primer/Toast/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/primer/Toast/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAA8B,MAAM,cAAc,CAAA;AAIjE,wBAAgB,KAAK,CAAC,EACpB,SAAkC,EAClC,OAA8B,EAC9B,IAAI,EACJ,aAA0C,EAC1C,OAA8B,GAC/B,EAAE,MAAM,2CAyBR"}
|
|
@@ -8,34 +8,34 @@ exports.Toast = Toast;
|
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
9
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
10
|
var _padding = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/padding.scss"));
|
|
11
|
-
var _Toast = require("./Toast.
|
|
11
|
+
var _Toast = require("./Toast.type");
|
|
12
12
|
var _Toast2 = _interopRequireDefault(require("./Toast.scss"));
|
|
13
13
|
var _Icon = require("../Icon");
|
|
14
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
15
|
function Toast(_ref) {
|
|
16
16
|
var _ref$className = _ref.className,
|
|
17
|
-
className = _ref$className === void 0 ? _Toast.
|
|
17
|
+
className = _ref$className === void 0 ? _Toast.ToastDefault.ClassName : _ref$className,
|
|
18
18
|
_ref$variant = _ref.variant,
|
|
19
|
-
variant = _ref$variant === void 0 ? _Toast.
|
|
19
|
+
variant = _ref$variant === void 0 ? _Toast.ToastDefault.Variant : _ref$variant,
|
|
20
20
|
text = _ref.text,
|
|
21
21
|
_ref$isDismissable = _ref.isDismissable,
|
|
22
|
-
isDismissable = _ref$isDismissable === void 0 ? _Toast.
|
|
22
|
+
isDismissable = _ref$isDismissable === void 0 ? _Toast.ToastDefault.IsDismissable : _ref$isDismissable,
|
|
23
23
|
_ref$onClick = _ref.onClick,
|
|
24
|
-
onClick = _ref$onClick === void 0 ? _Toast.
|
|
24
|
+
onClick = _ref$onClick === void 0 ? _Toast.ToastDefault.OnClick : _ref$onClick;
|
|
25
25
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
26
26
|
className: (0, _classnames["default"])(className, _padding["default"]['p-1']),
|
|
27
27
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
28
|
-
className: (0, _classnames["default"])(_Toast2["default"].Toast, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _Toast2["default"]['Toast--success'], variant === _Toast.
|
|
28
|
+
className: (0, _classnames["default"])(_Toast2["default"].Toast, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _Toast2["default"]['Toast--success'], variant === _Toast.ToastVariant.Success), _Toast2["default"]['Toast--warning'], variant === _Toast.ToastVariant.Warning), _Toast2["default"]['Toast--error'], variant === _Toast.ToastVariant.Error)),
|
|
29
29
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
|
|
30
30
|
className: _Toast2["default"]['Toast-icon'],
|
|
31
|
-
children: [variant === _Toast.
|
|
32
|
-
icon: _Icon.
|
|
33
|
-
}), variant === _Toast.
|
|
34
|
-
icon: _Icon.
|
|
35
|
-
}), variant === _Toast.
|
|
36
|
-
icon: _Icon.
|
|
37
|
-
}), variant === _Toast.
|
|
38
|
-
icon: _Icon.
|
|
31
|
+
children: [variant === _Toast.ToastVariant.Info && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
32
|
+
icon: _Icon.IconName.Info16
|
|
33
|
+
}), variant === _Toast.ToastVariant.Success && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
34
|
+
icon: _Icon.IconName.Check16
|
|
35
|
+
}), variant === _Toast.ToastVariant.Warning && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
36
|
+
icon: _Icon.IconName.Alert16
|
|
37
|
+
}), variant === _Toast.ToastVariant.Error && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
38
|
+
icon: _Icon.IconName.Stop16
|
|
39
39
|
})]
|
|
40
40
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
41
41
|
className: _Toast2["default"]['Toast-content'],
|
|
@@ -45,8 +45,8 @@ function Toast(_ref) {
|
|
|
45
45
|
className: _Toast2["default"]['Toast-dismissButton'],
|
|
46
46
|
onClick: onClick,
|
|
47
47
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
48
|
-
icon: _Icon.
|
|
49
|
-
size: _Icon.
|
|
48
|
+
icon: _Icon.IconName.X16,
|
|
49
|
+
size: _Icon.IconSize.Small
|
|
50
50
|
})
|
|
51
51
|
})]
|
|
52
52
|
})
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
export interface IToastVariant {
|
|
2
|
+
Info: string;
|
|
3
|
+
Success: string;
|
|
4
|
+
Warning: string;
|
|
5
|
+
Error: string;
|
|
6
|
+
}
|
|
7
|
+
export declare const ToastVariant: IToastVariant;
|
|
8
|
+
export interface IToastDefault {
|
|
9
|
+
ClassName: string;
|
|
10
|
+
Variant: string;
|
|
11
|
+
IsDismissable: boolean;
|
|
12
|
+
OnClick: () => void;
|
|
13
|
+
}
|
|
14
|
+
export declare const ToastDefault: IToastDefault;
|
|
15
|
+
export interface IToast {
|
|
16
|
+
className?: string;
|
|
17
|
+
variant?: string;
|
|
18
|
+
text: string;
|
|
19
|
+
isDismissable?: boolean;
|
|
20
|
+
onClick?: (value: any) => void;
|
|
21
|
+
}
|
|
22
|
+
//# sourceMappingURL=Toast.type.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toast.type.d.ts","sourceRoot":"","sources":["../../../src/primer/Toast/Toast.type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,YAAY,EAAE,aAK1B,CAAA;AAED,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,aAAa,EAAE,OAAO,CAAA;IACtB,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAED,eAAO,MAAM,YAAY,EAAE,aAK1B,CAAA;AAED,MAAM,WAAW,MAAM;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,OAAO,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAA;CAC1B"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.ToastVariant = exports.ToastDefault = void 0;
|
|
7
|
+
var ToastVariant = exports.ToastVariant = {
|
|
8
|
+
Info: 'info',
|
|
9
|
+
Success: 'success',
|
|
10
|
+
Warning: 'warning',
|
|
11
|
+
Error: 'error'
|
|
12
|
+
};
|
|
13
|
+
var ToastDefault = exports.ToastDefault = {
|
|
14
|
+
ClassName: null,
|
|
15
|
+
Variant: ToastVariant.Info,
|
|
16
|
+
IsDismissable: false,
|
|
17
|
+
OnClick: function OnClick() {}
|
|
18
|
+
};
|
|
@@ -9,11 +9,11 @@ Object.defineProperty(exports, "Toast", {
|
|
|
9
9
|
return _Toast.Toast;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
|
-
Object.defineProperty(exports, "
|
|
12
|
+
Object.defineProperty(exports, "ToastVariant", {
|
|
13
13
|
enumerable: true,
|
|
14
14
|
get: function get() {
|
|
15
|
-
return _Toast2.
|
|
15
|
+
return _Toast2.ToastVariant;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
18
|
var _Toast = require("./Toast");
|
|
19
|
-
var _Toast2 = require("./Toast.
|
|
19
|
+
var _Toast2 = require("./Toast.type");
|