@bbl-digital/snorre 2.4.51 → 2.4.56
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/bundle.js +436 -292
- package/esm/core/BoxedTable/DraggableRow/index.js +30 -0
- package/esm/core/BoxedTable/DraggableRow/styles.js +31 -0
- package/esm/core/BoxedTable/index.js +32 -3
- package/esm/core/BoxedTable/models.js +1 -0
- package/esm/core/BoxedTable/styles.js +27 -9
- package/esm/core/PreemptionCard/index.js +1 -1
- package/esm/icons/General/IconRearrange.js +52 -0
- package/esm/index.js +2 -1
- package/lib/core/BoxedTable/DraggableRow/index.d.ts +13 -0
- package/lib/core/BoxedTable/DraggableRow/index.d.ts.map +1 -0
- package/lib/core/BoxedTable/DraggableRow/index.js +30 -0
- package/lib/core/BoxedTable/DraggableRow/styles.d.ts +14 -0
- package/lib/core/BoxedTable/DraggableRow/styles.d.ts.map +1 -0
- package/lib/core/BoxedTable/DraggableRow/styles.js +31 -0
- package/lib/core/BoxedTable/index.d.ts +3 -0
- package/lib/core/BoxedTable/index.d.ts.map +1 -1
- package/lib/core/BoxedTable/index.js +32 -3
- package/lib/core/BoxedTable/models.d.ts +6 -0
- package/lib/core/BoxedTable/models.d.ts.map +1 -0
- package/lib/core/BoxedTable/models.js +1 -0
- package/lib/core/BoxedTable/styles.d.ts +1 -0
- package/lib/core/BoxedTable/styles.d.ts.map +1 -1
- package/lib/core/BoxedTable/styles.js +27 -9
- package/lib/core/PreemptionCard/index.d.ts.map +1 -1
- package/lib/core/PreemptionCard/index.js +1 -1
- package/lib/core/PreemptionCard/models.d.ts.map +1 -1
- package/lib/hooks/useScreenOrientation.d.ts +1 -1
- package/lib/icons/General/IconRearrange.d.ts +4 -0
- package/lib/icons/General/IconRearrange.d.ts.map +1 -0
- package/lib/icons/General/IconRearrange.js +52 -0
- package/lib/index.d.ts +2 -1
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +2 -1
- package/package.json +5 -3
@@ -31,7 +31,7 @@ const PreemptionCard = ({
|
|
31
31
|
children: [_jsx(SvgHead, {
|
32
32
|
css: /*#__PURE__*/_css({
|
33
33
|
background: 'linear-gradient(' + theme.backgroundColor + ', ' + theme.backgroundColor + '), linear-gradient(' + theme.primary20opa + ', ' + theme.primary20opa + ')'
|
34
|
-
}, process.env.NODE_ENV === "production" ? "" : ";label:PreemptionCard;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
34
|
+
}, process.env.NODE_ENV === "production" ? "" : ";label:PreemptionCard;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1ByZWVtcHRpb25DYXJkL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQ1EiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvUHJlZW1wdGlvbkNhcmQvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqIEBqc3hJbXBvcnRTb3VyY2UgQGVtb3Rpb24vcmVhY3QgKi9cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBTdmdIZWFkLCBVbml0SW5mbywgU3R5bGVkVGFnIH0gZnJvbSAnLi9zdHlsZXMnXG5pbXBvcnQgQ2FyZCBmcm9tICcuLi9DYXJkJ1xuaW1wb3J0IFRleHQgZnJvbSAnLi4vVGV4dCdcbmltcG9ydCB7IElQcmVlbXB0aW9uIH0gZnJvbSAnLi9tb2RlbHMnXG5pbXBvcnQgVW5pdElsbHVzdHJhdGlvbiBmcm9tICcuLi9Vbml0SWxsdXN0cmF0aW9uJ1xuaW1wb3J0IHtcbiAgZ2V0QXJlYVRleHRGb3JQcmVlbXB0aW9uVW5pdCxcbiAgZ2V0TWVsZGVmcmlzdFRleHQsXG4gIGlzRGVhZGxpbmVDbG9zaW5nLFxufSBmcm9tICcuLi9wcml2YXRlL3ByZWVtcHRpb24nXG5pbXBvcnQgRGl2aWRlciBmcm9tICcuLi9EaXZpZGVyJ1xuaW1wb3J0IEhlYWRlciBmcm9tICcuLi9IZWFkZXInXG5pbXBvcnQge1xuICBnZXRQcmljZVdpdGhMYWJlbCxcbiAgZ2V0Rm9ybWF0dGVkUHJpY2UsXG4gIGdldEZvcm1hdHRlZERhdGUsXG59IGZyb20gJy4uLy4uL3V0aWxzL2Zvcm1hdCdcblxuaW50ZXJmYWNlIElQcm9wcyB7XG4gIHByZWVtcHRpb246IElQcmVlbXB0aW9uXG4gIG9uQ2xpY2s6IChpZDogc3RyaW5nKSA9PiB2b2lkXG59XG5cbmNvbnN0IFByZWVtcHRpb25DYXJkOiBSZWFjdC5GQzxJUHJvcHM+ID0gKHsgcHJlZW1wdGlvbiwgb25DbGljayB9KSA9PiB7XG4gIGNvbnN0IHRoZW1lOiBhbnkgPSB1c2VUaGVtZSgpXG5cbiAgY29uc3QgS3ZtID0gPHN1cD4yPC9zdXA+XG5cbiAgcmV0dXJuIChcbiAgICA8Q2FyZCBvbkNsaWNrPXsoKSA9PiBvbkNsaWNrKHByZWVtcHRpb24uaWQpfSB3aXRoaG92ZXIgc2hhZG93PlxuICAgICAgey8qKiBUT0RPIGNoYW5nZSB3aXRoIGNvbXBvbmVudCAqL31cbiAgICAgIDxTdmdIZWFkXG4gICAgICAgIGNzcz17e1xuICAgICAgICAgIGJhY2tncm91bmQ6XG4gICAgICAgICAgICAnbGluZWFyLWdyYWRpZW50KCcgK1xuICAgICAgICAgICAgdGhlbWUuYmFja2dyb3VuZENvbG9yICtcbiAgICAgICAgICAgICcsICcgK1xuICAgICAgICAgICAgdGhlbWUuYmFja2dyb3VuZENvbG9yICtcbiAgICAgICAgICAgICcpLCBsaW5lYXItZ3JhZGllbnQoJyArXG4gICAgICAgICAgICB0aGVtZS5wcmltYXJ5MjBvcGEgK1xuICAgICAgICAgICAgJywgJyArXG4gICAgICAgICAgICB0aGVtZS5wcmltYXJ5MjBvcGEgK1xuICAgICAgICAgICAgJyknLFxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8VW5pdElsbHVzdHJhdGlvblxuICAgICAgICAgIHR5cGU9e1xuICAgICAgICAgICAgcHJlZW1wdGlvbi51bml0LmJ1aWxkaW5nPy5idWlsZGluZ0NvZGUgfHxcbiAgICAgICAgICAgIHByZWVtcHRpb24udW5pdC5idWlsZGluZ0NvZGVcbiAgICAgICAgICB9XG4gICAgICAgIC8+XG4gICAgICA8L1N2Z0hlYWQ+XG5cbiAgICAgIHsvKiogVE9ETyBjaGFuZ2Ugd2l0aCBjb21wb25lbnQgKi99XG4gICAgICA8VW5pdEluZm8+XG4gICAgICAgIDxUZXh0IHNtYWxsIHN1YnRsZT5cbiAgICAgICAgICB7Z2V0QXJlYVRleHRGb3JQcmVlbXB0aW9uVW5pdChwcmVlbXB0aW9uLnVuaXQpfSAteycgJ31cbiAgICAgICAgICB7cHJlZW1wdGlvbi51bml0LmJ1aWxkaW5nPy5idWlsZGluZ0NvZGUgfHxcbiAgICAgICAgICAgIHByZWVtcHRpb24udW5pdC5idWlsZGluZ0NvZGV9XG4gICAgICAgICAge3ByZWVtcHRpb24udW5pdC5udW1iZXJPZlJvb21zXG4gICAgICAgICAgICA/ICcgLyAnICsgcHJlZW1wdGlvbi51bml0Lm51bWJlck9mUm9vbXMgKyAnLXJvbXMnXG4gICAgICAgICAgICA6IG51bGx9XG4gICAgICAgICAge3ByZWVtcHRpb24udW5pdC5wcmltYXJ5Um9vbVxuICAgICAgICAgICAgPyAnIC8gJyArIHByZWVtcHRpb24udW5pdC5wcmltYXJ5Um9vbSArICcgbSdcbiAgICAgICAgICAgIDogbnVsbH1cbiAgICAgICAgICB7cHJlZW1wdGlvbi51bml0LnByaW1hcnlSb29tID8gS3ZtIDogbnVsbH1cbiAgICAgICAgPC9UZXh0PlxuICAgICAgICA8VGV4dCBib2xkPntwcmVlbXB0aW9uLnVuaXQuYWRkcmVzc308L1RleHQ+XG5cbiAgICAgICAgPERpdmlkZXIgLz5cblxuICAgICAgICA8SGVhZGVyIGxldmVsPXs1fT57Z2V0UHJpY2VXaXRoTGFiZWwocHJlZW1wdGlvbi5wcmljaW5nKX08L0hlYWRlcj5cbiAgICAgICAgPFRleHQgc21hbGwgc3VidGxlPlxuICAgICAgICAgIFRvdGFscHJpcyB7Z2V0Rm9ybWF0dGVkUHJpY2UocHJlZW1wdGlvbi5wcmljaW5nLnRvdGFsUHJpY2UpfVxuICAgICAgICA8L1RleHQ+XG4gICAgICAgIDxUZXh0IHNtYWxsIHN1YnRsZT5cbiAgICAgICAgICBGZWxsZXNrb3N0bmFkIHtnZXRGb3JtYXR0ZWRQcmljZShwcmVlbXB0aW9uLnByaWNpbmcuam9pbnRDb3N0cyl9XG4gICAgICAgIDwvVGV4dD5cblxuICAgICAgICA8U3R5bGVkVGFnXG4gICAgICAgICAgaW5mbz17aXNEZWFkbGluZUNsb3NpbmcocHJlZW1wdGlvbi5kZWFkbGluZSl9XG4gICAgICAgICAgbGlnaHQ9eyFpc0RlYWRsaW5lQ2xvc2luZyhwcmVlbXB0aW9uLmRlYWRsaW5lKX1cbiAgICAgICAgICB0aXRsZT17Z2V0Rm9ybWF0dGVkRGF0ZShwcmVlbXB0aW9uLmRlYWRsaW5lKX1cbiAgICAgICAgPlxuICAgICAgICAgIDxUZXh0IGV4dHJhc21hbGw+XG4gICAgICAgICAgICBNRUxERUZSSVNUOiZuYnNwO1xuICAgICAgICAgICAgPFRleHQgZXh0cmFzbWFsbCBib2xkPlxuICAgICAgICAgICAgICB7Z2V0TWVsZGVmcmlzdFRleHQocHJlZW1wdGlvbil9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICA8L1N0eWxlZFRhZz5cbiAgICAgIDwvVW5pdEluZm8+XG4gICAgPC9DYXJkPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFByZWVtcHRpb25DYXJkXG4iXX0= */"),
|
35
35
|
children: _jsx(UnitIllustration, {
|
36
36
|
type: preemption.unit.building?.buildingCode || preemption.unit.buildingCode
|
37
37
|
})
|
@@ -0,0 +1,52 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import withIcon from '../withIcon';
|
3
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
4
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
5
|
+
|
6
|
+
const IconRearrange = props => /*#__PURE__*/_jsxs("svg", {
|
7
|
+
viewBox: "0 0 18 20",
|
8
|
+
...props,
|
9
|
+
children: [/*#__PURE__*/_jsx("defs", {
|
10
|
+
children: /*#__PURE__*/_jsx("path", {
|
11
|
+
d: "M0,15 L18,15 L18,13 L0,13 L0,15 Z M0,11 L18,11 L18,9 L0,9 L0,11 Z M0,5 L0,7 L18,7 L18,5 L0,5 Z M6,17 L9,20 L12,17 L6,17 Z M12,3 L9,0 L6,3 L12,3 Z",
|
12
|
+
id: "path-1"
|
13
|
+
})
|
14
|
+
}), /*#__PURE__*/_jsx("g", {
|
15
|
+
stroke: "none",
|
16
|
+
strokeWidth: "1",
|
17
|
+
fill: "none",
|
18
|
+
fillRule: "evenodd",
|
19
|
+
children: /*#__PURE__*/_jsx("g", {
|
20
|
+
transform: "translate(-463.000000, -827.000000)",
|
21
|
+
children: /*#__PURE__*/_jsxs("g", {
|
22
|
+
transform: "translate(463.000000, 827.000000)",
|
23
|
+
children: [/*#__PURE__*/_jsx("mask", {
|
24
|
+
id: "mask-2",
|
25
|
+
fill: "white",
|
26
|
+
children: /*#__PURE__*/_jsx("use", {
|
27
|
+
xlinkHref: "#path-1"
|
28
|
+
})
|
29
|
+
}), /*#__PURE__*/_jsx("use", {
|
30
|
+
fill: props.style.fill || '#000000',
|
31
|
+
fillRule: "nonzero",
|
32
|
+
xlinkHref: "#path-1"
|
33
|
+
}), /*#__PURE__*/_jsx("g", {
|
34
|
+
mask: "url(#mask-2)",
|
35
|
+
fill: props.style.fill || '#000000',
|
36
|
+
children: /*#__PURE__*/_jsx("g", {
|
37
|
+
transform: "translate(-3.000000, -2.000000)",
|
38
|
+
id: "Rectangle",
|
39
|
+
children: /*#__PURE__*/_jsx("rect", {
|
40
|
+
x: "0",
|
41
|
+
y: "0",
|
42
|
+
width: "24",
|
43
|
+
height: "24"
|
44
|
+
})
|
45
|
+
})
|
46
|
+
})]
|
47
|
+
})
|
48
|
+
})
|
49
|
+
})]
|
50
|
+
});
|
51
|
+
|
52
|
+
export default withIcon('IconRearrange')(IconRearrange);
|
package/esm/index.js
CHANGED
@@ -288,4 +288,5 @@ import GoogleButton from './core/GoogleButton';
|
|
288
288
|
import NotificationCounter from './core/NotificationCounter';
|
289
289
|
import { Key } from './enums/Keyboard';
|
290
290
|
import SearchFilter from './core/SearchFilter';
|
291
|
-
|
291
|
+
import DraggableRow from './core/BoxedTable/DraggableRow';
|
292
|
+
export { Topbar, Layout, LayoutShell, AppShell, AppLoader, Alert, Button, Card, Divider, Dropdown, Header, Input, Image, Checkbox, Link, List, ListItem, Tag, Text, Footer, FooterCol, FooterGroup, FooterLabel, FooterLink, FooterButton, Radio, Skeleton, Html, CustomText, Select, Option, UserMenu, UserMenuOption, Modal, NotificationsMenu, NotificationRow, Table, Cell, Row, FileInput, Datepicker, DatepickerRange, Menu, AppPicker, MainMenu, MenuItem, MenuTop, SecondaryMenu, SecondaryMenuItem, MenuSpacer, Submenu, SubmenuItem, PreemptionCard, PreemptionCardLoading, PieChart, SimpleBarChart, SimpleLineChart, BarAndLineComposedChart, BarChartWithCustomizedEvent, IconApartment, IconArchives, IconArea, IconChoice, IconReply, IconReplyAll, IconForward, IconArrowDown, IconArrowLeft, IconArrowRight, IconArrowUp, IconAttachment, IconBack, IconBath, IconBoard, IconBookmarkOutline, IconBookmarkFilled, IconBus, IconBlock, IconCar, IconCaretDown, IconCaretLeft, IconCaretUp, IconCaretRight, IconCheck, IconCheckedOutline, IconCheckedFilled, IconChevronLeft, IconChevronRight, IconChevronDown, IconClose, IconCloseAlt, IconComment, IconCompanyBuilding, IconDelete, IconDoor, IconDotFilled, IconDotOutline, IconDownload, IconDraft, IconElevator, IconErrorOutline, IconErrorFilled, IconExternalLink, IconEye, IconEyeDeny, IconFamily, IconFerry, IconFile, IconFileEdit, IconFileAdd, IconFileExcel, IconFilePDF, IconFileWord, IconFillOut, IconFloor, IconGarage, IconGrid, IconGym, IconHearth, IconHearthOutline, IconHelp, IconHistory, IconHouse, IconHumans, IconImportantComment, IconInbox, IconLabel, IconJointcost, IconJointcost2, IconKey, IconKitchen, IconLeisureTime, IconLock, IconLockLocked, IconLockOpen, IconMap, IconMail, IconMenu, IconMinus, IconMoney, IconParking, IconPaymentCard, IconPlus, IconPortalUser, IconReciept, IconRedo, IconRefresh, IconRoom, IconSave, IconSearch, IconSend, IconSettings, IconShopping, IconSign, IconStarFilled, IconStarHalf, IconStarOutline, IconStore, IconSubway, IconSwitch, IconSliders, IconTrain, IconTram, IconPrint, IconTransport, IconTypeOfBuilding, IconTypeOfBuildingOutline, IconUpload, IconUser, IconUserThin, IconVote, IconWalk, IconWarning, IconWarningBell, IconZip, IconSort, IconFilterList, IconBellOutline, IconPlusAlt, IconPhone, IconHouseOutline, IconMembership, IconMembershipFilled, IconCalendar, IconInfoOutline, IconInfoFilled, IllustrationHouse, IllustrationHighHouseComposition, IllustrationHighHouse, IllustrationHouseComposition, IllustrationLowHouse, IllustrationLowHouseComposition, IllustrationSemiDetachedHouse, IllustrationSemiDetachedHouseComposition, IllustrationSmallHouse, IllustrationSmallHouseComposition, IllustrationTerraceBlock, IllustrationTerraceBlockComposition, IllustrationTownHouse, IllustrationTownHouseComposition, IllustrationHousesBackground, IllustrationHousesBackgroundWithComposition, IllustrationHouseMissing, IllustrationError, IllustrationErrorGeneric, IllustrationPaperCompleted, IllustrationPaperMissing, IllustrationMySiteBuilding, IllustrationMySiteCoffeeBook, IllustrationMySiteComputer, IllustrationMySiteGift, IllustrationMySitePapers, IllustrationMySitePiggyBank, IllustrationMySiteTransfer, IconCommunication, IconCommunicationFilled, IconCompanyBuildingOutline, IconCompanyBuildingFilled, IconDashboard, IconDashboardFilled, IconEconomy, IconEconomyFilled, IconWork, IconWorkFilled, IconProfile, IconProfileFilled, IconLookup, IconLookupFilled, IconDocument, IconDocumentFilled, IconEarth, IconEdit, IconMinusAlt, IconMinusAltFilled, IconUndo, IconVisa, IconMasterCard, IconBankAxept, IconAmericanExpress, IconFileCopy, IconBblFlame, IconBblWater, IconBblShield, IconFullscreenOpen, IconFullscreenClose, IconGmail, IconOffice365, useIsMobile, useScreenOrientation, getDomainFromUrl, getFormatedPhone, getUrlWithProtocol, getFormattedPrice, getFormattedPriceWithEnding, getFormattedDate, getTitleString, getDateIsValid, getReducedArray, getFormattedAccountNumber, getFormattedOrganizationNumber, isValidAccountNumber, getFormattedCardNumber, getFormattedTime, alpha, getCurrentPage, getSkippedItems, getHasPreviousPages, getHasMorePages, getFirstButtonIndex, getFormattedDateTimePretty, datesAreOnSameDay, Box, Textarea, InfoButton, CommentsTimeline, CommentLine, HeaderCell, RowCell, TableHeader, TableRow, BoxedTable, DraggableRow, CollapseList, CollapseListItem, Banner, Calendar, YearWheel, DropdownMenu, DropdownMenuOption, Timeline, Timepicker, TimelineStep, HighlightText, TabBar, TabItem, Editor, TabNav, TabNavItem, NoticeCard, ListPager, Spinner, Autocomplete, GoogleButton, NotificationCounter, SearchFilter, Key };
|
@@ -0,0 +1,13 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { FC } from 'react';
|
3
|
+
interface IProps {
|
4
|
+
/** Id of draggable item */
|
5
|
+
id: string;
|
6
|
+
/** Index of row item */
|
7
|
+
index: number;
|
8
|
+
/** Children */
|
9
|
+
children: React.ReactNode | React.ReactNode[];
|
10
|
+
}
|
11
|
+
declare const DraggableRow: FC<IProps>;
|
12
|
+
export default DraggableRow;
|
13
|
+
//# sourceMappingURL=index.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/BoxedTable/DraggableRow/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAK1B,UAAU,MAAM;IACd,2BAA2B;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,eAAe;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;CAC9C;AAED,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,MAAM,CAgB5B,CAAA;AAED,eAAe,YAAY,CAAA"}
|
@@ -0,0 +1,30 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { Draggable } from 'react-beautiful-dnd';
|
3
|
+
import IconRearrange from '../../../icons/General/IconRearrange';
|
4
|
+
import { ContentWrapper, DragIcon, DraggableWrapper } from './styles';
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
6
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
7
|
+
|
8
|
+
const DraggableRow = ({
|
9
|
+
id,
|
10
|
+
index,
|
11
|
+
children
|
12
|
+
}) => /*#__PURE__*/_jsx(Draggable, {
|
13
|
+
draggableId: id,
|
14
|
+
index: index,
|
15
|
+
children: provided => /*#__PURE__*/_jsxs(DraggableWrapper, {
|
16
|
+
className: "table-dragrow",
|
17
|
+
ref: provided.innerRef,
|
18
|
+
...provided.dragHandleProps,
|
19
|
+
...provided.draggableProps,
|
20
|
+
children: [/*#__PURE__*/_jsx(DragIcon, {
|
21
|
+
children: /*#__PURE__*/_jsx(IconRearrange, {
|
22
|
+
size: "14px"
|
23
|
+
})
|
24
|
+
}), /*#__PURE__*/_jsx(ContentWrapper, {
|
25
|
+
children: children
|
26
|
+
})]
|
27
|
+
})
|
28
|
+
}, id);
|
29
|
+
|
30
|
+
export default DraggableRow;
|
@@ -0,0 +1,14 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
export declare const DraggableWrapper: import("@emotion/styled").StyledComponent<{
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
5
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
6
|
+
export declare const ContentWrapper: import("@emotion/styled").StyledComponent<{
|
7
|
+
theme?: import("@emotion/react").Theme | undefined;
|
8
|
+
as?: import("react").ElementType<any> | undefined;
|
9
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
10
|
+
export declare const DragIcon: import("@emotion/styled").StyledComponent<{
|
11
|
+
theme?: import("@emotion/react").Theme | undefined;
|
12
|
+
as?: import("react").ElementType<any> | undefined;
|
13
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
14
|
+
//# sourceMappingURL=styles.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/BoxedTable/DraggableRow/styles.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,gBAAgB;;;yGAW5B,CAAA;AAED,eAAO,MAAM,cAAc;;;yGAK1B,CAAA;AAED,eAAO,MAAM,QAAQ;;;2GAAgB,CAAA"}
|
@@ -0,0 +1,31 @@
|
|
1
|
+
import _styled from "@emotion/styled/base";
|
2
|
+
|
3
|
+
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)."; }
|
4
|
+
|
5
|
+
import bp from '../../../globals/styles/breakpoints';
|
6
|
+
export const DraggableWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
|
7
|
+
target: "erm9r2v2"
|
8
|
+
} : {
|
9
|
+
target: "erm9r2v2",
|
10
|
+
label: "DraggableWrapper"
|
11
|
+
})("display:grid;grid-template-columns:15px 2fr;grid-column-gap:2em;background-color:#ffffff;align-content:center;align-items:center;@media screen and (max-width: ", bp.medium, "){grid-column-gap:1em;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JveGVkVGFibGUvRHJhZ2dhYmxlUm93L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHMEMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvQm94ZWRUYWJsZS9EcmFnZ2FibGVSb3cvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgYnAgZnJvbSAnLi4vLi4vLi4vZ2xvYmFscy9zdHlsZXMvYnJlYWtwb2ludHMnXG5cbmV4cG9ydCBjb25zdCBEcmFnZ2FibGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxNXB4IDJmcjtcbiAgZ3JpZC1jb2x1bW4tZ2FwOiAyZW07XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG4gIGFsaWduLWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLm1lZGl1bX0pIHtcbiAgICBncmlkLWNvbHVtbi1nYXA6IDFlbTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuICBhbGlnbi1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gXG5cbmV4cG9ydCBjb25zdCBEcmFnSWNvbiA9IHN0eWxlZC5zcGFuYGBcbiJdfQ== */"));
|
12
|
+
export const ContentWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
|
13
|
+
target: "erm9r2v1"
|
14
|
+
} : {
|
15
|
+
target: "erm9r2v1",
|
16
|
+
label: "ContentWrapper"
|
17
|
+
})(process.env.NODE_ENV === "production" ? {
|
18
|
+
name: "1111ted",
|
19
|
+
styles: "display:grid;grid-auto-flow:column;align-content:center;align-items:center"
|
20
|
+
} : {
|
21
|
+
name: "1111ted",
|
22
|
+
styles: "display:grid;grid-auto-flow:column;align-content:center;align-items:center",
|
23
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JveGVkVGFibGUvRHJhZ2dhYmxlUm93L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQndDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JveGVkVGFibGUvRHJhZ2dhYmxlUm93L3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IGJwIGZyb20gJy4uLy4uLy4uL2dsb2JhbHMvc3R5bGVzL2JyZWFrcG9pbnRzJ1xuXG5leHBvcnQgY29uc3QgRHJhZ2dhYmxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMTVweCAyZnI7XG4gIGdyaWQtY29sdW1uLWdhcDogMmVtO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xuICBhbGlnbi1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5tZWRpdW19KSB7XG4gICAgZ3JpZC1jb2x1bW4tZ2FwOiAxZW07XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC1hdXRvLWZsb3c6IGNvbHVtbjtcbiAgYWxpZ24tY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYFxuXG5leHBvcnQgY29uc3QgRHJhZ0ljb24gPSBzdHlsZWQuc3BhbmBgXG4iXX0= */",
|
24
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
25
|
+
});
|
26
|
+
export const DragIcon = _styled("span", process.env.NODE_ENV === "production" ? {
|
27
|
+
target: "erm9r2v0"
|
28
|
+
} : {
|
29
|
+
target: "erm9r2v0",
|
30
|
+
label: "DragIcon"
|
31
|
+
})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JveGVkVGFibGUvRHJhZ2dhYmxlUm93L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1Qm1DIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JveGVkVGFibGUvRHJhZ2dhYmxlUm93L3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IGJwIGZyb20gJy4uLy4uLy4uL2dsb2JhbHMvc3R5bGVzL2JyZWFrcG9pbnRzJ1xuXG5leHBvcnQgY29uc3QgRHJhZ2dhYmxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMTVweCAyZnI7XG4gIGdyaWQtY29sdW1uLWdhcDogMmVtO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xuICBhbGlnbi1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5tZWRpdW19KSB7XG4gICAgZ3JpZC1jb2x1bW4tZ2FwOiAxZW07XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC1hdXRvLWZsb3c6IGNvbHVtbjtcbiAgYWxpZ24tY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYFxuXG5leHBvcnQgY29uc3QgRHJhZ0ljb24gPSBzdHlsZWQuc3BhbmBgXG4iXX0= */");
|
@@ -1,4 +1,5 @@
|
|
1
1
|
import React from 'react';
|
2
|
+
import { IDrop } from './models';
|
2
3
|
interface IProps {
|
3
4
|
/** column widths, applied as style: grid-template-columns */
|
4
5
|
columns: string;
|
@@ -8,6 +9,8 @@ interface IProps {
|
|
8
9
|
type?: 'default' | 'mysite' | 'compact';
|
9
10
|
/** Has checkbox, for mobile view */
|
10
11
|
hasCheckbox?: boolean;
|
12
|
+
/** Creates a drag and drop list, returns and id of moved object, old index and new index */
|
13
|
+
onDrop?: (item: IDrop) => void;
|
11
14
|
}
|
12
15
|
declare const BoxedTable: React.FC<IProps>;
|
13
16
|
export default BoxedTable;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/BoxedTable/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,UAAU,MAAM;IACd,6DAA6D;IAC7D,OAAO,EAAE,MAAM,CAAA;IACf,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,8BAA8B;IAC9B,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAA;IACvC,oCAAoC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAA;
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/BoxedTable/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhC,UAAU,MAAM;IACd,6DAA6D;IAC7D,OAAO,EAAE,MAAM,CAAA;IACf,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,8BAA8B;IAC9B,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAA;IACvC,oCAAoC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,4FAA4F;IAC5F,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAA;CAC/B;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAiDhC,CAAA;AAED,eAAe,UAAU,CAAA"}
|
@@ -1,6 +1,8 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { Wrapper } from './styles';
|
3
3
|
import { useTheme } from '@emotion/react';
|
4
|
+
import { DragDropContext, Droppable } from 'react-beautiful-dnd';
|
5
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
4
6
|
import { jsx as _jsx } from "react/jsx-runtime";
|
5
7
|
|
6
8
|
const BoxedTable = ({
|
@@ -8,15 +10,42 @@ const BoxedTable = ({
|
|
8
10
|
breakpoint,
|
9
11
|
children,
|
10
12
|
type = 'default',
|
11
|
-
hasCheckbox = false
|
13
|
+
hasCheckbox = false,
|
14
|
+
onDrop
|
12
15
|
}) => {
|
13
16
|
const theme = useTheme();
|
14
|
-
|
17
|
+
const defaultProps = {
|
15
18
|
hasCheckbox: hasCheckbox,
|
16
19
|
columns: columns,
|
17
20
|
bp: breakpoint,
|
18
21
|
type: type,
|
19
|
-
theme: theme
|
22
|
+
theme: theme
|
23
|
+
};
|
24
|
+
|
25
|
+
const handleDrop = result => {
|
26
|
+
if (!result.destination || result.source.index === result.destination.index) return;
|
27
|
+
const dropped = {
|
28
|
+
id: result.draggableId,
|
29
|
+
from: result.source.index,
|
30
|
+
to: result.destination.index
|
31
|
+
};
|
32
|
+
onDrop && onDrop(dropped);
|
33
|
+
};
|
34
|
+
|
35
|
+
if (onDrop) return /*#__PURE__*/_jsx(DragDropContext, {
|
36
|
+
onDragEnd: handleDrop,
|
37
|
+
children: /*#__PURE__*/_jsx(Droppable, {
|
38
|
+
droppableId: "drop-list",
|
39
|
+
children: provided => /*#__PURE__*/_jsxs(Wrapper, {
|
40
|
+
isDragList: true,
|
41
|
+
...defaultProps,
|
42
|
+
...provided.droppableProps,
|
43
|
+
ref: provided.innerRef,
|
44
|
+
children: [children, provided.placeholder]
|
45
|
+
})
|
46
|
+
})
|
47
|
+
});
|
48
|
+
return /*#__PURE__*/_jsx(Wrapper, { ...defaultProps,
|
20
49
|
children: children
|
21
50
|
});
|
22
51
|
};
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"models.d.ts","sourceRoot":"","sources":["../../../src/packages/core/BoxedTable/models.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,EAAE,MAAM,CAAA;CACX"}
|
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/BoxedTable/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAGjD,UAAU,iBAAiB;IACzB,OAAO,EAAE,MAAM,CAAA;IACf,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAA;IACtC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,KAAK,EAAE,SAAS,CAAA;CACjB;AAeD,eAAO,MAAM,OAAO;;;
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/BoxedTable/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAGjD,UAAU,iBAAiB;IACzB,OAAO,EAAE,MAAM,CAAA;IACf,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAA;IACtC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,KAAK,EAAE,SAAS,CAAA;CACjB;AAeD,eAAO,MAAM,OAAO;;;6HA+InB,CAAA"}
|