@skyscanner/backpack-web 21.0.2 → 22.0.0-beta.1

package/bpk-component-datatable/src/BpkDataTableHeader.js

@@ -1,44 +1,32 @@
-/*
- * Backpack - Skyscanner's Design System
- *
- * Copyright 2016 Skyscanner Ltd
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-/* @flow strict */
-
-import type { KeyboardEvent } from 'react';
-
-import { cssModules } from '../../bpk-react-utils';
-import BpkSmallArrowDownIcon from '../../bpk-component-icon/sm/arrow-down';
-import BpkSmallArrowUpIcon from '../../bpk-component-icon/sm/arrow-up';
-import { withRtlSupport } from '../../bpk-component-icon';
-
-import { SORT_DIRECTION_TYPES } from './sort-types';
-import STYLES from './BpkDataTableHeader.module.scss';
-import { type ColumnType } from './common-types';
-
-const DownIcon = withRtlSupport(BpkSmallArrowDownIcon);
-const UpIcon = withRtlSupport(BpkSmallArrowUpIcon);
-
-const getClassName = cssModules(STYLES);
+"use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _bpkReactUtils = require("../../bpk-react-utils");
+var _arrowDown = _interopRequireDefault(require("../../bpk-component-icon/sm/arrow-down"));
+var _arrowUp = _interopRequireDefault(require("../../bpk-component-icon/sm/arrow-up"));
+var _bpkComponentIcon = require("../../bpk-component-icon");
+var _sortTypes = require("./sort-types");
+var _BpkDataTableHeaderModule = _interopRequireDefault(require("./BpkDataTableHeader.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+const DownIcon = (0, _bpkComponentIcon.withRtlSupport)(_arrowDown.default);
+const UpIcon = (0, _bpkComponentIcon.withRtlSupport)(_arrowUp.default);
+const getClassName = (0, _bpkReactUtils.cssModules)(_BpkDataTableHeaderModule.default);
 const KEYCODES = {
   ENTER: 13,
-  SPACEBAR: 32,
+  SPACEBAR: 32
 };
-
-const BpkDataTableHeader = ({ column }: { column: ColumnType }) => {
+const BpkDataTableHeader = ({
+  column
+}) => {
   const {
     defaultSortDirection,
     disableSortBy,
@@ -50,94 +38,61 @@ const BpkDataTableHeader = ({ column }: { column: ColumnType }) => {
     label,
     minWidth,
     sortDirection,
-    width,
+    width
   } = column;
-
   const onHeaderClick = () => {
     if (disableSortBy === true) {
       return;
     }
     let isDescending;
-
     if (isSorted) {
       isDescending = isSortedDesc === false;
     } else if (sortDirection) {
-      isDescending = sortDirection === SORT_DIRECTION_TYPES.DESC;
+      isDescending = sortDirection === _sortTypes.SORT_DIRECTION_TYPES.DESC;
     } else if (defaultSortDirection) {
-      isDescending = defaultSortDirection === SORT_DIRECTION_TYPES.DESC;
+      isDescending = defaultSortDirection === _sortTypes.SORT_DIRECTION_TYPES.DESC;
     } else {
       isDescending = false;
     }
-
     column.toggleSortBy(isDescending);
   };
-
-  const handleKeyboardEvent = (event: KeyboardEvent<HTMLElement>) => {
-    if (
-      event.keyCode === KEYCODES.ENTER ||
-      event.keyCode === KEYCODES.SPACEBAR
-    ) {
+  const handleKeyboardEvent = event => {
+    if (event.keyCode === KEYCODES.ENTER || event.keyCode === KEYCODES.SPACEBAR) {
       event.preventDefault();
       onHeaderClick();
     }
   };
-
-  const headerClassNames = getClassName(
-    'bpk-data-table-column__header',
-    headerClassName,
-  );
-  const upIconClassNames = getClassName(
-    'bpk-data-table-column__sort-icon--up',
-    'bpk-data-table-column__sort-icon',
-    isSorted && !isSortedDesc && 'bpk-data-table-column__sort-icon--selected',
-  );
-
-  const downIconClassNames = getClassName(
-    'bpk-data-table-column__sort-icon--down',
-    'bpk-data-table-column__sort-icon',
-    isSorted && isSortedDesc && 'bpk-data-table-column__sort-icon--selected',
-  );
-
-  return (
-    <div
-      {...column.getHeaderProps({
-        style: {
-          width,
-          minWidth,
-          flexGrow,
-          ...headerStyle,
-        },
-        className: headerClassNames,
-      })}
-    >
-      <span
-        onClick={onHeaderClick}
-        onKeyDown={handleKeyboardEvent}
-        aria-label={label}
-        aria-pressed={isSorted}
-        role="button"
-        tabIndex={0}
-      >
-        {column.render('Header')}
-      </span>
-      {!disableSortBy && (
-        <div
-          className={getClassName('bpk-data-table-column__sort-icons')}
-          key="sort"
-          aria-hidden
-        >
-          <UpIcon
-            onClick={() => column.toggleSortBy(false)}
-            className={upIconClassNames}
-          />
-          <DownIcon
-            onClick={() => column.toggleSortBy(true)}
-            className={downIconClassNames}
-          />
-        </div>
-      )}
-    </div>
-  );
+  const headerClassNames = getClassName('bpk-data-table-column__header', headerClassName);
+  const upIconClassNames = getClassName('bpk-data-table-column__sort-icon--up', 'bpk-data-table-column__sort-icon', isSorted && !isSortedDesc && 'bpk-data-table-column__sort-icon--selected');
+  const downIconClassNames = getClassName('bpk-data-table-column__sort-icon--down', 'bpk-data-table-column__sort-icon', isSorted && isSortedDesc && 'bpk-data-table-column__sort-icon--selected');
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, column.getHeaderProps({
+    style: _objectSpread({
+      width,
+      minWidth,
+      flexGrow
+    }, headerStyle),
+    className: headerClassNames
+  })), {}, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      onClick: onHeaderClick,
+      onKeyDown: handleKeyboardEvent,
+      "aria-label": label,
+      "aria-pressed": isSorted,
+      role: "button",
+      tabIndex: 0,
+      children: column.render('Header')
+    }), !disableSortBy && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: getClassName('bpk-data-table-column__sort-icons'),
+      "aria-hidden": true,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(UpIcon, {
+        onClick: () => column.toggleSortBy(false),
+        className: upIconClassNames
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(DownIcon, {
+        onClick: () => column.toggleSortBy(true),
+        className: downIconClassNames
+      })]
+    }, "sort")]
+  }));
 };
-
-export default BpkDataTableHeader;
+var _default = BpkDataTableHeader;
+exports.default = _default;

package/bpk-component-datatable/src/BpkDataTableHeader.module.css

@@ -0,0 +1,18 @@
+/*
+ * Backpack - Skyscanner's Design System
+ * 
+ * Copyright 2016 Skyscanner Ltd
+ * 
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * 
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ * 
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+*/
+@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-data-table-column__header{display:flex;height:100%;margin:1rem;flex-direction:row;align-items:center;outline-offset:-0.25rem;font-size:.875rem;line-height:1.25rem;font-weight:700}.bpk-data-table-column__header:hover{cursor:pointer}.bpk-data-table-column__sort-icons{margin:0 0 0 .75rem}html[dir='rtl'] .bpk-data-table-column__sort-icons{margin:0 .75rem 0 0}.bpk-data-table-column__sort-icon{display:block;fill:#c2c9cd}.bpk-data-table-column__sort-icon:hover{fill:#c2c9cd}.bpk-data-table-column__sort-icon--selected,.bpk-data-table-column__sort-icon--selected:hover{fill:#0062e3}.bpk-data-table-column__sort-icon--up{margin-bottom:-0.25rem}

package/bpk-component-datatable/src/common-types.js

@@ -1,72 +1 @@
-/*
- * Backpack - Skyscanner's Design System
- *
- * Copyright 2016 Skyscanner Ltd
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-/* @flow strict */
-import type {
-  SortDirectionType as _SortDirectionType,
-  SortProps as _SortProps,
-} from './sort-types';
-
-type CommonColumnProps = {
-  defaultSortDirection: _SortDirectionType,
-  flexGrow: number,
-  headerClassName: ?string,
-  headerStyle: ?{},
-  label: ?string,
-  minWidth: ?number,
-  width: number,
-};
-
-export type Props<Row> = {
-  rows: Array<Row>,
-  children: Node,
-  height: number,
-  width: ?number,
-  headerHeight: number,
-  rowHeight: number,
-  className: ?string,
-  defaultColumnSortIndex: number,
-  headerClassName: ?string,
-  rowClassName: ?string,
-  onRowClick: (Row) => mixed,
-  ...$Exact<_SortProps>,
-};
-
-export type ColumnType = {
-  disableSortBy: boolean,
-  getHeaderProps: Function,
-  isSorted: boolean,
-  isSortedDesc: boolean,
-  render: Function,
-  sortDirection: _SortDirectionType,
-  toggleSortBy: Function,
-  ...$Exact<CommonColumnProps>,
-};
-
-export type BpkDataTableColumnProps = {
-  cellDataGetter: ?Function,
-  cellRenderer: ?Function,
-  className: ?string,
-  dataKey: string,
-  disableSort: boolean,
-  headerRenderer: ?Function,
-  ...$Exact<CommonColumnProps>,
-};
-
-export type SortDirectionType = _SortDirectionType;
-export type SortProps = _SortProps;
+"use strict";

package/bpk-component-datatable/src/hasChildrenOfType.js

@@ -1,3 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.getDisplayName = getDisplayName;
+var _react = require("react");
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -14,46 +22,22 @@
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */
-/* @flow strict */
-
-import { Children, type AbstractComponent } from 'react';
-
-export function getDisplayName(Component: AbstractComponent<any>): string {
-  return (
-    Component.displayName ||
-    Component.name ||
-    (typeof Component === 'string' && Component.length > 0
-      ? Component
-      : 'Unknown')
-  );
+ */function getDisplayName(Component) {
+  return Component.displayName || Component.name || (typeof Component === 'string' && Component.length > 0 ? Component : 'Unknown');
 }
-
-const hasChildrenOfType =
-  (type: AbstractComponent<any>, atLeast: number = 1) =>
-  (props: { [string]: any }, propType: string, componentName: string) => {
-    if (Children.count(props[propType]) < atLeast) {
-      const inflectedNoun = atLeast === 1 ? 'child' : 'children';
-      return Error(
-        `${componentName} requires at least ${atLeast} '${getDisplayName(
-          type,
-        )}' ${inflectedNoun}.`,
-      );
+const hasChildrenOfType = (type, atLeast = 1) => (props, propType, componentName) => {
+  if (_react.Children.count(props[propType]) < atLeast) {
+    const inflectedNoun = atLeast === 1 ? 'child' : 'children';
+    return Error(`${componentName} requires at least ${atLeast} '${getDisplayName(type)}' ${inflectedNoun}.`);
+  }
+  const children = _react.Children.toArray(props[propType]);
+  for (let i = 0; i < children.length; i += 1) {
+    const child = children[i];
+    if (child.type !== type && !(child.type.prototype instanceof type)) {
+      return Error(`${componentName} only allows '${getDisplayName(type)}' as children. Found '${getDisplayName(child.type)}'.`);
     }
-
-    const children = Children.toArray(props[propType]);
-    for (let i = 0; i < children.length; i += 1) {
-      const child = children[i];
-      if (child.type !== type && !(child.type.prototype instanceof type)) {
-        return Error(
-          `${componentName} only allows '${getDisplayName(
-            type,
-          )}' as children. Found '${getDisplayName(child.type)}'.`,
-        );
-      }
-    }
-
-    return undefined;
-  };
-
-export default hasChildrenOfType;
+  }
+  return undefined;
+};
+var _default = hasChildrenOfType;
+exports.default = _default;

package/bpk-component-datatable/src/sort-types.js

@@ -1,3 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SORT_DIRECTION_TYPES = void 0;
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -14,22 +20,10 @@
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */
-
-/* @flow strict */
-
-// This file exists to break a cycle that would otherwise happen between
+ */ // This file exists to break a cycle that would otherwise happen between
 // BpkDataTableColumn.js and common-types.js
-
-export const SORT_DIRECTION_TYPES = {
+const SORT_DIRECTION_TYPES = {
   ASC: 'ASC',
-  DESC: 'DESC',
-};
-
-export type SortDirectionType = 'ASC' | ' DESC';
-
-export type SortProps = {
-  sortBy: ?string,
-  sortDirection: ?SortDirectionType,
-  sort: ?Function,
+  DESC: 'DESC'
 };
+exports.SORT_DIRECTION_TYPES = SORT_DIRECTION_TYPES;

package/bpk-component-datatable/src/utils.js

@@ -1,3 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getColumns = void 0;
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -14,74 +25,91 @@
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */
-/* @flow strict */
-
-// TODO: Remove these functions once we want to change the API to match the react-table library API
+ */ // TODO: Remove these functions once we want to change the API to match the react-table library API
 // To maintain backwards compatibility with the old API of BpkDataTable which takes columns as children
 // The `react-table` library however expects columns as an array of objects
 // eslint-disable-next-line import/prefer-default-export
-export const getColumns = (columns) =>
-  columns.map((column) => {
-    const { cellDataGetter, cellRenderer, headerRenderer } = column.props;
-    // To maintain backwards compatibility with the old API of BpkDataTable we rename the parameters
-    // And create an interface so that the function signature doesn't depend on the underlying library
-    const columnCellRenderer = ({
-      column: { id: dataKey },
-      columns: columnsData,
-      row: { id: rowID, values: rowData },
-      sortedRows,
-      value: cellData,
-    }) => {
-      const columnIndex = columnsData.map((col) => col.id).indexOf(dataKey);
-      const rowIndex = sortedRows.map((row) => row.id).indexOf(rowID);
-
-      return cellRenderer({
-        cellData,
-        columnIndex,
-        dataKey,
-        rowData,
-        rowIndex,
-      });
-    };
-
-    const columnCellDataGetter = ({
-      column: { id: dataKey },
-      row: { values: rowData },
-    }) => cellDataGetter({ dataKey, rowData });
-
-    const columnHeaderRenderer = ({
-      column: { disableSortBy: disableSort, id: dataKey, label },
-    }) => headerRenderer({ dataKey, label, disableSort });
-
-    const {
-      className,
+const getColumns = columns => columns.map(column => {
+  const {
+    cellDataGetter,
+    cellRenderer,
+    headerRenderer
+  } = column.props;
+  // To maintain backwards compatibility with the old API of BpkDataTable we rename the parameters
+  // And create an interface so that the function signature doesn't depend on the underlying library
+  const columnCellRenderer = ({
+    column: {
+      id: dataKey
+    },
+    columns: columnsData,
+    row: {
+      id: rowID,
+      values: rowData
+    },
+    sortedRows,
+    value: cellData
+  }) => {
+    const columnIndex = columnsData.map(col => col.id).indexOf(dataKey);
+    const rowIndex = sortedRows.map(row => row.id).indexOf(rowID);
+    return cellRenderer({
+      cellData,
+      columnIndex,
       dataKey,
-      defaultSortDirection,
-      disableSort,
-      flexGrow,
-      headerClassName,
-      headerStyle,
-      label,
-      minWidth,
-      style,
-      width,
-    } = column.props;
-    return {
-      Header: headerRenderer ? columnHeaderRenderer : label,
-      accessor: dataKey,
-      ...((cellRenderer || cellDataGetter) && {
-        Cell: columnCellRenderer || columnCellDataGetter,
-      }),
-      className,
+      rowData,
+      rowIndex
+    });
+  };
+  const columnCellDataGetter = ({
+    column: {
+      id: dataKey
+    },
+    row: {
+      values: rowData
+    }
+  }) => cellDataGetter({
+    dataKey,
+    rowData
+  });
+  const columnHeaderRenderer = ({
+    column: {
       disableSortBy: disableSort,
-      defaultSortDirection,
-      flexGrow,
-      headerClassName,
-      headerStyle,
-      label,
-      minWidth,
-      style,
-      width,
-    };
+      id: dataKey,
+      label
+    }
+  }) => headerRenderer({
+    dataKey,
+    label,
+    disableSort
+  });
+  const {
+    className,
+    dataKey,
+    defaultSortDirection,
+    disableSort,
+    flexGrow,
+    headerClassName,
+    headerStyle,
+    label,
+    minWidth,
+    style,
+    width
+  } = column.props;
+  return _objectSpread(_objectSpread({
+    Header: headerRenderer ? columnHeaderRenderer : label,
+    accessor: dataKey
+  }, (cellRenderer || cellDataGetter) && {
+    Cell: columnCellRenderer || columnCellDataGetter
+  }), {}, {
+    className,
+    disableSortBy: disableSort,
+    defaultSortDirection,
+    flexGrow,
+    headerClassName,
+    headerStyle,
+    label,
+    minWidth,
+    style,
+    width
   });
+});
+exports.getColumns = getColumns;

package/bpk-component-datepicker/index.js

@@ -1,3 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "CALENDAR_SELECTION_TYPE", {
+  enumerable: true,
+  get: function () {
+    return _bpkComponentCalendar.CALENDAR_SELECTION_TYPE;
+  }
+});
+exports.default = void 0;
+Object.defineProperty(exports, "themeAttributes", {
+  enumerable: true,
+  get: function () {
+    return _themeAttributes.default;
+  }
+});
+var _bpkComponentCalendar = require("../bpk-component-calendar");
+var _BpkDatepicker = _interopRequireDefault(require("./src/BpkDatepicker"));
+var _themeAttributes = _interopRequireDefault(require("./src/themeAttributes"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -15,11 +37,5 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
-import { CALENDAR_SELECTION_TYPE } from '../bpk-component-calendar';
-
-import BpkDatepicker from './src/BpkDatepicker';
-import themeAttributes from './src/themeAttributes';
-
-export default BpkDatepicker;
-export { CALENDAR_SELECTION_TYPE, themeAttributes };
+var _default = _BpkDatepicker.default;
+exports.default = _default;