@licklist/design 0.78.5-dev.62 → 0.78.5-dev.64

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.
Files changed (54) hide show
  1. package/dist/index.js +1 -1
  2. package/dist/provider/location-input/LocationInput.js +1 -1
  3. package/dist/v2/components/ActionMenu/ActionMenu.d.ts.map +1 -1
  4. package/dist/v2/components/ActionMenu/ActionMenu.js +6 -16
  5. package/dist/v2/components/ActionMenu/ActionMenu.scss.js +1 -1
  6. package/dist/v2/components/Badge/Badge.scss.js +1 -1
  7. package/dist/v2/components/FormField/FormField.scss.js +1 -1
  8. package/dist/v2/components/NewPageHeader/NewPageHeader.scss.js +1 -1
  9. package/dist/v2/components/QuickFilter/QuickFilter.scss.js +1 -1
  10. package/dist/v2/components/TableSortIcon/TableSortIcon.d.ts.map +1 -1
  11. package/dist/v2/components/TableSortIcon/TableSortIcon.js +5 -3
  12. package/dist/v2/components/ZoneCard/ResourceRow.d.ts +11 -0
  13. package/dist/v2/components/ZoneCard/ResourceRow.d.ts.map +1 -1
  14. package/dist/v2/components/ZoneCard/ResourceRow.js +61 -9
  15. package/dist/v2/components/ZoneCard/ZoneCard.d.ts +0 -1
  16. package/dist/v2/components/ZoneCard/ZoneCard.d.ts.map +1 -1
  17. package/dist/v2/components/ZoneCard/ZoneCard.js +1 -2
  18. package/dist/v2/components/ZoneCard/ZoneCard.scss.js +1 -1
  19. package/dist/v2/components/ZoneCard/ZoneHeader.d.ts +6 -1
  20. package/dist/v2/components/ZoneCard/ZoneHeader.d.ts.map +1 -1
  21. package/dist/v2/components/ZoneCard/ZoneHeader.js +30 -13
  22. package/dist/v2/components/ZoneCard/index.d.ts +1 -1
  23. package/dist/v2/components/ZoneCard/index.d.ts.map +1 -1
  24. package/dist/v2/components/index.d.ts +1 -1
  25. package/dist/v2/components/index.d.ts.map +1 -1
  26. package/dist/v2/icons/index.d.ts +10 -2
  27. package/dist/v2/icons/index.d.ts.map +1 -1
  28. package/dist/v2/icons/index.js +41 -29
  29. package/dist/v2/index.d.ts +1 -1
  30. package/dist/v2/index.d.ts.map +1 -1
  31. package/dist/v2/pages/ZonesResources/ZonesResourcesPage.d.ts.map +1 -1
  32. package/dist/v2/pages/ZonesResources/ZonesResourcesPage.js +20 -16
  33. package/dist/v2/pages/ZonesResources/ZonesResourcesPage.scss.js +1 -1
  34. package/package.json +3 -3
  35. package/src/provider/location-input/LocationInput.tsx +1 -1
  36. package/src/v2/components/ActionMenu/ActionMenu.scss +7 -20
  37. package/src/v2/components/ActionMenu/ActionMenu.tsx +2 -5
  38. package/src/v2/components/Badge/Badge.scss +25 -23
  39. package/src/v2/components/Customer/CustomersList.scss +60 -9
  40. package/src/v2/components/FormField/FormField.scss +1 -1
  41. package/src/v2/components/NewPageHeader/NewPageHeader.scss +1 -5
  42. package/src/v2/components/QuickFilter/QuickFilter.scss +14 -3
  43. package/src/v2/components/TableSortIcon/TableSortIcon.tsx +3 -5
  44. package/src/v2/components/ZoneCard/ResourceRow.tsx +56 -9
  45. package/src/v2/components/ZoneCard/ZoneCard.scss +74 -10
  46. package/src/v2/components/ZoneCard/ZoneCard.stories.tsx +2 -5
  47. package/src/v2/components/ZoneCard/ZoneCard.tsx +0 -3
  48. package/src/v2/components/ZoneCard/ZoneHeader.tsx +34 -11
  49. package/src/v2/components/ZoneCard/index.ts +1 -1
  50. package/src/v2/components/index.ts +2 -0
  51. package/src/v2/icons/index.tsx +24 -14
  52. package/src/v2/index.ts +1 -1
  53. package/src/v2/pages/ZonesResources/ZonesResourcesPage.scss +25 -0
  54. package/src/v2/pages/ZonesResources/ZonesResourcesPage.tsx +10 -7
@@ -1,8 +1,7 @@
1
1
  import { jsxs, jsx } from 'react/jsx-runtime';
2
2
  import 'react';
3
- import { Badge } from '../Badge/Badge.js';
4
3
  import { ActionMenu } from '../ActionMenu/ActionMenu.js';
5
- import { GripVerticalIcon } from '../../icons/index.js';
4
+ import { GripVerticalIcon, ArrowUpIcon, ArrowDownIcon } from '../../icons/index.js';
6
5
  import './ZoneCard.scss.js';
7
6
 
8
7
  function _define_property(obj, key, value) {
@@ -58,20 +57,41 @@ function _object_spread_props(target, source) {
58
57
  return target;
59
58
  }
60
59
  var ZoneHeader = function(param) {
61
- var name = param.name, _param_status = param.status, status = _param_status === void 0 ? 'active' : _param_status, totalCapacity = param.totalCapacity, _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;
62
- var statusVariant = status === 'active' ? 'success' : 'neutral';
63
- var statusLabel = status.charAt(0).toUpperCase() + status.slice(1);
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;
64
61
  return /*#__PURE__*/ jsxs("div", {
65
62
  className: "zone-card__header ".concat(className),
66
63
  children: [
67
- draggable && /*#__PURE__*/ jsx("div", _object_spread_props(_object_spread({
64
+ draggable && !isMobile && /*#__PURE__*/ jsx("div", _object_spread_props(_object_spread({
68
65
  className: "zone-card__drag-handle"
69
66
  }, dragHandleProps), {
70
67
  children: GripVerticalIcon({
71
- width: 16,
72
- height: 16
68
+ width: 20,
69
+ height: 20
73
70
  })
74
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
+ }),
75
95
  /*#__PURE__*/ jsx("span", {
76
96
  className: "zone-card__name",
77
97
  children: name
@@ -79,14 +99,11 @@ var ZoneHeader = function(param) {
79
99
  /*#__PURE__*/ jsxs("div", {
80
100
  className: "zone-card__header-right",
81
101
  children: [
82
- /*#__PURE__*/ jsx(Badge, {
83
- variant: statusVariant,
84
- children: statusLabel
85
- }),
86
102
  /*#__PURE__*/ jsxs("span", {
87
103
  className: "zone-card__total",
88
104
  children: [
89
- "Total: ",
105
+ totalLabel,
106
+ ": ",
90
107
  totalCapacity
91
108
  ]
92
109
  }),
@@ -5,7 +5,7 @@ export type { ZoneContainerProps, DragHandleProps } from './ZoneContainer';
5
5
  export { ZoneHeader } from './ZoneHeader';
6
6
  export type { ZoneHeaderProps } from './ZoneHeader';
7
7
  export { ResourceRow } from './ResourceRow';
8
- export type { ResourceRowProps } from './ResourceRow';
8
+ export type { ResourceRowProps, ResourceRowLabels } from './ResourceRow';
9
9
  export { AddResourceButton } from './AddResourceButton';
10
10
  export type { AddResourceButtonProps } from './AddResourceButton';
11
11
  //# sourceMappingURL=index.d.ts.map
@@ -1 +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,MAAM,eAAe,CAAA;AAErD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAA"}
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"}
@@ -37,5 +37,5 @@ export { Pagination } from './Pagination';
37
37
  export type { PaginationProps } from './Pagination';
38
38
  export { ZoneCard, ZoneContainer, ZoneHeader, ResourceRow, AddResourceButton } from './ZoneCard';
39
39
  export type { ZoneCardProps, ZoneResource, ZoneContainerProps, DragHandleProps, ZoneHeaderProps, ResourceRowProps, AddResourceButtonProps } from './ZoneCard';
40
- export { InfoIcon, ArrowUpIcon, ArrowDownIcon, EditIcon, ArrowLeftIcon, ArrowRightIcon, SearchIcon, RefreshIcon, SendIcon, ExternalLinkIcon, ExportIcon, ClearIcon, CloseIcon, EllipsisIcon, CircleIcon, GripVerticalIcon, PlusIcon, DeleteIcon, ClockIcon } from '../icons';
40
+ export { InfoIcon, TableHeaderArrowUpIcon, TableHeaderArrowDownIcon, ArrowUpIcon, ArrowDownIcon, EditIcon, ArrowLeftIcon, ArrowRightIcon, SearchIcon, RefreshIcon, SendIcon, ExternalLinkIcon, ExportIcon, ClearIcon, CloseIcon, EllipsisIcon, CircleIcon, GripVerticalIcon, PlusIcon, DeleteIcon, ClockIcon } from '../icons';
41
41
  //# 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,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAEnD,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;AAEnD,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,UAAU,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAChG,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,kBAAkB,EAAE,eAAe,EAAE,eAAe,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAA;AAG7J,OAAO,EACL,QAAQ,EACR,WAAW,EACX,aAAa,EACb,QAAQ,EACR,aAAa,EACb,cAAc,EACd,UAAU,EACV,WAAW,EACX,QAAQ,EACR,gBAAgB,EAChB,UAAU,EACV,SAAS,EACT,SAAS,EACT,YAAY,EACZ,UAAU,EACV,gBAAgB,EAChB,QAAQ,EACR,UAAU,EACV,SAAS,EACV,MAAM,UAAU,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/v2/components/index.ts"],"names":[],"mappings":"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"}
@@ -45,8 +45,16 @@ export declare const InfoIcon: ({ width, height }?: {
45
45
  width?: number;
46
46
  height?: number;
47
47
  }) => import("react/jsx-runtime").JSX.Element;
48
- export declare const ArrowUpIcon: () => import("react/jsx-runtime").JSX.Element;
49
- export declare const ArrowDownIcon: () => import("react/jsx-runtime").JSX.Element;
48
+ export declare const TableHeaderArrowUpIcon: () => import("react/jsx-runtime").JSX.Element;
49
+ export declare const TableHeaderArrowDownIcon: () => import("react/jsx-runtime").JSX.Element;
50
+ export declare const ArrowUpIcon: ({ width, height }?: {
51
+ width?: number;
52
+ height?: number;
53
+ }) => import("react/jsx-runtime").JSX.Element;
54
+ export declare const ArrowDownIcon: ({ width, height }?: {
55
+ width?: number;
56
+ height?: number;
57
+ }) => import("react/jsx-runtime").JSX.Element;
50
58
  export declare const GripVerticalIcon: ({ width, height }?: {
51
59
  width?: number;
52
60
  height?: number;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/v2/icons/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/v2/icons/index.tsx"],"names":[],"mappings":"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"}
@@ -213,7 +213,7 @@ var SearchIcon = function() {
213
213
  fill: "none",
214
214
  children: /*#__PURE__*/ jsx("path", {
215
215
  d: "M14.6593 13.7979L17.2683 16.4068L16.4068 17.2684L13.7978 14.6594C12.8597 15.4099 11.67 15.8589 10.3761 15.8589C7.34958 15.8589 4.89331 13.4026 4.89331 10.3761C4.89331 7.34965 7.34958 4.89337 10.3761 4.89337C13.4025 4.89337 15.8588 7.34965 15.8588 10.3761C15.8588 11.6701 15.4098 12.8598 14.6593 13.7979ZM13.4371 13.3458C14.182 12.5781 14.6404 11.5309 14.6404 10.3761C14.6404 8.02006 12.7321 6.11176 10.3761 6.11176C8.02 6.11176 6.1117 8.02006 6.1117 10.3761C6.1117 12.7322 8.02 14.6405 10.3761 14.6405C11.5309 14.6405 12.5781 14.1821 13.3458 13.4371L13.4371 13.3458Z",
216
- fill: "#626A90"
216
+ fill: "currentColor"
217
217
  })
218
218
  });
219
219
  };
@@ -241,7 +241,7 @@ var SendIcon = function() {
241
241
  fill: "none",
242
242
  children: /*#__PURE__*/ jsx("path", {
243
243
  d: "M18 6C18.4142 6 18.75 6.33579 18.75 6.75V12.75H17.25V9.17871L11.3037 14.5039L5.25 9.16211V17.25H18V18.75H4.5C4.08579 18.75 3.75 18.4142 3.75 18V6.75C3.75 6.33579 4.08579 6 4.5 6H18ZM24 15L20.25 18V15.75H15V14.25H20.25V12L24 15ZM11.2969 12.4961L16.876 7.5H5.63379L11.2969 12.4961Z",
244
- fill: "black"
244
+ fill: "currentColor"
245
245
  })
246
246
  });
247
247
  };
@@ -342,7 +342,7 @@ var InfoIcon = function() {
342
342
  })
343
343
  });
344
344
  };
345
- var ArrowUpIcon = function() {
345
+ var TableHeaderArrowUpIcon = function() {
346
346
  return /*#__PURE__*/ jsx("svg", {
347
347
  width: "11",
348
348
  height: "6",
@@ -358,7 +358,7 @@ var ArrowUpIcon = function() {
358
358
  })
359
359
  });
360
360
  };
361
- var ArrowDownIcon = function() {
361
+ var TableHeaderArrowDownIcon = function() {
362
362
  return /*#__PURE__*/ jsx("svg", {
363
363
  width: "11",
364
364
  height: "6",
@@ -374,6 +374,34 @@ var ArrowDownIcon = function() {
374
374
  })
375
375
  });
376
376
  };
377
+ var ArrowUpIcon = function() {
378
+ 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;
379
+ return /*#__PURE__*/ jsx("svg", {
380
+ width: width,
381
+ height: height,
382
+ viewBox: "0 0 32 32",
383
+ fill: "none",
384
+ xmlns: "http://www.w3.org/2000/svg",
385
+ children: /*#__PURE__*/ jsx("path", {
386
+ d: "M14.9999 11.8283L9.63589 17.1923L8.22168 15.7781L15.9999 7.99988L23.778 15.7781L22.3638 17.1923L16.9999 11.8283L16.9999 23.9999L14.9999 23.9999L14.9999 11.8283Z",
387
+ fill: "currentColor"
388
+ })
389
+ });
390
+ };
391
+ var ArrowDownIcon = function() {
392
+ 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;
393
+ return /*#__PURE__*/ jsx("svg", {
394
+ width: width,
395
+ height: height,
396
+ viewBox: "0 0 32 32",
397
+ fill: "none",
398
+ xmlns: "http://www.w3.org/2000/svg",
399
+ children: /*#__PURE__*/ jsx("path", {
400
+ d: "M16.9999 20.1715L22.3639 14.8075L23.7781 16.2217L15.9999 23.9999L8.22176 16.2217L9.63596 14.8075L14.9999 20.1715L14.9999 7.99988L16.9999 7.99988L16.9999 20.1715Z",
401
+ fill: "currentColor"
402
+ })
403
+ });
404
+ };
377
405
  var GripVerticalIcon = function() {
378
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;
379
407
  return /*#__PURE__*/ jsx("svg", {
@@ -383,7 +411,7 @@ var GripVerticalIcon = function() {
383
411
  fill: "none",
384
412
  xmlns: "http://www.w3.org/2000/svg",
385
413
  children: /*#__PURE__*/ jsx("path", {
386
- d: "M14 10C14 11.1046 13.1046 12 12 12C10.8954 12 10 11.1046 10 10C10 8.89543 10.8954 8 12 8C13.1046 8 14 8.89543 14 10ZM14 16C14 17.1046 13.1046 18 12 18C10.8954 18 10 17.1046 10 16C10 14.8954 10.8954 14 12 14C13.1046 14 14 14.8954 14 16ZM14 22C14 23.1046 13.1046 24 12 24C10.8954 24 10 23.1046 10 22C10 20.8954 10.8954 20 12 20C13.1046 20 14 20.8954 14 22ZM22 10C22 11.1046 21.1046 12 20 12C18.8954 12 18 11.1046 18 10C18 8.89543 18.8954 8 20 8C21.1046 8 22 8.89543 22 10ZM22 16C22 17.1046 21.1046 18 20 18C18.8954 18 18 17.1046 18 16C18 14.8954 18.8954 14 20 14C21.1046 14 22 14.8954 22 16ZM22 22C22 23.1046 21.1046 24 20 24C18.8954 24 18 23.1046 18 22C18 20.8954 18.8954 20 20 20C21.1046 20 22 20.8954 22 22Z",
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",
387
415
  fill: "currentColor"
388
416
  })
389
417
  });
@@ -433,38 +461,22 @@ var CloseIcon = function(_param) {
433
461
  };
434
462
  var EllipsisIcon = function() {
435
463
  var _param = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
436
- var _param_width = _param.width, width = _param_width === void 0 ? 32 : _param_width, _param_height = _param.height, height = _param_height === void 0 ? 32 : _param_height, _param_fill = _param.fill, fill = _param_fill === void 0 ? 'black' : _param_fill, props = _object_without_properties(_param, [
464
+ var _param_width = _param.width, width = _param_width === void 0 ? 18 : _param_width, _param_height = _param.height, height = _param_height === void 0 ? 4 : _param_height, _param_fill = _param.fill, fill = _param_fill === void 0 ? 'currentColor' : _param_fill, props = _object_without_properties(_param, [
437
465
  "width",
438
466
  "height",
439
467
  "fill"
440
468
  ]);
441
- return /*#__PURE__*/ jsxs("svg", _object_spread_props(_object_spread({
469
+ return /*#__PURE__*/ jsx("svg", _object_spread_props(_object_spread({
442
470
  width: width,
443
471
  height: height,
444
- viewBox: "0 0 32 32",
472
+ viewBox: "0 0 18 4",
445
473
  fill: "none",
446
474
  xmlns: "http://www.w3.org/2000/svg"
447
475
  }, props), {
448
- children: [
449
- /*#__PURE__*/ jsx("circle", {
450
- cx: "8",
451
- cy: "16",
452
- r: "3",
453
- fill: fill
454
- }),
455
- /*#__PURE__*/ jsx("circle", {
456
- cx: "16",
457
- cy: "16",
458
- r: "3",
459
- fill: fill
460
- }),
461
- /*#__PURE__*/ jsx("circle", {
462
- cx: "24",
463
- cy: "16",
464
- r: "3",
465
- fill: fill
466
- })
467
- ]
476
+ children: /*#__PURE__*/ jsx("path", {
477
+ d: "M2 0C3.10457 0 4 0.895431 4 2C4 3.10457 3.10457 4 2 4C0.895431 4 0 3.10457 0 2C0 0.895431 0.895431 0 2 0ZM9 0C10.1046 0 11 0.895431 11 2C11 3.10457 10.1046 4 9 4C7.89543 4 7 3.10457 7 2C7 0.895431 7.89543 0 9 0ZM16 0C17.1046 0 18 0.895431 18 2C18 3.10457 17.1046 4 16 4C14.8954 4 14 3.10457 14 2C14 0.895431 14.8954 0 16 0Z",
478
+ fill: fill
479
+ })
468
480
  }));
469
481
  };
470
482
  var CircleIcon = function() {
@@ -520,4 +532,4 @@ var ClockIcon = function() {
520
532
  });
521
533
  };
522
534
 
523
- 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, 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 };
@@ -27,7 +27,7 @@ export type { NPSScoreProps, NPSSubmitData } from './components/NPSScore';
27
27
  export { UserPanel } from './components/UserPanel';
28
28
  export type { UserPanelProps } from './components/UserPanel';
29
29
  export { ZoneCard, ZoneContainer, ZoneHeader, ResourceRow, AddResourceButton } from './components/ZoneCard';
30
- export type { ZoneCardProps, ZoneResource, ZoneContainerProps, DragHandleProps, ZoneHeaderProps, ResourceRowProps, AddResourceButtonProps } from './components/ZoneCard';
30
+ export type { ZoneCardProps, ZoneResource, ZoneContainerProps, DragHandleProps, ZoneHeaderProps, ResourceRowProps, ResourceRowLabels, AddResourceButtonProps } from './components/ZoneCard';
31
31
  export { ZonesResourcesPage } from './pages/ZonesResources';
32
32
  export type { ZonesResourcesPageProps } from './pages/ZonesResources';
33
33
  export { Navigation } from './navigation/Navigation';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/v2/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/v2/index.ts"],"names":[],"mappings":"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"}
@@ -1 +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,CA6BhE,CAAA"}
1
+ {"version":3,"file":"ZonesResourcesPage.d.ts","sourceRoot":"","sources":["../../../../src/v2/pages/ZonesResources/ZonesResourcesPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,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,CA+BhE,CAAA"}
@@ -1,13 +1,14 @@
1
1
  import { jsxs, jsx } from 'react/jsx-runtime';
2
2
  import 'react';
3
3
  import { IconButton } from '../../components/IconButton/IconButton.js';
4
+ import '../../components/Button/Button.scss.js';
5
+ import { GhostButton } from '../../components/Button/GhostButton.js';
4
6
  import { NewPageHeader } from '../../components/NewPageHeader/NewPageHeader.js';
5
- import { Button, ButtonText } from '../../components/Button/Button.js';
6
- import '../../components/Button/GhostButton.scss.js';
7
+ import { PlusIcon } from '../../icons/index.js';
7
8
  import './ZonesResourcesPage.scss.js';
8
9
 
9
10
  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
+ 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
12
  return /*#__PURE__*/ jsxs("div", {
12
13
  className: "zones-resources-page",
13
14
  children: [
@@ -20,21 +21,24 @@ var ZonesResourcesPage = function(param) {
20
21
  }),
21
22
  /*#__PURE__*/ jsx(NewPageHeader, {
22
23
  title: title,
23
- showDivider: true,
24
- renderRight: onAction ? function() {
25
- return /*#__PURE__*/ jsx(Button, {
26
- variant: "primary",
27
- onClick: onAction,
28
- children: /*#__PURE__*/ jsx(ButtonText, {
29
- color: "white",
30
- children: actionLabel
31
- })
32
- });
33
- } : undefined
24
+ showDivider: true
34
25
  }),
35
- /*#__PURE__*/ jsx("div", {
26
+ /*#__PURE__*/ jsxs("div", {
36
27
  className: "zones-resources-page__content",
37
- children: children
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
+ ]
38
42
  })
39
43
  ]
40
44
  });
@@ -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 = ".zones-resources-page{align-self:stretch;display:flex;flex-direction:column}.zones-resources-page__back{align-self:flex-start;padding:24px 32px 0}@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:16px}}";
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 .icon-button{border-color:#0000}.zones-resources-page__back .icon-button:hover{background:var(--surface-action-soft,#f4f4fe);border-color:#0000}.zones-resources-page__back .icon-button:hover .icon-button__icon,.zones-resources-page__back .icon-button:hover .icon-button__label,.zones-resources-page__back .icon-button__icon,.zones-resources-page__back .icon-button__label{color:var(--fill-action,#5d5bf4)}@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:16px}}.zones-resources-page__action{display:flex;justify-content:flex-end;margin-bottom:16px}";
4
4
  styleInject(css_248z);
5
5
 
6
6
  export { css_248z as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@licklist/design",
3
- "version": "0.78.5-dev.62",
3
+ "version": "0.78.5-dev.64",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+ssh://git@bitbucket.org/bookedit-licklist/licklist_design.git"
@@ -42,7 +42,7 @@
42
42
  ]
43
43
  },
44
44
  "peerDependencies": {
45
- "@licklist/core": "0.36.1-dev.17-new",
45
+ "@licklist/core": "0.36.1-dev.16",
46
46
  "@licklist/eslint-config": "0.5.6",
47
47
  "@licklist/plugins": "0.36.4-dev.13",
48
48
  "clsx": "2.1.1",
@@ -64,7 +64,7 @@
64
64
  "@dnd-kit/utilities": "2.0.0",
65
65
  "@fortawesome/fontawesome-svg-core": "1.2.34",
66
66
  "@fortawesome/free-solid-svg-icons": "5.15.2",
67
- "@licklist/core": "0.36.1-dev.14",
67
+ "@licklist/core": "0.36.1-dev.16",
68
68
  "@licklist/eslint-config": "0.5.6",
69
69
  "@licklist/plugins": "0.36.4-dev.13",
70
70
  "@mantine/core": "6.0.22",
@@ -71,7 +71,7 @@ export function LocationInput({ path }: { path: TimeZonePath }) {
71
71
  <option key='' value='' disabled>
72
72
  {t('chooseTimeZone')}
73
73
  </option>
74
- {data.map((zone) => (
74
+ {data?.map((zone) => (
75
75
  <option key={zone.id} value={zone.id.toString()}>
76
76
  {zone.name}
77
77
  </option>
@@ -7,46 +7,33 @@
7
7
 
8
8
  &__trigger {
9
9
  display: flex;
10
- width: 40px;
11
- height: 40px;
12
- padding: 8px;
10
+ width: 32px;
11
+ height: 32px;
12
+ padding: 0;
13
13
  justify-content: center;
14
14
  align-items: center;
15
15
  border-radius: 50%;
16
- border: 1px solid var(--border-primary, #E8E9EF);
16
+ border: none;
17
17
  background: var(--surface-action-soft);
18
18
  color: var(--actions-regular, #5D5BF4);
19
19
  cursor: pointer;
20
20
  transition: all 0.2s ease;
21
+ position: relative;
21
22
 
22
23
  &:hover {
23
- background: var(--surface-action-soft);
24
+ opacity: 0.8;
24
25
  }
25
26
 
26
27
  &--close {
27
28
  border-radius: 50%;
28
29
  background: #F4F4FE;
29
- border: 1px solid #F4F4FE;
30
30
 
31
31
  &:hover {
32
32
  background: #E8E8FD;
33
+ opacity: 1;
33
34
  }
34
35
  }
35
36
 
36
- svg {
37
- width: 28px;
38
- height: 28px;
39
- }
40
-
41
- .action-menu__circle {
42
- position: absolute;
43
- top: 50%;
44
- left: 50%;
45
- transform: translate(-50%, -50%);
46
- width: 32px;
47
- height: 32px;
48
- z-index: -1;
49
- }
50
37
  }
51
38
 
52
39
  &__dropdown {
@@ -1,5 +1,5 @@
1
1
  import React, { useState, useRef, useEffect, useLayoutEffect } from 'react'
2
- import { CloseIcon, EllipsisIcon, CircleIcon } from '../../icons'
2
+ import { CloseIcon, EllipsisIcon } from '../../icons'
3
3
  import './ActionMenu.scss'
4
4
 
5
5
  export interface ActionMenuItem {
@@ -83,10 +83,7 @@ export const ActionMenu: React.FC<ActionMenuProps> = ({ items, className = '', i
83
83
  {isOpen ? (
84
84
  <CloseIcon width={18} height={18} />
85
85
  ) : (
86
- <>
87
- <CircleIcon width={32} height={32} className="action-menu__circle" fill="var(--surface-action-soft)" />
88
- <EllipsisIcon width={18} height={18} fill="var(--fill-action)" />
89
- </>
86
+ <EllipsisIcon width={18} height={4} fill="var(--fill-action)" />
90
87
  )}
91
88
  </button>
92
89
 
@@ -1,19 +1,20 @@
1
1
  .new-badge {
2
+ font-family: var(--font-family-mono, 'Geist Mono', monospace);
2
3
  display: inline-flex;
3
- align-items: center;
4
+ padding: 6px 10px;
4
5
  justify-content: center;
5
- padding: 2px 12px;
6
- border-radius: 100px;
6
+ align-items: center;
7
+ gap: 1px;
8
+ color: var(--label-primary, #121E52);
9
+ font-size: 11px;
10
+ font-style: normal;
11
+ font-weight: 600;
12
+ line-height: 14px;
13
+ height: 28px;
7
14
 
8
15
  &--with-icon {
9
- padding-left: 8px;
16
+ padding-left: 6px;
10
17
  }
11
- font-family: var(--font-family-mono, 'Geist Mono', monospace);
12
- font-size: var(--text-small-size, 13px);
13
- font-weight: 500;
14
- line-height: 1.2;
15
- white-space: nowrap;
16
- gap: 4px;
17
18
 
18
19
  &__icon {
19
20
  display: inline-flex;
@@ -21,39 +22,40 @@
21
22
  justify-content: center;
22
23
 
23
24
  svg {
24
- width: 16px;
25
- height: 16px;
25
+ width: 18px;
26
+ height: 18px;
26
27
  }
27
28
  }
28
29
 
29
30
  &--success {
30
- background-color: var(--surface-status-success, #EEF9EA);
31
- color: var(--label-status-success, #3A8A1F);
31
+ border-radius: var(--padding-lg, 24px);
32
32
  border: 1px solid var(--border-status-success, #C9ECBD);
33
+ background: var(--surface-colour-green-soft, #EEF9EA);
33
34
  }
34
35
 
35
36
  &--danger {
36
- background-color: var(--surface-status-error, #FCECEB);
37
- color: var(--label-status-error, #CC3C35);
37
+ border-radius: var(--padding-lg, 24px);
38
38
  border: 1px solid var(--border-status-error, #F5C4C2);
39
+ background: var(--surface-colour-red-soft, #FCECEB);
39
40
  }
40
41
 
41
42
  &--warning {
42
- background-color: var(--surface-status-alert, #FCF6E7);
43
- color: var(--label-status-alert, #FD7E14);
43
+ border-radius: var(--padding-lg, 24px);
44
44
  border: 1px solid var(--border-status-alert, #FED7B6);
45
+ background: var(--surface-colour-yellow-soft, #FCF6E7);
45
46
  }
46
47
 
47
48
  &--info {
48
- background-color: var(--surface-status-info, #E7F4FC);
49
- color: var(--label-status-info, #0D7FCE);
49
+ border-radius: var(--padding-lg, 24px);
50
50
  border: 1px solid var(--border-status-info, #B4DBF6);
51
+ background: var(--surface-colour-blue-soft, #E7F4FC);
51
52
  }
52
53
 
53
54
  &--neutral {
54
55
  background-color: var(--surface-secondary, #F8F8FA);
55
56
  color: var(--label-secondary, #9399B3);
56
- border: 1px solid var(--border-primary, #E8E9EF);
57
+ border-radius: var(--padding-lg, 24px);
58
+ border: 1px solid var(--border-colour-overlay, rgba(18, 30, 82, 0.10));
57
59
  }
58
60
  }
59
61
 
@@ -71,11 +73,11 @@
71
73
 
72
74
  @media (max-width: 480px) {
73
75
  .new-badge {
74
- padding: 1px 8px;
76
+ padding: 1px 10px;
75
77
  font-size: 11px;
76
78
 
77
79
  &--with-icon {
78
- padding-left: 4px;
80
+ padding-left: 6px;
79
81
  }
80
82
  }
81
83
  }