@signature.digital/catalog 1.7.0 → 1.8.0

package/ts_web/elements/sdig-workspace/sdig-workspace.shared.ts

@@ -84,6 +84,7 @@ export const workspaceBaseStyles = css`
   * { box-sizing: border-box; }
   button, input, textarea { font: inherit; }
   button { border: 0; cursor: pointer; }
+  button:disabled { cursor: not-allowed; opacity: 0.52; }
   dees-icon { flex-shrink: 0; }
 
   .mono {
@@ -341,23 +342,24 @@ export const workspaceBaseStyles = css`
 `;
 
 export function icon(name: string, size = 14): TemplateResult {
-  const iconMap: Record<string, string> = {
-    inbox: 'lucide:Inbox', plus: 'lucide:Plus', folder: 'lucide:Folder', shield: 'lucide:Shield', code: 'lucide:Code2',
-    user: 'lucide:User', settings: 'lucide:Settings', upload: 'lucide:Upload', file: 'lucide:FileText', sign: 'lucide:PenTool',
-    clock: 'lucide:Clock', search: 'lucide:Search', more: 'lucide:MoreHorizontal', send: 'lucide:Send', check: 'lucide:Check',
-    eye: 'lucide:Eye', calendar: 'lucide:Calendar', type: 'lucide:Type', download: 'lucide:Download', hash: 'lucide:Hash',
-    github: 'lucide:GitBranch', git: 'lucide:GitBranch', server: 'lucide:Server', star: 'lucide:Star', sparkle: 'lucide:Sparkles',
-    chevronRight: 'lucide:ChevronRight', chevronDown: 'lucide:ChevronDown', x: 'lucide:X', activity: 'lucide:Activity',
-  };
   return html`<dees-icon .icon=${iconMap[name] || iconMap.file} style="font-size: ${size}px;"></dees-icon>`;
 }
 
+const iconMap: Record<string, string> = {
+  inbox: 'lucide:Inbox', plus: 'lucide:Plus', folder: 'lucide:Folder', shield: 'lucide:Shield', code: 'lucide:Code2',
+  user: 'lucide:User', settings: 'lucide:Settings', upload: 'lucide:Upload', file: 'lucide:FileText', sign: 'lucide:PenTool',
+  clock: 'lucide:Clock', search: 'lucide:Search', more: 'lucide:MoreHorizontal', send: 'lucide:Send', check: 'lucide:Check',
+  eye: 'lucide:Eye', calendar: 'lucide:Calendar', type: 'lucide:Type', download: 'lucide:Download', hash: 'lucide:Hash',
+  github: 'lucide:GitBranch', git: 'lucide:GitBranch', server: 'lucide:Server', star: 'lucide:Star', sparkle: 'lucide:Sparkles',
+  chevronRight: 'lucide:ChevronRight', chevronDown: 'lucide:ChevronDown', x: 'lucide:X', activity: 'lucide:Activity',
+};
+
 export function pill(label: string, tone: 'default' | 'success' | 'warning' | 'error' | 'info' = 'default', dot = false): TemplateResult {
   return html`<span class="pill ${tone} ${dot ? 'dot' : ''}">${label}</span>`;
 }
 
 export function actionButton(label: string, variant: 'primary' | 'outline' | 'ghost' = 'outline', iconName?: string, onClick?: () => void): TemplateResult {
-  return html`<button class="btn ${variant}" @click=${onClick || (() => undefined)}>${iconName ? icon(iconName, 13) : ''}${label}</button>`;
+  return html`<button class="btn ${variant}" ?disabled=${!onClick} title=${onClick ? '' : 'This action must be wired by the host application.'} @click=${onClick}>${iconName ? icon(iconName, 13) : ''}${label}</button>`;
 }
 
 export function topBar(config: { breadcrumb: string[]; title: string; subtitle?: TemplateResult; actions?: TemplateResult }): TemplateResult {

package/ts_web/plugins.ts

@@ -1,8 +1,7 @@
 // third party
-import signaturePadMod from 'signature_pad';
-type signaturePadType = (typeof import('signature_pad'))['default'];
-const signaturePad = signaturePadMod as any as signaturePadType;
+import SignaturePad from 'signature_pad';
+export type { PointGroup as TSignaturePadPointGroup } from 'signature_pad';
 
 export {
-  signaturePad,
+  SignaturePad as signaturePad,
 }