@ytsaurus/components 0.2.0 → 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 +3 -2
- 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/Label/i18n/dicts.d.ts +12 -0
- package/build/esm/components/Label/i18n/dicts.d.ts.map +1 -0
- package/build/esm/components/Label/i18n/dicts.js +7 -0
- package/build/esm/components/Label/i18n/dicts.js.map +1 -0
- package/build/esm/components/Label/i18n/en.json +4 -0
- package/build/esm/components/Label/i18n/index.d.ts +7 -0
- package/build/esm/components/Label/i18n/index.d.ts.map +1 -0
- package/build/esm/components/Label/i18n/index.js +4 -0
- package/build/esm/components/Label/i18n/index.js.map +1 -0
- package/build/esm/components/Label/i18n/ru.json +4 -0
- package/build/esm/components/MetaTable/MetaTable.css +6 -1
- package/build/esm/components/MetaTable/MetaTable.css.map +1 -1
- package/build/esm/components/MetaTable/MetaTable.d.ts.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 +6 -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/dicts.d.ts +18 -0
- package/build/esm/components/MetaTable/presets/i18n/dicts.d.ts.map +1 -0
- package/build/esm/components/MetaTable/presets/i18n/dicts.js +7 -0
- package/build/esm/components/MetaTable/presets/i18n/dicts.js.map +1 -0
- package/build/esm/components/MetaTable/presets/i18n/en.json +5 -5
- package/build/esm/components/MetaTable/presets/i18n/index.d.ts +2 -2
- package/build/esm/components/MetaTable/presets/i18n/index.d.ts.map +1 -1
- package/build/esm/components/MetaTable/presets/i18n/index.js +2 -6
- package/build/esm/components/MetaTable/presets/i18n/index.js.map +1 -1
- package/build/esm/components/MetaTable/presets/i18n/ru.json +5 -5
- 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 +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 +5 -6
- 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/SchemaDataType/SchemaDataType.d.ts.map +1 -1
- package/build/esm/components/SchemaDataType/SchemaDataType.js +2 -1
- package/build/esm/components/SchemaDataType/SchemaDataType.js.map +1 -1
- package/build/esm/components/SchemaDataType/i18n/dicts.d.ts +10 -0
- package/build/esm/components/SchemaDataType/i18n/dicts.d.ts.map +1 -0
- package/build/esm/components/SchemaDataType/i18n/dicts.js +7 -0
- package/build/esm/components/SchemaDataType/i18n/dicts.js.map +1 -0
- package/build/esm/components/SchemaDataType/i18n/en.json +3 -0
- package/build/esm/components/SchemaDataType/i18n/index.d.ts +7 -0
- package/build/esm/components/SchemaDataType/i18n/index.d.ts.map +1 -0
- package/build/esm/components/SchemaDataType/i18n/index.js +4 -0
- package/build/esm/components/SchemaDataType/i18n/index.js.map +1 -0
- package/build/esm/components/SchemaDataType/i18n/ru.json +3 -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
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["YqlValue","defaultYqlValueStorySettings","yqlValueOptionalDate","yqlValueOptionalDatetime","yqlValueOptionalInterval","yqlValueOptionalTimestamp","jsx","_jsx","meta","title","tags","parameters","docs","description","component","args","type","value","inline","settings","argTypes","control","render","_ref","Default","fromReadQueryResultSearchPhrase","name","story","fromReadQueryResultUint64","fromReadQueryResultLongText","fromReadQueryResultDate","fromReadQueryResultDatetime","fromReadQueryResultInterval","fromReadQueryResultTimestamp"],"sources":["YqlValue.stories.tsx"],"sourcesContent":["import type {Meta, StoryObj} from '@storybook/react';\n\nimport {YqlValue} from './YqlValue';\nimport {\n type YqlValueStoryArgs,\n defaultYqlValueStorySettings,\n yqlValueOptionalDate,\n yqlValueOptionalDatetime,\n yqlValueOptionalInterval,\n yqlValueOptionalTimestamp,\n} from './yqlValueStorySetup';\n\ntype DemoArgs = YqlValueStoryArgs;\n\nconst meta: Meta<DemoArgs> = {\n title: 'Components/YqlValue',\n tags: ['autodocs'],\n parameters: {\n docs: {\n description: {\n component:\n 'Renders a YQL value with Unipika. For `read_query_result` payloads, resolve the type from `yql_type_registry` using the type index stored in each cell, then pass the cell payload and that type into `YqlValue` (same idea as `ColumnCell`).',\n },\n },\n },\n args: {\n type: ['DataType', 'String'],\n value: 'hello',\n inline: false,\n settings: defaultYqlValueStorySettings,\n },\n argTypes: {\n type: {\n control: 'object',\n description: 'YQL type tuple from `yql_type_registry`, e.g. [\"DataType\",\"String\"]',\n },\n value: {\n control: 'object',\n description:\n 'First element of the cell `rows[i][column][0]`: string, number, or nested array (e.g. `[\"19523\"]` for Date in read_query_result).',\n },\n inline: {control: 'boolean'},\n settings: {\n control: 'object',\n description: 'Unipika formatting options (no validateSrcUrl / normalizeUrl here).',\n },\n },\n render: ({type, value, inline, settings}: DemoArgs) => (\n <YqlValue value={value} type={type} settings={settings} inline={inline} />\n ),\n};\n\nexport default meta;\n\ntype Story = StoryObj<DemoArgs>;\n\nexport const Default: Story = {};\n\nexport const fromReadQueryResultSearchPhrase: Story = {\n name: 'From read_query_result (search phrase)',\n args: {\n value: 'sample search phrase movies 2013 watch online',\n type: ['DataType', 'String'],\n },\n parameters: {\n docs: {\n description: {\n story: 'Cell shape `[\"…\", \"8\"]`: in a typical registry, index 8 maps to `DataType` + `String`.',\n },\n },\n },\n};\n\nexport const fromReadQueryResultUint64: Story = {\n name: 'From read_query_result (Uint64)',\n args: {\n value: '45',\n type: ['DataType', 'Uint64'],\n },\n parameters: {\n docs: {\n description: {\n story: 'Numeric column example: payload is often a string from the API; type is `Uint64` from `yql_type_registry[11]` in the sample registry.',\n },\n },\n },\n};\n\nexport const fromReadQueryResultLongText: Story = {\n name: 'From read_query_result (long text)',\n args: {\n value: 'Long placeholder text for wrapping and Unipika markup: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.',\n type: ['DataType', 'String'],\n },\n parameters: {\n docs: {\n description: {\n story: 'Long string cell to exercise line breaks and Unipika HTML output.',\n },\n },\n },\n};\n\nexport const fromReadQueryResultDate: Story = {\n name: 'From read_query_result (Date)',\n args: {\n value: ['19523'],\n type: yqlValueOptionalDate,\n },\n parameters: {\n docs: {\n description: {\n story: 'Optional Date: day count in a single-element array, as returned by read_query_result.',\n },\n },\n },\n};\n\nexport const fromReadQueryResultDatetime: Story = {\n name: 'From read_query_result (Datetime)',\n args: {\n value: ['1686839400'],\n type: yqlValueOptionalDatetime,\n },\n parameters: {\n docs: {\n description: {\n story: 'Optional Datetime: Unix seconds in a one-element array; type from `yql_type_registry[9]`.',\n },\n },\n },\n};\n\nexport const fromReadQueryResultInterval: Story = {\n name: 'From read_query_result (Interval)',\n args: {\n value: ['93784567890'],\n type: yqlValueOptionalInterval,\n },\n parameters: {\n docs: {\n description: {\n story: 'Optional Interval; type resolved from index `\"10\"`.',\n },\n },\n },\n};\n\nexport const fromReadQueryResultTimestamp: Story = {\n name: 'From read_query_result (Timestamp)',\n args: {\n value: ['1686839400123456'],\n type: yqlValueOptionalTimestamp,\n },\n parameters: {\n docs: {\n description: {\n story: 'Optional Timestamp: integer microseconds in a one-element array; type from `yql_type_registry[11]`.',\n },\n },\n },\n};\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import _regeneratorRuntime from "@babel/runtime/helpers/regeneratorRuntime";
|
|
2
|
+
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
3
|
+
import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
|
|
4
|
+
import _createForOfIteratorHelper from "@babel/runtime/helpers/createForOfIteratorHelper";
|
|
5
|
+
import { test } from '../../../../playwright-components/core';
|
|
6
|
+
import { YqlValue } from '../YqlValue';
|
|
7
|
+
import { yqlValueStoryBaseArgs, yqlValueStoryFrameStyle, yqlValueVisualStoryCases } from '../yqlValueStorySetup';
|
|
8
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
|
+
var _iterator = _createForOfIteratorHelper(yqlValueVisualStoryCases),
|
|
10
|
+
_step;
|
|
11
|
+
try {
|
|
12
|
+
var _loop = function _loop() {
|
|
13
|
+
var _step$value = _step.value,
|
|
14
|
+
testName = _step$value.testName,
|
|
15
|
+
args = _step$value.args;
|
|
16
|
+
test("YqlValue: ".concat(testName), /*#__PURE__*/function () {
|
|
17
|
+
var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref) {
|
|
18
|
+
var mount, expectScreenshot, merged;
|
|
19
|
+
return _regeneratorRuntime().wrap(function (_context) {
|
|
20
|
+
while (1) switch (_context.prev = _context.next) {
|
|
21
|
+
case 0:
|
|
22
|
+
mount = _ref.mount, expectScreenshot = _ref.expectScreenshot;
|
|
23
|
+
merged = _objectSpread(_objectSpread({}, yqlValueStoryBaseArgs), args);
|
|
24
|
+
_context.next = 1;
|
|
25
|
+
return mount(/*#__PURE__*/_jsx("div", {
|
|
26
|
+
style: yqlValueStoryFrameStyle,
|
|
27
|
+
children: /*#__PURE__*/_jsx(YqlValue, {
|
|
28
|
+
value: merged.value,
|
|
29
|
+
type: merged.type,
|
|
30
|
+
settings: merged.settings,
|
|
31
|
+
inline: merged.inline
|
|
32
|
+
})
|
|
33
|
+
}));
|
|
34
|
+
case 1:
|
|
35
|
+
_context.next = 2;
|
|
36
|
+
return expectScreenshot();
|
|
37
|
+
case 2:
|
|
38
|
+
case "end":
|
|
39
|
+
return _context.stop();
|
|
40
|
+
}
|
|
41
|
+
}, _callee);
|
|
42
|
+
}));
|
|
43
|
+
return function (_x) {
|
|
44
|
+
return _ref2.apply(this, arguments);
|
|
45
|
+
};
|
|
46
|
+
}());
|
|
47
|
+
};
|
|
48
|
+
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
49
|
+
_loop();
|
|
50
|
+
}
|
|
51
|
+
} catch (err) {
|
|
52
|
+
_iterator.e(err);
|
|
53
|
+
} finally {
|
|
54
|
+
_iterator.f();
|
|
55
|
+
}
|
|
56
|
+
// #sourceMappingURL=YqlValue.visual.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["test","YqlValue","yqlValueStoryBaseArgs","yqlValueStoryFrameStyle","yqlValueVisualStoryCases","jsx","_jsx","_iterator","_createForOfIteratorHelper","_step","_loop","_step$value","value","testName","args","concat","_ref2","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_ref","mount","expectScreenshot","merged","wrap","_context","prev","next","_objectSpread","style","children","type","settings","inline","stop","_x","apply","arguments","s","n","done","err","e","f"],"sources":["YqlValue.visual.test.tsx"],"sourcesContent":["import {test} from '../../../../playwright-components/core';\n\nimport {YqlValue} from '../YqlValue';\nimport {\n yqlValueStoryBaseArgs,\n yqlValueStoryFrameStyle,\n yqlValueVisualStoryCases,\n} from '../yqlValueStorySetup';\n\nfor (const {testName, args} of yqlValueVisualStoryCases) {\n test(`YqlValue: ${testName}`, async ({mount, expectScreenshot}) => {\n const merged = {...yqlValueStoryBaseArgs, ...args};\n await mount(\n <div style={yqlValueStoryFrameStyle}>\n <YqlValue\n value={merged.value}\n type={merged.type}\n settings={merged.settings}\n inline={merged.inline}\n />\n </div>,\n );\n await expectScreenshot();\n });\n}\n"],"mappings":";;;;AAAA,SAAQA,IAAI,QAAO,wCAAwC;AAE3D,SAAQC,QAAQ,QAAO,aAAa;AACpC,SACIC,qBAAqB,EACrBC,uBAAuB,EACvBC,wBAAwB,QACrB,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,IAAAC,SAAA,GAAAC,0BAAA,CAEAJ,wBAAwB;EAAAK,KAAA;AAAA;EAAA,IAAAC,KAAA,YAAAA,MAAA,EAAE;IAAA,IAAAC,WAAA,GAAAF,KAAA,CAAAG,KAAA;MAA7CC,QAAQ,GAAAF,WAAA,CAARE,QAAQ;MAAEC,IAAI,GAAAH,WAAA,CAAJG,IAAI;IACtBd,IAAI,cAAAe,MAAA,CAAcF,QAAQ;MAAA,IAAAG,KAAA,GAAAC,iBAAA,cAAAC,mBAAA,GAAAC,IAAA,CAAI,SAAAC,QAAAC,IAAA;QAAA,IAAAC,KAAA,EAAAC,gBAAA,EAAAC,MAAA;QAAA,OAAAN,mBAAA,GAAAO,IAAA,WAAAC,QAAA;UAAA,kBAAAA,QAAA,CAAAC,IAAA,GAAAD,QAAA,CAAAE,IAAA;YAAA;cAAQN,KAAK,GAAAD,IAAA,CAALC,KAAK,EAAEC,gBAAgB,GAAAF,IAAA,CAAhBE,gBAAgB;cACnDC,MAAM,GAAAK,aAAA,CAAAA,aAAA,KAAO3B,qBAAqB,GAAKY,IAAI;cAAAY,QAAA,CAAAE,IAAA;cAAA,OAC3CN,KAAK,cACPhB,IAAA;gBAAKwB,KAAK,EAAE3B,uBAAwB;gBAAA4B,QAAA,eAChCzB,IAAA,CAACL,QAAQ;kBACLW,KAAK,EAAEY,MAAM,CAACZ,KAAM;kBACpBoB,IAAI,EAAER,MAAM,CAACQ,IAAK;kBAClBC,QAAQ,EAAET,MAAM,CAACS,QAAS;kBAC1BC,MAAM,EAAEV,MAAM,CAACU;gBAAO,CACzB;cAAC,CACD,CACT,CAAC;YAAA;cAAAR,QAAA,CAAAE,IAAA;cAAA,OACKL,gBAAgB,CAAC,CAAC;YAAA;YAAA;cAAA,OAAAG,QAAA,CAAAS,IAAA;UAAA;QAAA,GAAAf,OAAA;MAAA,CAC3B;MAAA,iBAAAgB,EAAA;QAAA,OAAApB,KAAA,CAAAqB,KAAA,OAAAC,SAAA;MAAA;IAAA,IAAC;EACN,CAAC;EAfD,KAAA/B,SAAA,CAAAgC,CAAA,MAAA9B,KAAA,GAAAF,SAAA,CAAAiC,CAAA,IAAAC,IAAA;IAAA/B,KAAA;EAAA;AAeC,SAAAgC,GAAA;EAAAnC,SAAA,CAAAoC,CAAA,CAAAD,GAAA;AAAA;EAAAnC,SAAA,CAAAqC,CAAA;AAAA","ignoreList":[]}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { type CSSProperties } from 'react';
|
|
2
|
+
import type { UnipikaSettings } from '../../internal/Yson/StructuredYson/StructuredYsonTypes';
|
|
3
|
+
import type { UnipikaValueType } from './YqlValue';
|
|
4
|
+
/** Same shape as stories; shared with Playwright visual tests (no Storybook imports). */
|
|
5
|
+
export type YqlValueStoryUnipikaSettings = Omit<UnipikaSettings, 'validateSrcUrl' | 'normalizeUrl'>;
|
|
6
|
+
export type YqlValueStoryArgs = {
|
|
7
|
+
type: UnipikaValueType;
|
|
8
|
+
value: unknown;
|
|
9
|
+
inline: boolean;
|
|
10
|
+
settings: YqlValueStoryUnipikaSettings;
|
|
11
|
+
};
|
|
12
|
+
export declare const defaultYqlValueStorySettings: YqlValueStoryUnipikaSettings;
|
|
13
|
+
export declare const yqlValueStoryBaseArgs: YqlValueStoryArgs;
|
|
14
|
+
export declare const yqlValueOptionalDate: UnipikaValueType;
|
|
15
|
+
export declare const yqlValueOptionalDatetime: UnipikaValueType;
|
|
16
|
+
export declare const yqlValueOptionalInterval: UnipikaValueType;
|
|
17
|
+
export declare const yqlValueOptionalTimestamp: UnipikaValueType;
|
|
18
|
+
export declare const yqlValueStoryFrameStyle: CSSProperties;
|
|
19
|
+
/** Story / screenshot cases: `args` merged over {@link yqlValueStoryBaseArgs}. */
|
|
20
|
+
export declare const yqlValueVisualStoryCases: Array<{
|
|
21
|
+
testName: string;
|
|
22
|
+
args: Partial<YqlValueStoryArgs>;
|
|
23
|
+
}>;
|
|
24
|
+
//# sourceMappingURL=yqlValueStorySetup.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"yqlValueStorySetup.d.ts","sourceRoot":"","sources":["../../../../src/components/YqlValue/yqlValueStorySetup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,aAAa,EAAC,MAAM,OAAO,CAAC;AAEzC,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,wDAAwD,CAAC;AAC5F,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,YAAY,CAAC;AAEjD,yFAAyF;AACzF,MAAM,MAAM,4BAA4B,GAAG,IAAI,CAAC,eAAe,EAAE,gBAAgB,GAAG,cAAc,CAAC,CAAC;AAEpG,MAAM,MAAM,iBAAiB,GAAG;IAC5B,IAAI,EAAE,gBAAgB,CAAC;IACvB,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,4BAA4B,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,4BAY1C,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,iBAKnC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,gBAAyD,CAAC;AAC7F,eAAO,MAAM,wBAAwB,EAAE,gBAGtC,CAAC;AACF,eAAO,MAAM,wBAAwB,EAAE,gBAGtC,CAAC;AACF,eAAO,MAAM,yBAAyB,EAAE,gBAGvC,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,aAMrC,CAAC;AAEF,kFAAkF;AAClF,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC;IACzC,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;CACpC,CAmDA,CAAC"}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
/** Same shape as stories; shared with Playwright visual tests (no Storybook imports). */
|
|
2
|
+
|
|
3
|
+
export var defaultYqlValueStorySettings = {
|
|
4
|
+
format: 'yson',
|
|
5
|
+
showDecoded: false,
|
|
6
|
+
compact: true,
|
|
7
|
+
escapeWhitespace: false,
|
|
8
|
+
binaryAsHex: true,
|
|
9
|
+
asHTML: true,
|
|
10
|
+
treatValAsData: true,
|
|
11
|
+
indent: 4,
|
|
12
|
+
"break": true,
|
|
13
|
+
escapeYQLStrings: true,
|
|
14
|
+
nonBreakingIndent: true
|
|
15
|
+
};
|
|
16
|
+
export var yqlValueStoryBaseArgs = {
|
|
17
|
+
type: ['DataType', 'String'],
|
|
18
|
+
value: 'hello',
|
|
19
|
+
inline: false,
|
|
20
|
+
settings: defaultYqlValueStorySettings
|
|
21
|
+
};
|
|
22
|
+
export var yqlValueOptionalDate = ['OptionalType', ['DataType', 'Date']];
|
|
23
|
+
export var yqlValueOptionalDatetime = ['OptionalType', ['DataType', 'Datetime']];
|
|
24
|
+
export var yqlValueOptionalInterval = ['OptionalType', ['DataType', 'Interval']];
|
|
25
|
+
export var yqlValueOptionalTimestamp = ['OptionalType', ['DataType', 'Timestamp']];
|
|
26
|
+
export var yqlValueStoryFrameStyle = {
|
|
27
|
+
minWidth: 280,
|
|
28
|
+
minHeight: 56,
|
|
29
|
+
padding: 12,
|
|
30
|
+
border: '1px dashed var(--g-color-line-generic, #ddd)',
|
|
31
|
+
borderRadius: 8
|
|
32
|
+
};
|
|
33
|
+
|
|
34
|
+
/** Story / screenshot cases: `args` merged over {@link yqlValueStoryBaseArgs}. */
|
|
35
|
+
export var yqlValueVisualStoryCases = [{
|
|
36
|
+
testName: 'Default',
|
|
37
|
+
args: {}
|
|
38
|
+
}, {
|
|
39
|
+
testName: 'From read_query_result (search phrase)',
|
|
40
|
+
args: {
|
|
41
|
+
value: 'sample search phrase movies 2013 watch online',
|
|
42
|
+
type: ['DataType', 'String']
|
|
43
|
+
}
|
|
44
|
+
}, {
|
|
45
|
+
testName: 'From read_query_result (Uint64)',
|
|
46
|
+
args: {
|
|
47
|
+
value: '45',
|
|
48
|
+
type: ['DataType', 'Uint64']
|
|
49
|
+
}
|
|
50
|
+
}, {
|
|
51
|
+
testName: 'From read_query_result (long text)',
|
|
52
|
+
args: {
|
|
53
|
+
value: 'Long placeholder text for wrapping and Unipika markup: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.',
|
|
54
|
+
type: ['DataType', 'String']
|
|
55
|
+
}
|
|
56
|
+
}, {
|
|
57
|
+
testName: 'From read_query_result (Date)',
|
|
58
|
+
args: {
|
|
59
|
+
value: ['19523'],
|
|
60
|
+
type: yqlValueOptionalDate
|
|
61
|
+
}
|
|
62
|
+
}, {
|
|
63
|
+
testName: 'From read_query_result (Datetime)',
|
|
64
|
+
args: {
|
|
65
|
+
value: ['1686839400'],
|
|
66
|
+
type: yqlValueOptionalDatetime
|
|
67
|
+
}
|
|
68
|
+
}, {
|
|
69
|
+
testName: 'From read_query_result (Interval)',
|
|
70
|
+
args: {
|
|
71
|
+
value: ['93784567890'],
|
|
72
|
+
type: yqlValueOptionalInterval
|
|
73
|
+
}
|
|
74
|
+
}, {
|
|
75
|
+
testName: 'From read_query_result (Timestamp)',
|
|
76
|
+
args: {
|
|
77
|
+
value: ['1686839400123456'],
|
|
78
|
+
type: yqlValueOptionalTimestamp
|
|
79
|
+
}
|
|
80
|
+
}];
|
|
81
|
+
// #sourceMappingURL=yqlValueStorySetup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["defaultYqlValueStorySettings","format","showDecoded","compact","escapeWhitespace","binaryAsHex","asHTML","treatValAsData","indent","escapeYQLStrings","nonBreakingIndent","yqlValueStoryBaseArgs","type","value","inline","settings","yqlValueOptionalDate","yqlValueOptionalDatetime","yqlValueOptionalInterval","yqlValueOptionalTimestamp","yqlValueStoryFrameStyle","minWidth","minHeight","padding","border","borderRadius","yqlValueVisualStoryCases","testName","args"],"sources":["yqlValueStorySetup.tsx"],"sourcesContent":["import {type CSSProperties} from 'react';\n\nimport type {UnipikaSettings} from '../../internal/Yson/StructuredYson/StructuredYsonTypes';\nimport type {UnipikaValueType} from './YqlValue';\n\n/** Same shape as stories; shared with Playwright visual tests (no Storybook imports). */\nexport type YqlValueStoryUnipikaSettings = Omit<UnipikaSettings, 'validateSrcUrl' | 'normalizeUrl'>;\n\nexport type YqlValueStoryArgs = {\n type: UnipikaValueType;\n value: unknown;\n inline: boolean;\n settings: YqlValueStoryUnipikaSettings;\n};\n\nexport const defaultYqlValueStorySettings: YqlValueStoryUnipikaSettings = {\n format: 'yson',\n showDecoded: false,\n compact: true,\n escapeWhitespace: false,\n binaryAsHex: true,\n asHTML: true,\n treatValAsData: true,\n indent: 4,\n break: true,\n escapeYQLStrings: true,\n nonBreakingIndent: true,\n};\n\nexport const yqlValueStoryBaseArgs: YqlValueStoryArgs = {\n type: ['DataType', 'String'],\n value: 'hello',\n inline: false,\n settings: defaultYqlValueStorySettings,\n};\n\nexport const yqlValueOptionalDate: UnipikaValueType = ['OptionalType', ['DataType', 'Date']];\nexport const yqlValueOptionalDatetime: UnipikaValueType = [\n 'OptionalType',\n ['DataType', 'Datetime'],\n];\nexport const yqlValueOptionalInterval: UnipikaValueType = [\n 'OptionalType',\n ['DataType', 'Interval'],\n];\nexport const yqlValueOptionalTimestamp: UnipikaValueType = [\n 'OptionalType',\n ['DataType', 'Timestamp'],\n];\n\nexport const yqlValueStoryFrameStyle: CSSProperties = {\n minWidth: 280,\n minHeight: 56,\n padding: 12,\n border: '1px dashed var(--g-color-line-generic, #ddd)',\n borderRadius: 8,\n};\n\n/** Story / screenshot cases: `args` merged over {@link yqlValueStoryBaseArgs}. */\nexport const yqlValueVisualStoryCases: Array<{\n testName: string;\n args: Partial<YqlValueStoryArgs>;\n}> = [\n {testName: 'Default', args: {}},\n {\n testName: 'From read_query_result (search phrase)',\n args: {\n value: 'sample search phrase movies 2013 watch online',\n type: ['DataType', 'String'],\n },\n },\n {\n testName: 'From read_query_result (Uint64)',\n args: {\n value: '45',\n type: ['DataType', 'Uint64'],\n },\n },\n {\n testName: 'From read_query_result (long text)',\n args: {\n value: 'Long placeholder text for wrapping and Unipika markup: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.',\n type: ['DataType', 'String'],\n },\n },\n {\n testName: 'From read_query_result (Date)',\n args: {\n value: ['19523'],\n type: yqlValueOptionalDate,\n },\n },\n {\n testName: 'From read_query_result (Datetime)',\n args: {\n value: ['1686839400'],\n type: yqlValueOptionalDatetime,\n },\n },\n {\n testName: 'From read_query_result (Interval)',\n args: {\n value: ['93784567890'],\n type: yqlValueOptionalInterval,\n },\n },\n {\n testName: 'From read_query_result (Timestamp)',\n args: {\n value: ['1686839400123456'],\n type: yqlValueOptionalTimestamp,\n },\n },\n];\n"],"mappings":"AAKA;;AAUA,OAAO,IAAMA,4BAA0D,GAAG;EACtEC,MAAM,EAAE,MAAM;EACdC,WAAW,EAAE,KAAK;EAClBC,OAAO,EAAE,IAAI;EACbC,gBAAgB,EAAE,KAAK;EACvBC,WAAW,EAAE,IAAI;EACjBC,MAAM,EAAE,IAAI;EACZC,cAAc,EAAE,IAAI;EACpBC,MAAM,EAAE,CAAC;EACT,SAAO,IAAI;EACXC,gBAAgB,EAAE,IAAI;EACtBC,iBAAiB,EAAE;AACvB,CAAC;AAED,OAAO,IAAMC,qBAAwC,GAAG;EACpDC,IAAI,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC;EAC5BC,KAAK,EAAE,OAAO;EACdC,MAAM,EAAE,KAAK;EACbC,QAAQ,EAAEf;AACd,CAAC;AAED,OAAO,IAAMgB,oBAAsC,GAAG,CAAC,cAAc,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;AAC5F,OAAO,IAAMC,wBAA0C,GAAG,CACtD,cAAc,EACd,CAAC,UAAU,EAAE,UAAU,CAAC,CAC3B;AACD,OAAO,IAAMC,wBAA0C,GAAG,CACtD,cAAc,EACd,CAAC,UAAU,EAAE,UAAU,CAAC,CAC3B;AACD,OAAO,IAAMC,yBAA2C,GAAG,CACvD,cAAc,EACd,CAAC,UAAU,EAAE,WAAW,CAAC,CAC5B;AAED,OAAO,IAAMC,uBAAsC,GAAG;EAClDC,QAAQ,EAAE,GAAG;EACbC,SAAS,EAAE,EAAE;EACbC,OAAO,EAAE,EAAE;EACXC,MAAM,EAAE,8CAA8C;EACtDC,YAAY,EAAE;AAClB,CAAC;;AAED;AACA,OAAO,IAAMC,wBAGX,GAAG,CACD;EAACC,QAAQ,EAAE,SAAS;EAAEC,IAAI,EAAE,CAAC;AAAC,CAAC,EAC/B;EACID,QAAQ,EAAE,wCAAwC;EAClDC,IAAI,EAAE;IACFf,KAAK,EAAE,+CAA+C;IACtDD,IAAI,EAAE,CAAC,UAAU,EAAE,QAAQ;EAC/B;AACJ,CAAC,EACD;EACIe,QAAQ,EAAE,iCAAiC;EAC3CC,IAAI,EAAE;IACFf,KAAK,EAAE,IAAI;IACXD,IAAI,EAAE,CAAC,UAAU,EAAE,QAAQ;EAC/B;AACJ,CAAC,EACD;EACIe,QAAQ,EAAE,oCAAoC;EAC9CC,IAAI,EAAE;IACFf,KAAK,EAAE,wPAAwP;IAC/PD,IAAI,EAAE,CAAC,UAAU,EAAE,QAAQ;EAC/B;AACJ,CAAC,EACD;EACIe,QAAQ,EAAE,+BAA+B;EACzCC,IAAI,EAAE;IACFf,KAAK,EAAE,CAAC,OAAO,CAAC;IAChBD,IAAI,EAAEI;EACV;AACJ,CAAC,EACD;EACIW,QAAQ,EAAE,mCAAmC;EAC7CC,IAAI,EAAE;IACFf,KAAK,EAAE,CAAC,YAAY,CAAC;IACrBD,IAAI,EAAEK;EACV;AACJ,CAAC,EACD;EACIU,QAAQ,EAAE,mCAAmC;EAC7CC,IAAI,EAAE;IACFf,KAAK,EAAE,CAAC,aAAa,CAAC;IACtBD,IAAI,EAAEM;EACV;AACJ,CAAC,EACD;EACIS,QAAQ,EAAE,oCAAoC;EAC9CC,IAAI,EAAE;IACFf,KAAK,EAAE,CAAC,kBAAkB,CAAC;IAC3BD,IAAI,EAAEO;EACV;AACJ,CAAC,CACJ","ignoreList":[]}
|
package/build/esm/index.d.ts
CHANGED
|
@@ -3,12 +3,10 @@ export * from './internal/Yson/StructuredYson/StructuredYsonTypes';
|
|
|
3
3
|
export * from './components/SchemaDataType/dataTypes';
|
|
4
4
|
export * from './components/SchemaDataType/dateTypesV3';
|
|
5
5
|
export * from './components/MetaTable/presets';
|
|
6
|
-
export * from './context';
|
|
7
6
|
export { setLang } from './i18n';
|
|
8
7
|
export * from './hooks';
|
|
9
8
|
export type * from './types';
|
|
10
9
|
export * from './internal/DefaultErrorBoundary/ErrorBoundary';
|
|
11
|
-
export * from './components/MetaTable/presets';
|
|
12
10
|
export * from './components/MetaTable/templates';
|
|
13
11
|
export * from './api';
|
|
14
12
|
//# sourceMappingURL=index.d.ts.map
|
package/build/esm/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,oDAAoD,CAAC;AACnE,cAAc,uCAAuC,CAAC;AACtD,cAAc,yCAAyC,CAAC;AACxD,cAAc,gCAAgC,CAAC;AAC/C,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,oDAAoD,CAAC;AACnE,cAAc,uCAAuC,CAAC;AACtD,cAAc,yCAAyC,CAAC;AACxD,cAAc,gCAAgC,CAAC;AAC/C,OAAO,EAAC,OAAO,EAAC,MAAM,QAAQ,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,mBAAmB,SAAS,CAAC;AAC7B,cAAc,+CAA+C,CAAC;AAC9D,cAAc,kCAAkC,CAAC;AACjD,cAAc,OAAO,CAAC"}
|
package/build/esm/index.js
CHANGED
|
@@ -3,11 +3,9 @@ export * from './internal/Yson/StructuredYson/StructuredYsonTypes';
|
|
|
3
3
|
export * from './components/SchemaDataType/dataTypes';
|
|
4
4
|
export * from './components/SchemaDataType/dateTypesV3';
|
|
5
5
|
export * from './components/MetaTable/presets';
|
|
6
|
-
export * from './context';
|
|
7
6
|
export { setLang } from './i18n';
|
|
8
7
|
export * from './hooks';
|
|
9
8
|
export * from './internal/DefaultErrorBoundary/ErrorBoundary';
|
|
10
|
-
export * from './components/MetaTable/presets';
|
|
11
9
|
export * from './components/MetaTable/templates';
|
|
12
10
|
export * from './api';
|
|
13
11
|
// #sourceMappingURL=index.js.map
|
package/build/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["setLang"],"sources":["index.ts"],"sourcesContent":["export * from './components';\nexport * from './internal/Yson/StructuredYson/StructuredYsonTypes';\nexport * from './components/SchemaDataType/dataTypes';\nexport * from './components/SchemaDataType/dateTypesV3';\nexport * from './components/MetaTable/presets';\nexport
|
|
1
|
+
{"version":3,"names":["setLang"],"sources":["index.ts"],"sourcesContent":["export * from './components';\nexport * from './internal/Yson/StructuredYson/StructuredYsonTypes';\nexport * from './components/SchemaDataType/dataTypes';\nexport * from './components/SchemaDataType/dateTypesV3';\nexport * from './components/MetaTable/presets';\nexport {setLang} from './i18n';\nexport * from './hooks';\nexport type * from './types';\nexport * from './internal/DefaultErrorBoundary/ErrorBoundary';\nexport * from './components/MetaTable/templates';\nexport * from './api';\n"],"mappings":"AAAA,cAAc,cAAc;AAC5B,cAAc,oDAAoD;AAClE,cAAc,uCAAuC;AACrD,cAAc,yCAAyC;AACvD,cAAc,gCAAgC;AAC9C,SAAQA,OAAO,QAAO,QAAQ;AAC9B,cAAc,SAAS;AAEvB,cAAc,+CAA+C;AAC7D,cAAc,kCAAkC;AAChD,cAAc,OAAO","ignoreList":[]}
|
|
@@ -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, {
|