@cloud-ru/uikit-product-fields-predefined 3.0.3 → 3.1.0

package/dist/esm/components/FieldCode/styles.module.css

@@ -0,0 +1,41 @@
+.fieldCode{
+  display:flex;
+  flex-direction:column;
+  align-items:center;
+  gap:8px;
+}
+.fieldCode[data-stretch-cells]{
+  width:100%;
+}
+
+.fieldCodeScrollable{
+  overflow-x:auto;
+}
+
+.fieldDecorator{
+  width:unset;
+}
+
+.codeContainer{
+  display:flex;
+  justify-content:safe center;
+}
+.codeContainer[data-size=s]{
+  gap:8px;
+}
+.codeContainer[data-size=m]{
+  gap:8px;
+}
+.codeContainer[data-size=l]{
+  gap:12px;
+}
+
+.cellSpacing[data-size=s]{
+  margin-right:8px;
+}
+.cellSpacing[data-size=m]{
+  margin-right:8px;
+}
+.cellSpacing[data-size=l]{
+  margin-right:12px;
+}

package/dist/esm/components/FieldCode/utils.d.ts

@@ -0,0 +1,6 @@
+import { FieldTextProps } from '@snack-uikit/fields';
+export declare const isNumberChar: (char: string) => boolean;
+export declare const isStringCodeLength: (input: string, codeLength: number) => boolean;
+export declare const isZeroWidthSpace: (value: string) => value is "​";
+export declare function getFirstEmptyCellIndex(code: readonly string[]): number;
+export declare const getCellValidationState: (value: string, showEmptyChars?: boolean, error?: boolean) => FieldTextProps["validationState"];

package/dist/esm/components/FieldCode/utils.js

@@ -0,0 +1,13 @@
+import { ZERO_WIDTH_SPACE } from './constants';
+export const isNumberChar = (char) => /^\d$/.test(char);
+export const isStringCodeLength = (input, codeLength) => new RegExp(`^\\d{${codeLength}}$`).test(input);
+export const isZeroWidthSpace = (value) => value === ZERO_WIDTH_SPACE;
+export function getFirstEmptyCellIndex(code) {
+    return code.findIndex(isZeroWidthSpace);
+}
+export const getCellValidationState = (value, showEmptyChars, error) => {
+    if (showEmptyChars) {
+        return isZeroWidthSpace(value) ? 'error' : 'default';
+    }
+    return error ? 'error' : 'default';
+};

package/dist/esm/components/index.d.ts

@@ -5,3 +5,4 @@ export * from './AIDisclaimer';
 export * from './FieldName';
 export * from './FieldDescription';
 export * from './FieldMask';
+export * from './FieldCode';

package/dist/esm/components/index.js

@@ -5,3 +5,4 @@ export * from './AIDisclaimer';
 export * from './FieldName';
 export * from './FieldDescription';
 export * from './FieldMask';
+export * from './FieldCode';