@papillonarts/components 0.29.0 → 0.31.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 +1 -1
- package/build/primer/Alert/Alert.d.ts.map +1 -1
- package/build/primer/Alert/Alert.js +53 -59
- package/build/primer/Alert/Alert.scss +0 -11
- package/build/primer/Alert/Alert.type.d.ts +7 -6
- package/build/primer/Alert/Alert.type.d.ts.map +1 -1
- package/build/primer/Alert/Alert.type.js +8 -2
- 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 +1 -1
- package/build/primer/Button/Button.d.ts.map +1 -1
- package/build/primer/Button/Button.js +30 -27
- package/build/primer/Button/Button.type.d.ts +2 -2
- package/build/primer/Button/Button.type.d.ts.map +1 -1
- package/build/primer/Button/Button.type.js +1 -1
- 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 +1 -1
- package/build/primer/Form/Input/Input.d.ts.map +1 -1
- package/build/primer/Form/Input/Input.js +14 -14
- package/build/primer/Form/Input/Input.type.d.ts +2 -2
- package/build/primer/Form/Input/Input.type.d.ts.map +1 -1
- package/build/primer/Form/Input/Input.type.js +1 -1
- 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
|
@@ -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,3 +1,3 @@
|
|
|
1
1
|
import { IInput } from './Input.type';
|
|
2
|
-
export declare function Input({
|
|
2
|
+
export declare function Input({ dataTestId, id, className, placeholder, ariaAttr, inputType, value, onChange, onKeyUp, onFocus, onBlur, autoFocus, state, }: IInput): import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
//# sourceMappingURL=Input.d.ts.map
|
|
@@ -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,UAAoC,EACpC,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"}
|
|
@@ -7,37 +7,37 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.Input = Input;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
9
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
|
-
var _Input = require("./Input.type");
|
|
11
|
-
var _Input2 = _interopRequireDefault(require("./Input.scss"));
|
|
12
10
|
var _index = _interopRequireDefault(require("../index.scss"));
|
|
11
|
+
var _Input = _interopRequireDefault(require("./Input.scss"));
|
|
12
|
+
var _Input2 = require("./Input.type");
|
|
13
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
14
|
function Input(_ref) {
|
|
15
|
-
var _ref$
|
|
16
|
-
|
|
15
|
+
var _ref$dataTestId = _ref.dataTestId,
|
|
16
|
+
dataTestId = _ref$dataTestId === void 0 ? _Input2.InputDefault.DataTestId : _ref$dataTestId,
|
|
17
17
|
_ref$id = _ref.id,
|
|
18
|
-
id = _ref$id === void 0 ?
|
|
18
|
+
id = _ref$id === void 0 ? _Input2.InputDefault.Id : _ref$id,
|
|
19
19
|
_ref$className = _ref.className,
|
|
20
|
-
className = _ref$className === void 0 ?
|
|
20
|
+
className = _ref$className === void 0 ? _Input2.InputDefault.ClassName : _ref$className,
|
|
21
21
|
_ref$placeholder = _ref.placeholder,
|
|
22
|
-
placeholder = _ref$placeholder === void 0 ?
|
|
22
|
+
placeholder = _ref$placeholder === void 0 ? _Input2.InputDefault.Placeholder : _ref$placeholder,
|
|
23
23
|
_ref$ariaAttr = _ref.ariaAttr,
|
|
24
|
-
ariaAttr = _ref$ariaAttr === void 0 ?
|
|
24
|
+
ariaAttr = _ref$ariaAttr === void 0 ? _Input2.InputDefault.AriaAttr : _ref$ariaAttr,
|
|
25
25
|
_ref$inputType = _ref.inputType,
|
|
26
|
-
inputType = _ref$inputType === void 0 ?
|
|
26
|
+
inputType = _ref$inputType === void 0 ? _Input2.InputDefault.InputType : _ref$inputType,
|
|
27
27
|
value = _ref.value,
|
|
28
28
|
_onChange = _ref.onChange,
|
|
29
29
|
_onKeyUp = _ref.onKeyUp,
|
|
30
30
|
_ref$onFocus = _ref.onFocus,
|
|
31
|
-
onFocus = _ref$onFocus === void 0 ?
|
|
31
|
+
onFocus = _ref$onFocus === void 0 ? _Input2.InputDefault.OnFocus : _ref$onFocus,
|
|
32
32
|
_ref$onBlur = _ref.onBlur,
|
|
33
|
-
onBlur = _ref$onBlur === void 0 ?
|
|
33
|
+
onBlur = _ref$onBlur === void 0 ? _Input2.InputDefault.OnBlur : _ref$onBlur,
|
|
34
34
|
autoFocus = _ref.autoFocus,
|
|
35
35
|
_ref$state = _ref.state,
|
|
36
|
-
state = _ref$state === void 0 ?
|
|
36
|
+
state = _ref$state === void 0 ? _Input2.InputDefault.State : _ref$state;
|
|
37
37
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
|
|
38
|
-
"data-
|
|
38
|
+
"data-testid": dataTestId,
|
|
39
39
|
id: id,
|
|
40
|
-
className: (0, _classnames["default"])(className, _index["default"]['form-control'], (0, _defineProperty2["default"])({},
|
|
40
|
+
className: (0, _classnames["default"])(className, _index["default"]['form-control'], (0, _defineProperty2["default"])({}, _Input["default"]['input-inactive'], state === _Input2.InputState.Inactive)),
|
|
41
41
|
value: value,
|
|
42
42
|
onChange: function onChange(event) {
|
|
43
43
|
_onChange(event);
|
|
@@ -9,7 +9,7 @@ export interface IInputType {
|
|
|
9
9
|
}
|
|
10
10
|
export declare const InputType: IInputType;
|
|
11
11
|
export interface IInputDefault {
|
|
12
|
-
|
|
12
|
+
DataTestId: string;
|
|
13
13
|
Id: string;
|
|
14
14
|
ClassName: string;
|
|
15
15
|
Placeholder: string;
|
|
@@ -27,7 +27,7 @@ export interface IAriaAttr {
|
|
|
27
27
|
label: string;
|
|
28
28
|
}
|
|
29
29
|
export interface IInput {
|
|
30
|
-
|
|
30
|
+
dataTestId?: string;
|
|
31
31
|
id?: string;
|
|
32
32
|
className?: string;
|
|
33
33
|
placeholder?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.type.d.ts","sourceRoot":"","sources":["../../../../src/primer/Form/Input/Input.type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,UAAU,EAAE,WAGxB,CAAA;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,SAAS,EAAE,UAGvB,CAAA;AAED,MAAM,WAAW,aAAa;IAC5B,
|
|
1
|
+
{"version":3,"file":"Input.type.d.ts","sourceRoot":"","sources":["../../../../src/primer/Form/Input/Input.type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,UAAU,EAAE,WAGxB,CAAA;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,SAAS,EAAE,UAGvB,CAAA;AAED,MAAM,WAAW,aAAa;IAC5B,UAAU,EAAE,MAAM,CAAA;IAClB,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,SAAS,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,YAAY,EAAE,aAe1B,CAAA;AAED,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,MAAM;IACrB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAA;IAC1B,OAAO,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAA;IACzB,OAAO,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAA;IACzB,MAAM,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAA;IACxB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../../src/primer/Form/Radio/Radio.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../../src/primer/Form/Radio/Radio.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,EAA4B,MAAM,cAAc,CAAA;AAE/D,wBAAgB,KAAK,CAAC,EACpB,QAAgC,EAChC,SAAkC,EAClC,OAA8B,EAC9B,SAAkC,EAClC,IAAI,EACJ,SAAkC,EAClC,IAAwB,EACxB,QAAQ,EACR,KAA0B,GAC3B,EAAE,MAAM,2CAqBR"}
|
|
@@ -6,32 +6,32 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.Radio = Radio;
|
|
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 _Radio2 = _interopRequireDefault(require("./Radio.scss"));
|
|
10
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
11
|
var _index = _interopRequireDefault(require("../index.scss"));
|
|
12
|
+
var _Radio = _interopRequireDefault(require("./Radio.scss"));
|
|
13
|
+
var _Radio2 = require("./Radio.type");
|
|
14
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
15
|
function Radio(_ref) {
|
|
16
16
|
var _ref$dataTest = _ref.dataTest,
|
|
17
|
-
dataTest = _ref$dataTest === void 0 ?
|
|
17
|
+
dataTest = _ref$dataTest === void 0 ? _Radio2.RadioDefault.DataTest : _ref$dataTest,
|
|
18
18
|
_ref$className = _ref.className,
|
|
19
|
-
className = _ref$className === void 0 ?
|
|
19
|
+
className = _ref$className === void 0 ? _Radio2.RadioDefault.ClassName : _ref$className,
|
|
20
20
|
_ref$htmlFor = _ref.htmlFor,
|
|
21
|
-
htmlFor = _ref$htmlFor === void 0 ?
|
|
21
|
+
htmlFor = _ref$htmlFor === void 0 ? _Radio2.RadioDefault.HtmlFor : _ref$htmlFor,
|
|
22
22
|
_ref$inputType = _ref.inputType,
|
|
23
|
-
inputType = _ref$inputType === void 0 ?
|
|
23
|
+
inputType = _ref$inputType === void 0 ? _Radio2.RadioDefault.InputType : _ref$inputType,
|
|
24
24
|
name = _ref.name,
|
|
25
25
|
_ref$isChecked = _ref.isChecked,
|
|
26
|
-
isChecked = _ref$isChecked === void 0 ?
|
|
26
|
+
isChecked = _ref$isChecked === void 0 ? _Radio2.RadioDefault.IsChecked : _ref$isChecked,
|
|
27
27
|
_ref$text = _ref.text,
|
|
28
|
-
text = _ref$text === void 0 ?
|
|
28
|
+
text = _ref$text === void 0 ? _Radio2.RadioDefault.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 ? _Radio2.RadioDefault.State : _ref$state;
|
|
32
32
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
33
33
|
"data-test": dataTest,
|
|
34
|
-
className: (0, _classnames["default"])(className, _margin["default"]['m-0'], _index["default"]['form-checkbox'], (0, _defineProperty2["default"])({},
|
|
34
|
+
className: (0, _classnames["default"])(className, _margin["default"]['m-0'], _index["default"]['form-checkbox'], (0, _defineProperty2["default"])({}, _Radio["default"]['radio-inactive'], state === _Radio2.RadioState.Inactive)),
|
|
35
35
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
|
|
36
36
|
htmlFor: htmlFor,
|
|
37
37
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DisplayTable.d.ts","sourceRoot":"","sources":["../../../../src/primer/Grid/DisplayTable/DisplayTable.tsx"],"names":[],"mappings":"AASA,OAAO,
|
|
1
|
+
{"version":3,"file":"DisplayTable.d.ts","sourceRoot":"","sources":["../../../../src/primer/Grid/DisplayTable/DisplayTable.tsx"],"names":[],"mappings":"AASA,OAAO,EAAuB,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAExE,wBAAgB,YAAY,CAAC,EAC3B,SAAyC,EACzC,KAAK,EACL,OAAqC,EACrC,eAAqD,GACtD,EAAE,aAAa,2CAmDf"}
|
|
@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.DisplayTable = DisplayTable;
|
|
8
|
-
var _react = require("react");
|
|
9
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
|
-
var _uuid = require("uuid");
|
|
11
|
-
var _visibilityDisplay = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/visibility-display.scss"));
|
|
12
8
|
var _borders = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/borders.scss"));
|
|
9
|
+
var _colors = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/colors.scss"));
|
|
13
10
|
var _padding = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/padding.scss"));
|
|
14
11
|
var _typography = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/typography.scss"));
|
|
15
|
-
var
|
|
12
|
+
var _visibilityDisplay = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/visibility-display.scss"));
|
|
13
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
14
|
+
var _react = require("react");
|
|
15
|
+
var _uuid = require("uuid");
|
|
16
16
|
var _grid = _interopRequireDefault(require("../../Layout/grid.scss"));
|
|
17
17
|
var _DisplayTable = require("./DisplayTable.type");
|
|
18
18
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FlexGrid.d.ts","sourceRoot":"","sources":["../../../../src/primer/Grid/FlexGrid/FlexGrid.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FlexGrid.d.ts","sourceRoot":"","sources":["../../../../src/primer/Grid/FlexGrid/FlexGrid.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAqD,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAE9F,wBAAgB,QAAQ,CAAC,EACvB,SAAqC,EACrC,KAAK,EACL,OAAiC,EACjC,eAAiD,EACjD,SAAqC,EACrC,IAAI,EACJ,QAAmC,EACnC,OAAiC,EACjC,aAA6C,EAC7C,SAAqC,EACrC,KAA6B,GAC9B,EAAE,SAAS,2CAgPX"}
|
|
@@ -7,62 +7,58 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.FlexGrid = FlexGrid;
|
|
8
8
|
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
|
9
9
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
10
|
-
var
|
|
11
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
12
|
-
var _uuid = require("uuid");
|
|
13
|
-
var _string = require("@papillonarts/library/string");
|
|
14
|
-
var _sort = require("@papillonarts/library/sort");
|
|
15
|
-
var _visibilityDisplay = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/visibility-display.scss"));
|
|
16
|
-
var _flexbox = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/flexbox.scss"));
|
|
10
|
+
var _index = _interopRequireDefault(require("@papillonarts/css/build/primer/truncate/index.scss"));
|
|
17
11
|
var _borders = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/borders.scss"));
|
|
18
|
-
var
|
|
12
|
+
var _colors = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/colors.scss"));
|
|
13
|
+
var _flexbox = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/flexbox.scss"));
|
|
14
|
+
var _layout = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/layout.scss"));
|
|
19
15
|
var _margin = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/margin.scss"));
|
|
16
|
+
var _padding = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/padding.scss"));
|
|
20
17
|
var _typography = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/typography.scss"));
|
|
21
|
-
var
|
|
22
|
-
var
|
|
23
|
-
var
|
|
24
|
-
var
|
|
25
|
-
var
|
|
26
|
-
var
|
|
27
|
-
var _Radio = require("../../Form/Radio");
|
|
18
|
+
var _visibilityDisplay = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/visibility-display.scss"));
|
|
19
|
+
var _sort = require("@papillonarts/library/sort");
|
|
20
|
+
var _string = require("@papillonarts/library/string");
|
|
21
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
22
|
+
var _react = require("react");
|
|
23
|
+
var _uuid = require("uuid");
|
|
28
24
|
var _Checkbox = require("../../Form/Checkbox");
|
|
25
|
+
var _Radio = require("../../Form/Radio");
|
|
29
26
|
var _Icon = require("../../Icon");
|
|
27
|
+
var _grid = _interopRequireDefault(require("../../Layout/grid.scss"));
|
|
28
|
+
var _FlexGrid = _interopRequireDefault(require("./FlexGrid.scss"));
|
|
29
|
+
var _FlexGrid2 = require("./FlexGrid.type");
|
|
30
30
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
31
|
-
// import { getCapizalizedString } from '../../../../../library/src/string'
|
|
32
|
-
|
|
33
|
-
// import { SortOrder } from '../../../../../library/src/sort'
|
|
34
|
-
|
|
35
31
|
function FlexGrid(_ref) {
|
|
36
32
|
var _items$;
|
|
37
33
|
var _ref$className = _ref.className,
|
|
38
|
-
className = _ref$className === void 0 ?
|
|
34
|
+
className = _ref$className === void 0 ? _FlexGrid2.FlexGridDefault.ClassName : _ref$className,
|
|
39
35
|
items = _ref.items,
|
|
40
36
|
_ref$idIndex = _ref.idIndex,
|
|
41
|
-
idIndex = _ref$idIndex === void 0 ?
|
|
37
|
+
idIndex = _ref$idIndex === void 0 ? _FlexGrid2.FlexGridDefault.IdIndex : _ref$idIndex,
|
|
42
38
|
_ref$isSelectedIndex = _ref.isSelectedIndex,
|
|
43
|
-
isSelectedIndex = _ref$isSelectedIndex === void 0 ?
|
|
39
|
+
isSelectedIndex = _ref$isSelectedIndex === void 0 ? _FlexGrid2.FlexGridDefault.IsSelectedIndex : _ref$isSelectedIndex,
|
|
44
40
|
_ref$selection = _ref.selection,
|
|
45
|
-
selection = _ref$selection === void 0 ?
|
|
41
|
+
selection = _ref$selection === void 0 ? _FlexGrid2.FlexGridDefault.Selection : _ref$selection,
|
|
46
42
|
sort = _ref.sort,
|
|
47
43
|
_ref$onChange = _ref.onChange,
|
|
48
|
-
_onChange = _ref$onChange === void 0 ?
|
|
44
|
+
_onChange = _ref$onChange === void 0 ? _FlexGrid2.FlexGridDefault.OnChange : _ref$onChange,
|
|
49
45
|
_ref$onClick = _ref.onClick,
|
|
50
|
-
_onClick = _ref$onClick === void 0 ?
|
|
46
|
+
_onClick = _ref$onClick === void 0 ? _FlexGrid2.FlexGridDefault.OnClick : _ref$onClick,
|
|
51
47
|
_ref$onDoubleClick = _ref.onDoubleClick,
|
|
52
|
-
_onDoubleClick = _ref$onDoubleClick === void 0 ?
|
|
48
|
+
_onDoubleClick = _ref$onDoubleClick === void 0 ? _FlexGrid2.FlexGridDefault.OnDoubleClick : _ref$onDoubleClick,
|
|
53
49
|
_ref$iconColor = _ref.iconColor,
|
|
54
|
-
iconColor = _ref$iconColor === void 0 ?
|
|
50
|
+
iconColor = _ref$iconColor === void 0 ? _FlexGrid2.FlexGridDefault.IconColor : _ref$iconColor,
|
|
55
51
|
_ref$state = _ref.state,
|
|
56
|
-
state = _ref$state === void 0 ?
|
|
52
|
+
state = _ref$state === void 0 ? _FlexGrid2.FlexGridDefault.State : _ref$state;
|
|
57
53
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
58
|
-
className: (0, _classnames["default"])(className, (0, _defineProperty2["default"])({},
|
|
54
|
+
className: (0, _classnames["default"])(className, (0, _defineProperty2["default"])({}, _FlexGrid["default"]['flexGrid-inactive'], state === _FlexGrid2.FlexGridState.Inactive)),
|
|
59
55
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
60
56
|
className: (0, _classnames["default"])(_visibilityDisplay["default"]['d-flex'], _flexbox["default"]['flex-row'], _flexbox["default"]['flex-items-start'], _colors["default"]['bg-blue-light'], (0, _defineProperty2["default"])({}, _borders["default"].border, items === null || items === void 0 ? void 0 : items[0])),
|
|
61
57
|
children: items === null || items === void 0 || (_items$ = items[0]) === null || _items$ === void 0 || (_items$ = _items$.names) === null || _items$ === void 0 ? void 0 : _items$.map(function (name, nameIndex) {
|
|
62
58
|
var _items$2;
|
|
63
59
|
var isIdColumn = nameIndex === idIndex;
|
|
64
60
|
var isSelectedColumn = nameIndex === isSelectedIndex;
|
|
65
|
-
var isSelectedComponent = selection ===
|
|
61
|
+
var isSelectedComponent = selection === _FlexGrid2.FlexGridSelection.Radio ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.Checkbox, {
|
|
66
62
|
ariaAttr: {
|
|
67
63
|
describedBy: name.toString()
|
|
68
64
|
},
|
|
@@ -105,7 +101,7 @@ function FlexGrid(_ref) {
|
|
|
105
101
|
}
|
|
106
102
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
|
|
107
103
|
children: !isIdColumn && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
108
|
-
className: (0, _classnames["default"])(_typography["default"].h6, _visibilityDisplay["default"]['d-flex'], _flexbox["default"]['flex-row'], _padding["default"]['p-2'], _index["default"]['css-truncate'], _index["default"]['css-truncate-overflow'],
|
|
104
|
+
className: (0, _classnames["default"])(_typography["default"].h6, _visibilityDisplay["default"]['d-flex'], _flexbox["default"]['flex-row'], _padding["default"]['p-2'], _index["default"]['css-truncate'], _index["default"]['css-truncate-overflow'], _FlexGrid["default"].item, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _grid["default"]['col-2'], isSelectedColumn), _grid["default"]['col-12'], !isSelectedColumn), _flexbox["default"]['flex-justify-center'], isSelectedColumn), _flexbox["default"]['flex-justify-between'], !isSelectedColumn)),
|
|
109
105
|
onClick: function onClick() {
|
|
110
106
|
if (!isSelectedColumn) {
|
|
111
107
|
// @ts-ignore
|
|
@@ -140,7 +136,7 @@ function FlexGrid(_ref) {
|
|
|
140
136
|
})
|
|
141
137
|
}), items === null || items === void 0 ? void 0 : items.map(function (item, itemIndex) {
|
|
142
138
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
143
|
-
className: (0, _classnames["default"])(_visibilityDisplay["default"]['d-flex'], _flexbox["default"]['flex-row'], _flexbox["default"]['flex-items-start'], _borders["default"].border,
|
|
139
|
+
className: (0, _classnames["default"])(_visibilityDisplay["default"]['d-flex'], _flexbox["default"]['flex-row'], _flexbox["default"]['flex-items-start'], _borders["default"].border, _FlexGrid["default"].item, _FlexGrid["default"].row),
|
|
144
140
|
onClick: function onClick() {
|
|
145
141
|
var bubleUpNewItems = true;
|
|
146
142
|
var newItems = items === null || items === void 0 ? void 0 : items.map(function (_ref3, newItemIndex) {
|
|
@@ -172,7 +168,7 @@ function FlexGrid(_ref) {
|
|
|
172
168
|
children: item.values.map(function (value, valueIndex) {
|
|
173
169
|
var isIdColumn = valueIndex === idIndex;
|
|
174
170
|
var isSelectedColumn = valueIndex === isSelectedIndex;
|
|
175
|
-
var isSelectedComponent = selection ===
|
|
171
|
+
var isSelectedComponent = selection === _FlexGrid2.FlexGridSelection.Radio ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Radio.Radio, {
|
|
176
172
|
name: "isSelected",
|
|
177
173
|
isChecked: item.values[isSelectedIndex] === true,
|
|
178
174
|
onChange: function onChange(event) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FlexGrid.type.d.ts","sourceRoot":"","sources":["../../../../src/primer/Grid/FlexGrid/FlexGrid.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAA;
|
|
1
|
+
{"version":3,"file":"FlexGrid.type.d.ts","sourceRoot":"","sources":["../../../../src/primer/Grid/FlexGrid/FlexGrid.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAA;AAEvD,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,aAAa,EAAE,cAG3B,CAAA;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,iBAAiB,EAAE,kBAG/B,CAAA;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,eAAe,EAAE,MAAM,CAAA;IACvB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB,SAAS,EAAE,UAAU,CAAA;IACrB,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,eAAe,EAAE,gBAa7B,CAAA;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;CACtB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IACxB,MAAM,EAAE,kBAAkB,EAAE,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;CACjD;AAED,MAAM,WAAW,SAAS;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,aAAa,EAAE,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,KAAK,CAAA;IACX,QAAQ,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAA;IAC1B,OAAO,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAA;IACzB,aAAa,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAA;IAC/B,SAAS,CAAC,EAAE,UAAU,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}
|
|
@@ -4,8 +4,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.FlexGridState = exports.FlexGridSelection = exports.FlexGridDefault = void 0;
|
|
7
|
-
// import { ISort } from '../../../../../library/src/sort/type'
|
|
8
|
-
|
|
9
7
|
var FlexGridState = exports.FlexGridState = {
|
|
10
8
|
Active: 'active',
|
|
11
9
|
Inactive: 'inactive'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primer/Grid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,QAAQ,EAAoC,MAAM,YAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primer/Grid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,QAAQ,EAAoC,MAAM,YAAY,CAAA;AAEvE,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAE/C,eAAO,MAAM,IAAI;;;;;CAKhB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/primer/Icon/Icon.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/primer/Icon/Icon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAoC,MAAM,aAAa,CAAA;AAIrE,wBAAgB,IAAI,CAAC,EACnB,SAAiC,EACjC,SAAiC,EACjC,IAAI,EACJ,MAA2B,EAC3B,KAAyB,EACzB,IAAuB,EACvB,IAAuB,EACvB,aAAyC,EACzC,GAAG,UAAU,EACd,EAAE,KAAK,2CAiCP"}
|
|
@@ -8,8 +8,8 @@ exports.Icon = Icon;
|
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
9
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
10
10
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
11
|
-
var _Icon = require("./Icon.
|
|
12
|
-
var _Icon2 = require("./Icon.
|
|
11
|
+
var _Icon = require("./Icon.part");
|
|
12
|
+
var _Icon2 = require("./Icon.type");
|
|
13
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
14
|
var _excluded = ["className", "ariaLabel", "icon", "height", "width", "size", "fill", "verticalAlign"];
|
|
15
15
|
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,20 +17,20 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
17
17
|
var defaultSize = [16, 16];
|
|
18
18
|
function Icon(_ref) {
|
|
19
19
|
var _ref$className = _ref.className,
|
|
20
|
-
className = _ref$className === void 0 ?
|
|
20
|
+
className = _ref$className === void 0 ? _Icon2.IconDefault.ClassName : _ref$className,
|
|
21
21
|
_ref$ariaLabel = _ref.ariaLabel,
|
|
22
|
-
ariaLabel = _ref$ariaLabel === void 0 ?
|
|
22
|
+
ariaLabel = _ref$ariaLabel === void 0 ? _Icon2.IconDefault.AriaLabel : _ref$ariaLabel,
|
|
23
23
|
icon = _ref.icon,
|
|
24
24
|
_ref$height = _ref.height,
|
|
25
|
-
height = _ref$height === void 0 ?
|
|
25
|
+
height = _ref$height === void 0 ? _Icon2.IconDefault.Height : _ref$height,
|
|
26
26
|
_ref$width = _ref.width,
|
|
27
|
-
width = _ref$width === void 0 ?
|
|
27
|
+
width = _ref$width === void 0 ? _Icon2.IconDefault.Width : _ref$width,
|
|
28
28
|
_ref$size = _ref.size,
|
|
29
|
-
size = _ref$size === void 0 ?
|
|
29
|
+
size = _ref$size === void 0 ? _Icon2.IconDefault.Size : _ref$size,
|
|
30
30
|
_ref$fill = _ref.fill,
|
|
31
|
-
fill = _ref$fill === void 0 ?
|
|
31
|
+
fill = _ref$fill === void 0 ? _Icon2.IconDefault.Fill : _ref$fill,
|
|
32
32
|
_ref$verticalAlign = _ref.verticalAlign,
|
|
33
|
-
verticalAlign = _ref$verticalAlign === void 0 ?
|
|
33
|
+
verticalAlign = _ref$verticalAlign === void 0 ? _Icon2.IconDefault.VerticalAlign : _ref$verticalAlign,
|
|
34
34
|
otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
35
35
|
var widthHeight = defaultSize;
|
|
36
36
|
var props = {
|
|
@@ -54,16 +54,16 @@ function Icon(_ref) {
|
|
|
54
54
|
};
|
|
55
55
|
var given = width ? 'width' : 'height';
|
|
56
56
|
var computed = given === 'width' ? 'height' : 'width';
|
|
57
|
-
props[given] = width || height ||
|
|
57
|
+
props[given] = width || height || _Icon2.IconSize[size] || size;
|
|
58
58
|
props[computed] = props[given] * (dims[computed] / dims[given]);
|
|
59
59
|
}
|
|
60
60
|
props.style = {
|
|
61
61
|
display: 'inline-block',
|
|
62
62
|
fill: fill,
|
|
63
63
|
userSelect: 'none',
|
|
64
|
-
verticalAlign:
|
|
64
|
+
verticalAlign: _Icon2.IconAlign[verticalAlign] || verticalAlign
|
|
65
65
|
};
|
|
66
|
-
var Element =
|
|
66
|
+
var Element = _Icon.iconComponents[icon];
|
|
67
67
|
return Element != null ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Element, _objectSpread(_objectSpread({
|
|
68
68
|
className: className
|
|
69
69
|
}, props), otherProps)) : null;
|
|
@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.Label = Label;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
9
|
var _colors = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/colors.scss"));
|
|
10
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
11
11
|
var _Label = require("./Label.type");
|
|
12
|
-
var _labels = _interopRequireDefault(require("./labels.scss"));
|
|
13
12
|
var _issueLabels = _interopRequireDefault(require("./issue-labels.scss"));
|
|
13
|
+
var _labels = _interopRequireDefault(require("./labels.scss"));
|
|
14
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
15
|
function Label(_ref) {
|
|
16
16
|
var _ref$className = _ref.className,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Loader.d.ts","sourceRoot":"","sources":["../../../src/primer/Loader/Loader.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Loader.d.ts","sourceRoot":"","sources":["../../../src/primer/Loader/Loader.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,OAAO,EAAgC,MAAM,eAAe,CAAA;AAErE,wBAAgB,MAAM,CAAC,EAAE,SAAmC,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,OAAO,2CAiCrF"}
|