@simplysm/solid 13.0.47 → 13.0.49

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/README.md +1 -1
  2. package/dist/helpers/createAppStructure.d.ts +37 -5
  3. package/dist/helpers/createAppStructure.d.ts.map +1 -1
  4. package/dist/helpers/createAppStructure.js +46 -0
  5. package/dist/helpers/createAppStructure.js.map +1 -1
  6. package/docs/data-components.md +1 -1
  7. package/docs/disclosure.md +1 -1
  8. package/docs/form-controls.md +21 -16
  9. package/docs/hooks.md +43 -0
  10. package/docs/layout.md +1 -1
  11. package/docs/styling.md +6 -3
  12. package/package.json +3 -3
  13. package/src/helpers/createAppStructure.ts +99 -7
package/README.md CHANGED
@@ -206,7 +206,7 @@ import "@simplysm/solid/tailwind.css";
206
206
  ## Styling
207
207
 
208
208
  - [Semantic Colors](docs/styling.md#semantic-colors) - primary, info, success, warning, danger, base
209
- - [Custom Sizes](docs/styling.md#custom-sizes) - Field height classes (h-field, h-field-sm, h-field-lg, h-field-xl)
209
+ - [Custom Sizes](docs/styling.md#custom-sizes) - Field height classes (h-field, h-field-xs, h-field-sm, h-field-lg, h-field-xl)
210
210
  - [z-index Layers](docs/styling.md#z-index-layers) - Sidebar, dropdown, modal z-index values
211
211
  - [Dark Mode](docs/styling.md#dark-mode) - Class-based dark mode with auto-toggle
212
212
  - [Styling Patterns](docs/styling.md#styling-patterns) - clsx + twMerge usage patterns
package/dist/helpers/createAppStructure.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import { type Accessor } from "solid-js";
2
1
  import type { Component } from "solid-js";
2
+ import { type Accessor } from "solid-js";
3
3
  import type { IconProps } from "@tabler/icons-solidjs";
4
4
  export interface AppStructureGroupItem<TModule> {
5
5
  code: string;
@@ -63,9 +63,41 @@ export interface AppStructure<TModule> {
63
63
  flatPerms: AppFlatPerm<TModule>[];
64
64
  getTitleChainByHref(href: string): string[];
65
65
  }
66
- export declare function createAppStructure<TModule>(opts: {
67
- items: AppStructureItem<TModule>[];
66
+ type PermKey<TItem> = TItem extends {
67
+ code: infer C extends string;
68
+ } ? TItem extends {
69
+ children: any;
70
+ } ? C : TItem extends {
71
+ perms: any;
72
+ } | {
73
+ subPerms: any;
74
+ } ? C : never : never;
75
+ type InferLeafPerms<TItem> = (TItem extends {
76
+ perms: (infer P extends string)[];
77
+ } ? {
78
+ [K in P]: boolean;
79
+ } : unknown) & (TItem extends {
80
+ subPerms: (infer S)[];
81
+ } ? {
82
+ [K in S & {
83
+ code: string;
84
+ } as K["code"]]: K extends {
85
+ perms: (infer P extends string)[];
86
+ } ? {
87
+ [J in P]: boolean;
88
+ } : never;
89
+ } : unknown);
90
+ type InferPerms<TItems extends any[]> = {
91
+ [Item in TItems[number] as PermKey<Item>]: Item extends {
92
+ children: infer C extends any[];
93
+ } ? InferPerms<C> : InferLeafPerms<Item>;
94
+ };
95
+ export declare function createAppStructure<TModule, const TItems extends AppStructureItem<TModule>[]>(opts: {
96
+ items: TItems;
68
97
  usableModules?: Accessor<TModule[] | undefined>;
69
- permRecord?: Accessor<Record<string, boolean>>;
70
- }): AppStructure<TModule>;
98
+ permRecord?: Accessor<Record<string, boolean> | undefined>;
99
+ }): AppStructure<TModule> & {
100
+ perms: InferPerms<TItems>;
101
+ };
102
+ export {};
71
103
  //# sourceMappingURL=createAppStructure.d.ts.map
package/dist/helpers/createAppStructure.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"createAppStructure.d.ts","sourceRoot":"","sources":["..\\..\\src\\helpers\\createAppStructure.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"createAppStructure.d.ts","sourceRoot":"","sources":["..\\..\\src\\helpers\\createAppStructure.ts"],"names":[],"mappings":"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"}
package/dist/helpers/createAppStructure.js CHANGED
@@ -140,6 +140,50 @@ function collectFlatPerms(items) {
140
140
  }
141
141
  return results;
142
142
  }
143
+ function buildPermsObject(items, basePath, permRecord) {
144
+ const obj = {};
145
+ for (const item of items) {
146
+ const path = basePath + "/" + item.code;
147
+ if (isGroupItem(item)) {
148
+ const child = buildPermsObject(item.children, path, permRecord);
149
+ if (Object.keys(child).length > 0) {
150
+ obj[item.code] = child;
151
+ }
152
+ } else if (item.perms !== void 0 || item.subPerms !== void 0) {
153
+ const leaf = {};
154
+ if (item.perms !== void 0) {
155
+ for (const perm of item.perms) {
156
+ const permPath = path + "/" + perm;
157
+ Object.defineProperty(leaf, perm, {
158
+ get() {
159
+ var _a;
160
+ return ((_a = permRecord == null ? void 0 : permRecord()) == null ? void 0 : _a[permPath]) ?? false;
161
+ },
162
+ enumerable: true
163
+ });
164
+ }
165
+ }
166
+ if (item.subPerms !== void 0) {
167
+ for (const sub of item.subPerms) {
168
+ const subObj = {};
169
+ for (const p of sub.perms) {
170
+ const subPermPath = path + "/" + sub.code + "/" + p;
171
+ Object.defineProperty(subObj, p, {
172
+ get() {
173
+ var _a;
174
+ return ((_a = permRecord == null ? void 0 : permRecord()) == null ? void 0 : _a[subPermPath]) ?? false;
175
+ },
176
+ enumerable: true
177
+ });
178
+ }
179
+ leaf[sub.code] = subObj;
180
+ }
181
+ }
182
+ obj[item.code] = leaf;
183
+ }
184
+ }
185
+ return obj;
186
+ }
143
187
  function findItemChainByCodes(items, codes) {
144
188
  const result = [];
145
189
  let currentItems = items;
@@ -196,6 +240,7 @@ function createAppStructure(opts) {
196
240
  });
197
241
  return { usableRoutes, usableMenus, usableFlatMenus, usablePerms };
198
242
  });
243
+ const permsObj = buildPermsObject(opts.items, "", opts.permRecord);
199
244
  return {
200
245
  items: opts.items,
201
246
  usableRoutes: memos.usableRoutes,
@@ -203,6 +248,7 @@ function createAppStructure(opts) {
203
248
  usableFlatMenus: memos.usableFlatMenus,
204
249
  usablePerms: memos.usablePerms,
205
250
  flatPerms,
251
+ perms: permsObj,
206
252
  getTitleChainByHref(href) {
207
253
  const codes = href.split("/").filter(Boolean);
208
254
  return findItemChainByCodes(opts.items, codes).map((item) => item.title);
package/dist/helpers/createAppStructure.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/helpers/createAppStructure.ts"],
4
- "mappings": "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",
4
+ "mappings": "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",
5
5
  "names": []
6
6
  }
package/docs/data-components.md CHANGED
@@ -193,7 +193,7 @@ import { List } from "@simplysm/solid";
193
193
  | `readonly` | `boolean` | - | Read-only (click disabled, normal color) |
194
194
  | `disabled` | `boolean` | - | Disabled state (click disabled, dimmed) |
195
195
  | `selectedIcon` | `Component<IconProps>` | - | Selected state icon (shown when no nested list) |
196
- | `size` | `"sm" \| "lg" \| "xl"` | - | Size |
196
+ | `size` | `"xs" \| "sm" \| "lg" \| "xl"` | - | Size |
197
197
  | `onClick` | `(e: MouseEvent) => void` | - | Click handler (called when no nested list) |
198
198
 
199
199
  **Sub-components:**
package/docs/disclosure.md CHANGED
@@ -18,7 +18,7 @@ import { Tabs } from "@simplysm/solid";
18
18
  |------|------|---------|-------------|
19
19
  | `value` | `string` | - | Selected tab value |
20
20
  | `onValueChange` | `(value: string) => void` | - | Tab change callback |
21
- | `size` | `"sm" \| "lg" \| "xl"` | - | Size |
21
+ | `size` | `"xs" \| "sm" \| "lg" \| "xl"` | - | Size |
22
22
  | `class` | `string` | - | Additional CSS class |
23
23
  | `style` | `JSX.CSSProperties` | - | Inline style |
24
24
 
package/docs/form-controls.md CHANGED
@@ -17,7 +17,7 @@ import { Button } from "@simplysm/solid";
17
17
  |------|------|---------|-------------|
18
18
  | `theme` | `"primary" \| "info" \| "success" \| "warning" \| "danger" \| "base"` | `"base"` | Color theme |
19
19
  | `variant` | `"solid" \| "outline" \| "ghost"` | `"outline"` | Style variant |
20
- | `size` | `"sm" \| "lg" \| "xl"` | - | Size |
20
+ | `size` | `"xs" \| "sm" \| "lg" \| "xl"` | - | Size |
21
21
  | `inset` | `boolean` | - | Inset style (removes border/rounded corners) |
22
22
  | `disabled` | `boolean` | - | Disabled state |
23
23
 
@@ -62,7 +62,7 @@ import { TextInput } from "@simplysm/solid";
62
62
  | `autocomplete` | `JSX.HTMLAutocomplete` | - | HTML autocomplete attribute |
63
63
  | `disabled` | `boolean` | - | Disabled state |
64
64
  | `readonly` | `boolean` | - | Read-only state |
65
- | `size` | `"sm" \| "lg" \| "xl"` | - | Size |
65
+ | `size` | `"xs" \| "sm" \| "lg" \| "xl"` | - | Size |
66
66
  | `inset` | `boolean` | - | Inset style |
67
67
  | `class` | `string` | - | Additional CSS class |
68
68
  | `style` | `JSX.CSSProperties` | - | Inline style |
@@ -106,7 +106,7 @@ import { NumberInput } from "@simplysm/solid";
106
106
  | `title` | `string` | - | Tooltip title |
107
107
  | `disabled` | `boolean` | - | Disabled state |
108
108
  | `readonly` | `boolean` | - | Read-only state |
109
- | `size` | `"sm" \| "lg" \| "xl"` | - | Size |
109
+ | `size` | `"xs" \| "sm" \| "lg" \| "xl"` | - | Size |
110
110
  | `inset` | `boolean` | - | Inset style |
111
111
  | `class` | `string` | - | Additional CSS class |
112
112
  | `style` | `JSX.CSSProperties` | - | Inline style |
@@ -158,7 +158,7 @@ import { DateOnly } from "@simplysm/core-common";
158
158
  | `title` | `string` | - | Tooltip title |
159
159
  | `disabled` | `boolean` | - | Disabled state |
160
160
  | `readonly` | `boolean` | - | Read-only state |
161
- | `size` | `"sm" \| "lg" \| "xl"` | - | Size |
161
+ | `size` | `"xs" \| "sm" \| "lg" \| "xl"` | - | Size |
162
162
  | `inset` | `boolean` | - | Inset style |
163
163
  | `class` | `string` | - | Additional CSS class |
164
164
  | `style` | `JSX.CSSProperties` | - | Inline style |
@@ -205,7 +205,7 @@ import { DateTime } from "@simplysm/core-common";
205
205
  | `title` | `string` | - | Tooltip title |
206
206
  | `disabled` | `boolean` | - | Disabled state |
207
207
  | `readonly` | `boolean` | - | Read-only state |
208
- | `size` | `"sm" \| "lg" \| "xl"` | - | Size |
208
+ | `size` | `"xs" \| "sm" \| "lg" \| "xl"` | - | Size |
209
209
  | `inset` | `boolean` | - | Inset style |
210
210
  | `class` | `string` | - | Additional CSS class |
211
211
  | `style` | `JSX.CSSProperties` | - | Inline style |
@@ -252,7 +252,7 @@ import { Time } from "@simplysm/core-common";
252
252
  | `title` | `string` | - | Tooltip title |
253
253
  | `disabled` | `boolean` | - | Disabled state |
254
254
  | `readonly` | `boolean` | - | Read-only state |
255
- | `size` | `"sm" \| "lg" \| "xl"` | - | Size |
255
+ | `size` | `"xs" \| "sm" \| "lg" \| "xl"` | - | Size |
256
256
  | `inset` | `boolean` | - | Inset style |
257
257
  | `class` | `string` | - | Additional CSS class |
258
258
  | `style` | `JSX.CSSProperties` | - | Inline style |
@@ -295,7 +295,7 @@ const [to, setTo] = createSignal<DateOnly>();
295
295
  | `onToChange` | `(value: DateOnly \| undefined) => void` | - | End date change callback |
296
296
  | `required` | `boolean` | - | Required field |
297
297
  | `disabled` | `boolean` | - | Disabled state |
298
- | `size` | `"sm" \| "lg" \| "xl"` | - | Size |
298
+ | `size` | `"xs" \| "sm" \| "lg" \| "xl"` | - | Size |
299
299
  | `periodLabels` | `Partial<Record<DateRangePeriodType, string>>` | `{ day: "일", month: "월", range: "범위" }` | Period type labels (Korean by default) |
300
300
  | `class` | `string` | - | Additional CSS class |
301
301
  | `style` | `JSX.CSSProperties` | - | Inline style |
@@ -327,7 +327,7 @@ import { Textarea } from "@simplysm/solid";
327
327
  | `minRows` | `number` | `1` | Minimum number of rows |
328
328
  | `disabled` | `boolean` | - | Disabled state |
329
329
  | `readonly` | `boolean` | - | Read-only state |
330
- | `size` | `"sm" \| "lg" \| "xl"` | - | Size |
330
+ | `size` | `"xs" \| "sm" \| "lg" \| "xl"` | - | Size |
331
331
  | `inset` | `boolean` | - | Inset style |
332
332
  | `class` | `string` | - | Additional CSS class |
333
333
  | `style` | `JSX.CSSProperties` | - | Inline style |
@@ -405,7 +405,7 @@ import { Select } from "@simplysm/solid";
405
405
  | `placeholder` | `string` | - | Placeholder |
406
406
  | `disabled` | `boolean` | - | Disabled state |
407
407
  | `required` | `boolean` | - | Required field (error: "필수 입력 항목입니다") |
408
- | `size` | `"sm" \| "lg" \| "xl"` | - | Size |
408
+ | `size` | `"xs" \| "sm" \| "lg" \| "xl"` | - | Size |
409
409
  | `inset` | `boolean` | - | Inset style |
410
410
  | `class` | `string` | - | Additional CSS class |
411
411
  | `style` | `JSX.CSSProperties` | - | Inline style |
@@ -458,7 +458,7 @@ import { Combobox } from "@simplysm/solid";
458
458
  | `parseCustomValue` | `(text: string) => T` | - | Custom value parsing function |
459
459
  | `placeholder` | `string` | - | Placeholder |
460
460
  | `disabled` | `boolean` | - | Disabled state |
461
- | `size` | `"sm" \| "lg" \| "xl"` | - | Size |
461
+ | `size` | `"xs" \| "sm" \| "lg" \| "xl"` | - | Size |
462
462
  | `inset` | `boolean` | - | Inset style |
463
463
  | `class` | `string` | - | Additional CSS class |
464
464
  | `style` | `JSX.CSSProperties` | - | Inline style |
@@ -492,7 +492,7 @@ import { Checkbox, Radio } from "@simplysm/solid";
492
492
  |------|------|---------|-------------|
493
493
  | `value` | `boolean` | `false` | Checked state |
494
494
  | `onValueChange` | `(value: boolean) => void` | - | Value change callback |
495
- | `size` | `"sm" \| "lg" \| "xl"` | - | Size |
495
+ | `size` | `"xs" \| "sm" \| "lg" \| "xl"` | - | Size |
496
496
  | `disabled` | `boolean` | - | Disabled state |
497
497
  | `inset` | `boolean` | - | Inset style |
498
498
  | `inline` | `boolean` | - | Inline style |
@@ -537,7 +537,7 @@ import { CheckboxGroup, RadioGroup } from "@simplysm/solid";
537
537
  |------|------|---------|-------------|
538
538
  | `value` | `T[]` | `[]` | Selected values array |
539
539
  | `onValueChange` | `(value: T[]) => void` | - | Value change callback |
540
- | `size` | `"sm" \| "lg" \| "xl"` | - | Size |
540
+ | `size` | `"xs" \| "sm" \| "lg" \| "xl"` | - | Size |
541
541
  | `disabled` | `boolean` | - | Disable all items |
542
542
  | `inline` | `boolean` | - | Inline style |
543
543
  | `inset` | `boolean` | - | Inset style |
@@ -551,7 +551,7 @@ import { CheckboxGroup, RadioGroup } from "@simplysm/solid";
551
551
  |------|------|---------|-------------|
552
552
  | `value` | `T` | - | Selected value |
553
553
  | `onValueChange` | `(value: T) => void` | - | Value change callback |
554
- | `size` | `"sm" \| "lg" \| "xl"` | - | Size |
554
+ | `size` | `"xs" \| "sm" \| "lg" \| "xl"` | - | Size |
555
555
  | `disabled` | `boolean` | - | Disable all items |
556
556
  | `inline` | `boolean` | - | Inline style |
557
557
  | `inset` | `boolean` | - | Inset style |
@@ -579,6 +579,7 @@ import { ColorPicker } from "@simplysm/solid";
579
579
  |------|------|---------|-------------|
580
580
  | `value` | `string` | `"#000000"` | Color value (#RRGGBB format) |
581
581
  | `onValueChange` | `(value: string) => void` | - | Value change callback |
582
+ | `title` | `string` | - | Tooltip title |
582
583
  | `size` | `"sm" \| "lg"` | - | Size |
583
584
  | `disabled` | `boolean` | - | Disabled state |
584
585
  | `required` | `boolean` | - | Required field (error: "필수 입력 항목입니다") |
@@ -622,7 +623,7 @@ import { RichTextEditor } from "@simplysm/solid";
622
623
  | `value` | `string` | - | HTML string value |
623
624
  | `onValueChange` | `(value: string) => void` | - | Value change callback |
624
625
  | `disabled` | `boolean` | - | Disabled state |
625
- | `size` | `"sm" \| "lg" \| "xl"` | - | Size |
626
+ | `size` | `"xs" \| "sm" \| "lg" \| "xl"` | - | Size |
626
627
 
627
628
  ---
628
629
 
@@ -765,7 +766,9 @@ import { Numpad } from "@simplysm/solid";
765
766
  | `useEnterButton` | `boolean` | - | Show ENT button |
766
767
  | `useMinusButton` | `boolean` | - | Show minus button |
767
768
  | `onEnterButtonClick` | `() => void` | - | ENT click callback |
768
- | `size` | `"sm" \| "lg" \| "xl"` | - | Size |
769
+ | `size` | `"xs" \| "sm" \| "lg" \| "xl"` | - | Size |
770
+ | `class` | `string` | - | Additional CSS class |
771
+ | `style` | `JSX.CSSProperties` | - | Inline style |
769
772
 
770
773
  ---
771
774
 
@@ -788,4 +791,6 @@ import { StatePreset } from "@simplysm/solid";
788
791
  | `presetKey` | `string` | **(required)** | Preset storage key |
789
792
  | `value` | `T` | **(required)** | Current state value |
790
793
  | `onValueChange` | `(value: T) => void` | **(required)** | State restore callback |
791
- | `size` | `"sm" \| "lg" \| "xl"` | - | Size |
794
+ | `size` | `"xs" \| "sm" \| "lg" \| "xl"` | - | Size |
795
+ | `class` | `string` | - | Additional CSS class |
796
+ | `style` | `JSX.CSSProperties` | - | Inline style |
package/docs/hooks.md CHANGED
@@ -288,6 +288,7 @@ interface AppStructure<TModule> {
288
288
  usablePerms: Accessor<AppPerm<TModule>[]>; // reactive, filtered permission tree
289
289
  flatPerms: AppFlatPerm<TModule>[]; // static, all perm entries (not reactive)
290
290
  getTitleChainByHref(href: string): string[];
291
+ perms: InferPerms<TItems>; // typed permission accessor (getter-based reactive booleans)
291
292
  }
292
293
 
293
294
  interface AppRoute {
@@ -378,3 +379,45 @@ import { useLocation } from "@solidjs/router";
378
379
  const location = useLocation();
379
380
  const breadcrumb = () => appStructure.getTitleChainByHref(location.pathname);
380
381
  ```
382
+
383
+ #### perms
384
+
385
+ Typed permission accessor providing dot-notation access with TypeScript autocompletion and reactive boolean values. Built from the `permRecord` signal using `Object.defineProperty` getters.
386
+
387
+ **Important:** For type inference to work, pass items inline to `createAppStructure`. Declaring items as a separate variable with explicit `AppStructureItem[]` type annotation widens literal types, losing autocompletion.
388
+
389
+ ```typescript
390
+ const appStructure = createAppStructure({
391
+ items: [
392
+ {
393
+ code: "home",
394
+ title: "Home",
395
+ children: [
396
+ {
397
+ code: "user",
398
+ title: "User",
399
+ perms: ["use", "edit"],
400
+ subPerms: [
401
+ { code: "auth", title: "Auth", perms: ["use"] },
402
+ ],
403
+ },
404
+ ],
405
+ },
406
+ ],
407
+ permRecord: () => userPermissions(),
408
+ });
409
+
410
+ // Typed access with autocompletion:
411
+ appStructure.perms.home.user.use // boolean (reactive)
412
+ appStructure.perms.home.user.edit // boolean (reactive)
413
+ appStructure.perms.home.user.auth.use // boolean (reactive)
414
+
415
+ // Use in components:
416
+ <Show when={appStructure.perms.home.user.use}>
417
+ <UserPage />
418
+ </Show>
419
+ ```
420
+
421
+ - Leaf items without `perms`/`subPerms` are excluded from the tree
422
+ - Groups with no permission-bearing descendants are excluded
423
+ - Returns `false` when `permRecord` is not provided or key is missing
package/docs/layout.md CHANGED
@@ -273,7 +273,7 @@ const handleDrop = (info: KanbanDropInfo) => {
273
273
  | `selectedValues` | `unknown[]` | - | Selected card values |
274
274
  | `onSelectedValuesChange` | `(values: unknown[]) => void` | - | Selection change callback |
275
275
 
276
- `KanbanDropInfo`: `{ sourceValue: unknown; targetLaneValue: unknown; targetCardValue: unknown | undefined; position: "before" | "after" | undefined }`
276
+ `KanbanDropInfo`: `{ sourceValue?: unknown; targetLaneValue?: unknown; targetCardValue?: unknown; position?: "before" | "after" }`
277
277
 
278
278
  **Kanban.Lane Props:**
279
279
 
package/docs/styling.md CHANGED
@@ -20,10 +20,12 @@
20
20
  | Class | Description |
21
21
  |-------|-------------|
22
22
  | `h-field` / `size-field` | Default field height (based on `py-1`) |
23
+ | `h-field-xs` / `size-field-xs` | Extra-small field height (based on `py-0`) |
23
24
  | `h-field-sm` / `size-field-sm` | Small field height (based on `py-0.5`) |
24
25
  | `h-field-lg` / `size-field-lg` | Large field height (based on `py-2`) |
25
26
  | `h-field-xl` / `size-field-xl` | Extra-large field height (based on `py-3`) |
26
27
  | `h-field-inset` / `size-field-inset` | Inset field height (excludes border) |
28
+ | `h-field-inset-xs` / `size-field-inset-xs` | Extra-small inset field height |
27
29
  | `h-field-inset-sm` / `size-field-inset-sm` | Small inset field height |
28
30
  | `h-field-inset-lg` / `size-field-inset-lg` | Large inset field height |
29
31
  | `h-field-inset-xl` / `size-field-inset-xl` | Extra-large inset field height |
@@ -76,7 +78,7 @@ const className = twMerge(baseClass, props.class);
76
78
 
77
79
  ```typescript
78
80
  import {
79
- type ComponentSize, // "sm" | "lg" | "xl"
81
+ type ComponentSize, // "xs" | "sm" | "lg" | "xl"
80
82
  type ComponentSizeCompact, // "sm" | "lg" (used by ColorPicker, Progress)
81
83
  type SemanticTheme, // "primary" | "info" | "success" | "warning" | "danger" | "base"
82
84
  borderDefault, // Tailwind classes for default border color
@@ -86,6 +88,7 @@ import {
86
88
  textMuted, // Tailwind classes for muted text color
87
89
  textPlaceholder, // Tailwind classes for placeholder text color
88
90
  disabledOpacity, // Tailwind classes for disabled state opacity
91
+ paddingXs, // Tailwind classes for extra-small padding (px-1 py-0)
89
92
  paddingSm, // Tailwind classes for small padding (px-1.5 py-0.5)
90
93
  paddingLg, // Tailwind classes for large padding (px-3 py-2)
91
94
  paddingXl, // Tailwind classes for extra-large padding (px-4 py-3)
@@ -110,7 +113,7 @@ import {
110
113
 
111
114
  ```typescript
112
115
  import {
113
- type FieldSize, // "sm" | "lg" | "xl"
116
+ type FieldSize, // "xs" | "sm" | "lg" | "xl"
114
117
  fieldBaseClass, // Base wrapper classes (inline-flex, field surface, h-field)
115
118
  fieldSizeClasses, // Size variant classes per FieldSize
116
119
  fieldInsetClass, // Inset mode wrapper classes
@@ -140,7 +143,7 @@ import {
140
143
 
141
144
  ```typescript
142
145
  import {
143
- type CheckboxSize, // "sm" | "lg" | "xl"
146
+ type CheckboxSize, // "xs" | "sm" | "lg" | "xl"
144
147
  checkboxBaseClass, // Base wrapper classes
145
148
  indicatorBaseClass, // Base indicator (box) classes
146
149
  checkedClass, // Checked state classes (primary color)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@simplysm/solid",
3
- "version": "13.0.47",
3
+ "version": "13.0.49",
4
4
  "description": "심플리즘 패키지 - SolidJS 라이브러리",
5
5
  "author": "김석래",
6
6
  "license": "Apache-2.0",
@@ -49,8 +49,8 @@
49
49
  "solid-tiptap": "^0.8.0",
50
50
  "tailwind-merge": "^3.5.0",
51
51
  "tailwindcss": "^3.4.19",
52
- "@simplysm/core-browser": "13.0.47",
53
- "@simplysm/core-common": "13.0.47"
52
+ "@simplysm/core-browser": "13.0.49",
53
+ "@simplysm/core-common": "13.0.49"
54
54
  },
55
55
  "devDependencies": {
56
56
  "@solidjs/testing-library": "^0.8.10"
package/src/helpers/createAppStructure.ts CHANGED
@@ -1,5 +1,5 @@
1
- import { type Accessor, createMemo, createRoot } from "solid-js";
2
1
  import type { Component } from "solid-js";
2
+ import { type Accessor, createMemo, createRoot } from "solid-js";
3
3
  import type { IconProps } from "@tabler/icons-solidjs";
4
4
 
5
5
  // ── 입력 타입 ──
@@ -80,6 +80,39 @@ export interface AppStructure<TModule> {
80
80
  getTitleChainByHref(href: string): string[];
81
81
  }
82
82
 
83
+ // ── Perms 타입 추론 ──
84
+
85
+ type PermKey<TItem> = TItem extends { code: infer C extends string }
86
+ ? TItem extends { children: any }
87
+ ? C
88
+ : TItem extends { perms: any } | { subPerms: any }
89
+ ? C
90
+ : never
91
+ : never;
92
+
93
+ type InferLeafPerms<TItem> = (TItem extends {
94
+ perms: (infer P extends string)[];
95
+ }
96
+ ? { [K in P]: boolean }
97
+ : unknown) &
98
+ (TItem extends { subPerms: (infer S)[] }
99
+ ? {
100
+ [K in S & { code: string } as K["code"]]: K extends {
101
+ perms: (infer P extends string)[];
102
+ }
103
+ ? { [J in P]: boolean }
104
+ : never;
105
+ }
106
+ : unknown);
107
+
108
+ type InferPerms<TItems extends any[]> = {
109
+ [Item in TItems[number] as PermKey<Item>]: Item extends {
110
+ children: infer C extends any[];
111
+ }
112
+ ? InferPerms<C>
113
+ : InferLeafPerms<Item>;
114
+ };
115
+
83
116
  // ── 내부 헬퍼 ──
84
117
 
85
118
  function isGroupItem<TModule>(
@@ -112,8 +145,8 @@ function buildUsableRoutes<TModule>(
112
145
  items: AppStructureItem<TModule>[],
113
146
  routeBasePath: string,
114
147
  permBasePath: string,
115
- usableModules: TModule[] | undefined,
116
- permRecord: Record<string, boolean> | undefined,
148
+ usableModules?: TModule[],
149
+ permRecord?: Record<string, boolean>,
117
150
  ): AppRoute[] {
118
151
  const result: AppRoute[] = [];
119
152
 
@@ -293,6 +326,59 @@ function collectFlatPerms<TModule>(items: AppStructureItem<TModule>[]): AppFlatP
293
326
  return results;
294
327
  }
295
328
 
329
+ function buildPermsObject<TModule>(
330
+ items: AppStructureItem<TModule>[],
331
+ basePath: string,
332
+ permRecord?: Accessor<Record<string, boolean> | undefined>,
333
+ ): Record<string, unknown> {
334
+ const obj: Record<string, unknown> = {};
335
+
336
+ for (const item of items) {
337
+ const path = basePath + "/" + item.code;
338
+
339
+ if (isGroupItem(item)) {
340
+ const child = buildPermsObject(item.children, path, permRecord);
341
+ if (Object.keys(child).length > 0) {
342
+ obj[item.code] = child;
343
+ }
344
+ } else if (item.perms !== undefined || item.subPerms !== undefined) {
345
+ const leaf: Record<string, unknown> = {};
346
+
347
+ if (item.perms !== undefined) {
348
+ for (const perm of item.perms) {
349
+ const permPath = path + "/" + perm;
350
+ Object.defineProperty(leaf, perm, {
351
+ get() {
352
+ return permRecord?.()?.[permPath] ?? false;
353
+ },
354
+ enumerable: true,
355
+ });
356
+ }
357
+ }
358
+
359
+ if (item.subPerms !== undefined) {
360
+ for (const sub of item.subPerms) {
361
+ const subObj: Record<string, unknown> = {};
362
+ for (const p of sub.perms) {
363
+ const subPermPath = path + "/" + sub.code + "/" + p;
364
+ Object.defineProperty(subObj, p, {
365
+ get() {
366
+ return permRecord?.()?.[subPermPath] ?? false;
367
+ },
368
+ enumerable: true,
369
+ });
370
+ }
371
+ leaf[sub.code] = subObj;
372
+ }
373
+ }
374
+
375
+ obj[item.code] = leaf;
376
+ }
377
+ }
378
+
379
+ return obj;
380
+ }
381
+
296
382
  // ── Info ──
297
383
 
298
384
  function findItemChainByCodes<TModule>(
@@ -314,11 +400,14 @@ function findItemChainByCodes<TModule>(
314
400
 
315
401
  // ── 메인 함수 ──
316
402
 
317
- export function createAppStructure<TModule>(opts: {
318
- items: AppStructureItem<TModule>[];
403
+ export function createAppStructure<
404
+ TModule,
405
+ const TItems extends AppStructureItem<TModule>[],
406
+ >(opts: {
407
+ items: TItems;
319
408
  usableModules?: Accessor<TModule[] | undefined>;
320
- permRecord?: Accessor<Record<string, boolean>>;
321
- }): AppStructure<TModule> {
409
+ permRecord?: Accessor<Record<string, boolean> | undefined>;
410
+ }): AppStructure<TModule> & { perms: InferPerms<TItems> } {
322
411
  const flatPerms = collectFlatPerms(opts.items);
323
412
 
324
413
  const memos = createRoot(() => {
@@ -364,6 +453,8 @@ export function createAppStructure<TModule>(opts: {
364
453
  return { usableRoutes, usableMenus, usableFlatMenus, usablePerms };
365
454
  });
366
455
 
456
+ const permsObj = buildPermsObject(opts.items, "", opts.permRecord);
457
+
367
458
  return {
368
459
  items: opts.items,
369
460
  usableRoutes: memos.usableRoutes,
@@ -371,6 +462,7 @@ export function createAppStructure<TModule>(opts: {
371
462
  usableFlatMenus: memos.usableFlatMenus,
372
463
  usablePerms: memos.usablePerms,
373
464
  flatPerms,
465
+ perms: permsObj as InferPerms<TItems>,
374
466
  getTitleChainByHref(href: string): string[] {
375
467
  const codes = href.split("/").filter(Boolean);
376
468
  return findItemChainByCodes(opts.items, codes).map((item) => item.title);