@licklist/design 0.78.35 → 0.78.37
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +4 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +9 -2
- package/dist/v2/components/ActionMenu/ActionMenu.d.ts.map +1 -1
- package/dist/v2/components/ActionMenu/ActionMenu.js +6 -16
- package/dist/v2/components/ActionMenu/ActionMenu.scss.js +1 -1
- package/dist/v2/components/Button/Button.scss.js +1 -1
- package/dist/v2/components/Button/GhostButton.scss.js +1 -1
- package/dist/v2/components/Checkbox/Checkbox.scss.js +1 -1
- package/dist/v2/components/FormField/FormField.d.ts +3 -0
- package/dist/v2/components/FormField/FormField.d.ts.map +1 -1
- package/dist/v2/components/FormField/FormField.js +14 -3
- package/dist/v2/components/FormField/FormField.scss.js +1 -1
- package/dist/v2/components/IconButton/IconButton.d.ts +9 -0
- package/dist/v2/components/IconButton/IconButton.d.ts.map +1 -0
- package/dist/v2/components/IconButton/IconButton.js +137 -0
- package/dist/v2/components/IconButton/IconButton.scss.js +6 -0
- package/dist/v2/components/IconButton/index.d.ts +3 -0
- package/dist/v2/components/IconButton/index.d.ts.map +1 -0
- package/dist/v2/components/InputCheckbox/InputCheckbox.d.ts +7 -0
- package/dist/v2/components/InputCheckbox/InputCheckbox.d.ts.map +1 -0
- package/dist/v2/components/InputCheckbox/InputCheckbox.js +85 -0
- package/dist/v2/components/InputCheckbox/InputCheckbox.scss.js +6 -0
- package/dist/v2/components/InputCheckbox/index.d.ts +3 -0
- package/dist/v2/components/InputCheckbox/index.d.ts.map +1 -0
- package/dist/v2/components/NewInput/NewInput.d.ts +1 -0
- package/dist/v2/components/NewInput/NewInput.d.ts.map +1 -1
- package/dist/v2/components/NewInput/NewInput.js +7 -4
- package/dist/v2/components/NewPageHeader/NewPageHeader.scss.js +1 -1
- package/dist/v2/components/QuickFilter/QuickFilter.scss.js +1 -1
- package/dist/v2/components/ZoneCard/AddResourceButton.d.ts +8 -0
- package/dist/v2/components/ZoneCard/AddResourceButton.d.ts.map +1 -0
- package/dist/v2/components/ZoneCard/AddResourceButton.js +17 -0
- package/dist/v2/components/ZoneCard/ResourceRow.d.ts +28 -0
- package/dist/v2/components/ZoneCard/ResourceRow.d.ts.map +1 -0
- package/dist/v2/components/ZoneCard/ResourceRow.js +191 -0
- package/dist/v2/components/ZoneCard/ZoneCard.d.ts +25 -0
- package/dist/v2/components/ZoneCard/ZoneCard.d.ts.map +1 -0
- package/dist/v2/components/ZoneCard/ZoneCard.js +43 -0
- package/dist/v2/components/ZoneCard/ZoneCard.scss.js +6 -0
- package/dist/v2/components/ZoneCard/ZoneContainer.d.ts +12 -0
- package/dist/v2/components/ZoneCard/ZoneContainer.d.ts.map +1 -0
- package/dist/v2/components/ZoneCard/ZoneContainer.js +16 -0
- package/dist/v2/components/ZoneCard/ZoneHeader.d.ts +20 -0
- package/dist/v2/components/ZoneCard/ZoneHeader.d.ts.map +1 -0
- package/dist/v2/components/ZoneCard/ZoneHeader.js +149 -0
- package/dist/v2/components/ZoneCard/index.d.ts +11 -0
- package/dist/v2/components/ZoneCard/index.d.ts.map +1 -0
- package/dist/v2/components/index.d.ts +7 -1
- package/dist/v2/components/index.d.ts.map +1 -1
- package/dist/v2/icons/index.js +57 -1
- package/dist/v2/index.d.ts +10 -0
- package/dist/v2/index.d.ts.map +1 -1
- package/dist/v2/pages/Settings/components/SidebarCustomisation.js +6 -0
- package/dist/v2/pages/Settings/components/SidebarNavItem.js +6 -0
- package/dist/v2/pages/ZonesResources/ZonesResourcesPage.d.ts +12 -0
- package/dist/v2/pages/ZonesResources/ZonesResourcesPage.d.ts.map +1 -0
- package/dist/v2/pages/ZonesResources/ZonesResourcesPage.js +47 -0
- package/dist/v2/pages/ZonesResources/ZonesResourcesPage.scss.js +6 -0
- package/dist/v2/pages/ZonesResources/index.d.ts +3 -0
- package/dist/v2/pages/ZonesResources/index.d.ts.map +1 -0
- package/dist/v2/styles/form/NewInput.scss.js +1 -1
- package/package.json +1 -1
- package/src/index.ts +4 -1
- package/src/v2/components/ActionMenu/ActionMenu.scss +7 -20
- package/src/v2/components/ActionMenu/ActionMenu.stories.tsx +58 -0
- package/src/v2/components/ActionMenu/ActionMenu.tsx +3 -6
- package/src/v2/components/Button/GhostButton.scss +1 -1
- package/src/v2/components/Checkbox/Checkbox.scss +3 -3
- package/src/v2/components/Customer/CustomersList.scss +26 -8
- package/src/v2/components/FormField/FormField.scss +20 -1
- package/src/v2/components/FormField/FormField.tsx +33 -19
- package/src/v2/components/IconButton/IconButton.scss +81 -0
- package/src/v2/components/IconButton/IconButton.stories.tsx +51 -0
- package/src/v2/components/IconButton/IconButton.tsx +50 -0
- package/src/v2/components/IconButton/index.ts +2 -0
- package/src/v2/components/InputCheckbox/InputCheckbox.scss +53 -0
- package/src/v2/components/InputCheckbox/InputCheckbox.tsx +24 -0
- package/src/v2/components/InputCheckbox/index.ts +2 -0
- package/src/v2/components/NewInput/NewInput.tsx +5 -2
- package/src/v2/components/NewPageHeader/NewPageHeader.scss +1 -5
- package/src/v2/components/NewPageHeader/NewPageHeader.stories.tsx +28 -0
- package/src/v2/components/QuickFilter/QuickFilter.scss +0 -1
- package/src/v2/components/ZoneCard/AddResourceButton.tsx +20 -0
- package/src/v2/components/ZoneCard/ResourceRow.tsx +115 -0
- package/src/v2/components/ZoneCard/ZoneCard.scss +226 -0
- package/src/v2/components/ZoneCard/ZoneCard.stories.tsx +137 -0
- package/src/v2/components/ZoneCard/ZoneCard.tsx +69 -0
- package/src/v2/components/ZoneCard/ZoneContainer.tsx +26 -0
- package/src/v2/components/ZoneCard/ZoneHeader.tsx +84 -0
- package/src/v2/components/ZoneCard/index.ts +14 -0
- package/src/v2/components/index.ts +14 -1
- package/src/v2/index.ts +21 -0
- package/src/v2/pages/ZonesResources/ZonesResourcesPage.scss +43 -0
- package/src/v2/pages/ZonesResources/ZonesResourcesPage.stories.tsx +46 -0
- package/src/v2/pages/ZonesResources/ZonesResourcesPage.tsx +49 -0
- package/src/v2/pages/ZonesResources/index.ts +2 -0
- package/src/v2/styles/components/Button.scss +1 -0
- package/src/v2/styles/form/NewInput.scss +39 -6
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
import React__default from 'react';
|
|
3
|
+
import { ZoneContainer } from './ZoneContainer.js';
|
|
4
|
+
import { ZoneHeader } from './ZoneHeader.js';
|
|
5
|
+
import { ResourceRow } from './ResourceRow.js';
|
|
6
|
+
import { AddResourceButton } from './AddResourceButton.js';
|
|
7
|
+
|
|
8
|
+
var ZoneCard = /*#__PURE__*/ React__default.forwardRef(function(param, ref) {
|
|
9
|
+
var name = param.name, totalCapacity = param.totalCapacity, _param_resources = param.resources, resources = _param_resources === void 0 ? [] : _param_resources, _param_menuItems = param.menuItems, menuItems = _param_menuItems === void 0 ? [] : _param_menuItems, onAddResource = param.onAddResource, _param_className = param.className, className = _param_className === void 0 ? '' : _param_className, _param_draggable = param.draggable, draggable = _param_draggable === void 0 ? true : _param_draggable, onResourceClick = param.onResourceClick, dragHandleProps = param.dragHandleProps, style = param.style;
|
|
10
|
+
return /*#__PURE__*/ jsxs(ZoneContainer, {
|
|
11
|
+
ref: ref,
|
|
12
|
+
className: className,
|
|
13
|
+
style: style,
|
|
14
|
+
children: [
|
|
15
|
+
/*#__PURE__*/ jsx(ZoneHeader, {
|
|
16
|
+
name: name,
|
|
17
|
+
totalCapacity: totalCapacity,
|
|
18
|
+
menuItems: menuItems,
|
|
19
|
+
draggable: draggable,
|
|
20
|
+
dragHandleProps: dragHandleProps
|
|
21
|
+
}),
|
|
22
|
+
resources.map(function(resource) {
|
|
23
|
+
return /*#__PURE__*/ jsx(ResourceRow, {
|
|
24
|
+
name: resource.name,
|
|
25
|
+
quantity: resource.quantity,
|
|
26
|
+
capacity: resource.capacity,
|
|
27
|
+
menuItems: resource.menuItems,
|
|
28
|
+
draggable: draggable,
|
|
29
|
+
dragHandleProps: resource.dragHandleProps,
|
|
30
|
+
onClick: onResourceClick ? function() {
|
|
31
|
+
return onResourceClick(resource);
|
|
32
|
+
} : undefined
|
|
33
|
+
}, resource.id);
|
|
34
|
+
}),
|
|
35
|
+
onAddResource && /*#__PURE__*/ jsx(AddResourceButton, {
|
|
36
|
+
onClick: onAddResource
|
|
37
|
+
})
|
|
38
|
+
]
|
|
39
|
+
});
|
|
40
|
+
});
|
|
41
|
+
ZoneCard.displayName = 'ZoneCard';
|
|
42
|
+
|
|
43
|
+
export { ZoneCard };
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import styleInject from '/opt/atlassian/pipelines/agent/build/node_modules/style-inject/dist/style-inject.es.js';
|
|
2
|
+
|
|
3
|
+
var css_248z = ".zone-card{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:8px;overflow:visible}.zone-card__header{align-items:center;background:var(--surface-secondary);display:flex;gap:16px;padding:12px 16px}.zone-card__drag-handle{align-items:center;border-radius:6px;color:var(--label-tertiary,var(--label-secondary));cursor:grab;display:flex;flex-shrink:0;padding:6px;transition:all .2s ease}.zone-card__drag-handle:hover{background:var(--surface-primary);color:var(--label-secondary)}.zone-card__drag-handle:active{cursor:grabbing}.zone-card__drag-handle--resource{color:var(--label-tertiary,var(--label-secondary))}.zone-card__reorder-arrows{display:flex;flex-direction:column;flex-shrink:0;gap:2px}.zone-card__reorder-arrows--resource{margin-right:0}.zone-card__arrow-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--label-tertiary,var(--label-secondary));cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:all .2s ease;width:28px}.zone-card__arrow-btn:hover:not(:disabled){background:var(--surface-primary);color:var(--label-secondary)}.zone-card__arrow-btn:disabled{opacity:.25;pointer-events:none}.zone-card__name{color:var(--label-primary);flex:1;font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:15px;font-weight:600;line-height:20px;min-width:0}.zone-card__header-info{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.zone-card__header-info .zone-card__total{min-width:auto;text-align:left}.zone-card__header-right{align-items:center;display:flex;flex-shrink:0;gap:16px}.zone-card__total{color:var(--label-secondary);font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:13px;font-weight:400;line-height:16px;min-width:72px;text-align:right;white-space:nowrap}.zone-card__resource{align-items:center;border-top:1px solid var(--border-primary);display:flex;gap:16px;padding:10px 16px 10px 32px;transition:background .2s ease}.zone-card__resource--clickable{cursor:pointer}.zone-card__resource--clickable:hover{background:var(--surface-secondary)}.zone-card__resource--mobile{padding-left:16px}.zone-card__resource-name{color:var(--label-primary);flex:1;font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:15px;font-weight:400;line-height:20px;min-width:0}.zone-card__resource-stats{align-items:center;display:flex;flex-shrink:0;gap:32px}.zone-card__resource-stat{color:var(--label-secondary);font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:13px;font-weight:400;line-height:16px;min-width:72px;white-space:nowrap}.zone-card__resource-stat--total{min-width:72px;text-align:right}.zone-card__resource-info{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.zone-card__resource-stats-mobile{color:var(--label-secondary);font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:12px;font-weight:400;line-height:16px;white-space:nowrap}.zone-card__resource-actions{display:flex;flex-shrink:0;justify-content:flex-end;width:32px}.zone-card__add-resource-wrapper{border-top:1px solid var(--border-primary);padding:12px 16px}@media (max-width:768px){.zone-card__header{padding:10px 12px}.zone-card__resource{gap:12px;padding:10px 12px}.zone-card__resource-stats{gap:16px}.zone-card__resource-stat{min-width:auto}.zone-card__add-resource-wrapper{padding:10px 12px}}";
|
|
4
|
+
styleInject(css_248z);
|
|
5
|
+
|
|
6
|
+
export { css_248z as default };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './ZoneCard.scss';
|
|
3
|
+
export interface DragHandleProps {
|
|
4
|
+
[key: string]: unknown;
|
|
5
|
+
}
|
|
6
|
+
export interface ZoneContainerProps {
|
|
7
|
+
children: React.ReactNode;
|
|
8
|
+
className?: string;
|
|
9
|
+
style?: React.CSSProperties;
|
|
10
|
+
}
|
|
11
|
+
export declare const ZoneContainer: React.ForwardRefExoticComponent<ZoneContainerProps & React.RefAttributes<HTMLDivElement>>;
|
|
12
|
+
//# sourceMappingURL=ZoneContainer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ZoneContainer.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/ZoneCard/ZoneContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,iBAAiB,CAAA;AAExB,MAAM,WAAW,eAAe;IAC9B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B;AAED,eAAO,MAAM,aAAa,2FAUxB,CAAA"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import React__default from 'react';
|
|
3
|
+
import './ZoneCard.scss.js';
|
|
4
|
+
|
|
5
|
+
var ZoneContainer = /*#__PURE__*/ React__default.forwardRef(function(param, ref) {
|
|
6
|
+
var children = param.children, _param_className = param.className, className = _param_className === void 0 ? '' : _param_className, style = param.style;
|
|
7
|
+
return /*#__PURE__*/ jsx("div", {
|
|
8
|
+
ref: ref,
|
|
9
|
+
className: "zone-card ".concat(className),
|
|
10
|
+
style: style,
|
|
11
|
+
children: children
|
|
12
|
+
});
|
|
13
|
+
});
|
|
14
|
+
ZoneContainer.displayName = 'ZoneContainer';
|
|
15
|
+
|
|
16
|
+
export { ZoneContainer };
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ActionMenuItem } from '../ActionMenu';
|
|
3
|
+
import { DragHandleProps } from './ZoneContainer';
|
|
4
|
+
import './ZoneCard.scss';
|
|
5
|
+
export interface ZoneHeaderProps {
|
|
6
|
+
name: string;
|
|
7
|
+
totalCapacity: number;
|
|
8
|
+
totalLabel?: string;
|
|
9
|
+
menuItems?: ActionMenuItem[];
|
|
10
|
+
draggable?: boolean;
|
|
11
|
+
dragHandleProps?: DragHandleProps;
|
|
12
|
+
className?: string;
|
|
13
|
+
isMobile?: boolean;
|
|
14
|
+
isFirst?: boolean;
|
|
15
|
+
isLast?: boolean;
|
|
16
|
+
onMoveUp?: () => void;
|
|
17
|
+
onMoveDown?: () => void;
|
|
18
|
+
}
|
|
19
|
+
export declare const ZoneHeader: React.FC<ZoneHeaderProps>;
|
|
20
|
+
//# sourceMappingURL=ZoneHeader.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ZoneHeader.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/ZoneCard/ZoneHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAc,cAAc,EAAE,MAAM,eAAe,CAAA;AAE1D,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,iBAAiB,CAAA;AAExB,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,aAAa,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,cAAc,EAAE,CAAA;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,eAAe,CAAC,EAAE,eAAe,CAAA;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;CACxB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA8DhD,CAAA"}
|
|
@@ -0,0 +1,149 @@
|
|
|
1
|
+
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
2
|
+
import 'react';
|
|
3
|
+
import { ActionMenu } from '../ActionMenu/ActionMenu.js';
|
|
4
|
+
import { GripVerticalIcon, ArrowUpIcon, ArrowDownIcon } from '../../icons/index.js';
|
|
5
|
+
import './ZoneCard.scss.js';
|
|
6
|
+
|
|
7
|
+
function _define_property(obj, key, value) {
|
|
8
|
+
if (key in obj) {
|
|
9
|
+
Object.defineProperty(obj, key, {
|
|
10
|
+
value: value,
|
|
11
|
+
enumerable: true,
|
|
12
|
+
configurable: true,
|
|
13
|
+
writable: true
|
|
14
|
+
});
|
|
15
|
+
} else {
|
|
16
|
+
obj[key] = value;
|
|
17
|
+
}
|
|
18
|
+
return obj;
|
|
19
|
+
}
|
|
20
|
+
function _object_spread(target) {
|
|
21
|
+
for(var i = 1; i < arguments.length; i++){
|
|
22
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
|
23
|
+
var ownKeys = Object.keys(source);
|
|
24
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
25
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
26
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
27
|
+
}));
|
|
28
|
+
}
|
|
29
|
+
ownKeys.forEach(function(key) {
|
|
30
|
+
_define_property(target, key, source[key]);
|
|
31
|
+
});
|
|
32
|
+
}
|
|
33
|
+
return target;
|
|
34
|
+
}
|
|
35
|
+
function ownKeys(object, enumerableOnly) {
|
|
36
|
+
var keys = Object.keys(object);
|
|
37
|
+
if (Object.getOwnPropertySymbols) {
|
|
38
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
39
|
+
if (enumerableOnly) {
|
|
40
|
+
symbols = symbols.filter(function(sym) {
|
|
41
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
42
|
+
});
|
|
43
|
+
}
|
|
44
|
+
keys.push.apply(keys, symbols);
|
|
45
|
+
}
|
|
46
|
+
return keys;
|
|
47
|
+
}
|
|
48
|
+
function _object_spread_props(target, source) {
|
|
49
|
+
source = source != null ? source : {};
|
|
50
|
+
if (Object.getOwnPropertyDescriptors) {
|
|
51
|
+
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
52
|
+
} else {
|
|
53
|
+
ownKeys(Object(source)).forEach(function(key) {
|
|
54
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
55
|
+
});
|
|
56
|
+
}
|
|
57
|
+
return target;
|
|
58
|
+
}
|
|
59
|
+
var ZoneHeader = function(param) {
|
|
60
|
+
var name = param.name, totalCapacity = param.totalCapacity, _param_totalLabel = param.totalLabel, totalLabel = _param_totalLabel === void 0 ? 'Total' : _param_totalLabel, _param_menuItems = param.menuItems, menuItems = _param_menuItems === void 0 ? [] : _param_menuItems, _param_draggable = param.draggable, draggable = _param_draggable === void 0 ? true : _param_draggable, dragHandleProps = param.dragHandleProps, _param_className = param.className, className = _param_className === void 0 ? '' : _param_className, _param_isMobile = param.isMobile, isMobile = _param_isMobile === void 0 ? false : _param_isMobile, _param_isFirst = param.isFirst, isFirst = _param_isFirst === void 0 ? false : _param_isFirst, _param_isLast = param.isLast, isLast = _param_isLast === void 0 ? false : _param_isLast, onMoveUp = param.onMoveUp, onMoveDown = param.onMoveDown;
|
|
61
|
+
return /*#__PURE__*/ jsxs("div", {
|
|
62
|
+
className: "zone-card__header ".concat(className),
|
|
63
|
+
children: [
|
|
64
|
+
draggable && !isMobile && /*#__PURE__*/ jsx("div", _object_spread_props(_object_spread({
|
|
65
|
+
className: "zone-card__drag-handle"
|
|
66
|
+
}, dragHandleProps), {
|
|
67
|
+
children: GripVerticalIcon({
|
|
68
|
+
width: 20,
|
|
69
|
+
height: 20
|
|
70
|
+
})
|
|
71
|
+
})),
|
|
72
|
+
draggable && isMobile && /*#__PURE__*/ jsxs("div", {
|
|
73
|
+
className: "zone-card__reorder-arrows",
|
|
74
|
+
children: [
|
|
75
|
+
/*#__PURE__*/ jsx("button", {
|
|
76
|
+
className: "zone-card__arrow-btn",
|
|
77
|
+
disabled: isFirst,
|
|
78
|
+
onClick: function(e) {
|
|
79
|
+
e.stopPropagation();
|
|
80
|
+
onMoveUp === null || onMoveUp === void 0 ? void 0 : onMoveUp();
|
|
81
|
+
},
|
|
82
|
+
children: /*#__PURE__*/ jsx(ArrowUpIcon, {})
|
|
83
|
+
}),
|
|
84
|
+
/*#__PURE__*/ jsx("button", {
|
|
85
|
+
className: "zone-card__arrow-btn",
|
|
86
|
+
disabled: isLast,
|
|
87
|
+
onClick: function(e) {
|
|
88
|
+
e.stopPropagation();
|
|
89
|
+
onMoveDown === null || onMoveDown === void 0 ? void 0 : onMoveDown();
|
|
90
|
+
},
|
|
91
|
+
children: /*#__PURE__*/ jsx(ArrowDownIcon, {})
|
|
92
|
+
})
|
|
93
|
+
]
|
|
94
|
+
}),
|
|
95
|
+
isMobile ? /*#__PURE__*/ jsxs(Fragment, {
|
|
96
|
+
children: [
|
|
97
|
+
/*#__PURE__*/ jsxs("div", {
|
|
98
|
+
className: "zone-card__header-info",
|
|
99
|
+
children: [
|
|
100
|
+
/*#__PURE__*/ jsx("span", {
|
|
101
|
+
className: "zone-card__name",
|
|
102
|
+
children: name
|
|
103
|
+
}),
|
|
104
|
+
/*#__PURE__*/ jsxs("span", {
|
|
105
|
+
className: "zone-card__total",
|
|
106
|
+
children: [
|
|
107
|
+
totalLabel,
|
|
108
|
+
": ",
|
|
109
|
+
totalCapacity
|
|
110
|
+
]
|
|
111
|
+
})
|
|
112
|
+
]
|
|
113
|
+
}),
|
|
114
|
+
menuItems.length > 0 && /*#__PURE__*/ jsx("div", {
|
|
115
|
+
className: "zone-card__header-right",
|
|
116
|
+
children: /*#__PURE__*/ jsx(ActionMenu, {
|
|
117
|
+
items: menuItems
|
|
118
|
+
})
|
|
119
|
+
})
|
|
120
|
+
]
|
|
121
|
+
}) : /*#__PURE__*/ jsxs(Fragment, {
|
|
122
|
+
children: [
|
|
123
|
+
/*#__PURE__*/ jsx("span", {
|
|
124
|
+
className: "zone-card__name",
|
|
125
|
+
children: name
|
|
126
|
+
}),
|
|
127
|
+
/*#__PURE__*/ jsxs("div", {
|
|
128
|
+
className: "zone-card__header-right",
|
|
129
|
+
children: [
|
|
130
|
+
/*#__PURE__*/ jsxs("span", {
|
|
131
|
+
className: "zone-card__total",
|
|
132
|
+
children: [
|
|
133
|
+
totalLabel,
|
|
134
|
+
": ",
|
|
135
|
+
totalCapacity
|
|
136
|
+
]
|
|
137
|
+
}),
|
|
138
|
+
menuItems.length > 0 && /*#__PURE__*/ jsx(ActionMenu, {
|
|
139
|
+
items: menuItems
|
|
140
|
+
})
|
|
141
|
+
]
|
|
142
|
+
})
|
|
143
|
+
]
|
|
144
|
+
})
|
|
145
|
+
]
|
|
146
|
+
});
|
|
147
|
+
};
|
|
148
|
+
|
|
149
|
+
export { ZoneHeader };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export { ZoneCard } from './ZoneCard';
|
|
2
|
+
export type { ZoneCardProps, ZoneResource } from './ZoneCard';
|
|
3
|
+
export { ZoneContainer } from './ZoneContainer';
|
|
4
|
+
export type { ZoneContainerProps, DragHandleProps } from './ZoneContainer';
|
|
5
|
+
export { ZoneHeader } from './ZoneHeader';
|
|
6
|
+
export type { ZoneHeaderProps } from './ZoneHeader';
|
|
7
|
+
export { ResourceRow } from './ResourceRow';
|
|
8
|
+
export type { ResourceRowProps, ResourceRowLabels } from './ResourceRow';
|
|
9
|
+
export { AddResourceButton } from './AddResourceButton';
|
|
10
|
+
export type { AddResourceButtonProps } from './AddResourceButton';
|
|
11
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/ZoneCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAE7D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,YAAY,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAE1E,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAEnD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAExE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAA"}
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
export { IconButton } from './IconButton';
|
|
2
|
+
export type { IconButtonProps } from './IconButton';
|
|
1
3
|
export { Badge } from './Badge';
|
|
2
4
|
export type { BadgeProps } from './Badge';
|
|
3
5
|
export { QuickFilter } from './QuickFilter';
|
|
@@ -16,6 +18,8 @@ export { NewInput } from './NewInput';
|
|
|
16
18
|
export type { NewInputProps } from './NewInput';
|
|
17
19
|
export { Checkbox } from './Checkbox';
|
|
18
20
|
export type { CheckboxProps } from './Checkbox';
|
|
21
|
+
export { InputCheckbox } from './InputCheckbox';
|
|
22
|
+
export type { InputCheckboxProps } from './InputCheckbox';
|
|
19
23
|
export { WYSIWYGEditor } from './WYSIWYGEditor';
|
|
20
24
|
export type { WYSIWYGEditorProps } from './WYSIWYGEditor';
|
|
21
25
|
export { NewPageHeader } from './NewPageHeader';
|
|
@@ -33,5 +37,7 @@ export { Alert } from './Alert';
|
|
|
33
37
|
export { NPSScore } from './NPSScore';
|
|
34
38
|
export { Pagination } from './Pagination';
|
|
35
39
|
export type { PaginationProps } from './Pagination';
|
|
36
|
-
export {
|
|
40
|
+
export { ZoneCard, ZoneContainer, ZoneHeader, ResourceRow, AddResourceButton } from './ZoneCard';
|
|
41
|
+
export type { ZoneCardProps, ZoneResource, ZoneContainerProps, DragHandleProps, ZoneHeaderProps, ResourceRowProps, AddResourceButtonProps } from './ZoneCard';
|
|
42
|
+
export { InfoIcon, TableHeaderArrowUpIcon, TableHeaderArrowDownIcon, ArrowUpIcon, ArrowDownIcon, EditIcon, ArrowLeftIcon, ArrowRightIcon, SearchIcon, RefreshIcon, SendIcon, ExternalLinkIcon, ExportIcon, ClearIcon, CloseIcon, EllipsisIcon, CircleIcon, GripVerticalIcon, PlusIcon, DeleteIcon, ClockIcon } from '../icons';
|
|
37
43
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/v2/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAExE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAE/D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAGzD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAEnE,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AACrC,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAG/C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAEjD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAE/C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAEzD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAEzD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAGzD,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAC1D,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAE9E,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAEnC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAG7C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/v2/components/index.ts"],"names":[],"mappings":"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"}
|
package/dist/v2/icons/index.js
CHANGED
|
@@ -402,6 +402,34 @@ var ArrowDownIcon = function() {
|
|
|
402
402
|
})
|
|
403
403
|
});
|
|
404
404
|
};
|
|
405
|
+
var GripVerticalIcon = function() {
|
|
406
|
+
var _ref = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, _ref_width = _ref.width, width = _ref_width === void 0 ? 16 : _ref_width, _ref_height = _ref.height, height = _ref_height === void 0 ? 16 : _ref_height;
|
|
407
|
+
return /*#__PURE__*/ jsx("svg", {
|
|
408
|
+
width: width,
|
|
409
|
+
height: height,
|
|
410
|
+
viewBox: "0 0 32 32",
|
|
411
|
+
fill: "none",
|
|
412
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
413
|
+
children: /*#__PURE__*/ jsx("path", {
|
|
414
|
+
d: "M13 20C14.1046 20 15 20.8954 15 22C15 23.1046 14.1046 24 13 24C11.8954 24 11 23.1046 11 22C11 20.8954 11.8954 20 13 20ZM19 20C20.1046 20 21 20.8954 21 22C21 23.1046 20.1046 24 19 24C17.8954 24 17 23.1046 17 22C17 20.8954 17.8954 20 19 20ZM13 14C14.1046 14 15 14.8954 15 16C15 17.1046 14.1046 18 13 18C11.8954 18 11 17.1046 11 16C11 14.8954 11.8954 14 13 14ZM19 14C20.1046 14 21 14.8954 21 16C21 17.1046 20.1046 18 19 18C17.8954 18 17 17.1046 17 16C17 14.8954 17.8954 14 19 14ZM13 8C14.1046 8 15 8.89543 15 10C15 11.1046 14.1046 12 13 12C11.8954 12 11 11.1046 11 10C11 8.89543 11.8954 8 13 8ZM19 8C20.1046 8 21 8.89543 21 10C21 11.1046 20.1046 12 19 12C17.8954 12 17 11.1046 17 10C17 8.89543 17.8954 8 19 8Z",
|
|
415
|
+
fill: "currentColor"
|
|
416
|
+
})
|
|
417
|
+
});
|
|
418
|
+
};
|
|
419
|
+
var PlusIcon = function() {
|
|
420
|
+
var _ref = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, _ref_width = _ref.width, width = _ref_width === void 0 ? 16 : _ref_width, _ref_height = _ref.height, height = _ref_height === void 0 ? 16 : _ref_height;
|
|
421
|
+
return /*#__PURE__*/ jsx("svg", {
|
|
422
|
+
width: width,
|
|
423
|
+
height: height,
|
|
424
|
+
viewBox: "0 0 32 32",
|
|
425
|
+
fill: "none",
|
|
426
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
427
|
+
children: /*#__PURE__*/ jsx("path", {
|
|
428
|
+
d: "M17 14.5H24.5V17.5H17V25H14V17.5H6.5V14.5H14V7H17V14.5Z",
|
|
429
|
+
fill: "currentColor"
|
|
430
|
+
})
|
|
431
|
+
});
|
|
432
|
+
};
|
|
405
433
|
var CloseIcon = function(_param) {
|
|
406
434
|
var _param_width = _param.width, width = _param_width === void 0 ? 24 : _param_width, _param_height = _param.height, height = _param_height === void 0 ? 24 : _param_height, props = _object_without_properties(_param, [
|
|
407
435
|
"width",
|
|
@@ -475,5 +503,33 @@ var CircleIcon = function() {
|
|
|
475
503
|
})
|
|
476
504
|
}));
|
|
477
505
|
};
|
|
506
|
+
var DeleteIcon = function() {
|
|
507
|
+
var _ref = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, _ref_width = _ref.width, width = _ref_width === void 0 ? 24 : _ref_width, _ref_height = _ref.height, height = _ref_height === void 0 ? 24 : _ref_height;
|
|
508
|
+
return /*#__PURE__*/ jsx("svg", {
|
|
509
|
+
width: width,
|
|
510
|
+
height: height,
|
|
511
|
+
viewBox: "0 0 32 32",
|
|
512
|
+
fill: "none",
|
|
513
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
514
|
+
children: /*#__PURE__*/ jsx("path", {
|
|
515
|
+
d: "M21 10H26V12H24V25C24 25.5523 23.5523 26 23 26H9C8.44772 26 8 25.5523 8 25V12H6V10H11V7C11 6.44772 11.4477 6 12 6H20C20.5523 6 21 6.44772 21 7V10ZM22 12H10V24H22V12ZM13 15H15V21H13V15ZM17 15H19V21H17V15ZM13 8V10H19V8H13Z",
|
|
516
|
+
fill: "currentColor"
|
|
517
|
+
})
|
|
518
|
+
});
|
|
519
|
+
};
|
|
520
|
+
var ClockIcon = function() {
|
|
521
|
+
var _ref = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, _ref_width = _ref.width, width = _ref_width === void 0 ? 20 : _ref_width, _ref_height = _ref.height, height = _ref_height === void 0 ? 20 : _ref_height;
|
|
522
|
+
return /*#__PURE__*/ jsx("svg", {
|
|
523
|
+
width: width,
|
|
524
|
+
height: height,
|
|
525
|
+
viewBox: "0 0 32 32",
|
|
526
|
+
fill: "none",
|
|
527
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
528
|
+
children: /*#__PURE__*/ jsx("path", {
|
|
529
|
+
d: "M16 28C9.37258 28 4 22.6274 4 16C4 9.37258 9.37258 4 16 4C22.6274 4 28 9.37258 28 16C28 22.6274 22.6274 28 16 28ZM16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26ZM17 9V15.5858L21.2426 19.8284L19.8284 21.2426L15 16.4142V9H17Z",
|
|
530
|
+
fill: "currentColor"
|
|
531
|
+
})
|
|
532
|
+
});
|
|
533
|
+
};
|
|
478
534
|
|
|
479
|
-
export { ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BookingTypesIcon, BookingsIcon, CalendarIcon, CircleIcon, ClearIcon, CloseIcon, CustomersIcon, EditIcon, EllipsisIcon, ExportIcon, ExternalLinkIcon, InfoIcon, LoyaltyIcon, MarketingIcon, RefreshIcon, SearchIcon, SendIcon, SettingsIcon, TableHeaderArrowDownIcon, TableHeaderArrowUpIcon, WaiversIcon };
|
|
535
|
+
export { ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BookingTypesIcon, BookingsIcon, CalendarIcon, CircleIcon, ClearIcon, ClockIcon, CloseIcon, CustomersIcon, DeleteIcon, EditIcon, EllipsisIcon, ExportIcon, ExternalLinkIcon, GripVerticalIcon, InfoIcon, LoyaltyIcon, MarketingIcon, PlusIcon, RefreshIcon, SearchIcon, SendIcon, SettingsIcon, TableHeaderArrowDownIcon, TableHeaderArrowUpIcon, WaiversIcon };
|
package/dist/v2/index.d.ts
CHANGED
|
@@ -12,6 +12,12 @@ export { Alert } from './components/Alert';
|
|
|
12
12
|
export type { AlertProps, AlertVariant } from './components/Alert';
|
|
13
13
|
export { Button } from './components/Button';
|
|
14
14
|
export type { ButtonProps } from './components/Button';
|
|
15
|
+
export { NewInput } from './components/NewInput';
|
|
16
|
+
export type { NewInputProps } from './components/NewInput';
|
|
17
|
+
export { Checkbox } from './components/Checkbox';
|
|
18
|
+
export type { CheckboxProps } from './components/Checkbox';
|
|
19
|
+
export { NewPageHeader } from './components/NewPageHeader';
|
|
20
|
+
export type { NewPageHeaderProps } from './components/NewPageHeader';
|
|
15
21
|
export { EntityHeader } from './components/EntityHeader';
|
|
16
22
|
export type { EntityHeaderProps } from './components/EntityHeader';
|
|
17
23
|
export { Tooltip } from './components/Tooltip';
|
|
@@ -20,6 +26,10 @@ export { NPSScore } from './components/NPSScore';
|
|
|
20
26
|
export type { NPSScoreProps, NPSSubmitData } from './components/NPSScore';
|
|
21
27
|
export { UserPanel } from './components/UserPanel';
|
|
22
28
|
export type { UserPanelProps } from './components/UserPanel';
|
|
29
|
+
export { ZoneCard, ZoneContainer, ZoneHeader, ResourceRow, AddResourceButton } from './components/ZoneCard';
|
|
30
|
+
export type { ZoneCardProps, ZoneResource, ZoneContainerProps, DragHandleProps, ZoneHeaderProps, ResourceRowProps, ResourceRowLabels, AddResourceButtonProps } from './components/ZoneCard';
|
|
31
|
+
export { ZonesResourcesPage } from './pages/ZonesResources';
|
|
32
|
+
export type { ZonesResourcesPageProps } from './pages/ZonesResources';
|
|
23
33
|
export { Navigation } from './navigation/Navigation';
|
|
24
34
|
export type { NavigationProps } from './navigation/Navigation';
|
|
25
35
|
export { NavigationItem } from './navigation/NavigationItem';
|
package/dist/v2/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/v2/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAOH,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAGlE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAGtD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,YAAY,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAGlE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAExD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAGzE,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAClD,YAAY,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/v2/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -3,6 +3,7 @@ import { useState, useEffect } from 'react';
|
|
|
3
3
|
import { SidebarNavItem } from './SidebarNavItem.js';
|
|
4
4
|
import './SidebarCustomisation.scss.js';
|
|
5
5
|
import { CalendarIcon, BookingsIcon, BookingTypesIcon, LoyaltyIcon, CustomersIcon, MarketingIcon, WaiversIcon, SettingsIcon, EditIcon } from '../../../icons/index.js';
|
|
6
|
+
import '../../../components/IconButton/IconButton.scss.js';
|
|
6
7
|
import '../../../components/Badge/Badge.scss.js';
|
|
7
8
|
import { Button } from '../../../components/Button/Button.js';
|
|
8
9
|
import { GhostButton } from '../../../components/Button/GhostButton.js';
|
|
@@ -13,6 +14,7 @@ import '../../../components/Modal/DeleteModal.scss.js';
|
|
|
13
14
|
import '../../../components/NewInput/NewInput.js';
|
|
14
15
|
import '../../../components/FormField/FormField.js';
|
|
15
16
|
import '../../../components/Checkbox/Checkbox.js';
|
|
17
|
+
import '../../../components/InputCheckbox/InputCheckbox.js';
|
|
16
18
|
import '../../../components/WYSIWYGEditor/WYSIWYGEditor.scss.js';
|
|
17
19
|
import '../../../components/NewPageHeader/NewPageHeader.scss.js';
|
|
18
20
|
import '../../../components/SectionHeader/SectionHeader.scss.js';
|
|
@@ -24,6 +26,10 @@ import '../../../components/EntityHeader/EntityHeader.scss.js';
|
|
|
24
26
|
import '../../../components/Alert/Alert.scss.js';
|
|
25
27
|
import '../../../components/NPSScore/NPSScore.scss.js';
|
|
26
28
|
import '../../../components/Pagination/Pagination.scss.js';
|
|
29
|
+
import '../../../components/ZoneCard/ZoneCard.js';
|
|
30
|
+
import '../../../components/ZoneCard/ZoneContainer.js';
|
|
31
|
+
import '../../../components/ZoneCard/ZoneCard.scss.js';
|
|
32
|
+
import '../../../components/ZoneCard/ResourceRow.js';
|
|
27
33
|
|
|
28
34
|
function _array_like_to_array(arr, len) {
|
|
29
35
|
if (len == null || len > arr.length) len = arr.length;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
2
|
import 'react';
|
|
3
|
+
import '../../../components/IconButton/IconButton.scss.js';
|
|
3
4
|
import '../../../components/Badge/Badge.scss.js';
|
|
4
5
|
import '../../../components/Button/Button.scss.js';
|
|
5
6
|
import '../../../components/Button/GhostButton.scss.js';
|
|
@@ -10,6 +11,7 @@ import '../../../components/Modal/DeleteModal.scss.js';
|
|
|
10
11
|
import '../../../components/NewInput/NewInput.js';
|
|
11
12
|
import { FormField } from '../../../components/FormField/FormField.js';
|
|
12
13
|
import '../../../components/Checkbox/Checkbox.js';
|
|
14
|
+
import '../../../components/InputCheckbox/InputCheckbox.js';
|
|
13
15
|
import '../../../components/WYSIWYGEditor/WYSIWYGEditor.scss.js';
|
|
14
16
|
import '../../../components/NewPageHeader/NewPageHeader.scss.js';
|
|
15
17
|
import '../../../components/SectionHeader/SectionHeader.scss.js';
|
|
@@ -21,6 +23,10 @@ import '../../../components/EntityHeader/EntityHeader.scss.js';
|
|
|
21
23
|
import '../../../components/Alert/Alert.scss.js';
|
|
22
24
|
import '../../../components/NPSScore/NPSScore.scss.js';
|
|
23
25
|
import '../../../components/Pagination/Pagination.scss.js';
|
|
26
|
+
import '../../../components/ZoneCard/ZoneCard.js';
|
|
27
|
+
import '../../../components/ZoneCard/ZoneContainer.js';
|
|
28
|
+
import '../../../components/ZoneCard/ZoneCard.scss.js';
|
|
29
|
+
import '../../../components/ZoneCard/ResourceRow.js';
|
|
24
30
|
import './SidebarNavItem.scss.js';
|
|
25
31
|
|
|
26
32
|
var SidebarNavItem = function(param) {
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './ZonesResourcesPage.scss';
|
|
3
|
+
export interface ZonesResourcesPageProps {
|
|
4
|
+
title?: string;
|
|
5
|
+
backLabel?: string;
|
|
6
|
+
onBack?: () => void;
|
|
7
|
+
actionLabel?: string;
|
|
8
|
+
onAction?: () => void;
|
|
9
|
+
children?: React.ReactNode;
|
|
10
|
+
}
|
|
11
|
+
export declare const ZonesResourcesPage: React.FC<ZonesResourcesPageProps>;
|
|
12
|
+
//# sourceMappingURL=ZonesResourcesPage.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ZonesResourcesPage.d.ts","sourceRoot":"","sources":["../../../../src/v2/pages/ZonesResources/ZonesResourcesPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,2BAA2B,CAAA;AAElC,MAAM,WAAW,uBAAuB;IACtC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAiChE,CAAA"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
import 'react';
|
|
3
|
+
import '../../components/Button/Button.scss.js';
|
|
4
|
+
import { GhostButton } from '../../components/Button/GhostButton.js';
|
|
5
|
+
import { NewPageHeader } from '../../components/NewPageHeader/NewPageHeader.js';
|
|
6
|
+
import { ArrowLeftIcon, PlusIcon } from '../../icons/index.js';
|
|
7
|
+
import './ZonesResourcesPage.scss.js';
|
|
8
|
+
|
|
9
|
+
var ZonesResourcesPage = function(param) {
|
|
10
|
+
var _param_title = param.title, title = _param_title === void 0 ? 'Zones & Resources' : _param_title, _param_backLabel = param.backLabel, backLabel = _param_backLabel === void 0 ? 'Back to Settings' : _param_backLabel, onBack = param.onBack, _param_actionLabel = param.actionLabel, actionLabel = _param_actionLabel === void 0 ? 'Add Zone' : _param_actionLabel, onAction = param.onAction, children = param.children;
|
|
11
|
+
return /*#__PURE__*/ jsxs("div", {
|
|
12
|
+
className: "zones-resources-page",
|
|
13
|
+
children: [
|
|
14
|
+
onBack && /*#__PURE__*/ jsx("div", {
|
|
15
|
+
className: "zones-resources-page__back",
|
|
16
|
+
children: /*#__PURE__*/ jsx(GhostButton, {
|
|
17
|
+
onClick: onBack,
|
|
18
|
+
icon: /*#__PURE__*/ jsx(ArrowLeftIcon, {}),
|
|
19
|
+
children: backLabel
|
|
20
|
+
})
|
|
21
|
+
}),
|
|
22
|
+
/*#__PURE__*/ jsx(NewPageHeader, {
|
|
23
|
+
title: title,
|
|
24
|
+
showDivider: true
|
|
25
|
+
}),
|
|
26
|
+
/*#__PURE__*/ jsxs("div", {
|
|
27
|
+
className: "zones-resources-page__content",
|
|
28
|
+
children: [
|
|
29
|
+
onAction && /*#__PURE__*/ jsx("div", {
|
|
30
|
+
className: "zones-resources-page__action",
|
|
31
|
+
children: /*#__PURE__*/ jsx(GhostButton, {
|
|
32
|
+
onClick: onAction,
|
|
33
|
+
icon: /*#__PURE__*/ jsx(PlusIcon, {
|
|
34
|
+
width: 16,
|
|
35
|
+
height: 16
|
|
36
|
+
}),
|
|
37
|
+
children: actionLabel
|
|
38
|
+
})
|
|
39
|
+
}),
|
|
40
|
+
children
|
|
41
|
+
]
|
|
42
|
+
})
|
|
43
|
+
]
|
|
44
|
+
});
|
|
45
|
+
};
|
|
46
|
+
|
|
47
|
+
export { ZonesResourcesPage };
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import styleInject from '/opt/atlassian/pipelines/agent/build/node_modules/style-inject/dist/style-inject.es.js';
|
|
2
|
+
|
|
3
|
+
var css_248z = ".zones-resources-page{align-self:stretch;display:flex;flex-direction:column}.zones-resources-page__back{align-self:flex-start;padding:24px 32px 0}.zones-resources-page__back .ghost-button{border-color:var(--borders-main-border-primary,#e8e9ef);color:var(--fill-action,#5d5bf4)}.zones-resources-page__back .ghost-button:not(.active):hover:not(:disabled){background-color:var(--surface-action-soft,#f4f4fe);color:var(--fill-action,#5d5bf4)}.zones-resources-page__back .ghost-button .ghost-button__icon svg{height:24px;width:24px}@media (max-width:768px){.zones-resources-page__back{padding:16px 16px 0}}.zones-resources-page__content{padding:24px 32px}@media (max-width:768px){.zones-resources-page__content{padding:0}}.zones-resources-page__action{display:flex;justify-content:flex-end;margin-bottom:16px}";
|
|
4
|
+
styleInject(css_248z);
|
|
5
|
+
|
|
6
|
+
export { css_248z as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/pages/ZonesResources/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import styleInject from '/opt/atlassian/pipelines/agent/build/node_modules/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = ":root{--font-family-sans:\"Geist\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",\"Roboto\",\"Helvetica Neue\",Arial,sans-serif;--font-family-mono:\"Geist Mono\",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--heading-xxl-size:44px;--heading-xxl-line:48px;--heading-xxl-weight:600;--heading-xl-size:32px;--heading-xl-line:36px;--heading-xl-weight:700;--heading-h1-size:24px;--heading-h1-line:28px;--heading-h1-weight:600;--heading-h2-size:20px;--heading-h2-line:24px;--heading-h2-weight:600;--heading-h3-size:17px;--heading-h3-line:20px;--heading-h3-weight:600;--heading-h4-size:15px;--heading-h4-line:18px;--heading-h4-weight:600;--heading-h5-size:13px;--heading-h5-line:16px;--heading-h5-weight:500;--heading-h6-size:11px;--heading-h6-line:14px;--heading-h6-weight:500;--heading-xxl-mobile-size:32px;--heading-xxl-mobile-line:36px;--heading-xxl-mobile-weight:600;--heading-xl-mobile-size:26px;--heading-xl-mobile-line:30px;--heading-xl-mobile-weight:700;--heading-h1-mobile-size:20px;--heading-h1-mobile-line:23px;--heading-h1-mobile-weight:600;--heading-h2-mobile-size:18px;--heading-h2-mobile-line:22px;--heading-h2-mobile-weight:600;--heading-h3-mobile-size:16px;--heading-h3-mobile-line:18px;--heading-h3-mobile-weight:600;--heading-h4-mobile-size:14px;--heading-h4-mobile-line:16px;--heading-h4-mobile-weight:600;--heading-h5-mobile-size:13px;--heading-h5-mobile-line:16px;--heading-h5-mobile-weight:500;--heading-h6-mobile-size:11px;--heading-h6-mobile-line:14px;--heading-h6-mobile-weight:500;--text-xl-size:20px;--text-xl-line:26px;--text-xl-weight:400;--text-large-size:18px;--text-large-line:24px;--text-large-weight:400;--text-regular-size:15px;--text-regular-line:20px;--text-regular-weight:400;--text-small-size:13px;--text-small-line:16px;--text-small-weight:400;--text-small-emphasis-weight:500;--text-small-bold-weight:600;--text-xs-size:10px;--text-xs-line:13px;--text-xs-weight:500;--text-xs-bold-weight:600}.new-form-input{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.new-form-input__label{display:
|
|
3
|
+
var css_248z = ":root{--font-family-sans:\"Geist\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",\"Roboto\",\"Helvetica Neue\",Arial,sans-serif;--font-family-mono:\"Geist Mono\",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--heading-xxl-size:44px;--heading-xxl-line:48px;--heading-xxl-weight:600;--heading-xl-size:32px;--heading-xl-line:36px;--heading-xl-weight:700;--heading-h1-size:24px;--heading-h1-line:28px;--heading-h1-weight:600;--heading-h2-size:20px;--heading-h2-line:24px;--heading-h2-weight:600;--heading-h3-size:17px;--heading-h3-line:20px;--heading-h3-weight:600;--heading-h4-size:15px;--heading-h4-line:18px;--heading-h4-weight:600;--heading-h5-size:13px;--heading-h5-line:16px;--heading-h5-weight:500;--heading-h6-size:11px;--heading-h6-line:14px;--heading-h6-weight:500;--heading-xxl-mobile-size:32px;--heading-xxl-mobile-line:36px;--heading-xxl-mobile-weight:600;--heading-xl-mobile-size:26px;--heading-xl-mobile-line:30px;--heading-xl-mobile-weight:700;--heading-h1-mobile-size:20px;--heading-h1-mobile-line:23px;--heading-h1-mobile-weight:600;--heading-h2-mobile-size:18px;--heading-h2-mobile-line:22px;--heading-h2-mobile-weight:600;--heading-h3-mobile-size:16px;--heading-h3-mobile-line:18px;--heading-h3-mobile-weight:600;--heading-h4-mobile-size:14px;--heading-h4-mobile-line:16px;--heading-h4-mobile-weight:600;--heading-h5-mobile-size:13px;--heading-h5-mobile-line:16px;--heading-h5-mobile-weight:500;--heading-h6-mobile-size:11px;--heading-h6-mobile-line:14px;--heading-h6-mobile-weight:500;--text-xl-size:20px;--text-xl-line:26px;--text-xl-weight:400;--text-large-size:18px;--text-large-line:24px;--text-large-weight:400;--text-regular-size:15px;--text-regular-line:20px;--text-regular-weight:400;--text-small-size:13px;--text-small-line:16px;--text-small-weight:400;--text-small-emphasis-weight:500;--text-small-bold-weight:600;--text-xs-size:10px;--text-xs-line:13px;--text-xs-weight:500;--text-xs-bold-weight:600}.new-form-input{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.new-form-input__label{align-items:center;color:var(--label-primary);display:flex;font-size:15px;font-weight:600;justify-content:space-between;line-height:20px;width:100%}.new-form-input__label,.new-form-input__label-optional{font-family:var(--font-family-sans,\"Geist\",sans-serif);font-style:normal}.new-form-input__label-optional{color:var(--label-secondary);font-size:13px;font-weight:400;line-height:16px}.new-form-input__input{background-color:var(--surfaces-main-background-secondary);background:var(--surface-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-md);color:var(--labels-main-label-primary,#121e52);flex:1 0 0;font-family:var(--font-family-sans);font-size:var(--text-regular-size);font-weight:var(--text-regular-weight);line-height:var(--text-regular-line);min-height:40px;padding:8px 10px;transition:all .2s ease;width:100%}@media (max-width:768px){.new-form-input__input{font-size:16px}}.new-form-input__input:focus{background-color:var(--surfaces-main-background-secondary,#f8f8fa);border-color:var(--border-selected,#6200ee);outline:none}.new-form-input__input::placeholder{color:var(--labels-main-label-secondary,#626a90)}.new-form-input__textarea{background-color:var(--surfaces-main-background-secondary,#f8f8fa);border:1px solid var(--borders-main-border-primary,#e8e9ef);border-radius:var(--radius-md,4px);color:var(--labels-main-label-primary,#121e52);font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:var(--text-regular-size,15px);line-height:var(--text-regular-line,20px);min-height:120px;padding:8px 10px;resize:vertical;transition:all .2s ease;width:100%}@media (max-width:768px){.new-form-input__textarea{font-size:16px}}.new-form-input__textarea:focus{border-color:var(--border-selected,#6200ee);outline:none}.new-form-input__textarea::placeholder{color:var(--labels-main-label-secondary,#626a90)}.new-form-input__input-with-icon{align-items:center;background-color:var(--surfaces-main-background-secondary,#f8f8fa);border:2px solid var(--border-primary,#e8e9ef);border-radius:var(--radius-md,4px);display:flex;gap:var(--spacing-sm,8px);min-height:52px;padding:8px 10px;transition:all .2s ease;width:70%}.new-form-input__input-with-icon:focus-within{border-color:var(--border-selected,#6200ee)}.new-form-input__input-with-icon .icon{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;order:-1;width:24px}.new-form-input__input-with-icon--right .icon{order:1}.new-form-input__input-with-icon input{background:#0000;border:none;color:var(--label-primary);flex:1;font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:var(--text-regular-size,15px);line-height:var(--text-regular-line,20px)}@media (max-width:768px){.new-form-input__input-with-icon input{font-size:16px}}.new-form-input__input-with-icon input:focus{outline:none}.new-form-input__input-with-icon input::placeholder{color:var(--labels-main-label-secondary,#626a90)}.new-form-input__input-with-icon input[type=date]::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}.new-form-input__input-with-icon input[type=date]::-webkit-inner-spin-button,.new-form-input__input-with-icon input[type=date]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.new-form-input__verification-code{display:flex;gap:var(--spacing-sm,8px);height:62px}.new-form-input__verification-code .code-input{background-color:var(--surfaces-main-background-secondary,#f8f8fa);border:2px solid var(--borders-main-border-primary,#e8e9ef);border-radius:var(--radius-md,4px);color:var(--labels-main-label-primary,#121e52);flex:1;font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:var(--text-lg-size,18px);font-weight:var(--heading-h3-weight,600);text-align:center;transition:all .2s ease}.new-form-input__verification-code .code-input:focus{border-color:var(--border-selected,#6200ee);outline:none}.new-form-input__helper-text{color:var(--label-secondary,#626a90);font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:var(--text-regular-size,15px);font-style:normal;font-weight:400;line-height:var(--text-regular-line,20px);margin-top:2px;min-width:max-content;white-space:nowrap}@media (max-width:768px){.new-form-input__helper-text{word-wrap:break-word;min-width:unset;white-space:normal}}.new-form-input__error-text{color:var(--labels-status-label-error,#ef4444);font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:11px;font-style:normal;font-weight:400;line-height:14px;margin-top:2px}.new-form-input--active .new-form-input__input{border-color:var(--border-selected,#6200ee)}.new-form-input--error .new-form-input__input{border-color:var(--borders-status-border-error,#ef4444)}.new-form-input--disabled{opacity:var(--opacity-50,.5);pointer-events:none}.new-form-input--on-surface .new-form-input__input,.new-form-input--on-surface .new-form-input__input-with-icon,.new-form-input--on-surface .new-form-input__textarea{background-color:var(--surface-primary,#fff);background:var(--surface-primary,#fff)}.new-form-input--on-surface .new-form-input__input-with-icon:focus,.new-form-input--on-surface .new-form-input__input-with-icon:focus-within,.new-form-input--on-surface .new-form-input__input:focus,.new-form-input--on-surface .new-form-input__input:focus-within,.new-form-input--on-surface .new-form-input__textarea:focus,.new-form-input--on-surface .new-form-input__textarea:focus-within{background-color:var(--surface-primary,#fff)}.new-form-input.dob-input .new-form-input__label{color:var(--label-secondary,#626a90)}.surface-context--secondary .new-form-input__input,.surface-context--secondary .new-form-input__input-with-icon,.surface-context--secondary .new-form-input__textarea{background-color:var(--surface-primary,#fff);background:var(--surface-primary,#fff)}.surface-context--secondary .new-form-input__input-with-icon:focus,.surface-context--secondary .new-form-input__input-with-icon:focus-within,.surface-context--secondary .new-form-input__input:focus,.surface-context--secondary .new-form-input__input:focus-within,.surface-context--secondary .new-form-input__textarea:focus,.surface-context--secondary .new-form-input__textarea:focus-within{background-color:var(--surface-primary,#fff)}";
|
|
4
4
|
styleInject(css_248z);
|
|
5
5
|
|
|
6
6
|
export { css_248z as default };
|