@ytsaurus/components 0.2.1 → 0.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +129 -148
- package/README.ru.md +165 -0
- package/build/esm/api/navigation/helpers/getTableTypeByAttributes.js +1 -1
- package/build/esm/api/navigation/helpers/getTableTypeByAttributes.js.map +1 -1
- package/build/esm/api/navigation/loadFolderByPath.js +1 -1
- package/build/esm/api/navigation/loadFolderByPath.js.map +1 -1
- package/build/esm/api/navigation/loadNodeByPath.js +1 -1
- package/build/esm/api/navigation/loadNodeByPath.js.map +1 -1
- package/build/esm/api/navigation/loadTableAttributesByPath.d.ts +2 -2
- package/build/esm/api/navigation/loadTableAttributesByPath.d.ts.map +1 -1
- package/build/esm/api/navigation/loadTableAttributesByPath.js +1 -1
- package/build/esm/api/navigation/loadTableAttributesByPath.js.map +1 -1
- package/build/esm/api/navigation/table.d.ts +0 -30
- package/build/esm/api/navigation/table.d.ts.map +1 -1
- package/build/esm/api/navigation/table.js +0 -46
- package/build/esm/api/navigation/table.js.map +1 -1
- package/build/esm/components/ClipboardButton/ClipboardButton.d.ts +1 -1
- package/build/esm/components/ClipboardButton/ClipboardButton.stories.d.ts +22 -0
- package/build/esm/components/ClipboardButton/ClipboardButton.stories.d.ts.map +1 -0
- package/build/esm/components/ClipboardButton/ClipboardButton.stories.js +20 -0
- package/build/esm/components/ClipboardButton/ClipboardButton.stories.js.map +1 -0
- package/build/esm/components/ClipboardButton/__tests__/ClipboardButton.visual.test.js +31 -0
- package/build/esm/components/ClipboardButton/__tests__/ClipboardButton.visual.test.js.map +1 -0
- package/build/esm/components/ColumnCell/ColumnCell.d.ts +7 -5
- package/build/esm/components/ColumnCell/ColumnCell.d.ts.map +1 -1
- package/build/esm/components/ColumnCell/ColumnCell.js +25 -21
- package/build/esm/components/ColumnCell/ColumnCell.js.map +1 -1
- package/build/esm/components/ColumnCell/ColumnCell.stories.d.ts +64 -0
- package/build/esm/components/ColumnCell/ColumnCell.stories.d.ts.map +1 -0
- package/build/esm/components/ColumnCell/ColumnCell.stories.js +83 -0
- package/build/esm/components/ColumnCell/ColumnCell.stories.js.map +1 -0
- package/build/esm/components/ColumnCell/__tests__/ColumnCell.visual.test.js +158 -0
- package/build/esm/components/ColumnCell/__tests__/ColumnCell.visual.test.js.map +1 -0
- package/build/esm/components/ColumnCell/columnCellStorySetup.d.ts +23 -0
- package/build/esm/components/ColumnCell/columnCellStorySetup.d.ts.map +1 -0
- package/build/esm/components/ColumnCell/columnCellStorySetup.js +41 -0
- package/build/esm/components/ColumnCell/columnCellStorySetup.js.map +1 -0
- package/build/esm/components/DataTableYT/DataTableYT.css +1 -1
- package/build/esm/components/DataTableYT/DataTableYT.css.map +1 -1
- package/build/esm/components/DataTableYT/DataTableYT.scss +1 -1
- package/build/esm/components/DataTableYT/DataTableYT.stories.d.ts +60 -0
- package/build/esm/components/DataTableYT/DataTableYT.stories.d.ts.map +1 -0
- package/build/esm/components/DataTableYT/DataTableYT.stories.js +106 -0
- package/build/esm/components/DataTableYT/DataTableYT.stories.js.map +1 -0
- package/build/esm/components/DataTableYT/__tests__/DataTableYT.visual.test.js +101 -0
- package/build/esm/components/DataTableYT/__tests__/DataTableYT.visual.test.js.map +1 -0
- package/build/esm/components/DataTableYT/dataTableYTStorySetup.d.ts +28 -0
- package/build/esm/components/DataTableYT/dataTableYTStorySetup.d.ts.map +1 -0
- package/build/esm/components/DataTableYT/dataTableYTStorySetup.js +56 -0
- package/build/esm/components/DataTableYT/dataTableYTStorySetup.js.map +1 -0
- package/build/esm/components/Hotkey/Hotkey.stories.d.ts +48 -0
- package/build/esm/components/Hotkey/Hotkey.stories.d.ts.map +1 -0
- package/build/esm/components/Hotkey/Hotkey.stories.js +81 -0
- package/build/esm/components/Hotkey/Hotkey.stories.js.map +1 -0
- package/build/esm/components/Label/Label.css +16 -16
- package/build/esm/components/Label/Label.css.map +1 -1
- package/build/esm/components/Label/Label.d.ts +3 -3
- package/build/esm/components/Label/Label.d.ts.map +1 -1
- package/build/esm/components/Label/Label.js +1 -0
- package/build/esm/components/Label/Label.js.map +1 -1
- package/build/esm/components/Label/Label.scss +26 -11
- package/build/esm/components/Label/Label.stories.d.ts +40 -0
- package/build/esm/components/Label/Label.stories.d.ts.map +1 -0
- package/build/esm/components/Label/Label.stories.js +62 -0
- package/build/esm/components/Label/Label.stories.js.map +1 -0
- package/build/esm/components/Label/LabelOnOff.d.ts +1 -1
- package/build/esm/components/Label/LabelOnOff.d.ts.map +1 -1
- package/build/esm/components/Label/LabelOnOff.js +1 -1
- package/build/esm/components/Label/LabelOnOff.js.map +1 -1
- package/build/esm/components/Label/__tests__/Label.visual.test.js +301 -0
- package/build/esm/components/Label/__tests__/Label.visual.test.js.map +1 -0
- package/build/esm/components/MetaTable/MetaTable.css +1 -1
- package/build/esm/components/MetaTable/MetaTable.css.map +1 -1
- package/build/esm/components/MetaTable/MetaTable.js +1 -1
- package/build/esm/components/MetaTable/MetaTable.js.map +1 -1
- package/build/esm/components/MetaTable/MetaTable.scss +1 -1
- package/build/esm/components/MetaTable/MetaTable.stories.d.ts +9 -0
- package/build/esm/components/MetaTable/MetaTable.stories.d.ts.map +1 -0
- package/build/esm/components/MetaTable/MetaTable.stories.js +29 -0
- package/build/esm/components/MetaTable/MetaTable.stories.js.map +1 -0
- package/build/esm/components/MetaTable/__tests__/MetaTable.visual.test.js +48 -0
- package/build/esm/components/MetaTable/__tests__/MetaTable.visual.test.js.map +1 -0
- package/build/esm/components/MetaTable/metaTableStorySetup.d.ts +8 -0
- package/build/esm/components/MetaTable/metaTableStorySetup.d.ts.map +1 -0
- package/build/esm/components/MetaTable/metaTableStorySetup.js +134 -0
- package/build/esm/components/MetaTable/metaTableStorySetup.js.map +1 -0
- package/build/esm/components/MetaTable/presets/erasure-replication.js +1 -1
- package/build/esm/components/MetaTable/presets/erasure-replication.js.map +1 -1
- package/build/esm/components/MetaTable/presets/helpers/commonFields.d.ts +2 -2
- package/build/esm/components/MetaTable/presets/helpers/commonFields.d.ts.map +1 -1
- package/build/esm/components/MetaTable/presets/helpers/commonFields.js.map +1 -1
- package/build/esm/components/MetaTable/presets/i18n/ru.json +1 -1
- package/build/esm/components/MetaTable/presets/main.d.ts +2 -2
- package/build/esm/components/MetaTable/presets/main.d.ts.map +1 -1
- package/build/esm/components/MetaTable/presets/main.js.map +1 -1
- package/build/esm/components/MetaTable/presets/presets.d.ts +3 -3
- package/build/esm/components/MetaTable/presets/presets.d.ts.map +1 -1
- package/build/esm/components/MetaTable/presets/presets.js.map +1 -1
- package/build/esm/components/MetaTable/presets/size.d.ts.map +1 -1
- package/build/esm/components/MetaTable/presets/size.js +1 -2
- package/build/esm/components/MetaTable/presets/size.js.map +1 -1
- package/build/esm/components/MetaTable/presets/ttl.d.ts +2 -2
- package/build/esm/components/MetaTable/presets/ttl.d.ts.map +1 -1
- package/build/esm/components/MetaTable/presets/ttl.js +10 -5
- package/build/esm/components/MetaTable/presets/ttl.js.map +1 -1
- package/build/esm/components/MetaTable/templates/RowsCount/RowsCount.css +1 -1
- package/build/esm/components/MetaTable/templates/RowsCount/RowsCount.css.map +1 -1
- package/build/esm/components/MetaTable/templates/RowsCount/RowsCount.js +3 -2
- package/build/esm/components/MetaTable/templates/RowsCount/RowsCount.js.map +1 -1
- package/build/esm/components/MetaTable/templates/RowsCount/RowsCount.scss +1 -1
- package/build/esm/components/MetaTable/templates/Template.d.ts +1 -1
- package/build/esm/components/MetaTable/templates/Template.d.ts.map +1 -1
- package/build/esm/components/MetaTable/templates/Template.js +8 -8
- package/build/esm/components/MetaTable/templates/Template.js.map +1 -1
- package/build/esm/components/MetaTable/templates/TemplateTime.d.ts.map +1 -1
- package/build/esm/components/MetaTable/templates/TemplateTime.js +1 -1
- package/build/esm/components/MetaTable/templates/TemplateTime.js.map +1 -1
- package/build/esm/components/NoContent/NoContent.stories.d.ts +44 -0
- package/build/esm/components/NoContent/NoContent.stories.d.ts.map +1 -0
- package/build/esm/components/NoContent/NoContent.stories.js +42 -0
- package/build/esm/components/NoContent/NoContent.stories.js.map +1 -0
- package/build/esm/components/NoContent/__tests__/NoContent.visual.test.js +90 -0
- package/build/esm/components/NoContent/__tests__/NoContent.visual.test.js.map +1 -0
- package/build/esm/components/SchemaDataType/DataType/DataType.css +2 -2
- package/build/esm/components/SchemaDataType/DataType/DataType.css.map +1 -1
- package/build/esm/components/SchemaDataType/DataType/DataType.scss +2 -2
- package/build/esm/components/SchemaDataType/DataType/DataType.stories.d.ts +9 -0
- package/build/esm/components/SchemaDataType/DataType/DataType.stories.d.ts.map +1 -0
- package/build/esm/components/SchemaDataType/DataType/DataType.stories.js +28 -0
- package/build/esm/components/SchemaDataType/DataType/DataType.stories.js.map +1 -0
- package/build/esm/components/SchemaDataType/DataType/__tests__/DataType.visual.test.js +51 -0
- package/build/esm/components/SchemaDataType/DataType/__tests__/DataType.visual.test.js.map +1 -0
- package/build/esm/components/SchemaDataType/DataType/dataTypeStorySetup.d.ts +9 -0
- package/build/esm/components/SchemaDataType/DataType/dataTypeStorySetup.d.ts.map +1 -0
- package/build/esm/components/SchemaDataType/DataType/dataTypeStorySetup.js +77 -0
- package/build/esm/components/SchemaDataType/DataType/dataTypeStorySetup.js.map +1 -0
- package/build/esm/components/Text/Text.css +8 -8
- package/build/esm/components/Text/Text.css.map +1 -1
- package/build/esm/components/Text/Text.scss +8 -8
- package/build/esm/components/Text/Text.stories.d.ts +37 -0
- package/build/esm/components/Text/Text.stories.d.ts.map +1 -0
- package/build/esm/components/Text/Text.stories.js +37 -0
- package/build/esm/components/Text/Text.stories.js.map +1 -0
- package/build/esm/components/Text/__tests__/Text.visual.test.js +89 -0
- package/build/esm/components/Text/__tests__/Text.visual.test.js.map +1 -0
- package/build/esm/components/Text/textStorySetup.d.ts +43 -0
- package/build/esm/components/Text/textStorySetup.d.ts.map +1 -0
- package/build/esm/components/Text/textStorySetup.js +149 -0
- package/build/esm/components/Text/textStorySetup.js.map +1 -0
- package/build/esm/components/Tooltip/Tooltip.stories.d.ts +48 -0
- package/build/esm/components/Tooltip/Tooltip.stories.d.ts.map +1 -0
- package/build/esm/components/Tooltip/Tooltip.stories.js +46 -0
- package/build/esm/components/Tooltip/Tooltip.stories.js.map +1 -0
- package/build/esm/components/Tooltip/__tests__/Tooltip.visual.test.js +64 -0
- package/build/esm/components/Tooltip/__tests__/Tooltip.visual.test.js.map +1 -0
- package/build/esm/components/YqlValue/YqlValue.d.ts +4 -7
- package/build/esm/components/YqlValue/YqlValue.d.ts.map +1 -1
- package/build/esm/components/YqlValue/YqlValue.js +13 -22
- package/build/esm/components/YqlValue/YqlValue.js.map +1 -1
- package/build/esm/components/YqlValue/YqlValue.stories.d.ts +15 -0
- package/build/esm/components/YqlValue/YqlValue.stories.d.ts.map +1 -0
- package/build/esm/components/YqlValue/YqlValue.stories.js +150 -0
- package/build/esm/components/YqlValue/YqlValue.stories.js.map +1 -0
- package/build/esm/components/YqlValue/__tests__/YqlValue.visual.test.js +56 -0
- package/build/esm/components/YqlValue/__tests__/YqlValue.visual.test.js.map +1 -0
- package/build/esm/components/YqlValue/yqlValueStorySetup.d.ts +24 -0
- package/build/esm/components/YqlValue/yqlValueStorySetup.d.ts.map +1 -0
- package/build/esm/components/YqlValue/yqlValueStorySetup.js +81 -0
- package/build/esm/components/YqlValue/yqlValueStorySetup.js.map +1 -0
- package/build/esm/index.d.ts +0 -2
- package/build/esm/index.d.ts.map +1 -1
- package/build/esm/index.js +0 -2
- package/build/esm/index.js.map +1 -1
- package/build/esm/internal/DefaultErrorBoundary/ErrorBoundary.css +2 -4
- package/build/esm/internal/DefaultErrorBoundary/ErrorBoundary.css.map +1 -1
- package/build/esm/internal/DefaultErrorBoundary/ErrorBoundary.scss +2 -2
- package/build/esm/internal/Yson/Yson.d.ts +26 -4
- package/build/esm/internal/Yson/Yson.d.ts.map +1 -1
- package/build/esm/internal/Yson/Yson.js +13 -21
- package/build/esm/internal/Yson/Yson.js.map +1 -1
- package/build/esm/modules/NavigationTable/NavigationTable.d.ts +9 -2
- package/build/esm/modules/NavigationTable/NavigationTable.d.ts.map +1 -1
- package/build/esm/modules/NavigationTable/NavigationTable.js +22 -5
- package/build/esm/modules/NavigationTable/NavigationTable.js.map +1 -1
- package/build/esm/modules/NavigationTable/NavigationTable.stories.d.ts +9 -0
- package/build/esm/modules/NavigationTable/NavigationTable.stories.d.ts.map +1 -0
- package/build/esm/modules/NavigationTable/NavigationTable.stories.js +42 -0
- package/build/esm/modules/NavigationTable/NavigationTable.stories.js.map +1 -0
- package/build/esm/modules/NavigationTable/PreviewTab.d.ts +6 -3
- package/build/esm/modules/NavigationTable/PreviewTab.d.ts.map +1 -1
- package/build/esm/modules/NavigationTable/PreviewTab.js +9 -6
- package/build/esm/modules/NavigationTable/PreviewTab.js.map +1 -1
- package/build/esm/modules/NavigationTable/SchemaTab.d.ts +2 -0
- package/build/esm/modules/NavigationTable/SchemaTab.d.ts.map +1 -1
- package/build/esm/modules/NavigationTable/SchemaTab.js +17 -10
- package/build/esm/modules/NavigationTable/SchemaTab.js.map +1 -1
- package/build/esm/modules/NavigationTable/__tests__/NavigationTable.visual.test.js +117 -0
- package/build/esm/modules/NavigationTable/__tests__/NavigationTable.visual.test.js.map +1 -0
- package/build/esm/modules/NavigationTable/index.d.ts +1 -1
- package/build/esm/modules/NavigationTable/index.d.ts.map +1 -1
- package/build/esm/modules/NavigationTable/index.js.map +1 -1
- package/build/esm/modules/NavigationTable/navigationTableStorySetup.d.ts +19 -0
- package/build/esm/modules/NavigationTable/navigationTableStorySetup.d.ts.map +1 -0
- package/build/esm/modules/NavigationTable/navigationTableStorySetup.js +75 -0
- package/build/esm/modules/NavigationTable/navigationTableStorySetup.js.map +1 -0
- package/build/esm/modules/NavigationTable/prepareColumns.d.ts +6 -1
- package/build/esm/modules/NavigationTable/prepareColumns.d.ts.map +1 -1
- package/build/esm/modules/NavigationTable/prepareColumns.js +9 -5
- package/build/esm/modules/NavigationTable/prepareColumns.js.map +1 -1
- package/build/esm/modules/index.d.ts +1 -1
- package/build/esm/modules/index.d.ts.map +1 -1
- package/build/esm/modules/index.js.map +1 -1
- package/build/esm/types/index.d.ts +1 -0
- package/build/esm/types/index.d.ts.map +1 -1
- package/build/esm/types/index.js.map +1 -1
- package/build/esm/types/interface-helpers-modules.d.ts +13 -0
- package/build/esm/{context/YtComponentsConfigContext.d.ts → types/navigationMeta.d.ts} +8 -34
- package/build/esm/types/navigationMeta.d.ts.map +1 -0
- package/build/esm/types/navigationMeta.js +2 -0
- package/build/esm/types/navigationMeta.js.map +1 -0
- package/build/esm/types/yt-types.d.ts +3 -0
- package/build/esm/types/yt-types.d.ts.map +1 -1
- package/build/esm/types/yt-types.js.map +1 -1
- package/build/esm/utils/hammer/format.d.ts +0 -2
- package/build/esm/utils/hammer/format.d.ts.map +1 -1
- package/build/esm/utils/hammer/format.js +0 -225
- package/build/esm/utils/hammer/format.js.map +1 -1
- package/build/esm/utils/hammer/index.d.ts +2 -2
- package/build/esm/utils/hammer/index.d.ts.map +1 -1
- package/build/esm/utils/hammer/index.js +2 -5
- package/build/esm/utils/hammer/index.js.map +1 -1
- package/build/esm/utils/index.d.ts +3 -2
- package/build/esm/utils/index.d.ts.map +1 -1
- package/build/esm/utils/index.js +3 -2
- package/build/esm/utils/index.js.map +1 -1
- package/build/esm/utils/ypath/index.d.ts +0 -1
- package/build/esm/utils/ypath/index.d.ts.map +1 -1
- package/build/esm/utils/ypath/index.js +0 -1
- package/build/esm/utils/ypath/index.js.map +1 -1
- package/package.json +29 -8
- package/src/styles/mixins.scss +11 -0
- package/build/esm/api/navigation/columns.d.ts +0 -31
- package/build/esm/api/navigation/columns.d.ts.map +0 -1
- package/build/esm/api/navigation/columns.js +0 -256
- package/build/esm/api/navigation/columns.js.map +0 -1
- package/build/esm/context/YtComponentsConfigContext.d.ts.map +0 -1
- package/build/esm/context/YtComponentsConfigContext.js +0 -64
- package/build/esm/context/YtComponentsConfigContext.js.map +0 -1
- package/build/esm/context/index.d.ts +0 -2
- package/build/esm/context/index.d.ts.map +0 -1
- package/build/esm/context/index.js +0 -2
- package/build/esm/context/index.js.map +0 -1
- package/build/esm/utils/ypath/appendInnerErrors.d.ts +0 -3
- package/build/esm/utils/ypath/appendInnerErrors.d.ts.map +0 -1
- package/build/esm/utils/ypath/appendInnerErrors.js +0 -16
- package/build/esm/utils/ypath/appendInnerErrors.js.map +0 -1
- package/build/esm/utils/ypath/ypath-base.d.ts +0 -9
- package/build/esm/utils/ypath/ypath-base.d.ts.map +0 -1
- package/build/esm/utils/ypath/ypath-base.js +0 -49
- package/build/esm/utils/ypath/ypath-base.js.map +0 -1
- package/build/esm/utils/ypath/ypath.d.ts +0 -4
- package/build/esm/utils/ypath/ypath.d.ts.map +0 -1
- package/build/esm/utils/ypath/ypath.js +0 -70
- package/build/esm/utils/ypath/ypath.js.map +0 -1
- package/build/esm/utils/ypath/ypath.spec.d.ts +0 -2
- package/build/esm/utils/ypath/ypath.spec.d.ts.map +0 -1
- package/build/esm/utils/ypath/ypath.spec.js +0 -116
- package/build/esm/utils/ypath/ypath.spec.js.map +0 -1
|
@@ -6,10 +6,8 @@
|
|
|
6
6
|
overflow: auto;
|
|
7
7
|
border: 1px solid transparent;
|
|
8
8
|
border-radius: 3px;
|
|
9
|
-
color:
|
|
10
|
-
color: var(--error-
|
|
11
|
-
background-color: #fff5f5;
|
|
12
|
-
background-color: var(--error-background, #fff5f5);
|
|
9
|
+
color: var(--error-text, var(--g-color-text-primary));
|
|
10
|
+
background-color: var(--error-background, var(--g-color-base-danger-light));
|
|
13
11
|
}
|
|
14
12
|
.yt-error-boundary-fallback__heading {
|
|
15
13
|
font-size: 16px;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["ErrorBoundary.scss"],"names":[],"mappings":"AAAA;EACI,aAAA;EACA,sBAAA;EACA,SAAA;EACA,aAAA;EACA,cAAA;EACA,6BAAA;EACA,kBAAA;EACA,
|
|
1
|
+
{"version":3,"sources":["ErrorBoundary.scss"],"names":[],"mappings":"AAAA;EACI,aAAA;EACA,sBAAA;EACA,SAAA;EACA,aAAA;EACA,cAAA;EACA,6BAAA;EACA,kBAAA;EACA,qDAAA;EACA,2EAAA;AACJ;AACI;EACI,eAAA;EACA,gBAAA;AACR;AAEI;EACI,eAAA;EACA,sBAAA;EACA,qBAAA;AAAR;AAGI;EACI,eAAA;AADR","file":"ErrorBoundary.css","sourcesContent":[".yt-error-boundary-fallback {\n display: flex;\n flex-direction: column;\n gap: 12px;\n padding: 20px;\n overflow: auto;\n border: 1px solid transparent;\n border-radius: 3px;\n color: var(--error-text, var(--g-color-text-primary));\n background-color: var(--error-background, var(--g-color-base-danger-light));\n\n &__heading {\n font-size: 16px;\n font-weight: 600;\n }\n\n &__message {\n font-size: 13px;\n word-break: break-word;\n white-space: pre-wrap;\n }\n\n &__copy {\n margin-top: 4px;\n }\n}\n"],"sourceRoot":""}
|
|
@@ -6,8 +6,8 @@
|
|
|
6
6
|
overflow: auto;
|
|
7
7
|
border: 1px solid transparent;
|
|
8
8
|
border-radius: 3px;
|
|
9
|
-
color: var(--error-text,
|
|
10
|
-
background-color: var(--error-background,
|
|
9
|
+
color: var(--error-text, var(--g-color-text-primary));
|
|
10
|
+
background-color: var(--error-background, var(--g-color-base-danger-light));
|
|
11
11
|
|
|
12
12
|
&__heading {
|
|
13
13
|
font-size: 16px;
|
|
@@ -1,13 +1,35 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { UnipikaSettings } from './StructuredYson/StructuredYsonTypes';
|
|
1
|
+
import React, { Component } from 'react';
|
|
2
|
+
import { UnipikaSettings, UnipikaValue } from './StructuredYson/StructuredYsonTypes';
|
|
3
|
+
import type { ErrorBoundaryProps } from '../DefaultErrorBoundary';
|
|
3
4
|
export interface YsonProps {
|
|
4
|
-
settings
|
|
5
|
+
settings: UnipikaSettings;
|
|
5
6
|
value: any;
|
|
6
7
|
inline?: boolean;
|
|
7
8
|
folding?: boolean;
|
|
8
9
|
children?: React.ReactNode;
|
|
9
10
|
className?: string;
|
|
11
|
+
ErrorBoundaryComponent?: React.ComponentType<ErrorBoundaryProps>;
|
|
12
|
+
}
|
|
13
|
+
interface State {
|
|
14
|
+
convertedValue: UnipikaValue;
|
|
15
|
+
value: YsonProps['value'];
|
|
16
|
+
settings: YsonProps['settings'];
|
|
10
17
|
}
|
|
11
18
|
export declare const YSON_DEFAULT_UNIPIKA_SETTINGS: UnipikaSettings;
|
|
12
|
-
export declare
|
|
19
|
+
export declare class Yson extends Component<YsonProps, State> {
|
|
20
|
+
static defaultProps: {
|
|
21
|
+
inline: boolean;
|
|
22
|
+
folding: boolean;
|
|
23
|
+
};
|
|
24
|
+
static getDerivedStateFromProps(props: YsonProps, state: State): {
|
|
25
|
+
convertedValue: any;
|
|
26
|
+
value: any;
|
|
27
|
+
settings: UnipikaSettings;
|
|
28
|
+
} | null;
|
|
29
|
+
state: State;
|
|
30
|
+
getFormattedTitle(): any;
|
|
31
|
+
getFormattedValue(): any;
|
|
32
|
+
render(): import("react/jsx-runtime").JSX.Element;
|
|
33
|
+
}
|
|
34
|
+
export {};
|
|
13
35
|
//# sourceMappingURL=Yson.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Yson.d.ts","sourceRoot":"","sources":["../../../../src/internal/Yson/Yson.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Yson.d.ts","sourceRoot":"","sources":["../../../../src/internal/Yson/Yson.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAIvC,OAAO,EAAC,eAAe,EAAE,YAAY,EAAC,MAAM,sCAAsC,CAAC;AACnF,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,yBAAyB,CAAC;AAGhE,MAAM,WAAW,SAAS;IACtB,QAAQ,EAAE,eAAe,CAAC;IAC1B,KAAK,EAAE,GAAG,CAAC;IACX,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sBAAsB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;CACpE;AAED,UAAU,KAAK;IACX,cAAc,EAAE,YAAY,CAAC;IAC7B,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;CACnC;AAID,eAAO,MAAM,6BAA6B,EAAE,eAO3C,CAAC;AAEF,qBAAa,IAAK,SAAQ,SAAS,CAAC,SAAS,EAAE,KAAK,CAAC;IACjD,MAAM,CAAC,YAAY;;;MAGjB;IAEF,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK;;;;;IAgC9D,KAAK,EAAE,KAAK,CAIV;IAEF,iBAAiB;IAYjB,iBAAiB;IAKjB,MAAM;CAwCT"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
2
1
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
3
2
|
import _createClass from "@babel/runtime/helpers/createClass";
|
|
4
3
|
import _callSuper from "@babel/runtime/helpers/callSuper";
|
|
@@ -7,7 +6,7 @@ import React, { Component } from 'react';
|
|
|
7
6
|
import block from 'bem-cn-lite';
|
|
8
7
|
import isEqual_ from 'lodash/isEqual';
|
|
9
8
|
import unipika from '../../utils/unipika';
|
|
10
|
-
import
|
|
9
|
+
import DefaultErrorBoundary from '../DefaultErrorBoundary/ErrorBoundary';
|
|
11
10
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
12
11
|
var INITIAL = {};
|
|
13
12
|
export var YSON_DEFAULT_UNIPIKA_SETTINGS = {
|
|
@@ -18,14 +17,14 @@ export var YSON_DEFAULT_UNIPIKA_SETTINGS = {
|
|
|
18
17
|
showDecoded: true,
|
|
19
18
|
binaryAsHex: true
|
|
20
19
|
};
|
|
21
|
-
var
|
|
22
|
-
function
|
|
20
|
+
export var Yson = /*#__PURE__*/function (_Component) {
|
|
21
|
+
function Yson() {
|
|
23
22
|
var _this;
|
|
24
|
-
_classCallCheck(this,
|
|
23
|
+
_classCallCheck(this, Yson);
|
|
25
24
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
26
25
|
args[_key] = arguments[_key];
|
|
27
26
|
}
|
|
28
|
-
_this = _callSuper(this,
|
|
27
|
+
_this = _callSuper(this, Yson, [].concat(args));
|
|
29
28
|
_this.state = {
|
|
30
29
|
convertedValue: undefined,
|
|
31
30
|
// getDerivedStateFromProps should provide correct vgitalue for this field
|
|
@@ -36,8 +35,8 @@ var YsonImpl = /*#__PURE__*/function (_Component) {
|
|
|
36
35
|
};
|
|
37
36
|
return _this;
|
|
38
37
|
}
|
|
39
|
-
_inherits(
|
|
40
|
-
return _createClass(
|
|
38
|
+
_inherits(Yson, _Component);
|
|
39
|
+
return _createClass(Yson, [{
|
|
41
40
|
key: "getFormattedTitle",
|
|
42
41
|
value: function getFormattedTitle() {
|
|
43
42
|
var inline = this.props.inline;
|
|
@@ -66,7 +65,9 @@ var YsonImpl = /*#__PURE__*/function (_Component) {
|
|
|
66
65
|
var _this$props = this.props,
|
|
67
66
|
inline = _this$props.inline,
|
|
68
67
|
children = _this$props.children,
|
|
69
|
-
className = _this$props.className
|
|
68
|
+
className = _this$props.className,
|
|
69
|
+
ErrorBoundaryComponent = _this$props.ErrorBoundaryComponent;
|
|
70
|
+
var ConfigurableErrorBoundary = ErrorBoundaryComponent || DefaultErrorBoundary;
|
|
70
71
|
var settings = this.state.settings;
|
|
71
72
|
var classes = block('unipika-wrapper')({
|
|
72
73
|
inline: inline && 'yes'
|
|
@@ -99,8 +100,7 @@ var YsonImpl = /*#__PURE__*/function (_Component) {
|
|
|
99
100
|
var prevValue = state.value,
|
|
100
101
|
prevSettings = state.settings;
|
|
101
102
|
var value = props.value,
|
|
102
|
-
|
|
103
|
-
settings = _props$settings === void 0 ? {} : _props$settings;
|
|
103
|
+
settings = props.settings;
|
|
104
104
|
if (prevValue === INITIAL || !isEqual_(prevValue, value) || !isEqual_(prevSettings, settings)) {
|
|
105
105
|
// TODO: fix me later
|
|
106
106
|
// The call is required because unipika.format() applies default values to a passed settings inplace.
|
|
@@ -120,16 +120,8 @@ var YsonImpl = /*#__PURE__*/function (_Component) {
|
|
|
120
120
|
}
|
|
121
121
|
}]);
|
|
122
122
|
}(Component);
|
|
123
|
-
|
|
123
|
+
Yson.defaultProps = {
|
|
124
124
|
inline: false,
|
|
125
|
-
folding: false
|
|
126
|
-
settings: YSON_DEFAULT_UNIPIKA_SETTINGS
|
|
125
|
+
folding: false
|
|
127
126
|
};
|
|
128
|
-
export function Yson(props) {
|
|
129
|
-
var fromContext = useUnipikaSettings();
|
|
130
|
-
var settings = props.settings || fromContext;
|
|
131
|
-
return /*#__PURE__*/_jsx(YsonImpl, _objectSpread(_objectSpread({}, props), {}, {
|
|
132
|
-
settings: settings
|
|
133
|
-
}));
|
|
134
|
-
}
|
|
135
127
|
// #sourceMappingURL=Yson.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Component","block","isEqual_","unipika","
|
|
1
|
+
{"version":3,"names":["React","Component","block","isEqual_","unipika","DefaultErrorBoundary","jsx","_jsx","jsxs","_jsxs","INITIAL","YSON_DEFAULT_UNIPIKA_SETTINGS","asHTML","format","compact","escapeWhitespace","showDecoded","binaryAsHex","Yson","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","state","convertedValue","undefined","value","settings","_inherits","_createClass","key","getFormattedTitle","inline","props","_this$state","titleSettings","Object","assign","getFormattedValue","_this$state2","render","_this$props","children","className","ErrorBoundaryComponent","ConfigurableErrorBoundary","classes","title","dir","dangerouslySetInnerHTML","__html","getDerivedStateFromProps","prevValue","prevSettings","formatRaw","formatFromYSON","converters","raw","yson","defaultProps","folding"],"sources":["Yson.tsx"],"sourcesContent":["import React, {Component} from 'react';\nimport block from 'bem-cn-lite';\nimport isEqual_ from 'lodash/isEqual';\nimport unipika from '../../utils/unipika';\nimport {UnipikaSettings, UnipikaValue} from './StructuredYson/StructuredYsonTypes';\nimport type {ErrorBoundaryProps} from '../DefaultErrorBoundary';\nimport DefaultErrorBoundary from '../DefaultErrorBoundary/ErrorBoundary';\n\nexport interface YsonProps {\n settings: UnipikaSettings;\n value: any;\n inline?: boolean;\n folding?: boolean;\n children?: React.ReactNode;\n className?: string;\n ErrorBoundaryComponent?: React.ComponentType<ErrorBoundaryProps>;\n}\n\ninterface State {\n convertedValue: UnipikaValue;\n value: YsonProps['value'];\n settings: YsonProps['settings'];\n}\n\nconst INITIAL = {};\n\nexport const YSON_DEFAULT_UNIPIKA_SETTINGS: UnipikaSettings = {\n asHTML: true,\n format: 'json',\n compact: false,\n escapeWhitespace: true,\n showDecoded: true,\n binaryAsHex: true,\n};\n\nexport class Yson extends Component<YsonProps, State> {\n static defaultProps = {\n inline: false,\n folding: false,\n };\n\n static getDerivedStateFromProps(props: YsonProps, state: State) {\n const {value: prevValue, settings: prevSettings} = state;\n const {value, settings} = props;\n\n if (\n prevValue === INITIAL ||\n !isEqual_(prevValue, value) ||\n !isEqual_(prevSettings, settings)\n ) {\n // TODO: fix me later\n // The call is required because unipika.format() applies default values to a passed settings inplace.\n // We have to leave this call without it the behaviour will be broken.\n if (settings.format === 'raw-json') {\n unipika.formatRaw(value, settings);\n } else {\n unipika.formatFromYSON(value, settings);\n }\n\n return {\n convertedValue:\n value === undefined\n ? ''\n : settings.format === 'raw-json'\n ? unipika.converters.raw(value, settings)\n : unipika.converters.yson(value, settings),\n value: value,\n settings: settings,\n };\n }\n return null;\n }\n\n state: State = {\n convertedValue: undefined as any, // getDerivedStateFromProps should provide correct vgitalue for this field\n value: INITIAL,\n settings: {format: ''},\n };\n\n getFormattedTitle() {\n const {inline} = this.props;\n if (!inline) {\n return undefined;\n }\n\n const {convertedValue, settings} = this.state;\n const titleSettings = Object.assign({}, settings, {asHTML: false});\n\n return unipika.format(convertedValue, titleSettings);\n }\n\n getFormattedValue() {\n const {convertedValue, settings} = this.state;\n return unipika.format(convertedValue, settings);\n }\n\n render() {\n const {inline, children, className, ErrorBoundaryComponent} = this.props;\n const ConfigurableErrorBoundary = ErrorBoundaryComponent || DefaultErrorBoundary;\n\n const {settings} = this.state;\n\n const classes = block('unipika-wrapper')(\n {\n inline: inline && 'yes',\n },\n className,\n );\n\n return (\n <ConfigurableErrorBoundary>\n {settings.asHTML ? (\n <div className={classes} title={this.getFormattedTitle()} dir=\"auto\">\n <pre\n className=\"unipika\"\n dangerouslySetInnerHTML={{\n __html: this.getFormattedValue(),\n }}\n />\n {children}\n </div>\n ) : (\n <div\n className={classes}\n title={this.getFormattedTitle()}\n dangerouslySetInnerHTML={{\n __html: this.getFormattedValue(),\n }}\n dir=\"auto\"\n >\n {children}\n </div>\n )}\n </ConfigurableErrorBoundary>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,10 +1,14 @@
|
|
|
1
1
|
import React, { FC } from 'react';
|
|
2
|
-
import { NavigationTableData, NavigationTableMeta, NavigationTableSchema } from '../../types';
|
|
2
|
+
import { LogErrorFn, NavigationTableData, NavigationTableMeta, NavigationTableSchema } from '../../types';
|
|
3
3
|
import type { UnipikaSettings } from '../../internal/Yson/StructuredYson/StructuredYsonTypes';
|
|
4
4
|
import type { SchemaDataTypeProps } from '../../components';
|
|
5
5
|
import './NavigationTable.scss';
|
|
6
|
+
import type { ErrorBoundaryProps } from '../../internal/DefaultErrorBoundary';
|
|
7
|
+
/** Pick the tab shown on first render (non-null `table` only). */
|
|
8
|
+
export type NavigationTableInitialTab = 'schema' | 'preview' | 'meta';
|
|
6
9
|
export type NavigationTableProps = {
|
|
7
10
|
table: NavigationTableData | null;
|
|
11
|
+
initialActiveTab?: NavigationTableInitialTab;
|
|
8
12
|
filter?: string;
|
|
9
13
|
onFilterChange?: (value: string) => void;
|
|
10
14
|
onInsertTableSelect?: () => void | Promise<void>;
|
|
@@ -15,10 +19,11 @@ export type NavigationTableProps = {
|
|
|
15
19
|
schema: NavigationTableSchema[];
|
|
16
20
|
filter: string;
|
|
17
21
|
onFilterChange: (value: string) => void;
|
|
22
|
+
ysonSettings?: UnipikaSettings;
|
|
18
23
|
}) => React.ReactNode;
|
|
19
24
|
renderPreviewTab?: (props: {
|
|
20
25
|
table: NavigationTableData;
|
|
21
|
-
onEditorInsert
|
|
26
|
+
onEditorInsert?: () => void | Promise<void>;
|
|
22
27
|
ysonSettings?: UnipikaSettings;
|
|
23
28
|
primitiveTypes?: SchemaDataTypeProps['primitiveTypes'];
|
|
24
29
|
}) => React.ReactNode;
|
|
@@ -26,6 +31,8 @@ export type NavigationTableProps = {
|
|
|
26
31
|
items: NavigationTableMeta[][];
|
|
27
32
|
}) => React.ReactNode;
|
|
28
33
|
className?: string;
|
|
34
|
+
logError?: LogErrorFn;
|
|
35
|
+
ErrorBoundaryComponent?: React.ComponentType<ErrorBoundaryProps>;
|
|
29
36
|
};
|
|
30
37
|
export declare const NavigationTable: FC<NavigationTableProps>;
|
|
31
38
|
//# sourceMappingURL=NavigationTable.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationTable.d.ts","sourceRoot":"","sources":["../../../../src/modules/NavigationTable/NavigationTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,EAAE,EAAW,MAAM,OAAO,CAAC;AAG1C,OAAO,
|
|
1
|
+
{"version":3,"file":"NavigationTable.d.ts","sourceRoot":"","sources":["../../../../src/modules/NavigationTable/NavigationTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,EAAE,EAAW,MAAM,OAAO,CAAC;AAG1C,OAAO,EACH,UAAU,EACV,mBAAmB,EACnB,mBAAmB,EACnB,qBAAqB,EACxB,MAAM,aAAa,CAAC;AACrB,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,wDAAwD,CAAC;AAC5F,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,kBAAkB,CAAC;AAK1D,OAAO,wBAAwB,CAAC;AAChC,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,qCAAqC,CAAC;AAU5E,kEAAkE;AAClE,MAAM,MAAM,yBAAyB,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;AAQtE,MAAM,MAAM,oBAAoB,GAAG;IAC/B,KAAK,EAAE,mBAAmB,GAAG,IAAI,CAAC;IAClC,gBAAgB,CAAC,EAAE,yBAAyB,CAAC;IAC7C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,mBAAmB,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACjD,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,cAAc,CAAC,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IACvD,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE;QACtB,MAAM,EAAE,qBAAqB,EAAE,CAAC;QAChC,MAAM,EAAE,MAAM,CAAC;QACf,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;QACxC,YAAY,CAAC,EAAE,eAAe,CAAC;KAClC,KAAK,KAAK,CAAC,SAAS,CAAC;IACtB,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE;QACvB,KAAK,EAAE,mBAAmB,CAAC;QAC3B,cAAc,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;QAC5C,YAAY,CAAC,EAAE,eAAe,CAAC;QAC/B,cAAc,CAAC,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;KAC1D,KAAK,KAAK,CAAC,SAAS,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,KAAK,EAAE,mBAAmB,EAAE,EAAE,CAAA;KAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC7E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,sBAAsB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;CACpE,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CA8EpD,CAAC"}
|
|
@@ -10,8 +10,17 @@ import { PreviewTab } from './PreviewTab';
|
|
|
10
10
|
import "./NavigationTable.css";
|
|
11
11
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
12
12
|
var b = cn('navigation-table');
|
|
13
|
+
|
|
14
|
+
/** Pick the tab shown on first render (non-null `table` only). */
|
|
15
|
+
|
|
16
|
+
var TABLE_TAB_FROM_INITIAL = {
|
|
17
|
+
schema: "schema",
|
|
18
|
+
preview: "preview",
|
|
19
|
+
meta: "meta"
|
|
20
|
+
};
|
|
13
21
|
export var NavigationTable = function NavigationTable(_ref) {
|
|
14
22
|
var table = _ref.table,
|
|
23
|
+
initialActiveTab = _ref.initialActiveTab,
|
|
15
24
|
controlledFilter = _ref.filter,
|
|
16
25
|
controlledOnFilterChange = _ref.onFilterChange,
|
|
17
26
|
onInsertTableSelect = _ref.onInsertTableSelect,
|
|
@@ -21,8 +30,12 @@ export var NavigationTable = function NavigationTable(_ref) {
|
|
|
21
30
|
renderSchemaTab = _ref.renderSchemaTab,
|
|
22
31
|
renderPreviewTab = _ref.renderPreviewTab,
|
|
23
32
|
renderMetaTab = _ref.renderMetaTab,
|
|
24
|
-
className = _ref.className
|
|
25
|
-
|
|
33
|
+
className = _ref.className,
|
|
34
|
+
logError = _ref.logError,
|
|
35
|
+
ErrorBoundaryComponent = _ref.ErrorBoundaryComponent;
|
|
36
|
+
var _useState = useState(function () {
|
|
37
|
+
return initialActiveTab ? TABLE_TAB_FROM_INITIAL[initialActiveTab] : "schema";
|
|
38
|
+
}),
|
|
26
39
|
_useState2 = _slicedToArray(_useState, 2),
|
|
27
40
|
activeTab = _useState2[0],
|
|
28
41
|
setActiveTab = _useState2[1];
|
|
@@ -44,16 +57,20 @@ export var NavigationTable = function NavigationTable(_ref) {
|
|
|
44
57
|
var schemaData = {
|
|
45
58
|
schema: table.schema,
|
|
46
59
|
filter: filter,
|
|
47
|
-
onFilterChange: setFilter
|
|
60
|
+
onFilterChange: setFilter,
|
|
61
|
+
ysonSettings: ysonSettings
|
|
48
62
|
};
|
|
49
63
|
var schemaContent = activeTab === "schema" && (renderSchemaTab ? renderSchemaTab(schemaData) : /*#__PURE__*/_jsx(SchemaTab, _objectSpread({}, schemaData)));
|
|
50
64
|
var previewData = {
|
|
51
65
|
table: table,
|
|
52
|
-
onEditorInsert: onInsertTableSelect
|
|
66
|
+
onEditorInsert: onInsertTableSelect,
|
|
53
67
|
ysonSettings: ysonSettings,
|
|
54
68
|
primitiveTypes: primitiveTypes
|
|
55
69
|
};
|
|
56
|
-
var previewContent = activeTab === "preview" && (renderPreviewTab ? renderPreviewTab(previewData) : /*#__PURE__*/_jsx(PreviewTab, _objectSpread({}, previewData)
|
|
70
|
+
var previewContent = activeTab === "preview" && (renderPreviewTab ? renderPreviewTab(previewData) : /*#__PURE__*/_jsx(PreviewTab, _objectSpread(_objectSpread({}, previewData), {}, {
|
|
71
|
+
logError: logError,
|
|
72
|
+
ErrorBoundaryComponent: ErrorBoundaryComponent
|
|
73
|
+
})));
|
|
57
74
|
var metaContent = activeTab === "meta" && (renderMetaTab ? renderMetaTab({
|
|
58
75
|
items: table.meta
|
|
59
76
|
}) : /*#__PURE__*/_jsx(MetaTable, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","cn","SegmentedRadioGroup","MetaTable","i18n","SchemaTab","PreviewTab","jsx","_jsx","jsxs","_jsxs","b","NavigationTable","_ref","table","controlledFilter","filter","controlledOnFilterChange","onFilterChange","onInsertTableSelect","ysonSettings","emptyMessage","primitiveTypes","renderSchemaTab","renderPreviewTab","renderMetaTab","className","_useState","_useState2","_slicedToArray","activeTab","setActiveTab","_useState3","_useState4","internalFilter","setInternalFilter","setFilter","handleChangeTab","id","children","schemaData","
|
|
1
|
+
{"version":3,"names":["React","useState","cn","SegmentedRadioGroup","MetaTable","i18n","SchemaTab","PreviewTab","jsx","_jsx","jsxs","_jsxs","b","TABLE_TAB_FROM_INITIAL","schema","preview","meta","NavigationTable","_ref","table","initialActiveTab","controlledFilter","filter","controlledOnFilterChange","onFilterChange","onInsertTableSelect","ysonSettings","emptyMessage","primitiveTypes","renderSchemaTab","renderPreviewTab","renderMetaTab","className","logError","ErrorBoundaryComponent","_useState","_useState2","_slicedToArray","activeTab","setActiveTab","_useState3","_useState4","internalFilter","setInternalFilter","setFilter","handleChangeTab","id","children","schemaData","schemaContent","_objectSpread","previewData","onEditorInsert","previewContent","metaContent","items","defaultValue","onUpdate","options","value","content"],"sources":["NavigationTable.tsx"],"sourcesContent":["import React, {FC, useState} from 'react';\nimport cn from 'bem-cn-lite';\nimport {SegmentedRadioGroup} from '@gravity-ui/uikit';\nimport {\n LogErrorFn,\n NavigationTableData,\n NavigationTableMeta,\n NavigationTableSchema,\n} from '../../types';\nimport type {UnipikaSettings} from '../../internal/Yson/StructuredYson/StructuredYsonTypes';\nimport type {SchemaDataTypeProps} from '../../components';\nimport {MetaTable} from '../../components';\nimport i18n from './i18n';\nimport {SchemaTab} from './SchemaTab';\nimport {PreviewTab} from './PreviewTab';\nimport './NavigationTable.scss';\nimport type {ErrorBoundaryProps} from '../../internal/DefaultErrorBoundary';\n\nconst b = cn('navigation-table');\n\nconst enum TableTab {\n Schema = 'schema',\n Preview = 'preview',\n Meta = 'meta',\n}\n\n/** Pick the tab shown on first render (non-null `table` only). */\nexport type NavigationTableInitialTab = 'schema' | 'preview' | 'meta';\n\nconst TABLE_TAB_FROM_INITIAL: Record<NavigationTableInitialTab, TableTab> = {\n schema: TableTab.Schema,\n preview: TableTab.Preview,\n meta: TableTab.Meta,\n};\n\nexport type NavigationTableProps = {\n table: NavigationTableData | null;\n initialActiveTab?: NavigationTableInitialTab;\n filter?: string;\n onFilterChange?: (value: string) => void;\n onInsertTableSelect?: () => void | Promise<void>;\n ysonSettings?: UnipikaSettings;\n emptyMessage?: React.ReactNode;\n primitiveTypes?: SchemaDataTypeProps['primitiveTypes'];\n renderSchemaTab?: (props: {\n schema: NavigationTableSchema[];\n filter: string;\n onFilterChange: (value: string) => void;\n ysonSettings?: UnipikaSettings;\n }) => React.ReactNode;\n renderPreviewTab?: (props: {\n table: NavigationTableData;\n onEditorInsert?: () => void | Promise<void>;\n ysonSettings?: UnipikaSettings;\n primitiveTypes?: SchemaDataTypeProps['primitiveTypes'];\n }) => React.ReactNode;\n renderMetaTab?: (props: {items: NavigationTableMeta[][]}) => React.ReactNode;\n className?: string;\n logError?: LogErrorFn;\n ErrorBoundaryComponent?: React.ComponentType<ErrorBoundaryProps>;\n};\n\nexport const NavigationTable: FC<NavigationTableProps> = ({\n table,\n initialActiveTab,\n filter: controlledFilter,\n onFilterChange: controlledOnFilterChange,\n onInsertTableSelect,\n ysonSettings,\n emptyMessage,\n primitiveTypes,\n renderSchemaTab,\n renderPreviewTab,\n renderMetaTab,\n className,\n logError,\n ErrorBoundaryComponent,\n}) => {\n const [activeTab, setActiveTab] = useState<TableTab>(() =>\n initialActiveTab ? TABLE_TAB_FROM_INITIAL[initialActiveTab] : TableTab.Schema,\n );\n const [internalFilter, setInternalFilter] = useState('');\n const filter = controlledFilter ?? internalFilter;\n const setFilter = controlledOnFilterChange ?? setInternalFilter;\n\n const handleChangeTab = (id: string) => {\n setActiveTab(id as TableTab);\n };\n\n if (!table) {\n return (\n <div className={b(null, className)}>{emptyMessage ?? i18n('context_empty-data')}</div>\n );\n }\n\n const schemaData = {schema: table.schema, filter, onFilterChange: setFilter, ysonSettings};\n const schemaContent =\n activeTab === TableTab.Schema &&\n (renderSchemaTab ? renderSchemaTab(schemaData) : <SchemaTab {...schemaData} />);\n\n const previewData = {\n table,\n onEditorInsert: onInsertTableSelect,\n ysonSettings,\n primitiveTypes,\n };\n const previewContent =\n activeTab === TableTab.Preview &&\n (renderPreviewTab ? (\n renderPreviewTab(previewData)\n ) : (\n <PreviewTab\n {...previewData}\n logError={logError}\n ErrorBoundaryComponent={ErrorBoundaryComponent}\n />\n ));\n\n const metaContent =\n activeTab === TableTab.Meta &&\n (renderMetaTab ? renderMetaTab({items: table.meta}) : <MetaTable items={table.meta} />);\n\n return (\n <div className={b(null, className)}>\n <SegmentedRadioGroup\n defaultValue={activeTab}\n onUpdate={handleChangeTab}\n options={[\n {value: TableTab.Schema, content: i18n('title_schema')},\n {value: TableTab.Preview, content: i18n('title_preview')},\n {value: TableTab.Meta, content: i18n('title_meta')},\n ]}\n />\n <div className={b('content')}>\n {schemaContent}\n {previewContent}\n {metaContent}\n </div>\n </div>\n );\n};\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAOC,QAAQ,QAAO,OAAO;AACzC,OAAOC,EAAE,MAAM,aAAa;AAC5B,SAAQC,mBAAmB,QAAO,mBAAmB;AASrD,SAAQC,SAAS,QAAO,kBAAkB;AAC1C,OAAOC,IAAI,MAAM,QAAQ;AACzB,SAAQC,SAAS,QAAO,aAAa;AACrC,SAAQC,UAAU,QAAO,cAAc;AACvC,OAAO,uBAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGhC,IAAMC,CAAC,GAAGV,EAAE,CAAC,kBAAkB,CAAC;;AAQhC;;AAGA,IAAMW,sBAAmE,GAAG;EACxEC,MAAM,UAAiB;EACvBC,OAAO,WAAkB;EACzBC,IAAI;AACR,CAAC;AA6BD,OAAO,IAAMC,eAAyC,GAAG,SAA5CA,eAAyCA,CAAAC,IAAA,EAehD;EAAA,IAdFC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,gBAAgB,GAAAF,IAAA,CAAhBE,gBAAgB;IACRC,gBAAgB,GAAAH,IAAA,CAAxBI,MAAM;IACUC,wBAAwB,GAAAL,IAAA,CAAxCM,cAAc;IACdC,mBAAmB,GAAAP,IAAA,CAAnBO,mBAAmB;IACnBC,YAAY,GAAAR,IAAA,CAAZQ,YAAY;IACZC,YAAY,GAAAT,IAAA,CAAZS,YAAY;IACZC,cAAc,GAAAV,IAAA,CAAdU,cAAc;IACdC,eAAe,GAAAX,IAAA,CAAfW,eAAe;IACfC,gBAAgB,GAAAZ,IAAA,CAAhBY,gBAAgB;IAChBC,aAAa,GAAAb,IAAA,CAAba,aAAa;IACbC,SAAS,GAAAd,IAAA,CAATc,SAAS;IACTC,QAAQ,GAAAf,IAAA,CAARe,QAAQ;IACRC,sBAAsB,GAAAhB,IAAA,CAAtBgB,sBAAsB;EAEtB,IAAAC,SAAA,GAAkClC,QAAQ,CAAW;MAAA,OACjDmB,gBAAgB,GAAGP,sBAAsB,CAACO,gBAAgB,CAAC,WAAkB;IAAA,CACjF,CAAC;IAAAgB,UAAA,GAAAC,cAAA,CAAAF,SAAA;IAFMG,SAAS,GAAAF,UAAA;IAAEG,YAAY,GAAAH,UAAA;EAG9B,IAAAI,UAAA,GAA4CvC,QAAQ,CAAC,EAAE,CAAC;IAAAwC,UAAA,GAAAJ,cAAA,CAAAG,UAAA;IAAjDE,cAAc,GAAAD,UAAA;IAAEE,iBAAiB,GAAAF,UAAA;EACxC,IAAMnB,MAAM,GAAGD,gBAAgB,aAAhBA,gBAAgB,cAAhBA,gBAAgB,GAAIqB,cAAc;EACjD,IAAME,SAAS,GAAGrB,wBAAwB,aAAxBA,wBAAwB,cAAxBA,wBAAwB,GAAIoB,iBAAiB;EAE/D,IAAME,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,EAAU,EAAK;IACpCP,YAAY,CAACO,EAAc,CAAC;EAChC,CAAC;EAED,IAAI,CAAC3B,KAAK,EAAE;IACR,oBACIV,IAAA;MAAKuB,SAAS,EAAEpB,CAAC,CAAC,IAAI,EAAEoB,SAAS,CAAE;MAAAe,QAAA,EAAEpB,YAAY,aAAZA,YAAY,cAAZA,YAAY,GAAItB,IAAI,CAAC,oBAAoB;IAAC,CAAM,CAAC;EAE9F;EAEA,IAAM2C,UAAU,GAAG;IAAClC,MAAM,EAAEK,KAAK,CAACL,MAAM;IAAEQ,MAAM,EAANA,MAAM;IAAEE,cAAc,EAAEoB,SAAS;IAAElB,YAAY,EAAZA;EAAY,CAAC;EAC1F,IAAMuB,aAAa,GACfX,SAAS,aAAoB,KAC5BT,eAAe,GAAGA,eAAe,CAACmB,UAAU,CAAC,gBAAGvC,IAAA,CAACH,SAAS,EAAA4C,aAAA,KAAKF,UAAU,CAAG,CAAC,CAAC;EAEnF,IAAMG,WAAW,GAAG;IAChBhC,KAAK,EAALA,KAAK;IACLiC,cAAc,EAAE3B,mBAAmB;IACnCC,YAAY,EAAZA,YAAY;IACZE,cAAc,EAAdA;EACJ,CAAC;EACD,IAAMyB,cAAc,GAChBf,SAAS,cAAqB,KAC7BR,gBAAgB,GACbA,gBAAgB,CAACqB,WAAW,CAAC,gBAE7B1C,IAAA,CAACF,UAAU,EAAA2C,aAAA,CAAAA,aAAA,KACHC,WAAW;IACflB,QAAQ,EAAEA,QAAS;IACnBC,sBAAsB,EAAEA;EAAuB,EAClD,CACJ,CAAC;EAEN,IAAMoB,WAAW,GACbhB,SAAS,WAAkB,KAC1BP,aAAa,GAAGA,aAAa,CAAC;IAACwB,KAAK,EAAEpC,KAAK,CAACH;EAAI,CAAC,CAAC,gBAAGP,IAAA,CAACL,SAAS;IAACmD,KAAK,EAAEpC,KAAK,CAACH;EAAK,CAAE,CAAC,CAAC;EAE3F,oBACIL,KAAA;IAAKqB,SAAS,EAAEpB,CAAC,CAAC,IAAI,EAAEoB,SAAS,CAAE;IAAAe,QAAA,gBAC/BtC,IAAA,CAACN,mBAAmB;MAChBqD,YAAY,EAAElB,SAAU;MACxBmB,QAAQ,EAAEZ,eAAgB;MAC1Ba,OAAO,EAAE,CACL;QAACC,KAAK,UAAiB;QAAEC,OAAO,EAAEvD,IAAI,CAAC,cAAc;MAAC,CAAC,EACvD;QAACsD,KAAK,WAAkB;QAAEC,OAAO,EAAEvD,IAAI,CAAC,eAAe;MAAC,CAAC,EACzD;QAACsD,KAAK,QAAe;QAAEC,OAAO,EAAEvD,IAAI,CAAC,YAAY;MAAC,CAAC;IACrD,CACL,CAAC,eACFM,KAAA;MAAKqB,SAAS,EAAEpB,CAAC,CAAC,SAAS,CAAE;MAAAmC,QAAA,GACxBE,aAAa,EACbI,cAAc,EACdC,WAAW;IAAA,CACX,CAAC;EAAA,CACL,CAAC;AAEd,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { type NavigationTableStoryState } from './navigationTableStorySetup';
|
|
3
|
+
type DemoArgs = {
|
|
4
|
+
state: NavigationTableStoryState;
|
|
5
|
+
};
|
|
6
|
+
declare const meta: Meta<DemoArgs>;
|
|
7
|
+
export default meta;
|
|
8
|
+
export declare const Default: StoryObj<DemoArgs>;
|
|
9
|
+
//# sourceMappingURL=NavigationTable.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NavigationTable.stories.d.ts","sourceRoot":"","sources":["../../../../src/modules/NavigationTable/NavigationTable.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAIrD,OAAO,EACH,KAAK,yBAAyB,EAKjC,MAAM,6BAA6B,CAAC;AAErC,KAAK,QAAQ,GAAG;IACZ,KAAK,EAAE,yBAAyB,CAAC;CACpC,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,QAAQ,CA4BxB,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAC,QAAQ,CAAM,CAAC"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
2
|
+
import { YSON_DEFAULT_UNIPIKA_SETTINGS } from '../../internal/Yson';
|
|
3
|
+
import { NavigationTable } from './NavigationTable';
|
|
4
|
+
import { navigationTableSampleTable, navigationTableStoryEmptyMessage, navigationTableStoryFrameStyle, navigationTableVisualCaseOrder } from './navigationTableStorySetup';
|
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
+
var meta = {
|
|
7
|
+
title: 'Modules/NavigationTable',
|
|
8
|
+
tags: ['autodocs'],
|
|
9
|
+
args: {
|
|
10
|
+
state: 'withData'
|
|
11
|
+
},
|
|
12
|
+
argTypes: {
|
|
13
|
+
state: {
|
|
14
|
+
control: 'inline-radio',
|
|
15
|
+
options: _toConsumableArray(navigationTableVisualCaseOrder),
|
|
16
|
+
description: 'Loaded table (Schema / Preview / Meta tabs) or empty state when `table` is null.'
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
parameters: {
|
|
20
|
+
layout: 'padded'
|
|
21
|
+
},
|
|
22
|
+
render: function render(_ref) {
|
|
23
|
+
var state = _ref.state;
|
|
24
|
+
return /*#__PURE__*/_jsx("div", {
|
|
25
|
+
style: navigationTableStoryFrameStyle,
|
|
26
|
+
children: /*#__PURE__*/_jsx(NavigationTable, {
|
|
27
|
+
table: state === 'empty' ? null : navigationTableSampleTable,
|
|
28
|
+
emptyMessage: navigationTableStoryEmptyMessage,
|
|
29
|
+
ysonSettings: YSON_DEFAULT_UNIPIKA_SETTINGS,
|
|
30
|
+
logError: function logError() {
|
|
31
|
+
return undefined;
|
|
32
|
+
},
|
|
33
|
+
onInsertTableSelect: function onInsertTableSelect() {
|
|
34
|
+
return undefined;
|
|
35
|
+
}
|
|
36
|
+
})
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
};
|
|
40
|
+
export default meta;
|
|
41
|
+
export var Default = {};
|
|
42
|
+
// #sourceMappingURL=NavigationTable.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["YSON_DEFAULT_UNIPIKA_SETTINGS","NavigationTable","navigationTableSampleTable","navigationTableStoryEmptyMessage","navigationTableStoryFrameStyle","navigationTableVisualCaseOrder","jsx","_jsx","meta","title","tags","args","state","argTypes","control","options","_toConsumableArray","description","parameters","layout","render","_ref","style","children","table","emptyMessage","ysonSettings","logError","undefined","onInsertTableSelect","Default"],"sources":["NavigationTable.stories.tsx"],"sourcesContent":["import type {Meta, StoryObj} from '@storybook/react';\n\nimport {YSON_DEFAULT_UNIPIKA_SETTINGS} from '../../internal/Yson';\nimport {NavigationTable} from './NavigationTable';\nimport {\n type NavigationTableStoryState,\n navigationTableSampleTable,\n navigationTableStoryEmptyMessage,\n navigationTableStoryFrameStyle,\n navigationTableVisualCaseOrder,\n} from './navigationTableStorySetup';\n\ntype DemoArgs = {\n state: NavigationTableStoryState;\n};\n\nconst meta: Meta<DemoArgs> = {\n title: 'Modules/NavigationTable',\n tags: ['autodocs'],\n args: {\n state: 'withData',\n },\n argTypes: {\n state: {\n control: 'inline-radio',\n options: [...navigationTableVisualCaseOrder],\n description:\n 'Loaded table (Schema / Preview / Meta tabs) or empty state when `table` is null.',\n },\n },\n parameters: {\n layout: 'padded',\n },\n render: ({state}: DemoArgs) => (\n <div style={navigationTableStoryFrameStyle}>\n <NavigationTable\n table={state === 'empty' ? null : navigationTableSampleTable}\n emptyMessage={navigationTableStoryEmptyMessage}\n ysonSettings={YSON_DEFAULT_UNIPIKA_SETTINGS}\n logError={() => undefined}\n onInsertTableSelect={() => undefined}\n />\n </div>\n ),\n};\n\nexport default meta;\n\nexport const Default: StoryObj<DemoArgs> = {};\n"],"mappings":";AAEA,SAAQA,6BAA6B,QAAO,qBAAqB;AACjE,SAAQC,eAAe,QAAO,mBAAmB;AACjD,SAEIC,0BAA0B,EAC1BC,gCAAgC,EAChCC,8BAA8B,EAC9BC,8BAA8B,QAC3B,6BAA6B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAMrC,IAAMC,IAAoB,GAAG;EACzBC,KAAK,EAAE,yBAAyB;EAChCC,IAAI,EAAE,CAAC,UAAU,CAAC;EAClBC,IAAI,EAAE;IACFC,KAAK,EAAE;EACX,CAAC;EACDC,QAAQ,EAAE;IACND,KAAK,EAAE;MACHE,OAAO,EAAE,cAAc;MACvBC,OAAO,EAAAC,kBAAA,CAAMX,8BAA8B,CAAC;MAC5CY,WAAW,EACP;IACR;EACJ,CAAC;EACDC,UAAU,EAAE;IACRC,MAAM,EAAE;EACZ,CAAC;EACDC,MAAM,EAAE,SAARA,MAAMA,CAAAC,IAAA;IAAA,IAAIT,KAAK,GAAAS,IAAA,CAALT,KAAK;IAAA,oBACXL,IAAA;MAAKe,KAAK,EAAElB,8BAA+B;MAAAmB,QAAA,eACvChB,IAAA,CAACN,eAAe;QACZuB,KAAK,EAAEZ,KAAK,KAAK,OAAO,GAAG,IAAI,GAAGV,0BAA2B;QAC7DuB,YAAY,EAAEtB,gCAAiC;QAC/CuB,YAAY,EAAE1B,6BAA8B;QAC5C2B,QAAQ,EAAE,SAAVA,QAAQA,CAAA;UAAA,OAAQC,SAAS;QAAA,CAAC;QAC1BC,mBAAmB,EAAE,SAArBA,mBAAmBA,CAAA;UAAA,OAAQD,SAAS;QAAA;MAAC,CACxC;IAAC,CACD,CAAC;EAAA;AAEd,CAAC;AAED,eAAepB,IAAI;AAEnB,OAAO,IAAMsB,OAA2B,GAAG,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1,13 +1,16 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { NavigationTableData } from '../../types';
|
|
1
|
+
import React, { FC } from 'react';
|
|
2
|
+
import { LogErrorFn, NavigationTableData } from '../../types';
|
|
3
3
|
import type { UnipikaSettings } from '../../internal/Yson/StructuredYson/StructuredYsonTypes';
|
|
4
4
|
import type { SchemaDataTypePrimitiveTypes } from '../../components/SchemaDataType';
|
|
5
5
|
import './PreviewTab.scss';
|
|
6
|
+
import type { ErrorBoundaryProps } from '../../internal/DefaultErrorBoundary';
|
|
6
7
|
type PreviewTabProps = {
|
|
7
8
|
table: NavigationTableData;
|
|
8
|
-
onEditorInsert
|
|
9
|
+
onEditorInsert?: () => void | Promise<void>;
|
|
9
10
|
ysonSettings?: UnipikaSettings;
|
|
10
11
|
primitiveTypes?: SchemaDataTypePrimitiveTypes;
|
|
12
|
+
logError?: LogErrorFn;
|
|
13
|
+
ErrorBoundaryComponent?: React.ComponentType<ErrorBoundaryProps>;
|
|
11
14
|
};
|
|
12
15
|
export declare const PreviewTab: FC<PreviewTabProps>;
|
|
13
16
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PreviewTab.d.ts","sourceRoot":"","sources":["../../../../src/modules/NavigationTable/PreviewTab.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,EAAE,EAAU,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"PreviewTab.d.ts","sourceRoot":"","sources":["../../../../src/modules/NavigationTable/PreviewTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,EAAE,EAAU,MAAM,OAAO,CAAC;AAIzC,OAAO,EAAC,UAAU,EAAE,mBAAmB,EAAC,MAAM,aAAa,CAAC;AAC5D,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,wDAAwD,CAAC;AAI5F,OAAO,KAAK,EAAC,4BAA4B,EAAY,MAAM,iCAAiC,CAAC;AAC7F,OAAO,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,qCAAqC,CAAC;AAI5E,KAAK,eAAe,GAAG;IACnB,KAAK,EAAE,mBAAmB,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,cAAc,CAAC,EAAE,4BAA4B,CAAC;IAC9C,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,sBAAsB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;CACpE,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAgD1C,CAAC"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
2
|
-
import React from
|
|
3
|
-
import { useMemo } from 'react';
|
|
2
|
+
import React, { useMemo } from 'react';
|
|
4
3
|
import cn from 'bem-cn-lite';
|
|
5
4
|
import { Button, Icon } from '@gravity-ui/uikit';
|
|
6
5
|
var ArrowUpRightFromSquareIcon = function ArrowUpRightFromSquareIcon(props) {
|
|
@@ -30,7 +29,9 @@ export var PreviewTab = function PreviewTab(_ref) {
|
|
|
30
29
|
var table = _ref.table,
|
|
31
30
|
onEditorInsert = _ref.onEditorInsert,
|
|
32
31
|
ysonSettings = _ref.ysonSettings,
|
|
33
|
-
primitiveTypes = _ref.primitiveTypes
|
|
32
|
+
primitiveTypes = _ref.primitiveTypes,
|
|
33
|
+
logError = _ref.logError,
|
|
34
|
+
ErrorBoundaryComponent = _ref.ErrorBoundaryComponent;
|
|
34
35
|
var onShowPreview = function onShowPreview() {};
|
|
35
36
|
var columns = useMemo(function () {
|
|
36
37
|
return prepareColumns({
|
|
@@ -48,12 +49,14 @@ export var PreviewTab = function PreviewTab(_ref) {
|
|
|
48
49
|
return acc;
|
|
49
50
|
}, {}),
|
|
50
51
|
onShowPreview: onShowPreview,
|
|
51
|
-
primitiveTypes: primitiveTypes
|
|
52
|
+
primitiveTypes: primitiveTypes,
|
|
53
|
+
logError: logError,
|
|
54
|
+
ErrorBoundaryComponent: ErrorBoundaryComponent
|
|
52
55
|
});
|
|
53
56
|
}, [table, ysonSettings, primitiveTypes]);
|
|
54
57
|
return /*#__PURE__*/_jsxs("div", {
|
|
55
58
|
className: b(),
|
|
56
|
-
children: [/*#__PURE__*/_jsxs(Button, {
|
|
59
|
+
children: [onEditorInsert ? /*#__PURE__*/_jsxs(Button, {
|
|
57
60
|
onClick: function onClick() {
|
|
58
61
|
return onEditorInsert();
|
|
59
62
|
},
|
|
@@ -61,7 +64,7 @@ export var PreviewTab = function PreviewTab(_ref) {
|
|
|
61
64
|
data: ArrowUpRightFromSquareIcon,
|
|
62
65
|
size: 16
|
|
63
66
|
}), i18n('action_insert-select')]
|
|
64
|
-
}), /*#__PURE__*/_jsx(DataTableYT, {
|
|
67
|
+
}) : null, /*#__PURE__*/_jsx(DataTableYT, {
|
|
65
68
|
className: b(),
|
|
66
69
|
columns: columns,
|
|
67
70
|
data: table.rows,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useMemo","cn","Button","Icon","ArrowUpRightFromSquareIcon","props","_jsx","_objectSpread","children","fill","fillRule","d","clipRule","defaultProps","xmlns","width","height","viewBox","i18n","DataTableYT","prepareColumns","jsx","jsxs","_jsxs","b","PreviewTab","_ref","table","onEditorInsert","ysonSettings","primitiveTypes","onShowPreview","columns","map","i","name","keyColumns","yqlTypes","useRawStrings","undefined","schemaByName","schema","reduce","acc","item","className","onClick","data","size","rows","useThemeYT"],"sources":["PreviewTab.tsx"],"sourcesContent":["import {FC, useMemo} from 'react';\nimport cn from 'bem-cn-lite';\nimport {Button, Icon} from '@gravity-ui/uikit';\nimport ArrowUpRightFromSquareIcon from '@gravity-ui/icons/svgs/arrow-up-right-from-square.svg';\nimport {NavigationTableData} from '../../types';\nimport type {UnipikaSettings} from '../../internal/Yson/StructuredYson/StructuredYsonTypes';\nimport i18n from './i18n';\nimport {DataTableYT} from '../../components';\nimport {prepareColumns} from './prepareColumns';\nimport type {SchemaDataTypePrimitiveTypes, TypeArray} from '../../components/SchemaDataType';\nimport './PreviewTab.scss';\n\nconst b = cn('navigation-table-preview-tab');\n\ntype PreviewTabProps = {\n table: NavigationTableData;\n onEditorInsert
|
|
1
|
+
{"version":3,"names":["React","useMemo","cn","Button","Icon","ArrowUpRightFromSquareIcon","props","_jsx","_objectSpread","children","fill","fillRule","d","clipRule","defaultProps","xmlns","width","height","viewBox","i18n","DataTableYT","prepareColumns","jsx","jsxs","_jsxs","b","PreviewTab","_ref","table","onEditorInsert","ysonSettings","primitiveTypes","logError","ErrorBoundaryComponent","onShowPreview","columns","map","i","name","keyColumns","yqlTypes","useRawStrings","undefined","schemaByName","schema","reduce","acc","item","className","onClick","data","size","rows","useThemeYT"],"sources":["PreviewTab.tsx"],"sourcesContent":["import React, {FC, useMemo} from 'react';\nimport cn from 'bem-cn-lite';\nimport {Button, Icon} from '@gravity-ui/uikit';\nimport ArrowUpRightFromSquareIcon from '@gravity-ui/icons/svgs/arrow-up-right-from-square.svg';\nimport {LogErrorFn, NavigationTableData} from '../../types';\nimport type {UnipikaSettings} from '../../internal/Yson/StructuredYson/StructuredYsonTypes';\nimport i18n from './i18n';\nimport {DataTableYT} from '../../components';\nimport {prepareColumns} from './prepareColumns';\nimport type {SchemaDataTypePrimitiveTypes, TypeArray} from '../../components/SchemaDataType';\nimport './PreviewTab.scss';\nimport type {ErrorBoundaryProps} from '../../internal/DefaultErrorBoundary';\n\nconst b = cn('navigation-table-preview-tab');\n\ntype PreviewTabProps = {\n table: NavigationTableData;\n onEditorInsert?: () => void | Promise<void>;\n ysonSettings?: UnipikaSettings;\n primitiveTypes?: SchemaDataTypePrimitiveTypes;\n logError?: LogErrorFn;\n ErrorBoundaryComponent?: React.ComponentType<ErrorBoundaryProps>;\n};\n\nexport const PreviewTab: FC<PreviewTabProps> = ({\n table,\n onEditorInsert,\n ysonSettings,\n primitiveTypes,\n logError,\n ErrorBoundaryComponent,\n}) => {\n const onShowPreview = () => {};\n const columns = useMemo(() => {\n return prepareColumns({\n columns: table.columns.map((i) => ({name: i})),\n keyColumns: [],\n yqlTypes: table.yqlTypes as TypeArray[] | null,\n ysonSettings,\n useRawStrings: undefined,\n schemaByName: table.schema.reduce<\n Record<\n string,\n {\n name: string;\n required: boolean;\n sort_order?: string;\n type: string;\n }\n >\n >((acc, item) => {\n acc[item.name] = item;\n return acc;\n }, {}),\n onShowPreview,\n primitiveTypes,\n logError,\n ErrorBoundaryComponent,\n });\n }, [table, ysonSettings, primitiveTypes]);\n\n return (\n <div className={b()}>\n {onEditorInsert ? (\n <Button onClick={() => onEditorInsert()}>\n <Icon data={ArrowUpRightFromSquareIcon} size={16} />\n {i18n('action_insert-select')}\n </Button>\n ) : null}\n <DataTableYT className={b()} columns={columns} data={table.rows} useThemeYT />\n </div>\n );\n};\n"],"mappings":";AAAA,OAAOA,KAAK,IAAOC,OAAO,QAAO,OAAO;AACxC,OAAOC,EAAE,MAAM,aAAa;AAC5B,SAAQC,MAAM,EAAEC,IAAI,QAAO,mBAAmB;AAAC,IACxCC,0BAA0B,YAA1BA,0BAA0BA,CAAAC,KAAA;EAAA,oBAAAC,IAAA,QAAAC,aAAA,CAAAA,aAAA,KAAAF,KAAA;IAAAG,QAAA,eAAAF,IAAA;MAAAG,IAAA;MAAAC,QAAA;MAAAC,CAAA;MAAAC,QAAA;IAAA;EAAA;AAAA;AAA1BR,0BAA0B,CAAAS,YAAA;EAAAC,KAAA;EAAAC,KAAA;EAAAC,MAAA;EAAAP,IAAA;EAAAQ,OAAA;AAAA;AAGjC,OAAOC,IAAI,MAAM,QAAQ;AACzB,SAAQC,WAAW,QAAO,kBAAkB;AAC5C,SAAQC,cAAc,QAAO,kBAAkB;AAE/C,OAAO,kBAAmB;AAAC,SAAAC,GAAA,IAAAf,IAAA,EAAAgB,IAAA,IAAAC,KAAA;AAG3B,IAAMC,CAAC,GAAGvB,EAAE,CAAC,8BAA8B,CAAC;AAW5C,OAAO,IAAMwB,UAA+B,GAAG,SAAlCA,UAA+BA,CAAAC,IAAA,EAOtC;EAAA,IANFC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,cAAc,GAAAF,IAAA,CAAdE,cAAc;IACdC,YAAY,GAAAH,IAAA,CAAZG,YAAY;IACZC,cAAc,GAAAJ,IAAA,CAAdI,cAAc;IACdC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,sBAAsB,GAAAN,IAAA,CAAtBM,sBAAsB;EAEtB,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAA,EAAS,CAAC,CAAC;EAC9B,IAAMC,OAAO,GAAGlC,OAAO,CAAC,YAAM;IAC1B,OAAOoB,cAAc,CAAC;MAClBc,OAAO,EAAEP,KAAK,CAACO,OAAO,CAACC,GAAG,CAAC,UAACC,CAAC;QAAA,OAAM;UAACC,IAAI,EAAED;QAAC,CAAC;MAAA,CAAC,CAAC;MAC9CE,UAAU,EAAE,EAAE;MACdC,QAAQ,EAAEZ,KAAK,CAACY,QAA8B;MAC9CV,YAAY,EAAZA,YAAY;MACZW,aAAa,EAAEC,SAAS;MACxBC,YAAY,EAAEf,KAAK,CAACgB,MAAM,CAACC,MAAM,CAU/B,UAACC,GAAG,EAAEC,IAAI,EAAK;QACbD,GAAG,CAACC,IAAI,CAACT,IAAI,CAAC,GAAGS,IAAI;QACrB,OAAOD,GAAG;MACd,CAAC,EAAE,CAAC,CAAC,CAAC;MACNZ,aAAa,EAAbA,aAAa;MACbH,cAAc,EAAdA,cAAc;MACdC,QAAQ,EAARA,QAAQ;MACRC,sBAAsB,EAAtBA;IACJ,CAAC,CAAC;EACN,CAAC,EAAE,CAACL,KAAK,EAAEE,YAAY,EAAEC,cAAc,CAAC,CAAC;EAEzC,oBACIP,KAAA;IAAKwB,SAAS,EAAEvB,CAAC,CAAC,CAAE;IAAAhB,QAAA,GACfoB,cAAc,gBACXL,KAAA,CAACrB,MAAM;MAAC8C,OAAO,EAAE,SAATA,OAAOA,CAAA;QAAA,OAAQpB,cAAc,CAAC,CAAC;MAAA,CAAC;MAAApB,QAAA,gBACpCF,IAAA,CAACH,IAAI;QAAC8C,IAAI,EAAE7C,0BAA2B;QAAC8C,IAAI,EAAE;MAAG,CAAE,CAAC,EACnDhC,IAAI,CAAC,sBAAsB,CAAC;IAAA,CACzB,CAAC,GACT,IAAI,eACRZ,IAAA,CAACa,WAAW;MAAC4B,SAAS,EAAEvB,CAAC,CAAC,CAAE;MAACU,OAAO,EAAEA,OAAQ;MAACe,IAAI,EAAEtB,KAAK,CAACwB,IAAK;MAACC,UAAU;IAAA,CAAE,CAAC;EAAA,CAC7E,CAAC;AAEd,CAAC","ignoreList":[]}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
2
|
import type { NavigationTableSchema } from '../../types';
|
|
3
|
+
import type { UnipikaSettings } from '../../internal/Yson/StructuredYson/StructuredYsonTypes';
|
|
3
4
|
type SchemaTabProps = {
|
|
4
5
|
schema: NavigationTableSchema[];
|
|
5
6
|
filter: string;
|
|
6
7
|
onFilterChange: (value: string) => void;
|
|
8
|
+
ysonSettings?: UnipikaSettings;
|
|
7
9
|
};
|
|
8
10
|
export declare const SchemaTab: FC<SchemaTabProps>;
|
|
9
11
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SchemaTab.d.ts","sourceRoot":"","sources":["../../../../src/modules/NavigationTable/SchemaTab.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,EAAE,EAAU,MAAM,OAAO,CAAC;AAIlC,OAAO,KAAK,EAAC,qBAAqB,EAAC,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"SchemaTab.d.ts","sourceRoot":"","sources":["../../../../src/modules/NavigationTable/SchemaTab.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,EAAE,EAAU,MAAM,OAAO,CAAC;AAIlC,OAAO,KAAK,EAAC,qBAAqB,EAAC,MAAM,aAAa,CAAC;AAKvD,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,wDAAwD,CAAC;AAG5F,KAAK,cAAc,GAAG;IAClB,MAAM,EAAE,qBAAqB,EAAE,CAAC;IAChC,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,YAAY,CAAC,EAAE,eAAe,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CA2DxC,CAAC"}
|