@cryptlex/web-components 5.1.1 → 5.3.0-alpha

package/dist/utils/resource-names.js

@@ -0,0 +1,2 @@
+import{jsx as s}from"react/jsx-runtime";import{convertCamelCaseToTitleCase as n}from"./primitives.js";import{createContext as i,use as l}from"react";import"clsx";const t={"product.displayName":"Product"},f=["access-token","account","activation","activation-log","admin-role","audit-log","automated-email","automated-email-event-log","card","feature-flag","invoice","license","license-template","maintenance-policy","organization","plan","product","product-version","profile","release","release-channel","release-file","release-platform","report","role","role-claim","saml-configuration","segment","sending-domain","setting","tag","team-member","trial","trial-policy","user","user-group","webhook","webhook-event-log","webhook-trigger","reseller","oidc-configuration","organization-claim","reseller-claim"],y={account:"Your organization account.",product:"Products are the software products you want to license",license:"Licenses represent a purchase of your software. These can be linked to customers, and the license key is required to use the product.","access-token":"Access Tokens are used to authenticate your API requests.",activation:"Activations, also known as devices/machines/seats are the devices consuming licenses.","activation-log":"Activation Log is a log entry of activation/deactivation of a particular license.",trial:"Trial/Trial Activation is a device that has activated a trial of your product.","audit-log":"Audit logs contain all the changes made to your account.","automated-email":"Automated Email allow you to send marketing emails based on events on the linked product.","automated-email-event-log":"Automated email event log is the log of all the automated email events for your product.",card:"The payment card for your account.","feature-flag":"Feature flags define features that make up tiers for your products.",invoice:"","license-template":"License templates are a blueprint for the licenses you create for your customers and prevent repetition when creating licenses.","maintenance-policy":"Maintenance policies represent support contracts and can be linked to licenses.",plan:"","product-version":"Product Versions are sets of Feature Flags that define the tiers of your products.","release-channel":"Release channel is the release channel for your product.","release-file":"Release files are files within your created releases.","release-platform":'Release Platforms differentiate the target platform for your release. Common platforms include "Windows", "macOS", and "Linux".',release:"Releases help you to manage different versions of your app, and secure distribute it to licensed users.",report:"Analytics data for your account","role-claim":"",role:"Roles define permissions for your team.","saml-configuration":"",segment:"Sets of filters that can be saved to filter resources.","trial-policy":"Trial policies are templates for creating trials for your products.","webhook-event-log":"Webhook Event Logs are logs of events that have occured on webhooks.","webhook-trigger":"",webhook:"Webhooks are HTTP callbacks which are triggered by specific events.",organization:"",profile:"",setting:"",tag:"Tags allow you to manage your licenses and customers on the dashboard.","team-member":"Team members can access the account based on their roles.",user:"A user refers to your customer whom you want to license your product.","sending-domain":"Allows Cryptlex to send emails on your behalf using your From Email address","admin-role":"Roles that have type admin","user-group":"Groups of users that you can assign licenses to.",reseller:"Resellers allow you to delegate user management to third parties or partners","oidc-configuration":"","organization-claim":"","reseller-claim":""},a={id:"ID",createdAt:"Creation Date",scopes:"Permissions",updatedAt:"Last Updated",expiresAt:"Expiration Date",lastSeenAt:"Last Seen",os:"OS",osVersion:"OS Version",key:"License Key",vmName:"VM Name",container:"Container",allowedIpRange:"Allowed IP Range",allowedIpRanges:"Allowed IP Ranges",allowedIpAddresses:"Allowed IP Addresses",disallowedIpAddresses:"Disallowed IP Addresses",allowVmActivation:"Allow VM Activation",disableGeoLocation:"Disable Geolocation","user.id":"User ID",userId:"User",productId:"Product",downloads:"Total Downloads",claims:"Permissions",googleSsoEnabled:"Google Login Enabled",lastAttemptedAt:"Last Attempt Date",url:"URL","trialPolicy.name":"Trial Policy Name","licensePolicy.name":"License Template Name",licensePolicy:"License Template",eventLog:"Audit Log",cc:"CC Recepients",bcc:"BCC Recepients",ipAddress:"IP Address",resellerId:"Reseller",productVersionId:"Product Version",releaseId:"Release",maintenancePolicyId:"Maintenance Policy",webhookId:"Webhook",automatedEmailId:"Automated Email","location.countryName":"Country","location.ipAddress":"IP Address","location.countryCode":"Country",organizationId:"Organization","address.country":"Country","address.addressLine1":"Address Line 1","address.addressLine2":"Address Line 2",responseStatusCode:"HTTP Status Code",resourceId:"Resource ID",Sso:"SAML SSO 2.0","reseller.name":"Reseller",sendingDomain:"Email Sending Domain"};function c(e,o){return o!=="admin-portal"&&e in t?t[e]:e in a?a[e]:n(e)}const r=i("admin-portal");function h({projectName:e,children:o}){return s(r.Provider,{value:e,children:o})}function d(){return l(r)}function A(){const e=d();return o=>c(o,e)}export{h as ProjectProvider,y as RESOURCE_DEFINITIONS,f as RESOURCE_NAMES,d as useProjectName,A as useResourceFormatter};
+//# sourceMappingURL=resource-names.js.map

package/dist/utils/resource-names.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resource-names.js","sources":["../../lib/utils/resource-names.tsx"],"sourcesContent":["import { convertCamelCaseToTitleCase, type CtxPortals } from \"lib/utils/primitives\";\nimport { createContext, use } from \"react\";\n\n// Display names specific to customer and reseller portal\nconst OTHER_PORTALS_DISPLAY_NAME: Record<string, string> = {\n    \"product.displayName\": \"Product\",\n};\n\n/** Resource Name should ALWAYS be in singular form */\nexport const RESOURCE_NAMES = [\n    \"access-token\",\n    \"account\",\n    \"activation\",\n    \"activation-log\",\n    \"admin-role\",\n    \"audit-log\",\n    \"automated-email\",\n    \"automated-email-event-log\",\n    \"card\",\n    \"feature-flag\",\n    \"invoice\",\n    \"license\",\n    \"license-template\",\n    \"maintenance-policy\",\n    \"organization\",\n    \"plan\",\n    \"product\",\n    \"product-version\",\n    \"profile\",\n    \"release\",\n    \"release-channel\",\n    \"release-file\",\n    \"release-platform\",\n    \"report\",\n    \"role\",\n    \"role-claim\",\n    \"saml-configuration\",\n    \"segment\",\n    \"sending-domain\",\n    \"setting\",\n    \"tag\",\n    \"team-member\",\n    \"trial\",\n    \"trial-policy\",\n    \"user\",\n    \"user-group\",\n    \"webhook\",\n    \"webhook-event-log\",\n    \"webhook-trigger\",\n    \"reseller\",\n    \"oidc-configuration\",\n    \"organization-claim\",\n    \"reseller-claim\",\n] as const;\nexport type ResourceName = (typeof RESOURCE_NAMES)[number];\nexport const RESOURCE_DEFINITIONS: Record<ResourceName, string> = {\n    account: \"Your organization account.\",\n    product: \"Products are the software products you want to license\",\n    license:\n        \"Licenses represent a purchase of your software. These can be linked to customers, and the license key is required to use the product.\",\n    \"access-token\": \"Access Tokens are used to authenticate your API requests.\",\n    activation:\n        \"Activations, also known as devices/machines/seats are the devices consuming licenses.\",\n    \"activation-log\":\n        \"Activation Log is a log entry of activation/deactivation of a particular license.\",\n    trial:\n        \"Trial/Trial Activation is a device that has activated a trial of your product.\",\n    \"audit-log\": \"Audit logs contain all the changes made to your account.\",\n    \"automated-email\":\n        \"Automated Email allow you to send marketing emails based on events on the linked product.\",\n    \"automated-email-event-log\":\n        \"Automated email event log is the log of all the automated email events for your product.\",\n    card: \"The payment card for your account.\",\n    \"feature-flag\":\n        \"Feature flags define features that make up tiers for your products.\",\n    invoice: \"\",\n    \"license-template\":\n        \"License templates are a blueprint for the licenses you create for your customers and prevent repetition when creating licenses.\",\n    \"maintenance-policy\":\n        \"Maintenance policies represent support contracts and can be linked to licenses.\",\n    plan: \"\",\n    \"product-version\":\n        \"Product Versions are sets of Feature Flags that define the tiers of your products.\",\n    \"release-channel\": \"Release channel is the release channel for your product.\",\n    \"release-file\": \"Release files are files within your created releases.\",\n    \"release-platform\":\n        'Release Platforms differentiate the target platform for your release. Common platforms include \"Windows\", \"macOS\", and \"Linux\".',\n    release:\n        \"Releases help you to manage different versions of your app, and secure distribute it to licensed users.\",\n    report: \"Analytics data for your account\",\n    \"role-claim\": \"\",\n    role: \"Roles define permissions for your team.\",\n    \"saml-configuration\": \"\",\n    segment: \"Sets of filters that can be saved to filter resources.\",\n    \"trial-policy\":\n        \"Trial policies are templates for creating trials for your products.\",\n    \"webhook-event-log\":\n        \"Webhook Event Logs are logs of events that have occured on webhooks.\",\n    \"webhook-trigger\": \"\",\n    webhook:\n        \"Webhooks are HTTP callbacks which are triggered by specific events.\",\n    organization: \"\",\n    profile: \"\",\n    setting: \"\",\n    tag: \"Tags allow you to manage your licenses and customers on the dashboard.\",\n    \"team-member\": \"Team members can access the account based on their roles.\",\n    user: \"A user refers to your customer whom you want to license your product.\",\n    \"sending-domain\":\n        \"Allows Cryptlex to send emails on your behalf using your From Email address\",\n    \"admin-role\": \"Roles that have type admin\",\n    \"user-group\": \"Groups of users that you can assign licenses to.\",\n    reseller:\n        \"Resellers allow you to delegate user management to third parties or partners\",\n    \"oidc-configuration\": \"\",\n    \"organization-claim\": \"\",\n    \"reseller-claim\": \"\",\n};\n\nconst RESOURCE_DISPLAY_NAMES: Record<string, string> = {\n    id: \"ID\",\n    createdAt: \"Creation Date\",\n    scopes: \"Permissions\",\n    updatedAt: \"Last Updated\",\n    expiresAt: \"Expiration Date\",\n    lastSeenAt: \"Last Seen\",\n    os: \"OS\",\n    osVersion: \"OS Version\",\n    key: \"License Key\",\n    vmName: \"VM Name\",\n    container: \"Container\",\n    allowedIpRange: \"Allowed IP Range\",\n    allowedIpRanges: \"Allowed IP Ranges\",\n    allowedIpAddresses: \"Allowed IP Addresses\",\n    disallowedIpAddresses: \"Disallowed IP Addresses\",\n    allowVmActivation: \"Allow VM Activation\",\n    disableGeoLocation: \"Disable Geolocation\",\n    \"user.id\": \"User ID\",\n    userId: \"User\",\n    productId: \"Product\",\n    downloads: \"Total Downloads\",\n    claims: \"Permissions\",\n    googleSsoEnabled: \"Google Login Enabled\",\n    lastAttemptedAt: \"Last Attempt Date\",\n    url: \"URL\",\n    \"trialPolicy.name\": \"Trial Policy Name\",\n    \"licensePolicy.name\": \"License Template Name\",\n    licensePolicy: \"License Template\",\n    eventLog: \"Audit Log\",\n    cc: \"CC Recepients\",\n    bcc: \"BCC Recepients\",\n    ipAddress: \"IP Address\",\n    resellerId: \"Reseller\",\n    productVersionId: \"Product Version\",\n    releaseId: \"Release\",\n    maintenancePolicyId: \"Maintenance Policy\",\n    webhookId: \"Webhook\",\n    automatedEmailId: \"Automated Email\",\n    \"location.countryName\": \"Country\",\n    \"location.ipAddress\": \"IP Address\",\n    \"location.countryCode\": \"Country\",\n    organizationId: \"Organization\",\n    \"address.country\": \"Country\",\n    \"address.addressLine1\": \"Address Line 1\",\n    \"address.addressLine2\": \"Address Line 2\",\n    responseStatusCode: \"HTTP Status Code\",\n    resourceId: \"Resource ID\",\n    Sso: \"SAML SSO 2.0\",\n    \"reseller.name\": \"Reseller\",\n    sendingDomain: \"Email Sending Domain\",\n};\n\nfunction getResourceDisplayName(\n    resourceName: string,\n    portal: CtxPortals,\n) {\n    if (portal !== \"admin-portal\" && resourceName in OTHER_PORTALS_DISPLAY_NAME) {\n        return OTHER_PORTALS_DISPLAY_NAME[resourceName];\n    } else if (resourceName in RESOURCE_DISPLAY_NAMES) {\n        return RESOURCE_DISPLAY_NAMES[resourceName];\n    } else {\n        return convertCamelCaseToTitleCase(resourceName);\n    }\n}\n\nconst ProjectContext = createContext<CtxPortals>('admin-portal');\n\nexport function ProjectProvider({ projectName, children }: { projectName: CtxPortals; children: React.ReactNode; }) {\n    return (\n        <ProjectContext.Provider value={projectName}>\n            {children}\n        </ProjectContext.Provider>\n    );\n}\n\nexport function useProjectName(): CtxPortals {\n    return use(ProjectContext);\n}\n\nexport function useResourceFormatter(): (resourceName: string) => string {\n    const portal = useProjectName();\n    return (resourceName: string) => getResourceDisplayName(resourceName, portal);\n}"],"names":["OTHER_PORTALS_DISPLAY_NAME","RESOURCE_NAMES","RESOURCE_DEFINITIONS","RESOURCE_DISPLAY_NAMES","getResourceDisplayName","resourceName","portal","convertCamelCaseToTitleCase","ProjectContext","createContext","ProjectProvider","projectName","children","useProjectName","use","useResourceFormatter"],"mappings":"kKAIA,MAAMA,EAAqD,CACvD,sBAAuB,SAC3B,EAGaC,EAAiB,CAC1B,eACA,UACA,aACA,iBACA,aACA,YACA,kBACA,4BACA,OACA,eACA,UACA,UACA,mBACA,qBACA,eACA,OACA,UACA,kBACA,UACA,UACA,kBACA,eACA,mBACA,SACA,OACA,aACA,qBACA,UACA,iBACA,UACA,MACA,cACA,QACA,eACA,OACA,aACA,UACA,oBACA,kBACA,WACA,qBACA,qBACA,gBACJ,EAEaC,EAAqD,CAC9D,QAAS,6BACT,QAAS,yDACT,QACI,wIACJ,eAAgB,4DAChB,WACI,wFACJ,iBACI,oFACJ,MACI,iFACJ,YAAa,2DACb,kBACI,4FACJ,4BACI,2FACJ,KAAM,qCACN,eACI,sEACJ,QAAS,GACT,mBACI,kIACJ,qBACI,kFACJ,KAAM,GACN,kBACI,qFACJ,kBAAmB,2DACnB,eAAgB,wDAChB,mBACI,kIACJ,QACI,0GACJ,OAAQ,kCACR,aAAc,GACd,KAAM,0CACN,qBAAsB,GACtB,QAAS,yDACT,eACI,sEACJ,oBACI,uEACJ,kBAAmB,GACnB,QACI,sEACJ,aAAc,GACd,QAAS,GACT,QAAS,GACT,IAAK,yEACL,cAAe,4DACf,KAAM,wEACN,iBACI,8EACJ,aAAc,6BACd,aAAc,mDACd,SACI,+EACJ,qBAAsB,GACtB,qBAAsB,GACtB,iBAAkB,EACtB,EAEMC,EAAiD,CACnD,GAAI,KACJ,UAAW,gBACX,OAAQ,cACR,UAAW,eACX,UAAW,kBACX,WAAY,YACZ,GAAI,KACJ,UAAW,aACX,IAAK,cACL,OAAQ,UACR,UAAW,YACX,eAAgB,mBAChB,gBAAiB,oBACjB,mBAAoB,uBACpB,sBAAuB,0BACvB,kBAAmB,sBACnB,mBAAoB,sBACpB,UAAW,UACX,OAAQ,OACR,UAAW,UACX,UAAW,kBACX,OAAQ,cACR,iBAAkB,uBAClB,gBAAiB,oBACjB,IAAK,MACL,mBAAoB,oBACpB,qBAAsB,wBACtB,cAAe,mBACf,SAAU,YACV,GAAI,gBACJ,IAAK,iBACL,UAAW,aACX,WAAY,WACZ,iBAAkB,kBAClB,UAAW,UACX,oBAAqB,qBACrB,UAAW,UACX,iBAAkB,kBAClB,uBAAwB,UACxB,qBAAsB,aACtB,uBAAwB,UACxB,eAAgB,eAChB,kBAAmB,UACnB,uBAAwB,iBACxB,uBAAwB,iBACxB,mBAAoB,mBACpB,WAAY,cACZ,IAAK,eACL,gBAAiB,WACjB,cAAe,sBACnB,EAEA,SAASC,EACLC,EACAC,EACF,CACE,OAAIA,IAAW,gBAAkBD,KAAgBL,EACtCA,EAA2BK,CAAY,EACvCA,KAAgBF,EAChBA,EAAuBE,CAAY,EAEnCE,EAA4BF,CAAY,CAEvD,CAEA,MAAMG,EAAiBC,EAA0B,cAAc,EAExD,SAASC,EAAgB,CAAE,YAAAC,EAAa,SAAAC,GAAqE,CAChH,SACKJ,EAAe,SAAf,CAAwB,MAAOG,EAC3B,SAAAC,EACL,CAER,CAEO,SAASC,GAA6B,CACzC,OAAOC,EAAIN,CAAc,CAC7B,CAEO,SAASO,GAAyD,CACrE,MAAMT,EAASO,EAAA,EACf,OAAQR,GAAyBD,EAAuBC,EAAcC,CAAM,CAChF"}

package/dist/utils/use-mobile.d.ts

@@ -0,0 +1 @@
+export declare function useIsMobile(): boolean;

package/dist/utils/use-mobile.js

@@ -0,0 +1,2 @@
+import{useState as s,useEffect as r}from"react";const e=768;function c(){const[o,n]=s(void 0);return r(()=>{const t=window.matchMedia(`(max-width: ${e-1}px)`),i=()=>{n(window.innerWidth<e)};return t.addEventListener("change",i),n(window.innerWidth<e),()=>t.removeEventListener("change",i)},[]),!!o}export{c as useIsMobile};
+//# sourceMappingURL=use-mobile.js.map

package/dist/utils/use-mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-mobile.js","sources":["../../lib/utils/use-mobile.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nconst MOBILE_BREAKPOINT = 768;\n\nexport function useIsMobile() {\n\tconst [isMobile, setIsMobile] = useState<boolean | undefined>(\n\t\tundefined,\n\t);\n\n\tuseEffect(() => {\n\t\tconst mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);\n\t\tconst onChange = () => {\n\t\t\tsetIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n\t\t};\n\t\tmql.addEventListener(\"change\", onChange);\n\t\tsetIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n\t\treturn () => mql.removeEventListener(\"change\", onChange);\n\t}, []);\n\n\treturn !!isMobile;\n}\n"],"names":["MOBILE_BREAKPOINT","useIsMobile","isMobile","setIsMobile","useState","useEffect","mql","onChange"],"mappings":"gDAEA,MAAMA,EAAoB,IAEnB,SAASC,GAAc,CAC7B,KAAM,CAACC,EAAUC,CAAW,EAAIC,EAC/B,MAAA,EAGD,OAAAC,EAAU,IAAM,CACf,MAAMC,EAAM,OAAO,WAAW,eAAeN,EAAoB,CAAC,KAAK,EACjEO,EAAW,IAAM,CACtBJ,EAAY,OAAO,WAAaH,CAAiB,CAClD,EACA,OAAAM,EAAI,iBAAiB,SAAUC,CAAQ,EACvCJ,EAAY,OAAO,WAAaH,CAAiB,EAC1C,IAAMM,EAAI,oBAAoB,SAAUC,CAAQ,CACxD,EAAG,CAAA,CAAE,EAEE,CAAC,CAACL,CACV"}

package/package.json

@@ -1,17 +1,16 @@
 {
   "name": "@cryptlex/web-components",
-  "version": "5.1.1",
+  "version": "5.3.0-alpha",
   "description": "React component library for Cryptlex web applications",
   "author": "Cryptlex",
   "type": "module",
   "private": false,
-  "main": "./dist/index.es.js",
-  "module": "./dist/index.es.js",
-  "types": "./dist/index.es.d.ts",
   "exports": {
-    ".": {
-      "types": "./dist/index.es.d.ts",
-      "import": "./dist/index.es.js"
+    "./components/*": {
+      "import": "./dist/components/*"
+    },
+    "./utils/*": {
+      "import": "./dist/utils/*"
     },
     "./index.css": "./lib/index.css",
     "./tokens.css": "./lib/tokens.css",
@@ -21,12 +20,11 @@
   },
   "files": [
     "dist",
-    "lib/index.css",
-    "lib/theme.css",
-    "lib/base.css",
-    "lib/utilities.css",
-    "lib/tokens.css",
-    "lib/index.css"
+    "./lib/index.css",
+    "./lib/tokens.css",
+    "./lib/theme.css",
+    "./lib/base.css",
+    "./lib/utilities.css"
   ],
   "repository": {
     "type": "git",
@@ -39,10 +37,7 @@
     "design-system",
     "cryptlex"
   ],
-  "sideEffects": [
-    "**/*.css",
-    "**/*.tsx"
-  ],
+  "sideEffects": false,
   "publishConfig": {
     "access": "public"
   },
@@ -51,6 +46,7 @@
     "@dnd-kit/core": "6.3.1",
     "@dnd-kit/sortable": "10.0.0",
     "@dnd-kit/utilities": "3.2.2",
+    "@internationalized/date": "3.8.2",
     "@tanstack/react-form": "1.6.3",
     "@tanstack/react-query": "5.62.3",
     "@tanstack/react-table": "8.20.5",
@@ -62,32 +58,33 @@
     "lucide-react": "0.453.0",
     "openapi-fetch": "0.14.0",
     "react": "^19.1.0",
-    "react-dom": "^19.1.0",
     "react-aria-components": "1.11.0",
-    "@internationalized/date": "^3.8.2",
+    "react-dom": "^19.1.0",
     "recharts": "2.15.3",
     "sonner": "1.7.0",
     "tailwindcss": "^4.0.6",
     "tw-animate-css": "1.3.0"
   },
   "devDependencies": {
-    "@storybook/addon-docs": "^9.0.16",
-    "@storybook/addon-links": "^9.0.16",
-    "@storybook/addon-onboarding": "^9.0.16",
-    "@storybook/react-vite": "^9.0.16",
-    "@tailwindcss/vite": "^4.0.6",
-    "@types/lodash-es": "^4.17.12",
+    "@rollup/plugin-node-resolve": "16.0.1",
+    "@storybook/addon-docs": "9.0.18",
+    "@storybook/addon-links": "9.0.18",
+    "@storybook/addon-onboarding": "9.0.18",
+    "@storybook/react-vite": "9.0.18",
+    "@tailwindcss/vite": "^4.1.11",
+    "@types/lodash-es": "4.17.12",
     "@types/node": "^22.7.8",
-    "@types/react": "19.1.0",
-    "@types/react-dom": "19.1.0",
-    "@vitejs/plugin-react": "^4.3.2",
+    "@types/react": "^19.1.0",
+    "@types/react-dom": "^19.1.0",
+    "@vitejs/plugin-react": "4.7.0",
     "rollup-preserve-directives": "1.1.3",
-    "sass": "^1.80.6",
-    "storybook": "^9.0.16",
-    "typescript": "^5.5.3",
-    "typescript-eslint": "^8.7.0",
-    "vite": "^5.4.8",
-    "vite-plugin-dts": "^4.2.4",
+    "sass": "1.80.6",
+    "storybook": "9.0.18",
+    "typescript": "5.8.3",
+    "typescript-eslint": "8.38.0",
+    "vite": "7.0.6",
+    "vite-plugin-dts": "4.5.4",
+    "vite-tsconfig-paths": "5.1.4",
     "zod": "3.25.20"
   },
   "scripts": {
@@ -95,6 +92,7 @@
     "lint": "eslint .",
     "storybook": "storybook dev -p 6006 --no-open",
     "build:storybook": "storybook build",
-    "build:tokens": "sass --no-source-map ./lib/tokens.scss ./lib/tokens.css"
+    "build:tokens": "sass --no-source-map ./lib/tokens.scss ./lib/tokens.css",
+    "build-storybook": "storybook build"
   }
 }

package/dist/components/data-table/data-table-filter.es.js

@@ -1,132 +0,0 @@
-import { jsx as e, jsxs as s, Fragment as m } from "react/jsx-runtime";
-import { useDataTable as T } from "./data-table.es.js";
-import { SelectItem as w } from "../inputs/select.es.js";
-import { EasyMenu as S, MenuItem as x } from "../ui/menu.es.js";
-import { useResourceFormatter as O } from "../../utils/resource-names.es.js";
-import { Filter as R, Trash as P } from "lucide-react";
-import { useRef as d } from "react";
-import { useAppForm as q } from "../../utils/form-hook.es.js";
-import { TfDatePicker as D } from "../inputs/date-picker.es.js";
-import { TfIdSearchInput as E } from "../inputs/id-search.es.js";
-import { cn as N } from "../../utils/primitives.es.js";
-import { PopoverTrigger as $, Popover as I } from "../ui/popover.es.js";
-import { Button as c } from "../ui/button.es.js";
-const X = [
-  "eq",
-  "ne",
-  "cn",
-  "nc",
-  "sw",
-  "ew",
-  "in",
-  "nin",
-  "gt",
-  "gte",
-  "lt",
-  "lte"
-], _ = {
-  eq: "equal to",
-  ne: "not equal to",
-  cn: "contains",
-  nc: "does not contain",
-  sw: "starts with",
-  ew: "ends with",
-  in: "includes",
-  nin: "does not include",
-  gt: "greater than",
-  gte: "greater than or equal to",
-  lt: "less than",
-  lte: "less than or equal to"
-}, h = {
-  bool: ["eq"],
-  enum: ["in", "nin"],
-  id: ["in", "nin"],
-  "id-search": ["in", "nin"],
-  string: ["eq", "ne", "cn", "nc", "sw", "ew", "in", "nin"],
-  date: ["lt", "gt"]
-};
-function Y({ className: f, ...g }) {
-  const { filters: F, query: y, setFilters: v, filterConfig: o } = T();
-  d([]);
-  const A = d(null), p = O(), a = q({
-    defaultValues: {
-      // TODO, initialize with filters from tableState
-      filters: []
-    },
-    onSubmit: ({ value: i }) => {
-      v(i.filters.map((t) => ({ [t.property]: { [t.operator]: [t.value] } })));
-    }
-  }), u = Object.keys(o).sort();
-  return /* @__PURE__ */ e("section", { ...g, className: N("flex gap-icon items-center", f), children: /* @__PURE__ */ s($, { onOpenChange: (i) => {
-    var t;
-    i ? (t = A.current) == null || t.focus() : a.handleSubmit();
-  }, children: [
-    /* @__PURE__ */ e(c, { active: F.length > 0, isDisabled: y.isPending || u.length === 0, type: "button", size: "icon", variant: "neutral", children: /* @__PURE__ */ e(R, {}) }),
-    /* @__PURE__ */ e(I, { className: "w-full p-icon", children: /* @__PURE__ */ e("form", { onSubmit: (i) => {
-      i.preventDefault();
-    }, className: "flex flex-col gap-icon max-h-table overflow-auto ", children: /* @__PURE__ */ e(a.Field, { mode: "array", name: "filters", children: (i) => /* @__PURE__ */ s(m, { children: [
-      i.state.value.map((t, n) => /* @__PURE__ */ s("div", { className: "flex gap-icon items-center justify-normal", children: [
-        /* @__PURE__ */ e("span", { className: "text-sm", children: p(t.property) }),
-        /* @__PURE__ */ e(
-          a.AppField,
-          {
-            name: `filters[${n}].operator`,
-            children: (r) => /* @__PURE__ */ e(r.TfSingleSelect, { items: h[t.type].map((l) => ({ id: l, label: /* @__PURE__ */ e(m, { children: _[l] }) })), children: (l) => /* @__PURE__ */ e(w, { id: l.id, children: l.label }) })
-          },
-          t.id
-        ),
-        t.type === "bool" && /* @__PURE__ */ e(a.AppField, { name: `filters[${n}].value`, children: (r) => /* @__PURE__ */ e(r.TfCheckbox, {}) }),
-        t.type === "date" && /* @__PURE__ */ e(a.AppField, { name: `filters[${n}].value`, children: (r) => /* @__PURE__ */ e(D, {}) }),
-        t.type === "id" && /* @__PURE__ */ e(a.AppField, { name: `filters[${n}].value`, children: (r) => /* @__PURE__ */ e(r.TfTextField, {}) }),
-        t.type === "string" && /* @__PURE__ */ e(a.AppField, { name: `filters[${n}].value`, children: (r) => /* @__PURE__ */ e(r.TfTextField, {}) }),
-        t.type === "enum" && /* @__PURE__ */ e(a.AppField, { name: `filters[${n}].value`, children: (r) => /* @__PURE__ */ e(r.TfMultiSelect, { items: o[t.property].options }) }),
-        t.type === "id-search" && /* @__PURE__ */ e(a.AppField, { name: `filters[${n}].value`, children: (r) => /* @__PURE__ */ e(E, { multiple: !0, accessor: "id", searchFn: o[t.property].search }) }),
-        /* @__PURE__ */ e(c, { type: "button", variant: "destructive", size: "icon", onPress: () => i.removeValue(n), children: /* @__PURE__ */ e(P, {}) })
-      ] }, t.id)),
-      /* @__PURE__ */ s("div", { className: "flex w-full items-center justify-end gap-2 not-first:mt-icon", children: [
-        /* @__PURE__ */ e(S, { label: "Add Filter", children: u.map((t) => /* @__PURE__ */ e(x, { onAction: () => {
-          const n = o[t].type, r = (b) => {
-            switch (b) {
-              case "bool":
-                return !0;
-              case "string":
-                return "";
-              case "date":
-                return (/* @__PURE__ */ new Date()).toISOString();
-              case "id":
-                return "";
-              case "id-search":
-                return [];
-              case "enum":
-                return [];
-            }
-          }, l = {
-            id: `${t}-${Date.now()}`,
-            operator: h[n][0],
-            value: r(n),
-            type: n,
-            property: t
-          };
-          i.pushValue(l);
-        }, className: "dropdown-item", children: p(t) }, t)) }),
-        i.state.value.length > 0 ? /* @__PURE__ */ e(
-          c,
-          {
-            type: "button",
-            variant: "neutral",
-            onPress: () => {
-              i.setValue([]);
-            },
-            children: "Reset filters"
-          }
-        ) : null
-      ] })
-    ] }) }) }) })
-  ] }) });
-}
-export {
-  _ as COMPARISON_OPERATOR_LABELS,
-  Y as DataTableFilter,
-  X as FILTER_COMPARISON_OPERATORS
-};
-//# sourceMappingURL=data-table-filter.es.js.map

package/dist/components/data-table/data-table-filter.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"data-table-filter.es.js","sources":["../../../lib/components/data-table/data-table-filter.tsx"],"sourcesContent":["import { useDataTable, type OperationKeys } from \"@/components/data-table/data-table\";\nimport { type ApiFilters } from \"@/components/data-table/table-commons\";\nimport { TfDatePicker, TfIdSearchInput, type MultiSelectProps } from \"@/components/inputs\";\nimport { SelectItem } from \"@/components/inputs/select\";\nimport { Button, Popover, PopoverTrigger, } from \"@/components/ui\";\nimport { EasyMenu, MenuItem } from \"@/components/ui/menu\";\nimport { cn, useAppForm } from \"@/utils\";\nimport { useResourceFormatter } from \"@/utils/resource-names\";\nimport type { CalendarDateTime } from \"@internationalized/date\";\nimport { Filter, Trash } from \"lucide-react\";\nimport { useRef } from \"react\";\n\nexport const FILTER_COMPARISON_OPERATORS = [\n    'eq',\n    'ne',\n    'cn',\n    'nc',\n    'sw',\n    'ew',\n    'in',\n    'nin',\n    'gt',\n    'gte',\n    'lt',\n    'lte',\n] as const;\nexport type FilterComparisonOperator =\n    (typeof FILTER_COMPARISON_OPERATORS)[number];\n\nexport const COMPARISON_OPERATOR_LABELS: Record<\n    FilterComparisonOperator,\n    string\n> = {\n    eq: 'equal to',\n    ne: 'not equal to',\n    cn: 'contains',\n    nc: 'does not contain',\n    sw: 'starts with',\n    ew: 'ends with',\n    in: 'includes',\n    nin: 'does not include',\n    gt: 'greater than',\n    gte: 'greater than or equal to',\n    lt: 'less than',\n    lte: 'less than or equal to',\n};\n\ntype BaseLocalFilter<T extends FilterType, V> = {\n    id: string;\n    type: T;\n    property: string;\n    operator: FilterComparisonOperator;\n    value: V | undefined;\n    displayValue?: string;\n};\ntype EnumLocalFilter = BaseLocalFilter<'enum', Set<string | number>>;\ntype IdLocalFilter = BaseLocalFilter<'id', string>;\ntype BoolLocalFilter = BaseLocalFilter<'bool', boolean>;\ntype StringLocalFilter = BaseLocalFilter<'string', string>;\ntype DateLocalFilter = BaseLocalFilter<'date', CalendarDateTime>;\ntype IdSearchLocalFilter = BaseLocalFilter<'id-search', Set<string | number>>;\n\ntype LocalFilter = EnumLocalFilter\n    | IdLocalFilter\n    | BoolLocalFilter\n    | StringLocalFilter\n    | DateLocalFilter\n    | IdSearchLocalFilter;\n\nexport type FilterConfig =\n    | { type: 'enum'; options: MultiSelectProps['items'] }\n    | { type: 'id-search'; search: () => Promise<{ id: string; name: string }[]> }\n    | { type: 'id' }\n    | { type: 'bool' }\n    | { type: 'string' }\n    | { type: 'date' }\n\nexport type FilterType = FilterConfig['type'];\n\nconst FilterOperations: Record<FilterType, FilterComparisonOperator[]> = {\n    'bool': ['eq'],\n    'enum': ['in', 'nin'],\n    'id': ['in', 'nin'],\n    'id-search': ['in', 'nin'],\n    'string': ['eq', 'ne', 'cn', 'nc', 'sw', 'ew', 'in', 'nin'],\n    'date': ['lt', 'gt'],\n}\n\nexport type FiltersConfig<TOperation extends OperationKeys> = Required<Record<keyof ApiFilters<TOperation>, FilterConfig>>\n\nexport function DataTableFilter({ className, ...props }: React.ComponentProps<'section'>) {\n    const { filters, query, setFilters, filterConfig } = useDataTable();\n    const localFilterRefs = useRef([]);\n    const addFilterButtonRef = useRef<HTMLButtonElement>(null);\n\n    const resourceFormatter = useResourceFormatter();\n\n    const DEFAULT_VALUES: { filters: LocalFilter[] } = {\n        // TODO, initialize with filters from tableState\n        filters: []\n    };\n    const form = useAppForm({\n        defaultValues: DEFAULT_VALUES,\n        onSubmit: ({ value }) => {\n            // TODO, instead of generic transformation, use type based tranform()\n            setFilters(value.filters.map(lf => { return { [lf.property]: { [lf.operator]: [lf.value] } } }))\n        }\n    })\n\n    // More reason to hate TS https://github.com/Microsoft/TypeScript/issues/12870\n    const filterKeys = Object.keys(filterConfig).sort();\n\n    return (\n        <section {...props} className={cn(\"flex gap-icon items-center\", className)}>\n            <PopoverTrigger onOpenChange={(o) => {\n                // Set filters when the popover closes\n                if (!o) {\n                    form.handleSubmit();\n                } else {\n                    addFilterButtonRef.current?.focus();\n                }\n            }}>\n                <Button active={filters.length > 0} isDisabled={query.isPending || filterKeys.length === 0} type=\"button\" size={'icon'} variant={'neutral'}><Filter /></Button>\n                {/* TODO, icon maps with dynamic imports? */}\n                {/* TODO open popover with form for property specific filter */}\n                {/* TODO, icons here??? */}\n                <Popover className=\"w-full p-icon\">\n                    {/* const h3Styles = \"body mb-icon text-muted-foreground\"; */}\n                    {/* <h3 className={h3Styles}>{isFiltersActive ? \"Active filters\" : \"Add filters\"}</h3> */}\n                    <form onSubmit={(e) => { e.preventDefault(); }} className=\"flex flex-col gap-icon max-h-table overflow-auto \">\n                        <form.Field mode=\"array\" name={\"filters\"}>\n                            {\n                                (field) => {\n                                    return <>\n                                        {field.state.value.map((lf, i) => {\n                                            return (\n                                                <div key={lf.id} className=\"flex gap-icon items-center justify-normal\">\n                                                    <span className=\"text-sm\">{resourceFormatter(lf.property)}</span>\n                                                    <form.AppField\n                                                        key={lf.id}\n                                                        name={`filters[${i}].operator`}\n                                                    >\n                                                        {(sf) => (<sf.TfSingleSelect items={FilterOperations[lf.type].map(op => ({ id: op, label: <>{COMPARISON_OPERATOR_LABELS[op]}</> }))}>{(operator) => <SelectItem id={operator.id}>{operator.label}</SelectItem>}</sf.TfSingleSelect>)}\n                                                    </form.AppField>\n\n                                                    {lf.type === 'bool' && <form.AppField name={`filters[${i}].value`}>{(sf) => (<sf.TfCheckbox />)}</form.AppField>}\n                                                    {lf.type === 'date' && <form.AppField name={`filters[${i}].value`}>{(_) => (<TfDatePicker />)}</form.AppField>}\n                                                    {lf.type === 'id' && <form.AppField name={`filters[${i}].value`}>{(sf) => (<sf.TfTextField />)}</form.AppField>}\n                                                    {lf.type === 'string' && <form.AppField name={`filters[${i}].value`}>{(sf) => (<sf.TfTextField />)}</form.AppField>}\n                                                    {lf.type === 'enum' && <form.AppField name={`filters[${i}].value`}>{(sf) => (<sf.TfMultiSelect items={filterConfig[lf.property].options} />)}</form.AppField>}\n                                                    {lf.type === 'id-search' && <form.AppField name={`filters[${i}].value`}>{(_) => (<TfIdSearchInput multiple accessor=\"id\" searchFn={filterConfig[lf.property].search} />)}</form.AppField>}\n\n                                                    <Button type=\"button\" variant=\"destructive\" size=\"icon\" onPress={() => field.removeValue(i)}><Trash /></Button>\n                                                </div>\n                                            )\n                                        })}\n                                        <div className=\"flex w-full items-center justify-end gap-2 not-first:mt-icon\">\n                                            <EasyMenu label=\"Add Filter\">\n                                                {filterKeys.map(k => <MenuItem key={k} onAction={() => {\n                                                    const type = filterConfig[k].type as FilterType;\n\n                                                    const defaultValue = (t: FilterType) => {\n                                                        // TODO, ensure exhaustive???\n                                                        switch (t) {\n                                                            case 'bool':\n                                                                return true;\n                                                            case 'string':\n                                                                return '';\n                                                            case 'date':\n                                                                return new Date().toISOString();\n                                                            case 'id':\n                                                                return '';\n                                                            case 'id-search':\n                                                                return [] as string[];\n                                                            case 'enum':\n                                                                return [] as string[];\n                                                        }\n                                                    }\n\n                                                    const newFilter: LocalFilter = {\n                                                        id: `${k}-${Date.now()}`,\n                                                        operator: FilterOperations[type][0],\n                                                        value: defaultValue(type),\n                                                        type: type,\n                                                        property: k,\n                                                    };\n\n                                                    field.pushValue(newFilter);\n                                                    // TODO Focus to ref\n\n                                                }} className=\"dropdown-item\">{resourceFormatter(k)}</MenuItem>)}\n                                            </EasyMenu>\n                                            {field.state.value.length > 0 ? (\n                                                <Button\n                                                    type=\"button\"\n                                                    variant=\"neutral\"\n                                                    onPress={() => { field.setValue([]) }}\n                                                >\n                                                    Reset filters\n                                                </Button>\n                                            ) : null}\n                                        </div>\n                                    </>\n                                }\n                            }\n                        </form.Field >\n                    </form>\n                </Popover>\n            </PopoverTrigger>\n        </section>\n    );\n};"],"names":["FILTER_COMPARISON_OPERATORS","COMPARISON_OPERATOR_LABELS","FilterOperations","DataTableFilter","className","props","filters","query","setFilters","filterConfig","useDataTable","useRef","addFilterButtonRef","resourceFormatter","useResourceFormatter","form","useAppForm","value","lf","filterKeys","jsx","cn","jsxs","PopoverTrigger","o","_a","Button","Filter","Popover","e","field","Fragment","i","sf","op","operator","SelectItem","_","TfDatePicker","TfIdSearchInput","Trash","EasyMenu","k","MenuItem","type","defaultValue","t","newFilter"],"mappings":"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"}