@eturnity/eturnity_reusable_components 1.2.19-EPDM-5448.0 → 1.2.19-EPDM-5310.8

package/src/components/inputs/inputNumber/InputNumber.stories.js

@@ -1,150 +1,150 @@
-import InputNumber from "./index.vue"
-
-export default {
-  title: "InputNumber",
-  component: InputNumber,
-  // argTypes: {},
-}
-
-const Template = (args, { argTypes }) => ({
-  // Components used in your story `template` are defined in the `components` object
-  components: { InputNumber },
-  // The story's `args` need to be mapped into the template through the `setup()` method
-  props: Object.keys(argTypes),
-  template: '<input-number v-bind="$props" />',
-
-  // import InputNumber from "@eturnity/eturnity_reusable_components/src/components/inputs/inputNumber"
-  // How to use:
-  // <input-number
-  //     placeholder="Enter distance"
-  //     :isError="false" //default is false
-  //     inputWidth="150px" //by default, this is 100%
-  //     :numberPrecision="3"
-  //     unitName="pc"
-  //     :value="inputValue" //required -- String
-  //     @input-change="onInputChange($event)" //required
-  //     @on-enter-click="onInputSubmit()"
-  //     :errorMessage="Enter a number between 1 and 10"
-  //     :disabled="false"
-  //     :noBorder="true"
-  //     textAlign="left" // "left, right, center"
-  //     :showLinearUnitName="true"
-  //     fontSize="13px"
-  //     labelText="Number of Modules"
-  //     labelInfoText="Here is some information for you..."
-  //     labelInfoAlign="left"
-  // />
-})
-
-export const Default = Template.bind({})
-Default.args = {
-  placeholder: "Enter Value",
-  disabled: false,
-  value: "",
-  inputWidth: "200px",
-  minWidth: "150px",
-  unitName: "pc",
-  isError: false,
-  numberPrecision: 0,
-  noBorder: false,
-  textAlign: "left",
-  showLinearUnitName: false,
-}
-
-export const hasError = Template.bind({})
-hasError.args = {
-  placeholder: "Enter Value",
-  errorMessage: "This field is required",
-  isError: true,
-  disabled: false,
-  inputWidth: "200px",
-}
-
-export const Disabled = Template.bind({})
-Disabled.args = {
-  placeholder: "Enter Value",
-  disabled: true,
-  value: "",
-  inputWidth: "200px",
-  isError: false,
-  numberPrecision: 0,
-  noBorder: false,
-  textAlign: "left",
-  showLinearUnitName: false,
-}
-
-export const LinearUnit = Template.bind({})
-LinearUnit.args = {
-  placeholder: "Enter Value",
-  disabled: false,
-  value: 10,
-  inputWidth: "200px",
-  unitName: "pc",
-  isError: false,
-  numberPrecision: 2,
-  noBorder: false,
-  textAlign: "left",
-  showLinearUnitName: true,
-}
-
-export const NormalUnit = Template.bind({})
-NormalUnit.args = {
-  placeholder: "Enter Value",
-  disabled: false,
-  value: 10,
-  inputWidth: "200px",
-  unitName: "pc",
-  isError: false,
-  numberPrecision: 2,
-  noBorder: false,
-  textAlign: "left",
-  showLinearUnitName: false,
-}
-
-export const WithLabel = Template.bind({})
-WithLabel.args = {
-  placeholder: "Enter Value",
-  disabled: false,
-  value: 10,
-  inputWidth: "200px",
-  unitName: "pc",
-  isError: false,
-  numberPrecision: 2,
-  noBorder: false,
-  textAlign: "left",
-  showLinearUnitName: false,
-  labelText: "Number Input",
-}
-
-export const WithLabelInfo = Template.bind({})
-WithLabelInfo.args = {
-  placeholder: "Enter Value",
-  disabled: false,
-  value: 10,
-  inputWidth: "200px",
-  unitName: "pc",
-  isError: false,
-  numberPrecision: 2,
-  noBorder: false,
-  textAlign: "left",
-  showLinearUnitName: false,
-  labelText: "Number Input",
-  labelInfoText: "Here is some information for you...",
-  labelInfoAlign: "right",
-}
-
-export const LargerFont = Template.bind({})
-LargerFont.args = {
-  placeholder: "Enter Value",
-  disabled: false,
-  value: 10,
-  inputWidth: "200px",
-  unitName: "pc",
-  isError: false,
-  numberPrecision: 2,
-  noBorder: false,
-  textAlign: "left",
-  showLinearUnitName: false,
-  labelText: "Number Input",
-  fontSize: "16px",
-}
+import InputNumber from "./index.vue"
+
+export default {
+  title: "InputNumber",
+  component: InputNumber,
+  // argTypes: {},
+}
+
+const Template = (args, { argTypes }) => ({
+  // Components used in your story `template` are defined in the `components` object
+  components: { InputNumber },
+  // The story's `args` need to be mapped into the template through the `setup()` method
+  props: Object.keys(argTypes),
+  template: '<input-number v-bind="$props" />',
+
+  // import InputNumber from "@eturnity/eturnity_reusable_components/src/components/inputs/inputNumber"
+  // How to use:
+  // <input-number
+  //     placeholder="Enter distance"
+  //     :isError="false" //default is false
+  //     inputWidth="150px" //by default, this is 100%
+  //     :numberPrecision="3"
+  //     unitName="pc"
+  //     :value="inputValue" //required -- String
+  //     @input-change="onInputChange($event)" //required
+  //     @on-enter-click="onInputSubmit()"
+  //     :errorMessage="Enter a number between 1 and 10"
+  //     :disabled="false"
+  //     :noBorder="true"
+  //     textAlign="left" // "left, right, center"
+  //     :showLinearUnitName="true"
+  //     fontSize="13px"
+  //     labelText="Number of Modules"
+  //     labelInfoText="Here is some information for you..."
+  //     labelInfoAlign="left"
+  // />
+})
+
+export const Default = Template.bind({})
+Default.args = {
+  placeholder: "Enter Value",
+  disabled: false,
+  value: "",
+  inputWidth: "200px",
+  minWidth: "150px",
+  unitName: "pc",
+  isError: false,
+  numberPrecision: 0,
+  noBorder: false,
+  textAlign: "left",
+  showLinearUnitName: false,
+}
+
+export const hasError = Template.bind({})
+hasError.args = {
+  placeholder: "Enter Value",
+  errorMessage: "This field is required",
+  isError: true,
+  disabled: false,
+  inputWidth: "200px",
+}
+
+export const Disabled = Template.bind({})
+Disabled.args = {
+  placeholder: "Enter Value",
+  disabled: true,
+  value: "",
+  inputWidth: "200px",
+  isError: false,
+  numberPrecision: 0,
+  noBorder: false,
+  textAlign: "left",
+  showLinearUnitName: false,
+}
+
+export const LinearUnit = Template.bind({})
+LinearUnit.args = {
+  placeholder: "Enter Value",
+  disabled: false,
+  value: 10,
+  inputWidth: "200px",
+  unitName: "pc",
+  isError: false,
+  numberPrecision: 2,
+  noBorder: false,
+  textAlign: "left",
+  showLinearUnitName: true,
+}
+
+export const NormalUnit = Template.bind({})
+NormalUnit.args = {
+  placeholder: "Enter Value",
+  disabled: false,
+  value: 10,
+  inputWidth: "200px",
+  unitName: "pc",
+  isError: false,
+  numberPrecision: 2,
+  noBorder: false,
+  textAlign: "left",
+  showLinearUnitName: false,
+}
+
+export const WithLabel = Template.bind({})
+WithLabel.args = {
+  placeholder: "Enter Value",
+  disabled: false,
+  value: 10,
+  inputWidth: "200px",
+  unitName: "pc",
+  isError: false,
+  numberPrecision: 2,
+  noBorder: false,
+  textAlign: "left",
+  showLinearUnitName: false,
+  labelText: "Number Input",
+}
+
+export const WithLabelInfo = Template.bind({})
+WithLabelInfo.args = {
+  placeholder: "Enter Value",
+  disabled: false,
+  value: 10,
+  inputWidth: "200px",
+  unitName: "pc",
+  isError: false,
+  numberPrecision: 2,
+  noBorder: false,
+  textAlign: "left",
+  showLinearUnitName: false,
+  labelText: "Number Input",
+  labelInfoText: "Here is some information for you...",
+  labelInfoAlign: "right",
+}
+
+export const LargerFont = Template.bind({})
+LargerFont.args = {
+  placeholder: "Enter Value",
+  disabled: false,
+  value: 10,
+  inputWidth: "200px",
+  unitName: "pc",
+  isError: false,
+  numberPrecision: 2,
+  noBorder: false,
+  textAlign: "left",
+  showLinearUnitName: false,
+  labelText: "Number Input",
+  fontSize: "16px",
+}