@papillonarts/components 0.29.0 → 0.30.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/primer/Alert/Alert.d.ts.map +1 -1
- package/build/primer/Alert/Alert.js +44 -46
- package/build/primer/Blankslate/Blankslate.d.ts.map +1 -1
- package/build/primer/Blankslate/Blankslate.js +6 -6
- package/build/primer/Breadcrumb/Breadcrumb.d.ts.map +1 -1
- package/build/primer/Breadcrumb/Breadcrumb.js +9 -9
- package/build/primer/Breadcrumb/Breadcrumb.type.d.ts.map +1 -1
- package/build/primer/Breadcrumb/Breadcrumb.type.js +0 -2
- package/build/primer/Button/Button.d.ts.map +1 -1
- package/build/primer/Button/Button.js +25 -25
- package/build/primer/Dropdown/Dropdown.d.ts.map +1 -1
- package/build/primer/Dropdown/Dropdown.js +14 -18
- package/build/primer/Dropdown/Dropdown.type.d.ts.map +1 -1
- package/build/primer/Dropdown/Dropdown.type.js +0 -2
- package/build/primer/ErrorBoundary/ErrorBoundary.d.ts +1 -1
- package/build/primer/Form/Checkbox/Checkbox.d.ts.map +1 -1
- package/build/primer/Form/Checkbox/Checkbox.js +11 -11
- package/build/primer/Form/Input/Input.d.ts.map +1 -1
- package/build/primer/Form/Input/Input.js +12 -12
- package/build/primer/Form/Radio/Radio.d.ts.map +1 -1
- package/build/primer/Form/Radio/Radio.js +11 -11
- package/build/primer/Grid/DisplayTable/DisplayTable.d.ts.map +1 -1
- package/build/primer/Grid/DisplayTable/DisplayTable.js +5 -5
- package/build/primer/Grid/FlexGrid/FlexGrid.d.ts.map +1 -1
- package/build/primer/Grid/FlexGrid/FlexGrid.js +29 -33
- package/build/primer/Grid/FlexGrid/FlexGrid.type.d.ts.map +1 -1
- package/build/primer/Grid/FlexGrid/FlexGrid.type.js +0 -2
- package/build/primer/Grid/index.d.ts.map +1 -1
- package/build/primer/Icon/Icon.d.ts.map +1 -1
- package/build/primer/Icon/Icon.js +12 -12
- package/build/primer/Label/Label.js +2 -2
- package/build/primer/Loader/Loader.d.ts.map +1 -1
- package/build/primer/Loader/Loader.js +12 -12
- package/build/primer/Navigation/Menu/Menu.d.ts.map +1 -1
- package/build/primer/Navigation/Menu/Menu.js +11 -12
- package/build/primer/Navigation/Menu/Menu.type.d.ts.map +1 -1
- package/build/primer/Navigation/Menu/Menu.type.js +0 -2
- package/build/primer/Navigation/TabNav/TabNav.d.ts.map +1 -1
- package/build/primer/Navigation/TabNav/TabNav.js +13 -13
- package/build/primer/Navigation/TabNav/TabNav.type.d.ts +1 -1
- package/build/primer/Navigation/TabNav/TabNav.type.d.ts.map +1 -1
- package/build/primer/Navigation/TabNav/TabNav.type.js +0 -2
- package/build/primer/Navigation/UnderlineNav/UnderlineNav.d.ts.map +1 -1
- package/build/primer/Navigation/UnderlineNav/UnderlineNav.js +21 -22
- package/build/primer/Navigation/UnderlineNav/UnderlineNav.type.d.ts.map +1 -1
- package/build/primer/Navigation/UnderlineNav/UnderlineNav.type.js +0 -2
- package/build/primer/Pagination/PreviousNext/PreviousNext.d.ts.map +1 -1
- package/build/primer/Pagination/PreviousNext/PreviousNext.js +10 -10
- package/build/primer/Pagination/PreviousNext/PreviousNext.type.d.ts.map +1 -1
- package/build/primer/Pagination/PreviousNext/PreviousNext.type.js +0 -2
- package/build/primer/Popover/Popover.d.ts.map +1 -1
- package/build/primer/Popover/Popover.js +11 -11
- package/build/primer/Progress/Progress.d.ts.map +1 -1
- package/build/primer/Progress/Progress.js +7 -7
- package/build/primer/Select/Select.d.ts.map +1 -1
- package/build/primer/Select/Select.js +9 -11
- package/build/primer/Select/Select.type.d.ts.map +1 -1
- package/build/primer/Select/Select.type.js +0 -2
- package/build/primer/SelectMenu/SelectMenu.d.ts.map +1 -1
- package/build/primer/SelectMenu/SelectMenu.js +15 -19
- package/build/primer/SelectMenu/SelectMenu.type.d.ts.map +1 -1
- package/build/primer/SelectMenu/SelectMenu.type.js +0 -2
- package/build/primer/Subhead/Subhead.d.ts.map +1 -1
- package/build/primer/Subhead/Subhead.js +6 -6
- package/build/primer/Toast/Toast.d.ts.map +1 -1
- package/build/primer/Toast/Toast.js +15 -15
- package/build/primer/index.d.ts +3 -3
- package/build/primer/index.d.ts.map +1 -1
- package/build/primer/index.js +2 -2
- package/package.json +4 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/primer/Alert/Alert.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/primer/Alert/Alert.tsx"],"names":[],"mappings":"AAUA,OAAO,EAA8B,MAAM,EAAE,MAAM,cAAc,CAAA;AAEjE,wBAAgB,KAAK,CAAC,EACpB,QAAgC,EAChC,SAAkC,EAClC,OAA8B,EAC9B,QAAQ,EACR,OAAO,GACR,EAAE,MAAM,2CAkFR"}
|
|
@@ -7,28 +7,26 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.Alert = Alert;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
9
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
10
|
-
var _react = require("react");
|
|
11
|
-
var _hooks = require("@papillonarts/library/hooks");
|
|
12
10
|
var _margin = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/margin.scss"));
|
|
11
|
+
var _hooks = require("@papillonarts/library/hooks");
|
|
13
12
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
14
|
-
var
|
|
15
|
-
var
|
|
16
|
-
var
|
|
13
|
+
var _react = require("react");
|
|
14
|
+
var _Button = require("../Button");
|
|
15
|
+
var _Button2 = _interopRequireDefault(require("../Button/Button.scss"));
|
|
17
16
|
var _Input = require("../Form/Input");
|
|
18
|
-
var
|
|
19
|
-
var
|
|
20
|
-
var
|
|
17
|
+
var _Icon = require("../Icon");
|
|
18
|
+
var _Icon2 = require("../Icon/Icon.type");
|
|
19
|
+
var _Alert = _interopRequireDefault(require("./Alert.scss"));
|
|
20
|
+
var _Alert2 = require("./Alert.type");
|
|
21
21
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
22
|
-
// import { useState } from '../../../../library/src/hooks'
|
|
23
|
-
|
|
24
22
|
function Alert(_ref) {
|
|
25
23
|
var _consent$action3;
|
|
26
24
|
var _ref$dataTest = _ref.dataTest,
|
|
27
|
-
dataTest = _ref$dataTest === void 0 ?
|
|
25
|
+
dataTest = _ref$dataTest === void 0 ? _Alert2.AlertDefault.DataTest : _ref$dataTest,
|
|
28
26
|
_ref$className = _ref.className,
|
|
29
|
-
className = _ref$className === void 0 ?
|
|
27
|
+
className = _ref$className === void 0 ? _Alert2.AlertDefault.ClassName : _ref$className,
|
|
30
28
|
_ref$variant = _ref.variant,
|
|
31
|
-
variant = _ref$variant === void 0 ?
|
|
29
|
+
variant = _ref$variant === void 0 ? _Alert2.AlertDefault.Variant : _ref$variant,
|
|
32
30
|
children = _ref.children,
|
|
33
31
|
consent = _ref.consent;
|
|
34
32
|
var _useState = (0, _hooks.useState)(''),
|
|
@@ -39,35 +37,35 @@ function Alert(_ref) {
|
|
|
39
37
|
"data-test": dataTest === null || dataTest === void 0 ? void 0 : dataTest["default"],
|
|
40
38
|
className: className,
|
|
41
39
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
42
|
-
className: (0, _classnames["default"])(
|
|
40
|
+
className: (0, _classnames["default"])(_Alert["default"]['flash-messages']),
|
|
43
41
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
44
|
-
className: (0, _classnames["default"])(
|
|
42
|
+
className: (0, _classnames["default"])(_Alert["default"].flash, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _Alert["default"]['flash-warn'], variant === _Alert2.AlertVariant.Warning), _Alert["default"]['flash-error'], variant === _Alert2.AlertVariant.Error), _Alert["default"]['flash-success'], variant === _Alert2.AlertVariant.Success), _Alert["default"]['flash-consent'], variant === _Alert2.AlertVariant.Consent)),
|
|
45
43
|
children: [consent && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
|
|
46
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
44
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
|
|
47
45
|
dataTest: dataTest === null || dataTest === void 0 ? void 0 : dataTest.cancel,
|
|
48
|
-
className: (0, _classnames["default"])(
|
|
46
|
+
className: (0, _classnames["default"])(_Button2["default"].btn, _Button2["default"]['btn-sm'], _Button2["default"].primary, _Alert["default"]['flash-action']),
|
|
49
47
|
text: "Cancel",
|
|
50
48
|
icon: {
|
|
51
|
-
name:
|
|
52
|
-
alignment:
|
|
49
|
+
name: _Icon2.IconName.XCircleFill16,
|
|
50
|
+
alignment: _Button.IconAlignment.Left
|
|
53
51
|
},
|
|
54
|
-
variant:
|
|
55
|
-
inputType:
|
|
52
|
+
variant: _Button.ButtonVariant.Default,
|
|
53
|
+
inputType: _Button.ButtonInputType.Submit,
|
|
56
54
|
onClick: function onClick() {
|
|
57
55
|
var _consent$action;
|
|
58
56
|
consent === null || consent === void 0 || (_consent$action = consent.action) === null || _consent$action === void 0 || _consent$action.cancel();
|
|
59
57
|
setConsentValue('');
|
|
60
58
|
}
|
|
61
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
59
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
|
|
62
60
|
dataTest: dataTest === null || dataTest === void 0 ? void 0 : dataTest.approve,
|
|
63
|
-
className: (0, _classnames["default"])(
|
|
61
|
+
className: (0, _classnames["default"])(_Button2["default"].btn, _Button2["default"]['btn-sm'], _Button2["default"].primary, _Alert["default"]['flash-action']),
|
|
64
62
|
text: "Approve",
|
|
65
63
|
icon: {
|
|
66
|
-
name:
|
|
67
|
-
alignment:
|
|
64
|
+
name: _Icon2.IconName.CheckCircleFill16,
|
|
65
|
+
alignment: _Button.IconAlignment.Left
|
|
68
66
|
},
|
|
69
|
-
variant:
|
|
70
|
-
inputType:
|
|
67
|
+
variant: _Button.ButtonVariant.Primary,
|
|
68
|
+
inputType: _Button.ButtonInputType.Submit,
|
|
71
69
|
autoFocus: consent !== null && consent !== void 0 && consent.withInput ? false : true // eslint-disable-line
|
|
72
70
|
,
|
|
73
71
|
onClick: consent !== null && consent !== void 0 && consent.withInput ? function () {
|
|
@@ -78,33 +76,33 @@ function Alert(_ref) {
|
|
|
78
76
|
}
|
|
79
77
|
} : consent === null || consent === void 0 || (_consent$action3 = consent.action) === null || _consent$action3 === void 0 ? void 0 : _consent$action3.approve
|
|
80
78
|
})]
|
|
81
|
-
}), variant ===
|
|
79
|
+
}), variant === _Alert2.AlertVariant.Info && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
82
80
|
className: _margin["default"]['mr-2'],
|
|
83
|
-
icon:
|
|
84
|
-
size:
|
|
85
|
-
}), variant ===
|
|
81
|
+
icon: _Icon2.IconName.Info16,
|
|
82
|
+
size: _Icon.IconSize.Small
|
|
83
|
+
}), variant === _Alert2.AlertVariant.Warning && !consent && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
86
84
|
className: _margin["default"]['mr-2'],
|
|
87
|
-
icon:
|
|
88
|
-
size:
|
|
89
|
-
}), variant ===
|
|
85
|
+
icon: _Icon2.IconName.Alert16,
|
|
86
|
+
size: _Icon.IconSize.Small
|
|
87
|
+
}), variant === _Alert2.AlertVariant.Warning && consent && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
90
88
|
className: _margin["default"]['mr-2'],
|
|
91
|
-
icon:
|
|
92
|
-
size:
|
|
93
|
-
}), variant ===
|
|
89
|
+
icon: _Icon2.IconName.Question16,
|
|
90
|
+
size: _Icon.IconSize.Small
|
|
91
|
+
}), variant === _Alert2.AlertVariant.Error && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
94
92
|
className: _margin["default"]['mr-2'],
|
|
95
|
-
icon:
|
|
96
|
-
size:
|
|
97
|
-
}), variant ===
|
|
93
|
+
icon: _Icon2.IconName.XCircle16,
|
|
94
|
+
size: _Icon.IconSize.Small
|
|
95
|
+
}), variant === _Alert2.AlertVariant.Success && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
98
96
|
className: _margin["default"]['mr-2'],
|
|
99
|
-
icon:
|
|
100
|
-
size:
|
|
101
|
-
}), variant ===
|
|
97
|
+
icon: _Icon2.IconName.CheckCircle16,
|
|
98
|
+
size: _Icon.IconSize.Small
|
|
99
|
+
}), variant === _Alert2.AlertVariant.Consent && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
102
100
|
className: _margin["default"]['mr-2'],
|
|
103
|
-
icon:
|
|
104
|
-
size:
|
|
101
|
+
icon: _Icon2.IconName.Question16,
|
|
102
|
+
size: _Icon.IconSize.Small
|
|
105
103
|
}), children, (consent === null || consent === void 0 ? void 0 : consent.withInput) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.Input, {
|
|
106
104
|
dataTest: dataTest === null || dataTest === void 0 ? void 0 : dataTest.value,
|
|
107
|
-
className:
|
|
105
|
+
className: _Alert["default"]['flash-action'],
|
|
108
106
|
value: consentValue,
|
|
109
107
|
placeholder: "",
|
|
110
108
|
ariaAttr: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Blankslate.d.ts","sourceRoot":"","sources":["../../../src/primer/Blankslate/Blankslate.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Blankslate.d.ts","sourceRoot":"","sources":["../../../src/primer/Blankslate/Blankslate.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAwC,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAErF,wBAAgB,UAAU,CAAC,EACzB,SAAuC,EACvC,OAAO,EACP,IAAI,EACJ,OAAmC,EACnC,kBAAyD,GAC1D,EAAE,WAAW,2CAeb"}
|
|
@@ -7,20 +7,20 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.Blankslate = Blankslate;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
9
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
|
-
var _Blankslate = require("./Blankslate.
|
|
11
|
-
var _Blankslate2 =
|
|
10
|
+
var _Blankslate = _interopRequireDefault(require("./Blankslate.scss"));
|
|
11
|
+
var _Blankslate2 = require("./Blankslate.type");
|
|
12
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
13
|
function Blankslate(_ref) {
|
|
14
14
|
var _ref$className = _ref.className,
|
|
15
|
-
className = _ref$className === void 0 ?
|
|
15
|
+
className = _ref$className === void 0 ? _Blankslate2.BlankslateDefault.ClassName : _ref$className,
|
|
16
16
|
heading = _ref.heading,
|
|
17
17
|
text = _ref.text,
|
|
18
18
|
_ref$variant = _ref.variant,
|
|
19
|
-
variant = _ref$variant === void 0 ?
|
|
19
|
+
variant = _ref$variant === void 0 ? _Blankslate2.BlankslateDefault.Variant : _ref$variant,
|
|
20
20
|
_ref$hasCleanBackgrou = _ref.hasCleanBackground,
|
|
21
|
-
hasCleanBackground = _ref$hasCleanBackgrou === void 0 ?
|
|
21
|
+
hasCleanBackground = _ref$hasCleanBackgrou === void 0 ? _Blankslate2.BlankslateDefault.HasCleanBackground : _ref$hasCleanBackgrou;
|
|
22
22
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
23
|
-
className: (0, _classnames["default"])(className,
|
|
23
|
+
className: (0, _classnames["default"])(className, _Blankslate["default"].blankslate, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _Blankslate["default"]['blankslate-narrow'], variant === _Blankslate2.BlankslateVariant.Narrow), _Blankslate["default"]['blankslate-capped'], variant === _Blankslate2.BlankslateVariant.Capped === true), _Blankslate["default"]['blankslate-spacious'], variant === _Blankslate2.BlankslateVariant.Spacious), _Blankslate["default"]['blankslate-large'], variant === _Blankslate2.BlankslateVariant.Large), _Blankslate["default"]['blankslate-clean-background'], hasCleanBackground === true)),
|
|
24
24
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
|
|
25
25
|
children: heading
|
|
26
26
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/primer/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAOA,OAAO,
|
|
1
|
+
{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/primer/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAsC,WAAW,EAAuB,MAAM,mBAAmB,CAAA;AAExG,wBAAgB,UAAU,CAAC,EACzB,SAAuC,EACvC,QAAQ,EACR,KAAK,EACL,OAAO,EACP,KAA+B,GAChC,EAAE,WAAW,2CA6Cb"}
|
|
@@ -6,28 +6,28 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.Breadcrumb = Breadcrumb;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
|
-
var _uuid = require("uuid");
|
|
11
9
|
var _typography = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/typography.scss"));
|
|
12
10
|
var _array = require("@papillonarts/library/array");
|
|
13
|
-
var
|
|
14
|
-
var
|
|
11
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
12
|
+
var _uuid = require("uuid");
|
|
13
|
+
var _Breadcrumb = _interopRequireDefault(require("./Breadcrumb.scss"));
|
|
14
|
+
var _Breadcrumb2 = require("./Breadcrumb.type");
|
|
15
15
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
16
16
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
17
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */ /* eslint-disable jsx-a11y/click-events-have-key-events */
|
|
17
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */ /* eslint-disable jsx-a11y/click-events-have-key-events */
|
|
18
18
|
function Breadcrumb(_ref) {
|
|
19
19
|
var _ref$className = _ref.className,
|
|
20
|
-
className = _ref$className === void 0 ?
|
|
20
|
+
className = _ref$className === void 0 ? _Breadcrumb2.BreadcrumbDefault.ClassName : _ref$className,
|
|
21
21
|
ariaAttr = _ref.ariaAttr,
|
|
22
22
|
items = _ref.items,
|
|
23
23
|
_onClick = _ref.onClick,
|
|
24
24
|
_ref$state = _ref.state,
|
|
25
|
-
state = _ref$state === void 0 ?
|
|
25
|
+
state = _ref$state === void 0 ? _Breadcrumb2.BreadcrumbDefault.State : _ref$state;
|
|
26
26
|
var indexItems = (0, _array.getIndexItems)(items);
|
|
27
27
|
var label = ariaAttr.label,
|
|
28
28
|
current = ariaAttr.current;
|
|
29
29
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("nav", {
|
|
30
|
-
className: (0, _classnames["default"])(className, (0, _defineProperty2["default"])({},
|
|
30
|
+
className: (0, _classnames["default"])(className, (0, _defineProperty2["default"])({}, _Breadcrumb["default"]['breadcrumb-inactive'], state === _Breadcrumb2.BreadcrumbState.Inactive)),
|
|
31
31
|
"aria-label": label,
|
|
32
32
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("ol", {
|
|
33
33
|
children: indexItems.map(function (indexItem) {
|
|
@@ -58,7 +58,7 @@ function Breadcrumb(_ref) {
|
|
|
58
58
|
})
|
|
59
59
|
});
|
|
60
60
|
},
|
|
61
|
-
className: !isSelected ? (0, _classnames["default"])(
|
|
61
|
+
className: !isSelected ? (0, _classnames["default"])(_Breadcrumb["default"]['breadcrumb-item']) : (0, _classnames["default"])(_Breadcrumb["default"]['breadcrumb-item'], _Breadcrumb["default"]['breadcrumb-item-selected'], _typography["default"]['text-gray'])
|
|
62
62
|
// @ts-ignore
|
|
63
63
|
,
|
|
64
64
|
href: href
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumb.type.d.ts","sourceRoot":"","sources":["../../../src/primer/Breadcrumb/Breadcrumb.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAA;
|
|
1
|
+
{"version":3,"file":"Breadcrumb.type.d.ts","sourceRoot":"","sources":["../../../src/primer/Breadcrumb/Breadcrumb.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAA;AAEhE,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,eAAe,EAAE,gBAG7B,CAAA;AAED,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,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,KAAK;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,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,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,EAAE,KAAK,EAAE,CAAA;IACd,OAAO,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}
|
|
@@ -4,8 +4,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.BreadcrumbState = exports.BreadcrumbDefault = void 0;
|
|
7
|
-
// import type { IIndexed } from '../../../../library/src/array/type'
|
|
8
|
-
|
|
9
7
|
var BreadcrumbState = exports.BreadcrumbState = {
|
|
10
8
|
Active: 'active',
|
|
11
9
|
Inactive: 'inactive'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/primer/Button/Button.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/primer/Button/Button.tsx"],"names":[],"mappings":"AAKA,OAAO,EAOL,OAAO,EAER,MAAM,eAAe,CAAA;AAEtB,wBAAgB,MAAM,CAAC,EACrB,QAAiC,EACjC,EAAqB,EACrB,SAAmC,EACnC,OAA+B,EAC/B,IAAyB,EACzB,IAAI,EACJ,OAA+B,EAC/B,IAAyB,EACzB,KAA2B,EAC3B,IAAyB,EACzB,OAAO,EACP,SAAmC,EACnC,SAAmC,GACpC,EAAE,OAAO,2CA4DT"}
|
|
@@ -6,58 +6,58 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.Button = Button;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
|
-
var _hooks = require("@papillonarts/library/hooks");
|
|
11
9
|
var _margin = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/margin.scss"));
|
|
12
|
-
var
|
|
13
|
-
var
|
|
10
|
+
var _hooks = require("@papillonarts/library/hooks");
|
|
11
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
14
12
|
var _Icon = require("../Icon");
|
|
13
|
+
var _Button = _interopRequireDefault(require("./Button.scss"));
|
|
14
|
+
var _Button2 = require("./Button.type");
|
|
15
15
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
16
16
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
17
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
17
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
18
18
|
function Button(_ref) {
|
|
19
19
|
var _ref$dataTest = _ref.dataTest,
|
|
20
|
-
dataTest = _ref$dataTest === void 0 ?
|
|
20
|
+
dataTest = _ref$dataTest === void 0 ? _Button2.ButtonDefault.DataTest : _ref$dataTest,
|
|
21
21
|
_ref$id = _ref.id,
|
|
22
|
-
id = _ref$id === void 0 ?
|
|
22
|
+
id = _ref$id === void 0 ? _Button2.ButtonDefault.Id : _ref$id,
|
|
23
23
|
_ref$className = _ref.className,
|
|
24
|
-
className = _ref$className === void 0 ?
|
|
24
|
+
className = _ref$className === void 0 ? _Button2.ButtonDefault.ClassName : _ref$className,
|
|
25
25
|
_ref$element = _ref.element,
|
|
26
|
-
element = _ref$element === void 0 ?
|
|
26
|
+
element = _ref$element === void 0 ? _Button2.ButtonDefault.Element : _ref$element,
|
|
27
27
|
_ref$href = _ref.href,
|
|
28
|
-
href = _ref$href === void 0 ?
|
|
28
|
+
href = _ref$href === void 0 ? _Button2.ButtonDefault.Href : _ref$href,
|
|
29
29
|
text = _ref.text,
|
|
30
30
|
_ref$variant = _ref.variant,
|
|
31
|
-
variant = _ref$variant === void 0 ?
|
|
31
|
+
variant = _ref$variant === void 0 ? _Button2.ButtonDefault.Variant : _ref$variant,
|
|
32
32
|
_ref$size = _ref.size,
|
|
33
|
-
size = _ref$size === void 0 ?
|
|
33
|
+
size = _ref$size === void 0 ? _Button2.ButtonDefault.Size : _ref$size,
|
|
34
34
|
_ref$state = _ref.state,
|
|
35
|
-
state = _ref$state === void 0 ?
|
|
35
|
+
state = _ref$state === void 0 ? _Button2.ButtonDefault.State : _ref$state,
|
|
36
36
|
_ref$icon = _ref.icon,
|
|
37
|
-
icon = _ref$icon === void 0 ?
|
|
37
|
+
icon = _ref$icon === void 0 ? _Button2.ButtonDefault.Icon : _ref$icon,
|
|
38
38
|
_onClick = _ref.onClick,
|
|
39
39
|
_ref$inputType = _ref.inputType,
|
|
40
|
-
inputType = _ref$inputType === void 0 ?
|
|
40
|
+
inputType = _ref$inputType === void 0 ? _Button2.ButtonDefault.InputType : _ref$inputType,
|
|
41
41
|
_ref$autoFocus = _ref.autoFocus,
|
|
42
|
-
autoFocus = _ref$autoFocus === void 0 ?
|
|
43
|
-
var stateProps = state ===
|
|
42
|
+
autoFocus = _ref$autoFocus === void 0 ? _Button2.ButtonDefault.AutoFocus : _ref$autoFocus;
|
|
43
|
+
var stateProps = state === _Button2.ButtonState.Inactive ? _objectSpread({}, {
|
|
44
44
|
disabled: true,
|
|
45
45
|
'aria-disabled': true
|
|
46
46
|
}) : null;
|
|
47
47
|
var fileInputRef = (0, _hooks.useRef)(null);
|
|
48
|
-
if (element ===
|
|
48
|
+
if (element === _Button2.ButtonElement.Button) {
|
|
49
49
|
return (
|
|
50
50
|
/*#__PURE__*/
|
|
51
51
|
// @ts-ignore
|
|
52
52
|
(0, _jsxRuntime.jsxs)("button", _objectSpread(_objectSpread({
|
|
53
53
|
"data-test": dataTest,
|
|
54
54
|
id: id,
|
|
55
|
-
className: (0, _classnames["default"])(className,
|
|
55
|
+
className: (0, _classnames["default"])(className, _Button["default"].btn, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _Button["default"]['btn-sm'], size === _Button2.ButtonSize.Small), _Button["default"]['btn-large'], size === _Button2.ButtonSize.Large), _Button["default"]['btn-primary'], variant === _Button2.ButtonVariant.Primary), _Button["default"]['btn-danger'], variant === _Button2.ButtonVariant.Danger), _Button["default"]['btn-outline'], variant === _Button2.ButtonVariant.Outline), _Button["default"]['btn-blue'], variant === _Button2.ButtonVariant.Blue), _Button["default"]['btn-orange'], variant === _Button2.ButtonVariant.Orange), _Button["default"]['button-inactive'], state === _Button2.ButtonState.Inactive)),
|
|
56
56
|
type: "button",
|
|
57
57
|
autoFocus: autoFocus // eslint-disable-line
|
|
58
58
|
,
|
|
59
59
|
onClick: function onClick() {
|
|
60
|
-
if (inputType ===
|
|
60
|
+
if (inputType === _Button2.ButtonInputType.File) {
|
|
61
61
|
fileInputRef.current.click();
|
|
62
62
|
}
|
|
63
63
|
if (!inputType) {
|
|
@@ -65,15 +65,15 @@ function Button(_ref) {
|
|
|
65
65
|
}
|
|
66
66
|
}
|
|
67
67
|
}, stateProps), {}, {
|
|
68
|
-
children: [(icon === null || icon === void 0 ? void 0 : icon.alignment) ===
|
|
68
|
+
children: [(icon === null || icon === void 0 ? void 0 : icon.alignment) === _Button2.IconAlignment.Left && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
69
69
|
className: _margin["default"]['mr-2'],
|
|
70
70
|
icon: icon.name,
|
|
71
71
|
size: _Icon.IconSize.Small
|
|
72
|
-
}), text, (icon === null || icon === void 0 ? void 0 : icon.alignment) ===
|
|
72
|
+
}), text, (icon === null || icon === void 0 ? void 0 : icon.alignment) === _Button2.IconAlignment.Right && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
73
73
|
className: _margin["default"]['ml-2'],
|
|
74
74
|
icon: icon.name,
|
|
75
75
|
size: _Icon.IconSize.Small
|
|
76
|
-
}), inputType && inputType ===
|
|
76
|
+
}), inputType && inputType === _Button2.ButtonInputType.File && /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
|
|
77
77
|
onChange: function onChange() {
|
|
78
78
|
_onClick(fileInputRef.current.files);
|
|
79
79
|
},
|
|
@@ -91,12 +91,12 @@ function Button(_ref) {
|
|
|
91
91
|
}
|
|
92
92
|
|
|
93
93
|
// @ts-ignore
|
|
94
|
-
if (element ===
|
|
94
|
+
if (element === _Button2.ButtonElement.A) {
|
|
95
95
|
return (
|
|
96
96
|
/*#__PURE__*/
|
|
97
97
|
// @ts-ignore
|
|
98
98
|
(0, _jsxRuntime.jsx)("a", _objectSpread(_objectSpread({
|
|
99
|
-
className: (0, _classnames["default"])(className,
|
|
99
|
+
className: (0, _classnames["default"])(className, _Button["default"].btn),
|
|
100
100
|
href: href,
|
|
101
101
|
role: "button",
|
|
102
102
|
onClick: _onClick
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/primer/Dropdown/Dropdown.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/primer/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAkC,SAAS,EAAuB,MAAM,iBAAiB,CAAA;AAEhG,wBAAgB,QAAQ,CAAC,EACvB,SAAqC,EACrC,OAAO,EACP,QAAmC,EACnC,KAAK,EACL,OAAO,EACP,KAA6B,GAC9B,EAAE,SAAS,2CAkFX"}
|
|
@@ -6,33 +6,29 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.Dropdown = Dropdown;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
|
-
var _uuid = require("uuid");
|
|
11
9
|
var _details = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/details.scss"));
|
|
12
|
-
var _visibilityDisplay = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/visibility-display.scss"));
|
|
13
|
-
var _layout = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/layout.scss"));
|
|
14
10
|
var _flexbox = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/flexbox.scss"));
|
|
11
|
+
var _layout = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/layout.scss"));
|
|
12
|
+
var _visibilityDisplay = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/visibility-display.scss"));
|
|
15
13
|
var _array = require("@papillonarts/library/array");
|
|
16
14
|
var _hooks = require("@papillonarts/library/hooks");
|
|
15
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
16
|
+
var _uuid = require("uuid");
|
|
17
17
|
var _Button = _interopRequireDefault(require("../Button/Button.scss"));
|
|
18
|
-
var _Dropdown = require("./Dropdown.
|
|
19
|
-
var _Dropdown2 =
|
|
18
|
+
var _Dropdown = _interopRequireDefault(require("./Dropdown.scss"));
|
|
19
|
+
var _Dropdown2 = require("./Dropdown.type");
|
|
20
20
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
21
|
-
// import { getIndexItems, getIndexItemsWithSelected } from '../../../../library/src/array'
|
|
22
|
-
|
|
23
|
-
// import { useRef } from '../../../../library/src/hooks'
|
|
24
|
-
|
|
25
21
|
function Dropdown(_ref) {
|
|
26
22
|
var _ariaAttr$hasPopup;
|
|
27
23
|
var _ref$className = _ref.className,
|
|
28
|
-
className = _ref$className === void 0 ?
|
|
24
|
+
className = _ref$className === void 0 ? _Dropdown2.DropdownDefault.ClassName : _ref$className,
|
|
29
25
|
summary = _ref.summary,
|
|
30
26
|
_ref$ariaAttr = _ref.ariaAttr,
|
|
31
|
-
ariaAttr = _ref$ariaAttr === void 0 ?
|
|
27
|
+
ariaAttr = _ref$ariaAttr === void 0 ? _Dropdown2.DropdownDefault.AriaAttr : _ref$ariaAttr,
|
|
32
28
|
items = _ref.items,
|
|
33
29
|
_onClick = _ref.onClick,
|
|
34
30
|
_ref$state = _ref.state,
|
|
35
|
-
state = _ref$state === void 0 ?
|
|
31
|
+
state = _ref$state === void 0 ? _Dropdown2.DropdownDefault.State : _ref$state;
|
|
36
32
|
var details = (0, _hooks.useRef)(null);
|
|
37
33
|
if (!items) {
|
|
38
34
|
return null;
|
|
@@ -42,20 +38,20 @@ function Dropdown(_ref) {
|
|
|
42
38
|
className: className,
|
|
43
39
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("details", {
|
|
44
40
|
ref: details,
|
|
45
|
-
className: (0, _classnames["default"])(
|
|
41
|
+
className: (0, _classnames["default"])(_Dropdown["default"].dropdown, _details["default"]['details-reset'], _details["default"]['details-overlay'], _visibilityDisplay["default"]['d-inline-block'], (0, _defineProperty2["default"])({}, _Dropdown["default"]['dropdown-inactive'], state === _Dropdown2.DropdownState.Inactive)),
|
|
46
42
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("summary", {
|
|
47
43
|
className: (0, _classnames["default"])(_Button["default"].btn),
|
|
48
44
|
"aria-haspopup": (_ariaAttr$hasPopup = ariaAttr === null || ariaAttr === void 0 ? void 0 : ariaAttr.hasPopup) !== null && _ariaAttr$hasPopup !== void 0 ? _ariaAttr$hasPopup : false,
|
|
49
45
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
50
|
-
className: (0, _classnames["default"])(_visibilityDisplay["default"]['d-flex'], _flexbox["default"]['flex-justify-between'], _flexbox["default"]['flex-items-center'], (0, _defineProperty2["default"])({},
|
|
46
|
+
className: (0, _classnames["default"])(_visibilityDisplay["default"]['d-flex'], _flexbox["default"]['flex-justify-between'], _flexbox["default"]['flex-items-center'], (0, _defineProperty2["default"])({}, _Dropdown["default"]['dropdown-inactive'], state === _Dropdown2.DropdownState.Inactive)),
|
|
51
47
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
52
48
|
children: summary
|
|
53
49
|
}), " ", /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
54
|
-
className:
|
|
50
|
+
className: _Dropdown["default"]['dropdown-caret']
|
|
55
51
|
})]
|
|
56
52
|
})
|
|
57
53
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
|
|
58
|
-
className: (0, _classnames["default"])(
|
|
54
|
+
className: (0, _classnames["default"])(_Dropdown["default"]['dropdown-menu'], _Dropdown["default"]['dropdown-menu-se'], _layout["default"]['width-full']),
|
|
59
55
|
children: indexItems.map(function (indexItem) {
|
|
60
56
|
var href = indexItem.href,
|
|
61
57
|
text = indexItem.text;
|
|
@@ -91,7 +87,7 @@ function Dropdown(_ref) {
|
|
|
91
87
|
});
|
|
92
88
|
details.current.removeAttribute('open');
|
|
93
89
|
},
|
|
94
|
-
className:
|
|
90
|
+
className: _Dropdown["default"]['dropdown-item'],
|
|
95
91
|
href: href
|
|
96
92
|
// @ts-ignore
|
|
97
93
|
// {...itemOtherProps}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.type.d.ts","sourceRoot":"","sources":["../../../src/primer/Dropdown/Dropdown.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAA;
|
|
1
|
+
{"version":3,"file":"Dropdown.type.d.ts","sourceRoot":"","sources":["../../../src/primer/Dropdown/Dropdown.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAA;AAEhE,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,aAAa,EAAE,cAG3B,CAAA;AAED,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,eAAe,EAAE,gBAO7B,CAAA;AAED,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,KAAK;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,OAAO,CAAA;IACnB,EAAE,EAAE,MAAM,CAAA;IACV,eAAe,EAAE,MAAM,CAAA;IACvB,cAAc,EAAE,MAAM,CAAA;CACvB;AAED,MAAM,WAAW,YAAa,SAAQ,QAAQ,EAAE,KAAK;CAAG;AAExD,MAAM,WAAW,SAAS;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,KAAK,EAAE,KAAK,EAAE,CAAA;IACd,OAAO,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}
|
|
@@ -4,8 +4,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.DropdownState = exports.DropdownDefault = void 0;
|
|
7
|
-
// import type { IIndexed } from '../../../../library/src/array/type'
|
|
8
|
-
|
|
9
7
|
var DropdownState = exports.DropdownState = {
|
|
10
8
|
Active: 'active',
|
|
11
9
|
Inactive: 'inactive'
|
|
@@ -6,6 +6,6 @@ export declare class ErrorBoundary extends Component<IErrorBoundary> {
|
|
|
6
6
|
hasError: boolean;
|
|
7
7
|
};
|
|
8
8
|
componentDidCatch(error: any, errorInfo: any): void;
|
|
9
|
-
render(): string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode
|
|
9
|
+
render(): string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode>>;
|
|
10
10
|
}
|
|
11
11
|
//# sourceMappingURL=ErrorBoundary.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/primer/Form/Checkbox/Checkbox.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/primer/Form/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAkC,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAE3E,wBAAgB,QAAQ,CAAC,EACvB,QAAmC,EACnC,SAAqC,EACrC,OAAiC,EACjC,QAAQ,EACR,SAAqC,EACrC,SAAqC,EACrC,IAA2B,EAC3B,QAAQ,EACR,KAA6B,GAC9B,EAAE,SAAS,2CAuBX"}
|
|
@@ -6,33 +6,33 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.Checkbox = Checkbox;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
9
|
var _margin = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/margin.scss"));
|
|
11
|
-
var
|
|
12
|
-
var _Checkbox2 = _interopRequireDefault(require("./Checkbox.scss"));
|
|
10
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
11
|
var _index = _interopRequireDefault(require("../index.scss"));
|
|
12
|
+
var _Checkbox = _interopRequireDefault(require("./Checkbox.scss"));
|
|
13
|
+
var _Checkbox2 = require("./Checkbox.type");
|
|
14
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
15
|
function Checkbox(_ref) {
|
|
16
16
|
var _ref$dataTest = _ref.dataTest,
|
|
17
|
-
dataTest = _ref$dataTest === void 0 ?
|
|
17
|
+
dataTest = _ref$dataTest === void 0 ? _Checkbox2.CheckboxDefault.DataTest : _ref$dataTest,
|
|
18
18
|
_ref$className = _ref.className,
|
|
19
|
-
className = _ref$className === void 0 ?
|
|
19
|
+
className = _ref$className === void 0 ? _Checkbox2.CheckboxDefault.ClassName : _ref$className,
|
|
20
20
|
_ref$htmlFor = _ref.htmlFor,
|
|
21
|
-
htmlFor = _ref$htmlFor === void 0 ?
|
|
21
|
+
htmlFor = _ref$htmlFor === void 0 ? _Checkbox2.CheckboxDefault.HtmlFor : _ref$htmlFor,
|
|
22
22
|
ariaAttr = _ref.ariaAttr,
|
|
23
23
|
_ref$inputType = _ref.inputType,
|
|
24
|
-
inputType = _ref$inputType === void 0 ?
|
|
24
|
+
inputType = _ref$inputType === void 0 ? _Checkbox2.CheckboxDefault.InputType : _ref$inputType,
|
|
25
25
|
_ref$isChecked = _ref.isChecked,
|
|
26
|
-
isChecked = _ref$isChecked === void 0 ?
|
|
26
|
+
isChecked = _ref$isChecked === void 0 ? _Checkbox2.CheckboxDefault.IsChecked : _ref$isChecked,
|
|
27
27
|
_ref$text = _ref.text,
|
|
28
|
-
text = _ref$text === void 0 ?
|
|
28
|
+
text = _ref$text === void 0 ? _Checkbox2.CheckboxDefault.Text : _ref$text,
|
|
29
29
|
_onChange = _ref.onChange,
|
|
30
30
|
_ref$state = _ref.state,
|
|
31
|
-
state = _ref$state === void 0 ?
|
|
31
|
+
state = _ref$state === void 0 ? _Checkbox2.CheckboxDefault.State : _ref$state;
|
|
32
32
|
var describedBy = ariaAttr.describedBy;
|
|
33
33
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
34
34
|
"data-test": dataTest,
|
|
35
|
-
className: (0, _classnames["default"])(className, _margin["default"]['m-0'], _index["default"]['form-checkbox'], (0, _defineProperty2["default"])({},
|
|
35
|
+
className: (0, _classnames["default"])(className, _margin["default"]['m-0'], _index["default"]['form-checkbox'], (0, _defineProperty2["default"])({}, _Checkbox["default"]['checkbox-inactive'], state === _Checkbox2.CheckboxState.Inactive)),
|
|
36
36
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
|
|
37
37
|
htmlFor: htmlFor,
|
|
38
38
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/primer/Form/Input/Input.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/primer/Form/Input/Input.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAA4B,MAAM,cAAc,CAAA;AAE/D,wBAAgB,KAAK,CAAC,EACpB,QAAgC,EAChC,EAAoB,EACpB,SAAkC,EAClC,WAAsC,EACtC,QAAgC,EAChC,SAAkC,EAClC,KAAK,EACL,QAAQ,EACR,OAAO,EACP,OAA8B,EAC9B,MAA4B,EAC5B,SAAS,EACT,KAA0B,GAC3B,EAAE,MAAM,2CAuBR"}
|