@bbl-digital/snorre 4.2.74 → 4.2.76

package/lib/core/PieChart/styles.d.ts

@@ -11,4 +11,3 @@ export declare const PieChartWrapper: import("@emotion/styled").StyledComponent<
     as?: React.ElementType;
 } & IPieChartStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export {};
-//# sourceMappingURL=styles.d.ts.map

package/lib/core/PieChart/styles.js

@@ -1,32 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TextContent = exports.PieChartWrapper = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = require("@emotion/react");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-const TextContent = exports.TextContent = /*#__PURE__*/(0, _base.default)("g", process.env.NODE_ENV === "production" ? {
-  target: "e14yfkwz1"
-} : {
-  target: "e14yfkwz1",
-  label: "TextContent"
-})(process.env.NODE_ENV === "production" ? {
-  name: "oldbq4",
-  styles: "user-select:none"
-} : {
-  name: "oldbq4",
-  styles: "user-select:none",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const PieChartWrapper = exports.PieChartWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e14yfkwz0"
-} : {
-  target: "e14yfkwz0",
-  label: "PieChartWrapper"
-})(({
-  width = '100%',
-  height = '300px'
-}) => /*#__PURE__*/(0, _react.css)("width:", width, ";height:", height, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:PieChartWrapper;")));
+import { css } from '@emotion/react';
+import styled from '@emotion/styled';
+export const TextContent = styled.g `
+  user-select: none;
+`;
+export const PieChartWrapper = styled.div(({ width = '100%', height = '300px' }) => css `
+    width: ${width};
+    height: ${height};
+  `);

package/lib/core/PreemptionCard/PreemptionCard.stories.d.ts

@@ -4,4 +4,3 @@ declare const meta: Meta<typeof PreemptionCard>;
 export default meta;
 type Story = StoryObj<typeof PreemptionCard>;
 export declare const Default: Story;
-//# sourceMappingURL=PreemptionCard.stories.d.ts.map

package/lib/core/PreemptionCard/PreemptionCard.stories.js

@@ -1,81 +1,68 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Default = void 0;
-var _ = _interopRequireDefault(require("."));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+import { jsx as _jsx } from "react/jsx-runtime";
+import PreemptionCard from '.';
 const meta = {
-  title: 'Core/PreemptionCard',
-  component: _.default
+    title: 'Core/PreemptionCard',
+    component: PreemptionCard,
 };
-var _default = exports.default = meta;
+export default meta;
 const dummypreemption = {
-  accept: null,
-  advertisement: null,
-  boardApprovalDeadline: null,
-  calculatedDeadline: '11/26/2020 00:00:00',
-  deadline: '11/26/2021 12:00:00',
-  handover: null,
-  id: 'E4009F32F14B495E8B4EA6F217A2380D',
-  newOwnerApproved: null,
-  newOwnerReportedToBbl: null,
-  pricing: {
-    addedJointCost: '200.0',
-    addedJointDebt: '300.0',
-    askingPrice: '100000.0',
-    fixedPrice: '200000.0',
-    jointCosts: '0.0',
-    jointDebt: '0.0',
-    preemptionFee: '4300.0',
-    totalPrice: '100000.0'
-  },
-  processingDeadline: null,
-  received: '11/16/2020 00:00:00',
-  seniorityrules: {
-    designation: null,
-    priority: '1',
-    ruleText: 'Andel BBL'
-  },
-  status: 'Mottatt',
-  trialNo: '202000002',
-  unit: {
-    address: 'Testsvingen 30',
-    area: null,
-    building: {
-      buildingCode: 'Lavblokk',
-      buildingType: 'Lav blokk'
+    accept: null,
+    advertisement: null,
+    boardApprovalDeadline: null,
+    calculatedDeadline: '11/26/2020 00:00:00',
+    deadline: '11/26/2021 12:00:00',
+    handover: null,
+    id: 'E4009F32F14B495E8B4EA6F217A2380D',
+    newOwnerApproved: null,
+    newOwnerReportedToBbl: null,
+    pricing: {
+        addedJointCost: '200.0',
+        addedJointDebt: '300.0',
+        askingPrice: '100000.0',
+        fixedPrice: '200000.0',
+        jointCosts: '0.0',
+        jointDebt: '0.0',
+        preemptionFee: '4300.0',
+        totalPrice: '100000.0',
     },
-    city: 'OSLO',
-    geoLocation: '',
-    id: '1DE619F7BC5A41CDBF8870C5A5362DCE',
-    subArea: null,
-    primaryRoom: 45,
-    numberOfRooms: 3
-  },
-  viewing: {
-    date: '11/20/2020 11:03:46',
-    dateString: 'Onsdag 12.05.19 kl 16-17',
-    info: 'megler',
-    telephone: '22225555',
-    text: 'tilknyttet uten forvaltning',
-    url: null
-  },
-  clarificationInAdvance: true,
-  isInternal: true
+    processingDeadline: null,
+    received: '11/16/2020 00:00:00',
+    seniorityrules: {
+        designation: null,
+        priority: '1',
+        ruleText: 'Andel BBL',
+    },
+    status: 'Mottatt',
+    trialNo: '202000002',
+    unit: {
+        address: 'Testsvingen 30',
+        area: null,
+        building: { buildingCode: 'Lavblokk', buildingType: 'Lav blokk' },
+        city: 'OSLO',
+        geoLocation: '',
+        id: '1DE619F7BC5A41CDBF8870C5A5362DCE',
+        subArea: null,
+        primaryRoom: 45,
+        numberOfRooms: 3,
+    },
+    viewing: {
+        date: '11/20/2020 11:03:46',
+        dateString: 'Onsdag 12.05.19 kl 16-17',
+        info: 'megler',
+        telephone: '22225555',
+        text: 'tilknyttet uten forvaltning',
+        url: null,
+    },
+    clarificationInAdvance: true,
+    isInternal: true,
 };
-const Default = exports.Default = {
-  args: {
-    preemption: dummypreemption,
-    onClick: () => console.log('clicked preemption')
-  },
-  decorators: [Story => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    style: {
-      maxWidth: '300px'
+export const Default = {
+    args: {
+        preemption: dummypreemption,
+        onClick: () => console.log('clicked preemption'),
     },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Story, {})
-  })],
-  name: 'Default'
-};
+    decorators: [
+        (Story) => (_jsx("div", { style: { maxWidth: '300px' }, children: _jsx(Story, {}) })),
+    ],
+    name: 'Default',
+};

package/lib/core/PreemptionCard/index.d.ts

@@ -8,4 +8,3 @@ interface IProps {
 }
 declare const PreemptionCard: React.FC<IProps>;
 export default PreemptionCard;
-//# sourceMappingURL=index.d.ts.map

package/lib/core/PreemptionCard/index.js

@@ -1,81 +1,32 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("@emotion/react");
-var _react2 = _interopRequireDefault(require("react"));
-var _styles = require("./styles");
-var _Card = _interopRequireDefault(require("../Card"));
-var _Text = _interopRequireDefault(require("../Text"));
-var _UnitIllustration = _interopRequireDefault(require("../UnitIllustration"));
-var _preemption = require("../private/preemption");
-var _Divider = _interopRequireDefault(require("../Divider"));
-var _Header = _interopRequireDefault(require("../Header"));
-var _format = require("../../utils/format");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/** @jsxImportSource @emotion/react */
-
-const PreemptionCard = ({
-  preemption,
-  onClick,
-  showSizeDetails = false
-}) => {
-  const theme = (0, _react.useTheme)();
-  const Kvm = (0, _jsxRuntime.jsx)("sup", {
-    children: "2"
-  });
-  return (0, _jsxRuntime.jsxs)(_Card.default, {
-    onClick: () => onClick(preemption.id),
-    withhover: true,
-    shadow: true,
-    children: [(0, _jsxRuntime.jsx)(_styles.SvgHead, {
-      css: /*#__PURE__*/(0, _react.css)({
-        background: 'linear-gradient(' + theme.backgroundColor + ', ' + theme.backgroundColor + '), linear-gradient(' + theme.primary20opa + ', ' + theme.primary20opa + ')'
-      }, process.env.NODE_ENV === "production" ? "" : ";label:PreemptionCard;"),
-      children: (0, _jsxRuntime.jsx)(_UnitIllustration.default, {
-        type: preemption.unit.building?.buildingCode || preemption.unit.buildingCode
-      })
-    }), preemption.isInternal && (0, _jsxRuntime.jsx)(_styles.InternalTag, {
-      title: (0, _format.getFormattedDate)(preemption.deadline),
-      children: "Intern forkj\xF8p"
-    }), (0, _jsxRuntime.jsxs)(_styles.UnitInfo, {
-      children: [(0, _jsxRuntime.jsxs)(_Text.default, {
-        small: true,
-        subtle: true,
-        children: [(0, _preemption.getAreaTextForPreemptionUnit)(preemption.unit), " -", ' ', preemption.unit.building?.buildingCode || preemption.unit.buildingCode, showSizeDetails && (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-          children: [preemption.unit.numberOfRooms ? ' / ' + preemption.unit.numberOfRooms + '-roms' : null, preemption.unit.primaryRoom ? ' / ' + preemption.unit.primaryRoom + ' m' : null, preemption.unit.primaryRoom ? Kvm : null]
-        })]
-      }), (0, _jsxRuntime.jsx)(_Text.default, {
-        bold: true,
-        children: preemption.unit.address
-      }), (0, _jsxRuntime.jsx)(_Divider.default, {}), (0, _jsxRuntime.jsx)(_Header.default, {
-        level: 5,
-        children: (0, _format.getPriceWithLabel)(preemption.clarificationInAdvance, preemption.pricing)
-      }), (0, _jsxRuntime.jsxs)(_Text.default, {
-        small: true,
-        subtle: true,
-        children: ["Totalpris ", (0, _format.getFormattedPrice)(preemption.pricing.totalPrice)]
-      }), (0, _jsxRuntime.jsxs)(_Text.default, {
-        small: true,
-        subtle: true,
-        children: ["Felleskostnad ", (0, _format.getFormattedPrice)(preemption.pricing.jointCosts)]
-      }), (0, _jsxRuntime.jsx)(_styles.StyledTag, {
-        info: (0, _preemption.isDeadlineClosing)(preemption.deadline),
-        light: !(0, _preemption.isDeadlineClosing)(preemption.deadline),
-        title: (0, _format.getFormattedDate)(preemption.deadline),
-        children: (0, _jsxRuntime.jsxs)(_Text.default, {
-          extrasmall: true,
-          children: ["MELDEFRIST:\xA0", (0, _jsxRuntime.jsx)(_Text.default, {
-            extrasmall: true,
-            bold: true,
-            children: (0, _preemption.getMeldefristText)(preemption)
-          })]
-        })
-      })]
-    })]
-  });
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { useTheme } from '@emotion/react';
+import { SvgHead, UnitInfo, StyledTag, InternalTag } from './styles';
+import Card from '../Card';
+import Text from '../Text';
+import UnitIllustration from '../UnitIllustration';
+import { getAreaTextForPreemptionUnit, getMeldefristText, isDeadlineClosing, } from '../private/preemption';
+import Divider from '../Divider';
+import Header from '../Header';
+import { getPriceWithLabel, getFormattedPrice, getFormattedDate, } from '../../utils/format';
+const PreemptionCard = ({ preemption, onClick, showSizeDetails = false, }) => {
+    const theme = useTheme();
+    const Kvm = _jsx("sup", { children: "2" });
+    return (_jsxs(Card, { onClick: () => onClick(preemption.id), withhover: true, shadow: true, children: [_jsx(SvgHead, { css: {
+                    background: 'linear-gradient(' +
+                        theme.backgroundColor +
+                        ', ' +
+                        theme.backgroundColor +
+                        '), linear-gradient(' +
+                        theme.primary20opa +
+                        ', ' +
+                        theme.primary20opa +
+                        ')',
+                }, children: _jsx(UnitIllustration, { type: preemption.unit.building?.buildingCode ||
+                        preemption.unit.buildingCode }) }), preemption.isInternal && (_jsx(InternalTag, { title: getFormattedDate(preemption.deadline), children: "Intern forkj\u00F8p" })), _jsxs(UnitInfo, { children: [_jsxs(Text, { small: true, subtle: true, children: [getAreaTextForPreemptionUnit(preemption.unit), " -", ' ', preemption.unit.building?.buildingCode ||
+                                preemption.unit.buildingCode, showSizeDetails && (_jsxs(_Fragment, { children: [preemption.unit.numberOfRooms
+                                        ? ' / ' + preemption.unit.numberOfRooms + '-roms'
+                                        : null, preemption.unit.primaryRoom
+                                        ? ' / ' + preemption.unit.primaryRoom + ' m'
+                                        : null, preemption.unit.primaryRoom ? Kvm : null] }))] }), _jsx(Text, { bold: true, children: preemption.unit.address }), _jsx(Divider, {}), _jsx(Header, { level: 5, children: getPriceWithLabel(preemption.clarificationInAdvance, preemption.pricing) }), _jsxs(Text, { small: true, subtle: true, children: ["Totalpris ", getFormattedPrice(preemption.pricing.totalPrice)] }), _jsxs(Text, { small: true, subtle: true, children: ["Felleskostnad ", getFormattedPrice(preemption.pricing.jointCosts)] }), _jsx(StyledTag, { info: isDeadlineClosing(preemption.deadline), light: !isDeadlineClosing(preemption.deadline), title: getFormattedDate(preemption.deadline), children: _jsxs(Text, { extrasmall: true, children: ["MELDEFRIST:\u00A0", _jsx(Text, { extrasmall: true, bold: true, children: getMeldefristText(preemption) })] }) })] })] }));
 };
-var _default = exports.default = PreemptionCard;
+export default PreemptionCard;

package/lib/core/PreemptionCard/models.d.ts

@@ -114,4 +114,3 @@ export declare enum PreemptionTypeEnum {
     Avklaring_ForhandsavklaringOgTilknyttet = "MANAGED_ADVANCE_CLARIFICATION",
     Avklaring_ForhandsavklaringOgFrittstaende = "UNMANAGED_ADVANCE_CLARIFICATION"
 }
-//# sourceMappingURL=models.d.ts.map

package/lib/core/PreemptionCard/models.js

@@ -1,13 +1,7 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PreemptionTypeEnum = void 0;
-let PreemptionTypeEnum = exports.PreemptionTypeEnum = /*#__PURE__*/function (PreemptionTypeEnum) {
-  PreemptionTypeEnum["Avklaring_FastprisOgTilknyttet"] = "MANAGED_FIXED_PRICE";
-  PreemptionTypeEnum["Avklaring_FastprisOgFrittstaende"] = "UNMANAGED_FIXED_PRICE";
-  PreemptionTypeEnum["Avklaring_ForhandsavklaringOgTilknyttet"] = "MANAGED_ADVANCE_CLARIFICATION";
-  PreemptionTypeEnum["Avklaring_ForhandsavklaringOgFrittstaende"] = "UNMANAGED_ADVANCE_CLARIFICATION";
-  return PreemptionTypeEnum;
-}({});
+export var PreemptionTypeEnum;
+(function (PreemptionTypeEnum) {
+    PreemptionTypeEnum["Avklaring_FastprisOgTilknyttet"] = "MANAGED_FIXED_PRICE";
+    PreemptionTypeEnum["Avklaring_FastprisOgFrittstaende"] = "UNMANAGED_FIXED_PRICE";
+    PreemptionTypeEnum["Avklaring_ForhandsavklaringOgTilknyttet"] = "MANAGED_ADVANCE_CLARIFICATION";
+    PreemptionTypeEnum["Avklaring_ForhandsavklaringOgFrittstaende"] = "UNMANAGED_ADVANCE_CLARIFICATION";
+})(PreemptionTypeEnum || (PreemptionTypeEnum = {}));

package/lib/core/PreemptionCard/styles.d.ts

@@ -8,4 +8,3 @@ export declare const UnitInfo: import("@emotion/styled").StyledComponent<{
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledTag: any;
 export declare const InternalTag: any;
-//# sourceMappingURL=styles.d.ts.map

package/lib/core/PreemptionCard/styles.js

@@ -1,56 +1,44 @@
-"use strict";
+import styled from '@emotion/styled';
+import { Tag } from '../..';
+import bp from '../../globals/styles/breakpoints';
+export const SvgHead = styled.div `
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 93px;
+  margin: -10px -20px;
+  margin-bottom: 0;
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.UnitInfo = exports.SvgHead = exports.StyledTag = exports.InternalTag = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _ = require("../..");
-var _breakpoints = _interopRequireDefault(require("../../globals/styles/breakpoints"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-const SvgHead = exports.SvgHead = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1awlddl3"
-} : {
-  target: "e1awlddl3",
-  label: "SvgHead"
-})("display:flex;justify-content:center;align-items:center;height:93px;margin:-10px -20px;margin-bottom:0;&>div{padding:5px 0;height:calc(100% - 10px);}@media screen and (max-width: ", _breakpoints.default.small, "){margin-top:-20px;}");
-const UnitInfo = exports.UnitInfo = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1awlddl2"
-} : {
-  target: "e1awlddl2",
-  label: "UnitInfo"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1qc1gbv",
-  styles: "padding-top:16px;&>h5{margin-bottom:4px;}>*{display:block;}"
-} : {
-  name: "1qc1gbv",
-  styles: "padding-top:16px;&>h5{margin-bottom:4px;}>*{display:block;}",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledTag = exports.StyledTag = /*#__PURE__*/(0, _base.default)(_.Tag, process.env.NODE_ENV === "production" ? {
-  target: "e1awlddl1"
-} : {
-  target: "e1awlddl1",
-  label: "StyledTag"
-})(process.env.NODE_ENV === "production" ? {
-  name: "16nq8y7",
-  styles: "display:inline-block;margin-top:1.5em;font-size:12px;width:calc(100% - 16px);text-align:center;margin-bottom:-0.5em"
-} : {
-  name: "16nq8y7",
-  styles: "display:inline-block;margin-top:1.5em;font-size:12px;width:calc(100% - 16px);text-align:center;margin-bottom:-0.5em",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const InternalTag = exports.InternalTag = /*#__PURE__*/(0, _base.default)(_.Tag, process.env.NODE_ENV === "production" ? {
-  target: "e1awlddl0"
-} : {
-  target: "e1awlddl0",
-  label: "InternalTag"
-})(process.env.NODE_ENV === "production" ? {
-  name: "nd2ame",
-  styles: "position:absolute;top:1rem;right:1rem"
-} : {
-  name: "nd2ame",
-  styles: "position:absolute;top:1rem;right:1rem",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
+  & > div {
+    padding: 5px 0;
+    height: calc(100% - 10px);
+  }
+
+  @media screen and (max-width: ${bp.small}) {
+    margin-top: -20px;
+  }
+`;
+export const UnitInfo = styled.div `
+  padding-top: 16px;
+
+  & > h5 {
+    margin-bottom: 4px;
+  }
+
+  > * {
+    display: block;
+  }
+`;
+export const StyledTag = styled(Tag) `
+  display: inline-block;
+  margin-top: 1.5em;
+  font-size: 12px;
+  width: calc(100% - 16px);
+  text-align: center;
+  margin-bottom: -0.5em;
+`;
+export const InternalTag = styled(Tag) `
+  position: absolute;
+  top: 1rem;
+  right: 1rem;
+`;

package/lib/core/PreemptionCardLoading/PreemptionCardLoading.stories.d.ts

@@ -2,7 +2,6 @@ import { Meta } from '@storybook/react';
 declare const _default: Meta;
 export default _default;
 export declare const Default: {
-    render: () => import("react").JSX.Element;
+    render: () => import("react/jsx-runtime").JSX.Element;
     name: string;
 };
-//# sourceMappingURL=PreemptionCardLoading.stories.d.ts.map

package/lib/core/PreemptionCardLoading/PreemptionCardLoading.stories.js

@@ -1,22 +1,12 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Default = void 0;
-var _ = _interopRequireDefault(require("."));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Core/PreemptionCardLoading',
-  component: _.default
+import { jsx as _jsx } from "react/jsx-runtime";
+import PreemptionCardLoading from '.';
+export default {
+    title: 'Core/PreemptionCardLoading',
+    component: PreemptionCardLoading,
+};
+export const Default = {
+    render: () => (_jsx("div", { style: {
+            maxWidth: '300px',
+        }, children: _jsx(PreemptionCardLoading, {}) })),
+    name: 'Default',
 };
-const Default = exports.Default = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    style: {
-      maxWidth: '300px'
-    },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {})
-  }),
-  name: 'Default'
-};

package/lib/core/PreemptionCardLoading/index.d.ts

@@ -3,4 +3,3 @@ interface IProps {
 }
 declare const PreemptionCardLoading: React.FC<IProps>;
 export default PreemptionCardLoading;
-//# sourceMappingURL=index.d.ts.map

package/lib/core/PreemptionCardLoading/index.js

@@ -1,26 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Card = _interopRequireDefault(require("../Card"));
-var _Divider = _interopRequireDefault(require("../Divider"));
-var _Skeleton = _interopRequireDefault(require("../Skeleton"));
-var _styles = require("./styles");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Card from '../Card';
+import Divider from '../Divider';
+import Skeleton from '../Skeleton';
+import { WrapperUnitInformation, WrapperHeader } from './styles';
 const PreemptionCardLoading = () => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Card.default, {
-    shadow: true,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.WrapperHeader, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.default, {
-        rectangle: true
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.WrapperUnitInformation, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Divider.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.default, {})]
-    })]
-  });
+    return (_jsxs(Card, { shadow: true, children: [_jsx(WrapperHeader, { children: _jsx(Skeleton, { rectangle: true }) }), _jsxs(WrapperUnitInformation, { children: [_jsx(Skeleton, {}), _jsx(Skeleton, {}), _jsx(Divider, {}), _jsx(Skeleton, {}), _jsx(Skeleton, {}), _jsx(Skeleton, {})] })] }));
 };
-var _default = exports.default = PreemptionCardLoading;
+export default PreemptionCardLoading;

package/lib/core/PreemptionCardLoading/styles.d.ts

@@ -10,4 +10,3 @@ export declare const WrapperUnitInformation: import("@emotion/styled").StyledCom
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-//# sourceMappingURL=styles.d.ts.map

package/lib/core/PreemptionCardLoading/styles.js

@@ -1,48 +1,27 @@
-"use strict";
+import styled from '@emotion/styled';
+export const Wrapper = styled.div `
+  display: grid;
+  grid-template-columns: 80px 1fr 1fr;
+  grid-column-gap: 25px;
+  margin: 0 20px;
+  padding: 25px 0;
+  border-bottom: 1px solid #cfd9ea;
+`;
+export const WrapperHeader = styled.div `
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 93px;
+  margin: -30px -20px;
+  margin-bottom: 0;
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.WrapperUnitInformation = exports.WrapperHeader = exports.Wrapper = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-const Wrapper = exports.Wrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1klhvwo2"
-} : {
-  target: "e1klhvwo2",
-  label: "Wrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "xivppr",
-  styles: "display:grid;grid-template-columns:80px 1fr 1fr;grid-column-gap:25px;margin:0 20px;padding:25px 0;border-bottom:1px solid #cfd9ea"
-} : {
-  name: "xivppr",
-  styles: "display:grid;grid-template-columns:80px 1fr 1fr;grid-column-gap:25px;margin:0 20px;padding:25px 0;border-bottom:1px solid #cfd9ea",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const WrapperHeader = exports.WrapperHeader = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1klhvwo1"
-} : {
-  target: "e1klhvwo1",
-  label: "WrapperHeader"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1m6hzcc",
-  styles: "display:flex;justify-content:center;align-items:center;height:93px;margin:-30px -20px;margin-bottom:0;&>span{display:inline-block;height:100%;width:100%;}"
-} : {
-  name: "1m6hzcc",
-  styles: "display:flex;justify-content:center;align-items:center;height:93px;margin:-30px -20px;margin-bottom:0;&>span{display:inline-block;height:100%;width:100%;}",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const WrapperUnitInformation = exports.WrapperUnitInformation = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1klhvwo0"
-} : {
-  target: "e1klhvwo0",
-  label: "WrapperUnitInformation"
-})(process.env.NODE_ENV === "production" ? {
-  name: "xavwhl",
-  styles: "padding-top:2em;padding-bottom:1.4em"
-} : {
-  name: "xavwhl",
-  styles: "padding-top:2em;padding-bottom:1.4em",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
+  & > span {
+    display: inline-block;
+    height: 100%;
+    width: 100%;
+  }
+`;
+export const WrapperUnitInformation = styled.div `
+  padding-top: 2em;
+  padding-bottom: 1.4em;
+`;