@salutejs/plasma-new-hope 0.346.0-canary.2431.21393540147.0 → 0.346.0-canary.2431.21471539685.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/css/cjs/components/DatePicker/utils/invokeOnCommitDate.js +3 -1
- package/dist/css/cjs/components/DatePicker/utils/invokeOnCommitDate.js.map +1 -1
- package/dist/css/cjs/components/File/File.css +7 -7
- package/dist/css/cjs/components/File/File.js +3 -4
- package/dist/css/cjs/components/File/File.js.map +1 -1
- package/dist/css/cjs/components/File/ui/Cell/Cell.css +5 -5
- package/dist/css/cjs/components/File/ui/Cell/Cell.styles.js +1 -1
- package/dist/css/cjs/components/File/ui/Cell/Cell.styles.js.map +1 -1
- package/dist/css/cjs/components/File/ui/Cell/{Cell.styles_1nus00g.css → Cell.styles_nps7oj.css} +1 -1
- package/dist/css/cjs/components/File/ui/Loader/Loader.styles.js +3 -3
- package/dist/css/cjs/components/File/ui/Loader/Loader.styles.js.map +1 -1
- package/dist/css/cjs/components/File/ui/Loader/{Loader.styles_10xh4ax.css → Loader.styles_9cvqup.css} +1 -1
- package/dist/css/cjs/index.css +7 -7
- package/dist/css/es/components/DatePicker/utils/invokeOnCommitDate.js +3 -1
- package/dist/css/es/components/DatePicker/utils/invokeOnCommitDate.js.map +1 -1
- package/dist/css/es/components/File/File.css +7 -7
- package/dist/css/es/components/File/File.js +3 -4
- package/dist/css/es/components/File/File.js.map +1 -1
- package/dist/css/es/components/File/ui/Cell/Cell.css +5 -5
- package/dist/css/es/components/File/ui/Cell/Cell.styles.js +1 -1
- package/dist/css/es/components/File/ui/Cell/Cell.styles.js.map +1 -1
- package/dist/css/es/components/File/ui/Cell/{Cell.styles_1nus00g.css → Cell.styles_nps7oj.css} +1 -1
- package/dist/css/es/components/File/ui/Loader/Loader.styles.js +3 -3
- package/dist/css/es/components/File/ui/Loader/Loader.styles.js.map +1 -1
- package/dist/css/es/components/File/ui/Loader/{Loader.styles_10xh4ax.css → Loader.styles_9cvqup.css} +1 -1
- package/dist/css/es/index.css +7 -7
- package/dist/emotion/cjs/components/DatePicker/utils/invokeOnCommitDate.js +5 -1
- package/dist/emotion/cjs/components/File/File.js +3 -5
- package/dist/emotion/cjs/components/File/ui/Cell/Cell.styles.js +12 -12
- package/dist/emotion/cjs/components/File/ui/Loader/Loader.styles.js +5 -4
- package/dist/emotion/es/components/DatePicker/utils/invokeOnCommitDate.js +5 -1
- package/dist/emotion/es/components/File/File.js +3 -5
- package/dist/emotion/es/components/File/ui/Cell/Cell.styles.js +12 -12
- package/dist/emotion/es/components/File/ui/Loader/Loader.styles.js +5 -4
- package/dist/emotion/es/examples/components/Combobox/Combobox.js +7 -0
- package/dist/styled-components/cjs/components/DatePicker/utils/invokeOnCommitDate.js +5 -1
- package/dist/styled-components/cjs/components/File/File.js +3 -5
- package/dist/styled-components/cjs/components/File/ui/Cell/Cell.styles.js +7 -7
- package/dist/styled-components/cjs/components/File/ui/Loader/Loader.styles.js +6 -4
- package/dist/styled-components/es/components/DatePicker/utils/invokeOnCommitDate.js +5 -1
- package/dist/styled-components/es/components/File/File.js +3 -5
- package/dist/styled-components/es/components/File/ui/Cell/Cell.styles.js +7 -7
- package/dist/styled-components/es/components/File/ui/Loader/Loader.styles.js +6 -4
- package/package.json +5 -5
- package/types/components/DatePicker/DatePickerBase.types.d.ts +1 -1
- package/types/components/DatePicker/DatePickerBase.types.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts +1 -2
- package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts +2 -2
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts.map +1 -1
- package/types/components/DatePicker/index.d.ts +2 -2
- package/types/components/DatePicker/index.d.ts.map +1 -1
- package/types/components/DatePicker/utils/invokeOnCommitDate.d.ts.map +1 -1
- package/types/components/File/File.d.ts.map +1 -1
- package/types/components/File/File.types.d.ts +0 -4
- package/types/components/File/File.types.d.ts.map +1 -1
- package/types/components/File/ui/Loader/Loader.styles.d.ts.map +1 -1
- package/types/examples/components/DatePicker/DatePicker.d.ts +6 -6
- package/types/examples/components/DatePicker/DatePicker.d.ts.map +1 -1
|
@@ -2,6 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
6
|
+
|
|
5
7
|
/**
|
|
6
8
|
* Вызывает onCommitDate callback с учётом его сигнатуры.
|
|
7
9
|
* Если callback принимает 2 аргумента - использует новую сигнатуру (value, formattedValues).
|
|
@@ -16,7 +18,7 @@ var invokeOnCommitDate = function invokeOnCommitDate(_ref) {
|
|
|
16
18
|
dateInfo = formattedValues.dateInfo,
|
|
17
19
|
originalDate = formattedValues.originalDate,
|
|
18
20
|
isoDate = formattedValues.isoDate;
|
|
19
|
-
if (
|
|
21
|
+
if (_rollupPluginBabelHelpers.typeof(formattedValues) === 'object' && formattedValues !== null) {
|
|
20
22
|
// Новая сигнатура: (value, formattedValues) => void
|
|
21
23
|
callback(value, formattedValues);
|
|
22
24
|
} else {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"invokeOnCommitDate.js","sources":["../../../../../../src/components/DatePicker/utils/invokeOnCommitDate.ts"],"sourcesContent":["import type {
|
|
1
|
+
{"version":3,"file":"invokeOnCommitDate.js","sources":["../../../../../../src/components/DatePicker/utils/invokeOnCommitDate.ts"],"sourcesContent":["import type {\n FormattedDateValues,\n OnCommitDateCallback,\n OnCommitDateCallbackDeprecated,\n OnCommitDateCallbackUnion,\n} from '../DatePickerBase.types';\n\ntype InvokeOnCommitDateArgs = {\n callback: OnCommitDateCallbackUnion;\n value: Date | string;\n formattedValues: FormattedDateValues;\n};\n\n/**\n * Вызывает onCommitDate callback с учётом его сигнатуры.\n * Если callback принимает 2 аргумента - использует новую сигнатуру (value, formattedValues).\n * Если больше - использует deprecated сигнатуру (value, error, success, dateInfo, originalDate, isoDate).\n */\nexport const invokeOnCommitDate = ({ callback, value, formattedValues }: InvokeOnCommitDateArgs): void => {\n const { error, success, dateInfo, originalDate, isoDate } = formattedValues;\n\n if (typeof formattedValues === 'object' && formattedValues !== null) {\n // Новая сигнатура: (value, formattedValues) => void\n (callback as OnCommitDateCallback)(value, formattedValues);\n } else {\n // Deprecated сигнатура: (value, error, success, dateInfo, originalDate, isoDate) => void\n (callback as OnCommitDateCallbackDeprecated)(value, error, success, dateInfo, originalDate, isoDate);\n }\n};\n"],"names":["invokeOnCommitDate","_ref","callback","value","formattedValues","error","success","dateInfo","originalDate","isoDate","_typeof"],"mappings":";;;;;;AAaA;AACA;AACA;AACA;AACA;IACaA,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAA2E;AAAA,EAAA,IAArEC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAEC,eAAe,GAAAH,IAAA,CAAfG,eAAe,CAAA;AACjE,EAAA,IAAQC,KAAK,GAA+CD,eAAe,CAAnEC,KAAK;IAAEC,OAAO,GAAsCF,eAAe,CAA5DE,OAAO;IAAEC,QAAQ,GAA4BH,eAAe,CAAnDG,QAAQ;IAAEC,YAAY,GAAcJ,eAAe,CAAzCI,YAAY;IAAEC,OAAO,GAAKL,eAAe,CAA3BK,OAAO,CAAA;EAEvD,IAAIC,gCAAA,CAAON,eAAe,CAAA,KAAK,QAAQ,IAAIA,eAAe,KAAK,IAAI,EAAE;AACjE;AACCF,IAAAA,QAAQ,CAA0BC,KAAK,EAAEC,eAAe,CAAC,CAAA;AAC9D,GAAC,MAAM;AACH;AACCF,IAAAA,QAAQ,CAAoCC,KAAK,EAAEE,KAAK,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,YAAY,EAAEC,OAAO,CAAC,CAAA;AACxG,GAAA;AACJ;;;;"}
|
|
@@ -23,12 +23,12 @@
|
|
|
23
23
|
|
|
24
24
|
.CellTextbox_styles_rgpies_cz0uqdu__c842929b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-cell-textbox-gap);}
|
|
25
25
|
|
|
26
|
-
.
|
|
27
|
-
.
|
|
28
|
-
.
|
|
29
|
-
.
|
|
26
|
+
.Cell_styles_nps7oj_s3czsgs__be6a4f44{white-space:nowrap;height:var(--plasma-file-cell-height);--plasma-cell-width:100%;--plasma-cell-gap:var(--plasma-file-cell-gap);}.Cell_styles_nps7oj_s3czsgs__be6a4f44.Cell_styles_nps7oj_fileActionLeft__be6a4f44 .Cell_styles_nps7oj_c1spqh22__be6a4f44{-webkit-order:-1;-ms-flex-order:-1;order:-1;}
|
|
27
|
+
.Cell_styles_nps7oj_f1g9th3m__be6a4f44{display:grid;grid-template-rows:1fr auto;gap:var(--plasma-file-cell-textbox-gap);}
|
|
28
|
+
.Cell_styles_nps7oj_f141hb5t__be6a4f44{display:inline-grid;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-template-columns:auto 1fr;min-width:8ch;color:var(--plasma-file-cell-title-color);font-family:var(--plasma-file-cell-title-font-family);font-size:var(--plasma-file-cell-title-font-size);font-style:var(--plasma-file-cell-title-font-style);font-weight:var(--plasma-file-cell-title-font-weight);-webkit-letter-spacing:var(--plasma-file-cell-title-letter-spacing);-moz-letter-spacing:var(--plasma-file-cell-title-letter-spacing);-ms-letter-spacing:var(--plasma-file-cell-title-letter-spacing);letter-spacing:var(--plasma-file-cell-title-letter-spacing);line-height:var(--plasma-file-cell-title-line-height);}
|
|
29
|
+
.Cell_styles_nps7oj_t15n7eg9__be6a4f44{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
30
30
|
|
|
31
|
-
.
|
|
31
|
+
.Cell_styles_nps7oj_fv8e3ac__be6a4f44{color:var(--plasma-file-cell-subtitle-color);font-family:var(--plasma-file-cell-subtitle-font-family);font-size:var(--plasma-file-cell-subtitle-font-size);font-style:var(--plasma-file-cell-subtitle-font-style);font-weight:var(--plasma-file-cell-subtitle-font-weight);-webkit-letter-spacing:var(--plasma-file-cell-subtitle-letter-spacing);-moz-letter-spacing:var(--plasma-file-cell-subtitle-letter-spacing);-ms-letter-spacing:var(--plasma-file-cell-subtitle-letter-spacing);letter-spacing:var(--plasma-file-cell-subtitle-letter-spacing);line-height:var(--plasma-file-cell-subtitle-line-height);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
32
32
|
|
|
33
33
|
.base_1gusher_b1chvyq8__76b641f5{color:var(--plasma-spinner-color);}
|
|
34
34
|
|
|
@@ -76,5 +76,5 @@
|
|
|
76
76
|
.ProgressBarCircular_styles_16hxdvd_s1d8ncmi__8bec966a{--percentage:var(--s1d8ncmi-0);--radius:var(--s1d8ncmi-1);--circumference:calc(calc(2 * 3.1415926535) * var(--radius));--dashoffset:calc(var(--circumference) - (var(--percentage,0) * var(--circumference) / 100));fill:none;stroke:var(--plasma-progressbar-circular-progress-stroke);stroke-width:var(--s1d8ncmi-2);stroke-linecap:round;r:var(--radius);stroke-dasharray:var(--circumference);stroke-dashoffset:var(--dashoffset);-webkit-transition:stroke-dashoffset 0.3s linear;transition:stroke-dashoffset 0.3s linear;}
|
|
77
77
|
.ProgressBarCircular_styles_16hxdvd_sg9aoc4__8bec966a{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:var(--plasma-progressbar-circular-content-color);font-family:var(--plasma-progressbar-circular-content-font-family);font-size:var(--plasma-progressbar-circular-content-font-size);font-style:var(--plasma-progressbar-circular-content-font-style);font-weight:var(--plasma-progressbar-circular-content-font-weight);-webkit-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);-moz-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);-ms-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);line-height:var(--plasma-progressbar-circular-content-line-height);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
|
|
78
78
|
|
|
79
|
-
.
|
|
80
|
-
.
|
|
79
|
+
.Loader_styles_9cvqup_p8jxzss__cd3cc480{--plasma-progressbar-circular-size:var(--plasma-file-progressbar-circular-size);--plasma-progressbar-circular-width:var(--plasma-file-progressbar-circular-width);--plasma-progressbar-circular-height:var(--plasma-file-progressbar-circular-height);--plasma-progressbar-circular-stroke-width:var(--plasma-file-progressbar-circular-stroke-width);--plasma-progressbar-circular-stroke-size:var(--plasma-file-progressbar-circular-stroke-size);--plasma-progressbar-circular-background-stroke:var(--plasma-file-progressbar-circular-background-stroke);--plasma-progressbar-circular-progress-stroke:var(--plasma-file-progressbar-circular-stroke);--plasma-progressbar-circular-content-color:var(--plasma-file-progressbar-circular-content-color);}.Loader_styles_9cvqup_p8jxzss__cd3cc480 .Loader_styles_9cvqup_e3v51gd__cd3cc480{width:100%;height:100%;}
|
|
80
|
+
.Loader_styles_9cvqup_pfkaftk__cd3cc480{--plasma-progress-track-background-color:var(--plasma-file-progress-track-background-color);--plasma-progress-track-height:var(--plasma-file-progress-track-height);--plasma-progress-track-border-radius:var(--plasma-file-progress-track-border-radius);--plasma-progress-filled-background-color:var(--plasma-file-progress-filled-background-color);--plasma-progress-filled-height:var(--plasma-file-progress-filled-height);--plasma-progress-filled-border-radius:var(--plasma-file-progress-filled-border-radius);width:100%;}
|
|
@@ -22,7 +22,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
|
22
22
|
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
23
23
|
var cls__default = /*#__PURE__*/_interopDefault(cls);
|
|
24
24
|
|
|
25
|
-
var _excluded = ["className", "style", "filename", "description", "actionContent", "actionPlacement", "fileUrl", "thumbUrl", "thumbIcon", "fileContainerWidth", "
|
|
25
|
+
var _excluded = ["className", "style", "filename", "description", "actionContent", "actionPlacement", "fileUrl", "thumbUrl", "thumbIcon", "fileContainerWidth", "loader", "isLoading", "loaderType", "loaderValue", "loaderMaxValue", "view", "size", "disabled", "onCancel", "onActionClick"];
|
|
26
26
|
var fileRoot = function fileRoot(Root) {
|
|
27
27
|
return /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
28
28
|
var _ProgressBarCircularU, _EmbedIconButtonUI, _FileThumb, _FileThumb2;
|
|
@@ -38,7 +38,6 @@ var fileRoot = function fileRoot(Root) {
|
|
|
38
38
|
thumbIcon = props.thumbIcon,
|
|
39
39
|
_props$fileContainerW = props.fileContainerWidth,
|
|
40
40
|
fileContainerWidth = _props$fileContainerW === void 0 ? '100%' : _props$fileContainerW,
|
|
41
|
-
stretched = props.stretched,
|
|
42
41
|
loader = props.loader,
|
|
43
42
|
_props$isLoading = props.isLoading,
|
|
44
43
|
isLoading = _props$isLoading === void 0 ? false : _props$isLoading,
|
|
@@ -67,8 +66,8 @@ var fileRoot = function fileRoot(Root) {
|
|
|
67
66
|
filenameWithoutExtension = _useMemo.filenameWithoutExtension;
|
|
68
67
|
var actualInnerWidth = React.useMemo(function () {
|
|
69
68
|
var fileContainerWidthValue = fileContainerWidth ? getSizeValueFromProp.getSizeValueFromProp(fileContainerWidth, 'rem') : '100%';
|
|
70
|
-
return
|
|
71
|
-
}, [fileContainerWidth
|
|
69
|
+
return fileContainerWidthValue;
|
|
70
|
+
}, [fileContainerWidth]);
|
|
72
71
|
var renderAction = function renderAction() {
|
|
73
72
|
if (isLoading && loaderType === 'circular') {
|
|
74
73
|
return loader || _ProgressBarCircularU || (_ProgressBarCircularU = /*#__PURE__*/React__default.default.createElement(Loader_styles.ProgressBarCircularUI, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"File.js","sources":["../../../../../src/components/File/File.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport cls from 'classnames';\nimport { getSizeValueFromProp } from 'src/utils';\nimport type { RootProps } from 'src/engines';\n\nimport { extractExtension } from '../Attach/utils';\n\nimport { getFileIcon } from './utils/getFileIcon';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport type { FileProps, FileRootProps } from './File.types';\nimport { base, FileThumb, ThumbImg } from './File.styles';\nimport { classes, privateTokens } from './File.tokens';\nimport { CellUI, EmbedIconButtonUI, ProgressBarCircularUI, ProgressUI } from './ui';\n\nexport const fileRoot = (Root: RootProps<HTMLDivElement, FileRootProps>) =>\n forwardRef<HTMLDivElement, FileProps>((props, ref) => {\n const {\n className,\n style,\n\n // layout\n filename,\n description,\n actionContent,\n actionPlacement = 'right',\n fileUrl,\n thumbUrl,\n thumbIcon,\n fileContainerWidth = '100%',\n stretched,\n\n // loader\n loader,\n isLoading = false,\n loaderType = 'circular',\n loaderValue = 0,\n loaderMaxValue = 100,\n\n // variations\n view,\n size,\n disabled = false,\n\n // events\n onCancel,\n onActionClick,\n\n ...rest\n } = props;\n const { extension, filenameWithoutExtension } = useMemo(() => {\n const ext = extractExtension(filename) || '';\n const name = ext ? filename.slice(0, -1 - ext.length) : filename;\n return { extension: ext, filenameWithoutExtension: name };\n }, [filename]);\n\n const actualInnerWidth = useMemo(() => {\n const fileContainerWidthValue = fileContainerWidth\n ? getSizeValueFromProp(fileContainerWidth, 'rem')\n : '100%';\n\n return stretched ? '100%' : fileContainerWidthValue;\n }, [fileContainerWidth, stretched]);\n\n const renderAction = () => {\n if (isLoading && loaderType === 'circular') {\n return (\n loader || (\n <ProgressBarCircularUI value={loaderValue} maxValue={loaderMaxValue}>\n <EmbedIconButtonUI onClick={onCancel} type=\"button\" aria-label=\"Cancel\">\n {actionContent}\n </EmbedIconButtonUI>\n </ProgressBarCircularUI>\n )\n );\n }\n\n if (actionContent) {\n return <EmbedIconButtonUI onClick={onActionClick}>{actionContent}</EmbedIconButtonUI>;\n }\n\n return null;\n };\n\n const renderFileThumb = () => {\n if (actionPlacement === 'left') {\n return renderAction();\n }\n\n if (thumbUrl) {\n return (\n <FileThumb>\n <ThumbImg src={thumbUrl} alt=\"\" />\n </FileThumb>\n );\n }\n\n if (thumbIcon) {\n return <FileThumb>{thumbIcon}</FileThumb>;\n }\n\n if (fileUrl) {\n return <FileThumb>{getFileIcon(extension, size)}</FileThumb>;\n }\n\n return null;\n };\n\n return (\n <Root\n ref={ref}\n className={cls(className, classes.fileItem, { [classes.fileLoaderLinear]: loaderType === 'linear' })}\n view={view}\n size={size}\n disabled={disabled}\n style={{\n ...style,\n [privateTokens.fileInnerWidth]: actualInnerWidth,\n }}\n {...rest}\n >\n <CellUI\n className={cls({ [classes.fileActionLeft]: actionPlacement === 'left' })}\n filenameWithoutExtension={filenameWithoutExtension}\n extension={extension}\n description={description}\n size={size}\n cellContentLeft={renderFileThumb()}\n cellContentRight={actionPlacement === 'right' ? renderAction() : null}\n />\n {isLoading && loaderType === 'linear' && (\n <>{loader || <ProgressUI displayValue={false} value={loaderValue} />}</>\n )}\n </Root>\n );\n });\n\nexport const fileConfig = {\n name: 'File',\n tag: 'div',\n layout: fileRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["fileRoot","Root","forwardRef","props","ref","_ProgressBarCircularU","_EmbedIconButtonUI","_FileThumb","_FileThumb2","className","style","filename","description","actionContent","_props$actionPlacemen","actionPlacement","fileUrl","thumbUrl","thumbIcon","_props$fileContainerW","fileContainerWidth","stretched","loader","_props$isLoading","isLoading","_props$loaderType","loaderType","_props$loaderValue","loaderValue","_props$loaderMaxValue","loaderMaxValue","view","size","_props$disabled","disabled","onCancel","onActionClick","rest","_objectWithoutProperties","_excluded","_useMemo","useMemo","ext","extractExtension","name","slice","length","extension","filenameWithoutExtension","actualInnerWidth","fileContainerWidthValue","getSizeValueFromProp","renderAction","React","createElement","ProgressBarCircularUI","value","maxValue","EmbedIconButtonUI","onClick","type","renderFileThumb","FileThumb","ThumbImg","src","alt","getFileIcon","_extends","cls","classes","fileItem","_defineProperty","fileLoaderLinear","_objectSpread","privateTokens","fileInnerWidth","CellUI","fileActionLeft","cellContentLeft","cellContentRight","Fragment","ProgressUI","displayValue","fileConfig","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","defaults"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"File.js","sources":["../../../../../src/components/File/File.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport cls from 'classnames';\nimport { getSizeValueFromProp } from 'src/utils';\nimport type { RootProps } from 'src/engines';\n\nimport { extractExtension } from '../Attach/utils';\n\nimport { getFileIcon } from './utils/getFileIcon';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport type { FileProps, FileRootProps } from './File.types';\nimport { base, FileThumb, ThumbImg } from './File.styles';\nimport { classes, privateTokens } from './File.tokens';\nimport { CellUI, EmbedIconButtonUI, ProgressBarCircularUI, ProgressUI } from './ui';\n\nexport const fileRoot = (Root: RootProps<HTMLDivElement, FileRootProps>) =>\n forwardRef<HTMLDivElement, FileProps>((props, ref) => {\n const {\n className,\n style,\n\n // layout\n filename,\n description,\n actionContent,\n actionPlacement = 'right',\n fileUrl,\n thumbUrl,\n thumbIcon,\n fileContainerWidth = '100%',\n\n // loader\n loader,\n isLoading = false,\n loaderType = 'circular',\n loaderValue = 0,\n loaderMaxValue = 100,\n\n // variations\n view,\n size,\n disabled = false,\n\n // events\n onCancel,\n onActionClick,\n\n ...rest\n } = props;\n const { extension, filenameWithoutExtension } = useMemo(() => {\n const ext = extractExtension(filename) || '';\n const name = ext ? filename.slice(0, -1 - ext.length) : filename;\n return { extension: ext, filenameWithoutExtension: name };\n }, [filename]);\n\n const actualInnerWidth = useMemo(() => {\n const fileContainerWidthValue = fileContainerWidth\n ? getSizeValueFromProp(fileContainerWidth, 'rem')\n : '100%';\n\n return fileContainerWidthValue;\n }, [fileContainerWidth]);\n\n const renderAction = () => {\n if (isLoading && loaderType === 'circular') {\n return (\n loader || (\n <ProgressBarCircularUI value={loaderValue} maxValue={loaderMaxValue}>\n <EmbedIconButtonUI onClick={onCancel} type=\"button\" aria-label=\"Cancel\">\n {actionContent}\n </EmbedIconButtonUI>\n </ProgressBarCircularUI>\n )\n );\n }\n\n if (actionContent) {\n return <EmbedIconButtonUI onClick={onActionClick}>{actionContent}</EmbedIconButtonUI>;\n }\n\n return null;\n };\n\n const renderFileThumb = () => {\n if (actionPlacement === 'left') {\n return renderAction();\n }\n\n if (thumbUrl) {\n return (\n <FileThumb>\n <ThumbImg src={thumbUrl} alt=\"\" />\n </FileThumb>\n );\n }\n\n if (thumbIcon) {\n return <FileThumb>{thumbIcon}</FileThumb>;\n }\n\n if (fileUrl) {\n return <FileThumb>{getFileIcon(extension, size)}</FileThumb>;\n }\n\n return null;\n };\n\n return (\n <Root\n ref={ref}\n className={cls(className, classes.fileItem, { [classes.fileLoaderLinear]: loaderType === 'linear' })}\n view={view}\n size={size}\n disabled={disabled}\n style={{\n ...style,\n [privateTokens.fileInnerWidth]: actualInnerWidth,\n }}\n {...rest}\n >\n <CellUI\n className={cls({ [classes.fileActionLeft]: actionPlacement === 'left' })}\n filenameWithoutExtension={filenameWithoutExtension}\n extension={extension}\n description={description}\n size={size}\n cellContentLeft={renderFileThumb()}\n cellContentRight={actionPlacement === 'right' ? renderAction() : null}\n />\n {isLoading && loaderType === 'linear' && (\n <>{loader || <ProgressUI displayValue={false} value={loaderValue} />}</>\n )}\n </Root>\n );\n });\n\nexport const fileConfig = {\n name: 'File',\n tag: 'div',\n layout: fileRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["fileRoot","Root","forwardRef","props","ref","_ProgressBarCircularU","_EmbedIconButtonUI","_FileThumb","_FileThumb2","className","style","filename","description","actionContent","_props$actionPlacemen","actionPlacement","fileUrl","thumbUrl","thumbIcon","_props$fileContainerW","fileContainerWidth","loader","_props$isLoading","isLoading","_props$loaderType","loaderType","_props$loaderValue","loaderValue","_props$loaderMaxValue","loaderMaxValue","view","size","_props$disabled","disabled","onCancel","onActionClick","rest","_objectWithoutProperties","_excluded","_useMemo","useMemo","ext","extractExtension","name","slice","length","extension","filenameWithoutExtension","actualInnerWidth","fileContainerWidthValue","getSizeValueFromProp","renderAction","React","createElement","ProgressBarCircularUI","value","maxValue","EmbedIconButtonUI","onClick","type","renderFileThumb","FileThumb","ThumbImg","src","alt","getFileIcon","_extends","cls","classes","fileItem","_defineProperty","fileLoaderLinear","_objectSpread","privateTokens","fileInnerWidth","CellUI","fileActionLeft","cellContentLeft","cellContentRight","Fragment","ProgressUI","displayValue","fileConfig","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","defaults"],"mappings":"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"}
|
|
@@ -14,9 +14,9 @@
|
|
|
14
14
|
|
|
15
15
|
.CellTextbox_styles_rgpies_cz0uqdu__c842929b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-cell-textbox-gap);}
|
|
16
16
|
|
|
17
|
-
.
|
|
18
|
-
.
|
|
19
|
-
.
|
|
20
|
-
.
|
|
17
|
+
.Cell_styles_nps7oj_s3czsgs__be6a4f44{white-space:nowrap;height:var(--plasma-file-cell-height);--plasma-cell-width:100%;--plasma-cell-gap:var(--plasma-file-cell-gap);}.Cell_styles_nps7oj_s3czsgs__be6a4f44.Cell_styles_nps7oj_fileActionLeft__be6a4f44 .Cell_styles_nps7oj_c1spqh22__be6a4f44{-webkit-order:-1;-ms-flex-order:-1;order:-1;}
|
|
18
|
+
.Cell_styles_nps7oj_f1g9th3m__be6a4f44{display:grid;grid-template-rows:1fr auto;gap:var(--plasma-file-cell-textbox-gap);}
|
|
19
|
+
.Cell_styles_nps7oj_f141hb5t__be6a4f44{display:inline-grid;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-template-columns:auto 1fr;min-width:8ch;color:var(--plasma-file-cell-title-color);font-family:var(--plasma-file-cell-title-font-family);font-size:var(--plasma-file-cell-title-font-size);font-style:var(--plasma-file-cell-title-font-style);font-weight:var(--plasma-file-cell-title-font-weight);-webkit-letter-spacing:var(--plasma-file-cell-title-letter-spacing);-moz-letter-spacing:var(--plasma-file-cell-title-letter-spacing);-ms-letter-spacing:var(--plasma-file-cell-title-letter-spacing);letter-spacing:var(--plasma-file-cell-title-letter-spacing);line-height:var(--plasma-file-cell-title-line-height);}
|
|
20
|
+
.Cell_styles_nps7oj_t15n7eg9__be6a4f44{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
21
21
|
|
|
22
|
-
.
|
|
22
|
+
.Cell_styles_nps7oj_fv8e3ac__be6a4f44{color:var(--plasma-file-cell-subtitle-color);font-family:var(--plasma-file-cell-subtitle-font-family);font-size:var(--plasma-file-cell-subtitle-font-size);font-style:var(--plasma-file-cell-subtitle-font-style);font-weight:var(--plasma-file-cell-subtitle-font-weight);-webkit-letter-spacing:var(--plasma-file-cell-subtitle-letter-spacing);-moz-letter-spacing:var(--plasma-file-cell-subtitle-letter-spacing);-ms-letter-spacing:var(--plasma-file-cell-subtitle-letter-spacing);letter-spacing:var(--plasma-file-cell-subtitle-letter-spacing);line-height:var(--plasma-file-cell-subtitle-line-height);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Cell.styles.js","sources":["../../../../../../../src/components/File/ui/Cell/Cell.styles.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { component, mergeConfig } from 'src/engines';\nimport { cellConfig, cellTokens } from 'src/components/Cell';\nimport { applyEllipsis } from 'src/mixins';\nimport { CellRight } from 'src/components/Cell/Cell.styles';\n\nimport { classes, tokens } from '../../File.tokens';\n\nconst mergedConfig = mergeConfig(cellConfig);\nconst Cell = component(mergedConfig);\n\nexport const StyledCell = styled(Cell)`\n white-space: nowrap;\n height: var(${tokens.cellHeight});\n ${cellTokens.cellWidth}: 100%;\n\n ${cellTokens.cellGap}: var(${tokens.cellGap});\n\n &.${classes.fileActionLeft} {\n ${CellRight} {\n order: -1;\n }\n }\n`;\n\nexport const FileInfoWrapper = styled.div`\n display:
|
|
1
|
+
{"version":3,"file":"Cell.styles.js","sources":["../../../../../../../src/components/File/ui/Cell/Cell.styles.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { component, mergeConfig } from 'src/engines';\nimport { cellConfig, cellTokens } from 'src/components/Cell';\nimport { applyEllipsis } from 'src/mixins';\nimport { CellRight } from 'src/components/Cell/Cell.styles';\n\nimport { classes, tokens } from '../../File.tokens';\n\nconst mergedConfig = mergeConfig(cellConfig);\nconst Cell = component(mergedConfig);\n\nexport const StyledCell = styled(Cell)`\n white-space: nowrap;\n height: var(${tokens.cellHeight});\n ${cellTokens.cellWidth}: 100%;\n\n ${cellTokens.cellGap}: var(${tokens.cellGap});\n\n &.${classes.fileActionLeft} {\n ${CellRight} {\n order: -1;\n }\n }\n`;\n\nexport const FileInfoWrapper = styled.div`\n display: grid;\n grid-template-rows: 1fr auto;\n gap: var(${tokens.cellTextboxGap});\n`;\n\nexport const FilenameWrapper = styled.div`\n display: inline-grid;\n align-items: center;\n grid-template-columns: auto 1fr;\n min-width: 8ch;\n\n color: var(${tokens.cellTitleColor});\n\n font-family: var(${tokens.cellTitleFontFamily});\n font-size: var(${tokens.cellTitleFontSize});\n font-style: var(${tokens.cellTitleFontStyle});\n font-weight: var(${tokens.cellTitleFontWeight});\n letter-spacing: var(${tokens.cellTitleLetterSpacing});\n line-height: var(${tokens.cellTitleLineHeight});\n`;\n\nexport const TruncatedFilenamePart = styled.span`\n ${applyEllipsis()}\n`;\n\nexport const FilenameExtensionPart = styled.span``;\n\nexport const FileDescription = styled.span`\n color: var(${tokens.cellSubtitleColor});\n\n font-family: var(${tokens.cellSubtitleFontFamily});\n font-size: var(${tokens.cellSubtitleFontSize});\n font-style: var(${tokens.cellSubtitleFontStyle});\n font-weight: var(${tokens.cellSubtitleFontWeight});\n letter-spacing: var(${tokens.cellSubtitleLetterSpacing});\n line-height: var(${tokens.cellSubtitleLineHeight});\n\n ${applyEllipsis()}\n`;\n"],"names":["mergedConfig","mergeConfig","cellConfig","Cell","component","_exp","StyledCell","styled","name","class","propsAsIs","FileInfoWrapper","FilenameWrapper","TruncatedFilenamePart","FilenameExtensionPart","FileDescription"],"mappings":";;;;;;;;AAQA,IAAMA,YAAY,gBAAGC,kBAAW,CAACC,iBAAU,CAAC,CAAA;AAC5C,IAAMC,IAAI,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;AAAC,IAAAK,IAAA,GARnBA,SAQmBA,IAAAA,GAAA;AAAA,EAAA,OAEJF,IAAI,CAAA;AAAA,CAAA,CAAA;AAA9B,IAAMG,UAAU,gBAAGC,YAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAY/B,EAAA;AAEM,IAAMC,eAAe,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIpC,EAAA;AAEM,IAAME,eAAe,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAcpC,EAAA;AAEM,IAAMG,qBAAqB,gBAAGN,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,uBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE1C,EAAA;AAEM,IAAMI,qBAAqB,gBAAGP,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,uBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAO,EAAA;AAE3C,IAAMK,eAAe,gBAAGR,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAWpC;;;;;;;;;"}
|
package/dist/css/cjs/components/File/ui/Cell/{Cell.styles_1nus00g.css → Cell.styles_nps7oj.css}
RENAMED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
.s3czsgs{white-space:nowrap;height:var(--plasma-file-cell-height);--plasma-cell-width:100%;--plasma-cell-gap:var(--plasma-file-cell-gap);}.s3czsgs.file-action-left .c1spqh22{-webkit-order:-1;-ms-flex-order:-1;order:-1;}
|
|
2
|
-
.f1g9th3m{display
|
|
2
|
+
.f1g9th3m{display:grid;grid-template-rows:1fr auto;gap:var(--plasma-file-cell-textbox-gap);}
|
|
3
3
|
.f141hb5t{display:inline-grid;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-template-columns:auto 1fr;min-width:8ch;color:var(--plasma-file-cell-title-color);font-family:var(--plasma-file-cell-title-font-family);font-size:var(--plasma-file-cell-title-font-size);font-style:var(--plasma-file-cell-title-font-style);font-weight:var(--plasma-file-cell-title-font-weight);-webkit-letter-spacing:var(--plasma-file-cell-title-letter-spacing);-moz-letter-spacing:var(--plasma-file-cell-title-letter-spacing);-ms-letter-spacing:var(--plasma-file-cell-title-letter-spacing);letter-spacing:var(--plasma-file-cell-title-letter-spacing);line-height:var(--plasma-file-cell-title-line-height);}
|
|
4
4
|
.t15n7eg9{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
5
5
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
require('./Loader.
|
|
1
|
+
require('./Loader.styles_9cvqup.css');
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
@@ -20,10 +20,10 @@ var ProgressBarCircularUI = /*#__PURE__*/react.styled(_exp())({
|
|
|
20
20
|
"class": "p8jxzss",
|
|
21
21
|
propsAsIs: true
|
|
22
22
|
});
|
|
23
|
-
var
|
|
23
|
+
var _exp19 = function _exp19() {
|
|
24
24
|
return Progress;
|
|
25
25
|
};
|
|
26
|
-
var ProgressUI = /*#__PURE__*/react.styled(
|
|
26
|
+
var ProgressUI = /*#__PURE__*/react.styled(_exp19())({
|
|
27
27
|
name: "ProgressUI",
|
|
28
28
|
"class": "pfkaftk",
|
|
29
29
|
propsAsIs: true
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Loader.styles.js","sources":["../../../../../../../src/components/File/ui/Loader/Loader.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { progressConfig, progressTokens } from 'src/components/Progress';\nimport { progressBarCircularConfig, progressBarCircularTokens } from 'src/components/ProgressBarCircular';\nimport { component, mergeConfig } from 'src/engines';\n\nimport { tokens } from '../../File.tokens';\n\nconst mergedProgressBarCircularConfig = mergeConfig(progressBarCircularConfig);\nconst ProgressBarCircular = component(mergedProgressBarCircularConfig);\n\nconst mergedProgressConfig = mergeConfig(progressConfig);\nconst Progress = component(mergedProgressConfig);\n\nexport const ProgressBarCircularUI = styled(ProgressBarCircular)`\n ${progressBarCircularTokens.size}: var(${tokens.progressBarCircularSize});\n ${progressBarCircularTokens.width}: var(${tokens.progressBarCircularWidth});\n ${progressBarCircularTokens.height}: var(${tokens.progressBarCircularHeight});\n\n ${progressBarCircularTokens.strokeWidth}: var(${tokens.progressBarCircularStrokeWidth});\n ${progressBarCircularTokens.strokeSize}: var(${tokens.progressBarCircularStrokeSize});\n\n ${progressBarCircularTokens.backgroundStroke}: var(${tokens.progressBarCircularBackgroundStroke});\n ${progressBarCircularTokens.progressStroke}: var(${tokens.progressBarCircularStroke});\n\n ${progressBarCircularTokens.contentColor}: var(${tokens.progressBarCircularContentColor});\n`;\n\nexport const ProgressUI = styled(Progress)`\n ${progressTokens.trackBackgroundColor}: var(${tokens.progressTrackBackgroundColor});\n ${progressTokens.trackHeight}: var(${tokens.progressTrackHeight});\n ${progressTokens.trackBorderRadius}: var(${tokens.progressTrackBorderRadius});\n\n ${progressTokens.progressFilledBackgroundColor}: var(${tokens.progressFilledBackgroundColor});\n ${progressTokens.progressFilledHeight}: var(${tokens.progressFilledHeight});\n ${progressTokens.progressFilledBorderRadius}: var(${tokens.progressFilledBorderRadius});\n \n width: 100%;\n`;\n"],"names":["mergedProgressBarCircularConfig","mergeConfig","progressBarCircularConfig","ProgressBarCircular","component","mergedProgressConfig","progressConfig","Progress","_exp","ProgressBarCircularUI","styled","name","class","propsAsIs","
|
|
1
|
+
{"version":3,"file":"Loader.styles.js","sources":["../../../../../../../src/components/File/ui/Loader/Loader.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { progressConfig, progressTokens } from 'src/components/Progress';\nimport { progressBarCircularConfig, progressBarCircularTokens } from 'src/components/ProgressBarCircular';\nimport { component, mergeConfig } from 'src/engines';\n\nimport { tokens } from '../../File.tokens';\nimport { EmbedIconButtonUI } from '../EmbedIconButton/EmbedIconButton.styles';\n\nconst mergedProgressBarCircularConfig = mergeConfig(progressBarCircularConfig);\nconst ProgressBarCircular = component(mergedProgressBarCircularConfig);\n\nconst mergedProgressConfig = mergeConfig(progressConfig);\nconst Progress = component(mergedProgressConfig);\n\nexport const ProgressBarCircularUI = styled(ProgressBarCircular)`\n ${progressBarCircularTokens.size}: var(${tokens.progressBarCircularSize});\n ${progressBarCircularTokens.width}: var(${tokens.progressBarCircularWidth});\n ${progressBarCircularTokens.height}: var(${tokens.progressBarCircularHeight});\n\n ${progressBarCircularTokens.strokeWidth}: var(${tokens.progressBarCircularStrokeWidth});\n ${progressBarCircularTokens.strokeSize}: var(${tokens.progressBarCircularStrokeSize});\n\n ${progressBarCircularTokens.backgroundStroke}: var(${tokens.progressBarCircularBackgroundStroke});\n ${progressBarCircularTokens.progressStroke}: var(${tokens.progressBarCircularStroke});\n\n ${progressBarCircularTokens.contentColor}: var(${tokens.progressBarCircularContentColor});\n\n ${EmbedIconButtonUI} {\n width: 100%;\n height: 100%;\n }\n`;\n\nexport const ProgressUI = styled(Progress)`\n ${progressTokens.trackBackgroundColor}: var(${tokens.progressTrackBackgroundColor});\n ${progressTokens.trackHeight}: var(${tokens.progressTrackHeight});\n ${progressTokens.trackBorderRadius}: var(${tokens.progressTrackBorderRadius});\n\n ${progressTokens.progressFilledBackgroundColor}: var(${tokens.progressFilledBackgroundColor});\n ${progressTokens.progressFilledHeight}: var(${tokens.progressFilledHeight});\n ${progressTokens.progressFilledBorderRadius}: var(${tokens.progressFilledBorderRadius});\n \n width: 100%;\n`;\n"],"names":["mergedProgressBarCircularConfig","mergeConfig","progressBarCircularConfig","ProgressBarCircular","component","mergedProgressConfig","progressConfig","Progress","_exp","ProgressBarCircularUI","styled","name","class","propsAsIs","_exp19","ProgressUI"],"mappings":";;;;;;;;;AAQA,IAAMA,+BAA+B,gBAAGC,kBAAW,CAACC,+CAAyB,CAAC,CAAA;AAC9E,IAAMC,mBAAmB,gBAAGC,gBAAS,CAACJ,+BAA+B,CAAC,CAAA;AAEtE,IAAMK,oBAAoB,gBAAGJ,kBAAW,CAACK,yBAAc,CAAC,CAAA;AACxD,IAAMC,QAAQ,gBAAGH,gBAAS,CAACC,oBAAoB,CAAC,CAAA;AAAC,IAAAG,IAAA,GAX/BA,SAW+BA,IAAAA,GAAA;AAAA,EAAA,OAELL,mBAAmB,CAAA;AAAA,CAAA,CAAA;AAAxD,IAAMM,qBAAqB,gBAAGC,YAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,uBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAiB1C,EAAA;AAAC,IAAAC,MAAA,GA9BgBA,SA8BhBA,MAAAA,GAAA;AAAA,EAAA,OAE+BP,QAAQ,CAAA;AAAA,CAAA,CAAA;AAAlC,IAAMQ,UAAU,gBAAGL,YAAM,CAAAI,MAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAU/B;;;;;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.p8jxzss{--plasma-progressbar-circular-size:var(--plasma-file-progressbar-circular-size);--plasma-progressbar-circular-width:var(--plasma-file-progressbar-circular-width);--plasma-progressbar-circular-height:var(--plasma-file-progressbar-circular-height);--plasma-progressbar-circular-stroke-width:var(--plasma-file-progressbar-circular-stroke-width);--plasma-progressbar-circular-stroke-size:var(--plasma-file-progressbar-circular-stroke-size);--plasma-progressbar-circular-background-stroke:var(--plasma-file-progressbar-circular-background-stroke);--plasma-progressbar-circular-progress-stroke:var(--plasma-file-progressbar-circular-stroke);--plasma-progressbar-circular-content-color:var(--plasma-file-progressbar-circular-content-color);}
|
|
1
|
+
.p8jxzss{--plasma-progressbar-circular-size:var(--plasma-file-progressbar-circular-size);--plasma-progressbar-circular-width:var(--plasma-file-progressbar-circular-width);--plasma-progressbar-circular-height:var(--plasma-file-progressbar-circular-height);--plasma-progressbar-circular-stroke-width:var(--plasma-file-progressbar-circular-stroke-width);--plasma-progressbar-circular-stroke-size:var(--plasma-file-progressbar-circular-stroke-size);--plasma-progressbar-circular-background-stroke:var(--plasma-file-progressbar-circular-background-stroke);--plasma-progressbar-circular-progress-stroke:var(--plasma-file-progressbar-circular-stroke);--plasma-progressbar-circular-content-color:var(--plasma-file-progressbar-circular-content-color);}.p8jxzss .e3v51gd{width:100%;height:100%;}
|
|
2
2
|
.pfkaftk{--plasma-progress-track-background-color:var(--plasma-file-progress-track-background-color);--plasma-progress-track-height:var(--plasma-file-progress-track-height);--plasma-progress-track-border-radius:var(--plasma-file-progress-track-border-radius);--plasma-progress-filled-background-color:var(--plasma-file-progress-filled-background-color);--plasma-progress-filled-height:var(--plasma-file-progress-filled-height);--plasma-progress-filled-border-radius:var(--plasma-file-progress-filled-border-radius);width:100%;}
|
package/dist/css/cjs/index.css
CHANGED
|
@@ -1262,17 +1262,17 @@
|
|
|
1262
1262
|
.File_styles_x6tfzx_t1o86cdi__28147ee8{width:100%;height:100%;object-fit:cover;}
|
|
1263
1263
|
.File_styles_x6tfzx_b1bbw1jz__28147ee8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;box-sizing:border-box;width:var(--plasma_private-file-inner-width);}.File_styles_x6tfzx_b1bbw1jz__28147ee8.File_styles_x6tfzx_fileLoaderLinear__28147ee8{gap:var(--plasma-file-content-linear-progress-gap);}
|
|
1264
1264
|
|
|
1265
|
-
.
|
|
1266
|
-
.
|
|
1267
|
-
.
|
|
1268
|
-
.
|
|
1265
|
+
.Cell_styles_nps7oj_s3czsgs__be6a4f44{white-space:nowrap;height:var(--plasma-file-cell-height);--plasma-cell-width:100%;--plasma-cell-gap:var(--plasma-file-cell-gap);}.Cell_styles_nps7oj_s3czsgs__be6a4f44.Cell_styles_nps7oj_fileActionLeft__be6a4f44 .Cell_styles_nps7oj_c1spqh22__be6a4f44{-webkit-order:-1;-ms-flex-order:-1;order:-1;}
|
|
1266
|
+
.Cell_styles_nps7oj_f1g9th3m__be6a4f44{display:grid;grid-template-rows:1fr auto;gap:var(--plasma-file-cell-textbox-gap);}
|
|
1267
|
+
.Cell_styles_nps7oj_f141hb5t__be6a4f44{display:inline-grid;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-template-columns:auto 1fr;min-width:8ch;color:var(--plasma-file-cell-title-color);font-family:var(--plasma-file-cell-title-font-family);font-size:var(--plasma-file-cell-title-font-size);font-style:var(--plasma-file-cell-title-font-style);font-weight:var(--plasma-file-cell-title-font-weight);-webkit-letter-spacing:var(--plasma-file-cell-title-letter-spacing);-moz-letter-spacing:var(--plasma-file-cell-title-letter-spacing);-ms-letter-spacing:var(--plasma-file-cell-title-letter-spacing);letter-spacing:var(--plasma-file-cell-title-letter-spacing);line-height:var(--plasma-file-cell-title-line-height);}
|
|
1268
|
+
.Cell_styles_nps7oj_t15n7eg9__be6a4f44{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
1269
1269
|
|
|
1270
|
-
.
|
|
1270
|
+
.Cell_styles_nps7oj_fv8e3ac__be6a4f44{color:var(--plasma-file-cell-subtitle-color);font-family:var(--plasma-file-cell-subtitle-font-family);font-size:var(--plasma-file-cell-subtitle-font-size);font-style:var(--plasma-file-cell-subtitle-font-style);font-weight:var(--plasma-file-cell-subtitle-font-weight);-webkit-letter-spacing:var(--plasma-file-cell-subtitle-letter-spacing);-moz-letter-spacing:var(--plasma-file-cell-subtitle-letter-spacing);-ms-letter-spacing:var(--plasma-file-cell-subtitle-letter-spacing);letter-spacing:var(--plasma-file-cell-subtitle-letter-spacing);line-height:var(--plasma-file-cell-subtitle-line-height);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
1271
1271
|
|
|
1272
1272
|
.EmbedIconButton_styles_15pej3s_e3v51gd__38fa766b{--plasma-embed-icon-button-color:var(--plasma-file-embed-icon-button-color);--plasma-embed-icon-button-color-hover:var(--plasma-file-embed-icon-button-color-hover);--plasma-embed-icon-button-color-active:var(--plasma-file-embed-icon-button-color-active);--plasma-embed-icon-button-height:var(--plasma-file-embed-icon-button-height);--plasma-embed-icon-button-width:var(--plasma-file-embed-icon-button-width);--plasma-embed-icon-button-padding:var(--plasma-file-embed-icon-button-padding);--plasma-embed-icon-button-radius:var(--plasma-file-embed-icon-button-radius);--plasma-embed-icon-button-focus-color:var(--plasma-file-embed-icon-button-focus-color);}
|
|
1273
1273
|
|
|
1274
|
-
.
|
|
1275
|
-
.
|
|
1274
|
+
.Loader_styles_9cvqup_p8jxzss__cd3cc480{--plasma-progressbar-circular-size:var(--plasma-file-progressbar-circular-size);--plasma-progressbar-circular-width:var(--plasma-file-progressbar-circular-width);--plasma-progressbar-circular-height:var(--plasma-file-progressbar-circular-height);--plasma-progressbar-circular-stroke-width:var(--plasma-file-progressbar-circular-stroke-width);--plasma-progressbar-circular-stroke-size:var(--plasma-file-progressbar-circular-stroke-size);--plasma-progressbar-circular-background-stroke:var(--plasma-file-progressbar-circular-background-stroke);--plasma-progressbar-circular-progress-stroke:var(--plasma-file-progressbar-circular-stroke);--plasma-progressbar-circular-content-color:var(--plasma-file-progressbar-circular-content-color);}.Loader_styles_9cvqup_p8jxzss__cd3cc480 .Loader_styles_9cvqup_e3v51gd__cd3cc480{width:100%;height:100%;}
|
|
1275
|
+
.Loader_styles_9cvqup_pfkaftk__cd3cc480{--plasma-progress-track-background-color:var(--plasma-file-progress-track-background-color);--plasma-progress-track-height:var(--plasma-file-progress-track-height);--plasma-progress-track-border-radius:var(--plasma-file-progress-track-border-radius);--plasma-progress-filled-background-color:var(--plasma-file-progress-filled-background-color);--plasma-progress-filled-height:var(--plasma-file-progress-filled-height);--plasma-progress-filled-border-radius:var(--plasma-file-progress-filled-border-radius);width:100%;}
|
|
1276
1276
|
|
|
1277
1277
|
.Popover_styles_1w8fqx9_bf32er5__93c24aa0{border-radius:var(--plasma-popover-border-radius);}
|
|
1278
1278
|
.Popover_styles_1w8fqx9_w1gxr814__93c24aa0{position:relative;background:var(--plasma-popover-background-color);padding:var(--plasma-popover-padding);border-radius:var(--plasma-popover-border-radius);box-shadow:var(--plasma-popover-box-shadow);width:100%;height:100%;box-sizing:border-box;}
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
import { typeof as _typeof } from '../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
+
|
|
1
3
|
/**
|
|
2
4
|
* Вызывает onCommitDate callback с учётом его сигнатуры.
|
|
3
5
|
* Если callback принимает 2 аргумента - использует новую сигнатуру (value, formattedValues).
|
|
@@ -12,7 +14,7 @@ var invokeOnCommitDate = function invokeOnCommitDate(_ref) {
|
|
|
12
14
|
dateInfo = formattedValues.dateInfo,
|
|
13
15
|
originalDate = formattedValues.originalDate,
|
|
14
16
|
isoDate = formattedValues.isoDate;
|
|
15
|
-
if (
|
|
17
|
+
if (_typeof(formattedValues) === 'object' && formattedValues !== null) {
|
|
16
18
|
// Новая сигнатура: (value, formattedValues) => void
|
|
17
19
|
callback(value, formattedValues);
|
|
18
20
|
} else {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"invokeOnCommitDate.js","sources":["../../../../../../src/components/DatePicker/utils/invokeOnCommitDate.ts"],"sourcesContent":["import type {
|
|
1
|
+
{"version":3,"file":"invokeOnCommitDate.js","sources":["../../../../../../src/components/DatePicker/utils/invokeOnCommitDate.ts"],"sourcesContent":["import type {\n FormattedDateValues,\n OnCommitDateCallback,\n OnCommitDateCallbackDeprecated,\n OnCommitDateCallbackUnion,\n} from '../DatePickerBase.types';\n\ntype InvokeOnCommitDateArgs = {\n callback: OnCommitDateCallbackUnion;\n value: Date | string;\n formattedValues: FormattedDateValues;\n};\n\n/**\n * Вызывает onCommitDate callback с учётом его сигнатуры.\n * Если callback принимает 2 аргумента - использует новую сигнатуру (value, formattedValues).\n * Если больше - использует deprecated сигнатуру (value, error, success, dateInfo, originalDate, isoDate).\n */\nexport const invokeOnCommitDate = ({ callback, value, formattedValues }: InvokeOnCommitDateArgs): void => {\n const { error, success, dateInfo, originalDate, isoDate } = formattedValues;\n\n if (typeof formattedValues === 'object' && formattedValues !== null) {\n // Новая сигнатура: (value, formattedValues) => void\n (callback as OnCommitDateCallback)(value, formattedValues);\n } else {\n // Deprecated сигнатура: (value, error, success, dateInfo, originalDate, isoDate) => void\n (callback as OnCommitDateCallbackDeprecated)(value, error, success, dateInfo, originalDate, isoDate);\n }\n};\n"],"names":["invokeOnCommitDate","_ref","callback","value","formattedValues","error","success","dateInfo","originalDate","isoDate","_typeof"],"mappings":";;AAaA;AACA;AACA;AACA;AACA;IACaA,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAA2E;AAAA,EAAA,IAArEC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAEC,eAAe,GAAAH,IAAA,CAAfG,eAAe,CAAA;AACjE,EAAA,IAAQC,KAAK,GAA+CD,eAAe,CAAnEC,KAAK;IAAEC,OAAO,GAAsCF,eAAe,CAA5DE,OAAO;IAAEC,QAAQ,GAA4BH,eAAe,CAAnDG,QAAQ;IAAEC,YAAY,GAAcJ,eAAe,CAAzCI,YAAY;IAAEC,OAAO,GAAKL,eAAe,CAA3BK,OAAO,CAAA;EAEvD,IAAIC,OAAA,CAAON,eAAe,CAAA,KAAK,QAAQ,IAAIA,eAAe,KAAK,IAAI,EAAE;AACjE;AACCF,IAAAA,QAAQ,CAA0BC,KAAK,EAAEC,eAAe,CAAC,CAAA;AAC9D,GAAC,MAAM;AACH;AACCF,IAAAA,QAAQ,CAAoCC,KAAK,EAAEE,KAAK,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,YAAY,EAAEC,OAAO,CAAC,CAAA;AACxG,GAAA;AACJ;;;;"}
|
|
@@ -23,12 +23,12 @@
|
|
|
23
23
|
|
|
24
24
|
.CellTextbox_styles_rgpies_cz0uqdu__c842929b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-cell-textbox-gap);}
|
|
25
25
|
|
|
26
|
-
.
|
|
27
|
-
.
|
|
28
|
-
.
|
|
29
|
-
.
|
|
26
|
+
.Cell_styles_nps7oj_s3czsgs__be6a4f44{white-space:nowrap;height:var(--plasma-file-cell-height);--plasma-cell-width:100%;--plasma-cell-gap:var(--plasma-file-cell-gap);}.Cell_styles_nps7oj_s3czsgs__be6a4f44.Cell_styles_nps7oj_fileActionLeft__be6a4f44 .Cell_styles_nps7oj_c1spqh22__be6a4f44{-webkit-order:-1;-ms-flex-order:-1;order:-1;}
|
|
27
|
+
.Cell_styles_nps7oj_f1g9th3m__be6a4f44{display:grid;grid-template-rows:1fr auto;gap:var(--plasma-file-cell-textbox-gap);}
|
|
28
|
+
.Cell_styles_nps7oj_f141hb5t__be6a4f44{display:inline-grid;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-template-columns:auto 1fr;min-width:8ch;color:var(--plasma-file-cell-title-color);font-family:var(--plasma-file-cell-title-font-family);font-size:var(--plasma-file-cell-title-font-size);font-style:var(--plasma-file-cell-title-font-style);font-weight:var(--plasma-file-cell-title-font-weight);-webkit-letter-spacing:var(--plasma-file-cell-title-letter-spacing);-moz-letter-spacing:var(--plasma-file-cell-title-letter-spacing);-ms-letter-spacing:var(--plasma-file-cell-title-letter-spacing);letter-spacing:var(--plasma-file-cell-title-letter-spacing);line-height:var(--plasma-file-cell-title-line-height);}
|
|
29
|
+
.Cell_styles_nps7oj_t15n7eg9__be6a4f44{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
30
30
|
|
|
31
|
-
.
|
|
31
|
+
.Cell_styles_nps7oj_fv8e3ac__be6a4f44{color:var(--plasma-file-cell-subtitle-color);font-family:var(--plasma-file-cell-subtitle-font-family);font-size:var(--plasma-file-cell-subtitle-font-size);font-style:var(--plasma-file-cell-subtitle-font-style);font-weight:var(--plasma-file-cell-subtitle-font-weight);-webkit-letter-spacing:var(--plasma-file-cell-subtitle-letter-spacing);-moz-letter-spacing:var(--plasma-file-cell-subtitle-letter-spacing);-ms-letter-spacing:var(--plasma-file-cell-subtitle-letter-spacing);letter-spacing:var(--plasma-file-cell-subtitle-letter-spacing);line-height:var(--plasma-file-cell-subtitle-line-height);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
32
32
|
|
|
33
33
|
.base_1gusher_b1chvyq8__76b641f5{color:var(--plasma-spinner-color);}
|
|
34
34
|
|
|
@@ -76,5 +76,5 @@
|
|
|
76
76
|
.ProgressBarCircular_styles_16hxdvd_s1d8ncmi__8bec966a{--percentage:var(--s1d8ncmi-0);--radius:var(--s1d8ncmi-1);--circumference:calc(calc(2 * 3.1415926535) * var(--radius));--dashoffset:calc(var(--circumference) - (var(--percentage,0) * var(--circumference) / 100));fill:none;stroke:var(--plasma-progressbar-circular-progress-stroke);stroke-width:var(--s1d8ncmi-2);stroke-linecap:round;r:var(--radius);stroke-dasharray:var(--circumference);stroke-dashoffset:var(--dashoffset);-webkit-transition:stroke-dashoffset 0.3s linear;transition:stroke-dashoffset 0.3s linear;}
|
|
77
77
|
.ProgressBarCircular_styles_16hxdvd_sg9aoc4__8bec966a{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:var(--plasma-progressbar-circular-content-color);font-family:var(--plasma-progressbar-circular-content-font-family);font-size:var(--plasma-progressbar-circular-content-font-size);font-style:var(--plasma-progressbar-circular-content-font-style);font-weight:var(--plasma-progressbar-circular-content-font-weight);-webkit-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);-moz-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);-ms-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);line-height:var(--plasma-progressbar-circular-content-line-height);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
|
|
78
78
|
|
|
79
|
-
.
|
|
80
|
-
.
|
|
79
|
+
.Loader_styles_9cvqup_p8jxzss__cd3cc480{--plasma-progressbar-circular-size:var(--plasma-file-progressbar-circular-size);--plasma-progressbar-circular-width:var(--plasma-file-progressbar-circular-width);--plasma-progressbar-circular-height:var(--plasma-file-progressbar-circular-height);--plasma-progressbar-circular-stroke-width:var(--plasma-file-progressbar-circular-stroke-width);--plasma-progressbar-circular-stroke-size:var(--plasma-file-progressbar-circular-stroke-size);--plasma-progressbar-circular-background-stroke:var(--plasma-file-progressbar-circular-background-stroke);--plasma-progressbar-circular-progress-stroke:var(--plasma-file-progressbar-circular-stroke);--plasma-progressbar-circular-content-color:var(--plasma-file-progressbar-circular-content-color);}.Loader_styles_9cvqup_p8jxzss__cd3cc480 .Loader_styles_9cvqup_e3v51gd__cd3cc480{width:100%;height:100%;}
|
|
80
|
+
.Loader_styles_9cvqup_pfkaftk__cd3cc480{--plasma-progress-track-background-color:var(--plasma-file-progress-track-background-color);--plasma-progress-track-height:var(--plasma-file-progress-track-height);--plasma-progress-track-border-radius:var(--plasma-file-progress-track-border-radius);--plasma-progress-filled-background-color:var(--plasma-file-progress-filled-background-color);--plasma-progress-filled-height:var(--plasma-file-progress-filled-height);--plasma-progress-filled-border-radius:var(--plasma-file-progress-filled-border-radius);width:100%;}
|
|
@@ -13,7 +13,7 @@ import { ProgressUI, ProgressBarCircularUI } from './ui/Loader/Loader.styles.js'
|
|
|
13
13
|
import { getSizeValueFromProp } from '../../utils/getSizeValueFromProp.js';
|
|
14
14
|
import { EmbedIconButtonUI } from './ui/EmbedIconButton/EmbedIconButton.styles.js';
|
|
15
15
|
|
|
16
|
-
var _excluded = ["className", "style", "filename", "description", "actionContent", "actionPlacement", "fileUrl", "thumbUrl", "thumbIcon", "fileContainerWidth", "
|
|
16
|
+
var _excluded = ["className", "style", "filename", "description", "actionContent", "actionPlacement", "fileUrl", "thumbUrl", "thumbIcon", "fileContainerWidth", "loader", "isLoading", "loaderType", "loaderValue", "loaderMaxValue", "view", "size", "disabled", "onCancel", "onActionClick"];
|
|
17
17
|
var fileRoot = function fileRoot(Root) {
|
|
18
18
|
return /*#__PURE__*/forwardRef(function (props, ref) {
|
|
19
19
|
var _ProgressBarCircularU, _EmbedIconButtonUI, _FileThumb, _FileThumb2;
|
|
@@ -29,7 +29,6 @@ var fileRoot = function fileRoot(Root) {
|
|
|
29
29
|
thumbIcon = props.thumbIcon,
|
|
30
30
|
_props$fileContainerW = props.fileContainerWidth,
|
|
31
31
|
fileContainerWidth = _props$fileContainerW === void 0 ? '100%' : _props$fileContainerW,
|
|
32
|
-
stretched = props.stretched,
|
|
33
32
|
loader = props.loader,
|
|
34
33
|
_props$isLoading = props.isLoading,
|
|
35
34
|
isLoading = _props$isLoading === void 0 ? false : _props$isLoading,
|
|
@@ -58,8 +57,8 @@ var fileRoot = function fileRoot(Root) {
|
|
|
58
57
|
filenameWithoutExtension = _useMemo.filenameWithoutExtension;
|
|
59
58
|
var actualInnerWidth = useMemo(function () {
|
|
60
59
|
var fileContainerWidthValue = fileContainerWidth ? getSizeValueFromProp(fileContainerWidth, 'rem') : '100%';
|
|
61
|
-
return
|
|
62
|
-
}, [fileContainerWidth
|
|
60
|
+
return fileContainerWidthValue;
|
|
61
|
+
}, [fileContainerWidth]);
|
|
63
62
|
var renderAction = function renderAction() {
|
|
64
63
|
if (isLoading && loaderType === 'circular') {
|
|
65
64
|
return loader || _ProgressBarCircularU || (_ProgressBarCircularU = /*#__PURE__*/React__default.createElement(ProgressBarCircularUI, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"File.js","sources":["../../../../../src/components/File/File.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport cls from 'classnames';\nimport { getSizeValueFromProp } from 'src/utils';\nimport type { RootProps } from 'src/engines';\n\nimport { extractExtension } from '../Attach/utils';\n\nimport { getFileIcon } from './utils/getFileIcon';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport type { FileProps, FileRootProps } from './File.types';\nimport { base, FileThumb, ThumbImg } from './File.styles';\nimport { classes, privateTokens } from './File.tokens';\nimport { CellUI, EmbedIconButtonUI, ProgressBarCircularUI, ProgressUI } from './ui';\n\nexport const fileRoot = (Root: RootProps<HTMLDivElement, FileRootProps>) =>\n forwardRef<HTMLDivElement, FileProps>((props, ref) => {\n const {\n className,\n style,\n\n // layout\n filename,\n description,\n actionContent,\n actionPlacement = 'right',\n fileUrl,\n thumbUrl,\n thumbIcon,\n fileContainerWidth = '100%',\n stretched,\n\n // loader\n loader,\n isLoading = false,\n loaderType = 'circular',\n loaderValue = 0,\n loaderMaxValue = 100,\n\n // variations\n view,\n size,\n disabled = false,\n\n // events\n onCancel,\n onActionClick,\n\n ...rest\n } = props;\n const { extension, filenameWithoutExtension } = useMemo(() => {\n const ext = extractExtension(filename) || '';\n const name = ext ? filename.slice(0, -1 - ext.length) : filename;\n return { extension: ext, filenameWithoutExtension: name };\n }, [filename]);\n\n const actualInnerWidth = useMemo(() => {\n const fileContainerWidthValue = fileContainerWidth\n ? getSizeValueFromProp(fileContainerWidth, 'rem')\n : '100%';\n\n return stretched ? '100%' : fileContainerWidthValue;\n }, [fileContainerWidth, stretched]);\n\n const renderAction = () => {\n if (isLoading && loaderType === 'circular') {\n return (\n loader || (\n <ProgressBarCircularUI value={loaderValue} maxValue={loaderMaxValue}>\n <EmbedIconButtonUI onClick={onCancel} type=\"button\" aria-label=\"Cancel\">\n {actionContent}\n </EmbedIconButtonUI>\n </ProgressBarCircularUI>\n )\n );\n }\n\n if (actionContent) {\n return <EmbedIconButtonUI onClick={onActionClick}>{actionContent}</EmbedIconButtonUI>;\n }\n\n return null;\n };\n\n const renderFileThumb = () => {\n if (actionPlacement === 'left') {\n return renderAction();\n }\n\n if (thumbUrl) {\n return (\n <FileThumb>\n <ThumbImg src={thumbUrl} alt=\"\" />\n </FileThumb>\n );\n }\n\n if (thumbIcon) {\n return <FileThumb>{thumbIcon}</FileThumb>;\n }\n\n if (fileUrl) {\n return <FileThumb>{getFileIcon(extension, size)}</FileThumb>;\n }\n\n return null;\n };\n\n return (\n <Root\n ref={ref}\n className={cls(className, classes.fileItem, { [classes.fileLoaderLinear]: loaderType === 'linear' })}\n view={view}\n size={size}\n disabled={disabled}\n style={{\n ...style,\n [privateTokens.fileInnerWidth]: actualInnerWidth,\n }}\n {...rest}\n >\n <CellUI\n className={cls({ [classes.fileActionLeft]: actionPlacement === 'left' })}\n filenameWithoutExtension={filenameWithoutExtension}\n extension={extension}\n description={description}\n size={size}\n cellContentLeft={renderFileThumb()}\n cellContentRight={actionPlacement === 'right' ? renderAction() : null}\n />\n {isLoading && loaderType === 'linear' && (\n <>{loader || <ProgressUI displayValue={false} value={loaderValue} />}</>\n )}\n </Root>\n );\n });\n\nexport const fileConfig = {\n name: 'File',\n tag: 'div',\n layout: fileRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["fileRoot","Root","forwardRef","props","ref","_ProgressBarCircularU","_EmbedIconButtonUI","_FileThumb","_FileThumb2","className","style","filename","description","actionContent","_props$actionPlacemen","actionPlacement","fileUrl","thumbUrl","thumbIcon","_props$fileContainerW","fileContainerWidth","stretched","loader","_props$isLoading","isLoading","_props$loaderType","loaderType","_props$loaderValue","loaderValue","_props$loaderMaxValue","loaderMaxValue","view","size","_props$disabled","disabled","onCancel","onActionClick","rest","_objectWithoutProperties","_excluded","_useMemo","useMemo","ext","extractExtension","name","slice","length","extension","filenameWithoutExtension","actualInnerWidth","fileContainerWidthValue","getSizeValueFromProp","renderAction","React","createElement","ProgressBarCircularUI","value","maxValue","EmbedIconButtonUI","onClick","type","renderFileThumb","FileThumb","ThumbImg","src","alt","getFileIcon","_extends","cls","classes","fileItem","_defineProperty","fileLoaderLinear","_objectSpread","privateTokens","fileInnerWidth","CellUI","fileActionLeft","cellContentLeft","cellContentRight","Fragment","ProgressUI","displayValue","fileConfig","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","defaults"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"File.js","sources":["../../../../../src/components/File/File.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport cls from 'classnames';\nimport { getSizeValueFromProp } from 'src/utils';\nimport type { RootProps } from 'src/engines';\n\nimport { extractExtension } from '../Attach/utils';\n\nimport { getFileIcon } from './utils/getFileIcon';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport type { FileProps, FileRootProps } from './File.types';\nimport { base, FileThumb, ThumbImg } from './File.styles';\nimport { classes, privateTokens } from './File.tokens';\nimport { CellUI, EmbedIconButtonUI, ProgressBarCircularUI, ProgressUI } from './ui';\n\nexport const fileRoot = (Root: RootProps<HTMLDivElement, FileRootProps>) =>\n forwardRef<HTMLDivElement, FileProps>((props, ref) => {\n const {\n className,\n style,\n\n // layout\n filename,\n description,\n actionContent,\n actionPlacement = 'right',\n fileUrl,\n thumbUrl,\n thumbIcon,\n fileContainerWidth = '100%',\n\n // loader\n loader,\n isLoading = false,\n loaderType = 'circular',\n loaderValue = 0,\n loaderMaxValue = 100,\n\n // variations\n view,\n size,\n disabled = false,\n\n // events\n onCancel,\n onActionClick,\n\n ...rest\n } = props;\n const { extension, filenameWithoutExtension } = useMemo(() => {\n const ext = extractExtension(filename) || '';\n const name = ext ? filename.slice(0, -1 - ext.length) : filename;\n return { extension: ext, filenameWithoutExtension: name };\n }, [filename]);\n\n const actualInnerWidth = useMemo(() => {\n const fileContainerWidthValue = fileContainerWidth\n ? getSizeValueFromProp(fileContainerWidth, 'rem')\n : '100%';\n\n return fileContainerWidthValue;\n }, [fileContainerWidth]);\n\n const renderAction = () => {\n if (isLoading && loaderType === 'circular') {\n return (\n loader || (\n <ProgressBarCircularUI value={loaderValue} maxValue={loaderMaxValue}>\n <EmbedIconButtonUI onClick={onCancel} type=\"button\" aria-label=\"Cancel\">\n {actionContent}\n </EmbedIconButtonUI>\n </ProgressBarCircularUI>\n )\n );\n }\n\n if (actionContent) {\n return <EmbedIconButtonUI onClick={onActionClick}>{actionContent}</EmbedIconButtonUI>;\n }\n\n return null;\n };\n\n const renderFileThumb = () => {\n if (actionPlacement === 'left') {\n return renderAction();\n }\n\n if (thumbUrl) {\n return (\n <FileThumb>\n <ThumbImg src={thumbUrl} alt=\"\" />\n </FileThumb>\n );\n }\n\n if (thumbIcon) {\n return <FileThumb>{thumbIcon}</FileThumb>;\n }\n\n if (fileUrl) {\n return <FileThumb>{getFileIcon(extension, size)}</FileThumb>;\n }\n\n return null;\n };\n\n return (\n <Root\n ref={ref}\n className={cls(className, classes.fileItem, { [classes.fileLoaderLinear]: loaderType === 'linear' })}\n view={view}\n size={size}\n disabled={disabled}\n style={{\n ...style,\n [privateTokens.fileInnerWidth]: actualInnerWidth,\n }}\n {...rest}\n >\n <CellUI\n className={cls({ [classes.fileActionLeft]: actionPlacement === 'left' })}\n filenameWithoutExtension={filenameWithoutExtension}\n extension={extension}\n description={description}\n size={size}\n cellContentLeft={renderFileThumb()}\n cellContentRight={actionPlacement === 'right' ? renderAction() : null}\n />\n {isLoading && loaderType === 'linear' && (\n <>{loader || <ProgressUI displayValue={false} value={loaderValue} />}</>\n )}\n </Root>\n );\n });\n\nexport const fileConfig = {\n name: 'File',\n tag: 'div',\n layout: fileRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["fileRoot","Root","forwardRef","props","ref","_ProgressBarCircularU","_EmbedIconButtonUI","_FileThumb","_FileThumb2","className","style","filename","description","actionContent","_props$actionPlacemen","actionPlacement","fileUrl","thumbUrl","thumbIcon","_props$fileContainerW","fileContainerWidth","loader","_props$isLoading","isLoading","_props$loaderType","loaderType","_props$loaderValue","loaderValue","_props$loaderMaxValue","loaderMaxValue","view","size","_props$disabled","disabled","onCancel","onActionClick","rest","_objectWithoutProperties","_excluded","_useMemo","useMemo","ext","extractExtension","name","slice","length","extension","filenameWithoutExtension","actualInnerWidth","fileContainerWidthValue","getSizeValueFromProp","renderAction","React","createElement","ProgressBarCircularUI","value","maxValue","EmbedIconButtonUI","onClick","type","renderFileThumb","FileThumb","ThumbImg","src","alt","getFileIcon","_extends","cls","classes","fileItem","_defineProperty","fileLoaderLinear","_objectSpread","privateTokens","fileInnerWidth","CellUI","fileActionLeft","cellContentLeft","cellContentRight","Fragment","ProgressUI","displayValue","fileConfig","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","defaults"],"mappings":"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"}
|
|
@@ -14,9 +14,9 @@
|
|
|
14
14
|
|
|
15
15
|
.CellTextbox_styles_rgpies_cz0uqdu__c842929b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-cell-textbox-gap);}
|
|
16
16
|
|
|
17
|
-
.
|
|
18
|
-
.
|
|
19
|
-
.
|
|
20
|
-
.
|
|
17
|
+
.Cell_styles_nps7oj_s3czsgs__be6a4f44{white-space:nowrap;height:var(--plasma-file-cell-height);--plasma-cell-width:100%;--plasma-cell-gap:var(--plasma-file-cell-gap);}.Cell_styles_nps7oj_s3czsgs__be6a4f44.Cell_styles_nps7oj_fileActionLeft__be6a4f44 .Cell_styles_nps7oj_c1spqh22__be6a4f44{-webkit-order:-1;-ms-flex-order:-1;order:-1;}
|
|
18
|
+
.Cell_styles_nps7oj_f1g9th3m__be6a4f44{display:grid;grid-template-rows:1fr auto;gap:var(--plasma-file-cell-textbox-gap);}
|
|
19
|
+
.Cell_styles_nps7oj_f141hb5t__be6a4f44{display:inline-grid;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-template-columns:auto 1fr;min-width:8ch;color:var(--plasma-file-cell-title-color);font-family:var(--plasma-file-cell-title-font-family);font-size:var(--plasma-file-cell-title-font-size);font-style:var(--plasma-file-cell-title-font-style);font-weight:var(--plasma-file-cell-title-font-weight);-webkit-letter-spacing:var(--plasma-file-cell-title-letter-spacing);-moz-letter-spacing:var(--plasma-file-cell-title-letter-spacing);-ms-letter-spacing:var(--plasma-file-cell-title-letter-spacing);letter-spacing:var(--plasma-file-cell-title-letter-spacing);line-height:var(--plasma-file-cell-title-line-height);}
|
|
20
|
+
.Cell_styles_nps7oj_t15n7eg9__be6a4f44{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
21
21
|
|
|
22
|
-
.
|
|
22
|
+
.Cell_styles_nps7oj_fv8e3ac__be6a4f44{color:var(--plasma-file-cell-subtitle-color);font-family:var(--plasma-file-cell-subtitle-font-family);font-size:var(--plasma-file-cell-subtitle-font-size);font-style:var(--plasma-file-cell-subtitle-font-style);font-weight:var(--plasma-file-cell-subtitle-font-weight);-webkit-letter-spacing:var(--plasma-file-cell-subtitle-letter-spacing);-moz-letter-spacing:var(--plasma-file-cell-subtitle-letter-spacing);-ms-letter-spacing:var(--plasma-file-cell-subtitle-letter-spacing);letter-spacing:var(--plasma-file-cell-subtitle-letter-spacing);line-height:var(--plasma-file-cell-subtitle-line-height);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Cell.styles.js","sources":["../../../../../../../src/components/File/ui/Cell/Cell.styles.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { component, mergeConfig } from 'src/engines';\nimport { cellConfig, cellTokens } from 'src/components/Cell';\nimport { applyEllipsis } from 'src/mixins';\nimport { CellRight } from 'src/components/Cell/Cell.styles';\n\nimport { classes, tokens } from '../../File.tokens';\n\nconst mergedConfig = mergeConfig(cellConfig);\nconst Cell = component(mergedConfig);\n\nexport const StyledCell = styled(Cell)`\n white-space: nowrap;\n height: var(${tokens.cellHeight});\n ${cellTokens.cellWidth}: 100%;\n\n ${cellTokens.cellGap}: var(${tokens.cellGap});\n\n &.${classes.fileActionLeft} {\n ${CellRight} {\n order: -1;\n }\n }\n`;\n\nexport const FileInfoWrapper = styled.div`\n display:
|
|
1
|
+
{"version":3,"file":"Cell.styles.js","sources":["../../../../../../../src/components/File/ui/Cell/Cell.styles.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { component, mergeConfig } from 'src/engines';\nimport { cellConfig, cellTokens } from 'src/components/Cell';\nimport { applyEllipsis } from 'src/mixins';\nimport { CellRight } from 'src/components/Cell/Cell.styles';\n\nimport { classes, tokens } from '../../File.tokens';\n\nconst mergedConfig = mergeConfig(cellConfig);\nconst Cell = component(mergedConfig);\n\nexport const StyledCell = styled(Cell)`\n white-space: nowrap;\n height: var(${tokens.cellHeight});\n ${cellTokens.cellWidth}: 100%;\n\n ${cellTokens.cellGap}: var(${tokens.cellGap});\n\n &.${classes.fileActionLeft} {\n ${CellRight} {\n order: -1;\n }\n }\n`;\n\nexport const FileInfoWrapper = styled.div`\n display: grid;\n grid-template-rows: 1fr auto;\n gap: var(${tokens.cellTextboxGap});\n`;\n\nexport const FilenameWrapper = styled.div`\n display: inline-grid;\n align-items: center;\n grid-template-columns: auto 1fr;\n min-width: 8ch;\n\n color: var(${tokens.cellTitleColor});\n\n font-family: var(${tokens.cellTitleFontFamily});\n font-size: var(${tokens.cellTitleFontSize});\n font-style: var(${tokens.cellTitleFontStyle});\n font-weight: var(${tokens.cellTitleFontWeight});\n letter-spacing: var(${tokens.cellTitleLetterSpacing});\n line-height: var(${tokens.cellTitleLineHeight});\n`;\n\nexport const TruncatedFilenamePart = styled.span`\n ${applyEllipsis()}\n`;\n\nexport const FilenameExtensionPart = styled.span``;\n\nexport const FileDescription = styled.span`\n color: var(${tokens.cellSubtitleColor});\n\n font-family: var(${tokens.cellSubtitleFontFamily});\n font-size: var(${tokens.cellSubtitleFontSize});\n font-style: var(${tokens.cellSubtitleFontStyle});\n font-weight: var(${tokens.cellSubtitleFontWeight});\n letter-spacing: var(${tokens.cellSubtitleLetterSpacing});\n line-height: var(${tokens.cellSubtitleLineHeight});\n\n ${applyEllipsis()}\n`;\n"],"names":["mergedConfig","mergeConfig","cellConfig","Cell","component","_exp","StyledCell","styled","name","class","propsAsIs","FileInfoWrapper","FilenameWrapper","TruncatedFilenamePart","FilenameExtensionPart","FileDescription"],"mappings":";;;;AAQA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,UAAU,CAAC,CAAA;AAC5C,IAAMC,IAAI,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;AAAC,IAAAK,IAAA,GARnBA,SAQmBA,IAAAA,GAAA;AAAA,EAAA,OAEJF,IAAI,CAAA;AAAA,CAAA,CAAA;AAA9B,IAAMG,UAAU,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAY/B,EAAA;AAEM,IAAMC,eAAe,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIpC,EAAA;AAEM,IAAME,eAAe,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAcpC,EAAA;AAEM,IAAMG,qBAAqB,gBAAGN,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,uBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE1C,EAAA;AAEM,IAAMI,qBAAqB,gBAAGP,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,uBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAO,EAAA;AAE3C,IAAMK,eAAe,gBAAGR,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAWpC;;;;"}
|
package/dist/css/es/components/File/ui/Cell/{Cell.styles_1nus00g.css → Cell.styles_nps7oj.css}
RENAMED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
.s3czsgs{white-space:nowrap;height:var(--plasma-file-cell-height);--plasma-cell-width:100%;--plasma-cell-gap:var(--plasma-file-cell-gap);}.s3czsgs.file-action-left .c1spqh22{-webkit-order:-1;-ms-flex-order:-1;order:-1;}
|
|
2
|
-
.f1g9th3m{display
|
|
2
|
+
.f1g9th3m{display:grid;grid-template-rows:1fr auto;gap:var(--plasma-file-cell-textbox-gap);}
|
|
3
3
|
.f141hb5t{display:inline-grid;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-template-columns:auto 1fr;min-width:8ch;color:var(--plasma-file-cell-title-color);font-family:var(--plasma-file-cell-title-font-family);font-size:var(--plasma-file-cell-title-font-size);font-style:var(--plasma-file-cell-title-font-style);font-weight:var(--plasma-file-cell-title-font-weight);-webkit-letter-spacing:var(--plasma-file-cell-title-letter-spacing);-moz-letter-spacing:var(--plasma-file-cell-title-letter-spacing);-ms-letter-spacing:var(--plasma-file-cell-title-letter-spacing);letter-spacing:var(--plasma-file-cell-title-letter-spacing);line-height:var(--plasma-file-cell-title-line-height);}
|
|
4
4
|
.t15n7eg9{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
5
5
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import './Loader.
|
|
1
|
+
import './Loader.styles_9cvqup.css';
|
|
2
2
|
import { styled } from '@linaria/react';
|
|
3
3
|
import { component, mergeConfig } from '../../../../engines/common.js';
|
|
4
4
|
import { progressConfig } from '../../../Progress/Progress.js';
|
|
@@ -16,10 +16,10 @@ var ProgressBarCircularUI = /*#__PURE__*/styled(_exp())({
|
|
|
16
16
|
"class": "p8jxzss",
|
|
17
17
|
propsAsIs: true
|
|
18
18
|
});
|
|
19
|
-
var
|
|
19
|
+
var _exp19 = function _exp19() {
|
|
20
20
|
return Progress;
|
|
21
21
|
};
|
|
22
|
-
var ProgressUI = /*#__PURE__*/styled(
|
|
22
|
+
var ProgressUI = /*#__PURE__*/styled(_exp19())({
|
|
23
23
|
name: "ProgressUI",
|
|
24
24
|
"class": "pfkaftk",
|
|
25
25
|
propsAsIs: true
|