@carbon/vue 3.0.22 → 3.0.23
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/README.md +2 -3
- package/dist/carbon-vue-3.common.js +64 -7
- package/dist/carbon-vue-3.common.js.map +1 -1
- package/dist/carbon-vue-3.umd.js +64 -7
- package/dist/carbon-vue-3.umd.js.map +1 -1
- package/dist/carbon-vue-3.umd.min.js +4 -4
- package/dist/carbon-vue-3.umd.min.js.map +1 -1
- package/package.json +7 -4
- package/src/components/CvDataTable/CvDataTable.stories.mdx +6 -22
- package/src/components/CvDataTable/CvDataTable.vue +2 -6
- package/src/components/CvDataTable/CvDataTableRow.vue +6 -1
- package/src/components/CvUIShell/CvContent.stories.js +22 -0
- package/src/components/CvUIShell/CvContent.vue +14 -0
- package/src/index.js +1 -0
- package/telemetry.yml +1 -1
- package/dist/web-types.json +0 -5555
package/README.md
CHANGED
|
@@ -156,9 +156,8 @@ yarn serve:storybook
|
|
|
156
156
|
|
|
157
157
|
## <picture><source height="20" width="20" media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/ibm-telemetry/telemetry-js/main/docs/images/ibm-telemetry-dark.svg"><source height="20" width="20" media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/ibm-telemetry/telemetry-js/main/docs/images/ibm-telemetry-light.svg"><img height="20" width="20" alt="IBM Telemetry" src="https://raw.githubusercontent.com/ibm-telemetry/telemetry-js/main/docs/images/ibm-telemetry-light.svg"></picture> IBM Telemetry
|
|
158
158
|
|
|
159
|
-
This package uses IBM Telemetry to collect metrics data. By installing
|
|
160
|
-
package as a dependency you are agreeing to telemetry collection. To opt out,
|
|
161
|
-
see
|
|
159
|
+
This package uses IBM Telemetry to collect de-identified and anonymized metrics data. By installing
|
|
160
|
+
this package as a dependency you are agreeing to telemetry collection. To opt out, see
|
|
162
161
|
[Opting out of IBM Telemetry data collection](https://github.com/ibm-telemetry/telemetry-js/tree/main#opting-out-of-ibm-telemetry-data-collection).
|
|
163
162
|
For more information on the data being collected, please see the
|
|
164
163
|
[IBM Telemetry documentation](https://github.com/ibm-telemetry/telemetry-js/tree/main#ibm-telemetry-collection-basics).
|
|
@@ -4872,11 +4872,7 @@ var _hoisted_10 = {
|
|
|
4872
4872
|
/** @type {Ref<Set<String>>} */
|
|
4873
4873
|
|
|
4874
4874
|
var expandingRowIds = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(new Set());
|
|
4875
|
-
var hasExpandingRows = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(function () {
|
|
4876
|
-
return expandingRowIds.value.size > 0;
|
|
4877
|
-
});
|
|
4878
4875
|
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('expanding-row-ids', expandingRowIds);
|
|
4879
|
-
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('has-expanding-rows', hasExpandingRows);
|
|
4880
4876
|
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(function () {
|
|
4881
4877
|
if (props.expandable) expandingRowIds.value.add('table-expand-row');
|
|
4882
4878
|
});
|
|
@@ -5259,7 +5255,7 @@ var _hoisted_10 = {
|
|
|
5259
5255
|
|
|
5260
5256
|
return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("table", {
|
|
5261
5257
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.s), "--data-table"), "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.s), "--data-table--").concat(__props.rowSize || 'lg'), (_ref6 = {}, (0,defineProperty/* default */.A)(_ref6, "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.s), "--data-table--zebra "), __props.zebra), (0,defineProperty/* default */.A)(_ref6, "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.s), "--data-table--sticky-header "), __props.stickyHeader), (0,defineProperty/* default */.A)(_ref6, "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.s), "--data-table--no-border "), __props.borderless), (0,defineProperty/* default */.A)(_ref6, "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.s), "--skeleton "), __props.skeleton), (0,defineProperty/* default */.A)(_ref6, "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.s), "--data-table--sort "), isSortable.value), (0,defineProperty/* default */.A)(_ref6, "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.s), "--data-table--static "), __props.staticWidth), _ref6)])
|
|
5262
|
-
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("thead", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("tr", null, [
|
|
5258
|
+
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("thead", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("tr", null, [__props.expandable ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("th", {
|
|
5263
5259
|
key: 0,
|
|
5264
5260
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)("".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.s), "--table-expand")),
|
|
5265
5261
|
"data-previous-value": dataExpandAll.value ? 'collapsed' : 'expanded'
|
|
@@ -5298,7 +5294,7 @@ var _hoisted_10 = {
|
|
|
5298
5294
|
skeleton: __props.skeleton
|
|
5299
5295
|
}, null, 8, ["heading", "sortable", "order", "heading-style", "skeleton"]);
|
|
5300
5296
|
}), 128))];
|
|
5301
|
-
}), hasOverflowMenu.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("th", _hoisted_10)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)])]), ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveDynamicComponent)(
|
|
5297
|
+
}), hasOverflowMenu.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("th", _hoisted_10)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)])]), ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveDynamicComponent)(__props.expandable ? _CvEmpty/* default */.A : 'tbody'), null, {
|
|
5302
5298
|
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(function () {
|
|
5303
5299
|
return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "data", {}, function () {
|
|
5304
5300
|
return [((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderList)(__props.data, function (row, rowIndex) {
|
|
@@ -6052,9 +6048,13 @@ var CvDataTableRowvue_type_script_setup_true_lang_js_hoisted_2 = {
|
|
|
6052
6048
|
|
|
6053
6049
|
var expandingRowIds = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('expanding-row-ids', (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(new Set()));
|
|
6054
6050
|
var dataExpandable = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(false);
|
|
6055
|
-
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(dataExpandable, function () {
|
|
6051
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(dataExpandable, function (value) {
|
|
6056
6052
|
var _expandingRowIds$valu;
|
|
6057
6053
|
|
|
6054
|
+
if (value && !expandingRowIds.value.has('table-expand-row')) {
|
|
6055
|
+
console.warn("row ".concat(cvId.value, " is expandable but the expandable property is not set to true on the table"));
|
|
6056
|
+
}
|
|
6057
|
+
|
|
6058
6058
|
if (dataExpandable.value) expandingRowIds.value.add(cvId.value);else (_expandingRowIds$valu = expandingRowIds.value) === null || _expandingRowIds$valu === void 0 ? void 0 : _expandingRowIds$valu.delete(cvId.value);
|
|
6059
6059
|
});
|
|
6060
6060
|
var dataSomeExpandingRows = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(function () {
|
|
@@ -20852,6 +20852,58 @@ const __exports__ = CvTooltipvue_type_script_setup_true_lang_js;
|
|
|
20852
20852
|
|
|
20853
20853
|
/***/ }),
|
|
20854
20854
|
|
|
20855
|
+
/***/ 5995:
|
|
20856
|
+
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
20857
|
+
|
|
20858
|
+
"use strict";
|
|
20859
|
+
// ESM COMPAT FLAG
|
|
20860
|
+
__webpack_require__.r(__webpack_exports__);
|
|
20861
|
+
|
|
20862
|
+
// EXPORTS
|
|
20863
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
20864
|
+
"default": function() { return /* binding */ CvContent; }
|
|
20865
|
+
});
|
|
20866
|
+
|
|
20867
|
+
// EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
|
|
20868
|
+
var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__(4100);
|
|
20869
|
+
// EXTERNAL MODULE: ./src/global/settings.js
|
|
20870
|
+
var settings = __webpack_require__(8470);
|
|
20871
|
+
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/CvUIShell/CvContent.vue?vue&type=script&setup=true&lang=js
|
|
20872
|
+
|
|
20873
|
+
|
|
20874
|
+
/* harmony default export */ var CvContentvue_type_script_setup_true_lang_js = ({
|
|
20875
|
+
__name: 'CvContent',
|
|
20876
|
+
props: {
|
|
20877
|
+
tagType: {
|
|
20878
|
+
type: String,
|
|
20879
|
+
default: 'main'
|
|
20880
|
+
}
|
|
20881
|
+
},
|
|
20882
|
+
setup: function setup(__props) {
|
|
20883
|
+
return function (_ctx, _cache) {
|
|
20884
|
+
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveDynamicComponent)(__props.tagType), {
|
|
20885
|
+
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)("".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.s), "--content"))
|
|
20886
|
+
}, {
|
|
20887
|
+
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(function () {
|
|
20888
|
+
return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default")];
|
|
20889
|
+
}),
|
|
20890
|
+
_: 3
|
|
20891
|
+
}, 8, ["class"]);
|
|
20892
|
+
};
|
|
20893
|
+
}
|
|
20894
|
+
});
|
|
20895
|
+
;// ./src/components/CvUIShell/CvContent.vue?vue&type=script&setup=true&lang=js
|
|
20896
|
+
|
|
20897
|
+
;// ./src/components/CvUIShell/CvContent.vue
|
|
20898
|
+
|
|
20899
|
+
|
|
20900
|
+
|
|
20901
|
+
const __exports__ = CvContentvue_type_script_setup_true_lang_js;
|
|
20902
|
+
|
|
20903
|
+
/* harmony default export */ var CvContent = (__exports__);
|
|
20904
|
+
|
|
20905
|
+
/***/ }),
|
|
20906
|
+
|
|
20855
20907
|
/***/ 7461:
|
|
20856
20908
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
20857
20909
|
|
|
@@ -43215,6 +43267,7 @@ var map = {
|
|
|
43215
43267
|
"./CvTooltip/CvDefinitionTooltip.vue": 2871,
|
|
43216
43268
|
"./CvTooltip/CvInteractiveTooltip.vue": 5886,
|
|
43217
43269
|
"./CvTooltip/CvTooltip.vue": 4579,
|
|
43270
|
+
"./CvUIShell/CvContent.vue": 5995,
|
|
43218
43271
|
"./CvUIShell/CvHeader.vue": 7461,
|
|
43219
43272
|
"./CvUIShell/CvHeaderGlobalAction.vue": 4285,
|
|
43220
43273
|
"./CvUIShell/CvHeaderMenu.vue": 8266,
|
|
@@ -43904,6 +43957,7 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
43904
43957
|
CvCodeSnippetSkeleton: function() { return /* reexport */ CvCodeSnippetSkeleton["default"]; },
|
|
43905
43958
|
CvColumn: function() { return /* reexport */ CvColumn["default"]; },
|
|
43906
43959
|
CvComboBox: function() { return /* reexport */ CvComboBox["default"]; },
|
|
43960
|
+
CvContent: function() { return /* reexport */ CvContent["default"]; },
|
|
43907
43961
|
CvContentSwitcher: function() { return /* reexport */ CvContentSwitcher["default"]; },
|
|
43908
43962
|
CvContentSwitcherButton: function() { return /* reexport */ CvContentSwitcherButton["default"]; },
|
|
43909
43963
|
CvContentSwitcherContent: function() { return /* reexport */ CvContentSwitcherContent["default"]; },
|
|
@@ -44237,6 +44291,8 @@ var CvDefinitionTooltip = __webpack_require__(2871);
|
|
|
44237
44291
|
var CvInteractiveTooltip = __webpack_require__(5886);
|
|
44238
44292
|
// EXTERNAL MODULE: ./src/components/CvTooltip/CvTooltip.vue + 2 modules
|
|
44239
44293
|
var CvTooltip = __webpack_require__(4579);
|
|
44294
|
+
// EXTERNAL MODULE: ./src/components/CvUIShell/CvContent.vue + 2 modules
|
|
44295
|
+
var CvContent = __webpack_require__(5995);
|
|
44240
44296
|
// EXTERNAL MODULE: ./src/components/CvUIShell/CvHeader.vue + 2 modules
|
|
44241
44297
|
var CvHeader = __webpack_require__(7461);
|
|
44242
44298
|
// EXTERNAL MODULE: ./src/components/CvUIShell/CvHeaderGlobalAction.vue + 2 modules
|
|
@@ -44465,6 +44521,7 @@ var components = ctx.keys().map(function (k) {
|
|
|
44465
44521
|
|
|
44466
44522
|
|
|
44467
44523
|
|
|
44524
|
+
|
|
44468
44525
|
|
|
44469
44526
|
|
|
44470
44527
|
;// ./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js
|