@caratlogic/design-system 0.1.13 → 0.1.18

package/README.md

@@ -50,4 +50,4 @@ import { Input } from '@caratlogic/design-system/ui';
 yarn install
 yarn build
 yarn test
-``` 
+```  

package/dist/components/molecules/CustomField/CustomField.types.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Value and type primitives shared by every custom-field surface —
+ * manufacturing stages and inventory Extra properties alike.
+ *
+ * Feature folders import from here; they never import from each other.
+ */
+/** KYC-aligned set the backends accept. `boolean` is legacy — prefer `toggle`. */
+export type CustomFieldType = 'text' | 'textarea' | 'email' | 'phone' | 'number' | 'date' | 'time' | 'dropdown' | 'radio' | 'checkbox' | 'multiSelect' | 'toggle' | 'boolean' | 'image' | 'file' | 'docsWithExpiry';
+/** An uploaded object, stored verbatim by the backend as an opaque `value`. */
+export interface UploadedFileValue {
+    /** S3 key returned by the presigned-URL flow. */
+    key: string;
+    name: string;
+    url?: string;
+    size?: number;
+    mimeType?: string;
+}
+/** `docsWithExpiry` pairs one upload with an expiry date. */
+export interface DocsWithExpiryValue {
+    file?: UploadedFileValue | null;
+    expiryDate?: string | null;
+}
+/**
+ * Any single value a custom field can hold. Callers with extra cases compose
+ * on top — manufacturing's `StageValue` adds its certificate array.
+ */
+export type FieldValue = string | number | boolean | string[] | UploadedFileValue | DocsWithExpiryValue | null;
+//# sourceMappingURL=CustomField.types.d.ts.map

package/dist/components/molecules/CustomField/CustomField.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomField.types.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/CustomField/CustomField.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,kFAAkF;AAClF,MAAM,MAAM,eAAe,GACvB,MAAM,GACN,UAAU,GACV,OAAO,GACP,OAAO,GACP,QAAQ,GACR,MAAM,GACN,MAAM,GACN,UAAU,GACV,OAAO,GACP,UAAU,GACV,aAAa,GACb,QAAQ,GACR,SAAS,GACT,OAAO,GACP,MAAM,GACN,gBAAgB,CAAC;AAErB,+EAA+E;AAC/E,MAAM,WAAW,iBAAiB;IAChC,iDAAiD;IACjD,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,6DAA6D;AAC7D,MAAM,WAAW,mBAAmB;IAClC,IAAI,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B;AAED;;;GAGG;AACH,MAAM,MAAM,UAAU,GAClB,MAAM,GACN,MAAM,GACN,OAAO,GACP,MAAM,EAAE,GACR,iBAAiB,GACjB,mBAAmB,GACnB,IAAI,CAAC"}

package/dist/components/molecules/CustomField/CustomFieldInput.d.ts

@@ -0,0 +1,43 @@
+import type { ReactNode } from 'react';
+import type { FieldValue } from './CustomField.types';
+/** Upload variants, which the caller renders via `renderUpload`. */
+export type CustomFieldUploadVariant = 'image' | 'file' | 'docsWithExpiry';
+export interface CustomFieldDescriptor {
+    /** DOM id / form key for the rendered control. */
+    id: string;
+    type: string;
+    label?: string;
+    placeholder?: string;
+    options?: string[];
+    /** Latest date the picker allows. */
+    maxDate?: Date;
+    expiryDateLabel?: string;
+}
+export interface CustomFieldInputProps {
+    field: CustomFieldDescriptor;
+    value: FieldValue;
+    disabled?: boolean;
+    invalid?: boolean;
+    onChange: (value: FieldValue) => void;
+    /**
+     * Upload control, supplied by the caller. Uploading needs an API client, so
+     * it is injected rather than imported — that is what keeps this component
+     * free of app dependencies.
+     */
+    renderUpload?: (args: {
+        id: string;
+        variant: CustomFieldUploadVariant;
+        value: FieldValue;
+        expiryDateLabel?: string;
+        disabled?: boolean;
+        onChange: (value: FieldValue) => void;
+    }) => ReactNode;
+}
+/**
+ * Renders one control for a field described by `type` and its option metadata.
+ *
+ * Covers the field types shared by every custom-field surface. Types specific
+ * to one feature stay with that feature, which handles them before delegating.
+ */
+export declare function CustomFieldInput({ field, value, disabled, invalid, onChange, renderUpload, }: CustomFieldInputProps): ReactNode;
+//# sourceMappingURL=CustomFieldInput.d.ts.map

package/dist/components/molecules/CustomField/CustomFieldInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomFieldInput.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/CustomField/CustomFieldInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAgB,SAAS,EAAE,MAAM,OAAO,CAAC;AAWrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAGtD,oEAAoE;AACpE,MAAM,MAAM,wBAAwB,GAAG,OAAO,GAAG,MAAM,GAAG,gBAAgB,CAAC;AAE3E,MAAM,WAAW,qBAAqB;IACpC,kDAAkD;IAClD,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,qCAAqC;IACrC,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,qBAAqB,CAAC;IAC7B,KAAK,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE;QACpB,EAAE,EAAE,MAAM,CAAC;QACX,OAAO,EAAE,wBAAwB,CAAC;QAClC,KAAK,EAAE,UAAU,CAAC;QAClB,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;KACvC,KAAK,SAAS,CAAC;CACjB;AAOD;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,YAAY,GACb,EAAE,qBAAqB,GAAG,SAAS,CA6LnC"}

package/dist/components/molecules/CustomField/CustomFieldValue.d.ts

@@ -0,0 +1,17 @@
+import type { ReactElement } from 'react';
+import type { FieldValue } from './CustomField.types';
+/** Muted dash, so an uncaptured field reads as blank rather than as a value. */
+export declare const EmptyValue: () => ReactElement;
+export interface CustomFieldValueProps {
+    type: string;
+    value: FieldValue;
+    /** Appended after a numeric value, e.g. `ct`. */
+    unit?: string;
+}
+/**
+ * A captured value rendered for reading rather than editing. Edit forms use
+ * real inputs; a disabled input full of placeholders is much harder to scan
+ * than plain text, and reads as broken rather than empty.
+ */
+export declare function CustomFieldValue({ type, value, unit, }: CustomFieldValueProps): ReactElement;
+//# sourceMappingURL=CustomFieldValue.d.ts.map

package/dist/components/molecules/CustomField/CustomFieldValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomFieldValue.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/CustomField/CustomFieldValue.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAEV,UAAU,EAEX,MAAM,qBAAqB,CAAC;AAmC7B,gFAAgF;AAChF,eAAO,MAAM,UAAU,QAAO,YAE7B,CAAC;AAEF,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,UAAU,CAAC;IAClB,iDAAiD;IACjD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,KAAK,EACL,IAAI,GACL,EAAE,qBAAqB,GAAG,YAAY,CAgDtC"}

package/dist/components/molecules/CustomField/fieldTypeIcon.d.ts

@@ -0,0 +1,4 @@
+import { type LucideIcon } from 'lucide-react';
+/** Glyph for a field type, so a list of fields is scannable at a glance. */
+export declare function fieldTypeIcon(type: string): LucideIcon;
+//# sourceMappingURL=fieldTypeIcon.d.ts.map

package/dist/components/molecules/CustomField/fieldTypeIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldTypeIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/CustomField/fieldTypeIcon.ts"],"names":[],"mappings":"AAAA,OAAO,EAeL,KAAK,UAAU,EAChB,MAAM,cAAc,CAAC;AAqBtB,4EAA4E;AAC5E,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,UAAU,CAEtD"}

package/dist/components/molecules/CustomField/fieldValueHelpers.d.ts

@@ -0,0 +1,10 @@
+import type { FieldValue } from './CustomField.types';
+/** Shown in a read-only control whose value was never filled in. */
+export declare const NOT_CAPTURED = "Not captured";
+export declare const asText: (value: FieldValue) => string;
+export declare const asList: (value: FieldValue) => string[];
+/** Blank for display purposes — a number `0` is a real value, not blank. */
+export declare const isBlank: (value: FieldValue) => boolean;
+/** Treats blank strings, empty arrays and empty upload objects as uncaptured. */
+export declare function isValueEmpty(value: FieldValue | undefined): boolean;
+//# sourceMappingURL=fieldValueHelpers.d.ts.map

package/dist/components/molecules/CustomField/fieldValueHelpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldValueHelpers.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/CustomField/fieldValueHelpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEtD,oEAAoE;AACpE,eAAO,MAAM,YAAY,iBAAiB,CAAC;AAE3C,eAAO,MAAM,MAAM,GAAI,OAAO,UAAU,KAAG,MACH,CAAC;AAEzC,eAAO,MAAM,MAAM,GAAI,OAAO,UAAU,KAAG,MAAM,EAGzC,CAAC;AAET,4EAA4E;AAC5E,eAAO,MAAM,OAAO,GAAI,OAAO,UAAU,KAAG,OAC0B,CAAC;AAEvE,iFAAiF;AACjF,wBAAgB,YAAY,CAAC,KAAK,EAAE,UAAU,GAAG,SAAS,GAAG,OAAO,CAOnE"}

package/dist/components/molecules/CustomField/index.d.ts

@@ -0,0 +1,8 @@
+export { CustomFieldInput } from './CustomFieldInput';
+export { CustomFieldValue, EmptyValue } from './CustomFieldValue';
+export { fieldTypeIcon } from './fieldTypeIcon';
+export { asList, asText, isBlank, isValueEmpty, NOT_CAPTURED, } from './fieldValueHelpers';
+export type { CustomFieldDescriptor, CustomFieldInputProps, CustomFieldUploadVariant, } from './CustomFieldInput';
+export type { CustomFieldValueProps } from './CustomFieldValue';
+export type { CustomFieldType, DocsWithExpiryValue, FieldValue, UploadedFileValue, } from './CustomField.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/CustomField/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/CustomField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EACL,MAAM,EACN,MAAM,EACN,OAAO,EACP,YAAY,EACZ,YAAY,GACb,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EACV,qBAAqB,EACrB,qBAAqB,EACrB,wBAAwB,GACzB,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,YAAY,EACV,eAAe,EACf,mBAAmB,EACnB,UAAU,EACV,iBAAiB,GAClB,MAAM,qBAAqB,CAAC"}