@tipp/ui 2.2.7 → 2.2.9

package/dist/index.css

@@ -30827,6 +30827,15 @@ p.kg-collection-card-post-excerpt{
   display: flex;
   align-items: center;
   justify-content: center;
+  padding: 0;
+  list-style: none;
+  margin-left: 0;
+}
+.react-datepicker.tipp_datePicker_calendar .react-datepicker__time-container
+    .react-datepicker__time
+    .react-datepicker__time-box
+    ul.react-datepicker__time-list li.react-datepicker__time-list-item::before{
+  display: none;
 }
 .react-datepicker.tipp_datePicker_calendar .react-datepicker__time-container
     .react-datepicker__time
@@ -30875,6 +30884,9 @@ p.kg-collection-card-post-excerpt{
   background-color: var(--accent-a3);
   border-color: var(--gray-5);
 }
+.react-datepicker_dropdown_header{
+  height: 24px !important;
+}
 .expand-table-wrapper{
   width: 100%;
   height: 100%;
@@ -31250,16 +31262,6 @@ p.kg-collection-card-post-excerpt{
   left: 0;
   font-family: inherit;
 }
-.auto-sizing-input.wrapper span{
-  opacity: 0;
-  top: 0;
-  left: 0;
-  position: absolute;
-  white-space: pre;
-  font-family: inherit;
-  font-size: 14px;
-  z-index: 999;
-}
 .tag-selector{
   --text-field-selection-color: var(--focus-a5);
   --text-field-focus-color: var(--focus-8);
@@ -31337,13 +31339,31 @@ dl.rt-DataListRoot:where(.rt-r-orientation-horizontal) :where(.rt-DataListItem){
   .rt-BaseCard.disable-inset-bottom::before{
   bottom: 0;
 }
-.date-picker-button{
-  width: 100%;
+.date-picker-button input,
+  .date-picker-button input:focus{
+  box-shadow: none !important;
+  color: black;
 }
-.date-picker-button.disabled{
-  background: var(--gray-a2);
+.date-picker-button .hide-slot{
+  padding-right: 0;
+  padding-left: 0;
+}
+.date-picker-button:not(.disabled){
+  background-image: unset !important;
+  --text-field-focus-color: var(--focus-a5) !important;
+}
+.date-picker-button:not(.disabled) .rt-TextFieldInput:where(:disabled, :-moz-read-only){
+  -webkit-text-fill-color: unset !important;
+}
+.date-picker-button:not(.disabled) .rt-TextFieldInput:where(:disabled, :read-only){
+  -webkit-text-fill-color: unset !important;
+}
+.date-picker-button.placeholder-visible input{
   color: var(--gray-9);
-  box-shadow: inset 0 0 0 1px var(--accent-a6);
+}
+.date-picker-button.placeholder-visible.disabled input{
+  cursor: not-allowed;
+  -webkit-text-fill-color: var(--gray-8);
 }
 .rt-CheckboxGroupRoot[data-orientation='horizontal']{
   flex-direction: row;

package/dist/index.d.cts

@@ -44,10 +44,12 @@ export { CurriculumSubNav } from './molecules/curriculumV2/curriculum-sub-nav.cj
 export { CurriculumBody } from './molecules/curriculumV2/CurriculumContents/index.cjs';
 export { CurriculumSidebar } from './molecules/curriculumV2/CurriculumSidebar/index.cjs';
 export { CurriculumV2Layout } from './molecules/curriculumV2/curriculum-v2-layout.cjs';
-export { DynamicForm, DynamicFormProps, convertJsonToFields, createYupValidation } from './molecules/dynamic-form.cjs';
-export { DynamicFormField, FieldOption, FieldType } from './molecules/dynamic-field.cjs';
+export { DynamicForm, DynamicFormProps, createYupValidation } from './molecules/dynamic-form.cjs';
+export { DynamicFormField } from './molecules/dynamic-field.cjs';
+export { DynamicFormResponseItem } from './molecules/dynamic-form-response-item.cjs';
 export { ThemeProvider, ThemeProviderProps } from './theme/theme-provider.cjs';
 export { default as PortalProvider, usePortalContainer } from './theme/portal-provider.cjs';
+export { DynamicFormContextValue, DynamicFormProvider, useDynamicForm } from './context/dynamic-form-context.cjs';
 export { UIStateContext, UIStateProvider, UiStateProviderProps, useUIState } from './context/ui-state-provider.cjs';
 import * as index_js from '@radix-ui/themes/dist/cjs/props/index.js';
 export { index_js as uiProps };
@@ -87,7 +89,7 @@ export { ContentsCard, ContentsCardProps } from './app/platform/contents-card.cj
 export { CurriculumCard, CurriculumCardProps } from './app/platform/curriculum-card.cjs';
 export { ContentBaseType, CurriculumAiTrainingContents, CurriculumContents, CurriculumReviewContents, CurriculumReviewQuestionRadio, CurriculumReviewQuestionSatisfactionOption, CurriculumReviewQuestionSatisfactionText, CurriculumReviewQuestionText, CurriculumSectionTitleContents, CurriculumVideoContents, QuestionBaseType, SatisfactionOptionMeta, SatisfactionTextMeta } from './types/curriculumContents.type.cjs';
 export { Curriculum, CurriculumListContents, ReviewQuestionElement } from './types/curriculum.type.cjs';
-export { ConditionalRule, DynamicFormFieldJson, DynamicFormJsonSchema, FieldOptionJson, FormSection, ValidationRule, convertJsonToDynamicFormProps, exampleJsonSchema } from './types/dynamic-form-json.cjs';
+export { ChoiceField, ChoicesField, DropdownField, DynamicFormFieldSchema, DynamicFormSchema, EmailField, FieldBaseType, FieldOption, LongTextField, NumberField, OptionFieldCommon, OrientationFieldCommon, ShortTextField, TextFieldCommon, ValidationRule, YesNoField } from './types/dynamic-form-schema-generated.cjs';
 export { Responsive } from '@radix-ui/themes/props';
 export { toast } from 'react-toastify';
 export { ExpandComp, OnRowClick } from './molecules/expand-table/row.cjs';

package/dist/index.d.ts

@@ -44,10 +44,12 @@ export { CurriculumSubNav } from './molecules/curriculumV2/curriculum-sub-nav.js
 export { CurriculumBody } from './molecules/curriculumV2/CurriculumContents/index.js';
 export { CurriculumSidebar } from './molecules/curriculumV2/CurriculumSidebar/index.js';
 export { CurriculumV2Layout } from './molecules/curriculumV2/curriculum-v2-layout.js';
-export { DynamicForm, DynamicFormProps, convertJsonToFields, createYupValidation } from './molecules/dynamic-form.js';
-export { DynamicFormField, FieldOption, FieldType } from './molecules/dynamic-field.js';
+export { DynamicForm, DynamicFormProps, createYupValidation } from './molecules/dynamic-form.js';
+export { DynamicFormField } from './molecules/dynamic-field.js';
+export { DynamicFormResponseItem } from './molecules/dynamic-form-response-item.js';
 export { ThemeProvider, ThemeProviderProps } from './theme/theme-provider.js';
 export { default as PortalProvider, usePortalContainer } from './theme/portal-provider.js';
+export { DynamicFormContextValue, DynamicFormProvider, useDynamicForm } from './context/dynamic-form-context.js';
 export { UIStateContext, UIStateProvider, UiStateProviderProps, useUIState } from './context/ui-state-provider.js';
 import * as index_js from '@radix-ui/themes/dist/cjs/props/index.js';
 export { index_js as uiProps };
@@ -87,7 +89,7 @@ export { ContentsCard, ContentsCardProps } from './app/platform/contents-card.js
 export { CurriculumCard, CurriculumCardProps } from './app/platform/curriculum-card.js';
 export { ContentBaseType, CurriculumAiTrainingContents, CurriculumContents, CurriculumReviewContents, CurriculumReviewQuestionRadio, CurriculumReviewQuestionSatisfactionOption, CurriculumReviewQuestionSatisfactionText, CurriculumReviewQuestionText, CurriculumSectionTitleContents, CurriculumVideoContents, QuestionBaseType, SatisfactionOptionMeta, SatisfactionTextMeta } from './types/curriculumContents.type.js';
 export { Curriculum, CurriculumListContents, ReviewQuestionElement } from './types/curriculum.type.js';
-export { ConditionalRule, DynamicFormFieldJson, DynamicFormJsonSchema, FieldOptionJson, FormSection, ValidationRule, convertJsonToDynamicFormProps, exampleJsonSchema } from './types/dynamic-form-json.js';
+export { ChoiceField, ChoicesField, DropdownField, DynamicFormFieldSchema, DynamicFormSchema, EmailField, FieldBaseType, FieldOption, LongTextField, NumberField, OptionFieldCommon, OrientationFieldCommon, ShortTextField, TextFieldCommon, ValidationRule, YesNoField } from './types/dynamic-form-schema-generated.js';
 export { Responsive } from '@radix-ui/themes/props';
 export { toast } from 'react-toastify';
 export { ExpandComp, OnRowClick } from './molecules/expand-table/row.js';

package/dist/index.js

@@ -1,127 +1,131 @@
-import {
-  uiProps
-} from "./chunk-NVKNDAIN.js";
 import "./chunk-L5N6ITS7.js";
-import "./chunk-GSMBJMXJ.js";
 import "./chunk-NMLVUAFW.js";
+import "./chunk-6AVVI6B5.js";
 import {
-  convertJsonToDynamicFormProps,
-  exampleJsonSchema
-} from "./chunk-L6SWBTYQ.js";
+  uiProps
+} from "./chunk-NVKNDAIN.js";
 import {
   useThemeContext
 } from "./chunk-MMGP4GEQ.js";
+import "./chunk-GSMBJMXJ.js";
+import "./chunk-PSINRHYW.js";
+import {
+  EchartDefaultProps
+} from "./chunk-2QFSCWES.js";
+import {
+  HorizontalBarChart
+} from "./chunk-SGMO4KBC.js";
 import "./chunk-JLAPJ7MX.js";
 import {
   CoachingCustomerInfo
-} from "./chunk-RIYDH47I.js";
+} from "./chunk-DOINF5YW.js";
 import {
   CoachingCustomerInfoLarge
-} from "./chunk-AOZBE62S.js";
+} from "./chunk-CVT6K4XN.js";
 import {
   CoachingCustomerInfoMedium
-} from "./chunk-KJGJY6FG.js";
+} from "./chunk-5R236NOQ.js";
 import {
   CoachingCustomerInfoSmall
-} from "./chunk-VUPRQPVA.js";
+} from "./chunk-VRY3HFX6.js";
 import {
   SessionUserInfoDetail
-} from "./chunk-XZO5HJSW.js";
+} from "./chunk-TV5G6LPC.js";
 import "./chunk-MXZFDDUU.js";
+import {
+  SessionReviewSimpleRead
+} from "./chunk-TYQOHHL5.js";
 import {
   GoalManageCardEdit
-} from "./chunk-RZIU365S.js";
+} from "./chunk-2RX674W6.js";
 import {
   GoalManageCardRead
-} from "./chunk-5BTB2LU7.js";
+} from "./chunk-O5L4LK45.js";
 import {
   ReportCard
-} from "./chunk-PKBDD4PG.js";
+} from "./chunk-YEBURTE7.js";
 import {
   ReservationCard
-} from "./chunk-VAZR3XLZ.js";
+} from "./chunk-AOTKTTU3.js";
 import {
   SessionCard
-} from "./chunk-B2HG6FDE.js";
+} from "./chunk-JSIAXBKM.js";
 import {
-  SessionReviewSimpleRead
-} from "./chunk-AXAC22HP.js";
+  EditCoachingTime
+} from "./chunk-F7QYHF4W.js";
+import {
+  EditServiceType
+} from "./chunk-2JT4W5B7.js";
+import {
+  OnOfflineRadioCard
+} from "./chunk-F6SEH3LH.js";
 import {
   CoachQuestionList
-} from "./chunk-EDSUQ7TD.js";
+} from "./chunk-YYWEFK4H.js";
 import {
   ContentsCard
-} from "./chunk-WPSS7DM6.js";
+} from "./chunk-OVI5652U.js";
 import {
   CurriculumCard
-} from "./chunk-AGOEGEED.js";
-import {
-  EditCoachingTime
-} from "./chunk-EJ32CJPF.js";
+} from "./chunk-UJKOBA4Y.js";
+import "./chunk-TQF4GRGJ.js";
 import {
-  EditServiceType
-} from "./chunk-46WOXJA3.js";
-import {
-  OnOfflineRadioCard
-} from "./chunk-Z3TH6GCD.js";
-import "./chunk-KLRJD4W7.js";
+  ExpandTable,
+  createColumnHelper
+} from "./chunk-5J42WXV3.js";
+import "./chunk-2SB6B77U.js";
 import "./chunk-AS7ID74X.js";
 import {
   CurriculumBody
-} from "./chunk-NR443RQH.js";
-import "./chunk-UF2USHST.js";
-import "./chunk-VSRCN5KQ.js";
-import "./chunk-P3KHQTJR.js";
-import "./chunk-SAF6J3EF.js";
-import "./chunk-2Q7QZH4W.js";
+} from "./chunk-ZRWSZXVY.js";
+import "./chunk-SVMB4QD5.js";
+import "./chunk-W2IKAMW3.js";
+import "./chunk-STZLLNIO.js";
+import "./chunk-BK66VJJC.js";
+import "./chunk-5VVRFVYF.js";
+import "./chunk-D5C52NFE.js";
+import "./chunk-GDQMZ2PH.js";
 import "./chunk-NMS3AZUF.js";
-import "./chunk-A2LDUAOR.js";
+import "./chunk-XHO7B3B6.js";
 import "./chunk-SQBRHTZD.js";
-import "./chunk-4MQ637OM.js";
-import "./chunk-HR4ZUEOG.js";
-import "./chunk-FTEN4BBE.js";
-import "./chunk-I2XYXTCK.js";
-import "./chunk-6FVBV6JH.js";
-import "./chunk-FBXX5W2A.js";
-import "./chunk-JLOH5W7A.js";
+import "./chunk-GDJ7T6EZ.js";
+import "./chunk-HO4N54UR.js";
+import "./chunk-3VHYJFLA.js";
+import "./chunk-SGCKXLXZ.js";
+import "./chunk-NIFSP7SW.js";
 import "./chunk-GMKRNFH5.js";
 import "./chunk-HYMGXDPL.js";
 import {
   CurriculumSidebar
-} from "./chunk-DNPSYH4M.js";
-import "./chunk-QGFA2MJX.js";
+} from "./chunk-SVEVZ3WT.js";
+import "./chunk-EYWTSPHH.js";
 import "./chunk-LRKARLHL.js";
-import "./chunk-4LUQW7ID.js";
+import "./chunk-RZRBFJOD.js";
 import "./chunk-C6L4SEIU.js";
 import "./chunk-JLR2GQNA.js";
 import {
   CurriculumSubNav
-} from "./chunk-QHMQSKU2.js";
+} from "./chunk-ID37AODK.js";
+import {
+  CurriculumProvider,
+  useCurriculumContext
+} from "./chunk-IYQJIEVM.js";
 import {
   CurriculumV2Layout
-} from "./chunk-P2VBB4C5.js";
+} from "./chunk-TKD7AJ2T.js";
 import {
   DatePickerButton
-} from "./chunk-ZTN3U6GB.js";
+} from "./chunk-22AYH6P7.js";
 import {
   DatePicker
-} from "./chunk-CM7UV7KF.js";
-import {
-  ExpandTable,
-  createColumnHelper
-} from "./chunk-BFVGN6Q5.js";
-import "./chunk-2SB6B77U.js";
-import {
-  CurriculumProvider,
-  useCurriculumContext
-} from "./chunk-IYQJIEVM.js";
-import "./chunk-K5DDPZ2B.js";
+} from "./chunk-I3UMTEC3.js";
+import "./chunk-JF7JAMOQ.js";
 import {
   Stepper
-} from "./chunk-ZCD2DTNQ.js";
+} from "./chunk-6T5SVYAI.js";
 import {
   TagSelector
-} from "./chunk-3C7I75ZT.js";
+} from "./chunk-I45ER5IV.js";
 import {
   TimeSelect
 } from "./chunk-W4SJNIHN.js";
@@ -140,46 +144,41 @@ import {
   getTimeOptions,
   parseTimeOption
 } from "./chunk-NWJSLIQ3.js";
+import {
+  DynamicFormResponseItem
+} from "./chunk-QTQKJ4A2.js";
 import {
   DynamicForm,
-  convertJsonToFields,
   createYupValidation
-} from "./chunk-PJPT4ZEE.js";
-import {
-  DynamicFormField
-} from "./chunk-ET3REX7G.js";
+} from "./chunk-O4BXBWBH.js";
 import {
   ForceRefresh
 } from "./chunk-GGLDVUYU.js";
 import {
   GhostPost
-} from "./chunk-PNKZKHR3.js";
+} from "./chunk-DHTZUBKS.js";
 import {
   LearningPost
-} from "./chunk-HWSQ2VL2.js";
+} from "./chunk-TZ44E4LR.js";
+import {
+  ThemeProvider
+} from "./chunk-7FKRQQYK.js";
 import {
   Navigation
-} from "./chunk-B6FTZZF4.js";
+} from "./chunk-N7YSRFPH.js";
 import {
   RadioButtonCard
-} from "./chunk-O3P4TGRW.js";
-import {
-  ThemeProvider
-} from "./chunk-7FKRQQYK.js";
+} from "./chunk-74TRRGWW.js";
 import {
   DotNavigation
 } from "./chunk-IJOOKMKQ.js";
 import {
   DownloadCard
 } from "./chunk-2NAB4DYH.js";
-import "./chunk-HBF6IIVZ.js";
-import {
-  Form,
-  FormItem
-} from "./chunk-2OMSNCRH.js";
 import {
-  Strong
-} from "./chunk-74DX4CU7.js";
+  DynamicFormField
+} from "./chunk-4O74KAAL.js";
+import "./chunk-HBF6IIVZ.js";
 import {
   Switch
 } from "./chunk-OYM4XCHQ.js";
@@ -199,9 +198,6 @@ import {
   ToastContainer,
   toast
 } from "./chunk-EEKOTWBE.js";
-import {
-  Radio
-} from "./chunk-FPD73OHW.js";
 import {
   ScrollArea
 } from "./chunk-MUPK4L3U.js";
@@ -221,15 +217,15 @@ import {
   Spinner
 } from "./chunk-FR2GDOU2.js";
 import {
-  Link
-} from "./chunk-DHZVOXFM.js";
+  Strong
+} from "./chunk-74DX4CU7.js";
 import {
   List,
   useList
 } from "./chunk-WV2HN6H4.js";
 import {
   Pagination
-} from "./chunk-5MCLOY67.js";
+} from "./chunk-AQEJ47YX.js";
 import {
   Popover
 } from "./chunk-5AVBYDPB.js";
@@ -245,6 +241,9 @@ import {
 import {
   RadioGroup
 } from "./chunk-6DJOIRMF.js";
+import {
+  Radio
+} from "./chunk-FPD73OHW.js";
 import {
   Grid
 } from "./chunk-EGEQY3KT.js";
@@ -258,17 +257,14 @@ import {
   Kbd
 } from "./chunk-TULWX7D6.js";
 import {
-  Container
-} from "./chunk-Q37G2GS6.js";
+  Link
+} from "./chunk-DHZVOXFM.js";
 import {
   DataList
 } from "./chunk-VTJZMOSP.js";
 import {
   Dialog
-} from "./chunk-DIE6CIJQ.js";
-import {
-  Heading
-} from "./chunk-BESTU2AY.js";
+} from "./chunk-OC5IPHZQ.js";
 import {
   Content,
   Drawer,
@@ -302,7 +298,6 @@ import {
 import {
   FieldErrorWrapper
 } from "./chunk-VRJR534I.js";
-import "./chunk-ZD7MNMED.js";
 import {
   Callout
 } from "./chunk-B6XJN6EC.js";
@@ -325,11 +320,11 @@ import {
   Collapse
 } from "./chunk-NFDQJVFA.js";
 import {
-  AspectRatio
-} from "./chunk-EAXUQEO5.js";
+  Container
+} from "./chunk-Q37G2GS6.js";
 import {
   AutoSizingInput
-} from "./chunk-FU5BNFCO.js";
+} from "./chunk-6SYFG6YY.js";
 import {
   Avatar
 } from "./chunk-K36TPMKL.js";
@@ -348,14 +343,11 @@ import {
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
-import {
-  Typo
-} from "./chunk-PMJIFLDT.js";
-import "./chunk-LDBWASUA.js";
 import {
   Button
 } from "./chunk-TSXRCXC6.js";
 import "./chunk-LQY4RKWI.js";
+import "./chunk-ZD7MNMED.js";
 import {
   ArchiveIcon,
   ArrowLeftIcon,
@@ -424,9 +416,21 @@ import {
   VideoIcon
 } from "./chunk-V5XKNSCK.js";
 import "./chunk-WJ34ZHTU.js";
+import {
+  MicIcon
+} from "./chunk-ZQE7SP6P.js";
+import {
+  PhoneRingIcon
+} from "./chunk-R6ARPREO.js";
 import {
   TriangleArrowUpIcon
 } from "./chunk-2O45FRFQ.js";
+import {
+  CirclePencilIcon
+} from "./chunk-J2I3R3OV.js";
+import {
+  CirclePlayIcon
+} from "./chunk-QO6KO6MN.js";
 import {
   CircleQuoteIcon
 } from "./chunk-5KNRHIIF.js";
@@ -439,12 +443,6 @@ import {
 import {
   EndCallIcon
 } from "./chunk-2FJ4LW7E.js";
-import {
-  MicIcon
-} from "./chunk-ZQE7SP6P.js";
-import {
-  PhoneRingIcon
-} from "./chunk-R6ARPREO.js";
 import {
   CameraDisabledIcon
 } from "./chunk-YSYJCYHY.js";
@@ -457,19 +455,22 @@ import {
 import {
   CircleCheckIcon
 } from "./chunk-YVFNJE4E.js";
+import "./chunk-P5EMTC35.js";
 import {
-  CirclePencilIcon
-} from "./chunk-J2I3R3OV.js";
+  DynamicFormProvider,
+  useDynamicForm
+} from "./chunk-O2S7S5B4.js";
 import {
-  CirclePlayIcon
-} from "./chunk-QO6KO6MN.js";
-import "./chunk-PSINRHYW.js";
+  Form,
+  FormItem
+} from "./chunk-2OMSNCRH.js";
 import {
-  EchartDefaultProps
-} from "./chunk-2QFSCWES.js";
+  Heading
+} from "./chunk-BESTU2AY.js";
 import {
-  HorizontalBarChart
-} from "./chunk-SGMO4KBC.js";
+  Typo
+} from "./chunk-PMJIFLDT.js";
+import "./chunk-LDBWASUA.js";
 import {
   UIStateContext,
   UIStateProvider,
@@ -478,6 +479,9 @@ import {
 import {
   AlertDialog
 } from "./chunk-J242TTFH.js";
+import {
+  AspectRatio
+} from "./chunk-EAXUQEO5.js";
 import "./chunk-CRTRMMJ7.js";
 export {
   AlertDialog,
@@ -557,6 +561,8 @@ export {
   DropdownMenu,
   DynamicForm,
   DynamicFormField,
+  DynamicFormProvider,
+  DynamicFormResponseItem,
   EchartDefaultProps,
   EditCoachingTime,
   EditServiceType,
@@ -662,11 +668,8 @@ export {
   UpdateIcon,
   UploadIcon,
   VideoIcon,
-  convertJsonToDynamicFormProps,
-  convertJsonToFields,
   createColumnHelper,
   createYupValidation,
-  exampleJsonSchema,
   getCellAlign,
   getColumnMeta,
   getTimeOption,
@@ -676,6 +679,7 @@ export {
   toast,
   uiProps,
   useCurriculumContext,
+  useDynamicForm,
   useList,
   usePortalContainer,
   useThemeContext,