<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>View-Only on Palmyra</title>
    <link>https://palmyra.dev/docs/api/frontend/mantine/forms/view-only/</link>
    <description>Recent content in View-Only on Palmyra</description>
    <generator>Hugo</generator>
    <language>en-us</language>
    <atom:link href="https://palmyra.dev/docs/api/frontend/mantine/forms/view-only/index.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>MantineTextView</title>
      <link>https://palmyra.dev/docs/api/frontend/mantine/forms/view-only/text-view/</link>
      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
      <guid>https://palmyra.dev/docs/api/frontend/mantine/forms/view-only/text-view/</guid>
      <description>&lt;h1 id=&#34;mantinetextview&#34;&gt;MantineTextView&lt;a class=&#34;anchor&#34; href=&#34;#mantinetextview&#34;&gt;#&lt;/a&gt;&lt;/h1&gt;&#xA;&lt;p&gt;&lt;code&gt;@palmyralabs/rt-forms-mantine&lt;/code&gt; · &lt;code&gt;form/view/MantineTextView.tsx&lt;/code&gt;&lt;/p&gt;&#xA;&lt;h2 id=&#34;overview&#34;&gt;Overview&lt;a class=&#34;anchor&#34; href=&#34;#overview&#34;&gt;#&lt;/a&gt;&lt;/h2&gt;&#xA;&lt;p&gt;Read-only text display — the view-mode counterpart to &lt;a href=&#34;https://palmyra.dev/docs/api/frontend/mantine/forms/text-field/&#34;&gt;&lt;code&gt;MantineTextField&lt;/code&gt;&lt;/a&gt;. Renders the hydrated value inside a &lt;code&gt;FieldDecorator&lt;/code&gt;, with optional text alignment, visual variant, and a &lt;code&gt;preformatted&lt;/code&gt; mode that wraps the value in &lt;code&gt;&amp;lt;pre&amp;gt;&lt;/code&gt; to preserve whitespace / line breaks.&lt;/p&gt;&#xA;&lt;p&gt;Empty values render as &lt;code&gt;&amp;quot;--&amp;quot;&lt;/code&gt;.&lt;/p&gt;&#xA;&lt;h2 id=&#34;props--itextfielddefinition--textviewattributedefinition&#34;&gt;Props — &lt;code&gt;ITextFieldDefinition &amp;amp; TextViewAttributeDefinition&lt;/code&gt;&lt;a class=&#34;anchor&#34; href=&#34;#props--itextfielddefinition--textviewattributedefinition&#34;&gt;#&lt;/a&gt;&lt;/h2&gt;&#xA;&lt;p&gt;Common field props (see &lt;a href=&#34;https://palmyra.dev/docs/api/frontend/mantine/forms/&#34;&gt;Forms overview&lt;/a&gt;) plus view-mode extras:&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-ts&#34; data-lang=&#34;ts&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;interface&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;TextViewAttributeDefinition&lt;/span&gt; {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#a6e22e&#34;&gt;textAlign&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;?:&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;left&amp;#39;&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;|&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;right&amp;#39;&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;|&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;center&amp;#39;&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#a6e22e&#34;&gt;variant&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;?:&lt;/span&gt;   &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;standard&amp;#39;&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;|&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;outlined&amp;#39;&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;|&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;filled&amp;#39;&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#a6e22e&#34;&gt;viewType&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;?:&lt;/span&gt;  &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;preformatted&amp;#39;&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;|&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;normal&amp;#39;&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h2 id=&#34;ref--itextfield&#34;&gt;Ref — &lt;code&gt;ITextField&lt;/code&gt;&lt;a class=&#34;anchor&#34; href=&#34;#ref--itextfield&#34;&gt;#&lt;/a&gt;&lt;/h2&gt;&#xA;&lt;p&gt;Same shape as &lt;a href=&#34;https://palmyra.dev/docs/api/frontend/mantine/forms/text-field/&#34;&gt;&lt;code&gt;MantineTextField&lt;/code&gt;&lt;/a&gt;; &lt;code&gt;focus()&lt;/code&gt; is a no-op for a view but preserved for contract symmetry.&lt;/p&gt;</description>
    </item>
    <item>
      <title>MantineDateView</title>
      <link>https://palmyra.dev/docs/api/frontend/mantine/forms/view-only/date-view/</link>
      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
      <guid>https://palmyra.dev/docs/api/frontend/mantine/forms/view-only/date-view/</guid>
      <description>&lt;h1 id=&#34;mantinedateview&#34;&gt;MantineDateView&lt;a class=&#34;anchor&#34; href=&#34;#mantinedateview&#34;&gt;#&lt;/a&gt;&lt;/h1&gt;&#xA;&lt;p&gt;&lt;code&gt;@palmyralabs/rt-forms-mantine&lt;/code&gt; · &lt;code&gt;form/view/MantineDateView.tsx&lt;/code&gt;&lt;/p&gt;&#xA;&lt;h2 id=&#34;overview&#34;&gt;Overview&lt;a class=&#34;anchor&#34; href=&#34;#overview&#34;&gt;#&lt;/a&gt;&lt;/h2&gt;&#xA;&lt;p&gt;Read-only date display — the view-mode counterpart to &lt;a href=&#34;https://palmyra.dev/docs/api/frontend/mantine/forms/date-input/&#34;&gt;&lt;code&gt;MantineDateInput&lt;/code&gt;&lt;/a&gt; / &lt;a href=&#34;https://palmyra.dev/docs/api/frontend/mantine/forms/date-picker-input/&#34;&gt;&lt;code&gt;MantineDatePickerInput&lt;/code&gt;&lt;/a&gt;. Parses the stored value with &lt;code&gt;dayjs&lt;/code&gt; using &lt;code&gt;serverPattern&lt;/code&gt;, then renders it in &lt;code&gt;displayPattern&lt;/code&gt;.&lt;/p&gt;&#xA;&lt;p&gt;Missing / unparseable values render as &lt;code&gt;&amp;quot;--&amp;quot;&lt;/code&gt; (an unparseable value also logs a &lt;code&gt;console.error&lt;/code&gt; so bad data is visible during development).&lt;/p&gt;&#xA;&lt;h2 id=&#34;props--idatepickerdefinition--textviewattributedefinition&#34;&gt;Props — &lt;code&gt;IDatePickerDefinition &amp;amp; TextViewAttributeDefinition&lt;/code&gt;&lt;a class=&#34;anchor&#34; href=&#34;#props--idatepickerdefinition--textviewattributedefinition&#34;&gt;#&lt;/a&gt;&lt;/h2&gt;&#xA;&lt;p&gt;Common field props plus:&lt;/p&gt;&#xA;&lt;table&gt;&#xA;  &lt;thead&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;th&gt;Prop&lt;/th&gt;&#xA;          &lt;th&gt;Type&lt;/th&gt;&#xA;          &lt;th&gt;Purpose&lt;/th&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/thead&gt;&#xA;  &lt;tbody&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td&gt;&lt;code&gt;serverPattern&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;&lt;code&gt;string?&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;Wire format (e.g. &lt;code&gt;YYYY-MM-DD&lt;/code&gt;). Falls back to &lt;code&gt;getDefaultDatePattern()&lt;/code&gt;.&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td&gt;&lt;code&gt;displayPattern&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;&lt;code&gt;string?&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;UI format (e.g. &lt;code&gt;DD MMM YYYY&lt;/code&gt;). Same default fallback.&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td&gt;&lt;code&gt;datePattern&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;&lt;code&gt;string?&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;Legacy alias — if neither server/display is set, this is used for both.&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td&gt;&lt;code&gt;textAlign&lt;/code&gt;, &lt;code&gt;variant&lt;/code&gt;, &lt;code&gt;viewType&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;(see &lt;a href=&#34;https://palmyra.dev/docs/api/frontend/mantine/forms/view-only/&#34;&gt;overview&lt;/a&gt;)&lt;/td&gt;&#xA;          &lt;td&gt;Shared view props&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;&#xA;&lt;h2 id=&#34;ref--idatefield&#34;&gt;Ref — &lt;code&gt;IDateField&lt;/code&gt;&lt;a class=&#34;anchor&#34; href=&#34;#ref--idatefield&#34;&gt;#&lt;/a&gt;&lt;/h2&gt;&#xA;&lt;p&gt;Internally &lt;code&gt;useRef&amp;lt;IDateField&amp;gt;(null)&lt;/code&gt; — shape inherited from the editable date inputs.&lt;/p&gt;</description>
    </item>
    <item>
      <title>MantineOptionsView</title>
      <link>https://palmyra.dev/docs/api/frontend/mantine/forms/view-only/options-view/</link>
      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
      <guid>https://palmyra.dev/docs/api/frontend/mantine/forms/view-only/options-view/</guid>
      <description>&lt;h1 id=&#34;mantineoptionsview&#34;&gt;MantineOptionsView&lt;a class=&#34;anchor&#34; href=&#34;#mantineoptionsview&#34;&gt;#&lt;/a&gt;&lt;/h1&gt;&#xA;&lt;p&gt;&lt;code&gt;@palmyralabs/rt-forms-mantine&lt;/code&gt; · &lt;code&gt;form/view/MantineOptionsView.tsx&lt;/code&gt;&lt;/p&gt;&#xA;&lt;h2 id=&#34;overview&#34;&gt;Overview&lt;a class=&#34;anchor&#34; href=&#34;#overview&#34;&gt;#&lt;/a&gt;&lt;/h2&gt;&#xA;&lt;p&gt;Read-only option-label display — counterpart to &lt;a href=&#34;https://palmyra.dev/docs/api/frontend/mantine/forms/select/&#34;&gt;&lt;code&gt;MantineSelect&lt;/code&gt;&lt;/a&gt; / &lt;a href=&#34;https://palmyra.dev/docs/api/frontend/mantine/forms/radio-group/&#34;&gt;&lt;code&gt;MantineRadioGroup&lt;/code&gt;&lt;/a&gt;. Looks up the stored key in a &lt;code&gt;options&lt;/code&gt; &lt;strong&gt;object&lt;/strong&gt; (not an array) and renders the matching label, so a stored code like &lt;code&gt;&#39;ACTIVE&#39;&lt;/code&gt; displays as &lt;code&gt;&amp;quot;Active&amp;quot;&lt;/code&gt;.&lt;/p&gt;&#xA;&lt;h2 id=&#34;props--iselectdefinition--textviewattributedefinition&#34;&gt;Props — &lt;code&gt;ISelectDefinition &amp;amp; TextViewAttributeDefinition&lt;/code&gt;&lt;a class=&#34;anchor&#34; href=&#34;#props--iselectdefinition--textviewattributedefinition&#34;&gt;#&lt;/a&gt;&lt;/h2&gt;&#xA;&lt;p&gt;Common field props plus:&lt;/p&gt;&#xA;&lt;table&gt;&#xA;  &lt;thead&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;th&gt;Prop&lt;/th&gt;&#xA;          &lt;th&gt;Type&lt;/th&gt;&#xA;          &lt;th&gt;Purpose&lt;/th&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/thead&gt;&#xA;  &lt;tbody&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td&gt;&lt;code&gt;options&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;&lt;code&gt;Record&amp;lt;string, string&amp;gt;&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;Keyed lookup map — &lt;code&gt;options[value]&lt;/code&gt; is the rendered label&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td&gt;&lt;code&gt;textAlign&lt;/code&gt;, &lt;code&gt;variant&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;(see &lt;a href=&#34;https://palmyra.dev/docs/api/frontend/mantine/forms/view-only/&#34;&gt;overview&lt;/a&gt;)&lt;/td&gt;&#xA;          &lt;td&gt;Shared view props&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;&#xA;&lt;blockquote class=&#39;book-hint &#39;&gt;&#xA;&lt;p&gt;&lt;strong&gt;Not an array.&lt;/strong&gt; Unlike &lt;a href=&#34;https://palmyra.dev/docs/api/frontend/mantine/forms/select/&#34;&gt;&lt;code&gt;MantineSelect&lt;/code&gt;&lt;/a&gt;, which takes &lt;code&gt;Array&amp;lt;{ value, label }&amp;gt;&lt;/code&gt;, this widget expects an object keyed by value:&lt;/p&gt;</description>
    </item>
    <item>
      <title>MantineLookupView</title>
      <link>https://palmyra.dev/docs/api/frontend/mantine/forms/view-only/lookup-view/</link>
      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
      <guid>https://palmyra.dev/docs/api/frontend/mantine/forms/view-only/lookup-view/</guid>
      <description>&lt;h1 id=&#34;mantinelookupview&#34;&gt;MantineLookupView&lt;a class=&#34;anchor&#34; href=&#34;#mantinelookupview&#34;&gt;#&lt;/a&gt;&lt;/h1&gt;&#xA;&lt;p&gt;&lt;code&gt;@palmyralabs/rt-forms-mantine&lt;/code&gt; · &lt;code&gt;form/view/MantineLookupView.tsx&lt;/code&gt;&lt;/p&gt;&#xA;&lt;h2 id=&#34;overview&#34;&gt;Overview&lt;a class=&#34;anchor&#34; href=&#34;#overview&#34;&gt;#&lt;/a&gt;&lt;/h2&gt;&#xA;&lt;p&gt;Read-only foreign-key display — counterpart to &lt;a href=&#34;https://palmyra.dev/docs/api/frontend/mantine/forms/server-lookup/&#34;&gt;&lt;code&gt;MantineServerLookup&lt;/code&gt;&lt;/a&gt;. When the field value is an &lt;strong&gt;object&lt;/strong&gt; (not just an id), reads the configured label attribute off it — e.g. &lt;code&gt;{ id: 42, name: &#39;Acme Pharma&#39; }&lt;/code&gt; renders as &lt;code&gt;&amp;quot;Acme Pharma&amp;quot;&lt;/code&gt;.&lt;/p&gt;&#xA;&lt;h2 id=&#34;props--ilookupviewoptions--textviewattributedefinition&#34;&gt;Props — &lt;code&gt;ILookupViewOptions &amp;amp; TextViewAttributeDefinition&lt;/code&gt;&lt;a class=&#34;anchor&#34; href=&#34;#props--ilookupviewoptions--textviewattributedefinition&#34;&gt;#&lt;/a&gt;&lt;/h2&gt;&#xA;&lt;p&gt;Common field props plus:&lt;/p&gt;&#xA;&lt;table&gt;&#xA;  &lt;thead&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;th&gt;Prop&lt;/th&gt;&#xA;          &lt;th&gt;Type&lt;/th&gt;&#xA;          &lt;th&gt;Purpose&lt;/th&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/thead&gt;&#xA;  &lt;tbody&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td&gt;&lt;code&gt;lookupOptions&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;&lt;code&gt;{ labelAttribute?, idAttribute?, ... }&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;Attribute on the resolved object to render (&lt;code&gt;labelAttribute&lt;/code&gt;, default &lt;code&gt;&#39;name&#39;&lt;/code&gt;)&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td&gt;&lt;code&gt;textAlign&lt;/code&gt;, &lt;code&gt;variant&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;(see &lt;a href=&#34;https://palmyra.dev/docs/api/frontend/mantine/forms/view-only/&#34;&gt;overview&lt;/a&gt;)&lt;/td&gt;&#xA;          &lt;td&gt;Shared view props&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;&#xA;&lt;h2 id=&#34;ref&#34;&gt;Ref&lt;a class=&#34;anchor&#34; href=&#34;#ref&#34;&gt;#&lt;/a&gt;&lt;/h2&gt;&#xA;&lt;p&gt;Spread &lt;code&gt;getFieldHandler(fieldManager)&lt;/code&gt; + &lt;code&gt;focus()&lt;/code&gt; (ref typed &lt;code&gt;any&lt;/code&gt;).&lt;/p&gt;</description>
    </item>
    <item>
      <title>MantineINRView</title>
      <link>https://palmyra.dev/docs/api/frontend/mantine/forms/view-only/inr-view/</link>
      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
      <guid>https://palmyra.dev/docs/api/frontend/mantine/forms/view-only/inr-view/</guid>
      <description>&lt;h1 id=&#34;mantineinrview&#34;&gt;MantineINRView&lt;a class=&#34;anchor&#34; href=&#34;#mantineinrview&#34;&gt;#&lt;/a&gt;&lt;/h1&gt;&#xA;&lt;p&gt;&lt;code&gt;@palmyralabs/rt-forms-mantine&lt;/code&gt; · &lt;code&gt;form/view/MantineINRView.tsx&lt;/code&gt;&lt;/p&gt;&#xA;&lt;h2 id=&#34;overview&#34;&gt;Overview&lt;a class=&#34;anchor&#34; href=&#34;#overview&#34;&gt;#&lt;/a&gt;&lt;/h2&gt;&#xA;&lt;p&gt;Read-only numeric display with Indian-numbering formatting. Renders monetary / numeric / percentage values, and — for &lt;code&gt;&#39;amount&#39;&lt;/code&gt; format — offers a click-to-toggle between digits (&lt;code&gt;₹ 1,25,00,000&lt;/code&gt;) and words (&lt;code&gt;1 Crore 25 Lakhs&lt;/code&gt;). The only view in this folder that pulls in Mantine (&lt;code&gt;Tooltip&lt;/code&gt;) and &lt;code&gt;react-icons&lt;/code&gt; for the toggle chrome.&lt;/p&gt;&#xA;&lt;h2 id=&#34;props--itextfielddefinition--textviewattributedefinition&#34;&gt;Props — &lt;code&gt;ITextFieldDefinition &amp;amp; TextViewAttributeDefinition&lt;/code&gt;&lt;a class=&#34;anchor&#34; href=&#34;#props--itextfielddefinition--textviewattributedefinition&#34;&gt;#&lt;/a&gt;&lt;/h2&gt;&#xA;&lt;p&gt;Note this view redeclares &lt;code&gt;TextViewAttributeDefinition&lt;/code&gt; locally; it is &lt;strong&gt;not&lt;/strong&gt; the shared one used by the other views — &lt;code&gt;viewType&lt;/code&gt; is absent, and &lt;code&gt;valueFormat&lt;/code&gt; / &lt;code&gt;maxFraction&lt;/code&gt; are added:&lt;/p&gt;</description>
    </item>
  </channel>
</rss>
