@licklist/design 0.78.34 → 0.78.36

package/dist/v2/components/IconButton/IconButton.js

@@ -0,0 +1,137 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { ArrowLeftIcon, PlusIcon, DeleteIcon } from '../../icons/index.js';
+import './IconButton.scss.js';
+
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+function IconButton(_param) {
+    var label = _param.label, _param_icon = _param.icon, icon = _param_icon === void 0 ? 'back' : _param_icon, _param_variant = _param.variant, variant = _param_variant === void 0 ? 'default' : _param_variant, _param_className = _param.className, className = _param_className === void 0 ? '' : _param_className, props = _object_without_properties(_param, [
+        "label",
+        "icon",
+        "variant",
+        "className"
+    ]);
+    var isIconOnly = !label;
+    var classes = [
+        isIconOnly ? 'icon-button--icon-only' : 'icon-button',
+        variant === 'danger' ? 'icon-button--danger' : '',
+        className
+    ].filter(Boolean).join(' ');
+    var iconSize = isIconOnly ? 32 : 16;
+    var renderIcon = function() {
+        if (icon === 'back') return ArrowLeftIcon({
+            width: iconSize,
+            height: iconSize
+        });
+        if (icon === 'add') return PlusIcon({
+            width: iconSize,
+            height: iconSize
+        });
+        if (icon === 'delete') return DeleteIcon({
+            width: iconSize,
+            height: iconSize
+        });
+        return icon;
+    };
+    if (isIconOnly) {
+        return /*#__PURE__*/ jsx("button", _object_spread_props(_object_spread({
+            type: "button",
+            className: classes
+        }, props), {
+            children: renderIcon()
+        }));
+    }
+    return /*#__PURE__*/ jsxs("button", _object_spread_props(_object_spread({
+        className: classes
+    }, props), {
+        children: [
+            /*#__PURE__*/ jsx("span", {
+                className: "icon-button__icon",
+                children: renderIcon()
+            }),
+            /*#__PURE__*/ jsx("span", {
+                className: "icon-button__label",
+                children: label
+            })
+        ]
+    }));
+}
+
+export { IconButton };

package/dist/v2/components/IconButton/IconButton.scss.js

@@ -0,0 +1,6 @@
+import styleInject from '/opt/atlassian/pipelines/agent/build/node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".icon-button{align-items:center;background:#0000;border:1px solid var(--border-primary);border-radius:8px;cursor:pointer;display:inline-flex;font-family:var(--font-family-sans,\"Geist\",sans-serif);gap:var(--spacing-sm,8px);height:36px;padding:0 16px 0 12px;transition:all .2s ease;width:fit-content}@media (max-width:768px){.icon-button{height:44px;padding:0 20px 0 16px}}.icon-button:hover{background:var(--surface-secondary)}.icon-button:hover,.icon-button:hover .icon-button__icon,.icon-button:hover .icon-button__label{color:var(--label-primary)}.icon-button:active{background:var(--surface-tertiary)}.icon-button__icon{align-items:center;color:var(--label-primary);display:flex}.icon-button__label{color:var(--label-primary);font-size:13px;font-weight:500;line-height:16px}.icon-button--icon-only{align-items:center;background:#0000;border:1px solid var(--border-primary);border-radius:8px;color:var(--label-primary);cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.icon-button--icon-only:hover{background:var(--surface-primary,#fff)}.icon-button--icon-only:active{background:var(--surface-tertiary)}.icon-button--danger{color:var(--label-danger,#cc3c35)}.icon-button--danger:hover{background:var(--surface-primary,#fff)}";
+styleInject(css_248z);
+
+export { css_248z as default };

package/dist/v2/components/IconButton/index.d.ts

@@ -0,0 +1,3 @@
+export { IconButton } from './IconButton';
+export type { IconButtonProps } from './IconButton';
+//# sourceMappingURL=index.d.ts.map

package/dist/v2/components/IconButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/IconButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA"}

package/dist/v2/components/NewInput/NewInput.d.ts

@@ -9,6 +9,7 @@ type CommonInputProps = {
     iconPosition?: 'left' | 'right';
     required?: boolean;
     onIconClick?: () => void;
+    variant?: 'default' | 'on-surface';
 };
 type InputProps = CommonInputProps & {
     as?: 'input';

package/dist/v2/components/NewInput/NewInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NewInput.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/NewInput/NewInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,mBAAmB,EAAE,sBAAsB,EAAc,SAAS,EAAC,MAAM,OAAO,CAAC;AAChG,OAAO,iCAAiC,CAAC;AAEzC,KAAK,gBAAgB,GAAG;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAA;AAED,KAAK,UAAU,GAAG,gBAAgB,GAAG;IACnC,EAAE,CAAC,EAAE,OAAO,CAAC;CACd,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAA;AAEzC,KAAK,aAAa,GAAG,gBAAgB,GAAG;IACtC,EAAE,EAAE,UAAU,CAAC;CAChB,GAAG,sBAAsB,CAAC,mBAAmB,CAAC,CAAA;AAE/C,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,aAAa,CAAA;AAEtD,eAAO,MAAM,QAAQ,8GA4FpB,CAAC"}
+{"version":3,"file":"NewInput.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/NewInput/NewInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,mBAAmB,EAAE,sBAAsB,EAAc,SAAS,EAAC,MAAM,OAAO,CAAC;AAChG,OAAO,iCAAiC,CAAC;AAEzC,KAAK,gBAAgB,GAAG;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,OAAO,CAAC,EAAE,SAAS,GAAG,YAAY,CAAC;CACpC,CAAA;AAED,KAAK,UAAU,GAAG,gBAAgB,GAAG;IACnC,EAAE,CAAC,EAAE,OAAO,CAAC;CACd,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAA;AAEzC,KAAK,aAAa,GAAG,gBAAgB,GAAG;IACtC,EAAE,EAAE,UAAU,CAAC;CAChB,GAAG,sBAAsB,CAAC,mBAAmB,CAAC,CAAA;AAE/C,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,aAAa,CAAA;AAEtD,eAAO,MAAM,QAAQ,8GA8FpB,CAAC"}

package/dist/v2/components/NewInput/NewInput.js

@@ -58,7 +58,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 var NewInput = /*#__PURE__*/ forwardRef(function(_param, ref) {
-    var label = _param.label, optional = _param.optional, helperText = _param.helperText, error = _param.error, icon = _param.icon, _param_iconPosition = _param.iconPosition, iconPosition = _param_iconPosition === void 0 ? 'left' : _param_iconPosition, _param_as = _param.as, as = _param_as === void 0 ? 'input' : _param_as; _param.required; var _param_className = _param.className, className = _param_className === void 0 ? '' : _param_className, onIconClick = _param.onIconClick, props = _object_without_properties(_param, [
+    var label = _param.label, optional = _param.optional, helperText = _param.helperText, error = _param.error, icon = _param.icon, _param_iconPosition = _param.iconPosition, iconPosition = _param_iconPosition === void 0 ? 'left' : _param_iconPosition, _param_as = _param.as, as = _param_as === void 0 ? 'input' : _param_as; _param.required; var variant = _param.variant, _param_className = _param.className, className = _param_className === void 0 ? '' : _param_className, onIconClick = _param.onIconClick, props = _object_without_properties(_param, [
         "label",
         "optional",
         "helperText",
@@ -67,6 +67,7 @@ var NewInput = /*#__PURE__*/ forwardRef(function(_param, ref) {
         "iconPosition",
         "as",
         "required",
+        "variant",
         "className",
         "onIconClick"
     ]);
@@ -76,6 +77,7 @@ var NewInput = /*#__PURE__*/ forwardRef(function(_param, ref) {
         'new-form-input',
         isError ? 'new-form-input--error' : '',
         props.disabled ? 'new-form-input--disabled' : '',
+        variant === 'on-surface' ? 'new-form-input--on-surface' : '',
         className
     ].filter(Boolean).join(' ');
     // Merge refs
@@ -134,11 +136,12 @@ var NewInput = /*#__PURE__*/ forwardRef(function(_param, ref) {
             (label || optional) && /*#__PURE__*/ jsxs("label", {
                 className: "new-form-input__label",
                 children: [
-                    label,
-                    " ",
+                    /*#__PURE__*/ jsx("span", {
+                        children: label
+                    }),
                     optional && /*#__PURE__*/ jsx("span", {
                         className: "new-form-input__label-optional",
-                        children: "(Optional)"
+                        children: "(optional)"
                     })
                 ]
             }),

package/dist/v2/components/NewPageHeader/NewPageHeader.scss.js

@@ -1,6 +1,6 @@
 import styleInject from '/opt/atlassian/pipelines/agent/build/node_modules/style-inject/dist/style-inject.es.js';
 
-var css_248z = ".new-page-header-container{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:0;padding:32px 32px 0}@media (max-width:768px){.new-page-header-container{gap:0;padding:16px 16px 0}}@media (max-width:480px){.new-page-header-container{padding:16px 12px 0}}.new-page-header{align-items:center;align-self:stretch;display:flex;gap:16px;justify-content:space-between;width:100%}@media (max-width:768px){.new-page-header{gap:8px;padding-top:16px}}.new-page-header__title{color:var(--label-primary);font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:24px;font-style:normal;font-weight:600;line-height:28px;margin:0;padding:0}.new-page-header__actions{align-items:center;display:flex;flex-shrink:0;gap:16px}.new-page-header__divider{background-color:var(--border-primary,#e8e9ef);border:none;height:1px;width:100%}";
+var css_248z = ".new-page-header-container{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:0;padding:32px 32px 0}@media (max-width:768px){.new-page-header-container{gap:0;padding:16px 0 0}}.new-page-header{align-items:center;align-self:stretch;display:flex;gap:16px;justify-content:space-between;width:100%}@media (max-width:768px){.new-page-header{gap:8px;padding-top:16px}}.new-page-header__title{color:var(--label-primary);font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:24px;font-style:normal;font-weight:600;line-height:28px;margin:0;padding:0}.new-page-header__actions{align-items:center;display:flex;flex-shrink:0;gap:16px}.new-page-header__divider{background-color:var(--border-primary,#e8e9ef);border:none;height:1px;width:100%}";
 styleInject(css_248z);
 
 export { css_248z as default };

package/dist/v2/components/QuickFilter/QuickFilter.scss.js

@@ -1,6 +1,6 @@
 import styleInject from '/opt/atlassian/pipelines/agent/build/node_modules/style-inject/dist/style-inject.es.js';
 
-var css_248z = ".quick-filter{align-items:center;display:flex;gap:12px}.quick-filter__label{color:var(--label-secondary,#9399b3);font-size:var(--text-small-size,13px);font-weight:500;white-space:nowrap}.quick-filter__options{display:flex;flex-wrap:wrap;gap:8px}.quick-filter__options .ghost-button{border-radius:100px}@media (max-width:768px){.quick-filter{align-items:flex-start;display:flex;flex-direction:row;gap:12px;width:100%}.quick-filter__label{font-size:12px}.quick-filter__options{display:flex;flex:1;flex-wrap:wrap;gap:6px;margin:0;min-width:0;padding:0}.quick-filter__options .ghost-button{border-radius:100px;flex-shrink:0}}@media (max-width:480px){.quick-filter{gap:8px}.quick-filter__label{font-size:11px}.quick-filter__options{gap:4px}}";
+var css_248z = ".quick-filter{align-items:center;display:flex;gap:12px}.quick-filter__label{color:var(--label-secondary,#9399b3);font-size:var(--text-small-size,13px);font-weight:500;white-space:nowrap}.quick-filter__options{-ms-overflow-style:none;display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.quick-filter__options::-webkit-scrollbar{display:none}.quick-filter__options .ghost-button{border-radius:100px;flex-shrink:0;font-family:var(--font-family-mono,\"Geist Mono\",monospace)}@media (max-width:768px){.quick-filter{align-items:center;display:flex;flex-direction:row;gap:12px;width:100%}.quick-filter__label{font-size:12px}.quick-filter__options{display:flex;flex:1;flex-wrap:nowrap;gap:6px;margin:0;min-width:0;overflow-x:auto;padding:0}.quick-filter__options .ghost-button{border-radius:100px;flex-shrink:0}}@media (max-width:480px){.quick-filter{gap:8px}.quick-filter__label{font-size:11px}.quick-filter__options{gap:4px}}";
 styleInject(css_248z);
 
 export { css_248z as default };

package/dist/v2/components/TableSortIcon/TableSortIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableSortIcon.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/TableSortIcon/TableSortIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,MAAM,GAAG,IAAI,CAAA;AAEjD,MAAM,WAAW,kBAAkB;IACjC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,SAAS,EAAE,aAAa,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAQtD,CAAA"}
+{"version":3,"file":"TableSortIcon.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/TableSortIcon/TableSortIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,MAAM,GAAG,IAAI,CAAA;AAEjD,MAAM,WAAW,kBAAkB;IACjC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,SAAS,EAAE,aAAa,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAMtD,CAAA"}

package/dist/v2/components/TableSortIcon/TableSortIcon.js

@@ -1,13 +1,15 @@
 import { jsx } from 'react/jsx-runtime';
 import 'react';
-import { ArrowUpIcon, ArrowDownIcon } from '../../icons/index.js';
+import { TableHeaderArrowUpIcon, TableHeaderArrowDownIcon } from '../../icons/index.js';
 
 var TableSortIcon = function(param) {
     var _param_active = param.active, active = _param_active === void 0 ? false : _param_active, direction = param.direction, _param_className = param.className, className = _param_className === void 0 ? '' : _param_className;
-    if (!active || !direction) return null;
     return /*#__PURE__*/ jsx("span", {
         className: className,
-        children: direction === 'asc' ? /*#__PURE__*/ jsx(ArrowUpIcon, {}) : /*#__PURE__*/ jsx(ArrowDownIcon, {})
+        style: {
+            visibility: active && direction ? 'visible' : 'hidden'
+        },
+        children: direction === 'asc' ? /*#__PURE__*/ jsx(TableHeaderArrowUpIcon, {}) : /*#__PURE__*/ jsx(TableHeaderArrowDownIcon, {})
     });
 };
 

package/dist/v2/components/ZoneCard/AddResourceButton.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface AddResourceButtonProps {
+    label?: string;
+    onClick: () => void;
+    className?: string;
+}
+export declare const AddResourceButton: React.FC<AddResourceButtonProps>;
+//# sourceMappingURL=AddResourceButton.d.ts.map

package/dist/v2/components/ZoneCard/AddResourceButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddResourceButton.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/ZoneCard/AddResourceButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,WAAW,sBAAsB;IACrC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAU9D,CAAA"}

package/dist/v2/components/ZoneCard/AddResourceButton.js

@@ -0,0 +1,17 @@
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import { IconButton } from '../IconButton/IconButton.js';
+
+var AddResourceButton = function(param) {
+    var _param_label = param.label, label = _param_label === void 0 ? 'Add Resource' : _param_label, onClick = param.onClick, _param_className = param.className, className = _param_className === void 0 ? '' : _param_className;
+    return /*#__PURE__*/ jsx("div", {
+        className: "zone-card__add-resource-wrapper ".concat(className),
+        children: /*#__PURE__*/ jsx(IconButton, {
+            label: label,
+            icon: "add",
+            onClick: onClick
+        })
+    });
+};
+
+export { AddResourceButton };

package/dist/v2/components/ZoneCard/ResourceRow.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { ActionMenuItem } from '../ActionMenu';
+import { DragHandleProps } from './ZoneContainer';
+import './ZoneCard.scss';
+export interface ResourceRowLabels {
+    quantity?: string;
+    capacity?: string;
+    total?: string;
+}
+export interface ResourceRowProps {
+    name: string;
+    quantity: number;
+    capacity: number;
+    labels?: ResourceRowLabels;
+    menuItems?: ActionMenuItem[];
+    draggable?: boolean;
+    dragHandleProps?: DragHandleProps;
+    onClick?: () => void;
+    className?: string;
+    style?: React.CSSProperties;
+    isMobile?: boolean;
+    isFirst?: boolean;
+    isLast?: boolean;
+    onMoveUp?: () => void;
+    onMoveDown?: () => void;
+}
+export declare const ResourceRow: React.ForwardRefExoticComponent<ResourceRowProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ResourceRow.d.ts.map

package/dist/v2/components/ZoneCard/ResourceRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceRow.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/ZoneCard/ResourceRow.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,iBAAiB;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,iBAAiB,CAAA;IAC1B,SAAS,CAAC,EAAE,cAAc,EAAE,CAAA;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,eAAe,CAAC,EAAE,eAAe,CAAA;IACjC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,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,WAAW,yFAkFtB,CAAA"}

package/dist/v2/components/ZoneCard/ResourceRow.js

@@ -0,0 +1,191 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import React__default from 'react';
+import { ActionMenu } from '../ActionMenu/ActionMenu.js';
+import { GripVerticalIcon, ArrowUpIcon, ArrowDownIcon } from '../../icons/index.js';
+import './ZoneCard.scss.js';
+
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+var ResourceRow = /*#__PURE__*/ React__default.forwardRef(function(param, ref) {
+    var name = param.name, quantity = param.quantity, capacity = param.capacity, _param_labels = param.labels, labels = _param_labels === void 0 ? {} : _param_labels, _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, onClick = param.onClick, _param_className = param.className, className = _param_className === void 0 ? '' : _param_className, style = param.style, _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;
+    var _labels_quantity;
+    var qtyLabel = (_labels_quantity = labels.quantity) !== null && _labels_quantity !== void 0 ? _labels_quantity : 'Qty';
+    var _labels_capacity;
+    var capLabel = (_labels_capacity = labels.capacity) !== null && _labels_capacity !== void 0 ? _labels_capacity : 'Cap';
+    var _labels_total;
+    var totalLabel = (_labels_total = labels.total) !== null && _labels_total !== void 0 ? _labels_total : 'Total';
+    var classes = [
+        'zone-card__resource',
+        onClick ? 'zone-card__resource--clickable' : '',
+        isMobile ? 'zone-card__resource--mobile' : '',
+        className
+    ].filter(Boolean).join(' ');
+    return /*#__PURE__*/ jsxs("div", {
+        ref: ref,
+        className: classes,
+        style: style,
+        onClick: onClick,
+        children: [
+            draggable && !isMobile && /*#__PURE__*/ jsx("div", _object_spread_props(_object_spread({
+                className: "zone-card__drag-handle zone-card__drag-handle--resource"
+            }, dragHandleProps), {
+                onClick: function(e) {
+                    return e.stopPropagation();
+                },
+                children: GripVerticalIcon({
+                    width: 16,
+                    height: 16
+                })
+            })),
+            draggable && isMobile && /*#__PURE__*/ jsxs("div", {
+                className: "zone-card__reorder-arrows zone-card__reorder-arrows--resource",
+                onClick: function(e) {
+                    return e.stopPropagation();
+                },
+                children: [
+                    /*#__PURE__*/ jsx("button", {
+                        className: "zone-card__arrow-btn",
+                        disabled: isFirst,
+                        onClick: function(e) {
+                            e.stopPropagation();
+                            onMoveUp === null || onMoveUp === void 0 ? void 0 : onMoveUp();
+                        },
+                        children: /*#__PURE__*/ jsx(ArrowUpIcon, {})
+                    }),
+                    /*#__PURE__*/ jsx("button", {
+                        className: "zone-card__arrow-btn",
+                        disabled: isLast,
+                        onClick: function(e) {
+                            e.stopPropagation();
+                            onMoveDown === null || onMoveDown === void 0 ? void 0 : onMoveDown();
+                        },
+                        children: /*#__PURE__*/ jsx(ArrowDownIcon, {})
+                    })
+                ]
+            }),
+            isMobile ? /*#__PURE__*/ jsxs("div", {
+                className: "zone-card__resource-info",
+                children: [
+                    /*#__PURE__*/ jsx("span", {
+                        className: "zone-card__resource-name",
+                        children: name
+                    }),
+                    /*#__PURE__*/ jsxs("span", {
+                        className: "zone-card__resource-stats-mobile",
+                        children: [
+                            qtyLabel,
+                            ": ",
+                            quantity,
+                            " \xb7 ",
+                            capLabel,
+                            ": ",
+                            capacity,
+                            " \xb7 ",
+                            totalLabel,
+                            ": ",
+                            quantity * capacity
+                        ]
+                    })
+                ]
+            }) : /*#__PURE__*/ jsxs(Fragment, {
+                children: [
+                    /*#__PURE__*/ jsx("span", {
+                        className: "zone-card__resource-name",
+                        children: name
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "zone-card__resource-stats",
+                        children: [
+                            /*#__PURE__*/ jsxs("span", {
+                                className: "zone-card__resource-stat",
+                                children: [
+                                    qtyLabel,
+                                    ": ",
+                                    quantity
+                                ]
+                            }),
+                            /*#__PURE__*/ jsxs("span", {
+                                className: "zone-card__resource-stat",
+                                children: [
+                                    capLabel,
+                                    ": ",
+                                    capacity
+                                ]
+                            }),
+                            /*#__PURE__*/ jsxs("span", {
+                                className: "zone-card__resource-stat zone-card__resource-stat--total",
+                                children: [
+                                    totalLabel,
+                                    ": ",
+                                    quantity * capacity
+                                ]
+                            })
+                        ]
+                    })
+                ]
+            }),
+            menuItems.length > 0 && /*#__PURE__*/ jsx("div", {
+                className: "zone-card__resource-actions",
+                onClick: function(e) {
+                    return e.stopPropagation();
+                },
+                children: /*#__PURE__*/ jsx(ActionMenu, {
+                    items: menuItems
+                })
+            })
+        ]
+    });
+});
+ResourceRow.displayName = 'ResourceRow';
+
+export { ResourceRow };

package/dist/v2/components/ZoneCard/ZoneCard.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { ActionMenuItem } from '../ActionMenu';
+import { DragHandleProps } from './ZoneContainer';
+export interface ZoneResource {
+    id: string;
+    name: string;
+    quantity: number;
+    capacity: number;
+    menuItems?: ActionMenuItem[];
+    dragHandleProps?: DragHandleProps;
+}
+export interface ZoneCardProps {
+    name: string;
+    totalCapacity: number;
+    resources?: ZoneResource[];
+    menuItems?: ActionMenuItem[];
+    onAddResource?: () => void;
+    className?: string;
+    draggable?: boolean;
+    onResourceClick?: (resource: ZoneResource) => void;
+    dragHandleProps?: DragHandleProps;
+    style?: React.CSSProperties;
+}
+export declare const ZoneCard: React.ForwardRefExoticComponent<ZoneCardProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ZoneCard.d.ts.map

package/dist/v2/components/ZoneCard/ZoneCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZoneCard.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/ZoneCard/ZoneCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAK9C,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAEjD,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,cAAc,EAAE,CAAA;IAC5B,eAAe,CAAC,EAAE,eAAe,CAAA;CAClC;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,aAAa,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,YAAY,EAAE,CAAA;IAC1B,SAAS,CAAC,EAAE,cAAc,EAAE,CAAA;IAC5B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,eAAe,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,KAAK,IAAI,CAAA;IAClD,eAAe,CAAC,EAAE,eAAe,CAAA;IACjC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B;AAED,eAAO,MAAM,QAAQ,sFAoCnB,CAAA"}

package/dist/v2/components/ZoneCard/ZoneCard.js

@@ -0,0 +1,43 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React__default from 'react';
+import { ZoneContainer } from './ZoneContainer.js';
+import { ZoneHeader } from './ZoneHeader.js';
+import { ResourceRow } from './ResourceRow.js';
+import { AddResourceButton } from './AddResourceButton.js';
+
+var ZoneCard = /*#__PURE__*/ React__default.forwardRef(function(param, ref) {
+    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;
+    return /*#__PURE__*/ jsxs(ZoneContainer, {
+        ref: ref,
+        className: className,
+        style: style,
+        children: [
+            /*#__PURE__*/ jsx(ZoneHeader, {
+                name: name,
+                totalCapacity: totalCapacity,
+                menuItems: menuItems,
+                draggable: draggable,
+                dragHandleProps: dragHandleProps
+            }),
+            resources.map(function(resource) {
+                return /*#__PURE__*/ jsx(ResourceRow, {
+                    name: resource.name,
+                    quantity: resource.quantity,
+                    capacity: resource.capacity,
+                    menuItems: resource.menuItems,
+                    draggable: draggable,
+                    dragHandleProps: resource.dragHandleProps,
+                    onClick: onResourceClick ? function() {
+                        return onResourceClick(resource);
+                    } : undefined
+                }, resource.id);
+            }),
+            onAddResource && /*#__PURE__*/ jsx(AddResourceButton, {
+                onClick: onAddResource
+            })
+        ]
+    });
+});
+ZoneCard.displayName = 'ZoneCard';
+
+export { ZoneCard };

package/dist/v2/components/ZoneCard/ZoneCard.scss.js

@@ -0,0 +1,6 @@
+import styleInject from '/opt/atlassian/pipelines/agent/build/node_modules/style-inject/dist/style-inject.es.js';
+
+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}}";
+styleInject(css_248z);
+
+export { css_248z as default };

package/dist/v2/components/ZoneCard/ZoneContainer.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import './ZoneCard.scss';
+export interface DragHandleProps {
+    [key: string]: unknown;
+}
+export interface ZoneContainerProps {
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const ZoneContainer: React.ForwardRefExoticComponent<ZoneContainerProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ZoneContainer.d.ts.map

package/dist/v2/components/ZoneCard/ZoneContainer.d.ts.map

@@ -0,0 +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"}

package/dist/v2/components/ZoneCard/ZoneContainer.js

@@ -0,0 +1,16 @@
+import { jsx } from 'react/jsx-runtime';
+import React__default from 'react';
+import './ZoneCard.scss.js';
+
+var ZoneContainer = /*#__PURE__*/ React__default.forwardRef(function(param, ref) {
+    var children = param.children, _param_className = param.className, className = _param_className === void 0 ? '' : _param_className, style = param.style;
+    return /*#__PURE__*/ jsx("div", {
+        ref: ref,
+        className: "zone-card ".concat(className),
+        style: style,
+        children: children
+    });
+});
+ZoneContainer.displayName = 'ZoneContainer';
+
+export { ZoneContainer };