@alfalab/core-components-table 3.0.0 → 3.1.0-snapshot-92b8690
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/components/pagination/index.css +8 -8
- package/components/pagination/index.module.css.js +1 -1
- package/components/pagination/index.module.css.js.map +1 -1
- package/components/pagination/select-field/index.css +3 -3
- package/components/pagination/select-field/index.module.css.js +1 -1
- package/components/pagination/select-field/index.module.css.js.map +1 -1
- package/components/table/index.css +6 -6
- package/components/table/index.module.css.js +1 -1
- package/components/table/index.module.css.js.map +1 -1
- package/components/tbody/index.css +1 -1
- package/components/tbody/index.module.css.js +1 -1
- package/components/tbody/index.module.css.js.map +1 -1
- package/components/tcell/index.css +5 -5
- package/components/tcell/index.module.css.js +1 -1
- package/components/tcell/index.module.css.js.map +1 -1
- package/components/texpandable-row/index.css +4 -4
- package/components/texpandable-row/index.module.css.js +1 -1
- package/components/texpandable-row/index.module.css.js.map +1 -1
- package/components/thead/index.css +5 -5
- package/components/thead/index.module.css.js +1 -1
- package/components/thead/index.module.css.js.map +1 -1
- package/components/thead-cell/index.css +8 -8
- package/components/thead-cell/index.module.css.js +1 -1
- package/components/thead-cell/index.module.css.js.map +1 -1
- package/components/trow/index.css +7 -7
- package/components/trow/index.module.css.js +1 -1
- package/components/trow/index.module.css.js.map +1 -1
- package/components/tsortable-head-cell/index.css +7 -7
- package/components/tsortable-head-cell/index.module.css.js +1 -1
- package/components/tsortable-head-cell/index.module.css.js.map +1 -1
- package/dynamic-mixins/component.d.ts +43 -0
- package/dynamic-mixins/component.js +36 -0
- package/dynamic-mixins/component.js.map +1 -0
- package/dynamic-mixins/components/index.d.ts +9 -0
- package/dynamic-mixins/components/index.js +26 -0
- package/dynamic-mixins/components/index.js.map +1 -0
- package/dynamic-mixins/components/pagination/Component.d.ts +25 -0
- package/dynamic-mixins/components/pagination/Component.js +48 -0
- package/dynamic-mixins/components/pagination/Component.js.map +1 -0
- package/dynamic-mixins/components/pagination/index.css +42 -0
- package/dynamic-mixins/components/pagination/index.d.ts +1 -0
- package/dynamic-mixins/components/pagination/index.js +10 -0
- package/dynamic-mixins/components/pagination/index.js.map +1 -0
- package/dynamic-mixins/components/pagination/index.module.css.js +8 -0
- package/dynamic-mixins/components/pagination/index.module.css.js.map +1 -0
- package/dynamic-mixins/components/pagination/select-field/index.css +9 -0
- package/dynamic-mixins/components/pagination/select-field/index.d.ts +2 -0
- package/dynamic-mixins/components/pagination/select-field/index.js +25 -0
- package/dynamic-mixins/components/pagination/select-field/index.js.map +1 -0
- package/dynamic-mixins/components/pagination/select-field/index.module.css.js +8 -0
- package/dynamic-mixins/components/pagination/select-field/index.module.css.js.map +1 -0
- package/dynamic-mixins/components/table/Component.d.ts +69 -0
- package/dynamic-mixins/components/table/Component.js +47 -0
- package/dynamic-mixins/components/table/Component.js.map +1 -0
- package/dynamic-mixins/components/table/index.css +30 -0
- package/dynamic-mixins/components/table/index.d.ts +1 -0
- package/dynamic-mixins/components/table/index.js +10 -0
- package/dynamic-mixins/components/table/index.js.map +1 -0
- package/dynamic-mixins/components/table/index.module.css.js +8 -0
- package/dynamic-mixins/components/table/index.module.css.js.map +1 -0
- package/dynamic-mixins/components/table/utils.d.ts +3 -0
- package/dynamic-mixins/components/table/utils.js +26 -0
- package/dynamic-mixins/components/table/utils.js.map +1 -0
- package/dynamic-mixins/components/table-context/index.d.ts +17 -0
- package/dynamic-mixins/components/table-context/index.js +22 -0
- package/dynamic-mixins/components/table-context/index.js.map +1 -0
- package/dynamic-mixins/components/tbody/Component.d.ts +21 -0
- package/dynamic-mixins/components/tbody/Component.js +22 -0
- package/dynamic-mixins/components/tbody/Component.js.map +1 -0
- package/dynamic-mixins/components/tbody/index.css +4 -0
- package/dynamic-mixins/components/tbody/index.d.ts +1 -0
- package/dynamic-mixins/components/tbody/index.js +10 -0
- package/dynamic-mixins/components/tbody/index.js.map +1 -0
- package/dynamic-mixins/components/tbody/index.module.css.js +8 -0
- package/dynamic-mixins/components/tbody/index.module.css.js.map +1 -0
- package/dynamic-mixins/components/tcell/Component.d.ts +16 -0
- package/dynamic-mixins/components/tcell/Component.js +29 -0
- package/dynamic-mixins/components/tcell/Component.js.map +1 -0
- package/dynamic-mixins/components/tcell/index.css +37 -0
- package/dynamic-mixins/components/tcell/index.d.ts +1 -0
- package/dynamic-mixins/components/tcell/index.js +10 -0
- package/dynamic-mixins/components/tcell/index.js.map +1 -0
- package/dynamic-mixins/components/tcell/index.module.css.js +8 -0
- package/dynamic-mixins/components/tcell/index.module.css.js.map +1 -0
- package/dynamic-mixins/components/texpandable-row/Component.d.ts +22 -0
- package/dynamic-mixins/components/texpandable-row/Component.js +38 -0
- package/dynamic-mixins/components/texpandable-row/Component.js.map +1 -0
- package/dynamic-mixins/components/texpandable-row/index.css +15 -0
- package/dynamic-mixins/components/texpandable-row/index.d.ts +1 -0
- package/dynamic-mixins/components/texpandable-row/index.js +10 -0
- package/dynamic-mixins/components/texpandable-row/index.js.map +1 -0
- package/dynamic-mixins/components/texpandable-row/index.module.css.js +8 -0
- package/dynamic-mixins/components/texpandable-row/index.module.css.js.map +1 -0
- package/dynamic-mixins/components/thead/Component.d.ts +16 -0
- package/dynamic-mixins/components/thead/Component.js +22 -0
- package/dynamic-mixins/components/thead/Component.js.map +1 -0
- package/dynamic-mixins/components/thead/index.css +28 -0
- package/dynamic-mixins/components/thead/index.d.ts +1 -0
- package/dynamic-mixins/components/thead/index.js +10 -0
- package/dynamic-mixins/components/thead/index.js.map +1 -0
- package/dynamic-mixins/components/thead/index.module.css.js +8 -0
- package/dynamic-mixins/components/thead/index.module.css.js.map +1 -0
- package/dynamic-mixins/components/thead-cell/Component.d.ts +25 -0
- package/dynamic-mixins/components/thead-cell/Component.js +28 -0
- package/dynamic-mixins/components/thead-cell/Component.js.map +1 -0
- package/dynamic-mixins/components/thead-cell/index.css +45 -0
- package/dynamic-mixins/components/thead-cell/index.d.ts +1 -0
- package/dynamic-mixins/components/thead-cell/index.js +10 -0
- package/dynamic-mixins/components/thead-cell/index.js.map +1 -0
- package/dynamic-mixins/components/thead-cell/index.module.css.js +8 -0
- package/dynamic-mixins/components/thead-cell/index.module.css.js.map +1 -0
- package/dynamic-mixins/components/trow/Component.d.ts +48 -0
- package/dynamic-mixins/components/trow/Component.js +27 -0
- package/dynamic-mixins/components/trow/Component.js.map +1 -0
- package/dynamic-mixins/components/trow/index.css +24 -0
- package/dynamic-mixins/components/trow/index.d.ts +1 -0
- package/dynamic-mixins/components/trow/index.js +10 -0
- package/dynamic-mixins/components/trow/index.js.map +1 -0
- package/dynamic-mixins/components/trow/index.module.css.js +8 -0
- package/dynamic-mixins/components/trow/index.module.css.js.map +1 -0
- package/dynamic-mixins/components/tsortable-head-cell/Component.d.ts +8 -0
- package/dynamic-mixins/components/tsortable-head-cell/Component.js +39 -0
- package/dynamic-mixins/components/tsortable-head-cell/Component.js.map +1 -0
- package/dynamic-mixins/components/tsortable-head-cell/index.css +30 -0
- package/dynamic-mixins/components/tsortable-head-cell/index.d.ts +1 -0
- package/dynamic-mixins/components/tsortable-head-cell/index.js +10 -0
- package/dynamic-mixins/components/tsortable-head-cell/index.js.map +1 -0
- package/dynamic-mixins/components/tsortable-head-cell/index.module.css.js +8 -0
- package/dynamic-mixins/components/tsortable-head-cell/index.module.css.js.map +1 -0
- package/dynamic-mixins/components/tsortable-head-cell/sort-icon-asc.d.ts +2 -0
- package/dynamic-mixins/components/tsortable-head-cell/sort-icon-asc.js +16 -0
- package/dynamic-mixins/components/tsortable-head-cell/sort-icon-asc.js.map +1 -0
- package/dynamic-mixins/components/tsortable-head-cell/sort-icon-desc.d.ts +2 -0
- package/dynamic-mixins/components/tsortable-head-cell/sort-icon-desc.js +16 -0
- package/dynamic-mixins/components/tsortable-head-cell/sort-icon-desc.js.map +1 -0
- package/dynamic-mixins/components/tsortable-head-cell/sort-icon-unset.d.ts +2 -0
- package/dynamic-mixins/components/tsortable-head-cell/sort-icon-unset.js +16 -0
- package/dynamic-mixins/components/tsortable-head-cell/sort-icon-unset.js.map +1 -0
- package/dynamic-mixins/index.d.ts +1 -0
- package/dynamic-mixins/index.js +28 -0
- package/dynamic-mixins/index.js.map +1 -0
- package/dynamic-mixins/typings.d.ts +1 -0
- package/dynamic-mixins/typings.js +3 -0
- package/dynamic-mixins/typings.js.map +1 -0
- package/dynamic-mixins/utils.d.ts +2 -0
- package/dynamic-mixins/utils.js +17 -0
- package/dynamic-mixins/utils.js.map +1 -0
- package/esm/components/pagination/index.css +8 -8
- package/esm/components/pagination/index.module.css.js +1 -1
- package/esm/components/pagination/index.module.css.js.map +1 -1
- package/esm/components/pagination/select-field/index.css +3 -3
- package/esm/components/pagination/select-field/index.module.css.js +1 -1
- package/esm/components/pagination/select-field/index.module.css.js.map +1 -1
- package/esm/components/table/index.css +6 -6
- package/esm/components/table/index.module.css.js +1 -1
- package/esm/components/table/index.module.css.js.map +1 -1
- package/esm/components/tbody/index.css +1 -1
- package/esm/components/tbody/index.module.css.js +1 -1
- package/esm/components/tbody/index.module.css.js.map +1 -1
- package/esm/components/tcell/index.css +5 -5
- package/esm/components/tcell/index.module.css.js +1 -1
- package/esm/components/tcell/index.module.css.js.map +1 -1
- package/esm/components/texpandable-row/index.css +4 -4
- package/esm/components/texpandable-row/index.module.css.js +1 -1
- package/esm/components/texpandable-row/index.module.css.js.map +1 -1
- package/esm/components/thead/index.css +5 -5
- package/esm/components/thead/index.module.css.js +1 -1
- package/esm/components/thead/index.module.css.js.map +1 -1
- package/esm/components/thead-cell/index.css +8 -8
- package/esm/components/thead-cell/index.module.css.js +1 -1
- package/esm/components/thead-cell/index.module.css.js.map +1 -1
- package/esm/components/trow/index.css +7 -7
- package/esm/components/trow/index.module.css.js +1 -1
- package/esm/components/trow/index.module.css.js.map +1 -1
- package/esm/components/tsortable-head-cell/index.css +7 -7
- package/esm/components/tsortable-head-cell/index.module.css.js +1 -1
- package/esm/components/tsortable-head-cell/index.module.css.js.map +1 -1
- package/modern/components/pagination/index.css +8 -8
- package/modern/components/pagination/index.module.css.js +1 -1
- package/modern/components/pagination/index.module.css.js.map +1 -1
- package/modern/components/pagination/select-field/index.css +3 -3
- package/modern/components/pagination/select-field/index.module.css.js +1 -1
- package/modern/components/pagination/select-field/index.module.css.js.map +1 -1
- package/modern/components/table/index.css +6 -6
- package/modern/components/table/index.module.css.js +1 -1
- package/modern/components/table/index.module.css.js.map +1 -1
- package/modern/components/tbody/index.css +1 -1
- package/modern/components/tbody/index.module.css.js +1 -1
- package/modern/components/tbody/index.module.css.js.map +1 -1
- package/modern/components/tcell/index.css +5 -5
- package/modern/components/tcell/index.module.css.js +1 -1
- package/modern/components/tcell/index.module.css.js.map +1 -1
- package/modern/components/texpandable-row/index.css +4 -4
- package/modern/components/texpandable-row/index.module.css.js +1 -1
- package/modern/components/texpandable-row/index.module.css.js.map +1 -1
- package/modern/components/thead/index.css +5 -5
- package/modern/components/thead/index.module.css.js +1 -1
- package/modern/components/thead/index.module.css.js.map +1 -1
- package/modern/components/thead-cell/index.css +8 -8
- package/modern/components/thead-cell/index.module.css.js +1 -1
- package/modern/components/thead-cell/index.module.css.js.map +1 -1
- package/modern/components/trow/index.css +7 -7
- package/modern/components/trow/index.module.css.js +1 -1
- package/modern/components/trow/index.module.css.js.map +1 -1
- package/modern/components/tsortable-head-cell/index.css +7 -7
- package/modern/components/tsortable-head-cell/index.module.css.js +1 -1
- package/modern/components/tsortable-head-cell/index.module.css.js.map +1 -1
- package/moderncssm/components/pagination/index.module.css +2 -0
- package/moderncssm/components/pagination/select-field/index.module.css +2 -1
- package/moderncssm/components/table/index.module.css +2 -0
- package/moderncssm/components/tbody/index.module.css +2 -0
- package/moderncssm/components/tcell/index.module.css +2 -0
- package/moderncssm/components/texpandable-row/index.module.css +2 -0
- package/moderncssm/components/thead/index.module.css +2 -0
- package/moderncssm/components/thead-cell/index.module.css +2 -0
- package/moderncssm/components/trow/index.module.css +2 -0
- package/moderncssm/components/tsortable-head-cell/index.module.css +2 -0
- package/package.json +6 -6
- package/src/components/pagination/index.module.css +1 -1
- package/src/components/pagination/select-field/index.module.css +1 -1
- package/src/components/table/index.module.css +1 -1
- package/src/components/tbody/index.module.css +1 -1
- package/src/components/tcell/index.module.css +1 -1
- package/src/components/texpandable-row/index.module.css +1 -1
- package/src/components/thead/index.module.css +1 -1
- package/src/components/thead-cell/index.module.css +1 -1
- package/src/components/trow/index.module.css +1 -1
- package/src/components/tsortable-head-cell/index.module.css +1 -1
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var tslib = require('tslib');
|
|
6
|
+
var React = require('react');
|
|
7
|
+
var cn = require('classnames');
|
|
8
|
+
var Component = require('../thead-cell/Component.js');
|
|
9
|
+
var sortIconAsc = require('./sort-icon-asc.js');
|
|
10
|
+
var sortIconDesc = require('./sort-icon-desc.js');
|
|
11
|
+
var sortIconUnset = require('./sort-icon-unset.js');
|
|
12
|
+
var index_module = require('./index.module.css.js');
|
|
13
|
+
|
|
14
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
15
|
+
|
|
16
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
17
|
+
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
18
|
+
|
|
19
|
+
var TSortableHeadCell = function (_a) {
|
|
20
|
+
var _b, _c;
|
|
21
|
+
var children = _a.children, className = _a.className, defaultIsSortedDesc = _a.defaultIsSortedDesc, isSortedDesc = _a.isSortedDesc, textAlign = _a.textAlign, onSort = _a.onSort, restProps = tslib.__rest(_a, ["children", "className", "defaultIsSortedDesc", "isSortedDesc", "textAlign", "onSort"]);
|
|
22
|
+
var SortIcon = React.useMemo(function () {
|
|
23
|
+
var value = isSortedDesc;
|
|
24
|
+
if (value === undefined)
|
|
25
|
+
value = defaultIsSortedDesc;
|
|
26
|
+
if (typeof value === 'boolean')
|
|
27
|
+
return value ? sortIconDesc.SortIconDesc : sortIconAsc.SortIconAsc;
|
|
28
|
+
return sortIconUnset.SortIconUnset;
|
|
29
|
+
}, [defaultIsSortedDesc, isSortedDesc]);
|
|
30
|
+
return (React__default.default.createElement(Component.THeadCell, tslib.__assign({ className: className, textAlign: textAlign }, restProps),
|
|
31
|
+
React__default.default.createElement("div", { className: cn__default.default(index_module.content, (_b = {}, _b[index_module.reverse] = textAlign === 'right', _b)) },
|
|
32
|
+
children,
|
|
33
|
+
React__default.default.createElement(SortIcon, { onClick: onSort, className: cn__default.default(index_module.icon, (_c = {},
|
|
34
|
+
_c[index_module.sorted] = isSortedDesc !== undefined,
|
|
35
|
+
_c)) }))));
|
|
36
|
+
};
|
|
37
|
+
|
|
38
|
+
exports.TSortableHeadCell = TSortableHeadCell;
|
|
39
|
+
//# sourceMappingURL=Component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Component.js","sources":["../../../src/components/tsortable-head-cell/Component.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport cn from 'classnames';\n\nimport { THeadCell, THeadCellProps } from '../thead-cell';\n\nimport { SortIconAsc } from './sort-icon-asc';\nimport { SortIconDesc } from './sort-icon-desc';\nimport { SortIconUnset } from './sort-icon-unset';\n\nimport styles from './index.module.css';\n\nexport type TSortableHeadCellProps = THeadCellProps & {\n isSortedDesc?: boolean;\n defaultIsSortedDesc?: boolean;\n onSort?: () => void;\n};\n\nexport const TSortableHeadCell = ({\n children,\n className,\n defaultIsSortedDesc,\n isSortedDesc,\n textAlign,\n onSort,\n ...restProps\n}: TSortableHeadCellProps) => {\n const SortIcon = useMemo(() => {\n let value = isSortedDesc;\n\n if (value === undefined) value = defaultIsSortedDesc;\n\n if (typeof value === 'boolean') return value ? SortIconDesc : SortIconAsc;\n\n return SortIconUnset;\n }, [defaultIsSortedDesc, isSortedDesc]);\n\n return (\n <THeadCell className={className} textAlign={textAlign} {...restProps}>\n <div className={cn(styles.content, { [styles.reverse]: textAlign === 'right' })}>\n {children}\n <SortIcon\n onClick={onSort}\n className={cn(styles.icon, {\n [styles.sorted]: isSortedDesc !== undefined,\n })}\n />\n </div>\n </THeadCell>\n );\n};\n"],"names":["__rest","useMemo","SortIconDesc","SortIconAsc","SortIconUnset","React","THeadCell","__assign","cn","styles"],"mappings":";;;;;;;;;;;;;;;;;;AAiBO,IAAM,iBAAiB,GAAG,UAAC,EAQT,EAAA;;IAPrB,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,mBAAmB,yBAAA,EACnB,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,MAAM,YAAA,EACH,SAAS,GAPkBA,YAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,cAAA,EAAA,WAAA,EAAA,QAAA,CAQjC,CADe;IAEZ,IAAM,QAAQ,GAAGC,aAAO,CAAC,YAAA;QACrB,IAAI,KAAK,GAAG,YAAY;QAExB,IAAI,KAAK,KAAK,SAAS;YAAE,KAAK,GAAG,mBAAmB;QAEpD,IAAI,OAAO,KAAK,KAAK,SAAS;YAAE,OAAO,KAAK,GAAGC,yBAAY,GAAGC,uBAAW;AAEzE,QAAA,OAAOC,2BAAa;AACxB,KAAC,EAAE,CAAC,mBAAmB,EAAE,YAAY,CAAC,CAAC;AAEvC,IAAA,QACIC,sBAAA,CAAA,aAAA,CAACC,mBAAS,EAAAC,cAAA,CAAA,EAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAA,EAAM,SAAS,CAAA;AAChE,QAAAF,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEG,mBAAE,CAACC,YAAM,CAAC,OAAO,GAAA,EAAA,GAAA,EAAA,EAAI,EAAC,CAAAA,YAAM,CAAC,OAAO,CAAA,GAAG,SAAS,KAAK,OAAO,EAAG,EAAA,EAAA,EAAA;YAC1E,QAAQ;AACT,YAAAJ,sBAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EACL,OAAO,EAAE,MAAM,EACf,SAAS,EAAEG,mBAAE,CAACC,YAAM,CAAC,IAAI,GAAA,EAAA,GAAA,EAAA;AACrB,oBAAA,EAAA,CAACA,YAAM,CAAC,MAAM,CAAG,GAAA,YAAY,KAAK,SAAS;wBAC7C,EACJ,CAAA,CACA,CACE;AAEpB;;;;"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
:root {
|
|
2
|
+
--color-light-neutral-700: #898991;
|
|
3
|
+
--color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
|
|
4
|
+
--color-light-status-info: #2288fa;
|
|
5
|
+
} :root {
|
|
6
|
+
--gap-xs: 8px;
|
|
7
|
+
--gap-0: 0px;
|
|
8
|
+
--gap-8: var(--gap-xs);
|
|
9
|
+
} .table__content_1n33j {
|
|
10
|
+
display: flex;
|
|
11
|
+
align-items: flex-start;
|
|
12
|
+
} .table__icon_1n33j {
|
|
13
|
+
cursor: pointer;
|
|
14
|
+
margin-left: var(--gap-8);
|
|
15
|
+
margin-top: 1px;
|
|
16
|
+
color: var(--color-light-neutral-700);
|
|
17
|
+
transition: color 0.2s ease;
|
|
18
|
+
flex-shrink: 0
|
|
19
|
+
} .table__icon_1n33j:hover {
|
|
20
|
+
color: var(--color-light-neutral-translucent-1300);
|
|
21
|
+
} .table__reverse_1n33j {
|
|
22
|
+
flex-direction: row-reverse
|
|
23
|
+
} .table__reverse_1n33j .table__icon_1n33j {
|
|
24
|
+
margin-left: var(--gap-0);
|
|
25
|
+
margin-right: var(--gap-8);
|
|
26
|
+
} .table__sorted_1n33j {
|
|
27
|
+
color: var(--color-light-status-info)
|
|
28
|
+
} .table__sorted_1n33j:hover {
|
|
29
|
+
color: var(--color-light-status-info);
|
|
30
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Component';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.module.css.js","sources":["../../src/components/tsortable-head-cell/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.content {\n display: flex;\n align-items: flex-start;\n}\n\n.icon {\n cursor: pointer;\n margin-left: var(--gap-8);\n\n /**\n * иконка сортировки должна быть выровнена по верхнему краю,\n * т.к. текст может быть в две строки\n */\n margin-top: 1px;\n color: var(--color-light-neutral-700);\n transition: color 0.2s ease;\n flex-shrink: 0;\n\n &:hover {\n color: var(--color-light-neutral-translucent-1300);\n }\n}\n\n.reverse {\n flex-direction: row-reverse;\n\n & .icon {\n margin-left: var(--gap-0);\n margin-right: var(--gap-8);\n }\n}\n\n.sorted {\n color: var(--color-light-status-info);\n\n &:hover {\n color: var(--color-light-status-info);\n }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,SAAS,CAAC,sBAAsB,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAS,CAAC,sBAAsB,CAAC,QAAQ,CAAC,qBAAqB,CAAC;;;;"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var tslib = require('tslib');
|
|
6
|
+
var React = require('react');
|
|
7
|
+
|
|
8
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
9
|
+
|
|
10
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
11
|
+
|
|
12
|
+
var SortIconAsc = function (props) { return (React__default.default.createElement("svg", tslib.__assign({ width: '18', height: '18', viewBox: '0 0 18 18', fill: 'currentColor', xmlns: 'http://www.w3.org/2000/svg', focusable: 'false', role: 'img' }, props),
|
|
13
|
+
React__default.default.createElement("path", { d: 'M3.00004 10C3.00004 10 11.4477 10 12 10C12 9.33333 12.0001 8.16667 12.0001 7.5H3.0001C3.00006 8 3.0001 9.5 3.00004 10ZM3.0001 3.5C3.00003 4.16667 3 5.33333 3 6H9C9 5.33333 9 4.16667 9 3.5C9 3.5 3.55238 3.5 3.0001 3.5ZM3.00009 14C3.21041 14 15 14 15 14C15 13.5 15 12 15 11.5C15 11.5 3.55238 11.5 3.00009 11.5C3 12 3 13.5 3.00009 14Z' }))); };
|
|
14
|
+
|
|
15
|
+
exports.SortIconAsc = SortIconAsc;
|
|
16
|
+
//# sourceMappingURL=sort-icon-asc.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sort-icon-asc.js","sources":["../../../src/components/tsortable-head-cell/sort-icon-asc.tsx"],"sourcesContent":["import React, { SVGProps } from 'react';\n\nexport const SortIconAsc: React.FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width='18'\n height='18'\n viewBox='0 0 18 18'\n fill='currentColor'\n xmlns='http://www.w3.org/2000/svg'\n focusable='false'\n role='img'\n {...props}\n >\n <path d='M3.00004 10C3.00004 10 11.4477 10 12 10C12 9.33333 12.0001 8.16667 12.0001 7.5H3.0001C3.00006 8 3.0001 9.5 3.00004 10ZM3.0001 3.5C3.00003 4.16667 3 5.33333 3 6H9C9 5.33333 9 4.16667 9 3.5C9 3.5 3.55238 3.5 3.0001 3.5ZM3.00009 14C3.21041 14 15 14 15 14C15 13.5 15 12 15 11.5C15 11.5 3.55238 11.5 3.00009 11.5C3 12 3 13.5 3.00009 14Z' />\n </svg>\n);\n"],"names":["React","__assign"],"mappings":";;;;;;;;;;;AAEa,IAAA,WAAW,GAAsC,UAAC,KAAK,EAAK,EAAA,QACrEA,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAAC,cAAA,CAAA,EACI,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,EACnB,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAC,OAAO,EACjB,IAAI,EAAC,KAAK,IACN,KAAK,CAAA;IAETD,sBAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,6UAA6U,EAAA,CAAG,CACtV,EACT;;;;"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var tslib = require('tslib');
|
|
6
|
+
var React = require('react');
|
|
7
|
+
|
|
8
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
9
|
+
|
|
10
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
11
|
+
|
|
12
|
+
var SortIconDesc = function (props) { return (React__default.default.createElement("svg", tslib.__assign({ width: '18', height: '18', viewBox: '0 0 18 18', fill: 'currentColor', xmlns: 'http://www.w3.org/2000/svg', focusable: 'false', role: 'img' }, props),
|
|
13
|
+
React__default.default.createElement("path", { d: 'M3.00004 10C3.00004 10 11.4477 10 12 10C12 9.33333 12.0001 8.16667 12.0001 7.5H3.0001C3.00006 8 3.0001 9.5 3.00004 10ZM3.0001 3.5C3.00003 4.16667 3 5.33333 3 6H15C15 5.33333 15 4.16667 15 3.5C15 3.5 3.55238 3.5 3.0001 3.5ZM3.00009 14C3.21041 14 9 14 9 14C9 13.5 9 12 9 11.5C9 11.5 3.55238 11.5 3.00009 11.5C3 12 3 13.5 3.00009 14Z' }))); };
|
|
14
|
+
|
|
15
|
+
exports.SortIconDesc = SortIconDesc;
|
|
16
|
+
//# sourceMappingURL=sort-icon-desc.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sort-icon-desc.js","sources":["../../../src/components/tsortable-head-cell/sort-icon-desc.tsx"],"sourcesContent":["import React, { SVGProps } from 'react';\n\nexport const SortIconDesc: React.FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width='18'\n height='18'\n viewBox='0 0 18 18'\n fill='currentColor'\n xmlns='http://www.w3.org/2000/svg'\n focusable='false'\n role='img'\n {...props}\n >\n <path d='M3.00004 10C3.00004 10 11.4477 10 12 10C12 9.33333 12.0001 8.16667 12.0001 7.5H3.0001C3.00006 8 3.0001 9.5 3.00004 10ZM3.0001 3.5C3.00003 4.16667 3 5.33333 3 6H15C15 5.33333 15 4.16667 15 3.5C15 3.5 3.55238 3.5 3.0001 3.5ZM3.00009 14C3.21041 14 9 14 9 14C9 13.5 9 12 9 11.5C9 11.5 3.55238 11.5 3.00009 11.5C3 12 3 13.5 3.00009 14Z' />\n </svg>\n);\n"],"names":["React","__assign"],"mappings":";;;;;;;;;;;AAEa,IAAA,YAAY,GAAsC,UAAC,KAAK,EAAK,EAAA,QACtEA,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAAC,cAAA,CAAA,EACI,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,EACnB,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAC,OAAO,EACjB,IAAI,EAAC,KAAK,IACN,KAAK,CAAA;IAETD,sBAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,4UAA4U,EAAA,CAAG,CACrV,EACT;;;;"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var tslib = require('tslib');
|
|
6
|
+
var React = require('react');
|
|
7
|
+
|
|
8
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
9
|
+
|
|
10
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
11
|
+
|
|
12
|
+
var SortIconUnset = function (props) { return (React__default.default.createElement("svg", tslib.__assign({ width: '18', height: '18', viewBox: '0 0 18 18', fill: 'currentColor', xmlns: 'http://www.w3.org/2000/svg', focusable: 'false', role: 'img' }, props),
|
|
13
|
+
React__default.default.createElement("path", { d: 'M3 10C3 10 10.4477 10 11 10C11 9.33333 11.0001 8.16667 11.0001 7.5H3.00006C3.00002 8 3.00006 9.5 3 10ZM3.0001 3.5C3.00003 4.16667 3 5.33333 3 6H15C15 5.33333 15 4.16667 15 3.5C15 3.5 3.55238 3.5 3.0001 3.5ZM3 14C3.21032 14 14 14 14 14C14 13.5 14 12 14 11.5C14 11.5 3.55228 11.5 3 11.5C2.99991 12 2.99991 13.5 3 14Z' }))); };
|
|
14
|
+
|
|
15
|
+
exports.SortIconUnset = SortIconUnset;
|
|
16
|
+
//# sourceMappingURL=sort-icon-unset.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sort-icon-unset.js","sources":["../../../src/components/tsortable-head-cell/sort-icon-unset.tsx"],"sourcesContent":["import React, { SVGProps } from 'react';\n\nexport const SortIconUnset: React.FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width='18'\n height='18'\n viewBox='0 0 18 18'\n fill='currentColor'\n xmlns='http://www.w3.org/2000/svg'\n focusable='false'\n role='img'\n {...props}\n >\n <path d='M3 10C3 10 10.4477 10 11 10C11 9.33333 11.0001 8.16667 11.0001 7.5H3.00006C3.00002 8 3.00006 9.5 3 10ZM3.0001 3.5C3.00003 4.16667 3 5.33333 3 6H15C15 5.33333 15 4.16667 15 3.5C15 3.5 3.55238 3.5 3.0001 3.5ZM3 14C3.21032 14 14 14 14 14C14 13.5 14 12 14 11.5C14 11.5 3.55228 11.5 3 11.5C2.99991 12 2.99991 13.5 3 14Z' />\n </svg>\n);\n"],"names":["React","__assign"],"mappings":";;;;;;;;;;;AAEa,IAAA,aAAa,GAAsC,UAAC,KAAK,EAAK,EAAA,QACvEA,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAAC,cAAA,CAAA,EACI,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,EACnB,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAC,OAAO,EACjB,IAAI,EAAC,KAAK,IACN,KAAK,CAAA;IAETD,sBAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,4TAA4T,EAAA,CAAG,CACrU,EACT;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './component';
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var component = require('./component.js');
|
|
6
|
+
var Component = require('./components/table/Component.js');
|
|
7
|
+
var Component$1 = require('./components/tbody/Component.js');
|
|
8
|
+
var Component$2 = require('./components/thead/Component.js');
|
|
9
|
+
var Component$3 = require('./components/thead-cell/Component.js');
|
|
10
|
+
var Component$4 = require('./components/tsortable-head-cell/Component.js');
|
|
11
|
+
var Component$5 = require('./components/tcell/Component.js');
|
|
12
|
+
var Component$6 = require('./components/trow/Component.js');
|
|
13
|
+
var Component$7 = require('./components/texpandable-row/Component.js');
|
|
14
|
+
var Component$8 = require('./components/pagination/Component.js');
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
exports.Table = component.Table;
|
|
19
|
+
exports.TableComponent = Component.Table;
|
|
20
|
+
exports.TBody = Component$1.TBody;
|
|
21
|
+
exports.THead = Component$2.THead;
|
|
22
|
+
exports.THeadCell = Component$3.THeadCell;
|
|
23
|
+
exports.TSortableHeadCell = Component$4.TSortableHeadCell;
|
|
24
|
+
exports.TCell = Component$5.TCell;
|
|
25
|
+
exports.TRow = Component$6.TRow;
|
|
26
|
+
exports.TExpandableRow = Component$7.TExpandableRow;
|
|
27
|
+
exports.Pagination = Component$8.Pagination;
|
|
28
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare type TextAlignProperty = 'center' | 'end' | 'justify' | 'left' | 'match-parent' | 'right' | 'start';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"typings.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
|
|
7
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
8
|
+
|
|
9
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
10
|
+
|
|
11
|
+
function isChildInstanceOf(child, Component) {
|
|
12
|
+
// мы не можем полагаться на child.type === Component, см. https://github.com/gaearon/react-hot-loader/issues/304
|
|
13
|
+
return child.type === React__default.default.createElement(Component).type;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
exports.isChildInstanceOf = isChildInstanceOf;
|
|
17
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sources":["../src/utils.ts"],"sourcesContent":["import React from 'react';\n\nexport function isChildInstanceOf<P>(child: React.ReactElement, Component: React.ComponentType<P>) {\n // мы не можем полагаться на child.type === Component, см. https://github.com/gaearon/react-hot-loader/issues/304\n return child.type === React.createElement(Component).type;\n}\n"],"names":["React"],"mappings":";;;;;;;;;;AAEgB,SAAA,iBAAiB,CAAI,KAAyB,EAAE,SAAiC,EAAA;;AAE7F,IAAA,OAAO,KAAK,CAAC,IAAI,KAAKA,sBAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,IAAI;AAC7D;;;;"}
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
--gap-16: var(--gap-m);
|
|
13
13
|
--gap-24: var(--gap-xl);
|
|
14
14
|
--gap-32: var(--gap-2xl);
|
|
15
|
-
} .
|
|
15
|
+
} .table__component_1ugvb {
|
|
16
16
|
position: sticky;
|
|
17
17
|
left: var(--gap-0);
|
|
18
18
|
display: flex;
|
|
@@ -22,21 +22,21 @@
|
|
|
22
22
|
padding: var(--gap-24) var(--gap-16) var(--gap-32);
|
|
23
23
|
border-top: 1px solid var(--color-light-neutral-400);
|
|
24
24
|
box-sizing: border-box;
|
|
25
|
-
} .
|
|
25
|
+
} .table__pagesWrapper_1ugvb {
|
|
26
26
|
display: flex;
|
|
27
|
-
} .
|
|
27
|
+
} .table__tag_1ugvb.table__tag_1ugvb {
|
|
28
28
|
flex-shrink: 0;
|
|
29
29
|
margin-right: var(--gap-8);
|
|
30
30
|
padding: var(--gap-0) var(--gap-8);
|
|
31
31
|
min-width: 32px
|
|
32
|
-
} .
|
|
32
|
+
} .table__tag_1ugvb.table__tag_1ugvb:last-child {
|
|
33
33
|
margin-right: var(--gap-0);
|
|
34
|
-
} .
|
|
34
|
+
} .table__tag_1ugvb.table__tag_1ugvb.table__tagActive_1ugvb {
|
|
35
35
|
cursor: default;
|
|
36
|
-
} .
|
|
36
|
+
} .table__pagination_1ugvb {
|
|
37
37
|
margin-left: auto;
|
|
38
|
-
} .
|
|
38
|
+
} .table__menu_1ugvb {
|
|
39
39
|
margin: var(--gap-4) var(--gap-0);
|
|
40
|
-
} .
|
|
40
|
+
} .table__option_1ugvb {
|
|
41
41
|
min-width: 208px;
|
|
42
42
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
|
|
3
|
-
var styles = {"component":"
|
|
3
|
+
var styles = {"component":"table__component_1ugvb","pagination":"table__pagination_1ugvb","menu":"table__menu_1ugvb","option":"table__option_1ugvb"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.module.css.js","sources":["../../src/components/pagination/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n position: sticky;\n left: var(--gap-0);\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n width: 100%;\n padding: var(--gap-24) var(--gap-16) var(--gap-32);\n border-top: 1px solid var(--color-light-neutral-400);\n box-sizing: border-box;\n}\n\n.pagesWrapper {\n display: flex;\n}\n\n.tag.tag {\n flex-shrink: 0;\n margin-right: var(--gap-8);\n padding: var(--gap-0) var(--gap-8);\n min-width: 32px;\n\n &:last-child {\n margin-right: var(--gap-0);\n }\n\n &.tagActive {\n cursor: default;\n }\n}\n\n.pagination {\n margin-left: auto;\n}\n\n.menu {\n margin: var(--gap-4) var(--gap-0);\n}\n\n.option {\n min-width: 208px;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,wBAAwB,CAA0G,YAAY,CAAC,yBAAyB,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,CAAC,qBAAqB,CAAC;;;;"}
|
|
1
|
+
{"version":3,"file":"index.module.css.js","sources":["../../src/components/pagination/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.component {\n position: sticky;\n left: var(--gap-0);\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n width: 100%;\n padding: var(--gap-24) var(--gap-16) var(--gap-32);\n border-top: 1px solid var(--color-light-neutral-400);\n box-sizing: border-box;\n}\n\n.pagesWrapper {\n display: flex;\n}\n\n.tag.tag {\n flex-shrink: 0;\n margin-right: var(--gap-8);\n padding: var(--gap-0) var(--gap-8);\n min-width: 32px;\n\n &:last-child {\n margin-right: var(--gap-0);\n }\n\n &.tagActive {\n cursor: default;\n }\n}\n\n.pagination {\n margin-left: auto;\n}\n\n.menu {\n margin: var(--gap-4) var(--gap-0);\n}\n\n.option {\n min-width: 208px;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,wBAAwB,CAA0G,YAAY,CAAC,yBAAyB,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,CAAC,qBAAqB,CAAC;;;;"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
:root {
|
|
2
2
|
--color-light-neutral-translucent-200-hover: rgba(15, 25, 55, 0.1);
|
|
3
|
-
} .
|
|
3
|
+
} .table__field_1d0wy svg {
|
|
4
4
|
width: 18px;
|
|
5
5
|
height: 18px;
|
|
6
|
-
} .
|
|
7
|
-
.
|
|
6
|
+
} .table__open_1d0wy,
|
|
7
|
+
.table__open_1d0wy:hover {
|
|
8
8
|
background-color: var(--color-light-neutral-translucent-200-hover);
|
|
9
9
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.module.css.js","sources":["../../../src/components/pagination/select-field/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.field {\n & svg {\n width: 18px;\n height: 18px;\n }\n}\n\n.open,\n.open:hover {\n background-color: var(--color-light-neutral-translucent-200-hover);\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,OAAO,CAAC,oBAAoB,CAAC,MAAM,CAAC,mBAAmB,CAAC;;;;"}
|
|
1
|
+
{"version":3,"file":"index.module.css.js","sources":["../../../src/components/pagination/select-field/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.field {\n & svg {\n width: 18px;\n height: 18px;\n }\n}\n\n.open,\n.open:hover {\n background-color: var(--color-light-neutral-translucent-200-hover);\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,OAAO,CAAC,oBAAoB,CAAC,MAAM,CAAC,mBAAmB,CAAC;;;;"}
|
|
@@ -9,22 +9,22 @@
|
|
|
9
9
|
--gap-m: 16px;
|
|
10
10
|
--gap-0: 0px;
|
|
11
11
|
--gap-16: var(--gap-m);
|
|
12
|
-
} .
|
|
12
|
+
} .table__component_7jaq6 {
|
|
13
13
|
box-sizing: border-box;
|
|
14
|
-
} .
|
|
14
|
+
} .table__wrapper_7jaq6 {
|
|
15
15
|
padding: var(--gap-0) var(--gap-16) var(--gap-16);
|
|
16
16
|
background: var(--color-light-base-bg-primary);
|
|
17
17
|
box-shadow: var(--shadow-xs-hard);
|
|
18
18
|
border-radius: var(--border-radius-8);
|
|
19
19
|
overflow: auto;
|
|
20
|
-
} .
|
|
20
|
+
} .table__stickyHeader_7jaq6 {
|
|
21
21
|
max-height: 100%;
|
|
22
|
-
} .
|
|
22
|
+
} .table__hasPagination_7jaq6 {
|
|
23
23
|
padding-bottom: var(--gap-0);
|
|
24
|
-
} .
|
|
24
|
+
} .table__table_7jaq6 {
|
|
25
25
|
width: 100%;
|
|
26
26
|
border-collapse: collapse;
|
|
27
27
|
box-sizing: border-box
|
|
28
|
-
} .
|
|
28
|
+
} .table__table_7jaq6 td:first-child label > *[class^='box'], .table__table_7jaq6 th:first-child label > *[class^='box'] {
|
|
29
29
|
margin-top: var(--gap-0);
|
|
30
30
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
|
|
3
|
-
var styles = {"component":"
|
|
3
|
+
var styles = {"component":"table__component_7jaq6","wrapper":"table__wrapper_7jaq6","stickyHeader":"table__stickyHeader_7jaq6","hasPagination":"table__hasPagination_7jaq6","table":"table__table_7jaq6"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.module.css.js","sources":["../../src/components/table/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n box-sizing: border-box;\n}\n\n.wrapper {\n padding: var(--gap-0) var(--gap-16) var(--gap-16);\n background: var(--color-light-base-bg-primary);\n box-shadow: var(--shadow-xs-hard);\n border-radius: var(--border-radius-8);\n overflow: auto;\n}\n\n.stickyHeader {\n max-height: 100%;\n}\n\n.hasPagination {\n padding-bottom: var(--gap-0);\n}\n\n.table {\n width: 100%;\n border-collapse: collapse;\n box-sizing: border-box;\n\n /* TODO: Хак для выравнивания чекбокса */\n & td:first-child,\n & th:first-child {\n & label > *[class^='box'] {\n margin-top: var(--gap-0);\n }\n }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,wBAAwB,CAAC,SAAS,CAAC,sBAAsB,CAAC,cAAc,CAAC,2BAA2B,CAAC,eAAe,CAAC,4BAA4B,CAAC,OAAO,CAAC,oBAAoB,CAAC;;;;"}
|
|
1
|
+
{"version":3,"file":"index.module.css.js","sources":["../../src/components/table/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.component {\n box-sizing: border-box;\n}\n\n.wrapper {\n padding: var(--gap-0) var(--gap-16) var(--gap-16);\n background: var(--color-light-base-bg-primary);\n box-shadow: var(--shadow-xs-hard);\n border-radius: var(--border-radius-8);\n overflow: auto;\n}\n\n.stickyHeader {\n max-height: 100%;\n}\n\n.hasPagination {\n padding-bottom: var(--gap-0);\n}\n\n.table {\n width: 100%;\n border-collapse: collapse;\n box-sizing: border-box;\n\n /* TODO: Хак для выравнивания чекбокса */\n & td:first-child,\n & th:first-child {\n & label > *[class^='box'] {\n margin-top: var(--gap-0);\n }\n }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,wBAAwB,CAAC,SAAS,CAAC,sBAAsB,CAAC,cAAc,CAAC,2BAA2B,CAAC,eAAe,CAAC,4BAA4B,CAAC,OAAO,CAAC,oBAAoB,CAAC;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.module.css.js","sources":["../../src/components/tbody/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n width: 100%;\n box-sizing: border-box;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,wBAAwB,CAAC;;;;"}
|
|
1
|
+
{"version":3,"file":"index.module.css.js","sources":["../../src/components/tbody/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.component {\n width: 100%;\n box-sizing: border-box;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,wBAAwB,CAAC;;;;"}
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
--gap-12: var(--gap-s);
|
|
11
11
|
--gap-16: var(--gap-m);
|
|
12
12
|
--gap-24: var(--gap-xl);
|
|
13
|
-
} .
|
|
13
|
+
} .table__component_mpnxs {
|
|
14
14
|
font-size: 14px;
|
|
15
15
|
line-height: 20px;
|
|
16
16
|
font-weight: 400;
|
|
@@ -21,14 +21,14 @@
|
|
|
21
21
|
border-top: 1px solid var(--color-light-neutral-400);
|
|
22
22
|
vertical-align: top;
|
|
23
23
|
box-sizing: border-box
|
|
24
|
-
} .
|
|
24
|
+
} .table__component_mpnxs:first-child {
|
|
25
25
|
padding-left: var(--gap-16);
|
|
26
|
-
} .
|
|
26
|
+
} .table__component_mpnxs:last-child {
|
|
27
27
|
padding-right: var(--gap-16);
|
|
28
|
-
} .
|
|
28
|
+
} .table__compactHorizontal_mpnxs {
|
|
29
29
|
padding-left: 6px;
|
|
30
30
|
padding-right: 6px;
|
|
31
|
-
} .
|
|
31
|
+
} .table__compact_mpnxs {
|
|
32
32
|
padding-top: var(--gap-8);
|
|
33
33
|
padding-bottom: var(--gap-8);
|
|
34
34
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
|
|
3
|
-
var styles = {"component":"
|
|
3
|
+
var styles = {"component":"table__component_mpnxs","compactHorizontal":"table__compactHorizontal_mpnxs","compact":"table__compact_mpnxs"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.module.css.js","sources":["../../src/components/tcell/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n @mixin paragraph_primary_small;\n\n color: var(--color-light-text-primary);\n padding: var(--gap-24) var(--gap-12);\n height: 72px;\n border-top: 1px solid var(--color-light-neutral-400);\n vertical-align: top;\n box-sizing: border-box;\n\n &:first-child {\n padding-left: var(--gap-16);\n }\n\n &:last-child {\n padding-right: var(--gap-16);\n }\n}\n\n.compactHorizontal {\n padding-left: 6px;\n padding-right: 6px;\n}\n\n.compact {\n padding-top: var(--gap-8);\n padding-bottom: var(--gap-8);\n\n max-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,wBAAwB,CAAC,mBAAmB,CAAC,gCAAgC,CAAC,SAAS,CAAC,sBAAsB,CAAC;;;;"}
|
|
1
|
+
{"version":3,"file":"index.module.css.js","sources":["../../src/components/tcell/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.component {\n @mixin paragraph_primary_small;\n\n color: var(--color-light-text-primary);\n padding: var(--gap-24) var(--gap-12);\n height: 72px;\n border-top: 1px solid var(--color-light-neutral-400);\n vertical-align: top;\n box-sizing: border-box;\n\n &:first-child {\n padding-left: var(--gap-16);\n }\n\n &:last-child {\n padding-right: var(--gap-16);\n }\n}\n\n.compactHorizontal {\n padding-left: 6px;\n padding-right: 6px;\n}\n\n.compact {\n padding-top: var(--gap-8);\n padding-bottom: var(--gap-8);\n\n max-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,wBAAwB,CAAC,mBAAmB,CAAC,gCAAgC,CAAC,SAAS,CAAC,sBAAsB,CAAC;;;;"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
:root {
|
|
2
2
|
--gap-0: 0px;
|
|
3
|
-
} .
|
|
3
|
+
} .table__row_vwlsi {
|
|
4
4
|
cursor: pointer;
|
|
5
|
-
} .
|
|
5
|
+
} .table__selected_vwlsi.table__expanded_vwlsi {
|
|
6
6
|
background-color: inherit;
|
|
7
|
-
} .
|
|
7
|
+
} .table__expanded_vwlsi:hover {
|
|
8
8
|
background-color: inherit;
|
|
9
|
-
} .
|
|
9
|
+
} .table__expandable_vwlsi td {
|
|
10
10
|
margin: var(--gap-0);
|
|
11
11
|
padding-top: var(--gap-0);
|
|
12
12
|
padding-bottom: var(--gap-0);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
|
|
3
|
-
var styles = {"row":"
|
|
3
|
+
var styles = {"row":"table__row_vwlsi","selected":"table__selected_vwlsi","expanded":"table__expanded_vwlsi","expandable":"table__expandable_vwlsi"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.module.css.js","sources":["../../src/components/texpandable-row/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.row {\n cursor: pointer;\n}\n\n.selected.expanded {\n background-color: inherit;\n}\n\n.expanded {\n &:hover {\n background-color: inherit;\n }\n}\n\n.expandable {\n & td {\n margin: var(--gap-0);\n padding-top: var(--gap-0);\n padding-bottom: var(--gap-0);\n border: none;\n height: auto;\n }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,KAAK,CAAC,kBAAkB,CAAC,UAAU,CAAC,uBAAuB,CAAC,UAAU,CAAC,uBAAuB,CAAC,YAAY,CAAC,yBAAyB,CAAC;;;;"}
|
|
1
|
+
{"version":3,"file":"index.module.css.js","sources":["../../src/components/texpandable-row/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.row {\n cursor: pointer;\n}\n\n.selected.expanded {\n background-color: inherit;\n}\n\n.expanded {\n &:hover {\n background-color: inherit;\n }\n}\n\n.expandable {\n & td {\n margin: var(--gap-0);\n padding-top: var(--gap-0);\n padding-bottom: var(--gap-0);\n border: none;\n height: auto;\n }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,KAAK,CAAC,kBAAkB,CAAC,UAAU,CAAC,uBAAuB,CAAC,UAAU,CAAC,uBAAuB,CAAC,YAAY,CAAC,yBAAyB,CAAC;;;;"}
|
|
@@ -4,11 +4,11 @@
|
|
|
4
4
|
--gap-xs: 8px;
|
|
5
5
|
--gap-0: 0px;
|
|
6
6
|
--gap-8: var(--gap-xs);
|
|
7
|
-
} .
|
|
7
|
+
} .table__component_4uin0 {
|
|
8
8
|
position: relative;
|
|
9
9
|
width: 100%;
|
|
10
10
|
box-sizing: border-box
|
|
11
|
-
} .
|
|
11
|
+
} .table__component_4uin0 th:not(:last-child):not(:empty):after {
|
|
12
12
|
transition: opacity 0.2s;
|
|
13
13
|
position: absolute;
|
|
14
14
|
content: '';
|
|
@@ -19,10 +19,10 @@
|
|
|
19
19
|
top: var(--gap-8);
|
|
20
20
|
bottom: var(--gap-8);
|
|
21
21
|
background-color: var(--color-light-neutral-400);
|
|
22
|
-
} .
|
|
22
|
+
} .table__component_4uin0 th:after {
|
|
23
23
|
opacity: 0;
|
|
24
|
-
} .
|
|
24
|
+
} .table__component_4uin0:hover th:after {
|
|
25
25
|
opacity: 1;
|
|
26
|
-
} .
|
|
26
|
+
} .table__row_4uin0 {
|
|
27
27
|
height: 72px;
|
|
28
28
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.module.css.js","sources":["../../src/components/thead/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n position: relative;\n width: 100%;\n box-sizing: border-box;\n\n & th:not(:last-child):not(:empty):after {\n transition: opacity 0.2s;\n position: absolute;\n content: '';\n display: block;\n\n width: 1px;\n right: var(--gap-0);\n top: var(--gap-8);\n bottom: var(--gap-8);\n background-color: var(--color-light-neutral-400);\n }\n\n & th:after {\n opacity: 0;\n }\n\n &:hover th:after {\n opacity: 1;\n }\n}\n\n.row {\n height: 72px;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,wBAAwB,CAAC,KAAK,CAAC,kBAAkB,CAAC;;;;"}
|
|
1
|
+
{"version":3,"file":"index.module.css.js","sources":["../../src/components/thead/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.component {\n position: relative;\n width: 100%;\n box-sizing: border-box;\n\n & th:not(:last-child):not(:empty):after {\n transition: opacity 0.2s;\n position: absolute;\n content: '';\n display: block;\n\n width: 1px;\n right: var(--gap-0);\n top: var(--gap-8);\n bottom: var(--gap-8);\n background-color: var(--color-light-neutral-400);\n }\n\n & th:after {\n opacity: 0;\n }\n\n &:hover th:after {\n opacity: 1;\n }\n}\n\n.row {\n height: 72px;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,wBAAwB,CAAC,KAAK,CAAC,kBAAkB,CAAC;;;;"}
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
--gap-12: var(--gap-s);
|
|
13
13
|
--gap-16: var(--gap-m);
|
|
14
14
|
--gap-32: var(--gap-2xl);
|
|
15
|
-
} .
|
|
15
|
+
} .table__component_15peu {
|
|
16
16
|
font-size: 12px;
|
|
17
17
|
line-height: 16px;
|
|
18
18
|
font-weight: 500;
|
|
@@ -27,23 +27,23 @@
|
|
|
27
27
|
background: var(--color-light-base-bg-primary);
|
|
28
28
|
vertical-align: top;
|
|
29
29
|
box-sizing: border-box
|
|
30
|
-
} .
|
|
30
|
+
} .table__component_15peu:first-child {
|
|
31
31
|
padding-left: var(--gap-16);
|
|
32
|
-
} .
|
|
32
|
+
} .table__component_15peu:last-child {
|
|
33
33
|
padding-right: var(--gap-16);
|
|
34
|
-
} .
|
|
34
|
+
} .table__component_15peu:not(.table__stickyHeader_15peu) {
|
|
35
35
|
position: relative;
|
|
36
|
-
} .
|
|
36
|
+
} .table__sortable_15peu {
|
|
37
37
|
cursor: pointer;
|
|
38
|
-
} .
|
|
38
|
+
} .table__sorted_15peu {
|
|
39
39
|
color: var(--color-light-text-primary);
|
|
40
|
-
} .
|
|
40
|
+
} .table__stickyHeader_15peu {
|
|
41
41
|
top: var(--gap-0);
|
|
42
42
|
position: sticky;
|
|
43
43
|
box-shadow: inset 0 -1px 0 0 rgba(11, 31, 53, 0.16);
|
|
44
44
|
border: none;
|
|
45
45
|
z-index: 1;
|
|
46
|
-
} .
|
|
46
|
+
} .table__compactHorizontal_15peu {
|
|
47
47
|
padding-left: 6px;
|
|
48
48
|
padding-right: 6px;
|
|
49
49
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
|
|
3
|
-
var styles = {"component":"
|
|
3
|
+
var styles = {"component":"table__component_15peu","stickyHeader":"table__stickyHeader_15peu","compactHorizontal":"table__compactHorizontal_15peu"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=index.module.css.js.map
|