thailife-react 0.0.19 → 0.0.21

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.
package/README.md CHANGED
@@ -1,4 +1,4 @@
1
- # Thailand Life React UI Library
1
+ # Thailife React UI Library
2
2
 
3
3
  A modern UI library built with React and CSS.
4
4
 
@@ -94,24 +94,6 @@ The library uses:
94
94
  }
95
95
  ```
96
96
 
97
- ## 📁 Project Structure
98
-
99
- ```
100
- src/
101
- ├── components/ # React components
102
- │ ├── Button/
103
- │ ├── Input/
104
- │ ├── Checkbox/
105
- │ ├── Radio/
106
- │ ├── Select/
107
- │ ├── Textarea/
108
- │ └── InputFile/
109
- ├── styles/
110
- │ ├── index.css # Main CSS file
111
- │ └── index.ts # CSS classes export
112
- └── index.ts # Main library export
113
- ```
114
-
115
97
  ## 🚨 Important Notes
116
98
 
117
99
  1. **CSS Import Required** - You must import the CSS file for components to work
@@ -0,0 +1,38 @@
1
+ import React from 'react';
2
+ export type DateFormat = 'DD/MM/YYYY' | 'DD/MM/YYYY HH:mm' | 'MM/DD/YYYY' | 'MM/DD/YYYY HH:mm' | 'YYYY-MM-DD' | 'YYYY-MM-DD HH:mm';
3
+ export type Language = 'th' | 'en';
4
+ export type YearType = 'be' | 'ad';
5
+ export interface DateTimePickerProps {
6
+ /** Date format - determines if time picker is shown */
7
+ format?: DateFormat;
8
+ /** UI language */
9
+ language?: Language;
10
+ /** Year type (Buddhist Era or Anno Domini) */
11
+ yearType?: YearType;
12
+ /** Current value */
13
+ value?: Date | string | null;
14
+ /** Change handler */
15
+ onChange?: (date: Date | null) => void;
16
+ /** Placeholder text */
17
+ placeholder?: string;
18
+ /** Disabled state */
19
+ disabled?: boolean;
20
+ /** Minimum selectable date */
21
+ minDate?: Date;
22
+ /** Maximum selectable date */
23
+ maxDate?: Date;
24
+ /** CSS class name */
25
+ className?: string;
26
+ /** Show clear button */
27
+ showClear?: boolean;
28
+ /** Show today button */
29
+ showToday?: boolean;
30
+ /** Disable past dates */
31
+ disabledPast?: boolean;
32
+ /** Disable future dates */
33
+ disabledFuture?: boolean;
34
+ }
35
+ declare const DatePicker: React.FC<DateTimePickerProps>;
36
+ export default DatePicker;
37
+ export { DatePicker };
38
+ //# sourceMappingURL=DatePicker.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAwkBA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAK3D,MAAM,MAAM,UAAU,GAAG,YAAY,GAAG,kBAAkB,GAAG,YAAY,GAAG,kBAAkB,GAAG,YAAY,GAAG,kBAAkB,CAAC;AACnI,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC;AACnC,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnC,MAAM,WAAW,mBAAmB;IAClC,uDAAuD;IACvD,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,kBAAkB;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,oBAAoB;IACpB,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAC;IAC7B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACvC,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8BAA8B;IAC9B,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,8BAA8B;IAC9B,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,qBAAqB;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wBAAwB;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wBAAwB;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yBAAyB;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,2BAA2B;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AA8ED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAgpB7C,CAAC;AAEF,eAAe,UAAU,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,CAAC"}
@@ -0,0 +1,17 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { DatePicker } from './DatePicker';
3
+ declare const meta: Meta<typeof DatePicker>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof DatePicker>;
6
+ export declare const Default: Story;
7
+ export declare const WithTime: Story;
8
+ export declare const ThaiLanguage: Story;
9
+ export declare const BuddhistEra: Story;
10
+ export declare const AmericanFormat: Story;
11
+ export declare const ISOFormat: Story;
12
+ export declare const ISOWithTime: Story;
13
+ export declare const PreSelected: Story;
14
+ export declare const Disabled: Story;
15
+ export declare const WithoutButtons: Story;
16
+ export declare const AllCombinations: Story;
17
+ //# sourceMappingURL=DatePicker.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DatePicker.stories.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.stories.tsx"],"names":[],"mappings":"AAsLA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,UAAU,EAA4B,MAAM,cAAc,CAAC;AA6BpE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CA8DjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAGzC,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAkBtB,CAAC;AAGF,eAAO,MAAM,YAAY,EAAE,KAkB1B,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,KAiBzB,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,KAiB5B,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,KAiBvB,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,KAiBzB,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,KAkBzB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAiBtB,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,KAiB5B,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,KAwG7B,CAAC"}
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ export declare const DatePickerExamples: React.FC;
3
+ export default DatePickerExamples;
4
+ //# sourceMappingURL=examples.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"examples.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/examples.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAgEtC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
@@ -0,0 +1,4 @@
1
+ export { DatePicker } from "./DatePicker";
2
+ export type { DatePickerProps } from "./DatePicker";
3
+ export { default } from "./DatePicker";
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC"}
package/dist/index.d.ts CHANGED
@@ -13,6 +13,8 @@ export { Radio } from "./components/Radio/Radio";
13
13
  export type { RadioProps } from "./components/Radio/Radio";
14
14
  export { Select } from "./components/Select/Select";
15
15
  export type { SelectProps, SelectOption } from "./components/Select/Select";
16
+ export { DatePicker } from "./components/DatePicker/DatePicker";
17
+ export type { DateTimePickerProps } from "./components/DatePicker/DatePicker";
16
18
  export { cssClasses } from "./styles";
17
19
  export type { CSSClasses } from "./styles";
18
20
  export { React };
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,YAAY,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAE9D,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,YAAY,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAE3D,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,YAAY,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAEpE,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,YAAY,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAEvE,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,YAAY,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAEpE,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,YAAY,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAE3D,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAkB5E,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,YAAY,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAG3C,OAAO,EAAE,KAAK,EAAE,CAAC;AAGjB,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,YAAY,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAE9D,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,YAAY,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAE3D,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,YAAY,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAEpE,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,YAAY,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAEvE,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,YAAY,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAEpE,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,YAAY,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAE3D,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE5E,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAChE,YAAY,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAkB9E,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,YAAY,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAG3C,OAAO,EAAE,KAAK,EAAE,CAAC;AAGjB,eAAe,KAAK,CAAC"}