feat: initial Pezkuwi Apps rebrand from polkadot-apps

Rebranded terminology: - Polkadot → Pezkuwi - Kusama → Dicle - Westend → Zagros - Rococo → PezkuwiChain - Substrate → Bizinikiwi - parachain → teyrchain Custom logos with Kurdistan brand colors (#e6007a → #86e62a): - bizinikiwi-hexagon.svg - sora-bizinikiwi.svg - hezscanner.svg - heztreasury.svg - pezkuwiscan.svg - pezkuwistats.svg - pezkuwiassembly.svg - pezkuwiholic.svg
2026-04-24 23:57:57 +00:00 · 2026-01-07 13:05:27 +03:00
commit d21bfb1320
5867 changed files with 329019 additions and 0 deletions
@@ -0,0 +1,103 @@
+// Copyright 2017-2025 @pezkuwi/react-params authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Codec, TypeDef } from '@pezkuwi/types/types';
+import type { ParamDef, Props, RawParamOnChangeValue } from '../types.js';
+
+import React, { useCallback, useEffect, useState } from 'react';
+
+import { Toggle } from '@pezkuwi/react-components';
+import { Option } from '@pezkuwi/types';
+import { isU8a, u8aConcat } from '@pezkuwi/util';
+
+import Holder from '../Holder.js';
+import { useTranslation } from '../translate.js';
+import Base from './Base.js';
+import Param from './index.js';
+import Static from './Static.js';
+import useParamDefs from './useParamDefs.js';
+import { getParams } from './Vector.js';
+
+const DEF_VALUE = { isValid: true, value: undefined };
+const OPT_PREFIX = new Uint8Array([1]);
+
+function OptionDisplay ({ className = '', defaultValue: _defaultValue, isDisabled, label, onChange, onEnter, onEscape, registry, type, withLabel }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const inputParams = useParamDefs(registry, type);
+  const [params] = useState<ParamDef[]>(() => getParams(inputParams, [], (inputParams[0].length || 1)));
+
+  const { sub, withOptionActive } = type;
+
+  const [isActive, setIsActive] = useState(() => withOptionActive || !!(_defaultValue && _defaultValue.value instanceof Option && _defaultValue.value.isSome) || false);
+
+  const [defaultValue] = useState(
+    () => isActive || isDisabled
+      ? _defaultValue && (
+        _defaultValue.value instanceof Option && _defaultValue.value.isSome
+          ? { isValid: _defaultValue.isValid, value: (_defaultValue.value as Option<Codec>).unwrap() }
+          : DEF_VALUE
+      )
+      : DEF_VALUE
+  );
+
+  useEffect((): void => {
+    !isActive && onChange && onChange({
+      isValid: true,
+      value: null
+    });
+  }, [isActive, onChange]);
+
+  const _onChange = useCallback(
+    (value: RawParamOnChangeValue) =>
+      onChange && onChange(
+        value.isValid && isU8a(value.value) && !withOptionActive && isActive
+          ? { isValid: true, value: u8aConcat(OPT_PREFIX, value.value) }
+          : value
+      ),
+    [isActive, onChange, withOptionActive]
+  );
+
+  return (
+    <div className={`${className} --relative`}>
+      <Base
+        className='--relative'
+        label={label}
+        labelExtra={!isDisabled && (
+          <Toggle
+            label={t('include option')}
+            onChange={setIsActive}
+            value={isActive}
+          />
+        )}
+        withLabel={withLabel}
+      />
+      <Holder>
+        <div className='ui--Params-Content'>
+          {isActive
+            ? (
+              <Param
+                defaultValue={defaultValue}
+                isDisabled={isDisabled || !isActive}
+                isOptional={!isActive && !isDisabled}
+                onChange={_onChange}
+                onEnter={onEnter}
+                onEscape={onEscape}
+                registry={registry}
+                type={(sub ?? params.at(0)?.type) as TypeDef}
+              />
+            )
+            : (
+              <Static
+                defaultValue={DEF_VALUE}
+                isOptional
+                label='None'
+              />
+            )
+          }
+        </div>
+      </Holder>
+    </div>
+  );
+}
+
+export default React.memo(OptionDisplay);