@doist/reactist 28.7.2 → 28.7.4

package/es/components/time/time-utils.js

@@ -2,71 +2,59 @@ import dayjs from 'dayjs';
 import LocalizedFormat from 'dayjs/plugin/localizedFormat';
 
 dayjs.extend(LocalizedFormat);
-const TimeUtils = {
-  SHORT_FORMAT_CURRENT_YEAR: 'L',
-  SHORT_FORMAT_PAST_YEAR: 'LL',
-  LONG_FORMAT: 'LL, LT',
-
-  timeAgo(timestamp, config = {}) {
-    const {
-      locale = 'en',
-      shortFormatCurrentYear = this.SHORT_FORMAT_CURRENT_YEAR,
-      shortFormatPastYear = this.SHORT_FORMAT_PAST_YEAR,
-      daysSuffix = 'd',
-      hoursSuffix = 'h',
-      minutesSuffix = 'm',
-      momentsAgo = 'moments ago'
-    } = config;
-    const now = dayjs();
-    const date = dayjs(timestamp * 1000);
-    date.locale(locale);
-    const diffMinutes = now.diff(date, 'minute');
-    const diffHours = now.diff(date, 'hour');
-    const diffDays = now.diff(date, 'day');
-
-    if (diffDays > 1) {
-      if (date.isSame(now, 'year')) {
-        return date.format(shortFormatCurrentYear);
-      } else {
-        return date.format(shortFormatPastYear);
-      }
-    } else if (diffDays === 1) {
-      return `${diffDays}${daysSuffix}`;
-    } else if (diffHours > 0 && diffHours <= 23) {
-      return `${diffHours}${hoursSuffix}`;
-    } else if (diffMinutes > 0 && diffMinutes <= 59) {
-      return `${diffMinutes}${minutesSuffix}`;
-    } else {
-      return momentsAgo;
+var TimeUtils = {
+    SHORT_FORMAT_CURRENT_YEAR: 'L',
+    SHORT_FORMAT_PAST_YEAR: 'LL',
+    LONG_FORMAT: 'LL, LT',
+    timeAgo: function (timestamp, config) {
+        if (config === void 0) { config = {}; }
+        var _a = config.locale, locale = _a === void 0 ? 'en' : _a, _b = config.shortFormatCurrentYear, shortFormatCurrentYear = _b === void 0 ? this.SHORT_FORMAT_CURRENT_YEAR : _b, _c = config.shortFormatPastYear, shortFormatPastYear = _c === void 0 ? this.SHORT_FORMAT_PAST_YEAR : _c, _d = config.daysSuffix, daysSuffix = _d === void 0 ? 'd' : _d, _e = config.hoursSuffix, hoursSuffix = _e === void 0 ? 'h' : _e, _f = config.minutesSuffix, minutesSuffix = _f === void 0 ? 'm' : _f, _g = config.momentsAgo, momentsAgo = _g === void 0 ? 'moments ago' : _g;
+        var now = dayjs();
+        var date = dayjs(timestamp * 1000);
+        date.locale(locale);
+        var diffMinutes = now.diff(date, 'minute');
+        var diffHours = now.diff(date, 'hour');
+        var diffDays = now.diff(date, 'day');
+        if (diffDays > 1) {
+            if (date.isSame(now, 'year')) {
+                return date.format(shortFormatCurrentYear);
+            }
+            else {
+                return date.format(shortFormatPastYear);
+            }
+        }
+        else if (diffDays === 1) {
+            return "".concat(diffDays).concat(daysSuffix);
+        }
+        else if (diffHours > 0 && diffHours <= 23) {
+            return "".concat(diffHours).concat(hoursSuffix);
+        }
+        else if (diffMinutes > 0 && diffMinutes <= 59) {
+            return "".concat(diffMinutes).concat(minutesSuffix);
+        }
+        else {
+            return momentsAgo;
+        }
+    },
+    formatTime: function (timestamp, config) {
+        if (config === void 0) { config = {}; }
+        var _a = config.locale, locale = _a === void 0 ? 'en' : _a, _b = config.shortFormatCurrentYear, shortFormatCurrentYear = _b === void 0 ? this.SHORT_FORMAT_CURRENT_YEAR : _b, _c = config.shortFormatPastYear, shortFormatPastYear = _c === void 0 ? this.SHORT_FORMAT_PAST_YEAR : _c;
+        var date = dayjs(timestamp * 1000);
+        date.locale(locale);
+        if (date.isSame(dayjs(), 'year')) {
+            return date.format(shortFormatCurrentYear);
+        }
+        else {
+            return date.format(shortFormatPastYear);
+        }
+    },
+    formatTimeLong: function (timestamp, config) {
+        if (config === void 0) { config = {}; }
+        var _a = config.locale, locale = _a === void 0 ? 'en' : _a, _b = config.longFormat, longFormat = _b === void 0 ? this.LONG_FORMAT : _b;
+        var date = dayjs(timestamp * 1000);
+        date.locale(locale);
+        return date.format(longFormat);
     }
-  },
-
-  formatTime(timestamp, config = {}) {
-    const {
-      locale = 'en',
-      shortFormatCurrentYear = this.SHORT_FORMAT_CURRENT_YEAR,
-      shortFormatPastYear = this.SHORT_FORMAT_PAST_YEAR
-    } = config;
-    const date = dayjs(timestamp * 1000);
-    date.locale(locale);
-
-    if (date.isSame(dayjs(), 'year')) {
-      return date.format(shortFormatCurrentYear);
-    } else {
-      return date.format(shortFormatPastYear);
-    }
-  },
-
-  formatTimeLong(timestamp, config = {}) {
-    const {
-      locale = 'en',
-      longFormat = this.LONG_FORMAT
-    } = config;
-    const date = dayjs(timestamp * 1000);
-    date.locale(locale);
-    return date.format(longFormat);
-  }
-
 };
 
 export { TimeUtils };

package/es/components/time/time-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"time-utils.js","sources":["../../../src/components/time/time-utils.ts"],"sourcesContent":["import dayjs from 'dayjs'\n/**\n * There's a problem with our setup where the default export from\n * localizedFormat (and likely every other dayjs plugin) isn't properly\n * recognized. The proposed workarounds (importing with `.js` ending, or adding\n * `allowSyntheticDefaultImports` to the tsconfig) either broke linting or type\n * checking. After spending some time on this it was decided that further\n * investigations are not worth it, the code works and the eslint ignore is fine.\n * ref: https://github.com/iamkun/dayjs/issues/593\n * ref: https://day.js.org/docs/en/installation/typescript\n */\n// eslint-disable-next-line import/default\nimport LocalizedFormat from 'dayjs/plugin/localizedFormat'\n\ndayjs.extend(LocalizedFormat)\n\ntype TimeConfig = {\n    locale?: string\n    longFormat?: string\n    shortFormatCurrentYear?: string\n    shortFormatPastYear?: string\n    daysSuffix?: string\n    hoursSuffix?: string\n    minutesSuffix?: string\n    momentsAgo?: string\n}\n\nconst TimeUtils = {\n    SHORT_FORMAT_CURRENT_YEAR: 'L',\n    SHORT_FORMAT_PAST_YEAR: 'LL',\n    LONG_FORMAT: 'LL, LT',\n\n    timeAgo(timestamp: number, config: TimeConfig = {}) {\n        const {\n            locale = 'en',\n            shortFormatCurrentYear = this.SHORT_FORMAT_CURRENT_YEAR,\n            shortFormatPastYear = this.SHORT_FORMAT_PAST_YEAR,\n            daysSuffix = 'd',\n            hoursSuffix = 'h',\n            minutesSuffix = 'm',\n            momentsAgo = 'moments ago',\n        } = config\n        const now = dayjs()\n        const date = dayjs(timestamp * 1000)\n        date.locale(locale)\n        const diffMinutes = now.diff(date, 'minute')\n        const diffHours = now.diff(date, 'hour')\n        const diffDays = now.diff(date, 'day')\n\n        if (diffDays > 1) {\n            if (date.isSame(now, 'year')) {\n                return date.format(shortFormatCurrentYear)\n            } else {\n                return date.format(shortFormatPastYear)\n            }\n        } else if (diffDays === 1) {\n            return `${diffDays}${daysSuffix}`\n        } else if (diffHours > 0 && diffHours <= 23) {\n            return `${diffHours}${hoursSuffix}`\n        } else if (diffMinutes > 0 && diffMinutes <= 59) {\n            return `${diffMinutes}${minutesSuffix}`\n        } else {\n            return momentsAgo\n        }\n    },\n\n    formatTime(timestamp: number, config: TimeConfig = {}) {\n        const {\n            locale = 'en',\n            shortFormatCurrentYear = this.SHORT_FORMAT_CURRENT_YEAR,\n            shortFormatPastYear = this.SHORT_FORMAT_PAST_YEAR,\n        } = config\n        const date = dayjs(timestamp * 1000)\n        date.locale(locale)\n        if (date.isSame(dayjs(), 'year')) {\n            return date.format(shortFormatCurrentYear)\n        } else {\n            return date.format(shortFormatPastYear)\n        }\n    },\n\n    formatTimeLong(timestamp: number, config: TimeConfig = {}) {\n        const { locale = 'en', longFormat = this.LONG_FORMAT } = config\n        const date = dayjs(timestamp * 1000)\n        date.locale(locale)\n        return date.format(longFormat)\n    },\n}\n\nexport { TimeUtils, TimeConfig }\n"],"names":["dayjs","extend","LocalizedFormat","TimeUtils","SHORT_FORMAT_CURRENT_YEAR","SHORT_FORMAT_PAST_YEAR","LONG_FORMAT","timeAgo","timestamp","config","locale","shortFormatCurrentYear","shortFormatPastYear","daysSuffix","hoursSuffix","minutesSuffix","momentsAgo","now","date","diffMinutes","diff","diffHours","diffDays","isSame","format","formatTime","formatTimeLong","longFormat"],"mappings":"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"}
+{"version":3,"file":"time-utils.js","sources":["../../../src/components/time/time-utils.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/es/components/time/time.js

@@ -1,124 +1,100 @@
+import { __extends } from 'tslib';
 import * as React from 'react';
 import { Tooltip } from '../../tooltip/tooltip.js';
 import { TimeUtils } from './time-utils.js';
 
-const DELAY = 60000;
-
-class Time extends React.Component {
-  constructor(props) {
-    super(props);
-    this.refreshInterval = void 0;
-    this.refreshInterval = undefined;
-    this.state = {
-      hovered: false,
-      mouseX: undefined,
-      mouseY: undefined
-    };
-  }
-
-  componentDidMount() {
-    if (this.props.refresh) {
-      this._refresh();
-    }
-  }
-
-  componentDidUpdate(prevProps) {
-    if (!prevProps.refresh && this.props.refresh) {
-      this._refresh();
-    }
-
-    if (prevProps.refresh && !this.props.refresh) {
-      if (this.refreshInterval) {
-        clearTimeout(this.refreshInterval);
-      }
-    }
-  }
-
-  componentWillUnmount() {
-    if (this.refreshInterval) {
-      clearTimeout(this.refreshInterval);
-    }
-  }
-
-  _setHovered(hovered, event) {
-    const {
-      mouseX,
-      mouseY
-    } = this.state;
-    const {
-      clientX,
-      clientY
-    } = event;
-
-    if (clientX !== mouseX || clientY !== mouseY) {
-      // mouse has moved
-      this.setState(() => ({
-        hovered,
-        mouseX: clientX,
-        mouseY: clientY
-      }));
-    }
-  }
-
-  _renderTime(config) {
-    if (!this.props.time) {
-      return;
-    }
-
-    if (this.state.hovered) {
-      if (this.props.expandFullyOnHover && !this.props.tooltipOnHover) {
-        return TimeUtils.formatTimeLong(this.props.time, config);
-      }
-
-      if (this.props.expandOnHover && !this.props.tooltipOnHover) {
-        return TimeUtils.formatTime(this.props.time, config);
-      }
+var DELAY = 60000;
+var Time = /** @class */ (function (_super) {
+    __extends(Time, _super);
+    function Time(props) {
+        var _this = _super.call(this, props) || this;
+        _this.refreshInterval = undefined;
+        _this.state = {
+            hovered: false,
+            mouseX: undefined,
+            mouseY: undefined
+        };
+        return _this;
     }
-
-    return TimeUtils.timeAgo(this.props.time, config);
-  }
-
-  _refresh() {
-    this.refreshInterval = setInterval(() => {
-      this.forceUpdate();
-    }, DELAY);
-  }
-
-  render() {
-    let className = 'reactist_time';
-
-    if (this.props.className) {
-      className = this.props.className;
-    }
-
-    const timeComponent = this._renderTime(this.props.config);
-
-    return /*#__PURE__*/React.createElement("time", {
-      className: className,
-      onMouseEnter: event => this._setHovered(true, event),
-      onMouseLeave: event => this._setHovered(false, event)
-    }, this.props.tooltipOnHover ? /*#__PURE__*/React.createElement(Tooltip, {
-      content: this.props.tooltip || this.props.time && TimeUtils.formatTimeLong(this.props.time, this.props.config)
-    }, /*#__PURE__*/React.createElement("span", null, timeComponent)) : timeComponent);
-  }
-
-}
-
-Time.displayName = void 0;
-Time.defaultProps = void 0;
+    Time.prototype.componentDidMount = function () {
+        if (this.props.refresh) {
+            this._refresh();
+        }
+    };
+    Time.prototype.componentDidUpdate = function (prevProps) {
+        if (!prevProps.refresh && this.props.refresh) {
+            this._refresh();
+        }
+        if (prevProps.refresh && !this.props.refresh) {
+            if (this.refreshInterval) {
+                clearTimeout(this.refreshInterval);
+            }
+        }
+    };
+    Time.prototype.componentWillUnmount = function () {
+        if (this.refreshInterval) {
+            clearTimeout(this.refreshInterval);
+        }
+    };
+    Time.prototype._setHovered = function (hovered, event) {
+        var _a = this.state, mouseX = _a.mouseX, mouseY = _a.mouseY;
+        var clientX = event.clientX, clientY = event.clientY;
+        if (clientX !== mouseX || clientY !== mouseY) {
+            // mouse has moved
+            this.setState(function () { return ({
+                hovered: hovered,
+                mouseX: clientX,
+                mouseY: clientY
+            }); });
+        }
+    };
+    Time.prototype._renderTime = function (config) {
+        if (!this.props.time) {
+            return;
+        }
+        if (this.state.hovered) {
+            if (this.props.expandFullyOnHover && !this.props.tooltipOnHover) {
+                return TimeUtils.formatTimeLong(this.props.time, config);
+            }
+            if (this.props.expandOnHover && !this.props.tooltipOnHover) {
+                return TimeUtils.formatTime(this.props.time, config);
+            }
+        }
+        return TimeUtils.timeAgo(this.props.time, config);
+    };
+    Time.prototype._refresh = function () {
+        var _this = this;
+        this.refreshInterval = setInterval(function () {
+            _this.forceUpdate();
+        }, DELAY);
+    };
+    Time.prototype.render = function () {
+        var _this = this;
+        var className = 'reactist_time';
+        if (this.props.className) {
+            className = this.props.className;
+        }
+        var timeComponent = this._renderTime(this.props.config);
+        return (React.createElement("time", { className: className, onMouseEnter: function (event) { return _this._setHovered(true, event); }, onMouseLeave: function (event) { return _this._setHovered(false, event); } }, this.props.tooltipOnHover ? (React.createElement(Tooltip, { content: this.props.tooltip ||
+                (this.props.time &&
+                    TimeUtils.formatTimeLong(this.props.time, this.props.config)) },
+            React.createElement("span", null, timeComponent))) : (timeComponent)));
+    };
+    return Time;
+}(React.Component));
 Time.displayName = 'Time';
 Time.defaultProps = {
-  expandOnHover: false,
-  expandFullyOnHover: false,
-  tooltipOnHover: false,
-  refresh: true,
-  config: {
-    locale: 'en',
-    daysSuffix: 'd',
-    hoursSuffix: 'h',
-    minutesSuffix: 'm',
-    momentsAgo: 'moments ago'
-  }
+    expandOnHover: false,
+    expandFullyOnHover: false,
+    tooltipOnHover: false,
+    refresh: true,
+    config: {
+        locale: 'en',
+        daysSuffix: 'd',
+        hoursSuffix: 'h',
+        minutesSuffix: 'm',
+        momentsAgo: 'moments ago'
+    }
 };
 
 export { Time };

package/es/components/time/time.js.map

@@ -1 +1 @@
-{"version":3,"file":"time.js","sources":["../../../src/components/time/time.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Tooltip } from '../../tooltip'\nimport { TimeUtils, TimeConfig } from './time-utils'\n\nimport './time.less'\n\nconst DELAY = 60000\n\ntype Props = {\n    /** UNIX timestamp of the time to display. */\n    time?: number\n    /** Configuration for localization. */\n    config?: TimeConfig\n    /** Additional css class applied to the time element. */\n    className?: string\n    tooltipOnHover?: boolean\n    /** Refresh the component every DELAY seconds. */\n    refresh?: boolean\n    /** If you don't want to use the default time format on the tooltip use this prop to supply a custom text */\n    tooltip?: React.ReactNode\n    /** When hovering over time it expands to short absolute version. */\n    expandOnHover?: boolean\n    /** When hovering over time it expands to the full absolute version. */\n    expandFullyOnHover?: boolean\n}\n\ntype State = {\n    hovered: boolean\n    mouseX?: number\n    mouseY?: number\n}\n\nclass Time extends React.Component<Props, State> {\n    public static displayName: string\n    public static defaultProps: Props\n\n    constructor(props: Props) {\n        super(props)\n        this.refreshInterval = undefined\n\n        this.state = {\n            hovered: false,\n            mouseX: undefined,\n            mouseY: undefined,\n        }\n    }\n\n    componentDidMount() {\n        if (this.props.refresh) {\n            this._refresh()\n        }\n    }\n\n    componentDidUpdate(prevProps: Props) {\n        if (!prevProps.refresh && this.props.refresh) {\n            this._refresh()\n        }\n\n        if (prevProps.refresh && !this.props.refresh) {\n            if (this.refreshInterval) {\n                clearTimeout(this.refreshInterval)\n            }\n        }\n    }\n\n    componentWillUnmount() {\n        if (this.refreshInterval) {\n            clearTimeout(this.refreshInterval)\n        }\n    }\n\n    refreshInterval?: ReturnType<typeof setTimeout>\n\n    _setHovered(hovered: boolean, event: React.MouseEvent) {\n        const { mouseX, mouseY } = this.state\n        const { clientX, clientY } = event\n        if (clientX !== mouseX || clientY !== mouseY) {\n            // mouse has moved\n            this.setState(() => ({\n                hovered,\n                mouseX: clientX,\n                mouseY: clientY,\n            }))\n        }\n    }\n\n    _renderTime(config: Props['config']) {\n        if (!this.props.time) {\n            return\n        }\n        if (this.state.hovered) {\n            if (this.props.expandFullyOnHover && !this.props.tooltipOnHover) {\n                return TimeUtils.formatTimeLong(this.props.time, config)\n            }\n            if (this.props.expandOnHover && !this.props.tooltipOnHover) {\n                return TimeUtils.formatTime(this.props.time, config)\n            }\n        }\n        return TimeUtils.timeAgo(this.props.time, config)\n    }\n\n    _refresh() {\n        this.refreshInterval = setInterval(() => {\n            this.forceUpdate()\n        }, DELAY)\n    }\n\n    render() {\n        let className = 'reactist_time'\n        if (this.props.className) {\n            className = this.props.className\n        }\n\n        const timeComponent = this._renderTime(this.props.config)\n\n        return (\n            <time\n                className={className}\n                onMouseEnter={(event) => this._setHovered(true, event)}\n                onMouseLeave={(event) => this._setHovered(false, event)}\n            >\n                {this.props.tooltipOnHover ? (\n                    <Tooltip\n                        content={\n                            this.props.tooltip ||\n                            (this.props.time &&\n                                TimeUtils.formatTimeLong(this.props.time, this.props.config))\n                        }\n                    >\n                        <span>{timeComponent}</span>\n                    </Tooltip>\n                ) : (\n                    timeComponent\n                )}\n            </time>\n        )\n    }\n}\nTime.displayName = 'Time'\n\nTime.defaultProps = {\n    expandOnHover: false,\n    expandFullyOnHover: false,\n    tooltipOnHover: false,\n    refresh: true,\n    config: {\n        locale: 'en',\n        daysSuffix: 'd',\n        hoursSuffix: 'h',\n        minutesSuffix: 'm',\n        momentsAgo: 'moments ago',\n    },\n}\n\nexport { Time }\n"],"names":["DELAY","Time","React","Component","constructor","props","refreshInterval","undefined","state","hovered","mouseX","mouseY","componentDidMount","refresh","_refresh","componentDidUpdate","prevProps","clearTimeout","componentWillUnmount","_setHovered","event","clientX","clientY","setState","_renderTime","config","time","expandFullyOnHover","tooltipOnHover","TimeUtils","formatTimeLong","expandOnHover","formatTime","timeAgo","setInterval","forceUpdate","render","className","timeComponent","createElement","onMouseEnter","onMouseLeave","Tooltip","content","tooltip","displayName","defaultProps","locale","daysSuffix","hoursSuffix","minutesSuffix","momentsAgo"],"mappings":"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"}
+{"version":3,"file":"time.js","sources":["../../../src/components/time/time.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/es/divider/divider.js

@@ -1,21 +1,12 @@
-import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
+import { __rest, __assign } from 'tslib';
 import * as React from 'react';
 import { getClassNames } from '../utils/responsive-props.js';
 import { Box } from '../box/box.js';
 import modules_c742c4d7 from './divider.module.css.js';
 
-const _excluded = ["weight"];
-
-function Divider(_ref) {
-  let {
-    weight = 'tertiary'
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/React.createElement(Box, _objectSpread2({
-    as: "hr",
-    className: getClassNames(modules_c742c4d7, 'weight', weight)
-  }, props));
+function Divider(_a) {
+    var _b = _a.weight, weight = _b === void 0 ? 'tertiary' : _b, props = __rest(_a, ["weight"]);
+    return React.createElement(Box, __assign({ as: "hr", className: getClassNames(modules_c742c4d7, 'weight', weight) }, props));
 }
 
 export { Divider };

package/es/divider/divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"divider.js","sources":["../../src/divider/divider.tsx"],"sourcesContent":["import * as React from 'react'\nimport { getClassNames } from '../utils/responsive-props'\nimport { Box } from '../box'\nimport type { DividerWeight } from '../utils/common-types'\n\nimport styles from './divider.module.css'\n\ninterface DividerProps {\n    weight?: Exclude<DividerWeight, 'none'>\n}\n\nfunction Divider({ weight = 'tertiary', ...props }: DividerProps) {\n    return <Box as=\"hr\" className={getClassNames(styles, 'weight', weight)} {...props} />\n}\n\nexport type { DividerProps, DividerWeight }\nexport { Divider }\n"],"names":["Divider","weight","props","React","createElement","Box","_objectSpread","as","className","getClassNames","styles"],"mappings":";;;;;;;;AAWA,SAASA,OAAT,CAAgE,IAAA,EAAA;EAAA,IAA/C;AAAEC,IAAAA,MAAM,GAAG,UAAA;GAAoC,GAAA,IAAA;AAAA,MAArBC,KAAqB,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;;AAC5D,EAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACC,GAAD,EAAAC,cAAA,CAAA;AAAKC,IAAAA,EAAE,EAAC,IAAR;AAAaC,IAAAA,SAAS,EAAEC,aAAa,CAACC,gBAAD,EAAS,QAAT,EAAmBT,MAAnB,CAAA;AAArC,GAAA,EAAqEC,KAArE,CAAP,CAAA,CAAA;AACH;;;;"}
+{"version":3,"file":"divider.js","sources":["../../src/divider/divider.tsx"],"sourcesContent":[null],"names":["styles"],"mappings":";;;;;;AAWA,SAAS,OAAO,CAAC,EAA+C,EAAA;IAA7C,IAAA,EAAA,GAAA,EAAA,CAAA,MAAmB,EAAnB,MAAM,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,UAAU,KAAA,EAAK,KAAK,GAA/B,MAAA,CAAA,EAAA,EAAA,CAAA,QAAA,CAAiC,CAAF,CAAA;IAC5C,OAAO,KAAA,CAAA,aAAA,CAAC,GAAG,EAAC,QAAA,CAAA,EAAA,EAAE,EAAC,IAAI,EAAC,SAAS,EAAE,aAAa,CAACA,gBAAM,EAAE,QAAQ,EAAE,MAAM,CAAC,EAAM,EAAA,KAAK,EAAI,CAAA;AACzF;;;;"}

package/es/heading/heading.js

@@ -1,36 +1,27 @@
-import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
+import { __rest, __assign } from 'tslib';
 import * as React from 'react';
 import { getClassNames } from '../utils/responsive-props.js';
 import { Box } from '../box/box.js';
 import modules_949d2ff4 from './heading.module.css.js';
 
-const _excluded = ["level", "weight", "size", "tone", "children", "lineClamp", "align", "exceptionallySetClassName"];
-const Heading = /*#__PURE__*/React.forwardRef(function Heading(_ref, ref) {
-  let {
-    level,
-    weight = 'regular',
-    size,
-    tone = 'normal',
-    children,
-    lineClamp,
-    align,
-    exceptionallySetClassName
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  // In TypeScript v4.1, this would be properly recognized without needing the type assertion
-  // https://devblogs.microsoft.com/typescript/announcing-typescript-4-1-beta/#template-literal-types
-  const headingElementName = `h${level}`;
-  const lineClampMultipleLines = typeof lineClamp === 'string' ? parseInt(lineClamp, 10) > 1 : (lineClamp || 0) > 1;
-  return /*#__PURE__*/React.createElement(Box, _objectSpread2(_objectSpread2({}, props), {}, {
-    className: [exceptionallySetClassName, modules_949d2ff4.heading, weight !== 'regular' ? getClassNames(modules_949d2ff4, 'weight', weight) : null, tone !== 'normal' ? getClassNames(modules_949d2ff4, 'tone', tone) : null, getClassNames(modules_949d2ff4, 'size', size), lineClampMultipleLines ? modules_949d2ff4.lineClampMultipleLines : null, lineClamp ? getClassNames(modules_949d2ff4, 'lineClamp', lineClamp.toString()) : null],
-    textAlign: align,
-    // Prevents emojis from being cut-off
-    // See https://github.com/Doist/reactist/pull/528
-    paddingRight: lineClamp ? 'xsmall' : undefined,
-    as: headingElementName,
-    ref: ref
-  }), children);
+var Heading = React.forwardRef(function Heading(_a, ref) {
+    var level = _a.level, _b = _a.weight, weight = _b === void 0 ? 'regular' : _b, size = _a.size, _c = _a.tone, tone = _c === void 0 ? 'normal' : _c, children = _a.children, lineClamp = _a.lineClamp, align = _a.align, exceptionallySetClassName = _a.exceptionallySetClassName, props = __rest(_a, ["level", "weight", "size", "tone", "children", "lineClamp", "align", "exceptionallySetClassName"]);
+    // In TypeScript v4.1, this would be properly recognized without needing the type assertion
+    // https://devblogs.microsoft.com/typescript/announcing-typescript-4-1-beta/#template-literal-types
+    var headingElementName = "h".concat(level);
+    var lineClampMultipleLines = typeof lineClamp === 'string' ? parseInt(lineClamp, 10) > 1 : (lineClamp || 0) > 1;
+    return (React.createElement(Box, __assign({}, props, { className: [
+            exceptionallySetClassName,
+            modules_949d2ff4.heading,
+            weight !== 'regular' ? getClassNames(modules_949d2ff4, 'weight', weight) : null,
+            tone !== 'normal' ? getClassNames(modules_949d2ff4, 'tone', tone) : null,
+            getClassNames(modules_949d2ff4, 'size', size),
+            lineClampMultipleLines ? modules_949d2ff4.lineClampMultipleLines : null,
+            lineClamp ? getClassNames(modules_949d2ff4, 'lineClamp', lineClamp.toString()) : null,
+        ], textAlign: align, 
+        // Prevents emojis from being cut-off
+        // See https://github.com/Doist/reactist/pull/528
+        paddingRight: lineClamp ? 'xsmall' : undefined, as: headingElementName, ref: ref }), children));
 });
 
 export { Heading };

package/es/heading/heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"heading.js","sources":["../../src/heading/heading.tsx"],"sourcesContent":["import * as React from 'react'\nimport { getClassNames } from '../utils/responsive-props'\nimport { Box } from '../box'\nimport styles from './heading.module.css'\nimport type { ObfuscatedClassName, Tone } from '../utils/common-types'\nimport type { BoxProps } from '../box'\n\ntype HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6 | '1' | '2' | '3' | '4' | '5' | '6'\ntype HeadingElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\n\ntype HeadingProps = Omit<React.HTMLAttributes<HTMLHeadingElement>, 'className' | 'children'> & {\n    children: React.ReactNode\n    /**\n     * The semantic level of the heading.\n     */\n    level: HeadingLevel\n\n    /**\n     * The weight of the heading. Used to de-emphasize the heading visually when using 'medium' or 'light'.\n     *\n     * @default 'regular'\n     */\n    weight?: 'regular' | 'medium' | 'light'\n\n    /**\n     * Shifts the default heading visual text size up or down, depending on the original size\n     * imposed by the `level`. The heading continues to be semantically at the given level.\n     *\n     * By default, no value is applied, and the default size from the level is applied. The values\n     * have the following effect:\n     *\n     * - 'smaller' shifts the default level size down in the font-size scale (it tends to make the\n     * level look visually as if it were of the immediately lower level).\n     * - 'larger' has the opposite effect than 'smaller' shifting the visual font size up in the\n     * scale.\n     * - 'largest' can be thought of as applying 'larger' twice.\n     *\n     * @see level\n     * @default undefined\n     */\n    size?: 'smaller' | 'larger' | 'largest'\n\n    /**\n     * The tone (semantic color) of the heading.\n     *\n     * @default 'normal'\n     */\n    tone?: Tone\n\n    /**\n     * Used to truncate the heading to a given number of lines.\n     *\n     * It will add an ellipsis (`…`) to the text at the end of the last line, only if the text was\n     * truncated. If the text fits without it being truncated, no ellipsis is added.\n     *\n     * By default, the text is not truncated at all, no matter how many lines it takes to render it.\n     *\n     * @default undefined\n     */\n    lineClamp?: 1 | 2 | 3 | 4 | 5 | '1' | '2' | '3' | '4' | '5'\n\n    /**\n     * How to align the heading text horizontally.\n     *\n     * @default 'start'\n     */\n    align?: BoxProps['textAlign']\n}\n\nconst Heading = React.forwardRef<HTMLHeadingElement, HeadingProps & ObfuscatedClassName>(\n    function Heading(\n        {\n            level,\n            weight = 'regular',\n            size,\n            tone = 'normal',\n            children,\n            lineClamp,\n            align,\n            exceptionallySetClassName,\n            ...props\n        },\n        ref,\n    ) {\n        // In TypeScript v4.1, this would be properly recognized without needing the type assertion\n        // https://devblogs.microsoft.com/typescript/announcing-typescript-4-1-beta/#template-literal-types\n        const headingElementName = `h${level}` as HeadingElement\n        const lineClampMultipleLines =\n            typeof lineClamp === 'string' ? parseInt(lineClamp, 10) > 1 : (lineClamp || 0) > 1\n\n        return (\n            <Box\n                {...props}\n                className={[\n                    exceptionallySetClassName,\n                    styles.heading,\n                    weight !== 'regular' ? getClassNames(styles, 'weight', weight) : null,\n                    tone !== 'normal' ? getClassNames(styles, 'tone', tone) : null,\n                    getClassNames(styles, 'size', size),\n                    lineClampMultipleLines ? styles.lineClampMultipleLines : null,\n                    lineClamp ? getClassNames(styles, 'lineClamp', lineClamp.toString()) : null,\n                ]}\n                textAlign={align}\n                // Prevents emojis from being cut-off\n                // See https://github.com/Doist/reactist/pull/528\n                paddingRight={lineClamp ? 'xsmall' : undefined}\n                as={headingElementName}\n                ref={ref}\n            >\n                {children}\n            </Box>\n        )\n    },\n)\n\nexport type { HeadingProps, HeadingLevel }\nexport { Heading }\n"],"names":["Heading","React","forwardRef","ref","level","weight","size","tone","children","lineClamp","align","exceptionallySetClassName","props","headingElementName","lineClampMultipleLines","parseInt","createElement","Box","className","styles","heading","getClassNames","toString","textAlign","paddingRight","undefined","as"],"mappings":";;;;;;;AAqEMA,MAAAA,OAAO,gBAAGC,KAAK,CAACC,UAAN,CACZ,SAASF,OAAT,CAYIG,IAAAA,EAAAA,GAZJ,EAYO;EAAA,IAXH;IACIC,KADJ;AAEIC,IAAAA,MAAM,GAAG,SAFb;IAGIC,IAHJ;AAIIC,IAAAA,IAAI,GAAG,QAJX;IAKIC,QALJ;IAMIC,SANJ;IAOIC,KAPJ;AAQIC,IAAAA,yBAAAA;GAGD,GAAA,IAAA;AAAA,MAFIC,KAEJ,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;;AAEH;AACA;AACA,EAAA,MAAMC,kBAAkB,GAAO,CAAAT,CAAAA,EAAAA,MAA/B,CAAA,CAAA;EACA,MAAMU,sBAAsB,GACxB,OAAOL,SAAP,KAAqB,QAArB,GAAgCM,QAAQ,CAACN,SAAD,EAAY,EAAZ,CAAR,GAA0B,CAA1D,GAA8D,CAACA,SAAS,IAAI,CAAd,IAAmB,CADrF,CAAA;AAGA,EAAA,oBACIR,KAAC,CAAAe,aAAD,CAACC,GAAD,oCACQL,KADR,CAAA,EAAA,EAAA,EAAA;AAEIM,IAAAA,SAAS,EAAE,CACPP,yBADO,EAEPQ,gBAAM,CAACC,OAFA,EAGPf,MAAM,KAAK,SAAX,GAAuBgB,aAAa,CAACF,gBAAD,EAAS,QAAT,EAAmBd,MAAnB,CAApC,GAAiE,IAH1D,EAIPE,IAAI,KAAK,QAAT,GAAoBc,aAAa,CAACF,gBAAD,EAAS,MAAT,EAAiBZ,IAAjB,CAAjC,GAA0D,IAJnD,EAKPc,aAAa,CAACF,gBAAD,EAAS,MAAT,EAAiBb,IAAjB,CALN,EAMPQ,sBAAsB,GAAGK,gBAAM,CAACL,sBAAV,GAAmC,IANlD,EAOPL,SAAS,GAAGY,aAAa,CAACF,gBAAD,EAAS,WAAT,EAAsBV,SAAS,CAACa,QAAV,EAAtB,CAAhB,GAA8D,IAPhE,CAFf;AAWIC,IAAAA,SAAS,EAAEb,KAXf;AAYI;AACA;AACAc,IAAAA,YAAY,EAAEf,SAAS,GAAG,QAAH,GAAcgB,SAdzC;AAeIC,IAAAA,EAAE,EAAEb,kBAfR;AAgBIV,IAAAA,GAAG,EAAEA,GAAAA;AAhBT,GAAA,CAAA,EAkBKK,QAlBL,CADJ,CAAA;AAsBH,CA3CW;;;;"}
+{"version":3,"file":"heading.js","sources":["../../src/heading/heading.tsx"],"sourcesContent":[null],"names":["styles"],"mappings":";;;;;;AAqEM,IAAA,OAAO,GAAG,KAAK,CAAC,UAAU,CAC5B,SAAS,OAAO,CACZ,EAUC,EACD,GAAG,EAAA;AAVC,IAAA,IAAA,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,EAAA,GAAA,EAAA,CAAA,MAAkB,EAAlB,MAAM,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,SAAS,GAAA,EAAA,EAClB,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,EAAA,GAAA,EAAA,CAAA,IAAe,EAAf,IAAI,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,QAAQ,GAAA,EAAA,EACf,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,SAAS,eAAA,EACT,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,yBAAyB,GAAA,EAAA,CAAA,yBAAA,EACtB,KAAK,GAAA,MAAA,CAAA,EAAA,EATZ,kGAUC,CADW,CAAA;;;AAMZ,IAAA,IAAM,kBAAkB,GAAG,GAAI,CAAA,MAAA,CAAA,KAAK,CAAoB,CAAA;IACxD,IAAM,sBAAsB,GACxB,OAAO,SAAS,KAAK,QAAQ,GAAG,QAAQ,CAAC,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,CAAA;AAEtF,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,GAAG,eACI,KAAK,EAAA,EACT,SAAS,EAAE;YACP,yBAAyB;AACzB,YAAAA,gBAAM,CAAC,OAAO;AACd,YAAA,MAAM,KAAK,SAAS,GAAG,aAAa,CAACA,gBAAM,EAAE,QAAQ,EAAE,MAAM,CAAC,GAAG,IAAI;AACrE,YAAA,IAAI,KAAK,QAAQ,GAAG,aAAa,CAACA,gBAAM,EAAE,MAAM,EAAE,IAAI,CAAC,GAAG,IAAI;AAC9D,YAAA,aAAa,CAACA,gBAAM,EAAE,MAAM,EAAE,IAAI,CAAC;YACnC,sBAAsB,GAAGA,gBAAM,CAAC,sBAAsB,GAAG,IAAI;AAC7D,YAAA,SAAS,GAAG,aAAa,CAACA,gBAAM,EAAE,WAAW,EAAE,SAAS,CAAC,QAAQ,EAAE,CAAC,GAAG,IAAI;SAC9E,EACD,SAAS,EAAE,KAAK;;;QAGhB,YAAY,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,EAC9C,EAAE,EAAE,kBAAkB,EACtB,GAAG,EAAE,GAAG,EAEP,CAAA,EAAA,QAAQ,CACP,EACT;AACL,CAAC;;;;"}