@ytsaurus/components 0.2.0 → 0.2.2

package/build/esm/components/Text/textStorySetup.js

@@ -0,0 +1,149 @@
+/** Default Storybook args; shared with Playwright visual tests. */
+export var textStoryDefaultArgs = {
+  children: 'YTsaurus UI text',
+  color: undefined,
+  bold: false,
+  noWrap: false,
+  ellipsis: false,
+  disabled: false,
+  capitalize: false
+};
+export var textStoryFrameStyle = {
+  minWidth: 280,
+  padding: 12,
+  border: '1px dashed var(--g-color-line-generic, #ddd)',
+  borderRadius: 8
+};
+/** Stable order for visual regression (light + dark each). */
+export var textVisualStoryCases = [{
+  kind: 'yt-text',
+  id: 'default',
+  props: {
+    children: 'YTsaurus UI text'
+  }
+}, {
+  kind: 'yt-text',
+  id: 'color-secondary',
+  props: {
+    children: 'Secondary tone',
+    color: 'secondary'
+  }
+}, {
+  kind: 'yt-text',
+  id: 'color-success',
+  props: {
+    children: 'Success',
+    color: 'success'
+  }
+}, {
+  kind: 'yt-text',
+  id: 'color-info',
+  props: {
+    children: 'Info',
+    color: 'info'
+  }
+}, {
+  kind: 'yt-text',
+  id: 'color-warning',
+  props: {
+    children: 'Warning',
+    color: 'warning'
+  }
+}, {
+  kind: 'yt-text',
+  id: 'color-warning-light',
+  props: {
+    children: 'Warning light',
+    color: 'warning-light'
+  }
+}, {
+  kind: 'yt-text',
+  id: 'color-danger',
+  props: {
+    children: 'Danger',
+    color: 'danger'
+  }
+}, {
+  kind: 'yt-text',
+  id: 'bold',
+  props: {
+    children: 'Bold text',
+    bold: true
+  }
+}, {
+  kind: 'yt-text',
+  id: 'disabled',
+  props: {
+    children: 'Disabled',
+    disabled: true
+  }
+}, {
+  kind: 'yt-text',
+  id: 'secondary-disabled',
+  props: {
+    children: 'Secondary disabled',
+    color: 'secondary',
+    disabled: true
+  }
+}, {
+  kind: 'yt-text',
+  id: 'capitalize',
+  props: {
+    children: 'capitalized words',
+    capitalize: true
+  }
+}, {
+  kind: 'yt-text',
+  id: 'ellipsis',
+  props: {
+    children: 'Very long text that should be truncated with ellipsis in a narrow box',
+    ellipsis: true
+  },
+  wrapperStyle: {
+    maxWidth: 140
+  }
+}, {
+  kind: 'yt-text',
+  id: 'no-wrap',
+  props: {
+    children: 'Single line: noWrap keeps this on one line',
+    noWrap: true
+  },
+  wrapperStyle: {
+    maxWidth: 200
+  }
+}, {
+  kind: 'Secondary',
+  id: 'Secondary',
+  children: 'Secondary component'
+}, {
+  kind: 'Secondary',
+  id: 'Secondary-disabled',
+  children: 'Secondary disabled',
+  disabled: true
+}, {
+  kind: 'Bold',
+  id: 'Bold',
+  children: 'Bold component'
+}, {
+  kind: 'SecondaryBold',
+  id: 'SecondaryBold',
+  children: 'Secondary bold'
+}, {
+  kind: 'Warning',
+  id: 'Warning',
+  children: 'Warning component'
+}, {
+  kind: 'WarningLight',
+  id: 'WarningLight',
+  children: 'Warning light component'
+}, {
+  kind: 'NoWrap',
+  id: 'NoWrap',
+  children: 'NoWrap component: long line should not wrap'
+}, {
+  kind: 'Escaped',
+  id: 'Escaped',
+  text: '{"message":"hello\\nworld","quotes":"\\"nested\\""}'
+}];
+// #sourceMappingURL=textStorySetup.js.map

package/build/esm/components/Text/textStorySetup.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["textStoryDefaultArgs","children","color","undefined","bold","noWrap","ellipsis","disabled","capitalize","textStoryFrameStyle","minWidth","padding","border","borderRadius","textVisualStoryCases","kind","id","props","wrapperStyle","maxWidth","text"],"sources":["textStorySetup.ts"],"sourcesContent":["import type {CSSProperties} from 'react';\n\nimport type {TextProps} from './Text';\n\n/** Default Storybook args; shared with Playwright visual tests. */\nexport const textStoryDefaultArgs: Pick<\n    TextProps,\n    'children' | 'color' | 'bold' | 'noWrap' | 'ellipsis' | 'disabled' | 'capitalize'\n> = {\n    children: 'YTsaurus UI text',\n    color: undefined,\n    bold: false,\n    noWrap: false,\n    ellipsis: false,\n    disabled: false,\n    capitalize: false,\n};\n\nexport const textStoryFrameStyle: CSSProperties = {\n    minWidth: 280,\n    padding: 12,\n    border: '1px dashed var(--g-color-line-generic, #ddd)',\n    borderRadius: 8,\n};\n\nexport type TextVisualCase =\n    | {kind: 'yt-text'; id: string; props: TextProps; wrapperStyle?: CSSProperties}\n    | {kind: 'Secondary'; id: string; children: string; disabled?: boolean}\n    | {kind: 'Bold'; id: string; children: string}\n    | {kind: 'SecondaryBold'; id: string; children: string}\n    | {kind: 'Warning'; id: string; children: string}\n    | {kind: 'WarningLight'; id: string; children: string}\n    | {kind: 'NoWrap'; id: string; children: string}\n    | {kind: 'Escaped'; id: string; text: string};\n\n/** Stable order for visual regression (light + dark each). */\nexport const textVisualStoryCases: TextVisualCase[] = [\n    {kind: 'yt-text', id: 'default', props: {children: 'YTsaurus UI text'}},\n    {\n        kind: 'yt-text',\n        id: 'color-secondary',\n        props: {children: 'Secondary tone', color: 'secondary'},\n    },\n    {kind: 'yt-text', id: 'color-success', props: {children: 'Success', color: 'success'}},\n    {kind: 'yt-text', id: 'color-info', props: {children: 'Info', color: 'info'}},\n    {kind: 'yt-text', id: 'color-warning', props: {children: 'Warning', color: 'warning'}},\n    {\n        kind: 'yt-text',\n        id: 'color-warning-light',\n        props: {children: 'Warning light', color: 'warning-light'},\n    },\n    {kind: 'yt-text', id: 'color-danger', props: {children: 'Danger', color: 'danger'}},\n    {kind: 'yt-text', id: 'bold', props: {children: 'Bold text', bold: true}},\n    {kind: 'yt-text', id: 'disabled', props: {children: 'Disabled', disabled: true}},\n    {\n        kind: 'yt-text',\n        id: 'secondary-disabled',\n        props: {children: 'Secondary disabled', color: 'secondary', disabled: true},\n    },\n    {kind: 'yt-text', id: 'capitalize', props: {children: 'capitalized words', capitalize: true}},\n    {\n        kind: 'yt-text',\n        id: 'ellipsis',\n        props: {\n            children: 'Very long text that should be truncated with ellipsis in a narrow box',\n            ellipsis: true,\n        },\n        wrapperStyle: {maxWidth: 140},\n    },\n    {\n        kind: 'yt-text',\n        id: 'no-wrap',\n        props: {children: 'Single line: noWrap keeps this on one line', noWrap: true},\n        wrapperStyle: {maxWidth: 200},\n    },\n    {kind: 'Secondary', id: 'Secondary', children: 'Secondary component'},\n    {kind: 'Secondary', id: 'Secondary-disabled', children: 'Secondary disabled', disabled: true},\n    {kind: 'Bold', id: 'Bold', children: 'Bold component'},\n    {kind: 'SecondaryBold', id: 'SecondaryBold', children: 'Secondary bold'},\n    {kind: 'Warning', id: 'Warning', children: 'Warning component'},\n    {kind: 'WarningLight', id: 'WarningLight', children: 'Warning light component'},\n    {kind: 'NoWrap', id: 'NoWrap', children: 'NoWrap component: long line should not wrap'},\n    {\n        kind: 'Escaped',\n        id: 'Escaped',\n        text: '{\"message\":\"hello\\\\nworld\",\"quotes\":\"\\\\\"nested\\\\\"\"}',\n    },\n];\n"],"mappings":"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","ignoreList":[]}

package/build/esm/components/Tooltip/Tooltip.stories.d.ts

@@ -0,0 +1,48 @@
+import type { StoryObj } from '@storybook/react';
+import { Tooltip } from './Tooltip';
+declare const meta: {
+    title: string;
+    component: typeof Tooltip;
+    tags: string[];
+    args: {
+        content: string;
+        children: string;
+        placement: "right";
+        openDelay: number;
+        closeDelay: number;
+        disabled: false;
+        useFlex: false;
+        ellipsis: false;
+    };
+    argTypes: {
+        content: {
+            control: "text";
+        };
+        children: {
+            control: "text";
+        };
+        placement: {
+            control: "inline-radio";
+            options: string[];
+        };
+        openDelay: {
+            control: "number";
+        };
+        closeDelay: {
+            control: "number";
+        };
+        disabled: {
+            control: "boolean";
+        };
+        useFlex: {
+            control: "boolean";
+        };
+        ellipsis: {
+            control: "boolean";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+//# sourceMappingURL=Tooltip.stories.d.ts.map

package/build/esm/components/Tooltip/Tooltip.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAO,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAErD,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAElC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BsB,CAAC;AAEjC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}

package/build/esm/components/Tooltip/Tooltip.stories.js

@@ -0,0 +1,46 @@
+import { Tooltip } from './Tooltip';
+var meta = {
+  title: 'Components/Tooltip',
+  component: Tooltip,
+  tags: ['autodocs'],
+  args: {
+    content: 'Simple text',
+    children: 'Hover me',
+    placement: 'right',
+    openDelay: 400,
+    closeDelay: 400,
+    disabled: false,
+    useFlex: false,
+    ellipsis: false
+  },
+  argTypes: {
+    content: {
+      control: 'text'
+    },
+    children: {
+      control: 'text'
+    },
+    placement: {
+      control: 'inline-radio',
+      options: ['top', 'bottom', 'left', 'right']
+    },
+    openDelay: {
+      control: 'number'
+    },
+    closeDelay: {
+      control: 'number'
+    },
+    disabled: {
+      control: 'boolean'
+    },
+    useFlex: {
+      control: 'boolean'
+    },
+    ellipsis: {
+      control: 'boolean'
+    }
+  }
+};
+export default meta;
+export var Default = {};
+// #sourceMappingURL=Tooltip.stories.js.map

package/build/esm/components/Tooltip/Tooltip.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Tooltip","meta","title","component","tags","args","content","children","placement","openDelay","closeDelay","disabled","useFlex","ellipsis","argTypes","control","options","Default"],"sources":["Tooltip.stories.tsx"],"sourcesContent":["import type {Meta, StoryObj} from '@storybook/react';\n\nimport {Tooltip} from './Tooltip';\n\nconst meta = {\n    title: 'Components/Tooltip',\n    component: Tooltip,\n    tags: ['autodocs'],\n    args: {\n        content: 'Simple text',\n        children: 'Hover me',\n        placement: 'right',\n        openDelay: 400,\n        closeDelay: 400,\n        disabled: false,\n        useFlex: false,\n        ellipsis: false,\n    },\n    argTypes: {\n        content: {control: 'text'},\n        children: {control: 'text'},\n        placement: {\n            control: 'inline-radio',\n            options: ['top', 'bottom', 'left', 'right'],\n        },\n        openDelay: {control: 'number'},\n        closeDelay: {control: 'number'},\n        disabled: {control: 'boolean'},\n        useFlex: {control: 'boolean'},\n        ellipsis: {control: 'boolean'},\n    },\n} satisfies Meta<typeof Tooltip>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Default: Story = {};\n"],"mappings":"AAEA,SAAQA,OAAO,QAAO,WAAW;AAEjC,IAAMC,IAAI,GAAG;EACTC,KAAK,EAAE,oBAAoB;EAC3BC,SAAS,EAAEH,OAAO;EAClBI,IAAI,EAAE,CAAC,UAAU,CAAC;EAClBC,IAAI,EAAE;IACFC,OAAO,EAAE,aAAa;IACtBC,QAAQ,EAAE,UAAU;IACpBC,SAAS,EAAE,OAAO;IAClBC,SAAS,EAAE,GAAG;IACdC,UAAU,EAAE,GAAG;IACfC,QAAQ,EAAE,KAAK;IACfC,OAAO,EAAE,KAAK;IACdC,QAAQ,EAAE;EACd,CAAC;EACDC,QAAQ,EAAE;IACNR,OAAO,EAAE;MAACS,OAAO,EAAE;IAAM,CAAC;IAC1BR,QAAQ,EAAE;MAACQ,OAAO,EAAE;IAAM,CAAC;IAC3BP,SAAS,EAAE;MACPO,OAAO,EAAE,cAAc;MACvBC,OAAO,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO;IAC9C,CAAC;IACDP,SAAS,EAAE;MAACM,OAAO,EAAE;IAAQ,CAAC;IAC9BL,UAAU,EAAE;MAACK,OAAO,EAAE;IAAQ,CAAC;IAC/BJ,QAAQ,EAAE;MAACI,OAAO,EAAE;IAAS,CAAC;IAC9BH,OAAO,EAAE;MAACG,OAAO,EAAE;IAAS,CAAC;IAC7BF,QAAQ,EAAE;MAACE,OAAO,EAAE;IAAS;EACjC;AACJ,CAAgC;AAEhC,eAAed,IAAI;AAInB,OAAO,IAAMgB,OAAc,GAAG,CAAC,CAAC","ignoreList":[]}

package/build/esm/components/Tooltip/__tests__/Tooltip.visual.test.js

@@ -0,0 +1,64 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import { test } from '../../../../playwright-components/core';
+import { Tooltip } from '../Tooltip';
+import { jsx as _jsx } from "react/jsx-runtime";
+test('Tooltip: Default', /*#__PURE__*/function () {
+  var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref) {
+    var mount, expectScreenshot, page;
+    return _regeneratorRuntime().wrap(function (_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          mount = _ref.mount, expectScreenshot = _ref.expectScreenshot, page = _ref.page;
+          _context2.next = 1;
+          return mount(/*#__PURE__*/_jsx(Tooltip, {
+            content: "Simple text",
+            placement: "right",
+            openDelay: 400,
+            closeDelay: 400,
+            disabled: false,
+            useFlex: false,
+            ellipsis: false,
+            children: "Hover me"
+          }));
+        case 1:
+          _context2.next = 2;
+          return expectScreenshot({
+            component: page,
+            beforeScreenshot: function () {
+              var _beforeScreenshot = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+                return _regeneratorRuntime().wrap(function (_context) {
+                  while (1) switch (_context.prev = _context.next) {
+                    case 0:
+                      _context.next = 1;
+                      return page.getByText('Hover me').hover();
+                    case 1:
+                      _context.next = 2;
+                      return page.getByText('Simple text', {
+                        exact: true
+                      }).waitFor({
+                        state: 'visible'
+                      });
+                    case 2:
+                    case "end":
+                      return _context.stop();
+                  }
+                }, _callee);
+              }));
+              function beforeScreenshot() {
+                return _beforeScreenshot.apply(this, arguments);
+              }
+              return beforeScreenshot;
+            }()
+          });
+        case 2:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return function (_x) {
+    return _ref2.apply(this, arguments);
+  };
+}());
+// #sourceMappingURL=Tooltip.visual.test.js.map

package/build/esm/components/Tooltip/__tests__/Tooltip.visual.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["test","Tooltip","jsx","_jsx","_ref2","_asyncToGenerator","_regeneratorRuntime","mark","_callee2","_ref","mount","expectScreenshot","page","wrap","_context2","prev","next","content","placement","openDelay","closeDelay","disabled","useFlex","ellipsis","children","component","beforeScreenshot","_beforeScreenshot","_callee","_context","getByText","hover","exact","waitFor","state","stop","apply","arguments","_x"],"sources":["Tooltip.visual.test.tsx"],"sourcesContent":["import {test} from '../../../../playwright-components/core';\n\nimport {Tooltip} from '../Tooltip';\n\ntest('Tooltip: Default', async ({mount, expectScreenshot, page}) => {\n    await mount(\n        <Tooltip\n            content=\"Simple text\"\n            placement=\"right\"\n            openDelay={400}\n            closeDelay={400}\n            disabled={false}\n            useFlex={false}\n            ellipsis={false}\n        >\n            Hover me\n        </Tooltip>,\n    );\n\n    await expectScreenshot({\n        component: page,\n        beforeScreenshot: async () => {\n            await page.getByText('Hover me').hover();\n            await page.getByText('Simple text', {exact: true}).waitFor({state: 'visible'});\n        },\n    });\n});\n"],"mappings":";;AAAA,SAAQA,IAAI,QAAO,wCAAwC;AAE3D,SAAQC,OAAO,QAAO,YAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEnCH,IAAI,CAAC,kBAAkB;EAAA,IAAAI,KAAA,GAAAC,iBAAA,cAAAC,mBAAA,GAAAC,IAAA,CAAE,SAAAC,SAAAC,IAAA;IAAA,IAAAC,KAAA,EAAAC,gBAAA,EAAAC,IAAA;IAAA,OAAAN,mBAAA,GAAAO,IAAA,WAAAC,SAAA;MAAA,kBAAAA,SAAA,CAAAC,IAAA,GAAAD,SAAA,CAAAE,IAAA;QAAA;UAAQN,KAAK,GAAAD,IAAA,CAALC,KAAK,EAAEC,gBAAgB,GAAAF,IAAA,CAAhBE,gBAAgB,EAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;UAAAE,SAAA,CAAAE,IAAA;UAAA,OACpDN,KAAK,cACPP,IAAA,CAACF,OAAO;YACJgB,OAAO,EAAC,aAAa;YACrBC,SAAS,EAAC,OAAO;YACjBC,SAAS,EAAE,GAAI;YACfC,UAAU,EAAE,GAAI;YAChBC,QAAQ,EAAE,KAAM;YAChBC,OAAO,EAAE,KAAM;YACfC,QAAQ,EAAE,KAAM;YAAAC,QAAA,EACnB;UAED,CAAS,CACb,CAAC;QAAA;UAAAV,SAAA,CAAAE,IAAA;UAAA,OAEKL,gBAAgB,CAAC;YACnBc,SAAS,EAAEb,IAAI;YACfc,gBAAgB;cAAA,IAAAC,iBAAA,GAAAtB,iBAAA,cAAAC,mBAAA,GAAAC,IAAA,CAAE,SAAAqB,QAAA;gBAAA,OAAAtB,mBAAA,GAAAO,IAAA,WAAAgB,QAAA;kBAAA,kBAAAA,QAAA,CAAAd,IAAA,GAAAc,QAAA,CAAAb,IAAA;oBAAA;sBAAAa,QAAA,CAAAb,IAAA;sBAAA,OACRJ,IAAI,CAACkB,SAAS,CAAC,UAAU,CAAC,CAACC,KAAK,CAAC,CAAC;oBAAA;sBAAAF,QAAA,CAAAb,IAAA;sBAAA,OAClCJ,IAAI,CAACkB,SAAS,CAAC,aAAa,EAAE;wBAACE,KAAK,EAAE;sBAAI,CAAC,CAAC,CAACC,OAAO,CAAC;wBAACC,KAAK,EAAE;sBAAS,CAAC,CAAC;oBAAA;oBAAA;sBAAA,OAAAL,QAAA,CAAAM,IAAA;kBAAA;gBAAA,GAAAP,OAAA;cAAA,CACjF;cAAA,SAHDF,gBAAgBA,CAAA;gBAAA,OAAAC,iBAAA,CAAAS,KAAA,OAAAC,SAAA;cAAA;cAAA,OAAhBX,gBAAgB;YAAA;UAIpB,CAAC,CAAC;QAAA;QAAA;UAAA,OAAAZ,SAAA,CAAAqB,IAAA;MAAA;IAAA,GAAA3B,QAAA;EAAA,CACL;EAAA,iBAAA8B,EAAA;IAAA,OAAAlC,KAAA,CAAAgC,KAAA,OAAAC,SAAA;EAAA;AAAA,IAAC","ignoreList":[]}

package/build/esm/components/YqlValue/YqlValue.d.ts

@@ -1,19 +1,16 @@
 import React from 'react';
 import { UnipikaSettings } from '../../internal/Yson/StructuredYson/StructuredYsonTypes';
+import type { ErrorBoundaryProps } from '../../internal/DefaultErrorBoundary';
 export type UnipikaValueType = Array<string | UnipikaValueType>;
 export type YqlValueProps = {
     value?: unknown;
     type: UnipikaValueType;
-    settings?: UnipikaSettings;
+    settings: UnipikaSettings;
     inline?: boolean;
+    ErrorBoundaryComponent?: React.ComponentType<ErrorBoundaryProps>;
 };
-declare class YqlValueImpl extends React.Component<YqlValueProps> {
+export declare class YqlValue extends React.Component<YqlValueProps> {
     static getFormattedValue(value: unknown, type: UnipikaValueType, settings?: UnipikaSettings): any;
     render(): import("react/jsx-runtime").JSX.Element;
 }
-type YqlValueWithStatic = React.FC<YqlValueProps> & {
-    getFormattedValue: typeof YqlValueImpl.getFormattedValue;
-};
-export declare const YqlValue: YqlValueWithStatic;
-export {};
 //# sourceMappingURL=YqlValue.d.ts.map

package/build/esm/components/YqlValue/YqlValue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"YqlValue.d.ts","sourceRoot":"","sources":["../../../../src/components/YqlValue/YqlValue.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAC,eAAe,EAAC,MAAM,wDAAwD,CAAC;AAEvF,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,MAAM,GAAG,gBAAgB,CAAC,CAAC;AAEhE,MAAM,MAAM,aAAa,GAAG;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,gBAAgB,CAAC;IACvB,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,cAAM,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;IACrD,MAAM,CAAC,iBAAiB,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,gBAAgB,EAAE,QAAQ,CAAC,EAAE,eAAe;IAQ3F,MAAM;CAyCT;AAQD,KAAK,kBAAkB,GAAG,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC,GAAG;IAChD,iBAAiB,EAAE,OAAO,YAAY,CAAC,iBAAiB,CAAC;CAC5D,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,kBAErB,CAAC"}
+{"version":3,"file":"YqlValue.d.ts","sourceRoot":"","sources":["../../../../src/components/YqlValue/YqlValue.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAC,eAAe,EAAC,MAAM,wDAAwD,CAAC;AACvF,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,qCAAqC,CAAC;AAG5E,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,MAAM,GAAG,gBAAgB,CAAC,CAAC;AAEhE,MAAM,MAAM,aAAa,GAAG;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,gBAAgB,CAAC;IACvB,QAAQ,EAAE,eAAe,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,sBAAsB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;CACpE,CAAC;AAEF,qBAAa,QAAS,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;IACxD,MAAM,CAAC,iBAAiB,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,gBAAgB,EAAE,QAAQ,CAAC,EAAE,eAAe;IAQ3F,MAAM;CA0CT"}

package/build/esm/components/YqlValue/YqlValue.js

@@ -1,4 +1,3 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _callSuper from "@babel/runtime/helpers/callSuper";
@@ -6,35 +5,37 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import React from 'react';
 import block from 'bem-cn-lite';
 import unipika from '../../utils/unipika';
-import { ConfigurableErrorBoundary, useUnipikaSettings } from '../../context';
+import DefaultErrorBoundary from '../../internal/DefaultErrorBoundary/ErrorBoundary';
 import { jsx as _jsx } from "react/jsx-runtime";
-var YqlValueImpl = /*#__PURE__*/function (_React$Component) {
-  function YqlValueImpl() {
-    _classCallCheck(this, YqlValueImpl);
-    return _callSuper(this, YqlValueImpl, arguments);
+export var YqlValue = /*#__PURE__*/function (_React$Component) {
+  function YqlValue() {
+    _classCallCheck(this, YqlValue);
+    return _callSuper(this, YqlValue, arguments);
   }
-  _inherits(YqlValueImpl, _React$Component);
-  return _createClass(YqlValueImpl, [{
+  _inherits(YqlValue, _React$Component);
+  return _createClass(YqlValue, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
         value = _this$props.value,
         type = _this$props.type,
         inline = _this$props.inline,
-        settings = _this$props.settings;
-      var formattedValue = YqlValueImpl.getFormattedValue(value, type, settings);
+        settings = _this$props.settings,
+        ErrorBoundaryComponent = _this$props.ErrorBoundaryComponent;
+      var ConfigurableErrorBoundary = ErrorBoundaryComponent || DefaultErrorBoundary;
+      var formattedValue = YqlValue.getFormattedValue(value, type, settings);
       var title;
       if (inline) {
         var titleSettings = Object.assign({}, settings, {
           asHTML: false
         });
-        title = (settings === null || settings === void 0 ? void 0 : settings.format) === 'raw-json' ? unipika.formatRaw(value, titleSettings) : unipika.formatFromYQL(value, titleSettings);
+        title = settings.format === 'raw-json' ? unipika.formatRaw(value, titleSettings) : unipika.formatFromYQL(value, titleSettings);
       }
       var classes = block('unipika-wrapper')({
         inline: inline && 'yes'
       });
       return /*#__PURE__*/_jsx(ConfigurableErrorBoundary, {
-        children: settings !== null && settings !== void 0 && settings.asHTML ? /*#__PURE__*/_jsx("div", {
+        children: settings.asHTML ? /*#__PURE__*/_jsx("div", {
           className: classes,
           title: title,
           dir: "auto",
@@ -61,14 +62,4 @@ var YqlValueImpl = /*#__PURE__*/function (_React$Component) {
     }
   }]);
 }(React.Component);
-function YqlValueComponent(props) {
-  var fromContext = useUnipikaSettings();
-  var settings = props.settings !== undefined ? props.settings : fromContext;
-  return /*#__PURE__*/_jsx(YqlValueImpl, _objectSpread(_objectSpread({}, props), {}, {
-    settings: settings
-  }));
-}
-export var YqlValue = Object.assign(YqlValueComponent, {
-  getFormattedValue: YqlValueImpl.getFormattedValue
-});
 // #sourceMappingURL=YqlValue.js.map

package/build/esm/components/YqlValue/YqlValue.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","block","unipika","ConfigurableErrorBoundary","useUnipikaSettings","jsx","_jsx","YqlValueImpl","_React$Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","render","_this$props","props","type","inline","settings","formattedValue","getFormattedValue","title","titleSettings","Object","assign","asHTML","format","formatRaw","formatFromYQL","classes","children","className","dir","dangerouslySetInnerHTML","__html","yqlValue","Component","YqlValueComponent","fromContext","undefined","_objectSpread","YqlValue"],"sources":["YqlValue.tsx"],"sourcesContent":["import React from 'react';\nimport block from 'bem-cn-lite';\nimport unipika from '../../utils/unipika';\n\nimport {ConfigurableErrorBoundary, useUnipikaSettings} from '../../context';\nimport {UnipikaSettings} from '../../internal/Yson/StructuredYson/StructuredYsonTypes';\n\nexport type UnipikaValueType = Array<string | UnipikaValueType>;\n\nexport type YqlValueProps = {\n    value?: unknown;\n    type: UnipikaValueType;\n    settings?: UnipikaSettings;\n    inline?: boolean;\n};\n\nclass YqlValueImpl extends React.Component<YqlValueProps> {\n    static getFormattedValue(value: unknown, type: UnipikaValueType, settings?: UnipikaSettings) {\n        const yqlValue = [value, type];\n\n        return settings?.format === 'raw-json'\n            ? unipika.formatRaw(yqlValue, settings)\n            : unipika.formatFromYQL(yqlValue, settings);\n    }\n\n    render() {\n        const {value, type, inline, settings} = this.props;\n\n        const formattedValue = YqlValueImpl.getFormattedValue(value, type, settings);\n\n        let title;\n\n        if (inline) {\n            const titleSettings = Object.assign({}, settings, {\n                asHTML: false,\n            });\n\n            title =\n                settings?.format === 'raw-json'\n                    ? unipika.formatRaw(value, titleSettings)\n                    : unipika.formatFromYQL(value, titleSettings);\n        }\n\n        const classes = block('unipika-wrapper')({\n            inline: inline && 'yes',\n        });\n\n        return (\n            <ConfigurableErrorBoundary>\n                {settings?.asHTML ? (\n                    <div className={classes} title={title} dir=\"auto\">\n                        <pre\n                            className=\"unipika\"\n                            dangerouslySetInnerHTML={{__html: formattedValue}}\n                        />\n                    </div>\n                ) : (\n                    <div\n                        className={classes}\n                        title={title}\n                        dangerouslySetInnerHTML={{__html: formattedValue}}\n                    />\n                )}\n            </ConfigurableErrorBoundary>\n        );\n    }\n}\n\nfunction YqlValueComponent(props: YqlValueProps) {\n    const fromContext = useUnipikaSettings();\n    const settings = props.settings !== undefined ? props.settings : fromContext;\n    return <YqlValueImpl {...props} settings={settings} />;\n}\n\ntype YqlValueWithStatic = React.FC<YqlValueProps> & {\n    getFormattedValue: typeof YqlValueImpl.getFormattedValue;\n};\n\nexport const YqlValue: YqlValueWithStatic = Object.assign(YqlValueComponent, {\n    getFormattedValue: YqlValueImpl.getFormattedValue,\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","block","unipika","DefaultErrorBoundary","jsx","_jsx","YqlValue","_React$Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","render","_this$props","props","type","inline","settings","ErrorBoundaryComponent","ConfigurableErrorBoundary","formattedValue","getFormattedValue","title","titleSettings","Object","assign","asHTML","format","formatRaw","formatFromYQL","classes","children","className","dir","dangerouslySetInnerHTML","__html","yqlValue","Component"],"sources":["YqlValue.tsx"],"sourcesContent":["import React from 'react';\nimport block from 'bem-cn-lite';\nimport unipika from '../../utils/unipika';\n\nimport {UnipikaSettings} from '../../internal/Yson/StructuredYson/StructuredYsonTypes';\nimport type {ErrorBoundaryProps} from '../../internal/DefaultErrorBoundary';\nimport DefaultErrorBoundary from '../../internal/DefaultErrorBoundary/ErrorBoundary';\n\nexport type UnipikaValueType = Array<string | UnipikaValueType>;\n\nexport type YqlValueProps = {\n    value?: unknown;\n    type: UnipikaValueType;\n    settings: UnipikaSettings;\n    inline?: boolean;\n    ErrorBoundaryComponent?: React.ComponentType<ErrorBoundaryProps>;\n};\n\nexport class YqlValue extends React.Component<YqlValueProps> {\n    static getFormattedValue(value: unknown, type: UnipikaValueType, settings?: UnipikaSettings) {\n        const yqlValue = [value, type];\n\n        return settings?.format === 'raw-json'\n            ? unipika.formatRaw(yqlValue, settings)\n            : unipika.formatFromYQL(yqlValue, settings);\n    }\n\n    render() {\n        const {value, type, inline, settings, ErrorBoundaryComponent} = this.props;\n        const ConfigurableErrorBoundary = ErrorBoundaryComponent || DefaultErrorBoundary;\n\n        const formattedValue = YqlValue.getFormattedValue(value, type, settings);\n\n        let title;\n\n        if (inline) {\n            const titleSettings = Object.assign({}, settings, {\n                asHTML: false,\n            });\n\n            title =\n                settings.format === 'raw-json'\n                    ? unipika.formatRaw(value, titleSettings)\n                    : unipika.formatFromYQL(value, titleSettings);\n        }\n\n        const classes = block('unipika-wrapper')({\n            inline: inline && 'yes',\n        });\n\n        return (\n            <ConfigurableErrorBoundary>\n                {settings.asHTML ? (\n                    <div className={classes} title={title} dir=\"auto\">\n                        <pre\n                            className=\"unipika\"\n                            dangerouslySetInnerHTML={{__html: formattedValue}}\n                        />\n                    </div>\n                ) : (\n                    <div\n                        className={classes}\n                        title={title}\n                        dangerouslySetInnerHTML={{__html: formattedValue}}\n                    />\n                )}\n            </ConfigurableErrorBoundary>\n        );\n    }\n}\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,KAAK,MAAM,aAAa;AAC/B,OAAOC,OAAO,MAAM,qBAAqB;AAIzC,OAAOC,oBAAoB,MAAM,mDAAmD;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAYrF,WAAaC,QAAQ,0BAAAC,gBAAA;EAAA,SAAAD,SAAA;IAAAE,eAAA,OAAAF,QAAA;IAAA,OAAAG,UAAA,OAAAH,QAAA,EAAAI,SAAA;EAAA;EAAAC,SAAA,CAAAL,QAAA,EAAAC,gBAAA;EAAA,OAAAK,YAAA,CAAAN,QAAA;IAAAO,GAAA;IAAAC,KAAA,EASjB,SAAAC,MAAMA,CAAA,EAAG;MACL,IAAAC,WAAA,GAAgE,IAAI,CAACC,KAAK;QAAnEH,KAAK,GAAAE,WAAA,CAALF,KAAK;QAAEI,IAAI,GAAAF,WAAA,CAAJE,IAAI;QAAEC,MAAM,GAAAH,WAAA,CAANG,MAAM;QAAEC,QAAQ,GAAAJ,WAAA,CAARI,QAAQ;QAAEC,sBAAsB,GAAAL,WAAA,CAAtBK,sBAAsB;MAC5D,IAAMC,yBAAyB,GAAGD,sBAAsB,IAAIlB,oBAAoB;MAEhF,IAAMoB,cAAc,GAAGjB,QAAQ,CAACkB,iBAAiB,CAACV,KAAK,EAAEI,IAAI,EAAEE,QAAQ,CAAC;MAExE,IAAIK,KAAK;MAET,IAAIN,MAAM,EAAE;QACR,IAAMO,aAAa,GAAGC,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAER,QAAQ,EAAE;UAC9CS,MAAM,EAAE;QACZ,CAAC,CAAC;QAEFJ,KAAK,GACDL,QAAQ,CAACU,MAAM,KAAK,UAAU,GACxB5B,OAAO,CAAC6B,SAAS,CAACjB,KAAK,EAAEY,aAAa,CAAC,GACvCxB,OAAO,CAAC8B,aAAa,CAAClB,KAAK,EAAEY,aAAa,CAAC;MACzD;MAEA,IAAMO,OAAO,GAAGhC,KAAK,CAAC,iBAAiB,CAAC,CAAC;QACrCkB,MAAM,EAAEA,MAAM,IAAI;MACtB,CAAC,CAAC;MAEF,oBACId,IAAA,CAACiB,yBAAyB;QAAAY,QAAA,EACrBd,QAAQ,CAACS,MAAM,gBACZxB,IAAA;UAAK8B,SAAS,EAAEF,OAAQ;UAACR,KAAK,EAAEA,KAAM;UAACW,GAAG,EAAC,MAAM;UAAAF,QAAA,eAC7C7B,IAAA;YACI8B,SAAS,EAAC,SAAS;YACnBE,uBAAuB,EAAE;cAACC,MAAM,EAAEf;YAAc;UAAE,CACrD;QAAC,CACD,CAAC,gBAENlB,IAAA;UACI8B,SAAS,EAAEF,OAAQ;UACnBR,KAAK,EAAEA,KAAM;UACbY,uBAAuB,EAAE;YAACC,MAAM,EAAEf;UAAc;QAAE,CACrD;MACJ,CACsB,CAAC;IAEpC;EAAC;IAAAV,GAAA;IAAAC,KAAA,EAjDD,SAAOU,iBAAiBA,CAACV,KAAc,EAAEI,IAAsB,EAAEE,QAA0B,EAAE;MACzF,IAAMmB,QAAQ,GAAG,CAACzB,KAAK,EAAEI,IAAI,CAAC;MAE9B,OAAO,CAAAE,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEU,MAAM,MAAK,UAAU,GAChC5B,OAAO,CAAC6B,SAAS,CAACQ,QAAQ,EAAEnB,QAAQ,CAAC,GACrClB,OAAO,CAAC8B,aAAa,CAACO,QAAQ,EAAEnB,QAAQ,CAAC;IACnD;EAAC;AAAA,EAPyBpB,KAAK,CAACwC,SAAS","ignoreList":[]}

package/build/esm/components/YqlValue/YqlValue.stories.d.ts

@@ -0,0 +1,15 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { type YqlValueStoryArgs } from './yqlValueStorySetup';
+type DemoArgs = YqlValueStoryArgs;
+declare const meta: Meta<DemoArgs>;
+export default meta;
+type Story = StoryObj<DemoArgs>;
+export declare const Default: Story;
+export declare const fromReadQueryResultSearchPhrase: Story;
+export declare const fromReadQueryResultUint64: Story;
+export declare const fromReadQueryResultLongText: Story;
+export declare const fromReadQueryResultDate: Story;
+export declare const fromReadQueryResultDatetime: Story;
+export declare const fromReadQueryResultInterval: Story;
+export declare const fromReadQueryResultTimestamp: Story;
+//# sourceMappingURL=YqlValue.stories.d.ts.map

package/build/esm/components/YqlValue/YqlValue.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"YqlValue.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/YqlValue/YqlValue.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAGrD,OAAO,EACH,KAAK,iBAAiB,EAMzB,MAAM,sBAAsB,CAAC;AAE9B,KAAK,QAAQ,GAAG,iBAAiB,CAAC;AAElC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,QAAQ,CAoCxB,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;AAEhC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,+BAA+B,EAAE,KAa7C,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KAavC,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,KAazC,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KAarC,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,KAazC,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,KAazC,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,KAa1C,CAAC"}

package/build/esm/components/YqlValue/YqlValue.stories.js

@@ -0,0 +1,150 @@
+import { YqlValue } from './YqlValue';
+import { defaultYqlValueStorySettings, yqlValueOptionalDate, yqlValueOptionalDatetime, yqlValueOptionalInterval, yqlValueOptionalTimestamp } from './yqlValueStorySetup';
+import { jsx as _jsx } from "react/jsx-runtime";
+var meta = {
+  title: 'Components/YqlValue',
+  tags: ['autodocs'],
+  parameters: {
+    docs: {
+      description: {
+        component: '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`).'
+      }
+    }
+  },
+  args: {
+    type: ['DataType', 'String'],
+    value: 'hello',
+    inline: false,
+    settings: defaultYqlValueStorySettings
+  },
+  argTypes: {
+    type: {
+      control: 'object',
+      description: 'YQL type tuple from `yql_type_registry`, e.g. ["DataType","String"]'
+    },
+    value: {
+      control: 'object',
+      description: 'First element of the cell `rows[i][column][0]`: string, number, or nested array (e.g. `["19523"]` for Date in read_query_result).'
+    },
+    inline: {
+      control: 'boolean'
+    },
+    settings: {
+      control: 'object',
+      description: 'Unipika formatting options (no validateSrcUrl / normalizeUrl here).'
+    }
+  },
+  render: function render(_ref) {
+    var type = _ref.type,
+      value = _ref.value,
+      inline = _ref.inline,
+      settings = _ref.settings;
+    return /*#__PURE__*/_jsx(YqlValue, {
+      value: value,
+      type: type,
+      settings: settings,
+      inline: inline
+    });
+  }
+};
+export default meta;
+export var Default = {};
+export var fromReadQueryResultSearchPhrase = {
+  name: 'From read_query_result (search phrase)',
+  args: {
+    value: 'sample search phrase movies 2013 watch online',
+    type: ['DataType', 'String']
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: 'Cell shape `["…", "8"]`: in a typical registry, index 8 maps to `DataType` + `String`.'
+      }
+    }
+  }
+};
+export var fromReadQueryResultUint64 = {
+  name: 'From read_query_result (Uint64)',
+  args: {
+    value: '45',
+    type: ['DataType', 'Uint64']
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: 'Numeric column example: payload is often a string from the API; type is `Uint64` from `yql_type_registry[11]` in the sample registry.'
+      }
+    }
+  }
+};
+export var fromReadQueryResultLongText = {
+  name: 'From read_query_result (long text)',
+  args: {
+    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.',
+    type: ['DataType', 'String']
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: 'Long string cell to exercise line breaks and Unipika HTML output.'
+      }
+    }
+  }
+};
+export var fromReadQueryResultDate = {
+  name: 'From read_query_result (Date)',
+  args: {
+    value: ['19523'],
+    type: yqlValueOptionalDate
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: 'Optional Date: day count in a single-element array, as returned by read_query_result.'
+      }
+    }
+  }
+};
+export var fromReadQueryResultDatetime = {
+  name: 'From read_query_result (Datetime)',
+  args: {
+    value: ['1686839400'],
+    type: yqlValueOptionalDatetime
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: 'Optional Datetime: Unix seconds in a one-element array; type from `yql_type_registry[9]`.'
+      }
+    }
+  }
+};
+export var fromReadQueryResultInterval = {
+  name: 'From read_query_result (Interval)',
+  args: {
+    value: ['93784567890'],
+    type: yqlValueOptionalInterval
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: 'Optional Interval; type resolved from index `"10"`.'
+      }
+    }
+  }
+};
+export var fromReadQueryResultTimestamp = {
+  name: 'From read_query_result (Timestamp)',
+  args: {
+    value: ['1686839400123456'],
+    type: yqlValueOptionalTimestamp
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: 'Optional Timestamp: integer microseconds in a one-element array; type from `yql_type_registry[11]`.'
+      }
+    }
+  }
+};
+// #sourceMappingURL=YqlValue.stories.js.map